@charset "utf-8";

/* layout */
.inner {  width:100%; max-width:1600px;  position:relative;  margin-left:auto; margin-right:auto;  }

.m-inner {width:100%; position:relative; margin:0 auto;  }
.m-inner2 { width:1300px; position:relative; margin:0 auto;  border:0px solid red; overflow:hidden;  }
.s-inner {  width:1400px; position:relative;  margin-left:auto; margin-right:auto;}
#wrap { overflow-x: hidden; /*scroll-behavior:smooth;*/ }

/* 타블렛 가로 */
@media all and (max-width:1599px) {
  .m-inner {width:95%}

}
@media all and (max-width:1399px) {
  .s-inner {  width:94%; }
}
@media all and (max-width:1280px) {
  html { font-size: 60% !important; }
  .m-inner2 {width:94%}
}
@media all and (max-width:976px) {
  html { font-size: 55% !important; }
}
@media all and (max-width:768px) {
  html { font-size: 0.55rem !important; }
}
@media all and (max-width:480px) {
  html { font-size: 2.1vw !important; }
}









/*Header*/
#header { position:fixed; width:100%; height:120px; box-sizing:border-box; z-index:300;  margin: 0 auto; 
      display:flex; justify-content:space-between;align-items: center;  transition: height 0.3s ease-in-out, height 0.3s ease-in-out;}
#header .hd_bx { line-height:80px;  }
#header .hd_mbx { display: none; }

#header #logo { font-size:0; width:226px; height:53px;  top:30px; left:50px;  z-index:99999; position:absolute;
           transition: width 0.3s ease-in-out, height 0.3s ease-in-out;}
#header #logo a { width:100%; height:100%; display: block; background:url("/img/logo.png") no-repeat left top; background-size:auto 100%; }


