/* 공용 */
/*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"; font-weight: 400; color: #000;line-height:1.6}
body{background:#fff;}
.mo_br{display:none;}
.hgg_font{font-family:'HGGGothicssi 40g' !important; font-weight:bold}
.spacial_page_wrap{margin:0 auto;text-align:center;}
.spacial_page_wrap section{}
.spacial_page_wrap .inner{max-width:1200px;width:100%;padding:10px}
.yello_under_line p{border-bottom:3px solid #ffea00;padding-bottom:10px;width:780px;font-size:4.3rem;margin:30px auto;}
.yello_under_line p b{-webkit-text-stroke: 1px black;font-weight: bold;font-family:'HGGGothicssi 40g' !important;}
.second_txt{margin-bottom:30px}
.second_txt p{font-size:2.2rem;}
.second_txt p b{font-weight:700}
.third_txt p{font-size:1.95rem;}
.third_txt p b{font-weight:700;}
.yellow_back{background:#f9ec91;display:inline-block; font-weight:bold;padding:0 5px;}
.box-shadow{background:#fff;box-shadow:0px 0px 10px rgba( 0, 0, 0,0.3)}
.black_box p{padding:10px 60px ;display:inline-block; background:#000;font-size:2rem;color:#fff;border-radius:57px;}

section{margin-bottom:100px;}

.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:inline-block;vertical-align:bottom;}

/*바디 시작*/
.img1400{display:none;}
.img800{display:none;}
.top_kv{width:100%;}
.kv_2{background: linear-gradient(to bottom, #f9f9f9, #fff);width:100%;}
.kv_2_title p{font-size:3.8rem;margin-bottom:20px;position:relative;display:inline-block;}
.kv_2_title p:before{position:absolute;background:url(../img/body/dot_deco.png);content:"";width:100%;height:16px;top:-30px;lefT:0;}

/*z9 바디 있는 부분*/
.section3 .inner{display:flex;padding-top:50px;}
.section3 .inner > div{vertical-align:top;width:40%;}
.section3 .inner > div.section3_txt{width:58%;}
.section3 .section3_txt ul {margin-bottom:12px;border-bottom:1px solid #eee;text-align:left;}
.section3 .section3_txt ul li{margin-bottom:12px;font-size:1.4rem;line-height:1.2}
.section3 .section3_txt ul li .yellow_back{font-size:2rem;margin-bottom:5px;}
.section3 .section3_txt ul li .sup_txt{font-size:1.2rem;}

/*이미지세선에 따른 분류 및 특징*/
.section4 .section4_img{max-width:600px;width:90%;margin:30px auto;}

/**/
.section5 .inner{border:2px solid #eaeaea;padding:30px 10px;border-radius:20px;width:96%;background:#f9f9f9}
.section5 .inner img{max-width:700px;width:100%;margin:30px auto;display:inline-block;}
.section5 .inner p{font-sizE:3rem;font-weight:bold}


/*풀프레임 포멧의 특징*/
.section6 {background:#f9f9f9}
.section6 ul{    width: 100%;    display: grid;    grid-template-columns: 1fr 1fr;}
.section6 ul li{padding:7%;width:94%;margin-bottom:30px;border-radius:50px 0 0 0}
.section6 ul li .black_box{margin-bottom:20px;}
.section6 ul li .black_box p{font-size:2rem;}
.section6_box_img{margin-bottom:20px;}
.section6_box_txt{font-size:1.9rem;margin-bottom:20px}
.section6_box_img.small-img1{ width:60%;margin:0 auto;}
.box-shadow:last-child .section6_box_img{margin-top:70px}
.box-shadow:last-child .section6_box_txt{margin-top:70px}


/*section7*/
.section7_img{width:96%;max-width:940px;margin:0 auto;}


/*제품라인업*/
.section8{background:#f9f9f9}
.section8 ul.body_list{    width: 100%;    display: grid;    grid-template-columns: 1fr 1fr 1fr;margin-bottom:100px}
.section8 ul.body_list li{padding:5%;border-bottom:2px solid #eaeaea;position:relative;}
.section8 ul.body_list li:after{content:""; position:absolute;top:10%;right:0;width:2px;height:80%;background:#eaeaea;}
.section8 ul.body_list li:nth-child(3n):after {  background:#fff;}
.section8 ul.body_list linth-child(7), .section8 ul.body_list linth-child(8), .section8 ul.body_list linth-child(9){border-bottom:0}
.section8 ul.body_lis.dx_list{border-bottom:0}
.section8 ul.body_list li .exp_txt{font-size:1.6rem}
.section8 ul.body_list li .exp_txt .yellow_back{padding:0;    display: initial;}


/*제품사양비교표*/
.section9 .black_box{margin:30px 0 50px 0;}
.section9 a{display:inline-block;margin-bottom:40px;}
.section9  .dx_table_img a{display:inline-block;max-width:600px;width:70%;}
.section9  .tableimg_sup{font-size:1.3rem;line-height:1.2}




/*이미징레시피*/
.section10{margin-bottom:0;background:#f9f9f9 url('../img/body/imaging_back.png')no-repeat;background-position:bottom;width:100%;background-size:contain;}
.section10 .section9_btn_area{display:flex;max-width:800px;align-items: flex-end;margin:50px auto;}
.section10 .section9_btn_area .imaging_ci{width:200px;margin-right:20px;}
.go_imagin a{background:#ffe600;color:#000;font-sizE:2.5rem;font-weight:bold;padding:10px 30px;border-radius:50px;}




@media screen and (max-width: 1400px){
.pc_img{display:none;}
.img1400{display:block}
.kv_2{background: linear-gradient(to bottom, #eee, #fff);width:100%;}

.section3 .inner{padding:0}

}

@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%;}


}

@media screen and (max-width: 1100px){
html{font-size:9px}


}



@media screen and (max-width: 800px){
.img1400{display:none;}
.img800{display:block;}
.yello_under_line p{width:90%;font-size:3rem}
.second_txt p{font-size:1.9rem;}
.third_txt p{font-size:1.5rem;}

.mo_br{display:block;}
.pc_br{display:none;}
.section3 .inner{display:block} 
.section3 .inner > div{vertical-align:top;width:90%;margin-bottom:50px}
.section3 .inner > div.section3_txt{width:100%;padding: 10px;}

/*풀프레임 포멧의 특징*/
.section6 ul{   grid-template-columns: 1fr;}
.section6 ul li{padding:3%;width:100%}

/*제품라인업*/
.section8 ul{margin-top:40px}
.section8 ul.body_list{ grid-template-columns: 1fr 1fr}
.section8 ul.body_list li:nth-child(2n):after {  background:#fff;}
.section8 ul.body_list li:nth-child(3n):after {  background:#eaeaea;}
.section8 ul.body_list li:last-child:after { background:#fff;}
}


@media screen and (max-width: 600px){

.mo_br{display:block;}
.kv_2{padding-top:50px}
.kv_2_title p{font-size:2.7rem}
.yello_under_line p{font-size:2.3rem}
.second_txt p{font-size:1.7rem}
.black_box p{font-size:1.8rem}
.section3 .section3_txt ul li .yellow_back{font-size:1.8rem}
.section5 .inner p{font-size:2rem;}
.section6 ul li .black_box p{font-size:1.7rem;        padding: 10px 20px;        width: 95%;}
.section6_box_txt{font-size:1.6rem;}
.section8 ul.body_list li .exp_txt{font-size:1.5rem;}

.section10 .section9_btn_area .imaging_ci{max-width:120px;margin-right:10px}
.go_imagin a{font-size:1.4rem;    padding: 10px 10px;}
}