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

#conts {opacity:1; translate:1.3s all; -webkit-translate:1.3s all; min-height:400px;}
#conts:not(.active) {opacity:0;}

.cscMainWrap {display:block; position:relative;}
.cscMainWrap:after {content:""; display:block; clear:both;}

.quickLinkWrap {display:block; position:relative; margin:3em 0 2.75em; padding-right:14.7em;}
.quickLinkWrap:after {content:""; display:block; position:relative; clear:both;}
.quickLinkWrap .tit {display:block; position:absolute; right:2.2em; top:50%; text-align:right; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.quickLinkWrap .tit strong {display:block; font-size:1.5em; font-family:'Vitro_core', sans-serif; margin-bottom:.6em; letter-spacing:.04em;}
.quickLinkWrap .tit strong em {color:#1a4fa4;}
.quickLinkWrap .tit span {display:block; position:relative; font-size:.85em; letter-spacing:-.1em;}
.quickLinkWrap .quick-links {display:table; position:relative; width:100%;}
.quickLinkWrap .quick-links > li {display:table-cell; vertical-align:top; text-align:center;}
.quickLinkWrap .quick-links > li + li {background:url(../img/main/bar_quick.png) no-repeat 0 50%;}
.quickLinkWrap .quick-links > li a {display:block; position:relative; text-decoration:none;}
.quickLinkWrap .quick-links > li a span {display:block; position:relative; color:#444; font-size:.85em; padding:.8em 0;}
.quickLinkWrap .quick-links .icon {display:block; position:relative; height:3.5em; background:no-repeat 50% 50%; background-size:contain;}
.quickLinkWrap .quick-links .icon[data-icon="intro"] {background-image:url(../img/main/ico_quick_01.png);}
.quickLinkWrap .quick-links .icon[data-icon="state"] {background-image:url(../img/main/ico_quick_02.png);}
.quickLinkWrap .quick-links .icon[data-icon="center"] {background-image:url(../img/main/ico_quick_03.png);}
.quickLinkWrap .quick-links .icon[data-icon="location"] {background-image:url(../img/main/ico_quick_04.png);}
.quickLinkWrap .quick-links .icon[data-icon="culture"] {background-image:url(../img/main/ico_quick_05.svg);}
.quickLinkWrap .quick-links li a[target="_blank"]:not(.btn):after {display:none;}


@media all and (max-width:1024px) {
	.quickLinkWrap {padding-right:0; margin:3em -1em 2.75em;}
	.quickLinkWrap .tit {position:relative; right:auto; top:auto; text-align:center; transform:none; -webkit-transform:none; margin-bottom:1em;}
	.quickLinkWrap .tit br {display:none !important;}
	.quickLinkWrap .tit strong {margin-bottom:.4em;}
	.quickLinkWrap .tit span {font-size:.8em;}
}
@media all and (max-width:640px) {
	.quickLinkWrap .quick-links .icon {font-size:.9em;}
}


.boardWrap {display:block; position:relative; width:50.5%; float:left;}
.boardWrap .tit {display:inline-block; position:relative; height:3em; line-height:3em; padding:0 1.5em; margin-bottom:2.3em; border-radius:.5em; color:#fff; background: #5546a8;}
.boardWrap .control {position:absolute; right:0; top:0; left:0; height:3em; padding-left:6.7em; padding-right:.75em; box-sizing:border-box; border-radius:.5em; border:1px solid #e1e4e8; z-index:0; text-align:right;}
.boardWrap .control > * {display:inline-block; position:relative; height:3em; vertical-align:top;}
.boardWrap .control button,
.boardWrap .control a {width:1.6em; overflow:hidden; text-indent:-999px; background:transparent; text-align:left;}
.boardWrap .control a {width:2em;}
.boardWrap .control button:before,
.boardWrap .control a:before {content:""; display:block; position:absolute; top:50%; left:50%; margin:-.45em 0 0 -.45em; width:.9em; height:.9em; background:url(../img/main/spr_board_control.png) no-repeat 0 50%; background-size:auto .9em !important;}
.boardWrap .control .more:before {background-position:-6.82em 50%;}
.boardWrap .control .prev:before {background-position:.15em 50%;}
.boardWrap .control .next:before {background-position:-5.05em 50%;}
.boardWrap .control .pager {width:auto; bottom:auto; line-height:3em; text-align:left; color:transparent;}
.boardWrap .control .pager > span {display:inline-block; position:relative; vertical-align:middle; color:#90909a; transform:translateY(-.2em); -webkit-transform:translateY(-.2em);}
.boardWrap .control .pager .swiper-pagination-current {color:#5546a8; font-weight:700;}
.boardWrap .control .pager .swiper-pagination-total {margin-left:.3em;}
.boardWrap .control .pager .swiper-pagination-total:before {content:""; display:block; position:absolute; width:.5em; height:1px; background:#90909a; top:50%; left:-.8em;}
.boardWrap .item-board {display:block; position:relative; height:9em; white-space:normal;}
.boardWrap .item-board:after {content:''; display:block; width:1px; height:80%; background:#ddd; position:absolute; top:10%; right:-15px;}
.boardWrap .item-board > a {display:block; position:absolute !important; top:0; left:0; right:0; bottom:0; z-index:2; text-indent:-999px; overflow:hidden;}
.boardWrap .item-board .subj {display:block; position:relative; color:#333; line-height:1.5em; height:3em; overflow:hidden; font-weight:600; margin-bottom:.7em;}
.boardWrap .item-board .subj .new {display:inline-block; vertical-align:middle; width:1.3em; height:1.3em; overflow:hidden; text-indent:-999px; background:url(../img/main/ico_new.png) no-repeat 50% 50%; background-size:contain; border-radius:100%; margin-right:.1em;}
.boardWrap .item-board .txt {display:block; position:relative; font-size:.85em; line-height:1.4em; height:2.8em; overflow:hidden; margin-bottom:1em; color:#333;}
.boardWrap .item-board .date {display:block; position:relative; font-size:.85em; color:#666; opacity:.8;}

@media all and (max-width:1024px) {
	.boardWrap .swiper-slide {width:auto;}
	.boardWrap .item-board {width:13em;}
	.boardWrap .item-board:after {right:-10px;}
}
@media all and (max-width:780px) {
	.boardWrap {width:auto; float:none; margin-bottom:3em;}
	.boardWrap .tit {margin-bottom:2em;}
}

.contactWrap {display:block; position:relative; width:47.03%; float:right; border-radius:.5em; background:#e5eef9; overflow:hidden;}
.contactWrap > div {padding:2em 2em 1.5em; background:url(../img/main/bak_contact_top.png) no-repeat top 100% right .6em; background-size:auto 5.35em;}
.contactWrap > div + div {padding:1.7em 2em 2em; background:url(../img/main/bak_contact_bottom.png) no-repeat 100% 100% #a8cbf6; background-size:auto 4.7em;}
.contactWrap .tit {display:block; color:#222; font-size:1em; font-weight:600; margin-bottom:.3em;}
.contactWrap .tel {display:block; position:relative; font-size:1.5em; color:#114495; font-weight:600; font-family:'Vitro_core', sans-serif;}
.contactWrap p {display:table; width:100%; table-layout:fixed;}
.contactWrap p + p {margin-top:.5em;}
.contactWrap p > * {display:table-cell; vertical-align:middle; vertical-align:middle;}
.contactWrap p strong {font-size:.85em; width:5em; border-radius:.5em; background:#fff; color:#114495; text-align:center;}
.contactWrap p span {padding-left:.8em; color:#333; font-size:.85em; font-weight:600;}

@media all and (max-width:780px) {
	.contactWrap {width:auto; float:none;}	
}



.cscMainWrap .introWrap {display:block; position:relative; background:#487acb; border-radius:.4em; color:#fff;}
.cscMainWrap .introWrap .intro-text {display:block; position:relative; padding:3em 3em 3.5em; z-index:1;}
.cscMainWrap .introWrap .intro-text * {word-break:keep-all;}
.cscMainWrap .introWrap .tit {font-family:'Vitro_core', sans-serif; font-size:2em; color:#ffffff; margin-bottom:.75em;}
.cscMainWrap .introWrap .tit em {color:#d9ffd6;}
.cscMainWrap .introWrap .txt-descript {font-size:.85em; color:#fff; font-weight:100; text-shadow:-1px 0 2px #487acb, 0 1px 2px #487acb, 1px 0 2px #487acb, 0 -1px 2px #487acb;}
.cscMainWrap .introWrap .visImg {position:absolute; top:0; bottom:0; right:0; width:45.15em; max-width:100%; border-radius:.4em;}
.cscMainWrap .introWrap .visImg:before {content:""; display:block; position:absolute; top:0; right:0; left:0; height:114.46154%; background:no-repeat 100% 100%; background-size:100% auto !important;}

@media all and (max-width:1024px) {
	.cscMainWrap .introWrap .visImg {max-width:80% !important;}
}
@media all and (max-width:860px) {
	.cscMainWrap .introWrap .visImg:before {top:auto; bottom:-2em;}
}
@media all and (max-width:640px) {
	.cscMainWrap .introWrap .tit br {display:none !important;}
	.cscMainWrap .introWrap .txt-descript .res-br {display:none !important;}
}
@media all and (max-width:530px) {
	.cscMainWrap .introWrap .visImg:before {bottom:-1em;}
}
@media all and (max-width:380px) {
	.cscMainWrap .introWrap .intro-text {padding:3em 2em 6em;}
}


.cscMainWrap .introWrap .visImg[data-dong="chowol"] {
	background:	url(../img/visual/img_chowol_bak04.png) no-repeat 100% 50%,
				url(../img/visual/img_chowol_bak03.png) no-repeat 100% 100%,
				url(../img/visual/img_chowol_bak02.png) no-repeat 100% 0%,
				url(../img/visual/img_chowol_bak01.png) no-repeat 100% 50%;
	background-size:100% auto, 100% auto, 100% auto, 100% 100%;}
.cscMainWrap .introWrap .visImg[data-dong="chowol"]:before {background-image:url(../img/visual/img_chowol.png);}

.cscMainWrap .introWrap .visImg[data-dong="gongiam"] {
	background:	url(../img/visual/img_gongiam_bak01.png) no-repeat 100% 50%;
	background-size:100% 100%;}
.cscMainWrap .introWrap .visImg[data-dong="gongiam"]:before {background-image:url(../img/visual/img_gongiam.png);}

.cscMainWrap .introWrap .visImg[data-dong="docheok"] {background:url(../img/visual/img_docheok_bak01.png) no-repeat 100% 100%; background-size:100% auto;}
.cscMainWrap .introWrap .visImg[data-dong="docheok"]:before {background-image:url(../img/visual/img_docheok.png);}
.cscMainWrap .introWrap .visImg[data-dong="toechon"] {background:url(../img/visual/img_toechon_bak01.png) no-repeat 100% 100%; background-size:100% auto;}
.cscMainWrap .introWrap .visImg[data-dong="toechon"]:before {background:url(../img/visual/img_toechon.png) no-repeat 100% 100%;}
.cscMainWrap .introWrap .visImg[data-dong="namjong"] {background:url(../img/visual/img_namjong_bak01.png) no-repeat 100% 100%; background-size:100% auto;}
.cscMainWrap .introWrap .visImg[data-dong="namjong"]:before {background:url(../img/visual/img_namjong.png) no-repeat 100% 100%;}
.cscMainWrap .introWrap .visImg[data-dong="namhansanseong"] {background:url(../img/visual/img_namhansanseong_bak01.png) no-repeat 100% 100%; background-size:100% auto;}
.cscMainWrap .introWrap .visImg[data-dong="opo1"] {background:url(../img/visual/img_opo1_bak01.png) no-repeat 100% 100%; background-size:100% auto;}
.cscMainWrap .introWrap .visImg[data-dong="opo1"]:before {background:url(../img/visual/img_opo1.png) no-repeat 100% 100%;}
.cscMainWrap .introWrap .visImg[data-dong="opo2"] {background:url(../img/visual/img_opo2_bak01.png) no-repeat 100% 100%; background-size:100% auto;}
.cscMainWrap .introWrap .visImg[data-dong="opo2"]:before {background:url(../img/visual/img_opo2.png) no-repeat 100% 100%;}
.cscMainWrap .introWrap .visImg[data-dong="shinhyun"] {background:url(../img/visual/img_shinhyun_bak01.png) no-repeat 100% 100%; background-size:100% auto;}
.cscMainWrap .introWrap .visImg[data-dong="shinhyun"]:before {background:url(../img/visual/img_shinhyun.png) no-repeat 100% 100%;}
.cscMainWrap .introWrap .visImg[data-dong="neungpyeong"] {background:url(../img/visual/img_neungpyeong_bak01.png) no-repeat 100% 100%; background-size:100% auto;}
.cscMainWrap .introWrap .visImg[data-dong="gyeongan"] {background:url(../img/visual/img_gyeongan_bak01.png) no-repeat 100% 100%; background-size:100% auto;}
.cscMainWrap .introWrap .visImg[data-dong="ssangryeong"] {background:url(../img/visual/img_ssangryeong_bak01.png) no-repeat 100% 100%; background-size:100% auto;}
.cscMainWrap .introWrap .visImg[data-dong="songjeong"] {background:url(../img/visual/img_songjeong_bak01.png) no-repeat 100% 100%; background-size:100% auto;}
.cscMainWrap .introWrap .visImg[data-dong="tanbeol"] {background:url(../img/visual/img_tanbeol_bak01.png) no-repeat 100% 100%; background-size:100% auto;}
.cscMainWrap .introWrap .visImg[data-dong="tanbeol"]:before {background:url(../img/visual/img_tanbeol.png) no-repeat 100% 100%; left:6%; right:-6%;}
.cscMainWrap .introWrap .visImg[data-dong="gwangnam1"] {background:url(../img/visual/img_gwangnam1_bak01.png) no-repeat 100% 100%; background-size:100% auto;}
.cscMainWrap .introWrap .visImg[data-dong="gwangnam1"]:before {background:url(../img/visual/img_gwangnam1.png) no-repeat 100% 100%;}
.cscMainWrap .introWrap .visImg[data-dong="gwangnam2"] {background:url(../img/visual/img_gwangnam2_bak01.png) no-repeat 100% 100%; background-size:100% auto;}
.cscMainWrap .introWrap .visImg[data-dong="gwangnam2"]:before {background:url(../img/visual/img_gwangnam2.png) no-repeat 100% 100%;}

@media all and (max-width:768px) {
	.cscMainWrap .introWrap .visImg[data-dong="docheok"]:before {left:12%; right:-12%;}
	.cscMainWrap .introWrap .visImg[data-dong="namjong"]:before {left:12%; right:-12%;}
}