@charset "utf-8";
@import url(../../common/font/KotraHope/KotraHope.css);

@-webkit-keyframes slide-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(1em);transform:translateY(1em)}}@keyframes slide-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(1em);transform:translateY(1em)}}
@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

/****************************************************************
	Slider Common Style
****************************************************************/

.more {display:block; position:relative; width:1.85em; height:1.85em; text-indent:-999px; overflow:hidden;}
.more:before {content:""; display:block; position:absolute; top:50%; left:50%; border-radius:100%; width:1.85em; height:1.85em; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);  background:url(../img/main/spr_main.svg) no-repeat top -5em left -11.5em; background-size:14em auto;}

.control:after {content:""; display:block; clear:both;}
.control > * {display:inline-block; position:relative; vertical-align:middle;}
.control button {width:1em; height:1em; background:url(../img/main/spr_main.svg) no-repeat 0 0; background-size:14em auto; text-indent:-999px; overflow:hidden;}
.control .prev {background-position:0 -10em;}
.control .next {background-position:-1.5em -10em;}
.control .stop {background-position:-3em -10em;}
.control .play {display:none; background-position:-4.5em -10em;}
.control .swiper-button-disabled {opacity:.3;}
.control .more {display:inline-block; vertical-align:middle; margin-left:1em;}
.control .bar {width:1px; height:1.15em; background:rgba(0,0,0,.2); margin:0 .4em;}
.control .pager {display:inline-block; width:auto; bottom:auto; white-space:nowrap; margin-right:1em;}
.control .pager > * {display:inline-block; vertical-align:middle; font-size:.9em; font-weight:600;}
.control .pager i {width:1em; height:1em; font-size:1em; background:url(../img/main/spr_main.svg) no-repeat -7.5em -10em; background-size:14em auto; margin:0 .3em;}
.control .pager .swiper-pagination-current {color:#169ACA;}
.control button + button {margin-left:.75em;}

.slider .swiper-slide > a {display:block;}
.slider .swiper-slide img {display:block; max-width:100%;}
.fix-scroll .swiper-container {display:block; position:relative;}
.fix-scroll .swiper-wrapper {display:block !important; transform:none !important; -webkit-transform:none !important; height:100% !important; overflow:auto; white-space:nowrap;}
.fix-scroll .swiper-wrapper li {display:inline-block !important; vertical-align:top; transform:none !important; -webkit-transform:none !important; opacity:1 !important;}
.fix-scroll .swiper-wrapper li a {display:block; position:relative;}
.fix-scroll .swiper-wrapper li a:focus:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:5px solid rgba(0,0,0,.5); z-index:2;}

