/* 사용자 지정 css (사이트에 맞게 변경하세요)
-------------------------------------------------------------------------------------- */

body,th,td,input,select,textarea,button {font-size:15px; line-height:1.8; font-family:/*'NanumGothic','Noto Sans KR', 'Malgun Gothic',*/'맑은 고딕', sans-serif; color:#333;}
a {text-decoration:none; color:#333;}
/* color값은 디자인가이드에 맞게사용 */

body {  /* 모바일과 반응형은 그대로 사용하시고, PC버전의 경우는 min-width의 값을 디자인기준에 맞춰서 변경해주세요*/
	min-width:320px;
}



/* 레이아웃 
-------------------------------------------------------------------------------------- */
#wrapper { 
	width:100%;
}

/* -------------------- header */
#header { 
	width:100%;
}
/* utils */
.header-utils { 
	width:100%;
	background:#f5f5f5;
}
.header-utils dl { 
	margin:0 auto; width:1200px;
	text-align:right;
}
.header-utils dl dd { 
	display:inline-block;
}
.header-utils dl dd a { 
	display:block;
	padding:10px;
}

/* m-menu-open */
.m-menu-open { 
	display:none;
}

.header-bottom-wrap { 
	width:100%;
	/*border-bottom:1px solid #ddd;*/
	text-align:right;
}

/* inner */
.header-bottom-wrap .inner { 
	margin:0 auto;
	width:1200px; height:90px;
}
/* logo */
#header .logo { 
	float:left; 
}
#header .logo a { 
	display:block;
	font-weight:500; font-size:20px; line-height:90px;
	color:#111;
}
#header .logo img { 
	vertical-align:middle; 
}

@media screen and (max-width: 1200px) {
	.header-utils dl ,
	.header-bottom-wrap .inner { 
		width:100%;
	}
}
@media screen and (max-width: 1024px) { 
	.header-utils dl { 
		display:none;
	}
	.m-menu-open { 
		display:block;
		position:absolute; top:27px; right:30px;
		width:24px; height:24px;
		cursor:pointer;
	}
	.m-menu-open span { 
		position:absolute; top:50%; margin-top:-1px;
		width:100%; height:2px;
		background:#333;
	}
	.m-menu-open span:before { 
		content:''; position:absolute; top:-7px; left:0;
		display:inline-block;
		width:100%; height:2px; background:#333;
	}
	.m-menu-open span:after { 
		content:''; position:absolute; top:7px; left:0;
		display:inline-block;
		width:100%; height:2px; background:#333;
	}
	.header-bottom-wrap .inner { 
		text-align:center;
	}
	#header .logo { 
		float:none; display:inline-block;
	}
}

/* gnb*/
#gnb { 
	width:100%;
	font-size:0; line-height:0;
}
@media screen and (min-width: 1025px) { 
	#gnb { 
		display:block !important;
	}
}
#gnb .m-header-utils { 
	display:none;
}
#gnb .depth01 { 
	position:relative;
	display:inline-block; margin:0 10px;
}
#gnb .depth01 > a { 
	display:block;
	padding:0 30px;
	font-weight:600;
	font-size:16px; line-height:80px;
}
#gnb .depth01:hover > a,
#gnb .depth01.on > a { 
	color:#1771cc;
}
#gnb .depth02 { 
	position:absolute; 
	top:-99999px; left:0; z-index:999;
	padding:10px 0;
	width:100%;
	background:#aaa;
	text-align:center;
}
#gnb .depth01:hover .depth02 { 
	top:60px;
}
#gnb .depth02 a { 
	display:block;
	font-size:14px; line-height:30px; color:#fff;
}
#gnb .depth02 a:hover { 
	background:#555;
}

