div#wrap { position:relative; }
div#wrap img { border:none; }
div#wrap a { text-decoration:none; }
.mob{display:none;}

/*탑메뉴*/
div#wrap {position: relative; z-index: 101; box-sizing:border-box; }
.navbar {background-color:#fff;}
.navbar-fixed-top{border-color:#e6e7ee;}

h1.logo{position:absolute; left:30px; top:50%; margin-top:-30px; z-index:10;}
.navbar ul.sns{position:absolute; right:30px; top:50%; margin-top:-15.5px;z-index:10;}
.navbar ul.sns li{float:left;}
.navbar ul.sns li a{padding:0px 3px;}


div#wrap div#nav {height:100%; margin:0 auto;width:100%; color:#1d1d1d;font-weight:bold; text-align:center; position:relative; z-index:0;}
div#wrap div#nav > ul {clear:both; text-align:center; width:100%; position:relative; padding:0px; margin:0; box-sizing:border-box;height:100%;}
div#wrap div#nav > ul > li { display:inline-block; float:none;  height:100%;vertical-align:top;position:relative;}
div#wrap div#nav > ul > li > div > a{font-size:18px;text-align:center; font-weight: 600;display:inline-block;color:#000;height:85px; line-height:85px; text-transform: uppercase;position:relative;}
div#wrap div#nav > ul > li > div{position:relative; margin:0 30px;}
div#wrap div#nav > ul > li > div:before{ content : ""; display : block; position : absolute; left :-30px; top:50%; margin-top: -7px; width : 1px; height : 14px; background:#ddd; transform:rotate(30deg);}
div#wrap div#nav > ul > li:first-child > div:before{background:none;}

div#wrap div#header.over div#nav ul li div a {font-weight: 600;}
div#wrap div#header.over div#nav ul li div a {color:#000;}
div#wrap div#nav > ul > li.on > div{color:#000; position:relative;}
div#wrap div#nav > ul > li.on > div:before{ content : ""; display : block; position : absolute; left :0; top:18px; width : 100%; height : 3px;background-image:-webkit-linear-gradient(-10deg, #00eaff 5%, #319DEB);background-image:linear-gradient(-10deg, #00eaff 5%, #319DEB); background-image:-ms-linear-gradient(-10deg, #00eaff 5%, #319DEB); background-image:-webkit-linear-gradient(-10deg, #00eaff 5%, #319DEB); background-image:-moz-linear-gradient(-10deg, #00eaff 5%, #319DEB); background-image:-o-linear-gradient(-10deg, #00eaff 5%, #319DEB);}

div#wrap div#nav ul li ul {z-index: 100;position: absolute;display: none;min-width:200px;height: auto; left:50%; transform:translateX(-50%); top:85px;background-color:rgba(255,255,255,.98);  box-sizing:border-box; padding:20px 30px 10px;  border:1px solid #ddd;}
div#wrap div#nav ul li ul li {padding-bottom:13px; overflow:hidden; white-space:nowrap;}
div#wrap div#nav ul li ul li a{color:#333; font-size:16px; height:auto; font-weight:normal; line-height:25px; text-align:left; letter-spacing:-0.03em;}
div#wrap div#nav ul li ul li a:before{content:""; display:block; clear:both;}
div#wrap div#nav ul li ul li a:hover{color:#1E2D5D; text-decoration:underline !important;}
div#wrap div#nav ul li ul li a:focus{color:#1E2D5D;}

.icon-bar{background-color:#000;}
.nav{margin-top:23px;}
.nav>li>a{padding:5px;}


/* 메인 컨텐츠 */
div#wrap div#container{margin-top:86px; }
div#wrap div#container h3{margin-bottom:90px; line-height:1.0;text-align:center; }
div#wrap div#container h3 span{display:block; font-size:17px; color:#13b2a9; font-family: 'Rajdhani', sans-serif; font-weight:600; margin-bottom:20px; letter-spacing:0.02em;}

div#wrap div#container div.visual{text-align:center; height:670px; background:url('/images/default/main/visual.jpg') no-repeat center top;}
div#wrap div#container div.quick{padding:40px 0px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#15cccb+0,0da4aa+100 */
background: #15cccb; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #15cccb 0%, #0da4aa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #15cccb 0%,#0da4aa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #15cccb 0%,#0da4aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15cccb', endColorstr='#0da4aa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* 퀵메뉴 */
div#wrap div#container div.quick div.invit{padding-top:5px;}
div#wrap div#container div.quick ul{overflow:hidden;}
div#wrap div#container div.quick ul li{width:25%; float:left; text-align:center; position:relative;}
div#wrap div#container div.quick ul li:before{ content : ""; display : block; position : absolute; left :0; top:50%; margin-top: -47.5px; width : 1px; height : 95px; background:rgba(255, 255, 255, .4);}
div#wrap div#container div.quick ul li:first-child:before{background:none;}

/* 이벤트 행사 */
div#wrap div#container div.cts1{background:url('/images/default/main/cts1_bg.jpg') no-repeat center top; padding:85px 0px 100px;}
div#wrap div#container div.cts1 div.event{overflow:hidden; position:relative; padding-top:30px; margin-top:-30px;}
div#wrap div#container div.cts1 div.event img{width:100%;}
div#wrap div#container div.cts1 div.e1{position:relative; margin-bottom:10px; padding:0;}
div#wrap div#container div.cts1 div.e1 a{display:block; height:516px; }
div#wrap div#container div.cts1 div.e1 div{position:absolute; left:0; bottom:0; padding:40px 20px;background:url('/images/default/main/cover.png') no-repeat 0 0; background-size:cover; width:100%; color:#fff;}
div#wrap div#container div.cts1 div.e1 div h4{font-size:26px; margin-bottom:10px;}
div#wrap div#container div.cts1 div.e1 div h4 b{display:block; font-size:16px; letter-spacing:0.02em;font-weight:400; margin-bottom:10px;font-family: 'Rajdhani', sans-serif; }
div#wrap div#container div.cts1 div.e1 p.more{font-family: 'Rajdhani', sans-serif; position:absolute; right:20px; bottom:35px;color:#fff; padding:5px 20px; border:1px solid #fff; font-weight:bold;box-shadow:2px 2px 2px #2874af;}


div#wrap div#container div.cts1 div.e2{margin-bottom:10px;}
div#wrap div#container div.cts1 div.e2 ul li a{display:block; height:253px;}
div#wrap div#container div.cts1 div.e2 ul li div{position:absolute; left:0; bottom:0; padding:15px 20px;background:rgba(34, 34, 34, .8);width:100%; color:#fff;}
div#wrap div#container div.cts1 div.e2 ul li div h4{font-size:20px; margin-bottom:10px;}
div#wrap div#container div.cts1 div.event .swiper-pagination1{ position:absolute; top:0px; right:10px;}
div#wrap div#container div.cts1 div.event .swiper-pagination-bullet { width: 15px; height:15px; opacity: 1;  border:2px solid #ddd; border-radius:50%; margin:0px 4px; background:#fff;}
div#wrap div#container div.cts1 div.event .swiper-pagination-bullet-active { background: #7b81fa; border-color:#7b81fa;}


/* 주요프로그램 */
div#wrap div#container div.cts2{background:url('/images/default/main/cts2_bg.jpg') no-repeat center top; padding:85px 0px; background-size:cover;}
div#wrap div#container div.cts2 h3 span{color:#f15a4f;}
div#wrap div#container div.cts2 div.tabs{text-align:right; margin-top:-40px; margin-bottom:30px;}
div#wrap div#container div.cts2 div.tabs ul li{display:inline-block; height:35px; line-height:35px;}
div#wrap div#container div.cts2 div.tabs ul li a{display:inline-block;color:#fff;padding:0px 20px; cursor:pointer; font-size:17px;}
div#wrap div#container div.cts2 div.tabs ul li.on a{color:#f15a4f; border:2px solid #f15a4f; border-radius:35px;}


div#wrap div#container div.cts2 div.prog {position:relative;}
div#wrap div#container div.cts2 div.prog ul li div.pimg{width:100%; height:380px;}
div#wrap div#container div.cts2 div.prog ul li ul{background-color:#fff; padding:20px 10px; font-size:15px;}
div#wrap div#container div.cts2 div.prog ul li ul img{vertical-align:middle;}
div#wrap div#container div.cts2 div.prog ul li ul li{position:relative; padding-left:60px;}
div#wrap div#container div.cts2 div.prog ul li ul li b{position:absolute; left:0; top:0;}

div#wrap div#container div.cts2 div.prog .swiper2{}
div#wrap div#container div.cts2 div.prog .swiper-pagination2{ text-align:center; margin-top:50px; width:100%;}
div#wrap div#container div.cts2 div.prog .swiper-pagination3{ text-align:center; margin-top:50px; width:100%;}
div#wrap div#container div.cts2 div.prog .swiper-pagination4{ text-align:center; margin-top:50px; width:100%;}
div#wrap div#container div.cts2 div.prog .swiper-pagination-bullet { width: 15px; height:15px; opacity: 1;background:transparent;  border:2px solid #fff; border-radius:50%; margin:0px 6px;}
div#wrap div#container div.cts2 div.prog .swiper-pagination-bullet-active { background: #f15a4f; border-color:#f15a4f;}


div#wrap div#container div.cts2 div.prog .swiper-button-prev, .swiper-button-next{width:57px; height:40px;z-index:1000; cursor:pointer; top:50%; margin-top:-16px;}
div#wrap div#container div.cts2 div.prog .swiper-button-prev{background: url('/images/default/main/prev.png') no-repeat 0 0; left:-100px;}
div#wrap div#container div.cts2 div.prog .swiper-button-next{background: url('/images/default/main/next.png') no-repeat 0 0; right:-100px; }
div#wrap div#container div.cts2 div.prog .swiper-button-prev:hover{background: url('/images/default/main/prev_on.png') no-repeat 0 0;}
div#wrap div#container div.cts2 div.prog .swiper-button-next:hover{background: url('/images/default/main/next_on.png') no-repeat 0 0; }

/* 게시판 */
div#wrap div#container div.cts3{background:#f8f8f8; padding:85px 0px 100px;}
div#wrap div#container div.cts3 div.gallery{ }
div#wrap div#container div.cts3 div.gallery h4{height:62px; line-height:62px;}
div#wrap div#container div.cts3 div.gallery h4 img{vertical-align:middle;}
div#wrap div#container div.cts3 div.gallery div.gimg{margin-top:14px;position:relative;}
div#wrap div#container div.cts3 div.gallery div.gimg a{display:block; height:330px;}
div#wrap div#container div.cts3 div.gallery p.more{position:absolute; right:20px; top:19px;}
div#wrap div#container div.cts3 div.gallery p.subject{width:190px; height:100%; padding:30px; color:#fff; background: url('/images/default/main/subject.png') no-repeat center top; background-size:cover; position:absolute; right:0; top:0; font-size:18px; line-height:1.6;}
div#wrap div#container div.cts3 div.gallery p.subject:after { content : ""; display : block; position : absolute; right : 30px; bottom : 30px; width : 34px; height :28px; background: url('/images/default/main/pic.png') no-repeat 0 0;  }

/* SNS */
div.snsArea div.snsHeader {width:100%; height:62px; box-sizing:border-box;  background:#fff;  }
div.snsArea div.snsHeader ul li {float:left;  margin:0 10px;  height:62px; line-height:62px; cursor:pointer; position:relative; padding:0px 5px; }
div.snsArea div.snsHeader ul li span{text-indent:-9999px; display:block; margin-top:22px;}
div.snsArea div.snsHeader ul li span.s01{background: url('/images/default/main/h4_02.png') no-repeat 0 0; width:77px;height:20px; }
div.snsArea div.snsHeader ul li span.s02{background: url('/images/default/main/h4_03.png') no-repeat 0 0; width:55px;height:19px; }
div.snsArea div.snsHeader ul li span.s03{background: url('/images/default/main/h4_04.png') no-repeat 0 0; width:113px;height:19px; }
div.snsArea div.snsHeader ul li.on span.s01{background: url('/images/default/main/h4_02_on.png') no-repeat 0 0;}
div.snsArea div.snsHeader ul li.on span.s02{background: url('/images/default/main/h4_03_on.png') no-repeat 0 0;}
div.snsArea div.snsHeader ul li.on span.s03{background: url('/images/default/main/h4_04_on.png') no-repeat 0 0;}
div.snsArea div.snsHeader ul li.on:after { content : ""; display : block; position : absolute; left : 0; bottom : 0px;width : 100%; height : 3px; background : #13b2a9; }

div.snsArea div.snsHeader ul li:first-child {margin-left:20px;}
div.snsArea div.snsBody { height:330px; box-sizing:border-box; margin-top:14px; background:#fff; padding:15px 30px; overflow:hidden; position:relative; padding-right:25px; }
div.snsArea div.snsBody h4 {font-size:20px; font-weight:500; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #d6d6d6; }
div.snsArea div.snsBody h4 img {vertical-align:middle;}
div.snsArea div.sns_blog h4 {color:#0ac523;}
div.snsArea div.sns_facebook h4 {color:#3b5997;}
div.snsArea div.sns_twitter h4 {color:#33ccff;}


div.snsArea div.snsBody a.plus {position:absolute; right:25px; top:20px; font-size:30px; color:#9c9c9c;}
div.snsArea div.snsBody div.sns_detail {height:230px; width:100%; margin-top:15px; overflow-y:auto; overflow-x:hidden;}
div.snsArea div.snsBody div.sns_detail ul li {margin:25px 0; min-height:30px; padding-right:10px;}
div.snsArea div.snsBody div.sns_detail ul li:first-child {margin-top:0;}
div.snsArea div.snsBody div.sns_detail ul li a {color:#666; font-size:15px; letter-spacing:-0.5px; }

div.snsArea div.sns_blog div.sns_detail ul li {padding-left:35px;  background:url('/images/default/main/icon_bg02.png') no-repeat;  }
div.snsArea div.sns_facebook div.sns_detail ul li {padding-left:35px; background:url('/images/default/main/icon_fb02.png') no-repeat;  }
div.snsArea div.sns_twitter div.sns_detail ul li {padding-left:35px; background:url('/images/default/main/icon_tw02.png') no-repeat;  }

div.snsArea div.snsBody div.sns_detail::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5; }
div.snsArea div.snsBody div.sns_detail::-webkit-scrollbar { width: 5px; background-color: #F5F5F5;}
div.snsArea div.snsBody div.sns_detail::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #9c9c9c;}


/* 공지사항 */
div.notice{background-color:#203138; padding:20px 0px;}
div.notice h3{font-family: 'Rajdhani', sans-serif; color:#fff; margin-bottom:20px; font-size:36px; font-weight:700;}
div.notice a{color:#fff;}
div.notice dt{float:right;width:30%; padding:12px 0px; border-top:1px solid rgba(255,255,255,0.1); text-align:right; color:#fff; font-family: 'Rajdhani', sans-serif; font-weight:400;}
div.notice dd{float:left;width:70%; padding:12px 0px; border-top:1px solid rgba(255,255,255,0.1);}
div.notice dd img{vertical-align:middle;}
div.notice dt:first-child{border-top:none;}
div.notice dd:first-of-type{border-top:none;}

#footer .ftop{position:absolute; right:50px; top:-80px;}
div#wrap div#footer { width:100%; background:#203138; position:relative; }
div#wrap div#footer div.logos{padding:25px 0px; position:relative; z-index:10;background-color:#2c434c;}
div#wrap div#footer div.logos ul{overflow:hidden;}
div#wrap div#footer div.logos ul li{float:left; margin-left:20px;}
div#wrap div#footer div.logos ul li:first-child{margin-left:0;}
div#wrap div#footer div.logos ul li b{color:#fff;}
div#wrap div#footer div.logos ul li img{vertical-align:middle; margin:0px 10px;display:inline-block;}
div#wrap div#footer div.logos ul.sns{position:absolute; top:50%; margin-top:-14.5px; right:20px; overflow:hidden;}
div#wrap div#footer div.logos ul.sns li{margin-left:10px;}
div#wrap div#footer div.logos ul.sns li img{margin:0px; margin-left:5px;}

div#wrap div#footer div.copyright { line-height:130%; overflow:hidden; padding:30px 20px; color:#6c6f77;}
div#wrap div#footer div.copyright ul{margin-bottom:30px;}
div#wrap div#footer div.copyright ul li{display:inline-block; margin-right:20px;}
div#wrap div#footer div.copyright ul li a{color:#6c6f77;}
div#wrap div#footer div.copyright ul li:first-child a{color:#fff;}
div#wrap div#footer div.copyright h3 { float:left; margin:0px 30px 30px 0px; }
div#wrap div#footer div.copyright p.copy {margin-top:5px;}
div#wrap div#footer div.copyright p span{padding:0px 10px;}
div#wrap div#footer div.copyright p a{color:#6c6f77;}



/* 탑메뉴 간격조절 */
@media (min-width: 1201px) and (max-width: 1400px){
	div#wrap div#nav > ul > li > div{margin:0px 10px;}
	h1.logo{margin-top:-26.5px;}
	h1.logo img{width:170px;}
	div#wrap div#container div.cts2 div.prog .swiper-button-next{display:none;}
	div#wrap div#container div.cts2 div.prog .swiper-button-prev{display:none;}
}


/* 뷰포인트 */
@media screen and (max-width: 1200px){
	div#wrap div#container{margin-top:149px;}
	.navbar-header{float:none;}
	h1.logo{position:relative; width:100%; text-align:center;margin-top:0; padding-top:10px; left:0;}
	h1.logo img{width:170px;}
	div#wrap div#nav > ul > li > div{position:relative; margin:0 20px;}	
	.lm_bg{display:none;}
	.navbar ul.sns{top:40px; margin-top:0;}
	div#wrap div#container div.cts2 div.prog .swiper-button-prev, .swiper-button-next{display:none;}

}

@media screen and (max-width: 992px){	
	.web{display:none;}
	.mob{display:block;}

	div#wrap div#nav > ul > li > div > a{font-size:18px;}
	div#wrap div#nav > ul > li > div{position:relative; margin:0 11px;}

	div#wrap div#container div.quick ul li img{width:85%;}
	
	div#wrap div#footer div.logos ul.sns{position:relative;  margin:0;margin-top:20px; text-align:center; right:auto;}
	div#wrap div#footer div.logos ul.sns li{float:none; margin:0; display:inline-block;}
	div#wrap div#footer div.logos ul.sns li a{display:inline-block; margin:0px 5px;}

}


@media all and (max-width:769px){
	.web{display:none;}
	h1.logo{position:absolute; left:20px; top:5px; z-index:10; width:auto; padding:0;}
	h1.logo img{width:120px;}
	.navbar ul.sns{display:none;}	
	div#wrap div#container{margin-top:51px;}

	div#wrap div#container div.quick ul li img{width:auto;}
	div#wrap div#container div.quick div.invit{padding:0px 5%; margin-bottom:30px;}


	div#wrap div#footer div.copyright{text-align:center; line-height:1.6; font-size:0.9em;}
	div#wrap div#footer div.copyright ul{margin-bottom:30px; }
	div#wrap div#footer div.copyright ul li{display:inline-block; margin-right:0px;}
	div#wrap div#footer div.copyright ul li a{color:#6c6f77;display:inline-block; margin:0px 10px;}
	div#wrap div#footer div.copyright img{width:130px; margin-bottom:20px;}
	div#wrap div#footer div.copyright p a{color:#fff;}
	

	/*1차*/
	#nav ul {width:100%; margin:0; padding:0;border-top:1px #e2e2e2 solid;}
	#nav ul li {float:none; width:100%; border-bottom:1px #e2e2e2 solid; background:url('/images/mobile/down.png') 95% 15px no-repeat; background-size:15px auto;}
	#nav ul li a {display:block; width:100%; height:45px; box-sizing:border-box; font-weight:bold;  line-height:45px; font-size:1.1em; padding-left: 15px; color:#333333;font-weight:700; }
	#nav ul li.open_li{background:#299cee url('/images/mobile/up.png') 95% 15px no-repeat; background-size:15px auto;}
	#nav ul li.open_li > a {color:#fff;}
	#nav ul li a span {font-size:15px;}

	/*2차*/
	#nav ul li ul {display:none; float:none; background-color:#f5f5f5; position:relative; left:0; top:0; width:auto; height:auto; visibility:visible; }
	#nav ul li ul li {float:none; border-top:1px #e2e2e2 solid; border-bottom:none; padding-left: 18px;  box-sizing:border-box;  background: none;}
	#nav ul li ul li a {color:#333333 ; background:url(none); font-size:1.05em; font-weight:500; height:45px; line-height:45px;padding-left:0;}

	/*3차*/
	#nav ul li ul li ul{display:none;border:none; height:0;background:none; margin:0; padding:0;}
	#nav ul li ul li ul li {display:none;}

	div.snsArea {margin-top:30px;}
	div.e2{padding:0;}
}
@media all and (max-width:720px){
	div#wrap div#footer div.logos ul.spon li{float:none; margin-left:0; position:relative; padding-left:30px; margin-top:5px;}
	div#wrap div#footer div.logos ul.spon li:first-child{margin-top:0;}
	div#wrap div#footer div.logos ul.spon li b{position:absolute; left:0; top:5px;}
	div#wrap div#footer div.logos ul.spon li img.ls01{width:130px;}
	div#wrap div#footer div.logos ul.spon li img.ls02{width:70px;}
	div#wrap div#footer div.logos ul.spon li img.ls03{width:160px;}
}

/* 모바일 */
@media all and (max-width:640px){
	.navbar-fixed-top{border-color:#fff;}

	div#wrap div#container div.quick ul li{padding:0px 15px;}
	div#wrap div#container div.quick ul li img{width:100%;}
	
	div#wrap div#container div.visual{height:580px;}
	div#wrap div#container div.visual img{width:100%;}

	div#wrap div#container h3{margin-bottom:50px;}
	div#wrap div#container div.cts1{padding:60px 0px;}
	div#wrap div#container div.cts1 h3 img{width:230px;}
	div#wrap div#container div.cts1 h3 span{margin-bottom:10px;}

	div#wrap div#container div.cts2{padding:60px 0px;}
	div#wrap div#container div.cts2 h3 img{width:280px;}
	div#wrap div#container div.cts2 h3 span{margin-bottom:10px;}
	
	div#wrap div#container div.cts2 div.tabs{text-align:right; margin-top:0px; margin-bottom:30px;}
	div#wrap div#container div.cts2 div.tabs ul li{display:inline-block; height:35px; line-height:35px;}
	div#wrap div#container div.cts2 div.tabs ul li a{display:inline-block;color:#fff;padding:0px 10px; font-size:0.9em;}
	div#wrap div#container div.cts2 div.tabs ul li.on a{color:#12cef8; border:2px solid #12cef8; border-radius:35px;}

	div#wrap div#container div.cts3{padding:50px 0px;}

	div.snsArea div.snsHeader ul li span.s01{background-size:100%; width:58px;height:15px; }
	div.snsArea div.snsHeader ul li span.s02{background-size:100%; width:41px;height:15px; }
	div.snsArea div.snsHeader ul li span.s03{background-size:100%; width:85px;height:15px; }
	div.snsArea div.snsHeader ul li.on span.s01{background-size:100%;}
	div.snsArea div.snsHeader ul li.on span.s02{background-size:100%;}
	div.snsArea div.snsHeader ul li.on span.s03{background-size:100%;}
}


/*모바일 메뉴*/
@media (min-width:769px){
	#mobile_navi{display:none;}
}

.navbar-header #mobile_navi{background:#fff; position:fixed; right:-100%; top:0; width:100%; height:100%; padding-top:56px;  z-index:100; transition:right 0.45s; background:#fff; overflow-y:auto;}
.navbar-header.open #mobile_navi{transition:right 0.45s; right:0px;}
.navbar-header .navbar-toggle{z-index:1000;}

/*1차*/
#mobile_navi ul {width:100%; margin:0; padding:0; border-top:1px #e2e2e2 solid; }
#mobile_navi ul li {float:none; width:100%; border-bottom:1px #e2e2e2 solid; background:url('/images/mobile/down.png') 97% center no-repeat; background-size:15px auto;}
#mobile_navi ul li a {display:block; width:100%; height:45px; box-sizing:border-box; font-weight:bold;  line-height:45px; font-size:1.15em; padding-left: 20px; color:#333333;font-weight:700; }
#mobile_navi ul li.open_li div{ position:relative;}
#mobile_navi ul li.open_li div:after{ content : ""; display : block; position : absolute; left:95%; top:50%; margin-top:-4px; width :15px; height : 8px;  background:url('/images/mobile/up2.png') 0 0 no-repeat; background-size:15px auto;}
#mobile_navi ul li.open_li > a {color:#41ab29;}
#mobile_navi ul li a span {font-size:15px;}

/*2차*/
#mobile_navi ul li ul {display:none; float:none; background-color:#f5f5f5; position:relative; left:0; top:0; width:auto; height:auto; visibility:visible; }
#mobile_navi ul li ul li {float:none; border-top:1px #e2e2e2 solid; border-bottom:none; padding-left: 18px;  box-sizing:border-box;  background: none;}
#mobile_navi ul li ul li:first-child{border-top:none;}
#mobile_navi ul li ul li a {color:#333333 ; background:url(none); font-size:1.05em; font-weight:500; height:45px; line-height:45px;padding-left:0;}

/* 상단 GNB 메뉴 */
.navbar-header .btn-gnb-menu {position:fixed;}
.navbar-header .btn-gnb-menu:focus {outline:none;}
.navbar-header .btn-gnb-menu:before,
.navbar-header .btn-gnb-menu:after,
.navbar-header .btn-gnb-menu > span:before,
.navbar-header .btn-gnb-menu > span:after {background-color:#222;}

.navbar-header.open .btn-gnb-menu:before ,
.navbar-header.open .btn-gnb-menu:after {width:0;  background-color:#222; transition-delay:0s;}
.navbar-header.open .btn-gnb-menu > span:before {width:100%; background-color:#222; transform:rotate(-45deg); transition:width 0.45s, transform 0.50s 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275);}
.navbar-header.open .btn-gnb-menu > span:after {width:100%; background-color:#222; transform:rotate(45deg); transition:width 0.45s, transform 0.50s 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275);}

.btn-gnb-menu {position:absolute; top:3px; right:0; width:44px; height:34px; padding:0 20px; z-index:105; box-sizing:border-box; background-color:#fff; border:none; border-radius:0; -webkit-appearance:none;}
.btn-gnb-menu:before {content:''; position:absolute; top:50%; left:20px; display:block; width:25px; height:2px; margin:-9px 0 0 0; background-color:#222; transition:background 0.45s 0s, width 0.45s 0.50s ease;}
.btn-gnb-menu:after {content:''; position:absolute; bottom:50%; right:0px; display:block; width:25px; height:2px; margin:0 0 -9px 0; background-color:#222; transition:background 0.45s 0s, width 0.45s 0.50s ease;}
.btn-gnb-menu > span {position:absolute; top:50%; left:20px; display:block; width:25px; height:2px; margin:-1px 0 0 0;}
.btn-gnb-menu > span:before {content:''; position:absolute; top:50%; left:0; display:block; width:15px; height:2px; margin:-1px 0 0 0; background-color:#222; transition:background 0.45s 0s, width 0.45s 0.50s, transform 0.45s 0s cubic-bezier(0.600, -0.280, 0.735, 0.045);}
.btn-gnb-menu > span:after {content:''; position:absolute; top:50%; left:0; display:block; width:15px; height:2px; margin:-1px 0 0 0; background-color:#222; transition:background 0.45s 0s, width 0.45s 0.50s, transform 0.45s 0s cubic-bezier(0.600, -0.280, 0.735, 0.045);}