@charset "utf-8";

/*common*/
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,table,button{font-family:'돋움',dotum,'굴림',gulim,AppleGothic,Sans-serif;font-size:12px;line-height:normal}
body{
	font-family:'맑은고딕', '맑은 고딕', MalgunGothic, Roboto, notokr, Sans-serif !important
}
html,body{height:100%}
body{position:relative;color:#767676;background:#fff;word-wrap:break-word;word-break:break-all}
img,fieldset{border:0}
menu,ul,ol{list-style:none}
em,address{font-style:normal}
button{margin:0;padding:0;border:0;background:none;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
input[type=image],input[type=text],input[type=submit],input[type=password],textarea{-webkit-appearance:none;-webkit-border-radius:0;resize:none}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select {*font-size:100%}
img,input,select,textarea{vertical-align:middle}
caption,legend,.hide{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
a{color:#777;text-decoration:none}
a:hover,a:active,a:focus{color:#57679f;text-decoration:underline}
table{border-spacing:0;border-collapse:collapse}
.fl{float:left}
.fr{float:right}
.mt3{margin-top:3px !important}
.mt5{margin-top:5px !important}
.mt8{margin-top:8px !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}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.pt40{padding-top:40px !important}
.pt80{padding-top:80px !important}
.pb80{padding-bottom:80px !important}
.vertop{vertical-align:top !important;}
.vertexttop{vertical-align:text-top !important;}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml20{margin-left:20px !important}
input[type=image],input[type=text],input[type=submit],input[type=password],input[type=button],textarea{-webkit-appearance:none;-webkit-border-radius:0;resize:none}
input[type=button] {border:none;cursor:pointer;text-decoration:none;}
input[type=checkbox] {display:none;}
input[type=checkbox] + label { 
    cursor: pointer; 
    padding-left: 23px; 
    background-repeat: no-repeat;
    background-image: url('/img/login/check_off.png');
    font-size:13px;
    color: #25283d;
    display:inline-block;
  	letter-spacing: -0.52px;
  	line-height: 15px;
}
input[type=checkbox]:checked + label {
    background-image: url('/img/login/check_on.png');
}

input[type=checkbox].toggle + label { 
	font-size:15px;
    color: #25283d;
  	letter-spacing: -0.45px;
	background-image: url('/img/login/off_toggle.png');
	text-align:left;
	padding: 10px 65px;
	display:inline-block;
	background-position:right;
}
input[type=checkbox]:checked.toggle + label {
    background-image: url('/img/login/on_toggle.png');
}

input[type=text],input[type=password]{
	margin: 5px 5px 5px 0;  padding: 7.5px;  border: solid 1px #dedede!important;  background-color: #f7faff;
}

input[type=text],input[type=password]:hover{
	background-color: #fff;
}

input::placeholder{
	font-size:14px;
	color:#737373;
	letter-spacing:-0.6px;
}


/* IPAD 대응_텍스트, 버튼 타입의 폼을 초기화 */
input[type=text],input[type=password],button,input[type=button],input[type=reset],input[type=submit],textarea{-webkit-appearance:none;-webkit-text-size-adjust:none;-webkit-border-radius:0}

/*skipNavigation*/
#skip{height:0}
#skip a{position:absolute;left:0;top:-10000px;z-index:15;display:block;width:100%;text-align:center;font-size:1.4em}
#skip a:hover,#skip a:focus,#skip a:active{position:absolute;top:0;padding:15px 0;font-weight:bold;color:#fff;background:#151a64;z-index:50}

/* layout */
#wrap{min-width:1001px;height:100%;}
#header{position:relative;height:70px;padding-top:10px;background:url(/img/login/bg_header.png) repeat-x}
#header h1{overflow:hidden;display:inline-block;margin-left:40px}
#header .gnb{overflow:hidden;position:absolute;right:62px;top:23px;padding-top:7px}
#header .gnb li{float:left;margin-left:5px;padding-left:5px;background:url(/img/login/bu_bar.png) 0 16px no-repeat;}
#header .gnb .frst{background:none}
#header .gnb li a{display:block}
#contents{float:left;width:800px;margin-left:10px}
#bx_container{max-width:980px;margin:0 auto 50px;padding:165px 0 0;}
#bx_container:after{clear:both;overflow:hidden;content:''}
#content{float:left;width:720px;margin-left:10px;}
#content img{vertical-align:top}
#content_login{position: relative;top: 180px;left: 50%;margin:0;margin-left: -490px;}
.snb{float:left;width:138px;height:100%}
.snb a,.snb img{display:block}


/* Content */
.login_content{min-height:500px;padding: 47px 0 52px;background:#fff;width:100%}
.pos_r{position:relative;width:auto !important}
.pos_r_v1{padding-bottom:30px}
.gutter{display:block;height:54px}
.t_info{position:absolute;left:140px;top:2px}
.t_info2{position:absolute;left:-6px;top:18px}
.chk_type{float:left}
.lbl_type{position:relative;left:3px;top:1px;float:left;margin-left:10px;color:#25283d;font-size:13px;}
.btn_type{position:absolute;left:450px;top:35px}
.btn_type2{position:relative;left:4px;*left:-2px;padding-right:1px}
.btn_ex{position:absolute;left:114px;top:0;*left:103px}
.txt_type,.txt_type:hover{color:#525252}
.txt_type2{display:inline-block;margin-left:6px;color:#6b6b6b}
.txt_type3{display:inline-block;margin:1px -3px 0 0}
.txt_type4{color:#525252}
h2{margin-bottom:8px;padding-bottom:14px;border-bottom:2px solid #e2e2e2}
h4.h_type{position:absolute;left:14px;top:11px}
h4.h_type2{margin:25px 0 9px;padding-left:19px;background:url(/img/login/bu_arr.png) 0 0 no-repeat}
h5{margin:17px 0 0 43px}
.p_dsc{margin:7px 0 30px}
.p_dsc2{margin:20px 0 5px;color:#525252;font-size:11px}
.p_dsc2 span{color:#d50102}
.p_dsc2_v1{margin:11px 0 6px}
.p_dsc2_v2{margin:0}
.p_dsc3{margin:2px 0;color:#6c6c6c;line-height:16px}
.p_dsc3 .tx_type{color:#d50102}
.p_dsc3 .tx_type2{display:block;padding-left:122px}
.p_dsc4{margin:13px 0 6px 4px;padding-left:16px;color:#356f94;font-weight:bold;background:url(/image/login/bl_hx2.png) 0 1px no-repeat}
.bx_type{position:relative}
.bx_login{position: relative;padding:40px 50px 40px 100px;float:left;}
.bx_login h3{font-size:25px;font-weight:bold;color:#111;}
.bx_login2{position: relative;overflow:hidden;width:920px;min-height:140px;border:1px solid #ddd!important;margin:40px;}
.bx_login2 h5{font-size:15px;font-weight:bold;color:#111;}
.lst_type li{border-bottom:1px solid #ededed}
.lst_type .on{background:url(/image/login/bu_arr2.png) 131px 16px no-repeat}
.lst_type .li_type{padding-bottom:3px}
.lst_type2{position:relative;left:10%;top:30px;width:400px;}
.lst_type2 .inp_type{width:250px;height:16px;padding:2px 0 0 4px;border:1px solid #ccc!important}
.lst_type2 dt{float:left;width:150px;height:19px;padding-top:4px;font-size:15px;font-weight:bold;}
.lst_type2 dt label{margin:5px;}
.lst_type2 dd{float:left;width:250px;height:23px}
.lst_type2 .dt_type,.lst_type2 .dd_type{margin-top:2px}
.lst_type2 .dd_type input{width:13px;height:13px}
.lst_type2 select{margin-left:4px}
.lst_type3{margin:19px 0 0 27px;line-height:16px}
.lst_type3 li{overflow:hidden;margin-bottom:13px;fon-size:12px;}
.lst_type3 dl{vertical-align:top}
.lst_type3 dt,.lst_type3 dd{padding-left:8px}
.lst_type3 dt{color:#2c2cae;font-weight:bold;}
.lst_type3 dd{margin-top:3px;color:#666;font-size:13px;}
.lst_type3 dd a{position:relative;top:0;left:1px}
.lst_type4{margin:19px 0 0 27px;line-height:16px}
.lst_type4 li{overflow:hidden;margin-bottom:2px;padding-left:8px;color:#6a6a6c;background:url(/image/login/bu_square.png) 0 6px no-repeat}
.tbl_type{width:100%;border-bottom:1px solid #d9d9d9}
.tbl_type_v1 td{color:#525252;text-align:center}
.tbl_type_v1 .tr_type td{text-align:center}
.tbl_type_v2 button{margin-left:2px;vertical-align:top}
.tbl_type_v2 select{color:#525252}
.tbl_type_v2 tr td{padding-left:6px}
.tbl_type_v2 .tr_type td{padding-left:10px}
.tbl_type_v3 tr th{border-top:1px solid #e21f26}
.tbl_type .tr_type th,.tbl_type .tr_type td{border-top:1px solid #e21f26;border-bottom:1px solid #d9d9d9}
.tbl_type th,.tbl_type td{height:28px;padding:2px 0 0 10px;border-bottom:1px solid #d9d9d9;text-align:left}
.tbl_type th{background:#f4f4f4;border-right:1p solid #d9d9d9;color:#525252;font-weight:normal}
.tbl_type .th_type{border-left:1px solid #d9d9d9}
.tbl_type .inp_type{width:130px;height:14px;padding:2px 0 0 4px;border:1px solid #ccc!important}
.tbl_type .inp_type_v1{border-color:#ccc;background:#eee}
.tbl_type .td_type{border:1px solid #ccc!important}
.btn_area{overflow:hidden;margin:10px 0 16px}
.btn_area button{width:64px;height:26px;vertical-align:top}
.btn_area button,.btn_area a,input{display:inline-block;margin-left:4px}
.hx_bluebox_itxt{margin-bottom:15px;padding-left:20px;font-size:0;line-height:1.1;vertical-align:top;background:url(/image/bl_hx.png?ver=0.0.1) no-repeat 0 1px}
.hx_blue_txt{display:block;margin-top:-1px;font-weight:bold;color: #2c2c92;font-size: 15px;margin-left:10px;}
input .txt{height:16px;padding:2px 0 0 4px;border:1px solid #ccc!important}

/* table */
.tb_st{overflow:hidden;clear:both;width:980px;border-top:1px solid #111;border-bottom:1px solid #a6a6a6}

.ly_type {width: 262px; padding-top: 10px; background: url(https://www.ktb.co.kr/img/common/bg_layer_top.gif) no-repeat; position: absolute; z-index:10;}
.ly_type .ly_cont {padding: 10px 15px; background: url(https://www.ktb.co.kr/img/common/bg_layer_bottom.gif) no-repeat bottom left; color: #717171; font-size:11px; line-height:1.4; letter-spacing:-1px;}
.ly_type .ly_cont p {padding-top: 3px; background:#fff}
.ly_type strong {padding-left: 15px; font-size:11px; color: #b8404b;}

.tab_sub{margin-bottom:10px;overflow:hidden;height:22px;background:url(/image/bg_tab.png) repeat-x 0 100%}
.tab_sub li{float:left;margin-right:2px;}
.tab_sub li a{display:block;height:22px;padding:0;font-size:11px;line-height:1.29em;font-weight:bold;text-decoration:none;color:#525252;background:url(/image/bg_tab.png) no-repeat 100% -25px}
.tab_sub li a span{display:block;height:17px;margin-right:5px;padding:5px 5px 0 10px;cursor:pointer;background:url(/image/bg_tab.png) no-repeat 0 -25px} 
.tab_sub li.on a{color:#d30000;background-position:100% 0}
.tab_sub li.on a span{background-position:0 0}
.tab_sub li ul{display:none}
.tab_sub li.on ul{display:block;position:absolute;right:0;top:27px;height:14px;padding:5px 2px 0;background:#efebe0}
.tab_sub li.on li{font-size:11px}
.tab_sub li.on li a{height:10px;margin:0;padding:0 3px 0 4px;font-weight:normal;line-height:1em;color:#333;background:none;border-left:1px solid #525252}
.tab_sub li.on li:first-child a{border-left:0}
.tab_sub li.on li.on a{font-weight:bold;color:#df0001}
.input_txt{height:14px;padding:2px 0 0 5px;font-size:12px;color:#525252;border:1px solid #ccc!important}
.txt_red{color:#df0001 !important}
.complete_wrap{min-height:140px;padding:45px 0 0 230px;background:url(/image/help/bg_complete.png) no-repeat}
.ir,a.bn{display:inline-block;overflow:hidden;vertical-align:top;}
.btn_wrap_r2{margin:10px 0 0 0;text-align:right}
.btn_go_main{width:109px;height:24px;background-position:-570px -310px}

.accnt_input1{width:30px;}
.accnt_input2{width:25px;}
.accnt_input3{width:50px;}
.accnt_input4{width:60px;}
.accnt_input5{width:70px;}
.accnt_input6{width:80px;}
.accnt_input7{width:90px;}
.accnt_input8{width:100px;}
.accnt_input9{width:240px;}

/* button */
.btn_go_sub{font-family:Roboto, notokr,Sans-serif !important;background-color: #ffffff;border-radius: 1px;border: 1px solid #dedede!important;height: 20px;overflow: hidden;margin-left:10px; padding:9px 3px;}
.btn_go_sub span{font-size: 11px;letter-spacing: -.3px;color: #25283d;vertical-align:top;}

#page_title{font-size:23px;color:#111;font-weight:bold}

/* bullet style */
.hx_bluebox{min-height:14px;margin-bottom:9px;padding-left:20px;font-size:0;line-height:0;vertical-align:top;background:url(/image/bl_hx.png?ver=0.0.1) no-repeat 0 1px}
.hx_bluebox_itxt{margin-bottom:9px;padding-left:20px;font-size:0;line-height:1;vertical-align:top;background:url(/image/bl_hx.png?ver=0.0.1) no-repeat 0 1px}
.hx_circle{margin-bottom:4px;padding-left:19px;font-size:13px;line-height:1.1;font-weight:bold;color:#0b6fc6;background:url(/image/bl_hx2.png?ver=0.0.1) no-repeat 4px 3px}
.hx_circle.sup{background-position:4px 6px}
.star_red{font-size:13px;line-height:1.32em;color:#555}
.star_red li{margin-top:3px;padding-left:11px;background:url(/image/bullet.png?ver=0.0.1) no-repeat 0 -388px}
.star_red_t{padding-left:11px;font-size:11px;line-height:1.32em;color:#555;background:url(/image/bullet.png?ver=0.0.1) no-repeat 0 -388px}

/* 03_help 꼭 읽어보세요/유의사항 */
.read{/*position:relative;*/padding:20px 0 20px 20px;background:#f2f2f2;word-break:keep-all;}
.read .tit_vital,.read .tit_attention{padding:0 0 12px 24px;}
.read .tit_vital{width:250px;height:auto;bckground-position:-595px -163px;background:none;background:url(/image/sp_help.png?ver=0.0.1) no-repeat -954px -19px;}
.read .tit_vital span{z-index:1;font-size:18px;color:#111;text-indent:0 !important;margin-top:-3px;}
.read .tit_attention{width:55px;height:15px;background-position:-953px -19px;}
.read .tit_attention span{z-index:1;font-size:13px;color:#111;line-height:1.1}

.agreeTbox {
	border:1px solid #ccc;
	background-color:#fff;
	padding:2px;
	width: 100%; 
	margin:0;
}
.agreeTbox2 {
	border:1px solid #ccc;
	background-color:#fff;
	padding:2px;
	width:544px;
	margin:0;
}
.agrmt_title{display:block;width:auto;margin:20px;text-align:center}
.agrmt_title span{font-family:'맑은고딕', '맑은 고딕', Roboto, notokr, Sans-serif !important;font-size:16px;color:#4775b2;font-weight:bold;}

input.bdWRe {
	font: normal 12px dotum;
	border: 1px solid #eeeeee;
	color: #525252;
	background: #eeeeee;
}
input.readonly {
	font: normal 12px dotum;
	padding: 2px 4px;
	border:0;
	height: 14px;
}
input.readGray {
	font: normal 12px dotum;
	padding: 2px 4px;
	border: 1px solid #cccccc;
	color: #525252;
	background: #eeeeee;
}

.btn_login_end {
	background-color: #25283d;width: 138px;height: 45px; padding:11px 43px;font-size: 18px;letter-spacing: -.72px;color: #ffffff;
}

.btn_login_end:hover {
	background-color: #2c2c92;width: 138px;height: 45px; padding:11px 43px;font-size: 18px;letter-spacing: -.72px;color: #ffffff;
}

.menu_area {
	margin: 0 auto; font-size:15px; color: #25283d;
}

.menu_text{
	margin: 0 15px;
	color:#25283d;
}
.menu_text:hover{
	margin: 0 15px;
	color: #0b6fc6;
	text-decoration:none;
}

.end_guide_area {
	background-color: #f0f2f5; width:820px; margin: 0 auto; padding:20px 30px; text-align:left; line-height:33px; color:#25283d;
}

.end_guide_area ul{
	font-size: 13px;letter-spacing: -.52px;color: #25283d;
}


/* daol_login */

.login_tit{
	margin: 0 240px 15px 0;   font-size: 25px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 0.06;  letter-spacing: -0.75px;  text-align: left;  color: #000;
}

.login_sub_tit{
	font-size: 15px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.33; letter-spacing: -0.45px;  text-align: left;  color: #000;
}

.login_box_l{
	display:inline;float:left;margin: 60px 30px 29.5px 0;width:470px;
}

.login_box_r{
	display:inline;float:right;width:470px;margin: 60px 10px 29.5px 0;width:470px;height:340px;
}

.login_box_l span{
	margin: 12px 258px 20px 10px;   font-size: 20px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 0.08;  letter-spacing: -0.6px;  text-align: center;  color: #25283d;
}

.sign_login{
	background-color:#fcfcfc; border-top:#dedede 2px solid; border-top:#dedede 2px solid; border-bottom:#dedede 1px solid; margin:10px 0 0; padding: 55px 40px 35px; height: 220px;
}

.btn_sign_login{
	display:block;height: 70px; margin: 0 0 20px;  padding: 23px 122px 23px 123px;  background-color: #25283d;  font-size: 18px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 1.39;  letter-spacing: -0.72px;  text-align: center;  color: #fff;
}
.btn_sign_login:hover{
	background-color:#2c2c92;
}

.btn_move{
	width: 180px;  height: 30px; border: solid 1px #dedede!important;  background-color: #fff; letter-spacing: -0.52px;  text-align: center;  color: #25283d; font-size:13px; cursor: pointer;
}

.btn_move:hover{
	border: solid 1px #0b6fc6!important; color:#0b6fc6;
}

.btn_move2{
	width: auto;  height: 30px; border: solid 1px #dedede!important;  background-color: #fff; letter-spacing: -0.52px;  text-align: center;  color: #25283d; font-size:13px; cursor: pointer; padding: 0 3.5px;
}

.btn_move2:hover{
	border: solid 1px #0b6fc6!important; color:#0b6fc6;
}


.btn_login{
	height: 125px;  margin: 0 0 10px 15px;  padding: 51px 23px 50px 24px;  background-color: #25283d;  font-size: 18px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 1.39;  letter-spacing: -0.72px;  text-align: center;  color: #fff;
}

.btn_login:hover{
	background-color:#2c2c92;
}

.issue_box{
	height:62px; margin: 29.5px 0 48px;  padding: 0 30px 0 72px;  background-color: #fdfdfd; border-top:#dedede 1px solid; border-bottom:#dedede 1px solid; font-size:15px; color: #25283d;  line-height: 1.33;  letter-spacing: -0.45px;
}

.cursor{cursor:pointer;}

.login_btn_style01{text-decoration:none; width: auto;  height: 20px;  padding: 2.5px 10px;  border-radius: 1px;  background-color: #dedede; color:#111111;cursor:pointer;}
.login_btn_style01:hover{background-color:#cccccc;}


.login_radio {display: inline-block; font-size: 13px; color: #25283d;}
.login_radio.left {float: left;}
.login_radio.right {float: right;}
.login_radio input {margin-right: 5px;}