/*!
 * default.css - default styles for this theme.
 * Copyright (C) SmarTools Co. (https://smartools.co.kr)
*/
/*@import url("//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css");
@import url("/fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap");
@import url("//db.onlinewebfonts.com/c/67680f2eb947c5cbd58b40961b4a61e9?family=Apple+SD+Gothic+Neo");*/

body { font-family: "Noto Sans KR", sans-serif !important;}


/** Topbar **/
#st-body .topbar {
/*	background-color: #f8f8f8;*/
/*	border-bottom: 1px solid #ddd;*/
}
#st-body .topbar .btn-group {
	border-radius: 0;
}


/** PCbar **/
#st-body .pcbar {
	padding: 15px 0 15px 0;
}
#st-body .pcbar .brand {
	font-size: 24px;
	font-weight: bold;
}
#st-body .pcbar .brand a {
	color: #333;
	text-decoration: none;
}

/** Navbar **/
#st-body .navbar { border-radius: 0; }
#st-body .navbar-nav > li > a { font-weight: bold; }
#st-body .navbar-nav .label-logged-in {
    font-size: 10px;
    position: relative;
    top: -5px;
    padding: 1px 3px;
}
#st-body .navbar-nav .search {
	margin: 0 15px;
}
#st-body .navbar-nav .panel-search {
	min-width: 250px;
	box-shadow: 0 0;
	-webkit-box-shadow: 0 0;
	margin-bottom: 0;
}

#st-body .navbar-nav .dropdown-submenu { position:relative; }
#st-body .navbar-nav .dropdown-submenu > .dropdown-menu { top:0; left:100%; margin-top:-6px; margin-left:-2px; -webkit-border-radius:0 0 6px 0; -moz-border-radius:0 0 6px 0; border-radius:0 0 6px 0; }
#st-body .navbar-nav .dropdown-submenu > a:after { display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#cccccc; margin-top:5px; margin-right:-10px;}
#st-body .navbar-nav .dropdown-submenu.pull-left { float:none; }
#st-body .navbar-nav .dropdown-submenu.pull-left > .dropdown-menu { left:-100%; margin-left:10px; -webkit-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px; }

@media (max-width: 767px) {
	#st-body .navbar-nav .dropdown-submenu > a:after {
		margin-right: 0;
	}
	#st-body .navbar-nav .dropdown-submenu .dropdown-menu {
		margin-top: 0;
		margin-left: 0;
	}
	#st-body .navbar-nav .dropdown-submenu .dropdown-menu li {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (min-width: 768px) {
	#st-body .dropdown-menu > .active > a, #st-body .dropdown-menu > .active > a:hover, #st-body .dropdown-menu > .active > a:focus { 
		color: #fff;
		background-color: #337ab7; 
	}
	#st-body .navbar-collapse {
		padding-right: 0;
		padding-left: 0;	
	}
}


/** Slider (carousel) **/
#st-body .carousel-main { margin-bottom: 30px; }
#st-body .carousel-main .item { 
	width: 100%;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
@media (max-width: 767px) {
	#st-body .carousel-wrapper {
		margin: -20px -15px 0;
	}
}


/** Sidebar **/
#st-body .sidebar .banner {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
#st-body .sidebar .banner img {
	margin: 0 auto;	
}


/** Footer **/
#st-body .footer {
}
#st-body .footer .footbar {
    border-bottom: 1px solid #dddddd;
	background-color: #f1f1f1;
	padding:25px 0;
	text-align:center;
}
#st-body .footer .content {
	color: #ccc;
	line-height: 1.7;
	background-color: #333;
	min-height: 20px;
	padding: 30px 0;
}
#st-body .footer .content a, 
#st-body .footer .content a:hover { 
	color: #fff; 
}
#st-body .footer .content .divider {
    color: #666;
    font-size: 80%;
    position: relative;
    top: -1px;
    margin: 0 7px;
}
#st-body .footer .content hr {
    border-top: 1px solid #444;
}
#st-body .footer .copyright {
	color: #777777;
	font-size:15px;
	text-align: center;
	background-color: #f1f1f1;
	padding: 10px 0 100px;	
}
#st-body .footer .copyright a, 
#st-body .footer .copyright a:hover { 
	color: #fff; 
}

#st-body .footer .copyright .links {padding:18px 0;}
#st-body .footer .copyright .links a {font-size:14px;color:#777777;}
#st-body .footer .copyright .links a:first-child{font-weight:bold;}
#st-body .footer .copyright .links a:hover {font-weight:400;text-decoration:none;}

@media (max-width: 1000px) {
	#st-body .footer .footbar {padding:15px 0;}
	#st-body .footer .copyright .links {padding:16px 0;}
	#st-body .footer .copyright .links a {font-size:15px;}
	#st-body .footer .copyright {font-size:14px;}
}
@media (max-width: 900px) {
	#st-body .footer .footbar {padding:10px 0;}
	#st-body .footer .copyright .links {padding:10px 0;}
	#st-body .footer .copyright .links a {font-size:14px;}
	#st-body .footer .copyright {font-size:12px;}
}
@media (max-width: 767px) {
	#st-body .footer .footbar {display:none;}
}
@media (max-width: 500px) {
	#st-body .footer .copyright .links a {font-size:13px;}
	#project_comm .sns_box ul li:first-child h3 {font-size:1.2em !important;}
	#project_comm .sns_box ul li:nth-child(2) h3{font-size:1.2em !important;}
	#project_comm .sns_box ul li:first-child h4 {font-size:1em !important;}
	#project_comm .sns_box ul li:nth-child(2) h4 {font-size:0.8em !important;}
}
@media (max-width: 400px) {
	#st-body .footer .copyright {font-size:11px; letter-spacing:-1px;}
}


/** Common **/
#st-body .btn-nav {
	color: #777;
	font-weight: normal;
/*	background-color: #f8f8f8;*/
    height: 30px;
    line-height: 30px;	
	border-top: 0;
	border-bottom: 0;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-radius: 0;
	padding: 0 10px;
}
#st-body .btn-nav:hover,
#st-body .btn-nav:active,
#st-body .btn-nav.active {
	color: #3b3b3b;
}
#st-body .btn-nav .fa {
	font-size: 1.3em;
	position: relative;
	top: 1px;
}
#st-body .btn-nav .glyphicon {
	font-size: 1.2em;
	position: relative;
	top: 2px;
}


/** Preloader **/
#st-preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: #ffffff;
	z-index:999999; 
}
#st-preloader .spinner {
	margin: 150px auto 0;
	width: 70px;
	text-align: center;
	position:fixed;
	z-index:999999;
	width:250px;
	height:250px;
	position:absolute;
	left:50%; 
	top:50%; 
	background-size:32px 32px;
	background-repeat:no-repeat;
	background-position:center;
	margin:-125px 0 0 -125px; 
}
#st-preloader .spinner > div {
	width: 18px;
	height: 18px;
	background-color: #ccc;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
