@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {overflow-y:scroll;}
body {position:relative; margin:0; padding:0; font-size:15px;}
body, h1, h2, h3, h4, h5, h6, input, button, textarea, select {
	margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif;}
p {margin:0;}
ol, ul, li, dd {margin:0;padding:0;list-style:none;}
a:link, a:visited, a:hover, a:focus, a:active {color:#000; text-decoration:none;}
a:hover, a:focus, a:active {color:#000;text-decoration:none;}
label {font-size:0}
caption {font-size:0}
table {border-spacing:0; border-collapse:collapse}
button {cursor:pointer}


/* right SNS */
.right_btn {position:fixed; top:23%; right:0; z-index:99}
.right_btn li {width:50px; height:50px}
.right_btn li img {width:100%;}
  
@media (max-width: 900px){
	.right_btn {display:none}
}

header {position:relative; top:0; width:100%; height:80px;z-index:100;}
.hd_top {position:relative;width:100%;height:80px;margin:0 auto;}
.hd_top h1 {position:absolute; left:20px; top:17px; width:317px; height:39px; z-index:99999;}
 
@media screen and (max-width: 1300px) {
	.hd_top {width:100%;}
}
@media screen and (max-width: 770px) {
	.hd_top {height:80px;}
}

@media screen and (max-width: 480px) {
	header {position:relative; top:0; width:100%; height:60px;z-index:100;}
	.hd_top {height:60px;}
	.hd_top h1 {position:absolute; left:10px; top:10px; width:75%; height:39px; z-index:99999;}
	.hd_top h1 img {width:100%;}
}

#skip_to_container a {
	z-index:100000;
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:1px;
	font-size:0;
	line-height:0;
	overflow:hidden;
}
	
#skip_to_container a:focus, #skip_to_container a:active {
	width:100%;
	height:75px;
	background:#21272e;
	color:#fff;
	font-size:2em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	line-height:3.3em;
}

/*190220 english 추가 s*/
.eng_top {position:absolute; top:30px; right:270px; font-size:13px; font-weight:900}
.eng_top a {padding:3px 10px !important; }
@media screen and (max-width: 770px) {
	.eng_top {position:absolute; top:30px; right:110px; font-size:13px; font-weight:900}
}
@media screen and (max-width: 560px) {
	.eng_top {display:none}
}
/*190220 english 추가 e*/

.utill {float:right; position:relative; width:250px; height:80px;z-index:999999999;}
.utill ul {display:block;}
.utill li {float:left;width:80px;text-align:center;}
.utill li#utill_ct {width:80px; padding-top:25px; background:none;}
.utill li a {display:block;width:100%;height:100%;}

.utill li.utill_search {float:left; width:170px; padding:20px 5px 10px; border-bottom:2px solid #1a1b1d; }
.utill li.utill_search input {float:left; width:140px; font-size:13px; color:#8c8c8c; border:0; }
.utill li.utill_search button {float:left; width:20px; border:0; background:none;cursor:pointer}
.utill li.utill_search button i {color:#000; font-size:18px; }

@media screen and (max-width: 770px) {
	.utill {display:none;}
}


/* 사이트맵 카테고리 */
#utill_sitemap{
	display:none;
	position:fixed;
	top:0px;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0,0.8);
	z-index:99999;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;    
	box-sizing: border-box;  
	-webkit-backface-visibility: hidden;
}

@media (max-width:960px) {
	#utill_sitemap{
		top:80px;
	}
}

@media (max-width:480px) {
	
	#utill_sitemap{
		display:none;
	}
}

#utill_sitemap .us_wr{
	width:100%;
	height:730px;
	overflow-y:auto;
	background:#fff;
	z-index:99999;
}

#utill_sitemap .us_tbx {
	position:relative;
	width:1300px;
	height:730px;
	margin:0 auto;
	padding-top:50px;
	padding-left:100px; 
}

@media (max-width:1300px) {
	#utill_sitemap .us_tbx {
		width:100%;
		height:800px;
		padding-left:20px; 
	}
}

.us_tbx_ul01 {
	display:block;
	width:100%;
	height:100%;
}

