@charset "utf-8";

@import url('/font/NanumSquare/NanumSquare.css');

html {min-width:340px}

.main_top {margin-bottom:70px;}
.main_top h1 {text-align: center;color:#291b7f;line-height:1;font-weight:800;font-size:33px;font-family: 'NanumSquare';}

.main_wrap {background:url('/files/web163/images/intro/bg_vis.png') no-repeat top center;}
.inner {padding:145px 0 145px 0px;}
.main_con ul {max-width:1100px;margin: 0 auto;display:flex;}
.main_con ul:after{content:"";display:block;clear:both;overflow:hidden;}
.main_con ul li {min-height:450px;position:relative;border-radius:10px;min-width:320px;margin:0 0 0 70px;box-shadow: 3px 3px 0px 3px rgb(120 186 239 / 46%);text-align:center;}
.main_con ul li:after {display:block;content:"";position:absolute;height:225px;top:35px;left:0;right:0;margin:auto;background-repeat:no-repeat;background-position: center top;}
.main_con ul li:nth-child(1):after {background-image:url('/files/web163/images/intro/logo01.png');}
.main_con ul li:nth-child(2):after {background-image:url('/files/web163/images/intro/logo02.png');}
.main_con ul li:nth-child(3):after {background-image:url('/files/web163/images/intro/logo03.png');}
.main_con ul li .tit {display:block;font-size:30px;color:#fff;font-family: 'NanumSquare';font-size:0;}
.main_con ul li .btn {display:block;margin:0px auto;position: absolute;left:0;right:0;bottom:57px;border-radius:20px;width:142px;height:42px;line-height:40px;color:#fff;background: transparent;border:1px solid #fff;z-index:99;}
.main_con ul li .btn span {display:inline-block;padding-right:20px;background:url('/files/web163/images/intro/btn_arr01.png') no-repeat center right;font-size:18px;font-family: 'NanumSquare';}
.main_con ul li:nth-child(1){background:linear-gradient(#fff 65%, #26b8b7 35%);margin-left:0;}
.main_con ul li:nth-child(2){background:linear-gradient(#fff 65%, #5c99da 35%);}
.main_con ul li:nth-child(3){background:linear-gradient(#fff 65%, #e99010 35%);}

.main_con ul li .inner{overflow: hidden;min-height: 480px;display: block;padding:50px 0px 45px 0px;}

/* footer_wrap */
.footer_wrap {background:#fff;;}
.footer_wrap .inner{position:relative;display: flex;align-items: center;max-width:1100px;min-height:100px;margin:0 auto;padding:25px 0 25px 330px;}
.footer_wrap .logo{position: absolute;left:0;background:url('/files/web163/images/intro/img_bi_foot.png') no-repeat left top;width:237px;height:22px;background-size:100%;}
.footer_wrap .addr {color:#878787;line-height:1.3;letter-spacing: 0;}

/* Size */
.btn_xs{padding:3px 10px 2px !important;display:inline-block;min-width:50px;min-height:24px;line-height:18px;font-size:12px;text-align:center;margin:0 3px;}
.btn_s{padding:6px 15px 5px !important;display:inline-block;min-width:70px;min-height:32px;line-height:19px;font-size:14px;text-align:center;}
.btn_m{padding:12px 15px 10px !important;display:inline-block;min-width:115px;zmin-height:45px;line-height:22px;font-size:16px;text-align:center;}
.btn_b{padding:12px 15px 10px !important;display:inline-block;min-width:160px;min-height:50px;line-height:24px;font-size:16px;text-align:center;}


@media (max-width:1100px) {
	.main_top {margin-bottom:45px;}
	.main_top h1 {font-size:28px;}
	.main_wrap {background-size: cover;}
	.main_wrap > .inner {padding:80px 20px 100px 20px;}
	.main_con ul {max-width:500px}
	.main_con ul li {min-height:200px}
	.main_con ul li:after {top:15px;background-size: auto 100px;}
	.main_con ul li .btn {bottom:15px;left:20px;right:20px;width:auto;}
	.main_con ul li + li {margin-left:0;margin-top:30px;}

	.footer_wrap {padding:0 10px;}
	.footer_wrap .inner {max-width: 840px;width:100%;min-width:auto;padding:25px 0 25px 220px;}
	.footer_wrap .logo {width:200px;height:22px;}

	.main_con ul {display: block;}
	
	/* footer_wrap */
	.footer_wrap {padding:0 10px;}
}


@media (max-width:450px) {

	.footer_wrap .inner {padding:20px;}
	.footer_wrap .logo {display: none;s}
}