@media screen and (max-width: 1024px) { 
	#gnb { 
		display:none;
		position:fixed; top:0; right:0; z-index:99999; 
		width:100%; height:100%; 
		background:rgba(0,0,0,.8);
	}
	#gnb .inner { 
		overflow-x:hidden; 
		position:absolute; top:0; right:0; 
		width:80%; height:100%; background:#fff;
	}
	/* m close btn */
	#gnb .m-menu-close { 
		position:absolute; top:14px; right:30px;
		display:block; width:22px; height:22px;
		cursor:pointer;
	}
	#gnb .m-menu-close:before { 
		content:''; 
		position:absolute; top:50%; left:0; margin-top:-1px;
		display:inline-block;
		width:100%; height:2px; background:#fff;
		transform:rotate(-45deg);
	}
	#gnb .m-menu-close:after { 
		content:''; 
		position:absolute; top:50%; left:0; margin-top:-1px;
		display:inline-block;
		width:100%; height:2px; background:#fff;
		transform:rotate(45deg);
	}
	/* m header utils */
	#gnb .m-header-utils { 
		display:block; 
		padding:0 30px;
		background:#333;
		text-align:left;
	}
	#gnb .m-header-utils dd { 
		display:inline-block;
		margin-right:20px;
	}
	#gnb .m-header-utils a { 
		font-size:16px; line-height:50px;
		color:#fff;
	}
	#gnb > ul { 
		width:100%;
	}
	#gnb li { 
		display:block; width:100%; text-align:left;
	}
	/* 1depth */
	#gnb .depth01 { 
		margin:0; border-top:1px solid #ddd; background:#fff;
	}
	#gnb .depth01:last-child { 
		border-bottom:1px solid #ddd;
	}
	#gnb .depth01 > a { 
		line-height:45px;
	}
	/* 2depth */
	#gnb .depth02 { 
		position:relative; top:auto; left:auto; padding:0;
	}
	#gnb .depth02 a { 
		padding:0 30px; line-height:40px;
	}
	#gnb .depth01:hover .depth02 { 
		top:auto;
	}
}


/* -------------------- footer */
#footer { 
	clear:both;
	width:100%;
	background:#fff;
	padding:30px 0;
	color:#5c5c5c;
	border-top:1px solid #dee3eb;
	font-size:12px;
}
.footer-utils { 
	width:100%;
	/*border-bottom:1px solid #444;*/
	text-align:center;
}
.footer-utils dd { 
	position:relative;
	display:inline-block;
	padding:0 15px;
	line-height:25px;
}
.footer-utils dd:before { 
	content:''; 
	position:absolute; top:50%; left:0;
	display:inline-block;
	margin-top:-5px;
	width:1px; height:11px;
	background:#666;
}
.footer-utils dd:first-of-type:before { 
	display:none;
}
.footer-utils dd a { 
	line-height:50px; color:#888;
}
#footer address { 
	padding-top:15px;
	text-align:center;
}
#footer address span { 
	display:block;
}
#footer address span:last-child { 
	margin-top:5px;
}


/* 메인 콘텐츠
-------------------------------------------------------------------------------------- */
#contents { 
	width:100%; min-height:calc(100vh - 254px);
}
/* -------------------- main visual */
.main-visual { 
	overflow:hidden; position:relative;
	width:100%; height:600px;
}
/* image */
.visual-image { 
	width:100%; height:600px;
}
.visual-image li { 
	float:left; width:100%; height:100%;
}
.visual-image li a { 
	display:block; width:100%; height:100%;
}
.visual-image .slide1 a { 
	background:url('/html/images/main/m_visual01.jpg') center top no-repeat;
}
.visual-image .slide2 a { 
	background:url('/html/images/main/m_visual02.jpg') center top no-repeat;
}
.visual-image .slide3 a { 
	background:url('/html/images/main/m_visual03.jpg') center top no-repeat;
}
/* visual-pager */
.visual-pager { 
	position:absolute; bottom:20px; left:0;
	width:100%; text-align:center;
	font-size:0; line-height:0;
}
.visual-pager li { 
	display:inline-block;
	margin:0 5px;
}
.visual-pager li a { 
	display:block; width:15px; height:15px;
	border-radius:50%; border:2px solid #fff;
}
.visual-pager li a.active { 
	background:#fff;
}

/* -------------------- main conts */
.main-body { 
	position:relative;
	margin:0 auto;
	width:100%;
	height:757px;
	background:url('/html/images/main/m_con_bg.jpg') center top no-repeat;
	padding-top:60px;
}
.main-conts { 
	position:relative;
	margin:0 auto;
	width:1140px;
	box-sizing:content-box;
}

@media screen and (max-width: 1200px) {
	.main-conts { 
		padding:0px 30px 100px; width:100%;
	}
}
@media screen and (max-width: 1024px) {
	.main-conts { 
		padding:0px 30px 70px;
	}
}

.main-bann {
	position:relative; width:380px; float:left;
	padding:23px 15px 15px;
	/*margin-bottom:25px;*/
	border-top:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	background:#fff;
}
.main-bann:first-child {
	border-left:1px solid #d7d7d7;
}
.main-bann h1 { 
	margin-bottom:20px;
	font-weight:500; font-size:18px; line-height:1.5;
	color:#111;
}
.main-bann h1 span { 
	color:#6e9201; 
	font-size:21px;
	font-weight:600;
}

h1 .m_b { 
	margin:0 0 20px 0;
	font-weight:500; font-size:18px; line-height:1;
	color:#111;
}

