@charset "utf-8";

/* visual */
.visual_wrap{width:100%;height:600px;}
.visual_slider{width:100%;height:600px;margin-top:90px;}
.visual_con{height:600px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.visual_con1{background-image:url("../img/main/main_background01.jpg");}
.visual_con2{background-image:url("../img/main/main_background02.jpg");}
.visual_con3{background-image:url("../img/main/main_background03.jpg");}
.visual_con4{background-image:url("../img/main/main_background04.jpg");}

/* section common */
.section_wrap{padding:50px 0;}
.section_wrap>h3{font-size:3.4em;font-weight:bold;color:#777;text-align:center;line-height:1;}
.section_con{position:relative;padding:50px 0 0;overflow:hidden;}
.full_wrap{padding:100px 0;}
.section_full_wrap>h3{margin-bottom:20px;font-size:2.4em;font-weight:bold;line-height:1;}

/* section_news */
.section_wrap.news{background:#f5f5f5;}
.news_wrap{float:left;width:calc(33.33% - 30px);background:#fff;box-sizing:border-box;}
.news_wrap:nth-of-type(2){margin:0 45px;}
.news_link{display:block;position:relative;overflow:hidden;}
.news_link:before{content:"";position:absolute;right:-52px;bottom:-52px;width:60px;height:60px;border:1px solid #ccc;background:#f5f5f5;transform:rotate(45deg);transition:0.3s;box-sizing:border-box;}
.news_link:hover:before{right:-30px;bottom:-30px;}
.news_link:after{content:"";position:absolute;right:-43px;bottom:-43px;width:43px;height:43px;border:1px solid #ccc;transition:0.3s;box-sizing:border-box;}
.news_link:hover:after{right:-1px;bottom:-1px;}
.news_img_wrap{height:265px;overflow:hidden;}
.news_img_wrap>img{width:100%;transition:0.3s;}
.news_link:hover>.news_img_wrap>img{transform:scale(1.1);}
.news_text{padding:20px;border:1px solid #ccc;border-top:none;}
.news_title{font-size:1.4em;font-weight:bold;}
.news_con{margin-top:20px;margin-bottom:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.news_more{float:left;position:relative;padding-right:20px;margin-top:20px;margin-left:50%;font-size:1.2em;transform:translateX(-50%);}
.news_more:before{content:"";position:absolute;right:2px;top:11px;width:12px;height:2px;background:#333;transition:0.3s;}
.news_more:after{content:"";position:absolute;right:7px;top:6px;width:2px;height:12px;background:#333;transition:0.3s;}
.news_more:hover:before{background:#003c68;transform:rotate(180deg);}
.news_more:hover:after{background:#003c68;transform:rotate(180deg);}

/* section_business */
.business_wrap{position:relative;width:100%;padding:120px 0 270px 40px;background-color:#fff;background-repeat:no-repeat;background-position:left center;background-size:cover;box-sizing:border-box;transition:0.3s;}
.business_wrap:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.3;transition:0.3s;}
.business_1{position:relative;display:block;background-image:url("../img/main/business_3.jpg");}
.business_2{position:absolute;left:33.33%;top:50px;background-image:url("../img/main/business_2.jpg");}
.business_3{position:absolute;left:66.66%;top:50px;background-image:url("../img/main/business_1.jpg");}
.business_wrap.on:before{opacity:0;}
.business_2.on{left:25%;}
.business_3.on{left:50%;}
.business_2.off1{left:50%;}
.business_2.off2{left:25%;}
.business_3.off{left:75%;}
.business_text{position:relative;transition:0.3s;transform-style:preserve-3d;}
.business_text_en{font-size:1.5em;color:#fff;transform:translate3d(0px, 0px, 11px);}
.business_text_kr{position:absolute;left:0;top:0;font-size:1.6em;color:#fff;transform:rotateX(-90deg) translate3d(0px, 0px, 11px);transition:0.3s;}
.business_wrap:hover>.business_text{-webkit-transform:rotateX(90deg);}
.business_text_con{position:absolute;left:40px;top:200px;font-size:1.2em;color:#fff;line-height:24px;text-shadow:0px 0px 3px #000;transition:0.3s;opacity:0;}
.business_wrap:hover>.business_text_con{top:180px;opacity:1;}

.business_more_btn{position:absolute;left:40px;top:200px;font-size:1.2em;color:#fff;opacity:0.5;transition:0.3s;}
.business_more_btn:before{content:"";position:absolute;left:0;top:-8px;width:62px;height:2px;background:#fff;transition:0.3s;}
.business_more_btn>a{color:#fff;}
.business_more_btn>a:before{content:"";position:absolute;right:-36px;top:-13px;width:16px;height:2px;background:#fff;transform:rotate(45deg);transition:0.3s;}
.business_more_btn>a:after{content:"";position:absolute;right:-36px;top:-3px;width:16px;height:2px;background:#fff;transform:rotate(-45deg);transition:0.3s;}

.business_more_btn.view_product{top:260px;}
.business_more_btn.view_product:before{width:86px;}
.business_more_btn.view_product>a:before{right:-26px;}
.business_more_btn.view_product>a:after{right:-26px;}

.business_more_btn.on:before{left:10px;}
.business_more_btn.on>a:before,.business_more_btn.on>a:after{right:-46px;}
.business_more_btn.view_product.on>a:before,.business_more_btn.view_product.on>a:after{right:-36px;}

/* smart_city */
.smart_city{background:linear-gradient(#9cd1e4, #fff);}
.smart_city>.section_full_wrap{overflow:hidden;}
.smart_city_title{color:#fff;}
.smart_city_wrap{position:relative;}
.smart_city_img_wrap{position:absolute;left:0;top:0;opacity:0;transition:1s;}
.smart_city_img_bg1{position:relative;}
.smart_city_img_bg1.on{position:relative;animation:smart_city1 0.4s forwards;}
.smart_city_img_bg2.on{animation:smart_city2 0.4s 0.4s forwards;}
.smart_city_img_bg3.on{animation:smart_city3 0.4s 0.8s forwards;}
.smart_city_img_bg4.on{animation:smart_city4 0.4s 1.2s forwards;}
.smart_city_img_wrap>img{width:100%;}

@keyframes smart_city1{0%{top:20px;opacity:0;}100%{top:0;opacity:1;}}
@keyframes smart_city2{0%{opacity:0;}100%{opacity:1;}}
@keyframes smart_city3{0%{top:20px;opacity:0;}100%{top:0;opacity:1;}}
@keyframes smart_city4{0%{opacity:0;}100%{opacity:1;}}

.smart_city_img_car{left:initial;right:0;width:100%;}
.img_car1.on{animation:smart_car1 20s 1s linear infinite;}
.img_car2.on{animation:smart_car2 15s 2s linear infinite;}
.img_car3.on{animation:smart_car3 20s 1s linear infinite;}

@keyframes smart_car1{0%{right:0;opacity:0;}10%{right:0;opacity:0;}15%{right:6.5384%;opacity:1;}70%{right:78.4615%;opacity:1;}75%{right:85%;opacity:0;}100%{right:85%;opacity:0;}}
@keyframes smart_car2{0%{right:0;opacity:0;}20%{right:0;opacity:0;}25%{right:-5.6666%;opacity:1;}90%{right:-79.3333%;opacity:1;}95%{right:-85%;opacity:0;}100%{right:-85%;opacity:0;}}
@keyframes smart_car3{0%{right:0;opacity:0;}25%{right:0;opacity:0;}30%{right:5.8666%;opacity:1;}95%{right:82.1333%;opacity:1;}100%{right:88%;opacity:0;}}

.smart_city_text_wrap{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;}
.smart_city_text_wrap.on{animation:smart_city_text 0.4s 1.6s forwards;opacity:0;}
.smart_city_text_wrap>p{position:absolute;border-radius:16px;transition:0.3s;}
.smart_city_text1{left:60px;top:102px;}
.smart_city_text2{left:298px;top:82px;}
.smart_city_text3{left:448px;top:170px;}
.smart_city_text4{left:600px;top:106px;}
.smart_city_text5{left:778px;top:60px;}
.smart_city_text6{left:968px;top:116px;}

@keyframes smart_city_text{0%{top:10px;opacity:0;}100%{top:0;opacity:1;}}

.smart_city_text_wrap>p>span:nth-of-type(1){display:block;padding:5px 15px 5px 35px;border-radius:16px;font-size:18px;background:#fff url("../img/main/smart_city_ani_text.png") no-repeat center;background-position:left 12px center;box-sizing:border-box;cursor:default;transition:0.3s;}
.smart_city_text_wrap>p>span:nth-of-type(1):after{content:"";position:absolute;left:12px;top:9px;width:16px;height:14px;background:#fff;animation:smart_city_text_after 1s 2s linear infinite;}
.smart_city_text_wrap>p>span:nth-of-type(1):hover{box-shadow:0 0 15px #77a5a2;}
.smart_city_text_wrap>p>span:nth-of-type(1):hover~span{opacity:1;}
@keyframes smart_city_text_after{0%{height:14px;}70%{height:0;}100%{height:0;}}

.smart_city_text_wrap>p>span:nth-of-type(2){position:absolute;left:0;top:34px;padding:5px 15px;border-radius:16px;font-size:14px;background:#fff;opacity:0;cursor:default;transition:0.3s;z-index:2;box-shadow:5px 5px 10px #95c1bc;}
.smart_city_text1>span:nth-of-type(2){width:190%;}
.smart_city_text2>span:nth-of-type(2){width:140%;}
.smart_city_text3>span:nth-of-type(2){width:120%;}
.smart_city_text4>span:nth-of-type(2){width:190%;}
.smart_city_text5>span:nth-of-type(2){width:120%;}
.smart_city_text_wrap>p.smart_city_text6>span:nth-of-type(2){left:initial;right:0;width:360%;}

/* lighting_control */
.lighting_control{background:#fff;}
.lighting_control_wrap{padding-top:60px;}
.lighting_control_left_wrap{float:left;position:relative;width:500px;height:500px;padding-top:410px;text-align:center;box-sizing:border-box;}
.lighting_control_right_wrap{float:right;width:calc(100% - 500px);padding-left:50px;box-sizing:border-box;}
.lighting_control_left_wrap>p{position:absolute;opacity:0;transition:1s;}
.lighting_img_pc{left:100px;bottom:260px;}
.lighting_img_tablet{left:-60px;bottom:160px;}
.lighting_img_mobile{left:410px;bottom:160px;}
.lighting_img_pc.on{bottom:200px;opacity:1;}
.lighting_img_tablet.on{left:0px;opacity:1;}
.lighting_img_mobile.on{left:350px;opacity:1;}
.lighting_more_btn{padding:10px 20px;color:#fff;background:#164267;transition:0.3s;}
.lighting_more_btn:hover,.lighting_more_btn:focus{color:#fff;background:#215e91;}

.lihgting_con_wrap{position:relative;right:-60px;width:calc(100% - 60px);padding:10px 0 15px 100px;margin-bottom:20px;background-color:#fff;background-repeat:no-repeat;background-position:left 15px center;box-sizing:border-box;transition:0.3s;opacity:0;cursor:default;}

@keyframes lighting_con{0%{right:-60px;opacity:0;}100%{right:0;opacity:1;}}
.lihgting_con_wrap.on:nth-of-type(1){animation:lighting_con 0.4s forwards;background-image:url(../img/main/lighting_lamp_icon_data.png);}
.lihgting_con_wrap.on:nth-of-type(2){animation:lighting_con 0.4s 0.2s forwards;background-image:url(../img/main/lighting_lamp_icon_location.png);}
.lihgting_con_wrap.on:nth-of-type(3){animation:lighting_con 0.4s 0.4s forwards;background-image:url(../img/main/lighting_lamp_icon_control.png);}
.lihgting_con_wrap.on:nth-of-type(4){animation:lighting_con 0.4s 0.6s forwards;background-image:url(../img/main/lighting_lamp_icon_interface.png);}
.lihgting_con_wrap:hover{box-shadow:0 0 20px #ccc;}
.lihgting_con_wrap>span{font-size:1.6em;color:#154166;line-height:1.6em;}
.lihgting_con_wrap>p{font-size:1.2em;}

/* smart_lamp */
.smart_lamp{background:#53c5d6;}
.smart_lamp.on{animation:smart_lamp_bg 10s infinite;transition:0.3s;}
.smart_lamp_title{color:#fff;}
.smart_lamp_wrap{background:url(../img/main/smart_lamp_ani_bg.png) no-repeat center bottom;background-size:contain;position:relative;}
.smart_lamp_img_wrap{position:absolute;left:0;top:0;width:100%;transition:0.3s;}
.smart_lamp_img_bg{position:relative;}
.smart_lamp_img_car{opacity:0;}
.smart_lamp_img_car.on{animation:smart_lamp_car 10s linear infinite;}
.smart_lamp_img_lamp{opacity:0;}
.smart_lamp_img_lamp.on:nth-of-type(3){animation:smart_lamp_light1 10s infinite;}
.smart_lamp_img_lamp.on:nth-of-type(4){animation:smart_lamp_light2 10s infinite;}
.smart_lamp_img_lamp.on:nth-of-type(5){animation:smart_lamp_light3 10s infinite;}
.smart_lamp_img_lamp.on:nth-of-type(6){animation:smart_lamp_light4 10s infinite;}
.smart_lamp_img_lamp.on:nth-of-type(7){animation:smart_lamp_light5 10s infinite;}
.smart_lamp_img_lamp.on:nth-of-type(8){animation:smart_lamp_light6 10s infinite;}
.smart_lamp_img_lamp.on:nth-of-type(9){animation:smart_lamp_light7 10s infinite;}
.smart_lamp_img_lamp.on:nth-of-type(10){animation:smart_lamp_light8 10s infinite;}
.smart_lamp_img_wrap>img{width:100%;}

@keyframes smart_lamp_bg{0%{background-color:#53c5d6;}10%{background-color:#080822;}80%{background-color:#080822;}90%{background-color:#53c5d6;}100%{background-color:#53c5d6;}}

@keyframes smart_lamp_car{0%{left:0;opacity:0;}5%{left:0;opacity:0;}12%{left:0;opacity:1;}15%{left:0;opacity:1;}55%{left:-81.0344%;opacity:1;}60%{left:-81.0344%;opacity:0;}100%{left:-81.0344%;opacity:0;}}

@keyframes smart_lamp_light1{0%{opacity:0;}10%{opacity:0;}12%{opacity:0.2;}44%{opacity:0.2;}52%{opacity:0.5;}62%{opacity:0.5;}70%{opacity:0.2;}80%{opacity:0.2;}90%{opacity:0;}100%{opacity:0;}}
@keyframes smart_lamp_light2{0%{opacity:0;}10%{opacity:0;}12%{opacity:0.2;}40%{opacity:0.2;}48%{opacity:0.5;}58%{opacity:0.5;}66%{opacity:0.2;}80%{opacity:0.2;}90%{opacity:0;}100%{opacity:0;}}
@keyframes smart_lamp_light3{0%{opacity:0;}10%{opacity:0;}12%{opacity:0.2;}36%{opacity:0.2;}44%{opacity:0.5;}54%{opacity:0.5;}62%{opacity:0.2;}80%{opacity:0.2;}90%{opacity:0;}100%{opacity:0;}}
@keyframes smart_lamp_light4{0%{opacity:0;}10%{opacity:0;}12%{opacity:0.2;}32%{opacity:0.2;}40%{opacity:0.5;}50%{opacity:0.5;}58%{opacity:0.2;}80%{opacity:0.2;}90%{opacity:0;}100%{opacity:0;}}
@keyframes smart_lamp_light5{0%{opacity:0;}10%{opacity:0;}12%{opacity:0.2;}28%{opacity:0.2;}36%{opacity:0.5;}46%{opacity:0.5;}54%{opacity:0.2;}80%{opacity:0.2;}90%{opacity:0;}100%{opacity:0;}}
@keyframes smart_lamp_light6{0%{opacity:0;}10%{opacity:0;}12%{opacity:0.2;}24%{opacity:0.2;}32%{opacity:0.5;}42%{opacity:0.5;}50%{opacity:0.2;}80%{opacity:0.2;}90%{opacity:0;}100%{opacity:0;}}
@keyframes smart_lamp_light7{0%{opacity:0;}10%{opacity:0;}12%{opacity:0.2;}20%{opacity:0.2;}28%{opacity:0.5;}38%{opacity:0.5;}46%{opacity:0.2;}80%{opacity:0.2;}90%{opacity:0;}100%{opacity:0;}}
@keyframes smart_lamp_light8{0%{opacity:0;}10%{opacity:0;}12%{opacity:0.2;}16%{opacity:0.2;}24%{opacity:0.5;}34%{opacity:0.5;}42%{opacity:0.2;}80%{opacity:0.2;}90%{opacity:0;}100%{opacity:0;}}

/* product */
.product{border-bottom:1px solid #ccc;}
.product_list_wrap{padding-top:100px;}
.product_list_wrap>li{float:left;width:50%;}
.product_list_wrap>li>div{float:left;width:50%;}
.product_list_wrap>li>div>a{display:block;margin:0 20px 40px;background:#fff;transition:0.3s;}
.product_list_wrap>li>div>a:hover{box-shadow:0 0 20px #ccc;}
.product_list_wrap>li>div>a>p{position:relative;height:150px;padding:0 50px 0;text-align:center;background-repeat:no-repeat;background-position:center;}
.product_list_wrap>li:nth-of-type(1)>div:nth-of-type(1)>a>p{background-image:url("../img/main/product_wireless_control.png");}
.product_list_wrap>li:nth-of-type(1)>div:nth-of-type(2)>a>p{background-image:url("../img/main/product_light.png");}
.product_list_wrap>li:nth-of-type(2)>div:nth-of-type(1)>a>p{background-image:url("../img/main/product_slight.png");}
.product_list_wrap>li:nth-of-type(2)>div:nth-of-type(2)>a>p{background-image:url("../img/main/product_dist.png");}
.product_list_wrap>li:nth-of-type(3)>div:nth-of-type(1)>a>p{background-image:url("../img/main/product_dimming.png");}
.product_list_wrap>li:nth-of-type(3)>div:nth-of-type(2)>a>p{background-image:url("../img/main/product_led.png");}
.product_list_wrap>li:nth-of-type(4)>div:nth-of-type(1)>a>p{background-image:url("../img/main/product_nbiot.png");}
.product_list_wrap>li>div>a>p:before{content:"";position:absolute;left:50%;bottom:0;width:150px;height:1px;background:#ccc;transform:translateX(-50%);}
.product_list_wrap>li>div>a>p>img{width:100%;opacity:0;transition:0.3s;}
.product_list_wrap>li>div>a>p>img.on{opacity:1;}
.product_list_wrap>li>div>a>div{position:relative;padding:10px 0 20px;}
.product_list_wrap>li>div>a>div:before{content:"";position:absolute;left:50%;top:-1px;width:0;height:1px;background:#164267;transform:translateX(-50%);transition:0.3s;}
.product_list_wrap>li>div>a:hover>div:before{width:150px;}
.product_list_wrap>li>div>a>div>span{display:block;font-size:1.4em;font-weight:bold;color:#154166;text-align:center;line-height:40px;}
.product_list_wrap>li>div>a>div>p{height:60px;text-align:center;line-height:20px;}

/* partner */
.partner{background:url("../img/main/partner_bg.jpg") no-repeat fixed center;background-size:cover;}
.partner_list_wrap>li{float:left;width:20%;text-align:center;cursor:pointer;}
.partner_list{position:relative;padding:10px;margin:0 10px 10px;border:1px solid #ccc;background:#fff;box-sizing:border-box;transition:0.3s;overflow:hidden;}
.partner_img{transition:0.3s;}
.partner_img>img{width:100%;transition:0.3s;}
.partner_text{position:absolute;left:0;top:160px;width:100%;height:100%;transition:0.3s;}
.partner_text_title{font-size:1.6em;line-height:52px;transition:0.3s;}
.partner_text_con{position:relative;padding-top:120px;font-size:1.4em;}
.partner_text_con>span{position:absolute;left:0;top:0;width:100%;font-size:5em;line-height:120px;}
.partner_list.on{box-shadow:0px 0px 10px #aaa;}
.partner_list.on>.partner_img{opacity:0.3;}
.partner_list.on>.partner_text{top:0;}
.partner_list.on>.partner_text>.partner_text_title{color:#fff;background:#164267;}

/* popup */
/* noto-sans-kr-regular - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-kr-v13-korean-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-kr-v13-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v13-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v13-korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v13-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v13-korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* do-hyeon-regular - korean */
@font-face {
  font-family: 'Do Hyeon';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/do-hyeon-v11-korean-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/do-hyeon-v11-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/do-hyeon-v11-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/do-hyeon-v11-korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/do-hyeon-v11-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/do-hyeon-v11-korean-regular.svg#DoHyeon') format('svg'); /* Legacy iOS */
}
/* nanum-gothic-regular - korean */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nanum-gothic-v17-korean-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/nanum-gothic-v17-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-gothic-v17-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nanum-gothic-v17-korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nanum-gothic-v17-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nanum-gothic-v17-korean-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
/* gothic-a1-regular - korean */
@font-face {
  font-family: 'Gothic A1';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gothic-a1-v8-korean-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/gothic-a1-v8-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/gothic-a1-v8-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/gothic-a1-v8-korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/gothic-a1-v8-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/gothic-a1-v8-korean-regular.svg#GothicA1') format('svg'); /* Legacy iOS */
}

.view_popup_btn{position:fixed;left:60px;top:40px;width:50px;height:50px;border:none;text-indent:-9999em;background:#21407d;box-sizing:border-box;z-index:9009;}
.view_popup_btn:before{content:"";position:absolute;right:13px;top:14px;width:23px;height:6px;background:#fff;transform:rotateZ(-45deg);transform-origin:right top;transition:0.2s;}
.view_popup_btn:after{content:"";position:absolute;left:13px;top:14px;width:23px;height:6px;background:#fff;transform:rotateZ(45deg);transform-origin:left top;transition:0.2s;}

.main_popup_wrap{position:fixed;left:0;top:90px;width:600px;padding:20px;font-family:'Gothic A1';color:#666;background-color:#21407d;box-sizing:border-box;z-index:9008;}
.main_popup_close_btn{position:absolute;right:20px;top:20px;width:40px;height:40px;border:none;text-indent:-9999em;background:transparent;}
.main_popup_close_btn:before{content:"";position:absolute;right:11px;top:9px;width:33px;height:2px;background:#666;transform:rotateZ(-45deg);transform-origin:right top;transition:0.2s;}
.main_popup_close_btn:after{content:"";position:absolute;left:7px;top:9px;width:33px;height:2px;background:#666;transform:rotateZ(45deg);transform-origin:left top;transition:0.2s;}
.main_popup_close_btn:hover:before,.main_popup_close_btn:hover:after{background:#000;}
.main_pop_box{padding:20px;background:#fff;}
.main_popup_title{padding:20px 0;font-weight:bold;line-height:1;}
.main_popup_title>p{font-size:2.8em;color:#21407d;}
.main_popup_content{padding:10px 0 30px;border-top:2px solid #21407d;border-bottom:2px solid #21407d;font-size:1.2em;line-height:30px;}
.main_popup_content>span{font-size:1.2em;font-weight:bold;color:#21407d;}
.main_popup_content>div{border-bottom:1px dashed #ccc;}
.main_popup_content>div.no_devide>div{width:100%;}
.main_popup_content>div:last-child{border-bottom:none;}
.main_popup_content>div>p{float:left;width:130px;padding:10px 0;font-weight:bold;color:#21407d;}
.main_popup_content>div>div{float:left;width:calc(100% - 130px);padding:10px 0;}
.main_popup_content>div>div>span{display:block;font-weight:bold;}
.main_popup_link{margin-top:20px;text-align:right;}
.main_popup_link>a{display:inline-block;padding:10px;border:1px solid #aaa;font-weight:bold;line-height:1;transition:0.2s;}
.main_popup_link>a:hover{display:inline-block;padding:10px;border:1px solid #3399fe;color:#3399fe;line-height:1;}


.new_year_wrap{position:fixed;left:10px;top:100px;width:500px;border-radius:10px;background:url('../img/popup/2024.jpg') no-repeat top center;background-size:500px;z-index:99;overflow:hidden;box-shadow:0 0 10px #333;}
.new_year_wrap>div{width:100%;padding:10px;margin-top:500px;text-align:right;background:#fff;box-sizing:border-box;}
.new_year_wrap>div>button{display:inline-block;width:100px;border:1px solid #ccc;text-align:center;line-height:38px;background:#fff;box-sizing:border-box;}


.main_popup_wrap1{position:fixed;left:10px;top:100px;border-radius:10px;overflow:hidden;box-sizing:border-box;z-index:99;box-shadow:0 0 10px #333;}
.main_popup_content1{width:300px;}
.main_popup_content1>img{max-width:100%;max-height:100%;}
.main_popup_active1{padding:10px;background:#fff;box-sizing:border-box;}
.main_popup_active1_title{margin:10px 0;font-size:18px;font-weight:bold;text-align:center;line-height:1;}
.main_popup_btn_wrap1{text-align:right;background:url('../img/popup/anyang.png') no-repeat center top 5px;background-size:75px;}
.main_popup_btn_wrap1>a.img_btn{display:block;width:100%;padding-top:108px;margin-bottom:10px;text-align:center;line-height:30px;box-sizing:border-box;}
.main_popup_btn_wrap1>button.cls_btn{display:inline-block;width:100px;padding:0;margin:0;border:1px solid #ccc;line-height:38px;background:#fff;box-sizing:border-box;}