@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;
	font-size: 14px;
}

h1, h2, h3, h4, h5, h6{font-size: inherit;color:inherit}

a{width:100%;height:100%;}
p {margin:0;}
ol, ul, li {margin:0;padding:0;list-style:none;outline:0}
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} */
button{-webkit-appearance:none; -moz-appearance:none; appearance:none;}
caption,label{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0,0,0,0);overflow:hidden}
table {border-spacing:0; border-collapse:collapse}
button{border:0;}
.blind {height:0;font-size:0;text-indent:-9999px;overflow:hidden;}
.inblock {display:inline-block;}
/* #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;} */
.skip_menu {position:relative;z-index:60;}
.skip_menu>a {display:block;position:fixed;left:0;top:-30px;width:100%;height:28px;margin:0 auto;padding:0 10px;background:#111;color:#fff;font-size:14px;line-height:28px;text-align:center;text-decoration:underline;z-index:10000;}
.skip_menu>a:active,.skip_menu>a:focus {top:0;}

#con_wrapper{width:100%;}

header {position:relative; top:0; width:100%; height:80px;z-index:100;}
.hd_top {position:relative;width:1280px;height:80px;margin:0 auto;}
.hd_top.on::before{position:absolute;min-height:289px;height:100%;background-color:#fafafa;width:200%;content:"";left:-50%;z-index:30;background-image:url(/img/index/menuBg.png);top:80px;border-top:1px solid #dbdcdc;}

#nav .select .link {margin-left:8px;}
#nav .select .link::after {content: ""; display:inline-block; background-image: url(../images/header/linkIcon.png); background-repeat: no-repeat; background-position: center; width: 14px; height: 14px; margin-left: 5px; margin-bottom: -2px;} 

@media screen and (max-width: 1280px) {
	.hd_top {width:100%;}
}
@media screen and (max-width: 770px) {
	.hd_top {height:80px;}
}

h1 {position:absolute; left:10px; top:12px; width:221px; height:57px; z-index:50;}
h1 a { display:block; width:100%; height:100%;}

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

.utill {float:right;position:relative;width:160px;height:80px;z-index:50;}
.utill button{height:80px; cursor: pointer;}
#utill_sitemap.siteMap2{top:80px;display:block;border-top:1px solid #dce7f2;}

@media screen and (max-width: 770px) {
	.utill {
		display:none;
	}
}
.utill ul {display:block;}
.utill li {float:left;width:80px;text-align:center;}
.utill li#utill_ct {width:48px;padding-right:0;background:none;}
.utill li a {display:block;width:78%;height:100%;}

/* 사이트맵 카테고리 */
#utill_sitemap{
	display:none;
	position:fixed;
	top:0px;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0,0.8);
	z-index:100;
	-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:800px;
	overflow-y:auto;
	background:#f1f5f8;
	z-index:100;
}

.stmTitle{font-size: 24px;padding-bottom: 10px;position: relative;}
.stmTitle::after{position: absolute;content:" ";left:0;bottom:0;width:70%;height:1px;background-color: #222}

#utill_sitemap .us_tbx {
	position:relative;
	width:1280px;
	height:800px;
	margin:0 auto;
	padding-top:15px;
	padding-left:100px; 
}

@media (max-width:1280px) {
	#utill_sitemap .us_wr{height: 96%;}
	#utill_sitemap .us_tbx {
		width:100%;
		height:800px;
		padding:80px 50px;
		box-sizing:border-box; 
	}
}

@media (max-width:1024px){
	#utill_sitemap .us_wr{height: 87%;}
}

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

.us_tbx_ul01 li {
	float:left;
	width:20%;
	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:14px;}
}

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

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

@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:85%;
	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 15px;}
.us_tbx_ul02 li ul li:before {position:absolute; margin:6px 0 0 -8px; width: 4px; height: 4px; background: #aaa; content: ''; border-radius: 50%;}
.us_tbx_ul02 li ul li a{font-size:14px; color:#444;}

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

.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:14px;
	text-indent:-0.1em;
}

#utill_sitemap .pop_close {
	position:absolute;
	top:30px;
	right:0px;
	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, #hd_search {
	display:none;
}

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