.main-notice { 
	position:relative; width:380px;
	float:left;
	margin-top:30px;
}
.main-notice h1 { 
	margin:0 0 20px 15px;
	font-weight:500; font-size:24px; line-height:1;
	color:#111;
}
.main-notice ul { 
	padding:10px 20px;
	border-top:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	background:#fff;
}
.main-notice ul:last-child {
	border-left:1px solid #d7d7d7;
}
.main-notice ul li { 
	overflow:hidden;
}
.main-notice ul li a { 
	position:relative; display:block;
	padding:2.5px 0px;
	font-size:0; line-height:0;
}
/*.main-notice ul li a:before { 
	content:''; 
	position:absolute; left:10px; top:50%; margin-top:-1.5px;
	display:inline-block;
	width:3px; height:3px;
	background:#999;
}*/
.main-notice ul li a strong { 
	display:inline-block;
	/*padding-left:10px;*/
	font-size:15px; line-height:1.8;
	/* 말줄임 */
	overflow:hidden; text-overflow:ellipsis;
	max-width:73%; white-space:nowrap;
}
@media screen and (max-width: 1024px) {
	.main-notice ul li a strong {max-width:75%;}
	#footer {border-top:0px}
}
@media screen and (max-width: 640px) {
	.main-notice ul li a strong {max-width:80%;}
}
@media screen and (max-width: 480px) {
	.main-notice ul li a strong {max-width:65%;}
}
.main-notice ul li a span { 
	float:right; display:inline-block;
	font-size:15px; line-height:1.4;
}
/* more */
.main-notice-more { 
	overflow:hidden;
	position:absolute; top:10px; right:10px;
	font-size:15px; color:#999;
}


/* 서브 콘텐츠 레이아웃
-------------------------------------------------------------------------------------- */
#subContents { 
	background:#f8f8f8;
	position:relative;
	margin:0 auto; padding-bottom:30px;
	width:100%; min-height:calc(100vh - 254px);
}
@media screen and (max-width: 1024px) {
	#subContents { 
		min-height:calc(100vh - 215px);
	}
}
/* -------------------- visual */
.sub-visual-wrap { 
	display:table; 
	width:100%; height:280px;
	text-align:center;
}
/* visual background */
.sub-visual-wrap.sub1 { /* sub 1 */
	background:url('/html/images/sub/s_visual.jpg') center top no-repeat;
}
.sub-visual-wrap.sub2 { /* sub 2 */
	background:url('/html/images/sub/s_visual.jpg') center top no-repeat;
}
.sub-visual-wrap.sub3 { /* sub 3 */
	background:url('/html/images/sub/s_visual.jpg') center top no-repeat;
}
.sub-visual-wrap.sub4 { /* sub 4 */
	background:url('/html/images/sub/s_visual.jpg') center top no-repeat;
}
.sub-visual-wrap.sub5 { /* sub 5 */
	background:url('/html/images/sub/s_visual.jpg') center top no-repeat;
}
.sub-visual-wrap.utils { /* utils */
	background:url('/html/images/sub/s_visual.jpg') center top no-repeat;
}
/* title */
.sub-visual-wrap h2 { 
	display:table-cell;
	font-size:52px; line-height:1.4; color:#fff;
	vertical-align:middle;
}
.sub-visual-wrap h2 span { 
	font-weight:600;
}
/* -------------------- location */
.sub-location { 
	width:100%;
	background:#fff;
	border-bottom:1px solid #dee3eb;
}
.sub-location ul { 
	margin:0 auto;
	width:1140px;
	text-align:right;
}
@media screen and (max-width: 1200px) { 
	.sub-location {padding:0 30px;}
	.sub-location ul {width:100%;}
}
.sub-location ul li { 
	position:relative;
	display:inline-block;
	padding:0 10px 0 13px;
	vertical-align:middle;
}
.sub-location ul li:last-child { 
	padding-right:0;
}
.sub-location ul li:before { 
	content:"\f105";
	position:absolute; top:0; left:0;
	display:inline-block;
	font-family:'FontAwesome';
	line-height:40px;
	vertical-align:middle;
}
.sub-location ul li:first-child:before { 
	display:none;
}
.sub-location ul li a { 
	display:block;
	font-size:13px; line-height:40px;
}
.sub-location ul li.home a { 
	font-size:0;
}
.sub-location ul li.home a:before { 
	content:"\f015";
	display:inline-block;
	font-size:18px; font-family:'FontAwesome';
	vertical-align:middle;
}

