@charset "utf-8";


/* 메인비주얼 */
.main_visual {position:relative; }
.main_visual ul li {position:relative; width:100%; height:560px;}
.main_visual ul li .img {position:relative; width:100%; height:100%; overflow:hidden;}
.main_visual ul li .img img {position:absolute; left:50%; margin-left:-960px;}
.main_visual ul li .mv_slogan {position:absolute; top:135px; right:50%; width:740px; padding:0 30px; margin-right:-170px; color:#fff; text-align:left; line-height:1.4; font-family:'NotoR';}
.main_visual ul li .mv_slogan .txt1 {font-size:60px; letter-spacing:-2px; text-shadow:1px 2px 2px rgba(6,7,7,.77); color:#a3c0ff;}
.main_visual ul li .mv_slogan .txt2 {margin-top:15px; font-size:24px; font-family:'NotoR'; text-shadow:1px 2px 2px rgba(6,7,7,.77); COLOR:#d9e9ff;}
.main_visual ul li .mv_slogan .txt3 {margin-top:15px; font-size:20px; font-family:'NotoT'; text-shadow:1px 2px 2px rgba(6,7,7,.77);}

.main_visual .bx-controls-direction .bx-prev {position:absolute; left:40px; top:50%; width:60px; height:60px; margin-top:-30px; text-indent:-10000em; background:url('/images/web/clac/main/btn_visual_prev.png') no-repeat center;}
.main_visual .bx-controls-direction .bx-next {position:absolute; right:40px; top:50%; width:60px; height:60px; margin-top:-30px; text-indent:-10000em; background:url('/images/web/clac/main/btn_visual_next.png') no-repeat center;}
.main_visual .bx-controls-auto {position:absolute; bottom:50px; left:50%; height:40px; margin-left:-600px; }
.main_visual .bx-controls-auto::after {content:''; display:block; clear:both;}
.main_visual .bx-controls-auto .bx-controls-auto-item a {width:40px; height:40px; text-indent:-10000em; }
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-start {display:none; background:url('/images/web/clac/main/btn_visual_play.png') no-repeat center center;}
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-stop {display:block; background:url('/images/web/clac/main/btn_visual_stop.png') no-repeat center center;}
.main_visual .bx-pager.bx-default-pager {position:absolute; bottom:50px; left:50%; height:40px; margin-left:-600px; padding:0 25px 0 65px; border-radius:20px; background:url('/images/web/clac/main/bg_visual_colt.png') repeat;}
.main_visual .bx-pager.bx-default-pager::after {content:''; display:block; clear:both; height:0;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item {display:block; float:left; margin:14px 5px;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item a {display:block; text-indent:-999em; width:12px; height:12px; background:url('/images/web/clac/main/btn_visual_off.png') no-repeat center;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active { background:url('/images/web/clac/main/btn_visual_on.png') no-repeat center;}
 #m_visual li { -webkit-backface-visibility: hidden !important;}

/* 바로가기 */
.M_link {position:relative; height:100%; overflow:hidden} 
.M_link ul li {float:left; width:33.3%; height:90px;}
.M_link ul li:first-child {width:33.4%;}
.M_link ul li.link1 {background:#02a99f;}
.M_link ul li.link2 {background:#0175b2;}
.M_link ul li.link3 {background:#f28bba;}
.M_link ul li a { display:block; position:relative; padding-left:105px; height:100%; color:#fff;background:url('/images/web/clac/main/btn_more2.png') no-repeat 90% 50%;}
.M_link ul li a img { position:absolute; width:68px; height:68px; top:11px; left:22px; border-radius:50%; background: url('/images/web/clac/main/m_link1_bg.png') no-repeat left 0; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.M_link ul li a .tt { display:block; font-size:19px; padding:34px 0 10px}
.M_link ul li a .tt:after { content:''; display:inline-block; width:41px; height:19px; margin-left:19px;}
.M_link ul li a:hover .tt{color:#eee;}

/* 공지사항 */ 
.notice {position:relative; background:url('/images/web/clac/main/notice_line.png') repeat-x 0 50px;}
.notice h2 {position:absolute; top:0; width:100px; font-size:20px; font-weight:bold}
.notice h2.tit_1 {left:0;}
.notice h2.tit_2{left:100px;}
.notice h2 a {display:block; height:50px; line-height:48px; color:#889195;}
.notice h2.current a{color:#222; cursor:default}
.notice .list_box.on {display:block; }
.notice .list_box {display:none; height:187px; padding:55px 0 0; overflow:hidden;}
.notice .list_box ul li {position:relative; height:50%; border-top:1px solid #c8cbd7;}
.notice .list_box ul li:first-child {border-top:0;}
.notice .list_box ul li a {display:block; overflow:hidden; padding:22px 0 24px}
.notice .list_box ul li a:hover dt {text-decoration:underline}
.notice .list_box ul li span.date {display:block; position:relative; float:left; width:68px; padding-top:35px; font-size:14px; color:#555; text-align:center;}
.notice .list_box ul li span.date em {position:absolute; top:5px; left:0; width:100%; display:block; font-size:34px; color:#0467b3;}
.notice .list_box ul li dl { width:476px; float:right; line-height:150%;}
.notice .list_box ul li dl dt {font-size:16px; color:#111; margin-bottom:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.notice .list_box ul li dl dd {font-size:14px; color:#555; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.notice .list_box a.btn_more {position:absolute; top:13px; right:0; width:26px; height:26px; background:url('/images/web/clac/main/btn_more.png') no-repeat; text-indent:-10000px; z-index:10}

/* Q&A */ 
.notice02 {position:relative; background:url('/images/web/clac/main/notice_line.png') repeat-x 0 50px;}
.notice02 h2 {position:absolute; top:0; width:100px; font-size:20px; font-weight:bold}
.notice02 h2.tit_1 {left:0;}
.notice02 h2.tit_2{left:100px;}
.notice02 h2 a {display:block; height:50px; line-height:48px; color:#889195;}
.notice02 h2.current a{color:#222; cursor:default}
.notice02 .list_box.on {display:block; }
.notice02 .list_box {display:none; height:187px; padding:75px 0 0; overflow:hidden;}
.notice02 .list_box ul {padding:0; overflow:hidden;}
.notice02 .list_box ul li {position:relative; padding-right:100px; line-height:31px;}
.notice02 .list_box ul li a {display:block; padding-left:10px; font-size:15px; color:#333333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.notice02 .list_box ul li a:before {content:''; position:absolute; top:13px; left:0; width:4px; height:4px; background:#5281c1; border-radius:25px;}
.notice02 .list_box ul li a:hover {color:#222; text-decoration:underline;}
.notice02 .list_box ul li span {position:absolute; right:0; top:0; display:block; color:#777;}
.notice02 .list_box a.btn_more {position:absolute; top:13px; right:0; width:26px; height:26px; background:url('/images/web/clac/main/btn_more.png') no-repeat; text-indent:-10000px; z-index:10}


/* 바로가기2 */
.M_link2 { position:relative; overflow:hidden; height:100%; background:url('/images/web/clac/main/M_link_bg.png') no-repeat 0 0} 
.M_link2 img {position:absolute; left:190px; bottom:24px;}
.M_link2 h2 { position:absolute; top:21px; left:0; font-size:20px; color:#fff; font-weight:bold; z-index:999;}
.M_link2 h2 span { display:block; font-size:14px; color:#fbfbfb; font-weight:normal}
.M_link2 ul { overflow:hidden; padding-top:30px; padding-left:276px;} 
.M_link2 li {position:relative; float:left; width:274px; height:30px; border:1px solid #fff; margin-bottom:6px; margin-left:20px;}
.M_link2 li a { display:block; padding:0 20px; font-size:15px; color:#fff; line-height:28px; background:url('/images/web/clac/main/M_link2_ico.png') no-repeat 95% 50%}
.M_link2 li a:hover{ background-color:#82aee9}

/* 바로가기3 */
.M_link3 { position:relative; overflow:hidden; height:100%; background:url('/images/web/clac/main/M_link3_bg02.png') repeat;} 
.M_link3 .M_link3_bg {width:100%; height:100%; background:url('/images/web/clac/main/M_link_bg.png') no-repeat 0 0}
.M_link3 img {position:absolute; left:190px; bottom:24px;}
.M_link3 h2 { position:absolute; top:21px; left:35px; font-size:20px; color:#fff; font-weight:bold; z-index:999;}
.M_link3 h2 span { display:block; font-size:12px; color:#fbfbfb; font-weight:normal}
.M_link3 ul { overflow:hidden; padding-top:25px; padding-left:300px; } 
.M_link3 li {position:relative; float:left; width:274px; height:36px; margin-bottom:6px; margin-left:32px; font-size:17px; color:#fff; line-height:34px;}
.M_link3 li span { display:inline-block; width:60px; height:34px; margin-right:10px; border-radius:5px 5px; font-size:15px; text-align:center;}
.M_link3 li span.bg_01 { background:#3465aa;}
.M_link3 li span.bg_02 { background:#1b4177;}
.M_link3 li span.bg_03 { background:#283143;}

/* 포토갤러리 */
.photo_news {position:relative; height:100%; overflow:hidden}
.photo_news > h2 { text-align:center; padding-top:36px; font-size:20px; color:#222; font-weight:bold}
.photo_news > h2 span { display:block; font-weight:normal; font-size:14px; color:#666;}
.photo_news .news_list_box {padding:14px 0 0}
.photo_news .news_list_box ul{}
.photo_news .news_list_box ul li {width:274px; height:290px; background-color:#fff; float:left; margin-left:33px; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease; box-shadow: 2px 2px 2px #9b9fa9;}
.photo_news .news_list_box ul li:first-child {margin-left:0;}
.photo_news .news_list_box ul li a { position:relative; display:block; height:100%}
.photo_news .news_list_box ul li a .img {width:100%; height:180px; overflow:hidden}
.photo_news .news_list_box ul li a .img img {width:100%; height:100%; image-rendering:-webkit-optimize-contrast; transition-duration:.3s;}
.photo_news .news_list_box ul li a:hover .img img {transition-duration:.3s;  -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05)}
.photo_news .news_list_box ul li a .view_con {padding:23px 13px 0;}
.photo_news .news_list_box ul li a .view_con dt{color:#111; font-size:15px; margin-bottom:8px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.photo_news .news_list_box ul li a .view_con dd{height:36px; color:#666; font-size:13px; text-overflow:ellipsis; overflow:hidden;}


@media screen and (max-width:1300px) {	
	.main_visual .bx-controls-direction .bx-prev {display:none;} 
	.main_visual .bx-controls-direction .bx-next {display:none;} 
}


@media (max-width:1019px) {
	
	.main_visual, .main_visual ul li .mv_slogan,
	.MC_conBox,
	.m_link1 ul li {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

	/* 메인비주얼 */
	.main_visual ul li {height:430px;} /* 181022 */
	.main_visual ul li .img img {left:50%; margin-left:-597px; height:100%;} /* 181022 */

	.main_visual ul li .mv_slogan {top:80px; left:2%; width:96%; margin-left:0; text-align:center;}/* 181018 */
	.main_visual ul li .mv_slogan .txt1 {font-size:48px; line-height:1.2;}
	.main_visual ul li .mv_slogan .txt2 {margin-top:25px; font-size:22px;}
	.main_visual .bx-controls-direction .bx-prev {left:2%; width:50px; height:50px; margin-top:-25px; background-size:50px;}
	.main_visual .bx-controls-direction .bx-next {right:2%; width:50px; height:50px; margin-top:-25px; background-size:50px;}
	.main_visual .bx-controls-auto {bottom:60px; left:20px; margin-left:0; }
	.main_visual .bx-pager.bx-default-pager {bottom:60px; left:20px; margin-left:0;}

	/* 바로가기 */
	.M_link ul li {height:auto}
	.M_link ul li a {padding-left:0; text-align:center; padding:20px 10px 24px; background:none;}
	.M_link ul li a img { position:relative; display:block; margin:0 auto; top:auto; left:auto; border-radius:50%;}
	.M_link ul li a .tt { text-align:center; font-size:16px; padding:14px 0 0}
	.M_link ul li a .tt:after { display:none}


	/* 공지사항 */ 
	.notice .list_box ul li span.date em {position:absolute; top:5px; left:0; width:100%; display:block; font-size:34px; color:#0467b3;}
	.notice .list_box ul li dl { width:calc(100% - 90px);}

	/* 바로가기2 */
	.M_link2 {background:#74a1de url('/images/web/clac/main/M_link_bg.png') no-repeat 0 0} 
	.M_link2 img {left:230px;}
	.M_link2 h2 {position:absolute; top:21px; left:35px; }
	.M_link2 ul {margin:38px 40px 0 340px; padding:0} 
	.M_link2 ul li {width:100%; margin-left:0%; box-sizing:border-box}
	
	/* 바로가기3 */
	.M_link3 img {left:230px;}
	.M_link3 ul{ padding-left:307px;} 
	.M_link3 ul li {width:300px;}

	
	/* 포토갤러리 */
	.photo_news { background-color:#dee4f2; height:auto; padding-bottom:20px;}
	.photo_news .news_list_box {padding:5% 0 5%; width:90%; margin:0 auto}
	.photo_news .news_list_box ul li {width:46%; height:auto; margin-left:2%; margin-right:2%; margin-bottom:2%}
	.photo_news .news_list_box ul li:first-child{ margin-left:2%;}
	.photo_news .news_list_box ul li a .img {height:140px;}
	.photo_news .news_list_box ul li a .view_con {padding:20px 13px;}
	.photo_news .news_list_box ul li a .view_con dd{height:36px;}



}

@media (max-width:860px) {

	/* 바로가기3 */
	.M_link3 ul { background-position:97.5% 16px} 
	
	/* 포토갤러리 */
	.photo_news .news_list_box {width:90%;}
	.photo_news .news_list_box ul li:first-child{ width:46%; margin-left:2%}

}



@media (max-width:680px) {	

	/* 메인비주얼 */
	.main_visual ul li .mv_slogan {top:120px;}
	.main_visual ul li .mv_slogan .txt1 {font-size:40px;}
	.main_visual ul li .mv_slogan .txt2 {font-size:18px; margin-top:15px;}
	.main_visual ul li .mv_slogan .txt3 {font-size:18px; margin-top:5px;}
	.main_visual ul li .mv_slogan .txt3 span {font-size:22px;}
	.main_visual .bx-controls-auto {bottom:40px;}
	.main_visual .bx-pager.bx-default-pager {bottom:40px;}
	

	/* 바로가기2 */
	.M_link2 img {display:none;}
	.M_link2 h2 {left:7%;}
	.M_link2 ul {margin:38px 40px 0 270px;} 

	
	/* 바로가기3 */
	.M_link3 img {display:none;}
	.M_link3 h2 {left:7%;}
	.M_link3 ul {padding-left:270px;} 
	.M_link3 ul li {width:270px; margin-left:0;} 




}

@media (max-width:560px) {

	/* 메인비주얼 */
	.main_visual ul li .mv_slogan {top:70px;}
	.main_visual ul li {height:340px;}
	.main_visual ul li .img img { margin-left:-432px; }
	.main_visual ul li .mv_slogan .txt1 {font-size:26px;}
	.main_visual ul li .mv_slogan .txt1 span {font-size:36px; line-height:1.3;}
	.main_visual ul li .mv_slogan .txt2 {font-size:15px;}
	
	/* 바로가기 */
	.M_link ul li {height:150px;}


	/* 포토갤러리 */
	.photo_news .news_list_box ul li {width:96%; margin-bottom:4%}
	.photo_news .news_list_box ul li:first-child{ width:96%;}

	/* 바로가기2 */
	.M_link2 {background:#74a1de;}
	.M_link2 ul {margin:80px 7% 20px;} 
	
	/* 바로가기3 */
	.M_link3 .M_link3_bg {background:none;}
	.M_link3 ul {padding-left:0; margin:60px 7% 20px;}

}

@media (max-width:480px) {	

	/* 메인비주얼 */
	.main_visual ul li {height:300px;}
	.main_visual ul li .mv_slogan .txt1 {font-size:26px;}
	.main_visual ul li .mv_slogan .txt1 span {font-size:28px; line-height:1.3;}
	.main_visual ul li .mv_slogan .txt2 {font-size:13px; letter-spacing:-1px;}
	.main_visual ul li .mv_slogan .txt3 {font-size:15px;}
	.main_visual ul li .mv_slogan .txt3 span {font-size:17px;}

	
}

@media (max-width:380px) {
	
	


}