@media screen and (max-width: 480px) {
	#hd_search {
		display:block;
		float:right;
		width:50px;
		height:60px;
		text-indent:-9999px;
		background:url(/img/top_search_btn.png) no-repeat center;
		background-size:cover;
		border:0;
		cursor:pointer;
	}
	#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;
	}
}

/* 모바일 카테고리 */
#category{
	display:none;
	position:fixed;
	top:0px;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	z-index:31;
	-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 #2877b7;
	z-index:31;
}

#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:#555;
	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:#555;
	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:40;
	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:30;
	cursor:pointer
	}
}
.tab_btn {position:fixed;width:100%;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:#4e5f67;letter-spacing:-0.1em;border-bottom:1px solid #d9d9d9;}
.tab_btn li a {display: block;width:30%;color:inherit;font-weight:600;background-repeat:no-repeat;vertical-align:top}
#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: absolute;padding:20px;font-size:14px;color:#666;box-sizing:border-box;display:inline-block;width:71%;height:100%;top:0;left:30%;background-color: #fff;}
.tab_list a {color:#666;}
.tab_list span {color:#666;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;text-align:left;}
.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;}


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

@media (max-width:950px) {
	#nav {display:none}
}

#nav ul.select {
	display:block;
	position:relative;
	width:100%;
	height:80px;
	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 34px;
	font-size:20px;
	line-height:80px;
	position:relative;
	margin-left:-5px;
}

@media (max-width: 1280px){ 
	#nav .select > li {font-size:18px;}
	#nav div.sub_right ul{padding: 25px 0 0 22%;}
	#nav .sub_right ul li div.deth3_menu ul{width:97%;margin-left: -10px;}
	#nav .select li.active div.sub li a{word-break:break-all}
}

@media (max-width: 1050px){ 
	#nav .select > li {margin:0 ;font-size:16px;padding:0 15px;}
	#nav div.sub_right ul{padding: 25px 0 0 22%;}
}

#nav .select li:hover a {
	color:#125fac;
}

#nav .select li:hover a b {
	display:block;  
	width:100%;
	height:100%;
	cursor:pointer;
	font-weight:bold;
}

#nav .select li.active a b {
	display:block;  
	width:100%;
	height:100%;
	cursor:pointer;
	font-weight:bold;
}

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

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

@media (max-width: 1280px){ 
	#nav .sub_bx {
		position:relative;
		width:100%;
		height:297px;
		margin:0 auto;
		overflow:hidden;
	}
}

.sub_left {
	position:absolute; left:0; top:0;
	width:50%;
	height:289px;
	padding-top:130px;
	padding-left:10px;
}
#nav .sub_bx .haed_left_icon1 {background:url('/img/haed_left_icon1.png') no-repeat 0px 120px;}
#nav .sub_bx .haed_left_icon2 {background:url('/img/haed_left_icon2.png') no-repeat 10px 110px;}
#nav .sub_bx .haed_left_icon3 {background:url('/img/haed_left_icon3.png') no-repeat 10px 100px;}
#nav .sub_bx .haed_left_icon4 {background:url('/img/haed_left_icon4.png') no-repeat 10px 100px;}
#nav .sub_bx .haed_left_icon5 {background:url('/img/haed_left_icon5.png') no-repeat 10px 110px;}
#nav .sub_bx .haed_left_icon6 {background:url('/img/haed_left_icon6.png') no-repeat 0px 100px;}

#nav .sub_bx .sub_left .hight_tit {
	margin:0px 0 10px 120px;
	font-size:28px;
	color:#000000;
	line-height:1em;
	letter-spacing:-1px;
}

#nav .sub_bx .sub_left .hight_txt {
	margin:0px 0 0px 120px;
	font-size:15px;
	color:#666;
	line-height:1.4em;
}