#st-preloader .spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
#st-preloader .spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0.0) }
	40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
	0%, 80%, 100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 40% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}


/** Back to top menu **/
#st-backtotop {
	color: #fff;
    position: fixed;
    bottom: 13%;
    right: 15px;
    text-decoration: none;
    padding: 16px;
    display: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";
	background: rgba(0,0,0,0.4);
	z-index: 5000;
	cursor: pointer;
}
#st-backtotop:hover {    
	background-color: #333;
}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_con p {margin: 0}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}









/* 상단메뉴부분과 메인비주얼영역*/

#header{z-index:50; position:absolute; overflow:visible; width:100%; height:107px; margin:0 auto;transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -webkit-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out;}
#header .header_wrap {position:relative; width:100%; max-width:1200px; margin:0 auto;}
#header .header_wrap ul {margin:0px;}
#header .logo{overflow:hidden; display: block; position: absolute; top:0; left:0;}
#header .logo a {display:block;line-height:107px;}

#header .lnb{position: absolute;width:855px; height:107px;top:0px;padding:0px;margin-left:12%;}
#header .lnb .dep1 {position: relative; overflow: hidden;margin:0px;}
#header .lnb .dep1>li {list-style:none;float:left; width: 19%; text-align: center;}
#header .lnb .dep1>li>a {line-height:107px;font-size:19px; text-align: center; color:#ffffff;text-decoration:none !important;}
#header .lnb .dep1>li>a span {margin-top: 45px; height:16px; text-indent: -9999999%; vertical-align: top; }
#header .lnb .dep1>li:nth-child(1)>a span {width:60px; background-position: 0 0;}
#header .lnb .dep1>li:nth-child(2)>a span {width:60px; background-position: -150px 0;}
#header .lnb .dep1>li:nth-child(3)>a span {width:58px; background-position: -300px 0;}
#header .lnb .dep1>li:nth-child(4)>a span {width:89px; background-position: -434px 0;}
#header .lnb .dep1>li:nth-child(5)>a span {width:59px; background-position: -600px 0;}
#header .lnb .dep1>li.active:nth-child(1)>a span {background-position: 0 -30px;}
#header .lnb .dep1>li.active:nth-child(2)>a span {background-position: -150px -30px;}
#header .lnb .dep1>li.active:nth-child(3)>a span {background-position: -300px -30px;}
#header .lnb .dep1>li.active:nth-child(4)>a span {background-position: -434px -30px;}
#header .lnb .dep1>li.active:nth-child(5)>a span {background-position: -600px -30px;}

#header .lnb .dep2 {opacity: 0; display: none; padding:30px 0 0 0;}
#header .lnb .dep2>li {position: relative; text-align: center;list-style:none;padding:3px 0;}
#header .lnb .dep2>li:first-child {padding-top:0;}
#header .lnb .dep2>li a {font-size:14.5px; color:#000000;}
#header .lnb .dep2>li a:hover {color:#3754b0;text-decoration:none;}
#header .lnb .dep2>li a span {display: inline-block; width: 27px; height: 13px; text-indent: -999999%; vertical-align: top; }
#header .lnb .dep2>li a span.dep3 {background-image: url(/images/common/txt_dep2_hanwha_gray.png);}
#header .lnb .dep2>li a:hover span {background-image: url(/images/common/txt_dep2_hanwha_on.png) !important;}
/*#header .lnb .dep1>li:nth-child(4) .dep2>li {padding-left:43px;}*/
#header .lnb .dep2>li button {position: absolute; top:8px; right:10px; width: 18px; height: 18px; text-indent: -999999%; border: none; cursor: pointer;}
#header .lnb .dep2>li.active button {background-position: 0 -30px;}
.bg_off #header .lnb .dep2 {opacity: 0; display: none; height:0;}
.bg_on #header .lnb .dep2 {opacity: 1; height:auto;}

.bg_on #header {background-color:#ffffff;transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;}
.bg_on #header .lnb .dep1>li>a {color:#111111;}


#header .lnb .dep3 {display: none;}
#header .lnb .dep3>li {padding-top:16px; padding-left: 10px;}
#header .lnb .dep3>li>a {color:#666;}

#header .gnb {position: absolute; top:0px;right:0px;line-height:107px;}

.main-wrap #header .lnb .dep1>li>a  {*font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';text-decoration:none;}

