
_body {overflow-x:hidden;}

/*header*/

#header .gnb_wrap .inner {position:relative; width:1300px; margin:0 auto;display: flex;justify-content: space-between;align-items: center;background:none;}
#header .gnb_wrap .inner .logo {width:15%;margin: 0 2%;box-sizing:initial; text-align:center;}
.gnb{width:55%; text-align:left; height:115px;}
#header {margin-bottom:-115px; width:100%; background:transparent; z-index:1001}
#header .gnb_wrap {position:relative; overflow:hidden; z-index:100;background-color:rgba(255, 255, 255, 80%); }
#header .gnb_wrap:before {content:""; display:block; position:absolute; top:115px; left:0; width:100%; height:205px;background-color:#fff; border-top:1px solid #eee;}
#header .gnb_wrap .inner .gnb ul {display:flex;justify-content:center;align-items:center;padding:0; text-align:center;}
#header .gnb_wrap .inner .gnb .menu {position:relative;width:100%;}
#header .gnb_wrap .inner .gnb > ul > li > a {display:block;height:110px;color:#000; font-size:16px; font-weight:600;font-family: 'NEXON Lv2 Gothic';margin-top:50px;}
#header .gnb_wrap .inner .gnb > ul > li > a:hover {text-decoration:none;}
#header .gnb_wrap .inner .gnb > ul > li > a.menu_inU {font-size:13px;color:#444;font-family: 'NEXON Lv2 Gothic';font-weight:400;margin-top:-116px;}
#header .gnb_wrap .inner .gnb > ul > li .depth2 {display:inherit;width:100%; min-height:187px; padding:0; opacity:0; transform:translateY(-20px); transition: all 0.3s ease-out; text-align:center; margin-top: -10%;}
#header .gnb_wrap.active .inner .gnb > ul > li .depth2 {opacity:1; transform:translateY(0);}
#header .gnb_wrap .inner .gnb > ul > li .depth2 li {margin-top:9px; width:100% !important}
#header .gnb_wrap .inner .gnb > ul > li .depth2 li:first-child {margin-top:0;}
#header .gnb_wrap .inner .gnb > ul > li .depth2 li a {color:#333; font-size:14px; letter-spacing:-0.5px;}
#header .gnb_wrap .inner .gnb > ul > li .depth2 li a:hover {color:#0042eb;}
#header .gnb_dim {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); opacity:.6; z-index:99;}
#gnb-mobile {display: none; opacity: 0;}