.us_tbx_ul01 li {
	float:left;
	width:18%;
	padding-right:0;
	color:#000;
	text-align:left;
	background:none;
	word-break:keep-all;
}

@media (max-width:960px) { 

	.us_tbx_ul01 li {
		width:16%;
		margin-right:2%;
		font-size:13px;
	}
}

.us_tbx_ul01 > li:nth-child(4) {
	width:20%;
	background:none;
}

@media (max-width:960px) { 

	.us_tbx_ul01 > li:nth-child(4) {
		
	}
}


.us_tbx_ul01 li p {
	display:inline-block;
	width:150px;
	font-size:24px;
	padding-bottom:20px;
	border-bottom:1px solid #dedede;
	color:#9aa60f;
}

@media (max-width:960px) { 

	.us_tbx_ul01 li p {
		display:block;
		width:100%;
		padding-bottom:8px;
		font-size:17px;
		font-weight:bold;
	}
}
.us_tbx_ul02 {
	margin-top:10px;
}
.us_tbx_ul02, .us_tbx_ul02 li {
	display:block;
	width:100%;
	margin-bottom:10px;
}
.us_tbx_ul02 li {
	font-size:16px;
	color:#000;
	text-transform:uppercase;
}
.us_tbx_ul02 li ul {margin:5px 0 5px 0px;}
.us_tbx_ul02 li ul li{margin:0px 0 2px 10px;}
.us_tbx_ul02 li ul li:before {position:absolute; margin:7px 0 0 -8px; width: 4px; height: 4px; background: #aaa; content: ''; border-radius: 50%;}
.us_tbx_ul02 li ul li a{font-size:13px; color:#666;}
.us_tbx_ul02 li ul li ul {margin:0px 0 10px 0px !important;}
.us_tbx_ul02 li ul li ul li {font-size:12px !important; margin:0px 0 0px 5px; color:#666}
.us_tbx_ul02 li ul li ul li:before {position:absolute; margin:9px 0 0 -8px; width:2px; height:2px; background: #aaa; content: ''; border-radius: 50%;}

@media (max-width:960px) { 
	.us_tbx_ul02 li {
		font-size:13px;
	}
}

.us_tbx_ul02 li a {
	color:#000;
}

.us_tbx_ul02 li a:hover {
	text-decoration:underline !important;
}

.us_tbx_ul03 {
	margin:10px 0;
}

.us_tbx_ul03 li {
	font-size:13px;
	text-indent:-0.1em;
}

#utill_sitemap .pop_close {
	position:absolute;
	top:30px;
	right:30px;
	width:33px;
	height:31px;
	font-size:0;
	text-indent:-9999px;
	background:url(/img/us_close.png) no-repeat center;
	border:0;
	cursor:pointer;
}

#hd_ct {display:none;}

@media screen and (max-width: 770px) {
	#hd_ct {
		display:block;
		float:right;
		width:90px;
		height:80px;
		text-indent:-9999px;
		background:url(/img/toggle.jpg) no-repeat center;
		background-size:cover;
		border:0;
		cursor:pointer;
		z-index:9999999999;
	}
}

@media screen and (max-width: 480px) {
	#hd_ct {
		display:block;
		float:right;
		width:60px;
		height:60px;
		text-indent:-9999px;
		background:url(/img/toggle.jpg) no-repeat center;
		background-size:cover;
		border:0;
		cursor:pointer;
		z-index:9999999999;
	}
}

/* 모바일 카테고리 */
#category{
	display:none;
	position:fixed;
	top:0px;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	z-index:99999;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;    
	box-sizing: border-box;  
	-webkit-backface-visibility: hidden;
}

@media (max-width:480px) {
	body {overflow:hidden;}
 	#category{
	top:0px;
	height: calc(100% - 60px);
	}
}

#category .ct_wr{
	width:100%;
	height:100%;
	overflow-y:auto;
	background:#fff;
	border-top:3px solid #99a60e;
	z-index:99999;
}

#category ul.cate_tab{
	width:100%
}

#category ul.cate_tab:after{
	display:block;
	visibility:hidden;
	clear:both;
	content:"";
}