.main-wrap.bg_on:after {z-index:3; content: "";display: block;position: absolute;left:0;top:0;width:100%;height: 106px;background: #ffffff;}
.main-wrap.bg_off:after {display: none;}
.main-wrap.bg_off #header .lnb .dep1>li>a  {color:#fff;}
.main-wrap.bg_off #header .lnb .dep1>li:nth-child(1)>a span {background-position: 0 -60px;}
.main-wrap.bg_off #header .lnb .dep1>li:nth-child(2)>a span {background-position: -150px -60px;}
.main-wrap.bg_off #header .lnb .dep1>li:nth-child(3)>a span {background-position: -300px -60px;}
.main-wrap.bg_off #header .lnb .dep1>li:nth-child(4)>a span {background-position: -434px -60px;}
.main-wrap.bg_off #header .lnb .dep1>li:nth-child(5)>a span {background-position: -600px -60px;}
.main-wrap.bg_off #header .gnb>li>a {color:#fff;}

#header .lnb_bg {display: none; position: fixed; top: 107px; left: 0px; width: 100%; height: 0; background: #ffffff;}
#header .lnb_bg:before {display: block; position: absolute; top:0; left:0; width:100%; height:1px; background: #dddddd; content: "";}
.bg_off #header .lnb_bg {opacity: 0; display: none; height: 0;}
.bg_on #header .lnb_bg {opacity: 0.9; height:270px;}
.bg_on #header .ani-bar {z-index: 1;position: absolute;left:0;top:104px;height:3px;width:0;background:#3754b0;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}

.sub-wrap:after {content: "";position: absolute;left:0;top:0;width:100%;height: 106px;background: #ffffff;}
@media screen and (min-width:1902px){
.visual-wrap .visual .w1200 {/*bottom: 45%*/ !important;}
}
@media screen and (max-width:1200px){
	#header .header_wrap {width:98%;}
	#header .lnb {width:830px;right:0px;}
	#header .gnb {display:none;}
}
@media screen and (max-width:1070px){
	#header .lnb {width:730px;}
}
@media screen and (max-width:950px){
	#header .lnb {width:630px;}
}
@media screen and (max-width:870px){
	#header .lnb {width:530px;}
	#header .lnb .dep1>li>a {font-size:18px;}
}

/* Slick */
.slick-list,.slick-slider,.slick-track {position: relative;display: block}
.slick-loading .slick-slide,.slick-loading .slick-track {visibility: hidden}
.slick-slider {-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.slick-list {overflow: hidden;margin: 0;padding: 0}
.slick-list:focus {outline: 0}
.slick-list.dragging {cursor: pointer;cursor: hand}
.slick-slider .slick-list,.slick-slider .slick-track {-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}
.slick-track {top: 0;left: 0}
.slick-track:after,.slick-track:before {display: table;content: ''}
.slick-track:after {clear: both}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px}
[dir=rtl] .slick-slide {float: right}
.slick-slide img {display: block}
.slick-slide.slick-loading img {display: none}
.slick-slide.dragging img {pointer-events: none}
.slick-initialized .slick-slide {display: block}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent}
.slick-arrow.slick-hidden {display: none}



.main #main {position:relative;top:-119px;width:100%;margin-bottom:-35px;}

.visual-wrap { position:relative; height:auto; overflow:hidden; background:#000;z-index:3;}
.visual-wrap .visual {opacity:1; position:relative; top:0px; left:0; width:100%;}
.visual-wrap .visual .w1200 {width: 100%;position: absolute;text-align: center;bottom: 32%;padding: 0 20px;}
.visual-wrap .visual .w1200 center {display:inline-block;}
.visual-wrap .visual .w1200 center img {width: 100%; max-width:800px;}
.visual-wrap .visual .w1200 h3 {font-family: 'Montserrat', sans-serif;font-weight:bold;font-size:84px;color:#ffffff;text-shadow: 0px 0px 10px #000000;margin-top:0px;}
.visual-wrap .visual .w1200 div.txt {width: 100%;font-size:65px;color:#ffffff;opacity:0;z-index:99;display:block;transform: translate(0%, 50%);clear: both;font-weight:300;}
.visual-wrap .visual .w1200 a {font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; font-size:18px;color:#ffffff;width:250px;line-height:60px;border-radius: 5px;font-weight:300;background-color:#16288b;display: inline-block;margin-top:20px;text-decoration:none;box-shadow: 0px 0px 10px #9b9f9e;}
.visual-wrap .visual .img {width:100%;height:auto;position:relative;transform:scale(1.1); transition-delay:0.5s;max-width:none;margin:auto;}
.visual-wrap .visual.first {opacity:1;}
.visual-wrap .visual.loading {display:none; }
.visual-wrap .visual.slick-active {opacity:1; z-index:1; }
.visual-wrap .visual.slick-active div.txt,
.visual-wrap .slick-active .visual div.txt  {opacity:1;transform: translate(0%, -1%);transition-duration:1s;}
.visual-wrap .visual.slick-active .img,.visual-wrap .slick-active .visual .img  {transform:scale(1); transition-duration:10s;}
.visual-wrap .visual.slick-active.show .img,.visual-wrap .slick-active .visual.show .img {transform:scale(1) !important;}
.visual-wrap .bx-controls {position:absolute;left:0;top:0;z-index: 99;}

/* Slider */

.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}

.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.visual-wrap .visual .img.pc_ver {display:block;}
.visual-wrap .visual .img.mo_ver {display:none;}

@media screen and (max-width:1570px){
	.visual-wrap .visual .w1200 center img {width:90%;}
}
@media screen and (max-width:1470px){
	.visual-wrap .visual .w1200 center img {width:80%;}
}
@media screen and (max-width:1370px){
	.visual-wrap .visual .w1200 center img {width:80%;}
}
@media screen and (max-width:1290px){
	.visual-wrap .visual .w1200 h3 {font-size:74px;}
	.visual-wrap .visual .w1200 div.txt {font-size:18px;}
	.visual-wrap .visual .w1200 a {font-size:18px;line-height:50px;width: 200px}
	.center_wrap {width:100% !important;}
	.even_wrap .even_img img{width:100%;padding:0 1%;}
	.even_wrap .even_img2 img{width:100%;padding:0 1%;}
	.content_wrap {padding: 0 1%;}
	.even_wrap .youtube { padding: 0;  width: 97%; margin: 0 auto;}
	#st-backtotop {bottom:10%;}
}
@media screen and (max-width:1220px){
	.visual-wrap .visual .w1200 center img {width:60%;}
}

@media screen and (max-width:1130px){
	.visual-wrap .visual .w1200 center img {width:50%;}
}
@media screen and (max-width:1100px){
	.visual-wrap .visual .w1200 h3 {font-size:64px;}
	.visual-wrap .visual .w1200 div.txt {font-size:16px;}
	.visual-wrap .visual .w1200 a {font-size:16px;}
	.center_wrap {width:100% !important;}
	.even_wrap .even_img img{width:100%;padding:0 1%;}
	.even_wrap .even_img2 img{width:100%;padding:0 1%;}
	.even_wrap .even_img3 img{width:100%;padding:0 1%;}
}
@media screen and (max-width:1000px){
	.visual-wrap .visual .w1200 center img {width: 40%;}
	.visual-wrap .visual .w1200 h3 {font-size:54px;}
	.visual-wrap .visual .w1200 div.txt {font-size:14px;}
}
@media screen and (max-width:890px){
	.visual-wrap .visual .w1200 center img {width: 45%;}
	.visual-wrap .visual .w1200 h3 {font-size:44px;}
}
@media screen and (max-width:820px){
	.visual-wrap .visual .w1200 center img {width: 30%;}
}
@media screen and (max-width:767px){
	.visual-wrap .visual .w1200 center img {width: 100%;}
	.visual-wrap .visual .img.pc_ver {display:none;}
	.visual-wrap .visual .img.mo_ver {display:block;}
}
@media screen and (max-width:700px){
	.visual-wrap .visual .w1200 center img {width: 80%;}
	.visual-wrap .visual .w1200 h3 {font-size:34px;}
	.visual-wrap .visual .w1200 a {font-size:15px;line-height:35px;width: 150px}
}
@media screen and (max-width:600px){
	.visual-wrap .visual .w1200 center img {width: 70%;}
}
@media screen and (max-width:500px){
	.visual-wrap .visual .w1200 center img {width:90%;}
	.visual-wrap .visual .w1200 h3 {font-size:35px;}
}
@media screen and (max-width:400px){
	.visual-wrap .visual .w1200 center img {width:100%;}
	.visual-wrap .visual .w1200 h3 {font-size:28px;margin-top:2%;margin-bottom:1%;}
	.visual-wrap .visual .w1200 div.txt {font-size:18px;}
	.visual-wrap .visual .w1200 a {font-size:0.9em;}
}

.pc_ver {display:block;}
.mo_ver {display:none;}
@media (max-width: 767px){
	.pc_ver {display:none;}
	.mo_ver {display:block;}
	.navbar {margin-bottom:0px !important;}
}


/* main_part */
#main_part {
    display: table;
    width: 100%;
    margin: 60px 0px;
}
#main_part .main_part_box h2{text-align:left; font-size: 50px; color: #000000; font-weight:300; margin: 0 0 40px 0;float:left;}
#main_part .main_part_box h2 span{color:#000000;font-weight:bold;}
#main_part .main_part_box p.txt{color:#555;font-size:16px;letter-spacing:-0.05em;float:left;padding: 3% 0% 3% 20%;}
#main_part .main_part_box p.button{padding:3.5% 0%;float:right;display:inline-block;font-size:14px;font-weight:bold;border-bottom:3px solid #ddd;padding-bottom:3px;text-decoration:none;}
#main_part .main_part_box p.button a{color:#000;text-decoration:none;}

#main_part ul li {
    width:50%;
    float: left;
    list-style: none;
    text-align: center;
}
#main_part ul li div.main_part_box {
    width: 100%;
    max-width: 600px;
    height: auto;
    position: relative;
	margin:0 auto;
}
#main_part ul li div.main_part_box a {display:block;overflow:hidden;position:relative;}
#main_part ul li div.main_part_box img {width:100%;max-width:600px; height:auto;}
#main_part ul li div.main_part_box div.txt_wrap .txt_en {font-size: 13px;padding-bottom:2%;display: inline-block;letter-spacing:-0.01em;}
#main_part ul li div.main_part_box div.txt_wrap { position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align: center;color: #ffffff;font-size: 14px;width:100%;}
#main_part ul li div.main_part_box div.txt_wrap h3 {margin: 0;padding-bottom: 15px;font-size:28px; font-weight: 300;line-height:130%;}
#main_part ul li div.main_part_box div.txt_wrap h3 span{font-weight:bold;}
#main_part ul li div.main_part_box div.txt_wrap p.button2{display:inline-block;font-size:16px;font-weight:400;border-bottom:3px solid #ddd;padding-bottom:3px;text-decoration:none;}
#main_part ul li div.main_part_box div.txt_wrap p.button2 a{color:#000;text-decoration:none;}

#main_part .video_part{margin:0 auto;text-align:center;}
#main_part .video_part video {max-width:1200px; width: 100%; height:auto; }



@media screen and (min-width:1201px){
	#main_part .main_part_box{width: 100%; max-width: 1200px;margin: 0 auto;padding: 0px;    position: relative; overflow: hidden;}
	#main_part ul { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0px;}
}
@media screen and (max-width:1200px){
	#main_part ul li div.main_part_box {padding:0 5px;}
	#main_part .main_part_box{width:100%;}
	#main_part ul { width: 100%;margin: 0 auto; padding: 0px;position:relative;overflow:hidden;}
	#main_part .main_part_box p.button{display:none;}
	#main_part .main_part_box h2{text-align:center; font-size: 50px; color: #000000; font-weight:300; margin: 0 0 20px 0;float:none;}
	#main_part .main_part_box p.txt{color:#555;font-size:16px;letter-spacing:-0.05em;text-align:center;float:none;padding:0 0 1% 0;}
}
@media screen and (max-width:1100px){
	#main_part ul li div.main_part_box div.txt_wrap h3 {font-size:18px;}
	#main_part ul li div.main_part_box div.txt_wrap {font-size:13px;}
}
@media screen and (max-width:850px){
	#main_part {width:100%;margin:40px auto;}
	#main_part ul li {width:50%;}
	#main_part ul li:nth-child(1),
	#main_part ul li:nth-child(2) {margin-bottom:10px;}
	#main_part .main_part_box h2{font-size:30px;}
}
@media screen and (max-width:500px){
	#main_part {margin:20px auto;}
	#main_part ul li div.main_part_box div.txt_wrap {font-size:12px;*background-color:rgba( 0, 0, 0, 0.5 );}
	#main_part ul li div.main_part_box div.txt_wrap h3 {font-size:20px;}
	#main_part .main_part_box p.txt {font-size:0.85em;}
	#main_part ul li {width: 100%;}
}
@media screen and (max-width:400px){
	#main_part ul li div.main_part_box div.txt_wrap h3 {font-size:20px;}
}

/* main_part2 */
#main_part2 {
    display: table;
    width: 100%;
    margin: 60px 0px;
}
#main_part2 .main_part_box{width: 100%; max-width: 1200px;margin: 0 auto;padding: 0px;    position: relative; overflow: hidden;}
#main_part2 .main_part_box h2{text-align:left; font-size: 50px; color: #000000; font-weight:300; margin: 0 0 40px 0;float:left;}
#main_part2 .main_part_box h2 span{color:#00ac9f;font-weight:bold;}
#main_part2 .main_part_box p.txt{color:#555;font-size:16px;letter-spacing:-0.05em;float:left;padding: 3% 0% 3% 20%;}
#main_part2 .main_part_box p.button{padding:3.5% 0%;float:right;display:inline-block;font-size:14px;font-weight:bold;border-bottom:3px solid #ddd;padding-bottom:3px;text-decoration:none;}
#main_part2 .main_part_box p.button a{color:#000;text-decoration:none;}

