@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
/*@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);*/


#section0{
  /*overflow:hidden; 20221006 */
  margin-top: 0;
/*  min-height: 100vh;*/
  position:relative;
  z-index:10;
  /*background-color:#000; 20221006 */
}
#section0 .mVisual{
  position:relative;
  height: 100vh;
  overflow: hidden;
}

#section0 .mVisual .visual-area{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:10;
}
#section0 .mVisual .visual-area .obj{
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  width:100%;
  height: 927px;
  /* height: 100%;*/
}
#section0 .mVisual .visual-area .obj .visimg-box{
  position: absolute;
  left:0;
  top:0;
  z-index:8;
  width:100%;
  height:100vh;
}
#section0 .mVisual .visual-area .obj .visimg-box span{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}
#section0 .mVisual .visual-area .obj .visimg-box .tv{
  position:relative;
  width:100%;
  height:100vh;
  z-index: 8;
}
#section0 .mVisual .visual-area .obj .visimg-box .tv iframe{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#section0 .mVisual .visual-area .obj .video-wrapper{
    /*transform: scale(1.15, 1);*/
}
#section0 .mVisual .visual-area .obj .visimg-box video{
  margin:0 auto;
  width:100%;
  height: 100vh;
  background-color:#111;
  transform: scale(1.15, 1);
}
#section0 .mVisual .visual-area .obj .viscont-box{
  position:relative;
  z-index:11;
  top: 220px;
  max-width: 1000px;
  margin: 0 auto;
}
#section0 .mVisual .visual-area .obj .viscont-box .vistxt-box{
  /*padding-left:25px;*/
   height: 0;
}
#section0 .mVisual .visual-area .obj .viscont-box .vistxt-box .tit_box{
  max-height:189px;
  margin-bottom:20px;
  font-size:57px;
  line-height:63px;
  color:#fff;
  letter-spacing:-3px;
  overflow:hidden;
   display: none;
}
#section0 .mVisual .visual-area .obj .viscont-box .vistxt-box .cont{
  height:70px;
  margin-bottom:30px;
  font-size:15px;
  line-height:23px;
  color:#fff;
  letter-spacing:-1px;
  overflow:hidden}

#section0 .mVisual .control-area{
  position:absolute;
  left: 50%;
  bottom: 5%;
  padding:8px;
  padding-bottom:3px;
  width:100%;
  border-radius:20px;
  z-index:12;
  max-width: 1200px;
  transform: translate(-50%, 0);
  text-align: center;
}
#section0 .mVisual .control-area a{
  position:relative;
  z-index:11;
  display:inline-block;
  width:22px;
  height:22px;
  overflow:hidden;
  transition:all 400ms ease-in-out;
  border-radius:100%;
  margin:0 4px;
  font-size:0;
}
#section0 .mVisual .control-area a:before{
  display: inline-block;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-5px;
  margin-left:-5px;
  width:10px;
  height: 10px;
  background-color: #fff;;
  border-radius: 100px;
  content:"";
}

#section0 .mVisual .control-area a:hover,
#section0 .mVisual .control-area a:focus{
  background-color: rgba(255,255,255,0.2);
}
#section0 .mVisual .control-area a:hover:before{
  background-color: #f81a49;
}
#section0 .mVisual .control-area a.on{
  border:1px solid #fff;
  background-color:transparent;
}
#section0 .mVisual .control-area a.on:before{
  background-color: #f81a49;
  
}

#section0 .mVisual .visbtn-wrap{
  position:relative;
  z-index:12;
  display:inline-block;
  top:-1px;
  margin-left:5px;
}
#section0 .mVisual .visbtn-wrap button{
  display:inline-block;
  width:30px;
  height:30px;
  overflow:hidden;
  font-size:0;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:transparent;
  border-radius: 100%;
}
#section0 .mVisual .visbtn-wrap .stop{
  background-image:url(../images/icon-pause02-w.png);
  background-size: 12px auto;
}
#section0 .mVisual .visbtn-wrap .play{
  display:none;
  background-image:url(../images/icon-play02-w.png);
  background-size: 12px auto;
}
#section0 .mVisual .visbtn-wrap .stop:hover,
#section0 .mVisual .visbtn-wrap .play:hover{
  background-color: rgba(0,0,0,0.3);
}
#section0 .mVisual .visbtn-wrap .stop:hover{
  background-image:url(../images/icon-pause02.png);
}
#section0 .mVisual .visbtn-wrap .play:hover{
  background-image:url(../images/icon-play02.png);
}

#section0 .mVisual .overlay,
#section0 .mVisual .video-overlay{
  position:absolute;
  top:0;
  left:0;
  right:0;
  width:100%;
  height: 130%;
  z-index: 9;
  background-color: #000;
   opacity: .3;
 }
#section0 .mVisual .visual-area .vis-fade{
  display:none
}
#section0 .mVisual .visual-area .vis-fade:first-child{
  display:block
}
#section0 .mVisual .visual-area .vis-fade .visimg-box span{
  display:block;
  transition:transform 5s ease;
}
#section0 .mVisual .visual-area .vis-fade .vis-tit {
  display:block;
  margin: 0 auto 55px;
  width:100%;
  height:300px;
  padding-top:0px;
  text-align: center;
  font-family: 700;
}
#section0 .mVisual .visual-area .vis-fade .vis-tit p{
  margin-bottom:5px;
}
#section0 .mVisual .visual-area .vis-fade .vis-tit p span{
  position:relative;
  font-size:6rem;
  color:#fff;
  font-weight: 600;
}
#section0 .mVisual .visual-area .vis-fade .vis-tit p span:after{
  display: inline-block;
  position:absolute;
  left:0;
  bottom:8px;
  width:100%;
  height: 30px;
  content:"";
  background-color: rgba(198,13,61,0.55);
  z-index: -1;
}
#section0 .mVisual .visual-area .vis-fade .vis-tit p.vis-logo-mark{
  display: inline-block;
  margin-bottom:20px;
  width:90px;
   height: 90px;
  background:url('../images/logo-mark.png') center center no-repeat;
  background-size: 90px auto;
}
#section0 .mVisual .visual-area .vis-fade .vis-stit {
  display:block;
  margin: 70px auto 0;
  width:100%;
  height:26px;
  font-size:4rem;
  color:#fff;
  text-align: center;
}
#section0 .mVisual .visbtn-wrap .stop:focus,
#section0 .mVisual .visbtn-wrap .play:focus{
  outline:2px solid #e3eef9;
}


/*visual video */
.mvisual {position: relative;overflow: hidden;}
.mvisual .video{height: 400px;width: calc(100% - 95px);background: #f5f5f5; position: relative; overflow: hidden; }
.mvisual .video video{position: absolute;left: 50%;top: 0%;transform: translate(-50%, -50%);min-width: 100%;min-height: 100%; width: auto;}

.mvisual .video.alone video {width:auto !important;}
.mvisual .video.alone .slide_visual img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);min-width: 100%;min-height: 100%;height: 100vh;width: auto;}

.mvisual .bullet {position:absolute;bottom:20px;right:130px;z-index: 9999;padding-right: 1%;}
.mvisual .bullet ul {display:inline-block;}
.mvisual .bullet ul li {display: inline-block; margin-left:10px;}
.mvisual .bullet ul li a {display: block; width:15px; height:15px; border-radius: 100%; border:1px solid #fff; vertical-align: middle;}
.mvisual .bullet ul li.pause a,.mvisual .bullet ul li.play a {border:0; width:auto; height:auto;}
.mvisual .bullet ul li.slick-active a {background:#fff;}
.mvisual .bullet ul li:first-child {margin-left:0;}

.jp-gui .jp-video-play {position: absolute;top: 50%; left:50%; transform: translate(-50%, -50%);}
.jp-gui .jp-video-play button {position: relative; z-index: 9999; vertical-align: middle; border-radius: 100%;background: #ffffff63;padding: 2rem 1.5rem;}
.jp-gui .jp-video-play button img {margin: 0 auto;max-width: 50%;}
.mvisual button.left,.mvisual button.right {position:absolute; transform:translate(0%,-50%); top:50%; z-index: 99;}
.mvisual button.left {left:30px;}
.mvisual button.right {right:130px;}




@keyframes vis-tit {
  0% {
    transform: translate(0px, 0px);

    opacity: 0
  }
  20% {
    transform: translate(0px, -20px);
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
}

@keyframes vis-stit {
  0% {
    opacity: 0;
    transform: translate(0px, 0px);
  }
  20% {
    opacity: 1;
    transform: translate(0px, -30px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}



/*
@media screen and (max-width:1440px){
#section0,
#section0 .mVisual{min-height:797px;height:797px}
#section0 .mVisual .visual-area .obj .visimg-box .tv{padding-bottom: 76.25%;}
#section0 .mVisual .control-area{bottom: 31%;}
}


@media screen and (min-width:1280px){
  #section0 .mVisual .visual-area .vis-fade.on .visimg-box span{transform:scale(1.1)}
  #section0 .mVisual .visual-area .vis-fade.on .title{animation-name: title;animation-duration:1s;animation-iteration-count: 1;animation-direction: alternate;animation-fill-mode: backwards;}
  #section0 .mVisual .visual-area .vis-fade.on .line-break{animation-name: line-break;animation-duration:1s;animation-delay: .6s;animation-iteration-count: 1;animation-direction: alternate;animation-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);}
  #section0 .mVisual .visual-area .vis-fade.on .vis-stit{animation-name: vis-stit;animation-duration:1s;animation-delay: 1s;animation-iteration-count:1;animation-direction: alternate;animation-fill-mode: backwards;}
  #section0 .mVisual .control-area{bottom: 22%;}
}


@media screen and (max-width:1024px){
  #section0,
  #section0 .mVisual{min-height: 607px;height: 607px;}
  #section0 .mVisual .visual-area .vis-fade .vis-stit{display:none;}
#section0 .mVisual .visual-area .obj .visimg-box .tv{padding-bottom:100%;}

}

@media screen and (max-width:768px){
  #section0 .mVisual .control-area{}
}
*/

/*@media screen and (min-height:900px){
  #section0 .mVisual .visual-area .obj .video-wrapper{
  }
}
@media screen and (max-height:1080px){
  #section0 .mVisual .visual-area .obj .video-wrapper{
      transform: scale(1.15, 1);
  }
}*/


@media screen and (max-width:1700px){
/*  #section0{
    position: relative;
    overflow:visible;
    min-height: auto;
    height: 100%;
  }
  #section0 .mVisual{
    height: 100%;
    overflow: visible;
  }

  #section0 .mVisual .visual-area .obj .visimg-box video{
    transform: scale(1, 1);
  }*/
}

@media screen and (max-width:1400px){
  #section0{/*min-height: 80vh*/}
  #section0 .mVisual{height: 80vh;}
  #section0 .mVisual .visual-area .obj .visimg-box video {
    height: 83vh;
    transform: scale(1, 1);
  }
}  
@media screen and (min-width:1280px){

  #section0 .mVisual .visual-area .vis-fade.on .vis-tit{
    animation-name: vis-tit;
    animation-duration:1s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: backwards;
  }
  #section0 .mVisual .visual-area .vis-fade.on .line-break{
    animation-name: line-break;
    animation-duration:1s;
    animation-delay: .6s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);
  }
  #section0 .mVisual .visual-area .vis-fade.on .vis-stit{
    animation-name: vis-stit;
    animation-duration:1s;
    animation-delay: 1s;
    animation-iteration-count:1;
    animation-direction: alternate;
    animation-fill-mode: backwards;
  }

}

@media screen and (max-width:1280px){
  #lnb_hm{right:0}
  /* #section0{min-height: 707px;} 20221006  */
  #section0 .mVisual{height: 707px;}
}


@media screen and (max-width:1024px){
   #section0{
   /* height: 500px;*/
    /*min-height: 500px; 20221006  */
  }
  #section0 .mVisual{
    height: 500px;
  }
  #section0 .mVisual .visual-area .obj{
    height: 500px;
  }
   #section0 .mVisual .visual-area .obj .visimg-box{
    height: 500px;
  }
  #section0 .mVisual .visual-area .obj .visimg-box video{
    width:100%;
    height: 500px;
  }
  #section0 .mVisual .visual-area .obj .visimg-box video source{
    width: auto;
    height: 100%

  }
  #section0 .mVisual .visual-area .obj .viscont-box{
    top:100px;
  }
  #section0 .mVisual .visual-area .vis-fade .vis-tit p.vis-logo-mark {
    width: 60px;
    height: 60px;
    background-size: 100% auto;
  }
  #section0 .mVisual .visual-area .vis-fade .vis-tit{
    height: auto;
    margin: 0 auto 30px;
  }
  #section0 .mVisual .visual-area .vis-fade .vis-tit p span{
    font-size: 4rem
  }
  #section0 .mVisual .visual-area .vis-fade .vis-tit p span:after{
    bottom:4px;
    height: 20px;
  }
  #section0 .mVisual .visual-area .vis-fade .vis-stit{
    margin: 20px auto 0;
    font-size: 2.4rem;
  }
}

@media screen and (max-width:768px){
 #section0{
  /*padding-top:45px;  20240229 ???? */
    /*height: 450px;*/
    /*min-height: 450px; 20221006  */
  }
  #section0 .mVisual{
    height: 450px;
  }
  #section0 .mVisual .visual-area .obj{
    height: 450px;
  }
   #section0 .mVisual .visual-area .obj .visimg-box{
    height: 450px;
  }
  #section0 .mVisual .visual-area .obj .visimg-box video{
    width:100%;
    height: 450px;
    transform: scale(1, 1);
  }
  #section0 .mVisual .visual-area .obj .visimg-box video source{
    width: auto;
    height: 100%;
  }
   #section0 .mVisual .visual-area .obj .viscont-box{
    top:70px;
  }
  #section0 .mVisual .visual-area .vis-fade .vis-tit p.vis-logo-mark {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
  }
  #section0 .mVisual .visual-area .vis-fade .vis-tit{
    height: auto;
    margin: 0 auto 20px;
  }
  #section0 .mVisual .visual-area .vis-fade .vis-tit p span{
    font-size: 3rem
  }
  #section0 .mVisual .visual-area .vis-fade .vis-tit p span:after{
    bottom:4px;
    height: 14px;
  }
  #section0 .mVisual .visual-area .vis-fade .vis-stit{
    margin: 10px auto 0;
    font-size: 2rem;
  }

  #section0 .mVisual .control-area{
    bottom:15%;
  }
}

@media screen and (max-width:640px){
  #section0{
    /*padding-top:25px; 20240229   */
 /*   height: 380px;
    min-height: 380px*/
  }
  #section0 .mVisual{
    height: 380px;
  }
  #section0 .mVisual .visual-area .obj{
    height: 380px;
  }
   #section0 .mVisual .visual-area .obj .visimg-box{
    height: 380px;
  }
  #section0 .mVisual .visual-area .obj .visimg-box video{
    width:100%;
    height: 380px;
    transform: scale(1, 1.1);
  }
}

@media screen and (max-width:540px){
  #section0{
 /*   height: 300px;
    min-height: 300px;*/
  }
  #section0 .mVisual{
    height: 300px;
  }
  #section0 .mVisual .visual-area .obj{
    height: 300px;
  }
   #section0 .mVisual .visual-area .obj .visimg-box{
    height: 300px;
  }
  #section0 .mVisual .visual-area .obj .visimg-box video{
    height: 310px;
  }
  #section0 .mVisual .visual-area .vis-fade .vis-tit p.vis-logo-mark {
    width: 40px;
    height: 40px;
  }
  #section0 .mVisual .visual-area .vis-fade .vis-tit{
    height: auto;
    margin: 0 auto 10px;
  }
  #section0 .mVisual .visual-area .vis-fade .vis-tit p span{
    font-size: 2.5rem
  }
  #section0 .mVisual .visual-area .vis-fade .vis-tit p span:after{
    bottom:4px;
    height: 14px;
  }
  #section0 .mVisual .visual-area .vis-fade .vis-stit{
    margin: 0px auto 0;
    font-size: 1.7rem;
  }

  #section0 .mVisual .control-area{
    bottom:15%;
  }


  #section0 .mVisual .control-area{
    bottom:10%;
  }

  #quick a.ov, #quick a:hover{width:113px;}

}


/* mVisual2 ::  20221107 */
#section0 .mVisual2{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position:relative;
  /*height: 100vh;
  overflow: hidden;*/
 /* max-height: 1200px;*/
  max-height: 930px;
  /*min-height: 1080px;*/
  background:url('../images/mVis2-bg.jpg') top center no-repeat;
  color:#fff;
  font-family: 'nanumsquare', 'Noto Sans KR', "Open Sans", Malgun Gothic,dotum,arial,sans-serif;
}

#section0 .mVisual2 .inner{
  display:flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top:100px;
  width:98%;
  max-width: 1600px;
/*  height: calc(100vh - 100px);*/
  text-align: center;
}
#section0 .mVisual2 .vis-head .markBox img{
  width:126px;
  height: auto;
}
#section0 .mVisual2 .vis-head .markBox .txt{
  margin-top:15px;
  font-size: 2.7rem;
  font-weight: 600;
}
#section0 .mVisual2 .vis-head .titBox{
 /* color:#fff;*/
}
#section0 .mVisual2 .vis-head .titBox p{
  margin:55px auto 15px;
  letter-spacing: -1px;
  font-size: 4.7rem;
  font-weight: 700;
}
#section0 .mVisual2 .vis-head .titBox dl dt,
#section0 .mVisual2 .vis-head .titBox dl dd{
  display: inline-flex;;
  font-size: 15px
}
#section0 .mVisual2 .vis-head .titBox dl dt{
  padding:3px 10px;
  margin-right:10px;
  background-color:#0a3c75; 
  border-radius: 100px;
}
#section0 .mVisual2 .visBnnWrap{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top:30px;
  width:100%;
  gap:15px;
/*  max-width:1080px;*/
}
#section0 .mVisual2 .visBnnWrap .visBnn{
  position:relative;
  display: flex;
  flex-direction: column;
  /*margin:0 0.8%;*/
  /*margin-right:25px;*/
  width:20%;
  max-width: 196px;
  min-height: 260px;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius:9px;
  transition: 0.4s ease;
  cursor: pointer;
}

#section0 .mVisual2 .visBnnWrap .visBnn.pc-view{
  display: flex
}
#section0 .mVisual2 .visBnnWrap .visBnn.mo-view{
  display: none
}