/*main_slider*/
.main_SC1 {position:relative;}
.swiper-container {width: 100%;height: 100%;overflow:hidden;}
.swiper-slide {position:relative;background-repeat:no-repeat;}
.slid1 {background-image:url('/img/main/main_slide1.jpg');height:950px !important;}
.slid2 {background-image:url('/img/main/main_slide2.jpg');height:950px !important;}
.slid3 {background-image:url('/img/main/main_slide4.jpg');height:950px !important;}
.swiper_text {position:absolute;top:40%;left:32%;opacity:0;visibility: hidden;transition:all 0.8s ease;
transition-delay:0.8s;transform:translateY(20px);}
.swiper_text img {display:block; position:absolute;z-index:10;}
.swiper_text img:first-child {top:-18px;left:222px;}
.swiper_text img:nth-child(2n) {top:63px;left:89px;}
.text_one img:nth-child(2n) {top:63px;left:20px;}
.swiper_text img:last-child {top:-173px;left:-136px;z-index:2;}
.swiper-slide-active .swiper_text {opacity:1;visibility:visible;transform:translateY(0px);}
.swiper-button-next:after, .swiper-button-prev:after {color:#fff;}
.swiper-button-next, .swiper-button-prev {top:56%;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:70px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:70px;}

/*sc2*/
.main_SC2 {background-image:url('/img/main/SC2_BG.jpg');background-size:100%;height:1000px;background-repeat:no-repeat;}
.mSC2_Wrap {width:1300px;margin:0 auto;padding-top: 100px;}
.SC2_title {text-align:center;}
.SC2_title h1{position:relative;font-size:40px;font-family: 'Raleway', sans-serif;color:#fff;font-weight:bold;}
.SC2_title h1::after {display:block;content:'01';font-size:150px;font-family: 'Raleway', sans-serif;font-weight:700;color:rgb(255 255 255 / 40%);position:absolute;top:-102px;left:43.5%;}
.SC2_title p {font-size:16px;color:#fff;font-family: 'NEXON Lv2 Gothic';margin:20px 0;}
.SC2_product {width: 1080px;margin: 50px auto;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.probox_set {background-color: rgb(255 255 255 / 85%);border-radius: 20px;padding: 20px;}
.probox_set:hover {background-color:#fff;transition:.6s;}
.setlong {width:610px;margin-right:26px;}
.setshort {width:443px;}
.setlong2 {width:700px;margin-top:26px;}
.setshort2 {width:350px;margin-top:26px;}
.Pset_name {display:flex;justify-content:space-between;align-items:center;align-items:center;padding:10px 20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.Pset_name h2 {font-size:20px;font-family: 'NEXON Lv2 Gothic';font-weight:bold;}
.Pset_name a {font-size:13px;font-family: 'NEXON Lv2 Gothic';}
.Pset_duct {display: flex;justify-content: space-around;align-items: center;flex-wrap: wrap;margin: 10px 0;}

/*sc3*/
.main_SC3 {position:relative; overflow:hidden;}
.main_SC3::after {display:block;content:'';width:740px;height:830px;background-color:rgb(230 230 230 / 47%);position:absolute;top:0;z-index:-2;}
.mSC3_Wrap {width:1080px;margin:0 auto;padding-top: 100px;}
.SC3_title {display:flex;justify-content:space-around;}
.SC3_title h1{position:relative;font-size:40px;font-family: 'Raleway', sans-serif;color:#000;font-weight:bold;}
.SC3_title h1::after {display:block;content:'02';font-size:150px;font-family: 'Raleway', sans-serif;font-weight:700;color:#d0d0d0;position:absolute;top:-102px;left:5%;z-index:-1;}
.sc3_Ttext {width:60%;}
.sc3_Ttext::before {display:block;content:'';width:50px;height:4px;background-color:#141b49;}
.sc3_Ttext p {font-size:18px;font-family: 'NEXON Lv2 Gothic';margin-top:20px;line-height:1.5;}
.sc3_img {text-align:right;margin:100px 0;}
.sc3_Wimg {position:relative;}
.sc3_Wimg img:first-child {position: absolute;top: 50px;left: 14%;z-index: 5;}
.sc3_Wimg img:nth-child(2) {width: 260px;margin-top:-35px;margin-right:50px;}
.sc3_tag {position:relative;margin-top:65px;}
.sc3_tag h3 {font-size:35px;font-family: 'Raleway', sans-serif;font-weight:bold;color:#fff;padding-top: 125px;padding-right: 30px;}
.sc3_tag::after {display:block;content:'';width:580px;height:230px;background-image: linear-gradient(124deg, #0090f3 45%, #0019e7);position:absolute;top:0;right:0;z-index:-1;}
.S3side {position:absolute;bottom:-7%;left:19%;}

/*sc4*/
.main_SC4 {position:relative;background-image:url('/img/main/main_sc4bg1.jpg');background-size:100%;height:560px;background-repeat:no-repeat;z-index:-2;}
.mSC4_Wrap {width:1080px;margin:0 auto;display: flex;justify-content: space-evenly;padding: 100px 0;}
.sc4_btn {position:relative;text-align:center;border:2px solid rgb(255 255 255 / 41%);width:400px;height:400px;}
.sc4_btn:frist-child {margin-right:85px;}
.btn4P {width: 80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.sc4_btn p {font-size:18px;font-family: 'NEXON Lv2 Gothic';margin:20px 0;color:#fff;line-height:1.4;}
.sc4_btn p.fakep {font-size:16px;background-color:#fff;color:#333;padding:5px 20px;border-radius:20px;}
.sc4_btn h2 {position:relative;font-size:35px;font-family: 'Raleway', sans-serif;font-weight:800;color:#fff;}
.sc4_btn:hover {width:300px;height:300px;border:2px solid #fff;background-image: linear-gradient(213deg, transparent 25%, #ff0000);transition: all .6s;margin-top:50px;}
.on {background-image:url('/img/main/main_sc4bg2.jpg');transition: all .6s;}
.on2 {background-image:url('/img/main/main_sc4bg1.jpg');transition: all .6s;}


/*sc5*/
.main_SC6 {background-color:#f6f6f6;}
.mSC5_Wrap, .mSC6_Wrap {width:1300px;margin:0 auto;padding:100px 0;}
.Mnotice_title h1, .Mservice_title h1 {font-size:30px;font-family: 'Raleway', sans-serif;font-weight:bold;margin-bottom: 20px;}
.Mnotice_title a {font-size:16px;font-family: 'NEXON Lv2 Gothic';border: 1px solid #ccc;padding: 5px 20px;border-radius: 20px;}
.Mnotice_title a:hover {background-color:#333;color:#fff;transition:.5s;border: 1px solid #333;}
.Mnotice, .Mservice {display: flex;justify-content: space-between;align-items: baseline;}
.name_CR {color:#ff0000;}
.Mnotice_info {width: 70%;}
.Mn_Fin {display:flex;justify-content:flex-start;flex-wrap: wrap;}
.Mn_infoset {width: 400px;height: 55px;display: flex;justify-content: space-evenly;border: 1px solid #ddd;align-items: center;padding: 15px 0;margin-right:20px;cursor:pointer;}
.Mn_infoset:nth-child(2), .Mn_infoset:last-child {margin-top:20px;}

.Mservice_info {width: 80%;display:flex;justify-content:space-evenly;align-items: center;}
.Ms_infoset {width: 30%;display: flex;justify-content: flex-start;align-items: center;}
.Ms_infoset:first-child {border-right:1px solid #ccc;}
.Ms_infoset p {font-size:20px;font-family: 'NEXON Lv2 Gothic';color:#444;font-weight: 600;line-height: 1.5;}
.Mn_infoset:hover {box-shadow:2px 2px 2px #ddd;transition: all .5s;}
.Ms_title {text-align:center;margin-right:10%;}
.Ms_title h1 {font-size:23px;font-family: 'Raleway', sans-serif;font-weight:bold;}

.footer {background-color:#1a1a1a;}
.footer_wrap {margin:0 60px;padding:50px 0;}
.footer_top {display: flex;justify-content: space-between;align-items: center;border-bottom:1px solid #ccc;padding:0 0 20px 0;}
.footT_set a {font-size:18px;font-family: 'NEXON Lv2 Gothic';color:#fff;margin-right:20px;}
.foote_info {display:flex;justify-content:space-between;align-items:center;margin:30px 0;}
.foote_info p {width:50%;font-size:13px;font-family: 'NEXON Lv2 Gothic';color:#fff;line-height:1.8;}
.foote_img {width:20%;text-align:right;}
.footer_last {text-align:center;font-size:12px;font-family: 'NEXON Lv2 Gothic';color:#fff;margin-top: 50px;}


@media screen and  (max-width:1780px) {

.main_SC2, .main_SC4 {background-size:cover;background-position: center;}

}


@media screen and  (max-width:1300px) {

#header .gnb_wrap .inner {width:100%;}

}












