@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");

@font-face {
    font-family:'Noto';
	font-style: normal;
    src: url('/common/css/notosanskr-regular.woff2') format('woff2'),
         url('/common/css/notosanskr-regular.woff') format('woff');
}

@font-face {
    font-family:'NotoB';
	font-style: normal;
    src: url('/common/css/NotoSans-Medium.woff2') format('woff2'),
         url('/common/css/NotoSans-Medium.woff') format('woff');
}

@font-face {
    font-family: 'NotoEB';
	font-style: normal;
    src: url('/common/css/notosanskr-black.woff2') format('woff2'),
         url('/common/css/notosanskr-black.woff') format('woff');
}

@font-face {
	font-family:"Open";
	font-style:normal;
	src:url("/common/css/OpenSans-Regular.eot?") format("eot"),
		url("/common/css/OpenSans-Regular.woff") format("woff"),
		url("/common/css/OpenSans-Regular.ttf") format("truetype"),
		url("/common/css/OpenSans-Regular.svg#OpenSans") format("svg");
}




/**
태그 초기화
**/
html, body {width:100%;height:100%}
body {margin:0;font-family:'Noto Sans KR','맑은고딕',sans-serif !important;font-size:14px;color:#333;word-wrap: break-word;word-break:keep-all;}
div, iframe, h1, h2, h3, h4, h5, h6, p, button, abbr, address, blockquote, q, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {margin:0; padding:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;line-height:1;}
ol, ul, li {list-style:none;}
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
form, fieldset, iframe {border:0; display: block;}
img {border:0;vertical-align:top;font-size:0;line-height:0;}
button {border:0;font-family:'Noto'}
hr {height:0;}
i, em, address {font-style:normal}
u {text-decoration:none;}
strong, b {}
label, button {cursor:pointer}
blockquote, q {quotes:none}
caption {overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-indent:-50000px;}
legend {overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-indent:-50000px;}
input, textarea, select, button {font-size:14px;vertical-align:middle;background:none;outline:none;-webkit-appearance: none;
-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-family:'Noto','맑은고딕',sans-serif;}
a {color:#222;text-decoration:none;outline:none;}
a:hover {text-decoration:none;}

.loading {background-color:rgba(255,255,255,0.6); text-align:center; position:fixed; top:0; right:0; bottom:0; left:0;}
.loading:after {height:100%; vertical-align:middle; content:''; display:inline-block;}
.loading span {max-width:50%; vertical-align:middle; display:inline-block;}
.loading span img {max-width:100%;}

/**
공통 스타일
**/
.ime_kr {-webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active; }
.ime_en {-webkit-ime-mode:inactive; -moz-ime-mode:inactive; -ms-ime-mode:inactive; ime-mode:inactive; }

/* [서식] */
input:focus {
	outline: none;
}
button:focus{
	outline: none;
}
::-webkit-input-placeholder { color: #d0d0d0;font-family:'Noto';}
:-moz-placeholder { color: #d0d0d0;font-family:'Noto';}
::-moz-placeholder { color: #d0d0d0;font-family:'Noto';}
:-ms-input-placeholder { color: #d0d0d0;font-family:'Noto';}
::-ms-input-placeholder {color: #d0d0d0;font-family:'Noto';}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="text"], input[type="password"], input[type="number"]{height:35px;padding:0 10px;border:1px solid #ccc;font-size:14px;font-family:'Noto';color:#333;line-height:35px;box-sizing:border-box;background:#fff;}

.radio{position:relative;}
.radio input[type="radio"]{position:absolute;left:-50000px;top:0;}
.radio input[type="radio"] + label{display:inline-block;padding-left:18px;font-size:13px;line-height:15px;color:#333;background:url('/images/common/radio_off.png') no-repeat left 1px;}
.radio input[type="radio"]:checked + label{background-image:url('/images/common/radio_on.png');}

.radio1{position:relative;}
.radio1 input[type="radio"]{position:absolute;left:-50000px;top:0;}
.radio1 input[type="radio"] + label{display:inline-block;padding: 10px 0;width: 60px;background: #fff;border:1px solid #ccc;text-align: center;font-size:13px;line-height:13px;vertical-align:middle;}
.radio1 input[type="radio"]:checked + label{background: #ccc;border:1px solid #ccc;}

/* radio2 */
.radio2{position:relative;}
.radio2 input[type="radio"]{position:absolute;left:-50000px;top:0;}
.radio2 input[type="radio"] + label{display:inline-block;padding: 10px 10px;width: 60px;background: #fff;border:1px solid #ccc;border-left:0;text-align: center;font-size:13px;line-height:13px;vertical-align:middle;}
.radio2 input[type="radio"]:checked + label{border:1px solid #1b2265;color:#1b2265;}

.checkbox{position:relative;}
.checkbox input[type="checkbox"]{position:absolute;left:-50000px;top:0;}
.checkbox input[type="checkbox"] + label{display:inline-block;padding-left:18px;font-size:13px;line-height:17px;color:#333;background:url('/images/common/checkbox_off.png') no-repeat left 1px;}
.checkbox input[type="checkbox"]:checked + label{background-image:url('/images/common/checkbox_on.png');}

/* 190411 Add JH */
.community_list .tit input[type="checkbox"] {width:14px; height:14px; display:inline-block;margin-top:-2px;margin-right:8px;line-height:17px;color:#333;background:url('/images/common/checkbox_off.png') no-repeat left 0; vertical-align:middle;}
.community_list .tit input[type="checkbox"]:checked {background-image:url('/images/common/checkbox_on.png');}

.select_box{display:inline-block;text-align:left;}

.cursor {cursor:pointer;}


/* 정렬 */
.al_l {text-align:left !important;}
.al_c {text-align:center !important;}
.al_r {text-align:right !important;}
.al_j {text-align:justify !important;}
.al_t {vertical-align:top !important;}

.fl_l {float:left !important;}
.fl_r {float:right !important;}

/* 폰트 */
.Noto{font-family:'Noto' !important;}
.NotoB{font-family:'NotoB' !important;}
.NotoEB{font-family:'NotoEB' !important;}
.OpSans{font-family:'OpSans' !important;}

/* COLOR */
.color_white{color:#fff !important;}
.color_black{color:#333 !important;}
.color_basic{color:#666 !important;}
.color_gray{color:#999 !important;}
.color_red{color:#ef4f25 !important;}

/* 텍스트속성 */
.textline_t{text-decoration:overline;}
.textline_m{text-decoration:line-through;}
.textline_b{text-decoration:underline;}


/* 포지션 */
.po_re{position:relative;}
.po_ab{position:absolute;}

/* clear */
.clear{*zoom:1;}
.clear:after{content:''; display:block; clear:both;}

/* hide */
.hide{font-size:0;line-height:0;text-indent:-5000px;}

/* inline-block */
.inline_block{display:inline-block !important;;}

/* bg */
.bgNo {background:none !important;}

/* br */
.mBr{display:none;}


/**
WRAP
**/
#wrap{overflow:hidden;width:100%;position:relative;}
.all_menuclose{display:none;position:absolute;top:0;width:50px;height:100%;z-index:500;}
.topmenuOpen .all_menuclose{left:0;}
.sitemapOpen .all_menuclose{right:0;}
.topmenuOpen .all_menuclose, .sitemapOpen .all_menuclose{display:block;}


/**
HEADER
**/
.skipNavi{position:fixed;left:0;top:0;}
.skipNavi a{display:block;width:300px;text-align:center;font-size:0;line-height:0;color:#fff;background:#1b2265;}
.skipNavi a:focus{font-size:13px;line-height:40px;}

#header{border-bottom:none;}
#header .moShow{display:none;}

#header .headerTop{position:relative;z-index:2; background:#fff;}
#header .headerTop {-khtml-transition: all .3s;-moz-transition: all 0.3s; -ms-transition: all .3s;-o-transition: all .3s;-webkit-transition: all 0.3s; transition: all 0.3s;}
#header .headerTop a {-khtml-transition: all .3s;-moz-transition: all 0.3s; -ms-transition: all .3s;-o-transition: all .3s;-webkit-transition: all 0.3s; transition: all 0.3s;}
#header .headerTop .topMenu{overflow:hidden;}
#header .headerTop .topMenu ul {width: 1200px; margin: auto;}
#header .headerTop .topMenu ul li {width:11.5%;  float: left;}
#header .headerTop .topMenu ul li.w_18 {width: 18%;}
#header .headerTop .topMenu ul li a {display: block; color: #000; padding: 10px 0; margin: 0 1px; text-align: center; background: #dcdcdc; font-size: 12px; border-top:10px solid #fff}
#header .headerTop .topMenu ul li a:hover {background-color: #414042; color: #fff;}
#header .headerTop .topMenu ul .special_sale.active a {background-color: #414042; color: #fff;}

#header .headerTop .topMenu ul li.home a {background: #004d43; color: #fff;}
#header .headerTop .topMenu ul li.home.on a {padding: 15px 0 10px; border-top:5px solid #009245;}
#header .headerTop .topMenu ul li.home:hover a {padding: 15px 0 10px; border-top:5px solid #009245;}

#header .headerTop .topMenu ul li.emons a {background: #2c2968; color: #fff;}
#header .headerTop .topMenu ul li.emons.on a {padding: 15px 0 10px; border-top:5px solid #0055b7;}
#header .headerTop .topMenu ul li.emons:hover a {padding: 15px 0 10px; border-top:5px solid #0055b7;}

#header .headerTop .topMenu ul li.erdi a {background: #c45a00; color: #fff;}
#header .headerTop .topMenu ul li.erdi.on a {padding: 15px 0 10px; border-top:5px solid #efaa00;}
#header .headerTop .topMenu ul li.erdi:hover a {padding: 15px 0 10px; border-top:5px solid #efaa00;}

#header .headerTop .topMenu ul li.emonsi a {background: #2c2968; color: #fff;}
#header .headerTop .topMenu ul li.emonsi.on a {padding: 15px 0 10px; border-top:5px solid #2c2968;}

/* 20220411 Top 변경에 따른 스타일 추가 */
#header .headerTop .global_head { background: #f7f7f7; padding-top: 60px; }
#header .headerTop .global_head * { font-size: 12px; line-height: 1.3; font-family: 'Heebo', 'Noto Sans KR', 'sans-serif', 'Arial', 'NotoSansCJK', 'NanumSquare', 'Noto Sans KR','Nanum Gothic', 'Malgun Gothic','dotum', '돋움'; }
#header .headerTop .global_head .global_spot { position: absolute; right: 50%; margin-right: -600px; top: 6px; z-index: 2; }
#header .headerTop .global_head .global_spot:after { display: block; clear: both; content: ""; }
#header .headerTop .global_head .global_spot .spot { float: right; margin-right: -15px; }
#header .headerTop .global_head .global_spot li { position: relative; display: block; float: left; }
#header .headerTop .global_head .global_spot li.none:before { display: none; }
#header .headerTop .global_head .global_spot li:before { content: ""; background: #eee; width: 1px; height: 14px; position: absolute; left: 0; top: 17px; }
#header .headerTop .global_head .global_spot li a { display: block; color: #555; padding: 15px 15px 0 16px; font-size: 12px; }
#header .headerTop .global_head .global_tab { width: 1200px; position:absolute; top: 5px; left: 50%; margin-left: -600px; }
#header .headerTop .global_head .global_tab li { display: block; width: 20%; float: left; }
#header .headerTop .global_head .global_tab li a { display: flex; align-items: center; justify-content: center; flex-direction: column; line-height: 1.3; color: #8e8e8e; height: 55px; border-top-left-radius: 15px; border-top-right-radius: 15px; }
#header .headerTop .global_head .global_tab li.on a { background: #fff; color: #000; }
#header .headerTop .global_head .global_tab li.on a span { color: #14008c; }
#header .headerTop .global_head .global_tab li a strong { font-size: 16px; font-weight: 500; }

/* 211015 로그인 메뉴 위치조절 원본 코드
#header .headerTop .utilMenu{width:1200px; margin:0 auto; font-size:13px;text-align:right; right:0;top:0;}
*/
#header .headerTop .utilMenu{width:600px; margin:8px auto; font-size:13px;text-align:right; right:0;top:0; position:absolute;}
#header .headerTop .utilMenu > a{display:inline-block;padding:0 15px 0 30px;font-size:13px;line-height:32px;color:#444;background:#ed1c24 url('/interior_new/img/common/utilMenuBg.jpg') no-repeat 7px 11px;}
#header .headerTop .utilMenu ul{display:inline-block;padding:10px 25px 5px 17px;;}
#header .headerTop .utilMenu li{display:inline-block;position:relative;margin-left:10px;padding-left:11px;}
#header .headerTop .utilMenu li:first-child{margin:0;padding:0;}
#header .headerTop .utilMenu li:before{content:'';position:absolute;left:0;top:4px;width:1px;height:11px;background:#ddd;}
#header .headerTop .utilMenu li:first-child:before{display:none;}
#header .headerTop .utilMenu li a{font-size:12px;line-height:1;color:#555;}


/*원래 gnb
#header .headerTop{background:#c4c4c4;position:relative;z-index:2;}
#header .headerTop .topMenu{overflow:hidden;margin-right:380px;}
#header .headerTop .topMenu li{float:left;width:210px;}
#header .headerTop .topMenu li:nth-child(2){border:none;}
#header .headerTop .topMenu a{display:block;text-align:center;font-size:13px;line-height:32px;color:#fff;background:#b5b5b5;border-left:1px solid #c4c4c4;}
#header .headerTop .topMenu li:nth-child(2) a{border:none;}
#header .headerTop .topMenu a:hover, #header .headerTop .topMenu a.on{background:#1b2265;color:#fff;}

#header .headerTop .utilMenu{font-size:0;text-align:right;position:absolute;right:0;top:0;}
#header .headerTop .utilMenu > a{display:inline-block;padding:0 15px 0 30px;font-size:13px;line-height:32px;color:#fff;background:#ed1c24 url('/images/common/utilMenuBg.jpg') no-repeat 7px 11px;}
#header .headerTop .utilMenu ul{display:inline-block;padding:10px 25px 10px 17px;;}
#header .headerTop .utilMenu li{display:inline-block;position:relative;margin-left:10px;padding-left:11px;}
#header .headerTop .utilMenu li:first-child{margin:0;padding:0;}
#header .headerTop .utilMenu li:before{content:'';position:absolute;left:0;top:0;width:1px;height:11px;background:#fff;}
#header .headerTop .utilMenu li:first-child:before{display:none;}
#header .headerTop .utilMenu li a{font-size:12px;line-height:1;color:#fff;}
*/
/* 2depth menu 위치 조정 시 적용  gnbIntro-회사소개 / gnbBrd-브랜드스토리 / gnbPdt-제품소개 / gnbPrm-에몬스홍보 / gnbCom-커뮤니티 / gnbCmt-커뮤니티 / gnbStr-매장안내 */
#header .gnbIntro ul {margin-left:240px;}
#header .gnbBrd ul {margin-left:365px;}
#header .gnbPdt {padding-left:200px;}
#header .gnbPrm ul {margin-left:640px;}
#header .gnbCom ul {margin-left:775px;}
#header .gnbCmt ul {margin-left:900px;}
#header .gnbStr ul {margin-left:1020px;}

#header .headerMenu .gnbDep .rightImg{position:absolute;left:1145px;top:0; right:20px; max-width:418px;padding-left:45px;margin-left: 80px;border-left:1px solid #f0f0f0; box-sizing:border-box;}
/* */

#header .headerMenu{position:relative;-webkit-transition:margin 0.5s ease;-moz-transition:margin 0.5s ease;-ms-transition:margin 0.5s ease;-o-transition:margin 0.5s ease;transition: margin 0.5s ease;}
#header .headerMenu .allMenu{display:inline-block;width:50px;height:30px;background:url('/images/common/allMenu.jpg?v=7hZHe3dADyKfXxj48Tdy8w==') no-repeat center center;vertical-align:top;margin:28px 0 28px 40px;}
#header.siteMapOpen .headerMenu .allMenu{background-image:url('/images/common/allMenu_close.png?v=7hZHe3dADyKfXxj48Tdy8w==');}
#header .headerMenu .allMenu > a{display:block;width:100%;height:100%;}
/* #header .headerMenu h1{display:inline-block;margin:28px 0 0 30px;width:175px;height:30px;background:url('/images/common/logo.png?v=7hZHe3dADyKfXxj48Tdy8w==') no-repeat center center;vertical-align:top;cursor: pointer;} */
/* #header .headerMenu h1 a{display:block;width:100%;height:100%;} */
#header .headerMenu h1.new_logo{display:inline-block; margin: 0 10px 15px 30px; vertical-align: middle;}
#header .headerMenu h1.new_logo a img{max-width: 150px; height: 31px;}
#header .headerMenu .logo_more_btn_box {display: none; position: absolute; left: 160px; top: 17px; width: 15px; height: 15px; border: 2px solid #ccc; border-radius: 50%; text-align: center;}
#header .headerMenu .logo_more_btn_box .logo_more_btn {margin-top: 5px; width: 11px;}
#header .headerMenu .logo_more_active_list { display: none; z-index: 10001; width:160px; position: absolute; left: 50px; top:45px; background:#fff; border-radius: 4px; padding: 10px 20px; box-shadow: rgba(0,0,0,.5) 0 0 8px;}
#header .headerMenu .logo_more_active_list .logo_more_row a {display: block;}
#header .headerMenu .logo_more_active_list .logo_more_row a img {padding: 7px 0;}
#header .headerMenu .logo_more_active_bg { display: none; width: 100vw; height: 100vh; background: rgba(0,0,0,.6); position: fixed; top: 0; left: 0; z-index: 10000;}
#header .headerMenu .gnb{display:inline-block;margin-left:55px;}
#header .headerMenu .gnb li{display:inline-block;position:relative;padding:0 32px;}
#header .headerMenu .gnb li p{position:relative;padding:33px 0;}
#header .headerMenu .gnb li:hover p:before, #header .headerMenu .gnb li.on p:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#1b2265;}
#header .headerMenu .gnb li:first-child{margin-left:0;}
#header .headerMenu .gnb li a{display:block;font-size:16px;line-height:20px;color:#343434;font-family:'NotoB';}
#header .headerMenu .gnb li:hover a{color:#1b2265;}
#header .headerMenu .gnbVIew{display:none;position:absolute;left:0;top:86px;z-index:9999;width:100%;padding-top:1px; border-bottom: 1px solid #ededed; }
#header .headerMenu .gnbCon{background:rgba(255,255,255,0.95);min-height:320px;padding:25px 0 30px 130px; box-sizing:border-box;}
#header .headerMenu .gnbList li{font-size:14px;font-family:'NotoB';line-height:30px;}
#header .headerMenu .gnbList li a{position:relative;color:#333;}
#header .headerMenu .gnbList li a:hover, #header .headerMenu .gnbList li a.on{color:#212fb2;}
#header .headerMenu .gnbList li a:hover:after, #header .headerMenu .gnbList li a.on:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#212fb2;}
#header .headerMenu .gnbList li li{font-size:13px;font-family:'Noto';line-height:24px;padding-left:5px;}
#header.siteMapOpen .headerMenu{height:85px;}
#header.siteMapOpen .headerMenu .gnb, #header.siteMapOpen .headerMenu h1, #header.siteMapOpen .header_search, .companyOpen #header.siteMapOpen .headerMenu .companyMenu{display:none;}

#header .headerMenu .gnbPdt .gnbList{float:left;width:200px;}
#header .headerMenu .gnbDep{display:none;position:relative;}
#header .headerMenu .gnbDep:after {clear:both; content:''; display:block;}
/*#header .headerMenu .gnbDep .rightImg{position:absolute;left:725px;top:0;width:418px;padding-left:45px;border-left:1px solid #f0f0f0;}*/

/* 190312 Add JH */
#header .headerMenu .gnbVIew .gnbPdt {margin-left:-30px;}
#header .headerMenu .gnbVIew .gnbPdt .gnbList {padding-left:30px; box-sizing:border-box;}
#header .headerMenu .gnbVIew .gnbPdt .gnbList > li + li {margin-top:15px; padding-top:15px; border-top:1px solid #f0f0f0;}
#header .headerMenu .gnbVIew .gnbPdt .gnbList ul {margin-top:5px;}
#header .headerMenu .gnbVIew .gnbPdt .gnbList ul:after {clear:both; content:''; display:block;}
#header .headerMenu .gnbVIew .gnbPdt .gnbList ul li {width:50%; padding-left:0; box-sizing:border-box; float:left;}

#header .headerMenu .gnbList li .curation {padding:0 10px; border:1px solid #ddd; box-sizing:border-box; display:block;}
#header .headerMenu .gnbList li .curation:hover:after {display:none;}

#header .headerMenu .gnbDep .rightImg img{width:100%;}
#header .header_search{zoom:1;float:right;margin-top:18px;width:340px;margin-right: 20px;}
#header .header_search:after{content:''; display:block; clear:both;}
#header .header_search .search_con{border-bottom:2px solid #ededed;font-size:0;float:left;}
#header .header_search .search_con .search_input{display:inline-block;}
#header .header_search .search_con input[type="text"]{border:none;width:195px;height:48px;font-size:14px;line-height:48px;color:#a0a0a0;padding:0;}
#header .header_search .search_con .btn_header_sch{display:inline-block;width:24px;height:24px;margin-top:13px;background:url('/images/common/btn_header_search.jpg?v=7hZHe3dADyKfXxj48Tdy8w==') no-repeat center center;vertical-align:top;}
#header .header_search .search_layer{display:none;position:absolute;right:91px;top:68px;z-index:101;width:260px;padding:0 10px;background:#fff;}
#header .header_search .search_layer .search_tab{overflow:hidden;margin-top:18px; border-right:1px solid #f0f0f0; border-left:1px solid #f0f0f0;}
#header .header_search .search_layer .search_tab li{float:left;width:50%;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}
#header .header_search .search_layer .search_tab a{display:block;text-align:center;font-size:14px;font-family:'NotoB';line-height:40px;color:#555;background:#f8f8f8;}
#header .header_search .search_layer .search_tab a.on{color:#333;background:#fff;}
#header .header_search .search_layer .tab_con2{display:none;}
#header .header_search .search_layer .tab_con{overflow:hidden;border-right:1px solid #f0f0f0; border-left:1px solid #f0f0f0;}
#header .header_search .search_layer .tab_con li{float:left;width:50%;border-bottom:1px solid #f0f0f0;padding:0 10px;box-sizing:border-box;}
#header .header_search .search_layer .tab_con a{display:block;font-size:13px;line-height:40px;color:#333;}
#header .header_search .search_layer .btn_close{text-align:center;padding:10px 0;}
#header .header_search .search_layer .btn_close a{display:inline-block;padding-right:20px;font-size:13px;font-family:'NotoB';line-height:20px;color:#333;background:url('/images/common/btn_close.png?v=7hZHe3dADyKfXxj48Tdy8w==') no-repeat right center;}
/*#header .header_search .best_search{float:right;padding-right:35px;margin-top:10px;font-size:14px;line-height:26px;color:#333;background:url('/images/common/btn_best_search.jpg') no-repeat right center;}*/
#header .header_search .best_search{position:absolute; top:20px; right:20px; padding-right:35px;margin-top:10px;font-size:14px;line-height:26px;color:#333;background:url('/images/common/btn_best_search.jpg?v=7hZHe3dADyKfXxj48Tdy8w==') no-repeat right center;}
#header .header_search .e_catalog { background: #14008c; text-align: center; float: left; border-radius: 20px; margin: 7px 0 0 15px; }
#header .header_search .e_catalog a { display: block; font-size: 12px; font-weight: bold; padding: 10px 13px; color: #fff; }

#header .search_close {font-size:13px; line-height:40px; background-color:#f8f8f8; border-bottom:1px solid #eee; text-align:center; display:block;}

#header .subMenu{border-top: 1px solid #eee;overflow:hidden;padding:22px 20px 0 55px;-webkit-transition:padding 0.5s ease;-moz-transition:padding 0.5s ease;-ms-transition:padding 0.5s ease;-o-transition:padding 0.5s ease;transition: padding 0.5s ease;}
#header .subMenu:after {clear:both; content:''; display:block;}
#header .subMenu .menuOpen{float:left;margin-top:2px;font-size:13px;font-family:'Open';font-weight:bold;line-height:20px;color:#333;padding-right:18px;background:url('/images/common/ico_arr3.jpg?v=7hZHe3dADyKfXxj48Tdy8w==') no-repeat right center;}
#header .subMenu .menuOpen.up{background:url('/images/common/ico_arr2.jpg?v=7hZHe3dADyKfXxj48Tdy8w==') no-repeat right center;}
#header .subMenu .tit{float:left;margin:0 0 0 32px;font-size:16px;font-family:'NotoB';line-height:20px;color:#333;}
#header .subMenu ul{overflow:hidden;float:left;margin-left:38px;}
#header .subMenu li{float:left;position:relative;padding:1px 0 23px 0;margin-left:31px;}
#header .subMenu li:first-child{margin-left:0;}
#header .subMenu li:hover:before, #header .subMenu li.on:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#1b2265;}
#header .subMenu li a{display:block;font-size:14px;line-height:20px;color:#343434;font-family:'NotoB';}

#header .subMenu > div {display:none; float:left}


/*#header .siteMap{display:none;position:absolute;left:0;top:84px;z-index:9999;width:100%;padding-top:1px;background:rgba(255,255,255,0.97);padding:0 0 125px 130px;box-sizing:border-box;overflow:hidden;border-top:2px solid #fff;}*/
#header .siteMap{display:none;position:absolute;left:0;top:84px;z-index:9999;width:100%;padding-top:1px;background:rgba(255,255,255,0.97);padding:0 0 80px 130px;box-sizing:border-box;overflow:hidden;border-top:2px solid #fff;}
#header.siteMapOpen .siteMap{display:block;width:100% ; border-bottom:1px solid #f0f0f0;}
#header .siteMap .lnb_close{display:none;}
#header .siteMap .lnb_util, #header .siteMap .lnb_util2{display:none;}
#header .siteMap .lnb_list .companyMo{float:left;width:170px;}
#header .siteMap .lnb_list .brand_menu{overflow:hidden;}
#header .siteMap .lnb_list .brand_menu_box{float:left;width:170px;}
#header .siteMap .lnb_list .brand_menu_box.m_only{display: none;}
#header .siteMap .lnb_list .brand_menu_box.hasNoDep  .tit{background-image:none}
#header .siteMap .lnb_list .brand_menu_box.pdt_menu{width:340px;overflow:hidden;}
#header .siteMap .lnb_list .pdt_menu > ul {margin-left:0; float:left;}
#header .siteMap .lnb_list .pdt_menu > ul + ul{margin-left:75px;}
#header .siteMap .lnb_menu_open{display:none;}
#header .siteMap .lnb_list .tit{font-size:20px;font-family:'NotoB';line-height:1;color:#333;}
#header .siteMap .lnb_list .tit button{display:none;}

#header .siteMap .lnb_list .companyMo .tit{color:#1b2265;}
#header .siteMap .lnb_list ul{margin-top:20px;}
#header .siteMap .lnb_list ul ul{margin:0 0 0 5px;}
#header .siteMap .lnb_list li a{font-size:14px;font-family:'NotoB';line-height:30px;color:#333;}
#header .siteMap .lnb_list li a:hover{text-decoration:underline;}
#header .siteMap .lnb_list .companyMo li a{color:#1b2265;}
#header .siteMap .lnb_list .companyMo li a:hover{color:#212fb2;}
#header .siteMap .lnb_list li li a{font-size:13px;font-family:'Noto';line-height:26px;}
#header .siteMap .gray_menu, #header .siteMap .lnb_bottom{display:none;}
#header .siteMap .sitemap_footer{position:absolute;left:130px;bottom:20px;}
#header .siteMap .sitemap_footer .menu1{font-size:0;}
#header .siteMap .sitemap_footer .menu1 li{position:relative;display:inline-block;padding-left:11px;margin-left:9px;}
#header .siteMap .sitemap_footer .menu1 li:before{content:'';position:absolute;left:0;top:1px;width:2px;height:13px;background:#333;}
#header .siteMap .sitemap_footer .menu1 li:first-child{padding-left:0;margin-left:0;}
#header .siteMap .sitemap_footer .menu1 li:first-child:before{display:none;}
#header .siteMap .sitemap_footer .menu1 li a{font-size:14px;line-height:1;}
#header .siteMap .sitemap_footer .menu2 li{position:relative;display:inline-block;padding-left:10px;margin-left:9px; margin-bottom:5px;}
#header .siteMap .sitemap_footer .menu2 li:before{content:'';position:absolute;left:0;top:1px;width:1px;height:12px;background:#333;}
#header .siteMap .sitemap_footer .menu2 li:first-child{padding-left:0;margin-left:0;}
#header .siteMap .sitemap_footer .menu2 li:first-child:before{display:none;}
#header .siteMap .sitemap_footer .menu2 li a{font-size:13px;font-family:'Noto';line-height:1;}
#header .siteMap .sitemap_close{position:absolute;right:50px; transition:all 0.2s ease;}
#header .siteMap .sitemap_close img{max-width:100%;}
/*
.companyOpen #header .headerMenu{margin-top:-86px;}*/
.companyOpen #header .headerMenu{margin-top:0;}
.companyOpen #header .headerMenu .companyMenu{display:block;}
#header .headerMenu.gnbOpen{margin-top:-86px;}



/**
CONTAINER
**/
#container{max-width:1480px;padding:0 40px 100px 40px;margin:0 auto;clear:both;box-sizing:border-box}
#container.fullSize{max-width:100%;padding:0 0 50px 0;}
.main #container{padding-bottom:0;}

/**
FOOTER
**/


#footer { background: #1c1c1c; }
#footer .footer_con{max-width:1400px; padding:80px 30px 50px; margin:0 auto;}
#footer .footer_sec_1 {display: flex; justify-content: space-between; align-items: start;}
#footer .footer_sec_1 .footer_logo {width: 135px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);}
#footer .footer_sec_1 .familySite.pc_ver {width: 240px;}
#footer .footer_sec_5 .familySite.mo_ver {display: none; width: 100%; margin-top: 30px;}
#footer .familySite .selectboxit { height: 50px; border-color: #4a4a4a; }
#footer .familySite .selectboxit span { height: 100%; line-height: 50px; color: #fff; font-weight: 700; }
#footer .familySite .selectboxit span.selectboxit-option-icon-container { margin-left: 10px; }
#footer .familySite .selectboxit:hover,
#footer .familySite .selectboxit:focus { background: transparent; }
#footer .familySite .selectboxit .selectboxit-arrow-container .selectboxit-arrow { width: 10px; height: 10px; right: 10px; transform: translate(0, -50%); margin-top: 0; background: url('/images/add_white.svg')no-repeat center; }
#footer .footer_sec_2 { display: flex; gap: 2.5rem; align-items: center; flex-flow: wrap; gap: 1rem 1.5rem; }
#footer .footer_sec_2 a { display: block; color: #fff; }
#footer .footer_sec_2 .site_info.bold a { font-weight: 600; }
#footer .footer_sec_3 { margin-top: 30px; color: #d5d5d5; display: flex; gap: 0.3rem 1rem; flex-flow: wrap; max-width: 1000px; line-height: 1.5rem; }
#footer .footer_sec_3 .site_info_txt { display: flex; align-items: center; }
#footer .footer_sec_3 .site_info_txt a.btn_arr { background: #494646; color: #fff; font-size: 10px; padding: 0 7px; margin-left: 10px; }
#footer .footer_sec_4 { margin-top: 60px; }
#footer .footer_sec_4 .call_no { color: #fff; display: flex; gap: 1rem; align-items: center; }
#footer .footer_sec_4 .call_no span { font-size: 16px; }
#footer .footer_sec_4 .call_no strong { font-size: 28px; font-weight: 700; }
#footer .footer_sec_4 .callList_title { margin: 30px 0 5px; color: #757575; }
#footer .footer_sec_4 .callList.mo_ver { display: none; }
#footer .footer_sec_4 .callList { color: #757575; display: flex; gap: 1rem; padding: 3px 0; }
#footer .footer_sec_4 .callList.pc_ver .call_subtitle { margin-left: 20px; }
#footer .footer_sec_4 .callList.pc_ver .call_subtitle:first-child { margin-left: 0; }
#footer .footer_sec_5 { margin-top: 50px; color: #d5d5d5; font-weight: 300; font-size: 12px; }
#footer .footer_sec_5 .aicopyright { margin-bottom: 20px; color: #888; font-size: 13px; }



.licensee{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3);overflow-y:auto;box-sizing:border-box;padding:30px 0;z-index: 999999;}
.licensee .licensee_con{width:568px;position:absolute;left:50%;top:50%;margin:-420px 0 0 -284px;}
.licensee .licensee_con img{width:100%;}
.licensee .licensee_con a{position:absolute;right:-54px;top:0;width:54px;height:54px;background:url('/images/common/license_close.jpg?v=7hZHe3dADyKfXxj48Tdy8w==');}

/**
LOCATION
**/
.location_con{font-size:13px;line-height:1;text-align:right;margin:10px 22px 0 0;}

/* #header .headerMenu{margin-top:15px; background-color:#fff;} */
#header .headerMenu{background-color:#fff;}

#header .headerMenu.fixed {position:fixed; right:0; left:0; z-index:1000;}
	
#header .headerMenu.gnbOpen{margin-top:-86px;}

#wrap.introduce #header .headerMenu .companyMenu{display:block;}
#wrap.STORY #header .headerMenu .storyMenu{display:block;}
#wrap.PRODUCT #header .headerMenu .productMenu{position:relative; display:block;}
#wrap.pr #header .headerMenu .prMenu{display:block;}
#wrap.cs #header .headerMenu .csCenterMenu{display:block;}
#wrap.agent #header .headerMenu .agentMenu{display:block;}
#wrap.community #header .headerMenu .commuMenu{display:block;}

/*#wrap #header .headerMenu .subMenu > div.fixed {padding-top:22px; background-color:#fff; border-bottom:1px solid #f0f0f0; text-align:center; position:fixed; right:0; left:0; z-index:10000;}*/
/*#wrap #header .headerMenu .subMenu > div.fixed ul {margin-left:0; float:none; display:inline-block; transition:all 0.2s;}*/
#wrap #header .headerMenu .subMenu > div.fixed p.tit {display:none;}

#wrap.Hide .subMenu {display:none;}

#wrap .sub_3depth {border-bottom:1px solid #eee;}
#header .headerMenu.fixed .sub_3depth {border-bottom:1px solid #f0f0f0;}
#wrap .sub_3depth ul {margin-left:140px; display:none;}
#wrap .sub_3depth ul.on {display:block;}
#wrap .sub_3depth ul:after {clear:both; content:''; display:block;}
#wrap .sub_3depth li {float:left;}
#wrap .sub_3depth li a {margin:0 20px; padding:10px 0; font-size:14px; position:relative; display:block;}
#wrap .sub_3depth li.on a, #wrap .sub_3depth li:hover a {color:#212fb2;}
#wrap .sub_3depth li.on a:after, #wrap .sub_3depth li:hover a:after {border-bottom:1px solid #1b2265; content:''; position:absolute; bottom:0; right:0; left:0;}

@media all and (max-width: 1680px) {

	#header .headerMenu{padding-left:0;}
	/* #header .headerMenu h1{margin-left:10px;} */
	#header .headerMenu .gnb{margin-left:12px;}
	#header .headerMenu .gnb li{padding:0 24px;}

	#header .siteMap .lnb_list .brand_menu_box.pc_customer{position:absolute;left:810px;top:240px;}
	#header .siteMap .lnb_list .brand_menu_box.pc_store{}
	#header .siteMap .lnb_list .brand_menu_box.pc_member{position:absolute;left:980px;top:240px;}
/*
	.companyOpen #header .headerMenu{margin-top:-86px;}
	*/

	/* 2depth menu 위치 조정 시 적용  gnbIntro-회사소개 / gnbBrd-브랜드스토리 / gnbPdt-제품소개 / gnbPrm-에몬스홍보 / gnbCom-커뮤니티 / gnbCmt-커뮤니티 / gnbStr-매장안내 */
	#header .gnbIntro ul {margin-left:185px;}
	#header .gnbBrd ul {margin-left:285px;}
	#header .gnbPdt {padding-left:120px;}
	#header .gnbPrm ul {margin-left:535px;}
	#header .gnbCom ul {margin-left:655px;}
	#header .gnbCmt ul {margin-left:760px;}
	#header .gnbStr ul {margin-left:870px;}

	#header .headerMenu .gnbDep .rightImg{left:1000px;}
	#header .headerMenu .gnbDep.gnbPdt .rightImg{left:1030px;}
	/* */

}

@media all and (max-width: 1456px) {
#header .header_search {width:250px;}
#header .header_search .search_con input[type="text"] {width:105px;}

/* 2depth menu 위치 조정 시 적용  gnbIntro-회사소개 / gnbBrd-브랜드스토리 / gnbPdt-제품소개 / gnbPrm-에몬스홍보 / gnbCom-커뮤니티 / gnbCmt-커뮤니티 / gnbStr-매장안내 */
#header .gnbIntro ul {margin-left:185px;}
#header .gnbBrd ul {margin-left:285px;}
#header .gnbPdt {padding-left:180px;}
#header .gnbPrm ul {margin-left:535px;}
#header .gnbCom ul {margin-left:655px;}
#header .gnbCmt ul {margin-left:765px;}
#header .gnbStr ul {margin-left:870px;}

#header .headerMenu .gnbDep .rightImg{position:absolute;left:-165px;top:0;width:270px;padding-right:20px; padding-left:0;border-right:none; border-left:0;}
#header .headerMenu .gnbDep.gnbPdt .rightImg {left:-135px;}
/* */
}

@media all and (max-width:1400px){
#header .siteMap .sitemap_close{width:70px; position:absolute;right:30px;}
}

@media all and (max-width:1337px){
#header .siteMap .lnb_list .brand_menu_box{float:left;width:140px;}
#header .siteMap .lnb_list .brand_menu_box.pc_customer {left:750px;}
#header .siteMap .lnb_list .brand_menu_box.pc_member {left:890px;}
}

@media all and (max-width: 1365px) {
#header {margin-bottom:80px;}
#wrap.Hide #header {margin-bottom:60px;}

#header .headerMenu.fixed {padding-bottom:80px;}

#header .header_search {width:auto; margin-top:0; margin-left:305px; float:none;}
#header .header_search .search_con {margin-top:0; position:absolute; bottom:-60px;}
#header .headerMenu.fixed .header_search .search_con {top:inherit; bottom:20px;}
#wrap.Hide #header .header_search .search_con {top:90px;}
#header .header_search .search_con input[type="text"] {width:635px;}

#header .header_search .search_layer {width:auto; top:50px; right:0; left:0;}
#header .header_search .search_layer .search_tab {padding-top:0;}
#header .header_search .e_catalog {position: absolute; right: 20px; top: 20px;}

#header .csCenterMenu{top:180px;}
}


@media all and (max-width: 1350px) {
	/**
	HEADER
	**/
	/*#header .headerMenu .gnbDep .rightImg{width:301px;}*/

	/**
	FOOTER
	**/
	#footer .footer_con .left_con{width:100%;}

	#footer .footer_con .center_con{clear:both;width:50%;margin-top:25px;padding-left:0;}
	#footer .footer_con .center_con:before{display:none;}

	#footer .footer_con .right_con{width:50%;margin-top:22px;}


	/* 181120 ys  footer 수정  추후 삭제
	#footer .footer_con{width: 100%;padding: 0 20px;box-sizing:border-box}
	#footer .footer_con .right_con{margin-top: 60px;}
	#footer .footer_con .left_con{width:55%;}
	#footer .footer_con .right_con{width: 45%;}
	#footer .copyright{width: 100%;box-sizing:border-box;padding: 0 20px;}*/
}


@media all and (max-width: 1210px) {
	#header{border:none;width:100%; margin-bottom:0 !important;}
	#header .moShow{display:block;}

	#header .headerTop .global_head { display: none; }

	#header .headerTop .topMenu{position:absolute;left:100%;top:0;padding-top:52px;margin-right:0;background:#f8f8f8 url('/images/common/shadow_topMenu.jpg?v=7hZHe3dADyKfXxj48Tdy8w==') repeat-y left top / 5px auto;box-sizing:border-box;}
	#header .headerTop .topMenu ul{width:100%; padding-bottom:125px;background:url('/images/common/bg_topMenu.jpg?v=7hZHe3dADyKfXxj48Tdy8w==') no-repeat right bottom / 256px auto;}
	#header .headerTop .topMenu ul li{float:none;width:auto;display:block;}
	#header .headerTop .topMenu ul li:nth-child(2){width:auto; display: none;}
	#header .headerTop .topMenu ul li:nth-child(3){width:auto;}
	#header .headerTop .topMenu ul li:nth-child(4){width:auto; display: none;}
	#header .headerTop .topMenu ul li:nth-child(5){width:auto;}
	#header .headerTop .topMenu ul li:nth-child(6){width:auto;}
	#header .headerTop .topMenu ul li:nth-child(7){width:auto;}
	#header .headerTop .topMenu ul li a{display:inline-block;padding:0 22px;font-size:13px;font-family:'Noto';line-height:30px;color:#555;background:none;border:none;}
	#header .headerTop .topMenu ul li a.on{line-height:40px;}
	#header .headerTop .topMenu ul li a span{font-family:'NotoB';}	
	#header .headerTop .topMenu ul li a:hover {background-color: #1b2265; color: #fff;}
	#header .headerTop .utilMenu{display:none;}
	#header .headerTop .moBtn{position:absolute;right:5px;top:10px;font-size:0;}
	#header .headerTop .moBtn li{display:inline-block;padding:0 5px;}
	#header .headerTop .moBtn li a{display:block;padding-top:23px;font-size:10px;line-height:1;color:#333;}
	#header .headerTop .moBtn li:nth-child(1) a{background:url('/images/common/moBtn1.jpg?v=7hZHe3dADyKfXxj48Tdy8w==') no-repeat center top / 18px auto;}
	#header .headerTop .moBtn li:nth-child(2) a{background:url('/images/common/moBtn2.jpg?v=7hZHe3dADyKfXxj48Tdy8w==') no-repeat center top / 18px auto;}
	#header .headerTop .moBtn li:nth-child(3) a{background:url('/images/common/moBtn3.jpg?v=7hZHe3dADyKfXxj48Tdy8w==') no-repeat center top / 18px auto;}
	#header .headerTop .moBtn li a.ecatalog {background:url('/images/common/ebook_moBtn.jpg?v=7hZHe3dADyKfXxj48Tdy8w==') no-repeat center top / 18px auto;}

	#header .headerTop .topMenu ul li.home a {display:inline-block;padding:0 22px;font-size:13px;font-family:'Noto';line-height:30px;color:#555;background:none;border:none;}
	#header .headerTop .topMenu ul li.home:hover a {display:inline-block;padding:0 22px;font-size:13px;font-family:'Noto';line-height:30px;color:#fff;background:#1b2265;border:none;}
	#header .headerTop .topMenu ul li.erdi a {display:inline-block;padding:0 22px;font-size:13px;font-family:'Noto';line-height:30px;color:#555;background:none;border:none;}
	#header .headerTop .topMenu ul li.erdi:hover a {display:inline-block;padding:0 22px;font-size:13px;font-family:'Noto';line-height:30px;color:#fff;background:#1b2265;border:none;}

	#header .headerTop .topMenu ul li.emons a {display:inline-block;padding:0 22px;font-size:13px;font-family:'Noto';line-height:40px;color:#fff;background:#1b2265;border:none;}
	#header .headerTop .topMenu ul li.emons.on a {display:inline-block;padding:0 22px;font-size:13px;font-family:'Noto';line-height:40px;color:#fff;background:#1b2265;border:none;}
	#header .headerTop .topMenu ul li.emons:hover a {display:inline-block;padding:0 22px;font-size:13px;font-family:'Noto';line-height:40px;color:#fff;background:#1b2265;border:none;}

	#header .headerTop .topMenu ul li.emonsi a {display:inline-block;padding:0 22px;font-size:13px;font-family:'Noto';line-height:30px;color:#555;background:none;border:none;}
	#header .headerTop .topMenu ul li.emonsi:hover a {display:inline-block;padding:0 22px;font-size:13px;font-family:'Noto';line-height:30px;color:#fff;background:#1b2265;border:none;}

	#header .headerTop .topMenu a:hover, #header .headerTop .topMenu a.on{background:#1b2265;color:#fff;}



	#header .headerMenu{padding:0 0 0 1px;height:auto;}
	#header .headerMenu .allMenu{width:36px;background-size:15px auto;margin:11px 2px 0 5px;}
	#header.siteMapOpen .headerMenu .allMenu{background-image:url('/images/common/allMenu.jpg?v=7hZHe3dADyKfXxj48Tdy8w==');}
	/* #header .headerMenu h1{margin:11px 0 0 5px;width:105px;background-size:contain;display:inline-block !important; background:url('/images/common/logo_02.png?v=7hZHe3dADyKfXxj48Tdy8w==') no-repeat center center;vertical-align:top;} */
	#header .headerMenu h1.new_logo{margin:11px 0 0 5px !important;}
	#header .headerMenu h1.new_logo a img{max-width: 105px; height: 30px;}
	#header .headerMenu .logo_more_btn_box{display: block;}

	#header .headerMenu .gnb{display:none;}

	#header .header_search{float:none;width:auto;padding:0 12px;margin-top:11px; margin-right:-12px; margin-bottom:0; margin-left:-12px; border-top:1px solid #f0f0f0;display:block !important;}
	#header .header_search .search_con{float:none;border-width:1px; position:relative; top:0;}
	#wrap.Hide #header .header_search .search_con {top:0;}
	#header .header_search .search_con .search_input{display:block;margin-right:0;}
	#header .header_search .search_con input[type="text"]{width:100%; padding:0 20px;}
	#header .header_search .search_con .btn_header_sch{position:absolute;right:12px;top:0;width:30px;height:30px;background-size:16px;}
	#header .header_search .search_layer{left:0;top:40; width:100%;padding:0 12px;box-sizing:border-box;}
	#header .header_search .search_layer .search_tab a{font-size:13px;line-height:44px;}
	#header .header_search .search_layer .search_tab{background:#fff;padding:0;}
	#header .header_search .search_layer .search_tab a{font-size:11px;line-height:43px;}
	#header .header_search .search_layer .btn_close{padding:10px 0;}
	#header .header_search .search_layer .btn_close a{padding-right:15px;font-size:11px;font-family:'NotoB';line-height:20px;color:#333;background:url('/images/common/btn_close.png?v=7hZHe3dADyKfXxj48Tdy8w==') no-repeat right center / 8px auto;}
	#header .header_search .best_search{display:none;}
	#header .header_search .e_catalog{display:none;}

	#header .subMenu{display:none;}

	#header .siteMap{display:block;position:absolute;left:inherit;right:100%;height:100%;overflow-y:auto;top:0;padding-top:0;background:#fff url('/images/common/shadow_siteMap.png') repeat-y right top;padding:0 0 0 0;border-top:none;-webkit-overflow-scrolling: touch;}
	#header .siteMap .lnb_close{display:block;position:absolute;right:6px;top:15px;width:24px;height:24px;background:url('/images/common/btn_gnb_close.png') no-repeat center center / 24px;}
	#header .siteMap .lnb_util, #header .siteMap .lnb_util2{display:block;}
	#header .siteMap .lnb_util{padding:20px 12px;}
	#header .siteMap .lnb_util li{display:inline-block;margin-left:25px;}
	#header .siteMap .lnb_util li:first-child{margin-left:0;}
	#header .siteMap .lnb_util li a{font-size:12px;line-height:12px;color:#333;padding-left:15px;background:url('/images/common/btn_lnb2.png') no-repeat left center / auto 12px;}
	#header .siteMap .lnb_util li:first-child a{background:url('/images/common/btn_lnb1.png') no-repeat left center / auto 12px}
	#header .siteMap .lnb_util2{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;overflow:hidden;}
	#header .siteMap .lnb_util2 li{float:left;width:25%;}
	#header .siteMap .lnb_util2 li a{display:block;text-align:center;font-size:10px;line-height:1;color:#333;padding:35px 0 8px 0;border-left:1px solid #f0f0f0;}
	#header .siteMap .lnb_util2 li:nth-child(1) a{background:url('/images/common/btn_lnb3.png') no-repeat center 13px / 15px auto;border:none;}
	#header .siteMap .lnb_util2 li:nth-child(2) a{background:url('/images/common/btn_lnb4.png') no-repeat center 13px / 15px auto;}
	#header .siteMap .lnb_util2 li:nth-child(3) a{background:url('/images/common/btn_lnb5.png') no-repeat center 13px / 15px auto;}
	#header .siteMap .lnb_util2 li:nth-child(4) a{background:url('/images/common/btn_lnb6.png') no-repeat center 13px / 15px auto;}
	#header .siteMap .lnb_list{padding:20px 0 0 0;}
	#header .siteMap .lnb_list .companyMo{float:none;width:auto;display:none;}
	.companyOpen #header .siteMap .lnb_list .companyMo{display:block;}
	#header .siteMap .lnb_list .brand_menu_box{float:none;width:auto;}
	#header .siteMap .lnb_list .brand_menu_box.pdt_menu{width:auto;}
	#header .siteMap .lnb_list .brand_menu_box.pc_customer{position:static;}
	#header .siteMap .lnb_list .brand_menu_box.pc_store{position:static;}
	#header .siteMap .lnb_list .brand_menu_box.pc_member{position:static;}
	#header .siteMap .lnb_list .pdt_menu > ul{float:none;margin:0 12px;}
	#header .siteMap .lnb_list .pdt_menu > ul.left{margin:0 12px;}
	#header .siteMap .lnb_list .pdt_menu > ul > li a{margin-left:12px;}
	#header .siteMap .lnb_menu_open{display:none;}
	#header .siteMap .lnb_list .tit{position:relative;font-size:15px;padding:10px 0;margin:5px 12px 0 12px;}
	#header .siteMap .lnb_list .tit button{display:block;position:absolute;top:0;width:100%;height:100%;font-size:0;line-height:0;text-indent:-50000px;}
	#header .siteMap .lnb_list ul{margin:0 0 0 24px;}
	#header .siteMap .lnb_list .brand_menu .tit{background:url('/images/common/ico_lnb.jpg') no-repeat right 12px / 12px auto;}
	#header .siteMap .lnb_list .brand_menu.hasNoDep .tit {background-image: none;}
	#header .siteMap .lnb_list .brand_menu .open .tit{background-position:right -34px;}
	#header .siteMap .lnb_list .brand_menu ul{display:none;}
	#header .siteMap .lnb_list .brand_menu ul ul{display:block;}
	#header .siteMap .lnb_list .brand_menu ul.view{display:block;}
	#header .siteMap .lnb_list .brand_menu .open ul{display:block;}
	#header .siteMap .lnb_list .brand_menu_box ul.on{display:block;}
	#header .siteMap .lnb_list ul ul{display:block;margin:0 0 0 5px;padding:8px 0;}
	#header .siteMap .lnb_list .pdt_menu ul ul{background:#f8f8f8;padding-left:8px;margin-left:0;}
	#header .siteMap .lnb_list li a{font-size:12px;line-height:34px;display:block;}
	#header .siteMap .lnb_list li a:hover{text-decoration:none;}
	#header .siteMap .lnb_list li.on a, #header .siteMap .lnb_list li a.on {color:#212fb2;}
	#header .siteMap .lnb_list .pdt_menu ul ul li{display:inline-block;width:33%;}
	#header .siteMap .lnb_list li li a{font-size:11px;line-height:30px;}
	#header .siteMap .gray_menu, #header .siteMap .lnb_bottom{display:none;}
	#header .siteMap .gray_menu{display:block;margin-top:15px;background:#b5b5b5;padding:15px 12px;}
	#header .siteMap .gray_menu ul{margin:0;}
	#header .siteMap .gray_menu li a{display:block;font-size:12px;font-family:'Noto';line-height:34px;color:#fff;}
	#header .siteMap .lnb_bottom{display:block;margin:0 0 0 0;padding:15px 0 90px 0;background:#f8f8f8 url('/images/common/bg_lnb.jpg') no-repeat right bottom / 157px auto;}
	#header .siteMap .lnb_bottom ul{margin:0;}
	#header .siteMap .lnb_bottom ul li{margin-top:10px;}
	#header .siteMap .lnb_bottom ul li:first-child{margin-top:0;}
	#header .siteMap .lnb_bottom ul a{display:inline-block;padding:0 22px;font-size:13px;font-family:'Noto';line-height:38px;color:#555;}
	#header .siteMap .lnb_bottom ul a.on,.companyOpen #header .siteMap .lnb_bottom ul li:first-child a{background:#1b2265;color:#fff;}
	#header .siteMap .lnb_bottom ul a span{font-family:'NotoB';font-size:15px;}
	#header .siteMap .sitemap_footer{display:none;}
	#header .siteMap .sitemap_footer .menu1{font-size:0;}
	#header .siteMap .sitemap_footer .menu1 li{position:relative;display:inline-block;padding-left:11px;margin-left:9px;}
	#header .siteMap .sitemap_footer .menu1 li:before{content:'';position:absolute;left:0;top:1px;width:2px;height:13px;background:#333;}
	#header .siteMap .sitemap_footer .menu1 li:first-child{padding-left:0;margin-left:0;}
	#header .siteMap .sitemap_footer .menu1 li:first-child:before{display:none;}
	#header .siteMap .sitemap_footer .menu1 li a{font-size:14px;line-height:1;}
	#header .siteMap .sitemap_footer .menu2 li{position:relative;display:inline-block;padding-left:10px;margin-left:9px;}
	#header .siteMap .sitemap_footer .menu2 li:before{content:'';position:absolute;left:0;top:1px;width:1px;height:12px;background:#333;}
	#header .siteMap .sitemap_footer .menu2 li:first-child{padding-left:0;margin-left:0;}
	#header .siteMap .sitemap_footer .menu2 li:first-child:before{display:none;}
	#header .siteMap .sitemap_footer .menu2 li a{font-size:13px;font-family:'Noto';line-height:1;}
	#header .siteMap .sitemap_close{display:none;}

	#header .headerMenu{margin-top:0;height:auto;padding-bottom:0;}

	#header .headerMenu.fixed {margin-top:0; padding-bottom:0; position:relative; left:inherit; right:inherit; top:inherit !important;}

	/*#wrap .subMenu {display:none;}*/
	#wrap .subMenu .menuOpen {display:none;}
	#wrap.cs .subMenu {padding:10px 0; text-align:center; display:block;}
	#wrap.cs .subMenu > div {float:none;}
	#wrap.cs .subMenu ul {margin:0; float:none;}
	#wrap.cs .subMenu li {margin:0; padding-right:15px; padding-left:15px; box-sizing:border-box; float:none; display:inline-block;}

	.sub_3depth {display:none;}

	.companyOpen #header .headerMenu.gnbOpen .companyMenu{padding-top:0;padding-bottom:0;}

	#header .siteMap .lnb_list .brand_menu_box.m_only{display: none;}

	.childroom_slide {margin: 0 12px;}
	#header .headerTop .topMenu ul .special_sale.active a {background: none !important; color: #555 !important;}
}



@media all and (max-width: 1023px) {
/* 181120 ys  footer 수정  추후 삭제
#footer .footer_con .left_con{width: 100%;padding-right: 0;}
#footer .footer_con .right_con{width: 100%;padding-left: 0;}*/
.loading span {max-width:20%;}

}
@media all and (max-width: 1000px) {

.childroom_slide.mobile_slide {display: block !important; margin-top: 20px;}
.childroom_slide.pc_slide {display: none;}
}

@media all and (max-width: 767px) {
	/**
	공통 스타일
	**/
	/* 서식 */
	input[type="text"], input[type="password"]{height:32px;font-size:11px;line-height:32px;}

	.radio input[type="radio"] + label{padding-left:15px;font-size:11px;line-height:14px;background-size:11px;}

	.checkbox input[type="checkbox"] + label{padding-left:15px;font-size:11px;line-height:14px;background-size:11px;}

	/* br */
	.pcBr{display:none;}
	.mBr{display:inline;}

	.radio1 input[type="radio"] + label{padding:9px 0;font-size:11px;line-height:11px;text-align:center;}
	.radio2 input[type="radio"] + label{padding:9px 0;text-align:center;font-size:11px;line-height:11px;}

	/**
	HEADER
	**/

	.csCenterOpen #header {margin-bottom:120px;}
	#header .csCenterMenu li {width:49%;}
	#header .csCenterMenu li:before {display:none;}
	#header .csCenterMenu li.on a {padding:0 10px; position:relative; display:inline-block;}
	#header .csCenterMenu li.on a:after {width:100%; border-bottom:2px solid #1b2265; content:''; }

	/**
	CONTAINER
	**/
	#container{padding:0 0 50px 0;}

	/**
	FOOTER
	**/
	#footer .footer_con{padding:50px 30px;}
	#footer .footer_con .left_con{float:none;width:auto;padding-top:50px;background:url('/images/common/footer_logo.png') no-repeat left 20px / auto 10px;}
	#footer .footer_con .left_con .btn_arr{position:static;display:block;margin-top:5px;vertical-align:top;font-size: 10px;}
	#footer .footer_con .left_con .txt1{font-size:10px;line-height:15px;}
	#footer .footer_con .left_con .txt2{margin-top:15px;font-size:10px;line-height:15px;}

	#footer .footer_con .center_con{float:none;width:auto;margin-top:20px;padding:0;}
	#footer .footer_con .center_con:after{display:none;}
	#footer .footer_con .center_con dl{width:200px;}
	#footer .footer_con .center_con dt{font-size:12px;}
	#footer .footer_con .center_con dd{margin-top:10px;font-size:10px;line-height:10px;}
	#footer .footer_con .center_con dd a{max-width:150px;}
	#footer .footer_con .center_con dd span{position:absolute;right:0;top:0;font-size:10px;}
	#footer .footer_con .center_con ul{margin-top:15px;}
	#footer .footer_con .center_con li{font-size:14px;line-height:31px;}

	#footer .footer_con .right_con{float:none;width:auto;margin-top:10px;padding:0 0 0 0;}
	#footer .footer_con .right_con .terms_btn li{font-size:14px;line-height:31px;}
	#footer .footer_con .right_con .terms_btn li:last-child {font-size:16px; font-weight:bold; color:#444; line-height:33px;}
	#footer .footer_con .right_con .sns_btn{margin-top:15px;text-align:center;}
	#footer .footer_con .right_con .sns_btn li{width:33px;margin-left:5px;}
	#footer .footer_con .right_con .sns_btn li a{height:33px;background-size:auto 33px;}
	#footer .footer_con .right_con .sns_btn li:nth-child(2) a{background-position:-41px top;}
	#footer .footer_con .right_con .sns_btn li:nth-child(3) a{background-position:-82px top;}
	#footer .footer_con .right_con .sns_btn li:nth-child(4) a{background-position:-123px top;}
	#footer .footer_con .right_con .sns_btn li:nth-child(5) a{background-position:-163.5px top;}
	#footer .footer_con .right_con .ssl{top:-100px;width:46px;}
	#footer .footer_con .right_con .ssl img{width:100%;}

	#footer .copyright {}

	.licensee .licensee_con{width:284px;position:absolute;left:50%;top:50%;margin:-221px 0 0 -142px;}
	.licensee .licensee_con a{right:-27px;width:27px;height:27px;background:url('/images/common/license_close.jpg') no-repeat center;}

	/* 181120 ys  footer 수정  추후 삭제*/
	#footer .footer_con .right_con .ssl{top: -10px;}


	/**
	LOCATION
	**/
	.location_con{display:none;}

	/*#header .search_close {display:none;}*/
}



/** VR룸 CSS 210224 **/

.vr_video_bottom{width:1460px; height:70px; background-color:#2b2c65; margin:0 auto; text-align:center;}


/*  */

.wid_60{width:140px !important;}
.wid_60 .selectboxit-options li.selectboxit-option{height:24px !important;}
.dis_in{display:inline-block;}
.mar-le60{margin-left:60px;}
.selectboxit-list{max-height:230px !important;}



.customer_blue .border dl dd{display:block !important; text-align:center; font-size:13px !important;}
.customer_blue .border dl dd:last-child{width:100px; height:30px; border:1px solid #ffffff; line-height:30px;margin-top:10px;}
.customNum{font-size:18px;}
.customNum span{font-size:24px;}

@media all and (max-width: 767px) {
.customer_blue .border dl dd:last-child{margin:10px auto 5px;}
}

.memIar{display:inline-block; font-size:13px; color:red;}


.evenMt{text-align:center; font-size:20px; font-weight:bold;}



/* 에몬스 장학회 신청폼 수정 211117 */
.marR{margin-left:0 !important;}

.scholarship_step p.topSmmury{font-size:13px; text-align:center; line-height:2;}
.scholarship_step p.fontR{font-size:17px !important;}
.inpNs{vertical-align:top !important; height:130px !important;}
.inpStext{font-size:13px; display:inline-block;}
.congBtext{margin:0 auto; width:60%; margin-top:40px;}


.checkbox2{position:relative; display: inline-block;}
.checkbox2 input[type="checkbox"]{position:absolute;left:-50000px;top:0;}
.checkbox2 input[type="checkbox"] + label{display:inline-block;padding-right:18px;font-size:13px;line-height:17px;color:#333;background:url('/images/common/checkbox_off.png') no-repeat right 1px;}
.checkbox2 input[type="checkbox"]:checked + label{background-image:url('/images/common/checkbox_on.png');}
.checkbox2>span {font-size: 13px; vertical-align: middle;}
.mr_20 {margin-right: 20px;}

textarea.input_type2 {    padding: 0 10px;border: 1px solid #ccc;font-size: 14px;font-family: 'Noto';color: #333;line-height: 35px;box-sizing: border-box;background: #fff; resize: none;}

.radio3{position:relative;}
.radio3 input[type="radio"]{position:absolute;left:-50000px;top:0;}
.radio3 input[type="radio"] + label{display:inline-block;padding-right:18px;font-size:13px;line-height:17px;color:#333;background:url('/images/common/radio_off.png') no-repeat right 1px;}
.radio3 input[type="radio"]:checked + label{background-image: url(/images/common/radio_on.png);}
.radio3>span {font-size: 13px; vertical-align: middle;}



.introStit{display:inline-block; color:#1b2265; font-weight:bold; font-size:12px;}
.teamWrite dl:after{content:''; display:block; clear:both;}
.teamWrite dl dd{float:left; padding-bottom:8px !important; padding-top:8px !important; width:100%;}
.teamWrite input{width:21%; margin-right:1%;}


.moInfor{display:none;}
.teamMwrite dl dd{width:100%;}
.teamMwrite input{width:23%; margin-right:1%;}

@media all and (max-width: 767px) {
.mconN{display:none;}
.moInfor{display:block; min-height:300px;}
.moInfor p{text-align:center; vertical-align:middle; font-size:16px;}
.moInfor p span{color:#1b2265;}
}

.ver_mid {vertical-align: middle !important;}

.childroom_slide {margin-top: 60px; margin-bottom: 20px;}
.childroom_slide .slick-prev {width: 30px; height: 87px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); z-index: 500; background: url(./images/child-arrow-prev.png) no-repeat center center; text-indent: -9999px;}
.childroom_slide .slick-next {width: 30px; height: 87px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);z-index: 500; background: url(./images/child-arrow-next.png) no-repeat center center; text-indent: -9999px;}
.childroom_slide div img {width: 100%; height: auto;}
.childroom_slide .dots {position: absolute; left: 50%; transform: translateX(-50%); bottom: 10px;}
.childroom_slide .dots li {display: inline-block; margin: 0 6px;}
.childroom_slide .dots li button {display: block; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #b9b9b9; background: #b9b9b9;  text-indent: -9999px;} 
.childroom_slide .dots .slick-active button {background: #ffffff; border-color: #ffffff;}
.childroom_slide.mobile_slide {display: none;}

#m_cate>ul>li>a:after {content:''; display: inline-block; vertical-align: middle; width: 9px; height: 9px; background: url(./images/m_menu_arr.png)no-repeat; margin-left:5px; background-size: cover;}
/* .gnbPdt>ul>li>a:after {width: calc(100% + 18px) !important;} */
.gnbPdt>ul>li>a:before {content:''; position: absolute; right: -14px; top: 50%; transform: translateY(-50%); display: inline-block; vertical-align: middle; width: 9px; height: 9px; background: url(./images/m_menu_arr.png)no-repeat; margin-left:5px; background-size: cover;}
.gnbPdt>ul>li>a {position: relative;}
.no_arr>li>a:before {display:none!important;}

.btn_go_emons {display: block; width: 100%; text-align: center; font-size: 13px;  line-height: 33px; height: 35px; border: 1px solid #004d43; color: #004d43; box-sizing: border-box;}
.btn_go_emons:hover {background: #004d43; color: #ffffff;}

/* 마이페이지 작성하기 버튼 추가 */
.mypage_table_top_bn {float: right; margin-bottom: 10px;}
.mypage_table_top_bn a {padding: 10px 15px; border: 1px solid #ddd; display: block;}

/* 2206_리뉴얼추가 */
#header .headerTop .global_head .global_tab {width: 1400px; margin-left: -700px;}
#header .headerTop .global_head .global_tab li {max-width: 240px;}
#header .headerTop .global_head .global_spot {margin-right:-700px;}

#header {border-bottom: 1px solid #efefef;}
#header .headerMenu {position: relative;}
#header .headerMenu .gnb_wrap {max-width: 1400px; margin: 0 auto; position: relative;}
#header .headerMenu .gnb_wrap .logobox {text-align: center;}
#header .headerMenu .gnb_wrap .logobox img {width: 175px; margin: 40px 0 25px; height: 26px;}
#header .headerMenu .gnb_wrap .global_spot {display: none; font-size: 12px; line-height: 1.3; font-family: 'Heebo', 'Noto Sans KR', 'sans-serif', 'Arial', 'NotoSansCJK', 'NanumSquare', 'Noto Sans KR','Nanum Gothic', 'Malgun Gothic','dotum', '돋움'; position: absolute; top: 37px; right: 30px;}
#header .headerMenu .gnb_wrap .global_spot .spot li {position: relative; display: block; float: left; margin: 0 9px;}
#header .headerMenu .gnb_wrap .menubox {display: flex;}
#header .headerMenu .gnb_wrap .menubox .all_cate a {display: flex; align-items: center; justify-content: center; gap: .2rem; height: 100%; padding-right:10px;}
#header .headerMenu .gnb_wrap .menubox .all_cate a svg {margin-top: 2px;}
#header .headerMenu .gnb_wrap .menubox .all_cate a span {font-size: 16px; font-weight: 400;}
#header .headerMenu .gnb_wrap .menubox .all_cate .allmenu_icon {width: 26px; height: 27px; float: left; margin-right: 10px; background: url('/images/main/newmain_icons.png') no-repeat; background-position: -211px;}
#header .headerMenu .gnb_wrap .menubox .sub_menu{font-size: 16px; font-weight:400; letter-spacing: -.02rem; display: flex; justify-content: space-between; align-items: center; flex: 1;}
#header .headerMenu .gnb_wrap .menubox .sub_menu > div {display: flex; align-items: center; justify-content: center;}
#header .headerMenu .gnb_wrap .menubox .sub_menu .menu_btn {position: relative;}
#header .headerMenu .gnb_wrap .menubox .sub_menu .menu_btn.pc_ver {display: block;}
#header .headerMenu .gnb_wrap .menubox .sub_menu .menu_btn a {margin: 10px 15px; display: block; overflow: hidden; height: 24px;}
#header .headerMenu .gnb_wrap .menubox .sub_menu .menu_btn #menu_slide {position: relative; top: 0;}
#header .headerMenu .gnb_wrap .menubox .sub_menu .sub_menu_right .menu_btn:last-child a {margin-right: 0;}
#header .headerMenu .gnb_wrap .menubox .sub_menu .menu_btn:hover .sub_down_menu {display: block;}
#header .headerMenu .gnb_wrap .menubox .sub_menu .menu_btn .sub_down_menu {display: none; position: absolute; top: 0; left: 50%; transform: translate(-50%, 40px); width: max-content; background: #fff; border: 1px solid #eee; z-index: 9999; padding: 10px 0; }
#header .headerMenu .gnb_wrap .menubox .sub_menu .menu_btn .sub_down_menu .item a {margin: 0; padding: 8px 25px; display: block; font-size: 15px; font-weight: 500;}
#header .headerMenu .gnb_wrap .menubox .sub_menu .menu_btn .sub_down_menu .item a:hover {text-decoration: underline; text-underline-position: under;}
#header .headerMenu .gnb_wrap .menubox .sub_menu .menu_btn .sub_down_menu::before {content: ''; width: 10px; height: 10px; background: #fff; position: absolute; top: -2px; left: 50%; border-left: 1px solid #eee; border-top: 1px solid #eee; transform: rotate(45deg) translate(-50%, 0);}
/* #header .headerMenu .gnb_wrap .menubox .sub_menu ul li {position: relative;float: left; margin-right:50px;} */
/* #header .headerMenu .gnb_wrap .menubox .sub_menu ul li.event:after {content: ' '; position:absolute;top:-0px; right:-5px;width:4px;height:4px;background-color:#e32e07;border-radius:50%;} */
#header .headerMenu .gnb_wrap .searchbox.pc_ver {flex: 1; margin-bottom: 20px;}
#header .headerMenu .gnb_wrap .searchbox.pc_ver .search_con {float: right; width: 220px; border-bottom: 1px solid #282828;}
#header .headerMenu .gnb_wrap .searchbox.pc_ver .search_con .search_input {display: inline-block;}
#header .headerMenu .gnb_wrap .searchbox.pc_ver .search_con .search_input input {border:0; width: 180px;}
#header .headerMenu .gnb_wrap .searchbox.pc_ver .search_con .btn_header_sch {display: inline-block; width: 40px; height: 40px; margin:0;}
#header .headerMenu .gnb_wrap .searchbox.pc_ver .search_con .btn_header_sch div.search_icon {background: url(/images/main/newmain_icons.png) no-repeat; height: 20px; width: 20px; background-position: -186px; margin: 7px 10px;}
#header .headerMenu .gnb_wrap .searchbox.mo_ver {display:none; flex-direction:column; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background: #fff; z-index:999;}
#header .headerMenu .gnb_wrap .searchbox.mo_ver .search_con {display:flex; margin: 20px; border-bottom: 1px solid #282828}
#header .headerMenu .gnb_wrap .searchbox.mo_ver .search_con .search_input {max-width: 100%; flex: 1;}
#header .headerMenu .gnb_wrap .searchbox.mo_ver .search_con .search_input input {width: 100%; height: 50px; border: 0; padding: 0 0 0 20px; font-size: 1.2em; background: transparent;}
#header .headerMenu .gnb_wrap .searchbox.mo_ver .search_con button.btn_header_sch .search_icon {width: 25px; height: 25px; background: url(/images/main/newmain_icons.png) no-repeat; background-position: -192px center; background-size: cover; margin: 13px;}
#header .headerMenu .gnb_wrap .searchbox.mo_ver .search_con .btn_header_sch {width: 50px; height: 50px;}
#header .headerMenu .gnb_wrap .searchbox.mo_ver .nav_search_title {padding: 20px; border-bottom: 1px solid #ddd;}
#header .headerMenu .gnb_wrap .searchbox.mo_ver .nav_search_title .back_icon {width: 36px; height: 24px; float: left; margin-right: 20px; background: url(/images/main/newmain_icons.png) no-repeat; background-position: -345px center;}
#header .headerMenu .gnb_wrap .searchbox.mo_ver .nav_search_title span {font-size: 1.2em; font-weight: bold;}
#header .headerMenu .gnb_wrap .searchbox.mo_ver .keyword_rank {padding: 20px 40px 250px; flex: 1; overflow-y: auto;}
#header .headerMenu .gnb_wrap .searchbox.mo_ver .keyword_rank .sub_title {font-size: 1.2em; padding: 0 0 20px; font-weight: bold;}
#header .headerMenu .gnb_wrap .searchbox.mo_ver .keyword_rank .keyword_rank_list {font-size: 1.1em; line-height: 2.2em;}

.gnb {display: none !important;}

#header .headerMenu .prdt_category {display: none; position: absolute; width: 100%; background: #fff; z-index: 102; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef;}
#header .headerMenu .prdt_category .prdt_box {position: relative; font-size: 14px; max-width: 1400px; margin: 0 auto;}
#header .headerMenu .prdt_category .prdt_box li:hover > span {font-weight: bold;}
#header .headerMenu .prdt_category .prdt_box li:hover .cate2 {font-weight: normal;}
#header .headerMenu .prdt_category .prdt_box > ul {width: 200px; min-height: 440px; padding: 20px 0; border-right: 1px solid #efefef;}
#header .headerMenu .prdt_category .prdt_box .cate1 {font-size: 16px; padding: 10px 0; cursor: pointer;}
#header .headerMenu .prdt_category .prdt_box .cate1 a {display:block;}
#header .headerMenu .prdt_category .prdt_box .cate1 .cate_arr_icon {display: none; float: right; width: 16px; height: 16px; margin: 5px 7px; border-radius: 50%; background: url(/images/main/newmain_icons.png) no-repeat; background-position: -79px; background-size: cover;}
#header .headerMenu .prdt_category .prdt_box .cate1 > ul {position: absolute; left: 200px; top: 0; display: none; padding: 20px 0; max-height: 100%; width: 200px; height: -webkit-fill-available;}
#header .headerMenu .prdt_category .prdt_box .cate1:hover > ul {display: block;}
#header .headerMenu .prdt_category .prdt_box .cate1:hover .cate_arr_icon {display: block;}
/* #header .headerMenu .prdt_category .prdt_box .cate1:hover > .cate_banner_box {display: block;} */
#header .headerMenu .prdt_category .prdt_box .cate1 .cate2 {padding: 10px 30px;}
#header .headerMenu .prdt_category .prdt_box .cate1 .cate2 a {display: block;}
#header .headerMenu .prdt_category .prdt_box .cate1 .cate2:hover > a {font-weight: bold; text-decoration: underline; text-underline-position: under; }
#header .headerMenu .prdt_category .prdt_box .cate_banner_box {display: none; position: absolute; top: 55px; right: 0;}
#header .headerMenu .prdt_category .prdt_box .cate_banner_box .cate_banner {float: left; margin-left: 15px;}
#header .headerMenu .prdt_category .prdt_box .cate_banner_box .cate_banner .cate_banner_img_box {width: 300px; height: 300px; background: #aaa; border-radius: 10px; overflow: hidden;}
#header .headerMenu .prdt_category .prdt_box .cate_banner_box .cate_banner .cate_banner_img_box img{width:100%;}
#header .headerMenu .prdt_category .prdt_box .cate_banner_box .cate_banner .cate_banner_txt {font-size: 15px; margin-top: 10px;}

@media (max-width: 1400px) {
	#header .headerTop .global_head_wrap .container {width: calc(100% - 60px); padding: 0 30px;}
	#header .headerTop .global_head {display: none;}
	#header .headerMenu .gnb_wrap .global_spot {display: block;}
	#header .headerMenu .logo_more_btn_box {display: block;}
	#header .headerMenu .gnb_wrap .logobox {text-align: left; max-width: 130px; padding: 30px;}
	#header .headerMenu .gnb_wrap .logobox img {margin: 0; width: 100%;}
	#header .headerMenu .logo_more_btn_box { left: 180px; top: 35px; }
	#header .headerMenu .logo_more_active_list {left: 180px; top: 65px;}
	#header .headerMenu .gnb_wrap .menubox {padding: 0 30px;}
	#wrap.Hide #header {margin-bottom: 0 !important; z-index: 1;}
	#header .headerMenu .prdt_category {padding: 0 30px; width: -webkit-fill-available;}
	
}
@media (max-width: 1365px) {
	#header {margin-bottom: 0;}
}
@media (max-width: 1050px) {
	#header .headerMenu .prdt_category .prdt_box .cate_banner_box {display: none !important;}
}
@media (max-width: 850px) {
    /* #header .headerMenu .gnb_wrap .menubox .sub_menu{padding-left:30px;} */
	#header .headerMenu .gnb_wrap .menubox .sub_menu ul li {margin-right: 40px;}
	#header .headerMenu .gnb_wrap .menubox .sub_menu .menu_btn a {margin: 17px 12px;}
}
@media (max-width: 760px) {
	#header .headerMenu {font-size:1em;}
	#header .headerMenu .gnb_wrap .searchbox.pc_ver {display:none;}
	#header .headerMenu .gnb_wrap .global_spot {display:none;}
	 /* #header .headerMenu .gnb_wrap .menubox .sub_menu{padding-left:30px;} */
	#header .headerMenu .gnb_wrap .menubox .sub_menu .menu_btn.pc_ver {display: none;}

	#header .headerMenu .gnb_wrap .logobox {max-width: 100px; padding: 20px;}
	#header .headerMenu .logo_more_btn_box { left: 140px; top: 25px; }
	#header .headerMenu .logo_more_active_list {left: 140px; top: 50px;}
	#header .headerMenu .gnb_wrap .menubox {padding: 0 20px 20px;}
	#header .headerMenu .gnb_wrap .menubox .all_cate span {display: none;}
	#header .headerMenu .gnb_wrap .menubox .all_cate a {padding-right: 10px;}
	#header .headerMenu .gnb_wrap .menubox .sub_menu ul li {margin-right: 20px; font-size: .95em;}
}
@media (max-width: 400px) {
     /* #header .headerMenu .gnb_wrap .menubox .sub_menu{padding-left:30px;} */
	#header .headerMenu .gnb_wrap .menubox .sub_menu ul li {margin-top: 15px;margin-right:15px; font-size: .85em;}
}

#footer .footer_btn_group {position: fixed; right: 50px; bottom: 0; transform: translate(0, -50%); background: #14008c; z-index: 100; opacity: 1; border-radius: 35px;}
#footer .footer_btn_group a > div {opacity: 1; color: #fff; font-size: 12px; width: 55px; height: 70px; text-align: center; background: transparent; position: unset; justify-items: center; align-items: center; display: grid;}
/* #footer .footer_btn_group .btn_top .top_icon {width: 16px; height: 20px; background: url(/images/main/newmain_icons.png) no-repeat; background-position: -5px;} */
#footer .footer_btn_group .btn_top .top_icon {width: 30px; height: 30px; background: url(/common/css/images/icons/arrow/Arrow_top_light_white@2x.png) no-repeat; background-size: 30px 30px;}
#footer .footer_btn_group .btn_down .down_icon {width: 30px; height: 30px; background: url(/common/css/images/icons/arrow/Arrow_down_light_white@2x.png) no-repeat; background-size: 30px 30px;}

#footer .footer_nav_group {display:none; width:20vw; height:20px;  position:absolute; top:126px; left: 0; z-index:9; text-align: center;border-top: 0px solid #ccc;}
#footer .footer_nav_group a {display: inline-block; width: 18%; height: 100%; position: relative;}
#footer .footer_nav_group a .footer_nav_btn {position: absolute; left:0%; top: 55%; transform: translate(-50%, -60%);}
#footer .footer_nav_group a .footer_nav_btn span {font-size: .85em;height: 18px;display: block;}
#footer .footer_nav_group a .footer_nav_btn svg {margin: 0 auto;}
#footer .footer_nav_group a .footer_nav_btn .icon {background: url('/images/main/bottom_navi_icons.png') no-repeat; background-size: cover; width: 25px; height: 25px; margin: 0 auto;}
#footer .footer_nav_group a .footer_nav_btn .icon.cate_icon {background-position: -14px 0;}
#footer .footer_nav_group a .footer_nav_btn .icon.search_icon {background-position: -50px 0;}
#footer .footer_nav_group a .footer_nav_btn .icon.home_icon {background-position: -81px 0;}
#footer .footer_nav_group a .footer_nav_btn .icon.mypage_icon {background-position: -112px 0;}
#footer .footer_nav_group a .footer_nav_btn .icon.favorite_icon {background-position: -144px 0;}

#footer .footer_nav_group a .footer_nav_btn .search_mall_icon {background: url('/common/css/images/icons/ui/Search_light.png') no-repeat;width: 25px;height: 25px;margin: 0 auto;}
#footer .footer_nav_group a .footer_nav_btn .cart_mall_icon {background: url('/common/css/images/icons/shop_and_ecommerce/Bag_alt_light.png') no-repeat;width: 25px;height: 25px;margin: 0 auto;}
#footer .footer_nav_group a .footer_nav_btn .order_mall_icon {background: url('/common/css/images/icons/bookmark/Paper_light.png') no-repeat;width: 25px;height: 25px;margin: 0 auto;}
#footer .footer_nav_group a .footer_nav_btn .mypage_mall_icon {background: url('/common/css/images/icons/user_and_group/User_alt_light.png') no-repeat;width: 25px;height: 25px;margin: 0 auto;}
#footer .footer_nav_cate {display:none; flex-direction: column; position: fixed; top: 0; left: 0; background: #fff; width: 100vw; height: 100vh; z-index: 101;}
#footer .footer_nav_cate .nav_cate_title {padding: 20px; border-bottom: 1px solid #ddd;}
#footer .footer_nav_cate .nav_cate_title span {font-size: 1.2em; font-weight:400; color:#666;}
#footer .footer_nav_cate .nav_cate_title span:last-child{padding-right:10px;}
#footer .footer_nav_cate .nav_cate_title .close_icon {float: right; width: 30px; height: 24px; background: url(/images/main/newmain_icons.png) no-repeat; background-position: -311px center;}
#footer .footer_nav_cate .prdt_box {padding: 20px 20px 250px; font-size: 1em; line-height: 2.5em; flex: auto; overflow-y: auto;}
#footer .footer_nav_cate .prdt_box .cate1 {clear: both; line-height: 3em; position: relative;}
#footer .footer_nav_cate .prdt_box .cate1 .cate_arr_icon {width: 24px; height: 24px; position: absolute; right: 0; top: 12px; background:url('/images/main/newmain_icons.png') no-repeat; background-position: -277px; background-size: cover;}
#footer .footer_nav_cate .prdt_box .cate1 > span {font-weight: bold;}
#footer .footer_nav_cate .prdt_box .cate1 ul {display:none; background: #f6f6f6; width: 100%; padding: 10px 0;}
#footer .footer_nav_cate .prdt_box .cate1.active .cate_arr_icon {background-position: -248px;}
#footer .footer_nav_cate .prdt_box .cate1.active ul {display:table;}
#footer .footer_nav_cate .prdt_box .cate1 ul li.cate2 {width: 45%; max-width: 50%; display:inline-block; padding: 0 0 0 5%;}
#footer .footer_nav_cate .prdt_box .cate1 ul li.cate2 a {display: block;}

@media (max-width: 1000px) {
}
@media (max-width: 760px) {
	#footer .footer_btn_group {display: none !important;}
	#footer .footer_nav_group {display: flex; justify-content: space-around; align-items: center;}
	#footer .footer_sec_1 {margin-bottom: 30px;}
	#footer .footer_sec_1 .familySite.pc_ver {display: none;}
	#footer .footer_sec_5 .familySite.mo_ver {display: block;}
	#footer .footer_sec_4 .callList.pc_ver { display: none; }
	#footer .footer_sec_4 .callList.mo_ver { display: flex; flex-flow: wrap; align-items: center; }
	#footer .footer_sec_4 .callList.mo_ver.pt { padding-top: 20px; }
}
@media (max-width: 450px) {
	#footer .footer_con .footer_sec_7 .copyright {font-size: .8em; line-height: 1.5em;}
}
@media (max-width: 350px) {
}


/* Page Loading Animation */
._loading-layer {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .7);z-index: 10;overflow: hidden;display: none;}
._loading-layer.active {display: block;}
._loading-layer .loader {position: absolute;top: 50%;left: 50%;width: 100px;height: 16px;}
._loading-layer .loader::before ,
._loading-layer .loader::after {content: '';position: absolute;top: 0;left: 0;width: 16px;height: 16px;border-radius: 50%;background:#fff;box-shadow: 32px 0 #fff;animation: ballMoveX 1s linear infinite;}
._loading-layer .loader::after {box-shadow: none;transform: translateX(64px) scale(1);z-index: 2;animation: none;animation: trfLoader 1s linear infinite;}

@keyframes trfLoader  {
    0% , 5% {transform: translateX(64px) scale(1);background: #FFF;}
    10% {transform: translateX(64px) scale(1);background: #14008c;}
    40% {transform: translateX(32px) scale(1.5);background: #14008c;}
    90% , 95% {transform: translateX(0px) scale(1);background: #14008c;}
    100% {transform: translateX(0px) scale(1);background: #FFF;}
}
@keyframes ballMoveX {
    0% , 10% {transform: translateX(0)}
    90%, 100% {transform: translateX(32px)}
}


