@charset "utf-8";



/*제어버튼*/
.control .btn button{width:33px;height:0;padding-top:33px;overflow:hidden;background:var(--btnbg) no-repeat;box-shadow: 0 0 5px rgba(0,0,0,0.2);border-radius:30px;}
.control .btn span{display:inline-block;margin-top:-2px;}
.control .btn span strong{display:inline-block;}
.control .btn button.prev {background-position:-120px 0;}
.control .btn button.next {background-position:-160px 0;}
.control .btn button.stop {background-position:-200px 0;}
.control .btn button.play {background-position:-240px 0;}

.main_container h2{font-size:24px;font-weight: 900;letter-spacing:-0.05em;border-bottom:solid 2px var(--color3);padding-bottom:20px;margin-bottom:20px;text-align: center;}


/* Mobile */
.main_visual{position:relative;}
.main_visual .mv_txt{text-align:center;width:100%;position:absolute;top:40%;left:0;transform:translate(0,-50%);color:var(--white);font-size:24px;text-shadow:3px 3px 2px rgba(0,0,0,1)}
.main_visual .mv_txt{font-family: 'ChosunSm';font-weight: 600;}
.main_visual .mv_txt strong{/*color:#ffd200;*/}
.main_visual .mv_txt strong span{font-weight:normal;}
.main_visual ul:after{display:block;content:"";clear:both;}
.main_visual li{float:left;width: 100%;text-align:center;}
.main_visual li img{width:100%;height:150px;}
.main_visual .control{position:absolute;left: 50%;bottom:10px;transform:translate(-50%);opacity: 0.7;}

.investment{padding:40px 20px;}
.investment h2{margin-bottom:0;}
.investment h2 strong{display:block;font-weight:900;font-size:30px;color:var(--color1);}
.investment h2 span{display:inline-block;background:var(--black);color:var(--white);font-weight:600;padding:0 5px;}
.investment li a{display:block;padding:15px 5px;font-weight:600;letter-spacing:-0.05em;border-bottom:solid 1px var(--gray2);}
.investment li a span{display:inline-block;color:var(--gray5);padding-right:10px;}
.investment .scroll{opacity:0;}

.situation{padding:20px 20px 40px 20px;}
.situation ul:after{display:block;content:"";clear:both;}
.situation li{margin-bottom:10px;float:left;width:50%;padding:0 5px;}
.situation li:first-child{width:100%;}
.situation li:last-child{width:100%;}
.situation li a{display:block;border:solid 1px var(--gray2);padding:10px;text-align:center;}

.Industrial{padding:40px 20px;background:var(--gray1);}
.Industrial .map_box p{display:none;}
.Industrial ul:after{display:block;content:"";clear:both;}
.Industrial li{float:left;width:calc(100% / 3);margin-bottom:10px;}
.Industrial li a{display:block;position:relative;padding:0 0 0 15px;}
.Industrial li a:before{display:block;content:"·";position:absolute;top:0;left:5px;}

.found{padding:40px 20px;}
.found ul:after{display:block;content:"";clear:both;}
.found li{margin-bottom:10px;float:left;width:50%;padding:0 5px;}
.found li a{display:block;border:solid 1px var(--gray2);padding:10px 0;text-align:center;letter-spacing:-0.08em;}

.talktalk{position:relative;padding:0 20px;margin-bottom:40px;}
.talktalk .con_box{height:215px;overflow:hidden;}
.talktalk ul:after{display:block;content:"";clear:both;}
.talktalk li{text-align:center;}
.talktalk li img{width:100%;}
.talktalk .control .btn button{width:43px;height:0;padding-top:43px;box-shadow: 0 0 5px rgba(0,0,0,0.2);background-color:var(--gray1);border-radius:50px;position:absolute;top:50%;transform:translate(0,-50%);margin-top:40px;}
.talktalk .control .btn button.prev{background-position:15px -123px;left: 10px;}
.talktalk .control .btn button.next{background-position:-15px -123px;right:10px;}

.found_2025 li{width:100%;}

