@charset "utf-8";

/* menupopup */
.eventPage{position:fixed;left:0;top:100vh;z-index:100;width: 100%;height:200%;transition:cubic-bezier(0.18, 0.69, 0.32, 1.08) all .7s;display:none;}
.eventPage.on{top:0;}
.eventPage.block{display:block;}

.eventPage .inner{position: absolute;top: 100vh;width:1050px;height: 700px;background:url('../../images/common/susi-image.jpg');left: 50%;transform: translateX(-50%);overflow: hidden;transition:all ease .5s;border-radius: 25px 25px 0 0;}
.eventPage .inner .txt{position: relative;padding-top: 60px;padding-left: 50px;}
.eventPage .inner .txt:before{content:'';width: 1200px;height: 800px;background:#8b0029;position:absolute;left: -525px;top:0;transform: skewX(30deg);}
.eventPage .inner .txt:after{content:'';width:820px;height:660px;background:url('../../images/common/susi-tiger.png') no-repeat center;position:absolute;left:-100px;top:80px;z-index: 1;}
.eventPage.on .inner{top: calc(100vh - 700px);}
.eventPage .inner .txt .title{position:relative;padding-bottom: 40px;margin-bottom: 20px;}
.eventPage .inner .txt .title:after{content:'';width:1px;height: 25px;background:#fff;position:absolute;left:0;bottom:0;}
.eventPage .inner .txt .title > strong{font-size:40px;font-family:'Noto Thin';color:#fff;letter-spacing:-0.05em;line-height:1.4;}
.eventPage .inner .txt .title > strong > span{font-family:'Noto Bold';}
.eventPage .inner .txt .conts{position:relative;z-index: 9;color:#fff;}
.eventPage .inner .txt .conts > span{font-family:'Noto Regular';font-size:22px;color:#fff;display:block;}
.eventPage .inner .txt .conts > strong{font-family:'Noto Bold';font-size:50px;color:#fff;display:block;margin-bottom: 20px;}
.eventPage .inner .txt .conts > ul > li{font-family:'Noto Light';font-size:17px;color:#fff;position:relative;padding-left: 15px;}
.eventPage .inner .txt .conts > ul > li:before{content:'';width:7px;height:7px;background:#fff;position:absolute;left:0;top:10px;border-radius:50px;}
.eventPage .inner .txt .conts > ul > li + li{margin-top:10px;}
.eventPage .inner .txt .conts > ul > li > span{font-family:'Noto Regular';font-size:17px;color:#fff;position:absolute;left:14px;top:0;}
.eventPage .inner .txt .conts > ul > li:nth-child(3){padding-left:15px;}
.eventPage .inner .txt .conts > ul > li:nth-child(3) > span{position:initial;}
.eventPage .inner .txt .conts > p {color:#fff;font-size:17px;margin-top:25px;}
.eventPage .inner .txt  a{border:1px solid #fff;color:#fff;font-family:'Noto Light';border-radius:10px;padding:7px 35px;margin-top:40px;display:inline-block;transition:all ease .5s;}
.eventPage .inner .txt > a.event-detail-btn{position:absolute;right:20px;top: -10px;background: #8b0029;padding: 7px 20px;}
.eventPage .inner .txt .conts > a:hover{background:#fff;color:#8b0029;font-family:'Noto Regular';}
.eventPage .inner a.event-p-close{border:1px solid #fff;color:#fff;font-family:'Noto Light';padding:5px 25px;border-radius:10px;transition:all ease .5s;}
.eventPage .inner a.event-p-close:hover{background:#fff;color:#8b0029;font-family:'Noto Regular';}

@media (max-width: 1800px) {
  .eventPage .inner{width:900px;}
}

@media (max-width: 1700px) {
  .eventPage .inner{width:800px;}
}

@media (max-width: 1600px) {
  .eventPage .inner{left:10%;transform:translate(0);}
}

@media (max-width: 1400px) {
  .eventPage .inner{left:5%;}
}

@media (max-width: 1200px) {
  .eventPage .inner{left:0;width:100%;}
}

@media (max-width: 1023px) {
}

@media (max-width: 767px) {
  .eventPage.on .inner{top:0;height:100%;border-radius:0;}
  .eventPage .inner .txt:before{transform:skew(0);height:100vh;width: 100%;left: 0;}	
  .eventPage .inner .txt .title > strong{font-size:30px;}	
  .eventPage .inner .txt .conts > strong{font-size:38px;}	
  .eventPage .inner .txt > a.event-detail-btn{margin-top:20px;}	
}

#header{position:absolute; top:0; width:100%; z-index:8;}
.main #header{top:-100px;animation: toBottom 2s forwards;animation-delay:1s;}
#header .container{position:relative;margin:25px auto;width: calc(100% - 100px);}
#header .head_logo{display:inline-block;width: 262px;}
#header .head_logo a{display:block;}

@keyframes toBottom {
  from { top:-100px;}
  to { top:0;}
}

#header .head_util{position:absolute;right:0;top:10px;display: flex;align-items: center;}
#header .head_util .util_list > li > a{color:#fff; display:inline-block;}
#header .head_util .search > a{width:38px;height:38px;text-indent:-9999px;border-radius:100%;background: #8b0029 url(./../../images/common/util-search.png) center center no-repeat;}
#header .head_util .darkmode a.tolight{width:25px; height:25px; text-indent:-9999px; background:url(./../../images/common/util-white.png) center center no-repeat;}
#header .head_util .darkmode a.todark{width:25px; height:25px; text-indent:-9999px; background:url(./../../images/common/util-dark.png) center center no-repeat;}
#header .head_util .darkmode a._on{display:none;}
#header .head_util .lang > a{background:url(./../../images/common/util-lang-arr.png) right 13px no-repeat; padding-right:15px;}
#header .head_util .lang .lang-list{display:none;background-color: rgba(180,180,180,0.35);position:absolute;margin-top:12px;width:100px;border-radius: 7px;padding: 5px 0;}
#header .head_util .lang .lang-list li{color:#fff;}
#header .head_util .lang .lang-list li + li:before{content:'';;width:70%;height:1px;background:rgba(255,255,255,0.25);position:absolute;top:1px;left:15%;}
#header .head_util .lang .lang-list li a{color:#fff;padding:7px 12px;display:block;font-size:16px;}

#header .head_util .darkmode a.tolight{display:none;}
.util_list{display: flex;align-items: center;}
.util_list li{padding: 0 20px;text-align: left;position:relative;}
.dark-notice{position:absolute;width: 270px;background: rgba(255,255,255,0.35);padding:5px 12px 7px 12px;box-sizing:border-box;border-radius:5px;right:0;top:50px;opacity: 0.7;display:none;}
.dark-notice:before{content:'';width:0;height:0;position:absolute;right:19px;top:-30px;border-bottom:15px solid rgba(255,255,255,0.35);border-top:15px solid transparent;border-left:12px solid transparent;border-right:12px solid transparent;}
.dark-notice > span{font-size:16px;color:#fff;}
.dark-notice .dark-notice-close{width:18px;height:18px;position:relative;text-indent:-9999px;text-align:left;display:inline-block;}
.dark-notice .dark-notice-close:before{content:'';width:1px;height:15px;background:#fff;position:absolute;left:13px;top:6px;transform:rotate(45deg);}
.dark-notice .dark-notice-close:after{content:'';width:1px;height:15px;background:#fff;position:absolute;left:13px;top:6px;transform:rotate(-45deg);}

.dark-notice.on{animation:disappear 5s both;}
@keyframes disappear{
  0%{opacity:0.7;}
  75%{opacity:0.7;}
  100%{opacity:0;}
}

.dark-notice.close{display:none !important;}

body.on #header .head_util .darkmode a.tolight{display:block;}
body.on #header .head_util .darkmode a.todark{display:none;}
body[data-darkmode=on] #header .head_util .darkmode a.tolight{display:block;}
body[data-darkmode=on] #header .head_util .darkmode a.todark{display:none;}

body::-webkit-scrollbar {width:8px;}
body::-webkit-scrollbar-thumb {background: #555;border-radius: 5px;}
body::-webkit-scrollbar-track {background: rgb(100 100 100 / 15%);}

/*gnb**/
.head_util .btn-gnb button{display:block;/* text-indent:-9999px; */width:36px;height:30px;/* background:url(./../../images/common/gnb-btn.png) center center no-repeat; */}
.head_util .btn-gnb span{width:100%;height: 3px;background:#fff;display:block;transition:all ease .5s;}
.head_util .btn-gnb span + span{margin-top: 4px;}
.head_util .btn-gnb:hover span:nth-child(1) {transform: rotate(-12deg);}
.head_util .btn-gnb:hover span:nth-child(3) {transform: rotate(12deg);}

.head_navi{background: rgba(0,0,0) url(../../images/common/menu-bg1.jpg) no-repeat;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 101;display:none;background-position: center top;text-align: center;background-size: cover;}
#header.bg1 .head_navi{background: rgba(0,0,0) url(../../images/common/menu-bg1.jpg) no-repeat;background-size:cover;background-position: center top;}
#header.bg2 .head_navi{background: rgba(0,0,0) url(../../images/common/menu-bg2.jpg) no-repeat;background-size:cover;background-position: center top;}
#header.bg3 .head_navi{background: rgba(0,0,0) url(../../images/common/menu-bg3.jpg) no-repeat;background-size:cover;background-position: center top;}
#header.bg4 .head_navi{background: rgba(0,0,0) url(../../images/common/menu-bg4.jpg) no-repeat;background-size:cover;background-position: center top;}
#header.bg5 .head_navi{background: rgba(0,0,0) url(../../images/common/menu-bg5.jpg) no-repeat;background-size:cover;background-position: center top;}
#header.bg6 .head_navi{background: rgba(0,0,0) url(../../images/common/menu-bg6.jpg) no-repeat;background-size:cover;background-position: center top;}
#header.bg7 .head_navi{background: rgba(0,0,0) url(../../images/common/menu-bg7.jpg) no-repeat;background-size:cover;background-position: center top;}
.head_navi.on{}
.head_navi .menu-top{/**max-width: 1860px;**/margin: 25px auto;text-align: left;display: flex;width:calc(100% - 100px);align-items: center;position: relative;border-bottom: 1px solid #3a3a3a;padding-bottom: 25px;}
.head_navi .menu-util{display: flex;padding-left: 80px;position: relative;top: -5px;}
.head_navi .menu-util .util-admin{color:#8b0029;}
.head_navi .menu-util.type-html{padding-left:20px;margin-left:20px;}
.head_navi .menu-util.type-html:before{content:'';width:1px;height:7px;position:absolute;left:0;top: 8px;background:url(./../../images/common/top-line.png) no-repeat center;}
.head_navi .menu-util li a{color:#fff;font-size: 15px;font-family: 'Noto Medium';display: block;line-height: 1.6;}
.head_navi .menu-util li + li{margin-left:20px;padding-left:20px;position:relative;}
.head_navi .menu-util li + li:before{content:'';width:1px;height: 7px;position:absolute;left:0;top: 8px;background:url(./../../images/common/top-line.png) no-repeat center;}
.head_navi .top_div{max-width:1860px;margin:0 auto;padding: 0 75px;padding-top: 20px;position: relative;}
.head_navi .btn-mgnb-close{color:#fff;width: 35px;height: 35px;text-indent: -9999px;position: absolute;top: 30px;right: 50px;background: url('../../images/common/menu-close.png') no-repeat center;}
.head_navi .top_div{}
.head_navi .top_div > ul{}
.head_navi .top_div ul .li_1{margin-top: 15px;/* position: relative; */text-align: right;}
.head_navi .top_div ul .li_1:nth-last-child(1){display:none;}
.head_navi .top_div ul .li_1 .a_1{text-align: right;display: inline-block;font-size: 60px;color: #a8a8a8;font-family: 'Noto Medium';transition: all ease .5s;position:relative;}
.head_navi .top_div ul .li_1 .a_1:hover{color:#fff;}
.head_navi .top_div ul .li_1 .a_1:after{content:'';width:0;height: 1px;background-color: #fff;position: absolute;left:0;bottom: -3px;transition:all ease .5s;}
/**.head_navi .top_div ul .li_1 .a_1:hover:after{width:100%;}**/
.head_navi .top_div ul .li_1 .a_1.on{color:#fff;}
.head_navi .top_div ul .li_1 .a_1.on:after{width:100%;}

.head_navi.on .top_div ul .li_1 .a_1{animation:totop 0.55s both;}
.head_navi.on .top_div ul .li_1:nth-child(1) .a_1{animation-delay: 0.15s;}
.head_navi.on .top_div ul .li_1:nth-child(2) .a_1{animation-delay: 0.25s;}
.head_navi.on .top_div ul .li_1:nth-child(3) .a_1{animation-delay: 0.35s;}
.head_navi.on .top_div ul .li_1:nth-child(4) .a_1{animation-delay: 0.45s;}
.head_navi.on .top_div ul .li_1:nth-child(5) .a_1{animation-delay: 0.55s;}
.head_navi.on .top_div ul .li_1:nth-child(6) .a_1{animation-delay: 0.65s;}
.head_navi.on .top_div ul .li_1:nth-child(7) .a_1{animation-delay: 0.75s;}

@keyframes totop {
  0%{top:-15px;opacity: 0;}
  100%{top:0;opacity: 1;}   
}

.head_navi .div_2{display:none;position: absolute;right: 485px;text-align:right;top: 55px;overflow-x: visible;z-index: 9;width: calc(100% - 525px);height: 700px;/**overflow-y:scroll;**/padding-right: 50px;}
.head_navi .div_2::-webkit-scrollbar {width:5px;}
.head_navi .div_2::-webkit-scrollbar-thumb {background: #555;border-radius: 5px;}
.head_navi .div_2::-webkit-scrollbar-track {background: rgb(100 100 100 / 15%);}

.head_navi .div_2.heightLow{overflow-y:initial;}

.head_navi .div_2 > ul{max-height: 520px;overflow: visible;display: flex;flex-direction: column;align-items: flex-end;}
.head_navi .div_2 .li_2 {/* position:relative; */max-width: 340px;/* overflow: hidden; */}
.head_navi .div_2.on{display:block;}

.head_navi .top_div ul .li_2 .a_2{font-size: 25px;color:#a8a8a8;padding-right: 45px;/* width: 320px; */position:relative;display: block;margin-left: auto;/* float: right; */font-family: 'Noto Medium';transition:all ease .5s;}
.head_navi .top_div ul .li_2 .a_2:after{opacity:0;content:'';transition:all ease .5s;background:url('../../images/common/menu-gray-arrow.png') no-repeat center;width:25px;height: 7px;position:absolute;right: 0;top: 14px;}
.head_navi .top_div ul .li_2 .a_2.on{color:#fff;}
.head_navi .top_div ul .li_2 .a_2.on:after{opacity:1;}
.head_navi .top_div ul .li_2 .a_2:hover{color:#fff;}
.head_navi .top_div ul .li_2 .a_2:hover:after{opacity:1;}
.head_navi .div_2 .li_2 + li{margin-top: 25px;}

.head_navi .div_2.on .a_2{animation:opa-1 1s both;animation-delay:.05s;}
.head_navi .div_2.on .li_2{animation:toleft 1s both;}
.head_navi .div_2.on .li_2:nth-child(1){animation-delay:.2s;}
.head_navi .div_2.on .li_2:nth-child(2){animation-delay:.3s;}
.head_navi .div_2.on .li_2:nth-child(3){animation-delay:.4s;}
.head_navi .div_2.on .li_2:nth-child(4){animation-delay:.5s;}
.head_navi .div_2.on .li_2:nth-child(5){animation-delay:.6s;}
.head_navi .div_2.on .li_2:nth-child(6){animation-delay:.7s;}
.head_navi .div_2.on .li_2:nth-child(7){animation-delay:.8s;}
.head_navi .div_2.on .li_2:nth-child(8){animation-delay:.9s;}
.head_navi .div_2.on .li_2:nth-child(9){animation-delay:.10s;}
.head_navi .div_2.on .li_2:nth-child(10){animation-delay:.11s;}

.head_navi .div_3{/* float: right; *//* width: calc(100% - 320px); */padding-top: 4px;padding-right: 90px;display:none;position: absolute;right: 300px;top: 0;z-index: 99;}
.head_navi .div_3 ul{width: 100%;}
.head_navi .div_3 ul li{min-width: 300px;width: calc(100% / 2);margin-bottom: 15px;height: auto;}
.head_navi .div_3 .a_3{color: #a8a8a8;position:relative;font-size: 18px;font-family: 'Noto Regular';transition:all ease .5s;padding-right:35px;}
.head_navi .div_3 .a_3:after{content:'';width:0;height:1px;background:#fff;position:absolute;right:6px;top:13px;opacity:0;transition:all ease .25s;}
.head_navi .div_3 .a_3.on{color:#fff;}
.head_navi .div_3 .a_3.on:after{opacity:1;width:15px;}
.head_navi .div_3 .a_3:hover{color: #fff;}
.head_navi .div_3 .a_3:hover:after{opacity:1;width:15px;}
.head_navi .div_3.on{display:block;}

.head_navi .div_3.on .a_3{animation:toleft 1s both;animation-delay:.05s;}

.head_navi .menuUItop a[target="_blank"]:before{content:'';width: 11px;height: 11px;background:url('../../images/common/new_win_w.png') no-repeat center;display:inline-block;background-size: contain;position: relative;top: 1px;right: 7px;}

body.sc-fix{overflow:hidden;}
body{overflow:initial;}

@keyframes opa-1 {
  0%{opacity:0;}
  100%{opacity:1;}   
}

@keyframes toleft {
  0%{left:20px;opacity:0;}
  100%{left:0;opacity:1;}
}

@keyframes toright {
  0%{left:-20px;opacity:0;}
  100%{left:0;opacity:1;}
}

@media (max-width: 1600px) and (max-height:1000px) {
  .head_navi .top_div ul .li_1 .a_1{font-size:50px;}
  .head_navi .top_div ul .li_1{margin-top:10px;}  
  .head_navi .div_2{right: 400px;top: 60px;}
  .head_navi .top_div ul .li_2 .a_2{font-size:22px;}  
  .head_navi .top_div ul .li_2 .a_2:after{top:11px;}  
  .head_navi .div_3{padding-right:65px;}  
}


@media (max-width: 1200px) {
  #header .container{width:calc(100% - 60px);}
}

@media (min-width: 1200px) and (max-height:800px) {
  .head_navi .top_div{height:560px;overflow-y:scroll;margin-right: 50px;padding-right: 25px;}
  .head_navi .top_div::-webkit-scrollbar {width:5px;}
  .head_navi .top_div::-webkit-scrollbar-thumb {background: #555;border-radius: 5px;}
  .head_navi .top_div::-webkit-scrollbar-track {background: rgb(100 100 100 / 15%);}
}

@media (max-width: 1000px) {
  #header .head_logo{width:200px;}
  #header .head_navi .head_logo{opacity: 0;}
  #header .head_util{top:0;align-items: initial;}
  #header .head_util .darkmode a.todark,
  #header .head_util .darkmode a.tolight{width:20px;height:20px;background-size:cover;}
  #header .head_util .lang > a{font-size:11px;vertical-align: top;padding-top: 3px;background-position: right 10px;}
  #header .head_util .search a{width:27px;height:27px;background-size: 11px;}
  .head_navi .btn-mgnb-close{right:25px;}	
  .head_util .btn-gnb button{width:26px;height:21px;background-size:cover;margin-top: 3px;}
  .util_list li.darkmode{position: relative;top: -1px;}

  .head_navi .top_div ul .li_1{margin-top:5px;}
  .head_navi .div_2{position:initial;width: auto;padding-right: 0;height: auto;padding-top:25px;padding-bottom:45px;}
  .head_navi .top_div ul .li_2 .a_2{padding-right:0;}
  .head_navi .top_div ul .li_2 .a_2:after{display:none;}
  .head_navi .div_2 .li_2{position:relative;}
  .head_navi .div_2 .li_2 + li{margin-top:15px;}
  .head_navi .div_3{padding-right:35px;right: 280px;}

  .head_navi .menu-top{display:block;width: calc(100% - 60px);padding-right: 35px;}
  .head_navi .menu-util{padding-left:0;padding-top: 0;}
  .head_navi .top_div > ul{overflow-y:scroll;overflow-x: hidden;height: 500px;padding-right: 25px;}
  .head_navi .top_div > ul::-webkit-scrollbar {width:8px;}
  .head_navi .top_div > ul::-webkit-scrollbar-thumb {background: #555;border-radius: 5px;}
  .head_navi .top_div > ul::-webkit-scrollbar-track {background: rgb(100 100 100 / 15%);}

  .head_navi .div_2.on .li_2:nth-child(1){animation-delay:.2s;}
  .head_navi .div_2.on .li_2:nth-child(2){animation-delay:.275s;}
  .head_navi .div_2.on .li_2:nth-child(3){animation-delay:.35s;}
  .head_navi .div_2.on .li_2:nth-child(4){animation-delay:.425s;}
  .head_navi .div_2.on .li_2:nth-child(5){animation-delay:.5s;}
  .head_navi .div_2.on .li_2:nth-child(6){animation-delay:.575s;}
  .head_navi .div_2.on .li_2:nth-child(7){animation-delay:.65s;}
  .head_navi .div_2.on .li_2:nth-child(8){animation-delay:.725s;}
  .head_navi .div_2.on .li_2:nth-child(9){animation-delay:.8s;}
  .head_navi .div_2.on .li_2:nth-child(10){animation-delay:.875s;}

  .head_navi .div_3 .a_3:after{width:25px;height:7px;background:url('../../images/common/menu-gray-arrow.png') no-repeat center;background-size:contain;top:10px;}

  @keyframes toleft {
	0%{left:0;opacity:0;}
	100%{left:0;opacity:1;}
  }

  .head_navi .menu-util.type-html:before{display:none;}
  .head_navi .menu-util.type-html{margin-left:0;padding-left:0;padding-top:5px;}
}

@media (max-width: 767px) {
  #header .container{margin:15px auto;width:calc(100% - 30px);}
  .util_list li.darkmode{position: relative;top: 0;}
  .util_list li.lang{display:none;}
  .util_list li.search{/* display:none; */padding-left: 0;}
  .head_navi .top_div{padding: 0 25px 0 0;}
  .head_navi .top_div ul .li_1 .a_1{font-size:38px;}
  .head_navi .top_div ul .li_1{line-height:1.6;margin-top: 0;}
  .head_navi .top_div ul .li_2 .a_2{font-size:20px;}
  .head_navi .div_2{padding-bottom:35px;}
  .head_navi .div_3{right: 200px;padding-right: 5px;padding-bottom: 50px;}
  .head_navi .div_3 .a_3{font-size: 15px;padding-right: 15px;letter-spacing: -0.025em;}
  .head_navi .div_3 ul li{margin-bottom: 5px;}
  .head_navi .div_3 .a_3:after{display:none;}
  .head_navi .menu-util li + li{margin-left:10px;padding-left:10px;}
  .head_navi .menu-util li a{font-size:14px;}	
}

#subVisual{height: 540px;position:relative;overflow:hidden;}
#subVisual:before{content:'';width:100%;height:540px;position: fixed;left:0;top:0;animation: scale-sub-vis 3s both;z-index: -1;background: #000;}
#subVisual.m1:before{background:url('../../images/common/sub-visual.jpg') no-repeat center top;}
#subVisual.m2:before{background:url('../../images/common/sub-vis-image03.jpg') no-repeat center top;}
#subVisual.m3:before{background:url('../../images/common/sub-vis-image04.jpg') no-repeat center top;}
#subVisual.m4:before{background:url('../../images/common/sub-vis-image02.jpg') no-repeat center top;}
#subVisual.m5:before{background:url('../../images/common/sub-vis-image05.jpg') no-repeat center top;}
#subVisual.m6:before{background:url('../../images/common/sub-vis-image06.jpg') no-repeat center top;}
#subVisual.m7:before{background:url('../../images/common/sub-vis-image07.jpg') no-repeat center top;}

@keyframes scale-sub-vis{
  0%{transform:scale(1.125);opacity: 0.5;}
  100%{transform:scale(1);opacity:1;}
}
#subVisual .container{position:relative;margin:0 auto;max-width:1860px;width: calc(100% - 100px);padding-top:210px;}
#subVisual .slogan{display:flex;}
#subVisual .slogan-big{font-size:60px;color:#fff;font-family:'Noto Medium';line-height: 1;letter-spacing: -0.05em;}
#subVisual p{font-size:16px;font-family:'Noto Regular';color:#fff;line-height:1.85;padding-left: 80px;margin-left: 90px;position: relative;}
#subVisual p:before{content:'';width:1px;height: 115px;background:rgba(255,255,255,0.5);position:absolute;left:0;top:5px;}
#subVisual p i{display:block;}
#subVisual .page-move{display:none;}

#_mnb > ul > li ul li a{position:relative;}
#_mnb > ul > li ul li a[target="_blank"]:after{content:'';width:12px;height:12px;background:url('../../images/common/new_win_r.png') no-repeat center;background-size:contain;position:absolute;right:15px;top:17px;}
#_mnb > ul > li ul li a[target="_blank"]:hover:after{background:url('../../images/common/new_win_w.png') no-repeat center;background-size:contain;}

.wrap_sub_navi{max-width:1860px;margin: -100px auto 70px;width: calc(100% - 100px);position:relative;z-index:1;}
.wrap_sub_gub{display:none;}

.sub .tabNav{max-width:1606px;margin: 0 auto 120px;animation:h2-opa2 1s both;animation-delay: 0.75s;position: relative;}
.sub .tabNav .tab_div > a{display:none;}
.sub .tab_div > ul{display: flex;flex-wrap:wrap;}
.sub .tab_div > ul > li{padding: 1.5px;width: calc(100% / 4 - 3px);text-align: center;}
.sub .tab_div > ul > li a{border:1px solid #ccc;font-size:22px;font-family: 'Noto Light';color:#444;display: block;padding:15px;transition:all ease .75s;position:relative;}
.sub .tab_div > ul > li a[target="_blank"]:after{content:'';width:12px;height:12px;background:url('../../images/common/new_win_r.png') no-repeat center;background-size:contain;display:inline-block;margin-left:8px;}
.sub .tab_div > ul > li a:hover{border:1px solid #8b0029;color:#8b0029;font-family: 'Noto Regular';}
.sub .tab_div > ul > li._active a{border:1px solid #8b0029;background-color: #8b0029;color:#fff;font-family: 'Noto Regular';}

.sub .wrap_contents{padding-top:80px;overflow:hidden;background: #fff;/**z-index: 1;**/}
.sub .page_title{text-align:center;margin-bottom:70px;}
.sub .page_title h1{font-size:60px;color:#000;font-family:'Noto Bold';opacity:0;animation:h2-opa 1s both;}
.sub .page_title h1:before {content:'';display:block;margin:0 auto;width:1px;margin-bottom: 15px;height: 0;background: #8b0029;transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);position:relative;animation:h2-line 1s both;animation-delay: 0.25s;}
.sub ._contentBuilder{max-width:1600px;margin:0 auto;min-height:180px;animation:h2-opa 1s both;z-index:2;}

@keyframes h2-opa{
  0%{opacity:0;}
  100%{opacity:1;}
}

@keyframes h2-line{
  0%{height:0;}
  100%{height:45px;}
}


@media (max-width: 1600px) {
  .sub ._contentBuilder,
  .sub .tabNav{padding:0 25px;}
}


@media (max-width: 1400px) {
  #subVisual .slogan-big{font-size:50px;}
  .sub .wrap_contents{padding-top: 65px;}
  .sub .page_title h1{font-size: 46px;}
  .sub .page_title{margin-bottom:55px;}
  .sub .tab_div > ul > li > a{font-size:18px;}
}

@media (max-width: 1280px) {
  .wrap_sub_navi{margin:-65px auto 70px;}
  .sub .tab_div > ul > li{width:calc(100% / 3 - 3px);}
}

@media (max-width: 1000px) {
  #subVisual .container{padding-top:150px;}
  #subVisual .slogan-big{font-size: 45px;}  
  #subVisual p{padding-left:40px;margin-left:40px;font-size:14px;}  
  #subVisual p:before{height: 80px;}  
  #subVisual{height:380px;}
  .sub .tabNav{margin-bottom:60px;}
}

@media (max-width: 767px) {
  .wrap_sub_navi{margin: -50px 0 70px 40px;width: auto;max-width: 300px;}  
  #subVisual{height:500px;background-position: 42.5% top;}
  #subVisual .container{padding-top: 280px;width: calc(100% - 80px);}  
  #subVisual .slogan{display:block;}
  #subVisual .slogan-big{margin-bottom: 20px;display:block;font-size: 38px;}
  #subVisual p{margin-left:0;padding-left:25px;font-size: 13px;line-height: 1.7;}
  #subVisual p:before{height: 75px;}

  .sub .wrap_contents{padding-top:30px;}
  .sub .page_title{margin-bottom:60px;}
  .sub .page_title h1{font-size:40px;padding: 0 20px;line-height: 1.25;}
}

@media all and (max-width:1000px) {
  .wrap_contents .tabNav .tab_div{height:auto !important;}
  .wrap_contents .tabNav .tab_div > a {display: block;font-size: 20px;border: 1px solid #8b0029;padding: 15px;font-family: 'Noto Regular';background:url('../../images/common/m-tab-arrow.png') no-repeat 95% center;}
  .wrap_contents .tabNav .tab_div > a:hover{color:#8b0029;}
  .wrap_contents .tabNav .tab_div > a + a{display:none;}
  .wrap_contents .tabNav .tab_div > a.a_4,
  .wrap_contents .tabNav .tab_div > a.a_5{/* display:none; */}
  .wrap_contents .tabNav .tab_div ul,
  .wrap_contents .tabNav .tab_div ul._tab5ea{display:none;}
  .wrap_contents .tabNav .tab_div ul.open,
  .wrap_contents .tabNav .tab_div ul.open._tab5ea{display:block;border: 1px solid #999;position:absolute;margin-top: 5px;z-index: 99;background:#fff;width: calc(100% - 50px);}
  .wrap_contents .tabNav .tab_div.on > ul{padding-bottom:0;}
  .wrap_contents .tabNav .tab_div > ul > li{float:none;width:100% !important;display:block;text-align:left;}
  .wrap_contents .tabNav .tab_div ul._tab5ea > li{width:100% !important;}
  .wrap_contents .tabNav .tab_div > ul > li > a{border:none;padding: 0 15px;height: 45px;line-height: 45px;font-size: 16px;}
  .wrap_contents .tabNav .li_3._active .div_4{position:initial;background: #eaeaea;display: block;}
  .wrap_contents .tabNav .tab_div .div_4 ul{display:block;}
  .wrap_contents .tabNav .tab_div > ul > li > div > ul > li{background:none;font-size:15px;border:none;}
  .wrap_contents .tabNav .tab_div > ul > li > div > ul > li._active{border:none;}
  .wrap_contents .tabNav .tab_div > ul > li > div > ul > li a{font-size:15px;text-align:left;padding:10px 15px;font-family: 'Noto Light';}
  .wrap_contents .tabNav .tab_div > ul > li > div > ul > li._active a{font-family:'Noto Medium'; color:#000;}
  .wrap_contents .tabNav .li_3._active .div_4.open{display: block;}
}

.sub #contentsEditHtml{position:relative;height:100%;margin-bottom:-400px;}
.sub .search_area{padding: 280px 0;}
@media all and (max-width:1200px) {
  .sub .search_area{display:none;}
  .sub #contentsEditHtml{margin-bottom:100px;}	
}

/*footer**/
footer{background:#000;position:relative;bottom:0;left:0;width:100%;}
footer .top-footer{max-width:1600px;margin:0 auto;position:relative;display: flex;padding:50px 0;}
footer .top-footer .top-left{display: flex;}
footer .top-footer .top-left > div{padding-right:70px;}
footer .top-footer .top-left > div > strong{font-family: 'Noto Bold';color:#fff;font-size:20px;display: block;margin-bottom: 25px;}
footer .top-footer .top-left > div > ul > li,
footer .top-footer .top-left > div > ul > li > a{font-size:17px;color:#b3b3b3;font-family:'Noto Light';}
footer .top-footer .top-left > div > ul > li{margin-bottom: 5px;}
footer .top-footer .top-left > div.area3{padding-right: 0;}
footer .top-footer .top-left > div.area3 > ul{display:flex;flex-wrap:wrap;}
footer .top-footer .top-left > div.area3 > ul > li{width:calc(100% / 3);padding-right: 20px;}

footer .top-footer .top-right{padding-left:90px;position: relative;min-width: 510px;}
footer .top-footer .top-right:before{content:'';width:1px;height: 100%;position:absolute;left:0;top:0;background-color: #343434;}
footer .top-footer .top-right > div > strong{font-family: 'Noto Bold';color:#fff;font-size:20px;display: block;margin-bottom: 25px;}
footer .top-footer .top-right > div.area1{margin-bottom:50px;}
footer .top-footer .top-right > div.area1 > ul{display: flex;}
footer .top-footer .top-right > div.area1 > ul > li{text-indent: -9999px;}
footer .top-footer .top-right > div.area1 > ul > li a{width:34px;height: 33px;display: block;}
footer .top-footer .top-right > div.area1 > ul > li a.fb{background:url('../../images/common/footer-sns1.png') no-repeat center;}
footer .top-footer .top-right > div.area1 > ul > li a.bg{background:url('../../images/common/footer-sns2.png') no-repeat center;}
footer .top-footer .top-right > div.area1 > ul > li a.yt{background:url('../../images/common/footer-sns3.png') no-repeat center;}
footer .top-footer .top-right > div.area1 > ul > li a.ig{background:url('../../images/common/footer-sns4.png') no-repeat center;}
footer .top-footer .top-right > div.area1 > ul > li + li{margin-left:10px;}
footer .top-footer .top-right > div.area2 > ul{display:flex;flex-wrap:wrap;width: 100%;justify-content: space-between;}
footer .top-footer .top-right > div.area2 > ul > li{width: calc(100% / 2);/* padding-right:45px; */margin-bottom: 5px;}
footer .top-footer .top-right > div.area2 > ul > li:nth-child(odd){max-width:150px;}
footer .top-footer .top-right > div.area2 > ul > li:nth-child(even){min-width:260px;}
footer .top-footer .top-right > div.area2 > ul > li,
footer .top-footer .top-right > div.area2 > ul > li > a{font-size:17px;color:#b3b3b3;font-family:'Noto Light';}

footer .bottom-footer{padding:30px 0 50px;text-align: center;}
footer .bottom-footer .inner > ul{display: flex;justify-content: center;padding-bottom: 20px;}
footer .bottom-footer .inner > ul > li{color:#fff;position:relative;}
footer .bottom-footer .inner > ul > li + li{padding-left:20px;margin-left:20px;}
footer .bottom-footer .inner > ul > li a{color:#fff;font-size:15px;font-family:'Noto DemiLight';display:block;}
footer .bottom-footer .inner > ul > li:after{content:'';width:4px;height: 4px;background-color: #838384;border-radius: 50%;position: absolute;left: -2px;top: 10px;}
footer .bottom-footer .inner > ul > li:nth-child(1):after{display: none;}
footer .bottom-footer .inner > ul > li.red-point a{color: #f35a88;}
footer .bottom-footer .inner > ul > li .red-link{position:relative;}
footer .bottom-footer .inner > ul > li .red-link:after{content: '';width:8px;height: 8px;background:url('../../images/common/footer-link.png') no-repeat center;position:absolute;right:-18px;top:8px;}
footer .bottom-footer .inner p{font-size:16px;font-family:'Noto Light';color:#a8a8a8;margin-bottom: 20px;line-height:1.8;}
footer .bottom-footer .inner p > span{display:inline-block;margin-left:25px;}
footer .bottom-footer .inner p > span > a{color:#fff;}
footer .bottom-footer .inner p i{display:block;}
footer .bottom-footer .inner p i.numBr{display:inline-block;}
footer .bottom-footer .inner p i.rightBr{display:inline-block;}
footer .footer-mobile-sns{display:none;}

@media (max-width: 1600px) {
  footer .top-footer{padding-left:35px;padding-right:35px;}
  footer .top-footer .top-left > div > strong,
  footer .top-footer .top-right > div > strong{font-size:16px;margin-bottom: 15px;}
  footer .top-footer .top-left > div > ul > li, footer .top-footer .top-left > div > ul > li > a,
  footer .top-footer .top-right > div.area2 > ul > li, footer .top-footer .top-right > div.area2 > ul > li > a{font-size:13px;}
  footer .top-footer .top-right{padding-left:60px;}
}

@media (max-width: 1400px) {
  footer .top-footer .top-left > div{padding-right:40px;}
  footer .top-footer .top-right{min-width: 400px;}
  footer .top-footer .top-right > div.area1 > ul > li a{width:27px;height:27px;background-size:contain !important;}
  footer .top-footer .top-right > div.area1{margin-bottom:35px;}
  footer .top-footer .top-right > div.area2 > ul > li:nth-child(even){min-width: calc(100% - 85px);}
  footer .top-footer .top-right > div.area2 > ul > li:nth-child(odd){width:100px;}
  footer .bottom-footer .inner > ul > li a{font-size:13px;}
  footer .bottom-footer .inner p{font-size:14px;margin-bottom:30px;}
  footer .bottom-footer .inner > ul{padding-bottom:25px;}
  .footer-logo img{width:70px;}
}

@media (max-width: 1300px) {
  footer .top-footer{padding-top:35px;padding-bottom:35px;}
  footer .top-footer .top-left > div > strong, footer .top-footer .top-right > div > strong{font-size:14px;margin-bottom:15px;}  
  footer .top-footer .top-left > div > ul > li, footer .top-footer .top-left > div > ul > li > a,
  footer .top-footer .top-right > div.area2 > ul > li, footer .top-footer .top-right > div.area2 > ul > li > a{font-size:11px;}  
}

@media (max-width: 1200px) {
  footer .top-footer .top-left > div{padding-right:30px;}
  footer .top-footer .top-left > div.area3 > ul > li{padding-right:10px;}  
  footer .top-footer .top-right{min-width:340px;} 
  footer .top-footer .top-right > div.area2 > ul > li:nth-child(odd){width: 85px;} 
}

@media (max-width: 1000px) {
  footer .top-footer .top-left > div.area3 > ul > li{width:calc(100% / 2);}
  footer .top-footer .top-right{padding-left:25px;min-width:280px;}  
  footer .bottom-footer .inner > ul{flex-wrap:wrap;padding: 0 120px 10px;}  
  footer .bottom-footer .inner > ul > li a{padding: 5px 0;font-size: 14px;}  
  footer .bottom-footer .inner > ul > li:after{top:13px;}    
}

@media (max-width: 860px) {
  footer .top-footer .top-right{min-width:210px;}  
  footer .top-footer .top-left > div{padding-right:20px;}
}

@media (max-width: 767px) {
  footer .top-footer{display:none;}
  footer .bottom-footer .inner > ul{padding: 10px 15px 20px 15px;}
  footer .bottom-footer .inner p i{margin-bottom:20px;}  
  footer .bottom-footer .inner p i.numBr{display: block;margin-bottom: 0;}
  footer .bottom-footer .inner p > span.num1{margin-left:0;}
  footer .bottom-footer .inner > ul > li + li{padding-left:10px;margin-left:10px;}
  footer .bottom-footer .inner p i.rightBr{display:block;margin-bottom: 0;}
  .footer-mobile-sns{display:block;}
  .footer-mobile-sns > li a{width:34px;height: 33px;display: block;text-align: left;text-indent: -9999px;}
  .footer-mobile-sns > li a.fb{background:url('../../images/common/footer-sns1.png') no-repeat center;}
  .footer-mobile-sns > li a.bg{background:url('../../images/common/footer-sns2.png') no-repeat center;}
  .footer-mobile-sns > li a.yt{background:url('../../images/common/footer-sns3.png') no-repeat center;}
  .footer-mobile-sns > li a.ig{background:url('../../images/common/footer-sns4.png') no-repeat center;}
  footer .bottom-footer .inner > ul.footer-mobile-sns > li + li{padding-left:5px;margin-left:5px;}
  .footer-mobile-sns > li:after{display:none;}
}

.subDiv > ul::-webkit-scrollbar {width:5px;}
.subDiv > ul::-webkit-scrollbar-thumb {background: #555;border-radius: 5px;}
.subDiv > ul::-webkit-scrollbar-track {background: rgb(100 100 100 / 15%);}


/**sub effect**/
.sub #subVisual .slogan-big{animation: txtSacale 1.5s both;position:relative;opacity:0;}
.sub #subVisual p{animation:txt-opa 1s both;animation-delay: 0.5s;}
.sub #subVisual p:before{height:0;animation:txt-line 1s both;animation-delay: 0.5s;}

@keyframes txtSacale {
  0% { transform:scale(1.5);opacity:0;filter:blur(5px);}
  100% { transform:scale(1);opacity:1;filter:blur(0);}
}

@keyframes txt-opa {
  from { opacity:0;filter:blur(5px);}
  to { opacity:1;filter:blur(0);}
}

@keyframes txt-line {
  from { height:0;}
  to { height:115px;}
}


.sub #header{top:-100px;animation: toBottom 2s forwards;}
.sub .wrap_sub_navi{bottom: -50px;animation:toTop 2s forwards;opacity: 0;}

@keyframes toBottom {
  from { top:-100px;}
  to { top:0;}
}

@keyframes toTop {
  from { bottom:-50px;opacity:0;}
  to { bottom:0;opacity:1;}
}

@media (max-width: 1000px) {
  @keyframes txt-line {
	from { height:0;}
	to { height:85px;}
  } 
}

@media (max-width: 767px) {
  @keyframes txt-line {
	from { height:0;}
	to { height:70px;}
  } 
}



.searchWrap{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(139,0,41, 0.92);text-align:center;z-index:999;display:none;}
.searchWrap.on{}
.searchWrap .inner{}
.searchWrap .inner > form{margin: 300px auto 0;max-width:770px;}
.searchWrap .inner strong{color:#fff;font-family: 'Noto Medium';font-size:50px;text-align: center;display: block;margin-bottom:25px;}
.searchWrap .inner p{color:#fff;font-size:24px;text-align: center;margin-bottom:45px;font-family: 'Noto Light'}

.searchWrap .inner .gnb-serch{position:relative;}
.searchWrap .inner .gnb-serch input[type="text"]{width:100%;height: 70px;line-height: 70px;border:3px solid #fff;background: rgb(95 0 44 / 35%);padding:0 25px;font-size:23px;color:#fff;font-family: 'Noto Light';}
.searchWrap .inner .gnb-serch input[type="text"]::placeholder{font-size:23px;color:#fff;font-family: 'Noto Light';}
.searchWrap .inner .gnb-serch input[type="submit"]{width:60px;height: 60px;background: url('../../images/common/search-btn.png') no-repeat center;position: absolute;right: 4px;top: 4px;text-indent: -9999px;cursor:pointer;}
.searchWrap .search-close-btn{width:45px;height:45px;position: absolute;top: 70px;right: 100px;background: url('../../images/common/close-btn.png') no-repeat center;text-indent: -9999px;}

.main-popup-slide{max-width:1250px;margin: 50px auto 0;overflow:hidden;}
.main-popup-slide .slick-list{overflow:hidden;}
.main-popup-slide .slick-slide .icon img{max-width:400px;width:100%;}
.main-popup-slide .numbering .now{color:#fff;font-size:28px;font-family:'Noto Medium';margin-right:2px;position:relative;}
.main-popup-slide .numbering .now:after{content:'/';display:inline-block;font-size:14px;margin-left:6px;position:relative;top:0;}
.main-popup-slide .numbering .total{color:#fff;font-family:'Noto Thin';position:relative;top:2px;}
.main-popup-slide .control{margin-top:10px;}
.main-popup-slide .item{display:none;}
.main-popup-slide .slick-dots,
.main-popup-slide .playstop,
.main-popup-slide .prevnext{display:none !important;}

@media (max-height: 1000px) and (min-width:1200px) {	
  .searchWrap .inner > form{margin-top: 120px;}
  .searchWrap .inner p{margin-bottom:25px;}	
  .searchWrap .search-close-btn{top:40px;right:40px;}
}

@media (max-height: 860px) and (min-width:1200px) {	
  .searchWrap .inner > form{margin-top: 50px;}
  .searchWrap .inner p{margin-bottom:25px;}	
  .searchWrap .search-close-btn{top:40px;right:40px;}
  .main-popup-slide{max-width:860px;}
  .main-popup-slide .slick-slide{margin:10px;}
}

@media only screen and (max-width:1023px){
  .searchWrap .inner > form{margin-top: 120px;}	
  .searchWrap .inner{width:90%;margin: 0 auto;}
  .searchWrap .inner p{display: none;}
  .searchWrap .search-close-btn{width:32px;height:32px;background-size:contain !important;top:25px;right:20px;}
  .main-popup-slide .slick-slide{margin:10px;}
}

@media only screen and (max-width:767px){
  .searchWrap .inner{margin:0 auto 0; width:85%;}
  .searchWrap .inner > form{margin-top:75px;}
  .searchWrap .inner strong{font-size:35px;margin-bottom:45px;}
}

.wrap-page-top{position:fixed;right:25px;bottom:50px;animation: page-fix-opa 1s both;animation-delay:3s;z-index: 1002;}
.wrap-page-top.off{z-index:1;}
.wrap-page-top > ul > li + li{margin-top:7px;}
.wrap-page-top .gotop > a{position:relative;width:40px;height:40px;color:#fff;background: #8b0029 url('../../images/common/arrow_3_w.png') no-repeat center;border-radius:50%;text-align:center;display:block;font-size:10px;padding-top:15px;text-indent: -9999px;background-size: 15px;}
.wrap-page-top .gotop > a:before{content:'';border-top:1px solid transparent;border-bottom:4px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent;position:absolute;left:50%;margin-left:-4px;top:9px;display: none;}
.wrap-page-top .darkmode2{width:40px;height:40px;background:#8b0029;border-radius:50%;position:relative;}
.wrap-page-top .darkmode2 a{color:#fff;display:inline-block;background-size: 20px !important;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.wrap-page-top .darkmode2 a.tolight{width:20px; height:20px; text-indent:-9999px; background:url(./../../images/common/util-white.png) center center no-repeat;}
.wrap-page-top .darkmode2 a.todark{width: 40px;height: 40px;text-indent:-9999px;background:url(./../../images/common/util-dark.png) center center no-repeat;}
.wrap-page-top .darkmode2 a._on{display:none;}
.wrap-page-top .darkmode2 a.tolight{display:none;}
.wrap-page-top .darkmode2 > span{position:absolute;top:4px;right:100%;margin-right:8px;font-size:15px;background:rgba(35,35,35,0.55);color:#fff;width:235px;padding:5px 12px;border-radius:8px;display: none;}
@keyframes page-fix-opa {
  0%{opacity:0;right:0;}
  100%{opacity:1;right:25px;}
}

body.on .wrap-page-top .darkmode2 a.tolight{display:block;}
body.on .wrap-page-top .darkmode2 a.todark{display:none;}
body[data-darkmode=on] .wrap-page-top .darkmode2 a.tolight{display:block;}
body[data-darkmode=on] .wrap-page-top .darkmode2 a.todark{display:none;}

.footer-logo img{vertical-align:middle;width:85px;}
.footer-logo img + img{margin-left:15px;}