@charset "utf-8";

.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}
.text_point{font-size:1.1em; font-weight:600; color: #e67613;}
.line_box{padding:20px; border:1px solid #ddd;}
.mimg img{width:100%;}

/***************기본리스트정의***************/
h3.tit{padding-bottom:17px; padding-left:23px; color:#222; font-weight:600; font-size:16px; background:url(/joint/img/common/h3_icon.gif) no-repeat left 0px;}
h3.h3_t{margin-top:30px;}

h4.tit{padding-bottom:10px; padding-left:20px; color:#222; font-weight:600; font-size:16px; background:url(/joint/img/common/h4_icon.gif) no-repeat left 5px;}
h4.h4_t{margin-top:20px;}

h5.tit{padding-bottom:5px; padding-left:12px;  color:#2468c5; font-weight:600; font-size:15px; background:url(/joint/img/common/h5_icon.gif) no-repeat left 5px;}
h5.h5_t{margin-top:10px;}

ul.list1{margin-top:5px; }
ul.list1 li{font-size:13px; padding-left:10px; margin-bottom:6px; color:#444; background:url(/joint/img/common/li_icon1.gif) no-repeat 0 7px;}
ul.list1 li.none{padding-left:0; background:none;}

ul.list2{margin-top:5px;  margin-left:0px;}
ul.list2 li{padding-left:8px; margin-bottom:4px; font-size:13px; color:#666; background:url(/joint/img/common/li_icon2.gif) no-repeat 0 8px; }
ul.list2 li.none{padding-left:0; background:none;}

ul.list3{margin-top:4px;  margin-left:0;}
ul.list3 li{padding-left:7px; margin-bottom:3px; color:#888; background:url(/joint/img/common/li_icon3.gif) no-repeat 0 8px;}
ul.list3 li.none{padding-left:0; background:none;}

ol.type01{}
ol.type01 li{width:100%; margin-bottom:5px; display:inline-block;  padding-top:3px; }
ol.type01 li .num{display:inline-block;  float:left; width:26px; height:25px; margin-right:5px; text-align:center; color:#fff; font-weight:600; background: url(/joint/img/common/num_bg.png) no-repeat 50% 0;}
ol.type01 li .text{padding-top:5px;}


/*박스 및 등 공통*/
.visualbox {border:1px solid #e2e2e2; padding:25px; display:inline-block;}
.visualbox .box_l {display:inline-block; float:left;}
.visualbox .tit {font-size:0; line-height:0; padding-bottom:15px;}
.visualbox .tit img {height:45px; width:auto;}
.visualbox.bg010202 .tit img {height:38px; width:auto;}
.visualbox .txt {font-size:12px; line-height:18px; letter-spacing:-1px;}
.visualbox .txt p {padding-top:13px;}
.visualbox .txt2 {color:#18355d; font-size:13px; font-weight:600; line-height:18px; letter-spacing:-1px; padding-bottom:15px;}
.visualbox .time {width:100%; background:#fafafa; border-top:1px solid #eaeaea; margin-top:20px; border-bottom:1px solid #eaeaea; letter-spacing:-1px; text-align:center; font-size:13px; font-weight:600; color:#2468c5; line-height:18px; padding:8px 0;}

.visualbox ul.list2 {margin:0;}

.visualbox .box_tab {display:inline-block; width:100%; margin-top:15px;}
.visualbox .box_tab ul li {float:left; width:50%; letter-spacing:-1px; margin-bottom:3px;}
.visualbox .box_tab ul li a {display:block; height:28px; line-height:28px; text-align:center; border:1px solid #e2e2e2; color:#888; margin:0 1px;}
.visualbox .box_tab ul li a.on, .visualbox .box_tab ul li a:hover {border:1px solid #2468c5; background:#2468c5; font-weight:600; color:#fff;}

.colorbox {width:100%; background:#eaeaea url(/img/common/mcolorbox_bg.gif) no-repeat left top; display:inline-block;}
.colorbox .area {padding:20px; margin:3px; background:#fff; display:inline-block; border-bottom:1px solid #c8cdd4;}
.colorbox .area span {color:#3372c9; font-weight:600;}
.colorbox .area .img_l {float:left; width:224px; font-size:0; line-height:0;}
.colorbox .area .info_r {float:right; width:460px;}

.bluebox {padding:10px 15px; background:#f7f9fb; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.bluebox ul li img {vertical-align:middle;}


/*예약조회- 리스트*/
.visualtxt {position:relative; display:inline-block;}
.visualtxt dl dt {float:left; color:#fff; font-weight:600; width:49px; margin-right:15px; height:49px; padding-top:10px; line-height:49px; text-align:center; background:url(/img/02treatment/s0502bg2.gif) no-repeat left bottom;}
.visualtxt dl dd {height:49px; padding-top:10px; margin-left:15px; line-height:24px; letter-spacing:-1px;}

.listbox {width:100%; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:center;}
.listbox p.tit {width:100%; height:40px; line-height:40px; text-align:center; margin-top:-3px; letter-spacing:-1px; font-family: 'Noto Sans KR', sans-serif;}
.listbox p.tit span {display:inline-block; border-top:3px solid #2468c5; height:20px; line-height:20px; font-size:16px; padding:7px 0; font-weight:600; color:#2567c1;}
.listbox .boxarea {display:inline-block; background:url(/img/common/dotline.gif) repeat-x left top; text-align:left; padding:20px 0;}
.listbox .boxarea .agree {font-size:13px; color:#444; letter-spacing:-1px; font-weight:600; padding-top:15px;}
.listbox .boxarea .agree input {margin:0; padding:0; vertical-align:middle; margin-right:5px;}

.deadline {width:100%; text-align:center; background:#f7f9fb; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; letter-spacing:-1px; font-weight:600; color:#2468c5; font-size:13px; line-height:36px; height:36px; margin-top:20px;}


/***************기본테이블정의***************/
table.table1{width:100%;border-collapse:collapse; font-size:13px; border-top:2px solid #1577c0;}
table.table1 th,
table.table1 td{padding:10px 0px;text-align:center;border:1px solid #d5dbe3;}
table.table1 th{font-weight:600;color:#000;}
table.table1 thead th{background:#f2f5f9;}
table.table1 thead th.noline{border-top:1px solid #d5dbe3;}
table.table1 tbody th{background:#f9f9f9;}
table.table1 .left{padding:10px;text-align:left;}
table.table1 .right{padding:10px;text-align:right;}
table.table1 .inp_txt {padding:0; margin:0; border:1px solid #d6d6d6; line-height:22px; height:22px;}
table.table1 input {vertical-align:middle;}
table.table1 select {vertical-align:middle; padding:0; margin:0; border:1px solid #d6d6d6; line-height:22px; height:22px;}

/*진료분야안보이게*/
table.table1 .mwork {display:none;}



/***************탭정의***************/
.tab_b {margin-bottom:30px;}
.con_tab{width:100%;}
.con_tab ul{width:100%;display:inline-block;}
.con_tab ul li{float:left; width:50%;text-align:center; width:50%;}
.con_tab ul.twoline a {height:40px;}
.con_tab ul li a{display:block;padding:10px 5px;margin:0 0 -1px -1px;font-size:13px;word-break:keep-all;font-weight:600;color:#7a7a7a;border:1px solid #d9d8d8;background:#f2f0f0;}
.con_tab ul li a.on{color:#fff;border:1px solid #757a8b;background:#757a8b;}
.con_tab.m_tab ul li a{height:30px;}


/***************기본버튼정의***************/
.btn_wrap{width:100%; padding-top:25px; text-align:center; overflow:hidden; clear:both;}
.con_btn{display:inline-block; padding:8px 30px; font-weight:600; line-height:20px; text-align:center; vertical-align:middle; font-size:15px;}
.con_btn.blue{color:#fff; background:#2468c5;}
.con_btn.blue:hover{background:#1a58ae;}
.con_btn.rightblue{color:#fff; background:#3781e6;}
.con_btn.rightblue:hover{background:#2976de;}
.con_btn.gray{color:#fff; background:#888;}
.con_btn.gray:hover{background:#777;}

.btn_wrap{width:100%; padding-top:25px; text-align:center; overflow:hidden; clear:both;}
.sm_btn{display:inline-block; padding:5px 15px; font-weight:600; line-height:20px; text-align:center; vertical-align:middle; font-size:13px;}
.sm_btn span.timeicon {display:inline-block; padding-left:20px; height:20px; background:url(/img/common/btn_timeicon.png) no-repeat left 3px;}
.sm_btn.blue{color:#fff;background:#2468c5;}
.sm_btn.blue:hover{background:#1a58ae;}
.sm_btn.gray{color:#fff; background:#888;}
.sm_btn.gray:hover{background:#777;}
.sm_btn.white{color:#666; background:#fff; padding:4px 14px; border:1px solid #dfdfdf;} 
.sm_btn.white:hover{background:#f6f6f6;}

/*아이폰기본 디자인 없애기*/
select{font-weight:600;font-family:inherit; background:#fff url(/joint/img/common/select_bu.gif) no-repeat right; background-size:23px 7px;
-webkit-appearance:none;
-moz-appearance:none;appearance:none; 
-webkit-border-radius:0; 
-webkit-appearance:none;cursor:pointer;}
select::-ms-expand{display:none;}
input{-webkit-appearance:none;-moz-appearance:none;appearance:none; -webkit-border-radius:0; -webkit-appearance:none;cursor:pointer;}





