@charset "utf-8";

@font-face {
font-family: 'GmarketSansMedium';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: 'GmarketSansMedium';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'GmarketSansMedium';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
font-weight: 800;
font-style: normal;
}	

.doc{font-size: 16px;}
.box1{ width:1460px;max-width: 96%; margin:0 auto; position:relative } 
.box2{ width:1800px;max-width: 96%; margin:0 auto; position:relative } 
.mobile_only{display:none!important;}

:root { 
    --mainColor:#3c76a9;
    --subColor: #3c76a9;
    --bor_r:3px;
    --item_r:10px;
	--header_H:90px;
	--fs_01: "Nanum Brush Script", serif;
    --fs_02: 'GmarketSansMedium';
}
 
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/*header*/
#header{z-index: 200; position: fixed; top: 0; left: 0; width:100%; background: #fff;}
#header .va_wrap,
#header .h_wrap{height:var(--header_H);}
#header #logo{z-index:800;}
#header #logo img{display:block;}
#header .gnb_wrap{margin-left: auto;}
#header .gnb_wrap .gnb .depth1{margin:0 35px; position: relative;}
#header .gnb_wrap .gnb .depth1 > a{font-size:1.25em; line-height: inherit; font-weight:400; color:#111; position: relative;}
#header .gnb_wrap .gnb .depth1 > ul{background:#fff; min-width: 180px; border: 1px solid #ddd; border-top:0; margin-top:-2px; transition:all .5s; position:absolute; left:50%; transform:translateX(-50%); max-height:0; overflow:hidden; opacity:0; display:none;}
#header .gnb_wrap .gnb .depth1 > ul:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:5px; background-color:var(--mainColor); transform: scaleX(0); transition: .3s;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a{display: block; text-align: center; color:#444; border-top: 1px dotted #ddd; font-weight:400; padding: 11px 10px;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a:hover{background: #f5f5f5;}
#header .gnb_wrap .gnb .depth1:hover ul{ max-height:610px; opacity:1 }
#header .gnb_wrap .gnb .depth1:hover > ul:after{transform: scaleX(1);}

/*검색*/
#header .hd_sch_btn{font-size:1.125em; color:#fff; cursor: pointer;}
#header .hd_sch_btn.on .xi:before{content:'\e921';}
#header .hd_sch_wr #hd_sch{border:1px solid rgba(255,255,255,.8); border-radius: 50px; position: relative; width:240px; overflow: hidden;}
#header .hd_sch_wr #hd_sch #sch_stx{border:0; background:transparent; color:#fff; width:100%; height: 45px; padding:5px 55px 5px 20px; font-size:.95em; box-sizing: border-box;}
#header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:rgba(255,255,255,.8)!important;}
#header .hd_sch_wr #hd_sch button{border:0; background-color:var(--mainColor); width:38px; height: 38px; color:#fff; position: absolute; top:50%; transform: translateY(-50%); right:4px; border-radius: 50%; font-size:.9em;}

/*회원*/
#header .hd_login{margin-left:20px;}
#header .hd_login > li a{color:#fff; margin-left:15px; font-weight: 300;}
#header .hd_login > li:first-child a{margin-left:0px;}
#header .hd_login > li .xi{vertical-align: baseline; margin-right:4px;}


/* sns list*/
#header .h_sns{margin-left: 30px;}
#header .h_sns > li{margin-left:7px;}
#header .h_icon a{ display: block; width:42px; height: 42px; line-height: 42px; border-radius: 50%; font-size:1.125em; color: #fff; background-color: var(--mainColor)}
#header .h_icon.s1:hover a{background: #ffcf3d; color: #512929; }
#header .h_icon.s2:hover a{background: #3bb51c;}
#header .h_icon.s3:hover a{background: linear-gradient(180deg,#6441dc, #b334ba, #e94a59, #fcc44c);}
#header .h_icon.s4:hover a{background: #ef1a0b;}


