/* 서브 */
#sub {width:100%; display:inline-block; overflow: hidden;}
#sub .subtop {width:100%; height: 20rem; display: inline-block; background-position: center !important; background-size: cover; position: relative;}
#sub .subtop > .inner {height: 100%; display: flex; flex-direction: column; justify-content: center; color: #fff;}
#sub.sub1 .subtop {background-image: url(images/subtop1.jpg);}
#sub.sub2 .subtop {background-image: url(images/subtop2.jpg);}
#sub.sub3 .subtop {background-image: url(images/subtop3.jpg);}
#sub.sub4 .subtop {background-image: url(images/subtop4.jpg);}
#sub.sub5 .subtop {background-image: url(images/subtop5.jpg);}
#sub.sub6 .subtop {background-image: url(images/subtop6.jpg);}


#sub .snb {width:100%; display: inline-block; background:  linear-gradient(170deg, #2199c9 10%, #093b7a 100%); line-height: 3rem; text-align: center;}
#sub .snb ul {width: 100%;}
#sub .snb ul li {width: 50%; float: left; border-bottom: 1px rgba(255,255,255,0.3) solid;}
#sub .snb ul li a {display: block; color: #fff; font-size: 1.1rem; }
#sub .snb ul li a:hover,#sub .snb ul li a.on {color: #333; background-color: #fff; font-weight: 700;}



#sub #content {width:100%; display:inline-block; float: left; padding-bottom: 8rem;}


#sub .paragraph {width: 100%; display: inline-block; }
#sub .paragraph img.img {border-radius: 2rem; width: 100%;}

#sub .paragraph.sub1_2 {background: url(images/sub1_2_bg.jpg) top center no-repeat #d1d8de; background-size: contain; }
#sub .paragraph.sub1_2 .inner {padding: 18rem 0 6rem;}

#sub .paragraph.sub1_4 .inner {}
#sub .paragraph.sub1_4 .inner > div.tel {background-color: #2199c9; color: #fff; border-radius: 2rem; margin-bottom:2rem; }
#sub .paragraph.sub1_4 .inner > div.tel a {display: flex; justify-content: center; align-items: center; padding: 2.5rem 0;}
#sub .paragraph.sub1_4 .inner > div.tel img {height: fit-content; margin-right: 2rem;}
#sub .paragraph.sub1_4 .inner > div > div {border-radius: 2rem; background-color: #f0f6fa; padding: 2.5rem 0; text-align: center;}
#sub .paragraph.sub1_4 .inner > div > div:first-child {margin-right: 2rem;}
#sub .paragraph.sub1_4 .inner > div h4 {line-height: 1.8;}


#sub .paragraph.sub1_6 .root_daum_roughmap {border-radius: 2rem; overflow: hidden;}
#sub .paragraph.sub1_6 .root_daum_roughmap .map_border {border: 0 !important; background-color: transparent !important;}
#sub .paragraph.sub1_6 .inner .flex h4 {line-height: 1.8;}


#sub .paragraph.sub2_1 .inner {display: flex; height: 20rem; align-items: center; justify-content: center; background-position: center; border-radius: 2rem;}
#sub .paragraph.sub2_1 .sub2_1_1 {background-image: url(images/sub2_1_1.jpg);}
#sub .paragraph.sub2_1 .sub2_1_2 {background-image: url(images/sub2_1_2.jpg);}
#sub .paragraph.sub2_1 .sub2_1_3 {background-image: url(images/sub2_1_3.jpg);}

#sub .paragraph .tablebox {display: flex; margin: 1rem 0;}
#sub .paragraph .tablebox > div {border-radius: 50px; text-align: center; padding: 1.3rem 0.5rem; margin: 0 0.4rem; display: flex; align-items: center; justify-content: center;}
#sub .paragraph .tablebox > div.th_m {background-color: #333; color: #fff;}
#sub .paragraph .tablebox > div.th_m.th_m2 {background-color: #13435f;}
#sub .paragraph .tablebox > div.th_s {border: 2px #333 solid; color: #333;}
#sub .paragraph .tablebox > div.th_m *,#sub .paragraph .tablebox > div.th_s * {font-weight: 700;}
#sub .paragraph .tablebox > div.td_m {background-color: #e7f0f7; color: #2199c9;}
#sub .paragraph .tablebox > div.td_m * {font-weight: 700;}
#sub .paragraph .tablebox > div.td_s {background-color: #f0f0f0; color: #333;}
#sub .paragraph .overscoll_x {overflow-x: scroll;}
#sub .paragraph .overscoll_x .tablebox {width: 190%;}


#sub .paragraph ul.list {border-top: 1px #d0d0d0 solid;}
#sub .paragraph ul.list li {border-bottom: 1px #d0d0d0 solid; padding: 1.3rem 1rem; }
#sub .paragraph ul.list li * {font-weight: 700; text-align: center;}

#sub .paragraph ul.list.caution li *::before {content: "\e9aa"; font-family: xeicon; color: #2199c9; margin-right: 0.5rem; font-weight: 100;}

#sub .paragraph .roundbox {display: flex; justify-content: space-between;}
#sub .paragraph .roundbox > div {border: 2px #2199c9 solid; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 43vw; height: 43vw; border-radius: 50%; text-align: center;}
#sub .paragraph .roundbox > div * {font-weight: 700;}
#sub .paragraph .roundbox.bigger {display: block !important;}
#sub .paragraph .roundbox.bigger > div {width: 100%; height: 11rem; border-radius: 11rem; margin: 1rem 0;}



