/*-----------------------------------------------------------
Author : CHO EUN, PARK
Creative date : 21.05.21 
-----------------------------------------------------------*/

.conBox01{padding-bottom:1rem;}
.conBox01:before {background:url('/images/template/01024/main/bg_conBox01_1.png') no-repeat bottom / contain; width:300px; height:500px;}
.conBox01:after {background:url('/images/template/01024/main/bg_conBox01_2.png') no-repeat bottom / contain; width:240px; height:500px;}

.conBox02{padding:1rem 0;}

.conBox03{padding:3rem 0 4.5rem;}
.conBox03:before {background:url('/images/template/01024/main/bg_conBox03_1.png') no-repeat bottom / contain; z-index:1;}
.conBox03:after {background:url('/images/template/01024/main/bg_conBox03_2.png') no-repeat bottom / contain;}

.conBox04 {position:relative; padding:3rem 0;}

.T1_C02{margin:1rem 0 0}
.T1_C03 {width:32%; margin-right:2%; float:left; }/* 공지사항 */
.T1_C08 {width:30rem; position:absolute; left:17.5rem;}/* 바로가기5 */
.T1_C09 {width:15.75rem; float:left; margin-right:1.75rem; position:relative;}/* 바로가기6 */
.T1_C04 {width:20.75rem; float:right; } /* 팝업존 */
.T1_C05 {width:32%; margin-right:2%; float:left;}
.T1_C06 {width:32%; float:left;}