#main_part2 ul {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px;
}
#main_part2 ul li {
    width:50%;
    float: left;
    list-style: none;
    text-align: center;
}
#main_part2 ul li div.main_part_box {
    width: 100%;
    max-width: 600px;
    height: auto;
    position: relative;
	margin:0 auto;
}
#main_part2 ul li div.main_part_box a {display:block;overflow:hidden;position:relative;}
#main_part2 ul li div.main_part_box img {width:100%;max-width:600px; height:auto;}
#main_part2 ul li div.main_part_box div.txt_wrap .txt_en {font-size: 17px;padding-bottom:1%;display: inline-block;letter-spacing:-0.01em;}
#main_part2 ul li div.main_part_box div.txt_wrap { position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align: center;color: #ffffff;font-size: 14px;width:100%;}
#main_part2 ul li div.main_part_box div.txt_wrap h3 {margin: 0;padding-bottom: 25px;font-size:45px; font-weight:bold;}
#main_part2 ul li div.main_part_box div.txt_wrap h3 span{font-weight:bold;}
#main_part2 ul li div.main_part_box div.txt_wrap p.button2{display:inline-block;font-size:16px;font-weight:400;padding-bottom:3px;text-decoration:none;}
#main_part2 ul li div.main_part_box div.txt_wrap p.button2 a{color:#000;text-decoration:none;}

@media screen and (max-width:1200px){
	#main_part2 ul li div.main_part_box {padding:0 5px;}
}
@media screen and (max-width:1100px){
	#main_part2 ul li div.main_part_box div.txt_wrap h3 {font-size:18px;}
	#main_part2 ul li div.main_part_box div.txt_wrap {font-size:13px;}
}
@media screen and (max-width:850px){
	#main_part2 {width:100%;margin:40px auto;}
	#main_part2 ul li {width:50%;}
	#main_part2 ul li:nth-child(1),
	#main_part2 ul li:nth-child(2) {margin-bottom:10px;}
}
@media screen and (max-width:500px){
	#main_part2 {margin:20px auto;}
	#main_part2 ul li div.main_part_box div.txt_wrap {font-size:12px;*background-color:rgba( 0, 0, 0, 0.5 );}
	#main_part2 ul li div.main_part_box div.txt_wrap h3 {font-size:30px;}
	#main_part2 ul li div.main_part_box { width: 100%;}
	#main_part2 ul li { width: 100%;}
}
@media screen and (max-width:400px){
	#main_part2 ul li div.main_part_box div.txt_wrap h3 {font-size:30px;}
	#main_part2 ul li { width: 100%;}
}

