@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");


/*reset*/
*{margin:0;padding:0;box-sizing:border-box}
li{list-style:none}
img{border:0;max-width:100%;vertical-align:middle}
html{min-width:400px;color:#000;line-height:1.4}
div{word-break: keep-all}
body, td, p, input, button, textarea, select,a{font-family:'Pretendard',sans-serif;}
h1,h2,h3,h4,h5,h6,strong,b,dt,em{font-weight:600}

a{color:#000}
a,a:hover,a:active,a:focus{text-decoration:none}
table{width:100%;border-collapse: collapse}
p{}

/*common*/


/*common*/    
:root{
    --main-color:#3294d3;
	--main-color-dark:#006bc8
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.center{text-align:center}


.container{position:relative;max-width:1360px;padding:0 50px;margin:0 auto}
.container.max{max-width:1560px}
.container.wide{max-width:none}

.root_daum_roughmap{width:100% !important;height:100% !important}
.root_daum_roughmap .wrap_map{height:100% !important}


/*_pc*/

@media all and (min-width:1025px) {	
	
	html{font-size:16px}
    ._mo{display:none !important}       


    /*header*/
    .scroll .header{background:rgba(255,255,255,0.95);;box-shadow:0 0 3px 3px rgba(0,0,0,0.05)}
    .scroll .header .lnb__main li > a{color:#000}
	
    .scroll .header h1 .org{display:block}
    .scroll .header h1 .org_w{display:none}
    
    .header{position:fixed;left:0;top:0;width:100%;z-index:100;height:100px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,0.1);transition:0.3s}    
	.header:hover{height:340px;border-radius:0 0 20px 20px;background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);border-bottom:1px solid #eee}
	.header:hover .lnb__main li > a{color:#000}
    .header:hover h1 .org{display:block}
    .header:hover h1 .org_w{display:none}   
    
    .header .container{display:flex;justify-content: space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,0.05)}    
    
    .header h1{}
    .header h1 .org{display:none}
    .header h1 .org_w{display:block}
	.header h1 img{max-height:80px}
    
    
    .lnb{}
    .lnb .close{display:none}
    .lnb__main{display:flex;position:relative;z-index:10;gap:20px;text-align:center}
    .lnb__main li{position:relative;height:100px}			
    .lnb__main li > a{display:block;position:relative;color:#fff;line-height:100px;font-weight:500;font-size:20px;padding:0 30px;white-space: nowrap;transition:0.3s} 
    .lnb__main li > a:after{content:'';position:absolute;left:50%;bottom:-3px;width:0;height:3px;background:var(--main-color);transition:0.3s}
    .lnb__main li:hover > a:after{left:0;width:100%}


    .lnb__sub{position:absolute;left:50%;transform:translateX(-50%);top:100px;width:100%;transition:0.3s}
    .lnb__sub dl {padding:30px 10px 30px}
    .lnb__sub dd > a{line-height:40px;font-size:16px}
    .lnb__sub dd > a:hover{color:var(--main-color)}

    /*main*/
    .main{}  
   



    /*swiper*/
    .swiper-horizontal>.swiper-pagination-bullets{bottom:40px}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;width:8px;height:8px;background:#fff;border-radius:10px;transition:0.3s}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{width:30px;background:#fff}

    .swiper-button-next:after,
    .swiper-button-prev:after{display:none}    
    .swiper-button-next{width:100px;height:100px;background:url('../images/swiper-next.png') no-repeat center}
    .swiper-button-prev{width:100px;height:100px;background:url('../images/swiper-prev.png') no-repeat center}

            

    /*footer*/
    .footer{}
	.foot_sec1{background:#16181f}
	.foot_sec1 .container{display:flex;justify-content:space-between;align-items:center;height:100px}
	.foot_sec1 .menu{display:flex;gap:20px}
	.foot_sec1 .menu a{color:#fff}
	.foot_sec1 .sns{display:flex;gap:20px}
	
	.foot_sec2{background:#232731;padding:50px 0;color:#fff}
	.foot_sec2 .container{display:flex;justify-content:space-between;align-items:center}
	.foot_sec2 .company_con{font-size:15px}
	.foot_sec2 .company_con .logo img{max-height:80px}
	.foot_sec2 .company_con .info{margin-top:30px;line-height:1.8}
	
	.foot_sec2 .contact_con .tit{font-size:30px;margin-bottom:20px}
	.foot_sec2 .contact_con .tel{}
	.foot_sec2 .contact_con .tel a{font-size:45px;font-weight:600;color:#fff}
	
	.foot_sec2 .family_con img{display:block;margin:5px 0}
	



    input[type="text"],
	select,
	textarea{display:block;width:240px;color:#000;height:46px;line-height:46px;border:1px solid #ddd;padding:0 10px;margin:5px 0;font-size:16px}
	textarea{height:250px;line-height:1.5;padding:10px 10px}
	
	label{display:flex;gap:5px;align-items:center}
	label input[type="checkbox"]{width:20px;height:20px;}
	
	::placeholder {color:#aaa}   
	
	.w50{width:50% !important}
	.w100{width:100% !important}


	.quick_menu{position:fixed;z-index:90;right:60px;bottom:60px}
	.quick_menu .popup{display:none;position:absolute;width:300px;background:#fff;transform:translateY(-100%);right:0;top:-20px;border-radius:20px;overflow:hidden;box-shadow:0 0 10px 10px rgba(0,0,0,0.05)}
	.quick_menu .popup.is-on{display:block}
	.quick_menu .popup .head{background:#222;;text-align:center;font-size:18px;padding:15px 0;color:#fff;font-weight:600}
	.quick_menu .popup .cont{background:#fff;border-left:1px solid #eee;border-right:1px solid #eee;padding:10px 10px}
	.quick_menu .popup .cont .agree{display:flex;gap:10px;margin:10px 0 0;font-size:14px}
	.quick_menu .popup .cont .agree label{display:flex;gap:5px;align-items:center}
	.quick_menu .popup .cont .agree input[type="checkbox"]{width:16px;height:16px}
	.quick_menu .popup .cont .agree a{text-decoration:underline}
	.quick_menu .popup .foot{background:#000}
	.quick_menu .popup input,
	.quick_menu .popup textarea{width:100%;border-radius:5px}
	.quick_menu .popup input[type="submit"]{display:block;background:#222;width:100%;text-align:center;font-size:18px;padding:15px 0;color:#fff;font-weight:600;cursor:pointer;border:0}
	.quick_menu .chatbot{cursor:pointer}
	.quick_menu .gotop{width:56px;height:56px;border-radius:50%;text-align:center;color:#fff;font-weight:600;background:url('../images/ico-arrow_top.png') no-repeat center 10px #000;padding-top:20px;margin:10px 0;cursor:pointer}
		

    
	 /*agree_win*/
    .agree_win{display:none}
    .agree_win.is-on{display:flex;justify-content: center;align-items: center; position:fixed;z-index:300;left:0;width:100%;top:0;height:100%;background:rgba(0,0,0,0.5)}
    .agree_win .box{position:relative;width:100%;max-width:800px;height:70%}
	.agree_win .box .head{position:relative;background:var(--main-color-dark);line-height:60px;font-size:24px;color:#fff;padding:0 40px;border-radius:10px 10px 0 0}
    .agree_win .box .head .close{position:absolute;width:30px;height:30px;background:url('../images/ico-close.png') no-repeat center;right:-15px;top:-15px;cursor:pointer}
	.agree_win .box .inner{height:100%;padding:10px 0px;background:#fff;border-radius:0 0 10px 10px} 
    .agree_win .box .con{height:100%;font-size:16px;line-height:1.5;padding:20px 40px;overflow:auto}

    
    


}


/*tablet*/
@media all and (max-width:1680px) and (min-width:1025px) {

}


/*_mobile*/
@media all and (max-width:1024px) {
    html{font-size:12px}

    .container{padding:0 15px;margin:0}

    ._pc{display:none !important}

	body:before{content:'';display:block;height:60px}

    /*header*/    
    .header{position:fixed;left:0;top:0;width:100%;z-index:100;background:#fff}
    .header .container{display:flex;align-items:center;justify-content: space-between; height:60px;}
    .header h1 img{max-width:180px;max-height:50px} 
    .header h1 .org_w{display:none}
	.header .open_aside{display:flex;flex-direction:column;justify-content:space-between; width:26px;height:21px}
	.header .open_aside i{display:block;height:3px;background:#000;border-radius:5px}


    .aside{position:fixed;z-index:200;;width:80%;max-width:400px;left:-80%;top:0;height:100%;background:#fff;transition:.3s;overflow:auto}
    .aside.is-on {left:0;transition:.3s}
	
	.aside .head{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 20px}
    .aside .logo img{max-width:140px;max-height:40px}
    
    .aside .close{display:flex;justify-content: center;align-items: center;position:relative;width:26px;height:26px;transform:translateX(10px);}
    .aside .close i:nth-child(1){position:absolute;top:50%;width:100%;height:3px;background:#000;transform:rotate(45deg);border-radius:2px}
    .aside .close i:nth-child(2){position:absolute;top:50%;width:100%;height:3px;background:#000;transform:rotate(-45deg);border-radius:2px}

    .aside__lnb {}
    .aside__lnb .lnb__main{border-top:1px solid #eee}
    .aside__lnb .lnb__main li{border-bottom:1px solid #eee}
    .aside__lnb .lnb__main li > a{display:block;height:50px;line-height:50px;font-size:15px;padding-left:20px;font-weight:500}
    .aside__lnb .lnb__main li.on > a{color:#fff}
    .aside__lnb .lnb__main li.be > a{background:url('../images/ico_plus.png') no-repeat 95% center}
    .aside__lnb .lnb__main li.be.is-on > a{background:url('../images/ico_minus.png') no-repeat 95% center var(--main-color);color:#fff}
    .aside__lnb .lnb__sub{display:none;background:#f5f5f5}
    .aside__lnb .lnb__sub dl{padding:10px 0}
    .aside__lnb .lnb__sub dd > a{display:block;line-height:30px;font-size:14px;padding-left:20px;color:#555}
    .aside__lnb .lnb__sub dd > a:before{content:'- '}
    .aside__lnb .lnb__sub dd > a:hover{color:var(--main-color)}
    
    .aside__language{display:flex;gap:10px;align-items: center; padding:20px 20px}
    .aside__language a{font-size:14px;font-weight:600;opacity:0.5}
    .aside__language a.is-on{opacity:1}
    .aside__language i{height:10px;width:2px;background:#000;opacity:0.5}

    .aside-bg.is-on{position:fixed;;z-index:190;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6}




    /*main*/
    main{}
    


    /*swiper*/
    .swiper-horizontal>.swiper-pagination-bullets{bottom:30px}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;width:8px;height:8px;background:#fff;border-radius:10px;transition:0.3s}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{width:20px}

    .swiper-button-next:after,
    .swiper-button-prev:after{display:none}    
    .swiper-button-next{width:100px;height:100px;background:url('../images/swiper_next.png') no-repeat center}
    .swiper-button-prev{width:100px;height:100px;background:url('../images/swiper_prev.png') no-repeat center}


    
    /*footer*/
    .footer{}
	.foot_sec1{background:#16181f}
	.foot_sec1 .container{display:flex;justify-content:space-between;align-items:center;height:60px}
	.foot_sec1 .menu{display:flex;gap:20px}
	.foot_sec1 .menu a{color:#fff}
	.foot_sec1 .sns{display:flex;gap:20px}
	
	.foot_sec2{background:#232731;padding:30px 0;color:#fff}
	.foot_sec2 .container{}
	.foot_sec2 .company_con{font-size:12px}
	.foot_sec2 .company_con .logo img{max-height:50px}
	
	.foot_sec2 .company_con .info{margin-top:30px;line-height:1.8}
	
	.foot_sec2 .contact_con {margin-top:30px}
	.foot_sec2 .contact_con .tit{font-size:20px;margin-bottom:10px}
	.foot_sec2 .contact_con .tel{}
	.foot_sec2 .contact_con .tel a{font-size:30px;font-weight:600;color:#fff}
	
	.foot_sec2 .family_con{margin-top:30px}
	
	


    input[type="text"],
	select,
	textarea{display:block;width:160px;color:#000;height:36px;line-height:36px;border:1px solid #ddd;padding:0 10px;margin:5px 0;font-size:12px}
	textarea{width:100%;height:100px;line-height:1.5;padding:10px 10px}
	
	label{display:flex;gap:5px;align-items:center}
	label input[type="checkbox"]{width:18px;height:18px;}
	
	::placeholder {color:#aaa}   
	
	.w50{width:80% !important}
	.w100{width:100% !important}


	.quick_menu{position:fixed;z-index:90;right:14px;bottom:14px}
	.quick_menu .popup{display:none;position:absolute;width:300px;background:#fff;transform:translateY(-100%);right:0;top:-20px;border-radius:10px;overflow:hidden;box-shadow:0 0 10px 10px rgba(0,0,0,0.05)}
	.quick_menu .popup.is-on{display:block}
	.quick_menu .popup .head{background:#222;;text-align:center;font-size:16px;padding:10px 0;color:#fff;font-weight:600}
	.quick_menu .popup .cont{background:#fff;border-left:1px solid #eee;border-right:1px solid #eee;padding:10px 10px}
	.quick_menu .popup .cont .agree{display:flex;gap:10px;margin:10px 0 0;font-size:14px}
	.quick_menu .popup .cont .agree label{display:flex;gap:5px;align-items:center}
	.quick_menu .popup .cont .agree input[type="checkbox"]{width:16px;height:16px}
	.quick_menu .popup .cont .agree a{text-decoration:underline}
	.quick_menu .popup .foot{background:#000}
	.quick_menu .popup input,
	.quick_menu .popup textarea{width:100%;border-radius:5px}
	.quick_menu .popup input[type="submit"]{display:block;background:#222;width:100%;text-align:center;font-size:16px;padding:10px 0;color:#fff;font-weight:600;cursor:pointer;border:0}
	.quick_menu .chatbot{cursor:pointer;width:50px;height:50px}
	.quick_menu .gotop{width:50px;height:50px;border-radius:50%;text-align:center;color:#fff;font-weight:600;background:url('../images/ico-arrow_top.png') no-repeat center 10px #000;padding-top:20px;margin:5px 0;cursor:pointer}
		

    
	 /*agree_win*/
    .agree_win{display:none}
    .agree_win.is-on{display:flex;justify-content: center;align-items: center; position:fixed;z-index:300;left:0;width:100%;top:0;height:100%;background:rgba(0,0,0,0.5)}
    .agree_win .box{position:relative;width:100%;max-width:800px;height:70%}
	.agree_win .box .head{position:relative;background:var(--main-color-dark);line-height:60px;font-size:24px;color:#fff;padding:0 40px;border-radius:10px 10px 0 0}
    .agree_win .box .head .close{position:absolute;width:30px;height:30px;background:url('../images/ico-close.png') no-repeat center;right:-15px;top:-15px;cursor:pointer}
	.agree_win .box .inner{height:100%;padding:10px 0px;background:#fff;border-radius:0 0 10px 10px} 
    .agree_win .box .con{height:100%;font-size:16px;line-height:1.5;padding:20px 40px;overflow:auto}

    


}


@media all and (max-width:640px) {
	.w50{width:100% !important}
}