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

/* nanum-gothic */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(https://imggift.com/skin/top/webfont/NanumGothic-Regular.eot);
  src: url(https://imggift.com/skin/top/webfont/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
	   url(https://imggift.com/skin/top/webfont/NanumGothic-Regular.woff2) format('woff2'),
	   url(https://imggift.com/skin/top/webfont/NanumGothic-Regular.woff) format('woff'),
	   url(https://imggift.com/skin/top/webfont/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic Bold';
  font-style: normal;
  font-weight: 700;
  src: url(https://imggift.com/skin/top/webfont/NanumGothic-Bold.eot);
  src: url(https://imggift.com/skin/top/webfont/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
	   url(https://imggift.com/skin/top/webfont/NanumGothic-Bold.woff2) format('woff2'),
	   url(https://imggift.com/skin/top/webfont/NanumGothic-Bold.woff) format('woff'),
	   url(https://imggift.com/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:#ffffff;}
.login_menu_wrap {width:100%; height:24px; position: relative; border-bottom: solid 1px #eeeeee; z-index: 1;}
.login_menu {width: 1100px; height:25px; overflow:hidden; margin: 0 auto;}
.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://imggift.com/skin/top/topskin_63/icon_dot.png") no-repeat right 3px;}
.login_menu_support {background: url("https://imggift.com/skin/top/topskin_63/icon_heart.png") no-repeat left 4px; padding-left: 11px;}
.login_menu_bookmark {background: url("https://imggift.com/skin/top/topskin_63/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: #000000;}
.logo_wrap { width: 1100px; height: auto; margin: 12px auto; clear: both; position: relative; z-index: 9; height: 70px; 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: 350px;
  height: 30px;
  padding: 5px;
  margin: 0 auto;
  overflow: hidden;
  border-bottom:2px solid #5915ca;	
  border-top:2px solid #5915ca;
  border-left:2px solid #5915ca;
  border-right:2px solid #5915ca;
  border-top-left-radius: 15px; 
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px; 
  border-bottom-right-radius: 15px;}
#top_search ul {clear: both; width: 350px; height: 30px; margin:0 auto;}
.search_input {float: left; width: 300px; height: 30px; padding: 5px 7px; font-size: 15px; border: none;}
.search_go {margin-top: 3px; margin-right: 0px; margin-left: 0; margin-bottom: 0; float: right;}
*+html body .search_go { margin: -9px 15px 0 0; float: right;}
.hkw {position:absolute;margin-top:5px;margin-left:380px;}
.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; position: relative; border-top: solid 1px #d7d7d7; border-bottom: solid 1px #333; background:#ffffff;}
.gnb {width: 1100px; height: 45px; margin: 0 auto; position: relative; z-index: 9999;}
.gnb ul li a {padding:0; font-family: 'Nanum Gothic' !important; font-size: 15px; float: left; color:#ffffff;}
.gnb ul li a:hover {background: #5915ca; color: #ffffff;}
.gnbFixed {position: fixed;top: 0px;}
.gnb ul li a.allview{top:0;left:0; width:123px;  margin-top:px; height:45px;  text-align:center;cursor: pointer;background:url(https://imggift.com/skin/top/topskin_63/menu_01.jpg);  background-color: #333;}
.gnb ul li a.allview:after {content:""; display:inline-block; margin-top:15px;  margin-left:-70px; width:18px; height:16px; background:url('https://imggift.com/skin/top/topskin_63/icon_allcate.png') no-repeat; }
.gnb ul li a.allview.active:after{-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}	

/* sub category  */
 .allcate {display:none; position:absolute; z-index:9999; left:0; width:1098px; top:46px; height:auto; background-color:#ffffff; border:1px solid; border-color:#333333; border-top:none; margin: 0 auto;}	
 .allcate>div {width:100%;}
 .allcate>div>div {font-size: 13px; float:left; border-left: 1px solid #ececec;}
 .allcate>div>div h3 {text-align:left; color:#333333; font-size:13px; margin:0; padding-left:15px; padding-top:10px; padding-bottom:5px; cursor:pointer;}
 .allcate>div.alltop>div {height: 195px !important; border-bottom: 1px solid #ececec;}
 .allcate>div.alltop2>div {height: 150px !important; border-bottom: 1px solid #ececec;}
 .allcate>div.alltop3>div {height: 135px !important; border-bottom: 1px solid #ececec;}	
 .allcate>div.alltop4>div {height: 105px !important; border-bottom: 1px solid #ececec;}	
 .allcate>div.alltop5>div {height: 175px !important; border-bottom: 1px solid #ececec;}
 .allcate>div.alltop6>div {height: 130px !important; border-bottom: 1px solid #ececec;}
 .allcate>div.alltop7>div {height: 210px !important; border-bottom: 1px solid #ececec;}
 .allcate>div.alltop8>div {height: 210px !important; border-bottom: 1px solid #ececec;}	

.all_ct_tt_td{border-top:solid 1px #ccc;width:134px;text-align:center;font-size:14px;font-weight:bold;}
.alltb_rab{width:100%;padding:0px;background:#fff;}	
.act_m1{width:100%;background:#ffffff;border-top:solid 1px #ccc;margin-bottom:0px;}
.act_m1 .tbam {margin:1px;width:99.9%;border-spacing:0;}
.act_m1 .tbam th{margin:5px;width:130px;padding:0px;color:#000;font-weight:500;border-right:solid 1px #f7f7fa;border-bottom:solid 1px #ddd;background: #f7f7fa;font-size:13px;}
.act_m1 .tbam th a{float:none;color:#000;letter-spacing: 0.7px;font-size:13px;}
.act_m1 .tbam td {padding:3px;border-bottom:solid 1px #ddd;line-height: 120%;}
.act_m1 .tbam td a {font-size:11px;font-weight:normal;margin-right:0px;padding:4px;color:#666;font-family:'돋움';}	
.act_m1 .tbam td a:hover, td:active {background:#fff; color:#5915ca; font-weight: bold;}
.act_m1 .tbam .bno {border-bottom:none;}
.allcate div li a:hover { color: #5915ca; background:#fff;}
.allcate div li:last-child {background: none; font-weight: normal;}
.allcate #allclose {cursor:pointer;right:5px; bottom:3px; position:absolute;}
.gnb_menu >ul>li{display:inlin-block;border:0;}
.gnb_menu img {margin-left:-4px; padding:0px;} 	
a.roll img.over {display:none;}
a.roll:hover {border:0;}
a.roll:hover img {display:none;}
a.roll:hover img.over {display:inline-block;}

.topcaput {height: 40px; background:#eeeeee; margin:0 auto;	border-bottom: solid 1px #cccccc;}
.input_tgca {color: #646464; width:135px; margin:10px 5px; padding: 1px; font-size: 12px; font-family:'돋움'; }