#nav .sub li {
	background:transparent;
}

#nav .select li:hover{
	position:relative;
}

#nav .select li:hover .sub {
	display:block; 
	position:absolute; 
	top:80px; 
	left:-40%; 
	width:180%; 
	height:290px; 
	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;*/
	background-color: #f1f5f8;
	padding: 0 5px;
}


#nav .select li.active .sub {
	display:block; 
	position:absolute; 
	top:80px; 
	left:0%; 
	width:102%; 
	height:290px; 
	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 .select li:hover .sub li {
	display:block;
	line-height:1em;
	padding-bottom:10px;
}

#nav .select li.active .sub li {
	display:block;
	line-height:1em;
	padding-bottom:10px;
}

#nav .sub_bx .sub_right{
	position:absolute; right:25%; top:0;
	width:25%;
	height:289px;
	vertical-align:top;
	border-right:1px solid #dbdcdc;
	border-left:1px solid #dbdcdc;
	background:#fff;
	border-bottom:1px solid #dbdcdc;
}
/*#nav .sub_bx .sub_right ul {padding:25px 0 0 15%}
#nav .sub_bx .sub_right ul li {position:relative}

#nav .sub_bx .sub_right ul li .deth3_wrap {}
#nav .sub_bx .sub_right ul li .deth3_plus {position:absolute; top:-1px; left:-21px; cursor:pointer; border:0px solid red}
#nav .sub_bx .sub_right ul li .deth3_minus {position:absolute; top:-1px; left:-21px}
#nav .sub_bx .sub_right ul li .deth3_menu ul {width:80%; margin-top:5px; padding:3px 7px; background:#fff; border-top:1px dotted #c6c6c6; border-bottom:1px dotted #c6c6c6;  }
#nav .sub_bx .sub_right ul li .deth3_menu ul li {padding-bottom:2px; background:url('/img/list02.png') no-repeat 0 8px; padding-left:7px; }
#nav .sub_bx .sub_right ul li .deth3_menu ul li a {color:#666; font-size:14px}
#nav .sub_bx .sub_right ul li .deth3_menu ul li a:hover {color:#005aab; font-weight:bold}*/


#nav .sub_right ul {padding:25px 0 0 15%}
#nav .sub_right ul li {position:relative}

#nav .sub_right ul li .deth3_wrap {}
#nav .sub_right ul li .deth3_plus {position:absolute; top:-1px; left:-18px; cursor:pointer; border:0px solid red;display:inline-block;}
#nav .sub_right ul li .deth3_minus {position:absolute; top:-1px; left:-21px;display:inline-block;}
#nav .sub_right ul li .deth3_menu ul {width:88%; margin-top:5px; padding:3px 7px; background:#fff; border-top:1px dotted #c6c6c6; border-bottom:1px dotted #c6c6c6;  }
#nav .sub_right ul li .deth3_menu ul li {padding-bottom:2px; background:url('/img/list02.png') no-repeat 0 8px; padding-left:7px; }
#nav .sub_right ul li .deth3_menu ul li a {color:#666; font-size:14px;word-break: keep-all}
#nav .sub_right ul li .deth3_menu ul li a:hover {color:#005aab; font-weight:bold}

#nav .sub_bx .sub_right2 {
	position:absolute; right:0; top:0;
	width:25%;
	height:289px;
	vertical-align:top;
	border-bottom:1px solid #dbdcdc;
	border-right:1px solid #dbdcdc;
	background:#fff;
}

#nav .sub_bx .sub_right2 ul {
	width:100%; 
}

#nav .sub_bx .sub_right2 ul li {
	width:100%;
	height:96px;
	cursor:pointer;
	border-bottom:1px solid #dbdcdc;
}

#nav .sub_bx .sub_right2 ul li:last-child {
	border-bottom:0px solid #dbdcdc;
}

 

