@charset "utf-8";



/* header */
#sello_header {display:flex; justify-content:space-between; align-items:center; width:calc(100% - 40px); height:80px; background:#fff; border-radius:15px; box-shadow:0 5px 20px rgba(36,44,120,0.05); position:fixed; left:50%; top:20px; transform:translateX(-50%); z-index:300; padding:0 50px; transition:margin-top 0.6s ease-in-out}
#sello_header .box {display:flex; align-items:center; margin-right:15px; position:relative; z-index:5;}

#sello_header .h_util {display:flex; align-items:center;}
#sello_header .h_util > li {position:relative; padding:0 15px;}
#sello_header .h_util > li:first-child {padding-left:0;}
#sello_header .h_util > li:last-child {padding-right:0;}
#sello_header .h_util > li:before {content:''; display:block; width:1px; height:13px; background:#c2c5ce; position:absolute; left:0; top:50%; transform:translateY(-50%)}
#sello_header .h_util > li:first-child:before {display:none;}
#sello_header .h_util > li > a {font-size:0.9375em; font-weight:600;}
#sello_header .h_util > li.credit {background:#6a3ce6; border-radius:30px; color:#fff; font-weight:500; padding:12px 20px;}
#sello_header .h_util > li.credit:before {display:none;}
#sello_header .h_util > li.credit i {margin-right:10px;}
#sello_header .h_util > li.credit span {font-size:0.875em; color:rgba(255,255,255,0.7); font-weight:400; margin-left:5px;}

#sello_logo {width:152px; height:50px; background:url(../images/logo.svg) no-repeat center center; background-size:contain; position:relative; z-index:5;}
#sello_logo a {display:block; width:100%; height:100%;}

#sello_gnb {width:100%; position:absolute; left:0; top:0;}
#sello_gnb > ul {display:flex; justify-content:center; align-items:center;}
#sello_gnb > ul > li {position:relative;}
#sello_gnb > ul > li > a {display:block; font-size:1.125em; line-height:80px; font-weight:600; padding:0 30px;}
#sello_gnb > ul > li:hover > a {color:#6a3ce6}

#menuToggle {display:none;}

#sello_header.scroll_on {margin-top:-140px;}

@media screen and (max-width:1024px){
    #sello_header {width:calc(100% - 30px); height:45px; border-radius:8px; top:15px; padding:0 20px;}

    #sello_header .h_util {justify-content:end; width:100%; margin-right:0; padding:0 6%; position:absolute; top:70px; left:0;}
    #sello_header .h_util > li {padding:0 10px;}
    #sello_header .h_util > li:before {height:10px;}
    #sello_header .h_util > li > a {font-size:0.875em; line-height:45px;}
	#sello_header .h_util > li.credit {padding:8px 15px;}
	#sello_header .h_util > li.credit i {margin-right:5px;}
	#sello_header .h_util > li.credit span {margin-left:3px;}

    #sello_logo {width:91px; height:30px;}

    #sello_gnb {position:relative; padding:0;}
    #sello_gnb > ul {display:block;}
    #sello_gnb > ul > li > a {font-size:1.125em; line-height:1.2em; padding:14px 0;}
    
    #all_gnb {display:none; width:100vw; height:100vh; background:#fff; position:fixed; left:50%; top:-15px; z-index:3; padding:110px 6vw 0; transform:translateX(-50%)}

    #menuToggle {display:block; width:24px; height:8px; position:relative; z-index:5;}
    #menuToggle:before, #menuToggle:after {content:''; display:block; width:100%; height:2px; background:#191919; position:absolute; left:0; transition:all 0.4s}
    #menuToggle:before {top:0;}
    #menuToggle:after {bottom:0;}

    
    #sello_header.scroll_on {margin-top:-70px;}

    #sello_header.on {margin-top:0;}
    #sello_header.on #all_gnb {display:block;}

    #sello_header.on #menuToggle:before {transform:translateY(3px) rotate(45deg)}
    #sello_header.on #menuToggle:after {transform:translateY(-3px) rotate(-45deg)}
}

@media screen and (max-width:767px){
}


