@charset "utf-8";

.board_frm .selbx select:focus-visible,
.board_frm dd input.mem_input:focus-visible,
.board_frm .con_sbtn:focus-visible,
.con_btn:focus-visible,
.login_wrap .login_box ul.input_area li input.txt_input:focus-visible,
.login_wrap .login_box .btn_login:focus-visible,
.login_wrap .login_box .sns_login a.btn:focus-visible{outline:3px solid red !important;}


/* 로그인 */
.login_wrap .login_box{/*overflow:hidden;*/width:390px;margin:0 auto;}
.login_wrap .login_box ul.input_area{width:390px;}
.login_wrap .login_box ul.input_area li{position:relative;width:388px;height:48px;margin-bottom:10px;border:1px solid #d5d5d5;}
.login_wrap .login_box ul.input_area li.inp_id{background:url(/nanum/site/builder/skin/common/img/icon_id.gif) no-repeat 348px 50%;}
.login_wrap .login_box ul.input_area li.inp_pw{background:url(/nanum/site/builder/skin/common/img/icon_pw.gif) no-repeat 348px 50%;}
.login_wrap .login_box ul.input_area li label{position:absolute;top:0;left:20px;height:48px;line-height:48px;font-size:14px;font-style:italic;color: #767676;}
.login_wrap .login_box ul.input_area li input.txt_input{width:280px;height:48px;padding:0 20px;border:0;line-height:48px;}
.login_wrap .login_box .btn_login{display:block;width:390px;height:50px;border:0;background:#2f54a8;font-family:'NotoKrB';font-size:15px;line-height:50px;text-align:center;color:#fff;}
.login_wrap .login_box .sns_login .or{display:block;margin:20px 0;background:url(/nanum/site/builder/skin/common/img/line_bk.gif) repeat-x 0 50%;text-align:center;}
.login_wrap .login_box .sns_login .or span{display:inline-block;padding:0 10px;background:#fff;font-family:'Montserrat',sans-serif;font-weight:600;letter-spacing:0.05em;}
.login_wrap .login_box .sns_login a.btn{display:block;width:100%;height:50px;margin-bottom:10px;background-size:20px auto;background-repeat:no-repeat;background-position:20px 50%;font-family:'NotoKrM';line-height:50px;text-align:center;}
.login_wrap .login_box .sns_login a.btn.naver{background-image:url(/nanum/site/builder/skin/common/img/btn_login_naver.png);background-color:#01c73c;color:#000;}
.login_wrap .login_box .sns_login a.btn.kakao{background-image:url(/nanum/site/builder/skin/common/img/btn_login_kakao.png);background-color:#fddc3f;color:#452a0f;}
.login_wrap .find_box{overflow:hidden;margin-top:60px;}
.login_wrap .find_box li{float:left;width:283px;padding:20px 0;background:url(/nanum/site/builder/skin/common/img/line_gray.gif) repeat-y;text-align:center;}
.login_wrap .find_box li:first-child{width:284px;background:none;}
.login_wrap .find_box li p{margin-bottom:20px;font-family:'NotoKrM';font-size:18px;}
.login_wrap .find_box li a{display:inline-block;padding-right:30px;background:url(/nanum/site/builder/skin/common/img/btn_more_arr.gif) no-repeat 100% 50%;color:#555;letter-spacing:-0.075em;}

/* 회원가입_SNS추가 */
.login_wrap .login_box.join_intro{padding-top:50px;}
.login_wrap .login_box.join_intro p.sns_tit{font-family:'Roboto','NotoKrB',sans-serif;font-weight:700;font-size:17px;color:#333;}
.login_wrap .login_box.join_intro p.sns_txt{margin-bottom:15px;font-family:'NotoKrM';font-size:15px;color:#888;}

/* 회원가입_스텝 */
.join_wrap .red{color:#e71a00 !important}
.join_wrap .join_step{height:60px;margin-bottom:60px;}
.join_wrap .join_step ul{display:inline-block;width:100%;height:60px;}
.join_wrap .join_step ul li{float:left;width:169px;height:58px;margin-left:-1px;border-right: 1px solid #d5d5d5;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;font-family:'NotoKrB';font-size:17px;line-height:58px;color: #767676;letter-spacing:-0.075em;text-align:center;}
.join_wrap .join_step ul li:first-child{border-left:1px solid #d5d5d5;}
.join_wrap .join_step ul li span{display:inline-block;width:30px;height:30px;margin-right:5px;border-radius:100%;background: #767676;font-family:'Montserrat',sans-serif;font-weight:600;font-size:17px;color:#fff;line-height:30px;text-align:center;}
.join_wrap .join_step ul li.on{border-right:1px solid #1f4bb4;border-top:1px solid #1f4bb4;border-bottom:1px solid #1f4bb4;background:#1f4bb4;color:#fff;}
.join_wrap .join_step ul li.on span{background:#fff;color:#1f4bb4;}
.join_wrap .join_step ul li.done{color:#1f4bb4;}
.join_wrap .join_step ul li.done span{background:url(/nanum/site/builder/skin/common/img/step_chk.png) no-repeat 50% 50% #1f4bb4;text-indent:-9999px;}

/* 회원가입_공통 */
.join_wrap .headline{word-break:keep-all;}
.join_wrap .headline .btxt{padding-bottom:10px;font-family:'NotoKrM';font-size:25px;line-height:35px;letter-spacing:-0.075em;}
.join_wrap .headline .stxt{font-size:17px;line-height:28px;color:#555;letter-spacing:-0.05em;}

.join_wrap .usertype{overflow:hidden;}
.join_wrap .usertype a{position:relative;float:left;width:268px;height:298px;margin-left:20px;background-repeat:no-repeat;background-position:50% 120px;border:1px solid #e5e5e5;text-align:center;}
.join_wrap .usertype a:first-child{margin-left:0;}
.join_wrap .usertype a.w5{width:413px;}
.join_wrap .usertype a dl dt{padding-top:50px;font-family:'NotoKrM';font-size:22px;line-height:1;color:#000;}
.join_wrap .usertype a dl dd{padding-top:15px;font-size:15px;line-height:1;color:#888;}
.join_wrap .usertype a span{display:inline-block;height:40px;padding:0 30px;margin-top:110px;background:#6d6d6d;text-align:center;font-family:'NotoKrM';font-size:15px;line-height:40px;color:#fff;z-index:10;}

/* 회원가입_step1회원유형선택 */
.join_wrap .step1 .headline{padding-bottom:60px;text-align:center;}
.join_wrap .step1 .usertype a.user1{background-image:url(/nanum/site/builder/skin/common/img/icon_user1.gif);}
.join_wrap .step1 .usertype a.user2{background-image:url(/nanum/site/builder/skin/common/img/icon_user2.gif);}
.join_wrap .step1 .usertype a.user3{background-image:url(/nanum/site/builder/skin/common/img/icon_user3.gif);}

/* 회원가입_step2약관동의 */
.join_wrap .step2 .headline{padding-bottom:30px;border-bottom:1px dashed #d5d5d5;text-align:left;}
.join_wrap .step2 .agree_box{overflow-y:scroll;height:190px;margin-bottom:20px;padding:19px;border-top:2px solid #0094f1;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;box-shadow:0 3px 0 0 #f9f9f9;font-size:15px;line-height:24px;color:#555;}
.join_wrap .step2 .agree_box h3.tit{margin-bottom:10px;font-size:17px;}
.join_wrap .step2 .agree_box h3.tit.h3_t{margin-top:30px;}
.join_wrap .step2 .agree_box h4.tit{margin-bottom:10px;font-size:15px;line-height:24px;}
.join_wrap .step2 .agree_box h4.tit.h4_t{margin-top:20px;}
.join_wrap .step2 h3.tit span.essential{font-size:15px;color:#1f4bb4;}
.join_wrap .step2 h4.tit{display:inline-block;padding-right:30px;color:#222;background-image:url(/nanum/site/builder/skin/common/img/btn_op.png);background-repeat:no-repeat;background-position:100% 50%;background-size:10px auto;cursor:pointer;}
.join_wrap .step2 h4.tit.open{background-image:url(/nanum/site/builder/skin/common/img/btn_cls.png);}
.join_wrap .step2 .blue_txt{font-family:'NotoKrB';font-size:16px;line-height:1.4;color:#1f4bb4;}
.join_wrap .step2 .black_txt{font-family:'NotoKrB';font-size:16px;line-height:1.4;color:#000;}
.join_wrap .step2 .point_txt{font-family:'NotoKrB';font-size:16px;line-height:1.4;background-position:0 3px;}
.join_wrap .step2 .opt_agree{display:flex;flex-wrap:wrap;align-items:center;}
.join_wrap .step2 .opt_agree p{margin-right:auto;font-family:'NotoKrB';}
.join_wrap .step2 .opt_agree input{vertical-align:middle;margin:0 0 0 10px;}
.join_wrap .step2 .opt_agree label{padding-left:5px;}

/* 회원가입_step3본인인증 */
.join_wrap .step3 .usertype{padding-bottom:50px;}
.join_wrap .step3 .usertype a.auth1{background-image:url(/nanum/site/builder/skin/common/img/icon_auth1.gif);}
.join_wrap .step3 .usertype a.auth2{background-image:url(/nanum/site/builder/skin/common/img/icon_auth2.gif);}
.join_wrap .step3 .usertype a.auth3{background-image:url(/nanum/site/builder/skin/common/img/icon_auth3.gif);}

/* 회원가입_step5가입완료 */
.join_wrap .step5 .headline{padding:60px 0 30px;text-align:center;}
.join_wrap .step5 .headline .btxt{padding-bottom:30px;font-size:35px;}

/* 인터넷진료예약_환자번호인증 */
.patnosrch_wrap{padding:10px;}
.patnosrch_wrap .txt_input{height:38px;padding:0 10px;border:1px solid #d5d5d5;font-family:'NotoKrM';font-size:15px;color:#000;}

/* 간호부 */
.oran .login_wrap .login_box .btn_login{background:#f86226;}

/* 아이디_비밀번호찾기 */
.member_id{text-align:center;}
.member_id .tit{padding-bottom:10px;font-size:26px;letter-spacing:-0.05em;}
.member_id .txt{padding-bottom:20px;font-size:16px;color:#666;}
.member_id .area{margin-bottom:30px;padding:50px 0;border-top:3px solid #2763ba;border-bottom:1px solid #d5d5d5;}
.member_id .area .idpw_reserv{font-size:19px;}
.member_id .area .idpw_reserv .eng{color:#2763ba;font-weight:700;}
.member_id .area p{position:relative;width:400px;margin:0 auto 10px;}
.member_id .area p label{position:absolute;top:0;left:20px;font-size:15px;color:#888;line-height:48px;}
.member_id .area p .txt_input{width:360px;height:48px;padding:0 19px;border:1px solid #d5d5d5;}

/* 회원탈퇴 */
.member_secede .headline{padding:80px 0 50px;background-image:url(/nanum/site/builder/skin/common/img/icon_secede.png);background-repeat:no-repeat;background-position:50% 0;background-size:70px auto;font-size:30px;color:#2f54a8;text-align:center;}
.member_secede .pw_box{margin-top:30px;padding:30px 0;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;text-align:center;}
.member_secede .pw_box dt,
.member_secede .pw_box dd{position:relative;display:inline-block;}
.member_secede .pw_box dt{font-family:'NotoKrB';color:#000;padding-right:20px;}
.member_secede .pw_box dd input.pw_input{width:250px;;height:38px;padding:0 10px;border:1px solid #d5d5d5;font-family:'NotoKrM';font-size:15px;color:#000;}

/****************************** 태블릿 ******************************/
@media all and (max-width:1024px){

/* 로그인 */
.login_wrap .login_box{padding-top:20px;}
.login_wrap .login_box ul.input_area li{background:none !important;}
.login_wrap .login_box ul.input_area li input.txt_input{width:100%;box-sizing:border-box;}
.login_wrap .find_box{margin-top:30px;}
.login_wrap .find_box li{width:33%;padding:10px 0;}
.login_wrap .find_box li:first-child{width:34%;}
.login_wrap .find_box li p{margin-bottom:10px;font-size:15px;}
.login_wrap .find_box li a{padding-right:25px;background-size:15px auto;}

/* 회원가입_SNS추가 */
.login_wrap .login_box.join_intro{padding-top:20px;}

/* 회원가입_스텝 */
.join_wrap .join_step{height:auto;margin-bottom:20px;}
.join_wrap .join_step ul{height:auto;}
.join_wrap .join_step ul li{width:20%;height:auto;padding:10px 0;font-size:15px;line-height:normal;box-sizing:border-box;}
.join_wrap .join_step ul li span{display:block;width:25px;height:25px;margin:0 auto 5px;font-size:15px;line-height:25px;}
.join_wrap .join_step ul li.done span{background-size:10px auto;}

/* 회원가입_공통 */
.join_wrap .headline{text-align:center !important;}
.join_wrap .headline .btxt{font-size:19px;line-height:28px;}
.join_wrap .headline .stxt{padding:0 20px;font-size:14px;line-height:24px;}
.join_wrap .usertype a{width:33%;height:auto;margin-left:-1px;padding:30px 0;background-position:50% 100px;background-size:auto 40px;box-sizing:border-box;}
.join_wrap .usertype a.w5{width:50%;}
.join_wrap .usertype a dl dt{padding-top:0;font-size:22px;}
.join_wrap .usertype a dl dd{padding-top:10px;font-size:13px;}
.join_wrap .usertype a span{height:auto;padding:10px 30px;margin-top:90px;font-size:13px;line-height:normal;}

/* 회원가입_step1회원유형선택 */
.join_wrap .step1 .headline{padding-bottom:30px;}
.join_wrap .step1 .headline .btxt{padding-bottom:5px;}

/* 회원가입_step2약관동의 */
.join_wrap .step2 .headline .btxt br{display:none;}

/* 회원가입_step3본인인증 */
.join_wrap .step3 .usertype{padding-bottom:20px;}

/* 회원가입_step5가입완료 */
.join_wrap .step5 .headline{padding:30px 0;}
.join_wrap .step5 .headline .btxt{padding-bottom:5px;font-size:19px;}

/***모바일에서 본인인증이 안될경우 [해결방법] 안내문구***/
.cash_box{display:block;margin-bottom:20px;background:#fff;padding:15px;border:1px dashed #d5d5d5;background:#f9f9f9;}
.cash_box p{padding-left:25px;background:url(/nanum/site/builder/skin/common/img/icon_warning.png) no-repeat 0 5px;background-size:auto 15px;font-size:13px;color:#555;letter-spacing:-0.05emb;word-break:keep-all;}
.cash_box p a{cursor:pointer;font-family:'NotoKrB';text-decoration:underline;color:#222;}

/***모바일에서 본인인증이 안될경우 [해결방법] 팝업***/
.cash_delete_wrap{display:inline-block;}
.cash_delete_wrap .tab_wrap{position:fixed;top:0;z-index:9;display:inline-block;width:100%;background:#5e637c;}
.cash_delete_wrap .tab_wrap li{float:left;width:25%;text-align:center;border-left:1px solid #b0b0b2;box-sizing:border-box;}
.cash_delete_wrap .tab_wrap li:first-child{border-left:0;}
.cash_delete_wrap .tab_wrap li a{display:block;height:40px;line-height:40px;font-size:14px;font-family:'NotoKrM', sans-serif;color:#fff;letter-spacing:-0.05em;}
.cash_delete_wrap .box{margin-top:20px;}
.cash_delete_wrap .box img{width:100%;min-width:320px;margin-top:20px;}

/* 아이디_비밀번호찾기 */
.member_id .area{padding:30px 10px;box-sizing:border-box;}
.member_id .area p{width:100%;}
.member_id .area p .txt_input{width:100%;box-sizing:border-box;}

/* 회원탈퇴 */
.member_secede .headline{padding:60px 0 40px;background-size:50px auto;font-size:25px;}

}

/****************************** 모바일 ******************************/
@media all and (max-width:767px){

/* 로그인 */
.login_wrap .login_box{width:100%;}
.login_wrap .login_box ul.input_area{float:none;width:100%;}
.login_wrap .login_box ul.input_area li{width:100%;height:auto;margin-bottom:5px;box-sizing:border-box;}
.login_wrap .login_box .btn_login{float:none;width:100%;font-size:15px;}
.login_wrap .find_box{margin-top:20px;}
.login_wrap .find_box li{width:33%;padding:0;text-align:center;box-sizing:border-box;}
.login_wrap .find_box li:first-child{width:34%;border-left:0;}
.login_wrap .find_box li p{display:none;}
.login_wrap .find_box li a{display:block;padding-right:0;background:none;font-family:'NotoKrM';font-size:13px;}

/* 회원가입_스텝 */
.join_wrap .join_step ul li{font-size:13px;}
.join_wrap .join_step ul li span{font-size:13px;}

.join_wrap .step2 .opt_agree p{width:100%;margin-right:0;}
.join_wrap .step2 .opt_agree input{margin:0;}
.join_wrap .step2 .opt_agree label{margin-right:10px;}

/* 회원가입_공통 */
.join_wrap .usertype a{width:100%;margin:10px 0 0 0;padding:20px 30px 20px 100px;border:1px solid #e5e5e5;background-position:20px 50% !important;text-align:left;}
.join_wrap .usertype a:first-child{margin-top:0;}
.join_wrap .usertype a.w5{width:100%;}
.join_wrap .usertype a dl dt{font-size:17px;}
.join_wrap .usertype a span{display:none;}

/* 회원가입_step1회원유형선택 */
.join_wrap .step1 .headline{padding-bottom:20px;}

/* 회원탈퇴 */
.member_secede .headline{font-size:22px;line-height:30px;}
.member_secede .pw_box{padding:20px 0;}
.member_secede .pw_box dt,
.member_secede .pw_box dd{display:block;}
.member_secede .pw_box dt{margin-bottom:10px;padding-right:0;}
.member_secede .pw_box dd input.pw_input{width:100%;;box-sizing:border-box;}

}

/****************************** 웹 ******************************/
@media(min-width:1025px){

/* 회원가입_공통 */
.join_wrap .usertype a:hover:before{content:'';display:block;position:absolute;width:266px;height:296px;top:-1px;left:-1px;border:2px solid #1f4bb4;z-index:1;}
.join_wrap .usertype a.w5:hover:before{width:411px;}
.join_wrap .usertype a:hover span{background:#1f4bb4;color:#fff;}

/***모바일에서 본인인증이 안될경우 [해결방법] 안내문구***/
.cash_box{display:none;}

}