@charset "utf-8";
/*---------------------
* 
*  reset 
*
------------------------*/
html, body {width:100%;}
html{overflow-x: hidden;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, button, abbr, acronym, address, code,del, dfn, em, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td ,hr {margin:0;padding:0;font-size:1.0em;}
body {height:100%;min-height:100%;font-family:'Noto Sans Korean','Malgun Gothic','맑은고딕','돋움',dotum, sans-serif;font-size:16px;color:#919090;line-height:1.5}
h1, h2, h3, h4, h5, h6 {font-weight:normal;-webkit-font-smoothing: antialiased;-webkit-backface-visibility: hidden;}
ol, ul, li {list-style:none}
table {width:100%; border-collapse:collapse;border-spacing:0}
form, fieldset, iframe {display:block;border:0}
img, button {border:0 none;vertical-align:top}
hr {height:0; display:none}
i, em, address{font-style:normal}
label, button{cursor:pointer}
blockquote, q {quotes:none}
caption span, legend {overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;padding:0;margin:0;font-size:0;text-indent:-100%;white-space:nowrap;z-index:-1}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
input, textarea, select, button {font-family:'Noto Sans Korean','Malgun Gothic','맑은고딕','돋움',dotum, sans-serif;font-size:1.0em;color:#919090;line-height:1.5;letter-spacing:0;vertical-align:middle;-webkit-font-smoothing: antialiased;-webkit-backface-visibility: hidden;}
input, textarea {margin:0;padding:0}
textarea {resize:none}
a {color:#919090;text-decoration:none}
a:link, a:visited {text-decoration:none}
a:hover {text-decoration:none}

/*---------------------
* 
*  공통 
*
------------------------*/
*,div,p,span,strong,li,a,h1,h2,h3,h4,h5,nav,label{
  font-family: 'Work Sans','Noto Sans KR', sans-serif;
  font-size:16px;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;/* 사파리,크롭 텍스트 antialiased 버그 */
}
.hide,.blind{display: none;opacity:0;}

/*---------- button style ----------*/
.btn{
  overflow: hidden;
  position: relative;
}
.btn_r{
  display: inline-block;
  border:1px solid #ff0000; 
  color:#ff0000;
}
.btn_r svg{
  display: inline-block;vertical-align: middle;
}
.btn_r path{fill:#ff0000;}

.btn_w{
  display: inline-block;
  border:1px solid #fff;
   color:#fff;
  }
.btn_w svg{display: inline-block;vertical-align: middle;}
.btn_w path{fill:#fff;}

.btn_g{
  display: inline-block;
  background:#ddd;
  color:#fff;border-color:#ccc;
}

.btn-gradient{
  display: inline-block;

  -ms-filter:progid:DXImageTransform.Microsoft.Gradient(
    startColorStr='#ff0000',
    endColorStr='#702e8b', 
    GradientType=0 /*0=Vertical, 1=Horizontal gradient*/
  );

  background:-webkit-linear-gradient(110deg, rgba(223,46,58,1), rgba(112,30,139,1) );
  background:   -moz-linear-gradient(110deg, rgba(223,46,58,1), rgba(112,30,139,1) );
  background:        linear-gradient(110deg, rgba(223,46,58,1), rgba(112,30,139,1) );
  color: #fff;
}

.btn_r:hover{color:#fff;background:#ff0000; }
.btn_r:hover path{fill:#fff;}

.btn-ani:after{
  background: #fff;
  content: "";
  height: 255px;
  left: -45%;
  opacity: .2;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
}
.btn-ani:hover{
  transform: translateY(-10%);
  box-shadow:0 0 .5em rgba(0,0,0,.3);
}
.btn-ani:hover:after{
  left: 120%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

/*---------- 컨텐츠 max 너비 ----------*/
/* .head, .main_txt, .section_title, .sec_top, .foot, */
/* .section_page3 .sec_con, */
.max-wid{
  max-width:1000px;
  width:100%;
  margin: 0 auto;
}

.fullpage{
  position: fixed;top:0;left:0;bottom:0;width:100%;
  z-index:9999;display:none;

  -ms-filter:progid:DXImageTransform.Microsoft.Gradient(
    startColorStr='#ff0000',
    endColorStr='#702e8b', 
    GradientType=0 /*0=Vertical, 1=Horizontal gradient*/
  );
  background:-webkit-linear-gradient(110deg, rgba(223,46,58,1) 18em, rgba(112,30,139,1) 82em);
  background:   -moz-linear-gradient(110deg, rgba(223,46,58,1) 18em, rgba(112,30,139,1) 82em);
  background:         linear-gradient(110deg, rgba(223,46,58,1) 18em, rgba(112,30,139,1) 82em);
  -webkit-transition: 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9);
      -ms-transition: 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9);
          transition: 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9);
}

/* layout */
.box-row{
  display: -webkit-box;
  display: -webkit-flex;
  display:     -ms-flexbox;
  display:         flex;
  
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;

  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.box-col-1{width: 100%;}
.box-col-2{width: 50%;}
.box-col-3{width: 33%;}
.box-col-4{width: 25%;}
.box-col-5{width: 20%;}
.box-col-6{width: 16.66%;}
.box-col-7{width: 14.285%;}
.box-col-8{width: 12.5%;}

.box-col{
  display: -webkit-box;
  display: -webkit-flex;
  display:     -ms-flexbox;
  display:         flex;
  
  -webkit-box-lines: single;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

/*---------- gradient ----------*/
/* text gradient */
.color-gra{
  background: -webkit-linear-gradient(171deg, rgba(255,51,64,1) 30%, rgba(111,30,140,1) 60%);
  background:         linear-gradient(171deg, rgba(255,51,64,1) 30%, rgba(111,30,140,1) 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: rgba(111,30,140,1);
}
.color-gra2{
  background: -webkit-linear-gradient(290deg, rgba(255,51,64,1) 1em, rgba(111,30,140,1) 10em);
  background:         linear-gradient(290deg, rgba(255,51,64,1) 1em, rgba(111,30,140,1) 10em);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: rgba(111,30,140,1);
}
/* svg-text gr */
/* .gr-text{
  color: rgba(111,30,140,1);
  -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(transparent, transparent),
             url(../images/gr-text-bg.jpg) repeat center;
  background: -o-linear-gradient(transparent, transparent);
  -webkit-background-clip: text;
}
.gr-text2{
  color: rgba(111,30,140,1);
  -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(transparent, transparent),
             url(../images/gr-text-bg2.jpg) repeat center;
  background: -o-linear-gradient(transparent, transparent);
  -webkit-background-clip: text;
}
.gr-text svg {
  height: 8em;
  width: 100%;
} */



/* back  */
.bg-gra-s{
  background: -webkit-linear-gradient(112deg, rgba(255,51,64,1) .5em, rgba(111,30,140,1) 4em);
  background:         linear-gradient(112deg, rgba(255,51,64,1) .5em, rgba(111,30,140,1) 4em);
}
.bg-gra-m{
  background:-webkit-linear-gradient(110deg, rgba(223,46,58,1) 30%, rgba(112,30,139,1) 60%);
  background:        linear-gradient(110deg, rgba(223,46,58,1) 30%, rgba(112,30,139,1) 60%);
}
.bg-gra-l{
  background:-webkit-linear-gradient(110deg, rgba(223,46,58,1) 18em, rgba(112,30,139,1) 82em);
  background:        linear-gradient(110deg, rgba(223,46,58,1) 18em, rgba(112,30,139,1) 82em);
}
/* media query로 cross IE10+ CSS styles */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .color-gra {
        /* color: rgba(111,30,140,1); */
        background: transparent;
    }
    .color-gra2{
      /* color: rgba(255,51,64,1); */
      background: transparent;
    }

    .bg-gra-s,.bg-gra-m,.bg-gra-l{
      -ms-filter:progid:DXImageTransform.Microsoft.Gradient(
        startColorStr='#ff0000',
        endColorStr='#702e8b', 
        GradientType=0 /*0=Vertical, 1=Horizontal gradient*/
      );
      background: #df2e3a;
    }

    /* .box-time-text:not(span){
      color: rgba(111,30,140,1);
    } */  

    /* ie에서는 img로 대체..svg.. 아직 갈길ㅇ...ㅜㅜ */
    .banner-left .color-gra,
    .section-info .con-title-txt.color-gra,
    .contents-box-bottom .box-list:nth-child(1) .color-gra2,
    .contents-box-bottom .box-list:nth-child(2) .color-gra2,
    .contents-box-bottom .box-list:nth-child(3) .color-gra2,
    .contents-box-bottom .box-sub .box-sub-list:nth-child(1) .color-gra2,
    .contents-box-bottom .box-sub .box-sub-list:nth-child(2) .color-gra2,
    .contents-box-bottom .box-sub .box-sub-list:nth-child(3) .color-gra2,
    .section-location .point-text.color-gra{
      color: transparent;
    }
    .banner-left .color-gra{
      background: url(../images/cross/ie-title1.png);
      background-size:auto 100%;
    }
    .section-info .con-title-txt.color-gra{
      background:url(../images/cross/ie-title2.png) no-repeat;
      background-size:auto 100%;
    }
    .contents-box-bottom .box-list:nth-child(1) .color-gra2{
      background: url(../images/cross/ie-title3.png) no-repeat center;
    }
    .contents-box-bottom .box-sub .box-sub-list:nth-child(1) .color-gra2{
      background: url(../images/cross/ie-title4.png) no-repeat center;
    } 
    .contents-box-bottom .box-sub .box-sub-list:nth-child(2) .color-gra2{
      background: url(../images/cross/ie-title5.png) no-repeat center;
    } 
    .contents-box-bottom .box-sub .box-sub-list:nth-child(3) .color-gra2{
      background: url(../images/cross/ie-title6.png) no-repeat center;
    } 
    .contents-box-bottom .box-list:nth-child(2) .color-gra2{
      background: url(../images/cross/ie-title7.png) no-repeat center;
    }
    .contents-box-bottom .box-list:nth-child(3) .color-gra2{
      background: url(../images/cross/ie-title8.png) no-repeat center;
    }
    .section-location .point-text.color-gra{ 
      background: url(../images/cross/ie-title9.png) no-repeat center;
    }
    
}


/*---------- top btn ----------*/
.page_top{
  display: none;
  position:fixed; 
  right:12%; bottom:30px;
  width:66px; height:66px;  
  border-radius:5px;
  background:#701e8b;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
  z-index: 5000;
  cursor: pointer;
  box-shadow: 0 0 5px rgba(0,0,0,.3);
}
.page_top i{ 
  font-size:66px; 
  color:#fff;
}

.page_top:hover{
  box-shadow: 0 0 .9em rgba(95,66,68,.4);
  background:#df2e3a;
}

.page_top:hover i{ color:#fff; }

/* //top btn */



/*------------ 
* header
-----------*/
.header{
  /* position:relative; */
  position: absolute;
  top: 0;left: 0;right: 0;
  width:100%;
  z-index:9000;
}

/*---------- 카운트다운 ----------*/
.time_wrap{
  width:100%;
  background:rgba(0,0,0,1);
  height:60px;line-height:60px;
}
.time_txt{
  max-width:1000px;width:100%;margin: 0 auto;
  text-transform:uppercase;
  font-size:18px;
  text-align: center;color:#fff;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;/* 사파리,크롭 텍스트 antialiased 버그 */
}
.t_txt{color:#ff0000;font-weight:900;}
/*---------- //카운트다운 ----------*/

.head{
  height:80px;

  display: -webkit-box;
  display: -webkit-flex;
  display:     -ms-flexbox;
  display:         flex;
  
  -webkit-box-lines: single;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;

  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.head>h1{width:8%;height:55px;}
.head>nav{width:74%;}
.head>a:nth-child(2){ margin-left: auto; }
.head>a{
  /* width:18%; */
  height:45px;
  line-height: 45px;
  /* margin-left: auto; */
}
.head>a span{ display:block;}

.logo>a{display: block;width:100%;height:100%;text-align: left;}
.logo svg{width:100%;}
.logo .st0{fill:#eee;} .logo .st1{fill:#fff}

.gnb{
  display: -webkit-box;
  display: -webkit-flex;
  display:     -ms-flexbox;
  display:         flex;
  
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  
  -webkit-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.gnb>li{padding:1% 2%;}
.gnb>li>a{display: block;color:#fff;text-transform:uppercase;}
.gnb>li>a svg{vertical-align: middle;}

.gnb>li.on{font-weight: 600;}
.hide{display: none;}
.gnb>li:hover a{text-decoration: underline;}

.bt_ticket{
  border:1px solid #fff;
  box-sizing: border-box;
}
.bt_ticket span{
  display: block;
  text-transform:uppercase;
  text-align: center;
  color:#fff;
  /* line-height: 45px; */
}
.bt_ticket:hover{background:#fff;}
.bt_ticket:hover span{color:#a1266b;}

.bt_fb{
  width: 45px;height: 45px;
  background-color: #fff;
  -webkit-mask: url(../icon-fb.svg) no-repeat center;
  mask: url(../icon-fb.svg) no-repeat center;
}

/*---------- header fix ----------*/
.header.fix{
  position: fixed;top:0;left:0;
  background:#fff;
  box-shadow:2px 2px 10px rgba(0,0,0,0.3);
  transition:0.3s;
  /* height:65px; */
}
.header.fix .time_wrap{display: none;}
/* .header.fix .head>h1{margin-top:0px;} */
.header.fix .logo .st0{fill:#df2626;}
.header.fix .logo .st1{fill:red}
/* .header.fix nav,header.fix .bt_ticket{margin-top:10px;} */
.header.fix .gnb>li>a,
.header.fix .gnb>li a path{color:#333;fill:#333;}
.header.fix .bt_ticket{border-color:#ff0000;}
.header.fix .bt_ticket span{color:#ff0000;}
.header.fix .gnb>li:hover a{text-decoration: underline;}
.header.subhead.fix{border:none;}

.gnb>li:last-child:hover>a path,
.header.fix .gnb>li:last-child:hover>a path{fill:#3b579d;}
.header.fix .bt_ticket:hover{background:#ff0000;}
.header.fix .bt_ticket:hover span{color:#fff;}
.header.fix .bt_fb{background:#a1266b;}
/*---------- //header fix ----------*/


/*------------ 
* footer
-----------*/
.footer{
  position: absolute;
  bottom:0;left: 0;right: 0;
  margin: center;
  text-align: center;
  padding: 5% 0;
}
.copy {
  width: 100vw;
  text-align: center;
}

/*------------------------  
* contents
------------------------*/
.contents{position: relative;}
.section_page{ position: relative;}
article:not(.notPadding){ padding: 9% 0; }


/* title */
.con-title{ text-align: center; }
.con-title-txt{
  font-family: 'Work Sans';
  font-weight: 900;
  letter-spacing: -.02em;
  font-size:43px;
}

.section_title{
  position: absolute;
  /* top:190px; */top:10%;
  left:0;right: 0;
  width:1000px;z-index:1;
  opacity:0;overflow: hidden;
  font-size:6em;
  font-family: 'Monoton', cursive;
  text-transform:uppercase;
  letter-spacing: -3px;
  text-indent:-9999px;
}


@keyframes titleAni {
  20%,100%{
    -webkit-transform-origin:bottom;
            transform-origin:bottom;
    -webkit-transition: .3s;
            transition: .3s;
  }
  0%{opacity: 0;}
  20%{
    -webkit-transform:translateY(100%);
            transform:translateY(100%);
    opacity: 0;} 
  100%{
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;}
}
@-ms-keyframes titleAni {
  20%,100%{-ms-transform-origin:bottom;-ms-transition: .3s;}
  0%{opacity: 0;}
  20%{-ms-transform:translateY(100%);opacity: 0;} 
  100%{-ms-transform: translateY(0);opacity: 1;}
}


/*------------------------  
* navigator
------------------------*/
.page-navi{
  position: fixed;
  top: 0;bottom: 0;left:1%;
  width:20px;
  z-index: 100;
}
.page-navi ul{
  position: absolute;
  top: 0;bottom: 0;left: 0;right: 0;
  width: 15px;height: 20%;
  margin: auto;
}
.navi-item{
  width: 12px;height: 12px;
  background:rgba(0,0,0,.3);
  border-radius: 12px;
  margin-bottom: 20px;
  box-shadow: 0 0 1px rgba(0,0,0,.5);
}
.navi-item.on{
  background:rgba(233, 9, 214, 1);
}


/*------------------------  
* window scroll bar custom
------------------------*/
/* ie */
body {
  scrollbar-face-color: #a1266b;
  scrollbar-track-color: #fff;
  scrollbar-arrow-color: transparent;
  scrollbar-highlight-color: #e0e0e0;
  scrollbar-3dlight-color: transparent;
  scrollbar-shadow-color: #e0e0e0;
  scrollbar-darkshadow-color: transparent;
}

/* //스크롤바 너비 */
::-webkit-scrollbar{
  width:10px;height: 10px;
}
/* //위아래 화살표 버튼 */
::-webkit-scrollbar-button {
  box-shadow: 0;border:0;background: none;
  display: none;
}
/* // 스크롤바 */
::-webkit-scrollbar-thumb{
  border-radius:50px;
  background: #a1266b;
}
/* //스크롤바 백그라운드 */
::-webkit-scrollbar-track-piece{
  background: transparent;
}
/* //스크롤 횡,종 만나는.. 모서리 */
::-webkit-scrollbar-corner {
  background: none;
}
/* //리사이즈 모서리 */
::-webkit-resizer {
  background: none;
}


/*--------------------------------------
    210311 팝업추가
---------------------------------------*/
#popbg, #popup14{}
#popbg{background: rgba(0,0,0,0.7);position:fixed;top:0;left:0;z-index:999999;}
#popup14{position:fixed;top:50%;left:50%;z-index:9999999;transform:translate(-50%, -50%);width: 50%;max-width: 600px;background-color: #fff;padding-bottom: 35px; /*padding: 10px;width: 380px;height: 443px;*/}
/*#popup14::before{content:"";display:block;background: url(https://mobiinsidecontent.s3.ap-northeast-2.amazonaws.com/kr/wp-content/uploads/2021/01/25113910/popup.jpg) no-repeat center;width: 380px; height: 423px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#popup14 img{display: none;}
#popup14::before, #popup14::after{content:"";display:block;clear:both;}
#popup14 img{display: block;}
#popup14 .todaycloseWin{float: left;font-size: 14px;}
#popup14 .closeWin{float: right;font-size: 14px;}*/
#popup14 a{display: block;}
#popup14 img{display: block;width: 100%;}
#popup14 .todaycloseWin{font-size: 14px;position:absolute;left: 3%;bottom:7px;color: #000;}
#popup14 .closeWin{font-size: 14px;position:absolute;right: 3%;bottom: 7px;color: #000}

@media screen and (max-width: 768px){
	#popup14{width: 85%;max-width: 380px;/*padding:0 0 2%;height: 100vw;max-height: 440px;*/}
	/*#popup14::before{background-size: 100%;width: 100%;height: 100vw;max-height: 423px;}*/
	#popup14 img{width: 100%;}
	#popup14 .todaycloseWin{font-size: 12px;}
	#popup14 .closeWin{font-size: 12px;}
}
@media screen and (max-width: 460px){
	#popup14{width: 80%;transform:translate(-50%, -45%);}
}