/* 메인 비주얼 */
/* 모바일 환경 */
@media screen and (max-width:800px){
	#wrap > #wrap_banner{
		width:100%;
		background:url(/images/main_visual_img1.png) no-repeat;
		background-size:cover;
		margin:70px auto 0px;
	}
	#wrap > #wrap_banner > .banner{
		margin:auto;
	}
	#wrap > #wrap_banner > .banner ul{
		overflow:hidden;
	}
	#wrap > #wrap_banner > .banner ul > li.item{
		position:relative;
		list-style:none;
		width:100%;
		background:rgba(32, 38, 76, 0.9);
		padding:50px 0px;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text{
		position:relative;
		margin-left:20px;
		margin-right:20px;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div{
		color:#fff;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div > .title{
		font-size:22px;
		font-family: 'GmarketSansBold';
		text-align:center;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div > .desc{
		font-size:17px;
		line-height:25px;
		margin-top:20px;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div > .button{
		display:block;
		width:100%;
		height:40px;
		line-height:35px;
		color:#111;
		font-size:17px;
		font-weight:500;
		text-align:center;
		border-radius:20px;
		background-color:#fff;
		margin-top:30px;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div > .button:hover{
		background-color:#3aaea9;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div > .button:hover > a{
		color:#fff;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div > .button > a{
		display:block;
		width:100%;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .image{
		display:none;
	}
}

/* 테블릿 환경 */
@media screen and (min-width:801px) and (max-width:1400px){
	#wrap > #wrap_banner{
		width:100%;
		height:750px;
		background-image:linear-gradient(to top, #20264c, #0e3175);
		margin:100px auto 0px;
	}
	#wrap > #wrap_banner > .banner{
		margin:auto;
	}
	#wrap > #wrap_banner > .banner ul{
		overflow:hidden;
	}
	#wrap > #wrap_banner > .banner ul > li.item{
		position:relative;
		list-style:none;
		width:100%;
		height:750px;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text{
		position:relative;
		max-width:1400px;
		height:750px;
		margin:auto;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div{
		position:absolute;
		top:50%;
		left:20px;
		transform:translateY(-50%);
		width:80%;
		color:#fff;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div > .title{
		font-size:28px;
		font-family: 'GmarketSansBold';
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div > .desc{
		font-size:18px;
		line-height:30px;
		margin-top:20px;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div > .button{
		display:block;
		width:140px;
		height:40px;
		line-height:35px;
		color:#111;
		font-size:17px;
		font-weight:500;
		text-align:center;
		border-radius:20px;
		background-color:#fff;
		margin-top:30px;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div > .button:hover{
		background-color:#3aaea9;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div > .button:hover > a{
		color:#fff;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div > .button > a{
		display:block;
		width:100%;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .image{
		position:absolute;
		top:50px;
		left:30%;
		width:100%;
		height:100%;
		box-sizing:border-box;
		border:20px solid #3b739a;
		border-radius:150px 0px 0px 0px;
		background:url(/images/main_visual_img1.png) no-repeat;
		background-color:#0e3175;
	}
}

/* PC 환경 */
@media screen and (min-width:1401px){
	#wrap > #wrap_banner{
		width:100%;
		height:750px;
		background-image:linear-gradient(to top, #20264c, #0e3175);
		margin:100px auto 0px;
	}
	#wrap > #wrap_banner > .banner{
		margin:auto;
	}
	#wrap > #wrap_banner > .banner ul{
		overflow:hidden;
	}
	#wrap > #wrap_banner > .banner ul > li.item{
		position:relative;
		list-style:none;
		width:100%;
		height:750px;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text{
		position:relative;
		max-width:1400px;
		height:750px;
		margin:auto;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div{
		position:absolute;
		top:50%;
		left:0%;
		transform:translateY(-50%);
		width:60%;
		color:#fff;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div > .title{
		font-size:28px;
		font-family: 'GmarketSansBold';
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div > .desc{
		font-size:18px;
		line-height:30px;
		margin-top:20px;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div > .button{
		display:block;
		width:140px;
		height:40px;
		line-height:35px;
		color:#111;
		font-size:17px;
		font-weight:500;
		text-align:center;
		border-radius:20px;
		background-color:#fff;
		margin-top:30px;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div > .button:hover{
		background-color:#3aaea9;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div > .button:hover > a{
		color:#fff;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .text > div > .button > a{
		display:block;
		width:100%;
	}
	#wrap > #wrap_banner > .banner ul > li.item > .image{
		position:absolute;
		top:50px;
		left:50%;
		width:100%;
		height:100%;
		box-sizing:border-box;
		border:20px solid #3b739a;
		border-radius:300px 0px 0px 0px;
		background:url(/images/main_visual_img1.png) no-repeat;
		background-color:#0e3175;
	}
}