.goto-control {display:block; position:absolute; width:100%; height:0; overflow:hidden; bottom:0; left:0; right:0; z-index:-1000; background:#2292e9; text-align:center; color:#fff !important; opacity:0; box-sizing:border-box;}
.goto-control:focus {z-index:9999; opacity:1; height:auto; padding:10px;}

.no-data {display:table; width:100%;}
.no-data > * {display:table-cell; vertical-align:middle; text-align:center; font-size:.9em; font-weight:500; color:#555; border:1px dashed #dadada; border-radius:1em;}



/****************************************************************
	Tab Style
****************************************************************/

.tab-group .tabs li button .selected {display:none; position:absolute; top:0; left:0; z-index:-999; overflow:hidden; width:0; height:0; opacity:0;}
.tab-group .tabs li button.on .selected {display:block;}
.tab-group .tab-con {display:none;}
.tab-group .tab-con.on {display:block;}

.mainSection {position:relative; padding-left:1em; padding-right:1em;}
.mainSection .inner {max-width:1420px;}

.section-frame {display:block; position:absolute; left:0; right:0; height:13.5em; padding:0 7.5em;}
.section-frame:before,
.section-frame:after {content:""; display:block; position:absolute; width:7.6em; top:0; bottom:0; background:no-repeat 0 0; background-size:auto 100%;}
.section-frame:before {left:0; background-position:0 0;}
.section-frame:after {right:0; background-position:100% 0;}
.section-frame .in {display:block; position:absolute; left:7.5em; right:7.5em; top:0; bottom:0; background:#fff;}

.section-frame.top {bottom:0;}
.section-frame.top .in {top:5.575em;}
.section-frame.top:before,
.section-frame.top:after {background-image:url(../img/main/bak_top_frame.svg);}

.section-frame.bot {bottom:0; background:linear-gradient(0deg, #302B47 4.44%, #3B3167 54.07%);}
.section-frame.bot .in {bottom:7.93em;}
.section-frame.bot:before,
.section-frame.bot:after {background-image:url(../img/main/bak_bot_frame.svg);}

@media all and (max-width:1024px) {
	.section-frame.top {display:none;}
	.section-frame:before,
	.section-frame:after,
	.section-frame .in {display:none;}
}
@media all and (max-width:440px) {
	.section-frame.bot {display:none;}
}


/***********************************************
	Visual : Search Area
***********************************************/

.mainVisualWrap {padding-top:4.8em; padding-bottom:15em; background:url(../img/main/bak_visual.png) no-repeat 50% 0; background-size:cover; z-index:0;}
.mainVisualWrap:before {content:""; display:block; position:absolute; top:-1em; right:0; width:14em; height:11.9em; background:url(../img/main/img_visual_light.png) no-repeat 100% 0; background-size:contain; -webkit-animation:slide-bottom 2s ease-in infinite alternate both; animation:slide-bottom 2s ease-in infinite alternate both;}
.mainVisualWrap .acc .obj {display:block; position:absolute; top:-6.8em; left:-2em; width:8.7em; height:8.7em; background:url(../img/main/img_visual_rotate_obj.png) no-repeat 50% 50%; background-size:contain; z-index:-1;}
.mainVisualWrap .acc .obj:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:url(../img/main/img_visual_rotate.png) no-repeat 50% 50%; background-size:contain; -webkit-animation:rotate-center 10s linear infinite both;animation:rotate-center 10s linear infinite both;}
.mainVisualWrap .acc .obj.ty2 {top:10em; right:-2em; left:auto; background-image:url(../img/main/img_visual_rotate_obj2.png);} 
.mainVisualWrap .sec-tit {display:block; position:relative; text-align:center; z-index:0;}
.mainVisualWrap .sec-tit .obj {display:block; position:absolute; top:-2.5em; left:50%; margin-left:12.95em; width:5em; height:5em; background:url(../img/main/img_visual_pointer.png) no-repeat 50% 50%; background-size:contain; z-index:-1;}
.mainVisualWrap .sec-tit strong,
.mainVisualWrap .sec-tit span {display:block; word-break:keep-all;}
.mainVisualWrap .sec-tit strong {font-size:2.5em; font-family:'TTWanjudaedunsancheB'; color:#fff;}
.mainVisualWrap .sec-tit em {color:#86E5FF;}
.mainVisualWrap .sec-tit span {margin-top:1em; color:#fff; line-height:1.3em;}

.mainSearch {display:block; position:relative; max-width:37.7em; height:3.85em; margin:3.5em auto 0; padding:.15em 1.3em .15em .15em; z-index:0;}
.mainSearch:before {content:""; display:block; position:absolute; top:0; left:0; right:1.15em; bottom:0; border-radius:1em; background:linear-gradient(105deg, #46C4E6 24.34%, #0076C6 65.76%, #0061C2 89.81%); z-index:-2;}
.mainSearch:after {content:""; display:block; position:absolute; top:.15em; left:.15em; right:1.3em; bottom:.15em; border-radius:.85em; background:#fff; z-index:-1;}
.mainSearch .tit {display:block; position:absolute; top:0; bottom:0; left:0; width:6.2727em; text-align:center; font-size:1.1em; line-height:3.5em; color:#351B94; font-family:'TTWanjudaedunsancheB';}
.mainSearch .in {display:block; position:absolute; top:.15em; left:.15em; right:1.3em; bottom:.15em;}
.mainSearch .in form {height:100%;}
.mainSearch input[type="text"],
.mainSearch input[type="search"] {display:block; position:relative; width:100%; height:100%; border:none; font-size:1.1em; font-family:'TTWanjudaedunsancheB'; border-radius:.772727em; background:transparent; padding:0 2.2em 0 6.27em;}
.mainSearch input[type="text"]::placeholder,
.mainSearch input[type="search"]::placeholder {color:#B3B3B3;}
.mainSearch input[type="submit"] {display:block; position:absolute; width:3.25em; height:3.25em; border-radius:100%; top:50%; right:-1.3em; margin-top:-1.625em; text-indent:-999px; overflow:hidden; background:url(../img/main/btn_search.svg) no-repeat 50% 50%; background-size:contain; border:none;}

@media all and (max-width:1024px) {
	.mainVisualWrap {padding-top:4.5em; padding-bottom:3em;}
	.mainSearch {margin-top:2em;}
}
@media all and (max-width:520px) {
	.mainVisualWrap .sec-tit {font-size:.95em;}
	.mainSearch .tit {display:none;}
	.mainSearch input[type="text"],
	.mainSearch input[type="search"] {padding-left:1em;}
}
@media all and (max-width:460px) {
	.mainVisualWrap .sec-tit em {display:block;}
}


/***********************************************
	Program
***********************************************/

.mainProgramWrap {margin-top:-11.1em; z-index:1; margin-bottom:4.2em;}
.mainProgramWrap .inner {max-width:1580px;}
.mainProgram {padding:2.3em 3em 1.65em 3em; border-radius:2em 5em 2em 2em; background:#FFF; box-shadow:0 0 1.5em 0 rgba(0,0,0,.05);}
.mainProgram .tit {display:block; position:absolute; top:2.3em; left:3.9em;}
.mainProgram .tit span {display:block; position:relative; font-size:1.3em; color:rgba(51,51,51,.4); font-family:'KotraHope'; font-weight:400; margin-bottom:.43em;}
.mainProgram .tit strong {display:block; position:relative; font-size:2em; font-family:'TTWanjudaedunsancheB'; color:#111;}
.mainProgram .tit em {color:#351B94;}
.mainProgram .more {display:block; position:absolute; top:3.4em; right:4.05em;}
.mainProgram .tabs {display:block; position:relative; padding:0; margin:0 2.8em 1em 15em; text-align:right;}
.mainProgram .tabs ul:after {content:""; display:block; clear:both;}
.mainProgram .tabs li {display:inline-block; position:relative; vertical-align:top; padding:.8em 1.5em;}
.mainProgram .tabs li + li:before {content:""; display:block; position:absolute; left:0; top:50%; width:.4em; height:.4em; border-radius:100%; background:#D9D9D9; margin:-.2em 0 0 -.2em;}
.mainProgram .tabs button {display:block; position:relative;}
.mainProgram .tabs button strong {display:block; position:relative; font-size:1.1em; color:#666666; height:2.2727em; line-height:2.2727em; font-family:'TTWanjudaedunsancheB'; font-weight:400;}
.mainProgram .tabs li.tab-active:after {content:""; display:block; position:absolute; top:3.05em; left:50%; width:.75em; height:.6em; margin-left:-.375em; background:url(../img/main/ico_tab_active.svg) no-repeat 50% 50%; background-size:contain;}
.mainProgram .tabs li.tab-active button.on strong {padding:0 1.136em; background:#351B94; color:#fff; border-radius:9em;}

.mainProgram .program-list {display:block; position:relative;}
.mainProgram .program-list .control button {position:absolute; top:6.65em; width:3.1em; height:3.1em; border-radius:100%; overflow:hidden; box-shadow:1em 1em 1.5em rgba(0,0,0,.05); z-index:5;}
.mainProgram .program-list .control button.swiper-button-disabled {opacity:1;}
.mainProgram .program-list .control button.prev {left:-3em; margin-left:-1.65em; background-position:0 0;}
.mainProgram .program-list .control button.next {right:-3em; margin-right:-1.65em; background-position:-4.9em 0;}
.mainProgram .program-list .swiper-slide {padding:1em 1em 3em;}
.mainProgram .program-list .swiper-slide a {display:block; position:relative; height:15.8em; padding:3.5em 1.65em; background:no-repeat 50% 0 #fff; border-radius:1em; transition:.3s all; -webkit-transition:.3s all; z-index:0;}
.mainProgram .program-list .swiper-slide a:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:1em; border:1px solid #ddd; z-index:-1; transition:.3s all; -webkit-transition:.3s all; z-index:-1;}
.mainProgram .program-list .swiper-slide a > * {display:block; position:relative;}
.mainProgram .program-list .swiper-slide .cate {position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); white-space:nowrap; font-size:.85em; color:#333; line-height:2.353em; height:2.353em; background:#F9F9F9; border-radius:0 0 .59em .59em; padding:0 1.1764em; font-weight:500; z-index:-2;}
.mainProgram .program-list .swiper-slide .state {position:absolute; width:5.294em; height:5.294em; line-height:5.294em; margin-bottom:.91em; text-align:center; bottom:0; left:50%; margin:0 0 -2em -2.962em; font-size:.85em; border-radius:100%; color:#fff; background:#169ACA;}
.mainProgram .program-list .swiper-slide .subj {line-height:1.3em; font-size:1.1em; height:2.6em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; font-weight:600;}
.mainProgram .program-list .swiper-slide .subj + *  {margin-top:1em; padding-top:1em; border-top:1px dashed rgba(0,0,0,.1);}
.mainProgram .program-list .swiper-slide .subj ~ * + * {margin-top:.6875em;}
.mainProgram .program-list .swiper-slide .date,
.mainProgram .program-list .swiper-slide .mem-count {font-size:.8em; line-height:1.25em; padding-left:6.875em; color:#888888; font-family:'Montserrat','SCoreDream'; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mainProgram .program-list .swiper-slide .date strong,
.mainProgram .program-list .swiper-slide .mem-count strong {display:block; position:absolute; top:0; left:0; padding-left:1.75em; color:#333; font-weight:600; letter-spacing:0;}
.mainProgram .program-list .swiper-slide .date strong:before,
.mainProgram .program-list .swiper-slide .mem-count strong:before {content:""; display:block; position:absolute; font-size:1.25em; width:1em; height:1em; left:0; top:50%; margin-top:-.5em; background:url(../img/main/spr_main.svg) no-repeat 0 0; background-size:14em auto;}
.mainProgram .program-list .swiper-slide .date strong:before {background-position:top 0 left -11em;}
.mainProgram .program-list .swiper-slide .mem-count strong:before {background-position:top 0 left -10em;}
.mainProgram .program-list .swiper-slide .mem-count {color:#555555; letter-spacing:.1em;}
.mainProgram .program-list .swiper-slide .mem-count em {color:#351B94; font-weight:800;}
.mainProgram .program-list .swiper-slide .subj + .date strong,
.mainProgram .program-list .swiper-slide .subj + .mem-count strong {top:1em;}
.mainProgram .program-list .swiper-slide a:focus,
.mainProgram .program-list .swiper-slide a:hover {margin-top:-.5em; background-image:url(../img/main/bak_program_over.png); background-position:50% 100%; background-size:13em auto;}
.mainProgram .program-list .swiper-slide a:focus:after,
.mainProgram .program-list .swiper-slide a:hover:after {border:3px solid #169ACA; box-shadow:.5em .5em 1em 0 rgba(0,0,0,.05);}
.mainProgram .program-list .swiper-slide a[data-state="접수중"]:focus:after,
.mainProgram .program-list .swiper-slide a[data-state="접수중"]:hover:after {border-color:#F64776;}
.mainProgram .program-list .swiper-slide a[data-state="접수중"] .state {background:#F64776;}
.mainProgram .program-list .swiper-slide a[data-state="접수마감"]:focus:after,
.mainProgram .program-list .swiper-slide a[data-state="접수마감"]:hover:after {border-color:#433F57;}
.mainProgram .program-list .swiper-slide a[data-state="접수마감"] .state {background:#433F57;}

.mainProgram .program-list .no-data {height:22.3em;}

@media all and (max-width:1640px) {
	.mainProgram .program-list .control button.prev {left:-2em;}
	.mainProgram .program-list .control button.next {right:-2em;}	
}
@media all and (max-width:1560px) {
	.mainProgram .program-list .swiper-slide {padding:1em .5em 3em;}
}
@media all and (max-width:1560px) {
	.mainProgram .program-list .swiper-slide {width:17em;}
}

@media all and (max-width:1024px) {
	.mainProgramWrap {margin-top:0; margin-bottom:2em;}
	.mainProgram {padding:2.5em 0 0; border-radius:0; box-shadow:none; background:transparent;}
	.mainProgram .tit {position:relative; top:auto; left:auto; text-align:center; margin-bottom:1em; word-break:keep-all;}
	.mainProgram .tabs {margin:0 0 .5em; text-align:center;}
	.mainProgram .tabs li {padding-top:0; padding-bottom:.5em;}
	.mainProgram .tabs li.tab-active:after {bottom:0; top:auto;}
	.mainProgram .tabs li + li:before {margin-top:-.5em;}
	.mainProgram .tabs button strong {line-height:2.1em; height:2.1em;}
	
	.mainProgram .more {top:4.4em; left:50%; right:auto; margin-left:8.5em;}
	
	.mainProgram .program-list {font-size:.9em;}
	.mainProgram .swiper-container {overflow:visible;}
	.mainProgram .program-list .control button {font-size:.9em;}
	.mainProgram .program-list .control button.prev {left:-1em; margin-left:0;}
	.mainProgram .program-list .control button.next {right:-1em; margin-right:0;}
	.mainProgram .program-list .no-data {height:19.8em;}
}
@media all and (max-width:585px) {
	.mainProgram .tabs li {padding-left:.8em; padding-right:.8em;}
	.mainProgram .tabs li + li:before {width:.2em; height:.2em; margin:-.4em 0 0 -.1em;}	
}
@media all and (max-width:490px) {
	.mainProgram .tabs ul {margin-left:-.2em; margin-right:-.2em;}
	.mainProgram .tabs li {display:block; padding:.2em; box-sizing:border-box; width:25%; float:left;}
	.mainProgram .tabs li + li:before {display:none;}
	.mainProgram .tabs li button {height:2.5em; width:100%; border-radius:9em; text-align:center; padding:0 0 .2em !important; border:1px solid #dadada;}
	.mainProgram .tabs li button strong {font-size:1em; line-height:1.1em; height:auto; display:inline;}
	.mainProgram .tabs li.tab-active:after {display:none;}
	.mainProgram .tabs li.tab-active button.on {background:#351B94;}
	.mainProgram .tabs li.tab-active button.on strong {padding:0;}
}
@media all and (max-width:445px) {
	.mainProgram .tabs li {width:50%;}
	.mainProgram .more {position:relative; width:auto; height:auto; padding:.3em; border-radius:9em; top:auto; left:auto; margin:1em auto 0; text-indent:0; text-align:center; white-space:nowrap; background:#F9F9F9;}
	.mainProgram .more:before {display:inline-block; position:relative; top:auto; left:auto; transform:none; -webkit-transform:none; vertical-align:middle;}
	.mainProgram .more span {display:inline; font-size:.8em;}
	
	.mainProgram .program-list .swiper-slide {padding-bottom:2em;}
	.mainProgram .program-list .no-data {height:18.8em;}
}



/***********************************************
	Reservation
***********************************************/

.mainReservWrap {margin-bottom:4.1em; z-index:0;}
.mainReservWrap:before {content:""; display:block; position:absolute; left:0; top:-6.25em; width:7.3em; height:15.5em; background:url(../img/main/bak_reserv.svg) no-repeat 0 0; background-size:contain; z-index:10;}

.mainReservWrap .bak-tit {display:block; position:absolute; top:0; bottom:0; left:0; right:50%; margin-right:19.85em; border-radius:0 2em 2em 0; background:linear-gradient(242deg,#F5F7F8 30.36%,rgba(249,249,249,0) 91.2%); z-index:-1;}
.mainReservWrap .bak-tit .obj {display:block; position:absolute; left:0em; bottom:-1.6em; width:8em; height:8.9em; background:url(../img/main/img_reserv_acc.png) no-repeat 100% 100%; background-size:contain;}
@media all and (max-width:1800px) {
	.mainReservWrap .bak-tit .obj {font-size:.8em;}	
}
@media all and (max-width:1700px) {
	.mainReservWrap .bak-tit .obj {display:none;}
}
@media all and (max-width:1600px) {
	.mainReservWrap .bak-tit {margin-right:17em;}
	.mainReservWrap .bak-tit .obj {display:none;}	
}
@media all and (max-width:1550px) {
	.mainReservWrap .bak-tit {margin-right:20em;}
}
@media all and (max-width:1024px) {
	.mainReservWrap .bak-tit {display:none;}
}


.mainReserv {position:relative; margin-right:20.5em; min-height:20em;}
.mainReserv:after {content:""; display:block; clear:both;}
.mainReserv .tit {display:block; position:absolute; top:0; left:0; padding-top:3em; width:11.5em;}
.mainReserv .tit > * {display:block; position:relative; word-break:keep-all;}
.mainReserv .tit span {display:block; position:relative; font-size:1.3em; color:rgba(51,51,51,.4); font-family:'KotraHope'; font-weight:400; margin-bottom:.43em;}
.mainReserv .tit strong {display:block; position:relative; font-size:2em; font-family:'TTWanjudaedunsancheB'; color:#111;}
.mainReserv .tit em {color:#169ACA;}
.mainReserv .tit i {font-size:.9em; color:#555; line-height:1.5em; margin-top:1em;}
.mainReserv .control {display:block; position:absolute; left:0; bottom:3.1em;}
.mainReserv .control .more:before {background-position:-9.5em -5em;}
.mainReserv .slider {display:block; position:relative; width:33em; float:right; border-radius:1em 5em 1em 1em; overflow:hidden;}
.mainReserv .slider .swiper-slide a {display:block; position:relative; background:#fafafa; overflow:hidden;}
.mainReserv .slider .swiper-slide a:before {content:""; display:block; position:relative; padding-top:60.698027314%;}
.mainReserv .slider .swiper-slide a > * {display:block; position:absolute;}
.mainReserv .slider .swiper-slide .thumb {top:0; left:0; right:0; bottom:0; overflow:hidden;}
.mainReserv .slider .swiper-slide .thumb img {display:block; position:absolute; top:0; height:100%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.mainReserv .slider .swiper-slide .thumb img[src*="noimage"] {width:auto; height:auto; top:50%; bottom:auto; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.mainReserv .slider .swiper-slide .desc {left:0; bottom:0; padding:1.75em 2.85em; border-radius:0 2.5em 0 0; background:rgba(22, 154, 202, 0.92); z-index:2; color:#fff;}
.mainReserv .slider .swiper-slide .desc > * {display:block; position:relative;}
.mainReserv .slider .swiper-slide .desc strong {font-size:1.2em; font-weight:600;}
.mainReserv .slider .swiper-slide .desc span {font-size:.85em; font-weight:200; margin-top:.89em; padding-left:1.588235294em;}
.mainReserv .slider .swiper-slide .desc span:before {content:""; display:block; position:absolute; left:0; top:50%; width:1.0589em; height:1.294117647058824em; transform:translateY(-50%); -webkit-transform:translateY(-50%); background:url(../img/main/ico_map.png) no-repeat 0% 50%; background-size:contain;}

@media all and (max-width:1460px) {
	.mainReserv {margin-right:19.5em;}
}
@media all and (max-width:1024px) {
	.mainReserv {margin-right:0;}
	.mainReserv .tit {position:relative; top:auto; left:auto; padding-top:0; width:auto; text-align:center; margin-bottom:2em;}
	.mainReserv .tit i br {display:none;}
	
	.mainReserv .tit {position:relative; bottom:auto; text-align:center;}
	.mainReserv .control {position:relative; bottom:auto; text-align:center;}
	.mainReserv .slider {float:none; width:auto; border-radius:0; max-width:33em; margin:0 auto 1em;}
	.mainReserv .slider .swiper-slide {width:33em; padding:0 .5em;}
	.mainReserv .slider .swiper-slide a {border-radius:1em 5em 1em 1em;}
	.mainReserv .slider,
	.mainReserv .swiper-container {overflow:visible;}
}

.mainQuick {position:absolute; top:0; right:0; width:18em; bottom:0; border-radius:2em; border:.5em solid #F9F9F9; padding:1.6em;}
.mainQuick li {display:block; position:relative; width:50%; float:left; text-align:center; margin-bottom:1.3em;}
.mainQuick a {display:block; position:relative; }
.mainQuick .icon {display:block; position:relative; width:5em; height:5em; border-radius:1em; margin:0 auto .5em; background:linear-gradient(180deg,#F5F7F8 36.36%,rgba(249, 249, 249, 0.00) 100%);}
.mainQuick .icon:before {content:""; display:block; position:absolute; width:3em; height:3em; background:no-repeat 50% 50%; background-size:contain; top:50%; left:50%; margin:-1.5em 0 0 -1.5em; transition:.3s all; -webkit-transition:.3s all;}
.mainQuick a:hover .icon:before,
.mainQuick a:focus .icon:before {margin-top:-2em;}
.mainQuick .icon.ty1:before {background-image:url(../img/main/img_quick01.svg);}
.mainQuick .icon.ty2:before {background-image:url(../img/main/img_quick02.svg);}
.mainQuick .icon.ty3:before {background-image:url(../img/main/img_quick03.svg);}
.mainQuick .icon.ty4:before {background-image:url(../img/main/img_quick04.svg);}
.mainQuick strong {display:block; position:relative; font-size:.9em; word-break:keep-all; line-height:1.33em; min-height:2.66em;}
.mainQuick a:hover strong,
.mainQuick a:focus strong {font-weight:600; text-decoration:underline;}
.mainQuick li:nth-child(2) ~ li {margin-bottom:0;}
.mainQuick li:nth-child(2) ~ li strong {min-height:0;}

@media all and (max-width:1024px) {
	.mainQuick {position:relative; top:auto; left:auto; right:auto; width:auto; margin-top:2em; padding:1em .5em;}
	.mainQuick:after {content:""; display:block; clear:both;}
	.mainQuick li {width:25%; margin:0 !important;}
	.mainQuick strong {min-height:0;}
}
@media all and (max-width:570px) {
	.mainQuick .icon {font-size:.9em;}
}
@media all and (max-width:490px) {
	.mainQuick .icon {font-size:.9em;}
	.mainQuick li {display:inline-block; vertical-align:top; width:50%; float:none;}
	.mainQuick li:nth-child(2) ~ li {margin-top:1em !important;}
}


/***********************************************
	Visual : Search Area
***********************************************/

.mainBoardWrap {padding-bottom:3.68em; min-height:13.5em;}
.mainBoardWrap .inner {max-width:1420px;}
.mainBoardWrap .tit {display:block; position:relative; margin-bottom:.7em;}
.mainBoardWrap .tit strong {font-size:1.7em; color:#111; font-family:'TTWanjudaedunsancheB';}
.mainBoardWrap .control {position:absolute; right:0; top:0;}

.mainNotice {display:block; position:relative; margin-right:19.85em; }
.mainNotice .slider {margin:0 -.75em;}
.mainNotice .swiper-slide {padding:.75em;}
.mainNotice .swiper-slide a {display:block; position:relative; height:15.5em; border-radius:1em; overflow:hidden; background:#fff; box-shadow:0 0 1em 0 rgba(0,0,0,.05); padding:1.5em 1.75em 4.9em;}
.mainNotice .swiper-slide .cate {display:block; position:relative; font-size:.85em; color:#333; line-height:1.411764em; padding-left:1em; margin-bottom:1.588em; margin-right:6em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mainNotice .swiper-slide .cate:before {content:""; display:block; position:absolute; width:.588em; height:.588em; border-radius:100%; background:#F64776; border-radius:100%; top:50%; left:0; margin-top:-.294em;}
.mainNotice .swiper-slide .subj {display:block; position:relative; color:#333333; margin-bottom:.54em; font-weight:600; font-size:1.1em; line-height:1.4em; height:2.8em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.mainNotice .swiper-slide .desc {display:block; position:relative; color:#555; margin-bottom:1.64em; font-size:.85em; line-height:1.53em; height:3.06em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.mainNotice .swiper-slide .date {display:block; position:absolute; font-size:.8em; top:1.9em; right:2.3em; color:#888; line-height:1.6em;}
.mainNotice .swiper-slide .guide {display:block; position:absolute; left:0; right:0; bottom:0; font-size:.85em; height:4.117647em; line-height:4.117647em; font-weight:400; color:#888888; background:#F9F9F9; text-align:center;}
.mainNotice .swiper-slide a:hover .guide,
.mainNotice .swiper-slide a:focus .guide {background:#F64776; color:#fff; font-weight:600;}

@media all and (max-width:1024px) {
	.mainNotice {margin-right:0;}
	.mainNotice .slider {margin:0;}
	.mainNotice .swiper-container {overflow:visible;}
	.mainNotice .slider .swiper-slide {width:17.25em; max-width:100%; padding-left:0; padding-right:0;}
}
@media all and (max-width:440px) {
	.mainBoardWrap .control {position:relative; right:auto; text-align:center; top:auto; margin:1em 0 0;}
}

.mainPopup {display:block; position:absolute; top:0; right:0; width:17.5em;}
.mainPopup .slider {margin-top:1.5em; border-radius:1em; overflow:hidden;}
.mainPopup .slider .swiper-slide a {display:block; position:relative; background:#fafafa; overflow:hidden;}
.mainPopup .slider .swiper-slide a:before {content:""; display:block; position:relative; padding-top:88.57142857142857%;}
.mainPopup .slider .swiper-slide img {display:block; position:absolute; top:0; height:100%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.mainPopup .slider .swiper-slide img[src*="noimage"] {width:auto; height:auto; top:50%; bottom:auto; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}

@media all and (max-width:1024px) {
	.mainPopup {position:relative; width:auto; margin-top:1.5em;}
	.mainPopup .slider,
	.mainPopup .swiper-container {overflow:visible; border-radius:0;}
	.mainPopup .slider .swiper-slide {width:17.5em; max-width:100%;}
	.mainPopup .slider .swiper-slide a {border-radius:1em;}	
}
@media all and (max-width:440px) {
	.mainPopup .control {position:relative; right:auto; text-align:center; top:auto; margin:1em 0 0;}
}