@charset "UTF-8";

/*********************** 나눔고딕 ***********************/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* reset css */
html, body, ul, ol, dl, li, dt, dd, form, fieldset, legend {margin:0; padding:0;  background:transparent;}
h1, h2, h3, h4, h5, h6, p {margin-top:0; font-weight:normal;}
fieldset, img {border:0; padding:0; margin:0;}
img, a {vertical-align:middle;}
li {list-style:none;}
table, td, th {border-collapse:collapse; border-spacing:0}
abbr, acronym {border-bottom: .1em dotted; cursor:help;}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {display:block}
a{color:inherit; text-decoration:none}

/* rayout css */
body {font-family:'Nanum Gothic', 'nanumgothic', 'Noto Sans KR', dotum, Arial, Helvetica, sans-serif;}
#naver_dic_audio_controller {display:none;}

/* common CSS */
.text-hidden {overflow:hidden !important; clip:rect(1px, 1px, 1px, 1px) !important; position:absolute !important; width:1px !important; height:1px !important;}

/* GNB CSS */
#re_header {width:100%; display:inline-block;*display:inline;*zoom:1;position: fixed;top: 0px;z-index: 99;background-color: #fff;}
.top_header {width:100%; height:40px; background:#2c2c2c;}
.top_header .top_menu_area {width:980px; height:40px; margin:0 auto; overflow:hidden;}
.top_header .sns_area {float:left; display:inline-block;*display:inline;*zoom:1;}
.top_header .sns_area ul li {float:left; display:inline-block;*display:inline;*zoom:1; height:23px; padding:13px 10px 8px; border-right:1px solid #424242;}
.top_header .member_area {float:right; display:inline-block;*display:inline;*zoom:1;}
.top_header .member_area ul li {float:left; display:inline-block;*display:inline;*zoom:1; margin-left:10px; line-height:40px; font-size:12px; font-family:'Nanum Gothic', sans-serif;  color:#bebebe;}
.top_header .member_area ul li a:link {line-height:40px; font-size:12px; font-family:'Nanum Gothic', sans-serif; color:#bebebe; font-weight:600;}
.top_header .member_area ul li a:visited {line-height:40px; font-size:12px;  font-family:'Nanum Gothic', sans-serif;  color:#bebebe; font-weight:600;}
.top_header .member_area ul li a:hover {line-height:40px; font-size:12px;  font-family:'Nanum Gothic', sans-serif; color:#bebebe; font-weight:600;}

.logo_area {width:100%; height:34px; padding:30px 0; text-align:center; margin:0 auto; overflow:hidden; border-bottom:1px solid #ececec;}
.logo_area .logo_conts {width:980px; overflow:hidden; margin:0 auto; position:relative;}
.logo_area .logo_conts .top_right_menu {position:absolute;top:0;right:0}
/*.logo_area .telnumber {position:absolute; top:0px; right:0;}*/

.gnb_area {width:100%; height:59px;  text-align:center; background:url('/topmodels/images/common/header/bg_gnb.png') repeat-x 0 56px; position:relative; z-index:499;}
.gnb_area > ul li {display:inline-block;*display:inline;*zoom:1; padding-top:20px; height:36px; overflow:hidden;}
.gnb_area > ul li.on a img, .gnb_area ul li:hover a img {margin-top:-36px;}

.gnb_area .gnb_depth02 {position:absolute; top:56px; left:0; width:100%; height:303px; border-top:1px solid #ececec; background:#fff url('/topmodels/images/common/header/bg_gnb.png') repeat-x 0 300px; z-index:100;}
.gnb_area .gnb_depth02 .depth02 {width:882px; height:303px; margin:15px auto 0; overflow:hidden;}
.gnb_area .gnb_depth02 ul {float:left; }
.gnb_area .gnb_depth02 ul li {width:100%;}
.gnb_area .gnb_depth02 ul li a:link {width:100%; height:24px; display:inline-block;*display:inline;*zoom:1; font-size:13px; font-family:'Nanum Gothic', sans-serif; color:#2e2e2e;}
.gnb_area .gnb_depth02 ul li a:visited {width:100%; height:24px; display:inline-block;*display:inline;*zoom:1; font-size:13px; font-family:'Nanum Gothic', sans-serif; color:#2e2e2e;}
.gnb_area .gnb_depth02 ul li a:hover, .gnb_area .gnb_depth02 ul li.on a {font-size:13px;  font-family:'Nanum Gothic', sans-serif; color:#000; font-weight:600; text-decoration:none;}

.gnb_depth02 .depth02_01 {width:210px; margin-right:4px;}
.gnb_depth02 .depth02_02 {width:197px; margin-right:7px;}
.gnb_depth02 .depth02_03 {width:228px; margin-right:6px;}
.gnb_depth02 .depth02_04 {width:124px; margin-right:4px;}
.gnb_depth02 .depth02_05 {width:102px;}