@import url(fonts_google_Noto_Sans_KR.css);
@import url(fonts_google_Noto_Sans_JP.css);
@import url(fonts_google_Noto_Sans_SC.css);
@import url(fonts_google_Roboto.css);

.fonts-load{visibility:hidden}
.fonts-loaded .fonts-load{visibility:visible}
/*! reset */
*,*::after,*::before{-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}
html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;font-size:10px;font-weight:400}
html:lang(ko){font-family:"Noto Sans KR",sans-serif}
html:lang(en){font-family:"Roboto",sans-serif}
html:lang(ja){font-family:"Noto Sans JP",sans-serif}
html:lang(zh){font-family:"Noto Sans SC",sans-serif}
html:lang(ko){line-height:1.15}
html:lang(en){line-height:1.15}
html:lang(ja){line-height:1.15}
html:lang(zh){line-height:1.15}
html:lang(ko){word-break:keep-all}
html:lang(en){word-break:keep-all}
html:lang(ja){word-break:break-all}
html:lang(zh){word-break:break-all}
html:lang(ko){word-wrap:break-word}
html:lang(en){word-wrap:break-word}
html:lang(ja){word-wrap:break-word}
html:lang(zh){word-wrap:break-word}
html:lang(ko){letter-spacing:-0.025em}
html:lang(en){letter-spacing:-0.025em}
html:lang(ja){letter-spacing:-0.025em}
html:lang(zh){letter-spacing:-0.025em}
@media (max-width: 374px){
html{font-size:-webkit-calc(9px + 6 * ((100vw - 360px) / 374));font-size:calc(9px + 6 * ((100vw - 360px) / 374))}
}
@media (min-width: 375px) and (max-width: 1023px){
html{font-size:-webkit-calc(10px + 6 * ((100vw - 375px) / 1023));font-size:calc(10px + 6 * ((100vw - 375px) / 1023))}
}
@media (min-width: 1024px) and (max-width: 1239px){
html{font-size:-webkit-calc(9px + 6 * ((100vw - 1024px) / 1239));font-size:calc(9px + 6 * ((100vw - 1024px) / 1239))}
}
@media (min-width: 1240px){
html{font-size:10px}
}
article,aside,audio,blockquote,body,canvas,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,mark,nav,ol,p,pre,section,td,textarea,th,time,ul,video{margin:0;padding:0}
body{color:#000;background-color:#fff}
img{border:0;border-style:none}
button{border:0;background:none;padding:0;cursor:pointer}
button,input,optgroup,select,textarea{margin:0;font-size:100%;font-family:inherit}
table{border-collapse:collapse;border-spacing:0}
fieldset{border:0}
legend{color:#000}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;line-height:1}
caption,hr,legend{width:0;height:0;font-size:1px;text-indent:-9999em;line-height:0}
a{color:inherit;text-decoration:none;background-color:transparent}
a:visited span{border:inherit}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
main{display:block}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
button,input{overflow:visible}
button,select{text-transform:none}
[type="button"],[type="reset"],[type="submit"],button{-webkit-appearance:button}
[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
template{display:none}
[hidden]{display:none}
@media print{
*,*:after,*:before{background:transparent!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
pre{white-space:pre-wrap!important}
blockquote,pre{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
img,tr{page-break-inside:avoid}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
/*! 프로젝트 커스텀 세팅 */
html{font-size:6px}
.mobile-mode-dimm-container{display:none!important}
}
/*! s: plugin - swiper css */
@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical > .swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.swiper-container-multirow > .swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-multirow-column > .swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.swiper-container-free-mode > .swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}
.swiper-container-css-mode > .swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}
:root{--swiper-navigation-size:44px}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:-webkit-calc(var(--swiper-navigation-size)/ 44 * 27);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:-webkit-calc(-1 * var(--swiper-navigation-size)/ 2);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);-ms-transform:scale(0.33);transform:scale(0.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);-ms-transform:scale(0.66);transform:scale(0.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);-ms-transform:scale(0.33);transform:scale(0.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);-ms-transform:scale(0.66);transform:scale(0.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);-ms-transform:scale(0.33);transform:scale(0.33)}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color, var(--swiper-theme-color))}
.swiper-container-vertical > .swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s transform,.2s top;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s left;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s right;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right}
.swiper-pagination-progressbar{background:rgba(0, 0, 0, 0.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}
.swiper-container-horizontal > .swiper-pagination-progressbar,.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical > .swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.swiper-pagination-white{--swiper-pagination-color:#ffffff}
.swiper-pagination-black{--swiper-pagination-color:#000000}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0, 0, 0, 0.1)}
.swiper-container-horizontal > .swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical > .swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0, 0, 0, 0.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}
.swiper-zoom-container > canvas,.swiper-zoom-container > img,.swiper-zoom-container > svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}
.swiper-slide-zoomed{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@-webkit-keyframes swiper-preloader-spin{
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes swiper-preloader-spin{
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next + .swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.swiper-container-flip{overflow:visible}
.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
/*! e: plugin - swiper css */
/*! common */
.clfix:after,.clfix:before{display:table;line-height:0;content:""}
.clfix:after{clear:both}
.hide-txt{overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
@media (max-width: 1024px){
a .hide-txt{font-size:0}
}
a:before{content:'　';position:absolute;font-size:0}
[tabindex="-1"]:focus{outline:0}
/*! 반응형 미지원 컨텐츠의 모바일 화면시 가림막 소스 */
.mobile-mode-dimm-container{display:none}
@media (max-width: 1023px){
.mobile-mode-dimm-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;top:0;left:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;outline:0;overflow:hidden;text-align:center;z-index:1000;background:#000;opacity:1}
.mobile-mode-dimm-container .mobile-mode-box{position:relative;padding:20px;padding:2rem;margin:0 40px;margin:0 4rem;background:#fff;border-radius:10px;border-radius:1rem;border:2px solid #2594c0;font-size:24px;font-size:2.4rem}
}
/*! skipnav */
.skipnav{position:absolute;top:0;left:0;z-index:9999;width:100%;height:0;line-height:1}
.skipnav a{display:block;overflow:hidden;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;font-size:0;line-height:1}
.skipnav a:active,.skipnav a:focus,.skipnav a:hover{position:absolute;top:0;left:0;z-index:50;width:100%;height:19px;margin:0;padding:5px 0;border:1px solid #c4d7ea;background:#2b6cb0;color:#fff;font-weight:700;font-size:1.333em;text-align:center;line-height:100%}
/*! Browser Upgrade Prompt */
.browserupgrade{margin:.2em 0;padding:.2em 0;background:#ccc;color:#000;font-size:1px}
.browserupgrade strong{color:#000;font-weight:700}
.browserupgrade a{color:#8d0080;font-weight:700;text-decoration:underline}
/*! dimm */
.dimm{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#000;opacity:.6}
.dimm img{display:none}
/*! body */
.overflow-hidden{overflow:hidden!important}
/*! mobile 버전 - css */
@media (max-width: 1023px){
	/*! form - checkbox */
	.input-checkbox{display:inline-block}
	.input-checkbox input{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}
	.input-checkbox label{display:inline-block;position:relative;min-width:20px;min-width:2rem;min-height:20px;min-height:2rem;padding-top:1px;padding-top:0.1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
	.input-checkbox .txt{display:inline-block;color:#999;font-size:14px;font-size:1.4rem;line-height:1.7}
	.input-checkbox label:before{content:'';position:absolute;top:50%;left:0;width:20px;width:2rem;height:20px;height:2rem;margin-top:-10px;margin-top:-1rem;border:1px solid #ddd;text-align:center;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
	.input-checkbox label:after{content:'';display:block;position:absolute;top:50%;left:5px;left:0.5rem;margin-top:-4px;margin-top:-0.4rem;width:9px;width:0.9rem;height:6px;height:0.6rem;border-top:2px solid #ddd;border-top:0.2rem solid #ddd;border-right:2px solid #ddd;border-right:0.2rem solid #ddd;-webkit-transform:rotate(130deg);-ms-transform:rotate(130deg);transform:rotate(130deg);-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
	.input-checkbox.right label{padding-left:30px;padding-left:3rem}
	.input-checkbox.left label{padding-right:30px;padding-right:3rem}
	.input-checkbox.left label:before{left:auto;right:0}
	.input-checkbox.left label:after{left:auto;right:5px;right:0.5rem}
	.input-checkbox.up label{padding-bottom:25px;padding-bottom:2.5rem}
	.input-checkbox.up label:before{top:auto;bottom:0;left:50%;margin-left:-10px;margin-left:-1rem;margin-top:0}
	.input-checkbox.up label:after{top:auto;bottom:8px;bottom:0.8rem;left:50%;margin-left:-5px;margin-left:-0.5rem;margin-top:0}
	.input-checkbox.down label{padding-top:25px;padding-top:2.5rem}
	.input-checkbox.down label:before{top:0;left:50%;margin-left:-10px;margin-left:-1rem;margin-top:0}
	.input-checkbox.down label:after{top:6px;top:0.6rem;left:50%;margin-left:-5px;margin-left:-0.5rem;margin-top:0}
	.input-checkbox input.checked + label:before,.input-checkbox input:checked + label:before{background-color:#4ac5f8;border-color:#4ac5f8}
	.input-checkbox input.checked + label:after,.input-checkbox input:checked + label:after{border-color:#fff}
	.input-checkbox input.checked + label .txt,.input-checkbox input:checked + label .txt{color:#333}
	.input-checkbox input.disabled + label:before,.input-checkbox input:disabled + label:before{background-color:#ddd;border-color:#ddd}
	.input-checkbox input.disabled + label:after,.input-checkbox input:disabled + label:after{border-color:#fff}
	/*! form - radio */
	.input-radio{display:inline-block}
	.input-radio input{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}
	.input-radio label{display:inline-block;position:relative;min-width:20px;min-width:2rem;min-height:20px;min-height:2rem;padding-top:1px;padding-top:0.1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
	.input-radio .txt{display:inline-block;color:#999;font-size:14px;font-size:1.4rem;line-height:1.7}
	.input-radio label:before{content:'';position:absolute;top:50%;left:0;width:20px;width:2rem;height:20px;height:2rem;margin-top:-10px;margin-top:-1rem;border:1px solid #ddd;text-align:center;border-radius:50%;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
	.input-radio label:after{content:'';display:block;position:absolute;top:50%;background-color:#ddd;left:6px;left:0.6rem;width:8px;width:0.8rem;height:8px;height:0.8rem;margin-top:-4px;margin-top:-0.4rem;border-radius:50%;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
	.input-radio.right label{padding-left:30px;padding-left:3rem}
	.input-radio.left label{padding-right:30px;padding-right:3rem}
	.input-radio.left label:before{left:auto;right:0}
	.input-radio.left label:after{left:auto;right:6px;right:0.6rem}
	.input-radio.up label{padding-bottom:25px;padding-bottom:2.5rem}
	.input-radio.up label:before{top:auto;bottom:0;left:50%;margin-left:-10px;margin-left:-1rem;margin-top:0}
	.input-radio.up label:after{top:auto;bottom:6px;bottom:0.6rem;left:50%;margin-left:-4px;margin-left:-0.4rem;margin-top:0}
	.input-radio.down label{padding-top:25px;padding-top:2.5rem}
	.input-radio.down label:before{top:0;left:50%;margin-left:-10px;margin-left:-1rem;margin-top:0}
	.input-radio.down label:after{top:6px;top:0.6rem;left:50%;margin-left:-4px;margin-left:-0.4rem;margin-top:0}
	.input-radio input.checked + label:before,.input-radio input:checked + label:before{background-color:#4ac5f8;border-color:#4ac5f8}
	.input-radio input.checked + label:after,.input-radio input:checked + label:after{background-color:#fff}
	.input-radio input.disabled + label:before,.input-radio input:disabled + label:before{background-color:#ddd;border-color:#ddd}
	.input-radio input.disabled + label:after,.input-radio input:disabled + label:after{background-color:#fff}
	/*! form - input text */
	.input-txt{display:table;position:relative;width:100%;border:1px solid #ddd;background-color:#fff}
	.input-txt input{display:table-cell;width:100%;padding:0 0 0 15px;padding:0 0 0 1.5rem;font-size:14px;font-size:1.4rem;color:#333;height:48px;height:4.8rem;line-height:48px;line-height:4.8rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background-color:transparent}
	.input-txt.h60 input{height:58px;height:5.8rem;line-height:58px;line-height:5.8rem}
	.input-txt.double{table-layout:fixed}
	.input-txt.double input{height:34px;height:3.4rem;line-height:34px;line-height:3.4rem}
	.input-txt.double .col{position:relative;display:table-cell;padding:0 5px;padding:0 0.5rem}
	.input-txt.double .col .bu{width:10px;width:1rem;height:34px;height:3.4rem;position:absolute;top:0;right:-5px;right:-0.5rem;background-color:#fff}
	.input-txt.double .col .bu:after{content:'';width:1px;width:0.1rem;height:16px;height:1.6rem;position:absolute;top:50%;right:5px;right:0.5rem;margin-top:-8px;margin-top:-0.8rem;background-color:#999;-webkit-transform:rotate(0) skew(-20deg, 0deg);-ms-transform:rotate(0) skew(-20deg, 0deg);transform:rotate(0) skew(-20deg, 0deg)}
	.input-txt.double .col:first-child{padding-left:0}
	.input-txt.double .col:first-child input{padding-left:5px;padding-left:0.5rem}
	.input-txt.double .col:last-child{padding-right:0}
	.input-txt.double .col:last-child input{padding-left:2px;padding-left:0.2rem}
	.input-txt.double .col:last-child:after{display:none}
	.input-txt .message{position:absolute;top:-webkit-calc(100% + 2px);top:calc(100% + 2px);top:-webkit-calc(100% + 0.2rem);top:calc(100% + 0.2rem);left:0;font-size:14px;font-size:1.4rem;font-weight:300}
	.input-txt .message.pass{color:#2594c0}
	.input-txt .message.error{color:#e63c54}
	.input-txt .unit{width:10px;width:1rem;display:table-cell;padding:0 20px 0 1px;padding:0 2rem 0 0.1rem;color:#333;font-size:16px;font-size:1.6rem;font-weight:300}
	.input-txt .unit .count{display:table-cell}
	.input-txt .unit .limit{display:table-cell;color:#999}
	.input-txt .input-btn-area{display:table-cell;position:relative;width:50px;width:5rem}
	.input-txt .input-btn-area .btn{position:absolute;width:100%;height:48px;height:4.8rem;top:0;left:0}
	/*! form - input text - placeholder */
	.input-txt input::-webkit-input-placeholder{font-size:14px;font-size:1.4rem;color:#999;background:transparent;opacity:1;font-weight:300;letter-spacing:0;letter-spacing:-0.025em}
	.input-txt input::-moz-placeholder{font-size:14px;font-size:1.4rem;color:#999;background:transparent;opacity:1;font-weight:300;letter-spacing:0;letter-spacing:-0.025em}
	.input-txt input:-ms-input-placeholder{font-size:14px;font-size:1.4rem;color:#999;background:transparent;opacity:1;font-weight:300;letter-spacing:0;letter-spacing:-0.025em}
	.input-txt input::-ms-input-placeholder{font-size:14px;font-size:1.4rem;color:#999;background:transparent;opacity:1;font-weight:300;letter-spacing:0;letter-spacing:-0.025em}
	.input-txt input::placeholder{font-size:14px;font-size:1.4rem;color:#999;background:transparent;opacity:1;font-weight:300;letter-spacing:0;letter-spacing:-0.025em}
	.input-txt input[disabled],.input-txt input[readonly]{pointer-events:none;background-color:#f9f9f9;height:47px;height:4.7rem}
	.input-txt input[disabled] + .input-btn-area,.input-txt input[disabled] + .unit,.input-txt input[readonly] + .input-btn-area,.input-txt input[readonly] + .unit{background-color:#f9f9f9;pointer-events:none}
	.input-txt input[disabled]::-webkit-input-placeholder,.input-txt input[readonly]::-webkit-input-placeholder{background-color:#f9f9f9}
	.input-txt input[disabled]::-moz-placeholder,.input-txt input[readonly]::-moz-placeholder{background-color:#f9f9f9}
	.input-txt input[disabled]:-ms-input-placeholder,.input-txt input[readonly]:-ms-input-placeholder{background-color:#f9f9f9}
	.input-txt input[disabled]::-ms-input-placeholder,.input-txt input[readonly]::-ms-input-placeholder{background-color:#f9f9f9}
	.input-txt input[disabled]::placeholder,.input-txt input[readonly]::placeholder{background-color:#f9f9f9}
	.input-txt.h60 input[disabled],.input-txt.h60 input[readonly]{height:57px;height:5.7rem}
	.input-txt.double input[disabled],.input-txt.double input[readonly]{height:34px;height:3.4rem}
	.input-txt.double input[disabled] + .bu,.input-txt.double input[readonly] + .bu{background-color:#f9f9f9}
	/*! form - selectbox */
	.selectbox{position:relative;z-index:0;display:inline-block;width:100%;overflow:hidden;border:1px solid #ddd}
	.selectbox:after{content:'';display:block;position:absolute;top:50%;right:15px;right:1.5rem;margin-top:-8px;margin-top:-0.8rem;width:10px;width:1rem;height:10px;height:1rem;border-top:2px solid #999;border-top:0.2rem solid #999;border-right:2px solid #999;border-right:0.2rem solid #999;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
	.selectbox select{cursor:pointer;position:relative;z-index:1;width:100%;padding:0 0 0 20px;padding:0 0 0 2rem;height:48px;height:4.8rem;line-height:48px;line-height:4.8rem;font-size:14px;font-size:1.4rem;color:#333;background-color:transparent;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}
	.selectbox select::-ms-expand{display:none}
	.selectbox select:disabled{background-color:#f9f9f9;pointer-events:none}
	/*! form - textarea 스타일 */
	.textarea-container{width:100%;padding:20px 30px;padding:2rem 3rem;border:1px solid #ddd}
	.textarea-scrollbar{width:100%;height:100%;border:none;font-size:16px;font-size:1.6rem;color:#333;line-height:1.625}
	/*! form - textarea - placeholder */
	.textarea-scrollbar::-webkit-input-placeholder{font-size:16px;font-size:1.6rem;color:#999;background:transparent;opacity:1;font-weight:300;letter-spacing:0;letter-spacing:-0.025em}
	.textarea-scrollbar::-moz-placeholder{font-size:16px;font-size:1.6rem;color:#999;background:transparent;opacity:1;font-weight:300;letter-spacing:0;letter-spacing:-0.025em}
	.textarea-scrollbar:-ms-input-placeholder{font-size:16px;font-size:1.6rem;color:#999;background:transparent;opacity:1;font-weight:300;letter-spacing:0;letter-spacing:-0.025em}
	.textarea-scrollbar::-ms-input-placeholder{font-size:16px;font-size:1.6rem;color:#999;background:transparent;opacity:1;font-weight:300;letter-spacing:0;letter-spacing:-0.025em}
	.textarea-scrollbar::placeholder{font-size:16px;font-size:1.6rem;color:#999;background:transparent;opacity:1;font-weight:300;letter-spacing:0;letter-spacing:-0.025em}
	.textarea-scrollbar[disabled],.textarea-scrollbar[readonly]{pointer-events:none;background-color:#f9f9f9}
	/*! 파일첨부 스타일 */
	.input-file-type01{position:relative;padding-right:60px;padding-right:6rem}
	.input-file-type01 .input-file{position:relative;width:100%;height:50px;height:5rem;z-index:2;opacity:0;cursor:pointer}
	.input-file-type01 .input-file-label{display:block;position:absolute;z-index:1;top:0;left:0;cursor:pointer;width:-webkit-calc(100% - 60px);width:calc(100% - 60px);width:-webkit-calc(100% - 6rem);width:calc(100% - 6rem);padding:15px 0 15px 20px;padding:1.5rem 0 1.5rem 2rem;border:1px solid #ddd;color:#999;font-size:16px;font-size:1.6rem;font-weight:300;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
	.input-file-type01 .input-file-label:after{content:'';display:block;width:50px;width:5rem;height:50px;height:5rem;position:absolute;top:-1px;top:-0.1rem;right:-60px;right:-6rem;background:#f5f5f5 url("../image/ico_add_file.png") no-repeat center center}
	.input-file-type01 .input-file:focus + .input-file-label,.input-file-type01 .input-file:hover + .input-file-label{border:1px solid #000}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
/*! form - checkbox */
.input-checkbox{display:inline-block}
.input-checkbox input{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}
.input-checkbox label{display:inline-block;position:relative;min-width:20px;min-width:2rem;min-height:20px;min-height:2rem;padding-top:1px;padding-top:0.1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.input-checkbox .txt{display:inline-block;color:#999;font-size:16px;font-size:1.6rem}
.input-checkbox label:before{content:'';position:absolute;top:50%;left:0;width:20px;width:2rem;height:20px;height:2rem;margin-top:-10px;margin-top:-1rem;border:1px solid #ddd;text-align:center;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.input-checkbox label:after{content:'';display:block;position:absolute;top:50%;left:5px;left:0.5rem;margin-top:-4px;margin-top:-0.4rem;width:9px;width:0.9rem;height:6px;height:0.6rem;border-top:2px solid #ddd;border-top:0.2rem solid #ddd;border-right:2px solid #ddd;border-right:0.2rem solid #ddd;-webkit-transform:rotate(130deg);-ms-transform:rotate(130deg);transform:rotate(130deg);-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.input-checkbox.right label{padding-left:30px;padding-left:3rem}
.input-checkbox.left label{padding-right:30px;padding-right:3rem}
.input-checkbox.left label:before{left:auto;right:0}
.input-checkbox.left label:after{left:auto;right:5px;right:0.5rem}
.input-checkbox.up label{padding-bottom:25px;padding-bottom:2.5rem}
.input-checkbox.up label:before{top:auto;bottom:0;left:50%;margin-left:-10px;margin-left:-1rem;margin-top:0}
.input-checkbox.up label:after{top:auto;bottom:8px;bottom:0.8rem;left:50%;margin-left:-5px;margin-left:-0.5rem;margin-top:0}
.input-checkbox.down label{padding-top:25px;padding-top:2.5rem}
.input-checkbox.down label:before{top:0;left:50%;margin-left:-10px;margin-left:-1rem;margin-top:0}
.input-checkbox.down label:after{top:6px;top:0.6rem;left:50%;margin-left:-5px;margin-left:-0.5rem;margin-top:0}
.input-checkbox input.checked + label:before,.input-checkbox input:checked + label:before{background-color:#4ac5f8;border-color:#4ac5f8}
.input-checkbox input.checked + label:after,.input-checkbox input:checked + label:after{border-color:#fff}
.input-checkbox input.checked + label .txt,.input-checkbox input:checked + label .txt{color:#333}
.input-checkbox input.disabled + label:before,.input-checkbox input:disabled + label:before{background-color:#ddd;border-color:#ddd}
.input-checkbox input.disabled + label:after,.input-checkbox input:disabled + label:after{border-color:#fff}
/*! form - radio */
.input-radio{display:inline-block}
.input-radio input{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}
.input-radio label{display:inline-block;position:relative;min-width:20px;min-width:2rem;min-height:20px;min-height:2rem;padding-top:1px;padding-top:0.1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.input-radio .txt{display:inline-block;color:#999;font-size:16px;font-size:1.6rem}
.input-radio label:before{content:'';position:absolute;top:50%;left:0;width:20px;width:2rem;height:20px;height:2rem;margin-top:-10px;margin-top:-1rem;border:1px solid #ddd;text-align:center;border-radius:50%;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.input-radio label:after{content:'';display:block;position:absolute;top:50%;background-color:#ddd;left:6px;left:0.6rem;width:8px;width:0.8rem;height:8px;height:0.8rem;margin-top:-4px;margin-top:-0.4rem;border-radius:50%;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.input-radio.right label{padding-left:30px;padding-left:3rem}
.input-radio.left label{padding-right:30px;padding-right:3rem}
.input-radio.left label:before{left:auto;right:0}
.input-radio.left label:after{left:auto;right:6px;right:0.6rem}
.input-radio.up label{padding-bottom:25px;padding-bottom:2.5rem}
.input-radio.up label:before{top:auto;bottom:0;left:50%;margin-left:-10px;margin-left:-1rem;margin-top:0}
.input-radio.up label:after{top:auto;bottom:6px;bottom:0.6rem;left:50%;margin-left:-4px;margin-left:-0.4rem;margin-top:0}
.input-radio.down label{padding-top:25px;padding-top:2.5rem}
.input-radio.down label:before{top:0;left:50%;margin-left:-10px;margin-left:-1rem;margin-top:0}
.input-radio.down label:after{top:6px;top:0.6rem;left:50%;margin-left:-4px;margin-left:-0.4rem;margin-top:0}
.input-radio input.checked + label:before,.input-radio input:checked + label:before{background-color:#4ac5f8;border-color:#4ac5f8}
.input-radio input.checked + label:after,.input-radio input:checked + label:after{background-color:#fff}
.input-radio input.disabled + label:before,.input-radio input:disabled + label:before{background-color:#ddd;border-color:#ddd}
.input-radio input.disabled + label:after,.input-radio input:disabled + label:after{background-color:#fff}
/*! form - input text */
.input-txt{display:table;position:relative;width:100%;border:1px solid #ddd;background-color:#fff}
.input-txt input{display:table-cell;width:100%;padding:0 0 0 20px;padding:0 0 0 2rem;font-size:16px;font-size:1.6rem;color:#333;height:48px;height:4.8rem;line-height:48px;line-height:4.8rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background-color:transparent}
.input-txt input.monthSubStyle{display:table;position:relative;width:90%;border:1px solid #ddd;background-color:#fff}
.input-txt.h60 input{height:58px;height:5.8rem;line-height:58px;line-height:5.8rem}
.input-txt.double{table-layout:fixed}
.input-txt.double input{height:34px;height:3.4rem;line-height:34px;line-height:3.4rem}
.input-txt.double .col{position:relative;display:table-cell;padding:0 5px;padding:0 0.5rem}
.input-txt.double .col .bu{width:10px;width:1rem;height:34px;height:3.4rem;position:absolute;top:0;right:-5px;right:-0.5rem;background-color:#fff}
.input-txt.double .col .bu:after{content:'';width:1px;width:0.1rem;height:16px;height:1.6rem;position:absolute;top:50%;right:5px;right:0.5rem;margin-top:-8px;margin-top:-0.8rem;background-color:#999;-webkit-transform:rotate(0) skew(-20deg, 0deg);-ms-transform:rotate(0) skew(-20deg, 0deg);transform:rotate(0) skew(-20deg, 0deg)}
.input-txt.double .col:first-child{padding-left:0}
.input-txt.double .col:first-child input{padding-left:5px;padding-left:0.5rem}
.input-txt.double .col:last-child{padding-right:0}
.input-txt.double .col:last-child input{padding-left:2px;padding-left:0.2rem}
.input-txt.double .col:last-child:after{display:none}
.input-txt .message{position:absolute;top:-webkit-calc(100% + 9px);top:calc(100% + 9px);top:-webkit-calc(100% + 0.9rem);top:calc(100% + 0.9rem);left:0;font-size:14px;font-size:1.4rem;font-weight:300}
.input-txt .message.pass{color:#2594c0}
.input-txt .message.error{color:#e63c54}
.input-txt .unit{width:10px;width:1rem;display:table-cell;padding:0 20px 0 1px;padding:0 2rem 0 0.1rem;color:#333;font-size:16px;font-size:1.6rem;font-weight:300}
.input-txt .unit .count{display:table-cell}
.input-txt .unit .limit{display:table-cell;color:#999}
.input-txt .input-btn-area{display:table-cell;position:relative;width:50px;width:5rem}
.input-txt .input-btn-area .btn{position:absolute;width:100%;height:48px;height:4.8rem;top:0;left:0}
/*! form - input text - placeholder */
.input-txt input::-webkit-input-placeholder{font-size:16px;font-size:1.6rem;color:#999;background:transparent;opacity:1;font-weight:300;letter-spacing:0;letter-spacing:-0.025em}
.input-txt input::-moz-placeholder{font-size:16px;font-size:1.6rem;color:#999;background:transparent;opacity:1;font-weight:300;letter-spacing:0;letter-spacing:-0.025em}
.input-txt input:-ms-input-placeholder{font-size:16px;font-size:1.6rem;color:#999;background:transparent;opacity:1;font-weight:300;letter-spacing:0;letter-spacing:-0.025em}
.input-txt input::-ms-input-placeholder{font-size:16px;font-size:1.6rem;color:#999;background:transparent;opacity:1;font-weight:300;letter-spacing:0;letter-spacing:-0.025em}
.input-txt input::placeholder{font-size:16px;font-size:1.6rem;color:#999;background:transparent;opacity:1;font-weight:300;letter-spacing:0;letter-spacing:-0.025em}
.input-txt input[disabled],.input-txt input[readonly]{pointer-events:none;background-color:#f9f9f9;height:47px;height:4.7rem}
.input-txt input[disabled] + .input-btn-area,.input-txt input[disabled] + .unit,.input-txt input[readonly] + .input-btn-area,.input-txt input[readonly] + .unit{background-color:#f9f9f9;pointer-events:none}
.input-txt input[disabled]::-webkit-input-placeholder,.input-txt input[readonly]::-webkit-input-placeholder{background-color:#f9f9f9}
.input-txt input[disabled]::-moz-placeholder,.input-txt input[readonly]::-moz-placeholder{background-color:#f9f9f9}
.input-txt input[disabled]:-ms-input-placeholder,.input-txt input[readonly]:-ms-input-placeholder{background-color:#f9f9f9}
.input-txt input[disabled]::-ms-input-placeholder,.input-txt input[readonly]::-ms-input-placeholder{background-color:#f9f9f9}
.input-txt input[disabled]::placeholder,.input-txt input[readonly]::placeholder{background-color:#f9f9f9}
.input-txt.h60 input[disabled],.input-txt.h60 input[readonly]{height:57px;height:5.7rem}
.input-txt.double input[disabled],.input-txt.double input[readonly]{height:34px;height:3.4rem}
.input-txt.double input[disabled] + .bu,.input-txt.double input[readonly] + .bu{background-color:#f9f9f9}
/*! form - selectbox */
.selectbox{position:relative;z-index:0;display:inline-block;width:100%;overflow:hidden;border:1px solid #ddd}
.selectbox:after{content:'';display:block;position:absolute;top:50%;right:22px;right:2.2rem;margin-top:-8px;margin-top:-0.8rem;width:10px;width:1rem;height:10px;height:1rem;border-top:2px solid #999;border-top:0.2rem solid #999;border-right:2px solid #999;border-right:0.2rem solid #999;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
.selectbox select{cursor:pointer;position:relative;z-index:1;width:100%;padding:0 0 0 20px;padding:0 0 0 2rem;height:48px;height:4.8rem;line-height:48px;line-height:4.8rem;font-size:16px;font-size:1.6rem;color:#333;background-color:transparent;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}
.selectbox select::-ms-expand{display:none}
.selectbox select:disabled{background-color:#f9f9f9;pointer-events:none}
/*! form - textarea 스타일 */
.textarea-container{width:100%;padding:20px 30px;padding:2rem 3rem;border:1px solid #ddd}
.textarea-scrollbar{width:100%;height:100%;border:none;font-size:16px;font-size:1.6rem;color:#333;line-height:1.625}
/*! form - textarea - placeholder */
.textarea-scrollbar::-webkit-input-placeholder{font-size:16px;font-size:1.6rem;color:#999;background:transparent;opacity:1;font-weight:300;letter-spacing:0;letter-spacing:-0.025em}
.textarea-scrollbar::-moz-placeholder{font-size:16px;font-size:1.6rem;color:#999;background:transparent;opacity:1;font-weight:300;letter-spacing:0;letter-spacing:-0.025em}
.textarea-scrollbar:-ms-input-placeholder{font-size:16px;font-size:1.6rem;color:#999;background:transparent;opacity:1;font-weight:300;letter-spacing:0;letter-spacing:-0.025em}
.textarea-scrollbar::-ms-input-placeholder{font-size:16px;font-size:1.6rem;color:#999;background:transparent;opacity:1;font-weight:300;letter-spacing:0;letter-spacing:-0.025em}
.textarea-scrollbar::placeholder{font-size:16px;font-size:1.6rem;color:#999;background:transparent;opacity:1;font-weight:300;letter-spacing:0;letter-spacing:-0.025em}
.textarea-scrollbar[disabled],.textarea-scrollbar[readonly]{pointer-events:none;background-color:#f9f9f9}
/*! 파일첨부 스타일 */
.input-file-type01{position:relative;padding-right:60px;padding-right:6rem}
.input-file-type01 .input-file{position:relative;width:100%;height:50px;height:5rem;z-index:2;opacity:0;cursor:pointer}
.input-file-type01 .input-file-label{display:block;position:absolute;z-index:1;top:0;left:0;cursor:pointer;width:-webkit-calc(100% - 60px);width:calc(100% - 60px);width:-webkit-calc(100% - 6rem);width:calc(100% - 6rem);padding:15px 50px 15px 20px;padding:1.5rem 5rem 1.5rem 2rem;border:1px solid #ddd;color:#999;font-size:16px;font-size:1.6rem;font-weight:300;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.input-file-type01 .input-file-label:after{content:'';display:block;width:50px;width:5rem;height:50px;height:5rem;position:absolute;top:-1px;top:-0.1rem;right:-60px;right:-6rem;background:#f5f5f5 url("../image/ico_add_file.png") no-repeat center center}
.input-file-type01 .input-file-del{position:absolute;top:0;right:60px;right:6rem;z-index:1;padding:17px;padding:1.7rem}
.input-file-type01 .input-file-del .input-file-del-ico{position:relative;display:block;width:15px;height:15px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.input-file-type01 .input-file-del .input-file-del-ico:before{content:'';width:100%;height:1px;position:absolute;top:50%;left:0;margin-top:-1px;background-color:gray;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.input-file-type01 .input-file-del .input-file-del-ico:after{content:'';width:1px;height:100%;position:absolute;top:0;left:50%;margin-left:-1px;background-color:gray;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.input-file-type01 .input-file:focus + .input-file-label,.input-file-type01 .input-file:hover + .input-file-label{border:1px solid #000}
}
/*! mobile 버전 - css */
@media (max-width: 1023px){
	/*! modal popup */
	.popup-open{overflow-y:scroll}
	.popup-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;outline:0;overflow:hidden;z-index:100;text-align:center}
	.popup-open .popup-wrap{overflow-x:hidden;overflow-y:auto}
	.popup-dialog{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:auto;text-align:left;max-width:450px;max-width:45rem;min-height:-webkit-calc(100% - 50px);min-height:calc(100% - 50px);height:-webkit-calc(100vh - 50px);height:calc(100vh - 50px);margin:25px;margin:2.5rem;margin-left:auto;margin-right:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
	.popup-dialog.full{max-width:100%;-webkit-box-orient:initial;-webkit-box-direction:initial;-webkit-flex-direction:initial;-ms-flex-direction:initial;flex-direction:initial;-webkit-box-align:initial;-webkit-align-items:initial;-ms-flex-align:initial;align-items:initial;margin-left:25px;margin-left:2.5rem;margin-right:25px;margin-right:2.5rem}
	.popup-dialog.top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
	.popup-dialog.bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
	.popup-container{width:100%;position:relative;border:1px solid #333;background-color:#fff}
	.popup-container .popup-header{padding:18px 25px 18px 25px;padding:1.8rem 2.5rem 1.8rem 2.5rem;border-bottom:1px solid #ddd}
	.popup-container .popup-content{padding:25px 25px 25px 25px;padding:2.5rem 2.5rem 2.5rem 2.5rem}
	.popup-container .popup-content img{max-width:100%}
	.popup-container .popup-content .ico-area{width:100%;text-align:center;padding-bottom:13px;padding-bottom:1.3rem}
	.popup-container .popup-content .txt01{color:#666;font-size:16px;font-size:1.6rem;font-weight:300;line-height:1.625;margin-top:10px;margin-top:1rem}
	.popup-container .popup-content .txt01:first-child{margin-top:0}
	.popup-container .popup-content .txt01.color01{color:#333}
	.popup-container .popup-content .btn-link-h70{margin-top:15px;margin-top:1.5rem}
	.popup-container .popup-content .btn-link-h70:first-child{margin-top:0}
	.popup-container .popup-tit{font-size:17px;font-size:1.7rem;font-weight:500;color:#333}
	.popup-container .btn-close-popup{position:absolute;top:7px;top:0.7rem;right:8px;right:0.8rem;padding:10px;padding:1rem}

	/*! modal popup - 푸터 버전 */
	.popup-wrap.footer .popup-content img{width:100%}

	/*! modal popup - SNS */
	.popup-wrap .popup-dialog.popup-sns-share{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:-webkit-calc(100% - 40px);width:calc(100% - 40px);width:-webkit-calc(100% - 4rem);width:calc(100% - 4rem);max-width:100%}
	.popup-wrap .popup-dialog.popup-sns-share .popup-header{padding:55px 30px 30px 30px;padding:5.5rem 3rem 3rem 3rem;border:0;text-align:center}
	.popup-wrap .popup-dialog.popup-sns-share .popup-container .popup-content{padding:0 30px 50px 30px;padding:0 3rem 5rem 3rem}
	.popup-wrap .popup-dialog.popup-sns-share.col-4 .popup-content{padding:0 0 50px 0;padding:0 0 5rem 0}
	.popup-wrap .popup-dialog.popup-sns-share.col-4 .location-link{text-align:center;font-size:0}
	.popup-wrap .popup-dialog.popup-sns-share.col-4 .location-link li{display:inline-block;float:none}
	.popup-wrap .popup-dialog.popup-sns-share.col-4 .location-link li a{width:55px;width:5.5rem;height:55px;height:5.5rem}
	.popup-wrap .popup-dialog.popup-sns-share.col-5 .location-link{max-width:235px;max-width:23.5rem;margin:0 auto}
	.popup-wrap .popup-dialog.popup-sns-share.col-5 .location-link li:nth-child(3n){margin-right:0}
	.popup-wrap .location-link li{float:left;margin:0 10px 10px 0;margin:0 1rem 1rem 0}
	.popup-wrap .location-link li:last-child{margin-right:0}
	.popup-wrap .location-link li a[class^="ico-"]{width:70px;width:7rem;height:70px;height:7rem}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
/*! modal popup */
.popup-open{overflow-y:scroll}
.popup-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;outline:0;overflow:hidden;z-index:100;text-align:center}
.popup-open .popup-wrap{overflow-x:hidden;overflow-y:auto}
.popup-dialog{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:auto;text-align:left;max-width:450px;max-width:45rem;min-height:-webkit-calc(100% - 50px);min-height:calc(100% - 50px);height:-webkit-calc(100vh - 50px);height:calc(100vh - 50px);margin:25px;margin:2.5rem;margin-left:auto;margin-right:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.popup-dialog.full{max-width:100%;-webkit-box-orient:initial;-webkit-box-direction:initial;-webkit-flex-direction:initial;-ms-flex-direction:initial;flex-direction:initial;-webkit-box-align:initial;-webkit-align-items:initial;-ms-flex-align:initial;align-items:initial;margin-left:25px;margin-left:2.5rem;margin-right:25px;margin-right:2.5rem}
.popup-dialog.top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.popup-dialog.bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
.popup-container{width:100%;position:relative;border:1px solid #333;background-color:#fff}
.popup-container .popup-header{padding:30px 30px 30px 30px;padding:3rem 3rem 3rem 3rem;border-bottom:1px solid #ddd}
.popup-container .popup-content{padding:30px 30px 30px 30px;padding:3rem 3rem 3rem 3rem}
.popup-container .popup-content img{max-width:100%}
.popup-container .popup-content .ico-area{width:100%;text-align:center;padding-bottom:13px;padding-bottom:1.3rem}
.popup-container .popup-content .txt01{color:#666;font-size:16px;font-size:1.6rem;font-weight:300;line-height:1.625;margin-top:10px;margin-top:1rem}
.popup-container .popup-content .txt01:first-child{margin-top:0}
.popup-container .popup-content .txt01.color01{color:#333}
.popup-container .popup-content .btn-link-h70{margin-top:15px;margin-top:1.5rem}
.popup-container .popup-content .btn-link-h70:first-child{margin-top:0}
.popup-container .popup-tit{font-size:24px;font-size:2.4rem;font-weight:500;color:#333}
.popup-container .btn-close-popup{position:absolute;top:17px;top:1.7rem;right:17px;right:1.7rem;padding:10px;padding:1rem}
/*! modal popup - 푸터 버전 */
.popup-wrap.footer{position:absolute;height:auto;top:auto;left:50%;width:450px;width:45rem;margin-left:-225px;margin-left:-22.5rem;bottom:100%}
.popup-wrap.footer .popup-dialog{display:block;min-height:auto;height:100%;margin:0}
/*! modal popup - SNS */
.popup-wrap .popup-dialog.popup-sns-share{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;max-width:100%}
.popup-wrap .popup-dialog.popup-sns-share .popup-header{padding:55px 30px 30px 30px;padding:5.5rem 3rem 3rem 3rem;border:0;text-align:center}
.popup-wrap .popup-dialog.popup-sns-share .popup-container .popup-content{padding:0 30px 50px 30px;padding:0 3rem 5rem 3rem}
.popup-wrap .location-link li{float:left;margin:0 10px 0 0;margin:0 1rem 0 0}
.popup-wrap .location-link li:last-child{margin-right:0}
.popup-wrap .location-link li a[class^="ico-"]{width:70px;width:7rem;height:70px;height:7rem}
}

/*!
 * header, footer 영역
 * 국문 영역
 * 참고: 20210702 브레이크 포인트 다국어와 동일하게 수정함
 */
html:lang(ko){/*! mobile 버전 - css *//*! pc & tablet 버전 - css */}
@media (max-width: 1366px){
html:lang(ko){/*! 검색 확장 영역 *//*! 인재채용 헤더 *//*! 특허법인 헤더 스타일 */}
html:lang(ko) #header{position:fixed;left:0;top:0;width:100%;height:60px;height:6rem;z-index:80}
html:lang(ko) #header.ui-main{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}
html:lang(ko) #header .header-content{position:relative}
html:lang(ko) #header .logo{position:absolute;left:20px;left:2rem;top:17px;top:1.7rem}
html:lang(ko) #header .logo a{display:block;background-position:left top;background-repeat:no-repeat}
html:lang(ko) #header .logo a:lang(ko){width:90px;height:26px;background-image:url("../image/logo_pc_ko.svg");background-size:90px 26px;}
html:lang(ko) #header .logo a:lang(en){width:72px;height:26px;background-image:url("../image/logo_pc_en.svg");background-size:72px 26px;}
html:lang(ko) #header .logo a:lang(ja){width:72px;height:26px;background-image:url("../image/logo_pc_en.svg");background-size:72px 26px;}
html:lang(ko) #header .logo a:lang(zh){width:72px;height:26px;background-image:url("../image/logo_pc_en.svg");background-size:72px 26px;}
html:lang(ko) #header .btn-search-mobile{display:block;position:absolute;top:0;right:55px;right:5.5rem;padding:18px 12px 18px 12px;padding:1.8rem 1.2rem 1.8rem 1.2rem;text-align:center}
html:lang(ko) #header .btn-search-mobile .ico-header-search{display:block;width:22px;width:2.2rem;height:24px;height:2.4rem;background:url("../image/ico_header_mobile_search_white.png") no-repeat left top;background-size:22px 24px;background-size:2.2rem 2.4rem}
html:lang(ko) #header .btn-all-menu{display:block;position:absolute;top:0;right:8px;right:0.8rem;padding:21px 12px 21px 12px;padding:2.1rem 1.2rem 2.1rem 1.2rem}
html:lang(ko) #header .btn-all-menu .bar-area{position:relative;display:block;width:21px;width:2.1rem;height:18px;height:1.8rem}
html:lang(ko) #header .btn-all-menu .bar01,html:lang(ko) #header .btn-all-menu .bar02,html:lang(ko) #header .btn-all-menu .bar03{position:absolute;width:100%;height:2px;height:0.2rem;background-color:#fff}
html:lang(ko) #header .btn-all-menu .bar01{left:0;top:0}
html:lang(ko) #header .btn-all-menu .bar02{left:0;top:8px;top:0.8rem}
html:lang(ko) #header .btn-all-menu .bar03{left:0;bottom:0}
html:lang(ko) #header .gnb-mobile-wrap{display:none;position:relative;width:100%;height:100%;top:0;bottom:0;left:0;background-color:#fff;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);overflow:hidden;-webkit-overflow-scrolling:touch;-webkit-transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1);-o-transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1);transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1)}
html:lang(ko) #header .gnb-mobile-wrap.on{display:block}
html:lang(ko) #header .gnb-mobile-wrap.active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
html:lang(ko) #header .gnb-bg{display:none}
html:lang(ko) #header .gnb{position:relative;padding-top:60px;padding-top:6rem;padding-bottom:60px;padding-bottom:6rem;width:100%;overflow-y:auto}
html:lang(ko) #header .gnb > ul{padding:24px 0 24px 0;padding:2.4rem 0 2.4rem 0}
html:lang(ko) #header .gnb > ul > li .gnb-link{position:relative;display:block;padding:16px 50px 16px 30px;padding:1.6rem 5rem 1.6rem 3rem;font-size:22px;font-size:2.2rem;color:#333}
html:lang(ko) #header .gnb > ul > li .gnb-link .ico-arrow-down-gray-20{position:absolute;right:30px;right:3rem;top:50%;display:inline-block;width:15px;width:1.5rem;height:15px;height:1.5rem;border-top:2px solid #999;border-top:0.2rem solid #999;border-right:2px solid #999;border-right:0.2rem solid #999;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);margin-top:-9px;margin-top:-0.9rem}
html:lang(ko) #header .gnb > ul > li .gnb-link.on{color:#2594c0}
html:lang(ko) #header .gnb > ul > li .gnb-link.on + .gnb-2depth{display:block}
html:lang(ko) #header .gnb > ul > li .gnb-link.on .ico-arrow-down-gray-20{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:0;margin-top:0;border-color:#2594c0}
html:lang(ko) #header .gnb-2depth{display:none;padding:10px 0 10px 0;padding:1rem 0 1rem 0;background-color:#f5f5f5}
html:lang(ko) #header .gnb-2depth .gnb-2depth-link{display:block;padding:16px 30px 16px 30px;padding:1.6rem 3rem 1.6rem 3rem}
html:lang(ko) #header .gnb-2depth .gnb-2depth-link .txt{font-size:16px;font-size:1.6rem;color:#333}
html:lang(ko) #header .gnb-2depth .gnb-2depth-link.on .txt{color:#2594c0}
html:lang(ko) #header .btn-search{display:none}
html:lang(ko) #header .lang-select{position:fixed;top:0;left:0;width:100%}
html:lang(ko) #header .lang-select > a{display:none}
html:lang(ko) #header .lang-select > ul{position:relative;display:block;width:100%;background-color:#2594c0;font-size:0;padding-left:4px;padding-left:0.4rem;border-bottom-right-radius:30px}
html:lang(ko) #header .lang-select > ul > li{display:inline-block}
html:lang(ko) #header .lang-select > ul > li > a{display:block;padding:19px 13px 16px 13px;padding:1.9rem 1.3rem 1.6rem 1.3rem}
html:lang(ko) #header .lang-select > ul > li > a .txt{position:relative;display:block;text-align:center;font-size:16px;font-size:1.6rem;color:#fff;padding:0 0 5px 0;padding:0 0 0.5rem 0}
html:lang(ko) #header .lang-select > ul > li > a .txt:after{display:none;content:'';width:100%;height:2px;height:0.2rem;position:absolute;bottom:0;right:0;background-color:#fff}
html:lang(ko) #header .lang-select > ul > li > a.on .txt:after{display:block}
html:lang(ko) #header .lang-select > ul:after{content:'';position:absolute;bottom:0;right:0;width:30px;height:30px;background:url("../image/bg_corner_header_mobile.png") no-repeat left top;background-size:30px 30px;}
html:lang(ko) #header .util02{position:fixed;bottom:0;left:0;width:100%;display:table;table-layout:fixed;background-color:#fff;z-index:10}
html:lang(ko) #header .btn-map{display:table-cell;text-align:center;height:60px;height:6rem;line-height:60px;line-height:6rem;border:1px solid #ddd}
html:lang(ko) #header .btn-map .hide-txt{display:inline-block;position:relative;line-height:1.15;font-size:16px;font-size:1.6rem;color:#333;clip:unset;width:auto;height:auto;margin:0}
html:lang(ko) #header .btn-header-link{display:table-cell;text-align:center;border:1px solid #ddd;border-left:0;padding:0;height:60px;height:6rem;line-height:60px;line-height:6rem}
html:lang(ko) #header .btn-header-link .txt{display:inline-block;font-size:16px;font-size:1.6rem;color:#333}
html:lang(ko) #header .btn-all-menu-close{position:fixed;top:0;right:10px;right:1rem;padding:13px 16px 17px 16px;padding:1.3rem 1.6rem 1.7rem 1.6rem}
html:lang(ko) #header .btn-all-menu-close .ico-close-22-white{display:inline-block;position:relative;width:30px;width:3rem;height:30px;height:3rem;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
html:lang(ko) #header .btn-all-menu-close .ico-close-22-white:before{content:'';width:30px;width:3rem;height:2px;height:0.2rem;position:absolute;top:50%;left:0;margin-top:-1px;margin-top:-0.1rem;background-color:#fff;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
html:lang(ko) #header .btn-all-menu-close .ico-close-22-white:after{content:'';width:2px;width:0.2rem;height:30px;height:3rem;position:absolute;top:0;left:50%;margin-left:-1px;margin-left:-0.1rem;background-color:#fff;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
html:lang(ko) #header.on{background-color:#fff;-webkit-box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05)}
html:lang(ko) #header.on .logo a:lang(ko){background-image:url("../image/logo_pc_ko_on.svg")}
html:lang(ko) #header.on .logo a:lang(en){background-image:url("../image/logo_pc_en_on.svg")}
html:lang(ko) #header.on .logo a:lang(ja){background-image:url("../image/logo_pc_en_on.svg")}
html:lang(ko) #header.on .logo a:lang(zh){background-image:url("../image/logo_pc_en_on.svg")}
html:lang(ko) #header.on .btn-search-mobile .ico-header-search{background-image:url("../image/ico_header_mobile_search_black.png")}
html:lang(ko) #header.on .btn-all-menu .bar01,html:lang(ko) #header.on .btn-all-menu .bar02,html:lang(ko) #header.on .btn-all-menu .bar03{background-color:#000}
html:lang(ko) #header .header-search-container{-webkit-box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05);display:none;position:absolute;top:0;left:0;z-index:1;width:100%;padding:100px 0 50px 0;padding:10rem 0 5rem 0;background-color:#fff}
html:lang(ko) #header .header-search-container .search-logo{display:block;position:absolute;top:17px;top:1.7rem;left:20px;left:2rem;background-position:left top;background-repeat:no-repeat}
html:lang(ko) #header .header-search-container .search-logo:lang(ko){width:90px;height:26px;background-image:url("../image/logo_pc_ko_on.svg");background-size:90px 26px;}
html:lang(ko) #header .header-search-container .search-logo:lang(en){width:72px;height:26px;background-image:url("../image/logo_pc_en_on.svg");background-size:72px 26px;}
html:lang(ko) #header .header-search-container .search-logo:lang(ja){width:72px;height:26px;background-image:url("../image/logo_pc_en_on.svg");background-size:72px 26px;}
html:lang(ko) #header .header-search-container .search-logo:lang(zh){width:72px;height:26px;background-image:url("../image/logo_pc_en_on.svg");background-size:72px 26px;}
html:lang(ko) #header .header-search-container .search-box{padding:0 20px;padding:0 2rem;background:none;border:0}
html:lang(ko) #header .header-search-container .search-box:after{display:none}
html:lang(ko) #header .header-search-container .search-box .in{margin:0 auto;width:100%}
html:lang(ko) #header .header-search-container .search-box .in ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}
html:lang(ko) #header .header-search-container .search-box .in li{height:45px;height:4.5rem;border:2px solid #ddd;border:0.2rem solid #ddd}
html:lang(ko) #header .header-search-container .search-box .in li.on{border:2px solid #333;border:0.2rem solid #333}
html:lang(ko) #header .header-search-container .search-box .in li.item0{width:100%;padding-right:45px;padding-right:4.5rem}
html:lang(ko) #header .header-search-container .search-box .in li.item3{position:absolute;right:0;top:0;border:0}
html:lang(ko) #header .header-search-container .search-box .in .input-txt,html:lang(ko) #header .header-search-container .search-box .in .selectbox{border:none;background:#fff;height:100%}
html:lang(ko) #header .header-search-container .search-box .in .input-txt input,html:lang(ko) #header .header-search-container .search-box .in .input-txt select,html:lang(ko) #header .header-search-container .search-box .in .selectbox input,html:lang(ko) #header .header-search-container .search-box .in .selectbox select{height:100%;line-height:41px;line-height:4.1rem}
html:lang(ko) #header .header-search-container .search-box .in .input-txt input:focus,html:lang(ko) #header .header-search-container .search-box .in .input-txt select:focus,html:lang(ko) #header .header-search-container .search-box .in .selectbox input:focus,html:lang(ko) #header .header-search-container .search-box .in .selectbox select:focus{outline:0}
html:lang(ko) #header .header-search-container .search-box .in .btn-search{width:45px;width:4.5rem;padding-top:13px;padding-top:1.3rem;height:45px;height:4.5rem;height:100%;display:block;background:#444;text-align:center}
html:lang(ko) #header .header-search-container .search-box .in .btn-search .ico-search-28-white{display:block;position:absolute;top:0;right:0;width:45px;width:4.5rem;height:45px;height:4.5rem;background:url("../image/ico_search.png") no-repeat center center;background-size:21px 26px;background-size:2.1rem 2.6rem}
html:lang(ko) #header .header-search-container .search-box .in .btn-search .ico-search-28-white:after,html:lang(ko) #header .header-search-container .search-box .in .btn-search .ico-search-28-white:before{width:0;height:0;border:0}
html:lang(ko) #header .header-search-container .btn-header-search-close{position:absolute;top:16px;top:1.6rem;right:16px;right:1.6rem}
html:lang(ko) #header .header-search-container .btn-header-search-close .ico-close-22-gray{display:inline-block;position:relative;width:30px;width:3rem;height:30px;height:3rem;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
html:lang(ko) #header .header-search-container .btn-header-search-close .ico-close-22-gray:before{content:'';width:30px;width:3rem;height:2px;height:0.2rem;position:absolute;top:50%;left:0;margin-top:-1px;margin-top:-0.1rem;background-color:#999;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
html:lang(ko) #header .header-search-container .btn-header-search-close .ico-close-22-gray:after{content:'';width:2px;width:0.2rem;height:30px;height:3rem;position:absolute;top:0;left:50%;margin-left:-1px;margin-left:-0.1rem;background-color:#999;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
html:lang(ko) #header .gnb > ul > li > a.gnb-link .ico-arrow-down-gray-20{display:none}
html:lang(ko) #header.patent-header .header-content .logo a:lang(ko){width:114px;height:20px;background-image:url("../image/logo_patent_pc_ko.svg");background-size:100% 100%;}
html:lang(ko) #header.patent-header .header-content .logo a:lang(en){width:160px;height:21px;background-image:url("../image/logo_patent_pc_en.svg");background-size:100% 100%;}
html:lang(ko) #header.patent-header .header-content .logo a:lang(ja){width:160px;height:21px;background-image:url("../image/logo_patent_pc_en.svg");background-size:100% 100%;}
html:lang(ko) #header.patent-header .header-content .logo a:lang(zh){width:160px;height:21px;background-image:url("../image/logo_patent_pc_en.svg");background-size:100% 100%;}
html:lang(ko) #header.patent-header .header-content .header-search-container .search-logo:lang(ko){width:114px;height:20px;background-image:url("../image/logo_patent_pc_ko_on.svg");background-size:100% 100%;}
html:lang(ko) #header.patent-header .header-content .header-search-container .search-logo:lang(en){width:160px;height:21px;background-image:url("../image/logo_patent_pc_en_on.svg");background-size:100% 100%;}
html:lang(ko) #header.patent-header .header-content .header-search-container .search-logo:lang(ja){width:160px;height:21px;background-image:url("../image/logo_patent_pc_en_on.svg");background-size:100% 100%;}
html:lang(ko) #header.patent-header .header-content .header-search-container .search-logo:lang(zh){width:160px;height:21px;background-image:url("../image/logo_patent_pc_en_on.svg");background-size:100% 100%;}
html:lang(ko) #header.patent-header.on .header-content .logo a:lang(ko),html:lang(ko) #header.patent-header.ui-on .header-content .logo a:lang(ko){background-image:url("../image/logo_patent_pc_ko_on.svg")}
html:lang(ko) #header.patent-header.on .header-content .logo a:lang(en),html:lang(ko) #header.patent-header.ui-on .header-content .logo a:lang(en){background-image:url("../image/logo_patent_pc_en_on.svg")}
html:lang(ko) #header.patent-header.on .header-content .logo a:lang(ja),html:lang(ko) #header.patent-header.ui-on .header-content .logo a:lang(ja){background-image:url("../image/logo_patent_pc_en_on.svg")}
html:lang(ko) #header.patent-header.on .header-content .logo a:lang(zh),html:lang(ko) #header.patent-header.ui-on .header-content .logo a:lang(zh){background-image:url("../image/logo_patent_pc_en_on.svg")}
html:lang(ko) #footer{width:100%;margin:70px 0 0 0;margin:7rem 0 0 0}
html:lang(ko) #footer .foot-region{overflow-x:scroll;overflow-y:hidden;width:100%;height:52px;height:5.2rem;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
html:lang(ko) #footer .foot-region ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
html:lang(ko) #footer .foot-region li{float:left;height:50px;height:5rem}
html:lang(ko) #footer .foot-region li a{display:block;padding:0 15px;padding:0 1.5rem;height:50px;height:5rem;line-height:50px;line-height:5rem;font-size:14px;font-size:1.4rem;color:#333}
html:lang(ko) #footer .foot-region li a > span{word-break:keep-all;line-height:1.15;white-space:nowrap}
html:lang(ko) #footer .foot-region li .ico-map{display:inline-block;margin:0 0 0 20px;margin:0 0 0 2rem}
html:lang(ko) #footer .foot-region li .ico-map:before{content:'';display:block;margin:17px 0 0 0;margin:1.7rem 0 0 0;width:14px;width:1.4rem;height:20px;height:2rem;background:url("../image/ico_header_map_black_mo.png") no-repeat 0 0;background-size:14px 20px;background-size:1.4rem 2rem}
html:lang(ko) #footer .foot-region .scroll-element{height:5px;bottom:0}
html:lang(ko) #footer .foot-region .scroll-element.scroll-x{opacity:0}
html:lang(ko) #footer .foot-region .scroll-element .scroll-element_outer .scroll-element_track{background:#fff}
html:lang(ko) #footer .footer-content{position:relative;padding:24px 50px 44px 20px;padding:2.4rem 5rem 4.4rem 2rem}
html:lang(ko) #footer .footer-content .btn-top{position:fixed;padding:0 0 95px;padding:0 0 9.5rem;right:0;bottom:50px;bottom:5rem;z-index:11;-webkit-transition:bottom .4s ease;-o-transition:bottom .4s ease;transition:bottom .4s ease}
html:lang(ko) #footer .footer-content .btn-top.ui-pos{bottom:-6px;bottom:-0.6rem;-webkit-transition:bottom .4s ease;-o-transition:bottom .4s ease;transition:bottom .4s ease}
html:lang(ko) #footer .footer-content .btn-top .top{display:block;width:50px;width:5rem;height:50px;height:5rem;font-size:12px;font-size:1.2rem;line-height:50px;line-height:5rem;text-align:center;font-weight:500;color:#333;background:#fff;border-top:1px solid #999;border-left:1px solid #999}
html:lang(ko) #footer .footer-content .btn-top .seminar{display:block;position:absolute;left:-20px;left:-2rem;top:70px;top:7rem;width:90px;width:9rem;height:50px;height:5rem;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
html:lang(ko) #footer .footer-content .btn-top .seminar span{display:block;font-size:13px;font-size:1.3rem;line-height:50px;line-height:5rem;background:#2594c0;color:#fff;font-weight:700;text-align:center}
html:lang(ko) #footer .footer-content .foot-link1{position:relative;padding:0 0 9px 0;padding:0 0 0.9rem 0}
html:lang(ko) #footer .footer-content .foot-link1 > li{float:left;margin:0 17px 0 0;margin:0 1.7rem 0 0;position:relative}
html:lang(ko) #footer .footer-content .foot-link1 > li > a{display:block}
html:lang(ko) #footer .footer-content .foot-link1 > li > a span,html:lang(ko) #footer .footer-content .foot-link1 > li > a strong{display:block;font-size:13px;font-size:1.3rem;line-height:1.923;color:#8b9191}
html:lang(ko) #footer .footer-content .foot-link1 > li > a strong{color:#2594c0}
html:lang(ko) #footer .footer-content .address{padding:15px 0 0 0;padding:1.5rem 0 0 0}
html:lang(ko) #footer .footer-content .address em,html:lang(ko) #footer .footer-content .address span{display:block;font-size:14px;font-size:1.4rem;line-height:25px;line-height:2.5rem;color:#666}
html:lang(ko) #footer .footer-content .address em{display:none}
html:lang(ko) #footer .footer-content .foot-logo{margin:21px 0 0 70px;margin:2.1rem 0 0 7rem}
html:lang(ko) #footer .footer-content .foot-link2 a{position:relative;display:block;text-align:center;float:left;margin-right:5px;margin-right:0.5rem;min-width:94px;min-width:9.4rem;height:30px;height:3rem;line-height:30px;line-height:3rem;padding:0 15px 0 15px;padding:0 1.5rem 0 1.5rem;border:1px solid #ddd;border-bottom-right-radius:25px;border-bottom-right-radius:2.5rem}
html:lang(ko) #footer .footer-content .foot-link2 a span{position:relative;z-index:1;font-size:12px;font-size:1.2rem;line-height:1.7;color:#666;vertical-align:0}
html:lang(ko) #footer .footer-content .foot-link2 a::after{content:'';position:absolute;bottom:-1px;right:-1px;width:25px;width:2.5rem;height:25px;height:2.5rem;background-position:left top;background-repeat:no-repeat;background-size:25px 25px;background-size:2.5rem 2.5rem;background-image:url("../image/bg_footer_btn_corner01_mo.png")}
html:lang(ko) #footer .footer-content .foot-link2 a.line{background:#f5f5f5}
html:lang(ko) #footer .footer-content .foot-link2 a.line::after{background-image:url("../image/bg_footer_btn_corner02_mo.png")}
html:lang(ko) #footer .footer-content .copyright{padding-top:13px;padding-top:1.3rem}
html:lang(ko) #footer .footer-content .copyright span{font-size:12px;font-size:1.2rem;line-height:24px;line-height:2.4rem;color:#999;font-weight:300}
}
@media (min-width: 1367px){
html:lang(ko){/*! 검색 확장 영역 *//*! 특허법인 헤더 스타일 */}
html:lang(ko) #header{position:fixed;left:0;top:0;width:100%;height:90px;height:9rem;z-index:80;-webkit-transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1);-o-transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1);transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1)}
html:lang(ko) #header.ui-main{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}
html:lang(ko) #header:after{content:'';position:absolute;z-index:-1;top:0;left:0;width:100%;height:160px;height:16rem;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.27)), color-stop(39%, rgba(0, 0, 0, 0.27)), to(rgba(0, 0, 0, 0)));background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.27) 0, rgba(0, 0, 0, 0.27) 39%, rgba(0, 0, 0, 0) 100%);background:-o-linear-gradient(top, rgba(0, 0, 0, 0.27) 0, rgba(0, 0, 0, 0.27) 39%, rgba(0, 0, 0, 0) 100%);background:linear-gradient(to bottom, rgba(0, 0, 0, 0.27) 0, rgba(0, 0, 0, 0.27) 39%, rgba(0, 0, 0, 0) 100%);background: url('../image/law-header-bg2.png');}
html:lang(ko) #header .header-content{width:100%;margin:0 auto;height:90px;height:9rem}
html:lang(ko) #header .header-content .logo{position:relative;z-index:1;float:left;left:60px;left:6rem;top:27px;top:2.7rem}
html:lang(ko) #header .header-content .logo a{display:block;background-repeat:no-repeat;background-position:left top;background-size:cover}
html:lang(ko) #header .header-content .logo a:lang(ko){width:138px;height:40px;background-image:url("../image/logo_pc_ko.svg")}
html:lang(ko) #header .header-content .logo a:lang(en){width:109px;height:39px;background-image:url("../image/logo_pc_en.svg")}
html:lang(ko) #header .header-content .logo a:lang(ja){width:109px;height:39px;background-image:url("../image/logo_pc_en.svg")}
html:lang(ko) #header .header-content .logo a:lang(zh){width:109px;height:39px;background-image:url("../image/logo_pc_en.svg")}
html:lang(ko) #header .header-content .btn-search-mobile{display:none}
html:lang(ko) #header .header-content .btn-all-menu{display:none}
html:lang(ko) #header .header-content .gnb-bg{display:block;position:absolute;top:89px;top:8.9rem;background-color:#fff;min-height:0;min-height:0;width:100%;-webkit-box-shadow:1px 8px 7px -7px rgba(59, 56, 55, 0.1);box-shadow:1px 8px 7px -7px rgba(59, 56, 55, 0.1);-webkit-transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1);-o-transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1);transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1)}
html:lang(ko) #header .header-content .gnb-bg.on{min-height:456px;min-height:45.6rem}
html:lang(ko) #header .header-content .gnb{position:absolute;width:100%;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}
html:lang(ko) #header .header-content .gnb > ul{width:100%;text-align:center}
html:lang(ko) #header .header-content .gnb > ul > li{position:relative;display:inline-block}
html:lang(ko) #header .header-content .gnb > ul > li .gnb-bg02{display:block;position:absolute;top:0;left:0;width:100%;min-height:0;min-height:0;background-color:transparent;-webkit-transition:background-color 0.5s cubic-bezier(0.77, 0, 0.18, 1);-o-transition:background-color 0.5s cubic-bezier(0.77, 0, 0.18, 1);transition:background-color 0.5s cubic-bezier(0.77, 0, 0.18, 1)}
html:lang(ko) #header .header-content .gnb > ul > li .gnb-bg02.on{min-height:453px;min-height:45.3rem;background-color:#f9f9f9;-webkit-transition-delay:.27s;-o-transition-delay:.27s;transition-delay:.27s}
html:lang(ko) #header .header-content .gnb > ul > li > .gnb-link,html:lang(ko) #header .header-content .gnb > ul > li > a{position:relative;display:block;padding:0 30px;padding:0 3rem;height:90px;height:9rem;line-height:90px;line-height:9rem}
html:lang(ko) #header .header-content .gnb > ul > li > .gnb-link > span,html:lang(ko) #header .header-content .gnb > ul > li > a > span{font-size:18px;font-size:1.8rem;color:#fff;font-weight:500;-webkit-transition:color .3s ease-out;-o-transition:color .3s ease-out;transition:color .3s ease-out;line-height:1.5}
html:lang(ko) #header .header-content .gnb > ul > li > .gnb-link .ico-arrow-down-gray-20,html:lang(ko) #header .header-content .gnb > ul > li > a .ico-arrow-down-gray-20{display:none}
}
@media (min-width: 1367px) and (min-width: 1024px){
html:lang(ko) #header .header-content .gnb > ul > li > .gnb-link,html:lang(ko) #header .header-content .gnb > ul > li > a{padding-left:-webkit-calc(-26.05634px + 3.52113vw);padding-left:calc(-26.05634px + 3.52113vw);padding-right:-webkit-calc(-26.05634px + 3.52113vw);padding-right:calc(-26.05634px + 3.52113vw)}
}
@media (min-width: 1367px){
html:lang(ko) #header .header-content .gnb > ul > li > .gnb-link.on > span,html:lang(ko) #header .header-content .gnb > ul > li > a.on > span{color:#4ac5f8}
html:lang(ko) #header .header-content .gnb .gnb-2depth{display:none;position:absolute;top:90px;top:9rem;left:0;width:100%;-webkit-transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1);-o-transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1);transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1)}
html:lang(ko) #header .header-content .gnb .gnb-2depth > a{display:block;text-align:center;margin-top:8px;margin-top:0.8rem;padding:6px 0 6px 0;padding:0.6rem 0 0.6rem 0}
html:lang(ko) #header .header-content .gnb .gnb-2depth > a .txt{font-size:16px;font-size:1.6rem;color:#666;line-height:1.625;-webkit-transition:color .3s ease-out;-o-transition:color .3s ease-out;transition:color .3s ease-out}
html:lang(ko) #header .header-content .gnb .gnb-2depth > a:first-child{margin-top:0}
html:lang(ko) #header .header-content .gnb .gnb-2depth > a.on .txt,html:lang(ko) #header .header-content .gnb .gnb-2depth > a:focus .txt,html:lang(ko) #header .header-content .gnb .gnb-2depth > a:hover .txt{color:#2594c0;border-bottom:1px solid #2594c0}
html:lang(ko) #header .header-content .gnb .gnb-2depth.on{display:block;opacity:0}
html:lang(ko) #header .header-content .gnb .gnb-2depth.active{opacity:1}
html:lang(ko) #header .header-content .util{position:relative;top:4px;top:0.4rem;float:left;font-size:0}
html:lang(ko) #header .header-content .util .btn-search{display:inline-block;width:28px;width:2.8rem;height:28px;height:2.8rem;margin-right:24px;margin-right:2.4rem;position:relative;top:1px;text-align:center}
html:lang(ko) #header .header-content .util .btn-search .ico-header-search{display:inline-block;width:22px;width:2.2rem;height:25px;height:2.5rem;background:url("../image/ico_header_search_white.png") no-repeat center center;background-size:cover}
html:lang(ko) #header .header-content .util .lang-select{position:relative;display:inline-block;width:28px;width:2.8rem;height:28px;height:2.8rem;margin-right:24px;margin-right:2.4rem;text-align:center}
html:lang(ko) #header .header-content .util .lang-select a.open:after{top:19px;top:1.9rem;-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg)}
html:lang(ko) #header .header-content .util .lang-select > a{display:block;position:relative}
html:lang(ko) #header .header-content .util .lang-select > a .ico-lang{display:inline-block;left:0;left:0;top:9px;top:0.9rem;width:29px;width:2.9rem;height:27px;height:2.7rem;background-position:left top;background-repeat:no-repeat;background-size:contain}
html:lang(ko) #header .header-content .util .lang-select > a .ico-lang.kr{background-image:url("../image/ico_lang_ko_white.png")}
html:lang(ko) #header .header-content .util .lang-select > a .ico-lang.en{background-image:url("../image/ico_lang_en_white.png")}
html:lang(ko) #header .header-content .util .lang-select > a .ico-lang.jp{background-image:url("../image/ico_lang_jp_white.png")}
html:lang(ko) #header .header-content .util .lang-select > a .ico-lang.cn{background-image:url("../image/ico_lang_cn_white.png")}
html:lang(ko) #header .header-content .util .lang-select > a span{display:block}
html:lang(ko) #header .header-content .util .lang-select ul{display:none;position:absolute;-webkit-box-shadow:10px 10px 20px 3px rgba(59, 56, 55, 0.15);box-shadow:10px 10px 20px 3px rgba(59, 56, 55, 0.15);left:50%;margin-left:-50px;margin-left:-5rem;top:-webkit-calc(100% + 21px);top:calc(100% + 21px);top:-webkit-calc(100% + 2.1rem);top:calc(100% + 2.1rem);padding:9px 0;padding:0.9rem 0;background:#fff}
html:lang(ko) #header .header-content .util .lang-select ul li a{display:block;width:100px;width:10rem;font-size:16px;font-size:1.6rem;line-height:36px;line-height:3.6rem;text-align:center}
html:lang(ko) #header .header-content .util .lang-select ul li a .txt{display:block;color:#333}
html:lang(ko) #header .header-content .util .lang-select ul li a:after,html:lang(ko) #header .header-content .util .lang-select ul li a:before{display:none}
html:lang(ko) #header .header-content .util .lang-select ul li a:hover{-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;color:#4ac5f8}
html:lang(ko) #header .header-content .util .lang-select ul li a:hover .txt{color:#2594c0}
html:lang(ko) #header .util02{float:left;font-size:0}
html:lang(ko) #header .util02 .btn-map{display:inline-block;width:28px;width:2.8rem;height:28px;height:2.8rem;text-align:center;margin-right:24px;margin-right:2.4rem}
html:lang(ko) #header .util02 .btn-map .ico-header-map{display:inline-block;background:url("../image/ico_header_map_white.png") no-repeat 0 0;width:20px;width:2rem;height:27px;height:2.7rem;background-size:cover}
html:lang(ko) #header .util02 .btn-header-link{position:relative;display:inline-block;padding:0 16px 0 16px;padding:0 1.6rem 0 1.6rem;height:34px;line-height:34px}
html:lang(ko) #header .util02 .btn-header-link .bg-area{position:absolute;width:-webkit-calc(100% - 20px);width:calc(100% - 20px);height:100%;top:0;left:0;background:url("../image/bg_header_btn_corner0102.png") no-repeat left top}
html:lang(ko) #header .util02 .btn-header-link .bg-area::after{content:'';position:absolute;bottom:0;right:-20px;right:-2rem;width:20px;height:100%;background:url("../image/bg_header_btn_corner0101.png") no-repeat left top}
html:lang(ko) #header .util02 .btn-header-link .txt{color:#fff;font-size:14px;font-size:1.4rem;line-height:1.7}
html:lang(ko) #header .util-area{position:relative;right:40px;right:4rem;top:29px;top:2.9rem;float:right}
html:lang(ko) #header .btn-all-menu-close{display:none}
html:lang(ko) #header.on,html:lang(ko) #header.ui-on{background:#fff;-webkit-box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05)}
html:lang(ko) #header.on:after,html:lang(ko) #header.ui-on:after{display:none}
html:lang(ko) #header.on .header-content .logo a:lang(ko),html:lang(ko) #header.ui-on .header-content .logo a:lang(ko){background-image:url("../image/logo_pc_ko_on.svg")}
html:lang(ko) #header.on .header-content .logo a:lang(en),html:lang(ko) #header.ui-on .header-content .logo a:lang(en){background-image:url("../image/logo_pc_en_on.svg")}
html:lang(ko) #header.on .header-content .logo a:lang(ja),html:lang(ko) #header.ui-on .header-content .logo a:lang(ja){background-image:url("../image/logo_pc_en_on.svg")}
html:lang(ko) #header.on .header-content .logo a:lang(zh),html:lang(ko) #header.ui-on .header-content .logo a:lang(zh){background-image:url("../image/logo_pc_en_on.svg")}
html:lang(ko) #header.on .header-content .gnb > ul > li > .gnb-link > span,html:lang(ko) #header.on .header-content .gnb > ul > li > a > span,html:lang(ko) #header.ui-on .header-content .gnb > ul > li > .gnb-link > span,html:lang(ko) #header.ui-on .header-content .gnb > ul > li > a > span{color:#333}
html:lang(ko) #header.on .header-content .gnb > ul > li > .gnb-link.on > span,html:lang(ko) #header.on .header-content .gnb > ul > li > a.on > span,html:lang(ko) #header.ui-on .header-content .gnb > ul > li > .gnb-link.on > span,html:lang(ko) #header.ui-on .header-content .gnb > ul > li > a.on > span{color:#2594c0}
html:lang(ko) #header.on .header-content .btn-map .ico-header-map,html:lang(ko) #header.ui-on .header-content .btn-map .ico-header-map{background-image:url("../image/ico_header_map_black.png")}
html:lang(ko) #header.on .header-content .lang-select > a .ico-lang.kr,html:lang(ko) #header.ui-on .header-content .lang-select > a .ico-lang.kr{background-image:url("../image/ico_lang_ko_black.png")}
html:lang(ko) #header.on .header-content .lang-select > a .ico-lang.en,html:lang(ko) #header.ui-on .header-content .lang-select > a .ico-lang.en{background-image:url("../image/ico_lang_en_black.png")}
html:lang(ko) #header.on .header-content .lang-select > a .ico-lang.jp,html:lang(ko) #header.ui-on .header-content .lang-select > a .ico-lang.jp{background-image:url("../image/ico_lang_jp_black.png")}
html:lang(ko) #header.on .header-content .lang-select > a .ico-lang.cn,html:lang(ko) #header.ui-on .header-content .lang-select > a .ico-lang.cn{background-image:url("../image/ico_lang_cn_black.png")}
html:lang(ko) #header.on .header-content .btn-search .ico-header-search,html:lang(ko) #header.ui-on .header-content .btn-search .ico-header-search{background-image:url("../image/ico_header_search_black.png")}
html:lang(ko) #header.on .header-content .btn-header-link .bg-area,html:lang(ko) #header.ui-on .header-content .btn-header-link .bg-area{background-image:url("../image/bg_header_btn_corner0202.png")}
html:lang(ko) #header.on .header-content .btn-header-link .bg-area::after,html:lang(ko) #header.ui-on .header-content .btn-header-link .bg-area::after{background-image:url("../image/bg_header_btn_corner0201.png")}
html:lang(ko) #header.on .header-content .btn-header-link .txt,html:lang(ko) #header.ui-on .header-content .btn-header-link .txt{color:#2594c0}
html:lang(ko) #header .main-top-banner + .header-content .gnb-bg.on{min-height:456px;min-height:45.6rem}
html:lang(ko) #header .header-search-container{-webkit-box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05);display:none;position:absolute;top:0;left:0;z-index:1;width:100%;padding:100px 0 100px 0;padding:10rem 0 10rem 0;background-color:#fff}
html:lang(ko) #header .header-search-container .search-logo{display:block;position:absolute;top:28px;top:2.8rem;left:60px;left:6rem;background-size:cover}
html:lang(ko) #header .header-search-container .search-logo:lang(ko){width:138px;height:40px;background-image:url("../image/logo_pc_ko_on.svg")}
html:lang(ko) #header .header-search-container .search-logo:lang(en){width:109px;height:39px;background-image:url("../image/logo_pc_en_on.svg")}
html:lang(ko) #header .header-search-container .search-logo:lang(ja){width:109px;height:39px;background-image:url("../image/logo_pc_en_on.svg")}
html:lang(ko) #header .header-search-container .search-logo:lang(zh){width:109px;height:39px;background-image:url("../image/logo_pc_en_on.svg")}
html:lang(ko) #header .header-search-container .search-box{background:none;border:0}
html:lang(ko) #header .header-search-container .search-box .in{margin:0 auto;width:100%;max-width:720px;max-width:72rem}
html:lang(ko) #header .header-search-container .search-box .in ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}
html:lang(ko) #header .header-search-container .search-box .in li{height:60px;height:6rem;border:2px solid #ddd;border:0.2rem solid #ddd}
html:lang(ko) #header .header-search-container .search-box .in li.on{border:2px solid #333;border:0.2rem solid #333}
html:lang(ko) #header .header-search-container .search-box .in li.item0{width:100%;padding-right:60px;padding-right:6rem}
html:lang(ko) #header .header-search-container .search-box .in li.item3{position:absolute;right:0;top:0;border:0}
html:lang(ko) #header .header-search-container .search-box .in .input-txt,html:lang(ko) #header .header-search-container .search-box .in .selectbox{border:none;background:#fff}
html:lang(ko) #header .header-search-container .search-box .in .input-txt input,html:lang(ko) #header .header-search-container .search-box .in .input-txt select,html:lang(ko) #header .header-search-container .search-box .in .selectbox input,html:lang(ko) #header .header-search-container .search-box .in .selectbox select{height:56px;height:5.6rem}
html:lang(ko) #header .header-search-container .search-box .in .input-txt input:focus,html:lang(ko) #header .header-search-container .search-box .in .input-txt select:focus,html:lang(ko) #header .header-search-container .search-box .in .selectbox input:focus,html:lang(ko) #header .header-search-container .search-box .in .selectbox select:focus{outline:0}
html:lang(ko) #header .header-search-container .search-box .in .btn-search{width:60px;width:6rem;padding-top:18px;padding-top:1.8rem;height:100%;display:block;background:#444;text-align:center}
html:lang(ko) #header .header-search-container .search-box .in .btn-search .ico-search-28-white{display:block;position:absolute;top:0;right:0;width:60px;width:6rem;height:60px;height:6rem;background:url("../image/ico_search.png") no-repeat center center;background-size:23px 27px;background-size:2.3rem 2.7rem}
html:lang(ko) #header .header-search-container .search-box .in .btn-search .ico-search-28-white:after,html:lang(ko) #header .header-search-container .search-box .in .btn-search .ico-search-28-white:before{width:0;height:0;border:0}
html:lang(ko) #header .header-search-container .btn-header-search-close{position:absolute;top:32px;top:3.2rem;right:56px;right:5.6rem}
html:lang(ko) #header .header-search-container .btn-header-search-close .ico-close-22-gray{display:inline-block;position:relative;width:30px;width:3rem;height:30px;height:3rem;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
html:lang(ko) #header .header-search-container .btn-header-search-close .ico-close-22-gray:before{content:'';width:30px;width:3rem;height:2px;height:0.2rem;position:absolute;top:50%;left:0;margin-top:-1px;margin-top:-0.1rem;background-color:#999;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
html:lang(ko) #header .header-search-container .btn-header-search-close .ico-close-22-gray:after{content:'';width:2px;width:0.2rem;height:30px;height:3rem;position:absolute;top:0;left:50%;margin-left:-1px;margin-left:-0.1rem;background-color:#999;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
html:lang(ko) #header.patent-header .header-content .logo a:lang(ko){width:182px;height:34px;background-image:url("../image/logo_patent_pc_ko.svg");background-size:100% 100%;}
html:lang(ko) #header.patent-header .header-content .logo a:lang(en){width:245px;height:31px;background-image:url("../image/logo_patent_pc_en.svg");background-size:100% 100%;}
html:lang(ko) #header.patent-header .header-content .logo a:lang(ja){width:245px;height:31px;background-image:url("../image/logo_patent_pc_en.svg");background-size:100% 100%;}
html:lang(ko) #header.patent-header .header-content .logo a:lang(zh){width:245px;height:31px;background-image:url("../image/logo_patent_pc_en.svg");background-size:100% 100%;}
html:lang(ko) #header.patent-header .header-content .header-search-container .search-logo:lang(ko){width:182px;height:34px;background-image:url("../image/logo_patent_pc_ko_on.svg");background-size:100% 100%;}
html:lang(ko) #header.patent-header .header-content .header-search-container .search-logo:lang(en){width:245px;height:31px;background-image:url("../image/logo_patent_pc_en_on.svg");background-size:100% 100%;}
html:lang(ko) #header.patent-header .header-content .header-search-container .search-logo:lang(ja){width:245px;height:31px;background-image:url("../image/logo_patent_pc_en_on.svg");background-size:100% 100%;}
html:lang(ko) #header.patent-header .header-content .header-search-container .search-logo:lang(zh){width:245px;height:31px;background-image:url("../image/logo_patent_pc_en_on.svg");background-size:100% 100%;}
html:lang(ko) #header.patent-header.on .header-content .logo a:lang(ko),html:lang(ko) #header.patent-header.ui-on .header-content .logo a:lang(ko){background-image:url("../image/logo_patent_pc_ko_on.svg");background-size:100% 100%;}
html:lang(ko) #header.patent-header.on .header-content .logo a:lang(en),html:lang(ko) #header.patent-header.ui-on .header-content .logo a:lang(en){background-image:url("../image/logo_patent_pc_en_on.svg");background-size:100% 100%;}
html:lang(ko) #header.patent-header.on .header-content .logo a:lang(ja),html:lang(ko) #header.patent-header.ui-on .header-content .logo a:lang(ja){background-image:url("../image/logo_patent_pc_en_on.svg");background-size:100% 100%;}
html:lang(ko) #header.patent-header.on .header-content .logo a:lang(zh),html:lang(ko) #header.patent-header.ui-on .header-content .logo a:lang(zh){background-image:url("../image/logo_patent_pc_en_on.svg");background-size:100% 100%;}
html:lang(ko) #footer{position:relative;width:100%;margin:100px 0 0 0;margin:10rem 0 0 0}
html:lang(ko) #footer .foot-region{width:100%;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;min-height:61px;min-height:6.1rem}
html:lang(ko) #footer .foot-region ul{position:relative;width:100%;text-align:center;margin:0 auto;padding-left:20px;padding-left:2rem}
html:lang(ko) #footer .foot-region li{display:inline-block}
html:lang(ko) #footer .foot-region li:lang(en) a,html:lang(ko) #footer .foot-region li:lang(ja) a,html:lang(ko) #footer .foot-region li:lang(zh) a{padding:0 20px;padding:0 2rem}
html:lang(ko) #footer .foot-region li a{display:block;padding:0 25px;padding:0 2.5rem;height:59px;height:5.9rem;line-height:59px;line-height:5.9rem}
html:lang(ko) #footer .foot-region li a > span{display:block;color:#333;font-size:18px;font-size:1.8rem}
html:lang(ko) #footer .foot-region li a:hover{color:#2594c0;-webkit-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out}
}
@media (min-width: 1367px) and (max-width: 1100px){
html:lang(ko) #footer .foot-region li a{padding:0 25px;padding:0 2.5rem}
}
@media (min-width: 1367px){
html:lang(ko) #footer .foot-region li .ico-map{display:inline-block;width:20px;width:2rem;height:59px;height:5.9rem}
html:lang(ko) #footer .foot-region li .ico-map:before{content:'';display:block;margin-top:18px;margin-top:1.8rem;width:20px;width:2rem;height:27px;height:2.7rem;background:url("../image/ico_header_map_black.png") no-repeat 0 0;background-size:cover}
html:lang(ko) #footer .footer-content:after,html:lang(ko) #footer .footer-content:before{display:table;line-height:0;content:""}
html:lang(ko) #footer .footer-content:after{clear:both}
html:lang(ko) #footer .footer-content{position:relative;max-width:1920px;padding:30px 0 32px 0;padding:3rem 0 3.2rem 0}
html:lang(ko) #footer .footer-content .btn-top{display:none;position:fixed;z-index:1;padding:0 0 127px;padding:0 0 12.7rem;right:0;bottom:0}
html:lang(ko) #footer .footer-content .btn-top .top{position:relative;z-index:2;display:block;width:60px;width:6rem;height:61px;height:6.1rem;font-size:13px;font-size:1.3rem;line-height:59px;line-height:5.9rem;text-align:center;font-weight:500;color:#333;background:#fff;border:1px solid #999}
html:lang(ko) #footer .footer-content .btn-top .seminar{display:block;position:absolute;left:-34px;left:-3.4rem;top:94px;top:9.4rem;width:128px;width:12.8rem;height:60px;height:6rem;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
html:lang(ko) #footer .footer-content .btn-top .seminar span{display:block;font-size:18px;font-size:1.8rem;line-height:60px;line-height:6rem;background:#2594c0;color:#fff;text-align:center}
html:lang(ko) #footer .footer-content .foot-link1{float:left;position:relative;padding:0 0 0 65px;padding:0 0 0 6.5rem}
html:lang(ko) #footer .footer-content .foot-link1 > li{float:left;margin:0 30px 0 0;margin:0 3rem 0 0;position:relative}
html:lang(ko) #footer .footer-content .foot-link1 > li > a{display:block}
html:lang(ko) #footer .footer-content .foot-link1 > li > a span,html:lang(ko) #footer .footer-content .foot-link1 > li > a strong{font-size:14px;font-size:1.4rem;height:30px;height:3rem;line-height:30px;line-height:3rem;color:#8b9191}
html:lang(ko) #footer .footer-content .foot-link1 > li > a strong{color:#2594c0}
html:lang(ko) #footer .footer-content .address{padding:11px 0 0 65px;padding:1.1rem 0 0 6.5rem}
html:lang(ko) #footer .footer-content .address em,html:lang(ko) #footer .footer-content .address span{font-size:14px;font-size:1.4rem;height:16px;height:1.6rem;line-height:16px;line-height:1.6rem;color:#666}
html:lang(ko) #footer .footer-content .foot-logo{margin:21px 0 0 70px;margin:2.1rem 0 0 7rem}
html:lang(ko) #footer .footer-content .foot-link2{float:left;padding-left:10px;padding-left:1rem}
html:lang(ko) #footer .footer-content .foot-link2 a{position:relative;display:block;text-align:center;float:left;margin-right:8px;margin-right:0.8rem;min-width:100px;min-width:10rem;height:32px;height:3.2rem;line-height:32px;line-height:3.2rem;padding:0 15px 0 15px;padding:0 1.5rem 0 1.5rem;border:1px solid #ddd;border-bottom-right-radius:25px;border-bottom-right-radius:2.5rem}
html:lang(ko) #footer .footer-content .foot-link2 a span{position:relative;z-index:1;font-size:14px;font-size:1.4rem;line-height:1.7;color:#666;vertical-align:-1px}
html:lang(ko) #footer .footer-content .foot-link2 a::after{content:'';position:absolute;bottom:-1px;right:-1px;width:30px;width:3rem;height:30px;height:3rem;background-position:left top;background-repeat:no-repeat;background-size:30px 30px;background-size:3rem 3rem;background-image:url("../image/bg_footer_btn_corner01.png")}
html:lang(ko) #footer .footer-content .foot-link2 a.line{background:#f5f5f5}
html:lang(ko) #footer .footer-content .foot-link2 a.line::after{background-image:url("../image/bg_footer_btn_corner02.png")}
html:lang(ko) #footer .footer-content .copyright{clear:both;padding:4px 0 0 65px;padding:0.4rem 0 0 6.5rem}
html:lang(ko) #footer .footer-content .copyright span{font-size:14px;font-size:1.4rem;line-height:29px;line-height:2.9rem;color:#999;font-weight:300}
}

/*!
 * header, footer 영역
 * 영문,일문,중문 영역
 */
html:lang(en),html:lang(ja),html:lang(zh){/*! mobile 버전 - css *//*! pc & tablet 버전 - css */}
@media (max-width: 1366px){
html:lang(en),html:lang(ja),html:lang(zh){/*! 검색 확장 영역 *//*! 인재채용 헤더 *//*! 특허법인 헤더 스타일 */}
html:lang(en) #header,html:lang(ja) #header,html:lang(zh) #header{position:fixed;left:0;top:0;width:100%;height:60px;height:6rem;z-index:80}
html:lang(en) #header.ui-main,html:lang(ja) #header.ui-main,html:lang(zh) #header.ui-main{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}
html:lang(en) #header .header-content,html:lang(ja) #header .header-content,html:lang(zh) #header .header-content{position:relative}
html:lang(en) #header .logo,html:lang(ja) #header .logo,html:lang(zh) #header .logo{position:absolute;left:20px;left:2rem;top:17px;top:1.7rem}
html:lang(en) #header .logo a,html:lang(ja) #header .logo a,html:lang(zh) #header .logo a{display:block;background-position:left top;background-repeat:no-repeat}
html:lang(en) #header .logo a:lang(ko),html:lang(ja) #header .logo a:lang(ko),html:lang(zh) #header .logo a:lang(ko){width:90px;height:26px;background-image:url("../image/logo_pc_ko.svg");background-size:90px 26px;}
html:lang(en) #header .logo a:lang(en),html:lang(ja) #header .logo a:lang(en),html:lang(zh) #header .logo a:lang(en){width:72px;height:26px;background-image:url("../image/logo_pc_en.svg");background-size:72px 26px;}
html:lang(en) #header .logo a:lang(ja),html:lang(ja) #header .logo a:lang(ja),html:lang(zh) #header .logo a:lang(ja){width:72px;height:26px;background-image:url("../image/logo_pc_en.svg");background-size:72px 26px;}
html:lang(en) #header .logo a:lang(zh),html:lang(ja) #header .logo a:lang(zh),html:lang(zh) #header .logo a:lang(zh){width:72px;height:26px;background-image:url("../image/logo_pc_en.svg");background-size:72px 26px;}
html:lang(en) #header .btn-search-mobile,html:lang(ja) #header .btn-search-mobile,html:lang(zh) #header .btn-search-mobile{display:block;position:absolute;top:0;right:55px;right:5.5rem;padding:18px 12px 18px 12px;padding:1.8rem 1.2rem 1.8rem 1.2rem;text-align:center}
html:lang(en) #header .btn-search-mobile .ico-header-search,html:lang(ja) #header .btn-search-mobile .ico-header-search,html:lang(zh) #header .btn-search-mobile .ico-header-search{display:block;width:22px;width:2.2rem;height:24px;height:2.4rem;background:url("../image/ico_header_mobile_search_white.png") no-repeat left top;background-size:22px 24px;background-size:2.2rem 2.4rem}
html:lang(en) #header .btn-all-menu,html:lang(ja) #header .btn-all-menu,html:lang(zh) #header .btn-all-menu{display:block;position:absolute;top:0;right:8px;right:0.8rem;padding:21px 12px 21px 12px;padding:2.1rem 1.2rem 2.1rem 1.2rem}
html:lang(en) #header .btn-all-menu .bar-area,html:lang(ja) #header .btn-all-menu .bar-area,html:lang(zh) #header .btn-all-menu .bar-area{position:relative;display:block;width:21px;width:2.1rem;height:18px;height:1.8rem}
html:lang(en) #header .btn-all-menu .bar01,html:lang(en) #header .btn-all-menu .bar02,html:lang(en) #header .btn-all-menu .bar03,html:lang(ja) #header .btn-all-menu .bar01,html:lang(ja) #header .btn-all-menu .bar02,html:lang(ja) #header .btn-all-menu .bar03,html:lang(zh) #header .btn-all-menu .bar01,html:lang(zh) #header .btn-all-menu .bar02,html:lang(zh) #header .btn-all-menu .bar03{position:absolute;width:100%;height:2px;height:0.2rem;background-color:#fff}
html:lang(en) #header .btn-all-menu .bar01,html:lang(ja) #header .btn-all-menu .bar01,html:lang(zh) #header .btn-all-menu .bar01{left:0;top:0}
html:lang(en) #header .btn-all-menu .bar02,html:lang(ja) #header .btn-all-menu .bar02,html:lang(zh) #header .btn-all-menu .bar02{left:0;top:8px;top:0.8rem}
html:lang(en) #header .btn-all-menu .bar03,html:lang(ja) #header .btn-all-menu .bar03,html:lang(zh) #header .btn-all-menu .bar03{left:0;bottom:0}
html:lang(en) #header .gnb-mobile-wrap,html:lang(ja) #header .gnb-mobile-wrap,html:lang(zh) #header .gnb-mobile-wrap{display:none;position:relative;width:100%;height:100%;top:0;bottom:0;left:0;background-color:#fff;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);overflow:hidden;-webkit-overflow-scrolling:touch;-webkit-transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1);-o-transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1);transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1)}
html:lang(en) #header .gnb-mobile-wrap.on,html:lang(ja) #header .gnb-mobile-wrap.on,html:lang(zh) #header .gnb-mobile-wrap.on{display:block}
html:lang(en) #header .gnb-mobile-wrap.active,html:lang(ja) #header .gnb-mobile-wrap.active,html:lang(zh) #header .gnb-mobile-wrap.active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
html:lang(en) #header .gnb-bg,html:lang(ja) #header .gnb-bg,html:lang(zh) #header .gnb-bg{display:none}
html:lang(en) #header .gnb,html:lang(ja) #header .gnb,html:lang(zh) #header .gnb{position:relative;padding-top:60px;padding-top:6rem;padding-bottom:60px;padding-bottom:6rem;width:100%;overflow-y:auto}
html:lang(en) #header .gnb > ul,html:lang(ja) #header .gnb > ul,html:lang(zh) #header .gnb > ul{padding:24px 0 24px 0;padding:2.4rem 0 2.4rem 0}
html:lang(en) #header .gnb > ul > li .gnb-link,html:lang(ja) #header .gnb > ul > li .gnb-link,html:lang(zh) #header .gnb > ul > li .gnb-link{position:relative;display:block;padding:16px 50px 16px 30px;padding:1.6rem 5rem 1.6rem 3rem;font-size:22px;font-size:2.2rem;color:#333}
html:lang(en) #header .gnb > ul > li .gnb-link .ico-arrow-down-gray-20,html:lang(ja) #header .gnb > ul > li .gnb-link .ico-arrow-down-gray-20,html:lang(zh) #header .gnb > ul > li .gnb-link .ico-arrow-down-gray-20{position:absolute;right:30px;right:3rem;top:50%;display:inline-block;width:15px;width:1.5rem;height:15px;height:1.5rem;border-top:2px solid #999;border-top:0.2rem solid #999;border-right:2px solid #999;border-right:0.2rem solid #999;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);margin-top:-9px;margin-top:-0.9rem}
html:lang(en) #header .gnb > ul > li .gnb-link.on,html:lang(ja) #header .gnb > ul > li .gnb-link.on,html:lang(zh) #header .gnb > ul > li .gnb-link.on{color:#2594c0}
html:lang(en) #header .gnb > ul > li .gnb-link.on + .gnb-2depth,html:lang(ja) #header .gnb > ul > li .gnb-link.on + .gnb-2depth,html:lang(zh) #header .gnb > ul > li .gnb-link.on + .gnb-2depth{display:block}
html:lang(en) #header .gnb > ul > li .gnb-link.on .ico-arrow-down-gray-20,html:lang(ja) #header .gnb > ul > li .gnb-link.on .ico-arrow-down-gray-20,html:lang(zh) #header .gnb > ul > li .gnb-link.on .ico-arrow-down-gray-20{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:0;margin-top:0;border-color:#2594c0}
html:lang(en) #header .gnb-2depth,html:lang(ja) #header .gnb-2depth,html:lang(zh) #header .gnb-2depth{display:none;padding:10px 0 10px 0;padding:1rem 0 1rem 0;background-color:#f5f5f5}
html:lang(en) #header .gnb-2depth .gnb-2depth-link,html:lang(ja) #header .gnb-2depth .gnb-2depth-link,html:lang(zh) #header .gnb-2depth .gnb-2depth-link{display:block;padding:16px 30px 16px 30px;padding:1.6rem 3rem 1.6rem 3rem}
html:lang(en) #header .gnb-2depth .gnb-2depth-link .txt,html:lang(ja) #header .gnb-2depth .gnb-2depth-link .txt,html:lang(zh) #header .gnb-2depth .gnb-2depth-link .txt{font-size:16px;font-size:1.6rem;color:#333}
html:lang(en) #header .gnb-2depth .gnb-2depth-link.on .txt,html:lang(ja) #header .gnb-2depth .gnb-2depth-link.on .txt,html:lang(zh) #header .gnb-2depth .gnb-2depth-link.on .txt{color:#2594c0}
html:lang(en) #header .btn-search,html:lang(ja) #header .btn-search,html:lang(zh) #header .btn-search{display:none}
html:lang(en) #header .lang-select,html:lang(ja) #header .lang-select,html:lang(zh) #header .lang-select{position:fixed;top:0;left:0;width:100%}
html:lang(en) #header .lang-select > a,html:lang(ja) #header .lang-select > a,html:lang(zh) #header .lang-select > a{display:none}
html:lang(en) #header .lang-select > ul,html:lang(ja) #header .lang-select > ul,html:lang(zh) #header .lang-select > ul{position:relative;display:block;width:100%;background-color:#2594c0;font-size:0;padding-left:4px;padding-left:0.4rem;border-bottom-right-radius:30px}
html:lang(en) #header .lang-select > ul > li,html:lang(ja) #header .lang-select > ul > li,html:lang(zh) #header .lang-select > ul > li{display:inline-block}
html:lang(en) #header .lang-select > ul > li > a,html:lang(ja) #header .lang-select > ul > li > a,html:lang(zh) #header .lang-select > ul > li > a{display:block;padding:19px 13px 16px 13px;padding:1.9rem 1.3rem 1.6rem 1.3rem}
html:lang(en) #header .lang-select > ul > li > a .txt,html:lang(ja) #header .lang-select > ul > li > a .txt,html:lang(zh) #header .lang-select > ul > li > a .txt{position:relative;display:block;text-align:center;font-size:16px;font-size:1.6rem;color:#fff;padding:0 0 5px 0;padding:0 0 0.5rem 0}
html:lang(en) #header .lang-select > ul > li > a .txt:after,html:lang(ja) #header .lang-select > ul > li > a .txt:after,html:lang(zh) #header .lang-select > ul > li > a .txt:after{display:none;content:'';width:100%;height:2px;height:0.2rem;position:absolute;bottom:0;right:0;background-color:#fff}
html:lang(en) #header .lang-select > ul > li > a.on .txt:after,html:lang(ja) #header .lang-select > ul > li > a.on .txt:after,html:lang(zh) #header .lang-select > ul > li > a.on .txt:after{display:block}
html:lang(en) #header .lang-select > ul:after,html:lang(ja) #header .lang-select > ul:after,html:lang(zh) #header .lang-select > ul:after{content:'';position:absolute;bottom:0;right:0;width:30px;height:30px;background:url("../image/bg_corner_header_mobile.png") no-repeat left top;background-size:30px 30px;}
html:lang(en) #header .util02,html:lang(ja) #header .util02,html:lang(zh) #header .util02{position:fixed;bottom:0;left:0;width:100%;display:table;table-layout:fixed;background-color:#fff;z-index:10}
html:lang(en) #header .btn-map,html:lang(ja) #header .btn-map,html:lang(zh) #header .btn-map{display:table-cell;text-align:center;height:60px;height:6rem;line-height:60px;line-height:6rem;border:1px solid #ddd}
html:lang(en) #header .btn-map .hide-txt,html:lang(ja) #header .btn-map .hide-txt,html:lang(zh) #header .btn-map .hide-txt{display:inline-block;position:relative;line-height:1.15;font-size:16px;font-size:1.6rem;color:#333;clip:unset;width:auto;height:auto;margin:0}
html:lang(en) #header .btn-header-link,html:lang(ja) #header .btn-header-link,html:lang(zh) #header .btn-header-link{display:table-cell;text-align:center;border:1px solid #ddd;border-left:0;padding:0;height:60px;height:6rem;line-height:60px;line-height:6rem}
html:lang(en) #header .btn-header-link .txt,html:lang(ja) #header .btn-header-link .txt,html:lang(zh) #header .btn-header-link .txt{display:inline-block;font-size:16px;font-size:1.6rem;color:#333}
html:lang(en) #header .btn-all-menu-close,html:lang(ja) #header .btn-all-menu-close,html:lang(zh) #header .btn-all-menu-close{position:fixed;top:0;right:10px;right:1rem;padding:13px 16px 17px 16px;padding:1.3rem 1.6rem 1.7rem 1.6rem}
html:lang(en) #header .btn-all-menu-close .ico-close-22-white,html:lang(ja) #header .btn-all-menu-close .ico-close-22-white,html:lang(zh) #header .btn-all-menu-close .ico-close-22-white{display:inline-block;position:relative;width:30px;width:3rem;height:30px;height:3rem;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
html:lang(en) #header .btn-all-menu-close .ico-close-22-white:before,html:lang(ja) #header .btn-all-menu-close .ico-close-22-white:before,html:lang(zh) #header .btn-all-menu-close .ico-close-22-white:before{content:'';width:30px;width:3rem;height:2px;height:0.2rem;position:absolute;top:50%;left:0;margin-top:-1px;margin-top:-0.1rem;background-color:#fff;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
html:lang(en) #header .btn-all-menu-close .ico-close-22-white:after,html:lang(ja) #header .btn-all-menu-close .ico-close-22-white:after,html:lang(zh) #header .btn-all-menu-close .ico-close-22-white:after{content:'';width:2px;width:0.2rem;height:30px;height:3rem;position:absolute;top:0;left:50%;margin-left:-1px;margin-left:-0.1rem;background-color:#fff;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
html:lang(en) #header.on,html:lang(ja) #header.on,html:lang(zh) #header.on{background-color:#fff;-webkit-box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05)}
html:lang(en) #header.on .logo a:lang(ko),html:lang(ja) #header.on .logo a:lang(ko),html:lang(zh) #header.on .logo a:lang(ko){background-image:url("../image/logo_pc_ko_on.svg")}
html:lang(en) #header.on .logo a:lang(en),html:lang(ja) #header.on .logo a:lang(en),html:lang(zh) #header.on .logo a:lang(en){background-image:url("../image/logo_pc_en_on.svg")}
html:lang(en) #header.on .logo a:lang(ja),html:lang(ja) #header.on .logo a:lang(ja),html:lang(zh) #header.on .logo a:lang(ja){background-image:url("../image/logo_pc_en_on.svg")}
html:lang(en) #header.on .logo a:lang(zh),html:lang(ja) #header.on .logo a:lang(zh),html:lang(zh) #header.on .logo a:lang(zh){background-image:url("../image/logo_pc_en_on.svg")}
html:lang(en) #header.on .btn-search-mobile .ico-header-search,html:lang(ja) #header.on .btn-search-mobile .ico-header-search,html:lang(zh) #header.on .btn-search-mobile .ico-header-search{background-image:url("../image/ico_header_mobile_search_black.png")}
html:lang(en) #header.on .btn-all-menu .bar01,html:lang(en) #header.on .btn-all-menu .bar02,html:lang(en) #header.on .btn-all-menu .bar03,html:lang(ja) #header.on .btn-all-menu .bar01,html:lang(ja) #header.on .btn-all-menu .bar02,html:lang(ja) #header.on .btn-all-menu .bar03,html:lang(zh) #header.on .btn-all-menu .bar01,html:lang(zh) #header.on .btn-all-menu .bar02,html:lang(zh) #header.on .btn-all-menu .bar03{background-color:#000}
html:lang(en) #header .header-search-container,html:lang(ja) #header .header-search-container,html:lang(zh) #header .header-search-container{-webkit-box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05);display:none;position:absolute;top:0;left:0;z-index:1;width:100%;padding:100px 0 50px 0;padding:10rem 0 5rem 0;background-color:#fff}
html:lang(en) #header .header-search-container .search-logo,html:lang(ja) #header .header-search-container .search-logo,html:lang(zh) #header .header-search-container .search-logo{display:block;position:absolute;top:17px;top:1.7rem;left:20px;left:2rem;background-position:left top;background-repeat:no-repeat}
html:lang(en) #header .header-search-container .search-logo:lang(ko),html:lang(ja) #header .header-search-container .search-logo:lang(ko),html:lang(zh) #header .header-search-container .search-logo:lang(ko){width:90px;height:26px;background-image:url("../image/logo_pc_ko_on.svg");background-size:90px 26px;}
html:lang(en) #header .header-search-container .search-logo:lang(en),html:lang(ja) #header .header-search-container .search-logo:lang(en),html:lang(zh) #header .header-search-container .search-logo:lang(en){width:72px;height:26px;background-image:url("../image/logo_pc_en_on.svg");background-size:72px 26px;}
html:lang(en) #header .header-search-container .search-logo:lang(ja),html:lang(ja) #header .header-search-container .search-logo:lang(ja),html:lang(zh) #header .header-search-container .search-logo:lang(ja){width:72px;height:26px;background-image:url("../image/logo_pc_en_on.svg");background-size:72px 26px;}
html:lang(en) #header .header-search-container .search-logo:lang(zh),html:lang(ja) #header .header-search-container .search-logo:lang(zh),html:lang(zh) #header .header-search-container .search-logo:lang(zh){width:72px;height:26px;background-image:url("../image/logo_pc_en_on.svg");background-size:72px 26px;}
html:lang(en) #header .header-search-container .search-box,html:lang(ja) #header .header-search-container .search-box,html:lang(zh) #header .header-search-container .search-box{padding:0 20px;padding:0 2rem;background:none;border:0}
html:lang(en) #header .header-search-container .search-box:after,html:lang(ja) #header .header-search-container .search-box:after,html:lang(zh) #header .header-search-container .search-box:after{display:none}
html:lang(en) #header .header-search-container .search-box .in,html:lang(ja) #header .header-search-container .search-box .in,html:lang(zh) #header .header-search-container .search-box .in{margin:0 auto;width:100%}
html:lang(en) #header .header-search-container .search-box .in ul,html:lang(ja) #header .header-search-container .search-box .in ul,html:lang(zh) #header .header-search-container .search-box .in ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}
html:lang(en) #header .header-search-container .search-box .in li,html:lang(ja) #header .header-search-container .search-box .in li,html:lang(zh) #header .header-search-container .search-box .in li{height:45px;height:4.5rem;border:2px solid #ddd;border:0.2rem solid #ddd}
html:lang(en) #header .header-search-container .search-box .in li.on,html:lang(ja) #header .header-search-container .search-box .in li.on,html:lang(zh) #header .header-search-container .search-box .in li.on{border:2px solid #333;border:0.2rem solid #333}
html:lang(en) #header .header-search-container .search-box .in li.item0,html:lang(ja) #header .header-search-container .search-box .in li.item0,html:lang(zh) #header .header-search-container .search-box .in li.item0{width:100%;padding-right:45px;padding-right:4.5rem}
html:lang(en) #header .header-search-container .search-box .in li.item3,html:lang(ja) #header .header-search-container .search-box .in li.item3,html:lang(zh) #header .header-search-container .search-box .in li.item3{position:absolute;right:0;top:0;border:0}
html:lang(en) #header .header-search-container .search-box .in .input-txt,html:lang(en) #header .header-search-container .search-box .in .selectbox,html:lang(ja) #header .header-search-container .search-box .in .input-txt,html:lang(ja) #header .header-search-container .search-box .in .selectbox,html:lang(zh) #header .header-search-container .search-box .in .input-txt,html:lang(zh) #header .header-search-container .search-box .in .selectbox{border:none;background:#fff;height:100%}
html:lang(en) #header .header-search-container .search-box .in .input-txt input,html:lang(en) #header .header-search-container .search-box .in .input-txt select,html:lang(en) #header .header-search-container .search-box .in .selectbox input,html:lang(en) #header .header-search-container .search-box .in .selectbox select,html:lang(ja) #header .header-search-container .search-box .in .input-txt input,html:lang(ja) #header .header-search-container .search-box .in .input-txt select,html:lang(ja) #header .header-search-container .search-box .in .selectbox input,html:lang(ja) #header .header-search-container .search-box .in .selectbox select,html:lang(zh) #header .header-search-container .search-box .in .input-txt input,html:lang(zh) #header .header-search-container .search-box .in .input-txt select,html:lang(zh) #header .header-search-container .search-box .in .selectbox input,html:lang(zh) #header .header-search-container .search-box .in .selectbox select{height:100%;line-height:41px;line-height:4.1rem}
html:lang(en) #header .header-search-container .search-box .in .input-txt input:focus,html:lang(en) #header .header-search-container .search-box .in .input-txt select:focus,html:lang(en) #header .header-search-container .search-box .in .selectbox input:focus,html:lang(en) #header .header-search-container .search-box .in .selectbox select:focus,html:lang(ja) #header .header-search-container .search-box .in .input-txt input:focus,html:lang(ja) #header .header-search-container .search-box .in .input-txt select:focus,html:lang(ja) #header .header-search-container .search-box .in .selectbox input:focus,html:lang(ja) #header .header-search-container .search-box .in .selectbox select:focus,html:lang(zh) #header .header-search-container .search-box .in .input-txt input:focus,html:lang(zh) #header .header-search-container .search-box .in .input-txt select:focus,html:lang(zh) #header .header-search-container .search-box .in .selectbox input:focus,html:lang(zh) #header .header-search-container .search-box .in .selectbox select:focus{outline:0}
html:lang(en) #header .header-search-container .search-box .in .btn-search,html:lang(ja) #header .header-search-container .search-box .in .btn-search,html:lang(zh) #header .header-search-container .search-box .in .btn-search{width:45px;width:4.5rem;padding-top:13px;padding-top:1.3rem;height:45px;height:4.5rem;height:100%;display:block;background:#444;text-align:center}
html:lang(en) #header .header-search-container .search-box .in .btn-search .ico-search-28-white,html:lang(ja) #header .header-search-container .search-box .in .btn-search .ico-search-28-white,html:lang(zh) #header .header-search-container .search-box .in .btn-search .ico-search-28-white{display:block;position:absolute;top:0;right:0;width:45px;width:4.5rem;height:45px;height:4.5rem;background:url("../image/ico_search.png") no-repeat center center;background-size:21px 26px;background-size:2.1rem 2.6rem}
html:lang(en) #header .header-search-container .search-box .in .btn-search .ico-search-28-white:after,html:lang(en) #header .header-search-container .search-box .in .btn-search .ico-search-28-white:before,html:lang(ja) #header .header-search-container .search-box .in .btn-search .ico-search-28-white:after,html:lang(ja) #header .header-search-container .search-box .in .btn-search .ico-search-28-white:before,html:lang(zh) #header .header-search-container .search-box .in .btn-search .ico-search-28-white:after,html:lang(zh) #header .header-search-container .search-box .in .btn-search .ico-search-28-white:before{width:0;height:0;border:0}
html:lang(en) #header .header-search-container .btn-header-search-close,html:lang(ja) #header .header-search-container .btn-header-search-close,html:lang(zh) #header .header-search-container .btn-header-search-close{position:absolute;top:16px;top:1.6rem;right:16px;right:1.6rem}
html:lang(en) #header .header-search-container .btn-header-search-close .ico-close-22-gray,html:lang(ja) #header .header-search-container .btn-header-search-close .ico-close-22-gray,html:lang(zh) #header .header-search-container .btn-header-search-close .ico-close-22-gray{display:inline-block;position:relative;width:30px;width:3rem;height:30px;height:3rem;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
html:lang(en) #header .header-search-container .btn-header-search-close .ico-close-22-gray:before,html:lang(ja) #header .header-search-container .btn-header-search-close .ico-close-22-gray:before,html:lang(zh) #header .header-search-container .btn-header-search-close .ico-close-22-gray:before{content:'';width:30px;width:3rem;height:2px;height:0.2rem;position:absolute;top:50%;left:0;margin-top:-1px;margin-top:-0.1rem;background-color:#999;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
html:lang(en) #header .header-search-container .btn-header-search-close .ico-close-22-gray:after,html:lang(ja) #header .header-search-container .btn-header-search-close .ico-close-22-gray:after,html:lang(zh) #header .header-search-container .btn-header-search-close .ico-close-22-gray:after{content:'';width:2px;width:0.2rem;height:30px;height:3rem;position:absolute;top:0;left:50%;margin-left:-1px;margin-left:-0.1rem;background-color:#999;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
html:lang(en) #header .gnb > ul > li > a.gnb-link .ico-arrow-down-gray-20,html:lang(ja) #header .gnb > ul > li > a.gnb-link .ico-arrow-down-gray-20,html:lang(zh) #header .gnb > ul > li > a.gnb-link .ico-arrow-down-gray-20{display:none}
html:lang(en) #header.patent-header .header-content .logo a:lang(ko),html:lang(ja) #header.patent-header .header-content .logo a:lang(ko),html:lang(zh) #header.patent-header .header-content .logo a:lang(ko){width:114px;height:20px;background-image:url("../image/logo_patent_pc_ko.svg");background-size:100% 100%;}
html:lang(en) #header.patent-header .header-content .logo a:lang(en),html:lang(ja) #header.patent-header .header-content .logo a:lang(en),html:lang(zh) #header.patent-header .header-content .logo a:lang(en){width:160px;height:21px;background-image:url("../image/logo_patent_pc_en.svg");background-size:100% 100%;}
html:lang(en) #header.patent-header .header-content .logo a:lang(ja),html:lang(ja) #header.patent-header .header-content .logo a:lang(ja),html:lang(zh) #header.patent-header .header-content .logo a:lang(ja){width:160px;height:21px;background-image:url("../image/logo_patent_pc_en.svg");background-size:100% 100%;}
html:lang(en) #header.patent-header .header-content .logo a:lang(zh),html:lang(ja) #header.patent-header .header-content .logo a:lang(zh),html:lang(zh) #header.patent-header .header-content .logo a:lang(zh){width:160px;height:21px;background-image:url("../image/logo_patent_pc_en.svg");background-size:100% 100%;}
html:lang(en) #header.patent-header .header-content .header-search-container .search-logo:lang(ko),html:lang(ja) #header.patent-header .header-content .header-search-container .search-logo:lang(ko),html:lang(zh) #header.patent-header .header-content .header-search-container .search-logo:lang(ko){width:114px;height:20px;background-image:url("../image/logo_patent_pc_ko_on.svg");background-size:100% 100%;}
html:lang(en) #header.patent-header .header-content .header-search-container .search-logo:lang(en),html:lang(ja) #header.patent-header .header-content .header-search-container .search-logo:lang(en),html:lang(zh) #header.patent-header .header-content .header-search-container .search-logo:lang(en){width:160px;height:21px;background-image:url("../image/logo_patent_pc_en_on.svg");background-size:100% 100%;}
html:lang(en) #header.patent-header .header-content .header-search-container .search-logo:lang(ja),html:lang(ja) #header.patent-header .header-content .header-search-container .search-logo:lang(ja),html:lang(zh) #header.patent-header .header-content .header-search-container .search-logo:lang(ja){width:160px;height:21px;background-image:url("../image/logo_patent_pc_en_on.svg");background-size:100% 100%;}
html:lang(en) #header.patent-header .header-content .header-search-container .search-logo:lang(zh),html:lang(ja) #header.patent-header .header-content .header-search-container .search-logo:lang(zh),html:lang(zh) #header.patent-header .header-content .header-search-container .search-logo:lang(zh){width:160px;height:21px;background-image:url("../image/logo_patent_pc_en_on.svg");background-size:100% 100%;}
html:lang(en) #header.patent-header.on .header-content .logo a:lang(ko),html:lang(en) #header.patent-header.ui-on .header-content .logo a:lang(ko),html:lang(ja) #header.patent-header.on .header-content .logo a:lang(ko),html:lang(ja) #header.patent-header.ui-on .header-content .logo a:lang(ko),html:lang(zh) #header.patent-header.on .header-content .logo a:lang(ko),html:lang(zh) #header.patent-header.ui-on .header-content .logo a:lang(ko){background-image:url("../image/logo_patent_pc_ko_on.svg")}
html:lang(en) #header.patent-header.on .header-content .logo a:lang(en),html:lang(en) #header.patent-header.ui-on .header-content .logo a:lang(en),html:lang(ja) #header.patent-header.on .header-content .logo a:lang(en),html:lang(ja) #header.patent-header.ui-on .header-content .logo a:lang(en),html:lang(zh) #header.patent-header.on .header-content .logo a:lang(en),html:lang(zh) #header.patent-header.ui-on .header-content .logo a:lang(en){background-image:url("../image/logo_patent_pc_en_on.svg")}
html:lang(en) #header.patent-header.on .header-content .logo a:lang(ja),html:lang(en) #header.patent-header.ui-on .header-content .logo a:lang(ja),html:lang(ja) #header.patent-header.on .header-content .logo a:lang(ja),html:lang(ja) #header.patent-header.ui-on .header-content .logo a:lang(ja),html:lang(zh) #header.patent-header.on .header-content .logo a:lang(ja),html:lang(zh) #header.patent-header.ui-on .header-content .logo a:lang(ja){background-image:url("../image/logo_patent_pc_en_on.svg")}
html:lang(en) #header.patent-header.on .header-content .logo a:lang(zh),html:lang(en) #header.patent-header.ui-on .header-content .logo a:lang(zh),html:lang(ja) #header.patent-header.on .header-content .logo a:lang(zh),html:lang(ja) #header.patent-header.ui-on .header-content .logo a:lang(zh),html:lang(zh) #header.patent-header.on .header-content .logo a:lang(zh),html:lang(zh) #header.patent-header.ui-on .header-content .logo a:lang(zh){background-image:url("../image/logo_patent_pc_en_on.svg")}
html:lang(en) #footer,html:lang(ja) #footer,html:lang(zh) #footer{width:100%;margin:70px 0 0 0;margin:7rem 0 0 0}
html:lang(en) #footer .foot-region,html:lang(ja) #footer .foot-region,html:lang(zh) #footer .foot-region{overflow-x:scroll;overflow-y:hidden;width:100%;height:52px;height:5.2rem;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
html:lang(en) #footer .foot-region ul,html:lang(ja) #footer .foot-region ul,html:lang(zh) #footer .foot-region ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
html:lang(en) #footer .foot-region li,html:lang(ja) #footer .foot-region li,html:lang(zh) #footer .foot-region li{float:left;height:50px;height:5rem}
html:lang(en) #footer .foot-region li a,html:lang(ja) #footer .foot-region li a,html:lang(zh) #footer .foot-region li a{display:block;padding:0 15px;padding:0 1.5rem;height:50px;height:5rem;line-height:50px;line-height:5rem;font-size:14px;font-size:1.4rem;color:#333}
html:lang(en) #footer .foot-region li a > span,html:lang(ja) #footer .foot-region li a > span,html:lang(zh) #footer .foot-region li a > span{word-break:keep-all;line-height:1.15;white-space:nowrap}
html:lang(en) #footer .foot-region li .ico-map,html:lang(ja) #footer .foot-region li .ico-map,html:lang(zh) #footer .foot-region li .ico-map{display:inline-block;margin:0 0 0 20px;margin:0 0 0 2rem}
html:lang(en) #footer .foot-region li .ico-map:before,html:lang(ja) #footer .foot-region li .ico-map:before,html:lang(zh) #footer .foot-region li .ico-map:before{content:'';display:block;margin:17px 0 0 0;margin:1.7rem 0 0 0;width:14px;width:1.4rem;height:20px;height:2rem;background:url("../image/ico_header_map_black_mo.png") no-repeat 0 0;background-size:14px 20px;background-size:1.4rem 2rem}
html:lang(en) #footer .foot-region .scroll-element,html:lang(ja) #footer .foot-region .scroll-element,html:lang(zh) #footer .foot-region .scroll-element{height:5px;bottom:0}
html:lang(en) #footer .foot-region .scroll-element.scroll-x,html:lang(ja) #footer .foot-region .scroll-element.scroll-x,html:lang(zh) #footer .foot-region .scroll-element.scroll-x{opacity:0}
html:lang(en) #footer .foot-region .scroll-element .scroll-element_outer .scroll-element_track,html:lang(ja) #footer .foot-region .scroll-element .scroll-element_outer .scroll-element_track,html:lang(zh) #footer .foot-region .scroll-element .scroll-element_outer .scroll-element_track{background:#fff}
html:lang(en) #footer .footer-content,html:lang(ja) #footer .footer-content,html:lang(zh) #footer .footer-content{position:relative;padding:24px 50px 44px 20px;padding:2.4rem 5rem 4.4rem 2rem}
html:lang(en) #footer .footer-content .btn-top,html:lang(ja) #footer .footer-content .btn-top,html:lang(zh) #footer .footer-content .btn-top{position:fixed;padding:0 0 95px;padding:0 0 9.5rem;right:0;bottom:50px;bottom:5rem;z-index:11;-webkit-transition:bottom .4s ease;-o-transition:bottom .4s ease;transition:bottom .4s ease}
html:lang(en) #footer .footer-content .btn-top.ui-pos,html:lang(ja) #footer .footer-content .btn-top.ui-pos,html:lang(zh) #footer .footer-content .btn-top.ui-pos{bottom:-6px;bottom:-0.6rem;-webkit-transition:bottom .4s ease;-o-transition:bottom .4s ease;transition:bottom .4s ease}
html:lang(en) #footer .footer-content .btn-top .top,html:lang(ja) #footer .footer-content .btn-top .top,html:lang(zh) #footer .footer-content .btn-top .top{display:block;width:50px;width:5rem;height:50px;height:5rem;font-size:12px;font-size:1.2rem;line-height:50px;line-height:5rem;text-align:center;font-weight:500;color:#333;background:#fff;border-top:1px solid #999;border-left:1px solid #999}
html:lang(en) #footer .footer-content .btn-top .seminar,html:lang(ja) #footer .footer-content .btn-top .seminar,html:lang(zh) #footer .footer-content .btn-top .seminar{display:block;position:absolute;left:-20px;left:-2rem;top:70px;top:7rem;width:90px;width:9rem;height:50px;height:5rem;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
html:lang(en) #footer .footer-content .btn-top .seminar span,html:lang(ja) #footer .footer-content .btn-top .seminar span,html:lang(zh) #footer .footer-content .btn-top .seminar span{display:block;font-size:13px;font-size:1.3rem;line-height:50px;line-height:5rem;background:#2594c0;color:#fff;font-weight:700;text-align:center}
html:lang(en) #footer .footer-content .foot-link1,html:lang(ja) #footer .footer-content .foot-link1,html:lang(zh) #footer .footer-content .foot-link1{position:relative;padding:0 0 9px 0;padding:0 0 0.9rem 0}
html:lang(en) #footer .footer-content .foot-link1 > li,html:lang(ja) #footer .footer-content .foot-link1 > li,html:lang(zh) #footer .footer-content .foot-link1 > li{float:left;margin:0 17px 0 0;margin:0 1.7rem 0 0;position:relative}
html:lang(en) #footer .footer-content .foot-link1 > li > a,html:lang(ja) #footer .footer-content .foot-link1 > li > a,html:lang(zh) #footer .footer-content .foot-link1 > li > a{display:block}
html:lang(en) #footer .footer-content .foot-link1 > li > a span,html:lang(en) #footer .footer-content .foot-link1 > li > a strong,html:lang(ja) #footer .footer-content .foot-link1 > li > a span,html:lang(ja) #footer .footer-content .foot-link1 > li > a strong,html:lang(zh) #footer .footer-content .foot-link1 > li > a span,html:lang(zh) #footer .footer-content .foot-link1 > li > a strong{display:block;font-size:13px;font-size:1.3rem;line-height:1.923;color:#8b9191}
html:lang(en) #footer .footer-content .foot-link1 > li > a strong,html:lang(ja) #footer .footer-content .foot-link1 > li > a strong,html:lang(zh) #footer .footer-content .foot-link1 > li > a strong{color:#2594c0}
html:lang(en) #footer .footer-content .address,html:lang(ja) #footer .footer-content .address,html:lang(zh) #footer .footer-content .address{padding:15px 0 0 0;padding:1.5rem 0 0 0}
html:lang(en) #footer .footer-content .address em,html:lang(en) #footer .footer-content .address span,html:lang(ja) #footer .footer-content .address em,html:lang(ja) #footer .footer-content .address span,html:lang(zh) #footer .footer-content .address em,html:lang(zh) #footer .footer-content .address span{display:block;font-size:14px;font-size:1.4rem;line-height:25px;line-height:2.5rem;color:#666}
html:lang(en) #footer .footer-content .address em,html:lang(ja) #footer .footer-content .address em,html:lang(zh) #footer .footer-content .address em{display:none}
html:lang(en) #footer .footer-content .foot-logo,html:lang(ja) #footer .footer-content .foot-logo,html:lang(zh) #footer .footer-content .foot-logo{margin:21px 0 0 70px;margin:2.1rem 0 0 7rem}
html:lang(en) #footer .footer-content .foot-link2 a,html:lang(ja) #footer .footer-content .foot-link2 a,html:lang(zh) #footer .footer-content .foot-link2 a{position:relative;display:block;text-align:center;float:left;margin-right:5px;margin-right:0.5rem;min-width:94px;min-width:9.4rem;height:30px;height:3rem;line-height:30px;line-height:3rem;padding:0 15px 0 15px;padding:0 1.5rem 0 1.5rem;border:1px solid #ddd;border-bottom-right-radius:25px;border-bottom-right-radius:2.5rem}
html:lang(en) #footer .footer-content .foot-link2 a span,html:lang(ja) #footer .footer-content .foot-link2 a span,html:lang(zh) #footer .footer-content .foot-link2 a span{position:relative;z-index:1;font-size:12px;font-size:1.2rem;line-height:1.7;color:#666;vertical-align:0}
html:lang(en) #footer .footer-content .foot-link2 a::after,html:lang(ja) #footer .footer-content .foot-link2 a::after,html:lang(zh) #footer .footer-content .foot-link2 a::after{content:'';position:absolute;bottom:-1px;right:-1px;width:25px;width:2.5rem;height:25px;height:2.5rem;background-position:left top;background-repeat:no-repeat;background-size:25px 25px;background-size:2.5rem 2.5rem;background-image:url("../image/bg_footer_btn_corner01_mo.png")}
html:lang(en) #footer .footer-content .foot-link2 a.line,html:lang(ja) #footer .footer-content .foot-link2 a.line,html:lang(zh) #footer .footer-content .foot-link2 a.line{background:#f5f5f5}
html:lang(en) #footer .footer-content .foot-link2 a.line::after,html:lang(ja) #footer .footer-content .foot-link2 a.line::after,html:lang(zh) #footer .footer-content .foot-link2 a.line::after{background-image:url("../image/bg_footer_btn_corner02_mo.png")}
html:lang(en) #footer .footer-content .copyright,html:lang(ja) #footer .footer-content .copyright,html:lang(zh) #footer .footer-content .copyright{padding-top:13px;padding-top:1.3rem}
html:lang(en) #footer .footer-content .copyright span,html:lang(ja) #footer .footer-content .copyright span,html:lang(zh) #footer .footer-content .copyright span{font-size:12px;font-size:1.2rem;line-height:24px;line-height:2.4rem;color:#999;font-weight:300}
}
@media (min-width: 1367px){
html:lang(en),html:lang(ja),html:lang(zh){/*! 검색 확장 영역 *//*! 특허법인 헤더 스타일 */}
html:lang(en) #header,html:lang(ja) #header,html:lang(zh) #header{position:fixed;left:0;top:0;width:100%;height:90px;height:9rem;z-index:80;-webkit-transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1);-o-transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1);transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1)}
html:lang(en) #header.ui-main,html:lang(ja) #header.ui-main,html:lang(zh) #header.ui-main{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}
html:lang(en) #header:after,html:lang(ja) #header:after,html:lang(zh) #header:after{content:'';position:absolute;z-index:-1;top:0;left:0;width:100%;height:160px;height:16rem;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.27)), color-stop(39%, rgba(0, 0, 0, 0.27)), to(rgba(0, 0, 0, 0)));background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.27) 0, rgba(0, 0, 0, 0.27) 39%, rgba(0, 0, 0, 0) 100%);background:-o-linear-gradient(top, rgba(0, 0, 0, 0.27) 0, rgba(0, 0, 0, 0.27) 39%, rgba(0, 0, 0, 0) 100%);background:linear-gradient(to bottom, rgba(0, 0, 0, 0.27) 0, rgba(0, 0, 0, 0.27) 39%, rgba(0, 0, 0, 0) 100%);background: url('../image/law-header-bg2.png');}
html:lang(en) #header .header-content,html:lang(ja) #header .header-content,html:lang(zh) #header .header-content{width:100%;margin:0 auto;height:90px;height:9rem}
html:lang(en) #header .header-content .logo,html:lang(ja) #header .header-content .logo,html:lang(zh) #header .header-content .logo{position:relative;z-index:1;float:left;left:60px;left:6rem;top:27px;top:2.7rem}
html:lang(en) #header .header-content .logo a,html:lang(ja) #header .header-content .logo a,html:lang(zh) #header .header-content .logo a{display:block;background-repeat:no-repeat;background-position:left top;background-size:cover}
html:lang(en) #header .header-content .logo a:lang(ko),html:lang(ja) #header .header-content .logo a:lang(ko),html:lang(zh) #header .header-content .logo a:lang(ko){width:138px;height:40px;background-image:url("../image/logo_pc_ko.svg")}
html:lang(en) #header .header-content .logo a:lang(en),html:lang(ja) #header .header-content .logo a:lang(en),html:lang(zh) #header .header-content .logo a:lang(en){width:109px;height:39px;background-image:url("../image/logo_pc_en.svg")}
html:lang(en) #header .header-content .logo a:lang(ja),html:lang(ja) #header .header-content .logo a:lang(ja),html:lang(zh) #header .header-content .logo a:lang(ja){width:109px;height:39px;background-image:url("../image/logo_pc_en.svg")}
html:lang(en) #header .header-content .logo a:lang(zh),html:lang(ja) #header .header-content .logo a:lang(zh),html:lang(zh) #header .header-content .logo a:lang(zh){width:109px;height:39px;background-image:url("../image/logo_pc_en.svg")}
html:lang(en) #header .header-content .btn-search-mobile,html:lang(ja) #header .header-content .btn-search-mobile,html:lang(zh) #header .header-content .btn-search-mobile{display:none}
html:lang(en) #header .header-content .btn-all-menu,html:lang(ja) #header .header-content .btn-all-menu,html:lang(zh) #header .header-content .btn-all-menu{display:none}
html:lang(en) #header .header-content .gnb-bg,html:lang(ja) #header .header-content .gnb-bg,html:lang(zh) #header .header-content .gnb-bg{display:block;position:absolute;top:89px;top:8.9rem;background-color:#fff;min-height:0;min-height:0;width:100%;-webkit-box-shadow:1px 8px 7px -7px rgba(59, 56, 55, 0.1);box-shadow:1px 8px 7px -7px rgba(59, 56, 55, 0.1);-webkit-transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1);-o-transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1);transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1)}
html:lang(en) #header .header-content .gnb-bg.on,html:lang(ja) #header .header-content .gnb-bg.on,html:lang(zh) #header .header-content .gnb-bg.on{min-height:456px;min-height:45.6rem}
html:lang(en) #header .header-content .gnb,html:lang(ja) #header .header-content .gnb,html:lang(zh) #header .header-content .gnb{position:absolute;width:100%;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}
html:lang(en) #header .header-content .gnb > ul,html:lang(ja) #header .header-content .gnb > ul,html:lang(zh) #header .header-content .gnb > ul{width:100%;text-align:center}
html:lang(en) #header .header-content .gnb > ul > li,html:lang(ja) #header .header-content .gnb > ul > li,html:lang(zh) #header .header-content .gnb > ul > li{position:relative;display:inline-block}
html:lang(en) #header .header-content .gnb > ul > li .gnb-bg02,html:lang(ja) #header .header-content .gnb > ul > li .gnb-bg02,html:lang(zh) #header .header-content .gnb > ul > li .gnb-bg02{display:block;position:absolute;top:0;left:0;width:100%;min-height:0;min-height:0;background-color:transparent;-webkit-transition:background-color 0.5s cubic-bezier(0.77, 0, 0.18, 1);-o-transition:background-color 0.5s cubic-bezier(0.77, 0, 0.18, 1);transition:background-color 0.5s cubic-bezier(0.77, 0, 0.18, 1)}
html:lang(en) #header .header-content .gnb > ul > li .gnb-bg02.on,html:lang(ja) #header .header-content .gnb > ul > li .gnb-bg02.on,html:lang(zh) #header .header-content .gnb > ul > li .gnb-bg02.on{min-height:453px;min-height:45.3rem;background-color:#f9f9f9;-webkit-transition-delay:.27s;-o-transition-delay:.27s;transition-delay:.27s}
html:lang(en) #header .header-content .gnb > ul > li > .gnb-link,html:lang(en) #header .header-content .gnb > ul > li > a,html:lang(ja) #header .header-content .gnb > ul > li > .gnb-link,html:lang(ja) #header .header-content .gnb > ul > li > a,html:lang(zh) #header .header-content .gnb > ul > li > .gnb-link,html:lang(zh) #header .header-content .gnb > ul > li > a{position:relative;display:block;padding:0 30px;padding:0 3rem;height:90px;height:9rem;line-height:90px;line-height:9rem}
html:lang(en) #header .header-content .gnb > ul > li > .gnb-link > span,html:lang(en) #header .header-content .gnb > ul > li > a > span,html:lang(ja) #header .header-content .gnb > ul > li > .gnb-link > span,html:lang(ja) #header .header-content .gnb > ul > li > a > span,html:lang(zh) #header .header-content .gnb > ul > li > .gnb-link > span,html:lang(zh) #header .header-content .gnb > ul > li > a > span{font-size:18px;font-size:1.8rem;color:#fff;font-weight:500;-webkit-transition:color .3s ease-out;-o-transition:color .3s ease-out;transition:color .3s ease-out;line-height:1.5}
html:lang(en) #header .header-content .gnb > ul > li > .gnb-link .ico-arrow-down-gray-20,html:lang(en) #header .header-content .gnb > ul > li > a .ico-arrow-down-gray-20,html:lang(ja) #header .header-content .gnb > ul > li > .gnb-link .ico-arrow-down-gray-20,html:lang(ja) #header .header-content .gnb > ul > li > a .ico-arrow-down-gray-20,html:lang(zh) #header .header-content .gnb > ul > li > .gnb-link .ico-arrow-down-gray-20,html:lang(zh) #header .header-content .gnb > ul > li > a .ico-arrow-down-gray-20{display:none}
}
@media (min-width: 1367px) and (min-width: 1024px){
html:lang(en) #header .header-content .gnb > ul > li > .gnb-link,html:lang(en) #header .header-content .gnb > ul > li > a,html:lang(ja) #header .header-content .gnb > ul > li > .gnb-link,html:lang(ja) #header .header-content .gnb > ul > li > a,html:lang(zh) #header .header-content .gnb > ul > li > .gnb-link,html:lang(zh) #header .header-content .gnb > ul > li > a{padding-left:-webkit-calc(-26.05634px + 3.52113vw);padding-left:calc(-26.05634px + 3.52113vw);padding-right:-webkit-calc(-26.05634px + 3.52113vw);padding-right:calc(-26.05634px + 3.52113vw)}
}
@media (min-width: 1367px){
html:lang(en) #header .header-content .gnb > ul > li > .gnb-link.on > span,html:lang(en) #header .header-content .gnb > ul > li > a.on > span,html:lang(ja) #header .header-content .gnb > ul > li > .gnb-link.on > span,html:lang(ja) #header .header-content .gnb > ul > li > a.on > span,html:lang(zh) #header .header-content .gnb > ul > li > .gnb-link.on > span,html:lang(zh) #header .header-content .gnb > ul > li > a.on > span{color:#4ac5f8}
html:lang(en) #header .header-content .gnb .gnb-2depth,html:lang(ja) #header .header-content .gnb .gnb-2depth,html:lang(zh) #header .header-content .gnb .gnb-2depth{display:none;position:absolute;top:90px;top:9rem;left:0;width:100%;-webkit-transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1);-o-transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1);transition:all 0.5s cubic-bezier(0.77, 0, 0.18, 1)}
html:lang(en) #header .header-content .gnb .gnb-2depth > a,html:lang(ja) #header .header-content .gnb .gnb-2depth > a,html:lang(zh) #header .header-content .gnb .gnb-2depth > a{display:block;text-align:center;margin-top:8px;margin-top:0.8rem;padding:6px 0 6px 0;padding:0.6rem 0 0.6rem 0}
html:lang(en) #header .header-content .gnb .gnb-2depth > a .txt,html:lang(ja) #header .header-content .gnb .gnb-2depth > a .txt,html:lang(zh) #header .header-content .gnb .gnb-2depth > a .txt{font-size:16px;font-size:1.6rem;color:#666;line-height:1.625;-webkit-transition:color .3s ease-out;-o-transition:color .3s ease-out;transition:color .3s ease-out}
html:lang(en) #header .header-content .gnb .gnb-2depth > a:first-child,html:lang(ja) #header .header-content .gnb .gnb-2depth > a:first-child,html:lang(zh) #header .header-content .gnb .gnb-2depth > a:first-child{margin-top:0}
html:lang(en) #header .header-content .gnb .gnb-2depth > a.on .txt,html:lang(en) #header .header-content .gnb .gnb-2depth > a:focus .txt,html:lang(en) #header .header-content .gnb .gnb-2depth > a:hover .txt,html:lang(ja) #header .header-content .gnb .gnb-2depth > a.on .txt,html:lang(ja) #header .header-content .gnb .gnb-2depth > a:focus .txt,html:lang(ja) #header .header-content .gnb .gnb-2depth > a:hover .txt,html:lang(zh) #header .header-content .gnb .gnb-2depth > a.on .txt,html:lang(zh) #header .header-content .gnb .gnb-2depth > a:focus .txt,html:lang(zh) #header .header-content .gnb .gnb-2depth > a:hover .txt{color:#2594c0;border-bottom:1px solid #2594c0}
html:lang(en) #header .header-content .gnb .gnb-2depth.on,html:lang(ja) #header .header-content .gnb .gnb-2depth.on,html:lang(zh) #header .header-content .gnb .gnb-2depth.on{display:block;opacity:0}
html:lang(en) #header .header-content .gnb .gnb-2depth.active,html:lang(ja) #header .header-content .gnb .gnb-2depth.active,html:lang(zh) #header .header-content .gnb .gnb-2depth.active{opacity:1}
html:lang(en) #header .header-content .util,html:lang(ja) #header .header-content .util,html:lang(zh) #header .header-content .util{position:relative;top:4px;top:0.4rem;float:left;font-size:0}
html:lang(en) #header .header-content .util .btn-search,html:lang(ja) #header .header-content .util .btn-search,html:lang(zh) #header .header-content .util .btn-search{display:inline-block;width:28px;width:2.8rem;height:28px;height:2.8rem;margin-right:24px;margin-right:2.4rem;position:relative;top:1px;text-align:center}
html:lang(en) #header .header-content .util .btn-search .ico-header-search,html:lang(ja) #header .header-content .util .btn-search .ico-header-search,html:lang(zh) #header .header-content .util .btn-search .ico-header-search{display:inline-block;width:22px;width:2.2rem;height:25px;height:2.5rem;background:url("../image/ico_header_search_white.png") no-repeat center center;background-size:cover}
html:lang(en) #header .header-content .util .lang-select,html:lang(ja) #header .header-content .util .lang-select,html:lang(zh) #header .header-content .util .lang-select{position:relative;display:inline-block;width:28px;width:2.8rem;height:28px;height:2.8rem;margin-right:24px;margin-right:2.4rem;text-align:center}
html:lang(en) #header .header-content .util .lang-select a.open:after,html:lang(ja) #header .header-content .util .lang-select a.open:after,html:lang(zh) #header .header-content .util .lang-select a.open:after{top:19px;top:1.9rem;-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg)}
html:lang(en) #header .header-content .util .lang-select > a,html:lang(ja) #header .header-content .util .lang-select > a,html:lang(zh) #header .header-content .util .lang-select > a{display:block;position:relative}
html:lang(en) #header .header-content .util .lang-select > a .ico-lang,html:lang(ja) #header .header-content .util .lang-select > a .ico-lang,html:lang(zh) #header .header-content .util .lang-select > a .ico-lang{display:inline-block;left:0;left:0;top:9px;top:0.9rem;width:29px;width:2.9rem;height:27px;height:2.7rem;background-position:left top;background-repeat:no-repeat;background-size:contain}
html:lang(en) #header .header-content .util .lang-select > a .ico-lang.kr,html:lang(ja) #header .header-content .util .lang-select > a .ico-lang.kr,html:lang(zh) #header .header-content .util .lang-select > a .ico-lang.kr{background-image:url("../image/ico_lang_ko_white.png")}
html:lang(en) #header .header-content .util .lang-select > a .ico-lang.en,html:lang(ja) #header .header-content .util .lang-select > a .ico-lang.en,html:lang(zh) #header .header-content .util .lang-select > a .ico-lang.en{background-image:url("../image/ico_lang_en_white.png")}
html:lang(en) #header .header-content .util .lang-select > a .ico-lang.jp,html:lang(ja) #header .header-content .util .lang-select > a .ico-lang.jp,html:lang(zh) #header .header-content .util .lang-select > a .ico-lang.jp{background-image:url("../image/ico_lang_jp_white.png")}
html:lang(en) #header .header-content .util .lang-select > a .ico-lang.cn,html:lang(ja) #header .header-content .util .lang-select > a .ico-lang.cn,html:lang(zh) #header .header-content .util .lang-select > a .ico-lang.cn{background-image:url("../image/ico_lang_cn_white.png")}
html:lang(en) #header .header-content .util .lang-select > a span,html:lang(ja) #header .header-content .util .lang-select > a span,html:lang(zh) #header .header-content .util .lang-select > a span{display:block}
html:lang(en) #header .header-content .util .lang-select ul,html:lang(ja) #header .header-content .util .lang-select ul,html:lang(zh) #header .header-content .util .lang-select ul{display:none;position:absolute;-webkit-box-shadow:10px 10px 20px 3px rgba(59, 56, 55, 0.15);box-shadow:10px 10px 20px 3px rgba(59, 56, 55, 0.15);left:50%;margin-left:-50px;margin-left:-5rem;top:-webkit-calc(100% + 21px);top:calc(100% + 21px);top:-webkit-calc(100% + 2.1rem);top:calc(100% + 2.1rem);padding:9px 0;padding:0.9rem 0;background:#fff}
html:lang(en) #header .header-content .util .lang-select ul li a,html:lang(ja) #header .header-content .util .lang-select ul li a,html:lang(zh) #header .header-content .util .lang-select ul li a{display:block;width:100px;width:10rem;font-size:16px;font-size:1.6rem;line-height:36px;line-height:3.6rem;text-align:center}
html:lang(en) #header .header-content .util .lang-select ul li a .txt,html:lang(ja) #header .header-content .util .lang-select ul li a .txt,html:lang(zh) #header .header-content .util .lang-select ul li a .txt{display:block;color:#333}
html:lang(en) #header .header-content .util .lang-select ul li a:after,html:lang(en) #header .header-content .util .lang-select ul li a:before,html:lang(ja) #header .header-content .util .lang-select ul li a:after,html:lang(ja) #header .header-content .util .lang-select ul li a:before,html:lang(zh) #header .header-content .util .lang-select ul li a:after,html:lang(zh) #header .header-content .util .lang-select ul li a:before{display:none}
html:lang(en) #header .header-content .util .lang-select ul li a:hover,html:lang(ja) #header .header-content .util .lang-select ul li a:hover,html:lang(zh) #header .header-content .util .lang-select ul li a:hover{-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;color:#4ac5f8}
html:lang(en) #header .header-content .util .lang-select ul li a:hover .txt,html:lang(ja) #header .header-content .util .lang-select ul li a:hover .txt,html:lang(zh) #header .header-content .util .lang-select ul li a:hover .txt{color:#2594c0}
html:lang(en) #header .util02,html:lang(ja) #header .util02,html:lang(zh) #header .util02{float:left;font-size:0}
html:lang(en) #header .util02 .btn-map,html:lang(ja) #header .util02 .btn-map,html:lang(zh) #header .util02 .btn-map{display:inline-block;width:28px;width:2.8rem;height:28px;height:2.8rem;text-align:center;margin-right:24px;margin-right:2.4rem}
html:lang(en) #header .util02 .btn-map .ico-header-map,html:lang(ja) #header .util02 .btn-map .ico-header-map,html:lang(zh) #header .util02 .btn-map .ico-header-map{display:inline-block;background:url("../image/ico_header_map_white.png") no-repeat 0 0;width:20px;width:2rem;height:27px;height:2.7rem;background-size:cover}
html:lang(en) #header .util02 .btn-header-link,html:lang(ja) #header .util02 .btn-header-link,html:lang(zh) #header .util02 .btn-header-link{position:relative;display:inline-block;padding:0 16px 0 16px;padding:0 1.6rem 0 1.6rem;height:34px;line-height:34px}
html:lang(en) #header .util02 .btn-header-link .bg-area,html:lang(ja) #header .util02 .btn-header-link .bg-area,html:lang(zh) #header .util02 .btn-header-link .bg-area{position:absolute;width:-webkit-calc(100% - 20px);width:calc(100% - 20px);height:100%;top:0;left:0;background:url("../image/bg_header_btn_corner0102.png") no-repeat left top}
html:lang(en) #header .util02 .btn-header-link .bg-area::after,html:lang(ja) #header .util02 .btn-header-link .bg-area::after,html:lang(zh) #header .util02 .btn-header-link .bg-area::after{content:'';position:absolute;bottom:0;right:-20px;right:-2rem;width:20px;height:100%;background:url("../image/bg_header_btn_corner0101.png") no-repeat left top}
html:lang(en) #header .util02 .btn-header-link .txt,html:lang(ja) #header .util02 .btn-header-link .txt,html:lang(zh) #header .util02 .btn-header-link .txt{color:#fff;font-size:14px;font-size:1.4rem;line-height:1.7}
html:lang(en) #header .util-area,html:lang(ja) #header .util-area,html:lang(zh) #header .util-area{position:relative;right:40px;right:4rem;top:29px;top:2.9rem;float:right}
html:lang(en) #header .btn-all-menu-close,html:lang(ja) #header .btn-all-menu-close,html:lang(zh) #header .btn-all-menu-close{display:none}
html:lang(en) #header.on,html:lang(en) #header.ui-on,html:lang(ja) #header.on,html:lang(ja) #header.ui-on,html:lang(zh) #header.on,html:lang(zh) #header.ui-on{background:#fff;-webkit-box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05)}
html:lang(en) #header.on:after,html:lang(en) #header.ui-on:after,html:lang(ja) #header.on:after,html:lang(ja) #header.ui-on:after,html:lang(zh) #header.on:after,html:lang(zh) #header.ui-on:after{display:none}
html:lang(en) #header.on .header-content .logo a:lang(ko),html:lang(en) #header.ui-on .header-content .logo a:lang(ko),html:lang(ja) #header.on .header-content .logo a:lang(ko),html:lang(ja) #header.ui-on .header-content .logo a:lang(ko),html:lang(zh) #header.on .header-content .logo a:lang(ko),html:lang(zh) #header.ui-on .header-content .logo a:lang(ko){background-image:url("../image/logo_pc_ko_on.svg")}
html:lang(en) #header.on .header-content .logo a:lang(en),html:lang(en) #header.ui-on .header-content .logo a:lang(en),html:lang(ja) #header.on .header-content .logo a:lang(en),html:lang(ja) #header.ui-on .header-content .logo a:lang(en),html:lang(zh) #header.on .header-content .logo a:lang(en),html:lang(zh) #header.ui-on .header-content .logo a:lang(en){background-image:url("../image/logo_pc_en_on.svg")}
html:lang(en) #header.on .header-content .logo a:lang(ja),html:lang(en) #header.ui-on .header-content .logo a:lang(ja),html:lang(ja) #header.on .header-content .logo a:lang(ja),html:lang(ja) #header.ui-on .header-content .logo a:lang(ja),html:lang(zh) #header.on .header-content .logo a:lang(ja),html:lang(zh) #header.ui-on .header-content .logo a:lang(ja){background-image:url("../image/logo_pc_en_on.svg")}
html:lang(en) #header.on .header-content .logo a:lang(zh),html:lang(en) #header.ui-on .header-content .logo a:lang(zh),html:lang(ja) #header.on .header-content .logo a:lang(zh),html:lang(ja) #header.ui-on .header-content .logo a:lang(zh),html:lang(zh) #header.on .header-content .logo a:lang(zh),html:lang(zh) #header.ui-on .header-content .logo a:lang(zh){background-image:url("../image/logo_pc_en_on.svg")}
html:lang(en) #header.on .header-content .gnb > ul > li > .gnb-link > span,html:lang(en) #header.on .header-content .gnb > ul > li > a > span,html:lang(en) #header.ui-on .header-content .gnb > ul > li > .gnb-link > span,html:lang(en) #header.ui-on .header-content .gnb > ul > li > a > span,html:lang(ja) #header.on .header-content .gnb > ul > li > .gnb-link > span,html:lang(ja) #header.on .header-content .gnb > ul > li > a > span,html:lang(ja) #header.ui-on .header-content .gnb > ul > li > .gnb-link > span,html:lang(ja) #header.ui-on .header-content .gnb > ul > li > a > span,html:lang(zh) #header.on .header-content .gnb > ul > li > .gnb-link > span,html:lang(zh) #header.on .header-content .gnb > ul > li > a > span,html:lang(zh) #header.ui-on .header-content .gnb > ul > li > .gnb-link > span,html:lang(zh) #header.ui-on .header-content .gnb > ul > li > a > span{color:#333}
html:lang(en) #header.on .header-content .gnb > ul > li > .gnb-link.on > span,html:lang(en) #header.on .header-content .gnb > ul > li > a.on > span,html:lang(en) #header.ui-on .header-content .gnb > ul > li > .gnb-link.on > span,html:lang(en) #header.ui-on .header-content .gnb > ul > li > a.on > span,html:lang(ja) #header.on .header-content .gnb > ul > li > .gnb-link.on > span,html:lang(ja) #header.on .header-content .gnb > ul > li > a.on > span,html:lang(ja) #header.ui-on .header-content .gnb > ul > li > .gnb-link.on > span,html:lang(ja) #header.ui-on .header-content .gnb > ul > li > a.on > span,html:lang(zh) #header.on .header-content .gnb > ul > li > .gnb-link.on > span,html:lang(zh) #header.on .header-content .gnb > ul > li > a.on > span,html:lang(zh) #header.ui-on .header-content .gnb > ul > li > .gnb-link.on > span,html:lang(zh) #header.ui-on .header-content .gnb > ul > li > a.on > span{color:#2594c0}
html:lang(en) #header.on .header-content .btn-map .ico-header-map,html:lang(en) #header.ui-on .header-content .btn-map .ico-header-map,html:lang(ja) #header.on .header-content .btn-map .ico-header-map,html:lang(ja) #header.ui-on .header-content .btn-map .ico-header-map,html:lang(zh) #header.on .header-content .btn-map .ico-header-map,html:lang(zh) #header.ui-on .header-content .btn-map .ico-header-map{background-image:url("../image/ico_header_map_black.png")}
html:lang(en) #header.on .header-content .lang-select > a .ico-lang.kr,html:lang(en) #header.ui-on .header-content .lang-select > a .ico-lang.kr,html:lang(ja) #header.on .header-content .lang-select > a .ico-lang.kr,html:lang(ja) #header.ui-on .header-content .lang-select > a .ico-lang.kr,html:lang(zh) #header.on .header-content .lang-select > a .ico-lang.kr,html:lang(zh) #header.ui-on .header-content .lang-select > a .ico-lang.kr{background-image:url("../image/ico_lang_ko_black.png")}
html:lang(en) #header.on .header-content .lang-select > a .ico-lang.en,html:lang(en) #header.ui-on .header-content .lang-select > a .ico-lang.en,html:lang(ja) #header.on .header-content .lang-select > a .ico-lang.en,html:lang(ja) #header.ui-on .header-content .lang-select > a .ico-lang.en,html:lang(zh) #header.on .header-content .lang-select > a .ico-lang.en,html:lang(zh) #header.ui-on .header-content .lang-select > a .ico-lang.en{background-image:url("../image/ico_lang_en_black.png")}
html:lang(en) #header.on .header-content .lang-select > a .ico-lang.jp,html:lang(en) #header.ui-on .header-content .lang-select > a .ico-lang.jp,html:lang(ja) #header.on .header-content .lang-select > a .ico-lang.jp,html:lang(ja) #header.ui-on .header-content .lang-select > a .ico-lang.jp,html:lang(zh) #header.on .header-content .lang-select > a .ico-lang.jp,html:lang(zh) #header.ui-on .header-content .lang-select > a .ico-lang.jp{background-image:url("../image/ico_lang_jp_black.png")}
html:lang(en) #header.on .header-content .lang-select > a .ico-lang.cn,html:lang(en) #header.ui-on .header-content .lang-select > a .ico-lang.cn,html:lang(ja) #header.on .header-content .lang-select > a .ico-lang.cn,html:lang(ja) #header.ui-on .header-content .lang-select > a .ico-lang.cn,html:lang(zh) #header.on .header-content .lang-select > a .ico-lang.cn,html:lang(zh) #header.ui-on .header-content .lang-select > a .ico-lang.cn{background-image:url("../image/ico_lang_cn_black.png")}
html:lang(en) #header.on .header-content .btn-search .ico-header-search,html:lang(en) #header.ui-on .header-content .btn-search .ico-header-search,html:lang(ja) #header.on .header-content .btn-search .ico-header-search,html:lang(ja) #header.ui-on .header-content .btn-search .ico-header-search,html:lang(zh) #header.on .header-content .btn-search .ico-header-search,html:lang(zh) #header.ui-on .header-content .btn-search .ico-header-search{background-image:url("../image/ico_header_search_black.png")}
html:lang(en) #header.on .header-content .btn-header-link .bg-area,html:lang(en) #header.ui-on .header-content .btn-header-link .bg-area,html:lang(ja) #header.on .header-content .btn-header-link .bg-area,html:lang(ja) #header.ui-on .header-content .btn-header-link .bg-area,html:lang(zh) #header.on .header-content .btn-header-link .bg-area,html:lang(zh) #header.ui-on .header-content .btn-header-link .bg-area{background-image:url("../image/bg_header_btn_corner0202.png")}
html:lang(en) #header.on .header-content .btn-header-link .bg-area::after,html:lang(en) #header.ui-on .header-content .btn-header-link .bg-area::after,html:lang(ja) #header.on .header-content .btn-header-link .bg-area::after,html:lang(ja) #header.ui-on .header-content .btn-header-link .bg-area::after,html:lang(zh) #header.on .header-content .btn-header-link .bg-area::after,html:lang(zh) #header.ui-on .header-content .btn-header-link .bg-area::after{background-image:url("../image/bg_header_btn_corner0201.png")}
html:lang(en) #header.on .header-content .btn-header-link .txt,html:lang(en) #header.ui-on .header-content .btn-header-link .txt,html:lang(ja) #header.on .header-content .btn-header-link .txt,html:lang(ja) #header.ui-on .header-content .btn-header-link .txt,html:lang(zh) #header.on .header-content .btn-header-link .txt,html:lang(zh) #header.ui-on .header-content .btn-header-link .txt{color:#2594c0}
html:lang(en) #header .main-top-banner + .header-content .gnb-bg.on,html:lang(ja) #header .main-top-banner + .header-content .gnb-bg.on,html:lang(zh) #header .main-top-banner + .header-content .gnb-bg.on{min-height:456px;min-height:45.6rem}
html:lang(en) #header .header-search-container,html:lang(ja) #header .header-search-container,html:lang(zh) #header .header-search-container{-webkit-box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05);display:none;position:absolute;top:0;left:0;z-index:1;width:100%;padding:100px 0 100px 0;padding:10rem 0 10rem 0;background-color:#fff}
html:lang(en) #header .header-search-container .search-logo,html:lang(ja) #header .header-search-container .search-logo,html:lang(zh) #header .header-search-container .search-logo{display:block;position:absolute;top:28px;top:2.8rem;left:60px;left:6rem;background-size:cover}
html:lang(en) #header .header-search-container .search-logo:lang(ko),html:lang(ja) #header .header-search-container .search-logo:lang(ko),html:lang(zh) #header .header-search-container .search-logo:lang(ko){width:138px;height:40px;background-image:url("../image/logo_pc_ko_on.svg")}
html:lang(en) #header .header-search-container .search-logo:lang(en),html:lang(ja) #header .header-search-container .search-logo:lang(en),html:lang(zh) #header .header-search-container .search-logo:lang(en){width:109px;height:39px;background-image:url("../image/logo_pc_en_on.svg")}
html:lang(en) #header .header-search-container .search-logo:lang(ja),html:lang(ja) #header .header-search-container .search-logo:lang(ja),html:lang(zh) #header .header-search-container .search-logo:lang(ja){width:109px;height:39px;background-image:url("../image/logo_pc_en_on.svg")}
html:lang(en) #header .header-search-container .search-logo:lang(zh),html:lang(ja) #header .header-search-container .search-logo:lang(zh),html:lang(zh) #header .header-search-container .search-logo:lang(zh){width:109px;height:39px;background-image:url("../image/logo_pc_en_on.svg")}
html:lang(en) #header .header-search-container .search-box,html:lang(ja) #header .header-search-container .search-box,html:lang(zh) #header .header-search-container .search-box{background:none;border:0}
html:lang(en) #header .header-search-container .search-box .in,html:lang(ja) #header .header-search-container .search-box .in,html:lang(zh) #header .header-search-container .search-box .in{margin:0 auto;width:100%;max-width:720px;max-width:72rem}
html:lang(en) #header .header-search-container .search-box .in ul,html:lang(ja) #header .header-search-container .search-box .in ul,html:lang(zh) #header .header-search-container .search-box .in ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}
html:lang(en) #header .header-search-container .search-box .in li,html:lang(ja) #header .header-search-container .search-box .in li,html:lang(zh) #header .header-search-container .search-box .in li{height:60px;height:6rem;border:2px solid #ddd;border:0.2rem solid #ddd}
html:lang(en) #header .header-search-container .search-box .in li.on,html:lang(ja) #header .header-search-container .search-box .in li.on,html:lang(zh) #header .header-search-container .search-box .in li.on{border:2px solid #333;border:0.2rem solid #333}
html:lang(en) #header .header-search-container .search-box .in li.item0,html:lang(ja) #header .header-search-container .search-box .in li.item0,html:lang(zh) #header .header-search-container .search-box .in li.item0{width:100%;padding-right:60px;padding-right:6rem}
html:lang(en) #header .header-search-container .search-box .in li.item3,html:lang(ja) #header .header-search-container .search-box .in li.item3,html:lang(zh) #header .header-search-container .search-box .in li.item3{position:absolute;right:0;top:0;border:0}
html:lang(en) #header .header-search-container .search-box .in .input-txt,html:lang(en) #header .header-search-container .search-box .in .selectbox,html:lang(ja) #header .header-search-container .search-box .in .input-txt,html:lang(ja) #header .header-search-container .search-box .in .selectbox,html:lang(zh) #header .header-search-container .search-box .in .input-txt,html:lang(zh) #header .header-search-container .search-box .in .selectbox{border:none;background:#fff}
html:lang(en) #header .header-search-container .search-box .in .input-txt input,html:lang(en) #header .header-search-container .search-box .in .input-txt select,html:lang(en) #header .header-search-container .search-box .in .selectbox input,html:lang(en) #header .header-search-container .search-box .in .selectbox select,html:lang(ja) #header .header-search-container .search-box .in .input-txt input,html:lang(ja) #header .header-search-container .search-box .in .input-txt select,html:lang(ja) #header .header-search-container .search-box .in .selectbox input,html:lang(ja) #header .header-search-container .search-box .in .selectbox select,html:lang(zh) #header .header-search-container .search-box .in .input-txt input,html:lang(zh) #header .header-search-container .search-box .in .input-txt select,html:lang(zh) #header .header-search-container .search-box .in .selectbox input,html:lang(zh) #header .header-search-container .search-box .in .selectbox select{height:56px;height:5.6rem}
html:lang(en) #header .header-search-container .search-box .in .input-txt input:focus,html:lang(en) #header .header-search-container .search-box .in .input-txt select:focus,html:lang(en) #header .header-search-container .search-box .in .selectbox input:focus,html:lang(en) #header .header-search-container .search-box .in .selectbox select:focus,html:lang(ja) #header .header-search-container .search-box .in .input-txt input:focus,html:lang(ja) #header .header-search-container .search-box .in .input-txt select:focus,html:lang(ja) #header .header-search-container .search-box .in .selectbox input:focus,html:lang(ja) #header .header-search-container .search-box .in .selectbox select:focus,html:lang(zh) #header .header-search-container .search-box .in .input-txt input:focus,html:lang(zh) #header .header-search-container .search-box .in .input-txt select:focus,html:lang(zh) #header .header-search-container .search-box .in .selectbox input:focus,html:lang(zh) #header .header-search-container .search-box .in .selectbox select:focus{outline:0}
html:lang(en) #header .header-search-container .search-box .in .btn-search,html:lang(ja) #header .header-search-container .search-box .in .btn-search,html:lang(zh) #header .header-search-container .search-box .in .btn-search{width:60px;width:6rem;padding-top:18px;padding-top:1.8rem;height:100%;display:block;background:#444;text-align:center}
html:lang(en) #header .header-search-container .search-box .in .btn-search .ico-search-28-white,html:lang(ja) #header .header-search-container .search-box .in .btn-search .ico-search-28-white,html:lang(zh) #header .header-search-container .search-box .in .btn-search .ico-search-28-white{display:block;position:absolute;top:0;right:0;width:60px;width:6rem;height:60px;height:6rem;background:url("../image/ico_search.png") no-repeat center center;background-size:23px 27px;background-size:2.3rem 2.7rem}
html:lang(en) #header .header-search-container .search-box .in .btn-search .ico-search-28-white:after,html:lang(en) #header .header-search-container .search-box .in .btn-search .ico-search-28-white:before,html:lang(ja) #header .header-search-container .search-box .in .btn-search .ico-search-28-white:after,html:lang(ja) #header .header-search-container .search-box .in .btn-search .ico-search-28-white:before,html:lang(zh) #header .header-search-container .search-box .in .btn-search .ico-search-28-white:after,html:lang(zh) #header .header-search-container .search-box .in .btn-search .ico-search-28-white:before{width:0;height:0;border:0}
html:lang(en) #header .header-search-container .btn-header-search-close,html:lang(ja) #header .header-search-container .btn-header-search-close,html:lang(zh) #header .header-search-container .btn-header-search-close{position:absolute;top:32px;top:3.2rem;right:56px;right:5.6rem}
html:lang(en) #header .header-search-container .btn-header-search-close .ico-close-22-gray,html:lang(ja) #header .header-search-container .btn-header-search-close .ico-close-22-gray,html:lang(zh) #header .header-search-container .btn-header-search-close .ico-close-22-gray{display:inline-block;position:relative;width:30px;width:3rem;height:30px;height:3rem;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
html:lang(en) #header .header-search-container .btn-header-search-close .ico-close-22-gray:before,html:lang(ja) #header .header-search-container .btn-header-search-close .ico-close-22-gray:before,html:lang(zh) #header .header-search-container .btn-header-search-close .ico-close-22-gray:before{content:'';width:30px;width:3rem;height:2px;height:0.2rem;position:absolute;top:50%;left:0;margin-top:-1px;margin-top:-0.1rem;background-color:#999;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
html:lang(en) #header .header-search-container .btn-header-search-close .ico-close-22-gray:after,html:lang(ja) #header .header-search-container .btn-header-search-close .ico-close-22-gray:after,html:lang(zh) #header .header-search-container .btn-header-search-close .ico-close-22-gray:after{content:'';width:2px;width:0.2rem;height:30px;height:3rem;position:absolute;top:0;left:50%;margin-left:-1px;margin-left:-0.1rem;background-color:#999;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
html:lang(en) #header.patent-header .header-content .logo a:lang(ko),html:lang(ja) #header.patent-header .header-content .logo a:lang(ko),html:lang(zh) #header.patent-header .header-content .logo a:lang(ko){width:182px;height:34px;background-image:url("../image/logo_patent_pc_ko.svg");background-size:100% 100%;}
html:lang(en) #header.patent-header .header-content .logo a:lang(en),html:lang(ja) #header.patent-header .header-content .logo a:lang(en),html:lang(zh) #header.patent-header .header-content .logo a:lang(en){width:245px;height:31px;background-image:url("../image/logo_patent_pc_en.svg");background-size:100% 100%;}
html:lang(en) #header.patent-header .header-content .logo a:lang(ja),html:lang(ja) #header.patent-header .header-content .logo a:lang(ja),html:lang(zh) #header.patent-header .header-content .logo a:lang(ja){width:245px;height:31px;background-image:url("../image/logo_patent_pc_en.svg");background-size:100% 100%;}
html:lang(en) #header.patent-header .header-content .logo a:lang(zh),html:lang(ja) #header.patent-header .header-content .logo a:lang(zh),html:lang(zh) #header.patent-header .header-content .logo a:lang(zh){width:245px;height:31px;background-image:url("../image/logo_patent_pc_en.svg");background-size:100% 100%;}
html:lang(en) #header.patent-header .header-content .header-search-container .search-logo:lang(ko),html:lang(ja) #header.patent-header .header-content .header-search-container .search-logo:lang(ko),html:lang(zh) #header.patent-header .header-content .header-search-container .search-logo:lang(ko){width:182px;height:34px;background-image:url("../image/logo_patent_pc_ko_on.svg");background-size:100% 100%;}
html:lang(en) #header.patent-header .header-content .header-search-container .search-logo:lang(en),html:lang(ja) #header.patent-header .header-content .header-search-container .search-logo:lang(en),html:lang(zh) #header.patent-header .header-content .header-search-container .search-logo:lang(en){width:245px;height:31px;background-image:url("../image/logo_patent_pc_en_on.svg");background-size:100% 100%;}
html:lang(en) #header.patent-header .header-content .header-search-container .search-logo:lang(ja),html:lang(ja) #header.patent-header .header-content .header-search-container .search-logo:lang(ja),html:lang(zh) #header.patent-header .header-content .header-search-container .search-logo:lang(ja){width:245px;height:31px;background-image:url("../image/logo_patent_pc_en_on.svg");background-size:100% 100%;}
html:lang(en) #header.patent-header .header-content .header-search-container .search-logo:lang(zh),html:lang(ja) #header.patent-header .header-content .header-search-container .search-logo:lang(zh),html:lang(zh) #header.patent-header .header-content .header-search-container .search-logo:lang(zh){width:245px;height:31px;background-image:url("../image/logo_patent_pc_en_on.svg");background-size:100% 100%;}
html:lang(en) #header.patent-header.on .header-content .logo a:lang(ko),html:lang(en) #header.patent-header.ui-on .header-content .logo a:lang(ko),html:lang(ja) #header.patent-header.on .header-content .logo a:lang(ko),html:lang(ja) #header.patent-header.ui-on .header-content .logo a:lang(ko),html:lang(zh) #header.patent-header.on .header-content .logo a:lang(ko),html:lang(zh) #header.patent-header.ui-on .header-content .logo a:lang(ko){background-image:url("../image/logo_patent_pc_ko_on.svg")}
html:lang(en) #header.patent-header.on .header-content .logo a:lang(en),html:lang(en) #header.patent-header.ui-on .header-content .logo a:lang(en),html:lang(ja) #header.patent-header.on .header-content .logo a:lang(en),html:lang(ja) #header.patent-header.ui-on .header-content .logo a:lang(en),html:lang(zh) #header.patent-header.on .header-content .logo a:lang(en),html:lang(zh) #header.patent-header.ui-on .header-content .logo a:lang(en){background-image:url("../image/logo_patent_pc_en_on.svg")}
html:lang(en) #header.patent-header.on .header-content .logo a:lang(ja),html:lang(en) #header.patent-header.ui-on .header-content .logo a:lang(ja),html:lang(ja) #header.patent-header.on .header-content .logo a:lang(ja),html:lang(ja) #header.patent-header.ui-on .header-content .logo a:lang(ja),html:lang(zh) #header.patent-header.on .header-content .logo a:lang(ja),html:lang(zh) #header.patent-header.ui-on .header-content .logo a:lang(ja){background-image:url("../image/logo_patent_pc_en_on.svg")}
html:lang(en) #header.patent-header.on .header-content .logo a:lang(zh),html:lang(en) #header.patent-header.ui-on .header-content .logo a:lang(zh),html:lang(ja) #header.patent-header.on .header-content .logo a:lang(zh),html:lang(ja) #header.patent-header.ui-on .header-content .logo a:lang(zh),html:lang(zh) #header.patent-header.on .header-content .logo a:lang(zh),html:lang(zh) #header.patent-header.ui-on .header-content .logo a:lang(zh){background-image:url("../image/logo_patent_pc_en_on.svg")}
html:lang(en) #footer,html:lang(ja) #footer,html:lang(zh) #footer{position:relative;width:100%;margin:100px 0 0 0;margin:10rem 0 0 0}
html:lang(en) #footer .foot-region,html:lang(ja) #footer .foot-region,html:lang(zh) #footer .foot-region{width:100%;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;min-height:61px;min-height:6.1rem}
html:lang(en) #footer .foot-region ul,html:lang(ja) #footer .foot-region ul,html:lang(zh) #footer .foot-region ul{position:relative;width:100%;text-align:center;margin:0 auto;padding-left:20px;padding-left:2rem}
html:lang(en) #footer .foot-region li,html:lang(ja) #footer .foot-region li,html:lang(zh) #footer .foot-region li{display:inline-block}
html:lang(en) #footer .foot-region li:lang(en) a,html:lang(en) #footer .foot-region li:lang(ja) a,html:lang(en) #footer .foot-region li:lang(zh) a,html:lang(ja) #footer .foot-region li:lang(en) a,html:lang(ja) #footer .foot-region li:lang(ja) a,html:lang(ja) #footer .foot-region li:lang(zh) a,html:lang(zh) #footer .foot-region li:lang(en) a,html:lang(zh) #footer .foot-region li:lang(ja) a,html:lang(zh) #footer .foot-region li:lang(zh) a{padding:0 20px;padding:0 2rem}
html:lang(en) #footer .foot-region li a,html:lang(ja) #footer .foot-region li a,html:lang(zh) #footer .foot-region li a{display:block;padding:0 25px;padding:0 2.5rem;height:59px;height:5.9rem;line-height:59px;line-height:5.9rem}
html:lang(en) #footer .foot-region li a > span,html:lang(ja) #footer .foot-region li a > span,html:lang(zh) #footer .foot-region li a > span{display:block;color:#333;font-size:18px;font-size:1.8rem}
html:lang(en) #footer .foot-region li a:hover,html:lang(ja) #footer .foot-region li a:hover,html:lang(zh) #footer .foot-region li a:hover{color:#2594c0;-webkit-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out}
}
@media (min-width: 1367px) and (max-width: 1100px){
html:lang(en) #footer .foot-region li a,html:lang(ja) #footer .foot-region li a,html:lang(zh) #footer .foot-region li a{padding:0 25px;padding:0 2.5rem}
}
@media (min-width: 1367px){
html:lang(en) #footer .foot-region li .ico-map,html:lang(ja) #footer .foot-region li .ico-map,html:lang(zh) #footer .foot-region li .ico-map{display:inline-block;width:20px;width:2rem;height:59px;height:5.9rem}
html:lang(en) #footer .foot-region li .ico-map:before,html:lang(ja) #footer .foot-region li .ico-map:before,html:lang(zh) #footer .foot-region li .ico-map:before{content:'';display:block;margin-top:18px;margin-top:1.8rem;width:20px;width:2rem;height:27px;height:2.7rem;background:url("../image/ico_header_map_black.png") no-repeat 0 0;background-size:cover}
html:lang(en) #footer .footer-content:after,html:lang(en) #footer .footer-content:before,html:lang(ja) #footer .footer-content:after,html:lang(ja) #footer .footer-content:before,html:lang(zh) #footer .footer-content:after,html:lang(zh) #footer .footer-content:before{display:table;line-height:0;content:""}
html:lang(en) #footer .footer-content:after,html:lang(ja) #footer .footer-content:after,html:lang(zh) #footer .footer-content:after{clear:both}
html:lang(en) #footer .footer-content,html:lang(ja) #footer .footer-content,html:lang(zh) #footer .footer-content{position:relative;max-width:1920px;padding:30px 0 32px 0;padding:3rem 0 3.2rem 0}
html:lang(en) #footer .footer-content .btn-top,html:lang(ja) #footer .footer-content .btn-top,html:lang(zh) #footer .footer-content .btn-top{display:none;position:fixed;z-index:1;padding:0 0 127px;padding:0 0 12.7rem;right:0;bottom:0}
html:lang(en) #footer .footer-content .btn-top .top,html:lang(ja) #footer .footer-content .btn-top .top,html:lang(zh) #footer .footer-content .btn-top .top{position:relative;z-index:2;display:block;width:60px;width:6rem;height:61px;height:6.1rem;font-size:13px;font-size:1.3rem;line-height:59px;line-height:5.9rem;text-align:center;font-weight:500;color:#333;background:#fff;border:1px solid #999}
html:lang(en) #footer .footer-content .btn-top .seminar,html:lang(ja) #footer .footer-content .btn-top .seminar,html:lang(zh) #footer .footer-content .btn-top .seminar{display:block;position:absolute;left:-34px;left:-3.4rem;top:94px;top:9.4rem;width:128px;width:12.8rem;height:60px;height:6rem;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
html:lang(en) #footer .footer-content .btn-top .seminar span,html:lang(ja) #footer .footer-content .btn-top .seminar span,html:lang(zh) #footer .footer-content .btn-top .seminar span{display:block;font-size:18px;font-size:1.8rem;line-height:60px;line-height:6rem;background:#2594c0;color:#fff;text-align:center}
html:lang(en) #footer .footer-content .foot-link1,html:lang(ja) #footer .footer-content .foot-link1,html:lang(zh) #footer .footer-content .foot-link1{float:left;position:relative;padding:0 0 0 65px;padding:0 0 0 6.5rem}
html:lang(en) #footer .footer-content .foot-link1 > li,html:lang(ja) #footer .footer-content .foot-link1 > li,html:lang(zh) #footer .footer-content .foot-link1 > li{float:left;margin:0 30px 0 0;margin:0 3rem 0 0;position:relative}
html:lang(en) #footer .footer-content .foot-link1 > li > a,html:lang(ja) #footer .footer-content .foot-link1 > li > a,html:lang(zh) #footer .footer-content .foot-link1 > li > a{display:block}
html:lang(en) #footer .footer-content .foot-link1 > li > a span,html:lang(en) #footer .footer-content .foot-link1 > li > a strong,html:lang(ja) #footer .footer-content .foot-link1 > li > a span,html:lang(ja) #footer .footer-content .foot-link1 > li > a strong,html:lang(zh) #footer .footer-content .foot-link1 > li > a span,html:lang(zh) #footer .footer-content .foot-link1 > li > a strong{font-size:14px;font-size:1.4rem;height:30px;height:3rem;line-height:30px;line-height:3rem;color:#8b9191}
html:lang(en) #footer .footer-content .foot-link1 > li > a strong,html:lang(ja) #footer .footer-content .foot-link1 > li > a strong,html:lang(zh) #footer .footer-content .foot-link1 > li > a strong{color:#2594c0}
html:lang(en) #footer .footer-content .address,html:lang(ja) #footer .footer-content .address,html:lang(zh) #footer .footer-content .address{padding:11px 0 0 65px;padding:1.1rem 0 0 6.5rem}
html:lang(en) #footer .footer-content .address em,html:lang(en) #footer .footer-content .address span,html:lang(ja) #footer .footer-content .address em,html:lang(ja) #footer .footer-content .address span,html:lang(zh) #footer .footer-content .address em,html:lang(zh) #footer .footer-content .address span{font-size:14px;font-size:1.4rem;height:16px;height:1.6rem;line-height:16px;line-height:1.6rem;color:#666}
html:lang(en) #footer .footer-content .foot-logo,html:lang(ja) #footer .footer-content .foot-logo,html:lang(zh) #footer .footer-content .foot-logo{margin:21px 0 0 70px;margin:2.1rem 0 0 7rem}
html:lang(en) #footer .footer-content .foot-link2,html:lang(ja) #footer .footer-content .foot-link2,html:lang(zh) #footer .footer-content .foot-link2{float:left;padding-left:10px;padding-left:1rem}
html:lang(en) #footer .footer-content .foot-link2 a,html:lang(ja) #footer .footer-content .foot-link2 a,html:lang(zh) #footer .footer-content .foot-link2 a{position:relative;display:block;text-align:center;float:left;margin-right:8px;margin-right:0.8rem;min-width:100px;min-width:10rem;height:32px;height:3.2rem;line-height:32px;line-height:3.2rem;padding:0 15px 0 15px;padding:0 1.5rem 0 1.5rem;border:1px solid #ddd;border-bottom-right-radius:25px;border-bottom-right-radius:2.5rem}
html:lang(en) #footer .footer-content .foot-link2 a span,html:lang(ja) #footer .footer-content .foot-link2 a span,html:lang(zh) #footer .footer-content .foot-link2 a span{position:relative;z-index:1;font-size:14px;font-size:1.4rem;line-height:1.7;color:#666;vertical-align:-1px}
html:lang(en) #footer .footer-content .foot-link2 a::after,html:lang(ja) #footer .footer-content .foot-link2 a::after,html:lang(zh) #footer .footer-content .foot-link2 a::after{content:'';position:absolute;bottom:-1px;right:-1px;width:30px;width:3rem;height:30px;height:3rem;background-position:left top;background-repeat:no-repeat;background-size:30px 30px;background-size:3rem 3rem;background-image:url("../image/bg_footer_btn_corner01.png")}
html:lang(en) #footer .footer-content .foot-link2 a.line,html:lang(ja) #footer .footer-content .foot-link2 a.line,html:lang(zh) #footer .footer-content .foot-link2 a.line{background:#f5f5f5}
html:lang(en) #footer .footer-content .foot-link2 a.line::after,html:lang(ja) #footer .footer-content .foot-link2 a.line::after,html:lang(zh) #footer .footer-content .foot-link2 a.line::after{background-image:url("../image/bg_footer_btn_corner02.png")}
html:lang(en) #footer .footer-content .copyright,html:lang(ja) #footer .footer-content .copyright,html:lang(zh) #footer .footer-content .copyright{clear:both;padding:4px 0 0 65px;padding:0.4rem 0 0 6.5rem}
html:lang(en) #footer .footer-content .copyright span,html:lang(ja) #footer .footer-content .copyright span,html:lang(zh) #footer .footer-content .copyright span{font-size:14px;font-size:1.4rem;line-height:29px;line-height:2.9rem;color:#999;font-weight:300}
}

/*!
 * 메인 탑 배너 - mobile
 * 작업날짜 - 20210702
 * header,footer 브레이크포인트 변경 하면서 메인 탑배너 브레이크포인트도 수정함.
 */
@media (max-width: 1366px){
    .main-top-banner{display:none;position:relative;height:60px;height:6rem;width:100%;background-color:#fff}
    .main-top-banner .banner-content-area{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;text-align:center;display:table}
    .main-top-banner .banner-content-area .images-area{display:table-cell;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover}
    .main-top-banner .banner-content-area .txt-area{display:table-cell;vertical-align:middle;width:100%;height:100%;font-size:12px;font-size:1.2rem}
    .main-top-banner:after{display:none;content:'';position:absolute;top:60px;top:6rem;width:100%;height:100%;left:0;background-color:#fff}
    .main-top-banner .input-checkbox{display:none;position:absolute;right:60px;right:6rem;bottom:19px;bottom:1.9rem}
    .main-top-banner .input-checkbox label:before{border:1px solid #000}
    .main-top-banner .input-checkbox label:after{border-color:#000}
    .main-top-banner .input-checkbox .txt{vertical-align:3px;color:#000}
    .main-top-banner .btn-close-main-top-banner{position:absolute;right:15px;right:1.5rem;bottom:20px;bottom:2rem}
    .main-top-banner .btn-close-main-top-banner .ico-close-22-gray{display:inline-block;position:relative;width:20px;width:2rem;height:20px;height:2rem;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
    .main-top-banner .btn-close-main-top-banner .ico-close-22-gray:before{content:'';width:20px;width:2rem;height:2px;height:0.2rem;position:absolute;top:50%;left:0;margin-top:-1px;margin-top:-0.1rem;background-color:#999;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
    .main-top-banner .btn-close-main-top-banner .ico-close-22-gray:after{content:'';width:2px;width:0.2rem;height:21px;height:2.1rem;position:absolute;top:0;left:50%;margin-left:-1px;margin-left:-0.1rem;background-color:#999;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
    .main-top-banner[data-state="visible"]{display:block}
    .law-header.on .main-top-banner:after{display:block}
}
/*!
 * 메인 탑 배너 - pc
 * 작업날짜 - 20210702
 * header,footer 브레이크포인트 변경 하면서 메인 탑배너 브레이크포인트도 수정함.
 */
@media (min-width: 1367px){
    .main-top-banner{display:none;position:relative;height:91px;height:9.1rem;width:100%;background-color:#fff}
    .main-top-banner .banner-content-area{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;text-align:center;display:table}
    .main-top-banner .banner-content-area .images-area{display:table-cell;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover}
    .main-top-banner .banner-content-area .txt-area{display:table-cell;vertical-align:middle;width:100%;height:100%;font-size:24px;font-size:2.4rem}
    .main-top-banner:after{display:none;content:'';position:absolute;top:90px;top:9rem;width:100%;height:100%;left:0;background-color:#fff}
    .main-top-banner .input-checkbox{position:absolute;right:120px;right:12rem;top:50%;margin-top:-11px;margin-top:-1.1rem}
    .main-top-banner .input-checkbox label:before{border:1px solid #000}
    .main-top-banner .input-checkbox label:after{border-color:#000}
    .main-top-banner .input-checkbox .txt{vertical-align:3px;color:#000}
    .main-top-banner .btn-close-main-top-banner{position:absolute;right:56px;right:5.6rem;top:50%;margin-top:-15px;margin-top:-1.5rem}
    .main-top-banner .btn-close-main-top-banner .ico-close-22-gray{display:inline-block;position:relative;width:30px;width:3rem;height:30px;height:3rem;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
    .main-top-banner .btn-close-main-top-banner .ico-close-22-gray:before{content:'';width:30px;width:3rem;height:2px;height:0.2rem;position:absolute;top:50%;left:0;margin-top:-1px;margin-top:-0.1rem;background-color:#999;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
    .main-top-banner .btn-close-main-top-banner .ico-close-22-gray:after{content:'';width:2px;width:0.2rem;height:30px;height:3rem;position:absolute;top:0;left:50%;margin-left:-1px;margin-left:-0.1rem;background-color:#999;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
    .main-top-banner[data-state="visible"]{display:block}
    .law-header.on .main-top-banner:after{display:block}
    .law-header.on .header-content{-webkit-box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.05)}
    #header .main-top-banner[style] + .header-content .gnb-bg.on{min-height:367px;min-height:36.7rem}
    #header .main-top-banner + .header-content .gnb-bg.on{min-height:458px;min-height:45.8rem}
    #header .main-top-banner[style] .header-content .gnb > ul > li .gnb-bg02.on{min-height:362px;min-height:36.2rem}
    #header .main-top-banner + .header-content .gnb > ul > li .gnb-bg02.on{min-height:455px;min-height:45.5rem}
}









/*!
 * 메인 컨텐츠 영역
 */
/* 팝업 */
.law-main-container .popup-wrap .popup-footer{
	background-color: #ecebeb;
	position:relative;
	height:60px;
	height:6rem;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 20px;
	padding-right: 20px;
}

.law-main-container .popup-wrap .input-checkbox label::before {
	background-color: #fff;
}

.law-main-container .popup-wrap .input-checkbox .txt {
	vertical-align:3px;
	color: #707070;
}

.law-main-container .popup-wrap .btn-close-main-popup {
	width: 20px;
	height: auto;
	aspect-ratio: 1 / 1;
	background: url('../image/popup-btn-close.png') no-repeat center center / contain;
}

.law-main-container .main-popup-swiper .swiper-button-area {
	position: absolute;
	left: 50%;
	bottom: 80px;
	transform: translateX(-50%);
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 25px;
}

.law-main-container .main-popup-swiper .swiper-button-area .swiper-button-prev,
.law-main-container .main-popup-swiper .swiper-button-area .swiper-button-next {
	position: static;
	transform: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	width: 20px;
	height: auto;
	aspect-ratio: 1 / 1;
	left: unset;
	right: unset;
	top: unset;
	margin: 0 !important;
}

.law-main-container .main-popup-swiper .swiper-button-area .swiper-pagination {
	position: static;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
}

.law-main-container .main-popup-swiper .swiper-pagination-bullet {
	background-color:transparent;
	border:1px solid #000;
	opacity:1;
	width:10px;
	height: auto;
	aspect-ratio: 1 / 1;
}

.law-main-container .main-popup-swiper .swiper-button-area .swiper-button-prev {
	background-image: url('../image/popup-btn-prev.png');
}

.law-main-container .main-popup-swiper .swiper-button-area .swiper-button-next {
	background-image: url('../image/popup-btn-next.png');
}

.law-main-container .main-popup-swiper .swiper-button-area .swiper-button-prev:after {
	display:none;
}

.law-main-container .main-popup-swiper .swiper-button-area .swiper-button-next:after {
	display:none;
}

/*! mobile 버전 - css */
@media (max-width: 1023px){
	.law-main-container{/*! 메인 팝업 *//*! 메인 팝업 swiper */}
	.law-main-container .popup-wrap .popup-content{padding:0}
	.law-main-container .popup-wrap .popup-footer{position:relative;height:60px;height:6rem}
	.law-main-container .popup-wrap .input-checkbox{}
	.law-main-container .popup-wrap .input-checkbox .txt{vertical-align:3px}
	.law-main-container .popup-wrap .btn-close-main-popup{}
	.law-main-container .main-popup-swiper .swiper-slide{width:100%}
	.law-main-container .main-popup-swiper .main-popup-swiper-link{display:block}
	.law-main-container .main-popup-swiper .main-popup-swiper-link img{width:100%}
	.law-main-container .main-popup-swiper .swiper-pagination-bullet{background-color:transparent;border:2px solid #000;opacity:1;width:10px;width:1rem;height:10px;height:1rem}
	.law-main-container .main-popup-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#000}
	.law-main-container .main-popup-swiper .swiper-button-area .swiper-button-next{}
	.law-main-container .main-popup-swiper .swiper-button-area .swiper-button-next:after{display:none}
	.law-main-container{margin-bottom:-70px;margin-bottom:-7rem}

	.recruitInfo-container{/*! 메인 팝업 *//*! 메인 팝업 swiper */}
	.recruitInfo-container .popup-wrap .popup-content{padding:0}
	.recruitInfo-container .popup-wrap .popup-footer{position:relative;height:60px;height:6rem}
	.recruitInfo-container .popup-wrap .input-checkbox{position:absolute;left:20px;left:2rem;top:50%;margin-top:-11px;margin-top:-1.1rem}
	.recruitInfo-container .popup-wrap .input-checkbox .txt{vertical-align:3px}
	.recruitInfo-container .popup-wrap .btn-close-main-popup{position:absolute;right:26px;right:2.6rem;top:50%;margin-top:-15px;margin-top:-1.5rem}
	.recruitInfo-container .popup-wrap .btn-close-main-popup .ico-close-22-gray{display:inline-block;position:relative;width:30px;width:3rem;height:30px;height:3rem;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
	.recruitInfo-container .popup-wrap .btn-close-main-popup .ico-close-22-gray:before{content:'';width:30px;width:3rem;height:2px;height:0.2rem;position:absolute;top:50%;left:0;margin-top:-1px;margin-top:-0.1rem;background-color:#999;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
	.recruitInfo-container .popup-wrap .btn-close-main-popup .ico-close-22-gray:after{content:'';width:2px;width:0.2rem;height:30px;height:3rem;position:absolute;top:0;left:50%;margin-left:-1px;margin-left:-0.1rem;background-color:#999;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
	.recruitInfo-container .main-popup-swiper .swiper-slide{width:100%}
	.recruitInfo-container .main-popup-swiper .main-popup-swiper-link{display:block}
	.recruitInfo-container .main-popup-swiper .main-popup-swiper-link img{width:100%}
	.recruitInfo-container .main-popup-swiper .swiper-pagination-bullet{background-color:transparent;border:2px solid #000;opacity:1;width:10px;width:1rem;height:10px;height:1rem}
	.recruitInfo-container .main-popup-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#000}
	.recruitInfo-container .main-popup-swiper .swiper-button-area .swiper-button-prev{display:none}
	.recruitInfo-container .main-popup-swiper .swiper-button-area .swiper-button-next{width:82px;width:8.2rem;height:60px;height:6rem;background-color:#fff;position:absolute;top:auto;bottom:0;right:0}
	.recruitInfo-container .main-popup-swiper .swiper-button-area .swiper-button-next.swiper-button-disabled{display:none}
	.recruitInfo-container .main-popup-swiper .swiper-button-area .swiper-button-next:after{display:none}
	.recruitInfo-container .main-popup-swiper .swiper-button-area .swiper-button-next .ico-arrow-half{display:inline-block;position:absolute;top:50%;right:30px;right:3rem;width:35px;width:3.5rem;height:10px;height:1rem;margin-top:-7px;margin-top:-0.7rem}
	.recruitInfo-container .main-popup-swiper .swiper-button-area .swiper-button-next .ico-arrow-half:before{content:'';position:absolute;bottom:0;right:0;width:14px;width:1.4rem;height:2px;background-color:#666;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;border-top-right-radius:10px;border-top-right-radius:1rem;-webkit-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out}
	.recruitInfo-container .main-popup-swiper .swiper-button-area .swiper-button-next .ico-arrow-half:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#666;-webkit-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out}
	.recruitInfo-container{margin-bottom:-70px;margin-bottom:-7rem}
	/*! 메인 - 인트로 영역 */
	.main-intro-wrap{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:81}
	.main-intro-wrap .main-intro-item-center{position:absolute;left:39%;top:0;width:22%;height:100%;border-top:100vh solid #fff}
	.main-intro-wrap .main-intro-item-center.animation{border-top:0 solid #fff}
	.main-intro-wrap .main-intro-item-left{position:absolute;left:0;top:0;width:40%;height:100%;border-left:40vw solid #fff}
	.main-intro-wrap .main-intro-item-left.animation{border-left:0 solid #fff}
	.main-intro-wrap .main-intro-item-right{position:absolute;right:0;top:0;width:40%;height:100%;border-right:40vw solid #fff}
	.main-intro-wrap .main-intro-item-right.animation{border-right:0 solid #fff}
	/*! 메인 - 라인 영역 */
	.main-line-area{ pointer-events: none; display:table;table-layout:fixed;position:absolute;z-index:1;left:15px;left:1.5rem;right:15px;right:1.5rem; top: 0; width:-webkit-calc(100% - 30px);width:calc(100% - 30px);width:-webkit-calc(100% - 3rem);width:calc(100% - 3rem);height:0}
	.main-line-area.down{height:100%}
	.main-line-area .line{display:table-cell;width:-webkit-calc(100% / 6);width:calc(100% / 6);width:-webkit-calc(100% / 6rem);width:calc(100% / 6rem);height:150vh;border-left:1px solid #fff;border-color:rgba(255, 255, 255, 0.2)}
	.main-line-area .line:last-child{border-right:1px solid #fff;border-color:rgba(255, 255, 255, 0.2)}
	.main-line-area .line:nth-child(2),.main-line-area .line:nth-child(3),.main-line-area .line:nth-child(4),.main-line-area .line:nth-child(5){display:none}
	.main-line-area .line02{display:table-cell;width:-webkit-calc(100% / 6);width:calc(100% / 6);width:-webkit-calc(100% / 6rem);width:calc(100% / 6rem);height:150vh;border-left:1px solid #000;border-color:rgba(0, 0, 0, 0.07)}
	.main-line-area .line02:last-child{border-right:1px solid #000;border-color:rgba(0, 0, 0, 0.07)}
	.main-line-area .line02:nth-child(2),.main-line-area .line02:nth-child(3),.main-line-area .line02:nth-child(4){display:none}
	.main-line-area .line03{display:table-cell;width:-webkit-calc(100% / 6);width:calc(100% / 6);width:-webkit-calc(100% / 6rem);width:calc(100% / 6rem);height:150vh;border-left:1px solid #fff;border-color:rgba(255, 255, 255, 0.3)}
	.main-line-area .line03:last-child{border-right:1px solid #fff;border-color:rgba(255, 255, 255, 0.3)}
	.main-line-area .line03:nth-child(2),.main-line-area .line03:nth-child(3),.main-line-area .line03:nth-child(4){display:none}
	.main-line-area .line04{display:table-cell;width:-webkit-calc(100% / 6);width:calc(100% / 6);width:-webkit-calc(100% / 6rem);width:calc(100% / 6rem);height:150vh;border-left:1px solid #fff;border-color:rgba(0, 0, 0, 0.07)}
	.main-line-area .line04:last-child{border-right:1px solid #fff;border-color:rgba(0, 0, 0, 0.07)}
	.main-line-area .line04:nth-child(2),.main-line-area .line04:nth-child(3),.main-line-area .line04:nth-child(4){display:none}
	/*! 메인 - 인디게이터 */
	.main-indicator-wrap{display:none}
	/*! 메인 - 기본 레이아웃01 */
	.main-section{position:relative;overflow:hidden}
	/*! 메인 - 기본 레이아웃02 */
	.main-container { position:relative; }
	.main-container .main-title{position:relative;margin-top:8px;margin-top:0.8rem;margin-left:13px;margin-left:1.3rem;z-index:1;padding-top:15px;padding-top:1.5rem;font-size:0}
	.main-container .main-title .bu{position:absolute;top:0;left:0;display:block;width:20px;width:2rem;height:9px;height:0.9rem;background-color:#2594c0;-webkit-transform:rotate(-36.5deg) skew(-36.5deg, 0deg);-ms-transform:rotate(-36.5deg) skew(-36.5deg, 0deg);transform:rotate(-36.5deg) skew(-36.5deg, 0deg)}
	.main-container .main-title .txt{display:inline-block;position:relative;font-size:34px;font-size:3.4rem;font-weight:700;color:#333;line-height:1}
	.main-container .main-title.news{top:65px;top:6.5rem}
	.main-container .main-title.insights01{top:65px;top:6.5rem}
	.main-container .main-title.about01{top:0}
	.main-container .layout-fixed{display:block;width:100%;position:relative}
	/*.main-container .layout-fixed.visual.pc{display:none}*/
	.main-container .layout-fixed.visual.mo { display: none; }
	.main-container.menu-type-patent .layout-fixed.visual.pc{display:none}
	.main-container.menu-type-patent .layout-fixed.visual.mo { display: block; height: 100vh;}
	.main-container .layout-fixed.visual.mo .item-layout{display:block;width:100%;height:0;position:relative;overflow:hidden;padding-bottom:172.533333333333333%}
	.main-container .layout-fixed.visual.mo .item-layout img{position:absolute;top:0;left:0;width:100%;height:100%}
	.main-container .layout-fixed.visual.mo .item{position:absolute;top:0;left:0;width:100%;height:100%}
	.main-container .layout-fixed.visual.mo .item img{position:absolute;top:0;left:0;width:100%}
	.main-container .layout-fixed.news{height:auto}
	.main-container .layout-fixed.news .item{display:none}
	.main-container .layout-fixed.insights01{height:auto}
	.main-container .layout-fixed.insights01 .item{display:none}
	.main-container .layout-fixed.insights02{height:auto}
	.main-container .layout-fixed.insights02 .item{display:none}
	.main-container .layout-fixed.about01{height:auto}
	.main-container .layout-fixed.about01 .item{display:none}
	.main-container .layout-fixed.about02{height:auto}
	.main-container .layout-fixed.about02 .item{display:none}
	/*! 메인 - 섹션1 - 비주얼 영역 */
	.patent-main-visual-info{width:100%;text-align:center;position:absolute;top:215px;top:21.5rem;left:0;z-index:1}
	.main-visual-txt .txt01{font-size:32px;font-size:3.2rem;font-weight:700;color:#fff;line-height:1.4}
	.main-visual-txt .txt02{font-size:32px;font-size:3.2rem;font-weight:700;color:#fff;margin-left:20px;margin-left:2rem;line-height:1.4}
	.main-visual-txt .txt03{display:block;font-size:32px;font-size:3.2rem;font-weight:700;color:#fff;line-height:1.4}
	.main-visual-search{position:relative;margin:0 40px;margin:0 4rem;margin-top:57px;margin-top:5.7rem}
	.main-visual-search .input-txt{background-color:transparent;border:none;display:block;border-bottom:3px solid #fff;border-bottom:0.3rem solid #fff;text-align:left}
	.main-visual-search .input-txt input{display:inline-block;width:-webkit-calc(100% - 40px);width:calc(100% - 40px);width:-webkit-calc(100% - 4rem);width:calc(100% - 4rem);padding:0 0 0 10px;padding:0 0 0 1rem;height:50px;height:5rem;line-height:50px;line-height:5rem;background-color:rgba(0, 0, 0, 0);border:0;color:#fff;font-size:32px;font-size:3.2rem;font-weight:700}
	.main-visual-search .input-txt input::-ms-clear{display:none}
	.main-visual-search .input-txt input:focus{outline:0}
	.main-visual-search .btn-search{display:block;position:absolute;top:8px;top:0.8rem;right:0;width:40px;width:4rem;height:40px;height:4rem;background:url("../image/ico_search_mo.png") no-repeat center center;background-size:23px 25px;background-size:2.3rem 2.5rem}
	/*.main-visual-thumb{display:none;position:absolute;bottom:5.555555555555556%;right:3.125%;z-index:1;width:180px;width:18rem;height:126px;height:12.6rem}*/
	.main-visual-thumb{display:block !important;position:absolute;bottom:1.5%;right:1.5rem;z-index:1;width:180px;width:18rem;height:126px;height:12.6rem; opacity: 1 !important;}
	.main-visual-thumb img{width:100%}
	.main-visual-thumb .thumb-line{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #fff;opacity:0.5}
	.main-visual-thumb .txt-area{position:absolute;top:23px;top:2.3rem;left:18px;left:1.8rem}
	.main-visual-thumb .txt-area .txt01{font-size:22px;font-size:2.2rem;font-weight:500;color:#fff;font-family:"Roboto",sans-serif;padding-bottom:8px;padding-bottom:0.8rem}
	.main-visual-thumb .txt-area .txt02{font-size:16px;font-size:1.6rem;color:#fff;font-family:"Roboto",sans-serif}
	.main-visual-thumb .bu{width:36px;width:3.6rem;height:36px;height:3.6rem;position:absolute;bottom:1px;right:1px;background-color:#2594c0}
	.main-visual-thumb .bu:after{content:'';position:absolute;top:50%;left:50%;margin:-6px 0 0 -8px;margin:-0.6rem 0 0 -0.8rem;width:12px;width:1.2rem;height:12px;height:1.2rem;border-top:2px solid #fff;border-top:0.2rem solid #fff;border-right:2px solid #fff;border-right:0.2rem solid #fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
	.main-visual-scroll{position:absolute;left:50%;bottom:100px;bottom:4rem;margin-left:-47px;margin-left:-4.7rem; z-index: 1; }
	.main-visual-scroll .txt{position:relative;display:block;color:#fff;font-size:14px;font-size:1.4rem;font-family:"Roboto",sans-serif; font-weight: bold;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);letter-spacing:2px}
	.main-visual-scroll .bu{content:'';width:4px;width:0.4rem;height:65px;height:6.5rem;background:url("../image/bu_scroll.png") no-repeat left top;background-size:4px 65px;background-size:0.4rem 6.5rem;position:absolute;right:10px;right:1rem;top:-5px;opacity:.5}
	/*! 메인 - 섹션2 - news */
	.main-news-content{width:100%}
	.main-news-swiper{position:relative}
	.main-news-swiper .swiper-container{padding-bottom:80px;padding-bottom:8rem;padding-top:102px;padding-top:10.2rem;padding-left:15px;padding-left:1.5rem;padding-right:15px;padding-right:1.5rem}
	.main-news-swiper .swiper-slide{margin-right:15px;margin-right:1.5rem}
	.main-news-swiper .main-news-link{cursor:pointer}
	.main-news-swiper .main-news-link .img-area{height:250px;height:25rem}
	.main-news-swiper .main-news-link .img-area img{max-width:100%;height:100%}
	.main-news-swiper .main-news-link .info-area{position:absolute;padding:3.6% 4% 3.4% 4%;width:74.63768115942029%;height:auto;left:0;bottom:0;-webkit-box-shadow:10px 10px 20px 0 rgba(0, 0, 0, 0.1);box-shadow:10px 10px 20px 0 rgba(0, 0, 0, 0.1);-webkit-transition:bottom .3s ease-out,-webkit-box-shadow .5s ease-out;transition:bottom .3s ease-out,-webkit-box-shadow .5s ease-out;-o-transition:bottom .3s ease-out,box-shadow .5s ease-out;transition:bottom .3s ease-out,box-shadow .5s ease-out;transition:bottom .3s ease-out,box-shadow .5s ease-out,-webkit-box-shadow .5s ease-out}
	.main-news-swiper .main-news-link .info-area:after{display:none;content:'';position:absolute;bottom:-2px;right:-2px;width:36px;width:3.6rem;height:36px;height:3.6rem;background:url("../image/bg_news_corner01.png") no-repeat right bottom}
	.main-news-swiper .main-news-link .info-area .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0.98}
	.main-news-swiper .main-news-link .info-area .info01,.main-news-swiper .main-news-link .info-area .info02,.main-news-swiper .main-news-link .info-area .info03{position:relative;z-index:1}
	.main-news-swiper .main-news-link .info-area .info03{overflow:hidden;display:none;border-top:1px solid #2594c0;margin-right:-9.9%;margin-top:6.8%}
	.main-news-swiper .main-news-link .info-area .subject{font-size:16px;font-size:1.6rem;font-weight:500;color:#2594c0;line-height:1.3;padding-bottom:11%}
	.main-news-swiper .main-news-link .info-area .type{font-size:12px;font-size:1.2rem;color:#999;line-height:1.625;padding-bottom:2.4%}
	.main-news-swiper .main-news-link .info-area .title{font-size:21px;font-size:2.1rem;font-weight:500;color:#333;padding-bottom:4.8%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(https://recruit.bkl.co.kr/static/css/ellipsis.xml)}
	.main-news-swiper .main-news-link .info-area .desc{font-size:13px;font-size:1.3rem;font-weight:300;color:#666;overflow:hidden;height:56px;height:5.6rem;line-height:23px;line-height:2.3rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
	.main-news-swiper .main-news-link .info-area .date{font-size:13px;font-size:1.3rem;color:#999;line-height:1.625;margin-top:3.9%;margin-bottom:4%}
	.main-news-swiper .main-news-link .info-area .ico-arrow-half{display:inline-block;position:absolute;top:50%;right:7%;width:20px;width:2rem;height:10px;height:1rem;margin-top:-7px;margin-top:-0.7rem}
	.main-news-swiper .main-news-link .info-area .ico-arrow-half:before{content:'';position:absolute;bottom:0;right:0;width:10px;width:1rem;height:2px;background-color:#2594c0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;border-top-right-radius:10px;border-top-right-radius:1rem}
	.main-news-swiper .main-news-link .info-area .ico-arrow-half:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#2594c0}
	.main-news-swiper .swiper-pagination{position:absolute;text-align:left;bottom:80px;bottom:8rem;left:74.63768115942029%;color:#a4a3a4;font-size:18px;font-size:1.8rem;padding:0 0 18px 19px;padding:0 0 1.8rem 1.9rem}
	.main-news-swiper .swiper-pagination .swiper-pagination-current{font-size:18px;font-size:1.8rem;color:#fff;opacity:1;position:relative;top:-3px;top:-0.3rem}
	.main-news-swiper .swiper-pagination .swiper-pagination-total{font-size:18px;font-size:1.8rem;color:#fff;opacity:0.5;position:relative;top:-3px;top:-0.3rem}
	.main-news-swiper .swiper-button-area{opacity:0;position:absolute;top:35px;top:3.5rem;right:15px;right:1.5rem}
	.main-news-swiper .swiper-button-next,.main-news-swiper .swiper-button-prev{position:relative;left:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:36px;width:3.6rem;height:36px;height:3.6rem;border:1px solid #ccc;background-color:#fff;border-radius:40px;border-radius:4rem;margin:0 0 0 13px;margin:0 0 0 1.3rem;-webkit-box-shadow:10px 10px 30px 3px rgba(59, 56, 55, 0.15);box-shadow:10px 10px 30px 3px rgba(59, 56, 55, 0.15)}
	.main-news-swiper .swiper-button-next:after,.main-news-swiper .swiper-button-prev:after{font-size:0;width:10px;width:1rem;height:10px;height:1rem;border-top:2px solid #999;border-top:0.2rem solid #999;border-right:2px solid #999;border-right:0.2rem solid #999}
	.main-news-swiper .swiper-button-next.swiper-button-disabled,.main-news-swiper .swiper-button-prev.swiper-button-disabled{opacity:0.5}
	.main-news-swiper .swiper-button-next:after{display:block;margin-left:-3px;margin-left:-0.3rem;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
	.main-news-swiper .swiper-button-prev:after{display:block;margin-right:-3px;margin-right:-0.3rem;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
	/*! 메인 - 섹션3 - insights01 */
	.main-insights01-container{background-color:#f3f8fb}
	.main-insights-content{position:relative}
	.main-insights-swiper .swiper-container{margin-left:15px;margin-left:1.5rem;padding-top:86px;padding-top:8.6rem;padding-bottom:125px;padding-bottom:12.5rem}
	.main-insights-swiper .swiper-slide{margin-right:25px;margin-right:2.5rem}
	.main-insights-swiper .main-insights-link{cursor:pointer}
	.main-insights-swiper .main-insights-link .img-area img{width:100%}
	.main-insights-swiper .main-insights-link .info-area{position:absolute;padding:7.8% 7.8% 0 7.8%;width:88%;height:56.564706%;left:0;top:43.470588235294118%}
	.main-insights-swiper .main-insights-link .info-area:after{display:none;content:'';position:absolute;bottom:-2px;right:-2px;width:36px;width:3.6rem;height:36px;height:3.6rem;background:url("../image/bg_news_corner01.png") no-repeat right bottom}
	.main-insights-swiper .main-insights-link .info-area .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f3f8fb;opacity:0.95}
	.main-insights-swiper .main-insights-link .info-area .info01,.main-insights-swiper .main-insights-link .info-area .info02,.main-insights-swiper .main-insights-link .info-area .info03{position:relative;z-index:1}
	.main-insights-swiper .main-insights-link .info-area .info03{display:none}
	.main-insights-swiper .main-insights-link .info-area .subject{font-size:12px;font-size:1.2rem;font-weight:500;color:#2594c0;line-height:1.3;padding-bottom:6.764705882352941%}
	.main-insights-swiper .main-insights-link .info-area .title{font-size:16px;font-size:1.6rem;font-weight:500;color:#333;margin-bottom:5.5%;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;height:52px;height:5.2rem;line-height:26px;line-height:2.6rem}
	.main-insights-swiper .main-insights-link .info-area .desc{display:none;font-size:13px;font-size:1.3rem;font-weight:300;color:#666;overflow:hidden;height:46px;height:4.6rem;line-height:23px;line-height:2.3rem}
	.main-insights-swiper .swiper-button-area{opacity:0;position:absolute;top:32px;top:3.2rem;right:15px;right:1.5rem}
	.main-insights-swiper .swiper-button-next,.main-insights-swiper .swiper-button-prev{position:relative;left:0;top:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:36px;width:3.6rem;height:36px;height:3.6rem;border:1px solid #ccc;background-color:#fff;border-radius:40px;border-radius:4rem;margin:0 0 0 13px;margin:0 0 0 1.3rem;-webkit-box-shadow:10px 10px 30px 3px rgba(59, 56, 55, 0.15);box-shadow:10px 10px 30px 3px rgba(59, 56, 55, 0.15)}
	.main-insights-swiper .swiper-button-next:after,.main-insights-swiper .swiper-button-prev:after{font-size:0;width:10px;width:1rem;height:10px;height:1rem;border-top:2px solid #999;border-top:0.2rem solid #999;border-right:2px solid #999;border-right:0.2rem solid #999}
	.main-insights-swiper .swiper-button-next.swiper-button-disabled,.main-insights-swiper .swiper-button-prev.swiper-button-disabled{opacity:0.5}
	.main-insights-swiper .swiper-button-next:after{display:block;margin-left:-3px;margin-left:-0.3rem;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
	.main-insights-swiper .swiper-button-prev:after{display:block;margin-right:-3px;margin-right:-0.3rem;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
	/*! 메인 - 섹션4 - insights02 */
	.main-insights02-content{position:relative;padding:80px 0 80px 0;padding:8rem 0 8rem 0}
	.main-insights02-bg{width:-webkit-calc(100% - 30px);width:calc(100% - 30px);width:-webkit-calc(100% - 3rem);width:calc(100% - 3rem);height:190px;height:19rem;display:table;margin:0 auto}
	.main-insights02-bg .item{position:relative;display:table-cell;background-position:center center;background-repeat:no-repeat;background-size:100% 360px}
	.main-insights02-bg .item01{top:0;background-image:url("../image/bg_insights_01.jpg")}
	.main-insights02-bg .item02{top:0;background-image:url("../image/bg_insights_02.jpg")}
	.main-insights02-bg .item03{top:0;background-image:url("../image/bg_insights_03.jpg")}
	.main-insights02-bg .item04{top:0;background-image:url("../image/bg_insights_04.jpg")}
	.main-insights02-bg .item05{top:0;background-image:url("../image/bg_insights_05.jpg")}
	.main-insights02-bg .item06{top:0;background-image:url("../image/bg_insights_06.jpg")}
	.main-insights02-info{width:100%;height:100%;text-align:center;position:absolute;left:0;top:0;bottom:0;z-index:1;display:table}
	.main-insights02-info .info-area{position:relative;display:table-cell;vertical-align:middle;height:350px;height:35rem}
	.main-insights02-info .type{opacity:0;font-size:12px;font-size:1.2rem;line-height:1.8;color:#fff;padding-bottom:1.3%}
	.main-insights02-info .title{opacity:0;font-size:18px;font-size:1.8rem;line-height:1.2;font-weight:500;color:#fff;padding-bottom:4px;padding-bottom:0.4rem}
	.main-insights02-info .date{opacity:0;font-size:12px;font-size:1.2rem;line-height:2.2;color:#fff;padding-bottom:1.62%}
	.main-insights02-info .btn{opacity:0;display:inline-block;min-width:150px;min-width:15rem;height:40px;height:4rem;line-height:37px;line-height:3.7rem;padding:0 20px 0 20px;padding:0 2rem 0 2rem;border:1px solid #fff;text-align:center;font-size:13px;font-size:1.3rem;color:#fff}
	/*! 메인 - 섹션5 - about01 */
	.main-about01-content{position:relative;width:100%;padding-top:47px;padding-top:4.7rem;padding-bottom:140px;padding-bottom:14rem}
	.main-about01-bg{position:absolute;width:100%;height:535px;height:53.5rem;top:-40px;top:-4rem}
	.main-about01-bg .item{position:relative;height:100%;background-position:center center;background-repeat:no-repeat;background-size:100% 100%}
	.main-about01-bg .item01{background-image:url("../image/bg_about01_full_mo.jpg")}
	.main-about01-bg .item02{display:none}
	.main-about01-bg .item03{display:none}
	.main-about01-bg .item04{display:none}
	.main-about01-bg .item05{display:none}
	.main-about01-bg .item06{display:none}
	.main-about01-info01{position:relative;width:100%;display:table}
	.main-about01-info01-wrap{position:relative;text-align:center;padding-bottom:50px;padding-bottom:5rem}
	.main-about01-info01-wrap .count01{display:inline-block;font-size:60px;font-size:6rem;color:#333;font-weight:500;font-family:"Roboto",sans-serif}
	.main-about01-info01-wrap .bu{opacity:0;position:relative;display:inline-block;vertical-align:top;top:8px;top:0.8rem;width:17px;width:1.7rem;height:17px;height:1.7rem}
	.main-about01-info01-wrap .bu:before{content:'';width:4px;width:0.4rem;height:17px;height:1.7rem;position:absolute;top:0;left:50%;margin-left:-2px;margin-left:-0.2rem;background-color:#333}
	.main-about01-info01-wrap .bu:after{content:'';width:17px;width:1.7rem;height:4px;height:0.4rem;position:absolute;top:50%;left:0;margin-top:-2px;margin-top:-0.2rem;background-color:#333}
	.main-about01-info01-wrap .txt01{opacity:0;overflow:hidden;position:relative;width:154px;width:15.4rem;margin:0 auto;display:block;font-size:24px;font-size:2.4rem;color:#333;font-family:"Roboto",sans-serif}
	.main-about01-info01-wrap .txt01 .bu2{content:'';position:absolute;bottom:0;left:0;height:6px;height:0.6rem;width:100%;background-color:#0f8bbc;opacity:0.5}
	.main-about01-swiper{position:relative;width:100%;height:450px;height:45rem;top:15px;top:1.5rem}
	.main-about01-swiper .swiper-container{width:100%;height:100%}
	.main-about01-swiper .swiper-slide{height:auto!important}
	.main-about01-swiper .main-about01-link{cursor:pointer;position:relative;display:table;width:100%;height:65px;height:6.5rem}
	.main-about01-swiper .main-about01-link .bg{width:100%;height:100%;position:absolute;top:0;left:0}
	.main-about01-swiper .main-about01-link .info-area{position:relative;z-index:1;display:table-cell;vertical-align:middle;padding-left:8.3%;text-align:left}
	.main-about01-swiper .main-about01-link .info-area .title{font-size:16px;font-size:1.6rem;font-weight:500;color:#333;padding-bottom:10px;padding-bottom:1rem}
	.main-about01-swiper .main-about01-link .info-area .desc{font-size:12px;font-size:1.2rem;color:#666;line-height:1.625}
	.main-about01-swiper .main-about01-link .info-area .ico-arrow-half{display:none;position:absolute;top:50%;right:30px;right:3rem;width:30px;width:3rem;height:10px;height:1rem;margin-top:-7px;margin-top:-0.7rem}
	.main-about01-swiper .main-about01-link .info-area .ico-arrow-half:before{content:'';position:absolute;bottom:0;right:0;width:14px;width:1.4rem;height:2px;background-color:#2594c0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;border-top-right-radius:10px;border-top-right-radius:1rem}
	.main-about01-swiper .main-about01-link .info-area .ico-arrow-half:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#2594c0}
	.main-about01-swiper .main-about01-link.hover .bg{background-color:#2594c0;opacity:0.15}
	.main-about01-swiper .main-about01-link.hover .desc{color:#333}
	.main-about01-swiper .main-about01-link.hover .ico-arrow-half{display:block}
	.main-about01-swiper .swiper-button-area{opacity:0}
	.main-about01-swiper .swiper-button-next,.main-about01-swiper .swiper-button-prev{opacity:1;position:absolute;width:100%;text-align:center;height:30px;height:3rem}
	.main-about01-swiper .swiper-button-next:after,.main-about01-swiper .swiper-button-prev:after{display:inline-block;font-size:0;width:20px;width:2rem;height:20px;height:2rem;border-top:3px solid #666;border-top:0.3rem solid #666;border-right:3px solid #666;border-right:0.3rem solid #666}
	.main-about01-swiper .swiper-button-next:focus,.main-about01-swiper .swiper-button-prev:focus{outline:0}
	.main-about01-swiper .swiper-button-next.swiper-button-disabled,.main-about01-swiper .swiper-button-prev.swiper-button-disabled{opacity:0.5}
	.main-about01-swiper .swiper-button-prev{top:0;left:0;margin-top:-35px;margin-top:-3.5rem;display:block}
	.main-about01-swiper .swiper-button-prev:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin-bottom:-15px;margin-bottom:-1.5rem}
	.main-about01-swiper .swiper-button-next{bottom:0;top:auto;right:0;margin-bottom:-35px;margin-bottom:-3.5rem;display:block}
	.main-about01-swiper .swiper-button-next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);margin-top:-15px;margin-top:-1.5rem}
	/*! 메인 - 섹션6 - about02 */
	.main-about02-content{position:relative;width:100%;padding-bottom:90px;padding-bottom:9rem}
	.main-about02-bg{position:absolute;top:0;left:0;width:100%;height:437px;height:43.7rem;display:block}
	.main-about02-bg .item{position:relative;height:100%;background-repeat:no-repeat;background-size:auto 48.1rem;background-position:-208px -21px;background-position:-20.8rem -2.1rem}
	.main-about02-bg .item01{top:0;background-image:url("../image/bg_about02_full02.jpg")}
	.main-about02-bg .item02{display:none}
	.main-about02-bg .item03{display:none}
	.main-about02-bg .item04{display:none}
	.main-about02-bg .item05{display:none}
	.main-about02-bg .item06{display:none}
	.main-about02-info01{position:relative;width:100%;display:block;z-index:1}
	.main-about02-info01-wrap{width:100%;position:relative;padding-top:75px;padding-top:7.5rem;text-align:center}
	.main-about02-info01-wrap .count01{display:block;font-size:60px;font-size:6rem;color:#333;font-weight:500;font-family:"Roboto",sans-serif}
	.main-about02-info01-wrap .txt01{opacity:0;overflow:hidden;position:relative;padding-right:5px;padding-right:0.5rem;padding-left:3px;padding-left:0.3rem;display:inline-block;font-size:24px;font-size:2.4rem;color:#333;font-family:"Roboto",sans-serif}
	.main-about02-info01-wrap .txt01 .bu2{content:'';position:absolute;bottom:0;bottom:0;left:0;height:6px;height:0.6rem;width:100%;background-color:#0f8bbc;opacity:0.5}
	.main-about02-marker{position:absolute;top:0;left:0;width:100%;height:437px;height:43.7rem}
	.main-about02-marker [class^='marker']{position:absolute}
	.main-about02-marker [class^='circle']{position:absolute;width:0;height:0;top:50%;left:50%;background-color:#32a0cb;border-radius:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
	.main-about02-marker .circle01{width:5px;width:0.5rem;height:5px;height:0.5rem;opacity:1}
	.main-about02-marker .circle02{width:50%;height:50%;opacity:0.1}
	.main-about02-marker .circle03{width:100%;height:100%;opacity:0.05}
	.main-about02-marker .marker01{width:105px;width:10.5rem;height:105px;height:10.5rem;top:191px;top:19.1rem;left:46px;left:4.6rem}
	.main-about02-marker .marker01 .circle01{width:5px;width:0.5rem;height:5px;height:0.5rem;opacity:1}
	.main-about02-marker .marker01 .circle02{width:25%;height:25%;opacity:0.1}
	.main-about02-marker .marker01 .circle03{width:50%;height:50%;opacity:0.05}
	.main-about02-marker .marker01 .circle04{width:100%;height:100%;opacity:0.03}
	.main-about02-marker .marker02{width:30px;width:3rem;height:30px;height:3rem;top:247px;top:24.7rem;left:216px;left:21.6rem}
	.main-about02-marker .marker03{width:88px;width:8.8rem;height:88px;height:8.8rem;top:204px;top:20.4rem;left:215px;left:21.5rem}
	.main-about02-marker .marker04{width:40px;width:4rem;height:40px;height:4rem;top:262px;top:26.2rem;left:247px;left:24.7rem}
	.main-about02-marker .marker05{width:30px;width:3rem;height:30px;height:3rem;top:230px;top:23rem;left:268px;left:26.8rem}
	.main-about02-marker .marker06{width:20px;width:2rem;height:20px;height:2rem;top:207px;top:20.7rem;left:287px;left:28.7rem}
	.main-about02-marker .marker07{width:30px;width:3rem;height:30px;height:3rem;top:182px;top:18.2rem;left:298px;left:29.8rem}
	.main-about02-marker .marker08{display:none;width:30px;width:3rem;height:30px;height:3rem;top:176px;top:17.6rem;left:299px;left:29.9rem}
	.main-about02-marker .marker09{width:58px;width:5.8rem;height:58px;height:5.8rem;top:155px;top:15.5rem;left:247px;left:24.7rem}
	.main-about02-marker .marker10{width:30px;width:3rem;height:30px;height:3rem;top:321px;top:32.1rem;left:262px;left:26.2rem}
	.main-about02-marker .marker11{width:30px;width:3rem;height:30px;height:3rem;top:321px;top:30.1rem;left:262px;left:25.2rem}
	.main-about02-local{position:relative;z-index:1;margin:108px 0 0 0;margin:10.8rem 0 0 0;margin-left:auto;margin-right:auto;max-width:345px;max-width:34.5rem;height:345px;height:34.5rem}
	.main-about02-local .local-link{position:absolute;width:28.985507246376812%;height:29%;background-position:center center;background-repeat:no-repeat;background-size:100px 100px;background-size:10rem 10rem;display:table}
	.main-about02-local .local-link.local-link01{top:28px;top:2.8rem;left:0;left:0;background-image:url("../image/img_city_seoul_mo.jpg")}
	.main-about02-local .local-link.local-link02{top:145px;top:14.5rem;left:0;left:0;background-image:url("../image/img_city_singapore_mo.jpg")}
	.main-about02-local .local-link.local-link03{top:0;top:0;left:121px;left:12.1rem;background-image:url("../image/img_city_beijin_mo.jpg")}
	.main-about02-local .local-link.local-link04{top:117px;top:11.7rem;left:121px;left:12.1rem;background-image:url("../image/img_city_shanghai_mo.jpg")}
	.main-about02-local .local-link.local-link05{top:234px;top:23.4rem;left:121px;left:12.1rem;background-image:url("../image/img_city_hongkong_mo.jpg")}
	.main-about02-local .local-link.local-link06{top:197px;top:19.7rem;left:245px;left:24.5rem;background-image:url("../image/img_city_hanoi_mo.jpg")}
	.main-about02-local .local-link .info-area{position:relative;display:table-cell;text-align:center;vertical-align:middle;width:100%;height:100%;opacity:0.95}
	.main-about02-local .local-link .info-area .txt01{display:inline-block;font-size:12px;font-size:1.2rem;font-weight:500;color:#fff;font-family:"Roboto",sans-serif}
	.main-about02-local .local-link .info-area .bu{display:none;vertical-align:0;margin-left:3px;margin-left:0.3rem;width:8px;width:0.8rem;height:8px;height:0.8rem;border-top:2px solid #2594c0;border-top:0.2rem solid #2594c0;border-right:2px solid #2594c0;border-right:0.2rem solid #2594c0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
	.main-about02-local .local-link .info-area .txt02{display:none;font-size:12px;font-size:1.2rem;color:#000;font-family:"Roboto",sans-serif}
	.popup-wrap.footer .ico-close-22-gray{display:inline-block;position:relative;width:20px;width:2rem;height:20px;height:2rem;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
	.popup-wrap.footer .ico-close-22-gray:before{content:'';width:20px;width:2rem;height:2px;height:0.2rem;position:absolute;top:50%;left:0;margin-top:-1px;margin-top:-0.1rem;background-color:#999;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
	.popup-wrap.footer .ico-close-22-gray:after{content:'';width:2px;width:0.2rem;height:21px;height:2.1rem;position:absolute;top:0;left:50%;margin-left:-1px;margin-left:-0.1rem;background-color:#999;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
}

/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
	.law-main-container{/*! 메인 팝업 *//*! 메인 팝업 swiper */}
	.law-main-container .popup-wrap .popup-content{padding:0}

	.law-main-container .main-popup-swiper .main-popup-swiper-link{display:block}
	.law-main-container .main-popup-swiper .main-popup-swiper-link img{width:100%}
	.law-main-container .main-popup-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#000}
	.law-main-container .main-popup-swiper .swiper-button-area .swiper-button-next.swiper-button-disabled{}
	.law-main-container{margin-bottom:-100px;margin-bottom:-10rem}

	.recruitInfo-container{/*! 메인 팝업 *//*! 메인 팝업 swiper */}
	.recruitInfo-container .popup-wrap .popup-content{padding:0}
	.recruitInfo-container .popup-wrap .popup-footer{position:relative;height:60px;height:6rem}
	.recruitInfo-container .popup-wrap .input-checkbox{position:absolute;left:20px;left:2rem;top:50%;margin-top:-11px;margin-top:-1.1rem}
	.recruitInfo-container .popup-wrap .input-checkbox .txt{vertical-align:3px}
	.recruitInfo-container .popup-wrap .btn-close-main-popup{position:absolute;right:26px;right:2.6rem;top:50%;margin-top:-15px;margin-top:-1.5rem}
	.recruitInfo-container .popup-wrap .btn-close-main-popup .ico-close-22-gray{display:inline-block;position:relative;width:30px;width:3rem;height:30px;height:3rem;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
	.recruitInfo-container .popup-wrap .btn-close-main-popup .ico-close-22-gray:before{content:'';width:30px;width:3rem;height:2px;height:0.2rem;position:absolute;top:50%;left:0;margin-top:-1px;margin-top:-0.1rem;background-color:#999;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
	.recruitInfo-container .popup-wrap .btn-close-main-popup .ico-close-22-gray:after{content:'';width:2px;width:0.2rem;height:30px;height:3rem;position:absolute;top:0;left:50%;margin-left:-1px;margin-left:-0.1rem;background-color:#999;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
	.recruitInfo-container .main-popup-swiper .main-popup-swiper-link{display:block}
	.recruitInfo-container .main-popup-swiper .main-popup-swiper-link img{width:100%}
	.recruitInfo-container .main-popup-swiper .swiper-pagination-bullet{background-color:transparent;border:2px solid #000;opacity:1;width:10px;width:1rem;height:10px;height:1rem}
	.recruitInfo-container .main-popup-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#000}
	.recruitInfo-container .main-popup-swiper .swiper-button-area .swiper-button-prev{display:none}
	.recruitInfo-container .main-popup-swiper .swiper-button-area .swiper-button-next{width:82px;width:8.2rem;height:60px;height:6rem;background-color:#fff;position:absolute;top:auto;bottom:0;right:0}
	.recruitInfo-container .main-popup-swiper .swiper-button-area .swiper-button-next.swiper-button-disabled{display:none}
	.recruitInfo-container .main-popup-swiper .swiper-button-area .swiper-button-next:after{display:none}
	.recruitInfo-container .main-popup-swiper .swiper-button-area .swiper-button-next .ico-arrow-half{display:inline-block;position:absolute;top:50%;right:30px;right:3rem;width:35px;width:3.5rem;height:10px;height:1rem;margin-top:-7px;margin-top:-0.7rem}
	.recruitInfo-container .main-popup-swiper .swiper-button-area .swiper-button-next .ico-arrow-half:before{content:'';position:absolute;bottom:0;right:0;width:14px;width:1.4rem;height:2px;background-color:#666;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;border-top-right-radius:10px;border-top-right-radius:1rem;-webkit-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out}
	.recruitInfo-container .main-popup-swiper .swiper-button-area .swiper-button-next .ico-arrow-half:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#666;-webkit-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out}
	.recruitInfo-container{margin-bottom:-100px;margin-bottom:-10rem}
	.overflow-hidden-fixed{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden}

	/*! 메인 - 인트로 영역 */
	.main-intro-wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:81}
	.main-intro-wrap .main-intro-item-center{position:absolute;left:39%;top:0;width:22%;height:100%;border-top:100vh solid #fff}
	.main-intro-wrap .main-intro-item-center.animation{border-top:0 solid #fff}
	.main-intro-wrap .main-intro-item-left{position:absolute;left:0;top:0;width:40%;height:100%;border-left:40vw solid #fff}
	.main-intro-wrap .main-intro-item-left.animation{border-left:0 solid #fff}
	.main-intro-wrap .main-intro-item-right{position:absolute;right:0;top:0;width:40%;height:100%;border-right:40vw solid #fff}
	.main-intro-wrap .main-intro-item-right.animation{border-right:0 solid #fff}

	/*! 메인 - 라인 영역 */
	.main-line-area{ pointer-events: none; display:table;table-layout:fixed;position:absolute;z-index:1;bottom:0;left:3.125%;right:3.125%;width:93.75%;height:0;-webkit-transition:height 1s ease-out;-o-transition:height 1s ease-out;transition:height 1s ease-out}
	.main-line-area.down{height:100%}
	.main-line-area .line{display:table-cell;width:-webkit-calc(100% / 6);width:calc(100% / 6);width:-webkit-calc(100% / 6rem);width:calc(100% / 6rem);height:100%;border-left:1px solid #fff;border-color:rgba(255, 255, 255, 0.2)}
	.main-line-area .line:last-child{border-right:1px solid #fff;border-color:rgba(255, 255, 255, 0.2)}
	.main-line-area .line02{display:table-cell;width:-webkit-calc(100% / 6);width:calc(100% / 6);width:-webkit-calc(100% / 6rem);width:calc(100% / 6rem);height:100%;border-left:1px solid #000;border-color:rgba(0, 0, 0, 0.07)}
	.main-line-area .line02:last-child{border-right:1px solid #000;border-color:rgba(0, 0, 0, 0.07)}
	.main-line-area .line03{display:table-cell;width:-webkit-calc(100% / 6);width:calc(100% / 6);width:-webkit-calc(100% / 6rem);width:calc(100% / 6rem);height:100%;border-left:1px solid #fff;border-color:rgba(255, 255, 255, 0.3)}
	.main-line-area .line03:last-child{border-right:1px solid #fff;border-color:rgba(255, 255, 255, 0.3)}
	.main-line-area .line04{display:table-cell;width:-webkit-calc(100% / 6);width:calc(100% / 6);width:-webkit-calc(100% / 6rem);width:calc(100% / 6rem);height:100%;border-left:1px solid #fff;border-color:rgba(0, 0, 0, 0.07)}
	.main-line-area .line04:last-child{border-right:1px solid #fff;border-color:rgba(0, 0, 0, 0.07)}

	/*! 메인 - 인디게이터 */
	.main-indicator-wrap{width:100%;margin:0 auto;position:relative;height:1px;z-index:10}
	.main-scroll-spy{position:fixed;top:38.777777777777778%;left:1.40625%;height:21.759259259259259%; opacity: 0; visibility: hidden; transition: opacity .4s, visibility .4s; }
	.main-scroll-spy .main-scroll-spy-mobile{height:100%}
	.main-scroll-spy .main-scroll-spy-container{width:4px;width:0.4rem;height:100%;-webkit-transform:skew(0deg, -45deg);-ms-transform:skew(0deg, -45deg);transform:skew(0deg, -45deg);overflow:hidden}
	.main-scroll-spy .main-scroll-spy-container:before{content:'';opacity:0.3;background-color:#fff;position:absolute;top:0;left:0;width:100%;height:100%}
	.main-scroll-spy .main-scroll-spy-link{display:block;position:relative;width:100%;height:-webkit-calc(100% / 6);height:calc(100% / 6)}
	.main-scroll-spy .main-scroll-spy-link .bu{position:absolute;top:0;left:0;width:100%;height:100%}
	.main-scroll-spy .main-scroll-spy-link.on .bu{opacity:1;background-color:#fff}
	.main-scroll-spy.type02 .main-scroll-spy-link .bu{opacity:0.1;background-color:#000}
	.main-scroll-spy.type02 .main-scroll-spy-link.on .bu{opacity:1;background-color:#2594c0}
	.main-scroll-spy.on { opacity: 1; visibility: visible; }

	/*! 메인 - 기본 레이아웃01 */
	.main-section{position:relative}

	/*! 메인 - 기본 레이아웃02 */
	.main-container{position:relative; }
	.main-container .main-title{position:absolute;z-index:1;padding-top:21px;padding-top:2.1rem;font-size:0}
	.main-container .main-title .bu-area{position:absolute;bottom:58px;bottom:5.8rem;display:block;overflow:hidden;width:27px;width:2.7rem;height:30px;height:3rem}
	.main-container .main-title .bu{position:absolute;bottom:9px;bottom:0.9rem;left:0;display:block;width:27px;width:2.7rem;height:12px;height:1.2rem;background-color:#2594c0;-webkit-transform:rotate(-36.5deg) skew(-36.5deg, 0deg);-ms-transform:rotate(-36.5deg) skew(-36.5deg, 0deg);transform:rotate(-36.5deg) skew(-36.5deg, 0deg)}
	.main-container .main-title .txt{display:inline-block;position:relative;font-size:56px;font-size:5.6rem;font-weight:700;color:#333;line-height:1}
	.main-container .main-title.news{top:18.659217877094972%;left:3.125%}
	.main-container .main-title.news .bu{left:-2px;left:-0.2rem}
	.main-container .main-title.news .txt{left:-4px;left:-0.4rem}
	.main-container .main-title.insights01{top:22.905027932960894%;left:3.125%}
	.main-container .main-title.insights01 .bu{left:-2px;left:-0.2rem}
	.main-container .main-title.insights01 .txt{left:-4px;left:-0.4rem}
	.main-container .main-title.about01{top:3.7521815008726%;left:3.125%}
	.main-container .main-title.about01 .bu{left:-2px;left:-0.2rem}
	.main-container .layout-fixed{display:block;width:100%;height:100vh;position:relative;overflow:hidden}
	/*.main-container .layout-fixed.visual{padding-bottom:52.25%}*/
	.main-container .layout-fixed.visual-iframe{padding-bottom:56.26%}
	.main-container .layout-fixed.visual.pc{display:block}
	.main-container .layout-fixed.visual.mo{display:none}
	.main-container .layout-fixed.news{padding-bottom:41.7%}
	.main-container .layout-fixed.insights01{padding-bottom:40.69%}
	.main-container .layout-fixed.insights02{padding-bottom:36%}
	.main-container .layout-fixed.about01{padding-bottom:59.6875%}
	.main-container .layout-fixed.about02{padding-bottom:57.96875%}
	.main-container .layout-fixed .item{position:absolute;top:0;left:0;width:100%;-webkit-transform:rotate(0.001deg);-ms-transform:rotate(0.001deg);transform:rotate(0.001deg)}
	.main-container .layout-fixed .item-iframe{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:rotate(0.001deg);-ms-transform:rotate(0.001deg);transform:rotate(0.001deg)}
}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1600px){
.main-container .main-title .txt{font-size:40px;font-size:4rem}
}
@media (min-width: 1024px){
	/*! 메인 - 섹션1 - 비주얼 영역 */
	.patent-main-visual-info{width:100%;text-align:center;position:absolute;top:50%;left:0;z-index:1;margin-top:-130px;margin-top:-13rem}
	.main-visual-txt .txt01{font-size:58px;font-size:5.8em;font-weight:700;color:#fff;line-height:1.4}
	.main-visual-txt .txt02{font-size:58px;font-size:5.8em;font-weight:700;color:#fff;margin-left:20px;margin-left:2rem;line-height:1.4}
	.main-visual-txt .txt03{display:block;font-size:58px;font-size:5.8em;font-weight:700;color:#fff;line-height:1.4}
	.main-visual-search{position:relative;margin:0 auto;margin-top:57px;margin-top:5.7rem;width:31.25%}
	.main-visual-search .input-txt{background-color:transparent;border:none;display:block;border-bottom:3px solid #fff;border-bottom:0.3rem solid #fff;text-align:left}
	.main-visual-search .input-txt input{display:inline-block;width:-webkit-calc(100% - 90px);width:calc(100% - 90px);width:-webkit-calc(100% - 9rem);width:calc(100% - 9rem);padding:0 0 0 10px;padding:0 0 0 1rem;height:80px;height:8rem;line-height:80px;line-height:8rem;background-color:rgba(0, 0, 0, 0);border:0;color:#fff;font-size:32px;font-size:3.2rem;font-weight:700}
	.main-visual-search .input-txt input::-ms-clear{display:none}
	.main-visual-search .input-txt input:focus{outline:0}
	.main-visual-search .btn-search{display:block;position:absolute;top:0;right:0;width:80px;width:8rem;height:80px;height:8rem;background:url("../image/ico_search.png") no-repeat center center;background-size:31px 36px;background-size:3.1rem 3.6rem}
	.main-visual-thumb{position:absolute;bottom:5.555555555555556%;right:3.125%;z-index:1;width:180px;width:18rem;height:126px;height:12.6rem}
	.main-visual-thumb img{width:100%}
	.main-visual-thumb .thumb-line{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #fff;opacity:0.5}
	.main-visual-thumb .txt-area{position:absolute;top:23px;top:2.3rem;left:18px;left:1.8rem}
	.main-visual-thumb .txt-area .txt01{font-size:22px;font-size:2.2rem;font-weight:500;color:#fff;font-family:"Roboto",sans-serif;padding-bottom:8px;padding-bottom:0.8rem}
	.main-visual-thumb .txt-area .txt02{font-size:16px;font-size:1.6rem;color:#fff;font-family:"Roboto",sans-serif}
	.main-visual-thumb .bu{width:36px;width:3.6rem;height:36px;height:3.6rem;position:absolute;bottom:1px;right:1px;background-color:#2594c0}
	.main-visual-thumb .bu:after{content:'';position:absolute;top:50%;left:50%;margin:-6px 0 0 -8px;margin:-0.6rem 0 0 -0.8rem;width:12px;width:1.2rem;height:12px;height:1.2rem;border-top:2px solid #fff;border-top:0.2rem solid #fff;border-right:2px solid #fff;border-right:0.2rem solid #fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
	.main-visual-scroll{position:absolute;left:50%;bottom:100px;bottom:6rem;margin-left:-47px;margin-left:-4.7rem; z-index: 1; }
	.main-visual-scroll .txt{position:relative;display:block;color:#fff;font-size:14px;font-size:1.4rem;font-family:"Roboto",sans-serif; font-weight: bold;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);letter-spacing:2px}
	.main-visual-scroll .bu{content:'';width:4px;width:0.4rem;height:65px;height:6.5rem;background:url("../image/bu_scroll.png") no-repeat left top;background-size:4px 65px;background-size:0.4rem 6.5rem;position:absolute;right:10px;right:1rem;top:-3px;opacity:0.5}

}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1600px){
.main-visual-info{font-size:-webkit-calc(8px + 6 * ((100vw - 1024px) / 1600));font-size:calc(8px + 6 * ((100vw - 1024px) / 1600))}
}
@media (min-width: 1024px){
/*! 메인 - 섹션2 - news */
.main-news-content{position:absolute;top:20%;width:100%}
.main-news-swiper .swiper-container{display:none;width:78.125%;margin-left:18.75%;padding-bottom:160px;padding-bottom:16rem;padding-top:100px;padding-top:10rem;margin-top:-100px;margin-top:-10rem}
.main-news-swiper .main-news-link{cursor:pointer}
.main-news-swiper .main-news-link .img-area img{width:100%}
.main-news-swiper .main-news-link .info-area-container{position:absolute;bottom:0;left:0;width:100%;height:100%}
.main-news-swiper .main-news-link .info-area{position:absolute;padding:3.6% 0 0 0;width:50%;height:auto;left:0;bottom:0;-webkit-box-shadow:10px 10px 20px 0 rgba(0, 0, 0, 0.1);box-shadow:10px 10px 20px 0 rgba(0, 0, 0, 0.1);-webkit-transition:bottom 0.4s cubic-bezier(0.77, 0, 0.18, 1),-webkit-box-shadow 0.12s cubic-bezier(0.77, 0, 0.18, 1);transition:bottom 0.4s cubic-bezier(0.77, 0, 0.18, 1),-webkit-box-shadow 0.12s cubic-bezier(0.77, 0, 0.18, 1);-o-transition:bottom 0.4s cubic-bezier(0.77, 0, 0.18, 1),box-shadow 0.12s cubic-bezier(0.77, 0, 0.18, 1);transition:bottom 0.4s cubic-bezier(0.77, 0, 0.18, 1),box-shadow 0.12s cubic-bezier(0.77, 0, 0.18, 1);transition:bottom 0.4s cubic-bezier(0.77, 0, 0.18, 1),box-shadow 0.12s cubic-bezier(0.77, 0, 0.18, 1),-webkit-box-shadow 0.12s cubic-bezier(0.77, 0, 0.18, 1)}
.main-news-swiper .main-news-link .info-area .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0.98;-webkit-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out}
.main-news-swiper .main-news-link .info-area .info01,.main-news-swiper .main-news-link .info-area .info02,.main-news-swiper .main-news-link .info-area .info03{position:relative;z-index:1;padding:0 8% 0 8%}
.main-news-swiper .main-news-link .info-area .info02{padding-bottom:8%}
.main-news-swiper .main-news-link .info-area .info03{opacity:0;position:absolute;width:-webkit-calc(100% + 4px);width:calc(100% + 4px);height:72px;line-height:72px;left:-4px;top:-webkit-calc(100% - 1px);top:calc(100% - 1px);background:#fff;-webkit-transition:opacity 0.4s cubic-bezier(0.77, 0, 0.18, 1),-webkit-box-shadow 0.2s cubic-bezier(0.77, 0, 0.18, 1);transition:opacity 0.4s cubic-bezier(0.77, 0, 0.18, 1),-webkit-box-shadow 0.2s cubic-bezier(0.77, 0, 0.18, 1);-o-transition:box-shadow 0.2s cubic-bezier(0.77, 0, 0.18, 1),opacity 0.4s cubic-bezier(0.77, 0, 0.18, 1);transition:box-shadow 0.2s cubic-bezier(0.77, 0, 0.18, 1),opacity 0.4s cubic-bezier(0.77, 0, 0.18, 1);transition:box-shadow 0.2s cubic-bezier(0.77, 0, 0.18, 1),opacity 0.4s cubic-bezier(0.77, 0, 0.18, 1),-webkit-box-shadow 0.2s cubic-bezier(0.77, 0, 0.18, 1)}
.main-news-swiper .main-news-link .info-area .info03:before{content:'';position:absolute;top:0;left:8%;width:92%;height:1px;background-color:#2594c0}
.main-news-swiper .main-news-link .info-area .info03:after{display:none;content:'';position:absolute;bottom:-2px;right:-2px;width:36px;height:36px;background:url("../image/bg_news_corner01.png") no-repeat right bottom}
.main-news-swiper .main-news-link .info-area .subject{font-size:26px;font-size:2.6rem;font-weight:500;color:#2594c0;line-height:1.3;padding-bottom:8%}
.main-news-swiper .main-news-link .info-area .type{font-size:16px;font-size:1.6rem; color:#999;line-height:1.625;padding-bottom:2.4%}
.main-news-swiper .main-news-link .info-area .title{font-size:36px;font-size:3.6rem;font-weight:500;color:#333;padding-bottom:5.8%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(https://recruit.bkl.co.kr/static/css/ellipsis.xml)}
.main-news-swiper .main-news-link .info-area .desc{font-size:16px;font-size:1.6rem;font-weight:300;color:#666;overflow:hidden;height:75px;height:7.5rem;line-height:23.7px;line-height:2.37rem; white-space:normal;word-wrap:break-word;overflow:hidden;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;}
.main-news-swiper .main-news-link .info-area .desc span { font-size: 1.6rem !important; }
.main-news-swiper .main-news-link .info-area .date{position:relative;top:-3px;display:inline-block;font-size:16px;font-size:1.6rem;color:#999}
.main-news-swiper .main-news-link .info-area .ico-arrow-half{display:inline-block;position:absolute;z-index:1;top:50%;right:7%;width:30px;width:3rem;height:10px;height:1rem;margin-top:-7px;margin-top:-0.7rem}
.main-news-swiper .main-news-link .info-area .ico-arrow-half:before{content:'';position:absolute;bottom:0;right:0;width:14px;width:1.4rem;height:2px;background-color:#2594c0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;border-top-right-radius:10px;border-top-right-radius:1rem}
.main-news-swiper .main-news-link .info-area .ico-arrow-half:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#2594c0}
.main-news-swiper .main-news-link.hover .info-area{bottom:30px;bottom:3rem;border:2px solid #2594c0;border-bottom:0;padding-bottom:0;-webkit-box-shadow:20px 20px 25px 0 rgba(0, 0, 0, 0.2);box-shadow:20px 20px 25px 0 rgba(0, 0, 0, 0.2)}
.main-news-swiper .main-news-link.hover .info-area .bg{opacity:1}
.main-news-swiper .main-news-link.hover .info-area .info03{opacity:1;border:2px solid #2594c0;-webkit-box-shadow:20px 20px 25px 0 rgba(0, 0, 0, 0.2);box-shadow:20px 20px 25px 0 rgba(0, 0, 0, 0.2);border-top:0;left:-2px;-webkit-transition:opacity 0.12s cubic-bezier(0.77, 0, 0.18, 1),-webkit-box-shadow 0.12s cubic-bezier(0.77, 0, 0.18, 1);transition:opacity 0.12s cubic-bezier(0.77, 0, 0.18, 1),-webkit-box-shadow 0.12s cubic-bezier(0.77, 0, 0.18, 1);-o-transition:box-shadow 0.12s cubic-bezier(0.77, 0, 0.18, 1),opacity 0.12s cubic-bezier(0.77, 0, 0.18, 1);transition:box-shadow 0.12s cubic-bezier(0.77, 0, 0.18, 1),opacity 0.12s cubic-bezier(0.77, 0, 0.18, 1);transition:box-shadow 0.12s cubic-bezier(0.77, 0, 0.18, 1),opacity 0.12s cubic-bezier(0.77, 0, 0.18, 1),-webkit-box-shadow 0.12s cubic-bezier(0.77, 0, 0.18, 1);border-bottom-right-radius:25px;border-bottom-right-radius:2.5rem}
.main-news-swiper .main-news-link.hover .info-area .info03:after{display:block}
.main-news-swiper .swiper-pagination{position:absolute;text-align:left;bottom:160px;bottom:16rem;left:50%;color:rgba(255,255,255,.5);font-size:18px;font-size:1.8rem;padding:0 0 25px 30px;padding:0 0 2.5rem 3rem}
.main-news-swiper .swiper-pagination .swiper-pagination-current{font-size:24px;font-size:2.4rem;color:#fff;opacity:1;position:relative;top:-3px;top:-0.3rem;padding-right:5px;padding-right:0.5rem}
.main-news-swiper .swiper-pagination .swiper-pagination-total{font-size:24px;font-size:2.4rem;color:#fff;opacity:0.5;position:relative;top:-3px;top:-0.3rem;padding-left:7px;padding-left:0.7rem}
.main-news-swiper .swiper-button-area{width:160px;width:16rem;min-height:60px;min-height:6rem;position:absolute;bottom:205px;bottom:20.5rem;left:3.125%;opacity:0}
.main-news-swiper .swiper-button-next,.main-news-swiper .swiper-button-prev{position:relative;left:0;top:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:60px;width:6rem;height:60px;height:6rem;border:1px solid #ccc;background-color:#fff;-webkit-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out;border-radius:40px;border-radius:4rem;margin:0 13px 0 0;margin:0 1.3rem 0 0;-webkit-box-shadow:10px 10px 30px 3px rgba(59, 56, 55, 0.15);box-shadow:10px 10px 30px 3px rgba(59, 56, 55, 0.15)}
.main-news-swiper .swiper-button-next:after,.main-news-swiper .swiper-button-prev:after{font-size:0;width:14px;width:1.4rem;height:14px;height:1.4rem;border-top:2px solid #999;border-top:0.2rem solid #999;border-right:2px solid #999;border-right:0.2rem solid #999}
.main-news-swiper .swiper-button-next.swiper-button-disabled,.main-news-swiper .swiper-button-prev.swiper-button-disabled{opacity:0.5}
.main-news-swiper .swiper-button-next:hover,.main-news-swiper .swiper-button-prev:hover{border:1px solid #2594c0;background-color:#2594c0}
.main-news-swiper .swiper-button-next:hover:after,.main-news-swiper .swiper-button-prev:hover:after{font-size:0;width:14px;width:1.4rem;height:14px;height:1.4rem;border-top:2px solid #fff;border-top:0.2rem solid #fff;border-right:2px solid #fff;border-right:0.2rem solid #fff}
.main-news-swiper .swiper-button-next:after{display:block;margin-left:-3px;margin-left:-0.3rem;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.main-news-swiper .swiper-button-prev:after{display:block;margin-right:-3px;margin-right:-0.3rem;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
/*! 메인 - 섹션3 - insights01 */
.main-insights01-container{background-color:#f3f8fb}
.main-insights-content{position:absolute;top:20.512820512820513%;width:100%}
.main-insights-swiper .swiper-container{width:81.254166666666667%;margin-left:18.745833333333333%;padding-bottom:290px;padding-bottom:29rem}
.main-insights-swiper .swiper-slide{max-width:500px;margin-right:6.4%}
.main-insights-swiper .main-insights-link{cursor:pointer}
.main-insights-swiper .main-insights-link .img-area img{width:100%}
.main-insights-swiper .main-insights-link .info-area{position:absolute;padding:14.8% 7.8% 0 7.8%;width:88%;height:70.764705882352941%;left:0;top:29.470588235294118%;-webkit-transition:top 0.5s cubic-bezier(0.77, 0, 0.18, 1),-webkit-box-shadow 0.5s cubic-bezier(0.77, 0, 0.18, 1);transition:top 0.5s cubic-bezier(0.77, 0, 0.18, 1),-webkit-box-shadow 0.5s cubic-bezier(0.77, 0, 0.18, 1);-o-transition:top 0.5s cubic-bezier(0.77, 0, 0.18, 1),box-shadow 0.5s cubic-bezier(0.77, 0, 0.18, 1);transition:top 0.5s cubic-bezier(0.77, 0, 0.18, 1),box-shadow 0.5s cubic-bezier(0.77, 0, 0.18, 1);transition:top 0.5s cubic-bezier(0.77, 0, 0.18, 1),box-shadow 0.5s cubic-bezier(0.77, 0, 0.18, 1),-webkit-box-shadow 0.5s cubic-bezier(0.77, 0, 0.18, 1)}
.main-insights-swiper .main-insights-link .info-area:after{display:none;content:'';position:absolute;bottom:-2px;right:-2px;width:36px;width:3.6rem;height:36px;height:3.6rem;background:url("../image/bg_news_corner01.png") no-repeat right bottom}
.main-insights-swiper .main-insights-link .info-area .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f3f8fb;opacity:0.95}
.main-insights-swiper .main-insights-link .info-area .info01,.main-insights-swiper .main-insights-link .info-area .info02,.main-insights-swiper .main-insights-link .info-area .info03{position:relative;z-index:1}
.main-insights-swiper .main-insights-link .info-area .info03{overflow:hidden;display:none;border-top:1px solid #2594c0;margin-right:-11%;margin-top:8.8%}
.main-insights-swiper .main-insights-link .info-area .subject{font-size:19px;font-size:1.9rem;font-weight:500;color:#2594c0;line-height:1.3;padding-bottom:7.764705882352941%}
.main-insights-swiper .main-insights-link .info-area .title{font-size:23px;font-size:2.3rem;font-weight:500;color:#333;margin-bottom:5.5%; white-space:normal;word-wrap:break-word;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;height:75px;height:7.5rem;line-height:38px;line-height:3.8rem}
.main-insights-swiper .main-insights-link .info-area .desc{display:none;font-size:16px;font-size:1.6rem;font-weight:300;color:#666;overflow:hidden;height:84px;height:8.4rem;line-height:28px;line-height:2.8rem}
.main-insights-swiper .main-insights-link .info-area .date{font-size:16px;font-size:1.6rem;color:#999;line-height:1.625;margin-top:3.9%;margin-bottom:4%}
.main-insights-swiper .main-insights-link .info-area .ico-arrow-half{display:inline-block;position:absolute;top:50%;right:7%;width:30px;width:3rem;height:10px;height:1rem;margin-top:-7px;margin-top:-0.7rem}
.main-insights-swiper .main-insights-link .info-area .ico-arrow-half:before{content:'';position:absolute;bottom:0;right:0;width:14px;width:1.4rem;height:2px;background-color:#2594c0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;border-top-right-radius:10px;border-top-right-radius:1rem}
.main-insights-swiper .main-insights-link .info-area .ico-arrow-half:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#2594c0}
.main-insights-swiper .main-insights-link.hover .info-area{height:auto;top:-webkit-calc(30.176470588235294% + -3rem);top:calc(30.176470588235294% + -3rem);-webkit-box-shadow:20px 20px 40px 0 rgba(0, 0, 0, 0.2);box-shadow:20px 20px 40px 0 rgba(0, 0, 0, 0.2);border:2px solid #2594c0;border-bottom-right-radius:25px;border-bottom-right-radius:2.5rem}
.main-insights-swiper .main-insights-link.hover .info-area:after{display:block}
.main-insights-swiper .main-insights-link.hover .info-area .bg{opacity:1;border-bottom-right-radius:25px;border-bottom-right-radius:2.5rem;background-color:#fff}
.main-insights-swiper .main-insights-link.hover .info-area .info03{display:block}
.main-insights-swiper .main-insights-link.hover .info-area .title { margin-bottom: 25.5%; }
/* .main-insights-swiper .main-insights-link.hover .info-area .desc{display:-webkit-flex;display:-ms-flexbox;display:flex;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical} */
.main-insights-swiper .swiper-button-area{opacity:0;width:160px;width:16rem;min-height:60px;min-height:6rem;position:absolute;bottom:230px;bottom:23rem;left:3.125%}
.main-insights-swiper .swiper-button-next,.main-insights-swiper .swiper-button-prev{position:relative;left:0;top:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:60px;width:6rem;height:60px;height:6rem;border:1px solid #ccc;background-color:#fff;-webkit-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out;border-radius:40px;border-radius:4rem;margin:0 13px 0 0;margin:0 1.3rem 0 0;-webkit-box-shadow:10px 10px 30px 3px rgba(59, 56, 55, 0.15);box-shadow:10px 10px 30px 3px rgba(59, 56, 55, 0.15)}
.main-insights-swiper .swiper-button-next:after,.main-insights-swiper .swiper-button-prev:after{font-size:0;width:14px;width:1.4rem;height:14px;height:1.4rem;border-top:2px solid #999;border-top:0.2rem solid #999;border-right:2px solid #999;border-right:0.2rem solid #999}
.main-insights-swiper .swiper-button-next.swiper-button-disabled,.main-insights-swiper .swiper-button-prev.swiper-button-disabled{opacity:0.5}
.main-insights-swiper .swiper-button-next:hover,.main-insights-swiper .swiper-button-prev:hover{border:1px solid #2594c0;background-color:#2594c0}
.main-insights-swiper .swiper-button-next:hover:after,.main-insights-swiper .swiper-button-prev:hover:after{font-size:0;width:14px;width:1.4rem;height:14px;height:1.4rem;border-top:2px solid #fff;border-top:0.2rem solid #fff;border-right:2px solid #fff;border-right:0.2rem solid #fff}
.main-insights-swiper .swiper-button-next:after{display:block;margin-left:-3px;margin-left:-0.3rem;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.main-insights-swiper .swiper-button-prev:after{display:block;margin-right:-3px;margin-right:-0.3rem;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
/*! 메인 - 섹션4 - insights02 */
.main-insights02-content{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-color:#fafafa}
.main-insights02-bg{position:relative;z-index:1;width:93.75%;height:100%;display:table;margin:0 auto}
.main-insights02-bg .item{position:relative;display:table-cell;background-position:center center;background-repeat:no-repeat;background-size:100% 36.0rem}
.main-insights02-bg .item01{top:0;background-image:url("../image/bg_insights_01.jpg")}
.main-insights02-bg .item02{top:0;background-image:url("../image/bg_insights_02.jpg")}
.main-insights02-bg .item03{top:0;background-image:url("../image/bg_insights_03.jpg")}
.main-insights02-bg .item04{top:0;background-image:url("../image/bg_insights_04.jpg")}
.main-insights02-bg .item05{top:0;background-image:url("../image/bg_insights_05.jpg")}
.main-insights02-bg .item06{top:0;background-image:url("../image/bg_insights_06.jpg")}
.main-insights02-info{width:100%;height:100%;text-align:center;position:absolute;left:0;top:0;bottom:0;z-index:1;display:table}
.main-insights02-info .info-area{display:table-cell;vertical-align:middle}
.main-insights02-info .type{font-size:20px;font-size:2rem;line-height:1.8;color:#fff;padding-bottom:1.3%;opacity:0}
.main-insights02-info .title{font-size:36px;font-size:3.6rem;line-height:1.2;font-weight:500;color:#fff;padding-bottom:4px;padding-bottom:0.4rem;opacity:0}
.main-insights02-info .date{font-size:20px;font-size:2rem;line-height:2.2;color:#fff;padding-bottom:1.62%;opacity:0}
.main-insights02-info .btn{overflow:hidden;position:relative;display:inline-block;min-width:303px;min-width:30.3rem;height:65px;height:6.5rem;line-height:62px;line-height:6.2rem;padding:0 20px 0 20px;padding:0 2rem 0 2rem;border:1px solid #fff;text-align:center;opacity:0}
.main-insights02-info .btn .txt{font-size:20px;font-size:2rem;color:#fff}
.main-insights02-info .btn:after{content:'';position:absolute;width:120%;height:100%;left:0;top:0;-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-transform:translateX(-101%) skewX(-17.62deg);-ms-transform:translateX(-101%) skewX(-17.62deg);transform:translateX(-101%) skewX(-17.62deg);-webkit-transition:-webkit-transform 0.55s cubic-bezier(0.52, 0.08, 0.18, 1);transition:-webkit-transform 0.55s cubic-bezier(0.52, 0.08, 0.18, 1);-o-transition:transform 0.55s cubic-bezier(0.52, 0.08, 0.18, 1);transition:transform 0.55s cubic-bezier(0.52, 0.08, 0.18, 1);transition:transform 0.55s cubic-bezier(0.52, 0.08, 0.18, 1),-webkit-transform 0.55s cubic-bezier(0.52, 0.08, 0.18, 1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#000;opacity:0.1}
.main-insights02-info .btn:focus:after,.main-insights02-info .btn:hover:after{-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:translateX(0) skewX(-17.62deg);-ms-transform:translateX(0) skewX(-17.62deg);transform:translateX(0) skewX(-17.62deg)}
/*! 메인 - 섹션5 - about01 */
.main-about01-content{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-color:#fafafa}
.main-about01-bg{width:100%;height:100%;display:table;margin:0 auto}
.main-about01-bg .item{position:relative;display:table-cell;background-position:center center;background-repeat:no-repeat;background-size:100% 100%}
.main-about01-bg .item01{top:0;background-image:url("../image/bg_about01_01.jpg")}
.main-about01-bg .item02{top:0;background-image:url("../image/bg_about01_02.jpg")}
.main-about01-bg .item03{top:0;background-image:url("../image/bg_about01_03.jpg")}
.main-about01-bg .item04{top:0;background-image:url("../image/bg_about01_04.jpg")}
.main-about01-bg .item05{top:0;background-image:url("../image/bg_about01_05.jpg")}
.main-about01-bg .item06{top:0;background-image:url("../image/bg_about01_06.jpg")}
.main-about01-info01{position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;display:table}
.main-about01-info01-wrap{position:relative;display:table-cell;vertical-align:middle;padding-left:18.45%;padding-bottom:210px;padding-bottom:21rem}
.main-about01-info01-wrap .count01{display:inline-block;font-size:130px;font-size:13em;color:#333;font-weight:500;font-family:"Roboto",sans-serif; margin-right: 1rem;}
.main-about01-info01-wrap .bu{opacity:0;position:relative;display:inline-block;vertical-align:top;top:10px;top:1em;width:40px;width:4em;height:40px;height:4em}
.main-about01-info01-wrap .bu:before{content:'';width:8px;width:0.8em;height:40px;height:4em;position:absolute;top:0;left:50%;margin-left:-4px;margin-left:-0.4em;background-color:#333}
.main-about01-info01-wrap .bu:after{content:'';width:40px;width:4em;height:8px;height:0.8em;position:absolute;top:50%;left:0;margin-top:-4px;margin-top:-0.4em;background-color:#333}
.main-about01-info01-wrap .txt01{overflow:hidden;visibility:hidden;position:relative;top:-30px;top:-3rem;padding-right:5px;padding-right:0.5rem;padding-left:3px;padding-left:0.3rem;display:inline-block;vertical-align:bottom;font-size:53px;font-size:5.3em;color:#333;font-family:"Roboto",sans-serif}
.main-about01-info01-wrap .txt01 .bu2{position:absolute;bottom:-1px;bottom:-0.1rem;left:0;height:13px;height:1.3rem;width:100%;background-color:#0f8bbc;opacity:0.5}
.main-about01-swiper{position:absolute;top:60px;top:6rem;right:0;width:37.5%;height:67.19022687609075%}
.main-about01-swiper .swiper-container{width:100%;height:100%}
.main-about01-swiper .swiper-slide{opacity:0;height:auto!important}
.main-about01-swiper .main-about01-link{cursor:pointer;position:relative;display:table;width:100%;height:110px;height:11em}
.main-about01-swiper .main-about01-link .bg{width:0;height:100%;position:absolute;top:0;left:0;-webkit-transition:width 0.6s cubic-bezier(0.77, 0, 0.18, 1);-o-transition:width 0.6s cubic-bezier(0.77, 0, 0.18, 1);transition:width 0.6s cubic-bezier(0.77, 0, 0.18, 1)}
.main-about01-swiper .main-about01-link .info-area{position:relative;z-index:1;display:table-cell;vertical-align:middle;padding-left:8.3%;text-align:left}
.main-about01-swiper .main-about01-link .info-area .title{font-size:30px;font-size:3rem;font-weight:500;color:#333;padding-bottom:10px;padding-bottom:1rem}
.main-about01-swiper .main-about01-link .info-area .desc{font-size:16px;font-size:1.6rem;color:#666;line-height:1.625}
.main-about01-swiper .main-about01-link .info-area .ico-arrow-half{opacity:0;-webkit-transition:opacity .6s ease-out,width .6s ease-out;-o-transition:opacity .6s ease-out,width .6s ease-out;transition:opacity .6s ease-out,width .6s ease-out;position:absolute;top:50%;right:60px;right:6rem;width:20px;width:2rem;height:10px;height:1rem;margin-top:-7px;margin-top:-0.7rem}
.main-about01-swiper .main-about01-link .info-area .ico-arrow-half:before{content:'';position:absolute;bottom:0;right:0;width:14px;width:1.4rem;height:2px;background-color:#2594c0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;border-top-right-radius:10px;border-top-right-radius:1rem}
.main-about01-swiper .main-about01-link .info-area .ico-arrow-half:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#2594c0}
.main-about01-swiper .main-about01-link.hover .bg{width:100%;background-color:#2594c0;opacity:0.15}
.main-about01-swiper .main-about01-link.hover .desc{color:#333}
.main-about01-swiper .main-about01-link.hover .ico-arrow-half{width:35px;width:3.5rem;opacity:1}
.main-about01-swiper .main-about01-link.out .bg{width:0;background-color:#2594c0;opacity:0.15}
.main-about01-swiper .swiper-button-area{opacity:0}
.main-about01-swiper .swiper-button-next,.main-about01-swiper .swiper-button-prev{opacity:1;position:absolute;width:100%;text-align:center;height:60px;height:6rem}
.main-about01-swiper .swiper-button-next:after,.main-about01-swiper .swiper-button-prev:after{display:inline-block;font-size:0;width:36px;width:3.6rem;height:36px;height:3.6rem;border-top:3px solid #666;border-top:0.3rem solid #666;border-right:3px solid #666;border-right:0.3rem solid #666;-webkit-transition:border .3s ease-out;-o-transition:border .3s ease-out;transition:border .3s ease-out}
.main-about01-swiper .swiper-button-next:focus,.main-about01-swiper .swiper-button-prev:focus{outline:0}
.main-about01-swiper .swiper-button-next:hover:after,.main-about01-swiper .swiper-button-prev:hover:after{border-color:#2594c0}
.main-about01-swiper .swiper-button-next.swiper-button-disabled,.main-about01-swiper .swiper-button-prev.swiper-button-disabled{opacity:0.5}
.main-about01-swiper .swiper-button-prev{top:0;left:0;margin-top:-60px;margin-top:-6rem}
.main-about01-swiper .swiper-button-prev:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin-bottom:-20px;margin-bottom:-2rem}
.main-about01-swiper .swiper-button-next{bottom:0;top:auto;right:0;margin-bottom:-60px;margin-bottom:-6rem}
.main-about01-swiper .swiper-button-next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);margin-top:-20px;margin-top:-2rem}
}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1600px){
.main-about01-info01-wrap{font-size:-webkit-calc(6px + 6 * ((100vw - 1024px) / 1600));font-size:calc(6px + 6 * ((100vw - 1024px) / 1600))}
.main-about01-swiper{font-size:-webkit-calc(7px + 6 * ((100vw - 1024px) / 1600));font-size:calc(7px + 6 * ((100vw - 1024px) / 1600))}
}
@media (min-width: 1024px){
/*! 메인 - 섹션6 - about02 */
.main-about02-content{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-color:#fafafa}
.main-about02-bg{width:100%;height:100%;display:table;margin:0 auto}
.main-about02-bg .item{position:relative;display:table-cell;background-position:center center;background-repeat:no-repeat;background-size:100% 100%}
.main-about02-bg .item01{top:0;background-image:url("../image/bg_about02_01.jpg")}
.main-about02-bg .item02{top:0;background-image:url("../image/bg_about02_02.jpg")}
.main-about02-bg .item03{top:0;background-image:url("../image/bg_about02_03.jpg")}
.main-about02-bg .item04{top:0;background-image:url("../image/bg_about02_04.jpg")}
.main-about02-bg .item05{top:0;background-image:url("../image/bg_about02_05.jpg")}
.main-about02-bg .item06{top:0;background-image:url("../image/bg_about02_06.jpg")}
.main-about02-info01{position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;display:table;z-index:1}
.main-about02-info01-wrap{position:relative;display:table-cell;vertical-align:middle;padding-left:18.25%;padding-bottom:300px;padding-bottom:30rem}
.main-about02-info01-wrap .count01{display:inline-block;font-size:130px;font-size:13em;color:#333;font-weight:500;margin-right:10px;margin-right:1rem;font-family:"Roboto",sans-serif}
.main-about02-info01-wrap .txt01{overflow:hidden;visibility:hidden;position:relative;top:-30px;top:-3rem;padding-right:5px;padding-right:0.5rem;padding-left:3px;padding-left:0.3rem;display:inline-block;vertical-align:bottom;font-size:53px;font-size:5.3em;color:#333;font-family:"Roboto",sans-serif}
.main-about02-info01-wrap .txt01 .bu2{position:absolute;bottom:-1px;bottom:-0.1rem;left:0;height:13px;height:1.3rem;width:100%;background-color:#0f8bbc;opacity:0.5}
.main-about02-marker{position:absolute;left:18.75%;top:26.05570530098832%;width:39.0625%;height:34.141958670260557%}
.main-about02-marker [class^='marker']{opacity:0;position:absolute}
.main-about02-marker [class^='circle']{position:absolute;width:0;height:0;top:50%;left:50%;background-color:#32a0cb;border-radius:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.main-about02-marker .circle01{width:10px;width:1rem;height:10px;height:1rem;opacity:1}
.main-about02-marker .circle02{width:50%;height:50%;opacity:0.1}
.main-about02-marker .circle03{width:100%;height:100%;opacity:0.05}
.main-about02-marker .marker01{width:28%;height:55.263157894736842%;top:34.3%;left:16.766667%}
.main-about02-marker .marker01 .circle01{width:10px;width:1rem;height:10px;height:1rem;opacity:1}
.main-about02-marker .marker01 .circle02{width:25%;height:25%;opacity:0.1}
.main-about02-marker .marker01 .circle03{width:50%;height:50%;opacity:0.05}
.main-about02-marker .marker01 .circle04{width:100%;height:100%;opacity:0.03}
.main-about02-marker .marker02{width:8%;height:15.789473684210526%;top:64.557895%;left:64.133333%}
.main-about02-marker .marker03{width:23.466666666666667%;height:46.315789473684211%;top:42%;left:64.6%}
.main-about02-marker .marker04{width:10.666666666666667%;height:21.052631578947368%;top:72.194737%;left:73.2%}
.main-about02-marker .marker05{width:8%;height:15.789473684210526%;top:55.436842%;left:79.233333%}
.main-about02-marker .marker06{width:5.333333333333333%;height:10.526315789473684%;top:43.778947%;left:84.933333%}
.main-about02-marker .marker07{width:8%;height:15.789473684210526%;top:30.089474%;left:87.5%}
.main-about02-marker .marker08{display:none;width:8%;height:15.789473684210526%;top:25%;left:86.8%}
.main-about02-marker .marker09{width:15.466666666666667%;height:30.526315789473684%;top:16.610526%;left:73.3%}
.main-about02-marker .marker10{width:8%;height:15.789473684210526%;top:104.010526%;left:77.3%}
.main-about02-marker .marker11{width:8%;height:15.789473684210526%;top:90%;left:73.2%}
.main-about02-local{position:absolute;top:109px;top:10.9rem;right:3.125%;z-index:1;width:660px;width:66em;height:680px;height:68em}
.main-about02-local .local-link{-webkit-transition:-webkit-box-shadow .3s ease-out;transition:-webkit-box-shadow .3s ease-out;-o-transition:box-shadow .3s ease-out;transition:box-shadow .3s ease-out;transition:box-shadow .3s ease-out,-webkit-box-shadow .3s ease-out;cursor:pointer;position:absolute;width:174px;width:17.4em;height:174px;height:17.4em;background-position:center center;background-repeat:no-repeat;background-size:100% 100%;display:table}
.main-about02-local .local-link.local-link01{top:90px;top:9em;left:60px;left:6em;background-image:url("../image/img_city_seoul.jpg")}
.main-about02-local .local-link.local-link02{top:292px;top:29.2em;left:60px;left:6em;background-image:url("../image/img_city_singapore.jpg")}
.main-about02-local .local-link.local-link03{top:40px;top:4em;left:273px;left:27.3em;background-image:url("../image/img_city_beijin.jpg")}
.main-about02-local .local-link.local-link04{top:242px;top:24.2em;left:273px;left:27.3em;background-image:url("../image/img_city_shanghai.jpg")}
.main-about02-local .local-link.local-link05{top:445px;top:44.5em;left:273px;left:27.3em;background-image:url("../image/img_city_hongkong.jpg")}
.main-about02-local .local-link.local-link06{top:294px;top:29.4em;left:484px;left:48.4em;background-image:url("../image/img_city_hanoi.jpg")}
.main-about02-local .local-link .info-area{position:relative;display:table-cell;text-align:center;vertical-align:middle;width:100%;height:100%;opacity:0.95}
.main-about02-local .local-link .info-area .txt01{display:inline-block;font-size:17px;font-size:1.7em;font-weight:500;color:#fff;font-family:"Roboto",sans-serif}
.main-about02-local .local-link .info-area .bu{display:none;vertical-align:0;margin-left:3px;margin-left:0.3rem;width:12px;width:1.2rem;height:12px;height:1.2rem;border-top:2px solid #2594c0;border-top:0.2rem solid #2594c0;border-right:2px solid #2594c0;border-right:0.2rem solid #2594c0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.main-about02-local .local-link .info-area .txt02{display:none;font-size:16px;font-size:1.6em;color:#000;font-family:"Roboto",sans-serif}
.main-about02-local .local-link.hover{border-bottom-right-radius:25px;border-bottom-right-radius:2.5rem;-webkit-box-shadow:20px 20px 40px 0 rgba(0, 0, 0, 0.2);box-shadow:20px 20px 40px 0 rgba(0, 0, 0, 0.2)}
.main-about02-local .local-link.hover .info-area{vertical-align:bottom;background-color:#fff;border:2px solid #2594c0;border-bottom-right-radius:25px;border-bottom-right-radius:2.5rem}
.main-about02-local .local-link.hover .info-area .txt01{color:#2594c0}
.main-about02-local .local-link.hover .info-area .bu{display:inline-block}
.main-about02-local .local-link.hover .info-area .txt02{position:relative;z-index:1;display:block;padding:15px 0 15px 0;padding:1.5rem 0 1.5rem 0;margin:30px 12px 0 12px;margin:3rem 1.2rem 0 1.2rem;border-top:1px solid #2594c0;font-weight:500}
.main-about02-local .local-link.hover .info-area:after{content:'';position:absolute;bottom:-2px;right:-2px;width:26px;height:26px;background:url("../image/bg_about02_corner01.png") no-repeat left top}
}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1600px){
.main-about02-info01-wrap{font-size:-webkit-calc(6px + 6 * ((100vw - 1024px) / 1600));font-size:calc(6px + 6 * ((100vw - 1024px) / 1600))}
.main-about02-content{font-size:-webkit-calc(7px + 6 * ((100vw - 1024px) / 1400));font-size:calc(7px + 6 * ((100vw - 1024px) / 1400))}
}
@media (min-width: 1024px){
.popup-wrap.footer .ico-close-22-gray{display:inline-block;position:relative;width:30px;width:3rem;height:30px;height:3rem;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.popup-wrap.footer .ico-close-22-gray:before{content:'';width:30px;width:3rem;height:2px;height:0.2rem;position:absolute;top:50%;left:0;margin-top:-1px;margin-top:-0.1rem;background-color:#999;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.popup-wrap.footer .ico-close-22-gray:after{content:'';width:2px;width:0.2rem;height:30px;height:3rem;position:absolute;top:0;left:50%;margin-left:-1px;margin-left:-0.1rem;background-color:#999;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
}




/*!
 * 작업날짜: 20210614
 * 프로젝트명: 고도화 작업
 * 수정내용: GNB 형식 변경에 따른 스타일 추가
 * 참고 : common.css, main.css 동일하게 수정 필요
 */
  /*! mobile 버전 - css */
@media (max-width: 1366px){
    html:lang(ko) .gnb-link-etc,
    html:lang(en) .gnb-link-etc,
    html:lang(ja) .gnb-link-etc,
    html:lang(zh) .gnb-link-etc{
        font-size:22px;font-size:2.2rem;color:#333;
    }
    html:lang(ko) .gnb-link.on .gnb-link-etc,
    html:lang(en) .gnb-link.on .gnb-link-etc,
    html:lang(ja) .gnb-link.on .gnb-link-etc,
    html:lang(zh) .gnb-link.on .gnb-link-etc{
        color:#2594c0;
    }
}
/*! pc & tablet 버전 - css */
@media (min-width: 1367px){
    html:lang(ko) .gnb-link-etc,
    html:lang(en) .gnb-link-etc,
    html:lang(ja) .gnb-link-etc,
    html:lang(zh) .gnb-link-etc{
        font-size:18px;font-size:1.8rem;color:#fff;font-weight:500;-webkit-transition:color .3s ease-out;-o-transition:color .3s ease-out;transition:color .3s ease-out;line-height:1.5;
    }
    html:lang(ko) #header.on .gnb-link-etc,
    html:lang(ko) #header.ui-on .gnb-link-etc,
    html:lang(en) #header.on .gnb-link-etc,
    html:lang(en) #header.ui-on .gnb-link-etc,
    html:lang(ja) #header.on .gnb-link-etc,
    html:lang(ja) #header.ui-on .gnb-link-etc,
    html:lang(zh) #header.on .gnb-link-etc,
    html:lang(zh) #header.ui-on .gnb-link-etc{
        color:#333;
    }
    html:lang(ko) #header .header-content .gnb > ul > li > .gnb-link.on > .gnb-link-etc,
    html:lang(ko) #header .header-content .gnb > ul > li > a.on > .gnb-link-etc,
    html:lang(en) #header .header-content .gnb > ul > li > .gnb-link.on > .gnb-link-etc,
    html:lang(en) #header .header-content .gnb > ul > li > a.on > .gnb-link-etc,
    html:lang(ja) #header .header-content .gnb > ul > li > .gnb-link.on > .gnb-link-etc,
    html:lang(ja) #header .header-content .gnb > ul > li > a.on > .gnb-link-etc,
    html:lang(zh) #header .header-content .gnb > ul > li > .gnb-link.on > .gnb-link-etc,
    html:lang(zh) #header .header-content .gnb > ul > li > a.on > .gnb-link-etc{
        color:#2594c0;
    }
}



/*!
 * 작업날짜: 20210712
 * 프로젝트명: 고도화 작업
 * 수정내용: 브레이크 포인트 변경에 따른 메인 컨텐츠 개별 대응
 */
@media (max-width: 1023px) {
.law-main-container{margin-bottom:-70px;margin-bottom:-7rem}
}
@media (min-width: 1024px) and (max-width: 1366px) {
.law-main-container{margin-bottom:-70px;margin-bottom:-7rem}
.main-visual-search{position:relative;margin:0 34.5%;margin-top:57px;margin-top:5.7rem}
}
@media (min-width: 1367px) {
.law-main-container{margin-bottom:-100px;margin-bottom:-10rem}
}
/*!
 * 작업날짜: 20210712
 * 프로젝트명: 고도화 작업
 * 수정내용: 메인 퀵배너 포인트에 따른 노출 수정
 */
 
@media (max-width: 1367px){
.main-visual-thumb{
display: block !important;
opacity: 1 !important;
transform: translate(0px, 0px) !important;
}
	
}
@media (max-width: 767px){
.main-visual-thumb{
	width: 145px;
	bottom: 2.5%;
	right: 1.5rem;
	overflow: hidden;
	height: 78px;
}
.main-visual-thumb .txt-area{
	top: 50%;
	transform: translateY(-50%);
	left: 1.8rem;
}
.main-visual-thumb .txt-area .txt01{
	font-size: 1.65rem;
	padding-bottom: 0.5rem;
}
.main-visual-thumb .txt-area .txt02{
	font-size: 1.4rem;
}
}


/*!
 * 작업날짜: 20240603
 * 수정내용: 메인 비주얼 디자인 변경에 따른 수정
*/
.main-visual__swiper {
	width: 100%;
	height: 100vh;
}

.main-visual__swiper .swiper-wrapper {
	height: 100%;
}

.main-visual__swiper .swiper-slide {
	position: relative;
	height: 100%;
}

.main-visual__swiper .swiper-slide .bg {
	width: 100%;
	height: 100%;
}

.main-visual__swiper .swiper-slide .bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: transform 6.5s, -webkit-transform 6.5s;
	transition-delay: 1.5s;
}

.main-visual__swiper .swiper-slide .bg img.mo-block {
	display: none;
}

.main-visual-info {
	position: absolute;
	top: 296px;
	left: 3.125%;
	width: 93.75%;
}

.main-visual-text,
.main-visual-control>div {
	color: #fff;
	width: calc(100% / 6 * 2.5);
	margin-left: calc(100% / 6);
}

.main-visual-text {
	cursor: pointer;
}

.main-visual-text .sub-title {
	font-family:"Roboto", "Noto Sans KR", sans-serif;
	font-size: 18px;
	letter-spacing: normal;
	margin-bottom: 40px;

	/*for animation*/
	transform: translateY(50px);
	opacity: 0;
	transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}

.main-visual-text .sub-title.ko {
	font-size: 16.2px;
}

.main-visual-text .title {
	font-family:"Roboto", "Noto Sans KR", sans-serif;
	font-size: 56.7px;
	font-weight: 700;
	line-height: 1.22;
	letter-spacing: normal;
	margin-bottom: 37px;

	/*for animation*/
	transform: translateY(50px);
	opacity: 0;
	transition: transform 1s ease-in-out, opacity 1s ease-in-out;
	transition-delay: 0.3s;

	white-space: pre-line;
}

.main-visual-text .title.ko {
	font-size: 51.03px;
}

.main-visual-text .desc {
	font-family:"Roboto", "Noto Sans KR", sans-serif;
	font-size: 18px;
	line-height: 1.55;
	letter-spacing: normal;
	margin-bottom: 65px;

	/*for animation*/
	transform: translateY(50px);
	opacity: 0;
	transition: transform 1s ease-in-out, opacity 1s ease-in-out;
	transition-delay: 0.5s;
	white-space: pre-line;
}

.main-visual-text .desc.ko {
	font-size: 16.2px;
}

.main-visual__swiper .swiper-slide-active .main-visual-text .sub-title,
.main-visual__swiper .swiper-slide-active .main-visual-text .title,
.main-visual__swiper .swiper-slide-active .main-visual-text .desc {
	transform: translateY(0);
	opacity: 1;
}

@keyframes scale-ani {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.07);
	}
}

.main-visual__swiper .swiper-slide-active .bg img {
	/*animation: scale-ani 6.5s 1.5s ease forwards;*/
	transform: scale(1.07);
}

.main-visual-control {
	position: absolute;
	left: 3.125%;
	top: 705px;
	width: 93.75%;
	z-index: 2;
}

.main-visual-control>div {
	display: flex;
	gap: 50px;
	align-items: center;
}

.main-visual-control .slide-state {
	width: 300px;
	max-width: 300px;
	height: 4px;
	background-color: rgba(221, 221, 221, 0.3);
	position: relative;
	overflow: hidden;
	transform: skew(-45deg, 0deg) translateX(3px);
}

.main-visual-control .slide-state::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background-color: #fff;
}

@keyframes main-visual-state-ani {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

.main-visual-control .slide-state.animate::before {
	animation: main-visual-state-ani 3s linear;
}

.main-visual-control .swiper-pagination {
	position: static;
	transform: none;
	width: auto;
	left: unset;
	bottom: unset;
	font-size: 18px;
	font-stretch: normal;
	font-style: normal;
	color: rgba(255, 255, 255, 0.5);
}

.main-visual-control .swiper-pagination-current,
.main-visual-control .swiper-pagination-total {
	font-size: 23.5px;
	font-weight: 500;
	transform: translateY(-3px);
	display: inline-block;
}

.main-visual-control .swiper-pagination-current {
	color: #fff;
	margin-right: 5px;
}

.main-visual-control .swiper-pagination-total {
	margin-left: 5px;
}

.main-visual-control .button-wrap {
	display: flex;
	align-items: center;
}

.main-visual-control .toggle {
	width: 61px;
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main-visual-control .swiper-button-prev,
.main-visual-control .swiper-button-next {
	position: static;
	margin: 0;
	width: 61px;
	max-width: 61px;
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
	box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.15);
	transition: background .4s, opacity .4s;
}

.main-visual-control .swiper-button-prev::after,
.main-visual-control .swiper-button-next::after {
	display: none;
}

.main-visual-control .swiper-button-prev {
	background-image: url('../image/visual-btn-prev.png');
}

.main-visual-control .swiper-button-next {
	background-image: url('../image/visual-btn-next.png');
}

.main-visual-control .swiper-button-prev.swiper-button-disabled,
.main-visual-control .swiper-button-next.swiper-button-disabled {
	opacity: 0.6;
}

.main-visual-control .swiper-button-prev:hover {
	background-image: url('../image/visual-btn-prev-on.png');
	background-color: #2594c0;
}

.main-visual-control .swiper-button-next:hover {
	background-image: url('../image/visual-btn-next-on.png');
	background-color: #2594c0;
}

@media (max-width: 1600px) {
	.main-visual-text,
	.main-visual-control>div {
		width: calc(100% / 6 * 3);
	}
}

@media (max-width: 1400px) {
	.main-visual-text,
	.main-visual-control>div {
		width: calc(100% / 6 * 3.5);
	}

	.main-visual-info {
		top: unset;
		left: unset;
		transform: none;
		position: static;
	}

	.main-visual-text {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 3.125%;
	}

	.main-visual-control {
		top: 75vh;
		left: 3.125%;
		padding-left: 15px;
	}
}

@media (max-width: 1200px) {
	.main-visual-text,
	.main-visual-control>div {
		width: calc(100% / 6 * 4);
	}
}

@media (max-width: 1023px) {
	.main-visual-info {
		text-align: left;
	}

	.main-visual-text,
	.main-visual-control>div {
		width: 100%;
		margin-left: 0;
		padding: 0 2.5rem;
		left: 0;
	}

	.main-visual-text .sub-title {
		font-size: 1.3rem;
		margin-bottom: 1em;
	}

	.main-visual-text .sub-title.ko {
		font-size: 1.17rem;
	}

	.main-visual-text .title {
		font-size: 3.5rem;
		margin-bottom: 0.5em;
	}

	.main-visual-text .title.ko {
		font-size: 3.15rem;
	}

	.main-visual-text .desc {
		font-size: 1.5rem;
		margin-bottom: 4em;
	}

	.main-visual-text .desc.ko {
		font-size: 1.35rem;
	}

	.main-visual-text .desc br {
		display: none;
	}

	.main-visual-control {
		padding-left: 0;
	}

	.main-visual-control>div {
		gap: 7vw;
		padding: 0;
	}

	.main-visual-control .slide-state {
		width: 48%;
		height: 3px;
	}

	.main-visual-control .swiper-pagination {
		font-size: 1.3rem;
	}

	.main-visual-control .swiper-pagination-current,
	.main-visual-control .swiper-pagination-total {
		font-size: 1.7rem;
		transform: translateY(-1px);
	}

	.main-visual-control .toggle {
		display: none;
	}

	.main-visual-control .button-wrap {
		gap: 4vw;
	}

	.main-visual-control .swiper-button-prev,
	.main-visual-control .swiper-button-next {
		width: 7vw;
		background-size: 20%;
	}
}

@media (max-width: 1000px) {
	.law-main-container .main-popup-swiper .swiper-button-area {
		bottom: 7rem;
	}
}

@media (max-width: 768px) {
	.main-visual__swiper {
		height: auto;
		aspect-ratio: 750 / 1334;
	}

	.main-visual-text {
		top: 21%;
		transform: none;
	}

	.main-visual-control {
		top: 58vh;
	}

	.main-visual__swiper .swiper-slide .bg img.mo-block {
		display: block;
	}

	.main-visual__swiper .swiper-slide .bg img.mo-none {
		display: none;
	}
}

@media (max-width: 500px) {
	.main-visual-control {
		top: 61vh;
	}

	.main-visual-control>div {
		justify-content: space-between;
		gap: unset;
	}

	.main-visual-control .swiper-button-prev,
	.main-visual-control .swiper-button-next {
		width: 9.5vw;
	}
}