.box { position: relative; width:80px; height:80px; cursor:pointer; z-index:101; }
.box span { display:block;  height:2px;  position:absolute; top: 50%; left:50%; transition:all 0.5s; background:#FFF;  border-radius:3px; transform:translateX(-50%)}
.box span.t { margin-top: 7px; width:22px;}
.box span.m { margin-left:-3px; width: 15px; }
.box span.b { margin-top: -7px; width:22px; }



.hd_nums{margin-left:auto; margin-right:40px; display: flex; gap: 40px; position: relative; z-index: 901;}
.hd_nums a.loc{position: relative; padding-left: 18px; font-size: 15px; color: #fff;}
.hd_nums a.loc:before{content: ''; position: absolute; left: 0; width: 13px; height: 17px; background:url('/images/common/hd_ico1.png');}

#hd_tel {}
#hd_tel dl { display: inline-block; vertical-align: middle; line-height: 1.2em; color:#FFF; background: url("/images/common/top-tel.png") no-repeat left center;  background-size:40px auto }
#hd_tel dl dt { font-size: 1.6rem; padding-left:40px; font-family:'Montserrat'; font-weight:500; letter-spacing:0.02em}
#hd_tel a { display: none; font-size: 0; width: 50px; height:50px;   background:#ed7c94 url("/images/common/top-tel.png")no-repeat center center; background-size: 100% auto; border-radius:100% }

#hd_msg {}
#hd_msg dl { display: inline-block; vertical-align: middle; line-height: 1.2em; color:#FFF; background: url("/images/common/top-msg.png") no-repeat left center;  background-size:40px auto }
#hd_msg dl dt { font-size: 1.6rem; padding-left:40px; font-family:'Montserrat'; font-weight:500; letter-spacing:0.02em}
#hd_msg dl dd{position: absolute; font-size: 0.8em; right: 160px;}
#hd_msg a { display: none; font-size: 0; width: 50px; height:50px;   background:#f5a4b6 url("/images/common/top-msg.png")no-repeat center center; background-size: 100% auto; border-radius:100% }


#allmenuWrap {margin-right: 80px;}


.menuToggle { position: relative; width:80px; height:80px; cursor:pointer; z-index:101; }
.menuToggle span { display:block;  height:2px;  position:absolute; top: 50%; left:50%; transition:all 0.5s; background:#FFF;  border-radius:3px; transform:translateX(-50%)}
.menuToggle span.t { margin-top: 7px; width:22px;}
.menuToggle span.m { margin-left:-3px; width: 15px; }
.menuToggle span.b { margin-top: -7px; width:22px; }

#header.mo_on .menuToggle span.t {transform:translate(-50%, -7px) rotate(45deg);}
#header.mo_on .menuToggle span.m {width:0;}
#header.mo_on .menuToggle span.b {transform:translate(-50%, 7px) rotate(-45deg);}



#header.scroll {height:120px;}
#header.scroll:before { content:''; width:100%; height:100%; backdrop-filter: blur(3px); background-color: rgba(255, 255, 255, 0.1); position:absolute; left:0; top:0}
#header.scroll #logo {width:226px; height:53px; }
#header.scroll #logo a { background:url("/img/logo.png") no-repeat left top;  background-size:auto 100%}
#header.scroll .hd_nums a.loc{color:#333333}
#header.scroll .hd_nums a.loc:before{background:url('/images/common/hd_ico1_on.png');}
#header.scroll #allmenu a .box{border-color:rgba(0,0,0,0.4)}
#header.scroll #allmenu a .box span{color:#333;}
#header.scroll #allmenu a .box span:before{background:url('/images/common/hd_menu_on.png')}


 #header.scroll .menuToggle span { background:#333} 
/*
#header.menu_on {background:#FFF}
#header.menu_on #logo a.logo { background:url("/images/common/logo_on.png") no-repeat left center; background-size:auto 100%; }

#header.menu_on .t_menu { background:#022a47}

#header.scroll {background:#FFF}
#header.scroll #logo a.logo { background:url("/images/common/logo_on.png") no-repeat left center; background-size:auto 100% }
#header.scroll .t_menu { background:#022a47}

#header.mo_on #logo a.logo { background:url("/images/common/logo.png") no-repeat left center; background-size:auto 100%; }
*/


#header #logo a {
                background: url("/img/logo.png") no-repeat left top;
               
            }

            .hd_nums a.loc {
                color: #333333
            }

            .hd_nums a.loc:before {
                background: url('/images/common/hd_ico1_on.png');
            }

            #allmenu a .box {
                border-color: rgba(0, 0, 0, 0.4)
            }

            #allmenu a .box span {
                color: #333;
            }

            #allmenu a .box span:before {
                background: url('/images/common/hd_menu_on.png')
            }

            .menuToggle span {
                background: #333;
            }

            #sec8 {
                background-color: #eeeadf
            }



#gnb_mo { position:fixed; top:0; right:0; width:100%; height:100%; max-width:500px; padding: 80px 0;
                background:rgba(168, 146, 125, 0.95); overflow-y:auto; -ms-overflow-style:none; z-index: 100; text-align: left;
                transition: all 0.4s ease; -webkit-transform: translateX(100%) rotate(0); -moz-transform: translateX(100%) rotate(0);
                -ms-transform: translateX(100%) rotate(0); -o-transform: translateX(100%) rotate(0);
                 transform: translateX(100%) rotate(0); }
#gnb_mo > ul { border-top: 1px solid rgba(255,255,255,0.1); line-height:3.5em;}
#gnb_mo > ul > li > div {display:block; width:100%; font-size:1.75rem;  border-bottom:1px solid rgba(255,255,255,0.1); box-sizing:border-box; padding:0 1.5em; position:relative; cursor: pointer; }
#gnb_mo > ul > li > div:after {content:''; display:block; width:11px; height:1px; background:#fff; position:absolute; right:1em; top:50%; margin-top:-1px;}
#gnb_mo > ul > li > div:before {content:''; display:block; width:1px; height:11px; background:#fff; position:absolute; right:calc(1em + 5px); top:50%; margin-top:-6px; transition:all 0.5s;}
#gnb_mo > ul > li > div > a { color:#fff; }
#gnb_mo > ul > li > ul { display:none; }
#gnb_mo > ul > li > ul > li > a {display:block; width:100%; font-size:1em; color:#4b4b4b;padding:0 1.5em; font-weight: 500;
                                             border-bottom:1px solid #e1e1e1; background:#fff; box-sizing:border-box; line-height:3.5em;}

