/* @import url("../../../cdn.jsdelivr.net/gh/orioncactus/pretendard%40v1.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:#ff9900; /*메인컬러*/
	--lnb-height:450px;   /*호버시 메뉴높이*/
}

.container{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.8),transparent);}
    .header:hover{height:var(--lnb-height);background:rgba(0,0,0,0.8);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(--main-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(--main-color)}


    .gnb{display:flex;align-items: center;gap:20px}


    /*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('/component/themeokdang/images/swiper-prev.png') no-repeat center}
    .swiper-button-next{right:50px;width:100px;height:100px;background:url('/component/themeokdang/images/swiper-next.png') no-repeat center}
      
   
    


}


/*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('/component/themeokdang/images/ico_plus.png') no-repeat center}
    .aside__lnb .lnb__main li.be.is-on > a .toggle{background:url('/component/themeokdang/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('/component/themeokdang/images/swiper-prev.png') no-repeat center /20px}
    .swiper-button-next{right:0;width:50px;height:50px;background:url('/component/themeokdang/images/swiper-next.png') no-repeat center /20px}


}







		@media all and (min-width:1025px){
		.footer{background:#737070;padding:50px 0}
		.footer .container{display:flex;gap:50px;color:#fff;font-size:15px;line-height:1.8}
		.footer .container b{font-weight:500;margin-right:5px}
		.footer .company{font-size:14px}
		.footer .company a{color:#fff;font-size:14px}
		.footer .menu{display:flex;align-items:center;gap:10px;margin-top:20px}
		.footer .menu a{color:#fff;font-size:14px}
		.footer .menu i{display:inline-block;border-left:1px solid #fff;height:10px}
		
		.footer .bank{flex:1}
		.footer .copyright{margin-top:20px;font-size:14px}
			
		.footer .gotop{visibility:hidden; position:fixed;z-index:100;display:flex;justify-content:center;align-items:center; right:50px;bottom:50px;background:#000;border-radius:50%;text-align:center;width:60px;height:60px;color:#fff;font-size:20px;cursor:pointer;opacity:0;transition:0.3s}
		.scroll .gotop{visibility: visible;opacity:1}
	}
	  @media all and (max-width:1024px){
		.footer{background:#737070;padding:30px 0}
		.footer .container{display:flex;flex-direction:column;justify-content:center; align-items:center; gap:30px;color:#fff;font-size:12px;line-height:1.8;text-align:center}
		.footer .container b{font-weight:500;margin-right:5px}
		.footer .company{font-size:14px}
		.footer .company a{color:#fff;font-size:14px}
		.footer .menu{display:flex;align-items:center;gap:6px;margin-top:20px}
		.footer .menu a{color:#fff;font-size:12px}
		.footer .menu i{display:inline-block;border-left:1px solid #fff;height:10px}
		
		.footer .bank{flex:1}
		.footer .copyright{margin-top:20px;font-size:12px}
		  
		.footer .gotop{visibility:hidden;position:fixed;z-index:100;display:flex;justify-content:center;align-items:center; right:20px;bottom:20px;background:#000;border-radius:50%;text-align:center;width:50px;height:50px;color:#fff;font-size:14px;cursor:pointer;opacity:0;transition:0.3s}
		.scroll .gotop{visibility: visible;opacity:1}
		}


.point_c1 {color:#ff8400}
.point_c2 {color:#fbfe00}



.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}