@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); 
@import url(//font.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {font-family:'GmarketSansLight'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansMedium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-1Thin'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face { src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-3Light'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-4Regular'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-5Medium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-7ExtraBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-9Black'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'KOTRALEAP'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/KOTRALEAP.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'MalgunGothic'; src:url(/reservation/img/MalgunGothic.eot);}
@font-face {font-family:'HoengseongHanu'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/HoengseongHanu.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'SANJUGotgam'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/SANJUGotgam.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'ROKAFSlabSerifBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSlabSerifBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'ROKAFSlabSerifMedium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSlabSerifMedium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'yg-jalnan'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'Tenada'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.woff2') format('woff2'); font-weight:normal; font-style:normal;}
br {font-family:'MalgunGothic';}



*,body {margin:0; padding:0;}
body, html {height:100%; margin:0;}
body {font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,select,button,
body,td,form,select,input,button,textarea,div,option,pre,p,span,blockquote,li,dt,dd,legend,label,h1,h2,h3,h4,h5,h6, div, header, nav, ol, ul, li, article, section, footer, img, a, p, span, h1, h2, h3, h4, h5, h6, hgroup, input, select, figure, figcaption, textarea, fieldset {position:relative;}
label,button,input[type=button],input[type=submit],input[type=image] {cursor:pointer;}
br {font-family:dotum !important;}
img {border:none;}
a {text-decoration:none;}
li {list-style:none;}
button {outline:none;}
input {font-family:'Pretendard';}
label {cursor:pointer; color:#666;}
select {cursor:pointer; border:1px solid #e1e1e1; font-size:12px; color:#666;}
.clr {clear:both;}
.overfl {overflow:hidden;}
.overflV {overflow:visible !important;}
.mrt0 {margin-top:0 !Important;}
.pdt0 {padding-top:0 !important;}
.mrt10 {margin-top:10px !Important;}
.mrt30 {margin-top:30px !Important;}
.mrt50 {margin-top:50px !Important;}
.mrt70 {margin-top:70px !Important;}
.mrt90 {margin-top:90px !Important;}
.mrt100 {margin-top:100px !Important;}
.displaynone {display:none !important;}
.displayblock {display:block !important;}
#bodywrap {Width:100%; height:100%;}
#onlyMobile_main {text-align:center;}
.tdPC00 {display:none;}
.figurecommon {width:100%; margin:30px auto 0 auto; overflow:hidden;}
.figurecommon img {width:100%; display:block;}






/* ====== 서브 ====== */
/* 서브공통 */
.subvisual {width:100%; overflow:hidden; text-align:Center; color:#fff; background:url(/reservation/img/bg-top-2.jpg) repeat-x right top;}
.subvis_BGpeople {padding:110px 0 0 0;}
.subvisual h1 {font-size:30px; line-height:36px; height:auto; margin:17px auto; font-family:'Tenada'; font-weight:600; text-shadow:2px 2px 0px rgba(0, 0, 0, 0.3);}
.subvisual h1 br {display:none;}
.subvisual h4 {font-family:'Tenada'; font-weight:400; font-size:20px; text-shadow:2px 2px 0px rgba(0, 0, 0, 0.3); opacity:1;}
.subvisual h4 strong {font-size:17px; opacity:0.7; font-weight:400;}
.subvis_h1 {display:block !important;}
.subpage {width:100%; overflow:hidden; margin:0 auto; background:#fff;}
.sub00, .subboard {margin:50px auto; overflow:hidden; width:90%;}
.subhgroup_1st {text-align:center; margin:50px auto 0 auto;}
.subhgroup_1st h3 {font-size:18px; color:#999;font-weight:600;}
.subhgroup_1st h1 {font-size:40px; color:#333; font-family:'Tenada'; font-weight:500; margin:20px auto 0 auto; background:url(/reservation/img/bar02.jpg) no-repeat center bottom; padding:0 0 30px 0;}
.subhgroup_1st h4 {font-size:15px; color:#333;font-weight:600; margin:35px auto 0 auto;}
.h1title {overflow:Hidden; margin:40px auto 0 auto;}
.h1title span {display:Block; width:2px; height:60px; line-height:60px; float:left; background:#222;}
.h1title strong {display:block; line-height:60px; font-size:22px; color:#222; margin:0 0 0 10px; float:left; font-weight:600;}
.h1title strong b {color:#dd4343;}
.h1title2wnf br {display:none;}
.h1title00 {overflow:Hidden; margin:60px auto 0 auto;}
.h1title00 span {display:Block; width:2px; height:2px; margin:11px 0 0 0; line-height:26px; float:left; background:#222;}
.h1title00 strong {display:block; line-height:26px; font-size:22px; color:#222; margin:0 0 0 10px; float:left; font-weight:600;}
.h1title00 strong b {color:#dd4343;}
.stronglineheight br {display:none;}
.ul_subnav_page {text-align:center; margin:90px auto 0 auto; overflow:hidden; width:100%; overflow-x:auto; white-space:nowrap;}
.ul_subnav_page li {display:inline-block; height:50px; line-height:50px; font-size:17px; width:auto; margin:0;}
.ul_subnav_page li a {display:block; color:#333; transition:background 0.5s; background:rgba(255,255,255,0.8); padding:0 20px;}
.ul_subnav_page li:hover a, .active_sub01 a {color:#fff !important; background:#0175c0 !important;}
.ul_subnav_page10ro li {width:80px;}
.bronlymobile {display:none;}
.tablecommon01 {width:100%; border-top:2px solid #b6b6b6; margin:30px auto; border-right:1px dashed #ddd;}
.tablecommon01 th, .tablecommon01 td {padding:23px; border-bottom:1px solid #ddd;}
.tablecommon01 th {text-align:center; color:#333; background:#f1f8fb; font-size:19px;}
.tablecommon01 td {font-size:17px; color:#555; line-height:30px;}
.onlyarticle {margin:20px 0 0 0; background:#f6fafb; color:#333; padding:20px; font-size:15px; line-height:27px;}
.onlyppp {font-size:14px; color:#888; margin:10px 0 0 0; line-height:25px;}
.onlypppred {color:red;}
.onlyarticle section {width:45%; display:inline-block;}
.tablecommon02 {width:100%; border-top:2px solid #b6b6b6; margin:30px auto; border-right:1px dashed #ddd;}
.tablecommon02 th, .tablecommon02 td {padding:23px; border-bottom:1px solid #ddd; text-align:center;}
.tablecommon02 th {text-align:center; color:#333; background:#f1f8fb; font-size:19px;}
.tablecommon02 td {font-size:17px; color:#555; line-height:30px; border-left:1px dashed #ddd;}
.h3title00 {font-size:20px; color:#0175c0; margin:30px 0 20px 0; font-weight:500;}
.tablecommon03 {width:100%; border-top:1px solid #ddd; margin:30px auto; border-right:1px dashed #ddd;}
.tablecommon03 th, .tablecommon03 td {padding:19.2px; border-bottom:1px solid #ddd;}
.tablecommon03 th {text-align:center; color:#333; background:#f1f8fb; font-size:19px;}
.tablecommon03 td {font-size:17px; color:#555; line-height:30px;}
/* .tablecommon03 tr:first-child th {background:#38619f; color:#fff;} */
.h4title {font-size:20px; color:#fff; background:#002060; text-align:center; margin:30px 0 1px 0; font-weight:500; padding:15px 0;}






/* 서브02 */
#tabs > ul {overflow:Hidden; width:100%; display:flex; gap:10px; box-sizing:border-box;}
#tabs > ul li {height:50px; text-align:Center; width:25%; line-height:50px; background:#f8f8f8; font-size:16px; box-sizing:border-box;}
#tabs > ul li a {color:#333; display:block; padding:0 10px;}
#tabs > ul li:hover, #tabs > ul li:hover a, #tabs > ul li.active, #tabs > ul li.active a {background:#0175c0; color:#fff; font-weight:600;}
.tab0000 {margin:40px auto 0 auto; overflow:hidden;}



/* 서브04 */
.ul0402 {margin:30px auto 0 auto; overflow:hidden; border-top:2px solid #0175c0;}
.ul0402 li {overflow:hidden; width:100%; border-bottom:1px solid #eee;}
.ul0402 li strong {display:block; float:left; background:#f1f8fb; color:#444; paddinG:15px; width:105px; text-align:center;}
.ul0402 li select, .ul0402 li span, .ul0402 li input {width:70px; margin:9px 10px; display:block; float:left; border:1px solid #ddd; height:30px; line-height:30px;}
.ul0402 li span {border:none; width:auto; text-align:Center;}
.ul0402 li:first-child input {width:130px;}
.ul0402 li label {float:left; line-height:50px;}
.ul0402 li label input {width:15px; height:15px; top:8px;}

.ul0402 li select#program {width:200px !important;}
.ul0402 li a.add_date {display:inline-block; width:70px; line-height:30px; margin:9px 0; background:#0175c0; color:#fff; text-align:center;}

.ul_ATGAWRAp {overflow:hidden; width:100%; text-align:center; margin:30px auto 0 auto;}
.ul_ATGAWRAp li {margin:10px; width:150px; height:40px; line-height:40px; border:1px solid #0175c0; display:inline-block; border-radius:50px;}
.ul_ATGAWRAp li a {display:block; cursor:pointer;}
.atag01 {background:#0175c0;} .atag01 a {color:#fff;}
.atag02 {background:#fff;} .atag02 a {color:#0175c0;}
.ul0402_02 {margin:30px auto 0 auto; overflow:hidden; border-top:2px solid #0175c0;}
.ul0402_02 li {overflow:hidden; width:100%; border-bottom:1px solid #eee;}
.ul0402_02 li strong {display:block; float:left; background:#f1f8fb; color:#444; paddinG:15px; width:105px; text-align:center;}
.ul0402_02 li input {width:calc(100% - 165px); margin:9px 10px; display:block; float:left; border:1px solid #ddd; height:30px; line-height:30px;}

.tab0401 {padding:30px; border:1px dashed #ddd; border-top:2px solid #0175c0;}
.sub0401_notice {overflow:hidden; border-bottom:1px dashed #ddd;}
.sub0401_notice h3 {color:#0175c0; font-size:20px;}
.sub0401_notice article {color:#666; font-size:16px; line-height:25px; margin:10px 0 0 0;}
.sub0401_schedule {overflow:hidden; margin:50px auto 0 auto;}
.sub0401_schedule div {overflow:hidden;}
.sub0401_schedule div span.nodata {display:block; line-height:359px; text-align:center;}
.sub0401_schedule div h3 {letter-spacing:-0.07em; font-size:17px; color:#666; text-align:Center; font-weight:400;}
.sub0401_schedule div h3 a {color:#666;}
.sub0401_schedule div h1 {letter-spacing:-0.07em; font-size:25px; color:#333; text-align:Center; margin:10px 0 20px 0; display:flex; gap:10px; justify-content:center; align-items:center;}
.sub0401_schedule div h1 a, .sub0401_schedule div h1 input {color:#333; font-size:13px; border:none; background:none;}

.scheduleLEFT {}
.table0401_01 {border:1px dashed #ddd; border-top:2px solid #0175c0; width:100%; border-left:none; border-bottom:none;}
.table0401_01 th, .table0401_01 td {padding:10px;}
.table0401_01 th {text-align:center; background:#f1f8fb; color:#222;}
.table0401_01 td {border-bottom:1px dashed #ddd; border-left:1px dashed #ddd; line-height:22px; background:#fafafa;}
.table0401_01 td span {font-size:13px; display:block; min-height:22px; text-align:Center; margin-top:5px;}
.table0401_01 td:First-child strong {color:#ee3b3b;}
.table0401_01 td:nth-child(7) strong {color:#2464cd;}
.tablewhite td {background:#fff;}
.applyoff {color:#fff; background:#aaa;}
.applyon {color:#fff; background:#0175c0; cursor:pointer;}
.applycancel {color:#fff; background:#bd0000;}
.applyrefund {color:#fff; background:#0055bd;}
.applyall {color:#fff; background:#000;}
.scheduleRIGHT {}
.scheduleRIGHT h1 {color:#0175c0 !important;}
.table0401_02 {border:1px dashed #ddd; border-top:2px solid #0175c0; width:100%; border-left:none; border-bottom:none;}
.table0401_02 th, .table0401_02 td {padding:10px; text-align:center;}
.table0401_02 th {text-align:center; background:#f1f8fb; color:#222;}
.table0401_02 td {border-bottom:1px dashed #ddd; border-left:1px dashed #ddd; line-height:22px;}
.table0401_02 td a {padding:5px 10px; border-radius:30px; font-size:13px;}
.trnextt {cursor:pointer;}
.trnextt:Hover td {background:#f1f8fb;}
.sub0401result {text-align:center; color:#333; font-size:16px; line-height:33px; font-weight:400;}
.sub0401result strong {font-size:25px; color:#0175c0;}
.sub0401_notice {padding:0 0 50px 220px; background:url(/reservation/img/0401icon01.png) no-repeat 20px center;}
.scheduleLEFT {float:left; width:48%;}
.scheduleRIGHT {float:right; width:48%;}




.dhksdhksdhks {display:flex;  flex-wrap:wrap; padding:30px; box-sizing:border-box; border:1px dashed #ddd; border-top:2px solid #0175c0; font-size:20px; width:100%; text-align:center; justify-content:center;}
.dhksdhksdhks h1 {width:100%; color:#0175c0;}
.dhksdhksdhks p {margin:20px auto 0 auto;}






/* 검색 */
.frmsch {width:100%; overflow:hidden; margin-bottom:50px;}
.frmsch table {float:left; width:calc(100% - 120px); border-top:2px solid #0175c0}
.frmsch th, .frmsch td {padding:10px; border-bottom:1px dashed #ddd;}
.frmsch th {width:15%; background:#f1f8fb; border-bottom:1px dashed #fff; font-weight:bold;}
.frmsch td {width:35%;}
.frmsch td input, .frmsch td select {width:100%; height:35px; padding:5px; border:1px solid #ddd; box-sizing:border-box;}
.frmsch td a {padding:5px 10px; border-radius:30px; font-size:13px;}
.frmsch .datepicker {width:47%;}
.frmsch button[type=submit] {float:left; width:100px; margin-left:20px; height:115px; background:#0175c0; border:0; color:#fff; font-size:15px; font-family:inherit;}



/* 페이징 */
.pg_ul {margin-top:20px; text-align:center; overflow:hidden;}
.pg_ul li {display:inline-block; border:1px solid #0175c0; padding:5px 10px;}
.pg_ul li.li_current {background:#f1f8fb;}
.pg_ul li a {color:#333;}



























/* ================================= 반응형 ================================= */
@media screen and (min-width:1300px)
{


/* ====== 서브 ====== */
/* 서브공통 */
.subvisual {padding:0;}
/* .subvis_BGpeople {background:url(/reservation/img/subvisBGPP.png) no-repeat center top;} */
.subvisual h1 {font-size:60px; line-height:62px; height:64px;}
.sub00, .subboard {width:1300px;}

/* 서브02 */
#tabs > ul {text-align:center;}
#tabs > ul li:first-child {margin:0;}
#tabs > ul li {margin:0 0 0 10px; display:inline-block; float:none;}
}














@media screen and (min-width:769px) and (max-width:1299px)
{
/* ====== 서브 ====== */
/* 서브공통 */

.ulliwidth03 li {width:32%; display:inline-block;}
.ulliwidth0302 li {width:32%; float:left; margin:1% 0;}
.ulliwidth0302 li:nth-child(2), .ulliwidth0302 li:nth-child(5) {margin:1% 2%;}
.ulonlyLink li {width:49%; float:left; margin:0 0 10px 0;}
.ulonlyLink li:nth-child(even) {float:right;}
.tab0301 > .sdfjlskdjflskdf > section {text-align:center;}
.tab0301 > .sdfjlskdjflskdf > section table td {text-align:left;}
.tab0301 > .sdfjlskdjflskdf > section figure {width:250px; display:inline-block; margin:0 10px;}


}


















@media screen and (min-width:0px) and (max-width:768px)
{
/* ====== 서브 ====== */
/* 서브공통 */
.subvisual h1 {font-size:28px;}
.subvisual h1 br {display:block;}
.subvisual h4 {width:90%; margin:0 auto; font-size:17px;}
.subhgroup_1st h1 {font-size:30px; width:90%;}
.ul_subnav_page li {width:auto; height:40px; line-height:40px;}
.ul_subnav_page li a {padding:0 10px; font-size:13px;}
.h1title2wnf strong {line-height:24px; font-size:15px; width:80%;}
.h1title2wnf br {display:block;}
.bronlymobile {display:block;}
.tablecommon01 th, .tablecommon01 td {padding:10px; font-size:14px;}
.tablecommon03 th, .tablecommon03 td {padding:10px; font-size:14px;}
.onlyarticle section {width:100%; display:block;}
.onlyarticle section + section {margin:20px 0 0 0;}
.tableschedule th, .tableschedule td {padding:15px 10px; font-size:13px;}
.tableschedule th {font-size:15px;}


#tabs > ul {flex-wrap:wrap;}
#tabs > ul > li {font-size:16px; letter-spacing:-0.07em; width:48%;}


.ul0402 li strong {width:calc(100% - 30px); float:none;}
.ul0402 li select, .ul0402 li span, .ul0402 li input {margin:9px 5px;}
.ul0402 li:first-child input {width:calc(100% - 12px);}
.ul0402_02 li strong {width:calc(100% - 30px); float:none;}
.ul0402_02 li input {margin:9px 5px; width:calc(100% - 12px);}
.sub0401 #tabs > ul li a {padding:0;}
.sub0401_notice {padding:0 0 50px 0;; background:none;}
.scheduleLEFT, .scheduleRIGHT {width:100%; float:none; margin:50px auto 0 auto;}
.sub0401_schedule {margin:0 auto;}
.sub0401_schedule div h3 {margin:15px auto 0 auto;}




}