/* 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 */

