@charset "utf-8";

body.main main {
    background:url(/img/main/main_bg.jpg) no-repeat;
    background-position:center;
    background-size:cover;
}
body.main .main-inner {
    height:400px;
    width:88.8%; max-width:400px;
	padding-left: 10px;
    letter-spacing:-1px;
    padding-top:50px;
    position:relative;
    margin:0 auto;
}
body.main .main-inner > h2 {
    font-size:26px;
    color:#222;
    line-height:140%;
}
body.main .main-inner > p {
    font-size:16px;
    line-height:160%;
    color:#444;
    margin:12px 0 42px;
}
body.main .main-inner > img {
    display:block; 
    width:300px;
    margin:0 auto;
}

/** */
body.main .main-inner .hsptl-select {
	text-align: center;
}
body.main .main-inner .hsptl-select button {
	width: 100%; height: 65px;
	border: 1px solid #6045E2;
	border-radius: 4px;
	padding-left: 10px;
	font-size: 20px; font-weight: 400;
	color: #ffffff;
	background-color:#4575f3;
	text-align: left;
}
button.main-btn{
	width: 60%;
	height: 65px;
	border: 1px solid #b8cfd9;
	border-radius: 4px;
	padding: 0 20px;
	font-size: 20px;
	font-weight: 400;
	color: #ffffff;
	background-color:#27aae2;
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
button.main-btn:hover{
	background:linear-gradient(89.56deg, #27aae2 -5.81%, #51caff 100.93%);
	box-shadow:2px 2px 10px rgba(0, 0, 0, 0.13);
}

/* 가로 해상도 768 이상 */
@media screen and (min-width:768px){
    body.main .main-inner {
        height:378px;
        width:668px; max-width:none;
        letter-spacing:-0.56px;
        padding-top:66px;
    }
    body.main .main-inner > h2 {
        font-size:32px;
    }
    body.main .main-inner > p {
        font-size: 16px;
        margin: 20px 0 10px;
    }
    body.main .main-inner > img {
        position:absolute; top:71px; right:29px;
        width:322px;
        margin:0;
    }
    button.main-btn {
		width: 40%;
		height: 65px;
		border: 1px solid #b8cfd9;
		border-radius: 4px;
		padding: 0 20px;
		font-size: 20px;
		font-weight: 400;
		color: #ffffff;
		background-color:#27aae2;
		text-align: left;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
}

/* 가로 해상도 1280 이상 */
@media screen and (min-width:1280px){
    body.main .main-inner {
        height:670px;
        width:1180px; 
        letter-spacing:-1px;
        padding-top:120px;
    }
    body.main .main-inner > h2 {
        font-size:58px;
    }
    body.main .main-inner > p {
        font-size:18px;
        margin:24px 0 0;
    }
    body.main .main-inner > img {
        top:125px; right:57px;
        width:570px;
        margin:0;
    }
}