@charset "utf-8";

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

@media all and (min-width:1025px) {
	.inner {max-width:1480px !important;}
}
@media all and (max-width:1024px) {
	.mainSection .inner {padding:2em;}
}
@media all and (max-width:640px) {
	.mainSection .inner {padding:2em 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;}


/*******************************************
	section01
*******************************************/
.mainVisualWrap {background:url('../img/main/bg_visual.png') no-repeat; background-size:cover; border-radius:0 5em 0 0;}
.mainVisualWrap .mainSearch .tit span {display:block; font-size:1.1em; font-weight:500; color:#33383D; margin-bottom:0.5em; }
.mainVisualWrap .mainSearch .tit strong {font-size:2.8em; line-height:1.2; font-family:'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif; letter-spacing:-2px; color:#0161BB;}
.mainVisualWrap .mainSearch .tit strong em {color:#00ADE7;}
.mainVisualWrap .mainSearch .search {display:inline-block; font-size:0.85em; margin-top:2em; background:#F6FCFF; border-radius:2.5em;}

.mainSearch .search input[type="text"],
.mainSearch .search input[type="search"] {width:calc(100% - 3.6em); background:#F6FCFF; border:none; border-radius:2.5em; padding:1em 1.5em;}
.mainSearch .search input[type="text"]::placeholder,
.mainSearch .search input[type="search"]::placeholder {font-weight:600; color:#777777; font-weight:400;}
.mainVisualWrap .mainSearch .search input[type=submit] {width:2em; height:2em; background:url(../img/main/ico_search.svg) center no-repeat; border:none; text-indent:-999em;}

.mainVisualWrap .mainVisual {display:block; position:relative; margin:0 auto;}
.mainVisualWrap .mainVisual .tit {color:#fff; font-weight:bold;}
.mainVisualWrap .mainVisual .control {display:block; position:absolute; bottom:0; right:0; border-radius:1.5em; background:rgba(0,0,0,0.2); z-index:1; text-align:center;}
.mainVisualWrap .mainVisual .control > * {position:relative; vertical-align:middle; bottom:auto; left:auto; right:auto; top:auto; width:2.2em; height:2em;}
.mainVisualWrap .mainVisual .control .pager {width:100%; height:auto; margin-right:1em;}
.mainVisualWrap .mainVisual .control .pager > * {display:inline-block; position:relative; font-size:0.9em; font-weight:600; width:2.2em; height:1.8em; line-height:1.8em; text-align:center; vertical-align:middle;}
.mainVisualWrap .mainVisual .control .pager i {width:0.75em; height:0.75em; background:url('../img/main/ico_dash.svg') center no-repeat;}
.mainVisualWrap .mainVisual .control .pager .swiper-pagination-current {color:#8FE3FF;}
.mainVisualWrap .mainVisual .control .pager .swiper-pagination-total {color:#fff;}
.mainVisualWrap .mainVisual .control button {overflow:hidden; text-indent:-9999px;}
.mainVisualWrap .mainVisual .control button.prev {background:url('../img/main/ico_arrow_top_w.svg') center no-repeat;}
.mainVisualWrap .mainVisual .control button.next {background:url('../img/main/ico_arrow_bottom_w.svg') center no-repeat;}
.mainVisualWrap .mainVisual .control button.play,
.mainVisualWrap .mainVisual .control button.stop {display:none;}
.mainVisualWrap .mainVisual .control button.swiper-button-disabled {opacity:0.5;}
.mainVisualWrap .mainVisual .slider {display:block; position:relative; height:100%; overflow:hidden;}
.mainVisualWrap .mainVisual .slider .swiper-container {}
.mainVisualWrap .mainVisual .slider .swiper-container,
.mainVisualWrap .mainVisual .slider .swiper-wrapper,
.mainVisualWrap .mainVisual .slider .swiper-slide {height:100%;}
.mainVisualWrap .mainVisual .slider .swiper-slide {border-radius:1em; overflow:hidden; background:#fff;}
.mainVisualWrap .mainVisual .slider .swiper-slide > * {display:block;}
.mainVisualWrap .mainVisual .slider .swiper-slide a {text-align:center; /* line-height:34em; */}
.mainVisualWrap .mainVisual .slider .swiper-slide img {width:100%;}

@media all and (min-width:1025px) {
	.mainVisualWrap {height:26.7em; background-position:top 0 right 0;}
	.mainVisualWrap > .inner {max-width:1480px !important; padding:4em 0em;}
	.mainVisualWrap .mainSearch {float:left; width:22em; padding:2em 0;}
	.mainVisualWrap .mainSearch .search {width:19.3em;}
	.mainVisualWrap .mainVisual {position:absolute; top:4em; right:-3.5em; width:45.5em; height:18em; padding-right:3.5em;}
	.mainVisualWrap .mainVisual .tit {position:absolute; top:2.75em; right:-2em; rotate:90deg; font-family:'Montserrat', sans-serif; font-weight:800; letter-spacing:-.03em;}
	.mainVisualWrap .mainVisual .control {padding:0; width:2.2em; height:10.3em;}
	.mainVisualWrap .mainVisual .control .pager {margin:0.8em 0 1em 0;}
}
@media all and (max-width:1024px) {
	.mainVisualWrap {position:relative; background:none;}
	.mainVisualWrap:after {content:''; position:absolute; top:0; left:0; width:100%; height:20em; background:#EAE7DF url(../img/main/bg_visual_mo.png) bottom 0em center no-repeat; background-size:100%; border-radius:0 3em 0 0; z-index:-1;}
	.mainVisualWrap > .inner {padding-bottom:0;}
	.mainVisualWrap .mainSearch {text-align:center; margin-bottom:2em;}
	.mainVisualWrap .mainSearch .search {min-width:15em; margin-top:1em;}
	.mainVisualWrap .mainVisual .tit {display:none;}
	.mainVisualWrap .mainVisual .control {width:2.5em; padding:1em 0; border-radius:1em;}
	.mainVisualWrap .mainVisual .control .pager {margin-bottom:1em;}
	.mainVisualWrap .mainVisual .control > * {display:inline-block;}
	
}
@media all and (max-width:640px) {
	.mainVisualWrap:after {height:17em; background:#EAE7DF url(../img/main/bg_visual_mo.png) bottom 0em center no-repeat; background-size:100%; border-radius:0 3em 0 0;}
	.mainVisualWrap .mainSearch .tit strong {font-size:2.4em; }
}

/* 비주얼 우측 여백 조정 */
@media (min-width:1880px) {
	.mainVisualWrap {background-position:top 0 right 4.4em;}
}
@media (max-width:1640px) and (min-width:1025px) {
	.mainVisualWrap .mainVisual {right:0;}
}

/*******************************************
	section02
*******************************************/
.mainQuickMenuWrap .tab-group .tabs {position:relative;}
.mainQuickMenuWrap .tab-group .tabs:after {content:''; position:absolute; top:-2em; right:1.4em; width:50em; height:100%; background:#13BFF9 url('../img/main/bg_tab.png') right 0 center no-repeat; border-radius:0 2.5em 0 0;}
.mainQuickMenuWrap .tab-group .tabs .inner {z-index:2;}
.mainQuickMenuWrap .tab-group .tabs .inner .tit strong {font-size:1.6em; line-height:1.4; font-family:'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif; color:#fff;}
.mainQuickMenuWrap .tab-group .tabs .inner .tit {margin-bottom:2em;}
.mainQuickMenuWrap .tab-group .tabs .inner ul li button {width:100%; height:3em; line-height:3em; text-align:left; font-weight:500; color:#fff; padding-left:4em; opacity:0.6;}
.mainQuickMenuWrap .tab-group .tabs .inner ul li:nth-child(1) button {background:url(../img/main/ico_tab01.svg) 1.6em center no-repeat; background-size:1.7em;}
.mainQuickMenuWrap .tab-group .tabs .inner ul li:nth-child(2) button {background:url(../img/main/ico_tab02.svg) 1.6em center no-repeat; background-size:1.7em;}
.mainQuickMenuWrap .tab-group .tabs .inner ul li.tab-active {background:#0161BB url(../img/main/ico_arrow_gard.svg) right 1em top 1.25em no-repeat; border-radius:1em 0 1em 0;}
.mainQuickMenuWrap .tab-group .tabs .inner ul li.tab-active button {font-weight:600; opacity:1;}

.mainQuickMenuWrap .tab-group .tab-content {position:relative;}
.mainQuickMenuWrap .tab-group .tab-content:after {content:''; position:absolute; top:0; left:-3em; width:100em; height:16em; background:#F3F9FB; border-radius:0 0 0 5em; z-index:-1;}
.mainQuickMenuWrap .tab-group .tab-content .tab-con ul {padding:3em 0;}
.mainQuickMenuWrap .tab-group .tab-content .tab-con ul:after {content:''; display:block; clear:both;}
.mainQuickMenuWrap .tab-group .tab-content .tab-con ul li {float:left; font-size:0.85em; color:#33383D; border:1px solid #E6E6E6; border-radius:0.25em;}
.mainQuickMenuWrap .tab-group .tab-content .tab-con ul li a {display:block; width:100%; height:100%; background:#fff; border:2px solid rgba(0,0,0,0); border-radius:0.25em; text-align:center; padding:1em 0; transition:all 0.2s}
.mainQuickMenuWrap .tab-group .tab-content .tab-con ul li a:hover,
.mainQuickMenuWrap .tab-group .tab-content .tab-con ul li a:focus {border:2px solid #0161BB; background:#FFF; color:#0161BB; font-weight:600; box-shadow:10px 10px 10px 0px rgba(1, 97, 187, 0.10);}

.mainQuickMenuWrap .mainQuickLink {overflow:hidden;}
.mainQuickMenuWrap .mainQuickLink .left {float:left; overflow:hidden;}
.mainQuickMenuWrap .mainQuickLink .left li {position:relative; float:left; font-size:0.9em; font-weight:500; color:#33383D; text-align:center;}
.mainQuickMenuWrap .mainQuickLink .left li:after {content:''; position:absolute; display:block; width:1px; height:2em; top:calc(50% - 1em); right:0; border-right:1px dashed #ccc;}
.mainQuickMenuWrap .mainQuickLink .left li:last-child:after {display:none;}
.mainQuickMenuWrap .mainQuickLink .left li a {display:block;}
.mainQuickMenuWrap .mainQuickLink .left .icon {display:block; position:relative; width:2.8em; height:2.8em; margin:0 auto 1.7em; background:no-repeat center; background-size:contain; transition:all 0.2s;}
.mainQuickMenuWrap .mainQuickLink .left .icon.left01 {background-image:url('../img/main/ico_quick01.svg');}
.mainQuickMenuWrap .mainQuickLink .left .icon.left02 {background-image:url('../img/main/ico_quick02.svg');}
.mainQuickMenuWrap .mainQuickLink .left .icon.left03 {background-image:url('../img/main/ico_quick03.svg');}
.mainQuickMenuWrap .mainQuickLink .left .icon.left04 {background-image:url('../img/main/ico_quick04.svg');}
.mainQuickMenuWrap .mainQuickLink .left .icon.left05 {background-image:url('../img/main/ico_quick05.svg');}
.mainQuickMenuWrap .mainQuickLink .left .icon.left06 {background-image:url('../img/main/ico_quick06.svg');}
.mainQuickMenuWrap .mainQuickLink .left li:hover .icon.left01 {background-image:url('../img/main/ico_quick01_on.svg');}
.mainQuickMenuWrap .mainQuickLink .left li:hover .icon.left02 {background-image:url('../img/main/ico_quick02_on.svg');}
.mainQuickMenuWrap .mainQuickLink .left li:hover .icon.left03 {background-image:url('../img/main/ico_quick03_on.svg');}
.mainQuickMenuWrap .mainQuickLink .left li:hover .icon.left04 {background-image:url('../img/main/ico_quick04_on.svg');}
.mainQuickMenuWrap .mainQuickLink .left li:hover .icon.left05 {background-image:url('../img/main/ico_quick05_on.svg');}
.mainQuickMenuWrap .mainQuickLink .left li:hover .icon.left06 {background-image:url('../img/main/ico_quick06_on.svg');}

.mainQuickMenuWrap .mainQuickLink .right {float:right; overflow:hidden;}
.mainQuickMenuWrap .mainQuickLink .right li {float:left;text-align:center;color:#fff;border-radius:0 1em 0 1em;font-size: .9em;}
.mainQuickMenuWrap .mainQuickLink .right li a {display:block;padding:1.6em 0;line-height: 1.4;}
.mainQuickMenuWrap .mainQuickLink .right li:nth-child(1) {background:#00ADE7;}
.mainQuickMenuWrap .mainQuickLink .right li:nth-child(2) {background:#005CB9;}
.mainQuickMenuWrap .mainQuickLink .right li:nth-child(3) {background:#4846BF;}
.mainQuickMenuWrap .mainQuickLink .right .icon {display:block; position:relative; width:3.4em; height:2.4em; margin:0 auto 1em; background:no-repeat center; background-size:contain;}
.mainQuickMenuWrap .mainQuickLink .right .icon.right01 {background-image:url('../img/main/ico_color01.svg');}
.mainQuickMenuWrap .mainQuickLink .right .icon.right02 {background-image:url('../img/main/ico_color02.svg');}
.mainQuickMenuWrap .mainQuickLink .right .icon.right03 {background-image:url('../img/main/ico_color03.svg');}

@media all and (min-width:1025px) {
	.mainQuickMenuWrap .tab-group .tabs {float:left; top:-2em; left:0em; width:16em; height:15.15em;}
	.mainQuickMenuWrap .tab-group .tabs .inner {width:16em; height:auto; text-align:left; float:right;}
	
	.mainQuickMenuWrap .tab-group .tab-content {display:block; width:100%; padding-left:18.25em;}
	.mainQuickMenuWrap .tab-group .tab-content .tab-con ul {height:16em;}
	.mainQuickMenuWrap .tab-group .tab-content .tab-con ul li {width:23.5%; margin-right:2%; margin-bottom:1em;}
	.mainQuickMenuWrap .tab-group .tab-content .tab-con ul li:nth-child(4n) {margin-right:0;}
	
	.mainQuickMenuWrap .mainQuickLink {height:8em; margin:2.4em 0;}
	.mainQuickMenuWrap .mainQuickLink .left {width:47em; height:8em;}
	.mainQuickMenuWrap .mainQuickLink .left li {width:16.6%; height:100%; padding:1.5em 0;}
	.mainQuickMenuWrap .mainQuickLink .right {width:23em; height:8em;}
	.mainQuickMenuWrap .mainQuickLink .right li {width:calc(50% - 5em); height:100%;}
	.mainQuickMenuWrap .mainQuickLink .right li:nth-child(1) {margin-right:1em;}
	.mainQuickMenuWrap .mainQuickLink .right li:nth-child(2) {margin-right:1em;}
	
}
@media all and (max-width:1024px) {
	.mainQuickMenuWrap .tab-group .tabs {padding:2em 0;}
	.mainQuickMenuWrap .tab-group .tabs .tit {text-align:center; margin-bottom:0.5em !important;}
	.mainQuickMenuWrap .tab-group .tabs .inner {padding:0 1.5em;}
	.mainQuickMenuWrap .tab-group .tabs .inner ul {text-align:center;}
	.mainQuickMenuWrap .tab-group .tabs .inner ul li{float:left; width:50%;}
	.mainQuickMenuWrap .tab-group .tabs:after {width:100%; top:0; right:0; border-radius:1em 1em 0 0;}
	.mainQuickMenuWrap .tab-group .tab-content .tab-con ul {padding:2em;}
	.mainQuickMenuWrap .tab-group .tab-content .tab-con ul li {width:48%; margin:0.25em 1%;}
	.mainQuickMenuWrap .tab-group .tab-content {background:#F3F9FB; border-radius:0 1em 1em 1em;}
	.mainQuickMenuWrap .tab-group .tab-content:after {display:none;}
	
	.mainQuickMenuWrap .mainQuickLink {margin:1.2em 0;}
	.mainQuickMenuWrap .mainQuickLink .left {width:100%; margin-bottom:1em;}
	.mainQuickMenuWrap .mainQuickLink .left li {width:33% ;margin:1em 0;}
	.mainQuickMenuWrap .mainQuickLink .left li:nth-child(3):after {display:none;}
	.mainQuickMenuWrap .mainQuickLink .right {width:100%;}
	.mainQuickMenuWrap .mainQuickLink .right li {width:calc(33% - 0.6em);}
	.mainQuickMenuWrap .mainQuickLink .right li:nth-child(1) {margin-right:.5em;}
	.mainQuickMenuWrap .mainQuickLink .right li:nth-child(2) {margin-right:.5em;}
	.mo-none{display:none;}
}
@media all and (max-width:768px) {
	.mainQuickMenuWrap .tab-group .tabs:after {border-radius:1em 1em 0 0; background-size:cover;}
	.mainQuickMenuWrap .tab-group .tabs .inner ul li{float:left; width:100%;}
	.mainQuickMenuWrap .tab-group .tab-content .tab-con ul li {width:100%; margin:0.25em 0;}
	
}

@media all and (max-width:425px) {
	.mainQuickMenuWrap .mainQuickLink .right .icon{display:none;}
	.mainQuickMenuWrap .mainQuickLink .right li {float: unset; display: block; width: 100%; font-size:1em;}
	.mainQuickMenuWrap .mainQuickLink .right li:nth-child(1) {margin-bottom:.5em;}
	.mainQuickMenuWrap .mainQuickLink .right li:nth-child(2) {margin-bottom:.5em;}
	.mainQuickMenuWrap .mainQuickLink .right li a{padding:1em 0;}
}


/*******************************************
	section03
*******************************************/
.mainNews {display:block; position:relative; width:100%; height:9em;margin:0 auto;}
.mainNews .control {display:block; position:absolute; z-index:1;}
.mainNews .control > * {display:inline-block; position:relative; vertical-align:middle; bottom:auto; left:auto; right:auto; top:auto; width:1.2em; height:1.2em; line-height:1.2em;}
.mainNews .control button {overflow:hidden; text-indent:-999em; width:3em; height:1.2em;}
.mainNews .control button.prev {background:url(../img/main/ico_arrow_left.svg) center no-repeat; overflow:hidden; text-indent:-999em; border-right:1px solid #D4D4D3;}
.mainNews .control button.next {background:url(../img/main/ico_arrow_right.svg) center no-repeat; overflow:hidden; text-indent:-999em;}
.mainNews .control button.swiper-button-disabled {opacity:0.5;}
.mainNews a.goto-board {position:absolute; width:1.2em; height:1.2em; background:url(../img/main/ico_plus.svg) center no-repeat; text-indent:-999em; z-index:3;}

.mainNews .slider {display:block; position:relative; height:100%; overflow:hidden;}
.mainNews .slider .swiper-slide {height:8em; background:#fff; border:1px solid #E6E6E6; padding:1.35em 1.2em; transition:all 0.2s;}
.mainNews .slider .swiper-slide > * {display:block;}
.mainNews .slider .swiper-slide a {display:block; border:2px solid rgba(0,0,0,0); width:100%; height:100%;}
.mainNews .slider .swiper-slide .cate {display:inline-block; font-size:0.8em; font-weight:500; width:5.75em; height:1.75em; line-height:1.75em; border-radius:1em; text-align:center;}
.mainNews .slider .swiper-slide .date {display:inline-block; float:right; font-size:0.85em; font-family:'Montserrat', sans-serif; font-weight:300; color:#888;}
.mainNews .slider .swiper-slide .cate[data-cate="공지사항"] {background:#E4FAFF; color:#1A93AE;}
.mainNews .slider .swiper-slide .cate[data-cate="고시공고"] {background:#E8F9EE; color:#20AF51;}
.mainNews .slider .swiper-slide .cate[data-cate="자료실"] {background:#FFE9FB; color:#C639AC;}
.mainNews .slider .swiper-slide .subj {display:block; font-weight:500; margin-top:0.85em; position:relative; overflow:hidden; text-overflow:ellipsis; line-height:1.5em; height:3em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.mainNews .slider .swiper-slide:hover,
.mainNews .slider .swiper-slide:focus {border:2px solid #0161BB; border-radius:0.5em;}

.mainBoardWrap {padding-top:3.4em; padding-bottom:3.4em; background:url('../img/main/bg_news.png') center no-repeat; background-size:cover; border-radius:5em 0 0 0;}
.mainBoardWrap .tit {font-size:2em; font-family:'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif; color:#333;}
.mainBoard {display:block; position:relative;}
.mainBoard .more {display:block; position:absolute; top:0; right:0; width:2.5em; height:2.5em; text-indent:-999px; overflow:hidden; background:url(../img/main/btn_more.svg) no-repeat 100% 50%; background-size:1em auto;}
.mainBoard .tabs {display:block; position:relative; text-align:center;}
.mainBoard .tabs:after {content:""; display:block; position:relative; clear:both;}
.mainBoard .tabs li {display:inline-block; position:relative;}
.mainBoard .tabs li + li {padding-left:2em;}
.mainBoard .tabs button {display:block; position:relative; height:2.5em;}
.mainBoard .tabs button strong {display:block; font-size:1em; font-weight:500; color:#848483;}
.mainBoard .tabs button.on {border-bottom:4px solid #005CB9;}
.mainBoard .tabs button.on strong {font-weight:600; color:#005CB9;}

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

@media (min-width:1700px) {
	.mainBoardWrap {margin:0 4em 0 4em;}
}
@media all and (min-width:1025px) {
	.mainBoardWrap .tit {position:absolute; z-index:3;}
	.mainNews .control {top:-4em; right:1.5em; width:6.5em; height:2em;}
	.mainNews a.goto-board {top:-4em; right:0;}
	.mainBoard .tabs {margin-right:2em; margin-bottom:2.25em;}
	.mainNews .slider > li {width:25%;}
	.mainNews .slider li:nth-child(odd) {margin-top:1em;}
}
@media all and (max-width:1024px) {
	.mainBoardWrap {padding:2em 0 !important;}
	.mainBoardWrap .tit {text-align:center; margin-bottom:0.5em;}
	.mainNews .control {bottom:-1.5em; width:100%; text-align:center;}
	.mainNews a.goto-board {top:-7.5em; right:0;}
	.mainBoard .tabs {margin-bottom:1em;}
	.mainBoard .tabs li + li {padding-left:1em;}
	.mainBoard .list > li {width:50%;}
}


/*******************************************
	section04
*******************************************/
.mainInfoWrap .center-list > li {border-bottom:1px solid #ccc;}
.mainInfoWrap .center-list > li > .tit {height:9em; color:#fff; text-align:center; padding:2.75em 0;}
.mainInfoWrap .center-list > li:nth-child(1) > .tit {background:url(../img/main/bg_center01.png) no-repeat 100% 50%; background-size:cover;}
.mainInfoWrap .center-list > li:nth-child(2) > .tit {background:url(../img/main/bg_center02.png) no-repeat 100% 50%; background-size:cover; }
.mainInfoWrap .center-list > li > .tit > * {display:block;}
.mainInfoWrap .center-list > li > .tit > span {font-size:0.9em; font-family:'Montserrat', sans-serif; font-weight:300; letter-spacing:0.09em; color:rgba(255,255,255,0.8); margin-bottom:0.9em;}
.mainInfoWrap .center-list > li > .tit > strong {font-size:1.7em; font-family:'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif;}

.mainInfoWrap .center-list > li > ul li {font-size:0.9em; padding:.825em; border-bottom:1px dashed #e9e9e9;}
.mainInfoWrap .center-list > li > ul li:last-child {border-bottom:none;}
.mainInfoWrap .center-list > li > ul li span {display:inline-block;}
.mainInfoWrap .center-list > li > ul li span.tit {width:65%; font-weight:500;}
.mainInfoWrap .center-list > li > ul li span.btn {display:inline-block; width:33.5%; height:2em; line-height:2em; background:#F3F9FB url(../img/main/ico_arrow_right_gray.svg) right 1.25em center no-repeat; color:#6D858C; border-radius:2em; text-align:center; padding:0em 2em 0em 1em; transition:all 0.2s;}
.mainInfoWrap .center-list > li > ul li:hover span.btn,
.mainInfoWrap .center-list > li > ul li:focus span.btn {background:#00B1C9 url(../img/main/ico_arrow_right_w.svg) right 1.25em center no-repeat; color:#fff;}

.mainInfoWrap .info {background:#00B1C9; padding:2.55em 1.9em; border-radius:0 5em 0 0; color:#fff;}
.mainInfoWrap .info .tit {position:relative; border-bottom:1px dashed #66D0DF; margin-bottom:2em; padding-bottom:2em;}
.mainInfoWrap .info .tit:after {content:''; position:absolute; bottom:0; right:-1.9em; width:8.5em; height:7.35em; background:url(../img/main/obj_info.svg) center no-repeat; background-size:cover;}
.mainInfoWrap .info .tit > * {display:block;}
.mainInfoWrap .info .tit span {font-size:0.9em; font-family:'Montserrat', sans-serif; font-weight:300; letter-spacing:0.09em; color:rgba(255,255,255,0.8); margin-bottom:0.9em;}
.mainInfoWrap .info .tit strong {font-size:1.7em; font-family:'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif;}
.mainInfoWrap .info ul {margin-bottom:2em;}
.mainInfoWrap .info ul li {font-size:0.85em; font-weight:500; letter-spacing:-1px;}
.mainInfoWrap .info ul li .light {font-weight:300;}
.mainInfoWrap .info ul li strong {position: absolute; display:inline-block; background:#008698; color:#fff; padding:0.5em 0.65em; border-radius:2.5em;}
.mainInfoWrap .info ul li span {display:inline-block; vertical-align:top; margin-left:6em;}
.mainInfoWrap .info ul li:nth-child(1) {margin-bottom:1.9em}
.mainInfoWrap .info ul li:nth-child(1) span {line-height:1.2;}
.mainInfoWrap .info ul li:nth-child(1) span b {font-size:1.2em; font-weight:800; color:#FFEF5E;}
.mainInfoWrap .info ul li:nth-child(2) span {line-height:1.8;}
.mainInfoWrap .info ul li:nth-child(2) span b {font-weight:600;}

.mainInfoWrap .info a {display:inline-block; width:48%; height:3em; line-height:2.94em; font-size:0.85em; font-weight:500; text-align:center;}
.mainInfoWrap .info a.map {border:1px solid rgba(255,255,255,0.5);}
.mainInfoWrap .info a.map:before {content:''; display:inline-block; width:1.2em; height:1.2em; background:url(../img/main/ico_map.svg)center no-repeat; margin-right:0.75em; vertical-align:middle;}
.mainInfoWrap .info a.guide {background:#008698}
.mainInfoWrap .info a.guide:before {content:''; display:inline-block; width:1.2em; height:1.2em; background:url(../img/main/ico_timer.svg)center no-repeat; margin-right:0.75em; vertical-align:middle;}

@media all and (min-width:1025px) {
	.mainInfoWrap {padding:4.1em 0 3.55em 0;}
	.mainInfoWrap .center-list {float:left; width:63.514%;}
	.mainInfoWrap .center-list > li {float:left; width:48.623%; min-height:25.8em;}
	.mainInfoWrap .center-list > li:nth-child(1) {margin-right:2.703%;}
	.mainInfoWrap .info {float:right; width:30.676%; height:25.8em;}
	.mainInfoWrap .info a.map {margin-right:2%;}
}
@media all and (max-width:1024px) {
	.mainInfoWrap .center-list {margin-bottom:2em;}
	.mainInfoWrap .center-list > li {margin-bottom:1em;}
	.mainInfoWrap .center-list > li > ul {overflow:hidden;}
	.mainInfoWrap .center-list > li > ul li {float:left; width:50%;}
	.mainInfoWrap .info {border-radius:0 3em 0 0;}
	.mainInfoWrap .info ul {overflow:hidden;}
	.mainInfoWrap .info ul li {float:left; width:50%;}
	.mainInfoWrap .info a.map {margin-bottom:0.5em;}
}
@media all and (max-width:840px) {
	.mainInfoWrap .center-list > li > ul li {width:100%;}
	.mainInfoWrap .info ul li {width:100%;}
	.mainInfoWrap .info a {display:block; width:100%;}
}

@media all and (max-width:420px) {
	.mainInfoWrap .center-list > li > ul li {padding:.825em 0;}
	.mainInfoWrap .center-list > li > ul li a {display:flex; align-items:center;}
	.mainInfoWrap .center-list > li > ul li span.tit {width:calc(100% - 3em);}
	.mainInfoWrap .center-list > li > ul li span.btn {text-indent:-9999px; overflow:hidden; width:2em; padding:0; background-position:center center;}
	
	.mainInfoWrap .info .tit {padding-bottom:1.5em; margin-bottom:1.5em;}
	.mainInfoWrap .info .tit:after {display:none;}
	.mainInfoWrap .info ul li {text-align:center;}
	.mainInfoWrap .info ul li strong {position:relative;}
	.mainInfoWrap .info ul li span {display:block; margin-left:0; margin-top:.5em;}
	
}