@charset "utf-8";
/**
 * @File Name : main.css
 * @Description : Layout[main] | Contents[main]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2021.12.14 | 디자인팀 | 최초 등록
 * </pre>
 * @author 디자인팀 김소화
 * @since 2018.03.19
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* ◇◆ Layout[main] ◇◆◇◆◇◆◇◆◇◆ */


#wrap>.container{max-width:none;}

@media all and (max-width:1259px){
	.container{margin:0}
}

/*pc띄어쓰기*/
.pcBr{display:none;}
/*mobild띄어쓰기*/
.moBr{display:block;}

@media all and (min-width:1200px){
/*pc띄어쓰기*/
	.pcBr{display:block;}
	/*mobild띄어쓰기*/
	.moBr{display:none;}	

}


.hg1 .h1{font-weight:400;font-family: 'SBAggro'; margin:0;}


#mainbody1{}

#vpr1{position:relative;width:100%;margin-top:-120px;overflow:hidden;}
#vpr1 .slick-slide{float:left;}
#vpr1 .item{display:block !important;}
#vpr1 .item img{;width:100%;height:auto;}
#vpr1 .item .tg1{position:absolute;left:50%;top:50%;
	width:1600px;
	margin:0 0 0 -800px;
	color:#fff;
	transform:translateY(-50%)
}
#vpr1 .item .tg1 .t1{line-height:120%;font-size:85px;font-weight:400;font-family: 'SBAggro';}
#vpr1 .item .tg1 .t2{font-size:28px;font-weight:300;letter-spacing:-1px;}

#vpr1 .menu{position:absolute;left:50%;bottom:50%;width:1600px;margin:0 0 -200px -800px}
#vpr1 .menu .m{position:relative;
	display:inline-block;
	background:transparent;
	border:0;
	box-sizing:border-box;
	font-size:0;
	width:20px;height:20px;
}
#vpr1 .menu .m:before{content:'';
	display:block;position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url()no-repeat 0 0 / contain;
}
#vpr1 .menu .m.stop:before{background-image:url(../../img/main/ic40a2pause2.png)}
#vpr1 .menu .m.play:before{background-image:url(../../img/main/ic40a2play2.png)}
#vpr1 .menu .m.prev:before{background-image:url(../../img/main/ic40a2left2.png)}
#vpr1 .menu .m.next:before{background-image:url(../../img/main/ic40a2right2.png)}
#vpr1 .menu .mNum{display:inline-block;}
#vpr1 .menu .mNum li{display:inline-block;color:#fff;}
#vpr1 .menu .mNum li button{position:relative;
	border:0;
	background:#fff;
	width:8px;height:8px;
	border-radius:100%;
	text-indent:-9999px;
	margin:0 10px
}
#vpr1 .menu .mNum li.slick-active button{}
#vpr1 .menu .mNum li.slick-active button:before{content:'';
	position:absolute;left:50%;top:50%;
	border:2px solid #fff;
	margin:-10px;
	width:20px;height:20px;
	box-sizing:border-box;
	border-radius:100%;
}

#vpr1 .menu .mNum .on{font-weight:600}
@media all and (max-width:1699px){
	#vpr1 .item .tg1{width:1400px;margin:0 0 0 -700px;}
	#vpr1 .menu{width:1400px;margin:0 0 -200px -700px;}
}
@media all and (max-width:1599px){
	#vpr1 .item .tg1{width:1200px;margin:0 0 0 -600px;}
	#vpr1 .menu{width:1200px;margin:0 0 -200px -600px;}
	#vpr1 .item .tg1 .t1{font-size:70px}
	#vpr1 .item .tg1 .t2{font-size:23px}
}
@media all and (max-width:1259px){
	#vpr1{margin-top:0;}
	#vpr1 .item .tg1{width:auto;left:0;margin:-50px 0 0 50px;}
	#vpr1 .item .tg1 .t1{font-size:65px}
	#vpr1 .item .tg1 .t2{font-size:22px}
	#vpr1 .menu{width:auto;left:0;margin:0 0 -130px 50px;}
}
@media all and (max-width:999px){
	#vpr1 .item .tg1 .t1{font-size:55px}
	#vpr1 .item .tg1 .t2{font-size:18px}
}
@media all and (max-width:767px){
	#vpr1 .item .tg1 .t1{font-size:50px}	
	#vpr1 .item .tg1{margin-top:-20px}
}
@media all and (max-width:638px){
	#vpr1 .item .tg1{margin:0 0 0 40px}
	#vpr1 .item .tg1 .t1{font-size:35px}
	#vpr1 .item .tg1 .t2{font-size:16px}
	#vpr1 .menu{left:40px;bottom:30px;margin:0}
}
@media all and (max-width:459px){
	#vpr1 .item .tg1{margin:0 0 0 30px}
	#vpr1 .item .tg1 .t1{font-size:24px}
	#vpr1 .item .tg1 .t2{font-size:12px}
	#vpr1 .menu{left:30px;bottom:30px;}
}
@media all and (max-width:399px){
	#vpr1 .item .tg1{top:70px;}
	#vpr1 .item .tg1 .t2{display:none}
}

