@charset "utf-8";
/* 브라우저 업데이트 권장 팝업 */
#browserUpdate {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#111; z-index:9999}
#browserUpdate .inner {position:absolute; top:50%; left:50%; width:800px; margin:-275px 0 0 -400px; padding:100px 70px; text-align:center; background:#fff}
#browserUpdate .inner h2 {font-size:42px; margin-bottom:30px}
#browserUpdate .inner p {color:#777; line-height:1.8; margin-bottom:40px}
#browserUpdate .inner ul {text-align:justify}
#browserUpdate .inner ul:after {display:inline-block; width:100%; content:''}
#browserUpdate .inner ul li {display:inline-block; width:24%; padding:20px; border:1px solid #e8e8e8; vertical-align:top}
#browserUpdate .inner ul li:hover {background:#fafafa}
#browserUpdate .inner ul li .icon {width:48px; height:48px; margin:0 auto 25px auto}
#browserUpdate .inner ul li .icon img {display:block; width:100%}
#browserUpdate .inner ul li a {display:block; height:35px; font-family:'?��?','Dotum'; font-size:12px; color:#444; text-align:center; line-height:31px; border:1px solid #dedede; border-bottom:3px solid #dadada; background:#f9f9f9}
#browserUpdate .inner ul li a:hover {background:#fff}
#browserUpdate .inner ul li a:active {border-top:1px solid #dadada; border-bottom:1px solid #dedede; background:#f4f4f4}

/* 헤더 */
#header {position:fixed; top:0; left:0; width:100%; height:110px; -webkit-transition:height, background .3s; -moz-transition:height, background .3s; -o-transition:height, background .3s; transition:height, background .3s; z-index:900}
#header > .inner {position:relative; max-width:1460px; margin:auto}
#header #logo {float:left; padding-top:12px; transition:all .2s}

/* 헤더로고컨트롤 */
#logo.add-fixed {display:none;}
#header.fixed #logo.no-fixed {display:none;}
#header.fixed #logo.add-fixed {display:block;}
#header.hover #logo.no-fixed {display:none;}
#header.hover #logo.add-fixed {display:block;}

#lnb {float:right; margin-right:120px;}
#lnb > li {position:relative; display:inline-block; /* vertical-align:top */}
#lnb > li.home {display:none}
#lnb > li > a {display:block; padding:43px 25px; font-size:16px; font-weight:700; color:#fff; transition:all .3s}
#lnb > li > a:hover, #header #lnb > li.on > a {color:#89da25;}
#header.fixed {height:100px}
#header.fixed #logo {padding-top:0px}
#header.fixed #lnb > li > a {padding:38px 25px;color:#222;}
#header.hover #lnb > li > a {color:#222;}
#header #lnbOpener {display:none}

#header .sl-nav {
  margin: 0;
  list-style: none;
  position: relative;
 display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: var(--header-size);
}

/* #header .sl-nav ul {
  margin: 0;
  list-style: none;
  position: relative;
  display: inline-block;
}
 */

#header .sl-nav ul {
  margin: 0;
  list-style: none;
  position: relative;
 display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: var(--header-size);
}

#header .util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  top: 30px;
  right: 20px;
  padding-right: 20px;
}  
#header.fixed .util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  top: 25px;
  right: 20px;
  padding-right: 20px;
}  




#header .sl-nav li {
  cursor: pointer;
  padding-bottom: 10px;
}

#header .sl-nav ul .lang_area {
  position: relative;
  margin: 10px 0 0 0px;
}

#header .sl-nav ul .lang_area .svg_lang{
margin-top:0px;
}

#header .sl-nav li ul {
  display: none;
}

#header .sl-nav li:hover ul {
  position: absolute;
  top: 35px;
  right: -15px;
  display: block;
  background: #fff;
  width: 100px;
  padding-top: 0px;
  z-index: 1;
  border-radius: 5px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

