﻿@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,400,500');

/*
@import url('http://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif');
@import url('https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Rufina');
*/
@font-face {
    font-family: 'DemiLight';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-DemiLight-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Thin-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Light-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Regular-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Medium-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Bold-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Black-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Black-Hestia.otf) format('opentype');
}
*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll; font-family:"Noto Sans KR", "나눔고딕","NanumGothic",'Nanum Gothic',"돋움",dotum,sans-serif; -webkit-font-smoothing: antialiased;}
body{*word-break:break-all;-ms-word-break:break-all; font-family:"Noto Sans KR", "나눔고딕","NanumGothic",'Nanum Gothic',"돋움",dotum,sans-serif;webkit-text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important;}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{color:#555;font-family:"Noto Sans KR", "나눔고딕","NanumGothic",'Nanum Gothic',"돋움",dotum,sans-serif;font-size:13px;font-weight:normal}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}
table {border-collapse: collapse; border-spacing: 0;}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:inherit;text-decoration:none;cursor:pointer}
a:hover{color:inherit; text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
textarea{overflow:auto;*margin:-1px 0;padding-right:1px}
.blind, legend, caption{
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
sub {font-size:10px;}
.clear:after {clear:both;content:'';display:block;}
#bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;z-index:1001;}
div.ie_alert_text {display:none;position: fixed;top: 0;left: 0;width: 100%;height: 50px;background: #ddd;z-index: 10000;text-align: center;padding-top: 10px;font-size: 13px;font-family: 'Noto Sans KR', sans-serif;}
#skip-nav {font-size: 16px;line-height: 40px;position: fixed;z-index: 100000;top: -40px;left: 0;width: 100%;-webkit-transition: .4s;transition: .4s;text-align: center;color: #fff;background: rgba(0,0,0,.6);}
#skip-nav:focus{top:0}

/* module --------------------------------------------------------------------------------------------------------------------*/
/* ye_rin@designpixel.kr */
/* -------- 수정시 재선언하시거나 해당 클래스명을 지워주세요 -------- */
/* con */
[class*="con-"][class*="-1000"]{width: 1000px;margin:0 auto;}
[class*="con-"][class*="-1100"]{width: 1100px;margin:0 auto;}
[class*="con-"][class*="-1200"]{width: 1200px;margin:0 auto;}
[class*="con-"][class*="-1300"]{width: 1300px;margin:0 auto;}
[class*="con-"][class*="-1400"]{width: 1400px;margin:0 auto;}
[class*="con-"][class*="-1500"]{width: 1500px;margin:0 auto;}
[class*="m-"][class*="-width1"]{width: 93%;margin:0 auto;}

/* text */
[class*="text-"][class*="-center"]{text-align:center;}
[class*="text-"][class*="-left"]{text-align:left;}

/* lang ko en */
#container [lang="ko"]{font-family:"Noto Sans KR", "나눔고딕","NanumGothic",'Nanum Gothic',"돋움",dotum,sans-serif !important;}
#container [lang="en"]{font-family:'Montserrat', sans-serif !important;}
/* margin-top 0 5 10 15 20 ··· 150 */
.mt00{margin-top:0px !important;}.mt05{margin-top:5px !important;}.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}.mt30{margin-top:30px !important;}.mt35{margin-top:35px !important;}.mt40{margin-top:40px !important;}.mt45{margin-top:45px !important;}.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}.mt60{margin-top:60px !important;}.mt65{margin-top:65px !important;}.mt70{margin-top:70px !important;}.mt75{margin-top:75px !important;}.mt80{margin-top:80px !important;}.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}.mt105{margin-top:105px !important;}.mt110{margin-top:110px !important;}.mt115{margin-top:115px !important;}.mt120{margin-top:120px !important;}
.mt125{margin-top:125px !important;}.mt130{margin-top:130px !important;}.mt135{margin-top:135px !important;}.mt140{margin-top:140px !important;}.mt145{margin-top:145px !important;}.mt150{margin-top:150px !important;}
/* margin-bottom 0 5 10 15 20 ··· 150 */
.mb00{margin-bottom:0px !important;}.mb05{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px !important;}.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}.mb60{margin-bottom:60px !important;}.mb65{margin-bottom:65px !important;}.mb70{margin-bottom:70px !important;}.mb80{margin-bottom:80px !important;}.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}.mb105{margin-bottom:105px !important;}.mb110{margin-bottom:110px !important;}.mb115{margin-bottom:115px !important;}.mb120{margin-bottom:120px !important;}
.mb125{margin-bottom:125px !important;}.mb130{margin-bottom:130px !important;}.mb135{margin-bottom:135px !important;}.mb140{margin-bottom:140px !important;}.mb145{margin-bottom:145px !important;}.mb150{margin-bottom:150px !important;}
/* padding-top 0 5 10 15 20 ··· 150 */
.pt00{padding-top:0px !important;}.pt05{padding-top:5px !important;}.pt10{padding-top:10px !important;}.pt15{padding-top:15px !important;}.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}.pt30{padding-top:30px !important;}.pt35{padding-top:35px !important;}.pt40{padding-top:40px !important;}.pt45{padding-top:45px !important;}.pt50{padding-top:50px !important;}
.pt55{padding-top:55px !important;}.pt60{padding-top:60px !important;}.pt65{padding-top:65px !important;}.pt70{padding-top:70px !important;}.pt80{padding-top:80px !important;}.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}.pt105{padding-top:105px !important;}.pt110{padding-top:110px !important;}.pt115{padding-top:115px !important;}.pt120{padding-top:120px !important;}
.pt125{padding-top:125px !important;}.pt130{padding-top:130px !important;}.pt135{padding-top:135px !important;}.pt140{padding-top:140px !important;}.pt145{padding-top:145px !important;}.pt150{padding-top:150px !important;}
/* padding-bottom 0 5 10 15 20 ··· 150 */
.pb00{padding-bottom:0px !important;}.pb05{padding-bottom:5px !important;}.pb10{padding-bottom:10px !important;}.pb15{padding-bottom:15px !important;}.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}.pb30{padding-bottom:30px !important;}.pb35{padding-bottom:35px !important;}.pb40{padding-bottom:40px !important;}.pb45{padding-bottom:45px !important;}.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}.pb60{padding-bottom:60px !important;}.pb65{padding-bottom:65px !important;}.pb70{padding-bottom:70px !important;}.pb80{padding-bottom:80px !important;}.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}.pb105{padding-bottom:105px !important;}.pb110{padding-bottom:110px !important;}.pb115{padding-bottom:115px !important;}.pb120{padding-bottom:120px !important;}
.pb125{padding-bottom:125px !important;}.pb130{padding-bottom:130px !important;}.pb135{padding-bottom:135px !important;}.pb140{padding-bottom:140px !important;}.pb145{padding-bottom:145px !important;}.pb150{padding-bottom:150px !important;}

