﻿@charset "utf-8";
/* CSS Document */

.hid {position: absolute;margin: -1px; padding: 0; width: 1px; height: 1px;border: 0;clip: rect(0, 0, 0, 0);overflow: hidden;}
/* slick slide common */
.slick-slider {-webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; -webkit-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-slide {display: none; min-height: 1px; vertical-align: middle;}
.slick-list {overflow: hidden;}
.slick-list.dragging {cursor: pointer;}
.slick-initialized .slick-slide {display: inline-block;}
.slick-arrow.slick-hidden {display: none;}
.slick-current {opacity: 1; display: block;}
.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}

/* slick arrow show */
.arwShow .slick-arrow.slick-hidden { display: inline-block; }
.mainContent .cTit{position:relative;padding-left:90px; margin-bottom:40px;}
.mainContent .cTit h1{  font-weight:800; font-size:57px; }
.mainContent .cTit h1:before{ content:''; position:absolute; top:30px;  left:0;width:70px; height:5px; background:#1e2740}
.mainContent .cTit p{ font-size:27px; margin-top:7px; font-weight:600;}
.mainContent .cTit p span{ font-weight:600; color:#e74011; }


.en-txt{font-family: 'Paperlogy';}
#sec01 .inner{ display:flex; justify-content: space-between;}

/* 메인비주얼 */
.MVisual { position: relative; width:63%;  z-index: 1; }
.MVisual .slider { overflow: hidden;   isolation: isolate; }
.MVisual .slider,
.MVisual .slick-list,
.MVisual .slick-track { position: relative; z-index: 1; }
.MVisual .item { position: relative; }
.MVisual .item .MVisual-img{ width:100%; height:850px; overflow:hidden;border-radius: 20px;}
.MVisual .item .MVisual-img img { width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 20px;}
.MVisual .item .area{ margin-top:30px;}
.MVisual .item .area b{ color:#e74011; letter-spacing:2px; font-weight:700;}
.MVisual .item .area h2{ margin:10px 0 15px 0; font-size:37px; border-bottom:1px solid rgb(0,0,0,0.2); padding-bottom:15px; font-weight:700;}
.MVisual .item .area p{ max-height:70px; height:70px;line-height:33px; font-size:25px;}
.MVisual .control { position: absolute; bottom:0; right: 0; display: flex; align-items: center; font-size:25px; padding:20px 0px 20px 30px; z-index: 2; background:#fff; border-radius:20px 0 0 0; }
.MVisual .control:before, .MVisual .control:after{ content:''; position:absolute; z-index:1; background:url(../images/main/r-bg.png) no-repeat;background-size:100% auto; width:25px; height:25px;} 
.MVisual .control:before{ bottom:0; left:-25px; }
.MVisual .control:after{ right:0; top:-25px; }
.MVisual .control .page {margin-right: 1rem; }
.MVisual .control .page strong{ font-weight:800;}
.MVisual .control .page span { position: relative; display: inline-block;  padding-left:60px; margin-left:10px; }
.MVisual .control .page span:before {  position: absolute; top: 50%; left: -0.1rem; width:50px; height:1px;  background: #222; content: ""; }
.MVisual .control a {  padding: 0 0.1rem;font-size:27px;  }
.MVisual .control a.play { display: none; }


/* 팝업 */
.popupZone { position: relative; width:calc((100% - 63%) - 200px); margin-left:200px; background:#eff3f6; }
.popupZone:before{ content:''; position:absolute; bottom:0; left:-100px; width:1500px; height:1500px; background:#eff3f6; z-index:-1; border-radius:0 0 0 20px; }
.popupZone .tit_wrap { display: none; }
.popupZone .pop_img {overflow: hidden; }
.popupZone .slider,
.popupZone .slick-list,
.popupZone .slick-track { position: relative;z-index: 1; }
.popupZone .pop_img .item a { position: relative; display: block;}
.popupZone .pop_img .item a img {width: 100%; height:675px;object-fit: cover;object-position: center;border-radius: 20px; overflow:hidden;}
.popupZone .pop_img .item .area{ padding-top:30px;}
.popupZone .pop_img .item .area h2{ font-size:27px;font-weight:700;}
.popupZone .pop_img .item .area p{ color:rgb(0,0,0,0.5); letter-spacing:0; font-size:20px; margin-top:10px;}
.popupZone .nss_pg { position: absolute; bottom: 100px; left:0;  display: flex; align-items: center; font-size:25px; z-index: 1; }
.popupZone .nss_pg .page{ margin-right:10px;}
.popupZone .nss_pg .page strong{ font-weight:800;}
.popupZone .nss_pg .page span { position: relative; display: inline-block; padding-left:60px; margin-left:10px; }
.popupZone .nss_pg .page span:before { position: absolute; top: 50%; left: -0.1rem; width:50px; height:1px; content: ""; background:#222 }
.popupZone .nss_pg a {  padding: 0 0.1rem; font-size:27px;}
.popupZone .nss_pg a.play { display: none; }

#sec02{ margin:150px 0;}
#sec02 h1 span{ position:relative; display:inline-block; padding-right:30px; margin-right:10px; }
#sec02 h1 span:before{ content:'+'; position:absolute; top:-20px; right:0; color:#e74011;font-weight:900; font-size:45px;}

#sec02 .area{}
#sec02 .area ul{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:20px;}
#sec02 .area h2{ font-weight:700; margin-bottom:15px; font-size:27px; margin-right:70px;}
#sec02 .area p{ opacity:0.8; }
#sec02 .area p{margin-left: 10px; text-indent: -10px;}
#sec02 .area li{ position:relative; }
#sec02 .area li a{display: block;color:#fff;padding:60px 50px; border-radius:20px;transition: all 0.4s; overflow:hidden; height:100%;}
#sec02 .area li:before{ content:''; position:absolute; right:50px; top:35px; background-repeat:no-repeat; background-size:100%; width:60px; height:60px;}
#sec02 .area li:nth-child(1) a{ background:#e74011}
#sec02 .area li:nth-child(2) a{ background:#363636}
#sec02 .area li:nth-child(3) a{ background:#5c6972}
#sec02 .area li:nth-child(4) a{ background:#ebebeb;}
#sec02 .area li:nth-child(4) a{color:#1e2740;}
#sec02 .area li:nth-child(1):before{ background-image:url(../images/main/sec02-icon01.png)}
#sec02 .area li:nth-child(2):before{ background-image:url(../images/main/sec02-icon02.png)}
#sec02 .area li:nth-child(3):before{ background-image:url(../images/main/sec02-icon03.png)}
#sec02 .area li:nth-child(4):before{ background-image:url(../images/main/sec02-icon04.png)}
#sec02 .area li:nth-child(1) a:hover{ background-color:#dc2809}
#sec02 .area li:nth-child(2) a:hover{ background-color:#111}
#sec02 .area li:nth-child(3) a:hover{ background-color:#4a545b}
#sec02 .area li:nth-child(4) a:hover{ background-color:#dedede}
#sec02 .area li p{ font-size:18px;}

#sec02 .area .s02 .area01{background:#002445 url(../images/main/sec02-bg1.jpg) no-repeat 100% 100%; color:#fff;border-radius:20px;padding:60px; box-sizing:border-box}
#sec02 .area .s02 .area01 span{text-transform:uppercase; font-size:16px; letter-spacing:2px; display:block; margin-bottom:10px;}
#sec02 .area .s02 .area01 ul{display: grid;grid-template-columns: repeat(3, 1fr); margin-top:20px;gap:15px;}
#sec02 .area .s02 .area01 p{ font-size:17px;}
#sec02 .area .s02 .area01 ul li{ position:relative; ;}
#sec02 .area .s02 .area01 ul li a{ display:block;background:#fff; border-radius:15px; padding:20px 30px;transition: all 0.4s;}
#sec02 .area .s02 .area01 ul li a:hover{ background:#0072bc; color:#fff;}

#sec02 .area .s02 .area01 ul li:before{ content: "\ea6e";font-family: "remixicon"; position:absolute; top:50%; transform: translateY(-50%); right:20px; font-size:20px; color:#1e2740;transition: all 0.4s;}
#sec02 .area .s02 .area01 ul li:hover:before{ color:#fff;}




#sec03{background:url(../images/main/sec03-bg1.jpg) no-repeat 50% 100% / cover; padding:150px 0;}
#sec03 .cTit{ color:#fff;}
#sec03 .cTit h1:before{ background:#e74011}
#sec03 .s01 ul{ display:grid;grid-template-columns: repeat(3, 1fr); color:#fff; }
#sec03 .s01 ul li:before{ content:''; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; display:block; width:100%; height:420px;}
#sec03 .s01 ul li a{ color:#fff;}
#sec03 .s01 ul li:nth-child(1):before{background-image:url(../images/main/sec03-bg2.jpg);}
#sec03 .s01 ul li:nth-child(2):before{background-image:url(../images/main/sec03-bg4.jpg);}
#sec03 .s01 ul li:nth-child(3):before{background-image:url(../images/main/sec03-bg3.jpg);}
#sec03 .s01 ul li .area{ height:250px; padding:70px;}
#sec03 .s01 ul li:nth-child(1) .area{ background:#0072bc}
#sec03 .s01 ul li:nth-child(2) .area{ background:#003663}
#sec03 .s01 ul li:nth-child(3) .area{ background:#151d44}
#sec03 .s01 ul li .area h2{ font-size:27px; font-weight:600;}
#sec03 .s01 ul li .area p{ opacity:0.8; margin:10px 0 0 0;}
#sec03 .s01 ul li .area .btn-Area{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:10px;}
#sec03 .s01 ul li .area .btn-Area a{ position:relative; border:1px solid rgb(255,255,255,0.3); color:#fff; padding:15px 25px; font-size:20px; border-radius:20px;transition: all 0.4s;}
#sec03 .s01 ul li .area .btn-Area a:hover{ background:#fff; color:#1e2740}
#sec03 .s01 ul li .area .btn-Area a:before{ content: "\ea6e";font-family: "remixicon"; position:absolute; top:50%; transform: translateY(-50%); right:20px; font-size:20px; color:rgb(255,255,255,0.5); transition: all 0.4s;}
#sec03 .s01 ul li .area .btn-Area a:hover:before{color:#1e2740;}
#sec03 .s02{ width:70%; margin:100px 0; color:#fff;}
#sec03 .s02 h3{ font-size:27px;}
#sec03 .s02 ul{ display:grid;grid-template-columns: repeat(3, 1fr); gap:20px;color:#fff; text-align:center; }
#sec03 .s02 ul li a{ display:block; padding:50px 0; border:1px solid rgb(255,255,255,0.3); border-radius:20px; background-color:rgb(0,0,0,0.4);transition: all 0.4s;}
#sec03 .s02 ul li a:hover{background-color:rgb(0,0,0,0.7)}
#sec03 .s02 ul li a:before{ content:''; display:block; width:100%; height:100px;background-size:auto 100%; background-position:50% 50%; background-repeat:no-repeat;  }
#sec03 .s02 ul li:nth-child(1) a:before{background-image:url(../images/main/sec03-icon01.png);}
#sec03 .s02 ul li:nth-child(2) a:before{background-image:url(../images/main/sec03-icon02.png);}
#sec03 .s02 ul li:nth-child(3) a:before{background-image:url(../images/main/sec03-icon03.png);}
#sec03 .s02 ul li:nth-child(4) a:before{background-image:url(../images/main/sec03-icon04.png);}

#sec03 .s02 a, #sec03 .s03 a{ color:#fff;}
#sec03 .s02 strong, #sec03 .s03 .area01 strong{ font-size:25px; font-weight:700; display:block; }
#sec03 .s02 strong{margin:20px 0 10px 0;}

#sec03 .s03{ display:flex;align-items: flex-end;}
#sec03 .s03 dl{ position:relative; display:flex; align-items: flex-end;}
#sec03 .s03 dl dt{ content:''; position:absolute; bottom:0; left:50px; width:170px; }
#sec03 .s03 dl dt img{ width:100%;}
#sec03 .s03 dl dd{  padding:50px 50px 50px 270px; background:#222b48; border-radius:20px;}

#sec03 .s02 p, #sec03 .s03 p{ opacity:0.85; }
#sec03 .s03 .area01 strong{ margin-bottom:10px;}
#sec03 .s03 .area02{ margin-left:80px;}
#sec03 .s03 .area02 img{ width:150px;}
#sec03 .s03 .area02 strong{display:block; margin:20px 0 10px 0; font-size:30px; font-weight:700;}
#sec03 .s03 .area02 strong span{ display:block; font-size:15px; letter-spacing:0; font-weight:500;}

#sec04{ margin:150px 0 0 0;}
#sec04 .inner{ padding:150px; background:#eff3f6; box-sizing:border-box;}
#sec04 .inner ul{display:grid;grid-template-columns:2fr 1.7fr;gap:100px; }
#sec04 .inner ul li:nth-child(2) img{ height:375px}
#sec04 .inner ul li:nth-child(2) a { position:relative; display:flex;}
#sec04 .inner ul li:nth-child(2) a:before{ content:''; position:absolute; top:50%; left:50%;transform: translate(-50%, -50%); width:90px; height:90px; border-radius:50%; background:#e74011 url(../images/main/sec04-02.png) no-repeat 60% 50%; background-size:30px auto; z-index:2;}
#sec04 h2{ font-size:35px; font-weight:700;}
#sec04 h2 span br{ display:none}
#sec04 p{ margin:15px 0 100px 0; font-size:25px; opacity:0.8;}
#sec04 .inner ul li:nth-child(1) a{ position:relative; display:inline-block; width:250px; padding:20px 30px;border-radius:30px; background:#003663; color:#fff;transition: all 0.4s; }
#sec04 .inner ul li:nth-child(1) a:hover{ background-color:#080d24;}
#sec04 .inner ul li:nth-child(1) a:before {content: "\ea6e";font-family: "remixicon";position: absolute;top: 50%;transform: translateY(-50%);right: 30px;font-size: 20px;color:#fff;transition: all 0.4s;}



@media (max-width: 1920px){
	
	.mainContent .cTit{padding-left:75px;margin-bottom:30px;}
	.mainContent .cTit h1{font-size:47px;}
	.mainContent .cTit h1:before{ top:25px;width:60px; height:3px;}
	
	.mainContent .cTit p{ font-size:20px;}
	
	.MVisual { position: relative; width:62%;}
	.MVisual .item .MVisual-img{ height:655px;}
	.MVisual .item .area{ margin-top:20px;}
	.MVisual .item .area b{ font-size:14px;}
	.MVisual .item .area h2{ margin:10px 0; padding-bottom:10px; font-size:33px;}
	.MVisual .item .area p{ line-height:25px; font-size:19px;}
	.MVisual .control {font-size:18px; padding:17px 0 17px 25px;}
	.MVisual .control .page span, .popupZone .nss_pg .page span {padding-left:45px; margin-left:10px; }
	.MVisual .control .page span:before, .popupZone .nss_pg .page span:before {width:37px;}
	.MVisual .control a, .popupZone .nss_pg a {font-size:23px; }
	
	.popupZone { position: relative; width:calc((100% - 62%) - 170px);margin-left:170px; } 
	.popupZone:before{  left:-85px;}
	.popupZone .pop_img .item a img{ height:520px;}
	.popupZone .pop_img .item .area h2{ font-size:23px;}
	.popupZone .pop_img .item .area p{font-size:17px;}
	.popupZone .nss_pg{ font-size:18px; bottom:70px;}

	
	#sec02{ margin:100px 0;}
	#sec02 .area{gap:50px;}
	#sec02 .area h2{ font-size:20px;}
	#sec02 .area li a{ padding:50px 40px;}
	#sec02 .area li:before{ top:25px; width:45px; height:45px;}
	#sec02 .area li p, #sec02 .area .s02 .area01 p{ font-size:14px;}
	#sec02 .area .s02 .area01{ padding:50px 40px;}
	#sec02 .area .s02 .area01 span{ font-size:13px; margin-bottom:5px;}


	#sec03{ padding:100px 0;}
	#sec03 .s01 ul li:before{ height:370px;}
	#sec03 .s01 ul li .area{ padding:50px; height:200px;}
	#sec03 .s01 ul li .area .btn-Area a{ padding:13px 20px; font-size:16px;}
	#sec03 .s01 ul li .area h2{ font-size:23px;}
	#sec03 .s02 ul li a{ padding:37px 0;}
	#sec03 .s02 strong, #sec03 .s03 .area01 strong{ font-size:20px;}

	#sec03 .s02 ul li a:before{ height:65px;}
	#sec03 .s03 dl dt{ width:130px;}
	#sec03 .s03 dl dd{  padding:37px 37px 37px 210px;}
	#sec03 .s03 .area02 img{ width:100px;}
	#sec03 .s03 .area02 strong{ font-size:25px;}
	#sec03 .s03 .area02{ margin-left:50px;}
	
	
	
	#sec04{ margin:100px 0 0 0;}
	#sec04 .inner{ padding:100px;}
	#sec04 h2{ font-size:30px;}
	#sec04 p{ margin:15px 0 70px 0; font-size:20px;}
	#sec04 .inner ul li:nth-child(1) a{ width:170px;padding:15px 30px;}
	#sec04 .inner ul li:nth-child(1) a:before{ right:20px;}
	#sec04 .inner ul li:nth-child(2) img{ height:300px}
	#sec04 .inner ul li:nth-child(2) a:before{ width:70px; height:70px; background-size:20px auto;}
	
}

@media (max-width: 1500px){
	
	.popupZone {position: relative;width: calc((100% - 62%) - 100px);margin-left: 100px;}
	.popupZone:before {left: -50px;}
	
	#sec01, #sec02{ padding:0 15px;}

	#sec03 {padding: 100px 15px;}
	#sec03 .s01 ul li .area{ padding:37px;}
	
	#sec04{ margin:0;}
	#sec04 .inner{ padding:100px 15px;}
	
}

@media (max-width: 1280px){

	
	#sec03 .s01 ul{ display:block;}
	#sec03 .s01 ul li{display: grid; grid-template-columns:300px 1fr;}
	#sec03 .s01 ul li:before{ width:300px; height:auto}
	#sec03 .s01 ul li .area{}
	#sec03 .s02{ width:100%;}
	
	

}

@media (max-width: 1152px){
	.MVisual .item .MVisual-img{ height:500px;}
	
}

@media (max-width: 1024px){
	
	.mainContent .cTit{ padding-left:40px;}
	.mainContent .cTit h1::before{ width:30px;top: 22px;}
	.mainContent .cTit h1{ font-size:37px;}
	.mainContent .cTit p{ font-size:17px;}
	
	.MVisual{ width:100%; padding:0 15px; box-sizing:border-box;}
	.MVisual .control:after{ right:15px;}
	.popupZone{ width:100%; margin:70px 0 0 0; padding:70px 10px 140px 10px; box-sizing:border-box;}
	.popupZone:before{ display:none;}
	.popupZone .pop_img .item a img{ height:400px;}
	.popupZone .pop_img .item a{ margin:0 5px;}
	.popupZone .nss_pg{ bottom:70px; left:15px;}
	
	#sec01{ padding:0;}	
	#sec01 .inner{ display:block;}
	
	#sec02 .area ul{gap:10px;}

	
	#sec03 .s02 ul{gap:10px;}
	
	#sec04 .inner{ padding:70px 15px;}
	#sec04 .inner ul{ display:block;}
	#sec04 .inner ul li:nth-child(1){ margin-bottom:30px;}
	#sec04 p{ margin:15px 0 30px 0;}
	#sec04 .inner ul li:nth-child(2) img{ width:100%; height:auto}
	
	
	
	
	
	
}

@media (max-width: 800px){
	
	#sec02 .area ul{ display:block;}
	#sec02 .area li+li{ margin-top:10px;}
	#sec02 .area li a{ height:auto;}
	
	#sec03{ background:none;}
	#sec03 .cTit{ color:#1e2740}
	#sec03{ padding:0 15px;}
	#sec03 .s02{ width:100%; margin:37px 0;}
	#sec03 .s02 ul{gap:15px;grid-template-columns: repeat(2, 1fr);}
	#sec03 .s02 ul li a{ background:none; color:#1e2740; border:1px solid rgb(0,0,0,0.2)}
	#sec03 .s02 ul li a:hover{background-color:rgb(0,0,0,0.05)}
	
	#sec03 .s03{display: grid;grid-template-columns:repeat(2, 1fr);gap:15px;align-items:normal}
	#sec03 .s03 .area01{background:#222b48;padding:25px; box-sizing:border-box;border-radius:20px;}
	#sec03 .s03 dl dt{ position:relative; left:0;}
	#sec03 .s03 dl dd{ padding:0 0 0 15px;}
	#sec03 .s03 .area02 a{color:#1e2740;}
	#sec03 .s03 .area02 p{ display:none;}
	#sec03 .s03 .area02{ background-color:rgb(0,0,0,0.05); margin-left:0;padding:25px; border-radius:20px;}
	
	
	
	#sec04{ margin-top:15px;}
	#sec04 h2{ font-size:27px;}
	
	
	
}
@media (max-width: 640px){
	
	.mainContent .cTit h1{ font-size:27px; letter-spacing:0;}
	
	.MVisual .item .MVisual-img{ height:370px}
	.MVisual .control{ font-size:16px; padding:10px 10px 10px 20px;}
	.MVisual .item .area h2{ font-size:27px;}
	.MVisual .item .area b{ font-size:12px;}
	.MVisual .item .area p{ max-height:50px; height:50px;}

	.MVisual .control a, .popupZone .nss_pg a {font-size:18px; }
	
	.popupZone .pop_img .item .area{ padding-top:15px;}
	.popupZone .pop_img .item .area h2{ font-size:19px;}
	.popupZone .pop_img .item .area p{ font-size:16px; margin-top:5px}
	.popupZone .nss_pg{ font-size:16px;}
	
	#sec02 .area li a{ padding:30px;}
	#sec02 .area li:before{ right:25px;}
	
	
	#sec03 .s01 ul li{ display:block; border-radius:20px; overflow:hidden} 
	#sec03 .s01 ul li+li{ margin-top:15px;}
	#sec03 .s01 ul li:before{ width:100%; height:250px;}
	#sec03 .s01 ul li .area{ width:100%; box-sizing:border-box; height:auto; padding:35px 30px;}
	#sec03 .s01 ul li .area p br{ display:none;}
	#sec03 .s02 ul{ display:block; text-align:left;}
	#sec03 .s02 ul li+li{ margin-top:10px;}
	#sec03 .s02 ul li a{ position:relative; padding:30px 20px 30px 85px;}
	#sec03 .s02 ul li a::before{ position:absolute; top:15px; left:20px; width:50px; height:50px;}
	#sec03 .s02 strong{ margin:0;}
	#sec03 .s02 p br{ display:none;}

	#sec03 .s03{ display:block; }
	#sec03 .s03 .area02{ margin-top:15px;}
	#sec03 .s03 .area02 p{ display:block;}
	#sec03 .s03 .area02 p br{ display:none;}
	
	#sec04 p br{ display:none;}
	
	
	#sec04 h2{ font-size:22px;}
	#sec04 p{ font-size:16px;}
	
}

@media (max-width: 480px){
	
	
	
	.MVisual .item .MVisual-img{ height:300px}
	.MVisual .control .page span, .popupZone .nss_pg .page span {padding-left:35px; }
	.MVisual .control .page span:before, .popupZone .nss_pg .page span:before {width:27px;}
	
	
	.popupZone{margin:50px 0px 0 0px; padding:50px 10px 100px 10px;}
	.popupZone .nss_pg{ bottom:50px;}


	#sec02{ margin:50px 0;}
	
	
	#sec03 .s01 ul li .area p{ margin:5px 0 0 0;}

	#sec03 .s01 ul li .area .btn-Area a:before{ right:15px;}
	
	#sec04 .inner{ padding:50px 15px;}
	
	#sec04 .inner ul li:nth-child(2) a::before{ width:55px; height:55px;background-size: 15px auto;}
	
}

@media (max-width: 400px){
	
	.mainContent .cTit h1{ font-size:23px;}
	.mainContent .cTit h1:before{ top:12px;}
	
	.popupZone .pop_img .item a img{ height:500px;}
	
	#sec02 h1 span:before{}
	
	#sec02 .area02 .s02 ul li:nth-child(1) a:before{ display:none;}
	#sec02 .area02 .s02 ul li:nth-child(2) a{ background-size:95px auto}
	#sec02 h1 span:before{ top:-7px; font-size:30px;}
	
	#sec03 .s02 ul li a{ padding:25px 20px 25px 85px;}
	#sec03 .s02 ul li a::before{ width:50px; height:50px;}
	
	#sec04 h2 span br{ display:block}
	
	
	
}