@charset "utf-8";
/* webfont 설정 */
@import url("/css/notosans-kr.css");
/* All */
header,footer,section,article,aside,nav,menu,figure,figcaption{ display:block}
html,body{ min-height:100vh; margin:0}
body{ overflow-y:scroll; background:#fff}
body,table,input,textarea,select,optgroup,button{ font-family:'Noto Sans KR','맑은 고딕','Malgun Gothic','돋움','Dotum','애플고딕','AppleGothic','Arial','sans-serif'; color:#505050}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{ margin:0; padding:0; border:0; border-collapse:separate; border-spacing:0; font-weight:inherit; font-style:inherit; text-decoration:none; list-style:none; letter-spacing:-0.02em; word-break:keep-all; font-weight:300}
img,object,embed	{ height:auto; border:0}
a					{ text-decoration:none}
/* Forms */
form,fieldset		{ margin:0; padding:0; border:0}
legend				{ position:absolute; width:0; line-height:0; height:0; font-size:0; top:0; left:-10000px; overflow:hidden}
input,textarea,select,input[type="file"]{ font-weight:300; line-height:normal}
textarea,input[type="text"],input[type="password"],input[type="email"],input[type="file"],input[type="url"],input[type="number"],input[type="tel"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"]{ -webkit-appearance:none; border-radius:0}
select,textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="url"],
input[type="number"],
input[type="tel"]{
	padding:5px 15px;
	background-color:#fff;
	border:1px solid #e0e0e0;
	vertical-align:middle;
	-webkit-transition:border linear 0.2s;
	   -moz-transition:border linear 0.2s;
		 -o-transition:border linear 0.2s;
			transition:border linear 0.2s}
select{
	/* 네이티브 외형 감추기 */
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	/* 네이티브 화살표 대체 */
	background:#fff url(/images/common/select.png) no-repeat;
	/* iOS 둥근모서리 제거 */
	border-radius:0;
	/* 사용자 컨트롤 */
	line-height:normal;
	padding-left:15px}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand{ display:none}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus{ color:#505050; border-color:rgba(118, 174, 235, 0.5); outline:0}
input[type="radio"],input[type="checkbox"]{	margin:0 8px 0 0; line-height:normal; vertical-align:middle; cursor:pointer}
input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="number"],input[type="checkbox"]{ width:auto; border-radius:0}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{ color:#bbb} /* Webkit, Blink, Edge에 적용 */
input::-moz-placeholder,
textarea::-moz-placeholder{ color:#bbb} /* Mozilla Firefox에 적용 */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{ color:#bbb} /* Internet Explorer 10 이상에 적용 */
/* File Browser */
.file-browser{ display:inline-block; position:relative; margin:0}
.file-input,.file-input-div{ display:inline-block}
.file-input{ line-height:normal}
.file-input-div{ position:absolute; left:0; overflow:hidden; width:100% !important}
.file-input-div .file-button{ float:right; margin:0 !important; padding:0 !important; background:#b0b0b0; border:0 !important}
.file-input-div .file-button input[type=button]{ display:block; width:100%; height:100%; font-weight:400; color:#fff !important; background:transparent; background:linear-gradient(to right, #b0b0b0, #b0b0b0); border:0; vertical-align:top; cursor:pointer; text-align:center}
.file-input-div input[type=file]{ width:100%; cursor:pointer}
.file-input-hidden{ position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0}
.write-con.file-add .button-add,.write-con.file-add .button-minus{ position:absolute; top:0; text-align:center; background:#566374}
.write-con.file-add .button-minus{ right:0}
.write-con.file-add .button-add input[type=button],
.write-con.file-add .button-minus input[type=button]{ display:block; width:100%; height:100%; border:0; background-color:#3aae2a; background-position:50% 50%; background-repeat:no-repeat; cursor:pointer; text-indent:-9999px}
/* Align - Clear */
.text-align-right	{ text-align:right}
.text-align-left	{ text-align:left}
.text-align-center	{ text-align:center}
.fl-left			{ float:left !important}
.fl-right			{ float:right !important}
.fl-left.half,.fl-right.half{ width:50% !important}
.clearfix:before,.clearfix:after{ content:""; display:table}
.clearfix:after		{ clear:both}
.no-margin			{ margin:0 !important}
.no-image			{ background:none !important}
.no-marginB			{ margin-bottom:0 !important}
.no-paddingB		{ padding-bottom:0 !important}
.no-paddingT		{ padding-top:0 !important}
/*! jquery.skipNav.css © yamoo9.net, 2015 */
.skip-contents		{ position:relative; display:block; background:#333}
.skip-contents>a	{ position:absolute; display:block; padding:10px 21px; width:100%; height:1px; color:#fff; overflow:hidden}
.skip-nav{
	position:absolute;
	z-index:9999;
	top:0;
	left:0;
}
.a11y-hidden{
	overflow: hidden;
	position: absolute;
	clip:     rect(0 0 0 0);
	width:    1px;
	height:   1px;
	margin:   -1px;
	padding:  0;
	border:   0;
}
.a11y-hidden.focusable:focus,
.a11y-hidden.focusable:active{
	overflow: visible;
	position: static;
	clip:     auto;
	width:    auto;
	height:   auto;
	margin:   0;
}
/* Box Sizing */
html{ -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none}
html{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
img{ box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box}
*, *:before, *:after{ box-sizing:inherit}
/* Tab + List */
.tab.list			{ margin:0}
.tab.list ul		{ position:relative; margin:0; padding:0; list-style:none; zoom:1; text-align:center}
.tab.list ul:after	{ content:""; display:block; clear:both}
.tab.list li		{ display:inline-block; vertical-align:top; margin-left:-3px}
.tab.list li:first-child{ margin-left:0}
.tab.list li a		{ display:block; position:relative; text-decoration:none; color:#666}
.tab.list li a span	{ display:block; cursor:pointer; border:1px solid #e3e3e3; border-left:0; background:#fff}
.tab.list li:first-child a span{ border-left:1px solid #e3e3e3}
.tab.list li ul		{ width:100%; position:absolute; left:0; list-style:none; border:0; margin:0; padding:0; zoom:1}
.tab.list li ul:after{ content:""; display:block; clear:both}
.tab.list li li		{ display:block; position:relative; margin:0}
.tab.list li li a	{ display:block; padding:0; margin:0}
.tab.list li li a:hover,
.tab.list li li a:active,
.tab.list li li a:focus{ color:#666; text-decoration:underline}
.tab.list li li span{ color:#666}
.tab.list li li.more{ border:0}
.tab.list li li.more a{ display:inline-block; padding-left:25px; height:20px; line-height:18px; color:#666; text-decoration:none; background:#fff 50% 48% no-repeat}
.tab.list li.active a{ color:#fff}
.tab.list li.active a span{ border-color:#1d99d6; background:#1d99d6}
.tab.list li.active li a{ color:#666}
.tab.list.jx		{ height:auto}
.tab.list.jx ul		{ border:0}
.tab.list.jx li		{ float:none; position:relative}
.tab.list.jx li a	{ float:none; display:block; color:#666; background:#fff !important}
.tab.list.jx li ul	{ position:static; display:block !important; left:0; top:0; padding:5px 0}
.tab.list.jx li li a{ display:inline; border:0 !important; background:none !important}
.tab.list.jx li li.more{ top:7px; right:15px}
/* Tab Menu */
ul.tab-menu			{ margin:0}
ul.tab-menu li		{ float:left}
ul.tab-menu li span,ul.tab-menu li span a{ display:block; width:100%; height:100%; text-align:center}
ul.tab-menu li:first-child span,ul.tab-menu li:first-child span a{ border-radius:0}
ul.tab-menu li.last span,ul.tab-menu li.last span a{ border-radius:0}
ul.tab-menu li:first-child span{ }
ul.tab-menu li span	{ border:2px solid #bcbdbe}
ul.tab-menu li span a{ color:#888}
ul.tab-menu li.active span{ border-color:#1d99d6}
ul.tab-menu li.active span a{ color:#1d99d6; font-weight:500}
/* TOP버튼 */
.to-top-btn			{
	display:block;
	z-index:1007;
	position:fixed;
	bottom:0;
	color:rgba(51, 51, 51, 0.7);
	text-align:center;
	text-indent:-9999px;
	background:#1d99d6 url(/images/common/topofpage.png) 50% 45% no-repeat;
	opacity:0;
	filter:Alpha(opacity=0);
	-webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-o-transition:all 0.6s;
	-ms-transition:all 0.6s;
	transition:all 0.6s;
}
.to-top-btn.fixed	{ opacity:1.0; filter:Alpha(opacity=100)}
a.to-top-btn		{ color:#fff}
/* 모달 */
.mw					{ display:none; position:fixed; z-index:10000; top:0; left:0; width:100%; height:100%}
.mw-close			{ overflow:hidden; position:absolute; z-index:90; margin:0; padding:0; border:0; background:transparent; cursor:pointer; display:flex; justify-content:center; align-items:center}
.mw-close img		{ display:inline-block}
.mw .bg				{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.4; filter:alpha(opacity=40)}
.mw .pop-layer,.mw .alert-layer{ position:absolute; left:50%; margin:0 auto; padding:0; background:#fff; text-align:center}
.mw .pop-layer .layer-header,.mw .alert-layer .layer-header{ position:relative}
.mw .pop-layer .layer-header h1,.mw .pop-layer .layer-header h1 strong{ color:#202020; font-weight:500}
.mw .pop-layer .layer-header h1 strong{ display:inline-block; vertical-align:middle}
.mw .alert-layer .layer-header{ background:#1d99d6}
.mw .alert-layer .layer-header h1,.mw .alert-layer .layer-header h1 strong{ color:#fff; font-weight:400}
.mw .layer-body h2.head-title{ color:#333; font-weight:700; text-align:center; border-bottom:2px dotted #b5b6b6}
/* Table */
.default,.default table{ width:100%}
.default table		{ border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-collapse:collapse}
.default caption	{ padding-bottom:10px; color:#202020; font-weight:400; text-align:left}
.default thead th,.default thead th strong,.default tfoot th,.default th{ color:#202020; font-weight:400; background:#f5f5f5; text-align:center}
.default th,.default td{ position:relative; color:#505050; vertical-align:middle; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3}
.default th,.default td h3,.default td strong{ color:#202020; font-weight:400}
.default td a		{ color:#505050}
.default td a:hover,.default td a:active,.default td a:focus{ color:#1d99d6}
.default thead th strong,.default td a,.default label,.default img,.default button{ display:inline-block; vertical-align:middle}
.default thead th strong{ background-color:transparent}
.default td.align-left,.default.center td.align-left{ text-align:left}
.default td.align-right,.default.center td.align-right{ text-align:right}
.default.center th,.default.center td{ text-align:center}
.default.nocaption caption{ position:absolute; margin:-1px; overflow:hidden; clip-path:polygon(0 0, 0 0, 0 0); width:1px; height:1px}
.default.cap table	{ border-top:2px solid #202020}
.default.cap table tr:last-child th{ border-bottom:1px solid #202020}
.default.cap table th{ text-align:left}
.default.cap table th strong{ color:#404040; font-weight:500}
/* 테이블 가로스크롤 */
.guide-scroll{ display:none}
.table-scroll{ position:relative; margin:20px 0}
.table-scroll .default{ margin-bottom:0}
/* ETC Classes */
.switch,.frm-radio	{ position:relative}
.switch .hidden		{ position:absolute; margin:-1px; overflow:hidden; clip-path:polygon(0 0, 0 0, 0 0); width:1px; height:1px}
.switch em,.frm-radio em{ font-style:normal}
.switch label,.frm-radio label{ position:absolute; font-size:0; width:1px; height:1px; opacity:0}/* soundonly */
.switch input[type="checkbox"],.frm-radio input[type="radio"]{ display:inline-block; -webkit-appearance:none; margin-right:0; background-color:#dbdbdb; border-radius:50px; position:absolute; right:0; top:0; transition:all .3s ease; cursor:pointer}
.switch input[type="checkbox"]:after,.frm-radio input[type="radio"]:after{ content:''; display:inline-block; background-color:#fff; border-radius:50px; position:absolute; transition:all .3s ease}
.switch input[type="checkbox"]:before{ content:'OFF'; position:absolute; top:50%; opacity:.5}
.switch input:checked[type="checkbox"],.frm-radio input:checked[type="radio"]{ background-color:#1d99d6; transition:all .3s ease}
.switch input:checked[type="checkbox"]:before{ content:'ON'; right:auto; color:#fff}
.switch input:checked[type="checkbox"]:after,.frm-radio input:checked[type="radio"]:after{ transition:all .3s ease}
label.hidden		{ position:absolute; margin:-1px; overflow:hidden; clip-path:polygon(0 0, 0 0, 0 0); width:1px; height:1px}
.help-inline		{ display:inline-block; vertical-align:middle; margin-left:10px}
.help-block			{ display:block; margin-top:10px}
.help-block a		{ color:#3aae2a}
.fade				{ opacity:0; -webkit-transition:opacity 0.15s linear; -moz-transition:opacity 0.15s linear; -o-transition:opacity 0.15s linear; transition:opacity 0.15s linear}
.fade.in			{ opacity:1}
/* Global Navigation Bar */
#gnb				{ position:relative; z-index:999; width:100%}
#gnb.active			{ border-top:1px solid #e3e3e3; border-bottom:1px solid #1d99d6}
#gnb > ul			{ position:absolute; width:auto}
#gnb > ul > li		{ position:relative; float:left; text-align:center}
#gnb > ul > li > a	{ display:inline-block; position:relative; width:100%; color:#202020; font-weight:500}
#gnb > ul > li > a.on{ color:#1d99d6}
#gnb > ul > li:hover > a,#gnb > ul > li:active > a,#gnb > ul > li:focus > a{ color:#1d99d6; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
/*#gnb > ul > li > a.on:after{
	display:block;
	content:"";
	position:absolute;
	left:50%;
	bottom:-5px;
	margin-left:-50%;
	width:100%;
	height:3px;
	background:#1d99d6;
}
#gnb > ul > li:last-child > a.on:after{ }*/
#gnbBg				{ display:none; z-index:998; position:fixed; width:100%; height:100%; background:#000; opacity:0.6}
/* 탑메뉴-햄버거버튼 */
.kcva-sign			{ text-align:right}
.kcva-sign a		{ display:inline-block; vertical-align:middle; color:#666; background:url() 0 50% no-repeat}
.kcva-sign a:first-child{ background-image:none}
.header.main .kcva-sign a{ color:#404040}
.all-menu			{ position:absolute; z-index:10000; top:0; right:0}
.all-menu button	{ display:block; color:#fff; background:#1d99d6; border:0; cursor:pointer}
.all-menu button em	{ position:absolute; margin:-1px; overflow:hidden; clip-path:polygon(0 0, 0 0, 0 0); width:1px; height:1px}
.all-menu .sitemap-line-btn,.all-menu .m-menu-line-btn{
	margin:0;
	padding:10px 8px;
	width:35px;
	height:35px;
	text-align:left;
	border:1px solid #1d99d6;
	background:#1d99d6;
}
.all-menu .sitemap-line-btn .line,.all-menu .m-menu-line-btn .line{
	display:block;
	margin:0 0 4px 0;
	width:100%;
	height:2px;
	background-color:#fff;
	border-radius:0;
}
.all-menu .sitemap-line-btn .line1,.all-menu .m-menu-line-btn .line1{ margin-top:-1px}
/*.all-menu .sitemap-line-btn .line1,.all-menu .m-menu-line-btn .line2{ margin-left:20%; width:80%}*/
.all-menu .m-menu-line-btn{ display:none}
.nav-open-btn.on	{
	z-index:999999;
	position:fixed;
	border-color:transparent ! important;
	background:url(/images/common/close-white.png) 50% 50% no-repeat ! important;
}
.all-menu .m-menu-line-btn.nav-open-btn.on .line{
	display:none;
	margin:0 0 4px 0;
	width:100%;
	height:3px;
	border-radius:0;
}
.nav-open-btn.on .line:nth-child(2){ opacity:0}
.nav-open-btn.on .line:nth-child(1){
	-webkit-transform:translateY(10px) rotate(45deg);
	-ms-transform:translateY(10px) rotate(45deg);
	-o-transform:translateY(10px) rotate(45deg);
	transform:translateY(10px) rotate(45deg);
}
.nav-open-btn.on .line:nth-child(3){
	-webkit-transform:translateY(-10px) rotate(-45deg);
	-ms-transform:translateY(-10px) rotate(-45deg);
	-o-transform:translateY(-10px) rotate(-45deg);
	transform:translateY(-10px) rotate(-45deg);
}
/* Full Down Menu */
.full-down-menu		{ display:none; position:absolute; z-index:1000; left:0; width:100%; border-bottom:1px solid #1d99d6; background:#fcfcfc url(/images/common/back-fullmenu.png) 50% 50% no-repeat; background-size:contain}
.full-down-menu .gnb-full{ position:relative; margin:0 auto}
.full-down-menu .gnb-full button{ position:absolute; display:block; border:0; background:#1d99d6 url(/images/common/close-white.png) 50% 50% no-repeat; cursor:pointer; text-indent:-9999px}
.full-down-menu .gnb-full li{ float:left; border-right:1px solid #e3e3e3}
.full-down-menu .gnb-full li:first-child{ border-left:1px solid #e3e3e3}
.full-down-menu .gnb-full li a,
.full-down-menu .gnb-full li span,
.full-down-menu .gnb-full li strong{ display:block}
.full-down-menu .gnb-full li a{ width:100%; height:auto}
.full-down-menu .gnb-full li span,
.full-down-menu .gnb-full li strong{ color:#333}
.full-down-menu .gnb-full li strong{ font-weight:500; border-bottom:1px solid #e3e3e3}
.full-down-menu .gnb-full li li{ float:none; width:100%; height:auto; clear:both; padding:0; border:0}
.full-down-menu .gnb-full li li:first-child{ border:0}
.full-down-menu .gnb-full li li:last-child{ position:static; right:auto; top:auto}
.full-down-menu .gnb-full li li:hover span,
.full-down-menu .gnb-full li li:active span,
.full-down-menu .gnb-full li li:focus span{ color:#1d99d6; font-weight:400; -webkit-transition:background-color .5s; -moz-transition:background-color .5s; -o-transition:background-color .5s; transition:background-color .5s}
/* Local Navigation Bar */
.lnb				{ position:absolute}
.lnb .vNav			{ border-bottom:1px solid #dbdbdb}
.lnb .vNav li a		{ margin:0; padding:0; width:auto; height:auto; text-align:left; background-image:none; background-color:transparent}
/* Vertical Navigation */
.vNav				{ position:relative}
.vNav ul			{ margin:0; padding:0; list-style:none}
.vNav li			{ position:relative; margin:0; vertical-align:top; border-top:1px solid #dbdbdb}
.vNav li a			{ display:block; position:relative; text-decoration:none; color:#505050; background:#fff}
.vNav li a .i		{ position:absolute; width:13px !important; height:7px; color:#ccc; background:url(/images/common/icon-sub.png) no-repeat 0 1px}
.vNav li a span		{ color:#505050}
.vNav li ul			{ padding:0; border:0}
.vNav li li			{ position:relative; margin:0; border:0}
.vNav li li	img		{ vertical-align:middle}
.vNav li li a		{ font-weight:300; border:0}
.vNav li li a span	{ color:#505050}
.vNav li li ul li	{ border:0}
.vNav li li ul li a.last{ padding-bottom:12px}
.vNav li li ul li a span{ color:#666; background:none}
.vNav li.active		{ border:0; z-index:2}
.vNav li li.active	{ border:0}
.vNav li.active > a	{ background-color:#1d99d6}
.vNav li.active > a span{ color:#fff; font-weight:400; border:0}
.vNav li.active li a{ border:0}
.vNav li.active ul	{ display:block; border-top:0}
.vNav li.active li.active a{ background-color:#fff}
.vNav li.active li.active a span{ color:#1d99d6; font-weight:400}
.vNav li.active li ul{ display:block; border:0}
.vNav li.active li.active ul li{ border:0}
.vNav li.active li.active ul li a{ padding:2px 23px}
.vNav li.active li.active ul li a.last{ padding-bottom:12px}
.vNav li.active li.active ul li a span{ color:#666; text-decoration:none}
.vNav li.active li.active ul li.active a span{ color:#1d99d6}
/* Left Banner */
.lnb-banner			{}
.lnb-banner .bnbox	{ overflow:hidden; display:flex; justify-content:start; align-items:center; background:#f1f1f1}
.lnb-banner .bnbox>div{ position:relative; width:100%}
.lnb-banner .bnbox h3{ color:#000; font-weight:400}
.lnb-banner .bnbox p{ color:#666; font-weight:400}
.lnb-banner .bnbox a{ display:inline-block; color:#333; font-weight:700}
.lnb-banner .bnbox img{ position:absolute}
.lnb-banner .bnbox.helptel a.go-volunteer{ display:block; position:absolute; right:0; width:20px; height:20px; border:1px solid #484848; background:url(/images/common/more-volunteer.png) 50% 50% no-repeat; text-indent:-9999px}
/* Swiper */
.swiper-button-next,.swiper-button-prev{ background-image:url(/images/main/gall-prev-next.png) !important; background-size:auto !important; -moz-background-size:auto !important; -webkit-background-size:auto !important}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{ left:0 !important}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{ right:0 !important}
.swiper-pagination-bullet{ margin:0 5px; width:20px; height:20px; background-color:transparent !important; opacity:1 !important; border:1px solid #fff; vertical-align:middle}
.swiper-pagination-bullet-active{ width:30px; height:30px; border:2px solid #1d99d6; opacity:1 !important}
.swiper-pagination-custom>.swiper-pagination-bullet{ border-color:#bebebe}
.swiper-pagination-custom>.swiper-pagination-bullet-active{ border-color:#1d99d6}
.swiper-scrollbar	{ background:rgba(255,255,255,.1)}
.swiper-scrollbar-drag{ background:rgba(255,255,255,.5)}
.swiper-button-prev,.swiper-button-next{ width:50px !important; height:50px !important; border:1px solid #d8d9da; background-color:#fff}
.swiper-button-prev	{ background-position:0 45% !important}
.swiper-button-next	{ background-position:-50px 45% !important}
.play-stop			{ position:absolute; z-index:100; left:0; width:100%; text-align:center}
.play-stop button	{ display:inline-block; vertical-align:middle; margin:0 3px; padding:0; width:21px; height:23px; background:transparent 0 -23px no-repeat; border:0; cursor:pointer; text-indent:-9999px}
.play-stop button.play{ background-image:url(/images/main/play.png)}
.play-stop button.pause{ background-image:url(/images/main/pause.png)}
.play-stop button.play.active,.play-stop button.pause.active{ background-position:0 0}
.play-stop .swiper-pagination{ position:static; display:inline-block}
/* Layout */
.content,section	{ outline:0; margin:0}
.container,.body,.content,section,.header,.header-content,.footer,.footer-content,section article{ position:relative; margin:0 auto}
.body:after,section:after,article:after{ content:""; display:block; clear:both}
.header				{ background:#fff; border-bottom:1px solid #e3e3e3}
.header.main		{ position:absolute; z-index:1000; top:0; left:0; width:100%; background-color:transparent; border-bottom:0}
.logo				{ position:relative; z-index:1000; float:left; font-size:0; line-height:0}
.logo a,.logo img	{ display:inline-block; vertical-align:middle}
.logo mark			{ display:block; background:transparent; color:#222; font-weight:500}
.flex-box			{ overflow:hidden; display:flex; justify-content:center; align-items:center}
.footer				{ background:#fff}
.footer .kcva-menu	{ border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3}
.footer .kcva-menu ul{ margin:0 auto}
.footer .kcva-menu li{ display:inline-block; vertical-align:middle}
.footer .kcva-menu li:first-child{ margin-left:0}
.footer .kcva-menu li a{ color:#666}
.footer .kcva-menu li strong{ color:#1d99d6; font-weight:500}
.footer a,.footer-content{ color:#666}
.footer .footer-content h1{ font-size:0; line-height:0}
.footer .footer-content h1,.footer .address{ display:inline-block; vertical-align:middle}
.footer .copyright	{ letter-spacing:0}
.footer .center-box	{ position:relative}
.footer .center-box > button{ display:block; width:100%; color:#666; text-indent:10px; text-align:left; border:1px solid #e3e3e3; background-color:#fff; cursor:pointer}
.footer .center-box > button span{ position:absolute; right:1px; top:1px; color:transparent; background:url(/images/common/select-center.png) 100% 50% no-repeat}
.footer .center-list{ overflow-y:scroll; display:none; z-index:999911; position:absolute; left:0; border:1px solid #e3e3e3; border-bottom:0; background-color:#fff}
.footer .center-list a{ display:block; color:#505050}
.footer .center-list a:hover{ color:#1d99d6}
/* Hgroup */
.hgroup				{ background-position:50% 50%; background-repeat:no-repeat}
.hgroup h2.sub-title{ float:left}
.navi-share			{ float:right}
.hgroup-message		{ margin:0 auto}
.hgroup h2.sub-title img,.hgroup h2.sub-title strong{ display:inline-block; vertical-align:middle}
.hgroup p,.hgroup h2.sub-title strong{ color:#202020; line-height:normal}
.hgroup h2.sub-title strong{ font-weight:700}
.navi,.navi a,.navi em,.navi img,.navi span,.navi strong,.share{ display:inline-block; vertical-align:middle}
.navi span			{ color:#707070}
.navi strong		{ color:#1d99d6; font-weight:500}
.share li			{ float:left; margin-left:5px}
.share li:first-child{ margin-left:0}
.share li button	{ display:block; border:1px solid #eaeaea; background:#fff 50% -1px; cursor:pointer; text-indent:-9999px}
.share li button.copy-link{ background-image:url(/images/common/url-copy.png)}
.share li button.print{ background-image:url(/images/common/print.png)}
.share li:hover button,.share li:active button,.share li:focus button{ border-color:#1d99d6; background-position:50% -41px; -webkit-transition:background-image .5s; -moz-transition:background-image .5s; -o-transition:background-image .5s; transition:background-image .5s}
/* Sub Layout */
.sub-content,.sub-con{ position:relative}
.sub-content article,.sub-con article{ padding:0; width:100%}

/* PC */
body,table,input,textarea,select,optgroup{ font-size:16px}
/* 네이티브 화살표 대체 */
select				{ padding-right:40px; background-position:100% 54%; border:1px solid #dadada}
/* Forms */
textarea,select,input[type="text"],input[type="password"],input[type="email"],input[type="file"],input[type="url"],input[type="number"],input[type="tel"]{ height:40px}
textarea			{ height:auto}
/* File Browser */
.file-input			{ width:85% !important; font-size:15px}
.file-input-div .file-button{ width:15% !important}
.file-input-div,.file-input-div .file-button{ height:40px}
.file-input-div .file-button input[type=button]{ font-size:15px}
@media only screen and (max-width:550px) {
	.file-input{ width:80% !important}
	.file-input-div .file-button{ width:20% !important}
}
@media only screen and (max-width:400px) {
	textarea,select,input[type="text"],input[type="password"],input[type="email"],input[type="file"],input[type="url"],input[type="number"],input[type="tel"]{ font-size:15px}
	.file-input-div .file-button input[type=button]{ font-size:14px}
}
/* Tab + List */
.tab.list			{ height:325px !important}
.tab.list li		{ width:135px}
.tab.list li a		{ font-size:15px}
.tab.list li a span	{ height:45px; line-height:43px}
.tab.list li ul		{ top:70px}
.tab.list li li		{ width:100%}
.tab.list li li a	{ font-size:16px; line-height:24px}
.tab.list li li.more{ position:absolute; right:0; top:0; width:auto}
.tab.list li li.more a{ font-size:14px}
.tab.list .list-box	{ position:relative; width:100%; height:160px; border:1px solid #e3e3e3}
.tab.list li.active .list-box span{ margin:0; padding:0; border:0; background:none}
.tab.list .list-box a,.tab.list li.active .list-box .date-numeral{ display:block}
.tab.list .list-box a{ margin:30px 0; padding:0 27px}
.tab.list li.active .list-box .date-numeral{ position:absolute; bottom:0; width:100%; padding-left:53px; height:45px; font-size:13px; line-height:43px; text-align:left; border-top:1px solid #e3e3e3}
/* Tab Menu */
ul.tab-menu			{ margin-bottom:60px}
ul.tab-menu li		{ margin-left:10px; width:180px}
ul.tab-menu li:first-child,
ul.tab-menu.psychological li:first-child,
ul.tab-menu.tab1 li:first-child,
ul.tab-menu.tab2 li:first-child,
ul.tab-menu.tab3 li:first-child,
ul.tab-menu.tab4 li:first-child{ margin-left:0}
ul.tab-menu li span a{ padding:15px 30px; font-size:18px}
ul.tab-menu.tab1	{ width:180px}
ul.tab-menu.tab2	{ width:370px}
ul.tab-menu.tab3	{ width:560px}
ul.tab-menu.psychological{ width:650px}
ul.tab-menu.psychological li{ width:320px}
@media only screen and (max-width:1200px) {
	ul.tab-menu li{ width:160px}
	ul.tab-menu.tab1{ width:160px}
	ul.tab-menu.tab2{ width:330px}
	ul.tab-menu.tab3{ width:500px}
	ul.tab-menu.tab4{ width:670px}
}
@media only screen and (max-width:1024px) {
	ul.tab-menu{ margin-bottom:40px}
}
@media only screen and (max-width:768px) {
	ul.tab-menu li{ width:150px}
	ul.tab-menu li span a{ padding:15px; font-size:15px}
	ul.tab-menu.tab1{ width:150px}
	ul.tab-menu.tab2{ width:310px}
	ul.tab-menu.tab3,ul.tab-menu.tab4{ width:100%}
	ul.tab-menu.tab3 li{ margin-left:2%; width:32%}
	ul.tab-menu.tab4 li{ margin-left:2%; width:23.5%}
	ul.tab-menu.psychological{ width:100%}
	ul.tab-menu.psychological li{ margin-left:2%}
	ul.tab-menu.psychological li:nth-child(1){ width:55%}
	ul.tab-menu.psychological li:nth-child(2){ width:43%}
}
@media only screen and (max-width:550px) {
	ul.tab-menu li span a{ padding:10px}
}
@media only screen and (max-width:460px) {
	ul.tab-menu.tab4 li{ margin-top:2%; width:49%}
	ul.tab-menu.tab4 li:nth-child(odd){ margin-left:0}
	ul.tab-menu.tab4 li:nth-child(1),ul.tab-menu.tab4 li:nth-child(2){ margin-top:0}
	ul.tab-menu.psychological li span a{ padding:15px 25px; line-height:20px}
	ul.tab-menu.psychological li:nth-child(1){ width:58.5%}
	ul.tab-menu.psychological li:nth-child(2){ width:39.5%}
}
@media only screen and (max-width:400px) {
	ul.tab-menu{ margin-bottom:30px}
	ul.tab-menu li{ margin-left:5px}
	ul.tab-menu li span a{ padding:10px 5px}
	ul.tab-menu.tab2{ width:305px}
}
/* TOP버튼 */
.to-top-btn			{ right:30px; width:60px; height:60px; border:10px solid #e4f2fd; border-radius:100%}
.to-top-btn.fixed	{ bottom:40px}
@media only screen and (max-width:1024px) {
	.to-top-btn{ right:20px}
}
@media only screen and (max-width:970px) {
	.to-top-btn.fixed{ bottom:20px}
}
@media only screen and (max-width:550px) {
	.to-top-btn{ right:10px}
}
/* 모달 */
.mw-close			{ top:20px; right:30px; width:40px; height:40px}
.mw .pop-layer		{ top:150px; margin-left:-300px; padding:40px; width:600px; box-shadow:0 -6px 0 #1d99d6; -moz-box-shadow:0 -6px 0 #1d99d6; -webkit-box-shadow:0 -6px 0 #1d99d6}
.mw .alert-layer	{ top:10%; margin-left:-250px; width:500px}
.mw .pop-layer .layer-header h1,.mw .alert-layer .layer-header h1{ padding:0; height:45px}
.mw .pop-layer .layer-header h1,.mw .pop-layer .layer-header h1 strong,.mw .alert-layer .layer-header h1,.mw .alert-layer .layer-header h1 strong{ font-size:20px}
.mw .layer-body h2.head-title{ padding-bottom:30px; font-size:30px; line-height:28px}
.mw .layer-body button{ border-radius:40px}
@media only screen and (max-width:768px) {
	.mw-close{ top:13px; right:20px}
	.mw .layer-body h2.head-title{ padding-bottom:20px; font-size:26px; line-height:24px}
	.mw .pop-layer{ top:100px; margin-left:-250px; padding:20px; width:500px}
}
@media only screen and (max-width:550px) {
	.mw .pop-layer{ top:50px; margin-left:-45%; width:90%}
}
@media only screen and (max-width:400px) {
	.mw-close{ top:10px}
	.mw .layer-body h2.head-title{ font-size:20px; line-height:18px}
}
/* Table */
.default			{ margin-bottom:30px}
.default p			{ margin-top:15px; line-height:26px}
.default select,.default input[type="text"],.default input[type="password"],.default input[type="email"],.default input[type="file"],.default input[type="url"],.default input[type="number"],.default input[type="tel"],
.default input[type="image"],.default input[type="submit"],.default input[type="reset"],.default input[type="button"]{ height:40px}
.default thead th,.default tfoot th{ padding:15px 20px}
.default tbody th,.default td{ padding:15px 20px}
.default.cap		{ margin-bottom:30px}
.default.cap table th,.default.cap table td{ padding:15px 200px}
/* 테이블 가로스크롤 */
.guide-scroll		{ display:none}
.table-scroll		{ position:relative}
@media only screen and (max-width:768px) {
	.guide-scroll{ display:block; margin:-5px 0 5px; text-align:right}
	.guide-scroll img,.guide-scroll span{ display:inline-block; vertical-align:middle; font-size:14px; color:#202020}
	.guide-scroll img{ margin-right:5px; width:26px}
	.table-scroll{ overflow:auto}
	.table-scroll table{ width:1000px ! important}
}
@media only screen and (max-width:550px) {
	.default{ margin-bottom:20px}
	.default p{ margin-top:10px; line-height:20px}
	.default thead th,.default tfoot th{ padding:10px 15px; font-size:15px}
	.default tbody th,.default td{ padding:10px 15px; font-size:15px}
	.default.cap table th,.default.cap table td{ padding:10px 15px; height:auto}
}
@media all and (max-width:360px){ 
	.guide-scroll img{ margin-right:3px; width:18px}
	.guide-scroll span{ font-size:13px}
}
/* ETC Classes */
.switch				{ height:30px}
.switch input[type="checkbox"]{ width:60px; height:30px}
.switch input[type="checkbox"]:after{ width:26px; height:26px; top:2px; left:2px}
.switch input[type="checkbox"]:before{ right:6px; margin-top:-7px; font-size:12px}
.switch input:checked[type="checkbox"]:before{ left:6px}
.switch input:checked[type="checkbox"]:after{ left:32px}
.frm-radio			{ height:30px}
.frm-radio input[type="radio"]{ width:30px; height:30px}
.frm-radio input[type="radio"]:after{ width:26px; height:26px; top:2px; left:2px}
.frm-radio input:checked[type="radio"]:after{ left:2px}
.input-full,.input-half{ width:100%}
.input-midium		{ width:46%}
.input-small		{ width:29.5%}
.help-fix			{ right:20px}
.help-inline		{ font-size:14px; line-height:16px}
.input-email1		{ width:45%}
.input-email2		{ width:45%}
.input-email3		{ width:100%}
/* Global Navigation Bar */
#gnb				{ height:82px}
#gnb > ul			{ top:0; right:0; height:82px}
#gnb > ul > li		{ padding:15px 0 16px}
#gnb > ul > li:last-child > a{ padding-right:0}
#gnb > ul > li > a	{ padding:10px 30px; font-size:20px}
#gnb .gnb-2dep		{ display:none; position:absolute; top:82px}
#gnb .gnb-2dep		{ padding:20px 0; width:190px; min-height:90px; height:400px; background:#fff; border-right:1px solid #e3e3e3}
#gnb .gnb-2dep > li	{ margin:0; padding:0; text-align:left; background:#fff}
#gnb .gnb-2dep > li a{ display:block; padding:0; font-size:18px; letter-spacing:-0.3px; color:#606060}
#gnb .gnb-2dep > li span{ display:block}
#gnb .gnb-2dep > li mark{ color:#1d99d6; font-style:normal; background:transparent}
#gnb .gnb-2dep > li img{ display:inline-block; max-width:100%; margin-bottom:12px}
#gnb .gnb-2dep > li span span{ padding-right:30px; font-size:16px; line-height:24px; color:#707070}
#gnb .gnb-2dep > li > a{ }
#gnb .gnb-2dep > li a:hover{
	color:#1d99d6;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	-ms-transition:all 0.4s;
	transition:all 0.4s;
}
#gnb .gnb-2dep > li a{
	display:block;
	padding:8px 0 8px 15px;
	font-size:15px;
	line-height:20px;
	letter-spacing:-0.3px;
	color:#505050;
	background:url(/images/common/arrow-gnb.png) 95% -35px no-repeat;
}
#gnb li.gnb2 .gnb-2dep > li a{ padding-right:25px}
#gnb .gnb-2dep > li a:hover,#gnb .gnb-2dep > li a:active,#gnb .gnb-2dep > li a:focus{ color:#fff; background-color:#1d99d6; background-position:95% 0; -webkit-transition:background-image .5s; -moz-transition:background-image .5s; -o-transition:background-image .5s; transition:background-image .5s}
#gnb li.gnb1 .gnb-2dep{ left:0px; border-left:1px solid #e3e3e3}
#gnb li.gnb2 .gnb-2dep{ left:0px}
#gnb li.gnb3 .gnb-2dep{ left:0px}
#gnb li.gnb4 .gnb-2dep{ left:0px}
#gnb li.gnb5 .gnb-2dep{ left:0px}
#gnbBg				{ top:90px; left:0}
#gnbBg.fixed		{ top:90px}

#header.fixed #gnb > ul{ }
#header.fixed #gnb > ul > li,#header.fixed #gnb .gnb-2dep{ }
#header.fixed #gnb > ul > li:last-child > a{ }

/* HEADER ::GNB ::fixed */
#header.fixed .header-content{
	z-index:999;
	position:fixed;
	top:0;
	left:0;
	padding:10px 50px 0;
	width:100%;
	height:auto;
	animation:GnbFixed 0.7s;
	background:#fff;
	-webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1);
	box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1);
}
#header.fixed .all-menu{ top:10px; right:50px}
#header.fixed .nav-open-btn.on{ display:block}
@-webkit-keyframes GnbFixed{
	from{ top:-120px}
	to{ top:0}
}

/* 모바일 GNB */
#m-gnb				{ z-index:999; display:none; position:relative}
/* gnbBox */
#m-gnb #gnbBox		{ padding:10px; height:56px; background-color:#1d99d6}
#m-gnb #gnbBox a	{ margin-left:15px; color:#fff; font-size:16px; line-height:33px}
/* navigation */
#m-gnb #navigation	{
	padding:10px;
	width:100%;
	min-height:calc(100% - 61px);
	background:linear-gradient(90deg, #f2f7fa 35%, #fff 35%);
}
#m-gnb #navigation li{ width:100%}
#m-gnb #navigation > li > a{
	display:block;
	position:relative;
	padding:13px 13px;
	height:45px;
	font-size:16px;
	color:#303030;
	font-weight:400;
}
#m-gnb #navigation > li > a .gnb-icon{ position:absolute; top:50%; right:20px; margin-top:-3px}
#m-gnb #navigation > li > a .gnb-icon .xi-x,#m-gnb #navigation > li > ul > li > a .gnb-icon .xi-x{ display:inline-block; width:10px; height:10px; font-size:0; line-height:0; vertical-align:top; background:0 0 no-repeat}
#m-gnb #navigation > li > a .gnb-icon .xi-minus-min,#m-gnb #navigation > li > ul > li > a .gnb-icon .xi-minus-min{ background-image:url(/images/common/minus-min.png)}
#m-gnb #navigation > li > a .gnb-icon .xi-plus-min,#m-gnb #navigation > li > ul > li > a .gnb-icon .xi-plus-min{ background-image:url(/images/common/plus-min.png)}
#m-gnb #navigation li.active > a{}
#m-gnb #navigation > li.has-2dep > a{ width:150px}
#m-gnb #navigation > li.has-2dep.active > a{ color:#fff; background-color:#1d99d6}
#m-gnb #navigation > li.has-2dep.active li.has-3dep.active > a{ color:#ff5d00; font-weight:400}
#m-gnb #navigation li .gnb-2dep{ display:none; padding:0 0 0 160px; width:100%}
#m-gnb #navigation li.gnb1 .gnb-2dep{ margin-top:-45px}
#m-gnb #navigation li.gnb2 .gnb-2dep{ margin-top:-90px}
#m-gnb #navigation li.gnb3 .gnb-2dep{ margin-top:-135px}
#m-gnb #navigation li.gnb4 .gnb-2dep{ margin-top:-180px}
#m-gnb #navigation li.gnb5 .gnb-2dep{ margin-top:-225px; margin-bottom:45px}

#m-gnb #navigation li .gnb-2dep li{}
#m-gnb #navigation li .gnb-2dep li > a{
	display:block;
	position:relative;
	padding:14px 10px;
	font-size:15px;
	color:#404040;
	letter-spacing:-0.5px;
	border-bottom:1px solid #ececec;
}
#m-gnb #navigation li .gnb-3dep{
	display:none;
	padding:10px 15px;
	width:100%;
	border:1px solid #1d99d6;
	background-color:#f8f8f8;
}
#m-gnb #navigation li .gnb-3dep li{}
#m-gnb #navigation li .gnb-3dep li > a{
	display:block;
	padding:7px 0;
	font-size:14px;
	color:#404040;
	letter-spacing:-0.5px;
	border-bottom:none;
}
#m-gnb #navigation li .gnb-3dep li > a:hover,#m-gnb #navigation li .gnb-3dep li > a:active,#m-gnb #navigation li .gnb-3dep li > a:focus{ color:#000; font-weight:400}
#m-gnb #navigation > li > ul > li > a .gnb-icon{ position:absolute; top:50%; right:5px; margin-top:-6px}

@media only screen and (max-width:1350px) {
	#header.fixed .header-content{ padding:10px 30px 0}
	#header.fixed .all-menu{ right:30px}
}
@media only screen and (max-width:1200px) {
	/* Global Navigation Bar */
	#gnb > ul > li > a{ padding:10px 20px}
}
@media only screen and (max-width:1024px) {
	#header.fixed .header-content{ padding:10px 20px}
	#header.fixed .all-menu{ right:20px}
	#gnbBg.fixed{ display:none}
	#header #gnb{ display:none}
	/* 모바일 GNB */
	#m-gnb{
		overflow-y:auto;
		overflow-x:hidden;
		display:block;
		z-index:9999;
		position:fixed;
		top:0;
		right:-100%;
		width:100%;
		max-width:460px;
		height:100%;
		box-shadow:-2px 1px 11px rgba(0, 0, 0, .3);
	}
}
@media only screen and (max-width:768px) {
}
@media only screen and (max-width:550px) {
	#header.fixed .header-content{ padding:10px 10px; height:55px}
	#header.fixed .all-menu{ right:10px}
	#m-gnb{ max-width:360px}
	#m-gnb #navigation{ background:linear-gradient(90deg, #f2f7fa 45%, #fff 45%)}
	#m-gnb #gnbBox{
		padding:13px 15px 10px;
		height:60px;
	}
	#m-gnb #gnbBox a{ margin-left:10px; font-size:15px}
	#m-gnb #gnbBox li a span{
		display:inline-block;
		vertical-align:middle;
		font-size:14px;
	}
}

/* 탑메뉴-햄버거버튼 */
.kcva-sign			{ margin-right:40px; height:35px; line-height:28px}
.kcva-sign a		{ margin:0 16px; font-size:14px}
.all-menu			{ width:35px; height:35px}
@media only screen and (max-width:1350px) {
	.all-menu{ right:30px}
}
@media only screen and (max-width:1024px) {
	.all-menu{ right:20px}
	.all-menu .sitemap-line-btn{ display:none}
	.all-menu .m-menu-line-btn{ display:block}
	.nav-open-btn.on{ top:10px; right:15px}
}
@media only screen and (max-width:768px) {
	.kcva-sign a{ margin:0 4px; font-size:13px}
}
@media only screen and (max-width:550px) {
	.kcva-sign{ display:none}
	.all-menu{ right:10px}
}
@media only screen and (max-width:320px) {
	.all-menu .m-menu-line-btn{ width:22px; height:20px}
}

/* Full Down Menu */
.full-down-menu		{ top:127px}
.full-down-menu .gnb-full{ width:1300px}
.full-down-menu .gnb-full button{ right:0; bottom:0; width:50px; height:50px}
.full-down-menu .gnb-full li{ padding:15px; width:16%; height:350px}
.full-down-menu .gnb-full li:nth-child(2){ width:20%}
.full-down-menu .gnb-full li strong{ padding:7px 10px 14px}
.full-down-menu .gnb-full li li:first-child{ margin-top:7px}
.full-down-menu .gnb-full li li:nth-child(2){ width:100%}
.full-down-menu .gnb-full li li span{ padding:8px 12px; font-size:15px}
#full-down-menu.fixed{ position:fixed; border-top:1px solid #1d99d6}
@media only screen and (max-width:1280px) {
	.full-down-menu .gnb-full{ width:100%}
	.full-down-menu .gnb-full button{ right:0}
	.full-down-menu .gnb-full li{ padding:10px}
	#location.red .head .my-menu{ right:20px}
}
@media only screen and (max-width:1024px) {
	.full-down-menu{ display:none}
}
/* Local Navigation Bar */
.lnb				{ margin-right:-230px; top:50px; width:230px; min-height:900px}
.lnb .vNav			{ padding:0}
/* Vertical Navigation */
.vNav li a .i		{ top:54%; right:20px; margin:-5px 0 0}
.vNav li.active .i	{ background-position:0 -45px}
.vNav li ul			{ margin:13px 0 13px 30px}
.lnb .vNav li > a	{ padding:0 20px}
.lnb .vNav li > a,.lnb .vNav li > a span{ width:100%}
.lnb .vNav li li a ,.lnb .vNav li li a span{ padding:0; width:auto}
.lnb .vNav li a,.lnb .vNav li span{ font-size:18px; line-height:60px; height:60px; font-weight:300}
.lnb .vNav li span	{ margin-left:0; padding:10px 0}
.lnb .vNav li li a,.lnb .vNav li li span{ font-size:17px; line-height:40px; height:40px}
/* Left Banner */
.lnb-banner			{ margin-top:50px}
.lnb-banner .bnbox	{ padding:0 20px; height:190px}
.lnb-banner .bnbox h3{ font-size:17px; line-height:22px}
.lnb-banner .bnbox p{ margin:10px 0 15px; font-size:14px; line-height:20px}
.lnb-banner .bnbox a{ font-size:23px}
.lnb-banner .bnbox img{ top:-2px; right:0}
.lnb-banner .bnbox.helptel{ margin-top:20px}
.lnb-banner .bnbox.helptel a.go-volunteer{ bottom:5px; font-size:12px}
@media only screen and (max-width:1350px) {
	.lnb{ margin-right:-200px; width:200px}
	.vNav li a .i{ right:15px}
	.vNav li ul{ margin-left:20px}
	.lnb .vNav li > a{ padding:0 15px}
	.lnb .vNav li a,.lnb .vNav li span{ font-size:17px; line-height:50px; height:50px}
	.lnb .vNav li li a,.lnb .vNav li li span{ font-size:16px; line-height:30px; height:30px}
	.lnb-banner .bnbox h3{ font-size:16px; line-height:20px}
	.lnb-banner .bnbox a{ font-size:21px}
	.lnb-banner .bnbox img{ width:28px}
}
@media only screen and (max-width:1024px) {
	.lnb{ display:none}
}

/* Swiper */
.swiper-button-prev1,.swiper-button-next1,.swiper-button-prev12,.swiper-button-next12,.swiper-button-prev13,.swiper-button-next13,
.swiper-button-prev14,.swiper-button-next14,.swiper-button-prev15,.swiper-button-next15{ top:0 !important; bottom:auto !important; margin-top:0}
.swiper-button-prev1{ left:auto !important; right:98px !important}
.swiper-button-next1{ right:49px !important}
.swiper-button-prev2,.swiper-button-next2{ width:30px !important; background-image:url(/images/common/prev-next.png) !important; border:0}
.swiper-button-prev2{ left:0 !important; background-position:7px 45% !important}
.swiper-button-next2{ right:0 !important; background-position:-30px 45% !important}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:30px}
.swiper-button-prev2,.swiper-button-next2{ margin-top:-25px}
.play-stop			{ bottom:33px}

/* Layout */
.header-content,.footer-content,section article,.body{ width:1300px}
header,footer,.body	{ }
.body				{ }
.body.main			{ width:100%}
.header				{ padding-top:10px; height:127px}
.header .header-content{ height:117px}
.logo				{ margin-top:57px}
.footer .kcva-menu ul{ width:1300px}
.footer .kcva-menu li{ margin-left:40px; padding:30px 0 33px}
.footer .kcva-menu li a{ font-size:15px}
.footer .footer-content{ padding:40px 0}
.footer .footer-content h1{ margin-right:25px}
.footer .address,.footer .copyright{ font-size:15px}
.footer .address	{ margin-top:0; line-height:26px}
.footer .address span{ display:inline-block; width:25px; height:1px}
.footer .address span:nth-child(1){ display:block; width:1px}
.footer .center-box	{ width:265px; height:40px; font-size:14px}
.footer .center-box > button{ padding-left:5px; height:40px; line-height:38px; font-size:15px}
.footer .center-box > button span{ width:38px; height:38px}
.footer .center-list{ bottom:40px; padding:5px 0; width:265px; height:285px}
.footer .center-list a{ padding:5px 15px; font-size:15px}
@media only screen and (max-width:1550px) {
	.footer .footer-content h1,.footer .address{ display:block}
	.footer .footer-content h1{ margin-right:0}
	.footer .address{ margin-top:15px}
}
@media only screen and (max-width:1350px) {
	.body,.body.main section article{ padding:0 30px}
	.body.main{ padding:0}
	.header-content,.footer-content,section article,.body{ width:100%}
	.header-content,.footer .kcva-menu{ padding-left:30px; padding-right:30px}
	.footer .footer-content{ padding:40px 30px}
	.footer .kcva-menu ul{ width:100%}
}
@media only screen and (max-width:1200px) {
	.logo{ margin-top:62px}
	.logo img{ width:280px}
}
@media only screen and (max-width:1024px) {
	.body,.body.main section article{ padding:0 20px}
	.header{ padding-bottom:10px; height:auto}
	.header .header-content{ height:auto}
	.header-content,.footer .kcva-menu{ padding-left:20px; padding-right:20px}
	.logo{ margin-top:1px}
	.footer .footer-content{ padding:30px 20px}
	.footer .address,.footer .copyright{ font-size:14px}
	.footer .address{ line-height:24px}
	.footer .center-box > button,.footer .center-list a{ font-size:14px}
}
@media only screen and (max-width:970px) {
	.footer .kcva-menu li{ margin-left:0; padding:12px 0 0; width:22.5%}
	.footer .kcva-menu li:nth-child(1),.footer .kcva-menu li:nth-child(5){ width:30%}
	.footer .kcva-menu li:nth-child(5),.footer .kcva-menu li:nth-child(6),.footer .kcva-menu li:nth-child(7){ padding:0 0 15px}
	.footer .kcva-menu li a{ font-size:14px}
	.footer .footer-content{ padding:20px 20px}
	.footer .address{ margin-top:10px}
	.footer .address span:nth-child(3){ display:block; width:1px}
}
@media only screen and (max-width:768px) {
	.logo{ margin-top:6px}
	.logo img{ width:200px}
	.footer .fl-left,.footer .fl-right{ width:100%}
	.footer .fl-left{ text-align:center}
	.footer .fl-right{ margin-top:-150px}
	.footer .address{ margin-top:65px}
	.footer .center-box{ margin:0 auto}
}
@media only screen and (max-width:550px) {
	.body,.body.main section article{ padding:0 10px}
	.header-content,.footer .kcva-menu{ padding-left:10px; padding-right:10px}
	.header .header-content{ height:35px}
	.footer .footer-content{ padding:25px 10px}
	.footer .kcva-menu li,.footer .kcva-menu li:nth-child(1),.footer .kcva-menu li:nth-child(5){ width:49.5%}
	.footer .kcva-menu li:nth-child(3),.footer .kcva-menu li:nth-child(4),.footer .kcva-menu li:nth-child(5),.footer .kcva-menu li:nth-child(6){ padding:0}
	.footer .kcva-menu li:nth-child(5),.footer .kcva-menu li:nth-child(6){ padding-bottom:15px}
}
@media only screen and (max-width:440px) {
	.footer .fl-right{ margin-top:-170px}
}
@media only screen and (max-width:380px) {
	.footer .fl-right{ margin-top:-200px}
	.footer .address span:nth-child(2){ display:block; width:1px}
}

/* Hgroup */
.hgroup				{ height:75px; background-size:cover}
.hgroup-message		{ padding-top:32px; width:1300px}
.hgroup h2.sub-title,.hgroup h2.sub-title strong{ font-size:38px; line-height:36px}
.navi				{ height:40px}
.navi span,.navi strong{ margin:0 15px}
.navi a,.navi em,.navi span,.navi strong{ font-size:16px; line-height:38px}
.share				{ margin-left:20px}
.share li button	{ width:40px; height:40px; border-radius:100%}
@media only screen and (max-width:1350px) {
	.hgroup{ padding:0 30px}
	.hgroup-message{ width:100%}
}
@media only screen and (max-width:1200px) {
	.hgroup{ height:65px}
	.hgroup-message{ padding-top:24px}
	.hgroup h2.sub-title,.hgroup h2.sub-title strong{ font-size:34px; line-height:32px}
}
@media only screen and (max-width:970px) {
	.hgroup h2.sub-title,.hgroup h2.sub-title strong{ font-size:30px; line-height:30px}
}
@media only screen and (max-width:768px) {
	.hgroup{ padding:0 20px; height:auto}
	.hgroup-message{ padding:10px 0 15px}
	.hgroup h2.sub-title,.navi-share{ float:none; width:100%}
	.hgroup h2.sub-title,.hgroup h2.sub-title strong{ font-size:26px; line-height:24px}
	.navi-share{ margin-top:10px}
}
@media only screen and (max-width:550px) {
	.hgroup{ padding:0 10px}
	.hgroup-message{ padding:10px 0 10px}
	.hgroup h2.sub-title,.hgroup h2.sub-title strong{ font-size:22px; line-height:20px}
	.navi span,.navi strong{ margin:0 10px}
	.navi a,.navi em,.navi span,.navi strong{ font-size:14px}
	.navi-share{ margin-top:5px}
	.share{ margin-left:10px}
}
@media only screen and (max-width:400px) {
	.hgroup h2.sub-title,.hgroup h2.sub-title strong{ font-size:20px; line-height:18px}
}

/* Sub Layout */
.sub-content,.sub-con{ margin-left:300px; padding:50px 0 80px}
.sub-content		{ min-height:1300px}
.sub-content.history-map{ margin:0; min-height:auto}
@media only screen and (max-width:1350px) {
	.sub-content,.sub-con{ margin-left:270px}
}
@media only screen and (max-width:1200px) {
	.sub-content,.sub-con{ margin-left:250px}
}
@media only screen and (max-width:1024px) {
	.sub-content,.sub-con{ margin-left:0; padding-bottom:50px}
	.sub-content{ min-height:300px}
}
@media only screen and (max-width:970px) {
	.sub-content,.sub-con{ padding-top:40px}
}
@media only screen and (max-width:768px) {
	.sub-content,.sub-con{ padding:30px 0}
}