#bbs1{}
#bbs1>.wrap1{position:relative;width:1600px;height:270px;margin:0 auto;}
#bbs1 .hg1{position:relative;float:left;width:450px;height:100%;
	box-sizing:border-box;
	padding:30px 70px 0 0;
	text-align:right;
	color:#2e343d;
}
#bbs1 .hg1:before{content:'';
	display:block;
	position:absolute;left:-300px;top:0;bottom:0;
	width:300px;
	background:#ffd967
}
#bbs1 .hg1:after{content:'';
	display:block;
	z-index:0;
	position:absolute;top:-70px;bottom:0;right:0;left:-300px;
	background:#ffd967;
	border-radius:0 100px 0 0
}
#bbs1 .hg1 .h1{position:relative;z-index:10;
	font-size:42px;
	margin-bottom:20px;
}
#bbs1 .hg1 .t1{position:relative;z-index:10;
	color:#2e343d;
	font-size:18px;
	font-weight:500;
	letter-spacing:-0.025em;
}
#bbs1 .slick-track.less{width:100% !important}
#bbs1 .datalist{float:left;width:calc(100% - 450px);}
#bbs1 .item{}
#bbs1 .item a{position:relative;display:block;
	padding:30px 55px;
	text-decoration:none;
	color:#555;
	height:270px;
	box-sizing:border-box;	
}
#bbs1 .item a:after{content:'';
	display:block;
	position:absolute;right:0;top:30px;bottom:30px;
	border-left:1px solid #ddd;
}
#bbs1 .item a .date1{margin:20px 0 0;font-size:14px}
#bbs1 .item a .title1{font-weight:600; font-size:24px;color:#000;
	line-height:130%;
	overflow:hidden;
	height:60px;
	margin:15px 0 20px;
}
#bbs1 .item a .title1:after{}
#bbs1 .item a .t1{font-size:15px;	line-height:130%;
	overflow:hidden;
	height:60px;
}
#bbs1 .menu{z-index:10;
	position:absolute;left:260px;bottom:40px;
}
#bbs1 .menu .m{position:relative;
	display:inline-block;
	background:transparent;
	border:0;
	box-sizing:border-box;
	font-size:0;
	width:35px;height:35px;
	background:#fff;
	border-radius:50%;
}
#bbs1 .menu .m:before{content:'';
	display:block;position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url()no-repeat 0 0 / contain;
}
#bbs1 .menu .m.stop:before{background-image:url(../../img/main/ic40a2pause1.png)}
#bbs1 .menu .m.play:before{background-image:url(../../img/main/ic40a2play1.png)}
#bbs1 .menu .m.prev:before{background-image:url(../../img/main/ic40a2left1.png)}
#bbs1 .menu .m.next:before{background-image:url(../../img/main/ic40a2right1.png)}