/*전체메뉴버튼*/
#header .btn_gnb{width:30px; height: 30px; position: relative; z-index: 10000; margin-left:25px;}
#header .btn_gnb .a_rd{width:10px; height: 10px; background-color: #ddd; border-radius: 50%;}
#header .btn_gnb .a_rd.a1{position: absolute; top: 0; left: 0; transition:.3s;}
#header .btn_gnb .a_rd.a2{position: absolute; top: 0; right: 0; background-color:var(--mainColor)!important; transition:.3s;}
#header .btn_gnb .a_rd.a3{position: absolute; bottom: 0; left: 0; transition:.3s; }
#header .btn_gnb .a_rd.a4{position: absolute; bottom: 0; right: 0; transition:.3s; }

#header .btn_gnb:hover .a_rd.a1,
#header .btn_gnb:hover .a_rd.a4{display:none;}
#header .btn_gnb:hover .a_rd.a2,
#header .btn_gnb:hover .a_rd.a3{width:100%; border-radius: 50px;}

#header .btn_gnb.on .a_rd.a1,
#header .btn_gnb.on .a_rd.a4{display:none;}
#header .btn_gnb.on .a_rd.a2{width:100%; border-radius: 50px;}
#header .btn_gnb.on .a_rd.a3{width:100%; border-radius: 50px; background-color: #666;}

/*스크롤 header*/
.scroll #header{background-color:#fff; border-bottom:1px solid #ddd;}
.scroll #header .gnb_wrap .gnb .depth1 > a{color:#222;}
.scroll #header .hd_sch_btn{color:#555;}
.scroll #header .hd_sch_wr #hd_sch{border-color:#ccc;}
.scroll #header .hd_sch_wr #hd_sch #sch_stx{color:#555;}
.scroll #header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:#aaa!important;}
.scroll #header .hd_login > li a{color:#555;}
.scroll #header .btn_gnb .a_rd{background-color:#666;}