/* project_list */
#project_list {
    display: table;
    width: 100%;
    background-color: #f5fcec;
    padding:60px 0;
    text-align: center;
}
#project_list h2 {
    text-align: center;
    font-size: 50px;
    color: #000000;
    font-weight:bold;
    margin: 0 0 40px 0;
}
#project_list h2 span{color:#99ca3b;font-weight:bold;}
#project_list a.bt_more {
    border: 1px solid #222222;
    padding: 18px;
    display: inline-block;
    margin: 30px auto 0;
}
#project_list ul {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: table;
    padding: 0px;
}
#project_list ul li {
    list-style: none;
    width: 33.333333%;
    float: left;
    text-align: center;
    padding-bottom: 20px;
}
#project_list ul li a {
    display: block;
}
#project_list ul li a div.box {}
#project_list ul li a div.box img {width:100%;max-width:390px;}
#project_list ul li a div.box div.text {
    font-size: 18px;
	letter-spacing: -0.05em;
    color: #000000;
    font-weight: 400;
    line-height: 2;
}
#project_list ul li a {text-decoration:none;}


@media screen and (max-width:1200px){
	#project_list h2 {font-size:40px;}
	#project_list ul li a div.box {padding:0 5px;}
	#project_list ul li a div.box div.text {font-size:18px;}
}
@media screen and (max-width:1100px){
	#project_list h2 {font-size:35px;}
	#project_list ul li a div.box div.text {font-size:16px;}
}
@media screen and (max-width:850px){
	#project_list {padding: 70px 0 40px 0;}
	#project_list h2 {font-size:30px;}
	#project_list ul li a div.box div.text {font-size:14px;}
	#project_list ul li {width:50%;}
	.visual-wrap .visual .w1200 {bottom:12% !important;}
}
@media screen and (max-width:500px){
	#project_list h2 {margin: 0 0 20px 0;}
	#project_list {padding: 50px 0 20px 0;}
	#project_list h2 {font-size:30px;}
	#project_list ul li a div.box div.text {font-size:13px;}
	#project_list a.bt_more {padding:14px;margin:20px auto;}
}
@media screen and (max-width:400px){
	#project_list {padding: 30px 0 20px 0;}
	#project_list a.bt_more {padding:10px;}
}

/* project_promise */
#project_promise {
    display: table;
    width: 100%;
    background-color:#f5f5f5;
    padding:60px 0;
    text-align: center;
}
#project_promise h2 {
    text-align: center;
    font-size: 50px;
    color: #000000;
    font-weight:bold;
    margin: 0 0 40px 0;
}
#project_promise h2 span{font-weight:bold;color:#000000;}
#project_promise a.bt_more {
    border: 3px solid #ddd;
    padding: 18px;
    display: inline-block;
    margin: 30px auto 0;
}
#project_promise ul {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: table;
    padding: 0px;
}
#project_promise ul li {
    list-style: none;
    width: 25%;
    float: left;
    text-align: center;
	border-right:1px solid #ddd;
}
#project_promise ul li a {
    display: block;
}
#project_promise ul li:last-child{border-right:none;}
#project_promise h3 { text-align: center;font-size:20px;color: #202020;font-weight:400; margin-bottom:10px;}
#project_promise p.txt{font-size:16px;letter-spacing:-0.05em;color:#555;}
#project_promise ul li a div.box {}
#project_promise ul li a div.box img {width:100%;max-width:390px;}
#project_promise ul li a div.box div.text {
    font-size: 18px;
	letter-spacing: -0.05em;
    color: #000000;
    font-weight: 400;
    line-height: 2;
}
#project_promise ul li a {text-decoration:none;}


@media screen and (max-width:1200px){
	#project_promise h2 {font-size:40px;}
	#project_promise ul li a div.box {padding:0 5px;}
	#project_promise ul li a div.box div.text {font-size:18px;}
}
@media screen and (max-width:1100px){
	#project_promise h2 {font-size:35px;}
	#project_promise ul li a div.box div.text {font-size:16px;}
}
@media screen and (max-width:850px){
	#project_promise {padding: 70px 0 40px 0;}
	#project_promise h2 {font-size:30px;}
	#project_promise ul li a div.box div.text {font-size:14px;}
	#project_promise ul li {width:50%;min-height: 230px;}
	#project_promise ul li:first-child{margin-bottom:1%;}
	#project_promise ul li:nth-child(2){margin-bottom:1%;}
	#project_promise ul li:nth-child(3){clear:both}
	.visual-wrap .visual .w1200 {bottom:12% !important;}
}
@media screen and (max-width:500px){
	#project_promise h2 {margin: 0 0 20px 0;}
	#project_promise {padding: 50px 0 20px 0;}
	#project_promise h2 {font-size:30px;}
	#project_promise ul li a div.box div.text {font-size:13px;}
	#project_promise a.bt_more {padding:14px;margin:20px auto;}
	#project_promise h3 { text-align: center;font-size:1em;color: #15288a;font-weight:400; margin-bottom:10px;font-weight:bold;}
	#project_promise p.txt {font-size:0.85em;}
	#project_promise p img {width:40%;}
}
@media screen and (max-width:400px){
	#project_promise {padding: 30px 0 20px 0;}
	#project_promise a.bt_more {padding:10px;}
	#project_promise h3 { text-align: center;font-size:1em;color: #15288a;font-weight:400; margin-bottom:10px;font-weight:bold;}
	#project_promise p.txt {font-size:0.7em;}
}

/* project_comm */
#project_comm {
    display: table;
    width: 100%;
    background-color:#fff;
    padding:60px 0 0;
    text-align: center;
}
#project_comm h2 {
    text-align: center;
    font-size: 50px;
    color: #000000;
    font-weight:bold;
    margin: 0 0 40px 0;
}
#project_comm h2 span{font-weight:bold;color:#000000;}
#project_comm a.bt_more {
    border: 1px solid #222222;
    padding: 18px;
    display: inline-block;
    margin: 30px auto;
}
#project_comm ul {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: table;
    padding: 0px;
}
#project_comm ul li {
    list-style: none;
    width: 33.333333%;
    float: left;
    text-align: center;
    padding-bottom: 20px;
}
#project_comm ul li a {
    display: block;
}
#project_comm ul li a div.box {}
#project_comm ul li a div.box img {width:100%;max-width:390px;}
#project_comm ul li a div.box div.text {
    font-size: 18px;
	letter-spacing: -0.05em;
    color: #000000;
    font-weight: 400;
    line-height: 2;
}
#project_comm ul li a {text-decoration:none;}
#project_comm .comm_box{width:1200px;margin:0 auto;position:relative;overflow:hidden;}
#project_comm .box_02 {width:595px;float:left;background:#f9f9f9;border:1px solid #ddd;padding:4% 3%;margin-right:5px;}
#project_comm .box_02 .title{margin-bottom:10px;text-align:left;font-weight:500;letter-spacing:-0.02em;font-size:20px;color:#333;}
#project_comm .box_02 .tg{border-spacing:0;width:100%;margin: 0 auto;}
#project_comm .box_02 .tr_list{background:#0c3c60;color:#fff;}
#project_comm .box_02 .tg td{font-size:15px;padding:11px 5px;overflow:hidden;word-break:normal;border-bottom: 1px dotted #ddd;letter-spacing:-0.75px;}
#project_comm .box_02 .tg th{font-size:16px;font-weight:normal;padding:10px 5px;overflow:hidden;word-break:normal;}
#project_comm .box_02 .tg .tg-0pky{text-align:center;vertical-align:top}
#project_comm .box_02 .tg .tg-0lax{text-align:left;vertical-align:top;width:50%;}
#project_comm .box_02 .tg .tg-02ax{text-align:right;vertical-align:top;width:30%;color:#999;}
#project_comm .box_02 .tg .tg-03ax{text-align:right;vertical-align:top;width:20%;}
#project_comm .box_02 .submit_01{background:#999;color:#fff;padding:2px 8px;}
#project_comm .box_02 .submit_02{background:#16288b;color:#fff;padding:2px 8px;}
#project_comm .box_02 .submit_03{background:#00ac9f;color:#fff;padding:2px 8px;}

