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

* {margin:0px;padding:0px;}
html {overflow-y:scroll;}

body {min-width:1280px;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;}
li {list-style:none;}

.wrap {position:relative;width:1280px;height:auto;margin:0px auto;}
#header {position:relative;overflow:hidden;min-width:1280px;height:120px;background:#fff;border-top:4px solid #333;font-family:"Nanum Gothic","맑은고딕",dotum,gulim,sans-serif;z-index:5;}
#header .logo {position:absolute;height:auto;left:0px;top:0px;background-color:#fff;text-align:center;z-index:3;}
#header .menu {position:absolute;height:auto;right:0px;top:0px;background-color:#fff;z-index:3;}
#header .menu li {float:left;height:auto;padding:0px 0px 0px 0px;}
#header .menu li a {display:block;width:160px;height:120px;padding:0px 0px 0px 0px;color:#333;font-size:17px;font-weight:700;line-height:120px;text-align:center;}
#header .menu li.on a {background-color:#333;color:#fff;}
#header .banner {position:absolute;width:100%;height:auto;left:0px;bottom:150px;text-align:center;z-index:2;}
#header .copyright {position:absolute;width:100%;height:auto;padding:0px 0px 30px 0px;left:0px;bottom:0px;color:#666;font-size:11px;text-align:center;line-height:18px;z-index:1;}

