@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
.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;-webkit-overscroll-behavior:none}
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","Mulish",sans-serif,"Malgun Gothic","맑은 고딕"}
html:lang(ko){line-height:1.15}
html:lang(ko){word-break:keep-all}
html:lang(ko){word-wrap:break-word}
html:lang(ko){letter-spacing:0}
@media (max-width: 374px){
html{font-size:-webkit-calc(7px + 10 * ((100vw - 280px) / 374));font-size:calc(7px + 10 * ((100vw - 280px) / 374))}
}
@media (min-width: 375px) and (max-width: 750px){
html{font-size:-webkit-calc(10px + 20 * ((100vw - 375px) / 750));font-size:calc(10px + 20 * ((100vw - 375px) / 750))}
}
@media (min-width: 751px) and (max-width: 1023px){
html{font-size:-webkit-calc(10px + 13 * ((100vw - 751px) / 1023));font-size:calc(10px + 13 * ((100vw - 751px) / 1023))}
}
@media (min-width: 1024px) and (max-width: 1199px){
html{font-size:-webkit-calc(10px + 12 * ((100vw - 1024px) / 1199));font-size:calc(10px + 12 * ((100vw - 1024px) / 1199))}
}
@media (min-width: 1200px){
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}
body.none-scroll{overflow:hidden}
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}
}
/*! 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;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;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;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;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: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: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: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: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{-ms-scroll-snap-type:x mandatory;-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper{-ms-scroll-snap-type:y mandatory;-webkit-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:0.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:0.3s opacity;transition:0.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:0.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:0.2s top,0.2s -webkit-transform;transition:0.2s top,0.2s -webkit-transform;transition:0.2s transform,0.2s top;transition:0.2s transform,0.2s top,0.2s -webkit-transform}
.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:0.2s left,0.2s -webkit-transform;transition:0.2s left,0.2s -webkit-transform;transition:0.2s transform,0.2s left;transition:0.2s transform,0.2s left,0.2s -webkit-transform}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:0.2s right,0.2s -webkit-transform;transition:0.2s right,0.2s -webkit-transform;transition:0.2s transform,0.2s right;transition:0.2s transform,0.2s right,0.2s -webkit-transform}
.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;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-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:0.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}
.ui-sticky-item{z-index:79}
@media (max-width: 1023px){
.m-show{display:block}
.pc-show{display:none}
.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:2rem;margin:0 4rem;background:#fff;border-radius:1rem;border:2px solid #00f;font-size:2.4rem;line-height:1.41}
}
/*! 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:99;background:#000;opacity:0}
.dimm img{display:block}
/*! 에디터 리셋 스타일 */
.editor-reset-style a:line{color:internal value;text-decoration:underline;cursor:auto}
.editor-reset-style a:visited{color:internal value;text-decoration:underline;cursor:auto}
.editor-reset-style a:link:active{color:internal value}
.editor-reset-style a:visited:active{color:internal value}
.editor-reset-style address{display:block;font-style:italic}
.editor-reset-style area{display:none}
.editor-reset-style article{display:block}
.editor-reset-style aside{display:block}
.editor-reset-style b{font-weight:bold}
.editor-reset-style bdo{unicode-bidi:bidi-override}
.editor-reset-style blockquote{display:block;margin-top:1em;margin-bottom:1em;margin-left:40px;margin-right:40px}
.editor-reset-style body{display:block;margin:8px}
.editor-reset-style body:focus{outline:none}
.editor-reset-style caption{display:table-caption;text-align:center}
.editor-reset-style cite{font-style:italic}
.editor-reset-style code{font-family:monospace}
.editor-reset-style col{display:table-column}
.editor-reset-style colgroup{display:table-column-group}
.editor-reset-style datalist{display:none}
.editor-reset-style dd{display:block;margin-left:40px}
.editor-reset-style del{text-decoration:line-through}
.editor-reset-style details{display:block}
.editor-reset-style dfn{font-style:italic}
.editor-reset-style div{display:block}
.editor-reset-style dl{display:block;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0}
.editor-reset-style dt{display:block}
.editor-reset-style em{font-style:italic}
.editor-reset-style embed:focus{outline:none}
.editor-reset-style fieldset{display:block;margin-left:2px;margin-right:2px;padding-top:0.35em;padding-bottom:0.625em;padding-left:0.75em;padding-right:0.75em;border:2px groove internal value}
.editor-reset-style figcaption{display:block}
.editor-reset-style figure{display:block;margin-top:1em;margin-bottom:1em;margin-left:40px;margin-right:40px}
.editor-reset-style footer{display:block}
.editor-reset-style form{display:block;margin-top:0}
.editor-reset-style h1{display:block;font-size:2em;margin-top:0.67em;margin-bottom:0.67em;margin-left:0;margin-right:0;font-weight:bold}
.editor-reset-style h2{display:block;font-size:1.5em;margin-top:0.83em;margin-bottom:0.83em;margin-left:0;margin-right:0;font-weight:bold}
.editor-reset-style h3{display:block;font-size:1.17em;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;font-weight:bold}
.editor-reset-style h4{display:block;margin-top:1.33em;margin-bottom:1.33em;margin-left:0;margin-right:0;font-weight:bold}
.editor-reset-style h5{display:block;font-size:.83em;margin-top:1.67em;margin-bottom:1.67em;margin-left:0;margin-right:0;font-weight:bold}
.editor-reset-style h6{display:block;font-size:.67em;margin-top:2.33em;margin-bottom:2.33em;margin-left:0;margin-right:0;font-weight:bold}
.editor-reset-style head{display:none}
.editor-reset-style header{display:block}
.editor-reset-style hr{display:block;margin-top:0.5em;margin-bottom:0.5em;margin-left:auto;margin-right:auto;border-style:inset;border-width:1px}
.editor-reset-style html{display:block}
.editor-reset-style html:focus{outline:none}
.editor-reset-style i{font-style:italic}
.editor-reset-style iframe:focus{outline:none}
.editor-reset-style iframe[seamless]{display:block}
.editor-reset-style img{display:inline-block}
.editor-reset-style ins{text-decoration:underline}
.editor-reset-style kbd{font-family:monospace}
.editor-reset-style label{cursor:default}
.editor-reset-style legend{display:block;padding-left:2px;padding-right:2px;border:none}
.editor-reset-style li{display:list-item}
.editor-reset-style link{display:none}
.editor-reset-style map{display:inline}
.editor-reset-style mark{background-color:#ff0;color:#000}
.editor-reset-style menu{display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
.editor-reset-style nav{display:block}
.editor-reset-style object:focus{outline:none}
.editor-reset-style ol{display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
.editor-reset-style output{display:inline}
.editor-reset-style p{display:block;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0}
.editor-reset-style param{display:none}
.editor-reset-style pre{display:block;font-family:monospace;white-space:pre;margin:1em 0}
.editor-reset-style q{display:inline}
.editor-reset-style q::before{content:open-quote}
.editor-reset-style q::after{content:close-quote}
.editor-reset-style rt{line-height:normal}
.editor-reset-style s{text-decoration:line-through}
.editor-reset-style samp{font-family:monospace}
.editor-reset-style script{display:none}
.editor-reset-style section{display:block}
.editor-reset-style small{font-size:smaller}
.editor-reset-style strike{text-decoration:line-through}
.editor-reset-style strong{font-weight:bold}
.editor-reset-style style{display:none}
.editor-reset-style sub{vertical-align:sub;font-size:smaller}
.editor-reset-style summary{display:block}
.editor-reset-style sup{vertical-align:super;font-size:smaller}
.editor-reset-style table{display:table;border-collapse:separate;border-spacing:2px;border-color:gray}
.editor-reset-style tbody{display:table-row-group;vertical-align:middle;border-color:inherit}
.editor-reset-style td{display:table-cell;vertical-align:inherit}
.editor-reset-style tfoot{display:table-footer-group;vertical-align:middle;border-color:inherit}
.editor-reset-style th{display:table-cell;vertical-align:inherit;font-weight:bold;text-align:center}
.editor-reset-style thead{display:table-header-group;vertical-align:middle;border-color:inherit}
.editor-reset-style title{display:none}
.editor-reset-style tr{display:table-row;vertical-align:inherit;border-color:inherit}
.editor-reset-style u{text-decoration:underline}
.editor-reset-style ul{display:block;list-style-type:disc;margin-top:1em;margin-bottom:1 em;margin-left:0;margin-right:0;padding-left:40px}
.editor-reset-style var{font-style:italic}
.loading-area{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0, 0, 0, 0.7)}
.loading-area .loading-box{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:0}
.loading-area .dot{width:2.4rem;height:2.4rem;border-radius:2.4rem;display:inline-block;background-color:#ffe53f;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);margin:0 0.2rem}
.loading-area .dot01{-webkit-animation-delay:.3s;animation-delay:.3s}
.loading-area .dot02{-webkit-animation-delay:.6s;animation-delay:.6s}
.loading-area .dot03{-webkit-animation-delay:.9s;animation-delay:.9s}
.loading-area .dot04{-webkit-animation-delay:1.2s;animation-delay:1.2s}
.loading-area.in-content{position:absolute}
/*! mobile 버전 - css */
@media (max-width: 1023px){
/*! tui date picker - mobile custom */
.tui-datepicker{position:fixed;top:50%;left:50%;z-index:95;margin:-178px 0 0 -138px}
.tui-datepicker:before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:rgba(0, 0, 0, 0.7)}
/*! 에디터 컨텐츠 사이즈 조정용 클래스 */
.editor-reset-style{font-size:13px}
.editor-reset-style .size{display:block!important;width:auto!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;border-radius:10px!important}
.editor-reset-style img.size{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;border-radius:10px!important}
.editor-reset-style iframe.size{display:block!important;width:37.5rem!important;height:19rem!important;margin-left:auto!important;margin-right:auto!important;border-radius:10px!important}
.editor-reset-style video.size{display:block!important;width:37.5rem!important;height:19rem!important;margin-left:auto!important;margin-right:auto!important;border-radius:10px!important}
.editor-reset-style iframe{display:block!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;border-radius:10px!important;width:37.5rem!important;height:19rem!important}
.pageClassNewsView .editor-reset-style img,.pageClassNoticeView .editor-reset-style img,.pageClassReference .editor-reset-style img{max-width:100%}
/*! layout content */
#wrap{padding-right:constant(safe-area-inset-right);padding-left:constant(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}
#content{margin-bottom:6rem}
/*! 공통 버튼 sticky 기능 */
.ui-sticky .ui-sticky-item.sticky{position:fixed;top:6rem}
/*! 공통 - 검색 결과 없을 경우 */
.no-data-align{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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:17rem 0 17rem 0}
.no-data-ico{display:none!important;margin:0 auto;width:3.9rem;height:3.9rem;margin-bottom:1.6rem;background:url("../images/common/ico_nodata.png") no-repeat center center;background-size:3.9rem 3.9rem}
.no-data-txt{text-align:center;font-size:1.5rem;line-height:1.66;color:#222}
/*! 모바일 헤더 타이틀 */
.mobile-title-container{position:fixed;z-index:81;top:0;left:0;width:-webkit-calc(100% - 200px);width:calc(100% - 200px);width:-webkit-calc(100% - 20rem);width:calc(100% - 20rem);margin:0 10rem 0 10rem;height:6rem}
.mobile-title-container.hidden .mobile-title-txt{opacity:0}
.mobile-title-align{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;height:100%}
.mobile-title-txt{font-size:2rem;line-height:1.5;color:#222;font-weight:500;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}
/*! 페이지 탑 영역 */
.content-top-container{position:relative;background-color:#f9f9f9}
.content-top-container.line01{padding-bottom:0.9rem}
.content-top-container.line01:after{position:absolute;bottom:0;left:0;content:'';width:100%;height:0.9rem;border-top:1px solid #ddd;background-color:#eee}
.content-top-container.pc-type{display:none}
.content-top-container.bg-white{background-color:#fff}
.content-top-container.bg-none{background-color:transparent}
.content-top-container.type01 .content-top-align{padding:3.9rem 0 7.7rem 0}
.content-top-container.type01 .content-top-title img{height:9rem}
.content-top-container.type01 .content-top-sub-copy.ico-type01{margin-top:0}
.content-top-align{width:100%;padding:3.9rem 0 3rem 0;text-align:center}
.content-top-title{font-size:3rem;line-height:1.33;font-weight:700;color:#222}
.content-top-sub-copy{margin-top:0.9rem;font-size:1.5rem;line-height:1.66;color:#222}
.content-top-sub-copy.ico-type01{position:relative}
.content-top-sub-copy.ico-type01:before{content:'';position:absolute;top:0;left:-1.7rem;width:1.2rem;height:1rem;background:url("../images/common/ico_quotes_left@2x.png") no-repeat center center;background-size:1.2rem 1rem}
.content-top-sub-copy.ico-type01:after{content:'';position:absolute;top:0;right:-1.7rem;width:1.2rem;height:1rem;background:url("../images/common/ico_quotes_right@2x.png") no-repeat center center;background-size:1.2rem 1rem}
.content-top-container.new-content-top-container{background-color:#fff}
.content-top-container.new-content-top-container .content-top-align{padding:4.5rem 0 0 0;padding-bottom:0}
.content-top-container.new-content-top-container .content-top-align .form-validation-wrap{margin-top:0}
.content-visual-container{position:relative;width:100%;height:27rem;overflow:hidden}
.content-visual-container .content-visual-img{position:absolute;top:0;left:14.5rem;width:37rem;height:19.5rem;display:inline-block}
.content-visual-container .content-visual-img img{position:absolute;top:0;left:0;max-width:none;height:100%}
.content-visual-container .content-visual-center-container{position:relative;overflow:hidden;text-align:left;height:100%;width:100%}
.content-visual-container .content-visual-center-container .img02{-webkit-animation-delay:.2s;animation-delay:.2s}
.content-visual-container .content-visual-text{position:absolute;z-index:1;left:0;bottom:4rem;padding:0 0 0 2rem;width:100%;text-align:left}
.content-visual-container .content-visual-title{font-size:3.3rem;line-height:1.3;font-weight:700;color:#fff}
.content-visual-container .content-visual-sub-copy{font-size:1.5rem;line-height:1.66;margin-top:0.8rem;font-weight:400;color:#fff}
.content-visual-container.mb-0{margin-bottom:0}
.caution-info-wrapper{margin-top:1rem;padding:0 2.5rem}
.caution-info-wrapper .ico-information{display:inline-block;background-image:url(../images/common/ico_information@2x.png);width:2rem;height:2rem;background-size:2rem 2rem}
.caution-info-wrapper .ico-dollar{display:inline-block;background-image:url(../images/common/ico_round_dallar@2x.png);width:2rem;height:2rem;background-size:2rem 2rem}
.caution-info-wrapper .title .txt{font-size:1.8rem;line-height:1.55;margin-left:0.3rem;display:inline-block;font-weight:700}
.caution-info-wrapper .num{font-size:1.3rem;line-height:1.76;font-family:"Mulish";font-weight:500}
.caution-info-wrapper .lists{margin-top:0.3rem}
.caution-info-wrapper .lists .list{padding-left:1rem;font-size:1.3rem;line-height:1.76;margin-top:0.2rem;position:relative}
.caution-info-wrapper .lists .list::before{content:"";width:0.2rem;height:0.2rem;background-size:0.2rem 0.2rem;background-image:url(../images/common/ico_bullet02.png);display:inline-block;position:absolute;top:1.1rem;left:0}
.caution-info-wrapper .lists .list .txt{font-size:1.3rem;line-height:1.76}
.book-count{text-align:left;margin-top:3rem;font-size:0}
.book-count .txt{font-size:1.5rem;line-height:1.66;vertical-align:bottom}
.book-count .tit{font-size:2rem;line-height:1.5;padding-right:0.5rem;font-weight:500;vertical-align:bottom}
.book-count .num{color:#e1002a;padding-left:0.5rem;font-weight:700;font-size:1.5rem;line-height:1.66;vertical-align:bottom}
.book-info-box{position:relative;padding:0 2rem}
.book-info-box + .book-info-box{margin-top:5.5rem}
.book-info-box .items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:1.5rem}
.book-info-box .book-util-area{position:relative}
.book-info-box .book-util-area .btn-lv03{padding:0.2rem 1rem}
.book-info-box .guide-map-btn{position:absolute;bottom:0;right:0}
.book-info-box .item{text-align:left;width:100%}
.book-info-box .item:nth-child(1n+2){margin-top:5rem}
.book-info-box .img-box{position:relative;border-radius:1rem;overflow:hidden}
.book-info-box .img-box img{width:100%}
.book-info-box .link{display:block}
.book-info-box .tags{position:absolute;width:100%;padding:1.4rem;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;background:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);background:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background:linear-gradient(to top, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);border-radius:1rem}
.book-info-box .tag{font-size:1.3rem;line-height:1.76;margin-right:1rem;display:inline-block;font-weight:500;color:#fff}
.book-info-box .desc{font-size:1.5rem;line-height:1.66;color:#999;margin-top:1.5rem}
.book-info-box .book-title{font-size:1.8rem;line-height:1.55;line-height:1.4;margin-top:0.3rem;font-weight:700;color:#222}
.book-info-box.type02 .item{text-align:left;padding:0;width:50%;margin-top:0}
.book-info-box.type02 .item:nth-child(1n+3){margin-top:6rem}
.book-info-box.type02 .item:nth-child(even){padding-left:0.5rem}
.book-info-box.type02 .item:nth-child(odd){padding-right:0.5rem}
.book-info-box.type02 .link{width:100%;height:100%;position:absolute;top:0;left:0}
.book-info-box.type02 .img-box{overflow:hidden;background-color:#f5f5f5;border-radius:1rem}
.book-info-box.type02 .img-box::after{padding-top:100%;content:"";width:100%;display:block}
.book-info-box.type02 .img-box img{position:absolute;top:50%;left:50%;width:auto;max-width:-webkit-calc(100% - 30px);max-width:calc(100% - 30px);max-height:-webkit-calc(100% - 30px);max-height:calc(100% - 30px);max-width:-webkit-calc(100% - 3rem);max-width:calc(100% - 3rem);max-height:-webkit-calc(100% - 3rem);max-height:calc(100% - 3rem);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-box-shadow:10px 10px 10px rgba(0, 0, 0, 0.1);box-shadow:10px 10px 10px rgba(0, 0, 0, 0.1)}
.book-info-box.type02 .book-title{font-size:2rem;line-height:1.5;margin-top:1.5rem}
.book-info-box.type02 .tags{position:relative;bottom:0;left:0;background:transparent;padding:0;display:block}
.book-info-box.type02 .tags .tag{color:#000;padding:0 0.8rem;font-size:1.2rem;line-height:1.83;height:2.1rem;border-radius:2.1rem;line-height:1.8rem;border:1px solid #ddd;margin-top:0.7rem;margin-right:0.2rem}
.fav-btn{position:relative;display:inline-block;width:2.7rem;height:2.7rem;text-align:center}
.fav-btn .ico-like{width:2.3rem;height:2.7rem;background-size:2.3rem 2.7rem;background-image:url(../images/common/ico_like@2x.png);-webkit-transition:background-image .25s ease-out;transition:background-image .25s ease-out}
.fav-btn .ico-heart{width:1.9rem;height:1.6rem;background-size:1.9rem 1.6rem;background-image:url(../images/common/ico_heart@2x.png);position:absolute;bottom:-webkit-calc(100% + 0.2rem);bottom:calc(100% + 0.2rem);left:50%;margin-left:-1rem;opacity:0}
.fav-btn.toggle .ico-like{width:2.3rem;height:2.7rem;background-size:2.3rem 2.7rem;background-image:url(../images/common/ico_like_on@2x.png)}
.fav-btn.toggle .ico-heart{-webkit-animation:likeHeart 1.2s ease-in-out forwards;animation:likeHeart 1.2s ease-in-out forwards}
/*! 약관 공통 스타일 */
.agreement-container{padding:5rem 2rem 0 2rem}
.agreement-container.space01{padding:0 2rem 0 2rem}
.agreement-container.space02{padding:0 0 4rem 0;margin:0 -2rem 0 -2rem;text-align:center}
.agreement-container .scrollbar-inner{overflow-y:auto;max-height:360px}
.agreement-title01{font-size:2rem;line-height:1.5;font-weight:700;color:#222;margin-bottom:2rem}
.agreement-sub-title01{margin-bottom:1rem;font-size:1.5rem;line-height:1.66;font-weight:500;color:#4051b8}
.agreement-sub-title02{margin-bottom:1rem;font-size:1.5rem;line-height:1.66;font-weight:500;color:#222}
.agreement-desc-area{padding-bottom:1rem}
.agreement-desc01{margin-bottom:1.3rem;font-size:1.3rem;line-height:1.76;color:#222}
.agreement-desc01.bold{font-weight:500}
.agreement-table{margin-top:1.5rem;overflow-x:auto;overflow-y:hidden;border-radius:1rem;border:1px solid #ddd}
.agreement-table table{width:100%;white-space:nowrap}
.agreement-table th{border:1px solid #ddd;background-color:#f5f5f5;text-align:center;height:4.5rem;border-top:0;border-left:0;padding:1rem 1rem 1rem 1rem;font-size:1.3rem;line-height:1.76;font-weight:500;color:#222;-webkit-box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1);box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1)}
.agreement-table td{border:1px solid #ddd;text-align:left;border-bottom:0;border-left:0;padding:1rem 1rem 1rem 1rem;height:4.5rem;font-size:1.3rem;line-height:1.76;color:#222}
.agreement-table tr th:last-child{border-right:0}
.agreement-table tr td:last-child{border-right:0}
.agreement-table .bold{font-weight:500}
.agreement-table .align-center{text-align:center}
.agreement-table .space-normal{min-width:200px;white-space:normal}
.agreement-table .space-normal02{min-width:500px;white-space:normal}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
/*! 에디터 컨텐츠 사이즈 조정용 클래스 */
.m-show{display:none}
.pc-show{display:block}
.editor-reset-style{font-size:16px}
.editor-reset-style .size{display:block!important;width:auto!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;border-radius:10px!important}
.editor-reset-style img.size{display:block!important;width:auto!important;max-width:600px!important;margin-left:auto!important;margin-right:auto!important;border-radius:10px!important}
.editor-reset-style iframe.size{display:block!important;width:800px!important;height:600px!important;margin-left:auto!important;margin-right:auto!important;border-radius:10px!important}
.editor-reset-style video.size{display:block!important;width:800px!important;height:600px!important;margin-left:auto!important;margin-right:auto!important;border-radius:10px!important}
.editor-reset-style iframe{display:block!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;border-radius:10px!important;width:800px!important;height:600px!important}
.editor-reset-style.guide-add p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.pageClassNewsView .editor-reset-style img,.pageClassNoticeView .editor-reset-style img,.pageClassReference .editor-reset-style img{max-width:100%}
/*! layout content */
#content{margin-bottom:14rem}
/*! 공통 버튼 sticky 기능 */
.ui-sticky .ui-sticky-item.sticky{position:fixed;top:12rem}
/*! 공통 - 검색 결과 없을 경우 */
.no-data-align{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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:17rem 0 17rem 0}
.no-data-ico{display:none!important;margin:0 auto;width:3.9rem;height:3.9rem;margin-bottom:1.6rem;background:url("../images/common/ico_nodata.png") no-repeat center center;background-size:3.9rem 3.9rem}
.no-data-txt{text-align:center;font-size:1.5rem;line-height:1.66;color:#222}
/*! 모바일 헤더 타이틀 */
.mobile-title-container{display:none!important}
/*! 페이지 탑 영역 */
.content-top-container{position:relative;background-color:#f9f9f9}
.content-top-container.line01{padding-bottom:0}
.content-top-container.line01:after{display:none}
.content-top-container.bg-white{background-color:#fff}
.content-top-container.bg-none{background-color:transparent}
.content-top-container.type01 .content-top-align{padding:10rem 0 15rem 0}
.content-top-container.type01 .content-top-title img{height:9rem}
.content-top-container.type01 .content-top-sub-copy.ico-type01{margin-top:0}
.content-top-align{width:100%;padding:9.2rem 0 8.7rem 0;text-align:center}
.content-top-title{font-size:5.2rem;line-height:1.19;font-weight:700;color:#222}
.content-top-sub-copy{margin-top:2.1rem;font-size:1.8rem;line-height:1.55;color:#222}
.content-top-sub-copy br{display:none}
.content-top-sub-copy.ico-type01{position:relative}
.content-top-sub-copy.ico-type01:before{content:'';position:absolute;top:0;left:-1.7rem;width:1.2rem;height:1rem;background:url("../images/common/ico_quotes_left@2x.png") no-repeat center center;background-size:1.2rem 1rem}
.content-top-sub-copy.ico-type01:after{content:'';position:absolute;top:0;right:-1.7rem;width:1.2rem;height:1rem;background:url("../images/common/ico_quotes_right@2x.png") no-repeat center center;background-size:1.2rem 1rem}
.content-top-container.new-content-top-container{background-color:#fff}
.content-top-container.new-content-top-container .content-top-align{padding:9rem 0 0 0;padding-bottom:0}
.content-top-container.new-content-top-container .content-top-align .form-validation-wrap{margin-top:0}
.content-visual-container{position:relative;width:100%;height:34rem;overflow:hidden}
.content-visual-container .content-visual-img{min-width:33rem;display:inline-block;position:absolute;right:0;top:0;width:74rem;height:39rem}
.content-visual-container .content-visual-img img{position:absolute;top:0;left:0}
.content-visual-container .content-visual-center-container{position:relative;margin:0 auto;text-align:right;max-width:1200px;height:100%}
.content-visual-container .content-visual-center-container .img02{-webkit-animation-delay:.2s;animation-delay:.2s}
.content-visual-container .content-visual-text{position:absolute;z-index:1;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;text-align:left}
.content-visual-container .content-visual-title{font-size:5.2rem;line-height:1.19;font-weight:700;color:#fff}
.content-visual-container .content-visual-sub-copy{font-size:2rem;line-height:1.5;margin-top:2rem;font-weight:400;color:#fff}
.caution-info-wrapper{margin-top:1rem;padding:0 3rem}
.caution-info-wrapper .ico-information{display:inline-block;background-image:url(../images/common/ico_information@2x.png);width:2rem;height:2rem;background-size:2rem 2rem}
.caution-info-wrapper .ico-dollar{display:inline-block;background-image:url(../images/common/ico_round_dallar@2x.png);width:2rem;height:2rem;background-size:2rem 2rem}
.caution-info-wrapper .title .txt{font-size:2rem;line-height:1.5;margin-left:0.3rem;display:inline-block;font-weight:700}
.caution-info-wrapper .num{font-size:1.6rem;line-height:1.62;font-family:"Mulish";font-weight:500}
.caution-info-wrapper .txt{font-size:1.6rem;line-height:1.62}
.caution-info-wrapper .lists{margin-top:1rem}
.caution-info-wrapper .list{padding-left:1rem;margin-top:0.4rem;position:relative}
.caution-info-wrapper .list::before{content:"";width:0.2rem;height:0.2rem;background-size:0.2rem 0.2rem;background-image:url(../images/common/ico_bullet02.png);display:inline-block;position:absolute;top:1rem;left:0}
.book-count{text-align:left;font-size:0;margin-top:4rem}
.book-count .txt{font-size:1.6rem;line-height:1.62;display:inline-block}
.book-count .tit{font-size:2rem;line-height:1.5;font-weight:500;display:inline-block;padding-right:0.5rem}
.book-count .num{display:inline-block;color:#e1002a;padding-left:0.5rem;font-size:1.6rem;line-height:1.62;font-weight:700}
.book-info-box{position:relative}
.book-info-box .items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:2rem}
.book-info-box .item{text-align:left;width:33.3333%;padding-right:3rem}
.book-info-box .item:nth-child(1n+4){margin-top:6rem}
.book-info-box .book-util-area{position:relative}
.book-info-box .guide-map-btn{position:absolute;bottom:0;right:3rem}
.book-info-box .guide-map-btn.btn-lv03{padding-top:0.4rem;border-color:#222}
.book-info-box .guide-map-btn.btn-lv03 .txt{font-weight:500;color:#222}
.book-info-box .img-box{position:relative;border-radius:1rem;overflow:hidden}
.book-info-box img{max-width:100%}
.book-info-box .link{display:block}
.book-info-box .tags{position:absolute;width:100%;padding:2rem;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;background:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);background:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background:linear-gradient(to top, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);border-radius:1rem}
.book-info-box .tag{font-size:1.6rem;line-height:1.62;margin-right:0.4rem;display:inline-block;color:#fff}
.book-info-box .desc{font-size:1.6rem;line-height:1.62;color:#999;margin-top:1.5rem;display:block}
.book-info-box .book-title{font-size:2rem;line-height:1.5;line-height:1.4;margin-top:0.5rem;font-weight:700;color:#222;display:block}
.book-info-box.type02 .item{text-align:left;width:20%;padding-right:2.5rem;margin-top:0}
.book-info-box.type02 .item:nth-child(1n+6){margin-top:6rem}
.book-info-box.type02 .img-box{overflow:hidden;background-color:#f5f5f5;border-radius:1rem}
.book-info-box.type02 .img-box::after{padding-top:100%;content:"";width:100%;display:block}
.book-info-box.type02 .img-box img{position:absolute;top:50%;left:50%;max-width:-webkit-calc(100% - 60px);max-width:calc(100% - 60px);max-height:-webkit-calc(100% - 60px);max-height:calc(100% - 60px);max-width:-webkit-calc(100% - 6rem);max-width:calc(100% - 6rem);max-height:-webkit-calc(100% - 6rem);max-height:calc(100% - 6rem);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-box-shadow:10px 10px 10px rgba(0, 0, 0, 0.1);box-shadow:10px 10px 10px rgba(0, 0, 0, 0.1)}
.book-info-box.type02 .book-title{font-size:1.8rem;line-height:1.55;line-height:1.4;margin-top:1.5rem}
.book-info-box.type02 .tags{position:relative;bottom:0;left:0;background:transparent;padding:0;display:block}
.book-info-box.type02 .tags .tag{color:#000;padding:0 1.5rem;font-size:1.4rem;line-height:1.71;height:2.8rem;border-radius:2.8rem;line-height:2.5rem;border:1px solid #ddd;margin-top:0.7rem}
.fav-btn{position:relative;display:inline-block;width:2.7rem;height:2.7rem;text-align:center}
.fav-btn .ico-like{width:2.3rem;height:2.7rem;background-size:2.3rem 2.7rem;background-image:url(../images/common/ico_like@2x.png);-webkit-transition:background-image .25s ease-out;transition:background-image .25s ease-out}
.fav-btn .ico-heart{width:1.9rem;height:1.6rem;background-size:1.9rem 1.6rem;background-image:url(../images/common/ico_heart@2x.png);position:absolute;bottom:-webkit-calc(100% + 0.2rem);bottom:calc(100% + 0.2rem);left:50%;margin-left:-1rem;opacity:0}
.fav-btn.toggle .ico-like{width:2.3rem;height:2.7rem;background-size:2.3rem 2.7rem;background-image:url(../images/common/ico_like_on@2x.png)}
.fav-btn.toggle .ico-heart{-webkit-animation:likeHeart 1.2s ease-in-out forwards;animation:likeHeart 1.2s ease-in-out forwards}
/*! 약관 공통 스타일 */
.agreement-container{max-width:1200px;margin:0 auto 0 auto;padding:7rem 0 0 0}
.agreement-container.space01{padding:0 0 0 0}
.agreement-container.space02{padding:0 0 0 0;margin:0 -2rem 0 -2rem;text-align:center}
.agreement-container .scrollbar-inner{max-height:420px}
.agreement-container .scrollbar-inner > .scroll-element.scroll-y{right:0}
.agreement-title01{font-size:3rem;line-height:1.33;font-weight:700;color:#222;margin-bottom:4.7rem}
.agreement-sub-title01{margin-bottom:1.6rem;font-size:2rem;line-height:1.5;font-weight:500;color:#4051b8}
.agreement-sub-title02{margin-bottom:1.6rem;font-size:2rem;line-height:1.5;font-weight:500;color:#222}
.agreement-desc-area{padding-bottom:3rem}
.agreement-desc01{margin-bottom:2rem;font-size:1.6rem;line-height:1.62;color:#222}
.agreement-desc01.bold{font-weight:500}
.agreement-table{margin-top:1.5rem;overflow-x:auto;overflow-y:hidden;border-radius:1rem;border:1px solid #ddd}
.agreement-table table{width:100%}
.agreement-table th{border:1px solid #ddd;background-color:#f5f5f5;text-align:center;height:6rem;border-top:0;border-left:0;padding:2rem 2rem 2rem 2rem;font-size:1.6rem;line-height:1.62;font-weight:500;color:#222;-webkit-box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1);box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1)}
.agreement-table td{border:1px solid #ddd;text-align:left;border-bottom:0;border-left:0;padding:2rem 2rem 2rem 2rem;height:6rem;font-size:1.6rem;line-height:1.62;color:#222}
.agreement-table tr th:last-child{border-right:0}
.agreement-table tr td:last-child{border-right:0}
.agreement-table .bold{font-weight:500}
.agreement-table .align-center{text-align:center}
.agreement-table .space-normal{min-width:200px;white-space:normal}
}
@-webkit-keyframes likeHeart{
0%{opacity:0}
25%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
60%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
65%{opacity:1;-webkit-transform:scale(1.4);transform:scale(1.4)}
100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
}
@keyframes likeHeart{
0%{opacity:0}
25%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
60%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
65%{opacity:1;-webkit-transform:scale(1.4);transform:scale(1.4)}
100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
}
/*! CSS 에니메이션 공통 모드 */
/*! CSS 에니메이션 공통 모드 */
/*! CSS 에니메이션 공통 모드 */
.css-animation-wiggle{-webkit-animation:animationWiggle 1.5s infinite ease-in-out;animation:animationWiggle 1.5s infinite ease-in-out;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}
@-webkit-keyframes animationWiggle{
0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}
25%,75%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}
50%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
}
@keyframes animationWiggle{
0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}
25%,75%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}
50%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
}
.css-animation-wiggle02{-webkit-animation:animationWiggle02 1.5s infinite ease-in-out;animation:animationWiggle02 1.5s infinite ease-in-out;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}
@-webkit-keyframes animationWiggle02{
0%,100%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
}
@keyframes animationWiggle02{
0%,100%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
}
.css-animation-shake-v{-webkit-animation:animationShakeVertical 1.5s infinite ease-in-out;animation:animationShakeVertical 1.5s infinite ease-in-out;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}
@-webkit-keyframes animationShakeVertical{
0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}
25%,75%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
}
@keyframes animationShakeVertical{
0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}
25%,75%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
}
.css-animation-shake-h{-webkit-animation:animationShakeHorizontal 1.5s infinite ease-in-out;animation:animationShakeHorizontal 1.5s infinite ease-in-out;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}
@-webkit-keyframes animationShakeHorizontal{
0%,100%,50%{-webkit-transform:translateX(0);transform:translateX(0)}
25%,75%{-webkit-transform:translateX(10px);transform:translateX(10px)}
}
@keyframes animationShakeHorizontal{
0%,100%,50%{-webkit-transform:translateX(0);transform:translateX(0)}
25%,75%{-webkit-transform:translateX(10px);transform:translateX(10px)}
}
.css-animation-beat{-webkit-animation:animationBeat 1.5s infinite ease-in-out;animation:animationBeat 1.5s infinite ease-in-out;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}
@-webkit-keyframes animationBeat{
0%,100%,50%{-webkit-transform:scale(1);transform:scale(1)}
25%,75%{-webkit-transform:scale(1.05);transform:scale(1.05)}
}
@keyframes animationBeat{
0%,100%,50%{-webkit-transform:scale(1);transform:scale(1)}
25%,75%{-webkit-transform:scale(1.05);transform:scale(1.05)}
}
.css-animation-bounce{-webkit-animation:animationBounce 1.5s infinite ease-in-out;animation:animationBounce 1.5s infinite ease-in-out;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}
@-webkit-keyframes animationBounce{
0%,100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
50%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes animationBounce{
0%,100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
50%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.css-animation-curve{-webkit-animation:magic 1.5s infinite ease-in-out;animation:magic 1.5s infinite ease-in-out;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}
@-webkit-keyframes magic{
0%{opacity:0;-webkit-transform:scale(0, 0) rotate(0);transform:scale(0, 0) rotate(0)}
80%{opacity:1;-webkit-transform:scale(1, 1) rotate(-110deg);transform:scale(1, 1) rotate(-110deg)}
100%{opacity:0;-webkit-transform:scale(1, 1) rotate(-110deg);transform:scale(1, 1) rotate(-110deg)}
}
@keyframes magic{
0%{opacity:0;-webkit-transform:scale(0, 0) rotate(0);transform:scale(0, 0) rotate(0)}
80%{opacity:1;-webkit-transform:scale(1, 1) rotate(-110deg);transform:scale(1, 1) rotate(-110deg)}
100%{opacity:0;-webkit-transform:scale(1, 1) rotate(-110deg);transform:scale(1, 1) rotate(-110deg)}
}
.css-animation-flower-y{-webkit-animation:flowerY 1.5s infinite ease-in-out;animation:flowerY 1.5s infinite ease-in-out;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}
@-webkit-keyframes flowerY{
0%,100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
50%{opacity:.4;-webkit-transform:translateY(5px);transform:translateY(5px)}
}
@keyframes flowerY{
0%,100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
50%{opacity:.4;-webkit-transform:translateY(5px);transform:translateY(5px)}
}
.css-animation-flower-x{-webkit-animation:flowerX 1.5s infinite ease-in-out;animation:flowerX 1.5s infinite ease-in-out;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}
@-webkit-keyframes flowerX{
0%,100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
50%{opacity:.4;-webkit-transform:translateX(5px);transform:translateX(5px)}
}
@keyframes flowerX{
0%,100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
50%{opacity:.4;-webkit-transform:translateX(5px);transform:translateX(5px)}
}
@-webkit-keyframes alphaOn{
0%{opacity:0}
100%{opacity:1}
}
@keyframes alphaOn{
0%{opacity:0}
100%{opacity:1}
}
/*! mobile 버전 - css */
@media (max-width: 1023px){
.default-swiper .swiper-slide{width:20rem;height:20rem;margin-right:2rem;background-color:#d2691e}
.default-swiper .swiper-pagination-bullet-active{background-color:#00f}
.default-swiper .swiper-pagination-progressbar-fill{background-color:#00f}
.default-swiper .swiper-button-prev:after{font-size:0;display:inline-block;width:2rem;height:2rem;border-top:0.2rem solid #000;border-right:0.2rem solid #000;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
.default-swiper .swiper-button-next:after{font-size:0;display:inline-block;width:2rem;height:2rem;border-top:0.2rem solid #000;border-right:0.2rem solid #000;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.swiper-pagination-fraction{font-size:1.7rem;line-height:1.58;font-weight:500;font-family:"Mulish";color:#999}
.swiper-pagination-fraction .swiper-pagination-current{color:#333;vertical-align:0}
.swiper-pagination-fraction .swiper-pagination-total{vertical-align:0}
.ico-swiper-default-arrow{width:1.1rem;height:1.9rem;background-size:1.1rem 1.9rem;background-image:url(../images/common/ico_swiper_arrow.png)}
[class*="swiper-dig"]{width:5rem;height:5rem;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;position:absolute;top:50%;margin-top:-2.5rem;border:1px solid #ddd;z-index:3;background-color:rgba(255, 255, 255, 0.8);-webkit-box-shadow:2.5px 5px 10px rgba(0, 0, 0, 0.1);box-shadow:2.5px 5px 10px rgba(0, 0, 0, 0.1);-webkit-transition:background-color .25s ease-out,opacity .25s ease-out,-webkit-box-shadow .25s ease-out;transition:background-color .25s ease-out,opacity .25s ease-out,-webkit-box-shadow .25s ease-out;transition:background-color .25s ease-out,box-shadow .25s ease-out,opacity .25s ease-out;transition:background-color .25s ease-out,box-shadow .25s ease-out,opacity .25s ease-out,-webkit-box-shadow .25s ease-out}
[class*="swiper-dig"].swiper-button-disabled{opacity:0.5;pointer-events:none;background-color:transparent}
.swiper-dig-next-button{border-radius:5rem 0 0 5rem;border-right:0;right:0}
.swiper-dig-next-button .ico-swiper-default-arrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.swiper-dig-prev-button{border-radius:0 5rem 5rem 0;border-left:0;left:0}
.indicator-bx .swiper-button-next,.indicator-bx .swiper-button-prev,.indicator-bx .swiper-pagination{position:relative;left:auto;bottom:auto;right:auto;top:auto;margin:0;padding:0.3rem}
.indicator-bx .swiper-button-next,.indicator-bx .swiper-button-prev{display:none}
.indicator-bx .swiper-button-next::after,.indicator-bx .swiper-button-prev::after{display:block;width:0.8rem;height:1.3rem;font-size:0;background-repeat:no-repeat;background-position:center center;background-size:100%}
.indicator-bx .swiper-button-prev:after{background-image:url("../images/main/bu_indi_prev@2x.png")}
.indicator-bx .swiper-button-next:after{background-image:url("../images/main/bu_indi_next@2x.png")}
.indicator-bx.gray .swiper-button-prev:after{background-image:url("../images/main/bu_indi_prev_gray@2x.png")}
.indicator-bx.gray .swiper-button-next:after{background-image:url("../images/main/bu_indi_next_gray@2x.png")}
.indicator-bx .swiper-button-next.swiper-button-disabled,.indicator-bx .swiper-button-prev.swiper-button-disabled{opacity:1}
.swiper-button-disabled{pointer-events:none}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
.default-swiper .swiper-slide{width:20rem;height:20rem;margin-right:2rem;background-color:#d2691e}
.default-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{width:1rem;height:1rem}
.default-swiper .swiper-pagination-bullet-active{background-color:#00f}
.default-swiper .swiper-pagination-progressbar-fill{background-color:#00f}
.default-swiper .swiper-button-prev:after{font-size:0;display:inline-block;width:2rem;height:2rem;border-top:0.2rem solid #000;border-right:0.2rem solid #000;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
.default-swiper .swiper-button-next:after{font-size:0;display:inline-block;width:2rem;height:2rem;border-top:0.2rem solid #000;border-right:0.2rem solid #000;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{width:1rem;height:1rem;margin:0 0.5rem}
.swiper-pagination-fraction{font-size:1.8rem;line-height:1.55;font-weight:500;font-family:"Mulish";color:#999}
.swiper-pagination-fraction .swiper-pagination-current{color:#333;vertical-align:0}
.swiper-pagination-fraction .swiper-pagination-total{vertical-align:0}
.ico-swiper-default-arrow{width:1.1rem;height:1.9rem;background-size:1.1rem 1.9rem;background-image:url(../images/common/ico_swiper_arrow.png)}
[class*="swiper-dig"]{width:6rem;height:6rem;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;position:absolute;top:50%;margin-top:-2.5rem;border:1px solid #ddd;z-index:3;background-color:rgba(255, 255, 255, 0.8);-webkit-box-shadow:2.5px 5px 10px rgba(0, 0, 0, 0.1);box-shadow:2.5px 5px 10px rgba(0, 0, 0, 0.1);-webkit-transition:background-color .25s ease-out,opacity .25s ease-out,-webkit-box-shadow .25s ease-out;transition:background-color .25s ease-out,opacity .25s ease-out,-webkit-box-shadow .25s ease-out;transition:background-color .25s ease-out,box-shadow .25s ease-out,opacity .25s ease-out;transition:background-color .25s ease-out,box-shadow .25s ease-out,opacity .25s ease-out,-webkit-box-shadow .25s ease-out}
[class*="swiper-dig"].swiper-button-disabled{opacity:0.5;pointer-events:none;background-color:transparent}
[class*="swiper-dig"].pc-round-type{position:absolute;-webkit-transition:all .1s ease-out;transition:all .1s ease-out;width:6.8rem;height:6.8rem;margin-top:-3.2rem;border:1px solid #d2d2d2;border-radius:100%;top:50%;padding:0;background-color:transparent}
[class*="swiper-dig"].pc-round-type::after{content:'';display:inline-block;width:1.5rem;height:2.7rem;background-repeat:no-repeat;background-position:center center;background-size:100%}
[class*="swiper-dig"].pc-round-type.swiper-button-disabled{cursor:default;pointer-events:none;-webkit-box-shadow:none;box-shadow:none;opacity:0.2}
[class*="swiper-dig"].pc-round-type:hover{border-color:#e1002a;-webkit-box-shadow:0 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.2);box-shadow:0 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.2);opacity:1}
[class*="swiper-dig"].pc-round-type i{display:none}
.swiper-dig-next-button{padding-right:1rem;border-radius:5rem 0 0 5rem;border-right:0;right:0}
.swiper-dig-next-button .ico-swiper-default-arrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.swiper-dig-next-button.pc-round-type{right:0}
.swiper-dig-next-button.pc-round-type:after{margin-left:0.3rem;background-image:url("../images/store/bu_common_next@2x_back2.png")}
.swiper-dig-next-button.pc-round-type:hover::after{background-image:url("../images/main/bu_common_next@2x_hover.png")}
.swiper-dig-prev-button{padding-left:1rem;border-radius:0 5rem 5rem 0;border-left:0;left:0}
.swiper-dig-prev-button.pc-round-type{left:0}
.swiper-dig-prev-button.pc-round-type:after{margin-right:0.3rem;background-image:url("../images/store/bu_common_prev@2x_back2.png")}
.swiper-dig-prev-button.pc-round-type:hover::after{background-image:url("../images/main/bu_common_prev@2x_hover.png")}
[class*="swiper-btn-round"]{position:absolute;-webkit-transition:all .1s ease-out;transition:all .1s ease-out;width:6.8rem;height:6.8rem;margin-top:-3.2rem;border:1px solid #d2d2d2;border-radius:100%;top:50%}
[class*="swiper-btn-round"]::after{content:'';display:inline-block;width:1.5rem;height:2.7rem;background-repeat:no-repeat;background-position:center center;background-size:100%}
[class*="swiper-btn-round"].swiper-button-disabled{cursor:default;pointer-events:none;-webkit-box-shadow:none;box-shadow:none;opacity:0.2}
[class*="swiper-btn-round"]:hover{border-color:#e1002a;-webkit-box-shadow:0 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.2);box-shadow:0 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.2);opacity:1}
.swiper-btn-round-prev{left:0}
.swiper-btn-round-prev:after{margin-right:0.3rem;background-image:url("../images/store/bu_common_prev@2x_back2.png")}
.swiper-btn-round-prev:hover::after{background-image:url("../images/main/bu_common_prev@2x_hover.png")}
.swiper-btn-round-next{right:0}
.swiper-btn-round-next:after{margin-left:0.3rem;background-image:url("../images/store/bu_common_next@2x_back2.png")}
.swiper-btn-round-next:hover::after{background-image:url("../images/main/bu_common_next@2x_hover.png")}
.indicator-bx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;height:4.4rem;left:0;bottom:0;z-index:5}
.indicator-bx .swiper-button-next,.indicator-bx .swiper-button-prev,.indicator-bx .swiper-pagination{position:relative;left:auto;bottom:auto;right:auto;top:auto;margin:0;padding:0.3rem}
.indicator-bx .swiper-button-next .swiper-pagination-bullet,.indicator-bx .swiper-button-prev .swiper-pagination-bullet,.indicator-bx .swiper-pagination .swiper-pagination-bullet{width:1rem;height:1rem;background-color:#fff;opacity:.3}
.indicator-bx .swiper-button-next .swiper-pagination-bullet-active,.indicator-bx .swiper-button-prev .swiper-pagination-bullet-active,.indicator-bx .swiper-pagination .swiper-pagination-bullet-active{opacity:1}
.indicator-bx .swiper-pagination{top:-0.1rem}
.indicator-bx .swiper-pagination .swiper-pagination-bullet{margin:0 0.4rem;cursor:pointer}
.indicator-bx .swiper-button-next::after,.indicator-bx .swiper-button-prev::after{display:block;width:0.8rem;height:1.3rem;font-size:0;background-repeat:no-repeat;background-position:center center;background-size:100%}
.indicator-bx .swiper-button-prev:after{background-image:url("../images/main/bu_indi_prev@2x.png")}
.indicator-bx .swiper-button-next:after{background-image:url("../images/main/bu_indi_next@2x.png")}
.indicator-bx.gray .swiper-button-prev:after{background-image:url("../images/main/bu_indi_prev_gray@2x.png")}
.indicator-bx.gray .swiper-button-next:after{background-image:url("../images/main/bu_indi_next_gray@2x.png")}
.indicator-bx .swiper-button-next.swiper-button-disabled,.indicator-bx .swiper-button-prev.swiper-button-disabled{opacity:1}
.swiper-button-disabled{pointer-events:none}
}
/*! mobile 버전 - css */
@media (max-width: 1023px){
/*! popup */
.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-dialog{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:auto;text-align:left;height:100%;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}
.popup-dialog.large{max-width:1200px}
.popup-dialog.middle{max-width:800px}
.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}
.popup-container .popup-header{padding:3rem 3rem 3rem 3rem;border-bottom:1px solid #ddd}
.popup-container .popup-content{padding:2rem 2rem 5rem 2rem}
.popup-container .popup-content img{width:100%}
.popup-container .popup-tit{font-size:2.4rem;line-height:1.41;font-weight:500;color:gray}
.popup-container .btn-close-today{position:absolute;bottom:0;left:2rem;padding:1.2rem 1rem 1.2rem 1rem}
.popup-container .btn-close-today .txt{font-size:1.7rem;line-height:1.58;font-weight:500;color:#fff}
.popup-container .btn-close-popup{position:absolute;bottom:0;right:2rem;padding:0.9rem 1rem 0.8rem 1rem}
.popup-container .btn-close-popup .ico-close{display:inline-block;position:relative;background:url("../images/main/btn_close_main_popup@2x.png") no-repeat center center;background-size:3.3rem 3.3rem}
/*! modal popup */
.modal-popup-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;outline:0;overflow:hidden;z-index:100;text-align:center;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.modal-popup-dialog{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:auto;text-align:left;height:100%;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:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
.modal-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}
.modal-popup-dialog.large{max-width:1200px}
.modal-popup-dialog.middle{max-width:800px}
.modal-popup-dialog.top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.modal-popup-dialog.bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
.modal-popup-container{width:100%;position:relative;border:1px solid gray;background-color:#fff;border-top-right-radius:2rem;border-top-left-radius:2rem}
.modal-popup-container .modal-popup-header{padding:6rem 3.5rem 2.5rem 3.5rem}
.modal-popup-container .modal-popup-content{padding:0 2rem 0 2rem}
.modal-popup-container .modal-popup-content img{max-width:100%}
.modal-popup-container .modal-popup-tit{text-align:center;font-size:1.7rem;line-height:1.58;font-weight:700;color:#222;letter-spacing:-0.025em}
.modal-popup-container .modal-popup-footer .btn-container{padding:5rem 2rem 4.5rem 2rem}
.modal-popup-container .btn-close-popup{position:absolute;top:0;right:0;padding:1.8rem 1.7rem 1.8rem 1.7rem}
.modal-popup-container .btn-close-popup .ico-close{display:inline-block;position:relative;width:3.3rem;height:3.3rem;background:url("../images/common/btn_popup_close@2x.png") no-repeat center center;background-size:3.3rem 3.3rem}
.modal-popup-video{display:block;width:100%;height:0;position:relative;overflow:hidden;padding-bottom:56.25%}
.modal-popup-video .video-frame{position:absolute;top:0;left:0;width:100%;height:100%}
.modal-popup-video .video-file{position:absolute;top:0;left:0;width:100%;height:100%}
.modal-popup-desc-container{overflow-x:hidden;overflow-y:auto;height:12rem;margin:2.5rem 0 0 0}
.alert-popup-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;outline:0;overflow:hidden;z-index:100;text-align:center;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.alert-popup-dialog{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:auto;text-align:left;height:100%;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.alert-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}
.alert-popup-dialog.top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.alert-popup-dialog.bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
.alert-popup-container{width:30rem;position:relative;border:1px solid gray;background-color:#fff;border-radius:2rem}
.alert-popup-container .alert-popup-content{padding:4rem 1.5rem;text-align:center;border-radius:2rem 2rem 0 0;word-break:keep-all}
.alert-popup-container .alert-popup-content img{max-width:100%}
.alert-popup-container .alert-popup-content .txt{font-size:1.7rem;line-height:1.58}
.alert-popup-container .alert-popup-footer{border-radius:0 0 2rem 2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-top:1px solid #eee}
.alert-popup-container .alert-popup-footer .btn{padding:1.2rem 0;border-radius:0 0 0 2rem;font-size:1.5rem;line-height:1.66;font-weight:500;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center}
.alert-popup-container .alert-popup-footer .btn:only-child{border-radius:0 0 2rem 2rem}
.alert-popup-container .alert-popup-footer .btn + .btn{border-radius:0 0 2rem 0;border-left:1px solid #eee}
.alert-popup-container .alert-popup-footer .btn.btn-confirm{color:#e1002a}
.alert-popup-container .alert-popup-tit{font-size:2.4rem;line-height:1.41;font-weight:500;color:gray}
.alert-popup-container .btn-close-popup{position:absolute;top:0;right:0;padding:1.8rem 1.7rem 1.8rem 1.7rem}
.alert-popup-container .btn-close-popup .ico-close{display:inline-block;position:relative;width:3.3rem;height:3.3rem;background:url("../images/common/btn_popup_close@2x.png") no-repeat center center;background-size:3.3rem 3.3rem}
/*! preview popup */
.preview-popup-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;outline:0;overflow:hidden;z-index:100;text-align:center;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.preview-popup-dialog{position:relative;opacity:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:auto;text-align:left;height:100%;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:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}
.preview-popup-container{width:100%;position:relative;border:1px solid gray;background-color:#fff;border-radius:20px 20px 0 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.preview-popup-container .ui-play-pause-btn{width:30px;height:30px;background-size:30px 30px;display:none;background-image:url(../images/common/ico_audio_play@2x.png);-webkit-transition:background-image .15s ease-in-out;transition:background-image .15s ease-in-out}
.preview-popup-container .ui-play-pause-btn.pause{background-image:url(../images/common/ico_audio_pause@2x.png)}
.preview-popup-container .preview-popup-header{padding:18px 45px 17px;border-bottom:1px solid #ddd}
.preview-popup-container .preview-popup-content{position:relative;height:100%}
}
@media (max-width: 1023px) and (orientation: landscape){
.preview-popup-container .preview-popup-content img{max-height:100%}
}
@media (max-width: 1023px) and (orientation: portrait){
.preview-popup-container .preview-popup-content img{max-width:100%}
}
@media (max-width: 1023px){
.preview-popup-container .preview-popup-content .video-box{position:relative;text-align:center;padding-top:55.9%;width:100%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.preview-popup-container .preview-popup-content embed,.preview-popup-container .preview-popup-content iframe{width:100%;height:100%;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.preview-popup-container .preview-popup-content video{width:100%;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.preview-popup-container .preview-popup-content .page{background-color:#fff;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}
.preview-popup-container .preview-popup-content .page-book-container{position:relative;z-index:1;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;height:100%;width:100%}
}
@media (max-width: 1023px) and (orientation: landscape){
.preview-popup-container .preview-popup-content .page-book-container{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}
}
@media (max-width: 1023px) and (orientation: portrait){
.preview-popup-container .preview-popup-content .page-book-container{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
}
@media (max-width: 1023px){
.preview-popup-container .preview-popup-content .ui-page-book{-webkit-transition:margin .2s ease-in-out;transition:margin .2s ease-in-out;z-index:3}
.preview-popup-container .preview-controler-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:absolute;top:0;left:0;width:100%;background-color:rgba(255, 255, 255, 0.9);padding:20px;z-index:2}
}
@media (max-width: 1023px) and (orientation: landscape){
.preview-popup-container .preview-controler-area{opacity:0;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}
.preview-popup-container .preview-controler-area.visible{opacity:1}
}
@media (max-width: 1023px){
.preview-popup-container .preview-controler-area .page-type-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.preview-popup-container .preview-controler-area .page-type-box + .page-audio-control{margin-left:15px}
.preview-popup-container .preview-controler-area .page-type-box .btn{width:50%;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;font-size:13px;background-color:#fff;border:1px solid #222;border-radius:5px 0 0 5px;padding:7px 13px;color:#222;-webkit-transition:color .3s ease-in-out,background-color .3s ease-in-out;transition:color .3s ease-in-out,background-color .3s ease-in-out}
.preview-popup-container .preview-controler-area .page-type-box .btn:focus,.preview-popup-container .preview-controler-area .page-type-box .btn:hover{background-color:#ddd}
.preview-popup-container .preview-controler-area .page-type-box .btn + .btn{border-radius:0 5px 5px 0}
.preview-popup-container .preview-controler-area .page-type-box .btn.on{background-color:#222;color:#fff}
.preview-popup-container .preview-controler-area .left-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.preview-popup-container .preview-controler-area .right-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.preview-popup-container .preview-controler-area .prev-btn{background-image:url(../images/common/ico_page_btn@2x.png);width:25px;height:30px;background-size:7px 12px;background-position:center;background-repeat:no-repeat;border-radius:5px;border:1px solid #ddd;display:inline-block}
.preview-popup-container .preview-controler-area .next-btn{background-image:url(../images/common/ico_page_btn@2x.png);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);width:25px;height:30px;background-size:7px 12px;background-position:center;background-repeat:no-repeat;border-radius:5px;border:1px solid #ddd;display:inline-block}
.preview-popup-container .preview-controler-area .drop-down-container{margin:0 5px}
.preview-popup-container .preview-controler-area .drop-down-list{position:absolute;top:-webkit-calc(100% - 3px);top:calc(100% - 3px);background-color:#f5f5f5;border:1px solid #222;border-top:0;width:-webkit-calc(100% + 2px);width:calc(100% + 2px);overflow:auto;margin-left:-1px;max-height:14rem}
}
@media (max-width: 1023px) and (orientation: landscape){
.preview-popup-container .preview-controler-area .drop-down-list{top:-webkit-calc(100% - 6px);top:calc(100% - 6px)}
}
@media (max-width: 1023px){
.preview-popup-container .preview-controler-area .drop-down-list .drop-down-txt{font-size:13px}
.preview-popup-container .preview-controler-area .drop-down-list .drop-down-link{padding:0 9px;height:28px}
.preview-popup-container .preview-controler-area .drop-down-btn{padding:0;padding:0 9px;height:28px;min-width:75px;background-color:#f5f5f5;white-space:nowrap}
.preview-popup-container .preview-controler-area .drop-down-btn .drop-down-ico{background-image:url(../images/common/ico_select_arrow@2x.png);width:7px;background-size:7px 5px}
.preview-popup-container .preview-controler-area .drop-down-index{font-size:13px;font-weight:500;color:#222}
.preview-popup-container .show-current-page{position:absolute;bottom:45px;min-width:41px;padding:0 10px;height:30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:-webkit-calc(50% - 20px);left:calc(50% - 20px);background-color:rgba(0, 0, 0, 0.5);border-radius:18px;font-size:14px;font-weight:500;font-family:"Mulish";-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:#ddd;z-index:5}
.preview-popup-container .show-current-page .current{color:#fff}
.preview-popup-container .show-current-page .txt{padding:0 2px}
.preview-popup-container .btn-box{position:absolute;z-index:15;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;width:100%;height:0;font-size:0}
.preview-popup-container .btn-box button{display:inline-block;-webkit-transform:0;-ms-transform:0;transform:0;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;padding:0;border-radius:0;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;width:50px}
.preview-popup-container .btn-box button.visible{opacity:1}
.preview-popup-container .btn-box i{width:50px;height:50px;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;position:absolute;top:50%;margin-top:-25px;border-radius:0 50px 50px 0;border:1px solid #ddd;z-index:3;background-color:rgba(255, 255, 255, 0.8);-webkit-box-shadow:2.5px 5px 10px rgba(0, 0, 0, 0.1);box-shadow:2.5px 5px 10px rgba(0, 0, 0, 0.1);-webkit-transition:background-color .25s ease-out,opacity .25s ease-out,-webkit-box-shadow .25s ease-out;transition:background-color .25s ease-out,opacity .25s ease-out,-webkit-box-shadow .25s ease-out;transition:background-color .25s ease-out,box-shadow .25s ease-out,opacity .25s ease-out;transition:background-color .25s ease-out,box-shadow .25s ease-out,opacity .25s ease-out,-webkit-box-shadow .25s ease-out;background-size:11px 19px}
.preview-popup-container .preview-popup-tit{text-align:center;font-size:20px;font-weight:700;color:#222;letter-spacing:-0.025em}
.preview-popup-container .preview-popup-footer .btn-container{padding:50px 20px 45px 20px}
.preview-popup-container .btn-close-popup{position:absolute;top:0;right:0;padding:18px 17px 18px 17px}
.preview-popup-container .btn-close-popup .ico-close{display:inline-block;position:relative;width:33px;height:33px;background:url("../images/common/btn_popup_close@2x.png") no-repeat center center;background-size:33px 33px}
.preview-popup-video{display:block;width:100%;height:0;position:relative;overflow:hidden;padding-bottom:56.25%}
.preview-popup-video .video-frame{position:absolute;top:0;left:0;width:100%;height:100%}
.preview-popup-video .video-file{position:absolute;top:0;left:0;width:100%;height:100%}
.preview-popup-desc-container{overflow-x:hidden;overflow-y:auto;height:120px;margin:25px 0 0 0}
/*! 툴팁(tooltip) 스타일 */
.tooltip-container{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:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;position:relative}
.btn-open-tooltip{position:relative;display:block;padding:1rem 1rem 1rem 1rem;margin:-1rem -1rem -1rem -0.5rem}
.btn-open-tooltip .ico-open-tooltip{display:block;width:1.5rem;height:1.5rem;background:url("../images/common/ico_tooltip@2x.png") no-repeat center center;background-size:1.5rem 1.5rem}
.btn-open-tooltip .bu-tooltip{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);z-index:1;display:none;position:absolute;top:3.2rem;left:0.8rem;width:1.9rem;height:1rem;background:url("../images/common/bu_tooltip@2x.png") no-repeat center center;background-size:1.9rem 1rem}
.btn-open-tooltip.on .bu-tooltip{display:block}
.btn-open-tooltip.on + .tooltip-box-popup{display:block}
.tooltip-box-popup{display:none;position:absolute;top:3.6rem;left:0;width:100%;z-index:1}
.tooltip-box-popup-align{border-radius:1rem;border:1px solid #222;background-color:#fff;padding:2rem 2rem 2rem 2rem;-webkit-box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1);box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1);position:relative}
.tooltip-box-top{font-size:1.7rem;line-height:1.58;font-weight:700;color:#222}
.tooltip-box-list{margin-top:1.2rem}
.tooltip-box-list-item{position:relative;font-size:1.3rem;line-height:1.76;color:#222;padding-left:0.8rem}
.tooltip-box-list-item:before{content:'-';color:#999;position:absolute;top:0;left:0}
.btn-close-tooltip{position:absolute;top:0;right:0;padding:2.5rem 2.3rem 2.5rem 2.3rem}
.btn-close-tooltip .ico-close-tooltip{display:block;width:1.8rem;height:1.8rem;background:url("../images/common/ico_close_tooltip@2x.png") no-repeat center center;background-size:1.8rem 1.8rem}
.toast-popup-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;outline:0;overflow:hidden;z-index:100;text-align:center;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.toast-popup-wrap .ico-done{width:3.9rem;height:3.9rem;background-size:3.9rem;background-image:url(../images/common/ico_done@2x.png)}
.toast-popup-dialog{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:auto;text-align:left;height:100%;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.toast-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}
.toast-popup-dialog.top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.toast-popup-dialog.bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
.toast-popup-content{width:16rem;height:16rem;border-radius:16rem;background-color:#fff;-webkit-box-shadow:0 0.5rem 1.5rem rgba(0, 0, 0, 0.16);box-shadow:0 0.5rem 1.5rem rgba(0, 0, 0, 0.16);word-break:keep-all;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-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.toast-popup-content img{max-width:100%}
.toast-popup-content .txt{font-size:1.5rem;line-height:1.66;display:block;text-align:center;margin-top:1rem}
/*! 미디어 팝업 */
.media-popup{position:fixed;display:none;top:0;left:0;height:100%;width:100%;z-index:100}
.media-popup .ui-container{width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:0 2rem 0 2rem}
.media-popup .media-box{background-color:rgba(0, 0, 0, 0.7);width:100%;height:100%}
.media-popup video{max-width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.media-popup img{max-width:100%}
.media-popup .media-pop-close{position:absolute;top:-4rem;right:2rem}
.media-popup .ico-close-white{width:2rem;height:2rem;background-size:2rem 2rem;background-image:url(../images/common/ico_close_popup_white@2x.png)}
/*! 미디어 팝업 */
.swiper-popup{position:fixed;display:none;top:0;left:0;height:100%;width:100%;z-index:100}
.swiper-popup .swiper-center-container{width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:0 2rem 0 2rem}
.swiper-popup .swiper-container{width:33.5rem;height:45rem;max-width:100%;background-color:#000;text-align:center;max-width:100%}
.swiper-popup .swiper-container .swiper-wrapper{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.swiper-popup .swiper-container .swiper-slide{height:auto}
.swiper-popup .swiper-container img{width:auto;max-width:33.5rem;max-height:45rem}
.swiper-popup .swiper-container .swiper-pagination{width:auto;left:50%;bottom:4rem;-webkit-transform:translatex(-50%);-ms-transform:translatex(-50%);transform:translatex(-50%);border-radius:2.3rem;padding:0.1rem 1.1rem 0.2rem;background-color:rgba(0, 0, 0, 0.5);letter-spacing:-0.06em}
.swiper-popup .swiper-container .swiper-pagination .swiper-pagination-current{color:#fff}
.swiper-popup .swiper-box{background-color:rgba(0, 0, 0, 0.7);width:100%;height:100%}
.swiper-popup video{max-width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.swiper-popup img{max-width:100%}
.swiper-popup .media-pop-close{position:absolute;top:-4rem;right:2rem}
.swiper-popup .ico-close-white{width:2rem;height:2rem;background-size:2rem 2rem;background-image:url(../images/common/ico_close_popup_white@2x.png)}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
/*! popup */
.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-dialog{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:auto;text-align:left;height:100%;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}
.popup-dialog.large{max-width:1200px}
.popup-dialog.middle{max-width:800px}
.popup-dialog.small{max-width:600px}
.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}
.popup-container .popup-header{padding:3rem 3rem 3rem 3rem;border-bottom:1px solid #ddd}
.popup-container .popup-content{padding:3rem 3rem 6rem 3rem}
.popup-container .popup-content img{width:100%}
.popup-container .popup-tit{font-size:2.4rem;line-height:1.41;font-weight:500;color:gray}
.popup-container .modal-popup-footer .btn-container{padding:5rem 2rem 4.5rem 2rem}
.popup-container .btn-close-today{position:absolute;bottom:0;left:3rem;padding:1.7rem 2rem 1.7rem 2rem}
.popup-container .btn-close-today .txt{font-size:1.7rem;line-height:1.58;font-weight:500;color:#fff}
.popup-container .btn-close-popup{position:absolute;bottom:0;right:3rem;padding:1.4rem 1.5rem 1.3rem 1.5rem}
.popup-container .btn-close-popup .ico-close{display:inline-block;position:relative;background:url("../images/main/btn_close_main_popup@2x.png") no-repeat center center;background-size:3.3rem 3.3rem}
/*! modal popup */
.modal-popup-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;outline:0;overflow:hidden;z-index:100;text-align:center;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.modal-popup-dialog{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:auto;text-align:left;height:100%;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}
.modal-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}
.modal-popup-dialog.large{max-width:1200px}
.modal-popup-dialog.middle{max-width:800px}
.modal-popup-dialog.small{max-width:600px}
.modal-popup-dialog.top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.modal-popup-dialog.bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
.modal-popup-container{width:100%;position:relative;border:1px solid gray;background-color:#fff;border-radius:2rem}
.modal-popup-container .modal-popup-header{padding:6rem 5rem 2.5rem 5rem}
.modal-popup-container .modal-popup-content{padding:1rem 3.6rem 0 3.6rem}
.modal-popup-container .modal-popup-content img{max-width:100%}
.modal-popup-container .modal-popup-tit{text-align:center;font-size:2.4rem;line-height:1.41;font-weight:700;color:#222;letter-spacing:-0.025em}
.modal-popup-container .modal-popup-footer .btn-container{padding:5rem 2rem 4.5rem 2rem}
.modal-popup-container .btn-close-popup{position:absolute;top:0;right:0;padding:1.8rem 1.7rem 1.8rem 1.7rem}
.modal-popup-container .btn-close-popup .ico-close{display:inline-block;position:relative;width:4rem;height:4rem;background:url("../images/common/btn_popup_close@2x.png") no-repeat center center;background-size:4rem 4rem}
.modal-popup-video{display:block;width:100%;height:0;position:relative;overflow:hidden;padding-bottom:56.25%}
.modal-popup-video .video-frame{position:absolute;top:0;left:0;width:100%;height:100%}
.modal-popup-video .video-file{position:absolute;top:0;left:0;width:100%;height:100%}
.modal-popup-desc-container{overflow-x:hidden;overflow-y:auto;height:8rem;margin:2.5rem 0 0 0}
.alert-popup-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;outline:0;overflow:hidden;z-index:100;text-align:center;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.alert-popup-dialog{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:auto;text-align:left;height:100%;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.alert-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}
.alert-popup-dialog.large{max-width:1200px}
.alert-popup-dialog.middle{max-width:800px}
.alert-popup-dialog.small{max-width:400px}
.alert-popup-dialog.top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.alert-popup-dialog.bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
.alert-popup-container{width:30rem;position:relative;border:1px solid gray;background-color:#fff;border-radius:2rem}
.alert-popup-container .alert-popup-content{padding:4rem 1.5rem;text-align:center;border-radius:2rem 2rem 0 0;word-break:keep-all}
.alert-popup-container .alert-popup-content img{max-width:100%}
.alert-popup-container .alert-popup-content .txt{font-size:1.7rem;line-height:1.58}
.alert-popup-container .alert-popup-footer{border-radius:0 0 2rem 2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-top:1px solid #eee}
.alert-popup-container .alert-popup-footer .btn{padding:1.3rem 0;border-radius:0 0 0 2rem;font-size:1.5rem;line-height:1.66;font-weight:500;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center}
.alert-popup-container .alert-popup-footer .btn:only-child{border-radius:0 0 2rem 2rem}
.alert-popup-container .alert-popup-footer .btn + .btn{border-radius:0 0 2rem 0;border-left:1px solid #eee}
.alert-popup-container .alert-popup-footer .btn.btn-confirm{color:#e1002a}
.alert-popup-container .alert-popup-tit{font-size:2.4rem;line-height:1.41;font-weight:500;color:gray}
.alert-popup-container .btn-close-popup{position:absolute;top:0;right:0;padding:1.8rem 1.7rem 1.8rem 1.7rem}
.alert-popup-container .btn-close-popup .ico-close{display:inline-block;position:relative;width:3.3rem;height:3.3rem;background:url("../images/common/btn_popup_close@2x.png") no-repeat center center;background-size:3.3rem 3.3rem}
/*! preview popup */
.preview-popup-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;outline:0;overflow:hidden;z-index:100;text-align:center;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.preview-popup-dialog{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:auto;text-align:left;height:100%;opacity:0;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-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}
.preview-popup-container{width:auto;position:relative;border:1px solid gray;background-color:#fff;border-top-right-radius:2rem;border-top-left-radius:2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.preview-popup-container .ui-play-pause-btn{width:30px;height:30px;background-size:30px 30px;display:none;background-image:url(../images/common/ico_audio_play@2x.png);-webkit-transition:background-image .15s ease-in-out;transition:background-image .15s ease-in-out}
.preview-popup-container .ui-play-pause-btn.pause{background-image:url(../images/common/ico_audio_pause@2x.png)}
.preview-popup-container .preview-popup-header{padding:1.8rem 4.5rem 1.7rem;border-bottom:1px solid #ddd}
.preview-popup-container .preview-popup-content{position:relative;height:100%}
.preview-popup-container .preview-popup-content.video-type{width:80rem;max-width:100%}
.preview-popup-container .preview-popup-content img{max-height:-webkit-calc(100vh - 400px);max-height:calc(100vh - 400px);max-width:-webkit-calc(50vw - 120px);max-width:calc(50vw - 120px)}
.preview-popup-container .preview-popup-content .video-box{position:relative;text-align:center;padding-top:55.9%;width:100%}
.preview-popup-container .preview-popup-content embed,.preview-popup-container .preview-popup-content iframe{width:100%;height:100%;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.preview-popup-container .preview-popup-content video{width:100%;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.preview-popup-container .preview-popup-content .page{background-color:#fff;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}
.preview-popup-container .preview-popup-content .page-book-container{position:relative;z-index:1;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;height:-webkit-calc(100% - 70px);height:calc(100% - 70px);height:-webkit-calc(100% - 7rem);height:calc(100% - 7rem);width:100%;min-height:50rem}
.preview-popup-container .preview-popup-content .ui-page-book{-webkit-transition:margin .2s ease-in-out;transition:margin .2s ease-in-out;z-index:3}
.preview-popup-container .show-current-page{position:absolute;bottom:45px;min-width:41px;padding:0 10px;height:30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:-webkit-calc(50% - 20px);left:calc(50% - 20px);background-color:rgba(0, 0, 0, 0.5);border-radius:18px;font-size:14px;font-weight:500;font-family:"Mulish";-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:#ddd;z-index:5}
.preview-popup-container .show-current-page .current{color:#fff}
.preview-popup-container .show-current-page .txt{padding:0 2px}
.preview-popup-container .btn-box{position:absolute;z-index:15;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;width:100%;height:0;font-size:0}
.preview-popup-container .btn-box button{display:inline-block;-webkit-transform:0;-ms-transform:0;transform:0;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;padding:0;border-radius:0;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
.preview-popup-container .btn-box button:focus,.preview-popup-container .btn-box button:hover{opacity:1}
.preview-popup-container .btn-box i{width:6rem;height:6rem;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;position:absolute;top:50%;margin-top:-2.5rem;border-radius:0 5rem 5rem 0;border:1px solid #ddd;z-index:3;background-color:rgba(255, 255, 255, 0.8);-webkit-box-shadow:0.25rem 0.5rem 1rem rgba(0, 0, 0, 0.1);box-shadow:0.25rem 0.5rem 1rem rgba(0, 0, 0, 0.1);-webkit-transition:background-color .25s ease-out,opacity .25s ease-out,-webkit-box-shadow .25s ease-out;transition:background-color .25s ease-out,opacity .25s ease-out,-webkit-box-shadow .25s ease-out;transition:background-color .25s ease-out,box-shadow .25s ease-out,opacity .25s ease-out;transition:background-color .25s ease-out,box-shadow .25s ease-out,opacity .25s ease-out,-webkit-box-shadow .25s ease-out}
.preview-popup-container .preview-controler-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;background-color:rgba(255, 255, 255, 0.9);padding:2rem;z-index:2}
.preview-popup-container .preview-controler-area .page-type-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.preview-popup-container .preview-controler-area .page-type-box + .page-audio-control{margin-left:15px}
.preview-popup-container .preview-controler-area .page-type-box .btn{width:50%;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;font-size:1.3rem;line-height:1.76;background-color:#fff;border:1px solid #222;border-radius:0.5rem 0 0 0.5rem;padding:0.3rem 1.3rem;color:#222;-webkit-transition:color .3s ease-in-out,background-color .3s ease-in-out;transition:color .3s ease-in-out,background-color .3s ease-in-out}
.preview-popup-container .preview-controler-area .page-type-box .btn:focus,.preview-popup-container .preview-controler-area .page-type-box .btn:hover{background-color:#ddd}
.preview-popup-container .preview-controler-area .page-type-box .btn + .btn{border-radius:0 0.5rem 0.5rem 0}
.preview-popup-container .preview-controler-area .page-type-box .btn.on{background-color:#222;color:#fff}
.preview-popup-container .preview-controler-area .left-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.preview-popup-container .preview-controler-area .right-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.preview-popup-container .preview-controler-area .prev-btn{background-image:url(../images/common/ico_page_btn@2x.png);width:2.5rem;height:3rem;background-size:0.7rem 1.2rem;background-position:center;background-repeat:no-repeat;border-radius:0.5rem;border:1px solid #ddd;display:inline-block}
.preview-popup-container .preview-controler-area .next-btn{background-image:url(../images/common/ico_page_btn@2x.png);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);width:2.5rem;height:3rem;background-size:0.7rem 1.2rem;background-position:center;background-repeat:no-repeat;border-radius:0.5rem;border:1px solid #ddd;display:inline-block}
.preview-popup-container .preview-controler-area .drop-down-container{margin:0 0.5rem}
.preview-popup-container .preview-controler-area .drop-down-list{position:absolute;top:-webkit-calc(100% - 3px);top:calc(100% - 3px);background-color:#f5f5f5;border:1px solid #ddd;border-top:0;width:-webkit-calc(100% + 2px);width:calc(100% + 2px);margin-left:-1px}
.preview-popup-container .preview-controler-area .drop-down-list .drop-down-txt{font-size:13px}
.preview-popup-container .preview-controler-area .drop-down-list .drop-down-link{padding:0 9px;height:28px}
.preview-popup-container .preview-controler-area .drop-down-btn{padding:0;padding:0 9px;height:28px;min-width:75px;background-color:#f5f5f5;white-space:nowrap}
.preview-popup-container .preview-controler-area .drop-down-btn .drop-down-ico{background-image:url(../images/common/ico_select_arrow@2x.png);width:7px;background-size:7px 5px}
.preview-popup-container .preview-controler-area .drop-down-index{font-size:13px;font-weight:500;color:#222}
.preview-popup-container .preview-popup-tit{text-align:center;font-size:2rem;line-height:1.5;font-weight:700;color:#222;letter-spacing:-0.025em}
.preview-popup-container .preview-popup-footer .btn-container{padding:5rem 2rem 4.5rem 2rem}
.preview-popup-container .btn-close-popup{position:absolute;top:0;right:0;padding:1.8rem 1.7rem 1.8rem 1.7rem}
.preview-popup-container .btn-close-popup .ico-close{display:inline-block;position:relative;width:3.3rem;height:3.3rem;background:url("../images/common/btn_popup_close@2x.png") no-repeat center center;background-size:3.3rem 3.3rem}
.preview-popup-video{display:block;width:100%;height:0;position:relative;overflow:hidden;padding-bottom:56.25%}
.preview-popup-video .video-frame{position:absolute;top:0;left:0;width:100%;height:100%}
.preview-popup-video .video-file{position:absolute;top:0;left:0;width:100%;height:100%}
.preview-popup-desc-container{overflow-x:hidden;overflow-y:auto;height:12rem;margin:2.5rem 0 0 0}
/*! 툴팁(tooltip) 스타일 */
.tooltip-container{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:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;position:relative}
.btn-open-tooltip{position:relative;display:block;padding:1rem 1rem 1rem 1rem;margin:-1rem -1rem -1rem -0.5rem}
.btn-open-tooltip .ico-open-tooltip{display:block;width:2rem;height:2rem;background:url("../images/common/ico_tooltip@2x.png") no-repeat center center;background-size:2rem 2rem}
.btn-open-tooltip .bu-tooltip{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);z-index:1;display:none;position:absolute;top:4.6rem;left:1rem;width:1.9rem;height:1rem;background:url("../images/common/bu_tooltip@2x.png") no-repeat center center;background-size:1.9rem 1rem}
.btn-open-tooltip.on .bu-tooltip{display:block}
.btn-open-tooltip.on + .tooltip-box-popup{display:block}
.tooltip-box-popup{display:none;position:absolute;top:5rem;left:0;width:100%;z-index:1}
.tooltip-box-popup.left-20::before{left:14.7rem}
.tooltip-box-popup-align{border-radius:1rem;border:1px solid #222;background-color:#fff;padding:2rem;-webkit-box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1);box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1);position:relative}
.tooltip-box-top{font-size:1.8rem;line-height:1.55;font-weight:700;color:#222}
.tooltip-box-list{margin-top:1.2rem}
.tooltip-box-list-item{position:relative;font-size:1.4rem;line-height:1.71;color:#222;padding-left:0.8rem}
.tooltip-box-list-item:before{content:'- ';color:#999;position:absolute;top:0;left:0}
.btn-close-tooltip{position:absolute;top:0;right:0;padding:2.3rem 2.3rem 2.3rem 2.3rem}
.btn-close-tooltip .ico-close-tooltip{display:block;width:1.8rem;height:1.8rem;background:url("../images/common/ico_close_tooltip@2x.png") no-repeat center center;background-size:1.8rem 1.8rem}
.toast-popup-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;outline:0;overflow:hidden;z-index:100;text-align:center;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.toast-popup-wrap .ico-done{width:3.9rem;height:3.9rem;background-size:3.9rem;background-image:url(../images/common/ico_done@2x.png)}
.toast-popup-dialog{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:auto;text-align:left;height:100%;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.toast-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}
.toast-popup-dialog.top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.toast-popup-dialog.bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
.toast-popup-content{width:18rem;height:18rem;border-radius:18rem;background-color:#fff;-webkit-box-shadow:0 1rem 3rem rgba(0, 0, 0, 0.16);box-shadow:0 1rem 3rem rgba(0, 0, 0, 0.16);word-break:keep-all;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-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.toast-popup-content img{max-width:100%}
.toast-popup-content .txt{font-size:1.6rem;line-height:1.62;display:block;text-align:center;margin-top:1rem}
/*! 미디어 팝업 */
.media-popup{position:fixed;display:none;top:0;left:0;height:100%;width:100%;z-index:100}
.media-popup .ui-container{max-width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:3rem 0 3rem 0;max-height:80vh}
.media-popup .media-box{background-color:rgba(0, 0, 0, 0.7);width:100%;height:100%}
.media-popup video{max-width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.media-popup img{max-width:100%}
.media-popup .media-pop-close{position:absolute;top:-1rem;right:0}
.media-popup .ico-close-white{width:2rem;height:2rem;background-size:2rem 2rem;background-image:url(../images/common/ico_close_popup_white@2x.png)}
/*! 마이페이지 스와이퍼 팝업 */
.swiper-popup{position:fixed;display:none;top:0;left:0;height:100%;width:100%;z-index:100}
.swiper-popup .swiper-center-container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:3rem 0 3rem 0;max-height:80vh}
.swiper-popup .swiper-container{width:60rem;height:60rem;max-width:100%;background-color:#000;text-align:center;max-width:100%}
.swiper-popup .swiper-container .swiper-wrapper{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.swiper-popup .swiper-container .swiper-slide{height:auto}
.swiper-popup .swiper-container img{width:auto;max-width:60rem;max-height:60rem}
.swiper-popup .swiper-container .swiper-pagination{width:auto;left:50%;bottom:4rem;-webkit-transform:translatex(-50%);-ms-transform:translatex(-50%);transform:translatex(-50%);border-radius:2.3rem;padding:0.2rem 1.2rem 0.3rem;background-color:rgba(0, 0, 0, 0.5);letter-spacing:-0.05em}
.swiper-popup .swiper-container .swiper-pagination .swiper-pagination-current{color:#fff}
.swiper-popup .swiper-btn-round-next{right:-11rem}
.swiper-popup .swiper-btn-round-next::after{background-image:url(../images/mypage/bu_common_next@2x_back3.png)}
.swiper-popup .swiper-btn-round-next:hover::after{background-image:url(../images/main/bu_common_next@2x_hover.png)}
.swiper-popup .swiper-btn-round-prev{left:-11rem}
.swiper-popup .swiper-btn-round-prev::after{background-image:url(../images/mypage/bu_common_prev@2x_back3.png)}
.swiper-popup .swiper-btn-round-prev:hover::after{background-image:url(../images/main/bu_common_prev@2x_hover.png)}
.swiper-popup .swiper-box{background-color:rgba(0, 0, 0, 0.7);width:100%;height:100%}
.swiper-popup [class*="swiper-btn-round"]:hover{background-color:#fff}
.swiper-popup .media-pop-close{position:absolute;top:-1rem;right:0}
.swiper-popup .ico-close-white{width:2rem;height:2rem;background-size:2rem 2rem;background-image:url(../images/common/ico_close_popup_white@2x.png)}
}
/*! mobile 버전 - css */
@media (max-width: 1023px){
/*! 기본 버튼 */
.btn-lv01{display:block;width:100%;text-align:center;padding:1.1rem 1.5rem 1.1rem 1.5rem;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;border-radius:0.5rem}
.btn-lv01 .txt{font-size:1.7rem;line-height:1.58;font-weight:500}
.btn-lv01.disabled{border:1px solid #eee;background-color:#eee;color:#999;cursor:default}
.btn-lv01.disabled.on{cursor:pointer;border:1px solid #e1002a;background-color:#e1002a;color:#fff}
.btn-lv01.white{border:1px solid #e1002a;background-color:#fff;color:#e1002a}
.btn-lv01.red{border:1px solid #e1002a;background-color:#e1002a;color:#fff}
.btn-lv01.gray{border:1px solid #999;background-color:#fff;color:#666}
.btn-lv01.lightgray{border:1px solid #eee;background-color:#eee;color:#999;cursor:default}
.btn-lv01.lightgray.on{cursor:pointer;border:1px solid #e1002a;background-color:#e1002a;color:#fff}
.btn-lv02{display:inline-block;min-width:10rem;text-align:center;padding:0.7rem 2rem 0.7rem 2rem;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;border-radius:4rem}
.btn-lv02 .txt{font-size:1.5rem;line-height:1.66;font-weight:500}
.btn-lv02.disabled{background-color:#eee;color:#999;cursor:default}
.btn-lv02.white{border:1px solid #e1002a;background-color:#fff;color:#e1002a}
.btn-lv02.gray{border:1px solid #ccc;background-color:#fff;color:#222}
.btn-lv02.type01{border-radius:1rem}
.btn-lv02 [class^="ico-"].left{margin-right:0.9rem}
.btn-lv02 [class^="ico-"].right{margin-left:0.9rem}
.btn-lv03{display:inline-block;min-width:6rem;text-align:center;padding:0.5rem 1.5rem 0.6rem 1.5rem;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;border-radius:4rem}
.btn-lv03 .txt{font-size:1.3rem;line-height:1.76}
.btn-lv03.black{border:1px solid #222;background-color:#222;color:#fff}
.btn-lv03.white{border:1px solid #e1002a;background-color:#fff;color:#e1002a}
.btn-lv03.red{padding:0.6rem 2.1rem 0.5rem 2.1rem;border:1px solid #e1002a;background-color:#e1002a;color:#fff}
.btn-lv03.gray{padding:0.6rem 2.1rem 0.5rem 2.1rem;border:1px solid #999;background-color:#fff;color:#666}
.btn-lv03.disabled{border:1px solid #eee;background-color:#eee;color:#999;pointer-events:none}
.btn-tag .txt{font-size:1.5rem;line-height:1.66;font-weight:500;color:#4051b8}
.btn-view-agreement .txt{font-size:1.3rem;line-height:1.76;color:#999;border-bottom:1px solid #999}
.btn-add-form{padding:0.7rem 1rem 0.7rem 1rem}
.btn-add-form .txt{display:inline-block;font-size:1.5rem;line-height:1.66;color:#222;font-weight:500}
.btn-add-form .ico-add-form{display:inline-block;margin-left:0.3rem;width:2rem;height:2rem;border-radius:50%;background:#222 url("../images/common/ico_add_form@2x.png") no-repeat center center;background-size:1rem 1rem}
/*! 기타 버튼 */
.btn-etc01{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:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;border:1px solid #222;border-radius:1rem;padding:1.6rem 2rem 1.6rem 2rem;-webkit-box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1);box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1)}
.btn-etc01 .ico-etc01{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:0.7rem;width:1.1rem;height:1.6rem;background:url("../images/common/ico_phone_certify@2x.png") no-repeat center center;background-size:1.1rem 1.6rem}
.btn-etc01 .txt-etc01{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;display:block;font-size:1.7rem;line-height:1.58;color:#222;font-weight:500}
.btn-etc01 .bu-etc01{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:block;width:0.8rem;height:1.5rem;background:url("../images/common/bu_phone_certify@2x.png") no-repeat center center;background-size:0.8rem 1.5rem}
.btn-etc02{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:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;border:1px solid #ddd;border-radius:1rem;padding:1.6rem 2rem 1.6rem 2rem}
.btn-etc02 .ico-etc02{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:0.7rem;width:1.5rem;height:1rem;background:url("../images/common/ico_phone_certify02@2x.png") no-repeat center center;background-size:1.5rem 1rem}
.btn-etc02 .txt-etc02{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:1.7rem;line-height:1.58;color:#222;font-weight:500}
/*! 기본 버튼 - 컨테이너 */
.btn-container.space01{padding:1rem 2rem 0 2rem}
.btn-container.space02{padding:2rem 0 2rem 0}
.btn-container.space03{padding:1.5rem 0 0 0}
.btn-container.space04{padding:3rem 2rem 0 2rem}
.btn-container.space05{padding:1.5rem 0 2.7rem 0}
.btn-container.space06{padding:4.5rem 2rem 0 2rem}
.btn-container.space07{padding:1.8rem 0 0 0}
.btn-container.space08{padding:4.5rem 2rem 6rem 2rem}
.btn-container.space09{padding:1rem 2rem}
.btn-container.space10{padding:2.5rem 2rem 4.5rem}
.btn-container.space11{padding:9rem 2rem 0 2rem}
.btn-container.space12{padding:20rem 2rem 0 2rem}
/*! 기본 버튼 - 정렬 */
.btn-align-type01{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.btn-align-type01.spacebetween01{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-right:-0.5rem}
.btn-align-type01.spacebetween01 a,.btn-align-type01.spacebetween01 button{margin-right:0.5rem;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}
.btn-align-type01.center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.btn-align-type01.btn-tag-list{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:2.4rem;overflow:hidden}
.btn-align-type01.btn-tag-list .scroll-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;height:4.5rem}
.btn-align-type01.btn-tag-list .scroll-container a,.btn-align-type01.btn-tag-list .scroll-container button{outline:0;margin-right:2rem;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}
.btn-align-type01.btn-tag-list .scroll-container a:last-child,.btn-align-type01.btn-tag-list .scroll-container button:last-child{margin-right:0}
.btn-align-type01.btn-tag-list .scroll-container a:focus .txt,.btn-align-type01.btn-tag-list .scroll-container button:focus .txt{border-bottom:1px solid #4051b8}
.btn-align-type01.btn-lv03-list{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:3.6rem;overflow:hidden}
.btn-align-type01.btn-lv03-list .scroll-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;height:6rem}
.btn-align-type01.btn-lv03-list .scroll-container a,.btn-align-type01.btn-lv03-list .scroll-container button{margin-right:1rem;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}
.btn-align-type01.btn-lv03-list .scroll-container a:first-child,.btn-align-type01.btn-lv03-list .scroll-container button:first-child{margin-left:2rem}
.btn-align-type01.btn-lv03-list .scroll-container a:last-child,.btn-align-type01.btn-lv03-list .scroll-container button:last-child{margin-right:0}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
/*! 기본 버튼 */
.btn-lv01{display:inline-block;min-width:180px;text-align:center;padding:1.4rem 1.5rem 1.4rem 1.5rem;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;border-radius:0.6rem}
.btn-lv01 .txt{font-size:2rem;line-height:1.5;font-weight:500}
.btn-lv01.disabled{border:1px solid #eee;background-color:#eee;color:#999;cursor:default}
.btn-lv01.disabled.on{cursor:pointer;border:1px solid #e1002a;background-color:#e1002a;color:#fff}
.btn-lv01.white{border:1px solid #e1002a;background-color:#fff;color:#e1002a}
.btn-lv01.red{border:1px solid #e1002a;background-color:#e1002a;color:#fff}
.btn-lv01.gray{border:1px solid #999;background-color:#fff;color:#666}
.btn-lv01.lightgray{border:1px solid #eee;background-color:#eee;color:#999;cursor:default}
.btn-lv01.lightgray.on{cursor:pointer;border:1px solid #e1002a;background-color:#e1002a;color:#fff}
.btn-lv02{display:inline-block;min-width:14rem;text-align:center;padding:1.4rem 2rem 1.4rem 2rem;border-radius:4rem}
.btn-lv02 .txt{font-size:2rem;line-height:1.5;font-weight:500}
.btn-lv02.disabled{background-color:#eee;color:#999;cursor:default}
.btn-lv02.white{border:1px solid #e1002a;background-color:#fff;color:#e1002a}
.btn-lv02.gray{border:1px solid #ccc;background-color:#fff;color:#222}
.btn-lv02.type01{border-radius:1rem}
.btn-lv02 [class^="ico-"].left{margin-right:0.9rem}
.btn-lv02 [class^="ico-"].right{margin-left:0.9rem}
.btn-lv03{display:inline-block;min-width:6rem;text-align:center;padding:0.6rem 2rem 0.7rem 2rem;border-radius:4rem}
.btn-lv03 .txt{font-size:1.6rem;line-height:1.62}
.btn-lv03.black{border:1px solid #222;background-color:#222;color:#fff}
.btn-lv03.white{border:1px solid #e1002a;background-color:#fff;color:#e1002a}
.btn-lv03.red{padding:0.6rem 2.1rem 0.5rem 2.1rem;border:1px solid #e1002a;background-color:#e1002a;color:#fff}
.btn-lv03.gray{padding:0.6rem 2.1rem 0.5rem 2.1rem;border:1px solid #999;background-color:#fff;color:#666}
.btn-lv03.disabled{border:1px solid #eee;background-color:#eee;color:#999;pointer-events:none}
.btn-tag .txt{font-size:1.6rem;line-height:1.62;font-weight:500;color:#4051b8}
.btn-view-agreement .txt{font-size:1.4rem;line-height:1.71;color:#999;border-bottom:1px solid #999}
.btn-add-form{padding:0.7rem 1rem 0.7rem 1rem}
.btn-add-form .txt{display:inline-block;font-size:2rem;line-height:1.5;color:#222;font-weight:500}
.btn-add-form .ico-add-form{display:inline-block;margin-left:0.3rem;width:2.5rem;height:2.5rem;border-radius:50%;background:#222 url("../images/common/ico_add_form@2x.png") no-repeat center center;background-size:1.5rem 1.5rem}
/*! 기타 버튼 */
.btn-etc01{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:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;border:1px solid #222;border-radius:1rem;padding:1.6rem 2rem 1.6rem 2rem;-webkit-box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1);box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1)}
.btn-etc01 .ico-etc01{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:0.7rem;width:1.1rem;height:1.6rem;background:url("../images/common/ico_phone_certify@2x.png") no-repeat center center;background-size:1.1rem 1.6rem}
.btn-etc01 .txt-etc01{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;display:block;font-size:1.7rem;line-height:1.58;color:#222;font-weight:500}
.btn-etc01 .bu-etc01{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:block;width:0.8rem;height:1.5rem;background:url("../images/common/bu_phone_certify@2x.png") no-repeat center center;background-size:0.8rem 1.5rem}
.btn-etc02{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:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;border:1px solid #ddd;border-radius:1rem;padding:1.6rem 2rem 1.6rem 2rem}
.btn-etc02 .ico-etc02{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:0.7rem;width:1.5rem;height:1rem;background:url("../images/common/ico_phone_certify02@2x.png") no-repeat center center;background-size:1.5rem 1rem}
.btn-etc02 .txt-etc02{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:1.7rem;line-height:1.58;color:#222;font-weight:500}
/*! 기본 버튼 - 컨테이너 */
.btn-container.space01{padding:1rem 2rem 0 2rem}
.btn-container.space02{padding:2rem 0 2rem 0}
.btn-container.space03{padding:1.5rem 0 0 0}
.btn-container.space04{padding:4rem 0 0 0}
.btn-container.space05{padding:2.5rem 0 4rem 0}
.btn-container.space06{padding:4.5rem 2rem 0 2rem}
.btn-container.space07{padding:1.8rem 0 0 0}
.btn-container.space08{padding:4.5rem 2rem 6rem 2rem}
.btn-container.space09{padding:4.5rem 6rem 8rem 6rem}
.btn-container.space10{padding:6rem 6rem 8rem}
/*! 기본 버튼 - 정렬 */
.btn-align-type01{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.btn-align-type01.spacebetween01{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.btn-align-type01.center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.btn-align-type01.btn-tag-list{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:2.6rem;overflow:hidden}
.btn-align-type01.btn-tag-list .scroll-container{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;height:4.5rem}
.btn-align-type01.btn-tag-list .scroll-container a,.btn-align-type01.btn-tag-list .scroll-container button{outline:0;margin-right:3rem;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}
.btn-align-type01.btn-tag-list .scroll-container a:last-child,.btn-align-type01.btn-tag-list .scroll-container button:last-child{margin-right:0}
.btn-align-type01.btn-tag-list .scroll-container a:focus .txt,.btn-align-type01.btn-tag-list .scroll-container button:focus .txt{border-bottom:1px solid #4051b8}
.btn-align-type01.btn-lv03-list{max-width:1200px;margin:0 auto;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:3.6rem;overflow:hidden}
.btn-align-type01.btn-lv03-list .scroll-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;height:6rem}
.btn-align-type01.btn-lv03-list .scroll-container a,.btn-align-type01.btn-lv03-list .scroll-container button{margin-right:1rem;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}
.btn-align-type01.btn-lv03-list .scroll-container a:last-child,.btn-align-type01.btn-lv03-list .scroll-container button:last-child{margin-right:0}
}
/*! mobile 버전 - css */
@media (max-width: 1023px){
/*! css 아이콘 스타일 - 화살표 */
[class*="ico"]{display:inline-block;background-repeat:no-repeat;background-position:center}
.ico-arrow-style{display:inline-block;width:1rem;height:1rem;border-top:0.2rem solid #000;border-right:0.2rem solid #000}
.ico-arrow-style.top{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.ico-arrow-style.down{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
.ico-arrow-style.left{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
.ico-arrow-style.right{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.ico-arrow-style.top-left{-webkit-transform:rotate(-90deg) skew(-10deg, -10deg);-ms-transform:rotate(-90deg) skew(-10deg, -10deg);transform:rotate(-90deg) skew(-10deg, -10deg)}
.ico-arrow-style.top-right{-webkit-transform:rotate(0) skew(-10deg, -10deg);-ms-transform:rotate(0) skew(-10deg, -10deg);transform:rotate(0) skew(-10deg, -10deg)}
.ico-arrow-style.bottom-left{-webkit-transform:rotate(180deg) skew(-10deg, -10deg);-ms-transform:rotate(180deg) skew(-10deg, -10deg);transform:rotate(180deg) skew(-10deg, -10deg)}
.ico-arrow-style.bottom-right{-webkit-transform:rotate(90deg) skew(-10deg, -10deg);-ms-transform:rotate(90deg) skew(-10deg, -10deg);transform:rotate(90deg) skew(-10deg, -10deg)}
.ico-arrow-style.top-narrow{-webkit-transform:rotate(-45deg) skew(-15deg, -15deg);-ms-transform:rotate(-45deg) skew(-15deg, -15deg);transform:rotate(-45deg) skew(-15deg, -15deg)}
.ico-arrow-style.top-wide{-webkit-transform:rotate(-45deg) skew(7deg, 7deg);-ms-transform:rotate(-45deg) skew(7deg, 7deg);transform:rotate(-45deg) skew(7deg, 7deg)}
/*! css 아이콘 스타일 - X */
.ico-close-gray{display:inline-block;position:relative;width:1.6rem;height:1.6rem;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.ico-close-gray:before{content:'';width:100%;height:2px;position:absolute;top:50%;left:0;margin-top:-1px;background-color:gray;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.ico-close-gray:after{content:'';width:2px;height:100%;position:absolute;top:0;left:50%;margin-left:-1px;background-color:gray;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
/*! images 아이콘 스타일 */
.ico-download-black{display:inline-block;width:1.8rem;height:1.7rem;background:url("../images/common/ico_download_dark.png") no-repeat left center;background-size:1.8rem 1.7rem}
.ico-download-black02{display:inline-block;background-image:url(../images/common/sprite_pc.png);background-position:0 0;background-position:0 0;width:18px;width:1.8rem;height:17px;height:1.7rem;background-size:18px 17px;background-size:1.8rem 1.7rem}
/*! 테이블 아이콘 */
[class^=ico-table-list]{display:block;width:4rem;height:4rem;background-repeat:no-repeat;background-position:center center;border:1px solid #ddd;border-radius:50%}
.ico-table-list01{background-image:url("../images/common/ico_table_list01@2x.png");background-size:2.2rem 1.7rem}
.ico-table-list02{background-image:url("../images/common/ico_table_list02@2x.png");background-size:1.9rem 2rem}
.ico-table-list03{background-image:url("../images/common/ico_table_list03@2x.png");background-size:1.8rem 2.2rem}
/*! 공유 아이콘 */
.ico-lv02-share{display:inline-block;width:1.4rem;height:1.5rem;background:url("../images/common/ico_share@2x.png") no-repeat center center;background-size:1.4rem 1.5rem}
/*! 전화 아이콘 */
.ico-lv02-tel{display:inline-block;width:1.3rem;height:1.4rem;background:url("../images/common/ico_shop_tel@2x.png") no-repeat center center;background-size:1.3rem 1.4rem}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
/*! css 아이콘 스타일 - 화살표 */
[class*="ico"]{display:inline-block;background-repeat:no-repeat;background-position:center}
.ico-arrow-style{display:inline-block;width:1rem;height:1rem;border-top:0.2rem solid #000;border-right:0.2rem solid #000}
.ico-arrow-style.top{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.ico-arrow-style.down{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
.ico-arrow-style.left{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
.ico-arrow-style.right{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.ico-arrow-style.top-left{-webkit-transform:rotate(-90deg) skew(-10deg, -10deg);-ms-transform:rotate(-90deg) skew(-10deg, -10deg);transform:rotate(-90deg) skew(-10deg, -10deg)}
.ico-arrow-style.top-right{-webkit-transform:rotate(0) skew(-10deg, -10deg);-ms-transform:rotate(0) skew(-10deg, -10deg);transform:rotate(0) skew(-10deg, -10deg)}
.ico-arrow-style.bottom-left{-webkit-transform:rotate(180deg) skew(-10deg, -10deg);-ms-transform:rotate(180deg) skew(-10deg, -10deg);transform:rotate(180deg) skew(-10deg, -10deg)}
.ico-arrow-style.bottom-right{-webkit-transform:rotate(90deg) skew(-10deg, -10deg);-ms-transform:rotate(90deg) skew(-10deg, -10deg);transform:rotate(90deg) skew(-10deg, -10deg)}
.ico-arrow-style.top-narrow{-webkit-transform:rotate(-45deg) skew(-15deg, -15deg);-ms-transform:rotate(-45deg) skew(-15deg, -15deg);transform:rotate(-45deg) skew(-15deg, -15deg)}
.ico-arrow-style.top-wide{-webkit-transform:rotate(-45deg) skew(7deg, 7deg);-ms-transform:rotate(-45deg) skew(7deg, 7deg);transform:rotate(-45deg) skew(7deg, 7deg)}
/*! css 아이콘 스타일 - X */
.ico-close-gray{display:inline-block;position:relative;width:1.6rem;height:1.6rem;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.ico-close-gray:before{content:'';width:100%;height:2px;position:absolute;top:50%;left:0;margin-top:-1px;background-color:gray;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.ico-close-gray:after{content:'';width:2px;height:100%;position:absolute;top:0;left:50%;margin-left:-1px;background-color:gray;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
/*! images 아이콘 스타일 */
.ico-download-black{display:inline-block;width:1.8rem;height:1.7rem;background:url("../images/common/ico_download_dark.png") no-repeat left center;background-size:1.8rem 1.7rem}
.ico-download-black02{display:inline-block;background-image:url(../images/common/sprite_pc.png);background-position:0 0;background-position:0 0;width:18px;width:1.8rem;height:17px;height:1.7rem;background-size:18px 17px;background-size:1.8rem 1.7rem}
/*! 테이블 아이콘 */
[class^=ico-table-list]{display:block;width:4.4rem;height:4.4rem;background-repeat:no-repeat;background-position:center center;border:1px solid #ddd;border-radius:50%}
.ico-table-list01{background-image:url("../images/common/ico_table_list01@2x.png");background-size:2.2rem 1.7rem}
.ico-table-list02{background-image:url("../images/common/ico_table_list02@2x.png");background-size:1.9rem 2rem}
.ico-table-list03{background-image:url("../images/common/ico_table_list03@2x.png");background-size:1.8rem 2.2rem}
/*! 공유 아이콘 */
.ico-lv02-share{display:inline-block;width:1.4rem;height:1.5rem;background:url("../images/common/ico_share@2x.png") no-repeat center center;background-size:1.4rem 1.5rem}
/*! 전화 아이콘 */
.ico-lv02-tel{display:inline-block;width:1.3rem;height:1.4rem;background:url("../images/common/ico_shop_tel@2x.png") no-repeat center center;background-size:1.3rem 1.4rem}
}
/*! mobile 버전 - css */
@media (max-width: 1023px){
.drop-down-wrap{position:relative;height:5rem;margin:2.7rem 2rem 0 2rem}
.drop-down-wrap.space01{margin:0 2rem 1rem 2rem}
.drop-down-wrap.no-space{margin:0 0 0 0}
.drop-down-container.absolute{position:absolute;z-index:1;top:0;left:0;width:100%}
.drop-down-container.absolute-top{position:absolute;z-index:1;bottom:0;left:0;width:100%}
.drop-down-align{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;position:relative;border:1px solid #ddd;border-radius:0.5rem;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.drop-down-align.open{-webkit-box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1);box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1);border:1px solid #222}
.drop-down-align.open .drop-down-ico{background-image:url("../images/common/bu_dropdown_up@2x.png")}
.drop-down-align.open .drop-down-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column}
.drop-down-align.top{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-flow:column-reverse;-ms-flex-flow:column-reverse;flex-flow:column-reverse}
.drop-down-align.top .drop-down-ico{background-image:url("../images/common/bu_dropdown_up@2x.png")}
.drop-down-align.top.open .drop-down-btn{border-radius:0.5rem;border-top-right-radius:0;border-top-left-radius:0}
.drop-down-align.top.open .drop-down-ico{background-image:url("../images/common/bu_dropdown_down@2x.png")}
.drop-down-align.top.open .drop-down-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-flow:column-reverse;-ms-flex-flow:column-reverse;flex-flow:column-reverse;border-radius:0;border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}
.drop-down-align.top.open .drop-down-item:last-child .drop-down-link{border-radius:0;border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}
.drop-down-align.disabled{pointer-events:none;position:relative;z-index:-1}
}
@media all and (max-width: 1023px) and (-ms-high-contrast: none),(max-width: 1023px) and (-ms-high-contrast: active){
.drop-down-align.disabled{}
.drop-down-align.disabled:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;opacity:0;z-index:1}
}
@media (max-width: 1023px){
.drop-down-align.disabled .drop-down-btn{background-color:#f5f5f5}
.drop-down-align.disabled .drop-down-index{color:#ccc}
.drop-down-align.disabled .drop-down-ico{background-image:url("../images/common/bu_dropdown_down_disabled@2x.png")}
.drop-down-btn{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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:1.1rem 1.5rem 1.1rem 1.5rem;background-color:#fff;border-radius:0.5rem}
.drop-down-btn:focus{outline:0}
.drop-down-index{text-align:left;font-size:1.7rem;line-height:1.58;color:#999}
.drop-down-index.on{color:#222}
.drop-down-ico{display:block;width:1.5rem;height:0.8rem;background:url("../images/common/bu_dropdown_down@2x.png") no-repeat center center;background-size:1.5rem 0.8rem}
.drop-down-list{display:none;overflow:hidden;width:100%;background-color:#fff;border-radius:0;border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}
.drop-down-item:last-child .drop-down-link{border-radius:0;border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}
.drop-down-link{cursor:pointer;text-align:left;cursor:pointer;display:block;width:100%;padding:1rem 1.5rem 1.1rem 1.5rem}
.drop-down-link:focus,.drop-down-link:hover{background-color:#f9f9f9}
.drop-down-link:disabled,.drop-down-link[aria-disabled='true']{cursor:not-allowed;background-color:#eee;color:#999;opacity:0.6}
.drop-down-txt{font-size:1.5rem;line-height:1.66;font-weight:500;color:#222}
.drop-down-txt .add-txt{display:inline-block;margin-left:0.5rem;vertical-align:0;color:#e1002a}
/*! 인증번호 박스 */
.verification-code-container.space01{margin:2.5rem 0 0 0}
.verification-code-container.space02{min-height:70vh}
.verification-code-container.space03{min-height:60vh}
.verification-code-container.space04{margin:4.5rem 0 0 0}
.verification-code-container.vertical-align{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:2.5rem}
.verification-code-container.mt-0{margin-top:0}
.verification-code-align.space01{padding:0 2rem 0 2rem}
.verification-code-align .verification-code-box{margin-bottom:1.5rem}
.verification-code-align .verification-code-box:last-child{margin-bottom:0}
.verification-code-box{position:relative;border-radius:1rem;border:1px solid #ddd;padding:1.5rem 1.5rem 1.5rem 1.5rem;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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:border 0.3s ease-out;transition:border 0.3s ease-out}
.verification-code-box.on{border:1px solid #222;-webkit-box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1);box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1)}
.verification-code-box.on .input-txt input{font-weight:700}
.verification-code-box.disabled{opacity:1;pointer-events:none;position:relative;z-index:-1;background-color:#f9f9f9}
}
@media all and (max-width: 1023px) and (-ms-high-contrast: none),(max-width: 1023px) and (-ms-high-contrast: active){
.verification-code-box.disabled{}
.verification-code-box.disabled:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;opacity:0;z-index:1}
}
@media (max-width: 1023px){
.verification-code-box.disabled .box-tit{color:#999}
.verification-code-box.disabled .box-tit:before{color:#999}
.verification-code-box.disabled .input-txt{background-color:#f9f9f9}
.verification-code-box.disabled .input-txt input{background-color:#f9f9f9}
.verification-code-box.disabled .btn-lv03{border:1px solid #eee;background-color:#eee;color:#999;pointer-events:none}
.verification-code-box.complete{opacity:1;pointer-events:none;position:relative;background-color:#f9f9f9}
}
@media all and (max-width: 1023px) and (-ms-high-contrast: none),(max-width: 1023px) and (-ms-high-contrast: active){
.verification-code-box.complete{}
.verification-code-box.complete:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;opacity:0;z-index:1}
}
@media (max-width: 1023px){
.verification-code-box.complete .box-tit{color:#999}
.verification-code-box.complete .box-tit:before{color:#999}
.verification-code-box.complete .input-txt{background-color:#f9f9f9}
.verification-code-box.complete .input-txt input{background-color:#f9f9f9}
.verification-code-box.complete .btn-lv03{border:1px solid #eee;background-color:#eee;color:#999;pointer-events:none}
.verification-code-box.email .code-box-item:nth-child(1){-webkit-box-flex:1;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%}
.verification-code-box.email .code-box-item:nth-child(2){position:absolute;top:1.5rem;right:1.5rem}
.verification-code-box.email .input-txt input{font-family:"Mulish";-webkit-transition:font-size 0.1s ease-out,height 0.1s ease-out;transition:font-size 0.1s ease-out,height 0.1s ease-out;font-weight:400}
@supports (-webkit-touch-callout: none){
.verification-code-box.email .input-txt input{}
.verification-code-box.email .input-txt input:focus{height:4rem}
}
.verification-code-box.email .input-txt input::-webkit-input-placeholder{font-size:1.7rem;line-height:1.58;font-family:'Noto Sans KR';font-weight:500}
.verification-code-box.email .input-txt input::-moz-placeholder{font-size:1.7rem;line-height:1.58;font-family:'Noto Sans KR';font-weight:500}
.verification-code-box.email .input-txt input:-ms-input-placeholder{font-size:1.7rem;line-height:1.58;font-family:'Noto Sans KR';font-weight:500}
.verification-code-box.email .input-txt input::-ms-input-placeholder{font-size:1.7rem;line-height:1.58;font-family:'Noto Sans KR';font-weight:500}
.verification-code-box.email .input-txt input::placeholder{font-size:1.7rem;line-height:1.58;font-family:'Noto Sans KR';font-weight:500}
.verification-code-box.email .input-txt input:focus{font-size:2.4rem;line-height:1.41;font-weight:700}
.verification-code-box .code-box-item:nth-child(1){-webkit-box-flex:1;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%}
.verification-code-box .code-box-item:nth-child(2){-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;text-align:right}
.verification-code-box .certify-area{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}
.verification-code-box .certify-area .timer{font-size:1.3rem;line-height:1.76;font-weight:500;color:#e1002a;padding-top:0.4rem;margin-right:1.2rem}
.verification-code-box .certify-area .btn-time{font-size:1.2rem;line-height:1.83;margin-right:1.5rem;font-weight:500;color:#e1002a}
.verification-code-box .certify-area .btn-time .txt{display:inline-block;border-bottom:1px solid #e1002a}
.verification-code-box .box-tit{display:block;position:relative;font-size:1.3rem;line-height:1.76;font-weight:500;padding:0 0 0 0.8rem;margin-bottom:1.3rem}
.verification-code-box .box-tit:before{position:absolute;content:'*';color:#e1002a;top:0.2rem;left:0}
.verification-code-box .input-txt input{border:0;height:2.5rem;line-height:2.5rem}
.verification-code-box .input-txt input[type='tel']{font-family:"Mulish";-webkit-transition:font-size 0.1s ease-out,height 0.1s ease-out;transition:font-size 0.1s ease-out,height 0.1s ease-out;font-weight:400}
@supports (-webkit-touch-callout: none){
.verification-code-box .input-txt input[type='tel']{}
.verification-code-box .input-txt input[type='tel']:focus{height:4rem}
}
.verification-code-box .input-txt input[type='tel']::-webkit-input-placeholder{font-size:1.7rem;line-height:1.58;font-family:'Noto Sans KR';font-weight:500}
.verification-code-box .input-txt input[type='tel']::-moz-placeholder{font-size:1.7rem;line-height:1.58;font-family:'Noto Sans KR';font-weight:500}
.verification-code-box .input-txt input[type='tel']:-ms-input-placeholder{font-size:1.7rem;line-height:1.58;font-family:'Noto Sans KR';font-weight:500}
.verification-code-box .input-txt input[type='tel']::-ms-input-placeholder{font-size:1.7rem;line-height:1.58;font-family:'Noto Sans KR';font-weight:500}
.verification-code-box .input-txt input[type='tel']::placeholder{font-size:1.7rem;line-height:1.58;font-family:'Noto Sans KR';font-weight:500}
.verification-code-box .input-txt input[type='tel']:focus{font-size:2.4rem;line-height:1.41;font-weight:700}
.verification-code-box:has(.form-validation-container.error, .form-validation-container.pass){margin-bottom:4.5rem}
.verification-code-box .form-validation-container .form-validation-message{display:none}
.verification-code-box .form-validation-container.error,.verification-code-box .form-validation-container.pass{position:relative}
.verification-code-box .form-validation-container.error .form-validation-message,.verification-code-box .form-validation-container.pass .form-validation-message{display:block;position:absolute;-webkit-transform:translateY(-webkit-calc(100% - 1.5rem));-ms-transform:translateY(calc(100% - 1.5rem));transform:translateY(calc(100% - 1.5rem));bottom:-3rem;left:-1.5rem}
/*! 동의하기 박스 */
.agree-box-container{padding:0 2rem 0 2rem}
.agree-box-container.space01{margin-top:1.2rem;margin-bottom:3.6rem}
.agree-box-align{border:1px solid #ddd;border-radius:1rem;background-color:#fff}
.agree-box-align.gray{background-color:#f5f5f5}
.agree-box-top{padding:1.5rem 1.5rem 1.5rem 1.5rem}
.agree-box-bottom{border-top:1px solid #ddd;padding:1.5rem 1.5rem 1.5rem 1.5rem}
.agree-box-txt01{font-size:1.2rem;line-height:1.83;color:#555}
.agree-box-txt01.space01{margin-bottom:1rem}
/*! 스텝 완료 박스 */
.complete-visual-box{position:relative}
.complete-visual-box.type01{margin:-6rem 0 0 0}
.complete-visual-box.type02{margin:6rem 0 12rem 0}
.complete-visual-box.center{text-align:center}
.complete-visual-box img{width:100%}
.complete-visual-box img.width_50{width:50%}
.complete-visual-box img.width_70{width:70%}
.complete-visual-box img.width_80{width:80%}
/*! 스텝 완료 정보 박스 */
.complete-info-box-container{margin-top:6rem;border-radius:1rem;border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:#f9f9f9}
.complete-info-box-container.space01{margin-bottom:-6rem}
.complete-info-box-align{padding:2.5rem 2rem 0 2rem}
.complete-info-box-list{margin-top:2rem}
.complete-info-box-list:first-child{margin-top:0}
.complete-info-box-list .txt01{position:relative;padding-left:1rem;font-size:1.5rem;line-height:1.66;color:#222}
.complete-info-box-list .txt01:before{position:absolute;top:1rem;left:0;content:'';height:0.3rem;width:0.3rem;border-radius:50%;background-color:#e1002a}
.complete-info-box-list .txt02{padding-left:1rem;font-size:1.5rem;line-height:1.66;color:#222;font-weight:700;font-family:"Mulish"}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
.drop-down-box-container{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-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;max-width:600px;margin:0 auto}
.drop-down-box-container.space01{margin-top:1rem}
.drop-down-box-container.space02{margin-top:5.5rem}
.drop-down-box-container .drop-down-wrap:nth-child(1){-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;margin-right:0.5rem}
.drop-down-box-container .drop-down-wrap:nth-child(2){-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;margin-left:0.5rem}
.drop-down-box-container .form-validation-wrap.space01{-webkit-box-flex:1;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;margin:0}
.drop-down-wrap{position:relative;height:6rem}
.drop-down-wrap.space01{margin:0 0 0 0}
.drop-down-wrap.no-space{margin:0 0 0 0}
.drop-down-container.absolute{position:absolute;z-index:1;top:0;left:0;width:100%}
.drop-down-container.absolute-top{position:absolute;z-index:1;bottom:0;left:0;width:100%}
.drop-down-align{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;position:relative;border:1px solid #ddd;border-radius:0.5rem;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.drop-down-align.open{-webkit-box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1);box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1)}
.drop-down-align.open .drop-down-ico{background-image:url("../images/common/bu_dropdown_up@2x.png")}
.drop-down-align.open .drop-down-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column}
.drop-down-align.top{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-flow:column-reverse;-ms-flex-flow:column-reverse;flex-flow:column-reverse}
.drop-down-align.top .drop-down-ico{background-image:url("../images/common/bu_dropdown_up@2x.png")}
.drop-down-align.top.open .drop-down-btn{border-radius:0.5rem;border-top-right-radius:0;border-top-left-radius:0}
.drop-down-align.top.open .drop-down-ico{background-image:url("../images/common/bu_dropdown_down@2x.png")}
.drop-down-align.top.open .drop-down-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-flow:column-reverse;-ms-flex-flow:column-reverse;flex-flow:column-reverse;border-radius:0;border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}
.drop-down-align.top.open .drop-down-item:last-child .drop-down-link{border-radius:0;border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}
.drop-down-align.disabled{pointer-events:none;position:relative;z-index:-1}
}
@media all and (min-width: 1024px) and (-ms-high-contrast: none),(min-width: 1024px) and (-ms-high-contrast: active){
.drop-down-align.disabled{}
.drop-down-align.disabled:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;opacity:0;z-index:1}
}
@media (min-width: 1024px){
.drop-down-align.disabled .drop-down-btn{background-color:#f5f5f5}
.drop-down-align.disabled .drop-down-index{color:#ccc}
.drop-down-align.disabled .drop-down-ico{background-image:url("../images/common/bu_dropdown_down_disabled@2x.png")}
.drop-down-btn{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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:1.6rem 1.5rem 1.6rem 1.5rem;background-color:#fff;border-radius:0.5rem}
.drop-down-btn:focus{outline:0}
.drop-down-index{text-align:left;font-size:1.7rem;line-height:1.58;color:#999}
.drop-down-index.on{color:#222}
.drop-down-ico{display:block;width:1.5rem;height:0.8rem;background:url("../images/common/bu_dropdown_down@2x.png") no-repeat center center;background-size:1.5rem 0.8rem}
.drop-down-list{display:none;overflow:hidden;width:100%;background-color:#fff;border-radius:0;border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}
.drop-down-item:last-child .drop-down-link{border-radius:0;border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}
.drop-down-link{cursor:pointer;text-align:left;display:block;width:100%;padding:1.4rem 1.5rem 1.4rem 1.5rem}
.drop-down-link:focus,.drop-down-link:hover{background-color:#f9f9f9}
.drop-down-link:disabled,.drop-down-link[aria-disabled='true']{cursor:not-allowed;color:#999;opacity:0.6}
.drop-down-txt{font-size:1.5rem;line-height:1.66;font-weight:500;color:#222}
.drop-down-txt .add-txt{display:inline-block;margin-left:0.5rem;vertical-align:0;color:#e1002a}
/*! 인증번호 박스 */
.verification-code-container.space01{margin:4rem 0 0 0}
.verification-code-align{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.verification-code-align.space01{padding:0 6rem}
.verification-code-align.space02{margin-top:4.5rem}
.verification-code-align .verification-code-box{-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;width:50%}
.verification-code-align .verification-code-box:nth-child(1){margin-right:0.5rem}
.verification-code-align .verification-code-box:nth-child(2){margin-left:0.5rem}
.verification-code-align.pc-type{display:block}
.verification-code-align.pc-type .verification-code-box{width:100%;margin:0;margin-bottom:1.5rem}
.verification-code-box{position:relative;border-radius:1rem;border:1px solid #ddd;padding:1.5rem 1.5rem 1.5rem 1.5rem;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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:border 0.3s ease-out;transition:border 0.3s ease-out}
.verification-code-box.on{border:1px solid #222;-webkit-box-shadow:1rem 1rem 3rem 0 rgba(0, 0, 0, 0.1);box-shadow:1rem 1rem 3rem 0 rgba(0, 0, 0, 0.1)}
.verification-code-box.on .input-txt input{font-weight:700}
.verification-code-box.disabled{opacity:1;pointer-events:none;position:relative;z-index:-1;background-color:#f9f9f9}
}
@media all and (min-width: 1024px) and (-ms-high-contrast: none),(min-width: 1024px) and (-ms-high-contrast: active){
.verification-code-box.disabled{}
.verification-code-box.disabled:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;opacity:0;z-index:1}
}
@media (min-width: 1024px){
.verification-code-box.disabled .box-tit{color:#999}
.verification-code-box.disabled .box-tit:before{color:#999}
.verification-code-box.disabled .input-txt{background-color:#f9f9f9}
.verification-code-box.disabled .input-txt input{background-color:#f9f9f9}
.verification-code-box.disabled .btn-lv03{border:1px solid #eee;background-color:#eee;color:#999;pointer-events:none}
.verification-code-box.complete{opacity:1;pointer-events:none;position:relative;background-color:#f9f9f9}
}
@media all and (min-width: 1024px) and (-ms-high-contrast: none),(min-width: 1024px) and (-ms-high-contrast: active){
.verification-code-box.complete{}
.verification-code-box.complete:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;opacity:0;z-index:1}
}
@media (min-width: 1024px){
.verification-code-box.complete .box-tit{color:#999}
.verification-code-box.complete .box-tit:before{color:#999}
.verification-code-box.complete .input-txt{background-color:#f9f9f9}
.verification-code-box.complete .input-txt input{background-color:#f9f9f9}
.verification-code-box.complete .btn-lv03{border:1px solid #eee;background-color:#eee;color:#999;pointer-events:none}
.verification-code-box.email .code-box-item:nth-child(1){-webkit-box-flex:1;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%}
.verification-code-box.email .input-txt input{font-family:"Mulish";-webkit-transition:font-size 0.1s ease-out;transition:font-size 0.1s ease-out;font-weight:400}
.verification-code-box.email .input-txt input::-webkit-input-placeholder{font-size:2rem;line-height:1.5;font-family:'Noto Sans KR';font-weight:500}
.verification-code-box.email .input-txt input::-moz-placeholder{font-size:2rem;line-height:1.5;font-family:'Noto Sans KR';font-weight:500}
.verification-code-box.email .input-txt input:-ms-input-placeholder{font-size:2rem;line-height:1.5;font-family:'Noto Sans KR';font-weight:500}
.verification-code-box.email .input-txt input::-ms-input-placeholder{font-size:2rem;line-height:1.5;font-family:'Noto Sans KR';font-weight:500}
.verification-code-box.email .input-txt input::placeholder{font-size:2rem;line-height:1.5;font-family:'Noto Sans KR';font-weight:500}
.verification-code-box.email .input-txt input:focus{font-size:2.4rem;line-height:1.41;font-weight:700}
.verification-code-box .code-box-item:nth-child(1){-webkit-box-flex:1;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%}
.verification-code-box .code-box-item:nth-child(2){-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;text-align:right}
.verification-code-box .certify-area{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}
.verification-code-box .certify-area .timer{font-size:1.6rem;line-height:1.62;font-weight:500;color:#e1002a;margin-right:2.5rem}
.verification-code-box .certify-area .btn-time{font-size:1.4rem;line-height:1.71;margin-right:2rem;font-weight:500;color:#e1002a}
.verification-code-box .certify-area .btn-time .txt{display:inline-block;border-bottom:1px solid #e1002a}
.verification-code-box .box-tit{display:block;position:relative;font-size:1.6rem;line-height:1.62;font-weight:500;padding:0 0 0 0.8rem;margin-bottom:2rem}
.verification-code-box .box-tit:before{position:absolute;content:'*';color:#e1002a;top:0.2rem;left:0}
.verification-code-box .input-txt input{border:0;height:2.5rem;line-height:2.5rem}
.verification-code-box .input-txt input[type='tel']{font-family:"Mulish";-webkit-transition:font-size 0.1s ease-out;transition:font-size 0.1s ease-out;font-weight:400}
.verification-code-box .input-txt input[type='tel']::-webkit-input-placeholder{font-size:2rem;line-height:1.5;font-family:'Noto Sans KR';font-weight:500}
.verification-code-box .input-txt input[type='tel']::-moz-placeholder{font-size:2rem;line-height:1.5;font-family:'Noto Sans KR';font-weight:500}
.verification-code-box .input-txt input[type='tel']:-ms-input-placeholder{font-size:2rem;line-height:1.5;font-family:'Noto Sans KR';font-weight:500}
.verification-code-box .input-txt input[type='tel']::-ms-input-placeholder{font-size:2rem;line-height:1.5;font-family:'Noto Sans KR';font-weight:500}
.verification-code-box .input-txt input[type='tel']::placeholder{font-size:2rem;line-height:1.5;font-family:'Noto Sans KR';font-weight:500}
.verification-code-box .input-txt input[type='tel']:focus{font-size:2.4rem;line-height:1.41;font-weight:700}
.verification-code-box:has(.form-validation-container.error, .form-validation-container.pass){margin-bottom:4.5rem}
.verification-code-box .form-validation-container .form-validation-message{display:none}
.verification-code-box .form-validation-container.error,.verification-code-box .form-validation-container.pass{position:relative}
.verification-code-box .form-validation-container.error .form-validation-message,.verification-code-box .form-validation-container.pass .form-validation-message{display:block;position:absolute;-webkit-transform:translateY(-webkit-calc(100% - 1.5rem));-ms-transform:translateY(calc(100% - 1.5rem));transform:translateY(calc(100% - 1.5rem));bottom:-3rem;left:-1.5rem}
/*! 동의하기 박스 */
.agree-box-container{padding:0 6rem}
.agree-box-container.space01{margin-top:2rem}
.agree-box-align{border:1px solid #ddd;border-radius:1rem;background-color:#fff}
.agree-box-align.gray{background-color:#f5f5f5}
.agree-box-top{padding:1.5rem 1.5rem 1.5rem 1.5rem}
.agree-box-bottom{border-top:1px solid #ddd;padding:2.5rem}
.agree-box-align.gray .agree-box-bottom{border-top:1px solid #ddd;padding:1.5rem 2rem}
.agree-box-txt01{font-size:1.6rem;line-height:1.62;color:#555}
.agree-box-txt01.space01{margin-bottom:2.3rem}
/*! 스텝 완료 박스 */
.complete-visual-box{position:relative;margin-bottom:9rem}
.complete-visual-box.type01{margin:-6rem 0 0 0}
.complete-visual-box.type02{margin:10rem 0 0 0}
.complete-visual-box.center{text-align:center}
.complete-visual-box img{width:100%}
.complete-visual-box img.width_50{width:50%}
.complete-visual-box img.width_70{width:70%}
.complete-visual-box img.width_80{width:80%}
/*! 스텝 완료 정보 박스 */
.complete-info-box-container{margin-top:6rem;border-radius:1rem;border-bottom-left-radius:0;border-bottom-right-radius:0}
.complete-info-box-align{padding:2.5rem 6rem 0 6rem}
.complete-info-box-list{margin-top:3rem}
.complete-info-box-list:first-child{margin-top:0}
.complete-info-box-list .txt01{position:relative;padding-left:1rem;font-size:2rem;line-height:1.5;color:#222}
.complete-info-box-list .txt01:before{position:absolute;top:1.4rem;left:0;content:'';height:0.4rem;width:0.4rem;border-radius:50%;background-color:#e1002a}
.complete-info-box-list .txt02{padding-left:1rem;font-size:2rem;line-height:1.5;color:#222;font-weight:700;font-family:"Mulish";padding-top:1rem}
}
/*! mobile 버전 - css */
@media (max-width: 1023px){
#header ~ #container #content{padding-top:6rem}
/*! 메인 헤더 스타일 */
.bodyClassMain .header-continer{border-bottom:1px solid #e5e5e5}
/*! 서브 메인 헤더 스타일 */
/*! 공통 헤더 스타일 */
.header-continer{position:fixed;z-index:80;top:0;left:0;width:100%;height:6rem;background-color:#fff;-webkit-box-shadow:0;box-shadow:0;-webkit-transition:background-color .25s ease-in-out,-webkit-box-shadow .25s ease-in-out;transition:background-color .25s ease-in-out,-webkit-box-shadow .25s ease-in-out;transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out;transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,-webkit-box-shadow .25s ease-in-out;padding-right:constant(safe-area-inset-right);padding-left:constant(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}
.header-continer.scroll{background:#fff;border-bottom:1px solid #e5e5e5;-webkit-box-shadow:0 0.3rem 0.5rem 0 rgba(0, 0, 0, 0.1);box-shadow:0 0.3rem 0.5rem 0 rgba(0, 0, 0, 0.1)}
.header-continer.none-shadow{-webkit-box-shadow:none;box-shadow:none}
.ico-tv{background-image:url("../images/common/ico_tv@2x.png");width:1.9rem;height:1.9rem;background-size:1.9rem 1.9rem}
.ico-logo{background-image:url("../images/common/ico_logo@2x.png");width:1.7rem;height:2.2rem;background-size:1.7rem 2.2rem}
.ico-present{background-image:url("../images/common/ico_present@2x.png");width:1.6rem;height:1.7rem;background-size:1.6rem 1.7rem}
.ico-headphone{background-image:url("../images/common/ico_headphone@2x.png");width:1.9rem;height:1.8rem;background-size:1.9rem 1.8rem}
.ico-file{background-image:url("../images/common/ico_file@2x.png");width:1.5rem;height:1.8rem;background-size:1.5rem 1.8rem}
.ico-book{background-image:url("../images/common/ico_book@2x.png");width:1.9rem;height:1.9rem;background-size:1.9rem 1.9rem}
.ico-board{background-image:url("../images/common/ico_board@2x.png");width:1.9rem;height:1.9rem;background-size:1.9rem 1.9rem}
.ico-person02{background-image:url("../images/common/ico_person02@2x.png");width:1.8rem;height:1.7rem;background-size:1.8rem 1.6rem}
.ico-person01{background-image:url("../images/common/ico_person01@2x.png");width:1.8rem;height:1.7rem;background-size:1.8rem 1.7rem}
.ico-unlocked{background-image:url("../images/common/ico_unlocked@2x.png");width:1.4rem;height:1.9rem;background-size:1.4rem 1.9rem}
.ico-locked{background-image:url("../images/common/ico_locked@2x.png");width:1.4rem;height:1.9rem;background-size:1.4rem 1.9rem}
.ico-close{background-image:url("../images/common/ico_close@2x.png");width:3.3rem;height:3.3rem;background-size:3.3rem 3.3rem}
.ico-search{background-image:url("../images/common/ico_header_search@2x.png");width:2.5rem;height:2.5rem;background-size:2.5rem 2.5rem;-webkit-transition:background .3s ease-out;transition:background .3s ease-out}
.ico-puzzle{background-image:url("../images/common/ico_puzzle@2x.png");width:2.4rem;height:1.8rem;background-size:2.4rem 1.8rem}
.ico-arrow{background-image:url("../images/common/ico_arrow@2x.png");width:0.8rem;height:1.5rem;background-size:0.8rem 1.5rem}
.header-content{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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:100%;width:100%;padding:0 2rem 0 2rem}
.header-content .btn-header-search{display:inline-block;vertical-align:middle;padding:0.7rem}
.header-logo{display:none}
.header-logo .bg-logo{display:block;width:9rem;height:2.8rem;background:url("../images/common/logo01@2x.png") no-repeat center center;background-size:9rem 2.8rem}
.header-page-prev{position:relative;left:-1rem}
.header-page-prev .btn-page-prev{display:block;padding:0.9rem 1rem 0.9rem 1rem}
.header-page-prev .ico-prev{display:block;width:1.2rem;height:2.1rem;background:url("../images/common/ico_header_back@2x.png") no-repeat center center;background-size:1.2rem 2.1rem;-webkit-transition:background .3s ease-out;transition:background .3s ease-out}
.header-gnb-container{display:none;position:fixed;top:0;left:100%;width:100%;height:100%;z-index:85;background-color:#f5f5f5;overflow:hidden;padding-right:constant(safe-area-inset-right);padding-left:constant(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}
.header-gnb-container .gnb-align{-webkit-overflow-scrolling:unset;-ms-touch-action:none;touch-action:none}
.header-gnb-container .gnb-search-container{height:6rem;line-height:6rem;padding:0 2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.header-gnb-container .gnb-search-container .go-main{height:29px;display:inline-block;vertical-align:middle}
.header-gnb-container .gnb-search-container img{height:100%;vertical-align:top}
.header-gnb-container .gnb-search-container .btn-header-close{display:inline-block;vertical-align:top;margin-left:1.5rem}
.header-gnb-container .gnb-login-container{text-align:center;font-size:1.8rem;line-height:1.55;font-weight:500;height:25vh;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}
.header-gnb-container .gnb-login-container .login-btn-box{margin-top:1rem}
.header-gnb-container .gnb-login-container .btn-lv03{padding-top:0.3rem;line-height:1;width:11.5rem}
.header-gnb-container .gnb-login-container .btn-lv03 + .btn-lv03{margin-left:0.5rem;width:auto;min-width:11.5rem}
.header-gnb-container .gnb-login-container .ico-person02{vertical-align:-0.5rem;image-rendering:-moz-crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor}
.header-gnb-container .gnb-list-container{position:absolute;top:-webkit-calc(25vh + 60px);top:calc(25vh + 60px);top:-webkit-calc(25vh + 6rem);top:calc(25vh + 6rem);left:0;height:-webkit-calc(75vh - 60px);height:calc(75vh - 60px);height:-webkit-calc(75vh - 6rem);height:calc(75vh - 6rem);border-radius:2rem 2rem 0 0;width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding-right:constant(safe-area-inset-right);padding-left:constant(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}
.header-gnb-container .gnb-list-container .gnb-list{padding:2.5rem 2rem;border-radius:2rem 2rem 0 0;background-color:#fff}
.header-gnb-container .gnb-list-container .gnb-item{padding:0 1rem 2.6rem}
.header-gnb-container .gnb-list-container .gnb-item + .gnb-item{padding:2.6rem 1rem;border-top:0.1rem solid #ddd}
.header-gnb-container .gnb-list-container .gnb-item:last-child{padding-bottom:0}
.header-gnb-container .gnb-list-container .gnb-txt{display:inline-block;font-size:2rem;line-height:1.5;font-weight:700;margin-left:0.5rem}
.header-gnb-container .gnb-list-container .gnb-2depth-list{font-size:0;margin-top:2rem}
.header-gnb-container .gnb-list-container .gnb-2depth-item{width:50%;display:inline-block}
.header-gnb-container .gnb-list-container .gnb-2depth-item:nth-child(1n+3){margin-top:1rem}
.header-gnb-container .gnb-list-container .gnb-2depth-link{display:block}
.header-gnb-container .gnb-list-container .gnb-2depth-link:focus .gnb-2depth-txt,.header-gnb-container .gnb-list-container .gnb-2depth-link:hover .gnb-2depth-txt{color:#e1002a;border-color:#e1002a}
.header-gnb-container .gnb-list-container .gnb-2depth-txt{font-size:1.5rem;line-height:1.66;color:#222;border-bottom:1px solid transparent;-webkit-transition:border-color .3s ease-in-out,color .3s ease-in-out;transition:border-color .3s ease-in-out,color .3s ease-in-out}
.header-gnb-container .gnb-service-area{border-top:0.4rem solid #eee;padding:2.5rem 3rem;background-color:#fff}
.header-gnb-container .gnb-service-area .btn-box .link{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-weight:500;font-size:1.5rem;line-height:1.66}
.header-gnb-container .gnb-service-area .btn-box + .btn-box{margin-top:1rem}
.header-gnb-container .gnb-service-area .btn-box:first-child .txt{color:#e1002a}
.header-gnb-container .gnb-extra-btn-area{border-top:0.4rem solid #eee;padding:2.5rem 2rem 10rem;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
@supports (-webkit-touch-callout: none){
.header-gnb-container .gnb-extra-btn-area{padding-bottom:15rem}
}
.header-gnb-container .gnb-extra-btn-area .link{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;font-size:1.3rem;line-height:1.76;margin-right:0.5rem;font-weight:500}
.header-gnb-container .gnb-extra-btn-area .link + .link{margin-right:0;margin-left:0.5rem}
.header-gnb-container .gnb-extra-btn-area .link.full{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;margin-left:0;margin-top:0.5rem}
.header-search{display:none}
.header-all-menu{position:relative;right:-1rem}
.header-all-menu .btn-all-menu{padding:1rem 1rem 1rem 1rem}
.header-all-menu .bar-align{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:2.2rem;height:1.8rem;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.header-all-menu [class^=bar0]{border-radius:1px;width:100%;height:2px;background-color:#222;-webkit-transition:background .3s ease-out;transition:background .3s ease-out}
/*! 메인 헤더 컨트롤 */
.bodyClassMain .header-logo{display:block}
.bodyClassMain .header-page-prev{display:none}
.bodyClassMain .header-mobile-title{display:none}
/*! 서브 메인 헤더 컨트롤 */
.bodyClassSubMain .header-logo{display:block}
.bodyClassSubMain .header-page-prev{display:none}
.bodyClassSubMain .header-mobile-title{display:none}
/*! 헤더 화이트 버전 컨트롤 */
.header-continer.white .ico-prev{background-image:url("../images/common/ico_header_back_white@2x.png")}
.header-continer.white .ico-search{background-image:url("../images/common/ico_header_search_white@2x.png")}
.header-continer.white [class^=bar0]{background-color:#fff}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
#header ~ #container #content{padding-top:12rem}
/*! 메인 헤더 스타일 */
.bodyClassMain .header-continer{background-color:rgba(255, 255, 255, 0.95);border-bottom:1px solid #e5e5e5}
/*! 서브 메인 헤더 스타일 */
.bodyClassSubMain .header-continer .bg-gradient{opacity:1;position:absolute;top:0;left:0;width:100%;height:8rem;background-color:rgba(255, 255, 255, 0.95);-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}
/*! 공통 헤더 스타일 */
.header-continer{position:fixed;z-index:80;top:0;left:0;width:100%;overflow:hidden;background-color:rgba(255, 255, 255, 0.95);-webkit-box-shadow:0 0.3rem 0.5rem 0 rgba(0, 0, 0, 0);box-shadow:0 0.3rem 0.5rem 0 rgba(0, 0, 0, 0);-webkit-transition:background-color .25s ease-in-out,-webkit-box-shadow .25s ease-in-out;transition:background-color .25s ease-in-out,-webkit-box-shadow .25s ease-in-out;transition:box-shadow .25s ease-in-out,background-color .25s ease-in-out;transition:box-shadow .25s ease-in-out,background-color .25s ease-in-out,-webkit-box-shadow .25s ease-in-out;border-bottom:1px solid #e5e5e5}
.header-continer.scroll{background:#fff;border-bottom:1px solid #e5e5e5;-webkit-box-shadow:0 0.3rem 0.5rem 0 rgba(0, 0, 0, 0.1);box-shadow:0 0.3rem 0.5rem 0 rgba(0, 0, 0, 0.1)}
.header-continer.scroll .bg-gradient{opacity:0}
.header-continer.none-shadow{-webkit-box-shadow:none;box-shadow:none}
.ico-tv{background-image:url("../images/common/ico_tv@2x.png");width:1.9rem;height:1.9rem;background-size:1.9rem 1.9rem}
.ico-logo{background-image:url("../images/common/ico_logo@2x.png");width:1.7rem;height:2.2rem;background-size:1.7rem 2.2rem}
.ico-present{background-image:url("../images/common/ico_present@2x.png");width:1.6rem;height:1.7rem;background-size:1.6rem 1.7rem}
.ico-headphone{background-image:url("../images/common/ico_headphone@2x.png");width:1.9rem;height:1.8rem;background-size:1.9rem 1.8rem}
.ico-file{background-image:url("../images/common/ico_file@2x.png");width:1.5rem;height:1.8rem;background-size:1.5rem 1.8rem}
.ico-book{background-image:url("../images/common/ico_book@2x.png");width:1.9rem;height:1.9rem;background-size:1.9rem 1.9rem}
.ico-board{background-image:url("../images/common/ico_board@2x.png");width:1.9rem;height:1.9rem;background-size:1.9rem 1.9rem}
.ico-person02{background-image:url("../images/common/ico_person02@2x.png");width:1.9rem;height:1.8rem;background-size:1.9rem 1.8rem}
.ico-person01{background-image:url("../images/common/ico_person01@2x.png");width:1.8rem;height:1.7rem;background-size:1.8rem 1.7rem}
.ico-unlocked{background-image:url("../images/common/ico_unlocked@2x.png");width:1.4rem;height:1.9rem;background-size:1.4rem 1.9rem}
.ico-locked{background-image:url("../images/common/ico_locked@2x.png");width:1.4rem;height:1.9rem;background-size:1.4rem 1.9rem}
.ico-close{background-image:url("../images/common/ico_close@2x.png");width:3.3rem;height:3.3rem;background-size:3.3rem 3.3rem}
.ico-search{background-image:url("../images/common/ico_header_search@2x.png");width:2.5rem;height:2.5rem;background-size:2.5rem 2.5rem;-webkit-transition:background .3s ease-out;transition:background .3s ease-out}
.ico-puzzle{background-image:url("../images/common/ico_puzzle@2x.png");width:2.4rem;height:1.8rem;background-size:2.4rem 1.8rem}
.ico-arrow{background-image:url("../images/common/ico_arrow@2x.png");width:0.8rem;height:1.5rem;background-size:0.8rem 1.5rem}
.header-content{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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:100%;margin:0 auto;position:relative;height:12rem;max-width:192rem;padding:4rem 0 0 0;padding-left:6rem;padding-right:6rem}
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
.header-content{padding-left:3rem!important;padding-right:3rem!important}
}
@media (min-width: 1024px){
.header-logo{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:block;min-width:7rem;text-align:center}
.header-logo .bg-logo{display:inline-block;width:7rem;height:5.8rem;background:url("../images/common/logo01.png") no-repeat center center;background-size:7rem 5.8rem}
.header-page-prev{display:none}
.header-gnb-container{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;display:block;height:100%;z-index:85}
.header-gnb-container .gnb-align{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.header-gnb-container .gnb-search-container{display:none}
.header-gnb-container .gnb-login-container{text-align:center;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;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-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.header-gnb-container .gnb-login-container .info{display:none}
.header-gnb-container .gnb-login-container .centered-box .login-btn-box{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-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.header-gnb-container .gnb-login-container .btn-lv03{padding:0.6rem 1.3rem 0.5rem 1.3rem}
.header-gnb-container .gnb-login-container .btn-lv03 .txt{font-size:1.4rem;line-height:1.71;font-weight:500}
.header-gnb-container .gnb-login-container .btn-lv03 + .btn-lv03{margin-right:1rem}
.header-gnb-container .gnb-login-container .ico-person02{vertical-align:-0.8rem;image-rendering:-moz-crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor}
.header-gnb-container .gnb-list-container{height:auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}
.header-gnb-container .gnb-list-container [class*="ico"]{display:none}
.header-gnb-container .gnb-list-container .gnb-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.header-gnb-container .gnb-list-container .gnb-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}
.header-gnb-container .gnb-list-container .gnb-item .gnb-link{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;height:100%;padding:0 3.5rem}
}
@media (min-width: 1024px) and (max-width: 1200px){
.header-gnb-container .gnb-list-container .gnb-item .gnb-link{padding:0 1.5rem}
.header-gnb-container .gnb-list-container .gnb-item .gnb-link .gnb-txt{font-size:20px}
}
@media (min-width: 1024px){
.header-gnb-container .gnb-list-container .gnb-item .gnb-link:focus .gnb-txt,.header-gnb-container .gnb-list-container .gnb-item .gnb-link:hover .gnb-txt{color:#e1002a}
.header-gnb-container .gnb-list-container .gnb-txt{display:inline-block;font-size:2rem;line-height:1.5;font-weight:500;white-space:nowrap;-webkit-transition:color .2s ease-out;transition:color .2s ease-out}
.header-gnb-container .gnb-list-container .gnb-2depth-list{position:absolute;top:100%;left:0;width:100%;display:none;text-align:center}
.header-gnb-container .gnb-list-container .gnb-2depth-item{margin-top:3rem}
.header-gnb-container .gnb-list-container .gnb-2depth-link{display:block}
.header-gnb-container .gnb-list-container .gnb-2depth-link:focus .gnb-2depth-txt,.header-gnb-container .gnb-list-container .gnb-2depth-link:hover .gnb-2depth-txt{color:#e1002a;border-color:#e1002a}
.header-gnb-container .gnb-list-container .gnb-2depth-txt{font-size:1.6rem;line-height:1.62;color:#222;border-bottom:1px solid transparent;-webkit-transition:border-color .3s ease-out,color .3s ease-out;transition:border-color .3s ease-out,color .3s ease-out}
.header-gnb-container .gnb-exta-container{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;position:absolute;width:100%;height:4rem;top:0;right:6rem;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.header-gnb-container .gnb-exta-container::before{content:"";display:block;position:absolute;bottom:0;height:1px;width:200vw;left:-30%;background-color:#e5e5e5}
.header-gnb-container .gnb-service-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-right:2rem}
.header-gnb-container .gnb-service-area [class*="ico"]{display:none}
.header-gnb-container .gnb-service-area .btn-box .link{width:100%;font-weight:500;font-size:1.4rem;line-height:1.71;color:#555}
.header-gnb-container .gnb-service-area .btn-box + .btn-box{margin-left:2rem}
.header-gnb-container .gnb-service-area .btn-box:first-child .txt{color:#e1002a}
.header-gnb-container .gnb-extra-btn-area{padding-left:2rem;position:relative;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.header-gnb-container .gnb-extra-btn-area [class*="ico"]{display:none}
.header-gnb-container .gnb-extra-btn-area .link{border:0;background-color:transparent;padding:0;min-width:auto;color:#555}
.header-gnb-container .gnb-extra-btn-area .link .txt{font-size:1.4rem;line-height:1.71;font-weight:500}
.header-gnb-container .gnb-extra-btn-area .link + .link{margin-right:0;margin-left:1.5rem}
.header-gnb-container .gnb-extra-btn-area::after{content:"";display:inline-block;position:absolute;top:0;left:0;width:1px;height:1.4rem;background-color:#ccc;top:50%;margin-top:-0.6rem}
.header-search{display:none}
.header-all-menu{position:absolute;top:6.8rem;right:27rem;z-index:86}
.header-all-menu.on{right:30rem}
}
@media (min-width: 1024px) and (max-width: 1200px){
.header-all-menu{right:24rem}
.header-all-menu.on{right:27rem}
}
@media (min-width: 1024px){
/*! 메인 헤더 컨트롤 */
.bodyClassMain .header-logo{display:block}
.bodyClassMain .header-page-prev{display:none}
.bodyClassMain .header-mobile-title{display:none}
/*! 서브 메인 헤더 컨트롤 */
.bodyClassSubMain .header-logo{display:block}
.bodyClassSubMain .header-page-prev{display:none}
.bodyClassSubMain .header-mobile-title{display:none}
}
/*! mobile 버전 - css */
@media (max-width: 1023px){
/*! footer layout */
.footer-content{background-color:#333}
.ico-to-top{width:1.5rem;height:0.9rem;background-size:1.5rem 0.9rem;background-image:url(../images/common/bu_arrow_top@2x.png)}
/*! footer etc */
.footer-etc-container{background-color:#2b2b2b}
.footer-etc-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:1rem 0 1rem 2rem}
.footer-etc-item{margin-right:2.8rem}
.footer-etc-item:nth-child(2) .footer-etc-txt{color:#00bca9}
.footer-etc-link{display:block;padding:0.5rem 0 0.5rem 0}
.footer-etc-txt{font-size:1.3rem;line-height:1.76;color:#fff}
/*! footer sns */
.footer-sns-list{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;padding:2.5rem 2rem 2rem 2rem}
.footer-sns-item{margin-right:3.5rem}
.footer-sns-link{display:block}
[class^=footer-sns-ico]{display:block;background-repeat:no-repeat;background-position:center center}
.footer-sns-ico01{width:2.2rem;height:2.2rem;background-size:2.2rem 2.2rem;background-image:url("../images/common/ico_footer_sns01@2x.png")}
.footer-sns-ico02{width:1.5rem;height:2.2rem;background-size:1.5rem 2.2rem;background-image:url("../images/common/ico_footer_sns02@2x.png")}
.footer-sns-ico03{width:2.5rem;height:1.9rem;background-size:2.5rem 1.9rem;background-image:url("../images/common/ico_footer_sns03@2x.png")}
.footer-sns-ico04{width:2.2rem;height:2rem;background-size:2.2rem 2rem;background-image:url("../images/common/ico_footer_sns04@2x.png")}
/*! footer info */
.footer-info-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0 2rem 0 2rem}
.footer-info-item:nth-child(1) .footer-info-txt:nth-child(1):after{display:inline-block}
.footer-info-item:nth-child(2) .footer-info-txt:nth-child(1):after{display:inline-block}
.footer-info-item:last-child{font-family:"Mulish";margin-top:0.3rem}
.footer-info-item:last-child .footer-info-txt{color:#999}
.footer-info-txt{font-size:1.2rem;line-height:1.83;color:#fff;margin:0 0.9rem 0 0}
.footer-info-txt:after{display:none;margin:-0.2rem 0 0 1rem;content:'';width:1px;height:1.2rem;background-color:#222}
/*! footer util */
.footer-util-container{padding:2rem 0 4.5rem 0}
.footer-util-list{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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 2rem 0 2rem}
.footer-logo-btn{display:block;width:9rem;height:2.8rem;background:url("../images/common/logo_footer@2x.png") no-repeat center center;background-size:9rem 2.8rem}
.footer-family-site-continer .drop-down-wrap{position:relative;width:15rem;height:3.5rem;margin:0}
.footer-family-site-continer .drop-down-container.absolute-top{position:absolute;z-index:1;bottom:0;left:0;width:100%}
.footer-family-site-continer .drop-down-align.top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-flow:column-reverse;-ms-flex-flow:column-reverse;flex-flow:column-reverse;position:relative;border:1px solid #1f1f1f;border-radius:0.5rem}
.footer-family-site-continer .drop-down-align.top .drop-down-btn{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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;background-color:transparent;padding:0.6rem 1.5rem 0.5rem 1.5rem;border-radius:0.5rem}
.footer-family-site-continer .drop-down-align.top .drop-down-btn:focus{outline:0}
.footer-family-site-continer .drop-down-align.top .drop-down-index{text-align:left;color:#fff;font-size:1.3rem;line-height:1.76}
.footer-family-site-continer .drop-down-align.top .drop-down-index.on{color:#222}
.footer-family-site-continer .drop-down-align.top .drop-down-ico{display:block;width:1.5rem;height:0.8rem;background:url("../images/common/bu_familysite_up@2x.png") no-repeat center center;background-size:1.5rem 0.8rem}
.footer-family-site-continer .drop-down-align.top .drop-down-list{display:none;overflow:hidden;width:100%;background-color:#fff;border-radius:0;border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}
.footer-family-site-continer .drop-down-align.top .drop-down-item:last-child .drop-down-link{border-radius:0;border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}
.footer-family-site-continer .drop-down-align.top .drop-down-link{cursor:pointer;text-align:left;cursor:pointer;display:block;width:100%;padding:0.9rem 1.5rem 0.9rem 1.5rem}
.footer-family-site-continer .drop-down-align.top .drop-down-link:focus,.footer-family-site-continer .drop-down-align.top .drop-down-link:hover{background-color:#444}
.footer-family-site-continer .drop-down-align.top .drop-down-txt{font-size:1.5rem;line-height:1.66;font-weight:500;color:#fff}
.footer-family-site-continer .drop-down-align.top.open .drop-down-btn{border-radius:0.5rem;border-top-right-radius:0;border-top-left-radius:0;background-color:#444}
.footer-family-site-continer .drop-down-align.top.open .drop-down-ico{background-image:url("../images/common/bu_familysite_down@2x.png")}
.footer-family-site-continer .drop-down-align.top.open .drop-down-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-flow:column-reverse;-ms-flex-flow:column-reverse;flex-flow:column-reverse;border-radius:0;border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;background-color:#444}
.footer-family-site-continer .drop-down-align.top.open .drop-down-item:last-child .drop-down-link{border-radius:0;border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}
.service-center-info-wrapper{border-top:0.2rem solid #ddd;padding:3rem 2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#fff}
.service-center-info-wrapper .ico-call{display:none}
.service-center-info-wrapper .info-box{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.service-center-info-wrapper .info-box .call{color:#e1002a;font-family:"Mulish";font-size:3rem;line-height:1.33;font-weight:700}
.service-center-info-wrapper .info-box .time .txt{display:inline-block;font-size:1.3rem;line-height:1.76}
.service-center-info-wrapper .info-box .time .num{display:inline-block;font-size:1.3rem;line-height:1.76;font-family:"Mulish";font-weight:700;margin-left:0.3rem}
.service-center-info-wrapper .info-box .desc{font-size:1.3rem;line-height:1.76}
.service-center-info-wrapper .btn-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}
.service-center-info-wrapper .btn-box .btn-lv02{width:13rem;height:4rem;font-size:1.5rem;line-height:1.66}
.footer-util-area{height:0;text-align:right;position:relative}
.footer-util-area .ui-sticky-top{position:fixed;bottom:2rem;right:2rem;z-index:78;-webkit-transition:bottom .5s ease-in-out,opacity .25s ease-in-out;transition:bottom .5s ease-in-out,opacity .25s ease-in-out;opacity:0;display:none}
.footer-util-area .ui-sticky-top .top-btn{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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:5rem;height:5rem;border-radius:5rem;background-color:#fff;border:1px solid #e5e5e5;-webkit-box-shadow:0 0.4rem 0.6rem rgba(0, 0, 0, 0.1);box-shadow:0 0.4rem 0.6rem rgba(0, 0, 0, 0.1)}
.footer-util-area .ui-sticky-top .txt{font-family:"Mulish";font-size:1.1rem;line-height:1.9;font-weight:500;margin-top:0.5rem;line-height:1;display:inline-block}
.footer-util-area .ui-sticky-top.visible{opacity:1}
.footer-util-area .ui-sticky-top.bottom-up01{bottom:8rem}
.footer-util-area .ui-sticky-top.none-fixed{position:absolute}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
.ico-to-top{width:1.5rem;height:0.9rem;background-size:1.5rem 0.9rem;background-image:url(../images/common/bu_arrow_top@2x.png)}
/*! footer layout */
.footer-content{position:relative;background-color:#333}
.footer-content:before{content:'';position:absolute;top:0;left:0;width:100%;background-color:#2b2b2b;height:5.5rem;border-bottom:1px solid #000}
.footer-align01{position:relative;z-index:1;max-width:1240px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:5.5rem;padding:0 2rem 0 2rem}
.footer-align02{max-width:1240px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding:2.5rem 2rem 4rem 2rem}
/*! footer etc */
.footer-etc-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:1rem 0 1rem 0}
.footer-etc-item{margin-right:4rem}
.footer-etc-item:nth-child(2) .footer-etc-txt{color:#00bca9}
.footer-etc-link{display:block;padding:0.5rem 0 0.5rem 0}
.footer-etc-txt{font-size:1.6rem;line-height:1.62;color:#fff}
/*! footer sns */
.footer-sns-list{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;padding:1.5rem 0 1.5rem 0}
.footer-sns-item{margin-right:3.5rem}
.footer-sns-item:last-child{margin-right:0}
.footer-sns-link{display:block}
[class^=footer-sns-ico]{display:block;background-repeat:no-repeat;background-position:center center}
.footer-sns-ico01{width:2.3rem;height:2.2rem;background-size:2.3rem 2.2rem;background-image:url("../images/common/ico_footer_sns01@2x.png")}
.footer-sns-ico02{width:1.6rem;height:2.3rem;background-size:1.6rem 2.3rem;background-image:url("../images/common/ico_footer_sns02@2x.png")}
.footer-sns-ico03{width:2.7rem;height:1.9rem;background-size:2.7rem 1.9rem;background-image:url("../images/common/ico_footer_sns03@2x.png")}
.footer-sns-ico04{width:2.4rem;height:2.2rem;background-size:2.4rem 2.2rem;background-image:url("../images/common/ico_footer_sns04@2x.png")}
/*! footer info */
.footer-info-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:80rem}
.footer-info-item{padding:0.2rem 0 0.2rem 0}
.footer-info-item:nth-child(3) .footer-info-txt:nth-child(1):after{display:none}
.footer-info-item:nth-child(5) .footer-info-txt:nth-child(1):after{display:none}
.footer-info-item:nth-child(6) .footer-info-txt:nth-child(1):after{display:none}
.footer-info-item:last-child{font-family:"Mulish";margin-top:0.6rem}
.footer-info-item:last-child .footer-info-txt{color:#999}
.footer-info-txt{font-size:1.4rem;line-height:1.71;color:#fff;margin:0 1.4rem 0 0}
.footer-info-txt:after{display:inline-block;margin:-0.2rem 0 0 1.5rem;content:'';width:1px;height:1.2rem;background-color:#222}
/*! footer util */
.footer-util-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.footer-logo-btn{display:block;width:10rem;height:3.2rem;background:url("../images/common/logo_footer@2x.png") no-repeat center center;background-size:10rem 3.2rem;margin-top:-0.5rem;margin-bottom:2.5rem}
.footer-family-site-continer .drop-down-wrap{position:relative;width:18rem;height:4rem;margin:0}
.footer-family-site-continer .drop-down-container.absolute-top{position:absolute;z-index:1;bottom:0;left:0;width:100%}
.footer-family-site-continer .drop-down-align.top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;position:relative;-webkit-flex-flow:column-reverse;-ms-flex-flow:column-reverse;flex-flow:column-reverse;border:1px solid #1f1f1f;border-radius:0.5rem;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.footer-family-site-continer .drop-down-align.top .drop-down-btn{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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;background-color:transparent;padding:0.8rem 1.5rem 0.8rem 1.5rem;border-radius:0.5rem}
.footer-family-site-continer .drop-down-align.top .drop-down-btn:focus{outline:0}
.footer-family-site-continer .drop-down-align.top .drop-down-index{text-align:left;color:#fff;font-size:1.3rem;line-height:1.76}
.footer-family-site-continer .drop-down-align.top .drop-down-index.on{color:#222}
.footer-family-site-continer .drop-down-align.top .drop-down-ico{display:block;width:1.5rem;height:0.8rem;background:url("../images/common/bu_familysite_up@2x.png") no-repeat center center;background-size:1.5rem 0.8rem}
.footer-family-site-continer .drop-down-align.top .drop-down-list{display:none;overflow:hidden;width:100%;background-color:#fff;border-radius:0;border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}
.footer-family-site-continer .drop-down-align.top .drop-down-item:last-child .drop-down-link{border-radius:0;border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}
.footer-family-site-continer .drop-down-align.top .drop-down-link{cursor:pointer;text-align:left;cursor:pointer;display:block;width:100%;padding:1.1rem 1.5rem 1.2rem 1.5rem}
.footer-family-site-continer .drop-down-align.top .drop-down-link:focus,.footer-family-site-continer .drop-down-align.top .drop-down-link:hover{background-color:#444}
.footer-family-site-continer .drop-down-align.top .drop-down-txt{font-size:1.5rem;line-height:1.66;font-weight:500;color:#fff}
.footer-family-site-continer .drop-down-align.top.open .drop-down-btn{border-radius:0.5rem;border-top-right-radius:0;border-top-left-radius:0;background-color:#444}
.footer-family-site-continer .drop-down-align.top.open .drop-down-ico{background-image:url("../images/common/bu_familysite_down@2x.png")}
.footer-family-site-continer .drop-down-align.top.open .drop-down-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-flow:column-reverse;-ms-flex-flow:column-reverse;flex-flow:column-reverse;border-radius:0;border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;background-color:#444}
.footer-family-site-continer .drop-down-align.top.open .drop-down-item:last-child .drop-down-link{border-radius:0;border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}
.service-center-info-wrapper{border-top:0.1rem solid #ddd;height:8rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#fff;position:relative;-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}
.service-center-info-wrapper .ico-call{display:inline-block;background:url(../images/common/ico_call@2x.png) no-repeat center;width:8.1rem;height:3.8rem;background-size:8.1rem 3.8rem;margin-right:1.5rem}
.service-center-info-wrapper .info-box{text-align:center;font-size:0}
.service-center-info-wrapper .info-box .call{display:inline-block;vertical-align:middle;color:#e1002a;font-family:"Mulish";font-size:3rem;line-height:1.33;font-weight:700;margin-right:2.8rem}
.service-center-info-wrapper .info-box .time{display:inline-block;vertical-align:middle;padding-right:2.6rem;position:relative}
.service-center-info-wrapper .info-box .time + .time{padding-right:0;padding-left:2.6rem}
.service-center-info-wrapper .info-box .time + .time::after{content:"";display:inline-block;width:1px;background-color:#ddd;height:1.6rem;position:absolute;left:0;top:50%;margin-top:-0.8rem}
.service-center-info-wrapper .info-box .time .txt{display:inline-block;vertical-align:middle;font-size:1.8rem;line-height:1.55;font-weight:400}
.service-center-info-wrapper .info-box .time .num{display:inline-block;vertical-align:-0.8rem;font-size:1.8rem;line-height:1.55;font-family:"Mulish";font-weight:700;margin-left:1.2rem}
.service-center-info-wrapper .info-box .desc{display:inline-block;vertical-align:middle;font-size:1.8rem;line-height:1.55;margin-left:0.7rem;color:#666}
.service-center-info-wrapper .btn-box{display:none}
.footer-util-area{height:0;text-align:right;position:relative}
.footer-util-area .ui-sticky-top{position:fixed;bottom:6rem;right:6rem;z-index:78;-webkit-transition:bottom .5s ease-in-out,opacity .25s ease-in-out;transition:bottom .5s ease-in-out,opacity .25s ease-in-out;opacity:0;display:none}
.footer-util-area .ui-sticky-top .top-btn{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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:7rem;height:7rem;border-radius:7rem;background-color:#fff;border:1px solid #e5e5e5;-webkit-box-shadow:0 0.4rem 0.6rem rgba(0, 0, 0, 0.1);box-shadow:0 0.4rem 0.6rem rgba(0, 0, 0, 0.1)}
.footer-util-area .ui-sticky-top .txt{font-family:"Mulish";font-size:1.4rem;line-height:1.71;font-weight:500;margin-top:0.8rem;line-height:1;display:inline-block}
.footer-util-area .ui-sticky-top.visible{opacity:1}
.footer-util-area .ui-sticky-top.bottom-up01{bottom:8rem}
.footer-util-area .ui-sticky-top.none-fixed{position:absolute}
}
/*! mobile 버전 - css */
@media (max-width: 1023px){
#section-bx{position:relative}
[class*="section"]{position:relative;width:100%}
[class*="section"] .section-bx{padding:4rem 0 0 0;margin:6rem 0 0 0}
[class*="section"] .tit-zone{position:absolute;left:2rem;top:0;z-index:2}
[class*="section"] .tit-zone h2.tit{font-size:3.6rem;line-height:1.27;font-weight:700}
[class*="section"] .tit-zone i{display:inline-block}
[class*="section"] .tit-zone .bu-area{position:relative;left:0.2rem;bottom:0.4rem;width:2.7rem;height:0.7rem;font-size:0}
[class*="section"] .tit-zone .bu-area.entered .bu{width:100%}
[class*="section"] .tit-zone .bu-area .bu{width:0;height:0.7rem;border-radius:0.8rem;background-color:#e1002a;-webkit-transition:width 1s cubic-bezier(0.7, 0.02, 0.12, 1.18) w;transition:width 1s cubic-bezier(0.7, 0.02, 0.12, 1.18) w}
[class*="section"] .cont-zone{position:relative}
.ui-motion-stagger [class*="ui-motion"]:nth-child(1){-webkit-transition-delay:0s;transition-delay:0s}
.ui-motion-stagger [class*="ui-motion"]:nth-child(2){-webkit-transition-delay:0.25s;transition-delay:0.25s}
.ui-motion-stagger [class*="ui-motion"]:nth-child(3){-webkit-transition-delay:0.5s;transition-delay:0.5s}
.ui-motion-stagger [class*="ui-motion"]:nth-child(4){-webkit-transition-delay:0.75s;transition-delay:0.75s}
.ui-motion-stagger [class*="ui-motion"]:nth-child(5){-webkit-transition-delay:1s;transition-delay:1s}
.ui-motion-stagger [class*="ui-motion"]:nth-child(6){-webkit-transition-delay:1.25s;transition-delay:1.25s}
.ui-motion-stagger [class*="ui-motion"]:nth-child(7){-webkit-transition-delay:1.5s;transition-delay:1.5s}
.ui-motion-stagger [class*="ui-motion"]:nth-child(8){-webkit-transition-delay:1.75s;transition-delay:1.75s}
.ui-motion-stagger [class*="ui-motion"]:nth-child(9){-webkit-transition-delay:2s;transition-delay:2s}
.ui-motion-stagger [class*="ui-motion"]:nth-child(10){-webkit-transition-delay:2.25s;transition-delay:2.25s}
.ui-motion-stagger [class*="ui-motion"]:nth-child(11){-webkit-transition-delay:2.5s;transition-delay:2.5s}
.ui-motion-stagger.entered .ui-motion-y{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out,-webkit-transform .6s ease-in-out}
.ui-motion-stagger.entered .ui-motion-x{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out,-webkit-transform .6s ease-in-out}
.ui-motion-stagger.entered .ui-motion-scale{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out,-webkit-transform .6s ease-in-out}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(1){-webkit-transition-delay:0s;transition-delay:0s}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(2){-webkit-transition-delay:0.25s;transition-delay:0.25s}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(3){-webkit-transition-delay:0.5s;transition-delay:0.5s}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(4){-webkit-transition-delay:0.75s;transition-delay:0.75s}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(5){-webkit-transition-delay:1s;transition-delay:1s}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(6){-webkit-transition-delay:1.25s;transition-delay:1.25s}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(7){-webkit-transition-delay:1.5s;transition-delay:1.5s}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(8){-webkit-transition-delay:1.75s;transition-delay:1.75s}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(9){-webkit-transition-delay:2s;transition-delay:2s}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(10){-webkit-transition-delay:2.25s;transition-delay:2.25s}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(11){-webkit-transition-delay:2.5s;transition-delay:2.5s}
.ui-motion-y{-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);opacity:0}
.ui-motion-y.entered{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out,-webkit-transform .6s ease-in-out}
.ui-motion-x{-webkit-transform:translateX(40px);-ms-transform:translateX(40px);transform:translateX(40px);opacity:0}
.ui-motion-x.entered{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out,-webkit-transform .6s ease-in-out}
.ui-motion-scale{-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);opacity:0}
.ui-motion-scale.entered{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out,-webkit-transform .6s ease-in-out}
.swiper-pagination{display:block;position:static;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;height:1rem;top:-0.1rem}
.swiper-pagination .swiper-pagination-bullet{margin:0 0.4rem}
.swiper-pagination .swiper-pagination-bullet{width:0.8rem;height:0.8rem;background-color:#000;opacity:.3}
.swiper-pagination .swiper-pagination-bullet-active{background-color:#222;opacity:1}
.btn-swiper-circle{position:relative}
.btn-swiper-circle .swiper-container{padding:2rem}
.btn-swiper-circle .swiper-button-next,.btn-swiper-circle .swiper-button-prev{display:none;-webkit-transition:all .1s ease-out;transition:all .1s ease-out;width:6.8rem;height:6.8rem;margin-top:-3.2rem;border:1px solid #000;border-radius:100%;opacity:.2}
.btn-swiper-circle .swiper-button-next::after,.btn-swiper-circle .swiper-button-prev::after{width:1.5rem;height:2.7rem;background-repeat:no-repeat;background-position:center center;background-size:100%}
.btn-swiper-circle .swiper-button-prev{left:-4rem}
.btn-swiper-circle .swiper-button-prev:after{background-image:url("../images/main/bu_common_prev@2x.png")}
}
@media (max-width: 1023px) and (max-width: 1320px){
.btn-swiper-circle .swiper-button-prev{left:0}
}
@media (max-width: 1023px){
.btn-swiper-circle .swiper-button-next{right:-4rem}
.btn-swiper-circle .swiper-button-next:after{background-image:url("../images/main/bu_common_next@2x.png")}
}
@media (max-width: 1023px) and (max-width: 1320px){
.btn-swiper-circle .swiper-button-next{right:0}
}
@media (max-width: 1023px){
.btn-swiper-circle .swiper-button-next:hover,.btn-swiper-circle .swiper-button-prev:hover{border-color:#e1002a;-webkit-box-shadow:0 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.2);box-shadow:0 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.2);opacity:1}
.btn-swiper-circle .swiper-button-prev:hover::after{background-image:url("../images/main/bu_common_prev@2x_hover.png")}
.btn-swiper-circle .swiper-button-next:hover::after{background-image:url("../images/main/bu_common_next@2x_hover.png")}
.btn-swiper-circle .swiper-button-next.swiper-button-disabled,.btn-swiper-circle .swiper-button-prev.swiper-button-disabled{border-color:#222;background-color:#ddd;opacity:.2}
.main-swiper.ui-swiper01 .v-img img{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.visual-zone .visual-bg{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover}
.visual-zone .visual-bx{position:relative;height:49.8rem;padding:4rem 2rem 0 2rem;z-index:1}
.visual-zone .v-txt .flag{position:relative;left:0;width:5rem;height:5rem;margin-bottom:2.5rem;border-radius:6.8rem;font-size:1.3rem;line-height:1.76;font-weight:700;color:#291a04;z-index:2;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}
.visual-zone .v-txt .flag.yellow{background-color:#ffe53f}
.visual-zone .v-txt .flag.sky-blue{background-color:#0080d9;color:#fff}
.visual-zone .v-txt .txt{margin-bottom:0.3rem;font-size:1.7rem;line-height:1.58;color:#ffe53f;font-weight:700}
.visual-zone .v-txt .txt.sky-blue{color:#0080d9}
.visual-zone .v-txt .tit{margin-bottom:0.7rem;font-size:3.3rem;line-height:1.3;letter-spacing:-0.025em;font-weight:700;color:#fff}
.visual-zone .v-txt .tit.font-black{color:#222}
.visual-zone .v-txt .copy{margin-bottom:2.7rem;font-size:1.5rem;line-height:1.66;color:#fff}
.visual-zone .v-txt .copy.font-black{color:#222}
.visual-zone .v-txt .btn a{font-size:1.3rem;line-height:1.76;color:#222}
.visual-zone .v-txt .btn a .ico-area{display:inline-block;width:3rem;height:3rem;margin-left:1.1rem;vertical-align:0.1rem;border-radius:3rem;text-align:center;background:rgba(255, 255, 255, 0.5)}
.visual-zone .v-txt .btn a .ico-area .ico-view-arrow{position:relative;right:0;display:inline-block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-image:url("../images/main/btn_arrow_right@2x.png");border-radius:3rem;background-size:0.6rem 1rem;-webkit-box-shadow:0.283rem 0.283rem 0.4rem 0 rgba(0, 0, 0, 0.1);box-shadow:0.283rem 0.283rem 0.4rem 0 rgba(0, 0, 0, 0.1)}
.visual-zone .v-img{position:absolute;right:0;bottom:0}
.visual-wrap .visual-zone{overflow:hidden;position:relative;margin:0 auto}
.visual-wrap .visual-zone .visual-bx{padding:4rem 3rem 0 3rem}
.visual-wrap .visual-zone .v-txt{position:relative;height:30rem}
.visual-wrap .visual-zone .v-txt .tit{margin-bottom:0;font-size:2.8rem;line-height:1.35;letter-spacing:-0.025em;font-weight:700;color:#fff;word-break:break-all}
.visual-wrap .visual-zone .v-txt .tit.font-black{color:#222}
.visual-wrap .visual-zone .v-txt .copy{word-break:break-all;margin-top:0.7rem;margin-bottom:0}
.visual-wrap .visual-zone .v-txt .btn{position:absolute;bottom:0;left:0}
.visual-wrap .visual-zone .v-img img{width:26rem}
.visual-wrap .main-swiper .swiper-pagination{position:absolute;left:3rem;bottom:4rem;top:auto;width:auto;min-width:60px;height:3rem;padding:0 0.7rem;border-radius:1.5rem;font-size:1.4rem;line-height:1.71;line-height:3rem;color:#ccc;background:rgba(0, 0, 0, 0.5);font-family:"Mulish";font-weight:500}
.visual-wrap .main-swiper .swiper-pagination .swiper-pagination-current{display:inline-block;color:#fff;vertical-align:0}
.visual-wrap .main-swiper .swiper-pagination .swiper-pagination-total{display:inline-block;vertical-align:0}
.visual-wrap .main-swiper .swiper-button-next,.visual-wrap .main-swiper .swiper-button-prev{display:none;width:3.1rem;height:5.9rem;opacity:.3}
.visual-wrap .main-swiper .swiper-button-prev{left:50%;margin:-2.9rem 0 0 -60rem}
.visual-wrap .main-swiper .swiper-button-prev:after{width:3.1rem;height:5.9rem;font-size:0;display:block;background:url("../images/main/bu_visual_prev.png") no-repeat center center;background-size:100%}
}
@media (max-width: 1023px) and (max-width: 1200px){
.visual-wrap .main-swiper .swiper-button-prev{left:2rem;margin:-2.9rem 0 0 0}
}
@media (max-width: 1023px){
.visual-wrap .main-swiper .swiper-button-next{right:50%;margin:-2.9rem -60rem 0 0}
.visual-wrap .main-swiper .swiper-button-next:after{font-size:0;display:block;width:3.1rem;height:5.9rem;background:url("../images/main/bu_visual_next.png") no-repeat center center;background-size:100%}
}
@media (max-width: 1023px) and (max-width: 1200px){
.visual-wrap .main-swiper .swiper-button-next{right:2rem;margin:-2.9rem 0 0 0}
}
@media (max-width: 1023px){
.visual-wrap .main-swiper .swiper-button-prev:hover{opacity:1}
.visual-wrap .main-swiper .swiper-button-prev:hover::after{background-image:url("../images/main/bu_visual_prev_hover.png")}
.visual-wrap .main-swiper .swiper-button-next:hover{opacity:1}
.visual-wrap .main-swiper .swiper-button-next:hover::after{background-image:url("../images/main/bu_visual_next_hover.png")}
.visual-wrap .main-swiper .swiper-button-next.swiper-button-disabled,.visual-wrap .main-swiper .swiper-button-prev.swiper-button-disabled{border:1px solid red;display:none}
.category-wrap{margin:2.8rem auto 0 auto;padding:0 2rem}
.category-wrap .category-bx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.category-wrap .category-bx li{position:relative;margin-right:0.9rem;-webkit-box-flex:1;-webkit-flex:1 1 50%;-ms-flex:1 1 50%;flex:1 1 50%;-webkit-transform:scale(1)!important;-ms-transform:scale(1)!important;transform:scale(1)!important;opacity:1!important}
.category-wrap .category-bx li:last-child{margin-right:0;-webkit-transition-delay:.15s;transition-delay:.15s}
.category-wrap .category-bx li a{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;height:9.2rem;padding:0 0 0 1.9rem;border:1px solid #ddd;border-radius:1rem;-webkit-box-shadow:0 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.1);box-shadow:0 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.1);letter-spacing:-0.025em}
.category-wrap .category-bx li a span{font-size:1.3rem;line-height:1.76;color:#777;font-weight:500}
.category-wrap .category-bx li a strong{display:block;font-size:2rem;line-height:1.5;font-weight:700}
.category-wrap .category-bx li a strong::after{content:'';display:inline-block;margin-left:0.9rem;width:0.9rem;height:1.6rem;vertical-align:-0.1rem;background:url("../images/main/bu_category_arrow@2x.png") no-repeat left top;background-size:100%}
.section01 .popular-swiper .indicator-bx{margin-top:7.3rem}
.section01 .popular-swiper .swiper-slide{overflow:hidden}
.section01 .visual-bx{height:28rem}
.section01 .visual-bx .v-txt{position:absolute;left:2rem;bottom:14.7rem;color:#fff;letter-spacing:-0.025em}
.section01 .visual-bx .v-txt .txt01{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;position:relative;width:5.2rem;height:5.2rem;margin-bottom:1rem;border-radius:100%;color:#000;font-size:1.4rem;line-height:1.71}
.section01 .visual-bx .v-txt .txt01 .bg-ani{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:100%}
.section01 .visual-bx .v-txt .txt01 .rank{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;width:4rem;height:4rem;border-radius:100%;background-color:#ffe542}
.section01 .visual-bx .v-txt .txt01 .rank em{position:relative;top:0;font-size:2.1rem;line-height:1.47;font-weight:700;font-family:"Mulish"}
.section01 .visual-bx .v-txt .txt02{font-size:1.4rem;line-height:1.71;font-weight:500}
.section01 .visual-bx .v-txt .txt03{font-size:2.5rem;line-height:1.4;font-weight:700}
.section01 .visual-bx .v-txt.font-black{color:#222}
.section01 .visual-bx .v-img{width:19rem;height:22rem;right:-3rem;bottom:1rem;position:absolute}
.section01 .visual-bx .v-img img{position:absolute;top:0;max-height:100%}
.section01 .visual-bx .v-img img:nth-child(2){display:none}
.section01 .related-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;right:2rem;bottom:3rem;z-index:2}
.section01 .related-link li{margin-left:1rem}
.section01 .related-link li a{display:block;width:10.5rem;height:10.5rem;padding:1rem 0;border-radius:0.5rem;background-color:#fff;-webkit-box-shadow:0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1);box-shadow:0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1)}
.section01 .related-link li a .txt{display:block;font-size:1.3rem;line-height:1.76;text-align:center;color:#333;font-weight:500;letter-spacing:-0.025em}
.section01 .related-link [class^="ico"]{display:block;width:100%;height:6rem;background-repeat:no-repeat;background-position:center center}
.section01 .related-link .ico-unboxing{background-image:url(../images/main/ico_unboxing@2x.png);background-size:5rem 3.5rem}
.section01 .related-link .ico-special{background-image:url(../images/main/ico_special@2x.png);background-size:4.5rem 3.3rem}
.section01 .related-link .ico-preview{background-image:url(../images/main/ico_preview@2x.png);background-size:3.9rem 3.7rem}
.section02::before{content:'';position:absolute;left:0;top:4rem;width:100%;height:13.2rem;background-color:#eee}
.section02 .section-bx{margin-top:4.3rem}
.section02 .custom-search{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;padding:6.5rem 2rem 3rem 2rem}
.section02 .custom-search .select-area{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}
.section02 .custom-search .select-area .selectbox{position:relative;z-index:0;overflow:hidden;width:33.3%;margin-right:1.2rem;padding:0 0 0 0;border:0;border-bottom:4px solid #000;border-radius:0}
.section02 .custom-search .select-area .selectbox::after{content:'';display:block;position:absolute;top:50%;right:0;margin-top:-0.3rem;width:1.5rem;height:0.8rem;background:url("../images/main/bu_selectbox_down@2x.png") no-repeat center center;background-size:1rem 0.6rem}
.section02 .custom-search .select-area .selectbox:last-child{margin-right:0}
.section02 .custom-search .select-area .selectbox select{cursor:pointer;position:relative;z-index:1;width:100%;padding:0 1.5rem 0 0;height:3.1rem;font-size:1.5rem;line-height:1.66;font-weight:500;color:#222;background-color:transparent;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}
.section02 .custom-search .select-area .selectbox select::-ms-expand{display:none}
.section02 .custom-search .select-area .selectbox select:disabled{background-color:#f5f5f5;pointer-events:none;color:#ccc}
.section02 .custom-search .btn-area{margin-left:2rem}
.section02 .custom-search .btn-area .btn-search{display:inline-block;min-width:7.5rem;padding:0.4rem 2rem 0.3rem 2rem;border-radius:3.5rem;border:1px solid #222;background-color:#222;color:#fff;text-align:center;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.section02 .custom-search .btn-area .btn-search .txt{font-size:1.7rem;line-height:1.58;font-weight:500}
.section02 .books-swiper .swiper-container{padding:2rem}
.section02 .books-swiper .books-item{border-radius:0.6rem;border:1px solid #eee;-webkit-box-shadow:0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.2);box-shadow:0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.2)}
.section02 .books-swiper .detial-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:14.3rem;padding:2rem 0}
.section02 .books-swiper .detial-link .logo-bx{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;padding:0 2rem;height:7.5rem}
.section02 .books-swiper .detial-link .logo-bx img{max-width:100%}
.section02 .books-swiper .detial-link .tit{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;width:100%;height:auto;text-align:center;font-weight:700;font-size:1.3rem;line-height:1.76;color:#000}
.section02 .books-swiper .txt-bx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-top:1px solid #e5e5e5}
.section02 .books-swiper .txt-bx a{padding:1.1rem 0;border-right:1px solid #e5e5e5;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-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}
.section02 .books-swiper .txt-bx a:last-child{border-right:0}
.section02 .books-swiper .txt-bx a .txt{margin-left:0.4rem;font-size:1.3rem;line-height:1.76;font-weight:500}
.section02 .books-swiper .txt-bx a .ico-preview-small{background-image:url("../images/main/ico_preview_small.png");width:1.6rem;height:1.6rem;background-size:1.6rem 1.6rem}
.section02 .books-swiper .txt-bx a .ico-request{background-image:url("../images/main/ico_request.png");width:1.6rem;height:1.6rem;background-size:1.6rem 1.6rem}
.section02 .books-swiper .txt-bx a .ico-buy{background-image:url("../images/main/ico_buy.png");width:1.6rem;height:1.6rem;background-size:1.6rem 1.6rem}
.section03{padding-bottom:5rem}
.section03 .laboratory-swiper .swiper-container{padding:6rem 6rem 2rem 6rem}
.section03::before{content:'';position:absolute;left:0;top:4rem;width:100%;height:46rem;background:url("../images/main/bg_laboratory.png") repeat-x left top;background-size:initial}
.section03 .laboratory-item a{display:block;border-radius:1rem;background-color:#fff;-webkit-box-shadow:0 1rem 1rem 0 rgba(0, 0, 0, 0.2);box-shadow:0 1rem 1rem 0 rgba(0, 0, 0, 0.2)}
.section03 .laboratory-item a .img-bx{position:relative}
.section03 .laboratory-item a .img-bx img{border-radius:1rem 1rem 0 0;width:100%}
.section03 .laboratory-item a .img-bx .flag{position:absolute;left:1.9rem;top:1.9rem;padding:0 1.2rem 0.1rem 1.2rem;border:1px solid #fff;border-radius:2.5rem;font-size:1.3rem;line-height:1.76;font-weight:500;color:#fff}
.section03 .laboratory-item a .txt-bx{border-top:1px solid #f8f8f7;padding:1.3rem 2rem 1.4rem 2rem}
.section03 .laboratory-item a .txt-bx .tit{margin-bottom:0.4rem;font-size:1.3rem;line-height:1.76;color:#e1002a;font-weight:500}
.section03 .laboratory-item a .txt-bx .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:2rem;font-size:1.5rem;line-height:1.66;font-weight:700}
.section03 .laboratory-item a .txt-bx .desc{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:7rem;margin:0.5rem 0 0.7rem;font-size:1.3rem;line-height:1.76;color:#666}
.section03 .laboratory-item a .txt-bx .date{font-size:1.3rem;line-height:1.76;color:#666;text-align:right;font-family:"Mulish"}
.section04 .customer-swiper{padding:3.3rem 0 0 0}
.section04 .customer-swiper .swiper-container{padding:0;margin:2rem 2rem 1.5rem 2rem}
.section04 .review-item a{display:block}
.section04 .review-item .img-wrap{position:relative;width:16rem;margin:0 auto}
.section04 .review-item .img-wrap .ico-insta{position:absolute;right:0;bottom:0;width:4rem;height:4rem;background:url("../images/main/ico_instagram@2x.png") no-repeat left top;background-size:100%}
.section04 .review-item .img-wrap .ico-naver{position:absolute;right:0;bottom:0;width:4rem;height:4rem;background:url("../images/main/ico_naver_blog@2x.png") no-repeat left top;background-size:100%}
.section04 .review-item .img-bx{width:100%;height:16rem;margin:0 auto;border-radius:100%;background-repeat:no-repeat;background-position:center center;background-size:100%}
.section04 .review-item .img-bx img{width:100%;border-radius:100%}
.section04 .review-item .txt-bx{height:5rem;margin-top:1.7rem;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:1.6rem;line-height:1.62;color:#000}
.main-banner{margin:6rem auto 0 auto}
.main-banner .banner-swiper .swiper-slide img{width:100%}
.main-banner .banner-swiper .indicator-bx{position:relative;top:-2.4rem}
.main-notice-wrap{margin:6rem auto;padding:0 2rem}
.main-notice-wrap .notice-tit{position:relative;margin-bottom:1rem}
.main-notice-wrap .notice-tit .tit{display:block;font-size:2rem;line-height:1.5;font-weight:700;color:#000}
.main-notice-wrap .notice-tit .btn-more-link{position:absolute;top:0;right:0;padding:0.4rem}
.main-notice-wrap .notice-tit .btn-more-link .ico-more-link{display:block;width:1.6rem;height:1.6rem;background:url("../images/main/ico_more_link@2x.png") no-repeat center center;background-size:1.6rem 1.6rem}
.main-notice-wrap .notice-list li{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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0.5rem 0 0.5rem 0}
.main-notice-wrap .notice-list li a.list-link{display:inline-block;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000}
.main-notice-wrap .notice-list li a.list-link .tit{font-size:1.5rem;line-height:1.66}
.main-notice-wrap .notice-list li .date{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-left:3rem;font-size:1.3rem;line-height:1.76;color:#777;text-align:right;font-family:"Mulish"}
.main-notice-wrap .notice-list li:last-child{border-bottom:0}
.bodyClassMain #footer{position:relative;z-index:78}
.bodyClassMain .footer-util-area .ui-sticky-top{bottom:8rem;z-index:77}
.bodyClassMain .ico-dotdotdot{width:2.5rem;height:0.5rem;background-size:2.5rem 0.5rem;background-image:url(../images/main/ico_dotdotdot@2x.png)}
.bodyClassMain .main-fixed-util-area{height:0;text-align:right;position:relative}
.bodyClassMain .main-fixed-util-area .ui-main-sticky-top{position:fixed;bottom:2rem;right:2rem;z-index:78;-webkit-transition:bottom .5s ease-in-out,opacity .25s ease-in-out;transition:bottom .5s ease-in-out,opacity .25s ease-in-out;opacity:1;display:inline-block}
.bodyClassMain .main-fixed-util-area .ui-main-sticky-top .btn{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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:5rem;height:5rem;border-radius:5rem;background-color:#fff;border:1px solid #e5e5e5;-webkit-box-shadow:0 0.4rem 0.6rem rgba(0, 0, 0, 0.1);box-shadow:0 0.4rem 0.6rem rgba(0, 0, 0, 0.1)}
.bodyClassMain .main-fixed-util-area .ui-main-sticky-top .btn.toggle .ico-dotdotdot{width:3.3rem;height:3.3rem;background-size:3.3rem 3.3rem;background-image:url(../images/main/ico_nudge_close@2x.png)}
.bodyClassMain .main-fixed-util-area .ui-main-sticky-top .txt{font-family:"Mulish";font-size:1.1rem;line-height:1.9;font-weight:500;margin-top:0.5rem;line-height:1;display:inline-block}
.bodyClassMain .main-fixed-util-area .ui-main-sticky-top.disable{opacity:0}
.bodyClassMain .main-fixed-util-area .ui-main-sticky-top.none-fixed{position:absolute}
.bodyClassMain .nudge-item-box{width:100%;position:fixed;left:0;bottom:-9.1rem;display:none;opacity:0;-webkit-transform:translateY(0)!important;-ms-transform:translateY(0)!important;transform:translateY(0)!important;z-index:2}
.bodyClassMain .nudge-item-box .flex-box{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:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;padding:0 9.5rem 0.5rem 2rem;height:9rem;background-color:rgba(0, 0, 0, 0.9)}
.bodyClassMain .nudge-item-box .link{-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;color:#fff;font-size:1.5rem;line-height:1.66;font-weight:500;text-align:center;margin-right:2rem}
.bodyClassMain .nudge-item-box .link:first-child{text-align:left}
.bodyClassMain .nudge-item-box .link:last-child{text-align:right}
.bodyClassMain .nudge-item-box.disable{opacity:0}
.bodyClassMain .nudge-item-box.none-fixed{position:absolute}
/*! 메인 팝업 - 레이아웃 */
.popup-dialog.small{max-width:40rem}
/*! 메인 팝업 - swiper */
.main-popup-swiper-container .swiper-slide-link{display:block;overflow:hidden;border-radius:1rem}
.main-popup-swiper-container .swiper-pagination.swiper-pagination-fraction{position:absolute;top:2rem;left:2rem;width:5rem;height:3rem;padding-top:0.1rem;background-color:rgba(0, 0, 0, 0.5);border-radius:4rem;font-size:1.4rem;line-height:1.71;color:#ddd}
.main-popup-swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current{font-size:1.4rem;line-height:1.71;font-weight:500;font-family:"Mulish";color:#fff;margin-right:0.2rem}
.main-popup-swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total{font-size:1.4rem;line-height:1.71;font-weight:500;font-family:"Mulish";color:#ddd;margin-left:0.2rem}
.video-popup{position:fixed;display:none;top:0;left:0;height:100%;width:100%;z-index:100;background-color:rgba(0, 0, 0, 0.7)}
.video-popup .iframe-box{width:-webkit-calc(100% - 40px);width:calc(100% - 40px);width:-webkit-calc(100% - 4rem);width:calc(100% - 4rem);top:50%;left:2rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute}
.video-popup .iframe-box iframe{width:100%;left:0;height:60vw}
.video-popup .iframe-box .video-pop-close{width:2rem;height:2rem;position:absolute;top:-4rem;right:0}
.video-popup .iframe-box .video-pop-close .ico-close-white{width:2rem;height:2rem;background-size:2rem 2rem;background-image:url(../images/common/ico_close_popup_white@2x.png)}
.video-popup .video-box{width:-webkit-calc(100% - 40px);width:calc(100% - 40px);width:-webkit-calc(100% - 4rem);width:calc(100% - 4rem);top:50%;left:2rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute}
.video-popup .video-box video{width:100%;top:0;left:0;position:relative;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);height:60vw}
.video-popup .video-box .video-pop-close{top:-4rem;right:0}
.video-popup video{max-width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.video-popup .video-pop-close{position:absolute;top:2rem;right:2rem}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
#section-bx{position:relative}
#section-bx [class*="section"]{position:relative;max-width:1920px;margin:0 auto}
#section-bx [class*="section"] .section-bx{max-width:1200px;margin:9.3rem auto 0 auto;padding:4.9rem 0 0 0}
#section-bx [class*="section"] .tit-zone{position:absolute;left:8rem;top:0;z-index:2}
#section-bx [class*="section"] .tit-zone h2.tit{font-size:5.2rem;line-height:1.19;font-weight:700;letter-spacing:-0.025em}
#section-bx [class*="section"] .tit-zone i{display:inline-block}
#section-bx [class*="section"] .tit-zone .bu-area{position:relative;left:0.4rem;bottom:0.5rem;width:3.6rem;height:1rem;font-size:0}
#section-bx [class*="section"] .tit-zone .bu-area.entered .bu{width:100%}
#section-bx [class*="section"] .tit-zone .bu-area .bu{width:100%;height:1rem;border-radius:1rem;background-color:#e1002a;-webkit-transition:width 1s cubic-bezier(0.7, 0.02, 0.12, 1.18) w;transition:width 1s cubic-bezier(0.7, 0.02, 0.12, 1.18) w}
#section-bx [class*="section"] .cont-zone{position:relative}
.ui-motion-stagger [class*="ui-motion"]:nth-child(1){-webkit-transition-delay:0s;transition-delay:0s}
.ui-motion-stagger [class*="ui-motion"]:nth-child(2){-webkit-transition-delay:0.25s;transition-delay:0.25s}
.ui-motion-stagger [class*="ui-motion"]:nth-child(3){-webkit-transition-delay:0.5s;transition-delay:0.5s}
.ui-motion-stagger [class*="ui-motion"]:nth-child(4){-webkit-transition-delay:0.75s;transition-delay:0.75s}
.ui-motion-stagger [class*="ui-motion"]:nth-child(5){-webkit-transition-delay:1s;transition-delay:1s}
.ui-motion-stagger [class*="ui-motion"]:nth-child(6){-webkit-transition-delay:1.25s;transition-delay:1.25s}
.ui-motion-stagger [class*="ui-motion"]:nth-child(7){-webkit-transition-delay:1.5s;transition-delay:1.5s}
.ui-motion-stagger [class*="ui-motion"]:nth-child(8){-webkit-transition-delay:1.75s;transition-delay:1.75s}
.ui-motion-stagger [class*="ui-motion"]:nth-child(9){-webkit-transition-delay:2s;transition-delay:2s}
.ui-motion-stagger [class*="ui-motion"]:nth-child(10){-webkit-transition-delay:2.25s;transition-delay:2.25s}
.ui-motion-stagger [class*="ui-motion"]:nth-child(11){-webkit-transition-delay:2.5s;transition-delay:2.5s}
.ui-motion-stagger.entered .ui-motion-y{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out,-webkit-transform .6s ease-in-out}
.ui-motion-stagger.entered .ui-motion-x{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out,-webkit-transform .6s ease-in-out}
.ui-motion-stagger.entered .ui-motion-scale{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out,-webkit-transform .6s ease-in-out}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(1){-webkit-transition-delay:0s;transition-delay:0s}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(2){-webkit-transition-delay:0.25s;transition-delay:0.25s}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(3){-webkit-transition-delay:0.5s;transition-delay:0.5s}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(4){-webkit-transition-delay:0.75s;transition-delay:0.75s}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(5){-webkit-transition-delay:1s;transition-delay:1s}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(6){-webkit-transition-delay:1.25s;transition-delay:1.25s}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(7){-webkit-transition-delay:1.5s;transition-delay:1.5s}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(8){-webkit-transition-delay:1.75s;transition-delay:1.75s}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(9){-webkit-transition-delay:2s;transition-delay:2s}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(10){-webkit-transition-delay:2.25s;transition-delay:2.25s}
.ui-motion-stagger.entered [class*="ui-motion"]:nth-child(11){-webkit-transition-delay:2.5s;transition-delay:2.5s}
.ui-motion-y{-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);opacity:0}
.ui-motion-y.entered{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out,-webkit-transform .6s ease-in-out}
.ui-motion-x{-webkit-transform:translateX(40px);-ms-transform:translateX(40px);transform:translateX(40px);opacity:0}
.ui-motion-x.entered{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out,-webkit-transform .6s ease-in-out}
.ui-motion-scale{-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);opacity:0}
.ui-motion-scale.entered{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out,-webkit-transform .6s ease-in-out}
.btn-swiper-circle{position:relative}
.btn-swiper-circle .swiper-container{padding:2rem}
.btn-swiper-circle .swiper-button-next,.btn-swiper-circle .swiper-button-prev{-webkit-transition:all .1s ease-out;transition:all .1s ease-out;width:6.8rem;height:6.8rem;margin-top:-3.2rem;border:1px solid #000;border-radius:100%;opacity:.2}
.btn-swiper-circle .swiper-button-next::after,.btn-swiper-circle .swiper-button-prev::after{content:'';display:inline-block;width:1.5rem;height:2.7rem;background-repeat:no-repeat;background-position:center center;background-size:100%}
.btn-swiper-circle .swiper-button-prev{left:-4rem}
.btn-swiper-circle .swiper-button-prev:after{background-image:url("../images/main/bu_common_prev@2x.png")}
}
@media (min-width: 1024px) and (max-width: 1320px){
.btn-swiper-circle .swiper-button-prev{left:0}
}
@media (min-width: 1024px){
.btn-swiper-circle .swiper-button-next{right:-4rem}
.btn-swiper-circle .swiper-button-next:after{background-image:url("../images/main/bu_common_next@2x.png")}
}
@media (min-width: 1024px) and (max-width: 1320px){
.btn-swiper-circle .swiper-button-next{right:0}
}
@media (min-width: 1024px){
.btn-swiper-circle .swiper-button-next:hover,.btn-swiper-circle .swiper-button-prev:hover{border-color:#e1002a;-webkit-box-shadow:0 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.2);box-shadow:0 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.2);opacity:1}
.btn-swiper-circle .swiper-button-prev:hover::after{background-image:url("../images/main/bu_common_prev@2x_hover.png")}
.btn-swiper-circle .swiper-button-next:hover::after{background-image:url("../images/main/bu_common_next@2x_hover.png")}
.btn-swiper-circle .swiper-button-next.swiper-button-disabled,.btn-swiper-circle .swiper-button-prev.swiper-button-disabled{border-color:#222;background-color:#ddd;opacity:.2}
.main-swiper.ui-swiper01 .v-img img{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.visual-zone{max-width:1200px;margin:0 auto;overflow:hidden}
.visual-zone .visual-bg{position:absolute;left:0;top:0;width:100%;height:54rem;background-repeat:no-repeat;background-position:center center;background-size:cover}
.visual-zone .visual-bx{position:relative;height:54rem;margin:0 13rem;z-index:1}
.visual-zone .v-txt{position:absolute;left:0;left:0;bottom:14.6rem}
.visual-zone .v-txt .flag{position:relative;left:-0.5rem;width:6.8rem;height:6.8rem;margin-bottom:3.3rem;border-radius:6.8rem;font-size:1.7rem;line-height:1.58;font-weight:700;color:#291a04;z-index:2;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}
.visual-zone .v-txt .flag.yellow{background-color:#ffe53f}
.visual-zone .v-txt .flag.sky-blue{background-color:#0080d9;color:#fff}
.visual-zone .v-txt .txt{margin-bottom:0.6rem;font-size:2rem;line-height:1.5;color:#ffe53f;font-weight:500}
.visual-zone .v-txt .txt.sky-blue{color:#0080d9}
.visual-zone .v-txt .tit{margin-bottom:1rem;font-size:4.8rem;line-height:1.2;font-weight:700;color:#fff}
.visual-zone .v-txt .tit.font-black{color:#222}
.visual-zone .v-txt .copy{margin-bottom:2.7rem;font-size:2rem;line-height:1.5;color:#fff}
.visual-zone .v-txt .copy.font-black{color:#222}
.visual-zone .v-txt .btn a{font-size:1.6rem;line-height:1.62;color:#222;font-weight:500}
.visual-zone .v-txt .btn a .ico-area{display:inline-block;width:3.2rem;height:3.2rem;margin-left:1.1rem;vertical-align:0.1rem;border-radius:3.2rem;text-align:center;background:rgba(255, 255, 255, 0.5)}
.visual-zone .v-txt .btn a .ico-area .ico-view-arrow{position:relative;right:0;display:inline-block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-image:url("../images/main/btn_arrow_right.png");background-size:0.9rem 1.5rem;-webkit-transition:all .1s ease-out;transition:all .1s ease-out}
.visual-zone .v-txt .btn a:hover .ico-area{-webkit-box-shadow:0.283rem 0.283rem 0.4rem 0 rgba(0, 0, 0, 0.1);box-shadow:0.283rem 0.283rem 0.4rem 0 rgba(0, 0, 0, 0.1)}
.visual-zone .v-txt .btn a:hover .ico-area .ico-view-arrow{right:-0.3rem}
.visual-zone .v-img{position:absolute;right:9.5rem;bottom:0}
}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1199px){
.visual-zone .v-img{right:0}
}
@media (min-width: 1024px){
.visual-wrap{overflow:hidden;position:relative;max-width:1920px;height:54rem;margin:0 auto}
.visual-wrap .visual-zone .v-txt{width:53rem;height:32rem}
.visual-wrap .visual-zone .v-txt .tit{margin-bottom:0;font-size:4.8rem;line-height:1.2;font-weight:700;color:#fff}
.visual-wrap .visual-zone .v-txt .tit.font-black{color:#222}
.visual-wrap .visual-zone .v-txt .copy{word-break:break-all;margin-top:1rem;margin-bottom:2.7rem;font-size:2rem;line-height:1.5;color:#fff}
.visual-wrap .visual-zone .v-txt .copy.font-black{color:#222}
.visual-wrap .visual-zone .v-txt .btn{position:absolute;bottom:0;left:0}
.visual-wrap .main-swiper .swiper-pagination{left:50%;bottom:4rem;margin-left:-52rem;min-width:82px;width:auto;height:3.3rem;padding:0 1.7rem;border-radius:1.6rem;font-size:1.6rem;line-height:1.62;line-height:3.3rem;color:#ccc;background:rgba(0, 0, 0, 0.5);font-family:"Mulish";font-weight:500}
}
@media (min-width: 1024px) and (max-width: 1200px){
.visual-wrap .main-swiper .swiper-pagination{left:8rem;margin:0}
}
@media (min-width: 1024px){
.visual-wrap .main-swiper .swiper-pagination .swiper-pagination-current{display:inline-block;text-align:right;color:#fff;vertical-align:0}
.visual-wrap .main-swiper .swiper-pagination .swiper-pagination-total{display:inline-block;text-align:left;vertical-align:0}
.visual-wrap .main-swiper .swiper-button-next,.visual-wrap .main-swiper .swiper-button-prev{width:3.1rem;height:5.9rem;opacity:.3}
.visual-wrap .main-swiper .swiper-button-prev{left:50%;margin:-2.9rem 0 0 -60rem}
.visual-wrap .main-swiper .swiper-button-prev:after{width:3.1rem;height:5.9rem;font-size:0;display:block;background:url("../images/main/bu_visual_prev.png") no-repeat center center;background-size:100%;-webkit-transition:background-image .3s ease-out;transition:background-image .3s ease-out}
}
@media (min-width: 1024px) and (max-width: 1200px){
.visual-wrap .main-swiper .swiper-button-prev{left:2rem;margin:-2.9rem 0 0 0}
}
@media (min-width: 1024px){
.visual-wrap .main-swiper .swiper-button-next{right:50%;margin:-2.9rem -60rem 0 0}
.visual-wrap .main-swiper .swiper-button-next:after{font-size:0;display:block;width:3.1rem;height:5.9rem;background:url("../images/main/bu_visual_next.png") no-repeat center center;background-size:100%;-webkit-transition:background-image .3s ease-out;transition:background-image .3s ease-out}
}
@media (min-width: 1024px) and (max-width: 1200px){
.visual-wrap .main-swiper .swiper-button-next{right:2rem;margin:-2.9rem 0 0 0}
}
@media (min-width: 1024px){
.visual-wrap .main-swiper .swiper-button-prev:hover{opacity:1}
.visual-wrap .main-swiper .swiper-button-prev:hover::after{background-image:url("../images/main/bu_visual_prev_hover.png")}
.visual-wrap .main-swiper .swiper-button-next:hover{opacity:1}
.visual-wrap .main-swiper .swiper-button-next:hover::after{background-image:url("../images/main/bu_visual_next_hover.png")}
.visual-wrap .main-swiper .swiper-button-next.swiper-button-disabled,.visual-wrap .main-swiper .swiper-button-prev.swiper-button-disabled{border:1px solid red;display:none}
.category-wrap{max-width:1200px;margin:7rem auto 0 auto;padding:0 8rem}
.category-wrap .category-bx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.category-wrap .category-bx li{position:relative;margin-right:3rem;-webkit-box-flex:1;-webkit-flex:1 1 50%;-ms-flex:1 1 50%;flex:1 1 50%}
.category-wrap .category-bx li:last-child{margin-right:0}
.category-wrap .category-bx li a{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;height:12rem;padding:0 2.9rem;border:1px solid #ddd;border-radius:1rem;-webkit-transition:all .1s ease-out;transition:all .1s ease-out}
.category-wrap .category-bx li a::after{content:'';display:inline-block;position:absolute;top:50%;right:3.4rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:1.1rem;height:1.9rem;background:url("../images/main/bu_category_arrow.png") no-repeat left top;background-size:100%}
.category-wrap .category-bx li a span{font-size:1.6rem;line-height:1.62;color:#777}
.category-wrap .category-bx li a strong{display:block;font-size:2.2rem;line-height:1.45;font-weight:700}
.category-wrap .category-bx li a:hover{-webkit-box-shadow:0 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.1);box-shadow:0 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.1)}
.section01{padding-bottom:3rem}
.section01 [class*="css-animation"]{-webkit-animation-delay:1s;animation-delay:1s}
.section01 .popular-swiper .indicator-bx{left:13rem;bottom:2.5rem}
.section01 .visual-bg{height:28rem}
.section01 .visual-bx{height:28rem}
.section01 .visual-bx .v-txt{left:0;top:8.5rem;bottom:auto;padding-left:0.5rem;color:#fff;letter-spacing:-0.025em}
.section01 .visual-bx .v-txt .txt01{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;position:absolute;left:0;top:0;width:7.6rem;height:7.6rem;border-radius:100%;color:#000;font-size:1.8rem;line-height:1.55}
.section01 .visual-bx .v-txt .txt01 .bg-ani{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:100%}
.section01 .visual-bx .v-txt .txt01 .rank{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;width:5.9rem;height:5.9rem;border-radius:100%;background-color:#ffe542}
.section01 .visual-bx .v-txt .txt01 .rank em{position:relative;top:-0.3rem;font-size:2.8rem;line-height:1.35}
.section01 .visual-bx .v-txt .txt02{font-size:1.6rem;line-height:1.62;font-weight:500}
.section01 .visual-bx .v-txt .txt03{font-size:3.4rem;line-height:1.29;font-weight:700}
.section01 .visual-bx .v-txt.font-black{color:#222}
.section01 .visual-bx .v-img{width:26.2rem;height:30rem;left:36rem;top:3rem;right:auto;position:relative}
.section01 .visual-bx .v-img img{position:absolute;top:0;left:0;max-height:100%}
.section01 .related-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;right:8rem;bottom:-4.1rem;z-index:2}
.section01 .related-link li{margin-left:2rem}
.section01 .related-link li a{display:block;width:14rem;height:15.1rem;padding:2.5rem 0;border-radius:0.6rem;background-color:#fff;-webkit-box-shadow:0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1);box-shadow:0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1)}
.section01 .related-link li a .txt{display:block;margin-top:1.4rem;font-size:1.6rem;line-height:1.62;text-align:center;color:#333;font-weight:500;letter-spacing:-0.025em}
.section01 .related-link [class^="ico"]{display:block;width:100%;height:6rem;background-repeat:no-repeat;background-position:center center}
.section01 .related-link .ico-unboxing{background-image:url(../images/main/ico_unboxing.png);background-size:6.5rem 4.5rem}
.section01 .related-link .ico-special{background-image:url(../images/main/ico_special.png);background-size:5.1rem 4.1rem}
.section01 .related-link .ico-preview{background-image:url(../images/main/ico_preview.png);background-size:5.5rem 5.3rem}
.section02::before{content:'';position:absolute;left:0;top:4.9rem;width:100%;height:22rem;background-color:#f5f5f5}
.section02 .swiper-pagination{display:none}
.section02 .custom-search{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;height:22rem;margin-bottom:5rem}
.section02 .custom-search .select-area{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}
.section02 .custom-search .select-area .selectbox{position:relative;z-index:0;overflow:hidden;width:17.5rem;margin:0 1rem;border:0;border-radius:0}
.section02 .custom-search .select-area .selectbox::before{content:"";position:absolute;bottom:0;left:1.5rem;width:-webkit-calc(100% - 15px);width:calc(100% - 15px);width:-webkit-calc(100% - 1.5rem);width:calc(100% - 1.5rem);height:0.4rem;background-color:#000}
.section02 .custom-search .select-area .selectbox::after{content:'';display:block;position:absolute;top:50%;right:0;margin-top:-0.3rem;width:1.5rem;height:0.8rem;background:url("../images/main/bu_selectbox_down@2x.png") no-repeat center center;background-size:1rem 0.6rem}
.section02 .custom-search .select-area .selectbox select{cursor:pointer;position:relative;z-index:1;width:100%;padding:0 3rem 0 1.5rem;height:3.8rem;font-size:1.8rem;line-height:1.55;color:#222;background-color:transparent;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}
.section02 .custom-search .select-area .selectbox select::-ms-expand{display:none}
.section02 .custom-search .select-area .selectbox select:disabled{background-color:#f5f5f5;pointer-events:none;color:#ccc}
.section02 .custom-search .btn-area{margin-left:0.9rem}
.section02 .custom-search .btn-area .btn-search{display:inline-block;min-width:9rem;padding:0.6rem 2rem 0.7rem 2rem;border-radius:4.2rem;border:1px solid #222;background-color:#222;color:#fff;text-align:center;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.section02 .custom-search .btn-area .btn-search .txt{font-size:1.8rem;line-height:1.55;font-weight:500}
.section02 .books-swiper{padding:2rem 6rem 0 6rem}
.section02 .books-swiper .books-item{border-radius:0.6rem;-webkit-box-shadow:0 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.2);box-shadow:0 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.2);overflow:hidden}
.section02 .books-swiper .detial-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:18.9rem;padding:3rem 0 2rem}
.section02 .books-swiper .detial-link .logo-bx{display:block;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;padding:2rem;height:9rem}
.section02 .books-swiper .detial-link .logo-bx img{max-width:100%;width:100%}
.section02 .books-swiper .detial-link .tit{display:block;width:100%;height:auto;text-align:center;font-weight:500;padding:0 2rem;font-size:1.6rem;line-height:1.62;color:#000}
.section02 .books-swiper .txt-bx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-top:1px solid #e5e5e5}
.section02 .books-swiper .txt-bx a{height:5rem;border-right:1px solid #e5e5e5;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-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}
.section02 .books-swiper .txt-bx a:last-child{border-right:0}
.section02 .books-swiper .txt-bx a .txt{margin-left:0.4rem;font-size:1.5rem;line-height:1.66;font-weight:500}
.section02 .books-swiper .txt-bx a .ico-preview-small{background-image:url("../images/main/ico_preview_small.png");width:1.6rem;height:1.6rem;background-size:1.6rem 1.6rem}
.section02 .books-swiper .txt-bx a .ico-request{background-image:url("../images/main/ico_request.png");width:1.6rem;height:1.6rem;background-size:1.6rem 1.6rem}
.section02 .books-swiper .txt-bx a .ico-buy{background-image:url("../images/main/ico_buy.png");width:1.6rem;height:1.6rem;background-size:1.6rem 1.6rem}
.section03{padding-bottom:5rem}
.section03 .laboratory-swiper{padding:6rem}
.section03 .laboratory-swiper .swiper-pagination{display:none}
.section03::before{content:'';position:absolute;left:0;top:4.9rem;width:100%;height:52rem;background:url("../images/main/bg_laboratory.png") repeat-x left top;background-size:initial}
.section03 .section-bx{max-width:1280px}
.section03 .laboratory-item a{display:block;border-radius:1rem;background-color:#fff;-webkit-box-shadow:0 1rem 1rem 0 rgba(0, 0, 0, 0.2);box-shadow:0 1rem 1rem 0 rgba(0, 0, 0, 0.2)}
.section03 .laboratory-item a .img-bx{position:relative}
.section03 .laboratory-item a .img-bx img{border-radius:1rem 1rem 0 0;width:100%}
.section03 .laboratory-item a .img-bx .flag{position:absolute;left:1.9rem;top:1.9rem;padding:0.2rem 1.5rem 0.3rem 1.5rem;border:1px solid #fff;border-radius:2.5rem;font-size:1.4rem;line-height:1.71;color:#fff}
.section03 .laboratory-item a .txt-bx{border-top:1px solid #f8f8f7;padding:1.3rem 2.4rem 1.4rem 2.4rem}
.section03 .laboratory-item a .txt-bx .tit{margin-bottom:0.4rem;font-size:1.3rem;line-height:1.76;color:#e1002a;font-weight:500}
.section03 .laboratory-item a .txt-bx .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:2rem;font-size:1.8rem;line-height:1.55;font-weight:700}
.section03 .laboratory-item a .txt-bx .desc{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:7rem;margin:0.5rem 0 0.7rem;font-size:1.4rem;line-height:1.71;color:#666}
.section03 .laboratory-item a .txt-bx .date{font-size:1.4rem;line-height:1.71;color:#666;text-align:right;font-family:"Mulish"}
.section04 .customer-swiper{margin-top:5rem;padding:0 6rem}
.section04 .customer-swiper .swiper-pagination{display:none}
.section04 .review-item a{display:block}
.section04 .review-item .img-wrap{position:relative;width:100%;padding-right:1rem}
.section04 .review-item .img-wrap .ico-insta{position:absolute;right:0;bottom:0;width:6rem;height:6rem;background:url("../images/main/ico_instagram.png") no-repeat left top;background-size:auto}
.section04 .review-item .img-wrap .ico-naver{position:absolute;right:0;bottom:0;width:6rem;height:6rem;background:url("../images/main/ico_naver_blog@2x.png") no-repeat left top;background-size:6rem}
.section04 .review-item .img-bx{height:20rem;border-radius:100%;background-repeat:no-repeat;background-position:center center;background-size:100%}
.section04 .review-item .img-bx img{width:100%;border-radius:100%}
.section04 .review-item .txt-bx{height:5rem;margin-top:1.7rem;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:1.6rem;line-height:1.62;color:#000}
.main-banner{max-width:1200px;margin:9.5rem auto 0 auto}
.main-banner .banner-swiper .swiper-slide img{width:100%}
.main-banner .banner-swiper .indicator-bx{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:0.5rem}
.main-banner .banner-swiper .indicator-bx .swiper-pagination-bullet{background-color:#000;opacity:.3}
.main-banner .banner-swiper .indicator-bx .swiper-pagination-bullet-active{background-color:#222;opacity:1}
.main-notice-wrap{max-width:1200px;margin:11.5rem auto 0 auto;padding:0 8rem}
.main-notice-wrap .notice-tit{position:relative;margin-bottom:2.4rem}
.main-notice-wrap .notice-tit .tit{display:block;font-size:3.6rem;line-height:1.27;font-weight:700;color:#000}
.main-notice-wrap .notice-tit .btn-more-link{position:absolute;top:0;right:0;padding:1rem}
.main-notice-wrap .notice-tit .btn-more-link .ico-more-link{display:block;width:2.6rem;height:2.6rem;background:url("../images/main/ico_more_link.png") no-repeat center center;background-size:2.6rem 2.6rem}
.main-notice-wrap .notice-list{border-top:0.3rem solid #000;border-bottom:0.1rem solid #999}
.main-notice-wrap .notice-list li{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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:2.2rem 2rem 2.2rem 1rem;border-bottom:1px solid #ddd}
.main-notice-wrap .notice-list li a.list-link{display:inline-block;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000}
.main-notice-wrap .notice-list li a.list-link .tit{font-size:2rem;line-height:1.5}
.main-notice-wrap .notice-list li .date{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-left:3rem;font-size:1.8rem;line-height:1.55;color:#777;text-align:right;font-family:"Mulish"}
.main-notice-wrap .notice-list li:last-child{border-bottom:0}
.bodyClassMain .footer-util-area .ui-sticky-top{bottom:14rem;z-index:77}
.bodyClassMain .ico-dotdotdot{width:3rem;height:0.6rem;background-size:3rem 0.6rem;background-image:url(../images/main/ico_dotdotdot@2x.png)}
.bodyClassMain .main-fixed-util-area{height:0;text-align:right;position:relative}
.bodyClassMain .main-fixed-util-area .ui-main-sticky-top{position:fixed;bottom:6rem;right:6rem;z-index:78;-webkit-transition:bottom .5s ease-in-out,opacity .25s ease-in-out;transition:bottom .5s ease-in-out,opacity .25s ease-in-out;opacity:1;display:inline-block}
.bodyClassMain .main-fixed-util-area .ui-main-sticky-top .btn{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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:7rem;height:7rem;border-radius:7rem;background-color:#fff;border:1px solid #e5e5e5;-webkit-box-shadow:0 0.4rem 0.6rem rgba(0, 0, 0, 0.1);box-shadow:0 0.4rem 0.6rem rgba(0, 0, 0, 0.1)}
.bodyClassMain .main-fixed-util-area .ui-main-sticky-top .btn.toggle .ico-dotdotdot{width:4rem;height:4rem;background-size:4rem 4rem;background-image:url(../images/main/ico_nudge_close@2x.png)}
.bodyClassMain .main-fixed-util-area .ui-main-sticky-top .txt{font-family:"Mulish";font-size:1.1rem;line-height:1.9;font-weight:500;margin-top:0.5rem;line-height:1;display:inline-block}
.bodyClassMain .main-fixed-util-area .ui-main-sticky-top.disable{opacity:0}
.bodyClassMain .main-fixed-util-area .ui-main-sticky-top.none-fixed{position:absolute}
.bodyClassMain .nudge-item-box{position:fixed;right:6rem;bottom:14rem!important;display:none;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);opacity:0;z-index:78}
.bodyClassMain .nudge-item-box .flex-box{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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0 2rem;border-radius:2rem;background-color:rgba(0, 0, 0, 0.9);-webkit-box-shadow:0 5px 12px rgba(0, 0, 0, 0.16);box-shadow:0 5px 12px rgba(0, 0, 0, 0.16)}
.bodyClassMain .nudge-item-box .link{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;color:#fff;font-size:1.8rem;line-height:1.55;font-weight:400;text-align:center;padding:2rem 1rem;display:block;width:100%;text-align:left}
.bodyClassMain .nudge-item-box .link + .link{border-top:1px solid #666}
.bodyClassMain .nudge-item-box.disable{opacity:0}
.bodyClassMain .nudge-item-box.none-fixed{position:absolute}
/*! 메인 팝업 - swiper */
.main-popup-swiper-container .swiper-slide-link{display:block;overflow:hidden;border-radius:1rem}
.main-popup-swiper-container .swiper-pagination.swiper-pagination-fraction{position:absolute;top:2rem;left:2rem;width:7rem;height:4rem;padding-top:0.6rem;background-color:rgba(0, 0, 0, 0.5);border-radius:4rem;font-size:1.8rem;line-height:1.55;color:#ddd}
.main-popup-swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current{font-size:1.8rem;line-height:1.55;font-weight:500;font-family:"Mulish";color:#fff;margin-right:0.2rem}
.main-popup-swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total{font-size:1.8rem;line-height:1.55;font-weight:500;font-family:"Mulish";color:#ddd;margin-left:0.2rem}
.video-popup{position:fixed;display:none;top:0;left:0;height:100%;width:100%;z-index:100;background-color:rgba(0, 0, 0, 0.7);text-align:center}
.video-popup .video-box{width:auto;height:auto;position:relative;display:inline-block;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);max-width:100%}
.video-popup .iframe-box{position:relative;display:inline-block;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:80rem;height:45rem}
.video-popup .iframe-box iframe{width:100%;height:100%;top:0;left:0;position:absolute}
.video-popup .video-pop-close{width:2rem;height:2rem;position:absolute;top:-4rem;right:0}
.video-popup .video-pop-close .ico-close-white{width:2rem;height:2rem;background-size:2rem 2rem;background-image:url(../images/common/ico_close_popup_white@2x.png)}
.ui-main-popup .swiper-btn-round-next{right:-8rem}
.ui-main-popup .swiper-btn-round-next::after{background-image:url(../images/mypage/bu_common_next@2x_back3.png)}
.ui-main-popup .swiper-btn-round-next:hover::after{background-image:url(../images/main/bu_common_next@2x_hover.png)}
.ui-main-popup .swiper-btn-round-prev{left:-8rem}
.ui-main-popup .swiper-btn-round-prev::after{background-image:url(../images/mypage/bu_common_prev@2x_back3.png)}
.ui-main-popup .swiper-btn-round-prev:hover::after{background-image:url(../images/main/bu_common_prev@2x_hover.png)}
.ui-main-popup [class*="swiper-btn-round"]:hover{background-color:#fff}
}