@charset "utf-8";
/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{font-family: 'GmarketSans'; position:relative; z-index:123;}
.msec-visual .vis-txt{color:#111; position:absolute; left:50%;max-width:1240px; width:100%; z-index:13;box-sizing:border-box; padding:0 20px; top:130px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}

.msec-visual .vis-txt .btxt{font-size:26px; font-weight:300; letter-spacing:-0.03em; line-height:1.2em;}
.msec-visual .vis-txt .stxt{margin-top:17px;font-size:46px; font-weight:300; letter-spacing:-0.03em; line-height:1.2em;}
.msec-visual .vis-txt .stxt span{font-weight:700;}

.msec-visual .vis-img{position:relative; height:408px;} 
.msec-visual .vis-img .img01{position:absolute; left:0; top:0; width:50%;height:100%; z-index:3; background:url("https://www.uljin.go.kr/images/2023/mayor/main/vis-img01.png") no-repeat ;background-size:230px auto;}
.msec-visual .vis-img .img02{position:absolute; left:0; top:0; width:50%;height:100%; z-index:2; background:url("https://www.uljin.go.kr/images/2023/mayor/main/vis-img02.png") no-repeat ;background-size:408px auto; }
.msec-visual .vis-img .img03{position:absolute; left:0; top:0; width:100%;height:100%; z-index:-1; background:url("https://www.uljin.go.kr/upload_data/board_data/BBS_0000130/173985492746250.png") no-repeat right top ; background-size:auto 100%;}
.msec-visual .vis-img .img04{position:absolute; left:0; top:0; width:100%;height:100%; z-index:-1; background:url("https://www.uljin.go.kr/upload_data/board_data/BBS_0000130/173985492746436.png") no-repeat right top ; background-size:auto 100%;}
.msec-visual .vis-img .img05{position:absolute; left:0; top:0; width:100%;height:100%; z-index:-1; background:url("https://www.uljin.go.kr/upload_data/board_data/BBS_0000130/173985492746665.png") no-repeat right top ; background-size:auto 100%;}
.msec-visual .vis-img .img06{position:absolute; left:0; top:0; width:100%;height:100%; z-index:-1; background:url("https://www.uljin.go.kr/upload_data/board_data/BBS_0000130/173985492746746.png") no-repeat right top ; background-size:auto 100%;}
.msec-visual .vis-img .img07{position:absolute; left:0; top:0; width:100%;height:100%; z-index:-1; background:url("https://www.uljin.go.kr/upload_data/board_data/BBS_0000130/173985492746817.png") no-repeat right top ; background-size:auto 100%;}

  @media only screen and (max-width:1240px){
    .msec-visual .vis-txt{top:110px;}
    .msec-visual .vis-txt .btxt{font-size:24px;}
    .msec-visual .vis-txt .stxt{margin-top:14px;font-size:41px;}
    
    .msec-visual .vis-img{ height:380px;} 
    .msec-visual .vis-img .img01{background-size:190px auto;}
    .msec-visual .vis-img .img02{background-size:345px auto;}
  }
  @media only screen and (max-width:1120px){
    
  }
  @media only screen and (max-width:999px){
      .msec-visual .vis-txt{top:110px;}
    .msec-visual .vis-txt .btxt{font-size:22px; }
    .msec-visual .vis-txt .stxt{margin-top:12px;font-size:36px; }
    
    .msec-visual .vis-img{ height:360px;} 
    .msec-visual .vis-img .img01{background-size:140px auto;}
    .msec-visual .vis-img .img02{background-size:285px auto;}
    .msec-visual .vis-img .img03{background-image:url("/upload_data/board_data/BBS_0000130/173994500244796.png")}
    .msec-visual .vis-img .img04{background-image:url("/upload_data/board_data/BBS_0000130/173994500244967.png")}
    .msec-visual .vis-img .img05{background-image:url("/upload_data/board_data/BBS_0000130/173994500245059.png")}
    .msec-visual .vis-img .img06{background-image:url("/upload_data/board_data/BBS_0000130/173994500245180.png")}
    .msec-visual .vis-img .img07{background-image:url("/upload_data/board_data/BBS_0000130/173994500245206.png")}
  }
  @media only screen and (max-width:680px){
    .msec-visual .vis-txt{top:90px;text-shadow: 5px 5px 9px rgba(255, 255, 255, 1) ; -webkit-text-shadow: 5px 5px 9px rgba(255, 255, 255, 1) ; -moz-text-shadow: 5px 5px 9px rgba(255, 255, 255, 1) ; }
    .msec-visual .vis-txt .btxt{font-size:20px;}
    .msec-visual .vis-txt .stxt{margin-top:10px;font-size:31px;}
    
    .msec-visual .vis-img{ height:320px;} 
    .msec-visual .vis-img .img01{background-size:100px auto;}
    .msec-visual .vis-img .img02{background-size:225px auto;}
  }
  @media only screen and (max-width:480px){
    .msec-visual .vis-txt{top:70px;}
    .msec-visual .vis-txt .btxt{font-size:18px;}
    .msec-visual .vis-txt .stxt{margin-top:7px;font-size:26px;}
    
    .msec-visual .vis-img{ height:280px;} 
    .msec-visual .vis-img .img01{background-size:60px auto;}
    .msec-visual .vis-img .img02{background-size:165px auto;}
  }
  @media only screen and (max-width:400px){
    .msec-visual .vis-txt{top: 130px;}
    .msec-visual .vis-txt .btxt{font-size:16px;}
    .msec-visual .vis-txt .stxt{margin-top:5px;font-size:21px;}

    .msec-visual .vis-img{ height:240px;} 
  }

.msec-visual .other{position:absolute;  position:absolute; left:50%; z-index:123;width:100%; max-width:1240px; box-sizing:border-box; padding:0 20px; bottom:-75px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.msec-visual .other:after{display:block ;content:"";clear:both}

.msec-visual .alrim{float:left;position:relative;height:150px; width:505px; padding:30px; padding-left:140px; box-sizing:border-box;display:flex;align-items: center; justify-content: center;}
.msec-visual .alrim:before{width:3px;height:86px; top:50%;background:#fff; border-radius:3px; left:105px; display:block; content:"";opacity:0.2; position:Absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.msec-visual .alrim:after{position:Absolute;right:0; top:0; border-radius:6px; width:20000px; height:100%; z-index:-1; background:#6975bf; display:block; content:""; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2)  ;}

.msec-visual .alrim h3{position:Absolute; left:0; top:0; width:74px; top:25px; padding-top:74px; font-size:19px; font-weight:300; color:#fff; background:url("https://www.uljin.go.kr/images/2023/mayor/main/ico-alrim.png") no-repeat center 0;}
.msec-visual .alrim h3 span{font-weight:700;}
.msec-visual .alrim ul{ width:100%;}
.msec-visual .alrim li{}
.msec-visual .alrim li:nth-child(n+2){margin-top:13px;}
.msec-visual .alrim li a{display:block;padding-left:10px;position:relative; font-size:16px; font-weight:400; color:#fff; letter-spacing:-0.03em; line-height:20px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right:80px}
.msec-visual .alrim li a:before{width:4px;height:4px; border-radius:100%; position:absolute; left:0; top:6px; display:block; content:""; background:#fff;}
.msec-visual .alrim li span{position:absolute;right:0; top:0; color:#fff; font-size:15px; font-weight:300;}
  @media only screen and (max-width:1240px){
    .msec-visual .alrim{width:480px; height:140px;padding:25px; padding-left:120px;}
    .msec-visual .alrim:before{width:2px;height:80px; left:90px}
    .msec-visual .alrim h3{font-size:17px; padding-top:64px; background-size:62px auto;}

    .msec-visual .alrim li a{font-size:15px}
    .msec-visual .alrim li span{font-size:13px;}
  }
  @media only screen and (max-width:1120px){
    
  }
  @media only screen and (max-width:999px){
    .msec-visual .alrim{width:calc(100% - 170px - 15px); height:140px;padding:25px; padding-left:110px;}
    .msec-visual .alrim:before{width:1px;height:70px; left:85px}
    .msec-visual .alrim h3{font-size:16px; padding-top:55px; background-size:54px auto;}
    
    .msec-visual .alrim li:nth-child(n+2){margin-top:10px;}
    .msec-visual .alrim li a{font-size:14px}
    .msec-visual .alrim li span{font-size:12px;}
  }
  @media only screen and (max-width:680px){
    .msec-visual .other{padding:0 15px}
    .msec-visual .alrim{width:calc(100% - 140px - 10px); padding-left:0; display:block; padding:20px 20px 20px 0 }
    .msec-visual .alrim:before{display:none;}
    .msec-visual .alrim h3{position:relative; left:auto; top:auto; width:auto; padding:0; background-size:auto 24px; height:20px; padding-left:30px;line-height:24px; background-position:-5px center; margin-bottom:14px; }

    .msec-visual .alrim li:nth-child(n+2){margin-top:5px;}
    .msec-visual .alrim li a{font-size:13px}
    .msec-visual .alrim li span{font-size:11px;}
  }
  @media only screen and (max-width:480px){
    .msec-visual .other{position:relative; left:auto; bottom:auto; width:auto;-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
    .msec-visual .alrim{margin-top:-50px;width:auto; float:none;}
  }


.msec-visual .hope{width:212px;float:left;margin-left:25px; }
.msec-visual .hope a{display:block;background:#a46bcc; box-sizing:border-box; height:150px;text-align:center; padding-top:99px; position:Relative;font-size:19px; font-weight:300; color:#fff; letter-spacing:-0.03em; border-radius:6px ; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2)  ;}
.msec-visual .hope a:before{position:absolute; left:0; top:20px; width:100%; height:70px;background:url("https://www.uljin.go.kr/images/2023/mayor/main/ico-hope.png") no-repeat center  center;background-size:80px auto; display:block; content:"";transform:scale(1);  transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-visual .hope a:hover:before{transform:scale(1) translateY(-10px)}
.msec-visual .hope a span{font-weight:700;}
  @media only screen and (max-width:1240px){
    .msec-visual .hope{margin-left:20px; width:190px;}
    .msec-visual .hope a{height:140px; font-size:17px; padding-top:95px;}
    .msec-visual .hope a:before{top:15px; background-size:74px auto;}
  }
  @media only screen and (max-width:1120px){
    
  }
  @media only screen and (max-width:999px){
    .msec-visual .hope{margin-left:15px; width:170px;}
    .msec-visual .hope a{height:140px; font-size:15px; padding-top:90px;}
    .msec-visual .hope a:before{top:20px; background-size:68px auto;}
  }
  @media only screen and (max-width:680px){
    .msec-visual .hope{margin-left:10px; width:140px;}
    .msec-visual .hope a{height:140px; font-size:14px; line-height:1.25em;padding-top:90px; }
    .msec-visual .hope a:before{top:20px; background-size:60px auto;}
  }
  @media only screen and (max-width:480px){
    .msec-visual .hope{margin-left:120px; margin-top:15px; width:calc(100% + 15px - 120px);  float:none;}
    .msec-visual .hope a:before{top:7px;}
    .msec-visual .hope a{height:110px;padding:0 15px;padding-top:70px;border-radius:6px 0 0 6px; }
  }










/* ======================================================
   .msec-cont
=========================================================*/
.msec-cont{font-family: 'GmarketSans'; }






/* ======================================================
   .msec-01
=========================================================*/
.msec-01{position:relative; padding-top:145px;}
.msec-01:after{position:absolute; left:0; top:0; width:100%; height:calc(100% - 145px); display:block; content:"";z-index:-1;background: -webkit-gradient(linear, left top, right top, color-stop(0, #00a1cd), color-stop(1, #00af8c));background: -moz-linear-gradient(left, #00a1cd 0%, #00af8c 100%);background: -webkit-linear-gradient(left,  #00a1cd 0%, #00af8c 100%);background: -o-linear-gradient(left,  #00a1cd 0%, #00af8c 100%);background: -ms-linear-gradient(left,  #00a1cd 0%, #00af8c 100%);background: linear-gradient(left,  #00a1cd 0%, #00af8c 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a1cd', endColorstr='#00af8c', gradientType=1);}
.msec-01 .bg:before{position:Absolute; left:0; top:0; width:50%; height:calc(100% - 145px); display:block; content:"";z-index:1;background:url("https://www.uljin.go.kr/images/2023/mayor/main/msec01-bg01.png") no-repeat left bottom; background-size:396px auto; }
.msec-01 .bg:after{position:Absolute; right:0; top:0; width:50%; height:calc(100% - 145px); display:block; content:"";z-index:1;background:url("https://www.uljin.go.kr/images/2023/mayor/main/msec01-bg02.png") no-repeat right top; background-size:235px auto; }

.msec-01 .tits{font-size:0; line-height:1em;position:relative; z-index:44;}
.msec-01 .tits:after{position:absolute ;left:440px; top:50%; border-top:1px solid #fff; display:block; content:""; width:calc(100% - 580px); }
.msec-01 .tits h3{font-weight:300;font-size:36px; color:#fff; letter-spacing:-0.03em; line-height:1.1em; display:inline-block;vertical-align:top;}
.msec-01 .tits h3 span{font-weight:700}
.msec-01 .tits p{margin-left:25px;font-size:18px; font-weight:400 ;color:#fff; line-height:45px; letter-spacing:-0.03em;display:inline-block;vertical-align:top; height:41px;}
  @media only screen and (max-width:1240px){
    .msec-01{}
    .msec-01:after{height:calc(100% - 180px); }
    .msec-01 .bg:before{background-size:340px auto;height:calc(100% - 145px);}
    .msec-01 .bg:after{background-size:200px auto;height:calc(100% - 120px);}
    .msec-01 .tits {}
    .msec-01 .tits:after{left:400px; width:calc(100% - 520px);}
    .msec-01 .tits h3{font-size:32px; }
    .msec-01 .tits p{margin-left:20px; font-size:17px;}
  }
  @media only screen and (max-width:1120px){
    
  }
  @media only screen and (max-width:999px){
    .msec-01{}
    .msec-01 .bg:before{background-size:300px auto;height:calc(100% - 160px);}
    .msec-01 .bg:after{background-size:170px auto;height:calc(100% - 100px);}
    .msec-01 .tits {}
    .msec-01 .tits:after{left:360px; width:calc(100% - 460px);}
    .msec-01 .tits h3{font-size:28px; }
    .msec-01 .tits p{margin-left:15px; font-size:16px;}
  }
  @media only screen and (max-width:680px){
    .msec-01{}
    .msec-01 .bg:before{background-size:260px auto; height:calc(100% - 180px);}
    .msec-01 .bg:after{background-size:140px auto; height:calc(100% - 80px);}
    .msec-01 .tits:after{left:150px;top:12px; width:calc(100% - 240px);}
    .msec-01 .tits h3{font-size:26px; }
    .msec-01 .tits p{margin-left:0; display:block; margin-top:5px;font-size:15px; line-height:1.2em; height:auto;}
  }
  @media only screen and (max-width:480px){
    .msec-01{margin-top:-215px; padding-top:245px;}
    .msec-01 .bg:before{background-size:220px auto; height:calc(100% - 180px);}
    .msec-01 .bg:after{background-size:110px auto; height:calc(100% - 60px);}
    .msec-01 .tits:after{left:130px;top:10px; width:calc(100% - 210px);}
    .msec-01 .tits h3{font-size:23px; }
    .msec-01 .tits p{font-size:14px;}
  }

.msec-01 .ctrl{position:absolute;right:0 ;top:-2px; font-size:0}
.msec-01 .ctrl a{display:inline-block;vertical-align:top; width:46px;height:46px; cursor:pointer;}
.msec-01 .ctrl a:nth-child(2){margin-left:12px}
.msec-01 .ctrl .prev{background:url("https://www.uljin.go.kr/images/2023/mayor/main/scene-prev.png") no-repeat left center; background-size:100% auto;}
.msec-01 .ctrl .next{background:url("https://www.uljin.go.kr/images/2023/mayor/main/scene-next.png") no-repeat left center; background-size:100% auto;}
.msec-01 .ctrl .disabled{opacity:0.3; display:inline-block !important;}
  @media only screen and (max-width:1240px){
    .msec-01 .ctrl{top:0;}
    .msec-01 .ctrl a{width:40px;height:40px;}
    .msec-01 .ctrl a:nth-child(2){margin-left:10px}
  }
  @media only screen and (max-width:1120px){
    
  }
  @media only screen and (max-width:999px){
    .msec-01 .ctrl{top:2px;}
    .msec-01 .ctrl a{width:36px;height:36px;}
    .msec-01 .ctrl a:nth-child(2){margin-left:8px}
  }
  @media only screen and (max-width:680px){
    .msec-01 .ctrl{top:0;}
    .msec-01 .ctrl a{width:30px;height:30px;}
    .msec-01 .ctrl a:nth-child(2){margin-left:5px}
  }
  @media only screen and (max-width:480px){
    .msec-01 .ctrl a{width:26px;height:26px;}
  }

.msec-01 .cont{margin-top:40px; position:relative; z-index:123; width:calc(100% + 20px); padding:10px;margin-left:-10px; z-index:123;}
.msec-01 .cont .ov{position:relative;min-height:312px;}
.msec-01 .cont .owl-stage-outer{overflow:visible}
.msec-01 .cont .ac-slide{overflow:visible !important;position:absolute; left:0; top:0; width:100%;}
.msec-01 .cont ul:after{display:block; content:"";clear:both;}
.msec-01 .cont li{float:left; margin-left:25px;width:288px;position:relative; min-height:312px;/* -webkit-transition: width 0.3s linear;-moz-transition: width 0.3s linear;-o-transition: width 0.3s linear;transition: width 0.3s linear; */}
.msec-01 .cont li:before{opacity:0;position:absolute; left:0; top:0; width:100%;z-index:2; background:#fff;display:block; content:""; border-radius:6px;-webkit-transition: opacity 0.3s linear;-moz-transition: opacity 0.3s linear;-o-transition: opacity 0.3s linear;transition: opacity 0.3s linear;}
.msec-01 .cont li:first-child{margin-left:0;}

.msec-01 .cont li a{display:block;position:relative;border-radius:6px; overflow:hidden; }
.msec-01 .cont li .img{position:relative; z-index:1; border-radius:8px; overflow:hidden;}
.msec-01 .cont li .img img{width:100%;height:208px;object-fit:cover;/* -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; */}
.msec-01 .cont li .img:after{position:absolute; left:0; bottom:0; width:100%; height:100%; display:block ;content:""; z-index:1; opacity:0;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.40, rgba(255,255,255,0)), color-stop(1, #000000), color-stop(1, #000000));background: -moz-linear-gradient(top, rgba(255,255,255,0) 40%, #000000 100%, #000000 100%);background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 40%, #000000 100%, #000000 100%);background: -o-linear-gradient(top,  rgba(255,255,255,0) 40%, #000000 100%, #000000 100%);background: -ms-linear-gradient(top,  rgba(255,255,255,0) 40%, #000000 100%, #000000 100%);background: linear-gradient(top,  rgba(255,255,255,0) 40%, #000000 100%, #000000 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0)', endColorstr='#000000', gradientType=0);-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}
.msec-01 .cont li .img:before{position:absolute; left:0; bottom:0; width:100%; height:100%; display:block ;content:""; z-index:1; opacity:0;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.40, rgba(255,255,255,0)), color-stop(1, #000000), color-stop(1, #000000));background: -moz-linear-gradient(top, rgba(255,255,255,0) 40%, #000000 100%, #000000 100%);background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 40%, #000000 100%, #000000 100%);background: -o-linear-gradient(top,  rgba(255,255,255,0) 40%, #000000 100%, #000000 100%);background: -ms-linear-gradient(top,  rgba(255,255,255,0) 40%, #000000 100%, #000000 100%);background: linear-gradient(top,  rgba(255,255,255,0) 40%, #000000 100%, #000000 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0)', endColorstr='#000000', gradientType=0);-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}

.msec-01 .cont .owl-item:not(.active) .item{}
.msec-01 .cont .owl-item:not(.active) .item:before{transition-delay: 0.1s;opacity:0.55; height:100%; }

.msec-01 .cont li .txt{margin-top:20px;}
.msec-01 .cont li .txt .btxt{font-size:18px; font-weight:400; color:#000; letter-spacing:-0.03em; line-height:1.3em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-01 .cont li .txt .stxt{margin-top:10px;font-size:14px; font-weight:300; color:#888; letter-spacing:-0.03em; line-height:1.3em;}

.msec-01 .cont li.active{width:466px}
.msec-01 .cont li.active a{ border:8px solid #fff; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ;}
.msec-01 .cont li.active .img{border-radius:0;}
.msec-01 .cont li.active .img img{height:296px;}
.msec-01 .cont li.active .img:after{opacity:1}

.msec-01 .cont li.active .txt{position:absolute ;left:0; bottom:0; width:100%; z-index:2; box-sizing:border-box; padding:20px 25px}
.msec-01 .cont li.active .btxt{color:#fff;}
.msec-01 .cont li.active .sttx{color:#fff; opacity:0.7}
  @media only screen and (max-width:1240px){
    .msec-01 .cont{margin-top:30px;}
    .msec-01 .cont .ov{min-height:294px;}
    .msec-01 .cont li .txt .btxt{font-size:17px;}
    .msec-01 .cont li .txt .stxt{font-size:13px;}
    
    .msec-01 .cont li.active .txt{padding:15px 20px}

    .msec-01 .cont li{width:240px;min-height:294px;}
    .msec-01 .cont li.active{width:418px}

    .msec-01 .cont li .img img{height:190px}
    .msec-01 .cont li.active .img img{height:278px;}
  }
  @media only screen and (max-width:1120px){
    
  }
  @media only screen and (max-width:999px){
    .msec-01 .cont{margin-top:20px;}
    .msec-01 .cont .ov{min-height:auto;}
    .msec-01 .cont .ac-slide{position:Relative; left:auto; top:auto;}
    .msec-01 .cont li{margin-left:20px;}
    .msec-01 .cont li.active a{border:none; box-shadow: none ; overflow:visible;-webkit-box-shadow: none; -moz-box-shadow: none}
    .msec-01 .cont li .txt {margin-top:15px;}
    .msec-01 .cont li .txt .btxt{font-size:16px;}
    .msec-01 .cont li .txt .stxt{margin-top:7px;font-size:12px;}
    
    .msec-01 .cont li{width:240px;min-height:auto;}
    .msec-01 .cont li.active{width:360px}

    .msec-01 .cont li .img img{height:auto}
    .msec-01 .cont li.active .img{border:6px solid #fff; border-radius:6px;overflow:hidden; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ;}
    .msec-01 .cont li.active .img img{height:auto;}

    .msec-01 .cont li.active .txt{ position:Relative ;left:auto; top:auto; padding:0;}
    .msec-01 .cont li.active .txt .btxt{color:#000}
    .msec-01 .cont li.active .txt .stxt{color:#888}
  }
  @media only screen and (max-width:680px){
    .msec-01 .cont{margin-top:10px;}
    .msec-01 .cont .ov{}

    .msec-01 .cont li{margin-left:15px;}
    .msec-01 .cont li.active .txt{}
    .msec-01 .cont li.active .img{ border-width:4px;}

    .msec-01 .cont li{width:220px;}
    .msec-01 .cont li.active{width:320px}
  }
  @media only screen and (max-width:480px){

    .msec-01 .cont .ov{padding-right:60px;}
    .msec-01 .cont li.active .img{}
    .msec-01 .cont li{width:200px;}
    .msec-01 .cont li.active{width:280px}

  }



/* ======================================================
   .msec-02
=========================================================*/
.msec-02{margin-top:60px; padding:0 0 0 50px; position:relative;}
.msec-02:before{border:1px solid #d1b8e2;  position:absolute; left:0; top:18px; width:calc(100% - 50px);height:calc(100% - 45px - 18px); box-sizing:border-box;display:block; content:""; z-index:-1}
.msec-02 .tits{font-size:0; line-height:1em; padding:0 25px; display:inline-block;vertical-align:top; background:#fff;}
.msec-02 .tits h3{ font-weight:300;font-size:36px; color:#4e4e4e; letter-spacing:-0.03em; line-height:1.1em; display:inline-block;vertical-align:top;}
.msec-02 .tits h3 span{font-weight:700; color:#a372c6;}
.msec-02 .tits p{margin-left:25px;font-size:18px; font-weight:400 ;color:#111; line-height:45px; letter-spacing:-0.03em;display:inline-block;vertical-align:top; height:41px;}
  @media only screen and (max-width:1240px){
    .msec-02{padding-left:40px;}
    .msec-02:before{top:14px; height:calc(100% - 45px - 14px); width:calc(100% - 40px);}
    .msec-02 .tits {padding:0 20px;}
    .msec-02 .tits h3{font-size:32px; }
    .msec-02 .tits p{margin-left:20px; font-size:17px;}
  }
  @media only screen and (max-width:1120px){
    
  }
  @media only screen and (max-width:999px){
    .msec-02{padding-left:30px;}
    .msec-02:before{top:14px; height:calc(100% - 45px - 14px); width:calc(100% - 30px);}
    .msec-02 .tits {padding:0 15px;}
    .msec-02 .tits h3{font-size:28px; }
    .msec-02 .tits p{margin-left:15px; font-size:16px;}
  }
  @media only screen and (max-width:680px){
    .msec-02{margin-top:40px;padding:0 20px;}
    .msec-02:before{top:14px; height:calc(100% - 45px - 14px); width:100%;}
    .msec-02 .tits h3{font-size:26px; }
    .msec-02 .tits p{margin-left:0; display:block; margin-top:5px;font-size:15px; line-height:1.2em; height:auto;}
  }
  @media only screen and (max-width:480px){
    .msec-02{padding:0 15px;}
    .msec-02:before{top:11px; height:calc(100% - 45px - 11px);}
    .msec-02 .tits h3{font-size:23px; }
    .msec-02 .tits p{font-size:14px;}
  }

.msec-02 .cont{margin-top:50px;}
.msec-02 .cont ul{margin:0 -13px}
.msec-02 .cont ul:after{display:block ;content:"";clear:both}
.msec-02 .cont li{float:left; width:calc(25% - 26px);margin:0 13px;}
.msec-02 .cont li a{display:block; height:400px; box-sizing:border-box; padding-top:15px; background:#dcecfe; border-radius:6px;display:flex;align-items: center; justify-content: center; cursor: unset;}
.msec-02 .cont li .vc{width:100%; text-align:center}
.msec-02 .cont li .btxt{font-size:22px; font-weight:400; color:#7396be; letter-spacing:-0.03em; line-height:1em;}
.msec-02 .cont li .stxt{font-size:25px; font-weight:300; color:#000; letter-spacing:-0.03em; line-height:1.2em; margin-top:15px; position:relative; padding-bottom:205px;}
.msec-02 .cont li .stxt span{display:block; font-weight:400;}

.msec-02 .cont li .stxt:after{ position:absolute; left:0; bottom:0; width:100%; height:175px;background-size:184px auto !important; display:block; content:"";transform:scale(1);  transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-02 .cont li a:hover .stxt:after{transform:scale(1) translateY(-10px)}

.msec-02 .cont li:nth-child(even) a{background:#f9eaff;}
.msec-02 .cont li:nth-child(even) .btxt{ color:#aa76bd;}

.msec-02 .cont li:nth-child(1) .stxt:after{background:url("https://www.uljin.go.kr/images/2023/mayor/main/goal-img01.png") no-repeat center bottom; }
.msec-02 .cont li:nth-child(2) .stxt:after{background:url("https://www.uljin.go.kr/images/2023/mayor/main/goal-img02.png") no-repeat center bottom; }
.msec-02 .cont li:nth-child(3) .stxt:after{background:url("https://www.uljin.go.kr/images/2023/mayor/main/goal-img03.png") no-repeat center bottom; }
.msec-02 .cont li:nth-child(4) .stxt:after{background:url("https://www.uljin.go.kr/images/2023/mayor/main/goal-img04.png") no-repeat center bottom; }
  @media only screen and (max-width:1240px){
    .msec-02 .cont{margin-top:40px;}
    .msec-02 .cont li a{height:350px; padding-top:10px;}
    .msec-02 .cont li .btxt{font-size:20px;}
    .msec-02 .cont li .stxt{font-size:22px; margin-top:12px; padding-bottom:190px;}
    .msec-02 .cont li .stxt:after{ background-size:170px auto !important;}
  }
  @media only screen and (max-width:1120px){
    
  }
  @media only screen and (max-width:999px){
    .msec-02 .cont{margin-top:30px;}
    .msec-02 .cont li{width:calc(50% - 26px)}
    .msec-02 .cont li:nth-child(n+3){margin-top:26px;}
    .msec-02 .cont li a{height:300px; padding-top:10px;}
    .msec-02 .cont li .btxt{font-size:18px;}
    .msec-02 .cont li .stxt{font-size:20px; margin-top:10px; padding-bottom:150px;}
    .msec-02 .cont li .stxt:after{ background-size:130px auto !important;}
  }
  @media only screen and (max-width:680px){
    .msec-02 .cont{margin-top:20px;}
    .msec-02 .cont ul{margin:0 -10px}
    .msec-02 .cont li{width:calc(50% - 20px); margin:0 10px}
    .msec-02 .cont li:nth-child(n+3){margin-top:20px;}
    .msec-02 .cont li a{height:250px; padding-top:10px;}
    .msec-02 .cont li .btxt{font-size:16px;}
    .msec-02 .cont li .stxt{font-size:18px; margin-top:7px; padding-bottom:120px;}
    .msec-02 .cont li .stxt:after{ background-size:100px auto !important;}
  }
  @media only screen and (max-width:480px){
    .msec-02 .cont ul{margin:0 -5px}
    .msec-02 .cont li{width:calc(50% - 10px); margin:0 5px}
    .msec-02 .cont li:nth-child(n+3){margin-top:10px;}
    .msec-02 .cont li a{height:200px;}
    .msec-02 .cont li .stxt{padding-bottom:90px;}
    .msec-02 .cont li .stxt:after{ background-size:70px auto !important;}
  }

  @media only screen and (max-width:400px){
    .msec-02 .cont li a{height:160px;}
    .msec-02 .cont li .stxt{padding-bottom:60px;}
    .msec-02 .cont li .stxt:after{ background-size:50px auto !important;}
  }


.msec-visual .btn_wrap p{position:absolute;right:20px;top: 150px;font-size:0;z-index:1000}
.msec-visual .btn_wrap p a{display:inline-block;vertical-align:top;width:30px;height:30px; cursor:pointer;}
.msec-visual .btn_wrap p a:nth-child(2){margin-left:5px}
.msec-visual .btn_wrap p .prev{background:url("https://www.uljin.go.kr/upload_data/board_data/BBS_0000130/173985492746958.png") no-repeat left center; background-size:100% auto;}
.msec-visual .btn_wrap p .next{background:url("https://www.uljin.go.kr/upload_data/board_data/BBS_0000130/173985492747014.png") no-repeat left center; background-size:100% auto;}
@media all and (min-width:768px){
  .msec-visual .btn_wrap p{top:240px;}
}
@media all and (min-width:1024px){
.msec-visual .btn_wrap{width:1240px;margin:0 auto;position:relative;}
.msec-visual .btn_wrap p{top: unset;bottom:30px;}
.msec-visual .btn_wrap p a:nth-child(2){margin-left:15px}
.msec-visual .btn_wrap p a{width:46px;height:46px;}
}