#nav .sub_bx .sub_right2 ul li:first-child {background:url('/img/right_img1.png') no-repeat right center;}
#nav .sub_bx .sub_right2 ul li:nth-child(2) {background:url('/img/right_img2.png') no-repeat right center;}
#nav .sub_bx .sub_right2 ul li:nth-child(3) {background:url('/img/right_img3.png') no-repeat right center;}

@media (max-width: 1050px){ 
	#nav .sub_bx .sub_right2 ul li:first-child {background:none;}
	#nav .sub_bx .sub_right2 ul li:nth-child(2) {background:none;}
	#nav .sub_bx .sub_right2 ul li:nth-child(3) {background:none;}
}

#nav .sub_bx .sub_right2 ul li .tt {
	font-size:18px;
	padding:28px 0 0 15px;
	font-weight:700;
	letter-spacing:-1px;
	color:#222;
}

#nav .sub_bx .sub_right2 ul li .txt {
	font-size:14px;
	color: #555555;/*색상수정*/
	padding:5px 0 0 15px;
	letter-spacing:-1px;
}

#nav .sub_bx .sub_right2 ul li:hover {
	font-weight:600;
}
#nav .select li:hover .sub li a {
	display:block;
	margin:0;
	color:#000;
	font-size:15px;
	white-space:nowrap; 
	border:0;
	padding:0;
	height:auto;
}

#nav .select li.active .sub li a {
	display:block;
	margin:0;
	color:#000;
	font-size:14px;
	white-space:normal; 
	border:0;
	padding:0;
	height:auto;
	letter-spacing:-1px;
	word-break: keep-all
}

.deth3_plus_sub button{font-size: 14px;display:block;letter-spacing:-1px;word-break: keep-all;white-space:normal;background-color: transparent;overflow:visible;}
.deth3_plus_sub button:hover{font-weight: 600;}
.deth3_plus_sub button img{margin-left:-18px;margin-right: 5px;}


#nav .select li:hover .sub li a:hover {font-weight:600} 
/* 상단메뉴 e */


/* 내용 PC */
#container {position:relative; margin:50px auto; width:1150px; height:auto; word-break:keep-all}

@media screen and (max-width: 1150px) {
	#container {width:100%; padding:0 10px;}
}