#header .sl-nav li:hover .triangle {
  position: absolute;
  top: 21px;
  right: -10px;
  z-index: 10;
  height: 14px;
  overflow: hidden;
  width: 30px;
  background: transparent;
}

#header .sl-nav li:hover .triangle:after {
  content: "";
  display: block;
  z-index: 20;
  width: 15px;
  transform: rotate(45deg) translateY(0px) translatex(10px);
  height: 15px;
  background: #fff;
  border-radius: 2px 0px 0px 0px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

#header .sl-nav li ul li {
  position: relative;
  text-align: center;
  background: transparent;
  padding: 15px 15px;
  padding-bottom: 0;
  z-index: 2;
  font-size: 15px;
  color: #3c3c3c;
}

#header .sl-nav li ul li:last-of-type {
  padding-bottom: 15px;
}

#header .sl-nav li ul li span {
  padding-left: 5px;
}

#header .sl-nav li ul li span:hover, .sl-nav li ul li span.active {
  color: #1eaa4e;
}

#header .sl-flag {
  display: inline-block;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  width: 15px;
  height: 15px;
  background: #aaa;
  border-radius: 50%;
  position: relative;
  top: 2px;
  overflow: hidden;
}

#header .flag-de {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAPUlEQVQ4T+3HMQ0AIBTE0NOHM8x9B7hgh71bIWGieUvze1m7kHGBr/AVvsJX+EpmP5dV5/gKX+ErfIUvVDYcX2NMxQC8PAAAAABJRU5ErkJggg==");
  background-size: cover;
  background-position: center center;
}

