@charset "utf-8";

@import url('/css/individual/style.css');
/* start 2019-06-12 */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); 

@font-face { 
	font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
	} 
@font-face { 
	font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
	} 
@font-face { 
	font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
} 
@font-face { 
	font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
} 
@font-face { 
	font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
} 
@font-face { 
	font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
} 
/* end 2019-06-12 */

#container.join {width:1110px; margin:45px auto 40px auto;}
#container.join .contents {position:relative; float:right; width:830px; min-height:450px; color:#000000; font-family:RixGoM;}
#container.join .contents:after {content:""; display:block; clear:both;}

/* 아이디 로그인 */
.login_wrap {display:none;}
.login_wrap.on {display:block;}

.login_id {width:450px; margin:120px auto;}
.login_id_box {height:110px; overflow:hidden; position:relative;}
.login_id_box .input_box {width:288px; height:38px; padding:5px; border:1px solid #484848; margin-bottom:10px; position:relative; }
.login_id_box .input_box img { vertical-align:middle;}
.login_id_box .input_box input {position:relative; left:0px; top:0px; z-index:3; border:none; height:24px; padding:7px 2px 7px 20px; color:#666; font-size:16px; line-height:20px; font-family:RixGoM; background:#fff;}
.login_id_box .input_box input::-webkit-input-placeholder {color:#999; font-size:16px; line-height:20px; font-family:RixGoM;}
.login_id_box .input_box input[type="password"] {font-family:돋움, dotum, verdana, sans-serif;}
.login_id_box .input_box label {overflow:hidden; position:absolute; top:-10000px; left:-10000px; visibility:hidden; font-size:0; line-height:0; height:0;}
.login_id_box .input_box .input_id.input_bg {background:url('/images/individual/2016/membership/bg_placeid.png') no-repeat left top;}
.login_id_box .input_box .input_pw {width:266px !important; background-image:none;}
.login_id_box .input_box .input_pw.input_bg {background:url('/images/individual/2016/membership/bg_placepw.png') no-repeat left top;}
.login_id_box .input_box .bg_none {background-image:none;}
.login_id_box .btn_login {position:absolute; right:0px; top:0px; }
.login_id_box .btn_login a {display:block; width:140px; height:110px; color:#fff; font-size:20px; line-height:110px; font-family:RixGoM; background:#484848; text-align:center; text-decoration:none;}
.login_id_box .btn_login a.on {background:#e60000;}
.login_util {overflow:hidden; margin-top:15px;}
.login_util li {float:left; padding-right:15px; font-family:RixGoM; margin-right:25px; background:url('/images/individual/2016/common/bg_login_arr01.gif') no-repeat right 50%;}
.login_util li a {font-size:13px; font-family:RixGoM; color:#000; text-decoration:none;}

.login_topbanner {width: 1110px; padding:26px 0; background-color:#f6f6f6; text-align:center; }
.login_topbanner strong {display:inline-block; margin-left:10px; padding-left:31px; height:30px; line-height:30px; background:url('/images/individual/2016/common/ico_lock.gif') no-repeat left; font-size:16px; font-family:RixGoM;}


/* 아이디 로그인 하단 */
.use_guide {}	
.use_guide .con_box {overflow:hidden;}
.use_guide .con_box h4 {font-family:RixGoM; font-size:18px; line-height:22px; color:#000; margin-bottom:15px;}
.use_guide .con_box .con01 {float:left; width:530px;}
.use_guide .con_box .con02 {float:left; width:306px;}
.use_guide .con_box .con02 .btn_white_s1 a {width:88px; padding:0 10px; text-align:center;}
.use_guide .con_box .con02 .ovHidden {width:225px;}
.use_guide .con_box .con03 {float:left; width:274px;}
.use_guide .con_box .con03 .ovHidden {width:225px;}
.use_guide .con_box .con03 .btn_white_s1 a {width:88px; padding:0 10px; text-align:center;}

/* 공인인증서 로그인 */
.login_pub {width:910px; margin:120px auto;}
.login_pub .btn_certi {overflow:hidden; margin-top:45px;}
.login_pub .btn_certi span {margin-left:10px;}
.login_pub .btn_certi span:first-child {margin-left:0;}

/* isp 로그인 */
.login_isp {width:910px; margin:120px auto; font-size:16px;}
.login_isp .btn_isp {overflow:hidden; margin-top:45px;}
.login_isp .btn_isp span {margin-left:10px;}
.login_isp .btn_isp span:first-child {margin-left:0;}

.sub_tit {margin-top:70px;}
.sub_tit h3 {color:#000; font-size:22px; font-family:'RixGoL'; font-weight:bold; line-height:24px;}
.sub_tit h4 {color:#000; font-size:20px; font-family:'RixGoL'; font-weight:bold;}
.sub_tit p {color:#000; font-size:18px; font-family:'RixGoL'; font-weight:bold; line-height:22px;}
.sub_tit p:first-child {padding-left:10px;}
.sub_tit.bd_btm {padding-bottom:20px; border-bottom:1px solid #000000;}
.sub_tit.subdiv {padding-left:10px;}
.sub_txt {margin-top:30px; font-size:14px; font-family:RixGoM;}

/* contents */
.contents {position:relative; float:right; width:830px; min-height:450px; color:#000000; font-family:RixGoM;}
.contents:after {content:""; display:block; clear:both;}


/* 회원가입 STEP default 4단계 */
.login_step {overflow:hidden;}
.login_step li {position:relative; float:left; width:237px; height:35px; padding:18px 0 0 10px; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; background:#ffffff; color:#000000; font-size:14px; font-weight:bold; text-align:center; letter-spacing:-1px;}
.login_step li:first-child {border-left:1px solid #cacaca; width:236px;}
.login_step li .step_arr {z-index:5; position:absolute; top:-1px; right:-22px; width:22px; height:55px; background:url('/images/individual/2016/common/step_arr.png') no-repeat;}
.login_step li.on {background:#e60000; color:#ffffff;}
.login_step li.on .step_arr {z-index:5; position:absolute; top:-1px; right:-22px; width:22px; height:55px; background:url('/images/individual/2016/common/step_arr_on.png') no-repeat;}
/* STEP 3 단계 */
.login_step.colstep3 li {width:319px; height:35px; padding:18px 0 0 10px;}
.login_step.colstep3 li:first-child {width:319px;}


/* 약관동의 */
input.input_ck[type='checkbox'],
input.input_rd[type='radio'] {position:absolute; left:-9999em; width:0; height:0; margin:0; padding:0; text-indent:-9999em;z-index:-1;}

.site_agree {overflow:hidden; font-family:'RixGoM';}
.site_agree > div {margin-top:70px;}
.site_agree div:first-child {}
.site_agree .mem_join {margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #000000; font-size:20px; font-family:'RixGoL'; font-weight:bold; line-height:24px;}
.site_agree .mem_join label {display:inline-block; height:24px; line-height:26px; padding-left:34px; background:url('/images/individual/2016/common/bg_input.png') no-repeat 0px -80px; vertical-align:middle;}
.site_agree .mem_join label.on {background-position:0px 0px}
.site_agree ul {overflow:hidden; height:49px; border-bottom:1px solid #dddddd;}
.site_agree ul.mem_check + p.bl_list01 {margin-top:20px;}
.site_agree ul li {float:left; width:207px; margin-bottom:20px; font-size:16px; line-height:19px; letter-spacing:-1px;}
.site_agree ul li label {display:inline-block; position:relative; height:19px; padding-left:29px; background:url('/images/individual/2016/common/bg_input.png') no-repeat 0px -240px; color:#000; font-family:'RixGoM'; vertical-align:middle;}
.site_agree ul li label.on {background-position:0px -160px; font-family:'RixGoL'; font-weight:bold;}
.site_agree ul li label .point {color:#e60000;}
.site_agree .nor_note {margin-top:30px;}

.btn_member_join {margin:70px 0 60px 0; text-align:center;}

/* 약관동의 및 본인인증 */
.agree_list_all {margin:50px 0; font-size:20px; font-family:'RixGoL'; font-weight:bold;  text-align:center;}
.agree_list_all label {display:inline-block; position:relative; height:20px; line-height:20px; padding-left:28px; background:url('/images/individual/2016/common/bg_input.png') no-repeat 0 -240px; color:#000; vertical-align:top;}
.agree_list_all label.on {background-position:0px -160px;}

.clause_tit {overflow:hidden; position:relative; margin-top:50px;}
.clause_tit p.accr_open_all {position:absolute; top:0; right:0; width:124px; font-size:14px; background:url('/images/individual/2016/common/bg_arrow.png') no-repeat 102px 4px; cursor:pointer;}
.clause_tit p.accr_open_all.on {background-position:-56px 4px}

.clause_agree {margin-top:20px; border-top:1px solid #000000; font-family: RixGoM;}
.clause_agree ul > li {position:relative; border-bottom:1px solid #dddddd;}
.clause_agree .agree_list .list_head {padding:25px 0px 25px 20px; font-size:16px; font-family: inherit;}
.clause_agree .agree_list .list_head p {margin:20px 0 0 28px; font-size:12px; font-family:RixGoM;}
.clause_agree .list_head label {display:inline-block; position:relative; height:19px; padding-left:30px; background:url('/images/individual/2016/common/bg_input.png') no-repeat 0 -240px; color:#000; vertical-align:top;}
.clause_agree .list_head label.on {background-position:0px -160px;}
.clause_agree .agree_list .pdf_down {position:absolute; top:20px; right:151px; padding:7px 15px; border:1px solid #555555; color:#484848; font-size:13px;}
.clause_agree .agree_list .accr_open {position:absolute; top:26px; right:20px; width:91px; background:url('/images/individual/2016/common/bg_arrow.png') no-repeat 69px 4px; cursor:pointer; font-size:14px; font-family:'RixGoL'; font-weight: bold;}
.clause_agree .agree_list .accr_open.on {background-position:-89px 3px}
.clause_agree .agree_list .accr_cont {display:none; padding:30px 50px; border-top:1px solid #dddddd;}
.clause_agree .agree_list .agreebox_cont {overflow-y:auto; height:217px; padding-right:100px; color:#484848; font-family:RixGoM; }
.clause_agree .agree_list .accr_cont ul li {border:none;}

/* 이용약관 컨텐츠 2016-10-05 */
.agreebox_cont h4 {font-size:13px !important; font-weight:bold; color:#555555; margin:30px 0 15px 0; font-size:13px; font-family: RixGoM;}
.agreebox_cont h4.first {margin-top:0;}
.agreebox_cont h5 {font-size:13px !important; font-weight:bold; color:#555555; margin:30px 0 15px 0; font-size:13px; font-family: RixGoM;}
.agreebox_cont h5.first {margin-top:0;}
.agreebox_cont ol li {margin:0 0 2px 16px; text-indent:-16px;}
.agreebox_cont ol li .ti10 li {margin:0 0 2px 10px !important; text-indent:-10px !important;}
.agreebox_cont ol li .ti20 li {margin:0 0 2px 20px !important; text-indent:-20px !important;}
.agreebox_cont p, .agreebox_cont ol li, .agreebox_cont ul li, .agreebox_cont dl dt, .agreebox_cont dl dd {font-size:13px; font-family: RixGoM;}

/* 본인인증 - 공인인증 */
.certi_box {border-top:1px solid #000000; border-bottom:1px solid #dddddd; color:#000000; font-size: 18px; font-family:'RixGoL'; font-weight: bold;}
.tab_certi {padding:30px 0; text-align:center; font-family:inherit; line-height:24px;}
.tab_certi li {display:inline; margin-left:100px;}
.tab_certi li:first-child {margin-left:0;}
.tab_certi li label {display:inline-block; height:24px; padding-left:34px; background:url('/images/individual/2016/common/bg_input.png') no-repeat 0px -80px; vertical-align:top;}
.tab_certi li label.on {background-position:0px 0px;}

.certi_wrap {display:none; padding:30px 0; border-bottom:1px solid #dddddd;}
.certi_wrap.on {display:block;}
.certi_wrap.btm_none {padding-bottom:0; border-bottom:none;}
.certi_wrap .btn_certi {overflow:hidden; margin-top:30px;}
.certi_wrap .btn_certi span {margin-left:10px;}
.certi_wrap .btn_certi span:first-child {margin-left:0;}
.certi_wrap .btm_note {margin-top:15px; color:#484848; font-size:14px; font-family:RixGoM;}

.btn_member_area {margin-top:30px; margin-bottom:60px; text-align:right;}
.btn_member_area span {margin-left:10px;}
.btn_member_area span:first-child {margin-left:0;}

/* 본인인증 - 휴대폰인증 */
.list_form {margin-top:-30px}
.list_form > li {border-bottom:1px solid #dddddd;}
.list_form li dl {display:table; height:70px;}
.list_form li dl dt, .list_form li dl dd {display:table-cell; font-family:'RixGoM'; vertical-align:middle;}
.list_form li dl dt {width:130px; padding-left:20px; font-size:16px;}
.list_form li dl dd {}
input.input_txt {padding:4px 10px 3px 20px; height:31px; border:1px solid #aaaaaa; font-size:14px; font-family:RixGoM; line-height:31px; }
.list_form dl.birth {}
.list_form dl.date span, .list_form2 dl.date span {margin-right:30px; font-size:14px; font-family:RixGoM; font-weight:normal; vertical-align:middle;}

.list_form li .small_radio {overflow:hidden;}
.list_form li .small_radio li {display:inline-block; margin-left:30px; font-size:14px; font-weight:normal;}
.list_form li .small_radio li:first-child {margin-left:0;}
.list_form li .small_radio input[type='radio'] + label {display: inline-block; height:20px; line-height:20px; padding-left:29px; background: url('/images/individual/2016/common/bg_input.png') no-repeat 0px -400px; vertical-align: middle;}
.list_form li .small_radio input[type='radio'] + label.on {background-position:0px -320px;}

.list_form .input_birth.input_bg, .list_form2 .input_birth.input_bg {background:url('/images/individual/2016/common/bg_input_birth.png') no-repeat left top;}
.list_form .input_cell.input_bg, .list_form2 .input_cell.input_bg {background:url('/images/individual/2016/common/bg_input_cellphone.png') no-repeat left top;}
.list_form .input_month.input_bg {background:url('/images/individual/2016/common/bg_input_month.png') no-repeat left top;}
.list_form .input_day.input_bg {background:url('/images/individual/2016/common/bg_input_day.png') no-repeat left top;}
.list_form .input_password.input_bg {background:url('/images/individual/2016/common/bg_input_password.png') no-repeat left top;}
.list_form .input_cvc.input_bg {background:url('/images/individual/2016/common/bg_input_cvc.png') no-repeat left top;}

.list_form2 {}
.list_form2 > li {border-bottom:1px solid #dddddd;}
.list_form2 li dl {display:table; padding:15px 0;}
.list_form2 li dl dt {display:table-cell; font-family:'RixGoM';}
.list_form2 li dl dt {width:130px; padding-left:20px; font-size:16px;}
.list_form2 li dl dt + dd + dd {margin-top:15px;}
.list_form2 li dl dt + dd + dd span{margin-left:10px;}
.list_form2 .selectbox {display:inline-block; position:relative; height:40px; line-height:40px; margin-right:10px; border:1px solid #aaaaaa; background:url('/images/individual/2016/common/bg_select_arr.png') no-repeat 86% 50%; z-index:1;}
.list_form2 .selectbox label {position:absolute; top:0px; left:20px; font-size:14px; font-family:RixGoM;}
.list_form2 .selectbox select {height:40px; line-height:40px; font-size:14px; font-family:inherit; border:0; opacity:0; filter:alpha(opacity=0); -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.list_form2 .selectbox.focus {border-color:#66afe9; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadowinset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}
.list_form2.certi_num {margin-top:50px; border-top:1px solid #000000}
.mr_input input.input_txt,
.mr_input li dl dd span.btn  {margin-right:10px;}


.list_form .selectbox {display:inline-block; position:relative; height:40px; line-height:40px; margin-right:10px; border:1px solid #aaaaaa; background:url('/images/individual/2016/common/bg_select_arr.png') no-repeat 86% 50%; z-index:1;}
.list_form .selectbox label {position:absolute; top:0px; left:20px; font-size:14px; font-family:RixGoM; font-weight:normal;}
.list_form .selectbox select {height:40px; line-height:40px; font-size:14px; font-family:inherit; border:0; opacity:0; filter:alpha(opacity=0); -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.list_form .selectbox.focus {border-color:#66afe9; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadowinset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}

/* 정보입력 */
.list_form2 .basic_name dt, .list_form2 .basic_name dd {height:40px; display:table-cell; vertical-align:middle; font-size:14px; font-family:RixGoM;}
.list_form2 dl dd .basic_txt {margin-top:10px; color:#484848; font-size:14px; font-family:RixGoM;}
.list_form2 dl dd .basic_txt li {line-height:21px;}
.list_form2 dl dd .basic_postal, .list_form2 dl dd .basic_chk {display:block; margin-top:15px;}
.list_form2 dl.email span {margin-right:10px; font-size:13px;}
.list_form2 dl dd .basic_chk {display:block; margin-top:15px; color:#484848; font-size:14px; font-family:RixGoM;}
.list_form2 dl dd .basic_chk label {display:inline-block; position:relative; height:19px; padding-left:28px; background:url('/images/individual/2016/common/bg_input.png') no-repeat 0 -240px; color:#000; vertical-align:top;}
.list_form2 dl dd .basic_chk label.on {background-position:0px -160px;}

/* 가입완료 */
.join_wrap {margin:70px 0;}
.join_wrap .bl_list01 {margin-top:45px; }
.join_wrap .bl_list01  > li {display:inline; margin-left:40px; padding-left:15px; background:url('/images/individual/2016/common/bg_bl_list01.gif') no-repeat 2px 7px;  color:#484848; font-size:14px; font-family:RixGoM;}
.join_wrap .bl_list01 li:first-child {margin-left:0;}

/* 아이디 찾기 */
.txt_idfind {margin:40px 0; font-size:20px; font-family:'RixGoL'; font-weight:bold;}

/* start 로그인 2019-06-12 */
.login_total_wrap div, .login_total_wrap span, .login_total_wrap h1, .login_total_wrap h2, .login_total_wrap h3, .login_total_wrap h4, .login_total_wrap h5, .login_total_wrap h6, .login_total_wrap p, .login_total_wrap a, .login_total_wrap del, .login_total_wrap em, .login_total_wrap img, .login_total_wrap strong, .login_total_wrap b, .login_total_wrap u, .login_total_wrap i, .login_total_wrap center, .login_total_wrap dl, .login_total_wrap dt, .login_total_wrap dd, .login_total_wrap ol, .login_total_wrap ul, .login_total_wrap li, .login_total_wrap fieldset, .login_total_wrap form, .login_total_wrap label, .login_total_wrap legend, .login_total_wrap table, .login_total_wrap caption, .login_total_wrap tbody, .login_total_wrap tfoot, .login_total_wrap thead, .login_total_wrap tr, .login_total_wrap th, .login_total_wrap td, .login_total_wrap input,  .login_total_wrap select {font-size:100%; font-family:inherit;}

/* 타이틀 */
.login_tit_wrap {margin-bottom:28px;}
.login_tit_wrap h2 {color:#000; font-size:37px; line-height:37px; font-weight:700; font-family:'Noto Sans KR';}
.login_tit_wrap h3 {margin-top:25px; color:#000; letter-spacing:-1px; font-size:23px; line-height:23px; font-family:'Noto Sans KR';}

/* 탭 */
.login_total_tab {width:100%; font-family:'Noto Sans KR';}
.login_total_tab:after {content:""; display: block; clear: both;}
.login_total_tab > li {float:left; text-align:center; }
.login_total_tab.col2 > li {width:50%;}
.login_total_tab.col3 > li {width:33.33%;}
.login_total_tab.col4 > li {width:25%;}
.login_total_tab > li  > a {display:block; box-sizing:border-box; border:1px solid #d8d8d8; color:#666; font-size:18px; height:68px; line-height:68px; font-family:'Noto Sans KR';}
.login_total_tab > li  + li > a {margin-left:-1px;}
.login_total_tab > li.on > a {position:relative; border-bottom:none; color:#e60000; font-weight:700;}
.login_total_tab > li.on > a:before {display:block; content:''; position:absolute; top:-1px; right:-1px; left:-1px; height:3px; background-color:#e50100;}

/* 휴대폰 인증 */
.login_total_wrap {background-color:#fafafa; font-size:15px; font-family:'Noto Sans KR';}
.login_total_wrap .txt_red {color:#ef3f4a;}

.login_total_wrap table.tbLoginRow {width:100%; margin:0 auto; border-top:1px solid #000; table-layout:fixed;}
.login_total_wrap table.tbLoginRow th {background:#fafafa; padding:25px 15px; border-bottom:1px solid #d8d8d8; text-align:left; font-size:18px; line-height:25px; font-weight:500; color:#000; vertical-align:top;}
.login_total_wrap table.tbLoginRow td {padding:15px; border-bottom:1px solid #d8d8d8; color:#484848; text-align:left; font-size:16px; line-height:20px; vertical-align:top;}
.login_total_wrap table.tbLoginRow td .invisibleNum {margin-left:3px; color:#aaa; font-size:13px; letter-spacing:3px;}

.login_total_wrap .terms_agree_box {background-color:#fff;}
.login_total_wrap .terms_agree_box .agree_tit {position:relative; padding:11px 20px; border:1px solid #aaa;}
.login_total_wrap .terms_agree_box .agree_tit .btn_agree_toggle {position:absolute; top:50%; right:10px; margin-top:-8px;}
.login_total_wrap .terms_agree_box .agree_tit .btn_agree_toggle a {display:block; padding:5px 10px;}
.login_total_wrap .terms_agree_box .agree_tit .btn_agree_toggle .btn_more {display:none;}
.login_total_wrap .terms_agree_box .agree_tit .btn_agree_toggle .btn_close {display:block;}
.login_total_wrap .terms_agree_box .agree_tit_cont {padding:30px 20px; border:1px solid #d9d9d9; border-top:none;}
.login_total_wrap .terms_agree_box {background-color:#fff;}
.login_total_wrap .terms_agree_box .agree_item + .agree_item {margin-top:15px;}
.login_total_wrap .terms_agree_box .agree_item .agree_item_tit {position:relative;}
.login_total_wrap .terms_agree_box .agree_item .agree_item_tit .btn_agree_toggle {position:absolute; top:50%; right:-10px; margin-top:-8px;}
.login_total_wrap .terms_agree_box .agree_item .agree_item_tit .btn_agree_toggle a {display:block; padding:5px 10px;}
.login_total_wrap .terms_agree_box .agree_item .agree_item_tit .btn_more {display:block;}
.terms_agree_box .agree_item .agree_item_tit .btn_close {display:none;}
.login_total_wrap .terms_agree_box .agree_item_cont {display:none; overflow-y:auto; height:55px; margin-top:15px; padding:10px 15px; border-top:1px dashed #ddd; border-bottom: 1px dashed #ddd;}
.login_total_wrap .terms_agree_box .agree_cont, .terms_agree_box .agree_cont h3 {font-size:15px;}
.login_total_wrap .mobile_wrap:after {content:''; display:block; clear:both;}
.login_total_wrap .mobile_wrap .rdo_wrap {float:left; margin-top:12px;}
.login_total_wrap .mobile_wrap .selectbox {float:right;}

.login_total_wrap .input_btn_wrap:after {content:''; display:block; clear:both;}
.login_total_wrap .input_btn_wrap .input_inner {float:left;}
.login_total_wrap .input_btn_wrap .input_inner:after {display:block; content:''; clear:left;}
.login_total_wrap .input_btn_wrap .input_inner .selectbox, 
.login_total_wrap .input_btn_wrap .input_inner input {float:left;}
.login_total_wrap .input_btn_wrap .input_inner input {margin-left:10px;}
.login_total_wrap .input_btn_wrap .btn {float:right;}

.login_total_wrap .input_timelimit {float:left; position:relative; width:200px; padding-right:120px;}
.login_total_wrap .input_timelimit:after {content:''; display:block; clear:both;}
.login_total_wrap .input_timelimit .txt_timelimit {position:absolute; top:16px; right:20px; color:#737373; font-size:15px;}
.login_total_wrap .login_input {height:40px; border:1px solid #aaa; padding:4px 10px; color:#000; font-size:16px; line-height:16px;}
.login_total_wrap .login_input:focus {outline:none; border:1px solid #e60000;}

.login_input_chk {display:inline-block; position:relative;}
.login_input_chk input[type="checkbox"] {position:absolute; top:0; left:0; margin:0; padding:3px; cursor:pointer; opacity:0;}
.login_input_chk input[type="checkbox"] + label {display:block; position:relative; padding-left:35px; line-height:26px; font-size:16px;}
.login_input_chk input[type="checkbox"]:not(:checked) + label:before,
.login_input_chk input[type="checkbox"]:checked + label:before {content:''; position:absolute; top:50%; left:0; width:26px; height:26px; margin-top:-13px; background:url('/images/individual/membership/bg_checkbox.png') no-repeat 0 0; background-size:26px 52px;}
.login_input_chk input[type="checkbox"]:checked + label:before {background-position:0 bottom;}
.login_input_chk input[type="checkbox"]:focus + label:before {outline:1px dotted #000;}

.login_input_rdo {display:inline-block; position:relative;}
.login_input_rdo input[type="radio"] {position:absolute; top:0; left:0; margin:0; cursor:pointer; opacity:0;}
.login_input_rdo input[type="radio"] + label {display:block; position:relative; padding-left:35px; line-height:26px;}
.login_input_rdo input[type="radio"]:not(:checked) + label:before,
.login_input_rdo input[type="radio"]:checked + label:before {content:''; position:absolute; top:50%; left:0; width:26px; height:26px; margin-top:-13px; background:url('/images/individual/membership/bg_radio.png') no-repeat 0 0; background-size:26px 52px;}
.login_input_rdo input[type="radio"]:checked + label:before {background-position:0 bottom;}
.login_input_rdo input[type="radio"]:focus + label:before {outline:1px dotted #000;}

.login_total_wrap .selectbox {display:inline-block; position:relative; border:1px solid #aaa; background-color:#fff; z-index:1; box-sizing:border-box;} 
.login_total_wrap .selectbox:before {content: ""; position:absolute; top:50%; right:15px; width:10px; height:6px; margin-top:-4px; background:url('/images/individual/membership/ic_agree_off.png') no-repeat 0 0;} 
.login_total_wrap .selectbox label {position:absolute; top:50%; left:10px; height:44px; font-size:16px; line-height:44px; margin-top:-22px; z-index:-1;}
.login_total_wrap .selectbox select {width:100%; height:48px; line-height:normal; font-size:15px; font-family:inherit; padding:10px 10px; border:0; opacity:0; filter:alpha(opacity=0); -webkit-appearance: none; -moz-appearance: none; appearance: none;}

/* PIN번호 설정 */
.login_total_wrap .pin_certi_inner {width:849px; margin:0 auto; padding:90px 0 120px;}
.login_total_wrap .pin_set_inner {width:614px; margin:0 auto; padding:121px 0;}

.login_total_wrap .pin_input_box {position:relative; width:300px;}
.login_total_wrap .pin_input_box .password_wrap {width:212px; height:38px; padding:5px 46px 5px 40px; border:1px solid #aaa; background:#fff; line-height:38px;}
.login_total_wrap .pin_input_box .password_wrap .num {display:inline-block; width:12px; height:12px; border:1px solid #a9a9a9; border-radius:50%;}
.login_total_wrap .pin_input_box .password_wrap .num + .num {margin-left:15px;}
.login_total_wrap .pin_input_box .password_wrap .num.active {border:1px solid #eb4249; background-color:#eb4249;}
.login_total_wrap .pin_input_box .btn_keypad {position:absolute; top:1px; right:1px; z-index:1; width:46px; height:47px;}

.login_total_wrap .login_txt {text-align:center; font-size:24px; line-height:33px; color:#333; font-weight:500;}
.login_total_wrap .link_group {display:table; width:100%; margin-top:30px;}
.login_total_wrap .link_group > a {display:table-cell; position:relative; text-align:center; font-size:16px; color:#000;}
.login_total_wrap .link_group.col2 > a {width:50%;}
.login_total_wrap .link_group.col3 > a {width:33.33%;}
.login_total_wrap .link_group > a + a:before {content:''; position:absolute; top:50%; left:0; width:2px; height:20px; margin-top:-10px; background-color:#a9a9a9;}

/* PIN등록 */
.login_total_wrap .pin_regi_box {width:420px; margin:0 auto; padding:300px 0 120px; background:url('/images/individual/membership/bg_login_pin.png') no-repeat center 120px;}
.login_total_wrap .pin_regi_box .btn > a {width:338px;}

/* PIN 로그인 */
.login_total_wrap .pin_login_box {width:300px; margin:0 auto; padding:115px 0 120px;}
.login_total_wrap .pin_login_box .pin_input_box {margin-top:40px;}

/* 아이디 로그인 */
.login_total_wrap .id_login_box {width:440px; margin:0 auto; padding:120px 0;}
.login_total_wrap .id_login_box .login_input {width:378px; padding-right:50px;}
.login_total_wrap .id_login_box .btn > a {width:358px;}
.login_total_wrap .password_input_box {position:relative; margin-top:10px;}
.login_total_wrap .password_input_box .btn_keypad {position:absolute; top:1px; right:1px; z-index:1; width:46px; height:47px;}

/* 공인인증서 로그인 */
.login_total_wrap .sign_login_box {width:420px; margin:0 auto; padding:300px 0 120px; background:url('/images/individual/membership/bg_login_sign.png') no-repeat center 120px;}
.login_total_wrap .sign_login_box .btn > a {width:338px;}

/* 레이어 팝업 */
.layer_pin_wrap .layer_mask {display:none; position:fixed; top:0; left:0; z-index:10000; width:100%; height: 100%; background:rgba(0, 0, 0, 0.8); background-size:100%;}
.layer_pin_wrap .layer_pin_cont {display:none; position: absolute; top:50%; left:50%; z-index:11000; width:540px; padding:50px 45px 70px; background-color:#fff; color:#333;}
.layer_pin_wrap .layer_pin_tit {margin-bottom:25px;  font-size:30px; line-height:30px; font-weight:500; font-family:'Noto Sans KR';}
.layer_pin_wrap .bu01 > li {font-size:16px; font-family:'Noto Sans KR';}
.layer_pin_wrap .btn > a {width:338px;}
.layer_pin_wrap .btn_layer_close {position:absolute; top:53px; right:50px; width:23px; height:23px;}

/* 로그인 에러 */
.login_error_wrap {width:580px; margin:0 auto; padding:260px 0 100px;  background:url('/images/individual/membership/bg_login_error.png') no-repeat center 108px;}
.login_error_wrap .error_info {padding-bottom:25px; border-bottom:2px solid #d8d8d8;}
.login_error_wrap .error_tit {text-align:center; font-size:24px; line-height:33px; color:#333; font-weight:500; font-family:'Noto Sans KR';}
.login_error_wrap .error_txt {text-align:center; font-size:16px; line-height:25px; color:#666; font-family:'Noto Sans KR';}
.login_error_wrap .link_group {display:table; margin:30px auto 0;}
.login_error_wrap .link_group > a {display:table-cell; position:relative; padding:0 30px; text-align:center; font-size:16px; color:#000; font-family:'Noto Sans KR';}
.login_error_wrap .link_group > a + a:before {content:''; position:absolute; top:50%; left:0; width:2px; height:20px; margin-top:-10px; background-color:#a9a9a9;}
.login_error_wrap .btn_area:after {content:''; display:block; clear:both;}
.login_error_wrap .btn_area .btn {float:left; text-align:center;}
.login_error_wrap .btn_area .btn + .btn {margin-left:4px;}
.login_error_wrap .btn_area .btn > a {width:206px;}
.login_error_wrap .btn_area .btn_red_b1 > a {background:#ef3f4a;}
.login_error_wrap .btn_area.ac .btn {float:none; text-align:center;}

/* pin 설정 완료 2019-06-20 */
.pin_step_wrap {margin-top:76px;}
.pin_complete_wrap {width:580px; margin:0 auto; padding:225px 0 100px; background:url('/images/individual/membership/bg_pin_complete.png') no-repeat center 90px; text-align:center; }
.pin_complete_wrap .tit {font-size:24px; line-height:33px; color:#333; font-weight:500; font-family:'Noto Sans KR';}
.pin_complete_wrap .btn_area .btn > a {width:168px;}
.pin_complete_wrap .txt {color:#666; font-size:16px; line-height:25px; font-family:'Noto Sans KR';}
/* end 로그인 2019-06-12 */