#section0 .mVisual2 .visBnnWrap .visBnn .contArea{
  margin-top:17px;
  color:#092358;
  line-height: 1.8em;
}
#section0 .mVisual2 .visBnnWrap .visBnn .contArea .stit{
  
  font-weight: 600;
}
#section0 .mVisual2 .visBnnWrap .visBnn .contArea .stit strong{
  font-size: 13px;
  font-weight: 800;
}
#section0 .mVisual2 .visBnnWrap .visBnn .contArea .stit strong span{
  font-size: 1.9rem;
  font-weight: 800;
}
#section0 .mVisual2 .visBnnWrap .visBnn .contArea .stit strong span.fz-sm{
  font-size: 15px;
}

#section0 .mVisual2 .visBnnWrap .visBnn .contArea .icon{
  width:100%;
  margin-top:15px;
  height: 70px;
  display: inline-flex;
  background-position: center center;
  background-repeat: no-repeat;
}
#section0 .mVisual2 .visBnnWrap .visBnn .contArea .icon.sm{
  height: 50px;
}
#section0 .mVisual2 .visBnnWrap .visBnn.pointBnn .contArea .icon{
  background-image: url('../images/mVis2-icon03.png');
  background-size:  45px auto;
/*  height: 85px;*/
}

#section0 .mVisual2 .visBnnWrap .visBnn.uwayBnn .contArea .icon.uway{
  background-image: url('../images/logo-uway2.png');
  background-size:  47% auto;
  height: 60px;
}
#section0 .mVisual2 .visBnnWrap .visBnn.jinhakBnn .contArea .icon.jinhak{
  background-image: url('../images/logo-jinhak.png');
  background-size: 70% auto;
  height: 60px;
}

#section0 .mVisual2 .visBnnWrap .visBnn.imgBnn .contArea .icon.img{
  margin-top: 10px;
  width:126px;
  height:84px;
}
#section0 .mVisual2 .visBnnWrap .visBnn.imgBnn.imgBnn01 .contArea .icon.img{
  background-image: url('../images/mVis2-iconimg01.png');
  background-size: cover;
}
#section0 .mVisual2 .visBnnWrap .visBnn.imgBnn.imgBnn02 .contArea .icon.img{
  background-image: url('../images/mVis2-iconimg02.png');
  background-size: cover;
}
#section0 .mVisual2 .visBnnWrap .visBnn.imgBnn .contArea .vtit.pc{
  margin-top:6px;
}

#section0 .mVisual2 .visBnnWrap .visBnn.uwayBnn:hover .contArea .icon.uway,
#section0 .mVisual2 .visBnnWrap .visBnn.uwayBnn:focus .contArea .icon.uway{
  background-image: url('../images/logo-uway2-w.png');
  background-size:  47% auto;
}
#section0 .mVisual2 .visBnnWrap .visBnn.jinhakBnn:hover .contArea .icon.jinhak,
#section0 .mVisual2 .visBnnWrap .visBnn.jinhakBnn:focus .contArea .icon.jinhak{
  background-image: url('../images/logo-jinhak-w.png');
  background-size: 70% auto;
}

#section0 .mVisual2 .visBnnWrap .visBnn.visBnn01 .contArea .icon{
  background-image: url('../images/mVis2-icon18.png');
  background-size:  55px auto;
}
#section0 .mVisual2 .visBnnWrap .visBnn.visBnn02 .contArea .icon{
  background-image: url('../images/mVis2-icon15.png');
  background-size:  55px auto;
}
#section0 .mVisual2 .visBnnWrap .visBnn.visBnn03 .contArea .icon{  
  background-image: url('../images/mVis2-icon12.png');
  background-size:  56px auto;
}
#section0 .mVisual2 .visBnnWrap .visBnn.visBnn04 .contArea .icon{ 
  background-image: url('../images/mVis2-icon13.png');
}
#section0 .mVisual2 .visBnnWrap .visBnn.visBnn05 .contArea .icon{
  background-image: url('../images/mVis2-icon13.png');
}
#section0 .mVisual2 .visBnnWrap .visBnn.visBnn06 .contArea .icon{
  background-image: url('../images/mVis2-icon17.png');
  background-size:  70px auto;
}
#section0 .mVisual2 .visBnnWrap .visBnn.visBnn01:hover .contArea .icon,
#section0 .mVisual2 .visBnnWrap .visBnn.visBnn01:focus .contArea .icon{
  background-image: url('../images/mVis2-icon18-on.png');
}
#section0 .mVisual2 .visBnnWrap .visBnn.visBnn02:hover .contArea .icon,
#section0 .mVisual2 .visBnnWrap .visBnn.visBnn02:focus .contArea .icon{
  background-image: url('../images/mVis2-icon15-on.png');
}
#section0 .mVisual2 .visBnnWrap .visBnn.visBnn03:hover .contArea .icon,
#section0 .mVisual2 .visBnnWrap .visBnn.visBnn03:focus .contArea .icon{  
  background-image: url('../images/mVis2-icon12-on.png');
}
#section0 .mVisual2 .visBnnWrap .visBnn.visBnn04:hover .contArea .icon,
#section0 .mVisual2 .visBnnWrap .visBnn.visBnn04:focus .contArea .icon{  
  background-image: url('../images/mVis2-icon13-on.png');
}
#section0 .mVisual2 .visBnnWrap .visBnn.visBnn05:hover .contArea .icon,
#section0 .mVisual2 .visBnnWrap .visBnn.visBnn05:focus .contArea .icon{  
  background-image: url('../images/mVis2-icon13-on.png');
}
#section0 .mVisual2 .visBnnWrap .visBnn.visBnn06:hover .contArea .icon,
#section0 .mVisual2 .visBnnWrap .visBnn.visBnn06:focus .contArea .icon{  
  background-image: url('../images/mVis2-icon17-on.png');
}



#section0 .mVisual2 .visBnnWrap .visBnn .contArea .vtit{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width:100%;
  font-size: 1.9rem;
  min-height: 50px;
  margin-top:10px;
}
#section0 .mVisual2 .visBnnWrap .visBnn .contArea .vtit.line-2{
  margin-top:0px;
}
#section0 .mVisual2 .visBnnWrap .visBnn .contArea .vtit strong{
  font-weight: 800;
  line-height: 1.4em;
  letter-spacing: 0;
}
#section0 .mVisual2 .visBnnWrap .visBnn .contArea .vtit strong.red{
  color:#f01f55;
}
#section0 .mVisual2 .visBnnWrap .visBnn .contArea .vtit span{
  /*font-size: 1.6rem;
  font-size: 13px;*/
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3em;
  /*letter-spacing: -1.5px;*/
}
#section0 .mVisual2 .visBnnWrap .visBnn .contArea .vtit span.line-2{
  margin-top:5px;
  line-height: 1.2em;
}
#section0 .mVisual2 .visBnnWrap .visBnn .contArea .vtit.pc{
  display: flex;
  justify-content: center;
}
#section0 .mVisual2 .visBnnWrap .visBnn .contArea .vtit.mo{
  display: none;
}

#section0 .mVisual2 .visBnnWrap .visBnn .btnArea a.vis-gobtn{
  position:absolute;
  bottom:0;
  left:0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width:100%;
  height: 52px;
  font-size: 15px;
  color:#f5003f;
/*  background-color: rgba(245, 0, 63, 0.85);*/
  border-radius:0 0 9px 9px;
  font-weight: 800;

}
#section0 .mVisual2 .visBnnWrap .visBnn .btnArea a.vis-gobtn.mo{
  display: none
}

#section0 .mVisual2 .visBnnWrap .visBnn .btnArea a.vis-gobtn.pc{
  justify-content: center;
  align-items: flex-start;
  background-color: transparent;
}

#section0 .mVisual2 .visBnnWrap .visBnn .btnArea a.vis-gobtn span.arr{
  display: inline-block;
  margin-left:5px;
  width:26px;
  height: 14px;
  background-image:url('../images/mVis2-arr-go.png');
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-position: center bottom;
  transition: 0.3s ease;
}

#section0 .mVisual2 .visBnnWrap .visBnn:hover,
#section0 .mVisual2 .visBnnWrap .visBnn:focus{
  background-color: rgba(245, 0, 63, 0.75);
}
#section0 .mVisual2 .visBnnWrap .visBnn:hover .contArea,
#section0 .mVisual2 .visBnnWrap .visBnn:focus .contArea{
  color:#fff8b0;
}

#section0 .mVisual2 .visBnnWrap .visBnn:hover .contArea .vtit strong,
#section0 .mVisual2 .visBnnWrap .visBnn:focus .contArea .vtit strong{
  font-weight: 700;
}
#section0 .mVisual2 .visBnnWrap .visBnn:hover .contArea .vtit span,
#section0 .mVisual2 .visBnnWrap .visBnn:focus .contArea .vtit span{
  letter-spacing: -1.5px;
  color:#fff8b0;
}


#section0 .mVisual2 .visBnnWrap .visBnn:hover .btnArea a.vis-gobtn,
#section0 .mVisual2 .visBnnWrap .visBnn:focus .btnArea a.vis-gobtn{
/*  background-color: rgba(245, 0, 63, 1);*/
  color:#fff;
}
#section0 .mVisual2 .visBnnWrap .visBnn:hover .btnArea a.vis-gobtn span.arr,
#section0 .mVisual2 .visBnnWrap .visBnn:focus .btnArea a.vis-gobtn span.arr{
  background:url('../images/mVis2-arr-go-w.png') no-repeat;
  background-size: 20px auto;
  background-position: center bottom;
  transform: translateX(10px);
}


#section0 .mVisual2 .visBnnWrap .visBnn.pointBnn{
  background-color: rgba(245, 0, 63, 0.75);
}
#section0 .mVisual2 .visBnnWrap .visBnn.pointBnn .contArea{
  color:#fff8b0;
}
#section0 .mVisual2 .visBnnWrap .visBnn.pointBnn .contArea .vtit{
  margin-top:4px;
}

#section0 .mVisual2 .visBnnWrap .visBnn.pointBnn .contArea .vtit strong{
  font-weight: 700;
}
#section0 .mVisual2 .visBnnWrap .visBnn.pointBnn .contArea .vtit span{
  letter-spacing: -1.5px;
  color:#fff;
  /*color:#fff8b0;*/
}

#section0 .mVisual2 .visBnnWrap .visBnn.pointBnn .btnArea a.vis-gobtn:hover,
#section0 .mVisual2 .visBnnWrap .visBnn.pointBnn .btnArea a.vis-gobtn:focus{
  background-color: transparent;
}

#section0 .mVisual2 .visBnnWrap .visBnn.pointBnn .btnArea a.vis-gobtn strong{
  display: inline-flex;
  margin-top:5px;
  padding:1px 8px;
  background-color: #fff;
  color:#f5003f;
  font-size: 15px;
  font-weight: 600;
  border-radius: 100px;
  letter-spacing: 0;
  transition: 0.2s ease;
}

#section0 .mVisual2 .visBnnWrap .visBnn.pointBnn .btnArea a.vis-gobtn:hover strong,
#section0 .mVisual2 .visBnnWrap .visBnn.pointBnn .btnArea a.vis-gobtn:focus strong{
  background-color: #fff8b0;
  transform: scale(1.03);
}

#section0 .mVisual2 .timelineWrap{
  display: flex;
  width:100%;
  max-width:1100px;
  padding:20px 0;
}
#section0 .mVisual2 .timelineWrap .timelineList{
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width:100%;
  transform: translate(13%, 0);
}
#section0 .mVisual2 .timelineWrap .timelineList li.timeBox{
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  width:100%;
}

/*#section0 .mVisual2 .timelineWrap .timelineList li.timeBox .point{
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}*/
#section0 .mVisual2 .timelineWrap .timelineList li.timeBox .icon{
  display: inline-flex;
  width:71px;
  height: 89px;
  margin-bottom:10px;
}
#section0 .mVisual2 .timelineWrap .timelineList li.timeBox.point .icon{
  display: inline-flex;
  width:71px;
  height: 89px;
  background-image: url('../images/mVis2-timeline-icon-point.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transform: translate(-50%, 0);
}
#section0 .mVisual2 .timelineWrap .timelineList li.timeBox .dotline{
  position:relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width:100%;
  height: 14px;
  background-color: rgba(255,255,255,0.35);
  background-image: url('../images/mVis2-timeline-dot-w.png'), url('../images/mVis2-timeline-dot-w.png');  
  background-position: left 3px center, left 135px center;
  background-size: auto;
  background-repeat: no-repeat; 
}

#section0 .mVisual2 .timelineWrap .timelineList li.timeBox:last-child .dotline{
  background-color: rgba(255,255,255,0);
  background-image: none;
}
#section0 .mVisual2 .timelineWrap .timelineList li.timeBox .dotline:before{
  display: inline-block;
  position:absolute;
  left:0;
  top:50%;
  margin-top:-10px;
  margin-left:-10px;
  width:20px;
  height: 20px;
  background-color: #fff;
  border-radius: 40px;
  content:"";
}
#section0 .mVisual2 .timelineWrap .timelineList li.timeBox.point .dotline{
  background-image: url('../images/mVis2-timeline-dot-color.png'), url('../images/mVis2-timeline-dot-w.png');  
}
#section0 .mVisual2 .timelineWrap .timelineList li.timeBox.point .dotline:before{
  background-color: #f12157;
}
#section0 .mVisual2 .timelineWrap .timelineList li.timeBox.point .dotline,
#section0 .mVisual2 .timelineWrap .timelineList li.timeBox.point .dotline:before{
  background-image: none;
}
#section0 .mVisual2 .timelineWrap .timelineList li.timeBox .txt{
  display: inline-flex;
  flex-direction: column;
  transform: translate(-50%, 0);
}
#section0 .mVisual2 .timelineWrap .timelineList li.timeBox .txt strong{
  margin:10px 0  5px;
  font-size: 15px;
  line-height: 1.2em;
  letter-spacing: 0;
}
#section0 .mVisual2 .timelineWrap .timelineList li.timeBox .txt span{
  font-size: 10px;
}

#section0 .mVisual2 .vis-foot{
  display: flex;
  align-items: center;
  justify-content: center;
/*  position:absolute;
  bottom:70px;
  left:0;*/
  margin-top:2px; 
  width:100%;
  background-color:rgba(255,255,255,0.78);
}
#section0 .mVisual2 .vis-foot .ft-inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width:100%;
  max-width:98%;
}
#section0 .mVisual2 .vis-foot .ft-inner .ft-logo-list{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width:100%;
  max-width:1080px;
}
#section0 .mVisual2 .vis-foot .ft-inner .ft-logo-list li{
  display: inline-flex;
  padding:20px 25px;
}

#section0 .mVisual2 .vis-foot .ft-inner p.address{
  margin-bottom:15px;
  font-size: 13px;
  color:#000;
}
#section0 .mVisual2 .vis-foot br{
  display: none;
}


/* mVisual3 :: 20230303 */
#section0 .mVisual3{
  display: flex;
  height:auto;

  padding-top:80px;
}
#section0 .mVisual3 p.inner.pc{
  display: flex;
    margin-top: -50px;
}
#section0 .mVisual3 p.inner.mo{
  display: none;
}
#section0 .mVisual3 p.inner{
  width:100%;
  max-width:100%;
  min-width:100%;
}
#section0 .mVisual3 p.inner img{
  width:100%;
}







/************************* mVisual4 :: 20230509  ********************************/
#section0 .mVisual4{
  position:relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url('../images/mVisual4-bg.jpg');
  background-position: top center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height:100vh;
  min-height: 1020px;
  width:100%;
}
#section0 .mVisual4:before{
  display: inline-flex;
  position:absolute;
  top:80px;
  right:0;
  width:567px;
  height: 557px;
  background-image: url('../images//mVisual4-bg-mark.png');
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  content:"";
  z-index: 100;
  opacity: .5;
}

#section0 .mVisual4 .inner{
  display: flex;
  flex-direction: column;
  width:98%;
  max-width:1280px;
  gap:50px;
  z-index: 1000;
}

#section0 .mVisual4 .inner .titArea{
  text-align: center;
  color:#fff;
}
#section0 .mVisual4 .inner .titArea p.stit{
  margin-bottom:16px;
  font-size: 2.8rem;
  letter-spacing: 1px;
  line-height: 1.2em;
}
#section0 .mVisual4 .inner .titArea p.btit{
  font-size: 4.6rem;
  font-weight: 600;
  line-height: 1.2em;
}


/* rolling notice */
#section0 .mVisual4 .inner .mvNoticeArea{
  display: none;
  position: relative;
  clear: both;
  width: 100%;
  height: 55px;
  background:#fff;
  border-radius: 16px;
}
#section0 .mVisual4 .inner .mvNoticeArea .mv-notice {
  position:relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  overflow:hidden;
  width:100%;
}
#section0 .mVisual4 .inner .mvNoticeArea .mv-notice  h3.tit{
  position:relative;
  height: 55px;
  float: left;
  padding: 14px 0 0 8px;
  background-color: #fff;
  border-radius: 16px;
}
#section0 .mVisual4 .inner .mvNoticeArea .mv-notice h3.tit span{
  display: inline-flex;
  padding:6px 12px 7px 32px;
  border-radius: 30px;
  background-image:url(../images/mVis2-icon11.png);
  background-position: left 10px top 8px;
  background-repeat: no-repeat;
  background-size: 14px auto;
  background-color: #f7f7f7;
  font-size: 14px;
  color:#222;
  font-weight: 500;
}
#section0 .mVisual4 .inner .mvNoticeArea .mv-notice ul{
  position:relative;
  margin-left:16px;
  height: 55px;
  width: calc(100% - 120px);
}
#section0 .mVisual4 .inner .mvNoticeArea .mv-notice ul li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height:55px;  
}

#section0 .mVisual4 .inner .mvNoticeArea .mv-notice ul li a {
  display:inline-block;
  width:90%;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.2em;
}
#section0 .mVisual4 .inner .mvNoticeArea .mv-notice ul li .date{
  width:120px;
  font-size: 15px;
  color:#666;
}

