/* 서브 */
#sub {width:100%; min-width: 1400px; display:inline-block; overflow: hidden;}
#sub .subtop {width:100%; height: 350px; display: inline-block; background-position: center bottom !important;}
#sub .subtop * {-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
#sub .subtop .inner {padding: 7.5rem 0 0;}
#sub .subtop .inner p {opacity: 0.3;}

#sub .subtop#sub1 {background: url(images/subtop1.jpg);}
#sub .subtop#sub2 {background: url(images/subtop2.jpg);}
#sub .subtop#sub3 {background: url(images/subtop3.jpg);}
#sub .subtop#sub4 {background: url(images/subtop4.jpg);}


#sub .snb {width:100%; height: 71px; line-height:70px; border-bottom: 1px #e0e0e0 solid; }
#sub .snb a.home {width: 70px; height: 70px; display: block; text-align: center; font-size: 0.8rem; float: left; background-color: #808080; color: #fff;}
#sub .snb a.home:hover {background-color: #333;}
#sub .snb .menu {float: left; min-width: calc(100%/1 *1 - 70px); position: relative;}
#sub .snb .menu ul {display: flex;}
#sub .snb .menu li {flex: 1; text-align: center;}
#sub .snb .menu li::before {content: ""; float: left; width: 1px; height: 20px; background-color: #b0b0b0; margin: 25px 0;}
#sub .snb .menu li.sn1::before,#sub .snb .menu li:hover::before {display: none;}
#sub .snb .menu li a {display: block;}
#sub .snb .menu li a.on,#sub .snb li a:hover {background-color: #ffa03b; color: #fff; font-weight: 600;}



#sub #content {width:100%; display:inline-block; float: left; padding-bottom: 8rem;}
#sub #content > .category {margin: 5rem auto 2rem; text-align: center; font-weight: 700;}

#sub .paragraph {width: 100%; display: inline-block; }

#sub .paragraph hr {width: 50px ; height: 1px; border: 0; background-color: #ff890b; margin: 30px auto;}
#sub .paragraph hr.left {width: 50px ; height: 1px; border: 0; background-color: #ff890b; margin: 30px 0;}
#sub .paragraph hr.white {background-color: #fff;}


#sub .paragraph#sub1_1 {background: url(images/sub1_1_bg.jpg) top center no-repeat; padding: 5em 0 0;}
#sub .paragraph#sub1_1 .greetingbox {padding-right: 23rem;}
#sub .paragraph#sub1_1 .profilebox {margin-top: 5rem;}
#sub .paragraph#sub1_1 .profilebox > div {padding: 90px 100px;}
#sub .paragraph#sub1_1 .profilebox > .col1 {background-color: #fff;}
#sub .paragraph#sub1_1 .profilebox > .col2 {background-color: #ffa03b;}
#sub .paragraph#sub1_1 .profilebox > .col2 h3 span {float: right; font-size: 0.63rem;}


#sub .paragraph .maplink {width: 100%; height: 90px; background: url(images/sub1_3_maplink.jpg); display: flex;}
#sub .paragraph .maplink a {flex: 1; height: 90px; display: block; text-indent: -3333px;}



#sub .bg1 {background-color: #fde8d9; padding: 3rem 0;}
#sub .bg2 {background-color: #f5f5f5;}
#sub .bg3 {background-color: #fff6ef; padding: 5rem 0;}


#sub .paragraph .clinicbox > div {padding: 0 1.5rem;}

#sub .paragraph {counter-reset: number 0; }
#sub .paragraph .num_content {width: 100%; background-color: #fff; display: flex; }
#sub .paragraph .num_content > .col1 {display: flex; align-items: center; }
#sub .paragraph .num_content > .col1 * {font-weight: 700;}
#sub .paragraph .num_content > .col3 {border-left: 1px #e0e0e0 solid; padding: 1.5rem; margin-left: 1.5rem;}
#sub .paragraph .num_content > .col1::before {width: 60px; height: 60px; line-height: 60px; font-size: 1.81rem; font-weight: 700; text-align: center; background-color: #ff890b; color: #fff;  margin-right: 0.8rem; counter-increment: number 1; content:counter(number);}

#sub .paragraph .num_imgbox {margin: 0.6rem 0.6rem;}
#sub .paragraph .num_imgbox .img {position: relative;}
#sub .paragraph .num_imgbox .img > img {width: 100%;}
#sub .paragraph .num_imgbox .img::before {width: 50px; height: 50px; line-height: 50px; font-size: 1.36rem; font-weight: 700; text-align: center; background-color: #ff890b; color: #fff;  counter-increment: number 1; content:counter(number); position: absolute; left: 0; bottom: 0;}


#sub .paragraph .frame1 {width: 100%;}
#sub .paragraph .frame1 .title {background-color: #ffa03b; padding: 2.5rem 0; text-align: center;}
#sub .paragraph .frame1 .frame_txt {width:100%; padding: 2rem 5rem; border: 1px #e0e0e0 solid; border-top: 0; }