#category ul.cate_tab li{
	float:left;
	width:50%;
}

#category ul.cate_tab li button{
	display:block;
	width:100%;
	height:60px;
	line-height:60px;
	color:#a8a8a8;
	border-top:2px solid #f6f0e7;
	background:#f6f0e7;
	border:none;
	color:#998972;
}

#category ul.cate_tab li button.ct_tab_sl{
	font-weight:bold;
	background:#fff;
	color:#545454;
	border-top:2px solid #be9153;
	height:60px;
}

#category ul.cate{
	background:#fff;
	width:100%;
	text-align:left;
	text-indent:10px;
}

#category ul.cate > li{
	line-height:60px;
	border-bottom:1px solid #e9e9e9;
	font-size:1.167em;
}

#category ul.cate li{
	position:relative;
	font-weight:bold;
}

#category ul.cate li a {
	display:block;
	color:#545454;
	padding-right:40px;
	font-weight:500; 
	font-size:18px;
	text-overflow: ellipsis;  
	overflow: hidden;  
	white-space: nowrap;
}

#category ul.cate li .ct_op{
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
	height:60px; 
	width:40px;
	text-indent:-9999px;
	background:url(/img/btn_op.png) no-repeat center;
	border:none;
}

#category ul.cate li a:hover,#category ul.cate li a:focus{
	text-decoration:underline
}

#category ul.cate li .ct_cl{
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
	height:60px; 
	width:40px;
	text-indent:-999px;
	background:url(/img/btn_cl.png) no-repeat center;
}

#category ul.sub_cate{
	display:none;
}

#category ul.sub_cate1 li{
	text-indent:20px;
	background:#eee;
	border-top:1px solid #d2d2d2;
	font-weight:normal;
}

#category ul.sub_cate1 li a {
	height:50px;
	line-height:50px;
}

#category .category_logo {position:relative; height:80px; background:#fff;
}

@media (max-width:480px) {
	#category .category_logo {position:relative; height:60px; background:#fff;}
}
#category .pop_close{
	position:absolute;
	top:0px;
	right:0;
	width:90px;
	height:80px; 
	background:url(/img/toggle_close.jpg) no-repeat center;
	border:0;
	text-indent:-99999px;
	z-index:1000;
	cursor:pointer
}

