@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');

@font-face { 
	font-family: 'pass'; font-style: normal; font-weight: 400;
	src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA8AAAAAB2QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAcg9+z70dERUYAAAF0AAAAHAAAAB4AJwANT1MvMgAAAZAAAAA/AAAAYH7AkBhjbWFwAAAB0AAAAFkAAAFqZowMx2N2dCAAAAIsAAAABAAAAAQAIgKIZ2FzcAAAAjAAAAAIAAAACAAAABBnbHlmAAACOAAAALkAAAE0MwNYJ2hlYWQAAAL0AAAAMAAAADYPA2KgaGhlYQAAAyQAAAAeAAAAJAU+ATJobXR4AAADRAAAABwAAAAcCPoA6mxvY2EAAANgAAAAEAAAABAA5gFMbWF4cAAAA3AAAAAaAAAAIAAKAE9uYW1lAAADjAAAARYAAAIgB4hZ03Bvc3QAAASkAAAAPgAAAE5Ojr8ld2ViZgAABOQAAAAGAAAABuK7WtIAAAABAAAAANXulPUAAAAA1viLwQAAAADW+JM4eNpjYGRgYOABYjEgZmJgBEI2IGYB8xgAA+AANXjaY2BifMg4gYGVgYVBAwOeYEAFjMgcp8yiFAYHBl7VP8wx/94wpDDHMIoo2DP8B8kx2TLHACkFBkYA8/IL3QB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTABmTxMigoKKmeV/3z/z9YJTKf8f/X/4/vP7pldosLag4SYATqhgkyMgEJJnQFECcMOGChndEAfOwRuAAAAAAiAogAAQAB//8AD3jaY2BiUGJgYDRiWsXAzMDOoLeRkUHfZhM7C8Nbo41srHdsNjEzAZkMG5lBwqwg4U3sbIx/bDYxgsSNBRUF1Y0FlZUYBd6dOcO06m+YElMa0DiGJIZUxjuM9xjkGRhU2djZlJXU1UDQ1MTcDASNjcTFQFBUBGjYEkkVMJCU4gcCKRTeHCk+fn4+KSllsJiUJEhMUgrMUQbZk8bgz/iA8SRR9qzAY087FjEYD2QPDDAzMFgyAwC39TCRAAAAeNpjYGRgYADid/fqneL5bb4yyLMwgMC1H90HIfRkCxDN+IBpFZDiYGAC8QBbSwuceNpjYGRgYI7594aBgcmOAQgYHzAwMqACdgBbWQN0AAABdgAiAAAAAAAAAAABFAAAAj4AYgI+AGYB9AAAAAAAKgAqACoAKgBeAJIAmnjaY2BkYGBgZ1BgYGIAAUYGBNADEQAFQQBaAAB42o2PwUrDQBCGvzVV9GAQDx485exBY1CU3PQgVgIFI9prlVqDwcZNC/oSPoKP4HNUfQLfxYN/NytCe5GwO9/88+/MBAh5I8C0VoAtnYYNa8oaXpAn9RxIP/XcIqLreZENnjwvyfPieVVdXj2H7DHxPJH/2/M7sVn3/MGyOfb8SWjOGv4K2DRdctpkmtqhos+D6ISh4kiUUXDj1Fr3Bc/Oc0vPqec6A8aUyu1cdTaPZvyXyqz6Fm5axC7bxHOv/r/dnbSRXCk7+mpVrOqVtFqdp3NKxaHUgeod9cm40rtrzfrt2OyQa8fppCO9tk7d1x0rpiQcuDuRkjjtkHt16ctbuf/radZY52/PnEcphXpZOcofiEZNcQAAeNpjYGIAg///GBgZsAF2BgZGJkZmBmaGdkYWRla29JzKggxD9tK8TAMDAxc2D0MLU2NjENfI1M0ZACUXCrsAAAABWtLiugAA) format('woff');
}


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, textarea {
	margin: 0; padding: 0; border: 0;
	font-size: 100%; font: inherit;
	vertical-align: middle;
}
html, body, button { font-family: 'NanumSquare', sans-serif; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration:none; }
input, button { outline:none; }

