@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans:400');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
@import url('https://cdn.jsdelivr.net/xeicon/2/xeicon.min.css');
/* @import url('https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css'); */

  
.prd_container { margin: 0 auto; max-width: 900px; font-family: "Pretendard Variable", sans-serif; line-height: 1.5; }
.prd_container .no-display { display: none !important; }
.prd_container ul { list-style: none; padding: 0; margin: 0; }
.prd_container .shadow-box { box-shadow: 2px 2px 8px 0px #e0e0e0; }
.prd_container .pc_only { display: block; }
.prd_container .mo_only { display: none; }

.n_section.sec09.delib .contents-wrp { background: none; box-shadow: none; display: flex; justify-content: center; gap: 10px; margin: 30px 0px 0px; padding: 14px 34px 0; }
.n_section.sec09.delib .contents-wrp .text { display: flex; flex-direction: row; margin-left: 0; }
.n_section.sec09.delib .contents-wrp .text .tit01 { border-bottom: none; min-width: 286px; text-align: center; font-weight: bold; }
.n_section.sec09.delib .contents-wrp .text .tit01 b { margin-left: 0; background: #438af1; padding: 0 3px; color: white; }
.n_section.sec09.delib .contents-wrp .text .tit01 >div { font-weight: normal; font-size: 70px; line-height: 1.2; font-family: 'Black Han Sans'; }
.n_section.sec09.delib .tit02 { max-width: 51%; margin: 0 auto; font-size: 15px; font-weight: 350; text-align: center; }
.n_section.sec09.delib .contents-wrp .badge { position: initial; }

.n_section.sec09 .contents-wrp { display: flex; }
.n_section.sec09 .badge img { width: 200px; filter: drop-shadow(2px 2px 4px #919191); }
.n_section.sec09 .contents-wrp { padding: 14px 34px; background: #ededed; box-sizing: border-box; border-radius: 10px; box-shadow: #0000001A 3px 0px 10px; display: flex; margin: 50px 0px 15px; }
.n_section.sec09 .contents-wrp .text { display: flex; flex-direction: column; justify-content: center; margin-left: 30px; }
.n_section.sec09 .contents-wrp .text .tit01 { padding: 15px 0; border-bottom: 1px solid #a1a1a1; font-size: 23px; letter-spacing: 1px; }
.n_section.sec09 .contents-wrp .text .tit01 b { margin-left: 6px; }
.n_section.sec09 .contents-wrp .text .tit02 { padding: 18px 0; font-size: 16px; word-break: keep-all; font-weight: 350; line-height: 1.7; }

.prd_container .n_section.sec02 { background-color: #f1f1f1; padding: 100px 35px 15px; }
.prd_container .n_section.sec02 .title { font-size: 48px; font-weight: bold; text-align: center; color: #4b4f50; margin-bottom: 30px; }
.prd_container .n_section.sec02 .prd-contents-wrp { background-color: #fff; padding: 0 45px 60px 45px; border-radius: 8px; margin-top: 60px; }
.prd_container .n_section.sec02 .info { display: flex; gap: 10px; padding-top: 60px; }
.prd_container .n_section.sec02 .info-desc { }
.prd_container .n_section.sec02 .info-img img { width: 350px; height: auto; }
.prd_container .n_section.sec02 .info > div,
.prd_container .n_section.sec02 .info > ul { flex: 1; width: 100%; }
.prd_container .n_section.sec02 .info-desc li.desc-item { display: flex; font-size: 18px; color: #626262; margin-bottom: 12px; }
.prd_container .n_section.sec02 .info-desc li.desc-item>span { display: inline-block; min-width: 125px; text-align: right; font-weight: 600; }
.prd_container .n_section.sec02 .info-desc li.desc-item > span::after { content: ''; display: inline-block; margin: 0 10px; width: 5px; height: 19px; background: #cac9ce; }
.prd_container .n_section.sec02 .ect-info { font-size: 13px; padding: 5px 0px; font-weight: 500; margin-top: 15px; }
.prd_container .n_section.sec02 .info-desc ul.color-wrp { display: flex; gap: 10px; margin-bottom: 25px; margin-left: 45px; }

  
  
  

.prd_container .n_section.sec02 .info-desc ul.color-wrp li { display: flex; justify-content: center; align-items: center; width: 46px; height: 42px; } /* 추가 */
.prd_container .n_section.sec02 .info-desc ul.color-wrp li { background: #e8e8e8; text-align: center; font-size: 10px; padding: 3px; color: white; border-radius: 5px; }
.prd_container .n_section.sec02 .info_sub { margin-top: 30px; }
.prd_container .n_section.sec02 .info_sub-title { border-bottom: 3px solid #009ed4; }
.prd_container .n_section.sec02 .info_sub-title span { background: #009ed4; padding: 4px 12px; border-radius: 5px 5px 0 0; display: inline-block; color: white; font-size: 16px; }
.prd_container .n_section.sec02 ul.print-model-list { display: flex; flex-wrap: wrap; gap: 10px; margin: 15px 0 0 0; }
.prd_container .n_section.sec02 .print-model-list li { background: #e3e3e3; margin: 0; padding: 2px 9px; border-radius: 5px; font-size: 15px; /*font-family: 'Poppins';*/ color: black; }

.prd_container .n_section.sec03 { padding: 50px 0 30px; background: linear-gradient(360deg, rgb(255 255 255) 0%, rgb(242 242 242) 0%, rgba(255, 255, 255, 1) 32%); }
.prd_container .n_section.sec03 .subtit { font-size: 15px; color: #000000; font-weight: 400; text-align: right; margin-right: 21px; margin-top: 5px; }
.prd_container .n_section.sec03 .tit-wrp { text-align: center; }
.prd_container .n_section.sec03 .tit-wrp { width: 35%; margin: 0 auto; }
.prd_container .n_section.sec03 .tit-wrp .tit img { width: 100%; }
.prd_container .n_section.sec03 .brand-img-01 { text-align: center; margin-top: 30px; }
.prd_container .n_section.sec03 .brand-img-01 img { width: 75%; margin: 0 auto; }
.prd_container .n_section.sec03 .partner-list ul { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; width: 65%; margin: 0 auto; }
.prd_container .n_section.sec03 .partner-list img { height: 55px !important; border-radius: 5px; border: 1px solid #ececec; }
.prd_container .n_section.sec03 .brand-desc { text-align: center; padding: 45px 0; }
.prd_container .n_section.sec03 .desc-01 { font-size: 22px; }
.prd_container .n_section.sec03 .desc-02 { font-size: 24px; margin-top: 8px; }

.prd_container .n_section.sec04 { background-color: #f1f1f1; padding: 70px 35px 15px; }
.prd_container .n_section.sec04 .prd-contents-wrp { padding: 0 45px 60px 45px; border-radius: 8px; }
.prd_container .n_section.sec04 .tit-wrp { text-align: center; }
.prd_container .n_section.sec04 .tit { font-size: 25px; font-weight: 600; display: inline-block; background: #c43573; color: white; padding: 8px 28px; border-radius: 15px 0 15px 0; margin-bottom: 30px; letter-spacing: 3px; }
.prd_container .n_section.sec04 ul.option { display: flex; flex-wrap: wrap; gap: 15px; }
.prd_container .n_section.sec04 ul.option li { width: calc(33.3% - 40px); background-color: white; padding: 15px; border-radius: 8px; text-align: center; }
.prd_container .n_section.sec04 ul.option li img { width: 100%; }
.prd_container .n_section.sec04 ul.option > li >div { font-size: 15px; border-top: 1px solid #e0e0e0; padding-top: 9px; font-weight: 500; }

.prd_container .n_section.sec05 { background-color: #f1f1f1; padding: 70px 35px 15px; }
.prd_container .n_section.sec05 .prd-contents-wrp { padding: 0 45px 60px 45px; border-radius: 8px; }
.prd_container .n_section.sec05 .tit-wrp { text-align: center; }
.prd_container .n_section.sec05 .tit { font-size: 34px; font-weight: 600; display: inline-block; color: #4b4f50; margin-bottom: 30px; }
.prd_container .n_section.sec05 ul.option { display: flex; flex-wrap: wrap; gap: 25px; }
.prd_container .n_section.sec05 ul.option li { width: calc(33.3% - 48px); background-color: white; padding: 30px 15px 45px; text-align: center; border-radius: 7px; }
.prd_container .n_section.sec05 ul.option li img { width: 40%; margin-bottom: 8px; }
.prd_container .n_section.sec05 ul.option > li >div { font-size: 15px; padding-top: 9px; font-weight: 400; line-height: 1.7; margin: 0 auto; word-break: keep-all; }
.prd_container .n_section.sec05 .tit .dotted-text { position: relative; display: inline-block; margin-left: 4px; }
.prd_container .n_section.sec05 .tit .dotted-text::before { content: '• • • • '; position: absolute; top: -23px; left: 10px; width: 100%; text-align: justify; letter-spacing: 0.38em; font-size: 25px; color: #009ed4; pointer-events: none; }
.prd_container .n_section.sec05 .tit span.c-blue { color: #009ed4; }
.prd_container .n_section.sec05 .tit > i { color: #009ed4; }

.prd_container .n_section.sec06 { background-color: #f1f1f1; padding: 50px 35px 15px; }
.prd_container .n_section.sec06 .prd-contents-wrp { padding: 0 45px 65px 45px; border-radius: 8px; }
.prd_container .n_section.sec06 .tit-wrp { text-align: center; }
.prd_container .n_section.sec06 .tit { font-size: 34px; font-weight: 600; display: inline-block; color: #4b4f50; margin-bottom: 30px; }
.prd_container .n_section.sec06 .img-box { background-color: white; padding: 30px; text-align: center; border-radius: 7px; }
.prd_container .n_section.sec06 ul.option { display: flex; flex-wrap: wrap; gap: 25px; }
.prd_container .n_section.sec06 ul.option li { width: calc(33.3% - 18px); }
.prd_container .n_section.sec06 ul.option li img { width: 100%; }
.prd_container .n_section.sec06 ul.option > li >div { font-size: 15px; padding-top: 9px; font-weight: 400; line-height: 1.7; width: 80%; margin: 0 auto; word-break: keep-all; }
.prd_container .n_section.sec06 .tit .dotted-text { position: relative; display: inline-block; margin-left: 4px; }
.prd_container .n_section.sec06 .xi-error { color: #fed510; font-size: 64px; background: #2b2b2b; border-radius: 50%; }
.prd_container .n_section.sec06 .tit-wrp { display: flex; max-width: 60%; margin: 0 auto; margin-bottom: 15px; align-items: center; flex-direction: column; gap: 10px; }
.prd_container .n_section.sec06 .tit-wrp .tit-box { text-align: center; padding-left: 15px; }
.prd_container .n_section.sec06 .tit-wrp .tit-box .tit01 { font-size: 32px; font-weight: bold; margin-bottom: 6px; }
.prd_container .n_section.sec06 .tit-wrp .tit-box .tit02 { font-size: 16px; word-break: keep-all; max-width: 85%; margin: 0 auto; }
.prd_container .n_section.sec06 .tit03 { max-width: 60%; margin: 0 auto; margin-bottom: 30px; font-size: 13px; }
.prd_container .n_section.sec06 .img-box .tit01 { font-size: 22px; margin-bottom: 20px; }
.prd_container .n_section.sec06 .img-box .tit02 { font-size: 16px; word-break: keep-all; margin-top: 20px; }

.prd_container .n_section.sec07 { background-size: cover; }
.prd_container .n_section.sec07 { background-size: cover; padding: 150px 100px; }
.prd_container .n_section.sec07 .title .tit01 { font-size: 48px; font-weight: bold; color: #0366be; text-shadow: 1px 1px 2px #8b8b8b; }
.prd_container .n_section.sec07 .title .tit02 { font-size: 24px; color: #313131; font-weight: 600; }
.prd_container .n_section.sec07 .img-box ul.option { display: flex; flex-wrap: wrap; gap: 60px 30px; justify-content: center; padding-top: 75px; }
.prd_container .n_section.sec07 .img-box .option li { width: calc(33.3% - 20px); }
.prd_container .n_section.sec07 .img-box .option li img { width: 100%; aspect-ratio: 2/2.5; border-radius: 10px; box-shadow: 3px 3px 5px 0px #494949; }
.prd_container .n_section.sec07 .subtit { font-size: 24px; text-align: center; margin-top: 50px; font-weight: 600; color: #414141; max-width: 600px; word-break: keep-all; }
.prd_container .n_section.sec07 span.c-blue { color: #2473b8; }

.prd_container .n_section.sec08 { background-color: #7eb4fe; padding: 100px 35px 15px; }
.prd_container .n_section.sec08 .prd-contents-wrp { padding: 0 45px 60px 45px; border-radius: 8px; }
.prd_container .n_section.sec08 .tit-wrp { text-align: center; }
.prd_container .n_section.sec08 .tit { font-size: 30px; font-weight: 600; display: inline-block; background: #053863; color: white; padding: 8px 28px; border-radius: 15px 0 15px 0; margin-bottom: 30px; letter-spacing: 3px; }
.prd_container .n_section.sec08 .item-wrp { background: white; padding: 60px 30px; border-radius: 12px; display: flex; flex-direction: column; gap: 50px; color: #222222; }
.prd_container .n_section.sec08 .item-wrp .dilb-item { display: flex; gap: 20px; }
.prd_container .n_section.sec08 .item-wrp .dilb-item .iconbox img { width: 100px; }
.prd_container .n_section.sec08 .item-wrp .dilb-item .desc-tit { font-size: 20px; font-weight: bold; margin-bottom: 6px; }
.prd_container .n_section.sec08 .item-wrp .dilb-item .desc ul li { list-style: disc; margin-left: 21px; margin-bottom: 8px; word-break: keep-all; font-size: 16px; font-weight: 300; }
.prd_container .n_section.sec08 .tit-wrp.tit-as_brand { margin-top: 80px; }
.prd_container .n_section.sec08 ul.as_brand { display: flex; flex-wrap: wrap; gap: 10px; }
.prd_container .n_section.sec08 ul.as_brand li { width: calc(25% - 28px); background: white; border-radius: 5px; text-align: center; overflow: hidden; padding: 10px; font-size: 15px; }
.prd_container .n_section.sec08 ul.as_brand li .img-box img { height: auto; max-width: 80%; margin-bottom: 4px; }
.prd_container .n_section.sec08 ul.as_brand li .desc-tit { font-weight: bold; }


/* 사은품 (CHJ 추가) */
.prd_container .n_section.sec06 .tits { font-size: 25px; font-weight: 600; display: inline-block; background: #c43573; color: white; padding: 8px 28px; border-radius: 15px 0 15px 0; margin-bottom: 30px; letter-spacing: 3px; }



/* 700px 이하 */
@media (max-width: 700px){
 .prd_container .pc_only { display: none; }
 .prd_container .mo_only { display: block; }
 .prd_container .n_section.sec01 { padding: 200px 20px 20px; }
 .prd_container .n_section.sec01 .wrp { padding: 20px; }
 .prd_container .n_section.sec01 .wrp .title { font-size: 22px; }
 .prd_container .n_section.sec01 .wrp .content > div { font-size: 15px; margin-bottom: 8px; }
 .prd_container .n_section.sec01 .wrp .content > div::before { width: 16px; height: 16px; top: 12px; }

 .prd_container .n_section.sec02 { padding: 70px 15px 55px }
 .prd_container .n_section.sec02 .prd-contents-wrp { padding: 0 15px 30px 15px; margin-top: 30px; }
 .prd_container .n_section.sec02 .info { padding-top: 15px; flex-direction: column; }
 .prd_container .n_section.sec02 .title { font-size: 32px; }
 .prd_container .n_section.sec02 .info-img { text-align: center; margin: 20px 0px 0px 0px; }
 .prd_container .n_section.sec02 .info-img img { width: 80%; }
 .prd_container .n_section.sec02 .info-desc ul.color-wrp { margin-bottom: 20px; margin-left: 0; display: flex; justify-content: center; flex-wrap: wrap; }
 .prd_container .n_section.sec02 .info-desc li.desc-item { font-size: 16px; margin-bottom: 8px; }
 .prd_container .n_section.sec02 .info-desc li.desc-item>span { min-width: 90px; font-weight: 500; }
 .prd_container .n_section.sec02 .info-desc li.desc-item > span::after { width: 3px; height: 14px; }
 .prd_container .n_section.sec02 .info-desc .ect-info { font-size: 12px; margin-top: 15px; margin-left: 0; }
 .prd_container .n_section.sec02 .print-model-list li { font-size: 13px; }
 .prd_container .n_section.sec02 .info_sub-title span { font-size: 14px; }
 .prd_container .n_section.sec02 .ect-info { font-size: 12px; }

 .prd_container .n_section.sec03 { padding: 30px 0 30px; }
 .prd_container .n_section.sec03 .tit-wrp { width: 65%; }
 .prd_container .n_section.sec03 .subtit { font-size: 13px; }
 .prd_container .n_section.sec03 .brand-img-01 img { width: 90%; }
 .prd_container .n_section.sec03 .brand-desc { padding: 30px 0; }
 .prd_container .n_section.sec03 .desc-01 { font-size: 16px; }
 .prd_container .n_section.sec03 .desc-02 { font-size: 18px; }
 .prd_container .n_section.sec03 .partner-list ul { width: 90%; gap: 8px; }
 .prd_container .n_section.sec03 .partner-list img { height: 45px; }

 .prd_container .n_section.sec04 { padding: 30px 15px 15px; }
 .prd_container .n_section.sec04 .prd-contents-wrp { padding: 0 0px 60px 0px; }
 .prd_container .n_section.sec04 .tit { font-size: 22px; }
 .prd_container .n_section.sec04 ul.option li { width: calc(50% - 40px); }

 .prd_container .n_section.sec05 { padding: 0px 15px 15px; }
 .prd_container .n_section.sec05 .tit { font-size: 22px; }
 .prd_container .n_section.sec05 .tit .dotted-text::before { top: -23px; letter-spacing: 0.19em; font-size: 22px; }
 .prd_container .n_section.sec05 ul.option { display: flex; flex-direction: column; gap: 15px; }
 .prd_container .n_section.sec05 ul.option li { width: calc(100% - 30px); display: flex; align-items: center; gap: 15px; padding: 20px 15px 20px; min-height: 75px; }
 .prd_container .n_section.sec05 ul.option li img { width: 15%; margin-bottom: 0; margin-left: 9px; }
 .prd_container .n_section.sec05 ul.option > li >div { padding-top: 0; text-align: left; }
 .prd_container .n_section.sec05 .prd-contents-wrp { padding: 0 0 60px 0px; }
 .prd_container .n_section.sec05 ul.option span.line { height: 45px; background: #a6a6a6; margin: 0 8px; padding: 0 1px; }

 .prd_container .n_section.sec06 { background-color: #f1f1f1; padding: 0px 15px 15px; }
 .prd_container .n_section.sec06 .prd-contents-wrp { padding: 0 0 60px 0px; }
 .prd_container .n_section.sec06 .tit-wrp { display: flex; max-width: 90%; flex-direction: column; gap: 15px; }
 .prd_container .n_section.sec06 .tit-wrp .tit-box .tit01 { font-size: 22px; text-align: center; }
 .prd_container .n_section.sec06 .tit-wrp .tit-box .tit02 { font-size: 14px; text-align: center; }
 .prd_container .n_section.sec06 .tit03 { max-width: 90%; margin-bottom: 20px; font-size: 11px; border: 1px solid #8e8e8e; padding: 10px 15px; letter-spacing: -0.2px; }
 .prd_container .n_section.sec06 ul.option { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; }
 .prd_container .n_section.sec06 ul.option li { width: calc(50% - 8px); }
 .prd_container .n_section.sec06 .img-box .tit01 { font-size: 16px; margin-bottom: 20px; }
 .prd_container .n_section.sec06 .img-box .tit02 { font-size: 12px; margin-top: 20px; }
 .prd_container .n_section.sec06 .tit-wrp .tit-box .tit02 { max-width: 100%; }

 .prd_container .n_section.sec07 { background-size: cover; padding: 100px 30px; }
 .prd_container .n_section.sec07 .title .tit01 { font-size: 36px; margin-bottom: 8px; }
 .prd_container .n_section.sec07 .title .tit02 { font-size: 18px; }
 .prd_container .n_section.sec07 .img-box .option li { width: calc(50% - 20px); }
 .prd_container .n_section.sec07 .img-box ul.option { gap: 20px 20px; padding-top: 45px; }
 .prd_container .n_section.sec07 .subtit { font-size: 18px; }

 .prd_container .n_section.sec08 { background-color: #7eb4fe; padding: 70px 15px 15px; }
 .prd_container .n_section.sec08 .prd-contents-wrp { padding: 0 15px 60px 15px; }
 .prd_container .n_section.sec08 .tit { font-size: 20px; }
 .prd_container .n_section.sec08 .item-wrp .dilb-item { display: flex; flex-direction: column; }
 .prd_container .n_section.sec08 .item-wrp .dilb-item .iconbox { text-align: center; }
 .prd_container .n_section.sec08 .item-wrp .dilb-item .desc ul li { word-break: normal; font-size: 15px; }
 .prd_container .n_section.sec08 .item-wrp .dilb-item .desc-tit { text-align: center; margin-bottom: 12px; word-break: keep-all; }
 .prd_container .n_section.sec08 .item-wrp .dilb-item { gap: 0px; }
 .prd_container .n_section.sec08 ul.as_brand li { width: calc(50% - 26px); }

 .n_section.sec09.delib .contents-wrp { display: flex; flex-direction: column-reverse; align-items: center; padding: 6px 0; }
 .n_section.sec09.delib .tit02 { max-width: 95%; font-size: 14px; margin-top: -20px; }
 .n_section.sec09.delib .badge img { width: 170px; }

 .n_section.sec09 { padding: 15px 20px; }
 .n_section.sec09 .contents-wrp { padding: 15px 20px; margin: 65px 0px 15px; position: relative; }
 .n_section.sec09 .contents-wrp .badge { position: absolute; top: -61px; right: -16px; }
 .n_section.sec09 .badge img { width: 115px;; }
 .n_section.sec09 .contents-wrp .text { display: flex; flex-direction: column; justify-content: center; margin-left: 0; }
 .n_section.sec09 .contents-wrp .text .tit01 { padding: 8px 0; font-size: 15px; letter-spacing: initial; }
 .n_section.sec09 .contents-wrp .text .tit02 { padding: 13px 0; font-size: 13px; word-break: normal; letter-spacing: -0.1px; }
}

div.prd_container * {font-family: "Pretendard Variable", sans-serif}
div.prd_container * {box-sizing: content-box;}
div.prd_container .n_section.sec05 .tit .dotted-text::before {letter-spacing: 8px;}
@media (max-width: 700px) {
    div.prd_container .n_section.sec05 .tit .dotted-text::before {letter-spacing: 2px;}
}