@charset "utf-8";
@import url('./font.css');

*{margin:0;padding:0;}
html,body{width:100%;height:100%; font-size:62.5%;}
html{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:100%;font-weight:normal}
br{font-family:initial;} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,svg {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}
input{-webkit-appearance: none; -webkit-border-radius: 0;}
a{color:inherit;text-decoration:none;cursor:pointer}
a:hover{color:inherit; text-decoration:none}
button,label{cursor:pointer;}
button{background:0;border:0;outline:0;font-size:inherit;font-weight:inherit;font-family:inherit}
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.56);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}
.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}
.slick-list,.slick-track,.slick-slide{outline:0;}

/* module --------------------------------------------------------------------------------------------------------------------*/
/* ye_rin@designpixel.kr */
/* -------- 수정시 재선언하시거나 해당 클래스명을 지워주세요 -------- */

/* con */
[class*="m-"][class*="-width1"]{width: 93%;margin:0 auto;}

#wrap *{box-sizing:border-box;}
[class*="con-"][class*="-inner2"]{width: 100%; max-width:800px; padding: 0 20px;margin:0 auto;}
/* 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;}.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 --------------------------------------------------------------------------------------------------------------------*/

/* container */
#wrap, #container {width:100%; height:100%; position: relative;}
#contents {position:relative;padding-top: 68px;}

#wrap .main_wrap{position: fixed;width:100%;background:#ffffff;border-bottom: 1px solid #d9d9d9;height: 68px;box-sizing: border-box;z-index: 1000;}
#wrap .main_wrap h1.logo { margin-left:20px; position:relative; display: inline-block; vertical-align: top; line-height: 68px; height: 68px;}
#wrap .main_wrap h1.logo img{width:68%;}
#wrap .main_wrap div.inner {
    width:100%;
	height: 68px;
    margin: 0 auto;
    font-size: 0;
}

#main_nav {position: fixed; top:0; right:0; background:rgba(0,0,0,0.6); width:100%; height: 100vh; z-index:1000; font-family: 'Montserrat','Noto Sans KR',sans-serif;display:none;}
#main_nav:after{display:block; clear:both; content:"";}
#main_nav .main_nav_inner_wrap{width:75%; height:100%; background:#fff; z-index:1001; float:right;padding: 0 20px;}
#main_nav .main_nav_inner_wrap .nav_header{position:relative;width: 100%; height:68px; margin:0 auto; border-bottom: 1px solid #dddddd;}
#main_nav .main_nav_inner_wrap .nav_logo{position: relative;width: auto;height: 100%;display: flex;flex-wrap: wrap;align-items: center;}
#main_nav .main_nav_inner_wrap .nav_logo a{ display: inline-block;}
#main_nav .main_nav_inner_wrap .nav_logo img{display:inline-block; width: 68%;}
#main_nav .main_nav_inner_wrap .dep1{width: 100%;  margin:0 auto; z-index:1002;}
#main_nav .main_nav_inner_wrap .dep1 > li{font-size: 17px;  border-bottom:1px solid #dddddd;}
#main_nav .main_nav_inner_wrap .dep1 > li > a{height: 60px;display: flex;flex-wrap: wrap;align-items: center;font-weight: 600;color: #000;padding: 0 20px;}
#main_nav .main_nav_inner_wrap .dep2 { border-top:1px solid #dddddd;padding: 0 20px;}
#main_nav .main_nav_inner_wrap .dep2 li{border-bottom: 1px solid #dddddd;width: 100%; height: 50px;margin:0 auto;}
#main_nav .main_nav_inner_wrap .dep2 li:last-child{border:none;}
#main_nav .main_nav_inner_wrap .dep2 li a{font-weight: 500;font-size: 14px;color: #888;display: flex;flex-wrap: wrap;align-items: center;height: 100%;width: 100%;}

