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


/*common*/    
:root{
    --main-color:#0c6468;
    --main-color-dark:#084447;
}

.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:1560px;padding:0 50px;margin:0 auto}
.container.max{max-width:1800px}
.container.wide{max-width:none}
.container.none{max-width:none;padding:0}

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


/*_pc*/

@media all and (min-width:1025px) {	
    ._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}
    .scroll .header .gnb i{background:#000}
    .scroll .header .gnb__language{color:#000}
    
    .header:hover .lnb__main li > a{color:#000}
    .header:hover h1 .org{display:block}
    .header:hover h1 .org_w{display:none}
    .header:hover .gnb i{background:#000}
    .header:hover .gnb__language{color:#000}
    
    .header:hover{height:650px;border-radius:0 0 20px 20px;background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);border-bottom:1px solid #eee}
    
    .header{position:fixed;left:0;top:0;width:100%;z-index:100;background:rgba(255,255,255,0.8)-;height:100px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,0.1);transition:0.3s}    
    
    .header .container{display:flex;justify-content: space-between;align-items:center}    
    
    .header h1{padding:20px 0}
    .header h1 .org{display:none}
    .header h1 .org_w{display:block}
    
    
    .lnb{}
    .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;height:100px;color:#fff;line-height:100px;font-weight:500;font-size:22px;padding:0 60px;white-space: nowrap;transition:0.3s} 
    .lnb__main li > a:after{content:'';position:absolute;left:50%;bottom:0;width:0;height:5px;background:var(--main-color);transition:0.3s}
    .lnb__main li:hover > a:after{left:0;width:100%}


    .lnb__sub{position:absolute;left:0;top:100px;width:100%;transition:0.3s}
    .lnb__sub dl {padding:20px 10px 30px}
    .lnb__sub dd > a{line-height:30px;font-size:17px;white-space:nowrap;text-transform:uppercase}
    .lnb__sub dd > a:before{content:'- ';}
    .lnb__sub dd > a:hover{color:var(--main-color)}

    .gnb{display:flex;align-items: center;gap:20px}
    .gnb i{height:16px;width:2px;background:#fff;opacity:0.5}
    .gnb__language{font-size:18px;font-weight:500;color:#fff;opacity:0.5}
    .gnb__language.is-on{opacity:1}
    .gnb__toggle{display:none;flex-direction: column;justify-content: space-between;position:relative;width:36px;height:34px;}
    .gnb__toggle i{content:'';width:100%;height:3px;background:#000}




    /*main*/
    .main{}  
    
    .mH50{margin:50px 0 !important}
    .mH100{margin:100px 0 !important}
    .mH150{margin:150px 0 !important}
    .mH200{margin:200px 0 !important}
    
    .mT50{margin-top:50px !important}
    .mT80{margin-top:80px !important}
    .mT100{margin-top:100px !important}
    .mT150{margin-top:150px !important}
    .mT200{margin-top:200px !important}
    
    .mB100{margin-bottom:100px !important}
    .mB200{margin-bottom:200px !important}
    
    .pH50{padding:50px 0 !important}
    .pH10{padding:100px 0 !important}
    
    
    
    .sec_tit{text-align:center;font-size:40px;color:var(--main-color);padding:50px 0;text-transform:uppercase}
    .sec_tit.line{border-bottom:1px solid #eee}
    .sec_tit.dashed{border-bottom:2px dashed #eee}
    
    



    /*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-prev{width:40px;height:40px;border:1px solid #000;border-width:2px 0 0 2px;transform:rotate(-45deg);left:50px}
    .swiper-button-next{width:40px;height:40px;border:1px solid #000;border-width:2px 2px 0 0;transform:rotate(45deg);right:50px}
    

            

    /*footer*/
    .footer{background:var(--main-color);color:#fff;}
    .fsec1{display:flex;align-items:center; padding:30px 0}
    .fsec1 .logo{width:40%}
    .fsec1 .company_con{width:60%;font-size:16px;line-height:2}
    .fsec1 .company_con .tel{font-size:30px;font-weight:600;color:#fff}
    
    .fsec2{display:flex;justify-content: space-between;border-top:1px solid rgba(255,255,255,0.5);padding:30px 0}
    .fsec2 .menu{display:flex;gap:12px;}
    .fsec2 .menu a{height:30px;line-height:30px;background:#fff;color:var(--main-color);font-size:13px;padding:0 20px;min-width:130px;;font-weight:700;text-align:center}  
    .fsec2 .menu a.line{border:1px solid rgba(255,255,255,0.5);color:#fff;background:none;transition: 0.3s}
    .fsec2 .menu a.line:hover{border:1px solid #fff}
    .fsec2 .copyright{font-size:12px;opacity:0.8}


    

    
    


}


/*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(255,255,255,0.9);box-shadow:0 0 3px 3px rgba(0,0,0,0.05);backdrop-filter:blur(5px)}
    .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;border-bottom:1px solid rgba(255,255,255,0.2)}
    .header{transition:0.3s}
    .header .container{display:flex;align-items:center;justify-content: space-between; height:60px;}
    .header h1 img{max-width:180px;max-height:40px} 
    .header h1 .org{display:none}
    .header h1 .org_w{display:block}

    .gnb{display:flex;align-items: center;gap:20px}
    .gnb__language{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:#fff}


    .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__logo{padding:20px;width:180px}
    
    .aside__close{display:flex;justify-content: center;align-items: center; position:absolute;right:10px;top:25px;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__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{}
    
        
    .sec_tit{text-align:center;font-size:22px;color:var(--main-color);padding:25px 0;text-transform:uppercase}
    .sec_tit.line{border-bottom:1px solid #eee}
    .sec_tit.dashed{border-bottom:2px dashed #eee}


    /*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,
    .swiper-button-prev{display:none}


    
    /*footer*/
    .footer{background:var(--main-color);color:#fff;}
    .fsec1{padding:20px 0 0}
    .fsec1 .logo{max-width:150px}
    .fsec1 .company_con{margin:20px 0;font-size:13px;line-height:2}
    .fsec1 .company_con .tel{font-size:24px;font-weight:600;color:#fff}
    
    .fsec2{border-top:1px solid rgba(255,255,255,0.5);padding:20px 0}
    .fsec2 .menu{display:flex;gap:5px;flex-wrap:wrap}
    .fsec2 .menu a{height:26px;line-height:26px;background:#fff;color:var(--main-color);font-size:12px;padding:0 10px;font-weight:700;text-align:center}  
    .fsec2 .menu a.line{border:1px solid rgba(255,255,255,0.5);color:#fff;background:none;transition: 0.3s}
    .fsec2 .menu a.line:hover{border:1px solid #fff}
    .fsec2 .copyright{font-size:12px;opacity:0.8;margin-top:10px}
    
    


}