#project_comm .sns_box {width:600px;display:inline-block;}
#project_comm .sns_box ul {position:relative;overflow:hidden;}
#project_comm .sns_box ul li{width:300px;padding:0;}
#project_comm .sns_box ul li:first-child{background:#99ca3b;padding-bottom: 7%;}
#project_comm .sns_box ul li:nth-child(2){background:#333333;padding-bottom: 7%;}
#project_comm .sns_box ul li:last-child{ width:100%;}
#project_comm .sns_box .sns_img{margin:8% 0 1% 0;}

#project_comm .sns_box ul li:first-child h3{margin:10px 0px;font-size:22px;font-weight:bold;line-height:140%;color:#ffffff;}
#project_comm .sns_box ul li:first-child h4{margin:-26px;font-size:18px;color:#ffffff;}
#project_comm .sns_box ul li:first-child .sns_button{color:#3c1d1e;font-size:14px;border:1px solid #3c1d1e;padding:5px 15px;display:inline-block;}
#project_comm .sns_box ul li:nth-child(2) h3{margin:10px 0px;font-size:22px;font-weight:bold;line-height:140%;color:#fff;}
#project_comm .sns_box ul li:nth-child(2) h4{margin:-26px;font-size:18px;color:#fff;}
#project_comm .sns_box ul li:nth-child(2) .sns_button{color:#fff;font-size:14px;border:1px solid #fff;padding:5px 15px;display:inline-block;}
#project_comm .sns_box ul li:nth-child(3) h3{margin:10px 0px;font-size:22px;font-weight:bold;line-height:140%;color:#ffffff;}
#project_comm .sns_box ul li:nth-child(3) h4{margin:-26px;font-size:18px;color:#ffffff;}
#project_comm .sns_box ul li:nth-child(3) .sns_img{margin-top:8%;}
#project_comm .sns_box ul li:last-child h3{margin:10px 0px;font-size:22px;font-weight:bold;line-height:140%;color:#3c1d1e;}
#project_comm .sns_box ul li:last-child h4{margin:-26px;font-size:18px;color:#3c1d1e;}
#project_comm .sns_box ul li:last-child .sns_img{margin-top:0%;}

@media screen and (max-width:1200px){
	#project_comm h2 {font-size:40px;}
	#project_comm ul li a div.box {padding:0 5px;}
	#project_comm ul li a div.box div.text {font-size:18px;}
	#project_comm .comm_box{width:100% !important;margin:0 auto;position:relative;overflow:hidden;}
	#project_comm .box_02 {width:98%;float:none;margin:0 auto;background:#f9f9f9;border:1px solid #ddd;padding:4% 3%;}
	#project_comm .sns_box {width:100% !important;display:inline-block;}
	#project_comm ul {width:98%;margin:2% auto; display: table; padding: 0px;}
	#project_comm .sns_box ul li {width:50%;padding: 0;}
	#project_comm .sns_box ul li:last-child img{width:100%;}
}
@media screen and (max-width:1100px){
	#project_comm h2 {font-size:35px;}
	#project_comm ul li a div.box div.text {font-size:16px;}
}
@media screen and (max-width:850px){
	#project_comm {padding: 70px 0 40px 0;}
	#project_comm h2 {font-size:30px;}
	#project_comm ul li a div.box div.text {font-size:14px;}
	#project_comm ul li {width:50%;}
	.visual-wrap .visual .w1200 {bottom:12% !important;}
	#project_comm .sns_box ul li:nth-child(3) h3{margin:10px 0px;font-size:18px;font-weight:bold;color:#16288b;}
}
@media screen and (max-width:500px){
	#project_comm h2 {margin: 0 0 20px 0;}
	#project_comm {padding: 50px 0 20px 0;}
	#project_comm h2 {font-size:20px;}
	#project_comm ul li a div.box div.text {font-size:13px;}
	#project_comm a.bt_more {padding:14px;margin:20px auto;}
	#project_comm .box_02 .tg td{font-size:0.85em;padding:11px 5px;overflow:hidden;word-break:normal;border-bottom: 1px dotted #ddd;letter-spacing:-0.75px;}
	#project_comm .box_02 .tg th{font-size:1em;font-weight:normal;padding:10px 5px;overflow:hidden;word-break:normal;}
	#project_comm .sns_box ul li {width:50%;height: 200px;padding: 0;}
}
@media screen and (max-width:400px){
	#project_comm {padding: 30px 0 20px 0;}
	#project_comm a.bt_more {padding:10px;}
	#project_comm .box_02 .tg td{font-size:0.85em;padding:11px 5px;overflow:hidden;word-break:normal;border-bottom: 1px dotted #ddd;letter-spacing:-0.75px;}
	#project_comm .box_02 .tg th{font-size:1em;font-weight:normal;padding:10px 5px;overflow:hidden;word-break:normal;}
	#project_comm .box_02 .tg .tg-0lax{text-align:left;vertical-align:top;width:50%;}
	#project_comm .box_02 .tg .tg-02ax{text-align:right;vertical-align:top;width:25%;color:#999;}
	#project_comm .box_02 .tg .tg-03ax{text-align:right;vertical-align:top;width:30%;}
	#project_comm .sns_box ul li {width:50%;height:auto;padding: 0;}
	#project_comm .sns_box ul li:last-child{height:auto;}
	#project_comm .sns_box .sns_img img{width:30%;}
	#project_comm .sns_box ul li:first-child{background:#99ca3b;padding-bottom: 15%;}
	#project_comm .sns_box ul li:nth-child(2){background:#333333;padding-bottom: 16%;}
}	