/* footer */
#sello_footer {width:100%; border-top:1px solid #ddd;}
#sello_footer .f_util {width:100%; border-bottom:1px solid #ddd;}
#sello_footer .f_util ul {display:flex; gap:0 30px;}
#sello_footer .f_util ul li a {display:block; font-size:1.125em; font-weight:500; line-height:60px;}
#sello_footer .f_info {margin:40px auto; position:relative;}
#sello_footer .f_info ul li {display:inline-block; font-size:1em; color:#666; line-height:1.5em; margin:5px 10px 0 0;}
#sello_footer .f_info ul li strong {color:#191919; font-weight:500; margin-right:5px;}
#sello_footer .f_info .copy {font-size:1em; font-weight:500; margin-top:20px;}
#sello_footer .f_info .go_top {display:block; width:55px; height:55px; border:1px solid #ddd; border-radius:5px; font-size:1.125em; position:absolute; right:0; bottom:0; transition:all 0.5s; transition-property:background, border, color7;}
#sello_footer .f_info .go_top:hover {background:#6a3ce6; border-color:#6a3ce6; color:#fff;}

@media screen and (max-width:1024px){
    #sello_footer .f_util ul {gap:0 20px;}
    #sello_footer .f_util ul li a {font-size:1em; line-height:50px;}
    #sello_footer .f_info {margin:4% auto;}
    #sello_footer .f_info ul li {margin:4px 8px 0 0;}
    #sello_footer .f_info .copy {margin-top:15px;}
    #sello_footer .f_info .go_top {width:45px; height:45px; font-size:1em;}
}

@media screen and (max-width:767px){
    #sello_footer .f_util ul {gap:0 15px;}
    #sello_footer .f_util ul li a {line-height:40px;}
    #sello_footer .f_info ul br {display:none;}
    #sello_footer .f_info .go_top {width:32px; height:32px; border-radius:3px; font-size:0.875em;}
}


/* main */
#mVisu {display:flex; justify-content:center; align-items:center; width:calc(100% - 20px); height:calc(100vh - 20px); margin:10px 0 0 10px; border-radius:10px; background:#000; overflow:hidden; position:relative;}
#mVisu .video_box {width:100%; height:100%; position:absolute; left:0; top:0;}
#mVisu .video_box:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0); position:absolute; left:0; top:0; z-index:3;}
#mVisu .video_box iframe {width:120%; height:120%; min-width:1920px; min-height:1080px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
#mVisu .txt_box {text-align:center; color:#fff; position:relative; z-index:5; display:none;}
#mVisu .txt_box .tit {font-size:3.75em; line-height:1.2em; font-weight:700;}
#mVisu .txt_box .txt {font-size:1.25em; line-height:1.5em; font-weight:500; margin-top:20px;}

@media screen and (min-height:1080px){
    #mVisu .video_box iframe {min-width:3000px;}
}

@media screen and (max-width:1024px){
    #mVisu {width:calc(100% - 10px); height:calc(100vh - 10px); margin:5px 0 0 5px;}
    #mVisu .video_box iframe {min-width:1500px; min-height:1300px;}
    #mVisu .txt_box .tit {font-size:3em;}
    #mVisu .txt_box .txt {font-size:1.125em; margin-top:15px;}
}

@media screen and (max-width:767px){
    #mVisu .video_box iframe {min-width:1400px; min-height:1000px;}
    #mVisu .txt_box .tit {font-size:2.2em;}
    #mVisu .txt_box .txt {font-size:1em;}
}


#mMake {display:flex; align-items:center; height:500px; background:url(/images/mMakeBG.png) no-repeat center center; background-size:cover; border-radius:30px; margin:150px auto; overflow:hidden;}
#mMake .txt_box {width:100%; padding:0 150px;}
#mMake .txt_box .tit {font-size:3.125em; color:#fff; font-weight:700;}
#mMake .txt_box .txt {font-size:1.25em; color:#fff; line-height:1.5em; margin-top:15px;}
#mMake .txt_box .more_btn {display:inline-block; font-size:1.25em; color:#fff; font-weight:600; margin-top:100px;}
#mMake .txt_box .more_btn:after {content:'\f061'; display:inline-block; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:10px; transition:transform 0.5s}
#mMake .txt_box .more_btn:hover:after {transform:translateX(10px)}

