html{font-size:20px;}
body{font-family:'Noto Sans KR', sans-serif; font-weight: 300; word-break: keep-all; word-wrap: break-word; }

.color-blue {color:#0a8abd;}
.color-blue2 {color:#1f94c3;}
.color-blue3 {color:#1562a5;}
.color-sky {color:#388bc5;}
.color-grey {color:#666;}

.w1400{max-width:1420px;padding:0 10px;margin:0 auto;}
.show1420,
.show1220,
.show768,
.show486{display:none !important;}
.rad{font-family:'Rajdhani' !important;}
.tl-50{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);}
.tly-50{position:absolute;top:50%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}
.tlx-50{position:absolute;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);}
.blue{color:#0089bc  !important;}
.orange{color:#f4982f !important;}
.preload{display:none;}
.ita{font-style:italic !important;}
.tdu{text-decoration:underline !important;}
.justi{text-align:justify !important;}
/* header height */
#header .hd .wrap .logo,
.gnb .dep1 span,
#header .hd .wrap .location .dep1{height:103px;line-height:103px;}
#header.active .hd .wrap .logo,
#header.active .gnb .dep1 span,
#header.active .hd .wrap .location .dep1{height:80px;line-height:80px;}
#header.active .hd .wrap .logo img{height:50px;}
/* header */
#header{position:fixed;left:0;top:0;width:100%;z-index:99999;}
#header .hd_wrap{transition:.25s;}
#header.active .hd_wrap,
#header:hover .hd_wrap{background-color:rgba(0, 0, 0, 0.7);}
#header .hd{position:relative;padding:0 100px 0 0;}
#header .hd .wrap .logo{float:left;width:350px;padding:0 0 0 30px;}
#header .hd .wrap .logo img{vertical-align:middle;}
#header .hd .wrap .location{float:right;}
#header .hd .wrap .location .dep1_wrap{margin:0 -5px;}
#header .hd .wrap .location .dep1_con{float:left;padding:0 5px;}
#header .hd .wrap .location .dep1{display:block;transition:.25s;}
#header .hd .wrap .location .dep1:hover{opacity:0.7;}
#header .hd .wrap .location .dep1 img{vertical-align:middle;}
#header .hd .open_sitemap{position:absolute;right:30px;top:50%;display:block;width:32px;height:23px;margin:-11.5px 0 0;transition:.25s;}
#header .hd .open_sitemap span{position:absolute;left:0;top:50%;display:block;width:100%;height:3px;background-color:#fff;text-indent:-9999px;}
#header .hd .open_sitemap span:before,
#header .hd .open_sitemap span:after{content:"";position:absolute;left:0;display:block;width:100%;height:100%;background-color:#fff;}
#header .hd .open_sitemap span:before{top:-10px;}
#header .hd .open_sitemap span:after{bottom:-10px;}
/* gnb */
.gnb{position:relative;float:left;color:#fff;}
.gnb .dep1_wrap{margin:0 -34px;}
.gnb .dep1_con{float:left;}
.gnb .dep1{position:relative;display:block;padding:0 34px;font-size:18px;transition:.25s;font-weight:500;}
.gnb .dep1 span{position:relative;display:block;}
.gnb .dep1 span:before{content:"";position:absolute;bottom:-1px;left:50%;display:block;width:0%;height:1px;background-color:transparent;transition:.25s;}
.gnb .dep1_con.active .dep1,
.gnb .dep1_con:hover .dep1{color:#f4982f;}
.gnb .dep1_con:hover .dep1 span:before{left:0;width:100%;background-color:#f4982f;}
.gnb .dep2_wrap{display:none;position:absolute;left:0;top:100%;min-width:1100px;z-index:9999;}
.gnb .dep2_con{float:left;padding:0 38px 0 0;}
.gnb .dep2{display:block;height:114px;line-height:114px;color:#b0b0b0;font-size:17px;font-weight:400;transition:.25s;}
.gnb .dep2_con.active .dep2,
.gnb .dep2_con .dep2:hover{color:#f4982f;}
.gnb_bg{display:none;position:absolute;left:0;top:100%;width:100%;height:114px;background-color:rgba(0, 0, 0, 0.7);border-top:1px solid rgba(255, 255, 255, 0.2);text-indent:-9999px;}
/* sitemap */
#sitemap{display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:rgba(0, 0, 0, 0.7);z-index:999999;}
#sitemap:before{content:"";position:fixed;right:0;top:0;display:block;width:50%;height:100%;background-color:#fff;}
#sitemap .sitemap_con{position:relative;float:right;width:100%;max-width:967px;padding:120px 40px 100px 60px;background-color:#fff;vertical-align:text-top;z-index:90;text-align:left;}
#sitemap .close_sitemap{position:absolute;right:34px;top:38px;width:25px;height:25px;}
#sitemap .close_sitemap span{display:block;text-indent:-9999px;}
#sitemap .close_sitemap span:before,
#sitemap .close_sitemap span:after{content:"";position:absolute;left:-9%;top:40%;display:block;width:124%;height:4px;background-color:#212121;}
#sitemap .close_sitemap span:before{transform:rotate(-45deg);}
#sitemap .close_sitemap span:after{transform:rotate(45deg);}
#sitemap .mb_menu{margin:0 0 18px;}
#sitemap .mb_menu .dep1_wrap{font-size:0;margin:0 -15px 0 0;}
#sitemap .mb_menu .dep1_con{display:inline-block;vertical-align:text-top;padding:0 15px 0 0;color:#0089bc;}
#sitemap .mb_menu .dep1{display:block;width:120px;height:40px;line-height:38px;text-align:center;font-size:16px;border:1px solid #0089bc;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-o-border-radius:50px;transition:.25s;}
#sitemap .mb_menu .dep1:hover{background-color:#0089bc;color:#fff;}
#sitemap .menu{margin:0 0 44px;}
#sitemap .menu .dep1_wrap{color:#212121;}
#sitemap .menu .dep1_con{position:relative;padding:24px 0 24px 135px;border-bottom:1px solid #e0e0e0;}
#sitemap .menu .dep1{position:absolute;left:0;top:50%;display:block;font-weight:500;font-size:20px;line-height:30px;margin:-15px 0 0;transition:.25s;}
#sitemap .menu .dep1_con.active .dep1,
#sitemap .menu .dep1_con:hover .dep1{color:#f4982f;}
#sitemap .menu .dep2_wrap{font-size:0;margin:0 -10px;}
#sitemap .menu .dep2_con{display:inline-block;vertical-align:text-top;}
#sitemap .menu .dep2{display:block;padding:0 10px;color:#666;font-size:16px;font-weight:400;transition:.25s;line-height:1.4;letter-spacing:-0.5px;}
#sitemap .menu .dep2_con.active .dep2,
#sitemap .menu .dep2:hover{color:#f4982f;}
#sitemap .bot_txt_wrap{margin:0 0 23px;}
#sitemap .bot_txt_wrap .addr{margin:0 0 15px;line-height:24px;padding:0 0 0 31px;background:url('../img/sitemap_ico1.png') 2px 0 no-repeat;color:#666;font-weight:300;font-size:17px;}
#sitemap .bot_txt_wrap .tel{line-height:24px;padding:0 0 0 30px;background:url('../img/sitemap_ico2.png') 0 0 no-repeat;color:#0089bc;font-weight:800;font-size:26px;}
#sitemap .bot_txt_wrap .tel a{transition:.25s;}
#sitemap .bot_txt_wrap .tel a:hover{color:#f4982f;}
#sitemap .btn_wrap{font-size:0;margin:0 -5px;}
#sitemap .btn_wrap a{display:inline-block;vertical-align:text-top;margin:0 5px;}
#sitemap .btn_wrap a img{transition:.25s;}
#sitemap .btn_wrap a:hover img{opacity:0.7;}
/* footer */
#footer .foot{padding:90px 0;background-color:#212121;}
#footer .foot .wrap{position:relative;padding-left:518px;}
#footer .foot .wrap .logo{position:absolute;left:85px;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}
#footer .foot .wrap .con{color:#e0e0e0;}
#footer .foot .wrap .etc_menu{margin:0 0 20px;}
#footer .foot .wrap .etc_menu .dep1_wrap{font-size:0;margin:0 -10px;}
#footer .foot .wrap .etc_menu .dep1_con{position:relative;display:inline-block;padding:0 10px;vertical-align:text-top;}
#footer .foot .wrap .etc_menu .dep1_con:before{content:"";position:absolute;right:0;top:50%;display:block;width:1px;height:10px;margin:-5px 0 0;background-color:#e0e0e0;}
#footer .foot .wrap .etc_menu .dep1_con:last-child:before{display:none;}
#footer .foot .wrap .etc_menu .dep1{font-weight:500;transition:.25s;}
#footer .foot .wrap .etc_menu .dep1:hover{color:#f4982f;}
#footer .foot .wrap .txt_wrap .txt{margin:0 -8px 15px;line-height:1.57;font-weight:300;}
#footer .foot .wrap .txt_wrap .txt span{margin:0 8px;}
#footer .foot .wrap .txt_wrap .copyright{line-height:1.4;font-weight:300;}

@media all and (max-width:1420px){
  #header .hd .wrap .logo,
  .gnb .dep1 span,
  #header .hd .wrap .location .dep1{height:80px;line-height:80px;}
  #header .hd .wrap .logo img{height:40px !important;}
  #header .hd{padding:0;}
  #header .hd .wrap .logo{float:none;width:100%;padding:0;text-align:center;}
  #header .hd .wrap .location{display:none;}
  #header .hd .open_sitemap{right:0;width:24px;height:16px;margin:-8px 0 0;}
  #header .hd .open_sitemap span{height:2px;}
  #header .hd .open_sitemap span:before{top:-7px;}
  #header .hd .open_sitemap span:after{bottom:-7px;}
  .gnb{display:none;}
  #sitemap .sitemap_wrap{padding:0 0 0 50px;}
  #sitemap .sitemap_con{padding:100px 10px 30px;}
  #sitemap .close_sitemap{right:10px;top:30px;}
  #sitemap .mb_menu{margin:0 0 10px;}
  #sitemap .mb_menu .dep1_wrap{margin:0 -5px 0 0;}
  #sitemap .mb_menu .dep1_con{padding:0 5px 0 0;}
  #sitemap .mb_menu .dep1{width:100px;height:34px;line-height:32px;font-size:14px;}
  #sitemap .menu{margin:0 0 22px;}
  #sitemap .menu .dep1_con{padding:12px 0;}
  #sitemap .menu .dep1{position:relative;top:0;font-size:16px;line-height:1;margin:0 0 10px;}
  #sitemap .menu .dep2{font-size:14px;line-height:2;}
  #sitemap .bot_txt_wrap{margin:0 0 12px;}
  #sitemap .bot_txt_wrap .addr{margin:0 0 10px;font-size:15px;}
  #sitemap .bot_txt_wrap .tel{font-size:20px;}
  #sitemap .btn_wrap{margin:0 -3px;}
  #sitemap .btn_wrap a{margin:0 3px;}
  #footer .foot{padding:50px 0;}
  #footer .foot .wrap{padding-left:0;text-align:center;}
  #footer .foot .wrap .logo{position:relative;left:0;top:0;margin:0 0 30px;transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);}
  #footer .foot .wrap .logo img{max-width:50%;}
  #footer .foot .wrap .etc_menu{margin:0 0 15px;}
  #footer .foot .wrap .etc_menu .dep1_wrap{margin:0 -5px;}
  #footer .foot .wrap .etc_menu .dep1_con{padding:0 5px;}
  #footer .foot .wrap .etc_menu .dep1_con:before{height:8px;margin:-4px 0 0;}
  #footer .foot .wrap .txt_wrap .txt{margin:0 -4px 12px;}
  #footer .foot .wrap .txt_wrap .txt span{margin:0 4px;}
}

@media only screen and (max-width: 1420px) {
  .show1420{display:block !important;}
  .none1420{display:none !important;}
}

@media only screen and (max-width: 1220px) {
  html {
    font-size: 18px;
  }
  .show1220{display:block !important;}
  .none1220{display:none !important;}
}

@media only screen and (max-width: 1000px) {
  html {
    font-size: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .show768{display:block !important;}
  .none768{display:none !important;}
}

@media only screen and (max-width: 486px) {
  .show486{display:block !important;}
  .none486{display:none !important;}
}