/* 공용 */
/*font*/
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family:'HGGGothicssi 40g';
    font-weight: normal;
    font-style: normal;
	 src: url('../font/HGGGothicssi_40g.woff') format('woff'),
	  src: url('../font/HGGGothicssi_40g.eot') format('eot');
}

html{font-sizE:10px;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
 font-family: "Paperozi", "pretendard"; font-weight: 400; color: #000000;}
body{background:#fff; font-size:1.9rem;}
.hgg_font{font-family:'HGGGothicssi 40g' !important; font-weight:bold;}

.top_header{position:absolute;top:0;left:0;z-index:2;}
.top_header h1{padding: 23px 0 16px 23px; display:inline-block;}
.top_header h1 a{display:flex;vertical-align:bottom;}

.spacial_page_wrap{margin:0 auto;text-align:center;}
.spacial_page_wrap section{}
.spacial_page_wrap .inner{max-width:1200px;width:100%; word-break: keep-all;}
.yello_under_line p{border-bottom:3px solid #ffea00;padding-bottom:25px;width:780px;font-size:4.3rem; margin: 0px auto 30px auto;}
.yello_under_line p b{font-weight:bold;font-family:'HGGGothicssi 40g' !important; line-height: 1.5;}
.second_txt p{font-size: 2.2rem; line-height: 1.6;}
.yellow_back{background:#f9ec91;display:inline-block; font-weight:bold;}
.box-shadow{background:#fff;box-shadow:0px 0px 0px rgba( 0, 0, 0,0.3)}
.black_box p{padding:10px 60px ;display:inline-block; background:#000;font-size:2rem;color:#fff;border-radius:30px;}
span.b {font-weight:bold;}
span.bb {text-shadow: -0.5px -0.5px 0 #000, 0.5px -0.5px 0 #000, -0.5px 0.5px 0 #000, 0.5px 0.5px 0 #000; font-family: 'HGGGothicssi 40g' !important; font-weight: bold !important;}

.img1400 {display:none;}
.img800 {display:none;}
.top_kv{width:100%;}

.flex {display:flex; align-items: center; justify-content: space-between;}
.arrow_btn {background: #fadd00; padding: 10px 20px; border-radius: 30px; display: inline-flex; align-items: center; margin-top: 30px; font-size: 2rem;}
.arrow_btn img {margin-left:10px;}
.arrow_btn:hover {padding: 10px 15px 10px 20px; transition: 0.3s;}
.arrow_btn:hover img {margin-left:15px; transition: 0.3s;}

.section1, .section2, .section3, .section4, .section5 {padding:100px 0;}

.section1 {background:#f9f9f9; padding-top:0 !important;}
.section1 .text {text-align:left; padding-left: 70px;}

.section2 .box {margin-bottom:100px;}
.section2 .box:last-child {margin-bottom:0;}
.section2 .second_txt p {font-size: 1.9rem; line-height: 1.6; margin:30px 0;}
.section2 .graph_wrap table {width: 100%; border: #D8D8D8 1px solid; font-size: 1.4rem; max-width: 640px; margin: 0 auto;}
.section2 .graph_wrap table th {background: #F5F5F5; padding: 10px; border-bottom: #D8D8D8 1px solid; min-width: 130px; word-break: keep-all;}
.section2 .graph_wrap table td {background: #FFF; padding: 10px; border-bottom: #D8D8D8 1px solid;}
.section2 .graph_wrap table td img {display:block; margin:0 auto;}
.section2 .img_wrap {display:flex; justify-content: center; flex-wrap: wrap;}
.section2 .img_wrap img {width:calc(100% / 2 - 15px);}
.section2 .img_wrap img:first-child {margin-right:15px;}

.video_wrap .hgg_font {background: #fadd00; padding: 10px 20px; display: block; margin-bottom: 10px; font-size:2rem;}
.video_wrap .video-container {width: 100%; aspect-ratio: 16 / 9; margin-bottom: 10px;}
.video_wrap .video-container:last-child {margin-bottom:0;}
.video_wrap .video-container iframe {width: 100%;height: 100%;border: none;}

.section3 {background:#f9f9f9;}
.section3 p.img, .section4 p.img {margin-top:30px;}

.section5 {background:#f9f9f9;}

/*노트북*/
@media screen and (max-width:1700px) {
}

/*더작은노트북*/
@media screen and (max-width:1600px) {
}

@media screen and (max-width:1400px) {
.pc_img{display:none;}
.img1400{display:block}
}

/*아이패드 가로 1080  ~ 1024 */
@media screen and (max-width:1120px) {
.top_header h1{        padding: 15px 0 6px 18px;    }
.top_header h1 a {text-align: left;}
.top_header h1 a img{	        width: 60%;}

.flex {display:block;}
.flex img {width:30%;}
.yello_under_line p {text-align: center; padding-top: 50px;}
.second_txt p {text-align:center;}
.section1 .text {padding-left:0;}
.section1, .section2, .section3, .section4, .section5 {padding:50px 0;}
.section3, .section4, .section5 {padding-top:0 !important;}
}


@media screen and (max-width:840px) {
.yello_under_line p {width:auto;}
.section2 .box {margin-bottom:50px;}
.section2 .graph_wrap table {max-width:none;}
.section2 .img_wrap {display:block;}
.section2 .img_wrap img {width:100%;}
.section2 .img_wrap img:first-child {margin-right:0; margin-bottom:10px;}
.video_wrap .video-container {margin-bottom:5px;}
}

/*모바일 */
@media screen and (max-width:800px) {
.yello_under_line p {width: 90%; font-size: 3rem;}
.second_txt p {font-size: 1.9rem;}

.img1400{display:none;}
.img800{display:block;}
.section1 {background: #f4f4f4;}
}

@media screen and (max-width:600px) {
.second_txt p, .black_box p, .arrow_btn, .video_wrap .hgg_font {font-size:1.7rem;}
.section2 .second_txt p {font-size:1.6rem;}
}