@charset "utf-8";
#comingsoon {width:100%;padding-top:100px;text-align:center}

/* 공통 */
.clearfix {overflow:auto;}
.clear {clear:both;display:inline;}
.blk {text-indent:-9999px;font-size:0;line-height:0;}
.h10 {height:10px;}
.h15 {height:15px;}
.h20 {height:20px;}
.h25 {height:25px;}
.h30 {height:30px;}
.h35 {height:35px;}
.h40 {height:40px;}
.h45 {height:45px;}
.h50 {height:50px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.str_b {color:#424242;font-weight:bold;}
.strb_red {font-weight:bold;color:#fe5556;}
.strb_black {font-weight:bold;color:#333333;}


/* 타이틀 공통 */
h4 {font-size:1.5em;line-height:1.4em;letter-spacing:-0.05em;color:#333;} /* 컨텐츠 메인타이틀 */
h4 b{font-size:1.15em;line-height:1.4em;letter-spacing:-0.075em;color:#e95d00;}
h5 {background:url('/sh_page/img/h5_arr.png') 0 0 no-repeat;font-weight:bold;font-size:1.5em;padding-top:10px;color:#000;padding-bottom:10px;} /* 컨텐츠 중분류 타이틀 */
h6 {} /* 컨텐츠 소분류 타이틀 */


/* 테이블 공통 */
.tbl_basic {margin:-20px 0 10px;width:100%;}
.tbl_basic caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_basic thead th {padding:10px 0;border-top:2px solid #fe5556;border-bottom:1px solid #727272;border-right:1px solid #727272;background:#565656;color:#ffffff;font-size:0.95em;text-align:center;letter-spacing:-0.02em}
.tbl_basic thead th.last {border-right:none;}
.tbl_basic tbody th {padding:8px 0;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;background:#f8f8f8;text-align:center;}
.tbl_basic tbody th.last {border-right:none;}
.tbl_basic td {padding:5px 15px;border-bottom:1px solid #eaeaea;line-height:1.5em;word-break:break-all}
.tbl_basic .in_td {border-right:1px solid #eaeaea;} /* 오른쪽 라인 */
.tbl_basic .ct {text-align:center;} /* 센터정렬 */

/* 게시판 */
#sh_bo_list, #sh_faq, #sh_bo_w{padding: 70px 0;}
#sh_bo_v{margin: 70px 0;}
#sh_list_tbl th{white-space:nowrap}


/* 올데이프린팅 서브페이지 공통 */
.pagecommon .group-subtit{display: flex;flex-direction: column;align-items: center;gap: 16px;padding-bottom: 84px;text-align: center;}
.pagecommon .sub__tit{font-family: var(--mainfont);font-size: 40px;font-weight: 700;color: #000;white-space: pre-line;word-break: keep-all;}
.pagecommon .sub__desc{font-size: 16px;line-height: 1.75;color: #777;word-break: keep-all;}
.pagecommon .group-subtit.white .sub__tit, #shAbout .group-subtit.white .sub__desc{color:#fff}
/* 올데이프린팅 서브페이지 공통 배너 */
.pagecommon .area-banner{overflow:hidden;display: flex;flex-direction: column;align-items: flex-end;justify-content: center;padding: 80px 177px 80px 0;background-image: url(../sh_page/img/p36_banner.png);background-repeat: no-repeat;background-color:#C6C6C6;background-size: 60%;background-position: left center;border-radius:13px;}
.pagecommon .area-banner .text-box{text-align: center;}
.pagecommon .area-banner .text-box p.desc{padding-bottom: 13px;font-size: 16px;font-weight: 700;line-height: 1.6;color: #a94240;word-break: keep-all;}
.pagecommon .area-banner .text-box h3{font-family: var(--mainfont);font-size: 30px;font-weight: 700;color: #111;line-height: 1.2;white-space: pre-line;word-break: keep-all;}

/* ==================================== 올데이프린팅 소개 */
#shAbout{padding-top: 156px;}
#shAbout .inner{max-width:var(--mainsize);width: 100%;margin: 0 auto;}
#shAbout .area-about{overflow:hidden;padding-bottom: 126px;}
#shAbout .area-about .text-box{max-width:635px;width: 100%;margin-left: auto;}
#shAbout .area-about .text-box p.desc{padding-bottom: 30px;font-size: 18px;line-height: 1.5;white-space: pre-line;word-break: keep-all;}
#shAbout .area-about .text-box p.desc:last-child{padding-bottom: 0;}

#shAbout .area-solution{--gap:25px;--x:-2285px;overflow: hidden;}
#shAbout .area-solution .group-subcont .marquee-container{padding-bottom: 80px;}
#shAbout .area-solution .group-subcont .marquee-wrapper{display: flex;gap:var(--gap);flex-wrap:nowrap;animation:solutionMarquee 20s linear infinite}
#shAbout .area-solution .group-subcont .marquee-wrapper ul{display: flex;gap:var(--gap);flex-wrap:nowrap;}
#shAbout .area-solution .group-subcont .marquee-wrapper ul li{flex-shrink:0;display: flex;flex-direction: column;align-items: center;gap: 36px;width:360px;padding-top: 38px;padding-bottom: 22px;border: 1px solid #e1e1e1;border-radius: 13px;box-shadow: 0 0 20px rgba(0,0,0,0.05);overflow: hidden;}
#shAbout .area-solution .group-subcont .marquee-wrapper ul li .thumb-box{display: flex;align-items: center;justify-content: center;width: 130px;aspect-ratio: 1;border-radius: 13px;background-color: #f5f5f5;}
#shAbout .area-solution .group-subcont .marquee-wrapper ul li .thumb-box img{max-width:122px}
#shAbout .area-solution .group-subcont .marquee-wrapper ul li dl{text-align: center;}
#shAbout .area-solution .group-subcont .marquee-wrapper ul li dt{font-family: var(--mainfont);font-size: 18px;font-weight: 700;color: #111;padding-bottom: 6px;}
#shAbout .area-solution .group-subcont .marquee-wrapper ul li dd{font-size: 15px;font-weight: 600;line-height: 1.3;color: #777;}
#shAbout .area-solution .group-subcont .marquee-wrapper ul li dd span{display: block;font-size: 13px;color: #aaa;padding-top: 4px;}
#shAbout .area-solution .group-subcont .check-container{padding-bottom: 164px;}
#shAbout .area-solution .group-subcont .check-container ul{display: grid;grid-template-columns: repeat(2,1fr);gap: 15px;}
#shAbout .area-solution .group-subcont .check-container li{padding: 40px 50px 36px;border-radius: 13px;background-color: #f5f5f5;}
#shAbout .area-solution .group-subcont .check-container h4{display: flex;align-items: center;gap: 13px;font-family: var(--mainfont);font-size: 20px;font-weight: 700;color: #111;padding-bottom: 10px;}
#shAbout .area-solution .group-subcont .check-container h4 svg{stroke: var(--primary);}
#shAbout .area-solution .group-subcont .check-container p.desc{font-size: 16px;font-weight: 500;color: #111;line-height: 1.3;word-break: keep-all;}
@keyframes solutionMarquee{
    0%{transform: translateX(0);}
    100% { transform: translateX(calc(var(--x) - var(--gap)));}
}
#shAbout .area-banner{margin-bottom: 200px;}
#shAbout .area-process{overflow:hidden;padding: 155px 0 190px;background-color: var(--primary);}
#shAbout .area-process .swiper-container{overflow:visible}
#shAbout .area-process .group-subcont ol{all: unset;list-style: none;display: grid;grid-template-columns: repeat(4,1fr);gap: 13px;counter-reset:process}
#shAbout .area-process .group-subcont ol li{display: flex;flex-direction: column;gap: 15px;max-width: 314px;width: 100%;}
#shAbout .area-process .group-subcont ol li .text-box{position: relative;display: flex;flex-direction: column;align-items: center;gap: 8px;text-align: center;padding: 52px 20px 40px;background-color: rgba(0,0,0,0.15);border-radius: 13px;}
#shAbout .area-process .group-subcont ol li .text-box .num{position: absolute;top: -25px;left: 50%;transform: translateX(-50%);display: flex;align-items: center;justify-content: center;width: 50px;aspect-ratio: 1;border-radius: 100px;background-color: #fff;font-family: var(--mainfont);font-size: 20px;font-weight: 700;color: var(--primary);}
#shAbout .area-process .group-subcont ol li .text-box .num::before{content:counter(process);counter-increment: process;}
#shAbout .area-process .group-subcont ol li .text-box h4{font-family: var(--mainfont);font-size: 23px;font-weight: 700;color: #fff;}
#shAbout .area-process .group-subcont ol li .text-box p.desc{font-size: 14px;line-height: 1.4;color: #fff;white-space: pre-line;word-break: keep-all;}
#shAbout .area-process .group-subcont ol li .thumb-box{border-radius: 13px;overflow: hidden;}
#shAbout .area-process .group-subcont ol li .thumb-box img{width: 100%;height: 100%;object-fit: cover;}


/* ==================================== 장비소개 */
#shEquip{padding: 96px 0 140px;}
#shEquip .group-subtit{align-items: flex-start;padding-bottom: 40px;text-align: left;}
#shEquip .group-subcont{position: relative;display: flex;flex-direction: column}
#shEquip .group-subcont .swiper-container{width: 100%;}
#shEquip .group-subcont .img-slide{height: 532px;border-radius: 30px;border: 1px solid #e1e1e1;}
#shEquip .group-subcont .img-slide img{width: 100%;height: 100%;object-fit: cover;}
#shEquip .group-subcont .swiper-slide{display: flex;align-items: center;justify-content: center;}
#shEquip .group-subcont .swiper-slide .text-box{width: 100%;}
#shEquip .group-subcont .swiper-slide .text-box h2{padding-bottom: 40px;font-family: var(--mainfont);font-size: 35px;font-weight: 700;color: #000;}
#shEquip .group-subcont .swiper-slide .text-box ul{display: grid;grid-template-columns: repeat(2,1fr);gap: 14px 34px;align-items: flex-start;}
#shEquip .group-subcont .swiper-slide .text-box ul > li{min-height:116px;padding: 32px 40px;border-radius: 13px;background-color: #f5f5f5;}
#shEquip .group-subcont .swiper-slide .text-box ul > li.toggle{cursor:pointer}
#shEquip .group-subcont .swiper-slide .text-box dl{display: flex;flex-direction: column;gap: 8px;}
#shEquip .group-subcont .swiper-slide .text-box dt{display: flex;align-items: center;gap: 10px;font-size: 18px;font-weight: 600;color: #111;}
#shEquip .group-subcont .swiper-slide .text-box dd{display: flex;flex-direction: column;justify-content: center;font-size: 16px;font-weight: 500;line-height: 1.4;color: #777;word-break: keep-all;}
#shEquip .group-subcont .swiper-slide .text-box dd .preview{display: flex;align-items: center;justify-content: space-between;}
#shEquip .group-subcont .swiper-slide .text-box dd .preview svg{flex-shrink:0;width: 20px;height: 20px;color:#aaa}
#shEquip .group-subcont .swiper-slide .text-box ul > li.toggle.on .preview svg{transform:rotate(180deg)}
#shEquip .group-subcont .swiper-slide .text-box ol{all: unset;list-style: none;overflow:hidden;counter-reset:info;display:none;flex-direction: column;gap: 6px;padding-top: 8px;}
#shEquip .group-subcont .swiper-slide .text-box ol.on{display: flex;}
#shEquip .group-subcont .swiper-slide .text-box ol li{line-height: 1.3;}
#shEquip .group-subcont .swiper-slide .text-box ol li span.num::before{content: counter(info)". ";counter-increment: info;}
#shEquip .group-subcont .swiper-slide .text-box ol li span.indent{display: block;padding-top: 4px;padding-left: 15px;font-size: 14px;color:#aaa}

#shEquip .swiper-controller{display: flex;align-items: center;justify-content: flex-end;gap: 10px;width: 100%;padding:30px 0 60px;}
#shEquip .swiper-controller button{all: unset;display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;border: 1px solid #e1e1e1;border-radius: 5px;cursor: pointer;}
#shEquip .swiper-controller .btn--player{display: grid;}
#shEquip .swiper-controller .btn--player button{grid-area: 1/1;}
#shEquip .swiper-controller .btn--player button svg{fill: #000;width: 12px;height: 12px;stroke-width: 0.5px;}
#shEquip .swiper-controller .btn--player button.play{display: none;}
#shEquip .swiper-controller .pager{width: auto;font-family: var(--mainfont);font-size: 13px;font-weight: 600;color: #aaa;}
#shEquip .swiper-controller .pager .swiper-pagination-current{color:#111}
#shEquip .swiper-controller .btn--navigation{display: flex;gap: 3px;}
#shEquip .swiper-controller .btn--navigation button svg{width: 15px;height: 15px;stroke-width: 3px;}

#shEquip .progress-bar{max-width:94px;width:100%;height:1px}
#shEquip .progress-bar .progress-bar-default{overflow:hidden;position:relative;height:3px;background:#e1e1e1;width:100%}
#shEquip .progress-bar .progress-bar-default::after{position:absolute;top:0;left:0;background:var(--primary);height:100%;width:0;content:""}
#shEquip .progress-bar.active .progress-bar-default{opacity:1}
#shEquip .progress-bar.animate .progress-bar-default::after{width:120%;transition:width 3.8s linear;transition-delay:unset}


/* ==================================== 오시는길 */
#shMap{padding: 96px 0;}
#shMap .group-subtit{align-items: flex-start;text-align: left;padding-bottom: 52px;}
#shMap .group-subcont h3{font-family: var(--mainfont);font-size: 25px;font-weight: 700;color: #000;}
#shMap .group-subcont .area-map h2{padding-bottom: 40px;font-family: var(--mainfont);line-height: 1.4;font-size: 30px;font-weight: 700;color: #000;word-break:keep-all}
#shMap .group-subcont .area-map iframe{width: 100%;margin-bottom: 140px;border-radius: 30px;overflow: hidden;}
#shMap .group-subcont .area-map .col-2{display: grid;grid-template-columns: repeat(2,1fr);padding-bottom: 130px;margin-bottom: 105px;border-bottom: 1px solid #e1e1e1;}
#shMap .group-subcont .area-map .col-2 .fl-l{display: flex;flex-direction: column;gap: 20px;}
#shMap .group-subcont .area-map .col-2 .fl-l strong{font-family: var(--mainfont);font-size: 50px;font-weight: 700;color: #000;}
#shMap .group-subcont .area-map .col-2 .fl-l ul{display: flex;align-items: center;gap: 24px;}
#shMap .group-subcont .area-map .col-2 .fl-l ul li{font-size: 16px;font-weight: 600;color: #111;}
#shMap .group-subcont .area-map .col-2 .fl-r h3{display: flex;align-items: center;justify-content: space-between;padding-bottom: 24px;}
#shMap .group-subcont .area-map .col-2 .fl-r h3 span{font-family: var(--k-font);font-size: 15px;font-weight: 600;color: #aaa;}
#shMap .group-subcont .area-map .col-2 .fl-r .webhard{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;padding: 12px 15px;border-radius: 7px;background-color: #f5f5f5;}
#shMap .group-subcont .area-map .col-2 .fl-r .webhard dl{display: flex;justify-content: space-between;padding: 15px 30px;border-radius: 7px;background-color: #fff;font-family: var(--mainfont);font-size: 16px;font-weight: 600;}
#shMap .group-subcont .area-map .col-2 .fl-r .webhard dt{max-width: 124px;width: 100%;color: #111;}
#shMap .group-subcont .area-map .col-2 .fl-r .webhard dd{color:#777}
#shMap .group-subcont .area-transport{padding-bottom: 180px;}
#shMap .group-subcont .area-transport h3{padding-bottom: 30px;}
#shMap .group-subcont .area-transport .transport-list{display: flex;justify-content: space-between;gap: 20px;}
#shMap .group-subcont .area-transport .transport-list > li{display: flex;flex-direction: column;gap: 23px;}
#shMap .group-subcont .area-transport .transport-list .ic-transport{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 132px;aspect-ratio: 1;border-radius: 100px;background-color: #f5f5f5;font-size: 15px;font-weight: 700;color: #777;}
#shMap .group-subcont .area-transport .transport-list .ic-transport.car img{width: 42px;margin-bottom: 4px;}
#shMap .group-subcont .area-transport .transport-list .ic-transport.subway img{width: 42px;margin-bottom: 8px;}
#shMap .group-subcont .area-transport .transport-list .ic-transport.bus img{width: 42px;margin-bottom: 4px;}
#shMap .group-subcont .area-transport .transport-list > li > ul{display: flex;flex-direction: column;gap: 30px;}
#shMap .group-subcont .area-transport .transport-list > li > ul > li{display: flex;flex-direction: column;align-items: flex-start;gap: 9px;font-size: 16px;line-height: 1.3;font-weight: 600;color: #111;}
#shMap .group-subcont .area-transport .transport-list .mark{justify-content: center;padding: 4px 8px;font-size: 14px;font-weight: 700;color: #fff;border-radius: 4px;}
#shMap .group-subcont .area-transport .transport-list .mark.line3{background-color:#EF7D1E;}
#shMap .group-subcont .area-transport .transport-list .mark.line4{background-color: #02A5E3;}
#shMap .group-subcont .area-transport .transport-list .bus-list{display: flex;gap: 5px;}
#shMap .group-subcont .area-transport .transport-list .bus-list .mark.blue{background-color: #025CE3;}
#shMap .group-subcont .area-transport .transport-list .bus-list .mark.green{background-color: #64E302;}


/* ==================================== 제품소개 (공통) */
#shProduct{padding: 96px 0;}
#shProduct .sub__tit{padding-bottom: 130px;}
#shProduct .product__list{display: flex;flex-direction: column;gap: 116px;}
#shProduct .product__list > li{display: flex;align-items: flex-start;justify-content: space-between;gap: 54px;}
#shProduct .product__list .thumb-box{max-width: 488px;width: 100%;max-height:600px;border-radius: 30px;overflow: hidden;}
#shProduct .product__list .thumb-box img{width: 100%;height: 100%;object-fit: cover;}
#shProduct .product__list .text-box{width: 100%;}
#shProduct .product__list .text-box .product__tit{display: flex;align-items: center;justify-content: space-between;padding-bottom: 38px;}
#shProduct .product__list .text-box .product__tit h4{font-family: var(--mainfont);font-size: 30px;font-weight: 700;color: #000;}
#shProduct .product__list .text-box .product__tit .link-order{display: flex;align-items: center;justify-content: center;padding: 8px 14px;font-size: 14px;font-weight: 600;color: #aaa;border-radius: 5px;background-color: #f5f5f5;border: 1px solid #e1e1e1;transition:background-color 0.2s, color 0.2s, border-color 0.2s}
#shProduct .product__list .text-box .detail{display: flex;flex-direction: column;gap: 10px;}
#shProduct .product__list .text-box .detail li{display: flex;flex-direction: column;gap: 6px;padding: 18px 40px;border-radius: 13px;border: 1px solid #e1e1e1;transition:border-color 0.2s}
#shProduct .product__list .text-box .detail li .detail__tit{display: flex;align-items: center;justify-content: space-between;font-size: 16px;font-weight: 600;color: #111;}
#shProduct .product__list .text-box .detail li .detail__tit svg{display: none;width: 18px;height: 18px;stroke: #aaa;}
/* #shProduct .product__list .text-box .detail li .toggle-box{overflow:hidden;padding-top: 18px;display: none;} */
#shProduct .product__list .text-box .detail li.on{border-color: #111;}
#shProduct .product__list .text-box .detail li.on .toggle-box{display: block;}
#shProduct .product__list .text-box .detail li.on .detail__tit svg{transform: rotate(180deg);stroke:#111}

#shProduct .product__list .text-box .detail li .toggle-box p{white-space: pre-line;}
#shProduct .product__list .text-box .detail li .toggle-box p, #shProduct .product__list .text-box .detail li .toggle-box div{font-size: 15px;font-weight: 500;line-height: 1.6;color: #777;}
#shProduct .product__list .text-box .detail li .toggle-box p::before, #shProduct .product__list .text-box .detail li .toggle-box div::before{position: absolute;content:'•';top: 0;left: 0;}
#shProduct .product__list .text-box .detail li .toggle-box p,#shProduct .product__list .text-box .detail li .toggle-box div {position: relative;padding-left: 10px;word-break:keep-all}
.product__list .text-box .detail li .toggle-box div span{display: inline-flex;align-items: center;}
.product__list .text-box .detail li .toggle-box div span::after{content:'';width: 1px;height: 10px;margin: 0 5px;background-color: #aaa;transform: translateZ(0);will-change: transform;}
.product__list .text-box .detail li .toggle-box div span:last-child::after{display: none;}
#shProduct .product__list .text-box .product__tit .link-order:hover{background-color:var(--primary);border-color:var(--primary);color:#fff}


/* ==================================== 작업가이드 */
#shGuide{padding: 96px 0 180px;}
#shGuide .group-subtit{align-items: flex-start;padding-bottom: 100px;text-align: left;}
#shGuide .group-subtit p.desc{font-size: 16px;line-height: 1.3;word-break:keep-all}
#shGuide .group-subcont .tab-menu{display: flex;align-items: center;justify-content: center;gap: 20px;padding-bottom: 50px;}
#shGuide .group-subcont .tab-menu li{display: flex;align-items: center;justify-content: center;padding: 10px 30px;border-radius: 100px;background-color: #ccc;font-family: var(--mainfont);font-size: 18px;font-weight: 700;color: #fff;cursor:pointer}
#shGuide .group-subcont .tab-menu li.on{background-color: var(--primary);}

#shGuide .tab-cont{display: none;}
#shGuide .tab-cont.view{display: block;}
/* 작업가이드 */
/* 공통 */
#shGuide .tab-cont ul.notice{margin-bottom: 60px;border: 1px solid #e1e1e1;border-radius: 13px;}
#shGuide .tab-cont ul.notice li{position: relative;padding: 25px 42px 25px 57px;font-size: 16px;font-weight: 500;line-height: 1.3;color: #777;border-bottom:1px dashed #e1e1e1;word-break:keep-all}
#shGuide .tab-cont ul.notice li:last-child{border-bottom:none}
#shGuide .tab-cont ul.notice b{color: var(--primary);}
#shGuide .tab-cont > ul > li.dot::before{position: absolute;content:'';top: 50%;left: 42px;transform: translateY(-50%);width: 4px;aspect-ratio: 1;border-radius:50px;background-color:#000;}
/* #shGuide .tab-cont .mark{display: flex;align-items: center;justify-content: center;width: 56px;aspect-ratio: 1;border-radius: 100px;font-size: 30px;font-weight: 700;}
#shGuide .tab-cont .mark.right{color: #00AAFF;background-color: #D5F1FF;}
#shGuide .tab-cont .mark.wrong{background-color: #FFDFD5;color: #FF3B00;} */
#shGuide .tab-cont > ul.cont-list{display: flex;flex-direction: column;gap: 100px;counter-reset:guide-list}
#shGuide .tab-cont > ul.cont-list li.dot p::before{position: absolute;content: '';top: 8px;left: 0;transform: none;width: 4px;aspect-ratio: 1;border-radius: 50px;background-color: #000;}
#shGuide .tab-cont > ul > li{display: flex;flex-direction: column;gap: 24px;}
#shGuide .tab-cont > ul > li h4{display: flex;align-items: center;gap: 15px;font-family: var(--mainfont);font-size: 22px;font-weight: 700;color: #000;}
#shGuide .tab-cont > ul > li h4 .num{display: flex;align-items: center;justify-content: center;width: 47px;aspect-ratio: 1;border-radius: 13px;background-color: #000;color: #fff;font-family: var(--mainfont);font-size: 15px;font-weight: 700;}
#shGuide .tab-cont > ul > li h4 .num::before{content:counter(guide-list,decimal-leading-zero);counter-increment: guide-list;letter-spacing: 0.5px;}
#shGuide .tab-cont > ul > li .col-2{display: flex;gap: 60px;}
#shGuide .tab-cont > ul > li .col-2 .fl-l{position: relative;overflow:hidden;display: flex;max-width: 502px;width: 100%;background-color: #f5f5f5;border-radius: 13px;}
#shGuide .tab-cont > ul > li .col-2 .fl-l img{width: 100%;height: 100%;object-fit: cover;}
#shGuide .tab-cont > ul > li .col-2 .fl-l span.img_tit{position: absolute;top: 20px;left: 20px;font-family: var(--mainfont);font-size: 13px;font-weight: 700;color: rgba(15,23,42,.84);text-transform: uppercase;background-color: rgba(255,255,255,.84);padding: 7px 10px;border-radius: 100px;}

#shGuide .tab-cont > ul > li .col-2 .fl-r{padding-top: 20px;}
#shGuide .tab-cont > ul > li .col-2 .fl-r ul{display: flex;flex-direction: column;gap: 16px;}
#shGuide .tab-cont > ul > li .col-2 .fl-r ul li p{position: relative;display: inline-block;padding-left: 15px;font-size: 16px;font-weight: 500;line-height: 1.3;color: #777;word-break:keep-all}
#shGuide .tab-cont > ul > li .col-2 .fl-r ul li b{color:#000}
#shGuide .tab-cont > ul > li .col-2 .fl-r .key{display: inline-flex;align-items: center;justify-content: center;padding: 7px 20px;margin-left: 10px;font-size: 13px;font-weight: 700;color: var(--primary);background-color: #F5D6D6;border-radius: 5px;}

/* 공통사항 */
#shGuide .tab-cont.cm-list ul{border-radius:13px;border: 1px solid #e1e1e1;}
#shGuide .tab-cont.cm-list ul li{position: relative;padding: 25px 42px 25px 57px;font-size: 16px;font-weight: 500;line-height: 1.3;color:#777;border-bottom:1px dashed #e1e1e1;word-break:keep-all}
#shGuide .tab-cont.cm-list ul li:last-child{border-bottom:none}

/* 포토샵 */
#shGuide .tab-cont.ps > ul > li .col-2 .fl-l{align-items: center;justify-content: center;padding: 35px 42px;}


/* 일러스트 주의사항 */
#shGuide .tab-cont.ai .caution h4 .ic-caution{display: flex;align-items: center;justify-content: center;width: 47px;aspect-ratio: 1;border-radius: 13px;background-color: #000;color: #fff;font-family: var(--mainfont);font-size: 15px;font-weight: 700;}
#shGuide .tab-cont.ai .caution .col-2 .fl-l{position: relative;padding: 0;}
#shGuide .tab-cont.ai .caution .col-2 .fl-l::before{position: absolute;inset:0%;content:'';width: 100%;height: 100%;background-color: rgba(255,255,255,0.4);}
#shGuide .tab-cont.ai .caution .col-2 .fl-l span{position: absolute;display: flex;align-items: center;gap: 7px;padding: 8px 14px;background-color: #fff;border: 1px solid #e1e1e1;border-radius: 100px;font-size: 14px;font-family: var(--mainfont);font-weight: 600;}
#shGuide .tab-cont.ai .caution .col-2 .fl-l span::before{content:'';width: 4px;aspect-ratio: 1;border-radius:20px;background-color:#00AAFF;}
#shGuide .tab-cont.ai .caution .col-2 .fl-l span:first-child{top: 20px;left: 20px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-l span:nth-child(2){top: 20px;right: 20px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-l span:nth-child(3){bottom: 24%;left: 20px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-l span:last-of-type{bottom: 24%;right: 20px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-l div{position: absolute;left:0;bottom: 20px;width: 100%;padding: 0 20px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-l p{background-color: rgba(15,23,42,.86);padding: 10px 15px;font-size: 15px;color: #fff;font-family: var(--mainfont);font-weight: 600;border-radius: 8px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-l img{width: 100%;height: 100%;}
#shGuide .tab-cont.ai .caution .col-2 .fl-r{display: flex;flex-direction: column;gap: 30px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-r p{font-size: 16px;font-weight: 500;line-height: 1.6;color: #777;word-break: keep-all;white-space: pre-line;}
#shGuide .tab-cont.ai .caution .col-2 .fl-r ul{gap: 24px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-r ul li.check{padding-left: 0;}
#shGuide .tab-cont.ai .caution .col-2 .fl-r dl{display: flex;flex-direction: column;gap: 8px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-r dt{display: flex;align-items: center;gap: 10px;color: #111;font-weight: 600;font-size: 17px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-r dt .ic-check{display: inline-flex;align-items: center;justify-content: center;width: 30px;aspect-ratio: 1;border-radius: 100px;background-color: #D5F1FF;}
#shGuide .tab-cont.ai .caution .col-2 .fl-r dt .ic-check svg{stroke: #00AAFF;stroke-width: 3.5px;width: 16px;height: 16px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-r dd{font-size: 16px;font-weight: 500;line-height: 1.3;color: #777;word-break: keep-all;}


/* 작업가이드 - 포토샵 */
#shGuide .tab-cont.ps .layer .item{overflow:hidden;border-radius:20px;background-color: #fff;}
#shGuide .tab-cont.ps .layer img{max-width: 418px;width: 100%;border-radius:20px;overflow:hidden;}
#shGuide .tab-cont.ps .save .fl-l{display: flex;gap: 10px;}
#shGuide .tab-cont.ps .save img{max-width:203px;width: 100%;border-radius: 20px;overflow: hidden;}



/* 260406 추가 회원유형선택 페이지 */
#signOpt{padding: 60px 0 170px;}
#signOpt h1{padding: 45px 0;}
#signOpt .sign_op{display: flex;justify-content: center;gap: 18px;padding-bottom: 34px;}
#signOpt .sign_op li{overflow:hidden;position: relative;display: flex;align-items: center;justify-content: center;max-width:312px;width: 100%;height: 212px;}
#signOpt .sign_op li input{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
#signOpt .sign_op li label{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 18px;width: 100%;height: 100%;cursor: pointer;}
#signOpt .sign_op li label .label_icon{position: relative;z-index:1;}
#signOpt .sign_op li label .label_icon img{max-width:77px}
#signOpt .sign_op li label .label_txt{position: relative;z-index:1;display: flex;flex-direction: column;align-items: center;gap: 5px;text-align: center;font-family:var(--mainfont);font-size: 20px;font-weight: 600;}
#signOpt .sign_op li label .label_txt span{font-family: var(--k-font);font-size: 14px;font-weight: 600;color: #aaa;}
#signOpt .btn_wrap{display: flex;justify-content: center;}
#signOpt .btn_wrap input{all: unset;width: 210px;height: 55px;border-radius: 3px;background-color: var(--primary);color: #fff;border:1px solid transparent;text-align: center;font-size: 16px;font-weight: 600;transition:all 0.2s;cursor:pointer}
#signOpt .btn_wrap input:hover{background-color:#fff;border-color:var(--primary);color:var(--primary)}
#signOpt .sign_op li label .checked-bg{position: absolute;inset: 0%;width: 100%;height: 100%;background-color:#fff;border-radius: 13px;border:5px solid #e1e1e1;transition:background-color 0.2s, border-color 0.2s;pointer-events: none;}
#signOpt input[type="radio"]:checked + label .checked-bg{background-color:rgba(203,49,48,0.05);border-color:var(--primary)}



/* 주문서 배송관련 팝업 */
.delivery-popup{}
#deliveryFee{z-index:10;position: fixed;top: 0;left: 0;display:none;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);}
#deliveryFee.view{display: flex;}
#deliveryFee h2{width: 100%;padding: 14px 20px !important;font-size: 18px !important;font-weight: 600;text-align: center;background-color: var(--primary);color: #fff;line-height: 1.4;}
#deliveryFee .fee-box{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 980px;width: 100%;border-radius: 13px;overflow: hidden;box-shadow: 2px 2px 25px 0 rgba(0,0,0,0.07);}
#deliveryFee .shipping-table{display: flex;flex-direction: column;padding: 15px 35px 25px;background-color: #fff;}
#deliveryFee .table-box{overflow-x:auto}
#deliveryFee table{min-width:570px;width: 100%;height: 100%;border-collapse: collapse;margin-bottom: 20px;}
#deliveryFee table thead th{padding: 12px 20px;font-size: 15px !important;font-weight: 600;line-height: 2 !important;border-bottom: 1px solid #e1e1e1;text-align: center !important;}
#deliveryFee table tbody tr:hover{background-color:rgba(203,49,48,0.05);}
#deliveryFee table tbody th{font-size: 15px;padding: 15px;font-weight: 600;border-bottom: 1px solid #e1e1e1;}
#deliveryFee table tbody td{padding: 15px;font-size: 14px;border-bottom: 1px solid #e1e1e1;line-height: 1.4 !important;vertical-align: middle !important;word-break: keep-all;}
#deliveryFee table tbody td.fee{text-align: center;font-weight: 500;}
#deliveryFee .btn--close{margin: 0 0 0 auto !important;}
#deliveryComment{z-index:10;position: fixed;top: 0;left: 0;display: none;align-items: center;justify-content: center;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);}
#deliveryComment .comment-box{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;align-items: flex-start;max-width: 600px;width: 100%;background-color: #fff;border-radius: 13px;overflow: hidden;box-shadow: 2px 2px 25px 0 rgba(0,0,0,0.07);}
#deliveryComment .comment-box h2{width: 100%;padding: 14px 20px;font-size: 18px;font-weight: 600;line-height: 1.4;text-align: center;background-color: var(--primary);color: #fff;}
#deliveryComment .comment-box .txt-box{width: 100%;padding: 20px 25px;}
#deliveryComment .comment-box p{font-size: 15px;white-space: pre-line;line-height: 1.6;word-break: keep-all;}
#deliveryComment .comment-box p:first-child{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #e1e1e1;}
#deliveryComment .comment-box p strong{color: var(--primary);font-weight: 700;line-height: 1.4;}
#deliveryComment .comment-box p b{    color: var(--primary);}
#deliveryComment.view{display: flex;}
.delivery-popup .btn-container{display: flex;justify-content: flex-end;}
.delivery-popup .btn--close{all: unset;display: inline-flex;align-items: center;justify-content: center;padding: 10px 20px;line-height: 1.4;font-size: 14px;color: #fff;background-color: var(--primary);border:1px solid var(--primary);border-radius: 5px;font-weight: 500;cursor:pointer;transition:background-color 0.2s, color 0.2s}
.delivery-popup .btn--close:hover{background-color: #fff;color:var(--primary)}
.delivery-popup .quick{display: inline-flex;align-items: center;justify-content: center;padding: 7px 14px;font-size: 14px;color: #fff;background-color: var(--primary);border:1px solid var(--primary);border-radius: 5px;font-weight: 500;cursor:pointer;}





/* 반응형 [s] */
@media (max-width:1300px){
/* 공통 */
.pagecommon .group-subtit{padding-bottom: 50px;}
.pagecommon .sub__tit{font-size: 32px;}
.pagecommon .area-banner{padding: 70px 140px 70px 0;background-size: 55%;}

/* 게시판 */
#sh_bo_list, #sh_faq, #sh_bo_w{padding: 40px 20px;}
#sh_bo_v{margin: 40px 20px;}

/* 로그인 + 회원가입 공통 */
#signOpt{padding: 60px 20px;}

/* 올데이프린팅 소개 */
#shAbout{padding-top: 80px}
#shAbout .area-about{padding:0 20px 80px;}
#shAbout .area-about .text-box p.desc{font-size: 17px;}
#shAbout .area-banner{margin:0 20px 100px;}
#shAbout .area-solution{--gap:18px;--x:-2040px}
#shAbout .area-solution  .group-subtit{padding: 0 20px 50px;}
#shAbout .area-solution .group-subcont .marquee-container{padding-bottom: 40px;}
#shAbout .area-solution .group-subcont .marquee-wrapper ul li{gap: 26px;width: 325px;}
#shAbout .area-solution .group-subcont .marquee-wrapper ul li .thumb-box{width: 100px;}
#shAbout .area-solution .group-subcont .marquee-wrapper ul li .thumb-box img{max-width:90px}
#shAbout .area-solution .group-subcont .check-container{padding:0 20px 100px;}
#shAbout .area-solution .group-subcont .check-container h4{gap: 10px;font-size: 18px;}
#shAbout .area-solution .group-subcont .check-container h4 svg{width: 22px;height: 22px;}
#shAbout .area-process{padding: 100px 20px;}
#shAbout .area-process .group-subcont ol{display: flex;gap: 0;}
#shAbout .area-process .group-subcont ol li{max-width:340px}
#shAbout .area-process .group-subcont ol li .text-box{padding: 35px 20px 25px;}
#shAbout .area-process .group-subcont ol li .text-box .num{top: -22.5px;width: 42px;font-size: 15px;}
#shAbout .area-process .group-subcont ol li .text-box h4{font-size: 20px;}

/* 장비소개 */
#shEquip{padding: 96px 20px 100px;}
#shEquip .group-subcont .swiper-slide .text-box h2{padding-bottom: 30px;font-size: 32px;}
#shEquip .group-subcont .swiper-slide .text-box ul{gap: 14px;}

/* 오시는길 */
#shMap{padding: 96px 20px;}
#shMap .group-subtit{padding-bottom: 40px;}
#shMap .group-subcont .area-map h2{padding-bottom: 25px;font-size: 24px;}
#shMap .group-subcont .area-map iframe{height: 400px;margin-bottom: 40px;}
#shMap .group-subcont h3{font-size: 24px;}
#shMap .group-subcont .area-map .col-2{padding-bottom: 100px;margin-bottom: 100px;}
#shMap .group-subcont .area-map .col-2 .fl-l strong{font-size: 44px;}
#shMap .group-subcont .area-transport{padding-bottom: 100px;}
#shMap .group-subcont .area-transport .transport-list{flex-direction: column;}
#shMap .group-subcont .area-transport .transport-list > li{flex-direction: row;align-items: center;}
#shMap .group-subcont .area-transport .transport-list > li > ul{gap: 10px;}
#shMap .group-subcont .area-transport .transport-list > li > ul > li{flex-direction: row-reverse;align-items: center;justify-content: flex-end;}
#shMap .group-subcont .area-transport .transport-list .ic-transport{width: 115px;border-radius:20px}
#shMap .group-subcont .area-transport .transport-list .ic-transport.car img{width: 36px;}
#shMap .group-subcont .area-transport .transport-list .ic-transport.subway img, #shMap .group-subcont .area-transport .transport-list .ic-transport.bus img{width: 35px;}

/* 제품소개 */
#shProduct{padding: 80px 20px;}
#shProduct .product__list{gap: 80px;}
#shProduct .sub__tit{padding-bottom: 45px;}
#shProduct .product__list > li{gap: 40px;}
#shProduct .product__list .text-box .product__tit{padding-bottom: 25px;}
#shProduct .product__list .text-box .product__tit h4{font-size: 26px;}
#shProduct .product__list .text-box .product__tit .link-order{padding: 8px 10px;font-size: 13px;}
#shProduct .product__list .thumb-box{max-width:455px;border-radius: 20px;}
#shProduct .product__list .text-box .detail li{padding: 18px 26px;border-radius:10px}

/* 고객센터 작업가이드 */
#shGuide{padding: 80px 20px;}
#shGuide .group-subtit{align-items:center;padding-bottom: 40px;text-align: center;}
#shGuide .group-subcont .tab-menu{gap: 10px;}
#shGuide .group-subcont .tab-menu li{padding: 10px 22px;font-size: 15px;}
#shGuide .tab-cont > ul.cont-list{gap: 80px;}
#shGuide .tab-cont > ul > li{gap: 18px;}
#shGuide .tab-cont > ul > li h4{font-size: 20px;}
#shGuide .tab-cont > ul > li h4 .num{width: 40px;border-radius:10px;font-size: 14px;}
/* 일러스트 */
#shGuide .tab-cont.ai .caution h4 .ic-caution{width: 40px;border-radius: 10px;font-size: 14px;}
#shGuide .tab-cont.ai .caution h4 .ic-caution svg{width: 22px;height: 22px;}
/* #shGuide .tab-cont > ul > li .col-2 .fl-l .item .text{font-size: 14px;} */

    /* 주문서 팝업 */
    #deliveryFee h2{font-size: 16px !important;}
    #deliveryFee .fee-box{max-width:880px}
    #deliveryFee .shipping-table{padding: 10px 25px 15px;}
    #deliveryComment .comment-box h2{font-size: 16px;}


}

@media (max-width:1200px){
/* 공통 */
.pagecommon .sub__tit{text-align: center;}
.pagecommon .area-banner .text-box h3{font-size: 28px;}

/* 올데이프린팅 소개 */
#shAbout .area-about .sub__tit{padding-bottom: 25px;white-space: normal;}
#shAbout .area-about .text-box{max-width:none;margin: 0 auto;text-align: center;}
#shAbout .area-about .text-box p.desc{padding-bottom: 20px;}
#shAbout .area-solution{--x:-1890px}
#shAbout .area-solution .group-subcont .marquee-wrapper ul li{gap: 20px;width: 300px;}
#shAbout .area-solution .group-subcont .marquee-wrapper ul li .thumb-box{width: 85px;}
#shAbout .area-solution .group-subcont .marquee-wrapper ul li .thumb-box img{max-width:75px}
#shAbout .area-solution .group-subcont .check-container li{padding: 34px 40px 30px;}
#shAbout .area-process .group-subcont ol li .text-box h4{font-size: 18px;}

/* 장비소개 */
#shEquip{padding: 80px 20px 100px;}
#shEquip .group-subtit{padding-bottom: 30px;}
#shEquip .group-subcont .img-slide{border-radius:20px}
#shEquip .swiper-controller{padding: 30px 0 45px;}
#shEquip .group-subcont .swiper-slide .text-box h2{font-size: 30px;}
#shEquip .group-subcont .swiper-slide .text-box ul{grid-template-columns: repeat(3,1fr);align-items: stretch;}
#shEquip .group-subcont .swiper-slide .text-box ul > li{min-height:0}
#shEquip .group-subcont .swiper-slide .text-box ul > li.toggle{grid-column-start: 1;grid-column-end: 4;}

/* 오시는 길 */
#shMap{padding: 80px 20px;}
#shMap .group-subtit{padding-bottom: 30px;}
#shMap .group-subcont .area-map iframe{border-radius:20px}
#shMap .group-subcont .area-map .col-2{padding-bottom: 80px;margin-bottom: 80px;}
#shMap .group-subcont .area-map .col-2 .fl-l strong{font-size: 40px;}
#shMap .group-subcont .area-transport{padding-bottom: 80px;}

/* 제품소개 */
#shProduct .sub__tit{text-align: left;}
#shProduct .product__list .thumb-box{max-width:400px}

/* 작업가이드 */
#shGuide .tab-cont > ul > li .col-2{gap: 40px;}
#shGuide .tab-cont > ul > li .col-2 .fl-l{max-width: 400px;}
#shGuide .tab-cont > ul > li .col-2 .fl-r .key{padding: 7px 14px;margin-left: 5px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-l span{gap: 6px 10px;gap: 5px;font-size: 12px;}
/* #shGuide .tab-cont .mark{width: 52px;font-size: 28px;}
#shGuide .tab-cont.ai .cmyk .fl-l, #shGuide .tab-cont.ai .size .fl-l, #shGuide .tab-cont.ai .text .fl-l{justify-content: center;gap: 12px;} */
/* #shGuide .tab-cont.ai .size .ic-arrow{width: 30px;}
#shGuide .tab-cont.ai .size .ic-arrow svg{width: 16px;height: 16px;} */
#shGuide .tab-cont.ai .caution .col-2 .fl-l p{font-size: 13px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-r{gap: 20px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-r ul{gap: 18px;}
#shGuide .tab-cont > ul.cont-list{gap: 60px;}

#shGuide .tab-cont.ps > ul > li .col-2 .fl-l{padding: 20px;}
}

@media (max-width:1024px){
/* 로그인 + 회원가입 공통 */
    .sh_mb_common .logo img, .pagecommon .logo img{width: 148px;}
    #signOpt h1{padding: 30px 0;}
    #signOpt .sign_op li{max-width:280px;height: 200px;}
#signOpt .sign_op li label .label_icon img{max-width:65px}
#signOpt .sign_op li label .label_txt{font-size: 18px;}
#signOpt .btn_wrap input{height: 50px;font-size: 15px;}
    
/* 공통 */
.pagecommon .group-subtit{gap: 12px;padding-bottom: 40px;}
.pagecommon .sub__tit{font-size: 28px;}
.pagecommon .area-banner{position: relative;padding: 70px 20px;border-radius:10px}
.pagecommon .area-banner::before{position: absolute;content:'';inset:0%;width: 100%;height: 100%;background-color: rgba(17,17,17,0.6);}
.pagecommon .area-banner .text-box{position: relative;z-index:1;width: 100%;}
.pagecommon .area-banner .text-box h3{font-size: 25px;white-space:normal;color:#ffff}
.pagecommon .area-banner .text-box p.desc{color: #ff4542;}

/* 올데이프린팅 소개 */
#shAbout{padding-top: 60px;}
#shAbout .area-about{padding: 0 20px 60px;}
#shAbout .area-about .sub__tit{white-space:pre-line}
#shAbout .area-about .text-box p.desc{font-size: 16px;}
#shAbout .area-banner{margin: 0 20px 80px;}
#shAbout .area-solution{--x:-1770px;--gap:12px}
#shAbout .area-solution .group-subtit{padding: 0 20px 30px;}
#shAbout .area-solution .group-subcont .marquee-container{padding-bottom: 30px;}
#shAbout .area-solution .group-subcont .marquee-wrapper ul li{width: 285px;padding-top: 32px;border-radius:10px}
#shAbout .area-solution .group-subcont .marquee-wrapper ul li .thumb-box{width: 80px;}
#shAbout .area-solution .group-subcont .marquee-wrapper ul li .thumb-box img{max-width:70px}
#shAbout .area-solution .group-subcont .marquee-wrapper ul li dt{font-size: 16px;}
#shAbout .area-solution .group-subcont .check-container{padding: 0 20px 80px;}
#shAbout .area-solution .group-subcont .check-container ul{gap: 12px;}
#shAbout .area-solution .group-subcont .check-container li{padding: 26px 24px;border-radius:10px}
#shAbout .area-solution .group-subcont .check-container h4{gap: 8px;font-size: 16px;}
#shAbout .area-solution .group-subcont .check-container h4 svg{width: 20px;height: 20px;}
#shAbout .area-solution .group-subcont .check-container p.desc{font-size: 15px;}
#shAbout .area-process{padding: 80px 20px;}
#shAbout .area-process .group-subcont ol li{gap: 10px;max-width:320px}
#shAbout .area-process .group-subcont ol li .text-box{padding: 30px 20px 20px;border-radius:10px}
#shAbout .area-process .group-subcont ol li .text-box .num{top: -19px;width: 38px;font-size: 14px;}
#shAbout .area-process .group-subcont ol li .text-box h4{font-size: 16px;}
#shAbout .area-process .group-subcont ol li .thumb-box{border-radius:10px}

/* 장비소개 */
#shEquip{padding: 60px 20px;}
#shEquip .group-subtit{padding-bottom: 25px;}
#shEquip .swiper-controller{padding: 20px 0 30px;}
#shEquip .group-subcont .img-slide{height: 500px;border-radius:10px}
#shEquip .group-subcont .swiper-slide .text-box h2{padding-bottom: 20px;font-size: 24px;}
#shEquip .group-subcont .swiper-slide .text-box ul{gap: 12px;}
#shEquip .group-subcont .swiper-slide .text-box ul > li{padding: 24px;border-radius:5px}
#shEquip .group-subcont .swiper-slide .text-box dt{gap: 6px;font-size: 16px;}
#shEquip .group-subcont .swiper-slide .text-box dt img{width: 20px !important;}
#shEquip .group-subcont .swiper-slide .text-box dd{font-size: 15px;}

/* 오시는길 */
#shMap{padding: 60px 20px;}
#shMap .group-subtit{padding-bottom: 25px;}
#shMap .group-subcont .area-map h2{font-size: 18px;}
#shMap .group-subcont h3{font-size: 18px;}
#shMap .group-subcont .area-map iframe{border-radius:10px}
#shMap .group-subcont .area-map .col-2{margin-bottom: 60px;padding-bottom: 60px;}
#shMap .group-subcont .area-map .col-2 .fl-l ul{flex-direction: column;align-items: flex-start;gap: 8px;}
#shMap .group-subcont .area-map .col-2 .fl-l strong{font-size: 32px;}
#shMap .group-subcont .area-map .col-2 .fl-r h3 span{font-size: 14px;font-weight: 500;}
#shMap .group-subcont .area-map .col-2 .fl-r .webhard, #shMap .group-subcont .area-map .col-2 .fl-r .webhard dl{border-radius:5px}
#shMap .group-subcont .area-map .col-2 .fl-r .webhard dl{padding: 15px;font-size: 15px;}
#shMap .group-subcont .area-transport{padding-bottom: 60px;}
#shMap .group-subcont .area-transport .transport-list > li{gap: 20px;}
#shMap .group-subcont .area-transport .transport-list > li > ul{gap: 8px;}
#shMap .group-subcont .area-transport .transport-list > li > ul > li{font-size: 15px;}
#shMap .group-subcont .area-transport .transport-list .mark{font-size: 13px;}
#shMap .group-subcont .area-transport .transport-list .ic-transport{width: 105px;}
#shMap .group-subcont .area-transport .transport-list .ic-transport.car img{width: 32px;}
#shMap .group-subcont .area-transport .transport-list .ic-transport.subway img, #shMap .group-subcont .area-transport .transport-list .ic-transport.bus img{width: 30px;}

/* 제품소개 */
#shProduct{padding: 60px 20px;}
#shProduct .sub__tit{text-align: center;}
#shProduct .product__list{gap: 60px;}
#shProduct .product__list > li{flex-direction: column;gap: 26px;}
#shProduct .product__list .thumb-box{max-width:340px;margin: 0 auto;border-radius:10px}
#shProduct .product__list .text-box .product__tit h4{font-size: 24px;}

/* 고객센터 - 작업가이드 */
#shGuide{padding: 60px 20px;}
#shGuide .group-subtit{padding-bottom: 25px;}
#shGuide .group-subtit p.desc{font-size: 15px;}
#shGuide .group-subcont .tab-menu{padding-bottom: 40px;}
#shGuide .group-subcont .tab-menu li{padding: 10px 18px;font-size: 14px;}
#shGuide .tab-cont.cm-list ul li{padding: 25px 40px;font-size: 15px;}
#shGuide .tab-cont ul li.dot::before{left: 22px;}
#shGuide .tab-cont > ul > li h4{gap: 10px;font-size: 16px;}
#shGuide .tab-cont > ul > li h4 .num{width: 32px;font-size: 12px;border-radius:5px}
#shGuide .tab-cont.ai .caution h4 .ic-caution{width: 32px;font-size: 12px;border-radius: 5px;}
#shGuide .tab-cont.ai .caution h4 .ic-caution svg{width: 18px;height: 18px;}

#shGuide .tab-cont ul.notice{margin-bottom: 40px;}
#shGuide .tab-cont ul.notice li{padding: 25px 40px;}
#shGuide .tab-cont:not(.ai) > ul > li .col-2{gap: 20px;}
#shGuide .tab-cont:not(.ai) > ul > li .col-2 .fl-l{padding: 28px 24px;}
/* #shGuide .tab-cont > ul > li .col-2 .fl-r{padding-top: 0;} */
#shGuide .tab-cont > ul > li .col-2 .fl-r ul{gap: 8px;}
#shGuide .tab-cont > ul > li .col-2 .fl-r ul li p{font-size: 15px;}
#shGuide .tab-cont > ul > li .col-2 .fl-l .item .text{font-size: 14px;}
/* #shGuide .tab-cont:not(.ai) > ul.cont-list{display: grid;grid-template-columns: repeat(2,1fr);gap: 50px 30px;} */

/* #shGuide .tab-cont.ai .caution{align-items: center;text-align: center;}
#shGuide .tab-cont.ai .caution .col-2{align-items: center;} */
#shGuide .tab-cont.ai > ul > li .col-2{gap: 24px;}
#shGuide .tab-cont ul > li .col-2 .fl-l{flex-shrink:0;max-width:330px}
#shGuide .tab-cont.ai .caution .col-2 .fl-r dt{font-size: 16px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-r dt .ic-check{width: 28px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-r p{font-size: 15px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-r dd{font-size: 15px;}



/* #shGuide .tab-cont.ai > ul.cont-list{display: flex;} */
/* #shGuide .tab-cont .mark{width: 42px;font-size: 22px;} */
#shGuide .tab-cont ul.notice li:last-child{font-size: 15px;}
/* #shGuide .tab-cont.ai .cmyk .item, #shGuide .tab-cont.ai .size .item, #shGuide .tab-cont.ai .text .item, #shGuide .tab-cont.ai .cut img{height: 120px;border-radius:10px} */
/* #shGuide .tab-cont.ai .file .item{border-radius:10px} */
#shGuide .tab-cont > ul > li{gap: 15px;}
#shGuide .tab-cont > ul > li .col-2 .fl-r .key{padding: 5px 8px;font-size: 12px;}
/* #shGuide .tab-cont.ai .file .text img{width: 32px;} */
/* #shGuide .tab-cont.ps .doc .fl-l .item, #shGuide .tab-cont.ps .etc .item, #shGuide .tab-cont.ps .save img{border-radius:10px} */
/* #shGuide .tab-cont.ps > ul.cont-list{grid-template-columns: repeat(1,1fr);} */
/* #shGuide .tab-cont > ul > li .col-2 .fl-l{max-width:465px} */
/* #shGuide .tab-cont.ps .etc .fl-l{flex-direction: column;} */
/* #shGuide .tab-cont.ps .etc .fl-l > .item:first-child{max-width:none;padding: 18px;} */
/* #shGuide .tab-cont.ps .etc .fl-l > .item:first-child img{max-width:70px} */
/* #shGuide .tab-cont.ps .doc .fl-l .item, #shGuide .tab-cont.ps .layer .item{height: 134px;} */
#shGuide .tab-cont ul.notice li{font-size: 15px;}

/* 주문서 팝업 */
#deliveryFee h2{justify-content: center !important;font-size: 15px !important;}
#deliveryFee .fee-box{max-width:700px}
#deliveryFee table thead th{font-size: 14px !important;}
#deliveryFee table tbody td{font-size: 13px;}
#deliveryComment .comment-box h2{justify-content: center !important;font-size: 15px;text-align: center;}
#deliveryComment .comment-box .txt-box{padding: 20px;}
#deliveryComment .comment-box p{font-size: 14px;}
}

@media (max-width:768px){
/* 공통 */
.pagecommon .group-subtit{gap: 8px;}
.pagecommon .sub__tit{font-size: 25px;}
.pagecommon .sub__desc{font-size: 15px;}
.pagecommon .area-banner{padding: 55px 20px;background-size: 80%;}
.pagecommon .area-banner .text-box h3{font-size: 22px;}
.pagecommon .area-banner .text-box p.desc{padding-bottom: 8px;font-size: 15px;}


#signOpt .sign_op{gap: 12px;}
#signOpt .sign_op li label .label_icon img{max-width:65px}
#signOpt .sign_op li label .label_txt{font-size: 16px;}
#signOpt .sign_op li label .checked-bg{border-width:4px}

/* 올데이프린팅 소개 */
#shAbout .area-banner{margin: 0 20px 60px;}
#shAbout .area-about .sub__tit{padding-bottom: 20px;}
#shAbout .area-about .text-box p.desc{padding-bottom: 12px;font-size: 15px;}
#shAbout .area-solution .group-subcont .marquee-wrapper ul li .thumb-box{width: 70px;}
#shAbout .area-solution .group-subcont .marquee-wrapper ul li .thumb-box img{max-width: 60px;}
#shAbout .area-solution .group-subcont .check-container{padding: 0 20px 60px;}
#shAbout .area-solution .group-subcont .check-container ul{grid-template-columns: repeat(1,1fr);}
#shAbout .area-solution .group-subcont .check-container li{padding: 24px 20px;}
#shAbout .area-process{padding: 60px 20px;}

/* 장비소개 */
#shEquip{padding: 60px 20px 40px;}
#shEquip .group-subcont .img-slide{height: 360px;}
#shEquip .group-subcont .img-slide img{transform: scale(0.8);}
#shEquip .group-subcont .swiper-slide .text-box h2{font-size: 20px;}
#shEquip .group-subcont .swiper-slide .text-box ul{grid-template-columns: repeat(1,1fr);gap: 10px;}
#shEquip .group-subcont .swiper-slide .text-box ul > li{padding: 20px;}
#shEquip .group-subcont .swiper-slide .text-box ul > li.toggle{grid-column-start: unset;grid-column-end: unset;}
#shEquip .group-subcont .swiper-slide .text-box dl{gap: 6px;}
#shEquip .group-subcont .swiper-slide .text-box dt{font-size: 15px;}
#shEquip .group-subcont .swiper-slide .text-box dd{font-size: 14px;}

/* 오시는길 */
#shMap{padding: 60px 20px 20px;}
#shMap .group-subcont .area-map h2{padding-bottom: 16px;font-size: 16px;}
#shMap .group-subcont .area-map iframe{height: 320px;}
#shMap .group-subcont .area-map .col-2{grid-template-columns: repeat(1,1fr);gap: 40px;margin-bottom: 40px;padding-bottom: 40px;}
#shMap .group-subcont .area-map .col-2 .fl-l{gap: 12px;}
#shMap .group-subcont .area-map .col-2 .fl-l strong{font-size: 26px;}
#shMap .group-subcont .area-map .col-2 .fl-l ul{flex-direction: row;align-items: center;gap: 20px;}
#shMap .group-subcont .area-map .col-2 .fl-l ul li{font-size: 15px;}
#shMap .group-subcont .area-map .col-2 .fl-r h3{padding-bottom: 12px;}
#shMap .group-subcont .area-map .col-2 .fl-r .webhard{padding: 12px;}
#shMap .group-subcont .area-map .col-2 .fl-r .webhard dl{font-size: 14px;}
#shMap .group-subcont .area-transport{padding-bottom: 40px;}
#shMap .group-subcont .area-transport h3{padding-bottom: 20px;}
#shMap .group-subcont .area-transport .transport-list{gap: 25px;}
#shMap .group-subcont .area-transport .transport-list > li{flex-direction: column;align-items: flex-start;gap: 10px;}
#shMap .group-subcont .area-transport .transport-list > li > ul{gap: 5px;}
#shMap .group-subcont .area-transport .transport-list > li > ul > li{font-size: 14px;word-break: keep-all;}
#shMap .group-subcont .area-transport .transport-list .mark{font-size: 12px;word-break: keep-all;}
#shMap .group-subcont .area-transport .transport-list .ic-transport{flex-direction: row;gap: 6px;width:auto;padding: 5px 10px;aspect-ratio: unset;border-radius:5px;font-size: 14px;}
#shMap .group-subcont .area-transport .transport-list .ic-transport.car img{width: 25px;margin-bottom: 0;}
#shMap .group-subcont .area-transport .transport-list .ic-transport.subway img, #shMap .group-subcont .area-transport .transport-list .ic-transport.bus img{width: 24px;margin-bottom: 0;}

/* 제품소개 */
#shProduct .product__list > li{gap: 20px;}
#shProduct .product__list .thumb-box{max-width:280px}
#shProduct .product__list .text-box .product__tit{padding-bottom: 12px;}
#shProduct .product__list .text-box .product__tit h4{font-size: 20px;}
#shProduct .product__list .text-box .product__tit .link-order{padding: 6px 8px;border-radius:3px;font-size: 12px;}
#shProduct .product__list .text-box .detail{gap: 6px;}
#shProduct .product__list .text-box .detail li{gap: 4px;padding: 16px 20px;border-radius:5px}
#shProduct .product__list .text-box .detail li .detail__tit{font-size: 15px;}
#shProduct .product__list .text-box .detail li .toggle-box p, #shProduct .product__list .text-box .detail li .toggle-box div{font-size: 14px;}

/* 고객센터 - 작업가이드 */
#shGuide .group-subtit{padding-bottom: 18px;}
#shGuide .group-subcont .tab-menu{padding-bottom: 30px;}
#shGuide .group-subcont .tab-menu li{font-size: 13px;}
#shGuide .tab-cont > ul.cont-list{gap: 40px;place-items:center}
#shGuide .tab-cont.ai .cmyk .item, #shGuide .tab-cont.ai .text .item, #shGuide .tab-cont.ai .cut img{max-width:none}
#shGuide .tab-cont.ai .cut img{height: auto;}
#shGuide .tab-cont > ul.cont-list li{max-width:465px;width: 100%;}
#shGuide .tab-cont > ul > li .col-2{gap: 15px;}

#shGuide .tab-cont > ul > li .col-2{flex-direction: column;align-items: center;gap: 18px;}
#shGuide .tab-cont > ul.cont-list li{max-width:none}
#shGuide .tab-cont.ai .caution .col-2 .fl-r{gap: 14px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-r dt{font-size: 15px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-r dt .ic-check{width: 25px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-r dt .ic-check svg{width: 14px;height: 14px;}
#shGuide .tab-cont > ul > li .col-2 .fl-r{width: 100%;padding-top: 0;}
#shGuide .tab-cont > ul > li .col-2 .fl-r ul li p{padding-left: 10px;}
#shGuide .tab-cont > ul.cont-list li.dot p::before{width: 3px;transform: translateZ(0);will-change: transform;}
#shGuide .tab-cont > ul > li .col-2 .fl-l{max-width:none}
#shGuide .tab-cont.ai .caution .col-2 .fl-l span{font-size: 14px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-l span:nth-child(3), #shGuide .tab-cont.ai .caution .col-2 .fl-l span:last-of-type{bottom: 15%;}

/* #shGuide .tab-cont > ul.cont-list{width: 65%;} */

/* 주문서 팝업 */
#deliveryFee .fee-box, #deliveryComment .comment-box{width: calc(100% - 40px);}

/* #deliveryFee{padding: 0 20px;} */
}

@media (max-width:580px){
#shEquip .group-subcont .img-slide{height: 260px;}
}
@media(max-width:480px){
    .sh_mb_common .logo img, .pagecommon .logo img{width: 130px;}
    #signOpt h1{padding: 25px 0;}
    #signOpt .sign_op{padding-bottom: 25px;}

/* 공통 */
.pagecommon .sub__tit{font-size: 22px;white-space: pre-line;}
.pagecommon .sub__desc{font-size: 14px;}
.pagecommon .area-banner{padding: 45px 20px;}
.pagecommon .area-banner .text-box p.desc{font-size: 14px;}
.pagecommon .area-banner .text-box h3{font-size: 18px;}

/* 게시판 공통 */
#sh_bo_list, #sh_faq, #sh_bo_w{padding: 40px 20px 0;}
 #sh_bo_v{margin: 40px 20px 0;}


/* 올데이프린팅 소개 */
#shAbout{padding-top: 40px;}
#shAbout .area-about{padding: 0 20px 40px;}
#shAbout .area-about .sub__tit{padding-bottom: 15px;}
#shAbout .area-about .text-box p.desc{font-size: 14px;white-space:normal}
#shAbout .area-banner{margin: 0 20px 40px;}
#shAbout .area-solution .group-subcont .check-container{padding: 0 20px 40px;}
#shAbout .area-solution .group-subcont .check-container h4{gap: 5px;padding-bottom: 5px;font-size: 15px;}
#shAbout .area-solution .group-subcont .check-container p.desc{font-size: 14px;}
#shAbout .area-solution .group-subcont .check-container h4 svg{width: 18px;height: 18px;}
#shAbout .area-process{padding: 40px 20px;}
#shAbout .area-process .group-subcont ol li{max-width:none}
#shAbout .area-process .group-subcont ol li .text-box{gap: 5px;padding: 22px 10px 18px;}
#shAbout .area-process .group-subcont ol li .text-box .num{top: -16px;width: 32px;font-size: 13px;}
#shAbout .area-process .group-subcont ol li .text-box h4{font-size: 15px;}

/* 장비소개 */
#shEquip{padding: 40px 20px 0;}
#shEquip .swiper-controller{justify-content: center;}
#shEquip .swiper-controller .pager{flex-shrink:0;font-size: 12px;}
#shEquip .group-subcont .img-slide{height: 200px;}
#shEquip .group-subcont .swiper-slide .text-box h2{padding-bottom: 12px;font-size: 17px;}

/* 오시는 길 */
#shMap{padding: 40px 20px 0;}
#shMap .group-subcont .area-map h2{font-size: 15px;}
#shMap .group-subcont h3{font-size: 16px;}
#shMap .group-subcont .area-map .col-2{gap: 30px;margin-bottom: 20px;padding-bottom: 20px;}
#shMap .group-subcont .area-map .col-2 .fl-l{gap: 10px;}
#shMap .group-subcont .area-map .col-2 .fl-l strong{font-size: 24px;}
#shMap .group-subcont .area-map .col-2 .fl-r .webhard{padding: 10px;}
#shMap .group-subcont .area-map .col-2 .fl-r .webhard dl{padding: 13px;font-size: 13px;}
#shMap .group-subcont .area-map iframe{height: 245px;margin-bottom: 28px;}
#shMap .group-subcont .area-transport .transport-list{gap: 20px;}
#shMap .group-subcont .area-transport .transport-list > li > ul{gap: 10px;}
#shMap .group-subcont .area-transport .transport-list > li > ul > li{flex-direction: column-reverse;align-items: flex-start;gap: 4px;}

/* 제품소개 */
#shProduct{padding: 40px 20px 0;}
#shProduct .sub__tit{padding-bottom: 25px;}
#shProduct .product__list{gap: 40px;}
#shProduct .product__list .thumb-box{max-width:250px}
#shProduct .product__list .text-box .product__tit{flex-direction: column;align-items: center;gap: 7px;padding-bottom: 15px;}
#shProduct .product__list .text-box .product__tit h4{font-size: 18px;}
#shProduct .product__list > li{gap: 15px;}

/* 고객센터 - 작업가이드 */
#shGuide{padding: 40px 20px 0;}
#shGuide .group-subtit p.desc{font-size: 14px;}
#shGuide .group-subcont .tab-menu{flex-wrap:wrap;gap: 7px;padding-bottom: 24px;}
#shGuide .group-subcont .tab-menu li{white-space:nowrap}
#shGuide .tab-cont.cm-list ul li{padding: 20px 40px;font-size: 14px;}
#shGuide .tab-cont ul li.dot::before{left: 20px;}
#shGuide .tab-cont ul.notice li{padding: 20px 40px;}
#shGuide .tab-cont ul.notice li:last-child{font-size: 14px;}
#shGuide .tab-cont > ul > li{gap: 10px;}
#shGuide .tab-cont > ul > li h4{font-size: 15px;}
#shGuide .tab-cont > ul > li h4 .num{font-size: 11px;border-radius:50px}
/* #shGuide .tab-cont > ul > li .col-2 .fl-l{padding: 20px;} */
/* #shGuide .tab-cont .mark{width: 36px;font-size: 18px;} */
#shGuide .tab-cont > ul > li .col-2 .fl-r ul li p{font-size: 14px;}
/* #shGuide .tab-cont.ai .size .item{height: auto;aspect-ratio:211 / 133;} */
/* #shGuide .tab-cont.ai .size .item:last-child{height: auto;aspect-ratio: 1;} */
/* #shGuide .tab-cont.ps .doc .fl-l .item .label{max-width:60px;font-size: 13px;} */
/* #shGuide .tab-cont > ul > li .col-2 .fl-l .item .text{font-size: 12px;} */
/* #shGuide .tab-cont.ps .etc .fl-l{flex-direction: column;} */
/* #shGuide .tab-cont.ps .etc .fl-l > .item:first-child{max-width:none;padding: 15px;} */
/* #shGuide .tab-cont.ps .etc .fl-l > .item:first-child img{max-width:60px} */
/* #shGuide .tab-cont.ps > ul > li .col-2 .fl-l .item .text{font-size: 14px;} */
#shGuide .tab-cont ul.notice li{font-size: 14px;}

#shGuide .tab-cont.ai .caution .col-2 .fl-r p{font-size: 14px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-r dl{gap: 5px;}

#shGuide .tab-cont.ai .caution h4 .ic-caution{border-radius: 50px;}
#shGuide .tab-cont.ai .caution h4 .ic-caution svg{width: 16px;height: 16px;transform: translateY(-1px);}
#shGuide .tab-cont > ul > li .col-2 .fl-l span.img_tit{padding: 5px 10px;font-size: 11px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-r dt{font-size: 14px;}
#shGuide .tab-cont.ai .caution .col-2 .fl-r dd{font-size: 14px;}

/* 주문서 팝업 */
#deliveryFee h2{font-size: 14px !important;}

}
@media (max-width:390px){
/* 로그인 + 회원가입 공통 */
#signOpt .sign_op{flex-direction: column;}
#signOpt .sign_op li{max-width:none;height: 170px;}
#signOpt .sign_op li label{padding: 20px;}
#signOpt .sign_op li label .label_icon img{max-width:55px}
#signOpt .sign_op li label .label_txt{font-size: 14px;}

}