@media screen and (max-width:1640px){
	#mMake {background-position:30% center;}
    #mMake .txt_box {padding:0 100px;}
}

@media screen and (max-width:1024px){
    #mMake {height:380px; border-radius:20px; margin:15% auto;}
    #mMake .txt_box {padding:0 6%;}
    #mMake .txt_box .tit {font-size:2.6em;}
    #mMake .txt_box .txt {font-size:1.125em; margin-top:10px;}
    #mMake .txt_box .more_btn {font-size:1.125em; margin-top:70px;}
}

@media screen and (max-width:767px){
    #mMake {height:auto; background-position:95% center; border-radius:15px; padding:18% 0; position:relative;}
	#mMake:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.6); position:absolute; left:0; top:0; z-index:0;}
    #mMake .txt_box {text-align:center; position:relative; z-index:5;}
    #mMake .txt_box .tit {font-size:2em;}
    #mMake .txt_box .txt {font-size:1em;}
    #mMake .txt_box .more_btn {margin-top:10%;}
}


#mSample {margin-bottom:150px;}
#mSample .tit_box .tit {font-size:3.125em; font-weight:700;}
#mSample .tit_box .txt {font-size:1.25em; color:#666; font-weight:500; line-height:1.5em; margin-top:15px;}
.mSample_slide {margin-top:50px; position:relative;/* padding-bottom:60px;*/}
.mSample_slide .img {width:100%; border-radius:15px; overflow:hidden;}
.mSample_slide .img img {width:100%;}
.mSample_slide p {font-size:1.25em; font-weight:500; text-align:center; margin-top:20px;}
.mSample_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
.mSample_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px;}
.mSample_slide .swiper-pagination-bullet {width:30px; height:4px; background:#e6dfff; border-radius:0; opacity:1; display:none;}
.mSample_slide .swiper-pagination-bullet-active {background:#6a3ce6;}

@media screen and (max-width:1024px){
    #mSample {margin-bottom:15%;}
    #mSample .tit_box .tit {font-size:2.6em;}
    #mSample .tit_box .txt {font-size:1.125em; margin-top:10px;}
    .mSample_slide {margin-top:5%;}
    .mSample_slide .img {border-radius:10px;}
    .mSample_slide p {font-size:1.125em; margin-top:15px;}
}

@media screen and (max-width:767px){
    #mSample .tit_box .tit {font-size:2em;}
    #mSample .tit_box .txt {font-size:1em; margin-top:5px;}
    .mSample_slide .swiper-slide {width:270px;}
    .mSample_slide p {font-size:1em;}

}


/* sub */
#sub_content {width:100%; padding:210px 0 150px;}

.sub_title {font-size:3.75em; line-height:1.2em; font-weight:700; text-align:center; font-family:'Poppins', 'Pretendard'; text-transform:uppercase; margin-bottom:60px;}

.s_txt1 {font-size:1.125em; color:#666; line-height:1.5em;}

@media screen and (max-width:1024px){
	#sub_content {padding:140px 0 15%;}

	.sub_title {font-size:3em; margin-bottom:5%;}
	
	.s_txt1 {font-size:1em;}
}

@media screen and (max-width:767px){
	#sub_content {padding-top:110px;}

	.sub_title {font-size:2.3em;}
}


.sImagemake_wrap .step_box {display:flex; justify-content:space-between; align-items:start; counter-reset:counter; position:relative; margin-bottom:70px;}
.sImagemake_wrap .step_box:before {content:''; display:block; width:100%; height:1px; background:#e5e7eb; position:absolute; left:0; top:50%;}
.sImagemake_wrap .step_box li {display:flex; align-items:center; background:#fff; position:relative; z-index:5; padding:0 20px;}
.sImagemake_wrap .step_box li:before {content:counter(counter); display:flex; justify-content:center; align-items:center; width:30px; height:30px; background:#e5e7eb; border-radius:50%; font-size:1em; color:#666; font-weight:500; counter-increment:counter;}
.sImagemake_wrap .step_box li p {font-size:0.9375em; color:#666; font-weight:500; margin-left:10px;}
.sImagemake_wrap .step_box li.on:before {background:#6a3ce6; color:#fff;}
.sImagemake_wrap .step_box li.on p {color:#6a3ce6;}

/* step 1 */
.sImagemake_wrap .upload_img {width:100%; background:#f8f9fc; border:3px dashed #ddd; border-radius:20px; text-align:center;}
.sImagemake_wrap .upload_img input {display:none;}
.sImagemake_wrap .upload_img img {max-width:100%;}
.sImagemake_wrap .upload_img .txt_box {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:500px;}
.sImagemake_wrap .upload_img .txt_box i {display:flex; justify-content:center; align-items:center; width:80px; height:80px; background:#6a3ce6; border-radius:50%; font-size:2em; color:#fff;}
.sImagemake_wrap .upload_img .txt_box .t1 {font-size:1.25em; font-weight:600; margin-top:25px;}
.sImagemake_wrap .upload_img .txt_box .t2 {font-size:1em; color:#666; line-height:1.5em; margin-top:10px;}

.sImagemake_wrap .form_box {display:flex; gap:15px; flex-wrap:wrap;}
.sImagemake_wrap .form_box > div {width:calc(50% - 7.5px);}
.sImagemake_wrap .form_box > div.w_100 {width:100%;}
.sImagemake_wrap .form_box > div .form_txt {display:block; width:100%; height:61px; border:1px solid #dbdcdf; border-radius:10px; font-size:1.125em; padding:0 20px; box-shadow:none !important;}
.sImagemake_wrap .form_box > div .form_txt:focus {outline:none; border:1px solid #6a3ce6;}
.sImagemake_wrap .form_box > div .form_textarea {display:block; width:100%; height:200px; border:1px solid #dbdcdf; border-radius:10px; font-size:1.125em; padding:20px; box-shadow:none !important; resize:none;}
.sImagemake_wrap .form_box > div .form_textarea:focus {outline:none; border:1px solid #6a3ce6;}
.sImagemake_wrap .form_box > div .select_box {position:relative;}
.sImagemake_wrap .form_box > div .select_box:after {content:'\f107'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%); pointer-events:none;}
.sImagemake_wrap .form_box > div .select_box select {display:block; width:100%; height:61px; border:1px solid #dbdcdf; border-radius:10px; font-size:1.125em; color:#666; padding:0 20px; box-shadow:none !important; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.sImagemake_wrap .form_box > div .select_box select:focus {outline:none; border:1px solid #6a3ce6;}
.sImagemake_wrap .form_box > div .select_box select.change {color:#191919;}
.sImagemake_wrap .form_box > div .select_box select option {color:#191919;}
.sImagemake_wrap .form_box > div .submit_btn {display:block; width:100%; height:60px; background:#6a3ce6; border-radius:10px; font-size:1.25em; color:#fff; font-weight:600;}


@media screen and (max-width:1024px){
	.sImagemake_wrap .step_box {margin-bottom:7%;}
	
	.sImagemake_wrap .upload_img {border-radius:10px;}
	.sImagemake_wrap .upload_img .txt_box {height:350px;}
	.sImagemake_wrap .upload_img .txt_box i {width:60px; height:60px; font-size:1.5em;}
	.sImagemake_wrap .upload_img .txt_box .t1 {font-size:1.125em; margin-top:15px;}
	.sImagemake_wrap .upload_img .txt_box .t2 {margin-top:5px;}
	
	.sImagemake_wrap .form_box {gap:10px;}
	.sImagemake_wrap .form_box > div {width:calc(50% - 5px);}
	.sImagemake_wrap .form_box > div .form_txt {height:45px; font-size:1em; padding:0 15px;}
	.sImagemake_wrap .form_box > div .form_textarea {height:150px; font-size:1em; padding:15px;}
	.sImagemake_wrap .form_box > div .select_box:after {right:15px;}
	.sImagemake_wrap .form_box > div .select_box select {height:45px; font-size:1em; padding:0 15px;}
	.sImagemake_wrap .form_box > div .submit_btn {height:55px; font-size:1.125em;}
}

@media screen and (max-width:767px){
	.sImagemake_wrap .step_box:before {display:none;}
	.sImagemake_wrap .step_box li {display:block; padding:0;}
	.sImagemake_wrap .step_box li:before {width:26px; height:26px; margin:0 auto 5px;}
	.sImagemake_wrap .step_box li p {margin-left:0;}
	
	.sImagemake_wrap .upload_img .txt_box {height:200px;}
	.sImagemake_wrap .upload_img .txt_box i {width:45px; height:45px; font-size:1.25em;}
	
	
	.sImagemake_wrap .form_box {gap:4px;}
	.sImagemake_wrap .form_box > div {width:100%}
	.sImagemake_wrap .form_box > div .form_txt {height:38px; border-radius:5px; padding:0 10px;}
	.sImagemake_wrap .form_box > div .form_textarea {height:100px; border-radius:5px; padding:10px;}
	.sImagemake_wrap .form_box > div .select_box:after {right:10px;}
	.sImagemake_wrap .form_box > div .select_box select {height:38px; border-radius:5px; padding:0 10px;}
	.sImagemake_wrap .form_box > div .submit_btn {height:45px; border-radius:5px;}
}

/* step 2 */
.sImagemake_wrap .watermark_img {text-align:center;}
.sImagemake_wrap .watermark_img img {max-width:100%;}
.sImagemake_wrap .btn_box1 {display:flex; justify-content:space-between; flex-wrap:wrap;}
.sImagemake_wrap .btn_box1 .reset_btn {display:block; width:60px; height:60px; background:#fff; border:1px solid #ddd; border-radius:8px; font-size:1.25em;}
.sImagemake_wrap .btn_box1 .reset_btn:before {content:'\f0e2'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro';}
.sImagemake_wrap .btn_box1 .down_btn {display:flex; justify-content:center; align-items:center;  width:calc(50% - 35px); height:60px; background:#191919; border-radius:8px; font-size:1.25em; color:#fff; font-weight:600;}
.sImagemake_wrap .btn_box1 .down_btn i {margin-left:10px;}
.sImagemake_wrap .btn_box1 .next_btn {display:flex; justify-content:center; align-items:center;  width:calc(50% - 35px); height:60px; background:#6a3ce6; border-radius:8px; font-size:1.25em; color:#fff; font-weight:600;}
.sImagemake_wrap .btn_box1 .next_btn.case2 {width:100%;}
.sImagemake_wrap .btn_box1 .next_btn.disabled {background:#ccc; color:#666; cursor:default; pointer-events:none;}

@media screen and (max-width:1024px){
	.sImagemake_wrap .btn_box1 .reset_btn {width:55px; height:55px;}
	.sImagemake_wrap .btn_box1 .down_btn {height:55px; font-size:1.125em;}
	.sImagemake_wrap .btn_box1 .next_btn {height:55px; font-size:1.125em;}
}

@media screen and (max-width:767px){
	.sImagemake_wrap .btn_box1 {gap:5px 0;}
	.sImagemake_wrap .btn_box1 .reset_btn {width:40px; height:40px; border-radius:5px;}
	.sImagemake_wrap .btn_box1 .down_btn {width:calc(100% - 45px); height:40px; font-size:1em; border-radius:5px;}
	.sImagemake_wrap .btn_box1 .next_btn {width:100%; height:40px; font-size:1em; border-radius:5px;}
}

/* step 3 */
.sImagemake_wrap .info_box {display:flex; align-items:center; width:100%; background:#f8f9fc; border:1px solid #ddd; border-radius:10px; padding:20px;}
.sImagemake_wrap .info_box i {font-size:1.5em; margin-right:20px;}
.sImagemake_wrap .info_box p {font-size:1em; color:#666; line-height:1.55em;}
.sImagemake_wrap .info_box p b {color:#191919; font-weight:600;}

@media screen and (max-width:1024px){
	.sImagemake_wrap .info_box {padding:15px;}
	.sImagemake_wrap .info_box i {font-size:1.2em; margin-right:10px;}
}

@media screen and (max-width:767px){
	.sImagemake_wrap .info_box {padding:10px; border-radius:5px;}
	.sImagemake_wrap .info_box i {margin-right:10px;}
}

/* step 4 */
.sImagemake_wrap .detailpage_box > div {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-bottom:30px;}
.sImagemake_wrap .detailpage_box > div:last-child {margin-bottom:0;}
.sImagemake_wrap .detailpage_box > div .img_box {display:flex; justify-content:center; align-items:center; width:calc(100% - 375px); background:#f8f9fc}
.sImagemake_wrap .detailpage_box > div .img_box p {font-size:0.9375em; color:#666;}
.sImagemake_wrap .detailpage_box > div .prompt_box {width:350px;}
.sImagemake_wrap .detailpage_box > div .prompt_box .form_textarea {display:block; width:100%; height:calc(100% - 55px); min-height:300px; border:1px solid #dbdcdf; border-radius:8px; font-size:0.9375em; line-height:1.5em; padding:15px; box-shadow:none !important; resize:none;}
.sImagemake_wrap .detailpage_box > div .prompt_box .form_textarea:focus {outline:none; border:1px solid #6a3ce6;}
.sImagemake_wrap .detailpage_box > div .prompt_box .btn_box {display:flex; justify-content:space-between; margin-top:5px;}
.sImagemake_wrap .detailpage_box > div .prompt_box .btn_box .reset_btn {display:block; width:50px; height:50px; background:#fff; border:1px solid #ddd; border-radius:8px; font-size:1em;}
.sImagemake_wrap .detailpage_box > div .prompt_box .btn_box .reset_btn:before {content:'\f0e2'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro';}
.sImagemake_wrap .detailpage_box > div .prompt_box .btn_box .create_btn {display:flex; justify-content:center; align-items:center;  width:calc(100% - 55px); height:50px; background:#191919; border-radius:8px; font-size:1em; color:#fff; font-weight:600;}

@media screen and (max-width:1024px){
	.sImagemake_wrap .detailpage_box > div {margin-bottom:3%;}
	.sImagemake_wrap .detailpage_box > div .img_box {width:65%;}
	.sImagemake_wrap .detailpage_box > div .prompt_box {width:calc(35% - 15px);}
	.sImagemake_wrap .detailpage_box > div .prompt_box .form_textarea {height:calc(100% - 45px); min-height:240px; border-radius:4px; padding:10px;}
	.sImagemake_wrap .detailpage_box > div .prompt_box .btn_box .reset_btn {width:40px; height:40px; border-radius:4px;}
	.sImagemake_wrap .detailpage_box > div .prompt_box .btn_box .create_btn {width:calc(100% - 45px); height:40px; border-radius:4px;}
}

@media screen and (max-width:767px){
	.sImagemake_wrap .detailpage_box > div .img_box {width:100%;}
	.sImagemake_wrap .detailpage_box > div .img_box p {padding:20% 0;}
	.sImagemake_wrap .detailpage_box > div .prompt_box {width:100%; margin-top:5px;}
	.sImagemake_wrap .detailpage_box > div .prompt_box .form_textarea {height:80px; min-height:80px;}
	.sImagemake_wrap .detailpage_box > div .prompt_box .btn_box {margin-top:3px;}
	.sImagemake_wrap .detailpage_box > div .prompt_box .btn_box .reset_btn {width:32px; height:32px;}
	.sImagemake_wrap .detailpage_box > div .prompt_box .btn_box .create_btn {width:calc(100% - 35px); height:32px;}
}


.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 .dim {width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; z-index:0;}
.modal_inner {width:88%; max-width:550px; background:#fff; border-radius:20px; position:relative; padding:60px 50px;}
.modal_inner .close_btn {font-size:1.5em; position:absolute; right:20px; top:15px;}
.modal_inner .close_btn:before {content:'\f00d'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.modal_inner .tit {font-size:1.25em; line-height:1.5em; margin-bottom:20px; text-align:center;}
.modal_inner .txt {font-size:0.875em; color:#666; line-height:1.5em;}
.modal_popup.on {opacity:1; visibility:visible;}

@media screen and (max-width:767px){
    .modal_inner {padding:30px; border-radius:10px;}
    .modal_inner .close_btn {font-size:1.4em; top:10px; right:15px;}
    .modal_inner .tit {font-size:1.125em;}
    .modal_inner .txt {font-size:0.9375em;}
}