@charset "utf-8";
.topmenu {position: absolute; right: 220px; top: 84px;}
.topmenu ul li{float: left;margin-left:48px ; line-height: 20px;}
.topmenu ul li img{vertical-align: middle;}

.idx .wrap_in{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('../img/main/main_bg.jpg') no-repeat center center;background-size:cover;z-index: 100;
	-webkit-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
   -moz-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
     -o-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
        transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); /* easeInQuart */

-webkit-transition-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220); 
   -moz-transition-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220); 
     -o-transition-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220); 
        transition-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220); /* easeInQuart */
}
.idx.gnbon{overflow: hidden;}
.idx.gnbon .wrap_in{margin-left: -465px;}
.idx.gnbon .wrap_in:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";display: block;background: rgba(71,198,232,0.6);}

.logo{position: absolute;left: 100px;top: 70px;}
.btn_gnb{position: absolute;right: 100px;top: 70px;width: 30px;height: 44px;background: none;outline: none;}
.btn_gnb span{position: absolute;bottom: 0;width: 6px;height: 100%;border-radius:3px;background-color: #47c6e8;}
.btn_gnb span.g_icon_l{left: 0;}
.btn_gnb span.g_icon_c{height: 65%;left: 50%;margin-left: -3px;}
.btn_gnb span.g_icon_r{right: 0;}
.m_txt{position: absolute;left: 100px;bottom: 110px;}
.m_pet{position: absolute;right: 100px;bottom: 110px;}
#header{z-index: 1;}
#container{width: 100%;height: 100%;}
.aside-content{position: absolute;right: 0;top: 0;bottom: 0;width: 465px;background-color: #111;display: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 51px;padding-top: 170px;
}
.gnb .mn{padding: 20px 10px;border-bottom: 1px solid #454545;}
.gnb .mn li{}
.gnb .mn li a{display: block;font-size: 30px;color: #d0d0d0;line-height: 48px;font-family:'aritadl';letter-spacing:3px;
	transition: 0.3s all;
}
.gnb .mn li.active a,
.gnb .mn li:hover a{color: #47c6e8;}
.ac-info{padding: 28px 10px;}
.ac-info p,
.ac-info address{font-size: 13px;color: #c6c6c6;line-height: 20px;font-family: 'aritadt';}
.ac-info .contact{margin-top: 30px;}
.ac-info .contact a{font-size: 13px;color: #fff;font-family: 'aritadt';margin-right: 12px;}

.btn_gnb_close{position: absolute;right: 30px;top: 70px;outline: none;}




/* 테블릿 */
@media screen and (max-width: 950px){
	img{max-width:100%;}

}

/* mobile */
@media screen and (max-width: 768px){
	
	.idx .wrap_in{background: url('/img/mobile/main/main_bg.jpg') no-repeat center center;background-size:cover;}
	.logo{left: 17px;top: 17px;}
	.logo a{display: block;width: 80px;height: 35px;background: url('/img/mobile/main/logo.png') no-repeat center center;background-size:cover;}
	.logo img{display: none;}
	.btn_gnb{right: 17px;top: 17px;width: 26px;height: 35px;}
	.btn_gnb span{width: 4px;}
	.btn_gnb span.g_icon_c{margin-left: -2px;}
	.m_txt{bottom: 8%;left: 50%;margin-left: -47%;width: 94%;padding-bottom: 31%;background: url('/img/mobile/main/main_txt.png') no-repeat center center;background-size:cover;}
	.m_txt img{display: none;}
	.m_pet{bottom: 30%;left: 50%;margin-left: -28px;}
	.m_pet img{width: 56px;}
	.aside-content{display: block;width: 100%;padding: 0 30px;padding-top: 20%;}	
	.ac-info{display: none;}
	.btn_gnb_close{right: 17px;top: 17px;}
	.btn_gnb_close img{width: 30px;}
	.gnb .mn:last-child{border-bottom: none;}
	.gnb .mn li a{text-align: center; font-size: 26px;}
	.idx.gnbon .wrap_in{margin-left: -100%;}

	.topmenu{right: 17px; top: 56px;}
	.topmenu img{max-height:16px; vertical-align: middle;}
	.topmenu ul{text-align: right;}
	.topmenu ul li{display: inline-block;float: none; line-height: 20px; margin: 0 3px;}
	.topmenu ul li:first-child img{height: 12px;}
}

/* mobile */
@media screen and (max-width: 340px){
	.gnb .mn li a{font-size: 22px;}
	

}