@font-face {
  font-family: 'ONE-Mobile-Title';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@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:320px;color:#000;line-height:1.4}
div{word-break: keep-all}
body, td, p, input, button, textarea, select,a{font-family:'Pretendard',sans-serif;color:#121212}
h1,h2,h3,h4,h5,h6,strong,b,dt,em{font-weight:600}
em,i{font-style:normal}
a{color:#000}
a,a:hover,a:active,a:focus{text-decoration:none}
table{width:100%;border-collapse: collapse}
p{}

/*common*/    
:root{
    --main-color:#EC6300;
	--main-color-dark:#c75503;
    --sub-navy:#172A88;
    --sub-ivory:#FFF5EB;
    --dark-gray:#595959;
	--light-gray:#F1F1F1;
	--gray:#D5D5D5;

    --tit-font:'ONE-Mobile-Title';	

}

.font-one{font-family:'ONE-Mobile-Title'}

.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:1400px;padding:0 100px;margin:0 auto}
.container.wide{max-width:none}
.container.max{max-width:1920px}
.container.min{max-width:1160px}

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



/*_pc*/

@media all and (min-width:1201px) {	
    body{font-size:15px}
	:root{
		--headline1:40px;
		--headline2:32px;
		--headline3:24px;
		--body1:24px;
		--body2:20px;
		--body3:14px;
		--body4:12px;
	}
	section p{margin:50px 0;line-height:1.5}

	p.headline1{font-size:var(--headline1)}
	p.headline2{font-size:var(--headline2)}
	p.headline3{font-size:var(--headline3)}
	p.body1{font-size:var(--body1);color:var(--dark-gray)}
	p.body2{font-size:var(--body2);color:var(--dark-gray)}
	p.body3{font-size:var(--body3);color:var(--dark-gray)}
	p.body4{font-size:var(--body4);color:var(--dark-gray)}
	p.w{color:#fff}

    ._mo{display:none !important}       

	.scroll._down .header{transform:translateY(-100%)}
	.scroll._down .floating{transform:translateY(100%)}


    /*header*/
    .header{position:fixed;left:0;top:0;width:100%;z-index:100;background: rgba(255, 255, 255, 0.8);backdrop-filter: blur(10px);transition:0.3s}
    .header .container{display:flex;justify-content:space-between;align-items:center}

    .header h1{margin-right:100px;padding:10px 0}
    .header h1 img{max-height:32px}

	.header-spacer{height:100px}

    
    .lnb{flex:1;}
    .lnb .close{display:none}
    .lnb__main{display:flex;position:relative;z-index:10;gap:60px}
    .lnb__main li{position:relative}			
    .lnb__main li > a{display:block;position:relative;line-height:100px;;font-weight:600;font-size:16px;white-space: nowrap;transition:color 0.3s}    
    .lnb__main li:hover > a{color:var(--main-color)}
    .lnb__main li:hover .lnb__sub{visibility:visible;opacity:1;top:80px}

    .lnb__sub{position:absolute;visibility:hidden;opacity:0;left:50%;top:60px;width:140px;transform:translateX(-50%);background:#fff;padding:7px;box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); transition:0.3s}
    .lnb__sub dl {text-align:center;}
    .lnb__sub dd > a{display:block;line-height:35px;font-size:13px;color:#333;transition:color 0.3s}
    .lnb__sub dd > a:hover{background:#f1f1f1;color:#111}

	.gnb__shop{display:flex;gap:20px}
	.gng__toggle{display:none}


    /*main*/
    .main{}  
    
	.obtn-wrap{margin:100px 0;text-align:center}
    .obtn-round{display:inline-block;line-height:76px;padding:0 40px;min-width:300px;border-radius: 100px;background: var(--main-color);color: #fff;font-size:24px;font-weight: 600;text-align: center;}   
	.obtn-round.w{background:#fff;color:#000}
	.obtn-round.b{background:#000;color:#fff}
	.obtn-round.min{min-width:240px}
	.obtn-round:hover{filter:brightness(1.1)}




    /*swiper*/
    .swiper-horizontal>.swiper-pagination-bullets{position:relative;margin:40px 0;bottom:0}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;width:12px;height:12px;opacity:1;background:var(--gray);border-radius:10px;transition:0.3s}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background:var(--main-color)}

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

    
    /*input*/
    .myform input[type=text]{width:100%;line-height:50px;border:0;font-size:18px;color:var(--main-color-dark);text-indent:20px}
    .myform input[type=text]::placeholder{color:var(--main-color-dark)}
    .myform textarea{width:100%;padding:20px;color:var(--main-color-dark);font-size:18px;height:130px;border:0}
    .myform textarea::placeholder{color:var(--main-color-dark)}
    .myform input[type=checkbox]{width:20px;height:20px}
    .myform input[type=submit]{line-height:55px;border:0;border-radius:55px;padding:0 70px;font-size:20px;color:#fff;background:var(--main-color-dark);cursor:pointer;margin-top:20px;transition:background 0.3s}
    .myform input[type=submit]:hover{background:#fff;color:var(--main-color-dark)}
    
    

    /*footer*/
    .footer{background:var(--sub-navy);color:#fff;padding:60px 0;font-weight:200;line-height:1.8;font-size:13px}
    .footer .container{display:flex;gap:80px}
    .footer .tit{font-size:16px;margin:15px 0}
    .footer__customer .info{}
    .footer__customer .info li{;margin-bottom:20px}
    .footer__customer .info li b{display:inline-block;font-weight:normal;margin-right:20px}
    .footer__customer .info li span{}
    
    .footer__sns{flex:1}
    .footer__sns a{color:#fff}
    
    .footer__company{text-align:right;}
	.footer__company .logo{display:flex;gap:40px;justify-content:flex-end;}
    .footer__company .logo span{display:flex;gap:20px;align-items:center;}
    .footer__company .logo span .name{font-size:var(--body5)}
    .footer__company .logo span img{height:36px;width:104px;object-fit: contain;filter:grayscale(1) brightness(10)}
	.footer__company .tit{margin-top:30px}
    .footer__company .info b{margin:0 10px 0 15px;font-weight:500}
    .footer__company a{color:#fff;}
    .footer__company .menu{display:flex;justify-content: flex-end; gap:20px;margin:50px 0 0}
    .footer__company .info__logo {display:flex;gap:10px;align-items:center;justify-content:flex-end}
    .footer__company .info__logo b{margin:0}
    .footer__company .info__logo img{max-width:64px;max-height:16px;object-fit:contain;filter:grayscale(1) brightness(10)}



	/*floating*/
    .floating{position:fixed;z-index:100;left:0;width:100%;bottom:0;padding:10px 0;;font-size:24px;transition:0.3s}
    .floating .inner{display:flex;gap:20px;align-items:center;background:rgba(0,0,0,0.7);border-radius:20px;padding:15px 20px;color:#fff;}  
    .floating .tit{flex:1;padding:0 20px;font-weight:300}
    .floating .info{font-weight:600}
    .floating .info .dday{font-variant-numeric: tabular-nums;}
    .floating .btn{background:var(--main-color);line-height:90px;border-radius:70px;padding:0 50px;color:#fff;font-weight:600}
    .floating .btn:hover{background:var(--main-color-dark)}
    

    
    
    


}


/*tablet*/
@media all and (max-width:1680px) and (min-width:1201px) {
    body{font-size:14px}        
}


/*_mobile*/
@media all and (max-width:1200px) {
    body{font-size:12px}
    
	:root{
		--headline1:24px;
		--headline2:18px;
		--headline3:14px;
		--body1:14px;
		--body2:13px;
		--body3:12px;
		--body4:12px;
	}
	section p{margin:30px 0;line-height:1.4}

	p.headline1{font-size:var(--headline1)}
	p.headline2{font-size:var(--headline2)}
	p.headline3{font-size:var(--headline3)}
	p.body1{font-size:var(--body1);color:var(--dark-gray)}
	p.body2{font-size:var(--body2);color:var(--dark-gray)}
	p.body3{font-size:var(--body3);color:var(--dark-gray)}
	p.body4{font-size:var(--body4);color:var(--dark-gray)}
	p.w{color:#fff}

    

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

    ._pc{display:none !important}


    /*header*/
    .header{position:fixed;left:0;top:0;width:100%;z-index:100;background:#fff}
    .header{transition:0.3s}
    .header .container{display:flex;align-items:center;justify-content: space-between; height:60px;}
    .header h1 img{max-height:30px} 

	.header-spacer{height:60px}


    .gnb{display:flex;align-items: center;gap:20px}
    .gnb__shop{display:none}
    .gnb__toggle{display:flex;flex-direction: column;justify-content: space-between;position:relative;width:24px;height:20px;}
    .gnb__toggle i{content:'';width:100%;height:2px;background:#000;border-radius:2px}


    .scroll .header{}

    .aside{position:fixed;z-index:200;;width:70%;max-width:400px;left:-70%;top:0;height:100%;background:#fff;transition:.3s;overflow:auto}
    .aside.is-on {left:0;transition:.3s}
    .aside__close{display:flex;justify-content: center;align-items: center; position:absolute;right:15px;top:20px;width:22px;height:22px;cursor:pointer}
    .aside__close i:nth-child(1){position:absolute;top:50%;width:100%;height:2px;background:#000;transform:rotate(45deg);border-radius:2px}
    .aside__close i:nth-child(2){position:absolute;top:50%;width:100%;height:2px;background:#000;transform:rotate(-45deg);border-radius:2px}

    .aside__shop{display:flex;gap:10px;padding:20px 20px}
    .aside__shop a{}


    .aside__lnb {margin:20px 0}
    .aside__lnb .lnb__main li{border-bottom:1px solid #ddd}
    .aside__lnb .lnb__main li > a{display:block;height:50px;line-height:50px;font-size:15px;padding-left:20px}
    .aside__lnb .lnb__main li.on > a{color:#fff}
    .aside__lnb .lnb__main li.be > a{background:url('/SkinImg/ico_plus.png') no-repeat 95% center}
    .aside__lnb .lnb__main li.be.is-on > a{background:url('/SkinImg/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:30px}
    .aside__lnb .lnb__sub dd > a:hover{color:var(--main-color)}

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




    /*main*/
    main{}
    
    .obtn-wrap{margin:50px 0}
    .obtn-round{display:block;line-height:50px;padding:0 30px;margin:10px auto;min-width:200px;max-width:380px;border-radius: 100px;background: var(--main-color);color: #fff;font-size: 16px;font-weight: 600;text-align: center;}    
    .obtn-round.w{background:#fff;color:#000}
	.obtn-round.b{background:#000;color:#fff}


    /*swiper*/
    .swiper-horizontal>.swiper-pagination-bullets{position:relative;margin:20px 0;bottom:0}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;width:10px;height:10px;opacity:1;background:var(--gray);border-radius:10px;transition:0.3s}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background:var(--main-color)}

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

    /*input*/
    .myform input[type=text]{width:100%;line-height:40px;border:0;font-size:14px;color:var(--main-color-dark);text-indent:10px}
    .myform input[type=text]::placeholder{color:var(--main-color-dark)}
    .myform textarea{width:100%;padding:10px;color:var(--main-color-dark);font-size:14px;height:100px;border:0}
    .myform textarea::placeholder{color:var(--main-color-dark)}
    .myform input[type=checkbox]{width:16px;height:16px}
    .myform input[type=submit]{line-height:40px;border:0;border-radius:55px;padding:0 40px;font-size:16px;color:#fff;background:var(--main-color-dark);cursor:pointer;margin-top:20px;transition:background 0.3s}
    .myform input[type=submit]:hover{background:#fff;color:var(--main-color-dark)}
    

    

    
    /*footer*/
    .footer{background:var(--sub-navy);color:#fff;padding:20px 0;font-weight:200;line-height:1.8}
    .footer .container{display:flex;flex-wrap:wrap;gap:30px}
    .footer .tit{font-size:16px;margin:10px 0}
    .footer__customer{width:60%}
    .footer__customer .info{}
    .footer__customer .info li{;margin-bottom:10px}
    .footer__customer .info li b{display:inline-block;font-weight:normal;margin-right:15px}
    
    .footer__sns{flex:1}
    .footer__sns a{color:#fff}
    
    .footer__company{width:100%;text-align:center}
    
    .footer__company .logo{margin:20px 0}
    .footer__company .logo span{display:block;margin:10px 0}
    .footer__company .logo span .name{display:block;font-size:var(--body5)}
    .footer__company .logo span img{width:90px;height:28px;object-fit: contain;filter:grayscale(1) brightness(10);margin:0 10px}
    
    .footer__company .info b{margin:0 10px 0 15px;;font-weight:400}    
    .footer__company a{color:#fff;font-weight:200}
    .footer__company .menu{display:flex;justify-content:center; gap:30px;margin:30px 0}
    .footer__company .info__logo {display:flex;gap:10px;align-items:center;justify-content:center}
    .footer__company .info__logo b{margin:0}
    .footer__company .info__logo img{max-width:64px;max-height:16px;object-fit:contain;filter:grayscale(1) brightness(10)}
    
    /*floating*/
	.scroll._down .floating{transform:translateY(100%)}	

    .floating{position:fixed;z-index:100;left:0;width:100%;padding:10px 0;bottom:0;transition:0.3s}    
    .floating .inner{display:flex;flex-direction:column;gap:10px;align-items:center;background:rgba(0,0,0,0.7);border-radius:10px;padding:20px;color:#fff;font-size:15px;text-align:center }
    .floating .tit{flex:1;font-weight:300;font-size:16px}
    .floating .info{font-weight:600;padding:10px 0}
    .floating .info .dday{font-variant-numeric: tabular-nums;}
    .floating .btn{display:block;width:100%;background:var(--main-color);line-height:50px;border-radius:90px;padding:0 50px;color:#fff;font-weight:600;text-align:center}    
    

}