@charset "utf-8";
/* NTS 120925 SMY*/

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-family:Helvetica}
body,input,textarea,select,button,table{font-size:14px;line-height:1.25em}
body.s,.s input,.s textarea,.s select,.s button,.s table{font-family:Helvetica}
body{position:relative;background-color:#f7f7f7;color:#000;-webkit-text-size-adjust:none}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
table{border-collapse:collapse}
hr{display:none !important}
b,strong{font-weight:bold}
.u_hc,.u_skip,.u_vc,.blind{visibility:hidden;overflow:hidden;position:absolute;left:-999em;width:0;height:0;font-size:0;line-height:0}
#ct{clear:both;width:100%;padding-bottom:90px}
#ct::after{display:block;clear:both;height:1px;margin-top:-1px;content:''}


.kmi_logo,.btn_check input,.btn_ok input,.wrg,.ps_box::after,.join_from .cell,.input_chk label::after,.btn_agree input,.btn_group a::before{background:url(http://app.healthcare21.co.kr/img/kmi_info_img.png) no-repeat;background-size:160px auto;-webkit-background-size:160px auto}

/* header */
#header,#ct{padding:0 12px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
#header{height:98px;padding-top:32px}
#header .kmi_logo{display:block;width:160px;height:34px;margin:0 auto;background-position:0 1px;font-size:0px;color:transparent}

/* Footer */
.u_cr{clear:both;padding:7px 0 12px;font-size:11px;line-height:14px;color:#9e9e9e;text-align:center}
.u_cri{display:inline-block;margin:0 2px}
.u_cri_v1{margin-left:3px;padding-left:10px;background-position:0 -82px}
.u_cra{font-size:11px;color:#9e9e9e}
.u_cra_v1{font-size:11px}

/* layout */
.join_content{margin:0 auto}
.row_group,.ipin_box{border:solid 1px #dadada;background:#fff;margin-bottom:12px}
.join_row{padding:13px 11px 13px;border-top:solid 1px #f0f0f0;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.join_row:first-child{border-top:none}

/* 정보입력 */
.ps_box{display:block;position:relative}
.join_from .lbl{display:none}
/*.join_row .int{padding:6px 2px 0px 2px;width:100%;height:21px;border:none;background:transparent;font-size:15px;apperance:none;-webkit-apperance:none}*/
.join_row .int{z-index:10;padding:6px 0 6px 5px;width:100%;height:27px;border:none;background:transparent;font-size:15px;apperance:none;-webkit-apperance:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.sel{width:100%;padding:6px 8px 6px 0;height:29px;border:none;border-radius:0;background:#fff url(https://static.nid.naver.com/images/join/mob/sel_arr.gif) 100% 50% no-repeat;background-size:26px 6px;-webkit-background-size:26px 6px;-webkit-appearance:none;-moz-appearance:none;font-size:15px;line-height:18px;color:#000;text-indent:0.01px;text-overflow:''}
.join_from .cell{display:none}
.join_birthday{overflow:hidden;padding:13px 0}
.global .join_birthday{padding:11px}
.join_birth{display:table;width:100%;margin:-1px 0;table-layout:fixed}
.bir_yy,.bir_mm,.bir_dd{display:table-cell;width:32%;table-layout:fixed;vertical-align:middle}
.bir_yy,.bir_mm,.bir_dd{border-right:solid 1px #f0f0f0}
.global .bir_mm,.bir_dd{width:36%;border-right:none;border-left:solid 1px #f0f0f0}

.bir_yy .ps_box{padding-left:11px}
.bir_dd .ps_box{margin-right:11px}
.global .bir_dd .ps_box{margin-right:0}
.bir_mm .sel{padding-left:16px}
.bir_dd .sel{padding-left:16px}
.join_sex{overflow:hidden;padding:8px 11px}
.row_title{display:inline-block;margin-left:5px;height:25px;font-size:15px;line-height:33px;color:#909090}
.join_check .row_title{color:#000}
.global .join_name{display:table;table-layout:fixed;width:100%}
.global .join_name .ps_box{display:table-cell;table-layout:fixed;width:50%}
.global .join_name .ps_box:first-child{border-right:1px solid #f0f0f0;padding-right:12px}
.global .join_name .ps_box:first-child .wrg{right:17px}
.global .join_name .ps_box:last-child{padding-left:12px}

.btn_group a.btn_save::before{background-position:40% -163px}
.btn_group a.btn_cancel::before{background-position:40% -213px}
.global .btn_group a.btn_save::before{background-position:50% -643px}
.global .btn_group a.btn_cancel::before{background-position:50% -698px}


/* 이용약관 */
.terms_p{border:solid 1px #e2e2e2;background:#fff;margin-bottom:22px}
.terms_bx{display:block;position:relative;padding:17px 17px 7px}
.terms_box{position:relative;height:86px;margin-top:11px;padding:10px 10px;border:1px solid #f0f0f0;background:#f7f7f7;overflow:auto;scrollbar-base-color:#d9d9d9;scrollbar-3dlight-color:#d9d9d9;scrollbar-darkshadow-color:#d9d9d9;scrollbar-face-color:#d9d9d9;scrollbar-highlight-color:#d9d9d9;scrollbar-shadow-color:#d9d9d9;scrollbar-track-color:#f2f2f2;-webkit-overflow-scrolling:touch;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.terms_bx::after{content:'';display:block;position:absolute;bottom:8px;left:18px;right:18px;height:84px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(.4,rgba(255,255,255,0)),to(rgba(255,255,255, .6)));pointer-events:none}
.t .terms_box::-webkit-scrollbar{overflow:visible;width:6px;margin-right:10px;background:transparent}
.t .terms_box::-webkit-scrollbar-thumb{background-color:rgba(45,70,97,0.3);-webkit-border-radius:5px;min-height:20px;margin:0 5px 0 0}
.t .terms_box::-webkit-scrollbar-thumb:hover{background-color:rgba(45,70,97,0.3)}
.t .terms_box::-webkit-scrollbar-corner{background:transparent}
.section{font-size:12px;color:#666;line-height:16px}
.global .section{font-family:Arial}
.section h3,.section h4,.section h5{font-size:12px;font-weight:normal;line-height:16px}
.input_chk{display:block;height:24px;position:relative;margin:0 -1px}
.input_chk input{position:absolute;top:50%;right:0;z-index:9;width:23px;height:23px;margin-top:-11px}
.input_chk label{display:block;position:absolute;top:0;left:0;z-index:10;width:100%;height:24px;font-size:15px;color:#000;line-height:24px}
.input_chk label::after{content:'';display:block;position:absolute;top:0;right:0;width:24px;height:25px;background-position:-107px -77px}
.input_chk input:checked + label::after{background-position:-134px -77px}
.section table{margin:0;border:0;border-collapse:collapse;color:#333;text-align:center}
.section table th,.section table td{border:1px solid #e5e5e5;padding:5px 0}
.section ol{margin-bottom:10px}
ul.terms_list{list-style:circle}
ul.terms_list li{list-style-type:circle;padding-left:10px}
.terms_bx_list{padding-bottom:8px}
.terms_chk_all{display:block;padding:15px 17px}
.global .terms_chk_all{padding-top:17px;padding-bottom:18px}
.terms_chk_all .input_chk{height:44px}
.terms_chk_all .input_chk label{display:table;height:44px;line-height:21px;top:-1px}
.global .terms_chk_all .input_chk label{line-height:22px}
.terms_chk_all .input_chk label::after{position:absolute;top:50%;margin-top:-12px}
.terms_chk_all .input_chk label span{display:table-cell;vertical-align:middle}
.terms_p .error{padding:0 15px 13px 15px;margin-left:2px}
.global .chk_all_txt{padding-right:30px;padding-left:1px}
.btn_group{display:table;margin:0 0 19px}
.btn_group a{display:table-cell;width:50%;height:51px;border:solid 1px #131565;background-color:#2e3092;text-align:center;vertical-align:top}
.btn_group a.btn_agree{display:table-cell;width:1%;height:51px;border:solid 1px #131565;background-color:#2e3092;text-align:center;vertical-align:top}
.btn_group a::before{content:'';display:block;width:90px;height:100%;margin:0 auto}
.btn_group a.btn_cancel{background-color:#fff;border:solid 1px #e7e7e7}
.btn_group a.btn_agree::before{background-position:30% -113px}
.btn_group .btn_cell{display:table-cell:width:4px;color:#f5f6f7}
.input_chk .terms_choice{font-size:11px;color:#5052b1}



/* 성별레디오버튼 */
.sex{display:inline-block;float:right;height:35px;margin-right:-3px;border:solid 1px #dcdcdc}
.jender{display:inline-block;position:relative;z-index:10;width:44px;height:35px;border-right:solid 1px #dcdcdc}
.jender + .jender{border:none}
.jender input{position:absolute;top:0;left:0;z-index:9;width:44px;height:35px}
.jender label{display:block;position:absolute;top:0;left:0;z-index:10;width:44px;height:35px;line-height:35px;background:#fff;text-align:center;color:#999}
.jender input:checked + label{border:solid 1px #5558d1;margin:-1px;z-index:100;color:#5558d1}
.jender label.on{;margin:-1px;z-index:100}
.global .jender,.global .jender input,.global .jender label{width:68px;font-size:15px;color:#969696}

/* 가입완료 */
.join_success p{font-size:14px;line-height:21px;color:#787878;text-align:center;margin:0 0 60px 0;line-height:15px}
.btn_group a.btn_ok{display:table-cell;width:1%;height:51px;border:solid 1px #131565;background-color:#2e3092;text-align:center;vertical-align:top}
.btn_group a.btn_ok::before{background-position:40% -262px}
.ok_img{display:block;width:270px;height:155px;margin:18px auto 10px auto;background-position:0 1px;font-size:0px;color:transparent}
.healthcare_txt{color:#1b1b1b}


/* 진도스크롤 */
.jmc_view{margin-top:11px;border:1px solid #f0f0f0;background:#f7f7f7;}
.jmc_view .section{padding:10px}
.scl_o{height:57px;padding:5px;border-bottom:1px solid #e7e7e7}
.scl_cnt{display:block;padding:10px;font-size:1em;line-height:20px}
.scl_cnt .scl_link{color:#1172b6}
.scl_tmb{_display:inline;float:left;clear:both;margin-right:10px}
.scl_lw{margin:.36em 0 1em}

/* 소타이틀 */
.title_img{display:block;height:46px;margin:15px 0 15px 20px;background-position:0 1px;font-size:0px;color:transparent}

/* 회사소개 */
.company_img{display:block;width:320px;height:182px;margin:18px auto 10px auto;background-position:0 1px;font-size:14px;color:transparent}
.company_top p{font-size:14px;line-height:17px;color:#787878;padding:20px}
.company_txt{color:#787878;font-weight:bold}
.company_table{margin:0 10px}
.company_btn_img{width:100px;height:25px;text-align:right}
.com_table_txt{color:#787878}
.com_table_txt2{padding-left:20px;color:#787878}


/* 건강체크 */
.btn_group a.btn_check{display:table-cell;width:1%;height:51px;border:solid 1px #131565;background-color:#2e3092;text-align:center;vertical-align:top}
.btn_group a.btn_check::before{background-position:38% -312px}
.check_txt{font-weight:bold;color:#2e3092;font-size:25px}
.subtitle_txt{font-size:14px;line-height:17px;color:#787878;padding:0 0 27px 20px}


/* 공지사항 */
.self_btn01  {text-align:center;height:40px}
.self_btn01 a{margin:0 3px 0 3px;color:#555}
.self_btn01 span {padding:0 5px}
.self_btn01 .all_custom {color:#5464bb}
.self_btn01 .cur_num {font-weight:bold;color:#5464bb}

/* 서비스소개 */
.service_top p{font-size:14px;line-height:17px;color:#787878;padding:15px}
.service_text{font-size:19px;color:#2e3092;font-weight:bold}
.service_img{display:block;width:100%;margin:0px auto 10px auto;background-position:0 1px; border:1xcolor:transparent;background-color:#fff;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.08),0 1px 1px rgba(0,0,0,0.05);box-shadow:0 0 2px rgba(0,0,0,0.08),0 1px 1px rgba(0,0,0,0.05)}
.service_table{display:block;padding-top:16px;position:relative;color:#717171;white-space:normal;overflow:hidden;text-overflow:ellipsis}
.service_table_0{display:block;padding:12px;position:relative;color:#717171;white-space:normal;overflow:hidden;text-overflow:ellipsis}
.service_ab{color:#fff;text-align:center;font-size:18px}
.nmore_l_5{width:100%;height:60px;background-color:#2e3092;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}
.nmore_l_6{width:100%;height:100%;border:8px solid #2e3092;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}
.service_img2{display:block;width:100%}

/* 콜센터 */
.call_top p{font-size:14px;line-height:17px;color:#787878;padding:15px}
.call_text{font-size:19px;color:#5e6cb7;font-weight:bold}
.call_table{display:block;padding-top:16px;position:relative;color:#717171;white-space:normal;overflow:hidden;text-overflow:ellipsis}
.call_table_0{display:block;padding:20px;position:relative;color:#717171;white-space:normal;overflow:hidden;text-overflow:ellipsis;text-align:center; margin-top:10px}
.call_ab{color:#fff;text-align:center;font-size:18px}
.call_l_5{width:100%;height:60px;background-color:#2e3092;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}
.call_l_6{width:100%;height:100%;border:8px solid #2e3092;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left}
.call_img{width:85px;height:93px}
.call_number{font-size:40px;color:#F00;font-weight:bold; letter-spacing:-3px}

/* 센터소개 */
.center_title{padding:0 0 10px 20px}