/* module --------------------------------------------------------------------------------------------------------------------*/
body.loading {
    position: fixed;
    overflow: hidden;
    height: 100%;
}
/* contents */
#wrap, #contents {width:100%;position: relative;min-width: 320px;overflow:hidden;}

/* header */
#wrap header{width:100%;background:#fff}
#wrap header div.header_top{width:1200px;margin:0 auto;box-sizing:border-box;height:106px;overflow:hidden}
#wrap header div.top_util{border-bottom:1px solid #dcdcdc;background:#f5f5f5}
#wrap header div.top_util ul{width:1200px;margin:0 auto;text-align:right;font-size:0}
#wrap header div.top_util ul li{display:inline-block;vertical-align:top;font-family:'Montserrat';font-size:12px;font-weight:500;line-height:29px;text-align:right;color:#000}
#wrap header h1.logo{display:inline-block;vertical-align:top;line-height:75px;position:relative}
#wrap header #h_navi_btn{background:0;border:0;outline:0;display:block;position:absolute;top:50%;right:-30px;margin-top:-10px;align-items:unset;transition:.1s}
#wrap header #h_navi_btn.on{transform:rotate(180deg)}
#wrap header #h_navi_btn img{height:20px;left:0}
#wrap header h1.logo a{display:block}
#wrap header .logo_wrap{text-align:center}
#wrap header h1.logo a img{height: 25px;}
#wrap header div.search_wrap{display:inline-block;vertical-align:top;margin-left:50px}
#wrap header div.search_wrap a:hover{opacity:.8;transition:.2s}
#wrap header nav.header_util{background:#f5f5f5;display:none}
#wrap header nav.header_util ul li{width:33.33%;box-sizing:border-box;flex-basis:33.33%;border-right:1px solid #e5e5e5;border-bottom:1px solid #dcdcdc;padding:10px 0}
#wrap header nav.header_util ul li img{height:40px}
#wrap header nav.header_util ul li:nth-child(3n){border-right:0}
#wrap header nav.header_util ul{text-align:center;display:flex;flex-wrap:wrap;border-top:1px solid #dcdcdc}
#wrap header div.top_util ul li + li{margin-left:22px}
#wrap header #main_nav{background:#f5f5f5}
#wrap header #main_nav ul{font-size:0;text-align:center}
#wrap header #main_nav ul li a{font-size:17px;font-weight:400;line-height:50px;letter-spacing:-.3px;color:#000;display:block;position:relative}
#wrap header #main_nav ul li a:before{content:'';position:absolute;bottom:-1px;left:-5px;height:3px;background:#000;right:-5px;opacity:0}
#wrap header #main_nav ul li.on a:before{opacity:1}
#wrap header #main_nav ul li a span[lang*='en']{font-family:'Montserrat';font-weight:600;letter-spacing:-.8px}
#wrap header #main_nav ul li{display:inline-block;vertical-align:top}
#wrap header #main_nav ul li + li{margin-left:27px}
header .search{background:url(../img/common/category_search_bg.jpg)}
header .search .tit1{font-family:'Montserrat';color:#fff;font-weight:500;font-size:18px;line-height:18px;letter-spacing:-.4px}
header .search .tit2{color:#fff;font-size:30px;line-height:30px;font-weight:400;letter-spacing:-1px;margin-top:12px}
header .search .input{font-size:0}
header .search .input input{display:inline-block;vertical-align:top;height:45px;box-sizing:border-box;border:0;outline:0;width: 191px;padding-left:10px;padding-right:10px;font-size:17px;border:1px solid #dcdcdc;border-left:0;-webkit-border-radius: 0;border-radius: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
header .search .input button{display:inline-block;vertical-align:top;border:0;outline:0;background:none;border:1px solid #fff;height:45px;box-sizing:border-box;width:45px;border-left:0}
header .search .select_wrap{display:flex;justify-content:center;padding:15px 0;height:75px;box-sizing:border-box;width: 326px;margin: 0 auto;}
header .search .input button img{width:17px;display:block;margin:0 auto;padding-left:5px}
header .search .tit2:after{width:20px;height:2px;background:#fff;content:'';display:block;margin-top:25px;margin-bottom:25px}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url(../img/common/select_arrow_btn.jpg) no-repeat top calc(50% + 1px) right 10px/17px auto;-webkit-border-radius: 0;border-radius: 0;}
select::-ms-expand{display:none}
.select_wrap select{width:90px;height:45px!important;border:0;padding-left:8px;font-size:15px;color:#333;letter-spacing:-.2px;border:1px solid #dcdcdc}
.select_wrap select option{font-size:15px}

/* footer */
#wrap footer{min-width:320px;background: #252525;padding:35px 0 16px;margin:0 auto;position:relative;}
#wrap footer div.wrap{margin:0 auto;position:relative;width:93%}
#wrap footer div.footer_top #foot_nav ul.list{font-size:0}
#wrap footer div.footer_top #foot_nav ul.list > li{width:255px;display:inline-block;vertical-align:top}
#wrap footer div.footer_top #foot_nav ul.list > li > a{font-size:20px;font-weight:400;line-height:1.3;letter-spacing:-.2px;color:rgba(255,255,255,0.9);margin-bottom:15px;display:inline-block;vertical-align:top}
#wrap footer div.footer_top #foot_nav ul.sub_list > li{font-size:16px;font-weight:200;line-height:1.3;letter-spacing:-.4px;color:#fff;opacity:.6}
#wrap footer div.footer_top #foot_nav ul.sub_list > li + li{margin-top:10px}
#wrap footer div.footer_top{display:flex;justify-content:space-between;margin-bottom:22px}
#wrap footer div.footer_top #foot_nav{display:inline-block;vertical-align:top;width:765px}
#wrap footer div.wrap div.foot_select_site{width:185px;position:relative}
#wrap footer div.wrap div.foot_select_site:after{content:'';clear:both;display:block}
#wrap footer div.wrap div.foot_select_site h2{width:100%;height:45px;text-align:left;line-height:42px;border:1px solid #fff;box-sizing:border-box;font-size:15px;font-weight:300;color:#fff;position:relative}
#wrap footer div.wrap div.foot_select_site h2 a{display:block;padding:0 12px;box-sizing:border-box}
#wrap footer div.foot_privacy ul.list{font-size:0;text-align:center}
#wrap footer div.foot_privacy ul.list li{font-size:17px;font-weight:400;line-height:1;letter-spacing:-.2px;color:#fff;opacity:.9;display:inline-block;vertical-align:top;position:relative}
#wrap footer div.foot_privacy ul.list li + li{margin-left:30px}
#wrap footer div.foot_privacy ul.list li + li:before{content:'';position:absolute;top:2px;left:-15px;width:1px;height:15px;background:#d7d7d7}
#wrap footer div.foot_privacy:after{content:'';display:block;clear:both}
#wrap footer div.foot_info{margin-top:15px}
#wrap footer div.foot_logo img{width:45px}
#wrap footer div.foot_privacy{border-top: 1px solid #434343;border-bottom: 1px solid #434343;padding:18px 0;}
#wrap footer div.foot_info dl{font-size:0;margin-bottom:5px}
#wrap footer div.foot_info dl dt{width:95px;display:inline-block;vertical-align:top}
#wrap footer div.foot_info dl dd{width:calc(100% - 95px);display:inline-block;vertical-align:top;margin-bottom:12px}
#wrap footer div.foot_info dl > *{font-size:13px;font-weight:200;line-height:1.7;letter-spacing:-.4px;color:#fff;opacity:.4}
#wrap footer div.foot_info small.copy{font-family:'Montserrat';font-size:10px;font-weight:200;line-height:1;letter-spacing:-.2px;color:rgba(255,255,255,0.4);display:block;border-top: 1px solid #434343;text-align:center;padding-top:15px;}
#wrap footer div.wrap div.foot_select_site ul.list{position:absolute;bottom:100%;left:0;background: #252525;width:100%;z-index:10;text-align:left;font-size:15px;border:1px solid #fff;border-bottom:none;box-sizing:border-box;display:none;}
#wrap footer div.wrap div.foot_select_site ul.list li{padding:11px 0;padding-left:12px;color:#fff;font-weight:300;box-sizing:border-box}
#wrap footer div.wrap div.foot_select_site ul.list li a{display:block}
#wrap footer div.wrap div.foot_select_site ul.list li + li{border-top: 1px solid #434343;}
#wrap footer div.wrap div.foot_select_site h2:before{content:'';border:8px solid #fff;border-bottom:transparent;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;top:50%;right:11px;margin-top:-4px;opacity:.8;transition:.3s .15s cubic-bezier(0.2,1.1,0.49,1.26)}
#wrap footer div.wrap div.foot_select_site h2.on:before{transform:rotate(180deg)}

/* pager */
.m00 .pager{margin: 40px 0 70px;}
.m00 .pager ul{text-align:center;font-size:0}
.m00 .pager ul li{display:inline-block;width: 35px;height: 35px;font-size: 15px;line-height: 34px;border:1px solid #dcdcdc;vertical-align:top;box-sizing: border-box;}
.m00 .pager ul li a{display:block}
.m00 .pager ul li a img{width: 34px;vertical-align:top;}
.m00 .pager ul li.prev{margin-right: 9px;border-left:none;}
.m00 .pager ul li.next{margin-left: 9px;border-right:none;}
.m00 .pager ul li.num + li.num{border-left:none}
.m00 .pager ul li.num{color:rgba(0,0,0,0.5);font-family:'Montserrat';font-weight:500}
.m00 .pager ul li.num.on{border-bottom:2px solid #3c1c57;color:#3c1c57;font-weight:600;height: 34px;}


/* 햄버거 버튼 */
.bar {position:absolute;top: 26px;left: 15px;width: 25px;height: 23px;z-index:1000;cursor:pointer;}

.bar.close {
    left: auto;
    right: 20px;
}
.menu-trigger,
	.menu-trigger span {display : inline-block; box-sizing : border-box; cursor:pointer}
.menu-trigger {position: absolute;width: 100%;height: 100%;margin: 0 auto;top: 0;left: 0;}
.menu-trigger span {position : absolute;width : 100%;height: 3px;background-color: #222;}
.menu-trigger span.l1{top : 0px;left : 0;}
.close .menu-trigger span.l1 {top: 10px;transform: rotate(45deg);}

.close .menu-trigger span.l2 {
    display: none;
}

.close .menu-trigger span.l3 {
    transform: rotate(-45deg);
    top: 10px;
}
.menu-trigger span.l2{top: 10px;left : 0;width: 20px;}
.menu-trigger span.l3{bottom : 0px; left : 0;}
#header.on .menu-trigger span {background:#ffffff;}

/* 라인이 하나로 합쳐졌다가 엑스자 만들기 */
.open .menu-trigger span.l1 {animation : menu-bar01 .75s forwards;}
@keyframes menu-bar01 {
	0% {transform : translateY(8.5px) rotate(45deg);}
	50% {transform : translateY(8.5px) rotate(0);}
	100% {transform : translateY(0) rotate(0);}
}
.menu-trigger span.l2 {transition : all .25s; opacity : 1;}
.open .menu-trigger span.l3 {animation : menu-bar02 .75s forwards;}
@keyframes menu-bar02 {
	0% {transform : translateY(-9px) rotate(-45deg);}
	50% {transform : translateY(-9px) rotate(0);}
	100% {transform : translateY(0) rotate(0);}
}



/* video popup */
#video-popup{display:none;position:fixed;top:50%;left:50%;z-index:2000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#video-popup .popup-close{text-align:right;margin-bottom:10px;cursor:pointer}
#video-popup iframe{width:854px!important;height:480px!important}

/* popup */
.pop_today_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}
.pop_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/*로딩 이미지*/
#loading_img{text-align:center;display:none;width:100%;margin:10px 0px 10px 0px;}

.drawer_list ul.list{border:1px solid #dcdcdc;box-sizing:border-box;border-top:0}
.drawer_list ul.list > li button.sbj{background:#f5f5f5;font-size: 20px;color:#333;letter-spacing:-1px;line-height: 65px;padding-left: 20px;box-sizing:border-box;outline: 0;display: block;width: 100%;border: 0;text-align: left;border-top: 1px solid #dcdcdc;font-family: inherit;font-weight: inherit;position: relative;}

.drawer_list ul.list > li button.sbj:before {content: '';position: absolute;top: 27px;right: 20px;width: 20px;height: 12px;background: url(../img/common/i_cate_arrow.png) no-repeat;transition: .4s;}

.drawer_list ul.list > li button.sbj.null:before {
    display: none;
}

.drawer_list ul.list > li button.sbj.on:before {
transform: rotate(180deg);
}
.drawer_list ul.list > li ul.sub_list{padding: 20px 0 30px;padding-left: 20px;box-sizing:border-box;border-top: 1px solid #dcdcdc;display: none;}
.drawer_list ul.list > li ul.sub_list li{position:relative}
.drawer_list ul.list > li ul.sub_list li:before{background:#3c1c57;width:5px;height:2px;display:inline-block;vertical-align:middle;content:'';margin-right: 5px;margin-bottom:2px;}
.drawer_list ul.list > li ul.sub_list li + li{margin-top: 12px;}
.drawer_list ul.list > li ul.sub_list li a{font-size: 16px;line-height: 16px;font-weight: 400;color:#666;letter-spacing:-.6px;display: inline-block;transition: .2s;}
.drawer_list ul.list > li ul.sub_list li a:hover {transform: translateX(4px); text-decoration: underline;}
.drawer_list .call{background: url(../img/common/category_call_bg.jpg);box-sizing:border-box;height: 152px;position:relative;z-index:0;padding: 25px 20px 0;}
.drawer_list .call:before{content:'';width:100%;height:100%;background: url(../img/common/category_call_icon.png) no-repeat left 20px top 35px /36px auto;position:absolute;top:0;left:0;z-index:-1;}
.drawer_list .call .tit1{color:#fff;font-size: 14px;line-height: 14px;letter-spacing: -.1px;text-indent: 44px;}
.drawer_list .call a.tel{font-family:'Montserrat';color:#fff;font-size:54px;line-height:54px;font-weight:500;letter-spacing:-.5px}
.drawer_list .call .txt1{font-size: 14px;font-weight: 500;line-height: 39px;height: 40px;background: #fff;text-align:center;border-top:1px solid rgba(255,255,255,0.2);margin-top: 15px;}
.drawer_list .call .txt2 {
    font-size: 27px;
    line-height: 27px;
    color: #fff;
    letter-spacing: -1px;
    font-family: 'Montserrat', 'Noto Sans KR';
    font-weight: 500;
    margin-top: 8px;
    text-indent: 44px;
}
#drawer_wrap {
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 1010;
    background: #fff;
    width: 300px;
    height: 100%;
    transition: .6s;
}

#drawer_wrap.on {
    left: 0;
}

#drawer_wrap .drawer_list {
    overflow-y: scroll;
    height: calc(100% - 75px);
}
#drawer_wrap .drawer_logo {
    height: 75px;
    margin-left: 20px;
    line-height: 75px;
}

#drawer_wrap .drawer_logo img {
    height: 25px;
}

.content .inner > section .tit_box{border-bottom:1px solid #dcdcdc;padding-bottom: 15px;overflow:hidden;}
.content .inner > section .tit_box h2.tit1{color:#3c1c57;text-transform:uppercase;font-weight:600;font-size: 26px;line-height: 26px;letter-spacing: -.4px;float:left;}
.content .inner > section .tit_box h2.tit1 span[lang*='en'] {font-family: 'Montserrat';font-size: 27px;line-height: 27px;letter-spacing: -.8px;}
.gallery-style1 .tit_box a.more{float:right;font-size:15px;letter-spacing:-.2px;color:#010101;font-weight:500;line-height: 28px;}
.gallery-style1 div.list{margin-top:30px;display: flex;flex-wrap: wrap;margin-bottom: 50px;}
.gallery-style1 div.list div.item{
    width: calc(50% - 5px);
    flex-basis: calc(50% - 5px);
    margin-right: 10px;
}

.gallery-style1 div.list div.item:nth-child(2n) {
    margin-right: 0;
}
.gallery-style1 div.list div.item .img{width: 100%;height: 0;box-sizing:border-box;border:1px solid #dcdcdc;padding-bottom: 88%;overflow: hidden;position: relative;}

.gallery-style1 div.list div.item .img img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.gallery-style1 div.list div.item .tit1{font-size:17px;letter-spacing:-.4px;text-align:center;color:#666;margin-top: 12px;line-height: 1.15;}
.gallery-style1 div.list div.item .price{font-size:17px;letter-spacing:-.4px;text-align:center;color:#666;display:block;line-height:17px;padding-bottom: 12px;margin-top: 4px;}
.gallery-style1 div.list div.item .tag{text-align:center;font-size:0;padding-bottom: 20px;}
.gallery-style1 div.list div.item .tag span{display:inline-block;vertical-align:top;width:30px;height: 16px;color:#fff;text-transform:uppercase;font-size: 11px;background:#ddd;letter-spacing:-.2px;font-weight:300;line-height: 16px;}
.gallery-style1 div.list div.item .tag span.new{background:#d53c39}
.gallery-style1 div.list div.item .tag span.hit{background:#ffb200}
.gallery-style1 div.list div.item .tag span + span{margin-left:4px}
.gallery-style1 .btn{text-align:center;margin-top: 25px;margin-bottom: 70px;}
.gallery-style1 .btn a{display:inline-block;vertical-align:top;color:#fff;background:#3c1c57;width: 185px;height: 45px;line-height: 45px;font-family:'Montserrat';font-size:20px;font-weight:500;}
.gallery-style1 .body{padding: 70px 0 40px;border-bottom:1px solid #dcdcdc;margin-bottom: 25px;font-size: 14px;}
.gallery-style1 .body img{max-width:100%!important;margin:0 auto!important;display:block}

.e_ {
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   word-wrap: break-word;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   display: -webkit-box;
}