pc .container{margin-top:0px !important;}
pc .subPage .container{margin-top:113px !important;}

.sound_only{display:none;}


.subBg {background-image: url('/img/202107/intro_bg.jpg');}


.pagdCon{width:100%;background-color:#262222;position:relative;z-index:1005;}
.topbarbg{margin:0px;padding:0px;position:fixed;top:0px;left:0px;display:flex;align-items:center;width:100%;height:95px;border-bottom:1px solid rgba(255,255,255,0.4);z-index:1000;}
.topbarbg.on{background-color:#262222;}
.topbarbg{background-color:transparent;transition: background 0.3s ease-out;}
.topbarbg.scrolled{background-color:rgba(0,0,0,0.9);transition: background 0.5s ease-out;}


.topbarbg .topLogo{position:absolute;top:37px;left:162px;}
.topbarbg .topLogo a{display:inline-block;}
.topbarbg .topLogo img.logofix{display:inline-block;}
.topbarbg .topLogo img.logo_scroll{display:none;}

.topbarbg .topCs{position:absolute;top:0px;right:182px;height:110px;display:flex;align-items:center;font-size:17px; letter-spacing:-0.05em;font-family:'Noto Sans KR';line-height:22px;}
.topbarbg .topCs .topCsText{font-weight:bold;color:white;margin-bottom:0px;}
.topbarbg .topCs .topCsTel{font-weight:300;color:white;}


.topbarbg.scrolled .topLogo img.logofix{display:none;}
.topbarbg.scrolled .topLogo img.logo_scroll{display:inline-block;}


/*메뉴 바를 정의*/
.wsmenu{width:100%;max-width:initial;}



.wsmenu>.wsmenu-list{margin:0px auto;background-color:transparent;box-shadow: 0px 2px 5px rgba(0,0,0,0.1);}

/*1080 >= */
.wsmenu>.wsmenu-list>li.tb_menu{display:none;background-color:white;color:black;}
.wsmenu>.wsmenu-list>li.tb_menu:hover>a{color:black;}

.wsmenu>.wsmenu-list>li>.wsmenu-head{width:100%;max-width :1400px;display:flex;align-items:center;justify-content:space-between;margin:0px auto;}
.wsmenu>.wsmenu-list .wsmegamenu .wsmenuCon{width:100%;max-width:1400px;}

.wsmenu>.wsmenu-list .wsmenuCon{width:100%;max-width:1400px;min-width:initial;}


.wsmenu>.wsmenu-list .wsmenuCon > .menu li.telText{width:130px;}
.wsmenu>.wsmenu-list .wsmenuCon > .menu li.telText .tel{font-size:14px;line-height:23px;letter-spacing:-0.05em;}
.wsmenu>.wsmenu-list .wsmenuCon > .menu li.telText .text{font-size:23px;line-height:24px;letter-spacing:-0.05em;}
.wsmenu>.wsmenu-list .wsmenuCon > .menu li:nth-child(1){width:16.66%;}
.wsmenu>.wsmenu-list .wsmenuCon > .menu li:nth-child(2){width:16.66%;}
.wsmenu>.wsmenu-list .wsmenuCon > .menu li:nth-child(3){width:16.66%;}
.wsmenu>.wsmenu-list .wsmenuCon > .menu li:nth-child(4){width:16.66%;}
.wsmenu>.wsmenu-list .wsmenuCon > .menu li:nth-child(5){width:16.66%;}
.wsmenu>.wsmenu-list .wsmenuCon > .menu li:nth-child(6){width:16.66%;}
.wsmenu>.wsmenu-list>li{position:relative;vertical-align:middle;}
.wsmenu>.wsmenu-list>li>.wsmenu-head{padding:0px;}

.wsmenu>.wsmenu-list .wsmenuCon{width:100%;height:auto;display:flex;align-items:flex-start;margin:0px auto;padding-bottom:30px;}

.wsmenu>.wsmenu-list .wsmenuCon > .logo{width:260px;min-width:300px;padding-left:15px;margin-top:-10px;text-align:left;}/*175*/

.wsmenu>.wsmenu-list .wsmenuCon > .menu{padding:0px;width:calc(100% - 300px); display:flex; align-items:center; justify-content:space-between;}

.wsmenu>.wsmenu-list .wsmenuCon > .menu li{margin:0px;padding:0px;list-style-type:none;text-align:center;color:white;color: #fff;font-family:'Noto Sans KR';font-size:17px;font-weight:400;letter-spacing:0em;}

.wsmenu>.wsmenu-list .wsmenuCon > .menu li a{display:inline-block;width:100%;line-height:100px;color:white;text-decoration:none;}

/*mega memu */
.wsmenu>.wsmenu-list>li>.wsmegamenu{top:95px;padding:0px;}



.wsmenu>.wsmenu-list .wsmegamenu .wsmenuCon > .menu li .texter(1){padding-top:10px;}

.wsmenu>.wsmenu-list .wsmegamenu .wsmenuCon > .menu li{font-size:16px;padding-top: 2px;}

.wsmenu>.wsmenu-list .wsmegamenu .wsmenuCon > .menu li a{font-size:16px !important;letter-spacing:-0.05em;color:#171717;}

.wsmenu>.wsmenu-list .wsmegamenu .wsmenuCon > .menu li{padding-top: 2px;position:relative;}

.wsmenu>.wsmenu-list .wsmegamenu .wsmenuCon > .menu{align-items:flex-start;color:white;}

.wsmenu>.wsmenu-list .wsmegamenu .wsmenuCon > .menu li .header{height:12px;text-align:center;font-size:12px;margin-bottom:0px;}

.wsmenu>.wsmenu-list .wsmegamenu .wsmenuCon > .menu li .header a{color:white;}

.wsmenu>.wsmenu-list .wsmegamenu .wsmenuCon > .menu li .texter{text-align:center;}

.wsmenu>.wsmenu-list .wsmegamenu .wsmenuCon > .menu li .texter a{display:inline-block;padding:10px 0px;line-height:20px;}

.wsmenu>.wsmenu-list .wsmegamenu .wsmenuCon > .menu li:after{display:block;content:"";position:absolute;top:0px;left:50%;width:0%;height:3px;margin:0px;background-color:#283453;transition: all 0.5s;}

.wsmenu>.wsmenu-list .wsmegamenu .wsmenuCon > .menu li:hover:after{width:70%;left:15%;}

.wsmenu>.wsmenu-list .wsmegamenu .wsmenuCon .hline{display:block;position:absolute;top:95px;left:0px;width:100%;height:1px;background-color:#ccc;}


/*
.subPage .wsmenu>.wsmenu-list .wsmenuCon > .menu li{color:black}
*/
.wsmenu>.wsmenu-list>li>.wsmenu-head.active i {
  color: #111;
}

.wsmenu>.wsmenu-list>li>.wsmenu-head:hover i {
  color: #111;
}

.wsmenu>.wsmenu-list>li>.wsmenu-head.active {
  color: #111;
}

.wsmenu>.wsmenu-list>li:hover>a {
  background-color: transparent;
  color: rgba(255,255,255,0.9);
}


/* ================== Desktop Drop Down Menu CSS ================== */
.wsmenu>.wsmenu-list>li>ul.sub-menu { }
.wsmenu>.wsmenu-list>li>ul.sub-menu.sub-menu-stop{min-width:260px;margin-left:-130px;}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a>i {
  margin-left: 12px;
}
.wsmenu>.wsmenu-list>li>.wsmenu-head{border-right:none;}

.subPage .topbarbg{border-bottom:0px;}
/*1080 >= */



/*menu bar*/
/* 
green: #3FAF82

*/

.mb_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95px;
  height: 95px;
}

.mb_btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  cursor: pointer;
}

.mb_btn span {
  display: block;
  width: 100%;
  border-radius: 0px;
  height: 5px;
  background: #fff;
  transition: all .3s;
  position: relative;
}

body.index .mb_btn span{background-color:white;}

.mb_btn span + span {
  margin-top: 14px;
}
.mb_btn.active span + span {
  margin-top: 17px;
}

.mb_btn.active span:nth-child(1) {
  animation: ease .7s mb_top forwards;
}

.mb_btn.not-active span:nth-child(1) {
  animation: ease .7s mb_top-2 forwards;
}

.mb_btn.active span:nth-child(2) {
  animation: ease .7s mb_scaled forwards;
}

.mb_btn.not-active span:nth-child(2) {
  animation: ease .7s mb_scaled-2 forwards;
}

.mb_btn.active span:nth-child(3) {
  animation: ease .7s mb_bottom forwards;
}

.mb_btn.not-active span:nth-child(3) {
  animation: ease .7s mb_bottom-2 forwards;
}

.foot_wrap{padding-bottom:0px;}
@keyframes mb_top {
  0% {
    top: 0;
    transform: rotate(0);
  }
  50% {
    top: 22px;
    transform: rotate(0);
  }
  100% {
    top: 22px;
    transform: rotate(45deg);
  }
}

@keyframes mb_top-2 {
  0% {
    top: 22px;
    transform: rotate(45deg);
  }
  50% {
    top: 22px;
    transform: rotate(0deg);
  }
  100% {
    top: 0;
    transform: rotate(0deg);
  }
}

@keyframes mb_bottom {
  0% {
    bottom: 0;
    transform: rotate(0);
  }
  50% {
    bottom: 22px;
    transform: rotate(0);
  }
  100% {
    bottom: 22px;
    transform: rotate(135deg);
  }
}

@keyframes mb_bottom-2 {
  0% {
    bottom: 22px;
    transform: rotate(135deg);
  }
  50% {
    bottom: 22px;
    transform: rotate(0);
  }
  100% {
    bottom: 0;
    transform: rotate(0);
  }
}

@keyframes mb_scaled {
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(0);
  }
}

@keyframes mb_scaled-2 {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

.lwaCon{height:0px;}

/*태블릿 정의*/
@media (max-width: 1200px){
	.topbarbg{display:block;height: 95px; padding-top: 0px; transition: background 0.5s ease-out;}
	.wsmenu>.wsmenu-list>li.wsmenu-nav{display:none;}
	.wsmenu>.wsmenu-list>li.tb_menu{display:block;}
	.wsdownmenu-text a{padding-top:5px;display:inline-block;}
	
	.wsmenu>.wsmenu-list>li>ul.sub-menu .texter{width:100%;text-align:left;}
	.wsmenu>.wsmenu-list>li>ul.sub-menu .texter a{display:block;padding:15px 0px 15px 40px;text-decoration:none;}

	.wsmenu>.wsmenu-list>li.wsmenu-nav>a{padding-left:15px;padding-right:15px;}
	.wsmenu>.wsmenu-list .wsmenuCon > .logo{width:300px;padding-left:0px;}
	.wsmenu>.wsmenu-list .wsmenuCon > .menu{width:calc(100% - 300px);}
}