@charset "utf-8";

br{font-family: 'Dotum';}

/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{position:relative;}
.msec-visual:after{position:absolute; left:0; top:0; width:100%;height:100%; display:block ;content:"";z-index:-1;background:#72a4db url(/images/2023/potal/main/visual-bg.jpg) no-repeat center bottom; background-size:cover;}
.msec-visual .cont{height:405px;position:relative;max-width:1240px;padding:0 20px;box-sizing:border-box;margin: 0 auto 140px;}
.msec-visual .vzone{width:707px; border-radius:10px; left:20px; bottom:-65px; position:absolute; }
.msec-visual .vzone-slide{overflow:hidden; border-radius:10px;background:#fff; }
.msec-visual .vzone .item a{display:block ;}
.msec-visual .vzone .item img{width:100%;}

.msec-visual .vzone .ctrl{position:absolute; left:-50px; bottom:10px; font-size:0; z-index:13; width:45px; text-align: center;}
.msec-visual .vzone .ctrl a{display:inline-block;vertical-align:top;width:34px;height:34px; background-color:#2a2a2a ; background-size:100% auto !important;border-radius:100%; overflow:hidden;}
.msec-visual .vzone .ctrl .slideNumber{font-size:14px; font-family:'NanumSQ'; font-weight:bold; color:#fff; letter-spacing:-1px;}
.msec-visual .vzone .ctrl .slideNumber span{display: inline-block;}
.msec-visual .vzone .ctrl .slideNumber .nowNum{font-size:16px; color:#f3eb13; vertical-align: top; margin-bottom:15px;}
.msec-visual .vzone .ctrl .slideNumber .slideSlash{font-weight: 100; vertical-align: middle; margin-top:5px;}
.msec-visual .vzone .ctrl .slideNumber .slideTotalList{vertical-align: bottom; margin-top:10px;}
.msec-visual .vzone .ctrl a{margin:5px 0;}
.msec-visual .vzone .ctrl .prev{background:url(/images/2023/potal/main/vzone-prev.png) no-repeat center center; transform: rotate(90deg);}
.msec-visual .vzone .ctrl .next{background:url(/images/2023/potal/main/vzone-next.png) no-repeat center center; transform: rotate(90deg);}
.msec-visual .vzone .ctrl .stop{background:url(/images/2023/potal/main/vzone-stop.png) no-repeat center center;}
.msec-visual .vzone .ctrl .play{background:url(/images/2023/potal/main/vzone-play.png) no-repeat center center;}
.msec-visual .vzone .ctrl .list{background:url(/upload_data/board_data/BBS_0000102/168048262086001.png) no-repeat center center;}

.vzone-list{position: absolute; top:0; left:0; width:100%; height:100%; border-radius: 10px;overflow: hidden; display: none; z-index:1;}
.vzone-list .vzoneList_title{padding:25px 20px; background-color:#836fd2; color:#fff; box-sizing: border-box; font-size:18px; font-family:'NanumSQ';  display: flex;align-items: center;justify-content: flex-start;}
.vzone-list .vzoneList_title span{display: inline-block; border-radius: 50px; background-color:#fff; font-weight: 900; padding:5px 12px; box-sizing: border-box; margin:0 10px; color:#836fd2;}
.vzone-list .vzoneScroll{height: calc(100% - 81px); width:100%;  background-color:#fff; padding:20px; box-sizing: border-box;}
.vzone-list .vzone_ul{width:100%; overflow-y: auto; height:100%; counter-reset:slideNum;}
.vzone-list .vzone_ul::-webkit-scrollbar{width:8px; height:8px;}
.vzone-list .vzone_ul::-webkit-scrollbar-thumb{background:#836fd2; border-radius: 50px;}
.vzone-list .vzone_ul::-webkit-scrollbar-track{background:#ddd4fd34; border-radius: 50px;}
.vzone-list .vzone_ul .vzone_li{background-color:#fff; padding:10px; box-sizing: border-box; font-size:16px; font-weight: 700; font-family:'NanumSQ'; color:#000; display: flex; align-items:center; justify-content: flex-start;}
.vzone-list .vzone_ul .vzone_li::before{content:counter(slideNum); counter-increment: slideNum; border-radius: 50%; width:25px; line-height: 25px; color:#fff; background-color:#999; text-align: center; font-weight:500; font-size:14px; margin-right:10px; flex-shrink: 0;}
.vzone-list .vzone_ul .vzone_li a{font-size:16px; font-family:'NanumSQ'; font-weight:700; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.vzone-list .vzone_ul .vzone_li:nth-child(2n){background-color:#e1e1e1;}
.vzone-list .vzoneList_close{font-size:25px; color:#fff; position: absolute; display: inline-block; right:20px; top:23px; font-weight: bold;}

@media screen and (max-width:1400px) {
  .msec-visual .vzone .ctrl{left:108%; width:210px; display: flex; align-items: center; justify-content:space-between;}
  .msec-visual .vzone .ctrl .slideNumber{color:#000;}
  .msec-visual .vzone .ctrl .slideNumber .nowNum{margin-bottom:10px;}
  .msec-visual .vzone .ctrl .slideNumber .slideSlash{margin:5px 5px 0;}
  .msec-visual .vzone .ctrl .slideNumber .slideTotalList{margin-top:5px;}
  .msec-visual .vzone .ctrl .prev,
  .msec-visual .vzone .ctrl .next{transform: rotate(0);}
}

  @media only screen and (max-width:1240px){
    .msec-visual .cont{height:380px;}
    .msec-visual .vzone{width:54%; top:auto; bottom:-40px;}
    .msec-visual .vzone .ctrl{bottom:0;}
    .msec-visual .vzone .ctrl a{width:30px;height:30px;}
  }
  @media only screen and (max-width:1120px){
    .msec-visual .cont{height:350px;}
  }
  @media only screen and (max-width:999px){
    .msec-visual .vzone{bottom:auto; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}

    .msec-visual .vzone .ctrl{left:0; bottom:-50px;}
  }
  @media only screen and (max-width:768px){
    .msec-visual .cont{height:320px;margin: 0 auto 60px;}

    .vzone-list .vzoneList_title{padding:15px 10px; font-size:15px;}
    .vzone-list .vzoneList_title span{padding:2px 10px; margin:0 5px;}
    .vzone-list .vzoneList_close{font-size:20px; right:15px; top:15px;}
    .vzone-list .vzoneScroll{height:calc(100% - 55px);}
  }
  @media only screen and (max-width:680px){

    .msec-visual:after{ height:calc(100% - 60px)}
    .msec-visual .cont{height:auto;margin: 0 auto 80px;}
    .msec-visual .vzone{position:relative ;top:auto; left:auto; bottom:0; width:auto; margin-top:0;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
  }

  @media screen and (max-width:480px) {
    .vzone-list .vzoneScroll{padding:10px;}
  }

.msec-visual .many{position:absolute;right:0; bottom:0; width:460px;}
.msec-visual .many:after{width:355px;height:325px; position:absolute;right:-70px; bottom:0;background:url(/images/2023/potal/main/many-person.png) no-repeat right bottom; background-size:100% auto; display:block ;content:"";}
.msec-visual .many .txt{font-family: 'yg-jalnan';font-size:20px; font-weight:400; color:#fff; line-height:150%;text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3) ; -webkit-text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3) ; -moz-text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3) ; }
.msec-visual .many .txt span{font-size:26px; color:#fbed10; line-height: 150%;}
.msec-visual .many .txt span i{font-size:34px; line-height: 90%;}
.msec-visual .many ul{margin-top:30px; min-height:180px; position:relative; z-index:5;}
.msec-visual .many li a{display:block;max-width:184px; line-height:40px; box-sizing:border-box; height:36px; padding-left:52px; font-size:15px; font-family: 'GmarketSans'; color:#111; font-weight:600; position:Relative; background:#fff; letter-spacing:-0.03em;border-radius:36px;}
.msec-visual .many li:nth-child(n+2){margin-top:10px;}
.msec-visual .many li a:before{width:18px;height:18px; left:24px; top:9px; display:block; content:""; background:url(/images/2023/potal/main/many-chk.jpg) no-repeat ;background-size:18px auto; position:absolute;}
  @media only screen and (max-width:1240px){
    .msec-visual .many{width:calc(41% - 10px);}
    .msec-visual .many:after{width:340px;right:-40px;}

    .msec-visual .many .txt{font-size:21px;}
    .msec-visual .many .txt span{font-size:24px;}
    .msec-visual .many .txt span i{font-size:32px;}
    .msec-visual .many li a{padding-left:48px; font-size:14px; line-height:38px; height:36px;}
    .msec-visual .many li a:before{background-size:14px auto; top:11px; left:20px;}
  }
  @media only screen and (max-width:1120px){
    .msec-visual .many:after{width:300px;right:-40px;}

    .msec-visual .many .txt{font-size:19px;}
    .msec-visual .many .txt span{font-size:22px;}
    .msec-visual .many .txt span i{font-size:30px;}
  }
  @media only screen and (max-width:999px){
    .msec-visual .many:after{width:240px;right:-40px;}

    .msec-visual .many .txt{font-size:17px;}
    .msec-visual .many .txt span{font-size:20px;}
    .msec-visual .many .txt span i{font-size:28px;}

    .msec-visual .many ul{max-width:170px; margin-top:20px; min-height:200px;}
    .msec-visual .many li:nth-child(n+2){margin-top:8px;}
    .msec-visual .many li a{padding-left:45px; line-height:36px; height:34px}
  }
  @media only screen and (max-width:760px){
    .msec-visual .many:after{width:210px;right:-40px;}
    .msec-visual .many ul{max-width:160px; min-height:190px}
    .msec-visual .many li a{padding-left:40px;}
    .msec-visual .many li a:before{left:15px}
  }
  @media only screen and (max-width:680px){
    .msec-visual .many{position:relative;left:auto;width:auto;padding-top:70px;margin: 0 auto;width:100%;max-width:320px;}
    .msec-visual .many:after{width:280px;height:100%; right:-130px;}
    .msec-visual .many ul{min-height:auto; padding-bottom:30px;}
    .msec-visual .many li a:before{top:10px;}
    .msec-visual .many .txt{font-size:15px; line-height:1.6em}
    .msec-visual .many .txt span{font-size:18px; }
    .msec-visual .many .txt span i{font-size:26px;}
  }
  @media only screen and (max-width:480px){
    .msec-visual .many{padding-top:40px;}
    .msec-visual .many:after{width:250px;right: -60px;}
    .msec-visual .many ul{max-width:150px}
    .msec-visual .many li a{padding-left:37px; font-size:13px; height:30px; line-height:32px;}
    .msec-visual .many li a:before{top:8px;}
  }
  @media only screen and (max-width:400px){

  }



/* ======================================================
   .msec-cont
=========================================================*/
.msec-cont{position:relative;}
.msec-cont .tab-con.hide{display:none;}



/* ======================================================
   .msec-quick
=========================================================*/
.msec-quick{position:absolute;right:-170px !important;top: 20px;width:102px;border:1px solid #836fd2;border-radius:12px;overflow:hidden;z-index:123;}
.msec-quick dl{padding-bottom:20px; background:#fff;}
.msec-quick dt{margin-bottom:15px; background:#836fd2;font-size:18px;text-align:center; line-height:1.3em; color:#fff;font-family: 'yg-jalnan'; padding:12px 0; box-sizing:border-box; height:70px;}
.msec-quick dt span{display:block ;color:#fbed10}
.msec-quick dd:nth-child(n+3){margin-top:20px;}
.msec-quick dd a{display:block; padding-top:72px; font-size:16px; color:#111;  font-weight:400;font-family: 'GmarketSans';  letter-spacing:-0.04em; text-align:center; position:relative;}
.msec-quick dd a:before{width:100%;height:62px; position:absolute; left:0; top:0; display:block; content:""}
.msec-quick dd a:hover{color:#836fd2}
.msec-quick dd:nth-child(2) a:before{background:url(/images/2023/potal/main/quick-menu01.png) no-repeat center top}
.msec-quick dd:nth-child(3) a:before{background:url(/images/2023/potal/main/quick-menu02.png) no-repeat center top}
.msec-quick dd:nth-child(4) a:before{background:url(/images/2023/potal/main/quick-menu03.png) no-repeat center top}
.msec-quick dd:nth-child() a:before{background:url(/upload_data/board_data/BBS_0000130/172074515338766.png) no-repeat center top}
.msec-quick dd:nth-child(6) a:before{background:url(/upload_data/board_data/BBS_0000130/168982678950566.png) no-repeat center top}
/*코로나 19
.msec-quick dd:nth-child(6) a:before{background:url(/upload_data/board_data/BBS_0000130/169405095853285.png) no-repeat center top}*/
.msec-quick dd:nth-child(5) a:before{background:url(/upload_data/board_data/BBS_0000130/170850089150787.png) no-repeat center top}
.msec-quick dd:nth-child(8) a:before{background:url(/images/2023/potal/main/quick-menu05.png) no-repeat center top}
.msec-quick dd:nth-child(7) a:before{background:url(/images/2023/potal/main/quick-menu06.png) no-repeat center top}
.msec-quick button.open_close{display:none}

  @media screen and (max-width:1400px){
    .msec-quick.cloneQuick{position: fixed;top: auto !important; bottom:0; left:0; width:100%; z-index: 21; transition: all .3s ease-in-out;height:fit-content; }
    .msec-quick.cloneQuick.close{left: 90%;}
    .msec-quick.cloneQuick dl{display: flex; align-items:stretch; padding-bottom: 0;}
    .msec-quick.cloneQuick dl dt{height: auto; margin:0; flex-shrink: 0; padding:0 15px; line-height: 120%; display: flex; align-items: center; justify-content:center; flex-direction: column;}
    .msec-quick.cloneQuick dl dd{width:25%; margin:10px 0;}
    .msec-quick.cloneQuick button.open_close{background:url(/upload_data/board_data/BBS_0000130/171193254607745.png) no-repeat center top;width:18px;height: 11px;display:block;box-sizing:border-box;/* padding-top:11px; */overflow:hidden;position: absolute;left: 15px;bottom: 25px;font-size: 0;transform: rotate(90deg)}
    .msec-quick.cloneQuick.close button.open_close{transform: rotate(-90deg);}
  }

  @media screen and (max-width:680px){
     .msec-quick.cloneQuick.close{left: 85%;}
    .msec-quick.cloneQuick dl dd{width:25%;}
    .msec-quick.cloneQuick dd a{padding-top:50px; font-size:14px;}
    .msec-quick.cloneQuick dd a:before{background-size:40px !important; }
  }

  @media screen and (max-width:480px){

    .msec-quick.cloneQuick.close{left: 0;bottom:-230px;}
    .msec-quick.cloneQuick dl{flex-wrap: wrap;}
    .msec-quick.cloneQuick dl dt{font-size:15px; padding:7px; width: 100%; flex-direction: row;}
    .msec-quick.cloneQuick dt span{margin-left:3px;}
    .msec-quick.cloneQuick button.open_close{left: 90%;bottom:0;top: 10px;transform: rotate(180deg);}
    .msec-quick.cloneQuick.close button.open_close{transform: rotate(0deg);}
  }





/* ======================================================
   .msec-01
=========================================================*/
.msec-01{padding: 0 0 95px;}
.msec-01 .cont{padding-right:370px;font-family: 'NanumSQ'; position:Relative;}

.msec-01 .ov{ position:relative;}
.msec-01 .tab{position:relative; height:51px; padding-right:51px;}
.msec-01 .tab:before{border-radius:12px;box-sizing:border-box; position:absolute; left:0; top:0; width:100%; height:100%; display:block; content:""; z-index:-1; border:1px solid #cecece}
.msec-01 .tab:after{box-sizing:border-box; position:absolute; right:51px; top:0; width:0; height:100%; display:block; content:""; z-index:-1; border-left:1px solid #cecece}

.msec-01 .tab ul:after{display:block; content:"";clear:both}
.msec-01 .tab li{float:left;}
.msec-01 .tab li:nth-child(n+2){border-left:1px solid #e3e3e3;}
.msec-01 .tab li a{font-size:16px; display:block; line-height:51px; font-size:16px; color:#353535; font-weight:600; letter-spacing:-0.03em; padding:0 21px;}

.msec-01 .tab li.active{position:relative ;z-index:5;}
.msec-01 .tab li.active a{padding:0 30px 0 30px; position:Relative; color:#fff;font-family: 'yg-jalnan';}
.msec-01 .tab li.active a:before{width:42px;height:30px; left:5px; top:-15px; display:block; content:""; background:url(/images/2023/potal/main/board-alrim.png) no-repeat left center; position:absolute;}
.msec-01 .tab li.active a:after{position:absolute ;left:0; top:0;background:#6f58c7; border-radius:12px; display:block; content:"";z-index:-1; width:calc(100% + 10px); left:-5px; box-sizing:border-box;height:100%;box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.2) ;-webkit-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.2)  ; }
  @media only screen and (max-width:1240px){
    .msec-01{padding: 0 0 70px;}
    .msec-01 .cont{padding-right:320px}
    .msec-01 .tab li a{font-size:15px; padding:0 18px;}
    .msec-01 .tab li.active a{padding:0 25px}
    .msec-01 .tab li.active a:before{background-size:32px auto; left:3px;}
    .msec-01 .tab li.active a:after{left:0; width:100%;}
  }
  @media only screen and (max-width:1120px){
    .msec-01 .cont{padding-right:280px}
    .msec-01 .tab{height:48px; padding-right:48px;}
    .msec-01 .tab li a{line-height:48px; font-size:14px; padding:0 15px;}
    .msec-01 .tab li.active a{padding:0 20px}
    .msec-01 .tab li.active a:before{background-size:26px auto; left:1px;}
  }
  @media only screen and (max-width:999px){
    .msec-01{padding: 0 0 50px;}
    .msec-01 .cont{padding-right:340px}
    .msec-01 .tab{height:auto; padding-right:0;border-radius:10px; overflow:hidden;}
    .msec-01 .tab:before{border-radius:10px;}
    .msec-01 .tab:after{display:none;}

    .msec-01 .tab li:nth-child(n+2){border:none;}
    .msec-01 .tab li{float:left; width:25%; box-sizing:Border-box;}
    .msec-01 .tab li:nth-child(n+5){margin-top:-1px;border-bottom:none;}
    .msec-01 .tab li:nth-child(n+5) a{border-bottom:none;}
    .msec-01 .tab li a{line-height:40px;box-sizing:border-box;text-align:center;border-bottom:1px solid #dedede;position:relative; padding:0 5px !important;}
    .msec-01 .tab li a:before{position:absolute;right:-1px; top:0; height:100%; border-right:1px solid #dedede; display:block; content:""; }
    .msec-01 .tab li.active a{background:#6f58c7; font-weight:300;}
    .msec-01 .tab li.active a:after{display:none;}
    .msec-01 .tab li.active a:before{display:none;}
  }
  @media only screen and (max-width:760px){
    .msec-01 .cont{padding-right:0}
    .msec-01 .tab li a{font-size:13px;}
    .msec-01 .tab li:nth-child(6) a{font-size:12px;}
  }
  @media only screen and (max-width:680px){
    .msec-01{padding-top: 0;}
  }
  @media only screen and (max-width:480px){
    .msec-01{padding: 0 0 30px;}
    .msec-01 .tab{border-radius:5px;}
    .msec-01 .tab:before{border-radius:5px;}

    .msec-01 .tab li a{font-size:12px;}
    .msec-01 .tab li:nth-child(6) a{font-size:11px;white-space:pre}
  }
  @media only screen and (max-width:400px){

  }

.msec-01 .list{margin-top:45px ;min-height:295px; box-sizing:border-box; border-bottom:1px solid #cecece}
.msec-01 .list ul{margin:0 -20px}
.msec-01 .list ul:after{display:block ;content:"";clear:both}
.msec-01 .list ul li{float:left;width:calc(33.3333% - 40px); margin:0 20px;}
.msec-01 .list ul li a{display:block;}
.msec-01 .list ul li .cate{width:90px;height:28px; border-radius:28px; text-align:center; line-height:28px; background:#f0f2f3; font-size:14px ;letter-spacing:-0.03em; color:#444;-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;transition: background 0.3s ease-in-out, color 0.3s ease-in-out;}
.msec-01 .list ul li .btxt{margin-top:18px;font-size:18px; color:#353535; font-weight:600; line-height:1.6em; letter-spacing:-0.03em;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;   -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.msec-01 .list ul li .stxt{margin-top:20px;font-size:16px; color:#353535; font-weight:300; line-height:1.6em; letter-spacing:-0.03em;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;   -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.msec-01 .list ul li .date{margin-top:30px;display:inline-block;vertical-align:top; line-height:18px; background:url(/images/2023/potal/main/board-date.jpg) no-repeat left center; padding-left:24px;  font-size:15px; font-weight:400; color:#666;}
.msec-01 .list .more{width:51px;height:51px; position:Absolute;right:0; top:0;text-indent:-9999em; background:url(/images/2023/potal/main/board-more.jpg) no-repeat center center;-webkit-transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.msec-01 .list .more:hover{transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); }

.msec-01 .list ul li a:hover .cate{background:#ddd; color:#111;}
  @media only screen and (max-width:1240px){
    .msec-01 .list{margin-top:30px; min-height:272px;}
    .msec-01 .list .more{background-size:17px auto;}
    .msec-01 .list ul li .cate{width:80px; font-size:13px; }
    .msec-01 .list ul li .btxt{font-size:17px}
    .msec-01 .list ul li .stxt{font-size:15px;}
    .msec-01 .list ul li .date{margin-top:25px;font-size:14px; padding-left:20px ; background-size:14px auto;}
  }
  @media only screen and (max-width:1120px){
    .msec-01 .list{margin-top:20px; min-height:241px}
    .msec-01 .list .more{width:48px;height:48px;}
    .msec-01 .list ul li .btxt{margin-top:12px;font-size:16px;}
    .msec-01 .list ul li .stxt{margin-top:15px;font-size:14px;}
    .msec-01 .list ul li .date{margin-top:15px;font-size:13px;}
  }
  @media only screen and (max-width:999px){
    .msec-01 .list{border-bottom:none; margin-top:22px;}
    .msec-01 .list ul{margin:0 -15px}
    .msec-01 .list ul li{width:calc(50% - 30px); margin:0 15px;}
    .msec-01 .list ul li:nth-child(n+3){display:none;}

    .msec-01 .list ul li .btxt{ -webkit-line-clamp: 2; }
    .msec-01 .list ul li .stxt{margin-top:10px;}

    .msec-01 .list .more{border:1px solid #dedede; letter-spacing:-0.03em; position:relative; right:auto; top:auto; text-indent:0; line-height:40px; height:40px; text-align:center; font-size:14px; background:none; display:block; border-radius:5px; margin-top:25px; width:auto;}
    .msec-01 .list .more span{display:inline-block;vertical-align:top;background:url(/images/2023/potal/main/board-more.jpg) no-repeat left calc(50% - 1px); background-size:12px auto; padding-left:24px;}
    .msec-01 .list .more:hover{transform: scale(1,1) rotate(0deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(0deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(0deg)skew(0,0) translate(0,0); }
  }
  @media only screen and (max-width:760px){
    .msec-01 .list ul{margin:0;}
    .msec-01 .list ul li{width:auto; float:none; margin:0;}
    .msec-01 .list ul li:nth-child(n+2){margin-top:20px;padding-top:20px; border-top:1px dashed #dedede;}
    .msec-01 .list ul li .cate{width:70px; font-size:12px;  line-height:24px; height:24px;}
    .msec-01 .list ul li .btxt{margin-top:10px;font-size:15px;}
    .msec-01 .list ul li .stxt{margin-top:10px;font-size:13px;}
    .msec-01 .list ul li .date{margin-top:10px;font-size:12px; padding-left:18px ; background-size:12px auto;}

    .msec-01 .list .more{line-height:35px; height:35px; font-size:13px;}
    .msec-01 .list .more span{background-size:10px auto; padding-left:20px;}
  }
  @media only screen and (max-width:680px){

  }
  @media only screen and (max-width:480px){

  }
  @media only screen and (max-width:400px){

  }

.msec-01 .pzone{position:Absolute;right:0; top:0; width:340px;height:394px; border-radius:15px;overflow:hidden;}
.msec-01 .pzone:after{border-radius:15px;box-sizing:border-box; position:absolute; left:0; top:0; width:100%; height:100%; display:block; content:""; z-index:-1; border:1px solid #cecece}
.msec-01 .pzone .tits{position:Relative;}
.msec-01 .pzone h3{font-family: 'yg-jalnan';font-weight:300; text-transform:uppercase;line-height:52px; height:51px; color:#333; font-size:16px; padding:0 24px; letter-spacing:-0.03em;}
.msec-01 .pzone .ctrl{position:absolute;right:16px; top:50%;height:28px; transform: translateY(-50%); display: flex; align-items: center; justify-content: space-between;}
.msec-01 .pzone .ctrl .slideNumber{display: inline-block; margin-right:5px;}
.msec-01 .pzone .ctrl .slideNumber span{font-size:14px; display: inline-block; font-family: 'NanumSQ'; font-weight:bold; color:#353535}
.msec-01 .pzone .ctrl .slideNumber .pzNum{color:#6f58c7;}
.msec-01 .pzone .ctrl .slideNumber .slideSlash{font-weight:200;}
.msec-01 .pzone .ctrl a{display:inline-block;vertical-align:top; width:16px;height:28px; margin:0 2px;}
.msec-01 .pzone .ctrl a.prev{background:url(/images/2023/potal/main/pzone-prev.jpg) no-repeat center center;}
.msec-01 .pzone .ctrl a.next{background:url(/images/2023/potal/main/pzone-next.jpg) no-repeat center center;}
.msec-01 .pzone .ctrl a.stop{background:url(/images/2023/potal/main/pzone-stop.jpg) no-repeat center center;}
.msec-01 .pzone .ctrl a.play{background:url(/images/2023/potal/main/pzone-play.jpg) no-repeat center center; display:none; opacity:0.75}
.msec-01 .pzone .ctrl a.list{background:url(/upload_data/board_data/BBS_0000102/168048262085880.png) no-repeat center center; min-height: auto; border:none;}
.msec-01 .pzone .item a{display:block}
.msec-01 .pzone .item img{width:100%; height:342px;object-fit:cover;}
  @media only screen and (max-width:1240px){
    .msec-01 .pzone{width:300px; height:auto;}
    .msec-01 .pzone h3{font-size:15px; padding:0 20px;}
    .msec-01 .pzone .item img{height:auto;object-fit:fill;}
  }
  @media only screen and (max-width:1120px){
    .msec-01 .pzone{width:260px;}
    .msec-01 .pzone h3{height:48px; line-height:49px;}
  }
  @media only screen and (max-width:999px){
    .msec-01 .pzone{width:320px;}
  }
  @media only screen and (max-width:760px){
    .msec-01 .pzone{position:relative; right:auto; top:auto; width:auto; margin-top:30px; border-radius:10px;}
    .msec-01 .pzone:after{border-radius:10px;}
    .msec-01 .pzone h3{font-size:14px; padding:0 17px;}

    .msec-01 .pzone .ctrl{right:12px;}
    .msec-01 .pzone .ctrl a{width:14px;}
    .msec-01 .pzone .ctrl a.prev, .msec-01 .pzone .ctrl a.next{background-size:7px auto;}
    .msec-01 .pzone .ctrl a.stop, .msec-01 .pzone .ctrl a.play{background-size:7px auto;}
  }
  @media only screen and (max-width:680px){

  }
  @media only screen and (max-width:480px){

  }
  @media only screen and (max-width:400px){

  }




/* ======================================================
   .msec-02
=========================================================*/
.msec-02{position:relative; padding:60px 0;}
.msec-02:before{position:absolute;width:20000px; left:50%;top:0; height:100%;margin-left:-10000px;  background:#eff3f6; display:block; content:"";z-index:-1;}
.msec-02 .tits{position:relative;margin-bottom:30px;text-align:center;}
.msec-02 .tits h3{ font-family: 'yg-jalnan';font-size:30px; font-weight:400; color:#313131; letter-spacing:-0.03em; line-height:1.2em;}


.msec-02 .service{position:relative; width:calc(100% + 100px); margin-left:-50px; padding:0 50px; box-sizing:border-box; font-family: 'NanumSQ'; }
.msec-02 .service .ctrl .owl-prev{cursor:pointer;text-indent:-9999em;width:20px; height:92px; position:absolute ;left:0; top:0; background:url(/images/2023/potal/main/service-prev.png) no-repeat left center;}
.msec-02 .service .ctrl .owl-next{cursor:pointer;text-indent:-9999em;width:20px; height:92px; position:absolute ;right:0; top:0; background:url(/images/2023/potal/main/service-next.png) no-repeat right center;}
.msec-02 .service .ctrl .disabled{opacity:0.3; display:inline-block !important;}

.msec-02 .service .item{text-align:center;}
.msec-02 .service .item .img img{display:inline-block;vertical-align:top; width:100%; max-width:92px;}
.msec-02 .service .item .txt{font-size:16px; font-weight:600; color:#333; letter-spacing:-0.03em; line-height:1.3em; margin-top:17px;}
  @media only screen and (max-width:1320px){
    .msec-02 .service .ctrl .owl-prev{left:50px; top:-94px;background-size:14px auto;}
    .msec-02 .service .ctrl .owl-next{right:50px;top:-94px;background-size:14px auto;}
  }
  @media only screen and (max-width:1240px){
    .msec-02 .tits h3{font-size:28px;}
    .msec-02 .service .item .img img{max-width:84px;}
    .msec-02 .service .item .txt{font-size:15px; margin-top:14px;}
  }
  @media only screen and (max-width:1120px){

  }
  @media only screen and (max-width:999px){
    .msec-02{padding: 40px 0}
    .msec-02 .tits{margin-bottom:20px;}
    .msec-02 .tits h3{font-size:26px;}

    .msec-02 .service .ctrl .owl-prev{top:-82px;background-size:12px auto;}
    .msec-02 .service .ctrl .owl-next{top:-82px;background-size:12px auto;}

    .msec-02 .service .item .img img{max-width:78px;}
    .msec-02 .service .item .txt{font-size:14px; margin-top:10px;}
  }
  @media only screen and (max-width:680px){
    .msec-02 .tits h3{font-size:24px;}
    .msec-02 .service .ctrl .owl-prev{top:-80px;background-size:10px auto;}
    .msec-02 .service .ctrl .owl-next{top:-80px;background-size:10px auto;}

    .msec-02 .service .item .img img{max-width:68px;}
  }
  @media only screen and (max-width:480px){
    .msec-02 .tits h3{font-size:22px;}
    .msec-02 .service .item .img img{max-width:58px;}
    .msec-02 .service .item .txt{font-size:13px;}
  }
  @media only screen and (max-width:400px){
    .msec-02 .service .item .img img{max-width:50px;}
  }


.msec-02 .cont{margin-top:50px; padding-right:490px; font-family: 'NanumSQ'; position:relative; z-index:2;}

.msec-02 .cont .person{padding-left:122px; position:Relative; height:210px}
.msec-02 .cont .person:before{ position:Absolute ;left:100px; height:100%; width:calc(100% - 100px); display:block; content:""; background:#fff; position:Absolute;right:0; top:0; border-radius:0 10px 10px 0}

.msec-02 .cont .tab{position:absolute ;left:0; top:0; width:122px; height:100%;}
.msec-02 .cont .tab ul:after{display:block; content:"";clear:both;}
.msec-02 .cont .tab li a{display:block; height:105px; background:#e9e9e9;  color:#494949; font-size:18px;font-family: 'yg-jalnan';text-align:center; display:flex;align-items: center; justify-content: center;}
.msec-02 .cont .tab li.active a{background:#fff; color:#b84255 ;}

.msec-02 .cont .tab li:nth-child(1) a{border-radius:10px 0 0 10px;}
.msec-02 .cont .tab li:nth-child(2) a{border-radius:10px 0 0 10px;}

.msec-02 .cont .tab li a span{display:block; width:100%; position:relative; -webkit-transition: padding-top 0.3s ease-in-out;-moz-transition: padding-top 0.3s ease-in-out;-o-transition: padding-top 0.3s ease-in-out;transition: padding-top 0.3s ease-in-out;}
.msec-02 .cont .tab li a span:before{width:100%; height:45px; display:block; content:""; position:Absolute ;left:0; top:0; opacity:0; background-size:52px auto !important;-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-02 .cont .tab li:nth-child(1) a span:before{background:url(/images/2023/potal/main/quick-ico01.png) no-repeat center center;}
.msec-02 .cont .tab li:nth-child(2) a span:before{background:url(/images/2023/potal/main/quick-ico02.png) no-repeat center center;}

.msec-02 .cont .tab li.active a span{padding-top:50px; }
.msec-02 .cont .tab li.active a span:before{opacity:1}

.msec-02 .cont .list{padding:40px;  /* display:flex;align-items: center; justify-content: center;  */height:205px; box-sizing:border-box;}
.msec-02 .cont .list ul{width:100%;}
.msec-02 .cont .list ul:after{display:block ;content:"";clear:both}
.msec-02 .cont .list ul li {float:left; width:33.33333%;box-sizing:border-box;}
.msec-02 .cont .list ul li:nth-child(n+4){ margin-top:14px;}
.msec-02 .cont .list ul li a{font-size:15px; color:#333; padding-left:18px; line-height:1.4em; letter-spacing:-0.03em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:relative; }
.msec-02 .cont .list ul li a:before{width:8px;height:3px;  position:absolute; left:0; top:6px; display:block; content:""; background:#333;}
  @media only screen and (max-width:1240px){
    .msec-02 .cont{margin-top:40px; padding-right:450px}
    .msec-02 .cont .tab li a{font-size:16px;height:95px;}
    .msec-02 .cont .tab li.active a span{padding-top:45px; }
    .msec-02 .cont .tab li a span:before{background-size:42px auto !important;}
    .msec-02 .cont .list ul li a{font-size:14px; padding-left:16px;}
    .msec-02 .cont .list ul li a:before{width:6px;height:2px;}
  }
  @media only screen and (max-width:1120px){
    .msec-02 .cont{padding-right:410px;}
    .msec-02 .cont .person{height:190px;}
    .msec-02 .cont .list{height:185px; padding:30px;}
  }
  @media only screen and (max-width:999px){
    .msec-02 .cont{margin-top:30px; padding-right:0}
  }
  @media only screen and (max-width:680px){
    .msec-02 .cont .tab{position:relative; left:auto; top:auto; width:auto; height:auto;}
    .msec-02 .cont .tab li{float:left; width:50%}
    .msec-02 .cont .tab li a{font-size:15px;height:45px; border-radius:5px 5px 0 0 !Important;text-align:center; display:block;}
    .msec-02 .cont .tab li a span{padding:0 0 0 35px !important;; position:relative; display:inline-block;vertical-align:top; width:auto; line-height:45px;}
    .msec-02 .cont .tab li a span:before{opacity:1 !Important;width:30px; height:40px; top:50%;margin-top:-20px; background-size:25px auto !important;}


    .msec-02 .cont .person{padding-left:0; height:auto;}
    .msec-02 .cont .person:before{ left:0; width:100%; height:calc(100% - 45px); top:45px; border-radius:0 0 5px 5px}
    .msec-02 .cont .list{padding:25px; height:auto;}
    .msec-02 .cont .list ul li:nth-child(n+4){ margin-top:10px;}
    .msec-02 .cont .list ul li a{font-size:13px; padding-left:12px;}
    .msec-02 .cont .list ul li a:before{width:4px;height:2px;}
  }
  @media only screen and (max-width:480px){
    .msec-02 .cont .list ul li {width:50%;}
    .msec-02 .cont .list ul li:nth-child(n+3){ margin-top:7px;}
  }
  @media only screen and (max-width:400px){
    .msec-02 .cont .list ul li:nth-child(n+3){ margin-top:5px;}
  }


.msec-02 .cont .abr{position:absolute; right:0; top:0; width:462px;}
.msec-02 .cont .abr ul:after{display:block; content:"";clear:both}
.msec-02 .cont .abr li{float:left;width:calc(50% - 15px); border-radius:14px;}
.msec-02 .cont .abr li:nth-child(2){float:right}
.msec-02 .cont .abr li .txt{position:relative;height:210px; display:block; box-sizing:Border-box; padding-top:35px; text-align:center;}
.msec-02 .cont .abr li .txt p{font-family: 'yg-jalnan';font-size:20px; font-weight:400; color:#fff; letter-spacing:-0.03em; line-height:1.2em; margin-bottom:12px;}
.msec-02 .cont .abr li .txt a{display:inline-block;text-align:center;vertical-align:top ;width:84px;height:24px; border-radius:25px; color:#111; background:#fff; line-height:24px; border:1px solid #fff;letter-spacing:-0.03em;}
.msec-02 .cont .abr li .txt:after{width:100%;height:72px; bottom:20px; left:0; display:block; content:""; position:Absolute; background-size:120px auto !Important; transform:scale(1);  transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-02 .cont .abr li:hover .txt:after{transform:scale(1) translateX(4%)}

.msec-02 .cont .abr li:nth-child(1){background:#836fd2;}
.msec-02 .cont .abr li:nth-child(2){background:#b84255;}

.msec-02 .cont .abr li:nth-child(1) .txt:after{background:url(/images/2023/potal/main/reserve-ico.png) no-repeat center bottom;}
.msec-02 .cont .abr li:nth-child(2) .txt:after{background:url(/images/2023/potal/main/photo-ico.png) no-repeat center bottom;}


.msec-02 .cont .abr li:nth-child(1) .txt a{color:#836fd2;}
.msec-02 .cont .abr li:nth-child(1) .txt a:hover{background:#836fd2;color:#fff}
.msec-02 .cont .abr li:nth-child(2) .txt a{color:#b84255;}
.msec-02 .cont .abr li:nth-child(2) .txt a:hover{background:#b84255; color:#fff}
  @media only screen and (max-width:1240px){
    .msec-02 .cont .abr{width:422px}
    .msec-02 .cont .abr li .txt p{font-size:18px}
  }
  @media only screen and (max-width:1120px){
    .msec-02 .cont .abr{width:382px}
    .msec-02 .cont .abr li{width:calc(50% - 10px); }
    .msec-02 .cont .abr li .txt{height:190px;}
    .msec-02 .cont .abr li .txt:after{background-size:100px auto !important;}
  }
  @media only screen and (max-width:999px){
    .msec-02 .cont .abr{width:auto; position:relative; right:auto; top:auto; margin-top:25px;}
    .msec-02 .cont .abr li{text-align:center;width:calc(50% - 10px); border-radius:10px; }
    .msec-02 .cont .abr li .txt{height:150px; text-align:left; padding:28px; height:110px; padding-left:140px; border-radius:10px; display:inline-block;vertical-align:top;}
    .msec-02 .cont .abr li .txt:after{width:100px; left:25px; top:15px; background-size:100% !important; }
    .msec-02 .cont .abr li .txt p{font-size:16px}
    .msec-02 .cont .abr li .txt a{width:80px; height:20px; line-height:20px; font-size:13px;}
  }
  @media only screen and (max-width:680px){
    .msec-02 .cont .abr li .txt{height:170px; padding:20px; text-align:center; display:block; padding-top:30px}
    .msec-02 .cont .abr li .txt:after{left:0; width:100%; top:auto; background-size:90px auto !important;; bottom:20px;}
    .msec-02 .cont .abr li .txt a{width:74px; font-size:12px;}
  }
  @media only screen and (max-width:480px){
    .msec-02 .cont .abr li{width:calc(50% - 5px)}
    .msec-02 .cont .abr li .txt p{font-size:15px;}
  }
  @media only screen and (max-width:400px){

  }




/* ======================================================
   .msec-03
=========================================================*/
.msec-03{position:relative; margin-top:80px}
.msec-03 .tits{position:relative;margin-bottom:30px;}
.msec-03 .tits h3{ font-family: 'yg-jalnan';font-size:30px; font-weight:400; color:#313131; letter-spacing:-0.03em; line-height:1.2em;}
  @media only screen and (max-width:1240px){
    .msec-03 .tits h3{font-size:28px}
  }
  @media only screen and (max-width:1120px){

  }
  @media only screen and (max-width:999px){
    .msec-03 .tits h3{font-size:26px}
  }
  @media only screen and (max-width:680px){
    .msec-03 .tits{margin-bottom:20px;}
    .msec-03 .tits h3{font-size:24px}
  }
  @media only screen and (max-width:480px){
    .msec-03 .tits h3{font-size:22px}
  }
  @media only screen and (max-width:400px){

  }

.msec-03 .cont{position:relative;}
.msec-03 .cont .tab-con.hide{position:absolute; left:-9999em; top:0; width:100%; display:block}
.msec-03 .cont .tab-con.hide .sns-ctrl{display:none !important}

.msec-03 .now{position:relative; width:calc(100% + 100px); margin-left:-50px; padding:0 50px; box-sizing:border-box;}
.msec-03 .tab-con .more{width:24px;height:24px; position:Absolute; right:-2px; top:-60px; background:url(/images/2023/potal/main/now-more.jpg) no-repeat center center;-webkit-transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.msec-03 .tab-con .more:hover{transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); }

.msec-03 .now .tab{position:absolute; left:0; top:67px;  width:35px;}
.msec-03 .now .tab ul:after{display:block; content:"";clear:both;}
.msec-03 .now .tab li{width:35px;}
.msec-03 .now .tab li:nth-child(n+2){margin-top:10px}
.msec-03 .now .tab li a{display:block;height:35px; border-radius:100%;background-size:100% auto !important; background-color:#dcdcdc !important;}
.msec-03 .now .tab li:nth-child(1) a{background:url(/images/2023/potal/main/now-ico01.png) no-repeat center center ;}
.msec-03 .now .tab li:nth-child(2) a{background:url(/images/2023/potal/main/now-ico02.png) no-repeat center center ;}
.msec-03 .now .tab li.active a{background-color:#836fd2 !important;}

.msec-03 .now .item{position:Relative;}
.msec-03 .now .item a{display:block;position:relative;height: 270px;}
.msec-03 .now .item .img {position:relative;border-radius:10px; overflow:hidden;-webkit-transition: height 0.3s linear;-moz-transition: height 0.3s linear;-o-transition: height 0.3s linear;transition: height 0.3s linear;}
.msec-03 .now .item .img img{width:100%;height: 170px;object-fit:cover;transform:scale(1);transition:all 1s ease-in-out;}
.msec-03 .now .item .img:before{position:Absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:block ;content:"";opacity:0; z-index:1;-webkit-transition: opacity 0.3s linear;-moz-transition: opacity 0.3s linear;-o-transition: opacity 0.3s linear;transition: opacity 0.3s linear;}
.msec-03 .now .item .img:after{position:Absolute; left:0; top:0; width:100%; height:100%; background:url(/images/2023/potal/main/now-detail.png) no-repeat center center; display:block ;content:"";opacity:0; z-index:2;-webkit-transition: opacity 0.3s linear;-moz-transition: opacity 0.3s linear;-o-transition: opacity 0.3s linear;transition: opacity 0.3s linear;}
.msec-03 .now .item a:hover .img img{transform: scale(1.2);}
.msec-03 .now .item a:hover .img:before{opacity:1;transition-delay: 0.2s;}
.msec-03 .now .item a:hover .img:after{opacity:1;transition-delay: 0.4s;}

.msec-03 .now .item .txt{position:absolute ;left:0; bottom:0; width:100%;box-sizing:border-box; z-index:123; height:86px;display:flex;align-items: center; justify-content: center; background:#fff;font-family: 'NanumSQ';text-align:center; opacity:1;}
.msec-03 .now .item .txt .vc{width:100%;}
.msec-03 .now .item .txt .btxt{display:block;font-size:18px ;font-weight:600; color:#353535; letter-spacing:-0.03em; line-height:1.3em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-03 .now .item .txt .stxt{margin-top:14px;display:inline-block;vertical-align:top; line-height:18px; background:url(/images/2023/potal/main/now-clock.png) no-repeat left center; padding-left:24px;  font-size:15px; font-weight:400; color:#666;}

  @media only screen and (max-width:1320px){

    .msec-03 .now .tab{width:auto; left:260px; top:-2px;}
    .msec-03 .now .tab li{float:left}
    .msec-03 .now .tab li:nth-child(n+2){margin-left:8px; margin-top:0;}

    .msec-03 .tab-con .more{}

    .msec-03 .now .item .img:after{background-size:45px auto}
    .msec-03 .now .item .txt .btxt{font-size:16px }
    .msec-03 .now .item .txt .stxt{font-size:14px; margin-top:10px;}
  }
  @media only screen and (max-width:1240px){
    .msec-03 .now .tab{left:240px;}
  }
  @media only screen and (max-width:1120px){

  }
  @media only screen and (max-width:999px){

    .msec-03 .now .tab{left:230px;}
    .msec-03 .now .tab li{width:30px;}
    .msec-03 .now .tab li a{height:30px;}

    .msec-03 .now .cont{padding-right:100px}
    .msec-03 .now .owl-stage-outer{overflow:visible !important;}
    .msec-03 .tab-con .more{top:-58px}

    .msec-03 .now .item a{height: 280px;}
    .msec-03 .now .item .img img{height: 200px;}

    .msec-03 .now .item a:hover .img img{height:230px}
    .msec-03 .now .item .img:after{background-size:40px auto}
    .msec-03 .now .item .txt{height:70px}
    .msec-03 .now .item .txt .btxt{font-size:15px }
    .msec-03 .now .item .txt .stxt{font-size:13px;background-size:10px auto; padding-left:14px;}
  }
  @media only screen and (max-width:680px){
    .msec-03 .now .more{top:1px;}

    .msec-03 .now .tab{left:220px; top:0;}
    .msec-03 .now .tab li{width:26px;}
    .msec-03 .now .tab li:nth-child(n+2){margin-left:5px;}
    .msec-03 .now .tab li a{height:26px;}

    .msec-03 .now .cont{padding-right:70px}
    .msec-03 .now .item a{height: 250px;}
    .msec-03 .now .item .img img{height: 180px;}
    .msec-03 .now .item .img:after{background-size:35px auto}

    .msec-03 .now .item a:hover .img img{height:200px}
    .msec-03 .now .item .txt .stxt{margin-top:5px;}
  }
  @media only screen and (max-width:480px){
    .msec-03 .now .tab{left:200px; top:0;}
    .msec-03 .now .tab li{width:24px;}
    .msec-03 .now .tab li a{height:24px;}

    .msec-03 .now .cont{padding-right:50px}
    .msec-03 .now .item a{height:270px}
    .msec-03 .now .item .img img{height:270px}

    .msec-03 .now .item a:hover .img img{height:200px}
  }
  @media only screen and (max-width:400px){

  }

.msec-03 .comm{margin-top:70px;position:relative; width:calc(100% + 100px); margin-left:-50px; padding:0 50px; box-sizing:border-box;}
.msec-03 .comm .ctrl{position:Absolute;right:0; top:-60px; height:24px; font-size:0;}
.msec-03 .comm .ctrl:before{border-left:1px solid #e1e1e1; width:0; height:14px; position:Absolute ;left:50%; top:50%;margin-top:-7px; display:block; content:"";z-index:-1}
.msec-03 .comm .ctrl a{width:14px;height:24px; display:inline-block;vertical-align:top; cursor:pointer;}
.msec-03 .comm .ctrl a:nth-child(2){margin-left:30px;}
.msec-03 .comm .ctrl .prev{background:url(/images/2023/potal/main/service-prev.png) no-repeat left center; background-size:100% auto;}
.msec-03 .comm .ctrl .next{background:url(/images/2023/potal/main/service-next.png) no-repeat left center; background-size:100% auto;}
.msec-03 .comm .ctrl .disabled{opacity:0.3; display:inline-block !important;}

.msec-03 .comm .tab{position:absolute;left:0;top: 46px;width:35px;}
.msec-03 .comm .tab ul:after{display:block; content:"";clear:both}
.msec-03 .comm .tab li{width:35px;opacity:0.3;filter: grayscale(1);}
.msec-03 .comm .tab li:nth-child(n+2){margin-top: 6px;}
.msec-03 .comm .tab li.active, .msec-03 .comm .tab li:hover{opacity:1;filter: grayscale(0);}
.msec-03 .comm .tab li a{display:block;height:35px; border-radius:100%;background-size:100% auto !important;}
.msec-03 .comm .tab li a.face{background:url(/images/2023/potal/main/share-sns01.png) no-repeat center center ;}
.msec-03 .comm .tab li a.insta{background:url(/images/2023/potal/main/share-sns03.png) no-repeat center center ;}
.msec-03 .comm .tab li a.youtub{background:url(/images/2023/potal/main/share-sns05.png) no-repeat center center ;}
.msec-03 .comm .tab li a.band{background:url(/images/2023/potal/main/share-sns02.png) no-repeat center center ;}
.msec-03 .comm .tab li a.blog{background:url(http://210.206.69.186/Uljin/01/_Img/main/share-sns07.png) no-repeat center center ;}
/* .msec-03 .comm .tab li:nth-child(4) a{background:url(/images/2023/potal/main/share-sns04.png) no-repeat center center ;}
.msec-03 .comm .tab li:nth-child(5) a{background:url(/images/2023/potal/main/share-sns05.png) no-repeat center center ;} */
  @media only screen and (max-width:1320px){
    .msec-03 .comm .tab{width:auto; left:220px; top:0;}
    .msec-03 .comm .tab li{float:left}
    .msec-03 .comm .tab li:nth-child(n+2){margin-left:8px; margin-top:0;}
  }
  @media only screen and (max-width:1240px){
    .msec-03 .comm .tab{left:200px;}
  }
  @media only screen and (max-width:1120px){

  }
  @media only screen and (max-width:999px){
    .msec-03 .comm{margin-top:40px;}
    .msec-03 .comm .ctrl a{width:12px}
    .msec-03 .comm .tab{left:190px;}
    .msec-03 .comm .tab li{width:30px;}
    .msec-03 .comm .tab li a{height:30px;}
  }
  @media only screen and (max-width:680px){
    .msec-03 .comm .tab{left:180px;}
    .msec-03 .comm .tab li{width:26px;}
    .msec-03 .comm .tab li:nth-child(n+2){margin-left:5px;}
    .msec-03 .comm .tab li a{height:26px;}
  }
  @media only screen and (max-width:480px){
    .msec-03 .comm .tits{margin-bottom:10px;}

    .msec-03 .comm .tab{position:relative; left:auto; top:auto; margin-top:5px;}
    .msec-03 .comm .ctrl{top:-82px;}
    .msec-03 .comm .ctrl a{width:10px}
  }
  @media only screen and (max-width:400px){

  }

.msec-03 .comm .item a{display:block;position:relative; border-radius:10px; overflow:hidden;}
.msec-03 .comm .item a:before{position:absolute; left:0; top:0; width:100%;height:100%; background:rgba(0,0,0,0.3); z-index:23; display:block ;content:"";opacity: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-03 .comm .item a:after{width:36px;height:36px; border-radius:100%; overflow:hidden; border:2px solid #fff;  z-index:24; background-size: cover !Important;position:absolute;right:20px; bottom:20px; box-sizing:Border-box; display:block; content:""}
.msec-03 .comm .item img{width:100%;height: 180px;object-fit:cover;transform:scale(1);transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-03 .comm .item a:hover img{transform:scale(1.04) }
.msec-03 .comm .item a:hover:before{opacity:1;}

.msec-03 .comm .item a.facebook:after{background:url(/images/2023/potal/main/share-sns01.png) no-repeat center center ;}
.msec-03 .comm .item a.blog:after{background:url(/images/2023/potal/main/share-sns02.png) no-repeat center center ;}
.msec-03 .comm .item a.instar:after{background:url(/images/2023/potal/main/share-sns03.png) no-repeat center center ;}
.msec-03 .comm .item a.twitter:after{background:url(/images/2023/potal/main/share-sns04.png) no-repeat center center ;}
.msec-03 .comm .item a.youtube:after{background:url(/images/2023/potal/main/share-sns05.png) no-repeat center center ;}
  @media only screen and (max-width:1240px){
    .msec-03 .comm .item a:after{width:32px;height:32px; }
  }
  @media only screen and (max-width:1120px){

  }
  @media only screen and (max-width:999px){
    .msec-03 .comm .cont{padding-right:100px}
    .msec-03 .comm .owl-stage-outer{overflow:visible !important;}
    .msec-03 .comm .item img{height:auto;object-fit:fill;}
    .msec-03 .comm .item a:after{width:28px;height:28px; right:15px; bottom:15px; }
  }
  @media only screen and (max-width:680px){
    .msec-03 .comm .cont{padding-right:70px}
  }
  @media only screen and (max-width:480px){
    .msec-03 .comm .cont{padding-right:50px;margin-top:20px;}
    .msec-03 .comm .item a:after{width:24px;height:24px;}
  }
  @media only screen and (max-width:400px){

  }



/* ======================================================
   .msec-04
=========================================================*/
.msec-04{position:relative;padding:80px 0}
.msec-04:after{position:absolute ;left:50%; top:215px; width:20000px; margin-left:-10000px; height:calc(100% - 215px); display:block ;content:"";z-index:-1; background:#eff3f6}
.msec-04 .cont{padding-left:490px; position:relative; min-height:554px}

.msec-04 .tzone{position:absolute;width:458px;height:554px; border-radius:25px; overflow:hidden; left:0; top:0;}
.msec-04 .tzone .item a{display:block;}
.msec-04 .tzone .item img{width:100%;}

.msec-04 .tzone .slick-dots{position:absolute; width:auto; text-align:right; height:8px; left:65px;bottom:65px; z-index:55;}
.msec-04 .tzone .slick-dots ul{height:auto;text-align:center; font-size:0; width:100%; height:8px;}
.msec-04 .tzone .slick-dots li{display:inline-block;vertical-align:top; margin:0 2px; padding:0; width:auto; height:auto;}
.msec-04 .tzone .slick-dots li button{ background:#fff; width:8px;height:8px; padding:0; position:relative; border-radius:8px}
.msec-04 .tzone .slick-dots li.slick-active button{background:#fff; width:40px;}
  @media only screen and (max-width:1240px){
    .msec-04{padding:60px 0}
    .msec-04 .cont{padding-left:440px; min-height:484px;}
    .msec-04 .tzone{width:400px; height:484px; border-radius:20px;}

    .msec-04 .tzone .slick-dots{left:55px; bottom:55px}
  }
  @media only screen and (max-width:1120px){
    .msec-04 .cont{padding-left:400px; min-height:435px}
    .msec-04 .tzone{width:360px;border-radius:15px}

    .msec-04 .tzone .slick-dots{left:45px; bottom:45px}
  }
  @media only screen and (max-width:999px){
    .msec-04:after{top:300px;height:calc(100% - 300px);}
    .msec-04 .cont{padding-left:0; min-height:auto}
    .msec-04 .tzone{width:calc(50% - 10px); height:auto; border-radius:10px}


    .msec-04 .tzone .slick-dots{left:35px; bottom:35px; height:6px;}
    .msec-04 .tzone .slick-dots ul{height:6px}
    .msec-04 .tzone .slick-dots li button{width:6px;height:6px ;}
    .msec-04 .tzone .slick-dots li.slick-active button{width:30px;}
  }
  @media only screen and (max-width:680px){
    .msec-04:after{top:400px;height:calc(100% - 400px);}
    .msec-04 .tzone{width:calc(50% - 5px); }
    .msec-04 .tzone .slick-dots{left:25px; bottom:25px; height:4px;}
    .msec-04 .tzone .slick-dots ul{height:4px}
    .msec-04 .tzone .slick-dots li button{width:4px;height:4px ;}
    .msec-04 .tzone .slick-dots li.slick-active button{width:30px;}
  }
  @media only screen and (max-width:480px){
    .msec-04 .tzone{position:relative; left:auto ;top:auto; width:auto;}
  }
  @media only screen and (max-width:400px){

  }

.msec-04 .travel{position:relative; z-index:2;}
.msec-04 .travel ul{margin:0 -14px; padding-top:50px;}
.msec-04 .travel ul:after{display:block; content:"";clear:both}
.msec-04 .travel li{float:left;width:calc(33.333333% - 28px);margin:0 14px}
.msec-04 .travel li:nth-child(odd){padding-top:40px;}
.msec-04 .travel li a{height:266px; display:block; font-family: 'yg-jalnan'; font-size:22px; line-height:1.2em; color:#fff; font-weight:400; position:relative; border-radius:16px; overflow:hidden;}
.msec-04 .travel li a:before{position:absolute; lefT:0; top:0; width:100%; height:100%;z-index:-1; display:block ;content:""; transform:scale(1.1);  transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-04 .travel li a:hover:before{transform:scale(1.1) translateX(4%)}
.msec-04 .travel li a span{position:absolute;padding:35px;box-sizing:border-box; width:100%; }
.msec-04 .travel li:nth-child(1) a span{ top:0;}
.msec-04 .travel li:nth-child(2) a span{ bottom:0}
.msec-04 .travel li:nth-child(3) a span{bottom:0;}

.msec-04 .travel li:nth-child(1) a:before{background:url(/images/2023/potal/main/travel-img01.png) no-repeat center center; background-size:cover;}
.msec-04 .travel li:nth-child(2) a:before{background:url(/images/2023/potal/main/travel-img02.png) no-repeat center center; background-size:cover;}
.msec-04 .travel li:nth-child(3) a:before{background:url(/images/2023/potal/main/travel-img03.png) no-repeat center center; background-size:cover;}
  @media only screen and (max-width:1240px){
    .msec-04 .travel ul{padding-top:30px;}
    .msec-04 .travel li:nth-child(odd){padding-top:30px;}
    .msec-04 .travel li a{height:240px; font-size:20px; border-radius:14px;}
    .msec-04 .travel li a span{padding:30px;}
  }
  @media only screen and (max-width:1120px){
    .msec-04 .travel ul{padding-top:20px; margin:0 -10px;}
    .msec-04 .travel li{width:calc(33.333333% - 20px);margin:0 10px}
    .msec-04 .travel li:nth-child(odd){padding-top:20px;}
    .msec-04 .travel li a span{padding:25px;}
  }
  @media only screen and (max-width:999px){
    .msec-04 .travel ul{ }
    .msec-04 .travel li{position:relative;}
    .msec-04 .travel li a{position:absolute ;left:0; top:0; width:100%;height:100%; box-sizing:Border-box; font-size:18px; border-radius:10px;}
    .msec-04 .travel li:nth-child(odd) a{height:calc(100% - 20px); top:20px}
    .msec-04 .travel li:first-child{margin-left:calc(50% + 10px)}
    .msec-04 .travel li:nth-child(n+2){margin-top:10px}
    .msec-04 .travel li:nth-child(2){margin-top:-10px;}
    .msec-04 .travel li{width:calc(50% - 20px);}
    .msec-04 .travel li a span{padding:20px;}
  }
  @media only screen and (max-width:680px){
    .msec-04 .travel ul{margin:0 -5px}
    .msec-04 .travel li a{font-size:16px;}
    .msec-04 .travel li:first-child{margin-left:calc(50% + 5px)}
    .msec-04 .travel li:nth-child(odd){padding-top:10px;}
    .msec-04 .travel li:nth-child(odd) a{height:calc(100% - 10px); top:10px}
    .msec-04 .travel li{width:calc(50% - 10px); margin:0 5px}
    .msec-04 .travel li:nth-child(n+2){margin-top:5px}
    .msec-04 .travel li:nth-child(2){margin-top:-10px;}
  }
  @media only screen and (max-width:480px){
    .msec-04 .travel{margin-top:25px}
    .msec-04 .travel ul{margin:0; padding-top:0}
    .msec-04 .travel li:first-child{margin-left:0}
    .msec-04 .travel li{width:auto; padding:0 !important;float:none; margin:0; height:auto !important;}
    .msec-04 .travel li:nth-child(n+2){margin-top:10px !important;}
    .msec-04 .travel li:nth-child(odd) a{padding-top:0;}
    .msec-04 .travel li a{position:relative; left:auto; top:auto !important; width:auto; height:110px !important; border-radius:5px;}
    .msec-04 .travel li a span{top:0;}
    .msec-04 .travel li a span br{display:none;}
  }
  @media only screen and (max-width:400px){

  }

.msec-04 .other{position:absolute; right:0; bottom:0; width:calc(100% - 480px);}
.msec-04 .other ul:after{display:block; content:"";clear:both}
.msec-04 .other li{float:left; width:16.6666666%;}
.msec-04 .other li a{display:block;font-size:16px; position:relative; font-weight:700; color:#111; font-family: 'NanumSQ'; letter-spacing:-0.03em; text-align:center; padding-top:110px;}
.msec-04 .other li a span{transform: skew(-0.001deg);}
.msec-04 .other li a:before{width:94px;height:94px; top:0;left:50%; display:block ;content:"";background-color:#fff !important; border-radius:5px; position:absolute;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%); transition:top 1s cubic-bezier(.33,.02,0,.93)}
.msec-04 .other li a:hover:before{top:-10px}

.msec-04 .other li:nth-child(1) a:before{background:url(/images/2023/potal/main/travel-ico01.png) no-repeat center top}
.msec-04 .other li:nth-child(2) a:before{background:url(/images/2023/potal/main/travel-ico02.png) no-repeat center top}
.msec-04 .other li:nth-child(3) a:before{background:url(/images/2023/potal/main/travel-ico03.png) no-repeat center top}
.msec-04 .other li:nth-child(4) a:before{background:url(/images/2023/potal/main/travel-ico04.png) no-repeat center top}
.msec-04 .other li:nth-child(5) a:before{background:url(/upload_data/board_data/BBS_0000102/168048495896688.png) no-repeat center top}
.msec-04 .other li:nth-child(6) a:before{background:url(/upload_data/board_data/BBS_0000102/168048495896436.png) no-repeat center top}
  @media only screen and (max-width:1240px){
    .msec-04 .other{width:calc(100% - 420px)}
    .msec-04 .other li a{padding-top:100px; font-size:15px;}
    .msec-04 .other li a:before{width:80px;height:80px; background-size:100% auto !important;}
  }
  @media only screen and (max-width:1120px){
    .msec-04 .other{width:calc(100% - 390px)}
  }
  @media only screen and (max-width:999px){
    .msec-04 .other{position:relative; right:auto; bottom:auto; width:auto; margin-top:35px;}
    .msec-04 .other li a{padding-top:85px; font-size:14px;}
    .msec-04 .other li a:before{width:70px;height:70px;}
  }
  @media only screen and (max-width:680px){
    .msec-04 .other ul{width:calc(100% + 40px); margin-left:-20px; box-sizing:Border-box;}
    .msec-04 .other li{width:33.33333%}
    .msec-04 .other li:nth-child(n+4){margin-top:25px;}
    .msec-04 .other li a{padding-top:80px;}
  }
  @media only screen and (max-width:480px){
    .msec-04 .other li a{font-size:13px; padding-top:70px;}
    .msec-04 .other li a:before{width:60px;height:60px;}
  }
  @media only screen and (max-width:400px){

  }

footer .gotop{bottom:130px;}

@media screen and (max-width:1400px){
    footer{padding-bottom:120px}
}

/*울진군청 footer 경상북도 자치단체 추가*/
footer .f_sitelink>button.f_btn03 {width: 100%; border-top: 1px solid #424242;}
footer .f_sitelink div.f_site03 {right: 0;width: 50%;bottom:0;}

@media all and (min-width:768px){
footer .f_sitelink { width: 66%;}
footer .f_sitelink>button {width: calc(100% / 3 - 10px);}
footer .f_sitelink div.f_site02 {right: 19%;}
footer .f_sitelink>button.f_btn03 {width:calc(100% / 3 - 10px); border-top:0;}
footer .f_sitelink div.f_site03 {right: 25px;bottom:60px;}
footer .f_banner { float: right; width: 34%;}
}

@media all and (min-width:1023px){
footer .f_sitelink { width: 50%;}
footer .f_banner {width: 50%;}
}