@media (max-width:480px) {
	#category .pop_close{
	position:absolute;
	top:0px;
	right:0;
	width:60px;
	height:60px; 
	background:url(/img/toggle_close.jpg) no-repeat center;
	background-size:cover;
	border:0;
	text-indent:-99999px;
	z-index:1000;
	cursor:pointer
	}
}
.tab_btn {position:fixed;width:35%;height:100%;box-sizing:border-box;background:#f5f5f5;border-right:1px solid #d9d9d9;}
.tab_btn ul {display:block;width:100%;}
.tab_btn li {width:100%;height:auto;line-height:70px;text-align:center;font-size:18px;color:#666;letter-spacing:-0.1em;border-bottom:1px solid #d9d9d9;}
.tab_btn li a {display:block;width:100%;color:inherit;font-weight:600;background-repeat:no-repeat}
#tabs {content:"";clear:both;display:block;}
#tabs .ui-tabs-anchor {width:100%;height:100%;padding:0;}
#tabs #tabs-1, #tabs #tabs-2, #tabs #tabs-3, #tabs #tabs-4 {width:100%;}
#tabs .ui-state-active a, #tabs .ui-state-active a:link, #tabs .ui-state-active a:visited {font-weight:600;background-color:#fff;}

.tab_list {position:relative;margin-left:35%;padding:20px;font-size:13px;color:#606060;box-sizing:border-box;}
.tab_list a {color:#606060;}
.tab_list span {color:#606060;font-size:14px;}
.tab_list li {position:relative;float:left;width:284px;}
.ct_wr_ts {height:20px;font-size:15px; border-bottom:1px solid #000}
.ct_wr_lists {display:block}
.ct_wr_lists li {width:100%; line-height:40px; font-size:15px;color:#000; border-bottom:1px solid #e6e8e8; word-break:keep-all}
.ct_wr_lists li a {font-weight:bold; display:block;width:100%;height:100%;color:inherit;background:url(/img/s_navi_arrow.gif) no-repeat 99% center;}
.ct_wr_lists li a:hover {color:#000;font-weight:bold;}
.ct_wr_lists li ul li { line-height:16px; font-size:14px;color:#5b5b5b; margin: 0 0 5px 10px; border-bottom:0px solid #e6e8e8}
.ct_wr_lists li ul li:last-child { padding-bottom:10px; }
.ct_wr_lists li ul li a { font-weight:500;}
.ct_wr_lists li ul li ul li {line-height:13px; font-size:13px;color:#888; margin: 5px 0 0px 10px; border-bottom:0px solid #e6e8e8}
.ct_wr_lists li ul li ul li:last-child { padding-bottom:5px; }


/* 상단메뉴 s */
#nav {position:absolute; top:0; width:100%; line-height:80px; height:80px; font-size:22px; z-index:500;}

@media (max-width:1100px) {
	#nav {display:none}
}
#nav ul.select {display:block; position:relative; width:100%; height:80px; padding-left:2%; text-align:center; white-space:nowrap;}
#nav li {display:inline-block;}
#nav .select a {display:block; height:80px; text-decoration:none; white-space:nowrap; color:#222; box-sizing:border-box;}
#nav .select a b {font-weight:600;}
#nav .select > li:first-child {margin-left:80px;}
#nav .select > li {padding:0 10px; width:8%; font-size:20px; line-height:80px;}/*수정190115*/
#nav .select li:hover a {color:#9aa60f;}
#nav .select li:hover a b {display:block;  width:100%;height:100%;cursor:pointer;font-weight:bold;}

@media (max-width: 1300px){ 
	#nav .select > li {padding:0 15px;font-size:18px; /*수정190115*/
		transition:font-size 200ms ease-out 0s;
		-webkit-transition: font-size 200ms ease-out 0s;
		-o-transition: font-size 200ms ease-out 0s;
	}
}

@media (max-width: 1050px){ 
	#nav .select > li {padding:0 15px; font-size:16px;} /*수정190115*/
}

#nav .sub {
	display:none;
	position:absolute;
	left:0; top:0px;
	width:100%; height:320px;
	text-align:center;
	background:url('/img/head_bg.jpg') top center no-repeat #fff;
}

#nav .sub_bx {position:relative; width:1300px; height:320px; margin:0 auto; overflow:hidden;}

@media (max-width: 1300px){ 
	#nav .sub_bx {width:100%;}
}

#nav .sub li {background:transparent;}
#nav .select li:hover .sub {
	display:block; 
	position:absolute; 
	top:80px; 
	left:0; 
	width:100%; 
	height:320px; 
	line-height:60px;
	text-align:left;
	box-shadow:0 3px 0px rgba(0,0,0,0.05);
	border-top:1px solid #dbdcdc;
	border-bottom:1px solid #dbdcdc;
}

#nav .sub_bx .sub_left {position:absolute; left:0; top:0; width:27%; height:320px; padding-top:80px; padding-left:10px;}

#nav .sub_bx .haed_left_icon1 {background:url('/img/haed_left_icon1.png') no-repeat 10px 190px;}
#nav .sub_bx .haed_left_icon2 {background:url('/img/haed_left_icon2.png') no-repeat 10px 190px;}
#nav .sub_bx .haed_left_icon3 {background:url('/img/haed_left_icon3.png') no-repeat 10px 190px;}
#nav .sub_bx .haed_left_icon4 {background:url('/img/haed_left_icon4.png') no-repeat 10px 190px;}
#nav .sub_bx .haed_left_icon5 {background:url('/img/haed_left_icon5.png') no-repeat 10px 190px;}

#nav .sub_bx .sub_left .hight_tit {font-size:35px; color:#363636; line-height:1em; letter-spacing:-1px;font-weight:400;}
#nav .sub_bx .sub_left .hight_tit span {color:#b5b5b5; font-size:14px; font-weight:600; letter-spacing:0px;}
#nav .sub_bx .sub_left .hight_txt {font-size:15px; color:#8b8b8b; line-height:1.4em; letter-spacing:-1px;}

#nav .sub_bx .sub_right{
	position:absolute; right:0; top:0;
	width:73%; height:319px;
	vertical-align:top;
	padding:25px 0 0 3%;
	border-bottom:1px solid #dbdcdc;
	border-right:1px solid #dbdcdc;
	border-left:1px solid #dbdcdc;
	background:#fff; 
}
#nav .sub_bx .sub_right > ul {overflow:hidden; width:100%; }
#nav .sub_bx .sub_right > ul > li {float:left; width:33%; padding-bottom:30px;}

#nav .sub_bx .sub_right ul li h3 {padding-bottom:10px;}
#nav .sub_bx .sub_right ul li h3 a {font-size:19px !important; font-weight:400 !important;}
#nav .sub_bx .sub_right ul li h3 a:hover {font-weight:500 !important;} 

#nav .sub_bx .sub_right > ul > li > ul > li {margin-bottom:5px; background:url('/img/sub/list02.png') no-repeat 0 9px; padding-left:8px}
#nav .sub_bx .sub_right > ul > li > ul > li a {color:#5c5c5c !important;}
#nav .sub_bx .sub_right > ul > li > ul > li a:hover {color:#9aa60f !important;}

#nav .sub_bx .sub_right > ul > li > ul > li > ul {margin:5px 0 10px 5px;}
#nav .sub_bx .sub_right > ul > li > ul > li > ul > li {}
#nav .sub_bx .sub_right > ul > li > ul > li > ul > li a {font-size:14px !important; color:#a2a2a2 !important;}
#nav .sub_bx .sub_right > ul > li > ul > li > ul > li a:hover {color:#5c5c5c !important;}


#nav .select li:hover .sub li {display:block;line-height:1em;}
#nav .select li:hover .sub li a {
	display:block;
	margin:0;
	color:#000;
	font-size:16px;
	white-space:nowrap; 
	border:0;
	padding:0;
	height:auto;
}
#nav .select li:hover .sub li a:hover {font-weight:500; color:#9aa60f} 

/* 상단메뉴 e */


/* 내용 PC */
#wrapper {position:relative; margin:20px auto; width:1300px; height:auto; word-break:keep-all; overflow:hidden}

#left_menu {float:left; width:240px;}
#left_menu .lmenu_tt {width:100%; height:0; padding-bottom:50%; background:url(/img/lmenu_tt_bg.jpg) no-repeat center; }
#left_menu .lmenu_tt h2 {padding-top:17%; text-align:center; color:#fff; font-size:23px; font-weight:500;}

#container {float:right; width:1014px;
 }
#container h3 {margin-top:30px; font-weight:400; font-size:28px; color:#303030;
	transition:font-size 450ms ease-out 0s;
	-webkit-transition: font-size 450ms ease-out 0s;
	-o-transition: font-size 450ms ease-out 0s;
	}
#container h3 span {padding-bottom:10px; border-bottom:4px solid #ececec; }
#container .con_page {margin-top:40px; margin-bottom:10px; width:100%; min-height:500px;}

@media screen and (max-width: 1320px) {
	#wrapper {width:100%; padding:0 10px; overflow:hidden}
	#left_menu {float:left; width:17%;}
	#container {float:right; width:80%;}
}

@media screen and (max-width: 1000px) {
	#left_menu {display:none}
	#container {float:none; width:100%;}
}

@media screen and (max-width: 600px) {
	#container h3 {margin-top:0px; font-weight:400; font-size:22px; color:#303030; }
	#container h3 span {padding-bottom:10px; border-bottom:4px solid #ececec; }
	#container .con_page {margin-top:30px; width:100%; min-height:200px;}
}

/* footer PC */
footer {
	transition:padding 450ms ease-out 0s;
	-webkit-transition: padding 450ms ease-out 0s;
	-o-transition: padding 450ms ease-out 0s;
}
footer.sft {width:100%; background:#323232; clear:both;}
footer.sft:after {content:""; clear:both; display:block; }
footer.sft > div { position:absolute; left:50%; width:1300px;  margin-left:-640px; z-index:10;}
footer.sft > div {position:relative;}

.ft_menu {text-align:center; height:70px; padding:10px 0 0 10px; border-bottom:1px solid #616161; margin-bottom:20px;}
.ft_menu h1.ft_logo {float:left; height:39px; margin-top:5px; }
.ft_menu ul  {float:right; padding-top:18px}
.ft_menu ul li {float:left; line-height:0.75em; border-right:1px solid #727272; padding:0 10px}
.ft_menu ul li:last-child {border-right:0px solid #727272; padding:0 10px}
.ft_menu ul li a {color:#a8a8a8; font-size:13px; font-weight:500}
.ft_menu ul li a:hover {color:#fff; font-weight:bold}

address {
	float:left;
	width:750px;
	height:80px;
	padding:0px 0 0 0px;
	font-style:normal;
	font-size:13px;
	color:#a8a8a8;
	font-weight:400;
	line-height:1.4em;
	letter-spacing:-0.05em;
}
address span {display:inline-block;padding:0 10px;line-height:1em;	border-right:1px solid #474647;}
address span:nth-child(4) {border-right:0;}
address span:nth-child(7) {border-right:0;}
address .copy {padding-left:10px}

.ft_right {float:right; width:80px; margin:-10px 10px 0 0}
.gototop {display:inline-block; width:80px; height:80px;
		transition:width 200ms ease-out 0s;
		-webkit-transition: width 200ms ease-out 0s;
		-o-transition: width 200ms ease-out 0s;}
.privacy {display:none;}

/* footer 1300px */
@media (max-width: 1300px) {
	footer {}
	footer.sft {width:100%; background:#323232; clear:both;}
	footer.sft:after {content:""; clear:both; display:block; }
	footer.sft > div { position:absolute; left:50%; width:100%;  margin-left:-50%; z-index:10;}
	footer.sft > div {position:relative;}
}

/* footer 950px */
@media (max-width: 950px) {
	footer.sft {width:100%; background:#323232; clear:both; padding-bottom:25px}
	.ft_menu ul {display:none}
	.ft_menu h1.ft_logo img {height:80%;}
	.privacy {display:block;}
	.privacy select {
		float:right; width:200px; height:35px; line-height:35px; margin:7px 10px 0 0; padding:0 10px; border:1px solid #5e5e5e; color:#fff;
		-webkit-appearance: none; 
		-moz-appearance: none;    
		appearance: none;
		background: url('/img/select-arrow.png') no-repeat 95% 50% #3a3a3a; /* 화살표 아이콘 추가 */       
	}
	.privacy select::-ms-expand {display: none;}
	address {width:auto;}
	address span {display:block;padding:0 10px;line-height:20px; border-right:0px solid #474647;}
}

/* footer 540px */
@media (max-width:540px) { 
	.ft_right {float:none; width:20%;}
	.gototop {position:absolute; width:50px; height:50px; top:-86px; right:5px}
	.gototop img {width:100%}
	h1.ft_logo {display:none}
	address {
		float:none;
		width:100%; 
		height:auto; 
		padding:0px 10px 0px 10px;
		font-style:normal;
		font-size:12px;
		color:#a8a8a8;
		font-weight:500;
		line-height:1.5em;
		letter-spacing:-0.05em;
	}
	address span {display:block;padding:0 0 5px 0;line-height:1em;	border-right:0px solid #474647;}
	address .copy {padding-left:0px; line-height:1.3em;}
	.privacy select {float:left; }
}

/* sub */
.s_visual{position:relative; width:100%; height:260px;
		transition:height 200ms ease-out 0s;
		-webkit-transition: font-size 200ms ease-out 0s;
		-o-transition: font-size 200ms ease-out 0s;}
.s_visual_img01 {background:url(/img/s_visual01.jpg) no-repeat bottom; background-size:cover;}
.s_visual_img02 {background:url(/img/s_visual02.jpg) no-repeat bottom; background-size:cover;}
.s_visual_img03 {background:url(/img/s_visual03.jpg) no-repeat bottom; background-size:cover;}
.s_visual_img04 {background:url(/img/s_visual04.jpg) no-repeat bottom; background-size:cover;}
.s_visual_img05 {background:url(/img/s_visual05.jpg) no-repeat bottom; background-size:cover;}
.s_visual_img06 {background:url(/img/s_visual06.jpg) no-repeat bottom; background-size:cover;}

.textbar {position:relative; top:0px; width:100%; height:210px; text-align:center; color:#fff;  z-index:10;}
.textbar .s_tit {padding-top:72px; width:100%; font-size:33px; font-weight:400; line-height:1em; text-shadow:0px 5px 5px rgba(0,0,0,0.39); letter-spacing:-1px;}
.textbar .s_text {height:40px; font-size:14px; line-height:40px; text-shadow:0px 5px 5px rgba(0,0,0,0.39); letter-spacing:-1px;}
 
.sub_navi_wrap {position:absolute; top:205px; width:1300px; height:55px; line-height:55px; left:50%; margin-left:-650px;border-bottom:1px solid #e0e0e0; background:#fff;z-index:99;
		transition:top 200ms ease-out 0s;
		-webkit-transition: font-size 200ms ease-out 0s;
		-o-transition: font-size 200ms ease-out 0s;}
.sub_navi_wrap .sub_menu {float:left}
.sub_navi_wrap .sub_menu img {float:left} 

.sub_navi_wrap .sub_navi {float:right; font-size:13px; }
.sub_navi_wrap .sub_navi ul {padding-right:20px}
.sub_navi_wrap .sub_navi ul li {display:inline-block; color:#a9a9a9}
.sub_navi_wrap .sub_navi ul li span {color:#838383}
.sub_navi_wrap .sub_navi .home {padding-left:23px; background:url(/img/s_navi_home.png) no-repeat 0 18px}

@media screen and (max-width: 1300px) {
	.s_visual{position:relative; width:100%; height:210px;}
	.sub_navi_wrap {position:absolute; top:155px; width:100%; height:55px; line-height:55px; left:0; margin-left:0px; border-bottom:1px solid #e0e0e0; background:#fff;z-index:99;}
}

@media screen and (max-width: 960px) {
	.s_visual{position:relative; width:100%; height:150px;}
	.sub_navi_wrap {position:absolute; top:105px; width:100%; height:45px; line-height:45px; left:0%; margin-left:0px;border-bottom:1px solid #e0e0e0; background:#fff;z-index:99;}
	.sub_navi_wrap .sub_menu {display:none}
	.sub_navi_wrap .sub_navi {float:none; margin-left:10px; font-size:13px}
	.sub_navi_wrap .sub_navi ul {padding-right:0px}
	.sub_navi_wrap .sub_navi ul li {display:inline-block; color:#a9a9a9; }
	.sub_navi_wrap .sub_navi ul li span {color:#838383}
	.sub_navi_wrap .sub_navi .home {padding-left:23px; background:url(/img/s_navi_home.png) no-repeat 0 13px}
}

@media screen and (max-width: 480px) {
	.sub_navi_wrap .sub_navi {float:none; margin-left:5px; font-size:11px}
}


/* 서브네비s */
.menu_navi_wrap{
      float:left;
      position:relative;
      color:#000000;
      height:55px;
}
.menu_navi_wrap a:hover{
    background-color:#f6f6f6; color:#99a60e;
}
.menu_navi_wrap a {
    position:relative;
    text-decoration: none;
    display:block;
    color:#000000;
    outline:none;
	padding:0 20px;
	font-size:15px;
}
.menu_navi_wrap > ul{
    list-style: none;
    margin:0;
    padding:0 0 0 0px;
    height:55px;
	line-height:53px; 
}
.menu_navi_wrap > ul > li{
    padding:0;
    float:left;
 	border-right:1px solid #ddd;
	width:220px;
}

.menu_navi_wrap ul li ul{
    position: absolute;
    border: 1px solid #d0d0d0;
    box-shadow: 0 0px 5px rgba(0,0,0,0.2);
    margin-top: -1px;
    display:none;
    padding: 0px 0px 0px 0;
}
.menu_navi_wrap ul li > ul > li{
    padding:0;
    float:none;
    margin: 0 0 0 0px;
    width:100%;
	height:35px;
	line-height:35px;
	width:218px;
	border-top: 1px solid #ddd;
	background:#f6f6f6;
}
.menu_navi_wrap .active ul{
    display:block !important; 
	background-color: white;
}
.menu_navi_wrap .active > a{
    background-color: white;
    /*border: 1px solid #dedede;*/
    box-shadow: 0 -1px 5px rgba(0,0,0,0.2);
    border-bottom: 0; 
    display: block;
    height: 55px;
    padding: 0 20px;
    position:relative;
    z-index: 1;
	text-decoration: none;
    display:block;
}
.menu_navi_wrap .active a:hover{
    background-color:white;
}
.menu_navi_wrap .active ul a:hover{
    background-color:#99a610;
	color:#fff; font-weight:600;
}

.menu_navi_wrap .active ul a{
    border: 0 !important; 
    border:0; 
	font-size:14px;
}
.menu_navi_wrap .arrow {
	position:absolute;
	right:15px; top:27px; width:7px; height:7px;
    border-color: #99a60e transparent transparent;
    border-style: solid dashed dashed; 
}

@media (max-width: 1100px) {
	.menu_navi_wrap > ul > li {width:180px;}
	.menu_navi_wrap a, .menu_navi_wrap .active > a {font-size:13px; padding:0 10px}
	.menu_navi_wrap ul li > ul > li {width:178px}
}

/* 서브네비e */


/*통합검색*/
.search_all_list {width:100%; padding:20px; text-align:center; color:#333; font-size:16px; font-weight:600; margin-bottom:40px; word-break:keep-all}
span.search_text {color:#9aa60f; }
.search_all_wrap {margin-bottom:40px; word-break:keep-all}
.search_all_tt_box {position:relative; width:100%; border-bottom:1px solid #9aa60f}
.search_all_title {margin:0 0 10px 10px; color:#9aa60f; font-size:18px; font-weight:700;}
.search_all_more {position:absolute; bottom:7px; right:0; border-radius:100px;}
.search_all_more a {display:block; color:#fff; font-size:13px; padding:3px 15px 5px !important; font-weight:400}

.search_thumnail_wr {width:100%; overflow:hidden}
.search_thumnail_img {float:left; width:22%; border:1px solid #ddd; margin-top:20px;
		transition:width 200ms ease-out 0s;
		-webkit-transition: width 200ms ease-out 0s;
		-o-transition: width 200ms ease-out 0s;}
.search_thumnail_img img{width:100%; height:124px;}
.search_thumnail_right {float:left; width:78%;}
.search_all_board {position:relative; width:100%; padding:20px; }
.search_all_board .tt {background:url('/img/list01.png') no-repeat 0 10px; padding-left:10px; color:#333; font-size:16px; font-weight:600;}
.search_all_board .content {color:#676767; margin:5px 0 5px 10px}
.search_all_board .navi {color:#999;margin-left:10px; font-size:14px}
.search_all_board .date {color:#666; margin:5px 0 0 10px; font-size:14px}
.search_all_board .no {color:#a1a1a1; font-size:16px}

.all_search {width:100%; margin:20px 0; padding:20px 10px; text-align:center; overflow:hidden;}
.all_search input {vertical-align:0px; height: 37px; padding:7px; color:#8c8c8c; border-bottom:1px solid #525252; border-right:0; border-left:0; border-top:0;}
.all_search button {width: 20px; border: 0;  background: none;cursor: pointer; font-size:18px; color:#000}
.all_search .check {padding-left:-30%; font-size:14px; color:#8c8c8c}
.all_search .check input {vertical-align:-14px; }
.all_search .search_box {margin-bottom:5px; width:40%;
}

@media (max-width: 480px) {
	.all_search .search_box {margin-bottom:5px; width:70%; }
	.search_thumnail_img {float:none; width:100%; border:1px solid #ddd; margin-top:20px}
	.search_thumnail_img img{width:100%; height:124px;}
	.search_thumnail_right {float:none; width:100%;}
 }


/* lightbox */
.lightbox { display: none; }