/* Tablet */
@media (min-width: 768px) {


.main_container h2{font-size:36px;}
    
.main_visual li img{height:300px;}
.main_visual .mv_txt{font-size:41px;top:45%;}
.main_visual .mv_txt strong{display:inline-block;margin-top:-5px;font-size:45px;}
.main_visual .mv_txt strong span{display:inline-block;font-size:41px;padding-top:7px;}

.investment{padding:40px 30px;}
.investment:after{display:block;content:"";clear:both;}
.investment h2{float:left;width:200px;border:none;padding:0;}
.investment h2 strong{font-size:42px;}
.investment .list{float:right;width:calc(100% - 240px);}
.investment ul li:first-child{border-top:solid 1px var(--gray2)}
.investment li a{font-size:20px;}
.investment li a span{font-weight:200;}

.situation{padding:20px 30px 40px 30px}
.situation li a{position:relative;padding:30px;text-align:left;font-size:20px;}
.situation li a:after{display:block;content:"";width:43px;height:43px;background:var(--btnbg) no-repeat 0 -60px;position:absolute;top:20px;right:30px;}

.Industrial{padding:40px 30px;}
.Industrial ul{position:relative;width:557px;height:435px;background:url("/images/07_economy/main/main_map.png") no-repeat center top;margin:0 auto;}
.Industrial li{float:none;width:auto;position:absolute;}
.Industrial li.jj{top: 154px;left: 240px;}
.Industrial li.gs{top: 95px;left: 97px;}
.Industrial li.isn{top: 57px;left: 190px;}
.Industrial li.je{top: 260px;left: 158px;}
.Industrial li.nw{top: 358px;left: 357px;}
.Industrial li.gj{top: 152px;left: 140px;}
.Industrial li.wj{top: 86px;left: 270px;}
.Industrial li.ja{top: 149px;left: 352px;}
.Industrial li.mj{top: 94px;left: 458px;}
.Industrial li.js{top: 227px;left: 395px;}
.Industrial li.isl{top: 272px;left: 280px;}
.Industrial li.sc{top: 360px;left: 244px;}
.Industrial li.gc{top: 345px;left: 42px;}
.Industrial li.ba{top: 235px;left: 59px;}
.Industrial li.smg{top: 141px;left: -3px;}
.Industrial li a{padding:5px 10px;font-size:13px;font-weight:800;color:var(--black);}
.Industrial li a:before{display:none;}
.Industrial li.smg a{background:var(--white);border:solid 1px var(--gray2);font-size:16px;}

.found{padding:40px 30px;}
.found li a{position:relative;padding:30px;text-align:left;font-size:20px;}
.found li a:after{display:block;content:"";width:43px;height:43px;background:var(--btnbg) no-repeat 0 -60px;position:absolute;top:20px;right:30px;}

.talktalk{padding:0 30px;margin-bottom:50px;}  
.talktalk ul{width:590px;margin:0 auto;}
.talktalk li{float:left;width:50%;padding: 0 10px;}
.talktalk .control .btn button.prev{left:40px;}
.talktalk .control .btn button.next{right:40px;}
    
}