/*탑버튼*/
.qk_list{position: fixed; bottom:20px; right: 15px;z-index: 100;font-size: 16px; }
.qk_list li{ margin-top: 5px;}
.qk_list li .qk_btn{display: block; width: 50px; height: 50px; line-height: 50px; text-align: center;  border-radius: 50px; font-size: 1.45em;  box-shadow: 2px 2px 3px rgb(0 0 0 / 20%); overflow: hidden; margin-left: auto; background-color: #333; color: #fff; transition: .5s;}
/*.qk_list li .xi{width: 52px; line-height: 52px; text-align:center;}*/
.qk_list li .stx{font-style: normal; font-size: .75em; width:0; overflow: hidden; display: none; font-weight: 700;}
/*.qk_list li a:hover .stx{width:auto; overflow: hidden; display: block;}
.qk_list li .qk_kakao{background-color: #ffcf3d; color:#512929;}
.qk_list li .qk_kakao .xi{font-size:1.2em;}  
.qk_list li .qk_kakao .stx{font-size:.7em; color:#111;}
.qk_list li .qk_kakao:hover{width:170px;}
.qk_list li .qk_ins{background:linear-gradient(180deg,#6441dc, #b334ba, #e94a59, #fcc44c)}	
.qk_list li .qk_ins:hover{width:155px;}
.qk_list li .qk_yout{background-color:#ff2b2b;}	
.qk_list li .qk_yout:hover{width:125px;}	
.qk_list li .qk_blog{background-color:#00c73c; color: #fff;}	
.qk_list li .qk_blog:hover{width:125px;}	*/

.qk_list > li .qk_btn.qk_kakao{background: #ffcf3d; color: #512929; }
.qk_list > li .qk_btn.qk_blog{background: #3bb51c;}
.qk_list > li .qk_btn.qk_ins{background: linear-gradient(180deg,#6441dc, #b334ba, #e94a59, #fcc44c);}
.qk_list > li .qk_btn.qk_yout{background: #ef1a0b;}

.qk_list > li .qk_cs{ position: relative; right:-100px; background-color: #ffcf3d; color:#512929; transition: .5s;}
.qk_list > li .qk_cs.on{right:0;}
.qk_list .cs_box{  position: absolute; bottom:54px; right: -400px; width:250px; transition: .5s; background: linear-gradient(180deg, #ffcf3d 50%, #fff 15%); box-sizing: border-box; padding: 1.5em 1.5em 1em; border-radius: 10px; border:1px solid #ffcf3d; min-height: 190px;}
.qk_list .cs_box.on{right: 0;}
.qk_list .cs_box .cs_close{position: absolute; top: 19px; right:15px; color: #333; cursor: pointer; font-size:1.125em;}
.qk_list .cs_box .cs_tt{font-size:1.375em; font-weight: 600; color:#512929; line-height:1; margin-bottom: 15px;}
.qk_list .cs_box .cs_tt .xi{ vertical-align: text-top;}
.qk_list .cs_box .cs_tx{color:#512929; margin:5px 0 16px; /*padding-bottom:12px; border-bottom:1px solid #aaa;*/ font-size:.9em; line-height: 1.3;}
.qk_list .cs_box .cs_tel a{display: block; font-size:1.75em; margin:5px 0; color:#512929; line-height: 1;}
.qk_list .cs_box .cs_tel2{font-size:1.375em; margin-top:5px; color:var(--subColor); }
.qk_list .cs_box .cs_time{font-size:.825em; color:#555; line-height: 1.3; /*margin-bottom: 10px; border-bottom:1px dashed #ccc; padding-bottom:10px;*/}
.qk_list .ver_mo{display:none;}
.qk_list .ver_pc{display:block;}





/*footer*/ 
#footer{margin-top:6em; padding: 80px 0 40px; background-color: #222; font-size:16px;}
#footer .f_logo{padding-right:140px; opacity: .4;} 
#footer .f_info ul > li{font-weight: 300; color:#ccc; margin-right:60px; margin-top: 10px; opacity: .85;}
#footer .f_info ul > li span{font-weight: 600; color:#eee; margin-right: 10px;}
#footer .f_copy{font-size:1em; color:#666; margin-top:20px;}
#footer .f_menu{margin-left: auto; margin-top: -5px;}



/*서브 비주얼*/
.sub_v_wrap{position: relative;}
#sub_visual{height:350px; position: relative; overflow: hidden; margin-top:var(--header_H)}
#sub_visual .bgfix{position:absolute; top: 0; left:0; width:100%; height: 100%; transform: scale(1.15); transition-timing-function: ease-in-out; transition: 1s;}
#sub_visual .sub_v_tit{ font-weight: 700; text-align:center; font-size:3.625em; color:#fff; position: relative; z-index: 10; margin-right:3em; opacity:0; transition:1s;}
.load #sub_visual .bgfix{transform: scale(1);}
.load #sub_visual .sub_v_tit{margin-right:0; opacity:1}

#sub_visual.sub10 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub20 .bgfix{background-image:url(../img/sub/sub_v_02.jpg);}
#sub_visual.sub30 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub40 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub50 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}

/*snb*/
/*#snb { position: absolute; bottom:4em; left:50%; transform: translateX(-50%); z-index: 10; opacity: 0; transition: 1.5s; width:96%;}
#snb .snb_list .sdp1 a{display:block; width:55px; height: 55px; line-height: 55px; border-radius: 50%; text-align:center; background-color:var(--mainColor); color:#fff; font-size:1.1875em;}
#snb .snb_list .sdp2,
#snb .snb_list .sdp3,
#snb .snb_list .last{position: relative; width:250px; border-bottom:1px solid rgba(255,255,255,.3);padding:15px 20px; margin-left:20px; cursor: pointer; box-sizing: border-box;}
#snb .snb_list .last{cursor: default;}
#snb .snb_list .sdp_tt{ color:#fff; font-size:1.1875em; font-weight: 500; padding-right:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#snb .snb_list .sdp_tt:before{content:'\e943'; font-family: 'xeicon'; position: absolute; top: 50%; right:20px; transform: translateY(-50%); font-size:.938em;}
#snb .snb_list .last .sdp_tt:before{display:none;}
#snb .snb_list .sdp_list_wrap{ max-height: 0px; position: absolute; top: 75px; left: 0;  width: 100%;  background: #fff; border-radius: 20px; box-sizing: border-box; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); z-index: 10; transition: .3s; transition-timing-function: ease-in-out; opacity: 0; overflow: hidden;}
#snb .snb_list .Aon .sdp_list_wrap{ max-height: 1000px; opacity: 1;}
#snb .snb_list .sdp_list{ padding: 25px; }
#snb .snb_list .sdp_list > li{margin-bottom:7px;}
#snb .snb_list .sdp_list > li:last-child{margin-bottom:0;}
#snb .snb_list .sdp_list > li a{color:#777; font-size:1.05em;}
#snb .snb_list .sdp_list > li.on a{color:var(--mainColor); font-weight: 500;}
.load #snb{ opacity: 1;}*/


/*snb 탭메뉴로 수정*/    
#snb{margin-top:40px; padding:7px 0; position: sticky; top: var(--header_H); left:0; width:100%; background-color: #fff; z-index:10;}
#snb.Aon{border-bottom:1px solid #ddd;}
#snb .sdp_list .swiper-slide{width:auto!important;}
#snb .sdp_list > li a{display:block; padding:7px 12px; text-align: center; border-radius: 3px; margin:2px; font-size:1.068em;}
#snb .sdp_list > li.Aon a{background-color: var(--mainColor); color:#fff;}
/* 비활성 */
#snb .sdp_list > li:nth-child(7) a,
#snb .sdp_list > li:nth-child(8) a,
#snb .sdp_list > li:nth-child(9) a,
#snb .sdp_list > li:nth-child(10) a,
#snb .sdp_list > li:nth-child(11) a{color: #999;}
#snb .sdp_list > li.Aon:nth-child(7) a,
#snb .sdp_list > li.Aon:nth-child(8) a,
#snb .sdp_list > li.Aon:nth-child(9) a,
#snb .sdp_list > li.Aon:nth-child(10) a,
#snb .sdp_list > li.Aon:nth-child(11) a{background: #f9f9f9; border: 1px solid #ddd;}


/*컨텐츠 페이지*/
.ctt_admin{display:none;}/*관리자 내용수정 버튼*/
#ctt header{display:none;}/*컨텐츠 페이지 타이틀 header*/

/*컨텐츠 타이틀*/
.container_title{font-weight: 200; font-size: 2.5em; /*padding-top: 35px;*/ margin: 55px 0; text-align: center; position: relative;}
/*
.container_title:before{content:''; width:1px; height: 26px; visibility: hidden; transition: .8s; transition-timing-function: ease-in-out; transform: scaleY(0); transform-origin: left top; background: #222; position: absolute; top: 0; left: 50%;}
.load .container_title:before{transform: scaleY(1); visibility: visible;} 
*/

/*개인정보&이용약관*/
.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box .in_con{  padding:2em; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .in_con .agree_wrap{ font-size: .938em;}
.agree_box .in_con .agree_wrap span{ display: block;}


/*=================================================================main============================================================*/

/*메인 비주얼*/
.mainSlider{position:relative; margin-top: var(--header_H);}
.mainSlider > .box2{border-radius:var(--item_r); overflow: hidden;} 
.mainSlider .el{ /*height:calc(100vh - 115px);*/ height: 650px; position:relative; overflow:hidden}
.mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.2,1.2); transition-delay:1s}
.mainSlider .slogan{ position:absolute; top:50%; left:50%; transform: translate(-50%, -65%); color:#fff;}
.mainSlider .slogan .t1{ font-size:3.437em; font-family: var(--fs_02); display:block; transform:translateY(1em); font-weight: 800; opacity:0; margin-bottom: 5px; line-height: 1.2; -webkit-text-stroke: .5px #fff; color: transparent;}
.mainSlider .slogan .t2{ font-size:5.125em; font-weight: 800; font-family: var(--fs_02); transform:translateY(1em); opacity:0; line-height: 1.5;}
.mainSlider .slogan .t3{ font-size:1.375em; font-weight: 600; transform:translateY(1em); opacity:0; line-height: 1.5; }
.mainSlider .slogan .t4{ font-size:1.25em; font-weight: 300; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:20px;}
.mainSlider .el.swiper-slide-active .bg{ transform:scale(1); transition:2s; transition-delay:0; transition-timing-function:ease-in}
.mainSlider .el.swiper-slide-active .slogan .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s;}
.mainSlider .el.swiper-slide-active .slogan .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}
.mainSlider .el.swiper-slide-active .slogan .t3{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1.5s}
.mainSlider .el.swiper-slide-active .slogan .t4{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1.5s}

.mainSlider .scroll_icon{position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); text-align: center; z-index: 10;}

.mainSlider .main_v_control{position: absolute; top: 50%; transform: translateY(-50%); right: 40px; z-index: 1; color:#fff; text-align: center; width:90px;}
.mainSlider .main_v_control .main_b_btn{font-size:1.825em; cursor: pointer; opacity: .6;}
.mainSlider .main_v_control .main_b_btn:hover{opacity: 1;}
.mainSlider .main_v_control .main_v_pagen .swiper-pagination-bullet{display:none; width: auto; height: auto; border-radius: 0; background:transparent; opacity: 1; margin:10px 0; font-size:4.05em; font-weight: 700;}
.mainSlider .main_v_control .main_v_pagen .swiper-pagination-bullet.swiper-pagination-bullet-active{display:block;}




/*메인 샘플용 css*/
.main_section{padding:7em 0;}
.main_section_bg{background-color: #f9f9f9;}
.main_tit{ margin-bottom: 45px;}
.main_tit .in_en{ font-size:1.375em; margin-bottom: 10px;}
.main_tit .in_tt{ font-size:3.125em; font-weight: 700; color:#111; line-height: 1.3; margin-bottom: 20px;}
.main_tit .in_tx{ font-size: 1.25em; font-weight: 400; color: #444;}
.main_more{text-align:center;}
.main_more a{display: inline-block; padding:13px 50px; border:1px solid #ccc; transition: .3s; color:#888; font-size:1.125em; border-radius: 50px; margin-top: 40px;}.main_more a:hover{border-color:var(--maincolor); background-color:var(--mainColor); color:#fff;}


.map_box .in_map{width:calc(100% - 370px);}
.map_box .in_map .wrap_map{border-bottom:1px solid #ddd;}
.map_box .in_map .root_daum_roughmap .wrap_controllers{display:none;}
.map_box .in_info{width:370px; padding-left:25px;}
.map_box .in_info .info_box{border:1px solid #ddd; padding:50px 40px; height: 100%;}
.map_box .in_info .info_box .icon{font-size:3em; color:#ddd; line-height: 1;}
.map_box .in_info .info_box .tt{font-size:1.5em; font-weight: 600; color:#222; margin-top:5px;}
.map_box .in_info .info_box .line{width:30px; height: 1px; background-color:var(--mainColor); margin:30px 0; }
.map_box .in_info .info_box .info_list > li{margin-bottom:13px; line-height: 1.5; color: #444; font-size:1.068em;}
.map_box .in_info .info_box .info_list > li:last-child{margin-bottom:0px;}




.main_service{}
.main_service .service_box{margin-right: -10px;}
.main_service .service_box > li{width: 25%; margin-bottom: 10px;}
.main_service .service_box > li .in_box{display: block; height: 270px; margin-right: 10px; border-radius: var(--item_r); align-content:end; padding: 25px 35px; position: relative; overflow: hidden;}
.main_service .service_box > li:not(:last-child) .in_box:after{content:''; width:100%; height: 40%; position: absolute; bottom:0; left: 0; background: linear-gradient(0deg, rgba(0, 0, 0, .3), #0000);}
.main_service .service_box > li .in_box .txt_z{color: #fff; z-index: 10; position: relative;}
.main_service .service_box > li .in_box .ti{font-size: 1.375em; font-weight: 500; }
.main_service .service_box > li .in_box .xi{font-size: 1.25em; transition: .3s;}
.main_service .service_box > li .in_box:hover .xi{transform: rotate(90deg)}
.main_service .service_box > li .in_box .img_bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; transition: .3s;}
.main_service .service_box > li:hover .in_box .img_bg{transform: scale(1.1);}
.main_service .service_box > li:last-child .in_box{align-content: flex-start; padding-top: 90px;} 
.main_service .service_box > li:last-child .img_bg{background-color: #f9f9f9; }
.main_service .service_box > li:last-child .tit{font-size: 2em; font-weight: 600; color: #333;}


.move_text{overflow: hidden; padding-top:10px;}
.move_text .in_text{display: flex; white-space: nowrap; transition: 0.4s; font-size:6.25em; font-weight: 800; right: 0;}
.move_text .in_text p{animation: textLoop 60s linear infinite; padding-right: 20px; line-height: 1.1; color: transparent; text-transform: uppercase; letter-spacing: .5px; -webkit-text-stroke: .5px #aaa;}
@keyframes textLoop {
  0% {transform: translateX(0);}
  100% {transform: translateX(-100%);}
} 

.main_about{}
.main_about .about_box{margin-right: -20px;}
.main_about .about_box > li{width: 33.33%}
.main_about .about_box > li .in_box{margin-right: 20px; display: block;}
.main_about .about_box > li .in_box .img_box{height: 320px; border-radius: var(--item_r); overflow: hidden;}
.main_about .about_box > li .in_box .img_box .img_z{width: 100%; height: 320px; transition: .3s;}
.main_about .about_box > li .in_box:hover .img_box .img_z{transform: scale(1.1);} 
.main_about .about_box > li .in_box .txt_z{padding: 25px 20px;}
.main_about .about_box > li .in_box .txt_z .flex{margin-bottom: 10px;}
.main_about .about_box > li .in_box .txt_z .ti{font-size: 1.375em; font-weight: 700; color: #333;}
.main_about .about_box > li .in_box .txt_z .xi{font-size: 1.25em; color: #aaa; transition: .3s;}
.main_about .about_box > li .in_box:hover .txt_z .xi{transform: rotate(90deg)}
.main_about .about_box > li .in_box .txt_z .tt{font-size: 1.125em; font-weight: 300; color: #444;}


.main_performance{border-radius: var(--item_r); padding-bottom: 7.5em;}
.main_performance .main_tit .in_tt{color: #fff;}
.main_performance .main_tit .in_tx{color: #fff;}
.main_performance .per_box{}
.main_performance .per_box > li{width: 33.33%;}
.main_performance .per_box > li .in_box{width: 22.68em; height: 22.68em; border: 1px dashed rgba(255,255,255,.5); border-radius: 50%; text-align: center; color: #fff; align-content: center; margin: 0 auto;}
.main_performance .per_box > li .in_box .img_z{margin-bottom: 16px;}
.main_performance .per_box > li .in_box .ti{font-size: 1.375em; font-weight: 700; margin-bottom: 10px;}
.main_performance .per_box > li .in_box .tt{font-size: 3.125em; font-weight: 700; font-family: var(--fs_02);}


.main_information{background: linear-gradient(0deg, #f9f9f9 40%, #fff 40%)}
.main_information .info_box{margin-right: -30px;}
.main_information .info_box > li{width:50%;}
.main_information .info_box > li .in_box{margin-right: 30px;}
.main_information .info_box > li .in_box .map_box{}
.main_information .root_daum_roughmap .wrap_controllers,
.main_information .root_daum_roughmap .cont{display: none;}
.main_information .root_daum_roughmap_landing{border: 1px solid #ddd; border-radius: var(--item_r); overflow: hidden;}
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4{border: 0!important; background-color:transparent!important;}
.main_information .info_list{border-bottom: 1px solid var(--mainColor);}
.main_information .info_box .tit{font-size: 1.125em; font-weight: 500; line-height: 1; color: #1968de; width: 100%; padding: 18px 20px; background: #fff; box-shadow:0px 4px 5px rgba(0,0,0,.15); border-top: 2px solid var(--mainColor); border-radius: 0 0 5px 5px; margin-bottom: 5px;}
.main_information .info_box .tit .xi{font-size: 1.444em; margin-right: 8px;}


.main_center{padding: 5.6em 0 1.25em;}
.main_center .center_box{margin-right: -20px;}
.main_center .center_box > li{width: 50%;}
.main_center .center_box > li .in_box{height: 443px; margin-right: 20px; border-radius: var(--item_r); padding: 80px 60px;}
.main_center .center_box > li .in_box .txt_z{color: #fff;}
.main_center .center_box > li .in_box .txt_z .ti{font-size: 2em; font-weight: 600; margin-bottom: 20px;}
.main_center .center_box > li .in_box .txt_z .tt{font-size: 1.125em; font-weight: 300; opacity: .9; margin-bottom: 20px;}
.main_center .center_box > li .in_box .txt_z .xi{font-size: 1.5em; color: var(--mainColor); text-align: center; width: 48px; height: 48px; line-height: 48px; border-radius: 50%; background: #fff; margin-right: 10px;}
.main_center .center_box > li .in_box .txt_z a{display: block; font-size: 1.125em; font-weight: 500; color: #fff;}
.main_center .center_box > li .in_box .txt_z a.tel{font-size: 1.555em; font-weight: 700;}



/**/
.tab_idx{ margin:-1em 0 3em -1em;}
.tab_idx > li{flex:1 20%;}
.tab_idx > li > a{ padding:0 .5em; height:4em; border:1px solid #ddd; margin:1em 0 0 1em; color:#666; transition:.3s;}
.tab_idx > li > a .va{font-size:1.068em; font-weight:500}
.tab_idx > li > a:hover,
.tab_idx > li.on > a{ box-shadow:0 0 1em .125em rgba(0,0,0,.1); color:var(--mainColor); border-color:var(--mainColor)}

/**/
.nm_page_tt{font-size:1.5em; text-align: center; margin:80px auto 30px;}
.nm_page_tt .nmb{width:50px; height: 50px; line-height: 50px; border-radius: 50%; background-color: var(--mainColor); display: inline-block; color:#fff; margin-right:5px;}
.page_tit{font-size:2.25em; font-weight: 700; line-height: 1.4;}
.page_tt{font-size:2.125em; font-weight: 600;} 
.page_stt{font-size:1.45em; font-weight: 600;}
.page_tw{font-size:1.25em; font-weight: 300;}
.page_tx{font-size:1.125em; font-weight: 300;}
.page_stx{font-size:1em; font-weight: 300; line-height: 1.6;}


/* 다온리데코 소개 */
.company_wrap{} 
.company_wrap .com_box{padding: 6em 0 8em; background: #f9f9f9; position: relative; z-index: 1;} 
.company_wrap .com_box.st:before{content: ''; display: block; position: absolute; top: 0; right: 0; width: 70%; height: 100%; background: #fff; border-radius: 6em 0 0 6em; z-index: -1;}
.company_wrap .com_box:first-child{background: linear-gradient(180deg, #fff, #f9f9f9); padding-top: 0;}
.company_wrap .com_box:last-child{border-radius: 0 6em 0 0;}
.company_wrap .com_box .com_cont{padding: 10em 0; border-radius: var(--item_r); color: #fff;} 
.company_wrap .com_box .com_cont .page_tit{margin-bottom: 3.5em; position: relative;} 
.company_wrap .com_box .com_cont .page_tit:before{content: ''; display: block; width: 1px; height: 50px; background: #fff;  position: absolute; bottom: -80px; left: 50%; transform: translateX(-50%);}
.company_wrap .com_box .com_cont .page_tw{width: 60%; margin:0 auto 20px; line-height: 1.6;} 
.company_wrap .in_box .img_box{width: 40%; padding-right: 3em;}
.company_wrap .in_box .img_box .img_z{height: 550px; border-radius: var(--item_r); overflow: hidden;}
.company_wrap .in_box .txt_z{width: 60%; padding-left: 3em; } 
.company_wrap .in_box .txt_z .page_stt{margin-bottom: 20px; color: #333;}
.company_wrap .in_box .txt_z .page_tx{margin-bottom: 15px; color: #444;}
.company_wrap .page_tt{margin-bottom: 1em;}
.company_wrap .ser_list{margin-right: -20px; position: relative; z-index: 1;}
.company_wrap .ser_list > li{width: 25%; margin-bottom: 20px;}
.company_wrap .ser_list > li .in{display: block; height: 180px; border-radius: var(--item_r); overflow: hidden; margin-right: 20px; padding: 20px; position: relative; color: #fff;}
.company_wrap .ser_list > li .in .img_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: .3s;}
.company_wrap .ser_list > li .in .img_bg:before{content:''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,.5) 0%, transparent 40%)}
.company_wrap .ser_list > li .in:hover .img_bg{transform: scale(1.1);}
.company_wrap .ser_list > li .in .ti{font-size: 1.25em; font-weight: 600; }
.company_wrap .ser_list > li .in .xi{transition: .3s;}
.company_wrap .ser_list > li .in:hover .xi{transform: rotate(90deg);}



/* 홈케어서비스 */

/*.sev_all_wrap {overflow: hidden}*/
.sev_all_wrap .sa_box{padding-top:var(--header_H);}
.ser_wrap .txt_box{font-size: 8em; font-weight: 700; color: #f3f3f3; text-transform: uppercase; white-space: nowrap;}
.ser_wrap .ser_box{margin-top: -4em;}
.ser_wrap .in_box{margin-bottom: 6em;}
.ser_wrap .in_box .img_box{width: 50%; padding-right: 3em}
.ser_wrap .in_box .img_box .img_z{height: 450px; border-radius: var(--item_r); overflow: hidden;}
.ser_wrap .in_box .txt_z{width: 50%; padding-left: 3em;}
.ser_wrap .in_box.rev .img_box{padding-right: 0; padding-left: 3em;}
.ser_wrap .in_box.rev .txt_z{padding-right: 3em; padding-left: 0;}
.ser_wrap .in_box .txt_z .page_tt{margin-bottom: 15px; color: #111;}
.ser_wrap .in_box .txt_z .page_stt{margin-bottom: 10px; color: var(--subColor);}
.ser_wrap .in_box .txt_z .page_tw{color: #444; line-height: 1.6;}
.ser_wrap .blog_box{margin-top: 6em;} 
.ser_wrap .blog_box .in{width: 100%; height: 200px; border-radius: var(--item_r); padding: 40px 70px; overflow: hidden; position: relative;}
.ser_wrap .blog_box .in .img_bg{width: 100%; height: 240px; position: absolute; top: 0; left: 0;  transition: .3s; z-index: -1; }
/*.ser_wrap .blog_box .in:hover .img_bg{transform: scale(1.1);}*/
.ser_wrap .blog_box .in .txt_z{width: 100%;}
.ser_wrap .blog_box .in .txt_z .page_stt{color: #fff; margin-bottom: 10px; font-size: 1.625em;}
.ser_wrap .blog_box .in .txt_z .page_tw{color: #fff; opacity: .9;}
.ser_wrap .blog_box .in .txt_z .btn_st{padding: 10px 26px; border-radius: 30px; border: 1px solid #ddd; display: inline-block;  margin-top: 20px; color: #fff; transition: .3s;}
.ser_wrap .blog_box .in:hover .btn_st{background: #fff; color: var(--subColor);}


/**/

.scrollAni.moveT.Aon,
.scrollAni.moveT,
.scrollAni.moveL.Aon,
.scrollAni.moveL,
.scrollAni.moveR.Aon,
.scrollAni.moveR{transform:none;}
.scrollAni{opacity: 1; visibility: visible;}