[data-aos^=height1][data-aos^=height1].aos-animate{height:257px;}
[data-aos^=height2][data-aos^=height2].aos-animate{height:297px;}
[data-aos^=w100][data-aos^=w100].aos-animate{width: 100%;}
[data-aos^=mark][data-aos^=mark].aos-animate{ opacity:1; transform:scale(1)}
[data-aos^=mark2][data-aos^=mark2].aos-animate{ opacity:1; transform:scale(1) rotate(-4.5deg)}
 
.mark{opacity: 0;transform: scale(5);transform-origin: 50%;}
 #hd_pop img{width:auto !important;}

.inbox{width:1200px; margin:0 auto;}

.visual{position:relative; overflow:hidden; height:960px;}
.visual iframe{position:absolute; top:0; left:0;  }

@media (min-aspect-ratio: 16/9) {
  .visual iframe {
    height: 300% !important;
    top: -100% !important;
  }
}
@media (max-aspect-ratio: 16/9) {
  .visual iframe {
    width: 300% !important;
    left: -100% !important;
  }
}

.header{padding: 34px 45px;position: relative;top: 0;left: 0;z-index: 12;background-color: #282828;width: 100%;}
.header h1{position:absolute;top:50%;left:45px;margin-top: -28px;}
.header.fixed{position:fixed; padding:30px 0;}

.header {}
.header .inbox{position:relative;  }
.gnb ul{text-align:center;display: flex;align-items: center;justify-content: space-between;}
.gnb li{ vertical-align:middle;text-align:center; }
.gnb li a{display:block;color:#fff;font-size: 20px;font-weight:500;font-weight:500;line-height: 1.3em;}
 
.header >span{position:absolute;top: 0;right:0;display:flex;height:100%;width:300px;background-color:#e8bf65;justify-content: center;align-items: center;}
.header >span img{width: 235px;}


.wrap {padding-bottom: 100px !important;}

.section h3{text-align:center;}
.section p{text-align:center;}

.sec_01{position:relative; background-color:#1c1c1c; padding:140px 0 65px}
.sec_01 h3{margin-bottom:40px;}
.sec_01 span{position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/con1_point.png) no-repeat 50% 0;}


.sec_02{background:url(/images/con2_bg.png) no-repeat 50%; padding:150px 0 320px}
.sec_02 h3{}

.banner{background:url(/images/s_bg_y.png) no-repeat 50%;}
.banner .inbox{display:flex;height:180px;align-items: center;justify-content: center;}


.sec_03{background:url(/images/con3_bg.png) no-repeat 50%; padding:120px 0 100px}
.sec_03 h3{margin-bottom:45px;}
.sec_03 div{position:relative;text-align: center; overflow:hidden}
.sec_03 span{position:absolute;display:block;top: 0;left:0;width:100%;text-align:center;}


.sec_04{position:relative; background:url(/images/con4_bg.png) no-repeat 50%; padding:120px 0 100px;}
.sec_04 h3{margin-bottom:70px;}
.sec_04 .inbox>div{position:relative;}
.sec_04 .inbox>div span{position:absolute; top:330px; left:75px; width:auto;}
.sec_04 .inbox>div div{position:absolute; top:360px; right:78px; width:435px; height:280px; background-color:#000}
.sec_04 .inbox>div div iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
.sec_04>span{display:block; position:absolute; top:324px; left:0; width:100%; height:337px; background:url(/images/con4_point.png) no-repeat 50%;}


.sec_05{padding-top: 93px;background:url(/images/con5_bg.png) no-repeat 50%;}
.sec_05 .inbox{position:relative;}
.sec_05 h3{margin-bottom:50px;}
.sec_05 li{position:relative; width:100%;}
.sec_05 li div{background: #000;position:absolute;bottom:90px;right: 115px;width: 430px;height: 250px;}
.sec_05 li div iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
.sec_05 .inbox>span{position:absolute; bottom:227px; cursor:pointer; z-index:10}
.sec_05 .l_btn{left:0;}
.sec_05 .r_btn{right:0;}


.sec_06{background:url(/images/con6_bg.png) no-repeat 50% #000; padding:100px 0 70px;}
.sec_06 h3{margin-bottom:45px;}
.sec_06 .inbox>div{position:relative;}
.sec_06 .form{background-color:#fff;border:4px solid #dacb6c;padding:20px 30px;width: 480px;}
.sec_06 .form th,.sec_06 .form td{padding:5px 0;}
.sec_06 .form th{font-size:18px;font-weight:600;text-align: left;}
.sec_06 .form td input,.sec_06 .form td select{height:60px;padding: 0 13px;border:1px solid #bfbfbf;width: 100%;color: #999999;font-size: 18px;font-weight: 600;}
.sec_06 .form td select{width: 159px;}
.sec_06 .form p{font-size:16px;font-weight:500;text-align: center;padding: 20px 0;}
.sec_06 .form p input{width:12px; height:12px;}
.sec_06 .form p label{margin:0 5px}
.sec_06 .form button{width:100%;height:70px;border-radius:35px;background-color:#aa9049; color:#fff; font-size:30px;}

.sec_06 .inbox>div>p{color:#d8c968; font-size:16px; line-height:1.4em; margin-top:10px;}
.sec_06 .inbox>div>span{position:absolute; top:0; right:0;}


.banner2{background:url(/images/s_bg_b.png) no-repeat 50%;}
.banner2 .inbox{display:flex;height:330px;align-items: center;justify-content: center;}



.sec_07{padding:70px 0 90px; background-color:#eeece8;}
.sec_07 h3{margin-bottom:25px}
.sec_07 .graph{position:relative; width:100%; height:551px; background:url(/images/con7_1_img.png) no-repeat 50%;}
.sec_07 .graph span{position:absolute; bottom:220px; left:280px; width:80px; height:0; background:url(/images/con7_1_point.png) no-repeat 0 100%;} 
.sec_07 span.aos-animate {transition: all 0.5s 1s;-webkit-animation: flash 2s ease-in-out infinite 3s; animation: flash 2s ease-in-out infinite 3s;-webkit-transition: all 0.5s 1s;}


.sec_08{padding:65px 0 100px; height:676px; background:url(/images/con7_2_bg.png) no-repeat 50%}


.sec_09{padding:70px 0 90px; background-color:#eeece8;}
.sec_09 h3{margin-bottom:25px}
.sec_09 .graph{position:relative; width:100%; height:544px; background:url(/images/con7_3_img.png) no-repeat 50%;}
.sec_09 .graph span{position:absolute;bottom: 165px;left:280px;width:117px;height:0;background:url(/images/con7_3_point.png) no-repeat 0 100%;} 
.sec_09 span.aos-animate {transition: all 0.5s 1s;-webkit-animation: flash 2s ease-in-out infinite 3s; animation: flash 2s ease-in-out infinite 3s;-webkit-transition: all 0.5s 1s;}

.sec_10{background:url(/images/con8_bg.png) no-repeat 50% #000; padding:96px 0 0; height:796px;}


.banner3{background-color:#000}
.banner3 .inbox{display:flex;height:180px;align-items: center;justify-content: center;}



 
.mid_form{background:url(/images/con9_bg.png) no-repeat 50%;padding: 98px 0;}
.mid_form .inbox{ text-align:center;}
.mid_form h3{position:relative;text-align:center;margin-bottom: 20px;padding-top:90px}
.mid_form h3 span{position:absolute; top:0; left:0; width:100%; text-align:center;}
.mid_form input[type=text]{width:230px; vertical-align:middle; margin:0 5px}
.mid_form button{display:inline-block; width:230px; height:70px; vertical-align:middle; margin-left:10px; font-family:'GmarketSans',sans-serif; text-align:center; color:#fff; font-size:30px; font-weight:bold; background-color:#b70131; border:0;}



.form_box{text-align:left;}
.form_box div{
    position: relative;
    margin-bottom: 5px;
}
.form_box input[type=text]{height:60px; padding:0 0 0 1%; width:220px;}
.form_box input{vertical-align:middle; background-color:#fff; color:#282828; font-size:16px;  border:0;}
.form_box label{color:#fff;font-size:13px;display:inline-block;vertical-align:middle;margin-right:15px;}
.form_box label a{color:#fff; font-weight:500;}




.sec_11{background:url(/images/con10_bg.png) no-repeat 50%;padding: 267px 0 100px;}

.sec_12{background-color:#000; padding:50px 0;}


.sec_13{background:url(/images/con12_bg.png) no-repeat 50%; }
.sec_13 .inbox{position:relative; padding-top:118px; height:787px;}
.sec_13 h3{}
.sec_13 span{position:absolute; top:230px; right:0;}


.sec_14{padding-top:110px; height:970px; background:url(/images/con13_bg.png) no-repeat 50%;}
.sec_14 h3{} 


.sec_15{background: url(/images/con15_bg.png) no-repeat 50%;padding:50px 0;}
.sec_15 ul{display:flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.sec_15 li{width:50%;padding: 45px 0;}

.sec_16{background-color:#92762d; padding:110px 0 80px;}
.sec_16 h3{margin-bottom:45px;}
.sec_16 .inbox div{position:relative;width: 1100px;height: 630px;margin:0 auto;}
.sec_16 .inbox div iframe{position:absolute; top:0; left:0; width:100%; height:100%;}


.sec_17{background:url(/images/con16_bg.png) no-repeat 50%; padding:110px 0 80px;}
.sec_17 h3{margin-bottom:30px;}
.sec_17 p{text-align:center;}


.sec_18{background:url(/images/con17_bg.png) no-repeat 50%; height:700px; padding-top:130px;}

.sec_19{background:url(/images/con18_bg.png) no-repeat 50%; height:960px; padding-top:120px}


.sec_20{background:url(/images/con19_bg.png) no-repeat 50%;}
.sec_20 .inbox{position:relative;padding: 125px 0 100px;}
.sec_20 span{position:absolute; display:inline-block;}
.sec_20 .icon1{top:-155px; left:30px;}
.sec_20 .icon2{top:-50px; right:20px;}
.sec_20 p{text-align:center;}


.sec_21{background:url(/images/con20_bg.png) no-repeat 50%;padding: 120px 0 115px;}
.sec_21 h3{margin-bottom: 120px;}

.footer{background-color:#1f1f1f; padding:40px 0}
.footer p em{display:block; font-size:20px; font-weight:bold; margin-bottom:15px}
.footer p{color:#878787; font-size:18px; line-height:1.4em; text-align:center;}



 
 
.quick{padding: 10px 0 10px;background-color: #1b1b1b;position: fixed;z-index: 10;left: 0;bottom: 0;width: 100%;opacity:0;}
.quick .inbox{width:1200px !important;font-size: 0;position: relative;}
.quick h5{display:inline-block;width:182px;height:70px;background:url(/images/fix_logo.png) no-repeat 50%;vertical-align: middle;}

.quick .form_box{display:inline-block;margin: 0 16px 0 40px;vertical-align: middle;}
.quick .form_box input[type=text],.quick .form_box textarea{width:170px;  margin-right:5px; height:60px}
.quick .form_box select{position:absolute;display:block !important;opacity:0;top: 0;left: 49%;width: 170px;height: 50px;}
.quick label{margin-top:5px;}
.quick button{display:inline-block;width:200px;height:80px;background: url(/images/fix_send.png) no-repeat 50%;border:0;vertical-align: top;}