/* Desktop */
@media all and (min-width:1023px) {

.main_visual{width:1600px;margin:0 auto;}
.main_visual li img{width:auto;height: auto;}
.main_visual .control{bottom:40px;left: unset;right: 0;}
    
#img_z{text-align:center;}
#img_z li img{transition: all ease 1s;}
#img_z.zoom li img{transform:scale3d(1.3,1.3,1.3)}
    
.main_visual .mv_txt{font-size:61px;z-index:100;width: auto;/* margin:0 auto; */left: 50px;top: 250px;text-align: left;line-height: 72px;}
.main_visual .mv_txt strong{font-size: 72px;}
.main_visual .mv_txt strong span{font-size:61px;}
.main_visual .mv_txt br{}
    
.main_container{overflow:hidden;}
.main_container h2{font-size:48px;padding-bottom:25px;margin-bottom:40px;}  

.investment{position:relative;padding: 0;margin: 100px 0;height: 765px;overflow: hidden;}  
.investment h2{width:400px;}
.investment h2 strong{font-size:58px;}
.investment .list{width:920px;height: 725px;overflow-y:scroll;padding-bottom: 100px;position: relative;}
.investment .list::-webkit-scrollbar {} /*스크롤바 사이즈*/
.investment .list::-webkit-scrollbar-track {background:var(--white);} /*스크롤바 배경*/
.investment .list::-webkit-scrollbar-thumb {background:var(--white);} /* 스크롤 제어박스*/
.investment:after{display:block;content:"";width:100%;height: 180px;background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,1));position:absolute;bottom: 0;right:0;z-index:1;}
.investment li a{font-size:30px;color:#888;line-height:60px;padding:30px 0;transition: all ease 0.3s;}
.investment li a span{font-weight:100;font-size:60px;padding:0 30px;color:#ddd;font-style:italic;transition: all ease 0.3s;}
.investment li a:hover,
.investment li a:focus{color:var(--balck);font-size:36px;border-top:solid 2px var(--gray2);border-bottom:solid 3px var(--gray2)}
.investment li a:hover span,
.investment li a:focus span{color:var(--color1);font-weight:900;}
.investment:hover .scroll,
.investment:focus .scroll{display:inline-block;width:111px;height:111px;position: absolute;right: 15%;bottom: 250px;transition: all 0.3s ease;opacity:1;background:url("/images/07_economy/main/scroll.png") no-repeat;}

.mcon2{border-top:solid 1px var(--gray1);border-bottom:solid 1px var(--gray1);height:770px;}
.mcon2:after{display:block;content:"";clear:both;}
.situation{float:left;width:calc(50% - 60px);padding:90px 0 0 0;}
.situation li a{padding:40px;font-size:22px;color:var(--color3)}
.situation li a:after{top:30px;right:40px;transition: all ease 0.3s;}
.situation li a:hover,
.situation li a:focus{border: solid 1px var(--color1);color:var(--color1);font-weight:800;}
.situation li a:hover:after,
.situation li a:focus:after{background-position:-60px -60px;}


.Industrial{float:right;width:50%;height:770px;padding:90px 0 0 60px;}
.Industrial:after{display:block;content:"";width:30%;height:770px;position:absolute;top:0;right:-30%;background:var(--gray1)}
.Industrial .map_box{padding-top:30px;}
.Industrial li a:hover,
.Industrial li a:focus{background:var(--color1);color:var(--white);}

.mcon3{height:560px;}
.mcon3:after{display:block;content:"";clear:both;}   
.found{float:left;width:calc(50% - 60px);padding:90px 0;}
.found li a{padding:40px;font-size:22px;color:var(--color3)}
.found li a:after{top:30px;right:40px;transition: all ease 0.3s;}
.found li a:hover,
.found li a:focus{border: solid 1px var(--color1);color:var(--color1);font-weight:800;}
.found li a:hover:after,
.found li a:focus:after{background-position:-60px -60px;}
    
.talktalk{float:right;width:50%;height:560px;padding:90px 0 0 60px;border-left:solid 1px var(--gray1);margin:0;}
.talktalk .control .btn button{background-color:rgba(255,255,255,0.5);border:solid 1px var(--gray2);width:45px;}
.talktalk .control .btn button.prev{left:70px;}
.talktalk .control .btn button.next{right:20px;}
.talktalk .control .btn button:hover,
.talktalk .control .btn button:focus{background:var(--color1) var(--btnbg);border:solid 1px var(--color1)}
.talktalk .control .btn button.prev:hover,
.talktalk .control .btn button.prev:focus{background-position:-45px -123px;}
.talktalk .control .btn button.next:hover,
.talktalk .control .btn button.next:focus{background-position:-75px -123px;}

.found_2025{float:right; width:50%; padding:90px 0 0 60px;border-left:solid 1px var(--gray1);margin:0;}
    
    
}

.b_site_logo li{margin-bottom:30px;}
.b_site_logo li a{display:block;text-align:center;padding:30px 20px;background:url("/upload_data/user_file/07_economy/contents/sq_bg.gif");border:solid 1px var(--gray3)}
.b_site_logo li img{width:100%;}
.b_site_logo li:last-child img{width:auto;}

@media (min-width: 768px) {
    
.b_site_logo li img{width:auto;}
    
}

@media (min-width: 1024px) {
    
.b_site_logo li a{padding:50px 0}
    
}

/*CSS animation*/