#header .flag-usa {
  background-size: cover;
  background-position: center center;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAABhUlEQVQ4T2Ows82PjGixsc4LD2tysC/09Kjw8622tyuICG8u0w/cpGSCBzF4e1VmZkzw9anOzOj38a4KCW4IC22ECHYk1l9tn4gHMeTlTnZxLikvm+XiUpKW2hvgX+vnV5OVOQEoOGfOtv94AYOzU3Fd7XxHh6Lq6rlurqUx0W0J8Z1AnbW18yotonaYuOJBDBXls4A+bGpaBCTz86YEBtQCvVBSPAPIbY0oP1/aiAcxABU1Ny+2tclvbFjo5FgUF9uenNwNDLnmpkWEnV1TPRcY1O1tS4H6i4umA/0MDK2K8tlAwRqHpP1uoXgQKKraWpcClTY3LQZaCLQ5NaUX5OaWJY3++SeTC/AgBmA4AXUClUJs9ver8fKsAAYEUJCws4G21dXNB1oFdD/Qz8DQTk4C+bm2dn6DZ9bRiDQ8iAEYt8CoBpK5YBIYw0AEEZwSXX4oMB4PYoC6gCzAcDqrjGzEsMfen2xEmbMv1rSTjRi26dqRjShz9o2+6WQjBrSShQSkZAIADvW/HLrLY6cAAAAASUVORK5CYII=");
}
#header .ico {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  height: 30px;
}
#header .ico.svg_lang {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='레이어_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 106.3 107.22' style='enable-background:new 0 0 106.3 107.22;' xml:space='preserve'%3E%3Cpath fill='white' d='M53.61,0C24.05,0,0,24.06,0,53.61c0,29.57,24.05,53.61,53.61,53.61s53.61-24.04,53.61-53.61 C107.22,24.06,83.18,0,53.61,0z M87.32,62c-1.58,0.55-3.29,1.04-5.06,1.5c0.31-3.2,0.48-6.5,0.48-9.89c0-3.39-0.17-6.68-0.48-9.88 c1.76,0.46,3.47,0.96,5.06,1.51c8.15,2.83,11.8,6.25,11.8,8.37C99.11,55.74,95.46,59.16,87.32,62z M8.11,53.61 c0-2.13,3.65-5.54,11.8-8.38c1.59-0.55,3.29-1.04,5.06-1.51c-0.31,3.2-0.48,6.5-0.48,9.89c0,3.39,0.17,6.69,0.48,9.89 c-1.76-0.46-3.47-0.95-5.06-1.5C11.76,59.16,8.11,55.74,8.11,53.61z M32.59,53.61c0-3.99,0.27-7.88,0.75-11.64 c5.06-0.82,10.52-1.34,16.22-1.51v26.3c-5.7-0.17-11.16-0.68-16.22-1.51C32.86,61.5,32.59,57.6,32.59,53.61z M57.67,9.08 c3.65,1.7,7.17,5.62,10.06,11.32c1.95,3.85,3.49,8.31,4.64,13.13c-4.74-0.65-9.7-1.05-14.7-1.19V9.08z M49.56,9.08v23.27 c-5,0.14-9.96,0.54-14.7,1.19c1.14-4.82,2.69-9.28,4.64-13.13C42.38,14.69,45.91,10.78,49.56,9.08z M49.56,74.88v23.27 c-3.65-1.7-7.17-5.62-10.06-11.33c-1.95-3.85-3.49-8.31-4.64-13.13C39.6,74.34,44.56,74.74,49.56,74.88z M57.67,98.15V74.88 c5-0.14,9.96-0.54,14.7-1.19c-1.15,4.82-2.69,9.28-4.64,13.13C64.84,92.53,61.31,96.45,57.67,98.15z M57.67,66.76v-26.3 c5.7,0.16,11.16,0.68,16.22,1.51c0.48,3.76,0.75,7.65,0.75,11.64c0,3.99-0.27,7.89-0.75,11.65C68.82,66.08,63.36,66.6,57.67,66.76z M97.23,40.69c-4.39-2.37-9.97-4.25-16.22-5.63c-1.77-9.08-4.81-16.96-8.75-22.93C84.23,17.53,93.45,27.94,97.23,40.69z M34.96,12.13c-3.94,5.97-6.98,13.85-8.75,22.93c-6.25,1.38-11.83,3.25-16.22,5.63C13.77,27.94,23,17.53,34.96,12.13z M9.99,66.54 c4.38,2.38,9.97,4.25,16.22,5.63c1.77,9.09,4.81,16.96,8.76,22.94C23,89.7,13.77,79.28,9.99,66.54z M72.26,95.1 c3.94-5.97,6.99-13.85,8.76-22.94c6.25-1.37,11.83-3.25,16.22-5.63C93.45,79.29,84.22,89.7,72.26,95.1z'/%3E%3C/svg%3E%0A");
  background-size: 30px 30px;
}




