/* BASIC css start */ /*나눔고딕 폰트설정 시작*/ /*400 Regular*/ @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');} /*700 Bold*/ @font-face {font-family: 'Nanum GothicB'; font-style: normal; font-weight: 700; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');} /*800 Extrabold*/ @font-face { font-family: 'Nanum GothicEB'; font-style: normal; font-weight: 800; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');} /*나눔고딕 폰트설정 끝*/ @import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900'); #header { position:relative;margin-bottom:20px;} #header .basic_area { min-width:1230px;background:#FFF;height:35px;border-top:2px solid #000;border-bottom:1px solid #e1e1e1; } #header .basic_area .ba_box{ position:relative; width:1230px; margin:0 auto; *zoom:1; } #header .basic_area .ba_box .top_site { position:absolute; top:0px;left:0px; height:35px;} #header .basic_area .ba_box .top_site li { float:left;padding:0 12px;font:normal 10px Lato;line-height:35px;letter-spacing:1px} #header .basic_area .ba_box .top_site li:nth-child(2) { padding-right:35px; } #header .basic_area .ba_box .top_site li.tsns { position:relative;top:-2px;padding:0px 3px;} #header .basic_area .ba_box .top_site li.tsns img { vertical-align:middle } #header .basic_area .ba_box .top_site a { display:block;font-family: 'Lato', sans-serif; font-size: 10px; color: #272727;line-height:35px} #header .basic_area .ba_box .top_site a:hover { color: #000000; text-decoration: none;} #header .basic_area .ba_box .top_menu { position:absolute; top:0px;right:0px; } #header .basic_area .ba_box .top_menu li {float:left;padding:0 2px;font-family: 'Lato', sans-serif;font:normal 10px;line-height:35px;} #header .basic_area .ba_box .top_menu li.top_cart { position:relative;margin:-5px 26px 0 5px; } #header .basic_area .ba_box .top_menu li.top_cart a img { padding-top:12px;padding-left:8px; } #header .basic_area .ba_box .top_menu li.top_cart .cart_num { position:absolute;top:9px;left:25px;width:18px;height:18px;border-radius:8px;background:#000;color:#FFF;text-align:center;line-height:18px; } #header .basic_area .ba_box .top_menu .cline { font-family: 'dotum', sans-serif;color: #8c8c8c;line-height:38px;font-size: 9px;} #header .basic_area .ba_box .top_menu a { font-size: 10px; color: #8c8c8c;} #header .basic_area .ba_box .top_menu a:hover {color: #000000; text-decoration: none;} #header .basic_area .ba_box .top_menu .balloon { position:relative; } /* 말풍선 */ #joinpoint {position:absolute;top:30px; left:-20px; width:68px;height: 20px;line-height: 20px;color:#FFF;text-align: center;padding: 0px 0px 0px;background:url("/design/hervor/djds/top/gnb_joinpoint_bg.png") no-repeat scroll 50% 0px;z-index:11001;} #joinpoint .text {display: block;width: 68px;margin: 0px;text-align: center;line-height: 20px;font-size: 10px;color: #FFF;} #header .menu_area { min-width:1230px;height:135px;background:#FFF;} #header .menu_area .ma_box { position:relative; width:1230px; margin:0 auto; *zoom:1; } #header .menu_area .ma_box .top_logo { position:relative;width:287px;margin:0 auto;padding-top:15px; } #header .menu_area .ma_box .top_search { position:absolute; top:47px;right:0px; } #header .menu_area .ma_box .top_search .search-form { /*padding:9px 15px 0 0;*/ } #header .menu_area .ma_box .top_search .search-form fieldset { width:268px;border-bottom:1px solid #C5C5C5; } #header .menu_area .ma_box .top_search .search-form input{ border-radius:0px;width:230px; height:30px;padding:0px 10px; border:0; line-height:30px; font-size:14px; color:#333; background:none; } #header .menu_area .ma_box .top_search img.search_btn { margin-top:5px;cursor:pointer } /* TOP CATEGORY */ #tcat_wrap { position:relative;z-index:99; } #tcat_fixed {width:100%;z-index:99;} #tcat_top_line { width:100%;border-top:1px solid #000;border-bottom:1px solid #d4d4d4;background:#FFFFFF; } #tcat_area {position:relative;height:42px;} #tcat_area .top_category { position:relative;width:1230px;margin:0 auto; } #tcat_area .top_category .all_cat { position:absolute; top:0px;left:0px; } #tcat_area .top_category .top_cat { position:absolute; top:0px;left:74px; } #top_category .navigation li:nth-child(2) {margin-left:190px !Important;} /* 서브페이지 가로 사이즈 */ #content { position: relative;width:1230px;margin:0 auto; } /* BASIC css end */