@charset 'utf-8';

/* 공통 */
body{
    width: 100%;
    height: 100%;
	background-image: url(../../_images/main_bg1.jpg);
	background-size: cover;
	background-position: center;
	color: #fff;
}
a{color: #fff;}
a:hover, a:active{color: #9ed0ff;}
img{max-width:100%;}

header{position: relative; padding-top:70px;}
header>nav{
	position: absolute;
	right: 30px;
	top:60px;
}
header>nav>p{margin-bottom:15px;}
.logo_wrap{text-align: center;}

.btn_nav{z-index:999; position: relative;}
.gnb{
    position:fixed;
    top:0;
    right:-305px;
    z-index:99;
    width:300px;
    height:100%;
    background-color:#0071da;
    padding-top:100px;
    box-shadow:-1px 0px 1px rgba(0,0,0,0.2);
}
.gnb>li>a{
    display:block;
    color:#fff;
	font-size:17px;
    padding:15px 0 15px 20px;
}



.input_wrap{max-width:760px; margin:80px auto 0px;}
.input_wrap img{max-width: 100%; display: block; margin: 0 auto;}
.input_wrap form{width:100%; margin-top:20px;}
.input_wrap input{border: none; width:70%; color:#333; font-size:18px;  box-sizing: border-box; padding:20px 30px; padding-left:60px; float: left; height:65px; background-image: url(/_images/search.gif); background-position:20px center; background-repeat:no-repeat;}
.input_wrap button{width: 25%; background:#000; border:none; font-size:18px; line-height:65px; position:relative; top:-1px;}


.icon_wrap{margin-top:100px; background:rgba(0,0,0,0.4); border-top:1px solid rgba(255,255,255,0.4);  border-bottom:1px solid rgba(255,255,255,0.4);}
.icon_wrap li{float:left; width:33.3%; box-sizing:border-box; text-align: center; border-right:1px solid rgba(255,255,255,0.4); }
.icon_wrap li:first-child{border-left:1px solid rgba(255,255,255,0.4);}
.icon_wrap li a{display: block; padding:50px 0px;}
.icon_wrap li p{font-size: 23px; font-weight:300; line-height:1.3em; padding-top:20px;}


.footer_wrap{background:rgba(0,0,0,0.4); margin-top:0px;}
.toptext_wrap{background:rgba(0,0,0,0.4); margin-top:0px;}




@media screen and (max-width:1550px) {
	
}




@media screen and (max-width:1024px) {
	.input_wrap{width:90%; }
	
	
}



@media screen and (max-width:720px) {
	header>nav {top: 30px;}
	.logo_wrap img{width:100px;}
	.input_wrap input{width: 65%; padding:15px 8px; height:50px; font-size:17px; -webkit-background-size:15px; background-size:15px; background-position: 10px center; padding-left:30px;	}
	.input_wrap button {width: 35%; font-size:17px; line-height:49px;}
	.icon_wrap img{width:40%;}
	.icon_wrap li p {font-size: 18px;}
	
	
	
}

@media screen and (max-width:480px)  {
	header>nav {top: 20px;}
	.gnb { padding-top: 50px;}
	.input_wrap img{display: none;}
	.input_wrap input {width:100%; float:none;}
	.input_wrap button {width: 60%; margin-top:8px; margin-left:20%;}
	
	.icon_wrap ul{width:100%;}
	.icon_wrap li a {padding: 30px 0px;}
	.icon_wrap li p {font-size: 15px; padding-top: 10px;}
	
	
}




@media screen and (max-width:480px) and (max-height:568px) {
	.input_wrap {margin-top:30px;}
	.input_wrap img{display: none;}
	
	.icon_wrap {margin-top:30px;}
	.icon_wrap li a {padding: 20px 0px;}
	.icon_wrap li p {font-size: 15px; padding-top: 10px;}
}