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