#sub .paragraph .frame1.frame1_1 {margin: 0 0.8rem; }
#sub .paragraph .frame1.frame1_1 .title {width:100%; padding: 1rem 0; background-color: #ffb43d; }
#sub .paragraph .frame1.frame1_1:nth-child(even) .title {background-color: #f9a363;}
#sub .paragraph .frame1.frame1_1 .frame_txt {padding: 1.5rem 2rem; height: calc(100% - 3.2rem); }


#sub .paragraph .frame2 {border: 1px #e0e0e0 solid; background-color: #fff; padding: 2rem; margin: 0 0.8rem; position: relative;}
#sub .paragraph .frame2 .title {background-color: #ffa03b; content: ""; width: 180px; height: 180px; border-radius: 180px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; text-align: center;}
#sub .paragraph .frame2 .title h3 { color: #fff;}
#sub .paragraph .frame2.frame2_1 {padding: 1.2rem;}


#sub .paragraph .frame3 {position: relative;}
#sub .paragraph .frame3 h3 {background-color: #ffa03b; color: #fff; padding: 0.6rem 2rem; font-weight: bold; border-radius: 180px; text-align: center; display: inline-block; position: relative; z-index: 1;}
#sub .paragraph .frame3 > div {background-color: #f5f5f5; padding: 2.5rem 2rem 1.2rem; position: relative; margin-top: -1.5rem;}


#sub .paragraph.define .inner {align-items: center;}


#sub .paragraph#sub3_1_2 {background: url(images/sub3_1_2_bg.jpg) top center no-repeat; background-size: cover; padding: 5rem 0;}

#sub .paragraph#sub3_4_t1_6 {background: url(images/sub3_4_t1_6_bg.jpg) top center no-repeat; background-size: cover; padding: 5rem 0;}
#sub .paragraph#sub3_4_t2_3 {background: url(images/sub3_4_t2_3_bg.jpg) top center no-repeat; background-size: cover; padding: 5rem 0;}
#sub .paragraph#sub3_4_t4_2 {background: url(images/sub3_4_t4_2_bg.jpg) top center no-repeat; background-size: cover; padding: 5rem 0;}

#sub .paragraph#sub3_5_3 {background: url(images/sub3_5_3_bg.jpg) top center no-repeat; background-size: cover; padding: 5rem 0;}

#sub .paragraph#sub3_7_3 {background: url(images/sub3_7_3_bg.jpg) top center no-repeat; background-size: cover; padding: 5rem 0;}

#sub .paragraph#sub3_8_t1_4 {background: url(images/sub3_8_t1_4_bg.jpg) top center no-repeat; background-size: cover; padding: 5rem 0;}
#sub .paragraph#sub3_8_t2_2 {background: url(images/sub3_8_t2_2_bg.jpg) top center no-repeat; background-size: cover; padding: 5rem 0;}
#sub .paragraph#sub3_8_t2_3 {background: url(images/sub3_8_t2_3_bg.jpg) top center no-repeat; background-size: cover; padding: 5rem 0;}




#sub .paragraph .circlebox {display: flex; justify-content: center;}
#sub .paragraph .circlebox > div {width: 250px; height: 250px; border-radius: 250px; display: flex; align-items: center; border: 10px #ffa03b solid; color: #ffa03b; justify-content: center; margin: 0 0.3rem;}
#sub .paragraph .circlebox > div:nth-child(odd) {background-color: #ffa03b; color: #fff;}


#sub .paragraph .roundsubject {background-color: #ffa03b; color: #fff; padding: 0.2rem 0.8rem; font-weight: bold; border-radius: 100px; display: inline-block;}



#sub .paragraph .checklist {background: url(images/check.png) 1.2rem center no-repeat #fff; border-radius: 3rem; padding: 0.8rem 1rem 0.8rem 3rem;}