textarea::placeholder,
input::placeholder { color:#aaa; }

input:focus::-webkit-input-placeholder, 
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; } 
input:focus:-moz-placeholder, 
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; } 
input:focus::-moz-placeholder, 
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; } 
input:focus:-ms-input-placeholder, 
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }




.wrap { position:relative; min-width:1638px; overflow-x:hidden; margin:0 auto; }

/* header */
#hd { position:relative; width:1638px; height:255px; text-align:center; margin:0 auto; }
#hd h1 { padding-top:53px; margin-bottom:50px; } 

.search-bx { position:relative; width:663px; height:69px; border:2px solid #405ab9; border-radius:70px; box-sizing:border-box; overflow:hidden; padding:0 90px 0 0; margin:0 auto; margin-bottom:33px; }
.search-bx input[type="text"] { display:block; width:100%; height:65px; line-height:65px; font-size:18px; padding:0 0 0 60px; border:0; box-sizing:border-box; } 
.search-bx .btn-search { position:absolute; right:0; top:0; display:block; width:90px; height:100%; border:0; background:none;background-repeat:no-repeat; background-position:center; background-image:url('../img/icon/ic_search.png'); color:transparent; cursor:pointer; z-index:1; }

#hd .search-bx { position:absolute; right:0; top:65px; width:520px; height:54px; border:2px solid #eaeaea; padding:0 60px 0 0; margin:0; }
#hd .search-bx input[type="text"] { height:50px; line-height:50px; padding:0 0 0 40px; }
#hd .search-bx .btn-search { width:60px; background-image:url('../img/icon/ic_search_r.png'); }

/* nav */
#hd #nav { }
#hd #nav ul { }
#hd #nav ul li { display:inline-block; font-size:20px; line-height:1.35em; padding:0 35px; }
#hd #nav ul li a { color:#000000; }

#hd #unit { position:absolute; right:23px; top:165px; }
#hd #unit .btn { position:relative; display:inline-block; float:left; width:44px; height:44px; cursor:pointer; background-repeat:no-repeat; background-position:center; margin-right:4px; }
#hd #unit .btn:last-child { margin-right:0; }
#hd #unit .btn .alert { position:absolute; right:6px; top:-8px; display:block; width:24px; height:24px; line-height:24px; text-align:center; font-size:12px; background-color:#fc053f; color:#fff; border-radius:50px; }
#hd #unit .notice { background-image:url('../img/icon/ic_notice.png'); }
#hd #unit .cart { background-image:url('../img/icon/ic_cart.png'); }
#hd #unit .cart .alert { right:0; }
#hd #unit .mypage { background-image:url('../img/icon/ic_member.png'); }

/* footer */
#ft { background-color:#414141; padding-bottom:50px; }
#ft .top { border-bottom:1px solid #626262; margin-bottom:30px; }
#ft .top .inbx { position:relative; width:1638px; height:89px; margin:0 auto; }
#ft .top .m-list { overflow:hidden; padding-top:32px; }
#ft .top .m-list li { float:left; font-size:16px; line-height:1.35; margin-right:24px; font-weight:400; font-family: 'Noto Sans KR', sans-serif; }
#ft .top .m-list li a { color:#939191; }

#ft .top .m-list li a:hover,
#ft .top .m-list li em { color:#fd0303; }
#ft .top .m-list li.app { margin-left:34px; }
#ft .top .m-list li.app a { color:#fff; }
#ft .office-list { position:absolute; right:54px; top:28px; display:block; width:215px; font-size:14px; line-height:1.4; color:#eeeff5; cursor:pointer;  }
#ft .office-list:after { position:absolute; right:0; top:50%; display:block; width:11px; height:6px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icon/ic_select.png'); transform:translateY(-50%); content:""; }
#ft .office-list .box { display:block; position: relative; }
#ft .office-list .box .select { position: relative; cursor: pointer; height:40px; line-height:40px; }
/*
#ft .office-list .box .select:after { content: '▼'; position: absolute; top: 0; right: 10px; }
#ft .office-list.on .box .select:after { content: '▲'; }
*/
#ft .office-list .box .list { display:none; position: absolute; top:50%; left:0; width:100%; background-color:#11bdff; transform:translateY(-70%); z-index:10; box-sizing: border-box; border-radius:10px; overflow:hidden; }
#ft .office-list .box .list::-webkit-scrollbar { width: 10px; height: 0; }
#ft .office-list .box .list::-webkit-scrollbar-button:start:decrement,
#ft .office-list .box .list::-webkit-scrollbar-button:end:increment { display: block; height: 0; }
#ft .office-list .box .list::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, .05);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#ft .office-list .box .list::-webkit-scrollbar-thumb {
	height: 50px;
	width: 50px;
	background: rgba(0, 0, 0, .2);
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#ft .office-list .box .list li { position:relative; padding: 0 35px; width: 100%; font-size:17px; line-height: 38px; cursor: pointer; box-sizing: border-box; background-repeat:no-repeat; background-position:185px center; background-image:url('../img/guide/arrow.png'); }
#ft .office-list .box .list li:after { position:absolute; left:5px; right:5px; bottom:0; display:block; height:1px; background-color:#64d4ff; content:""; }
#ft .office-list .box .list li a { display:block; position:relative; color:#fff; }
#ft .office-list .box .list li:last-child:after { border-bottom:0; }
#ft .office-list .box .list>li:hover { background-color:#64d4ff; }



#ft .sns { text-align:center; margin-bottom:31px; }
#ft .sns a { display:inline-block; margin:0 4px; }

#ft address { background-repeat:no-repeat; background-position:center top; background-image:url('../img/common/logo_white.png'); padding-top:90px; font-size:14px; line-height:24px; color:#a3a3a4; text-align:center; }
#ft address p { }
#ft address span { position:relative; display:inline-block; padding:0 16px 0 14px; }
#ft address span:after { position:absolute; right:0; top:50%; display:block; width:1px; height:12px; background-color:#989899; transform:translateY(-50%); content:""; }
#ft address span:last-child:after { display:none; }

/* 브랜드 어워드 */
.bnr_awarded { background-color:#fff; text-align:center; border-top:1px solid #e7e7e7; }



/* wing-menu */
#wing-menu { position:fixed; right:0; top:0; display:block; width:64px; height:100%; background-color:#21201e; z-index:9; transition:width 0.2s; overflow:hidden; }
#wing-menu .btn-inq { display:block; background-color:#af130c; padding-top:95px; height:273px; box-sizing:border-box; cursor:pointer; }
#wing-menu .btn-inq .dt { display:block; font-size:18px; line-height:1.35; font-weight:700; padding:45px 10px 0 10px; color:#fff; background-repeat:no-repeat; background-position:center top; background-image:url('../img/icon/ic_inq.png'); text-align:center; }
#wing-menu .btn-inq .dd { display:block; font-size:16px; line-height:1.35; color:#fff; display:none; }

#wing-menu .inq-menu { margin-bottom:195px; }
#wing-menu .inq-menu li { border-bottom:1px solid #41403e; font-size:16px; font-weight:400; background-repeat:no-repeat; background-position:center;  font-family: 'Noto Sans KR', sans-serif; }
#wing-menu .inq-menu li a { display:block; height:63px; line-height:63px; color:#999488; }
#wing-menu .inq-menu li:hover { background-color:#000000; }
#wing-menu .inq-menu li a span { display:none; }
#wing-menu .inq-menu li.m1 { background-image:url('../img/icon/ic_inq01.png'); }
#wing-menu .inq-menu li.m2 { background-image:url('../img/icon/ic_inq02.png'); }
#wing-menu .inq-menu li.m3 { background-image:url('../img/icon/ic_inq03.png'); }
#wing-menu .inq-menu li.m4 { background-image:url('../img/icon/ic_inq04.png'); }
#wing-menu .inq-menu li.m5 { background-image:url('../img/icon/ic_inq05.png'); }

#wing-menu .sns { position:relative; width:100%; margin-bottom:50px; }
#wing-menu .sns li { text-align:center; margin-bottom:10px; }
#wing-menu .sns li a { font-size:16px; line-height:1.25; font-weight:400; font-family: 'Noto Sans KR', sans-serif; color:#999488; }
#wing-menu .sns li .text { position:relative; width:190px; left:50%; transform:translateX(-50%);  display:block; text-align:center; margin-top:10px; display:none; }
#wing-menu .sns li.facebook { display:none; }
#wing-menu .btn-top { position:absolute; left:0; bottom:50px; display:block; width:100%; height:36px; margin:0 auto; background-repeat:no-repeat;  background-image:url('../img/icon/ic_top.png'); background-position:center; margin:0 auto; color:transparent; font-size:0; cursor:pointer; }

/* hover */
#wing-menu:hover { width:191px; }
#wing-menu:hover .btn-inq .dt br { display:none; }
#wing-menu:hover .btn-inq { padding-left:25px; }
#wing-menu:hover .btn-inq .dt { width:166px; font-size:22px; padding:45px 0 0 0; text-align:left; background-position:left top; }
#wing-menu:hover .btn-inq .dd { width:166px; display:block; margin-top:20px; }
#wing-menu:hover .inq-menu li { background-position:27px center; }
#wing-menu:hover .inq-menu li a { padding-left:65px; }
#wing-menu:hover .inq-menu li a span { display:block; width:126px; }
#wing-menu:hover .sns li.facebook { display:block; }
#wing-menu:hover .sns li .text { display:block; }


/* 검색 결과
* * * * * * * * * * * * * * * * * * * * * * * * * * */
#search-result { }
#search-result h3.h3 { padding-top:50px; }
#search-result h3.h3 span { font-weight:300; }
#search-result h3.h3 em { color:#e60012; }
#search-result .tab-menu { margin-bottom:35px; }
#search-result .result-hd { font-size:30px; line-height:1.3; font-weight:700; margin-bottom:20px; }
#search-result .result-hd .count { display:inline-block; font-size:16px; line-height:1.35;color:#fd5252; margin-left:15px; padding-top:7px; font-family: 'Noto Sans KR', sans-serif; font-weight:400; }
#search-result .div_empty { text-align:center; line-height:200px; }
/*
#search-result .list-gallery li .itembx { min-height:610px; height:auto !important; height:610px; }
*/



/* 알림
* * * * * * * * * * * * * * * * * * * * * * * * * * */
#news .contents { width:1400px; }
#news h3.h3 { padding:50px 0 25px 0; margin-bottom:70px; border-bottom:2px solid #000000; }
#news h3.h3 span { font-weight:300; }
#news h3.h3 em { color:#e60012; }

#new-list .grid-item { margin-bottom:18px; }
#new-list .nbox { border:1px solid #e3e3e3; padding:40px 28px; border-radius:10px; }
#new-list .nbox .n-hd { position:relative; margin-bottom:15px; }
#new-list .nbox .n-hd .title { font-size:20px; line-height:1.4; color:#030303; font-weight:700; }
#new-list .nbox .n-hd .date { position:absolute; right:0; top:0; color:#999999; font-size:16px; line-height:1.4; }
#new-list .nbox .n-hd .date span { display:inline-block; margin-left:10px; }
#new-list .nbox .n-hd .date .unconfirmed { color:#fc0651 }
#new-list .nbox .img { margin-bottom:30px; overflow:hidden;  }
#new-list .nbox .subject { font-size:20px; line-height:1.35; font-weight:700; color:#030303; margin-bottom:10px; }
#new-list .nbox .conts { font-size:16px; line-height:1.35; color:#474747; }