@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

* {margin:0;padding:0;word-break:keep-all;}
li {list-style:none;}
a {text-decoration: none;}
html {font-family: 'Amiri', 'Noto Sans KR', serif;scroll-behavior: smooth;}
body {position:relative;}
.blind {font-size:0;text-indent:-999999px;overflow:hidden;}
.icon, .btn{display:inline-block;}
.btn_wrap {text-align: center;font-size: 0;}
.btn_wrap.right {text-align: right;}
.btn_wrap.left {text-align: left;}
.inner {max-width:1800px;margin:0 auto;}
.inner.w1440 {max-width: 1440px;margin:0 auto;}

.mgt10 {margin-top: 10px;}
.mgt15 {margin-top: 15px;}
.mgt20 {margin-top: 20px;}
.mgt40 {margin-top: 40px;}
.mgt60 {margin-top: 60px;}
.mgt80 {margin-top: 80px;}

.mgb5 {margin-bottom:5px;}
.mgb8 {margin-bottom: 8px !important;}
.mgb10 {margin-bottom:10px;}
.mgb15 {margin-bottom: 15px;}
.mgb20 {margin-bottom: 20px;}
.mgb30 {margin-bottom: 30px;}
.mgb35 {margin-bottom: 35px;}
.mgb60 {margin-bottom: 60px;}
.mgb80 {margin-bottom: 80px;}
.mgb100 {margin-bottom: 100px;}
.mgb120 {margin-bottom: 120px;}
.mgb140 {margin-bottom: 140px;}
.mgb150 {margin-bottom: 150px;}

.mgr20 {margin-right: 20px;}

.pdt60 {padding-top:60px;}
.pdt120 {padding-top: 120px;}
.pdt140 {padding-top: 140px;}
.pdt150 {padding-top: 150px;}
.pdt160 {padding-top: 160px;}
.pdt170 {padding-top: 170px;}
.pdt180 {padding-top: 180px;}
.pdt190 {padding-top: 190px;}
.pdt200 {padding-top: 200px;}
.pdt210 {padding-top: 210px;}
.pdt290 {padding-top: 290px;}

.pdb60 {padding-bottom: 60px;}
.pdb120 {padding-bottom:120px;}
.pdb170 {padding-bottom:170px;}
.pdb190 {padding-bottom:190px;}
.pdb200 {padding-bottom:200px;}
.pdb205 {padding-bottom:205px;}
.pdb285 {padding-bottom:285px;}

.pdl230 {padding-left:230px;}

