/*** 공통 ***/
span.tx_blue {color:var(--blue);}
.print h2 {font-size:64px; line-height:1.2;}

.print .subpart {padding:130px 0 100px;}
.print .titWrap h2 {font-size:64px; font-weight:700; color:#000; text-align:center; line-height:1.1;}
.print .titWrap h2 strong {font-weight:700;}
.print .titWrap > p {padding-top:60px; position:relative; font-size:17px;}
.print .titWrap > p:before {content:""; width:50px; height:2px;  position:absolute;}

/****** 캐치프레이즈 ******/
.print .subpart.catchphrase {background:#fff;}
.print .subpart.catchphrase h2 {color:#000;}
.print .subpart.catchphrase p {margin-top:50px; color:#000;}

/****** 인쇄물 특징 ******/
.subpart.characteris {padding:0 0 120px; background:#fff;}
.subpart.characteris.card {padding:0;}
.subpart.characteris.bg1 {background:var(--bg1);}
.print .bg_txt_bx {position:relative; overflow:hidden;}
.print .bg_txt_bx .bg { height:700px; width:95vw; padding-right:5vw; border-bottom-right-radius:100px; box-sizing:border-box;}
.print .bg_txt_bx.brochure .bg {background:url(/assets/user/images/print/bg_hompage_shop.webp) no-repeat center bottom / cover;}
.print .bg_txt_bx.catalog .bg {background:url(/assets/user/images/print/catalog_bg.webp) no-repeat center bottom / cover;}
.print .bg_txt_bx .inner {position:relative;}
.print .bg_txt_bx h2 {position:absolute; font-size:250px; color:#fff; left:0; bottom:-37px; line-height:1;}
.print .subpart.characteris .list_txt {display:grid; grid-template-columns:repeat(3,1fr); padding-top:120px; gap:10%;}
.print .subpart.characteris .list_txt h3 {position:relative; font-size:40px; padding-top:55px; line-height:1.2; color:#000;}
.print .subpart.characteris .list_txt h3:before {content:""; display:block; width:100px; height:5px; position:absolute; top:0; background:var(--base1);}
.print .subpart.characteris .list_txt ul {margin-top:45px;}
.print .subpart.characteris .list_txt ul li {position:relative; color:var(--base2); padding-left:15px;}
.print .subpart.characteris .list_txt ul li+li {margin-top:15px;}
.print .subpart.characteris .list_txt ul li:before {content:""; display:block; position:absolute; width:7px; height:7px; background:var(--base2); top:8px; left:0; border-radius:50%;}

.subpart.characteris.horizon .inner {display:grid; grid-template-columns:50% 50%; align-items:center;}
.print .subpart.characteris.horizon .list_txt {grid-template-columns:1fr; gap:90px;}

.subpart.characteris.horizon .tit_txt h2 {color:#000;}
.subpart.characteris.horizon .tit_txt p {color:#000; margin-top:50px;}
.subpart.characteris.horizon .big_txt {font-size:250px; font-weight:900; color:#000; padding-top:120px;}
.subpart.characteris.horizon .inner .left {padding:120px 0;}
.subpart.characteris.horizon .inner .right {height:100%;}
.subpart.characteris.horizon .inner .right img {height:100%;}

/****** 인쇄물 예시 ******/
.print .subpart.case_cover {padding:120px 0; background:var(--bg1);}
.print .subpart.case_cover .printWrap {display:grid; grid-template-columns:repeat(5,1fr); gap:70px;}
.print .subpart.case_cover .printWrap img {aspect-ratio:288/400; width:100%; box-shadow:rgba(0, 0, 0, 0.1) 10px 10px 10px 10px;}


/* ******* 태블릿 이하(~1249) ******** */
@media screen and (max-width:1249px) { 
	/*** 공통 ***/
	.print .titWrap h2 {font-size:45px;}
	.print .titWrap > p {font-size:16px;}
	.print .subpart {padding:80px 0 60px;}

	/****** 캐치프레이즈 ******/
	.print .subpart.catchphrase h2 {font-size:50px;}
	.print .subpart.catchphrase p {margin-top:30px;}

	/****** 인쇄물 특징 ******/
	.subpart.characteris {padding:0 0 60px;}
	.print .subpart.characteris .list_txt {padding-top:80px; gap:5%;}
	.print .subpart.characteris .list_txt h3 {font-size:24px; padding-top:30px;}
	.print .subpart.characteris .list_txt h3:before {width:60px;}
	.print .subpart.characteris .list_txt ul {margin-top:30px;}
	.print .subpart.characteris .list_txt ul li+li {margin-top:10px;}
	.print .bg_txt_bx h2 {font-size:160px; left:30px;}
	.print .bg_txt_bx .bg {height:500px;}

	.subpart.characteris.horizon .tit_txt h2 {font-size:45px;}
	.print .subpart.characteris.horizon .list_txt {gap:60px;}
	.subpart.characteris.horizon .big_txt {font-size:160px; padding-top:75px;}
	.subpart.characteris.horizon .inner .left {padding:80px 30px 80px 0;}
	.subpart.characteris.horizon .tit_txt p {margin-top:30px;}

	.subpart.characteris.horizon .inner .right img {height:145vh;}

	/****** 인쇄물 예시 ******/
	.print .subpart.case_cover {padding:80px 0;}
	.print .subpart.case_cover .printWrap {gap:50px;}

	/****** 자주 묻는 질문 ******/
	.print .subpart.faq_st {padding:80px 0 60px;}
	.print .subpart.faq_st .inner {gap:70px;}
	.print .subpart.faq_st .left {width:420px;}
	.print .subpart.faq_st .titWrap > span {font-size:20px;}
	.print .subpart.faq_st .right {width:calc(100% - 490px);}
	.print .subpart.faq_st .right dl {padding:0 40px 30px 70px;}
	.print .subpart.faq_st .right.num dl {position:relative; padding:0px 50px 30px 100px;}
	.print .subpart.faq_st .right.num dl dt:before {left:-100px;}
	.print .subpart.faq_st .right dl dt:before {font-size:55px; left:-70px;}
}


/* ******* 태블릿 이하(~991) ******** */
@media screen and (max-width:991px) { 
	/*** 공통 ***/
	.print .subpart {padding:60px 0 50px;}
	.print .bg_txt_bx .bg {height:400px;}

	/****** 캐치프레이즈 ******/
	.print .subpart.catchphrase h2 {font-size:30px;}

	/****** 인쇄물 특징 ******/
	.subpart.characteris {padding:0 0 50px;}
	.print .subpart.characteris .list_txt {padding-top:60px; grid-template-columns:1fr; gap:50px;}
	.subpart.characteris.horizon .inner {grid-template-columns:1fr;}
	.subpart.characteris.horizon .inner .right {display:none;}
	.subpart.characteris.horizon .inner .left {padding:60px 0;}
	.subpart.characteris.horizon .big_txt {padding-top:0;}
	.subpart.characteris.horizon .big_bg {height:400px; background:url(/assets/user/images/print/bg_card.webp) no-repeat center bottom / cover; margin-top:50px; border-bottom-right-radius:100px; position:relative; overflow:hidden;}
	.subpart.characteris.horizon .w90vw {padding:0 30px 0 0!important;}
	.subpart.characteris.horizon .tit_txt {padding-left:30px;}
	.subpart.characteris.horizon .big_txt {color:#fff; position:absolute; bottom:-25px; left:30px; font-size:100px;}
	.print .subpart.characteris.horizon .list_txt {padding-left:30px; gap:50px;}

	/****** 인쇄물 예시 ******/
	.print .subpart.case_cover {padding:60px 0;}
	.print .subpart.case_cover .printWrap {gap:30px;}
	.print .bg_txt_bx h2 {font-size:100px; left:30px; bottom:-16px;}

	/****** 자주 묻는 질문 ******/
	.print .subpart.faq_st {padding:60px 0 40px;} 
	.print .subpart.faq_st .inner {flex-direction:column; gap:45px;}
	.print .subpart.faq_st .left {width:100%;}
	.print .subpart.faq_st .right {width:100%;}
	.print .subpart.faq_st .titWrap > p strong {font-size:20px;}
}


/* ******* 태블릿 이하(~767) ******** */
@media screen and (max-width:767px) { 
	/*** 공통 ***/
	.print .titWrap h2 {font-size:30px;}
	.print .bg_txt_bx .bg {height:300px;}
	.print .bg_txt_bx h2 {font-size:60px; bottom:-10px;}

	/****** 인쇄물 특징 ******/
	.print .subpart.characteris .list_txt {gap:30px; padding-top:40px;}
	.print .subpart.characteris .list_txt h3 {font-size:20px; padding-top:20px;}
	.print .subpart.characteris .list_txt h3:before {width:45px;}
	.print .subpart.characteris .list_txt ul {margin-top:20px;}
	.subpart.characteris.horizon .big_bg {height:300px;}
	.subpart.characteris.horizon .big_txt {font-size:60px; bottom:-15px;}
	.subpart.characteris.horizon .tit_txt h2 {font-size:30px;}
	.print .subpart.characteris.horizon .list_txt {gap:30px;}

	/****** 인쇄물 예시 ******/
	.print .subpart.case_cover .printWrap {grid-template-columns:repeat(2,1fr); gap:30px;}

	/****** 자주 묻는 질문 ******/
	.print .subpart.faq_st {padding:50px 0 40px;}  
	.print .subpart.faq_st .titWrap > span {font-size:16px;}
	.print .subpart.faq_st .right dl {padding:0 30px 30px 50px;}
	.print .subpart.faq_st .right dl dt {font-size:18px;}
	.print .subpart.faq_st .right dl dt:before {font-size:40px; left:-50px; top:-7px;}
	.print .subpart.faq_st .right.num dl {position:relative; padding:0px 50px 30px 70px;}
	.print .subpart.faq_st .right.num dl dt:before {left:-70px;}
	.print .subpart.faq_st .right dl dd {font-size:16px;}
}	


/* ******* 태블릿 이하(~500) ******** */
@media screen and (max-width:500px) { 
	/*** 공통 ***/
	.print .subpart {padding:50px 0 40px;}
	.print .titWrap h2 {font-size:24px;}
	.print .titWrap > p {padding-top:50px;}
	.print .bg_txt_bx .bg {height:200px; border-bottom-right-radius:60px;}

	/****** 캐치프레이즈 ******/
	.print .subpart.catchphrase h2 {font-size:24px;}
	.print .subpart.catchphrase p {margin-top:20px;}

	/****** 인쇄물 특징 ******/
	.subpart.characteris {padding:0 0 40px;}
	.subpart.characteris.horizon .big_bg {height:200px;}
	.subpart.characteris.horizon .tit_txt {padding-left:20px;}
	.subpart.characteris.horizon .tit_txt h2 {font-size:24px;}
	.subpart.characteris.horizon .tit_txt p {margin-top:20px;}
	.subpart.characteris.horizon .inner .left {padding:50px 0;}
	.print .subpart.characteris.horizon .list_txt {padding-left:20px;}

	/****** 인쇄물 예시 ******/
	.print .subpart.case_cover .printWrap {gap:10px;}

	/****** 자주 묻는 질문 ******/
	.print .subpart.faq_st {padding:40px 0 40px;}  
	.print .subpart.faq_st .titWrap > p:before {top:24px;}
	.print .subpart.faq_st .right dl {padding:0 0px 30px 40px;}
	.print .subpart.faq_st .right dl dt:before {left:-40px;}
	.print .subpart.faq_st .right.num dl {padding:0px 50px 30px 55px;}
	.print .subpart.faq_st .right.num dl dt:before {left:-55px; top:-5px;}
	.print .subpart.faq_st .right dl dt:before {font-size:30px;}
}