#submenubox {display:none;position:absolute;overflow:hidden;width:100%;min-width:1280px;height:0px;left:0px;top:124px;background:url('./image/submenubox_bg.png') repeat-x;border-bottom:1px solid #333;font-family:"나눔고딕","Nanum Gothic","맑은고딕",dotum,gulim,sans-serif;z-index:6;}
#submenubox .wrap {overflow:hidden;height:100%;}
#submenubox .box {overflow:hidden;position:absolute;width:158px;height:100%;left:0px;top:0px;padding:15px 0px 0px 0px;border-left:1px solid #4d4d4d;border-right:1px solid #4d4d4d;}
#submenubox .box.on {background-color:#333;}
#submenubox .box.on li a {color:#fff;}
#submenubox .box li {width:160px;height:36px;padding:0px 0px 0px 0px;line-height:36px;}
#submenubox .box li a {display:block;height:39px;padding:0px 0px 0px 15px;color:#ccc;font-size:14px;}
#submenubox .box li a:hover {color:#adff0a;font-weight:700;}
#submenubox #sm1 {width:159px;left:319px;}
#submenubox #sm2 {left:481px;border-left:0px;}
#submenubox #sm3 {left:641px;border-left:0px;}
#submenubox #sm4 {left:801px;border-left:0px;}
#submenubox #sm5 {left:961px;border-left:0px;}
#submenubox #sm6 {left:1121px;border-left:0px;}
#content {position:relative;padding:0px 0px 35px 0px;min-height:500px;background:#fff;}
/*메인슬라이드*/
#content .mainslide {position:relative;overflow:hidden;min-width:1280px;height:500px;background:#fff url('./image/content_bg.jpg');z-index:3;}
#content .mainslide .wrap {overflow:hidden;height:500px;z-index:2;}
#content .mainslide .shadow {position:absolute;width:100%;height:10px;left:0px;top:0px;background:url('./image/header_shadow.png') repeat-x;z-index:3;}
#content .mainslide .slidebox {position:absolute;width:100%;height:500px;left:50%;top:0px;margin-left:-50%;z-index:1;}
#content .mainslide #slide1 {background:url('./image/mainslide1.jpg') no-repeat;background-size:cover;background-position:center top;}
#content .mainslide #slide2 {display:none;margin-left:50%;background:url('./image/mainslide2.jpg') no-repeat;background-size:cover;background-position:center top;}
#content .mainslide #slide3 {display:none;margin-left:50%;background:url('./image/mainslide3.jpg') no-repeat;background-size:cover;background-position:center top;}
#content .mainslide .slogan {position:absolute;width:500px;height:auto;left:50%;top:0px;margin-left:-250px;color:#fff;font-family:"나눔고딕","Nanum Gothic","맑은고딕",dotum,gulim,sans-serif;text-align:center;opacity:0;}
#content .mainslide .slogan .t1 {font-size:16px;}
#content .mainslide .slogan .ti {display:inline-block;margin:15px 0px 0px 0px;}
#content .mainslide .slogan .t2 {display:inline-block;margin:15px 0px 0px 0px;font-size:60px;}
#content .mainslide .slogan .t3 {display:inline-block;margin:20px 0px 0px 0px;font-size:18px;}
#content .mainslide .slogan2 {position:absolute;width:519px;height:auto;left:50%;bottom:30px;margin-left:-259.5px;opacity:0;}
#content .mainslide .arrowl {position:absolute;left:30px;top:200px;}
#content .mainslide .arrowr {position:absolute;right:30px;top:200px;}
/*최신글 레이아웃*/
#content .latest {position:relative;height:auto;z-index:2;}
#content .latest .menubox {position:relative;height:auto;background-color:#fff;border-bottom:1px solid #ccc;font-family:"나눔고딕","Nanum Gothic","맑은고딕",dotum,gulim,sans-serif;}
#content .latest .menubox.nb {border-bottom:0px;}
#content .latest .menubox li {position:relative;float:left;width:25%;height:210px;cursor:pointer;}
#content .latest .menubox li .box {height:100%;border-right:1px solid #e5e5e5;}
#content .latest .menubox li .box.l {border-right:0px;}
#content .latest .menubox li .box .title {height:auto;padding:30px 20px 0px 21px;line-height:18px;}
#content .latest .menubox li .box .title .t {color:#808080;font-size:22px;font-weight:700;}
#content .latest .menubox li .box .title .c {margin:16px 0px 0px 0px;color:#808080;font-size:12px;}
#content .latest .menubox li:hover .box .title .t {color:#000;}
#content .latest .menubox li:hover .box .title .c {color:#333;}
#content .latest .menubox li .box .title2 {float:left;width:41%;height:auto;padding:30px 3.5% 0px 5.5%;line-height:18px;}
#content .latest .menubox li .box .title2 .t {color:#808080;font-size:22px;font-weight:700;}
#content .latest .menubox li .box .title2 .c {margin:16px 0px 0px 0px;color:#808080;font-size:12px;line-height:20px;}
#content .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;}
#content .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;}
#content .latest .menubox li:hover .box .title2 .t {color:#000;}
#content .latest .menubox li:hover .box .title2 .c {color:#333;}
#content .latest .menubox li .box .more {display:none;position:absolute;right:25px;top:25px;}
#content .latest .menubox li .box .imgbox {height:auto;margin:20px 0px 0px 0px;text-align:center;}
#content .latest .menubox li .box .imgbox img {max-width:338px;width:88%;border:1px solid #ccc;}
#content .latest .menubox li:hover .box .imgbox img {border:1px solid #808080;opacity:0.65;}
#content .latest .contbox {position:relative;height:auto;background-color:#f5f5f5;border-bottom:1px solid #ccc;font-family:"나눔고딕","Nanum Gothic","맑은고딕",dotum,gulim,sans-serif;}
#content .latest .contbox .box1 {position:relative;float:left;width:75%;height:auto;}
#content .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;}
#content .latest .contbox .box1 .boxb {float:left;width:33.3%;height:auto;padding:0px 0px 25px 0px;background-color:#f5f5f5;border-right:1px solid #e5e5e5;}
#content .latest .contbox .box1 .bloggo {float:left;margin:50px 0px 0px 50px;}
#content .latest .contbox .box1 .title {height:auto;padding:30px 20px 0px 21px;line-height:18px;}
#content .latest .contbox .box1 .title .t {color:#808080;font-size:22px;font-weight:700;}
#content .latest .contbox .box1 .title .c {margin:16px 0px 0px 0px;color:#808080;font-size:12px;}
#content .latest .contbox .box1 .boxb:hover .title .t{color:#000;}
#content .latest .contbox .box1 .boxb:hover .title .c{color:#333;}
#content .latest .contbox .box1 .listbox {max-width:338px;width:88%;height:auto;margin:20px auto 0px auto;border:1px solid #d9d9d9;}
#content .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;}
#content .latest .contbox .box1 .listbox li.last {border-bottom:0px;}
#content .latest .contbox .box1 .listbox li:hover {background-color:#666;}
#content .latest .contbox .box1 .listbox li a {color:#666;}
#content .latest .contbox .box1 .listbox li a:hover {color:#fff;text-decoration:underline;}
#content .latest .contbox .box1 .listbox li:hover a {color:#fff;}
#content .latest .contbox .box1 .listbox li .date {position:absolute;right:15px;top:13px;color:#999;font-size:11px;}
#content .latest .contbox .box1 .listbox li:hover .date {color:#ccc;}
#content .latest .contbox .box2 {position:relative;float:left;width:25%;height:auto;padding:0px 0px 25px 0px;}
#content .latest .contbox .box2 .title {height:auto;padding:30px 20px 0px 21px;line-height:18px;}
#content .latest .contbox .box2 .title .t {color:#808080;font-size:22px;font-weight:700;}
#content .latest .contbox .box2 .title .c {margin:16px 0px 0px 0px;color:#808080;font-size:12px;}
#content .latest .contbox .box2:hover .title .t {color:#000;}
#content .latest .contbox .box2:hover .title .c {color:#333;}
#content .latest .contbox .box2 .sinbox {max-width:340px;width:88%;margin:20px auto 0px auto;}
#content .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;}
#content .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;}
#content .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;}
#content .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;}
#content .latest .contbox .box2 .sinbox a:hover {background-color:#333;}
#content .latest .contbox .box3 {position:relative;float:left;width:50%;height:auto;padding:0px 0px 25px 0px;background-color:#fff;}
#content .latest .contbox .box3 .box {height:100%;border-right:1px solid #e5e5e5;}

