@charset="UTF-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}

body, ul{margin:0; padding:0; font-family: 'Noto Sans KR', sans-serif;}
li{list-style:none; cursor:pointer;}
h1, h2, h3, h4, h5, p, a {font-family: 'Noto Sans KR', sans-serif; text-decoration:none; margin:0; padding:0;color:#2c2c2c;}

  html, body {
      position: relative;
      height: 100%;
    }
    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	.move_no{
		position: absolute;
		width: 100%;
		height: 90%;
		top: 10%;
		left: 0;
	}

/*-------------------------------header--------------------------------------------*/
body.fp-viewing-0 nav, body.fp-viewing-0 .site_box{
	background:transparent;
}
body.fp-viewing-0 nav .depth01>li>a, body.fp-viewing-0 nav .depth01>li select{
	color:#fff;
}
body.fp-viewing-3 .main_quick{bottom:160px; transition:all 0.7s;}
body.fp-viewing-0 .lan_w{display:block;}
body.fp-viewing-0 .lan_b{display:none;}

body.fp-viewing-1 #fp-nav ul li:nth-child(1) a span, .fp-slidesNav ul li:nth-child(1) a span, body.fp-viewing-3 #fp-nav ul li:nth-child(1) a span, .fp-slidesNav ul li:nth-child(1) a span{background:url('/img/sub01/text01_b.png')no-repeat center !important;}
body.fp-viewing-1 #fp-nav ul li:nth-child(2) a span, .fp-slidesNav ul li:nth-child(2) a span{background:url('/img/sub01/text02_on_b.png')no-repeat center !important;}
body.fp-viewing-3 #fp-nav ul li:nth-child(2) a span, .fp-slidesNav ul li:nth-child(2) a span{background:url('/img/sub01/text02_b.png')no-repeat center !important;}
body.fp-viewing-1 #fp-nav ul li:nth-child(3) a span, .fp-slidesNav ul li:nth-child(3) a span, body.fp-viewing-3 #fp-nav ul li:nth-child(3) a span, .fp-slidesNav ul li:nth-child(3) a span{background:url('/img/sub01/text03_b.png')no-repeat center !important;}
body.fp-viewing-1 #fp-nav ul li:nth-child(4) a span, .fp-slidesNav ul li:nth-child(4) a span{background:url('/img/sub01/text04_b.png')no-repeat center !important;}
body.fp-viewing-3 #fp-nav ul li:nth-child(4) a span, .fp-slidesNav ul li:nth-child(4) a span{background:url('/img/sub01/text04_on_b.png')no-repeat center !important;}

nav{
	width: 100%;
    height: 80px;
    border-bottom:1px solid #dcdcdc;
    position: fixed;
	background:#fff;
    z-index: 99;
	top:0;
}
.logo_w{
	margin:17px 0 0 100px;
	float:left
}
.sitemap_icon{
	float:right;
	width: 60px;
    margin: 5px;
}
.depth01{
	float:right;
	width:70%;
	 margin-left: 3%;
}
.depth01>li{
	width:16.6%;
	float:left;
}
.depth01 .lan_w, .depth01 .lan_b{
	width: 15px;
    float: left;
    margin: 30px 10px;
}
.depth01 .lan_w{display:none;}
.depth01>li select{
	width: 60px;
    background: none;
    font-size: 16px;
    border: none;
	float:left;
    margin-top:30px;
}
.depth01>li select option{color:#000;}
.depth01>li>a{
	display:block;
    width: 100%;
    font-size: 18px;
    color: #2c2c2c;
    font-weight: 400;
    line-height: 80px;
    text-align: center;
}
.depth01>li:last-child>a>img{margin-right:10px;}
.depth02{
	padding-top:20px;
	background:#f5f5f5;
	border-left: 1px solid #e5e5e5;
    height: 350px;
	display:none;
}
.depth02:last-child{border-right: 1px solid #e5e5e5;}
.depth02>li>a{
	display:block;
	text-align:center;
	line-height:45px;
	color:#6d6d6d;
	font-size:16px;
	font-weight: 300;
}
.depth02>li>a:hover{
	font-weight:500;
}
.depth02_bg{
	width:100%;
	height:350px;
	position:absolute;
	top:80px; 
	left:0;
	z-index:-1;
	background:#f5f5f5;
	display:none;
}
.site_box{
	float: right;
    width: 75px;
	height:101%;
    background: #2d8b28;
	cursor:pointer;
}
	/*bottom-quick*/
	.main_quick{
		width:100%;
		height:70px;
		background:#324f2b;
		position:absolute;
		bottom:0;
		z-index:1;
		transition: all 0.7s;
	}
	.main_quick ul{
		width:1400px;
		margin:0 auto;
	}
	.main_quick ul li{
		width:25%;
		float:left;
		position:relative;
	}
	.main_quick ul li a{
		width:100%;
		display:block; 
		color:#fff;
		text-align:center;
	    line-height: 70px;
		font-size: 16px;
		font-weight: 300;
	}
	.main_quick ul li:first-child img{
		position:absolute;
		left:14%;
	}
	.main_quick ul li:nth-child(2) img{
		position:absolute;
		left:10%;
	}
	.main_quick ul li:nth-child(3) img{
		position:absolute;
		left:16%;
	}
	.main_quick ul li:nth-child(4) img{
		position:absolute;
		left:11%;
	}

	/*sitemap*/
	.sitemap{
		width:100%;
		height:100%;
		position:fixed;
		background:rgba(0,0,0,0.8);
		z-index: 1000;
		display:none;
		top:0;
	}
	.sitemap>img{
	position: absolute;
    width: 30px;
    right: 20px;
    top: 20px;
}
	.map_box{
		width:1400px;
		height:100%;
		margin:0 auto;
		display:table;
		padding-left: 5%;
	}
	.map01{
		display: table-cell;
		vertical-align: middle;
	}
	.map01>li{
		float: left;
		width: 20%;
		margin-right: 150px;
	}
	.map01>li:last-child{
		margin:0;
		width:17%;
	}
	.map01>li>a{
		font-size: 24px;
		color: #fff;
		font-weight: 500;
		width: 100%;
		border-bottom: 3px solid #55992f;
		display: block;
	}
	.map01>li:last-child>a {width: 130%;}
	.map02{
		padding-top:20px;
	}
	.map02>li>a{
		color: #fff;
		font-size: 20px;
		line-height:45px;
		font-weight: 300;
	}
	.map03{
		margin-left: 10px;
	}
	.map03>li{
		font-size: 18px;
		color: #b1b1b1;
		font-weight: 300;
		line-height: 30px;
	}
.fp-right{
	width:75px !important;
	height:100% !important;
	border-left: 1px solid #f5f5f5 !important;
}
#fp-nav.fp-right{
	right:0 !important;
}
#fp-nav{
	top:0 !important;
	z-index:0 !important;
	margin-top:0 !important;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span{
	color:#fff;
	font-weight:200;
	font-size:13px;
}
#fp-nav ul, .fp-slidesNav ul{
	position:absolute;
	top:40%;
	right:60px;
}
#fp-nav ul li, .fp-slidesNav ul li{
	width:100% !important;
	margin:30px 0 !important;
}
#fp-nav ul li:last-child, .fp-slidesNav ul li:last-child{display:none !important;}
#fp-nav ul li:nth-child(1) a span, .fp-slidesNav ul li:nth-child(1) a span{
	background: url('/img/text01.png')no-repeat center !important;
    width: 110px;
    height: 20px;
}
#fp-nav ul li:nth-child(2) a span, .fp-slidesNav ul li:nth-child(2) a span{
	background: url('/img/text02.png')no-repeat center !important;
    width: 110px;
    height: 20px;
}
#fp-nav ul li:nth-child(3) a span, .fp-slidesNav ul li:nth-child(3) a span{
	background: url('/img/text03.png')no-repeat center !important;
    width: 110px;
    height: 20px;
}
#fp-nav ul li:nth-child(4) a span, .fp-slidesNav ul li:nth-child(4) a span{
	background: url('/img/text04.png')no-repeat center !important;
    width: 158px;
    height: 20px;
}
#fp-nav ul li:nth-child(1) a.active span, .fp-slidesNav ul li:nth-child(1) a.active span{
	background:url('/img/text01_on.png')no-repeat center !important;
}
#fp-nav ul li:nth-child(2) a.active span, .fp-slidesNav ul li:nth-child(2) a.active span{
	background:url('/img/text02_on.png')no-repeat center !important;
}
#fp-nav ul li:nth-child(3) a.active span, .fp-slidesNav ul li:nth-child(2) a.active span{
	background:url('/img/text03_on.png')no-repeat center !important;
}
#fp-nav ul li:nth-child(4) a.active span, .fp-slidesNav ul li:nth-child(2) a.active span{
	background:url('/img/text04_on.png')no-repeat center !important;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{
	width:110px;
	height:50px;
	margin:-10px 0 0 -5px !important;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{left:inherit !important; right:-20% !important;}
body.fp-viewing-3 #fp-nav ul li:nth-child(4) a span {width: 167px; height: 50px;}


/*-------------------------------main01--------------------------------------------*/
.main01_bg .swiper-slide:nth-child(1){
	background:url('/cn/main_visual_02.jpg')no-repeat center;
	background-size:cover;
}
.main01_bg .swiper-slide:nth-child(2){
	background:url('/img/main_bg01_2.jpg')no-repeat center;
	background-size:cover;
}
.main01_bg .swiper-slide:nth-child(3){
	background:url('/img/main_bg01_3.jpg')no-repeat center;
	background-size:cover;
}
.main_text{
    width: 80%;
    margin: 0 auto;
	position: absolute;
    left:10%;
    height: 72%;
    bottom: 0%;
    z-index: 2;
}
.main_left, .main_right{
	width:100%;
	overflow:hidden;
	background:transparent !important;;
}
.main_left {text-align: center;}
.main_right {padding-top: 280px;}
.main_left h5{
    color: #fff;
    font-size: 108px;
    line-height: 1.1;
    text-shadow: 2px 2px 6px #1d1d1d;
    font-weight: 500;
}
.main_left h5 span{
    color: #fff;
    font-weight: 400;
    font-size: 36px;
}
/*hot_news*/
.hot_news{
	float: left;
	width:100%;
	overflow:unset !important;
}
.main_right h5{
	font-size:30px;
	color:#fff;
	text-shadow: 2px 2px 6px #1d1d1d;
	font-weight:500;
	padding-bottom:10px;
}
.main_right h5 span{
	font-weight:200;
}
.hot_news .swiper-button-next, .hot_news .swiper-button-prev{
	top:-20% !important;
	width:12px !important;
	height:20px !important;
	margin-top:0 !important;
	background-size:cover !important;
}
.hot_ban .swiper-button-next, .hot_ban .swiper-button-prev{
	top:5% !important;
	width:12px !important;
	height:20px !important;
	margin-top:0 !important;
	background-size:cover !important;
}
.hot_news .swiper-button-next, .hot_ban .swiper-button-next{
	background:url('/img/news_next.png')no-repeat center;
	right:20px !important;
}
.hot_news .swiper-button-prev, .hot_ban .swiper-button-prev{
	background:url('/img/news_prev.png')no-repeat center;
	right:45px !important;
	left:inherit !important;
	width:30px !important;
}

.news1, .news2{
	height:160px !important;
	padding:30px;
	width: 49%;
}
.news1{
	background:rgba(145, 161, 71, 0.9) !important;
	margin-right: 1%;
	float:left;
}
.right_wrapper:after {
	display: block;
	clear: both;
	content:"";
}
.news2{
	background:rgba(59, 117, 46, 0.9) !important;
	float:left
}
.news-txt{
	width: 100%;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
}
.ban_wrapper {width:44%; float:left;}
.news-txt:after {
	clear:both;
	content:"";
	display:block;
}
.news-txt h3{
	font-size:18px;
	float:left;
	color:#fff;
	font-weight: 500;
}
.news1>p, .news2>p{
	font-size: 14px;
    font-weight: 200;
    padding: 10px 10px 0 10px;
    color: #fff;
	width:100%;
	text-align:left;
}
.ban01 img, .ban02 img{width:100%; height: 160px; object-fit:cover;}


/*-------------------------------main02--------------------------------------------*/
.main02{
	background:url('/img/main_bg02.jpg')no-repeat center;
	background-size:cover;
}
.frame{
	width:80%;
	margin:0 auto;
	height:70%;
}
.frame h3{
	font-size:42px;
	text-align:center;
	padding-bottom: 40px;
}
.frame h3>img{
	margin: 0 0 30px 10px;
}
.box-f{
	float:left;
	width:calc(33.33% - 20px);
	height:70%;
}
.frame .box-f:nth-child(3){
	margin:0 20px;
	background:url('/img/main02_box-f2.jpg')no-repeat 70% 0;
	background-size:cover;
	box-shadow:1px 1px 5px #9e9e9e;
	padding: 50px 30px;
}
.about_link {
	display: inline-block;
	margin-top: 50px;
}
.box01, .box02, .box03{
	width:100%;
	background:#fff;
	box-shadow:1px 1px 5px #9e9e9e;
	padding:20px 30px;
}
.box01{
	margin-bottom:30px;
	height: 100%;
	background:url('/img/main02_box01.jpg')no-repeat 50% 80%;
	background-size:cover;
	padding: 50px 30px;
}
.box-f h6{
	 color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 10px 0;
	margin:0;
}
.box01 p {margin: 40px 0 70px;}
.box-f p{
	color: #fff;
    font-weight: 300;
    padding-bottom: 10px;
    font-size: 1.7vh; /*16*/
}
.box-f a{
	color: #fff;
    font-weight: 300;
    font-size: 16px;
    border-bottom: 1px solid #fff;
}
.frame .box-f:nth-child(3) p, .frame .box-f:nth-child(3) h6{padding-bottom:20px;}
.frame .box-f:nth-child(3) h6{font-size:26px;}
.frame .box-f:nth-child(3) p, .frame .box-f:nth-child(3) a{font-size:1.7vh;} /*18*/
.box-f .box02 h6 {color:#2c2c2c;}
.box02{height:100%; position:relative; padding: 1% 30px; background: url(/img/main_pro_bg.png) no-repeat center/cover; background-color: #fff;}
.box02 .box_wrap {
	float:left;
	margin-top: 2%;
	width: 48.052%;  height: 33.874%;
	background: #fff;
	border-radius: 4px;
	box-shadow: 1px 1px 5px rgba(0,0,0,.25);
	text-align: center;
}
.box02 .box_wrap:nth-child(3) {
	float: right; margin-top: 29%;
}
.box02 .box_wrap:nth-child(4) {
	margin-top: 16%;
}
.box02 .box_wrap a {
	display: block;
	padding-top: 44%;
	width: 100%; height: 100%;
	font-size: 18px; color: #2d2d2d;
}
.box02 .box_wrap span {position: relative;}
.box02 .box_wrap span:before {
	position: absolute;
	bottom: 130%; left: 50%; transform: translateX(-50%);
	content:'';
	width: 100%; height: 50px;
	background: url(/img/main_pro_01.png) no-repeat center/contain;
}
.box02 .box_wrap:nth-child(3) span:before {background-image: url(/img/main_pro_02.png);}
.box02 .box_wrap:nth-child(4) span:before {background-image: url(/img/main_pro_03.png);}
.box02 .box_wrap i {
	display: block;
	margin-top: -1.5%;
	font-style: normal;	
	font-size: 14px;
}
.box03{
	position: relative;
	height:calc(50% - 15px);
	margin-bottom:30px;
	background:#fff;
	padding: 43px 30px;
}
.box03:after {
	position:absolute;
	content:"";
	right:0; top:0;
	width:35.853%; height:189px;
	background: url(/img/main02_box03_2.png) no-repeat center/contain;
	z-index: 0;
}
.box03 h6, .box03 p, .box03 a{color:#2c2c2c; position:relative; z-index:2;}
.box03 a{border-bottom:1px solid #2c2c2c;}


/*------------------------------main03--------------------------------------------*/
.main03{
	background:url('/img/main_bg03.jpg')no-repeat center;
	background-size:cover;
}
.main03 .frame h3{color:#fff;}
.main03_top{height:350px;}
.main03_top, .main03_bottom{
	width:100%;
	border-bottom:1px solid #bdbdbd;
	padding-bottom: 30px;
}
.main03_bottom{height:195px; padding:0;}

.top_left{
	 width: 20%;
    height: 100%;
    float: left;
    margin: 0 5% 0 0;
	background:url('/img/top_left_bg.jpg')no-repeat center;
	background-size:cover;
}
.top_left ul{
	height: 100%;
    padding: 30px;
}
.top_left ul li{
	text-align: center;
    height: 33%;
    width: 100%;
    display: table;
	position:relative;
}
.top_left ul li a{
	color: #fff;
    font-weight: 300;
    height: 100%;
    font-size: 20px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.top_left ul li.act_line .tab_line{
	width: 50px;
    height: 10px;
    position: absolute;
    top: 35%;
    left: -20%;
	border-bottom:2px solid #fff;
	}
.top_left ul li.act_line a{font-weight:500;}

.top_right{
	width: 75%;
    float: left;
    height: 100%;
}
.tab_detail{
	width:100%;
	height:60px;
	border-bottom:1px solid #dcdcdc;
	padding:10px 20px;
}
.tab_detail ul{
	width:100%;
	height:100%;
	position: relative;
}
.tab_detail ul li{
    float: left;
    font-size: 18px;
    width: 220px;
    height: 50%;
    margin:10px 20px 0 0;
    text-align: center;
    border-right: 1px solid #fff;
}
#tab01 .tab_detail ul li:nth-child(3), #tab02 .tab_detail ul li:nth-child(2), #tab03 .tab_detail ul li:nth-child(3){border-right:none;}
.main03_act{border:2px solid #fff;}
.tab_detail ul li a{
	line-height: 35px;
    color: #fff;
    position: absolute;
    display: block;
    height: 40px;
    padding: 0 20px;
    top: 0;
    margin: 0 auto;
}
.tab_detail>ul>a>img{
	position:absolute;
	right:0;
	top:5px
}
.tab_detail_cont{
	width: 100%;
    height: auto;
    position: absolute;
    top: 60px;
    left: 0;
}
.detail_cont{
	width:calc(50% - 1px);
	float:left;
	height:100%;
	padding:20px 0;
}
.detail_text{
	position: relative;
	width:100%;
	height:50px;
	text-align:left;
}
.detail_text:after {
	position: absolute;
	right: 20%; top: 0;
	content:"";
	width: 1px; height: 100%;
	background: #fff;
}
.detail_cont:last-child .detail_text:after {display:none;}
.detail_cont:last-child .detail_text{border-right:none;}
.detail_text>p{
	font-size: 18px;
    font-weight: 200;
    color: #fff;
}
.detail_cont>h6{
	margin: 0;
    padding: 10px 0;
    font-size: 16px;
    color: #b5b5b5;
    font-weight: 400;
	text-align:left;
}
.tab_radius{
	width: 154px;
    text-align: center;
    height: 30px;
    border-radius: 10px;
    border: 1px solid #fff;
	margin-bottom: 20px;
	position:relative;
}
.tab_radius>img{
	position:absolute;
    top: calc(50% - 7px) !important;
    left: calc(25% - 7px);
}
.tab_radius>p{
	display: inline-block;
    color: #fff;
	font-size:18px;
}
.icon_txt>p{
	padding-left:15px;
}

.money{
	width:25%;
	float:left;
	height:100%;
	text-align:center;
	display:table;
	position:relative;
}
.money>img{
	position:absolute;
	top: calc(50% - 17px);
    right: 30px;
}
.money>p{
	color:#fff;
	font-size:20px;
	font-weight:300;
	width: 100%;
	position: absolute;
	top: calc(50% - 40px);
	border-right:1px solid #bdbdbdad;
}
.money:last-child>p{border-right:none;}
.money1>p{
	color:#fff;
	font-size:20px;
	font-weight:300;
	width: 100%;
	display:table-cell;
	vertical-align:middle;
	position:static;
	border-right:none;
}
.money>p span{
	font-weight:500;
}
.money a .tab_radius{
    position: absolute;
    bottom: 25px;
    left: calc(43% - 50px);
}
.tab_detail_cont{display:none;}
.tabs2>li.block_act .tab_detail_cont{display:block; cursor: default;}
.detail_bg{width:40%;}
.detail_bg img{width:90%; margin:0 auto;}




/*------------------------------main04--------------------------------------------*/
.main04 .frame h3{text-align:left;}
.sup-box{
	float:left;
	width:45%;
	margin-right:40px;
	height:auto;
	padding-bottom:20px;
	border-bottom:1px solid #b1b1b1;
}
.sup-box:last-child{margin:0;}
.sup-box img:first-of-type {border-top-right-radius: 20px;}
.sup-box img{
	width:100%;
	height:235px;
	object-fit: cover;
}
.sup-box img:last-of-type {margin: -5px 0 20px;}
.sup-box h4{
	font-size:20px;
	font-weight:400;
	padding-bottom:10px;
}
.sup-box p{
	font-size:18px;
	font-weight:300;
	padding-left: 10px;
}
.scroll{
	display: none;
	position: absolute;
    left: calc(50% - 25px);
    bottom: 100px;
}











/*------------------------------main_footer--------------------------------------------*/
.fp-auto-height{
	background:#142310;
	z-index:1 !important;
}
.footer{width:100%;background:#142310; padding-bottom:15px;}
.main_footer{
	width: 1200px;
	padding:20px;
    margin: 0 auto;
    height: 160px;
    background: #142310;
	position:relative;
	bottom:0px;
}
.main_footer img{margin-top:20px; float:left;}
.main_footer ul{
	float: left;
    width: 600px;
    padding-left: 100px;
}
.main_footer ul li{
    float: left;
    text-align: left;
}
.main_footer ul li:nth-child(2) {
	margin: 0 70px;
}
.main_footer ul li a{
	position: relative;
	font-size: 14px;
    color: #929292;
	display:block;
	line-height:20px; 
	text-align: center;
}
.main_footer ul li a:after {
	position:absolute;
	content:"|";
	right: -37px; top:-1px;
}
.main_footer ul li:last-child a:after {display:none;}
.main_footer ul li a:hover:after {color:#929292;}
.main_footer ul li:last-child a{border:none;}
.main_footer ul li a:hover{color:#fff;}
.f-text1{
	width: 650px;
    float: left;
    margin-left: 100px;
    color: #fff;
    font-weight: 200;
    margin-top: 10px;
}
.f-text1 p, .f-text2 p{color: #c6c6c6;font-size: 14px;}
.f-text2{
    width: 200px;
    float: left;
    color: #fff;
    font-weight: 200;
    margin-top: 10px;
}
.main_footer>p{
	clear: both;
    font-size: 13px;
    font-weight: 100;
    width: 450px;
    color: #c6c6c6;
    padding-top: 5px;
    margin-left: 310px;
}
.main_footer>button{
	position: absolute;
    right: 370px;
    bottom: 6px;
    border: none;
    background: no-repeat;
    border-radius: 5px;
    border: 1px solid #eee;
	width:80px;
}
.main_footer>button>a{color:#eee;font-weight: 300;font-size: 12px;}
 
 
 
 /*------------media--------------*/
@media ( max-width : 1500px ) {
	
	nav{height:60px;}
	.logo_w{margin:7px 0 0 20px;}
	.depth01{width: 75%; margin:0 auto; height:60px;}
	.depth01>li>a{font-size:17px; line-height: 60px;}
	.depth01 .lan_w, .depth01 .lan_b{margin:20px 10px;}
	.depth02_bg{top:60px;}
	.site_box{width:auto;}
	.sitemap_icon{width:50px;}
	.depth01>li select{margin-top:20px;}
	#fp-nav.fp-right{right:-50px !important; top:60px !important;}
	#fp-nav ul, .fp-slidesNav ul{top:30%;}
	.frame h3{font-size:38px;}

	.box01, .box02, .box03{padding:20px;}
	.box02-circle{width:90px;}
	.detail_text>p, .frame .box-f:nth-child(3) p, .frame .box-f:nth-child(3) a, .box02-circle a{font-size:16px !important;}
	.money1>p, .money>p{font-size:18px;}
	.tab_radius{width:90px;}
	.money a .tab_radius{left: calc(50% - 45px);}
	.icon_txt>p{font-size:15px;}

	.sup-box h4{font-size:18px;padding-bottom: 5px; }
	.sup-box p{font-size:16px;}

	.main_quick ul{width:1200px;}
	.main_quick ul li:nth-child(1) img, .main_quick ul li:nth-child(3) img{left:15%;}
	.main_quick ul li:nth-child(2) img, .main_quick ul li:nth-child(4) img{left:20%;}
	.sup-box img {height: 185px;}
	.box02 .box_wrap span {font-size: 14px;}
}

@media ( max-width : 1280px ) {
	
	.main_left h5 span{font-size:23px;}
	.main_left h5{font-size:54px;}
	.main_right h5{font-size:28px;}
	.news1>p, .news2>p{padding: 15px 0 0 0;}
	.depth02>li>a, .detail_text>p, .frame .box-f:nth-child(3) p, .frame .box-f:nth-child(3) a, .box02-circle a{font-size:15px;}

	.box01, .box02, .box03{padding:15px;}
	.box-f a, .box-f p, .sup-box p{font-size:14px;}
	.frame .box-f:nth-child(3){padding: 30px 30px;}
	.box2-img>p{font-size:12px;}

	.top_left ul li.act_line .tab_line{left:-40%;}
	.top_left ul li a{font-size:18px;}
	.tab_radius>p, .sup-box h4{font-size:16px;}

}   