#header.hover .ico.svg_lang, #header.fixed  .ico.svg_lang  {width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='레이어_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 106.3 107.22' style='enable-background:new 0 0 106.3 107.22;' xml:space='preserve'%3E%3Cpath fill='%23222222' d='M53.61,0C24.05,0,0,24.06,0,53.61c0,29.57,24.05,53.61,53.61,53.61s53.61-24.04,53.61-53.61 C107.22,24.06,83.18,0,53.61,0z M87.32,62c-1.58,0.55-3.29,1.04-5.06,1.5c0.31-3.2,0.48-6.5,0.48-9.89c0-3.39-0.17-6.68-0.48-9.88 c1.76,0.46,3.47,0.96,5.06,1.51c8.15,2.83,11.8,6.25,11.8,8.37C99.11,55.74,95.46,59.16,87.32,62z M8.11,53.61 c0-2.13,3.65-5.54,11.8-8.38c1.59-0.55,3.29-1.04,5.06-1.51c-0.31,3.2-0.48,6.5-0.48,9.89c0,3.39,0.17,6.69,0.48,9.89 c-1.76-0.46-3.47-0.95-5.06-1.5C11.76,59.16,8.11,55.74,8.11,53.61z M32.59,53.61c0-3.99,0.27-7.88,0.75-11.64 c5.06-0.82,10.52-1.34,16.22-1.51v26.3c-5.7-0.17-11.16-0.68-16.22-1.51C32.86,61.5,32.59,57.6,32.59,53.61z M57.67,9.08 c3.65,1.7,7.17,5.62,10.06,11.32c1.95,3.85,3.49,8.31,4.64,13.13c-4.74-0.65-9.7-1.05-14.7-1.19V9.08z M49.56,9.08v23.27 c-5,0.14-9.96,0.54-14.7,1.19c1.14-4.82,2.69-9.28,4.64-13.13C42.38,14.69,45.91,10.78,49.56,9.08z M49.56,74.88v23.27 c-3.65-1.7-7.17-5.62-10.06-11.33c-1.95-3.85-3.49-8.31-4.64-13.13C39.6,74.34,44.56,74.74,49.56,74.88z M57.67,98.15V74.88 c5-0.14,9.96-0.54,14.7-1.19c-1.15,4.82-2.69,9.28-4.64,13.13C64.84,92.53,61.31,96.45,57.67,98.15z M57.67,66.76v-26.3 c5.7,0.16,11.16,0.68,16.22,1.51c0.48,3.76,0.75,7.65,0.75,11.64c0,3.99-0.27,7.89-0.75,11.65C68.82,66.08,63.36,66.6,57.67,66.76z M97.23,40.69c-4.39-2.37-9.97-4.25-16.22-5.63c-1.77-9.08-4.81-16.96-8.75-22.93C84.23,17.53,93.45,27.94,97.23,40.69z M34.96,12.13c-3.94,5.97-6.98,13.85-8.75,22.93c-6.25,1.38-11.83,3.25-16.22,5.63C13.77,27.94,23,17.53,34.96,12.13z M9.99,66.54 c4.38,2.38,9.97,4.25,16.22,5.63c1.77,9.09,4.81,16.96,8.76,22.94C23,89.7,13.77,79.28,9.99,66.54z M72.26,95.1 c3.94-5.97,6.99-13.85,8.76-22.94c6.25-1.37,11.83-3.25,16.22-5.63C93.45,79.29,84.22,89.7,72.26,95.1z'/%3E%3C/svg%3E%0A");
  background-size: 30px 30px;
}



#header .ico.svg_lang:hover, .ico.svg_lang:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='레이어_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 106.3 107.22' style='enable-background:new 0 0 106.3 107.22;' xml:space='preserve'%3E%3Cpath fill='%2316873E' d='M53.61,0C24.05,0,0,24.06,0,53.61c0,29.57,24.05,53.61,53.61,53.61s53.61-24.04,53.61-53.61 C107.22,24.06,83.18,0,53.61,0z M87.32,62c-1.58,0.55-3.29,1.04-5.06,1.5c0.31-3.2,0.48-6.5,0.48-9.89c0-3.39-0.17-6.68-0.48-9.88 c1.76,0.46,3.47,0.96,5.06,1.51c8.15,2.83,11.8,6.25,11.8,8.37C99.11,55.74,95.46,59.16,87.32,62z M8.11,53.61 c0-2.13,3.65-5.54,11.8-8.38c1.59-0.55,3.29-1.04,5.06-1.51c-0.31,3.2-0.48,6.5-0.48,9.89c0,3.39,0.17,6.69,0.48,9.89 c-1.76-0.46-3.47-0.95-5.06-1.5C11.76,59.16,8.11,55.74,8.11,53.61z M32.59,53.61c0-3.99,0.27-7.88,0.75-11.64 c5.06-0.82,10.52-1.34,16.22-1.51v26.3c-5.7-0.17-11.16-0.68-16.22-1.51C32.86,61.5,32.59,57.6,32.59,53.61z M57.67,9.08 c3.65,1.7,7.17,5.62,10.06,11.32c1.95,3.85,3.49,8.31,4.64,13.13c-4.74-0.65-9.7-1.05-14.7-1.19V9.08z M49.56,9.08v23.27 c-5,0.14-9.96,0.54-14.7,1.19c1.14-4.82,2.69-9.28,4.64-13.13C42.38,14.69,45.91,10.78,49.56,9.08z M49.56,74.88v23.27 c-3.65-1.7-7.17-5.62-10.06-11.33c-1.95-3.85-3.49-8.31-4.64-13.13C39.6,74.34,44.56,74.74,49.56,74.88z M57.67,98.15V74.88 c5-0.14,9.96-0.54,14.7-1.19c-1.15,4.82-2.69,9.28-4.64,13.13C64.84,92.53,61.31,96.45,57.67,98.15z M57.67,66.76v-26.3 c5.7,0.16,11.16,0.68,16.22,1.51c0.48,3.76,0.75,7.65,0.75,11.64c0,3.99-0.27,7.89-0.75,11.65C68.82,66.08,63.36,66.6,57.67,66.76z M97.23,40.69c-4.39-2.37-9.97-4.25-16.22-5.63c-1.77-9.08-4.81-16.96-8.75-22.93C84.23,17.53,93.45,27.94,97.23,40.69z M34.96,12.13c-3.94,5.97-6.98,13.85-8.75,22.93c-6.25,1.38-11.83,3.25-16.22,5.63C13.77,27.94,23,17.53,34.96,12.13z M9.99,66.54 c4.38,2.38,9.97,4.25,16.22,5.63c1.77,9.09,4.81,16.96,8.76,22.94C23,89.7,13.77,79.28,9.99,66.54z M72.26,95.1 c3.94-5.97,6.99-13.85,8.76-22.94c6.25-1.37,11.83-3.25,16.22-5.63C93.45,79.29,84.22,89.7,72.26,95.1z'/%3E%3C/svg%3E%0A");
}

