@charset "utf-8";


#content{padding-bottom:70px;}
#content > .inr{max-width:1200px; margin:0 auto; padding:0 15px;}
#content h2{margin-top:50px; margin-bottom:20px; font-size:35px; color:#111; font-weight:400; text-align:center; word-break:keep-all;}

/* 탭 */
.tab_wrap{ margin-top:50px;}
/* .tab_wrap{max-width:1200px; margin:50px auto 50px;} */
.tab_nav{text-align:center;}
.tab_nav li{display:inline-block; margin:0 5px;}
.tab_nav li a{display:flex; flex-direction:column; justify-content:center; min-width:100px; height:50px; box-sizing:border-box; border:1px solid #e7e7e7; font-size:14px; text-align:center;}
.tab_nav li a.on{border-color:#222; color:#222;}
.tab_content{padding-top:3rem;}
/* .tab_content{min-width:1200px; min-height:10rem; margin:0 auto; padding-top:3rem;} */

@media screen and (max-width:1150px){
	.area_about .box_img{padding-top:28.8695652173913vw;}
	.box_txt{padding:40px 0 0;}
	.box_txt p br{display:none;}
}

@media screen and (max-width:680px){
	#content h2{font-size:30px;}
	.area_about .box_img.right{margin-left:10px;}
    .certification_area ul li{width:49%;}
    .certification_area ul li:nth-child(2){margin-right:0;}
}

@media screen and (max-width:480px){
    .line_list li{width:49%;}
    .line_list li:nth-child(2n){margin-right:0;}
    .line_list li:last-child{margin-right:0 !important;}
    .line_list li:nth-child(3n){margin-right:2%;}
}

@media screen and (max-width:420px){
	#content{padding-bottom:40px;}
	#content h2{margin-top:30px;}    
}

@media screen and (max-width:370px){
	#content h2{font-size:25px;}
	
	.area_about .box_img{float:none; width:100%; padding-top:40.54054054054054vw;}	
	.area_about .box_img{margin-right:0;}
}

/* 인쇄방법 */
:root{
	--primary: #008756;
	--inr: 1200;
	--fs40: clamp(30px, calc( 40 / var(--inr) * 100vw ), 40px );
	--fs28: clamp(21px, calc( 28 / var(--inr) * 100vw ), 28px );
	--fs20: clamp(18px, calc( 20 / var(--inr) * 100vw ), 20px );
	--fs18: clamp(14px, calc( 18 / var(--inr) * 100vw ), 18px );
}
.sub_print .inr{ max-width: 1200px; }
.sub_print_visual{ height: 300px; background: var(--primary); text-align: center; color: #fff; }
.sub_print_visual .inr{ display: flex; align-items: center; justify-content: center; height: 100%; padding-bottom: .2%; }
#wrap .sub_print_visual__h2{ all: unset; font-size: var(--fs40); font-weight: 600; color: inherit; }
.sub_print_visual__p{ margin-top: .55em; font-size: var(--fs20); font-weight: 300; }
.sub_print__title{ text-align: center; font-size: var(--fs28); }
.sub_print__title.type1{ padding: 4.28571429em 0 1.92857143em; }
.sub_print__h3{ font-size: var(--fs28); font-weight: 500; }
.sub_print__p{ margin-top: 0.44444444em; font-size: var(--fs18); font-weight: 300; color: #a0a0a0; }
.bg_gray{ background: #f6f6f6; }
.sub_print_size{ padding: clamp(40px, calc( 81 / var(--inr) * 100vw ), 81px ) 0 clamp(36px, calc( 73 / var(--inr) * 100vw ), 73px ); text-align: center; }
.sub_print_size .inr > ul{ display: flex; justify-content: center; gap: 70px 98px; }
.sub_print_size figure{ font-size: var(--fs18); }
.sub_print_size figure img{ height: 17.05555556em; }
.sub_print_size .inr > ul p:first-child{ margin: 1.16666667em 0 0.88888889em; font-weight: 300; }
.sub_print_size .circle{ display: inline-flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: 1.77777778em; background: var(--primary); border-radius: 50%; font-weight: 400; line-height: 1; color: #fff; }
.sub_print_size b{ font-weight: 500; }
.sub_print_size .sub_print_cautions{ background: #fff; }
.sub_print_method{ position: relative; padding-bottom: clamp(35px, calc( 72 / var(--inr) * 100vw ), 72px ); }
.sub_print_method:last-child{ padding-bottom: 0; }
.sub_print_method:last-child .sub_print_method__content{ padding-bottom: 0; }
.sub_print_method::before{ content: ''; position: absolute; inset: 0; height: 510px; background: #f6f6f6; z-index: -1; }
.sub_print_method__title{ padding: 2.5em 0 1.46428571em; text-align: center; font-size: var(--fs28); }
.sub_print_method__title p{ margin-top: 15px; font-size: var(--fs18); font-weight: 300; line-height: 1.75; color: #a0a0a0; }
.sub_print_method__title span{ color: var(--primary) }
.sub_print_method__content{ padding: clamp(40px, calc( 61 / var(--inr) * 100vw ), 61px ) clamp(20px, calc( 64 / var(--inr) * 100vw ), 64px ); background: #fff; }
.sub_print_method__content .sub_print__h3 + p{ margin-top: 10px; font-size: var(--fs18); font-weight: 300; color: #a0a0a0; }
.sub_print_method__content .sub_print__h3 + p span{ color: #000; }
.sub_print_method__content > li + li{ margin-top: clamp(46px, calc( 71 / var(--inr) * 100vw ), 71px ); }
.sub_print__table{ margin-top: 1.8em; text-align: center; font-size: var(--fs20); table-layout: fixed; }
.sub_print__table thead{ background: var(--primary); }
.sub_print__table th{ height: 2.95em; background: var(--primary); color: #fff; border: 1px solid var(--primary); box-sizing: border-box; }
.sub_print__table th:not(:last-child){ border-right-color: #fff; }
.sub_print__table td{ height: 5em; padding-top: .5em; border: 1px solid var(--primary); box-sizing: border-box; }
.sub_print__table .circle{ display: inline-block; aspect-ratio: 1/1; width: 1em; background: #ea5458; border-radius: 50%; font-size: clamp(38px, calc( 44 / var(--inr) * 100vw ), 44px ); }
.sub_print__table .circle + .circle{ margin-left: -.5em; }
.sub_print__table .circle:nth-of-type(2){ background: #f29531; }
.sub_print__table .circle:nth-of-type(2){ background: #efdc40; }
.sub_print__table td.color_3c .circle:nth-of-type(2){background: #e69948; }
.sub_print__table td.color_3c .circle:nth-of-type(3){background: #ecdd5e; }
.sub_print__gallery{ margin-top: clamp(24px, calc( 35 / var(--inr) * 100vw ), 35px ); display: grid; align-items: stretch; gap: 10px; }
.sub_print__gallery.mt{ margin-top: clamp(24px, calc( 66 / var(--inr) * 100vw ), 66px ); }
.sub_print__gallery img{ display: block; width: 100%; object-fit: cover; }
.sub_print_cautions{ margin-top: 1.55555556em; border: 1px dashed #b6b6b6; padding: clamp(25px, calc( 33 / var(--inr) * 100vw ), 33px ) clamp(15px, calc( 38 / var(--inr) * 100vw ), 38px ) clamp(27px, calc( 36 / var(--inr) * 100vw ), 36px ); box-sizing: border-box; font-size: var(--fs18); font-weight: 600; }
.sub_print_cautions ul{ margin-top: 2px; font-weight: 300; color: #a0a0a0; }
.sub_print_cautions li{ display: flex; align-items: baseline; gap: 0.44444444em; }
.sub_print_cautions li::before{ content: '·'; }
.sub_print_size .inr .print_size-list{flex-wrap:nowrap; gap:0 clamp(20px, 4.688vw, 90px);}
.sub_print_size .inr .print_size-list img{max-width:100%; height:auto;}

@media(min-width:768px){
	.sub_print__gallery{grid-template-columns: 1fr auto;}
	.sub_print__gallery.item3{ grid-template-columns: repeat(3, auto); }
	.sub_print__gallery.item112{grid-template-columns: 1fr 1fr auto;}
}

@media(min-width:1280px){
	.sub_print .inr{ padding: 0; }
}

@media(max-width:1279px){
	.hide_tab{ display: none; }
	.sub_print_size .inr > ul{ flex-direction: column; }
	.sub_print_size .inr .print_size-list{flex-direction:row;}
}

@media(max-width:767px){
	.hide_mo{ display: none; }
	.sub_print__gallery{ grid-template-columns: 1fr; }
	.sub_print__gallery.item112{ grid-template-columns: 1fr 1fr; }
	.sub_print__gallery.item112 img:nth-of-type(3){ grid-column: 1/3; }
}

/* 주문안내 */
.text-yellow{ color: #d77c32; }
.orderGuide{ padding: clamp(90px, calc( 125 / 1200 * 100vw ), 125px) 0; }
.orderGuide.bgGray{ overflow: hidden; margin-bottom: -70px; background: #f6f6f6; }
.orderGuide:first-child{ padding-top: 0; }
.orderGuide__h3{ text-align: center; font-size: var(--fs28); }
.orderGuide__layout{ margin-top: 71px; display: grid; gap: 70px 0; }
.orderGuide__ol{ display: grid; grid-template-columns: repeat(7, 1fr); gap: 67px 20px; text-align: center; font-size: clamp(14px, calc( 20 / var(--inr) * 100vw ), 20px ); font-weight: 500; line-height: 1.4; }
.orderGuide__iconWrap{ display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; background: #f5f5f5; border-radius: clamp(12px, calc( 25 / 1400 * 100vw ), 25px); }
.orderGuide__svg:not(.svg6, .svg7){ fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px; }
.orderGuide__svg.svg1{ width: 37.14285714%; }
.orderGuide__svg.svg2{ width: 37.85714286%; }
.orderGuide__svg.svg3{ width: 37.85714286%; }
.orderGuide__svg.svg4{ position: relative; left: 4%; width: 45%; }
.orderGuide__svg.svg5{ width: 42.14285714%; }
.orderGuide__svg.svg6{ width: 39.28571429%; }
.orderGuide__svg.svg7{ width: 47.85714286%; }
.orderGuide__num{margin-top: .65em;font-style: italic;color: var(--primary);}
.orderGuide__title{ color: #111; }
.orderInfo{ border-top: 3px solid #000; }
.orderInfo__li{ padding: clamp(30px, 10.4%, 53px) 10px clamp(30px, 10.8%, 56px) 40px; border-bottom: 1px solid #dfe2e2; }
.orderInfo__li *{ letter-spacing: -.025em; }
.orderInfo__h4{ font-size: var(--fs20); font-weight: 700; }
.orderInfo__data{ margin-top: 18px; font-size: 16px; line-height: 1.625; color: #3c3c3c; }
.orderGuide__swiper{ margin-top:0rem; }
.orderGuide__swiper figure{padding-top:2.5rem; text-align:center;}
.orderGuide__swiper > div > div{padding-bottom:5rem; border-bottom:1px dashed #dfe2e2}
.orderGuide__swiper > div > div:first-child figure{padding-top:0;}
.orderGuide__swiper > div > div:last-child{border-bottom:0;}
.orderGuide__swiper .swiper-slide{width:65%;}
.orderGuide__img{ width: 70%; border-radius: clamp(12px, calc( 25 / 1400 * 100vw ), 25px); padding:2rem; background-color:#fff;}
.orderGuide__figc{ width:70%; text-align: left; margin: 0 auto; padding: clamp(20px, 7.6%, 44px) clamp(20px, 8.8%, 50px); }
.orderGuide__figc > *{ letter-spacing: -.025em; }
.orderGuide__head{ font-size: var(--fs20); font-weight: 700; }
.orderGuide__body{ margin-top: 18px; font-size: 16px; line-height: 1.625; word-break: keep-all; }
.orderGuide__scrollbar{ margin-top: 41px; height: 4px; background: #c7c7c7; border-radius: 5em; }
.orderGuide .swiper-scrollbar-drag{ background: #676767; }

@media(min-width:768px){
	/*
	.orderGuide__li:nth-child(4){ grid-area: 2 / 1 / 3 / 2; }
	.orderGuide__li:nth-child(5){ grid-area: 2 / 2 / 3 / 3; }
	.orderGuide__li:nth-child(6){ grid-area: 2 / 3 / 3 / 4; }
	.orderGuide__li:nth-child(7){ grid-area: 2 / 4 / 3 / 5; }
	*/
    
}

@media(min-width:1280px){
	.orderGuide__layout{ grid-template-columns: 1fr; justify-content: space-between; }
}

@media(max-width:767px){
	.orderGuide__ol{ grid-template-columns: repeat(3, 1fr); }
	.orderInfo__li{ padding-inline: 10px; }
	.orderInfo br{ display: none; }
    .orderGuide__swiper > div > div{padding-bottom:3rem;}
    .orderGuide__swiper > div > div:last-child{padding-bottom:0;}
    .orderGuide__swiper figure{padding-top:1rem;}
    .orderGuide__figc{width:100%; padding:2rem 1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .orderGuide__img{width:90%; padding:1rem;}
    .orderGuide_fa_img{width:100%;}
}

@media(max-width:420px){
	.orderGuide.bgGray{ margin-bottom: -40px; }
}

/* 포토후기 */
.bbsView .conts.bbs-review .img img,
.bbsView .conts.bbs-review img{max-width:725px; width:100%;}
.bbsView .conts div.conts,
.bbsView .conts div.conts :not(.img):not(.img *):not(.iframe_video):not(.iframe_video *):not(img){all:revert-layer; font-size:initial !important; color:initial !important;}
.button.point{background-color:#f08331; border-color:#f08331;}
.button.review span{display:flex; justify-content:center; align-items:center; gap:7px;}
.button.review i{display:inline-block; width:20px; line-height:1cap; transition:0.3s ease;}
.button.review i img{width:100%;}
.button.review:hover i{filter:invert(1);}

@media(max-width:1280px){
.photo_review img{width:100%;}
}

/* sub lnb board case */
.sub_lnb{max-width:1200px; margin:50px auto 30px;}
.sub_lnb > ul{text-align:center;display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;}
.sub_lnb > ul > li{display:inline-block;}
.sub_lnb > ul > li > a{display:flex;flex-direction:column;justify-content:center;min-width: 110px;height: 40px;box-sizing:border-box;transition: all .3s;/* border-bottom: 1px solid #e7e7e7; */font-size: 16px;text-align:center;/* border-radius: 50rem; */font-weight: 500;}
.sub_lnb > ul > li:hover > a { color: #f08331; transition: all .3s; }
.sub_lnb > ul > li > a.on{border-color: #f08331;border-bottom: 2px solid #f08331;font-weight: 800;/* color: #fff; *//* background-color: #222; */}

@media screen and (max-width: 480px) {
	.sub_lnb > ul > li > a {min-width: 90px; max-height: 35px;}
}

/* 견적문의 */
.print_guide_item .title.line .desc{display:inline;}