@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

*{margin:0px;padding:0px;}
html{overflow-y:scroll;margin:0px;padding:0px;}
body {font-size:12px;font-family:gulim;}
input,select,textarea {font-size:12px;font-family:gulim;}
select {font-size:12px;font-family:dotum;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}
img, p {margin:0px;padding:0px;border:0px;}
li {list-style:none;}

a.roll {color:#fff !important;}
a.roll img.over { display: none;}
a.roll:hover img { display: none;}
a.roll:hover img.over { display: inline-block;}

.wrap {position:relative;width:1100px;margin:0px auto;}
#header {position:relative;height:130px;border-top:4px solid #2b9d1f;background:#fff url('./image/header_bg.jpg') repeat-x;border-bottom:1px solid #b3b3b3;z-index:3;}
#header .wrap {height:130px;}
#header .logo {position:absolute;left:0px;bottom:22px;}
#header .logo img {width:210px;height:auto;}
#header .topbtn {position:absolute;right:15px;top:12px;color:#ccc;font-size:12px;font-family:"Nanum Gothic","나눔고딕","맑은고딕",dotum,gulim,sans-serif;}
#header .topbtn a {color:#4d4d4d;}
#header .topbtn a:hover {color:#000;text-decoration:underline;}
#header .mainmenu {position:absolute;right:0px;bottom:0px;}
#header .mainmenu li {float:left;position:relative;width:120px;height:70px;color:#fff;line-height:0px;text-align:center;}
#header .mainmenu li a {color:#fff !important;}
#header .mainmenu li img {position:absolute;width:120px;height:70px;left:0px;top:0px;}
#header .mainmenu #m6 {width:130px;}
#header .mainmenu .subarrow {display:none;position:absolute;left:0px;bottom:-5px;}
#header .sub {display:none;position:absolute;width:100%;height:38px;bottom:-39px;background:url('./image/sub_bg.png') repeat-x;
              border-bottom:1px solid #595959;opacity:0;}
#header .sub .sbox {display:none;position:absolute;height:38px;top:0px;}
#header .sub .sbox a {display:inline-block;height:38px;padding:0px 15px 0px 15px;color:#fff;font-size:12px;font-weight:700;font-family:"Nanum Gothic","나눔고딕","맑은고딕",dotum,gulim,sans-serif;line-height:39px;}
#header .sub .sbox a:hover {background:#404040;color:#fff;}
#header .sub #sm1 {left:250px;}
#header .sub #sm2 {left:350px;}
#header .sub #sm3 {left:460px;}
#header .sub #sm4 {left:590px;}
#header .sub #sm5 {left:560px;}
#header .sub #sm6 {left:861px;}
#header .sub #sm7 {right:0px;}
#header .sub .wrap {height:auto;}
#mainslide {position:relative;overflow:hidden;height:400px;background:#ccc;border-bottom:1px solid #b3b3b3;z-index:1;}
#mainslide .slide {position:absolute;width:100%;height:100%;left:0px;top:0px;}
#mainslide .slide .simg {min-width:1920px;}
#mainslide .slide .box {position:absolute;width:1100px;height:400px;left:50%;top:0px;margin-left:-550px;}
#mainslide .slide .box .slogan{position:absolute;left:-130px;top:60px;opacity:0;}
#mainslide .slide .box .human {position:absolute;right:25px;top:27px;opacity:0;}

/*최신글 레이아웃*/
.latest {position:relative;height:auto;z-index:2;}
.latest .menubox {overflow:hidden;position:relative;height:auto;background-color:#fff;border-bottom:1px solid #ccc;font-family:"나눔고딕","Nanum Gothic","맑은고딕",dotum,gulim,sans-serif;}
.latest .menubox.nb {border-bottom:0px;}
.latest .menubox li {position:relative;float:left;width:25%;height:235px;cursor:pointer;}
.latest .menubox li .box {height:100%;border-right:1px solid #e5e5e5;}
.latest .menubox li .box.l {border-right:0px;}
.latest .menubox li .box .title {height:auto;padding:30px 20px 0px 21px;line-height:18px;}
.latest .menubox li .box .title .t {color:#808080;font-size:22px;font-weight:700;}
.latest .menubox li .box .title .c {margin:16px 0px 0px 0px;color:#808080;font-size:12px;}
.latest .menubox li:hover .box .title .t {color:#000;}
.latest .menubox li:hover .box .title .c {color:#333;}
.latest .menubox li .box .title2 {float:left;width:41%;height:auto;padding:30px 3.5% 0px 5.5%;line-height:18px;}
.latest .menubox li .box .title2 .t {color:#808080;font-size:22px;font-weight:700;}
.latest .menubox li .box .title2 .c {margin:16px 0px 0px 0px;color:#808080;font-size:12px;line-height:20px;}
.latest .menubox li .box .imgnemo1 {float:left;width:50%;height:210px;background:url('./image/mainimg7.jpg') no-repeat;background-size:cover;background-position:center top;}
.latest .menubox li .box .imgnemo2 {float:left;width:50%;height:210px;background:url('./image/mainimg8.jpg') no-repeat;background-size:cover;background-position:center top;}
.latest .menubox li:hover .box .title2 .t {color:#000;}
.latest .menubox li:hover .box .title2 .c {color:#333;}
.latest .menubox li .box .more {display:none;position:absolute;right:25px;top:25px;}
.latest .menubox li .box .imgbox {height:auto;margin:20px 0px 0px 0px;text-align:center;}
.latest .menubox li .box .imgbox img {max-width:338px;width:88%;border:1px solid #ccc;}
.latest .menubox li:hover .box .imgbox img {border:1px solid #808080;opacity:0.65;}
.latest .contbox {position:relative;height:auto;background-color:#f5f5f5;font-family:"나눔고딕","Nanum Gothic","맑은고딕",dotum,gulim,sans-serif;}
.latest .contbox .box1 {position:relative;float:left;width:75%;height:auto;}
.latest .contbox .box1 .box {height:auto;padding:0px 0px 0px 0px;background:#fff url('./image/bloggoimg.jpg') no-repeat;background-position:right top;background-size:79% 100%;border-right:1px solid #e5e5e5;}
.latest .contbox .box1 .boxb {float:left;width:274px;height:auto;padding:0px 0px 25px 0px;background-color:#f5f5f5;border-right:1px solid #e5e5e5;}
.latest .contbox .box1 .boxc {float:left;width:549px;height:284px;background:#fff url('./image/mainlatest_centerbg.jpg') no-repeat;}
.latest .contbox .box1 .bloggo {float:left;margin:50px 0px 0px 50px;}
.latest .contbox .box1 .title {height:auto;padding:30px 20px 0px 21px;line-height:18px;}
.latest .contbox .box1 .title .t {color:#808080;font-size:22px;font-weight:700;}
.latest .contbox .box1 .title .c {margin:16px 0px 0px 0px;color:#808080;font-size:12px;}
.latest .contbox .box1 .boxb:hover .title .t{color:#000;}
.latest .contbox .box1 .boxb:hover .title .c{color:#333;}
.latest .contbox .box1 .listbox {max-width:338px;width:88%;height:auto;margin:20px auto 0px auto;border:1px solid #d9d9d9;}
.latest .contbox .box1 .listbox li {position:relative;height:auto;padding:12px 100px 12px 24px;background-color:#fff;background-image:url('./image/notice_dot.png');background-repeat:no-repeat;
                                             background-position:10px 16px;border-bottom:1px solid #e5e5e5;font-size:12px;}
.latest .contbox .box1 .listbox li.last {border-bottom:0px;}
.latest .contbox .box1 .listbox li:hover {background-color:#666;}
.latest .contbox .box1 .listbox li a {color:#666;}
.latest .contbox .box1 .listbox li a:hover {color:#fff;text-decoration:underline;}
.latest .contbox .box1 .listbox li:hover a {color:#fff;}
.latest .contbox .box1 .listbox li .date {position:absolute;right:15px;top:13px;color:#999;font-size:11px;}
.latest .contbox .box1 .listbox li:hover .date {color:#ccc;}
.latest .contbox .box2 {position:relative;float:left;width:25%;height:auto;padding:0px 0px 25px 0px;}
.latest .contbox .box2 .title {height:auto;padding:30px 20px 0px 21px;line-height:18px;}
.latest .contbox .box2 .title .t {color:#808080;font-size:22px;font-weight:700;}
.latest .contbox .box2 .title .c {margin:16px 0px 0px 0px;color:#808080;font-size:12px;}
.latest .contbox .box2:hover .title .t {color:#000;}
.latest .contbox .box2:hover .title .c {color:#333;}
.latest .contbox .box2 .sinbox {max-width:340px;width:88%;margin:20px auto 0px auto;}
.latest .contbox .box2 .sinbox .input1 {display:block;width:83%;height:28px;padding:0px 0px 0px 15%;background:#fff url('./image/sinicon1.jpg') no-repeat;background-position:3px 4px;border:1px solid #999;}
.latest .contbox .box2 .sinbox .input2 {display:block;width:83%;height:28px;margin:6px 0px 0px 0px;padding:0px 0px 0px 15%;background:#fff url('./image/sinicon2.jpg') no-repeat;background-position:3px 4px;border:1px solid #999;}
.latest .contbox .box2 .sinbox .textbox {display:block;float:left;width:53%;height:70px;margin:6px 0px 0px 0px;padding:6px 5% 6px 15%;background:#fff url('./image/sinicon3.jpg') no-repeat;background-position:3px 4px;border:1px solid #999;}
.latest .contbox .box2 .sinbox a {display:block;float:left;width:23%;height:84px;margin:6px 0px 0px 2%;background-color:#666;color:#fff;text-align:center;line-height:82px;}
.latest .contbox .box2 .sinbox a:hover {background-color:#333;}
.latest .contbox .box3 {position:relative;float:left;width:50%;height:auto;padding:0px 0px 25px 0px;background-color:#fff;}
.latest .contbox .box3 .box {height:100%;border-right:1px solid #e5e5e5;}

#subslide {position:relative;overflow:hidden;height:225px;background:#ccc;border-bottom:1px solid #b3b3b3;z-index:1;}
#subslide .simg {display:block;position:absolute;min-width:1920px;left:50%;top:-80px;margin-left:-960px;}
#subslide .box {position:absolute;width:980px;height:225px;left:50%;top:0px;margin-left:-490px;}
#subslide .box .human {position:absolute;left:20px;top:13px;opacity:0;}
#subslide .box .human img {width:320px;height:auto;}
#subslide .box .slogan {position:absolute;right:0px;top:43px;opacity:0;}

#content {padding:0px 0px 40px 0px;min-height:500px;}
#content .aside {float:left;width:220px;margin-right:30px;padding:20px 0px 20px 0px;}
#content .aside .ltitle {height:auto;padding:5px 0px 0px 0px;background:url('./image/leftmenu_bg.jpg') no-repeat;line-height:0px;}
#content .aside .submenu {min-height:100px;margin:12px 0px 0px 0px;font-family:"나눔고딕","Nanum Gothic","맑은고딕",dotum,gulim,sans-serif;}
#content .aside .submenu li {width:220px;height:40px;border-bottom:1px solid #e5e5e5;}
#content .aside .submenu li a {display:block;height:40px;padding:0px 0px 0px 20px;background-color:#fff;color:#666;font-size:14px;line-height:40px;}
#content .aside .submenu li a:hover {background-color:#e5e5e5;color:#000;}
#content .aside .submenu li.on a {background-color:#2b9d1f;background-image:url('./image/left_arrow.png');background-repeat:no-repeat;background-position:185px 3px;color:#fff;}
#content .aside .leftbanner {margin:15px 0px 0px 0px;}

#content .m_side {float:left;width:850px;padding:30px 0px 20px 0px;}
#content .m_side .ptitle {width:850px;height:61px;margin:0px 0px 25px 0px;border-bottom:1px dashed #ccc;}
#content .m_side .ptitle .text {float:left;height:60px;color:#343434;font-family:"나눔고딕","Nanum Gothic","맑은고딕",dotum,gulim,sans-serif;font-size:30px;font-weight:600;line-height:58px;}
#content .m_side .ptitle .navi {float:right; margin:30px 10px 0px 0px;}
#content .m_side .ptitle .navi li {float:left; height:19px; font-family:"굴림",gulim,dotum,AppleGothic,sans-serif; font-size:11px; line-height:22px; letter-spacing:-0.5px; list-style:none;}
#content .m_side .ptitle .navi .home {width:16px; background-image:url("./image/navi_home.jpg"); background-repeat:no-repeat; background-position:top center;}
#content .m_side .ptitle .navi .home a {display:block; width:16px; height:19px;}
#content .m_side .ptitle .navi .sub {}
#content .m_side .ptitle .navi .sub a {color:#737373;}
#content .m_side .ptitle .navi .current {}
#content .m_side .ptitle .navi .current a {color:#2b9d1f;}
#content .m_side .ptitle .navi .arr {width:20px; background-image:url("./image/navi_arr.jpg"); background-repeat:no-repeat;}

#content .m_side .sin {position:relative;padding:20px 0px 60px 0px;background:#f0f0f0;border:1px solid #ccc;}
#content .m_side .sin .title {height:auto;padding:30px 20px 0px 21px;font-family:"나눔고딕","Nanum Gothic","맑은고딕",dotum,gulim,sans-serif;line-height:18px;text-align:center;}
#content .m_side .sin .title .t {color:#666;font-size:22px;font-weight:700;}
#content .m_side .sin .title .c {margin:16px 0px 0px 0px;color:#808080;font-size:12px;}
#content .m_side .sin .sinbox {width:70%;margin:20px auto 0px auto;}
#content .m_side .sin .sinbox .input1 {display:block;width:83%;height:40px;padding:0px 0px 0px 15%;background:#fff url('./image/sinicon1.jpg') no-repeat;background-position:9px 9px;border:1px solid #999;font-size:14px;}
#content .m_side .sin .sinbox .input2 {display:block;width:83%;height:40px;margin:6px 0px 0px 0px;padding:0px 0px 0px 15%;background:#fff url('./image/sinicon2.jpg') no-repeat;background-position:9px 9px;border:1px solid #999;font-size:14px;}
#content .m_side .sin .sinbox .textbox {display:block;width:78%;height:70px;margin:6px 0px 0px 0px;padding:6px 5% 6px 15%;background:#fff url('./image/sinicon3.jpg') no-repeat;background-position:9px 9px;border:1px solid #999;font-size:14px;}
#content .m_side .sin .sinbox a {display:block;width:220px;height:50px;margin:14px auto 0px auto;background-color:#666;color:#fff;text-align:center;line-height:50px;}


#content .loc .table {width:100%; height:auto; border-top:1px solid #d9d9d9; color:#333333; font-size:12px;}
#content .loc .table .cell {overflow:hidden; width:100%; height:auto; border-bottom:1px solid #e5e5e5;}
#content .loc .table .cell .l {float:left; width:12%; height:auto; padding:10px 0 10px 2%; background-color:#fafafa;}
#content .loc .table .cell .r {float:left; width:84%; height:auto; padding:10px 0 10px 2%;}

#content .m_side .map {border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;line-height:0px;}


#footer {height:150px;background:url('./image/footer_bg.jpg') repeat-x;z-index:2;}
#footer .wrap {height:150px;}
#footer .logo {position:absolute;right:0px;top:30px;}
#footer .logo img {width:240px;height:auto;}
#footer .copyright {position:absolute;left:0px;top:42px;color:#808080;font-size:12px;font-family:"나눔고딕","Nanum Gothic","맑은고딕",dotum,gulim,sans-serif;line-height:24px;}




#momain {display:none;height:auto;margin:6px 0px 0px 0px;text-align:center;line-height:0px;}
#momain img {width:100%;height:auto;}
.mainmenum {display:none;overflow:hidden;width:94%;height:auto;margin:10px auto 12px auto; line-height:18px;z-index:2;}
.mainmenum ul {width:100%; overflow:hidden; margin:0px; padding:0px;}
.mainmenum li {float:left;clear:right;list-style:none;}
.mainmenum li a {display:block; padding:15px 0px 14px 0px; background:#2b9d1f;border-radius:4px; text-align:center;}
.mainmenum li a .span1 {font-size:16px; font-weight:700;color:#fff;}
.mainmenum li a .span2 {font-size:13px; font-weight:700;color:#fff;}
.mainmenum li a .span3 {font-family:'굴림';font-size:11.5px;color:#9be294;}
.mainmenum li a .span4 {font-family:'굴림';font-size:11px;color:#9be294;}
.mainmenum li img {width:100%; height:auto;}

#mheader {display:none;position:relative;height:auto;padding:10px 0px 0px 0px;border-top:4px solid #2b9d1f;text-align:center;}
#mheader .logoimg {max-width:200px;height:auto;}
#mheader .mmenu {overflow:hidden;height:auto;margin:10px 0px 0px 0px;}
#mheader .mmenu li {float:left;height:auto;}
#mheader .mmenu li a {display:block;height:30px;background-color:#2b9d1f;color:#fff;line-height:30px;text-align:center;}
#mheader .mmenu li a.mon {background-color:#1b7811;}
#mheader .mmenu li a.line {border-right:1px solid #88d081;}

#mtab {display:none;overflow:hidden;width:100%;height:auto;margin:0px auto 0px auto;padding:5px 0px 5px 0px;border-bottom:1px solid #d9d9d9;background:#f5f5f5;}
#mtab ul {overflow:hidden;height:auto;}
#mtab li {float:left;height:30px;text-align:center;}
#mtab li a {display:block;height:30px;padding:0px 16px 0px 16px;color:#666;line-height:30px;}
#mtab .lline {width:auto;padding:6px 2px 6px 2px;}
#mtab .lon a {color:#000;font-weight:700;}

#footer .mcopy {display:none;height:auto;padding:20px 5px 20px 5px;left:0px;top:0px;color:#dbdbdb;font-size:11px;text-align:center;line-height:18px;}
#footer .mcopy a {color:#fff;}
#footmenu {display:none;}

@media screen and (max-width: 1024px) {
#mainslide, #mainlatest, #subslide, #content .aside, #content .m_side .ptitle .navi, #footer .logo, #footer .copyright, .latest {display:none;}
#momain, .mainmenum, #mtab, #footer .mcopy, #footmenu, #mheader {display:block;}

.wrap {width:100%;}
#header {display:none;overflow:hidden;height:100px;}
#header .wrap {height:auto;}
#header .logo {position:static;margin:28px 0px 0px 0px;text-align:center;}
#header .logo img {width:290px;height:auto;}
#header .topbtn {display:none;}
#header .mainmenu {display:none;}

#content {min-height:400px;}
#content .m_side {overflow:hidden;width:94%;padding:20px 3% 30px 3%;}
#content .m_side .ptitle {width:100%;height:auto;padding:10px 0px 10px 0px;}
#content .m_side .ptitle .text {height:auto;font-family:"맑은고딕",dotum,gulim,sans-serif;font-size:26px;line-height:26px;}
#content .m_side .cont {overflow-y:hidden;overflow-x:auto;width:97%;height:auto;padding:0px 0px 0px 3%;}
#content .m_side .cont img {width:150%;height:auto;}
#content .m_side .map {overflow:hidden;position:relative;width:100%;height:200px;}
#content .m_side .map .mapbox {position:absolute;width:730px;height:400px;left:50%;top:-75px;margin-left:-365px;}

#footer {background-image:none;background-color:#8c8c8c;}
#footer, #footer .wrap {height:auto;}
}