.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
}



/* 푸터 */
#footer {clear:both; position:relative; padding:40px 0 50px; background:#272f3c; z-index:10;/*margin-top:50px;*/}
#footer > .inner {max-width:1200px; margin:auto; font-size:13px}
#footer > .inner .linkList {margin-bottom:10px}
#footer > .inner .linkList > li {display:inline-block; margin-right:2px}
#footer > .inner .linkList > li:before {display:inline-block; margin:0 10px; color:#777; content:'/'}
#footer > .inner .linkList > li:first-child:before {display:none}
#footer > .inner .linkList > li a {display:inline-block; font-size:13px; color:#ddd; padding-bottom:3px}
#footer > .inner .linkList > li a:hover {color:#efefef; margin-bottom:-1px; border-bottom:1px dotted #efefef}
#footer > .inner .infoList {margin-bottom:5px}
#footer > .inner .infoList > li {display:inline-block; color:#ddd}
#footer > .inner .infoList > li:before {display:inline-block; width:1px; height:10px; margin:0 12px; content:''; background:#555; vertical-align:-1px}
#footer > .inner .infoList > li:first-child:before {display:none}
#footer > .inner .copyright {font-size:11px; color:#ddd}
/* ?�크�?버튼 */
#scrollTop {position:fixed; bottom:-40px; right:40px; z-index:100; opacity:0; transition:all .3s ease-in-out}
#scrollTop.active {bottom:40px; opacity:1}
#scrollTop > a {display:block; width:50px; height:50px; font-size:22px; color:#fff; text-align:center; line-height:52px; border-radius:50%; background:#21bbb1; box-shadow:0 0 0 0 #21bbb1; transition:background .25s ease-in-out}
#scrollTop > a:hover {background:#139088; box-shadow:0 0 0 10px rgba(78,196,188,0); transition:all .25s ease-in-out}

