@charset "utf-8";
body{ font-family:"NanumBarunGothic","MalgunGothic",Dotum,Arial,sans-serif; }
.max { width:100%; }
.main { overflow:hidden;
}
.main .container { position:relative; z-index:1; width:100%; max-width:1296px; padding-left:8px; padding-right:8px;}
.main .container .row { margin-left:-8px; margin-right:-8px; }
.main .container .row [class*='col-'] { padding-right:8px; padding-left:8px; }

.main .main-video-wrap { width:100%; height:900px; overflow:hidden; position:relative; }
.main .main-video-wrap video { height:100%; /*width:177.77777778vh; */ min-width:100%; min-height:56.25vw; position:absolute; top:0; left:50%; transform:translate(-50%,0) ; -webkit-transform:translate(-50%,0) ; -moz-transform:translate(-50%,0) ; -ms-transform:translate(-50%,0) ; -o-transform:translate(-50%,0) ; }

.main #headline .headline-tit { position:relative; margin-top:134px; }

/* section */
.main .section.type2 { margin-top:105px; }
.main .content-tit * { float:left; }
.main .content-tit img { margin-left:20px; }
.main .content-tit h3 { font-size:50px; font-family:"Black Han Sans","MalgunGothic",Dotum,Arial,sans-serif; margin-top:10px; margin-left:15px; color:#323232; }

.main .swiper-section { position:relative; }

/* section navigation button type */
.section .swiper-button {
  width:80px;
  height:80px;
  border-radius:50%;
  position:absolute;
  top:50%;
  z-index:100;
  transform:translate(0,-50%);
  -webkit-transform:translate(0,-50%);
  -moz-transform:translate(0,-50%);
  -ms-transform:translate(0,-50%);
  -o-transform:translate(0,-50%);
  font-size:0;
  transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -moz-transition:all 0.4s;
  -ms-transition:all 0.4s;
  -o-transition:all 0.4s;
  background-image:unset;
  cursor:pointer;
}
.section .swiper-button.type1 { background:#ffffff; border:none; cursor:pointer; }
.section .swiper-button { background-image: none; }

.section.type2 .swiper-button { border:2px solid #c4183f; cursor:pointer; }

.section.type2 .swiper-button:after, .section.type2 .swiper-button:before { content:""; display:block; width:22px; height:5px; background:#c4183f; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; position:absolute; top:50%; left:50%; transform-origin: left center; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; }
.section.type2 .swiper-button:hover:after, .section.type2 .swiper-button:hover:before { background:#ffffff; cursor:pointer; }
.section.type2 .swiper-button:after { transform:translate(-50%,0) rotate(-45deg) ; -webkit-transform:translate(-50%,0) rotate(-45deg) ; -moz-transform:translate(-50%,0) rotate(-45deg) ; -ms-transform:translate(-50%,0) rotate(-45deg) ; -o-transform:translate(-50%,0) rotate(-45deg) ; }
.section.type2 .swiper-button:before { transform:translate(-50%,-2px) rotate(45deg) ; -webkit-transform:translate(-50%,-2px) rotate(45deg) ; -moz-transform:translate(-50%,-2px) rotate(45deg) ; -ms-transform:translate(-50%,-2px) rotate(45deg) ; -o-transform:translate(-50%,-2px) rotate(45deg) ; }
.section.type2 .swiper-button:hover { background:#c4183f; }
.section.type2 .swiper-button-prev { left:0; transform:translate(-100%, -50%) ; -webkit-transform:translate(-100%, -50%) ; -moz-transform:translate(-100%, -50%) ; -ms-transform:translate(-100%, -50%) ; -o-transform:translate(-100%, -50%) ; }
.section.type2 .swiper-button-next { right:0; transform:translate(100%,-50%) rotate(180deg) ; -webkit-transform:translate(100%,-50%) rotate(180deg) ; -moz-transform:translate(100%,-50%) rotate(180deg) ; -ms-transform:translate(100%,-50%) rotate(180deg) ; -o-transform:translate(100%,-50%) rotate(180deg) ; }

/* navigation button next 위치조정 */
.section .swiper-button-next:before { transform:translate(-50%, -3px) rotate(45deg) !important; -webkit-transform:translate(-50%, -3px) rotate(45deg) !important; -moz-transform:translate(-50%, -3px) rotate(45deg) !important; -ms-transform:translate(-50%, -3px) rotate(45deg) !important; -o-transform:translate(-50%, -3px) rotate(45deg) !important; }
.section .swiper-button-next:after { transform:translate(-50%, -1px) rotate(-45deg) !important; -webkit-transform:translate(-50%, -1px) rotate(-45deg) !important; -moz-transform:translate(-50%, -1px) rotate(-45deg) !important; -ms-transform:translate(-50%, -1px) rotate(-45deg) !important; -o-transform:translate(-50%, -1px) rotate(-45deg) !important; }

/* section01 */
.section01 { position:relative; margin-top:-44px; }
.section01 .swiper-container { margin:0 auto; }
.section01 .swiper-wrapper { width:100%; height: 100%; }
.section01 .swiper-wrapper .swiper-slide { opacity:0.35; text-align:center; border-radius:0px 50px 50px 50px; overflow:hidden; transition:all 0.25s ; -webkit-transition:all 0.25s ; -moz-transition:all 0.25s ; -ms-transition:all 0.25s ; -o-transition:all 0.25s ; }
/* .section01 .swiper-wrapper .swiper-slide { width:47.395%; margin:0 10px; opacity:0.35; text-align:center; border-radius:0px 50px 50px 50px; overflow:hidden; transition:all 0.25s ; -webkit-transition:all 0.25s ; -moz-transition:all 0.25s ; -ms-transition:all 0.25s ; -o-transition:all 0.25s ; background-size:contain; } */
.section01 .swiper-wrapper .swiper-slide.swiper-slide-active { opacity:1 !important; }

.section01 .swiper-wrapper .swiper-slide a { display:block; width: 100%;}
.section01 .swiper-wrapper .swiper-slide a img{ display:block; width: 100%;}
.section01 .swiper-wrapper .swiper-slide a:focus { border:none; text-decoration: none; }
/* 맨위 썸네일 */
/* .section01 .swiper-wrapper .swiper-slide.s01 a { background: url("../../img/main/thumb/con01_thumb01.jpg") no-repeat center/cover; }
.section01 .swiper-wrapper .swiper-slide.s02 a { background: url("../../img/main/thumb/con01_thumb02.jpg") no-repeat center/cover; }
.section01 .swiper-wrapper .swiper-slide.s03 a { background: url("../../img/main/thumb/con01_thumb03.jpg") no-repeat center/cover; }
.section01 .swiper-wrapper .swiper-slide.s04 a { background: url("../../img/main/thumb/con01_thumb04.jpg") no-repeat center/cover; } */

.section01 .swiper-button:after, .section01 .swiper-button:before { content:""; display:block; width:22px; height:5px; background:#000000; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; position:absolute; top:50%; left:50%; transform-origin: left center; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s;  }
.section01 .swiper-button:hover:after, .section01 .swiper-button:hover:before { background:#ffffff; }
.section01 .swiper-button:after { transform:translate(-50%,0) rotate(-45deg) ; -webkit-transform:translate(-50%,0) rotate(-45deg) ; -moz-transform:translate(-50%,0) rotate(-45deg) ; -ms-transform:translate(-50%,0) rotate(-45deg) ; -o-transform:translate(-50%,0) rotate(-45deg) ; }
.section01 .swiper-button:before { transform:translate(-50%,-2px) rotate(45deg) ; -webkit-transform:translate(-50%,-2px) rotate(45deg) ; -moz-transform:translate(-50%,-2px) rotate(45deg) ; -ms-transform:translate(-50%,-2px) rotate(45deg) ; -o-transform:translate(-50%,-2px) rotate(45deg) ; }
.section01 .swiper-button:hover { background:#c4183f; }
.section01 .swiper-button-prev { left:23%; }
.section01 .swiper-button-next { right:23%; transform:translate(0,-50%) rotate(180deg)  ; -webkit-transform:translate(0,-50%) rotate(180deg)  ; -moz-transform:translate(0,-50%) rotate(180deg)  ; -ms-transform:translate(0,-50%) rotate(180deg)  ; -o-transform:translate(0,-50%) rotate(180deg)  ; }

.section01 .swiper-pagination { width:100%; height:5px; position:relative; margin-top:42px; }
.section01 .swiper-pagination .swiper-pagination-bullet { border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; width:75px; height:5px; background:#d2d2d2; border:none; opacity:1; margin:0 3px; display:inline-block; vertical-align:top; }
.section01 .swiper-pagination .swiper-pagination-bullet-active { background:#c4183f !important; }


.section .slide-wrap .slick-slide { margin:0 14px; height:auto; }
.section.type2 .swiper-wrapper .swiper-slide { width:calc(25% - 28px); margin:0 14px; /*height:436px; max-height:436px;*/ text-align:center; overflow:hidden; transition:all 0.4s ; -webkit-transition:all 0.4s ; -moz-transition:all 0.4s ; -ms-transition:all 0.4s ; -o-transition:all 0.4s ; border-radius:0px 20px 20px 20px; -webkit-border-radius:0px 20px 20px 20px; -moz-border-radius:0px 20px 20px 20px; -ms-border-radius:0px 20px 20px 20px; -o-border-radius:0px 20px 20px 20px; transform:scale(0.95) ; -webkit-transform:scale(0.95) ; -moz-transform:scale(0.95) ; -ms-transform:scale(0.95) ; -o-transform:scale(0.95) ; }

.section.type2 .swiper-wrapper .swiper-slide a {  width:100%; display:inline-block; vertical-align: top; position:relative; background-size:cover !important; }
.section.type2 .swiper-wrapper .swiper-slide:hover { transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }
.section.type2 .swiper-wrapper .swiper-slide a .cover { /*background:rgba(0,0,0,0.35);*/ width:100%; padding-bottom:150%; }
.section.type2 .swiper-wrapper .swiper-slide a .title { position:absolute; bottom:30px; left:25px; padding-right:25px; text-align:left; color:#ffffff; font-weight:normal; }
.section.type2 .swiper-wrapper .swiper-slide a .title .tit { font-size:32px; line-height:38px; word-break: break-all; }
.section.type2 .swiper-wrapper .swiper-slide a .title .sub { font-size:16px; line-height:31px; margin-top:15px; word-break: break-all; }

.section.type2 .swiper-pagination { position:relative; width:100%; height:5px; background:#d2d2d2; margin-top:50px; }
.section.type2 .swiper-pagination .swiper-pagination-progressbar-fill { background:#c4183f; }

/* section02 */
/* 우리가 만드는 썸네일 */
.section02 .swiper-wrapper .swiper-slide.s01 a { background: url("/webzine/202303/img/main/thumb/con02_thumb01.jpg") no-repeat center; }
.section02 .swiper-wrapper .swiper-slide.s02 a { background: url("/webzine/202303/img/main/thumb/con02_thumb02.jpg") no-repeat center; }
.section02 .swiper-wrapper .swiper-slide.s03 a { background: url("/webzine/202303/img/main/thumb/con02_thumb03.jpg") no-repeat center; }
.section02 .swiper-wrapper .swiper-slide.s04 a { background: url("/webzine/202303/img/main/thumb/con02_thumb04.jpg") no-repeat center; }
.section02 .swiper-wrapper .swiper-slide.s05 a { background: url("/webzine/202303/img/main/thumb/con02_thumb05.jpg") no-repeat center; }
.section02 .swiper-wrapper .swiper-slide.s06 a { background: url("/webzine/202303/img/main/thumb/con02_thumb06.jpg") no-repeat center; }
.section02 .swiper-wrapper .swiper-slide.s07 a { background: url("/webzine/202303/img/main/thumb/con02_thumb07.jpg") no-repeat center; }
.section02 .swiper-wrapper .swiper-slide.s08 a { background: url("/webzine/202303/img/main/thumb/con02_thumb08.jpg") no-repeat center; }


/* section03 */
/* 나를 만드는 순간 썸네일 */
.section03 .swiper-wrapper .swiper-slide.s01 a { background: url("/webzine/202303/img/main/thumb/con03_thumb01.jpg") no-repeat center; }
.section03 .swiper-wrapper .swiper-slide.s02 a { background: url("/webzine/202303/img/main/thumb/con03_thumb02.jpg") no-repeat center; }
.section03 .swiper-wrapper .swiper-slide.s03 a { background: url("/webzine/202303/img/main/thumb/con03_thumb03.jpg") no-repeat center; }
.section03 .swiper-wrapper .swiper-slide.s04 a { background: url("/webzine/202303/img/main/thumb/con03_thumb04.jpg") no-repeat center; }
.section03 .swiper-wrapper .swiper-slide.s05 a { background: url("/webzine/202303/img/main/thumb/con03_thumb05.jpg") no-repeat center; }
.section03 .swiper-wrapper .swiper-slide.s06 a { background: url("/webzine/202303/img/main/thumb/con03_thumb06.jpg") no-repeat center; }
.section03 .swiper-wrapper .swiper-slide.s07 a { background: url("/webzine/202303/img/main/thumb/con03_thumb07.jpg") no-repeat center; }
.section03 .swiper-wrapper .swiper-slide.s08 a { background: url("/webzine/202303/img/main/thumb/con03_thumb08.jpg") no-repeat center; }

.box-shadow { box-shadow:3px 0 8px #b9b9b9; }
.box-shadow2 { box-shadow:6px 0 13px #b9b9b9; }

/* section04 */
.section4 { padding:90px 0; }
.section4 .item-wrap .item { height:200px; background:#ffffff; border-radius:0 15px 15px 15px ; -webkit-border-radius:0 15px 15px 15px ; -moz-border-radius:0 15px 15px 15px ; -ms-border-radius:0 15px 15px 15px ; -o-border-radius:0 15px 15px 15px ; padding:50px 45px; }
.section4 .item-wrap .tit { font-size:30px; line-height:24px; }
.section4 .item-wrap .explain { font-size:24px; line-height:32px; letter-spacing:0.01em; color:#444444; font-family:"NanumBarunGothic","MalgunGothic",Dotum,Arial,sans-serif; white-space:nowrap; position:relative; z-index:2; font-weight:normal; }

.event-popup { width:600px; height:500px; position:fixed; top:100px; right:100px; z-index:100; }
.event-popup .evt-close { position:absolute; top : 5px; right : 35px; width : 50px; height : 50px; background: url('/webzine/202303/img/common/btn_evt.png') no-repeat center/contain; border:none; }
/********* Media *********/
@media all and (min-width: 769px) {
    
}
@media all and (max-width: 1450px) {
  .section01 .swiper-wrapper .swiper-slide { width:78.125%; }
  .section01 .swiper-button-prev { left:7%; }
.section01 .swiper-button-next { right:7%; }

  .section.type2 .swiper-controll { margin-top:45px; }
  .section.type2 .swiper-controll > div:first-child { float:left; }
  .section.type2 .swiper-controll > div:last-child { float:right; }
  .section.type2 .swiper-button { width:80px; height:80px; float:left; position:relative; transform:translate(0,0) ; -webkit-transform:translate(0,0) ; -moz-transform:translate(0,0) ; -ms-transform:translate(0,0) ; -o-transform:translate(0,0) ; bottom:unset; top:0; margin-top:10px; }
  .section.type2 .swiper-button-next { transform:translate(0,0) rotate(180deg) ; -webkit-transform:translate(0,0) rotate(180deg) ; -moz-transform:translate(0,0) rotate(180deg) ; -ms-transform:translate(0,0) rotate(180deg) ; -o-transform:translate(0,0) rotate(180deg) ; margin-left:8px; }
  .section.type2 .swiper-pagination { width:65%; }
}
@media all and (max-width: 1300px) {
  .main #headline .headline-tit { text-align:center; }
  .mo-hidden-1300 { display:none; }
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 991px) {
  .main .main-video-wrap { height:85vh; }

  .section.type2 { padding:0 27px; }
  .section4 { padding:90px 27px !important; }
   /* swiper type2 */
  .section.type2 .swiper-wrapper .swiper-slide { width:calc(50% - 28px); margin:0 14px; transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }

  .section4 .item-wrap .explain { white-space: normal; }

  .mb20-991 { margin-bottom:20px; }
  .mo-hidden-991 { display:none; }
}
@media all and (max-width: 768px) {
  .main #headline .headline-tit { text-align:center; margin-top:350px; }
  .main .content-tit h3 { font-size:35px; margin-top:4px; }
  .main .content-tit img { height:37px; margin-left:10px; }
  /* section01 */
  .section01 .swiper-wrapper .swiper-slide { width:78.125%; opacity:1; }
  .section01 .swiper-button { display:none; }
  .section01 .swiper-pagination { margin-top:30px; }

  /* section mobile thumb */
  /* .section01 .swiper-wrapper .swiper-slide.s01 a { background: url("../../img/main/thumb/con01_thumb01_mo.jpg") no-repeat center/cover; }
  .section01 .swiper-wrapper .swiper-slide.s02 a { background: url("../../img/main/thumb/con01_thumb02_mo.jpg") no-repeat center/cover; }
  .section01 .swiper-wrapper .swiper-slide.s03 a { background: url("../../img/main/thumb/con01_thumb03_mo.jpg") no-repeat center/cover; }
  .section01 .swiper-wrapper .swiper-slide.s04 a { background: url("../../img/main/thumb/con01_thumb04_mo.jpg") no-repeat center/cover; } */

  /* type2 */
  .section.type2 { padding:0 3.5156%; }
  .section4 { padding:45px 3.5156% !important; }

  .section.type2 .swiper-wrapper .swiper-slide { width:calc(50% - 3.6%); margin:0 1.8%; }

  .section.type2 .swiper-wrapper .swiper-slide a .title .tit { font-size:26px; line-height:38px; }
  .section.type2 .swiper-wrapper .swiper-slide a .title .sub { margin-top:8px; }

  .section.type2 .swiper-controll { margin-top:5.859%; }
  .section.type2 .swiper-button { width:10.416vw; height:10.416vw; }
  .section.type2 .swiper-button:after, .section.type2 .swiper-button:before { width:27.5%; height:6.25%; background:#c4183f; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; position:absolute; top:50%; left:50%; transform-origin: left center; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; }
  .section.type2 .swiper-pagination { margin-top:6.5104%; }
  
  .section.type2 .swiper-wrapper .swiper-slide a .title { bottom:25px; left:20px; padding-right:20px; text-align:left; color:#ffffff; }
  .section.type2 .swiper-wrapper .swiper-slide a .title .tit { font-size:16px; line-height:22px; }
  .section.type2 .swiper-wrapper .swiper-slide a .title .sub { font-size:12px; line-height:16px; }
  .section.type2 .swiper-wrapper .swiper-slide a .title .sub { margin-top:4px; }

  .event-popup { width:100%; top:50%; left:0; transform:translate(0, -50%) ; -webkit-transform:translate(0, -50%) ; -moz-transform:translate(0, -50%) ; -ms-transform:translate(0, -50%) ; -o-transform:translate(0, -50%) ; padding:0 20px; }
  .event-popup .evt-close { right:34px; }
  .event-popup img { width:100%; }
}
@media all and (max-width: 767px) {
}
@media all and (max-width: 480px) {
  .main #headline .headline-tit { margin-top: 70%; }

  

  .section4 .item-wrap .explain { font-size:22px; line-height:30px; }
}