@media all and (max-width:1699px){
	#bbs1>.wrap1{width:1400px;}
	#bbs1 .hg1{width:320px;}
	#bbs1 .datalist{width:calc(100% - 320px);}
	#bbs1 .menu{left:130px}
}
@media all and (max-width:1599px){
	#bbs1>.wrap1{width:1200px;}
}
@media all and (max-width:1259px){
	#bbs1>.wrap1{width:100%;}
	#bbs1 .hg1{background:#ffd967;text-align:left;padding:45px 0 0 30px}
	#bbs1 .hg1:after{display:none}
	#bbs1 .item a{padding:30px;}
	#bbs1 .menu{left:30px}
}
@media all and (max-width:899px){
	#bbs1>.wrap1{width:auto;padding:30px 40px;height:auto;background:#ffd967}
	#bbs1 .hg1{float:none;background:transparent;width:100%;height:auto;padding:0}
	#bbs1 .hg1 .h1{margin:0;font-size: 32px;}
	#bbs1 .hg1 .t1{display:none;}
	#bbs1 .datalist{float:none;width:auto;margin: 20px -10px 0 -10px;}
	#bbs1 .item a{background:#fff;height:auto;margin:0 10px;border-radius:20px;}
	#bbs1 .item a:after{display:none;}
	#bbs1 .item a .date1{margin:0}
	#bbs1 .item a .title1{font-size:20px;height:50px}
	#bbs1 .menu{left:auto;right:40px;top:30px;bottom:auto}
}
@media all and (max-width:639px){
	#bbs1 .datalist{margin: 20px 0 0 0;}
	#bbs1 .item a{margin:0}
}
@media all and (max-width:459px){
	#bbs1>.wrap1{padding:25px}
	#bbs1 .menu{right:25px;top:20px}
	#bbs1 .hg1 .h1{font-size:28px;}
}
@media all and (max-width:399px){
	#bbs1 .item a{padding:20px}
	#bbs1 .item a .title1{font-size:18px;}
	#bbs1 .item a .t1{font-size:14px;height:55px;}
}


#mainbody2{padding:100px 0;background:url(../../img/main/mainbody2_bg.jpg) no-repeat 0 0 / cover}

#floor1info1{position:relative;max-width:1600px;margin:0 auto;}
#floor1info1 #tabs1{margin-bottom:55px;}
#floor1info1 #tabs1 li{display:inline-block;}
#floor1info1 #tabs1 li a{display:block;color:#fff;font-size:24px;margin-right:15px;letter-spacing:-1px;}
#floor1info1 #tabs1 li.on a:after{content:'';
	display:block;
	border-top:5px solid #ffd967;
	margin-top:5px;
}

#floor1info1 .tabs1cont{padding:0 60px;}

#floor1info1 .datalist{position:relative;margin:0 -360px 0 0;}
#floor1info1 .datalist .slick-slide{}
#floor1info1 .item{position:relative;}
#floor1info1 .item .tg1{display:block;position:absolute;left:-320px;top:130px;opacity:0;transition:.6s ease-out; z-index:100;}

#floor1info1 .item .tg1 .num{
	position:
	relative;z-index:-1;
	font-family: 'SBAggro';
	font-size: 30px;
	font-weight: 400;
	/* -webkit-text-stroke: 1px white; */
	color: #FFF;
	margin: 10px 0 0 40px;
}
#floor1info1 .item .tg1 .t1{
	position:relative;
	z-index:0;
	line-height:61px;
	font-family: 'SBAggro';	
	color:#fff;
	font-size:57px;
	margin: 20px 0 0 40px;
}
#floor1info1 .item .tg1 .t2{
	font-family: 'SBAggro';	
	color:#fff;
	font-size:30px;
	margin:0 0 0 40px;
}
#floor1info1 .item .tg1 .t2 .exhibit-moBr{display:block;}
#floor1info1 .item .tg1 .t2 .exhibit-pcBr{display:none;}
@media all and (min-width:500px){
	#floor1info1 .item .tg1 .t2 .exhibit-moBr{display:none;}
#floor1info1 .item .tg1 .t2 .exhibit-pcBr{display:block;}
}
#floor1info1 .item .tg1 .t3{
	color:#fff;
	font-size:18px;
	margin:20px 0 50px 40px;
	font-weight:300;
}
#floor1info1 .item .tg1 .more{
	position: absolute;
	display:
	inline-block;
	margin:0 0 0 40px;
	padding:0 0 3px 0;
	color:#fff;
	font-size:14px;
	font-weight:300;
	border-bottom:2px solid #fff;
	bottom: 0;
}
#floor1info1 .item .tg1 .more:after{content:'';
	display:inline-block;
	width:20px;height:20px;
	vertical-align:top;
	margin:0 5px 0 0;
	background:url(../../img/main/ic40a3right.png) no-repeat 0 0 / contain; 
}
#floor1info1 .item .f1{position:relative;
	width:800px;height:540px;
	border-radius:30px;
	overflow:hidden;
	margin:25px 0 0;
	transition:.2s ease-out
}
#floor1info1 .item .f1p1{display:block;}
#floor1info1 .item img{display:block;width:100%;height:auto;}
#floor1info1 .datalist .slick-current{min-width:1200px;}
#floor1info1 .slick-current .item .tg1{transition-delay:.5s;left:0;opacity:1}
#floor1info1 .slick-current .item .f1{
	margin:0 0 0 350px;
	box-shadow:5px 5px 10px 5px rgba(0,0,0,0.2);
}

