@charset "euc-kr";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');




.color-box01{width:100%;margin-top:100px;background-color:#333333}
a:focus {outline:none;}
#menu-container01 {
    position: fixed;
    top: 0px;
    width:100%;
    height: 130px;   
    padding-left: 0px;
    padding-top: 0px; 
    margin:0 auto;
    text-align:left;
    box-sizing: border-box;
    color: #000;
    background-color: #000;
    z-index:999;
    -webkit-transition: padding-left 200ms linear;
    -moz-transition: padding-left 200ms linear;
    -ms-transition: padding-left 200ms linear;
    -o-transition: padding-left 200ms linear;
    transition: padding-left 200ms linear;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.0);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.0);
}
#menu-container01.fixed {
    padding-left: 0px;
    font-size: 1em;
    font-weight: bold;
    font-color: #fff;
    width:100%;
    height:130px;
    right:0px;
    padding-top: 0px;
    margin:-74px auto;
    transition:0.3s ease;
    background-color: #000;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
    opacity:0.98;
}
#menu-container01 .menu-item {
    font-size: 1.4em;
    font-weight: bold;
    color: #ffffff;
}
#menu-container01 .menu-icon {
    display: block !important;
    position: absolute;
    left: 15px;
    top: 96px;
    z-index:999;
    font-size: 1.6em;
    font-weight: bold;
    color: #000;
    opacity:0;
    -webkit-transition: left 500ms linear;
    -moz-transition: left 500ms linear;
    -ms-transition: left 500ms linear;
    -o-transition: left 500ms linear;
    transition: left 500ms linear;
}
#menu-container01 .menu-icon.on {
    transition:1s ease;
    opacity:1;
}
@media (max-width: 1024px) {
#menu-container01 {display:none;}
#menu-container02 {
    position: fixed;
    top: 0px;
    left: 0px;
    width:100%;
    height: 0px;
    padding-left: 0px;
    padding-top: 0px;
    margin:0 auto;
    box-sizing: border-box;
    color: #000;
   /* background-color: #555555;*/
    z-index:999999999999999999;
    -webkit-transition: padding-left 200ms linear;
    -moz-transition: padding-left 200ms linear;
    -ms-transition: padding-left 200ms linear;
    -o-transition: padding-left 200ms linear;
    transition: padding-left 200ms linear;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
}
#menu-container02.fixed {
    padding-left: 0px;
    font-size: 1em;
    font-weight: bold;
    font-color: #fff;
    height:20px;
    margin:0 auto;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
}
}
.gnb-wrap01{text-align:center;margin:0 auto;border-top:0px solid #ddd;position:absolute;left:0;right:0;top:78px;background:#000;height:54px;}
.gnb-wrap02{}
@media (min-width: 1025px) {
.gnb-wrap02{display:none;}
}
@media (max-width: 1024px) {
.gnb-wrap01{display:none;}
}
.mj-menu01{font-weight:normal;position:absolute;top:30px;right:30px;text-align:right;padding:0px 0 0px 0;overflow:hidden;z-index:9999;}
.mj-menu01 a{font-size:11px;padding:0px 3px 0 6px;margin-left:-1px;color:#888;font-family: Open Sans, Noto Sans KR, Malgun Gothic, Nanum Gothic;}
.mj-menu01 .fst{float:left;padding:10px 10px 4px 10px;}
.mj-menu01 .snd{float:left;padding:10px 10px 4px 10px;}
.mj-menu01 .trd{text-align:center;padding:10px 5px 10px 5px;}
.mj-menu01 .fth{text-align:center;padding:10px 0px 10px 5px;}
.mj-menu01 .last{font-size:1px;color:#ffffff;text-align:center;padding:10px 2px 10px 2px;}
.logo{position:absolute;top:35px;left:50%;transform:translateX(-50%);}
.head {width:1000px; position:relative;margin:0 auto;height:54px;z-index:99999;}
.head .gnb {*zoom:1; margin:10px 0 0 0;}
.head .gnb:after {content:"";display:block;clear:both;}
.head .gnb li.gnb-menu {float:left; width:160px; position:relative;}
.head .gnb li.gnb-menu > a {display:block; font-size:15px;font-weight:normal;text-align:center;letter-spacing:-0.02em;line-height:30px;color:#eee;padding:3px 0 9px 0;border-bottom:2px solid #000;transition:0.3s ease;}
.head .gnb li.gnb-menu:hover > a {color:#cc1b38;padding:3px 0 9px 0;border-bottom:2px solid #cc1b38;}
.head .gnb li.gnb-menu a.active_nav {color:#a87860;}
.head .gnb li.gnb-menu .nav-cat {width:160px;height:0;overflow:hidden;border-right:0px solid #ddd;position:absolute;top:50px;left:0;z-index:99999;
 -webkit-transition:height 200ms ease-in-out;
 -moz-transition:height 200ms ease-in-out;
 -ms-transition:height 200ms ease-in-out;
 -o-transition:height 200ms ease-in-out;
 transition:height 200ms ease-in-out
}
.head .gnb li.gnb-menu .nav-cat.open-menu { height:200px;
 -webkit-transition:height 300ms ease-in-out;
 -moz-transition:height 300ms ease-in-out;
 -ms-transition:height 300ms ease-in-out;
 -o-transition:height 300ms ease-in-out;
 transition:height 300ms ease-in-out
}
.head .gnb li.gnb-menu:first-child .nav-cat {border-left:0px solid #ddd;}
.head .gnb li.gnb-menu .nav-cat ul {padding:20px 0;}
.head .gnb li.gnb-menu .nav-cat li a {font-size:13px; font-weight:normal; line-height:18px;padding:5px 5px 5px 5px;letter-spacing:-0.025em; color:#555; display:block; text-align:center;transition:0.3s ease;}
.head .gnb li.gnb-menu .nav-cat li a:hover {color:#cc1b38; text-decoration:none;}
.s-nav {position:absolute; top:54px; left:0; height:0; width:100%; background:#fff;border-top:0px solid #ddd;
 -webkit-transition:height 300ms ease-in-out;
 -moz-transition:height 300ms ease-in-out;
 -ms-transition:height 300ms ease-in-out;
 -o-transition:height 300ms ease-in-out;
 transition:height 300ms ease-in-out
}
.s-nav.open-menu { height:200px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;
 -webkit-transition:height 200ms ease-in-out;
 -moz-transition:height 200ms ease-in-out;
 -ms-transition:height 200ms ease-in-out;
 -o-transition:height 200ms ease-in-out;
 transition:height 200ms ease-in-out
}




#lnb-wrap {position:relative;top:0px;height:30px;list-style: none;width:100%;margin:0 0 26px 0;z-index:100;}
#lnbmenu,
#lnbmenu ul,
#lnbmenu ul li,
#lnbmenu ul li a {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#lnbmenu {width: 100%;height:30px;}
#lnbmenu ul ul {display: none;}
.align-right {float: right;}
#lnbmenu > ul > li > a {
  padding: 12px 20px;
  border-left: 0px solid #1c74a2;
  border-right: 0px solid #1c74a2;
  border-top: 0px solid #1c74a2;
  cursor: pointer;
  z-index: 2;
  font-size:18px;
  text-align:center;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
#lnbmenu > ul > li > a:hover,
#lnbmenu > ul > li.active > a,
#lnbmenu > ul > li.open > a {
  color: #fff;
  background: #777;
}
.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: -3px; /*****È­»ìÇ¥À§Ä¡*****/
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 8px; /*****È­»ìǥũ±â*****/
  height: 8px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 18px;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
}
#lnbmenu > ul > li > a:hover > span::after,
#lnbmenu > ul > li.active > a > span::after,
#lnbmenu > ul > li.open > a > span::after {
  border-color: #fff;
}
.holder::before {
  top: 19px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
#lnbmenu ul ul li a {
  cursor: pointer;
  border-bottom: 1px solid #ddd;
  border-left: 0px solid #00a8e1;
  border-right: 0px solid #00a8e1;
  padding: 16px 20px; 
  z-index: 1;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: #5b5c5e;
  background: #eee;
  box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.1);
}
#lnbmenu ul ul li:hover > a,
#lnbmenu ul ul li.open > a,
#lnbmenu ul ul li.active > a {
  background: #eee;
  color: #5b5c5e;
}
#lnbmenu ul ul li:first-child > a {
  box-shadow: none;
}
#lnbmenu ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#lnbmenu ul ul ul li a {
  padding-left: 30px;
}
#lnbmenu > ul > li > ul > li:last-child > a,
#lnbmenu > ul > li > ul > li.last > a {
  border-bottom: 1px solid #ccc;
}
#lnbmenu > ul > li > ul > li.open:last-child > a,
#lnbmenu > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}
#lnbmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#lnbmenu ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 11.5px;
  border-top: 2px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#lnbmenu ul ul li.active > a::after,
#lnbmenu ul ul li.open > a::after,
#lnbmenu ul ul li > a:hover::after {
  border-color: #ffffff;
}
.nav{position:relative;text-align:center;font-size:12px;color:#fff;margin:5px 0 0 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .0);}
.nav img{vertical-align:-1px;}
.nav .current{display:inline-block;color:#fff;padding:0 0 0 8px;}
.tc01{color:#e32933;text-decoration:none;}
.tc02{color:#000;text-decoration:none;}
.ta-l{text-align:left;}
.ta-c{text-align:center;}
.ta-r{text-align:right;}
.ta-j{text-align:justify;}
.ta-b{font-weight:500;}
.ta-p{text-align:center;}
.tls{letter-spacing:1px;}
.tms{top:-20px;}
.ts01{color:#222;font-size:20px;margin:0px 0 30px 0;font-weight:500;}
.ts01 .small{color:#777;font-size:15px;font-weight:500;}
.ts02{color:#222;font-size:26px;margin:40px 0 40px 0;font-weight:500;text-align:center;}
.ts03{color:#000;font-size:18px;margin:20px 0 30px 0;font-weight:500;text-align:center;}
.ts04{color:#777;font-size:16px;margin:50px 0 8px 0;font-weight:normal;}
.ts05{color:#555;font-size:16px;margin:0px 0 20px 0;font-weight:normal;text-align:center;}
.ts06{color:#444;font-size:46px;margin:5px 0 20px 0;line-height:56px;}
.ts07{color:#444;font-size:20px;margin:20px 0 30px 0;text-align:center;}
.ts08{color:#111;font-size:14px;margin:0 0 10px 0;}
.ts09{font-size:20px;font-weight:500;color:#333;margin:80px 0 20px 0;text-align:center;}
.ts10{font-size:16px;font-weight:500;color:#333;margin:80px 0 0 0;text-align:center;}
.ts11{text-align:center;font-size:14px;font-weight:bold;color:#000;padding:10px 0 50px 0;}
.ts12{color:#111;font-size:14px;margin:0 0 10px 0;text-align:center;position:relative;top:-40px;}
.ts13 {font-weight:bold;font-size:14px;color:#111;padding:0 0 0 11px;margin:10px 0 0 0;background:url(../img/common/blet01.png) 0px 9px; background-repeat:no-repeat;}
.tb01{font-size:16px;color:#333;padding:0 0 0 11px;margin:0 0 20px 0;background:url(../img/common/blet01.png) 0px 9px; background-repeat:no-repeat;}
.tb02{font-size:16px;color:#fff;padding:0 0 0 11px;margin:0 0 20px 0;background:url(../img/common/blet02.png) 0px 12px; background-repeat:no-repeat;}
.tb03{font-size:16px;color:#000;padding:0 0 0 11px;margin:0 0 5px 0;background:url(../img/common/blet01.png) 0px 10px; background-repeat:no-repeat;}
.tb04{font-size:16px;color:#666;padding:0 0 0 11px;margin:0 0 5px 0;background:url(../img/common/blet01.png) 0px 10px; background-repeat:no-repeat;}
.tb05{font-size:18px;color:#666;padding:0 0 0 20px;margin:0 0 5px 0;background:url(../img/common/blet04.png) 0px 6px; background-repeat:no-repeat;font-weight:bold;}
.tb06{font-size:18px;color:#666;padding:0 0 0 20px;margin:0 0 -5px 0;background:url(../img/common/blet04.png) 0px 6px; background-repeat:no-repeat;font-weight:bold;}
.tl01{color:#555555;text-decoration:none;font-size:29px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:18px 0 23px 0;margin:35px 0 60px 0;text-align:center;letter-spacing:1px;}
.gnbmenu01{position:relative;top:0;}
.t1{width:100%;text-align:center;margin:0 auto; border-left:0px solid #ddd; border-right:0px solid #ddd;font-size:14px;}
.t1 caption{display:none;}
.t1 th{padding:20px 20px 20px 20px;background-color:#fafafa;color:#555;border-bottom:1px solid #ebebeb;border-left:0px solid #ddd;text-align:center;}
.t1 td{padding:20px 20px 20px 20px;background-color:#ffffff;color:#777;border-bottom:1px solid #ebebeb;border-left:0px solid #ddd;text-align:left;}
.t1 td.left{text-align:left;padding:20px 0 20px 20px;line-height:24px;}
.t1 td.left-line{border-left:1px solid #ddd;background:#000;font-size:30pt;}
.t1 td.color{color:#247000;font-size:15px;}
.t1 td.green{color:#73a05d;font-weight:bold;}
.t1 th.fst{background:#fafafa;text-align:center;font-weight:bold;color:#555; border-top:3px solid #555;}
.t1 td.fst{background:#fff;text-align:left;font-weight:normal;color:#777; border-top:3px solid #555;}
.t1 td.table{padding:0px 0px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;text-align:left;}
.t1 th.left{background-color:#eee; color:#404040; border-top:1px solid #ddd;border-right:1px solid #ddd;}
.t1 th.left-last{background-color:#eee; color:#404040; border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.t1 th:first-child{border-left:0px;}
.t1 td:first-child{border-left:0px;}
.t1 th.last,
.t1 td.last{border-bottom:1px solid #ddd;}
.t2{width:100%;text-align:center;margin:0 auto; border-left:0px solid #ddd; border-right:0px solid #ddd;font-size:16px;}
.t2 caption{display:none;}
.t2 th{padding:20px 20px 20px 20px;background-color:#ead8c0;color:#555;border-bottom:1px solid #ebebeb;border-left:0px solid #ddd;text-align:center;}
.t2 td{padding:20px 20px 20px 20px;background-color:#ffffff;color:#777;border-bottom:1px solid #ebebeb;border-left:0px solid #ddd;text-align:center;}
.t2 td.left{text-align:left;padding:20px 0 20px 20px;line-height:24px;}
.t2 td.left-line{border-left:1px solid #ddd;background:#000;font-size:30pt;}
.t2 td.color{color:#247000;font-size:15px;}
.t2 td.green{color:#73a05d;font-weight:bold;}
.t2 th.fst{background:#f4ebdf;text-align:center;font-weight:bold;color:#555; border-top:2px solid #876643;}
.t2 td.fst{background:#fff;text-align:left;font-weight:normal;color:#777; border-top:3px solid #555;}
.t2 td.table{padding:0px 0px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;text-align:left;}
.t2 th.left{background-color:#eee; color:#404040; border-top:1px solid #ddd;border-right:1px solid #ddd;}
.t2 th.left-last{background-color:#eee; color:#404040; border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.t2 th:first-child{border-left:0px;}
.t2 td:first-child{border-left:0px;}
.t2 th.last,
.t2 td.last{border-bottom:1px solid #ddd;}
.tit-main01 {text-align:center;font-size:24px;font-weight:bold;color:#000;padding:70px 0 0 0;}
.tit-main02 {text-align:center;font-size:14px;font-weight:bold;color:#333;padding:20px 0 35px 0;letter-spacing:3px;}
.tit-main03 {text-align:center;font-size:14px;font-weight:bold;color:#000;padding:10px 0 0 0;}
.tit-main03.big{font-size: 24px; line-height: 1em;}
.tit-main04 {text-align:center;font-size:32px;font-weight:bold;color:#333;padding:0 0 0 0;}
.tit-main05 {text-align:center;font-size:13px;font-weight:normal;color:#777;padding:5px 0 20px 0;font-family:'Open Sans', Arial, Verdana, sans-serif;}
.tit-main06 {text-align:center;font-size:32px;font-weight:bold;color:#333;padding:10px 0 0 0;}
.tit-main07 {text-align:center;font-size:13px;font-weight:normal;color:#777;padding:5px 0 30px 0;font-family:'Open Sans', Arial, Verdana, sans-serif;}
.tit-main08 {text-align:center;font-size:14px;font-weight:bold;color:#000;padding:0 0 0 0;}
.tit-main09 {text-align:center;font-size:14px;font-weight:bold;color:#000;padding:50px 0 50px 0;}
.tit-sub01 {text-align:center;font-size:32px;font-weight:bold;color:#222;margin:50px 0 0px 0;}
.tit-sub02 {text-align:center;font-size:13px;font-weight:normal;color:#999;margin:5px 0 45px 0;font-family:'Open Sans', Arial, Verdana, sans-serif;}
.tit-sub03 {text-align:left;font-size:36px;color:#222;font-weight:bold;margin:0 0 40px 0;}
.tit-sub04 {font-size:20px;font-weight:normal;color:#555;}
.tit-sub05 {text-align:left;font-size:28px;color:#222;font-weight:bold;margin:0 0 15px 0;}
.tit-sub06 {font-size:20px;font-weight:normal;color:#555;}
.tit-sub07 {text-align:center;font-size:32px;font-weight:bold;color:#222;margin:50px 0 0px 0;}
.tit-sub08 {text-align:center;font-size:13px;font-weight:normal;color:#999;margin:5px 0 45px 0;font-family:'Open Sans', Arial, Verdana, sans-serif;}
.tit-sub09 {text-align:left;font-size:26px;color:#222;font-weight:bold;margin:0 0 15px 0;}
.map-area{margin:0 0 50px 0;}
.km-wrap{text-align:center;margin:0 auto;}
.km-wrap h3{display:inline-block;text-align:center;font-size:22px;font-weight:bold;color:#000;position:relative;margin:10px 0 1px 0;}
.km-line{color:#777;font-size:20px;margin:0 25px 0 25px;font-family:µ¸¿ò, ±¼¸²;}
.mi-wrap{border:1px solid #ddd;padding:30px 50px 30px 40px;margin:50px 0 50px 0;}
.mi-wrap h3{position:relative;font-size:15px;font-weight:bold;color:#000;text-align:center;margin:0 0 5px 0;}
.mi-line{color:#777;font-size:24px;font-weight:normal;margin:0 10px 0 10px;font-family:µ¸¿ò, ±¼¸²;}
.mi-wrap h4{text-align:center;font-size:24px;font-weight:500;color:#333;position:relative;margin:20px 0 10px 0;}
.mi-wrap h4:before{position:absolute;bottom:-5px;left:50%;width:100px;height:1px;content:'';-webkit-transform:translate(-50%,0);transform:translate(-50%,0);background:#333;}
.mi-wrap h5{font-size:18px;font-weight:500;color:#333;text-align:center;margin:10px 0 0 0;}
.mi-pd{padding:50px 20px 0 20px;font-size:16px;}
.mv-wrap{margin:50px 0 10px 0;}
.ms-wrap{background:#000;text-decoration:none;overflow:hidden;}
.ms-wrap .ms-img{display:block;transition:0.3s ease;}
 a:hover .ms-img{transform:scale(1.1);opacity: 0.3;}
.ms-wrap .ms-title{display: block;width: 100%;position: absolute;text-align:center;top:26%;left:0px;padding:30px;}
.ms-wrap .ms-title h3{color: #fff;font-size:26px;font-weight:500;margin:0;transition:0.2s ease;}
.ms-wrap .ms-title h5{color: #fff;font-size:16px;font-weight:normal;margin:5px 0 15px 0;transition:0.2s ease;}
.ms-wrap .ms-btn{display:inline-block;font-size:10px;padding: 4px 15px 5px 15px;border:1px solid #fff;color:#fff;transition:0.1s ease;}
.ms-wrap .ms-btn:hover {color:#fff;background:#e32933;border:1px solid #e32933;}
.mx-wrap{background:#000;text-decoration:none;overflow:hidden;}
.mx-wrap .mx-img{display:block;transition:0.3s ease;}
 a:hover .mx-img{transform:scale(1.1);opacity: 0.3;}
.mx-wrap .mx-title{display: block;width: 100%;position: absolute;text-align:center;top:26%;left:0px;padding:30px;}
.mx-wrap .mx-title h3{color: #fff;font-size:26px;font-weight:500;margin:0;transition:0.2s ease;}
.mx-wrap .mx-title h5{color: #fff;font-size:16px;font-weight:normal;margin:5px 0 15px 0;transition:0.2s ease;}
.mx-wrap .mx-btn{display:inline-block;font-size:10px;padding: 4px 15px 5px 15px;border:1px solid #fff;color:#fff;transition:0.1s ease;}
.mx-wrap .mx-btn:hover {color:#fff;background:#e32933;border:1px solid #e32933;}
.op-wrap{background:#000;text-decoration:none;overflow:hidden;}
.op-wrap .op-img{display:block;transition:0.3s ease;}
 a:hover .op-wrap{color:#555;text-decoration:none;background:#000;}
 a:hover .op-img{opacity: 0.2;}
.op-wrap .op-title{display: block;width: 100%;position: absolute;text-align:center;top:50%;left:0px;margin-top:-30px;}
.op-wrap .op-title h3{font-size:28px;font-weight:normal;color:#fff;margin:0 0 10px 0;letter-spacing: .5px;opacity:0;font-family: 'Open Sans', Arial, Geneva, Helvetica, sans-serif;}
 a:hover .op-wrap .op-title h3{opacity:1;transform:translateY(-20px);transition:0.2s ease;}
.op-btn{display:inline-block;font-size:12px;padding: 5px 30px 6px 30px;border:1px solid #fff;color:#fff;opacity:0;transition:0.2s ease;}
 a:hover .op-btn{border:1px solid #fff;color:#fff;opacity:1;transform:translateY(-20px);}
.au-btn{display:inline-block;font-size:15px;margin:30px 0 0 0;padding:5px 30px 6px 30px;border-radius:5px;border:1px solid #876643;color:#fff;background:#876643;transition:0.3s ease;}
 a:hover .au-btn{color:#fff;background:#000;border:1px solid #000;}
.fc-btn{display:inline-block;font-size:15px;margin:5px 0 0 0;padding:5px 30px 6px 30px;border-radius:5px;border:1px solid #c71a37;color:#fff;background:#c71a37;transition:0.3s ease;}
 a:hover .fc-btn{color:#fff;background:#000;border:1px solid #000;}
.an-wrap {padding:100px 30px 70px 30px;background:url('../img/news/m-an.jpg') center top no-repeat;background-attachment:fixed;background-size:cover;}
.an-wrap h3 {font-size:28px;font-weight:500;color:#fff;margin:0 0 30px 0;text-align:center;}
.an-wrap h5 {font-size:17px;font-weight:normal;color:#fff;margin:0 0 25px; 0;}
.an-btn{display:inline-block;font-size:12px;padding: 6px 30px 6px 30px;border-radius: 0px;border:1px solid #fff;color:#fff;transition:0.3s ease;}
 a:hover .an-btn{color:#fff;background:#cc1b38;border:1px solid #cc1b38;}
.su-wrap{background:#000;text-decoration:none;overflow:hidden;}
.su-wrap .su-img{display:block;transition:0.3s ease;opacity: 0.5;}
 a:hover .su-wrap{color:#555;text-decoration:none;background:#000;}
 a:hover .su-img{opacity: 0.9;}
.su-wrap .su-title{display: block;width: 100%;position: absolute;text-align:center;top:50%;left:0px;margin-top:-30px;}
.su-wrap .su-title h3{font-size:24px;font-weight:normal;color:#fff;margin:0 0 25px 0;letter-spacing: .5px;opacity:1;font-family: 'Open Sans', Arial, Geneva, Helvetica, sans-serif;}
 a:hover .su-wrap .su-title h3{opacity:1;transform:translateY(0px);transition:0.2s ease;}
.su-btn{display:inline-block;font-size:12px;padding: 5px 30px 6px 30px;border:1px solid #fff;color:#fff;opacity:0;transition:0.2s ease;}
 a:hover .su-btn{border:1px solid #fff;color:#fff;opacity:1;transform:translateY(-20px);}
.co-wrap{text-decoration:none;background:#f7f7f7;border:1px solid #ccc;padding:50px 15px 50px 15px;}
 a:hover .co-wrap{color:#555;text-decoration:none;}
.co-wrap .co-title{text-align:center;}
 a:hover .co-title{color:#ff3000;}
.co-wrap h3{font-size:24px;font-weight:500;color:#333;margin:0 0 0 0;}
.co-wrap h5{font-size:13px;font-weight:normal;color:#777;margin:10px 0 0 0;}
.sb-wrap{text-decoration:none;margin:0 0 0 0;}
.sb-wrap .sb-title{background:#fff;text-align:left;padding:15px 15px 15px 15px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.sb-wrap h3{font-size:13px;font-weight:500;color:#333;margin:5px 0 0 0;}
.sb-wrap h5{font-size:14px;font-weight:normal;color:#777;margin:5px 0 0 0;}
.xb-wrap{text-decoration:none;margin:0 auto;}
.xb-wrap .xb-title{background:#fff;text-align:left;padding:15px 0px 0px 0px;border-left:0px solid #ddd;border-right:0px solid #ddd;border-bottom:0px solid #ddd;}
.xb-wrap h3{font-size: 18px;font-weight:500;color:#333;margin:5px 0 0 0;}
.xb-wrap h5{font-size: 15px;font-weight:normal;color:#777;margin:5px 0 0 0;}
.cl-wrap{background:#876643;padding:20px 20px 20px 20px;}
.cl-wrap h3{font-size:28px;font-weight:500;color:#fff;margin:0 0 0 0;}
.cl-wrap h4{font-size:24px;font-weight:500;color:#fff;margin:0 0 5px 0;}
.cl-wrap h5{font-size:13px;font-weight:500;color:#fff;margin:1px 0 0 0;}
.cl-mt{margin-top:23px;}
.cl-line{font-size:14px;font-weight:normal;color:#555;padding:0 10px 0 10px;}
.cr-wrap{background:#333;padding:20px 20px 20px 20px;}
.cr-wrap h3{font-size:26px;font-weight:500;color:#fff;margin:0 0 0 0;}
.cr-wrap h4{font-size:22px;font-weight:500;color:#fff;margin:0 0 0 0;}
.cr-wrap h4 .small{font-size:15px;}
.cr-wrap h5{font-size:16px;font-weight:500;color:#fff;margin:1px 0 0 0;}
.cu-wrap{}
.cu-wrap ul{}
.cu-wrap ul li{font-size:16px;font-weight:normal;color:#666;padding:0 0 0 11px;margin:0 0 3px 0;background:url(../img/common/blet03.png) 0px 12px; background-repeat:no-repeat;}
.cu-wrap ul h3{font-size:17px;font-weight:bold;color:#333;margin:0 0 10px 0;}
.cu-wrap ul h5{font-size:18px;font-weight:bold;color:#333;margin:15px 0 5px 0;}
.cu-wrap ul h5:first-child{font-size:18px;font-weight:bold;color:#333;margin:0 0 5px 0;}
.cc-wrap{border:1px solid #ccc;padding:15px 20px 20px 20px;}
.cc-wrap h3{font-size:16px;font-weight:500;color:#111;margin:5px 0 0 0;text-align:center;}
.te-wrap{}
.te-wrap ul{}
.te-wrap ul h3{font-size:24px;font-weight:500;color:#222;margin:0 0 20px 0;}
.te-wrap ul h3 .line{font-size:14px;font-weight:500;color:#666;padding:2px 10px 4px 10px;position:absolute;top:15px;border-top:1px solid #999;border-bottom:1px solid #999;}
.te-wrap ul li{font-size:16px;color:#666;padding:0 0 0 11px;margin:0 0 5px 0;background:url(../img/common/blet01.png) 0px 10px; background-repeat:no-repeat;}
.ks-wrap{padding:30px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;}
.ks-wrap h3{font-size:30px;font-weight:bold;color:#333;margin:0 0 30px 0;}
.ks-wrap h4{font-size:24px;font-weight:500;color:#333;margin:0 0 0 0;}
.ks-wrap h5{font-size:20px;font-weight:500;color:#333;margin:0 0 0 0;}
.ks-wrap .ks-tc{margin:0 auto;position:relative;text-align:left;width:45%;}
.ks-wrap ul{}
.ks-wrap ul li{font-size:18px;font-weight:500;color:#555;margin:0 0 0 0;}
.ks-wrap ul li.mt{font-size:18px;font-weight:500;color:#555;margin:0 0 0 42px;}
.kw-wrap{padding:40px;background:#f3f3f3;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;}
.kw-wrap h3{font-size:26px;font-weight:bold;color:#333;margin:0 0 10px 0;}
.kw-wrap h4{font-size:20px;font-weight:500;color:#333;margin:0 0 0 0;}
.kw-wrap h5{font-size:17px;font-weight:500;color:#333;margin:0 0 15px 0;}
.kw-wrap ul{}
.kw-wrap ul li{font-size:16px;font-weight:500;color:#666;margin:0 0 0 0;}
.mf-wrap{padding:20px 40px 0px 40px;background:#fff;width:460px;margin:0 auto;}
.mf-wrap h3{font-size:24px;font-weight:500;color:#333;margin:0 0 20px 0;text-align:center;}
.mf-wrap h4{font-size:20px;font-weight:500;color:#333;margin:0 0 0 0;}
.mf-wrap h5{font-size:17px;font-weight:500;color:#333;margin:0 0 15px 0;}
.mf-wrap ul{margin:0 0 45px 0;}
.mf-wrap ul li{font-size:16px;color:#666;padding:0 0 0 23px;margin:0 0 5px 0;background:url(../img/common/blet01.png) 11px 10px; background-repeat:no-repeat;}
.lz-wrap{background:#876643;padding:20px 20px 20px 20px;text-align:center;}
.lz-wrap h3{font-size:26px;font-weight:500;color:#fff;margin:0 0 0 0;}
.lz-wrap h4{font-size:16px;font-weight:500;color:#fff;margin:5px 0 5px 0;}
.lz-wrap h5{font-size:20px;font-weight:500;color:#fff;margin:1px 0 0 0;}
.lz-mt{margin-top:23px;}
.lu-wrap{}
.lu-wrap ul{}
.lu-wrap ul li{font-size:16px;font-weight:normal;color:#555;padding:0 0 0 11px;margin:8px 0 8px 0;background:url(../img/common/blet03.png) 0px 12px; background-repeat:no-repeat;}
.lu-wrap ul li.title{font-size:16px;font-weight:500;color:#555;margin:0 0 5px 0;}
.fc-wrap{background:#eee;padding:25px 20px 25px 20px;text-align:center;}
.fc-wrap h3{font-size:26px;font-weight:500;color:#000;margin:0 0 0 0;}
.fc-wrap h4{font-size:16px;font-weight:500;color:#111;margin:5px 0 5px 0;}
.fc-wrap h5{font-size:20px;font-weight:500;color:#111;margin:1px 0 0 0;}
.fc-mt{margin-top:23px;}
.mov-wrap { position: relative; padding-bottom: 48%; padding-top: 30px; height: 0; overflow: hidden;} 
.mov-wrap iframe, .mov-wrap object, .mov-wrap embed { position: absolute; top: 0px; left: 0; width: 100%; height: 100%; }
.vod-wrap{position:relative;width:100%;padding:35px 0 0px 0;border-top:1px solid #ddd;border-bottom:0px solid #ddd;}
.vod-wrap .vtitle{position:absolute;top:5px;text-align:center;color:#555;font-size:15px;margin:0 auto;}
.vod-wrap .vline{color:#999;font-size:12px;margin:0 8px 0 8px;font-family:µ¸¿ò, ±¼¸²;}
.vod-wrap .vod{width:100%;padding:50px 100px 50px 100px;background:#000;background:url(../img/common/vod-back.jpg);background-repeat:no-repeat;}
.vod-wrap h3{font-size:18px;font-weight:500;color:#111;margin:15px 0 0 0;text-align:center;}
.menu-tab1{width:500px;margin:0 auto;overflow:hidden;border-bottom:0px solid #ddd;padding:0 0 60px 0;}
.menu-tab1 ul{padding:1px 0;border-width:1px 0;}
.menu-tab1 li{list-style:none;position:relative;top:0px;float:left;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:0px solid #ccc;width:250px;margin:2px 0 0 0;}
.menu-tab1 li#last{list-style:none;position:relative;top:0px;float:left;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;width:250px;margin:2px 0 0 0;}
.menu-tab1 li#last-m{list-style:none;position:relative;top:0px;float:left;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:0px solid #ccc;width:250px;margin:2px 0 0 0;}
.menu-tab1 li a{display:block;padding:12px 10px 12px;text-decoration:none;text-align:center;font-size:14px;}
.menu-tab1 li a:hover{text-decoration:none;color:#e05400;}
.menu-tab1 li.active a{background:#cc1b38; font-weight:bold;color:#fff;font-size:14px;}
.menu-tab1 li.active a:hover{text-decoration:none;}
#history-box{width:800px;margin:0 0 0 0;text-align:center;margin:0 auto;}
#history-box dl{font-weight:normal;clear:both;border-top:0px dotted #999999;}
#history-box dl.noline{border:none;}
#history-box dt{float:left;text-align:left;font-weight:bold;font-size:18px;color:#333;padding:30px 0 5px 0;}
#history-box dd{float:left;text-align:left;padding:20px 0 20px 150px;}
#history-box dd ul li{position:relative;text-align:left;padding:10px 0 10px 100px;font-size:18px;}
#history-box dd .num{position:absolute;left:10px;}
#history-box dd .year{padding:0 50px 0 0;text-align:left;font-weight:bold;font-size:2.8em;}
#square_box{float:left;width:100%;padding:25px;margin:0 0 30px 0;border:1px solid #b2b2b2;}
#square_box h3{font-size:22px;font-weight:500;color:#555;margin:0 0 10px 0;}
#square_box h5{font-size:15px;font-weight:normal;color:#787878;margin:5px 0 0 0;}
#square_box01{float:left;width:100%;padding:25px;margin:0 0 30px 0;background:#eee;}
#square_box01 h3{font-size:17px;font-weight:500;color:#555;margin:0 0 5px 0;}
#square_box01 h5{font-size:15px;font-weight:normal;color:#787878;margin:5px 0 0 0;}
#footer-wrap01{width:100%;position:relative;background-color:#555;padding:50px 0 5px 0;}
#footer-wrap02{width:100%;position:relative;clear:both;margin:0;padding:5px 0 40px 0;background-color:#555;border-top:0px solid #ddd;}
.footer-logo{position:relative;text-align:center;padding:35px 0 15px 0;margin:0 0 0 -5px;}
.fnb-fi{position:relative;margin:0 auto;text-align:center;padding:20px 0 0 0;}
.fnb-fi ul{display:inline-block;}
.fnb-fi li{float:left;position:relative;margin:0 auto;text-align:center;padding:0 5px 0 5px;}
.fw-title{text-align:center;color:#fff;font-size:24px;padding:15px 0 25px 0;line-height:24px;}
.address{text-align:center;color:#bbb;font-size:14px;padding:3px 0 5px 0;line-height:24px;}
.copy{text-align:center;color:#bbb;font-size:13px;}
.policy{text-align:center;color:#eee;font-size:14px;margin:0 auto;}
.policy a:link{color:#eee;padding:0 10px 0 10px;}
.policy a:visited{color:#eee;}
.policy a:hover{color:#fff;}
.policy .trans{text-align:center;}
.policy-line{color:#777;font-size:11px;margin:0 5px 0 5px;font-family:µ¸¿ò, ±¼¸²;}
.policy-line-trans{color:#777;font-size:11px;margin:0 5px 0 5px;font-family:µ¸¿ò, ±¼¸²;}
.family-site{position:absolute;right:0;margin:-68px 0 0 0;font-size:11px;}
.famliy-site-link{position:absolute;right:0;margin:-33px 0 0 0;width:126px;border:1px solid #efefef;}
.famliy-site-link a{display:inline-block;width:126px;text-decoration:none}
.famliy-site-link a:hover{background:#efefef;}
@media (max-width: 767px) {
#footer-wrap01{padding:20px 0 5px 0;}
#footer-wrap02{margin:0;padding:5px 0 15px 0;}
.fw-title{font-size:18px;padding:15px 0 25px 0;line-height:24px;}
.address{font-size:12px;padding:3px 0 10px 0;line-height:16px;}
.copy{font-size:11px;}
.policy{font-size:13px;}
.policy a:link{padding:0 5px 0 5px;}
.policy a:visited{}
.policy a:hover{}
.policy .trans{display:none;}
.policy-line{font-size:10px;margin:0 4px 0 5px;}
.policy-line-trans{display:none;}
}
@media (min-width: 1025px) {
.mj-menu02{display:none;}
#lnb-wrap{display:none;}
#lnbmenu{display:none;}
#lnbmenu .left_menu .lnb01{display:none;}
.top-line{color:#777;padding:30px 3px 0 3px;position:relative;top:-1px;width:1px;font-size:0.8em;font-weight:lighter;z-index:-10;}
.back-to-top {cursor: pointer;position: fixed;bottom: 20px;right: 10px;display:none;z-index:9999;}
}
@media (min-width: 1025px) and (max-width: 1279px) {
#nav_wrap{width:990px;}
}
@media (max-width: 1024px) {
#nav_bar{display:none;}
.logo{position:absolute;top:17px;left:10px; transform:translateX(0%);}
.ta-p{text-align:center;}
.tls{letter-spacing:0px;}
.ts01{font-size:16px;margin:0 0 20px 0;}
.ts02{font-size:20px;margin:20px 0 20px 0;}
.ts03{font-size:14px;margin:15px 0 15px 0;}
.ts04{font-size:13px;margin:30px 0 10px 0;}
.ts05{font-size:12px;margin:0px 0 20px 0;}
.ts06{font-size:24px;margin:0px 0 20px 0;line-height:30px;}
.ts07{font-size:14px;margin:-20px 0 10px 0;}
.ts08{font-size:10px;margin:0 0 10px 0;line-height:15px;}
.ts09{font-size:13px;margin:40px 0 10px 0;}
.ts10{font-size:13px;margin:80px 0 -20px 0;}
.ts11{font-size:12px;padding:0 0 20px 0;}
.ts12{font-size:11px;margin:0 0 0 0;position:relative;top:-40px;}
.ts13{font-size:11px;padding:0 0 0 11px;margin:1px 0 0 0;background:url(../img/common/blet01.png) 0px 8px; background-repeat:no-repeat;}
.tb01{font-size:13px;padding:0 0 0 9px;margin:0 0 20px 0;background:url(../img/common/blet01.png) 0px 10px; background-repeat:no-repeat;}
.tb02{font-size:14px;padding:0 0 0 11px;margin:0 0 10px 0;background:url(../img/common/blet02.png) 0px 12px; background-repeat:no-repeat;}
.tb03{font-size:15px;padding:0 0 0 11px;margin:0 0 5px 0;background:url(../img/common/blet01.png) 0px 11px; background-repeat:no-repeat;}
.tb04{font-size:15px;padding:0 0 0 11px;margin:0 0 5px 0;background:url(../img/common/blet01.png) 0px 12px; background-repeat:no-repeat;}
.tb05{font-size:15px;padding:0 0 0 20px;margin:0 0 5px 0;background:url(../img/common/blet04.png) 0px 8px; background-repeat:no-repeat;}
.tb06{font-size:15px;padding:0 0 0 20px;margin:0 0 -10px 0;background:url(../img/common/blet04.png) 0px 8px; background-repeat:no-repeat;}
.tl01{font-size:20px;padding:20px 0 15px 0;margin:20px 0 35px 0;text-align:center;}
.tit-main01 {font-size:20px;padding:30px 0 0 0;}
.tit-main02 {font-size:15px;padding:10px 0 30px 0;letter-spacing:1px; line-height: 1.5em; font-family: 'Noto Sans KR'; font-weight: 500;}
.tit-main03 {font-size:12px;padding:2px 0 0 0;}
.tit-main03.big{font-size: 18px;}
.tit-main04 {font-size:24px;padding:10px 0 5px 0;}
.tit-main05 {font-size:12px;padding:0px 0 20px 0;}
.tit-main06 {font-size:24px;padding:30px 0 5px 0;}
.tit-main07 {font-size:12px;padding:0 0 20px 0;}
.tit-main08 {font-size:12px;padding:0 0 0 0;margin:-7px 0 0 0;}
.tit-main09 {font-size:11px;padding:50px 0 10px 0;line-height:15px;}
.tit-sub01 {font-size:24px;margin:30px 0 3px 0;}
.tit-sub02 {font-size:12px;margin:0px 0 30px 0;}
.tit-sub03 {font-size:24px;margin:20px 0 3px 5px;}
.tit-sub04 {font-size:12px;margin:0 0 0 0;}
.tit-sub05 {font-size:24px;margin:0 0 15px 0;}
.tit-sub06 {font-size:12px;}
.tit-sub07 {font-size:24px;margin:40px 0 0px 0;}
.tit-sub08 {font-size:12px;margin:5px 0 20px 0;}
.tit-sub05 {font-size:22px;margin:0 0 15px 0;}
.map-area{margin:0 0 30px 0;}
.top-line{display:none;height:1px;}
.back-to-top {position:fixed;bottom:0px;right:0px;display:none;z-index:9999;opacity:0;}
.t1{width:100%;font-size:13px;}
.t2{width:100%;font-size:13px;}
.au-btn{font-size:12px;margin:20px 0 0 0;padding:4px 15px 4px 15px;}
 a:hover .au-btn{}
.fc-btn{display:block;font-size:13px;margin:20 auto;padding:4px 15px 4px 15px;width:90px;text-align:center;}
 a:hover .fc-btn{}
.km-wrap{}
.km-wrap h3{font-size:18px;margin:1px 0 1px 0;}
.km-line{font-size:12px;margin:0 10px 0 10px;font-family:µ¸¿ò, ±¼¸²;}
.mi-wrap{padding:30px 30px 30px 30px;margin:50px 0 50px 0;}
.mi-wrap h3{font-size:26px;margin:0 0 5px 0;}
.mi-line{font-size:24px;margin:0 10px 0 10px;}
.mi-wrap h4{font-size:24px;margin:20px 0 10px 0;}
.mi-wrap h4:before{bottom:-5px;left:50%;width:100px;height:1px;}
.mi-wrap h5{font-size:18px;margin:10px 0 0 0;}
.mi-pd{padding:30px 20px 0 20px;font-size:14px;}
.mv-wrap{margin:30px 0 10px 0;}
.ms-wrap{}
.ms-wrap .ms-img{}
 a:hover .ms-img{}
.ms-wrap .ms-title{top:25%;left:0px;padding:30px;}
.ms-wrap .ms-title h3{font-size:22px;}
.ms-wrap .ms-title h5{font-size:14px;margin:5px 0 15px 0;}
.ms-sub{font-size:14px;margin:15px 0 0 0;;}
.ms-btn{font-size:10px;width:110px;margin:15px auto;padding: 4px 20px 5px 20px;border-radius: 0px;}
 a:hover .ms-btn{}
.mx-wrap{height:225px;}
.mx-wrap .mx-img{transform:scale(2);padding:35px 0 0 0;}
 a:hover .mx-img{transform:scale(2.1);padding:35px 0 0 0;}
.mx-wrap .mx-title{top:30%;left:0px;padding:0px;}
.mx-wrap .mx-title h3{font-size:22px;}
.mx-wrap .mx-title h5{font-size:14px;margin:-5px 0 1px 0;}
.mx-sub{font-size:14px;margin:15px 0 0 0;;}
.mx-btn{font-size:10px;width:110px;margin:15px auto;padding: 4px 20px 5px 20px;border-radius: 0px;}
 a:hover .mx-btn{}
.op-wrap{}
.op-wrap .op-img{}
 a:hover .op-wrap{}
 a:hover .op-img{}
.op-wrap .op-title{top:50%;left:0px;margin-top:-10px;}
.op-wrap .op-title h3{font-size:16px;margin:0 0 10px 0;opacity:0;}
 a:hover .op-wrap .op-title h3{opacity:1;transform:translateY(0px);transition:0.2s ease;}
.op-wrap .op-btn{display:none;}
.op-wrap .op-btn:hover {display:none;}
.an-wrap {padding:50px 10px 20px 10px;background-attachment:fixed;background-size:cover;}
.an-wrap h3 {font-size:20px;margin:0 0 15px 0;}
.an-wrap h5 {font-size:13px;margin:0 0 25px; 0;}
.an-btn{font-size:12px;padding: 6px 20px 6px 20px;}
 a:hover .an-btn{}
.su-wrap{}
.su-wrap .su-img{}
 a:hover .su-wrap{}
 a:hover .su-img{}
.su-wrap .su-title{top:50%;left:0px;margin-top:-12px;}
.su-wrap .su-title h3{font-size:16px;margin:0 0 5px 0;opacity:1;}
 a:hover .su-wrap .su-title h3{}
.su-btn{display:none;}
 a:hover .su-btn{display:none;}
.co-wrap{padding:20px 10px 20px 10px;}
 a:hover .co-wrap{}
.co-wrap .co-title{}
 a:hover .co-title{}
.co-wrap h3{font-size:14px;margin:0 0 0 0;}
.co-wrap h5{font-size:11px;margin:5px 0 0 0;}
.sb-wrap{}
.sb-wrap .sb-title{padding:10px;height:56px;}
.sb-wrap h3{font-size:12px;margin:5px 0 0 0;line-height:15px;letter-spacing:-0.02em;}
.sb-wrap h5{font-size:13px;margin:5px 0 0 0;}
.xb-wrap{}
.xb-wrap .xb-title{padding:15px 0px 0px 0px;}
.xb-wrap h3{font-size:16px;margin:5px 0 0 0;}
.xb-wrap h5{font-size:12px;margin:5px 0 0 0;}
.cl-wrap{padding:10px 10px 10px 10px;}
.cl-wrap h3{font-size:18px;margin:0 0 0 0;}
.cl-wrap h4{font-size:18px;margin:0 0 0 0;}
.cl-wrap h5{font-size:14px;margin:1px 0 0 0;}
.cl-mt{margin-top:0px;}
.cr-wrap{padding:10px 10px 10px 10px;}
.cr-wrap h3{font-size:18px;margin:0 0 0 0;}
.cr-wrap h4{font-size:18px;margin:0 0 0 0;}
.cr-wrap h5{font-size:14px;margin:1px 0 0 0;}
.cu-wrap{}
.cu-wrap ul{}
.cu-wrap ul li{font-size:14px;padding:0 0 0 11px;margin:0 0 3px 0;background:url(../img/common/blet03.png) 0px 12px; background-repeat:no-repeat;}
.cu-wrap ul li h3{font-size:15px;margin:0 0 10px 0;}
.cc-wrap{border:1px solid #ccc;padding:15px 20px 20px 20px;}
.cc-wrap h3{font-size:13px;font-weight:500;color:#111;margin:5px 0 0 0;text-align:center;}
.te-wrap{}
.te-wrap ul{}
.te-wrap ul h3{font-size:20px;margin:0 0 15px 0;}
.te-wrap ul h3 .line{font-size:12px;padding:3px 10px 3px 10px;position:absolute;top:12px;}
.te-wrap ul li{font-size:14px;padding:0 0 0 11px;margin:0 0 5px 0;background:url(../img/common/blet01.png) 0px 10px; background-repeat:no-repeat;}
.ks-wrap{padding:20px;}
.ks-wrap h3{font-size:24px;margin:0 0 20px 0;}
.ks-wrap h4{font-size:24px;margin:0 0 0 0;}
.ks-wrap h5{font-size:16px;margin:0 0 0 0;}
.ks-wrap .ks-tc{width:100%;}
.ks-wrap ul{}
.ks-wrap ul li{font-size:13px;margin:0 0 0 0;}
.ks-wrap ul li.mt{font-size:13px;margin:0 0 0 31px;}
.kw-wrap{padding:20px;}
.kw-wrap h3{font-size:18px;margin:0 0 10px 0;}
.kw-wrap h4{font-size:16px;margin:0 0 0 0;}
.kw-wrap h5{font-size:14px;margin:0 0 10px 0;}
.kw-wrap ul{}
.kw-wrap ul li{font-size:14px;margin:0 0 0 0;}
.lz-wrap{padding:10px 10px 10px 10px;}
.lz-wrap h3{font-size:22px;margin:0 0 0 0;}
.lz-wrap h4{font-size:14px;margin:0 0 0 0;}
.lz-wrap h5{font-size:18px;margin:1px 0 0 0;}
.lz-mt{margin-top:23px;}
.lu-wrap{}
.lu-wrap ul{}
.lu-wrap ul li{font-size:16px;margin:0 0 10px 0;background:url(../img/common/blet03.png) 0px 15px; background-repeat:no-repeat;}
.lu-wrap ul li.title{font-size:16px;margin:0 0 5px 0;}
.vod-wrap{position:relative;width:100%;padding:25px 0 0px 0;border-top:1px solid #ddd;border-bottom:0px solid #ddd;}
.vod-wrap .vtitle{position:absolute;top:2px;text-align:center;color:#555;font-size:14px;margin:0 auto;}
.vod-wrap .vline{color:#999;font-size:11px;margin:0 8px 0 8px;font-family:µ¸¿ò, ±¼¸²;}
.vod-wrap .vod{width:100%;padding:0px 0px 0px 0px;background:#000;background:url(../img/common/vod-back.jpg);background-repeat:no-repeat;}
.vod-wrap h3{font-size:13px;font-weight:500;color:#111;margin:10px 0 0 0;text-align:center;}
.fc-wrap{background:#eee;padding:20px 20px 20px 20px;text-align:center;}
.fc-wrap h3{font-size:22px;margin:0 0 0 0;}
.fc-wrap h4{font-size:16px;margin:0 0 0 0;}
.fc-wrap h5{font-size:17px;margin:1px 0 0 0;}
.fc-mt{margin-top:23px;}
.menu-tab1{width:300px;margin:0 auto;overflow:hidden;border-bottom:0px solid #ddd;padding:0 0 50px 0;}
.menu-tab1 ul{padding:1px 0;border-width:1px 0;}
.menu-tab1 li{list-style:none;position:relative;top:0px;float:left;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:0px solid #ccc;width:150px;height:48px;margin:2px 0 0 0;}
.menu-tab1 li#last{list-style:none;position:relative;top:0px;float:left;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;width:150px;height:48px;margin:2px 0 0 0;}
.menu-tab1 li#last-m{list-style:none;position:relative;top:0px;float:left;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:0px solid #ccc;width:150px;height:48px;margin:2px 0 0 0;}
.menu-tab1 li a{height:46px;display:block;padding:10px 10px 10px;text-decoration:none;text-align:center;font-size:13px;line-height:15px;}
.menu-tab1 li a:hover{height:46px;text-decoration:none;color:#e05400;}
.menu-tab1 li.active a{height:46px;background:#cc1b38; font-weight:bold;color:#fff;font-size:13px;line-height:15px;}
.menu-tab1 li.active a:hover{height:46px;text-decoration:none;}
#history-box{width:100%;margin:-15px 0 0 0;}
#history-box dl{font-weight:normal;clear:both;border-top:1px dotted #999999;}
#history-box dl.noline{border:none;}
#history-box dt{float:left;text-align:left;font-weight:bold;font-size:24px;padding:30px 50px 0 0;position:relative;}
#history-box dd{clear:both;float:left;text-align:left;padding:5px 0 20px 0;}
#history-box dd ul li{position:relative;text-align:left;padding:10px 0 1px 50px;font-size:13px;}
#history-box dd .num{position:absolute;left:10px;}
#history-box dd .year{padding:0 50px 0 0;margin:30px 0 0 0;text-align:left;font-weight:bold;font-size:2em;}
#square_box{padding:15px;margin:0 0 20px 0;}
#square_box h3{font-size:15px;margin:0 0 5px 0;}
#square_box h5{font-size:12px;margin:5px 0 0 0;}
#square_box01{padding:15px;margin:0 0 30px 0;}
#square_box01 h3{font-size:15px;margin:0 0 5px 0;}
#square_box01 h5{font-size:12px;margin:5px 0 0 0;}
.mj-menu01{display:none;}
.mj-menu02{font-size:11px;height:30px;position:relative;text-align:left;margin:10px 0 7px 0px;padding:0 0 0 16px;border-top:0px solid #333;border-bottom:1px solid #333;}
.mj-menu02 a{font-size:11px;padding:0px 3px 0 14px;margin-left:-1px;color:#eee;font-family: Open Sans, Noto Sans KR, Malgun Gothic, Nanum Gothic;}
.mj-menu02 .fst{margin:0 10px 0 0;background:url(../img/common/icon-member.png) 0px 5px; background-repeat:no-repeat;}
.mj-menu02 .snd{margin:0 10px 0 0;background:url(../img/common/icon-join.png) 0px 6px; background-repeat:no-repeat;}
.lnb-menu{display:none;}
.lnb-line{display:none;}
.lnb-tline{display:none;}
body {
 font-size: 15px;
 line-height: 2;
}
}
@media (max-width: 800px) {
.mi-wrap{padding:20px 10px 20px 10px;margin:40px 0 40px 0;}
.mi-wrap h3{font-size:16px;margin:0 0 5px 0;}
.mi-line{font-size:14px;margin:0 10px 0 10px;}
.mi-wrap h4{font-size:14px;margin:10px 0 10px 0;}
.mi-wrap h4:before{bottom:-5px;left:50%;width:60px;height:1px;}
.mi-wrap h5{font-size:12px;margin:10px 0 0 0;}
.mi-pd{padding:30px 0 0 0;}




.ms-wrap{}
.ms-wrap .ms-img{}
 a:hover .ms-img{}
.ms-wrap .ms-title{top:18%;left:0px;padding:30px;}
.ms-wrap .ms-title h3{font-size:24px;}
.ms-wrap .ms-title h5{font-size:13px;margin:-5px 0 10px 0;}
.ms-sub{font-size:14px;margin:15px 0 0 0;;}
.ms-btn{font-size:10px;width:110px;margin:10px auto;padding: 4px 20px 5px 20px;border-radius: 0px;}
 a:hover .ms-btn{}




.mf-wrap{padding:20px 0 0px 0;background:#fff;width:100%;margin:0 auto;}
.mf-wrap h3{font-size:16px;font-weight:500;color:#333;margin:0 0 12px 0;text-align:center;}
.mf-wrap h4{font-size:20px;font-weight:500;color:#333;margin:0 0 0 0;}
.mf-wrap h5{font-size:17px;font-weight:500;color:#333;margin:0 0 15px 0;}
.mf-wrap ul{margin:0 0 20px 0;}
.mf-wrap ul li{font-size:13px;color:#666;padding:0 0 0 23px;margin:0 0 1px 0;background:url(../img/common/blet01.png) 11px 10px; background-repeat:no-repeat;}




}
/*****RESPONSIVE ºñÁ־󿵿ª*****/
/*****PC ÇØ»óµµ ½ÃÀÛ*****/
.visual-main01{position:relative;top:0;left:50%;width:1920px;height:730px;margin-left:-960px;background:url(../img/main/visual01.jpg);}
.visual-main02{position:relative;top:0;left:50%;width:1920px;height:730px;margin-left:-960px;background:url(../img/main/visual02.jpg);}
.visual-main03{position:relative;top:0;left:50%;width:1920px;height:730px;margin-left:-960px;background:url(../img/main/visual03.jpg);}
.visual-sub01{position:relative;top:0;left:50%;width:1920px;height:250px;margin-left:-960px;background:url(../img/main/sub-visual01.jpg);}
.visual-sub02{position:relative;top:0;left:50%;width:1920px;height:250px;margin-left:-960px;background:url(../img/main/sub-visual02.jpg);}
.visual-sub0301{position:relative;top:0;left:50%;width:1920px;height:250px;margin-left:-960px;background:url(../img/main/sub-visual0301.jpg);}
.visual-sub0302{position:relative;top:0;left:50%;width:1920px;height:250px;margin-left:-960px;background:url(../img/main/sub-visual0302.jpg);}
.visual-sub0303{position:relative;top:0;left:50%;width:1920px;height:250px;margin-left:-960px;background:url(../img/main/sub-visual0303.jpg);}
.visual-sub0304{position:relative;top:0;left:50%;width:1920px;height:250px;margin-left:-960px;background:url(../img/main/sub-visual0304.jpg);}
.visual-sub0305{position:relative;top:0;left:50%;width:1920px;height:250px;margin-left:-960px;background:url(../img/main/sub-visual0305.jpg);}
.visual-sub04{position:relative;top:0;left:50%;width:1920px;height:250px;margin-left:-960px;background:url(../img/main/sub-visual04.jpg);}
.visual-sub05{position:relative;top:0;left:50%;width:1920px;height:250px;margin-left:-960px;background:url(../img/main/sub-visual05.jpg);}
.visual-sub06{position:relative;top:0;left:50%;width:1920px;height:250px;margin-left:-960px;background:url(../img/main/sub-visual06.jpg);}
.v-mt01{color:#fff;font-size:56px;font-weight:500;font-family:Noto Sans KR, Malgun Gothic, Arial, Helvetica, sans-serif;line-height:60px;padding:0 0 20px 0;}
.v-mt02{color:#fff;font-size:24px;font-family:Noto Sans KR, Malgun Gothic;}
.v-st01{text-align:center;font-size:48px;font-weight:normal;color:#fff;margin:0px 0 0px 0;}
@media (max-width: 1600px) {
.visual-main01{position:relative;top:0;left:50%;width:1600px;height:608px;margin-left:-800px;background:url(../img/main/visual01.jpg) 0px 0px;background-size:100%;}
.visual-main02{position:relative;top:0;left:50%;width:1600px;height:608px;margin-left:-800px;background:url(../img/main/visual02.jpg) 0px 0px;background-size:100%;}
.visual-main03{position:relative;top:0;left:50%;width:1600px;height:608px;margin-left:-800px;background:url(../img/main/visual03.jpg) 0px 0px;background-size:100%;}
}
@media (max-width: 1366px) {
.visual-main01{position:relative;top:0;left:50%;width:1366px;height:519px;margin-left:-683px;background:url(../img/main/visual01.jpg) 0px 0px;background-size:100%;}
.visual-main02{position:relative;top:0;left:50%;width:1366px;height:519px;margin-left:-683px;background:url(../img/main/visual02.jpg) 0px 0px;background-size:100%;}
.visual-main03{position:relative;top:0;left:50%;width:1366px;height:519px;margin-left:-683px;background:url(../img/main/visual03.jpg) 0px 0px;background-size:100%;}
.v-mt01{font-size:50px;line-height:50px;padding:0 0 15px 0;}
.v-mt02{font-size:16px;}
}
@media (max-width: 1280px) {
.visual-main01{position:relative;top:0;left:50%;width:1280px;height:487px;margin-left:-640px;background:url(../img/main/visual01.jpg) 0px 0px;background-size:100%;}
.visual-main02{position:relative;top:0;left:50%;width:1280px;height:487px;margin-left:-640px;background:url(../img/main/visual02.jpg) 0px 0px;background-size:100%;}
.visual-main03{position:relative;top:0;left:50%;width:1280px;height:487px;margin-left:-640px;background:url(../img/main/visual03.jpg) 0px 0px;background-size:100%;}
}
/*****ÅÂºí¸´PC ÇØ»óµµ ½ÃÀÛ*****/
/*****¸ð¹ÙÀÏ¿¡¼­ ¹é±×¶ó¿îµå À̹ÌÁöÀÇ Áß½ÉÃà À̵¿Àº background:url() 0px 0px; ¿¡¼­ ¾ÕÀÇ 0px °ªÀ» ÀûÀýÈ÷ Á¶ÀýÇØÁÖ½Ã¸é µË´Ï´Ù.*****/
@media (max-width: 1024px) {
.visual-main01{position:relative;top:0;left:50%;width:1024px;height:389px;margin-left:-512px;background:url(../img/main/visual01.jpg) 0px 0px;background-size:100%;}
.visual-main02{position:relative;top:0;left:50%;width:1024px;height:389px;margin-left:-512px;background:url(../img/main/visual02.jpg) 0px 0px;background-size:100%;}
.visual-main03{position:relative;top:0;left:50%;width:1024px;height:389px;margin-left:-512px;background:url(../img/main/visual03.jpg) 0px 0px;background-size:100%;}
.visual-sub01{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(../img/main/sub-visual01.jpg) -250px 0px;background-size:160%;}
.visual-sub02{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(../img/main/sub-visual02.jpg) -250px 0px;background-size:160%;}
.visual-sub0301{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(../img/main/sub-visual0301.jpg) -250px 0px;background-size:160%;}
.visual-sub0302{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(../img/main/sub-visual0302.jpg) -250px 0px;background-size:160%;}
.visual-sub0303{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(../img/main/sub-visual0303.jpg) -250px 0px;background-size:160%;}
.visual-sub0304{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(../img/main/sub-visual0304.jpg) -250px 0px;background-size:160%;}
.visual-sub0305{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(../img/main/sub-visual0305.jpg) -250px 0px;background-size:160%;}
.visual-sub04{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(../img/main/sub-visual04.jpg) -250px 0px;background-size:160%;}
.visual-sub05{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(../img/main/sub-visual05.jpg) -250px 0px;background-size:160%;}
.visual-sub06{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(../img/main/sub-visual06.jpg) -250px 0px;background-size:160%;}
.v-mt01{font-size:40px;line-height:40px;padding:0 0 10px 0;}
.v-mt02{font-size:13px;}
.v-st01{font-size:40px;}
}
@media (max-width: 800px) {
.visual-main01{position:relative;top:0;left:50%;width:800px;height:304px;margin-left:-400px;background:url(../img/main/visual01.jpg) 0px 0px;background-size:100%;}
.visual-main02{position:relative;top:0;left:50%;width:800px;height:304px;margin-left:-400px;background:url(../img/main/visual02.jpg) 0px 0px;background-size:100%;}
.visual-main03{position:relative;top:0;left:50%;width:800px;height:304px;margin-left:-400px;background:url(../img/main/visual03.jpg) 0px 0px;background-size:100%;}
.visual-sub01{position:relative;top:0;left:50%;width:800px;height:180px;margin-left:-400px;background:url(../img/main/sub-visual01.jpg) -300px 0px;background-size:180%;}
.visual-sub02{position:relative;top:0;left:50%;width:800px;height:180px;margin-left:-400px;background:url(../img/main/sub-visual02.jpg) -300px 0px;background-size:180%;}
.visual-sub0301{position:relative;top:0;left:50%;width:800px;height:180px;margin-left:-400px;background:url(../img/main/sub-visual0301.jpg) -300px 0px;background-size:180%;}
.visual-sub0302{position:relative;top:0;left:50%;width:800px;height:180px;margin-left:-400px;background:url(../img/main/sub-visual0302.jpg) -300px 0px;background-size:180%;}
.visual-sub0303{position:relative;top:0;left:50%;width:800px;height:180px;margin-left:-400px;background:url(../img/main/sub-visual0303.jpg) -300px 0px;background-size:180%;}
.visual-sub0304{position:relative;top:0;left:50%;width:800px;height:180px;margin-left:-400px;background:url(../img/main/sub-visual0304.jpg) -300px 0px;background-size:180%;}
.visual-sub0305{position:relative;top:0;left:50%;width:800px;height:180px;margin-left:-400px;background:url(../img/main/sub-visual0305.jpg) -300px 0px;background-size:180%;}
.visual-sub04{position:relative;top:0;left:50%;width:800px;height:180px;margin-left:-400px;background:url(../img/main/sub-visual04.jpg) -300px 0px;background-size:180%;}
.visual-sub05{position:relative;top:0;left:50%;width:800px;height:180px;margin-left:-400px;background:url(../img/main/sub-visual05.jpg) -300px 0px;background-size:180%;}
.visual-sub06{position:relative;top:0;left:50%;width:800px;height:180px;margin-left:-400px;background:url(../img/main/sub-visual06.jpg) -300px 0px;background-size:180%;}
.v-mt01{font-size:32px;line-height:32px;padding:0 0 10px 0;}
.v-mt02{font-size:12px;}
.v-st01{font-size:32px;}
}
/*****½º¸¶Æ®Æù ÇØ»óµµ ½ÃÀÛ*****/
/*****¸ð¹ÙÀÏ¿¡¼­ ¹é±×¶ó¿îµå À̹ÌÁöÀÇ Áß½ÉÃà À̵¿Àº background:url() 0px 0px; ¿¡¼­ ¾ÕÀÇ 0px °ªÀ» ÀûÀýÈ÷ Á¶ÀýÇØÁÖ½Ã¸é µË´Ï´Ù.*****/
@media (max-width: 420px) {
.visual-main01{position:relative;top:0;left:50%;width:420px;height:420px;margin-left:-210px;background:url(../img/main/visual01.jpg) -500px 0px;background-size:265%;}
.visual-main02{position:relative;top:0;left:50%;width:420px;height:300px;margin-left:-210px;background:url(../img/main/visual02.jpg) -200px 0px;background-size:190%;}
.visual-main03{position:relative;top:0;left:50%;width:420px;height:300px;margin-left:-210px;background:url(../img/main/visual03.jpg) -180px 0px;background-size:190%;}
.visual-sub01{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual01.jpg) -450px 0px;background-size:320%;}
.visual-sub02{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual02.jpg) -450px 0px;background-size:320%;}
.visual-sub0301{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual0301.jpg) -450px 0px;background-size:320%;}
.visual-sub0302{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual0302.jpg) -450px 0px;background-size:320%;}
.visual-sub0303{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual0303.jpg) -450px 0px;background-size:320%;}
.visual-sub0304{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual0304.jpg) -450px 0px;background-size:320%;}
.visual-sub0305{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual0305.jpg) -450px 0px;background-size:320%;}
.visual-sub04{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual04.jpg) -450px 0px;background-size:320%;}
.visual-sub05{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual05.jpg) -450px 0px;background-size:320%;}
.visual-sub06{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual06.jpg) -450px 0px;background-size:320%;}
.v-mt01{font-size:24px;line-height:30px;padding:0 0 10x 0;}
.v-mt02{font-size:14px;}
.v-st01{font-size:30px;}
}
@media (max-width: 360px) {
.visual-main01{position:relative;top:0;left:50%;width:360px;height:420px;margin-left:-180px;background:url(../img/main/visual01.jpg) -550px 0px;background-size:310%;}
.visual-main02{position:relative;top:0;left:50%;width:360px;height:300px;margin-left:-180px;background:url(../img/main/visual02.jpg) -220px 0px;background-size:220%;}
.visual-main03{position:relative;top:0;left:50%;width:360px;height:300px;margin-left:-180px;background:url(../img/main/visual03.jpg) -210px 0px;background-size:220%;}
.visual-sub01{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(../img/main/sub-visual01.jpg) -350px 0px;background-size:320%;}
.visual-sub02{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(../img/main/sub-visual02.jpg) -350px 0px;background-size:320%;}
.visual-sub0301{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(../img/main/sub-visual0301.jpg) -350px 0px;background-size:320%;}
.visual-sub0302{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(../img/main/sub-visual0302.jpg) -350px 0px;background-size:320%;}
.visual-sub0303{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(../img/main/sub-visual0303.jpg) -350px 0px;background-size:320%;}
.visual-sub0304{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(../img/main/sub-visual0304.jpg) -350px 0px;background-size:320%;}
.visual-sub0305{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(../img/main/sub-visual0305.jpg) -380px 0px;background-size:320%;}
.visual-sub04{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(../img/main/sub-visual04.jpg) -350px 0px;background-size:320%;}
.visual-sub05{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(../img/main/sub-visual05.jpg) -350px 0px;background-size:320%;}
.visual-sub06{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(../img/main/sub-visual06.jpg) -350px 0px;background-size:320%;}
.v-mt01{font-size:24px;line-height:30px;padding:0 0 10x 0;}
.v-mt02{font-size:14px;}
.v-st01{font-size:30px;}
.mx-wrap{height:200px;}
.mx-wrap .mx-img{transform:scale(1.9);padding:30px 0 0 0;}
 a:hover .mx-img{transform:scale(2);padding:30px 0 0 0;}
.mx-wrap .mx-title{top:30%;left:0px;padding:0px;}
.mx-wrap .mx-title h3{font-size:22px;}
.mx-wrap .mx-title h5{font-size:14px;margin:-5px 0 1px 0;}
.mx-sub{font-size:14px;margin:15px 0 0 0;;}
.mx-btn{font-size:10px;width:110px;margin:15px auto;padding: 4px 20px 5px 20px;border-radius: 0px;}
 a:hover .mx-btn{}
}








.main-title-line{
position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px;
margin-top: 48px;
}








.main-title-line::before{
content: ''; position: absolute; top: 50%; left: 0; transform: translate(0,-50%);
width: 100%; height: 4px; box-sizing: border-box;
border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;
z-index: -1;
}








.main-title-line .tit-main04{
letter-spacing: -0.05em;
background-color: #FFF; padding: 0 24px;
}








.main-row{
display: flex; flex-direction: column; align-items: center; gap: 56px;
}








.main-row .col{
width: 100%;
display: flex; justify-content: center;
}




.main-row .col dl{
display: inline-flex; flex-direction: column; align-items: center;
margin: 0 auto;
}




.main-row .col dt{
display: inline-block;
font-family: 'Noto Sans KR';
font-size: 32px;
font-weight: 700;
color: #333;
letter-spacing: -0.07em;
text-align: center;
padding: 0 32px;
border-left: solid 2px #000;
border-right: solid 2px #000;
position: relative;
line-height: 1em;
}








.main-row .col dt + small{
font-size: 12px;
font-weight: 300;
display: block;
letter-spacing: 0;
margin-top: 3px;
margin-bottom: 48px;
}








.main-row .col dd{
font-size: 16px;
font-weight: bold;
margin-bottom: 36px;
text-align: center;
line-height: 1em;
}








.main-row .col dd small{
font-size: 12px;
font-weight: 300;
display: block;
margin-top: 4px;
}




.vod-wrap.main{
margin-top: 144px;




}








.tit-sub02{
line-height: 1em;
}








.academy-01-wrap{
width: 100%;
display: flex; justify-content: center;
padding: 24px 0px 96px 0px;
}








.academy-01{
display: inline-flex; flex-direction: column; gap: 48px;}








.academy-01 .row{
display: flex; align-items: flex-start; gap: 16px;
}








.academy-01 .row .label{
position: relative;
flex-shrink: 0;
display: flex; justify-content: center;
width: 78px;
padding-right: 16px;
font-weight: bold;
font-size: 20px;
}








.academy-01 .row .text.list{transform: translateY(8px);}
.academy-01 .row .text{transform: translateY(6px);}








.academy-01 .row .label::before{
content: ':';
position: absolute;
top: 50%; right: 0;
transform: translate(0,-50%);
}
















.main-sns-link{
display: flex; gap: 10px;
margin-top: 16px;
}








.main-sns-link li{
width: 30px; height: 30px;
}








.main-sns-link li img{
width: 100%;
}








@media (max-width: 1024px){
.main-row{flex-direction: column;}
.main-row .col dt{font-size: 24px; text-align: center; padding: 0 16px;}
.main-row .col dd{text-align: center;}
.main-sns-link{
width: 100%; justify-content: center;
}
.vod-wrap.main{
margin-top: 96px;




}
}
















.main-mid-01{
width: 100%;
position: relative;
padding-top: 24px;
}








.main-mid-01:before{
content: '';
position: absolute;
width: 48px;
height: 3px;
top: 0px;
left: 50%;
transform: translate(-50%, 0);
background-color: #000;
}








.academy-01 .row .text.list{
display: flex;
flex-wrap: wrap;
gap: 6px 12px;
}








.academy-01 .row .text .list{
display: flex;
height: 18px;
align-items: center;
font-weight: normal;
border-left: 1px solid #000;
padding-left: 12px;
width: auto;
line-height: 1em;
}




.academy-01 .row .text .list.left{ border-left: 0; padding-left: 0; }








.academy-01 .row .text .row-div{
width: 100%;
}








.academy-01-wrap{max-width: 500px; margin: 0 auto;}








@media (max-width: 767px){
.academy-01 .row .text .list.div{
border-right: 1px solid #000;
padding-right: 12px;








}
.academy-01 .row .text .row-div{display: none;}
.academy-01-wrap{max-width: 100%; margin: 0 auto;}
}
















.mf-wrap h3.academy-h3{
 position: relative; 
 line-height: 1em;
font-family: 'Noto Sans KR';
    font-size: 32px;
    font-weight: 700;
}








.mf-wrap.academy{display: flex; justify-content:center; flex-direction: column; width: 540px;}








.mf-wrap.academy ul{
display: inline-block; margin: 0 auto;}








.mf-wrap.academy ul li{color: #000;}








.img-academy-01{
width: 100%;
height: 480px;
margin-top: 100px;
}








.img-academy-01-caption{font-size: 14px; font-weight: bold; color:#000; text-align: center; padding: 16px 0px 0px 0px; line-height: 1em;}








.img-academy-01-caption small{
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1em;
  margin-top: 6px;
}








@media (max-width: 800px){
.mf-wrap{
text-align: center;
}
.mf-wrap ul{
text-align: left;
}
.mf-wrap h3.academy-h3{
display: inline-block;
padding: 0px 16px;
margin: 0 auto;
margin-bottom: 16px;
font-size: 24px;
}








 .mf-wrap.academy{width: 100%;}
 .img-academy-01{height: auto;}
 .academy-01 .row .text.list .list{border: 0; border-left: 1px solid #000; padding-right: 0; padding-left: 12px;}
 .academy-01 .row .text.list .list.left{padding-left: 0; border-left: 0;}
 .academy-01 .row .text.list{padding-right: 10px;}












}
.main-mid-01{
margin-top: 56px;
padding-top: 42px;
}








.main-mid-01::after{
content: '';
position: absolute;
width: 48px;
height: 3px;
top: 0px;
left: 50%;
transform: translate(-50%, 6px);
background: #000;
}








.main-classtype-row{
display: flex;
justify-content: center;
align-items: center;
margin-top: 150px;
margin-bottom: 24px;
}








.main-classtype-row a{
display: inline-flex;
justify-content: center;
align-items: center;
height: 26px;
font-size: 26px;
font-weight: bold;
color: #000;
padding: 0 24px;
}








.main-classtype-row + .dfs-divider01{
margin-top: 
}








.main-classtype-row a:not(.last){border-right: 1px solid #DDD;}








a[href="#!"]{cursor: default;}








.multiline-div{ width: 70%; height: 4px; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; margin: 72px auto;}








.multiline-div + div { margin-top: 120px; }
















.main-title-line.brown .tit-main04{ color:#876643;  }








.main-title-line.brown::before{ border-top: solid 1px #f4ebdf; border-bottom: solid 1px #f4ebdf; }








.main-mid-01::after, .main-mid-01::before{ background-color: #876643; }
















.main-title-line.small .tit-main04{ font-size: 26px; }








.main-title-line + .mf-wrap.academy{ margin-top: 56px; }
.mf-wrap h3.academy-h3{ font-size: 26px; }








@media (max-width: 1024px){
.main-classtype-row a{font-size: 22px; line-height: 22px;}
.mf-wrap h3.academy-h3{ font-size: 24px; }
.main-title-line.small .tit-main04{ font-size: 22px; }
}








.main-mid-01 span.brown{ color: #876643; }








.btn-kakao-link{ position: fixed; width: 44px; height: 44px; bottom: 70px; right: 10px; z-index: 9999; background-image: url(../img/kakao.jpg); background-repeat: no-repeat; background-size: 50px; background-position: center; border-radius: 4px;}








@media (max-width: 1024px){
  .btn-kakao-link{ width: 36px; height: 36px; bottom: 10px; right: 10px; border-radius: 18px; background-size: 44px; }
}












.tit-main09{padding: 0;}
.container-fc{margin-bottom: 48px;}




.mf-wrap h3.academy-h3{
  width: fit-content;
  position: relative;
  margin-bottom: 56px;
  margin-top: 56px;
  padding: 24px;
}




.mf-wrap.academy{ align-items: center; }




.academy-h3::before{ content: 'composition outcome'; position: absolute; top: 0; left: 50%; transform: translate(-50%, 51px); font-size: 13px; text-align: center; font-weight: normal; line-height: 1em; white-space: nowrap; color: #876643;}
.mf-wrap.academy ul li{ margin-bottom: 16px; font-size: 17px;}
.academy-h3-after{ text-align: center; font-size: 18px; line-height: 1.5em; margin-top: 36px;}








.tit-sub03.curriculum{ display: flex; flex-direction: column;  align-items: center; gap: 16px; padding-bottom: 24px; font-family: "Noto Sans KR", Malgun Gothic, µ¸¿ò, ±¼¸², Open Sans; font-weight: 800;}
.tit-sub03.curriculum .tit-sub04{ position: relative; font-size: 14px; line-height: 1.5em; font-weight: bold; text-align: center; font-weight: 600;}
















br.mobile{ display: none; }








@media (max-width: 1024px){
    br.pc{ display: none; }
    br.mobile{ display: block; }
}




@media (max-width: 360px){
    .tit-main02{ letter-spacing: -0.1em; }
}








.wing{
  position: absolute;
  width: 36px;
  top: 0;
  left: 0;
  transform: translate(-24px, 14px);
}








.wing-r{
  position: absolute;
  width: 36px;
  top: 0;
  right: 0;
  transform: translate(24px, 14px) scaleX(-1);
}








.academy.main-page ul{
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 36px;
}








.academy.main-page ul li{
  margin-bottom: 0;
  padding: 0;
  background: none;
  font-size: 16px;
  font-weight: bold;
   text-align: center;
  line-height: 1.2em;
}








.academy.main-page ul li span.small{
  font-size: 0.8em;
}








.academy.main-page ul li small{
  display: block;
  font-weight: 300;
  font-size: 0.7em;
  color: #333;
  padding-top: 6px;
  line-height: 1em;
}
















.main-poster-roll{
  display: block;
  width: 100%;
  height: 220px;
  overflow: hidden;
  margin-top: 48px;
  margin-bottom: 80px;
}








.main-poster-roll .inner{
  display: flex;
  gap: 20px;
  width: fit-content;
  height: 100%;
  will-change: transform;  
}




.main-poster-roll .inner.start{
animation: marquee 60s linear infinite;
animation-delay: 3s;
}




.sub-page-h-bar{
  position: relative;
  width: 100%;
  height: 192px;
}








.sub-page-h-bar::before{
content: '';
position: absolute;
width: 48px;
height: 3px;
top: 50%;
left: 50%;
transform: translate(-50%, calc(-50% - 4.5px));
background-color: #876643;
}
















.sub-page-h-bar::after{
content: '';
position: absolute;
width: 48px;
height: 3px;
top: 50%;
left: 50%;
transform: translate(-50%, calc(-50% + 4.5px));
background-color: #876643;
}
















.text-academy-01-after{
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  margin-top: 100px;
  line-height: 1.6em;
}








.text-academy-01-after strong{
  font-weight: 900;
  font-size: 24px;
  display: block;
  margin-bottom: 20px;
}




















@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}








.main-poster-roll .inner img{
  height: 100%;
}








@media (max-width: 640px){
  .main-poster-roll{
    height: 182px;
    margin-top: 24px;
    margin-bottom: 40px;
  }
  
}
















.tit-main02{
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.8em;
}








.tit-main02-1-row{
  display: flex;
  justify-content: center;
}








.tit-main02-1{
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  line-height: 2em;
}








.tit-main02-1 strong{
  font-weight: 700;
}








.km-wrap{
  font-weight: 700;
  margin-top: 24px;
  margin-bottom: 96px;
}








.text-academy-01-after{
 font-size: 16px; 
}








.visual-main01{
background-position: center;
animation-name: mainvisual;
animation-duration: 2s;
animation-iteration-count: 1;
animation-direction: normal;
animation-timing-function: linear;
animation-fill-mode: forwards;
}








@keyframes mainvisual{
from{
background-size: 100%;
}
to{
background-size: 110%;
}
}








.main-text-in span{
  display: block;
  font-size: inherit;
  font-weight: inherit;
}








.main-text-in h1{
  display: flex;
  justify-content: center;
  font-size: 44px;
  font-weight: 700;
  margin: 0;
  line-height: 1em;
  text-shadow: 0px 2px 0px #000;
}








.carousel-caption .main-text-in p{
  display: flex;
  justify-content: center;
  gap: 16px;
  font-size: 32px;
  font-weight: 300;
  margin-top: 16px;
  margin-bottom: 8px;
  line-height: 1em;
  text-shadow: 0px 2px 0px #000;
}








.main-text-in small{
  font-size: 18px;
  text-shadow: 0px 2px 0px #000;
}








@media (max-width: 640px){
  .main-text-in h1{
    font-size: 24px;
  }
  .carousel-caption .main-text-in p{
     gap: 4px;
     font-size: 16px;
      margin-top: 8px;
     margin-bottom: 4px;
  }
  .main-text-in small{
    font-size: 16px;
  }








.text-academy-01-after strong{
  font-size: 16px;
margin-bottom: 10px;
}








  .text-academy-01-after{
    font-size: 14px;
  }
}








@media (max-width: 420px){
 .visual-main01{
    background-size: auto 100%;
    background-position: right -150px center;
  }








  .tit-main02-1{
    text-align: left;
  }












































@keyframes mainvisual{
from{
background-size: auto 100%;
}
to{
background-size: auto 110%;
}
}




















}
















@media (max-width: 1024px){
  .tit-main02{
    font-size: 15px;
  }
  .tit-main02-1{
    font-size: 13px;
     text-align: left;
  }
}








.tit-main-00{
  text-align: center;
  margin-top: 0px;
margin-bottom: 48px;
}








.tit-main-00 .main-00-01{
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.8em;
  color: #000;
  font-weight: bold;
}
















.tit-main-00 .main-00-01 strong{
  font-size: 20px;
  font-weight: bold;
}








.tit-main-00 .main-00-02{
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.8em;
  color: #000;
  font-weight: bold;
}








.tit-main-00 .main-00-bar{
  width: 48px;
  height: 3px;
  background-color: #000;
  margin: 24px auto;
}








.mobile-on{
  display: none;
}








@media (max-width: 1024px){
  .mobile-on{
    display: inline;
  }








  .km-wrap h3{
      font-size: 16px;
   }








  .tit-main-00 .main-00-01 strong{
    font-size: 18px;
  }








  .tit-main-00 .main-00-01,
  .tit-main-00 .main-00-02{
    font-size: 13px;
  }
}








.tit-main01{
  padding-top: 70px;
}








.main-poster-new{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
   margin-bottom: 32px;
}








.main-poster-new__box{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: calc(25% - 15px);
  font-family: ''Noto Sans KR;
  font-size: 14px;
  font-weight: bold;
}








.main-poster-new__box .img{
  position: relative;
  display: block;
  width: 100%;
  padding-top: 143.36569579288025%;
  overflow: hidden;
}








.main-poster-new__box .img img{ 
  position: absolute; 
  top: 50%;
  left: 50%;
  display: block; 
  width: 100%; 
  transform: translate(-50%, -50%);
  transform-origin: center;
  transition: all 0.3s;
}








.main-poster-new__box .img:hover img{
  transform: translate(-50%, -50%) scale(120%);
}








@media (max-width: 640px){
  .main-poster-new__box{
    width: calc(50% - 10px);
  }
}








.sub-page-h-bar.main{
  height: 90px;
}








span.bold-point{
  font-wieght: bold;
  color: #876643;
}
















.tit-main02{
  padding-bottom: 16px;
}








.main-photo-after-box{
position: relative;
padding: 1.5rem 0;
display: flex;
flex-direction: column;
gap: 1.2rem;
}
.main-photo-after-box .tit-main03, .main-photo-after-box .tit-main03.big{
position: relative;
z-index: 2;
color: #FFF;
padding: 0;
line-height: 1em;
}








.main-photo-after-box::after{
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 200vw;
height: 100%;
transform: translateX(-50%);
background-color: #938169;
}








.carousel-caption{
position: absolute;
top: 50%;
left: 50%;
right: auto;
transform: translate(-50%, -50%);
color: #FFF;
text-align: center;
}
@media (max-width: 1000px){
.container{
overflow-x: hidden;
}
}








.h3-1{
line-height: 130%;
text-align: center;
}
.h3-1 small{
display: block;
line-height: 130%;
text-align: center;
}








.academy01-ul{
display: flex;
justify-content: center;
}








.academy01-ul-li{
display: inline-block;
}








.ts02 small{
font-size: 0.5em;
display: block;
text-align: center;
line-height: 130%;
font-weight: 400;
}




.academy01-captions{
width: 100%;
padding: 16px;
background-color: #2f170e;
    color: #FFF;
}




.academy01-caption-01{
font-weight: bold;
text-align: center;
line-height: 1.3em;
font-size: 16px;
}
.academy01-caption-02{
font-weight: bold;
text-align: center;
line-height: 1.3em;
font-size: 16px;
}








@media (max-width: 960px){
.academy-h-bar{
height: calc(192px *0.5);
}
}






/*************************************/
/* 250718 [°ÔÀÓÀ½¾Ç] Ä«Å×°í¸® Ãß°¡  */
/*************************************/
/* [°ÔÀÓÀ½¾Ç] Ä«Å×°í¸® °øÅëºÎºÐ (.game-contents) */
.game-contents p {margin: 0;padding: 0;word-break: keep-all;line-height: 1.8;}
.game-contents img {display: block;max-width: 100%;width: 100%;}
.game-contents {margin-top: 190px;padding: 0;color: #000;font-size: 20px;}
.game-contents::before,
.game-contents::after {display: none;}
.game-contents .cinner {max-width: 1200px;margin: 0 auto;}
.game-contents .page-title {margin-bottom: 80px;font-size: 2.0em;font-weight: 700;text-align: center;}


@media all and (max-width: 1300px){
   .game-contents .cinner {margin: 0 50px;}
}
@media all and (max-width: 1199px){
   .game-contents .cinner {margin: 0 30px;}
}
@media all and (max-width: 1024px){
   .game-contents {margin-top: 100px;font-size: 18px;}
   .game-contents .cinner {margin: 0 15px;}
   .game-contents .page-title {margin-bottom: 50px;}
}
@media all and (max-width: 768px){
   .game-contents {font-size: 16px;}
}
/* [°ÔÀÓÀ½¾Ç] Ä«Å×°í¸® °øÅëºÎºÐ */




/* °ÔÀÓÀ½¾Ç > À½¾Ç½ÃÀåÇöȲ */
#game01 .cont-title {margin-bottom: 60px;font-size: 1.60em;font-weight: 700;text-align: center;}


#game01 .cont-box1 {margin-bottom: 70px;}
#game01 .cont-box1 .content > .tit {margin-bottom: 60px;font-size: 1.40em;font-weight: 700;text-align: center;}
#game01 .cont-box1 .content > ul {display: flex;justify-content: space-between;max-width: 630px;margin: 0 auto 50px;position: relative;}
#game01 .cont-box1 .content > ul::before {content: '';display: block;width: 9px;height: 20px;border-left: 3px solid #B5B5B5;border-right: 3px solid #B5B5B5;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
#game01 .cont-box1 .content > ul > li {max-width: 250px;width: 40%;padding: 17px;border-radius: 40px;background: #B3997E;color: #fff;font-weight: 600;text-align: center;}
#game01 .cont-box1 .content > .box-txt {max-width: 600px;margin: 0 auto 20px;padding: 20px;border: 1px solid #E2E2E2;box-sizing: border-box;}
#game01 .cont-box1 .content > .box-txt > p {text-align: center;line-height: 1.5;}
#game01 .cont-box1 .content > .box-txt > p > span {color: #6C4A26;font-weight: 700;}
#game01 .cont-box1 .content > .txts > p {font-size: 18px;text-align: center;}
#game01 .cont-box1 .content > .txts > p > span {color: #6C4A26;font-weight: 700;}


#game01 .cont-box2 {margin-bottom: 90px;}
#game01 .cont-box2 .cont-tit-img {margin-bottom: 70px;position: relative;}
#game01 .cont-box2 .cont-tit-img::after {content:'Music film';display: block;padding: 34px 56px;background: #876643;color: #fff;font-size: 2.0em;font-weight: 600;text-align: center;position: absolute;bottom: -70px;right: 0;}
#game01 .cont-box2 .cont-tit-img img {display: block;width: 100%;}
#game01 .cont-box2 .txt-cont > .tit {margin-bottom: 5px;font-size: 2.0em;font-weight: 600;}
#game01 .cont-box2 .txt-cont > .txts {margin-bottom: 30px;}
#game01 .cont-box2 .txt-cont .txt {font-size: 18px;}
#game01 .cont-box2 .txt-cont .txt > span {color: 6C4A26;font-weight: 700;}
#game01 .cont-box2 .txt-cont .txt > em {color: #898989;font-style: normal;}


#game01 .cont-box3 {margin-bottom: 200px;}
#game01 .cont-box3 .title-cont {margin-bottom: 20px;}
#game01 .cont-box3 .title-cont > .tit {font-size: 2.50em;font-weight: 800;}
#game01 .cont-box3 .title-cont > .txt {font-size: 1.10em;font-weight: 600;}
#game01 .cont-box3 .img-cont {margin-bottom: 80px;}
#game01 .cont-box3 .img-cont > .img > img {display: block;width: 100%;}
#game01 .cont-box3 .img-cont > .img-txt {padding: 20px;border-bottom: 1px solid #D9D9D9;}
#game01 .cont-box3 .img-cont > .img-txt > p {color: #939393;text-align: center;line-height: 1.5;}
#game01 .cont-box3 .txt-cont > .txt {margin-bottom: 45px;font-size: 1.10em;text-align: center;}
#game01 .cont-box3 .txt-cont > .txt > span {font-weight: 600;}
#game01 .cont-box3 .txt-cont > .in-txt-cont > .tit {max-width: 650px;margin: 0 auto;padding: 9px 10px;border-radius: 25px;background: #876643;color: #fff;font-weight: 600;text-align: center;line-height: 1.5;position: relative;}
#game01 .cont-box3 .txt-cont > .in-txt-cont > ul {max-width: 900px;margin: -25px auto 0;padding: 44px 60px 34px;border: 1px solid #E0E0E0;box-sizing: border-box;}
#game01 .cont-box3 .txt-cont > .in-txt-cont > ul > li {padding-left: 12px;font-size: 18px;line-height: 1.8;word-break: keep-all;position: relative;}
#game01 .cont-box3 .txt-cont > .in-txt-cont > ul > li::before {content: '';display: block;width: 3px;height: 3px;border-radius: 50%;background: #000;position: absolute;top: 16px;left: 0;}


#game01 .cont-box4 {margin-bottom: 150px;padding: 100px 0 150px;background: #FEF8F0;}
#game01 .cont-box4 .title-cont {margin-bottom: 50px;text-align: center;}
#game01 .cont-box4 .title-cont > .txt {color: #6C4A26;font-size: 1.10em;font-weight: 500;}
#game01 .cont-box4 .title-cont > .tit {font-size: 2.0em;font-weight: 700;}
#game01 .cont-box4 ul {display: flex;justify-content: center;gap: 50px;max-width: 1100px;margin: 0 auto;}
#game01 .cont-box4 ul > li {display: flex;flex-direction: column;justify-content: center;align-items: center;width: calc(20% - 16px);aspect-ratio: 1 / 1;border-radius: 50%;background: #876643;color: #fff;}
#game01 .cont-box4 ul > li > .num {font-size: 1.50em;font-weight: 700;opacity: .2;}
#game01 .cont-box4 ul > li > .txt {font-weight: 600;line-height: 1.3;text-align: center;}
#game01 .cont-box4 [class*=in-cont] {margin-bottom: 100px;}
#game01 .cont-box4 .bot-txt {padding: 35px;border: 1px solid #EDEDED;box-sizing: border-box;background: #fff;font-size: 1.10em;line-height: 1.5;text-align: center;}
#game01 .cont-box4 .bot-txt > span {color: #6C4A26;font-weight: 700;}


#game01 .cont-box5 {margin-bottom: 90px;overflow: hidden;}
#game01 .cont-box5 .content {display: flex;justify-content: space-between;align-items: center;}
#game01 .cont-box5 .content > .img-cont {max-width: 400px;width: 34%;position: relative;}
#game01 .cont-box5 .content > .img-cont::before,
#game01 .cont-box5 .content > .img-cont::after {content: '';display: block;position: absolute;z-index: -1;}
#game01 .cont-box5 .content > .img-cont::before {width: 100%;height: 80%;background: #B3997E;bottom: -40px;right: -50px;}
#game01 .cont-box5 .content > .img-cont::after {content: 'Music film';color: #fff;font-family: "Outfit", sans-serif;font-size: 3.0em;font-weight: 700;bottom: -40px;right: -18px;z-index: 1;}
#game01 .cont-box5 .content > .txt-cont {display: flex;flex-direction: column;gap: 50px;width: 56%;}
#game01 .cont-box5 .content > .txt-cont > .title > .tit {color: #6C4A26;font-size: 2.50em;font-weight: 700;line-height: 1.5;}
#game01 .cont-box5 .content > .txt-cont > .title > .txt {font-size: 1.40em;font-weight: 600;line-height: 1.5;}
#game01 .cont-box5 .content > .txt-cont > .txt1 {color: #333;font-size: 18px;}
#game01 .cont-box5 .content > .txt-cont > .txt2 {color: #333;font-size: 1.20em;font-weight: 600;}
#game01 .cont-box5 .marquee {min-height: 145px;margin-top: 140px;color: #eee;font-family: "Outfit", sans-serif;font-size: 5.0em;font-weight: 700;}


#game01 .cont-box6 {margin-bottom: 150px;}
#game01 .cont-box6 ul {display: flex;gap: 26px;margin-bottom: 40px;}
#game01 .cont-box6 ul.col2 {margin-bottom: 60px;gap: 100px;}
#game01 .cont-box6 ul > li {border: 1px solid #E9E9E9;box-sizing: border-box;}
#game01 .cont-box6 ul.col2  > li {width: calc(50% - 50px);}
#game01 .cont-box6 ul.col5 > li {width: calc(20% - 20.8px);}
#game01 .cont-box6 ul > li > .img-cont > img {display: block;width: 100%;}
#game01 .cont-box6 ul > li > .img-tit {padding: 12px;background: #F4F4F4;font-size: 18px;font-weight: 600;text-align: center;}
#game01 .cont-box6 .bot-txt {font-size: 1.20em;font-weight: 600;text-align: center;}


@media all and (max-width: 1399px){
    #game01 .cont-box5 .content > .txt-cont > .txt1 > br {display: none;}
}
@media all and (max-width: 1199px){
   #game01 .cont-box2 .txt-cont > .tit {font-size: 1.70em;}


   #game01 .cont-box3 .title-cont > .tit {font-size: 2.0em;}
   #game01 .cont-box3 .title-cont > .txt {font-size: 1.20em;}


   #game01 .cont-box4 ul {gap: 30px;}
   #game01 .cont-box4 ul > li {width: calc(20% - 24px);}
   #game01 .cont-box4 .bot-txt {font-size: 1.20em;}
}


@media all and (max-width: 1024px){
   #game01 .cont-title {margin-bottom: 50px;}
   #game01 [class*=cont-box] {margin-bottom: 80px;}
 
   #game01 .cont-box1 .content > .tit {margin-bottom: 30px;font-size: 1.67em;}
 
   #game01 .cont-box2 .cont-tit-img {margin-bottom: 50px;} 
   #game01 .cont-box2 .cont-tit-img::after {padding: 16px 34px;font-size: 2.0em;bottom: -52px;}
   #game01 .cont-box2 .txt-cont > .txts {margin-bottom: 20px;}


   #game01 .cont-box3 .img-cont {margin-bottom: 60px;}
   #game01 .cont-box3 .txt-cont > .txt {margin-bottom: 30px;font-size: 1.11em;}
   #game01 .cont-box3 .txt-cont > .in-txt-cont > ul {padding: 44px 50px 34px;}
   #game01 .cont-box3 .txt-cont > .in-txt-cont > ul > li {font-size: 18px;}


   #game01 .cont-box4 {padding: 80px 0 100px;}
   #game01 .cont-box4 [class*=in-cont] {margin-bottom: 80px;}
   #game01 .cont-box4 .title-cont {margin-bottom: 30px;}
   #game01 .cont-box4 ul {gap: 10px;}
   #game01 .cont-box4 ul > li {width: calc(20% - 8px);}
   #game01 .cont-box4 ul > li > .num {font-size: 1.33em;}
   #game01 .cont-box4 ul > li > .txt {font-size: 18px;}


   #game01 .cont-box5 .content > .img-cont::before {height: 100%;bottom: -30px;right: -30px;}
   #game01 .cont-box5 .content > .img-cont::after {font-size: 2.56em;bottom: -45px;}
   #game01 .cont-box5 .content > .txt-cont {gap: 24px;width: 58%;}
   #game01 .cont-box5 .content > .txt-cont > .title > .tit {font-size: 2.22em;}
   #game01 .cont-box5 .content > .txt-cont > .txt2 {font-size: 1.11em;}
   #game01 .cont-box5 .marquee {margin-top: 60px;font-size: 4.0em;}


   #game01 .cont-box6 ul.col2 {gap: 60px;margin-bottom: 40px;}
   #game01 .cont-box6 ul.col5 {gap: 10px;}
   #game01 .cont-box6 ul.col2  > li {width: calc(50% - 30px);}
   #game01 .cont-box6 ul.col5 > li {width: calc(20% - 8px);}
   #game01 .cont-box6 .bot-txt {font-size: 1.11em;}
   #game01 .cont-box6 .bot-txt > br {display: none;}
}


@media all and (max-width: 768px){
   #game01 .cont-box1 .content > ul {max-width: 90%;margin: 0 auto 30px;}
   #game01 .cont-box1 .content > ul > li {width: 42%;padding: 10px;}
   #game01 .cont-box1 .content > .box-txt > p {font-size: 18px;}
   #game01 .cont-box1 .content > .txts > p {font-size: 18px;}


   #game01 .cont-box2 .txt-cont .txts > .txt {display: inline;}


   #game01 .cont-box3 .txt-cont > .txt {font-size: 18px;}
   #game01 .cont-box3 .txt-cont > .txt > br {display: none;}
   #game01 .cont-box3 .txt-cont > .in-txt-cont {max-width: 95%;margin: 0 auto;}
   #game01 .cont-box3 .txt-cont > .in-txt-cont > .tit {padding: 15px 10px;border-radius: 10px;font-size: 18px;}
   #game01 .cont-box3 .txt-cont > .in-txt-cont > ul {padding: 44px 30px 34px;}


   #game01 .cont-box4 [class*=in-cont] {margin-bottom: 60px;}
   #game01 .cont-box4 ul {flex-wrap: wrap;max-width: 90%;}
   #game01 .cont-box4 ul > li {width: calc(33.333% - 7px);}
   #game01 .cont-box4 .bot-txt > br {display: none;}


   #game01 .cont-box5 .content {flex-direction: column;align-items: flex-start;gap: 60px;max-width: 610px;margin: 0 auto;}
   #game01 .cont-box5 .content > .img-cont {max-width: none;width: 95%;}
   #game01 .cont-box5 .content > .txt-cont {width: 100%;text-align: center;}
   #game01 .cont-box5 .content > .txt-cont > .title > .tit {font-size: 2.0em;}
   #game01 .cont-box5 .content > .txt-cont > .title > .txt {font-size: 1.33em;}
   #game01 .cont-box5 .marquee {min-height: 115px;margin-top: 40px;}


   #game01 .cont-box6 ul.col2 {gap: 30px;margin-bottom: 40px;}
   #game01 .cont-box6 ul.col5 {gap: 5px;}
   #game01 .cont-box6 ul.col2  > li {width: calc(50% - 15px);}
   #game01 .cont-box6 ul.col5 > li {width: calc(20% - 4px);}
   #game01 .cont-box6 .bot-txt {font-size: 18px;}
}


@media all and (max-width: 640px){
   #game01 .cont-title {font-size: 26px;}


   #game01 .cont-box1 .content > .tit {font-size: 24px;}
   #game01 .cont-box1 .content > ul > li {padding: 6px;font-size: 18px;}
   #game01 .cont-box1 .content > .box-txt > p {font-size: 16px;}
   #game01 .cont-box1 .content > .txts > p {font-size: 16px;}
 
   #game01 .cont-box2 .cont-tit-img::after {padding: 2px 34px;font-size: 20px;position: relative;bottom: auto;}
   #game01 .cont-box2 .txt-cont > .tit {font-size: 24px;}
   #game01 .cont-box2 .txt-cont .txt {font-size: 16px;}


   #game01 .cont-box3 .title-cont > .tit {font-size: 26px;}
   #game01 .cont-box3 .img-cont > .img-txt > p {font-size: 14px;}
   #game01 .cont-box3 .txt-cont > .txt {font-size: 16px;}
   #game01 .cont-box3 .txt-cont > .in-txt-cont > .tit {padding: 15px 20px;font-size: 16px;}
   #game01 .cont-box3 .title-cont > .txt {font-size: 16px;}
   #game01 .cont-box3 .txt-cont > .in-txt-cont > ul > li {font-size: 16px;}


   #game01 .cont-box4 .title-cont > .txt {font-size: 15px;}
   #game01 .cont-box4 .title-cont > .tit {font-size: 24px;line-height: 1.5;}
   #game01 .cont-box4 ul > li > .txt {font-size: 16px;}
   #game01 .cont-box4 .bot-txt {padding: 30px 20px;font-size: 16px;}


   #game01 .cont-box5 .content > .txt-cont > .title > .tit {font-size: 26px;}
   #game01 .cont-box5 .content > .txt-cont > .title > .txt {font-size: 22px;}
   #game01 .cont-box5 .content > .txt-cont > .txt2 {font-size: 16px;}
 
   #game01 .cont-box6 ul.col5 {justify-content: center;flex-wrap: wrap;gap: 10px;}
   #game01 .cont-box6 ul.col5 > li {width: calc(33.333% - 7px);}
}



@media all and (max-width: 480px){
   #game01 .cont-box1 .content > ul > li {width: 44%;font-size: 15px;}
   #game01 .cont-box1 .content > .txts > p {font-size: 16px;}


   #game01 .cont-box3 .txt-cont > .in-txt-cont > ul {padding: 44px 20px 34px;}
   #game01 .cont-box3 .txt-cont > .in-txt-cont > ul > li {font-size: 16px;}
   
   #game01 .cont-box4 ul {max-width: 100%;}
   #game01 .cont-box4 ul > li > .num {font-size: 16px;}
   #game01 .cont-box4 ul > li > .txt {font-size: 14px;}


   #game01 .cont-box5 .content > .txt-cont > .txt1 {font-size: 16px;}
   #game01 .cont-box5 .content > .txt-cont > .txt2 > br {display: none;}


   #game01 .cont-box6 ul.col2 {gap: 20px;margin-bottom: 20px;}
   #game01 .cont-box6 ul.col5 {gap: 6px;}
   #game01 .cont-box6 ul.col2  > li {width: calc(50% - 10px);}
   #game01 .cont-box6 ul.col5 > li {width: calc(33.333% - 4px);}
   #game01 .cont-box6 ul > li > .img-tit {font-size: 14px;}
   #game01 .cont-box6 .bot-txt {font-size: 16px;}
}
/* °ÔÀÓÀ½¾Ç > À½¾Ç½ÃÀåÇöȲ */




/* °ÔÀÓÀ½¾Ç > °­»çÁø ÇÁ·ÎÇÊ */
#game02 .cont-box {border-top: 1px solid #D9D9D9;}
#game02 .cont-box  > .content {display: flex;gap: 90px;padding: 80px 0;}
#game02 .cont-box  > .content:not(:last-child) {border-bottom: 1px solid #D9D9D9;}
#game02 .cont-box  > .content > .img-cont {flex: 0 0 auto;max-width: 320px;width: 27%;}
#game02 .cont-box  > .content > .txt-cont {width: 100%;}
#game02 .cont-box  > .content > .txt-cont > .list-wrap:not(:last-child) {margin-bottom: 20px;}
#game02 .cont-box  > .content > .txt-cont > .list-wrap > .tit {margin-bottom: 20px;font-size: 1.50em;font-weight: 700;}
#game02 .cont-box  > .content > .txt-cont > .list-wrap > .stit {margin-bottom: 5px;font-size: 20px;font-weight: 700;}
#game02 .cont-box  > .content > .txt-cont > .list-wrap > ul > li {padding-left: 12px;color: #424242;font-size: 18px;line-height: 2.0;word-break: keep-all;position: relative;}
#game02 .cont-box  > .content > .txt-cont > .list-wrap > ul > li::before {content: '-';display: block;margin-right: 8px;position: absolute;top: 0;left: 0;}


@media all and (max-width: 1024px){
   #game02 .cont-box  > .content {gap: 50px;}  
   #game02 .cont-box  > .content > .img-cont {width: 35%;}
}


@media all and (max-width: 768px){
   #game02 .cont-box > .content {gap: 40px;padding: 60px 0;}
   #game02 .cont-box > .content > .txt-cont > .list-wrap > .tit {margin-bottom: 10px;}
}


@media all and (max-width: 640px){
   #game02 .cont-box > .content {flex-direction: column;padding: 60px 20px;}
   #game02 .cont-box > .content > .img-cont {width: 100%;}
}
/* °ÔÀÓÀ½¾Ç > °­»çÁø ÇÁ·ÎÇÊ */




/* °ÔÀÓÀ½¾Ç > Ä¿¸®Å§·³ */
#game03 .cont-title {margin-bottom: 60px;font-size: 1.60em;font-weight: 700;text-align: center;}


#game03 .cont-box1 {margin-bottom: 70px;}
#game03 .cont-box1 .content > ul {display: flex;justify-content: space-between;max-width: 440px;margin: 0 auto 50px;position: relative;}
#game03 .cont-box1 .content > ul::before {content: '';display: block;width: 1px;height: 20px;background: #B5B5B5;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
#game03 .cont-box1 .content > ul > li {max-width: 200px;width: 46%;padding: 17px;border-radius: 40px;background: #B3997E;color: #fff;font-weight: 600;text-align: center;}


#game03 .cont-box1 .content > .box-txt {max-width: 600px;margin: 0 auto 20px;padding: 20px;border: 1px solid #E2E2E2;box-sizing: border-box;}
#game03 .cont-box1 .content > .box-txt > p {font-size: 1.0em;text-align: center;line-height: 1.5;}
#game03 .cont-box1 .content > .box-txt > p > span {color: #6C4A26;font-weight: 700;}
#game03 .cont-box1 .content > .txts > p {font-size: 18px;text-align: center;}
#game03 .cont-box1 .content > .txts > p > span {color: #6C4A26;font-weight: 700;}


#game03 .cont-box2 > ul {display: flex;justify-content: center;align-items: stretch;flex-wrap: wrap;gap: 40px 30px;margin-bottom: 80px;}
#game03 .cont-box2 > ul > li {display: flex;flex-direction: column;width: calc(50% - 15px);}
#game03 .cont-box2 > ul > li > .title {display: flex;gap: 8px;padding: 13px 40px;border-radius: 10px 10px 0 0;background: #876643;color: #fff;font-weight: 700;}
#game03 .cont-box2 > ul > li > .title > .tit {font-size: 1.20em;position: relative;top: 5px;}
#game03 .cont-box2 > ul > li > .title > .num {font-family: "Outfit", sans-serif;font-size: 1.50em;}
#game03 .cont-box2 > ul > li > ul {flex: 1;padding: 24px 40px;border: 1px solid #EBEBEB;border-top: 0;box-sizing: border-box;}
#game03 .cont-box2 > ul > li > ul > li {padding-left: 14px;color: #666;line-height: 2.0;word-break: keep-all;position: relative;}
#game03 .cont-box2 > ul > li > ul > li::before {content: '-';display: block;margin-right: 8px;position: absolute;top: 0;left: 0;}
#game03 .cont-box2 > .bot-txt {font-size: 1.25em;font-weight: 700;text-align: center;}


@media all and (max-width: 1399px){
   #game03 .cont-box5 .content > .txt-cont > .txt1 > br {display: none;}
}


@media all and (max-width: 1199px){
   #game03 .cont-box1 .content > .tit {margin-bottom: 60px;font-size: 1.70em;}
}


@media all and (max-width: 1024px){
   #game03 .cont-title {margin-bottom: 50px;}
   #game03 [class*=cont-box] {margin-bottom: 80px;}
 
   #game03 .cont-box1 .content > .tit {margin-bottom: 30px;font-size: 1.67em;}
 
   #game03 .cont-box2 > ul > li > .title {flex-direction: column;align-items: center;gap: 0;padding: 15px;}
   #game03 .cont-box2 > ul > li > .title > .num {font-size: 22px;line-height: 1.3;}
   #game03 .cont-box2 > ul > li > .title > .tit {font-size: 20px;text-align: center;line-height: 1.3;}
   #game03 .cont-box2 > ul > li > ul {padding: 24px 30px;}
}


@media all and (max-width: 768px){
   #game03 .cont-box1 .content > ul {max-width: 90%;margin: 0 auto 30px;}
   #game03 .cont-box1 .content > ul > li {width: 42%;padding: 10px;}
   #game03 .cont-box1 .content > .box-txt > p {font-size: 18px;}
   #game03 .cont-box1 .content > .txts > p {font-size: 18px;}
 
   #game03 .cont-box2 > ul {gap: 30px 10px;}
   #game03 .cont-box2 > ul > li {width: calc(50% - 5px);}
   #game03 .cont-box2 > ul > li > .title > .tit {font-size: 18px;}
   #game03 .cont-box2 > ul > li > ul {padding: 14px 20px;}
}


@media all and (max-width: 640px){
   #game03 .cont-title {font-size: 26px;}
   #game03 .cont-box1 .content > ul > li {padding: 6px;font-size: 18px;}
   #game03 .cont-box1 .content > .box-txt > p {font-size: 16px;}
   #game03 .cont-box1 .content > .txts > p {font-size: 16px;}
   #game03 .cont-box2 > ul > li {width: 100%;}
}


@media all and (max-width: 480px){
   #game03 .cont-box1 .content > ul {max-width: 100%;}
   #game03 .cont-box1 .content > ul > li {width: 44%;font-size: 15px;}
   #game03 .cont-box1 .content > .txts > p {font-size: 16px;}
}
/* °ÔÀÓÀ½¾Ç > Ä¿¸®Å§·³ */









.br_txt {color: #6C4A26}
.br_box {background: #6C4A26;color: #fff}
.ab01 .sec1 {display:flex; flex-direction: column;position:relative;align-items:center}
.ab01 .sec1 h2 {font-size: 60px;margin:70px auto;}
.ab01 .sec1 .txt_box {display: flex;flex-direction: column;align-items:center}
.ab01 .sec1 .txt_box img {margin-bottom:30px;width:fit-content}
.ab01 .sec1 .txt_box h3 {margin-bottom:75px;font-size:45px; font-weight:600; align-items:center; text-align:center; margin-top:0;}
.ab01 .sec1 .txt_box p {font-size: 25px; font-weight: 600;margin-bottom:30px;line-height: 1.5;width:100%}
.ab01 .sec1 > img {margin:170px 0 130px 0}
.ab01 .sec2 {display: flex;flex-direction: column;gap:55px;}
.ab01 .sec2 .sec2_top{}
.ab01 .sec2 .sec2_top h3 {font-size:40px;font-weight:600; margin-bottom:30px}
.ab01 .sec2 .sec2_top p {font-size: 20px;}
.ab01 .sec2 .sec2_top p.br_txt {font-size: 25px;font-weight:bold; margin:15px 0}
.ab01 .sec2 .sec2_bottom{display: flex;gap:50px}
.ab01 .sec2 .sec2_bottom .box_wrap{width:calc(50% - 25px); border:1px solid #e0e0e0; border-top:10px solid #e0e0e0}
.ab01 .sec2 .sec2_bottom .box_wrap p{font-size:20px;text-align:center;padding:40px 0; margin:0}
.ab01 .sec2 .sec2_bottom .box_wrap p span{}
.ab01 .sec2 .sec2_bottom {margin-bottom: 130px;}
.ab01 .sec4 {margin: 150px auto;display: flex;flex-direction: column;align-items: center;gap: 20px;}
.ab01 .sec4>p {font-size: 22px;margin: 0 auto}
.ab01 .sec4>p span {font-size: 25px;}
.ab01 .sec4>ul {display: flex;flex-direction: column;gap: 15px;align-items: center;width: 92%;max-width: 530px;}
.ab01 .sec4>ul>li {font-size: 22px;padding: 10px 0;width: 100%;text-align: center;border-radius: 30px;}
.ab01 .sec5 {display: flex;flex-direction: column;align-items:center}
.ab01 .sec5 h3 {font-size: 40px;font-weight: 500; margin:0}
.ab01 .sec5 .img_box {display: flex;gap: 10px;margin: 30px 0 50px}
.ab01 .sec5 .img_box li {}
.ab01 .sec5 p {font-size: 20px; margin:0 ; text-align:center}
.ab01 .sec5 span {font-size: 22px}
.ab01 .sec3 {overflow: hidden;white-space: nowrap;width: 100%;color: #eee;font-size: 100px;font-weight: bold;}
.ab01 .sec3 .marquee {display: inline-block;animation: marquee 20s linear infinite;}
.ab01 .sec3 .marquee span {display: inline-block;padding:0 20px;}

@media(max-width:1000px){
.ab01 .sec2 .sec2_bottom {    flex-direction: column;}
.ab01 .sec2 .sec2_bottom .box_wrap {width:100%}

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

.ab01 .sec1 h2 {font-size:40px;margin:50px auto}
.ab01 .sec1 .txt_box h3,
.ab01 .sec2 .sec2_top h3,
.ab01 .sec5 h3 {font-size:30px;}
.ab01 .sec4>ul {width:100%}
.ab01 .sec1 .txt_box p,
.ab01 .sec2 .sec2_top p.br_txt, 
.ab01 .sec4>ul>li{font-size:20px; width:100%}
.ab01 .sec1 > img {margin:80px 0}
.ab01 .sec2 .sec2_top p,
.ab01 .sec4>p ,
.ab01 .sec2 .sec2_bottom .box_wrap p,
.ab01 .sec5 p,
.ab01 .sec5 span {font-size:18px;}
.ab01 .sec2 .sec2_bottom {margin-bottom:50px;}
.ab01 .sec3 {font-size:50px}
.ab01 .sec4 {margin:50px auto}
}


@media(max-width: 640px) {


.ab01 .sec1 h2 {font-size:30px;margin:30px auto}
.ab01 .sec1 .txt_box h3,
.ab01 .sec2 .sec2_top h3,
.ab01 .sec5 h3 {font-size:25px;}
.ab01 .sec1 .txt_box p,
.ab01 .sec2 .sec2_top p.br_txt, 
.ab01 .sec4>ul>li{font-size:16px}
.ab01 .sec1 > img {margin:80px 0}
.ab01 .sec2 .sec2_top p,
.ab01 .sec4>p ,
.ab01 .sec2 .sec2_bottom .box_wrap p,
.ab01 .sec5 p,.ab01 .sec5 span {font-size:16px;}
.ab01 .sec2 .sec2_bottom {margin-bottom:30px;}
.ab01 .sec4 {margin:30px auto}
.ab01 .sec5 .img_box {width:100%; }
.ab01 .sec5 .img_box li {width:30%}
.ab01 .sec5 .img_box li img  {width:100%}
}

@keyframes marquee {
 0% {
       transform: translateX(0);
           }
        100% {
       
         transform: translateX(-50%);
            }
        }