@charset "utf-8";

@import url('default.css');
@import url('webfont.css');

html{height:100%;}
body, h1, h2, h3, h4, h5, h6, div, p, span, ol, ul, dl, dt, dd, table, tr td, tr th, input, button {margin:0;padding:0;font-family:'dakiM';font-size:14px;box-sizing:border-box;}
ol,ul{list-style:none}
table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
a{color:#434343;text-decoration:none}
a:hover, a:focus{color: white; text-decoration:none}
i, em{font-style:normal}
button{background:none;outline:0;border:0;cursor:pointer;}
label{font-weight:normal;margin-bottom:0}
img{max-width:100%}
input{height:26px;line-height:26px;padding:0 10px;border:1px solid #707070;}
.blind{display:block;position:absolute;left:-9999px;top:-9999px}

/* input[type="radio"] */
li.type_radio > input[type="radio"]{width:12% !important; height: 15px !important;  background: #ffffff !important; vertical-align: top !important; margin-left: 10px; }
/*li.type_radio{width:75.5%; background:#ffffff; margin-left: 30px; padding-top: 5px; font-size: 16px; }*/
li.type_radio{width:60%; background:#ffffff; margin-left: 40px; font-size: 14px; }

.type_radio{color: #808080;}

.privacyRadio{position: relative; top: 9px;}

/* checkbox */
.chkBox{position:relative;}
.chkBox input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.chkBox input[type="checkbox"] + label{display:inline-block;text-indent:-9999em;width:24px;height:24px;background:url(../images/chk.png) no-repeat left 0 top 0;cursor:pointer;}
.chkBox input[type="checkbox"]:checked + label {background:url(../images/chk_on.png) no-repeat left 0 top 0;}



/* 기본설정 */
.mtCustom{margin-top:13px !important;}
.mt3{margin-top:3px !important;}
.mt5{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;}
.mt85{margin-top:85px !important;}
.mt90{margin-top:90px !important;}
.mt95{margin-top:95px !important;}

.mb5{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;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}
.mb110{margin-bottom:110px !important;}
.mb120{margin-bottom:120px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}



/* padding */
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}
.pl55{padding-left:55px !important;}



.pt5{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;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}

.pb5{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;}


.pdType01{padding:10px 0 0 10px;}


/* width */
.w100{width: 100% !important;}
.w95{width: 95% !important;}
.w90{width: 90% !important;}
.w85{width: 85% !important;}
.w80{width: 80% !important;}
.w75{width: 75% !important;}
.w70{width: 70% !important;}
.w65{width: 65% !important;}
.w60{width: 60% !important;}
.w55{width: 55% !important;}
.w50{width: 50% !important;}
.w45{width: 45% !important;}
.w40{width: 40% !important;}
.w35{width: 35% !important;}
.w30{width: 30% !important;}
.w25{width: 25% !important;}
.w20{width: 20% !important;}
.w15{width: 15% !important;}
.w10{width: 10% !important;}

/* high */
.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}

/* bg */
.bgRed{background:var(--self-btn-bot-background-color) !important;}
.bgGray{background:#8d8d8d !important;}

/* color */
.fcRed{font-weight:bold; color:#f02626 !important;}
.fcBlue{font-weight:bold; color:#0080ff !important;}
.fcGray01{color:#8d8d8d !important;}


/* 정렬 */
.colType02{overflow:hidden;}
.colType02 > *{float:left;}
.colType02 .numb{width:25%;font-size:16px;text-align:left;letter-spacing:0.5px;font-family:'dakiB'}
.colType03{padding-top:16px; padding-left:20px;}
.colType03 > *{float:left;}

/* 블릿 */
.blt{position:relative;padding-left:35px;font-size:14px;padding-top:3px}
.blt:before{content:'▪';display:inline-block;position:absolute;left:20px;padding-top:0px;color:#666;}

.otpText {
	font-size: inherit;
	font-family: 'robotoR';
}

/* login */
#loginWrap{}
#loginWrap .loginHd{height:auto;background:#fff;}
#loginWrap .loginHd .in{width:615px;margin:255px auto 12px;}
/* #loginWrap .loginHd h1 > a{display:inline-block;margin-left:25px;text-indent:-9999em;width:299px;height:51px; background:url(../images/login_logo.png) no-repeat left 0 top 0;} */
#loginWrap .loginHd h1 > a {font-size:23px;color:var(--self-main-header-color);display:inline-block;margin-left: 20px;font-weight: normal;/*margin-top:20px;text-indent:-9999em;*/width:175px;height:29px;/*background: url(../images/logo.png) no-repeat left 0 top 0;*/}

/*
#loginWrap .loginBox{position:relative;width:615px;height:350px;margin:0 auto 300px;border:2px solid #f07f67; border-radius:5px;}
*/
#loginWrap .loginBox{position:relative;width:615px;height:410px;margin:0 auto 300px;border:2px solid var(--self-main-background-color); border-radius:5px;}
#loginWrap .loginBox > div{position:absolute;right:0;padding:85px 45px 43px;text-align:right;}
#loginWrap .loginBox h2{color:#888;font-size:45px;font-family:'robotoT';text-align:right;font-weight: bold;margin-bottom: 15px;}
#loginWrap .loginBox ul{width:252px;}
#loginWrap .loginBox ul li{padding-left:30px;margin-bottom:12px; text-align: left;}
#loginWrap .loginBox ul li:last-child{margin-bottom: 0;}

#loginWrap .loginBox ul li.node{background: url(../images/node_icon.png) no-repeat left 0 top 50%;}
#loginWrap .loginBox ul li.id{background: url(../images/id_icon.png) no-repeat left 0 top 50%;}
#loginWrap .loginBox ul li.pwd{background: url(../images/pwd_icon.png) no-repeat left 0 top 50%;}
#loginWrap input{width:100%;height:30px;line-height:30px;padding:0 25px 0 15px; background:var(--self-login-border-color);border:1px solid var(--self-login-border-color);;border-radius:5px;}
#loginWrap input::-webkit-input-placeholder{color:#fff;font-size:14px;font-family:'robotoM';}
#loginWrap .loginBtn{width:112px;height:30px;margin-top:20px;line-height:25px;color:#fff;font-size:20px; font-family:'robotoR';background:var(--self-btn-background-color);border-radius:2px;}

/* selectbox ver */
#loginWrap .slctBox{position:relative;width:220px;height:30px;padding: 0px!important;}
#loginWrap .slctBox .btn{position:relative;height:30px;line-height:30px;padding: 0 0 0 15px!important;text-align:left;border:1px solid var(--self-login-border-color);border-radius:5px;background:var(--self-login-border-color);}
#loginWrap .slctBox .btn:after{position:absolute;right:10px;top:12px;content:'';display:inline-block;border-right:5px solid transparent;border-left:5px solid transparent;border-top:5px solid var(--self-main-select-arrow-color);border-bottom:5px solid none;}
#loginWrap .slctBox .btn.on:after{top:6px;border-top:5px solid transparent;border-bottom:5px solid var(--self-main-select-arrow-color);}
#loginWrap .slctBox ul{display:none;position:absolute;left:1px;top:30px;width:220px;padding:10px;border:1px solid #f8c3b7;border-top:0;background:#fff;}
#loginWrap .slctBox ul li{height:25px;line-height:25px;padding-left:0;}
#loginWrap .slctBox a{display:block;text-align:left;}
#loginWrap .slctBox a:hover{color:black;}

/* header */
.header {height:130px;background: var(--self-main-header-color);}
.header .in{position:relative;width:1000px;margin:0 auto;height: 100%;}
/*.header h1 > a{display:inline-block;margin-top:20px;text-indent:-9999em;width:175px;height:29px;background: url(../images/logo.png) no-repeat left 0 top 0;margin-left:-100px;}
.header > .in ul.gnb{display:table;width:250px;position:absolute;right:-90px;top:25px;}*/
.header h1 > a {font-size:26px;color:var(--self-main-title-color);display:inline-block;margin-top:20px;/*text-indent:-9999em;*/width:400px;height:29px;/*background: url(../images/logo.png) no-repeat left 0 top 0;*/}
.header > .in ul.gnb{display:table;width:530px;position:absolute;right:-10px;top:25px;}
.header > .in ul.gnb li{display:table-cell;vertical-align:middle;color:#fff;letter-spacing:1px;margin-left: 10px;}
.header > .in ul.gnb li .time{padding: 5px 0px 5px 30px;font-size:14px;background:url(../images/hd_time.png) no-repeat left 0 top 50%;}
.header > .in ul.gnb li.locale{width:30px;}
.header > .in ul.gnb li .extendBtn{width:60px;height:32px;color:#fff;font-size:12px;font-family:'dakiB';text-align: center;border:1px solid #fff;background:none;border-radius:var(--self-default-radius);}
.header > .in ul.gnb li.log{padding-left:22px;background:url(../images/hd_log.png) no-repeat left 0 top 50%;}
.header > .in ul.gnb li.log > button{color:#fff;font-size:14px;font-family:'dakiB';}
.header > .in select {width:170px;}
/* menu */
nav > ul{display:table;width:100%;margin-top:25px;}
nav > ul li{display:table-cell;width:25%;text-align:center;}
nav > ul li.active > a{color:var(--self-menu-active-color);}

nav > ul li > a{display:block;color:#fff;font-size:20px;}


/* main content */
.mainCont{background:url(../images/main/main_topBg.png) no-repeat center top;}
.listView{width:1000px;margin:0 auto 135px;padding-top:85px;}
.listView li{overflow:hidden;width:625px;height:235px;margin:10px auto 0;}
.listView li > div{margin:45px 0 0 285px;}
.listView li.one{margin-top:0;background:#f47e54 url(../images/main/main_icon1.png) no-repeat left 25px top 50%;}
.listView li.two{background:#a3cda5 url(../images/main/main_icon2.png) no-repeat left 28px top 50%;}
.listView li.thr{background:#f8b238 url(../images/main/main_icon3.png) no-repeat left 25px top 50%;}
.listView li h2{margin-bottom:10px;font-size:30px;font-family:'dakiB';}
.listView li h2 + p{margin-bottom:13px;line-height:1.4;font-family:'dakiB';font-size:14px;}
/*.listView li .goBtn{width:115px;}*/
.listView li.one .goBtn{background-color:#f6643b;}
.listView li.two .goBtn{background-color:#89b48b;}
.listView li.thr .goBtn{background-color:#de9e2f;}

/* sub content */
.subCont{overflow:hidden;}
.subCont .in{position:relative;width:1000px;margin:0 auto;}
.subCont .titBox{position:relative;overflow:hidden;padding:80px 0 75px;text-align:center;}
.subCont .titBox h2{margin-bottom:15px;color:#000;font-size:40px;font-family:'dakiB';letter-spacing:4px;}
.subCont .titBox h2 + p{color:#888;font-size:23px;font-family:'dakiM';}

.otpType{display:table;width:100%;margin-bottom:195px;}
.otpType li{display:table-cell;width:33.3%;padding-top:120px;text-align:center;}
.otpType.t1 li.hw{background:url(../images/otp_type1.png) no-repeat left 50% top 0;}
.otpType.t1 li.mob{background:url(../images/otp_type2.png) no-repeat left 50% top 0;}
.otpType.t1 li.sms{background:url(../images/otp_type3.png) no-repeat left 50% top 0;}
.otpType.t1 li.sms dd:last-child{margin-bottom:39px;}
.otpType.t2 li.hw{background:url(../images/otp_type1_1.png) no-repeat left 50% top 0;}
.otpType.t2 li.mob{background:url(../images/otp_type2_1.png) no-repeat left 50% top 0;}
.otpType.t2 li.sms{background:url(../images/otp_type3_1.png) no-repeat left 50% top 0;}
.otpType.t2 li.hw dd:last-child,
.otpType.t2 li.mob dd:last-child,
.otpType.t2 li.sms dd:last-child{margin-bottom:39px;}
.otpType.t3 li.hw{background:url(../images/otp_type1_2.png) no-repeat left 50% top 0;}
.otpType.t3 li.mob{background:url(../images/otp_type2_2.png) no-repeat left 50% top 0;}
.otpType.t3 li.sms{background:url(../images/otp_type3_2.png) no-repeat left 50% top 0;}

.otpType dl dt, .subCont .otpType dl dd{color:#010101;font-family:'dakiB';}
.otpType dl dt{margin-bottom:5px;font-size:30px;}
.otpType dl dd{font-size:14px;min-height: 40px;}
.otpType dl dd:last-child{margin:5px 0 18px;}
/*.otpType .goBtn{width:165px;padding:0 15px 0 0;background-position:right 30px top 50%;background-color:#fcab99;}*/

.stepBox{position:relative;}
/*.stepBox:before{content:'';display:block;position:absolute;left:0;top:20px;width:60px;height:2px;background:#f9c8bd;}*/
/*.stepBox:after{content:'';display:block;position:absolute;right:0;top:20px;width:60px;height:2px;background:#f9c8bd;}*/
.stepBox ol{position:relative;width:1015px;height:85px;margin:0 auto;background:url(../images/step9_bg.png) no-repeat;}
.stepBox ol.step00{background-position:left 0 top 0px;}
.stepBox ol.step01{background-position:left 0 top -144px;}
.stepBox ol.step02{background-position:left 0 top -288px;}
.stepBox ol.step03{background-position:left 0 top -432px;}
.stepBox ol.step04{background-position:left 0 top -576px;}
.stepBox ol.step05{background-position:left 0 top -720px;}
.stepBox ol.step06{background-position:left 0 top -864px;}
.stepBox ol.step07{background-position:left 0 top -1008px;}
.stepBox ol.step08{background-position:left 0 top -1152px;}
.stepBox ol li{position:relative;top:17px;}
.stepBox ol li span{position:absolute;left:0;top:0;color:#929292;font-size:18px;}
.stepBox ol li p{position:absolute;left:-15px;top:0;padding-top:40px;color:#929292;font-size:16px;}
.stepBox ol li.on span{color:#fff;}
.stepBox ol li.on p{color:var(--self-main-header-color);}
.stepBox ol li.one{top:17px;left:12px;}

.stepBox ol li.zero p{left:-5px;}
.stepBox ol li.one{top:17px;left:123px;}
.stepBox ol li.two{left:240px;}
.stepBox ol li.thr{left:353px;}
.stepBox ol li.four{left:467px}
.stepBox ol li.five{left:582px;}
.stepBox ol li.six{left:698px;}
.stepBox ol li.seven{left:812px;}
.stepBox ol li.eight{left:927px;}


.stepBox-skip-personal{position:relative;}
/*.stepBox8:before{content:'';display:block;position:absolute;left:0;top:20px;width:60px;height:2px;background:#f9c8bd;}*/
/*.stepBox8:after{content:'';display:block;position:absolute;right:0;top:20px;width:60px;height:2px;background:#f9c8bd;}*/
.stepBox-skip-personal ol{position:relative;width:894px;height:85px;margin:0 auto;background:url(../images/step8_bg.png) no-repeat;}

.stepBox-skip-personal ol.step01{background-position:left 0 top 0px;}
.stepBox-skip-personal ol.step02{background-position:left 0 top -144px;}
.stepBox-skip-personal ol.step03{background-position:left 0 top -288px;}
.stepBox-skip-personal ol.step04{background-position:left 0 top -432px;}
.stepBox-skip-personal ol.step05{background-position:left 0 top -576px;}
.stepBox-skip-personal ol.step06{background-position:left 0 top -720px;}
.stepBox-skip-personal ol.step07{background-position:left 0 top -864px;}
.stepBox-skip-personal ol.step08{background-position:left 0 top -1008px;}
.stepBox-skip-personal ol.step09{background-position:left 0 top -1152px;}
.stepBox-skip-personal ol li{position:relative;top:17px;}
.stepBox-skip-personal ol li span{position:absolute;left:0;top:0;color:#929292;font-size:18px;}
.stepBox-skip-personal ol li p{position:absolute;left:-10px;top:0;padding-top:40px;color:#929292;font-size:16px;}
.stepBox-skip-personal ol li.on span{color:#fff;}
.stepBox-skip-personal ol li.on p{color:var(--self-main-header-color);}
.stepBox-skip-personal ol li.one{top:17px;left:12px;}
.stepBox-skip-personal ol li.one p{left:-30px;}
.stepBox-skip-personal ol li.two{top:17px;left:123px;}
.stepBox-skip-personal ol li.thr{left:240px;}
.stepBox-skip-personal ol li.four{left:353px;}
.stepBox-skip-personal ol li.five{left:467px}
.stepBox-skip-personal ol li.six{left:582px;}
.stepBox-skip-personal ol li.seven{left:698px;}
.stepBox-skip-personal ol li.eight{left:812px;}

.stepBox8{position:relative;}
/*.stepBox8:before{content:'';display:block;position:absolute;left:0;top:20px;width:60px;height:2px;background:#f9c8bd;}*/
/*.stepBox8:after{content:'';display:block;position:absolute;right:0;top:20px;width:60px;height:2px;background:#f9c8bd;}*/
.stepBox8 ol{position:relative;width:894px;height:85px;margin:0 auto;background:url(../images/step8_bg.png) no-repeat;}

.stepBox8 ol.step00{background-position:left 0 top 0px;}
.stepBox8 ol.step01{background-position:left 0 top -144px;}
.stepBox8 ol.step02{background-position:left 0 top -288px;}
.stepBox8 ol.step03{background-position:left 0 top -432px;}
.stepBox8 ol.step04{background-position:left 0 top -576px;}
.stepBox8 ol.step05{background-position:left 0 top -720px;}
.stepBox8 ol.step06{background-position:left 0 top -864px;}
.stepBox8 ol.step07{background-position:left 0 top -1008px;}
.stepBox8 ol.step08{background-position:left 0 top -1152px;}
.stepBox8 ol li{position:relative;top:17px;}
.stepBox8 ol li span{position:absolute;left:0;top:0;color:#929292;font-size:18px;}
.stepBox8 ol li p{position:absolute;left:-10px;top:0;padding-top:40px;color:#929292;font-size:16px;}
.stepBox8 ol li.on span{color:#fff;}
.stepBox8 ol li.on p{color:var(--self-main-header-color);}
.stepBox8 ol li.zero{top:17px;left:12px;}
.stepBox8 ol li.zero p{left:-30px;}
.stepBox8 ol li.one{top:17px;left:123px;}
.stepBox8 ol li.two{left:240px;}
.stepBox8 ol li.thr{left:353px;}
.stepBox8 ol li.four{left:467px}
.stepBox8 ol li.five{left:582px;}
.stepBox8 ol li.six{left:698px;}
.stepBox8 ol li.seven{left:812px;}
.stepBox8 ol li.eight{left:813px;}

.stepBox8-skip-personal{position:relative;}
/*.stepBox8:before{content:'';display:block;position:absolute;left:0;top:20px;width:60px;height:2px;background:#f9c8bd;}*/
/*.stepBox8:after{content:'';display:block;position:absolute;right:0;top:20px;width:60px;height:2px;background:#f9c8bd;}*/
.stepBox8-skip-personal ol{left: 100px;position:relative;width:894px;height:85px;margin:0 auto;background:url(../images/step7_bg.png) no-repeat;}

.stepBox8-skip-personal ol.step01{background-position:left 0 top 0px;}
.stepBox8-skip-personal ol.step02{background-position:left 0 top -144px;}
.stepBox8-skip-personal ol.step03{background-position:left 0 top -288px;}
.stepBox8-skip-personal ol.step04{background-position:left 0 top -432px;}
.stepBox8-skip-personal ol.step05{background-position:left 0 top -576px;}
.stepBox8-skip-personal ol.step06{background-position:left 0 top -720px;}
.stepBox8-skip-personal ol.step07{background-position:left 0 top -864px;}

.stepBox8-skip-personal ol li{position:relative;top:17px;}
.stepBox8-skip-personal ol li span{position:absolute;left:0;top:0;color:#929292;font-size:18px;}
.stepBox8-skip-personal ol li p{position:absolute;left:-10px;top:0;padding-top:40px;color:#929292;font-size:16px;}
.stepBox8-skip-personal ol li.on span{color:#fff;}
.stepBox8-skip-personal ol li.on p{color:var(--self-main-header-color);}
.stepBox8-skip-personal ol li.one{top:17px;left:12px;}
.stepBox8-skip-personal ol li.one p{left:-30px;}
.stepBox8-skip-personal ol li.two{top:17px;left:120px;}
.stepBox8-skip-personal ol li.thr{left:232px;}
.stepBox8-skip-personal ol li.four{left:340px;}
.stepBox8-skip-personal ol li.five{left:450px}
.stepBox8-skip-personal ol li.six{left:556px;}
.stepBox8-skip-personal ol li.seven{left:666px;}

.stepBox7{position:relative;}
/*.stepBox8:before{content:'';display:block;position:absolute;left:0;top:20px;width:60px;height:2px;background:#f9c8bd;}*/
/*.stepBox8:after{content:'';display:block;position:absolute;right:0;top:20px;width:60px;height:2px;background:#f9c8bd;}*/
.stepBox7 ol{left: 100px;position:relative;width:894px;height:85px;margin:0 auto;background:url(../images/step7_bg.png) no-repeat;}

.stepBox7 ol.step00{background-position:left 0 top 0px;}
.stepBox7 ol.step01{background-position:left 0 top -144px;}
.stepBox7 ol.step02{background-position:left 0 top -288px;}
.stepBox7 ol.step03{background-position:left 0 top -432px;}
.stepBox7 ol.step04{background-position:left 0 top -576px;}
.stepBox7 ol.step05{background-position:left 0 top -720px;}
.stepBox7 ol.step06{background-position:left 0 top -864px;}
.stepBox7 ol.step07{background-position:left 0 top -1008px;}
.stepBox7 ol li{position:relative;top:17px;}
.stepBox7 ol li span{position:absolute;left:0;top:0;color:#929292;font-size:18px;}
.stepBox7 ol li p{position:absolute;left:-10px;top:0;padding-top:40px;color:#929292;font-size:16px;}
.stepBox7 ol li.on span{color:#fff;}
.stepBox7 ol li.on p{color:var(--self-main-header-color);}
.stepBox7 ol li.zero{top:17px;left:12px;}
.stepBox7 ol li.zero p{left:-30px;}
.stepBox7 ol li.one{top:17px;left:120px;}
.stepBox7 ol li.two{left:232px;}
.stepBox7 ol li.thr{left:340px;}
.stepBox7 ol li.four{left:450px}
.stepBox7 ol li.five{left:556px;}
.stepBox7 ol li.six{left:666px;}

.stepBox7-skip-personal {position:relative;}
/*.stepBox8:before{content:'';display:block;position:absolute;left:0;top:20px;width:60px;height:2px;background:#f9c8bd;}*/
/*.stepBox8:after{content:'';display:block;position:absolute;right:0;top:20px;width:60px;height:2px;background:#f9c8bd;}*/
.stepBox7-skip-personal ol{left: 100px;position:relative;width:894px;height:85px;margin:0 auto;background:url(../images/step6_bg.png) no-repeat;}

.stepBox7-skip-personal ol.step01{background-position:left 0 top 0px;}
.stepBox7-skip-personal ol.step02{background-position:left 0 top -144px;}
.stepBox7-skip-personal ol.step03{background-position:left 0 top -288px;}
.stepBox7-skip-personal ol.step04{background-position:left 0 top -432px;}
.stepBox7-skip-personal ol.step05{background-position:left 0 top -576px;}
.stepBox7-skip-personal ol.step06{background-position:left 0 top -720px;}

.stepBox7-skip-personal ol li{position:relative;top:17px;}
.stepBox7-skip-personal ol li span{position:absolute;left:0;top:0;color:#929292;font-size:18px;}
.stepBox7-skip-personal ol li p{position:absolute;left:-10px;top:0;padding-top:40px;color:#929292;font-size:16px;}
.stepBox7-skip-personal ol li.on span{color:#fff;}
.stepBox7-skip-personal ol li.on p{color:var(--self-main-header-color);}
.stepBox7-skip-personal ol li.one{top:17px;left:12px;}
.stepBox7-skip-personal ol li.one p{left:-30px;}
.stepBox7-skip-personal ol li.two{top:17px;left:124px;}
.stepBox7-skip-personal ol li.thr{left:240px;}
.stepBox7-skip-personal ol li.four{left:355px;}
.stepBox7-skip-personal ol li.five{left:470px}
.stepBox7-skip-personal ol li.six{left:586px;}

.exBox{width:100%;height:185px;margin-top:30px;background:url(../images/step01_line_bg.png) repeat-x;}
.exBox ol{display:table;width:63%;height:100px;margin:0 auto;padding-top:35px;text-align:center;}
.exBox ol li{display:table-cell;width:33.3%;color:#666;}
.exBox ol li.num01{background:url(../images/app_icon.png) no-repeat left 50% top 0;}
.exBox ol li.num02{background:url(../images/anyauth_search.png) no-repeat left 50% top 24%;}
.exBox ol li.num03{background:url(../images/install_icon.png) no-repeat left 50% top 0;}

.regist{margin-top:40px;text-align:center;}
.regist button:first-child{margin-right:50px;}

.infoBox01{opacity:0;height:0;margin-top:20px;padding:10px;background:url(../images/pattern_bg.png) repeat;}
.infoBox01{height:122px;margin-top:20px;padding:10px;background:url(../images/pattern_bg.png) repeat;}
.infoBox01 ul{height:124px;padding:30px 30px 0 120px;background:#fff url(../images/help_icon.png) no-repeat left 30px top 25px;}
.infoBox01 ul li{position:relative;display:inline-block;padding-left:20px;color:#8d8d8d;}
.infoBox01 ul li > img{position:absolute;right:-160px;top:-29px;width:120px;height:120px;}
.infoBox01 ul li:before{content:'';position:absolute;left:0;top:7px;display:inline-block;width:3px;height:3px;background:#7d7d7d;}

.pwdBox01{margin:50px 0 60px;text-align:center;}

.infoText{width:340px;margin:15px auto 0;}
/* .infoText li{position:relative;width:500px;padding-left:15px;line-height:25px;color:#f32727;font-size:15px;} */
.infoText li{position:relative;width:650px;padding-left:15px;line-height:25px;color:#f32727;font-size:15px;}
.infoText li:before{content:'▪';display:inline-block;position:absolute;left:0;top:0;color:#f32727;}

/* title */
.titH3{color:#333;font-size:24px;font-family:'dakiB';}
.titH3 + p{margin-top:10px;color:#666;font-size:16px;}


/* location nav */
.locMenu{overflow:hidden;margin-top:12px;}
.locMenu li{float:left;height:30px;padding:0 60px 0 60px;line-height:30px;border-right:1px solid #a8a8a8;}
.locMenu li a{display:block;font-family:'dakiB';}
.locMenu li:first-child{padding:0 30px 0 0;}
.locMenu li:last-child{padding:0 100px 0 80px;}
.locMenu li.home{padding:0;}
.locMenu li.home p{padding:0 30px 0 10px;background:url(../images/mini_home.png) no-repeat left 10px top 50%;text-indent:-9999em;}

.titH4{color:#333;font-size:20px;font-family:'dakiB';}

/* button */
.subCont .btnWrap{margin:20px 0 25px;text-align:center;}
.subCont .btnWrap.col2 button:first-child{margin-right:10px;}
.goBtn {
	background: var(--self-btn-background-color);
	border-radius:2px;
	box-sizing:border-box;
	display:inline-block;
	min-width:115px;
	height:40px;
	padding:0 35px 0 25px;
	line-height:40px;
	color:var(--self-btn-font-color);
	font-size:20px;
	font-family:'dakiB';/*background:url(../images/arrw01.png) no-repeat right 10px top 50%;*/
}
/* .btn01{box-sizing:border-box;display:inline-block;min-width:145px;height:40px;line-height:40px;padding:0 30px;color:#fff;font-size:20px;font-family:'dakiB';} */
.goBtn:hover{color: var(--self-btn-font-hover-color);}
.btn01{box-sizing:border-box;display:inline-block;min-width:145px;/*height:35px;*/line-height:40px;padding:0 30px;color:#fff;font-size:20px;font-family:'dakiB'; border-radius:2px;}
.btn02{box-sizing:border-box;display:inline-block;min-width:104px;height:29px;line-height:29px;padding:0 22px 0 13px;color:#fff; background:#ef2626 url(/images/arrow002.png) no-repeat right 10px top 12px; font-size:13px;font-family:'dakiB';}
.btn02_gray{box-sizing:border-box;display:inline-block;min-width:104px;height:29px;line-height:29px;padding:0 22px 0 13px;color:#fff; background:#888 /*url(../images/arrow002.png) no-repeat right 10px top 50%*/; font-size:13px;font-family:'dakiB';}
/*.helpBtn{display:inline-block;position:absolute;right:0;bottom:30px;height:30px;line-height:30px;padding:0 22px 0 13px;color:#737373;background:url(../images/arrw02.png) no-repeat right 10px top 50%;border:1px solid #ccc;}*/
.helpBtn{display:inline-block;bottom:35%;position:absolute;right:0;line-height:30px;padding:0 22px 0 22px;color:#737373;/*background:url(../images/arrw02.png) no-repeat right 10px top 50%;*/border:1px solid #ccc;}

.grayBtn01{height:70px;line-height:70px;padding:0 100px 0 65px;color:#333;font-size:20px;font-family:'dakiB';/*background:url(../images/arrw03.png) no-repeat right 40px top 22px;*/border:3px solid #9c9c9c;}
.grayBtn02{display:inline-block;width:140px;height:40px;line-height:40px;background:#dbdbdb;border:1px solid #cbcbcb;}
.grayBtn03{display:inline-block;width:130px;height:26px;line-height:10px;background:#dbdbdb;border:1px solid #cbcbcb;}
/** **/

.loginBtn03{display:inline-block;width:100%;height:26px;line-height:10px;background:var(--self-main-header-color);border:1px solid #aaa;color:#fff;border-radius:10px;}
.loginBtn06{display:inline-block;width:100%;height:26px;line-height:10px;background:var(--self-main-header-color);border:1px solid #aaa;color:#fff;border-radius:10px;}
.loginBtn_req{margin-left:6px; display:inline-block;width:27%;height:26px;line-height:10px;background:var(--self-main-header-color);border:1px solid #aaa;color:#fff;border-radius:10px; font-size:12px !important;}

/* icon */
.hwOtp > p, .anyOtp > p, .smsOtp > p{display:inline-block;}
.hwOtp > p{height:30px;line-height:30px;padding-left:50px;vertical-align:middle;background:url(../images/hwotp.png) no-repeat left 0 top 50%;}
.anyOtp > p{height:37px;line-height:37px;padding-left:25px;text-indent:12px;background:url(../images/anyotp.png) no-repeat left 0 top 0%;}
.smsOtp > p{height:37px;line-height:37px;padding-left:25px;text-indent:12px;background:url(../images/smsotp.png) no-repeat left 0 top 0%;}


/* table */
.tblType01, .tblType02{margin-top:30px;border-top:2px solid #d1d1d1;}
.tblType01 tbody th, .tblType01 tbody td{padding:20px 0 20px;color:#333;font-family:'dakiB';border:1px solid #d1d1d1;}
.tblType01 tbody th{width:350px;padding-left:80px;font-size:16px;text-align:left;background:#f1f1f1;border-left:0;}
.tblType01 tbody td{padding-left:20px;font-size:16px;border-right:0;}
.tblType01 tbody td h1{color:#333;font-size:14px;padding-top:5px;}

.tblType02 thead th:first-child, .tblType02 tbody td:first-child{border-left:0;}
.tblType02 thead th{padding:25px 0 20px;color:#333;font-size:16px;font-family:'dakiB';background:#f9f9f9;border:1px solid #d1d1d1;border-right:0;text-align: center;}
.tblType02 tbody td{padding:20px 0;color:#666;font-size:16px;text-align:center;border:1px solid #d1d1d1;border-right:0;}



/* popup */
.popup{position:relative;width:365px;height:210px;margin:0 auto;}
.popup .popCont{height:100%;border:1px solid #e3e3e3;}
.popup .popCont p{padding-top:70px;color:#515151;font-size:20px;font-family:'dakiB';text-align:center;}
.popup .btnWrap{position:absolute;width:100%;left:0;bottom:0;}
.popup .btnWrap button{width:100%;height:50px;line-height:50px;color:#fff;font-size:18px;font-family:'dakiB';background:#999;}
.popup .btnWrap.col2{display:table;width:100%;}
.popup .btnWrap.col2 button{display:table-cell;width:50%;}
.popup .btnWrap.col2 button:first-child{border-right:1px solid #b3b3b3;}
.popup .closeBtn{display:inline-block;text-indent:-9999em;position:absolute;right:15px;top:15px;width:15px;height:15px;background:url(../images/close_icon.png) no-repeat left 0 top 0;}

/* validate */
.error{color: red; padding-top:4px; padding-left:5px;font-size:14px;font-family:'dakiB'}

/* help(도움말) */
.dim{position:fixed;top:0;left:0;width:100%;z-index:100;height:100%;background:rgba(0,0,0,.7);}
.helpWrap{display:none;position:absolute;left:50%;top:25%;z-index:101;width:750px;height:100%;margin-left:-360px;}
.helpWrap.show{display:block;}
.helpWrap strong{display:block;height:60px;line-height:60px;color:#fff;font-size:25px;font-family:'dakiB';text-align:center;letter-spacing:3px;background:var(--self-main-header-color);border-top-left-radius:10px;border-top-right-radius:10px;}
.helpWrap .helpCont{height:555px;padding:50px;background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.helpWrap .helpCont ol{overflow-y:auto;height:500px;}
.helpWrap .helpCont ol li{padding-left:50px;margin-bottom:50px;}
.helpWrap .helpCont ol img{ display: block; margin: -10px auto;}
.helpWrap .helpCont ol li.num01{background:url(../images/help/num01.png) no-repeat left 0 top 0;}
.helpWrap .helpCont ol li.num02{background:url(../images/help/num02.png) no-repeat left 0 top 0;}
.helpWrap .helpCont dl{margin-bottom:35px;}
.helpWrap .helpCont dl dt{margin-bottom:17px;font-size:24px;font-family:'dakiB';}
.helpWrap .helpCont dl dd{line-height:1.5;color:#8d8d8d;font-size:16px;font-family:'dakiM';}
.helpWrap .closeBtn{position:absolute;right:0;top:-60px;text-indent:-9999em;width:37px;height:37px;padding:24px;background:url(../images/help/closeBtn.png) no-repeat left 50% top 50%;border:1px solid #eee;}

/* sync(시간 보정) */
.syncWrap{display:none;position:absolute;left:50%;top:25%;z-index:101;width:750px;height:100%;margin-left:-294px;}
.syncWrap.show{display:block;}
.syncWrap strong{display:block;height:60px; width:80%; line-height:60px;color:#fff;font-size:25px;font-family:'dakiB';text-align:center;letter-spacing:3px;background:var(--self-main-header-color);border-top-left-radius:10px;border-top-right-radius:10px;}
.syncWrap .syncCont{height:320px; width:80%; padding:20px 40px;background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.syncWrap .syncCont ol{overflow-y:auto;height:500px;}
.syncWrap .syncCont ol img{ display: block; margin: -10px auto;}
.syncWrap .syncCont dl{margin-bottom:35px;}
.syncWrap .syncCont dl div{margin-left:130px; font-size: 22px;}
.syncWrap .syncCont dl div span{margin-left:10px; font-size: 22px;}
.syncWrap .syncCont dl input{margin-left: 6px; margin-bottom: 5px; height: 32px; width: 169px; font-size: 18px;}
.syncWrap .syncCont dl label{font-size:24px;font-family:'dakiB'; margin-left: 30%; margin-right: 10px;}
.syncWrap .syncCont ol dl p{margin-left: 90px; margin-top: 30px;}
.syncWrap .syncCont dl dd{margin: 20px 0 0 68px; line-height:2.5;color:#8d8d8d;font-size:16px;font-family:'dakiM';}
.syncWrap .closeBtn{position:absolute;right:0;top:-60px;text-indent:-9999em;width:37px;height:37px;padding:24px;background:url(../images/help/closeBtn.png) no-repeat left 50% top 50%;border:1px solid #eee;}
.syncBtn {
	display: inline-block;
	background-color: #ddd;
	color: #000;
	padding: 8px;
	border: 0;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	border-radius: 3px;
	margin: 0 50px 8px 0;
	width: 150px;
}
.btnPrimary,.btnSuccess,.btnInfo,.btnWarning,.btnDanger,.btnDefault{color: #fff}
.btnDefault {background-color: var(--self-main-header-color)}
.btnPrimary {background-color: #337AB7;}
.btnSuccess {background-color: #5CB85C}
.btnInfo {background-color: #5BC0DE}
.btnWarning {background-color: #F0AD4E}
.btnDanger {background-color: #D9534F}
.btn:hover {opacity: 0.7}
.btn:active {opacity: 1.0}

/* Daki Font */
#no-fouc{opacity:0;}

/* ----------------------------------------------------------------------------
	Dropdown List
----------------------------------------------------------------------------- */
.dropdown_list { margin: 0px auto; width: auto; position: relative; box-sizing: border-box; color: var(--self-default-font-color);}
.dropdown_list li { margin: 0; padding: 0; list-style: none; color: #000000; }
.dropdown_list span.dropdown { display: block; margin: 0; padding: 0 14px; width: 125px; height: 30px; line-height: 28px; background: #fff; border-radius:var(--self-default-radius); /*border: 2px solid #BCDB71; */cursor: pointer; overflow: hidden;  }
.dropdown_list span.dropdown.is-active {  border-radius:var(--self-default-radius); }
.dropdown_list span.dropdown:hover, .dropdown_list span.dropdown:active { background: #f1f1f1; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.dropdown_list span.dropdown:after { float: right; margin-top: 5px; margin-left: 10px; width: 15px; height: 100%; text-align: center; font-size: inherit; vertical-align: top;content: url(/images/caret-down.png); }
.dropdown_list span.dropdown.is-active:after { float: right; margin-top: 5px; margin-left: 10px; width: 15px; height: 100%; text-align: center; font-size: inherit; vertical-align: top;content: url(/images/icons/caret-up-fill.svg); }
.dropdown_list a:hover { text-decoration: none; border-bottom: 0; }
.dropdown_list .drop { display: block !important; float: left; margin: 0; width: 125px; max-height: 0; position: absolute; background: #fff; top: 28px; border-radius: 10px 10px 10px 10px; z-index: 10; overflow-y: auto; opacity: 0 ; transition: max-height 0.3s cubic-bezier(0, 0.6, 0, 1), opacity 0.3s cubic-bezier(0, 0.6, 0, 1) !important; }
.dropdown_list span.is-active + .drop { max-height: 350px; /*border: 2px solid #BCDB71;*/ border-top: 0; opacity: 1; transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out; }
.dropdown_list .drop li { float: none; display: block !important; margin: 0; padding: 0; border: 0; height: auto; border-top: 1px dotted #ccc !important; }
.dropdown_list .drop li:first-child { border-top: 0 }
.dropdown_list .drop li a { float: none; display: block !important; margin: 0; padding: 6px 10px 6px 25px; height: auto; width: auto; text-transform: none; color: #000000; background: #fff; text-align: left; border-radius: 0; border: 0; }
.dropdown_list .drop li a:hover, .dropdown_list .drop li a:active { background: #f1f1f1; }
.dropdown_list .drop li a:before { display: inline-block !important; margin-left: -15px; margin-right: 5px; width: 10px; height: inherit; content: "\00BB"; color: inherit; font-family: 'icons'; text-align: center; font-size: inherit; vertical-align: top; }

.drop2down_list { margin: 0px auto; width: auto; position: relative; box-sizing: border-box; color: var(--self-default-font-color);}
.drop2down_list li { margin: 0; padding: 0; list-style: none; color: #000000; }
.drop2down_list span.drop2down { display: block; margin: 0; padding: 0 14px; width: 145px; height: 30px; line-height: 28px; background: #fff; border-radius:var(--self-default-radius); /*border: 2px solid #BCDB71; */cursor: pointer; overflow: hidden;  }
.drop2down_list span.drop2down.is-active {  border-radius:var(--self-default-radius); }
.drop2down_list span.drop2down:hover, .drop2down_list span.drop2down:active { background: #f1f1f1; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.drop2down_list span.drop2down:after { float: right; margin-top: 5px; margin-left: 10px; width: 15px; height: 100%; text-align: center; font-size: inherit; vertical-align: top;content: url(/images/caret-down.png); }
.drop2down_list span.drop2down.is-active:after { float: right; margin-top: 5px; margin-left: 10px; width: 15px; height: 100%; text-align: center; font-size: inherit; vertical-align: top;content: url(/images/icons/caret-up-fill.svg); }
.drop2down_list a:hover { text-decoration: none; border-bottom: 0; }
.drop2down_list .drop2 { display: block !important; float: left; margin: 0; width: 125px; max-height: 0; position: absolute; background: #fff; top: 28px; border-radius: 10px 10px 10px 10px; z-index: 10; overflow-y: auto; opacity: 0 ; transition: max-height 0.3s cubic-bezier(0, 0.6, 0, 1), opacity 0.3s cubic-bezier(0, 0.6, 0, 1) !important; }
.drop2down_list span.is-active + .drop2 { max-height: 350px; /*border: 2px solid #BCDB71;*/ border-top: 0; opacity: 1; transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out; }
.drop2down_list .drop2 li { float: none; display: block !important; margin: 0; padding: 0; border: 0; height: auto; border-top: 1px dotted #ccc !important; }
.drop2down_list .drop2 li:first-child { border-top: 0 }
.drop2down_list .drop2 li a { float: none; display: block !important; margin: 0; padding: 6px 10px 6px 25px; height: auto; width: auto; text-transform: none; color: #000000; background: #fff; text-align: left; border-radius: 0; border: 0; }
.drop2down_list .drop2 li a:hover, .drop2down_list .drop2 li a:active { background: #f1f1f1; }
.drop2down_list .drop2 li a:before { display: inline-block !important; margin-left: -15px; margin-right: 5px; width: 10px; height: inherit; content: "\00BB"; color: inherit; font-family: 'icons'; text-align: center; font-size: inherit; vertical-align: top; }

.mask:after {
	width: 20px;
	height: 20px;
	position: relative;
	top:3px;
	left:15px;
	display: inline-block;
	content: url("/images/icons/box-arrow-in-right.png");
}
/*
.mask_white:after {
	!*버튼 font 색을 따라감*!
	background-color: var(--self-btn-font-color);
}*/

.self_table_btn:after {
	width: 18px;
	height: 18px;
	position: relative;
	top:4px;
	left:7px;
	display: inline-block;
	content: url("/images/icons/caret-right.png");
	/*background-color: var(--self-default-font-gray-color);*/
}

.hover_white:hover, .hover_white:focus{
	color: white;
}
.hover_b:hover, .hover_b:focus{
	color: black;
}
.hover_g:hover, .hover_g:focus{
	color: grey;
}