@charset "utf-8";

/************ 비주얼영역 ************/
.visual_wrap{width:100%;min-width:1000px;height:530px;}
.visual_wrap .visualbg{position:absolute;width:100%;min-width:1000px;height:530px;}
.visual_wrap .visualbg.mbg01{background:url(/img/main/visual_bg.jpg) no-repeat center top;}
.visual_wrap .visualbg.mbg02{background:url(/img/main/visual_bg02.jpg) no-repeat center top;}
.visual_wrap .visualbg.mbg03{background:url(/img/main/visual_bg03.jpg) no-repeat center top;}
.visual_wrap .visualbg.mbg04{background:url(/img/main/visual_bg04.jpg) no-repeat center top;}
.visual_wrap .visualbg.mbg05{background:url(/img/main/visual_bg05.jpg) no-repeat center top;}
.visual_wrap .visualbg.mbg06{background:url(/img/main/visual_bg06.jpg) no-repeat center top;}
.visual_wrap .visualbg.mbg07{background:url(/img/main/visual_bg07.jpg) no-repeat center top;}
.visual_wrap .visualbg.mbg08{background:url(/img/main/visual_bg08.jpg) no-repeat center top;}
.visual_wrap .visualbg.mbg09{background:url(/img/main/visual_bg09.jpg) no-repeat center top;}
.visual_wrap .visualbg.mbg10{background:url(/img/main/visual_bg10.jpg) no-repeat center top;}
.visual_wrap .visualbg.mbg11{background:url(/img/main/visual_bg11.jpg) no-repeat center top;}
.visual_wrap .visualbg.mbg12{background:url(/img/main/visual_bg12.jpg) no-repeat center top;}
.visual_wrap .visualbg.mbg13{background:url(/img/main/visual_bg13.jpg) no-repeat center top;}
.visual_wrap .visualbg.mbg14{background:url(/img/main/visual_bg14.jpg) no-repeat center top;}
.visual_wrap .visualbg.mbg15{background:url(/img/main/visual_bg15.jpg) no-repeat center top;}
.visual_wrap .visualbg.mbg16{background:url(/img/main/visual_bg16.jpg) no-repeat center top;}
.visual_wrap .visualbg.mbg17{background:url(/img/main/visual_bg17.jpg) no-repeat center top;}
.visual_wrap .visualbg.mbg18{background:url(/img/main/visual_bg18.jpg) no-repeat center top;}
.visual_wrap .visualbg .visual_txt{padding-top:96px;text-align:center;font-size:0;line-height:0;}