/*서브슬라이드*/
#content .subhead {position:relative;overflow:hidden;min-width:1280px;height:300px;z-index:3;}
#content .subhead .wrap {height:300px;z-index:3;}
#content .subhead .shadow {position:absolute;width:100%;height:10px;left:0px;top:0px;background:url('./image/header_shadow.png') repeat-x;z-index:2;}
#content .subhead .sbox {position:absolute;width:100%;height:300px;left:50%;top:0px;margin-left:-50%;z-index:1;}
#content .subhead #sub1 {background:url('./image/subhead1.jpg') no-repeat;background-size:cover;background-position:center top;}
#content .subhead #sub2 {display:none;margin-left:50%;background:url('./image/mainslide2.jpg') no-repeat;background-size:cover;background-position:center top;}
#content .subhead .slogan {position:absolute;height:auto;left:225px;top:45px;opacity:0;}

#content .leftmenu {float:left;width:244px;margin:20px 35px 0px 0px;}
#content .leftmenu .submenu {width:244px;height:auto;margin:10px 0px 0px 0px;font-family:'Nanum Gothic';}
#content .leftmenu .submenu li a {display:block;width:224px;height:40px;padding:0px 0px 0px 20px;border-bottom:1px solid #e0e0e0;color:#666;font-size:14px;
                               font-weight:700;line-height:40px}
#content .leftmenu .submenu li a:hover {background-color:#e0e0e0;color:#333;}
#content .leftmenu .submenu li a.on {background:#289a58 url('./image/left_arrow.png') no-repeat right 2px;color:#fff;}
#content .leftmenu .banner {margin:25px 0px 0px 0px;}

#content .m_side {float:left;width:921px;height:auto;min-height:400px;padding:0px 0px 40px 0px;background-color:#fff;}
#content .m_side .ptitle {width:100%;height:60px;margin:25px 0px 35px 0px;border-bottom:1px dashed #e5e5e5;}
#content .m_side .ptitle .text {float:left;height:60px;color:#404040;font-family:'Nanum Gothic';font-size:28px;font-weight:700;line-height:68px;}
#content .m_side .ptitle .text span {color:#999;font-size:14px;}
#content .m_side .ptitle .navi {float:right; margin:30px 10px 0px 0px;}
#content .m_side .ptitle .navi li {float:left; height:19px;font-family:"나눔고딕","Nanum Gothic","맑은고딕",dotum,gulim,sans-serif; font-size:12px; 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:#333;font-weight:700;}
#content .m_side .ptitle .navi .arr {width:20px; background-image:url("./image/navi_arr.jpg"); background-repeat:no-repeat;}

