@charset "utf-8";
@font-face {font-family: "Pretendard";font-weight: 900;src: url(/../../font/Pretendard-Black.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 800;src: url(/../../font/Pretendard-ExtraBold.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 700;src: url(/../../font/Pretendard-Bold.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 600;src: url(/../../font/Pretendard-SemiBold.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 500;src: url(/../../font/Pretendard-Medium.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 400;src: url(/../../font/Pretendard-Regular.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 300;src: url(/../../font/Pretendard-Light.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 200;src: url(/../../font/Pretendard-ExtraLight.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 100;src: url(/../../font/Pretendard-Thin.woff) format('woff');}

*{box-sizing: border-box;padding: 0;margin: 0; font-family:'Pretendard' !important; word-break: keep-all;}

.fa{font: normal normal normal 14px / 1 FontAwesome !important;}
a{text-decoration: none;}
ul{list-style: none;}
button{background-color: transparent; cursor: pointer;border: none;outline: none;}
img{border:0; display:block;}
h1, h2, h3, h4, h5, h6{padding:0;margin:0}
p{padding:0;margin:0;word-break: keep-all;}
input,
select{font-size: var(--font-size20) !important; padding: 0 10px !important; line-height: 50px !important; height: 50px !important; border: 1px solid #3f42ad2b !important;outline: none !important;box-shadow: unset !important;}
input[type='number']::-webkit-inner-spin-button {appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input:focus,
input:active,
select:focus,
select:active{border-bottom: 2px solid var(--pink-main) !important}
input::placeholder{color: #9ca3af !important;}
.admin_btn{ background: var(--red-main); color: #fff; line-height: 40px; padding: 0 10px; cursor: pointer;width: fit-content;}
#theme-controller .fixed-top{z-index: 999999;}
.modal{z-index: 999999;}
.nt-container{max-width: unset !important;width: 100%;}
:root{
	--pink-gray:#E9E3E6;
	--pink-main:#EC87C0;
	--pink-dip:#D770AD;
	--max-width:1400px;
	--font-size100:100px;
	--font-size90:90px;
	--font-size80:80px;
	--font-size70:70px;
	--font-size60:60px;
	--font-size50:50px;
	--font-size40:40px;
	--font-size35:35px;
	--font-size30:30px;
	--font-size20:20px;
	--font-size18:18px;
	--font-size15:15px;
}

.wrapper{}
.wrapper #nt_body{overflow-x: unset !important; padding: 20px 0 200px; margin: 0 auto; min-height: calc(100vh - 300px);}
/* head 시작 */
.wrapper #nt_header{width: 100%; height: fit-content;}
.wrapper #nt_header .head_wrap{display: flex; justify-content: center; align-items: center;width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;padding: 0;height: 90px;}
.wrapper #nt_header .head_wrap .header-logo{}
.wrapper #nt_header .head_wrap .header-logo a{}
.wrapper #nt_header .head_wrap .header-logo a #logo_img{height: var(--font-size40);}
.wrapper #nt_header .head_wrap .user_menu{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 10px; gap: 10px;}
.wrapper #nt_header .head_wrap .user_menu p{font-size: 15px; line-height: 25px; cursor: pointer; color: #797979;}
.wrapper #nt_header .head_wrap .user_menu p:hover{font-weight: 600;color: var(--pink-main);}
/* head 끝 */



/* tail 시작 */
#tail .tail_data{background: #eee;}
#tail .tail_data{}
#tail .tail_data .copyright{width: 100%;padding: 0 20px;background: #fff;border-top: 1px solid #eee;}
#tail .tail_data .copyright p{text-align: center; font-size: var(--font-size18); font-weight: 300; line-height: 50px;color: #737373;}
#tail .tail_data .copyright p i{font-size: var(--font-size18) !important; color: #979797;}
#tail .tail_data .link_wrap{display: flex; justify-content: center; align-items: center; column-gap: var(--font-size30); padding: 0 10px; background: #ddd;flex-flow: row wrap;}
#tail .tail_data .link_wrap a{line-height: 50px;font-size: var(--font-size18);color: #737373;}
#tail .tail_data .link_wrap a:hover{text-decoration: underline;}
#tail .tail_data .data_wrap{width: calc(100% - 40px); max-width: var(--max-width); margin: 0 auto; display: flex; align-items: center; flex-flow: row wrap; column-gap: 30px; padding: 50px 0; justify-content: center;}
#tail .tail_data .data_wrap p{font-size: var(--font-size18); color: #737373; font-weight: 400;position: relative;top: 0;left: 0;}
#tail .tail_data .data_wrap p:last-child::after{display: none;}
#tail .tail_data .data_wrap p::after{content: ""; position: absolute; top: 50%; right: -16px; transform: translateY(-50%); width: 1px; height: 20px; background: #b5b5b5;}
#nt_sidebar_move {position: fixed; width: var(--font-size60); height: var(--font-size60); background: #5b5b5b; bottom: 20px; right: 20px; z-index: 3; border-radius: 15px; box-shadow: 2px 2px 5px #00000047;}
#nt_sidebar_move span {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;}
#nt_sidebar_move span img{width: 50%;filter: brightness(0) invert(1);}
#nt_sidebar_move:hover{background: var(--pink-main);}
#nt_sidebar_move .sidebar-move-bottom { display:none !important; }
@keyframes moveL {
	0% {transform: translateX(0);}
	50% {transform: translateX(5px);}
	100% {transform: translateX(0);}
}
#inquiry_pop{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999;display: none;background: #000000bf; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);}
#inquiry_pop .bl{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#inquiry_pop .wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 40px);max-width: 600px;height: calc(100% - 60px); background: #fff;padding: 50px 20px 20px;}
#inquiry_pop .wrap .inquiry_close{position: absolute; top: 0; right: 0; width: 50px; height: 50px; cursor: pointer;z-index: 2;}
#inquiry_pop .wrap .inquiry_close span{display: block;width: 3px;height: 80%;background: #737373;border-radius: 5px;position: absolute;top: 50%;left: 50%;}
#inquiry_pop .wrap .inquiry_close span:nth-child(1){transform: translate(-50%, -50%) rotate(45deg);}
#inquiry_pop .wrap .inquiry_close span:nth-child(2){transform: translate(-50%, -50%) rotate(-45deg);}
#inquiry_pop .wrap>b{font-size: var(--font-size30); color: var(--pink-main); display: block; line-height: var(--font-size40); text-align: center;}
#inquiry_pop .wrap>span{font-size:var(--font-size20); color: #9a9a9a; display: block; line-height: var(--font-size30);text-align: center; margin-bottom: 50px;margin-top: 20px;}
#inquiry_pop .wrap form{height: calc(100% - var(--font-size70) * 2.5);}
#inquiry_pop .wrap form .scrr{overflow-y: auto; max-height:calc(100% - 100px);}
#inquiry_pop .wrap form .scrr>ul{}
#inquiry_pop .wrap form .scrr>ul>li{margin-bottom: 30px;}
#inquiry_pop .wrap form .scrr>ul>li:last-child{margin-bottom: 20px;}
#inquiry_pop .wrap form .scrr>ul>li>p{font-size: var(--font-size20); margin-bottom: 5px;font-weight: 600;}
#inquiry_pop .wrap form .scrr>ul>li>p span{color: red; padding-left: 5px; opacity: 0.5;}
#inquiry_pop .wrap form .scrr>ul>li>div{width: 100%;}
#inquiry_pop .wrap form .scrr>ul>li>div>input{width: 100%;}
#inquiry_pop .wrap form .scrr>ul>li>div .custom-radio{width:100%;padding: 0;padding-left: 10px;margin-bottom: 10px;}
#inquiry_pop .wrap form .scrr>ul>li>div .custom-radio input{height: fit-content !important; line-height: unset !important;}
#inquiry_pop .wrap form .scrr>ul>li>div .custom-radio label{padding-left: 30px; font-size: var(--font-size20);line-height: var(--font-size30);white-space:nowrap}
#inquiry_pop .wrap form .scrr>ul>li>div .custom-radio label::before,
#inquiry_pop .wrap form .scrr>ul>li>div .custom-radio label::after{position: absolute; top: 50% !important; bottom: unset; left: 0; right: unset; transform: translateY(-50%);}
#inquiry_pop .wrap form .scrr>ul>li>div textarea{border: 1px solid #3f42ad2b !important; resize: unset; width: 100%; font-size: var(--font-size20); font-weight: 300; padding: 5px 10px; line-height: var(--font-size30); height: calc(var(--font-size30) * 3 + 12px); outline: unset;}
#inquiry_pop .wrap form .scrr>ul>li>div textarea:focus,
#inquiry_pop .wrap form .scrr>ul>li>div textarea:active{border-bottom: 2px solid var(--pink-main) !important}
#inquiry_pop .wrap form .scrr>.custom-checkbox{display: flex; padding: 0; position: unset; justify-content: end; align-items: center;margin-top: 0px;flex-flow: row wrap;}
#inquiry_pop .wrap form .scrr>.custom-checkbox input{}
#inquiry_pop .wrap form .scrr>.custom-checkbox label{padding-left: 20px; font-size: var(--font-size20);line-height: var(--font-size30);white-space:nowrap}
#inquiry_pop .wrap form .scrr>.custom-checkbox label::before,
#inquiry_pop .wrap form .scrr>.custom-checkbox label::after{position: absolute; top: 50% !important; bottom: unset; left: 0; right: unset; transform: translateY(-50%);}
#inquiry_pop .wrap form .scrr>.custom-checkbox span{}
#inquiry_pop .wrap form .scrr>.custom-checkbox p{font-size: var(--font-size18); margin-left: 10px; cursor: pointer; color: #9a9a9a;line-height: var(--font-size30);white-space:nowrap}
#inquiry_pop .wrap form .scrr .insert_privacy{display: none;margin-top: 20px;height: 200px;overflow-y: auto;}
#inquiry_pop .wrap form .scrr .insert_privacy .scr{overflow-y: hidden; max-height: unset;} 
#inquiry_pop .wrap form>button{width: 100%; font-size: var(--font-size20); line-height: var(--font-size50); margin-top: 50px;}
#inquiry_pop .wrap form .inquiry_complete{}
#inquiry_pop .wrap form .inquiry_complete .check-icon-wrap{ position:relative; width:135px; height:153px; margin:0 auto; }
#inquiry_pop .wrap form .inquiry_complete .icons-animation{position:relative;width:100%;height:100%;}
#inquiry_pop .wrap form .inquiry_complete .icons-animation svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transform-origin:center;}
#inquiry_pop .wrap form .inquiry_complete .explosion{z-index:3;}
#inquiry_pop .wrap form .inquiry_complete .explosion circle{ opacity:0; animation:circle-explosion 2.8s infinite; transform-origin:center; }
#inquiry_pop .wrap form .inquiry_complete .explosion path{ opacity:0; stroke-dasharray:1,40; stroke-dashoffset:0; transform-origin:center; animation:path-explosion 2.8s infinite; }
#inquiry_pop .wrap form .inquiry_complete .explosion .check{stroke-dasharray:40; stroke-dashoffset:40; animation: checkDraw 2.8s infinite, checkFade 2.8s infinite;}
#inquiry_pop.black_mode .wrap{background: #1a1a1a;}
#inquiry_pop.black_mode .wrap>b,
#inquiry_pop.black_mode .wrap form .scrr>ul>li>p,
#inquiry_pop.black_mode .wrap form .scrr>.custom-checkbox span,
#inquiry_pop.black_mode .wrap form .inquiry_complete p{color: #fff;}
#inquiry_pop.black_mode .wrap form .scrr>ul>li>p span{opacity: 1;}
#inquiry_pop.black_mode .wrap form .scrr .insert_privacy{color: #9a9a9a;}
#inquiry_pop.black_mode .wrap form .scrr .insert_privacy>span,
#inquiry_pop.black_mode .wrap form .scrr .insert_privacy>b{color: var(--pink-dip);}
#inquiry_pop.black_mode .wrap form .scrr .insert_privacy .privacy_table li:first-child p{color: #000;}
#inquiry_pop .wrap form .scrr .insert_privacy .privacy_table li{min-width: 400px;}
#inquiry_pop .wrap form .scrr .insert_privacy .privacy_table li p{font-size: var(--font-size15) !important;}
.insert_privacy{height: 100%;}
.insert_privacy>span{font-size: 15px; color: var(--pink-main); display: block; line-height: 15px;text-align: center;}
.insert_privacy>b{font-size: 20px; color: var(--pink-main); display: block; line-height: 30px; margin-bottom: 20px; text-align: center;}
#privacy_coco{display: none;}
/* 원 터짐 */
@keyframes circle-explosion{
	0%{ opacity:0; stroke-width:40; transform:scale(0); }
	10%{ opacity:1; }
	30%{opacity:1;stroke-width:3;transform:scale(1);}
	70%{ opacity:1; }
	100%{ opacity:0; stroke-width:3; transform:scale(1); }
}
/* 외곽 라인 */
@keyframes path-explosion{
	0%,10%{ opacity:0; }
	15%{opacity:1;stroke-width:3;stroke-dasharray:15,40;stroke-dashoffset:-40;}
	35%{ opacity:1; }
	60%{opacity:0;stroke-width:0;stroke-dasharray:1,40;stroke-dashoffset:2;}
	100%{ opacity:0; }
}
/* 체크 그리기 */
@keyframes checkDraw{
	0%,18%{ stroke-dashoffset:40; }
	55%,100%{ stroke-dashoffset:0; }
}
/* 투명도 제어 */
@keyframes checkFade{
	0%,15%{ opacity:0; }
	22%,78%{ opacity:1; }
	100%{ opacity:0; }
}
#inquiry_pop .wrap form .inquiry_complete p{font-size: var(--font-size20); margin-bottom: 5px; font-weight: 600;text-align: center;}
#inquiry_pop .wrap form .inquiry_complete button{width: 100%; font-size: var(--font-size20); line-height: var(--font-size50); margin-top: 50px;}
/* tail 끝 */



/* 메인 시작 */
#main{}
/* 메인 끝 */



/* 개인정보처리방침, 이용약관, 이메일 무단수집거부 시작 */
.sub_wrap{width: calc(100% - 40px); max-width: var(--max-width);margin: 0 auto;}
.sub_wrap .con{margin-bottom: 200px;}
.sub_wrap .con:last-child{margin-bottom: 0;}
.sub_wrap .con_title{margin-bottom: 20px;}
.sub_wrap .con_title>span{font-size: var(--font-size20); font-weight: 500;display: block;}
.sub_wrap .con_title>p{font-size: var(--font-size50); font-weight: 800; color: var(--pink-main);margin: 0px 0 30px;}
.sub_wrap .con_title>b{font-weight: 700; font-size: var(--font-size30); line-height: calc(var(--font-size40) + 5px); display: block;}
.sub_wrap .con_title>b span{}
.sub_wrap .con_basic{font-size: var(--font-size20); font-weight: 500; line-height: var(--font-size30);}
.sub_wrap .con .feed{font-size: var(--font-size18);line-height: var(--font-size30); color: #676767;display: block;padding-left: var(--font-size18);position: relative;top: 0;left: 0;}
.sub_wrap .con .feed::before{content:"※"; font-size: var(--font-size18);color: #676767;display: block;position: absolute;top: 0;left: 0;line-height: var(--font-size30);}
.guide_page{}
.guide_page .con{}
.guide_page .con h1,
.guide_page .con h2,
.guide_page .con h3,
.guide_page .con h4,
.guide_page .con h5,
.guide_page .con h6,
.guide_page .con p,
.guide_page .con a,
.guide_page .con span,
.guide_page .con b{font-size: var(--font-size20) !important;}
.privacy_table{overflow-x: auto;border: 1px solid #dfdfdf;margin-top: 50px;}
.privacy_table li{display: flex;justify-content: space-between;align-items: stretch;min-width: 800px;}
.privacy_table li p{height: auto;text-align: center;font-size: var(--font-size18) !important;border-bottom: 1px solid #dfdfdf;padding: 10px;display: flex; justify-content: center; align-items: center;}
.privacy_table li p:nth-child(1){width: 35%;}
.privacy_table li p:nth-child(2){width: 35%;border-left: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;}
.privacy_table li p:nth-child(3){width: 30%;}
.privacy_table li:first-child p{font-weight: 600;background: #eee;}
.privacy_table li:last-child p{border-bottom: unset;}
/* 개인정보처리방침, 이용약관, 이메일 무단수집거부 끝 */



@media all and (max-width:1620px) {
	#nt_sidebar_move{bottom: 90px;}
}

@media all and (max-width:1200px) {
	#tail .tail_data .data_wrap{max-width: 600px; column-gap: 20px; padding: 30px 0; row-gap: 10px;}
	#tail .tail_data .data_wrap p:nth-child(3)::after{display: none;}
	#tail .tail_data .data_wrap p::after{height: 15px; right: -11px;}
	#nt_sidebar_move{border-radius: 12px;}
	:root{
		--font-size100:90px;
		--font-size90:80px;
		--font-size80:70px;
		--font-size70:60px;
		--font-size60:50px;
		--font-size50:40px;
		--font-size40:35px;
		--font-size35:30px;
		--font-size30:25px;
		--font-size20:18px;
		--font-size18:16px;
		--font-size15:13px;
	}
}



@media (max-width: 991px) {
    .wrapper{ overflow: visible !important;}
}




@media all and (max-width:900px) {
	.wrapper #nt_header .head_wrap{flex-flow: column;height: fit-content;width: 100%;}
	.wrapper #nt_header .head_wrap .header-logo a { display: block; height: fit-content; padding: 20px 0 10px;}
	.sub_wrap .con{margin-bottom: 100px;}
}



@media all and (max-width:700px) {
	.wrapper #nt_body{padding: 20px 0 150px;}
	#tail .tail_data .data_wrap{max-width: 400px;row-gap: 5px;}
	#tail .tail_data .data_wrap p:nth-child(2)::after,
	#tail .tail_data .data_wrap p:nth-child(4)::after{display: none;}
	#inquiry_pop .wrap form{height: calc(100% - var(--font-size60) * 3.5);}
	#nt_sidebar_move{border-radius: 10px;right: 10px;width: var(--font-size70);height: var(--font-size70);}
	#nt_sidebar_move:hover{background: #5b5b5b;}
	:root{
		--font-size100:80px;
		--font-size90:70px;
		--font-size80:60px;
		--font-size70:50px;
		--font-size60:40px;
		--font-size50:30px;
		--font-size40:25px;
		--font-size35:23.5px;
		--font-size30:22px;
		--font-size20:17px;
		--font-size18:14px;
		--font-size15:12px;
	}
}


@media all and (max-width:630px) {
	#nt_sidebar_move{bottom: 140px;}
}
@media all and (max-width:499px) {
	#tail .tail_data .data_wrap{max-width: unset; flex-flow: column; align-items: flex-start; row-gap: 0; padding: 20px 0;}
	#tail .tail_data .data_wrap p::after{display: none;}
	#nt_sidebar_move{bottom: 80px;}
	#service .sub_wrap .con_title>b br{display: none;}
}



@media all and (max-width:395px) {
	#tail .tail_data .link_wrap{column-gap: 10px;}
	#tail .tail_data .copyright p,
	#tail .tail_data .link_wrap a{font-size: var(--font-size15);}
}