@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*reset*/
body, p, h1, h2, h3, h4, ul, dl, dd, th, td, form, input, textarea, select, button {margin:0;padding:0}
h1, h2, h3, h4 {font-size:inherit;font-weight:bold;color:inherit;text-transform:uppercase;letter-spacing:-2px}
ul, ol {list-style:none}
a {text-decoration:none}
a:link, a:visited, a:hover, a:active {color:inherit}
img {border:0;vertical-align:top}
form * {font-family:inherit}
input, select, textarea {font-family:inherit;color:inherit;font-size:inherit;font-weight:inherit;border:1px solid #ededed}
input[type="file"] {background:none;border:0}
button {border:0;background:none;font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;text-transform:inherit}
table {border-collapse:collapse;border-spacing:0}
caption {overflow:hidden;width:1px;height:0;margin-left:-1px;font-size:0;line-height:0}
header, nav, section, footer {display:block}

body {min-width:1600px;margin:0 auto;font-family:"Noto Sans KR", sans-serif;font-size:16px;font-weight:bold;color:#777;line-height:1}
* {margin:0;padding:0;border:0;outline:0;vertical-align:middle}


.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt100{margin-top:100px !important;}

.mr30{margin-right:30px !important;}

/*common class*/
.clear:after {display:block;content:"";clear:both}
.hide {overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0}
.inner_wrap {width:1200px;margin:0 auto}
.c_left {clear:left !important}

/*skip*/
.skip a {position:absolute;top:0;left:-9999px;text-transform:uppercase;z-index:20}
.skip a:focus, .skip a:active {left:0;width:100%;height:22px;padding:10px 0;text-align:center;background:#000;color:#fff;font-weight:bold}

/*header*/
header {position:relative;padding:44px 0 9px;background:url(../images/common/shadow_header.png) repeat-x 0  100%;z-index:50}
.logo {height:101px;background-color:#353535;}
.logo a {display:block;width:227px;margin:0 auto;padding:19px 0 19px 0;}

.support {position:absolute;top:0;left:0;width:100%;height:43px;border-bottom:1px solid #121212;background-color:#292a2c;line-height:43px}
.support * {vertical-align:middle}
.support .tit {float:left;margin:0 21px 0 1px;font-size:13px;color:#fff;letter-spacing:0}
.num_support {float:left}
.num_support span {display:inline-block;margin-right:15px;padding-left:24px;font-size:13px;color:#00a9a7;vertical-align:top}
.support .tel {background:url(../images/common/ico_tel.png) no-repeat 0 50%}
.support .time {background:url(../images/common/ico_time.png) no-repeat 0 50%}
.social_support {float:right;margin-right:-1px;font-size:0}
.social_support a {display:inline-block;width:24px;height:24px;margin-left:10px}
.social_support a:hover, .social_support a:focus {background-position:0 -25px}
.youtube {background:url(../images/common/ico_youtube.png) no-repeat}
.facebook {background:url(../images/common/ico_facebook.png) no-repeat}
.linkedin {background:url(../images/common/linkedin_icon.png) no-repeat}

/*gnb*/
#gnb {position:relative;z-index:10}
#gnb li ul {display:none}
.gnb_bg span {display:inline-block;width:50%;height:70px}
.gnb_bg_lft {background:url(../images/common/gnb_left_bar.png) repeat-x}
.gnb_bg_rgt {background:url(../images/common/gnb_right_bar.png) repeat-x}

.gnb {position:absolute;top:0;left:50%;width:1364px;margin-left:-682px;text-transform:uppercase}
.gnb > li {position:relative;float:left;box-sizing:border-box}
.gnb_01 {padding-left:83px;background:url(../images/common/gnb_lft_bg.png) no-repeat}
.gnb_07 {padding-right:83px;background:url(../images/common/gnb_rgt_bg.png) no-repeat 100% 0}
.gnb > li > a, .gnb .gnb_06 {display:inline-block;width:190px;height:70px;border-top:1px solid #80d9d8;border-left:1px solid #4dcac8;border-bottom:1px solid #008c89;background-color:#00b3b0;background-position:50% 28px;background-repeat:no-repeat;font-size:0;line-height:200px;vertical-align:top;box-sizing:border-box}
.gnb > li > a {overflow: hidden;}
.gnb > li:first-child > a {border-left:0}
.gnb .gnb_01 > a {width:189px}
.gnb .gnb_07 > button {overflow:hidden;width:59px;height:70px;border-top:1px solid #80d9d8;border-left:1px solid #4dcac8;border-bottom:1px solid #008c89;background-color:#009e9a;background-position:50% 28px;background-repeat:no-repeat;font-size:0;line-height:200px;vertical-align:top;box-sizing:border-box}
.gnb .gnb_01 > a {background-image:url(../images/common/gnb_1.png)}
.gnb .gnb_02 > a {background-image:url(../images/common/gnb_2.png)}
.gnb .gnb_03 > a {background-image:url(../images/common/gnb_3.png)}
.gnb .gnb_04 > a {background-image:url(../images/common/gnb_4.png)}
.gnb .gnb_05 > a {background-image:url(../images/common/gnb_5.png)}
.gnb .gnb_06 > a {display: inline-block; width: 100px;height: 20px;margin: 0 auto; border:0;background-image:url(../images/common/gnb_6.png);background-position: 50% 0;}
.gnb .gnb_07 > button {background-image:url(../images/common/gnb_7.png)}

.gnb .gnb_06 {padding-top: 28px; text-align: center}

.gnb > li.on > a, .gnb > li.gnb_06.on {border-bottom:9px solid #80d9d8}
.gnb > li.gnb_06.on > a {border-bottom: 0;}
.gnb > li.gnb_07.on > button {border-bottom:1px solid #008c89;}
.gnb > li.hover > a, .gnb > li > a:focus, .gnb > li.gnb_06.hover {border-bottom:9px solid #fff}
.gnb > li.gnb_06 > a:focus,.gnb > li.gnb_06.hover > a, .gnb > li.gnb_06.hover > a:focus {border-bottom: 0;}
.gnb > li.gnb_07.hover > button {background-color:#005d5a;border-top-color:#005d5a;border-bottom:1px solid #008c89}
.dep2 {position:absolute;top:100%;width:283px;margin-left:4px;padding:4px 0;background-image:url(../images/common/dep_bg.png);font-size:14px;color:#444;line-height:50px}
.gnb .gnb_06 .dep2 {top: 69px;left: -1px;}
.dep2 > li {width:283px;margin-left:-4px;background-color:#fff}
.dep2 > li:first-child {margin-top:-4px}
.dep2 li a {display:inline-block;width:283px;height:50px;padding-left:18px;border-bottom:1px solid #cbcbcb;text-align:left;vertical-align:top;box-sizing:border-box}
.dep2 > li > a.on {color:#00b371}
.dep2 > li.hover > a, .dep2 > li > a:focus {background:#00b371;color:#fff}
.gnb_01 .dep2 > li > a {background:url(../images/common/gnb_dep2.png) no-repeat 254px 20px;z-index:20}
.gnb_01 .dep2 > li > a.on {background-image:url(../images/common/gnb_dep2_on.png)}
.gnb_01 .dep2 > li.hover > a, .gnb_01 .dep2 > li > a:focus {background:#00b371 url(../images/common/gnb_dep2_hover.png) no-repeat 254px 20px}
.gnb_01 .dep2 > li.last > a {background-image:none}

.gnb_02 .dep2 > li > a {background:url(../images/common/gnb_dep2.png) no-repeat 254px 20px;z-index:20}
.gnb_02 .dep2 > li > a.on {background-image:url(../images/common/gnb_dep2_on.png)}
.gnb_02 .dep2 > li.hover > a, .gnb_02 .dep2 > li > a:focus {background:#00b371 url(../images/common/gnb_dep2_hover.png) no-repeat 254px 20px}
.gnb_02 .dep2 > li.last > a {background-image:none}


.dep3 {position:absolute;top:0;left:100%;margin-left:-14px;padding-top:4px;background-image:url(../images/common/dep_bg.png);z-index:-10}
.dep3 li {position:relative;top:-4px;left:-4px;background-color:#e9e9e9}
.dep3 li a {padding-left:29px;background:url(../images/common/gnb_go.png) no-repeat 257px 20px}
.dep3 li a.on {background-image:url(../images/common/gnb_go_on.png);color:#00b371;}
.dep3 li:hover a, .dep3 li a:focus {background:#00b371 url(../images/common/gnb_go_hover.png) no-repeat 257px 20px;color:#fff }

.stay_gnb {position:absolute;top:70px;width:200%;height:250px;background-color:#aaa;opacity:0;filter:Alpha(opacity=0);z-index:-20}

ul.red-main-banner {display:block}
ul.red-main-banner li.red-main-list {float:left;margin-left:26px}
ul.red-main-banner li:first-child {margin-left:0px}

/*search*/
.search_wrap {display:none;position:absolute;right:83px;width:1198px;padding-bottom:28px;background:url(../images/common/search_bg.png) no-repeat 0 100%}
.search_bg {display:inline-block;width:1198px;height:93px;background-color:#000;opacity:.6;filter:Alpha(opacity=60)}
.search_wrap form {position:absolute;top:0;left:50%;width:1098px;height:50px;margin:35px 0 7px -549px;font-size:0;font-weight:900;color:#444;letter-spacing:-0.5px}
.search_wrap p {float:left;width:118px;padding-top:7px;font-size:18px;color:#00b371}
.search_wrap label {position:absolute;top:16px;left:138px;font-size:18px}
.search_wrap input {width:826px;height:50px;padding-left:20px;font-size:18px;border:0}
.search_wrap button {width:134px;height:50px;font-size:18px;background-color:#00b371;font-weight:900;color:#fff}

/* content */
#contents {margin-top:-9px}

/*footer*/
.foot_logo {background:#000;font-size:var(--fSze15);color:#aaa;}
.foot_logo .inConts{height:95px; display: flex; align-items: center; justify-content: space-between;}
.foot_logo p {}
.foot_logo a {}

.foot_sitemap {padding:79px 0 84px;background:#383838}
.foot_sitemap h3 {margin-bottom:24px;font-size:var(--fSze20);color:#fff;letter-spacing:0}
.foot_sitemap .p_list{display: flex; flex-flow: row wrap; gap:5rem 2rem;}
.foot_sitemap .p_list + .p_list{margin-top:5rem;padding-top:5rem; border-top:1px solid #747474}
.foot_sitemap .p_list > li {flex:1; font-size:var(--fSze15);color:#aaa}
.foot_sitemap .p_list > li > p {margin-bottom:1rem}
.foot_sitemap .dep_list > li {margin-bottom:1rem}
.foot_sitemap .dep_list > li > a {font-size:var(--fSze13); color:#777}
.foot_sitemap .dep_list2 > li {margin-bottom:1rem}
.foot_sitemap .dep_list2 > li > a {font-size:var(--fSze15);color:#aaa}

@media only screen and (max-width : 1024px){
	.foot_sitemap .p_list>li{flex:none; width:calc((100% - 4rem) / 3);}
}
@media only screen and (max-width : 840px){
	.foot_logo{font-size:12px;}
	.foot_logo p {}
	.foot_logo a {}
	.foot_logo a img{height:4rem;}

	.foot_sitemap {padding:7rem 0;}
	.foot_sitemap h3 {margin-bottom:2.5rem;}
	.foot_sitemap .p_list{}
	.foot_sitemap .p_list + .p_list{}
	.foot_sitemap .p_list > li {width:calc((100% - 2rem) / 2);}
}

/* box */
.box_wrap {position:relative;border-bottom:2px solid #d0d0d0}
.box_wrap .inner_box {height:197px;padding:58px 0 0 50px;border:2px solid #000;box-sizing:border-box}
.box_wrap .edge {position:absolute;right:0;top:0;width:37px;height:37px;background:url(../images/common/edge_type1.jpg) no-repeat 0 0}

/* table */
.tbl_type_1 {width:100%}
.tbl_type_1 th {height:50px;background:#f9f9f9;border-top:2px solid #c3c3c3;border-bottom:1px solid #c3c3c3;font-size:var(--fSze18);color:#444;text-align:center;box-sizing:border-box}
.tbl_type_1 td {height:50px;padding:0 3rem;background:#fff;border-bottom:1px solid #ececec;font-size:var(--fSze18);font-weight:400;box-sizing:border-box}
.tbl_type_1 .last_tr td {border-bottom-color:#c3c3c3}
.tbl_type_1 tbody {border-bottom:1px solid #c3c3c3}
.tbl_type_1 tr:hover td {background:#ebf5f5;font-weight:700;color:#000}
.tbl_type_1 .tbl_down_btn button {overflow:hidden;width:120px;height:22px;padding-left:33px;background:url(../images/common/tbl_down_btn.png) no-repeat;line-height:22px;box-sizing:border-box}
.tbl_type_1 tr:hover td.tbl_down_btn button, .tbl_type_1 tr td.tbl_down_btn button:focus {background-position:0 -23px;color:#00b2af}

.tbl_type_1 td.no_result {padding:100px 0 90px;font-size:var(--fSze18);text-align:center}
.tbl_type_1 tr:hover td.no_result {background:#fff;font-weight:400;color:#777}

.tbl_type_2 {width:100%}
.tbl_type_2 tbody {border-top:2px solid #c3c3c3;border-bottom:1px solid #c3c3c3}
.tbl_type_2 th {padding:1.6rem 3rem 1.5rem;background:#f9f9f9;border-bottom:1px solid #ececec;font-size:var(--fSze18);color:#444;text-align:left}
.tbl_type_2 td {padding:1.6rem 3rem 1.5rem;border-bottom:1px solid #ececec;font-size:var(--fSze18);font-weight:400;line-height:1.2}
.tbl_type_2 .last_tr th, .tbl_type_2 .last_tr td {border-bottom-color:#c3c3c3 }

@media only screen and (max-width : 840px){
	.tbl_type_1 .tbl_down_btn button {width:105px; padding-left:19px;}
}



/* product */
	.product-2025{width:100%; padding-bottom:4rem; border-bottom: 0.4rem solid #a4a4a4; display: flex; flex-flow: row wrap; gap:4rem 3rem;}
	.product-2025>li{width:calc((100% - 6rem) / 3);}
	.product-2025>li:nth-child(-n+3){border-top:2px solid #a4a4a4;}
	.product-2025>li>a{display:block;}
	.product-2025>li p.thumb{width:100%; aspect-ratio:380/283; position: relative;}
	.product-2025>li p.thumb:before{content: ""; width: 100%; height: calc(100% + 1px); position:absolute; left: 0; top:0px; box-sizing: border-box;}
	.product-2025>li img{width:100%; max-width:none; aspect-ratio:380/283; object-fit: cover; display:block;}

	.product-2025>li>a .product_name{width:100%; height:6.4rem; padding:0 7rem 0.6rem 3rem; border-left:1px solid #b2b2b2; border-top:1px solid #b2b2b2; border-right:1px solid #b2b2b2; font-size:var(--fSze23); color:#000; letter-spacing:-0.07em; display: flex; align-items: center;
		background-image:url(../images/common/product_bg_new.png), url(../images/common/product_bg_re.png); background-repeat:no-repeat, repeat-x; background-position: right bottom, left bottom; background-size: contain;
	}
	.product-2025>li>a .product_name i{font-style: normal; display: block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all;}

	.product-2025>li>a:hover p.thumb:before{border:4px solid #00b3b0; border-bottom:0}
	.product-2025>li>a:hover .product_name{border-color:transparent; background-image:url(../images/common/product_bg_on.png), url(../images/common/product_bg_on_re.png); color: #fff;}

	.product-2025>li.no_result {width:100%; height:20rem; font-size:var(--fSze18);text-align:center; display: flex; align-items: center; justify-content: center;}

	@media only screen and (max-width : 1024px){
		.product-2025>li{width:calc((100% - 3rem) / 2);}
		.product-2025>li:nth-child(3){border-top:none;}
	}
	@media only screen and (max-width : 840px){
		.product-2025{gap:4rem 2rem;}
		.product-2025>li{width:calc((100% - 2rem) / 2);}

		.product-2025>li>a .product_name{height:8.4rem;}
	}
	@media only screen and (max-width : 640px){
		.product-2025>li{width:100%;}
	}

.best_product_wrap {background-color:#f9f9f9;padding:50px 0 80px;color:#000;font-size:0}
.product_type_1 .tit {padding-bottom:30px;color:#000}
.product_type_1 a {display:inline-block;position:relative;width:380px;height:347px;margin-left:26px;background:url(../images/common/product_bg.png) no-repeat 0 100%}
.product_type_1 a:first-child {margin-left:0}
.product_type_1 a:hover ,
.product_type_1 a:focus {background-image:url(../images/common/product_bg_on.png)}
.product_type_1 .product_name {display:block;overflow:hidden;position:absolute;bottom:16px;left:30px;width:235px;height:30px;font-size:23px;color:#000;letter-spacing:-.7px;text-overflow:ellipsis;white-space:nowrap}
.product_type_1 a:hover .product_name, .product_type_1 a:focus .product_name {color:#fff}
.product_type_1 .bd_span {position:absolute;top:0;left:0;width:380px;height:283px;box-sizing:border-box}
.product_type_1 a:hover .bd_span, .product_type_1 a:focus .bd_span {border:4px solid #00b3b0;border-bottom:0}
.main .bd_span {border:1px solid #b2b2b2;border-bottom:0}

.product_type_1 .no_result {width:100%;padding:100px 0 50px;font-size:18px;text-align:center}

/*list product*/
	ul.product_type_1 {padding:2px 0 8px 0;border-bottom:4px solid #a4a4a4;background:url(../images/product/product_top_bar.png) repeat-x}
	.product_type_1 li {float:left;margin:0 0 37px 30px;font-size:0}
	li.lft_item {margin-left:0}

/* font */
.tac {text-align:center}
.tac_contact {text-align:left}

/* button */
.btn_send {width:38rem;height:5.9rem;padding-left:3rem;background:url(../images/common/bg_btn_send.png) no-repeat 0 0 / cover;font-size:var(--fSze23);font-weight:900;color:#fff;text-align:left;box-sizing:border-box}
.btn_send:hover {background-position:0 -5.9rem}
.btn_send_s {width:170px;height:46px;padding-left:2rem;background:url(../images/common/bg_btn_send_s.png) no-repeat 0 0 / cover;font-size:var(--fSze18);font-weight:900;color:#fff;text-align:left;box-sizing:border-box}
.btn_send_s:hover {background-position:0 -46px}

.btn_pop_cls {width:17px;height:17px;background:url(../images/common/btn_clse.png) no-repeat 0 0;text-indent:-9999px}

/* box_model */
.mb_50 {margin-bottom:50px}
.ml_0 {margin-left:0 !important}
.mt_80 {margin-top:80px !important}

/* dimm */
.dimm {width:100%;height:100%;padding:10rem 2rem;background-color: rgba(0,0,0,0.7);position: fixed;top:0;left:0;z-index:15; align-items: center; justify-content: center; display:none; box-sizing:border-box; overflow-x: hidden; overflow-y:auto;}
.dimm.open{display: flex;}
.dimm.top{align-items: start;}
.dimm .layer_pop {width:100%; max-width:98rem; background:#fff; position: relative;}
.dimm .layer_pop .pop_head {height:10rem;background:#00b3b0;font-size:var(--fSze23);font-weight:900;color:#fff;line-height:10rem;text-align:center}
.dimm .layer_pop .pop_body {padding:3.8rem 2.9rem 5rem;border:1px solid #c4c4c4;border-top:0}
.dimm .layer_pop .warn {position:absolute;top:148px;right:31px;font-size:12px;font-weight:400;color:#da0000}
.dimm .layer_pop .pop_body table {width:100%;}
.dimm .layer_pop .pop_body table caption {width:100%;height:100%;margin:0 0 1.8rem 0;font-size:var(--fSze20);font-weight:900;color:#444;line-height:1;text-align:left}
.dimm .layer_pop .pop_body table tbody {border-top:2px solid #c3c3c3}
.dimm .layer_pop .pop_body table th {padding:2.5rem 3rem 0 0;border-bottom:1px solid #ececec;font-size:var(--fSze18);color:#444;text-align:right;vertical-align:top}
.dimm .layer_pop .pop_body table th .f_da0 {color:#da0000}
.dimm .layer_pop .pop_body table td {padding:1.5rem 3em 1.5rem 0;border-bottom:1px solid #ececec}
.dimm .layer_pop .pop_body table td input {width:100%;height:4.4rem;padding-left:1.5rem;background:#eee;border:1px solid #b6b6b6;font-size:var(--fSze18);line-height:4.4rem;font-weight:400;box-sizing:border-box}
.dimm .layer_pop .pop_body table td input.w_442 {width:442px}
.dimm .layer_pop .pop_body table td textarea {width:100%;height:21.4rem;padding:1.5rem;background:#eee;border:1px solid #b6b6b6;font-size:var(--fSze18);font-weight:400;letter-spacing:-0.5px;resize:none;box-sizing:border-box}
.dimm .layer_pop .pop_body .byte_cnt {margin-top:10px;font-size:12px;font-weight:400;color:#777}
.dimm .layer_pop .pop_body .byte_cnt span {vertical-align:top}
.dimm .layer_pop .pop_body .btn_send_s {display:block;margin:3rem auto 0}
.dimm .layer_pop .pop_body .btn_pop_cls {position:absolute;top:3.3rem;right:3.1rem}

.cont_head {position:relative;width:100%;height:334px;padding-bottom:40px;border-bottom:1px solid #8c8c8c}
.cont_head .curr_loc {position:absolute;bottom:0;left:50%;width:1200px;margin-left:-600px}
.cont_head .curr_loc > li {float:left;width:189px;height:40px;border-right:1px solid #e1e3e3;font-size:12px;line-height:40px}
.cont_head .curr_loc > li.home {width:110px;border-left:1px solid #e1e3e3}

.cont_head h3,
.cont_head h4 {position:absolute;color:#fff}
.cont_head h3 {top:187px;font-size:var(--fSze20);letter-spacing:-1px}
.cont_head h4 {top:215px;font-size:80px;font-weight:900;letter-spacing:-5.5px}

.cont_head .img_wrap {overflow:hidden;width:100%;height:334px}
.cont_head .img_wrap .bg_depth1 {width:100%}

.cont_body {width:1200px;margin:0 auto;padding:80px 0 149px}


@media only screen and (max-width : 840px){
	.btn_send {width:45rem; height:7rem;}
	.btn_send:hover {background-position:0 -7rem}

	.btn_send_s {width:25rem;height:6.8rem;}
	.btn_send_s:hover {background-position:0 -6rem}

	.dimm .layer_pop .warn {top: 14.7rem; right:3rem;}

	.dimm .layer_pop .pop_body table td {padding:1.5rem 1.5rem 1.5rem 0;}
	.dimm .layer_pop .pop_body table td input {width:100%;height:6rem;padding-left:2rem;line-height:6rem;}
	.dimm .layer_pop .pop_body table td input.w_442 {width:100%}
}