#gnb_mo > ul > li > div.on { background: #79665f; }
#gnb_mo > ul > li > div.on:before {transform:rotate(90deg)}


#gnb_mo > ul > li.g_mo {display:none}

#header.mo_on #gnb_mo {display:block;}
#gnb_mo.m_menuOn{ -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0);  -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0);  transform: translateX(0) rotate(0); }

@media all and (max-width:1599px){
#header #logo { left:30px; }
#allmenuWrap { margin-right: 30px;}
}

@media all and (max-width:1024px){
  #header {  height:80px; text-align: center; /* background:#FFF */; align-items:center }
  #header .hd_bx { line-height:80px; }
  #header .hd_mbx { display: block; }
  
  #header #logo { left:10px;  top:10px;}
   #header #logo a  {width:192px; height:45px; bordeR:0px solid red;   background:url("/img/logo_m.png") no-repeat left top;}

     .hd_nums{gap: 5px; margin-right: 20px;}
  /* #hd_tel {margin-right:20px} */
  #hd_tel dl {display:none}
  #hd_msg dl {display:none}
  .menuToggle { right:0; }

  #gnb_pc {display:none;}
  #gnb_mo { text-align: left; }
  #gnb_mo > ul > li.g_mo {display:block}
  #gnb_mo > ul > li.g_pc {display:none}

  #header.scroll {height:80px;}
}

@media all and (max-width:768px) {
  #gnb_mo { max-width: 100%; }
    #header { height:70px; }

  .menuToggle { width:70px; height:70px }
  #gnb_mo { padding:90px 0; }
  
  #header.scroll {height:70px;}

  #header.mo_on .menuToggle span { background:#FFF}
  #header.mo_on #logo a { background-image:url("/images/common/logo.png")}

  #header.mo_on .hd_nums a.loc{color: #fff;}
  #header.mo_on .hd_nums a.loc:before{background:url('/images/common/hd_ico1.png');}

}

