@charset "utf-8";

@font-face {
    font-family: 'Chosunilbo_myungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Mobile */
.m_content{position:relative;}
.main_visual{color:#fff;height: 100vh;}
.main_visual .img_w{/* display:flex; height:100%; flex-wrap: wrap; */width:100%;overflow: hidden;height: 100vh;}
/*.main_visual:before{display:block;content:'';position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg, transparent, #202d91);height:70%;}*/
.m_content:after{display:block;content:'';position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg, #202d91, transparent);height:11%;max-height:120px;}
.main_visual .img_w .img{background-position: 74% 0;background-size:cover;background-repeat:no-repeat;overflow:hidden;display:block;width:100%;height: 100%;height: 100vh;}
.main_visual .img_w .img.right_img{background-position: 37% 0;}
.main_visual .img_w .tit{position:absolute;bottom:80px;/* left:0; */right:0;padding:0 5%;width: 84%;}
.main_visual .img_w .tit p{font-size:18px;border-bottom:solid 1px rgba(255,255,255,.5);padding: 3% 20% 3% 0;width: 100%;position:relative;/*background: url(/upload_data/user_file/02_governor/main_slogan.png) no-repeat; background-size: 100%; */top: 60px;max-width: 600px;right: 0;}
.main_visual .img_w .tit p:before{display:block;content:'';width:35px;height:35px;background:url("/images/02_governor/main/l_tit.png")no-repeat 0 0 / 35px;position:absolute;top:-25%;left:-5%;}
.main_visual .img_w .tit p:after{display:block;content:'';width:30px;height:30px;background:url("/images/02_governor/main/r_tit.png")no-repeat 0 0 / 30px;position:absolute;right:-5%;bottom:-6%;}
.main_visual .img_w .tit span,
.main_visual .img_w .tit strong{display:block;width:100%;text-shadow: 0 0 10px rgba(0,0,0,1);font-weight: 500;word-break: keep-all;}
.main_visual .img_w .tit strong {font-weight: 600;}
.main_visual .img_w a{color:#fff;border-radius:30px;background:rgba(0,0,0,.5);display:inline-block;padding:6px 18px;font-size:14px;border:solid 1px #fff;margin-top:30%;}
.main_visual .img_w a:hover{background:rgba(0,0,0,.9)}
.main_visual .control{position:absolute;width:100%;display:flex;justify-content:center;bottom:2.5%;left:0;right:0;gap:15px;}
.main_visual .control button{font-size:0;background:none;width:100%;height:100%;}
.main_visual .control > button{width:40px;height:40px;background:url("/images/02_governor/main/m_arr.png")no-repeat;display:none;}
.main_visual .control .next{background-position:0 -40px}
.main_visual .control .btn{display:flex;justify-content:space-around;gap:10px;align-items:center;}
.main_visual .control .btn li{display:inline-block;width:12px;height:12px;background:rgba(0,0,0,.3);border-radius:50%;border:solid 1px #edecec;}
.main_visual .control .btn li.on{background:#fff}

.main_visual .img_w .right p {text-align: right;padding: 3% 6% 3% 0;}
.main_visual .img_w .right a { margin: 30% 0 0 auto;  display: table;}
.main_visual .img_w .tit p{font-family: 'Chosunilbo_myungjo';line-height:1.5rem;}

/* Tablet */
@media all and (min-width:768px) {
.main_visual,
.main_visual .img_w,
.main_visual .img_w .img{height:930px;}
.main_visual .img_w .img{margin:0;background-position: 50% 0;}
.main_visual .img_w .tit p{padding:3% 25% 3% 0;font-size:31px;line-height: 2.6rem;}
.main_visual .img_w .tit p:before{background-size:auto;width:106px;height:73px;opacity:.5;top:-30%;}
.main_visual .img_w .tit p:after{background-size:auto;width:106px;height:73px;opacity:.5;right:-17%;bottom:15px;}
.main_visual .img_w a{padding:13px 40px;font-size:17px;text-align:center; margin-top: 13%;}

.main_visual .img_w .right p {margin: 0 0 0 auto;padding: 3% 3% 3% 22%;}
.main_visual .img_w .right a {margin-top: 13%;}
}

/* Desktop */
@media all and (min-width:1023px) {
.m_content:after{display:none;}
/*.main_visual:before{width:40%;left:auto;bottom:auto;height:100%;background:linear-gradient(90deg, transparent, #202d91);}*/
.main_visual .img_w .tit div{width:750px;margin:0 auto 0 0;}
.main_visual .img_w .tit{max-width:1400px;margin:0 auto;padding:0;bottom:auto;top:30%;left: 0;width: auto;}
.main_visual .img_w a{width:180px;}
.main_visual .control{max-width:1400px;margin:0 auto;justify-content:flex-start;bottom:10%;}
.main_visual .control > button{display:block;}
.main_visual .control .btn{gap:20px;}
.main_visual .control .btn li{width:16px;height:16px;}
.main_visual .img_w .tit p{padding:5% 10% 5% 0; line-height: 1.5;font-size: 36px;}
.main_visual .img_w .tit span, .main_visual .img_w .tit strong {text-shadow: 0 3px 5px rgb(0 0 0 / 83%);}

.main_visual .img_w .right div {margin: 0 0 0 auto;}
.main_visual .img_w .right p {padding: 5% 0 5% 10%;}
}   

/* Pc */     
@media all and (min-width:1400px) {
.main_visual .img_w .tit p:before {left: -15%; top: -20%;}
.main_visual .img_w .tit p:after {right: -20%;  bottom: -50px;}
}