@import url('https://webfontworld.github.io/naver/NanumMyeongjo.css');
/* font-family: 'Lora', serif; */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}

.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}


/*레이어팝업*/
.popup_layer {position:fixed;top:0;left:0;display: none; z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
.popup_box{position: relative;top:50%;left:50%; overflow: hidden; height: 700px; width:375px;transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);}
.popup_box .popup_cont {padding:50px;line-height:1.4rem;font-size:14px;}
.popup_box .popup_cont h2 {padding:15px 0;color:#333;margin:0;}
.popup_box .popup_cont .cont {max-height: 380px; overflow-y: auto;}
.popup_box .popup_cont p{ padding-top: 30px;}
.popup_box .popup_btn {position: absolute; text-align: center;bottom: 0; width:100%;line-height: 70px; height:70px;background:#ECECEC;}
.popup_box .popup_btn a {position: relative; height:70px;  font-size:17px;text-align:center;vertical-align:middle;text-decoration:none; background:#ECECEC;}
.popup_box .popup_btn a.close_day {background:#5d5d5d;}
.popup_box .popup_btn a.close_day:before, .popup_box .popup_btn a.close_day:after{display:none;}
.popup_overlay{position:fixed;top:0px;right:0;left:0;bottom:0;z-index:1001;background:rgba(0,0,0,0.5);}


@media screen and (max-width: 280px) {
    .popup_layer {position:fixed;top:0;left:0;display: none; z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
    .popup_box{position: relative;top:50%;left:50%; overflow: hidden; height: 450px; width:255px;transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);}
    .popup_box .popup_cont {padding:20px;line-height:1.4rem;font-size:14px;}
    .popup_box .popup_cont h2 {padding:15px 0;color:#333;margin:0;}
    .popup_box .popup_cont .cont {max-height: 380px; overflow-y: auto;}
    .popup_box .popup_cont p{ padding-top: 30px;}
    .popup_box .popup_btn {position: absolute; text-align: center;bottom: 0; width:100%;line-height: 70px; height:70px;background:#ECECEC;}
    .popup_box .popup_btn a {position: relative; height:70px;  font-size:17px;text-align:center;vertical-align:middle;text-decoration:none; background:#ECECEC;}
    .popup_box .popup_btn a.close_day {background:#5d5d5d;}
    .popup_box .popup_btn a.close_day:before, .popup_box .popup_btn a.close_day:after{display:none;}
    .popup_overlay{position:fixed;top:0px;right:0;left:0;bottom:0;z-index:1001;;background:rgba(0,0,0,0.5);}
    
    

}




.lead { font-size:16px; line-height:1.75; letter-spacing:-0.02em; color:#555;  word-break:keep-all}

/* i::before{
    font-family: xeicon !important;
} */

@media screen and (max-width: 640px) {
/* input {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
} */
}



.pc_min_ver{display:none !important; justify-content: space-between;}
.tab_ver{display:none !important}
.tab_min_ver{display:none !important}
.mo_ver{display:none !important}
.pc_ver{display:block !important}


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

    .pc_ver{display:none !important}
    .pc_min_ver{display:none !important}
    .tab_ver{display:block !important}
    .tab_min_ver{display:block !important}
    .mo_ver{display:none !important}
    
    }


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

.pc_ver{display:none !important}
.pc_min_ver{display:none !important}
.tab_ver{display:none !important}
.tab_min_ver{display:none !important}
.mo_ver{display:block !important}

}
 

.inner {width:100%; max-width:1400px; margin:0 auto; padding:0 110px;box-sizing: border-box;}
.pc_inner {width:100%; max-width:1400px; margin:0 auto; padding:0 110px;box-sizing: border-box;}

@media (max-width:700px){
    
.inner {width:100%; max-width:100%; margin:0 auto; padding:0 20px;}
.pc_inner {width:100%; max-width:100%; margin:0 auto; padding:0 0;}
}


/*헤드메뉴*/
#header {position:absolute;left:0;top:40px; max-width: 1400px; width:100%; left: 50%; transform:translateX(-50%) ;z-index:6;height:80px;-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#header .header-inner {width:100%; height:100% }
#header .gnb { list-style:none; height:100%; position:absolute; right:0px;animation: ani_4 1.0s 0.2s;
    animation-fill-mode: both;}
#header .gnb > li { float:left; position:relative; display:inline-block; /*width:120px;*/ padding: 0 20px;  vertical-align:middle; text-align:center;}
#header .gnb > li > a {display:inline-block; line-height:1em; width:100%; color:#fff;font-size:15px; letter-spacing:-0.5px; font-weight:700; text-decoration:none;}
#header .gnb > li.top_call > a {font-size: 20px;}
#header .gnb > li > a:hover {color: #d3ae75}
#header .gnb > li.active {background-color: #b0905e}
#header .gnb > li.active > a {color: #fff}
#header .gnb .login { background-color:#2253b8; font-size:15px; color:#fff}
#header .gnb .join { background-color:#343434; font-size:15px; color:#fff; margin-left:20px}
#header .gnb .login a { color:#ddd; font-size:14px}
#header .gnb .login a:hover { color:#fff}
#header .gnb .join a { color:#ddd; font-size:14px}
#header .gnb .join a:hover { color:#fff}
#header .header-inner .menu {cursor:pointer;text-indent:-9999px; position:absolute;top:29px; left:50%;width:25px;height:20px; background-image:url(../img/cate_more.gif); margin-left:200px; border:0; display:none}
#header .header-inner .menu.on {background-image: url(../img/cate_close.gif)}
#header .gnb > li, #header #right-side-open {height:80px;line-height:80px; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#header #right-side-open { position:absolute; right:0; width:100px; cursor:pointer; border-left:1px solid rgba(255,255,255,0.3); text-align:center; display: inline-block; }
#header #right-side-open span{display:inline-block;width:20px; height:20px;font-size:20px;line-height:1em;margin-top:-10px; margin-left:-10px; position:absolute; top:50%;left:50%; color:#fff;}
#header .gnb .snb {list-style:none; display:none;}
#header #logo { margin-left:15px; padding:0;animation: ani_4 1.0s 0.2s; animation-fill-mode: both;}
#header #logo a { display:block; width:180px; height:47px; line-height:80px}
#header #logo img { width:100%}
#header .gnb .snb,.device-md #header .gnb .snb{display: none;position: absolute;right: -82px;width: 200px; top:80px; border-top: 0;background-color: #000; z-index:2}
#header .gnb .snb li { font-size:14px; line-height:3.1; text-align:left; border-top:1px solid #414141;}
#header .gnb .snb li a { color:#FFF; display:block; padding-left:20px}
#header .gnb .snb li a:hover {color:#fff;  display:block; background-color:#2253b8; text-decoration:none; line-height:3.1}
#header .gnb .snb li:first-child { border-top:0}

#header .gnb .top_call {margin-left: 50px;}
#header .gnb .top_call img { height: 20px; margin-right: 10px;}



@media screen and (max-width: 1024px) {
    #header { display:block; background-color:transparent; top:10px;position:fixed}
    #header #logo { margin-left:25px; padding:0; animation: ani_5 0.8s 0.2s;
        animation-fill-mode: both; margin-top: -8px;}
	#header #logo a{ width:170px; display:block}
    #header #logo a img {width: 100%;}
	#header .gnb { display:none}
}
/*헤드메뉴*/


@media screen and (max-width: 700px) {
    #header { display:block; background-color:transparent; top:10px;position:fixed;z-index: 1000 !important;}
    #header #logo { margin-left:25px; padding:0; animation: ani_5 0.8s 0.2s;
        animation-fill-mode: both; margin-top: -8px; }
	#header #logo a{ width:170px; display:block}
    #header #logo a img {width: 100%;}
	#header .gnb { display:none}
}
/*헤드메뉴*/


/* 700px (Mobile) */
@media (max-width:700px){
    
}



/*오른쪽 퀵메뉴*/
.right_quick { position: absolute; right: 0; top: -60px; z-index: 2}
.right_quick.fixed {position: fixed; right: 0; top: 50% !important; margin-bottom:50px; z-index: 100; top: 189px}
.right_quick.fixed .material-icons { color:#fff; float:right}
.right_quick ul.quick_info { position: relative; height: 240px}
.right_quick ul.quick_info li { position: absolute; height: 60px; right:0}
.right_quick ul.quick_info li:nth-child(1) {top: 0}
.right_quick ul.quick_info li:nth-child(2) {top: 60px}
.right_quick ul.quick_info li:nth-child(3) {top: 120px}
.right_quick ul.quick_info li:nth-child(4) {top: 180px}
.right_quick ul.quick_info li:nth-child(5) {top: 240px}

.right_quick ul.quick_info li a{width:60px; height:60px; text-align:center; background:#343434; overflow:hidden; display:block}
.right_quick ul.quick_info li i { color:#fff; font-size:24px;}
.right_quick ul.quick_info li i.ico{position:absolute;right:20px;top:15px; z-index:2}
.right_quick ul.quick_info li:nth-child(1) i {right: 17px}
.right_quick ul.quick_info li:nth-child(2) i {right: 17px}
.right_quick ul.quick_info li:nth-child(3) i {right: 17px}
.right_quick ul.quick_info li:nth-child(4) i {right: 17px}
.right_quick ul.quick_info li:nth-child(5) i {right: 17px}
.right_quick ul.quick_info li a span{height:60px; line-height:60px; color:#fff; position:absolute; text-align:left; opacity:0; left:30px; font-size:14px; font-weight:500; z-index:2}
.right_quick ul.quick_info li a.kakao span { color:#000}

@media screen and (max-width: 640px) {
    .right_quick.fixed { display:none}
}
/*오른쪽 퀵메뉴*/





/*모바일 오른쪽 메뉴*/
#right-side {background-color:#333;position:fixed; z-index:999; top:0;right:-100%;max-width:100%; width:100%; height:100%; color:#FFF; padding:30px;-webkit-transition: right .3s ease;-moz-transition: right .3s ease;-ms-transition: right .3s ease;-o-transition: right .3s ease;transition: right .3s ease; box-sizing:border-box; overflow:auto;}
#right-side .side_gnb .call a {text-align:center; display:block;position:relative;background:#b0905e; color:#fff; font-weight:bold; height:4.0em; line-height:4em; border-radius:30px; margin-top:10px; padding:2px 0 4px 0; font-size: 16px;}
#right-side #btn-close-right-side {position:absolute;top:20px;right:0;color:#fff;width:60px;text-align:center;line-height:40px; font-size:16px; cursor:pointer}
#right-side #btn-close-right-side .fa.fa-times { font-size:18px; padding-top:20px}
.right-side-on #right-side {right:0;}
.right-side-on #wrapper { left:-300px; }
.right-side-on #header { left:-300px; }
.right-side-on #rs-overlay {display:block;}

.quick_menu {width:100%; margin:auto; padding-top:20px}
.quick_menu ul { text-align:center}
.quick_menu li{display:inline-block; margin-left:-3px; width:80px; border-right:1px solid #555;}
.quick_menu li:last-child { border:0} 
.quick_menu li a{display:block; box-sizing:border-box; color:#f5f5f5; letter-spacing:-0.8px; text-align:center; position:relative;  font-size:12px}
.quick_menu li a:hover{color:#fff;backface-visibility:hidden}
.quick_menu li a.on{color:#fff;border-bottom-color:#FF3300;border-bottom-width:2px;border-bottom-style:solid}
.quick_kakao{text-align:center; height:35px; background-color:#ffd800; display:inline-block; clear:both}
.quick_kakao a{display:block;position:relative;background:#ffd800}
.quick_kakao a img{display:block;margin:0 auto}

.side_gnb{position:relative;width:100%;float:left;padding-top:20px;}
.side_gnb p{color:#fff; text-align:center; padding:20px }
.side_gnb .menu-list{display:block;position:relative;border-bottom:1px solid #555; margin-top:60px}
.side_gnb .menu-list>li>a{display:block;position:relative;color:#fff;font-size:15px;line-height:3.8em;padding:0 1.0em;border-top:1px solid #555; text-decoration:none}
.side_gnb .menu-list>li>a i{display:block;position:absolute;top:50%;transform:translateY(-75%) rotate(135deg);-webkit-transform:translateY(-75%) rotate(135deg);right:1.5em;width:5.31%;max-width:32px;border:1px solid #ddd;border-left-width:0;border-bottom-width:0;transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease;-ms-transition:transform .3s ease}
.side_gnb .menu-list>li.on>a i{-webkit-transform:translateY(-25%) rotate(315deg);transform:translateY(-25%) rotate(315deg)}
.side_gnb .menu-list>li>a i:before{content:"";display:block;position:relative;padding-top:100%}
.side_gnb .depth-2{display:none;}
.side_gnb .depth-2>li { background-color:#ddd}
.side_gnb .depth-2>li>a{display:block;color:#ddd;font-size:1.2em;line-height:3.0em;padding:0 1.5em 0 2.2em;border-bottom:1px solid #fff; color:#000}

@media screen and (max-width: 640px) {
    .side_gnb .depth-2>li>a { font-size:16px}
}
/*모바일 오른쪽 메뉴*/






/*메인배너*/
.main-carousel{padding:0; display:block}
.main-carousel .li{height:900px; background-size:cover; background-position:center; position:relative}
.main-carousel .li .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/main_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:300px;opacity:.6;z-index:1}
.main-carousel .jarallax { min-height: 900px;}
.main-carousel .img01 { background-image:url(../img/main_banner_img01.jpg);}
.main-carousel .img02 { background-image:url(../img/main_banner_img02.jpg);}
.main-carousel .img03 { background-image:url(../img/main_banner_img03.jpg);}
.main-carousel .li .copy_area{width:100%;text-align:center;color:#fff;position:absolute;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2}
.main-carousel .li .copy_area h1{font-size:14px;font-weight:300; line-height:1.3; letter-spacing:0.5px; padding-bottom:20px;  color:#fff; text-align:center}
.main-carousel .li .copy_area h2{font-size:62px;font-weight:100; line-height:1.3; letter-spacing:-5px;  color:#fff; text-align:center}
.main-carousel .li .copy_area h3{font-size:18px;font-weight:500;text-align:center;margin:10px 0 0; padding:0 20px; word-break:keep-all; color:#fff; opacity:0.8; letter-spacing:-1px}
.main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:135px;}
.main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:30px;height:5px;display:inline-block;margin-left:10px}
.main-carousel .owl-dots .owl-dot.active{background:rgba(255, 255, 255, 1)}
.main-carousel .owl-nav{position:absolute;width:100%;bottom:50%}
.main-carousel .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer}
.main-carousel .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent;  cursor:pointer}

@media screen and (max-width: 640px) {
	.main-carousel .li { height:100vh}
	.main-carousel .jarallax { min-height: 100vh;}
    .main-carousel .img01 { }
	.main-carousel .img02 { }
	.main-carousel .img03 { }
	.main-carousel .li .copy_area h2 {font-size: 36px; letter-spacing:-3px}
	.main-carousel .li .copy_area h3 { max-width:300px; margin:10px auto 0 auto; font-size: 15px; letter-spacing:-0.5px}
	.main-carousel .owl-nav { display:none}
}
/*메인배너*/








/*사업영역*/
.new_company_box_wrap{ width:100%; padding:150px 0px;}
.new_company_box_wrap h2 {text-align:center; font-size:30px; color:#333}
.new_company_box_wrap h2 span{ display:block; padding:20px 0; color:#555; font-size:16px; font-weight:400}
.new_company_box_wrap ul {margin-top:30px; overflow:hidden}
.new_company_box_wrap ul li{ width:25%; text-align:center; float:left; display:block}
.new_company_box_wrap ul li .icon { display:inline-block; padding:30px}
.new_company_box_wrap ul li .icon i { color:#666}
.new_company_box_wrap ul li img {vertical-align:middle; transition:transform 500ms}
.new_company_box_wrap ul li:hover i{transform:rotateY(180deg); transition:transform 500ms}
.new_company_box_wrap ul li .box {border-right:1px  #eaeaea solid; padding:0 10px; display:block}
.new_company_box_wrap ul li:last-child .box {border-right:0px}
.new_company_box_wrap ul li dl dt {font-weight:bold; padding-bottom:15px; line-height:20px; color:#222; font-size:20px}
.new_company_box_wrap ul li a {display:inline-block; margin-top:20px; border:1px #ddd solid; padding:0 20px; line-height:30px; color:#666;  transition: all .2s}
.new_company_box_wrap ul li:hover a {background:#2253b8; color:#fff; transition: all .3s}

@media screen and (max-width: 1024px) {
    .new_company_box_wrap ul li { width:50%}
}
@media screen and (max-width: 960px) {
    .new_company_box_wrap ul li { width:100%}
	.new_company_box_wrap ul li .box { border-right:0; border-bottom:1px solid #ddd; padding-bottom:30px}
}
/*사업영역*/





/*뉴스갤러리*/
.new_main_gallery_wrap { width:100%;  padding:100px 0; background:url(../img/new_main_gallery_bg.jpg) center  no-repeat; background-size:cover;}
.new_main_gallery_wrap .inner {max-width:1200px; margin:0 auto; overflow:hidden}
.new_main_gallery_wrap h2 {text-align:center; font-size:30px; color:#fff}
.new_main_gallery_wrap h2 span{ display:block; padding:20px 0; color:#fff; opacity:0.8; font-size:16px; font-weight:400}
.new_main_gallery_wrap a:hover {color:#2253b8}
.new_main_gallery_wrap ul {margin-top:30px}
.new_main_gallery_wrap li {position:relative; float:left; width:48%; margin:1%; overflow:hidden; background-color:#fff; display:block}
.new_main_gallery_wrap .one_box {display:block; min-height:155px; background:#fff}
.new_main_gallery_wrap .photo {position:absolute; left:0; top:0; width:100%; max-width:160px; min-height: 155px; height:100%; overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center center;
 -webkit-transform: scale(1);transform: scale(1);transition:all 1s ease;-webkit-transition:all 1s ease}
.new_main_gallery_wrap dl {margin-left:190px; padding-right:10px}
.new_main_gallery_wrap dt {color:#333; font-size:18px; font-weight:bold; margin-top:30px; letter-spacing:-1px}
.new_main_gallery_wrap dd {color:#555; font-size:16px; letter-spacing:-0.02em; line-height:1.75; word-break:keep-all; padding:10px 0; }
.new_main_gallery_wrap li:hover .one_box {background-color:#095ead;cursor: pointer}
.new_main_gallery_wrap li:hover dt {color:#fff}
.new_main_gallery_wrap li:hover dd {color:#fff}
.new_main_gallery_wrap li:hover .more_btn {color:#eee}
.new_main_gallery_wrap a:hover .photo {-webkit-transform: scale(1.1);transform: scale(1.1)}
@media screen and (max-width: 1024px) {
	.new_main_gallery_wrap li { width:100%; margin:0 0 4% 0}

}
/*뉴스갤러리*/






/*제품소개*/
.new_business_now_box_warp { width:100%; padding:100px 0; text-align:center; background-color:#eff1f6; clear:both;}
.new_business_now_box_warp h2 { font-size:30px; color:#000; line-height:1.6; font-weight:700}
.new_business_now_box_warp span{ padding:10px 10px 50px 10px; font-size:16px; display:block; color:#555; font-weight:400}
/*제품소개*/






/*TLOG PRODUCTS*/
.new_product_box_wrap { padding:150px 0; max-width:1200px; margin:0 auto; overflow:hidden}
.new_product_box_wrap h2 { font-size:30px; text-align:center; color:#000; line-height:1.6; font-weight:700}
.new_product_box_wrap span{ padding:10px 10px 50px 10px; font-size:16px; text-align:center; display:block; color:#555; letter-spacing:-0.02em; font-weight:400}
/*TLOG PRODUCTS*/






/*메인 공지 최신글*/
.new_latest_box_warp { width:100%; max-width:1200px; margin:0 auto; padding:0px 20px 100px 20px; border-top:1px solid #ddd; clear:both; overflow:hidden}
.new_latest_box_warp .notice_latest { width:48%; float:left}
.new_latest_box_warp .counsel_latest {width:48%; float:right}
@media screen and (max-width: 960px) {
	.new_latest_box_warp .notice_latest { width:100%}
	.new_latest_box_warp .counsel_latest { width:100%}
}
/*메인 공지 최신글*/






/*하단 상담신청*/
.new_contact_box_wrap  { width:100%; min-height:550px; padding:100px 0; background:url(../img/main_contact_bg.jpg) center top no-repeat; background-size:cover}
.new_contact_box_wrap .inner { max-width:700px; margin:0 auto; padding:0 20px 0} 
.new_contact_box_wrap h2 {text-align:center;font-size:30px; color:#fff; line-height:1.6; font-weight:700}
.new_contact_box_wrap h2 span {padding:10px 0 50px 10px; display:block; font-size:16px; color:#fff; opacity:0.8; font-weight:400; letter-spacing:-0.02em}
.new_contact_box_wrap .input_page #co_name { width:48%; height:60px; font-size:15px; color:#6e6e6e; padding-left:10px; float:left; border:0}
.new_contact_box_wrap .input_page #co_email { width:48%; height:60px; font-size:15px; color:#6e6e6e; padding-left:10px; float:right; border:0}
.new_contact_box_wrap .txtarea_page  #co_message { margin-top:20px; width:100%; height:120px;  font-size:15px; color:#6e6e6e; padding:10px 0 0 10px; border:0}
.new_contact_box_wrap .send_page { text-align:center;}
.new_contact_box_wrap .send_page .send {margin:50px 0 0;  max-width:142px; height:41px; line-height:41px; padding:0px 40px;background-color: #3949a3; font-size:15px; font-weight:bold; color:#fff; border:0; border-radius:20px}
.new_contact_box_wrap #x_message{position:absolute;width:300px;border-radius:10px;height:50px;text-align:center;line-height:50px;top:50px;left:50%;margin-left:-150px;background-color:#FDD;border:2px solid #C00;font-weight:700;color:#666;z-index:1000}
.new_contact_box_wrap #x_loading{position:absolute;display:none;width:200px;height:200px;top:50px;left:50%;margin-left:-100px;z-index:1;font-size:100px;line-height:200px}
.new_contact_box_wrap #x_message.x-msg1 {background-color: #FDD;}
.new_contact_box_wrap #x_message.x-msg2 {background-color: #9C6;border:2px solid #096}
/*하단 상담신청*/









/*서브상단*/
.sub_visual{position:relative;max-width:2560px;margin:0 auto;height:472px;overflow:hidden;background-repeat:no-repeat;background-position:center top}
.sub_visual.visual01 .bg{background-image:url(../img/sub_visual01.jpg)}
.sub_visual.visual02 .bg{background-image:url(../img/sub_visual02.jpg)}
.sub_visual.visual03 .bg{background-image:url(../img/sub_visual03.jpg)}
.sub_visual.visual04 .bg{background-image:url(../img/sub_visual04.jpg)}
.sub_visual.visual05 .bg{background-image:url(../img/sub_visual05.jpg)}
.sub_visual:hover .bg{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.sub_visual .title_warp { max-width:1240px; margin:0 auto; display:table; z-index:5}
.sub_visual .title_warp .table-cell { display:table-cell; vertical-align:middle; height:472px;}
.sub_visual h3{position:relative;z-index:5;font-size:45px;font-weight:bold; text-align:center; letter-spacing:-1px; color:#fff}
.sub_visual .sub_title{ position:relative; padding-bottom:10px; font-size:14px; font-weight:500; color:#fff; text-align:center; opacity:.8; z-index:5}
.sub_visual .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/sub_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:1200px;opacity:.5;z-index:1}
.sub_visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;z-index:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
/* .sub_visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;z-index:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} */
@media screen and (max-width: 640px) {
    .sub_visual .title_warp { max-width:100%;}
	.sub_visual h3 { font-size:35px}
	.sub_visual .sub_title { font-size:13px}
}
/*서브상단*/







.content_wrap { width:100%;}
.content_wrap .txtCon { max-width:1300px; margin:0 auto; padding:60px 20px 50px 20px; font-weight:400; position:relative; clear:both}
/* .content_wrap .txtCon .sub_title{ margin-bottom:100px} */
.content_wrap .txtCon .sub_title h1 {font-size:38px; color:#000; text-align:center;margin-bottom:50px}
.content_wrap .txtCon .sub_title .sub_title {font-size: 16px; color:#555; font-weight:400; text-align:center; padding-top:20px; word-break:keep-all;}
.content_wrap .txtboard { max-width:1200px;  font-size:12px;}
@media screen and (max-width: 640px) {
   .content_wrap .txtCon .sub_title h1 { font-size:32px}
}





/*서브 하단 네비*/
.category-wrap {width:100%; height:70px; background-color:#fff; border-bottom:1px solid #ddd;  clear:both; background-attachment:scroll; position:relative; z-index:3}
.sub_navI_warp { background-color:#fff; max-width:1300px; z-index:3; position:relative; margin: -70px auto;}
.all-wrap{max-width:1300px;  height:69px; margin:0 auto;   transition:all .3s ease;}
.all-wrap .loca-wrap{width:100%;margin:0 auto;height:69px}
.all-wrap .loca-wrap .loca-area i{float:left;display:inline-block;width:60px;height:71px; line-height:65px;  color:#555; border-right:1px solid #ddd; padding:0; margin-top:0; text-align:center}
.all-wrap .loca-wrap .loca-area{height:69px;float:left;}
.all-wrap .loca-wrap .loca-area > a {display:inline-block;width:54px;height:100%; float:left; line-height:100%; text-align:center;}
.all-wrap .loca-wrap .loca-area > a img {margin-top:17px;}
.all-wrap .loca-wrap .loca-area>ul {float: left;margin:0; padding:0;}
.all-wrap .loca-wrap .loca-area>ul>li{float:left;width:220px;height:70px;position:relative; margin-left:-1px}
.all-wrap .loca-wrap .loca-area>ul>li button{height:69px;width:220px;position:relative;text-align:left; background-image:url(../img/loca_arrow_off.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;  border:0;  background-color: inherit; box-sizing: border-box;
    border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.all-wrap .loca-wrap .loca-area>ul>li button.active{background-image:url(../img/loca_arrow_on.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;}
.all-wrap .loca-wrap .loca-area>ul>li button span {padding-left: 19px;background-color: transparent; color:#333; font-size:15px}
.all-wrap .loca-wrap .loca-area>ul>li div{overflow:hidden;height:0;position:relative}
.all-wrap .loca-wrap .loca-area>ul>li div ul{display:block;position:absolute;width:100%;left:0;border:1px solid #ddd; background-color:#fff; padding:0}
.all-wrap .loca-wrap .loca-area>ul>li div ul li a{ border-bottom:1px solid #ddd; background:#fff;height:46px;color:#555;line-height:46px;display:block;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;padding-left:19px; font-size:15px; box-sizing:border-box}
.all-wrap .loca-wrap .loca-area>ul>li div ul li a:hover { color:#000; font-weight:bold}
.all-wrap .loca-wrap .share-area {float: right; display:block; padding-top:16px;box-sizing: border-box;}
.all-wrap .loca-wrap .share-area .hide-wrap{width:151px;height:34px;overflow:hidden;float:left}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area{width:151px;height:34px;position:relative;left:200px}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul {overflow: hidden; padding:0; margin:0}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li {float: left;margin-left: 13px; border-bottom: 1px solid #ddd; cursor:pointer}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li:first-child {margin-left: 0;}
.all-wrap .loca-wrap .share-area .share-btn{width:34px;height:34px;background-image:url(../img/share_open_bt.png);float:right;text-indent:-9999px;padding-left:18px;box-sizing:unset;background-repeat:no-repeat;background-position-x:right;transition:all .5s ease;     background-color: inherit; border:0; margin-right:20px}
.all-wrap .loca-wrap .share-area .share-btn.active {background-image: url(../img/share_close_bt.png);border-left: 1px solid #fff;}

@media screen and (max-width: 640px) {
    .all-wrap .loca-wrap .loca-area {100%; float:none;}
	.all-wrap .loca-wrap .loca-area > a {width:10%;}
	.all-wrap .loca-wrap .share-area { display:none}
	.all-wrap .loca-wrap .loca-area > ul {width:100%;}
	.all-wrap .loca-wrap .loca-area > ul > li { width:50%}
	.all-wrap .loca-wrap .loca-area > ul > li:first-child { border:0}
	.all-wrap .loca-wrap .loca-area > ul > li button {width:100%; border-right:0}
	.all-wrap .loca-wrap .loca-area i { display:none}
}
/*서브 하단 네비*/


@media screen and (max-width: 640px) {
.foot_call{ background: #d3ae75; display: block; text-align: center; padding: 20px 0;}
.foot_call a{color: #fff;font-size: 18px; font-weight: 600;}
}

/*푸터*/
#footer { padding: 30px 0px 100px; width: 100%;  position:relative; z-index:10; background:#0d213c; clear:both }

#footer .corp_area {  margin:0 0; padding-bottom: 30px; font-style:normal;  border-bottom: 1px solid #263850;}

#footer .corp_area .menu { display:block; padding:0 0 0;  }
#footer .corp_area .menu a { display:inline-block; margin-right:28px; font-size:15px; font-weight:bold; color:#fff; }
#footer .corp_area .menu a:active { font-size:15px;} 


#footer .footer_in { position:relative; z-index:10; max-width:1200px; padding:30px 10px ; margin:0 auto; display: flex;
justify-content: space-between; align-items: center; }

#footer .footer_in .fl{width: 70%;}
#footer .footer_in .fr{width: 20%; display: flex; flex-direction: column;}


#footer .fl address { width: 100%; position:relative; margin:0 0; font-size:15px; color:#fff; } /* font-weight:bold; */
#footer .fl address .copy {font-size:15px; color: #566477; font-style:normal; display: block; margin-top: 20px; }
#footer .fl .adr { display:block; margin:0 0 6px; vertical-align:middle; font-style:normal; line-height: 2; }
#footer .fl .adr strong{color: #fff; margin-right: 8px;}
#footer .fl .adr i {margin-right: 10px;}




#footer .fr #logo { position: relative; margin:0 0 30px; padding:0; width: 100%;}
#footer .fr #logo a { display:block; width:217px; height:56px; line-height:56px}
#footer .fr #logo img { width:100%}

#footer .fr .sns ul {display: flex; justify-content:flex-end; }
#footer .fr .sns ul li {padding: 0 10px;}
/* #footer .gotop { position:fixed; left:0; bottom:20px; width:100%; min-width:1080px; height:1px; text-align:center; }
#footer .gotop a { position:absolute; right:7px; bottom:0; } */

/* #footer a.wa { position:absolute; right:0; top:37px; } */
/*푸터*/



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

    #footer { padding: 30px 0px  130px; width: 100%;  position:relative; z-index:10; background:#0d213c; clear:both }

    #footer .corp_area {  margin:0 0; padding-bottom: 30px; font-style:normal;  border-bottom: 1px solid #263850;}
    
    #footer .corp_area .menu { display:block; padding:0 0 0;  }
    #footer .corp_area .menu a { display:inline-block; margin-right:28px; font-size:15px; font-weight:bold; color:#fff; }
    #footer .corp_area .menu a:active { font-size:15px;} 
    
    
    #footer .footer_in { position:relative; z-index:10; max-width:1200px; padding:30px 20px ; margin:0 auto; display: flex; justify-content: space-between; align-items: center; flex-direction: column; }
    
    #footer .footer_in .fl{width: 100%;}
    #footer .footer_in .fr{width: 100%; display: flex; flex-direction: column;}
    
    
    #footer .fl address { width: 100%; position:relative; margin:0 0; font-size:15px; color:#fff; } /* font-weight:bold; */
    #footer .fl address .copy {font-size:15px; color: #566477; font-style:normal; display: block; margin-top: 20px; }
    #footer .fl .adr { display:block; margin:0 0 6px; vertical-align:middle; font-style:normal; line-height: 2; }
    #footer .fl .adr strong{color: #fff; margin-right: 8px;}
    #footer .fl .adr i {margin-right: 10px;}
    
    
    
    
    #footer .fr #logo { position: relative; margin:0 0 30px; padding:0; width: 100%;}
    #footer .fr #logo a { display:block; width:217px; height:56px; line-height:56px}
    #footer .fr #logo img { width:100%}
    
    #footer .fr .sns ul {display: flex; justify-content:flex-start; }
    #footer .fr .sns ul li {padding: 0 10px;}
    /* #footer .copyright .menu a strong { color:#d3ae75; } */
    
    /* #footer a.wa { position:absolute; right:0; top:37px; } */
    /*푸터*/
    
    
}



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

    #footer { padding: 30px 0px  130px; width: 100%;  position:relative; z-index:10; background:#0d213c; clear:both }

    #footer .corp_area {  margin:0 0; padding-bottom: 30px; font-style:normal;  border-bottom: 1px solid #263850;}
    
    #footer .corp_area .menu { display:block; padding:0 0 0;  }
    #footer .corp_area .menu a { display:inline-block; margin-right:28px; font-size:15px; font-weight:bold; color:#fff; }
    #footer .corp_area .menu a:active { font-size:15px;} 
    
    
    #footer .footer_in { position:relative; z-index:10; max-width:1200px; padding:30px 20px ; margin:0 auto; display: flex; justify-content: space-between; align-items: center; flex-direction: column; }
    
    #footer .footer_in .fl{width: 100%;}
    #footer .footer_in .fr{width: 100%; display: flex; flex-direction: column;}
    
    
    #footer .fl address { width: 100%; position:relative; margin:0 0; font-size:13px; color:#fff; } /* font-weight:bold; */
    #footer .fl address .copy {font-size:12px; color: #566477; font-style:normal; display: block; margin-top: 20px; }
    #footer .fl .adr { display:block; margin:0 0 6px; vertical-align:middle; font-style:normal; line-height: 2; }
    #footer .fl .adr strong{color: #fff; margin-right: 8px;}
    #footer .fl .adr i {margin-right: 10px;}
    
    
    
    
    #footer .fr #logo { position: relative; margin:0 0 30px; padding:0; width: 100%;}
    #footer .fr #logo a { display:block; width:217px; height:56px; line-height:56px}
    #footer .fr #logo img { width:100%}
    
    #footer .fr .sns ul {display: flex; justify-content:flex-start; }
    #footer .fr .sns ul li {padding: 0 10px;}
    /* #footer .copyright .menu a strong { color:#d3ae75; } */
    
    /* #footer a.wa { position:absolute; right:0; top:37px; } */
    /*푸터*/
    
    
}

.request_top_bg {background: url(../img/request_top_bg.jpg);}


/* 푸터팝업*/
.new_pop_con{background:#fff;} 
.new_pop_con h2.f_pop_tit{width:100%;height:80px;line-height:80px;font-size:20px;color:#fff;}
.new_pop_con h2.f_pop_tit img {display:inline-block;margin-left:50px;margin-right:5px;margin-top:-10px;width:120px;}
.new_pop_con h2.f_pop_tit span {display:inline-block; padding-left:50px;}
.f_pop_wrap {line-height:23px;text-align:justify;word-break:break-all;font-size:15px;overflow-y:auto;}
.f_pop_wrap strong {color:#00a19a;font-weight:normal;}
.f_pop_wrap p { color:#333; padding:40px 50px; line-height:1.6;}
.mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/btn_close.png") no-repeat center center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border-radius: 50%; }
.mfp-close { width: 40px; height: 40px; text-indent: -999px;opacity: 1; overflow: hidden; background-color:transparent; border:0; }
button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
/* 푸터팝업*/



#quick_menu {position: fixed;width: 70px;right: 2%; bottom: 80px;z-index: 100;}
#quick_menu a {cursor: pointer;display: block; text-align: center; margin-bottom: 20px;}
#quick_menu a span {display: block; color: #fff;margin-top: 10px; }
#quick_menu img{width: 60px;}


/* 1024px (Mobile) */
@media (max-width:1024px){
    #quick_menu {position: fixed;width: 50px;right: 2%; bottom: 140px;z-index: 100;}
    #quick_menu a {cursor: pointer;display: block; text-align: center; margin-bottom: 10px;}
    #quick_menu a span {display: none; }
    #quick_menu img{width: 50px;}
    
    }
    
    
/* 700px (Mobile) */
@media (max-width:700px){
#quick_menu {position: fixed;width: 50px;right: 2%; bottom: 110px;z-index: 100;}
#quick_menu a {cursor: pointer;display: block; text-align: center; margin-bottom: 10px;}
#quick_menu a span {display: none; }
#quick_menu img{width: 50px;}

}





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

	
    /* .scrolled #header  {background-color:#fff; border-bottom:1px solid #ddd;} */
	.scrolled #open-button .nl1 { background-color:#fff}
	.scrolled #open-button .nl2 { background-color:#fff}
	.scrolled #open-button .nl3 { background-color:#fff}
	.scrolled #open-button .navicon-line  { background-color:#fff}
    .scrolled #open-button.on .navicon-line { background-color:#fff}
	
	/*버튼*/
	#open-button{position:fixed;z-index:9999;right:15px;padding-top:18px;width:75px; height:80px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;cursor:pointer;display:block;     animation: ani_2 1.0s 0.5s;
        animation-fill-mode: both;}
	#open-button .navicon-line{position:absolute;width:20px;height:2px;border-radius:1px;background:#fff;-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;transition:all .7s ease-out}
	#open-button .nl1 {top: 11px;right: 10px; width:30px;}
	#open-button .nl2 {top: 19px;right: 10px; width:24px;}
	#open-button .nl3 {top: 27px;right: 10px; width:30px;}
	#open-button.on>div>div{transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);width:25px;position:absolute;top:15px;right:10px;margin:0;padding:0;background-color:#fff;}
	#open-button.on>div>div:first-child{transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg)}
	#open-button.scrolled .navicon-line {background-color: #fff;}
	#open-button.on.scrolled >div>div{background-color:#333;}
	/*버튼*/
}






/* html,body,.wrap{height: 100%;}
.wrap{font-family: 'Noto Sans KR';letter-spacing: -0.05rem} */
#section0 {height: 950px;}
.h_max{height: 100%;}
.globla_inner{position: relative;margin: 0 auto;z-index: 5;}

.in_14{max-width: 1520px; width: 90%; position: absolute; left: 50%;  top: 50%;transform: translate(-50%, -50%); }

.section{overflow: hidden;position: relative; /* height: 950px; */}
.sec_con{padding: 0 150px; width: 100%;}
.mo{display: block;transition: 0.8s;}
/* .mo_up{transform: translate(0,100%);} */
.mo_left{transform: translate(-100%,0);}
.mo_fade{transition: 0.6s;opacity: 0;}
.mo1{transition-delay: 0.4s;}
.mo2{transition-delay: 0.8s;}
.mo3{transition-delay: 1.2s;}
.mo_up{transform: translate(0,0);}
.mo_fade{opacity: 1;}
.mo_left{transform: translate(0,0);}

.w_100{width: 100%;}
.w_50{width: 50%;}
.w_30{width: 30%;}
.w_5{width: 5%;}


.visual_txt { position:relative; z-index:3; height: 600px;  text-align: center;}
.visual_txt p { margin-top:25px; opacity:0; overflow:hidden; color:#fff; font-size:20px;  }
.visual_txt p span { display:block; font-weight:200; }
.visual_txt .vs_title { opacity:0; margin-top:30px; color:#fff; font-size:65px; font-family: 'NanumMyeongjo'; overflow:hidden; line-height:1.3; letter-spacing:-0.02em; }
.visual_txt .vs_title span { display:block; font-weight:200;  }
.visual_txt .vs_title.vs_title2 { margin-top:0;}
.visual_txt .vs_title.vs_title2 span { font-weight:700; font-size: 90px; }

.visual_txt p { opacity:1; }
.visual_txt p span { line-height: 1.5; animation:txtUp 0.8s 0.5s; animation-fill-mode:both; }
.visual_txt .vs_title { opacity:1; }
.visual_txt .vs_title span { animation:txtUp 0.8s 1s; animation-fill-mode:both; }
.visual_txt .vs_title.vs_title2 span { animation:txtUp 0.8s 1.5s; animation-fill-mode:both; }

/* .visual_txt .vis_welcome {width: 295px; position: absolute; left: 60%; top: 45%; transform: translate(-60%,-50%); animation:vm_txtUp 0.8s 0.5s; animation-fill-mode:both; } */
.visual_txt .vis_welcome { display: block; overflow: hidden;}
.visual_txt .vis_welcome img{ position: absolute; left: 60%; top: 45%; transform: translate(-50%, -50%); animation:ani_5 0.8s 1.5s; animation-fill-mode:both;}
.visual_txt .vis_gtm {display: block !important; overflow: hidden; }
.visual_txt .vis_gtm img {margin-top: 250px; animation:ani_5 0.8s 1.5s; animation-fill-mode:both;}


/* .visual_txt .vis_welcome { position: absolute; left: 50%; top: 32%; transform: translate(-50%, -50%); animation:txtUp 0.8s 0.5s; animation-fill-mode:both; }
.visual_txt .vis_gtm {width: 569px; position: absolute; left: 50%; top: 80%; transform: translate(-50%, -50%); animation:txtUp 0.8s 0.5s; animation-fill-mode:both; } */


.visual_txt .ceo1 {width: 295px; position: absolute; left: 0%; bottom: 0%; transform: translate(0%,0%);}
.visual_txt .ceo2 {width: 295px; position: absolute; right: 0%; bottom: 0%; transform: translate(0%,0%);}

/* 700px (Mobile) */
@media (max-width:700px){
    .in_14{max-width: 100%; width: 100%; position: absolute; left: 50%;  top: 43%;transform: translate(-50%, -40%); }
   

#section0 {height: 760px;}

.visual_txt { position:relative; z-index:3;  text-align: center;}
.visual_txt p { margin-top:25px; opacity:0; overflow:hidden; color:#fff; font-size:14px; letter-spacing:-0.05em; }
.visual_txt p span { display:block; font-weight:200; }
.visual_txt .vs_title { opacity:0; margin-top:30px; color:#fff; font-size:23px; overflow:hidden; line-height:1.3; letter-spacing:-0.02em; }
.visual_txt .vs_title span { display:block; font-weight:300;  }
.visual_txt .vs_title.vs_title2 { margin-top:10px;   }
.visual_txt .vs_title.vs_title2 span { font-weight:800; font-size: 4rem; }




.visual_txt .vis_welcome { display: block; overflow: hidden; }
.visual_txt .vis_welcome img{ width: 40%; position: absolute; left: 63%; top: 20%; transform: translate(-50%, -0%); animation:ani_5 0.8s 1.5s; animation-fill-mode:both;}
.visual_txt .vis_gtm {display: none !important; overflow: hidden; }
.visual_txt .vis_gtm img {width: 80%;margin-top: 200px; animation:ani_5 0.8s 1.5s; animation-fill-mode:both;}


.visual_txt p { opacity:1; }
.visual_txt p span { animation:txtUp 0.8s 1.5s; animation-fill-mode:both; }
.visual_txt .vs_title { opacity:1; }
.visual_txt .vs_title span { animation:txtUp 0.8s 0.5s; animation-fill-mode:both; }
.visual_txt .vs_title.vs_title2 span { animation:txtUp 0.8s 1s; animation-fill-mode:both; }


}








#fullpage .scrollDown { position:absolute; left:50%; bottom: 10% ; transform:translateX(-50%); z-index:3; text-align:center }
#fullpage .scrollDown .txt { font-family:var(--Lora); color:#fff; font-size:14px; font-weight:400; line-height:1.2; letter-spacing:-0.02em}
#fullpage .scrollDown .scroll { margin:10px auto 0 auto; width:22px; height:40px; position:relative; border-radius:50px; border:2px solid #fff}
#fullpage .scrollDown .scroll span { width:2px; height:12px; border-radius:2px; background:#fff; display:block; position:absolute; top:0; left:50%; margin-left:-1px; animation:scrollDown 1.8s infinite; }



.con_txt dl dt{color: #fff;font-size: 2rem;font-weight: 200;overflow: hidden;margin-bottom: 30px;line-height: 1.3em; text-align: center;}
.con_txt dl dd{color: #fff;font-size: 1rem;line-height: 1.75rem;font-family: 'Noto Sans KR';overflow: hidden; text-align: center;}
.con_txt .slide_con{margin-top: 80px;display: flex;align-items: center;display: none; }
.con_txt .slide_con .bar{width: 200px;height: 1px;background-color: rgba(255,255,255,0.3);position: relative;}
.con_txt .slide_con .bar::before{content: "";position: absolute;left: 0;top: 0;height: 100%;width: 0;background-color: #fff;}
.con_txt .slide_con .bar.on::before{animation: bar 4.8s forwards;animation-timing-function: cubic-bezier( 1,1,1,1 );}
.con_txt .slide_con .pagination_num{margin:0 20px;width: auto;color: #fff;font-size: 0.75rem;letter-spacing: 0px;}
.con_txt .slide_con .pagination_num .swiper-pagination-current{font-weight: 700;}
.con_txt .slide_con .sd_btn{margin-left: 20px;}
.con_txt .slide_con .sd_btn button{width: 28px;height: 28px;border: none;background-color: transparent;background-repeat: no-repeat;background-position: center;background-size: contain;}
.con_txt .slide_con .sd_btn .stop{background-image: url(...images/stop.svg);}
.con_txt .slide_con .sd_btn .play{background-image: url(../images/play.svg);}
.con_txt .slide_con .sd_btn .none{display: none;}
.con_txt .slide_con .swiper-button-prev {position: relative; width: 15px; height: 15px;margin-top: 2px; color: #fff;}
.con_txt .slide_con .swiper-button-prev::after { font-size: 15px !important;}
.con_txt .slide_con .swiper-button-next {position: relative;width: 15px;height: 15px;margin-top: 2px; color: #fff;}
.con_txt .slide_con .swiper-button-next::after {font-size: 15px !important;}

@keyframes bar{
    0%{width:0%;}
    100%{width:100%;}
}
@media screen and (max-width: 1500px){
    html{font-size: 14px;}
    #fp-nav.left {left: 20px;}
    .sec_con{padding: 0 20px 0 110px;}
}
@media screen and (max-width: 1024px){
    html{font-size: 12px;}
    #fp-nav{display: none;}
    .sec_con{padding: 0 20px;}
    .con_txt.m_none dl dt{margin-bottom: 0;}
    .con_txt dl dt{margin-bottom: 25px;font-size: 2.1rem;}
    .con_txt .slide_con{margin-top: 50px;}
    .con_txt .slide_con .bar{width: auto;max-width: 200px;flex-grow: 1;}
    .bot_wrap{position: relative;padding: 40px 0 70px;}
    .bot_wrap .con_txt dl{position: relative;z-index: 10;}
}

/* 700px (Mobile) */
@media (max-width:700px){
    .section{overflow: hidden;position: relative; height: 950px; }
    .sec_con{padding: 0 0; width: 100%;}
    .mo{display: block;transition: 0.8s;}
    .mo_up{transform: translate(0,100%);}
    .mo_left{transform: translate(-100%,0);}
    .mo_fade{transition: 0.6s;opacity: 0;}
    .mo1{transition-delay: 0.4s;}
    .mo2{transition-delay: 0.8s;}
    .mo3{transition-delay: 1.2s;}
    .mo_up{transform: translate(0,0);}
    .mo_fade{opacity: 1;}
    .mo_left{transform: translate(0,0);}
    }
    

/* 메인비주얼 */

/*vis*/
.vis{position: absolute;top: 0;left: 0;width: 100%;height: 950px;}
.vis_wrap{height: 100%; position: relative;}

.vis_wrap .txt{position: absolute;max-width: 1520px; width: 90%; left: 50%; top: 30%;  transform: translate(-50%, -30%); z-index: 99;}
.vis_wrap span { font-size: 20px; color: #fff;  z-index: 99;}
.vis_wrap span strong { font-size: 20px; color: #f14137;  z-index: 99;}
.vis_wrap h3{font-size: 73px; color: #fff; z-index: 99;}
 
.vis_bg{background-repeat: no-repeat;background-position: center;background-size: cover;transform: scale(1.15);transition: 3s;}
.swiper-slide-active .vis_bg,
.swiper-slide-duplicate-active .vis_bg{transform: scale(1);}
.vis1 .vis_bg{height: 100%;background-image: url(../img/main/vis1-img-3000.jpg);}
.vis2 .vis_bg{height: 100%;background-image: url(../img/main/vis2-img.jpg);}
.vis3 .vis_bg{height: 100%;background-image: url(../img/main/vis3-img.jpg);}
.vis_txt.con_txt dl dt{font-size: 4rem;}
.vis_txt.con_txt dl dt strong {font-size: 5rem; font-weight: 700; }
.vis_txt.con_txt dl dd{font-size: 1.125rem;}

@media screen and (max-width: 1920px){
    .vis1 .vis_bg{height: 100%;background-image: url(../img/main/vis1-img.jpg);}
}

@media screen and (max-width: 1024px){
    .vis_bg{background-position: center bottom;}
    .vis1 .vis_bg{background-image: url(../img/main/vis1-img.jpg);}
    .vis2 .vis_bg{background-image: url(../img/main/vis2-img.jpg);}
    .vis3 .vis_bg{background-image: url(../img/main/vis3-img.jpg);}
    .vis_txt{margin-top: -100px;}
}



/* 700px (Mobile) */
@media (max-width:700px){

.vis{position: absolute;top: 0;left: 0;width: 100%;height: 780px;}
.vis_wrap{height: 100%;}
.vis_bg{background-repeat: no-repeat;background-position: center;background-size: cover;transform: scale(1.15);transition: 3s;}
.swiper-slide-active .vis_bg,
.swiper-slide-duplicate-active .vis_bg{transform: scale(1);}
.vis1 .vis_bg{height: 100%;background-image: url(../img/main/mvis1-img.jpg);}
.vis2 .vis_bg{height: 100%;background-image: url(../img/main/mvis2-img.jpg);}
.vis3 .vis_bg{height: 100%;background-image: url(../img/main/mvis3-img.jpg);}
.vis_txt.con_txt dl dt{font-size: 2rem;}
.vis_txt.con_txt dl dd{font-size: 1.125rem;}
.vis_txt.con_txt dl dd img {width: 70%;}

.vis_bg{background-position: center bottom;}
.vis1 .vis_bg{background-image: url(../img/main/mvis1-img.jpg);}
.vis2 .vis_bg{background-image: url(../img/main/mvis2-img.jpg);}
.vis3 .vis_bg{background-image: url(../img/main/mvis3-img.jpg);}
.vis_txt{margin: 0px auto; width: 90%;}
}











/* 회사소개 */
.sec1 { background: url(../img/main/sec1_bg.jpg) center; background-size: cover; width: 100%; padding: 100px 0;}
.sec1 .head{padding-top:0}
.sec1 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: center; }
.sec1 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
.sec1 .front .title span{display: block;font-weight:300;font-size:63px;line-height:72px; color: #fff; margin: 38px auto 30px; letter-spacing: -1px;text-align: center; }

.sec1 .cont {text-align: center;}
.sec1 .cont .event{/*display: flex; justify-content: center; align-items: center;*/}
.sec1 .cont .event div{width: 100%;}


.sec1 .cont .info{ background: rgb(38,48,80,0.8); padding: 65px 0; margin-top: 40px;  }
.sec1 .cont .info span{ text-align: center; color: #fff;font-size: 20px; font-weight: 200; line-height: 30px; }
.sec1 .cont .info strong{display: block; color: #fff;font-size: 20px;  font-weight: 500;margin-top: 40px;}

.sec1 + .cont{padding-top:30px}


/* 1024px (Tablet) */
@media (max-width:1024px){

    .sec1 { background: url(../img/main/sec1_bg.jpg) center; background-size: cover; width: 100%; padding: 60px 0;}
    .sec1 .head{padding-top:0}
    .sec1 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: center; }
    .sec1 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
    .sec1 .front .title span{display: block;font-weight:300;font-size:26px;line-height:36px; color: #fff; margin: 25px auto 25px; letter-spacing: -1px;text-align: center; }
    .sec1 .front .title span strong{font-weight: 700;}
    
    
    .sec1 .cont {text-align: center;}
    .sec1 .cont .event{/*display: flex; justify-content: center; align-items: center;*/}
    .sec1 .cont .event div{width: 100%;}
    .sec1 .cont .event div img {width: 100%;}
    
    .sec1 .cont .info{ background: rgb(38,48,80,0.8); padding: 30px 0; margin-top: 60px;  }
    .sec1 .cont .info span{ text-align: center; color: #fff;font-size: 15px; font-weight: 200; line-height: 20px; }
    .sec1 .cont .info strong{display: block; color: #fff;font-size: 18px;  font-weight: 500;margin-top: 40px;}
    
    
    /* .sec1 .cont {text-align: center;}
    .sec1 .cont .info{text-align: center; color: #fff;font-size: 15px; font-weight: 200; line-height: 23px;} */
    
    .sec1 + .cont{padding-top:30px}
    
    }



    /* 700px (Mobile) */
@media (max-width:700px){

    .sec1 { background: url(../img/main/sec1_bg.jpg) center; background-size: cover; width: 100%; padding: 60px 0;}
    .sec1 .head{padding-top:0}
    .sec1 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: center; }
    .sec1 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
    .sec1 .front .title span{display: block;font-weight:300;font-size:26px;line-height:36px; color: #fff; margin: 25px auto 25px; letter-spacing: -1px;text-align: center; }
    .sec1 .front .title span strong{font-weight: 700;}
    
    
    .sec1 .cont {text-align: center;}
    .sec1 .cont .event{/*display: flex; justify-content: center; align-items: center;*/}
    .sec1 .cont .event div{width: 100%;}
    .sec1 .cont .event div img {width: 100%;}
    
    .sec1 .cont .info{ background: rgb(38,48,80,0.8); padding: 30px 0; margin-top: 40px;  }
    .sec1 .cont .info span{ text-align: center; color: #fff;font-size: 13px; font-weight: 200; line-height: 20px; }
    .sec1 .cont .info strong{display: block; color: #fff;font-size: 15px;  font-weight: 500;margin-top: 40px;}
    
    
    /* .sec1 .cont {text-align: center;}
    .sec1 .cont .info{text-align: center; color: #fff;font-size: 15px; font-weight: 200; line-height: 23px;} */
    
    .sec1 + .cont{padding-top:30px}
    
    }
    

/* point6 */
.sec2 { background: url(../img/main/sec2_bg.jpg) center; background-size: cover;  width: 100%; padding: 100px 0;}

/* .sec2 .inner {display: flex; justify-content: space-between;position: relative;} */


.sec2 .head{padding-top:0}
.sec2 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: left;  }
.sec2 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
.sec2 .front .title span{display: block; font-weight:700;font-size:63px;line-height:72px;color: #fff; margin: 38px auto 10px; letter-spacing: -1px;text-align: left; }
.sec2 .front span {font-size: 22px; color: #fff;}

.sec2 .cont {text-align: center;position: relative; padding-top:30px}

.sec2 .cont .point6{}
.sec2 .cont .point6 ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.sec2 .cont .point6 ul li{width: 365px; height: 200px; display: block;  margin-bottom: 20px;  display: flex;
justify-content: center; align-items: center;}
.sec2 .cont .point6 ul li span {color: #fff;font-size: 26px;}
/* .sec2 + .cont{padding-top:30px} */
.sec2 .cont .point6 ul li:nth-child(1) {background: url(../img/main/sec2_box01.png) center; background-size: cover;}
.sec2 .cont .point6 ul li:nth-child(2) {background: url(../img/main/sec2_box02.png) center; background-size: cover;}
.sec2 .cont .point6 ul li:nth-child(3) {background: url(../img/main/sec2_box03.png) center; background-size: cover;}
.sec2 .cont .point6 ul li:nth-child(4) {background: url(../img/main/sec2_box04.png) center; background-size: cover;}
.sec2 .cont .point6 ul li:nth-child(5) {background: url(../img/main/sec2_box05.png) center; background-size: cover;}
.sec2 .cont .point6 ul li:nth-child(6) {background: url(../img/main/sec2_box06.png) center; background-size: cover;}


/* 700px (Mobile) */
@media (max-width:700px){
.sec2 { background: url(../img/main/sec2_bg.jpg) center; background-size: cover;  width: 100%; padding: 60px 0;}

/* .sec5 .inner {display: flex; flex-direction: column; justify-content: space-between;position: relative;} */


.sec2 .head{padding-top:0}
.sec2 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: left;  }
.sec2 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
.sec2 .front .title span{display: block; font-weight:700;font-size:26px;line-height:36px;color: #fff; margin: 25px auto 10px; letter-spacing: -1px;text-align: left; }
.sec2 .front span {font-size: 15px;line-height: 1.5; color: #fff;}
.sec2 .cont {text-align: center;position: relative;}

.sec2 .cont .point6{}
.sec2 .cont .point6 ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.sec2 .cont .point6 ul li{width: 48%; height: 150px; display: block;  margin-bottom: 15px;  display: flex;
justify-content: center; align-items: center;}
.sec2 .cont .point6 ul li span {color: #fff;font-size: 16px;}
/* .sec2 + .cont{padding-top:30px} */
.sec2 .cont .point6 ul li:nth-child(1) {background: url(../img/main/sec2_box01.png) center; background-size: cover;}
.sec2 .cont .point6 ul li:nth-child(2) {background: url(../img/main/sec2_box02.png) center; background-size: cover;}
.sec2 .cont .point6 ul li:nth-child(3) {background: url(../img/main/sec2_box03.png) center; background-size: cover;}
.sec2 .cont .point6 ul li:nth-child(4) {background: url(../img/main/sec2_box04.png) center; background-size: cover;}
.sec2 .cont .point6 ul li:nth-child(5) {background: url(../img/main/sec2_box05.png) center; background-size: cover;}
.sec2 .cont .point6 ul li:nth-child(6) {background: url(../img/main/sec2_box06.png) center; background-size: cover;}

/* .sec2 + .cont{padding-top:30px} */

}


/* 1024px (Tablet) */
@media (max-width:1024px){
    .sec2 { background: url(../img/main/sec2_bg.jpg) center; background-size: cover;  width: 100%; padding: 60px 0;}
    
    /* .sec5 .inner {display: flex; flex-direction: column; justify-content: space-between;position: relative;} */
    
    
    .sec2 .head{padding-top:0}
    .sec2 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: left;  }
    .sec2 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
    .sec2 .front .title span{display: block; font-weight:700;font-size:26px;line-height:36px;color: #fff; margin: 25px auto 10px; letter-spacing: -1px;text-align: left; }
    .sec2 .front span {font-size: 15px;line-height: 1.5; color: #fff;}
    .sec2 .cont {text-align: center;position: relative;}
    
    .sec2 .cont .point6{}
    .sec2 .cont .point6 ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
    .sec2 .cont .point6 ul li{width: 48%; height: 150px; display: block;  margin-bottom: 15px;  display: flex;
    justify-content: center; align-items: center;}
    .sec2 .cont .point6 ul li span {color: #fff;font-size: 20px;}
    /* .sec2 + .cont{padding-top:30px} */
    .sec2 .cont .point6 ul li:nth-child(1) {background: url(../img/main/sec2_box01.png) center; background-size: cover;}
    .sec2 .cont .point6 ul li:nth-child(2) {background: url(../img/main/sec2_box02.png) center; background-size: cover;}
    .sec2 .cont .point6 ul li:nth-child(3) {background: url(../img/main/sec2_box03.png) center; background-size: cover;}
    .sec2 .cont .point6 ul li:nth-child(4) {background: url(../img/main/sec2_box04.png) center; background-size: cover;}
    .sec2 .cont .point6 ul li:nth-child(5) {background: url(../img/main/sec2_box05.png) center; background-size: cover;}
    .sec2 .cont .point6 ul li:nth-child(6) {background: url(../img/main/sec2_box06.png) center; background-size: cover;}
    
    /* .sec2 + .cont{padding-top:30px} */
    
    }
    




/* 피해예방 */
.sec3 { background: url(../img/main/sec3_bg.jpg) center; background-size: cover;  width: 100%; padding: 100px 0;}

.sec3 .head{padding-top:0}
.sec3 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: left;  }
.sec3 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
.sec3 .front .title span{display: block; font-weight:700;font-size:63px;line-height:72px;color: #fff; margin: 38px auto 10px; letter-spacing: -1px;text-align: left; }
.sec3 .front span {font-size: 22px; color: #fff;}

.sec3 .cont {text-align: center;position: relative; padding-top:30px}

.sec3 .cont .stave{}
.sec3 .cont .stave ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.sec3 .cont .stave ul li{width: 24%; height: 260px; display: block; background: rgb(255,255,255,0.1);  margin-bottom: 20px;  display: flex;
flex-direction: column; justify-content: center; align-items: center;}
.sec3 .cont .stave ul li .temp {color: #fff;font-size: 26px;}
.sec3 .cont .stave ul li .txt {margin: 20px 0;}
.sec3 .cont .stave ul li .txt span {color: #fff;font-size: 20px; ;}
.sec3 .cont .stave ul li .txt span strong {color: #d3ae75;font-size: 20px;}
.sec3 .cont .stave ul li .txt p {color: #fff;font-size: 17px; margin-top: 10px;}
/* .sec3 + .cont{padding-top:30px} */


/* 1024px (Tablet) */
@media (max-width:1024px){
    .sec3 { background: url(../img/main/sec3_bg.jpg) center; background-size: cover;  width: 100%; padding: 60px 0;}
    
    
    .sec3 .head{padding-top:0}
    .sec3 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: left;  }
    .sec3 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
    .sec3 .front .title span{display: block; font-weight:700;font-size:26px;line-height:36px;color: #fff; margin: 25px auto 10px; letter-spacing: -1px;text-align: left; }
    .sec3 .front span {font-size: 15px; line-height: 1.5; color: #fff;}
    .sec3 .cont {text-align: center;position: relative;}
    
    .sec3 .cont .stave{}
    .sec3 .cont .stave ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
    .sec3 .cont .stave ul li{width: 100%; height:auto; display: block; background: rgb(255,255,255,0.1);  margin-bottom: 10px;  display: flex;flex-direction: row-reverse; justify-content:flex-start; align-items: center; padding: 20px; box-sizing: border-box;}
    .sec3 .cont .stave ul li .temp { width: 23%; color: #fff;font-size: 26px;}
    .sec3 .cont .stave ul li .temp img {width:75%;}
    .sec3 .cont .stave ul li .txt {width: 75%; margin: 0 0; text-align: left;}
    .sec3 .cont .stave ul li .txt span {color: #fff;font-size: 20px;font-weight: 500; }
    .sec3 .cont .stave ul li .txt span strong {color: #d3ae75;font-size: 20px; font-weight: 500;}
    .sec3 .cont .stave ul li .txt p {color: #fff;font-size: 18px; margin-top: 10px;}
    /* .sec3 + .cont{padding-top:30px} */
    
    
    /* .sec3 + .cont{padding-top:30px} */
    
    }

/* 700px (Mobile) */
@media (max-width:700px){
.sec3 { background: url(../img/main/sec3_bg.jpg) center; background-size: cover;  width: 100%; padding: 60px 0;}


.sec3 .head{padding-top:0}
.sec3 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: left;  }
.sec3 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
.sec3 .front .title span{display: block; font-weight:700;font-size:26px;line-height:36px;color: #fff; margin: 25px auto 10px; letter-spacing: -1px;text-align: left; }
.sec3 .front span {font-size: 15px; line-height: 1.5; color: #fff;}
.sec3 .cont {text-align: center;position: relative;}

.sec3 .cont .stave{}
.sec3 .cont .stave ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.sec3 .cont .stave ul li{width: 100%; height:auto; display: block; background: rgb(255,255,255,0.1);  margin-bottom: 10px;  display: flex;flex-direction: row-reverse; justify-content:flex-start; align-items: center; padding: 20px; box-sizing: border-box;}
.sec3 .cont .stave ul li .temp { width: 23%; color: #fff;font-size: 26px;}
.sec3 .cont .stave ul li .temp img {width:75%;}
.sec3 .cont .stave ul li .txt {width: 75%; margin: 0 0; text-align: left;}
.sec3 .cont .stave ul li .txt span {color: #fff;font-size: 18px;font-weight: 500; }
.sec3 .cont .stave ul li .txt span strong {color: #d3ae75;font-size: 18px; font-weight: 500;}
.sec3 .cont .stave ul li .txt p {color: #fff;font-size: 14px; margin-top: 10px;}
/* .sec3 + .cont{padding-top:30px} */


/* .sec3 + .cont{padding-top:30px} */

}

    

/* 프리미엄케어1 */
.sec4 { background: url(../img/main/sec4_bg.jpg) center; background-size: cover;  width: 100%; height: 990px; padding: 100px 0;}

/* .sec4 .inner {display: flex; justify-content: space-between;position: relative;} */


.sec4 .head{padding-top:0}
.sec4 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: left;  }
.sec4 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
.sec4 .front .title span{display: block; font-weight:700;font-size:63px;line-height:72px;color: #fff; margin: 38px auto 10px; letter-spacing: -1px;text-align: left; }
.sec4 .front span {font-size: 22px; color: #fff;}

.sec4 .cont {position: relative;}
.sec4 .cont .sec4_img { width: 100%;  }
.sec4 .cont .sec4_img img { width: 100%;  }
/* .sec4 .cont .box .sec4_img{position: absolute; left: 50%; top: 0%; transform: translate(-50%,0%); z-index: 10;} */
/* .sec4 .cont .box .sec4_txt01{position: absolute; left: 0%; top: 20%; transform: translate(0%,-50%); z-index: 10;}
.sec4 .cont .box .sec4_txt02{position: absolute; right: 0%; top: 10%; transform: translate(0%,-50%); z-index: 10;}
.sec4 .cont .box .sec4_txt03{position: absolute; left: 0%; top: 50%; transform: translate(0%,-50%); z-index: 10;}
.sec4 .cont .box .sec4_txt04{position: absolute; right: 0%; top: 40%; transform: translate(0%,-50%); z-index: 10;}

.sec4 .cont .box .sec4_img01{position: absolute; left: 51%; top: 50%; transform: translate(-50%,-50%);}
.sec4 .cont .box .sec4_img02{position: absolute; left: 50%; top: 84%; transform: translate(-50%,-50%);} */

.sec4 + .cont{padding-top:30px}


/* 1024px (Tablet) */
@media (max-width:1024px){
    .sec4 { background: url(../img/main/sec4_bg.jpg) center; background-size: cover;  width: 100%;height: auto; padding: 60px 0;}
    
    .sec4 .inner{position: relative;}
    
    .sec4 .head{padding-top:0}
    .sec4 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: left;  }
    .sec4 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
    .sec4 .front .title span{display: block; font-weight:700;font-size:26px;line-height:36px;color: #fff; margin: 25px auto 25px; letter-spacing: -1px;text-align: left; }
    .sec4 .front span {font-size: 15px; color: #fff;}

    .sec4 .cont {text-align: center;position: relative;}
    


    .sec4 .cont .sec4_img{ width: 100%;}
    .sec4 .cont .sec4_img img{ width: 100%;}


    
    .sec4 + .cont{padding-top:30px}
    
    }
    
    

/* 700px (Mobile) */
@media (max-width:700px){
.sec4 { background: url(../img/main/sec4_bg.jpg) center; background-size: cover;  width: 100%;height: auto; padding: 60px 0;}

.sec4 .inner{position: relative;}

.sec4 .head{padding-top:0}
.sec4 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: left;  }
.sec4 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
.sec4 .front .title span{display: block; font-weight:700;font-size:26px;line-height:36px;color: #fff; margin: 25px auto 25px; letter-spacing: -1px;text-align: left; }
.sec4 .front span {font-size: 15px; color: #fff;}

.sec4 .cont {text-align: center;position: relative;}


.sec4 .cont .box {position: relative; width: 100%; height: 600px; }

.sec4 .cont .box .sec4_img{position: absolute; left: 50%; top: 20%; transform: translate(-50%,-50%); z-index: 10;}
.sec4 .cont .box .sec4_img img {width: 100%;}


.sec4 + .cont{padding-top:30px}

}






/* 프리미엄케어2 */
.sec5 { background: url(../img/main/sec5_bg.jpg) center; background-size: cover; position: relative;  width: 100%; height: 990px; padding: 100px 0;}

.sec5 .inner{}

.sec5 .head{padding-top:0;z-index: 100 !important;}
.sec5 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: left;  }
.sec5 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
.sec5 .front .title span{display: block; font-weight:700;font-size:63px;line-height:72px;color: #fff; margin: 38px auto 10px; letter-spacing: -1px;text-align: left; }
.sec5 .front span {font-size: 22px; color: #fff;}

.sec5 .cont {text-align: center;position: relative; margin-top: 30px;z-index: 100 !important;}

.sec5 .cont .premium2{width: 85%;}
.sec5 .cont .premium2 ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.sec5 .cont .premium2 ul li{width: 49%; height: 200px; display: block; background: rgb(37,41,74,0.8);  margin-bottom: 20px;  display: flex;
justify-content:space-between; align-items: center; padding: 40px; box-sizing: border-box;}
.sec5 .cont .premium2 ul li span {color: #fff;font-size: 18px; text-align: left; line-height: 30px;}

.sec5 .gtm {position: absolute; right: 10%; top:5%; transform: translate(0%,0%); z-index: 1 !important;}

.sec5 .cont .tip {color: #fff; font-size: 22px; text-align: center;margin-top: 50px;}

.sec5 + .cont{padding-top:30px}


/* 1024px (Tablet) */
@media (max-width:1024px){
    .sec5 { background: url(../img/main/sec5_bg.jpg) center; background-size: cover;  width: 100%; padding: 60px 0; overflow: hidden;}
    
    /* .sec5 .inner {display: flex; flex-direction: column; justify-content: space-between;position: relative;} */
    
    
    .sec5 .head{padding-top:0}
    .sec5 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: left;  }
    .sec5 .front .title{display: block;overflow: hidden;}
    .sec5 .front .title span{display: block; font-weight:700;font-size:26px;line-height:36px;color: #fff; margin: 25px auto 10px; letter-spacing: -1px;text-align: left; }
    .sec5 .front span {font-size: 15px; line-height: 1.5; color: #fff;}
    .sec5 .cont {text-align: center;position: relative;}
    
    .sec5 .cont .premium2{width: 100%; margin-top: 350px;}
    .sec5 .cont .premium2 ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
    .sec5 .cont .premium2 ul li{width: 100%; height: 100px;padding: 20px; box-sizing: border-box; display: block; background: rgb(37,41,74,0.8);  margin-bottom: 10px;  display: flex;
    justify-content:space-between; align-items: center; }
    .sec5 .cont .premium2 ul li span {color: #fff;font-size: 18px; line-height: 1.5; text-align: left;}
    .sec5 .cont .premium2 ul li .temp {width: 50px;}
    .sec5 .cont .premium2 ul li .temp img{width: 100%;}
    
    .sec5 .gtm {width: 300px; position: absolute; left: 50% !important; top: 20% !important;; transform: translate(-50%,0%) !important; z-index: 1 !important;}
    /* .sec5 .gtm {width: 80%; position: relative; } */
    .sec5 .gtm img {width: 100%;}
    .sec5 .cont .tip {display: block; color: #fff; font-size: 13px; text-align: center;margin-top: 20px;}
    
    
    
    .sec5 + .cont{padding-top:30px}
    
    }


/* 700px (Mobile) */
@media (max-width:1600px){
    .sec5 .gtm {position: absolute; width: 480px; right: 26%; top:5%; transform: translate(0%,0%); z-index: 1 !important;}

}


/* 700px (Mobile) */
@media (max-width:700px){
.sec5 { background: url(../img/main/sec5_bg.jpg) center; background-size: cover;  width: 100%; padding: 60px 0; overflow: hidden;}

/* .sec5 .inner {display: flex; flex-direction: column; justify-content: space-between;position: relative;} */


.sec5 .head{padding-top:0}
.sec5 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: left;  }
.sec5 .front .title{display: block;overflow: hidden;}
.sec5 .front .title span{display: block; font-weight:700;font-size:26px;line-height:36px;color: #fff; margin: 25px auto 10px; letter-spacing: -1px;text-align: left; }
.sec5 .front span {font-size: 15px; line-height: 1.5; color: #fff;}
.sec5 .cont {text-align: center;position: relative;}

.sec5 .cont .premium2{width: 100%; margin-top: 200px;}
.sec5 .cont .premium2 ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.sec5 .cont .premium2 ul li{width: 100%; height: 100px;padding: 20px; box-sizing: border-box; display: block; background: rgb(37,41,74,0.8);  margin-bottom: 10px;  display: flex;
justify-content:space-between; align-items: center; }
.sec5 .cont .premium2 ul li span {color: #fff;font-size: 13px; line-height: 1.5; text-align: left;}
.sec5 .cont .premium2 ul li .temp {width: 50px;}
.sec5 .cont .premium2 ul li .temp img{width: 100%;}

.sec5 .gtm {width: 300px; position: absolute; left: 50% !important; top:20%; transform: translate(-50%,0%) !important; z-index: 1 !important;}
/* .sec5 .gtm {width: 80%; position: relative; } */
.sec5 .gtm img {width: 100%;}
.sec5 .cont .tip {display: block; color: #fff; font-size: 13px; text-align: center;margin-top: 20px;}



.sec5 + .cont{padding-top:30px}

}








/* 진행과정 */
.sec6 { position: relative; background: url(../img/main/sec6_bg.jpg) center; background-size: cover;  width: 100%; height: 990px; padding: 150px 0;}
.sec6 .inner{ position: relative; }

.sec6 .head{padding-top:0}
.sec6 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: left;  }
.sec6 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
.sec6 .front .title span{display: block; font-weight:700;font-size:63px;line-height:72px;color: #fff; margin: 38px auto 10px; letter-spacing: -1px;text-align: left; }
.sec6 .front span {font-size: 22px; color: #fff;}

.sec6 .cont {text-align: center; margin-top: 70px; }

/* .sec6 + .cont{padding-top:30px} */


.sec6 .swiper{width:100%;height:100%}
.sec6 .swiper-wrapper {position: relative;}

.sec6 .swiper-slide{width: 356px; /*height: 305px;*/ border-radius: 20px; padding: 0; box-sizing: border-box; text-align:left;font-size:18px;transition: all .3s;}
/* .sec3 .swiper-slide:hover{background:#13416a; color:#fff;} */
.sec6 .swiper-slide .tit {font-size: 30px;margin-bottom: 4px;color: #fff; font-weight: 300;line-height: 1.5; text-align-last: left;}
.sec6 .swiper-slide .desc {font-size: 20px; color: #fff;letter-spacing: -0.05em;}
/* .sec3 .swiper-slide:hover .desc {font-size: 16px; color: #fff;} */
.sec6 .swiper-slide .bg {margin-top: 35px;}
/* .sec3 .swiper-slide .bg img{display:block;width:100%;height:100%;object-fit:cover} */

.sec6 .btn {display: inline-block; display: flex !important; justify-content: space-between !important; align-items: center; position: absolute; width: 150px; top: -200px; right:18%;}
.sec6 .swiper-button-next{ position: relative; top: 10px;}
.sec6 .swiper-button-prev{position: relative;top: 10px; margin-right: 20px;}
.sec6 .swiper-button-next i {background: url(../img/arrow-right.png); width: 38px; height: 38px; }
.sec6 .swiper-button-prev i {background: url(../img/arrow-left.png); width: 38px; height: 38px; }


/* 1600px (Tablet) */
@media (max-width:1600px){
    .sec6 .btn {display: inline-block; display: flex !important; justify-content: space-between !important; align-items: center; position: absolute; width: 150px; top: -200px; right: 10%;}
}


/* 1024px (Tablet) */
@media (max-width:1024px){

    .sec6 { position: relative; background: url(../img/main/sec6_bg.jpg) center; background-size: cover;  width: 100%; padding: 60px 0; height: 700px;}
    .sec6 .inner{ position: relative; }
    .sec6 .head{padding-top:0}
    .sec6 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: left;  }
    .sec6 .front .title{display: block;overflow: hidden;}
    .sec6 .front .title span{display: block; font-weight:700;font-size:26px;line-height:36px;color: #fff; margin: 25px auto 25px; letter-spacing: -1px;text-align: left;padding-bottom: 40px;  }
    
    .sec6 .cont {text-align: center; margin-top: 30px; }
    
    
    .sec6 .swiper{width:100%;height:100%}
    .sec6 .swiper-wrapper {position: relative;}
    
    .sec6 .swiper-slide{ width: 200px ;  padding: 0 0; box-sizing: border-box; text-align:left;font-size:18px;transition: all .3s;}
    /* .sec3 .swiper-slide:hover{background:; color:#fff;} */
    .sec6 .swiper-slide .tit {font-size: 22px;margin-bottom: 4px;font-weight: 700;line-height: 1.5;}
    .sec6 .swiper-slide .desc {font-size: 15px; color: #fff;}
    
    .sec6 .swiper-slide:hover .desc {font-size: 16px; color: #fff;}
    .sec6 .swiper-slide .bg {width:100%;/*height: 100px;*/ bottom: 0; right: 0;}
    .sec6 .swiper-slide .bg img{display:block;width:100%;}
    
    /* .sec6 .btn {display: none !important;} */
    /* .sec6 .swiper-button-next{ position: relative; top: 10px;}
    .sec6 .swiper-button-prev{position: relative;top: 10px; margin-right: 20px;} */
    
    .sec6 .btn {display: inline-block; display: flex !important; justify-content: space-between !important; align-items: center; position: absolute; width: 105px; top: -200px; right: 0%;}
    .sec6 .swiper-button-next{ position: relative; top: 10px;}
    .sec6 .swiper-button-prev{position: relative;top: 10px; margin-right: 20px;}
    .sec6 .swiper-button-next i {background: url(../img/arrow-right.png) center; background-size: cover; width: 25px; height: 25px; }
    .sec6 .swiper-button-prev i {background: url(../img/arrow-left.png)center; background-size: cover; width: 25px; height: 25px; }
    
    
    }


/* 700px (Mobile) */
@media (max-width:700px){

.sec6 { position: relative; background: url(../img/main/sec6_bg.jpg) center; background-size: cover;  width: 100%; padding: 60px 0; height: 700px;}
.sec6 .inner{ position: relative; }
.sec6 .head{padding-top:0}
.sec6 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: left;  }
.sec6 .front .title{display: block;overflow: hidden;}
.sec6 .front .title span{display: block; font-weight:700;font-size:26px;line-height:36px;color: #fff; margin: 25px auto 25px; letter-spacing: -1px;text-align: left;padding-bottom: 40px;  }

.sec6 .cont {text-align: center; margin-top: 30px; }


.sec6 .swiper{width:100%;height:100%}
.sec6 .swiper-wrapper {position: relative;}

.sec6 .swiper-slide{ width: 200px ;  padding: 0 0; box-sizing: border-box; text-align:left;font-size:18px;transition: all .3s;}
/* .sec3 .swiper-slide:hover{background:; color:#fff;} */
.sec6 .swiper-slide .tit {font-size: 22px;margin-bottom: 4px;font-weight: 700;line-height: 1.5;}
.sec6 .swiper-slide .desc {font-size: 15px; color: #fff;}

.sec6 .swiper-slide:hover .desc {font-size: 16px; color: #fff;}
.sec6 .swiper-slide .bg {width:100%;/*height: 100px;*/ bottom: 0; right: 0;}
.sec6 .swiper-slide .bg img{display:block;width:100%;}

/* .sec6 .btn {display: none !important;} */
/* .sec6 .swiper-button-next{ position: relative; top: 10px;}
.sec6 .swiper-button-prev{position: relative;top: 10px; margin-right: 20px;} */

.sec6 .btn {display: inline-block; display: flex !important; justify-content: space-between !important; align-items: center; position: absolute; width: 105px; top: -200px; right: 0%;}
.sec6 .swiper-button-next{ position: relative; top: 10px;}
.sec6 .swiper-button-prev{position: relative;top: 10px; margin-right: 20px;}
.sec6 .swiper-button-next i {background: url(../img/arrow-right.png) center; background-size: cover; width: 25px; height: 25px; }
.sec6 .swiper-button-prev i {background: url(../img/arrow-left.png)center; background-size: cover; width: 25px; height: 25px; }


}







/* 인증업체 */
.sec7 { background: url(../img/main/sec7_bg.jpg) center; background-size: cover;  width: 100%; padding: 100px 0;}

/* .sec7 .inner {display: flex; justify-content: space-between;position: relative;} */


.sec7 .head{padding-top:0}
.sec7 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: left;  }
.sec7 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
.sec7 .front .title span{display: block; font-weight:700;font-size:63px;line-height:72px;color: #fff; margin: 38px auto 10px; letter-spacing: -1px;text-align: left; }
.sec7 .front span {font-size: 22px; color: #fff;}

.sec7 .cont {text-align: center;position: relative; padding-top:30px}

.sec7 .cont .certifi{}
.sec7 .cont .certifi ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.sec7 .cont .certifi ul li{width: 22%;  display: block;  margin-bottom: 20px;  display: flex;
justify-content: center; align-items: center;}
.sec7 .cont .certifi ul li img {width: 100%;}
.sec7 .cont .certifi ul li span {color: #fff;font-size: 26px;}
/* .sec7 + .cont{padding-top:30px} */

.sec7 .go_form{display: block; text-align: center;}
.sec7 .go_form button { border: 1px solid #fff; background:transparent; width:250px; padding: 15px 25px; text-align: left; color: #fff; font-size: 17px; font-weight: 400; border-radius: 40px; margin: 50px auto 0;}
.sec7 .go_form button i {float: right;font-size: 20px; }

.sec7 .go_form button:hover { border: 1px solid #fff; background:#fff; width:250px; padding: 15px 25px; text-align: left; color: #121212; font-size: 17px; font-weight: 400; border-radius: 40px; margin-top: 50px;}
.sec7 .go_form button i:hover  {float: right;font-size: 20px;color: #121212; }



/* 1024px (Tablet) */
@media (max-width:1024px){
    .sec7 { background: url(../img/main/sec7_bg.jpg) center; background-size: cover;  width: 100%; padding: 60px 0;}
    
    /* .sec7 .inner {display: flex; flex-direction: column; justify-content: space-between;position: relative;} */
    
    
    .sec7 .head{padding-top:0}
    .sec7 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: left;  }
    .sec7 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
    .sec7 .front .title span{display: block; font-weight:700;font-size:26px;line-height:36px;color: #fff; margin: 25px auto 10px; letter-spacing: -1px;text-align: left; }
    .sec7 .front span {font-size: 15px; line-height: 1.5; color: #fff;}
    .sec7 .cont {text-align: center;position: relative;}
    
    .sec7 .cont .certifi{}
    .sec7 .cont .certifi ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
    .sec7 .cont .certifi ul li{width: 48%;  display: block;  margin-bottom: 20px;  display: flex;
    justify-content: center; align-items: center;}
    .sec7 .cont .certifi ul li img {width: 100%;}
    .sec7 .cont .certifi ul li span {color: #fff;font-size: 26px;}
    /* .sec7 + .cont{padding-top:30px} */
    
    
    
    /* .sec7 + .cont{padding-top:30px} */
    
    }
    



/* 700px (Mobile) */
@media (max-width:700px){
.sec7 { background: url(../img/main/sec7_bg.jpg) center; background-size: cover;  width: 100%; padding: 60px 0;}

/* .sec7 .inner {display: flex; flex-direction: column; justify-content: space-between;position: relative;} */


.sec7 .head{padding-top:0}
.sec7 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: left;  }
.sec7 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
.sec7 .front .title span{display: block; font-weight:700;font-size:26px;line-height:36px;color: #fff; margin: 25px auto 10px; letter-spacing: -1px;text-align: left; }
.sec7 .front span {font-size: 15px; line-height: 1.5; color: #fff;}
.sec7 .cont {text-align: center;position: relative;}

.sec7 .cont .certifi{}
.sec7 .cont .certifi ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.sec7 .cont .certifi ul li{width: 48%;  display: block;  margin-bottom: 20px;  display: flex;
justify-content: center; align-items: center;}
.sec7 .cont .certifi ul li img {width: 100%;}
.sec7 .cont .certifi ul li span {color: #fff;font-size: 26px;}
/* .sec7 + .cont{padding-top:30px} */



/* .sec7 + .cont{padding-top:30px} */

}




/* 비용안내 */
.sec8 { background: url(../img/main/sec8_bg.jpg) center; background-size: cover;  width: 100%; padding: 100px 0;}

/* .sec8 .inner {display: flex; justify-content: space-between;position: relative;} */


.sec8 .head{padding-top:0}
.sec8 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: center;  }
.sec8 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
.sec8 .front .title span{display: block; font-weight:700;font-size:63px;line-height:72px;color: #fff; margin: 38px auto 10px; letter-spacing: -1px;text-align: center; }
.sec8 .front span {display: block; font-size: 22px; color: #fff; text-align: center;}

.sec8 .cont {text-align: center;position: relative; padding-top:30px}

.sec8 .cont .price{height: 480px; background:url(../img/main/sec8_price_bg_pc.png) center;display: flex; justify-content: space-between; flex-wrap: wrap;}

.sec8 .cont .price div{width: 50%;  display: block;  margin-bottom: 20px;  display: flex;
    justify-content: center; }

.sec8 .cont .price div.fl {display: flex; flex-direction: column;align-items: center;}

.sec8 .cont .price div.fl .gt_logo{}
.sec8 .cont .price div.fl span {color: #d3ae76;font-size: 22px; font-family: 'NanumMyeongjo';}
.sec8 .cont .price div.fl span:after { content: "";display: block;width: 320px;border-bottom: 1px solid #7d7363;margin: 4px auto 20px;}
.sec8 .cont .price div.fl span strong{font-size: 40px;}
.sec8 .cont .price div.fl  p{color: #fff;font-size: 22px;}


.sec8 .cont .price div.fr {display: flex; flex-direction: column;   text-align: left; padding-right: 100px; box-sizing: border-box;}
.sec8 .cont .price div.fr span { color: #fff; font-size: 18px; margin-bottom: 20px;}
.sec8 .cont .price div.fr p { color: rgba(255,255,255,0.5); font-size: 18px; font-weight: 300; line-height: 1.5; }

/* .sec8 + .cont{padding-top:30px} */



/* 1024px (Tablet) */
@media (max-width:1024px){
    .sec8 { background: url(../img/main/sec8_bg.jpg) center; background-size: cover;  width: 100%; padding: 60px 0;}
    
    /* .sec8 .inner {display: flex; flex-direction: column; justify-content: space-between;position: relative;} */
    
    
    .sec8 .head{padding-top:0}
    .sec8 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: center;  }
    .sec8 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
    .sec8 .front .title span{display: block; font-weight:700;font-size:26px;line-height:36px;color: #fff; margin: 25px auto 10px; letter-spacing: -1px;text-align: center; }
    .sec8 .front span {font-size: 15px; line-height: 1.5; color: #fff;}
    .sec8 .cont {text-align: center;position: relative;}
    
    
    .sec8 .cont .price{height: auto; display: flex; flex-wrap: wrap; flex-direction: column; background:  transparent;}
    
    .sec8 .cont .price div{width: 100%;  display: block;  margin-bottom: 0;  display: flex;
        justify-content: center; }
    
    .sec8 .cont .price div.fl {display: flex; flex-direction: column;align-items: center; background:url(../img/main/sec8_price_bg_mo.png) center top; background-size: cover; padding: 50px; box-sizing: border-box; }
    
    .sec8 .cont .price div.fl .gt_logo{width: 110px;}
    .sec8 .cont .price div.fl .gt_logo img{width: 100%;}
    .sec8 .cont .price div.fl span {color: #d3ae76;font-size: 20px; font-family: 'NanumMyeongjo';}
    .sec8 .cont .price div.fl span:after { content: "";display: block;width: 280px;border-bottom: 1px solid #7d7363;margin: 4px auto 20px;}
    .sec8 .cont .price div.fl span strong{font-size: 33px;}
    .sec8 .cont .price div.fl  p{color: #fff;font-size: 22px;}
    
    
    .sec8 .cont .price div.fr {display: flex; flex-direction: column;text-align: center; margin-top: 0; background:url(../img/main/sec8_price_bg_mo.png) center bottom; background-size: cover; padding: 0 50px 50px; box-sizing: border-box; }
    .sec8 .cont .price div.fr span { color: #fff; font-size: 18px; margin-bottom: 18px;}
    .sec8 .cont .price div.fr p { color: rgba(255,255,255,0.5); font-size: 14px; font-weight: 300; line-height: 1.5; }
    
    
    /* .sec8 + .cont{padding-top:30px} */
    
    }
    



/* 700px (Mobile) */
@media (max-width:700px){
.sec8 { background: url(../img/main/sec8_bg.jpg) center; background-size: cover;  width: 100%; padding: 60px 0;}

/* .sec8 .inner {display: flex; flex-direction: column; justify-content: space-between;position: relative;} */


.sec8 .head{padding-top:0}
.sec8 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: center;  }
.sec8 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
.sec8 .front .title span{display: block; font-weight:700;font-size:26px;line-height:36px;color: #fff; margin: 25px auto 10px; letter-spacing: -1px;text-align: center; }
.sec8 .front span {font-size: 15px; line-height: 1.5; color: #fff;}
.sec8 .cont {text-align: center;position: relative;}


.sec8 .cont .price{height: auto; display: flex; flex-wrap: wrap; flex-direction: column; background:  transparent;}

.sec8 .cont .price div{width: 100%;  display: block;  margin-bottom: 0;  display: flex;
    justify-content: center; }

.sec8 .cont .price div.fl {display: flex; flex-direction: column;align-items: center; background:url(../img/main/sec8_price_bg_mo.png) center top; background-size: cover; padding: 50px; box-sizing: border-box; }

.sec8 .cont .price div.fl .gt_logo{width: 110px;}
.sec8 .cont .price div.fl .gt_logo img{width: 100%;}
.sec8 .cont .price div.fl span {color: #d3ae76;font-size: 20px; font-family: 'NanumMyeongjo';}
.sec8 .cont .price div.fl span:after { content: "";display: block;width: 280px;border-bottom: 1px solid #7d7363;margin: 4px auto 20px;}
.sec8 .cont .price div.fl span strong{font-size: 33px;}
.sec8 .cont .price div.fl  p{color: #fff;font-size: 22px;}


.sec8 .cont .price div.fr {display: flex; flex-direction: column;text-align: center; margin-top: 0; background:url(../img/main/sec8_price_bg_mo.png) center bottom; background-size: cover; padding: 0 50px 50px; box-sizing: border-box; }
.sec8 .cont .price div.fr span { color: #fff; font-size: 18px; margin-bottom: 18px;}
.sec8 .cont .price div.fr p { color: rgba(255,255,255,0.5); font-size: 14px; font-weight: 300; line-height: 1.5; }


/* .sec8 + .cont{padding-top:30px} */

}






/* 상담신청 */
.sec9 { background: url(../img/main/sec9_bg.jpg) center; background-size: cover;  width: 100%; padding: 100px 0; position: relative;}

.sec9 .head{padding-top:0}
.sec9 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: center;  }
.sec9 .front .title{display: block;overflow: hidden;font-family: 'NanumMyeongjo'; }
.sec9 .front .title span{display: block; font-weight:700;font-size:63px;line-height:72px;color: #fff; margin: 38px auto 10px; letter-spacing: -1px;text-align: center; }
.sec9 .front span {display: block; font-size: 22px; color: #fff; text-align: center;}


/* .sec9 + .cont{padding-top:30px} */


.sec9 .inner.frex {display: flex; justify-content: space-between;position: relative;}

.sec9 .fl {width: 40%;background: #fff; padding: 45px; box-sizing: border-box;}

.sec9 .cont {margin-top: 0;}

.sec9 .fl dl {margin-bottom: 0;}
.sec9 .fl dl dt{font-size: 22px; color: #000;margin-bottom: 30px;}
.sec9 .fl dl dd {font-size: 17px; color: #000; margin-bottom: 0;}
.sec9 .fl dl dd span strong { width: 100px; display: inline-block; }
.sec9 .fl dl dd .sns { margin-right: 30px;}
.sec9 .fl dl dd .sns img{ height: 28px;}

.sec9 .fr {width: 55%; background: #fff; padding: 45px; box-sizing: border-box;}
.sec9 .fr .head{padding-top:0}
.sec9 .fr .front .desc{padding-top:9px;font-size:15px; color: #000; font-weight: 700; letter-spacing: -1px;text-align: left;}
.sec9 .fr .front .title{font-weight:700;font-size:22px;line-height:22px;color: #000; margin: 0 auto 10px; letter-spacing: -1px;text-align: left;font-family: 'Pretendard Variable', Pretendard, dotum, sans-serif; }
.sec9 .fr .front span {font-size: 16px; color: #000;}

/* 신청폼 */
.sec9 .form_cont {}
.sec9 .new-r-con{}

.sec9 .new-r-con {}
.sec9 .new-r-con dl {display: flex; justify-content: space-between;}
.sec9 .new-r-con dl dt{width: 20%;}
.sec9 .new-r-con dl dd{width: 80%;}

.sec9 .new-r-con dl dt label {color: #000; font-size: 17px;margin: 25px 0 10px; display: block;}
.sec9 .new-r-con dl dd input {width: 100%;height: 44px; line-height: 44px;  border-radius: 8px; padding: 10px; box-sizing: border-box; background: #fff; border: 1px solid #cecece; color: #000; font-size: 16px;}
.sec9 .new-r-con dl dd input::placeholder {color:#ccc;font-size: 13px;}
.sec9 .wr_content label {color: #000; font-size: 17px;margin: 25px 0 10px; display: block;}
.sec9 .wr_content textarea{width: 100%;height: 100px; line-height: 50px; border-radius: 8px; padding: 10px; box-sizing: border-box; background: #fff; border: 1px solid #cecece; color: #000; font-size: 16px;}


.sec9 .form_cont .request_btn{background:#d3ae75; border-radius: 0px; width: 100%; font-weight: 500; color: #fff; height: 60px; line-height: 60px;font-size: 20px; border:none; margin-bottom: 20px;}
.sec9 .form_cont .request_btn:hover{background:#e3bb7e; }
.sec9 .form_cont .agree {color: #000; margin: 20px 0; font-size: 16px;}
.sec9 .form_cont .tip{color: #56617e; font-size: 14px; line-height: 18px;}

.sec9 .filebox {display: flex; gap: 0; width: 100%; margin-top: 30px;}
.sec9 .filebox .upload-name {width: 100%; background: rgba(16, 19, 40, 0.3); border: 1px solid #494e79; height: 36px; padding: 4.5px 15px; pointer-events: none; border-radius: 10px 0 0 10px;}
.sec9 .filebox .file {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; border: 0; white-space: nowrap; clip: rect(0, 0, 0, 0);}
.sec9 .filebox .upload-name:disabled {color:#9da0b8;font-size: 13px;}
.sec9 .filebox .upload-button {display: inline-flex; align-items:center; justify-content: center; flex-shrink: 0; padding: 4.5px 15px; border: 1px solid #494e79; background: #494e79; border-radius: 0 10px 10px 0; color: #000; cursor: pointer; line-height: 1; transition: all 0.3s;}




/* 1024px (Tablet) */
@media (max-width:1024px){

    .sec9 { background: url(../img/main/sec9_bg.jpg) center; background-size: cover;  width: 100%; padding: 60px 0; position: relative;}

    .sec9 .head{padding-top:0}
    .sec9 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: center;  }
    .sec9 .front .title{display: block;overflow: hidden;font-family: 'Pretendard Variable', Pretendard, dotum, sans-serif;  }
    .sec9 .front .title span{display: block; font-weight:700;font-size:22px;line-height:22px;color: #fff; margin: 25px auto 10px; letter-spacing: -1px;text-align: center; }
    .sec9 .front span {display: block; font-size:15px; line-height: 1.5; color: #fff; text-align: center;}
    
    
    /* .sec9 + .cont{padding-top:30px} */
    
    
    .sec9 .inner.frex {display: flex; flex-direction: column-reverse; justify-content: space-between;position: relative;}
    
    .sec9 .fl {width: 100%;background: #fff; padding: 15px; box-sizing: border-box;}
    
    .sec9 .cont {margin-top: 0;  border-top: 1px solid #ddd; padding-top: 20px;}
    
    .sec9 .fl dl {margin-bottom: 0;}
    .sec9 .fl dl dt{font-size: 20px; color: #000;margin-bottom: 30px;}
    .sec9 .fl dl dd {font-size: 17px; color: #000; margin-bottom: 0;}
    .sec9 .fl dl dd span strong { width: 100px; display: inline-block; }
    .sec9 .fl dl dd .sns { margin-right: 30px;}
    .sec9 .fl dl dd .sns img{ height: 28px;}
    
    .sec9 .fr {width: 100%; background: #fff; padding: 15px; box-sizing: border-box;}
    .sec9 .fr .head{padding-top:0}
    .sec9 .fr .front .desc{padding-top:9px;font-size:15px; color: #000; font-weight: 700; letter-spacing: -1px;text-align: left;}
    .sec9 .fr .front .title{font-weight:700;font-size:20px;line-height:20px;color: #000; margin: 0 auto 10px; letter-spacing: -1px;text-align: left;}
    .sec9 .fr .front span {font-size: 16px; color: #000;}
    
    /* 신청폼 */
    .sec9 .form_cont {}
    .sec9 .new-r-con{}
    
    .sec9 .new-r-con {}
    .sec9 .new-r-con dl {display: flex; justify-content: space-between; margin-bottom: 10px;}
    .sec9 .new-r-con dl dt{width: 20%;}
    .sec9 .new-r-con dl dd{width: 80%;}
    
    .sec9 .new-r-con dl dt label {color: #000; font-size: 14px;margin: 10px 0 10px; display: block;}
    .sec9 .new-r-con dl dd input {width: 100%;height: 44px; line-height: 44px;  border-radius: 8px; padding: 10px; box-sizing: border-box; background: #fff; border: 1px solid #cecece; color: #000; font-size: 16px;}
    .sec9 .new-r-con dl dd input::placeholder {color:#ccc;font-size: 13px;}
    .sec9 .wr_content label {color: #000; font-size: 17px;margin: 25px 0 10px; display: block;}
    .sec9 .wr_content textarea{width: 100%;height: 100px; line-height: 50px; border-radius: 8px; padding: 10px; box-sizing: border-box; background: #fff; border: 1px solid #cecece; color: #000; font-size: 16px;}
    
    
    .sec9 .form_cont .request_btn{background:#d3ae75; border-radius: 0px; width: 100%; font-weight: 500; color: #fff; height: 50px; line-height: 50px;font-size: 20px; border:none; margin-bottom: 0; }
    .sec9 .form_cont .request_btn:hover{background:#e3bb7e; }
    .sec9 .form_cont .agree {color: #000; margin: 20px 0; font-size: 14px;}
    .sec9 .form_cont .tip{color: #56617e; font-size: 14px; line-height: 14px;}
    
    .sec9 .filebox {display: flex; gap: 0; width: 100%; margin-top: 30px;}
    .sec9 .filebox .upload-name {width: 100%; background: rgba(16, 19, 40, 0.3); border: 1px solid #494e79; height: 36px; padding: 4.5px 15px; pointer-events: none; border-radius: 10px 0 0 10px;}
    .sec9 .filebox .file {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; border: 0; white-space: nowrap; clip: rect(0, 0, 0, 0);}
    .sec9 .filebox .upload-name:disabled {color:#9da0b8;font-size: 13px;}
    .sec9 .filebox .upload-button {display: inline-flex; align-items:center; justify-content: center; flex-shrink: 0; padding: 4.5px 15px; border: 1px solid #494e79; background: #494e79; border-radius: 0 10px 10px 0; color: #000; cursor: pointer; line-height: 1; transition: all 0.3s;}
    
    

}



/* 700px (Mobile) */
@media (max-width:700px){

    .sec9 { background: url(../img/main/sec9_bg.jpg) center; background-size: cover;  width: 100%; padding: 60px 0; position: relative;}

    .sec9 .head{padding-top:0}
    .sec9 .front .desc{padding-top:9px;font-size:15px; color: #fff; font-weight: 700; font-family: 'Lora'; letter-spacing: 0;text-align: center;  }
    .sec9 .front .title{display: block;overflow: hidden;font-family: 'Pretendard Variable', Pretendard, dotum, sans-serif;  }
    .sec9 .front .title span{display: block; font-weight:700;font-size:22px;line-height:22px;color: #fff; margin: 25px auto 10px; letter-spacing: -1px;text-align: center; }
    .sec9 .front span {display: block; font-size:15px; line-height: 1.5; color: #fff; text-align: center;}
    
    
    /* .sec9 + .cont{padding-top:30px} */
    
    
    .sec9 .inner.frex {display: flex; flex-direction: column-reverse; justify-content: space-between;position: relative;}
    
    .sec9 .fl {width: 100%;background: #fff; padding: 15px; box-sizing: border-box;}
    
    .sec9 .cont {margin-top: 0;  border-top: 1px solid #ddd; padding-top: 20px;}
    
    .sec9 .fl dl {margin-bottom: 0;}
    .sec9 .fl dl dt{font-size: 20px; color: #000;margin-bottom: 30px;}
    .sec9 .fl dl dd {font-size: 17px; color: #000; margin-bottom: 0;}
    .sec9 .fl dl dd span strong { width: 100px; display: inline-block; }
    .sec9 .fl dl dd .sns { margin-right: 30px;}
    .sec9 .fl dl dd .sns img{ height: 28px;}
    
    .sec9 .fr {width: 100%; background: #fff; padding: 15px; box-sizing: border-box;}
    .sec9 .fr .head{padding-top:0}
    .sec9 .fr .front .desc{padding-top:9px;font-size:15px; color: #000; font-weight: 700; letter-spacing: -1px;text-align: left;}
    .sec9 .fr .front .title{font-weight:700;font-size:20px;line-height:20px;color: #000; margin: 0 auto 10px; letter-spacing: -1px;text-align: left;}
    .sec9 .fr .front span {font-size: 16px; color: #000;}
    
    /* 신청폼 */
    .sec9 .form_cont {}
    .sec9 .new-r-con{}
    
    .sec9 .new-r-con {}
    .sec9 .new-r-con dl {display: flex; justify-content: space-between; margin-bottom: 10px;}
    .sec9 .new-r-con dl dt{width: 20%;}
    .sec9 .new-r-con dl dd{width: 80%;}
    
    .sec9 .new-r-con dl dt label {color: #000; font-size: 14px;margin: 10px 0 10px; display: block;}
    .sec9 .new-r-con dl dd input {width: 100%;height: 44px; line-height: 44px;  border-radius: 8px; padding: 10px; box-sizing: border-box; background: #fff; border: 1px solid #cecece; color: #000; font-size: 16px;}
    .sec9 .new-r-con dl dd input::placeholder {color:#ccc;font-size: 13px;}
    .sec9 .wr_content label {color: #000; font-size: 17px;margin: 25px 0 10px; display: block;}
    .sec9 .wr_content textarea{width: 100%;height: 100px; line-height: 50px; border-radius: 8px; padding: 10px; box-sizing: border-box; background: #fff; border: 1px solid #cecece; color: #000; font-size: 16px;}
    
    
    .sec9 .form_cont .request_btn{background:#d3ae75; border-radius: 0px; width: 100%; font-weight: 500; color: #fff; height: 50px; line-height: 50px;font-size: 20px; border:none; margin-bottom: 0; }
    .sec9 .form_cont .request_btn:hover{background:#e3bb7e; }
    .sec9 .form_cont .agree {color: #000; margin: 20px 0; font-size: 14px;}
    .sec9 .form_cont .tip{color: #56617e; font-size: 14px; line-height: 14px;}
    
    .sec9 .filebox {display: flex; gap: 0; width: 100%; margin-top: 30px;}
    .sec9 .filebox .upload-name {width: 100%; background: rgba(16, 19, 40, 0.3); border: 1px solid #494e79; height: 36px; padding: 4.5px 15px; pointer-events: none; border-radius: 10px 0 0 10px;}
    .sec9 .filebox .file {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; border: 0; white-space: nowrap; clip: rect(0, 0, 0, 0);}
    .sec9 .filebox .upload-name:disabled {color:#9da0b8;font-size: 13px;}
    .sec9 .filebox .upload-button {display: inline-flex; align-items:center; justify-content: center; flex-shrink: 0; padding: 4.5px 15px; border: 1px solid #494e79; background: #494e79; border-radius: 0 10px 10px 0; color: #000; cursor: pointer; line-height: 1; transition: all 0.3s;}
    
    

}



/* 푸터-상담신청 */
.request_foot {width: 100%; height: 80px; overflow: hidden; position: fixed;bottom: 0; z-index: 100;background: linear-gradient(45deg, #1e2843, #292b2f); display: none;opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;}

.show {display: block !important; /* 강제로 보이도록 설정 */opacity: 0.9;transform: translateY(0);} 


.request_foot .tit {display: none !important;}


.request_foot .footer_form {width: 1400px; margin: 0 auto; padding: 0 110px; box-sizing: border-box;}
.request_foot .form_cont {height: 80px;  display: flex;background: #292b2f;}

.request_foot .f_call {width: 25%; padding: 0 20px; box-sizing: border-box; position: relative; background: linear-gradient(45deg, #1e2843, #1e2843); text-align: center; display: flex; justify-content: flex-end; align-items: center;}
.request_foot .f_call img {width: 100%;}
.request_foot .f_call span {color: #fff; font-size: 17px;}
.request_foot .f_call span strong {font-size: 20px; margin-left: 15px;}
.request_foot .new-r-con {width: 45%; padding: 0 20px; box-sizing: border-box; display: flex; justify-content:flex-start; align-items: center;}
.request_foot .agree {width:15%; display: flex; justify-content: center; align-items: center;}
.request_foot .agree span{color: #fff; margin: 0 0; font-size: 14px;}
.request_foot .request_btn_wrap {width: 15%; display: flex; justify-content: center; align-items: center;}


.request_foot .new-r-con dl {display: flex; justify-content: space-between; width: 100%;}
.request_foot .new-r-con dl dt{width: 25%; text-align: center; display: block !important;}
.request_foot .new-r-con dl dd{width: 70%;}

.request_foot .new-r-con dl dt label {color: #fff; font-size: 17px;line-height: 2.5; display: block;}
.request_foot .new-r-con dl dd input {width: 100%;height: 44px; line-height: 44px;  border-radius: 4px; padding: 10px; box-sizing: border-box; background: #fff; border: 1px solid #cecece; color: #000; font-size: 16px;}
.request_foot .new-r-con dl dd input::placeholder {color:#000;font-size: 13px;}
.request_foot .wr_content label {color: #000; font-size: 17px;margin: 25px 0 10px; display: block;}
.request_foot .wr_content textarea{width: 100%;height: 100px; line-height: 50px; border-radius: 8px; padding: 10px; box-sizing: border-box; background: #fff; border: 1px solid #cecece; color: #000; font-size: 16px;}


.request_foot .form_cont .request_btn{background:#d3ae75; border-radius: 0px; width: 80%; font-weight: 500; color: #fff; height: 44px; line-height: 44px;font-size: 20px; border:none;  border-radius: 4px; }
.request_foot .form_cont .request_btn:hover{background:#e3bb7e; }

.request_foot .filebox {display: flex; gap: 0; width: 100%; margin-top: 30px;}
.request_foot .filebox .upload-name {width: 100%; background: rgba(16, 19, 40, 0.3); border: 1px solid #494e79; height: 36px; padding: 4.5px 15px; pointer-events: none; border-radius: 10px 0 0 10px;}
.request_foot .filebox .file {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; border: 0; white-space: nowrap; clip: rect(0, 0, 0, 0);}
.request_foot .filebox .upload-name:disabled {color:#9da0b8;font-size: 13px;}
.request_foot .filebox .upload-button {display: inline-flex; align-items:center; justify-content: center; flex-shrink: 0; padding: 4.5px 15px; border: 1px solid #494e79; background: #494e79; border-radius: 0 10px 10px 0; color: #000; cursor: pointer; line-height: 1; transition: all 0.3s;}




/* 1024px (Tablet) */
@media (max-width:1024px){

    .request_foot {width: 100%; height: 110px; overflow: hidden; position: fixed;bottom: 0; z-index: 100;background: #292b2f; display: none;opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.5s ease, transform 0.5s ease;}
    
    .show {display: block !important; /* 강제로 보이도록 설정 */opacity: 0.9;transform: translateY(0);} 

    .request_foot .tit {display: block !important; width: 50%; color: #fff; font-size: 18px; padding: 15px 20px 0; box-sizing: border-box;}

    .request_foot .footer_form {width: 100%; margin: 0 auto; padding: 0 0; box-sizing: border-box;}
    .request_foot .form_cont {height: 70px; padding: 0 20px; display: flex;justify-content: space-between; background: #292b2f;}
    
    .request_foot .f_call {display: none !important; width: 25%; padding: 0 20px; box-sizing: border-box; position: relative; background: linear-gradient(45deg, #1e2843, #1e2843); text-align: center; display: flex; justify-content: flex-end; align-items: center;}
    .request_foot .f_call img {width: 100%;}
    .request_foot .f_call span {color: #fff; font-size: 17px;}
    .request_foot .f_call span strong {font-size: 20px; margin-left: 15px;}

    .request_foot .new-r-con {width: 70%; padding: 0 0; box-sizing: border-box; display: flex; justify-content:flex-start; align-items: center;}
    .request_foot .agree { position: absolute; top: 20px; right: 0; width:50%; display: flex; justify-content: center; align-items: center;}
    .request_foot .agree span{color: #fff; margin: 0 0; font-size: 14px;}
    .request_foot .request_btn_wrap {width: 30%; display: flex; justify-content: center; align-items: center;}
    
    
    .request_foot .new-r-con dl {display: flex; justify-content: space-between; width: 100%;}
    .request_foot .new-r-con dl dt{width: 0%; text-align: center; display: none !important;}
    .request_foot .new-r-con dl dd{width: 95%;}
    
    .request_foot .new-r-con dl dt label {color: #fff; font-size: 17px;line-height: 2.5; display: block;}
    .request_foot .new-r-con dl dd input {width: 100%;height: 40px; line-height: 40px;  border-radius: 4px; padding: 10px; box-sizing: border-box; background: #fff; border: 1px solid #cecece; color: #000; font-size: 16px;}
    .request_foot .new-r-con dl dd input::placeholder {color:#000;font-size: 13px;}
    .request_foot .wr_content label {color: #000; font-size: 17px;margin: 25px 0 10px; display: block;}
    .request_foot .wr_content textarea{width: 100%;height: 100px; line-height: 40px; border-radius: 8px; padding: 10px; box-sizing: border-box; background: #fff; border: 1px solid #cecece; color: #000; font-size: 16px;}
    
    
    .request_foot .form_cont .request_btn{background:#d3ae75; border-radius: 0px; width: 100%; font-weight: 500; color: #fff; height: 40px; line-height: 40px;font-size: 18px; border:none;  border-radius: 4px; }
    .request_foot .form_cont .request_btn:hover{background:#e3bb7e; }
    
    .request_foot .filebox {display: flex; gap: 0; width: 100%; margin-top: 30px;}
    .request_foot .filebox .upload-name {width: 100%; background: rgba(16, 19, 40, 0.3); border: 1px solid #494e79; height: 36px; padding: 4.5px 15px; pointer-events: none; border-radius: 10px 0 0 10px;}
    .request_foot .filebox .file {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; border: 0; white-space: nowrap; clip: rect(0, 0, 0, 0);}
    .request_foot .filebox .upload-name:disabled {color:#9da0b8;font-size: 13px;}
    .request_foot .filebox .upload-button {display: inline-flex; align-items:center; justify-content: center; flex-shrink: 0; padding: 4.5px 15px; border: 1px solid #494e79; background: #494e79; border-radius: 0 10px 10px 0; color: #000; cursor: pointer; line-height: 1; transition: all 0.3s;}
    
    
}



/* 700px (Mobile) */
@media (max-width:700px){

    .request_foot {width: 100%; height: 110px; overflow: hidden; position: fixed;bottom: 0; z-index: 100;background: #292b2f; display: none;opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.5s ease, transform 0.5s ease;}
    
    .show {display: block !important; /* 강제로 보이도록 설정 */opacity: 0.9;transform: translateY(0);} 

    .request_foot .tit {display: block !important; width: 50%; color: #fff; font-size: 18px; padding: 15px 20px 0; box-sizing: border-box;}

    .request_foot .footer_form {width: 100%; margin: 0 auto; padding: 0 0; box-sizing: border-box;}
    .request_foot .form_cont {height: 70px; padding: 0 20px; display: flex;justify-content: space-between; background: #292b2f;}
    
    .request_foot .f_call {display: none !important; width: 25%; padding: 0 20px; box-sizing: border-box; position: relative; background: linear-gradient(45deg, #1e2843, #1e2843); text-align: center; display: flex; justify-content: flex-end; align-items: center;}
    .request_foot .f_call img {width: 100%;}
    .request_foot .f_call span {color: #fff; font-size: 17px;}
    .request_foot .f_call span strong {font-size: 20px; margin-left: 15px;}

    .request_foot .new-r-con {width: 70%; padding: 0 0; box-sizing: border-box; display: flex; justify-content:flex-start; align-items: center;}
    .request_foot .agree { position: absolute; top: 20px; right: 0; width:50%; display: flex; justify-content: center; align-items: center;}
    .request_foot .agree span{color: #fff; margin: 0 0; font-size: 14px;}
    .request_foot .request_btn_wrap {width: 30%; display: flex; justify-content: center; align-items: center;}
    
    
    .request_foot .new-r-con dl {display: flex; justify-content: space-between; width: 100%;}
    .request_foot .new-r-con dl dt{width: 0%; text-align: center; display: none !important;}
    .request_foot .new-r-con dl dd{width: 95%;}
    
    .request_foot .new-r-con dl dt label {color: #fff; font-size: 17px;line-height: 2.5; display: block;}
    .request_foot .new-r-con dl dd input {width: 100%;height: 40px; line-height: 40px;  border-radius: 4px; padding: 10px; box-sizing: border-box; background: #fff; border: 1px solid #cecece; color: #000; font-size: 16px;}
    .request_foot .new-r-con dl dd input::placeholder {color:#000;font-size: 13px;}
    .request_foot .wr_content label {color: #000; font-size: 17px;margin: 25px 0 10px; display: block;}
    .request_foot .wr_content textarea{width: 100%;height: 100px; line-height: 40px; border-radius: 8px; padding: 10px; box-sizing: border-box; background: #fff; border: 1px solid #cecece; color: #000; font-size: 16px;}
    
    
    .request_foot .form_cont .request_btn{background:#d3ae75; border-radius: 0px; width: 100%; font-weight: 500; color: #fff; height: 40px; line-height: 40px;font-size: 18px; border:none;  border-radius: 4px; }
    .request_foot .form_cont .request_btn:hover{background:#e3bb7e; }
    
    .request_foot .filebox {display: flex; gap: 0; width: 100%; margin-top: 30px;}
    .request_foot .filebox .upload-name {width: 100%; background: rgba(16, 19, 40, 0.3); border: 1px solid #494e79; height: 36px; padding: 4.5px 15px; pointer-events: none; border-radius: 10px 0 0 10px;}
    .request_foot .filebox .file {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; border: 0; white-space: nowrap; clip: rect(0, 0, 0, 0);}
    .request_foot .filebox .upload-name:disabled {color:#9da0b8;font-size: 13px;}
    .request_foot .filebox .upload-button {display: inline-flex; align-items:center; justify-content: center; flex-shrink: 0; padding: 4.5px 15px; border: 1px solid #494e79; background: #494e79; border-radius: 0 10px 10px 0; color: #000; cursor: pointer; line-height: 1; transition: all 0.3s;}
    
    
}




/* 빠른메뉴 */
.floating {position: fixed;display: none; top: 50%;left: 5%;transform: translate(-50%, -50%);z-index: 99999;}
.floating .button {display: flex; flex-direction: column;transition: top 0.3s ease; }
.floating.show {display: block;transition: top 0.3s ease; }
.floating .button li {height: 40px;} 
.floating .button li a { position: relative;display: inline-block;width: 100%;height: 100%;text-align: center;line-height: 40px;font-size: 25px; color: #666; font-size: 14px; text-align: left;  padding-left: 15px; box-sizing: border-box;}
.floating .button li a::after {content: ''; width: 5px; height: 5px; background: #666; position: absolute; left: 0; top: 17px; border-radius: 10px;}
.floating .button li.active a {color: #fff; transition: 0.1s; /* 활성화된 버튼의 배경색 */}
.floating .button li.active a::after {content: ''; width: 8px; height: 8px; background: #fff; position: absolute; left: 0; top: 17px; border-radius: 10px;}


/* 700px (Mobile) */
@media (max-width:1700px){
    .floating {display: none !important;}
}