@charset "UTF-8";

.hidden,small { display:none; }

ul {list-style:none;}
ul { margin: 0 0 0 0; padding: 0; }
li { margin: 0; padding: 0; }

.img_block {margin:0px; padding:0px; font-size:0px; line-height:0px; display:block;}

.wrap-main section {
	/*background:url("/res/images/mainVisual.jpg") no-repeat center top; height:678px;*/
}

.block a span { display:block; overflow:hidden; width:0; height:0; font-size:0; position:absolute; }
.wrap-sub section.layout { width:1000px; height:1%; }
.wrap-sub > /**/ section.layout { height:auto; }
section.layout:after { display:block; content:""; clear:both; }

/* 상단 */
.maintop {}
.top {width:1000px;height:132px;margin:0 auto;position:relative}
.topbtn {position:absolute;top:10px;right:178px;z-index:10}
.topbtn ul {list-style:none;margin:0;padding:0;}
.topbtn ul li {float:left;margin:0;padding:0;}

.sns {position:absolute;top:3px;right:0px;z-index:10}
.ci {position:absolute;top:44px;left:11px;z-index:10}
.maintoptit {position:absolute;top:29px;right:0px;z-index:10}

#topmenu { position:absolute; left:0px; top:100px; width:1000px; height:32px; margin:0; padding:0; z-index:99; background:#b5b5b5; }
#topmenu > ul#top1menu { display:inline-block; width:100%; position:relative; z-index:90; }
#topmenu > ul#top1menu > li { float:left; /*width:125px; */ width:142.5px;display:inline-block; text-align:center; }
#topmenu > ul#top1menu > li:nth-child(7) { width:145px; }
#topmenu > ul#top1menu > li > a { display:inline-block; /*width:125px;*/ width:142.5px;height:32px; line-height:32px; text-decoration:none; background:inherit; color:#fff; font-family:"Noto Sans KR"; font-weight:300; font-size:17px; }
#topmenu > ul#top1menu > li:nth-child(7) > a {  width:145px;}
#topmenu > ul#top1menu > li.on > a { background:#8bc682; }

#topmenu > ul#top1menu > li > ul { display:inline-block; display:none; width:100%; padding:10px 0; background:#fff; }
#topmenu > ul#top1menu > li:hover > ul { background:url("/res/images/top/smenu_bg.jpg") no-repeat center top, #fff; }
#topmenu > ul#top1menu > li > ul > li { position:relative; width:100%; display:inline-block; }
#topmenu > ul#top1menu > li > ul > li > a { display:inline-block; width:100%; height:34px; line-height:34px; text-decoration:none; color:#000; font-family:"Noto Sans KR"; font-weight:300; font-size:14px; }
#topmenu > ul#top1menu > li > ul > li:hover > a,
#topmenu > ul#top1menu > li > ul > li.on > a { color:#8bc682; }

/* 상단 */

/*메인 영역 시작*/
.mq {width:950px;height:43px;margin:14px 0 28px 22px;}
.mq ul {list-style:none;margin:0;padding:0}
.mq ul li {float:left;margin:0;padding:0}
.mq ul li:first-child {margin-left:66px;}

.maincon {width:1000px;height:235px;margin:0}
.maincon ul {list-style:none;margin:0;padding:0}
.maincon ul li {float:left;margin:0;padding:0}
.maincon ul li.li1 {width:480px;height:215px;margin:0}
.maincon ul li.li1 .mainbanner1 {width:480px;height:215px;position:relative;overflow:hidden;float:left}
.maincon ul li.li1 .btn1 {position:absolute;list-style:none;top:201px;right:0px;z-index:999}
.maincon ul li.li1 .btn1 > li {display:inline-block;float:none;}
.maincon ul li.li1 .bannerImage1 {position:absolute;width:480px;height:215px;top:0px;left:0px;cursor:pointer;}
.maincon ul li.li1 .bannerImage1 > img {position:absolute;}
.maincon ul li.latest {width:330px;height:115px;margin:0 0 0 20px;position:relative;}
.maincon ul li.latest .morebtn1 {position:absolute;top:2px;right:1px;z-index:10}
.maincon ul li.latest .latest1 {position:absolute;top:25px;left:0px;z-index:10}
.maincon ul li.mcs {width:150px;height:216px;margin:0 0 0 20px}
.maincon ul li.latest img {vertical-align:top}
.maincon ul li.latest ul {list-style:none;margin:0;padding:0}
.maincon ul li.latest ul li {float:left;margin:0;padding:0}
.maincon ul li.latest ul li .mainbanner2 {width:160px;height:82px;position:relative;overflow:hidden;}
.maincon ul li.latest ul li .btn2 {position:absolute;list-style:none;top:68px;right:5px;z-index:999}
.maincon ul li.latest ul li .btn2 > li {display:inline-block;float:none;}
.maincon ul li.latest ul li .bannerImage2 {position:absolute;width:160px;height:82px;top:0px;left:0px;cursor:pointer;}
.maincon ul li.latest ul li .bannerImage2 > img {position:absolute;}
.maincon ul li.latest ul li.todaysketch {width:331px;height:100px;float:left;}

/*메인 영역 끝*/

/*서브 영역 시작*/
.subvisual {width:1000px;height:101px;margin:0 auto;position:relative}
.subvisual1 {width:1000px;height:101px;position:absolute;top:0px;left:0px}

section.layout aside { float:left; width:125px;min-height:450px;margin-top:17px}
.subnavi {width:125px;position:relative;float:left}
.stop {height:55px;}
.submenu {margin:0px;padding:0;list-style:none;position:relative;z-index:10;}
.submenu li {width:125px;float:left}
.submenu li img {display:block}

section.layout .content { float:right; width:830px;margin-bottom:30px }
section.layout .content header { width:830px; height:55px;margin-top:17px}

.boardarea {width:830px; margin-top:40px; padding:0;}


.block { width:75px; height:15px; display:block; padding-top:50px; padding-left:764px;}
/*서브 영역 끝*/