/* BASIC css start */
#hdWrap {  }
#hdWrap #header { position: relative; width: 100%; margin-left: auto; margin-right: auto; }
#hdWrap #header .hd-logo { margin: 25px 0 10px 0; text-align: center; }
#hdWrap #header .hd-link { zoom: 1; overflow: hidden; padding: 10px 20px 10px 300px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#hdWrap #header .hd-menu { float: left; }
#hdWrap #header .hd-menu li { float: left; padding: 0 20px; border-right: 1px solid #ddd; }
#hdWrap #header .hd-menu li.last { border-right: 0; }
#hdWrap #header .hd-menu li a { display: inline-block; height: 16px; line-height: 18px; color: #aaa; font-size: 11px; letter-spacing: -1px; }
#hdWrap #header .hd-menu li a:hover { color: #333; }

.MS_search_word {margin-left:-113px; margin-top:6px; width:107px; position:absolute; border:0px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.MS_search_word{margin-left:15px}}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {i.line{margin-left:10px}}



@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
body, table, td, li, ul, font span a div { font-family: 'Noto Sans KR', sans-serif, 'Noto Sans KR'; }

#main_center_all {
	border:0px;
	width:100%;
	margin-top:126px;
}

#main_start {
	border:0px solid;
	margin:0 auto;
	width:1280px;
    text-align:center;
}

#header_top {
	width:100%;
	position:fixed;
	left:0;
	top:0;
	background:#fff;
	z-index:600;
	height:140px;
box-shadow:0px 0px 15px rgba(0,0,0,0.05);
-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.05);
}

#header_top .inner {
	max-width:1260px;
	min-width:1260px;
	margin:0 auto;
}


#header_top .fh_top1 .inner {
	position:relative;
	height:86px;
	padding-left:10px;
	padding-right:10px;
}

#header_top .fh_top1 .inner > div {
	position:absolute;
	top:50%;
	margin-top:-11px;
}

#header_top .inner span {
padding:0 7px;
}









#header_top .inner2 {
	max-width:500px;
	min-width:500px;
}


#header_top .fh_top1 .inner2 {
	position:relative;
	height:86px;
	padding-left:10px;
	padding-right:10px;
    position:absolute;
	top:50%;
	margin-top:-11px;
}



#header_top .inner2 span {
padding:0 7px;
}



#header_top .fh_top1 {
	border-bottom:1px solid #e9e9e9;
	text-align:right;
	box-sizing:border-box;
	font-size:13px;
}
#header_top .fh_top1 a {
	display:inline-block;
	margin-left:0px;
	font-size:12px;
}

#header_top .mn_nav {
	text-align:right;
	z-index:800;
	height:54px;
	box-sizing:border-box
}




#header_top i.new {
position:absolute; width:5px; height:5px; vertical-align:middle; background:#f76d30; border-radius:50%; margin-left:3px;
}






.top-menu {
	float:left;
	z-index:800;
	text-align:left;
	padding-left:0;
}
.top-menu:after {
	content:'';
	display:block;
	clear:both;
}
.top-menu > li {
	float:left;
}
.top-menu > li:first-child {
	margin-left:0;
}
.top-menu > li > a {
	display:inline-block;
	font-size:14px;
	color:#2f2d2d;

}

.top-menu > li:hover .submu {
	display:block;
}


.top-menu .submu {
	display:none;
	position:absolute;
	top:140px;

	margin-left:-50px;
	padding-left:42px;
    padding-bottom:35px;
    padding-top:15px;
	background-color: rgba( 255, 255, 255, 0.9 );
    box-shadow:0px 10px 10px rgba(0,0,0,0.05);

}
.top-menu .submu .inner {
	padding:22px 0 42px 0;
	box-sizing:border-box;
	width:1000px;
}


.top-menu > li:hover .submu_all {
	display:block;
}

.top-menu .submu_all {
	display:none;
	position:absolute;
	top:140px;
	width:100%;
	left:0px;
	padding-left:10px;
	background-color: rgba( 255, 255, 255, 0.9 );
    box-shadow:0px 10px 10px rgba(0,0,0,0.05);

}
.top-menu .submu_all .inner {
	padding:22px 0 42px 0;
	box-sizing:border-box;
	width:1200px;
}


.top-menu > li:hover .submu2 {
	display:block;
}