#floor1info1 .menu{position:absolute;right:0;top:0;color:#fff;}
#floor1info1 .menu *{display:inline-block;vertical-align:top;font-size:18px;font-weight:300;}
#floor1info1 .menu button{border:0;background-color:transparent;height:auto;}
#floor1info1 .menu .mNum li{display:none}
#floor1info1 .menu .mNum li button{color:#fff;}
#floor1info1 .menu .mNum li.slick-active{display:inline-block;}
#floor1info1 .menu .slash{margin:0 5px;}
#floor1info1 .menu .m{margin:2px 0 0;width:20px;height:20px !important;background:url() no-repeat 0 0 / contain}
#floor1info1 .menu .m.stop{background-image:url(../../img/main/ic40a2pause2.png)}
#floor1info1 .menu .m.play{background-image:url(../../img/main/ic40a2play2.png)}
#floor1info1 .menu .pro-bar{position:relative;
	margin:10px 10px 0;
	width:100px;height:3px;
	background:rgba(255,255,255,0.5)
}
#floor1info1 .menu .pro-bar.pro-ani:before{content:'';
	position:absolute;left:0;top:0;
	height:3px;
	background:#fff;
	animation: proBar 5s 1;
}
@keyframes proBar{
	0%{width:0;}
    100%{width:100%;}
}

#floor1info1 .mControl .m{position:absolute;top:50%;
	width:60px;height:60px;
	background:#fff url() no-repeat 50% 50% / 40px 40px;
	border:0;
	border-radius:100%;
	margin:20px 0 0;
	opacity:0.5;
	transition:.2s ease-out;
}
#floor1info1 .mControl .m.prev{left:0;background-image:url(../../img/main/ic40a2left1.png)}
#floor1info1 .mControl .m.next{right:0;background-image:url(../../img/main/ic40a2right1.png)}
#floor1info1 .mControl .m:hover,
#floor1info1 .mControl .m:focus{opacity:1;background-color:#ffd967}
@media all and (min-width:1600px){
	#floor1info1 .datalist .slick-slide{width:1200px !important}
}
@media all and (max-width:1699px){
	#floor1info1{width:1400px;}
}
@media all and (max-width:1599px){
	#floor1info1{width:1200px;}
	#floor1info1 .datalist{margin:0}
	#floor1info1 .item .f1{margin-left:350px;width:700px;height:460px;}
	#floor1info1 .item .tg1{top:70px}
	#floor1info1 .datalist .slick-current{min-width:auto}
}
@media all and (max-width:1259px){
	#floor1info1{width:auto;margin:0 40px}
	#floor1info1 .tabs1cont{padding:0 70px 0 60px}
	#floor1info1 .item .tg1{position: absolute;float:left;width: 378px;top:auto;left:auto;}
	#floor1info1 .item .f1{width:calc(100% - 350px);height:auto;}
	#floor1info1 .datalist .slick-slide{width:auto;}
}
@media all and (max-width:999px){
	#floor1info1 .item .tg1 .num{font-size: 25px;margin: 0 0 0 30px;}
	#floor1info1 .item .tg1 .t1{line-height: 40px;font-size:39px;margin: 10px 0 0 30px;}
	#floor1info1 .item .tg1 .t2{font-size:30px;margin-left:30px}
	#floor1info1 .item .tg1 .t3{font-size:16px;margin:20px 0 20px 30px}
	#floor1info1 .item .tg1 .more{margin-left:30px}
	#floor1info1 .mControl .m{width:50px;height:50px}
}
@media all and (max-width:839px){
	#floor1info1 .tabs1cont{padding:0 80px}
	#floor1info1 .item .tg1{position:relative;float:none;width:100%;padding-top:60px;margin-bottom:30px}
	#floor1info1 .item .tg1 .num{position:absolute;left:0;top:0}
	#floor1info1 .item .tg1 .t1{display:inline-block;}
	#floor1info1 .item .tg1 .t2{display:block;}
	#floor1info1 .item .tg1 .t3{margin:15px 0 0 30px}
	#floor1info1 .item .tg1 .t3 br{display:none}
	#floor1info1 .item .tg1 .more{bottom: auto;position:absolute;top:0;right:0;margin-left:0}	
	#floor1info1 .item .f1{width:100%;margin:0}
	#floor1info1 .slick-current .item .f1{margin:0}
	#floor1info1 .mControl .m{margin:70px 0 0}
}
@media all and (max-width:767px){
	#floor1info1 #tabs1 li a{font-size:20px}
}
@media all and (max-width:639px){
	#mainbody2{padding:50px 0}
	#floor1info1 #tabs1{margin-bottom:30px}
	#floor1info1 .tabs1cont{position:relative;padding:0 30px 50px}
	#floor1info1 .menu{top:auto;bottom:0;left:0;right:0;text-align:center;}
	#floor1info1 .mControl .m{margin:50px 0 0}
	#floor1info1 .mControl .m.prev{left:-25px}
	#floor1info1 .mControl .m.next{right:-25px}
}
@media all and (max-width:479px){
	#floor1info1 #tabs1 li a{font-size:18px;}
	#floor1info1 .tabs1cont{padding:0 15px 50px}
	#floor1info1 .item .tg1{width:auto;padding:40px 0 0 20px;margin-bottom:20px}
	#floor1info1 .item .tg1 .num{font-size: 20px;margin: 0 0 0 20px;}
	#floor1info1 .item .tg1 .t1{font-size:30px;margin-left:0}
	#floor1info1 .item .tg1 .t2{font-size:20px;margin-left:0}
	#floor1info1 .item .tg1 .t3{font-size:15px;margin-left:0}
	#floor1info1 .mControl .m{width:40px;height:40px;background-size:20px 20px;margin-top:20px}	
	#floor1info1 .mControl .m.prev{left:-30px}
	#floor1info1 .mControl .m.next{right:-30px}
}




