@charset "utf-8";

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

.slider .swiper-slide {width:100%;}
.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;}

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

.mainSection {position:relative; padding-left:1em; padding-right:1em;}
.mainSection .sec-tit {display:block; position:relative; margin-bottom:3em;}
.mainSection .sec-tit > * {display:block; position:relative; letter-spacing:-.01em; word-break:keep-all;}
.mainSection .sec-tit span {font-size:1.1em; font-family:'Montserrat'; color:Rgba(0,16,32,.3); line-height:1.1em; font-weight:600; margin-bottom:.45em;}
.mainSection .sec-tit strong {font-size:2.3em; color:#222; font-weight:400; font-family:'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif;}
.mainSection .sec-tit em {color:#1553B0;}

@media all and (max-width:1024px) {
	.mainSection .sec-tit {text-align:center;}
}
@media all and (max-width:640px) {
	.mainSection .sec-tit {margin-bottom:2em; font-size:.9em;}
}

.mainSectionNavi {position:fixed; top:50%; right:1em; width:1.5em; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:999;}
.mainSectionNavi li + li {margin-top:1em;}
.mainSectionNavi a {display:block; position:relative; margin:0 auto; width:.5em; height:.5em; border-radius:100%; opacity:.2em; transition:.3s all; -webkit-transition:.3s all;}
.mainSectionNavi a span {display:block; position:absolute; width:0; height:0; text-indent:-999px; overflow:hidden; z-index:-999;}

.mainSectionNavi[data-section="Businesses"] a[data-nav="Businesses"],
.mainSectionNavi[data-section="Employment"] a[data-nav="Employment"],
.mainSectionNavi[data-section="Service"] a[data-nav="Service"] {width:1.5em; height:1.5em; border:1px solid transparent;}

.mainSectionNavi[data-section="Businesses"] a[data-nav="Businesses"]:before,
.mainSectionNavi[data-section="Employment"] a[data-nav="Employment"]:before,
.mainSectionNavi[data-section="Service"] a[data-nav="Service"]:before {content:""; display:block; position:absolute; width:.5em; height:.5em; top:50%; left:50%; margin:-.25em 0 0 -.25em; border-radius:100%;}

.mainSectionNavi[data-section="Businesses"] a,
.mainSectionNavi[data-section="Businesses"] a[data-nav="Businesses"]:before {background:#fff;}
.mainSectionNavi[data-section="Businesses"] a[data-nav="Businesses"] {border-color:#fff; background:transparent !important;}

.mainSectionNavi[data-section="Employment"] a,
.mainSectionNavi[data-section="Employment"] a[data-nav="Employment"]:before {background:#2C2A8B;}
.mainSectionNavi[data-section="Employment"] a[data-nav="Employment"] {border-color:#2C2A8B; background:transparent !important;}

.mainSectionNavi[data-section="Service"] a,
.mainSectionNavi[data-section="Service"] a[data-nav="Service"]:before {background:#2998E3;}
.mainSectionNavi[data-section="Service"] a[data-nav="Service"] {border-color:#2998E3; background:transparent !important;}

@media all and (max-width:1700px) {
	.mainSectionNavi {right:.5em; font-size:.9em;}
}
@media all and (max-width:1024px) {
	.mainSectionNavi {display:none;}	
}


/****************************************************************
	Businesses
****************************************************************/

.mainBusinWrap {background:#1553B0; z-index:0; padding-top:3.8em; padding-bottom:4em;}
.mainBusinWrap:before {content:""; display:block; position:absolute; top:0; left:0; right:0; height:14em; background:url(../img/main/bak_visual.png) no-repeat 50% 100% #fff; background-size:100% auto; z-index:-1;}
.mainBusinWrap .inner {max-width:1740px;}
.mainBusinWrap .sec-tit {text-align:center; }

.mainBusinWrap .control button {display:block; position:absolute; top:3.2em; width:5em; height:1.5em; text-indent:-999px; overflow:hidden; background:url(../img/main/spr_main.png) no-repeat top 0 left 0; background-size:19em auto;}
.mainBusinWrap .control button.prev {left:50%; margin-left:-780px;}
.mainBusinWrap .control button.next {right:50%; margin-right:-780px; background-position:top 0 left -7em;}
.mainBusinWrap .control button.swiper-button-disabled {opacity:.3;}
.mainBusinWrap .slider {margin-bottom:3em;}
.mainBusinWrap .swiper-slide {width:17.4em; padding:0 1.2em;}
.mainBusinWrap .swiper-slide a {display:block; position:relative;}
.mainBusinWrap .swiper-slide a .thumb {display:block; position:relative; overflow:hidden; border-radius:.5em; margin-bottom:1.25em; background:#fafafa;}
.mainBusinWrap .swiper-slide a .thumb:before {content:""; display:block; position:relative; padding-top:106.6667%; z-index:-1;}
.mainBusinWrap .swiper-slide a .thumb img {display:block; position:absolute; margin:auto; left:-100%; right:-100%; top:0; height:100%; max-width:4000%; transition:.3s all; -webkit-transition:.3s all; z-index:0;}
.mainBusinWrap .swiper-slide a .thumb img[src*="noimage"] {top:50% !important; left:50% !important; height:auto; margin:0 !important; transform:translate(-50%,-50%) !important; -webkit-transform:translate(-50%,-50%) !important; transition:none; -webkit-transition:none;}
.mainBusinWrap .swiper-slide a .dday {display:block; position:absolute; right:.625em; bottom:.625em; white-space:nowrap; font-size:.8em; color:#fff; padding:.3em .625em .3em .95em; border-radius:9em; background:#FF9900; white-space:nowrap; line-height:2em;}
.mainBusinWrap .swiper-slide a .dday i {display:inline-block; vertical-align:middle; padding:0 .625em; border-radius:9em; background:rgba(0,0,0,.2); margin-left:.3em;}
.mainBusinWrap .swiper-slide a .subj {display:block; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff; font-size:1.1em; line-height:1.5em; margin-bottom:.25em;}
.mainBusinWrap .swiper-slide a:hover .subj {font-weight:600;}
.mainBusinWrap .swiper-slide a .date {display:block; position:relative; font-size:.9em; color:rgba(255,255,255,.6); padding-left:1.22em;}
.mainBusinWrap .swiper-slide a .date:before {content:""; display:block; position:absolute; top:0; left:0; font-size:1.11111111em; width:1em; height:1em; background:url(../img/main/spr_main.png) no-repeat top -5em left -10em; background-size:19em auto;}
.mainBusinWrap .swiper-slide a:focus .thumb img,
.mainBusinWrap .swiper-slide a:hover .thumb img {transform:scale(1.1); -webkit-transform:scale(1.1);}

.mainBusinWrap .more {display:block; position:relative; width:9.75em; margin:0 auto; padding:.5em 1em .5em 1.5em; text-overflow:hidden; text-indent:-999px; border-radius:9em; border:1px solid rgba(255,255,255,.3);}
.mainBusinWrap .more span {display:block; position:relative; text-indent:-999px; width:7.25em; height:1.5em; margin:0 auto; overflow:hidden; background:url(../img/main/spr_main.png) no-repeat top -7em left 0em; background-size:19em auto;}
.mainBusinWrap .more:focus,
.mainBusinWrap .more:hover {background:#fff; border-color:#fff;}
.mainBusinWrap .more:focus span,
.mainBusinWrap .more:hover span {background-position:0 -9em;}

@media all and (max-width:1780px) {
	.mainBusinWrap .swiper-container {overflow:visible;}
}
@media all and (max-width:1620px) {
	.mainBusinWrap .control button.prev {left:0; margin-left:0;}
	.mainBusinWrap .control button.next {right:0; margin-right:0;}
}
@media all and (max-width:1024px) {
	.mainBusinWrap {padding-top:3em; padding-bottom:3em;}
	.mainBusinWrap .swiper-slide {padding:0 .8em; width:15.5em;}
}
@media all and (max-width:830px) {
	.mainBusinWrap:before {height:16em;}
	.mainBusinWrap .control button {top:auto; bottom:.6em;}
	.mainBusinWrap .control button.prev {background-position:top -1.5em left 0;}
	.mainBusinWrap .control button.next {background-position:top -1.5em left -7em;}	
}
@media all and (max-width:480px) {
	.mainBusinWrap .control {display:none;}
}



/****************************************************************
	Employment
****************************************************************/

.maineEmploymentWrap {padding-top:4.8em; padding-bottom:4.5em; background:url(../img/main/bak_employ.png) no-repeat 100% 0; background-size:auto 16.1em;}
.maineEmploymentWrap .sec-tit em {color:#413ED1;}

@media all and (max-width:1024px) {
	.maineEmploymentWrap {padding-top:3em; padding-bottom:3em; background-size:auto 10em;}
}
@media all and (max-width:640px) {
	.maineEmploymentWrap {background:none;}
}


/* 일자리 간단 정보 */

.mainEmployInfo {display:block; position:relative; overflow:hidden; margin-bottom:2em; letter-spacing:-.06em;}
.mainEmployInfo > * {display:block; position:relative; border-radius:1em; overflow:hidden; z-index:0;}
.mainEmployInfo .acc {display:block; position:absolute; background:url(../img/main/spr_main.png) no-repeat top 0 left 0; background-size:19em auto; z-index:-1;}
.mainEmployInfo .in {display:block; position:relative;}

.mainEmployInfo .costArea {padding:1.7em 2em 1.5em; background:linear-gradient(121deg, #EFF1FF 28.32%, #E5F3FB 70.23%);}
.mainEmployInfo .costArea .tit {font-size:1.1em; color:#333; line-height:1.5em; font-weight:600; margin-bottom:1.27em;}
.mainEmployInfo .costArea .info {display:block; position:relative; padding-left:3.4em}
.mainEmployInfo .costArea .info strong {display:block; position:absolute; top:50%; left:0; margin-top:-1.0275em; width:3.612em; height:2.055em; line-height:2.055em; font-size:.9em; color:#fff; font-weight:500; text-align:center; background:#333; border-radius:9em;}
.mainEmployInfo .costArea .info em {display:inline-block; width:3.2em; font-size:2em; font-family:'Montserrat'; color:#3F3DB2; font-weight:800; text-align:right;}
.mainEmployInfo .costArea .info span {font-size:.9em;}
.mainEmployInfo .costArea .acc {width:7em; height:6.9em; right:1.35em; bottom:0; background-position:0 -12em;}

.mainEmployInfo .contactArea {padding:1.2em 1em; border:1px solid rgba(0,0,0,.1);}
.mainEmployInfo .contactArea .in {width:50%; float:left; padding:0 .25em; text-align:center;}
.mainEmployInfo .contactArea .tit {display:block; position:relative; border-radius:9em; background:#F9FAFE; text-align:center; font-size:.9em; color:#595F7A; font-weight:500; line-height:2.223em; height:2.223em; margin-bottom:.8333em;}
.mainEmployInfo .contactArea li span {display:block; position:Relative; font-size:1.1em; line-height:1.5em; color:#444; font-weight:500;}

.mainEmployInfo .quickArea {padding:1.5em 2em; background:#3F3DB2;}
.mainEmployInfo .quickArea .tit {display:block; position:relative; color:#fff; font-size:1.1em; line-height:1.5em; font-weight:500; margin-bottom:1.5em;}
.mainEmployInfo .quickArea ul:after {content:""; display:block; position:relative; clear:both;}
.mainEmployInfo .quickArea li {float:left;}
.mainEmployInfo .quickArea li + li {margin-left:.7em;}
.mainEmployInfo .quickArea li a {display:block; position:relative; padding:.5em 1.35em; border-radius:9em; color:rgba(255,255,255,.8); background:rgba(0,0,0,.2);}
.mainEmployInfo .quickArea li a:focus,
.mainEmployInfo .quickArea li a:hover {color:#fff; background:#020075;}
.mainEmployInfo .quickArea li a span {display:block; position:relative; font-size:.9em;}
.mainEmployInfo .quickArea .acc {width:6em; height:6.5em; right:1.25em; bottom:.8em; background-position:-8em -12em;}

@media all and (min-width:1025px) {
	.mainEmployInfo > * {width:32%; float:left; height:8.5em;}
	.mainEmployInfo > * + * {margin:0 2%;}
	.mainEmployInfo > * + * + * {margin:0;}
}
@media all and (max-width:1024px) {
	.mainEmployInfo .contactArea {width:22em; padding:1em .75em; margin-top:.5em;}
	.mainEmployInfo .quickArea {position:absolute; top:8.7em; right:0; bottom:0; left:22.5em; padding:1.5em;}
	.mainEmployInfo .quickArea .acc {right:1em; bottom:auto; top:1em; font-size:.65em;}
	.mainEmployInfo .quickArea ul {margin:-.2em;}
	.mainEmployInfo .quickArea li {width:50%; padding:.2em; margin:0 !important;}
	.mainEmployInfo .quickArea li a {padding-left:0; padding-right:0; text-align:center;}
}
@media all and (max-width:770px) {
	.mainEmployInfo .contactArea {padding:.5em .25em 1em; width:auto;}
	.mainEmployInfo .contactArea li span {font-size:1em;}
	
	.mainEmployInfo .costArea {margin-right:15em;}
	.mainEmployInfo .costArea .acc {font-size:.8em; right:0;}
	.mainEmployInfo .quickArea {bottom:auto; top:0; padding:1.43em; left:auto; width:14.5em;}
	
	.mainEmployInfo .quickArea,
	.mainEmployInfo .costArea {font-size:.9em;}
}
@media all and (max-width:700px) {
	.mainEmployInfo .quickArea .tit {margin-bottom:1.1em;}
	.mainEmployInfo .costArea {padding:1.3em 1.5em 1.3em;}
	.mainEmployInfo .acc {display:none;}
	
	.mainEmployInfo .quickArea,
	.mainEmployInfo .costArea {text-align:center;}
	.mainEmployInfo .costArea .info {padding-left:0;}
	.mainEmployInfo .costArea .info strong {position:relative; display:inline-block; vertical-align:middle;}
}
@media all and (max-width:570px) {
	.mainEmployInfo .costArea {margin-right:0;}
	.mainEmployInfo .quickArea {position:relative; width:auto; margin-top:.5em;}
}
@media all and (max-width:440px) {
	.mainEmployInfo .contactArea .in {width:auto; float:none;}
	.mainEmployInfo .contactArea .in + .in {margin-top:1em;}
	.mainEmployInfo .contactArea li {display:inline; vertical-align:middle;}
	.mainEmployInfo .contactArea li:after {content:",";}
	.mainEmployInfo .contactArea li + li:after {display:none;}
	.mainEmployInfo .contactArea li span {display:inline;}
}


/* 일자리 관련 게시판 데이터 */

.mainEmployBoard:after {content:""; display:block; clear:both;}
.mainEmployBoard > * {position:relative;}

.mainEmployBoard .tit {display:block; position:relative; margin-bottom:1em;}
.mainEmployBoard .tit strong {display:block; position:relative; font-size:1.4em; color:#333; font-family:'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif; line-height:1.5em;}
.mainEmployBoard .more {display:block; position:absolute; top:.3em; right:0; width:1.5em; height:1.5em; text-indent:-999px; overflow:hidden; background:url(../img/main/spr_main.png) no-repeat top -3em left -4em; background-size:19em auto;}

.mainEmployBoard .control {display:block; position:absolute; top:.3em; right:2.3em;}
.mainEmployBoard .control:before {content:""; display:block; position:absolute; top:.15em; bottom:.15em; left:50%; width:1px; background:rgba(0,0,0,.2);}
.mainEmployBoard .control button {display:block; position:relative; width:1.5em; height:1.5em; float:left; background:url(../img/main/spr_main.png) no-repeat top -3em left 0; background-size:19em auto; text-indent:-999px; overflow:hidden;}
.mainEmployBoard .control button.next {background-position:top -3em left -2.15em; margin-left:.4em;}
.mainEmployBoard .control button.swiper-button-disabled {opacity:.3;}

.mainEmployBoard .slider {border-top:.1em solid #333333; min-height:17.2em;}
.mainEmployBoard .swiper-slide {border-bottom:1px solid rgba(51,51,51,.2);}
.mainEmployBoard .swiper-slide.none {border-bottom-width:0px;}
.mainEmployBoard .swiper-slide a {display:block; position:relative; padding:1.1em 0;}
.mainEmployBoard .swiper-slide a > * {display:block; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mainEmployBoard .swiper-slide a .dday {position:absolute; left:0; top:1.625em; font-size:.8em; color:#fff; font-weight:600; line-height:1.625em; height:1.625em; border-radius:5px; width:3.3125em; text-align:center; background:#2998E3;}
.mainEmployBoard .mainEmployBoard2 .swiper-slide a .dday {background:#0064C3;}
.mainEmployBoard .mainEmployBoard3 .swiper-slide a .dday {background:#3F3DB2;}
.mainEmployBoard .swiper-slide a .subj {font-size:1em; line-height:1.5em; font-weight:500; margin-bottom:.6em;}
.mainEmployBoard .swiper-slide a em + .subj {margin-left:3.5em;}
.mainEmployBoard .swiper-slide a .desc {font-size:.9em; color:#666; line-height:1.5em;}
.mainEmployBoard .swiper-slide a:hover .subj,
.mainEmployBoard .swiper-slide a:focus .subj {text-decoration:underline; font-weight:700;}
.mainEmployBoard .no-data {display:table; width:100%; height:17.2em;}
.mainEmployBoard .no-data > * {display:table-cell; vertical-align:middle; text-align:center; color:#666; border-bottom:1px solid rgba(51,51,51,.2);}

.mainEmployBoard *[class*="mainEmployBoard"].fix-scroll .swiper-wrapper {display:block !important; width:auto !important; height:17.2em !important; border-bottom:1px solid rgba(51,51,51,.2);}
.mainEmployBoard *[class*="mainEmployBoard"].fix-scroll .swiper-wrapper .swiper-slide {display:block !important; border:0 !important; width:auto !important; height:auto !important;}


@media all and (min-width:1025px) {
	.mainEmployBoard > * {width:31%; float:left;}
	.mainEmployBoard > * + * {margin:0 3.5%;}
	.mainEmployBoard > * + * + * {margin:0;}
}
@media all and (max-width:1024px) {
	.mainEmployBoard > * + * {margin-top:1.5em;}
	.mainEmployBoard .no-data {height:8em;}
	.mainEmployBoard .slider {min-height:0;}
}
@media all and (max-width:3370px) {
	.mainEmployBoard .tit {margin-bottom:.8em;}
	.mainEmployBoard .tit strong {font-size:1.3em; line-height:1.6em;}
}



/****************************************************************
	Service
****************************************************************/

.mainServiceWrap {padding-top:4.5em; background:url(../img/main/bak_service.png) no-repeat 100% 0 #F0F7FD; background-size:26.8em auto;}
.mainServiceWrap .sec-tit em {color:#2998E3;}

@media all and (max-width:1024px) {
	.mainServiceWrap {padding-top:3em; background-size:15em auto;}	
}

.mainServiceQuick {padding-bottom:3.5em; background:url(../img/main/bak_service_typo.svg) repeat-x bottom 0 left -1.1em; background-size:auto 7em;}
.mainServiceQuick > .inner {max-width:1686px;} 
.mainServiceQuick ul {margin:0 -.75em;}
.mainServiceQuick ul li {display:block; position:relative; padding:0 .75em; width:16.667%; float:left;}
.mainServiceQuick a {display:block; position:relative; border-radius:.5em; height:12em; background:#000; overflow:hidden; z-index:0; color:#fff; text-align:center;}
.mainServiceQuick a:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; background:no-repeat 50% 50%; background-size:cover; opacity:.75; transition:.3s all; -webkit-transition:.3s all;}
.mainServiceQuick a > * {display:table; width:100%; height:100%; table-layout:fixed;}
.mainServiceQuick a > * > * {display:table-cell; vertical-align:middle; padding-top:7em; transition:.3s all; -webkit-transition:.3s all;}
.mainServiceQuick a strong {font-weight:600; line-height:1.5em;}
.mainServiceQuick a strong i {font-size:.8695652173913043em;}
.mainServiceQuick a i {display:block; position:relative; margin:1em auto 0; width:7.05em; height:0; background:#fff; border-radius:9em; text-indent:-999px; overflow:hidden; opacity:0; transition:.3s all; -webkit-transition:.3s all;}
.mainServiceQuick a i:before {content:""; display:block; position:absolute; left:50%; top:50%; margin:-.75em 0 0 -2.25em; width:4.5em; height:1.5em; background:url(../img/main/spr_main.png) no-repeat top -5em left 0; background-size:19em auto;}
.mainServiceQuick a.ty1:before {background-image:url(../img/main/img_service01.png);}
.mainServiceQuick a.ty2:before {background-image:url(../img/main/img_service02.png);}
.mainServiceQuick a.ty3:before {background-image:url(../img/main/img_service03.png);}
.mainServiceQuick a.ty4:before {background-image:url(../img/main/img_service04.png);}
.mainServiceQuick a.ty5:before {background-image:url(../img/main/img_service05.png);}
.mainServiceQuick a.ty6:before {background-image:url(../img/main/img_service06.png);}
.mainServiceQuick a:hover:before,
.mainServiceQuick a:focus:before {opacity:.5;}
.mainServiceQuick a:hover > * > *,
.mainServiceQuick a:focus > * > * {padding-top:0;}
.mainServiceQuick a:hover i,
.mainServiceQuick a:focus i {height:2.5em; opacity:1;}

@media all and (max-width:1024px) {
	.mainServiceQuick ul {margin:-.25em;}
	.mainServiceQuick ul li {width:33.33%; padding:.25em;}
	
	.mainServiceQuick a {height:10em;}
	.mainServiceQuick a > * > * {padding-top:5.5em;}
	.mainServiceQuick a strong i {font-size:.7em;}
}
@media all and (max-width:590px) {
	.mainServiceQuick ul li {width:50%;}
	.mainServiceQuick a {height:8em;}
	.mainServiceQuick a > * > * {padding-top:4.5em;}
	.mainServiceQuick a strong {font-size:.9em;}
}

.mainServiceWrap .mainNewsArea {position:relative; margin:0 -1em; padding:2.6em 1em 4.5em; background:#fff;}
.mainBoard {display:block; position:relative; margin-right:31.8em;}
.mainPopup {display:block; position:absolute; top:0; right:0; width:28.2em;}
@media all and (max-width:1720px) {
	.mainBoard {margin-right:34.8em;}
	.mainPopup {right:3em;}	
}
@media all and (max-width:1024px) {
	.mainServiceWrap .mainNewsArea {padding:2em 1em 3em;}
	.mainBoard {margin:0;}
	.mainPopup {position:relative; margin-top:2em; width:auto; right:auto;}	
}

.mainBoard .tit {display:block; position:absolute; left:0; top:0; width:7em;}
.mainBoard .tit strong {display:block; position:relative; font-size:1.9em; color:#333; font-family:'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif; line-height:1.5em; white-space:nowrap;}
.mainBoard .more {display:block; position:absolute; left:0; bottom:0; width:7em; height:2.5em; border-radius:9em; background:#F8F8F8; text-indent:-999px; border:1px solid #F8F8F8; overflow:hidden;}
.mainBoard .more:before {content:""; display:block; position:absolute; left:50%; top:50%; margin:-.75em 0 0 -2.25em; width:4.5em; height:1.5em; background:url(../img/main/spr_main.png) no-repeat top -5em left 0; background-size:19em auto;}
.mainBoard .more:hover,
.mainBoard .more:focus {border-color:#000;}

.mainBoard .list {display:block; position:relative; margin-left:11em; min-height:12.8em;}
.mainBoard .list li {display:block; position:relative; }
.mainBoard .list li + li {margin-top:1.25em;}
.mainBoard .list li a {display:block; position:relative;}
.mainBoard .list li a > * {display:block;}
.mainBoard .list .subj {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.5em; color:#333; font-weight: 500; margin-right:7em;}
.mainBoard .list .subj .new {display:inline-block; vertical-align:middle; position:relative; width:2.65em; height:1.35em; border-radius:9em; text-indent:-999px; overflow:hidden; background:url(../img/main/spr_main.png) no-repeat top -9em left -11.5em; background-size:19em auto;}
.mainBoard .list .desc {display:none;}
.mainBoard .list .date {position:absolute; top:50%; right:0; margin-top:-.61em; font-size:.9em; line-height:1.22em; padding-left:1.223em; width:6.667em; height:1.22em; color:#A5ABA9; text-align:right;}
.mainBoard .list .date:before {content:""; display:block; position:absolute; font-size:1.1111111111111em; width:1em; height:1em; left:0; top:50%; background:url(../img/main/spr_main.png) no-repeat top -4.95em left -9em; background-size:19em auto; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.mainBoard .list a:hover .subj,
.mainBoard .list a:focus .subj {font-weight:600; text-decoration:underline;}
.mainBoard .list li:first-child {padding-top:.5em; padding-bottom:1.25em; border-bottom:1px solid rgba(0,0,0,.05);}
.mainBoard .list li:first-child .subj {margin-bottom:1em;}
.mainBoard .list li:first-child .date {top:.8em; transform:none; -webkit-transform:none;}
.mainBoard .list li:first-child .desc {display:block; position:relative; font-size:.85em; color:#555; line-height:1.5em; height:3em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}

.mainBoard .list li.no-data {display:table; width:100%; height:12.8em; table-layout:fixed; padding:0; border:1px solid rgba(0,0,0,.05);}
.mainBoard .list li.no-data > * {display:table-cell; vertical-align:middle; text-align:center;}

@media all and (max-width:1560px) {
	.mainBoard .list {margin-left:9em;}
}
@media all and (max-width:1024px) {
	.mainBoard .tit {position:relative; width:auto; margin-bottom:.8em;}
	.mainBoard .tit strong {font-size:1.3em; line-height:1.6em;}
	.mainBoard .more {top:0; right:0; left:auto;}
	.mainBoard .list {margin-left:0; border-top: 0.1em solid #333333; min-height:0;}
	.mainBoard .list .date {display:none;}
	.mainBoard .list .subj {margin-right:0; font-size:.9em;}
	.mainBoard .list li {padding:.8em 0; border-bottom:1px solid rgba(0,0,0,.05);}
	.mainBoard .list li + li {margin-top:0;}
	.mainBoard .list li:first-child {padding:1.25em 0;}
	.mainBoard .list li:first-child + li {margin-top:0;}
	.mainBoard .list li:first-child .subj {margin-bottom:.5em; font-size:1em;}
	.mainBoard .more {font-size:.9em;}
}


.mainPopup {text-align:center;}
.mainPopup .swiper-slide a {display:block; position:relative; height:12.8em; overflow:hidden;}
.mainPopup .swiper-slide a img {display:block; position:absolute; top:0; left:50%; height:100%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.mainPopup .control {display:inline-block; position:relative; text-align:center; background:#fff; border-radius:9em; box-shadow:0 0 2em 0 rgba(52,64,94,.1); padding:.5em 1em; margin-top:1.5em;}
.mainPopup .control button {width:1.5em; height:1.5em; background:url(../img/main/spr_main.png) no-repeat 0 0;  background-size:19em auto; text-indent:-999px; overflow:hidden;}
.mainPopup .control .prev {background-position:.4em -3em;}
.mainPopup .control .next {background-position:-2.4em -3em;}
.mainPopup .control .stop {background-position:-6.2em -3em;}
.mainPopup .control .play {display:none; background-position:-8.2em -3em;}
.mainPopup .control .swiper-button-disabled {opacity:.3;}
.mainPopup .control .pager {display:inline-block; width:auto; bottom:auto; white-space:nowrap; margin-right:1em;}
.mainPopup .control .pager > * {display:inline-block; vertical-align:middle; font-size:.9em; font-weight:600; font-family:'Montserrat'; padding:0 .5em; min-width:1.2em; text-align:center;}
.mainPopup .control .pager i {width:.6em; height:.6em; background:url(../img/main/img_slider_bar.png) no-repeat 50% 50%; background-size:container;}
.mainPopup .control .pager .swiper-pagination-current {color:#2998E3;}
.mainPopup .control button + button {/* margin-left:.5em; */}
@media all and (min-width:1025px) {
	.mainPopup .control {display:block; position:absolute; top:0; right:-3em; width:3em; padding:1em 0; text-align:center; margin-left:-3.5em;  border-radius:0 .5em .5em 0; z-index:5; margin:0;}
	.mainPopup .control .pager {display:block; margin:0 0 1.5em;}
	.mainPopup .control .pager > * {display:block; min-width:0; padding:0;}
	.mainPopup .control .pager i {display:block; position:relative; margin:.5em auto;}
	.mainPopup .control button {display:block; margin:0 auto;}
	.mainPopup .control button + button {margin-top:.25em;}
	.mainPopup .control button.play {display:none;}	
}
@media all and (max-width:1024px) {
	.mainPopup .swiper-slide {width:28.2em; max-width:100%;}
	.mainPopup .swiper-slide a {height:12.8em;}
	.mainPopup .swiper-container {overflow:visible;}
}
@media all and (max-width:640px) {
	.mainPopup .swiper-slide {font-size:.8em;}
}