/* footer PC */
footer {}
footer.sft {width:100%; height:170px; background:#191819; clear:both;}
footer.sft:after {content:""; clear:both; display:block; }
footer.sft > div { position:absolute; left:50%; width:1280px;  margin-left:-640px; z-index:10;}
footer.sft > div {position:relative;}

.webIcon{position: absolute;left: 85%;width:auto;bottom: -30px;}
.webIcon img{width: 80px;}

.ft_menu {text-align:center; height:50px; padding-top:18px; border-bottom:1px solid #303030; margin-bottom:20px;}
.ft_menu ul li {float:left; line-height:1em; border-right:1px solid #474647; padding:0 10px}
.ft_menu ul li:last-child {border-right:0px solid #474647; padding:0 10px}
.ft_menu ul li a {color:#a8a8a8; font-size:14px; font-weight:500}
.ft_menu ul li a:hover {color:#fff; font-weight:bold}
.ft_menu .facebook {margin-top:-11px}
.ft_menu select {
	position:absolute; top:7px; right:34px; width:210px; height:35px; line-height:35px;  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; /* 화살표 아이콘 추가 */       
}
.ft_menu select::-ms-expand {display: none;}

.ft_left {float:left; width:1200px;}
.ft_logo {float:left; height:65px; margin-top:5px;}

address {
	float:left;
	width:950px;
	height:80px;
	padding:0px 0 0 20px;
	font-style:normal;
	font-size:14px;
	color:#a8a8a8;
	font-weight:500;
	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; height:80px;}
.gototop {display:inline-block; width:80px; height:80px;}

.privacy {display:none;}


/* footer 1280px */
@media (max-width: 1280px) {
	footer { }
	footer.sft {width:100%; height:auto; padding-bottom:2%; background:#191819; clear:both; border:0px solid red}
	footer.sft > div { position:absolute; left:50%; width:100%;  margin-left:-50%; z-index:10;}
	footer.sft:after {content:""; clear:both; display:block; }
	footer.sft > div {position:relative;}

	.ft_menu {text-align:center; height:50px; padding-top:18px; border-bottom:1px solid #303030; margin-bottom:20px;}
	.ft_menu ul {display:none}
	.privacy {display:block;}
	.ft_menu .privacy select {position:absolute; top:7px; left:10px; width:180px; height:35px; line-height:35px;  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; /* 화살표 아이콘 추가 */}
	.ft_menu .privacy select::-ms-expand {display: none;}
	.ft_menu ul li:last-child {border-right:0px solid #474647; padding:0 10px}
	.ft_menu ul li a {color:#a8a8a8}
	.ft_menu ul li a:hover {color:#fff}
	.ft_menu .facebook {position:absolute; top:17px; right:20px;}
	.ft_menu select {position:absolute; top:7px; /*left:200px;*/ left: 283px; width:180px; height:35px; line-height:35px;  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; /* 화살표 아이콘 추가 */}
	.ft_menu select::-ms-expand {display: none;}
	.ft_left {float:left; width:88%;}
	.ft_logo {float:left; width:15%; height:auto; margin-top:10px; margin-left:10px}
	.ft_logo img {width:100%}

	address {float:left;width:75%;height:auto;padding:0px 0 0 10px;font-style:normal;font-size:14px;color:#a8a8a8;font-weight:500;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 .copy {padding-left:10px}
	.ft_right {float:right; width:10%;}
	.gototop {display:inline-block; width:80px; height:80px;}
	
	.footerSite_1{position:absolute;width:34px; height:34px; top:7px;left:190px;display:inline-block !important;background-color: #f4f4f4;color:#222}
	.footerSite_2{position:absolute;width:34px; height:34px; top:18px;left:464px;display:inline-block !important;background-color: #f4f4f4;color:#222}
	
	.webIcon{left: 81%;bottom: -15px;}
}

/* footer 800px */
@media (max-width: 800px) {

	footer { }
	footer.sft {width:100%; height:auto; padding-bottom:2%; background:#191819; clear:both; border:0px solid red}
	footer.sft > div { position:absolute; left:50%; width:100%;  margin-left:-50%; z-index:10;}
	footer.sft:after {content:""; clear:both; display:block; }
	footer.sft > div {position:relative;}

	.ft_menu {text-align:center; height:103px; padding-top:18px; border-bottom:1px solid #303030; margin-bottom:20px;}
	.ft_menu ul {display:none}
	.privacy {display:inline-block;}
	.ft_menu .privacy select {
		position:absolute; top:7px; left:2.5%; width:55%; height:35px; line-height:35px;  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; /* 화살표 아이콘 추가 */       
	}
	.ft_menu .privacy select::-ms-expand {display: none;}

	.ft_menu ul li:last-child {border-right:0px solid #474647; padding:0 10px}
	.ft_menu ul li a {color:#a8a8a8}
	.ft_menu ul li a:hover {color:#fff}
	.ft_menu .facebook {position:absolute; top:17px; right:10px;}
	.ft_menu select {
		position:absolute; top:50px; left:2.5%; width:55%; height:35px; line-height:35px;  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; /* 화살표 아이콘 추가 */       
	}
	.ft_menu select::-ms-expand {display: none;}
	
	.webIcon{left: 65%;bottom: -15px;}

	.ft_left {float:left; width:74%;}
	.ft_logo {display:none}

	address {
		float:left;
		width:90%; 
		height:auto; 
		padding:0px 0 0 10px;
		font-style:normal;
		font-size:14px;
		color:#a8a8a8;
		font-weight:500;
		line-height:1.4em;
		letter-spacing:-0.05em;
	}
	address span {display:inline-block;padding:0 10px;line-height: 150%;border-right:1px solid #474647;}
	address .copy {padding-left:10px}

	.ft_right {float:right; width:20%;}
	.gototop {display:inline-block; width:80px; height:80px;}
}

@media (max-width: 640px){
	.webIcon{left: 79%;bottom: -108px;}
}

/* footer 480px */
@media (max-width: 480px) {

	footer.sft {width:100%; height:auto; padding-bottom:0%; background:#191819; clear:both;}

	.ft_left {float:none; width:100%; height:110px; }
	.ft_right {float:none; width:20%;}
	.gototop {position:absolute; width:40px; height:40px; top:-51%; right:5px}
	.gototop img {width:100%}
	.ft_logo {display:none}
	.ft_menu .facebook {display:none}
	address {
		float:none;
		width:70%; 
		height:auto; 
		padding:0px 10px 0px 10px;
		font-style:normal;
		font-size:14px;
		color:#a8a8a8;
		font-weight:500;
		line-height:2em;
		letter-spacing:-0.05em;
		background:#191819; 
	}
	address span {display:block;padding:0 0 5px 0;line-height:1.3em;	border-right:0px solid #474647;}
	address .copy {padding-left:0px; line-height:1.3em;}

	.webIcon{bottom:0;}
 }

/* sub */
.s_visual{position:relative; width:100%; height:210px;}
.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;}
.s_visual_img07 {background:url(/img/s_visual03.jpg) no-repeat bottom; background-size:cover;}
.s_visual_img0 {background:url(/img/s_visual03.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;}
 
.textbar .sub_navi {padding-top:12px;}
.textbar .sub_navi ul {padding-right:20px}
.textbar .sub_navi ul li {display:inline-block; line-height:20px; color:#f6f6f6; text-shadow:0px 5px 5px rgba(0,0,0,0.39);}
.textbar .sub_navi ul li span {color:#fff}
/* .textbar .sub_navi .home {padding-left:27px; background:url('/img/s_navi_home.png') no-repeat 0 2px} */
.textbar .sub_navi .home{padding-left: 27px;}
.textbar .sub_navi .home img{vertical-align:bottom}

@media screen and (max-width:800px) {
	.s_visual{position:relative; width:100%; height:150px;}
	.textbar .s_tit {padding-top:42px;}
	.textbar .sub_navi {font-size:14px;}
}


/*통합검색*/

/*탭1*/
.tab {list-style:none; margin-bottom:40px; overflow: hidden; }
@media screen and (max-width:800px) {
	.tab li span {display:none}
}
.tab li{float:left; margin:0; cursor:pointer; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; 
		height:50px; line-height:48px; display:inline-block; color:#666; text-align:center; text-decoration:none;
		background: #f8f8f8; font-size:17px; transition:0.3s; }
.tab li:last-child {border-right:1px solid #d9d9d9;}
.tabcontent {display: none;}
ul.tab li.current {color:#fff; border:1px solid #373e4e; font-weight:bold; background: #373e4e;}
ul.tab li a {display: block; }
ul.tab li a.current {color:#fff; border:1px solid #373e4e; font-weight:bold; background: #373e4e;}
ul.tab li:hover {display: block; color:#fff; border:1px solid #373e4e; font-weight:bold; background: #373e4e;}
ul.tab li a:hover {color:#fff;}
ul.tab li.current a {display: block; color:#fff; border:1px solid #373e4e; font-weight:bold; background: #373e4e;}
.tabcontent.current {display: block;}
.tab_wid2 li {width:50%}
.tab_wid3 li {width:33.3333%}
.tab_wid4 li {width:25%}
.tab_wid5 li {width:20%}
.tab_wid6 li {width:16%}
.tab_wid7 li {width:14%}
.tab_wid8 li {width:12.5%}

/*탭2*/
.tab2 {list-style:none; margin-bottom:40px; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9;overflow: hidden; }
.tab2 li{float:left; margin:0; cursor:pointer; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;
		height:40px; line-height:37px; display:inline-block; color:#666; text-align:center; text-decoration:none;
		background: #f8f8f8; font-size:17px; transition:0.3s;}
ul.tab2 li.current {color:#fff; border:1px solid #373e4e; font-weight:bold; background: #373e4e;}
ul.tab2 li a {display: block; }
ul.tab2 li:hover {display: block; color:#fff; border:1px solid #373e4e; font-weight:bold; background: #373e4e;}
ul.tab2 li a:hover {color:#fff;}
ul.tab2 li.current a {display: block; color:#fff; border:1px solid #373e4e; font-weight:bold; background: #373e4e;}

.tab_box600 {display:none;}
@media screen and (max-width:800px) {
	.tab_box1920 {display:none;}
	.tab_box600 {display:block;}
}

/*탭2_600*/
.tab2_600 {list-style:none; margin-bottom:40px; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9;overflow: hidden; }
.tab2_600 li{float:left; margin:0; cursor:pointer; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;
		height:40px; line-height:37px; display:inline-block; color:#666; text-align:center; text-decoration:none;
		background: #f8f8f8; font-size:15px; transition:0.3s;}
ul.tab2_600 li.current {color:#fff; border:1px solid #373e4e; font-weight:bold; background: #373e4e;}
ul.tab2_600 li a {display: block; }
ul.tab2_600 li a.current {color:#fff; border:1px solid #373e4e; font-weight:bold; background: #373e4e;}
ul.tab2_600 li:hover {display: block; color:#fff; border:1px solid #373e4e; font-weight:bold; background: #373e4e;}
ul.tab2_600 li a:hover {color:#fff;}
ul.tab2_600 li.current a {display: block; color:#fff; border:1px solid #373e4e; font-weight:bold; background: #373e4e;}


.search_all_list {width:100%; padding:30px; text-align:center; color:#142547; background:#f8f8f8; font-size:16px; font-weight:600; margin-bottom:40px; word-break:keep-all}
.search_all_list span {color:#005aab; }
.search_all_wrap {margin-bottom:40px; word-break:keep-all}
.search_all_tt_box {position:relative; width:100%; border-bottom:2px solid #373f4e}
.search_all_title {margin:0 0 10px 10px; color:#005aab; font-size:18px; font-weight:700;}
.search_all_more {position:absolute; bottom:0; right:0; background:#373f4e; padding:7px 20px}
.search_all_more a {color:#fff; font-weight:bold}
.search_all_board {position:relative; width:100%; padding:20px; border-bottom:1px solid #dedede}
.search_all_board .tt {background:url('/img/list01.png') no-repeat 0 10px; padding-left:10px; color:#000; font-size:16px; font-weight:600;}
.search_all_board .content {color:#666; margin:5px 0 5px 10px}
.search_all_board .navi {color:#142547;margin-left:10px}
.search_all_board .date {color:#666; margin:5px 0 0 10px}
.search_all_board .no {color:#666; font-size:16px}

.all_search {
	width:100%;
	margin:20px 0;
	padding:20px 10px;
	border:1px solid #d9d9d9;
	box-shadow:0px 3px 0px rgba(241,241,241,1);
	overflow:hidden;
}

.all_search .all_search_input {width:100%; text-align:center;}
.all_search input {vertical-align:0px; height: 37px; padding:7px; border:1px solid #d9d9d9}

 
.all_search .search_box {margin-bottom:5px; width:40%; }
/* .all_search_input .check {padding-left:-25%;} */
.all_search_input .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%; }
 }
.sch_btn2 {width:50px; margin-left:-1px; line-height: 10px; height: 38px; background: #005aab; color:#fff; border: 0; font-size: 17px; cursor:pointer; }
 
.search_more_wrap .close_btn {float:right; margin-bottom:10px; cursor:pointer;}
.search_more_wrap .content {}
.search_more_wrap .more_search_table {width:100%; border-top:1px dotted #888}
.search_more_wrap .more_search_table th, .search_more_wrap .more_search_table td {
	background:#f4f4f4; padding:10px; border-bottom:1px dotted #888;
}
@media (max-width: 916px) {
	.search_more_wrap .more_search_table th, .search_more_wrap .more_search_table td {
	display:block; width:100%; text-align:center; 
	background:#f4f4f4; padding:5px 0px; border-bottom:0px dotted #888;
	}
	.search_more_wrap .more_search_table td ul {overflow:hidden; width:100%; }
	.search_more_wrap .more_search_table td {border-bottom:1px dotted #888}
 }


.search_more_wrap .more_search_table td {background:#fff; }
.search_more_wrap .more_search_table ul li {float:left; margin-right:20px}
.search_more_wrap .more_search_table input {vertical-align:-13px; }
.search_more_wrap .more_search_table .width_100 {width:100%}
.more_search_table td.set_period input { vertical-align:0px; width:90px; margin:2px 0}
.more_search_table td.set_period button {margin-left:-1px; width:37px; height:37px; border:1px solid #d9d9d9; }


/*버튼*/
.all_search_btn {clear:both; text-align:center; margin:30px 0}
.all_search_btn li {display:inline-block; }
.all_search_btn li a {color:#fff}

.visualWrap{height:400px;}
.visualWrap ul{height:100%;overflow:hidden;display:flex;}
.visualWrap ul li{position:relative;flex-basis:25%;}
.visualWrap ul li p{vertical-align:middle;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;letter-spacing:-2px;word-break:keep-all;line-height:46px;}
.visualWrap ul li a{width:100%;height:100%;display:block;}
.visualWrap ul li span{position:relative;width:100%;height:100%;overflow:hidden;display:inline-block;}
.visualWrap ul li img{position:absolute;left:50%;transform:translateX(-50%);z-index:-1;}
/* .visualWrap ul li::after{position:absolute;content:"";width:80%;height:200px;background-color:rgba(38,66,92,0.6);top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;} */
/* .visualWrap ul li.vulImg1{background-image:url(/img/index/p_visual01.png);}
.visualWrap ul li.vulImg2{background-image:url(/img/index/p_visual02.png);}
.visualWrap ul li.vulImg3{background-image:url(/img/index/p_visual03.png);}
.visualWrap ul li.vulImg4{background-image:url(/img/index/p_visual04.png);} */


@media screen and (max-width:1330px){
	.visualWrap{height:300px;}
	.visualWrap ul li img{height:100%;}
		
}

@media screen and (max-width:1251px){ 
	#nav .select li.active .sub	{width:100%;}
	#nav .select li .sub {width:100%;}
}

@media screen and (max-width:1000px){
	#nav .select li.active .sub	{width:135%;left:-23%;padding: 0 5px;}
	#nav .select li .sub {width:135%;left:-23%;padding: 0 5px;}
	#nav .sub_right ul li .deth3_plus{left:-14px;}
}


@media screen and (max-width:950px){
	/* .visual{display:block;} */
	.visual{display:none;}
	.visualWrap{display:block;height: 434px;}
	.visualWrap ul{flex-wrap: wrap;}
	.visualWrap ul li{flex-basis: 50%;}
	.visualWrap ul li img{width:100%;height:auto;top:50%;transform: translate(-50%,-50%);}
	}
	
@media screen and (max-width:560px){
	.visualWrap{display:block;height: 300px;}
	
	.sub_detail_stad .normal_dl dt img{display:block !important; margin: 0 auto !important;}
	.sub_detail_stad .normal_dl dt img+div{width: 100% !important; text-align: center !important; margin-top: 10px}
	.sub_detail_stad .normal_dl .bo_w_download{width: 100% !important}
	.sub_detail_stad .normal_dl .bo_w_download img{display: inline-block !important;}
}

@media screen and (max-width:400px){
		.visualWrap ul li img{height: 100%;width:auto;}
}