/* 갤러리 */
.gallery h2{width:calc(100% - 1.5rem);}
.gallery h2 img{max-width:100%;}
.gallery:after{display:block; content:''; clear:both;}
.gallery .slick-prev {background-image:url('/images/template/01024/main/gallery_prev.png');}
.gallery .slick-next {background-image:url('/images/template/01024/main/gallery_next.png');}
.gallery .slide a{width:100%;}
.gallery .slide a .img{height:10.5rem;}
.gallery .slide a:before{height:10.5rem;}
.gallery .slide a p{text-align:center;}
.gallery .btn_more{color: #141414;}
.gallery .gallery_slides{display:table; table-layout:fixed; width:calc(100% + 1rem); transform:translateX(-0.5rem); -webkit-transform:translateX(-0.5rem); padding-bottom:0;}
.gallery .gallery_slides .slide{display:table-cell; padding:0 0.5rem;}

/* 바로가기1 */
.m_link ul{margin:0 5rem;}
.m_link ul::after{display: block; content: ''; clear: both;}
.m_link ul li{width: 20%;float: left;position: relative;}
.m_link ul li a{display: block; padding:1.1rem 1rem 1.1rem 5.5rem;}
.m_link ul li a .ico{width: 4.7rem; height: 4.7rem; background: #fff; border-radius: 50%; padding-top: 1rem; text-align: center; position: absolute; top: 0; left: 0;}
.m_link ul li a .ico img{transition: transform 0.3s; -webkit-transition: transform 0.3s;}
.m_link ul li a .txt{height: 2.4rem; overflow: hidden;}
.m_link ul li a .txt p{display: table; width: 100%; height: 2.4rem;}
.m_link ul li a .txt span{display: table-cell;vertical-align: middle;line-height: 1.2rem;font-size: 0.85rem;font-weight: 400;color:#000;letter-spacing: -2px;}
/* 바로가기2:active */
.m_link ul li a:hover .ico img, .m_link2 ul li a:focus .ico img{transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.m_link ul li a:hover .txt span, .m_link2 ul li a:focus .ico img{text-decoration: underline;}

/* 공지사항 */
.notice { height:15rem;} 
.notice:before{display:none;}
.notice h2 {max-width:calc(100% - 2rem);}
.notice h2 a{color:#3850e3; font-family:'SCDream';}
.notice .list_box .noti_top{padding-left:2.5rem; line-height:2.75rem; color:#000; font-size:0.9rem; font-family:'SCDream'; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; border-bottom:1px dashed #bfbfbf; margin-bottom:0.5rem;}
.notice .list_box .noti_top:before{width:1.45rem; height:1.45rem; background:url('/images/template/01024/main/ico_noti.png') no-repeat center; position:absolute; left:0; top:0.5rem; content:'';}
.notice .list_box ul > li {width:100%;}
.notice .list_box ul > li a{height:auto;  line-height:1.65rem; margin:0; padding: 0 4rem 0 0.75rem; border-bottom:none;}
.notice .list_box ul > li a:after{width:5px; height:5px; background:#85cdf7; border-radius:50%; position:absolute; left:0; top:0.75rem; content:'';}
.notice .list_box ul > li a:before{display:none;}
.notice .list_box ul > li a p{color: #141414; position:static; line-height:1.65rem; width:100%; max-height:none; white-space:nowrap; text-overflow:ellipsis; transform:none; -webkit-transform:none; -ms-transform:none; -moz-transform:none;}
.notice .list_box ul > li a em {position:absolute; right:0; top:0; color:#7a7a7a;}
.notice .list_box .btn_more{width:1.5rem; height:1.5rem; font-size:1rem; top:-2.4rem; border-radius:50%; background:#f0f0f0; line-height:1.5rem; color:#868686;}

/* 바로가기5 */
.m_link5 {position:relative; height:16.5rem;}
.m_link5:before {content:""; position:absolute; left:0; top:0; width:100%; height:3.15rem; border: 1px solid #bbc2d4; border-radius:1rem; background:#fff; box-shadow: 2px 2px 8px rgb(0 0 0 / 8%);}
.m_link5 h2 {position:relative; width:33.333%; line-height:3.15rem; float:left; font-family:"NotoSans"; font-size: 1.1rem; text-align:center; overflow:visible;}
.m_link5 h2 ~ h2:after {content:""; position:absolute; left:-1px; top:0; width:1px; height:100%; border-left:1px solid #bbc2d4; }
.m_link5 h2 a {position:relative; display:block;  color:#fff; -webkit-transition:background 0.2s; -ms-transition: background 0.2s; -moz-transition:background 0.2s; transition:background 0.2s;}
.m_link5 h2 a:after { content:"\e928"; position:absolute; left:50%; top:0; width:1.5rem; height:1.5rem; border-radius:50%; margin-left:-0.75rem; background:#5d8cff; border:3px solid #fff; font-size:0.9rem; font-family:"xeicon"; line-height:1.3rem; opacity:0; -webkit-transition:0.2s; -ms-transition:0.2s; -moz-transition:0.2s; transition:0.2s; z-index:3;}
.m_link5 h2 a:before { content:''; position:absolute; left:-1px; top:0; display:block; width:calc(100% + 2px); background:#4a506b; height:100%; z-index:2;}
.m_link5 h2 a span { position:relative; display:block; height:3.15rem; overflow:hidden;  z-index:3;}
.m_link5 h2.tab1 a:before { border-radius:0.75rem 0 0 0.75rem; }
.m_link5 h2.tab3 a:before { border-radius:0 0.75rem 0.75rem 0;}
.m_link5 h2 a.current{color: #fff;}
.m_link5 h2 a.current:before {background:#5d8cff; } 
.m_link5 h2 a.current:after { opacity: 1; top:-0.75rem;}
.m_link5 .list_box {opacity:0; visibility:hidden; position:absolute; left:0; top:4.65rem; width:100%; height:11.5rem; padding:2.2rem 2.5rem 0; border-radius:1rem; background:#fff; box-shadow:2px 2px 10px rgba(0,0,0,0.14); overflow:hidden;}
.m_link5 .list_box.on {opacity:1; visibility:visible;}
.m_link5 .list_box a { display:block; } 
.m_link5 .list_box .ico { display:block; width:5.5rem; height:5.5rem; background:#e4f1fd; border-radius:0.8rem; text-align:center; margin:0 auto; padding-top:0.8rem; }
.m_link5 .list_box .ico img { width:3.75rem; -webkit-transition:transform 0.2s; -ms-transition:transform 0.2s; -moz-transition:transform 0.2s; transition:transform 0.2s;}
.m_link5 .list_box .txt { display:block; height:2.4rem; color:#000; font-size:0.9rem; line-height:1.2rem; overflow:hidden; margin-top:0.8rem; padding:0 0.2rem; text-align:center; }
.m_link5 .list_box .slick-arrow { position:absolute; top:4rem; width:2rem; height:2rem; font-size:0; border:1px solid #cfcfcf; border-radius:50%; }
.m_link5 .list_box .slick-prev { left:0.5rem; }
.m_link5 .list_box .slick-next { right:0.5rem; }
.m_link5 .list_box .slick-arrow:before {  font-family:"xeicon"; color:#a1a1a1; font-size:0.9rem; line-height:2rem; }
.m_link5 .list_box .slick-prev:before { content:"\e93b"; }
.m_link5 .list_box .slick-next:before { content:"\e93e"; }
/* 바로가기5 : active */  
.m_link5 .list_box .tab_list ul li a:hover,
.m_link5 .list_box .tab_list ul li a:focus {color:#435375;}
.m_link5 .list_box .tab_list ul li a:hover:before,
.m_link5 .list_box .tab_list ul li a:focus:before {color:#fff; background:#435375;}
.m_link5 .list_box a:hover .ico img,
.m_link5 .list_box a:focus .ico img{ -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg); transform:rotateY(180deg);}
.m_link5 .list_box a:hover,
.m_link5 .list_box a:focus{ text-decoration:underline; }

/* 바로가기6 */   
.m_link6 h2 { line-height:3.1rem; background:#5d8cff; border-radius:1.5rem 1.5rem 0 0; color:#fff; font-family:"NotoSans"; text-align:center; font-size: 1.1rem;  padding:0 1rem 0 6.5rem; text-overflow: ellipsis; white-space: nowrap; }
.m_link6 .ico { position:absolute; left:-1.7rem; top:-2.4rem;}
.m_link6 .ico img { width:7.7rem; }
.m_link6 .link_wrap { background:#3f5893; padding:1.1rem ; border-radius:0 0 1.5rem 1.5rem;}
.m_link6 .link_scroll { height:10.8rem; }
.m_link6 ul { font-size:0; line-height:0; }
.m_link6 ul li { display:inline-block; width:100%; vertical-align:top;}
.m_link6 ul li a {position:relative; display:block; color:#fff; font-size:0.9rem; padding:0.35rem 0.5rem 0.35rem 1.5rem; line-height:1.2rem;}
.m_link6 ul li a:before{content:''; position:absolute; left:0; top:0.5rem; width:1rem; height:1rem; background:#84a1e7 url('/images/template/01024/main/link6_arrw.png') no-repeat left center; border-radius:50%;  -webkit-transition:background 0.2s; -ms-transition:background 0.2s; -moz-transition:background 0.2s; transition:background 0.2s;}
/** 바로가기 : acitve **/
.m_link6 li a:hover,
.m_link6 li a:focus{text-decoration:underline;}
.m_link6 li a:hover:before,
.m_link6 li a:focus:before{background-color:#416ed6; }

/* 팝업존 */
.popup .list_box{background: #fff;}
.popup .list_box a {max-width:21rem; max-height:13rem;}
.popup h2{background:#5d8cff; padding:0 6rem 0 1.5rem; color:#fff; border-radius:0.75rem; font-weight:700; margin-bottom:1.5rem;}
.popup .control{right:0.5rem;}
.popup .control a{color:#fff;}
.popup .control .count{color:#fff;}


/* 배너존 */
.banner {border-top:1px solid #c4cad6; height:4rem; padding:0.7rem 0; width:100%; float:none;}
.banner h2 {position:absolute; left:0; top:0.5rem; font-size:0.9rem; color:#222;}
.banner .control {position:absolute; left:4rem; top:0.5rem;}
.banner .control a {display:inline-block; width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center; border:1px solid #959595; border-radius:50%; text-align:center;}
.banner .control .btn {display:inline-block;}
.banner .control #bnPlay {display:none;}
.banner .bnlst {line-height:0;  padding-left:14.5rem;}
.banner .bnlst .bn a {display:inline-block; width:95%; max-width:95%; margin:0 auto; border:1px solid #ccc; text-align:center;} 
.banner .bnlst .bn a img {width:auto; max-width:100%; position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);} 
/* 배너 팝업 */
.bannerList { display:none; position:absolute; bottom:3.5rem; max-width:40rem; background:#fff; padding:0.5rem 1rem 1rem; border-radius:0.5rem; z-index:10; color:#000; border:1px solid #ececec; box-shadow:0 0 10px rgb(0 0 0 / 20%);}
.bannerList h3 { font-size:1rem; line-height:2.5rem; font-family:"SCDream"; border-bottom:1px solid #999; margin-bottom:1rem; }
.bannerList ul { max-height:9.8rem; overflow-y:auto; font-size:0; line-height:0; }
.bannerList ul li { display:inline-block; vertical-align:top; width:33.333%; padding:0.2rem; }
.bannerList ul li a { display:block; text-align:center; height:2.8rem; padding:0.2rem 0.5rem; text-align:center; line-height:1.2; }
.bannerList ul li a img { width:100%; max-height:100%;}
.bannerList ul li a:hover,
.bannerList ul li a:focus { border-color:#999; }
.bannerList .bn_close { position:absolute; right:1rem; top:0.5rem; font-size:1rem; line-height:2.5rem;}

@media (max-width:1440px){
	.T1_C08{width:100%; position:relative; left:auto; margin-bottom:2.5rem;}
	.T1_C09{width:49%; margin-right:0;}
	.T1_C04{width:49%;}
	
	.m_link6 .ico{left:0;}
	.m_link6 h2{text-align:left; padding:0 1rem 0 8.5rem;}
	
	/* 배너존 */ 
    .banner h2 {display:none;}
    .banner .control {left:0;}
    .banner .bnlst {line-height:0;  padding-left:8rem;}
}

@media (max-width:1240px) {

	.conBox01{padding:2rem 0;}
    .conBox01:after {background-size:cover; background-position:top; width:150px; height:300px;} 
    .conBox01:before{width:250px; height:450px; bottom:-22px;}
    .conBox02{padding-bottom:2rem;}
    .conBox03{padding:2rem 0 3.5rem;}
    
    .T1_C02{margin:1.5rem 0 0;}
    
    .m_link ul{margin:0;}
    .m_link ul li a{padding:0; text-align:center;}
    .m_link ul li a .ico{ position:relative; margin:0 auto; display:block;}
    .m_link ul li a .txt span{font-size:0.9rem;}
}

@media (max-width:1140px) {
	
	.notice .list_box ul > li:nth-child(n+4){display:block;}
    
    /* 바로가기5 */
    .m_link5 .list_box .ico {width:7rem;}

    /* 바로가기6 */ 
    .m_link6 ul li {width:50%; }
    
    .gallery .gallery_slides{padding-bottom:0;}
    .gallery .gallery_slides .slide:last-child{display:none;}
 
}

@media (max-width:900px) { 
	.conBox01{padding:2rem 0;}

	.T1_C09 {width:100%; float:none; padding:2.5rem 0 0;} /* 바로가기6 */
	.T1_C04 {width:100%; float:none; margin-top: 2rem;} /* 팝업존 */
	.T1_C03{width:100%; float:none; margin-right:0;}
	.T1_C05{width:100%; float:none;  margin-right:0;}
	.T1_C06{width:100%; float:none; margin-right:0;}
	.T1_C08{margin-bottom:0;}

    /* 바로가기 */ 
    .m_link6 ul li { width:50%; }
    .m_link6 .ico{top:0;}

    /* 바로가기5 */
    .m_link5 .list_box .ico {width:6rem;}

    /* 팝업존 */
    .popup .list_box{background: #efefef;}


	
	.notice h2 a{font-size:1rem;}
	
}

@media (max-width:768px) {
	.conBox02{padding:1rem 0;}
	.conBox03:before,
	.conBox03:after { display:none; }
	
	.T1_C06{margin-top:0;}
	
	.gallery{padding-bottom:3rem;}
	.gallery .gallery_slides{display:block; width:100%; transform:none; -webkit-transform:none;}
	.gallery .gallery_slides .slide{display:block; width:50%; float:left; margin-bottom:1rem;}
	.gallery .btn_more{bottom:1.5rem;}
}
@media (max-width:680px) {
	/* 배너 팝업 */ 
	.bannerList ul li { width:50%; } 
}

@media (max-width:600px) {
	.conBox01:after{right:-50px;}
	.conBox01:before{width:200px; height:400px;}
	.conBox01:after{width:120px; height:240px;}

	/* 바로가기5 */
	.m_link5 { height:15rem; }
	.m_link5 h2 { font-size:0.9rem; }
	.m_link5 .list_box { height:10rem; padding:1.35rem 2rem 0; }

 }

 @media (max-width:550px) {
 .conBox01{padding:2rem 0 1rem;}

 	/* 바로가기6 */ 
 	.m_link6 ul li {width:100%; }
 	
 	.gallery .slide a .img{height:8rem;}
	.gallery .slide a:before{height:8rem;}
	
	.m_link ul li{width:50%; margin-bottom:1rem;}
 }

@media (max-width:350px) {
	.gallery .slide a .img{height:7.25rem;}
	.gallery .slide a:before{height:7.25rem;}

	/* 바로가기5 */
	.m_link5 h2 { font-size:0.8rem; }
	
	/* 배너 팝업 */ 
	.bannerList ul li { width:100%; } 

}