@charset "utf-8";



/*******************************************
	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;}


/*******************************************
	Main Common Style
*******************************************/

#m_conts .inner {max-width:1500px;}
@media all and (max-width:1024px) {
	#m_conts {padding-top:0em;}
}

.mainSection {position:relative; padding-left:1em; padding-right:1em;}


/*******************************************
	Visual Style
*******************************************/

.mainVisualWrap:before {content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../img/main/bak_visual.png) no-repeat 0 0 #EBF5FF; z-index:0;}
.mainVisualWrap > .inner {max-width:1500px !important; padding-bottom:2.7em;}

.mainSearch {position:relative; padding-top:4.5em; max-width:23.7em; z-index:1; float:left;}
.mainSearch .search {position:relative; padding:3px 3px 3px 3px; background:linear-gradient(98deg, #46C4E6 0%, #0061C2 100%); border-radius:1em;}
.mainSearch .search input[type="text"],
.mainSearch .search input[type="search"] {display:block; position:relative; width:100%; font-family:'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif; font-size:1.1em; color:#333; padding:0 1.59em; height:3.3em; background:#fff; border-radius:.8em; border:none;}
.mainSearch .search input[type="text"]::placeholder,
.mainSearch .search input[type="search"]::placeholder {color:#B3B3B3;}
.mainSearch .search input[type="submit"] {display:block; position:absolute; width:3.4em; height:3.4em; right:-1.6em; top:.3em; text-indent:-999px; overflow:hidden; background:url(../img/main/btn_search.svg) no-repeat 50% 50%; background-size:contain; border:none; border-radius:100%; z-index:5; box-shadow:0em 0.2em 0.2em rgb(0 0 0 / 30%);}

.popular{color: #005CB9; font-size:0.7em; font-weight:300; margin-top:1.5em;}
.popular li {display:inline-block; border:1px solid #8DB8E3; padding:8px 13px; border-radius:5px; margin-right:3px; margin-bottom:5px;}
.popular li:hover {background:#005CB9; color:#fff;}
.popular li a:before {content:"#"; margin-right:5px;}


@media all and (max-width:1024px) {
	.mainVisualWrap > .inner {padding-bottom:0;}
	.mainVisualWrap:before {background-size:contain; margin-bottom:5em;}
	.mainSearch {margin:0 auto; padding:3em 0 1em 0; float:none;}
}
@media all and (max-width:640px) {
	.mainSearch {font-size:.9em; }
}
@media all and (max-width:425px) {
	.mainSearch {padding-top:4em;}
	.mainSearch .search input[type="submit"] {width:3em; height:3em; right:0.5em; top: 0.5em;box-shadow:none;}
	
}


/*******************************************
	 mainPopup
*******************************************/

 
.mainPopup {position:absolute; top:4em; right:0; bottom:0; width:calc(100% - 31em); min-height:13.5em;}

.mainPopup .slider {position:relative; min-height:13.5em;  overflow:hidden;}
.mainPopup .slider .swiper-slide > * {display:block; position:relative; overflow:hidden; border-radius:1em;}
.mainPopup .slider .swiper-slide > *:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;}
.mainPopup .slider .swiper-slide > *:after {content:""; display:block; position:relative; padding-top:63.53%; z-index:-1;}
.mainPopup .slider .swiper-slide > * img {display:block; position:absolute; top:0; height:100%; left:0;}

.mainPopup .control {display:block; position:absolute; bottom:0; left:-4.5em; z-index:10; width:3.1em;}

.mainPopup .control button {display:block; width:3.1em; height:3.1em; text-indent:-999px; border-radius:2em; box-shadow:0.5em 0.5em 1em rgb(0 0 0 / 7%); background:url(../img/main/spr_swiper_control.svg) no-repeat 0 0; background-size:auto 100%; overflow:hidden;}
.mainPopup .control button.prev {background-position:0 0;}
.mainPopup .control button.next {margin-top:1em; background-position:-5.1em 0;}

.mainPopup .control button.swiper-button-disabled{opacity:0.6;}



@media all and (max-width:1024px) {
	.mainPopup {position:relative; top:auto; right:auto; bottom:auto; width:100%;}
	
	.mainPopup .slider {position:relative; top:auto; right:auto; bottom:auto; height:100%; margin:0 auto;}

	.mainPopup .control {position:absolute; top:50%; transform:translateY(-50%); left:auto; width:100%;}
	.mainPopup .control button.prev,
	.mainPopup .control button.next {position:absolute; top:50%; transform:translateY(-50%);}
	.mainPopup .control button.prev {left:0; left:-1.25em;}
	.mainPopup .control button.next {right:0; margin-top:0; right:-1.25em;}
}

@media all and (max-width:425px) {
	.mainPopup {min-height:0;}

}

/*******************************************
	Board Style
*******************************************/

.mainBoardWrap {padding-top:4em; padding-bottom:1.4em;}
.mainBoardWrap .tit {display:block; position:relative; margin-bottom:1.6em; color:#888888;}
.mainBoardWrap .tit strong {display:block; position:relative; font-size:2.25em; line-height:1.55em; font-family:'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif; color:#333; word-break:keep-all;}
.mainBoardWrap .tit span {color:#F64776;}
.mainBoardWrap .tit p {font-size:.85em;}

.mainBoardWrap .left {position:relative; top:0; left:0; right:0; bottom:0; width:71%; float:left; margin-right:2.5em;}
.mainBoardWrap .right {position:relative; right:0; bottom:0; display:block; background:#2998E3; border-radius:1em; padding:1.8em 1.5em; overflow:hidden;}
.mainBoardWrap .right:before {content:""; background:url(../img/main/bak_easybox_01.svg) no-repeat; display:block; position:absolute; width:11em; height:5em; top:0;}
.mainBoardWrap .right:after {content:""; background:url(../img/main/bak_easybox_02.svg) no-repeat; display:block; position:absolute; width:8em; height:2.8em; bottom:0; right:0;}

.mainBoardWrap .service-tit{font-family:'TTWanjudaedunsancheB'; font-size:1.65em; color:#fff; margin-bottom:0.8em;}
.mainBoardWrap .service-tit span{color: #FFE86D; font-size: 0.75em;}

.mainBoardWrap .service ul {position:relative; display:block; width:100%;}
.mainBoardWrap .service li {width:50%; float:left; box-sizing:border-box;}
.mainBoardWrap .service li a {color:#fff; font-weight:300; width:95%; float:left; border:1px solid #ffffff47; padding:1em; border-radius:6px; font-size:0.85em; text-align:center; box-sizing:border-box; margin:0.3em; transition:.2s all; -webkit-transition:.2s all; line-height:1.3;}
.mainBoardWrap .service li a:hover {color:#2998E3; font-weight:500; background:#fff;}

.mainBoard {display:block; position:relative;}
.mainBoard .more {display:block; position:absolute; top:0; right:0; width:3.4em; height:3.1em; text-indent:-999px; overflow:hidden; background:url(../img/main/btn_more.svg) no-repeat 50% 50%; border-left:1px solid #ddd;}
.mainBoard .tabs {display:block; position:relative; margin-bottom:1.9em; border:1px solid #ddd; border-radius:.5em; overflow:hidden}
.mainBoard .tabs:after {content:""; display:block; position:relative; clear:both;}
.mainBoard .tabs li {display:table-cell; position:relative; float:left; width:47.1%;}
.mainBoard .tabs button {display:block; position:relative; height:3em;width:100%;}
.mainBoard .tabs button.on {background:#2C2A8B; border-radius:0.4em; z-index:1;}
.mainBoard .tabs button strong {display:block; font-size:1.1em; color:#333; font-weight:500;}
.mainBoard .tabs button.on strong {color:#fff; font-weight:700;}

.mainBoard .list {display:block; position:relative; margin:0 -1em;}
.mainBoard .list:after {content:""; display:block; clear:both;}
.mainBoard .list > li {display:block; position:relative; width:25%; float:left; padding:0 1em; box-sizing:border-box;}
.mainBoard .list > li > * {display:block; position:relative; height:11.7em; border-bottom:1px solid #ddd;}
.mainBoard .list .no-data {display:table; width:100% !important; float:none; height:11.7em;}
.mainBoard .list .no-data > * {display:table-cell; vertical-align:middle; text-align:center; font-size:.9em; color:#888888; background:#fafafa; border-radius:1em;}

.mainBoard .list .cate {display:inline-block; position:relative; font-size:.8em; color:#333; font-weight:500; margin-bottom:0.6em; padding:0 1em; border-radius:2em; height:1.8em; line-height:1.8em;}
.mainBoard .list .cate {color: #F64776; background: #FFF0F4;}

.mainBoard .list .subj,
.mainBoard .list .desc {display:block; position:relative; overflow:hidden; text-overflow:ellipsis; line-height:1.4em; height:2.8em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.mainBoard .list .subj {font-size:1em; color:#333; font-weight:500; margin-bottom:0.7em;}
.mainBoard .list a:hover .subj {font-weight:700;}
.mainBoard .list .desc {font-size:0.87em; color:#454545; margin-bottom:1.4em;}
.mainBoard .list .date {display:block; position:relative; float:left; clear:both; text-align:left; font-size:.8em; color:#AAA;}


@media all and (max-width:1024px) {
	.mainBoardWrap {padding-top:2em;}
	.mainBoardWrap .left {float:none; width:auto; margin:0;}
	.mainBoard .list {margin:0 0.2em;}
	.mainBoard .list > li {padding:0 .7em;}
	.mainBoard .list > li a {font-size:.9em;}
	
	.mainBoard .tabs {margin-bottom:0;}
	.mainBoard .list > li a {font-size:1em;}
	.mainBoard .list {margin:0;}
	.mainBoard .list > li {padding:1.5em 0; float:none; width:auto;}
	.mainBoard .list > li + li {border-top:1px solid #dadada;}
	.mainBoard .list > li > * {height:auto; overflow:hidden; border-bottom:none;}
	.mainBoard .list .subj,
	.mainBoard .list .desc {display:block; height:auto; white-space:nowrap; -webkit-line-clamp:1;}
	.mainBoard .list .subj {margin-bottom:.5em;}
	.mainBoard .list .desc {margin-bottom:1em;}

}
@media all and (max-width:740px) {
	.mainBoard .tabs {margin-bottom:0;}
	.mainBoard .list > li a {font-size:1em;}
	.mainBoard .list {margin:0;}
	.mainBoard .list > li {padding:1em 0; float:none; width:auto;}
	.mainBoard .list > li + li {border-top:1px solid #dadada;}
	.mainBoard .list > li > * {height:auto; overflow:hidden; border-bottom:none;}
	.mainBoard .list .subj,
	.mainBoard .list .desc {display:block; height:auto; white-space:nowrap; -webkit-line-clamp:1;}
	.mainBoard .list .subj {margin-bottom:.5em;}
	.mainBoard .list .desc {margin-bottom:1em;}
	
}
@media all and (max-width:640px) {
	.mainBoardWrap {padding-top:0em;}
	.mainBoard .tabs {margin-right:0;}
	.mainBoard .tabs ul {margin:0; text-align:center;}
	.mainBoard .tabs ul li {display:inline-block; vertical-align:middle; width:50%;}
	.mainBoard .more {position:relative; width:auto; border:1px solid #dadada; border-radius:.5em; line-height:2.8em; height:2.8em; font-size:.9em; background-position:50% 50%;}
	.mainBoardWrap .tit {margin-top:2em;}
	.mainBoardWrap .right {margin-top:1.5em;}
}
@media all and (max-width:425px) {
	.mainBoard .tabs li + li {padding-left:1em;}
	.mainBoard .tabs li + li:before {left:.3em;}
	.mainBoardWrap .tit {margin-bottom:1em; margin-top:1em;}
	.mainBoard .list > li {padding:1em 0;}
	.mainBoardWrap .tit strong {font-size:2em;}
	
}
@media all and (max-width:400px) {
	.mainBoard .tabs button strong {font-size:1.1em;}
	.mainBoard .list .subj {font-size:.9em;}
	.mainBoard .list .cate,
	.mainBoard .list .desc,
	.mainBoard .list .date {font-size:.8em;}
}

/*******************************************
	Quick Style
*******************************************/

.mainQuickWrap {display:block; position:relative; padding-top:.8em; padding-bottom:1.6em; max-width:1400px; margin:0 auto;}

.mainWQuick ul {position:relative; padding:1.6em 0 2.1em; z-index:0;}
.mainWQuick ul:before {content:""; display:block; position:absolute; top:0; bottom:0; left:-5000px; right:-5000px; z-index:-1;}
.mainWQuick ul:after {content:""; display:block; clear:both;}
.mainWQuick ul li {display:block; position:relative; width:10%; float:left;}
.mainWQuick ul li a {display:block; position:relative; text-align:center; transition:.3s all; -webkit-transition:.3s all;}
.mainWQuick ul li a:hover {margin-top:-0.5em;}
.mainWQuick ul li a strong {display:inline-block; position:relative; text-align:center; line-height:1.4em; font-size:.85em; word-break:keep-all; z-index:0; font-weight:500;}
.mainWQuick ul li a:hover strong {font-weight:600; color:#005cb9;}
.mainWQuick .icon {display:block; position:relative; width:4em; height:4em; margin:0 auto .5em; background:no-repeat 50% 50%; background-size:contain;}
.mainWQuick .icon.ty1 {background-image:url(../img/main/ico_quick_01.svg);}
.mainWQuick .icon.ty2 {background-image:url(../img/main/ico_quick_02.svg);}
.mainWQuick .icon.ty3 {background-image:url(../img/main/ico_quick_03.svg);}
.mainWQuick .icon.ty4 {background-image:url(../img/main/ico_quick_04.svg);}
.mainWQuick .icon.ty5 {background-image:url(../img/main/ico_quick_05.svg);}
.mainWQuick .icon.ty6 {background-image:url(../img/main/ico_quick_06.svg);}
.mainWQuick .icon.ty7 {background-image:url(../img/main/ico_quick_07.svg);}
.mainWQuick .icon.ty8 {background-image:url(../img/main/ico_quick_08.svg);}
.mainWQuick .icon.ty9 {background-image:url(../img/main/ico_quick_09.svg);}
.mainWQuick .icon.ty10 {background-image:url(../img/main/ico_quick_10.svg);}
.mainWQuick .icon.ty11 {background-image:url(../img/main/ico_quick_11.svg);}
.mainWQuick .icon.ty12 {background-image:url(../img/main/ico_quick_12.svg);}
.mainWQuick .icon.ty13 {background-image:url(../img/main/ico_quick_13.svg);}
.mainWQuick .icon.ty14 {background-image:url(../img/main/ico_quick_14.svg);}

.mainWQuick .control button {width:3.1em; height:3.1em; text-indent:-999px; background:url(../img/main/spr_swiper_control.svg) no-repeat 0 0; background-size:auto 100%; border-radius:2em; box-shadow:0.5em 0.5em 1em rgb(0 0 0 / 7%); overflow:hidden;}
.mainWQuick .control .prev,
.mainWQuick .control .next {display:block; position:absolute; top:0; margin-top:2.5em; text-indent:-999px; overflow:hidden; z-index:2;}
.mainWQuick .control .prev {background-position:0 0; left:-4.6em;}
.mainWQuick .control .next {background-position:-5.1em 0; right:-4.6em;}
.mainWQuick .control button.swiper-button-disabled {opacity:0.6;}

@media all and (max-width:1024px) {
	.mainQuickWrap {padding-top:1em; padding-bottom:2.5em;}
	.mainWQuick {padding:0 4em;}
	.mainWQuick .icon {width:3.5em; height:3.5em;}
	.mainWQuick ul {font-size:.9em; padding:0;}
	.mainWQuick ul li {width:6em !important;}
	.mainWQuick .swiper-container {overflow:visible;}
	.mainWQuick .control .prev {left:0; margin-top:1em;}
	.mainWQuick .control .next {right:0; margin-top:1em;}
}
@media all and (max-width:900px) {
	.mainWQuick ul li {width:33.33%; padding:.5em;}
}
@media all and (max-width:640px) {
	.mainWQuick .icon {font-size:.8em;}
	.mainWQuick ul li a strong {font-size:.8em;}
}




/*******************************************
	Tour Style
*******************************************/


.mainTour {display:block; position:relative; max-width:1710px; height:520px; overflow:hidden; padding-left:0;}
.mainTour:before {content:""; position:absolute; z-index:3; bottom:3.8em; width:96em; left:-10em; height:1px; background:#ffffff6b;}
.mainTour:after {content:""; position:absolute; z-index:3; bottom:0em; width:1px; height:26em; background:#ffffff6b; left:10em;}

.mainTour .slider {position:relative; width:100%; z-index:0; height:100%; border-radius:0 7em 0 0; overflow:hidden; float:left;}
.mainTour .slider .swiper-container,
.mainTour .slider .swiper-wrapper,
.mainTour .slider .swiper-slide {height:100%;}

.mainTour .slider .swiper-slide .vis {display:block; position:absolute; top:0; bottom:0; width:100vw; min-width:100%; background:no-repeat 100% 100%; background-size:cover; z-index:0;}

.mainTour .slider .swiper-slide .vis.ty1 {background-image:url(../img/main/mainTour_01.png);}
.mainTour .slider .swiper-slide .vis.ty2 {background-image:url(../img/main/mainTour_02.png);}
.mainTour .slider .swiper-slide .vis.ty3 {background-image:url(../img/main/mainTour_03.png);}
.mainTour .slider .swiper-slide .vis.ty4 {background-image:url(../img/main/mainTour_04.png);}
.mainTour .slider .swiper-slide .vis.ty5 {background-image:url(../img/main/mainTour_05.png);}
.mainTour .slider .swiper-slide .vis.ty6 {background-image:url(../img/main/mainTour_06.png);}

.mainTour .control {display:block; position:absolute; bottom:6em; left:13em; z-index:10;}
.mainTour .control > * {display:block; position:relative; float:left;}
.mainTour .control button {width:2em; height:2em; text-indent:-999px; background:url(../img/main/spr_swiper_control.svg) no-repeat 0 0; background-size:auto 100%; overflow:hidden;}
.mainTour .control button.prev {background-position:0 0; left:0; box-shadow:1.2em 1em 1em rgb(0 0 0 / 3%); border-radius:2em; margin-right:1em;}
.mainTour .control button.next {background-position:-3.3em 0; box-shadow:1.2em 1em 1em rgb(0 0 0 / 3%); border-radius:2em;}
.mainTour .control button.swiper-button-disabled {opacity:0.6;}

.mainTour .item {display:table; position:relative; width:100%; height:100%; z-index:1; left:10em; padding-left:3em;}
.mainTour .item > *  {display:table-cell; text-align:left; padding-top:3.65em;}

.mainTour .descript .tit {font-size:2.1em; font-family:'TTWanjudaedunsancheB'; color:#fff; line-height:100%;}
.mainTour .descript .tit em {color:#34E3B9;}
.mainTour .descript .subj {display:block; width:90%; color:#fff; margin-top: 0.7em;}
.mainTour .descript .subj > * {font-size:1.05em; font-weight:600; line-height:1.5em; word-break:keep-all; margin-left:1.3em;}
.mainTour .descript .subj:before{content:""; display:block; position:absolute; width:1em; height: 1em; top: 6.8em; background:url(../img/main/img_marker.svg) no-repeat 0 0;}
.mainTour .descript .acc {font-size:0.85em; color:#fff; font-weight:300; line-height:1.6; margin:1.6em 0 2.5em 0; transition:.3s all; -webkit-transition:.3s all;}
.mainTour .descript .acc span.inb{display:block;}
.mainTour .descript a {display:block; position:relative; max-width:10em; line-height:2.2em; height:2.5em; border-radius:9em; padding:0 1.8em; background:url(../img/main/ico_more.svg) no-repeat top 50% right 1.35em; background-size:.4em auto; border:1px solid #fff; color:#fff; font-size:.75em; transition:.3s all; -webkit-transition:.3s all;}
.mainTour .descript a:hover {display:block; background:url(../img/main/ico_more_bk.svg) no-repeat top 50% right 1.35em #fff; background-size:.4em auto; color:#17255c; font-weight:500;}
.mainTour .obj {position:absolute; top:3em; right:14em; color:#fff; padding:1em 1.1em; border-radius:5em; font-weight:500; font-size:0.5em; float:right; display:block;}
.mainTour .obj.namgu {background:linear-gradient(46deg, #317cd6 0%, #0b5fd0 100%);}
.mainTour .obj.bukgu {background:linear-gradient(46deg, #f64776 0%, #2c2a8b 100%);}

.totalLink {display:block; position:relative; bottom:0; left:45%; z-index:10;}
.totalLink ul li {display:block; position:relative; float:left; margin-right:4em;}
.mainTour a:hover span:after {content:""; display:block; position:absolute; top:-2px; bottom:0; height:2em; left:-1em; right:-1em; border-radius:50%; background:#03A9F4; opacity:.5; z-index:-1;}
.totalLink li i {display:block; width:3em; height:3em; left:50%; margin-left:-1.5em; bottom:5.5em; position:absolute; overflow:hidden; background-repeat:no-repeat; background-size:100% auto;}
.totalLink li:hover i {top:-7.5em;}
.totalLink li span {position:relative; bottom:3.8em; width:100%; display:block; left:0; text-align:center; color:#fff; font-size:0.85em; font-weight:300;}
.totalLink li span:before {content:""; position:relative; background:#fff; background-position:50% 50% !important; width:7px; height:7px; border-radius:2em; top:-0.9em; left:50%; display: block; margin-left:-.2em;}

.totalLink .icon01 {background-image:url(../img/main/ico_tour_01.svg);}
.totalLink .icon02 {background-image:url(../img/main/ico_tour_02.svg);}
.totalLink .icon03 {background-image:url(../img/main/ico_tour_03.svg);}

@media all and (max-width:1024px) {
	.mainTour .item {left:2em;}
	.mainTour .control {left:5em; top:18em;}
	.mainTour .obj {padding:0.5em 1em; position:static; float:none; display:unset; vertical-align:middle;}
	.mainTour:after {display:none;}
	.mainTour:after {height:28em; left:2em;}
}

@media all and (max-width:768px) {
	.mo-none {display:none;}
	.mainTour .item {padding-left:0;}
	.mainTour .descript .acc {width:80%; margin:1em 0;}
	.mainTour .control {left:2em; top:60%;}
	.mainTour .slider .swiper-slide .vis {background-repeat:no-repeat; background-position:80% 20%;}
	.totalLink {position:static; padding-left:2em;}
}

@media all and (max-width:540px) {
	.totalLink ul li{margin-right:2em;}
	.mainTour .slider{border-radius:0;}
}

@media all and (max-width:425px) {
	.mainTour .descript .tit{font-size:1.8em;}
	.mainTour .descript .subj:before{top:6.3em;}
	.mainTour .item > *{padding-top:3.5em;}
	.mainTour .control{top:62%;}
}