@charset "utf-8";
/* Common */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{margin:0;padding:0;-webkit-text-size-adjust: none}
body, input, textarea, select, button, table,pre{font-family: 'Pretendard Variable','Noto Sans KR', 'NanumSquare', sans-serif, 'Open Sans', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica;font-size: 14px;-webkit-font-smoothing: antialiased;color:#000;letter-spacing:-1px;}
img, fieldset, button {border:0}
ul, ol, li{list-style: none}
a {text-decoration: none;outline:none;}
img{vertical-align:top;image-rendering: -webkit-optimize-contrast; transform: translateZ(0);backface-visibility: hidden;}
div{transition:0.5s;}


.container{width:100%;}
.en{font-family: 'Nohemi', 'Noto Sans KR', 'NanumSquare', sans-serif , 'Open Sans';font-size: 14px;-webkit-font-smoothing: antialiased;letter-spacing:0;}
.mont{font-family: 'Montserrat', 'Noto Sans KR', 'NanumSquare', sans-serif , 'Open Sans';font-size: 14px;-webkit-font-smoothing: antialiased;font-weight:600}
.m_768br{display:none}
.m_480br{display:none}
.fancybox__container{z-index:5555 !important;}
.pswp{z-index:5555 !important;}

body,html{scrollbar-gutter: stable;}
body.pop{overflow:hidden;overscroll-behavior: none;touch-action:none;}


/* Admin */
.admin_menu{position:fixed;top:50%;left:0;z-index:99999;background:#fff;padding:10px;border:1px solid #eee;box-shadow:0px 0px 5px #eee;transform:translateY(-50%);}
.admin_menu a{color:#272727;display:block;text-align:center;padding:10px}
.admin_menu.on .admin_toggle{border-bottom:1px solid #999;margin-bottom:10px}
.admin_menu .hidden{display:none}
.admin_menu.on .hidden{display:block;visibility:visible}
.admin_menu.on a:hover{color:#1d5ca9}


/* header */
.header{width:100%;margin:0 auto;position:fixed;top:0;left:0;z-index:1001;overflow:visible;transition:0.5s;}
.header .header_top{width:calc(100% - 40px);max-width:1600px;margin:0 auto;overflow:visible;}
.header .header_top .logo{float:left;width:130px;height:40px;margin:20px 10px 20px 0;background:url('../img/logo_w.png') no-repeat center;background-size:contain}
.header .header_top .sns_link{float:left;margin:25px 0}
.header .header_top .sns_link a{display:inline-block;}
.header .header_top .sns_link img{width:100%;max-width:30px;margin-right:5px;vertical-align:middle}
.header .header_top .sns_link img.hover_img{display:block}
.header .header_top .sns_link img.normal_img{display:none}
.header .header_top .gnb{float:right;}
.header .header_top .gnb>li{width:130px;text-align:center;line-height:80px;display:block;float:left;position:relative;}
.header .header_top .gnb>li a{color:#7E7D7D;transition:0.5s;font-size:18px;font-weight:700}
.header .header_top .gnb>li a.on{color:#fff;display:block;position:relative}
.header .header_top .gnb>li:hover a{color:#B03CCC}
.header .header_top .gnb>li .depth1{position:absolute;background:#fff;top:60px;left:0;width:100%;text-align:center;padding:10px 0;overflow:hidden;transition:0.5s;opacity:0;pointer-events: none;border:1px solid #ddd;}
.header .header_top .gnb>li .depth1 li{line-height:40px;}
.header .header_top .gnb>li .depth1 li a{font-size:14px;color:#7E7D7D !important;}
.header .header_top .gnb>li .depth1 li a:hover{color:#B03CCC !important;}
.header .header_top .gnb>li.more:hover .depth1{top:80px;opacity:1;pointer-events: auto;}

.header.nav-up{top:-80px;}


.header:hover{background:#fff;}
.header:hover .header_top .logo{background:url('../img/logo_b.png') no-repeat center;background-size:contain}
.header:hover .header_top .gnb>li a{color:#000}
.header:hover .header_top .gnb>li a.on{color:#B03CCC}
.header:hover .header_top .gnb>li:hover a{color:#B03CCC}
.header:hover .sns_link img.hover_img{display:none}
.header:hover .sns_link img.normal_img{display:block}


/* 헤더 모바일 */
.m_header{width:100%;position:fixed;top:0;left:0;z-index:1001;display:none;overflow:hidden;}
.m_header .m_logo{float:left;width:130px;height:40px;margin:10px 10px 10px 10px;background:url('../img/logo_w.png') no-repeat center;background-size:contain;}
.m_header .m_gnb{position:absolute;top:50%;right:20px;transform:translateY(-50%);}
.m_header .m_gnb a{color:#fff;width:40px;height:30px;position:relative;overflow:hidden;display:block;transition:0.5s;}
.m_header .m_gnb a span{display:block;width:24px;height:3px;background:#fff;position:absolute;transition:0.5s}
.m_header .m_gnb a .m_btn1{top:25%;right:0%}
.m_header .m_gnb a .m_btn2{top:50%;right:0%;}
.m_header .m_gnb a .m_btn3{top:75%;right:0}
.m_header .m_gnb a.on .m_btn1{transform:rotate(45deg);top:50%}
.m_header .m_gnb a.on .m_btn2{display:none}
.m_header .m_gnb a.on .m_btn3{transform:rotate(-45deg);top:50%}
.m_header.nav-up{background:#fff;border-bottom:1px solid #ddd;}
.m_header.nav-up .m_logo{background:url('../img/logo_b.png') no-repeat center;background-size:contain;}
.m_header.nav-up .m_gnb a span{background:#000}


.m_detail_menu{position:fixed;width:400px;height:100vh;min-height:600px;top:0;right:-600px;z-index:9999;background:#fff;transition:0.5s;box-shadow:0 0 2px #ddd}
.m_detail_menu .sns_btn{position:absolute;bottom:40px;left:54px;}
.m_detail_menu .sns_btn li a{padding:0 20px 0 0}
.m_detail_menu .sns_btn li a img{width:100%;max-width:30px;vertical-align:middle}
.m_detail_menu .dm_close{position:absolute;top:40px;right:44px;display:block;}
.m_detail_menu .dm_close span{display:block;width:24px;height:3px;background:#262626;position:absolute;transition:0.5s}
.m_detail_menu .dm_close .m_btn1{transform:rotate(45deg);top:50%}
.m_detail_menu .dm_close .m_btn2{transform:rotate(-45deg);top:50%}
.m_detail_menu.on{right:0}
.m_detail_menu .gnb_sub{padding:0px 30px;overflow-y:auto;height:calc(100vh - 160px);margin:80px 0}
.m_detail_menu .gnb_sub .depth1 li{overflow:hidden;padding:12px 24px}
.m_detail_menu .gnb_sub .depth1 li .depth1_a{font-size:17px;color:#262626;line-height:30px}
.m_detail_menu .gnb_sub .depth1 li.on .depth1_a{font-weight:700}
.m_detail_menu .gnb_sub .depth1 li.on .m_depth1{display:block}
.m_detail_menu .gnb_sub .depth1 li .m_depth1{display:none}
.m_detail_menu .gnb_sub .depth1 li .m_depth1 a{font-size:15px;color:#aaa;line-height:30px}
.m_detail_menu .gnb_sub .depth1 li .m_depth1 a.on{font-weight:700;color:#262626}


/* 메인일때 */
.header.main .header_top .gnb a{color:#fff}


/* body */
.body{min-height:100%;overflow:hidden;position:relative}
.body .content{width:100%;max-width:1600px;margin:0 auto;padding:50px 0}
.btn_top{position:fixed;bottom:95px;right:35px;width:64px;height:64px;display:none;background:url('../img/00_setting/icon_top.png') no-repeat center;z-index:1000;}

.page_top2{width:100%;position:relative;}
.page_top2 .textarea{width:calc(100% - 40px);text-align:center;line-height:1;padding:210px 0 80px;margin:0 auto;}
.page_top2 .textarea h3{font-size:35px;font-weight:800;display:block;margin:0 auto 20px;color:#B03CCC;}
.page_top2 .textarea b{display:block;font-size:50px;line-height:1.2;word-break:keep-all}


/* footer */
.footer{padding:30px 0 26px;overflow:hidden;background:#2e2e2e}
.footer .footer_fix{width:calc(100% - 40px);max-width:1600px;margin:0 auto}
.footer .footer_fix .fl{float:left;width:720px}
.footer .footer_fix .fl>ul{width:100%;overflow:hidden;}
.footer .footer_fix .fl .f_logo{width:150px;height:30px;margin:0px 20px 20px 0;background:url('../img/logo_w.png') no-repeat center;background-size:cover;float:left;}
.footer .footer_fix .fl .sns_link{float:left;}
.footer .footer_fix .fl .sns_link img{width:100%;max-width:30px;margin-right:5px;}


.footer .footer_fix .fl .f_info{width:50%;float:left;overflow:hidden;}
.footer .footer_fix .fl .f_info li{line-height:24px;}
.footer .footer_fix .fl .f_info li b{font-size:14px;color:#fff;width:100px;display:inline-block;}
.footer .footer_fix .fl .f_info li p{font-size:14px;color:#fff;display:inline-block;font-weight:300}

.footer .footer_fix .fl .f_info2{width:50%;float:left;margin-bottom:30px;}
.footer .footer_fix .fl .f_info2 p{font-size:14px;color:#fff;line-height:24px;}
.footer .footer_fix .fl .f_info2 p b{margin-right:12px;}

.footer .footer_fix .copyright{font-size:12px;color:#fff;line-height:24px;width:100%;overflow:hidden;font-weight:600}

.footer .footer_fix .fr{float:right;width:calc(100% - 720px)}
.footer .footer_fix .fr>div{float:right}
.footer .footer_fix .fr .direct_link>div{float:right;padding-left:60px;}
.footer .footer_fix .fr .direct_link>div ul{margin-bottom:20px;text-align:right}
.footer .footer_fix .fr .direct_link>div ul li{line-height:22px;}
.footer .footer_fix .fr .direct_link>div ul li b{font-size:14px;color:#fff;line-height:30px;font-weight:600}
.footer .footer_fix .fr .direct_link>div ul li a{font-size:12px;color:#9e9f9f;font-weight:500}
.footer .footer_fix .fr .direct_link>div ul li a:hover{color:#004851}

.footer .footer_fix .fr .etc{width:160px;z-index:0}
.footer .footer_fix .fr .etc .family{position:relative;width:160px;float:right;margin-bottom:30px;z-index:2;border-bottom:2px solid #fff;padding-bottom:3px;}
.footer .footer_fix .fr .etc .family .f_btn{width:100%;color:#fff;font-size:16px;line-height:30px;display:block;}
.footer .footer_fix .fr .etc .family .f_btn::after {content: "▼";font-size: 12px;position: absolute;width:16px;height:30px;text-align:center;right: 0px;top: 0px;}
.footer .footer_fix .fr .etc .family.open .f_btn::after {content: "▲";}
.footer .footer_fix .fr .etc .family .f_list{display:none;position:absolute;top:32px;left:0;border:1px solid #262626;width:calc(100% - 2px);margin-top:1px;background:#dbdcdc;padding:10px 0;}
.footer .footer_fix .fr .etc .family .f_list a{display:block;font-size:14px;color:#727171;line-height:30px;padding-left:10px;}
.footer .footer_fix .fr .etc .family .f_list a:hover{color:#004851}

.footer .footer_fix .fr .etc .down_file{overflow:hidden;width:100%;z-index:1}
.footer .footer_fix .fr .etc .down_file a{display:block;font-size:16px;color:#fff;line-height:30px;position:relative;}
.footer .footer_fix .fr .etc .down_file a i{position: absolute;width:16px;height:30px;text-align:center;right: 0px;top: 0;line-height:30px;}


.footer .footer_fix.mobile{display:none;max-width:327px;}
.footer .footer_fix.mobile .footer_top{overflow:hidden;margin-bottom:30px;}
.footer .footer_fix.mobile .footer_top .f_logo{width:150px;height:30px;margin:10px auto 0;background:url('../img/logo_w.png') no-repeat center;background-size:cover;}
.footer .footer_fix.mobile .copyright{font-size:14px;color:#fff;line-height:24px;width:100%;}
.footer .footer_fix.mobile .fl{width:100%;overflow:hidden;}
.footer .footer_fix.mobile .sns_link{width:calc(100% - 200px);float:right;padding-left:40px;text-align:right}
.footer .footer_fix.mobile .sns_link img{width:100%;max-width:60px;vertical-align:top}



/* Quick Request */
.float_btn{position:fixed;top:50%;right:40px;transform:translateY(-50%);z-index:999;transition:0.5s}
.float_btn a{width:90px;height:90px;background:url('../img/00_setting/quick_menu.png') no-repeat center;background-size:cover;display:block;}
.float_btn.on a{background:url('../img/00_setting/quick_menu2.png') no-repeat center;background-size:cover;}

.contact_form.on{opacity:1;top:50%;pointer-events: auto;z-index:9999;}
.cf_popbox{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.3);top:0;left:0;z-index:9000;opacity:0;transition:0.5s;pointer-events: none;}
.cf_popbox.on{opacity:1;pointer-events: auto;}
.contact_form{position:fixed;width:520px;min-height:200px;top:60%;left:50%;background:#fff;padding:35px 0 55px;transition:0.5s;opacity:0;pointer-events: none;transform:translate(-50%,-50%);z-index:-100;box-shadow:0 0 5px #ddd;border-radius:30px;}
.contact_form form{width:80%;margin:0px auto 0px;}
.contact_form form #qm_content{width:100%;overflow:hidden;}
.contact_form form #qm_content ul{overflow:hidden;}
.contact_form form #qm_content ul .close_contact{font-size:30px;display:block;background:none;color:#9F9F9F;float:right;}
.contact_form form #qm_content ul .close_contact:hover{color:#B03CCC}
.contact_form form #qm_content ul li{margin-bottom:20px;overflow:hidden;}
.contact_form form #qm_content ul li label{width:100%;display:block;font-size:17px;font-weight:600;margin:0 auto 10px;line-height:1;}
.contact_form form #qm_content ul li label strong{color:#B03CCC}
.contact_form form #qm_content ul li input, .contact_form form #qm_content ul li textarea{width:calc(100% - 22px);border:1px solid #ddd;font-size:15px;padding:0 10px;line-height:40px;border-radius:5px;outline:none;}
.contact_form form #qm_content ul li input:focus, .contact_form form #qm_content ul li textarea:focus{border: 1px solid #B03CCC;}
.contact_form form #qm_content ul li input:not(:placeholder-shown), .contact_form form #qm_content ul li textarea:not(:placeholder-shown) {border: 1px solid #B03CCC;}
.contact_form form #qm_submit input[type="checkbox"]{width:16px;height:16px;vertical-align:middle;accent-color:#B03CCC}
.contact_form form #qm_submit input[type="checkbox"]+label{line-height:30px;font-size:16px;}
.contact_form form #qm_submit .info_privacy{color:#262626;float:right;line-height:30px;}
.contact_form form #qm_submit .info_privacy:hover{color:#B03CCC}
.contact_form form #qm_submit .submit{font-size:21px;margin:0px auto 0;display:block;border:0;background:#B03CCC;color:#fff;overflow:hidden;border-radius:5px;width:100%;max-width:360px;line-height:50px;font-weight:bold;}
.contact_form form #qm_submit .submit:hover{background:#2e2e2e;}

/* Popup */
.popup_privacy{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.9);display:none;z-index:99999;}
.popup_privacy .popup_box{width:calc(100% - 120px);max-width:1300px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;overflow:hidden;border-radius:15px;box-shadow:0 0 5px #ddd;padding:0;}
.popup_privacy .popup_box .inner_content {padding:75px 50px;box-sizing: border-box;overflow:hidden;}
.popup_privacy .popup_box pre{white-space: pre-wrap;overflow-y: auto;width:100%;height:450px;margin:0;padding:30px;box-sizing: border-box;border:1px solid #ddd;border-radius:5px;}
.popup_privacy .popup_box pre::-webkit-scrollbar{width: 6px;}
.popup_privacy .popup_box pre::-webkit-scrollbar-thumb {height: 10%;border-radius: 10px;background: #B03CCC;}
.popup_privacy .close_popup{font-size:30px;background:none;position:absolute;top:20px;right:20px;}


/* Contact */
#contact{background:url('../img/00_setting/contact_bg.jpg') no-repeat center;width:100%;overflow:hidden;height:450px;background-size:cover;z-index:1;padding:0;position:relative;}
#contact .textarea{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);max-width:1600px;color:#fff;text-align:center;}
#contact .textarea b{font-size:40px;font-weight:700;display:block;margin-bottom:0px;line-height:1.2;margin:0 auto 60px;}
#contact .textarea a{transition:0.5s;padding:12px 30px;display:inline-block;color:#fff;font-size:14px;font-weight:600;overflow:hidden;border-radius:4px;border:1px solid #fff;margin-right:8px;transition:0.5s;}
#contact .textarea a:hover{background:rgba(255,255,255,1);color:#000;}
#contact .textarea a:hover img{filter: invert(1);}
#contact .textarea a:last-child{margin-right:0}
#contact .textarea a span{display:inline-block;line-height:24px;margin-right:50px;}



/* Loading */
#loadingOverlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);backdrop-filter: blur(4px);z-index: 99999;justify-content: center;align-items: center;}
#loadingOverlay .loading-box {background: #ffffff;padding: 80px 40px;border-radius: 16px;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);text-align: center;font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;box-sizing:border-box;width:90%;max-width:480px;}
.loading-spinner {width: 44px;height: 44px;border: 4px solid #f1f3f5;border-top: 4px solid #111111;border-radius: 50%;animation: loadingSpin 0.8s linear infinite;margin: 0 auto 18px auto;}
@keyframes loadingSpin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.loading-box .loading-title {margin: 0;font-size: 16px;color: #111111;font-weight: 600;letter-spacing: -0.5px;}
.loading-box .loading-desc {display: block;margin-top: 6px;font-size: 13px;color: #777777;letter-spacing: -0.3px;}


/* Mobile */
@media all and (max-width:1440px){
	.page_top2 .textarea{padding:180px 0 80px}
	.page_top2 .textarea h3{font-size:32px;}
	.page_top2 .textarea b{font-size:42px;}

	#contact .textarea b{font-size:36px;}

	.footer .footer_fix .fl{width:500px;}
	.footer .footer_fix .fr{width:calc(100% - 500px);}
	.footer .footer_fix .fl .f_info{width:100%}
	.footer .footer_fix .fl .f_info2{width:100%}

}
@media all and (max-width:1240px){
	.footer .footer_fix .fl{width:360px;}
	.footer .footer_fix .fr{width:calc(100% - 360px);}
}

@media all and (max-width:1160px){
	.header .header_top .gnb a{width:120px;font-size:16px;}
	.header .detail_menu .detail_menu_fix .fr ul{width:120px;font-size:14px;}
}


@media all and (max-width:1024px){
	.header{display:none}
	.m_header{display:block;}
	.admin_menu{display:none}

	.page_top2 .textarea{padding:160px 0 80px}
	.page_top2 .textarea h3{font-size:27px;}
	.page_top2 .textarea b{font-size:36px;}

	#contact{height:400px;}
	#contact .textarea b{font-size:32px;margin:0 auto 30px;}
	#contact .textarea a span{margin-right:40px;}

	.float_btn{right:20px;}
	.float_btn a{width:80px;height:80px;}

	.footer .footer_fix.pc{display:none}
	.footer .footer_fix.mobile{display:block;}

}


@media all and (max-width:768px){
	.m_768br{display:block}
	.m_detail_menu{width:360px;}
	
	.page_top2 .textarea{padding:140px 0 60px}
	.page_top2 .textarea h3{font-size:24px;}
	.page_top2 .textarea b{font-size:32px;}

	#contact{height:350px;}
	#contact .textarea b{font-size:28px;}
	#contact .textarea a{padding:10px 22px;font-size:13px;}
	#contact .textarea a span{margin-right:30px;}
}


@media all and (max-width:540px){
	.m_detail_menu{width:270px;}
	.m_detail_menu .gnb_sub .depth1 li .depth1_a{font-size:15px;}
	.m_detail_menu .gnb_sub .depth1 li{padding:8px 16px;}
	.m_detail_menu .gnb_sub .depth1 li .m_depth1 a{font-size:13px;line-height:24px;}	

	.detail_menu .sns_btn li a{padding:0 15px 0 0}

	.page_top2 .textarea{padding:120px 0 40px}
	.page_top2 .textarea h3{font-size:21px;}
	.page_top2 .textarea b{font-size:27px;}

}


@media all and (max-width:480px){
	.m_480br{display:block !important;} 
	.m_header .m_logo{width:100px;}
	.contact_form{width:360px;right:-362px;top:100px;}

	.page_top2 .textarea h3{font-size:19px;}
	.page_top2 .textarea b{font-size:24px;}
	.page_top2 .textarea b br{display:none}


	#contact{height:300px;}
	#contact .textarea b{font-size:24px;}
	#contact .textarea a{padding:8px 14px;font-size:12px;}
	#contact .textarea a span{margin-right:20px;}

	.float_btn a{width:80px;height:80px;}
	.contact_form form #qm_submit input[type="checkbox"]+label{font-size:14px;color:rgba(159, 159, 159, 1)}
	.contact_form form #qm_submit .submit{font-size:20px;max-width:250px;}

}

@media all and (max-width:425px){
	.page_top2 .textarea b{font-size:21px;}
}
@media all and (max-width:400px){
	.m_header .m_logo{width:77px;}
}