@charset "utf-8";

/* VAIMEDIA : HYJ 2013-10-17 */

/* Webfont */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@font-face{font-family:"Nanum Gothic Regular";
	src:url(../font/NanumGothic.eot);
	src:local(※),url(../font/NanumGothic.woff) format('woff')}
@font-face{font-family:"Nanum Gothic Bold";
	src:url(../font/NanumGothicBold.eot);
	src:local(※),url(../font/NanumGothicBold.woff) format('woff')}
@font-face{font-family:"Nanum Gothic ExtraBold";
	src:url(../font/NanumGothicExtraBold.eot);
	src:local(※),url(../font/NanumGothicExtraBold.woff) format('woff')}
/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;color:#707070;font-family:"Nanum Gothic Regular",'Open Sans','돋움',Dotum,sans-serif; font-size:13px;line-height:1.6em;}
ul,ol,li,dl,dt,dd{list-style:none}
img{vertical-align:top;border:0}
form,fieldset{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
input,select,textarea,button{font-size:100%;vertical-align:middle}
textarea{overflow:auto;padding:5px}
a{color:#666;text-decoration:none}
a:link,a:visited{text-decoration:none;}
a:hover,a:active,a:focus{color:#f19d0b;}
table, th, tr, td {border-collapse:collapse;border:0;border-spacing:0; }
legend,.blind{position:absolute;left:-9999px;width:0px;height:0px;overflow:hidden;visibility:hidden;font-size:0;line-height:0;z-index:-1}
caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;z-index:-1}



/* Layout */
body{/*width:100%;overflow-y:scroll;overflow-x:hidden;*/ width:100%; min-width:980px;}
#wrap{position:relative;width:100%;margin:0 auto;}
#header{position:relative;width:100%;height:145px;z-index:100}
#header h1 a{display:block;position:absolute;left:50%;margin-left:-500px;width:142px;height:73px;padding-top:50px;}
#header h1 a .logo01{width:132px;}
#header h1 a .logo02{width:170px;}

.tnb{position:absolute;width:100%;right:0px; top:0px; height:25px; background:#f5f5f5;}
.tnb .topmenu{position:absolute;top:6px;height:25px;left:50%; margin-left:450px;}
.tnb .topmenu li{float:left;padding:0 7px 0 7px;background:url(../../img/common/tnb_bar.jpg) no-repeat left; vertical-align:top; line-height:11px;}
.tnb .topmenu li:first-child{background:0}
.tnb .topmenu li a{color:#888; font-family:"Nanum Gothic Bold";}
.tnb .topmenu li.topmenu-point a{color:#ec8306;}
.tnb .site{position:absolute; left:50%; margin-left:-500px;}
.tnb .site li{float:left;}

.m-link{display:none;}

.gnb{position:absolute;top:70px;left:50%; margin-left:-270px;width:800px;height:70px;}
.gnb > li{float:left;width:115px;}
.gnb > li:first-child{width:200px;margin-left:0}
.gnb > li > a{display:block;text-align:center; font-size:17px; font-family:"Nanum Gothic Bold";}
.gnb > li:hover > a, .gnb > li.current > a{color:#659dce;}
.gnb ul{position:absolute;overflow:hidden}
.gnb li.last ul{width:200px;}
.gnb li li{display:inline-block;}
.gnb li li a{display:block; line-height:28px; padding:0 10px; font-family:"Nanum Gothic Bold"; font-size:13px;}
.gnb li li.depth3 a{font-size:11px; padding:0 7px; padding-left:7px; background:url(../../img/common/but.gif) no-repeat 0 50%; color:#888;}
.gnb li li.depth3 a:hover{color:#f19d0b;}
.gnb li li.on a, .gnb li li.current a, .gnb li li a:hover,.gnb li li a:focus{color:#f19d0b;}
.gnb .depth2{border:1px #d7d7d7 solid; background:#f8f7f4; display:none; padding:0 25px; margin-top:15px;}
.gnb .sub1{margin-left:0;}
.gnb .sub2{margin-left:-60px;}
.gnb .sub3{margin-left:-50px;}
.gnb .sub4{margin-left:-50px;}
.gnb .sub5{margin-left:-35px;}
.gnb .sub6{margin-left:-90px;}

#m-menu{display:none;}

/* Common */
#footer{position:relative;width:100%;border-top:1px solid #d7d7d7;margin:0 auto;}
.foot{width:1000px; height:150px;background:url(../../img/common/logo.gif) no-repeat;margin:0 auto; margin-top:40px;}
.foot address{margin-left:250px; font-family:"Nanum Gothic Regular"; color:#333; font-size:12px;}

/*2022*/
#footer2{background:#222222;}
#footer2 .inner{position:relative; max-width: 1200px; margin: 0 auto;}
#footer2 .left_box{position:absolute; top:50%; transform:translateY(-50%); left:0;}
#footer2 .left_box img{height:61px;}
#footer2 .right_box{margin-left:260px; padding:45px 0;}
#footer2 .right_box .btn-box{margin-bottom:15px;}
#footer2 .right_box .btn-box p{display:inline-block; margin-left:10px;}
#footer2 .right_box .btn-box p:first-child{margin-left:0;}
#footer2 .right_box .btn-box p a{font-size:15px; color:#fff; font-family:"Nanum Gothic Bold";}
#footer2 .right_box .btn-box p.orange a{color:#f9a831;}
#footer2 .right_box .txt_box p{color:#a1a1a1; font-size:14px; margin-top:3px;}
#footer2 .right_box .txt_box p:first-child{margin-top:0;}
#footer2 .right_box .txt_box p em{color:#53bb14; font-size:13px;}


@media (max-width:980px) {
.gnb{left:auto; margin-left:0; right:0%;}

#footer2 .left_box{left:15px;}
}

@media (max-width:740px) {
body{overflow:auto; min-width:100%;}
.tnb{display:none;}
.tnb .site{display:none;}
#header{height:60px; position:fixed; background:#fff; border-bottom:1px solid #d7d7d7}
.tnb{height:25px;}
.tnb .topmenu{position:relative; top:auto; left:0; margin-left:0; text-align:center;}
.tnb .topmenu li{line-height:25px; display:inline-block; float:none;}
#header h1 a{left:0; margin-left:0; top:50%; margin-top:-15px; padding:0; width:auto; height:30px;}
#header h1 a img{vertical-align:middle;}
#header h1 a .logo01{width:100px;}
#header h1 a .logo02{width:150px;}

#m-menu{display:block;}
#d-menu{display:none;}
.m-menu-btn{width:35px; height:35px;  position:absolute;  right:10px; top:50%; margin-top:-18px;  cursor:pointer; z-index:999; display:block;border:1px #d7d7d7 solid; border-radius:2px;}
.m-menu-btn button{display:block;  width:100%; height:100%;overflow:hidden;font-size:0; background:url(../../img/common/m-menu-btn.gif) no-repeat #fff 50% 50%; background-size:35px; border:0; padding:0; }
.m-menu-btn.m-menu-btn-close{position:fixed; top:10px; right:10px; margin-top:0; border-width:0;}
.m-menu-btn.m-menu-btn-close button{background-image:url(../../img/common/m-menu-btn-close.gif);}
.mobile-menu-box{display:none;position:fixed; width:100%; height:100%; top:0; left:0; z-index:999; overflow:hidden;overflow-y:auto;background:rgba(0,0,0,0.5);}
.m-menu-list{position:absolute; width:240px; height:auto; min-height:100%;  z-index:300;  right:0%;background:#fcf4eb;padding:20px;}
.gnb > li{padding-bottom:20px;}
.gnb a, 
.gnb a:hover, 
.gnb .current a, 
.gnb > li:hover > a, 
.gnb > li.current > a,
.gnb > li li a:hover {color:#4c4238;}
.m-menu-list .gnb{margin-left:0; position:relative; height:auto; top:0; padding-top:0px;}
#header .m-menu-list .gnb > li{float:none; width:100%;}
#header .m-menu-list .gnb > li > a{text-align:left; padding:10px 0px 10px 15px;  border-bottom:2px #847363 solid;}
.gnb{width:100%; left:0;}
.gnb ul{position:relative;}
.gnb .depth2{display:block; border:0; background:none; margin-top:0; padding:0; padding-top:10px;}
.gnb .sub1, .gnb .sub2, .gnb .sub3, .gnb .sub4, .gnb .sub5, .gnb .sub6{margin-left:0;}
.gnb li li{display:block;}
.gnb li li a{font-size:14px;}
.gnb li li.depth3 a,
.gnb li li.depth3 a:hover{background:none; color:rgba(76,66,56,0.7); line-height:23px; font-size:12px; margin-left:10px; border-left:1px rgba(76,66,56,0.5) solid;}

.m-link{display:block;}
.m-link a{display:block; height:40px; line-height:40px; border-radius:2px; background-color:#847363; color:#fff; font-size:13px; text-align:center; margin-top:10px; font-family:"Nanum Gothic Bold";}

.foot{width:100%; background:none; margin-top:20px;}
.foot address{margin-left:0; text-align:center; padding:0 5%;}

/*2022*/
#footer2 .inner{max-width: 100%; padding: 0 15px; box-sizing: border-box;}
#footer2 .left_box{position:static; top:auto; transform:inherit; left:auto; padding-top:30px; text-align:center;}
#footer2 .left_box img{height:50px;}
#footer2 .right_box{margin-left:0; padding:30px 0;}
#footer2 .right_box .btn-box p a{font-size:14px;}
#footer2 .right_box .txt_box p{font-size:13px;}
}