@charset "utf-8";

@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(/common/fonts/NanumGothic-Regular.eot);
  src: url(/common/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/common/fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(/common/fonts/NanumGothic-Regular.woff) format('woff'),
       url(/common/fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic-Bold';
  font-style: normal;
  font-weight: 700;
  src: url(/common/fonts/NanumGothic-Bold.eot);
  src: url(/common/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/common/fonts/NanumGothic-Bold.woff2) format('woff2'),
       url(/common/fonts/NanumGothic-Bold.woff) format('woff'),
       url(/common/fonts/NanumGothic-Bold.ttf) format('truetype');
}


/* Reset */
html,body{width:100%;height:100%;}
/*html{overflow-y:scroll}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0;-webkit-text-size-adjust:none;}
input,select,textarea,button,submit{font-family:'나눔고딕','NanumGothic','돋움',Dotum,Helvetica,'Apple SD Gothic Neo','MoebiusKor',Sans-serif;color:#444;}
body{font-family:'나눔고딕','NanumGothic','돋움',Dotum,Helvetica,'Apple SD Gothic Neo','MoebiusKor',Sans-serif; color:#666;line-height:20px;letter-spacing:0; font-size:13px !important}
body{background-color:#fff;text-align:left;*word-break:break-all;-ms-word-break:break-all;}


img,iframe{border:0 none}
li{list-style:none}
input,select,textarea,button,label{vertical-align:middle;}
img{vertical-align:top}
i,s,em,address{font-style:normal;text-decoration:none;}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#666;text-decoration:none;cursor: pointer;}
a:hover{color:#333;text-decoration:underline}
a{outline:none; selector-dummy:expression(this.hideFocus=true);}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0;}
header,nav,section,article,footer{display:table-cell;vertical-align:middle;display:block;}

#wrap{position:relative; top:0; left:0; width:100%;}
#container > section{width:1200px;margin:0 auto;clear:both;display:block;position:relative;}	




/** header **/
#header {position:relative;z-index:20000;}
#header a{position:relative;color:#666;display:inline-block;}
#header a:hover{color:#ee1c25;text-decoration:none}
#header > section{width:1200px;margin:0 auto;}
#header span{display:table-cell;display:inline-block; height:58px; line-height:62px; padding:0 10px; overflow:hidden;}
#header span > i{margin-right:5px}

#header .header_top{font-size:12px;color:#d8d9db;height:94px; position:relative;text-align:center;overflow:hidden;}
#header .header_top a{color:#d8d9db;}			
#header .header_top a:hover{color:#fff;}
#header .header_top > .logo{width:130px; height:94px; overflow:hidden; background:url(../../images/common/logo.png) repeat;background-position:0px 0px;}

#header .header_top > .top_left{text-align:left;position:absolute; top:25px; left:5px;}
#header .header_top > .top_left > a > i{font-size:15px;}
#header .header_top > .top_left > a{display:inline-block;margin-right:15px;}
#header .header_top > .top_right{text-align:right;position:absolute; top:18px; right:10px;}
#header .header_top > .top_right > p{padding-right:3px;font-size:14px;letter-spacing:-1px;font-family:NanumGothic-Bold;}			
#header .header_top > .top_right > .sns{height:25px;margin:12px 0 0 0;padding:0;}
#header .header_top > .top_right > .sns>a{position:relative;background:url(../../images/common/sns.png) repeat; background-position:0px 0px;}
#header .header_top > .top_right > .sns>a{float:left;display:inline-block;overflow:hidden;margin:0 2px;padding:0;width:25px;height:25px;;}
#header .header_top > .top_right > .sns>a:first-child{margin-left:0px;}
#header .header_top > .top_right > .sns>a.sns01{background-position:0px 0px;}
#header .header_top > .top_right > .sns>a.sns02{background-position:-30px 0px;}
#header .header_top > .top_right > .sns>a.sns03{background-position:-60px 0px;}
#header .header_top > .top_right > .sns>a.sns04{background-position:-90px 0px;}
#header .header_top > .top_right > .sns>a.sns05{background-position:-120px 0px;}
#header .header_top > .top_right > .sns>a.sns06{background-position:-150px 0px;}
#header .header_top > .top_right > .sns>a.sns07{background-position:-180px 0px;}
#header .header_top > .top_right > .sns>a.sns01:hover{background-position:0px -50px;}
#header .header_top > .top_right > .sns>a.sns02:hover{background-position:-30px -50px;}
#header .header_top > .top_right > .sns>a.sns03:hover{background-position:-60px -50px;}
#header .header_top > .top_right > .sns>a.sns04:hover{background-position:-90px -50px;}
#header .header_top > .top_right > .sns>a.sns05:hover{background-position:-120px -50px;}
#header .header_top > .top_right > .sns>a.sns06:hover{background-position:-150px -50px;}
#header .header_top > .top_right > .sns>a.sns07:hover{background-position:-180px -50px;}
#header .header_wrap{position:relative;background:url(../../images/common/gnb_bg.png) repeat;font-family:NanumGothic-Bold;}
#header .header_wrap{width:1198px;height:58px; border:1px solid #e2e4e6; font-size:15px;color:#888;}
#header .header_wrap > .other_left{float:left;}
#header .header_wrap > .other_left span{border-right:1px solid #e2e4e6;}
#header .header_wrap > .other_left span:first-child{padding:0 20px;}
#header .header_wrap > .other_right{position:absolute;top:0px;right:0;}
#header .header_wrap > .other_right span{border-left:1px solid #e2e4e6;}

#header .header_wrap > nav{display:inline-block;width:699px;text-align:center;}
#header .header_wrap > nav > a:hover > i{display: block;}
#header .header_wrap > nav > span{display:inline-block;}
#header .header_wrap > nav > span > div{position:absolute;top:58px;left:-1px; background-color:#f61827; margin:0;padding:0; display:none; z-index:1;}
#header .header_wrap > nav > span > div{width:1200px;height:43px;line-height:43px;font-size:13px;font-family:'NanumGothic';overflow:hidden;}					
#header .header_wrap > nav > span > a{display:inline-block;}

#header .header_wrap > nav > .review > a{display:inline-block;color:#ee1c25;}
#header .header_wrap > nav > .review:hover > a{color:#666666;}

#header .header_wrap > nav > span > a.on{color:#ee1c25;}
#header .header_wrap > nav > span > a > i{position:absolute;top:47px;left:47%;display:none;}
#header .header_wrap > nav > span:hover > a{color:#ee1c25;}
#header .header_wrap > nav > span:hover > a >i{display:block;}
#header .header_wrap > nav > span:hover > div{display:block;}
#header .header_wrap > nav > span:hover > div > a{padding:0 10px; display:inline-block; color:#fff;}
#header .header_wrap > nav > span:hover > div > a:hover{background-color:#444;}

/* header_sub */
#header  > .sub{color:#777;}
#header  > .sub a{color:#777;}			
#header  > .sub a:hover{color:#ee1c25;}
#header  > .sub a.on{color:#ee1c25;}
#header  > .sub > .logo{background-position:0px -94px;}
#header  > .sub > .top_left{top:19px;}
#header  > .sub > .top_right{top:16px;}
#header  > .sub > .top_right > p{font-size:14px;}
#header  > .sub > .top_right > .sns>a.sns01{background-position:0px -25px;}
#header  > .sub > .top_right > .sns>a.sns02{background-position:-30px -25px;}
#header  > .sub > .top_right > .sns>a.sns03{background-position:-60px -25px;}
#header  > .sub > .top_right > .sns>a.sns04{background-position:-90px -25px;}
#header  > .sub > .top_right > .sns>a.sns05{background-position:-120px -25px;}
#header  > .sub > .top_right > .sns>a.sns06{background-position:-150px -25px;}
#header  > .sub > .top_right > .sns>a.sns07{background-position:-180px -25px;}


/** footer **/
#footer{ float:left; position:static; width:100%; padding:0 0 40px 0; margin-top:50px;background-color:#444;z-index:100000;}
#footer > section{width:1200px;margin:0 auto;}
#footer .footer_top{border-bottom:1px solid #575757; text-align:center;}
#footer .footer_top > ul{padding:28px 0 28px 0}
#footer .footer_top > ul > li{display:inline;line-height:0;line-height:14px;}
#footer .footer_top > ul > li a{font-size:13px;color:#999;line-height:14px;padding:0 6px;border-left:1px solid #636363}
#footer .footer_top > ul > li a:hover{color:#fff;text-decoration:none;}
#footer .footer_top > ul > li:first-child a{border-left:none}
#footer .footer_bottom{padding-top:20px;text-align:center;}
#footer .footer_bottom > address{font-size:11px;line-height:18px;color:#999}
#footer .footer_bottom > address > p{padding-top:5px}