@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;}
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:#717070; /*메인컬러*/
	--navi-color:#ecaf00; /*메인컬러*/
	--lnb-height:450px;   /*호버시 메뉴높이*/
}
.container{position:relative;max-width:1620px;margin:0 auto;padding:0 40px}
.container_ms{position:relative;max-width:1480px;padding:0 50px;margin:0 auto}
.container.wide{max-width:none}

/*_pc*/

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


    /*header*/  
	.scroll .header{background:rgba(0,0,0,0.1);backdrop-filter:blur(10px);/*;height:90px*/}
	.scroll .header .lnb__main li > a{/*line-height:90px*/}
	
	.header{position:fixed;left:0;top:0;width:100%;z-index:100;height:100px;overflow:hidden;transition:0.3s} 
	.header:before{content:'';position:absolute;z-index:-1;left:0;width:100%;top:0;height:100px;background:linear-gradient(to bottom,rgba(0,0,0,0.2),transparent);}
    .header:hover{height:var(--lnb-height);background:rgba(0,0,0,0.5);backdrop-filter:blur(10px)}    
	.header:hover .lnb__main li > a{padding:0 20px}
    .header .container{display:flex;gap:50px;justify-content: space-between;align-items:center;padding:0 50px}    
    
    .header h1{}    
    
    .lnb{}
	.lnb._left{margin-right:auto}
	.lnb._right{margin-left:auto}
    .lnb .close{display:none}
    .lnb__main{display:flex;position:relative;z-index:10;gap:20px}
    .lnb__main li{position:relative}			
    .lnb__main li > a{display:block;position:relative;color:#fff;line-height:100px;font-weight:500;font-size:16px;padding:0 15px;white-space: nowrap;transition: 0.3s} 
	.lnb__main li:hover > a{color:var(--navi-color)}

    .lnb__sub{position:absolute;left:50%;transform:translateX(-50%);transition:0.3s}
    .lnb__sub dl{text-align:center}
	.lnb__sub dd{margin:5px 0}
    .lnb__sub dd > a{display:inline-block;font-size:15px;color:#fff;line-height:1.2;white-space:nowrap}
	.lnb__sub dd > a:hover{color:var(--navi-color)}


    .gnb{display:flex;align-items: center;gap:20px}
	.gnb a img{width:22px;filter:invert(1)}


    /*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-prev:after,
	.swiper-button-next:after{display:none}
	.swiper-button-prev{left:50px;width:100px;height:100px;background:url('../images/swiper_prev.png') no-repeat center}
    .swiper-button-next{right:50px;width:100px;height:100px;background:url('../images/swiper_next.png') no-repeat center}
      
   
    


	/*footer*/
	
    .fsec1{padding:50px 0;background:#303641;color:#fff}       
    .fsec1 .container{display:flex;justify-content:space-between;align-items: center}
    .fsec1 .companyG{}
    .fsec1 .info{color:#b9c0c7;font-size:13px;margin-top:20px;line-height:2}
	.fsec1 .info a{color:#fff}
    .fsec1 .info i{display:inline-block;margin:0 6px;height:10px;width:1px;background1:#fff;opacity:0.3}
    .fsec1 .copyright{text-transform: uppercase}
    .fsec1 .copyright a{color:#fff}
    .fsec1 .menuG{display:flex;gap:2px;text-align:center}
    .fsec1 .menuG a{width:110px;line-height:45px;font-size:14px;color:#b9c0c7;border:1px solid #b9c0c7}
    .fsec1 .menuG a:hover{color:#fff;border-color:#fff}
    
    
    .quick_btn{position:fixed;z-index:100;right:20px;bottom:20px;}
    .quick_btn a{display:block;width:50px;height:50px;background:#fff;border-radius:50%;padding:7px;margin:5px 0;overflow:hidden;border:1px solid #eee;}
    .quick_btn .gotop{height:0;padding:0;opacity:0;transition:0.3s}
    .scroll .quick_btn .gotop{padding:7px;height:50px;opacity:1}

	
	#layerPopup1{display:none;position:fixed;z-index:900000;left:0;top:0;background:rgba(0,0,0,0);text-align:center}
			#layerPopup1.on{display:block}
			#layerPopup1 .popup{display:inline-block;position:relative;top:40px; left:100px}
			#layerPopup1 .popup img{max-width:100%}
			#layerPopup1 .close_area{background:#000;width:100%;text-align:right; padding:15px 10px; margin-top:-6px}
			#layerPopup1 .close_area span{cursor:pointer;margin:5px;color:#fff}
			#layerPopup1 .cookie_close{float:left}
			#layerPopup1 .basis_close{}	

}



/*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}


    /*header*/
	.scroll .header{background:rgba(0,0,0,0.3);backdrop-filter:blur(10px)}
    .scroll .header .lnb__main li > a{color:#000}
    .scroll .header h1 .org{display:block}
    .scroll .header h1 .org_w{display:none}
    .scroll .gnb__toggle i{background:#000}
	
    
    .header{position:fixed;left:0;top:0;width:100%;z-index:100;transition:0.3s}
	.header:before{content:'';position:absolute;z-index:-1;left:0;width:100%;top:0;height:60px;background:linear-gradient(to bottom,rgba(0,0,0,0.2),transparent);}
    .header .container{display:flex;align-items:center;justify-content: space-between; height:60px;}
    .header h1 img{max-height:50px} 

	
	.gnb{display:flex;align-items: center;gap:15px}
	.gnb a img{width:22px;filter:invert(1)}	
    .gnb .aside_open{position:relative;display:flex;flex-direction: column;justify-content: space-between;width:20px;height:18px;}
    .gnb .aside_open i{content:'';width:100%;height:2px;background:#fff}


    .scroll .header{}

    .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;align-items:center;justify-content:space-between;padding:0 10px;height:60px}
	
    .aside .logo img{max-height:50px}    
	
    .aside .close{position:relative;display:flex;justify-content: center;align-items: center;;width:24px;height:19px}
    .aside .close i:nth-child(1){position:absolute;top:50%;width:100%;height:3px;background:#000;transform:rotate(45deg);border-radius:3px}
    .aside .close i:nth-child(2){position:absolute;top:50%;width:100%;height:3px;background:#000;transform:rotate(-45deg);border-radius:3px}

    .aside__lnb {margin:20px 0}
    .aside__lnb .lnb__main{}
    .aside__lnb .lnb__main li{border-bottom:1px solid #eee}
    .aside__lnb .lnb__main li > a{display:flex;justify-content:space-between;align-items:center;height:50px;line-height:50px;font-size:16px;padding:0 10px 0 15px;font-weight:600}
	.aside__lnb .lnb__main li > a .toggle{width:24px;height:24px}
    .aside__lnb .lnb__main li.on > a{}
    .aside__lnb .lnb__main li.be > a .toggle{background:url('../images/ico_plus.png') no-repeat center}
    .aside__lnb .lnb__main li.be.is-on > a .toggle{background:url('../images/ico_minus.png') no-repeat center}
	.aside__lnb .lnb__sub{display:none;}
    .aside__lnb .lnb__sub dl{padding-bottom:20px}
    .aside__lnb .lnb__sub dd > a{display:block;line-height:30px;font-size:14px;padding-left:30px;color:#555}

    
    .aside__foot{display:flex;;align-items: center;}
	.aside__foot a{flex:1;text-align:center;font-size:12px}
	.aside__foot a img{max-width:22px}
    .aside__foot a span{display:block;font-size:14px;margin:5px 0}

    .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: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-prev:after,
	.swiper-button-next:after{display:none}
	.swiper-button-prev{left:0;width:50px;height:50px;background:url('../images/swiper_prev.png') no-repeat center /20px}
    .swiper-button-next{right:0;width:50px;height:50px;background:url('../images/swiper_next.png') no-repeat center /20px}
    


#layerPopup1{display:none;position:fixed;z-index:900;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);
			text-align:center}
			#layerPopup1.on{display:block}
			#layerPopup1 .popup{display:inline-block;position:relative;top:50px;}
			#layerPopup1 .popup img{max-width:100%}
			#layerPopup1 .close_area{background:#000;width:100%;text-align:right;padding:5px 0}
			#layerPopup1 .close_area span{cursor:pointer;margin:0 5px;color:#fff}
			#layerPopup1 .cookie_close{float:left}
			#layerPopup1 .basis_close{}
			
			/*footer*/
    .fsec1{padding:20px 0 140px;background:#303641;color:#fff}       
    .fsec1 .container{text-align:center}
    .fsec1 .companyG{}
    .fsec1 .logo img{max-width:200px}
    .fsec1 .info{color:#b9c0c7;font-size:12px;margin-top:20px;line-height:1.8}
	.fsec1 .info a{color:#fff}
    .fsec1 .info i{display:inline-block;margin:0 6px;height:10px;width:1px;background:#fff;opacity:0.3}
    .fsec1 .copyright{text-transform: uppercase}
    .fsec1 .copyright a{color:#fff}
    .fsec1 .menuG{position:fixed;left:0;bottom:0;width:100%;z-index:800;
	display:flex;gap:2px;text-align:center;background:#303641;padding:10px 3px}
    .fsec1 .menuG a{flex:1;line-height:35px;font-size:14px;color:#b9c0c7;border:1px solid #b9c0c7}
    .fsec1 .menuG a:hover{color:#fff;border-color:#fff}
	
    .quick_btn{position:fixed;z-index:100;left:0;width:100%;;bottom:70px;text-align:center}
    .quick_btn a{display:inline-block;width:50px;height:50px;background:#fff;border-radius:50%;padding:7px;margin:0 2px;overflow:hidden;border:1px solid #eee}
   

}
#footer a{;color:#fff}

.a_box a{padding:5px 20px;background: #ffd615;color:#000;  border-radius:20px; margin-top:100px}
.a_box a:hover {background:#fff; }



.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}
.mb4{margin-bottom:4px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb70{margin-bottom:70px}
.mb80{margin-bottom:80px}
.mb90{margin-bottom:90px}
.mb100{margin-bottom:100px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}

.pt10{margin-top:10px}
.pt20{margin-top:20px}
.pt30{margin-top:30px}
.pt40{margin-top:40px}
.pt50{margin-top:50px}
.pt60{margin-top:60px}
.pt70{margin-top:70px}
.pt80{margin-top:80px}
.pt90{margin-top:90px}
.pt100{margin-top:100px}
.pb4{margin-bottom:4px}
.pb10{margin-bottom:10px}
.pb20{margin-bottom:20px}
.pb30{margin-bottom:30px}
.pb40{margin-bottom:40px}
.pb50{margin-bottom:50px}
.pb60{margin-bottom:60px}
.pb70{margin-bottom:70px}
.pb80{margin-bottom:80px}
.pb90{margin-bottom:90px}
.pb100{margin-bottom:100px}
.pl30{margin-left:30px}
.pl40{margin-left:40px}