/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:none; }
.sub_tab						{display:none;}

/* left menu 있을때... */
/*
.sub_left								{width:15%; max-width:200px; float:left;}
.sub_right						{width:82%; padding-right:1%; float:right; position:relative;}
*/

.sub_right						{width:100%; position:relative;}

@media(max-width:1280px){
.sub_title_navi	{padding: 0 3%;}

}
@media(max-width:768px){

}


.content_desc				{min-height:500px;}
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
/**/
.header_t			{width:100%; position:fixed; left:0; top:0px; z-index:99; background:rgba(255,255,255,0.5); padding: 0 3%; transition:all 0.5s;}
.header_t .top {padding: 20px 0; border-bottom: 1px solid #ddd;}
.header_t .top ul {display: flex; justify-content:flex-end;}
.header_t .top ul li {margin-left: 20px;}
.header_t .top ul li a {display: block; font-size: 15px;}
.header_t .bottom { display: flex; justify-content:space-between; align-items:center; padding: 20px 0;}
.header_t .bottom .header_right {display: flex; align-items:center;}
.header_t .bottom .header_right ul {display: flex;}
.header_t .bottom .header_right ul li {margin-left: 25px;}
.header_t .bottom .header_right ul li a {display: block; font-size: 18px;}
.header_t .bottom .header_right .search_in { margin-left: 45px; border:1px solid #eee; padding: 10px; width: 200px;}
.header_t .bottom .header_right .search_in input {background: none; font-size: 15px; width: 85%;}
.header_t .bottom .header_right .search_in .btn_submit {background: none; padding: 0;}
.header_t .bottom .header_right .search_in img {max-width: 16px; width: 100%;}
.header_t .bottom .header_right .search_in img.white {display: block;}
.header_t .bottom .header_right .search_in img.black {display: none;}

.header_logo					{width:175px;}
.header_gnb_bg				{height: 100%;}
.header_logo img			{width:100%; max-width:175px; display: block; margin: 0 auto;}

.f-nav {background:rgba(255,255,255,0.8); transition:all 0.5s; box-shadow:2px 2px 15px rgba(0,0,0,0.1)}
.f-nav .top {padding: 10px 0;}
.f-nav .bottom .header_right .search_in {border:1px solid #212121;}
.f-nav .bottom .header_right .search_in img.white {display: none;}
.f-nav .bottom .header_right .search_in img.black {display: block;}


/* 햄벅 */
.mo_nav				{display:none; }
.mo_nav *{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
.mo_nav .navbar-toggle {position: relative; padding:0; background-color:transparent; background-image:none; border-radius:3px; border:0;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {background:#181818; display:block; width:28px; height:2px; border-radius:5px;}
.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:6px; height:2px; width:24px; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{margin-top:6px; width:32px; height:2px; }

.mo_nav:hover .navbar-toggle .icon-bar								{transform:translateX(5px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar		{transform:translateX(16px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar + .icon-bar		{transform:translateX(3px);}

@media(max-width:1280px){
.header_t .bottom .header_right ul li {margin-left: 15px;}
.header_t .bottom .header_right ul li a {font-size: 16px;}
.header_t .bottom .header_right .search_in {margin-left: 25px; width: 170px;}
.header_t .bottom .header_right .search_in input {font-size: 14px;}

}

@media(max-width:1080px){
.mo_nav							{display:block; max-width:50px;}
.header_gnb_bg			{display:none;}
.header_t .bottom .header_right {display: none;}
.header_t .top {display: none;}
}

@media(max-width:768px){
.header_logo				{width:30%; }
}


/************************* header_inc 끝*************************/

/**/

/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:#fff; height:50px; border-bottom:1px solid #ddd;}
.navi_in	{margin:0 auto; padding:0;max-width:1280px; margin:0 auto;}
.navi_in:after		{clear:both; content:''; display:block; width:100%;}

.home_btn_all						{float:left; width:10%; max-width:50px; background: #e62524;}
.home_btn_all a					{display:block; height:49px; line-height:50px; text-align:center;}
.home_btn_all a:hover		{background:#f8f8f8; }
.home_btn_all a img			{max-width:100%; height:auto; vertical-align:middle;}

.navi_left					{float:left; width:90%; max-width:550px;}
.navi_left:after		{clear:both; content:''; display:block; width:100%;}
.navi_left div			{float:left;}

.navi_main		{width:50%; max-width:250px; padding:0 0 0 0; height:50px; position:relative; line-height:50px;  cursor:pointer; border-right:1px solid #efefef;}
.navi_title01	{padding:0 0 0 0; height:40px; width:100%; position:relative; line-height:50px; }
.navi_title01 h1 {color:#777; font-size:14px; margin-left:10px; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#333; }

.navi_main h1 { color:#777; font-size:14px; margin-left:10px;}
.navi_main h1.sub_manu:hover { color:#333; }
.navi_main > .deco_right { float:right;  }

.navi_main >a.down_btn1	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn2	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn3	{position:absolute; right:10px; top:0px;}

.h1_focus	{color:#333 !important;;}

.navi_sub {width:50%; max-width:250px; padding:0; height:50px; line-height:50px; position:relative; cursor:pointer; border-right:1px solid #efefef;}
.navi_sub > h2						{ color:#333333; font-size:14px;  cursor:pointer; margin-left:10px;}
.navi_sub>a.down_btn4	{position:absolute; right:10px; top:0px; }

.navi_sub > p						{float:right; }

.extend1							{position:relative; top:-1px; width:100%; }
.extend1 > ul				{position:absolute;left:-1px; min-height:1px;width:101%;padding-left: 0px; padding:0px 0 10px 0; border-top:0;z-index: 999; background:#fff; border:1px solid #efefef; display:none;}
.extend1 > ul a { text-decoration:none; }


.extend2							{position:relative; top:-1px; width:100%;}
.extend2 > ul				{position: absolute;left:-1px; min-height:1px; width:251px; padding-left:0px; z-index: 999; background:#fff; border:1px solid #efefef; display:none; padding:0px 0 10px 0; }
.extend2 > ul a { text-decoration:none; }
.extend2 h1 { }

@media(max-width: 1280px){

}
/*
position:absolute; left:-20px; min-height:1px; width:256px; padding-left:20px;  border-top:1px solid #efefef; z-index:999; background:#ddd; 
*/

.extend > ul > li		{min-height:20px;}
.down_btn			{cursor:pointer; }

/************************* title_navi 끝 *************************/


/************************* footer_inc 시작 *************************/


.footer_t								{ padding:30px 3%; line-height:150%; font-size:16px; background: #2d2d2d;}
.footer_t .footer_txt a {color: #777;}
.footer_t ul {padding-bottom: 25px; display: flex;}
.footer_t ul li a {display: block; margin-right: 20px; color: #777;}
.footer_txt							{border-top: 1px solid #777; padding: 25px 0 0;}
.footer_txt p							{margin-bottom:10px; color: #777;}
.footer_txt p:last-child {margin-top: 30px;}
.footer_txt p span				{display:inline-block; margin:0 10px;}

@media(max-width:1080px){
.footer_t								{ padding:25px 3%; font-size: 14px;}
.footer_t ul {padding-bottom: 15px;}
.footer_txt {padding: 15px 0 0;}
.footer_txt p:last-child {margin-top: 20px;}
}

@media(max-width:768px){
.footer_t {font-size: 13px;}
.footer_t br {display: none;}
}

/************************* footer_inc 끝 *************************/

/************************* ui.totop 시작 *************************/
#toTop {
	display:none !important;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("./img/ui.totop6.png") no-repeat left top;
}

#toTopHover {
	background:url("./img/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/************************* ui.totop 끝 *************************/

.inner {max-width: 1200px; width: 100%; margin: 0 auto;}
span.bold {font-weight: 500;}
.up {overflow: hidden;}
h1.big_tit {font-size: 34px; font-weight: 500; text-align: center;}
h2.small_tit {font-size: 26px; font-weight: 500;}
span.red {color: #e62524;}
.s_wrap p{font-weight: 400; line-height: 1.4; font-size: 18px;}
.s_wrap p:not(:last-child) {margin-bottom: 20px;}
.main_wrap {overflow: hidden;}

@media(max-width:1280px){
.inner {padding: 0 3%;}
h1.big_tit {font-size: 28px;}
h2.small_tit {font-size: 20px;}
.s_wrap p {font-size: 16px;}
.s_wrap p:not(:last-child) {margin-bottom: 3%;}
}

@media(max-width:1080px){

}

@media(max-width:768px){
h1.big_tit {font-size: 20px;}
h2.small_tit {font-size: 16px;}
.s_wrap p {font-size: 14px;}
}
/************************* main_inc 시작*************************/
.main_visual										{position:relative; margin:0 auto; height: 830px; display: block;}
.main_visual_mo										{position:relative; margin:0 auto; width: 100%;  height:130vw; display: none;}
/*.main_visual .txt {padding-top: 320px; text-align: center; color: #fff; text-shadow:2px 2px 5px rgba(0,0,0,0.2)}*/
/*.main_visual .txt p {font-size: 24px; font-weight: 300;}*/
/*.main_visual .txt h1 {font-size: 60px; margin: 20px 0 50px; display: inline-block;}*/
/*.main_visual .txt span.red {font-size: 80px; color: #ee2e24; line-height: 0.7;}*/
/*.main_visual .txt .more a {display: inline-block; color: #fff; font-size: 16px; padding: 12px 35px; border:1px solid #fff; transition:all 0.3s}*/
/*.main_visual .txt .more a:hover {background: #005952; border:1px solid #005952; transition:all 0.3s}*/





@media(max-width:1280px){
/*.main_visual .txt p {font-size: 20px;}*/
/*.main_visual .txt h1 {font-size: 50px; margin: 20px 0 50px;}*/
}

@media(max-width:1080px){
.main_visual {height: 730px;}
/*.main_visual .txt {padding-top: 280px;}*/
}

@media(max-width:768px){
.main_visual {display: none;}
.main_visual_mo {display: block;}
/*.main_visual .txt {padding-top: 180px;}*/
/*.main_visual .txt p {font-size: 3.2vw;}*/
/*.main_visual .txt h1 {font-size: 5.5vw; margin: 10px 0 30px;}*/
/*.main_visual .txt span.red {font-size: 40px;}*/
/*.main_visual .txt .more a {font-size: 13px; padding: 10px 25px;}*/
/*.main_visual .txt .more a:hover {background: none; border:1px solid #fff;}*/
}

.main_wrap h1.big_tit {margin-bottom: 80px;}
.main_wrap p {font-weight: 400; font-size: 18px; line-height: 1.4;}

.main_wrap .section01 {width: 100%; padding: 100px 0 0 0; background: #f5f5f5;}
.main_wrap .section01 .small_tit {margin-bottom: 40px;}
.main_wrap .section01 .small_tit i {color: #005952; margin-right: 8px;}
.main_wrap .section01 h3 {font-size: 20px; font-weight: 400; margin-bottom: 0px;}
.main_wrap .section01 .cont ul {display: flex; flex-flow:row wrap;}
.main_wrap .section01 .cont ul li {margin-right: 1.7%; width: 32%; margin-bottom: 15px;}
.main_wrap .section01 .cont ul li:nth-child(8n) {margin-right: 0;}
.main_wrap .section01 .cont ul li a {background: #fff; display: block; font-size: 16px; padding: 0px 0; text-align: center; transition: all 0.3s}
.main_wrap .section01 .cont ul li a:hover {color: #fff; background: #005952; transition: all 0.3s}
.main_wrap .section01 .cont .store01 {margin-right: 20px;}
.main_wrap .section01 .cont .store02 {margin-top: 0px;}
.main_wrap .section01 .cont .box_area {display: flex; margin-bottom: 100px; justify-content: space-around;}
.main_wrap .section01 .cont .pc {width: 100%; height: auto;}
.main_wrap .section01 .cont .mo {display: none; width: 100%; height: auto;}
.main_wrap .section01 .cont .text_box {text-align: center; margin-top: 40px;}



@media(max-width:1280px){
.main_wrap h1.big_tit {margin-bottom: 60px;}
.main_wrap .section01 {padding: 80px 0 0 0;}
.main_wrap p {font-size: 16px;}
.main_wrap .section01 h3 {font-size: 18px;}
}

@media(max-width:1080px){
.main_wrap .section01 .cont ul li {width: 32%;}
.main_wrap .section01 .cont ul li:nth-child(8n) {margin-right: 0%;}
.main_wrap .section01 .cont ul li:nth-child(3n) {margin-right: 0%;}
.main_wrap .section01 .cont ul li a {font-size: 14px;}
}

@media(max-width:768px){
.main_wrap h1.big_tit {margin-bottom: 40px;}
.main_wrap p {font-size: 14px;}
.main_wrap .section01 {padding: 50px 0 0 0;}
.main_wrap .section01 .small_tit {margin-bottom: 20px;}
.main_wrap .section01 h3 {font-size: 16px; margin-bottom: 15px;}
.main_wrap .section01 .cont ul li a {font-size: 12px;}
.main_wrap .section01 .cont .store02 {margin-top: 15px;}
.main_wrap .section01 .cont .box2 {margin-top: 0px;}
.main_wrap .section01 .cont .text_box {text-align:left; margin: 40px 30px 0px 30px;}
}

@media(max-width:600px){
	.main_wrap .section01 .cont .mo {display: block;}
	.main_wrap .section01 .cont .pc {display: none;}
	}

@media(max-width:500px){
.main_wrap .section01 .cont ul li {width: 48%;}
.main_wrap .section01 .cont ul li a {font-size: 2.8vw;}
}


.main_wrap .section02 {width: 100%; padding: 100px 0; background: url('./img/main_bg1.jpg') no-repeat center top; background-size: cover; }
.main_wrap .section02 .cont {display: flex; justify-content:space-between; align-items:center; flex-flow:row wrap;}
.main_wrap .section02 .cont .txt {width: 45%; color: #fff;}
.main_wrap .section02 .cont .txt h1 {font-weight: 300; font-size: 40px; margin-bottom: 20px;}
.main_wrap .section02 .cont .txt h1 p {font-weight: 300; font-size: 20px;}
.main_wrap .section02 .cont .seo {width: 55%; background: rgba(0,0,0,0.6); padding: 50px 30px; color: #fff;}
.main_wrap .section02 .cont .seo h2 {font-size: 24px; margin-bottom: 15px; text-align: center;}
.main_wrap .section02 .cont .seo h3 {font-size: 18px; font-weight: 400; margin: 10px 0 0px;}
.main_wrap .section02 .cont .seo p {font-size: 16px;}
.main_wrap .section02 .cont .seo img {display: block; max-width: 580px; width: 100%;}

@media(max-width:1280px){
.main_wrap .section02 {padding: 80px 0;}
.main_wrap .section02 .cont .txt h1 {font-size: 30px; margin-bottom: 20px;}
.main_wrap .section02 .cont .txt h1 p {font-size: 18px;}
.main_wrap .section02 .cont .seo {padding: 40px 20px;}
.main_wrap .section02 .cont .seo h2 {font-size: 20px; margin-bottom: 15px;}
.main_wrap .section02 .cont .seo h3 {font-size: 16px; margin: 10px 0 15px;}
.main_wrap .section02 .cont .seo p {font-size: 14px;}
}

@media(max-width:1080px){

}

@media(max-width:768px){
.main_wrap .section02 {padding: 50px 0; background-attachment: initial; background-size: cover;}
.main_wrap .section02 .cont .txt {width: 100%; margin-bottom: 20px;}
.main_wrap .section02 .cont .seo {width: 100%;}
.main_wrap .section02 .cont .txt h1 {font-size: 20px; margin-bottom: 10px;}
.main_wrap .section02 .cont .txt h1 p {font-size: 16px;}
.main_wrap .section02 .cont .seo {padding: 30px 15px;}
.main_wrap .section02 .cont .seo h2 {font-size: 16px;}
.main_wrap .section02 .cont .seo h3 {font-size: 14px;}
.main_wrap .section02 .cont .seo p {font-size: 13px;}
}

.main_wrap .section03 {width: 100%; padding: 100px 0; background: url('./img/main_bg2.jpg') no-repeat center;  background-size: cover; }
.main_wrap .section03 ul {display: flex; flex-flow:row wrap;}
.main_wrap .section03 ul li {width: 31.5%; margin-right: 2.5%; margin-bottom: 100px;}
.main_wrap .section03 ul li:nth-child(3n) {margin-right: 0;}
.main_wrap .section03 ul li a { display: block;}
.main_wrap .section03 ul li a .img {overflow: hidden; box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
.main_wrap .section03 ul li a img {max-width: 600px; width: 100%; display: block; transition: all 0.3s;}
.main_wrap .section03 ul li a:hover .img img {transform: scale(1.1); transition: all 0.3s;}
.main_wrap .section03 ul li a p {margin: 0px; width: 100%; text-align: left; padding: 15px;}
.main_wrap .section03 ul li a p::before {display: block; content: ''; background: url('./img/pro_deco.png') no-repeat left; width: 64px; height: 20px;}

@media(max-width:1280px){
.main_wrap .section03 {padding: 80px 0; }
.main_wrap .section03 ul li a p::before {background-size: 80%;}
}

@media(max-width:1080px){
.main_wrap .section03 ul li a p {width: 90%;}
}

@media(max-width:768px){
.main_wrap .section03 {padding: 50px 0; }
.main_wrap .section03 ul {justify-content:space-between;}
.main_wrap .section03 ul li {width: 47.5%; margin-right: 0; margin-bottom: 50px;}
.main_wrap .section03 ul li a:hover .img img {transform: none;}
}

.main_wrap .section04 .txt h1.big_tit {margin-bottom: 30px; text-align: left;}
.main_wrap .section04 .txt p {font-size: 22px; color: #494949;}
.main_wrap .section04 {background: #f3f2f1; padding: 100px 0;}
.main_wrap .section04 .cont {display: flex; justify-content:space-between; align-items:center; flex-flow:row wrap;}
.main_wrap .section04 .txt {width: 40%; }
.main_wrap .section04 .video {position: relative; max-height: 400px; width: 60%; overflow: hidden;}
.main_wrap .section04 .video #bg_youtube {position: absolute; height: 100%; top: 0; left: 0; right: 0; width: 100%;}
.inline-YTPlayer {height: 100% !important;}

@media(max-width:1280px){
.main_wrap .section04 {padding: 80px 0;}
.main_wrap .section04 .txt p {font-size: 18px; }
}

@media(max-width:1080px){

}

@media(max-width:768px){
.main_wrap .section04 {padding: 50px 0;}
.main_wrap .section04 .txt {width: 100%; margin-bottom: 20px;}
.main_wrap .section04 .video {width: 100%; height: 51vw;}
.main_wrap .section04 .txt h1.big_tit {margin-bottom: 15px;}
.main_wrap .section04 .txt p {font-size: 15px; }
}

.main_wrap .section05 {margin: 100px 0;}
.main_wrap .section05 .wide_cont { width: 100%; padding: 0 4%;}
.main_wrap .section05 .wide_cont ul {display: flex; justify-content:space-between; flex-flow:row wrap;}
.main_wrap .section05 .wide_cont ul li {width: 49%;}
.main_wrap .section05 .wide_cont ul li:first-child {background: url('./img/main_bg4.jpg') no-repeat center ; background-size: cover;}
.main_wrap .section05 .wide_cont ul li:nth-child(2){background: url('./img/main_bg5.jpg') no-repeat center; background-size: cover;}
.main_wrap .section05 .wide_cont ul li:last-child {background: url('./img/main_bg5.jpg') no-repeat center; background-size: cover;}
.main_wrap .section05 .wide_cont ul li a {display: flex; flex-flow: column; justify-content: center; text-align: center; width: 100%; height: 715px; position: relative;}
.main_wrap .section05 .wide_cont ul li a::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0;  background: rgba(0,0,0,0); transition:all 0.5s}
.main_wrap .section05 .wide_cont ul li a:hover::before {background: rgba(0,0,0,0.8); transition:all 0.5s; height: 100%;}
.main_wrap .section05 .wide_cont ul li a h2 {color: #fff; font-size: 30px; font-weight: 500; position: relative; margin-bottom: 50px; text-shadow:2px 2px 3px rgba(0,0,0,0.3)}
.main_wrap .section05 .wide_cont ul li a .more p {color: #fff; border:1px solid #fff; padding: 12px 30px; position: relative; display: inline-block; transition: all 0.5s}
.main_wrap .section05 .wide_cont ul li a:hover .more p {background: rgba(0,0,0,0.6); transition: all 0.5s}

@media(max-width:1280px){
.main_wrap .section05 {margin: 80px 0;}
.main_wrap .section05 .wide_cont ul li a {height: 40vw;}
.main_wrap .section05 .wide_cont ul li a h2 {font-size: 24px; margin-bottom: 30px;}
.main_wrap .section05 .wide_cont ul li a .more p {font-size: 14px;}
}

@media(max-width:1080px){

}

@media(max-width:768px){
.main_wrap .section05 {margin: 50px 0;}
.main_wrap .section05 .wide_cont {padding: 0 3%;}
.main_wrap .section05 .wide_cont ul li {width: 100%; margin-bottom: 10px;}
.main_wrap .section05 .wide_cont ul li:last-child {margin-bottom: 0;}
.main_wrap .section05 .wide_cont ul li a {height: 45vw;}
.main_wrap .section05 .wide_cont ul li a::before {height: 100%;  background: rgba(0,0,0,0.3);}
.main_wrap .section05 .wide_cont ul li a:hover::before {background: rgba(0,0,0,0.3)}
.main_wrap .section05 .wide_cont ul li a h2 {font-size: 20px; margin-bottom: 20px;}
.main_wrap .section05 .wide_cont ul li a .more p {font-size: 13px; padding: 10px 20px; }
.main_wrap .section05 .wide_cont ul li a:hover .more p {background: none;}

}

.main_wrap .section06 {margin-bottom: 100px;}
.main_wrap .section06 .cont {width: 100%; height: 530px; box-shadow:3px 3px 15px rgba(0,0,0,0.3)}


@media(max-width:1280px){
.main_wrap .section06 {margin-bottom: 80px;}
.main_wrap .section06 .cont {height: 430px;}
}

@media(max-width:1080px){

}

@media(max-width:768px){
.main_wrap .section06 {margin-bottom: 50px;}
.main_wrap .section06 .cont {height: 50vw;}
}


.main_wrap .section07{width: 100%; padding: 100px 0; background: url('./img/main_bg3.jpg') no-repeat center top; background-size: cover; color: #fff; text-align: center;}
.main_wrap .section07 h3 {margin-bottom: 40px; font-weight: 500; font-size: 18px;}
.main_wrap .section07 h1 {font-size: 34px; font-weight: 400; margin-bottom: 15px;}
.main_wrap .section07 p {font-size: 16px;}
.main_wrap .section07 .more a {display: inline-block; padding: 12px 35px; border:1px solid #fff; color: #fff; font-size: 16px; margin-top: 60px; transition: all 0.3s}
.main_wrap .section07 .more a:hover {border:1px solid #005952; background: #005952; transition: all 0.3s}

@media(max-width:1280px){
.main_wrap .section07 {padding: 80px 0;}
.main_wrap .section07 h3 {margin-bottom: 30px;}
.main_wrap .section07 h1 {font-size: 24px;}
.main_wrap .section07 .more a {font-size: 16px; margin-top: 40px;}

}

@media(max-width:1080px){

}

@media(max-width:768px){
.main_wrap .section07 {padding: 50px 0;}
.main_wrap .section07 h3 {margin-bottom: 15px; font-size: 16px;}
.main_wrap .section07 h1 {font-size: 20px; margin-bottom: 8px;}
.main_wrap .section07 p {font-size: 14px;}
.main_wrap .section07 .more a {font-size: 13px; margin-top: 20px; padding: 10px 25px;}
.main_wrap .section07 .more a:hover {border:1px solid #fff; background: none;}

}

.main_wrap .section08{width: 100%; padding: 200px 0; color: #fff; text-align: center;}
.main_wrap .section08 h3 {margin-bottom: 40px; font-weight: 500; font-size: 18px;}
.main_wrap .section08 h1 {font-size: 34px; font-weight: 400; margin-bottom: 15px;}
.main_wrap .section08 p {font-size: 16px;}
.main_wrap .section08 .more a {display: inline-block; padding: 12px 35px; border:1px solid #fff; color: #fff; font-size: 16px; margin-top: 30px; transition: all 0.3s}
.main_wrap .section08 .more a:hover {border:1px solid #005952; background: #005952; transition: all 0.3s}

@media(max-width:1280px){
.main_wrap .section08 {padding: 80px 0;}
.main_wrap .section08 h3 {margin-bottom: 30px;}
.main_wrap .section08 h1 {font-size: 24px;}
.main_wrap .section08 .more a {font-size: 16px; margin-top: 40px;}

}


@media(max-width:768px){
.main_wrap .section08 {padding: 50px 0;}
.main_wrap .section08 h3 {margin-bottom: 15px; font-size: 16px;}
.main_wrap .section08 h1 {font-size: 20px; margin-bottom: 8px;}
.main_wrap .section08 p {font-size: 14px;}
.main_wrap .section08 .more a {font-size: 13px; margin-top: 20px; padding: 10px 25px;}
.main_wrap .section08 .more a:hover {border:1px solid #fff; background: none;}

}

@media(max-width:600px){
	.main_wrap .section08 {padding: 250px 0; width: 100%; height: auto;}
}



.s12_01 {margin: 100px 0; position: relative;}
.s12_01::after {display: block; content: ''; width: 100%; height:100%; background: #f5f5f5; position: absolute; top: 93px; z-index: -1;}
.s12_01 h1.welcome { font-size: 50px; font-weight: 700; }
.s12_01 h1 {font-size: 24px; font-weight: 300;}
.s12_01 ul {display: flex; justify-content:space-between; flex-flow:row wrap; align-items:center; margin-top: 40px;}
.s12_01 ul li.img {width: 50%;}
.s12_01 ul li.img img {max-width: 600px; width: 100%; display: block;}
.s12_01 ul li.txt {padding: 0 30px; width: 50%;}
.s12_01 ul li.txt h2 {position: relative; font-weight: 300; font-size: 24px; margin-bottom: 15px;}
.s12_01 ul li.txt h3 {font-size: 20px; font-weight: 700; color: #aaa;}
.s12_01 ul li.txt p {line-height: 1.6; font-size: 16px;}
.s12_01 ul.big_img {display: block; margin-top: 60px;}
.s12_01 ul.big_img .img {width: 100%;}
.s12_01 ul.big_img .img img {max-width: 1200px; width: 100%; display: block;}
.s12_01 ul.big_img .txt {width: 100%; padding: 0; margin-top: 30px;}

@media(max-width: 1280px) {
.s12_01 {margin: 80px 0;}
.s12_01::after {top: 75px;}
.s12_01 h1.welcome { font-size: 40px;}
.s12_01 h1 {font-size: 18px;}
.s12_01 ul li.txt h2 {font-size: 18px;}
.s12_01 ul li.txt h3 {font-size: 16px;}
.s12_01 ul li.txt p {font-size: 15px;}
}

@media(max-width: 1080px) {
.s12_01 ul {margin-top: 20px;}
.s12_01 ul li.txt {padding: 0 20px;}
}

@media(max-width: 768px) {
.s12_01 {margin: 50px 0;}
.s12_01::after {top: 45px;}
.s12_01 ul li.img {width: 100%;}
.s12_01 ul li.txt {width: 100%; padding: 0; order:1; margin-top: 15px;}
.s12_01 h1.welcome { font-size: 24px;}
.s12_01 h1 {font-size: 15px;}
.s12_01 ul li.txt h2 {font-size: 14px; margin-bottom: 7px;}
.s12_01 ul li.txt h3 {font-size: 13px;}
.s12_01 ul li.txt p {font-size: 13px;}
.s12_01 ul.big_img {margin-top: 30px;}

}

.s12_02 {padding: 100px 0 200px; position: relative; overflow: hidden;}
.s12_02 h1.big_tit {text-align: left; margin-bottom: 30px;}
.s12_02 .cont {display: flex; align-items:center; flex-flow:row wrap;}
.s12_02 .cont .info {width: 40%;}
.s12_02 .cont .info ul li{margin-bottom:20px; padding-right: 20px;}
.s12_02 .cont .info h3 {margin-bottom: 5px; font-size: 20px; display: flex;}
.s12_02 .cont .info h3 i {margin-right: 10px; color: #e62524;}
.s12_02 .cont .map_all {width: 60%;}
.s12_02 .cont .map_all .root_daum_roughmap {width: 100%;}
.s12_02 .pos {position: absolute; bottom: 0; right: 0; animation:pos2 20s linear normal infinite; white-space:nowrap; z-index: -1;}
.s12_02 .pos p {font-size: 150px; font-weight: 700; color: #f1f1f1; line-height: 70%;}

@keyframes pos2{
from {right: -50%;}
to {right: 110%;}
}



@media(max-width: 1280px) {
.s12_02 {padding: 80px 0 160px;}
.s12_02 .cont .info h3 {font-size: 18px;}
.s12_02 .pos p {font-size: 100px;}
}

@media(max-width: 1080px) {
.root_daum_roughmap .wrap_map {height: 300px !important;}
}

@media(max-width: 768px) {
.s12_02 {padding: 50px 0 80px;}
.s12_02 h1.big_tit {margin-bottom: 15px;}
.s12_02 .cont .info {width: 100%;  order:2; margin-top: 20px;}
.s12_02 .cont .info ul li{margin-bottom:10px;}
.s12_02 .cont .info h3 {font-size: 16px;}
.s12_02 .cont .map_all {width: 100%;}
.root_daum_roughmap .wrap_map {height: 250px !important;}
.s12_02 .pos p {font-size: 50px;}

}



/************************* main_inc 끝*************************/