@charset "utf-8";

/* 메인비주얼 (MC_box1) 181213 */
.MC_box1 {position:relative; margin-top:65px; text-align:center;}
.MC_box1 .slogun {padding-top:25px; line-height:1.2; word-break:keep-all; }
.MC_box1 .slogun .txt1 {font-size:50px; font-family:'NotoM'; color:#fff;text-shadow: 0 0 10px #585858;}
.MC_box1 .slogun .txt2 {margin-top:10px; font-size:60px; font-family:'NotoB'; color:#fff;text-shadow: 0 0 10px #585858;}
.MC_box1 .slogun .txt3 {margin-top:30px; font-size:22px; font-family:'NotoR'; color:#fff;text-shadow: 0 0 10px #585858;}

/* 공지사항 (MC_box2) */
.notice {position:relative; height:230px; padding:20px 30px; font-family:'NotoR'; background:url('/images/web/globalart/main/bg_noti.png') no-repeat left top; background-size:cover;}
.notice h2 {position:relative; line-height:50px; font-size:18px; font-family:'NotoM'; color:#fff;}
.notice h2 span {display:inline-block; border-bottom:2px solid #ff9c32; }
.notice ul {padding-top:25px; overflow:hidden;}
.notice ul li {position:relative; line-height:36px; font-size:15px; overflow:hidden;}
.notice ul li a {display:block; padding-right:100px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.notice ul li a img {margin-right:5px;}
.notice ul li a:hover {text-decoration:underline;}
.notice ul li span.date {position:absolute; top:0; right:0; display:block; width:80px; text-align:right; color:#d9e5f9; }
.notice a.btn_more {position:absolute; top:30px; right:30px; padding:4px 10px; font-size:14px; color:#fff; border:1px solid #fff;}
.notice a.btn_more:hover {text-decoration:underline;}

/* 자유게시판 (MC_box3) */
.notice2 {position:relative; height:230px; padding:20px 30px; font-family:'NotoR'; background:url('/images/web/globalart/main/bg_free_bd.png') repeat-x left 12px #fff;}
.notice2 h2 {position:relative; padding-left:45px; line-height:50px; font-size:18px; font-family:'NotoM'; color:#222; background:url('/images/web/globalart/main/icon_free_bd.png') no-repeat left 10px;}
.notice2 ul {padding-top:25px; overflow:hidden;}
.notice2 ul li {position:relative; line-height:36px; font-size:15px; overflow:hidden;}
.notice2 ul li a {display:block; padding-right:100px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.notice2 ul li a img {margin-right:5px;}
.notice2 ul li a:hover {text-decoration:underline;}
.notice2 ul li span.date {position:absolute; top:0; right:0; display:block; width:80px; text-align:right; color:#777; }
.notice2 a.btn_more {position:absolute; top:30px; right:30px; width:22px; height:22px; background:url('/images/web/globalart/main/btn_more.png') no-repeat right top; text-indent:-10000px; z-index:10 }

/* 바로가기 (MC_box4) */
.M_link {position:relative; height:100%; font-family:'NotoR'; background:url('/images/web/globalart/main/bg_m_link.png') no-repeat left top; background-size:cover;}
.M_link ul {padding:60px 50px;}
.M_link ul li {height:48px; margin-top:3px; line-height:48px;}
.M_link ul li:first-child {margin-top:0;}
.M_link ul li a {display:block; padding:0 15px; color:#fff; font-size:16px; background:url('/images/web/globalart/main/bg_arr.png') no-repeat 90% center; -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:hover {background-position:85% center;}
.M_link ul li.link1 {background:url('/images/web/globalart/main/bg_m_link1.png') repeat;}
.M_link ul li.link2 {background:url('/images/web/globalart/main/bg_m_link2.png') repeat;}
.M_link ul li.link3 {background:url('/images/web/globalart/main/bg_m_link3.png') repeat;}

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

	/* 메인비주얼 (MC_box1) 181213 */
	.main_visual .visual_img img {width:100%;}
	.main_visual .slogun {padding-top:0;}
	.main_visual .slogun .txt1 {font-size:40px;}
	.main_visual .slogun .txt2 {margin-top:0; font-size:50px;}
	.main_visual .slogun .txt3 {margin-top:20px; font-size:18px;}

	/* 바로가기 (MC_box4) */
	.M_link ul {padding:30px; overflow:hidden;}
	.M_link ul li {width:32%; float:left; margin:0 0 0 2%;}
	.M_link ul li:first-child {margin:0;}



}

@media (max-width:780px) {
	



}



@media (max-width:680px) {	




}

@media (max-width:580px) {
	
	/* 메인비주얼 (MC_box1) 181213 */
	.main_visual .visual_img img {width:100%;}
	.main_visual .slogun .txt1 {font-size:30px;}
	.main_visual .slogun .txt2 {font-size:40px;}
	.main_visual .slogun .txt3 {font-size:14px;}

	/* 공지사항 (MC_box2) */
	.notice ul li a {padding-right:0;}
	.notice ul li span.date {display:none;}

	/* 자유게시판 (MC_box3) */
	.notice2 ul li a {padding-right:0;}
	.notice2 ul li span.date {display:none;}

	/* 바로가기 (MC_box4) */
	.M_link ul {padding:30px; overflow:hidden;}
	.M_link ul li {width:100%; float:none; margin:5px 0 0 0;}
	.M_link ul li:first-child {margin:0;}


		
}

@media (max-width:480px) {	



}

@media (max-width:380px) {
	
	/* 메인비주얼 (MC_box1) */
	.main_visual img {width:95%;}


}