@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* reset */
html,body{width:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em,iframe,img, textarea,input {margin:0;padding:0}
body {width:100%;font-family:'³ª´® °íµñ', Nanum Gothic, "¸¼Àº °íµñ", Malgun Gothic, 'µ¸¿ò',dotum,Helvetica,sans-serif;font-size:12px;line-height:1.6;color:#333;text-align:left;word-break:break-all;-ms-word-break:break-all;background:#fff;}
dl,ul,ol,li {list-style:none;}
fieldset, img {border:none;}
img {vertical-align:top;}
hr {display:none;}
input,textarea,select{font-size:12px;color:#333;vertical-align:top;font-family:'³ª´® °íµñ', Nanum Gothic, "¸¼Àº °íµñ", Malgun Gothic, 'µ¸¿ò',dotum,Helvetica,sans-serif;}
table {width:100%;border-spacing:0;border-collapse:collapse;empty-cells:show;}
legend, caption {width:0; height:0; font:0/0 Sans-serif; visibility:hidden; z-index:-1;}
em, address {font-style:normal;}
a {cursor:pointer;}

/* common */
a:link, a:visited {text-decoration:none;color:#666;}
a:hover, a:active {text-decoration:none;color:#ff6c00;}

.left {float:left;}
.right {float:right;}
.clear {clear:both; content:""; display:block; }
.txtLef {text-align:left !important;}
.txtCen {text-align:center !important;}
.txtRig {text-align:right !important;}
.txtJus {text-align:justify !important;}

#wrap{min-width:1290px; margin:0 auto; text-align:center;}
.wrap {width:1237px;margin:auto;}





#topQmenu {width:100%;min-width:1237px;  height:35px; margin:0 auto; background:#403a39; border-top:1px solid #2a3137; overflow:hidden;}
#topQmenu .wrap {width:1237px; height:35px; margin:0 auto;}
#topQmenu .wrap:after {clear:both; content:""; display:block; }
#topQmenu .left p{float:left; }
#topQmenu .left p a{display:block; width:125px; height:35px; text-align:center; line-height:34px; color:#fff; border-right:1px solid #221e1e;border-left:0px solid #221e1e;background:#403a39;}
#topQmenu .left p:first-child a{border-left:1px solid #221e1e;}
#topQmenu .left p a:hover {background:#221e1e;}
#topQmenu .left:after{clear:both;content:""; display:block;}
#topQmenu .right{position:relative; padding-right:70px;}
#topQmenu .right li{float:left; display:inline-block; }
#topQmenu .right li a{display:block; padding:0px 9px; height:35px; text-align:center; line-height:34px; color:#fff;}
#topQmenu .right:after{clear:both;content:""; display:block;}
#topQmenu .right li a.el{display:block; padding:0px 9px; height:35px; text-align:center; line-height:34px; color:#fff; background:#cc2633;}
#topQmenu .right .siteBtn{position:absolute; right:0px; top:0px; width:70px; height:35px; }
#topQmenu .right .siteBtn a{display:block; width:70px; height:35px; text-align:right; color:#fff;line-height:34px;}


#header {width:100%; margin:0 auto;border-bottom:#b2b2af solid 1px;}}
#header .wrap {width:1237px; margin:0 auto;}
#header .wrap:after {clear:both; content:""; display:block; }
#header .logo {float:left; width:194px; height:59px; display:inline; padding-top:21px;}
#header #topmenu{float:right; display:inline; margin-right:25px;}



#topmenu {height:80px;}
#topmenu ul {padding:10px 0 0 0;margin:0;list-style-type:none;}
#topmenu li {float:left;padding:0;margin:0;height:80px;}
#topmenu li a {font-weight:bold;font-size:18px;color:#4c4c4c;display:block;height:39px; padding:18px 20px 0px 20px;letter-spacing:-1px;}
#topmenu li div {position:absolute;display:none;width:1px;height:1px;z-index:999;}
#topmenu li div dl {margin:70px 0 0 0;padding:3px;width:130px;background:#ffffff;border:#b2b2af solid 1px; border-top:none;}
#topmenu li div dt {margin:0;padding:0;}
#topmenu li div dd {margin:0;padding:0;}
#topmenu li div dt a {color:#000000;overflow:hidden;height:13px;line-height:150%;display:block;font-weight:normal;margin:1px 0px 3px 0px;padding:4px 0 10px 14px;font-size:13px;height:14px;text-shadow:0 0 0 #666666;}
#topmenu li div dt a:hover {background:#efefef;}
#topmenu li div dd a {color:#000000;overflow:hidden;height:12px;line-height:150%;display:block;font-weight:normal;padding:3px 0 8px 15px;font-size:12px;height:11px;text-shadow:0 0 0 #666666;}
#topmenu li div dd a:hover {background:#efefef;}
#topmenu li a:hover,#topmenu .on {color:#cc2633;}
#topmenu .on1 {background:#efefef;color:#cc2633; }




#header .search {position:relative;margin:20px 0 0 20px;}
#header .search form {display:block;width:228px;height:25px;background:#ffffff;border-radius:6px 6px 6px 6px;}
#header .search .keyword {float:left;padding:2px 0 0 3px;margin:3px 0 0 6px;width:186px;height:17px;font-size:11px;font-family:dotum;color:#888888;border:0;background:#ffffff;}
#header .search .keyword:focus {font-weight:bold;font-size:12px;font-family:gulim;color:#222222;}
#header .search .sbtn {float:left;padding:5px;position:relative;top:-1px;left:4px;}

#content {padding:20px 0 0 0;min-height:500px;}



/* footer -----------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer{width:1238px; height:100px; margin:0 auto; font-family:'³ª´® °íµñ', Nanum Gothic; color:#666; text-align:left; position:relative;}
#footer .wrap {clear:both; content:""; display:block;}
#footer .logo{float:left; margin-top:38px; margin-left:14px;}
#footer .footer_copy{float:left; margin-top:23px; margin-left:40px; line-height:15px;}
#footer .footer_copy a{color:#666;}
#footer .footer_copy span{color:#e2e2e2;}

#footer .family{margin:35px 27px 0 0; position:absolute; right:0px; cursor:pointer;}
#footer .family dd{ width:237px; border:1px solid #ddd; position:absolute; left:0px; bottom:38px; background-color:#fff; padding:5px 0 5px 5px; display:none;}
#footer .family dd li{ padding-left:12px;height:30px; line-height:30px; font-size:12px;}
#footer .family dd li a{ font-weight:bold; color:#666; font-size:12px;}
#footer .family dd li a:hover{ font-weight:bold; color:#666;}

/* fullNavBox */
#fullNavBox {position:relative;width:100%;min-width:1237px;margin-top:0px;background:#c89a7d;}
#fullNavBox .fullNavBoxIn {position:relative;width:1237px;margin:0 auto;}
#fullNavBox .fullNavBtn {position:absolute;top:-35px;right:0; width:65px; height:35px; text-align:right; color:#fff;line-height:34px;text-align:center;}
#fullNavBox .fullNavBtn a {color:#fff;}
#fullNavBox .fullNav {width:1237px;margin:0 auto;overflow:hidden; height:0px;}
#fullNavBox .fullNav li {float:left;width:137px;margin-bottom:30px; text-align:left;}
#fullNavBox .fullNav li a.tt {display:inline-block; background:#fff; text-align:center;width:136px; height:40px;line-height:40px;margin-bottom:10px;font-size:16px;font-weight:bold;color:#403a39;}
#fullNavBox .fullNav li .sub {width:100%;z-index:99999;overflow:hidden}
#fullNavBox .fullNav li .sub li {margin:0; text-align:left;}
#fullNavBox .fullNav li .sub li a {line-height:24px;font-weight:bold;color:#fff;font-size:13px;letter-spacing:-1px;margin:0;padding-left:10px; padding-top:5px;}
#fullNavBox .fullNav li .sub li a:hover {color:#ffe5d5; }
#fullNavBox .fullNav li .sub ul.ss {padding:0px;}
#fullNavBox .fullNav li .sub ul.ss li a{line-height:18px;font-weight:normal;color:#403a39;font-size:12px;letter-spacing:-1px;margin:0;padding:0;padding-left:10px;}
#fullNavBox .fullNav li .sub ul.ss li a:hover {text-decoration:underline;}