@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:#ffffff;}
.login_menu_wrap {width:100%; position:relative; border-bottom:solid 1px #eeeeee; margin-top:6px;}
.login_menu {width:1100px; margin:0 auto; display:flex; justify-content:space-between; align-items: center; height:46px;}
.login_menu_right {display:inline-block;}
.login_menu_right ul{display:flex;}
.login_menu_right ul li {display:flex; font-size:16px; font-weight:bold; align-items:center; margin-left:1em;}
.login_menu_right ul li a {color: #990000;}
.login_menu_right ul li a:hover {color: #ff3300; background: none;}
.login_menu_right ul li p{margin:0 0.3em;}


.login_menu_support {background: url("https://cloudfront.imggift.com/new/skin/top/topskin_63/icon_heart.png") no-repeat left 4px; padding-left: 11px;}
.login_menu_bookmark {background: url("https://cloudfront.imggift.com/new/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:100%; display:flex; justify-content:center; align-items:center;}

.keyword_search {width:435px; height:50px; border:2px solid #5915ca; border-radius:25px; background:#ffffcc; transition:all 0.3s; transform:translateX(12px);}
.keyword_search:hover{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.keyword_search ul{display:flex; justify-content:space-between;}

.search_input{width:380px; height:50px; padding:5px 10px 5px 20px; font-size:17px; border:none; outline:none; background:#ffffcc; border-radius:25px;}
.search_input::placeholder{font-weight:300; color:#330066; font-size:17px;}
.search_go{margin:8px 14px 0 0;}

.hotkeyword {width:auto; font-size:15px;}
.hotkeyword dl{display:flex; justify-content:space-between; align-items:center;}
.hotkeyword dl dt{margin-right:0.5em; padding:4px 0 0 0;}
.hotkeyword dl dd span{padding:0 0.3em; color:#b5b5b5;}
		
/* 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://cloudfront.imggift.com/new/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://cloudfront.imggift.com/new/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 .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:'돋움'; }