.bullet {padding-left: 1rem; margin: 0.4rem 0;}
.bullet::before {content:""; background-color: #ffa03b; width: 9px; height: 9px; border-radius: 9px; margin-right: 0.1rem; margin-left: -1rem; box-sizing: border-box; float: left; margin-top: 0.6rem;}





#sub .paragraph .stepbox {}
#sub .paragraph .stepbox > div { min-height: 240px;}

#sub .paragraph .stepbox .step {padding-right: 2rem;}

#sub .paragraph .stepbox .step::before {content: "\e93f"; font-family: "xeicon"; background-color: #243cbf; color: #fff; width: 18px; height: 18px; border-radius: 18px; line-height: 18px; font-size: 14px; text-align: center; float: left; margin-top: 4rem; margin-left: -9px;}
#sub .paragraph .stepbox .step.step1::before {display: none;}

#sub .paragraph .stepbox .step span {width: 160px; height: 160px; border-radius: 160px; border: 10px #dceefb solid; background-position: center; background-repeat: no-repeat; display: block; margin: 0 auto 3rem;}

#sub .paragraph .stepbox.enter .step1 span {background-image: url(images/sub6_3_enter1.png);}
#sub .paragraph .stepbox.enter .step2 span {background-image: url(images/sub6_3_enter2.png);}
#sub .paragraph .stepbox.enter .step3 span {background-image: url(images/sub6_3_enter3.png);}
#sub .paragraph .stepbox.enter .step4 span {background-image: url(images/sub6_3_enter4.png);}

#sub .paragraph .stepbox.leave .step1 span {background-image: url(images/sub6_3_leave1.png);}
#sub .paragraph .stepbox.leave .step2 span {background-image: url(images/sub6_3_leave2.png);}
#sub .paragraph .stepbox.leave .step3 span {background-image: url(images/sub6_3_leave3.png);}
#sub .paragraph .stepbox.leave .step4 span {background-image: url(images/sub6_3_leave4.png);}





span.download {border: 1px #e0e0e0 solid; border-top: 1px #3e3a5f solid; color: #3e3a5f;  display: block; font-size: 1.4rem; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; width: 48%; margin: 10px 1%;}
span.download a {width:100%; display: block; padding: 0.8em 1em;}
span.download a i {font-size: 1.7rem;  position: relative; top:0; float: right; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
span.download:hover {box-shadow: 3px 3px 0 rgba(0,0,0,0.1); background-color: #3e3a5f; color: #fff; font-weight: bold;}
span.download:hover i { top: 3px;}



table#basic {
    border-collapse: collapse;
}

table#basic th {background-color: #ffa03b; padding: 1rem 1.5rem;}

table#basic td {padding: 0.8rem 1.5rem; border-left: 1px #e0e0e0 solid;     border-bottom: 1px #e0e0e0 solid;}

table#basic.timetable {text-align: center;}
table#basic.timetable h5 {font-size: 1.1rem; font-weight: 400;}

table#basic.timetable td {padding: 1.4rem 0; width: calc(100%/9 *1);}
table#basic.timetable td.doctor {background-size: auto 160%; background-position:  -5% -10%; background-repeat: no-repeat; padding-left: 8.5rem; border-left: 0; width: calc(100%/9 *2);}
table#basic.timetable td.doctor.doctor01 {background-image: url(images/doctor01.png); }
table#basic.timetable td.doctor.doctor02 {background-image: url(images/doctor02.png); }
table#basic.timetable td.doctor.doctor03 {background-image: url(images/doctor03.png); background-position:  30% -10%;}
table#basic.timetable td.doctor.doctor04 {background-image: url(images/doctor04.png); background-position:  -10% -10%;}
table#basic.timetable td.doctor.doctor05 {background-image: url(images/doctor05.png); background-position:  30% -10%;}
table#basic.timetable td.doctor.doctor06 {background-image: url(images/doctor06.png); }
table#basic.timetable td.doctor.doctor07 {background-image: url(images/doctor07.png); background-position:  15% -10%;}
table#basic.timetable td.doctor.doctor08 {background-image: url(images/doctor08.png); background-position:  25% -10%;}
table#basic.timetable td.doctor.doctor09 {background-image: url(images/doctor09.png); }

table#basic.timetable td.when {background-color: #f0f8fd;}
table#basic.timetable td.head {border-left: 0;}

table#basic td.sur {
    color: #f15a2a;
}
table#basic td.any {
    color: #243cbf;
}
table#basic td.off {
    color: #b0b0b0;
}


table#basic.pricetable {text-align: center; font-size: 0.9rem !important; font-weight: 400; word-break: keep-all;}
table#basic td.head {border-left: 0; font-weight: 700;}





/* 서브페이지 탭 */
#sub ul.tabs {width:100%; line-height:3rem; display: flex;}
#sub ul.tabs li { text-align:center; font-size:1rem; flex: 1;  padding: 0 0.3rem; margin: 0.5rem 0;}
#sub ul.tabs li a {display:block; border-radius: 100px; background-color: #fff; border: 2px #d0d0d0 solid;  -webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#sub ul.tabs li.active a {border: 2px #ff7700 solid; color: #ff7700; font-weight: 600; }
#sub .tab_content {padding: 0 0 0 0; width:100%;display:inline-block; min-height:280px;}



#sub .paragraph .board_box {font-size:1rem !important;}
#sub .paragraph .board_box .board_bgcolor > span,#sub .paragraph .board_box .board_bgcolor > font,#sub .paragraph .board_box .att_title > font {font-size:1rem !important;}
#sub .paragraph .board_box .ext_search {text-align: justify !important;}


.privacybox {background: #ecf9fb; padding: 1.5em 2em;}