/* style.css */
@import url("/public/css/new2020/common.css");

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,u{margin:0;padding:0; letter-spacing:-1px;}
body,input,textarea,select,button,table{font-size:12px;font-family:'µ¸¿ò',Dotum;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}
hr{display:none}
ul,ol{list-style:none}
em,address{font-style:normal}
table{border-collapse:collapse;border-spacing:0;color:#282828}
th{font-weight:normal;}
img,fieldset,button{border:0}
button{background:0;cursor:pointer}
a{text-decoration:none;color:#282828}
a:hover{text-decoration:underline}
a:active,
a:focus{color:#000}
a:visited{color:#666}
legend,caption,
.hidden{overflow:hidden; position:absolute; z-index:-1; width:1px; height:1px; font-size:0; line-height:1px; text-indent:-9999px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt30{margin-top:30px;}

.txt{color:#999; line-height:1.5em;}
.txt_line{color:#999; line-height:1.5em;padding-bottom:20px;border-bottom:1px solid #E1E1E1;}
input{color:#000;}
.text-placeholder{color:#999;}
.blind{ display:none}

#wrap #header{text-align:center; padding:34px 0 29px;}
#wrap #header h1 a{background:url('/images/new2016/join/logo.png') no-repeat left top; width:305px; height:47px; text-indent:-10000px; overflow:hidden; display:inline-block;}
#wrap #container{background-color:#f9f9f9; border-top:1px solid #cccccc;}
#wrap #content {
    margin: 0 auto;
    width: 580px;
}
.join_content{padding:30px 35px;}
.join_content .title{border:1px solid #e1e1e1; background-color:#fff; font-weight:bold; height:48px; line-height:50px; text-align:center; font-size:16px; color:#000000; letter-spacing:-1px; margin-bottom:10px;}
.join_content .title_g{font-weight:bold; height:40px; line-height:50px; text-align:center; font-size:16px; color:#80c229; letter-spacing:-1px; padding-bottom:15px;border-bottom:1px solid #E1E1E1;}
.join_content .stitle{font-weight:bold; height:40px; line-height:50px; font-size:16px; color:#000000; letter-spacing:-1px; margin:20px 0 10px 0;}

.terms_p{padding: 15px 0;}
.terms_chk_all{border-bottom:1px solid #e1e1e1; padding:10px 0 21px 6px}
.terms_chk_all .input_chk label{height:auto; line-height:1.5em;box-sizing: border-box;}
.terms_service .input_chk{display:block; padding:16px 0 8px 8px;}
.terms_privacy .input_chk{display:block; padding:16px 0 8px 8px;}
.terms_trust .input_chk{display:block; padding:16px 0 8px 8px;}
.terms_trust .terms_box{margin-bottom:10px;}
.terms_trust .table_2{width:100%; border-top:1px solid #e1e1e1; text-align:center;}
.terms_trust .table_2 th{border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background:#eee;}
.terms_trust .table_2 td{border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.terms_trust .table_2 th, .terms_trust .table_2 td:first-child{border-left:1px solid #e1e1e1;}

.terms_p .txt{padding:0 10px 10px 10px;}
.terms_marketing .input_chk{display:block; padding:16px 0 8px 8px;}
.terms_marketing .input_chk2 {display: block; padding: 0 40px 10px;}
.terms_marketing .input_chk2 label, .terms_marketing .input_chk2 label.on{background:none; cursor:default;}
.terms_marketing .input_chk2 label {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    width: 100%;
}
.terms_marketing .input_chk2 label span {
    color: #669900;
    font-size: 12px;
    padding-left: 5px;
}
.terms_marketing ul{padding:0 10px; margin-bottom:10px;}
.terms_marketing ul li{text-indent:-8px; padding-left:8px; color:#999;}
.terms_marketing ul li.red{color:#ff0000}
.terms_marketing p *{vertical-align:middle;}
.terms_marketing p label{padding-right:10px;}
.terms_marketing .terms_box{overflow:visible; margin-bottom:10px;}

.terms_14year .input_chk{display:block; padding:16px 0 8px 8px;}

.input_chk label{width:100%; height:24px; font-size:14px; color:#000; font-weight:bold; line-height:24px; padding-left: 30px;box-sizing: border-box;}
.input_chk label{display:inline-block; cursor:pointer; background:url('/images/new2016/join/bul_chk_off.png') no-repeat left center; }
.input_chk input{position:absolute; visibility:hidden}
.input_chk label.on{background:url('/images/new2016/join/bul_chk_on.png') no-repeat left center; }
.input_chk label span{font-size:12px; color:#669900; padding-right:5px;}
.terms_box{border:1px solid #e1e1e1; background-color:#fff; overflow:auto; max-height: 350px; padding:17px; line-height:1.5em;}
.terms_box_red{height:40px!important; border:2px solid #fe3200; background-color:#fff; overflow:auto; height:34px; padding:17px; line-height:2.5em; margin-bottom:10px;}
.terms_box_red>.red{color:#fe3200; font-weight:bold; vertical-align:bottom; line-height:14px;}

.terms_service, .terms_privacy, .terms_trust, .terms_marketing{position: relative;}
.terms_more{position: absolute; right: 20px; top: 50%; transform: translateY(-33%); background-color: #d9d9d9; color: #000; padding: 3px 10px;}
.terms_box{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 440px; z-index: 9999; display: none;}
.terms_box h5{padding: 10px 15px; color: #fff; background: #000; font-size: 14px; margin-bottom: 20px; position: relative;}
.terms_txt{display: block;}
.terms_box h5 .close_terms_box{position: absolute; right: 5px; top: 5px; width: 25px; height: 25px; overflow: hidden; text-indent: -9999px; cursor: pointer;}
.close_terms_box:before, .close_terms_box:after{content:' '; position: absolute; left: 10px; height: 25px; width: 1px; background-color: #fff;}
.close_terms_box:before {transform: rotate(45deg);}
.close_terms_box:after {transform: rotate(-45deg);}



.join_content .tab ul{overflow:hidden; }
.join_content .tab ul li{float:left; width:50%; height:31px; line-height:31px; text-align:center; }
.join_content .tab ul li a{display:block; background-color:#fff; border:1px solid #e1e1e1; border-bottom:0;}
.join_content .tab ul li a.on{background-color:#80c229; color:#fff; border:1px solid #669900; border-bottom:0;}

.btn_group{margin-top:10px; overflow:hidden;}
.btn_group .btn_cancel{float:right;}
.btn_full a{width:100% !important;}
.btn_group a{float:left; display:inline-block; width:49%; height:53px; line-height:53px; text-align:center; color:#fff; font-weight:bold; font-size:16px;}
.btn_group .btn1{background-color:#80c229;}
.btn_group .btn2{background-color:#cccccc; float:right;}
.btn3 {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    color: #333;
    display: inline-block;
    font-size: 12px;
    height: 31px;
    line-height: 33px;
    text-align: center;
    text-decoration: none;
    width: 88px;
}
.btn4 {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    color: #333;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    padding:0 19px;
}
.tabCnt .row_group{border:1px solid #669900;}
.tabCnt #mobnoDiv{border-top:0;}
.row_group{border:1px solid #e1e1e1; border-top:0;}
.join_row{border-top:1px solid #e1e1e1; padding:12px 11px 11px 13px; position:relative; background-color:#fff;}
#mobDiv .btn3{position:absolute;top:13px;right:19px; z-index:9;}
.join_row .int_mobile{margin-right:112px; }
.join_row .int_mobile_certify{margin-right:112px;}
.join_row .int_id{margin-right:112px;}
.join_row .int_zipcode{margin-right:112px;}
.join_row .int_email{margin-right:112px;}
.ps_box {
    display: block;
    height: 35px;
    position: relative;
}
.join_from .lbl {
    display: block;
    font-size: 15px;
    font-weight: bold;
    left: 0;
    line-height: 27px;
    position: absolute;
    top: 5px;
	width: 100%;
    z-index: 9;
	background:#fff;
	color:#999;
}
.join_row .int, #orgmbno, #edutype {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    font-size: 15px;
    font-weight: bold;
    padding: 9px 0;
    position: relative;
    width: 100%;
    z-index: 10;
}
.mem_edit .int_address2{vertical-align:middle; display:table-cell; }
.join_row .s_int{
	display:inline-block;
    background: #fff none repeat scroll 0 0;
    border: medium none;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
}

.join_row .focus{color:#000;}

#frmFindid #emailDiv .int, #frmFindpw #emailDiv .int{z-index: 8 !important;}
#pswdImg .int{z-index: 8 !important;}
/* #pswd1Div .int{z-index: 8 !important;}
#pswd2Div .int{z-index: 8 !important;} */
#mem_outWhyDiv .int{z-index: 8 !important;}
.mem_certification #addrnoDiv3 .int{z-index: 8 !important;}
span.int{padding-left:line-height:27px; display:block;}
.error {
    color: #ff0000;
    font-size: 12px;
    margin: 3px 0 3px 1px;
}
.sex, .attendance, .license, .diapause{
    /* border: 1px solid #e1e1e1; */
    display: block;
    margin-right: -3px;
    box-sizing: border-box;
}
.sex:after, .attendance:after, .license:after, .diapause:after{
	clear:both;display:block; content:'';
}
.sex .jender, .attendance .state, .license .pass{
    border: 1px solid #e1e1e1;
    display: block;
    float: left;
    height: 33px;
    position: relative;
    width: 50%;
    z-index: 10;
	box-sizing: border-box;
}
.diapause .date {
    border: 1px solid #e1e1e1;
    display: block;
    float: left;
    height: 33px;
    position: relative;
    width: 24.7%;
    z-index: 10;
	box-sizing:border-box;
}
/* .diapause .date:last-child{border-right:none;} */
/* .sex .jender + .jender, .attendance .state + .state, .license .pass + .pass{
    border: medium none;
} */

.attendance + p{font-size: 12px; color:#ff0000}

.sex .jender input, .attendance .state input, .license .pass input, .diapause .date input {
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
	background:none;
}
.sex .jender label, .attendance .state label, .license .pass label, .diapause .date label {
    background: #fff none repeat scroll 0 0;
    color: #999;
    cursor: pointer;
    display: block;
    height: 31px;
    left: 0;
    line-height: 31px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10;
}
.sex .jender input:checked + label, .attendance .state input:checked + label, .license .pass input:checked + label, .diapause .date input:checked + label {
    border: 1px solid #669900;
    color: #669900;
    margin: 0px;
    z-index: 100;
	box-sizing:border-box;
}
.sex .jender label.on, .attendance .state label.on, .license .pass label.on, .diapause .date label.on {
    border: 1px solid #669900;
    color: #669900;
    margin: -1px;
    z-index: 100;
	font-weight:bold;
	box-sizing:border-box;
}
.join_ipin_certify{height:117px;}
.join_ipin_certify .certify_box{display:block; margin:43px 0 10px 0;}
.join_ipin_certify .certify_box .ipinconfirm{display:block; font-size:15px; font-weight:bold; color:#000; text-align:center;}
.join_ipin_certify .btn3{width:303px; margin:0 auto; display:block;}

.join_birth {
    display: table;
    padding-right: 15px;
}
.join_birthday {
    padding: 0;
}
.join_birthday .error {
    margin-left: 13px;
}
.join_birth .cell {
    background-position: -96px -566px !important;
    padding: 0;
    width: 1px;
}
.bir_title {
    background: #f7f7f7 none repeat scroll 0 0;
    border-right: 1px solid #efefef;
    color: #999;
    display: table-cell;
    font-size: 13px;
    padding: 3px 12px 0 14px;
    table-layout: fixed;
    text-align: center;
    vertical-align: middle;
    width: 28px;
}
html[lang="en"] .bir_title {
    padding-left: 8px;
    padding-right: 7px;
    width: 77px;
}
html[lang="zh-hans"] .bir_title, html[lang="zh-hant"] .bir_title {
    width: 33px;
}
.bir_yy, .bir_mm, .bir_dd {
    display: table-cell;
    padding: 11px 0 11px 16px;
    table-layout: fixed;
    vertical-align: middle;
    width: 168px;
	
}
.bir_mm{
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	padding-right:22px;
	width:146px;

}
.bir_yy {
    padding-left: 14px;
    padding-right: 4px;
}
.bir_dd {
    padding-left: 15px;
    padding-right: 3px;
}
.sel {
    background: #fff url("/images/new2016/join/bul_sel_.gif") no-repeat scroll 100% 50% / 20px 8px;
    border: medium none;
    border-radius: 0;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    height: 35px;
    line-height: 18px;
    padding: 9px 8px 6px 0;
    width: 100%;
}

#idDiv{position:relative;}
#idDiv .txt{position:absolute;top:25px;right:19px; z-index:11; color:#999999; }
#emailDiv .input_chk, #mobnoDiv .input_chk{text-align:right; display:inline-block; width:100%;}
#emailDiv .input_chk label, #mobnoDiv .input_chk label{font-size:12px; color:#999; font-weight:normal; height:26px; line-height:30px; padding-right:34px; width:auto;}
#emailDiv .input_chk label span, #mobnoDiv .input_chk label span{font-weight:bold;}
#pswd1Div .lbl, #pswd2Div .lbl{width:80%}


.int_pass{background:url('/images/new2016/join/ico_pawd.gif') no-repeat right center; padding-right:95px;}
.int_pass_ok{background:url('/images/new2016/join/ico_pawd3_on.gif') no-repeat right center; padding-right:95px;}
.int_pass_ok2{background:url('/images/new2016/join/ico_pawd2_on.gif') no-repeat right center; padding-right:95px;}
.int_pass_check{background:url('/images/new2016/join/ico_pawd_on.gif') no-repeat right center; padding-right:95px;}
.int_pass_check_ok{background:url('/images/new2016/join/ico_pawd2_on.gif') no-repeat right center; padding-right:95px;}


.int_school{overflow:hidden;}
.school_state{width:80% !important;}
.school_name{width:80% !important;}
.major_name{width:80% !important;}
.diapause_name{width:90% !important;}
.school_state, .school_name, .major_name{
	padding: 11px 0 11px 16px; vertical-align:middle;
	padding-right:10px;}
.school_nam label{display:inline-block;}


.layer1{position:absolute; top:55px; left:-1px; width:100%; border:1px solid #669900; background-color:#fff; padding:0; z-index:999999;}
.layer1 .ly_close a{position:absolute;top:0;right:0; background:url('/images/new2016/join/ly_close.gif') no-repeat center center; width:38px; height:38px; text-indent:-10000px; overflow:hidden;}
.layer1 .ly_title{height:36px; line-height:40px; border-bottom:1px solid #669900; font-weight:bold; color:#000; text-align:center}
.layer1 .ly_cnt{position:relative;}
.layer1 .ly_cnt .txt{color:#999; padding:12px 0 7px 17px; font-size:12px;}
.layer1 .ly_cnt .search_before .ps_box{height:auto; }
.layer1 .ly_cnt .search_before .ps_box{margin-right:112px;}
.layer1 .ly_cnt .search_after{position:relative; background-color:#f9f9f9; }
.layer1 .ly_cnt .search_after .nn{font-size:15px; font-weight:bold; padding:22px 17px 18px 17px; margin-right:140px;}
.layer1 .ly_cnt .search_after .txt{position:absolute;top:11px;right:17px;}
.layer1 .ly_cnt .list{overflow:hidden; border-top:1px solid #e1e1e1; padding:11px 10px;}
.layer1 .ly_cnt .list li{float:left; width:31%; background:url('/images/new2016/join/bul1.gif') no-repeat left 6px; padding-left:9px; font-size:12px; letter-spacing:-1px;}

.ly_schoolSearch .noData{padding:0 0 10px 10px}

.mem_info_modify{overflow:hidden; margin-top:-10px;  border:1px solid #e1e1e1; border-top:0; background-color:#fff; font-size:14px;}
.mem_info_modify div{float:left; width:33%; height:198px; border-right:1px solid #e1e1e1; text-align:center; line-height:1.5em;}
.mem_info_modify div a{display:block;padding-top:138px;}
.mem_info_modify div strong{color:#669900;}
.mem_info_modify div a{display:block; width:100%; height:100%;}
.mem_info_modify .modify{background:url('/images/new2016/join/ico_modify.gif') no-repeat center 38px;}
.mem_info_modify .pw_change{background:url('/images/new2016/join/ico_pw_change.gif') no-repeat center 38px; }
.mem_info_modify .out{background:url('/images/new2016/join/ico_out.gif') no-repeat center 45px; border-right:0;}
.mem_info_modify .out strong{display:inline;}
.mem_info_modify .out a{padding-top:148px;}

.mem_search{overflow:hidden; margin-top:-10px;  border:1px solid #e1e1e1; border-top:0; background-color:#fff; font-size:14px;}
.mem_search div{float:left; width:50%; height:198px; border-right:1px solid #e1e1e1; text-align:center; line-height:1.5em; box-sizing: border-box;}
.mem_search div a{display:block;padding-top:138px;}
.mem_search div strong{color:#669900;}
.mem_search div a{display:block; width:100%; height:100%;}
.mem_search .ipin{position:relative;}
.mem_search .ipin span{width:100%; font-size:11px; position:absolute;top:10px;left:0; display:block; text-align:center; color:#8d8c8c; line-height:1.5em;}

.id_search{margin-bottom:10px;}
.id_search .mobile{background:url('/images/new2016/join/ico_m_id.gif') no-repeat 58% 29px;}
.id_search .email{background:url('/images/new2016/join/ico_e_id.gif') no-repeat 56% 39px; border-right:0;}
.id_search .ipin{background:url('/images/new2016/join/ico_ipin_v1.gif') no-repeat center 50px; border-right:0;}
.pw_search .mobile{background:url('/images/new2016/join/ico_m_pw.gif') no-repeat 58% 29px;}
.pw_search .email{background:url('/images/new2016/join/ico_e_pw.gif') no-repeat 56% 39px; border-right:0;}
.pw_search .ipin{background:url('/images/new2016/join/ico_ipin_v1.gif') no-repeat center 50px; border-right:0;}

.mem_edit .btn3{position:absolute;top:13px;right:19px; z-index:999;}
.mem_edit .joinTable{width:100%; border:1px solid #e1e1e1; background-color:#fff;}
.mem_edit .joinTable th{border:1px solid #e1e1e1; text-align:left; padding-left:16px; color:#777777; vertical-align:top; padding-top:23px;}
.mem_edit .joinTable th.diapause_th{border:1px solid #e1e1e1; text-align:left; padding-left:16px; color:#777777; vertical-align:top; padding-top:15px;}
.mem_edit .joinTable td{border:1px solid #e1e1e1; padding:23px 19px 17px 16px; font-size:14px;}
.mem_edit .joinTable td strong{color:#333333; padding-right:5px;}
.mem_edit .joinTable td.mob{padding:0;}
.mem_edit .joinTable td.mob .join_row{border-top:0; }
.mem_edit .joinTable td.email{padding:0;}
.mem_edit .joinTable td.email .join_row{border-top:0; }
.mem_edit .joinTable td.address{padding:0;}
.mem_edit .joinTable td.address .join_row{border-top:0;}
.mem_edit .joinTable td.school{padding:0;}
.mem_edit .joinTable td.school .join_row{border-top:0;}
.mem_edit .joinTable td.exam{padding:10px 19px 12px 16px;}
.mem_edit .joinTable td.uarea{padding:10px 19px 12px 16px;}
.mem_edit .joinTable td.uroute{padding:0;}
.mem_edit .joinTable td.uroute .join_row{border-top:0;}
.mem_edit .joinTable td.t_attendance{padding:10px 19px 12px 16px;}
.mem_edit .joinTable td.t_diapause{padding:10px 19px 12px 16px;}
.mem_edit .joinTable td.t_license{padding:12px 19px 12px 16px;}
.mem_edit .sel{width:auto; margin-right:10px;}
.mem_edit .input_chk label{font-size:12px}
.mem_edit .input_chk{text-align:right; display:inline-block; width:100%;}
.mem_edit .input_chk label{font-size:12px; color:#999; font-weight:normal; height:26px; line-height:30px; padding-right:34px; width:auto;}
.mem_edit .input_chk label span{font-weight:bold;}
.mem_edit .txt{color:#999; padding:0 0 8px}
.mem_edit .joinTable .ly_schoolSearch td, .mem_edit .joinTable .ly_mobChange td{padding:0;}
.mem_edit .joinTable .ly_schoolSearch td{font-size:12px}
#orgmbno{display:block;}

.mem_id_search_result .resultBox{border:1px solid #e1e1e1; background-color:#fff; text-align:center; padding:80px 0; font-size:14px;}
.mem_id_search_result .resultBox strong{color:#669900}

#schoolDiv .error{margin:3px 0 5px 20px}
#examDiv select{width:70%}

.mem_out_txt{padding:10px 0 21px 6px; line-height:1.5em; font-weight:bold; font-size:14px; color:#000}

#wrap #content_sns {margin: 0 auto; width: 500px; min-height: 560px; background-color:#fff; border: 1px solid;}
#wrap #content_sns h1{text-align:center;}