/* -------------------- 레프트메뉴 */
.left-menu { 
	position:absolute;
	top:350px; left:50%; z-index:444;
	margin-left:-600px;
	width:220px;
	background:#fff;
}
/* web title */
.left-menu .web-title { 
	display:block;
	padding:26px 0; width:100%;
	background:#6ea626;
	font-size:27px; line-height:1.4; color:#fff; text-align:center;
}
.left-menu .web-title span { 
	display:block;
	font-size:16px;
}
/* mobile title */
.left-menu .mobile-title { 
	display:none;
}
/* left menu */
.left-menu ul { 
	width:100%;
	border:1px solid #ccc; border-width:0 1px 1px;
}
@media screen and (min-width: 1200px) { 
	.left-menu ul { 
		display:block !important;
	}
}
.left-menu ul li { 
	background:url('/html/images/sub/bullet01.gif') 25px 22px no-repeat;
}
.left-menu ul li a { 
	display:block;
	padding-left:43px; width:100%;
	/*background:#fff;*/
	font-size:17px; line-height:45px;
	border-bottom:1px solid #dee3eb;
}
.left-menu ul li:hover a,
.left-menu ul li.active a { 
	position:relative; /*left:-1px;*/
	width:calc(100% + 2px);
	/*background:#476c92;*/
	color:#64970a;
}
@media screen and (max-width: 1200px) { 
	.left-menu { 
		left:0; margin:auto;
	}
}



@media screen and (max-width: 1024px) { 
	.left-menu { 
		position:relative; top:auto; left:auto; 
		margin:30px 0 0;
		padding:0 30px; width:100%;
	}
	.left-menu .web-title {
		display:none;
	}
	.left-menu .mobile-title { 
		position:relative; display:block;
		padding:0 20px; width:100%;
		border:1px solid #ccc; 
		font-weight:500; font-size:16px; line-height:43px; 
		color:#123456; text-align:center; cursor:pointer;
	}
	.left-menu .mobile-title:before { 
		content:'\f107';
		position:absolute; top:0; right:20px;
		font-size:20px; font-family:'FontAwesome';
		color:#999;
	}
	.left-menu .mobile-title.on:before { 
		content:'\f106';
	}
	.left-menu ul { 
		display:none;
		position:absolute; top:45px; left:30px;
		width:calc(100% - 60px);
		background: #fff;
	}
}

/* cs banner */
.cs-banner { 
	margin-top:10px;
	padding:15px 20px 10px;
	border:1px solid #ccc;
}
.cs-banner h3 { 
	font-size:16px; line-height:1.2;
	color:#999;
}
.cs-banner p { 
	font-weight:500; font-size:25px; line-height:1.4;
	color:#123456;
}
@media screen and (max-width: 1024px) { 
	.cs-banner { 
		display:none;
	}
}


/* 서브 콘텐츠
-------------------------------------------------------------------------------------- */
.sub-conts-wrap { 
	margin:0 auto; padding:30px 0 0 225px;
	width:1140px;
}
.sub-conts-title { 
	width:100%;
	height:60px;
	margin-bottom:40px;
	font-size:30px; line-height:1; color:#151515;
	background:url('/html/images/sub/tit_line.gif') left bottom repeat-x;
}
.sub-conts-con {
	width:100%;
	background:#fff;
	border:1px solid #dee3eb;
	padding:40px 40px 50px 40px;
	/*font-weight:500;*/
}
.sub-conts-con02 {	
	width:100%;
	color:#222;
}
.sub-conts-con02 .tab02_t {
	font-weight:600;
	font-size:18px;
}
.sub-conts-con02 .sub01_1a {
	display:inline-block; 
	width:600px; 
	margin-bottom:25px;
}
.sub-conts-con02 .sub01_1b {
	display:inline-block; 
	width:200px; height:260px; 
	margin-left:20px; padding-top:10px;
	text-align:center; 
	font-size:16px; font-weight:600;
}
.sub-conts-con02 .sub01_2a dl {
	list-style:none;
	width:80%;
}
.sub-conts-con02 .sub01_2a dt {
	float:left;
	color:#6887ba; font-size:22px;
	width:110px;
	padding:15px 0 0 30px;
}
.sub-conts-con02 .sub01_2a dd {
	border-bottom:1px dotted #d5d5d5;
	padding:20px 0;
}
.li_table {
	margin:0 auto;
	width: 750px;
	border: 1px solid #d5d5d5; border-top: none; border-right: none;
}
.li_table ul {
	clear: left;
	margin: 0; padding: 0;
	list-style-type: none;
	position: relative;
	border-top: 1px solid #d5d5d5;
	display: table;
}
.li_table li {
	box-sizing: border-box;
	width: 249px;
	float: left;
	text-align: center;
	margin: 0; padding: 20px 1px;
	position: relative;
	border-right: 1px solid #d5d5d5;
}

