@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: local('NanumGothic'), url(../fonts/NanumGothicRegular.woff) format('woff'),url(../fonts/NanumGothicRegular.eot) format('eot'),url(../fonts/NanumGothicRegular.ttf) format('ttf');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 600;
  src: local('NanumGothicBold'), url(../fonts/NanumGothicBold.woff) format('woff'),url(../fonts/NanumGothicBold.eot) format('eot'),url(../fonts/NanumGothicBold.ttf) format('ttf');
}

/* Reset */
* {box-sizing:border-box;-webkit-box-sizing:border-box; , -moz-box-sizing:border-box;}
*,header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{margin:0; padding:0;}
html,body{width:100%;height:100%;line-height: 1;background: #eaeaea;}
body,div,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family: 'NanumGothic','Nanum Gothic',arial,'Open Sans',sans-serif;font-size:15px;color:#292929;font-weight: 400;}
body{background-color:#eaeaea;}
img,fieldset,iframe{border:0 none}
img {vertical-align: top;}
li{list-style:none}
input,select,button{vertical-align:middle}
i,em,address{font-style:normal}
button{cursor:pointer;margin:0;padding:0}
a{color:#555;text-decoration:none}
a:hover{color:#555;}
a.border_line {border-bottom: 1px solid #4791f3;}
#a,button,input {outline: 0 none;outline-width: 0;}
.btn:focus {border: 2px solid #7b7b7b; } 
input:focus {outline: 1px solid #7b7b7b; }
button *{position:relative}
button img{left:-3px;*left:auto}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}

/* Hidden */
.blind {text-indent: -9999px;}
.blind_position {position: absolute;top: -9999em;width: 1px;height: 1px;overflow: hidden;}

/* Skip */
.skip a{display:block;position:absolute;left:0;top:-9999em;z-index:9999;display:block;width:100%;background-color:#563d7c;color:#fff;font: bold 1.3em/2 arial,Sans-serif;}
.skip a:focus{top:0;}

.clearfix {*zoom:1}
.clearfix:after {content:'';display: block;clear: both;}


/* global  */
.mgl5 {margin-left: 5px;}
.mgl10 {margin-left: 10px;}
.mgr5 {margin-right: 5px;}
.mgr10 {margin-right: 10px;}
.mgr15 {margin-right: 15px;}
.mgr20 {margin-right: 20px;}
.mgt10 {margin-top: 10px;}
.mgt20 {margin-top: 20px;}
.mgt25 {margin-top: 25px;}
.mgt40 {margin-top: 40px;}
.mgt50 {margin-top: 50px;}
.mgb3 {margin-bottom: 3px;}
.mgb5 {margin-bottom: 5px;}
.mgb7 {margin-bottom: 7px;}
.mgb10 {margin-bottom: 10px;}
.mgb15 {margin-bottom: 15px;}
.mgb20 {margin-bottom: 20px;}
.mgb25 {margin-bottom: 25px;}
.pdb100 {padding-bottom: 100px;}

.point {color: #4791f3;}
.point:hover {color: #4791f3;}
.point_b {color: #292929;}
.bold {font-weight: 600;}
.tdu {text-decoration: underline;padding-bottom: 1px;}
.cursor_default {cursor: default !important;}
.disabled {background: #f5f5f5 !important;}
.error_txt {font-size: 15px;margin-top: 5px;padding-left: 143px;display: none;}
.error_txt.Available {color: #4791f3;}
.error_txt.impossible {color: #de4747;}
.error_txt.nopadding {padding-left: 0;}
.error_txt.padding83 {padding-left: 83px;}
.position_rel {position: relative;}
.btn {height: 40px;border: 0;}
.btn_30 {height: 30px;border: 0;}
.btn_blue {background: #3087f2;color: #fff;}
.btn_blue:hover {background: #1666cc;color: #fff;}
.btn_gray {background: #ddd;color: #444;}
.btn_gray:hover {background: #aaa;color: #fff;}
.left_border {border: 1px solid #aaa;border-left: 0;background: #fff;}
.right_border {border: 1px solid #aaa;border-right: 0;background: #fff;background: #fff;}
.left_border:hover, .right_border:hover {border-color: #3087f2;color: #013281;background: #3087f2;}
.btn_circle {border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;-o-border-radius: 25px;}
select.basic {border: 1px solid #DDD;}
.text_red {color: #FF0000;}
.text_blue {color: #0054FF;}


/* << page style >> */
#wrap {background: #fff;min-width: 1080px;position: relative;min-height: 100%;}
#header {background: #013281;}
#header .header_in {height: 110px;width: 900px;margin: 0 auto;}
.header_in h2.header_title {float: left;}
.header_in h2.header_title a {display: inline-block;}
.header_in .sub_txt {float: right;}
.header_in .sub_txt p {font-size: 12px;color: #ccc;padding-top: 72px;font-weight: 600;}
.service_members h3 {padding: 14px 0px 16px;font-size: 30px;font-weight: 600;color: #fff;text-align: center;background: #013281;}
#contents {padding-bottom: 69px;}
#contents .container {width: 750px; margin: 0 auto;}
.log_details {text-align: center;font-size: 12px;white-space: pre-line;padding-top: 30px;line-height: 19px;}
.log_details .underline {border-bottom: 1px solid #aaa;}


/* 20160127수정 */
#footer {min-width: 1080px;clear: both; position: relative;border-top: 1px solid #d7d7d7;background: #eaeaea;text-align: center;margin-top: -69px;}
#footer .footer_in {padding: 9.5px 0 10px;display: inline-block;text-align: left;}
#footer .footer_in h4 {padding-right: 50px;float: left;}
.address {float: left;}
.address ul {padding-top: 23px;}
.address ul li {float: left;margin-left: 15px;}
.address ul li:first-child {margin-left: 0;}
.address ul li:first-child a {color: #F55C00;}
/* .address ul li a {color: #003366;font-size: 12px;} */
.address ul li a {color: #1db70c;font-size: 13px;}
.address p {font-size: 12px;word-spacing: -1px;}
.address p.first {margin-bottom: 5px;}
.address p.copyright {color: #aaa;margin-top: 8px;}

/* #footer {min-width: 1080px;height: 101px;margin-top: -101px;}
#footer h4 {text-align: center;} */
/*#footer .footer_in {padding-top: 20px;display: inline-block;}
#footer .footer_in h4 {padding-right: 30px;float: left;height: 93px;}
.address {float: left;text-align: left;}
.address ul {margin-bottom: 7px;}
.address ul li {float: left;}
.address ul li:first-child {margin-right: 15px;}
.address ul li a {color: #003366;border-bottom: 1px solid #003366;font-size: 12px;}
.address p {font-size: 12px;word-spacing: -1px;}
.address p.first {margin-bottom: 5px;}
.address p.copyright {color: #aaa;margin-top: 8px;} */

/* termsAndConditions */
.header_in h2.header_title.header_terms {float: none;text-align: center;}
#contents.contents {padding-bottom: 0;}
#contents .contents_in {width: 840px;margin: 0 auto;padding: 50px 50px 100px;}
#contents .contents_in p {font-size: 12px;line-height: 18px;white-space: pre-wrap;}
#contents .contents_in p span {font-size: 18px;font-weight: 600;}

/* login */
#contents .container.log_container {width: 900px;}
.login_wrap {/* margin-top: 40px; */width: 620px;margin: 40px auto 0;}
/* .login_wrap .left_wrap {float: left;} */
.login_wrap .left_wrap p {width: 341px;height: 300px;background: url(../img/login_left.png) 0 0 no-repeat;}
.login_wrap .right_wrap {width: 622px;min-height: 300px;border: 1px solid #ccc;}
.login_wrap .tab_login {position:relative;}
.login_wrap .tab_login li {float: left;}
.login_wrap .tab_login li a.tab_btn {display: block;height: 45px;width: 155px;text-align: center;font-size: 16px;color: #aaa;border-right:1px solid #ccc;border-bottom: 5px solid #eee;line-height: 43px;}
.login_wrap .tab_login li a.tab_btn.target {color: #3087f2;border-color: #3087f2;text-decoration:underline;}
.login_wrap .tab_login li a.tab_btn2 {display: block;height: 45px;width: 155px;text-align: center;font-size: 16px;color: #aaa;border-bottom: 5px solid #eee;line-height: 43px;}
.login_wrap .tab_login li a.tab_btn2.target {color: #3087f2;border-color: #3087f2;text-decoration:underline;}

.login_wrap .tab_login li .log_contents {position: absolute;left: 0px;width: 100%;}
.login_wrap .tab_login li .log_contents.tab_hide {display: none;}
/* .right_wrap .log_form {padding: 50px 0px 0px 104px;} */
.right_wrap .log_form {padding: 37px 0px 0px 121px;}
/* .log_form input {width: 350px;height: 35px;padding: 7px 20px;border: 1px solid #ccc;} */
.log_form input {width: 400px;height: 35px;padding: 7px 20px;border: 1px solid #ccc;}
.log_form input:focus {border-color: #003366;background: #FFF2E6;}
/* .log_form input[type=text]::-webkit-input-placeholder, .log_form input[type=password]::-webkit-input-placeholder {font-size:12px;color: #aaa;line-height: 16px;} */
/* .log_form input[type=text]::-moz-placeholder, .log_form input[type=password]::-moz-placeholder {font-size:12px;color: #aaa;line-height: 18px;} */
/* IE10+ */
/* .log_form input[type=text]:-ms-input-placeholder, .log_form input[type=password]:-ms-input-placeholder {font-size:12px;color: #aaa;} */
/*.log_form .placeholder {font-size:12px;color: #aaa; line-height: 20px;} *//* IE 9 - 플러그인용 클래스 */
.log_form input[type=text]::-webkit-input-placeholder, .log_form input[type=password]::-webkit-input-placeholder {font-size:15px;color: #353535;line-height: 16px;}
.log_form input[type=text]::-moz-placeholder, .log_form input[type=password]::-moz-placeholder {font-size:15px;color: #353535;line-height: 16px;}
/* IE10+ */
.log_form input[type=text]:-ms-input-placeholder, .log_form input[type=password]:-ms-input-placeholder {font-size:15px;color: #353535;}
.log_form .placeholder {font-size:15px;color: #353535; line-height: 20px;} /* IE 9 - 플러그인용 클래스 */
/*.login_btn {padding-bottom: 35px;}*/
.login_btn {padding-bottom:20px;} /*180724 수정*/
/* .login_btn .log_in {width: 250px;} */
.login_btn .log_in {width: 300px;}
.login_btn .cancel {width: 97px;}
.public_btn {padding-top: 64px;padding-bottom: 66px;}
/* .public_btn a {display: inline-block;width: 350px;line-height: 40px;text-align: center;} */
.public_btn a {display: inline-block;width: 400px;line-height: 40px;text-align: center;}
.gnb_wrap {text-align: center;}
.gnb_wrap .gnb {display: inline-block;}
.gnb_wrap .gnb li {float: left;padding: 0 21px 0 20px;}
.gnb_wrap .gnb li.info_nopadding {padding: 0;}
.gnb_wrap .gnb li.gnb_id, .gnb_wrap .gnb li.gnb_pw, .gnb li.gnb_join {background: url(../img/gnb_bar.png) 100% 3.5px no-repeat;}
.gnb_wrap .gnb li a.gnb_change {color: #F55C00;}
/* .gnb_wrap .gnb li a {color: #aaa;font-size: 12px;font-weight: 600;} */
.gnb_wrap .gnb li a {color: #8C8C8C;font-size: 15px;font-weight: 700;}
.gnb_wrap .gnb li a.font_color {color: #0100FF;font-size: 15px;font-weight: 700;}
/* .gnb_wrap .gnb li a:hover {color: #013281;} */
.gnb_wrap .gnb li a:hover {color: #FF0000;font-size: 15px;}
/* .info_box {padding: 25px 35px 0 45px;} */
.info_box {padding: 25px 28px 0 27px;}
.info_box.no_style {padding-left: 35px;}
.info_box.no_style ul li {list-style: none;}
/* .info_box ul li {list-style-type: disc;font-size: 12px;margin-top: 5px;} */
.info_box ul li {list-style-type: disc;font-size: 13px;margin-top: 10px;}
.info_box ul li:first-child {margin-top: 0 !important;}
/* .info_box ul li span {font-size: 13px;line-height: 20px;} */
.info_box ul li span {font-size: 15px;line-height: 20px;}
.info_box .list_text_red {color: #de4747;}
.info_box .list_text_blue {color: #0054FF;}
.info_box.list_img{padding: 25px 25px 0 25px;}
.info_box.list_img.gubun {padding: 0px 35px 0 62px;}
.info_box.list_img.find_id_result {padding: 0px 30px 0 32px;}
.info_box.list_img.join_gubun {padding: 30px 35px 0 76px;}
.info_box.list_img.join_gubun ul li {list-style: none;background: url(../img/li_dic_icon.png) -3px 2px no-repeat;padding-left: 19px;}
.info_box.list_img.join_gubun ul li span {font-size: 15px;line-height: 25px;}
.info_box.list_img.join_gubun ul li a:hover{text-decoration:underline;}
.info_box.list_img.certification {padding: 30px 35px 0 90px;}
.info_box.list_img.certification li a {margin-right: 5px;}
.info_box.list_img.certification ul li span {font-size: 15px;line-height: 25px;}
.info_box.list_img.certification_less_gpin {text-align: center;padding: 30px 35px 0 62px;}
.info_box.list_img.join_gubun ul li span {font-size: 15px;line-height: 20px;}
.info_box.del_info {padding: 35px 35px 35px 82px;}
.info_box.list_img.certification_less_gpin a.border_line {border: 2px solid #FAE0D4;border-radius: 12px;padding: 4px 12px 4px 12px;background-color: #FAED7D;color: #3162C7;line-height: 40px}
.info_box.del_info ul li {margin-top: 25px;}
.info_box.list_img ul li {list-style: none;background: url(../img/li_dic_icon.png) -3px 4.8px no-repeat;padding-left: 19px;}
.info_box.list_img ul li span {font-size: 15px;line-height: 25px;}
/* .info_box.list_img ul li a.border_line {border-bottom: 1px solid #4791f3;} */
/*.info_box.list_img ul li a.border_line {border: 3px solid #FAE0D4;border-radius: 8px;padding: 5px 15px 5px 15px;background-color: #FFAE00;color: #191919;line-height: 34px}*/
.info_box.list_img ul li a.border_line {border: 2px solid #FAE0D4;border-radius: 12px;padding: 4px 12px 4px 12px;background-color: #FAED7D;color: #3162C7;line-height: 40px}
.info_box.list_img.find_pwd_birth {padding: 25px 35px 0 142px;}
.info_box.list_img.days_later{padding: 25px 35px 0 60px;}
/* .info_box.list_img.find_pwd {padding: 25px 35px 0 80px;} */
/* .info_box.list_img.login {padding: 25px 5px 0 90px;letter-spacing:-0.5px;} */
.info_box.list_img.login {padding: 25px 5px 0 30px;letter-spacing:-0.5px;}
.info_box.list_img.login ul li {list-style: none;background: url(../img/li_dic_icon.png) -3px 4.8px no-repeat;padding-left: 19px;}
.info_box.list_img.login ul li a.border_line {border: 2px solid #FAE0D4;border-radius: 12px;padding: 4px 12px 4px 12px;background-color: #FAED7D;color: #3162C7;line-height: 40px;}
.info_box.list_img.login ul li a:hover{text-decoration:underline;}
.info_box.list_img.login ul li span {font-size: 15px;line-height: 25px;}
.info_box.list_img.caution {padding: 20px 5px 0px 90px;letter-spacing:-0.5px;}
.info_box.list_img.caution ul li {list-style: none;background: url(../img/caution.png) 0.5px 4.8px no-repeat;background-size: 37px 37px;padding-left: 19px;}
.info_box.list_img.caution ul li span {font-size: 15px;line-height: 23px;padding-left: 30px;}
input.send_authkey{position: absolute; left: 284px; height: 36px; width:118px; padding-left: 5px; padding-right: 5px; color:black;} /*인증번호발송 버튼 180724*/


/* 통합 회원가입 step_1 */
.membership_img {height: 129px;}
.membership_img.step_1 {background: url(../img/membership_step_1.png) 50% 0 no-repeat;}
.member_class h4 {background: #f5f5f5;padding: 9px 0 9px 66px;font-size: 22px;font-weight: 600;}
.member_class p {font-size: 12px;padding: 25px 0 25px 66px;}
/* .member_class.gubun p {font-size: 13px;padding: 25px 0 25px 66px;} */
.member_class.gubun p {text-align: center;font-size: 15px;padding: 25px 0 25px 0px;}
.member_join {width: 599px;margin: 0 auto;padding-left: 1px;}
.member_join button{display: block;float: left;width: 299px;height: 230px; border:0;}
.member_join .member_down {background: url(../img/14down_member.png) 0 0 no-repeat;border-right: 1px solid #aaa;}
.member_join .member_down:hover {background: url(../img/14down_member_over.png) 0 0 no-repeat;}
.member_join .member_up {background: url(../img/14up_member.png) 0 0 no-repeat;}
.member_join .member_up:hover {background: url(../img/14up_member_over.png) 0 0 no-repeat;}

.member_join .member_down_protector {background: url(../img/14up_member_protector2.png) 0 0 no-repeat;border-right: 1px solid #aaa;}
.member_join .member_down_protector:hover {background: url(../img/14up_member_protector_over2.png) 0 0 no-repeat;}
.member_join .member_down_with_protector {background: url(../img/14down_with_guardian2.png) 0 0 no-repeat;}
.member_join .member_down_with_protector:hover {background: url(../img/14down_with_guardian_over2.png) 0 0 no-repeat;}

.member_txt {padding-top: 30px;padding-left: 66px;}
.member_txt h4 {height: 13px;margin-bottom: 10px;}
.member_txt h4.member_warning {background: url(../img/warning.png) 0 0 no-repeat;}
.member_txt p {font-size: 12px;color: #555;word-spacing: 1px;}
.member_txt p.warning {padding:2px 0 3px 19px;background: url(../img/li_dic_icon.png) -3px 4.8px no-repeat;}
.member_txt.certification p.warning {line-height:16px;background-position: -3px 2.5px;}
.member_txt.certification p.warning a {margin-right:5px;}

/* 통합 회원가입 step_2 */
.membership_img.step_2 {background: url(../img/membership_step_2.png) 50% 0 no-repeat;}
.member_class p.identi {font-size: 13px; line-height: 15px;color: #222; word-spacing: 0px; letter-spacing: -1px;}
.member_agent {padding: 0 0 25px 66px;}
.member_agent p {color: #555;font-size: 12px;}
/* .identification {width: 750px;padding: 30px 0;border: 1px solid #ccc;margin: 0 auto;} */
.identification {width: 730px;padding: 40px 0;border: 1px solid #ccc;margin: 0 auto;}
/* .identification h4 {text-align: center;color: #013281;font-size: 20px;font-weight: 600;padding-bottom: 19px;} */
.identification h4 {text-align: center;color: #013281;font-size: 20px;font-weight: 600;padding-bottom: 30px;}
.identification .identi_top {padding-bottom: 30px;}
.identification .identi_check {text-align: center;padding-bottom: 28px;}
.identi_check .check_in {display: inline-block;}
.identification .identi_check p {font-weight: 600;float: left;padding: 3px 0 3px 10px;}
/* .identification .identi_bot {padding-top: 30px;border-top: 1px solid #ccc;} */
.identification .identi_bot {padding-top: 40px;border-top: 1px solid #ccc;}
/* .btn_wrap .choice_wrap {width: 399px;margin: 0 auto;text-align: center;}
.btn_wrap .btn_border {float: left;width: 1px;height: 40px;background: #aaa;}
.btn_wrap .choice_wrap>button {width: 100px;height: 123px;border: 0;}
.btn_wrap .choice_wrap>button.choice_ipin {background: url(../img/ipin_btn.png) 0 0 no-repeat;}
.btn_wrap .choice_wrap>button.choice_ipin:hover {background: url(../img/ipin_over_btn.png) 0 0 no-repeat;}
.btn_wrap .choice_wrap>button.choice_phone {background: url(../img/phone_btn.png) 0 0 no-repeat;margin-left: 30px;}
.btn_wrap .choice_wrap>button.choice_phone:hover {background: url(../img/phone_over_btn.png) 0 0 no-repeat;margin-left: 30px;} */
.btn_wrap .choice_wrap {width: 599px;margin: 0 auto;text-align: center;}
.btn_wrap .btn_border {float: left;width: 1px;height: 40px;background: #aaa;}
.btn_wrap .choice_wrap>button {width: 200px;height: 120px;border: 0;}
.btn_wrap .choice_wrap>button.choice_ipin {background: url(../img/ipin_btn_2.png) 0 0 no-repeat;}
.btn_wrap .choice_wrap>button.choice_ipin:hover {background: url(../img/ipin_over_btn_2.png) 0 0 no-repeat;}
.btn_wrap .choice_wrap>button.choice_phone {background: url(../img/phone_btn_2.png) 0 0 no-repeat;margin-left: 30px;}
.btn_wrap .choice_wrap>button.choice_phone:hover {background: url(../img/phone_over_btn_2.png) 0 0 no-repeat;margin-left: 30px;}
.confirm_complete {display: none;}
.confirm_complete p {width: 399px;height: 123px;margin: 0 auto;background: url(../img/confirm_complete.png) 0 center no-repeat;}
.member_txt h4.ipin {background: url(../img/ipin.png) 0 0 no-repeat;}
.member_txt p.ipin_txt {margin-bottom: 3px;line-height: 16px;}
.member_btn {text-align: center;height: 30px;}
.member_btn .btn_in {display: inline-block;}
.member_btn a {display: block;float: left;width: 300px;line-height: 29px;font-size: 12px;}

/* 통합 회원가입 step_3 */
.membership_img.step_3 {background: url(../img/membership_step_3.png) 50% 0 no-repeat;}
.member_terms h4 {background: #f5f5f5;padding: 9px 0 9px 66px;font-size: 22px;font-weight: 600;}
/* checkbox style */
/* .check_wrap {padding: 23px 27px 22px 27px;} */
.check_wrap {padding: 33px 27px 32px 27px;}
/* .check_wrap.check_pd {padding: 18px 27px 17px 27px;} */
.check_wrap.check_pd {padding: 30px 27px 15px 27px;}
/* .check_wrap.check_border {border-bottom: 1px solid #ccc;} */
.check_wrap.check_border {border-bottom: 2px solid #353535;}
.checks {position: relative;float: left;}
.checks input[type="checkbox"] { position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;left: 0;overflow: hidden;clip:rect(0,0,0,0);border: 0} /* 실제 체크박스는 화면에서 숨김 */
.checks input[type="checkbox"] + label {float: left;width: 20px;height: 20px;background: url(../img/check.png) 0 0 no-repeat;display: block;cursor: pointer;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
/* 체크박스를 체크했을때 */
.checks input[type="checkbox"]:checked + label {background: url(../img/check_cheked.png) 0 0 no-repeat;}
/* .check_wrap p {float: left;font-size: 14px;padding: 3px 0;} */
.check_wrap p {float: left;font-size: 15px;padding: 3px 0;}
/* .check_wrap p span {font-size: 12px;} */
.check_wrap p span {font-size: 15px;}
.check_wrap p.all_txt {font-weight: 600;}
.check_wrap a {display: block;width: 250px;height: 25px;line-height: 24px;font-size: 12px;text-align: center;position: absolute;right: 27px;top: 15px;}
.textarea_wrap {padding: 0 27px;}
.textarea_in {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;overflow-y: scroll;}
.textarea_in.height_terms {height: 150px;}
.textarea_in.height_info {height: 150px;}
/* .textarea_wrap p {width: 100%;font-size: 12px;line-height: 16px;white-space: pre-wrap;background: #f9f9f9;} */
.textarea_wrap p {width: 100%;font-size: 12px;line-height: 16px;white-space: pre-wrap;background: #E7E7E7;}
.textarea_wrap p.textarea_terms {padding: 20px 5px 20px 20px;}
.textarea_wrap p.textarea_info {padding: 20px 0 20px 20px;}
/* #tableWrap {padding: 0 20px;background: #f9f9f9;} */
#tableWrap {padding: 0 20px;background: #E7E7E7;}
#tableWrap table th, #tableWrap table td {font-size: 12px;border: 1px solid #292929;line-height: 15px;}
#tableWrap table th {padding: 3px 0px;}
#tableWrap table td {padding: 3px 11px;}
/* .choice_info {padding: 18px 0px 17px 67px;} */
.choice_info {padding: 28px 0px 10px 40px;}
/* .choice_info p {font-size: 14px;padding: 2px 0px 4px;} */
.choice_info p {font-size: 15px;padding: 2px 0px 4px;}
.no_choice {padding: 0px 27px;}
/* .no_choice p {font-size: 12px;padding: 20px;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;background: #F9F9F9;} */
.no_choice p {font-size: 13px;padding: 20px;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;background: #E7E7E7;}
.form_btn {text-align: center;height: 40px;}
.form_btn .btn_in {display: inline-block;}
.form_btn button {width: 150px;}

/* 통합 회원가입 step_4 */
.membership_img.step_4 {background: url(../img/membership_step_4.png) 50% 0 no-repeat;}
.info_wrap {padding-left: 50px;}
.info_wrap h5 {font-size: 16px;font-weight: 600;padding: 40px 17px 10px;color: #444;}
.info_wrap h5.info_point {color: #013281;}
.info_wrap h4 {font-size: 22px;font-weight: 600;padding: 60px 17px 10px;color: #444;}
.info_wrap h4.info_point {color: #013281;}
.info_wrap p.join_member_detail {display: inline-block;float: left;max-width: 700px;padding: 9px 0px;font-size: 15px;}
.info_wrap .input_box {border-top: 1px solid;border-bottom: 1px solid;padding: 25px 17px;}
.info_wrap .input_box.top_box {border-color: #003366;}
.info_wrap .input_box.bot_box {border-color: #ccc;}
.info_wrap .input_group {width: 100%;}
/* .info_wrap .input_box label.label {font-size: 12px;color: #666;width: 143px;display: inline-block;float: left;padding: 9px 0;} */
.info_wrap .input_box label.label {font-size: 17px;font-weight: 700;color: #4b4b4b;width: 143px;display: inline-block;float: left;padding: 9px 0 15px;} 
/* .info_wrap .input_box input.input {display: inline-block;float: left;width: 320px;border: 1px solid #ddd;height: 30px;padding: 5.5px 10px;font-size: 12px;background: #fff;} */
.info_wrap .input_box input.input {display: inline-block;float: left;width: 490px;border: 1px solid #ddd;height: 33px;padding: 7px 10px 8px;font-size: 15px;background: #fff;}
/*.info_wrap .input_box input.input_school {display: inline-block;float: left;width: 400px;border: 1px solid #ddd;height: 33px;padding: 8px 10px 8px;font-size: 15px;background: #fff;}*/
.info_wrap .input_box input.input_school {display: inline-block;float: left; /*width: 400px;*/ border: 1px solid #ddd;height: 33px;padding: 8px 10px 8px;font-size: 15px;background: #fff;}/*190725 수정*/
.info_wrap .input_box input.year_input {width: 60px;text-align: center;padding-bottom: 10px}
.info_wrap .input_box input.month_input {width: 40px;text-align: center;}
.info_wrap .input_box input.day_input {width: 40px;text-align: center;}
.info_wrap .input_box input:focus {border-color: #003366;background: #FFF2E6;}
select.basic {width: 77px;float: left;height: 30px;}
select.basic + span.dash+ select.basic {width: 60px;}
/*.info_wrap .input_box.bot_box select.basic {width: 150px;height: 30px;float: left;}*/
.info_wrap .input_box.bot_box select.basic {width: 150px;height: 32px;float: left;}
/* .info_wrap .input_box span.dash {float: left;display: inline-block;font-size: 12px;padding: 9px 0;width: 24px;text-align: center;} */
.info_wrap .input_box span.dash {float: left;display: inline-block;font-size: 15px;padding: 9px 0;width: 24px;text-align: center;}
/* .info_txt {padding: 5px 0 15px 143px;} */
.info_txt {padding: 0px 0 15px 143px;}
/* .info_txt>p {font-size: 12px;} */
.info_txt>p {font-size: 15px;}
.info_txt>p.Available {color: #4791f3;}
.info_txt>p.impossible {color: #FF0000;background: #CFFF24;width: 490px;height: 30px;padding: 7px 0 0 10px;}
/* radio style */
.radio_wrap {height: 30px;float: left;margin-left: 14px;}
/* .radios {position: relative;font-size: 12px;float: left;height: 30px;} */
.radios {position: relative;font-size: 15px;float: left;height: 30px;}
.radios input[type=radio] {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip:rect(0,0,0,0);border: 0;}/* 실제 체크박스는 화면에서 숨김 */
.radios input[type=radio] + label {display: inline-block;position: relative;padding-left: 20px;height: 14px;top: 8px;cursor: pointer;-webkit-user-select: none
-moz-user-select: none;-ms-user-select: none;background: url(../img/radio_normal.png) 0 0 no-repeat;}
/*.radios input[type=radio] + label:before {content: '';position: absolute;left: 0;top: 0;width: 14px;height: 14px;line-height: 12px;background: url(../img/radio_normal.png) 0 0 no-repeat;}*/
/* 체크박스를 체크했을때 */
.radios input[type=radio]:checked + label {background: url(../img/radio_check.png) 0 0 no-repeat;}
.info_wrap .bot_box .input.email_box {width: 154px;}
/* .info_wrap span.email_dash {float: left;display: inline-block;font-size: 12px;padding: 9px 0;width: 20px;text-align: center;color: #222;} */
.info_wrap span.email_dash {float: left;display: inline-block;font-size: 15px;padding: 9px 0;width: 20px;text-align: center;color: #222;}
.info_check {display: inline-block;float: left;}
/* .info_check p {float: left;font-size: 12px;padding: 4px 0;} */
.info_check p {float: left;font-size: 15px;padding: 4px 0;}
.check_email {padding: 7px 0 0 143px;}
/* .check_help {float: left;font-size: 12px;color: #555;padding: 5px 0 3px 62px;} */
.check_help {float: left;font-size: 15px;color: #555;padding: 5px 0 3px 62px;}


/* 통합 회원가입 step_5 */
.membership_img.step_5 {background: url(../img/membership_step_5.png) 50% 0 no-repeat;}
.member_complete {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;height: 165px;padding-top: 60px;}
.member_complete p.celebration {font-size: 20px;text-align: center;font-weight: 600;}
.member_complete p.celebration span.user_id {color:#3087f2;}
.member_complete p.go_service {font-size: 14px;color: #555;text-align: center;}
.complete_btn {text-align: center;}
.complete_btn button {width: 150px;}
.


/* member_detail & modify */


/* login_complete */
.lnb_wrap {}
.lnb_wrap {text-align: center;}
.lnb {display: inline-block;}
.lnb button {width: 160px;height: 160px;border: 0;}
.lnb .member_modify {background: url(../img/member_out.png) 0 0 no-repeat;}
.lnb .member_modify:hover {background: url(../img/member_over.png) 0 0 no-repeat;}
.lnb .pw_change {background: url(../img/pwchange_out.png) 0 0 no-repeat;}
.lnb .pw_change:hover {background: url(../img/pwchange_over.png) 0 0 no-repeat;}
/*.lnb .go_main {background: url(../img/back_out.png) 0 0 no-repeat;}
.lnb .go_main:hover {background: url(../img/back_over.png) 0 0 no-repeat;}*/
.lnb .go_main {background: url(../img/back_out_2.png) 0 0 no-repeat;}
.lnb .go_main:hover {background: url(../img/back_over_2.png) 0 0 no-repeat;}
.lnb .log_out {background: url(../img/logout_out.png) 0 0 no-repeat;}
.lnb .log_out:hover {background: url(../img/logout_over.png) 0 0 no-repeat;}
/* .login_complete {height: 122px;padding-top: 40px; line-height: 20px;} */
.login_complete {height: 212px;padding-top: 40px; line-height: 30px;}
.login_complete {text-align: center;}
.welcome {font-size: 14px;}
.welcome .welcome_user {font-weight: 600;}
.log_data {font-size: 18px;color: #555;padding-top: 20px}
.log_data .last_log {font-weight: 600;color: #3087f2;}
.lnb .go_modify {background: url(../img/info_modify.png) 0px 0 no-repeat}
.lnb .go_modify:hover {background: url(../img/info_modify_over.png) 0 0 no-repeat;}
.event {display: inline-block; padding-top: 20px;}
.event button {width: 500px;height: 236px;border: 0;}
.event .go_event {background: url(/isignplus/event/eventbanner_03.jpg) 0px 0 no-repeat;}
#login_terms {padding-top: 40px; padding-bottom: 69px;}
#login_terms .container {width: 750px; margin: 0 auto;}
.login_member_terms {text-align: center; padding-bottom: 30px;}
.login_terms_title {font-size: 24px; font-weight: 600;}\
.login_memebr_trems_contents {text-align: left;}
.login_terms_data {font-size: 15px;}
.login_terms_data .strong{font-weight: 600;}



/* member_modify */
.modify_wrap {border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;}
.info_wrap.modify_wrap {padding: 0 45px;}
.info_wrap.modify_wrap .input_box.bot_box {border-bottom: 0;}
.info_wrap.modify_wrap .check_wrap.check_pd {padding: 5px 18px 12px;}
.tab_gnb {padding-top: 75px;}
.tab_gnb ul li {float: left;}
.tab_gnb ul li a {display: block;width: 124px;height: 30px;line-height: 30px;text-align: center;background: #DDD;color: #666;}
.tab_gnb ul li:first-child a {width: 125px;}
.tab_gnb ul li a.target {background: #013281;color: #FFF;font-weight: bold;}
.input_box span.member_title {font-size: 12px;color: #666;width: 143px;display: inline-block;float: left;padding: 9px 0px;}
.input_box p.member_detail {display: inline-block;float: left;max-width: 700px;padding: 9px 0px;font-size: 15px;}
.info_wrap .modify_box {padding: 30px 17px;}
/*.modify_box input.email_box {width: 150px !important;}*/
.modify_box input.email_box {width: 100px !important;}
.modify_box .choice_wrap {float: left;display: none;}
.modify_box .choice_wrap button {float: left;width: 150px;height: 30px;border-color: #ddd;}
.modify_box .choice_wrap button:hover {border-color: #3087F2;}
.modify_box .btn_border {float: left;width: 1px;height: 32px;background: #ddd;}
.info_wrap .bot_box .input.modify_email_box {width: 150px;}
.info_wrap .bot_box .input.school_name {width: 393px !important;}

/* .tab_pwchange */
.modify_wrap .form_wrap {width: 100%;}
.modify_wrap .form_wrap .input_wrap {border-left: 0;border-right: 0;}
.modify_wrap .pw_danger {border: 0;}
.modify_wrap .form_wrap .input_wrap {padding: 33px 120px;}
.modify_wrap .pw_danger p {padding: 18.5px 102px;}
/* 2016/02/03 추가 */
.modify_wrap.change_wrap {border-left: 0;border-right: 0;}
.modify_wrap.change_wrap .input_wrap, .modify_wrap.change_wrap .pw_danger {border-right: 1px solid #ddd;border-left: 1px solid #ddd;}
.pwdchange_info_txt {padding: 10px 0 25px 0px;}
.pwdchange_info_txt>p {font-size: 15px;padding-left:12px;}
.pwdchange_info_txt>p.Available {color: #4791f3;}
.pwdchange_info_txt>p.impossible {color: #FF0000;background: #CFFF24;width: 508px;height: 30px;padding: 7px 0 0 10px;}
/* 2016/02/03 추가 */

.modify_iframe {/* height: 251px; */padding: 30px 0;}
.bdb_line {border-bottom: 1px solid #ddd;}

/* pw_change */
.container .pw_title {text-align: center;padding: 30px 0;}
.form_wrap {width: 680px;margin: 0 auto;}
.form_wrap .input_wrap {padding: 33px 100px;border: 1px solid #ddd;}
/* .info_pw {color: #3087f2;font-size: 12px;padding-top: 5px;} */
.info_pw {color: #3087f2;font-size: 15px;padding-top: 10px;padding-bottom: 15px;}
.info_pw.impossible {color: #de4747;}
.pw_input input {border: 1px solid #ddd;width: 100%;height: 32px;padding: 6.5px 10px;}
/*.pw_input input:focus {border-color: #003366;}*/
.pw_input input:focus {border-color: #003366;background: #FFF2E6;}
input[type=password]::-webkit-input-placeholder {font-size:15px;color: #353535;line-height: 16px;}
input[type=password]::-moz-placeholder {font-size:15px;color: #353535;line-height: 15px;}
/* IE10+ */
input[type=password]:-ms-input-placeholder { font-size:15px;color: #353535;}
.form_wrap .placeholder {font-size:15px;color: #353535; line-height: 17px;} /* IE 9 - 플러그인용 클래스 */
.pw_danger {border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f7f7f7;}
.pw_danger p {font-size: 15px;color: #555;line-height: 23px;padding: 18.5px 51px;}

/* user_delete */
.modify_wrap .check_wrap {text-align: center;padding: 15px 27px 20px;}
.modify_wrap .check_wrap .check_box {display: inline-block;}


/* pw_send */
.pw_find {border: 1px solid #ddd;}
.pw_find .email_send {padding: 96px;text-align: center;font-size: 18px;color: #555;}
.pw_find .email_send .email_point {font-weight: 600;color: #292929;}
.form_btn .login {width: 350px;}

/* find_id */
.find_id {width: 812px;margin-left: -30px;}
.member_find .find_txt {padding: 30.5px 0;text-align: center;}
.form_tab .tab_list {position:relative;height: 171px;background: #fff;}
.form_tab .tab_list li {float: left;}
.form_tab .tab_list li a {display: block;width: 161.5px;height: 30px;line-height: 30px;text-align: center;background: #ddd;color: #666;}
.form_tab .tab_list li a.target {background: #013281;color: #fff;font-weight: bold;}
.tab_list .tab_contents {position: absolute;left: 0px;width: 100%;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
/* .tab_contents {padding: 35px 0 35px 120px;} */
.tab_contents {padding: 35px 0 35px 160px;}
.tab_contents.find_contents {padding: 35px 0px 35px 90px;}
.tab_contents.tab_hide {display: none;}
.tab_list .tab_contents.tab_custom {padding: 30px 50px 29px;}
.tab_contents .tab_tit {font-size: 20px;font-weight: 600;text-align: center;padding-bottom: 10px;border-bottom: 1px solid #DDD;}
/* .tab_sub {padding: 10px 102px 0px;} */
.tab_sub {padding: 10px 68px 0px;}
/* .tab_sub > p {text-align: center;line-height: 20px;font-size: 14px;color: #555;} */
.tab_sub > p {text-align: center;line-height: 20px;font-size: 15px;color: #555;}
/* .tab_contents .input_group>label {font-size: 12px;color: #666;width: 83px;display: inline-block;float: left;padding: 9px 0px;} */
.tab_contents .input_group>label {font-size: 17px;font-weight: 600;color: #666;width: 120px;display: inline-block;float: left;padding: 9px 0px;}
/* .tab_contents .input_group input {display: inline-block;float: left;width: 115px;border: 1px solid #DDD;height: 30px;padding: 5.5px 10px;font-size: 12px;} */
.tab_contents .input_group input {display: inline-block;float: left;width: 130px;border: 1px solid #DDD;height: 33px;padding: 5.5px 10px;font-size: 15px;}
.tab_contents .input_group input:focus {border-color: #003366;background: #FFF2E6;}
/* .tab_contents .input_group input.name_input {width: 320px;} */
.tab_contents .input_group input.name_input {width: 280px;}
.tab_contents .input_group input.year_input {width: 60px;text-align: center;}
.tab_contents .input_group input.month_input {width: 40px;text-align: center;}
.tab_contents .input_group input.day_input {width: 40px;text-align: center;}
/* .tab_contents .input_group span.dash {float: left;display: inline-block;font-size: 12px;padding: 9px 0px;width: 24px;text-align: center;} */
.tab_contents .input_group span.dash {float: left;display: inline-block;font-size: 15px;padding: 9px 0px;width: 24px;text-align: center;}
.tab_contents .input_group .dash.email_dash {width: 20px;}
/* .info_box.list_img.find_id {padding: 25px 35px 0 150px;} */
.info_box.list_img.find_id {padding: 25px 35px 0 150px;}
.info_box.list_img.find_id ul li {list-style: none;background: url(../img/li_dic_icon.png) -3px 4.8px no-repeat;padding-left: 19px;}
.info_box.list_img.find_id ul li a.border_line {border: 2px solid #FAE0D4;border-radius: 12px;padding: 4px 12px 4px 12px;background-color: #FAED7D;color: #3162C7;line-height: 40px}
.info_box.list_img.find_id ul li a:hover{text-decoration:underline;}
.info_box.list_img.find_id ul li span {font-size: 15px;line-height: 25px;}
.info_box.list_img.find_pwd_birth {padding: 25px 35px 0 142px;}
.info_box.list_img.days_later {padding: 25px 35px 0 60px;}
/* .info_box.list_img.find_certification {padding: 25px 35px 0 110px;} */
.info_box.list_img.find_certification {padding: 25px 35px 0 150px;}
.info_box.list_img.find_certification ul li {list-style: none;background: url(../img/li_dic_icon.png) -3px 4.8px no-repeat;padding-left: 19px;}
.info_box.list_img.find_certification ul li a.border_line {border: 2px solid #FAE0D4;border-radius: 12px;padding: 4px 12px 4px 12px;background-color: #FAED7D;color: #3162C7;line-height: 40px}
.info_box.list_img.find_certification ul li a:hover{text-decoration:underline;}
.info_box.list_img.find_certification ul li span {font-size: 15px;line-height: 25px;}
.info_box.list_img.find_certification a {margin-right:5px;}

/* find_password */
/* .find_password {padding-top: 75px;width: 650px;margin: 0 auto;} */
.find_password {padding-top: 60.5px;width: 867px;margin: 0 auto;}
.find_password select.basic {width: 115px;height: 30px;float: left;}
.form_tab .pw_list {position:relative;height: 220px;background: #fff;}
.form_tab .pw_list li {float: left;}
.form_tab .pw_list li a {display: block;width: 216px;height: 30px;line-height: 30px;text-align: center;background: #ddd;color: #666;}
.form_tab .pw_list li a.target {background: #013281;color: #fff;font-weight: bold;}
.tab_line {display: block;width: 1px;height: 30px;background: #e9e9e9;}
.pw_list li .tab_contents {position: absolute;left: 0px;width: 100%;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.tab_contents.tab_custom {padding: 42px 50px;}
.tab_contents .content_tit {font-size: 20px;font-weight: 600;text-align: center;padding-bottom: 20px;border-bottom: 1px solid #ddd;}
/* .content_sub {padding: 15px 60px 0px;} */
/* .content_sub>p {text-align: center;line-height: 20px;font-size: 14px;color: #555;} */
.content_sub {padding: 15px 50px 0px;}
.content_sub>p {text-align: center;line-height: 20px;font-size: 15px;color: #555;}
.form_btn .btn_hide {display: none;}
.form_btn .change_btn {width: 200px;color: #222;border: 1px solid #aaa;background: #fff;}
.form_btn .change_btn:hover {color: #003366;background: #3087f2;border-color: #3087f2;}
/* .info_box.list_img.find_pwd {padding: 25px 120px 0 170px;} */
.info_box.list_img.find_pwd {padding: 25px 100px 0 150px;}
.info_box.list_img.find_pwd ul li {list-style: none;background: url(../img/li_dic_icon.png) -3px 4.8px no-repeat;padding-left: 19px;}
.info_box.list_img.find_pwd ul li a.border_line {border: 2px solid #FAE0D4;border-radius: 12px;padding: 4px 12px 4px 12px;background-color: #FAED7D;color: #3162C7;line-height: 40px}
.info_box.list_img.find_pwd ul li a:hover{text-decoration:underline;}
.info_box.list_img.find_pwd ul li span {font-size: 15px;line-height: 25px;}


/* 아이디 및 이름 확인 */
.id_name h4 {background: #013281;color: #fff;height: 30px;line-height: 30px;text-align: center;font-weight: bold;}
.id_name .tab_contents {border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.tab_contents .input_group input.pwd_name_input {width: 400px;}
.find_pwd.info_txt {padding: 5px 0 5px 83px;}
.find_pwd.info_txt>p {font-size: 15px;}
.find_pwd.info_txt>p.Available {color: #4791f3;}
.find_pwd.info_txt>p.impossible {color: #FF0000;background: #CFFF24;width: 400px;height: 30px;padding: 7px 0 0 10px;}



/* id_send_name */
.send_member {padding-top: 75px;width: 650px;margin: 0 auto;}
.send_member .member_detail {border: 1px solid #ddd;}
.member_detail .id_send {padding: 17px 0;text-align: center;font-size: 16px;color: #555;background: #f7f7f7;}
.member_detail .id_send .member_name {font-weight: 600;color: # #292929;}
.member_get {border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.member_get .get_id {font-size: 18px;font-weight: 600;padding: 20px 0;text-align: center;}

/* id_send_birth */
.id_send .id_count {color: #3087f2;font-weight: 600;}
.border_wrap {padding: 0 49px;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
/* .member_prevent {padding: 12px 0 13px;border-bottom: 1px solid #ddd;} */
.member_prevent {padding: 19px 0 20px;border-bottom: 2px solid #E7E7E7;}
/* .member_prevent .prevent_txt {color: 555px;font-size: 12px;text-align: center;} */
.member_prevent .prevent_txt {color: 555px;font-size: 18px;text-align: center;}
.count_in {text-align: center;}
.get_list {display: inline-block;min-height: 147px;}
.count_radios {position: relative;font-size: 12px;text-align: left;padding: 16.5px 0px;}
.count_radios input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip:rect(0,0,0,0);border: 0;}/* 실제 체크박스는 화면에서 숨김 */
.count_radios input[type="radio"] + label {display: inline-block;position: relative;padding-left: 50px;top: 0;cursor: pointer;font-size: 16px;-webkit-user-select: none;-moz-user-select: none;
-ms-user-select: none;background: url(../img/radio_normal.png) 0 0 no-repeat;}
/*.count_radios input[type="radio"] + label {content: '';position: absolute;left: 0;bottom:0;width: 14px;height: 14px;line-height: 12px;background: url(../img/radio_normal.png) 0 0 no-repeat;}*/
/* 체크박스를 체크했을때 */
.count_radios input[type="radio"]:checked + label {background: url(../img/radio_check.png) 0 0 no-repeat;}

/* re_agreement */
.re_agreement .border_wrap {border-top: 1px solid #ddd;}
.re_agreement .count_in {padding-top: 10px;}
.re_agreement .count_in ul {min-height: 150px;}
.re_agreement .count_in ul li {padding: 10px 0;}
/* .re_agreement .count_in p {font-size: 14px;text-align: center;line-height: 23px;padding: 10px 0;} */
.re_agreement .count_in p {font-size: 15px;text-align: center;line-height: 24px;padding: 10px 0;}
/*.re_agreement .count_in ul {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.re_agreement .count_in ul li {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip:rect(0,0,0,0);border: 0;}*/
.re_agreement .count_in input[type=radio] {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.re_agreement .agreement_check {width: 50%;float: left;}
.re_agreement .agreement_check p {font-size: 12px;height: 30px;text-align: right;line-height: 27px;padding-right: 40px;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;}
/* .re_agreement .check_wrap {text-align: center;padding: 23px 27px 20px;} */
.re_agreement .check_wrap {text-align: center;padding: 35px 27px 20px;}
.re_agreement .check_wrap .check_box {display: inline-block;}

/* popup */
body.pop {background: #fff;}
#popWrap {width: 650px;}
#popHeader h2 {text-align: center;background: #013281;}
#popWrap .pop_form {padding: 33px 0 21px;}
#popWrap .pop_txt h3 {text-align: center;padding: 30px 0px;border-bottom: 1px solid #ddd;}
#popWrap .pop_form label {font-size: 12px;color: #666;width: 168px;display: inline-block;float: left;padding: 9px 0px;text-align: right;padding-right: 30px;}
#popWrap input {display: inline-block;float: left;width: 314px;border: 1px solid #DDD;height: 30px;padding: 5.5px 10px;font-size: 12px;background: #FFF;}
#popWrap input:focus {border-color: #003366;}
#popWrap .error_txt {padding-left: 68px;}


/*반응형 추가 180725*/
@media (max-width: 800px) {	

#contents, .service_members, .login_wrap   {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

#wrap { width:100%; min-width:100%; margin: 0 auto; }

.service_members { width:100%; margin: 0 auto;}

#contents { width:96%; margin:20px auto;}
#contents .container { width:100%; overflow:hidden; }

/* 로그인 */
#contents .container.log_container {  width:100%; }
.login_wrap .tab_login li .log_contents { top:70px;}
.login_wrap { width:100%; margin:0;}
.log_contents { padding-top:60px;}
.login_wrap .right_wrap { width:100%; min-height:360px;}
.right_wrap .log_form { width:80%; padding:0; margin:0 auto;}
.log_form input { width:100%;}
.login_wrap .tab_login{ width:100%;}
.login_wrap .tab_login li { width:25%; }
.login_wrap .tab_login li a.tab_btn { width:100%;}
.login_wrap .tab_login li a.tab_btn2 { width:100%;}
.gnb_wrap .gnb li { width:auto; line-height:24px;}
.login.list_img.info_box { padding:0; margin-top:20px;}
.info_box.list_img ul li span a { width:100%; display:block;}
.info_box.list_img.login ul li a.border_line {line-height:20px;}
.login_btn .log_in, .login_btn .cancel { width:49%;}

/*휴대전화SMS*/
input.send_authkey{ position:relative; top:0; left:0; margin-top:10px;} /*인증번호발송 버튼 180724*/
.smsinputbox div.mgb10, .smsinputbox div.mgb15{ margin-bottom:0;}

/*교육부인증서*/
.public_btn a { width:100%;}
.membership_img.step_1, .membership_img.step_2, .step_3.membership_img { background-size:100%;}
.membership_img { main-height:129px;}

/*회원구분*/
.member_join { width:300px;}
.member_join button { float:none; margin-bottom:10px; }
.member_join .member_up { border-left:1px solid #aaa; border-right:1px solid #aaa; }
.info_box.list_img ul li a.border_line {line-height:20px; margin-bottom:10px;}
.info_box.list_img.join_gubun {padding-left:0;}

/*본인확인*/
.identification { width:100%;}
.identification h4 { font-size:16px;}
.identification .identi_top {  width:100%; margin: 0 auto; padding-bottom:0;}
.btn_wrap .choice_wrap { width:100%;}
.btn_wrap .choice_wrap>button { width:140px;}
.btn_wrap .choice_wrap>button.choice_ipin:hover { background-size:contain}
.btn_wrap .choice_wrap>button.choice_phone:hover { background-size:contain}
.btn_wrap .choice_wrap>button.choice_phone, .btn_wrap .choice_wrap>button.choice_ipin { background-size:contain}
.info_box.list_img.certification {padding-left:0;}
.info_box.list_img.certification_less_gpin a.border_line { display:block; line-height:20px; margin:10px 0;}

/*비밀번호찾기*/
.id_name{width:100%; border:1px solid #ddd; overflow:hidden; display:block;}
.id_name .tab_contents { width:500px; margin: 0 auto; padding:35px 0 35px 0; border:0; }
.find_password { width:100%;}
.find_password .tab_contents .input_group input.pwd_name_input { width:200px;}

.btn_in { width:100%;}
.find_password .form_btn .change_btn { width:100px;} 
.find_password .form_btn button {width:100px;}

/*통합로그인 회원가입-정보입력*/
.step_4.membership_img { background-size:100%;}
.info_wrap { padding-left:0;}
.info_wrap .input_box input.input { width:50%;}
.info_wrap .input_box input.input_school { width:200px; margin: 0 0 0 10px;}

/*통합로그인 회원가입-가입완료*/
.step_5.membership_img { background-size:100%;}

/*아이디찾기*/
#contents .container {width:100%;}
.member_find .find_txt { padding-top:0 !important;}
.find_id { width:100%; margin-left:0; }
.tab_list .tab_contents { position:absolute; top:20px; box-sizing:border-box; padding-left:20px;   }
.member_find { width:100%;}
.infobox { margin-top:60px;}
.form_tab { width:100%;}
.form_btn .btn_in { width:150px; display:inline;}
.form_btn .change_btn { width:150px;}

.member_find .tab_line { display:none;}
.form_tab .tab_list li{ width:20%; border-left: 1px solid #fff;}
.form_tab .tab_list li:first-child { border:0;}
.form_tab .tab_list li a{ width:100%; font-size:13px; }
.find_id.list_img.info_box { position:relative;  padding:0;}
.tab_sub  { padding:0;}
.tab_sub .input_group { width:100% !important; padding-left:0 !important;}

.tab_list .tab_contents.tab_custom {  padding:40px 30px 40px; height:auto;}
.radios{ padding-left:0 !important;}
.form_tab #send_authkey { position:relative !important; left:0 !important}
.find_certification.list_img.info_box { padding:0;}
.find_certification.list_img.info_box ul li a.border_line { line-height:20px;}

/* footer */
#footer {min-width:100%; padding-left:20px;}
.address ul li { line-height:20px;}
.login_wrap .tab_login li { width:25%; }

/* add */
.send_member {width:100% !important; }
.form_btn .login {width:40% !important;}
}

@media (max-width: 600px) {	


.service_members h3 { font-size:20px;}
.login_wrap .tab_login { height:90px; display:block;}
.login_wrap .right_wrap { min-height:400px;}
.login_wrap .tab_login li a.tab_btn, .login_wrap .tab_login li a.tab_btn2{ font-size:14px;}
.login_wrap .tab_login li { width:50%; }
.right_wrap .log_form { width:100%; padding: 0 5% 0 5%; margin: 0 auto;}
.log_form input[type=text]:-ms-input-placeholder, .log_form input[type=password]:-ms-input-placeholder { font-size:12px; letter-spacing:-0.1em;}
.gnb_wrap .gnb { width:100%;}
.gnb_wrap .gnb li{width:46%; margin:3px 2%;  border: 1px solid #ddd; line-height:12px; padding: 10px 0;}
.gnb_wrap .gnb li a, .gnb_wrap .gnb li a.font_color, .gnb_wrap .gnb li a:hover { font-size:13px; }
.gnb_wrap .gnb li.gnb_id, .gnb_wrap .gnb li.gnb_pw, .gnb li.gnb_join { background-image:none;}

.membership_img { height:100px;}

/*본인확인*/
.btn_wrap .choice_wrap>button.choice_phone, .btn_wrap .choice_wrap>button.choice_ipin { margin-left:0;}
.btn_wrap .choice_wrap>button.choice_ipin:hover {  margin-left:0;}
.btn_wrap .choice_wrap>button.choice_phone:hover {  margin-left:0;}

/*통합로그인 회원가입-정보입력*/
.info_wrap .input_box label.label { width:100%;}
.pw_label{width:25% !important;} /*2018-08-29 수정*/
.input_group { padding:5px 0 0 0 !important; }
.input_group input #authkey { width:60px !important;}
.info_wrap .bot_box .input.email_box { width:100%;}
.info_wrap .input_box input.input_school { width:200px; margin: 5 0 0 10px;}
.info_txt { padding:5px 0 0 0 ;}
.info_txt > p { word-break:keep-all;} 

/*아이디찾기*/
.tab_list .tab_contents {  top:150px; padding-left:20px; }
.form_tab .tab_list { height:390px; }
.form_tab .tab_list li { width:100%; border-bottom:1px solid #fff; border-left:0;}
.tab_contents .input_group > label { width:100%;}
.tab_contents .input_group input.name_input { width:90%;}
.tab_list .tab_custom.tab_contents { height:261px; padding:40px 10px;}
.radio_wrap { padding-left:0 !important;}
.tab_sub > p { word-break:keep-all;}


}

@media (max-width: 420px) {	

.login_wrap .right_wrap { min-height:500px;}
.gnb_wrap .gnb li{ width:96%;}

.membership_img { height:50px;}
.form_btn button { width:100%; margin-bottom:5px;}

/*비밀번호찾기*/
.find_password .form_btn .change_btn { width:100%;} 
.find_password .form_btn button {width:100%; margin-left:0;} 
.id_name .tab_contents { width:300px;}

/*통합로그인 회원가입-정보입력*/
.step_5.membership_img { height:50px;}
.info_wrap .input_box input.input { width:100%; margin-bottom:5px;}
.info_txt > p { font-size:13px;}
.input_group { padding:0 !important;}
.pw_input_group{ width:285px;}/*2018-08-29 수정*/
.info_wrap .bot_box .input.email_box { width:100%;}
.info_wrap .input_box input.mgl10 {margin:5px 0 0 0 !important;}

.form_btn .btn_in {width:100%;}
.form_btn .change_btn {width:100%;}
.form_btn button { margin-left:0;}

}

@media (max-width: 380px) {	
.info_wrap .input_box input.input { width:40% !important;}

}