#reserve1{position:relative;padding:100px 0;max-width:1600px;margin:0 auto;}
#reserve1 .hg1{text-align:center;}
#reserve1 .hg1 .h1{font-size:50px;color:#2e343d;}
#reserve1 .hg1 ul{margin:10px 0 40px; padding:0;}
#reserve1 .hg1 li{display:inline-block;}
#reserve1 .hg1 li a{display:block;
	color:#2e343d;
	font-size:18px;
	font-weight:500;
	position:relative;
	padding-left:22px;
	margin:0 10px
}
#reserve1 .hg1 li a:before{content:'';
	display:block;
	position:absolute;left:0;right:0;bottom:0;
	border-top:8px solid #fff;
	z-index:-1;
	transition:.2s ease-out;
}
#reserve1 .hg1 li a:hover{text-decoration:none;}
#reserve1 .hg1 li a:hover:before,
#reserve1 .hg1 li a:focus:before{border-top-color:#ffd967;padding-bottom:3px; }
#reserve1 .hg1 li a:after{content:'';
	display:block;
	position:absolute;left:0;top:50%;
	margin:-10px 0 0;
	width:20px;height:20px;
	background:url() no-repeat 0 0 / contain
}
#reserve1 .hg1 li:nth-child(1) a:after{background-image:url(../../img/main/reserve1p01.png)}
#reserve1 .hg1 li:nth-child(2) a:after{background-image:url(../../img/main/reserve1p02.png)}
#reserve1 .hg1 li:nth-child(3) a:after{background-image:url(../../img/main/reserve1p03.png)}
#reserve1 .datalist{padding:0 60px}
#reserve1 .item .w1{
	margin:10px 20px;
	box-shadow:2px 2px 5px 2px rgba(0, 0, 0, .1);
	border-radius:100px 50px 50px 50px;
}
#reserve1 .item .f1{border-radius:100px 50px 0 0;height:auto;overflow:hidden;}
#reserve1 .item .f1 img{width:100%;height:auto;}
#reserve1 .item .tg1{background:#fff;
	height: 260px;border-radius:0 0 50px 50px;
	box-sizing:
	border-box;
	padding: 20px 25px 15px 25px;
}
#reserve1 .item .tg1 .t1{
	color:#2e343d;font-size:24px;
	letter-spacing:-1px;
	font-weight:600;
	white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
	margin:0 0 10px;
}
#reserve1 .item .tg1 ul{margin-bottom: 1em;list-style:none; padding:0; line-height:23px; margin-top:0;}
#reserve1 .item .tg1 li{font-size:16px;font-weight:400;margin:3px 0;letter-spacing:-1px;}
#reserve1 .item .tg1 .btns{margin: 10px -5px 0;}
#reserve1 .item .tg1 .btns a{display:block;
	float:left;width:calc(50% - 10px);
	color:#444;font-weight:500;
	background:#f9f5ed;
	border-radius:30px;
	text-align:center;
	padding:10px 0;
	margin:0 5px
}
#reserve1 .item .tg1 .btns a:nth-of-type(1){background:#ffd671}
#reserve1 .item .tg1 .btns a:hover{text-decoration:none; font-weight:bold;}
#reserve1 .item .tg1 .btns:after{content:'';
	display:block;clear:both;
}
#reserve1 .menu .m{position:absolute;top:50%;
	width:60px;height:60px;
	background:#ffd671 url() no-repeat 50% 50% / 40px 40px;
	border:0;
	border-radius:100%;
	margin:20px 0 0
}
#reserve1 .menu .m.prev{left:0;background-image:url(../../img/main/ic40a2left1.png)}
#reserve1 .menu .m.next{right:0;background-image:url(../../img/main/ic40a2right1.png)}
@media all and (max-width:1699px){
	#reserve1{width:1400px;}
}
@media all and (max-width:1599px){
	#reserve1{width:1200px;}
	#reserve1 .datalist{padding:0}
	#reserve1 .menu .m.prev{left:-60px}
	#reserve1 .menu .m.next{right:-60px}
	#reserve1 .item .tg1 li{font-size:15px;font-weight:400;margin:3px 0;letter-spacing:-1px;}
	
}
@media all and (max-width:1369px){
	#reserve1 .datalist{padding:0 60px}
	#reserve1 .menu .m.prev{left:0}
	#reserve1 .menu .m.next{right:0}
}
@media all and (max-width:1259px){
	#reserve1{width:auto;padding:50px 0;margin:0 10px}
}
@media all and (max-width:899px){
	#reserve1 .item .w1{margin:10px}
	#reserve1 .item .f1{height:auto;}
}
@media all and (max-width:799px){
	#reserve1 .hg1 .h1{font-size:35px;}
	#reserve1 .hg1 ul{margin:0 0 20px}
	#reserve1 .datalist{padding:0 35px}
	#reserve1 .item .tg1{height:auto;}
	#reserve1 .menu .m{background-color:transparent;width:40px;height:40px;}
}
@media all and (max-width:399px){
	#reserve1 .hg1 li a{font-size:16px;margin:0 5px}
	#reserve1 .datalist{padding:0 20px;}
	#reserve1 .menu .m.prev{left:-10px}
	#reserve1 .menu .m.next{right:-10px}
}

