@media all and (min-width:1280px) {	
    .mo{display:none}
	.container{display:flex; align-items:center; position:relative; justify-content: center; margin:0 auto; padding: 0 2rem;}

	/*header*/
	#header{ position:fixed; width:100%;z-index:9;}

    .hsec1 .container{position: relative;}
    .hsec1{height:10rem; transition:0.3s;}
	.hsec1 h1{position: absolute; left:2rem; top: 2rem;} 
    .hsec1 h1 a{display:block}
	.hsec1 h1 .over{display:none}
    
    .lnb{}
	.lnb .close{display:none}
	.lnb ul{display:flex;  position:relative;z-index:10}
	.lnb ul li{position:relative;width:20%;text-align:center}
	.lnb ul li > a{display:block;line-height:10rem; font-weight:bold; font-size:2rem; color:#fff; padding:0 5rem; transition: all .5s;}
	.lnb ul li > a:hover{color:var(--main_color)}
	.lnb ul li > a::before{content: ''; width: 0; height: 3px; background: var(--sub_color); position: absolute; bottom: 0; left: 50%; transition: all .5s; opacity: 0;}
	.lnb ul li > a:hover::before{width:100%; left:0; opacity: 1;}
	.lnb ul li:hover > a{color:var(--main_color)}
	.lnb ul li:hover .sub{background:var(--main_color)}
	.lnb ul li:hover .sub dd a {color:#fff; }
    .lnb ul li .sub dd a{font-weight: 500;}
    .lnb ul li .sub dd a:hover{ font-weight: 600;}
    .lnb .sub{display:none;position:absolute;top:10rem;padding:2rem 0;width:100%;height:20rem; box-sizing: border-box;}
    .lnb .sub .dep_3{display: none;}
    .lnb .sub dl {}
	.lnb .sub dd > a{display:block;line-height:1.4;padding:0.5rem 1rem;font-size:1.6rem; font-weight: normal;}
	.lnb .sub dd > a:hover{color:var(--main_color);}

    
	/* 3차메뉴 숨김 */
    .lnb .dep_3 dl { display:none; }
 
	.lnb_bg{display:none; position:absolute; left:0; width:100%; top:10rem; background:#fff; border: 1px solid var(--border_color); border-width: 1px 0; height:20rem; z-index: 1;}

    

	/* scroll on */
	.scroll_on .hsec1{background: #fff;}
	.scroll_on .hsec1 h1 .out{display:none}
	.scroll_on .hsec1 h1 .over{display:block}
    .scroll_on .hsec1{background: #fff;}
	.scroll_on .lnb li > a{color:#222}
    .scroll_on .dropbtn{color:#333}
    .scroll_on .dropbtn::before{background: url(../images/common/icon_lang_on.png);}
    .scroll_on .dropbtn2{color:#333}
    .scroll_on .dropbtn2::before{background: url(../images/common/icon_site_on.png);}
    .white_dot ul li a span{background:#fff !important}


    .scroll_on .hamburger-menu span,
    .scroll_on .hamburger-menu span::before,
    .scroll_on .hamburger-menu span::after{background: #333 !important;}
	
	/* lnb*/
	.lnb_on .hsec1{background:#fff}
	.lnb_on .hsec1 h1 .out{display:none}
	.lnb_on .hsec1 h1 .over{display:block}
    .lnb_on .hsec1{background:#fff}
	.lnb_on .lnb li > a{color:#222}
    
    .lnb_on .dropbtn{color:#333}
    .lnb_on .dropbtn2{color:#333}

    .lnb_on .dropbtn::before{background: url(../images/common/icon_lang_on.png);}
    .lnb_on .dropbtn2::before{background: url(../images/common/icon_site_on.png);}

    .lnb_on .hamburger-menu span,
    .lnb_on .hamburger-menu span::before,
    .lnb_on .hamburger-menu span::after{background: #333 !important;}

    
    .header.drop {position: fixed !important; z-index:9; animation: dropHeader 0.5s;}
      
      @keyframes dropHeader {
        0% {
          top: -10rem;
        }
        100% {
          top: 0;
        }
      }

      /* 언어 드롭다운 */
      .dropdown {position: absolute; top: 3.1rem; right:10rem; z-index: 9999; display: inline-block;  }
      .dropbtn { gap:1rem; color:#fff; padding:0.7rem 1rem; border-radius: 100%; border: none; background: transparent; font-family: var(--font-eng); font-weight: bold; font-size:1.5rem; padding-left:3rem }
      .dropbtn::before{content: ''; width: 1.6rem; height: 1.6rem; background: url(../images/common/icon_lang.png) no-repeat center; position: absolute; top: 1rem; left: 0;}      
      .dropbtn em{display: inline-block; font-weight: bold; position: relative; vertical-align: middle; }
      .dropbtn em:after{font-family: var(--icon); content:'\e313'; display: inline-block; padding-left: 1rem; vertical-align: middle;} 
      .dropdown-content {display: none;  position: absolute; z-index: 1; background: var(--main_color); backdrop-filter: blur(10px); right: 1.7rem; margin-top: -5px; border-radius: 5px; overflow: hidden; font-family: var(--font-eng);}
      .dropdown-content a {display: block; font-size: 1.4rem; padding:.5rem 2rem; color:#fff}
      .dropdown-content a:hover{background:var(--point_color); }
       .dropdown:hover .dropdown-content {display: block;}
      
       /* 언어 드롭다운 */
      .dropdown2 {position: absolute; top: 3.1rem; right:11rem; z-index: 9999; display: inline-block; border-radius: 100px; background: rgba(255,255,255,0.5); backdrop-filter: blur(10px); }
      .dropbtn2 { gap:1rem; color:#fff; padding:0.7rem 1rem 0.7rem 3rem; border-radius: 100%; border: none; background: transparent; font-family: var(--font-eng); font-weight: bold; font-size:1.5rem }
      .dropbtn2::before{content: ''; width: 1.6rem; height: 1.6rem; background: url(../images/common/icon_site.png) no-repeat center; position: absolute; top: 1rem; left: 2rem; }      
      .dropbtn2 em{display: inline-block; font-weight: bold; position: relative; padding-left:1.5rem; padding-right: 1rem; vertical-align: middle; }
      .dropbtn2 em:after{font-family: var(--icon); content:'\e313'; display: inline-block; padding-left: 1rem; vertical-align: middle;} 
      .dropdown-content2 {display: none;  position: absolute; z-index: 1; background: var(--main_color); backdrop-filter: blur(10px); right: 1.7rem; margin-top: -5px; border-radius: 5px; overflow: hidden; font-family: var(--font-eng);}
      .dropdown-content2 a {display: block; font-size: 1.4rem; padding:.5rem 2rem; color:#fff}
      .dropdown-content2 a:hover{background:var(--point_color); }
       .dropdown2:hover .dropdown-content2 {display: block;}

}





/*mobile*/
@media all and (max-width:1279px) {
    .pc{display:none}
	
	/*header*/
	#header{position:fixed; left:0; top:0; width:100%; z-index:100}
	.hsec1{border-bottom:none; background:#fff}
	.hsec1 h1{text-align:left; padding:1rem} 
    .hsec1 h1 img{vertical-align:top}  
	.hsec1 h1 .out{display:none}
    .hsec1 h1 .over{display: block;}
    .lnb{position:fixed;width:70%;right:-80%;top:0;z-index:90;height:100%;background:#fff;border-right:1px solid #aaa;transition:.3s;overflow:auto}
	
    .lnb.on {right:0;transition:.3s}
	.lnb .close{float:right; width:3rem; height:3rem; padding:2rem; position: relative;}
    .lnb .close:before, .lnb .close:after {position: absolute;left: 15px;content:' ';height: 3rem;width: 2px;background-color:#333;}
    .lnb .close:before {transform: rotate(45deg);}
    .lnb .close:after {transform: rotate(-45deg);}
	
    .lnb ul{clear:both; padding:3rem 0 0 0}
	.lnb li{position:relative;border-bottom:1px solid #ddd;height:auto}
	.lnb li > a{display:block; height:7rem; line-height:7rem; padding-left:2rem; position: relative;}
    .lnb li > a::before{content:"+"; font-size: 2.5rem; position: absolute; top:50%; right:2rem; transform: translateY(-50%);}
    .lnb li.on > a{background:var(--main_color); color:#fff}
    .lnb li.on > a::before{content: '-';}
	.lnb .sub{display:none;background:#eee;padding:15px 0;height:auto}
	.lnb dl{}
	.lnb dd > a{display:block;line-height:3rem;font-size:1.6rem;color:#333;padding-left:3rem}
    .lnb dd > a:hover{color:var(--main_color);}

	.body_bg.on{position:fixed;right:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:80}

    .snb{display: flex; gap:1rem; align-items: center; position:absolute; top: 2rem; right:7rem; font-size:1.8rem }
    .snb h2{display: flex; gap:1.2rem}
    .snb h2 em{display: none;}
    .snb ul{display: flex; gap:1rem}
    .snb ul li a{display: block; font-weight: bold; }
    .snb_on a{color:var(--sub_color); position: relative; transition: .5s;}
    .snb_on a:hover{color:var(--main_color)}
    .snb_on a::before{content: ''; width: 100%; height: .4rem; background: var(--sub_color);  position: absolute; bottom: 0; left: 0;}

    .btn_online{position: absolute; top: 1.5rem; right: 8rem; font-size: 1.6rem; display: flex; gap:2rem}
    .btn_online a{display: flex; gap:1rem; background: var(--sub_color); color:#fff; text-align: center; border-radius: 10rem; padding:.5rem 1.5rem; transition: .5s;}
    .btn_online a:last-child{background: var(--main_color);}
    .btn_online a:hover{background:#333;}


    
    .hsec1 .lnb_open{position:absolute;right:2rem;top:1.2rem; width:3rem; height: 3rem;}
    .hsec1 .lnb_open .line{display: block; width: 100%; height: 3px; margin:4px 0; background:#333; transition: all 0.5s;}
    .mob_utill{display: flex !important; background: var(--main_color);}
    .mob_utill li{flex:1}
    .mob_utill li > a{color:#fff !important; padding:0 !important; text-align: center !important;}
    .mob_utill li > a::before{display: none !important;}

    /* scroll on */
	.scroll_on .hsec1{border-bottom:1px solid #ddd}
	.scroll_on .hsec1 h1 .out{display:none}
	.scroll_on .hsec1 h1 .over{display:block}
    .scroll_on .hsec1{background:#fff}
	.scroll_on .lnb li > a{color:#222}
    .scroll_on .dropbtn{color:#333}
    .white_dot ul li a span{background:#fff !important}

    .scroll_on .hamburger-menu span,
    .scroll_on .hamburger-menu span::before,
    .scroll_on .hamburger-menu span::after{background: #333 !important;}
	
	/* lnb*/
	.lnb_on .hsec1{border-bottom:1px solid #ddd}
	.lnb_on .hsec1 h1 .out{display:none}
	.lnb_on .hsec1 h1 .over{display:block}
    .lnb_on .hsec1{background:#fff}
	.lnb_on .lnb li > a{color:#222}
    
    .lnb_on .dropbtn{color:#333}
    .lnb_on .hamburger-menu span,
    .lnb_on .hamburger-menu span::before,
    .lnb_on .hamburger-menu span::after{background: #333 !important;}

    
    .header.drop {position: fixed !important; z-index:9; animation: dropHeader 0.5s;}
      
      @keyframes dropHeader {
        0% {
          top: -10rem;
        }
        100% {
          top: 0;
        }
      }

      
      /* 언어 드롭다운 */
      .dropdown {position: absolute; top: 1.1rem; right:20rem; z-index: 9999; display: inline-block;  }
      .dropbtn { gap:1rem; padding:0.7rem 1rem; border-radius: 100%; border: none; background: transparent; font-family: var(--font-eng); font-weight: bold; font-size:1.5rem; padding-left:3rem }
      .dropbtn::before{content: ''; width: 1.6rem; height: 1.6rem; background: url(../images/common/icon_lang.png) no-repeat center; position: absolute; top: 1rem; left: 0;}      
      .dropbtn em{display: inline-block; font-weight: bold; position: relative; vertical-align: middle; }
      .dropbtn em:after{font-family: var(--icon); content:'\e313'; display: inline-block; padding-left: 1rem; vertical-align: middle;} 
      .dropdown-content {display: none;  position: absolute; z-index: 1; background: var(--main_color); backdrop-filter: blur(10px); right: 1.7rem; margin-top: -5px; border-radius: 5px; overflow: hidden; font-family: var(--font-eng);}
      .dropdown-content a {display: block; font-size: 1.4rem; padding:.5rem 2rem; color:#fff}
      .dropdown-content a:hover{background:var(--point_color); }
       .dropdown:hover .dropdown-content {display: block;}
      
       /* 언어 드롭다운 */
      .dropdown2 {position: absolute; top: 1.1rem; right:5rem; z-index: 9999; display: inline-block; border-radius: 100px; }
      .dropbtn2 { gap:1rem;  padding:0.7rem 1rem 0.7rem 3rem; border-radius: 100%; border: none; background: transparent; font-family: var(--font-eng); font-weight: bold; font-size:1.5rem }
      .dropbtn2::before{content: ''; width: 1.6rem; height: 1.6rem; background: url(../images/common/icon_site.png) no-repeat center; position: absolute; top: 1rem; left: 2rem; }      
      .dropbtn2 em{display: inline-block; font-weight: bold; position: relative; padding-left:1.5rem; padding-right: 1rem; vertical-align: middle; }
      .dropbtn2 em:after{font-family: var(--icon); content:'\e313'; display: inline-block; padding-left: 1rem; vertical-align: middle;} 
      .dropdown-content2 {display: none;  position: absolute; z-index: 1; background: var(--main_color); backdrop-filter: blur(10px); right: 1.7rem; margin-top: -5px; border-radius: 5px; overflow: hidden; font-family: var(--font-eng);}
      .dropdown-content2 a {display: block; font-size: 1.4rem; padding:.5rem 2rem; color:#fff}
      .dropdown-content2 a:hover{background:var(--point_color); }
       .dropdown2:hover .dropdown-content2 {display: block;}

}