/* project_board */
#project_board {
    display: table;
    width: 100%;
    background-color:#fff;
    padding-bottom:60px;
    text-align: center;
}
#project_board h2 span{font-weight:bold;}
#project_board a.bt_more {
    display: inline-block;
}
#project_board ul {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: table;
    padding: 0px;
}
#project_board ul li {
    list-style: none;
    width:100%;
    text-align: center;
    padding:25px 0 10px;
	border-bottom:1px solid #ddd;
	position: relative;
    overflow: hidden;
}
#project_board ul li a {
    display: block;
}
#project_board ul li a div.box {}
#project_board ul li a div.box img {width:100%;max-width:390px;}
#project_board ul li a div.box div.text {
    font-size: 18px;
	letter-spacing: -0.05em;
    color: #000000;
    font-weight: 400;
    line-height: 2;
}
#project_board a{text-decoration:none;}
#project_board p.date{float:left;display:inline-block;color:#aaa;font-size:20px;text-align:center;line-height:130%;font-weight:300;margin-right:20px;}
#project_board p.date span{font-size:40px;font-weight:bold;}
#project_board div.tit{text-align: left;float:left;display:inline-block;position: relative; overflow: hidden; display: block;padding:5px 0px;}
#project_board h3 {font-size: 20px;color: #111;font-weight:400;margin:0;padding-bottom: 10px;}
#project_board h3 span{font-size:14px;border:1px solid #00ac9f;color:#00ac9f;padding:3px 20px;}
#project_board p.txt {color:#555;font-weight:400;font-size:16px;}

#project_board p.button{float:right;margin-top: 10px;}

@media screen and (max-width:1200px){
	#project_board h2 {font-size:40px;}
	#project_board ul li a div.box {padding:0 5px;}
	#project_board ul li a div.box div.text {font-size:18px;}
	#project_board ul {width: 98% !important;  margin: 0 auto; display: table; padding: 0px;}
}
@media screen and (max-width:1100px){
	#project_board h2 {font-size:35px;}
	#project_board ul li a div.box div.text {font-size:16px;}
}
@media screen and (max-width:850px){
	#project_board {padding:0px 0 40px 0;}
	#project_board h2 {font-size:30px;}
	#project_board ul li a div.box div.text {font-size:14px;}
	#project_board ul li {width:100%;}
	.visual-wrap .visual .w1200 {bottom: 35% !important;}
}
@media screen and (max-width:500px){
	#project_board h2 {margin: 0 0 20px 0;}
	#project_board h2 {font-size:20px;}
	#project_board ul li a div.box div.text {font-size:13px;}
	#project_board a.bt_more {padding:0;margin:0px auto;}
	#project_board h3 {font-size:1em;}
	#project_board p.date span{font-size:2em;}
	#project_board p.date {font-size:1em;}
	#project_board p.txt {display:none;}
	#project_board ul li {padding:10px 0;}
	#project_board p.button img{width:70%;}
	#project_board div.tit{padding:13px 0px;}
	#project_board {display:none;}
}
@media screen and (max-width:400px){
	#project_board {padding: 30px 0 20px 0;}
	#project_board a.bt_more {padding:10px;}
}