#section0 .mVisual4 .inner .mvNoticeArea .mv-notice-right{
  position:absolute;
  right:0;
  top:0;
  display: inline-flex;
  flex-direction: column;
  font-size: 0;
  height:100%;
}
#section0 .mVisual4 .inner .mvNoticeArea .mvn-arrow{
  width: 32px;
  height:50%;
  border:none;
  text-indent: -9999px;
  display: block;
  outline:none;
  cursor: pointer;
  background-color: transparent; ;
}
#section0 .mVisual4 .inner .mvNoticeArea .mvn-top-arrow{
  background: url('../images/arr-open.png') no-repeat center center;
  transform: rotate(180deg);
  background-size: 11px auto;
}
#section0 .mVisual4 .inner .mvNoticeArea .mvn-down-arrow{
  background: url('../images/arr-open.png') no-repeat center center;
  background-size: 11px auto;
}
#section0 .mVisual4 .inner .mvNoticeArea .mvn-top-arrow{
  border: none;
  cursor: pointer;
}

#section0 .mVisual4 .inner .mvNoticeArea .mvn-down-arrow{
  cursor: pointer;
}

#section0 .mVisual4 .inner .contArea{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  gap:16px;
}
#section0 .mVisual4 .inner .contArea .imgBnnWrap{
  overflow:hidden;
  float:left;
  width:580px;
  height:611px;
  position:relative;
  border-radius: 16px;
}
#section0 .mVisual4 .inner .contArea .imgBnnWrap img{
  width:100%;
  border-radius: 16px;
}
#section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList{
  position:relative;
  width:100%;
  height: 100%;
}
#section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li a.cirBtn{
  display:inline-block;
  position:relative;
  text-indent:-9999px;
  width:20px;
  height:20px;
  overflow:hidden;
  z-index:7000;
  left:36px;   /* left:36px; */
  top:557px;
  border-radius: 20px;
}

#section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li a.cirBtn:before{
  display: inline-flex;
  position:absolute;
  left:5px;
  top:5px;
  width:10px;
  height:10px;
  background-color: rgba(255,255,255,0.5);
  border:1px solid #ddd;
  border-radius: 20px;
  content:"";
}
#section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li a.cirBtn:hover:before{
  background-color: rgba(255,255,255,1);
}
#section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li{
  display:inline;
  padding-left:6px;
}
#section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li div.imgBox{
  position:absolute;
  top:0px;
  left:580px;
  width:100%;
  height: 100%;
  text-align: center;
  background-color: #ed235f;
  z-index:1;
}
#section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li:nth-child(4) div.imgBox img{
    /* width: auto;
    height: 100%; */
}
#section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li div.imgBox img{
  width:auto; 
  height: 100%;  
}
#section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li.heightAuto div.imgBox img{
    width: 100% !important;
    height: auto !important;  
}
#section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li.on .cirBtn{
  width:17px;
  height:17px;
  background-color: rgba(255,255,255,0);
  border:5px solid #b8063b;
  /* border:5px solid #ed235f; */
}
#section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li.on .cirBtn:hover{
  background-color: rgba(255,255,255,0);
}

#section0 .mVisual4 .inner .contArea .imgBnnWrap #stopAplay{
  position:absolute;
  /* left:104px;       bnn 2  */
  /* left:125px;      bnn 3*/
  /* left:155px;      bnn 4 */
  /* left:180px;     bnn 5 */  
  /* left:206px;   bnn 6 */
  left:auto;
  right:20px;
  top:556px;
  z-index: 8888;
}
#section0 .mVisual4 .inner .contArea .imgBnnWrap #stopAplay a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width:24px;
  height:24px;
  background-color: rgba(0,0,0,0.2);
  opacity: 0.7;
  border-radius: 100px;
}
#section0 .mVisual4 .inner .contArea .imgBnnWrap #stopAplay img{
  width:100%;
  width:9px;
  height:9px;
  height: auto;
  border-radius: 0 !important;
  cursor: pointer;
}
#section0 .mVisual4 .inner .contArea .imgBnnWrap #stopAplay:hover{
    opacity: 1;
}

#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList{
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  max-width:630px;
  height: 100%;
  gap:16px;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn{
  position:relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-basis: 44%;
  flex-shrink: 1;
  flex-grow: 1;
  position:relative;
  max-height: 33%;
  min-height: 31%;
  max-width: 300px;
  border-radius: 16px;
  background-color: #fff;
  gap:8px;
  cursor: pointer;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.off{
  background-color: rgba(90,30,30, 0.6);
  cursor: default;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.off:before{
  display: inline-flex;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  background-image: url('../images/mVisual4-bg-mark.png');
  background-size: auto 70%;
  background-position: center center;
  background-repeat: no-repeat;
  content:"";
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.off div,
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.off p,
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.off .icon{
  opacity: 0;
  display: none;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .titBox{
  display: flex;
  flex-direction: column;
  margin:24px 8px 0 24px;
  gap:8px;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .dateBox{
  margin: 0 8px 24px 24px;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .titBox,
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .dateBox{
  width:calc(100% - 40px);
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .titBox .badge span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding:4px 8px;
  border-radius: 16px;
  font-size: 1.5rem;
  color:#fff;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .titBox .badge.gong span{
  background-color: #F7C568;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .titBox .badge.susi span{
  background-color: #95C658;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .titBox .badge.susimojib span{
    background-color: #58c6c6;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .titBox .badge.pyeon span{
    background-color: #faaeae;
}

#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .titBox .badge.gong2 span{
  background: #f6844f;
  background: linear-gradient(90deg, #f6844f 0%, #f95eda 100%);
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .titBox .tit{
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width:100%;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.4em;
}

#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .titBox .tit span.smtxt{
    font-size: 1.7rem;
    font-weight: 500;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .titBox .tit.taC{
    text-align: center;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn:hover .titBox .tit{
  color:#f81a49;
}

#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.nolink{
    cursor: default;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.nolink:hover .titBox .tit{
    color:#222;
}

#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .titBox .txt-btn{
  display: inline-block;
  position:absolute;
  left:24px;
  bottom:28px;
  padding-right:12px;
  padding-bottom:2px;
  /* margin-top:8px; */
  font-size: 13px;
  color:#777;;
  transition: 0.5s ease;
  border-bottom:1px solid #aaa;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .titBox .txt-btn:after{
  display: inline-block;
  position:absolute;
  top:50%;
  right:0;
  margin-top:-4px;
  width:10px;
  height: 10px;;
  background-image:url('../images/arr05-g.png');
  background-size: auto 10px;
  background-position: center right;
  background-repeat: no-repeat;
  content:"";

}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .titBox .txt-btn:hover{
  color:#f81a49;
  padding-right:16px;
  border-bottom:1px solid #f81a49;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .titBox .txt-btn:hover:after{  
  background-image:url('../images/arr05.png');
}

#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .icon{
    position:absolute;
    bottom:12px;
    right:20px;
    width:80px;
    height: 80px;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 100px;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .icon.competition{    
    background-image: url('../images/icon-mq-competition.svg');
    background-size: 46px auto;;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .icon.apply{ 
    background-image: url('../images/icon-mq-apply.svg');
    background-size: 42px auto;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .icon.check{ 
    background-image: url('../images/icon-mq-check.svg');
    background-size: 42px auto;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .icon.email{ 
    background-image: url('../images/icon-mq-email.svg');
    background-size: 44px auto;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .icon.calc{ 
    background-image: url('../images/icon-mq-calc.svg');
    background-size: 37px auto;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .icon.receipt{ 
    background-image: url('../images/icon-mq-receipt.svg');
    background-size: 37px auto;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .icon.notice{ 
    background-image: url('../images/icon-mq-notice.png?ver=20260318');
    background-size: 40px auto;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .icon.scholarship{ 
    background-image: url('../images/icon-mq-scholarship.png?ver=20260318');
    background-size: 50px auto;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .icon.report{ 
    background-image: url('../images/icon-mq-report.png?ver=20260327');
    background-size: 34px auto;
}


#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .icon.video{ 
    background-image: url('../images/icon-media.png');
    background-size: 30px auto;
}

/* sns ¹è³Ê */
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn{
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.yt{
  /* background-color: #ff0000; */

  background-image: url('../images/mVisual4-bnn-sns-bg01.png');
   
  /* background: radial-gradient(circle farthest-corner at 52% 186%, #fac4bd 0%, #ff4444 10%, #ee7e7e 28%, #ebacac 42%, transparent 82%), linear-gradient(135deg, #ec7051 12%, #ff5d5d 58%); */
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.ig{
  
  background-image: url('../images/mVisual4-bnn-sns-bg02.png');

  /* background: radial-gradient(circle farthest-corner at 32% 106%, #ffe89c 0%, #f7bf9a 10%, #fa928a 28%, #fc8181 42%, transparent 82%), linear-gradient(135deg, #819bf8 12%, #d792ff 58%); */
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.blog{
  /* background-color: #03c75a; */
  /* background: radial-gradient(circle farthest-corner at 52% 186%, #2672fb 0%, #8083f6 10%, #01cda4 28%, #00c3ba 42%, transparent 82%), linear-gradient(135deg, #5af07a 12%, #b6f1c3 58%); */

  background-image: url('../images/mVisual4-bnn-sns-bg03.png');
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.fb{
  /* background-color: #1574ea; */
   /* background: radial-gradient(circle farthest-corner at 52% 186%, #bbe9f8 0%, #ebbcfc 10%, #98c1fc 28%, #b3f7fc 42%, transparent 82%), linear-gradient(135deg, #7ea8fc 12%, #adaff5 58%); */

  background-image: url('../images/mVisual4-bnn-sns-bg04.png');
}

#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn .titBox{
  margin: 28px 8px 0 28px;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn .titBox .badge{
  display: none;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn .titBox .tit-icon{
  display: block;
  width:50px;
  height: 50px;
  background-position: left center;
  background-repeat: no-repeat;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.yt .titBox .tit-icon{
    background-image: url('../images/icon-sns-yt-bg.png');
    background-size: 42px auto;   
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.ig .titBox .tit-icon{
    background-image: url('../images/icon-sns-ig-bg.png');
    background-size: 42px auto;   
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.blog .titBox .tit-icon{
    background-image: url('../images/icon-sns-blog-bg.png');
    background-size: 42px auto;   
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.fb .titBox .tit-icon{
    background-image: url('../images/icon-sns-fb-bg.png');
    background-size: 42px auto;   
}

#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.snsBnn .icon{
  display: none;
}

#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.yt .icon.yt,
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.ig .icon.ig,
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.blog .icon.blog,
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.snsBnn.fb .icon.fb{
    /* bottom: 47px;
    right: 15px;
    border-radius: 20px;; */
    /* box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2); */
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.yt .icon.yt{ 
    background-image: url('../images/icon-sns-yt-w.png');
    background-size: 40px auto;    
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.ig .icon.ig{ 
    background-image: url('../images/icon-sns-ig-bg.png');
    background-size: 40px auto;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.blog .icon.blog{ 
    background-image: url('../images/icon-sns-blog-bg.png');
    background-size: 40px auto;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.fb .icon.fb{ 
    background-image: url('../images/icon-sns-fb-bg.png');
    background-size: 40px auto;
}



#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .dateBox{
  display: inline-flex;
  font-size: 14px;
  color:#555;
  font-weight: 500;
}

#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won.pc{
    display: flex;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won.mo{
    display: none;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won .titBox .badge span{
    color: #fff;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won.jinhak .titBox .badge span{
    background-color: #092b6c;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won.uway .titBox .badge span{
    background-color: #e21b52;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won .titBox .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: top center;
    width:100%;
    height: 58px;
}

#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won .titBox .tit{
    /* font-size: 2.1rem; */
    line-height: 1.2em;
}

#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won.jinhak:hover{
    background-color: #092b6c;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won.uway:hover{
    background-color: #e21b52;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won.jinhak:hover .titBox .badge span{
    background-color: #fff;
    color: #092b6c;
    font-weight: 600;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won.uway:hover .titBox .badge span{
    background-color: #fff;
    color: #e21b52;
    font-weight: 600;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won.jinhak:hover .titBox .logo{
    background-image: url('../images/logo-jinhak-w.svg');
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won.uway:hover .titBox .logo{
    background-image: url('../images/logo-uway-w.svg');
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won.jinhak:hover .titBox .tit,
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won.uway:hover .titBox .tit{
    color:#fff;
}




/* ??? ??? ?? :: ??? ?  :: .bnn.jinhak  */
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.jinhak .titBox .badge span{
    background-color: #092b6c;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won.jinhak .titBox .logo{
    background-image: url('../images/logo-jinhak.svg');
    background-size: auto 54px;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won.uway .titBox .logo{
    background-image: url('../images/logo-uway.svg');
    background-size: auto 44px;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.jinhak .titBox .logo{
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url('../images/logo-jinhak.svg');
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.jinhak .titBox .logo.sm {
    height: 40px;
}
#section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.jinhak .titBox .logo.sm{
    background-size: auto 38px;
}
/* // ??? ??? ?? :: ??? ?  :: .bnn.jinhak  */


  

@media screen and (max-width:1300px){
  #section0 .mVisual4 .inner{
    max-width: 1140px;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap{
    height:574px;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li div.imgBox{
    left:574px;
  }

  #section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li a.cirBtn{
    left: 36px; 
    top:518px;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap #stopAplay{
    top:516px;
  }
}

@media screen and (max-width:1200px){
  #section0 .mVisual4{
    padding-top: 120px;
    align-items: flex-start
  }
  #section0 .mVisual4:before {
    width: 467px;
    height: 457px;
  }
  #section0 .mVisual4 .inner{
    max-width: 960px;
  }
  #section0 .mVisual4 .inner .mvNoticeArea{
    display: flex;
  }

  #section0 .mVisual4 .inner .contArea .imgBnnWrap{
    height:480px;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li div.imgBox{
    left:480px;
  }

  #section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li a.cirBtn{
    left: 30px;
    top:429px;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap #stopAplay{
    /*left: 96px;     bnn 2  */
    /* left: 120px;   bnn 3  */
    /* left: 150px;   bnn 4  */
    /* left: 172px;   bnn 5  */
    /*left: 198px;     bnn 6  */
    left:auto;
    top:434px;
  }
  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn{
    min-height:140px;
  }

  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .titBox{
    margin: 16px 4px 0 16px;
  }
  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .dateBox{
    margin: 0 4px 16px 16px;
  }
    #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .icon{
        bottom:12px;
        right:12px;
        width:50px;
        height: 50px;
    }
    #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .icon.competition{  
        background-size: 36px auto;;
    }
    #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .icon.apply{ 
        background-image: url('../images/icon-mq-apply.svg');
        background-size: 32px auto;
    }
    #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .icon.check{ 
        background-image: url('../images/icon-mq-check.svg');
        background-size: 32px auto;
    }
    #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .icon.email{ 
        background-image: url('../images/icon-mq-email.svg');
        background-size: 34px auto;
    }
}

@media screen and (max-width:1024px){
  #section0 .mVisual4:before {
    width: 327px;
    height: 317px;
  }
  #section0 .mVisual4 .inner{
    width:96%;
    max-width: 800px;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li div.imgBox img{
    width:100%;
    height: auto;  
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li a.cirBtn{
    left: 24px;
    top:360px;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li.on .cirBtn{
    width:15px;
    height:15px;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap #stopAplay{
    /*left: 86px;    bnn 2 */ 
    /*left: 110px;   bnn 3 */ 
    /*left: 137px;  bnn 4 */ 
    /* left: 160px;   bnn 5 */ 
    /* left: 194px;   bnn 6 */
    left:auto;
    top:360px;
  }

  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn{
    min-height:180px;
  }
  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .titBox{
    margin: 16px 4px 16px 16px;
  }
  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .titBox .tit{
    line-height: 1.2em;
  }
  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .dateBox{
    margin: 0 4px 16px 16px;
  }

  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won.pc{
    display: none;
  }
  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won.mo{
    display: flex;
  } 
  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won.jinhak .titBox .logo{
    background-size: auto 44px;
  }
    #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won.uway .titBox .logo{
      background-size: auto 34px;
  }
}

@media screen and (max-width:820px){
  #section0 .mVisual4 .inner{
    max-width: 768px;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li a.cirBtn{
    left: 18px;
    /* top: 442px; */
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap #stopAplay{
     /* left: 82px;     bnn 2 */ 
    /* left: 100px;     bnn 3 */ 
    /* left: 130px;    bnn 4 */ 
    /* left: 155px;    bnn 5 */ 
    /* left: 188px;    bnn 6 */ 
    left:auto;
    /* top:445px; */
  }
}

@media screen and (max-width:768px){
  #section0 .mVisual4{
    padding-top:90px;
    padding-bottom:20px;
    height: auto;
    min-height: auto;
    background-color: #f03858;
  }
  #section0 .mVisual4 .inner .titArea p.stit{
    font-size: 2.2rem;
  }
  #section0 .mVisual4 .inner .titArea p.btit{
    font-size: 3.6rem;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap{
    width:400px;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li div.imgBox{
    left:400px;
  }
  #section0 .mVisual4 .inner .contArea .txtBnnWrap{
    width:calc(100% - 400px);
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li a.cirBtn{
    left: 20px;
    /* top: 367px; */
    /* top: 447px;  bak  */
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap #stopAplay{
    /* top:428px; */
    /* top:450px; bak */
  }
  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList{
    flex-direction: column;
  }
  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn{
    flex-basis: auto;
    flex-shrink: 0; 
    flex-grow: 0;
    width:100%;
    height: auto;
    min-height: auto;
  }

  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won .titBox .logo{
    height: 44px;
  }
  /* #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won.jinhak .titBox .logo{
    background-size: auto 54px;
  }
  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.won.uway .titBox .logo{
    background-size: auto 44px;
  } */


  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .titBox .tit{
    width:80%;
  }

  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn .titBox .txt-btn{
    display: none;
  }

  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn{
    background-size: 80% auto;
    background-position: center right;
  }
  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn .titBox{
    flex-direction: row;
    align-items: center;
    margin: 16px 8px 16px 16px;
  }
   #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn .titBox .tit-icon{
    width: 40px;
    height: 40px;
   }

   #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.yt .titBox .tit-icon,
   #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.ig .titBox .tit-icon,
   #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.blog .titBox .tit-icon,
   #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn.snsBnn.fb .titBox .tit-icon{
    background-size: 35px auto;
   }

}

@media screen and (max-width:640px){
  #section0 .mVisual4:before {
    width: 227px;
    height: 217px;
  }
  #section0 .mVisual4 .inner{
    align-items: center;
    width:94%;
    gap:20px;
  }
  #section0 .mVisual4 .inner .titArea p.btit span{
    display: flex;
    justify-content: center;
    width:100%;
  }

  #section0 .mVisual4 .inner .mvNoticeArea{
    width:400px;
    height: 95px;
    overflow:hidden;
  }
  #section0 .mVisual4 .inner .mvNoticeArea .mv-notice {
    flex-direction: column;
  }
  #section0 .mVisual4 .inner .mvNoticeArea .mv-notice  h3.tit{
    height: 80px;
    width:100%;
    padding: 8px 0 0 16px;
  }
  #section0 .mVisual4 .inner .mvNoticeArea .mv-notice h3.tit span{
    padding:4px 10px 4px 30px;
    background-position: left 10px top 5px;
    background-size: 12px auto;
    font-size: 12px;
  }
  #section0 .mVisual4 .inner .mvNoticeArea .mv-notice ul{
    position:relative;
    margin-left:16px;
    margin-top:5px;
    height: 0;
    width: calc(100% - 40px);
  }
  #section0 .mVisual4 .inner .mvNoticeArea .mv-notice ul li {
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
    padding-top:12px;
    height:65px;    
  }
  #section0 .mVisual4 .inner .mvNoticeArea .mv-notice ul li a {
    display:inline-block;
    width:100%;
    font-size: 15px;
  }
  #section0 .mVisual4 .inner .mvNoticeArea .mv-notice ul li .date{
    margin-top:4px;
    font-size: 12px;
  }
  #section0 .mVisual4 .inner .mvNoticeArea .mv-notice .mvn-top-arrow{
    top: 16px;
  }

  #section0 .mVisual4 .inner .contArea{
    flex-direction: column;
    align-items: center;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap{
    display: flex;
    width:400px;
    height: 440px;
  }

  #section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li a.cirBtn{
    left: 14px;
    top:380px;
    /* top:400px; */
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap #stopAplay{
    /* left: 78px;   bnn 2 */ 
    /* left: 100px;   bnn 3 */ 
    /* left: 130px;   bnn 4 */ 
    /*  left: 152px;   bnn 5 */ 
    /*  left: 182px;    bnn 6 */ 
      left:auto;
    top:380px;
    /* top:403px; */
  }

  #section0 .mVisual4 .inner .contArea .txtBnnWrap{
    width:100%;
  }
  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList{
    align-items: center;
  }
  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn{
    max-width: 400px;
  }
}

@media screen and (max-width:440px){
  #section0 .mVisual4 .inner .mvNoticeArea{
    width:300px;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap{
    display: flex;
    width:300px;
    height: 340px;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li div.imgBox{
    left:300px;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li a.cirBtn{
    left: 14px;
    top:280px;
    /* top:300px; */
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap #stopAplay{
    /* left: 76px;    bnn 2 */ 
    /* left: 98px;  bnn 3 */ 
    /* left: 128px;   bnn 4 */ 
    /* left: 157px;  bnn 5 */ 
    /* left: 180px;   bnn 6 */ 
     left:auto;
    top:278px;
    /* top:302px; */
  }

  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn{
    max-width: 300px;
  }
}

@media screen and (max-width:320px){
  #section0 .mVisual4 .inner .mvNoticeArea{
    width:280px;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap{
    display: flex;
    width:280px;
    height: 300px;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li div.imgBox{
    left:280px;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li a.cirBtn{
    left: 10px;
    top:264px;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap #stopAplay{
    top:266px;
  }
  #section0 .mVisual4 .inner .contArea .txtBnnWrap .bnnList .bnn{
    max-width: 280px;
  }
}

@media screen and (max-width:290px){
  #section0 .mVisual4 .inner .mvNoticeArea{
    width:250px;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap{
    display: flex;
    width:250px;
    height: 270px;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap .imgBnnList li a.cirBtn{
    left: 10px;
    top:234px;
  }
  #section0 .mVisual4 .inner .contArea .imgBnnWrap #stopAplay{
    top:236px;
  }

}

/************************* // mVisual4 :: 20230509  ********************************/





@media screen and (max-width:1500px){
  #section0 .mVisual2 .visBnnWrap .visBnn .contArea {
    line-height: 2.5em
  }

  #section0 .mVisual2 .visBnnWrap .visBnn .contArea .vtit strong{
    line-height: 1.1em;
  }
}

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

  #section0 .mVisual2 .inner{
    max-height: 600px;
  }

  #section0 .mVisual2 .vis-head .markBox{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width:100%;
  }
   #section0 .mVisual2 .vis-head .markBox .mark {
    margin-right:10px;
   }
   #section0 .mVisual2 .vis-head .markBox .mark img{
    display: inline-flex;
    width:45px;
    height: 45px;
   }
  #section0 .mVisual2 .vis-head .markBox .txt{
    margin-top:0px;
    font-size: 2.7rem;
  }

  #section0 .mVisual2 .vis-head .titBox p{
    margin:45px auto 10px;
    font-size: 3.5rem;
  }

  #section0 .mVisual2 .visBnnWrap{
    gap:15px;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn{
    /*margin-right: 10px;*/
    min-height: 250px;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn .contArea .icon{
    height: 60px;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn.pointBnn .contArea .icon{
    background-size: 35px auto;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn.uwayBnn .contArea .icon.uway{
    background-size: 55% auto;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn.jinhakBnn .contArea .icon.jinhak{
    background-size: 80% auto;
  }

  #section0 .mVisual2 .visBnnWrap .visBnn.visBnn01 .contArea .icon{
    background-size: 45px auto;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn.visBnn02 .contArea .icon{
    background-size: 45px auto;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn.visBnn03 .contArea .icon{
    background-size: 47px auto;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn.visBnn04 .contArea .icon{
    background-size: 35px auto;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn.visBnn05 .contArea .icon{
    background-size: 35px auto;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn.visBnn06 .contArea .icon{
    background-size: 50px auto;
  }

  #section0 .mVisual2 .visBnnWrap .visBnn.pointBnn .contArea .vtit{
    margin-top:0px;
  }

  #section0 .mVisual2 .visBnnWrap .visBnn .contArea .vtit strong{
    line-height: 1.2em;
  }

  #section0 .mVisual3 p.inner.pc{
    margin-top: 0px;
  }
}

@media screen and (max-width:768px){
  #section0 {
/*    min-height: 700px;
    max-height: 700px;*/
  }
  #section0 .mVisual2{
    min-height: auto;
  }
  #section0 .mVisual2 .inner{
    margin-top: 60px;
    min-height: 500px;
    max-height: 500px;
  }

  #section0 .mVisual2 .vis-head .markBox{
   /* display: none;*/
  }

  #section0 .mVisual2 .vis-head .titBox p {
    margin: 60px auto 10px;
    font-size: 3rem;
  }

  #section0 .mVisual2 .vis-head .titBox dl{
    justify-content: center;
  }
  #section0 .mVisual2 .vis-head .titBox dl dt{
    margin-right:0px;
    margin-bottom:10px;
  }
  #section0 .mVisual2 .vis-head .titBox dl dd{
    display: flex;
    justify-content: center;
    width:100%;
    text-align: center;
  }

  #section0 .mVisual2 .visBnnWrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:10px;
    /*margin-top:30px;*/
    width:100%;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn{
    position:relative;
    display: flex;
    flex-direction: row;
    margin:0px 1%;
    width:98%;
    max-width: 98%;
    min-height: auto;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius:100px;
  }

  #section0 .mVisual2 .visBnnWrap .visBnn.pc-view{
  display: none;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn.mo-view{
    display: flex;
  }

  #section0 .mVisual2 .visBnnWrap .visBnn .contArea{
    display: flex;
    justify-content: flex-start;
    margin-top:0;
    width:100%;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn .contArea .stit{
      display: none
    }

  #section0 .mVisual2 .visBnnWrap .visBnn .contArea .vtit{
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width:auto;
    font-size: 2rem;
    min-height: 0px;
    margin-top:0px;
  }  

  #section0 .mVisual2 .visBnnWrap .visBnn .contArea .vtit.line-2{
    margin-top:5px;    
  }
  #section0 .mVisual2 .visBnnWrap .visBnn.pointBnn .contArea .vtit{
    margin-top: 6px;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn .contArea .vtit br{
    display: none;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn.visBnn02 .contArea .vtit{
    padding-top:0px;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn .contArea .vtit span{
   /* margin-top: 6px;*/
    font-size: 14px;
    font-weight: 500;
  }

  #section0 .mVisual2 .visBnnWrap .visBnn .contArea .vtit.pc{
    display: none;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn .contArea .vtit.mo{
    display: flex;
    text-align: left;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn .contArea .vtit.mo br{
    display: inline-block;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn .contArea .icon{
    margin-top:0;
    margin-left:10px;
    width:50px;
    height: 60px;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn .contArea .icon.sm{    
    height: 60px;
  }


  #section0 .mVisual2 .visBnnWrap .visBnn.pointBnn .contArea .icon{
    background-size: 25px auto;
    height: 60px;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn.uwayBnn .contArea .icon.uway{
    width:90px;
    height: 60px;
    background-size: 50px auto;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn.jinhakBnn .contArea .icon.jinhak{
    width:90px;
    height: 60px;
    background-size: 75px auto;
  }

  #section0 .mVisual2 .visBnnWrap .visBnn.imgBnn{
    padding:10px 0;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn.imgBnn .contArea .icon.img{
    margin-top:0;
    margin-left:25px;
    margin-right:10px;
    width:60px;
    height: 40px;
    border-radius: 3px;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn.imgBnn01 .contArea .icon.img{
     background-size: cover;
  } 
  #section0 .mVisual2 .visBnnWrap .visBnn.imgBnn02 .contArea .icon.img{
     background-size: cover;
  }

  #section0 .mVisual2 .visBnnWrap .visBnn.visBnn01 .contArea .icon{
    background-size: 30px auto;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn.visBnn02 .contArea .icon{
    background-size: 30px auto;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn.visBnn03 .contArea .icon{
    height: 60px;
    background-size: 30px auto;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn.visBnn04 .contArea .icon{
    height: 60px;
    background-size: 22px auto;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn.visBnn05 .contArea .icon{
    height: 60px;
    background-size: 22px auto;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn.visBnn06 .contArea .icon{
    height: 60px;
    background-size: 35px auto;
  }

  #section0 .mVisual2 .visBnnWrap .visBnn .btnArea a.vis-gobtn{
    position:absolute;
    top:50%;
    left:auto;
    right:10px;
    margin-top: -23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width:46px;
    height: 46px;
    font-size: 17px;
    color:#fff;
    background-color: #f02056;
    border-radius:100px;
    text-indent: -9999px;
    font-size: 0;

  }
  #section0 .mVisual2 .visBnnWrap .visBnn .btnArea a.vis-gobtn.mo{
    display: flex
  }
    #section0 .mVisual2 .visBnnWrap .visBnn .btnArea a.vis-gobtn.mo:hover,
    #section0 .mVisual2 .visBnnWrap .visBnn .btnArea a.vis-gobtn.mo:focus{
      background-color: rgba(245, 0, 63, 1);
    }

  #section0 .mVisual2 .visBnnWrap .visBnn .btnArea a.vis-gobtn.pc{
    display: none
  }
  #section0 .mVisual2 .visBnnWrap .visBnn .btnArea a.vis-gobtn span.arr{
    margin-left:0px;
    width:26px;
    height: 10px;
    background-image:url('../images/mVis2-arr-go-w.png');
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: center bottom;
    transition: 0.3s ease;
  }
  #section0 .mVisual2 .visBnnWrap .visBnn:hover .btnArea a.vis-gobtn span.arr,
  #section0 .mVisual2 .visBnnWrap .visBnn:focus .btnArea a.vis-gobtn span.arr{
    transform: translateX(5px);
  }



  #section0 .mVisual2 .timelineWrap{
    display: none;
  }




  #section0 .mVisual2 .vis-foot{
    bottom: 50px;
    line-height: 18px;
    background-color: transparent;
  }

  #section0 .mVisual2 .vis-foot .ft-inner .ft-logo-list{
    display: none;
  }

  #section0 .mVisual2 .vis-foot .ft-inner p.address{
    display: none;  
    margin-top:15px;
    text-align: center;
    color:#fff;
  }
  #section0 .mVisual2 .vis-foot br{
    display: inline-block;
  }

}






