@charset "utf-8";

.hpbrick_btn {display:flex; justify-content:center; align-items:center; width:250px; height:70px; border:2px solid #fff; border-radius:5px; font-size:1.125em; color:#fff; font-weight:600; font-family:'Pretendard'; text-align:center; position:relative; overflow:hidden; transition:border 0.6s;}
.hpbrick_btn:before {content:''; display:block; width:110%; height:100%; border-radius:0px; background:#f25f49; position:absolute; left:0; top:0; transform:scaleX(0); transform-origin:right; transition:transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86)}
.hpbrick_btn span {position:relative; z-index:5;}
.hpbrick_btn:hover {border-color:#f25f49;}
.hpbrick_btn:hover:before {transform:scaleX(1); transform-origin:left;}
.hpbrick_btn.case2:hover {border-color:#ff812c}
.hpbrick_btn.case2:before {background:#ff812c;}
.hpbrick_btn.case3 {border-color:#f25f49; color:#f25f49;}
.hpbrick_btn.case3:hover {color:#fff;}

@media screen and (max-width:1024px){
    .hpbrick_btn {width:190px; height:60px; font-size:1em;}
}

@media screen and (max-width:767px){
    .hpbrick_btn {width:130px; height:40px;}
}

/* header*/
#hpbrick_header {width:100%; height:100px; padding:0 50px; position:fixed; left:0; top:0; z-index:300; transition:all 0.5s; transition-property:background, box-shadow;}
#hpbrick_header .h_util {float:right; display:flex; position:relative; z-index:5;}
#hpbrick_header .h_util ul li {float:left; margin-right:15px;}
#hpbrick_header .h_util ul li:last-child {margin-right:0;}
#hpbrick_header .h_util ul li a {display:block; font-size:1em; line-height:100px; font-weight:500; transition:all 0.5s; transition-property:color;}

#hpbrick_logo {float:left; width:250px; height:20px; background:url(/images/logo.svg) no-repeat center center; background-size:contain; position:relative; z-index:5; margin-top:40px;}
#hpbrick_logo a {display:block; width:100%; height:100%;}

#hpbrick_gnb {width:100%; position:absolute; left:0; top:0; z-index:2;}
#hpbrick_gnb > ul {display:flex; justify-content:center;}
#hpbrick_gnb > ul > li > a {display:block; font-size:1.25em; color:#191919; line-height:100px; font-weight:700; padding:0 25px;}

#all_gnb {width:100%; height:100vh; padding:150px 100px 0; position:fixed; left:0; top:0; z-index:4; opacity:0; visibility:hidden; transition:all 0s; transition-property:opacity, visibility; transition-delay:0.5s;}
#all_gnb:before {content:''; display:block; width:100%; height:0; background:#000; position:absolute; left:0; top:0; transition:height 0.5s}
#all_gnb:after {content:''; display:block; width:1500px; height:120px; background:url(/images/logo_w.svg) no-repeat center center; background-size:contain; opacity:0.05; position:absolute; right:0; bottom:0; z-index:1;}
#all_gnb > ul {position:relative; z-index:10;}
#all_gnb > ul > li {margin-bottom:30px; overflow:hidden;}
#all_gnb > ul > li:last-child {margin-bottom:0;}
#all_gnb > ul > li > a {display:inline-block; font-size:3.75em; font-weight:800; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; transform:translateY(100%); transition:all 0.3s ease-in-out; transition-property:color, text-shadow, transform;}
#all_gnb > ul > li > a:hover {color:#fff; text-shadow:none;}
#all_gnb > ul > li.pc_hide {display:none;}
#all_gnb .info {width:500px; padding:20px 0 20px 40px; position:absolute; right:0; bottom:0; z-index:11;}
#all_gnb .info:before {content:''; display:block; width:1px; height:0; background:rgba(255,255,255,0.6); position:absolute; left:0; top:0; transition:height 0.5s; transition-delay:0s;}
#all_gnb .info dl {width:100%; overflow:hidden; margin-bottom:10px; opacity:0; transform:translateX(30px); transition:all 0.5s; transition-property:opacity, transform;}
#all_gnb .info dl dt {float:left; width:30px; font-size:1em; color:rgba(255,255,255,0.6); line-height:1.7em; font-weight:600; clear:both;}
#all_gnb .info dl dd {float:left; width:calc(100% - 30px); font-size:1em; color:#fff; line-height:1.7em;}

#menuToggle {width:42px; height:42px; position:relative; margin:29px 0 0 30px;}
#menuToggle:before, #menuToggle:after {content:''; display:block; width:100%; height:2px; background:#191919; position:absolute; right:0; transition:all 0.5s; transition-property:background, transform;}
#menuToggle:before {bottom:50%; margin-bottom:3px;}
#menuToggle:after {top:50%; margin-top:3px;}

#hpbrick_header.on .h_util ul li a {color:#fff;}

#hpbrick_header.on #hpbrick_logo {background-image:url(/images/logo_w.svg)}

#hpbrick_header.on #all_gnb {opacity:1; visibility:visible; transition-delay:0s;}
#hpbrick_header.on #all_gnb:before {height:100%;}
#hpbrick_header.on #all_gnb > ul > li > a {transform:translateY(0)}
#hpbrick_header.on #all_gnb > ul > li:nth-child(1) > a {transition-delay:0s, 0s, 0.2s;}
#hpbrick_header.on #all_gnb > ul > li:nth-child(2) > a {transition-delay:0s, 0s, 0.3s;}
#hpbrick_header.on #all_gnb > ul > li:nth-child(3) > a {transition-delay:0s, 0s, 0.4s;}
#hpbrick_header.on #all_gnb > ul > li:nth-child(4) > a {transition-delay:0s, 0s, 0.5s;}
#hpbrick_header.on #all_gnb > ul > li:nth-child(5) > a {transition-delay:0s, 0s, 0.6s;}
#hpbrick_header.on #all_gnb > ul > li:nth-child(6) > a {transition-delay:0s, 0s, 0.7s;}
#hpbrick_header.on #all_gnb .info:before {height:100%; transition-delay:0.3s;}
#hpbrick_header.on #all_gnb .info dl {opacity:1; transform:translateX(0)}
#hpbrick_header.on #all_gnb .info dl:nth-child(1) {transition-delay:0.3s}
#hpbrick_header.on #all_gnb .info dl:nth-child(2) {transition-delay:0.4s}
#hpbrick_header.on #all_gnb .info dl:nth-child(3) {transition-delay:0.5s}

#hpbrick_header.on #menuToggle:before, #hpbrick_header.on #menuToggle:after {background:#fff;}
#hpbrick_header.on #menuToggle:before {transform:translateY(4px) rotate(45deg)}
#hpbrick_header.on #menuToggle:after {transform:translateY(-4px) rotate(-45deg)}

#hpbrick_header.scroll_on {background:#fff; box-shadow:0 0 10px rgba(25,25,25,0.1)}

@media screen and (max-width:1300px){
	#hpbrick_gnb > ul > li > a {padding:0 20px;}
}

@media screen and (max-width:1220px){
    #hpbrick_header {padding:0 6%;}
    #hpbrick_header .h_util ul li {margin-right:10px;}
	#hpbrick_header .h_util ul li a {font-size:0.875em;}

	#hpbrick_logo {width:200px; height:16px; margin-top:42px;}

    #hpbrick_gnb {padding:0 240px 0 200px;}
    #hpbrick_gnb > ul > li > a {font-size:1.125em; padding:0 5px;}

    #all_gnb {padding-left:8%; padding-right:8%;}
    #all_gnb:after {width:1000px; height:80px;}
    #all_gnb > ul > li > a {font-size:3.125em;}
    #all_gnb .info {width:400px;}

    #menuToggle {margin-left:30px;}
}

@media screen and (max-width:1024px){
    #hpbrick_header {height:50px;}
	#hpbrick_header .h_util ul li {margin-right:5px;}
    #hpbrick_header .h_util ul li a {font-size:0.9375em; line-height:50px;}
	#hpbrick_header .h_util ul li.mo_hide {display:none;}

    #hpbrick_logo {width:180px; height:14px; margin-top:18px;}

    #hpbrick_gnb {display:none;}

    #all_gnb {padding-top:90px;}
    #all_gnb:after {width:700px; height:56px;}
    #all_gnb > ul > li {margin-bottom:20px;}
    #all_gnb > ul > li > a {font-size:2.2em;}
	#all_gnb > ul > li.pc_hide {display:block;}
    #all_gnb .info {width:80%; max-width:350px; padding:10px 0 10px 20px;}
    #all_gnb .info dl {margin-bottom:5px;}
    #all_gnb .info dl dt {width:20px;}
    #all_gnb .info dl dd {width:calc(100% - 20px)}

    #menuToggle {width:25px; height:25px; margin:12px 0 0 5px;}
}


/* footer */
#hpbrick_footer {width:100%; background:#fbfbfb; padding:55px 0;}
#hpbrick_footer > div {overflow:hidden;}
#hpbrick_footer .f_logo {float:left; width:250px; height:20px; background:url(/images/logo.svg) no-repeat center center; background-size:contain; opacity:0.2;}
#hpbrick_footer .info {float:left; width:calc(100% - 250px); padding-left:90px;}
#hpbrick_footer .info ul li {display:inline-block; font-size:1em; color:#666; line-height:1.6em; margin-right:15px;}
#hpbrick_footer .info ul li strong {font-weight:600; margin-right:10px;}
#hpbrick_footer .info .copy {font-size:1em; color:#666; font-weight:600; text-transform:uppercase; margin-top:10px;}
#hpbrick_footer .f_member {display:inline-block; font-size:0.875em; color:#666; line-height:23px; padding:0 10px; border:1px solid rgba(25,25,25,0.4); margin-top:5px;}

@media screen and (max-width:1220px){
    #hpbrick_footer .info {padding-left:50px;}
}

@media screen and (max-width:1024px){
    #hpbrick_footer {padding:5% 0;}
    #hpbrick_footer .f_logo {width:180px; height:14px;}
    #hpbrick_footer .info {width:calc(100% - 180px); padding-left:20px;}
    #hpbrick_footer .info ul li {margin-right:10px;}
    #hpbrick_footer .info ul li strong {margin-right:5px;}
}

@media screen and (max-width:767px){
    #hpbrick_footer .f_logo {float:none;}
    #hpbrick_footer .info {float:none; width:100%; padding-left:0; margin-top:3%;}
}


#Quick {width:70px; background:#fff; border-radius:10px; box-shadow:0 0 7px rgba(25,25,25,0.1); overflow:hidden; position:fixed; right:85px; bottom:50px; z-index:250;}
#Quick a {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:85px; text-align:center; position:relative;}
#Quick a i {font-size:1.25em;}
#Quick a p {font-size:0.75em; color:#191919; font-weight:700; text-transform:uppercase; margin-top:10px;}
#Quick a.advice {background:#ff812c; color:#fff;}
#Quick a.advice p {color:#fff;}
#Quick a.ad {background:#ff812c; color:#fff; border-bottom:1px solid rgba(255,255,255,0.3)}
#Quick a.ad p {color:#fff;}
#Quick a.go_top > div {width:100%; height:0; position:absolute; left:0; top:0; overflow:hidden; transition:height 0.1s linear;}
#Quick a.go_top > div > div {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:85px; background:#f25f49;}
#Quick a.go_top > div i, #Quick a.go_top > div p {color:#fff;}

@media screen and (max-width:1220px){
    #Quick {right:6vw; bottom:30px;}
}

@media screen and (max-width:1024px){
    #Quick {width:60px;}
    #Quick a {height:70px;}
    #Quick a i {font-size:1.125em;}
    #Quick a p {margin-top:5px;}
    #Quick a.go_top > div > div {height:70px;}
}

@media screen and (max-width:767px){
    #Quick {width:35px; border-radius:5px; right:15px; bottom:15px;}
    #Quick a {height:35px;}
    #Quick a i {font-size:1em;}
    #Quick a p {display:none;}
    #Quick a.go_top > div > div {height:35px;}
}


/* main */
#mVisu {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:#fffad6; position:relative; text-align:center;}
#mVisu .tit {font-size:4.375em; line-height:1.2em; font-weight:800; position:relative;}
#mVisu .tit p {overflow:hidden;}
#mVisu .tit p span {display:block; transform:translateY(100%); animation:mVisuTxt 10s ease-in-out infinite;}
#mVisu .tit div:nth-child(2) {width:100%; position:absolute; left:0; top:0;}
#mVisu .tit div:nth-child(2) p span {animation-delay:5s;}
#mVisu .txt {font-size:1.5em; line-height:1.5em; font-weight:500; font-family:'Noto Sans KR'; margin-top:20px; position:relative;}
#mVisu .txt p {overflow:hidden;}
#mVisu .txt p span {display:block; transform:translateY(100%); animation:mVisuTxt 10s ease-in-out infinite;}
#mVisu .txt div:nth-child(2) {width:100%; position:absolute; left:0; top:0;}
#mVisu .txt div:nth-child(2) p span {animation-delay:5s;}
#mVisu .lottie_box {width:750px; max-width:100%; margin:0 auto;}
#mVisu .scoll_box {width:100%; position:absolute; left:0; bottom:0;}
#mVisu .scoll_box p {font-size:0.75em; color:#ff812c; font-weight:700; text-transform:uppercase; margin-bottom:20px;}
#mVisu .scoll_box .icon {display:block; width:3px; height:60px; margin:0 auto; position:relative; overflow:hidden;}
#mVisu .scoll_box .icon:before {content:''; display:block; width:1px; height:100%; background:#dcdcdc; margin:0 auto;}
#mVisu .scoll_box .icon:after {content:''; display:block; width:3px; height:100%; background:#ff812c; border-radius:3px; position:absolute; left:0; transform:translate3d(0, -200%, 0);animation:mVisuScroll ease-in-out 1.5s infinite;}

@keyframes mVisuScroll {
	0% {transform:translate3d(0, -200%, 0);}
	100% {transform:translate3d(0, 100%, 0);}
}

@keyframes mVisuTxt {
	0% {transform:translateY(100%);}
	10% {transform:translateY(0);}
	40% {transform:translateY(0);}
	50% {transform:translateY(-100%);}
	100% {transform:translateY(-100%);}
}

@media screen and (min-height:1000px){
	#mVisu .lottie_box {width:885px;}
}

@media screen and (max-width:1024px){
    #mVisu .tit {font-size:3.5em;}
    #mVisu .txt {font-size:1.25em; margin-top:2%;}
	#mVisu .lottie_box {width:600px;}
    #mVisu .scoll_box p {margin-bottom:2%;}
    #mVisu .scoll_box .icon {height:40px;}
}

@media screen and (max-width:767px){
    #mVisu .tit {font-size:2.8em;}
    #mVisu .txt {font-size:1.125em;}
    #mVisu .scoll_box .icon {height:30px;}
}

.main_title .tit {font-size:2.5em; line-height:1.375em; font-weight:800;}
.main_title .txt {font-size:1.125em; color:#666; line-height:1.6em; margin-top:15px;}

@media screen and (max-width:1024px){
    .main_title .tit {font-size:2em;}
    .main_title .txt {font-size:1em; margin-top:2%;}
}

#mService {padding:150px 0 70px;}
#mService ul {display:flex; justify-content:center; flex-wrap:wrap; width:100%; margin-top:70px;}
#mService ul li {width:calc(33.33% - 33.33px); margin-right:50px;}
#mService ul li:last-child {margin-right:0;}
#mService ul li .img_box {width:100%; height:450px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:30px;}
#mService ul li dl {width:100%; text-align:center; margin-top:30px;}
#mService ul li dl dt {font-size:1.5em; color:#f25f49; font-weight:700;}
#mService ul li dl dd {font-size:1.125em; color:#666; line-height:1.6em; margin-top:15px;}
#mService .info {width:100%; margin-top:70px; position:relative;}
#mService .info .en {width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%)}
#mService .info .en img {width:100%; opacity:0.03;}
#mService .info .txt_box {display:flex; justify-content:center; align-items:center; width:450px; height:450px; border-radius:50%; margin:0 auto; position:relative; z-index:5;}
#mService .info .txt_box .lottie_box {width:100%; height:100%; position:absolute; left:0; top:0; z-index:0;}
#mService .info .txt_box p {font-size:1.375em; color:#fff; line-height:1.6em; font-weight:700; text-align:center; position:relative; z-index:5;}

@media screen and (max-width:1220px){
    #mService ul li .img_box {height:33vw;}
    #mService ul li dl dd br {display:none;}
}

@media screen and (max-width:1024px){
    #mService {padding:13% 0 10%;}
    #mService ul {margin-top:7%;}
    #mService ul li {width:calc(33.33% - 10px); margin-right:15px;}
    #mService ul li .img_box {border-radius:15px;}
    #mService ul li dl {margin-top:15px;}
    #mService ul li dl dt {font-size:1.3em;}
    #mService ul li dl dd {font-size:1em; margin-top:5px;}
    #mService .info {margin-top:7%;}
    #mService .info .txt_box {width:330px; height:330px;}
    #mService .info .txt_box p {font-size:1.125em;}
}

@media screen and (max-width:767px){
    #mService ul li {width:calc(50% - 5px); margin-right:10px;}
    #mService ul li:nth-child(2n) {margin-right:0;}
    #mService ul li:nth-child(2) ~ li {margin-top:7%;}
    #mService ul li .img_box {height:53vw;}
    #mService .info .txt_box {width:250px; height:250px;}
}


#mProcess {margin-bottom:150px;}
#mProcess .box {display:flex; align-items:center; flex-wrap:wrap; width:100%; margin-top:30px;}
#mProcess .box .tab_box {width:calc(100% - 900px)}
#mProcess .box .tab_box li {padding:0 0 50px 55px; position:relative;}
#mProcess .box .tab_box li:last-child {padding-bottom:0;}
#mProcess .box .tab_box li:before {content:''; display:block; width:1px; height:100%; background:#ff812c; position:absolute; left:13px; top:10px;}
#mProcess .box .tab_box li:last-child:before {display:none;}
#mProcess .box .tab_box li button {font-size:1.125em; color:#a4a4a4; font-family:'Pretendard'; text-align:left; transition:color 0.3s;}
#mProcess .box .tab_box li button:before {content:''; display:block; width:10px; height:10px; background:#ff812c; border-radius:50%; position:absolute; left:8px; top:6px;}
#mProcess .box .tab_box li.active button {color:#ff812c; font-weight:600;}
#mProcess .box .tab_box li.active button:before {width:26px; height:26px; border:8px solid #ffede1; left:0; top:-2px;}
#mProcess .box .content_box {width:900px; height:350px; position:relative;}
#mProcess .box .content_box > div {display:flex; justify-content:center; align-items:center; flex-direction:row-reverse; flex-wrap:wrap; width:100%; height:100%; background:#fbfbfb; border-radius:30px; padding:0 100px; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
#mProcess .box .content_box > div.active {opacity:1; visibility:visible; z-index:5;}
#mProcess .box .content_box .lottie_box {width:350px; height:350px;}
#mProcess .box .content_box .txt_box {width:calc(100% - 350px)}
#mProcess .box .content_box .txt_box dl dt {font-size:1.5em; color:#ff812c; font-weight:700;}
#mProcess .box .content_box .txt_box dl dd {font-size:1.125em; color:#666; line-height:1.6em; margin-top:20px;}

@media screen and (max-width:1220px){
    #mProcess .box .tab_box {width:250px;}
    #mProcess .box .content_box {width:calc(100% - 250px); height:300px;}
    #mProcess .box .content_box > div {padding:0 50px;}
    #mProcess .box .content_box .lottie_box {width:300px; height:300px;}
    #mProcess .box .content_box .txt_box {width:calc(100% - 300px)}
}

@media screen and (max-width:1024px){
    #mProcess {margin-bottom:13%;}
    #mProcess .box .tab_box {width:180px;}
    #mProcess .box .tab_box li {padding:0 0 25px 25px;}
    #mProcess .box .tab_box li:before {left:8px;}
    #mProcess .box .tab_box li button {font-size:1em;}
    #mProcess .box .tab_box li button:before {width:8px; height:8px; left:4px;}
    #mProcess .box .tab_box li.active button:before {width:16px; height:16px; border-width:4px; top:2px;}
    #mProcess .box .content_box {width:calc(100% - 180px); height:250px;}
    #mProcess .box .content_box > div {padding:0 30px; border-radius:15px;}
    #mProcess .box .content_box .lottie_box {width:200px; height:200px;}
    #mProcess .box .content_box .txt_box {width:calc(100% - 200px)}
    #mProcess .box .content_box .txt_box dl dt {font-size:1.25em;}
    #mProcess .box .content_box .txt_box dl dd {font-size:1em; margin-top:10px;}
}

@media screen and (max-width:767px){
    #mProcess .box .tab_box {width:100%;}
    #mProcess .box .tab_box:after {content:''; display:block; width:100%; clear:both;}
    #mProcess .box .tab_box li {float:left; width:25%; padding:20px 5px 0;}
    #mProcess .box .tab_box li:before {width:100%; height:1px; left:50%; top:4px;}
    #mProcess .box .tab_box li button {display:block; width:100%; text-align:center;}
    #mProcess .box .tab_box li button:before {left:50%; top:0; transform:translateX(-50%)}
    #mProcess .box .tab_box li.active button:before {left:50%; top:-4px;}
    #mProcess .box .content_box {width:100%; height:320px; margin-top:5%;}
    #mProcess .box .content_box > div {flex-direction:column; text-align:center;}
    #mProcess .box .content_box .lottie_box {width:190px; height:190px; margin:-30px auto -20px;}
    #mProcess .box .content_box .txt_box {width:100%; margin-top:20px;}
}


.mTemplate_slide {width:100%; position:relative; padding-bottom:70px;}
.mTemplate_slide .swiper-slide {display:flex; justify-content:center; align-items:center; height:650px; border-radius:30px; overflow:hidden; position:relative;}
.mTemplate_slide .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; z-index:0;}
.mTemplate_slide .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3);}
.mTemplate_slide .txt_box {position:relative; z-index:5; text-align:center; color:#fff;}
.mTemplate_slide .txt_box .tit1 {font-size:1.875em; font-weight:500;}
.mTemplate_slide .txt_box .tit2 {font-size:3.125em; line-height:1.5em; font-weight:800;}
.mTemplate_slide .txt_box .txt {font-size:1.125em; line-height:1.6em; font-weight:500; margin-top:20px;}
.mTemplate_slide .txt_box .hpbrick_btn {margin:50px auto 0;}
.mTemplate_slide.swiper-container-horizontal>.swiper-pagination-bullets {height:3px; background:#dcdcdc; border-radius:3px; bottom:0;}
.mTemplate_slide .swiper-pagination {display:flex;}
.mTemplate_slide .swiper-pagination-bullet {display:block; width:33.33%; height:3px; background:#dcdcdc; border-radius:3px; opacity:1; margin:0 !important;}
.mTemplate_slide .swiper-pagination-bullet-active {background:#191919;}

@media screen and (max-width:1024px){
    .mTemplate_slide {padding-bottom:40px;}
    .mTemplate_slide .swiper-slide {height:58vw; border-radius:15px;}
    .mTemplate_slide .txt_box .tit1 {font-size:1.5em;}
    .mTemplate_slide .txt_box .tit2 {font-size:2.5em;}
    .mTemplate_slide .txt_box .txt {font-size:1em; margin-top:3%;}
    .mTemplate_slide .txt_box .hpbrick_btn {margin-top:4vw;}
}

@media screen and (max-width:767px){
    .mTemplate_slide {padding-bottom:20px;}
    .mTemplate_slide .txt_box {padding:0 5%;}
    .mTemplate_slide .txt_box .tit1 {font-size:1.2em;}
    .mTemplate_slide .txt_box .tit2 {font-size:2em;}
}


#mPromise {padding:150px 0;}
#mPromise ul {display:flex; justify-content:center; flex-wrap:wrap; width:100%; margin-top:100px;}
#mPromise ul li {width:144px; margin-right:100px;}
#mPromise ul li:last-child {margin-right:0;}
#mPromise ul li .lottie_box {width:100%; height:144px;}
#mPromise ul li p {font-size:1.25em; color:#191919; line-height:1.5em; font-weight:700; text-align:center; margin-top:10px;}

@media screen and (max-width:1024px){
    #mPromise {padding:13% 0;}
    #mPromise ul {margin-top:7%;}
    #mPromise ul li {width:16vw; margin-right:30px;}
    #mPromise ul li .lottie_box {height:16vw;}
    #mPromise ul li p {font-size:1.125em; font-weight:600;}
}

@media screen and (max-width:767px){
    #mPromise ul li {width:50%; margin-right:0;}
    #mPromise ul li:nth-child(2) ~ li {margin-top:5%;}
    #mPromise ul li .lottie_box {width:30vw; height:30vw; max-width:130px; max-height:130px; margin:0 auto;}
    #mPromise ul li p {margin-top:5px;}
}


#mContact {width:100%; height:450px; background:url(/images/mContact_img1.jpg) no-repeat center center; background-size:cover; position:relative;}
#mContact:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3); position:absolute; left:0; top:0; z-index:0;}
#mContact > div {display:flex; align-items:center; flex-wrap:wrap; height:100%; position:relative; z-index:5;}
#mContact .main_title {width:calc(100% - 505px)}
#mContact .btn_box {width:505px; overflow:hidden;}
#mContact .btn_box .hpbrick_btn {float:left; margin-right:5px;}
#mContact .btn_box .hpbrick_btn:last-child {margin-right:0;}

@media screen and (max-width:1024px){
    #mContact {height:350px}
    #mContact .main_title {width:calc(100% - 385px)}
    #mContact .btn_box {width:385px;}
}

@media screen and (max-width:767px){
    #mContact {height:auto; padding:13% 0;}
    #mContact .main_title {width:100%; text-align:center; margin-bottom:5%;}
    #mContact .btn_box {width:265px; margin:0 auto;}
}


/* sub */
#sub_content {margin:160px 0 150px;}
#sub_content h2.sub_title {font-size:1.875em; line-height:1.2em; font-weight:700; margin-bottom:30px;}
#sub_content h3.sub_title1 {font-size:1.875em; line-height:1.5em; font-weight:700; padding-left:60px; position:relative;}
#sub_content h3.sub_title1:before {content:'\2b'; display:block; width:40px; height:40px; line-height:40px; background:#ff812c; border-radius:50%; font-size:0.53em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; text-align:center; position:absolute; left:0; top:1px;}

@media screen and (max-width:1024px){
    #sub_content {padding-top:50px; margin:5% 0 13%;}
	#sub_content h2.sub_title {font-size:1.5em; margin-bottom:3%;}
    #sub_content h3.sub_title1 {font-size:1.5em; padding-left:45px;}
    #sub_content h3.sub_title1:before {width:30px; height:30px; line-height:30px;}
}

@media screen and (max-width:767px){
    #sub_content h3.sub_title1 {padding-left:33px;}
    #sub_content h3.sub_title1:before {width:25px; height:25px; line-height:25px;}
}


#sVisu {display:flex; align-items:center; height:400px; position:relative; margin-bottom:100px;}
#sVisu .txt_box {position:relative; z-index:5;}
#sVisu .txt_box ul {margin-bottom:70px;}
#sVisu .txt_box ul li {display:inline-block; font-size:1.125em; color:#a4a4a4; font-weight:600;}
#sVisu .txt_box ul li:before {content:''; display:inline-block; width:6px; height:6px; background:#a4a4a4; border-radius:50%; vertical-align:middle; margin:0 15px;}
#sVisu .txt_box ul li:first-child:before {display:none;}
#sVisu .txt_box h2 {font-size:4.375em; line-height:1.2em; font-weight:800;}
#sVisu .txt_box p {font-size:1.5em; line-height:1.5em; font-weight:600; margin-top:10px;}
#sVisu .lottie_box {width:400px; height:100%; position:absolute; right:0; top:0;}

#sVisu2 {position:relative; margin-bottom:70px;}
#sVisu2 .txt_box {position:relative; z-index:5;}
#sVisu2 .txt_box ul {margin-bottom:30px;}
#sVisu2 .txt_box ul li {display:inline-block; font-size:1.125em; color:#a4a4a4; font-weight:600;}
#sVisu2 .txt_box ul li:before {content:''; display:inline-block; width:6px; height:6px; background:#a4a4a4; border-radius:50%; vertical-align:middle; margin:0 15px;}
#sVisu2 .txt_box ul li:first-child:before {display:none;}
#sVisu2 .txt_box h2 {font-size:3.75em; line-height:1.2em; font-weight:800;}

@media screen and (max-width:1024px){
    #sVisu {height:280px; margin-bottom:10%;}
    #sVisu .txt_box ul {margin-bottom:35px;}
    #sVisu .txt_box ul li {font-size:1em;}
    #sVisu .txt_box ul li:before {margin:0 10px;}
    #sVisu .txt_box h2 {font-size:3.5em;}
    #sVisu .txt_box p {font-size:1.25em; margin-top:5px;}
    #sVisu .lottie_box {width:280px;}

	#sVisu2 {margin-bottom:5%;}
	#sVisu2 .txt_box ul {margin-bottom:2%;}
	#sVisu2 .txt_box ul li {font-size:1em;}
	#sVisu2 .txt_box ul li:before {margin:0 10px;}
	#sVisu2 .txt_box h2 {font-size:3em;}
}

@media screen and (max-width:767px){
    #sVisu {align-items:end; height:210px; margin-bottom:7%;}
    #sVisu .txt_box ul {margin-bottom:20px;}
    #sVisu .txt_box ul li:before {width:3px; height:3px;}
    #sVisu .txt_box h2 {font-size:2.7em;}
    #sVisu .txt_box p {font-size:1.125em;}
    #sVisu .lottie_box {width:250px; height:250px; top:-30px; right:-30px;}

	#sVisu2 .txt_box ul li:before {width:3px; height:3px;}
	#sVisu2 .txt_box h2 {font-size:2.4em;}
}



.sGuide_case1 ul {counter-reset:counter;}
.sGuide_case1 ul li {display:flex; align-items:center; width:100%; min-height:140px; background:#fbfbfb; border-radius:20px; padding:15px 0; margin-bottom:15px;}
.sGuide_case1 ul li:last-child {margin-bottom:0;}
.sGuide_case1 ul li:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; display:block; width:125px; font-size:1.5em; color:#ff812c; font-weight:600; text-align:center;}
.sGuide_case1 ul li dl {width:calc(100% - 125px); border-left:1px solid #dcdcdc; padding:0 50px;}
.sGuide_case1 ul li dl dt {font-size:1.5em; color:#ff812c; line-height:1.4em; font-weight:700;}
.sGuide_case1 ul li dl dd {font-size:1.125em; color:#666; line-height:1.6em; margin-top:10px;}

.sGuide_case2 ul {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%}
.sGuide_case2 ul li {display:flex; justify-content:center; align-items:center; width:calc(25% - 11.25px); height:100px; border:2px solid #cfcfcf; border-radius:20px; font-size:1.25em; color:#191919; line-height:1.5em; font-weight:600; text-align:center; padding:0 10px;}

@media screen and (max-width:1024px){
    .sGuide_case1 ul li {min-height:110px; margin-bottom:1%;}
    .sGuide_case1 ul li:before {width:90px; font-size:1.25em;}
    .sGuide_case1 ul li dl {width:calc(100% - 90px); padding:0 30px;}
    .sGuide_case1 ul li dl dt {font-size:1.25em;}
    .sGuide_case1 ul li dl dd {font-size:1em; margin-top:5px;}

    .sGuide_case2 ul li {width:calc(25% - 7.5px); height:80px; border-radius:10px; font-size:1.125em;}
}

@media screen and (max-width:767px){
    .sGuide_case1 ul li {display:block; min-height:0; padding:20px; position:relative;}
    .sGuide_case1 ul li:before {width:auto; text-align:right; position:absolute; left:20px; top:21px;}
    .sGuide_case1 ul li dl {width:100%; border-left:0; padding:0; position:relative; z-index:5;}
    .sGuide_case1 ul li dl dt {padding-left:27px;}

    .sGuide_case2 ul li {width:calc(50% - 2.5px); height:60px;}
    .sGuide_case2 ul li:nth-child(2) ~ li {margin-top:5px;}
}


.sCompany_case1 .txt_box p {font-size:1.125em; color:#666; line-height:1.6em; margin-top:20px;}
.sCompany_case1 .txt_box p:first-child {margin-top:0;}
.sCompany_case1 .txt_box p.name {font-size:1.25em; color:#191919; font-weight:600; margin-top:40px;}
.sCompany_case1 .info_box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%}
.sCompany_case1 .info_box li {width:calc(25% - 22.5px);}
.sCompany_case1 .info_box li .img_box {display:flex; justify-content:center; align-items:center; width:100%; height:420px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px; overflow:hidden; position:relative;}
.sCompany_case1 .info_box li .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3); position:absolute; left:0; top:0; z-index:0;}
.sCompany_case1 .info_box li .img_box i {font-size:2.5em; color:#ff812c; position:relative; z-index:5;}
.sCompany_case1 .info_box li p {font-size:1.25em; line-height:1.5em; font-weight:600; text-align:center; margin-top:25px;}

@media screen and (max-width:1220px){
    .sCompany_case1 .info_box li .img_box {height:30vw;}
}

@media screen and (max-width:1024px){
    .sCompany_case1 .txt_box p {font-size:1em; margin-top:2%;}
    .sCompany_case1 .txt_box p.name {font-size:1.125em; margin-top:4%;}
    .sCompany_case1 .info_box li {width:calc(25% - 11.25px)}
    .sCompany_case1 .info_box li .img_box {height:28vw; border-radius:10px;}
    .sCompany_case1 .info_box li p {font-size:1.125em; margin-top:15px;}
}

@media screen and (max-width:767px){
    .sCompany_case1 .info_box li {width:calc(50% - 5px)}
    .sCompany_case1 .info_box li:nth-child(2) ~ li {margin-top:7%;}
    .sCompany_case1 .info_box li .img_box {height:55vw;}
    .sCompany_case1 .info_box li p {margin-top:10px;}
}


.sInquire_case1 .tab_box {display:flex; justify-content:space-between; width:100%; margin-bottom:50px;}
.sInquire_case1 .tab_box > div {width:calc(50% - 5px);}
.sInquire_case1 .tab_box > div .tab_btn {position:relative;}
.sInquire_case1 .tab_box > div .tab_btn input {display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; cursor:pointer;}
.sInquire_case1 .tab_box > div .tab_btn label {display:flex; justify-content:center; align-items:center; width:100%; height:65px; border:1px solid #ccc; border-radius:10px; font-size:1.125em; color:#666; font-weight:500; text-align:center; transition:all 0.3s; transition-property:background, border, color;}
.sInquire_case1 .tab_box > div .tab_btn input:checked + label {background:#f25f49; border-color:#f25f49; color:#fff; font-weight:600}
.sInquire_case1 .form_box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sInquire_case1 .form_box > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:calc(33.33% - 26.67px); margin-bottom:40px;}
.sInquire_case1 .form_box > div.w_100 {width:100%;}
.sInquire_case1 .form_box > div > div {width:100%; margin-top:10px;}
.sInquire_case1 .form_box label {display:block; font-size:1.125em; color:#191919; line-height:1.5em; font-weight:500;}
.sInquire_case1 .form_box .txt_length {font-size:1em; color:#a4a4a4;}
.sInquire_case1 .form_box .form_txt {display:block; width:100%; height:65px; border:1px solid #cfcfce; border-radius:5px; font-size:1.125em; font-family:'Pretendard'; padding:0 30px;}
.sInquire_case1 .form_box .form_textarea {display:block; width:100%; height:250px; border:1px solid #cfcfce; border-radius:5px; font-size:1.125em; font-family:'Pretendard'; padding:20px 30px; resize:none;}
.sInquire_case1 .form_box .form_txt:read-only {background:#fbfbfb;}
.sInquire_case1 .form_box .form_txt::placeholder, .sInquire_case1 .form_box .form_textarea::placeholder {color:#a4a4a4;}
.sInquire_case1 .form_box .form_txt::-webkit-input-placeholder, .sInquire_case1 .form_box .form_textarea::-webkit-input-placeholder {color:#a4a4a4;}
.sInquire_case1 .form_box .form_txt:-ms-input-placeholder, .sInquire_case1 .form_box .form_textarea:-ms-input-placeholder {color:#a4a4a4;}
.sInquire_case1 .form_box .select_box {width:100%; position:relative;}
.sInquire_case1 .form_box .select_box:after {content:'\f0d7'; font-size:1em; color:#191919; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; right:30px; top:50%; transform:translateY(-50%)}
.sInquire_case1 .form_box .select_box select {display:block; width:100%; height:65px; background:#fff; border:1px solid #cfcfce; border-radius:5px; font-size:1.125em; color:#a4a4a4; font-family:'Pretendard'; padding:0 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.sInquire_case1 .form_box .select_box select option {color:#191919;}
.sInquire_case1 .form_box .select_box.change select {color:#191919;}
.sInquire_case1 .form_box .form_txt:focus, .sInquire_case1 .form_box .form_textarea:focus, .sInquire_case1 .form_box .select_box select:focus {outline:none; box-shadow:none !important; border-color:#ff812c !important;}
.sInquire_case1 .form_box .file_box {display:flex; align-items:center; width:100%; height:65px; border:1px solid #cfcfce; border-radius:5px; padding:0 30px; position:relative;}
.sInquire_case1 .form_box .file_box:after {content:'\f002'; font-size:1em; color:#191919; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:30px; top:50%; transform:translateY(-50%)}
.sInquire_case1 .form_box .file_box input {display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.sInquire_case1 .form_box .file_box p {font-size:1.125em; color:#a4a4a4;}
.sInquire_case1 .form_box .file_box.change p {color:#191919;}
.sInquire_case1 .form_box .phone_box {display:flex; align-items:center; flex-wrap:wrap; width:100%;}
.sInquire_case1 .form_box .phone_box span {display:block; width:30px; font-size:1.125em; color:#191919; font-weight:500; text-align:center;}
.sInquire_case1 .form_box .phone_box .form_txt {width:calc(33.33% - 20px);}
.sInquire_case1 .form_box .phone_box .select_box {width:calc(33.33% - 20px);}
.sInquire_case1 .form_box .email_box {display:flex; align-items:center; flex-wrap:wrap; width:100%;}
.sInquire_case1 .form_box .email_box .form_txt {width:calc(30% - 26.67px);}
.sInquire_case1 .form_box .email_box span {display:block; width:40px; font-size:1.125em; color:#191919; font-weight:500; text-align:center;}
.sInquire_case1 .form_box .email_box .select_box {width:calc(40% - 26.67px); margin-left:40px;}
.sInquire_case1 .form_box .txt1 {font-size:1em; color:#a4a4a4; margin-top:15px;}
.sInquire_case1 .privacy_box {width:100%; height:200px; overflow: auto; margin-top:50px; border:1px solid #dcdcdc; border-radius:5px; padding:35px 50px;}
.sInquire_case1 .privacy_box strong {display:block; font-size:1.125em; line-height:1.5em; font-weight:500; margin-bottom:15px;margin-top:50px;}
.sInquire_case1 .privacy_box p {font-size:1em; color:#666; line-height:1.8em;}
.sInquire_case1 .check_box {float:right; display:block; margin:20px 0 50px;}
.sInquire_case1 .check_box input {display:none;}
.sInquire_case1 .check_box p {font-size:1em; line-height:25px; padding-left:40px; position:relative;}
.sInquire_case1 .check_box p:before {content:''; display:block; width:25px; height:25px; line-height:23px; border:1px solid #dcdcdc; border-radius:50%; font-size:0.75em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:0; text-align:center;}
.sInquire_case1 .check_box input:checked + p:before {content:'\f00c'; background:#f25f49; border-color:#f25f49}
.sInquire_case1 .hpbrick_btn {margin:50px auto 0; clear:both;}

.sInquire_case1 .hide {display:none !important;}

@media screen and (max-width:1024px){
	.sInquire_case1 .tab_box > div {width:calc(50% - 2.5px);}
	.sInquire_case1 .tab_box > div .tab_btn label {height:50px; border-radius:5px; font-size:1em;}
    .sInquire_case1 .form_box > div {width:calc(33.33% - 10px); margin-bottom:4vw;}
    .sInquire_case1 .form_box .form_txt {height:50px; font-size:1em; padding:0 15px;}
    .sInquire_case1 .form_box .form_textarea {height:150px; font-size:1em; padding:10px 15px;}
    .sInquire_case1 .form_box .select_box:after {right:15px;}
    .sInquire_case1 .form_box .select_box select {height:50px; font-size:1em; padding:0 15px;}
	.sInquire_case1 .form_box .phone_box span {width:15px;}
	.sInquire_case1 .form_box .phone_box .form_txt {width:calc(33.33% - 10px);}
	.sInquire_case1 .form_box .phone_box .select_box {width:calc(33.33% - 10px);}
    .sInquire_case1 .form_box .email_box .form_txt {width:calc(30% - 15px)}
    .sInquire_case1 .form_box .email_box span {width:30px; font-size:1em;}
    .sInquire_case1 .form_box .email_box .select_box {width:calc(40% - 15px); margin-left:15px;}
    .sInquire_case1 .form_box .file_box {height:50px; padding:0 15px;}
    .sInquire_case1 .form_box .file_box:after {right:15px;}
    .sInquire_case1 .form_box .file_box p {font-size:1em;}
	.sInquire_case1 .form_box .txt1 {margin-top:5px;}
	.sInquire_case1 .privacy_box {margin-top:20px; padding:20px 30px;}
    .sInquire_case1 .hpbrick_btn {margin-top:5vw;}
}

@media screen and (max-width:767px){
	.sInquire_case1 .tab_box > div .tab_btn label {height:38px;}
    .sInquire_case1 .form_box > div {width:100%;}
    .sInquire_case1 .form_box > div > div {margin-top:5px;}
    .sInquire_case1 .form_box .form_txt {height:38px; padding:0 10px;}
    .sInquire_case1 .form_box .form_textarea {height:120px; padding:10px;}
    .sInquire_case1 .form_box .select_box:after {right:10px;}
    .sInquire_case1 .form_box .select_box select {height:38px; padding:0 10px;}
    .sInquire_case1 .form_box .file_box {height:38px; padding:0 10px;}
    .sInquire_case1 .form_box .file_box:after {right:10px;}
    .sInquire_case1 .form_box .email_box .form_txt {width:calc(50% - 10px)}
    .sInquire_case1 .form_box .email_box span {width:20px;}
    .sInquire_case1 .form_box .email_box .select_box {width:100%; margin:5px 0 0;}
	.sInquire_case1 .privacy_box {height:140px; padding:15px 20px;}
	.sInquire_case1 .privacy_box strong {margin-top:20px;}
	.sInquire_case1 .check_box {margin:10px 0 40px;}
	.sInquire_case1 .check_box p {line-height:20px; padding-left:30px;}
	.sInquire_case1 .check_box p:before {width:20px; height:20px; line-height:18px;}

}



.popup_wrap {display:none; justify-content:center; align-items:center; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:350;}
.popup_wrap.on {display:flex;}
.popup_wrap .popup_inner {width:88%; max-width:500px; background:#fff; border-radius:10px; box-shadow:10px 10px 30px rgba(119,119,119,0.5); padding:70px 75px; position:relative; z-index:10;}
.popup_wrap .close {position:absolute; right:30px; top:30px; cursor:pointer;}
.popup_wrap .close:before {content:'\f00d'; font-size:2.5em; line-height:1em; font-weight:300; font-family:'Font Awesome 6 Pro';}
.popup_wrap .tit {font-size:2.25em; line-height:1.3em; font-weight:600; margin-bottom:30px;}
.popupBG {display:block; width:100%; height:100%; background:rgba(53,53,53,0.5); position:absolute; left:0; top:0; z-index:0;}

.sub_table_box1 {width:100%; border-top:3px solid #009bdb;}
.sub_table_box1 th, .sub_table_box1 td {font-size:1em; padding:20px 0; border-bottom:1px solid #d4d4d4; text-align:left;}
.sub_table_box1 th {font-weight:500; color:#009bdb;}
.sub_table_box1 td {color:#777;}

.subscriber_info {margin:30px 0 50px; }
.subscriber_info p {font-size:1em; line-height:1.4em; font-weight:500; margin-bottom:15px;}
.subscriber_info ul li {font-size:1em; color:#777; line-height:1.5em; margin-bottom:10px; position:relative; padding-left:20px;}
.subscriber_info ul li:before {content:'-'; position:absolute; left:0; top:0;}
.subscriber_info ul li:last-child {margin-bottom:0;}

.subscriber_button {display:inline-block; padding:0 20px; font-size:1em; color:#777; line-height:38px; letter-spacing:-0.05em; font-weight:500; border:1px solid #777; border-radius:5px;}
.subscriber_btn {width:100%; text-align:center;}
.subscriber_btn a {display:inline-block; width:170px; line-height:48px; text-align:center; font-size:1em; font-weight:500; margin:0 2px; border-radius:5px;}
.subscriber_btn .ok_btn {border:1px solid #009bdb; background:#009bdb; color:#fff;}
.subscriber_btn .cancel_btn {border:1px solid #777; color:#777;}

@media screen and (max-width:1024px){
	.popup_wrap .popup_inner {padding:40px;}
	.popup_wrap .close {right:20px; top:20px;}
	.popup_wrap .close:before {font-size:2em;}
	.popup_wrap .tit {font-size:1.7em; margin-bottom:20px;}
}


/* 장바구니 */
.sCart_wrap table, .sCart_wrap thead, .sCart_wrap tbody, .sCart_wrap tr, .sCart_wrap th, .sCart_wrap td {display:block;}
.sCart_wrap tbody tr {display:flex; flex-wrap:wrap; width:100%; background:#fff; border-radius:20px; box-shadow:0 0 15px rgba(25,25,25,0.15); margin-bottom:15px; overflow:hidden; position:relative;}
.sCart_wrap tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.sCart_wrap tbody td {display:flex; align-items:center; flex-wrap:wrap;}
.sCart_wrap td {background:#fff;background-clip:padding-box;word-break:break-all}
.sCart_wrap td.td_chk, .sCart_wrap td.td_numbig {justify-content:center;}
.sCart_wrap .empty_table {width:100%; justify-content:center; padding:50px 0 !important;text-align:center;color:#777 !important;}

.sCart_wrap .td_chk {width:80px; border-right:1px solid #e9e9e9;}
.sCart_wrap .td_chk.chk_box input[type="radio"] + label {width:25px; height:25px;; position:relative;}
.sCart_wrap .td_chk.chk_box input[type="radio"] + label span {display:flex; justify-content:center; align-items:center; width:100%; height:100%; border:1px solid #cfcfce; border-radius:50%;}
.sCart_wrap .td_chk.chk_box input[type="radio"]:checked + label span:before {content:''; display:block; width:calc(100% - 8px); height:calc(100% - 8px); background:#ff812c; border-radius:50%;}
.sCart_wrap .td_prd {align-items:start; width:calc(100% - 80px);}
.sCart_wrap .td_prd .img_box {width:250px; height:250px; padding:20px;}
.sCart_wrap .td_prd .img_box a {display:block; width:100%; height:100%; overflow:hidden; border:1px solid #e9e9e9;}
.sCart_wrap .td_prd .img_box img {width:100%; height:auto;}
.sCart_wrap .td_prd .txt_box {width:calc(100% - 250px); padding:40px 40px 40px 0;}
.sCart_wrap .td_prd .txt_box .title {display:block; font-size:1.5em; font-weight:500; margin-bottom:10px;}

.sCart_wrap .keyword {display:flex; flex-wrap:wrap; margin-bottom:10px;}
.sCart_wrap .keyword li {background:#ff812c; border-radius:13px; font-size:0.81em; color:#fff; line-height:25px; padding:0 10px; margin:0 3px 2px 0;}

.sCart_wrap .btn_box1 button {height:30px;padding:0 10px;border:1px solid #d4d6db;border-radius:5px;background:#fff;color:#666;}

.sCart_wrap .btn_box2 {display:flex; justify-content:center; margin-top:40px;}
.sCart_wrap .btn_box2 .btn_submit {display:flex; justify-content:center; align-items:center; height:50px;padding:0 10px;width:160px;font-weight:500;font-size:1em}

@media screen and (max-width:1024px){
	.sCart_wrap .td_chk {width:60px;}
	.sCart_wrap .td_chk.chk_box input[type="checkbox"] + label {padding-left:20px;}
	.sCart_wrap .td_chk.chk_box input[type="checkbox"] + label span {width:20px; height:20px; line-height:18px;}
	.sCart_wrap .td_prd {width:calc(100% - 60px);}
	.sCart_wrap .td_prd .img_box {width:180px; height:180px; padding:10px;}
	.sCart_wrap .td_prd .txt_box {width:calc(100% - 180px); padding:15px 0;}
	.sCart_wrap .td_prd .txt_box .title {font-size:1.3em;}

	.sCart_wrap .btn_box2 .btn_submit {width:130px; height:45px;}
}

@media screen and (max-width:767px){
	.sCart_wrap .td_chk {width:auto; background:none; border-right:0; position:absolute; left:10px; top:10px;}
	.sCart_wrap .td_chk.chk_box input[type="checkbox"] + label {padding-bottom:20px;}
	.sCart_wrap .td_prd {width:100%;}
	.sCart_wrap .td_prd .img_box {width:100%; height:80vw; padding:0; border-bottom:1px solid #e9e9e9;}
	.sCart_wrap .td_prd .img_box a {border:0;}
	.sCart_wrap .td_prd .txt_box {width:100%; padding:20px;}
	
	.sCart_wrap .btn_box2 .btn_submit {width:110px; height:40px;}
}


/* 서비스 신청 */
.apply_wrap .tab_box {margin-bottom:70px;}
.apply_wrap .tab_box ul {display:flex; justify-content:center; align-items:center; counter-reset:counter;}
.apply_wrap .tab_box ul li {text-align:center; position:relative;}
.apply_wrap .tab_box ul li:before {content:counter(counter); counter-increment:counter; display:flex; justify-content:center; align-items:center; width:50px; height:50px; border:3px solid #ccc; border-radius:50%; font-size:1.25em; font-weight:600; margin:0 35px 15px;}
.apply_wrap .tab_box ul li:after {content:''; display:block; width:30px; height:1px; background:#ccc; position:absolute; right:0; top:24px; transform:translateX(50%)}
.apply_wrap .tab_box ul li:last-child:after {display:none;}
.apply_wrap .tab_box ul li p {font-size:1.125em; font-weight:600;}
.apply_wrap .title_box {text-align:center; margin-bottom:30px;}
.apply_wrap .title_box h2 {font-size:1.875em; line-height:1.2em; font-weight:700;}
.apply_wrap .title_box p {font-size:1.125em; color:#666; line-height:1.55em; margin-top:15px;}
.apply_wrap .title_box p .link {color:#ff812c; font-weight:600;}
.apply_wrap .title_box p .link:after {content:'\f08e'; font-size:0.88em; font-weight:900; font-family:'Font Awesome 6 Pro'; margin:0 3px 0 5px;}
.apply_wrap .title_box p.ex {display:inline-block; background:#fff3ea; border-radius:10px; font-size:1.125em; color:#ff812c; font-weight:500; padding:10px 20px;}
.apply_wrap .title_box p.ex:before {content:'\f06a'; font-size:1.11em; font-weight:900; font-family:'Font Awesome 6 Pro'; margin-right:10px; vertical-align:middle;}
.apply_wrap .cont_box .txt1 {display:inline-block; background:#fff3ea; border-radius:10px; font-size:1.125em; color:#ff812c; font-weight:500; padding:10px 20px;}
.apply_wrap .cont_box .txt1:before {content:'\f06a'; font-size:1.11em; font-weight:900; font-family:'Font Awesome 6 Pro'; margin-right:10px; vertical-align:middle;}
.apply_wrap .form_box {width:100%; max-width:720px; margin:0 auto;}
.apply_wrap .form_box > div {margin-bottom:30px;}
.apply_wrap .form_box > div:last-child {margin-bottom:0}
.apply_wrap .form_box > div > label {display:block; font-size:1.125em; line-height:1.2em; font-weight:500; margin-bottom:10px;}
.apply_wrap .form_box > div > label i {color:#ff812c; font-style:normal;}
.apply_wrap .form_box > div .form_txt {display:block; width:100%; height:61px; border:1px solid #ccc; border-radius:10px; font-size:1.125em; color:#666; font-family:'Pretendard'; padding:0 20px;}
.apply_wrap .form_box > div .form_txt::placeholder {color:#ccc;}
.apply_wrap .form_box > div .form_txt::-webkit-input-placeholder {color:#ccc;}
.apply_wrap .form_box > div .form_txt:-ms-input-placeholder {color:#ccc;}
.apply_wrap .form_box > div .form_txt:focus {outline:none; border:2px solid #ff812c; box-shadow:5px 5px 10px rgba(221,36,76,0.1)}
.apply_wrap .form_box > div .select_box {width:100%; position:relative;}
.apply_wrap .form_box > div .select_box:after {content:'\f107'; font-size:0.88em; color:#191919; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%)}
.apply_wrap .form_box > div .select_box select {width:100%; height:61px; background:#fff; font-size:1.125em; color:#666; padding:0 40px 0 20px; font-family:'Pretendard'; border-radius:10px; border:1px solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.apply_wrap .form_box > div .select_box select:focus {outline:none; border:2px solid #ff812c; box-shadow:5px 5px 10px rgba(221,36,76,0.1)}
.apply_wrap .form_box > div .form_textarea {display:block; width:100%; height:200px; border:1px solid #ccc; border-radius:10px; font-size:1.125em; color:#666; font-family:'Pretendard'; padding:20px; resize:none;}
.apply_wrap .form_box > div .form_textarea::placeholder {color:#ccc;}
.apply_wrap .form_box > div .form_textarea::-webkit-input-placeholder {color:#ccc;}
.apply_wrap .form_box > div .form_textarea:-ms-input-placeholder {color:#ccc;}
.apply_wrap .form_box > div .form_textarea:focus {outline:none; border:2px solid #ff812c; box-shadow:5px 5px 10px rgba(221,36,76,0.1)}
.apply_wrap .form_box > div .check_box {position:relative;}
.apply_wrap .form_box > div .check_box input {display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; opacity:0;}
.apply_wrap .form_box > div .check_box label {display:block; padding-left:26px; position:relative;}
.apply_wrap .form_box > div .check_box label:before {content:''; display:flex; justify-content:center; align-items:center; width:26px; height:26px; background:#fff; border:2px solid #ccc; border-radius:5px; font-size:1em; color:#fff; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:0;}
.apply_wrap .form_box > div .check_box label span {display:inline-block; font-size:1.125em; color:#666; line-height:26px; padding-left:10px;}
.apply_wrap .form_box > div .check_box label span a {color:#ff812c; text-decoration:underline;}
.apply_wrap .form_box > div .check_box input:checked + label:before {content:'\f00c'; background:#ff812c; border-color:#ff812c;}
.apply_wrap .form_box > div .ex {font-size:1em; color:#666; font-weight:500; line-height:1.4em; margin-top:15px;}

.apply_wrap .form_box > div .phone_box {display:flex; justify-content:space-between; align-items:center;}
.apply_wrap .form_box > div .phone_box span {display:block; width:18px; font-size:1.125em; color:#666; text-align:center;}
.apply_wrap .form_box > div .phone_box .form_txt {width:calc(33.33% - 12px)}

.apply_wrap .form_box > div .email_box {display:flex; align-items:center;}
.apply_wrap .form_box > div .email_box span {display:block; width:26px; font-size:1.125em; color:#666; text-align:center;}
.apply_wrap .form_box > div .email_box .form_txt {width:calc(50% - 88px);}
.apply_wrap .form_box > div .email_box .select_box {width:145px; margin-left:5px;}

.apply_wrap .form_box > div .file_box {position:relative;}
.apply_wrap .form_box > div .file_box:before {content:'\e09a'; font-size:1.125em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%); pointer-events:none;}
.apply_wrap .form_box > div .file_box input[type="file"] {display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}

.apply_wrap .form_box2 {width:100%; max-width:825px; margin:0 auto;}
.apply_wrap .form_box2 > div {background:#fff; border-radius:10px; box-shadow:5px 5px 20px rgba(25,25,25,0.1); margin-bottom:50px; padding:40px 50px; overflow:hidden;}
.apply_wrap .form_box2 > div:last-child {margin-bottom:0;}
.apply_wrap .form_box2 > div .t1 {display:block; width:80px; line-height:29px; background:#fff3ea; border-radius:15px; font-size:1em; color:#ff812c; font-weight:600; text-align:center; margin:0 auto 10px;}
.apply_wrap .form_box2 > div .t2 {font-size:1.5em; line-height:1.2em; font-weight:700; text-align:center;}
.apply_wrap .form_box2 > div .form_box {max-width:100%; margin-top:20px;}
.apply_wrap .form_box2 > div .save_btn {float:right; display:block; width:100%; height:55px; background:#ff812c; border-radius:10px; font-size:1.125em; color:#fff; font-weight:700; font-family:'Pretendard'; margin-top:30px;}

.apply_wrap .radio_wrap {display:flex; align-items:center; flex-wrap:wrap; margin-top:20px;}
.apply_wrap .radio_wrap .radio_box:not(:last-child) {margin-right:30px;}
.apply_wrap .radio_box {position:relative;}
.apply_wrap .radio_box input {display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; opacity:0;}
.apply_wrap .radio_box label {display:block; padding-left:30px; position:relative;}
.apply_wrap .radio_box label:before {content:''; display:block; width:30px; height:30px; background:#fff; border:2px solid #ccc; border-radius:50%; position:absolute; left:0; top:0;}
.apply_wrap .radio_box label span {display:inline-block; font-size:1.125em; color:#666; line-height:30px; padding-left:10px;}
.apply_wrap .radio_box input:checked + label:after {content:''; display:block; width:16px; height:16px; background: #ff812c; border-radius:50%; position:absolute; left:7px; top:7px;}

.apply_wrap .radio_option_list {width:100%; max-width:720px; counter-reset:counter; margin:0 auto;}
.apply_wrap .radio_option_list > div {margin-bottom:20px;}
.apply_wrap .radio_option_list > div:last-child {margin-bottom:0;}
.apply_wrap .radio_option_list > div label {display:flex; align-items:center; width:100%; min-height:70px; padding:10px 20px; position:relative;}
.apply_wrap .radio_option_list > div label:before {position:relative;}
.apply_wrap .radio_option_list > div label div {display:flex; justify-content:space-between; align-items:center; width:calc(100% - 30px); font-size:1.25em; font-weight:500; padding-left:15px;}
.apply_wrap .radio_option_list > div label div span {font-size:1em;}
.apply_wrap .radio_option_list > div label div span:before {content:'옵션 'counter(counter); counter-increment:counter; display:inline-block; width:62px; line-height:29px; background:#eee; border-radius:15px; font-size:0.8em; font-weight:600; text-align:center; margin-right:10px;}
.apply_wrap .radio_option_list > div label div p {color:#191919; font-weight:600;}
.apply_wrap .radio_option_list > div label div:after {content:''; display:block; width:100%; height:100%; border:1px solid #ccc; border-radius:10px; position:absolute; left:0; top:0; pointer-events:none;}
.apply_wrap .radio_option_list > div input:checked + label:after {left:27px; top:50%; transform:translateY(-50%);}
.apply_wrap .radio_option_list > div input:checked + label span {color:#ff812c;}
.apply_wrap .radio_option_list > div input:checked + label span:before {background:#fff3ea;}
.apply_wrap .radio_option_list > div input:checked + label span:after {border:2px solid #ff812c; box-shadow:5px 5px 10px rgba(221,36,76,0.1)}

.checkbox_wrap {width:100%; max-width:720px; margin:0 auto;}
.checkbox_wrap > div {margin-bottom:50px;}
.checkbox_wrap > div:last-child {margin-bottom:0;}
.checkbox_wrap > div .tit {border-bottom:2px solid #191919; font-size:1.25em; font-weight:700; padding-bottom:15px; margin-bottom:30px;}
.checkbox_wrap > div > div {display:flex; flex-wrap:wrap; width:100%; padding:0 10px;}
.checkbox_wrap > div > div .check_box {width:25%;}
.checkbox_wrap > div > div .check_box:nth-child(4) ~ .check_box {margin-top:25px;}
.checkbox_wrap .check_box {position:relative;}
.checkbox_wrap .check_box input {display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; opacity:0;}
.checkbox_wrap .check_box label {display:block; padding-left:26px; position:relative;}
.checkbox_wrap .check_box label:before {content:''; display:flex; justify-content:center; align-items:center; width:26px; height:26px; background:#fff; border:2px solid #ccc; border-radius:5px; font-size:1em; color:#fff; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:0;}
.checkbox_wrap .check_box label span {display:inline-block; font-size:1.125em; color:#666; line-height:26px; padding-left:10px;}
.checkbox_wrap .check_box label span a {color:#ff812c; text-decoration:underline;}
.checkbox_wrap .check_box input:checked + label:before {content:'\f00c'; background:#ff812c; border-color:#ff812c;}

.apply_wrap .btn_box {display:flex; justify-content:center; width:100%; margin-top:70px;}
.apply_wrap .btn_box button, .apply_wrap .btn_box a {display:flex; justify-content:center; align-items:center; width:180px; height:63px; border-radius:10px; font-size:1.125em; font-weight:700; font-family:'Pretendard'; margin:0 2.5px;}
.apply_wrap .btn_box button.bg1, .apply_wrap .btn_box a.bg1 {background:#ff812c; color:#fff;}
.apply_wrap .btn_box button.bg2, .apply_wrap .btn_box a.bg2 {background:#eee;}

.apply_wrap .tab_box.page1 ul li:nth-child(1):before,
.apply_wrap .tab_box.page2 ul li:nth-child(2):before,
.apply_wrap .tab_box.page3 ul li:nth-child(3):before,
.apply_wrap .tab_box.page4 ul li:nth-child(4):before,
.apply_wrap .tab_box.page5 ul li:nth-child(5):before,
.apply_wrap .tab_box.page6 ul li:nth-child(6):before {content:'\f00c'; background:#ff812c; border-color:#ff812c; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}

@media screen and (max-width:1220px){
    .apply_wrap .form_box > div .email_box .form_txt {width:calc(37.5% - 13px);}
    .apply_wrap .form_box > div .email_box .select_box {width:calc(25% - 5px);}
}

@media screen and (max-width:1024px){
    .apply_wrap .tab_box {margin-bottom:7%;}
    .apply_wrap .tab_box ul li:before {width:40px; height:40px; border-width:2px; font-size:1.125em; margin:0 25px 10px;}
    .apply_wrap .tab_box ul li:after {width:25px; top:19px;}
    .apply_wrap .tab_box ul li p {font-size:1em;}
    .apply_wrap .title_box {margin-bottom:6%;}
    .apply_wrap .title_box h2 {font-size:1.5em;}
    .apply_wrap .title_box p {font-size:1em; margin-top:1.5%;}
    .apply_wrap .title_box p.ex {border-radius:5px; font-size:1.125em; padding:5px 15px;}
    .apply_wrap .cont_box .txt1 {border-radius:5px; font-size:1.125em; padding:5px 15px;}
    .apply_wrap .form_box > div {margin-bottom:4%;}
    .apply_wrap .form_box > div > label {font-size:1em; margin-bottom:1%;}
    .apply_wrap .form_box > div .form_txt {height:45px; border-radius:5px; font-size:1em; padding:0 15px;}
    .apply_wrap .form_box > div .select_box:after {right:15px;}
    .apply_wrap .form_box > div .select_box select {height:45px; border-radius:5px; font-size:1em; padding:0 30px 0 15px;}
    .apply_wrap .form_box > div .form_textarea {height:150px; border-radius:5px; font-size:1em; padding:15px;}
    .apply_wrap .form_box > div .check_box label {padding-left:24px;}
    .apply_wrap .form_box > div .check_box label:before {width:24px; height:24px;}
    .apply_wrap .form_box > div .check_box label span {font-size:1em; line-height:24px;}
    .apply_wrap .form_box > div .ex {font-size:0.9375em; margin-top:1%;}

    .apply_wrap .form_box > div .phone_box span {font-size:1em;}

    .apply_wrap .form_box > div .email_box span {font-size:1em;}

    .apply_wrap .form_box > div .file_box:before {font-size:1em; right:15px;}

    .apply_wrap .form_box2 > div {padding:25px; margin-bottom:5%;}
    .apply_wrap .form_box2 > div .t1 {width:65px; font-size:0.9375em;}
    .apply_wrap .form_box2 > div .t2 {font-size:1.3em;}
    .apply_wrap .form_box2 > div .form_box {margin-top:3%;}
    .apply_wrap .form_box2 > div .save_btn { height:45px; border-radius:5px; font-size:1em; margin-top:20px;}
    
    .apply_wrap .radio_wrap {margin-top:1.5%;}
    .apply_wrap .radio_wrap .radio_box:not(:last-child) {margin-right:20px;}
    .apply_wrap .radio_box label {padding-left:24px;}
    .apply_wrap .radio_box label:before {width:24px; height:24px;}
    .apply_wrap .radio_box label span {font-size:1em; line-height:24px;}
    .apply_wrap .radio_box input:checked + label:after {width:12px; height:12px; left:6px; top:6px;}

    .apply_wrap .radio_option_list > div {margin-bottom:2%;}
    .apply_wrap .radio_option_list > div label {min-height:55px; padding:10px 15px;}
    .apply_wrap .radio_option_list > div label div {width:calc(100% - 24px); font-size:1.125em; padding-left:10px;}
    .apply_wrap .radio_option_list > div label div span:before {width:55px; line-height:25px; margin-right:5px;}
    .apply_wrap .radio_option_list > div input:checked + label:after {left:21px;}
    
    .checkbox_wrap > div {margin-bottom:5%;}
    .checkbox_wrap > div .tit {font-size:1.125em; padding-bottom:10px; margin-bottom:15px;}
    .checkbox_wrap > div > div {padding:0;}
    .checkbox_wrap > div > div .check_box:nth-child(4) ~ .check_box {margin-top:10px;}
    .checkbox_wrap .check_box label {padding-left:24px;}
    .checkbox_wrap .check_box label:before {width:24px; height:24px;}
    .checkbox_wrap .check_box label span {font-size:1em; line-height:24px;}

    .apply_wrap .btn_box {margin-top:7%;}
    .apply_wrap .btn_box button, .apply_wrap .btn_box a {width:140px; height:50px; border-radius:5px; font-size:1em;}
}

@media screen and (max-width:767px){
    .apply_wrap .tab_box ul li:before {width:30px; height:30px; font-size:1em; margin:0 16px 5px;}
    .apply_wrap .tab_box ul li:after {width:18px; top:15px;}
    .apply_wrap .tab_box ul li p {font-size:0.9375em;}
    .apply_wrap .title_box p.ex {font-size:1em; padding:5px 10px;}
    .apply_wrap .title_box p.ex:before {margin-right:5px;}
    .apply_wrap .cont_box .txt1 {font-size:1em; padding:5px 10px;}
    .apply_wrap .cont_box .txt1:before {margin-right:5px;}
    .apply_wrap .form_box > div .form_txt {height:36px; padding:0 10px;}
    .apply_wrap .form_box > div .select_box:after {right:10px;}
    .apply_wrap .form_box > div .select_box select {height:36px; padding:0 20px 0 10px;}
    .apply_wrap .form_box > div .form_textarea {height:100px; padding:10px;}
    .apply_wrap .form_box > div .check_box label {padding-left:20px;}
    .apply_wrap .form_box > div .check_box label:before {width:20px; height:20px;}
    .apply_wrap .form_box > div .check_box label span {line-height:20px;}

    .apply_wrap .radio_wrap .radio_box:not(:last-child) {margin-right:10px;}
    .apply_wrap .radio_box label {padding-left:20px;}
    .apply_wrap .radio_box label:before {width:20px; height:20px;}
    .apply_wrap .radio_box label span {font-size:1em; line-height:20px; padding-left:5px;}
    .apply_wrap .radio_box input:checked + label:after {width:10px; height:10px; left:5px; top:5px;}

    .apply_wrap .form_box > div .phone_box span {width:15px;}
    .apply_wrap .form_box > div .phone_box .form_txt {width:calc(33.33% - 10px)}
    
    .apply_wrap .form_box > div .email_box span {width:15px;}
    .apply_wrap .form_box > div .email_box .form_txt {width:calc(37.5% - 7.5px);}

    .apply_wrap .form_box > div .file_box:before {right:10px;}

    .apply_wrap .form_box2 > div {padding:4%;}
    .apply_wrap .form_box2 > div .t1 {width:58px; line-height:24px; margin-bottom:5px;}
    .apply_wrap .form_box2 > div .save_btn {height:40px;}

    .apply_wrap .radio_option_list > div label {min-height:45px; padding:10px;}
    .apply_wrap .radio_option_list > div label div {width:calc(100% - 20px); font-size:1em;}
    .apply_wrap .radio_option_list > div label div span:before {width:45px; line-height:22px;}
    .apply_wrap .radio_option_list > div input:checked + label:after {left:15px;}
    
    .checkbox_wrap > div {margin-bottom:7%;}
    .checkbox_wrap > div .tit {padding-bottom:5px; border-bottom-width:1px;}
    .checkbox_wrap > div > div .check_box {width:50%;}
    .checkbox_wrap > div > div .check_box:nth-child(2) ~ .check_box {margin-top:5px;}
    .checkbox_wrap .check_box label {padding-left:20px;}
    .checkbox_wrap .check_box label:before {width:20px; height:20px;}
    .checkbox_wrap .check_box label span {line-height:20px;}
    
    .apply_wrap .btn_box button, .apply_wrap .btn_box a {width:110px; height:38px;}
}

.sType_slide_wrap {width:100%; position:relative; padding-bottom:60px;}
.sType_slide {width:100%; overflow:hidden; padding:0 10px; text-align:center;}
.sType_slide .swiper-slide {position:relative;}
.sType_slide .swiper-slide > div {position:relative;}
.sType_slide input {display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; z-index:5;}
.sType_slide .img_box {height:638px; overflow:hidden; padding:20px; position:relative;}
.sType_slide .img_box img {width:100%;}
.sType_slide label {display:inline-block; margin-top:20px; padding-left:30px; position:relative;}
.sType_slide label:before {content:''; display:block; width:30px; height:30px; background:#fff; border:2px solid #ccc; border-radius:50%; position:absolute; left:0; top:0;}
.sType_slide label span {font-size:1.25em; font-weight:700; line-height:30px; padding-left:10px;}
.sType_slide input:checked + .img_box:before {content:''; display:block; width:100%; height:100%; border:4px solid #ff812c; position:absolute; left:0; top:0;}
.sType_slide input:checked + .img_box + label:after {content:''; display:block; width:16px; height:16px; background: #ff812c; border-radius:50%; position:absolute; left:7px; top:7px;}
.sType_slide .samples_btn {display:flex; justify-content:center; align-items:center; width:140px; height:45px; border:2px solid #ccc; border-radius:10px; font-size:1em; font-weight:500; text-align:center; margin:30px auto 0; transition:all 0.6s; transition-property:background, border, color; }
.sType_slide .samples_btn:hover {background:#ff812c; border-color:#ff812c; color:#fff;}
.sType_slide .swiper-button-prev, .sType_slide .swiper-button-next {display:flex; justify-content:center; align-items:center; width:50px; height:50px; background:#eee; border-radius:50%; font-size:1.125em; color:#191919;}
.sType_slide .swiper-button-prev {left:-70px;}
.sType_slide .swiper-button-next {right:-70px;}
.sType_slide .swiper-button-prev:after, .sType_slide .swiper-button-next:after {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.sType_slide .swiper-button-prev:after {content:'\f053'}
.sType_slide .swiper-button-next:after {content:'\f054'}
.sType_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
.sType_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;} 
.sType_slide .swiper-pagination-bullet {width:8px; height:8px; background:#ccc; border-radius:50%; opacity:1;}
.sType_slide .swiper-pagination-bullet-active {background:#ff812c;}

@media screen and (max-width:1390px){
    .sType_slide .swiper-button-prev, .sType_slide .swiper-button-next {display:none;}
}

@media screen and (max-width:1220px){
	.sType_slide .img_box {height:52vw;}
}

@media screen and (max-width:1024px){
    .sType_slide_wrap {padding-bottom:40px;}
    .sType_slide .img_box {height:48vw; padding:10px;}
    .sType_slide label {padding-left:24px; margin-top:10px;}
    .sType_slide label:before {width:24px; height:24px;}
    .sType_slide label span {font-size:1.125em; line-height:24px;}
    .sType_slide input:checked + .img_box + label:after {width:12px; height:12px; left:6px; top:6px;}
	.sType_slide .samples_btn {width:120px; height:40px; border-radius:5px;}
}

@media screen and (max-width:767px){
    .sType_slide_wrap {padding-bottom:30px;}
    .sType_slide .img_box {height:65vw; padding:5px;}
    .sType_slide label {padding-left:20px;}
    .sType_slide label:before {width:20px; height:20px;}
    .sType_slide label span {line-height:20px; padding-left:5px;}
    .sType_slide input:checked + .img_box + label:after {width:10px; height:10px; left:5px; top:5px;}
    .sType_slide input:checked + .img_box:before {border-width:2px;}
	.sType_slide .samples_btn {width:100px; height:36px; margin-top:15px;}
    .sType_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 3px;}
    .sType_slide .swiper-pagination-bullet {width:6px; height:6px;}
}



.my_reservation_list > div {width:100%; border:1px solid #e0e0e0; padding:40px; margin-bottom:20px;}
.my_reservation_list > div:last-child {margin-bottom:0;}
.my_reservation_list > div.empty_box {text-align:center;}
.my_reservation_list > div .tit_box {display:flex; justify-content:space-between; align-items:center; width:100%; border-bottom:1px solid #e0e0e0; padding-bottom:20px; margin-bottom:30px;}
.my_reservation_list > div .tit_box ul {display:flex; align-items:center;}
.my_reservation_list > div .tit_box ul li {font-size:1em; font-weight:600;}
.my_reservation_list > div .tit_box ul li:after {content:''; display:inline-block; width:1px; height:16px; background:#e0e0e0; margin:0 15px; vertical-align:middle;}
.my_reservation_list > div .tit_box ul li:last-child:after {display:none;}
.my_reservation_list > div .tit_box ul li span {color:#666; font-weight:400; margin-left:10px;}
.my_reservation_list > div .tit_box a {font-size:0.875em; color:#666;}
.my_reservation_list > div .tit_box a:after {content:'\f105'; font-size:0.85em; color:#1c1c1c; font-weight:300; font-family:'Font Awesome 6 Pro'; margin-left:10px;}
.my_reservation_list > div .info_box {display:flex; align-items:center; flex-wrap:wrap; width:100%;}
.my_reservation_list > div .info_box .info {display:flex; align-items:center; width:calc(100% - 210px);}
.my_reservation_list > div .info_box .info .img_box {width:200px; height:200px; overflow:hidden; border:1px solid #e0e0e0;}
.my_reservation_list > div .info_box .info .img_box img {width:100%; height:auto;}
.my_reservation_list > div .info_box .info .txt_box {width:calc(100% - 200px); padding-left:50px; border-right:1px solid #e0e0e0;}
.my_reservation_list > div .info_box .info .txt_box .tit {font-size:1.25em; font-weight:600; margin-bottom:20px;}
.my_reservation_list > div .info_box .info .txt_box dl {width:100%; overflow:hidden;}
.my_reservation_list > div .info_box .info .txt_box dl dt {float:left; font-size:1em; font-weight:500; margin-right:10px; clear:both; margin-top:10px;}
.my_reservation_list > div .info_box .info .txt_box dl dd {float:left; font-size:1em; color:#666; margin-top:10px;}
.my_reservation_list > div .info_box .info .txt_box dl dt:first-of-type, .my_reservation_list > div .info_box .info .txt_box dl dd:first-of-type {margin-top:0;}
.my_reservation_list > div .info_box .state {width:210px; text-align:center;}
.my_reservation_list > div .info_box .state dt {font-size:1em; color:#666;}
.my_reservation_list > div .info_box .state dd {font-size:1.25em; font-weight:600; margin-top:10px}
.my_reservation_list > div .info_box .state dd.complete {color:#3e86ff;}
.my_reservation_list > div .info_box .state dd.cancle {color:#e63946;}

@media screen and (max-width:1024px){
	.my_reservation_list > div {padding:30px; margin-bottom:15px;}
	.my_reservation_list > div .tit_box {padding-bottom:10px; margin-bottom:15px;}
	.my_reservation_list > div .tit_box ul li:after {height:13px; margin:0 10px;}
	.my_reservation_list > div .tit_box ul li span {margin-left:5px;}
	.my_reservation_list > div .info_box .info {width:calc(100% - 150px);}
	.my_reservation_list > div .info_box .info .img_box {width:160px; height:160px;}
	.my_reservation_list > div .info_box .info .txt_box {width:calc(100% - 200px); padding-left:30px;}
	.my_reservation_list > div .info_box .info .txt_box .tit {font-size:1.125em; margin-bottom:10px;}
	.my_reservation_list > div .info_box .info .txt_box dl dt {margin-top:5px;}
	.my_reservation_list > div .info_box .info .txt_box dl dd {margin-top:5px;}
	.my_reservation_list > div .info_box .state {width:150px;}
	.my_reservation_list > div .info_box .state dd {font-size:1.125em; margin-top:5px;}
}

@media screen and (max-width:767px){
	.my_reservation_list > div {padding:20px; margin-bottom:10px;}
	.my_reservation_list > div .tit_box {}
	.my_reservation_list > div .tit_box ul {display:block;}
	.my_reservation_list > div .tit_box ul li {margin-bottom:5px}
	.my_reservation_list > div .tit_box ul li:last-child {margin-bottom:0;}
	.my_reservation_list > div .tit_box ul li:after {display:none;}
	.my_reservation_list > div .tit_box a {}
	.my_reservation_list > div .info_box .info {width:100%;}
	.my_reservation_list > div .info_box .info .img_box {width:110px; height:110px;}
	.my_reservation_list > div .info_box .info .txt_box {width:calc(100% - 110px); padding-left:15px; border-right:0;}
	.my_reservation_list > div .info_box .info .txt_box .tit {margin-bottom:5px;}
	.my_reservation_list > div .info_box .info .txt_box dl dt {margin-right:5px;}
	.my_reservation_list > div .info_box .state {width:100%; border-top:1px solid #e0e0e0; margin-top:15px; padding-top:15px;}
	.my_reservation_list > div .info_box .state dl {display:flex; justify-content:center; align-items:center;}
	.my_reservation_list > div .info_box .state dd {font-size:1.125em; margin-top:0; margin-left:10px;}
}

.orderinquiryview_wrap {width:100%; border-top:1px solid #1c1c1c; margin:0 auto;}
.orderinquiryview_wrap > div {width:100%; border-bottom:1px solid #e0e0e0; padding:40px 0;}
.orderinquiryview_wrap > div .tit {font-size:1.25em; font-weight:600; margin-bottom:15px;}
.orderinquiryview_wrap > div .tit.case2 {display:flex; justify-content:space-between; align-items:end;}
.orderinquiryview_wrap > div .tit.case2 span {font-size:0.75em; font-weight:500;}
.orderinquiryview_wrap > div dl {width:100%; overflow:hidden;}
.orderinquiryview_wrap > div dl dt {float:left; font-size:1em; line-height:1.8em; font-weight:500; clear:both;}
.orderinquiryview_wrap > div dl dd {float:left; font-size:1em; color:#666; line-height:1.8em;}
.orderinquiryview_wrap > div dl.case1 dt {width:60px;}
.orderinquiryview_wrap > div dl.case1 dd {width:calc(100% - 60px);}
.orderinquiryview_wrap > div dl.case2 dt {width:75px;}
.orderinquiryview_wrap > div dl.case2 dd {width:calc(100% - 75px);}
.orderinquiryview_wrap > div dl.case3 dt {width:120px;}
.orderinquiryview_wrap > div dl.case3 dd {width:calc(100% - 120px);}
.orderinquiryview_wrap > div dl.case4 dt {width:90px;}
.orderinquiryview_wrap > div dl.case4 dd {width:calc(100% - 90px);}
.orderinquiryview_wrap > div dl.case5 dt {width:110px;}
.orderinquiryview_wrap > div dl.case5 dd {width:calc(100% - 110px);}
.orderinquiryview_wrap > div .info_box {display:flex; align-items:center; flex-wrap:wrap; width:100%;}
.orderinquiryview_wrap > div .info_box .img_box {width:220px;}
.orderinquiryview_wrap > div .info_box .img_box > div {width:100%; height:190px; overflow:hidden; border:1px solid #e0e0e0; border-radius:5px;}
.orderinquiryview_wrap > div .info_box .img_box img {width:100%; height:auto;}
.orderinquiryview_wrap > div .info_box .img_box > a {display:block; width:100%; background:#ff812c; font-size:0.875em; color:#fff; text-align:center; font-weight:500; line-height:37px; margin-top:5px; border-radius:5px;}
.orderinquiryview_wrap > div .info_box .txt_box {width:calc(100% - 220px); padding-left:50px; overflow:hidden;}
.orderinquiryview_wrap > div .info_box .txt_box dl {float:left; width:50%;}
.orderinquiryview_wrap > div .txt {font-size:1em; color:#666;}
.orderinquiryview_wrap > div dl.price {width:300px; margin-top:20px; padding-top:20px; border-top:1px solid #e0e0e0;}
.orderinquiryview_wrap > div dl.price dd {font-size:1.25em; color:#1c1c1c; font-weight:600;}

.orderinquiryview_wrap > div .menu_box {}
.orderinquiryview_wrap > div .menu_box li {width:100%; border:1px solid #eee; border-radius:5px; margin-bottom:5px;}
.orderinquiryview_wrap > div .menu_box li button {display:block; width:100%; border-radius:0; font-size:1em; text-align:left; padding:15px 15px; position:relative;}
.orderinquiryview_wrap > div .menu_box li button:after {content:'\2b'; font-size:0.875em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:15px; top:50%; transform:translateY(-50%);}
.orderinquiryview_wrap > div .menu_box li div {display:none; width:100%; border-top:1px solid #eee; padding:15px; background:#f9f9f9;}
.orderinquiryview_wrap > div .menu_box li div .txt {font-size:1em; color:#191919; line-height:1.6em;}
.orderinquiryview_wrap > div .menu_box li div .file {display:inline-block; margin-top:15px;}
.orderinquiryview_wrap > div .menu_box li button.on:after {content:'\f068';}
.orderinquiryview_wrap > div .menu_box li button.on + div {display:block;}

.orderinquiryview_wrap .admin_pw_btn {display:inline-block; font-size:0.75em; border:1px solid #e0e0e0; border-radius:5px; color:#666; padding:5px 10px; margin-left:15px;}

.orderinquiryview_btn {display:flex; justify-content:center; margin-top:70px;}
.orderinquiryview_btn a {display:flex; justify-content:center; align-items:center; width:191px; height:52px; border:1px solid #ff812c; border-radius:5px; font-size:1em; color:#ff812c; font-weight:600; text-align:center; margin:0 2.5px;}
.orderinquiryview_btn a.case2 {background:#ff812c; color:#fff;}

@media screen and (max-width:1024px){
	.orderinquiryview_wrap > div {padding:20px 0;}
	.orderinquiryview_wrap > div .tit {margin-bottom:10px;}
	.orderinquiryview_wrap > div dl dt {line-height:1.6em;}
	.orderinquiryview_wrap > div dl dd {line-height:1.6em;}
	.orderinquiryview_wrap > div .info_box .img_box {width:190px;}
	.orderinquiryview_wrap > div .info_box .img_box > div {height:160px;}
	.orderinquiryview_wrap > div .info_box .txt_box {width:calc(100% - 190px); padding-left:30px;}

	.orderinquiryview_btn {margin-top:40px;}
	.orderinquiryview_btn a {width:160px; height:45px;}
}

@media screen and (max-width:767px){
	.orderinquiryview_wrap > div dl.case1 dt {width:50px;}
	.orderinquiryview_wrap > div dl.case1 dd {width:calc(100% - 50px);}
	.orderinquiryview_wrap > div dl.case2 dt {width:100px;}
	.orderinquiryview_wrap > div dl.case2 dd {width:calc(100% - 100px);}
	.orderinquiryview_wrap > div dl.case3 dt {width:100px;}
	.orderinquiryview_wrap > div dl.case3 dd {width:calc(100% - 100px);}
	.orderinquiryview_wrap > div dl.case4 dt {width:70px;}
	.orderinquiryview_wrap > div dl.case4 dd {width:calc(100% - 70px);}
	.orderinquiryview_wrap > div dl.case5 dt {width:90px;}
	.orderinquiryview_wrap > div dl.case5 dd {width:calc(100% - 90px);}
	.orderinquiryview_wrap > div .info_box .img_box {width:100%;}
	.orderinquiryview_wrap > div .info_box .img_box > div {height:60vw;}
	.orderinquiryview_wrap > div .info_box .txt_box {width:100%; padding-left:0; margin-top:15px;}
	.orderinquiryview_wrap > div .info_box .txt_box dl {float:none; width:100%;}

	.orderinquiryview_btn a {width:140px; height:40px;}
}


.find_admin_pw h3 {font-size:2.25em; line-height:1.3em; font-weight:600; margin-bottom:30px;}
.find_admin_pw p {font-size:1em; color:#666; line-height:1.7em; font-weight:400;}
.find_admin_pw #mb_password {width:100%; height:55px; background:#fff !important;; border:1px solid #cfcfce; border-radius:5px; box-shadow:none; margin:30px 0 15px; font-size:1em; font-weight:500; padding:0 20px; font-family:'Pretendard';}
.find_admin_pw .find_admin_pw_submit {width:100%; height:60px; background:#ff812c; border-radius:5px; font-size:1em; color:#fff; font-weight:600; font-family:'Pretendard'; margin-top:40px;}

@media screen and (max-width:1024px){
	.find_admin_pw h3 {font-size:1.7em; margin-bottom:20px}
	.find_admin_pw #mb_password {height:40px; padding:0 10px; margin:15px 0 5px;}
	.find_admin_pw .find_admin_pw_submit {height:45px;}
}


.modal_popup {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:500; opacity:0; visibility:hidden;}
.modal_popup.on {opacity:1; visibility:visible;}
.modal_popup .close_btn {display:block; width:100px; height:100px; background:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.4); border-radius:50%; font-size:2.5em; color:#fff; box-shadow:5px 5px 20px rgba(0,0,0,0.08); backdrop-filter:blur(10px); position:absolute; top:-100px; right:-100px; transition:all 0.5s ease; z-index:30;}
.modal_popup .close_btn:before {content:'\f00d'; font-size:1em; font-weight:300; font-family:'Font Awesome 6 Pro'}
.modal_popup .close_btn:hover {transform:rotate(180deg)}
.modal_popup.on .close_btn {top:60px; right:100px;}
.modal_popup .dim {width:100%; height:100%; background:rgba(25,25,25,0.8); position:absolute; left:0; top:0; z-index:0;}
.modal_popup .inner > div {width:100%; height:0; padding-bottom:56.25%; position:relative;}
.modal_popup iframe {width:100%; height:100%; position:absolute; left:0; top:0;}

@media screen and (max-width:1024px){
    .modal_popup .close_btn {width:60px; height:60px; font-size:2em; top:-60px; right:-60px;}
	.modal_popup.on .close_btn {top:30px; right:30px;}
}

@media screen and (max-width:767px){
    .modal_popup .close_btn {width:40px; height:40px; font-size:1.25em; top:-40px; right:-40px;}
    .modal_popup.on .close_btn {top:20px; right:20px;}
}