@charset "utf-8";

@font-face {
	font-family:'robotoR';
	src:url(/static/font/Roboto-Regular-webfont-30799efa5bf74129468ad4e257551dc3.eot);
	src:url(/static/font/Roboto-Regular-webfont-30799efa5bf74129468ad4e257551dc3.eot?#iefix) format('embedded-opentype'),url(/static/font/Roboto-Regular-webfont-96948ea3c82150c4843ee2010c7dd7ca.woff) format('woff'),url(/static/font/Roboto-Regular-webfont-e7e5c918f2932bac05144e83755cde20.ttf) format('truetype');
}
@font-face {
	font-family:'robotoB';
	src:url(/static/font/Roboto-Bold-ecdd509cadbf1ea78b8d2e31ec52328c.eot);
	src:url(/static/font/Roboto-Bold-ecdd509cadbf1ea78b8d2e31ec52328c.eot?#iefix) format('embedded-opentype'),url(/static/font/Roboto-Bold-0ed7a6b3572945c91aaad76f3eaaf462.woff) format('woff'),url(/static/font/Roboto-Bold-5d1aba20e25af8bca71b420c7de37d46.ttf) format('truetype');
}
@font-face {
	font-family:'robotoM';
	src:url(/static/font/Roboto-Medium-webfont-4d9f3f9e5195e7b074bb63ba4ce42208.eot);
	src:url(/static/font/Roboto-Medium-webfont-4d9f3f9e5195e7b074bb63ba4ce42208.eot?#iefix) format('embedded-opentype'),url(/static/font/Roboto-Medium-webfont-7c2fef29499b03e4623a4ffe2faff2f8.woff) format('woff'),url(/static/font/Roboto-Medium-webfont-e62afc9f4364e9620db85bed5ec150f4.ttf) format('truetype');
}

@font-face {
	font-family:'robotoT';
	src:url(/static/font/Roboto-Thin-cf0f0309737113522664ac6eef0b9b52.eot);
	src:url(/static/font/Roboto-Thin-cf0f0309737113522664ac6eef0b9b52.eot?#iefix) format('embedded-opentype'),url(/static/font/Roboto-Thin-267d7894a4de3a6fd1deb7a93bc56baf.woff) format('woff'),url(/static/font/Roboto-Thin-14147ca3288fa08b850d029193150722.ttf) format('truetype');
}

@font-face {
font-family:'noto';
font-weight: normal;
src:url(/static/font/notokr-regular-bae006813b0a476a15cc0306c573ddac.eot);
src:url(/static/font/notokr-regular-bae006813b0a476a15cc0306c573ddac.eot?#iefix) format('embedded-opentype'),
    url(/static/font/notokr-regular-031547cb477885094f0fb06c678c135b.woff) format('woff'),
    url(/static/font/notokr-regular-7a70d8c1df2527611971a40d007c2c28.ttf) format('truetype');
}

@font-face {
font-family:'notoB';
font-weight: 700;
src:url(/static/font/notokr-bold-4e9abb70b982577f8802d326e5006b17.eot);
src:url(/static/font/notokr-bold-4e9abb70b982577f8802d326e5006b17.eot?#iefix) format('embedded-opentype'),
    url(/static/font/notokr-bold-84cf469fb96f31d4b8d896e79325014d.woff) format('woff'),
    url(/static/font/notokr-bold-d661b21d0a948cad31a0de8bd63d060c.ttf) format('truetype');
}

@font-face {
font-family:'notoM';
font-weight: 400;
src:url(/static/font/notokr-medium-c1f84afcd04a474c37b8a573e2f7a44c.eot);
src:url(/static/font/notokr-medium-c1f84afcd04a474c37b8a573e2f7a44c.eot?#iefix) format('embedded-opentype'),
    url(/static/font/notokr-medium-81bd542f397d1c5560442ae96d9f5f14.woff) format('woff'),
    url(/static/font/notokr-medium-0c7a6400db018d56d1e7becbb5744128.ttf) format('truetype');
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,textarea,input,select,textarea,button,article,aside,dialog,footer,header,section,footer,nav,figure,main{margin:0;padding:0}
article,aside,dialog,header,section,nav,figure,main{display:block}
html,body{height:100%}
body,input,select,textarea,button{font-family:'noto','notoM','Apple SD Gothic Neo',dotum,sans-serif;font-size:15px;color:#333}
fieldset,li,img{border:0;vertical-align:top}
ul,ol,dl{list-style:none}
button{overflow:hidden;border:0;border-radius:0;background-color:transparent;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
address,caption,em{font-style:normal}
a,a:focus,a:active,a:hover{color:#333;text-decoration:none}
hr{display:none}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}
.blind,legend,caption span{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:100px;white-space:nowrap}
.dighty_h,.sp,.ico,.footer_logo,.ico_arrow,.breadcrumb_item:before,.notice_item:before,.lst_info li a,.sel_family .ico_arr,.btn_close{display:inline-block;overflow:hidden;height:1px;background:url(/static/images/sp-de5468e3e3f0ce51e51fb7a5a175cc65.png) no-repeat;line-height:300px;vertical-align:top}
::-ms-clear{display:none}
::-webkit-input-placeholder{font-size:12px;color:#9d9d9d !important;padding-left:13px}
:-moz-placeholder{font-size:12px;color:#9d9d9d !important;padding-left:13px}
::-moz-placeholder{font-size:12px;color:#9d9d9d !important;padding-left:13px}
:-ms-input-placeholder{font-size:12px;color:#9d9d9d !important;padding-left:13px}
.va_top{vertical-align:top !important}
[v-cloak] {display: none;}

/* layout */
.wrapper {
    grid-gap: 10px;
}

/* for none chrome user notice */
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
    section.notice {
        display: none;
    }

    .wrapper {
        grid-template-areas: "nav" "content" "footer";
        grid-template-rows: auto 1fr auto;
    }

}

.inner{/* width:1100px; */margin:0 auto;}
.content{width:340px;padding:130px 0;margin:0 auto}
.register_form{width:840px; margin:130px auto;}

/* header */
.inner:after{display:block;clear:both;content:''}.nav_wrap{height: 76px;padding: 22px 30px;border-bottom:1px solid #D1D1D1;box-sizing:border-box;/*min-width: 992px;*/}
.nav_wrap{height: 76px;padding: 22px 30px;border-bottom:1px solid #D1D1D1;box-sizing:border-box;/*min-width: 992px;*/}
.logo{margin-right:5px;float:left;font-family:'notoB','Apple SD Gothic Neo',sans-serif;font-size:22px;font-weight:700;color:#666;letter-spacing:-0.025em;line-height:24px;height: 32px;}
.logo img{width:224px;height:32px}
.logo .sp{width:97px;height:32px;margin-right:3px;background-position:0 -46px}
.lst_util{float:right}
.lst_util_item{float:left}
.lst_util_item:before{display:inline-block;width:1px;height:10px;margin:0 9px;background:#cbcbcb;content:''}
.lst_util_item:first-child:before{display:none}
.lst_util_link{font-size:14px;line-height:30px;color:#2B2E34}
.lst_util_link.active{color:#514eff;text-decoration:none;font-weight: 400}

.header_logo{position:relative;max-width:340px;margin:0 auto;padding:0 0 30px;border-bottom:0;line-height:1;zoom:1}
.logo_area{text-align:left; font-size:34px; font-weight:600; color:#666;}
.logo_area .logo_dighty{display:inline-block;overflow:hidden;width:134px;height:42px;background:url(/static/images/Dighty_BI_2-a1a6c4cd6df4a3bff90df89881b09d4b.png) no-repeat;line-height:999px;vertical-align:top}
.logo_area .tit{display:inline-block;margin-top:5px;margin-left: 3px;font-size:28px;color:#222;line-height:28px;
  font-family: 'notoM', sans-serif;font-weight: normal}
.logo_area .txt{display:block;margin-top:10px;font-size:14px;color:#222;line-height:18px;
  font-family: 'notoM', sans-serif;font-weight: normal}
.join_content .header_logo {
	margin-top: 30px;
	margin-left: 0;
}


/* btn */
.btn{display:inline-block;min-width:108px;height:44px;background:#666;font-size:13px;color:#fff;line-height:44px;text-align:center;vertical-align:top}
.btn:hover{color:#fff;}
.btn_point{background:#514EFF}
.btn_line{border:1px solid #514EFF;background:#fff;color:#514EFF}
.btn_line:hover{color:#514EFF;}
.btn_full{width:100%;height:50px;font-size:15px;line-height:50px}
.btn_full+.btn_full{margin-top:5px}
.btn:disabled,.btn[disabled],.btn.is_disabled{background:#d9d9d9;color:#b2b2b2;cursor:default}
.txt_divide{display:block;height:1px;padding-bottom:10px;margin-top:15px;border-bottom:1px solid #d1d1d1;text-align:center}
.txt_divide em{display:inline-block;padding:0 10px;margin-top:6px;background:#fff;font-size:12px;color:#999999;vertical-align:top;line-height:1}
.txt_divide+.btn{margin-top:24px;font-size:14px}
.ico_app{width:28px;height:22px;margin:14px 6px 0 0;background-position:-96px 0}


/* register form */
.regist_label{display:inline-block; width:180px; line-height:44px; font-size:16px; vertical-align:middle;}
.regist_inp_bx{display:inline-block; position:relative; width:480px;}
.regist_inp_txt{display:inline-block; position:relative; width:300px; padding:12px 5px; border:1px solid #e6e6e6; font-size:0;}
.error .regist_inp_txt{border-color:#f77f81;}
.notice_link{color:#514EFF; text-decoration:underline;}

/* regist table */
.tbl{table-layout:fixed;width:100%;}
.tbl .txt_left{text-align:left}
.tbl .txt_right{text-align:right}
.tbl th,.tbl td{font-size:15px;color:#222;line-height:20px}
.tbl th{padding:25px 0;font-weight:600;text-align:left;vertical-align:top;}
.tbl td:first-child{padding-top:25px !important}

.tbl thead th{font-weight:600;color:#222;}
.tbl .cont{padding:0 15px 0 0;padding:0 17px\9}
:root .tbl .cont{padding:0 26px\0/IE9}

.tbl td{height:33px;padding:10px 0;color:#222;vertical-align:middle}
.tbl_btn {display: inline-block;padding: 0 14px;min-width: 150px;height: 48px;font-size: 15px;color: #fff;text-align: center;background: #dddddd;line-height: 50px;vertical-align: middle;box-sizing: border-box; cursor:default;}
.tbl_btn:focus, .tbl_btn:active, .tbl_btn:hover{color:#fff;}
.tbl_btn.active{background: #514eff !important; cursor:pointer;}
.tbl_btn.on{background: #6e6e6e !important;}

.w450{width: 450px}
.w390{width: 390px}
.w275{width: 275px; display: inline-flex;}
.w275:nth-child(n+2){margin-left: 6px}
.w140{width: 140px; display: inline-flex;}
.w140:nth-child(n+2) {margin-left: 6px}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt35{margin-top:35px !important;}

.al_l{text-align:left}
.al_c{text-align:center}
.al_r{text-align:right}

/* input */

.inp_w rap{position:relative}
.inp_bx{display:block;position:relative;width:100%;margin-top:8px}
.inp_bx:first-child,legend+.inp_bx,legend+.inp_group,legend+.info_bx{margin-top:0}
.is_disabled .inp{color:#666;-webkit-text-fill-color:#666}
.info_bx.is_hide{display:none}
.inp_txt{display:flex;position:relative;padding: 14px 5px;border: 1px solid #949494;font-size:0;position: relative;background: #fff}
.inp_txt2{cursor:pointer}
.inp{display:inline-block;position: relative;z-index:10;width: 100%;height:18px;border:0;background:transparent;font-size:14px;color:#222;line-height:18px;vertical-align:top;outline:none;border-radius:0;padding-left: 13px;}
.inp_bx .btn_del{display:none;position:absolute;top:0;right:0;padding:11px;z-index:10}
.inp_bx.time_add .btn_del{right:92px}
.inp_bx.is_disabled .inp_txt{background:#f2f2f2;border-color:#e6e6e6}
.inp_bx.is_sel_disabled .inp_txt{background:#f2f2f2;border-color:#e6e6e6}
.error .inp_txt{border-color:#f77f81;}
.error_txt{display:none;margin-top:6px;font-size:14px;color:#fa2828}
.error .error_txt{display:block}

/*placeholder dev ver.*/
input::placeholder {font-size:15px;color:#999999;padding-left: 0;}

/* join-content */
.join_inp_area{display: flex;}
.join_inner{position:relative;width:780px;margin:0 auto;margin-bottom: 50px;min-height: 610px}
.join_inner .complet{padding-top:150px; margin: 0 auto}
.join_inner .complet_cont{height: 215px;background: #f3f6fa;text-align: center;margin: 0 auto;width: 715px;margin-top: 27px;}
.join_inner .complet_cont .complet_tit{padding-top:55px;font-size: 16px;font-weight: 400;color:#2f2f2f}

.regist_complete{background-color:#FAFAFA; border:#514EFF 4px solid; line-height:40px; font-size:20px; text-align:center; padding:150px 0 100px;}
.regist_complete .button_area{margin-top:30px;}
.regist_complete .button_area .btn{width:300px; height:60px; font-size:16px;}

/*layer pop*/
.pop_tit{padding:18px 30px;}
.ly_cont{word-break:break-all;white-space:pre-line;line-height:17px;}

.verify_incomplete{background-color:#FAFAFA; border:#514EFF 4px solid; font-size:20px; text-align:center; padding:100px 0 100px;}
.verify_incomplete .message {padding: 10px; }

/*Dighty footer style*/
.div-cont {position: relative;text-align: left;margin: 0 auto 0 auto;max-width: 1148px;}
#footer-wrap {display:block;position:relative;z-index:90;background:#44465D;overflow: hidden;}
#footer {position:relative;padding:0 20px}
#f-logo{top:36px;left:3px;width:137px;height:24px;position:absolute;background:url(/static/images/layout/footer/f-logo-b3e4eaaecd2f5b54ce9b0321ca0ce70a.png) no-repeat left center;background-size:100% auto;}

.f-cs{position:relative;z-index:5;font-size:0}
.f-cs:after{width:20000px;height:100%;background:#616276;display:block;content:"";position:absolute;left:0;margin-left:-1000px;top:0;z-index:-1}
.f-cs .btxt{display:inline-block;color:#fff;vertical-align:top;font-size:15px;line-height:68px}
.f-cs .stxt{margin-left:21px;color:#fff;font-weight:300;position:relative;display:inline-block;vertical-align:top;font-size:15px;line-height:68px}
.f-cs .stxt:before{width:1px;height:14px;position:Absolute;left:-11px;top:50%;margin-top:-7px;background:#fff;display:block;content:"";opacity:0.75}

.f-notice{position:absolute;top:50%;right:0;width:560px;height: 68px;padding-right:56px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.f-notice .title{display: inline-block;margin-right:7px;/* line-height: 50px; */float: left;margin-top: 23px;}
.f-notice .title a{vertical-align:top;font-size:15px;font-weight:500;color:#fff;line-height:20px;letter-spacing:-0.04em;}

.f-notice .text{display:inline-block;margin-top: 18px;}
.f-notice .text .noti{height: 30px;overflow: hidden;margin: 0;padding: 0;list-style: none;}
.f-notice .text .noti li {height: 30px;padding: 5px;margin: 0px 5px;}
.f-notice .text a{vertical-align:top;font-size:15px;font-weight:400;;color:#fff;line-height:21px;letter-spacing:-0.04em;display:inline-block;max-width:320px;overflow-x:hidden;text-overflow:ellipsis;word-break:keep-all;white-space: nowrap;}

.f-notice .more{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.f-notice .more a{display:block;width:50px;border:1px solid #ffffff;line-height:16px;font-size:12px;color:#ffffff;letter-spacing:-0.04em;text-align:center;padding:2px}

.f-link{margin-bottom:14px}
.f-link ul:after{display:block;content:"";clear:both}
.f-link li{position:relative;float:left}
.f-link li:nth-child(n+2){margin-left:17px}
.f-link li:nth-child(n+2):before{width:1px;height:10px;position:Absolute;left:-8px;top:50%;margin-top:-4px;background:#fff;display:block;content:"";opacity:0.75}

.f-link li a {font-size:12px;font-weight:500;color:#fff;line-height:18px}

.f-info{padding:36px 0 36px 200px;position:relative}
.f-info .in-comm{}
.f-info .in-comm p{line-height:18px;font-size:12px;color:#F9F9F9;font-weight: 300}
.f-info .in-comm span{display:inline-block;vertical-align:top;line-height:18px}
.f-info .in-comm span:nth-child(n+2){margin-left:5px}
.f-info .in-comm a{margin-left:5px;display:inline-block;vertical-align:top;font-size:12px;color:#F9F9F9;line-height:18px;text-decoration:underline}
.f-info .in-copy{margin-top:18px;line-height:18px;font-size:12px;color:#F9F9F9}

.f-sns{position:absolute;right:156px;bottom:36px}
.f-sns ul:after{display:block;content:"";clear:both}
.f-sns li{float:left}
.f-sns li:nth-child(n+2){margin-left:4px}
.f-sns li a{display:block;height:31px}
.f-sns li:nth-child(1) a{width:31px;background:url(/static/images/layout/footer/f-sns01-7aa7ca8f2ab4303b7da9dd89f4ff39cf.png) no-repeat center center}
.f-sns li:nth-child(2) a{width:31px;background:url(/static/images/layout/footer/f-sns02-78d54ac5a0f448649ca8d5afdd4fef04.png) no-repeat center center}

.f-family{position:absolute;width:148px;height:32px;right:0;bottom:36px}
.f-family .sel{display:block;position:relative;border:1px solid #A9ACB7;line-height:30px;padding:0 20px 0 12px;font-size:12px;color:#F9F9F9}
.f-family .sel:after{width:9px;height:6px;position:Absolute;right:12px;top:12px;background:url(/static/images/layout/footer/family-arrow-6e6caeca9ca7c47960230dd6eb71ec6a.png) no-repeat center center;display:block;content:"";transform:scale(1,1) rotate(180deg)skew(0,0) translate(0,0);-webkit-transform:scale(1,1) rotate(180deg)skew(0,0) translate(0,0);-moz-transform:scale(1,1) rotate(180deg)skew(0,0) translate(0,0)}
.f-family.active .sel:after{background-image:url(/static/images/layout/footer/family-arrowo-f2c814b45b2a20831af7991d9fda957b.png)}
.f-family.active .sel{background:#fff;color:#6E6A66;border-top-color:#fff}
.f-family ul{position:absolute;right:0;bottom:32px;width:100%;background:#fff;padding:7px 11px;box-sizing:border-box;display:none;border:1px solid #A9ACB7;border-bottom:none;z-index:100}
.f-family li{}
.f-family li:nth-child(n+2){margin-top:14px}
.f-family li a {font-size:12px;color:#6E6A66;line-height:18px;display:block}
/*Dighty footer style*/