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

/** header **/
#header {
  position:relative;
  z-index:1000;
  width:100%;
  background:#fff;
}
.login_menu_wrap {
  width: 100%;
  height: 29px;
  position: relative;
  z-index: 1
}
.login_menu_bg {
  background:#f0f0f0;
}	
.login_menu {width:1100px; height: 29px; margin: 0 auto; display:flex; align-items:center; justify-content:space-between;}
.login_menu_left {width:400px; height:auto; float:left;}

.login_menu_left ul{display:flex; align-items:center; height:29px;}
.login_menu_left ul li {margin:0 5px; font-size: 14px;}
.login_menu_left ul .sian_conform{
    display:flex; align-items:center; justify-content: center; 
    width:100px; height:29px; background:#cc3366;
}
.login_menu_left ul .sian_conform span{
    color:#fff; margin:0 0.2em; display:inline-block; 
    transform:translateY(-2px); font-weight:bold;
}

.login_menu_right {width:auto;}
.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 {
  font-size:14px;     
  color: #333333;
}
.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_58/icon_dot.png") no-repeat right 3px;
}
.red_accent{font-weight:bold;}
.red_accent a{color:#cc3300 !important; transition:all 0.3s;}
.red_accent a:hover{color:#cc00cc !important;}

.login_menu_support {
  background: url("https://cloudfront.imggift.com/new/skin/top/topskin_58/icon_heart.png") no-repeat left 4px;
  padding-left: 11px;
}
.login_menu_bookmark {
  background: url("https://cloudfront.imggift.com/new/skin/top/topskin_58/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;
}
#info_menu{
	position:relative;
	float:left;
	margin:0;
	padding:0;
}
.logo_wrap {
  display:flex; justify-content: space-between; align-items:center;
  width: 1100px; height:105px; margin:0 auto;;
}
.top_tel {
  width: 330px;
  height: 70px;
  z-index: 9;
  margin-top:10px;
  left: 0;
  float: left;	
}
#top_logo {display:flex; justify-content:center; width:440px; flex-wrap:wrap;}

#top_search {
  width: 318px; height: 45px;
  margin: 0 auto; border:2px solid #cc3366; border-radius:20px; transition: all 0.3s;
}

#top_search:hover{box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}

#top_search ul {
    display:flex; justify-content:space-between; align-items:center; 
	width:314px; height:45px;
}
.search_input {
  width:260px; height:45px;  padding-left: 15px;
  font-size:15px; border:none; outline:none; border-radius:20px;
}
.search_go {margin-right:10px;}
*+html body .search_go {
  margin: -9px 10px 0 0;
  float: right;
}
.hotkeyword {
  display:flex; align-items:center; justify-content:center; padding:0 10px;
  height:27px; font-size:13px; background: #ffffcc; border-radius:10px;
}
.hotkeyword dl dd {
  color: #b5b5b5;
}
.hotkeyword dl dd a {text-align: center;}
.hotkeyword_font {color:#222222;}
	
/* top menu */
.gnbmain_wrap {
  width: 100%;
  height: 37px;
  position: relative;
  background:#303131;	
}
.gnb {
  width: 1100px;
  height: 35px;
  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:#fff;
}
.gnb ul li a:hover {
  color: #fff;
}
.gnb .changup {
  position: absolute;
  width:100px;
  background:red;
  color:white;
  margin: 10px;
  top:100px;	
  font-size:20px;
}
.gnbFixed {
  position: fixed;
  top: 0px;
}

/* sub category  */
 .allcate {
  display:none;	
  position:absolute;
  z-index: 9999;	
  left: 0;
  width: 1098px;
  top:34px;
  height: auto;
  background-color: #fff;
  border: 1px solid;
  border-color: #333;/*마우스아웃컬러#222*/
  border-top: none;
  margin: 0 auto;
}	
 .allcate>div {
  width: 100%;
}
 .allcate>div>div {
  width: 272px;
  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;
  font-weight: 700;
}
 .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;	
}	
 .allcate div ul {
  padding: 0 0 15px 15px;
  height:100px;	
  margin:0;
}
 .allcate div li a {
  font-family: '돋움', 'Dotum' !important;	
  display: inline-block;
  font-size: 11px;
  height: 14px;
  padding: 0 10px 3px 0;
  color: #767676;
  background: url('https://cloudfront.imggift.com/new/skin/top/topskin_58/icon_dotb.png') no-repeat right 2px;	
}
 .allcate div li a:hover {
  color: #ff5f5f;/*마우스오버컬러#f33e31*/
  background:#fff; 	
  background: url('https://cloudfront.imggift.com/new/skin/top/topskin_58/icon_dotb.png') no-repeat right 2px;	
}
 .allcate div li:last-child {
  background: none;
  font-weight: normal;
}
 .allcate #allclose {	
cursor:pointer;
right:5px; 
bottom:5px; 
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:'돋움';
}