body{background: none;}
button{}
#wrap{}
#header{height:65px;display:block;}
.logo{width: 100%;padding-top: 16px;}
.logo img{height:32px;}
.tsh{border: none;position: absolute;right: 0;width: auto;top: 0;}
.tsh *{}
.tsh input[type=text]{display: none;}
.tsh input[type=image]{width: 52px;height: 80px;padding: 26px 13px 28px;}
.global{display: none;}
.global ul{}
.global ul li{}
.global ul li a{}


/*.gnbBg{background-color:#000;display: block;opacity:0.8;height: 100vh;top: 79px;}*/
#gnb{height: 0;margin: 0;z-index: 9999;position:static;text-align:left;}
#gnb>ul{
	display:block;
	left: calc(-100% + -5px);
	position: absolute;
	top:65px;
	background-color: rgba(255,255,255,0.99);padding-left: 15px;padding-bottom: 20px;
	width:calc(100%);
	/*height: 200vh;*/
	border-top: 4px solid #0886c3;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
}
#gnb.subClose .gnbBg{display: none;}
#gnb.subOpen>ul{display: block;left: 0;}
/*#gnb>ul>li{float: left;width: 50% !important;}*/
#gnb>ul>li{float: none;width: 100% !important;}
#gnb>ul>li:nth-child(odd){clear: both;}
#gnb>ul>li#gnb5{width: 100% !important;}
#gnb>ul>li#gnb5>ul{}
#gnb>ul>li#gnb5>ul>li{width: 50%;float: left;}
#gnb>ul>li.end{}
#gnb>ul>li.end a{}
#gnb>ul>li>a{color: #000;white-space:normal;padding:25px 0 15px 0;text-align:left}
#gnb>ul>li.on>a{color: #000;}
#gnb>ul>li.on>a:after{display: none;}
#gnb>ul>li>ul{display: block;position: static;padding-top:0;width:100%;box-shadow: none;
padding:0;
}
#gnb>ul>li>ul>li>a{
	font-size: 14px;
    padding: 2px 0;
    color: #000;
    background: url(../images/common/gnbline.gif) left 12px no-repeat;
    display: block;
    padding-left: 10px;
    white-space: inherit;
	color: #000;}
#gnb>ul>li>ul>li>ul{}
#gnb>ul>li>ul>li>ul li a{}

#gnb>ul>li>ul>li.i6{position: static;}
#gnb>ul>li>ul>li.i7{position: static;}
#gnb>ul>li>ul>li.i8{position: static;}

@keyframes leftIn {
    0% {display: none;left: -100%;opacity: 0;}
    1% {display: block; opacity: 0;left: -100%;}
    100% {display: block; opacity: 1; left: 0;}
}
@keyframes leftOut {
    0% {display: block; opacity: 1; left: 0;}
    99% {display: block; opacity: 0;left: -100%; }
    100% {display: none; opacity: 0; }
}
#gnb.subOpen>ul{display: block; animation: leftIn 0.5s ease-out;}
#gnb.subClose>ul{display: block; animation: leftOut 0.5s ease-out;}

#gnb.subOpen ul>li>ul{}
#gnb.subOpen .gnbBg{display: none;}
#gnb .navOpen{
		position:absolute;
		right:10px;
		top:0;
		width: 50px;
		height: 65px;
		background: url(/images/main2023/wall-nav-m.png) center center no-repeat;
}
#gnb.subOpen .navClose{display: none;}
#gnb.subOpen .navOpen{
	background:#0886c3 url(../images/common/navAllClose.png) center center no-repeat;
	background-size: 25px;
}
#gnb .navOpen span{font-size: 1px;opacity: 0;}

.visualSet{width: auto;float: none;height: auto;}
.visualSet .visualCtrl{bottom: inherit;top: 0;}
.visualSet .visualCtrl button{top:20px;}
.visualSet .visualCtrl .btnVisualPlay{}
.visualSet .visualCtrl .btnVisualPause{}
.visualSet .visualList ul li a{}
.visualSet .visualList ul li a:after{display: none;}
.visualSet .visualList ul li a img{width: 100%;min-height:230px;}
.visualSet .visualList ul li a .cate{top: 20px;}
.visualSet .visualList ul li a .txt{bottom: 0;padding: 10px 10px;text-align: center;white-space: normal;background-color: #000;opacity: 0.75;line-height: 1.5;}
.visualSet .visualList ul li a .txt span{display: none;}
.visualSet .visualList ul li a .txt img{min-height:auto;}
.visualSet .visualList ul li.xs-left a .txt{text-align: left;}


.footer{background:#0e4273;}
.footer .footerlogo{width:100%;display:none;float:none;}
.footer .copyright{font-size: 12px;padding: 0;line-height: 1.5em;float: none;width:100%;text-align:left;padding:2%;color:#fff}
.footer .copyright address{font-style: normal;margin-bottom:2px;}
.footer .copyright p{margin: 5px 0;color:#ccc}