@charset "utf-8";
@import "/front/common/css/subCommon.css";

html,body{overflow:hidden;width:100%;height:100%}

/*상단*/
.top_content{height:50px;background-color:#027ad7;}
.top_content h3{font-size:20px;color:#fff;padding:17px}
.top_content .close_btn{position:absolute;top:0;right:0;display:inline-block}



/*비공개 게시물 팝업*/
.online_password .content{height:165px;border:solid 1px #027ad7;background:url(/front/images/global/pop_pass_icon.png) no-repeat center 30px;padding:116px 32px 0 32px;text-align:center;background-color:#fff}
.online_password .content .info{color:#3d3d3d;font-size:14px}
.online_password .content input[type="password"]{background-color:#fff;border:solid 1px #abadb3;width:205px;height:32px;margin-top:12px;text-align:center;font-size:20px}
.online_password .content .btn_con{margin-top:28px;border-top:solid 2px #ededed;padding-top:20px}
.online_password .content .btn_con a{position:relative;display:inline-block}
.online_password .content .btn_con .enter{margin-left:-4px !important}




/*주소찾기 팝업*/
.address_pop .content {border:solid 1px #027ad7;text-align:center;background-color:#fff;min-height:165px;}
.address_pop .content .con1{height:165px;padding:116px 30px 0 30px;background:url(/front/images/global/address_icon.png) no-repeat center 30px;}
.address_pop .content .con1 .btn_con{position:relative}
.address_pop .content .con1 .btn_con a{position:relative;display:inline-block;vertical-align:top}
.address_pop .content .con1 .btn_con a.right{left:-3px}
.address_pop .content .con1 .info_con{margin-top:30px;padding-top:18px;border-top:solid 1px #ededed;font-size:12px;color:#666666}
.address_pop .content .con1 .info_con p:first-child{font-size:14px;color:#027ad7;margin-bottom:10px}
.address_pop .content .con2{ height:400px;padding:35px 30px 0 30px;overflow:hidden}
.address_pop .content .con2 .btn_con{position:relative;}
.address_pop .content .con2 h3{font-size:16px;color:#333333}
.address_pop .content .con2 .address_table{height:104px;overflow-y:auto;padding:2px 0}
.address_pop .content .con2 .address_table td{height:26px;font-size:12px;color:#979998}
.address_pop .content .con2 .result{display:none}
.address_pop .content .con3{ height:300px;padding:35px 30px 0 30px;overflow:hidden}
.address_pop .content .con3 .btn_con{position:relative;}
.address_pop .content .con3 h3{font-size:16px;color:#333333}
.address_pop .content .con3 .address_table{height:104px;overflow-y:auto;padding:2px 0}
.address_pop .content .con3 .address_table td{height:26px;font-size:12px;color:#979998}
.address_pop .content .con3 .result{display:none}


/*아이디중복확인 팝업*/
.idcheck_pop .content {border:solid 1px #027ad7;text-align:center;background-color:#fff;min-height:165px;}
.idcheck_pop .content .input_con{padding-top:32px}
.idcheck_pop .content .input_con span{display:inline-block;color:#333;font-size:14px}
.idcheck_pop .content .input_con input{margin-left:10px}
.idcheck_pop .content .result_txt{font-size:12px;color:#666;padding:16px 0 30px 0}
.idcheck_pop .content .btn_con{padding:0 33px}
.idcheck_pop .content .btn_set{padding:20px 0;border-top:solid 1px #ededed}
.idcheck_pop .content .btn_set .right{position:relative;left:-3px}


/*처음진료확인 팝업*/
.firstcheck_pop .content {border:solid 1px #027ad7;background-color:#fff;min-height:165px;text-align:center}
.firstcheck_pop .content .name_con{margin-top:45px;text-align:left;padding-left:70px}
.firstcheck_pop .content .name_con .title{font-size:14px;color:#333}
.firstcheck_pop .content .name_con .name{margin-left:70px;font-size:14px;color:#979998}
.firstcheck_pop .content .input_con{margin-top:16px;padding-left:70px;text-align:left}
.firstcheck_pop .content .input_con span{display:inline-block;color:#333;font-size:14px}
.firstcheck_pop .content .input_con .input1{margin-left:20px}
.firstcheck_pop .content .info{position:relative;margin:24px 0 30px;text-align:left;padding-left:54px;font-size:12px;color:#909090}
.firstcheck_pop .content .info span{position:absolute;left:70px;top:-2px;line-height:16px}
*:first-child+html .firstcheck_pop .content .info span{left:75px;top:2px}
.firstcheck_pop .content .btn_con{padding:0 33px}
.firstcheck_pop .content .btn_set{padding:28px 0;border-top:solid 1px #ededed}
.firstcheck_pop .content .btn_set .right{position:relative;left:-3px}



/*의료진소개 팝업*/

.treatment_pop .content {border:solid 1px #027ad7;text-align:center;background-color:#fff;height:538px;}
.treatment_pop .content .title_con {padding: 58px 0 65px 0;}
.treatment_pop .content .title_con.title_con2{font-size: 35px;color: rgb(2,122,215);font-weight: normal;border-left: 4px solid rgb(2,122,215);display: table;margin: 58px auto 65px auto;padding: 0 20px;}
.treatment_pop .content .info_con {padding:0 34px}
.treatment_pop .content .info_con .name{text-align:left;background:url(/front/images/global/treatment_pop_icon.png) no-repeat right 0;height:34px}
.treatment_pop .content .info_con .name strong{position:relative;top:5px}
.treatment_pop .content .info_con .scr_view{height:314px;overflow-y:auto;overflow-x:hidden;border-top:2px solid #333333;border-bottom:1px solid #919191;}



/*인터넷 진료예약*/
.internet_reserve_pop .content{position:relative;overflow:hidden;border:solid 1px #027ad7;text-align:left;background-color:#fff;height:587px}
.internet_reserve_pop .content .title{padding:12px 0;font-size:16px;color:#333;border-bottom:solid 2px #333;margin-bottom:33px}
.internet_reserve_pop .content .con1{position:relative;float:left;width:197px;height:100%;border-right:solid 1px #027ad7;padding:22px 25px;z-index:8}
.internet_reserve_pop .content .con1 li{position:relative;display:inline-block;width:199px;font-size:14px;color:#666;background:url(/front/images/global/comma.png) no-repeat 5px 15px;padding:7px 0;z-index:9;}
.internet_reserve_pop .content .con1 li a{position:relative;display:inline-block;left:15px;line-height:18px}
.internet_reserve_pop .content .con1 li.on{background-color:#d0eafe;}
.internet_reserve_pop .content .con1 li.on a{font-weight:bold;color:#0868b2;text-decoration:underline}
.internet_reserve_pop .content .con1 li .over_pop{position:absolute;z-index:100;left:162px;top:-22px;width:248px;height:51px;border:solid 1px #027ad7;background-color:#fff;padding:8px 15px;font-size:13px;color:#666;line-height:24px;visibility:hidden}
.internet_reserve_pop .content .con2{position:relative;float:left;width:206px;height:100%;border-right:solid 1px #027ad7;padding:22px 25px}
.internet_reserve_pop .content .con2 .list{background:url(/front/images/global/pop_internet_reserve_bg1.png) no-repeat;width:100%;height:100%}
.internet_reserve_pop .content .con2 ul{overflow-y:auto;height:466px;width:206px;display:none}
.internet_reserve_pop .content .con2 li{overflow:hidden;margin-top:7px;width:185px;height:106px;}
.internet_reserve_pop .content .con2 li:first-child{margin-top:0}
.internet_reserve_pop .content .con2 li .list_set{display:inline-block;width:165px;height:85px;border:solid 1px #dadada;padding:9px;font-size:14px;color:#666}
.internet_reserve_pop .content .con2 li.on .list_set{border:solid 2px #3595df;width:165px;height:86px;padding:8px;overflow:hidden}
.internet_reserve_pop .content .con2 li .img_con{float:left}
.internet_reserve_pop .content .con2 li .txt_con{float:left;margin-left:10px}
.internet_reserve_pop .content .con2 li .txt_con p{margin-top:9px}
.internet_reserve_pop .content .con2 li .txt_con p:first-child{margin-top:0}

.internet_reserve_pop .content .con3{position:relative;float:left;width:343px;height:100%;padding:22px 25px}
.internet_reserve_pop .content .con3 .list{position:relative;background:url(/front/images/global/pop_internet_reserve_bg2.png) no-repeat;width:100%;height:100%}
.internet_reserve_pop .content .con3 .list .list_set{display:none}
.internet_reserve_pop .content .con3 .list .top{position:relative}
.internet_reserve_pop .content .con3 .list .top .prev{position:absolute;left:0;top:0}
.internet_reserve_pop .content .con3 .list .top .next{position:absolute;right:0;top:0}
.internet_reserve_pop .content .con3 .list .top .date{display:block;text-align:center;font-size:20px;color:#333;line-height:30px}
.internet_reserve_pop .content .con3 .list .calendar{position:relative;display:block;margin-top:23px;}
.internet_reserve_pop .content .con3 .list .calendar .table_con {table-layout:fixed;width:100%;font-size:11px;color:#979998}
.internet_reserve_pop .content .con3 .list .calendar .table_con .red{color:#d6400b}
.internet_reserve_pop .content .con3 .list .calendar .table_con thead th {height:31px;text-align:center;background:#eeeeee;font-size:13px;color:#333333;border:1px solid #d4d3d3;}
.internet_reserve_pop .content .con3 .list .calendar .table_con tbody td {height:35px;border:1px solid #d4d3d3;text-align:center;letter-spacing:0} 
.internet_reserve_pop .content .con3 .list .calendar .table_con tbody td a{font-size:12px;color:#333}
.internet_reserve_pop .content .con3 .list .calendar .table_con tbody td.select{background-color:#d0eafe}
.internet_reserve_pop .content .con3 .list .calendar .table_con tbody td.on{background-color:#3595df}
.internet_reserve_pop .content .con3 .list .calendar .table_con tbody td.on a{color:#fff}
.internet_reserve_pop .content .con3 .list .calendar_info{position:relative;margin-top:8px;font-family:dotum, gulim, 돋움, 굴림;font-size:11px;color:#666}
.internet_reserve_pop .content .con3 .list .calendar_info .txt{position:relative;top:2px}
.internet_reserve_pop .content .con3 .list .select_con{position:relative;overflow:hidden;margin-top:10px}
.internet_reserve_pop .content .con3 .list .select_con .custom_select{width:166px}
*:first-child+html .internet_reserve_pop .content .con3 .list .select_con .custom_select{width:162px}
.internet_reserve_pop .content .con3 .list .select_con div{position:relative;display:inline-block;float:left}
.internet_reserve_pop .content .con3 .list .select_con div.pm{margin-left:7px}
.internet_reserve_pop .content .con3 .list .btn_con{position:absolute;top:428px}

.internet_reserve_info_pop{position:absolute;padding:30px;background-color:#fff;border:solid 1px #027ad7;z-index:999;top:16px;left:233px;display:none}
.internet_reserve_info_pop .close{position:absolute;top:0;right:0}
.internet_reserve_info_pop h3{font-size:16px;color:#333;border-bottom:solid 2px #333;padding-bottom:8px}
.internet_reserve_info_pop p{margin-top:22px;font-size:13px;color:#666;line-height:22px}



/*그림자*/
.shadow{height:441px;background:url(/front/images/global/pop_shadow.png) no-repeat center 0}


/* 예약접수증 프린트 팝업 */
#pop_print{position:relative;padding:15px 5px 5px;width:423px}
#pop_print .btn_print{display:block;height:40px;text-align:right;vertical-align:top}
#pop_print .print_wrap{padding:35px 23px 15px;border:2px solid #000}
#pop_print .print_wrap h1{height:51px;font-size:30px;color:#000;text-align:center;vertical-align:top}
#pop_print .print_wrap table{table-layout:fixed;width:100%;border-top:1px solid #000;border-left:1px solid #000;font-size:14px}
#pop_print .print_wrap table th{padding:10px 0;background:#e0edf7;border-bottom:1px solid #000;border-right:1px solid #000;text-align:left}
#pop_print .print_wrap table th span,
#pop_print .print_wrap table td span{display:inline-block;padding-left:20px}
#pop_print .print_wrap table td{padding:10px 0;border-bottom:1px solid #000;border-right:1px solid #000}
#pop_print .print_wrap .noti_location{min-height:210px;margin-top:22px;padding:0 10px;font-size:14px;color:#000;vertical-align:top}
#pop_print .print_wrap .noti_location .con{margin-top:10px}
#pop_print .print_wrap .guide{padding-bottom:10px;border-bottom:1px solid #000}
#pop_print .print_wrap .guide li{display:block;font-size:12px;color:#000;line-height:1.5;vertical-align:top}
#pop_print .print_wrap .tel{padding:10px 0 25px;font-size:14px;font-weight:bold;color:#000;vertical-align:top}


/* 환자권리장전 팝업 */
#pop_patient{position:relative}
#pop_patient h1{height:34px;padding:15px 0 0 15px;background:#027ad7;vertical-align:top}
#pop_patient .close_btn{display:block;position:absolute;top:-1px;right:-1px;width:50px;height:50px}
#pop_patient .pop_cont{position:relative;padding:20px 33px;font-size:14px;color:#666;line-height:1.5;vertical-align:top}