/* 미디??쿼리 */
@media screen and (min-width:1025px) {
 /* ?�더 */
 #header.hover, #header.fixed {background:#fff}
 #header:before {position:absolute; top:0; left:0; width:100%; height:4px; content:''; background:transparent; transition:all .3s}
 #header.hover:before, #header.fixed:before {background:#ffffff;}
 #lnb > li > ul {position:absolute; display:block !important; top:110px; left:0; width:220px; overflow:hidden; z-index:5}
 #lnb > li:hover > ul:before {position:absolute; display:block; top:-12px; left:30px; content:''; border-style:solid; border-width:6px; border-color:transparent transparent #333 transparent}
 #lnb > li > ul > li {height:0; background:#132359; transition:all .3s}
 #lnb > li > ul > li > a {display:block; width:100%; padding:0 15px; font-size:14px; color:#fff; line-height:45px; opacity:0; transition:all .3s}
 #lnb > li:hover > ul {border-bottom:4px solid #fff; overflow:visible; z-index:10}
 #lnb > li:hover > ul > li {height:45px; border-top:1px solid rgba(255, 255, 255, .15)}
 #lnb > li:hover > ul > li > a {opacity:1}
 #lnb > li:hover > ul > li > a:hover {padding-left:30px}
 #lnb > li > ul > li:first-child {border-top:none}
}
@media screen and (max-width:1280px) {
 /* 헤더 */
 #header > .inner {padding:0 50px}
 /* 푸터 */
 #footer > .inner {padding:0 50px}
}
@media screen and (max-width:1024px) {
 /* ?�더 */
 #header {height:70px !important}
 #lnb {float:right; margin-right:0px;}
 #header #logo {padding:0 !important}
 #header #logo a {display:block; width:70px; padding-top:20px; transition:padding .3s}
 #header #logo a img {display:block; width:100%}
 #header.hover #logo.no-fixed {display:block;}
 #header.hover #logo.add-fixed {display:none;}
 #header.fixed #logo.no-fixed {display:none;}
 #header.fixed #logo.add-fixed {display:block;}
 #header #lnbOpener {display:block; position:absolute; top:25px; right:50px; width:40px; height:40px; border:none; background:transparent; cursor:pointer; outline:none; transition:top .3s; z-index:1000}
 #header #lnbOpener span {position:absolute; display:block; left:50%; width:24px; height:2px; margin-left:-12px; background:#fff; transition:all .3s}
 #header #lnbOpener.open span {background:#000;}
 #header.fixed #lnbOpener span {background:#000;}
 #header #lnbOpener span.line1 {top:16px}
 #header #lnbOpener span.line2 {top:22px}
 #header #lnbOpener.open span.line1 {top:19px; transform:rotate(-135deg)}
 #header #lnbOpener.open span.line2 {top:19px; transform:rotate(135deg)}
 #header.fixed {background:rgba(255, 255, 255, .9); box-shadow:0 2px 4px rgba(0, 0, 0, .15)}
 #header.fixed #logo a {padding-top:10px}
 #header.fixed #lnbOpener {top:15px}

#header .util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  top: 20px;
  right: 70px;
  padding-right: 40px;
}  
#header.fixed .util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  top: 8px;
  right:70px;
  padding-right: 40px;
} 









