@charset "euc-kr";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

* {font-family: 'Noto Sans cjk kr', 'Noto Sans', 'Noto Sans KR', 'Noto Sans JP', 'Nanum Gothic', 'Nanum Gothic Coding', sans-serif; box-sizing: border-box;}
html, body {font-family: 'Noto Sans cjk kr', 'Noto Sans', 'Noto Sans KR', 'Noto Sans JP', 'Nanum Gothic', 'Nanum Gothic Coding', sans-serif;}
body {padding: 140px 20px;}

#contents {width: 720px; min-height: 450px; margin: 0 auto; border: 1px solid #f5f5f5; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.2);}

#contents > div {background: url(https://img.assesta.com/c4u/front/kakao-img01.png) no-repeat; background-size: 380px; background-position: right 25px top 70px; padding: 40px 56px;}
#contents > div > h3 {font-size: 21px; font-weight: 500; line-height: 180%;}
#contents > div > p {font-size: 16px; font-weight: 400; line-height: 160%; margin-bottom: 120px;}
#contents > div > input[type="button"] {-webkit-appearance:none; border: 0; background: #ffd201; width: 280px; height: 48px; font-size: 16px; font-weight: 500; cursor: pointer;}


@media screen and (max-width: 720px) {
	body {padding: 40px 20px;}
	
	#contents {width: 100%;}
	#contents > div {background: url(https://img.assesta.com/c4u/front/kakao-img01.png) no-repeat; background-size: 80%; background-position: center top 50px; padding: 85% 56px 40px; text-align: center;}
	#contents > div > h3 {font-size: 16px; line-height: 160%;}
	#contents > div > p {font-size: 14px; line-height: 160%; margin-bottom: 24px;}
	#contents > div > input[type="button"] {border: 0; background: #ffd201; width: 100%; height: 48px; font-size: 16px; font-weight: 500; cursor: pointer;}
}