@charset "utf-8";
<link rel="stylesheet" href="//fonts.googleapis.com/earlyaccess/nanumgothic.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css">
@font-face {
font-family: 'nanumsquarer';
src: url('/fonts/NanumSquareR.eot');
src: url('/fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
url('/fonts/NanumSquareR.woff') format('woff'),
url('/fonts/nanumsquarer.ttf') format('truetype'),
url('/fonts/nanumsquarer.svg#nanumsquarer') format('svg');*/
font-weight: normal;
font-style: normal;
}

@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejuhallasan.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);


/* Reset */
html,body{min-height:100%}
body{margin:0; font-family: 나눔고딕,NanumGothic,NG,돋움,Dotum,Arial,Helvetica,sans-serif ;}
/* header */
.header {padding: 20px 0 0 0;  background-color: #f6f5f3; height: 40px; position:relative; margin-bottom:150px;}
.header .container {width:1165px; padding:0;position: relative;}
.header {width:100%; padding: 20px 0 0 0;}
.header .logoImg {text-align:center; }
.header .logoImg img {}
.header .side {}


.login_widget {color:#c5c5c5; font-size:10px;font-weight:bold; } 
.login_widget a {color:#78b007; font-size:12px;padding:0 5px; text-decoration:none;}
.login_widget a:hover {text-decoration:none; color:#78b007;}
.login_widget #favorite {color:#5f5f5f;}

.header .account {margin-top: -20px; font-size: 12px; font-weight: bold;}
.header .account .info {font-size:10px;}
.header .account .info li {padding: 0 5px;}
.header .account .info li a {color:#78b007;  font-size:12px;}
.header .account .info li a:hover {text-decoration:none; }
.header .account .info #favorite {color:#5f5f5f;}

.xm {}

/* footer */
.footer {background-color:#f6f5f3; width:100%; margin:0 auto; }
.footer .container {width:1100px; padding:50px 20px;}
.footer .footer_text {text-align:center; line-height:25px;}
.footer .footer_text a {color:#000;}
.footer .footer_text a:hover {text-decoration:none;}
.footer .topButton {border:1px solid #8b8b88;  color:#8b8b88; float:right;  padding: 5px 10px 7px 10px; line-height:15px; text-align:center; margin: -20px 0px 0 0;}
.footer .topButton a {color:#8b8b88;     text-decoration: none;}
.footer .topButton a:hover {color:#8b8b88; text-decoration:none;}

/* GNB */
.gnb{height:0px; position: relative; font-size: 13px; top: 25px; width: 100%; z-index: 2;}
.gnb:before{content:"";display:block;width:100%;height:1px}
.gnb ul{margin:0;padding:0;list-style:none}
.gnb a{text-decoration:none;white-space:nowrap}
.gnb.open>ul{height:auto;}
.gnb>ul:after{content:"";display:block;}
.gnb>ul>li{position:relative;top:-20px;float:left;text-align:center;margin:0 7px;}
.gnb>ul>li>a{display:block;line-height:32px;color:#4a4a4a;position:relative; font-size: 16px; font-weight: 600; padding:0 0 5px 0; margin:0 10px;}
.gnb>ul>li>a {text-decoration:none;}
.gnb>ul>li>a:after{content:"";position:absolute;height:100%;right:0;top:0;overflow:hidden}
.gnb>ul>li.active>a,
.gnb>ul>li.hover>a{}
.gnb ul ul{display:none;position:absolute;z-index:2;height:auto; overflow:hidden;  border:1px solid #eee;  background-color:#fff;    width: 177px;  left: -35px;}
.gnb.open ul ul{margin-top:6px}
.gnb.open ul ul{height:auto}
.gnb>ul>li:first-child>ul{border:0}
.gnb>ul>li:first-child>ul:before{content:normal}
.gnb ul ul a{display:block;line-height:33px;font-size:15px;color:#4a4a4a;text-align:left; font-weight:600;    padding: 2px 0 5px 15px;}
.gnb ul ul a:hover,
.gnb ul ul a:focus{text-decoration:none; background-color:#67656a; color:#fff;}
.gnb>ul>li>ul>li {}
.gnb > ul > li:first-child {display:none;}

#line7 { padding:20px 0 20px 0; }