/* 서브 */
#sub {width:100%; position: relative;}
#sub .subtop {width:100%; height: 20rem; 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: 10rem 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: 3.5rem; line-height:3.5rem; border-bottom: 1px #e0e0e0 solid; }
#sub .snb a.home {width: 3.5rem; height: 3.5rem; 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; padding: 0 1rem; border-right: 1px #e0e0e0 solid; width: calc(100% - 3.5rem); position: relative;}
#sub .snb .menu .topnav {cursor: pointer; display: inline-block; width: 100%; font-size: 1.2rem; line-height: 3.5rem; font-weight: 700;}
#sub .snb .menu .topnav::after {content:"\e914"; color: #333; font-family: xeicon; float: right; font-size: 1.5rem;}
#sub .snb ul {background-color: #fff; width: 100%; border: 1px #e0e0e0 solid; border-top: 0;}
#sub .snb li {line-height:2.2; font-size: 1.1rem;  }
#sub .snb li a {display: block; padding: 0 0.8rem;}
#sub .snb li a.on,#sub .snb li a:hover {background-color: #f0f7fd; font-weight: 600;}
#sub .snb .subnav {position: absolute; top: 3.45rem; z-index: 10; left: 0; display: none;}





#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; background-size: contain; padding: 5em 0 0;}
#sub .paragraph#sub1_1 .greetingbox {}
#sub .paragraph#sub1_1 .profilebox {margin-top: 5rem;}
#sub .paragraph#sub1_1 .profilebox > div {padding: 3rem 2rem;}
#sub .paragraph#sub1_1 .profilebox > .col1 {}
#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: 4.5rem; background: url(images/sub1_3_maplink.jpg); background-size: contain; display: flex;}
#sub .paragraph .maplink a {flex: 1; height: 4.5rem; 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;}
#sub .paragraph .clinicbox > div > img {width: 8rem;}

#sub .paragraph {counter-reset: number 0; }
#sub .paragraph .num_content {width: 100%; background-color: #fff;}
#sub .paragraph .num_content > .col1 {display: flex; align-items: center; padding: 1rem 0;}
#sub .paragraph .num_content > .col1 * {font-weight: 700;}
#sub .paragraph .num_content > .col3 {border-top: 1px #e0e0e0 solid; padding: 1.5rem 1rem;}
#sub .paragraph .num_content > .col1::before {width: 3rem; height: 3rem; line-height: 3rem; 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.5rem;}
#sub .paragraph .num_imgbox .img {position: relative;}
#sub .paragraph .num_imgbox .img > img {width: 100%;}
#sub .paragraph .num_imgbox .img::before {width: 2.5rem; height: 2.5rem; line-height: 2.5rem; 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 3rem; border: 1px #e0e0e0 solid; border-top: 0; }

#sub .paragraph .frame1.frame1_1 {}
#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: 9rem; height: 9rem; border-radius: 9rem; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; text-align: center;}
#sub .paragraph .frame2 .title h3 { color: #fff;}
#sub .paragraph .frame2.frame2_1 {padding: 1.2rem; margin-bottom: 1rem; display: flex; align-items: center;}
#sub .paragraph .frame2.frame2_1 .title {flex: 1; margin: 0; margin-right: 0.5rem;}
#sub .paragraph .frame2.frame2_1 h5 {flex: 2;}

#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) bottom center no-repeat #fff6ef; background-size: contain; padding: 5rem 0;}

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

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

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

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




#sub .paragraph .circlebox {display: flex; justify-content: center;}
#sub .paragraph .circlebox > div {width: 12.5rem; height: 12.5rem; border-radius: 12.5rem; display: flex; align-items: center; border: 0.5rem #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: 5rem; display: inline-block;}



#sub .paragraph .checklist {background: url(images/check.png) 1.2rem center no-repeat #fff; background-size: 1.4rem; 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: 0.45rem; height: 0.45rem; border-radius: 0.45rem; margin-right: 0.1rem; margin-left: -1rem; box-sizing: border-box; float: left; margin-top: 0.6rem;}





table#basic {
    border-collapse: collapse; line-height: 1.65;
}

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

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



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.25rem 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;}
#sub .paragraph .board_box input[name="writer"],#sub .paragraph .board_box input[name="subject"] {width: 90% !important;}


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


@media only screen and (max-width:640px) {
  
    div.nneditor-container div.SE_TOOLBAR ul {zoom: 85%;}
}