.org_w {
	margin:0 auto;
	width:538px; height:351px;
	background:url('/html/images/sub/org_bg03.gif') center bottom no-repeat;
}
.org_w_c {
	width:201px; height:64px;
	color:#fff;font-size:24px; font-weight:500;
	text-align:center; padding-top:8px;
}
.org_s01 {
	position:relative; top:30px; left:125px;
	background:url('/html/images/sub/org_bg01.png') center top no-repeat; 
}
.org_s02 {
	position:relative; top:75px; left:300px;
	background:url('/html/images/sub/org_bg02.png') center top no-repeat;
}
.org_s03 {
	position:relative; top:115px; left:125px;
	background:url('/html/images/sub/org_bg01.png') center top no-repeat;
}

.li_table02 {
	width:750px;
	margin:0 auto; padding:20px 0 40px 0;
}
.li_table02 ul {
	width:750px;
	margin: 0 auto; padding: 0;
	list-style-type: none;
	font-size:20px;
}
.li_table02 li {
	float: left;
	padding:5px 30px;
}
.li_table02 li:first-child {
	background:#ff8a00;
	color:#fff;
	font-weight:600;
}

.li_table03 {
	margin:0 auto;
	width: 800px;
	border: 1px solid #d5d5d5; border-top: none; border-right: none;
}
.li_table03 ul {
	clear: left;
	margin: 0; padding: 0;
	list-style-type: none;
	position: relative;
	border-top: 1px solid #d5d5d5;
	display: table;
}
.li_table03 li {
	box-sizing: border-box;
	width: 430px;
	float: left;
	margin: 0; padding: 13px 20px 13px 20px;
	position: relative;
	border-right: 1px solid #d5d5d5;
	font-weight:600;
}
.li_table03 li > div {
-moz-border-radius: 75px;
-webkit-border-radius: 75px;
border-radius: 75px;
background:#679ace;
width:24px;
color:#fff;
padding-left:4px; margin-right:7px;
float:left;
vertical-align:middle;
font-weight:500;
}
.li_table03 li:last-child {
	width: 369px;
}
.li_table03 > ul li span {
	color:#fff;
	font-size:16px;
}
.li_table03 > ul li a:hover {
	color:#0f6ed0;
}

.span_800 {
	display:inline-block;
	width:100%;
	height:45px;
	background:#679ace;
	color:#fff;
	font-size:20px;
	font-weight:500;
	padding:6px 0 0 20px;
}

.sub02_2 table{
	width:800px;
	border:0; border-bottom:1px solid #ccc; border-right:1px solid #ccc ;border-spacing:0;
	margin:0 auto;
} 
.sub02_2 table td,table th{
	border:0; border-top:1px solid #ccc; border-left:1px solid #ccc;
	text-align:center;
	color:#454545; font-size:14px;
	padding:6px 0 5px 4px;
} 
.sub02_2 table th {
	background:#eee;
	font-weight:600;
	padding-left:20px;
	font-size:20px;
}
.sub02_2 table td:nth-child(2) {
	text-align:left;
} 
.sub02_2 table td:nth-child(2) img {
	margin:0 10px 0 2px;
} 
.sub02_2 table td:nth-child(2) span {
	display:inline-block;
	border:0px solid #ccc;
	float:right;
	vertical-align:middle;
	padding-top:50px;
} 
.sub02_2 caption {
	visibility:hidden; 
	overflow:hidden;
	width:1px;height:1px;
	font-size:0;
	line-height:0
} 


.sub02_3 table{
	width:800px;
	border:0; border-bottom:1px solid #ccc; border-spacing:0;
	margin:0 auto;
} 
.sub02_3 table td,table th{
	border:0; border-top:1px solid #ccc; border-left:1px solid #ccc;
	text-align:center;
	color:#454545; font-size:14px;
	padding:6px 0 5px 0px;
	line-height:20px;
} 
.sub02_3 table th {
	background:#eee;
	border-left:0;
	vertical-align:middle;
}
.sub02_3 table td {
	text-align:left;
	padding:15px 10px;
	border-right:0;
}

.sub02_3 table td > span {
	font-weight:600; font-size:18px;
	line-height:28px;
}
.sub02_3 caption {
	visibility:hidden; 
	overflow:hidden;
	width:1px;height:1px;
	font-size:0;
	line-height:0
} 

@media screen and (max-width: 1200px) { 
	.sub-conts-wrap { 
		width:100%;
	}
}
@media screen and (max-width: 1024px) { 
	.sub-conts-wrap { 
		padding:30px 30px 50px;
	}
}