@charset "utf-8";
html,body {font-family:'Noto Sans KR',sans-serif; width:100%; font-weight:400;}
body{overflow-y:visible; overflow-x:hidden;  }
body.top-bg{position: relative;}
.header{width: 100%; position: fixed; z-index: 10; top:0; width: 100%;  -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
.header.active{width: 100%; background:#fff; background-size: 100%; }
.header.active .gnb-wrap .gnb ul.dl li a{color: #000000; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
.header.active .gnb-box h1.logo a{background: url("/images/Gimjae/common/logo-over.png") no-repeat;}
.header.active .header-box{border-bottom: solid 1px #b6b6b6;}


.header .header-box{ border-bottom:solid 1px #6f94ba; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; }
.header .header-box.h-active{background: #fff; position: relative; z-index: 100;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li a{color:#333;}
.header .header-box.h-active .gnb-box h1.logo a{width: 117px; height: 68px; background: url("/images/Gimjae/common/logo-over.png") no-repeat; display: block;}
.wrap{width:1200px; margin: 0 auto;}
.header .gnb-box{display: flex; justify-content: space-between;}
.header .gnb-box h1.logo{width: 15%; padding: 15px 0;}
.header .gnb-box h1.logo a{width: 117px; height: 68px; background: url("/images/Gimjae/common/logo.png") no-repeat; display: block;}
.header .gnb-box .gnb-wrap{width: 82%; padding: 40px 0 0 0px;}
.gnb-wrap .gnb ul.dl{display: flex; justify-content: space-between;}
.gnb-wrap .gnb ul.dl li{width: 14%; text-align: center;}
.gnb-wrap .gnb ul.dl li a{font-size:18px; font-weight: 400; color: #fff;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li a:hover{color: #5590a2;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li:hover a{position: relative; display: inline-block; color: #5590a2;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li:hover a:before{content:""; width: 8px; height: 8px; background: #5590a2; border-radius: 50%; position: absolute; top:0px; left:50%; transform: translate(-50%, -15px); display: block;}

.header .header-box.h-active .gnb-wrap .gnb ul.dl li a:focus{color: #5590a2;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li:focus a{position: relative; display: inline-block; color: #5590a2;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li:focus a:before{content:""; width: 8px; height: 8px; background: #5590a2; border-radius: 50%; position: absolute; top:0px; left:50%; transform: translate(-50%, -15px); display: block; }



.header .header-box.h-active .gnb-wrap .gnb ul.dl li:hover .nav div.level a{background: none;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li:hover .nav div.level a:before{content: none;}
a.toggle{display: none;}
.mbmenu-top{display: none;}

/*header .gnb-wrap .gnb ul.dl li .sub-gnb{width:100%; position: absolute; top:99px; left:0; background: #fff;  display: none; padding: 0px 0; z-index: 9999; box-shadow: 2px 2px 2px grey;  border-top: solid 1px #f7f7f7;}*/
/*.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-box{width: 1200px; margin: 0 auto;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap{width: 927px;  display: flex; justify-content:space-between; float: right; }*/
.header .gnb-wrap .gnb ul.dl li .sub-gnb{display: none; height: 200px; padding: 30px 0 0 0;}
.header .nav-bar{width:100%; position: absolute; top:99px; left:0; background: #fff;  display: none; padding: 0px 0; z-index: 9999;  border-top: solid 1px #6f94ba;}
.header .header-box.h-active .nav-bar{border-top:solid 1px #6f94ba;}



.header .gnb-wrap .gnb ul.dl li .sub-gnb .gnb-title{width: 395px; height: 194px; background: url("/images/Gimjae/common/subwraptit-bg.png") no-repeat; position: absolute; top:100px; left:150px; opacity:0.2; }

.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav{display: block;}

.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav{width:100%; text-align: center; padding: 30px 0 40px 0px; position: relative; z-index: 10; }

.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1{width:100%; font-size:16px; color: #000000; font-weight: 400; padding-bottom: 10px; letter-spacing: -2px; position: relative; display: block;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1:hover{text-decoration: underline; }
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1.blank{position: relative;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1.blank:before{content: ""; width: 11px; height: 11px; background: url("/images/Gimjae/common/blank-menuico.png") no-repeat; position: absolute; top:7px; left:135px;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1:hover{color:#5590a2;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1:hover:before{content: none;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1.blank:hover:before{content: ""; width: 11px; height: 11px; background: url("/images/Gimjae/common/blank-menuico.png") no-repeat; position: absolute; top:7px; left:135px;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level:last-child a.level2-1:after{content: none;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav .level .level3-1{display: none; position: absolute; top:0; left:0;}




.mask-wrap{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
  transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;

}
.mask-wrap.on{
  display:block;
}





/*서브레이아웃*/
.sub-wrap{width: 100%; height: 436px; background: url("/images/Gimjae/common/subhead-bg.jpg") no-repeat top center; background-position:0px 0px; background-size: cover; position: relative; top:0px; z-index: 5;}
.sub-wrap-box{width: 100px; height: 436px; position: relative;}
div.sub-bn-tit{ text-align: center; height: 100%;}
div.sub-bn-tit span{display: block;}
div.sub-bn-tit h2.tit span{font-family: "GmarketSansTTFBold"; font-size:48px; text-align: center; color: #fff; padding: 205px 0 0 0; position: relative;}
div.sub-bn-tit h2.tit span:before{content: ""; width: 1px; height: 26px; background: #fff; position: absolute; bottom:-55px; left:50%; transform: translate(-50%, 0);}
div.sub-bn-tit span.txt{font-size:18px; font-weight: 300; color: #fff; padding: 75px 0 0 0; display: block;}
.submenu-wrap{width: 1200px; margin: 0 auto; position: relative;}
.bn-wrap{height: 100%;}
ul.submenu-2depth{width: 100%; display: flex; justify-content: center; flex-flow: wrap; position: relative; bottom:0; z-index: 11; padding:30px 0 0 0;}

ul.submenu-2depth li:first-child:nth-last-child(2),
ul.submenu-2depth li:first-child:nth-last-child(2) ~ li{width:50%}
ul.submenu-2depth li:first-child:nth-last-child(3),
ul.submenu-2depth li:first-child:nth-last-child(3) ~ li{width:33.33%}
ul.submenu-2depth li:first-child:nth-last-child(4),
ul.submenu-2depth li:first-child:nth-last-child(4) ~ li{width:25%}
ul.submenu-2depth li:first-child:nth-last-child(5),
ul.submenu-2depth li:first-child:nth-last-child(5) ~ li{width:20%}
ul.submenu-2depth li:first-child:nth-last-child(6),
ul.submenu-2depth li:first-child:nth-last-child(6) ~ li{width:16.66%}
ul.submenu-2depth li:first-child:nth-last-child(7),
ul.submenu-2depth li:first-child:nth-last-child(7) ~ li{width:14.28%}
ul.submenu-2depth li:first-child:nth-last-child(8),
ul.submenu-2depth li:first-child:nth-last-child(8) ~ li{width:12.5%}


ul.submenu-2depth li a{width: 100%; padding: 15px 20px; background: #666666; color: #fff; font-size: 18px; text-align: center; display: block; box-sizing: border-box; border-right: solid 1px #fff;}
ul.submenu-2depth li:last-child a{border-right:none;}
ul.submenu-2depth li a.active{background: #5590a2;}
ul.submenu-2depth.list01 li{width:100%;}
ul.submenu-2depth.list02 li{width:50%;}

/*3depth*/
.sub-wrap-3depth{width: 100%; position: relative; margin: 0px 0px 0 0px; box-sizing: border-box;}
.sub-wrap-3depth .sub-tit-3dh{font-size:38px; color: #000000; text-align: center; padding: 130px 0 40px 0; font-weight: 400; letter-spacing:-0.05em;}
.sub-wrap-3depth .box-wrap{width: 100%; border-bottom:solid 1px #b1b1b1; padding-bottom: 40px;}
.sub-wrap-3depth .box-wrap .lct-wrap{ margin: 0 auto; position: relative; display:flex; justify-content:center; }
ul.lct-box{display: flex; justify-content: flex-start; flex-flow: wrap;}
ul.lct-box li{}
ul.lct-box li a{padding: 0 15px 0 10px; font-size:14px; position: relative; letter-spacing:-0.05em;}
ul.lct-box li:last-child a{font-weight: 500;}
ul.lct-box li.home a{padding-left: 18px;}
ul.lct-box li.home a:before{content: ""; width:13px; height: 13px; background: url("/images/Gimjae/common/lct-home.png") no-repeat; position: absolute; top:3px; left:0; }
ul.lct-box li a:after{content: ""; width: 5px; height: 9px; background: url("/images/Gimjae/common/lct-arrorw.png") no-repeat; position: absolute; top:5px; right:0px; }
ul.lct-box li:last-child a:after{content: none;}


ul.ico-wrap{display: flex; justify-content: flex-start;}
ul.ico-wrap li{}
ul.ico-wrap li a{width: 26px; height: 26px; background: url("/images/Gimjae/common/print-ico.png") no-repeat center; text-indent: -9999px; display: inline-block; vertical-align: middle; margin-top: -2px;}
ul.ico-wrap li.sns a.sns-btn{width: 26px; height: 26px; background: url("/images/Gimjae/common/sns-ico.png") no-repeat center;}

ul.ico-wrap.active li.sns a.sns-btn{width: 26px; height: 26px; background: url("/images/Gimjae/common/sns-close.png") no-repeat center;}
ul.ico-wrap li:first-child a{padding: 0 5px;}
ul.ico-wrap li a:after{content: none;}
ul.ico-wrap li{position: relative;}
ul.ico-wrap li ul.sns-sub li:first-child a{padding: 0px 0px;}

ul.ico-wrap li ul.sns-sub{ position: absolute; top:0px; left:0; z-index: 2; display: none;}
ul.ico-wrap.active li ul.sns-sub{display: flex; justify-content: flex-start; left: 30px;}
ul.ico-wrap.active li ul.sns-sub li a{width: 26px; height: 26px; background: url("/images/Gimjae/common/fb-ico.png") no-repeat; padding: 0 3px;}
ul.ico-wrap.active li ul.sns-sub li:nth-child(2) a{width: 26px; height: 26px; background: url("/images/Gimjae/common/tw-ico.png") no-repeat;}
ul.ico-wrap.active li ul.sns-sub li:nth-child(3) a{width: 26px; height: 26px; background: url("/images/Gimjae/common/ka-ico.png") no-repeat;}
ul.ico-wrap.active li ul.sns-sub li:nth-child(4) a{width: 26px; height: 26px; background: url("/images/Gimjae/common/band-ico.png") no-repeat;}

ul.sub-3depth{width: 100%; display: flex; justify-content: center; padding: 30px 0 0 0; flex-flow: wrap;}

ul.sub-3depth.nth1{width: 100%; display: flex; justify-content: center; padding: 30px 0 0 0;}
ul.sub-3depth.nth1 li{width:23%; padding: 0 10px; text-align: center; box-sizing: border-box;}

ul.sub-3depth.nth2{width: 100%; display: flex; justify-content: center; padding: 30px 0 0px 0;}
ul.sub-3depth.nth2 li{width:23%; padding: 0 10px; text-align: center; box-sizing: border-box; margin-bottom:15px;}

ul.sub-3depth.nth3{width: 100%; display: flex; justify-content: center; padding: 30px 0 0 0;}
ul.sub-3depth.nth3 li{width:30%; padding: 0 10px; text-align: center; box-sizing: border-box;}

ul.sub-3depth.nth4{width: 100%; display: flex; justify-content: center; padding: 30px 0 0 0;}
ul.sub-3depth.nth4 li{width:23%; padding: 0 10px; text-align: center; box-sizing: border-box;}

ul.sub-3depth.nth6{width: 100%; display: flex; justify-content: center; padding: 30px 0 0 0;}
ul.sub-3depth.nth6 li{width:16%; padding: 0 10px; text-align: center; box-sizing: border-box;}

ul.sub-3depth li a{width:100%; display: inline-block; border:solid 2px #d9d9d9; border-radius:50px; padding: 10px 15px; background: #fff; color: #666; box-sizing: border-box; font-size: 17px;}
ul.sub-3depth li a.active{background: #ec760d; color: #fff; border:solid 2px #ec760d;}

.contents{padding: 50px 0;}
.contents2{padding: 0px 0 50px 0;}

footer.footer{width: 100%; height: 126px; padding: 40px 0px; background: #28313a; position: relative; z-index: 5;}
footer.footer .footer-wrap{position: relative;}
footer.footer .footer-wrap p.link{padding-bottom: 5px;}
footer.footer .footer-wrap p.link.first{padding-bottom: 30px;}
footer.footer .footer-wrap p.link span{display: inline-block; padding: 0 10px; position: relative; color: #c2c3c4;}
footer.footer .footer-wrap p.link span.pd0{padding: 0 10px 0 0px;}
footer.footer .footer-wrap p.link span a{color: #c2c3c4;}
footer.footer .footer-wrap p.link span:after{content: ""; width: 1px; height: 10px; background: #696f75; position: absolute; top:5px; right:-1px;}
footer.footer .footer-wrap p.link span:last-child:after{content: none;}
footer.footer .footer-wrap p.link span.first{color: #00afc3; font-weight: bold; padding: 0 10px 0 0px;}
footer.footer .footer-wrap p.link span.first a{color: #00afc3; font-weight: bold; padding: 0 10px 0 0px;}
footer.footer .footer-wrap .logo-box{position: absolute; top:0; right:0;}
footer.footer .footer-wrap .logo-box a.logo{width: 116px; height: 67px; background: url("/images/Gimjae/common/footer-logo.png") no-repeat; display: block; text-indent: -9999px; transform: translate(65%, 0px);}
footer.footer .footer-wrap .logo-box span.tel{font-family: "GmarketSansTTFBold"; font-size:20px; color: #00afc3; font-weight: bold; display: block; padding: 20px 0 0 40px; position: relative; }
footer.footer .footer-wrap .logo-box span.tel:after{content: ""; width: 32px; height: 30px; background: url("/images/Gimjae/common/foottel-ico.png") no-repeat; position: absolute; top:13px; left:0;}
footer.footer .footer-wrap p.copyright{color: #c2c3c4;}




@media all and (max-width:1200px){
  .wrap{width: 100%;}
  .sub-wrap{width: 100%;}
  .header{padding: 0px 0px; box-sizing: border-box; height: 100px;}
  .header .gnb-box h1.logo{width: 15%; padding: 15px 20px;}
  .header .gnb-box h1.logo a{}
  .header .gnb-box .gnb-wrap{width: 100%;}
  .header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-box{width: 100%;}
/*  .header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap{width: 965px;}*/
  .gnb-wrap .gnb ul.dl{padding-bottom: 37px;}
  .gnb-wrap .gnb ul.dl li a{font-size:16px; padding-bottom:0px;}
  .sub .contents{padding: 30px 20px;}
  .sub .contents2{padding: 0; box-sizing: border-box;}
  .header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1{letter-spacing: -3px;}
  .header .gnb-wrap .gnb ul.dl li .sub-gnb .gnb-title{left:0px; top:182px; background-size: 300px; width: 300px;}
  .sub-wrap-3depth{padding: 0 20px; box-sizing: border-box;}
  .submenu-wrap{width: 100%;}
  .contents{padding: 30px 20px; box-sizing: border-box;}

  ul.submenu-2depth{bottom:82px;}

  /*footer*/
  footer.footer{padding: 40px 20px; box-sizing: border-box; height: 180px;}
}

@media all and (max-width:1100px){
  /*.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap{width: 840px;}*/
}



@media all and (max-width:1000px){
  .header{padding: 10px 0; height: 76px;}
  .header .header-box{height: 65px;}
  .header .gnb-box h1.logo a{position: absolute; top:12px; left: 20px; background-size: 90px;}
  .header.active .gnb-box h1.logo a{background-size: 90px;}
  .header .toggle-box{position: absolute; top:0px; right:0px;}
  .header a.toggle{display: block;width: 30px;height: 25px;background: url("/images/Gimjae/common/mb-menubtn.png") no-repeat;position: relative; padding: 25px; background-position: center;}
  .header.active a.toggle{display: block;width: 30px;height: 25px;background: url("/images/Gimjae/common/mb-menubtn-at.png") no-repeat;position: relative; padding: 25px; background-position: center;}
  .header.active a.toggle:before{ content: ""; position: absolute; top:0; left:0; width: 1px; height: 100%; background: #b6b6b6;}
  .header a.toggle:before{ content: ""; position: absolute; top:0; left:0; width: 1px; height: 100%; background: #6f94ba; }
  .header .mobile-gnb .mbmenu-top{position: relative; height: 65px; padding: 0px 20px;}
  .header .mobile-gnb .mbmenu-top h2.mb-logo{}
  .header .mobile-gnb .mbmenu-top h2.mb-logo a{width: 90px; height: 68px; background: url("/images/Gimjae/common/logo.png") no-repeat; background-size: 90px; display: inline-block; margin-top: 0px; position: absolute; top:15px; left:20px;}

  .header .mobile-gnb .close-box{position: absolute; top:0px; right:0px;}
  .header .mobile-gnb .close-box .mb-closebtn{width:27px; height:27px; background: url("/images/Gimjae/common/mb-closebtn.png") no-repeat; display: block; text-indent: -9999px; position: relative; padding: 29px; background-position: center;}
  .header .mobile-gnb .close-box .mb-closebtn:before{ content: ""; position: absolute; top:0; left:0; width: 1px; height: 100%; background: #73a2b0;}



  .header .mobile-gnb{
    display:block;
    position: fixed;
    top: 0px;
    left: -100%;
    height: 100%;
    z-index: 999;
    overflow-y: auto;
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    width: 100%;
  }

  .header .mobile-gnb.on{left:0; z-index: 999;}
  .header .mobile-gnb .dl{background: #fff; padding: 0 20px; height: 100%;}
  .header .mobile-gnb .dl li a.level1-1{padding: 30px 0 30px 25px; border-bottom:solid 1px #dadada; display: block; font-size:22px; color: #000000; position: relative;}
  .header .mobile-gnb .mbmenu-top {
    display: block;
    position: relative;
    padding: 10px 20px 10px 20px;
    background: #5590a2;
  }

  .header .mobile-gnb.on{left:0;}
  .header .mobile-gnb .dl{background: #fff; padding: 0 0px; height: 100%;}
  .header .mobile-gnb .dl li a.level1-1{padding: 30px 0 30px 50px; border-bottom:solid 1px #dadada; display: block; font-size:22px; color: #000000; position: relative;}
  .header .mobile-gnb .dl li a.level1-1.on{color: #5590a2;}
  .header .mobile-gnb .dl li a.level1-1:after{content: ""; width: 31px; height: 18px; background: url("/images/Gimjae/common/mbmenu-ico.png") no-repeat; position: absolute; top:35px; right:25px; display: inline-block;}
  .header .mobile-gnb .dl li a.level1-1.on:after{content: ""; width: 33px; height: 19px; background: url("/images/Gimjae/common/mbmenu-ico-on.png") no-repeat; position: absolute; top:35px; right:25px; display: inline-block;}
  .header .mobile-gnb .dl li .m-sub-gnb{display:none;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav{}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1{padding: 20px 50px; background: #f4f4f4; color: #444444; font-size:18px; font-weight: 400; display: block; position: relative;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1:hover{color: #5590a2; text-decoration: underline;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1.on{background: #3897db; color: #fff; padding: 20px 20px;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1.on:before{content: ""; width: 60px; height: 1px; background: #fff; position: absolute; top:30px; left:0;}


  .header .mobile-gnb .dl li .m-sub-gnb .level .level3-1{display: none; background: #e0eaf3;}
  .header .mobile-gnb .dl li .m-sub-gnb .level .level3-1 li a{padding: 15px 20px; display: block; font-size: 18px;}
  .header .header-box.h-active{z-index: 0;}


  .header .nav-bar{display: none;}
  .header .header-box.h-active .nav-bar{display: none;}

  .sub-wrap{height: 335px; background-position: -376px 0;}
  .sub-top{padding: 40px 30px;}
  div.sub-bn-tit h2.tit span{font-size:35px; padding: 140px 0 0 0;}
   ul.submenu-2depth{padding:0; bottom:58px;}
  ul.submenu-2depth li{width: 50%;}
  ul.submenu-2depth li:first-child:nth-last-child(4), ul.submenu-2depth li:first-child:nth-last-child(4) ~ li{width:50%}
  ul.submenu-2depth li a{padding: 18px 15px; font-size:16px; border-bottom:solid 1px #fff;}
  ul.submenu-2depth li:nth-child(2) a{border-right:none;}
  ul.submenu-2depth li:nth-child(4) a{border-bottom:none; border-right:none;}

  .sub-wrap-3depth{}
  .sub-wrap-3depth .sub-tit-3dh{padding: 150px 0 40px 0;}
  ul.sub-3depth li a{font-size:16px;}

  ul.sub-3depth.nth6 li{width: 33%;}
  ul.sub-3depth.nth6 li{margin-bottom: 15px;}
  ul.sub-3depth.nth6 li:nth-child(4){margin-bottom: 0px;}
  ul.sub-3depth.nth6 li:nth-child(5){margin-bottom: 0px;}
  ul.sub-3depth.nth6 li:nth-child(6){margin-bottom: 0px;}

 

}

@media all and (max-width:768px){
  /*footer*/
  footer.footer{height: auto; padding: 20px 20px;}
  footer.footer .footer-wrap .logo-box{position: relative;}
  footer.footer .footer-wrap .logo-box a.logo{display: none;}
  footer.footer .footer-wrap .logo-box span.tel{font-size:16px; padding:0px 0 15px 32px; }
  footer.footer .footer-wrap .logo-box span.tel:after{top:-3px; background-size: 27px;}
  footer.footer .footer-wrap p.link.first{padding-bottom: 15px;}
  footer.footer .footer-wrap p.link span{font-size:13px;}
  footer.footer .footer-wrap p.copyright{font-size:13px;}
}


@media all and (max-width:680px){
  .header{height: 60px;}
  .header .header-box{height: 50px;}
  .header .gnb-box h1.logo a{width: 70px; background-size: 70px; top: 9px;}
  .header.active .gnb-box h1.logo a{width: 70px; background-size: 70px; top: 9px;}
  .header a.toggle{width: 20px; background-size: 20px; padding: 18px;}
  .header.active a.toggle{width: 20px; background-size: 20px; padding: 18px;}
  .header .mobile-gnb .mbmenu-top{padding: 10px 20px 0px 20px; height: 50px;}
  .header .mobile-gnb .mbmenu-top h2.mb-logo a{background-size: 70px; top:9px;}
  .header .mobile-gnb .close-box .mb-closebtn{background-size: 15px; padding: 16px;}
  .header .mobile-gnb .mb-closebtn{background-size: 18px; width: 18px; top:0px;}
  .header .mobile-gnb .dl li a.level1-1{padding: 16px 0 17px 15px; font-size: 15px; font-weight:500}
  .header .mobile-gnb .dl li a.level1-1:after{width: 20px; background-size: 20px; top:10px;}
  .header .mobile-gnb .dl li a.level1-1.on:after{width: 20px; background-size: 20px; top:24px;}
  .header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1{padding:16px 0 16px 16px; font-size: 14px; letter-spacing:-0.05em; border-bottom:1px solid #dbdbdb}
  .sub-top{padding: 20px 30px;}

  .sub-wrap{height: 330px;}
  div.sub-bn-tit h2.tit span{font-size:30px; padding: 110px 0 0 0;}
  div.sub-bn-tit h2.tit span:before{bottom:-40px;}
  ul.submenu-2depth{position: absolute; bottom:0;}
  ul.submenu-2depth li a{font-size:16px;}
  .sub-bn-tit span.txt{font-size:16px; padding: 55px 0 0 0;}

  .sub-wrap-3depth{ margin: 0px 0 0 0; padding: 0 20px;}
  .sub-wrap-3depth .box-wrap{padding-bottom: 35px;}
  .sub-wrap-3depth .sub-tit-3dh{font-size:30px; padding:40px 0 40px 0;}
  .sub-wrap-3depth .sub-tit-3dh{font-size:30px; padding: 40px 0 40px 0;}
  ul.ico-wrap li a{background-size: 20px; width: 20px;}
  ul.ico-wrap li.sns a.sns-btn{background-size: 20px; width: 20px;}
  ul.lct-box li a{padding: 0 18px; font-size:12px;}
  ul.ico-wrap{position: absolute; top:28px; right:20px;}


  ul.ico-wrap.active li ul.sns-sub{display: block; left:0px; top:30px;}
  ul.ico-wrap.active li ul.sns-sub li a{padding: 3px 0px;}
  ul.ico-wrap.active li.sns a.sns-btn{width: 20px; background-size: 20px;}
  ul.ico-wrap.active li ul.sns-sub li a{width: 20px; height: 20px; background-size: 20px;}
  ul.ico-wrap.active li ul.sns-sub li:nth-child(2) a{width: 20px; height: 20px; background-size: 20px;}
  ul.ico-wrap.active li ul.sns-sub li:nth-child(3) a{width: 20px; height: 20px; background-size: 20px;}
  ul.ico-wrap.active li ul.sns-sub li:nth-child(4) a{width: 20px; height: 20px; background-size: 20px;}


  ul.sub-3depth.nth1 li{width: 100%; padding: 0 0px;}
  ul.sub-3depth.nth2 li{width: 100%; padding: 0 0px;}
  ul.sub-3depth.nth3 li{width: 100%; padding: 0 0px;}
  ul.sub-3depth.nth4 li{width: 100%; padding: 0 0px;}
  ul.sub-3depth.nth6 li{width: 100%; padding: 0 0px;}
  ul.sub-3depth.nth6 li:nth-child(4){margin-bottom: 15px;}
  ul.sub-3depth.nth6 li:nth-child(5){margin-bottom: 15px;}

  ul.sub-3depth.nth1 li{margin-bottom: 0px;}
  ul.sub-3depth li{margin-bottom: 15px;}
  ul.sub-3depth li:last-child{margin-bottom: 0px;}
  ul.sub-3depth li a{padding: 5px 10px;}
}

@media all and (max-width:480px){
  .header{height: 50px;}
  .header .header-box{height: 40px;}
  .header .gnb-box h1.logo a{width: 60px; background-size: 60px; top:7px;}
  .header.active .gnb-box h1.logo a{width: 60px; background-size: 60px; top: 7px;}
  .header a.toggle{padding: 13px;}
  .header.active a.toggle{padding: 13px;}
  .header .gnb-box h1.logo a{left: 10px;}

  .header .mobile-gnb .mbmenu-top{height: 40px;}
  .header .mobile-gnb .mb-closebtn{ background-size: 13px; width: 13px;}
  .header .mobile-gnb .mbmenu-top h2.mb-logo a{background-size: 60px; width: 60px; top:7px; left: 10px;}
  .header .mobile-gnb .close-box .mb-closebtn{background-size: 15px; padding: 11px;}

  .header .mobile-gnb .dl li a.level1-1:after{width: 15px; background-size: 15px; top:22px;}
  .header .mobile-gnb .dl li a.level1-1.on:after{width: 15px; background-size: 15px;}

  .sub-wrap{height: 340px; background-position: -265px 0;}
  div.sub-bn-tit h2.tit span{padding: 92px 0 0 0;}
  div.sub-bn-tit span.txt{font-size:15px;}
  ul.submenu-2depth{position: absolute;}
  ul.submenu-2depth li a{padding: 14px 10px; font-size: 15px; border-right:none;}
  ul.submenu-2depth li:nth-child(3) a{border-bottom:solid 1px #fff;}

  ul.submenu-2depth li{width: 100% !important;}
  ul.submenu-2depth.list02 li{width:100% !important;}
  ul.submenu-2depth.list01 li{width:100% !important;}

  .sub-wrap-3depth{ padding: 0px 10px 0 10px; margin: 0px 0 0 0;}
  .sub-wrap-3depth .box-wrap{padding-bottom: 0;}
  .sub-wrap-3depth .sub-tit-3dh{padding: 20px 0 20px 0; font-size:20px;}

  .sub-wrap-3depth .box-wrap .lct-wrap{display:none}


  ul.sub-3depth li a{font-size: 14px;}

}