@charset "utf-8";
/* CSS Document */

/* nanum-gothic */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(https://cloudfront.imggift.com/new/skin/top/webfont/NanumGothic-Regular.eot);
  src: url(https://cloudfront.imggift.com/new/skin/top/webfont/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
	   url(https://cloudfront.imggift.com/new/skin/top/webfont/NanumGothic-Regular.woff2) format('woff2'),
	   url(https://cloudfront.imggift.com/new/skin/top/webfont/NanumGothic-Regular.woff) format('woff'),
	   url(https://cloudfront.imggift.com/new/skin/top/webfont/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic Bold';
  font-style: normal;
  font-weight: 700;
  src: url(https://cloudfront.imggift.com/new/skin/top/webfont/NanumGothic-Bold.eot);
  src: url(https://cloudfront.imggift.com/new/skin/top/webfont/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
	   url(https://cloudfront.imggift.com/new/skin/top/webfont/NanumGothic-Bold.woff2) format('woff2'),
	   url(https://cloudfront.imggift.com/new/skin/top/webfont/NanumGothic-Bold.woff) format('woff'),
	   url(https://cloudfront.imggift.com/new/skin/top/webfont/NanumGothic-Bold.ttf) format('truetype');
}	
* {
  font-family: 'Nanum Gothic', "Dotum", arial, Verdana, sans-serif;
}
body {
  margin: 0 auto;
  padding: 0;
  border: none;
  width:100%;	
}
img {
  border: 0;
  vertical-align: top;
}
ul, ol { 
list-style: none;  
}
a, a:hover, a:active, a:visited {
	text-decoration: none;
}
/** header **/
#header {
  position:relative;
  z-index:1000;
  width:100%;
  background:#fff;
}
.login_menu_wrap {
  width: 100%;
  height: 35px;
  position: relative;
  z-index: 1;
}
.login_menu {
  width: 1100px;
  height: 25px;
  overflow: hidden;
  margin: 0 auto;
  background: #f3f1f2;
  border-bottom-left-radius: 10px; 
  border-bottom-right-radius: 10px; 
}
.login_menu_left {
  width: 400px;
  height: auto;
  float: left;
  margin: 2px 10px;
}
.login_menu_left ul li {
  float: left;
  margin-right: 10px;
  font-size: 11px;			
}
.login_menu_left ul li a:hover {
  color: #004986;
  background-color:none;
}
.login_menu_left ul li a:active {
  color: #004986;
  background-color:none;
}	
.login_menu_right {
  width: auto;
  height: auto;
  float: right;
  margin: 2px 5px;
}
.login_menu_right ul li {
  float: left;
  margin-left: 5px;
  padding-right: 15px;
  font-size: 11px;			
}
.login_menu_right ul li:last-child {
  padding-right: 5px;
}
.login_menu_right ul li a {
  color: #737373;
}
.login_menu_right ul li a b {
  color: #737373;
}
.login_menu_right ul li a:hover {
  color: #004986;
  background: none;
}
.login_menu_right ul li a:active {
  color: #004986;
  background: none;
}	
.login_menu_line {
  background: url("https://cloudfront.imggift.com/new/skin/top/topskin_49/icon_dot.png") no-repeat right 3px;
}
.login_menu_support {
  background: url("https://cloudfront.imggift.com/new/skin/top/topskin_49/icon_heart.png") no-repeat left 4px;
  padding-left: 11px;
}
.login_menu_bookmark {
  background: url("https://cloudfront.imggift.com/new/skin/top/topskin_49/icon_star.png") no-repeat left 4px;
  padding-left: 10px;
}
.login_menu_right ul li.login_menu_bookmark a, li.login_menu_support a {
  color: #000;
}
.logo_wrap {
  width: 1100px;
  height: auto;
  margin: 12px auto;
  clear: both;
  position: relative;
  z-index: 9;
  height: 90px;
  overflow: hidden;
}
.top_logo {
  position: absolute;
  width: 300px;
  height: 80px;
  z-index: 9;
  top: 0px;
  left: 0;
}
#top_bn {
  margin-top: -3px;
  padding: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 80px;
}
#top_search {
  width: 320px;
  height: 30px;
  padding: 5px;
  margin: 0 auto;
  overflow: hidden;
  border-bottom:3px solid #8a8a8a;	
  border-top:3px solid #8a8a8a;
  border-left:3px solid #8a8a8a;
  border-right:3px solid #8a8a8a;	
}
#top_search ul {
	clear: both;
	width: 320px;
	height: 30px;
	margin:0 auto;
}
.search_input {
  float: left;
  width: 285px;
  height: 30px;
  padding: 5px 5px;
  font-size: 17px;
  font-weight: bold;
  border: none;
}
.search_go {
    margin-top: 3px;
    margin-right: 10px;
    margin-left: 0;
    margin-bottom: 0;
    float: right;
}
*+html body .search_go {
  margin: -9px 15px 0 0;
  float: right;
}
.hotkeyword {
  display: table;
  margin: 0 auto;
  height: 20px;
  font-size:11px;
}
.hotkeyword dl dt {
  float:left;
  margin-top: 1px;
  margin-right: 10px;
}
.hotkeyword dl dd {
  float: left;
  color: #b5b5b5;
  margin-top: 0;
}
.hotkeyword dl dd a {
  padding: 5px;	
  font-size:11px;		
}
	
/* top menu */
.gnbmain_wrap {
  width: 100%;
  height: 45px;
}
.gnb {
  width: 1100px;
  height: 45px;
  margin: 0 auto;
  font-weight:normal;
  position: relative;
  z-index: 9999;
}
.gnb ul li {
  float: left;
  font-size: 14px;
  padding: 15px 0 13px;	
}
.gnb ul li a {
  color: #fff;
  height: 44px;		
  padding: 12px 17px 12px 17px;
  border-top-left-radius: 7px; 
  border-top-right-radius: 7px; 	
}	
.gnb ul li a:hover {
  background: #fff;
  font-weight: bold;	
}
.gnb ul li a:active {
  background: #fff;
  font-weight: bold;	
}
.gnb_subwrap {
  width: 1100px;
  height: 0;
  position: absolute;
  z-index: 99999999;
  top: 45px;
  left: 0;
  overflow: hidden;
  opacity: 0;
}

/* sub category  */
.biglist_down {
  z-index: 300;
  position: absolute;
  top: 0;
  left:0;	
  height: auto;
  background-color: #fff;
  overflow: hidden;
  width: 1098px;
  margin:0 auto;
  border-top: 2px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 2px solid;
}
.biglist_down .tbam {
  margin:15px;
  border-spacing: 0;	
}
.biglist_down .tbam th {
  margin:0;
  width:140px;	
  padding:10px;
  border-bottom:solid 1px #fff;		
  background: #F0EDEE;	
  font-size:13px;	
}
.biglist_down .tbam td {
  padding:10px;		
  border-bottom:solid 1px #F0EDEE;	
  line-height: 160%;
}
.biglist_down .tbam td a {
 font-size: 11px;
 font-weight: normal;	
 margin-right:10px;	
 padding:2px;	
 color:#666;
}
/*
.biglist_down .tbam td a:hover, td:active {
 background:#fff;
 color:<?=$menu_bgcolor?>;
}
*/
.biglist_down .tbam .bno {
  border-bottom:none;
}

.subtop1 {
 border-right:solid 1px #ddd;  border-top:solid 1px #ddd; 	
 background:#eee;
 font-size: 12px;
 padding: 13px 0 14px;
 font-weight: bold;
}
.subtop2 {
 border-left:solid 1px #ddd; border-top:solid 1px #ddd; border-right:solid 1px #ddd;	
 background:#eee;
 font-size: 12px;
 padding: 13px 0 14px;
 font-weight: bold;
}
.subtop3 {
 border-right:solid 1px #ddd; 	
 background:#eee;
 padding: 0;
 margin:0;
 font-size: 12px;
 font-weight: bold;
}
.subtd1 {
 border-right:solid 1px #ddd; 
}
.subtd2 {
 border-left:solid 1px #ddd;  border-right:solid 1px #ddd;	
}