/* 비주얼게시판 */
.visual_board { position:relative;float:left; width:500px; margin-top:174px; height:255px; padding-left:10px; /*background:url(/img/main/vboard_ctrl_bg.png) no-repeat right top;*/ }
.visual_board .btn{position:absolute;right:0;z-index:1;}
.visual_board .btn a{display:block;}
.visual_board .btn.prev{top:0;}
.visual_board .btn.prev a{padding:16px 13px 88px 13px;}
.visual_board .btn.next{bottom:0;}
.visual_board .btn.next a{padding:88px 13px 16px 13px;}
.visual_board ul { margin-top:10px; height:245px; width:100%; overflow:hidden; }
.visual_board ul li{width:100%;overflow:hidden;margin-bottom:25px;}
.visual_board ul li .info{float:left;width:90px;text-align:center;font-family:'NotoKrM', sans-serif;}
.visual_board ul li .info .type { font-size:16px; }
.visual_board ul li .info .type.type01 { color:#e37bdb; }
.visual_board ul li .info .type.type02 { color:#ff7e00; }
.visual_board ul li .info .type.type03 { color:#71bf44; }
.visual_board ul li .info .type.type04 { color:#fab909; }
.visual_board ul li .info .date { font-size:30px;color:#fff; }
.visual_board ul li .cont{float:left;width:270px;padding-left:20px;}
.visual_board ul li .cont .tit {padding-top:5px;font-size:17px;font-family:'NotoKrM', sans-serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.visual_board ul li .cont .txt {padding-top:7px;font-size:14px;color:#f4f4f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.visual_board ul li .cont a:hover .tit,
.visual_board ul li .cont a:hover .txt{text-decoration:underline;}

/* 팝업존 */
.popupzone { position:relative; float:right; width:490px; padding-top:271px; margin:174px 0px 0 0; font-size:0; line-height:0; }
.popupzone .control { position:absolute;right:0;top:271px; }
.popupzone ul{float:right;padding-right:20px;}
.popupzone ul li{float:left;padding-left:6px;}
.popupzone ul li p{position:relative;z-index:2;}
.popupzone ul li div{position:absolute;top:0;left:0;}


/************ 메인게시판 ************/
.mboard{ width:100%; min-width:1000px; height:70px; background:url(/img/main/mboard_bg.jpg) no-repeat center top; }
.mboard .mboard_box { position:relative;float:left;width:50%;height:70px; }
.mboard .mboard_box .tit{float:left;padding-right:30px;height:70px;line-height:70px;font-size:16px;color:#fff;font-family:'NotoKrM', sans-serif;}
.mboard .mboard_box ul{float:left;height:70px;overflow:hidden;}
.mboard .mboard_box ul li{font-size:14px;line-height:70px;height:70px;}
.mboard .mboard_box ul li span.type{float:left;color:#e1c42c;font-family:'NotoKrB', sans-serif;padding-right:10px;}
.mboard .mboard_box ul li span.date{float:left;color:#e4cde2;letter-spacing:0;padding-right:10px;}
.mboard .mboard_box ul li a{float:left;color:#e4cde2;height:70px;line-height:70px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.mboard .mboard_box ul li a:hover{text-decoration:underline;}
.mboard .mboard_box .more{position:absolute;top:28px;font-size:0;line-height:0;}

.mboard .mboard_box.mboard01 { background:#ef856d; }
.mboard .mboard_box.mboard02 { background:#cb624a; }
.mboard .mboard_box.mboard01 ul li a{width:300px;}
.mboard .mboard_box.mboard02 ul li a{width:140px;}
.mboard .mboard_box.mboard01 .tit{margin-left:20px;}
.mboard .mboard_box.mboard02 .tit{margin-left:20px;}
.mboard .mboard_box.mboard01 .more{right:30px;}
.mboard .mboard_box.mboard02 .more{right:30px;}


/************ 메인아이콘 ************/
.micon{width:1000px;margin:0 auto;height:174px;}
.micon ul li{float:left;width:20%;}
.micon ul li a{display:block;padding-top:115px;font-size:15px;line-height:18px;color:#444;font-family:'NotoKrM', sans-serif;}
.micon ul li a:hover{color:#b449ab;}
.micon ul li a span{display:inline-block;}

.micon ul li.icon01 a{background:url(/img/main/micon01.gif) no-repeat center 36px;}
.micon ul li.icon02 a{background:url(/img/main/micon02.gif) no-repeat center 36px;}
.micon ul li.icon03 a{background:url(/img/main/micon03.gif) no-repeat center 36px;}
.micon ul li.icon04 a{background:url(/img/main/micon04.gif) no-repeat center 36px;}
.micon ul li.icon05 a{background:url(/img/main/micon05.gif) no-repeat center 36px;}


/************ 메인컨텐츠영역 ************/
.mcon_wrap { width:100%; min-width:1100px; height:629px; background:url(/img/main/mcon_bg.jpg) no-repeat center top; }
.mcon_wrap .txt_w { height:115px; text-align:center; }
.mcon_wrap .txt_w .eng{ padding-top:24px; font-size:30px; color:#ef856d; font-family:'Open Sans', sans-serif; font-weight:700; letter-spacing:-1px; }
.txt_w_color01 { color:#ffba08; }
.txt_w_color02 { color:#ef856d; }
.mcon_wrap .txt_w .kor{ padding-top:5px; font-size:24px; color:#747474; font-family:'NotoKrL', sans-serif; }
.mcon_wrap .txt_w .kor span{ font-family:'NotoKrB', sans-serif; }


/* 메인프로그램 */
.mculture { position:relative; width:100%; height:352px; overflow:hidden; }
.mculture>ul { margin:33px 0 0 30px; }
.mculture>ul>li>a { display:inline-block; width:230px; padding-left:5px; color:#787878; font-size:18px; font-family:'NotoKrM', sans-serif; height:40px; line-height:40px; border-bottom:1px solid #dfdfdf;}
.mculture>ul>li>a.on { color:#ef856d; background:url(/img/main/ctab_icon.gif) no-repeat 230px 50%; }
.mculture ul li .mculture_list{ position:absolute; top:41px; left:230px; width:596px; padding:0 72px; }
.mculture ul li .mculture_list .btn { position:absolute; top:97px; }
.mculture ul li .mculture_list .btn.prev { left:0; }
.mculture ul li .mculture_list .btn.next { right:0; }
.mculture ul li .mculture_list div { width:100%; height:300px; overflow:hidden; }
.mculture ul li .mculture_list div ul { width:2000px; }
.mculture ul li .mculture_list div ul li { float:left; width:186px; text-align:center; margin-left:19px; }
.mculture ul li .mculture_list div ul li:first-child { margin-left:0; }
.mculture ul li .mculture_list div ul li a { display:block; }
.mculture ul li .mculture_list div ul li .photo { width:186px; height:231px; padding-top:1px; background:url(/img/main/clist_photo_bg.gif) no-repeat left top;}
.mculture ul li .mculture_list div ul li .photo img{width:184px;height:220px;}
.mculture ul li .mculture_list div ul li .subject{padding-top:10px;width:100%;color:#444;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mculture ul li .mculture_list div ul li a:hover .subject{text-decoration:underline;}
.mculture ul li .mculture_list div ul li .date{padding-top:3px;color:#666;font-size:12px;font-family:'Open Sans', sans-serif;letter-spacing:0;}


/* sns */
/*
.msns{width:100%;overflow:hidden;}
.msns .tit{float:left;padding:50px 0 0 10px;width:120px;font-size:20px;line-height:26px;color:#444;font-family:'NotoKrM', sans-serif;}
.msns ul{float:right;width:780px;padding-top:47px;}
.msns ul li{float:left;width:230px;height:65px;padding-left:40px;border-left:1px solid #ddd;}
.msns ul li a{display:block;padding-left:67px;padding-top:12px;height:55px;font-size:14px;color:#666;line-height:21px;}
.msns ul li a:hover{color:#222;}
.msns ul li.icon01{border-left:none;padding-left:0;}
.msns ul li.icon01 a{background:url(/img/main/sns_icon01.png) no-repeat left 50%;}
.msns ul li.icon02 a{background:url(/img/main/sns_icon02.png) no-repeat left 50%;}
.msns ul li.icon03 a{background:url(/img/main/sns_icon03.png) no-repeat left 50%;}
*/
.msns{width:100%;overflow:hidden; margin:0 auto;}
.msns ul { margin:0 auto; width:502px; padding-top:47px; }

.msns ul li {float:left;width:170px;height:65px; padding-left:80px; }
.msns ul li a {display:block; padding-left:67px;padding-top:12px;height:55px;font-size:14px;color:#666;line-height:21px;}
.msns ul li a:hover {color:#222;}
.msns ul li.icon05{}
.msns ul li.icon04 a {background:url(/img/main/sns_icon04.png) no-repeat left 50%;}
.msns ul li.icon01 a {background:url(/img/main/sns_icon01.png) no-repeat left 50%;}
.msns ul li.icon05 a {background:url(/img/main/sns_icon05.png) no-repeat left 50%;}




/************ 메인배너 ************/
.mban{width:1000px;margin:0 auto;height:86px;overflow:hidden;}
.mban .banner{float:left;width:810px;overflow:hidden;margin:20px 0 0 10px;}
.mban .banner ul{margin-left:-15px;width:2000px;}
.mban .banner ul li{float:left;font-size:0;line-height:0;border:1px solid #e9e9e9;margin-left:15px;}
.mban .banner ul li img{width:148px;height:44px;}
.mban .banner_list{float:right;font-size:0;line-height:0;margin:22px 10px 0 0;}
.mban .banner_list p{float:left;margin-left:6px;}

#RollingBanner {
    position: relative;
    overflow: hidden;
    width: 825px;
    height: 46px;
}


/********************모바일********************/
@media(max-width:736px){


/************ 비주얼영역 ************/
.visual_wrap{min-width:320px;height:295px;background-size:auto 100%;}
.visual_wrap .wsize{text-align:center;}
.visual_wrap .visualbg{min-width:320px;height:295px;}
.visual_wrap .visualbg.mbg01,
.visual_wrap .visualbg.mbg02,
.visual_wrap .visualbg.mbg03{background-size:auto 100%;}
.visual_wrap .visualbg .visual_txt{padding-top:35px !important;}
.visual_wrap .visualbg .visual_txt img{width:85%;}


/* 비주얼게시판 */
.visual_board{float:none;display:inline-block;width:300px;height:200px;margin-top:75px;padding-left:0;background:url(/img/main/mvboard_ctrl_bg.png) no-repeat right top;}
.visual_board .btn.prev a{padding:16px 13px 60px 13px;}
.visual_board .btn.next a{padding:60px 13px 16px 13px;}
.visual_board ul{margin-top:15px;height:185px;}
.visual_board ul li{margin-bottom:18px;}
.visual_board ul li .info{width:60px;}
.visual_board ul li .info .type{font-size:13px;}
.visual_board ul li .info .date{font-size:20px;}
.visual_board ul li .cont{width:160px;padding-left:15px;}
.visual_board ul li .cont .tit{padding-top:0;font-size:14px;}
.visual_board ul li .cont .txt{padding-top:5px;font-size:12px;}

/* 팝업존 */
.popupzone{display:none;}


/************ 메인게시판 ************/
.mboard { min-width:320px;height:auto;background:none; }
.mboard .mboard_box{float:none;width:100%;height:44px;overflow:hidden;}
.mboard .mboard_box .tit{padding:0 15px 0 10px;height:44px;line-height:44px;font-size:14px;}
.mboard .mboard_box ul{height:44px;}
.mboard .mboard_box ul li{font-size:13px;line-height:44px;height:44px;}
.mboard .mboard_box ul li span.type{display:none;}
.mboard .mboard_box ul li span.date{padding-right:5px;}
.mboard .mboard_box ul li a{height:44px;line-height:44px;}
.mboard .mboard_box .more{top:50%;margin-top:-7px;}

.mboard .mboard_box.mboard01 ul li a{width:160px;}
.mboard .mboard_box.mboard02 ul li a{width:110px;}
.mboard .mboard_box.mboard02 .tit{margin-left:0;}
.mboard .mboard_box.mboard01 .more,
.mboard .mboard_box.mboard02 .more{right:10px;}


/************ 메인아이콘 ************/
.micon{width:100%;height:238px;}
.micon ul li{width:33.3%;}
.micon ul li a{padding-top:65px;font-size:13px;}

.micon ul li.icon01 a{background:url(/img/main/micon01.gif) no-repeat center 16px;background-size:40px auto;}
.micon ul li.icon02 a{background:url(/img/main/micon02.gif) no-repeat center 16px;background-size:40px auto;}
.micon ul li.icon03 a{background:url(/img/main/micon03.gif) no-repeat center 16px;background-size:40px auto;}
.micon ul li.icon04 a{background:url(/img/main/micon04.gif) no-repeat center 16px;background-size:40px auto;}
.micon ul li.icon05 a{background:url(/img/main/micon05.gif) no-repeat center 16px;background-size:40px auto;}
.micon ul li.icon06 a{background:url(/img/main/micon06.gif) no-repeat center 16px;background-size:40px auto;}
.micon ul li.icon07{width:100%;margin-top:20px;border-top:1px solid #dfdfdf;}
.micon ul li.icon07 a{display:inline-block;padding-top:0;padding-left:35px;font-size:14px;line-height:50px;height:50px;background:url(/img/main/micon07.png) no-repeat left 50%;background-size:27px auto;}


/************ 메인컨텐츠영역 ************/
.mcon_wrap { min-width:320px; height:auto; background:none; }
.mcon_wrap .txt_w { height:auto; padding:15px 0; background:#fab909; }
.mcon_wrap .txt_w .eng{ color:#f7e4b4; font-size:14px; padding-top:0; font-size:12px; }
.mcon_wrap .txt_w .eng span.txt_w_color01 { color:#f7e4b4;  }
.mcon_wrap .txt_w .kor { color:#fff; padding-top:5px; font-size:20px;word-break:keep-all; }


/* 문화마당 */
.mculture { height:250px; text-align:center; }
.mculture>ul { margin:10px 0 0 0; }
.mculture>ul>li { display:inline-block; margin:0 5px; text-align:left;}
.mculture>ul>li>a { width:180px; padding-left:5px; font-size:14px; height:35px; line-height:35px; }
.mculture>ul>li>a.on { background:url(/img/main/ctab_icon.gif) no-repeat 174px 50%; }
.mculture ul li .mculture_list { top:68px; left:50%; width:281px ;margin-left:-140px; padding:0; }
.mculture ul li .mculture_list .btn{top:40px;}
.mculture ul li .mculture_list .btn img{width:30px;}
.mculture ul li .mculture_list .btn.prev{left:-40px;}
.mculture ul li .mculture_list .btn.next{right:-40px;}
.mculture ul li .mculture_list div{height:auto;}
.mculture ul li .mculture_list div ul li{width:87px;margin-left:10px;}
.mculture ul li .mculture_list div ul li .photo{width:87px;height:111px;background-size:87px auto;}
.mculture ul li .mculture_list div ul li .photo img{width:85px !important;height:101px !important;}
.mculture ul li .mculture_list div ul li .subject{padding-top:5px;font-size:13px;}
.mculture ul li .mculture_list div ul li .date{font-size:10px;line-height:12px;word-break:keep-all;}


/* sns */
.msns{background:#f2f2f2;padding:10px 0;text-align:center;}
.msns .tit{float:none;padding:0;width:100%;font-size:15px;}
.msns ul{float:none;width:auto;padding-top:5px;display:inline-block;}
.msns ul li{float:left;width:40px;height:40px;padding-left:0;border-left:none;margin:0 5px;}
.msns ul li a{padding-left:0;padding-top:0;width:40px;height:40px;font-size:0;line-height:0;}
.msns ul li.icon01 a,
.msns ul li.icon02 a,
.msns ul li.icon03 a,
.msns ul li.icon04 a,
.msns ul li.icon05 a{background-size:40px 40px;}


/************ 메인배너 ************/
.mban{display:none;}


/* 레이어팝업 */
.mmimg_w{top:0 !important; left:0 !important;}
.mmimg_w,
.mmimg_in,
.mmmimg,
.mmmimg p,
.mmmimg img{width:100% !important;height:auto !important;}



}

/********************웹********************/
@media(min-width:737px){









}