@charset "utf-8";

/* 진료예약안내 */
.s030101 dl.icon{overflow:hidden;padding:0 0 30px 90px;margin-bottom:30px;border-bottom:1px solid #e5e5e5;}
.s030101 dl.icon dt{margin-bottom:10px;font-size:17px;font-weight:600;}
.s030101 .rsv_b dt{color:#334988;}
.s030101 .rsv_r dt{color:#ce303a;}
.s030101 .icon01{background:url(/img/03reserv/s0101_icon01.gif) no-repeat top left;}
.s030101 .icon02{background:url(/img/03reserv/s0101_icon02.gif) no-repeat top left;}
.s030101 .icon03{background:url(/img/03reserv/s0101_icon03.gif) no-repeat top left;}
.s030101 .icon04{background:url(/img/03reserv/s0101_icon04.gif) no-repeat top left;}
.s030101 .icon05{background:url(/img/03reserv/s0101_icon05.gif) no-repeat top left;}
.s030101 .icon06{background:url(/img/03reserv/s0101_icon06.gif) no-repeat top left;}

.s030101 .step .process2_box dl{width:515px;background:url(/img/05custom/s0103_rbox_red.png) no-repeat right;}

/* 진료센터 */



/* 증명서발급안내 */
.s030401 {}

/*인터넷예약*/
.s030102{width:100%;overflow:hidden;padding:15px 0 0 0;}
.s030102 ol{width:885px;display:inline-block;padding-bottom:35px;margin-bottom:35px;background:url(/img/common/line.gif) repeat-x bottom;}
.s030102 ol li{float:left;width:260px;margin-right:35px;}
.s030102 ol li .box01{position:relative;width:100%;height:305px;background:url(/img/03reserv/s0102box01.gif) no-repeat;}
.s030102 ol li .box02{position:relative;width:100%;height:305px;background:url(/img/03reserv/s0102box01.gif) no-repeat;}
.s030102 ol li .box03{position:relative;width:100%;height:305px;background:url(/img/03reserv/s0102box01.gif) no-repeat;}
.s030102 ol li .box_tit{height:68px;padding-top:22px;font-size:20px;font-weight:600;text-align:center;color:#fff;}
.s030102 ol li .box_tit span{font-size:15px;font-weight:normal;font-family:Verdana;opacity:0.8;}
.s030102 ol li select{width:100%;height:40px;padding-left:10px;line-height:40px;border:1px solid #dfdfdf;font-size:13px;color:#888;font-family:'Nanum Gothic', sans-serif;box-sizing:border-box;}
.s030102 ol li .section1{margin:0 35px;padding-top:105px;}
.s030102 ol li .section1.icon01{background:url(/img/03reserv/s0102icon01.gif) no-repeat center 22px;}
.s030102 ol li .section1.icon02{background:url(/img/03reserv/s0102icon02.gif) no-repeat center 22px;}
.s030102 ol li .section2{margin:25px 25px 0 25px;text-align:left;}
.s030102 ol li .section2 .selbox{width:100%;overflow:hidden;clear:both;padding-top:16px;}
.s030102 ol li .section2 .selbox .fl{float:left;width:48%;}
.s030102 ol li .section2 .selbox .fr{float:right;width:48%;}
.s030102 ol li .section2 textarea{border:1px solid #dfdfdf;width:330px;height:150px;text-align:left;font-family:'Nanum Gothic', sans-serif;}
.s030102 ol li .section2 .box05_p{margin-top:26px;}
.s030102 ol li .list2 li{float:none;width:auto;margin-right:0;}
.s030102 ol li .next_btn{position:absolute;left:0;bottom:20px;width:100%;text-align:center;}
.s030102 ol li .next_btn a{display:block;width:100%;padding:10px 0;color:#534e47;font-size:14px;font-weight:600;text-decoration:underline;}

.s030102 ol.two{background:none;margin-bottom:0;padding-bottom:0;}
.s030102 ol.two li{width:407px;}
.s030102 ol.two li .box04{position:relative;width:100%;height:395px;background:url(/img/03reserv/s0102box04.gif) no-repeat;}
.s030102 ol.two li .box05{position:relative;width:100%;height:395px;background:url(/img/03reserv/s0102box05.gif) no-repeat;}
.s030102 ol.two li ul.list2{padding-bottom:5px;}
.s030102 ol.two li ul.list2 li{overflow:hidden;clear:both;text-align:left;margin-bottom:10px;}
.s030102 ol.two li ul.list2 li strong.fl{float:left;width:110px;}
.s030102 ol.two li ul.list2 li span.fr{float:left;width:200px;}
.s030102 ol.two li .box04 .area{width:330px;height:125px;margin:0 auto;background:url(/img/03reserv/s0102box4_area.gif) no-repeat;}
.s030102 ol.two li .box04 .area dl{width:255px;margin:0 auto;padding-top:24px;color:#777;}
.s030102 ol.two li .box04 .area dl dt{float:left;width:55px;font-weight:bold;margin-bottom:4px;}
.s030102 ol.two li .box04 .area dl dd{float:right;width:190px;margin-bottom:4px;}


/*********예약확인*********/
.s0302{border: 3px solid #3c67a9; margin-top:25px; }
.s0302 .box1{margin:0 40px;padding:30px 0 20px 0;text-align:center;background:url(/img/common/line.gif) repeat-x bottom;}
.s0302 .box1 .area{width:470px;margin:0 auto;display:inline-block;}
.s0302 .box1 .area p{position:relative;width:230px;height:40px;text-align:left;}
.s0302 .box1 .area p .txt_input{width:210px;padding:12px 10px;background:#f8f8f8;}
.s0302 .box1 .area p label{position:absolute;color:#888;height:40px;line-height:40px;top:0;left:14px;}
.s0302 .box2{margin:0 40px;padding:20px 0 30px 0;text-align:center;}
.s0302 .box2 span{margin:0 15px;}
.s0302 .box2 strong{margin:0 20px;}
.s0302 .box2 select{height:40px;padding-left:10px;line-height:40px;border:1px solid #dfdfdf;color:#888;font-family:'Nanum Gothic', sans-serif;}
.s0302 .box2 br{display:none;}

table.table1 td a.s03btn1{display:inline-block;border:1px solid #dfdfdf;padding:6px 10px;font-weight:bold;font-size:13px;color:#666;}
table.table1 td a.s03btn2{display:inline-block;border:1px solid #aaa;padding:6px 10px;font-weight:bold;font-size:13px;color:#fff;background:#aaa;}





/********************모바일********************/
@media(max-width:736px){

/* 진료예약안내 */
.s030101 dl{padding:0 0 20px 70px;margin-bottom:20px;background-size:50px 50px !important;}
.s030101 dt{margin-bottom:5px;font-size:15px;}

.s030103 .info_agree{font-size:13px;}
.s030103 #board{font-size:13px; !important;}
.s030103 #board .table_bwrite th{width:25%;}



/*********************************************03*********************************************/

/*********진료예약*********/
/*진료예약안내*/
.s0301{}
.s0301 .box{width:100%;padding-bottom:35px;margin-bottom:35px;background:url(/img/common/line.gif) repeat-x bottom;}
.s0301 .box dl{width:100%;overflow:hidden;clear:both;}
.s0301 .box dl dt{width:100%;text-align:center;}
.s0301 .box dl dd{width:100%;padding-top:18px;}
.s0301 .box dl dd .vsm_btn{display:none;}
.s0301_img{margin-top:15px;text-align:center;}
.s0301_img img{width:100%;}
.s0301 h4.h4_t{margin-top:0;}


/*인터넷예약*/
.s030102{width:100%;overflow:hidden;padding:15px 0 0 0;}
.s030102 ol{width:100%;display:inline-block;}
.s030102 ol li{width:100%;margin:0 auto 10px auto;}
.s030102 ol li .box01,
.s030102 ol li .box02,
.s030102 ol li .box03{height:auto;padding-bottom:25px;border:1px solid #dfdfdf;background:none;box-sizing:border-box;}
.s030102 ol li .box_tit{height:auto;padding:15px 0;font-size:20px;letter-spacing:-1px;}
.s030102 ol li .box_tit br{display:none;}
.s030102 ol li .box_tit span{display:none;}
.s030102 ol li .box01 .box_tit{background:url(/img/03reserv/s0102mbox01.gif) no-repeat top center;background-size:100%;}
.s030102 ol li .box02 .box_tit{background:url(/img/03reserv/s0102mbox02.gif) no-repeat top center;background-size:100%;}
.s030102 ol li .box03 .box_tit{background:url(/img/03reserv/s0102mbox03.gif) no-repeat top center;background-size:100%;}
.s030102 ol li select{width:100%;height:30px;line-height:30px;font-size:12px;}
.s030102 ol li .section1{padding-top:90px;}
.s030102 ol li .section1.icon01,
.s030102 ol li .section1.icon02{margin-bottom:50px;background-size:auto 50px;}
.s030102 ol li .section2{margin-bottom:50px;}
.s030102 ol li .section2 .selbox{width:100%;overflow:hidden;clear:both;padding-top:5px;}
.s030102 ol li .section2 textarea{border:1px solid #dfdfdf;width:100%;height:100px;text-align:left;font-family:'Nanum Gothic', sans-serif;}
.s030102 ol li .section2 .box05_p{margin-top:12px;}
.s030102 ol li .section2 .box05_p .ml15{margin:0;}
.s030102 ol li .section2 .box05_p br{display:none;}
.s030102 ol li .list2 li{float:none;width:auto;margin-right:0;font-size:12px;}
.s030102 ol li .next_btn{width:100%;text-align:center;padding-top:15px;clear:both;}
.s030102 ol li .next_btn a{display:block;width:100%;padding:10px 0;color:#534e47;font-size:13px;font-weight:600;text-decoration:underline;}

.s030102 ol.two li{width:100%;margin:0 auto 10px auto;}
.s030102 ol.two li .box04,
.s030102 ol.two li .box05{height:auto;padding-bottom:25px;border:1px solid #dfdfdf;background:none;box-sizing:border-box;}
.s030102 ol.two li ul.list2 li{overflow:hidden;clear:both;text-align:left;}
.s030102 ol.two li ul.list2 li strong{width:100%;padding-bottom:3px;}
.s030102 ol.two li ul.list2 li span{width:100%;}
.s030102 ol.two li .box04 .area{width:100%;height:auto;padding:10px;border:1px solid #cfcfcf;background:#f9f9f9;box-sizing:border-box;font-size:12px;}
.s030102 ol.two li .box04 .area dl{overflow:hidden;padding-top:0;}
.s030102 ol.two li .box04 .area dl dt{width:100%;}
.s030102 ol.two li .box04 .area dl dd{width:100%;}
.s030102 ol.two li .box04 .fr a{display:inline-block;}
.s030102 ol.two li .box04 .fr a img{height:30px;}
.s030102 ol.two li .box04 .box_tit{background:url(/img/03reserv/s0102mbox04.gif) no-repeat top center;background-size:100%;}
.s030102 ol.two li .box05 .box_tit{background:url(/img/03reserv/s0102mbox05.gif) no-repeat top center;background-size:100%;}


/*********예약확인*********/
.s0302{margin-top:25px;}
.s0302 .box1{margin:0 20px;padding:20px 0 15px 0;text-align:center;background:url(/img/common/line.gif) repeat-x bottom;}
.s0302 .box1 .area{width:100%;margin:0 auto;display:inline-block;}
.s0302 .box1 .area p{position:relative;width:48%;height:40px;text-align:left;}
.s0302 .box1 .area p .txt_input{width:80%;padding:12px 10px;background:#f8f8f8;}
.s0302 .box1 .area p label{position:absolute;color:#888;height:40px;line-height:40px;top:0;left:14px;}
.s0302 .box2{margin:0 20px;padding:15px 0 20px 0;text-align:center;}
.s0302 .box2 span{}
.s0302 .box2 strong{display: block;}
.s0302 .box2 select{height:30px;padding-right:8px;padding-left:8px;margin-bottom:4px;line-height:30px;border:1px solid #dfdfdf;color:#888;font-family:'Nanum Gothic', sans-serif;background:none;}

table.table1 td a.s03btn1{display:inline-block;border:1px solid #dfdfdf;padding:4px 8px;font-weight:bold;font-size:12px;color:#666;}
table.table1 td a.s03btn2{display:inline-block;border:1px solid #aaa;padding:4px 8px;font-weight:bold;font-size:12px;color:#fff;background:#aaa;}


}




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




}