#content .m_side .pagecont {color:#333;font-family:"나눔고딕","Nanum Gothic","맑은고딕",dotum,gulim,sans-serif;line-height:18px;}

#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:#f0f3f5;}
#content .loc .table .cell .r {float:left; width:84%; height:auto; padding:10px 0 10px 2%; background-color:#fff;}

#testMap {display:inline-block;width:919px;height:400px;margin:0px;border:1px solid #ccc;}

#quickmenu {position:absolute;overflow:hidden;width:94px;height:500px;top:124px;right:0px;background:#fff url('./image/quickmenu.jpg');z-index:4;}
#quickmenu .btn {height:125px;line-height:0px;}
#quickmenu .btn img {width:100%;height:100%;}

#footmenu {min-width:1280px;height:40px;background-color:#e5e5e5;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-family:"나눔고딕","Nanum Gothic","맑은고딕",dotum,gulim,sans-serif;}
#footmenu .wrap {height:40px;}
#footmenu .mbox {height:40px;color:#999;font-size:14px;line-height:40px;}
#footmenu .mbox a {color:#595959;}
#footmenu .mbox a:hover {color:#000;text-decoration:underline;}
#footmenu .topbtn {display:block;position:absolute;width:75px;height:40px;top:0px;right:0px;background-color:#999;color:#fff;line-height:40px;text-align:center;}
#footmenu .topbtn:hover {background-color:#666;}
#footer {min-width:1280px;height:200px;}
#footer .logo {position:absolute;height:auto;left:0px;top:10px;background-color:#fff;text-align:center;z-index:3;}
#footer .copyright {position:absolute;height:auto;left:315px;top:35px;color:#666;font-size:12px;font-family:"나눔고딕","Nanum Gothic","맑은고딕",dotum,gulim,sans-serif;line-height:24px;}
#footer .copyright span {color:#333;}


#mheader {display:none;position:relative;height:auto;padding:10px 0px 0px 0px;text-align:center;}
#mheader img {}
#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:#333;color:#fff;line-height:30px;text-align:center;}
#mheader .mmenu li a.mon {background-color:#008a54;}
#mheader .mmenu li a.line {border-right:1px solid #666;}

#blogbanner {display:none;border-top:1px solid #333;border-bottom:1px solid #333;line-height:0px;}
#blogbanner img {width:100%;height:auto;}

#mtab {display:none;overflow:hidden;width:100%;height:auto;margin:0px auto 5px 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;}

#mfootmenu {position:relative;display:none;line-height:0px;}
#mfootmenu img {width:100%;height:auto;}
#mfootmenu .btn {position:absolute;width:25%;height:100%;top:0px;}
#mfootmenu .btn img {width:100%;height:100%;}
#copyright {display:none;position:relative;padding:20px 0px 20px 0px;background-color:#1a1a1a;color:#e5e5e5;text-align:center;line-height:20px;z-index:1;}
#copyright a {color:yellow;}
#copyright span {color:#999;}

#mctus {display:none;position:relative;padding:0px 0px 40px 0px;background:#e5e5e5;}
#mctus .title {height:auto;padding:30px 20px 0px 21px;line-height:18px;text-align:center;}
#mctus .title .t {color:#666;font-size:22px;font-weight:700;}
#mctus .title .c {margin:16px 0px 0px 0px;color:#808080;font-size:12px;}
#mctus .sinbox {max-width:340px;width:88%;margin:20px auto 0px auto;}
#mctus .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;}
#mctus .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;}
#mctus .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;}
#mctus .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;}

#bookbanner {overflow:hidden;display:none;height:auto;line-height:0px;}
#bookbanner img {width:100%;height:auto;}

@media screen and (max-width: 1430px) {
.quickbox {display:none;}
}