#mainbody4{background:url(../../img/main/mainbody4_bg01.jpg) no-repeat 0 0 / cover}

#bongha1{text-align:center;max-width:1600px;padding:100px 0;margin:0 auto;}
#bongha1 .hg1{color:#fff;margin-bottom:40px}
#bongha1 .hg1 .h1{font-size:50px;}
#bongha1 .hg1 .t1{font-size:20px;font-weight:300;margin:15px 0 40px}
#bongha1 ul{padding:0; margin:0;}
#bongha1 li{display:inline-block;}
#bongha1 li a{display:block;
	color:#fff;
	border:1px solid #fff;
	border-radius:30px;
	padding:10px 0;
	margin:0 5px;
	transition:.2s ease-out;
	background:transparent;
	width:170px;
	box-sizing:border-box;
}
#bongha1 li a:hover,
#bongha1 li a:focus{background:#ffd671;border-color:#ffd671;color:#444;text-decoration:none; font-weight:bold;}

@media all and (max-width:799px){
	#bongha1 .hg1 .h1{font-size:35px;}
}
@media all and (max-width:767px){
	#bongha1{padding:100px 20px}
	#bongha1 .hg1 .h1{font-size:35px;}
	#bongha1 .hg1 .t1{margin:0}
	#bongha1 li{width:280px}
	#bongha1 li a{margin:5px;width:auto;}
	
}