/* =============== common style ============== */

@charset "utf-8";

@font-face { font-family: 'BMDOHYEON'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'Cafe24Oneprettynight';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Oneprettynight.woff') format('woff');font-weight: normal;font-style: normal;}

html {font-family: sans-serif; color: #2e80c2;}
body {font-size: 15px; font-family: 'Noto Sans KR', sans-serif; color: #333; word-break:keep-all; letter-spacing:-1px; line-height: 1.5; font-weight: 300;}

.inner {width: 100%; max-width:1400px; margin:0 auto; position: relative;}
.center_600 {width: 100%; max-width:600px; margin:0 auto;}

.content {position: relative; padding-top: 180px;}

.menu_center{width: 100%; max-width:1400px; margin:0 auto;}
.pink {color: #f59b90 !important;}
.white {color: #fff !important;}

h2:not(:where(.as-h1,.as-h2,.as-h3,.as-h4,.as-h5,.as-h6)) {font-size: 50px; letter-spacing: -2px; position: relative; font-weight: 600; margin-bottom: 35px;}
h1:where(.as-h2), div:where(.as-h2) {font-size: 50px; letter-spacing: -2px; position: relative; font-weight: 600; margin-bottom: 35px;}
h3:not(:where(.as-h1,.as-h2,.as-h3,.as-h4,.as-h5,.as-h6)) {font-size: 45px; text-align: center; margin-bottom: 80px; font-weight: 600;}
h1:where(.as-h3), h2:where(.as-h3), div:where(.as-h3) {font-size: 45px; text-align: center; margin-bottom: 80px; font-weight: 600;}
h4 {font-size: 26px; font-weight: 500;}
h2:where(.as-h4), h3:where(.as-h4), div:where(.as-h4) {font-size: 26px; font-weight: 500;}
h5 {font-size: 22px; font-weight: 300 !important;}
div:where(.as-h5) {font-size: 22px; font-weight: 300 !important;}

.point {margin-bottom: 10px;}
.point * {display: block; margin: 0 auto; text-align: center; font-weight: 600; font-size: 26px; letter-spacing: 2px;}
.point img {width: 44px;}

.point .gray {color: #d6d6d6 !important; font-weight: 300 !important; font-size: 22px; letter-spacing: 0; margin-bottom: -10px;}

h3:not(:where(.as-h1,.as-h2,.as-h3,.as-h4,.as-h5,.as-h6)).line {position: relative; max-width: 1200px; margin: 0 auto 80px;}
h1:where(.as-h3).line, h2:where(.as-h3).line, div:where(.as-h3).line {position: relative; max-width: 1200px; margin: 0 auto 80px;}
h3:not(:where(.as-h1,.as-h2,.as-h3,.as-h4,.as-h5,.as-h6)).line::after, h3:not(:where(.as-h1,.as-h2,.as-h3,.as-h4,.as-h5,.as-h6)).line::before {content: ''; display: block; width: 180px; height: 2px; position: absolute; background-color: #352722; top: 50%; transform: translate(0, -50%)}
h1:where(.as-h3).line::after, h1:where(.as-h3).line::before, h2:where(.as-h3).line::after, h2:where(.as-h3).line::before, div:where(.as-h3).line::after, div:where(.as-h3).line::before {content: ''; display: block; width: 180px; height: 2px; position: absolute; background-color: #352722; top: 50%; transform: translate(0, -50%)}
h3:not(:where(.as-h1,.as-h2,.as-h3,.as-h4,.as-h5,.as-h6)).line::after {left: 0;}
h1:where(.as-h3).line::after, h2:where(.as-h3).line::after, div:where(.as-h3).line::after {left: 0;}
h3:not(:where(.as-h1,.as-h2,.as-h3,.as-h4,.as-h5,.as-h6)).line::before {right: 0;}
h1:where(.as-h3).line::before, h2:where(.as-h3).line::before, div:where(.as-h3).line::before {right: 0;}

.check-list li {padding-left: 50px; font-size: 30px; position: relative; margin-bottom: 25px; font-weight: 500;}
.check-list li::before {content: ''; width: 37px; height: 37px; background: url(../img/sub/check_none_icon.png) no-repeat; display: block; position: absolute; left: 0; top: 5px;}

b {font-weight: 600;}
a {color: #000;}
img {vertical-align: top;}

#bora-message-check{opacity: 0 !important;}
@media screen and (max-width:1500px){
	
}

@media screen and (min-width:1201px){
	.m_img{display: none;}
	.pc_img{display: block; width: 100%; text-align: center;}
}

@media screen and (max-width:1200px){
	#quick_menu {display: none;}
	.pc_img{display: none;}
	.m_img{display: block; text-align: center; margin: 0 auto; width: 100%;}
	.m_img img{width: 100%; height: auto;}
	.content {padding-top: 100px;}
	.content:first-of-type {padding-top: 100px;}
	.inner {max-width: none; padding: 0 10px;}

	main .point {margin-bottom: 0;}
    
    .check-list li {font-size: 26px; margin-bottom: 20px; padding-left: 40px;}
    .check-list li::before {background-size: 100%; width: 30px; height: 30px;}

}

@media screen and (max-width:1024px){
	.point * {font-size: 20px;}
	h2:not(:where(.as-h1,.as-h2,.as-h3,.as-h4,.as-h5,.as-h6)) {font-size: 45px; margin-bottom: 35px;}
	h1:where(.as-h2), div:where(.as-h2) {font-size: 45px; margin-bottom: 35px;}
	h3:not(:where(.as-h1,.as-h2,.as-h3,.as-h4,.as-h5,.as-h6)) {font-size: 35px; margin-bottom: 40px;}
	h1:where(.as-h3), h2:where(.as-h3), div:where(.as-h3) {font-size: 35px; margin-bottom: 40px;}
	h4 {font-size: 20px;}
	h2:where(.as-h4), h3:where(.as-h4), div:where(.as-h4) {font-size: 20px;}
	h5 {font-size: 17px;}
	div:where(.as-h5) {font-size: 17px;}

    .content {padding-top: 70px;}

	.point .gray {font-size: 18px; margin-bottom: 0;}
    h3:not(:where(.as-h1,.as-h2,.as-h3,.as-h4,.as-h5,.as-h6)).line::after, h3:not(:where(.as-h1,.as-h2,.as-h3,.as-h4,.as-h5,.as-h6)).line::before {width: 120px;}
    h1:where(.as-h3).line::after, h1:where(.as-h3).line::before, h2:where(.as-h3).line::after, h2:where(.as-h3).line::before, div:where(.as-h3).line::after, div:where(.as-h3).line::before {width: 120px;}

    .check-list li {padding-left: 40px; font-size: 20px; margin-bottom: 15px;}
    .check-list li::before {width: 26px; height: 26px;}
}

@media screen and (max-width:768px){
	.point * {font-size: 20px;}
	h2:not(:where(.as-h1,.as-h2,.as-h3,.as-h4,.as-h5,.as-h6)) {font-size: 35px; margin-bottom: 25px;}
	h1:where(.as-h2), div:where(.as-h2) {font-size: 35px; margin-bottom: 25px;}
	h3:not(:where(.as-h1,.as-h2,.as-h3,.as-h4,.as-h5,.as-h6)) {font-size: 30px; margin-bottom: 30px;}
	h1:where(.as-h3), h2:where(.as-h3), div:where(.as-h3) {font-size: 30px; margin-bottom: 30px;}
	h4 {font-size: 20px;}
	h2:where(.as-h4), h3:where(.as-h4), div:where(.as-h4) {font-size: 20px;}
	h5 {font-size: 17px;}
	div:where(.as-h5) {font-size: 17px;}
	
	h3:not(:where(.as-h1,.as-h2,.as-h3,.as-h4,.as-h5,.as-h6)).line {margin-bottom: 20px !important;}
	h1:where(.as-h3).line, h2:where(.as-h3).line, div:where(.as-h3).line {margin-bottom: 20px !important;}
    h3:not(:where(.as-h1,.as-h2,.as-h3,.as-h4,.as-h5,.as-h6)).line::after, h3:not(:where(.as-h1,.as-h2,.as-h3,.as-h4,.as-h5,.as-h6)).line::before {display: none;}
    h1:where(.as-h3).line::after, h1:where(.as-h3).line::before, h2:where(.as-h3).line::after, h2:where(.as-h3).line::before, div:where(.as-h3).line::after, div:where(.as-h3).line::before {display: none;}
    
    .check-list li {padding-left: 30px; font-size: 17px;}
    .check-list li::before {width: 20px; height: 20px;}
}

@media screen and (max-width:425px){
	.point * {font-size: 18px; letter-spacing: 0}
	h2:not(:where(.as-h1,.as-h2,.as-h3,.as-h4,.as-h5,.as-h6)) {font-size: 25px; margin-bottom: 10px;}
	h1:where(.as-h2), div:where(.as-h2) {font-size: 25px; margin-bottom: 10px;}
	h3:not(:where(.as-h1,.as-h2,.as-h3,.as-h4,.as-h5,.as-h6)) {font-size: 25px; margin-bottom: 20px;}
	h1:where(.as-h3), h2:where(.as-h3), div:where(.as-h3) {font-size: 25px; margin-bottom: 20px;}
	h4 {font-size: 18px;}
	h2:where(.as-h4), h3:where(.as-h4), div:where(.as-h4) {font-size: 18px;}

	h3:not(:where(.as-h1,.as-h2,.as-h3,.as-h4,.as-h5,.as-h6)).line {margin-bottom: 30px;}
	h1:where(.as-h3).line, h2:where(.as-h3).line, div:where(.as-h3).line {margin-bottom: 30px;}

	.point .gray {font-size: 12px;}
}