/* 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');} /*나눔고딕 폰트설정 끝*/ /*본고딕 폰트설정 시작*/ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/LeFlHvsZjXu2c3ZRgBq9nD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } .top_title { overflow: hidden; padding: 30px 0; border-bottom: 1px solid #dbdbdb; } .top_title h2 { float: left; padding: 0 0 0 3px; color: #111; font-size: 24px; } #hdWrap { margin-bottom:20px;} #hdWrap .top_bnr_area { min-width:1200px;background:url("/design/artlight/djds/top/top_bnr_bg.jpg");background-position:center top; } #hdWrap .top_bnr_area .tb_box{ position:relative; width:1200px; margin:0 auto; *zoom:1; } #hdWrap .basic_area { min-width:1200px;background:#F2F2F2;height:40px;border-bottom:1px solid #dbdbdb; } #hdWrap .basic_area .ba_box{ position:relative; width:1200px; margin:0 auto; *zoom:1; } #hdWrap .basic_area .ba_box .top_site { position:absolute; top:0px;left:0px; height:40px;border-right:1px solid #dbdbdb;border-left:1px solid #dbdbdb;padding:0 20px} #hdWrap .basic_area .ba_box .top_site li { float:left;padding:0 3px;font:normal 11px gulim;line-height:40px;} #hdWrap .basic_area .ba_box .top_site a { display:block;font-family:gulim; font-size: 11px; color: #a4a4a4;;line-height:43px} #hdWrap .basic_area .ba_box .top_site a:hover { color: #000000; text-decoration: none;} #hdWrap .basic_area .ba_box .top_site .cline {color: #a4a4a4;} #hdWrap .basic_area .ba_box .top_menu { position:absolute; top:0px;right:0px; } #hdWrap .basic_area .ba_box .top_menu li {float:left;padding:0 0 0 10px;font-family: dotum, sans-serif;font:normal 11px;line-height:40px;} #hdWrap .basic_area .ba_box .top_menu li.tsns { padding:10px ; } #hdWrap .basic_area .ba_box .top_menu li.top_cart { position:relative;margin:0 26px 0 5px; } #hdWrap .basic_area .ba_box .top_menu li.top_cart a img { padding-top:12px; } #hdWrap .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; } #hdWrap .basic_area .ba_box .top_menu .cline {color: #949494;} #hdWrap .basic_area .ba_box .top_menu a { font-size: 11px; color: #949494;} #hdWrap .basic_area .ba_box .top_menu a:hover {color: #000000; text-decoration: none;} #hdWrap .basic_area .ba_box .top_menu .balloon { position:relative; } /* 말풍선 */ #joinpoint {position:absolute;top:30px; left:-3px; width:68px;height: 20px;line-height: 20px;color:#FFF;text-align: center;padding: 0px 0px 0px;background:url("/design/artlight/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;} #hdWrap .menu_area { min-width:1200px;height:162px;background:#FFF;} #hdWrap .menu_area .ma_box { position:relative; width:1200px; margin:0 auto; *zoom:1; } #hdWrap .menu_area .ma_box .top_logo { position:absolute; top:40px;left:0px; } #hdWrap .menu_area .ma_box .top_logo img { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s; } #hdWrap .menu_area .ma_box .top_logo img:hover { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #hdWrap .menu_area .ma_box .top_search { position:absolute; top:47px;left:226px; } #hdWrap .menu_area .ma_box .top_search .search-form { /*padding:9px 15px 0 0;*/ } #hdWrap .menu_area .ma_box .top_search .search-form fieldset { width:268px;border-bottom:2px solid #f63535; } #hdWrap .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; } #hdWrap .menu_area .ma_box .top_search img.search_btn { margin-top:5px;cursor:pointer } #hdWrap .menu_area .ma_box .top_slide { position:absolute; top:0px;right:0px;width:450px;height:162px;overflow:hidden; } /* TOP CATEGORY */ #tcat_wrap {padding-bottom:0px;position:relative;top:-42px;z-index:100;} #tcat_fixed {width:100%;z-index:100;} #tcat_top_line{ width:100%;border-top:2px solid #f63535;border-bottom:1px solid #cccaca; background:#FFFFFF; /* ie를 제외한 최신 웹브라우저*/ background: none rgba(255, 255, 255, 0.8); /* ie전용 백그라운드 필터 */ filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#80FFFFFF', endColorstr='#80FFFFFF'); text-decoration:none } #tcat_area {position:relative;height:40px;} /* BASIC css end */