/*  m11 select*/
.popup01{display:none;}
.popup02{display:none;}
.vehicle_popup{position:fixed; top:0; right:0; width:100%; height:100%; background:#fff; z-index:9999;}
.vehicle_popup .vehicle_head{position:relative; top:0; width:100%; height:68px; background:#f6f6f6;}
.vehicle_popup .vehicle_head .tit{width:100%; background:url(/m/img/page/arr_left_1.png) no-repeat left 20px center; background-size:20px; text-align:center; height:68px; font-family: 'Montserrat'; line-height:68px; font-size:18px; font-weight:600; color:#000;}
.vehicle_popup .vehicle_body{position:relative; top:0; width:100%; height:100%; background:#fff;  overflow-y:scroll;}
.vehicle_popup .vehicle_body .type{width:100%; position:relative; margin-bottom:100px;}
.vehicle_popup .vehicle_body .type span{font-size:15px; margin-left:40px; display:block;}
.vehicle_popup .vehicle_body .select_list01 li{width:100%;height:80px; box-sizing: border-box;padding: 0 20px;border-bottom:1px solid #e5e5e5;}
.vehicle_popup .vehicle_body .select_list02 li{width:100%;height: 100px; box-sizing: border-box;padding: 0 20px;border-bottom:1px solid #e5e5e5;overflow:hidden;}
.vehicle_popup .vehicle_body .select_list02 img {
    width: 117px;
    position: relative;
    top: 0;
    left: 36px;
    display: block;
    float: left;
    vertical-align: top;
}
.vehicle_popup .vehicle_body .select_list02 span {
    display: block;
    float: left;
    height: 100%;
    line-height: 110px;
    position: relative;
    left: 8px;
    font-size: 13px;
}
.vehicle_popup .vehicle_body .select_list01 span { line-height: 80px;}
.vehicle_popup .type input[type="radio"] {position: relative;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.vehicle_popup .select_list01.type input[type="radio"] + label {font-size:15px;font-family: 'Montserrat';font-weight:600;display: block;cursor: pointer;height: 80px;width: 100%;position: relative;top: -15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.vehicle_popup .select_list02.type input[type="radio"] + label {font-size:15px;font-family: 'Montserrat';font-weight:600;display: block;cursor: pointer;height: 100px;width: 100%;position: relative;display: flex;flex-wrap: wrap;top: -15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.vehicle_popup .select_list01.type input[type="radio"] + label:before {content: '';position: absolute;display: block;float: left;left: 0;top: 30px;width: 21px;height: 21px;text-align: center;background: #fff;border: 1px solid #cacece;border-radius: 100%;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.vehicle_popup .select_list02.type input[type="radio"] + label:before {content: '';position: absolute;display: block;float: left;left: 0;top: 42px;width: 21px;height: 21px;text-align: center;background: #fff;border: 1px solid #cacece;border-radius: 100%;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.vehicle_popup .type input[type="radio"] + label:active:before, .select_list input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.vehicle_popup .type input[type="radio"]:checked + label:before {background: #fff;border-color: #adb8c0;float: left;}
.vehicle_popup .select_list01.type input[type="radio"]:checked + label:after {content: '';position: absolute;top: 35px;left: 5px;width: 13px;height: 13px;background: #000;border-radius: 100%;box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);}
.vehicle_popup .select_list02.type input[type="radio"]:checked + label:after {content: '';position: absolute;top: 47px;left: 5px;width: 13px;height: 13px;background: #000;border-radius: 100%;box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);}
/* footer */
#wrap footer {background: #000; margin:0 auto;position:relative; width:100%;}
#wrap footer div.wrap {width: 93%; margin:0 auto; position:relative; overflow:hidden; padding: 25px 0;text-align: center;}
#wrap footer div.wrap h1.foot_logo {
margin:0 auto;
width: 92px;
margin-bottom: 12px;
}
#wrap footer div.wrap h1.foot_logo img{width: 100%;}
#wrap footer div.wrap .copy {
    font-size: 1.2rem;
    font-family: 'Montserrat';
    opacity: 0.3;
    color: #fff;
	display:block;
	text-align:center;
	width:100%;
	position:relative;
	margin:0 auto;
	letter-spacing: -1px;
}


/* 햄버거 버튼 */
.bar{position:absolute;top: 16px;right: 20px;width: 30px;height: 40px;z-index:1000;cursor:pointer;}
.menu-trigger,.menu-trigger span {display : inline-block; box-sizing : border-box; cursor:pointer}
.menu-trigger {position: absolute;width: 24px;height: 16px;margin: 0 auto;top: 50%;margin-top: -9px;left: 50%;margin-left: -11px;}
.menu-trigger span {position : absolute; width : 100%; height : 2px; background-color : #000;}
.menu-trigger span.l1{top : 0px;left : 0;}
.menu-trigger span.l2{top: 7px;left : 0;}
.menu-trigger span.l3{bottom : 0px; left : 0;}
.menu-trigger span.l1.on{transform: translateY(7.5px) rotate(-45deg);transition-delay: 0.5s;transition:all 0.5s;}
.menu-trigger span.l2.on{opacity: 0; transition:all 0.5s;}
.menu-trigger span.l3.on{transform: translateY(-6px) rotate(45deg);transition-delay: 0.5s;transition:all 0.5s;}

/* 라인이 하나로 합쳐졌다가 엑스자 만들기 */



.paging{margin-top: 45px;text-align:center;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.paging > *{display: inline-block;min-width: 13px;height: 20px;font-size: 1.3rem;color: #000;font-weight: 300;margin: 0 9px;line-height: 0.8;font-family: 'Montserrat',sans-serif;}
.paging strong{color: #001559;border-bottom: 3px solid #001559;font-weight: 600;}
.paging .page_begin{background: url(../images/common/paging_first.png)no-repeat center top;margin-left: 0;width: 20px;background-size: auto 10px;}
.paging .page_prev{background: url(../images/common/paging_prev.png)no-repeat center top;margin-left: 0;margin-right: 20px;width: 20px;background-size: auto 10px;}
.paging .page_next{background: url(../images/common/paging_next.png)no-repeat center top;margin-left: 20px;margin-right: 0;width: 20px;background-size: auto 10px;}
.paging .page_end{background: url(../images/common/paging_last.png)no-repeat center top;margin-right: 0;width: 20px;background-size: auto 10px;}


/* layer popup */
#notice-popup{display:none; position:fixed;top:50%;left:50%;z-index:2000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;width: 283px; max-width:400px;}
#notice-popup .popup-close{text-align:right;margin-bottom: 0;cursor:pointer;position:absolute;top: -32px;right: -2px;z-index:10;}
#notice-popup .popup-close img{width: 28px;}
#notice-popup .tit{font-family:'Montserrat';font-size: 20px;line-height:3.8rem;text-align:center;font-weight: 900;color:#000;letter-spacing:.2px;margin-bottom: 10px;margin-top: 20px;}
#notice-popup .txt{font-family:'Montserrat';font-size: 12px;font-weight: 400;color:#000;letter-spacing:.2px;margin-bottom: 10px;margin-top: 10px;line-height: 17px;}
#notice-popup div.inner{padding: 15px;font-family:'Montserrat'!important;font-size:16px;color:#000;text-align:left;box-sizing: border-box;}
#notice-popup .notice_btn{width:100%;height: 40px;border: none;line-height: 40px;font-size: 10px;font-family: 'Montserrat';color: #fff;margin-bottom: 10px;background: #555555;border-radius: none;}

/* 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}



/*비밀번호 팝업*/
#password_popup{display: none;position: fixed;max-width: 500px;width: 93%;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10000;}
#password_popup .close{position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;z-index: 100;}
#password_popup .close:before{display:block;content:"";position: absolute;top: -3px;left: 50%;width: 2px;margin-left: -1px;height: 26px;background: #001559;transform: rotate(45deg);}
#password_popup .close:after{display:block;content:"";position: absolute;top: -3px;left: 50%;width: 2px;height: 26px;margin-left: -1px;background: #001559;transform: rotate(-45deg);}
#password_popup .inner{position: relative;text-align: center;width: 100%;padding: 40px 35px;background: #fff;box-sizing: border-box;}
#password_popup .inner .title{font-size: 2rem;font-weight: 400;line-height: 1em;color: #000;background: url('/images/common/password_icon.png')no-repeat top center;padding-top: 46px;background-size: 24px;}
#password_popup .inner .txt1{margin-top: 12px;font-size: 1.2rem;color: #333333;font-weight: 400;letter-spacing: -0.25px;}
#password_popup .inner .input{display: block;width: 100%;height: 40px;border: 1px solid #e5e5e5;padding: 0 20px;margin: 24px auto 0;font-size: 1.3rem;outline: 0;text-align: center;color: rgba(51,51,51,0.6);letter-spacing: 2px;}
#password_popup .inner .submit{width: 175px;height: 35px;margin-top: 20px;background: #555555;color: #fff;font-size: 1.2rem;border: 0;font-family: 'Noto Sans KR',sans-serif;}