#header.hover .ico.svg_lang, #header .ico.svg_lang:hover, .ico.svg_lang:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='레이어_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 106.3 107.22' style='enable-background:new 0 0 106.3 107.22;' xml:space='preserve'%3E%3Cpath fill='white' d='M53.61,0C24.05,0,0,24.06,0,53.61c0,29.57,24.05,53.61,53.61,53.61s53.61-24.04,53.61-53.61 C107.22,24.06,83.18,0,53.61,0z M87.32,62c-1.58,0.55-3.29,1.04-5.06,1.5c0.31-3.2,0.48-6.5,0.48-9.89c0-3.39-0.17-6.68-0.48-9.88 c1.76,0.46,3.47,0.96,5.06,1.51c8.15,2.83,11.8,6.25,11.8,8.37C99.11,55.74,95.46,59.16,87.32,62z M8.11,53.61 c0-2.13,3.65-5.54,11.8-8.38c1.59-0.55,3.29-1.04,5.06-1.51c-0.31,3.2-0.48,6.5-0.48,9.89c0,3.39,0.17,6.69,0.48,9.89 c-1.76-0.46-3.47-0.95-5.06-1.5C11.76,59.16,8.11,55.74,8.11,53.61z M32.59,53.61c0-3.99,0.27-7.88,0.75-11.64 c5.06-0.82,10.52-1.34,16.22-1.51v26.3c-5.7-0.17-11.16-0.68-16.22-1.51C32.86,61.5,32.59,57.6,32.59,53.61z M57.67,9.08 c3.65,1.7,7.17,5.62,10.06,11.32c1.95,3.85,3.49,8.31,4.64,13.13c-4.74-0.65-9.7-1.05-14.7-1.19V9.08z M49.56,9.08v23.27 c-5,0.14-9.96,0.54-14.7,1.19c1.14-4.82,2.69-9.28,4.64-13.13C42.38,14.69,45.91,10.78,49.56,9.08z M49.56,74.88v23.27 c-3.65-1.7-7.17-5.62-10.06-11.33c-1.95-3.85-3.49-8.31-4.64-13.13C39.6,74.34,44.56,74.74,49.56,74.88z M57.67,98.15V74.88 c5-0.14,9.96-0.54,14.7-1.19c-1.15,4.82-2.69,9.28-4.64,13.13C64.84,92.53,61.31,96.45,57.67,98.15z M57.67,66.76v-26.3 c5.7,0.16,11.16,0.68,16.22,1.51c0.48,3.76,0.75,7.65,0.75,11.64c0,3.99-0.27,7.89-0.75,11.65C68.82,66.08,63.36,66.6,57.67,66.76z M97.23,40.69c-4.39-2.37-9.97-4.25-16.22-5.63c-1.77-9.08-4.81-16.96-8.75-22.93C84.23,17.53,93.45,27.94,97.23,40.69z M34.96,12.13c-3.94,5.97-6.98,13.85-8.75,22.93c-6.25,1.38-11.83,3.25-16.22,5.63C13.77,27.94,23,17.53,34.96,12.13z M9.99,66.54 c4.38,2.38,9.97,4.25,16.22,5.63c1.77,9.09,4.81,16.96,8.76,22.94C23,89.7,13.77,79.28,9.99,66.54z M72.26,95.1 c3.94-5.97,6.99-13.85,8.76-22.94c6.25-1.37,11.83-3.25,16.22-5.63C93.45,79.29,84.22,89.7,72.26,95.1z'/%3E%3C/svg%3E%0A");
}

 #header.fixed .ico.svg_lang:hover,  #header.fixed .ico.svg_lang:focus, #header.fixed  .ico.svg_lang  
 {width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='레이어_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 106.3 107.22' style='enable-background:new 0 0 106.3 107.22;' xml:space='preserve'%3E%3Cpath fill='%23222222' d='M53.61,0C24.05,0,0,24.06,0,53.61c0,29.57,24.05,53.61,53.61,53.61s53.61-24.04,53.61-53.61 C107.22,24.06,83.18,0,53.61,0z M87.32,62c-1.58,0.55-3.29,1.04-5.06,1.5c0.31-3.2,0.48-6.5,0.48-9.89c0-3.39-0.17-6.68-0.48-9.88 c1.76,0.46,3.47,0.96,5.06,1.51c8.15,2.83,11.8,6.25,11.8,8.37C99.11,55.74,95.46,59.16,87.32,62z M8.11,53.61 c0-2.13,3.65-5.54,11.8-8.38c1.59-0.55,3.29-1.04,5.06-1.51c-0.31,3.2-0.48,6.5-0.48,9.89c0,3.39,0.17,6.69,0.48,9.89 c-1.76-0.46-3.47-0.95-5.06-1.5C11.76,59.16,8.11,55.74,8.11,53.61z M32.59,53.61c0-3.99,0.27-7.88,0.75-11.64 c5.06-0.82,10.52-1.34,16.22-1.51v26.3c-5.7-0.17-11.16-0.68-16.22-1.51C32.86,61.5,32.59,57.6,32.59,53.61z M57.67,9.08 c3.65,1.7,7.17,5.62,10.06,11.32c1.95,3.85,3.49,8.31,4.64,13.13c-4.74-0.65-9.7-1.05-14.7-1.19V9.08z M49.56,9.08v23.27 c-5,0.14-9.96,0.54-14.7,1.19c1.14-4.82,2.69-9.28,4.64-13.13C42.38,14.69,45.91,10.78,49.56,9.08z M49.56,74.88v23.27 c-3.65-1.7-7.17-5.62-10.06-11.33c-1.95-3.85-3.49-8.31-4.64-13.13C39.6,74.34,44.56,74.74,49.56,74.88z M57.67,98.15V74.88 c5-0.14,9.96-0.54,14.7-1.19c-1.15,4.82-2.69,9.28-4.64,13.13C64.84,92.53,61.31,96.45,57.67,98.15z M57.67,66.76v-26.3 c5.7,0.16,11.16,0.68,16.22,1.51c0.48,3.76,0.75,7.65,0.75,11.64c0,3.99-0.27,7.89-0.75,11.65C68.82,66.08,63.36,66.6,57.67,66.76z M97.23,40.69c-4.39-2.37-9.97-4.25-16.22-5.63c-1.77-9.08-4.81-16.96-8.75-22.93C84.23,17.53,93.45,27.94,97.23,40.69z M34.96,12.13c-3.94,5.97-6.98,13.85-8.75,22.93c-6.25,1.38-11.83,3.25-16.22,5.63C13.77,27.94,23,17.53,34.96,12.13z M9.99,66.54 c4.38,2.38,9.97,4.25,16.22,5.63c1.77,9.09,4.81,16.96,8.76,22.94C23,89.7,13.77,79.28,9.99,66.54z M72.26,95.1 c3.94-5.97,6.99-13.85,8.76-22.94c6.25-1.37,11.83-3.25,16.22-5.63C93.45,79.29,84.22,89.7,72.26,95.1z'/%3E%3C/svg%3E%0A");
  background-size: 30px 30px;
}








 
 
}

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

 #lnb {float:none !important; padding-top:60px}
 #lnb > li {display:block !important}
 #lnb > li.open > a {color:#21bbb1}
 #lnb > li.home {display:block}
 #lnb > li > a {display:block; width:100%; padding:15px 20px !important}
 #lnb > li > ul {display:none; border-top:1px solid #dedede}
 #lnb > li > ul > li > a {display:block; width:100%; padding:10px 20px; border-bottom:1px solid #e5e5e5; background:#f4f4f4}
 #lnb > li > ul > li.on > a {font-weight:500; color:#fff; border-color:#162762; background:#132359}
 #lnbWrapper {}
 #lnbWrapper > .inner {position:fixed; top:0; right:-300px; width:300px; height:100%; background:#fff; z-index:990}
 #lnbWrapper > .lnb-mask {position:fixed; display:none; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6; z-index:900}
}


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

 /* ?�더 */
 #header > .inner {padding:0 20px}

 #header #lnbOpener {right:30px}
 /* ?�터 */
 #footer > .inner {padding:0 30px}
 #footer > .inner .linkList {text-align:center}
 #footer > .inner .linkList > li > a {font-size:11px}
 #footer > .inner .infoList {text-align:center; margin-bottom:10px}
 #footer > .inner .infoList > li {margin:0 5px; font-size:11px; line-height:1.6}
 #footer > .inner .infoList > li a {font-size:11px; color:#888; line-height:1.6}
 #footer > .inner .infoList > li:before {display:none}
 #footer > .inner .copyright {text-align:center}

 #header .util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  top: 20px;
  right: 40px;
  padding-right: 40px;
}  
#header.fixed .util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  top: 8px;
  right: 40px;
  padding-right: 40px;
} 

}