@charset "utf-8";

#container {padding-bottom:0;}
.snb_wrap nav {display:none;}
.snb_wrap .snb_tit {padding:3em 0;}
.mainBanner .swiper-wrapper {min-height:3.9em;}

/*************************************************
	Intro Default Style
*************************************************/

.mainIntroWrap {display:block; position:relative; padding:5em 0em 3.5em; z-index:0; margin:-1em 0 0; color:#fff;}
.mainIntroWrap:before {content:""; display:block; position:absolute; top:0; bottom:0; left:50%; width:84.5em; margin-left:-42.25em; border-radius:1.5em; background:no-repeat 50% 50% #333; background-size:cover; z-index:-1;}
.mainIntroWrap .desc {padding:0 3em; margin-bottom:3.5em;}
@media all and (max-width:1710px) {
	.mainIntroWrap:before {width:calc(100vw - 2em); margin-left:calc(((100vw - 2em) / 2) * -1);}
}
@media all and (max-width:1620px) {
	.mainIntroWrap {padding-left:1em; padding-right:1em;}
	.mainIntroWrap:before {width:calc(100vw - 2em); margin-left:calc(((100vw - 2em) / 2) * -1);}
	.mainIntroWrap .desc {padding-left:2em; padding-right:2em;}
}
@media all and (max-width:1400px) {
	.mainIntroWrap {padding-left:2em; padding-right:2em;}
	.mainIntroWrap:before {width:calc(1400px - 2em); margin-left:calc(((1400px - 2em) / 2) * -1);}
	.mainIntroWrap .desc {padding-left:1em; padding-right:1em;}
}
@media all and (max-width:1024px) {
	.mainIntroWrap {margin-top:-2em;}
	.mainIntroWrap:before {width:auto; left:0; right:0; margin-left:0;}
	.mainIntroWrap .desc {padding-left:0; padding-right:0;}
}

.mainIntroWrap h3 {font-size:3em; font-weight:600; word-break:keep-all; font-family:'RiaSans','Pretendard',"맑은고딕", 'Malgun Gothic','돋움','Arial','Helvetica','AppleGothic','Sans-serif';}
.mainIntroWrap .txt {display:block; position:relative; margin:1em 0 0; min-height:7.5em; font-size:1em; line-height:1.4em;}

.mainIntroWrap .introInfo {display:flex; position:relative; margin-left:-.75em; margin-right:-.75em;}
.mainIntroWrap .introInfo > * {display:flex; position:relative; padding:.75em; flex-grow:1;}

.mainIntroWrap .introInfo .item {display:flex; align-items:center; flex-grow:1; position:relative; padding:1em; border-radius:.75em; border:1px solid rgba(255,255,255,.4); overflow:hidden; background:rgba(255,255,255,.1); z-index:0;}
.mainIntroWrap .introInfo .item strong {display:block; font-size:.85em; font-weight:600; font-family:'RiaSans','Pretendard',"맑은고딕", 'Malgun Gothic','돋움','Arial','Helvetica','AppleGothic','Sans-serif';}
.mainIntroWrap .introInfo a.item {padding:1.3em 1.7em; flex-wrap:wrap; border:none;}
.mainIntroWrap .introInfo a.item:before,
.mainIntroWrap .introInfo a.item:after {content:""; display:block; position:absolute;}
.mainIntroWrap .introInfo a.item:before {top:0; left:0; right:0; bottom:0; border:1px solid rgba(255,255,255,.4); border-radius:.75em; z-index:-2;}
.mainIntroWrap .introInfo a.item:after {top:calc(100% + 1px); bottom:-1px; left:-1px; right:-1px; background:linear-gradient(176.77deg, rgba(54, 177, 170, 1) 0%,rgba(39, 40, 139, 1) 100%); transition:.3s all; -webkit-transition:.3s all; z-index:-1;}
.mainIntroWrap .introInfo a.item strong {width:100%; height:2.4em;}
.mainIntroWrap .introInfo a.item span {display:flex; align-items:center; flex-grow:1; justify-content:space-between;}
.mainIntroWrap .introInfo a.item span em {width:1.3em; height:1.3em; border-radius:9em; background:url(../img/main/spr_btn.svg) no-repeat 0 0; background-size:auto 1.3em; text-indent:-999px; overflow:hidden;}
.mainIntroWrap .introInfo a.item span i {width:2.25em; height:2.25em; background:url(../img/main/spr_intro_quick.svg) no-repeat 0 0; background-size:auto 2.25em; opacity:.6;}
.mainIntroWrap .introInfo a.item span i.ty1 {background-position-x:0;}
.mainIntroWrap .introInfo a.item span i.ty2 {background-position-x:calc(2.75em * -1);}
.mainIntroWrap .introInfo a.item span i.ty3 {background-position-x:calc(2.75em * -2);}
.mainIntroWrap .introInfo a.item span i.ty4 {background-position-x:calc(2.75em * -3);}
.mainIntroWrap .introInfo a.item span i.ty5 {background-position-x:calc(2.75em * -4);}
.mainIntroWrap .introInfo a.item span i.ty6 {background-position-x:calc(2.75em * -5);}
.mainIntroWrap .introInfo a.item span i.ty7 {background-position-x:calc(2.75em * -6);}
.mainIntroWrap .introInfo a.item span i.ty8 {background-position-x:calc(2.75em * -7);}
.mainIntroWrap .introInfo a.item span i.ty9 {background-position-x:calc(2.75em * -8);}
.mainIntroWrap .introInfo a.item span i.ty10 {background-position-x:calc(2.75em * -9);}
.mainIntroWrap .introInfo a.item span i.ty11 {background-position-x:calc(2.75em * -10);}
.mainIntroWrap .introInfo a.item span i.ty12 {background-position-x:calc(2.75em * -11);}
.mainIntroWrap .introInfo a.item:hover:after,
.mainIntroWrap .introInfo a.item:focus:after {top:-1px;}
.mainIntroWrap .introInfo a.item:hover i,
.mainIntroWrap .introInfo a.item:focus i {opacity:1;}

.mainIntroWrap .introInfo .contact {display:flex; align-items:center; justify-content:center; flex-grow:1;}
.mainIntroWrap .introInfo .contact > li {flex-grow:1; padding:.5em;}
.mainIntroWrap .introInfo .contact i {display:block; position:relative; width:2.9em; height:2.9em; text-indent:-999px; overflow:hidden; background:url(../img/main/spr_intro_info.svg) no-repeat 0 50%; background-size:auto 2.9em;}
.mainIntroWrap .introInfo .contact i.time {background-position-x:0;}
.mainIntroWrap .introInfo .contact i.tel {background-position-x:-3.4em;}
.mainIntroWrap .introInfo .contact .info {display:flex; align-items:center; justify-content:space-between;}
.mainIntroWrap .introInfo .contact .info i {margin-right:.75em;}
.mainIntroWrap .introInfo .contact .info > div {width:calc(100% - 3.7em);}
.mainIntroWrap .introInfo .contact .info > div > * {display:block;}
.mainIntroWrap .introInfo .contact .info em,
.mainIntroWrap .introInfo .contact .info span {font-size:.8em; opacity:.8; line-height:1.4em; white-space:nowrap;}
.mainIntroWrap .introInfo .contact .info em {margin-top:.5em; font-weight:600;}


@media all and (max-width:1024px) {
	.mainIntroWrap .txt {min-height:0;}
	
	.mainIntroWrap .introInfo {flex-wrap:wrap;}
	.mainIntroWrap .introInfo > * {min-width:6em;}
	.mainIntroWrap .infoDesc {width:100%;}
}
@media all and (max-width:590px) {
	.mainIntroWrap .introInfo .contact {flex-wrap:wrap;}
	.mainIntroWrap .introInfo .contact > li {min-width:7em;}
}


.mainIntroWrap .snsInfo {position:absolute; right:0; top:0; display:flex; align-items:center;}
.mainIntroWrap .snsInfo li {margin-left:1em;}
.mainIntroWrap .snsInfo .item {position:relative; overflow:hidden; z-index:0;}
.mainIntroWrap .snsInfo .item strong {display:block; font-size:.85em; font-weight:400;}
.mainIntroWrap .snsInfo .item i {display:block; width:2em; height:2em; background:url(../img/main/spr_intro_sns.svg) no-repeat 0 0; background-size:auto 2em; opacity:.6; margin:0 auto .8em;}
.mainIntroWrap .snsInfo .item i:hover,
.mainIntroWrap .snsInfo .item i:focus {opacity:1;}
.mainIntroWrap .snsInfo .item i.blog {background-position-x:0;}
.mainIntroWrap .snsInfo .item i.insta {background-position-x:-2em;}

@media all and (max-width:768px) {
	.mainIntroWrap .snsInfo {top:-4em; right:auto; left:0;}
	.mainIntroWrap .snsInfo .item {display:flex; align-items:center;}
	.mainIntroWrap .snsInfo .item i {margin:0; width:1.5em; height:1.5em; background-size:auto 1.5em;}
	.mainIntroWrap .snsInfo .item i.insta {background-position-x:-1.5em;}
	.mainIntroWrap .snsInfo .item strong {margin-left:.8em;}
	.mainIntroWrap .snsInfo li {margin-left:0; margin-right:1em;}
}

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

.mainQuickWrap {padding:2.1em 0 3em;}
.mainQuickWrap .links {display:flex; align-items:center; justify-content:space-between; margin:-1.15em;}
.mainQuickWrap .links > *,
.mainQuickWrap .links a {display:flex; position:relative; flex-grow:1; align-items:center;}
.mainQuickWrap .links > * {padding:1.15em;}
.mainQuickWrap .links > * + *:before {content:""; display:block; position:absolute; width:1px; height:1.4em; top:50%; left:0; margin-top:-.7em; background:#e1e5ec; }

.mainQuickWrap .links a {justify-content:space-between; padding:0 1em 0 0;}
.mainQuickWrap .links a strong {display:block; color:#ABB5C7; font-weight:600; padding-right:1.5em; word-break:keep-all;}
.mainQuickWrap .links a:after {content:""; display:block; position:relative; width:.8em; height:.8em; background:url(../img/main/spr_btn.svg) no-repeat -7.7em 50%; background-size:auto 1.3em;}

.mainQuickWrap .links a:hover strong,
.mainQuickWrap .links a:focus strong {color:#222;}
.mainQuickWrap .links a:hover:after,
.mainQuickWrap .links a:focus:after {background-position-x:-9em;}

.mainQuickWrap .links i {display:block; position:relative; width:5.5em; height:5.5em; text-indent:-999px; background:url(../img/main/spr_quick.svg) no-repeat 0 50%; background-size:auto 5.85em; overflow:hidden;}
.mainQuickWrap .links i.ty1 {background-position-x:0;}
.mainQuickWrap .links i.ty2 {background-position-x:calc(6em * -1);}
.mainQuickWrap .links i.ty3 {background-position-x:calc(6em * -2);}
.mainQuickWrap .links i.ty4 {background-position-x:calc(6em * -3);}
.mainQuickWrap .links i.ty5 {background-position-x:calc(6em * -4);}
.mainQuickWrap .links i.ty6 {background-position-x:calc(6em * -5);}
.mainQuickWrap .links i.ty7 {background-position-x:calc(6em * -6);}
.mainQuickWrap .links i.ty8 {background-position-x:calc(6em * -7);}
.mainQuickWrap .links i.ty9 {background-position-x:calc(6em * -8);}
.mainQuickWrap .links i.ty10 {background-position-x:calc(6em * -9);}
.mainQuickWrap .links i.ty11 {background-position-x:calc(6em * -10);}
.mainQuickWrap .links i.ty12 {background-position-x:calc(6em * -11);}
.mainQuickWrap .links i.ty13 {background-position-x:calc(6em * -12);}
.mainQuickWrap .links i.ty14 {background-position-x:calc(6em * -13);}
.mainQuickWrap .links i.ty15 {background-position-x:calc(6em * -14);}
.mainQuickWrap .links i.ty16 {background-position-x:calc(6em * -15);}

@media all and (max-width:1024px) {
	.mainQuickWrap .links {flex-wrap:wrap; margin:-.5em -1em;}
	.mainQuickWrap .links > * {width:50%; padding:.5em 1em; min-width:280px;}
	.mainQuickWrap .links i {font-size:.9em;}
}
@media all and (max-width:640px) {
	.mainQuickWrap .links i {font-size:.7em;}
}





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

.mainBoardWrap {display:flex; position:relative; justify-content:space-between; padding-bottom:1.75em;}
.mainBoardWrap:after {content:""; display:block; position:absolute; left:-100vw; right:-100vw; bottom:0; height:1px; background:#EEEEEE;}
.mainBoardWrap > * {position:relative;}
.mainBoardWrap .tit {display:flex; align-items:center; justify-content:space-between; font-size:1em; margin-bottom:1.26em;}
.mainBoardWrap .tit strong {word-break:keep-all; font-weight:800; line-height:1.4em; color:#222; font-size:1.5em; font-family:'RiaSans','Pretendard',"맑은고딕", 'Malgun Gothic','돋움','Arial','Helvetica','AppleGothic','Sans-serif';}
.mainBoardWrap .tit em {color:#3A66D7;}
.mainBoardWrap .tit .more {display:block; position:relative; width:1.2em; height:1.2em; text-indent:-999px; overflow:hidden;}
.mainBoardWrap .tit .more:before {content:""; display:block; position:absolute; width:.8em; height:.8em; top:50%; margin-top:-.4em; right:0; background:url(../img/main/spr_btn.svg) no-repeat -15.5em 50%; background-size:auto 1.3em;}

.mainNotice {max-width:calc(100% - 30.35em - 2em); width:41em;}
.mainPopup {width:30.35em;}

@media all and (max-width:1024px) {
	.mainBoardWrap {display:block;}
	.mainNotice {max-width:140%; width:auto;}
	.mainPopup {width:auto; height:auto; border-radius:0; overflow:visible; margin-top:2em;}
}


.mainNotice .list {display:flex; flex-wrap:wrap; margin:-.5em;}
.mainNotice li {display:block; width:50%; padding:.5em;}
.mainNotice li a {display:block; position:relative; border-radius:.5em; padding:1.5em; border:1px solid #E1E5EC;}
.mainNotice li a strong {display:block; position:relative; font-weight:600; color:#222; line-height:1.4em; height:4.2em; overflow:hidden; text-overflow:ellipsis; margin-bottom:.75em; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3;}
.mainNotice li a strong .new {display:inline-block; vertical-align:middle; width:1.8em; height:1.1em; text-indent:-999px; overflow:hidden; background:url(../img/main/spr_btn.svg) no-repeat -5.4em 50%; background-size:auto 1.3em;}
.mainNotice li a .date {font-size:.75em; color:#ABB5C7;}

@media all and (max-width:640px) {
	.mainNotice li {width:100%;}
	.mainNotice li a {padding:1em;}
	.mainNotice li a strong {display:block; height:auto; white-space:nowrap; margin-bottom:.5em;}
}

.mainPopup .slider {height:19.25em; border-radius:1em; overflow:hidden;}
.mainPopup .swiper-slide a {display:block; position:relative; width:100%; height:100%;}
.mainPopup .swiper-slide a img {display:block; position:relative; width:100%; height:100%;}
.mainPopup .control {display:flex; position:relative; align-items:center;}
.mainPopup .control > * + * {margin-left:1.5em;}
.mainPopup .control .pager {width:auto; bottom:auto; text-indent:-999px; overflow:hidden;}
.mainPopup .control .pager > * {display:block; float:left; position:relative; text-indent:0; white-space:nowrap; font-size:1.1em; color:#000; font-weight:800;}
.mainPopup .control .pager > * + * {padding-left:40px; color:#ABB5C7;}
.mainPopup .control .pager > * + *:before {content:""; display:block; position:absolute; top:50%; left:15px; width:10px; height:1px; background:#ABB5C7;}
.mainPopup .control button {display:block; position:relative; width:1.3em; height:1.3em; text-indent:-999px; overflow:hidden;}
.mainPopup .control button:before {content:""; display:block; position:absolute; top:0; left:0; width:1.3em; height:1.3em; background:url(../img/main/spr_btn.svg) no-repeat 0 50%; background-size:auto 1.3em;}
.mainPopup .control button.prev:before {background-position-x:-14.2em;}
.mainPopup .control button.prev.swiper-button-disabled:before {background-position-x:-12.9em;}
.mainPopup .control button.next:before {background-position-x:-11.6em;}
.mainPopup .control button.next.swiper-button-disabled:before {background-position-x:-10.3em;}
.mainPopup .control button.stop:before {background-position-x:-18.1em;}
.mainPopup .control button.play {display:none;}
.mainPopup .control button.play:before {background-position-x:-20.7em;}

@media all and (max-width:1024px) {
	.mainPopup .slider {height:auto; border-radius:0; overflow:visible;}
	.mainPopup .swiper-container {overflow:visible;}
	.mainPopup .swiper-slide {width:23em; max-width:100%;}
	.mainPopup .swiper-slide a {height:auto; border-radius:1em; overflow:hidden;}
	.mainPopup .swiper-slide a:before {content:""; display:block; position:relative; padding-top:63.42668863261944%;}
	.mainPopup .swiper-slide a img {display:block; position:absolute; top:0; left:0;}
}
@media all and (max-width:460px) {
	.mainPopup .tit .control {font-size:.9em;}
	.mainPopup .control > * + * {margin-left:.8em;}
}