/* 공통 */
h2.heading {max-width: 100%; font-size: 1.1rem; font-weight: 700; color: #111; white-space: nowrap; overflow: hidden;}

.btn_more {position: absolute; top: 0; right: 0; display: inline-block; width: 4rem; height: 1.5rem; line-height: 1.5rem; text-align: center; font-size: 0.8rem; background: #eaeff3; border-radius: 0.75rem;}
.btn_more i {margin-left: 0.25rem; line-height: 1.5rem; vertical-align: top; transition: all 0.25s;}
.btn_more:hover i,
.btn_more:focus i {transform: rotate(180deg);}

/* 메인비주얼 */
.MVisual {position: absolute; top: 0; right: 0; width: 100vw; max-width: 55.5rem; height: 100%; overflow: hidden;}
.MVisual .slick-slider,
.MVisual .slick-list,
.MVisual .slick-track,
.MVisual .slick-slide {height: 100%;}
.MVisual .slider {position:relative; z-index: 0;}
.MVisual .item {position: relative; height: 100%; line-height: 0; overflow: hidden;}
.MVisual .item img {position: absolute; top: 0; left: 50%; width: auto; min-width: 100%; height: 100%; transform: translateX(-50%);}
.MVisual .item .slogan { position: absolute; top: 30%; left:50%; transform: translateY(-50%);  margin-left: -19.85rem; color: #fff; word-break: keep-all; text-align: left; line-height: 1; }
.MVisual .item .slogan span { display: block; font-size: 2rem; font-weight: 500; }
.MVisual .item .slogan em { display: block; font-weight: 700; margin-top: 0.75rem; color: #c7ff5a; }
.MVisual .item .slogan p { font-size: 1rem; font-weight: 400; margin-top: 0.75rem; }

.MVisual .control {position: absolute; top: 50%; left: 50%; margin-left: -19.75rem; margin-top: 1.25rem; overflow: hidden;}
/* slick dot */
.MVisual .control .inBox,
.MVisual .control .MVisualDot,
.MVisual .control .MVisualDot .slick-dots,
.MVisual .control .MVisualDot .slick-dots > li {display: inline-block;}
.MVisual .control .MVisualDot .slick-dots > li > button,
.MVisual .control .inBox a {float: left; display: inline-block; width: 1.8rem; height: 1.8rem; text-align: center; border-radius: 50%; transition: all 0.15s;}
.MVisual .control .MVisualDot .slick-dots > li > button {margin-right: 0.15rem; font-size: 0.7rem; color: #fff; opacity: 0.5;}
.MVisual .control .inBox a {line-height: 1.8rem; text-align: center; font-size: 0.9rem; color: #111; background: #fff;}
.MVisual .control .inBox a.play {display: none;}
.MVisual .control .inBox a i {line-height: 1.8rem; vertical-align: top;}
/** 메인비주얼 active **/
.MVisual .control .MVisualDot .slick-dots > li.slick-active > button,
.MVisual .control .MVisualDot .slick-dots > li > button:hover,
.MVisual .control .MVisualDot .slick-dots > li > button:focus {font-weight: 700; opacity: 1; border: 1px solid #fff;}
.MVisual .control .inBox a:hover,
.MVisual .control .inBox a:focus {color: #fff; background: #111;}

/* 게시판 */
.notice { position: relative; }
.notice .titTab { margin-bottom: 1.25rem; overflow: hidden; }
.notice .titTab ul { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; padding-right: 4rem; }
.notice .titTab ul li { position: relative; max-width: calc(100% / 3); }
.notice .titTab ul li + li {padding-left: 1rem;}
.notice .titTab ul li + li::before { position: absolute; top: 50%; left: 0.5rem; width: 2px; height: 0.6rem; background: #b4b4b4; transform: translateY(-50%) rotate(25deg); content: ""; }
.notice .titTab ul li a { position: relative; display: block; font-size: 1.1rem; color: #666; padding: 0 0.5rem; }
.notice .titTab ul li a.current { padding-left: 1.25rem; color: #111; font-weight: 700; }
.notice .titTab ul li a.current::after { position: absolute; top: 50%; left: 0; font-family: 'xeicon'; font-weight: normal; transform: translateY(-50%); content: "\eb1f"; }
.notice .titTab ul li a span {display: block; white-space: nowrap; overflow: hidden;}
.notice .tabWrap .list_box { display: none; }
.notice .tabWrap .list_box.on { display: block; }
.notice .tabWrap .list_box .topList { position: relative; display: block; }
.notice .tabWrap .list_box .topList dl { padding: 1.75rem 1rem 1.75rem 5rem; border-top: 1px solid #111; border-bottom: 1px solid #111; }
.notice .tabWrap .list_box .topList dl dt { position: relative; font-size: 0.9rem; font-weight: 700; color: #111; }
.notice .tabWrap .list_box .topList dl.new dt { padding-left: 1.25rem; }
.notice .tabWrap .list_box .topList dl.new dt::before { position: absolute; left: 0; top: 0.12rem; display: flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; font-size: 0.6rem; color: #fff; background: #111; border-radius: 0.25rem; content: "N"; }
.notice .tabWrap .list_box .topList dl dt span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notice .tabWrap .list_box .topList dl dd p { display: block; margin-top: 0.25rem; height: 1rem; line-height: 1rem; font-size: 0.8rem; color: #667186; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.notice .tabWrap .list_box .topList dl dd .date { position: absolute; left: 0; top: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 4rem; height: 4rem; font-size: 0.75rem; color: #fff; background: #111; border-radius: 0.5rem; transform: translateY(-50%); }
.notice .tabWrap .list_box .topList dl dd .date em { font-size: 0.9rem; font-weight: 700; line-height: 1; margin-bottom: 0.15rem; }
.notice .tabWrap .list_box .topList.no_data dl dt { height: 2.25rem; line-height: 2.25rem; }
.notice .tabWrap .list_box > ul li + li {border-top: 1px dashed #e3e3e3;}
.notice .tabWrap .list_box > ul li.no_data { text-align: center; }
.notice .tabWrap .list_box > ul li:nth-child(n + 4) { display: none; }
.notice .tabWrap .list_box > ul li.new { position: relative; padding-left: 2rem; }
.notice .tabWrap .list_box > ul li.new::before { position: absolute; content: "NEW"; font-size: 0.7rem; color: #1369ea; left: 0; top: 50%; transform: translateY(-50%); font-weight: 700; }
.notice .tabWrap .list_box > ul li a { position: relative; display: block; padding-right: 4.5rem; padding-left: 1.25rem; line-height: 3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.9rem; color: #111; font-weight: 500; background: url(/common/images/template/A6/main/noti_bu.png) no-repeat left center;}
.notice .tabWrap .list_box > ul li a span { position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #999; font-weight: 400; font-size: 0.8rem; }
.notice .tabWrap .list_box .btn_more { position: absolute; right: 0; top: 0.15rem; }
/* 게시판 active */
.notice .titTab ul li a,
.notice .tabWrap .list_box .topList,
.notice .tabWrap .list_box > ul li a { transition: 0.15s; }
.notice .titTab ul li a:hover,
.notice .titTab ul li a:focus { color: #111; font-weight: 700; }
.notice .tabWrap .list_box .topList:hover dl,
.notice .tabWrap .list_box .topList:focus dl,
.notice .tabWrap .list_box > ul li a:hover,
.notice .tabWrap .list_box > ul li a:focus { text-decoration: underline; }

/* 모집안내 */
.M_info {height: 100%;}
.M_info li {height: calc(50% - 0.25rem);}
.M_info li + li {margin-top: 0.5rem;}
.M_info li a {position: relative; display: flex; align-items: center; padding:0 1.5rem; height: 100%; color: #fff; background: url(/common/images/template/A6/main/bg_M_info01.png) no-repeat right bottom / cover; border-radius: 0.5rem; overflow: hidden;}
.M_info li a > p {position: relative; width: 100%; overflow: hidden; z-index: 1; font-size:0.8rem;}
.M_info li a > p strong {display: block; margin-top:0.5rem; font-weight:600; font-size: 1rem;}
.M_info li + li a {background-image: url(/common/images/template/A6/main/bg_M_info02.png);}
.M_info li a:before {position: absolute; bottom: 0.5rem; left: 0.5rem; font-family: "xeicon"; font-size: 2rem; opacity: 0; content: "\e90b";}
.M_info li a:after {position: absolute; bottom: 0; right: 0; max-height: 95%; font-size: 0; content: url(/common/images/template/A6/main/bg_M_info011.png);}
.M_info li + li a:after {content: url(/common/images/template/A6/main/bg_M_info021.png);}
/* 모집안내 :hover */
.M_info li a:before,
.M_info li a:after,
.M_info li a p {transition: all 0.25s;}
.M_info li a:hover p,
.M_info li a:focus p {margin-top: -1.25rem;}
.M_info li a:hover:after,
.M_info li a:focus:after {transform: scale(1.05);}
.M_info li a:hover:before,
.M_info li a:focus:before {left: 1.5rem; opacity: 1;}

/* 팝업존 */
.popupZone { position: relative; height: 100%; }
.popupZone .pop_tit { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; height: 1.5rem; }
.popupZone .heading { max-width: calc(100% - 8rem); }
.popupZone .nss_pg { position: relative; border-radius: 0 1rem 0 1rem; color: #111; display: flex; align-items: center; justify-content: space-between; max-width: 10rem; }
.popupZone .nss_pg .page { display: flex; align-items: center; padding: 0 0.5rem; margin-right: 0.5rem; line-height: 1.5rem; background: #eaeff3; border-radius: 0.75rem; }
.popupZone .nss_pg .page > em { margin: 0 0.25rem; }
.popupZone .nss_pg .page > strong { color: #005aa9; font-weight: 700; }
.popupZone .nss_pg a { display: flex; align-items: center; justify-content: center; }
.popupZone .nss_pg a.play { display: none; }
.popupZone .nss_pg a.play,
.popupZone .nss_pg a.stop { margin: 0 0.35rem; width: 1rem; height: 1rem; }
.popupZone .pop_img { border-radius: 1rem; height: calc(100% - 2.5rem); overflow: hidden; isolation: isolate; }
.popupZone .pop_img .slick-list,
.popupZone .pop_img .slick-track {height: 100%;}
.popupZone .pop_img a { position: relative; display: flex; align-items: center; justify-content: center; height: 100%; background: rgba(0,0,0,0.15); }
.popupZone .pop_img a::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #000; content: ""; z-index: 1; border-radius: 1rem; display: none; }
.popupZone .pop_img a img { position: absolute; min-width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); }
/* 팝업존 : active */
.popupZone .nss_pg a:hover,
.popupZone .nss_pg a:focus { font-weight: 700; color: #005aa9; }
.popupZone .pop_img a:focus::before { display: block; }
.popupZone .pop_img a:hover img,
.popupZone .pop_img a:focus img {transform: translate(-50%, -50%) scale(1.05);}
.popupZone .nss_pg a,
.popupZone .pop_img a,
.popupZone .pop_img a img {transition: all 0.25s;}

/* 바로가기1 */
.M_link1 {padding: 2rem 2rem 1rem 2rem; height: 100%; background: #eaedef url(/common/images/template/A6/main/bg_M_link1.png) no-repeat right bottom; border-radius: 1rem; overflow: hidden;}
.M_link1 h2.heading {padding-left: 1.5rem; margin-bottom: 1rem; background: url(/common/images/template/A6/main/link_bu.png) no-repeat left center;}
.M_link1 h2.heading em {font-weight: 400;}
.M_link1 ul {display: flex; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; align-items: center; height: 100%;}
.M_link1 ul li {position: relative; width: 45%;}
.M_link1 ul li a {position: relative; display: block; padding-right: 1.75rem; max-width: 100%; line-height: 2.75rem; font-size: 0.9rem; font-weight:500; color: #111; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.M_link1 ul li a:after {position: absolute; top: calc(50% - 0.75rem); right: 0; display: inline-block; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; font-family: "xeicon"; background: #cad0d4; border-radius: 50%; content: "\e93f";}
.M_link1 ul li:nth-of-type(n+3) a {border-top: 1px solid #cad0d4;}
.M_link1 ul li a span {position: relative; max-width:100%; display: inline-block; line-height: normal; z-index: 1; overflow:hidden; vertical-align: middle;}
.M_link1 ul li a span:before {position: absolute; bottom: -0.25rem; left: 0; width: 0; height: 0.5rem; background: #fff; border-radius: 0.25rem; content: ""; opacity: 0.6; z-index: -1;}
/* 바로가기1 :hover */
.M_link1 ul li a:hover span:before,
.M_link1 ul li a:focus span:before {width: 100%;}
.M_link1 ul li a:hover:after,
.M_link1 ul li a:focus:after {background: #fff;}
.M_link1 ul li a,
.M_link1 ul li a:after,
.M_link1 ul li a span:before {transition: all 0.25s;}

/* 바로가기2 */
.M_link2 { position: relative; height: 100%; border: 1px solid #d3d7db; border-radius: 0 0 1rem 1rem; }
.M_link2 ul { display: flex; align-items: center; height: 100%; overflow: hidden; }
.M_link2 li { position: relative; flex-grow: 1; max-width:33.33%;}
.M_link2 li + li:before {position: absolute; top: 50%; left: 0; width: 1px; height: 1.35rem; background: #c5cacf; transform: translateY(-50%); content: "";}
.M_link2 li:nth-child(n+4) {display: none;}
.M_link2 li a { display: flex; align-items: center; justify-content: center; padding:0 0.5rem; overflow: hidden; }
.M_link2 li a img { margin-right: 0.25rem; width: 1.75rem; transition: all 0.25s; }
.M_link2 li a span { position: relative; display: inline-block; padding:0 0.25rem; max-width: calc(100% - 1.75rem); max-height: 2rem; line-height:1rem; font-size: 0.9rem; font-weight: 700; color: #111; overflow: hidden; transition: all 0.25s; z-index: 1; }
.M_link2 li a span:before { position: absolute; bottom: 0; left: 0; width: 0; height: 0.5rem; background: #005aa9; border-radius: 0.25rem; content: ""; opacity: 0.1; z-index: -1; }
/* 바로가기2 active */
.M_link2 li a:hover img,
.M_link2 li a:focus img { transform: rotateY(180deg); }
.M_link2 li a:hover span,
.M_link2 li a:focus span { color: #005aa9; }
.M_link2 li a:hover span:before,
.M_link2 li a:focus span:before { width: 100%; }
.M_link2 li a,
.M_link2 li a img,
.M_link2 li a span,
.M_link2 li a span:before {transition: all 0.25s;}

@media (max-width: 1600px) {
	/* 메인비주얼 */
	.MVisual {width: 100%; max-width: 100%;} 
}

@media (max-width: 1400px) {
	/* 메인비주얼 */
    .MVisual { right: auto;left: 0;}
	.MVisual .item img {top: 0;min-width: 100%;height: auto;transform: none;left: 0;object-fit: cover;}
	.MVisual .item .slogan { position: absolute; left:14.2%; top: calc((100vw / 100) * 14.3); transform: translateY(-50%);  margin-left: 0; color: #fff; word-break: keep-all; text-align: left; line-height: 1; }
	.MVisual .item .slogan span { display: block; font-size: calc(100vw / 100 * 3.6); font-weight: 500; }
	.MVisual .item .slogan em { display: block; font-weight: 700; margin-top: 0.75rem; color: #c7ff5a; }
	.MVisual .item .slogan p { font-size: calc(100vw / 100 * 1.8); font-weight: 400; margin-top: 1.25rem; }

    .MVisual .control {margin-left: 0;top: auto;transform: none;bottom: 1rem; left: 1rem;}
 

	/* 바로가기1 */
	.M_link1 {padding: 1.5rem 2rem; background-size: 50% auto; border-radius: 1rem 1rem 0 0;}
	.M_link1 h2.heading {margin-bottom: 0.5rem;}
	.M_link1 ul {justify-content: space-between; align-content: flex-start;}
	.M_link1 ul li {width: 100%;}
	.M_link1 ul li:nth-of-type(n+2) a {border-top: 1px solid #cad0d4;}
	.M_link1 ul li a {line-height: 2.25rem; font-size: 0.8rem;}

	/* 바로가기2 */
	.M_link2 li a img { margin-right: 0.25rem; }
	.M_link2 li a span { font-size: 0.8rem; }
}

@media (max-width: 1110px) {
	/* 메인 비주얼 */
	.MVisual .item .slogan { left: 7.9rem; top: 30%;  margin-left: 0; }
	.MVisual .item .slogan span { font-size: 2rem; }
	.MVisual .item .slogan p { font-size: 1rem; margin-top: 0.75rem; }
}


@media (max-width: 880px) {
	/* 메인비주얼 */
	.MVisual {position: relative; top: auto; right: auto;}
	.MVisual .item img {left: -13%;width: 130%;position: relative;transform: none;}

	.MVisual .item .slogan { left: calc(100vw / 100 * 5.4); top: 30%; }
	.MVisual .item .slogan em { margin-top: 0.375em; }
	.MVisual .item .slogan span { font-size: calc(100vw / 100 * 4.7); }
	.MVisual .item .slogan p { font-size: calc(100vw / 100 * 2.33); margin-top: 0.75em; }

	.MVisual .control {margin-top: 0.75rem;}

	/* 모집안내 */
	.M_info li {height: 7rem;}
	.M_info li a:hover p,
	.M_info li a:focus p {margin-top: 0;}
	.M_info li a:hover:before,
	.M_info li a:focus:before {display: none;}
}

@media (max-width: 640px) {
	/* 공통 */
	h2.heading {font-size: 1rem;}

	/* 메인비주얼 */
	.MVisual .control {margin-top: 0.5rem;}
	/* slick dot */
	.MVisual .control .MVisualDot .slick-dots > li > button,
	.MVisual .control .inBox a {width: 1.5rem; height: 1.5rem;}
	.MVisual .control .inBox a {line-height: 1.5rem; font-size: 0.8rem;}
	.MVisual .control .inBox a i {line-height: 1.5rem;}

	/* 공지사항 */
	.notice .titTab ul li a{ font-size:1rem;}
	.notice .tabWrap .list_box .topList dl{ padding:1rem 1rem 1rem 3.5rem;}
	.notice .tabWrap .list_box .topList dl dd .date{ width:3.25rem; height:3.25rem;}

	/* 모집안내 */
	.M_info li{ height:5rem;}
	.M_info li a{ padding:1rem 1.5rem;}
	.M_info li a:hover:after, 
	.M_info li a:focus:after{ transform: none;}

	/* 팝업존 */
	.popupZone .pop_img { height: auto; }
	.popupZone .pop_img a img { position: relative; top: auto; left: auto; transform: none; }
	/* 팝업존 : active */
	.popupZone .pop_img a:hover img,
	.popupZone .pop_img a:focus img {transform: none;}

	/* 바로가기1 */
	.M_link1 {padding: 1.5rem;}
}

@media (max-width: 420px) {
	/* 메인비주얼 */
	.MVisual .control {margin-top: 0.25rem;}

	/* 게시판 */
	.notice .titTab ul li { max-width: 100%; }

	/* 바로가기2 */
	.M_link2 li a img { margin-right: 0; width: 1.5rem; }
}