@chart-set "utf-8";

.join_step01 .gray_box{ text-align: center; margin-top: 55px;}

.agree_cont{margin-top: 50px;}
.agree_cont.fir{border-top: 1px solid #ccc;  padding-top: 50px}

.agree_cont .agree_check {margin-bottom: 20px;}
.agree_cont .agree_check .tit {font-size: 20px;}
.agree_cont .agree_box{border:1px solid #ccc; height: 220px; overflow-y: scroll;}
.agree_cont .agree_box .agree_inner{/*color: #777;*/ padding: 18px; height: 100%; line-height: 26px;}

.agree_inner .title{font-size: 18px;font-weight: bold;padding-bottom: 20px; color: #333;}
.agree_inner .tit{font-size: 18px; color: #333;}
.agree_inner .textlist .tit{font-size: 16px;margin-top: 10px;}
.agree_inner .textlist .sub{font-size: 14px;color: #333}
.agree_inner .textlist .space{padding-left: 20px; text-indent: 0px;}
.agree_inner .textlist .dotlist li{position: relative; padding-left: 10px; font-size: 14px; color: #333;}
.agree_inner .textlist .dotlist li:before{position: absolute;top: 0px;left: 0;content: '';top: 3px;display: inline-block;vertical-align: top;margin-top: 10px;width: 2px;
height: 2px;border-radius: 50%;background-color: #000;}
.agree_inner .textlist .dotlist.ndot li:before{content:''; display: none;}
.agree_inner table{font-size:14px;}

/* certification */
.certification_choice {margin-top: 60px;}
.certification_choice ul li .icon{background: url('../images/member/phone_icon.png') center 0 no-repeat;}
.certification_choice ul li + li .icon{background-image: url('../images/member/ipin_icon.png');}
.certification .blue_box{margin-top: 70px;}

.join_table .join_info{margin-top: 50px;}
.join_table .join_info p{color: #777777;}
.join_table .table_type01 {margin-top: 15px;}
.join_table .table_type01 .id input{width: calc(100% - 130px);float:left;}
.join_table .table_type01 .id input + .btn {float:left;margin-left:10px;}
.join_table .table_type01 .pw input{width: calc(100% - 130px);}

.join_table .table_type01 .pw input + span{display: inline-block; /*text-align: center; width: 120px; margin-left: 0 !important;*/}
.join_table .eq{width: calc(100% - 130px);}

.join_table .table_type01 .email input {width: 30%;}
.join_table .table_type01 .email input + em + input{width: calc(35% - 25px);}
.join_table .table_type01 .email em {line-height: 50px; text-align: center; display: inline-block; width: 30px;}
.join_table .table_type01 .email .select_box {width:calc(35% - 25px); margin-left: 20px;}
.join_table .table_type01 .email .select_box select {width: 100%;}
.join_table .table_type01 .captcha .captcha{ height: 50px; display: inline-block; background-color: #ccc;}
.join_table .table_type01 .captcha input{margin-left: 15px;}
.join_table .table_type01 .id .add div input{width: calc(100% - 130px);}
.join_table .table_type01 .id .add div {overflow:hidden;}
.join_table .table_type01 .id .add div + div {margin-top:10px}
.join_table .table_type01 .ph input {width: calc(33.33% - 20px);float: left;}
.join_table .table_type01 .ph em {width:30px;line-height: 50px;height: 50px;text-align: center;display: inline-block;float: left;}
.join_table .table_type01 .ph.ipin div{width: calc(100% - 130px);}
.join_table .table_type01 .nationality {width: calc(65% + 5px);}
.join_table .table_type01 .nationality select {width:100%}
.join_ok .gline_box{text-align: center; margin-top: 50px;}
.join_ok .gline_box .gline_inner{padding: 70px 0 60px 0;}
.join_ok .gline_box .gline_inner h3{font-size: 30px; margin-top: 15px;}

.certification_choice ul li .icon {background-image: url('../images/member/join_icon01.png');}
.certification_choice ul li + li .icon {background-image: url('../images/member/join_icon02.png');}
.certification_choice ul li + li + li .icon {background-image: url('../images/member/join_icon03.png');}
.certification_choice ul li .icon.certified_ck_ph {background-image: url('../images/member/join_icon_ph.png'); background-position: center;}
.certification_choice ul li .icon.certified_ipin {background-image: url('../images/member/join_icon_ipin.png'); background-position: center;}

/* idpw */
.idpw .table_type01 .pw input {width: 100%;}
.idpw .tit.txtdot_blue{text-align: left !important;}
.find_id_choice ul li .icon{background-repeat: no-repeat; background-position: center 0;}
.find_id_choice ul li:first-child .icon{background-image: url('../images/member/icon_phone01.png');}
.find_id_choice ul li:nth-child(2) .icon{background-image: url('../images/member/icon_ipin01.png');}
.find_id_choice ul li:nth-child(3) .icon{background-image: url('../images/member/icon_foreigner01.png');}
.find_id_choice ul li .btn_gray{margin-top: 16px; width: 100%;    background: #0d326f;}
.find_id_choice ul li .btn_gray:hover{background-color: #717171;}
.find_id_choice ul li{position:relative;}
.find_id_choice ul li:after{content:'';border: 10px solid #a40f16; padding: 31px;box-sizing:border-box;position:absolute;width:100%;height:100%;top:0;left:0;display:none;z-index:-1;}
.find_id_choice ul li:hover:after{display:block;}

.find_id_choice ul li a:hover:after{display: none;}
.idpw .line_top{border-top: 1px solid #d9d9d9; text-align: right;}
.idpw .line_top > span{display: inline-block; line-height: 42px; margin-top: 30px; vertical-align:middle;}
.idpw .line_top .btn {margin-left: 20px; margin-top: 30px;background:#717171}
.idpw .line_top .btn:hover {background: #0d326f;}

.find_id_guidebox{border: 1px solid #d9d9d9; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing:border-box; padding: 46px 0; text-align: center; margin: 50px auto 30px;}
.find_id_guidebox > div{width: 600px; margin: 0 auto;}
.find_id_guidebox > div .boxtit{font-size: 25px; line-height: 1.2;}
.find_id_guidebox > div .find_id_guideinfo{margin-bottom: 30px; padding: 30px 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing:border-box; border-bottom: 1px solid #d9d9d9;}
.find_id_guidebox > div .find_id_guideinfo span{font-size: 20px;display:inline-block;vertical-align:middle;}
.find_id_guidebox > div .find_id_guideinfo input{background-color:none;border:0;padding:0;text-align: center; margin-left: 10px;display:inline-block;vertical-align:middle;}
.find_id_guideinfo.foreigner {border-bottom: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important;}

/* login */
.login_wrap{margin-top: 100px;}
.login_wrap .login_l{float: left; width: 720px; padding: 0 66px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing:border-box; border-right: 1px solid #d9d9d9;}
.login_wrap .login_l .login_input{float: left; width: 426px; margin-right: 20px;}
.login_wrap .login_l .login_input input{width: 100%; margin-bottom: 20px; height: 60px;}
.login_wrap .login_l .login_input input + input{margin-bottom: 0;}
.login_wrap .login_l .btn_login{float: left; width: 140px; height: 140px; line-height: 140px;}
.login_wrap .login_l .btn_wrap{float: left; width: 100%;}
.login_wrap .login_l .btn_wrap .btn{width: 180px; height: 50px; line-height: 50px;}
.login_wrap .login_l .btn_wrap .btn + .btn{margin-left: 20px;}
.login_wrap .login_r{float: left; width: 480px; padding: 0 66px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing:border-box;}
.login_wrap .login_r .btn_call{width: 100%; border: 1px solid #d9d9d9; display: block; height: 110px; line-height: 110px; text-align: center; margin-bottom: 20px;}
.login_wrap .login_r .btn_call + .btn_call{margin-bottom: 0;}
.login_wrap .login_r .btn_call span{font-size: 20px;}
.login_wrap .login_r .btn_call em{display:inline-block; width: 21px; height: 20px; vertical-align: sub; background-size: 100%; background-repeat: no-repeat;}
.login_wrap .login_r .btn_call.call1 em{background-image:url('../images/common/icon_call01.png');}
.login_wrap .login_r .btn_call.call2 em{background-image:url('../images/common/icon_call02.png');}

/* publishing */
.txt-blue { color: #0e12b7; } 
.txt-red { color: #b70e0e; } 
.profile__inner { width: calc(100% - 40px); max-width: 1200px; margin: 0 auto; } 

.logo { width: 100%; display: flex; justify-content: center; margin: 100px 0 60px; } 
.logo-img { width: 136px; text-align: center; } 
.pop_wrap.profile .profile__inner .profile__title { font-size: 40px; text-align: center; border-bottom: 0; color: #111; } 

.profile__menu { margin-top: 150px; } 
.profile__menu-list { display: flex; justify-content: space-between; } 
.profile__menu-item { width: calc(100% / 3); padding-bottom: 10px; border-bottom: 4px solid #999; font-size: 26px; font-weight: bold; color: #999; } 
.profile__menu-item.active { border-bottom: 4px solid #a73b59; color: #a73b59; } 
.pop_wrap.profile .li-type01>ul>li:before { margin-top: 5px; } 
.pop_wrap.profile .blue_box { background-color: #fbf6f8 !important; } 
.pop_wrap.profile .prognosis_wrap { margin-top: 70px; padding-left: 0; } 
.pop_wrap.profile .prognosis_wrap h3 { font-size: 24px; } 

.profile__box { padding: 30px; background-color: #f6f6f6; margin-top: 20px; } 
.profile__box-title { display: flex; align-items: center; } 
.profile__box-title span { margin-right: 10px; } 
.profile__box-title h4 { font-size: 20px; } 

.profile__text li { font-size: 18px; } 
.profile__box-list { display: flex; margin-top: 20px; } 
.profile__box-item {background-color: #fff;} 
.profile__box-list.box-type01 .profile__box-item { width: calc(100% / 3); border: 1px solid #ccc; margin-left: -1px; } 
.profile__box-list.box-type02 .profile__box-item { width: calc(100% / 4); border: 1px solid #ccc; margin-left: -1px; } 
.profile__box-name { display: flex; align-items: center; justify-content: center; height: 50px; background-color: #e5e5e5; font-size: 18px; border-botto: 1px solid #ccc; } 
.profile__box-desc { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; height: auto; padding: 30px 20px; } 
.profile__box-desc a { color: #1323be; text-decoration: underline; text-underline-position: under; } 
.profile__box-desc a + a { margin-top: 5px; } 
.profile__box-info { margin-top: 10px; font-size: 18px; color: #888; } 
.profile__box-info span { color: #bd0d0d; } 

.pop_wrap.profile .agree_line { display: flex; text-align: right; justify-content: flex-end; } 
.pop_wrap.profile .agree_line .input_checkbox { display: flex; align-items: center; } 
.pop_wrap.profile .agree_line .input_checkbox span { display: flex; align-items: center; width: fit-content; height: 100%; padding-bottom: 2px; color: #888; } 
.pop_wrap.profile .agree_line .input_checkbox input:after { width: 100%; height: 100%; background-image: url("/resources/KR/medical/images/profile/check.png"); background-size: 65%; background-position: 4px 6px; background-color: #ccc; background-repeat: no-repeat; } 
.pop_wrap.profile .agree_line .input_checkbox input:checked:after { width: 100%; height: 100%; background-image: url("/resources/KR/medical/images/profile/check.png"); background-size: 65%; background-position: 4px 6px; background-color: #a73b59; } 
.pop_wrap.profile .buis_num input { padding: 4px 20px 0; } 
.pop_wrap.profile .buis_num input::placeholder { color: #aaa; font-size: 18px; } 

.pop_wrap.profile .input_btn > .numOnly { width: calc(100% - 200px); } 
.pop_wrap.profile .btn_line.main { background-color: #a73b59; width: 200px; } 
.pop_wrap.profile .btn_line.main span { color: #fff; } 
.pop_wrap.profile .btn_line.gray { background-color: #fff; border: 1px solid #ddd; } 
.pop_wrap.profile .btn_line.gray span { color: #666666; } 
.pop_wrap.profile .btn_line.submit span { color: #a73b59; } 
.pop_wrap.profile .btn_line.submit:hover span { color: #fff; } 
.profile__state { margin-top: 50px; } 
.profile__state li { display: flex; align-items: center; justify-content: center; height: 80px; background-color: #f5f5f5; font-size: 25px; font-weight: 500; } 
.profile__state li + li { margin-top: 10px; } 
.profile__state li img { margin-right: 10px; } 
.txt-red > span:first-child,
.txt-blue > span:first-child { font-weight: bold; } 
.profile__txt { font-size: 18px; } 

.profile__notification h3 { font-size: 20px; } 
.profile__notification div { margin-top: 20px; padding: 35px; border: 1px solid #ccc; background-color: #f3f3f3; font-size: 18px; color: #666; letter-spacing: 0; line-height: 24px; } 




@media (max-width:1000px){
 .pop_wrap.profile .profile__inner .profile__title { font-size: 30px; } 
 .profile__menu { margin-top: 100px; } 
 .profile__menu-item { font-size: calc(10px + 1vw); } 
 .pop_wrap.profile .prognosis_wrap h3 { font-size: 20px; } 
 .profile__box-title span,
 .profile__box-title h4 { font-size: 18px; } 
 .profile__box-info { font-size: 16px; } 
 .pop_wrap.profile .buis_num input::placeholder { color: #aaa; font-size: 15px; } 

 .profile__state li img { width: 25px; height: auto; } 
 .profile__state li { font-size: 20px; } 
 }
@media (max-width:720px){
 .profile__menu-item { word-break: keep-all; text-align: center; padding: 0 5px 10px; } 
 .profile__text li { font-size: 16px; letter-spacing: 0px; } 
 .pop_wrap.profile .buis_num input::placeholder { position: absolute; top: 50%; transform: translateY(-50%); font-size: 12px; white-space: normal; word-break: keep-all; } 
 .pop_wrap.profile .input_btn>.numOnly { width: calc(100% - 100px); } 
 .pop_wrap.profile .btn_line.certification span { font-size: 14px; } 
 .pop_wrap.profile .btn_line.certification { width: 100px; } 
 .profile__box { padding: 20px; } 
 .profile__box-name { font-size: 15px; padding: 0 10px; text-align: center; word-break: keep-all; } 
 .profile__box-desc {align-items: center; font-size: 15px; margin-left: 0; text-align: center; word-break: keep-all; } 
 .profile__box-list.box-type02 { flex-wrap: wrap; } 
 .profile__box-list.box-type02 .profile__box-item { width: calc(100% / 2 - 1px); } 
 .profile__box-list.box-type02 .profile__box-item:nth-child(3),
 .profile__box-list.box-type02 .profile__box-item:nth-child(4) { margin-top: 20px; } 
 .profile__notification div p { font-size: 16px; } 
 .profile__notification div p + p { margin-top: 10px; } 
 }
@media (max-width:450px){
 .profile__box-info { font-size: 14px; } 
 .profile__inner { width: calc(100% - 20px); max-width: 1200px; margin: 0 auto; } 

 .profile__text li { font-size: 14px; } 
 .profile__box { padding: 10px; } 
 .profile__box-desc { justify-content: center; font-size: 13px; } 
 .pop_wrap.profile .agree_line .input_checkbox span { font-size: 15px; } 
 .pop_wrap.profile .agree_line .input_checkbox input { width: 18px; height: 18px; } 
 .pop_wrap.profile .agree_line .input_checkbox input:after,
 .pop_wrap.profile .agree_line .input_checkbox input:checked:after { background-position: 3px 4px; } 
 .pop_wrap.profile .profile__btn a { width: 130px !important; } 
 .pop_wrap.profile .btn_col2 .btn+.btn { margin-left: 20px; } 
 .profile__notification div p,
 .pop_wrap.profile .btn_line span { font-size: 14px; } 
 .profile__state li { font-size: 16px; } 
 .profile__txt { font-size: 15px; } 
 .profile__state li img { width: 20px; margin-right: 5px; } 
 .profile__notification div { padding: 25px; } 
 }
/* publishing */