.top-menu .submu2 {
	display:none;
	position:absolute;
	top:140px;
	width:532px;
	margin-left:-139px;
	padding-left:42px;
    padding-bottom:35px;
    padding-top:15px;
	background-color: rgba( 255, 255, 255, 0.9 );
    box-shadow:0px 10px 10px rgba(0,0,0,0.05);

}
.top-menu .submu2 .inner {
	padding:22px 0 42px 0;
	box-sizing:border-box;
	width:1000px;
}



.top-menu > li:hover .submu3 {
	display:block;
}

.top-menu .submu3 {
	display:none;
	position:absolute;
	top:140px;
	width:116px;
	margin-left:-50px;
	padding-left:42px;
    padding-bottom:35px;
    padding-top:15px;
	background-color: rgba( 255, 255, 255, 0.9 );
    box-shadow:0px 10px 10px rgba(0,0,0,0.05);

}
.top-menu .submu3 .inner {
	padding:22px 0 42px 0;
	box-sizing:border-box;
	width:1000px;
}





.top-menu .submu .inner:after {
	content:'';
	display:block;
	clear:both;
}
.top-menu .menu-tit {
	display:table-cell;
	width:243px;
	vertical-align:top;
	font-size:15px;
	color:#706f6f;
	padding-top:15px;
}
.top-menu .menu-tit strong {
	display:block;
	margin-top:10px;
	font-size:30px;
	font-weight:bold;
	color:#34353f;
}
.top-menu .menu-tit-all {
	display:table-cell;
	width:225px;
	vertical-align:top;
	font-size:15px;
	color:#706f6f;
	padding-top:15px;
}
.top-menu .menu-tit-all strong {
	display:block;
	margin-top:10px;
	font-size:30px;
	font-weight:bold;
	color:#34353f;
}
.top-menu .cate {
	display:table-cell;
	list-style:none;
	position:relative;
	box-sizing:border-box;
	vertical-align:top;
}
.top-menu .cate > li {
	padding:0 10px;
	font-size:14px;
}
.top-menu .cate > li > a {
	display:block;
    width:137px;
	position:relative;
	padding-top:20px;
	color:#34353f;
	font-weight:0;
	font-size:14px;
}
.top-menu .cate > li > a:hover {
	color:#a4a4a4;
}
.top-menu .cate-all {
	display:table-cell;
	list-style:none;
	width:220px;
	position:relative;
	box-sizing:border-box;
	vertical-align:top;
}
.top-menu .cate-all > li {
	padding:0 0px;
	font-size:13px;

}
.top-menu .cate-all > li > a {
	display:block;
	position:relative;
	padding-top:20px;
	font-size:13px;
	color:#34353f;
}
.top-menu .cate-all > li > a:hover {
	color:#a4a4a4;
}
.top-menu li.disable {
	position:relative;
}
.top-menu li.disable > a {
	color:#aca6a6!important;
	cursor:default!important;
}
.top-menu .banner {
	display:table-cell;
	padding-left:35px;
    padding-top:10px;
	text-align:center;
	box-sizing:border-box;
}



.fh_search {float:right; text-align:right; position: relative;}

#search-box {
position: relative;
width: 162px;
margin-top:-7px;
float:right;
}

#search-form {
height: 31px;
border: 1px solid #c0c0c0;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-ie-border-radius: 20px;
border-radius: 20px;
background-color: #fff;
overflow: hidden;
z-index:9999;
}

#search-text 
{
font-size: 11px;
color: #ddd;
border-width: 0;
background: fff;
}
#search-box input[type="text"]
{
width: 90%;
color: #5e5e5e;
outline: none;
}

#search-button {
position: absolute;
top: -4px;
right: 7px;
height: 30px;
width: 30px;
font-size: 12px;
color: #444444;
text-align: center;
line-height: 40px;
border-width: 0;
background-color:transparent;
-webkit-border-radius: 0px 20px 20px 0px;
-moz-border-radius: 0px 20px 20px 0px;
-ms-border-radius: 0px 20px 20px 0px;
border-radius: 0px 20px 20px 0px;
cursor: pointer;
}

.joinlove {margin-left:50px; margin-top:5px; position:absolute; animation:motion 0.6s linear 0s infinite alternate;}
@keyframes motion{0% {margin-top:0px;}100% {margin-top:5px;}}



#bt_quick {display:none; right:40px; bottom:40px; position:fixed; z-index:999;}
#bt_quick a {display:block; padding:8px; opacity:0.8; text-align: center; }
#bt_quick a:hover {opacity:1;}

/* BASIC css end */