/* header */
header {position:fixed;top:0;left:0;width:100%;z-index: 101;transition: all 0.5s ease; height:100px;}
header .inner {position:relative;}
.logo {display:inline-block;width:217px;height:19px;position:absolute;top:40px;left:0px;font-size:0;}
.logo a {position:relative;}
.logo a img {position:absolute;top:0;left:0;}
.white_logo {opacity:1;transition: all 0.5s ease;}
.bk_logo {opacity:0;transition: all 0.5s ease; }
.logo a {display:inline-block;font-size:0;}
.gnb {text-align: center;font-size:0;}
.gnb li {display:inline-block;padding: 0 23px;box-sizing:border-box; vertical-align:top; position:rel}
.gnb li > a{display:block;font-weight: 400;font-size: 21px;color:#fff; box-sizing: border-box;transition: all 0.5s ease; height:100px; line-height:100px; position:relative;}
.hover > a:before{display:none; content:''; position:absolute; bottom:0; left:0; right:0; background:#92845e; height:3px;}
.dep2{position:absolute; top:70px; height:60px; line-height:60px; top:100%; left:50%;}
.dep2.pro{margin-left:-160px;}
.dep2_bg{position:absolute; top:100%; left:0; right:0; background:#000;  height:60px;}
.dep2 a{display:inline-block; zoom:1; *display:inline; font-size:19px; color:#fff; padding:0 20px;}
.icon_menu {position:absolute;top:50px;right:0;font-size:0;}
.icon_menu > a {width:21px;height:20px;margin-right:30px;transition: all 0.5s ease; }
.icon_menu > a:last-child {margin-right:0;}
.icon_member {margin-right:0;width:21px;height:20px;transition: all 0.5s ease;background:url('../images/icon_member.png')no-repeat;}
.icon_time {background:url('../images/icon_time.png')no-repeat;}
.icon_cart {background:url('../images/icon_cart.png')no-repeat;}
.icon_search {background:url('../images/icon_search.png')no-repeat;}
.select_lang_wrap { display:inline-block; position:relative; font-family: 'Amiri', 'Noto Sans KR', serif; top:-4px;}
.select_lang_wrap a {color:#fff; font-size:18px; }
/*.select_lang_wrap ul.active { display:block; }
.select_lang_wrap ul { position:absolute; left:0; right:0; top:31px; display:none; }*/
header.dark {background:#fff;-webkit-box-shadow: 0px 10px 16px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow:    0px 10px 16px 0px rgba(50, 50, 50, 0.1);
box-shadow:         0px 10px 16px 0px rgba(50, 50, 50, 0.1);}
header.dark .white_logo {opacity:0;}
header.dark .bk_logo {opacity:1;}
header.dark .gnb li > a {color:#222;}
header.dark .icon_member {background:url('../images/icon_member_dark.png')no-repeat;}
header.dark .icon_menu > a.icon_time {background:url('../images/icon_time_dark.png')no-repeat;}
header.dark .icon_menu > a.icon_cart {background:url('../images/icon_cart_dark.png')no-repeat;}
header.dark .icon_menu > a.icon_search {background:url('../images/icon_search_dark.png')no-repeat;}

header.dark2 {background:#fff;-webkit-box-shadow: 0px 10px 16px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow:    0px 10px 16px 0px rgba(50, 50, 50, 0.1);
box-shadow:         0px 10px 16px 0px rgba(50, 50, 50, 0.1);}
header.dark2 .white_logo {opacity:0;}
header.dark2 .bk_logo {opacity:1;}
header.dark2 .gnb li > a {color:#222;}
header.dark2 .icon_member {background:url('../images/icon_member_dark.png')no-repeat;}
header.dark2 .icon_menu > a.icon_time {background:url('../images/icon_time_dark.png')no-repeat;}
header.dark2 .icon_menu > a.icon_cart {background:url('../images/icon_cart_dark.png')no-repeat;}
header.dark2 .icon_menu > a.icon_search {background:url('../images/icon_search_dark.png')no-repeat;}
header.dark2 .hover > a:before{display:block;}

header.sub {}
header.sub .white_logo {opacity:0;}
header.sub .bk_logo {opacity:1;}
header.sub .gnb li > a {color:#222;}
header.sub .icon_member {background:url('../images/icon_member_dark.png')no-repeat;}
header.sub .icon_menu > a.icon_time {background:url('../images/icon_time_dark.png')no-repeat;}
header.sub .icon_menu > a.icon_cart {background:url('../images/icon_cart_dark.png')no-repeat;}
header.sub .icon_menu > a.icon_search {background:url('../images/icon_search_dark.png')no-repeat;}
header.sub.scl {background:#fff;-webkit-box-shadow: 0px 10px 16px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow:    0px 10px 16px 0px rgba(50, 50, 50, 0.1);
box-shadow:         0px 10px 16px 0px rgba(50, 50, 50, 0.1);}


footer {position:relative;z-index: 33;background:#000;font-family:'Noto Sans KR';}
footer .inner {position:relative;padding: 60px 0;box-sizing: border-box;}
footer .info {display:inline-block;padding-right:70px;box-sizing: border-box;}
footer .info strong {display:block;font-size: 32px;font-weight: 400;color:#fff;margin-bottom: 25px;font-family:'Amiri';line-height: 1;}
footer .info ul li {font-weight: 350;font-size: 13px;color:#777;margin-bottom: 7px;}
footer .info ul li:last-child{color:#fff;}
.etc_menu {display:inline-block;padding-top: 45px;padding-right:80px;box-sizing: border-box;vertical-align: top;}
.etc_menu li a {font-weight: 350;font-size: 13px;color:#777;margin-bottom: 7px;}
.etc_menu li.bold a {color:#fff;}
.sns_box {display:inline-block;vertical-align: top;padding-top: 45px;box-sizing: border-box;}
.sns_box ul li a {position:relative;display:block;font-size:13px;font-weight: 350;color:#777;padding-left:28px;box-sizing: border-box;}
.sns_box ul li a::before {content:'';display:inline-block;width:18px;height:18px;background:url('../images/icon_insta.png')no-repeat;position:absolute;top:3px;left:0;}
address {margin-top: 50px;}
address p {font-size: 12px;font-weight: 350;color:#777;font-style:normal;margin-bottom: 10px;}
address p span {display:inline-block;padding-right:12px;margin-right:12px;position:relative;}
address p span::after {content:'';display:inline-block;width:1px;height:10px;background:#777;position:absolute;bottom:0;right:0;}
.footer_bottom > p {font-size: 12px;font-weight: 350;color:#777;font-style:normal;}
address p span:last-child::after {display:none;}
.shortcut_specs {position:absolute;top:110px;right:0;display:inline-block;width:125px;height:48px;line-height: 48px;text-align: center;font-weight: 350;font-size: 12px;color:#777;background:#fff;}
.scrolltop {position:absolute;top:35px;right:0;font-family:'Amiri';font-size: 15px;font-weight: 400;color:#fff;display:inline-block;width:30px;height:40px;}
.scrolltop::before {content:'';display:block;width:1px;height:15px;margin:0 auto;margin-bottom:7px;background:#4d4d4d;}

table {width:100%;border-collapse: collapse;table-layout: fixed;}

input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {vertical-align: inherit;}
input[type="checkbox"] + label span {display:inline-block;width:16px;height:16px;border:1px solid #bbb;box-sizing:border-box;}
input[type="checkbox"]:checked + label span {border: 1px solid #111; position:relative;}
input[type="checkbox"]:checked + label span::before {content:'';display:inline-block;width:12px;height:12px;background:#111;position:absolute;top:1px;left: 1px;}
input[type="radio"] {display:none;}
input[type="radio"] + label {vertical-align: inherit;font-weight: 350;font-size: 14px;color:#333;margin-right: 25px;    white-space: nowrap;}
input[type="radio"] + label span {vertical-align: middle;margin-top:-5px;display:inline-block;width:14px;height:14px;border: 1px solid #797978;box-sizing:border-box;position:relative;border-radius: 50%;margin-right:8px;}
input[type="radio"]:checked + label span {border:1px solid #0075ff;border-radius: 50%;}
input[type="radio"]:checked + label span::before {display:inline-block;content:'';width:8px;height:8px;border-radius: 50%;background:#0075ff; position:absolute;top:2px;left:2px;}

.recent_wrap_dim {display:none;position:fixed; width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:102;top:0;left:0;}
.recent_wrap_dim.on {display:inline-block;}
.recent_wrap_dim .header {padding: 35px 40px;box-sizing: border-box;position:relative;}
.recent_wrap_dim .header h2 {line-height: 1;font-weight: 500;font-size: 24px;color: #000;}
.btn_close {display:inline-block;width:18px;height:18px;background:url('../images/close.png')no-repeat;position:absolute;top:32px;right:35px;border:0;}
.recent_wrap{background:#fff;width: 640px;position:absolute;top:0;right:0;}
.recent_wrap .header {border-bottom: 1px solid #ddd;}
.recent_wrap .recent_list {height: calc( 100vh - 95px);padding: 40px;box-sizing: border-box;overflow:auto;}
.recent_wrap .recent_list ul {font-size:0;margin: 0 -10px;}
.recent_wrap .recent_list ul li {display:inline-block;width:50%;vertical-align: top;padding: 0 10px;box-sizing: border-box;margin-bottom: 20px;}
.recent_wrap .recent_list ul li a {display:block;height: 100%;}
.member_icon_wrap {margin-right:30px;position:relative;display: inline-block;}
.member_drop {display:none;background:#fff;padding: 25px;box-sizing: border-box;position:absolute;top:35px;left:50%;width:150px;margin-left:-75px;border-radius: 6px;}
.member_drop ul li a{display:block;text-align: center;font-size: 15px;font-weight: 400;color:#777;}
.member_drop ul li a.myframe {color:#000;}
.search_area {display:none;position:fixed;width:100%;height:auto;left:0;top:0;padding: 145px 0;box-sizing: border-box;background:rgba(255,255,255,0.95);z-index: 200;}
.search_area.on {display:block;}
.search_input_wrap {position:relative;width: 600px; margin: 0 auto;padding-right:24px;border-bottom:2px solid #000;}
.search_input_wrap input {height: 60px;width: 100%;line-height: 60px;border:0;background:none;outline:0;}
.search_area button {background:url('../images/search_wrap_icon.png')no-repeat;background-position:center;position:absolute;top:0;right:0;display:inline-block;width:24px;height:60px;border:0;outline:0;cursor:pointer;}
.search_area .btn_close {top:50px;}
.mob {display:none;}

.mobile_wrap{display:none;}
@media screen and (max-width: 1366px){
header {padding: 0 30px; box-sizing: border-box;}

}
@media screen and (max-width: 1024px){
.mgt10 {margin-top: 5px;}
.mgt15 {margin-top: 10px;}
.mgt20 {margin-top: 15px;}
.mgt40 {margin-top: 30px;}
.mgt60 {margin-top: 40px;}
.mgt80 {margin-top: 60px;}

.mgb5 {margin-bottom:5px;}
.mgb8 {margin-bottom: 8px !important;}
.mgb15 {margin-bottom: 10px;}
.mgb20 {margin-bottom: 15px;}
.mgb30 {margin-bottom: 20px;}
.mgb35 {margin-bottom: 25px;}
.mgb60 {margin-bottom: 40px;}
.mgb80 {margin-bottom: 60px;}
.mgb100 {margin-bottom: 70px;}
.mgb120 {margin-bottom: 90px;}
.mgb140 {margin-bottom: 100px;}
.mgb150 {margin-bottom: 110px;}

.mgr20 {margin-right: 20px;}

.pdt60 {padding-top:40px;}
.pdt120 {padding-top: 90px;}
.pdt140 {padding-top: 100px;}
.pdt150 {padding-top: 110px;}
.pdt170 {padding-top: 130px;}
.pdt190 {padding-top: 150px;}
.pdt200 {padding-top: 170px;}
.pdt210 {padding-top: 180px;}
.pdt290 {padding-top: 260px;}

.pdb60 {padding-bottom: 40px;}
.pdb120 {padding-bottom:90px;}
.pdb170 {padding-bottom:140px;}
.pdb190 {padding-bottom:160px;}
.pdb200 {padding-bottom:170px;}
.pdb205 {padding-bottom:175px;}
.pdb285 {padding-bottom:205px;}

.pdl230 {padding-left:130px;}

.gnb li a {padding:20px 0;}
.icon_menu {top: 29px;}
.logo {width:187px;top:28px;left:0;}
.logo img {width:100%;}
.logo a {display:block;height:100%;}
.mob {display:block;}
footer {padding: 0 30px;}
footer .info {padding-right: 40px;}
.etc_menu {padding-right: 40px;}
.inner {padding: 0 30px; box-sizing: border-box;}
}
@media screen and (max-width: 768px){
.mobile_wrap{display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:#003227;}
.specs_btn{padding-left:60px; padding-top:30px; position:absolute; bottom:20vh; left:0; }
.specs_btn a{    position: relative; display: inline-block; width: 160px; height: 50px; line-height: 50px; text-align: left; padding-left: 20px; box-sizing: border-box; border: 2px solid #fff; color: #fff; font-size: 14px; font-weight: 350;}
.specs_btn a::after {content:'';display:inline-block;width:4px;height:8px;background:url('../images/sitemap_arrow.png')no-repeat;background-size:100%;position:absolute;top:50%;margin-top:-4px;right:20px;}


.mgt10 {margin-top: 5px;}
.mgt15 {margin-top: 10px;}
.mgt20 {margin-top: 15px;}
.mgt40 {margin-top: 30px;}
.mgt60 {margin-top: 40px;}
.mgt80 {margin-top: 60px;}

.mgb5 {margin-bottom:5px;}
.mgb8 {margin-bottom: 8px !important;}
.mgb15 {margin-bottom: 5px;}
.mgb20 {margin-bottom: 10px;}
.mgb30 {margin-bottom: 15px;}
.mgb35 {margin-bottom: 25px;}
.mgb60 {margin-bottom: 30px;}
.mgb80 {margin-bottom: 40px;}
.mgb100 {margin-bottom: 50px;}
.mgb120 {margin-bottom: 50px;}
.mgb140 {margin-bottom: 60px;}
.mgb150 {margin-bottom: 70px;}

.mgr20 {margin-right: 10px;}

.pdt60 {padding-top:30px;}
.pdt120 {padding-top: 40px;}
.pdt140 {padding-top: 50px;}
.pdt150 {padding-top: 60px;}
.pdt170 {padding-top: 70px;}
.pdt190 {padding-top: 80px;}
.pdt200 {padding-top: 90px;}
.pdt210 {padding-top: 100px;}
.pdt290 {padding-top: 160px;}

.pdb60 {padding-bottom: 30px;}
.pdb120 {padding-bottom:60px;}
.pdb170 {padding-bottom:80px;}
.pdb190 {padding-bottom:90px;}
.pdb200 {padding-bottom:100px;}
.pdb205 {padding-bottom:100px;}
.pdb285 {padding-bottom:140px;}

.pdl230 {padding-left:15px;}

header {padding: 0 15px;height: 55px;}
.gnb {display:none;}
.mobile_wrap{display:none;}
.mobile_wrap.active{display:block;}
.mobile_logo, .logo {top: 20px;width:133px;left:0;}
.mobile_logo{position:absolute; top:20px; left:15px;}
.mobile_logo img{width:100%;}
.mobile_close{position:absolute; width:15px; position:absolute; top:20px; right:15px;}
.mobile_close img{width:100%;}
.mobie_head_wrap{position:relative; height:60px;}
.mobile_menu_ul{padding:32px 0 0 60px;}
.mobile_menu_ul a{color:#fff; font-family:'Noto Sans KR', serif;}
.mobile_menu_ul li{position:relative;}
.mobile_menu_ul li > a{font-size:18px;}
.mobile_menu_ul li + li{margin-top:18px;}
.moble_dep2{position:absolute;  left:110px; top:0; width:0; overflow:hidden; z-index:10;}
.moble_dep2.active{width:auto;}
.moble_dep2 a{display:block; font-size:13px;}
.moble_dep2 a + a{margin-top:12px;}
.lang_wrap{position:absolute; bottom:50px; left:60px; font-size:0;}
.lang_wrap li{display:inline-block; zoom:1; *display:inline; font-size:12px; height:13px; position:relative; line-height:13px;}
.lang_wrap li + li{margin-left:12px; padding-left:12px;}
.lang_wrap li + li:before{display:block; content:''; position:absolute; left:0; top:0; bottom:0; width:1px; background:#555;}
.lang_wrap a{color:#555; font-family:'Noto Sans KR', serif;}
.lang_wrap a.active{color:#fff;}
.icon_menu {top: 17px;}
.icon_member {width: 18px;height:23px;background:url('../images/icon_member_m.png')no-repeat;background-size:100%;}
.icon_menu > a.icon_time {width: 18px;height:23px;background:url('../images/icon_time_m.png')no-repeat;background-size:100%;}
.icon_menu > a.icon_cart {width: 18px;height:23px;background:url('../images/icon_cart_m.png')no-repeat;background-size:100%;}
.icon_menu > a.icon_search {width: 18px;height:23px;background:url('../images/icon_search_m.png')no-repeat;background-size:100%;}
.icon_menu > a.icon_m_menu {width:18px;height:23px;background:url('../images/icon_menu_m.png')no-repeat;background-size:100%;}
.select_lang_wrap {display:none;}

header.dark .icon_menu > a.icon_time {width: 18px;height:23px;background:url('../images/icon_time_dark_m.png')no-repeat;background-size:100%;}
header.dark .icon_member {width: 18px;height:23px;background:url('../images/icon_member_dark_m.png')no-repeat;background-size:100%;}
header.dark .icon_menu > a.icon_cart {width: 18px;height:23px;background:url('../images/icon_cart_dark_m.png')no-repeat;background-size:100%;}
header.dark .icon_menu > a.icon_search {width: 18px;height:23px;background:url('../images/icon_search_dark_m.png')no-repeat;background-size:100%;}
header.dark .icon_menu > a.icon_m_menu {width:18px;height:23px;background:url('../images/icon_m_menu_dark_m.png')no-repeat;background-size:100%;}
header.sub .icon_menu > a.icon_time {width: 18px;height:23px;background:url('../images/icon_time_dark_m.png')no-repeat;background-size:100%;}
header.sub .icon_member {width: 18px;height:23px;background:url('../images/icon_member_dark_m.png')no-repeat;background-size:100%;}
header.sub .icon_menu > a.icon_cart {width: 18px;height:23px;background:url('../images/icon_cart_dark_m.png')no-repeat;background-size:100%;}
header.sub .icon_menu > a.icon_search {width: 18px;height:23px;background:url('../images/icon_search_dark_m.png')no-repeat;background-size:100%;}
header.sub .icon_menu > a.icon_m_menu {width:18px;height:23px;background:url('../images/icon_m_menu_dark_m.png')no-repeat;background-size:100%;}

header.sub .member_icon_wrap {margin-right: 15px;}
header.sub .icon_menu > a {margin-right: 15px;}
header.sub .icon_menu > a:last-child {margin-right:0;}

.scrolltop {display:none;}
.shortcut_specs {display:none;}
footer {padding: 0 15px;}
footer .inner {padding: 40px 0;}
footer .info strong {font-size: 18px;margin-bottom:12px;}
footer .info ul li {margin-bottom: 3px;}
.etc_menu {width: 100%;padding-top: 0;padding-right: 0;margin-top: 25px;}
.etc_menu ul {font-size:0;}
.etc_menu ul li {display:inline-block;vertical-align: top;margin-right: 25px;}
.etc_menu ul li a {display:block;height: 100%;}
.sns_box {width: 100%;padding-top: 0;margin-top: 15px;}
address {margin-top: 25px;}
address p span::after {display:none;}
.inner {padding: 0 15px; box-sizing:border-box;}

/* 210209 */
.recent_wrap_dim {overflow:auto;}
.recent_wrap_dim .header {padding: 15px 20px;box-sizing: border-box;}
.recent_wrap {width: 100%;}
.recent_wrap .recent_list {padding: 20px;}
.recent_wrap_dim .header h2 {line-height: 1.3;font-size: 18px;}
.btn_close {top: 15px;right:25px;}
.recent_wrap .recent_list ul li a img {width: 100%;height: auto;}
.pdt180 {padding-top: 50px;}


}






















/*  */