/* 서브페이지*/
.sub_visual {display: table;width: 100%;height: 217px;font-size:17px;color: #c6c6c6;text-align: center;padding-top: 60px;}
.sub_visual h2 {
    font-size: 45px;
    color: #ffffff;
    letter-spacing: normal;
	font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif' !important; 
	margin-top:15px;
	font-weight:600;
}
.sub_visual.sub_visual_img,
.sub_visual.sub_visual_img1 {
    background: url(../img/sub/sub_visual01.jpg) top center no-repeat;
    background-size: cover;
    letter-spacing: 2px;
}
.sub_visual.sub_visual_img2 {
    background: url(../img/sub/sub_visual02.jpg) top center no-repeat;
    background-size: cover;
    letter-spacing: 2px;
}
.sub_visual.sub_visual_img3 {
    background: url(../img/sub/sub_visual03.jpg) top center no-repeat;
    background-size: cover;
    letter-spacing: 2px;
}
.sub_visual.sub_visual_img4 {
    background: url(../img/sub/sub_visual04.jpg) top center no-repeat;
    background-size: cover;
    letter-spacing: 2px;
}
.sub_visual.sub_visual_img5 {
    background: url(../img/sub/sub_visual05.jpg) top center no-repeat;
    background-size: cover;
    letter-spacing: 2px;
}

.sub_menutab {
    display: table;
    width: 100%;
    height: 60px;
    background: #ffffff;
    border-bottom: 1px solid #dddddd;
}
.sub_menutab ul.menutab {
    display: table;
    padding: 0px;
    margin: 0 auto;
}
.sub_menutab ul li {
    float: left;
    list-style: none;
    font-size: 20px;
    font-weight: 400;
    display: table-cell;
    width: 185px;
	border-bottom: 3px solid #fff;
}
.sub_menutab ul li a{
	display:block;
	font-size:17px;
	color:#000000;
	text-align: center;
	line-height: 56px;
	text-decoration: none;
}
.sub_menutab ul li.on {
    border-bottom: 3px solid #99ca3b;
}



.content_wrap {
    width: 100%;
    min-height: 800px;
    margin: 40px 0;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.center_wrap{
	width:1200px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.wide_wrap{
	width:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	background:#f5f5f5;
}

.wide_wrap_blue{
	width:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	background:#f8fcef;
}

.wide2_wrap{
	width:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	background:#f5f5f5;
}

.content_wrap h2.content_title {
    font-size: 45px;
	font-weight:bold;
    text-align: center;
    margin: 3% 0 2% 0;
	color:#111111;
}

@media screen and (max-width:1200px){
	.content_wrap {*padding-left:15px; *padding-right:15px;min-height:600px;}

	.sub_visual {height:200px;}
	.sub_visual {font-size:18px;padding-top: 50px;}
	.sub_visual h2 {font-size:40px;}

	.sub_menutab {height:50px;}
	.sub_menutab ul li a {line-height:50px; font-size:18px;}

	.map_lo {width:100% !important;}
	.even_wrap .map_lo{float:none !important;margin-right:0 !important;}
}
@media screen and (max-width:1000px){
	.sub_menutab {width:100%;}
	.sub_menutab ul {width:100%;}
	.sub_menutab1 ul li {width:100%}
	.sub_menutab2 ul li {width:50%}
	.sub_menutab3 ul li {width:33.333333%}
	.sub_menutab4 ul li {width:25%}
	.sub_menutab0 ul li {width:33.333333%}
	.content_wrap h2.content_title {font-size:30px;}
}
@media screen and (max-width:850px){
	.sub_visual {height:150px;}
	.sub_visual {font-size:16px;padding-top: 40px;}
	.sub_visual h2 {font-size:30px;margin-top:10px;}

	.sub_menutab {height:40px;}
	.sub_menutab ul li a {line-height:40px; font-size:16px;}

	.content_wrap h2.content_title {font-size:25px;}

}
@media screen and (max-width:767px){
	.sub_visual {height:200px; padding-top:100px; font-size:1em;}
	.sub_visual h2 {font-size:1.8em; margin-top:0.3%;}
	.content_wrap h2.content_title{margin-top:10%;}
	.even_wrap .explain{font-size:1.1em !important;color:#bbb;}
	.even_wrap .tit_pc{display:none !important;font-size:1.5em !important;}
	.even_wrap .tit_mo{display:block !important;font-size:1.5em !important;}
	.even_wrap .even_btxt {text-align: center;letter-spacing: -0.05em;margin:2% 0;}
	.even_wrap .line {width: 35px !important;}
	.even_wrap .even_btxt_mo{display:block !important;text-align:center;letter-spacing:-0.05em;margin-top:3%;}
	.even_wrap .even_btxt_pc{display:none !important;}
	.designbox_wrap h3.btitle span{margin-bottom:2% !important;}
	.designbox_wrap h3.btitle span:after { width: 35px !important;margin-left: -15.5px !important;}
	.even_wrap .map_area {margin-bottom:5%;font-size:1em !important;}
	.even_wrap .map_area h3{font-size:1em !important;}
	.even_wrap .youtube li{width:100% !important;margin-top:0.5% !important;}
	#st-gal .thumbnail .caption a{font-size:1.1em !important;}
	#btn_submit {margin-bottom:10%;}
	.table-hover{font-size:0.8em !important;}
	.table tr td{font-size:0.9em !important;}
	.form-inline{width:90%;margin:0 auto;}
	#st-basic .table td.sbj .desc{display:none !important;}
	#st-basic .info{font-size:0.8em !important;}
	#st-body .actions .btn{font-size:0.8em !important;}
	.even_wrap .even_pr{font-size:0.8em;}
	.even_wrap .cntPrivacy02{font-size:0.8em !important;}
	.cntPrivacy02 dd {padding:2% 0 0% !important;}
	.even_wrap .even_title {font-size:1.5em !important;}
	.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { font-size: 20px !important;}
	.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { font-size: 20px !important;}
	#st-body .footer .copyright .links a {font-size:0.9em !important;}
	#main_part ul li div.main_part_box div.txt_wrap h3{padding-bottom:2%;}
	#main_part ul li div.main_part_box div.txt_wrap{font-size:0.65em !important;letter-spacing:-0.05em;}
	.img_pc{display:none !important;}
	.img_mo{display:block !important;}

	#st-body .navbar {width:100%; border-color:unset !important; position:fixed !important;z-index:999999;border:0px;}
	#st-body .navbar .navbar-toggle {border-color:unset !important; border:0px !important;}
	#st-body .navbar .navbar-toggle:hover,#st-body .navbar .navbar-toggle:focus { background-color: unset !important;}
	#st-body .navbar .navbar-toggle .icon-bar {background-color:#ffffff;}
	.mo_map_img {position:relative;overflow:hidden;}
	.mo_map_img div{width:49%;float:left;margin-right:1%;margin-top:1%;}
	.mo_map_img img{width:100%;}
}
@media screen and (max-width:500px){
	.sub_menutab ul li a {font-size:0.6em;}

	.content_wrap h2.content_title {font-size:22px;}
	.sub_menutab ul li {float: left;list-style: none;font-size:1.2em;font-weight: 400; display: table-cell; width:33.3%;}
	#daumRoughmapContainer1680594073355 {height:300px !important;}
	.add_title .title {width:20%;padding: 20px 0px !important;text-align:center;font-size:0.8em;}
	.add_title .txt{width:80%;font-size:0.85em;}
	.st-write-ul .map_area{display:none;}
	.category_tab ul li {width: 33.3% !important;display: inline-block !important;}
	.category_tab ul li a{font-size: 0.75em !important;}
}


.btn-info {
	background-color: #3b3b3b !important;
	border-color: #282828 !important;
}
#st-basic .table th {
	border-top: 2px solid #3754b0 !important;
	color:#111111 !important;
	font-weight:400 !important;
}
#st-basic .table th,
#st-basic .table th a,
#st-basic .table td,
#st-basic .table td a{color:#111111 !important;}




.menu_bg{width: 100%; height: 2000px; position: fixed; top:0px; right:0px; overflow: hidden; display: none;  z-index: 100;}
.menu_bg .menu{position:absolute;padding-top: 3.1em;top:0px;right:0px;width:260px;height: 100%;background-color:#3854af;text-align:left;color: #fff;box-shadow:0 0 70px rgba(0,0,0,0.6);}
.menu_bg .btn_menuhide{position:absolute;right:0;top: 0;background:none;border:none;padding:0.4em 0.85em;color: #fff;font-weight:600;font-size: 1.4em;cursor: pointer;background: #222;}
.menu_bg .menu .menu_cate h2{padding: 1.2em 0.8em;font-size: 1em;font-weight:400;border-bottom:1px solid #223eb3;cursor: pointer;background:url(../image/icon_plus.png) no-repeat 90% 50%;margin:0;}
.menu_bg .menu .menu_cate h2:hover{background:url(../image/icon_plus.png) no-repeat #99ca3b 90% 50%;}
.menu_bg .menu .menu_cate ul {    padding: 0px 0 0;margin-bottom: 0;}
.menu_bg .menu .menu_cate ul li{background:#fff;border-bottom:1px solid #eee;list-style: none;}
.menu_bg .menu .menu_cate ul li:hover{background:#f5f5f5;}
.menu_bg .menu .menu_cate ul li a{display: block;padding:1.2em 0.8em;color:#666;font-size: 0.8em;font-weight:400;}

@font-face { 
font-family: 'Noto Sans KR';
font-style: normal; 
font-weight: 100; 
src: url(../fonts/NotoSansKR-Thin.woff2) format('woff2'), 
	 url(../fonts/NotoSansKR-Thin.woff) format('woff'), 
	 url(../fonts/NotoSansKR-Thin.eot) format('eot'); 
}

@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; font-weight: 300; 
src: url(../fonts/NotoSansKR-Light.woff2) format('woff2'), 
	 url(../fonts/NotoSansKR-Light.woff) format('woff'), 
	 url(../fonts/NotoSansKR-Light.eot) format('eot'); 
} 
	 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; font-weight: 400; 
src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'), 
	 url(../fonts/NotoSansKR-Regular.woff) format('woff'), 
	 url(../fonts/NotoSansKR-Regular.eot) format('eot');
}
	 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 500; 
src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'), 
	 url(../fonts/NotoSansKR-Medium.woff) format('woff'), 
	 url(../fonts/NotoSansKR-Medium.eot) format('eot'); 
} 
	 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 700; 
src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'), 
	 url(../fonts/NotoSansKR-Bold.woff) format('woff'), 
	 url(../fonts/NotoSansKR-Bold.eot) format('eot');
}

@font-face {
font-family: 'Noto Sans KR';
font-style: normal; 
font-weight: 900; 
src: url(../fonts/NotoSansKR-Black.woff2) format('woff2'), 
	 url(../fonts/NotoSansKR-Black.woff) format('woff'), 
	 url(../fonts/NotoSansKR-Black.eot) format('eot'); 
}