@charset "utf-8";
/* WEBsiting */
#lnb_wrap,
#subtop{display:none;}
#wrapper{width:1px !important; height:1px !important; overflow:hidden; position:absolute; left:0px; top:1px;filter:Alpha(opacity=0); opacity:0.0; -moz-opacity:0.0;}
#ft_wrap{margin-top:0px !important;}
.mainimage{width:100%; position:relative;overflow:hidden;max-height:525px;}
.mainimage a.img_adm{position:absolute; left:20px; top:20px; display:block; background:#000; border:1px solid #fff; padding:10px; z-index:99999999; color:#fff;}
.maincontents{width:100%; text-align:center; overflow:hidden;}
.maincontents .mc3d{width:100%; max-width:980px; margin:0 auto; text-align:left; overflow:hidden; padding:30px 0 50px 0;}
.maincontents .mc3d .mc3d_01{width:33%;}
.maincontents .mc3d .mc3d_01  .gallery_webzine ul li a img{width:100%;}
.maincontents .mc3d .mc3d_01{float:left;width:31%;}
.maincontents .mc3d .mc3d_02{float:left;width:30%; margin-left:4%;overflow:hidden;}
.maincontents .mc3d .mc3d_02 .gallery_normal ul{width:105%;}
.maincontents .mc3d .mc3d_02 .gallery_normal ul li{width:28%; margin:2%;}
.maincontents .mc3d .mc3d_03{float:right;width:30%;}
.maincontents .mc3d .mc3d_03 .mc3d_03_02{margin-top:10px; border-top:1px solid #efefef;}


.mc2d_wrap{width:100%; text-align:center; margin:0 auto; overflow:hidden; padding:30px 0 50px 0; background:#e6e6e6;}
.mc2d{width:100%; max-width:980px; text-align:center; margin:0 auto; overflow:hidden; text-align:left;}
.mc2d .mc2d_01{float:left; width:50%;}
.mc2d .mc2d_02{float:left; width:50%;}
.mc2d .gallery_normal ul li{width:20%; margin:2%;}



@media all and (min-width: 1px) and (max-width: 900px) 
{
.maincontents .mc3d .mc3d_01{float:none; margin:0 auto 20px auto; width:85% !important;}
.maincontents .mc3d .mc3d_01 .gallery_webzine ul li a span{height:auto !important; padding:0 5px 15px 5px !important;}
.maincontents .mc3d .mc3d_01 .gallery_webzine ul li a em{max-width:300px; width:100%;}
.maincontents .mc3d .mc3d_02{float:none; margin:0 auto 20px auto; width:85% !important;}
.maincontents .mc3d .mc3d_02 .gallery_normal ul li{width:29% !important;}
.maincontents .mc3d .mc3d_02 .gallery_normal ul li a img{}
.maincontents .mc3d .mc3d_03{float:none; margin:0 auto 20px auto; width:85% !important;}
.maincontents .mc3d .mc3d_03 ul li a{display:block; padding:5px 0;}
.mc2d .mc2d_01{float:none; margin:0 auto 20px auto; width:85% !important;}
.mc2d .mc2d_02{float:none; margin:0 auto 0 auto; width:85% !important;}
.mc2d .gallery_normal ul li{width:20% !important;}
}



.main3ban{width:100%; max-width:980px; margin:0 auto; overflow:hidden;border-bottom:1px solid #e5e5e5;padding:45px 0 30px 0;}
.main3ban div{width:33.3%; float:left; text-align:center;}
.main3ban div a{display:block;  margin:0 auto; text-align:left; overflow:hidden;font-family:'Nanum Gothic','나눔고딕'; position:relative;}
.main3ban div a strong{display:block; font-size:18px; color:#005184; }
.main3ban div a span{display:block; font-size:13px; color:#666;padding:15px 0;}
.main3ban div a b{display:inline-block;  background:#ababab; color:#fff; font-family:verdana; font-size:11px; padding:3px 5px;}
.main3ban div a:hover,
.main3ban div a:active,
.main3ban div a:focus{text-decoration:none;}
.main3ban div.main3ban_02 a strong{color:#008441;}
.main3ban div.main3ban_03 a strong{color:#402975;}
.main3ban div a:hover b{background:#333;}

@media all and (min-width: 900px) 
{
	.main3ban div a{padding:0 136px 20px 10px;}
	.main3ban div a i{display:block; position:absolute;right:15px; top:0px;}
}



@media all and (max-width: 900px) 
{
	.main3ban{padding:20px 0;}
	.main3ban div a{text-align:center; width:90%;margin:0 auto;}
	.main3ban div a i{display:block; padding-top:15px;}
	.main3ban div a strong{font-size:14px;}
	.main3ban div a span{font-size:11px;}
	.main3ban div a i{width:100%;}
	.main3ban div a i img{width:100%; max-width:70px;}
}



.main4banWrap{width:100%; overflow:hidden; text-align:center; background:#eeeeee;}
.main4ban{width:100%; max-width:980px; margin:0 auto; overflow:hidden;padding:20px 0;}
.main4ban div{width:25%; float:left; text-align:center;}
.main4ban div a{display:block; width:90%; border-radius: 7px; margin:0 auto; padding:15px 0; text-align:left;font-family:'Nanum Gothic','나눔고딕';;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.main4ban div a strong{display:block; font-size:16px; color:#fff; text-align:center; padding-top:8px;}
.main4ban div a span{display:block; font-size:12px; color:#fff; padding:5px 15px;text-align:center;filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.main4ban div a:hover,
.main4ban div a:active,
.main4ban div a:focus{text-decoration:none;;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.main4ban div a i{display:block; width:100%; text-align:center;padding:10px 0;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.main4ban div a i img{width:50px; margin:0 auto;}

.main4ban div.main4ban_01 a{background:#0068bd;}
.main4ban div.main4ban_01 a:hover{background:#064594;}

.main4ban div.main4ban_02 a{background:#6AAADA;}
.main4ban div.main4ban_02 a:hover{background:#064594;}

.main4ban div.main4ban_03 a{background:#0074d2;}
.main4ban div.main4ban_03 a:hover{background:#064594;}

.main4ban div.main4ban_04 a{background:#DF9200;}
.main4ban div.main4ban_04 a:hover{background:#FFA80A;}

@media all and (max-width: 900px) 
{
	.main4ban{width:100%;padding:0 0;}
	.main4ban div{width:50%;}
	.main4ban div a{width:100%;height:180px;}
	.main4ban div a span{font-size:10px; letter-spacing:-1px;}
}