.tit{
  font-size: 3.5rem;
  color:#222;
  font-weight: 400;
}
.tit strong{
  font-size: 3.5rem;
  font-weight: 600;
}


.inner-1500{
  width:98%;
  max-width: 1500px;
}

/* main quick menu  */
.mQuick-area{
    padding-bottom:100px;
}
.mqlist-wrap{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.mqlist-wrap.mqlist-wrap01{
  padding:60px 0 55px;
  border-bottom:1px solid #ddd;
}
.mqlist-wrap.mqlist-wrap02{
  padding:55px 0 60px;
}

.mqlist-wrap p.tit{
  font-size: 3.5rem;
  width:14%;
  max-width:200px;
  line-height: 1.2em;
}

.mqlist-wrap ul.mq-list{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width:calc(100% - 14%);
}

.mqlist-wrap ul.mq-list li{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
 /* width:100%;*/
}
.mqlist-wrap.mqlist-wrap01 li{
  width:25%;
}
.mqlist-wrap.mqlist-wrap02 li{
  display: flex;
  justify-content: center;
  align-items: center;
  width:20%;
}
.mqlist-wrap ul.mq-list li p.icon{
  position:relative;
  display: inline-block;
  width:80px;
  height: 80px;
  background-color:#f8f8f8;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100px;
}
.mqlist-wrap.mqlist-wrap01 ul.mq-list li.mq01 p.icon,
.mqlist-wrap.mqlist-wrap01 ul.mq-list li.mq02 p.icon,
.mqlist-wrap.mqlist-wrap01 ul.mq-list li.mq03 p.icon,
.mqlist-wrap.mqlist-wrap01 ul.mq-list li.mq04 p.icon{
  background-image: url('../images/icon-mq-apply.svg');
  background-size: 33px auto;
}

.mqlist-wrap.mqlist-wrap01 ul.mq-list li.mq01 p.icon:after,
.mqlist-wrap.mqlist-wrap01 ul.mq-list li.mq02 p.icon:after,
.mqlist-wrap.mqlist-wrap01 ul.mq-list li.mq03 p.icon:after,
.mqlist-wrap.mqlist-wrap01 ul.mq-list li.mq04 p.icon:after{
  display: inline-block;
  position:absolute;
  right:21%;
  bottom:21%;
  width:18px;
  height: 18px;
  text-align: center;
  line-height: 17px;;
  background-color:#f81a49;
  color:#fff;
  font-size:12px;
  border-radius: 3px;;
}
.mqlist-wrap.mqlist-wrap01 ul.mq-list li.mq01 p.icon:after{
  content:'½Å';
}
.mqlist-wrap.mqlist-wrap01 ul.mq-list li.mq02 p.icon:after{
  content:'¿Ü';
}
.mqlist-wrap.mqlist-wrap01 ul.mq-list li.mq03 p.icon:after{
  content:'4';
}
.mqlist-wrap.mqlist-wrap01 ul.mq-list li.mq04 p.icon:after{
  content:'Æí';
}
.mqlist-wrap.mqlist-wrap02 ul.mq-list li.mq01 p.icon{
  background-image: url('../images/icon-mq-competition.svg');
  background-size: 37px auto;
}
.mqlist-wrap.mqlist-wrap02 ul.mq-list li.mq02 p.icon{
  background-image: url('../images/icon-mq-receipt.svg');
  background-size: 33px auto;
}
.mqlist-wrap.mqlist-wrap02 ul.mq-list li.mq03 p.icon{
  background-image: url('../images/icon-mq-calc.svg');
  background-size: 35px auto;
}
.mqlist-wrap.mqlist-wrap02 ul.mq-list li.mq04 p.icon{
  background-image: url('../images/icon-mq-check.svg');
  background-size: 36px auto;
}
.mqlist-wrap.mqlist-wrap02 ul.mq-list li.mq05 p.icon{
  background-image: url('../images/icon-mq-email.svg');
  background-size: 35px auto;
}
.mqlist-wrap ul.mq-list li p.stit{
  margin:20px 0  12px;
  font-size:2rem;
  text-align: center;
  line-height: 1.2em;
}
.mqlist-wrap ul.mq-list li p.stit strong{
  font-weight: 500;
}
.mqlist-wrap ul.mq-list li p.stit.tit-link:hover{
  cursor: pointer;
  color:#f81a49;
}

/* button :: jinhak uway link */
.mqlist-wrap ul.mq-list li.withapply{
  display: flex;
  flex-direction: column;
 justify-content: center
}
.mqlist-wrap ul.mq-list li.withapply > div{
  display: flex;
  flex-direction: column;
 justify-content: center;
 align-items: center;
}
.mqlist-wrap ul.mq-list li div.bt-go-box{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.mqlist-wrap ul.mq-list li div.bt-go-box.pc{
  display: block;
}
.mqlist-wrap ul.mq-list li div.bt-go-box.mo{
  display: none;
}
.mqlist-wrap ul.mq-list li div.bt-go-box a{
  display: inline-flex;
  margin:0 1px 8px;
  padding:5px 10px;
  width:80px;
  height: 30px;
}
.mqlist-wrap ul.mq-list li div.bt-go-box a.bt-jinhak{
  background: #0a2b6d url(../images/logo-jinhak-w.png) center center no-repeat;
  border: 1px solid #092b6c;
  background-size: 60px auto;
}
.mqlist-wrap ul.mq-list li div.bt-go-box a.bt-uway{
  background: #dd0747 url(../images/logo-uway-w.png) center center no-repeat;
  border: 1px solid #dd0747;
  background-size: 60px auto;
}
.mqlist-wrap ul.mq-list li div.bt-go-box a.bt-jinhak:hover{
  background: #fff url(../images/logo-jinhak.png) center center no-repeat;
  border: 1px solid #092b6c;
  background-size: 60px auto;
}
.mqlist-wrap ul.mq-list li div.bt-go-box a.bt-uway:hover{
  background: #fff url(../images/logo-uway.png) center center no-repeat;
  border: 1px solid #dd0747;
  background-size: 60px auto;
}


.mqlist-wrap ul.mq-list li p.btn-box{
  display: flex;
  flex-direction: row;
  /* flex-wrap: wrap; */
  flex-wrap: nowrap;
  justify-content: center;
}
.mqlist-wrap ul.mq-list li p.btn-box a{
  display: inline-block;
  padding:10px 12px;
  margin:0 1px;
  margin-bottom:8px !important;
  font-size:1.7rem;
  background-color: #ebebeb;
  border-radius: 5px;
  font-weight: 500;
}
.mqlist-wrap ul.mq-list li p.btn-box a:hover{
  background-color: #f81a49;
  color:#fff;
}
.mqlist-wrap ul.mq-list li p.btn-box a:last-child{
  margin-bottom:0;
}


.mqlist-wrap ul.mq-list li .allbtn-wrap{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.mqlist-wrap ul.mq-list li .allbtn-wrap p.btn-box a{
    display: inline-flex;
    align-items: center;
    padding:4px 10px;
    margin:0 2px;
    width:auto;
    height: 32px;
    font-size: 1.6rem;
}

@media all and (max-width: 1024px) { 
  .mqlist-wrap{
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  .mqlist-wrap p.tit{
    width:100%;
    margin-bottom:40px;
    font-size: 3rem;
  }
  .mqlist-wrap p.tit br{
    display: none;
  }
  .mqlist-wrap p.tit strong{
      margin-right:10px;
    font-size: 3rem;
  }

  .mqlist-wrap ul.mq-list{
    width:100%;
  }

}
@media all and (max-width: 768px) { 
  .mqlist-wrap ul.mq-list{
    justify-content: center;
    flex-wrap: wrap;
  }
  .mqlist-wrap.mqlist-wrap02 li:first-child{
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width:100% !important;
  }
  .mqlist-wrap.mqlist-wrap02 ul.mq-list li:first-child p.stit{
    margin:0 20px;
  }
  .mqlist-wrap.mqlist-wrap02 li{
    margin-bottom:30px;
    width:25% !important;
  }

  .mqlist-wrap ul.mq-list li .allbtn-wrap{
    flex-direction: column;
  }
}

@media all and (max-width: 640px) { 
  .mqlist-wrap ul.mq-list li{
    position:relative;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-left:0%;
    padding-bottom:10px;
    margin-bottom:10px;
    width:93% !important;
  }
   .mqlist-wrap ul.mq-list li:after{
    display: inline-block;
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-49%;
    width:98%;
    height: 1px;
    background-color: #eee;
    content:"";
  }
  .mqlist-wrap.mqlist-wrap01{
    padding: 60px 0 20px;
    border-bottom:none;
  }
  .mqlist-wrap.mqlist-wrap02{
    padding: 20px 0 20px;
  }
  .mqlist-wrap.mqlist-wrap02 li:first-child{
    justify-content: flex-start;
    width:93% !important;
  }
  .mqlist-wrap ul.mq-list li p.stit{
    margin: 0px;
    justify-content: flex-start;
  }
  .mqlist-wrap ul.mq-list li p.stit strong br{
    display: none;
  }

  .mqlist-wrap.mqlist-wrap01 ul.mq-list li p.stit{
    width:55%;
    text-align: left
  }  
  .mqlist-wrap.mqlist-wrap02 ul.mq-list li p.stit{    
    margin:0;
  }
  .mqlist-wrap.mqlist-wrap02 ul.mq-list li:first-child p.stit{
    margin:0 20px 0 0;
    width:55%;
    text-align: left;
  }
  .mqlist-wrap ul.mq-list li p.icon{
    margin-right:20px;
    width: 50px;
    height: 50px;
  }
  .mqlist-wrap.mqlist-wrap01 ul.mq-list li.mq01 p.icon,
  .mqlist-wrap.mqlist-wrap01 ul.mq-list li.mq02  p.icon,
  .mqlist-wrap.mqlist-wrap01 ul.mq-list li.mq03 p.icon,
  .mqlist-wrap.mqlist-wrap01 ul.mq-list li.mq04 p.icon{
    background-size: 25px auto;
  }

  .mqlist-wrap.mqlist-wrap01 ul.mq-list li.mq01 p.icon:after,
  .mqlist-wrap.mqlist-wrap01 ul.mq-list li.mq02 p.icon:after,
  .mqlist-wrap.mqlist-wrap01 ul.mq-list li.mq03 p.icon:after,
  .mqlist-wrap.mqlist-wrap01 ul.mq-list li.mq04 p.icon:after{
    right: 13%;
    bottom: 13%;
    width:16px;
    height: 16px;
    line-height: 15px;
  }
  .mqlist-wrap.mqlist-wrap02 ul.mq-list li.mq01 p.icon{
    background-size: 27px auto;
  }
  .mqlist-wrap.mqlist-wrap02 ul.mq-list li.mq02 p.icon{
    background-size: 25px auto;
  }
  .mqlist-wrap.mqlist-wrap02 ul.mq-list li.mq03 p.icon{
    background-size: 26px auto;
  }
  .mqlist-wrap.mqlist-wrap02 ul.mq-list li.mq04 p.icon{
    background-size: 27px auto;
  }
  .mqlist-wrap.mqlist-wrap02 ul.mq-list li.mq05 p.icon{
    background-size: 25px auto;
  }

  .mqlist-wrap ul.mq-list li.withapply{
    display: flex;
    flex-direction: column;
   justify-content: flex-start;
  }
  .mqlist-wrap ul.mq-list li.withapply > div{
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0%;
    padding-bottom: 0px;
    margin-bottom: 0px;
    width: 100% !important;
    flex-wrap: wrap;
  }
  .mqlist-wrap ul.mq-list li div.bt-go-box.pc{
    display: none
  }
  .mqlist-wrap ul.mq-list li div.bt-go-box.mo{
    display: block;
    /* padding-left:calc(50px + 6%); */
    padding-left:70px;
    width:93%;
    text-decoration: left;
  }

  .mqlist-wrap ul.mq-list li p.btn-box{
    justify-content: flex-end;
    /* width: 30%; */
  }
  .mqlist-wrap ul.mq-list li{
  }
  .mqlist-wrap ul.mq-list li p.btn-box a{
    width:100%;
    text-align: center;
  }

  .mqlist-wrap ul.mq-list li .allbtn-wrap{
        /* padding-left: calc(50px + 6%); */
        width:100%;
        flex-direction: row;
        justify-content: flex-start;
        padding-left: 70px;
  }
  .mqlist-wrap ul.mq-list li .allbtn-wrap p.btn-box{
    margin-top: 0 !important;
    padding-left:2px !important;
  }
  .mqlist-wrap ul.mq-list li .allbtn-wrap p.btn-box a{
    width:auto !important;
    flex:1;
    justify-content: center;
  }

  /* ???? ?? ??? ?????????? ????? ????????  ::; mo-long-text-btn*/
  .mqlist-wrap ul.mq-list li.mo-long-text-btn{
    /* padding-left:1%; */
    flex-wrap: wrap;
  }
  .mqlist-wrap li.mo-long-text-btn:first-child{
    width: 93% !important;
  }

  .mqlist-wrap.mqlist-wrap01 ul.mq-list li.mo-long-text-btn p.stit{
    width:auto;
  }

  .mqlist-wrap ul.mq-list li.mo-long-text-btn p.btn-box{
    margin-top:-5px;
    padding-left: 70px;
    /* width:100%; */
    justify-content: flex-start;
  }
  .mqlist-wrap.mqlist-wrap02 ul.mq-list li.mo-long-text-btn p.btn-box{
    width: auto;
  }
  .mqlist-wrap ul.mq-list li.mo-long-text-btn p.btn-box a{
    /* width:85%; */
    width:100%;
  }



}

@media all and (max-width: 400px) { 
  .mqlist-wrap ul.mq-list li{
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
  .mqlist-wrap.mqlist-wrap02 ul.mq-list li{
    padding-left:1%;
    flex-wrap: wrap;
  }
  .mqlist-wrap.mqlist-wrap02 li:first-child{
    width: 93% !important;
  }
  .mqlist-wrap ul.mq-list li p.icon{
    /* margin-right:15px; */
  }
  .mqlist-wrap.mqlist-wrap02 ul.mq-list li:first-child p.stit{
    width:auto;
  }
  .mqlist-wrap ul.mq-list li div.bt-go-box.mo{
    display: block;
    /* padding-left:calc(50px + 4%); */
    padding-left:70px;
    width:93%;
    text-decoration: left;
  }

  .mqlist-wrap ul.mq-list li p.btn-box a{
    text-align: center
  }
  
  .mqlist-wrap.mqlist-wrap02 ul.mq-list li p.btn-box{
    margin-top:-5px;
    padding-left: 70px;
    width:100%;
  }
  .mqlist-wrap.mqlist-wrap02 ul.mq-list li.mq01 p.btn-box.btn-2{
    justify-content: flex-start;
  }
  .mqlist-wrap.mqlist-wrap02 ul.mq-list li.mq01 p.btn-box.btn-2 a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width:auto !important;
    /* min-width: 80px; */
  }

}
@media all and (max-width: 330px) { 
    .mqlist-wrap ul.mq-list li{
        /* padding-left:1%; */
        flex-wrap: wrap;
    }
    .mqlist-wrap li:first-child{
        width: 93% !important;
    }

    .mqlist-wrap.mqlist-wrap01 ul.mq-list li p.stit{
        width:auto;
    }

    .mqlist-wrap ul.mq-list li p.btn-box{
        margin-top:-5px;
        padding-left: 70px;
        width:100%;
        justify-content: flex-start;
    }
    .mqlist-wrap.mqlist-wrap02 ul.mq-list li p.btn-box{
        width: auto;
    }
    .mqlist-wrap ul.mq-list li p.btn-box a{
        width:90%;
        flex:1;
    }

    .mqlist-wrap ul.mq-list li.mo-long-text-btn p.btn-box a{
        width:90%;
        flex:1;
    }
}


/* main video */
.mMedia-area{
  position:relative;
  display: flex;
  flex-direction: row;
  margin-top:30px;
  margin-bottom:130px;
}
.mMedia-area .left-wrap{
  width:10%;
  height: 100%;
}
.mMedia-area .left-wrap:before{
  display: inline-block;
  position:absolute;
  top:0;
  left:0;
  width:5%;
  height: 100%;
  background-color: #f8f8f8;
  border-radius: 0 20px 20px 0 ;
  content:"";
}
.mMedia-area .video-wrap{
  width:61%;
  min-width: 1140px;
}
.mMedia-area .video-wrap .video-box{
  display: flex;
  flex-direction: row;
}
.mMedia-area .video-wrap .video-box.sketch{
  margin-top:40px;
}
.mMedia-area .video-wrap .video-box .thumb-box{
  position:relative;
  width:50%;

}
.mMedia-area .video-wrap .video-box .thumb-box .img-box{
  display: inline-flex;
  border-radius: 20px;
  overflow:hidden;
}
.mMedia-area .video-wrap .video-box .thumb-box .img-box img{
  border-radius: 20px;
  cursor: pointer;
  width:100%;
  transition: all 0.3s ease-in-out;
}
.mMedia-area .video-wrap .video-box .thumb-box:hover .img-box img{
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

.mMedia-area .video-wrap .video-box .thumb-box button.btn-video-play{
  display: inline-block;
  position:absolute;
  top:50%;
  right:-55px;
  transform: translateY(-50%);
  width:110px;
  height: 110px;
  background:#f7f7f7 url('../images/icon-media.svg') center left 55% no-repeat;
  background-size: 40px auto;
  border-radius: 100px;
}
.mMedia-area .video-wrap .video-box .thumb-box:hover button.btn-video-play{
  background:#f81a49 url('../images/icon-media-w.svg') center left 55% no-repeat;
  background-size: 40px auto;

}
.mMedia-area .video-wrap .tit-box.b-tit-box,
.mMedia-area .go-yt-wrap .tit-box.b-tit-box {
  margin-top:-60px;
}
.mMedia-area .tit-box p.tit.b-tit{
  display: inline-flex;
  flex-direction:row;
  align-items: flex-end;
  margin-bottom:24px;
  font-size: 3.5rem;
  font-weight: 600;
}
.mMedia-area .tit-box p.tit.b-tit a.btn-more{
  display: inline-block;
  margin-left:20px;
  padding:10px 10px 0 20px;
  font-size: 1.5rem;
  font-weight: 400;
  background:url('../images/icon-plus-b.png') bottom left no-repeat;
  background-size: 15px auto;
}
.mMedia-area .tit-box p.tit.b-tit a.btn-more:hover{
  color:#f81a49;
  background:url('../images/icon-plus.png') bottom left no-repeat;
  background-size: 15px auto;
}

.mMedia-area .video-wrap .video-box .tit-box{
  display: flex;
  flex-direction:  column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 6%;
}
.mMedia-area .video-wrap .video-box .tit-box p.tit{
  display: inline-flex;
  flex-direction:row;
  align-items: flex-end;
  margin-bottom:0;
  font-size: 3rem;
  font-weight: 500;
}
.mMedia-area .video-wrap .video-box .tit-box p.tit a.btn-more{
  display: inline-block;
  margin-left:20px;
  padding:10px 10px 0 20px;
  font-size: 1.5rem;
  font-weight: 400;
  background:url('../images/icon-plus-b.png') bottom left no-repeat;
  background-size: 15px auto;
}
.mMedia-area .video-wrap .video-box .tit-box p.tit a.btn-more:hover{
  color:#f81a49;
  background:url('../images/icon-plus.png') bottom left no-repeat;
  background-size: 15px auto;
}

.mMedia-area .video-wrap .video-box .tit-box p.desc{
  margin:30px 0;
  font-size: 2.2rem;
  color: #444;
  line-height: 1.2em;
}
.mMedia-area .video-wrap .video-box .tit-box p.btn-box a{
  display: inline-block;
  padding:12px 35px 12px 20px;
  border:2px solid #dfdfdf;
  border-radius: 100px;
  background:#fff url('../images/icon-media.svg') center right 15px no-repeat;
  background-size: 10px auto;
  font-size: 1.5rem;
}
.mMedia-area .video-wrap .video-box .tit-box p.btn-box a:hover{
  color:#fff;
  border:2px solid #f81a49;
  background:#f81a49 url('../images/icon-media-w.svg') center right 15px no-repeat;
  background-size: 10px auto;
}

/* ?? ??? ???? ?? :: 20250829 
 .mMedia-area .go-yt-wrap{
  position:relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-items: flex-start;
  width:29%;
  background-color: #f8f8f8;
  border-radius: 20px 0 0 20px;
}

.mMedia-area .go-yt-wrap .go-yt{
  position:relative;
  margin-left:80px;
  cursor: pointer;;
}
.mMedia-area .go-yt-wrap .go-yt:before
  display: inline-block;
  position:absolute;
  left:-40px;
  bottom:30px;
  width:200px;
  height: 60px;
  background-color: #fff;
  border-radius: 10px;
  z-index: 2000;
  content:"";  
  transform: rotate(-45deg);
}
.mMedia-area .go-yt-wrap .go-yt .inner{
  position:relative; 
  width:100%;
  z-index: 3000;
}
.mMedia-area .go-yt-wrap .go-yt .inner .icon{
  display: inline-block;
  margin-bottom:15px;
  background:url(../images/icon-yt.svg) center left no-repeat;
  background-size: 50px auto;
  width:60px;
  height: 40px;
}
.mMedia-area .go-yt-wrap .go-yt .inner .txt{
  font-size: 2.5rem;
  line-height: 1.2em;
}
.mMedia-area .go-yt-wrap .go-yt .inner .txt strong{
  font-weight: 600;
}
.mMedia-area .go-yt-wrap .go-yt .inner .arr-box{
  display: inline-block;
  margin-top:20px;
  background:url(../images/arr01-b.png) center left no-repeat;
  background-size: 20px auto;
  width:50px;
  height: 20px;
  z-index: 9999;
  transition: all 0.5s;
}
.mMedia-area .go-yt-wrap .go-yt:hover .inner .arr-box.left-to-right{
    transform: translateX(10px);
} */

.mMedia-area .go-yt-wrap{
  position:relative;
  display: flex;
  flex-direction: column;
  /* justify-content: center;
  align-items: center; */
  width:29%;
  background-color: #f8f8f8;
  border-radius: 20px 0 0 20px;
}
.mMedia-area .go-yt-wrap .tit-box{
    display: flex;
    width:100%;
}
.shorts-wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}



/* yt shorts area */
.shorts-area{
    position:relative; 
    padding-bottom:60px;
}
.shorts-area:after{
    display: inline-block;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height: 67%;
    border-radius: 0 150px 0 0;
    background-color: #f6f6f6;
    content:"";
    z-index: 100;
}
.shorts-banner{
    max-width:300px;
    margin:0 auto;
    padding:0 0px;
    z-index:200;
}
.shorts-banner p {
    display: inline-flex;
    padding:20px 5px 0;
    text-align:center;
      border-radius: 20px;
     gap:8px}
.shorts-banner p span{
    position:relative;
     display:inline-flex;
     justify-content: center;
     padding:8px;
      margin-top:16px;
     width: 100%;
     font-size: 15px;
     color:#222;
     line-height: 1.3em;
}
.shorts-banner p span:after{
    display: inline-block;
    position:absolute;
    top:0;
    left:50%;
    transform: translateX(-50%);
    width:6px;
    height: 6px;
    border-radius: 40px;
    background-color: #ddd;
    content:"";
    display: none;
}
.shorts-banner iframe{
    width:100%;
    max-width:245px;
    width:245px;
    margin:0 auto;
    height:450px;
    border-radius: 24px;
}

.shorts-banner .slick-arrow{
    overflow: hidden;
    display: inline-block;
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    z-index: 1000;
    width: 50px;
    height: 50px;
    border-radius:50px ;
    background-repeat: no-repeat;
    background-position: center;
    background-color:transparent;
    border: none;
    text-indent: -9999em;
    font-size: 0;
    line-height: 0;
    cursor:pointer;
    background-size: 14px auto;
}
.shorts-banner .slick-prev{
    left: -40px;
    background-image: url('../images/arr05-g.svg');
    transform: translateY(-50%) rotate(180deg);
}
.shorts-banner .slick-next{
    right: -40px;
    background-image: url('../images/arr05-g.svg');
}

.shorts-banner .slick-arrow:hover{
    background-color: rgb(221, 221, 221, 0.5);
}
.shorts-banner .slick-arrow.slick-prev:hover{
    background-image: url('../images/arr05.svg');
}
.shorts-banner .slick-arrow.slick-next:hover{
    background-image: url('../images/arr05.svg');
}

.shorts-area .btnBox{
    display: flex; 
    align-items: center; 
    justify-content: center;
    padding:60px 0 0;
}
.shorts-area .btnBox a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 35px 12px 20px;
    border: 2px solid #dfdfdf;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 400;
    background: #fff url('../images/icon-media.svg') center right 15px no-repeat;
    background-size: 10px auto;
    z-index: 1000;
}
.shorts-area .btnBox a:hover{
    color:#fff;
    border:2px solid #f81a49;
    background:#f81a49 url('../images/icon-media-w.svg') center right 15px no-repeat;
    background-size: 10px auto;
}
.slick-slider{
    height: 560px;
}

/* SNS */
.go-yt-wrap .ft-sns-box{
    display: flex;
    flex-direction: row;
    margin-left:0px;
    gap:20px;
}
.go-yt-wrap .ft-sns-box a.btn-sns{
  position:relative;
  display: inline-block;
  margin: 0;
  width:44px;
  height: 44px;
  background-color:#343434;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100px;
}
.go-yt-wrap .ft-sns-box a.btn-sns.fb{
  background-image: url('../images/icon-sns-fb-w.svg');
  background-size: 11px auto;
}
.go-yt-wrap .ft-sns-box a.btn-sns.ig:before{
  display: inline-block;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  margin:auto;
  width:22px;
  height: 22px;
  background-image: url('../images/icon-sns-ig-w.svg');
  background-size: 20px auto;
  background-position: center center;
  background-repeat: no-repeat;
  content:"";
}
.go-yt-wrap .ft-sns-box a.btn-sns.yt{
  background-image: url('../images/icon-sns-yt-w.svg');
  background-size: 22px auto;
}
.go-yt-wrap .ft-sns-box a.btn-sns.blog{
  background-image: url('../images/icon-sns-b-w.svg');
  background-size: 14px auto;
}
.go-yt-wrap .ft-sns-box a.btn-sns.fb{
  background-color:#1877f2;
}
.go-yt-wrap .ft-sns-box a.btn-sns.ig{
  background: radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0%,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%) , linear-gradient(135deg,#234bd7 12%,#c33cbe 58%) 
}
.go-yt-wrap .ft-sns-box a.btn-sns.yt{
  background-color:#ff0000;
}
.go-yt-wrap .ft-sns-box a.btn-sns.blog{
  background-color:#3bac37;
}

.go-yt-wrap .ft-sns-box a.btn-sns:hover{
    background-color: #dedede;
}
.go-yt-wrap .ft-sns-box a.btn-sns.fb:hover{
  background-image: url('../images/icon-sns-fb.svg');
}
.go-yt-wrap .ft-sns-box a.btn-sns.ig:hover{
    background: #efefef;
}
.go-yt-wrap .ft-sns-box a.btn-sns.ig:hover:before{
  background-image: url('../images/icon-sns-ig-bg.svg');
  width:26px;
  height: 26px;
  background-size: 23px auto;
}
.go-yt-wrap .ft-sns-box a.btn-sns.yt:hover{
  background-image: url('../images/icon-sns-yt.svg');
  background-size: 24px auto;
}
.go-yt-wrap .ft-sns-box a.btn-sns.blog:hover{
  background-image: url('../images/icon-sns-b.svg');
  background-size: 15px auto;
}

/* // SNS */


.go-yt-wrap .sns {position:relative;top:20px;display:flex;overflow:hidden; /* width:calc(66.6% - 376px);*/max-width:376px;opacity:0; display: none;}
.go-yt-wrap .sns ul {overflow:hidden;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center; justify-content: center;  gap:8px;}
.go-yt-wrap .sns li {float:left;width:42%;border-radius: 8px;}
.go-yt-wrap .sns li:nth-child(2),
.go-yt-wrap .sns li:nth-child(4) {}
.go-yt-wrap .sns li>a {display:block;width:100%;height:140px;box-sizing:border-box;padding-top:20px;color:#fff;font-family:'Roboto';font-size:20px;font-weight:500;line-height:21px;text-align:center;vertical-align:middle;}
.go-yt-wrap .sns li>a>span {display:block;height:60px;background-repeat:no-repeat;background-position:center;background-size: 30%;;}
.go-yt-wrap .sns li:nth-child(1) {background:#ff0000;}
.go-yt-wrap .sns li:nth-child(2) {background:#2aca32;}
.go-yt-wrap .sns li:nth-child(3) {background:#3f599d;}
.go-yt-wrap .sns li:nth-child(4) {background:#c3338d;}



@media all and (max-width: 1700px) { 
    .mMedia-area .left-wrap{
        width:6%;
    }
    .mMedia-area .left-wrap:before{
        width:3%;
    }
    .mMedia-area .video-wrap {
        width: 54%;
        min-width: 1140px;
    }
    .mMedia-area .go-yt-wrap {
        width: 39%;
    }
    .shorts-banner .slick-prev {
        left: -30px;
    }
    .shorts-banner .slick-next {
        right: -30px;
    }
}
@media all and (max-width: 1500px) {    
    .mMedia-area .left-wrap{
        width: 4%;
    }
    .mMedia-area .left-wrap:before{
        width: 2%;
    }
    .mMedia-area .video-wrap{
        width: 64%;
        min-width: 64%;
    }
    .mMedia-area .video-wrap .video-box .thumb-box button.btn-video-play{
        right:-45px;
        width:90px;
        height: 90px;
        background-size: 35px auto;
    }
    .mMedia-area .video-wrap .video-box .thumb-box:hover button.btn-video-play{
        background-size: 35px auto;
    }

    .mMedia-area .go-yt-wrap{
        padding:40px 0;
        width: 32%;
    }    
    .mMedia-area .go-yt-wrap .tit-box.b-tit-box{
        margin-top:-90px;
    }
    .mMedia-area .go-yt-wrap .tit-box.b-tit-box .tit.b-tit{
        margin-bottom: 28px;
    }
    .mMedia-area .go-yt-wrap .go-yt{
        margin-left: 15%;
    }
    .slick-slider {
        height: 600px;
    }

    /* .go-yt-wrap .sns li>a {
        height:100px;
        font-size:16px;
    }
    .go-yt-wrap .sns li>a>span {
        height: 40px;
    } */
}
@media all and (max-width: 1300px) {
    .mMedia-area .tit-box p.tit.b-tit{
        font-size: 3.2em;
    }
    .mMedia-area .video-wrap .video-box .tit-box{
        margin-left: 7%;
    }
    .mMedia-area .video-wrap .video-box .tit-box p.tit{
        font-size: 2.8em;
    }
    .mMedia-area .video-wrap .video-box .tit-box p.desc{
        font-size: 2em;
    }

    .shorts-banner iframe {
        max-width: 170px;
        width: 170px;
        height: 320px;
    }
    .shorts-banner p{
        padding-top:0;
    }
    .slick-slider {
        height: 440px;
    }
    
    .shorts-banner .slick-prev{
        left:0px;
    }
    .shorts-banner .slick-next {
        right: 0px;
    }

    .go-yt-wrap .ft-sns-box{
        gap:14px;
    }
    .go-yt-wrap .ft-sns-box a.btn-sns{
        width:38px;
        height: 38px;;
    }
        
    .go-yt-wrap .ft-sns-box a.btn-sns.fb{
        background-size: 9px auto;
    }
    .go-yt-wrap .ft-sns-box a.btn-sns.ig:before{
        width:20px;
        height: 20px;
        background-size: 18px auto;
    }
    .go-yt-wrap .ft-sns-box a.btn-sns.yt{
        background-size: 20px auto;
    }
    .go-yt-wrap .ft-sns-box a.btn-sns.blog{
        background-size: 12px auto;
    }
    .go-yt-wrap .ft-sns-box a.btn-sns.fb:hover{
    }
    .go-yt-wrap .ft-sns-box a.btn-sns.ig:hover:before{
        width:26px;
        height: 26px;
        background-size: 18px auto;
    }
    .go-yt-wrap .ft-sns-box a.btn-sns.yt:hover{
        background-size: 20px auto;
    }
    .go-yt-wrap .ft-sns-box a.btn-sns.blog:hover{
        background-size: 12px auto;
    }
    /* .go-yt-wrap .sns li{
        width:70%;
    }
    .go-yt-wrap .sns li>a {
        height: 85px;
        font-size: 15px;
    }
    
    .go-yt-wrap .sns li>a>span {
        height: 33px;
        background-size: 34px;
    } */
}
@media all and (max-width: 1200px) {
    
    .mMedia-area .video-wrap .video-box .tit-box p.tit{
        font-size: 2.6rem;
    }
    .mMedia-area .video-wrap .video-box .tit-box p.desc{
        margin:20px 0;
        font-size: 1.8rem;
    }
    /* .mMedia-area .go-yt-wrap .tit-box.b-tit-box {
        margin-top: -110px;
    } */
     .mMedia-area .go-yt-wrap .tit-box.b-tit-box .tit.b-tit {
        margin-bottom: 45px;
    }
    .mMedia-area .go-yt-wrap {
        padding: 40px 0 10px;
    }
    .shorts-banner iframe {
        max-width: 158px;
        width: 158px;
        height: 282px;
    }
    .slick-slider{
        height: 360px;
    }
    .shorts-banner p{
        padding-top:0;
    }
   

}
@media all and (max-width: 1024px) {
    
    .mMedia-area .video-wrap {
        width: 65%;
        min-width: 65%;
    }
    .mMedia-area .go-yt-wrap{
        width: 30%;
    }
    .mMedia-area .tit-box p.tit{
        font-size:3em;
    }
    .mMedia-area .video-wrap .video-box .thumb-box button.btn-video-play{
        right: -30px;
        width: 60px;
        height: 60px;
        background-size: 24px auto;
    }  
    .mMedia-area .video-wrap .video-box .thumb-box:hover button.btn-video-play{
        background-size: 24px auto;
    }
    .mMedia-area .video-wrap .video-box .tit-box p.tit{
        font-size: 2.4rem;
    }
    .mMedia-area .video-wrap .video-box .tit-box p.desc{
        margin:20px 0;
        font-size: 1.7rem;
    }
    .mMedia-area .video-wrap .video-box .tit-box p.btn-box a{
        padding: 8px 35px 8px 20px;
    }
    .mMedia-area .go-yt-wrap{
        padding:60px 0;
    }
    .mMedia-area .go-yt-wrap .tit-box.b-tit-box {
        margin-top: -110px;
    }
    .mMedia-area .go-yt-wrap .tit-box.b-tit-box p.tit.b-tit {
        margin-bottom: 80px;
    }
    .slick-slider{
        height: 370px;
    }
    /* .shorts-banner iframe {
        max-width: 143px;
        width: 143px;
        height: 260px;
    } */

    .shorts-banner .slick-prev{
        left:20px;
    }
    .shorts-banner .slick-next {
        right: 20px;
    }
    .go-yt-wrap .ft-sns-box{
        gap:10px;
    }
    .go-yt-wrap .ft-sns-box a.btn-sns{
        width:32px;
        height: 32px;;
    }

    /* .mMedia-area .go-yt-wrap .go-yt .inner .txt{
        font-size: 2.2rem;
    }
    .mMedia-area .go-yt-wrap .go-yt .inner .icon{
        background-size: 40px auto;
    }
    .mMedia-area .go-yt-wrap .go-yt:before {
        left: -30px;
        bottom: 39px;
        width: 170px;
        height: 38px;
    }

    .go-yt-wrap .sns li{
        width:60%;
    }
    .go-yt-wrap .sns li>a {
            height: 65px;
            font-size: 13px;
            padding-top:10px;
    }        
    .go-yt-wrap .sns li>a>span {
        height: 28px;
        background-size: 28px;
    } */
}
@media all and (max-width: 900px) {
    .mMedia-area .left-wrap{
        width:8%;
    }
    .mMedia-area .video-wrap {
        width: 55%;
        min-width: 55%;
    }
    .mMedia-area .video-wrap .video-box{
        flex-direction: column;
    }
    .mMedia-area .go-yt-wrap{
        width: 45%;
    }
    .mMedia-area .video-wrap .video-box .thumb-box{
        width:70%;
    }
    .mMedia-area .video-wrap .video-box .tit-box {
        margin-top:16px;
        margin-left: 3%;
    }
    .slick-slider {
        height: 500px;
    }
    .shorts-banner iframe {
        max-width: 200px;
        width: 200px;
        height: 360px;
    }
    .shorts-banner .slick-prev{
        left: -8px;
    }
    .shorts-banner .slick-next{
        right: -8px;
    }
}
@media all and (max-width: 768px) {

    #section0 .mVisual2{
        min-height: calc(100vh - 60px);
    }
    .mMedia-area{
        flex-direction: column;
        margin-bottom:60px;
    }    
    .mMedia-area .left-wrap{
        width: 0;
    }
    .mMedia-area .left-wrap:before {
            width: 0;
        }
    .mMedia-area .video-wrap{
        margin-left:4%;
        width:92%;
        min-width: 92%;
    }
    .mMedia-area .video-wrap .video-box{
        flex-direction: row;
    }
    .mMedia-area .video-wrap .video-box .thumb-box {
        width: 46%;
    }
    .mMedia-area .video-wrap .video-box .tit-box{
        margin-left: 8%;
    }
    .mMedia-area .go-yt-wrap{
        flex-direction: column;
        padding:40px 0;
        margin:20px auto 0;
        width:92%;
        border-radius:20px;
    }
    .mMedia-area .go-yt-wrap .tit-box.b-tit-box{
        margin-top:0px;
    }
    .mMedia-area .go-yt-wrap .tit-box.b-tit-box p.tit.b-tit{
        margin-bottom:20px;
        margin-left:30px;
    }

    .slick-slider {
        height: 490px;
    }
    .shorts-banner iframe {
        max-width: 220px;
        width: 220px;
        height: 400px;
    }
    .shorts-banner .slick-prev {
        left: -20px;
    }
    .shorts-banner .slick-next {
        right: -20px;
    }
    .go-yt-wrap .ft-sns-box {
        gap: 16px;
    }
    .go-yt-wrap .ft-sns-box a.btn-sns {
        width: 40px;
        height: 40px;
    }

    .mMedia-area .go-yt-wrap .go-yt{
        margin-left:0;
        width:100%;
    }
    .mMedia-area .go-yt-wrap .go-yt:before{
        display:none;
    }
    .mMedia-area .go-yt-wrap .go-yt .inner{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width:90%;
    }

    .mMedia-area .go-yt-wrap .go-yt .inner .txt{
        margin-right:10px;
    }
    .mMedia-area .go-yt-wrap .go-yt .inner .txt br{
        display: none;
    }
    .mMedia-area .go-yt-wrap .go-yt .inner .txt strong{
        margin-right:10px;
    }
    .mMedia-area .go-yt-wrap .go-yt .inner .icon{
        margin-bottom:0;
    }
    .mMedia-area .go-yt-wrap .go-yt .inner .arr-box{
        margin-top:0;
    }
    .go-yt-wrap .sns{
        max-width:90%;
        width:90%;
    }
    .go-yt-wrap .sns ul{
        flex-direction: row;
        width:100%;
    }
    .go-yt-wrap .sns li {
        width: 23%;
    }
    .go-yt-wrap .sns li>a>span {
        background-size: 24px;
    }

    
}

@media all and (max-width: 640px) {
    .mMedia-area .video-wrap .video-box .tit-box.subtit-box p.tit.subtit{
        font-size: 2.5rem
    }
    
    .mMedia-area .video-wrap .video-box .tit-box p.desc{
        font-size: 1.8rem
    }
    .mMedia-area .video-wrap .video-box .tit-box p.btn-box a{
        padding:8px 35px 8px 20px;
    }
    .mMedia-area .go-yt-wrap .tit-box.b-tit-box{
        margin-top:-10px;
    }
    .mMedia-area .go-yt-wrap .tit-box.b-tit-box p.tit.b-tit{
        margin-bottom:30px;
    }
    .slick-slider {
        height: 420px;
    }
}
@media all and (max-width: 540px) {
    .mMedia-area .left-wrap{
        display: none;
    }
    .mMedia-area .video-wrap{
        margin:0 auto;
        width:96%;
    }
    .mMedia-area .video-wrap .video-box{
        flex-direction: column;
    }

    .mMedia-area .video-wrap .video-box .thumb-box{
        width:100%;
    }
    .mMedia-area .video-wrap .video-box .thumb-box .img-box{
        width:100%;
    }
    .mMedia-area .video-wrap .video-box .thumb-box button.btn-video-play{
        right: 20px;
        top:auto;
        bottom:-60px;
        /* margin-top: -30px; */
        width: 60px;
        height: 60px;
        background-size: 20px auto;
    }
    .mMedia-area .video-wrap .video-box .thumb-box:hover button.btn-video-play{    
        background-size: 20px auto;
    }
    .mMedia-area .video-wrap .video-box .tit-box{
        margin-top:20px;
        margin-left: 4%;
    }
    .mMedia-area .video-wrap .video-box .tit-box p.desc{
        margin: 10px 0;
        width:100%;
    }
    .mMedia-area .video-wrap .video-box .tit-box p.desc br{
        display: none
    }
    .mMedia-area .go-yt-wrap{
         width: 96%;
    }

}
@media all and (max-width: 400px) {
    .mMedia-area .go-yt-wrap .go-yt .inner .txt br{
        display: inline-block;
    }
}

@media all and (max-width: 640px) {
    .shorts-banner iframe{
        max-width:178px;
        width:180px;
        height:320px;
    }
}
/* // yt shorts area */


.mDepVideo-area{
  margin-top:200px;
  padding-bottom:100px;
  background-color: #f6f6f6;
}
.depVideo-area{
  display: flex;
  flex-direction: row;
  justify-content:center;
  margin-top:-200px;
  padding:70px 0;
  background-color: #2c2d4e;
  width:100%;
  border-radius: 20px;
}
.depVideo-area .tit-box{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position:relative;
  margin-left: 10%;
  width:45%;

}
.depVideo-area .tit-box .tit{
  position:relative;
  color:#fff;
  padding-bottom:30px;
  width:100%;
}
.depVideo-area .tit-box .tit:before{
  display: inline-block;
  position:absolute;
  top:-50px;
  left:-35px;
  width:95px;
  height: 95px;
  background: url('../images/icon-media.svg') center center no-repeat;
  background-size: 75px auto;
  content:"";
  opacity: 0.3;
  z-index: 1000;
}
.depVideo-area .tit-box .tit span{
  position:absolute;
  top:0;
  left:0;
  /*width:100%;*/
  z-index: 2000;
  font-size: 4rem;
}
.depVideo-area .tit-box .tit strong{
  font-weight: 500;;
  font-size: 4rem;
}
.depVideo-area .tit-box .desc{
  padding:30px 0;
  font-size: 3rem;
  color:#fff;
  font-weight: 400;
  line-height: 1.2em;
}
.depVideo-area .tit-box .btn-box a {
  display:inline-block;
  padding:10px 0 10px 25px;
  width:100%;
  font-size: 1.8rem;
  color:#fff;
  background: url('../images/icon-plus-w.png') center left no-repeat;
  background-size: 17px auto;
}
.depVideo-area .tit-box .btn-box a:hover{
  color:#f81a49;
  background: url('../images/icon-plus.png') center left no-repeat;
  background-size: 17px auto;
}

.depVideoList-wrap{  
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.depVideoList-wrap a{
  display: inline-block;
  padding:25px 70px 25px 30px;
  font-size:2.4rem;
  border-radius: 10px;
  background:  #fff url('../images/arr01-b.png') center right 25px no-repeat;
  background-size:27px auto;
  margin:1%;
  width:48%;
  max-width: 300px;
}

.depVideoList-wrap a:hover{
  background:  #f81a49 url('../images/arr01-w.png') center right 15px no-repeat;
  background-size:27px auto;
  color:#fff;
}

@media all and (max-width: 1024px) {
  .depVideo-area .tit-box{
    margin-left: 5%;
  }
  .depVideo-area .tit-box .tit span,
  .depVideo-area .tit-box .tit strong{
    font-size: 2.7rem;
  }
  .depVideo-area .tit-box .desc{
    padding: 15px 0;
    font-size: 2rem;
  }
  .depVideoList-wrap a{
    width: 45%;
  }

}
@media all and (max-width: 768px) {
  .depVideo-area{
    padding: 30px 0;
  }
  .depVideo-area .tit-box{
    width:55%;
  }
  .depVideo-area .tit-box .tit:before{
    background-size: 55px auto;
  }
  .depVideoList-wrap a{
    padding: 15px 70px 15px 20px;
    background-size: 22px auto;
    background-position: center right 15px;
    font-size: 2rem;
  }
  .depVideoList-wrap a:hover{
    background-size: 22px auto;
    background-position: center right 10px;
  }
}
@media all and (max-width: 640px) {
  .mDepVideo-area{
    /* padding-bottom:40px;     */
  }
  .depVideo-area{
    flex-direction: column
  }
  .depVideo-area .tit-box{
    width:90%;
  }
  .depVideo-area .tit-box .tit{
    display: inline-block;
    width:165;
  }
  .depVideo-area .tit-box .tit:before{
    top: -30px;
    left: auto;
    right:-20px;
    width: 80px;
    height: 80px;
    background-size: 40px auto;

  }
  .depVideo-area .tit-box .tit span{

  }
  .depVideo-area .tit-box .desc{
    width:100%;
  }
  .depVideo-area .tit-box .desc br{
    display: none;
  }
  .depVideo-area .tit-box .btn-box{
    display: inline-block;
    position: absolute;
    top:-5px;
    right:0;

  }
}





/* main boead */
.mBoard-area{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top:100px;
}
.mBoard-area .mBoard{
  display: flex;
  flex-direction: column;;
  width:48%;
}

.mBoard-area .mBoard .tit-box .tit{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items:center;
  font-size: 3.5rem;
}
.mBoard-area .mBoard .tit-box .tit a{
  padding:10px 0 10px 27px;
  font-size:1.8rem;
  background: url('../images/icon-plus-b.png') center left no-repeat;
  background-size:19px auto;
}
.mBoard-area .mBoard .tit-box .tit a:hover{
  background: url('../images/icon-plus.png') center left no-repeat;
  background-size:19px auto;
  color:#f81a49

}
.mBoard-area .mBoard ul{
  display: flex;
  flex-direction: column; 
  justify-content: flex-start;
  align-items: center;
  margin-top:30px;
}
.mBoard-area .mBoard ul li{
  margin-bottom:10px;
  width:100%;
}
.mBoard-area .mBoard ul li a{
  display: inline-block;
  display: flex;
  flex-direction: column; 
  justify-content:flex-start;
  align-items: flex-start;
  background:#fff url('../images/icon-plus2-g.svg') center right 20px no-repeat;
  background-size: 19px auto;
  border-radius: 10px;
  width:100%;
  font-size: 1.8rem;
}
.mBoard-area .mBoard ul li:last-child{
  margin-bottom:0;
}

.mBoard-area .mBoard.mNotice-wrap ul li a{
  padding:18px 40px 18px 20px;
  border:1px solid #fff;
}
.mBoard-area .mBoard.mNotice-wrap ul li a p{
  line-height: 1.2em;
}
.mBoard-area .mBoard.mNotice-wrap ul li a p.date{
  padding-top: 8px;
  font-size: 1.4rem;
  color:#888;
}
.mBoard-area .mBoard.mFaq-wrap ul li a{
  padding:16px 40px 16px 20px;
  border:1px solid #fff;
}
.mBoard-area .mBoard ul li a:hover{
  color:#f81a49;
  background:#fff url('../images/icon-plus2.svg') center right 20px no-repeat;
  background-size: 19px auto;
  border:1px solid #f81a49;
}

.mBoard-area .mBoard.mFaq-wrap ul li a p.title{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width:95%;
}

@media all and (max-width: 1300px) {
    .mBoard-area  {
        padding:0 20px;
    }
}
@media all and (max-width: 1024px) {
    .mBoard-area .mBoard .tit-box .tit a,
    .mBoard-area .mBoard .tit-box .tit a:hover{
        background-size: 17px auto
    }
}
@media all and (max-width: 768px) {
    .mBoard-area .mBoard{
        width:49%;
    }
}
@media all and (max-width: 640px) {
    .mBoard-area{
        flex-direction: column;
        margin-top: 50px;
    }
    .mBoard-area .mBoard{
        width:100%;
    }
    .mBoard-area .mBoard.mNotice-wrap ul li a,
    .mBoard-area .mBoard.mFaq-wrap ul li a{
        padding:12px 40px 12px 15px;
    }
    .mBoard-area .mBoard.mFaq-wrap{
        margin-top:40px;
    }
    .mBoard-area .mBoard .tit-box .tit strong{
        font-size: 3rem;
    }
    .mBoard-area .mBoard ul li a{
        background-size: 17px auto;
    }
    .mBoard-area .mBoard ul li a:hover{
        background-size: 17px auto;
    }
}


.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 700px;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 700px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table; 
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    vertical-align: middle;
    width: 100%;
    height: 700px;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}




.mDepartment-area{
  position: relative;
  margin-top:85px;
}
.mDpt-wrap {
  position: relative;
  height: 654px;
  padding-bottom:60px;
   display: flex;
   flex-direction: row;
}
.mDepartment-area .layer {
  position: absolute;
  top: 0;
  left: 0;
  top: 0;
  z-index: -1;
  width: 7%;
  height: 90%;
  background: #f8f8f8;
  border-radius: 0 20px 20px 0;
}
.mDepartment-area .layer2 {
  position: absolute;
  right: 0;
  bottom: 0px;
  z-index: -1;
  width:40%;
  height: 80%;
  background: #f8f8f8;
}
.mDpt-wrap.n-active .layer {
  transform: translateX(0);
  opacity: 1;
  transition-property: all;
  transition-duration: 1s;
}
.mDpt-wrap.n-active .layer2 {
  transform: translateX(0);
  opacity: 1;
  transition-property: all;
  transition-duration: 1s;
}

.mDpt-wrap .info-area {
  position: relative;
 z-index: 2;
 width: 40%;
 height: 100%;
}
.mDpt-wrap .info-area .tit,
.mDpt-wrap .info-area .tit strong {
  font-size:4rem}

.mDpt-wrap .info-area .tab-box {
  position:relative;
 margin: 90px 0  80px;
}
.mDpt-wrap .info-area .tab-box ul {
  border-left:10px solid #eee;
  padding-left:25px;
}
.mDpt-wrap .info-area .tab-box ul li {
  position: relative;
 margin: 15px 0 0;
 transform: translate(-100px, 0);
 opacity: 0;
}

.mDpt-wrap .info-area .tab-box ul li:nth-child(1) {
  transition-delay: 1.2s;
}
.mDpt-wrap .info-area .tab-box ul li:nth-child(2) {
  transition-delay: 1.4s;
}
.mDpt-wrap .info-area .tab-box ul li:nth-child(3) {
  transition-delay: 1.6s;
}
.mDpt-wrap .info-area .tab-box ul li:nth-child(4) {
  transition-delay: 1.8s;
}
.mDpt-wrap .info-area .tab-box ul li:nth-child(5) {
  transition-delay: 2s;
}
.mDpt-wrap .info-area .tab-box ul li:nth-child(6) {
  transition-delay: 2.2s;
}
.mDpt-wrap .info-area .tab-box ul li:first-child {
  margin: 0;
}
.mDpt-wrap .info-area .tab-box ul li a {
  display: inline-block;
 position: relative;
 font-size: 3rem;
 line-height: 1.1em;
 color: #222;
 transition: all .3s;
 text-align: left;
}
.mDpt-wrap .info-area .tab-box ul li a span {
  display: inline-block;
}
.mDpt-wrap .info-area .tab-box ul li.cycle-pager-active a {
  padding-left:28px;
  font-size: 3.4rem;
  font-weight: 600;
  transition:ease 0.1s;
}
.mDpt-wrap .info-area .tab-box ul li.cycle-pager-active a:before{  
  display: inline-block;
  position:absolute;
  left:5px;
  top:50%;
  margin-top:-4px;
  width:14px;
  height: 14px;
  content:"";
  background-color: #f94168;
  border-radius: 100px;
}
.mDpt-wrap .info-area .tab-box ul li a:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 20px;
  background-color:#f94168;
  transform: scaleX(0);
  opacity: 0;
  transform-origin: left center;
  transition: all 1s;
}
.mDpt-wrap .info-area .tab-box ul li.cycle-pager-active a:after {
  transform: scaleX(1);
  opacity: 0.15;
}

.mDpt-wrap.n-active .info-area .title-box > * {
  transform: translate(0);
  opacity: 1;
  transition-property: all;
  transition-duration: 1s;
}
.mDpt-wrap.n-active .info-area .tab-box ul li {
  transform: translate(0);
  opacity: 1;
  transition-property: all;
  transition-duration: 1s;
}

.mDpt-wrap .dptImg-wrap {
  position:relative;
  margin-top:55px;
  /*position: absolute;
  top: 0; 
  right: 490px;
  */
  width: 60%;
  max-width: 780px;
  transform: translateX(100px);
  opacity: 0;
  transition-delay: 1s;
}
.mDpt-wrap .dptImg-wrap .imgs {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 780px;
  z-index: -9999;
  border-radius: 10px;
}
.mDpt-wrap .dptImg-wrap .imgs img {
  max-width: 100%;
  width: 100%;
  /*height: 100%;
*/
}
.mDpt-wrap .dptImg-wrap .on {
  z-index: 1;
}

.mDpt-wrap.n-active .dptImg-wrap {
  transform: translateX(0);
  opacity: 1;
  transition-property: all;
  transition-duration: 1s;
}

.mDpt-wrap .tab-box .detail-info-box {
  display: inline-block;
  position: absolute;
  right: -170px;
 /* bottom:  -74px;*/
  width:60%;
  opacity: 1;
}
.mDpt-wrap .tab-box .detail-info-box .detail-info {
  position: relative;
  z-index: 1;
  transform: translateX(100px);
  opacity: 0;
  transition-delay: 1s;
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 1;
  width: 100%;
  height: 100%;
  background: #fff;
  visibility: hidden;
  border-radius: 0 20px 0 0;
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box.cycle-slide-active {
  visibility: visible;
  z-index: 1;
  opacity: 1;
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner {
  display:block;
  width: 100%;
  height: 100%;
  min-height: 370px;
  padding: 20px 40px 50px 1%;
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .title-box {
  display: table-cell;
 }

.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .title-box > * {
  opacity: 0;
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box.cycle-slide-active .inner .title-box > * {
  opacity: 1;
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .info-text {
   padding: 3px 0 0;
   vertical-align: top;
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .info-text p{  
  display:flex;  
  flex-direction: row;  
  justify-content: space-between;  
  align-items: center;
  position:relative;
  padding:0px 0;
  font-size: 1.8rem;
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box.cycle-slide-active .inner .info-text p:hover{
  font-weight: 500;
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box.cycle-slide-active .inner .info-text p:hover:before{
  display: inline-block;
  position:absolute;
  left:-15px;
  top:50%;
  margin-top:-3px;
  width:7px;
  height: 7px;
  content:"";
  background-color: #f94168;
  border-radius: 100px;
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .info-text p span.gobt-box{
  display:flex;  
  flex-direction: row;  
  justify-content: flex-end;  
  align-items: center;

}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .info-text p span.gobt-box a{
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  width:30px;
  height: 30px;
  border-radius: 100px;

}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .info-text p span.gobt-box a.go-home{
  background-image:url('../images/icon-gohome-g.png');
  background-size: 15px auto;
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .info-text p span.gobt-box a.go-home:hover{
  background-image:url('../images/icon-gohome-b.png');
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .info-text p span.gobt-box a.go-sns.go-ig{
  background-image:url('../images/icon-sns-ig-bg-g.svg');
  background-size: 16px auto;
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .info-text p span.gobt-box a.go-sns.go-ig:hover{
  background-image:url('../images/icon-sns-ig-bg.svg');
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .info-text p span.gobt-box a.go-sns.go-fb{
  background-image:url('../images/icon-sns-fb-bg-g.svg');
  background-size: 16px auto;
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .info-text p span.gobt-box a.go-sns.go-fb:hover{
  background-image:url('../images/icon-sns-fb-bg.svg');
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .info-text p span.gobt-box a.go-sns.go-blog{
  background-image:url('../images/icon-sns-b-g.svg');
  background-size: 12px auto;
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .info-text p span.gobt-box a.go-sns.go-blog:hover{
  background-image:url('../images/icon-sns-b.svg');
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .info-text p span.gobt-box a:hover{
  background-color: #eee;
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .info-text .text {
  opacity: 0;
  font-size: 18px;
  line-height: 28px;
  color: #2a3138;
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .info-text strong {
  opacity: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #2a3138;
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box.cycle-slide-active .inner .info-text .text {
  opacity: 1;
}
.mDpt-wrap .tab-box .detail-info-box .detail-info .info-box.cycle-slide-active .inner .info-text strong {
  opacity: 1;
}

.mDpt-wrap.n-active .detail-info-box .detail-info {
  transform: translateX(0);
  opacity: 1;
  transition-property: all;
  transition-duration: 1s;
}

.mDpt-wrap .info-area .arr-box{
  position: absolute;
   bottom: 5%; 
  display: inline-block;
  margin-left:20px;

}
.mDpt-wrap .info-area .arr-box a{
  display: inline-block; 
  margin:0 3px;
  z-index: 1;
  width: 65px;
  height: 65px;
  background-image: url(../images/arr02-b.svg) ;
  background-color:#eee;
  border-radius: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 30px auto;
}
.mDpt-wrap .info-area .arr-box a:hover{
  background-image: url(../images/arr02-w.svg) ;  
  background-color:#f94168;
}

.mDpt-wrap .info-area .arr-box  a.detail-prev {
  transform: rotate(180deg);
}

@media all and (max-width: 1500px) {
  .mDepartment-area .layer{
    width:3%;
  }
}
@media all and (max-width: 1400px) {
  .mDepartment-area .layer{
    width:1%;
  }
}
@media all and (max-width: 1300px) {
  .mDepartment-area .layer{
    display: none;
  }
}
@media all and (max-width: 1024px) {
  .mDepartment-area .layer2{
    width:30%;
  }
  .mDpt-wrap{
    /* height: 550px; */
  }
  .mDpt-wrap .info-area{
    width:50%;
  }
  .mDpt-wrap .info-area .tab-box{
    margin: 70px 0 60px;
  }
  .mDpt-wrap .info-area .tab-box ul li a{
    font-size:2.8rem
  }
  .mDpt-wrap .info-area .tab-box ul li.cycle-pager-active a{
    font-size:3.2rem    
  }
  .mDpt-wrap .info-area .arr-box a{
    width: 55px;
    height: 55px;
    background-size: 25px auto;
  }

  .mDpt-wrap .tab-box .detail-info-box{
    width:70%;
  }
  .mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .info-text p{
    /* padding:2px 0; */
  }
}
@media (max-width: 768px){
  .mDepartment-area{
    margin-top:50px;
  }
  .mDepartment-area .layer2{
    width:15%;
  }

  .mDpt-wrap .info-area {
      width: 70%;
  }  
  .mDpt-wrap .info-area .tab-box ul li.cycle-pager-active a{
    padding-left:24px;
  }
  .mDpt-wrap .info-area .tab-box ul li a:after{
    height: 18px
  }
  .mDpt-wrap .info-area .tab-box ul li.cycle-pager-active a:before{
    width:12px;
    height: 12px;
  }
  .mDpt-wrap.n-active .dptImg-wrap{
    margin-top:0px;
  }
  .mDpt-wrap .info-area .tab-box ul{
    padding-left:15px;
  }
}

@media (max-width: 640px){
  /* 230303 :: mVisual3 */
  #section0{
/*    min-height: auto;
    margin-bottom:70px;*/
  }

  #section0 .mVisual3 p.inner.pc{
    display: none;
  }
  #section0 .mVisual3 p.inner.mo{
    display: flex;
  }


  .mDepartment-area .layer2{
    display: none;
  }
  .mDpt-wrap {
      height: 684px;
  }
  .mDpt-wrap .info-area {
      width: 60%;
  }
  .mDpt-wrap .info-area .arr-box{
    bottom:auto;
    top: 340px;
  }
  .mDpt-wrap .info-area .tit, .mDpt-wrap .info-area .tit strong{
    font-size: 3.3rem
  }
  .mDpt-wrap .info-area .tab-box{
    margin: 30px 0 60px;    
  }
  .mDpt-wrap .info-area .tab-box ul li{
    margin: 12px 0 0;
  }
  .mDpt-wrap .info-area .tab-box ul li a{
    font-size: 2.5rem
  }
  .mDpt-wrap .info-area .tab-box ul li.cycle-pager-active a{
    font-size: 2.9rem
  }
  .mDpt-wrap.n-active .dptImg-wrap{
    position:absolute;
    bottom:70px;
    right:10px;
    height: auto;
    z-index: 1000;
    overflow: inherit !important;
  }
  .mDpt-wrap .dptImg-wrap .imgs{
    top: -100px !important;
  }  
  .mDpt-wrap .dptImg-wrap .imgs.dptImg-02{
    
    top:50px !important;
  }
  .mDpt-wrap .dptImg-wrap .imgs.dptImg-03{
    top: 0px !important;
  }
  .mDpt-wrap .dptImg-wrap .imgs img{
    border-radius: 10px;;
  }

  
  .mDpt-wrap .tab-box .detail-info-box{
    bottom:auto;
    top:0;
    right:-220px;
    width:100%;
  }
  .mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner{
    padding: 0px 40px 0px 5%;
  }
  .mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .info-text p{
    padding: 0px 0;
    font-size: 16px;
  }
}
@media (max-width: 450px){
  .mDpt-wrap {
    height: 560px;
  }
  .mDpt-wrap .info-area {
    width: 60%;
  }
  .mDpt-wrap .info-area .tit, .mDpt-wrap .info-area .tit strong{
    font-size: 3rem;
  }
  .mDpt-wrap .tab-box .detail-info-box{
    width:90%;

    right:-160px;
  }

  .mDpt-wrap .info-area .tab-box ul li a{
    font-size: 2.2rem
  }
  .mDpt-wrap .info-area .tab-box ul li.cycle-pager-active a{

    font-size: 2.5rem
  }
  .mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner{
    padding-left:0;
  }
  .mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .info-text p{
    font-size: 14px;
  }
  .mDpt-wrap .tab-box .detail-info-box .detail-info .info-box .inner .info-text p span.gobt-box a{
    width:25px;
    height: 25px;
  }
  .mDpt-wrap .info-area .arr-box a {
    width: 40px;
    height: 40px;
    background-size: 20px auto;
  }

  .mDpt-wrap.n-active .dptImg-wrap{
    position:absolute;
    bottom:00px;
    right:10px;
    height: auto;
    z-index: 1000;
    overflow: inherit !important;
  }
  .mDpt-wrap .dptImg-wrap .imgs{
    top: -200px !important;
  }
  .mDpt-wrap .dptImg-wrap .imgs.dptImg-02{
    top: -10px !important;
    }
  .mDpt-wrap .dptImg-wrap .imgs.dptImg-03{
    top: -5px !important;
  }

}


/*  KIWU CHECK POINT */
.checkpoint-wrap{
  position: relative;
  height: 700px;
  overflow-y: hidden;
}
.checkpoint-wrap .tit-box{
  position:absolute;
  left:3.6%;
  top:20%;
  text-align: left;
}
.checkpoint-wrap .tit-box p.tit{
  font-size:9rem;
  color:#f81a49;
  font-weight: 600;
  font-family: 'GmarketSansMedium' , 'Noto Sans KR';
}
.checkpoint-wrap .tit-box p.stit{
  font-size:5rem;
  color:#bebfc0;
  font-weight: 400;
  font-family: 'GmarketSansLight' , 'Noto Sans KR';
}

.checkpoint-list {
  height: 700px;
  display: flex;
  color: #fff;
  z-index: 1;
}
.bg_checkpo01,
.bg_checkpo02,
.bg_checkpo03,
.bg_checkpo04 {
  position: absolute;
  width: 100%;
  height: 700px;
  top: 0;
  z-index: -1;
}
.bg_checkpo01 {
  background: url(../images/kiwu-cp-bg01.jpg) no-repeat center;
  background-size: cover;
}
.bg_checkpo02 {
  display: none;
  background: url(../images/kiwu-cp-bg02.jpg) no-repeat center;
  background-size: cover;
}
.bg_checkpo03 {
  display: none;
  background: url(../images/kiwu-cp-bg03.jpg) no-repeat center;
  background-size: cover;
}
.bg_checkpo04 {
  display: none;
  background: url(../images/kiwu-cp-bg04.jpg) no-repeat center;
  background-size: cover;
}
.checkpoint-list li:nth-child(1) {
  width: 27%;  
}
.checkpoint-list li:not(:first-child) {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  text-align: center;
}
.checkpoint-list li:nth-child(2) {
  cursor: pointer;
  border-left:none;
}

.checkpoint-list li:not(:first-child):hover{
  width:30%;
}

.checkpoint-list li > div > h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.6rem;
  margin: 1rem 0;
  line-height: 1.1em;
  min-height: 80px;
}
.checkpoint-list li:hover > div > h3{
  position:relative;
  font-size: 4.5rem;
  color:#fe446b;
}
.checkpoint-list li:hover > div > h3:before{
  display: inline-block;
  position:absolute;
  left:50%;
  top:-60px;
  margin-left:-10px;
  width:20px;
  height: 20px;
  background-color: #f81a49;
  border-radius: 100px;
  content:"";
}
.checkpoint-list li > div > .icon{
  display: inline-block;
  margin-top:75px;
  width:140px;
  height: 140px;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 40%;
}
.checkpoint-list li.checkpoint-01 > div > .icon{
  background-image: url('../images/icon-cp-global.svg');
  background-size: 115px auto;
}
.checkpoint-list li.checkpoint-02 > div > .icon{
  background-image: url('../images/icon-cp-janghak.svg');
  background-size: 125px auto;
}
.checkpoint-list li.checkpoint-03 > div > .icon{
  background-image: url('../images/icon-cp-haksa.svg');
  background-size: 130px auto;
}
.checkpoint-list li.checkpoint-04 > div > .icon{
  background-image: url('../images/icon-cp-program.svg');
  background-size: 120px auto;
}
.checkpoint-list li:hover > div > .icon{
  display: none;
}
.checkpoint-list li > div > .decs-box {
  visibility: hidden;
  opacity: 0;
  font-size: 2rem;
  font-weight: 500;
  transition: all 0.4s;
}
.checkpoint-list li > div > .decs-box.on {
  visibility: visible;
  opacity: 1;
}

.checkpoint-list li > div > .decs-box .desc01{
  margin-top:30px;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2em;
}
.checkpoint-list li > div > .decs-box .desc02{
  margin-top:20px;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2em;
}
.checkpoint-list li > div > .decs-box .desc02 p{
  margin-top:20px;
}

.checkpoint-list li > div > .decs-box .btn-checkpo-go{
  display: inline-block;
  margin-top:55px;
  padding:10px 45px 10px 20px;
  border:1px solid #fff;
  color:#fff;
  font-size: 2rem;
  border-radius: 100px;
  background-image: url('../images/arr03-w.png');
  background-position:  center right 15px;
  background-repeat: no-repeat;
  background-size: 20px auto;
}
.checkpoint-list li > div > .decs-box .btn-checkpo-go:hover{  
  border:1px solid #f81a49;
  background-color: #f81a49;

}
.checkpoint-01,
.checkpoint-02,
.checkpoint-03,
.checkpoint-04 {
  transition: all 0.3s;
  padding: 0 3rem;
}
.checkpoint-01:hover,
.checkpoint-02:hover,
.checkpoint-03:hover,
.checkpoint-04:hover  {
  background-color: rgba(0,0,0,0.2);
}
.checkpoint-list li:nth-child(2),
.checkpoint-list li:nth-child(3),
.checkpoint-list li:nth-child(4),
.checkpoint-list li:nth-child(5) {
  width: 21%;
}
.checkpoint-list li:nth-child(2) > div,
.checkpoint-list li:nth-child(3) > div,
.checkpoint-list li:nth-child(4) > div ,
.checkpoint-list li:nth-child(5) > div{
  position: relative;
  top: 40%;
  transform: translateY(-50%);
  height: 15rem;
  transition: all 0.3s;
}
.checkpoint-list li:nth-child(2):hover > div,
.checkpoint-list li:nth-child(3):hover > div,
.checkpoint-list li:nth-child(4):hover > div,
.checkpoint-list li:nth-child(5):hover > div {
  top: 35%;
}


/* layer popup :: 20230105 */
.popupwrap {
  position:absolute;
  box-shadow: 5px 5px 10px rgba(35,35,35,0.5);
}
.popupwrap#popup1{
  top:90px;
  left:20px;
  width:500px;
  height:auto;
  z-index:7999;
}
.popupwrap#popup2{
  top:90px;
  left:530px;
  width:500px;
  height:auto;
  z-index:7998;
}
.popupwrap#popup3{
  top:120px;
  left:610px;
  width:250px;
  height:auto;
  z-index:7997;
}
.popupwrap .popCont{
  width:100%;
}
.popupwrap .popCont img{
  width:100%;
}
.popupwrap .popCloseBox{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width:100%;
  background-color: #111;
      }
.popupwrap .popCloseBox form{
  display: inline-block;
  width:65%;
  padding:5px 5px;
  text-align: left;
  font-size:12px;
}
.popupwrap .popCloseBox form input[type="checkbox"] {
  display: none;
}
.popupwrap .popCloseBox form label{
  cursor:pointer;
  color:#888;
}
.popupwrap .popCloseBox form label:hover{
  color:#aaa;
}
.popupwrap .popCloseBox p.btn-popclose{
  display: inline-block;
  width:30%;
  text-align: right;
}
.popupwrap .popCloseBox p.btn-popclose a{
  display: inline-block;
  padding:5px 5px;
  color:#888;
  font-size:12px;
}
.popupwrap .popCloseBox p.btn-popclose a:hover{
  color:#aaa;
}
.popupwrap .popCloseBox p.btn-popclose img.icon-x-close{
  display: inline-block;
  margin-top:-2px;
  width:10px;
  height: 10px;
  opacity: 60%;
  border:1px solid rgba(255,255,255,0.5);
}
.popupwrap .popCloseBox p.btn-popclose a:hover img.icon-x-close {
  opacity: 90%;
}



/*main respond */

@media (max-width: 1400px){
  .checkpoint-wrap{
    height: 600px;
  }
  .checkpoint-wrap .tit-box{
    left: 2.6%;
  }
  .checkpoint-wrap .tit-box p.tit{
    font-size: 7rem;
  }
  .checkpoint-wrap .tit-box p.stit{
    font-size: 4rem;
  }
  .checkpoint-list {
    height: 600px;
  }
  .checkpoint-list li:nth-child(1) {
    width: 20%;
  }
}

@media (max-width: 1200px){
  .checkpoint-list li > div > h3{
    font-size: 3.2rem;
  }
  .checkpoint-list li:hover > div > h3{
    font-size: 3.8rem;
  }
  .checkpoint-list li:hover > div > h3:before{
    top:-50px;
    margin-left:-8px;
    width:16px;
    height: 16px;
  }
  .checkpoint-list li > div > .decs-box {
    font-size: 1.8rem;
  }
  .checkpoint-list li > div > .decs-box .desc01{
    margin-top:25px;
    font-size: 2.7rem;
  }
  .checkpoint-list li > div > .decs-box .desc02{
    margin-top:17px;
    font-size: 2.2rem;
  }
  .checkpoint-list li > div > .decs-box .desc02 p{
    margin-top:17px;
  }

  .checkpoint-list li > div > .decs-box .btn-checkpo-go{
    margin-top:45px;
    font-size: 1.7rem;
    background-size: 18px auto;
  }
  .checkpoint-list li.checkpoint-01 > div > .icon{
    background-size: 95px auto;
  }
  .checkpoint-list li.checkpoint-02 > div > .icon{
    background-size: 105px auto;
  }
  .checkpoint-list li.checkpoint-03 > div > .icon{
    background-size: 110px auto;
  }
  .checkpoint-list li.checkpoint-04 > div > .icon{
    background-size: 100px auto;
  }

}
@media (max-width: 1024px){
  .checkpoint-wrap{
    height:650px;
  }

  .bg_checkpo01 {
    height:650px;
    background-position: center center;
    background-size: auto 100%;
  }
  .bg_checkpo02 {
    height:650px;
    background-position: center center;
    background-size: auto 100%;
  }
  .bg_checkpo03 {
    height:650px;
    background-position: center center;
    background-size: auto 100%;
  }
  .bg_checkpo04 {
    height:650px;
    background-position: center center;
    background-size: auto 100%;
  }
  .checkpoint-01:hover,
  .checkpoint-02:hover,
  .checkpoint-03:hover,
  .checkpoint-04:hover  {
    background-color: rgba(0,0,0,0);
  }

  .checkpoint-wrap .tit-box{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items:center;
    width:100%;
    top:30px;
    left:0;
    text-align: center;
  }
  .checkpoint-wrap .tit-box p.tit {
    margin-right:8px;
    font-size: 3.5em;
  }
  .checkpoint-wrap .tit-box p.stit {
    font-size: 3rem;
  }
  .checkpoint-list{
    flex-wrap: wrap;
    margin-top:100px;
    height: 600px;
  }
  .checkpoint-list:before{
    display: inline-block;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:25px;
    width:1px;
    height: 50px;
    background-color: rgba(255,255,255,0.1);
    content:"";
  }
  .checkpoint-list:after{
    display: inline-block;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-25px;
    margin-top:50px;
    width:50px;
    height: 1px;
    background-color: rgba(255,255,255,0.2);
    content:"";
  }
  .checkpoint-list li:nth-child(1) {
    width: 0%;
  }
  .checkpoint-list li:nth-child(2), 
  .checkpoint-list li:nth-child(3), 
  .checkpoint-list li:nth-child(4), 
  .checkpoint-list li:nth-child(5){
    width:50%;
    height: 300px
  }
  .checkpoint-list li:nth-child(2) > div, 
  .checkpoint-list li:nth-child(3) > div, 
  .checkpoint-list li:nth-child(4) > div, 
  .checkpoint-list li:nth-child(5) > div{
    top: 25%;
  }
  .checkpoint-list li:nth-child(2):hover > div,
  .checkpoint-list li:nth-child(3):hover > div,
  .checkpoint-list li:nth-child(4):hover > div,
  .checkpoint-list li:nth-child(5):hover > div {
    top: 25%;
  }
  .checkpoint-list li:not(:first-child) {
    border-left:none;
  }
  .checkpoint-list li:not(:first-child):hover{
    width:50%;
    cursor: default;
  }

  .checkpoint-list li > div > .icon{
    display: none;
  }
  .checkpoint-list li > div > h3{
    min-height: auto;
    font-size: 3rem;
  }
  .checkpoint-list li:hover > div > h3{
    font-size: 3rem;
  }
  .checkpoint-list li:hover > div > h3:before{
    top:-20px;
    margin-left:-6px;
    width:12px;
    height: 12px;
  }
  .checkpoint-list li > div > .decs-box {
    visibility: visible;
    opacity: 1;
    font-size: 2rem;
  }
  .checkpoint-list li > div > .decs-box .desc02{
    margin-top:10px;
  }
  .checkpoint-list li > div > .decs-box .desc02 p{
    margin-top:7px;
  }
  .checkpoint-list li > div > .decs-box .btn-checkpo-go{
    margin-top:20px;
  }

  /*layer popup */
  .popupwrap#popup1{
    top:90px; left:4%;
    width:45%;
  }
  .popupwrap#popup2{
    top:90px;
    left:51%;
    width:45%;
  }
  .popupwrap#popup3{
    top:200px;
    left:15%;
    width:250px;
  }

  .popupwrap .popCloseBox form{
    padding:10px 5px;
    font-size:13px;
  }    
  .popupwrap .popCloseBox p.btn-popclose a{
    padding:10px 5px;
    font-size:13px;
  }


}


@media all and (max-width: 800px) {  

}


@media (max-width: 640px){
    .checkpoint-wrap{
        height:900px;
    }
    .bg_checkpo01 {
        height:900px;
        background-position: center center;
        background-size: auto 100%;
    }
    .bg_checkpo02 {
        height:900px;
        background-position: center center;
        background-size: auto 100%;
    }
    .bg_checkpo03 {
        height:900px;
        background-position: center center;
        background-size: auto 100%;
    }
    .bg_checkpo04 {
        height:900px;
        background-position: center center;
        background-size: auto 100%;
    }
    .checkpoint-list{
        margin-top:60px;
        height:800px;
    }
    .checkpoint-list:before,
    .checkpoint-list:after{
        display: none;
    }
    .checkpoint-list li:nth-child(2), 
    .checkpoint-list li:nth-child(3), 
    .checkpoint-list li:nth-child(4), 
    .checkpoint-list li:nth-child(5){
        display: flex;
        align-items: center;
        justify-content: center;
        width:100%;
        padding:0px 0;
        height: auto;
        border-bottom:1px solid rgba(255,255,255,0.2);
    }
    .checkpoint-list li:last-child{
        border-bottom:none;
    }
    .checkpoint-list li:not(:first-child):hover{
        width:100%;
        padding:0px 0;
        height: auto;
    }
    .checkpoint-list li:nth-child(2) > div, 
    .checkpoint-list li:nth-child(3) > div, 
    .checkpoint-list li:nth-child(4) > div, 
    .checkpoint-list li:nth-child(5) > div{
        top: 0;
        transform: translateY(0);
        height: auto;
    }
    .checkpoint-list li:nth-child(2):hover > div,
    .checkpoint-list li:nth-child(3):hover > div,
    .checkpoint-list li:nth-child(4):hover > div,
    .checkpoint-list li:nth-child(5):hover > div {
        top: 0;
        height: auto;
        transform: translateY(0);
    }

    .checkpoint-list li > div > h3 {
        min-height: auto;
        font-size: 2.7rem;
        font-weight: 500;
    }
    .checkpoint-list li:hover > div > h3{
        font-size: 2.8rem;
    }
    .checkpoint-list li:hover > div > h3:before{
        display: none;
    }
    .checkpoint-list li > div > h3 br{
        display: none
    }
    .checkpoint-list li > div > .decs-box .desc01{
        font-size: 2.4rem
    }
    .checkpoint-list li > div > .decs-box .desc01 br{
        display: none;
    }
    .checkpoint-list li > div > .decs-box .desc02{
        font-size: 2rem;
    }
    .checkpoint-list li > div > .decs-box .desc02 br{
        display: none
    }
    .checkpoint-list li.checkpoint-03 > div > .decs-box .desc02 br{
        display: block
    }

}


@media all and (max-width: 400px) {  
  /*layer popup */
  .popupwrap#popup1{
    top:90px;
    left:5%;
    width:90%;
  }
  .popupwrap#popup2{
    top:90px;
    left:5%;
    width:90%;
  }
  .popupwrap#popup3{
    top:200px;
    left:15%;
    width:80%;
  }

  .popupwrap .popCloseBox form{
    padding:10px 5px;
    font-size:14px;
  }    
  .popupwrap .popCloseBox p.btn-popclose a{
    padding:10px 5px;
    font-size:14px;
  }
}
/* KIWU CHECK POINT */