@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://fonts.googleapis.com/css?family=Montserrat:200,400,500');

*{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;outline:0;}
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.34);display:none;z-index:1001;}
#bg2{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.34);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}
body.popup_open{width:100%; height:100%; overflow:hidden;}
/* 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 --------------------------------------------------------------------------------------------------------------------*/

#wrap,#contents{width:100%;position:relative;min-width:1400px;/* overflow:hidden */}
#wrap header{width:100%;background:#fff;position:relative}
#wrap header div.header_top{max-width: 1600px;min-width: 1000px;width: 93%;margin:0 auto;box-sizing:border-box;height:90px;display: flex;flex-wrap: wrap;}
#wrap header div.top_util{width: 100%;border-bottom:1px solid #ececec;}
#wrap header div.top_util ul{max-width: 1600px;min-width: 1000px;width: 93%;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{width: 71px;display: flex;flex-wrap: wrap;align-items: center;}
#wrap header .menu{width: calc(100% - 71px);}
#wrap header .menu ul{width: 100%;height: 100%;display: flex;flex-wrap: wrap;justify-content: flex-end;}
#wrap header .menu ul > li + li{margin-left: 80px;}
#wrap header .menu ul > li > a{font-size: 18px;color: #333;font-weight: 500;display: flex;flex-wrap: wrap;align-items: center;height: 100%;}


#wrap footer{min-width: 1000px;background: #020b36;padding:65px 0 80px;margin:0 auto;position:relative;}
#wrap footer div.wrap{max-width: 1200px;width: 93%;margin:0 auto;position:relative;}
#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{font-size:0;margin-bottom:40px}
#wrap footer div.wrap div.foot_right_util{width:calc(100% - 765px);display:inline-block;vertical-align:top;text-align:right;margin-top:4px}
#wrap footer div.footer_top #foot_nav{display:inline-block;vertical-align:top;width:765px}
#wrap footer div.wrap div.foot_select_site{width:260px;float:right;position:relative;margin-bottom:54px}
#wrap footer div.wrap div.foot_select_site:after{content:'';clear:both;display:block}
#wrap footer div.wrap div.foot_select_site h2{width:260px;height:50px;text-align:left;line-height:48px;border:1px solid #fff;box-sizing:border-box;font-size:17px;font-weight:300;color:#fff;position:relative}
#wrap footer div.wrap div.foot_select_site h2 a{display:block;padding:0 20px;box-sizing:border-box}
#wrap footer div.footer_bottom{border-top: 1px solid #fff ;padding-top:40px;}
#wrap footer div.foot_privacy ul.list{font-size:0}
#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{display:inline-block;vertical-align:top;width:640px}
#wrap footer div.foot_logo{display:inline-block;vertical-align:top;width:90px}
#wrap footer div.foot_privacy{float:right}
#wrap footer div.foot_info dl{font-size:0;margin-bottom:35px}
#wrap footer div.foot_info dl dt{width:125px;display:inline-block;vertical-align:top}
#wrap footer div.foot_info dl dd{width:calc(100% - 125px);display:inline-block;vertical-align:top}
#wrap footer div.foot_info dl > *{font-size:16px;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:16px;font-weight:200;line-height:1;letter-spacing:-.4px;color:#fff;opacity:.4;display:block}
#wrap footer div.wrap div.foot_select_site ul.list{position:absolute;bottom:100%;left:0;background: #020b36;width:100%;z-index:10;text-align:left;font-size:17px;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:20px;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 #fff;}
#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:20px;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 0;}
.m00 .pager ul{text-align:center;font-size:0}
.m00 .pager ul li{display:inline-block;width:38px;height:38px;font-size:16px;line-height:38px;border:1px solid #dcdcdc;vertical-align:top}
.m00 .pager ul li a{display:block}
.m00 .pager ul li a img{width:38px;vertical-align:top}
.m00 .pager ul li.prev{margin-right:20px;border-left:none}
.m00 .pager ul li.next{margin-left:20px;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 #272b69;color:#272b69;font-weight:600;height:37px}


/* popup */
#text-popup{display:none;position:fixed;top:50%;left:50%;z-index:2000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#text-popup .inner{overflow-y:scroll;background:#fff;box-sizing:border-box;width: 1200px;height: 750px;}
#text-popup .inner .title{text-align:center;font-size: 30px;font-weight: 500;letter-spacing: -1.2px;color:#08203c;line-height: 30px;padding: 80px 0 45px;}
#text-popup .inner h1 {font-size: 17px; line-height: 17px;}
#text-popup .inner .privacy_inner {padding: 0 70px 80px;}
#text-popup .inner::-webkit-scrollbar{width:5px;background:#e5e5e5}
#text-popup .inner::-webkit-scrollbar-thumb{background:#777}
#text-popup .popup-close{text-align:right;margin-bottom:10px;cursor:pointer}
#text-popup .popup-close img{width: 28px;image-rendering:pixelated;}


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


#checking_pop{display: none;position:fixed;width: 527px;text-align: center;top:50%;left:50%;background: #fff;border: 1px solid #dddddd;border-top: 8px solid #fec004;border-bottom: 2px solid #dddddd;background: #fff url('/member/img/common/checking_btn.png')no-repeat top 118px center;transform: translate(-50%,-50%);padding: 226px 0 110px 0;box-sizing: border-box;z-index: 4000;}
#checking_pop .title{font-size: 34px;color: #333;font-weight: 500;line-height: 1em;}
#checking_pop .title h3{color: #333;}
#checking_pop .title span{color: #fec004;}
#checking_pop .txt1{font-size: 20px;color: #333333;margin-top: 42px;line-height: 1.55;}