@media all and (max-width:568px){
  #header { height:60px; }
    .hd_nums{gap: 4px; margin-left: auto; margin-right: 0; opacity:0; }
    .hd_nums a.loc{padding-left: 0; display: flex; justify-content: center; align-items: center; width: 36px; height:36px; background-color: #d8d0c1; border-radius: 50%; text-align: center;}
    .hd_nums a.loc span{display: none;}
    .hd_nums a.loc:before{position: static;}

  /* #hd_tel { margin-right:10px; } */
  #hd_tel a {  width: 40px; height:40px; }
  #hd_msg a {  width: 40px; height:40px; }

  .menuToggle { width:60px; height:60px }
  
  #header.scroll {height:60px;}
}






#Quick {position:fixed; right:0.8%; bottom:120px; z-index:103}
#Quick li {margin:10px 0; width:65px; height:65px; border:1px solid rgba(250,250,250,0.4); border-radius:65px; text-align:center; background:rgba(0,0,0,0.9); padding-top:10px; }
#Quick li.blog{}
#Quick li.off {display:none}
#Quick li a {color:#fff; font-weight:800; font-size:15px; }
#Quick li img{padding-top:12px;}


#top_btn { border-radius:65px; position: fixed; bottom:50px; right:0.8%; width:65px; height: 65px;  line-height: 65px; border: 0;
background:red; color: #FFF;font-weight:800; text-align: center; font-size:1.4em; z-index: 99; box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
#top_btn:hover{background-color:#cc0000;}


@media all and (max-width:1599px) {
  #Quick {}
}
@media all and (max-width:976px){
#top_btn{}
}
@media all and (max-width:480px){

}



#footer {padding: 100px 7%;   position: relative; background-color: #000;  overflow:hidden;}
#footer .footleft{width:30%; float:left;  position: relative;  }
#footer .footleft img{width:100%;max-width: 230px;}
#footer .footright{width:70%; float:left;  position: relative;  }
#footer .footright div{width:33%; float:left;   position: relative;}

.fottertt{width:100%; line-height:55px; border-bottom:1px solid #404040; color:#fff; font-size:25px; font-weight:700; margin-bottom:3%; }
.fottertt1{line-height:35px; color:#fff; font-weight:600; font-size:18px;}
.fottertt1 a{display:block; line-height:35px; color:#fff; font-weight:600; font-size:18px;}
.fottertt1 span{padding:0px 20px;}
.fottertt1 img{padding-top:11px; }
.fottertt2 img{padding-top:11px; float:left; padding-right:5px;}
.fottertt2{line-height:30px; font-size:16px; color:#999;}
.fottertt2 span{padding:0px 20px;}



@media all and (max-width:768px) {
#footer .footleft{width:100%; float:left;  position: relative; padding:15px;  }
#footer .footleft img{width:200px;}
#footer .footright{width:100%; float:left;  position: relative;   padding:15px; }

#footer .footright div{width:100%; float:left;   position: relative;}
#footer .footright div:first-child{display: none}


.fottertt{font-size:22px;}
.fottertt2{line-height:27px; font-size:15px; color:#999;}
.fottertt1{line-height:30px; color:#fff; font-weight:600; font-size:17px;}
.fottertt1 a{display:block; line-height:30px; color:#fff; font-weight:600; font-size:17px;}

}






#footer .m-inner{display: flex; justify-content: space-between; align-items: center;}
#footer ul {display:flex; flex-wrap:wrap; }
#footer ul li {font-size:1.5rem; margin-right:30px; font-weight: 500; color: #333;}
#footer ul li span {padding-right:10px; opacity:.7; font-weight: normal;}
#footer .copy {text-transform:uppercase; font-family:'Montserrat'; font-size:1.2rem; font-weight:500; letter-spacing:0.03em; opacity:.6}

@media all and (max-width:976px){
  #footer {padding: 3em 0 80px 0}
}
@media all and (max-width:568px) {
  #footer {padding: 3em 0 60px 0}
    #footer .m-inner{flex-wrap: wrap;}
    #footer ul{width: 100%;}
  #footer ul li { margin-right:1.3em; }
    #footer .copy {padding-top: 1em;}
}







/* **************************************** *
 * window
 * **************************************** */

.allmenu{z-index:55555; position:absolute; top:0px; right:2px; height:90px; width:115px; line-height:90px; border-left:0px solid rgba(255,255,255,0.2); }



.window {
    display: none;
  box-sizing:border-box; padding:50px 30px 30px 30px; background:#fff;
  border-color:#ddd #aaa #888 #ddd; 
  box-shadow:2px 5px 17px rgba(0, 0, 0, 0.7);  width:90%; max-width:1200px;
  
  }



.window .sm div {display:none;}
.window li {width:100%; overflow:hidden;  border-bottom:1px solid #ddd; padding:11px 15px; box-sizing:border-box;}
.window li  br {display:none;}
.window li:last-child {border-bottom:none;}

.window li  a{float:left; width:200px; font-size:20px; line-height:61px;  color:#fff;  
background:#e02b31;
padding:10px 20px; 
box-sizing:border-box; font-weight:600; text-align:center; }

.window .sub_menu  { overflow:hidden; width:100%; }
  .window .sub_menu li{overflow:hidden; box-sizing:border-box;  float:left; border:none !important;  width: auto !important; padding:12px 7px !important;}
  .window .sub_menu li a{display:block; font-size:17px;  width:auto !important; padding:0px 2px !important; 
  line-height:61px; font-weight:300; color:#333;  width: auto !important; background:#fff; border:none;}

.window .sm {overflow:hidden;float:right; width:540px; box-sizing:border-box; padding: 0px 10px ;}

.window .btn_close {position:absolute; top:30px; right:30px; overflow:hidden; box-sizing:border-box; }


.window .btn_close {top:25px; right:30px;   font-size:27px; line-height:30px; transform:scale(1,0.7);  font-weight:300;}



.allmenubg .btn_close {;top:30px; right:30px; position:absolute; background:rgba(0,0,0,0.3); border-radius:50%;display:block;
 text-align:center; font-weight:300; width:50px; height:50px; }
.allmenubg .btn_close a {color:#fff; font-size:16px;   line-height:50px;  transform:scale(1,0.6); text-decoration:none; display:block;}

.allmenubg {background:#000;    height:auto !impotrant; color:#fff; line-height:25px;
margin:0px !important; top:50%; transform:translate(-50%,-50%); left:50%;
  box-sizing:border-box;  border-top-right-radius:30px;  border-bottom-left-radius:30px; 
  border-color:;  width:1200px; padding:70px 50px 70px 50px; 
  box-shadow:2px 5px 17px rgba(0, 0, 0, 0.4); display: none; }

.allmenubg .dept01 {display:none;}
.allmenubg  >  ul >  li{ border-top:1px solid rgba(250,250,250,0.1); overflow:hidden; padding:30px 30px 30px 30px; box-sizing:border-box;}
.allmenubg  >  ul >  li:first-child {border-top:none;}

.allmenubg  >  ul >  li  > .sm {overflow:hidden; position:relative;}
.allmenubg  .sm div{position:absolute; font-weight:500; font-family:'Noto Sans Korean',sans-serif;
top:5px; left:0px; font-size:1.5rem; line-height:25px;  color:#fff;}

.allmenubg     .sub_menu {float:right; width:76%; padding:10px 0px; overflow:hidden;}
.allmenubg     .sub_menu  li {display:inline-block; }
.allmenubg     .sub_menu  li  a {font-size:17px; padding:0px 8px;line-height:22px; color:rgba(255,255,255,0.8);}



.allmenubg1 .btn_close {top:30px; right:30px; position:absolute; background:rgba(0,0,0,0.3); border-radius:50%;display:inline-block;
 text-align:center; font-weight:300; width:50px; height:50px;}
.allmenubg1 .btn_close a {color:#fff; font-size:16px;   line-height:50px;  transform:scale(1,0.6); text-decoration:none;}

.allmenubg1 {background:#fff;    height:auto !impotrant;
margin:0px !important; top:50%; transform:translate(-50%,-50%); left:50%;
  box-sizing:border-box;  border-radius:30px; 
  border-color:#ddd #aaa #888 #ddd;  width:900px;padding:110px 50px 130px 50px; 
  box-shadow:2px 5px 17px rgba(0, 0, 0, 0.4); display: none;}

.allmenubg1 .dept01 {display:none;}
.allmenubg1  >  ul >  li{ border-top:1px solid rgba(0,0,0,0.1); overflow:hidden; padding:30px 30px 30px 30px; box-sizing:border-box;}
.allmenubg1  >  ul >  li:first-child {border-top:none;}

.allmenubg1  >  ul >  li  > .sm {overflow:hidden; position:relative;}
.allmenubg1  .sm div{position:absolute; font-family:'PHCB', sans-serif;
top:5px; left:0px; font-size:26px; line-height:25px; color:#fff;}

.allmenubg1    .sub_menu {float:right; width:76%; padding:10px 0px; overflow:hidden;}
.allmenubg1     .sub_menu  li {display:inline-block; }
.allmenubg1     .sub_menu  li  a {font-size:17px; padding:0px 8px;line-height:22px; color:rgba(255,255,255,0.6);}




/*웹*/
  @media (min-width: 1024px) {


    }





  /*패드와 모바일*/
@media (max-width:1023px)  {



.allmenubg {width:90%; max-height:90vh; overflow-y: scroll !important; }
.allmenubg  >  ul >  li{ border-top:1px solid rgba(0,0,0,0.1); overflow:hidden; padding:11px 20px 10px 20px; box-sizing:border-box;}

.allmenubg  >  ul >  li  > .sm {overflow:hidden; position:relative; padding-top:30px;}
.allmenubg  .sm div{
top:5px; left:20; font-size:16px; line-height:23px;}

.allmenubg     .sub_menu { width:100%; }
.allmenubg     .sub_menu  li  a {font-size:12px; padding:0px 3px;}
}


#top_btn {border-radius:40px; position: fixed; bottom: 40px; right:0.8%; width: 65px; height: 65px;  line-height: 66px; border: 0;
 background: #cc0000; color: #FFF; text-align: center; font-size:1em; z-index: 99999999999999999999; }
#top_btn:hover{background-color:#cc0000;}


@media screen and (max-width:767px) {

#top_btn{width:40px; height:40px;  bottom:15px; right:15px;  line-height:40px;}
}