#sub .paragraph ul.border_list li {border: 1px #333 solid; margin: 1rem 0; border-radius: 100px; padding: 1.2rem;}
#sub .paragraph ul.border_list li * {font-weight: 700;}


#sub .paragraph .imgtitle_box {display: flex; justify-content: space-between;}
#sub .paragraph .imgtitle_box > div > * {width: 100%; position: relative;}
#sub .paragraph .imgtitle_box > div .imgtitle > * {position: absolute;}
#sub .paragraph .imgtitle_box > div .imgtitle h1,
#sub .paragraph .imgtitle_box > div .imgtitle h2,
#sub .paragraph .imgtitle_box > div .imgtitle h3 {z-index: 1; }
#sub .paragraph .imgtitle_box > div .imgtitle h2 {left: 1.5rem; bottom: 2rem; }

#sub .paragraph .imgtitle_box.sub1_3 > div {width: 100% !important;}
#sub .paragraph .imgtitle_box.sub1_3 > div .imgtitle {height: 33.85rem;}
#sub .paragraph .imgtitle_box.sub1_3 > div .imgtitle h1 {bottom: 4.5rem; left: 2rem; text-shadow: 0 0 0.25rem #fff;}
#sub .paragraph .imgtitle_box.sub1_3 > div .imgtitle h3 {bottom: 2rem; left: 2rem; text-shadow: 0 0 0.25rem #fff;}

#sub .paragraph .imgtitle_box.sub4_4_3 > div {width: 28rem !important;}
#sub .paragraph .imgtitle_box.sub4_4_3 > div .imgtitle {height: 20rem;}

#sub .paragraph .imgtitle_box.sub4_6_3 {justify-content: center !important;}
#sub .paragraph .imgtitle_box.sub4_6_3 > div {width: 18.5rem !important;}
#sub .paragraph .imgtitle_box.sub4_6_3 > div .imgtitle {height: 19rem;}

#sub .paragraph .imgtitle_box.sub5_1_2 > div {width: 13rem !important;}
#sub .paragraph .imgtitle_box.sub5_1_2 > div .imgtitle {height: 20rem;}

#sub .paragraph .imgtitle_box.sub5_2_3 > div {width: 13rem !important;}
#sub .paragraph .imgtitle_box.sub5_2_3 > div .imgtitle {height: 20rem;}

#sub .paragraph .imgtitle_box.sub5_4_4 > div {width: 13rem !important;}
#sub .paragraph .imgtitle_box.sub5_4_4 > div .imgtitle {height: 17rem;}

#sub .paragraph .imgtitle_box.sub5_6_4 {justify-content: center !important;}
#sub .paragraph .imgtitle_box.sub5_6_4 > div {width: 18.5rem !important;}
#sub .paragraph .imgtitle_box.sub5_6_4 > div .imgtitle {height: 14rem;}


#sub .paragraph .flex > .partition {width: 2px; height: inherit; background-color: #333; margin-top: 3.8rem;}



#sub .paragraph .accordion {}
#sub .paragraph .accordion span.ui-icon {font-family: xeicon; float: right;}
#sub .paragraph .accordion > h3 {border-top: 2px #333 solid; padding: 1.2rem 0; font-weight: 700;}
#sub .paragraph .accordion > h3 > span.bullet {width: 10%; display: block; float: left; text-align: center;}
#sub .paragraph .accordion > div {border-top: 1px #333 solid; color: #888; display: flex; padding: 1.5rem 0; font-weight: 700;}
#sub .paragraph .accordion > div > span.bullet {width: 10%; display: block; text-align: center; font-size: 1.5rem;}



#sub .paragraph h5.bullet {padding: 0.15rem 0; letter-spacing: -0.05rem; margin-right: 1rem;}
#sub .paragraph h5.bullet::before {content: "\2022"; color: #2199c9; margin-right: 0.5rem; margin-left: -1rem;}

.root_daum_roughmap .wrap_controllers {display: none;}
.n_map {padding:0.5rem 0; border-radius: 100px; background-color: #03C75A; color: #fff; display: block; text-align: center;}



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



#sub .paragraph #basic {border-collapse:collapse;}
#sub .paragraph #basic th {font-size: larger;background:#f5f5f5;}
#sub .paragraph #basic th.first {font-size: 0.9rem;}
#sub .paragraph #basic th {padding:1rem 0.5rem;border-bottom:1px #d0d0d0 solid;border-left:1px #f5f5f5 dotted; background-color: #496182; color: #fff;}
#sub .paragraph #basic td {padding:1rem 0.5rem;border-bottom:1px #d0d0d0 solid;border-left:1px #b0b0b0 dotted}

#sub .paragraph #basic td p {font-size: 0.9rem;}
#sub .paragraph #basic td p b {font-size: 1rem;}
#sub .paragraph #basic .first {border-left:0}
#sub .paragraph #basic .bg_gray {background:#f5f5f55b}
#sub .paragraph #basic.timetable .date th {background-color: #496182; color: #fff;}

#sub .paragraph #basic.timetable .lunchtime {background-color: #fffcf1 !important;}
#sub .paragraph #basic.timetable .special {background-color: #fff4c4  !important;}

#sub .paragraph #basic td.price {text-align: right;}
#sub .paragraph #basic td.price p:before {content:"\20A9"; font-weight:100;font-size:15px;padding-top:6px; margin-right:10px;}






/* 서브페이지 탭 */
#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;}




@media only screen and (max-width:640px) {
  #sub .subtop {background-size: cover !important;}
  
  #sub #content > .subject::after {zoom: 0.65;}
}