/* BASIC css start */ /*나눔고딕 폰트설정 시작*/ @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700&subset=korean'); /*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:0;} #hdWrap .top_bnr_area { min-width:1180px;background:#deeef4; } #hdWrap .top_bnr_area .tb_box { position:relative; width:1180px; margin:0 auto; *zoom:1; } #hdWrap .basic_area { min-width:1180px;background:#fff;height:40px;border-bottom:1px solid #DBDBDB; } #hdWrap .basic_area .ba_box{ position:relative; width:1180px; margin:0 auto; *zoom:1; } #hdWrap .basic_area .ba_box .top_site { position:absolute; top:0px;left:0px; height:40px;line-height:40px; border-right:1px solid #DBDBDB;border-left:1px solid #DBDBDB;padding:0 15px} #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;height:40px;line-height:40px;font-family:gulim; font-size: 11px;;color: #a4a4a4;} #hdWrap .basic_area .ba_box .top_site a:hover { color: #000000; text-decoration: none;} #hdWrap .basic_area .ba_box .top_site li.first a { color: #222;} #hdWrap .basic_area .ba_box .top_site li.first a:hover { color: #000;} #hdWrap .basic_area .ba_box .top_site li.last a { color: #0ba9f3;} #hdWrap .basic_area .ba_box .top_site li.last a:hover { color: #000;} #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:normal 11px dotum,ng;line-height:40px;} #hdWrap .basic_area .ba_box .top_menu .cline {color: #cccccc;} #hdWrap .basic_area .ba_box .top_menu a { font-family:dotum; font-size: 11px; color: #999999;line-height:40px;} #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/seosanttre/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: 11px;color: #FFF;font-weight:bold} #hdWrap .menu_area { min-width:1180px;height:120px;background:#fff; } #hdWrap .menu_area .ma_box { position:relative; width:1180px; margin:0 auto; *zoom:1; } #hdWrap .menu_area .ma_box .top_slide { position:absolute; top:17px;left:0px;width:226px;height:103px;overflow:hidden } #hdWrap .menu_area .ma_box .top_logo {width:304px; padding-top:13px; margin:0 auto;} /* #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:35px; right:0;} #hdWrap .menu_area .ma_box .top_search div.search-form{border:3px solid #3d826b; position:relative; font-size:0; box-sizing:border-box;} #hdWrap .menu_area .ma_box .top_search div.search-form label{display:inline-block; width:80px; height:47px; line-height:47px; font-size:15px; font-weight:500; color:#444; text-align:center; vertical-align:top; background:url(/design/seosanttre/djds/top/bg_top_search_label.png) no-repeat 100% 50%;} #hdWrap .menu_area .ma_box .top_search div.search-form input{display:inline-block; width:120px; height:47px; padding:0 55px 0 10px; font-size:15px; color:#333; border:none; vertical-align:top;} #hdWrap .menu_area .ma_box .top_search div.search-form a{position:absolute; top:-3px; right:-3px; background-color:#3d826b;} #hdWrap .menu_area .ma_box .top_quick{position:absolute; top:30px; left:0;} #hdWrap .menu_area .ma_box .top_quick a{display:inline-block;} #hdWrap .menu_area .ma_box .top_quick a:first-child{margin-right:20px;} /* TOP CATEGORY */ #tcat_wrap { padding-bottom:0px;position:relative;z-index:100; } #tcat_fixed { width:100%;z-index:100; } #tcat_top_line { border-top:1px solid #dedede; background:#FFFFFF; width:100% } #tcat_area {position:relative; height:53px; background-color:#f2f2f2;} /* BASIC css end */