@charset "UTF-8"; @import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700&display=swap'); /* **************************************************************************** */ /* @CreateDate :2019.06.18 */ /* @ModifyDate : */ /* @Description :scss build */ /* @Author :namu */ /* ***************************************************************************** */ body{color:#666;font-family:'Noto sans', sans-serif;font-weight:400;letter-spacing:-1.2px} h1, h2, h3, h4, h5, h6{font-family:'Noto sans', sans-serif;font-weight:600; letter-spacing:-1.2px} big, strong, b, dt, th{font-family:'Noto sans', sans-serif;font-weight:600; letter-spacing:-1.2px} /* ellipsis */ .ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .ellipsis_02{-webkit-box-orient:vertical;display:-webkit-box !important;display:block;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;} .ellipsis_03{-webkit-box-orient:vertical;display:-webkit-box !important;display:block;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;} @media print{ body{-webkit-print-color-adjust:exact;} #header, #footer, #contents .sub-visual, #contents .page-tab{display:none} @page{ margin:0 10px; } .container.field .lv1, .container.field .tbl-search.narrow, .container.field .lv2, .container.field .s-info, .container.field .rwd-tbl, .container.field .tbl-search.middle, .container.field .tabMenu, .container.field .lv-desc, .container.field .report-bar, .container.field .num-list, .container.field .lv-ref, .container.field .footer{display:none;} } @media print and (-webkit-min-device-pixel-ratio:0){ body{zoom:0.6;} } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, article, aside, canvas, details, embed, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{border:0;box-sizing:border-box;margin:0;padding:0;vertical-align:baseline;} img, fieldset, form, label, legend, figure, figcaption, input, button, textarea{border:0;margin:0;padding:0;font-family:'Noto sans', sans-serif;font-weight:400;vertical-align:middle;box-sizing:border-box} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;} button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=reset]::-moz-focus-inner{border:0;padding:0;} ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';} img{font-size:0;line-height:0;} a{color:inherit;text-decoration:none;} table{border:0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin:0;padding:0;width:100%;} img.adi{height:auto;max-width:100%;} a{color:inherit;text-decoration:none;} /* IE 6/7 .clearfix{zoom:1;} */ .skip{display:block;font-size:0;height:1px;line-height:0;margin:0 -1px -1px 0;overflow:hidden;padding:0;width:1px;} .skip:hover, .skip:active, .skip:focus{color:#333;font-size:12px;font-weight:bold;height:auto;line-height:1;margin:0;padding:5px 0;position:relative;text-align:center;text-decoration:none !important;text-indent:10px;width:100%;} a, a:active, a:visited{text-decoration:none;/*color:inherit;*/ } a:active, a:hover{text-decoration:none;} .no-hashchang a, .no-hashchang a:active, .no-hashchang a:visited{color:#1a2025;text-decoration:none;} caption{font-size:0;height:0;overflow:hidden;visibility:hidden;} .hidden, legend{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px;} input[placeholder]::-webkit-input-placeholder, textarea[placeholder]::-webkit-input-placeholder{color:#c4c4c4;} input[placeholder]:-moz-placeholder, textarea[placeholder]:-moz-placeholder{color:#c4c4c4;} input[placeholder]::-moz-placeholder, textarea[placeholder]::-moz-placeholder{color:#c4c4c4;} input[placeholder]:-ms-input-placeholder, textarea[placeholder]:-ms-input-placeholder{color:#c4c4c4;} input[placeholder].placeholder, textarea[placeholder].placeholder{color:#c4c4c4;} input, select, textarea{height:55px;padding:0 15px;border:1px solid #E1E1E1;font-size:16px} textarea{display:block;width:100%;padding:15px;resize:none} html{min-height:100%;overflow-y:scroll;overflow-x:hidden;position:relative;} body{background:#fff;color:#777;font-size:17px;-webkit-font-smoothing:antialiased;line-height:1.5;margin:0;-moz-osx-font-smoothing:grayscale;padding:0;vertical-align:middle} html, body{height:100%;} select{-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0;font-family:inherit;background:url(/images/common/select_bottom_arrow.png) no-repeat 90% 50%;} select::-ms-expand{display:none;} .sr-only{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;} /** Swiper 4.4.6 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2014-2018 Vladimir Kharlampidi Released under the MIT License Released on:December 19, 2018 */ .swiper-container{list-style:none;margin:0 auto;overflow:hidden;padding:0;position:relative;/* Fix of Webkit flickering */ z-index:1;} .swiper-container-no-flexbox .swiper-slide{float:left;} .swiper-container-vertical > .swiper-wrapper{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;} .swiper-wrapper{box-sizing:content-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;position:relative;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;width:100%;z-index:1;} .swiper-container-android .swiper-slide, .swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);} .swiper-container-multirow > .swiper-wrapper{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;} .swiper-container-free-mode > .swiper-wrapper{margin:0 auto;transition-timing-function:ease-out;} .swiper-slide{overflow:hidden;-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:100%;position:relative;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;width:100%;} .swiper-slide-invisible-blank{visibility:hidden;} /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{height:auto;} .swiper-container-autoheight .swiper-wrapper{-webkit-align-items:flex-start;align-items:flex-start;-ms-flex-align:start;transition-property:height, -webkit-transform;transition-property:transform, height;transition-property:transform, height, -webkit-transform;} /* 3D Effects */ .swiper-container-3d{-webkit-perspective:1200px;perspective:1200px;} .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .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-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;} .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-slide-shadow-bottom{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10;} .swiper-container-3d .swiper-slide-shadow-left{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:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));} .swiper-container-3d .swiper-slide-shadow-top{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:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));} /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y;} .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x;} .swiper-button-prev, .swiper-button-next{background-position:center;background-repeat:no-repeat;background-size:27px 44px;cursor:pointer;height:44px;margin-top:-22px;position:absolute;top:50%;width:27px;z-index:10;} .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{cursor:auto;opacity:0.35;pointer-events:none;} .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto;} .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:auto;right:10px;} .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");} .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");} .swiper-button-lock{display:none;} .swiper-pagination{position:absolute;text-align:center;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);transition:300ms opacity;z-index:10;} .swiper-pagination.swiper-pagination-hidden{opacity:0;} /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom:10px;left:0;width:100%;} /* Bullets */ .swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;-webkit-transform:scale(0.33);transform:scale(0.33);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66);} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33);} .swiper-pagination-bullet{background:#000;border-radius:100%;display:inline-block;height:8px;opacity:0.2;width:8px;} button.swiper-pagination-bullet{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0;} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer;} .swiper-pagination-bullet-active{background:#007aff;opacity:1;} .swiper-container-vertical > .swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0);} .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0;} .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px;} .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -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%);transform:translateX(-50%);white-space:nowrap;} .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform;} .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform;} /* Progress */ .swiper-pagination-progressbar{background:rgba(0, 0, 0, 0.25);position:absolute;} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;height:100%;left:0;position:absolute;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top;width:100%;} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top;} .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;left:0;top:0;width:100%;} .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:100%;left:0;top:0;width:4px;} .swiper-pagination-white .swiper-pagination-bullet-active{background:#ffffff;} .swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255, 255, 255, 0.25);} .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#ffffff;} .swiper-pagination-black .swiper-pagination-bullet-active{background:#000000;} .swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0, 0, 0, 0.25);} .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000000;} .swiper-pagination-lock{display:none;} /* Scrollbar */ .swiper-scrollbar{background:rgba(0, 0, 0, 0.1);border-radius:10px;position:relative;-ms-touch-action:none;} .swiper-container-horizontal > .swiper-scrollbar{bottom:3px;height:5px;left:1%;position:absolute;width:98%;z-index:50;} .swiper-container-vertical > .swiper-scrollbar{height:98%;position:absolute;right:3px;top:1%;width:5px;z-index:50;} .swiper-scrollbar-drag{background:rgba(0, 0, 0, 0.5);border-radius:10px;height:100%;left:0;position:relative;top:0;width:100%;} .swiper-scrollbar-cursor-drag{cursor:move;} .swiper-scrollbar-lock{display:none;} .swiper-zoom-container{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;height:100%;-webkit-justify-content:center;justify-content:center;text-align:center;width:100%;} .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas{max-height:100%;max-width:100%;object-fit:contain;} .swiper-slide-zoomed{cursor:move;} /* Preloader */ .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;animation:swiper-preloader-spin 1s steps(12, end) infinite;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;-webkit-transform-origin:50%;transform-origin:50%;width:42px;z-index:10;} .swiper-lazy-preloader:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-repeat:no-repeat;background-size:100%;content:'';display:block;height:100%;width:100%;} .swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");} @-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);} } /* a11y */ .swiper-container .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000;} .swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out;} .swiper-container-fade .swiper-slide{pointer-events:none;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{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;pointer-events:none;-webkit-transform-origin:0 0;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;} .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none;} .swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-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-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide{pointer-events:auto;visibility:visible;} .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0;} .swiper-container-cube .swiper-cube-shadow{background:#000;bottom:0px;-webkit-filter:blur(50px);filter:blur(50px);height:100%;left:0;opacity:0.6;position:absolute;width:100%;z-index:0;} .swiper-container-flip{overflow:visible;} .swiper-container-flip .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;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-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0;} .swiper-container-coverflow .swiper-wrapper{/* Windows 8 IE 10 fix */ -ms-perspective:1200px;} /* layer pop */ body.fixed{position:fixed;top:0;left:0;width:100%} #overlay{background:rgba(0, 0, 0, 0.8);cursor:pointer;display:none;height:100%;left:0;overflow:hidden;position:fixed;text-align:center;top:0;width:100%;z-index:500;} .insert{background:#fff;border-radius:0;box-sizing:border-box;cursor:default;display:block;margin:0 auto;width:90%;max-width:600px;padding:0;position:relative;text-align:left;vertical-align:top;} .insert.full-pop{max-width:1000px;} .insert .title{height:50px;padding:0 25px;background:#02B5BC;position:relative;} .insert .title h1{position:relative;top:50%;padding-right:30px;line-height:1.2;color:#fff;font-size:22px;font-weight:400;transform:translateY(-50%);} .insert .close-x{display:block;position:absolute;top:0;right:0;width:50px;height:50px;background:url(/images/common/close_white_ic.png) no-repeat 0 50%;background-size:20px} .insert .lay-cont{padding:40px;border:1px solid #02B5BC} .insert.full-pop .lay-cont{padding:25px} .insert .lay-cont .lay-inner{overflow-y:auto;max-height:calc(100vh - 250px);margin-bottom:30px;} .insert .btn.js-closeLay{min-width:160px;} .insert.full-screen{max-width:100%;padding:0;} .insert.full-screen img{height:auto;width:100%;} .insert.hidden{visibility:hidden !important;} .insert .btn-wrap{text-align:center} .insert .lay-cont .cont-box + .cont-box{margin-top:20px} .insert .lay-cont h4 + p{margin-top:5px} .insert .lay-cont .text-wrap + .table-wrap{margin-top:10px} .insert .lay-cont .table-wrap thead{border-right:1px solid #EDEDED} .insert .lay-cont .table-wrap th{border-left:1px solid #EDEDED} .clearfix{*zoom:1;} .clearfix:before, .clearfix:after{content:"";display:block;line-height:0;} .clearfix:after{clear:both;} .overflow-hidden{overflow:hidden} .mobile{display:none} .mobile_hidden{display:block} .close-btn{display:block;position:absolute;top:0;right:0;width:20px;height:20px;background:url(/images/common/close_white_ic.png) no-repeat 50% 50%;background-size:20px} .more-btn{display:block;position:absolute;top:0;right:0;width:29px;height:29px;background:url(/images/common/more_ic.png) no-repeat 50% 50% #F6F6F9;} /* layout */ .inner{position:relative;max-width:1280px;margin:0 auto;} .ul-inblock{font-size:0;} .ul-inblock li{display:inline-block;font-size:14px} .ul-inblock.dot li:last-child::after, .ul-inblock.bar li:last-child::after{display:none} .ul-inblock.dot li::after{content:'';display:inline-block;width:2px;height:2px;margin:0 10px;background:#AFAFAF;vertical-align:middle} .ul-inblock.bar li::after{content:'';display:inline-block;width:1px;height:10px;margin:0 10px;background:#959595;vertical-align:middle} .select-ul-wrap{position:relative;} .select-ul-wrap .select-ul{display:none;position:absolute;top:30px;left:0;} .select-ul-wrap .select-head span::after{content:'';display:inline-block;width:5px;height:3px;margin-left:15px;background:url(/images/common/mini_arrow_gray.png) no-repeat 50% 50%;vertical-align:middle;transition:0.2s} .select-ul-wrap .select-head.is-active span::after{transform:rotate(180deg)} /* header */ #header{position:fixed;top:0;left:0;z-index:100;width:100%;box-shadow:0 0 10px 0 rgba(0,0,0,0.2)} #header .inner{max-width:1920px;} #header .util{height:45px;background:#1D1D1D} #header .util .inner{position:relative;z-index:10;text-align:right} #header .util li{display:inline-block;height:45px;padding:0;line-height:45px} #header .util li a{display:inline-block;padding:0 40px;font-size:14px;color:#888} #header .util li::after{margin:0;background:#343434} #header .util .yiu-link::after{display:none} #header .util .yiu-link span{padding-right:25px;background:url(/images/common/yiu_link_ic.png) no-repeat 100% 50%;color:#fff} #header .util .popup-zone a{padding:0 50px;background:#FD9725;color:#fff} #header .util .popup-zone span{} #header .util .popup-zone span::after{content:'';display:inline-block;width:10px;height:6px;margin-left:5px;background:url(/images/common/util_bottom_arrow_bottom.png) no-repeat 50% 50%;vertical-align:middle;transition:transform 0.3s} #header .header-wrap{overflow:hidden;height:80px;background:#fff;transition:ease all .3s} #header .header-wrap .inner{padding-left:50px} #header .logo{float:left;padding-top:22px;} #header .logo > a{display:block;width:128px;height:30px;background:url(/images/common/yiu_logo.png) no-repeat 0 0} #header .menu-wrap{max-width:1280px;margin:0 auto} #header .gnb-wrap .close-btn{display:none} #header .gnb-list li{text-align:center} #header .gnb-list.depth1{display:flex} #header .gnb-list.depth1 > li{flex:1;} #header .gnb-list.depth1 > li > a{display:block;position:relative;padding:28px 0;font-weight:500;font-size:17px;color:#333} #header .gnb-list.depth1 > li > a::after{content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:10px;margin-top:-4px;background:#E6E6E6} #header .gnb-list.depth1 > li > a > span{position:relative;display:inline-block;} #header .gnb-list.depth1 > li > a > span::after{content:'';display:block;overflow:hidden;position:absolute;bottom:-28px;left:50%;z-index:10;width:0%;height:4px;border-top:4px solid #02B5BC;box-sizing:border-box;transform:translateX(-50%);} #header .gnb-list.depth1 > li:last-child a{padding-right:0} #header .gnb-list.depth1 > li:last-child > a::after{display:none} #header .gnb-list.depth1 > li:last-child .depth2{border-right:0} #header .gnb-list .depth2{position:relative;z-index:10;padding-top:20px;border-right:1px solid #283649;line-height:1.2;} #header .gnb-list .depth2 > li{padding:10px} #header .gnb-list .depth2 > li > a{font-size:15px;color:#acb3bb} #header .gnb-list .depth2 > li > a:hover{color:#02b5bc} #header .gnb-list::after, #header .depth2, #header .gnb-banner{visibility:hidden;opacity:0;height:410px;} #header .gnb-list::after{content:'';display:block;position:absolute;top:80px;left:50%;width:100vw;margin-left:-50vw;border-top:1px solid #E6E6E6;background:#243042;background-size:auto 100%} #header .gnb-banner{position:absolute;left:0;top:80px;padding-top:35px} #header .gnb-banner .btn-wrap{margin-top:-20px;text-align:right} #header .gnb-banner .btn{padding:10px 0;border:1px solid #1F8CCC;background:#2093D8;font-size:15px} #header .gnb-banner .btn span{padding-right:15px;background:url(/images/common/right_mini_arrow_white.png) no-repeat 100% 50%;background-size:6px;color:#fff} #header .search-wrap{} #header .search-wrap .search-box{position:absolute;top:0;left:0;width:100%;height:80px;text-align:center} #header .search-wrap::before{content:'';display:block;position:absolute;top:0;left:50%;width:100vw;height:80px;background:#242934;transform:translateX(-50%)} #header .search-wrap::before, #header .search-wrap .search-box{top:-80px;visibility:hidden;opacity:0;transition:ease all .3s} #header .search-wrap .search-box .input-box{position:relative;top:50%;max-width:580px;height:40px;margin:0 auto;border-bottom:1px solid #fff;transform:translateY(-50%);} #header .search-wrap .search-box input{display:block;width:calc(100% - 40px);height:40px;padding-left:0;border:0;font-size:20px;color:#fff;background:transparent;outline:none} #header .search-wrap .search-box input::placeholder{font-weight:300;color:#fff;} #header .search-wrap .search-box button{display:block;position:absolute;top:0;right:0;width:40px;height:40px;background:url(/images/common/gnb_search_ic.png) no-repeat 50% 50%;} #header .search-wrap .search-btn{display:block;position:absolute;top:0;right:0;width:80px;height:80px;background:url(/images/common/gnb_search_ic_over.png) no-repeat 50% 50%;} #header .search-wrap.is-active::before, #header .search-wrap.is-active .search-box{top:0;visibility:visible;opacity:1;} #header .search-wrap.is-active .search-btn{background-image:url(/images/common/close_white_ic.png)} #header.header-over .header-wrap{overflow:visible} #header.header-over .header-wrap .gnb-list.depth1 > li:hover > a{color:#02b5bc} #header.header-over .header-wrap .gnb-list.depth1 > li > a > span::after{transition:ease width 0.2s} #header.header-over .header-wrap .gnb-list.depth1 > li:hover > a > span::after{width:100%} #header.header-over .gnb-list::after, #header.header-over .gnb-list .depth2, #header.header-over .gnb-banner{visibility:visible;opacity:1;transition:ease all .3s} .scrollTop #header.header-over .logo > a{background-image:url(/images/common/yiu_logo.png)} .scrollTop #header.header-over .header-wrap{background:#fff;} .scrollTop #header.header-over .gnb-list.depth1 > li > a{color:#333} .scrollTop #header.header-over .gnb-list.depth1 > li > a::after{background-color:#E6E6E6} .scrollTop #header{box-shadow:0 0} .scrollTop #header .logo > a{background-image:url(/images/common/yiu_logo_white.png)} .scrollTop #header .header-wrap{border-bottom:1px solid rgba(255,255,255,0.13);background:rgba(0,0,0,0.1);} .scrollTop #header .gnb-list.depth1 > li > a{color:#fff} .scrollTop #header .gnb-list.depth1 > li > a::after{background:rgba(255,255,255,0.25)} .scrollTop #header .search-wrap .search-btn{background-image:url(/images/common/gnb_search_ic.png)} .scrollTop #header .search-wrap.is-active .search-btn{background-image:url(/images/common/close_white_ic.png)} /* footer */ #footer{position:relative;z-index:10;padding-bottom:30px;background:#222732} #footer *{color:#696f7c;letter-spacing:-0.6px} #footer .ul-inblock li::after{background:#616E7B} #footer .inner{position:static} #footer .gp{padding-top:35px} #footer .gp + .gp{padding-top:20px} #footer .entrance-box{float:left} #footer .entrance-box .ul-inblock li{font-size:16px;color:rgba(255,255,255,0.6)} #footer .entrance-box .ul-inblock li + li{padding-left:12px} #footer .entrance-box .ul-inblock.bar{padding-bottom:5px} #footer .entrance-box .ul-inblock.bar li + li{padding-left:0} #footer .entrance-box .ul-inblock.bar li span{font-size:19px;color:#00bbc2;vertical-align:middle} #footer .entrance-box .ul-inblock.bar li::after{height:12px} #footer .sns-box {float:right} #footer .sns-box li{padding-left:30px} #footer .sns-box li a{display:block;width:21px;height:21px;background:no-repeat 50% 50%} #footer .sns-box li.instar a{background-image:url(/images/common/footer_instar_ic.png)} #footer .sns-box li.facebook a{background-image:url(/images/common/footer_facebook_ic.png)} #footer .sns-box li.blog a{background-image:url(/images/common/footer_blog_ic.png)} #footer .terms{float:left;padding-top:10px} #footer .family-site{float:right;} #footer .family-site .select-ul-wrap{float:left;width:140px;height:100%;margin-left:0;} #footer .family-site .select-ul-wrap + .select-ul-wrap{margin-left:30px;border-left:0} #footer .family-site .select-head{display:block;width:100%;height:40px;padding:0;line-height:40px;} #footer .family-site .select-head span{display:block;position:relative;font-size:14px;color:#7a808f} #footer .family-site .select-ul-wrap .select-head span::after{position:absolute;top:50%;right:0;width:20px;height:20px;margin:0;margin-top:-10px;border-radius:3px;background:#667A90 url(/images/common/mini_arrow_white.png) no-repeat;background-position:50% 50%;transition:all 0s} #footer .family-site .select-ul-wrap .select-ul{overflow-y:auto;top:auto;bottom:40px;width:100%;max-height:500px;border:1px solid #6E7686;border-bottom:0} #footer .family-site .select-ul-wrap .select-ul::-webkit-scrollbar-track{background-color:#667A90;} #footer .family-site .select-ul-wrap .select-ul::-webkit-scrollbar{width:4px;background-color:#B8C1CB;} #footer .family-site .select-ul-wrap .select-ul::-webkit-scrollbar-thumb{background-color:#B8C1CB;} #footer .family-site .select-ul-wrap .select-ul li{border-bottom:1px solid #6E7686;background:#222732;font-size:13px;color:#7a808f;} #footer .family-site .select-ul-wrap .select-ul li a{display:block;padding:10px 15px;} #footer .info{float:left} #footer .info .copy{padding-top:5px;text-transform:uppercase;font-size:12px;letter-spacing:0px} #footer .footer-logo{float:right} #footer .footer-logo a{display:block;width:164px;height:39px;background:url(/images/common/yiu_footer_logo.png) no-repeat 0 0} /* sub */ #contents .sub-visual{height:415px;padding-top:125px;background:url(/images/sub/sub_visual_bg_ssi.jpg) no-repeat 50% 50%;background-size:cover} #contents .sub-visual.ssi{background-image:url(/images/sub/sub_visual_bg_ssi.jpg)} #contents .sub-visual.jsi{background-image:url(/images/sub/sub_visual_bg_jsi.jpg)} #contents .sub-visual.pyip{background-image:url(/images/sub/sub_visual_bg_pyip.jpg)} #contents .sub-visual.forei{background-image:url(/images/sub/sub_visual_bg_forei.jpg)} #contents .sub-visual.service{background-image:url(/images/sub/sub_visual_bg_service.jpg)} #contents .sub-visual.helper{background-image:url(/images/sub/sub_visual_bg_helper.jpg)} #contents .sub-visual.info{background-image:url(/images/sub/sub_visual_bg_info.jpg)} #contents .sub-visual .inner{height:225px;} #contents .sub-visual h1{position:relative;top:50%;font-weight:600;font-size:44px;color:#fff;text-align:center;transform:translateY(-50%)} #contents .sub-visual .page-nav{position:absolute;bottom:25px;right:0} #contents .sub-visual .page-nav ul{font-size:0} #contents .sub-visual .page-nav li{display:inline-block;position:relative;margin-left:14px;padding-right:18px;font-weight:300;font-size:13px;color:#fff;vertical-align:middle} #contents .sub-visual .page-nav li.home{width:16px;height:16px;padding-right:34px;background:url(/images/common/page_nav_home.png) no-repeat 0 0} #contents .sub-visual .page-nav li::after{content:'';display:block;position:absolute;right:0;top:50%;width:4px;height:5px;margin-top:-2.5px;background:url(/images/common/page_nav_arrow.png) no-repeat;} #contents .sub-visual .page-nav li:last-child{padding-right:0;} #contents .sub-visual .page-nav li:last-child::after{display:none} #contents .page-tab{margin-top:-65px;background:rgba(19,26,41,0.7)} #contents .page-tab ul{display:flex;} #contents .page-tab ul li{flex:1;flex-basis:auto;text-align:center} #contents .page-tab ul li a{display:block;position:relative;height:65px;padding:0 5px;line-height:1;color:#fff} #contents .page-tab ul li a span{display:block;position:relative;top:50%;transform:translateY(-50%)} #contents .page-tab ul li.is-active{background:#fff} #contents .page-tab ul li.is-active a{font-weight:600;color:#273543} /* cont-tab */ .cont-tab > ul{text-align:center} .cont-tab > ul > li{overflow:hidden;display:inline-block;height:54px;margin:5px 0;text-align:center} .cont-tab > ul > li + li{margin-left:35px} .cont-tab > ul > li > a{display:block;position:relative;top:50%;padding:16px 0;min-width:170px;border:1px solid #ccc;border-radius:30px;line-height:1;color:#666;transform:translateY(-50%)} .cont-tab > ul > li.is-active{} .cont-tab > ul > li.is-active > a{border:0;background:#02B5BC;color:#fff} .cont-tab-sec .tab-sec{display:none} .cont-tab-sec .tab-sec.is-active{display:block} /* top banner */ #header .top-banner{overflow:hidden;height:0;} #header .top-banner .inner{max-width:1280px;height:100%;margin:0 auto;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.1)} #header .top-banner .btn.link{min-width:90px;width:90px;padding:12px;border:0;border-radius:0;background:#383C3D;font-weight:300;font-size:13px;text-align:left} #header .top-banner .btn.link span{padding-right:0;padding-bottom:20px;background-position:0% 100%;background-size:22px;line-height:1.5;color:#fff} #header .top-banner .swiper-wrap{overflow:hidden;width:calc(100% - 1px);height:100%;} #header .top-banner .swiper-container{width:calc(100% + 1px)} #header .top-banner .swiper-slide{overflow:hidden;padding:0 40px;border-right:1px solid #6C6C6C} #header .top-banner .swiper-slide:last-child{border-right:0} #header .top-banner .swiper-nav{right:auto;left:40px;width:80px;height:30px;} #header .top-banner .nav-btn{width:30px;height:30px;background-size:8px} #header .top-banner .swiper-nav .swiper-button-prev::after{display:none} #header .top-banner .text-wrap{float:left;width:325px;max-width:calc(100% - 100px)} #header .top-banner .banner-tit{margin:10px 0;font-weight:600;font-size:19px;color:#333} #header .top-banner .banner-desc{height:38px;font-weight:300;font-size:13px;color:#b5aea4} #header .top-banner .btn{float:right} #header .top-banner .today-chk{position:absolute;bottom:10px;right:40px;margin-top:0;} .today-chk{margin-top:10px} .today-chk label{padding:0;font-size:13px;color:#666} .today-chk label::before{display:inline-block;position:static;margin-right:5px} .today-chk .banner-close{display:inline-block;width:16px;height:16px;margin-left:15px;background:url(/images/common/top_banner_close.png) no-repeat 50% 50%;vertical-align:middle;cursor:pointer} #header .top-banner, #contents, #header .util .popup-zone span::after{transition:0.3s} .banner-on #header .top-banner{height:150px;background:#fff} .banner-on #contents{padding-top:150px} .banner-on #header .util .popup-zone span::after{transform:rotate(180deg)} /* common-btn-list */ #contents .page-func{position:absolute;top:30px;right:0;z-index:10} #contents .page-func > ul > li{display:inline-block;padding-bottom:50px} #contents .page-func > ul > li + li{margin-left:10px} #contents .page-func > ul > li > a{display:block;width:36px;height:36px;border-radius:50%;background:#F3F3F3 no-repeat 50% 50%} #contents .page-func > ul > li.share > a{background-image:url(/images/sub/page_func_share_ic.png)} #contents .page-func > ul > li.print > a{background-image:url(/images/sub/page_func_print_ic.png)} #contents .page-func > ul > li.share{position:relative;} #contents .page-func > ul > li.share:hover .share-list{display:block} #contents .page-func .share-list{display:none;position:absolute;bottom:0;left:-22px;width:84px;border-radius:4px;background:#fff;box-shadow:0 2px 5px 2px rgba(89,89,89,0.1)} #contents .page-func .share-list ul{font-size:0;text-align:center} #contents .page-func .share-list ul li{display:inline-block;} #contents .page-func .share-list ul li a{display:block;width:40px;height:40px;background:no-repeat 50% 50%} #contents .page-func .share-list ul li.facebook a{background-image:url(/images/sub/page_func_share_facebook.png)} #contents .page-func .share-list ul li.twitter a{background-image:url(/images/sub/page_func_share_twitter.png)} #contents .page-func .share-list ul li.kakao a{background-image:url(/images/sub/page_func_share_kakao.png)} #contents .page-func .share-list ul li.copy a{background-image:url(/images/sub/page_func_share_copy.png)} .page-wrap{padding-top:80px} .cont-sec {padding-top:80px} .cont-sec.last {padding-bottom:120px} .gray-box{padding:20px 30px;background:#F9F9F9} /* img */ .img-wrap img{width:100%} /* text */ .text-wrap + .text-wrap{margin-top:25px} h2{margin-bottom:30px;font-weight:600;font-size:26px;color:#273543} h3{margin-bottom:10px;font-weight:500;font-size:22px;color:#0e7ab2} h3.black{color:#333} h4{font-weight:500;font-size:20px;color:#555} h4.blue{color:#0e7ab2} .cont-tit{font-weight:500;font-size:20px;color:#333} .cont-subtit{margin-bottom:10px;font-weight:600;font-size:18px;color:#555} .cont-subtit.tit-gray{display:inline-block;position:relative;left:-40px;padding:10px 40px;background:#F2F2F2;} .cont-desc{font-weight:300;font-size:16px;color:#555} .cont-tit + .cont-desc{margin-top:10px} .desc{font-weight:300;color:#555} .box-desc{line-height:1.8;font-size:16px;font-weight:300;} .box-desc.num{text-indent:-15px;margin-left:15px} .box-desc.num * {text-indent:0} a.blue-link{display:inline-block;border-bottom:1px solid #1495d7;line-height:1;color:#1495d7;} em{font-style:normal;} .btn + .desc{margin-top:10px} .under-desc{display:inline-block;text-decoration:underline;font-weight:300} .warn-desc{font-weight:500;font-size:14px;color:#999} .warn-desc.green{color:#02b5bc} .text-wrap.inblock{margin-bottom:30px} .text-wrap.inblock h2, .text-wrap.inblock p{display:inline-block;margin-bottom:0;vertical-align:bottom} .text-wrap.inblock p{padding-left:20px} /* tag */ .tag{display:inline-block;padding:3px 5px 4px;margin-left:10px;border-radius:2px;background:#666;font-weight:300;line-height:1;font-size:12px;color:#fff;vertical-align:3px} /* bg */ .bg-gray{padding:20px;background:#F8F8F8} /* text-align */ .t_left{text-align:left !important} .t_center{text-align:center !important} .t_right{text-align:right !important} /* btn */ .btn-wrap.center{text-align:center} .btn-wrap{font-size:0} .btn-wrap + .btn-wrap{margin-top:20px !important} button:active, .btn:active, .ic-btn:active{transform:scale(0.95)} .btn + .btn{margin-left:10px} .btn-wrap .btn + .btn{margin-left:8px;} .btn{display:inline-block;min-width:170px;padding:18px 20px;border:1px solid #333;line-height:1;font-size:18px;color:#333;text-align:center} .btn span{display:inline-block;line-height:1;letter-spacing:-1px} .btn.link span{padding-right:60px;background:url(/images/common/link_btn_ic.png) no-repeat 100% 50%;color:#fff} .btn.save{background:#363636} .btn.save span{color:#fff} .btn.blue{border-color:#0E7AB2;background:#0E7AB2;} .btn.blue span{color:#fff} .btn.black{min-width:260px;background:#363636} .btn.black span{color:#fff} .btn.close{border:1px solid #D1D1D1} .btn.close span{color:#999} .btn.mini{min-width:auto;margin-left:10px;padding:2px 10px} .btn.mini span{position:relative;top:-2px;width:auto;font-weight:500;font-size:13px} .btn.middle{min-width:auto;padding:5px 10px} .btn.middle span{position:relative;top:-1px;font-weight:500;font-size:14px} .btn.navy{background:#2C5491} .btn.navy span{color:#fff} .btn.mint{background:#02B5BC;border:0;} .btn.mint span{color:#fff} .btn.dark-navy{background:#424C63;border:0} .btn.dark-navy span{color:#fff} .btn.brown{background:#3C1E1A} .btn.brown span{color:#fff} .btn.gray {min-width:120px;border:0;background:#eee} .btn.gray span{color:#333} .btn.text-link {padding:0;border:0;font-weight:300;font-size:16px;color:#666} .btn.text-link span{padding-right:35px;background:url(/images/common/gray_link_arrow.png) no-repeat 100% 50%} .btn.navy-round{border-color:#424C63;border-radius:50px} .ic-btn{display:inline-block;width:38px;height:38px;border:2px solid #555;border-radius:50%;background:no-repeat 50% 50%} .ic-btn + .ic-btn{margin-left:10px} .ic-btn.edit{background-color:#555;background-image:url(/images/common/board_btn_edit_ic.png)} .ic-btn.remove{background-image:url(/images/common/board_btn_remove_ic.png)} /* text-btn-sec */ .text-btn-sec{overflow:hidden} .text-btn-sec .desc{float:left} .text-btn-sec .btn{float:right} /* text list */ .text-list{padding-left:40px;} .text-list.col2{float:left;width:50%;border-right:1px solid #EBEBEB} .text-list.col2 + .text-list.col2{border-right:0} .text-list li{padding:3px 0;} .text-list strong, .text-list span{display:inline-block;vertical-align:top} .text-list strong{width:180px;font-weight:500;color:#333;} .text-list span{font-weight:300;color:#666} div + .num-list{margin-top:15px} .num-list > li{overflow:hidden;padding:3px 0} .num-list > li::before{content:'';display:block;float:left;width:20px;margin-right:10px;color:#bcbcbc;vertical-align:top;} .num-list > li:nth-child(1)::before{content:'1'} .num-list > li:nth-child(2)::before{content:'2'} .num-list > li:nth-child(3)::before{content:'3'} .num-list > li:nth-child(4)::before{content:'4'} .num-list > li:nth-child(5)::before{content:'5'} .num-list > li:nth-child(6)::before{content:'6'} .num-list > li:nth-child(7)::before{content:'7'} .num-list > li:nth-child(8)::before{content:'8'} .num-list > li:nth-child(9)::before{content:'9'} .num-list > li:nth-child(10)::before{content:'10'} .num-list > li:nth-child(11)::before{content:'11'} .num-list > li:nth-child(12)::before{content:'12'} .num-list > li:nth-child(13)::before{content:'13'} .num-list > li span{display:inline-block;width:calc(100% - 32px);font-weight:300;color:#666} .num-list > li span + div{margin:10px 0} .num-list .cont-desc{margin:10px 0 20px} .dot-list > li{position:relative;overflow:hidden;padding:3px 0} .dot-list > li::before{content:'';display:inline-block;position:absolute;top:15px;width:4px;height:4px;background:#777;} .dot-list > li span{display:inline-block;width:calc(100% - 20px);padding-left:12px;font-weight:300;font-size:16px;color:#666} .dot-list.round > li::before{border-radius:50%} .dot-list.gray > li::before{background:#D3D2D2} /* warn-box */ .warn-box {padding:40px;border:1px solid #A7D2D1;background:#F2FBFC} .warn-box strong{font-weight:500;font-size:20px;color:#333;} .warn-box strong::before{content:'';display:inline-block;position:relative;top:3px;width:22px;height:22px;margin-right:10px;border-radius:50%;background:url(/images/sub/warn_dot_ic.png) no-repeat 50% 50% #02B5BC;} .warn-box .dot-list{margin-top:10px;padding-left:32px} .warn-box .dot-list li::before{width:5px;height:5px;border-radius:50%;background:#C2D1D3} /* down-list */ .down-list > li{position:relative;padding:5px 0} .down-list > li::before{content:'';display:block;position:absolute;top:10px;width:18px;height:18px;background:url(/images/sub/downlist_ic.png) no-repeat 50% 50%} .down-list > li span{display:inline-block;max-width:calc(100% - 25px);margin-left:25px;font-weight:300;font-size:16px;color:#666;text-decoration:underline} /* check-box */ .check-box > span{display:inline-block;padding-left:10px;} .check-box input[type="checkbox"]{display:none} .check-box label{position:relative;display:inline-block;padding-left:25px;vertical-align:middle;cursor:pointer} .check-box label::before{content:'';display:block;position:absolute;left:0;top:3px;width:16px;height:16px;border:1px solid #CFCFCF;vertical-align:middle;box-sizing:border-box} .check-box input[type="checkbox"]:checked + label::before{border-color:#666;background:url(/images/common/checkbox_chk_ic.png) no-repeat 50% 50%} .check-box.green label::before{top:2px;width:20px;height:20px;border-color:#C9C9C9} .check-box.green input[type="checkbox"]:checked + label::before{border-color:#C9C9C9;background:url(/images/common/checkbox_chk_green_ic.png) no-repeat 50% 50%} /* radio-box */ .radio-box > span{display:inline-block;padding-left:10px;} .radio-box input[type="radio"]{display:none} .radio-box label{position:relative;display:inline-block;padding-left:25px;vertical-align:middle;cursor:pointer} .radio-box label::before{content:'';display:block;position:absolute;left:0;top:3px;width:16px;height:16px;border:1px solid #CFCFCF;vertical-align:middle;box-sizing:border-box} .radio-box input[type="radio"]:checked + label::before{border-color:#666;background:url(/images/common/checkbox_chk_ic.png) no-repeat 50% 50%} .radio-box.green label::before{top:2px;width:20px;height:20px;border-color:#C9C9C9;border-radius:50%} .radio-box.green input[type="radio"]:checked + label::before{border-color:#C9C9C9;background:url(/images/common/radio_chk_green_ic.png) no-repeat 50% 50%} /* swiper-wrap */ .swiper-wrap{position:relative} .swiper-wrap .swiper-nav{position:absolute;bottom:0;right:0;z-index:10;width:170px;height:48px;font-size:0} .swiper-wrap .swiper-nav .swiper-pagination, .swiper-wrap .swiper-nav .nav-btn{position:static;display:inline-block;height:100%;margin:0;vertical-align:top} .swiper-wrap .swiper-nav .nav-btn{width:55px;background:no-repeat 50% 50% #2E384D;} .swiper-wrap .swiper-nav .swiper-button-prev{background-image:url(/images/common/swiper_prev_arrow.png)} .swiper-wrap .swiper-nav .swiper-button-prev::after{content:'';display:block;position:absolute;top:50%;left:50%;width:1px;height:18px;background:#4E5361;transform:translateY(-50%)} .swiper-wrap .swiper-nav .swiper-button-next{background-image:url(/images/common/swiper_next_arrow.png)} .swiper-wrap .swiper-nav .swiper-pagination{width:86px;padding-top:20px} .swiper-wrap .swiper-nav .swiper-pagination, .swiper-wrap .swiper-nav .swiper-pagination span{font-weight:600;font-size:18px;color:#999} .swiper-wrap .swiper-nav .swiper-pagination span{padding:0 3px} .swiper-wrap .swiper-nav .swiper-pagination .swiper-pagination-current{position:relative;top:-5px;color:#555} /* table */ .table-wrap{width:100%;border-top:1px solid #EBEBEB;} .table-wrap table{table-layout:fixed;width:100%} .table-wrap th, .table-wrap td{padding:15px;border-bottom:1px solid #EBEBEB;} .table-wrap thead{border:1px solid #EBEBEB;border-top:0;border-bottom:0} .table-wrap th, .table-wrap th label{background:#F9F9F9;font-weight:500;color:#424c63;text-align:center} .table-wrap td{font-weight:300;font-size:16px;color:#666;text-align:center;work-break:keep-all} .table-wrap td.t_left{text-align:left} .table-wrap input, .table-wrap select{width:100%} .table-wrap select{background-position-x:96%} .table-wrap.row .col_1{width:20%} .table-wrap.row th{text-align:center} .table-wrap.row th{text-align:center} .table-wrap.row td{text-align:left} .table-wrap.th_left th{text-align:left} .table-wrap td.blur-line{border-color:#F8F8F8} .table-wrap .red-star{padding-right:20px;background-position:99% 50%} .table-wrap strong{font-weight:500} .table-text{margin-bottom:10px;font-size:0} .table-text h4, .table-text .table-desc{display:inline-block;width:50%;vertical-align:bottom} .table-text .table-desc{width:50%;font-weight:300;font-size:16px;text-align:right} .table-wrap + ul, .table-wrap + p{margin-top:10px} /* tel-box */ .tel-box input{width:calc(33.33% - 7px)} .tel-box input + input{margin-left:8px} /* mail-box */ .mail-box span{padding:0 5px} .mail-box input, .mail-box select{width:calc(50% - 15px)} /* time-box */ .time-box select{width:120px;background-position-x:90%} .time-box select + select{margin-left:8px} .time-box + .warn-desc{padding-left:10px} /* label-input */ .label-input{display:inline-block;vertical-align:top} .label-input + .label-input{margin-left:50px} .label-input label{font-weight:300} .label-input input{width:100px;margin:0 10px;} .label-input em{vertical-align:middle} /* board-wrap */ .board-wrap .board-top{overflow:hidden;margin-bottom:30px} .board-wrap .board-desc{float:left;padding:10px 0;font-weight:300;font-size:16px;} .board-wrap .board-desc strong{font-weight:600;color:#333} .board-wrap .search-box{text-align:center;font-size:0} .board-wrap .search-box select, .board-wrap .search-box input{display:inline-block;vertical-align:top;outline:none} .board-wrap .search-box select{min-width:150px;margin-right:5px;font-weight:300;color:#666} .board-wrap .search-box input{max-width:560px;width:100%} .board-wrap .search-box .search-btn{width:116px;height:55px;border:1px solid #E1E1E1;border-left:0;background:url(/images/common/search_btn_ic.png) no-repeat 50% 50% #fff;cursor:pointer;transform:scale(1);outline:none} .board-wrap .board-cont .subj{display:block;overflow:hidden;max-width:100%;color:#666;} .board-wrap .board-cont a.subj{text-overflow:ellipsis;white-space:nowrap;} .board-wrap .board-cont .notice .tag{padding:5px 15px;border-radius:50px;background:#424C63;font-size:15px} .board-wrap .board-cont .info-gp span{display:inline-block;font-weight:500;font-size:16px;color:#666} .board-wrap .board-cont .info-gp span + span{margin-left:40px} .board-wrap .board-cont .info-gp em{font-weight:300} .board-wrap .board-cont .file span{display:inline-block;width:20px;height:16px;background:url(/images/common/file_ic.png) no-repeat 50% 50%} .board-wrap .board-bottom{overflow:hidden;} .board-wrap .board-bottom .board-nav{overflow:hidden;border-bottom:1px solid #EBEBEB} .board-wrap .board-bottom .board-nav li{padding:15px 40px;border-top:1px solid #EBEBEB} .board-wrap .board-bottom .board-nav span, .board-wrap .board-bottom .board-nav a, .board-wrap .board-bottom .info-gp{display:inline-block;vertical-align:middle} .board-wrap .board-bottom .board-nav li > span{width:60px;padding-right:20px;background:no-repeat 100% 50%;color:#333;font-size:15px} .board-wrap .board-bottom .board-nav li.no-data{opacity:0.6} .board-wrap .board-bottom .board-nav li.no-data a{cursor:default} .board-wrap .board-bottom .board-nav .prev > span{background-image:url(/images/common/board_nav_prev.png)} .board-wrap .board-bottom .board-nav .next > span{background-image:url(/images/common/board_nav_next.png);} .board-wrap .board-bottom .board-nav .prev2 > span{background-image:url(/images/common/board_nav_next.png)} .board-wrap .board-bottom .board-nav .next2 > span{background-image:url(/images/common/board_nav_prev.png);} .board-wrap .board-bottom .board-nav a{width:calc(100% - 65px);padding-left:50px;font-weight:300;color:#666} .board-wrap .board-bottom .btn.regi{float:right} .board-wrap .board-bottom .edit-btn{float:right;font-size:0} .board-wrap .board-bottom .edit-btn + .btn.list{margin:0 auto} .board-bottom .btn-wrap{margin-top:50px;text-align:center} /* board-cont table */ .board-wrap .board-cont.table{border:0} .board-wrap .board-cont.table .col_2{width:50%} .board-wrap .board-cont.table .subj-td{text-align:left;line-height:1} .board-wrap .board-cont.table .new .subj{position:relative;display:inline-block;padding-right:15px;} .board-wrap .board-cont.table .subj:hover{text-decoration:underline} .board-wrap .board-cont.table .new .subj::after{content:'N';display:block;position:absolute;top:0;right:1px;font-weight:600;font-size:11px;color:#fe842b} .board-wrap .board-cont.table .no-data td{padding:50px 0;} /* tab-board */ .board-wrap .board-cont.tab-board .col_2{width:auto} .board-wrap .board-cont.tab-board .col_3{width:50%} /* board-cont list */ .board-wrap .board-cont.list li{position:relative;padding:30px 50px;border-bottom:1px solid #F5F5F5} .board-wrap .board-cont.list li:last-child{border-bottom:0} .board-wrap .board-cont.list li:hover{background:#F9F9F9} /* board-cont info */ .board-wrap .board-cont.info .info-top{border:1px solid #EBEBEB;padding:30px 40px;background:#F9F9F9} .board-wrap .board-cont.info .info-top .subj{float:left;max-width:calc(100% - 110px);font-size:20px;color:#424c63} .board-wrap .board-cont.info .info-top.secret .subj{padding-left:25px;background:url(/images/common/board_secret_ic.png) no-repeat 0 50%;} .board-wrap .board-cont.info .info-top .tag{margin:0;margin-right:10px;vertical-align:2px} .board-wrap .board-cont.info .info-top .category, .board-wrap .board-cont.info .info-top .state{display:block;float:right;width:110px;text-align:right;line-height:30px;color:#666} .board-wrap .board-cont.info .info-gp{padding:15px 40px} .board-wrap .board-cont.info .board-view{padding:40px 40px 100px} .board-wrap .board-cont.info .file-list{padding:15px 40px;border-top:1px solid #EBEBEB;} .board-wrap .board-cont.info .file-list strong{display:inline-block;width:70px;font-weight:500;} .board-wrap .board-cont.info .file-list ul{display:inline-block;max-width:calc(100% - 80px);width:100%;vertical-align:top;} .board-wrap .board-cont.info .file-list li.no-file span{display:inline-block;padding-left:30px;background:url(/images/common/no_file_ic.png) no-repeat 0% 50%;font-weight:300;color:#999} .board-wrap .board-cont.info .file-list li a{display:block;max-width:calc(100% - 30px);font-weight:300;font-size:16px;color:#666;vertical-align:top} .board-wrap .board-cont.info .file-list li a::before{content:'';display:inline-block;width:20px;height:24px;margin-right:10px;background:url(/images/common/file_ic.png) no-repeat 50% 50%;background-size:100%;vertical-align:top} .board-wrap .board-cont.info .file-list li a:hover{text-decoration:underline} .board-wrap .board-cont.info .board-view{min-height:150px;border-top:1px solid #EBEBEB} .board-wrap .board-cont.info .board-view, .board-wrap .board-cont.info .board-view *{font-family:'Noto sans', sans-serif !important;font-size:16px;color:#666} .board-wrap .board-cont.info .board-view strong{font-weight:500} .board-wrap .board-cont.info .board-view img{max-width:100%} /* board-cont thumb */ .board-wrap .board-cont.thumb li{overflow:hidden;padding:25px 30px} .board-wrap .board-cont.thumb .thumb-img, .board-wrap .board-cont.thumb .thumb-txt{display:inline-block;vertical-align:middle} .board-wrap .board-cont.thumb .thumb-img{width:250px;} .board-wrap .board-cont.thumb .thumb-img img{width:100%;} .board-wrap .board-cont.thumb .thumb-txt{width:calc(100% - 350px);padding-left:30px;} .board-wrap .board-cont.thumb .thumb-desc{margin-top:10px;font-weight:300;font-size:16px;color:#999} /* board-cont ques */ .board-wrap .board-cont.ques .secret .subj{padding:5px 15px;padding-left:25px;background:url(/images/common/board_secret_ic.png) no-repeat 0 50%;} .board-wrap .board-cont.ques .complete{font-weight:600} /* board-cont answ */ .board-wrap .board-cont.answ{border-top:0} .board-wrap .board-cont.answ .info-top{background:#F3F3F3 url(/images/common/board_answer_obj.png) no-repeat 50px 20px} .board-wrap .board-cont.answ .info-top, .board-wrap .board-cont.answ .board-view, .board-wrap .board-cont.answ .file-list{padding-left:80px} .board-wrap .board-cont.answ .subj::before{content:'A.';display:inline-block;margin-right:5px;font-weight:600;color:#861eb8} /* board-cont cre */ .board-wrap .board-cont.cre .table-wrap .col_1, .board-wrap .board-cont.cre .table-wrap .col_3{width:200px} .board-wrap .board-cont.cre .table-wrap th, .board-wrap .board-cont.cre .table-wrap td{text-align:left} .board-wrap .board-cont.cre .table-wrap th{padding:8px 30px} .board-wrap .board-cont.cre .table-wrap td{padding:8px 15px} .board-wrap .board-cont.cre .table-wrap input, .board-wrap .board-cont.cre .table-wrap select{height:40px;color:#666} .board-wrap .board-cont.cre .table-wrap textarea{height:90px} .board-wrap .board-cont.cre .table-wrap .warn-desc{padding-top:10px} .board-wrap .board-cont.cre .table-wrap .secret-chk{padding-top:15px;vertical-align:top} /* captcha-box */ .board-wrap .board-cont.cre .captcha-box, .board-wrap .board-cont.cre .captcha-input{display:inline-block;vertical-align:middle} .board-wrap .board-cont.cre .captcha-box{overflow:hidden} .board-wrap .board-cont.cre .captcha-box .captcha-img, .board-wrap .board-cont.cre .captcha-box .captcha-func{float:left} .board-wrap .board-cont.cre .captcha-box .captcha-func li{width:40px;height:40px;border:1px solid #E1E1E1} .board-wrap .board-cont.cre .captcha-box .captcha-func li + li{border-top:0} .board-wrap .board-cont.cre .captcha-box .captcha-func li a{display:block;width:100%;height:100%;background:no-repeat 50% 50% #fff} .board-wrap .board-cont.cre .captcha-box .captcha-func li a.sound{background-image:url(/images/sub/captcha_sound_ic.png)} .board-wrap .board-cont.cre .captcha-box .captcha-func li a.reset{background-image:url(/images/sub/captcha_reset_ic.png)} .board-wrap .board-cont.cre .captcha-input{padding-left:15px} .board-wrap .board-cont.cre .captcha-input .warn-desc{padding-top:0;padding-bottom:5px;color:#666} .board-wrap .board-bottom .btn-wrap.cre .btn.list{float:left;margin:0} .board-wrap .board-bottom .btn-wrap.cre .btn.save{float:right;} /* board-cont interview */ .board-wrap .board-cont.interview > ul > li{padding-left:140px} .board-wrap .board-cont.interview .state{color:#0e7ab2} .board-wrap .board-cont.interview .state{display:block;position:absolute;top:50%;left:0;width:140px;height:auto;transform:translateY(-50%);text-align:center} .board-wrap .board-cont.interview .info-top{position:relative;padding-left:140px} /*board-counsel*/ .board-wrap .board-cont.counsel .board-view strong, .board-wrap .board-cont.counsel .board-view span, .board-wrap .board-reply strong, .board-wrap .board-reply span{display:inline-block;vertical-align:top} .board-wrap .board-cont.counsel .board-view strong, .board-wrap .board-reply strong{width:40px;} .board-wrap .board-cont.counsel .board-view span, .board-wrap .board-reply span{max-width:calc(100% - 50px)} /* board faq */ .board-wrap .board-cont.faq {margin-top:40px;border-top:2px solid #424D63;} .board-wrap .faq-list > ul {color:#333;font-weight:300;line-height:1.4;border-bottom:1px solid #EBEBEB} .board-wrap .faq-list .q {position:relative;padding:25px 125px;} .board-wrap .faq-list .q .category{display:inline-block;margin-right:5px;font-weight:600;color:#424c63} .board-wrap .faq-list .a {display:none;} .board-wrap .faq-list .a *{font-family:'Noto sans', sans-serif !important} .board-wrap .faq-list .a span{display:block;position:relative;padding:25px 125px;} .board-wrap .faq-list .q::before, .board-wrap .faq-list .a span::before{content:'';display:block;position:absolute;top:18px;left:40px;width:37px;height:37px;border-radius:50%;font-weight:600;font-family:'nsq';font-size:20px;color:#fff;text-align:center;line-height:37px;letter-spacing:0} .board-wrap .faq-list .q::before{content:'Q';background:#424D63} .board-wrap .faq-list .a span::before{content:'A';background:#02B5BC} .board-wrap .faq-list .q::after{content:'';display:block;position:absolute;left:50%;bottom:-1px;width:calc(100% - 250px);height:1px;background:#EBEBEB;transform:translateX(-50%)} .board-wrap .faq-list .q a::after{content:'';position:absolute;top:50%;right:40px;width:18px;height:18px;margin-top:-9px;background:url(/images/common/navy_more_ic.png) no-repeat;transition:transform 0.3s} .board-wrap .faq-list.active{background:#F9F9F9} .board-wrap .faq-list.active .q a::after{transform:rotate(225deg)} /* board card */ .board-wrap .board-cont.card ul{display:flex;flex-wrap:wrap} .board-wrap .board-cont.card li{width:calc(33.33% - 26.66px);margin-right:40px;margin-top:40px;border:1px solid #E3E3E3} .board-wrap .board-cont.card li > a{display:block;width:100%;height:100%} .board-wrap .board-cont.card li:nth-child(3n){margin-right:0} .board-wrap .board-cont.card li .thumb{overflow:hidden;} .board-wrap .board-cont.card li .thumb img{width:100%} .board-wrap .board-cont.card li .link-tit{height:78px;padding:0 40px} .board-wrap .board-cont.card li .link-tit span{display:inline-block;position:relative;top:50%;width:100%;padding-right:40px;background:url(/images/common/navy_link_ic.png) no-repeat 100% 50%;font-size:18px;color:#424d63;transform:translateY(-50%)} /* board result */ .board-top .result-desc{font-size:20px;color:#424c63} .board-top .result-desc strong{font-weight:500;color:#02b5bc} .board-wrap .board-cont.result{border-top:2px solid #424D63;} .board-wrap .board-cont.result li{position:relative;padding:25px 40px;border-bottom:1px solid #EBEBEB} .board-wrap .board-cont.result .more-btn{top:25px;right:40px;width:30px;height:30px;background:url(/images/common/navy_more_ic.png) no-repeat 100% 0%;} .board-wrap .board-cont.result .search-info{} .board-wrap .board-cont.result .search-data{padding-top:20px;margin-top:20px;border-top:1px solid #d0d0d0} .board-wrap .board-cont.result .page-name{display:inline-block;margin-right:10px;font-weight:600;color:#333} .board-wrap .board-cont.result .page-name + span{color:#333} .board-wrap .board-cont.result .board-name{margin-bottom:10px} .board-wrap .board-cont.result .board-name span{display:inline-block;font-size:15px;color:#424d63} .board-wrap .board-cont.result .board-name span + span{margin-left:5px} .board-wrap .board-cont.result .subj{margin-bottom:10px;font-size:18px;color:#333} .board-wrap .board-cont.result .desc{color:#666} .board-wrap .board-cont.result .page-name, .board-wrap .board-cont.result .page-name + span, .board-wrap .board-cont.result .desc{font-size:16px;} /*board-reply*/ .board-reply .table-wrap .col_1{width:130px} .board-reply .table-wrap .col_3{width:150px} .board-reply .table-wrap .reply-subj{font-weight:500;color:#333} .board-reply .table-wrap .no-reply{height:100px} .board-reply .table-wrap .from{text-align:right} .board-reply .table-wrap td{text-align:left} .board-reply .table-wrap th, .board-reply .table-wrap td{border-bottom:0;border-top:1px solid #EBEBEB;} .board-reply .table-wrap tr:first-child th, .board-reply .table-wrap tr:first-child td{border-top:0} /* editor file */ .fileTd{overflow:hidden} input.file_input_textbox{float:right;width:calc(100% - 50px);outline:none} .file_input_div{float:left;position:relative;width:40px;height:40px;} .file_input_div input{position:absolute;top:0;left:0;cursor:pointer;} .file_input_div .file_input_button{border:1px solid #333;background:url(/images/sub/file_input_ic.png) no-repeat 50% 50% #fff;} .file_input_div .file_input_hidden{z-index:10;opacity:0;} /* paging */ .paging{margin-top:90px} .paging ul{text-align:center} .paging li{display:inline-block;width:26px;height:30px;margin:0 5px;vertical-align:middle} .paging li a{display:block;width:100%;height:100%;line-height:26px;font-weight:100;font-size:16px;color:#333} .paging li.is-active a{font-weight:600;} .paging .paging-btn a{background:#fff no-repeat 50% 50%;} .paging li.first a{background-image:url(/images/common/paging_first_ic.png)} .paging li.prev a{background-image:url(/images/common/paging_prev_ic.png)} .paging li.next a{background-image:url(/images/common/paging_next_ic.png)} .paging li.last a{background-image:url(/images/common/paging_last_ic.png)} .paging + .btn-wrap{margin-top:60px} /* col-box */ .col-wrap{overflow:hidden} .col-wrap .col-box{float:left;width:calc(50% - 30px);} .col-wrap .col-box + .col-box{margin-left:60px} /* main */ .main .wide-banner{overflow:hidden;position:relative;height:795px;} .main .wide-banner .swiper-container, .main .wide-banner .inner{height:100%} .main .wide-banner .img-wrap{position:absolute;top:0;left:0;width:100%;height:100%} .main .wide-banner .text-wrap{position:relative;top:235px;} .main .wide-banner .text-wrap p{font-weight:300;color:#fff} .main .wide-banner .wide-tit{line-height:1.2;font-size:65px} .main .wide-banner .wide-desc{padding-top:25px;font-size:20px} .main .wide-banner .btn-wrap{padding-top:50px} .main .wide-banner .swiper-nav{position:absolute;left:50%;bottom:235px;z-index:10;width:100%;max-width:1280px;text-align:right;transform:translateX(-50%)} .main .wide-banner .swiper-nav .ctrl-btn{display:inline-block;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,0.45) url(/images/main/banner_stop_ic.png) no-repeat 50% 50%;} .main .wide-banner .swiper-nav .ctrl-btn.stop{background-image:url(/images/main/banner_play_ic.png)} .main .entrance-wrap{position:relative;z-index:10;margin-top:-125px} .main .entrance-wrap::before{content:'';display:block;position:absolute;left:50%;top:0;width:100%;max-width:1280px;height:60px;background:rgba(19,26,41,0.7);transform:translateX(-50%)} .main .entrance-tab{position:relative;width:480px;height:60px;margin:0 auto;text-align:center} .main .entrance-tab .active-box{display:block;position:absolute;top:-4px;left:0;width:160px;height:68px;border:7px solid;border-image:linear-gradient(to right, #133373 0%, #2D88F9 100%);border-image-slice: 1;box-sizing:border-box;transition:left 0.3s} .main .entrance-tab ul li{float:left;width:160px;height:100%;} .main .entrance-tab ul li a{display:block;height:100%;font-size:20px;line-height:60px;color:#fff} .main .entrance-tab-wrap .entrance-cont{display:none} .main .entrance-tab-wrap .entrance-cont.is-active{display:block;} .main .swiper-wrap .swiper-nav{width:110px} .main .entrance-cont{margin-top:20px} .main .entrance-cont .tit-wrap .tit{line-height:1.2;font-size:28px;color:#374056} .main .entrance-cont .tit-wrap .desc{margin-top:40px;font-weight:300;font-size:14px;color:#a5a8b0} .main .entrance-cont .schd-box, .main .entrance-cont .liblink-box{float:left;height:310px;padding:40px} .main .entrance-cont .liblink-box{margin-left:20px;padding-right:0} .main .entrance-cont .schd-box{position:relative;width:70%;background:#fff url(/images/main/entrance_schd_box_bg.png) no-repeat 0 0;} .main .entrance-cont .liblink-box{width:calc(30% - 20px);background:#2C7FE5} .main .entrance-cont .schd-box .tit-wrap{padding-top:10px} .main .entrance-cont .schd-box .tit-wrap, .main .entrance-cont .schd-box .info-wrap{float:left;width:50%} .main .entrance-cont .schd-box .btn-wrap{position:absolute;right:0;bottom:0} .main .entrance-cont .schd-box .info-wrap li{padding-top:15px;font-weight:300;font-size:16px;color:#878e9d} .main .entrance-cont .schd-box .info-wrap strong{display:inline-block;width:90px;font-weight:500;color:#424c63} .main .entrance-cont .schd-box .info-wrap strong::before{content:'';display:inline-block;width:3px;height:13px;margin-right:10px;border-radius:2px;background:#424C63;vertical-align:middle} .main .entrance-cont .schd-box .info-wrap span::before{content:'';display:inline-block;width:32px;height:1px;margin-right:10px;background:#F0F1F3;vertical-align:middle} .main .entrance-cont .liblink-box *{color:#fff} .main .entrance-cont .liblink-box .tit{font-size:24px;line-height:1.2;} .main .entrance-cont .liblink-box ul{margin-top:30px} .main .entrance-cont .liblink-box li a{display:block;position:relative;padding:10px 0;background:url(/images/common/right_mini_arrow_white.png) no-repeat 85% 50%;font-weight:300} .main .entrance-cont .liblink-box li a::after{content:'';display:block;position:absolute;bottom:0;left:0;width:0;height:3px;background:#fff;} .main .entrance-cont .liblink-box li a:hover::after{width:100%} .main .entrance-cont .quick-box{position:relative;margin-top:80px;padding:100px 0 80px;background:url(/images/main/entrance_quick_box_bg.jpg) no-repeat 50% 50%;background-size:cover} .main .entrance-cont .quick-box .inner{padding-left:50px} .main .entrance-cont .quick-box .tit{position:relative;} .main .entrance-cont .quick-box .tit::before{content:'';display:block;position:absolute;top:-45px;left:-45px;width:107px;height:64px;background:url(/images/main/quick_link_txt.png) no-repeat 0 0;} .main .entrance-cont .quick-box .desc{color:#8a92ac} .main .entrance-cont .quick-box .tit-wrap{float:left;width:120px;} .main .entrance-cont .quick-box .quick-list{float:left;width:calc(100% - 120px);padding:0 90px} .main .entrance-cont .quick-box .swiper-wrap{position:static} .main .entrance-cont .quick-box .swiper-nav{bottom:-80px} .main .entrance-cont .quick-box .swiper-slide{height:148px;} .main .entrance-cont .quick-box .swiper-slide a{display:block;width:100%;height:100%;border:1px solid #B8BDC8;background:rgba(47,61,74,0.45);text-align:center;transition:border 0.3s} .main .entrance-cont .quick-box .swiper-slide span{display:block;overflow:hidden;position:relative;top:50%;width:90px;height:90px;padding:0 5px;margin:0 auto;border-radius:50%;background:rgba(30,35,50,0.22);transform:translateY(-50%);font-size:16px;color:#fff;transition:background 0.3s} .main .entrance-cont .quick-box .swiper-slide em{display:inline-block;position:relative;top:50%;transform:translateY(-50%);line-height:1.2} .main .entrance-cont .quick-box .swiper-slide a:hover{border:2px solid #39E7EE} .main .entrance-cont .quick-box .swiper-slide a:hover span{background:#0DC2C9} .main .common-wrap{padding:80px 0;background:#F4F5F8} .main .common-wrap .tit-wrap .tit{font-weight:600;font-size:26px;color:#2e3d4d} .main .common-wrap .tit-wrap .desc{font-weight:300;font-size:13px;color:#8a92ac} .main .common-wrap .notice-box, .main .common-wrap .current-box{float:left;height:320px;padding:40px 50px} .main .common-wrap .notice-box{width:70%;background:#fff} .main .common-wrap .current-box{width:calc(30% - 20px);margin-left:20px;background:#24AEF5} .main .common-wrap .notice-box .tit-wrap{position:relative;margin-bottom:20px;} .main .common-wrap .notice-box .cont-tab .swiper-container{position:absolute;top:48px;left:180px;padding-right:5px} .main .common-wrap .notice-box .cont-tab .swiper-container li{display:inline-block;width:auto;padding-bottom:5px} .main .common-wrap .notice-box .cont-tab .swiper-container li > a{min-width:64px;width:auto;padding:2px 15px;border:1px solid #8790A9;border-radius:30px;color:#79839c;font-size:14px} .main .common-wrap .notice-box .cont-tab .swiper-container li + li{margin-left:10px} .main .common-wrap .notice-box .cont-tab .swiper-container li.is-active > a{border-color:#19A5ED;background:#19A5ED;color:#fff} .main .common-wrap .notice-box .notice-list li{overflow:hidden;padding:10px 0} .main .common-wrap .notice-box .notice-list .subj{position:relative;display:inline-block;max-width:calc(100% - 110px);padding-right:15px;font-weight:300;color:#8e9ba9;vertical-align:middle} .main .common-wrap .notice-box .notice-list .subj:hover{text-decoration:underline} .main .common-wrap .notice-box .notice-list .new .subj::after{content:'N';display:block;position:absolute;top:0;right:1px;font-weight:600;font-size:11px;color:#fe842b} .main .common-wrap .notice-box .notice-list .date{float:right;display:block;width:105px;font-size:14px;color:#d9dde9;text-align:right} .main .common-wrap .notice-box .notice-list .no-data{padding-top:80px;color:#8e9ba9;text-align:center} .main .common-wrap .current-box{padding:40px 20px;padding-right:0} .main .common-wrap .current-box li a{display:block;padding:15px 20px;font-size:19px;color:#fff;} .main .common-wrap .current-box li span{display:inline-block;width:100%;background:url(/images/common/link_btn_ic.png) no-repeat 85% 50%} .main .common-wrap .current-box li a:hover{background:#2093D8} .main .common-wrap .inner + .inner{margin-top:20px} .main .common-wrap .univ-banner{float:left;width:552px;height:140px;background:url(/images/main/univ_banner_img.jpg) no-repeat 50% 50%;background-size:cover} .main .common-wrap .univ-banner > a{display:block;width:100%;height:100%;padding:0 50px;} .main .common-wrap .univ-banner .tit-wrap{padding-top:45px} .main .common-wrap .univ-banner .tit-wrap .tit{font-size:24px;color:#464e68} .main .common-wrap .univ-banner .tit-wrap .tit em{display:inline-block;padding-right:55px;background:url(/images/common/link_btn_navy_ic.png) no-repeat 100% 50%;font-style:italic} .main .common-wrap .service-banner{float:left;width:calc(100% - 572px);height:140px;margin-left:20px;background:#EBEEF7} .main .common-wrap .service-banner .tit-wrap{float:left;width:200px;height:100%;text-align:center} .main .common-wrap .service-banner .tit-wrap .tit{position:relative;top:50%;font-size:24px;color:#68708b;transform:translateY(-50%)} .main .common-wrap .service-banner ul{float:left;width:calc(100% - 200px);padding:35px 0} .main .common-wrap .service-banner li{float:left;width:33.33%;text-align:center} .main .common-wrap .service-banner li + li{border-left:1px solid #D9DFEF} .main .common-wrap .service-banner li a{display:block;padding-top:50px;background:no-repeat 50% 0} .main .common-wrap .service-banner li:nth-child(1) a{background-image:url(/images/main/service_banner_ic_1.png)} .main .common-wrap .service-banner li:nth-child(2) a{background-image:url(/images/main/service_banner_ic_2.png)} .main .common-wrap .service-banner li:nth-child(3) a{background-image:url(/images/main/service_banner_ic_3.png)} .main .common-wrap .service-banner li span{font-size:15px;color:#6f7ea7;} .main .text-banner{height:55px;border-bottom:1px solid #454856;background:#1B1F28} .main .text-banner .inner{max-width:1170px} .main .text-banner .swiper-nav .nav-btn{} .main .text-banner .swiper-nav {display:block;position:static} .main .text-banner .swiper-nav .nav-btn{position:absolute;top:0;height:55px;background-color:transparent} .main .text-banner .swiper-nav .swiper-button-prev{left:-55px} .main .text-banner .swiper-nav .swiper-button-next{right:-55px} .main .text-banner .swiper-nav .swiper-button-prev::after{display:none} .main .text-banner .swiper-slide{position:relative;text-align:center} .main .text-banner .swiper-slide::after{content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:20px;background:#333741;transform:translateY(-50%)} .main .text-banner .swiper-slide:last-child::after{display:none} .main .text-banner .swiper-slide a{display:block;height:55px;font-weight:300;line-height:55px;font-size:15px;color:#fff;letter-spacing:-0.5px} .main .text-banner .swiper-slide span{display:inline-block;padding-left:30px;background:no-repeat 0 50%;} .main .text-banner .swiper-slide.counsel span{background-image:url(/images/main/text_banner_counsel_ic.png);color:#0cdee6} .main .text-banner .swiper-slide.faq span{background-image:url(/images/main/text_banner_faq_ic.png);} .main .text-banner .swiper-slide.campus span{background-image:url(/images/main/text_banner_campus_ic.png);} .main .text-banner .swiper-slide.map span{background-image:url(/images/main/text_banner_map_ic.png);} .main .text-banner .swiper-slide.bus span{background-image:url(/images/main/text_banner_bus_ic.png);} /* 모집요강 */ .appli-schd .table-wrap .col_1{width:25%}} .appli-info .text-wrap h2{float:left} .appli-info .text-wrap .btn-wrap{float:right} .appli-info .text-wrap .btn-wrap .btn{min-width:130px;padding:5px 0;border-radius:50px;font-size:14px;color:#424c63} .appli-info .text-wrap .btn-wrap .btn span{padding:5px 0;padding-left:25px;background:no-repeat 0 50%} .appli-info .text-wrap .btn-wrap .pdf-down{border:0;background:#F3F3F3} .appli-info .text-wrap .btn-wrap .pdf-down span{background-image:url(/images/sub/pdf_down_ic.png)} .appli-info .text-wrap .btn-wrap .pdf-zoom span{background-image:url(/images/sub/pdf_zoom_ic.png)} .appli-info .application-pdf {overflow:hidden} .appli-info .application-pdf iframe{width:100%;height:760px} .appli-down .text-wrap {position:relative} .appli-down .text-wrap h2, .appli-down .text-wrap .desc{margin-bottom:30px;display:inline-block;vertical-align:middle} .appli-down .text-wrap h2{margin-right:20px} /* 게시판 */ .cont-sec.board{padding-top:20px} .cont-sec.kakao-friend{padding-top:20px} /* counsel */ .kakao-info{overflow:hidden;position:relative;padding:40px;border:1px solid #3C1E1A;border-radius:5px;} .kakao-info::after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/sub/kakao_friend_obj_bg.png) no-repeat 95% 50%} .kakao-info .text-wrap{position:relative;z-index:10;float:left;width:380px;background:url(/images/sub/kakao_friend_ryan.png) no-repeat 100% 100%} .kakao-info .text-wrap p, .kakao-info .text-wrap strong{font-family:'nsq';font-size:23px;color:#3c1e1a} .kakao-info .text-wrap .btn-wrap{margin-top:30px} .kakao-info .friend-step{float:right;width:calc(100% - 420px);margin-left:40px;border:2px solid #ECECEC;border-radius:5px;padding:20px 0;} .kakao-info .friend-step ul li{float:left;width:33.33%;padding:0 30px;border-right:1px solid #E7E7E7} .kakao-info .friend-step ul li:last-child{border-right:0} .kakao-info .friend-step ul li span{display:inline-block;vertical-align:middle} .kakao-info .friend-step ul li .ic{position:relative;width:110px;height:110px;border-radius:50%;background:#F3F3F3 no-repeat 50% 50%} .kakao-info .friend-step ul li .ic::after{content:'';display:block;position:absolute;top:0;right:0;width:30px;height:30px;border-radius:50%;background:#3C1E1A;font-weight:600;font-family:'nsq';text-align:center;font-size:13px;color:#fff;line-height:30px} .kakao-info .friend-step ul li:nth-child(1) .ic{background-image:url(/images/sub/kakao_friend_step_1.png)} .kakao-info .friend-step ul li:nth-child(2) .ic{background-image:url(/images/sub/kakao_friend_step_2.png)} .kakao-info .friend-step ul li:nth-child(3) .ic{background-image:url(/images/sub/kakao_friend_step_3.png)} .kakao-info .friend-step ul li:nth-child(1) .ic::after{content:'01'} .kakao-info .friend-step ul li:nth-child(2) .ic::after{content:'02'} .kakao-info .friend-step ul li:nth-child(3) .ic::after{content:'03'} .kakao-info .friend-step ul li .text{max-width:calc(100% - 115px);padding-left:8px;font-family:'nsq';font-weight:600;color:#3c1e1a;} /* secret popup */ .board-pass{text-align:center} .board-pass p{font-weight:500;color:#555} .board-pass input{width:335px;margin-top:15px;} /* pers-wrap */ .pers-wrap .pers-cont{overflow:auto;height:360px;padding:30px;margin-bottom:25px;border:1px solid #EBEBEB} .pers-wrap .pers-cont .pers-inner{font-weight:300;line-height:1.8;font-size:16px;color:#666} .pers-wrap .pers-cont::-webkit-scrollbar-track{background-color:#F1F1F1;} .pers-wrap .pers-cont::-webkit-scrollbar{width:8px;background-color:#D2D1D1;} .pers-wrap .pers-cont::-webkit-scrollbar-thumb{background-color:#D2D1D1;} /* main-point */ .main-point .application-pdf iframe{height:960px} /* calc-process */ .calc-process {padding-top:20px} .calc-process ul{display:flex} .calc-process li{position:relative;width:25%;text-align:center} .calc-process li::after{content:'';display:block;position:absolute;top:0;right:-17px;width:17px;height:100%;background:url(/images/sub/calc_process_arrow.png) no-repeat 50% 50%} .calc-process li .ic{display:inline-block;position:relative;height:100px;padding-top:20px} .calc-process li .ic::after{content:'';display:block;position:absolute;top:0;right:-18px;width:36px;height:36px;border:1px solid #09A0A6;border-radius:50%;background:#02B5BC;font-weight:500;text-align:center;font-size:14px;color:#fff;line-height:34px;box-sizing:border-box} .calc-process li .text{font-weight:500;font-size:17px;color:#424c63} .calc-process li .gray{font-weight:300;font-size:16px;color:#666} .calc-process li:nth-child(1) .ic::after{content:'01'} .calc-process li:nth-child(2) .ic::after{content:'02';right:0} .calc-process li:nth-child(3) .ic::after{content:'03'} .calc-process li:nth-child(4) .ic::after{content:'04'} .calc-process li:nth-child(4)::after {display:none} .calc-link .text-wrap{padding:0 50px;margin-top:-30px} .calc-link .text-wrap .title, .calc-link .text-wrap .btn-wrap{display:inline-block;vertical-align:top} .calc-link .text-wrap .title{width:140px;height:140px;background:#02B5BC;text-align:center;color:#fff} .calc-link .text-wrap .title span{display:block;position:relative;top:50%;transform:translateY(-50%)} .calc-link .text-wrap .btn-wrap{max-width:calc(100% - 145px);padding-left:25px;padding-top:50px} .calc-link .text-wrap .btn-wrap .btn{width:100%;padding:5px 0;text-align:left;} .calc-link .text-wrap .btn-wrap .btn + .btn{margin-left:0} .calc-link .col-box + .col-box .text-wrap .title {background:#2C7FE5} /* admidesc */ .admidesc .text-wrap{margin-bottom:40px} .admidesc h2{margin-bottom:10px} .admidesc .appli-date{font-weight:500} .admidesc .appli-date{font-weight:500} .admidesc .req span::after{content:'*';display:inline-block;padding-left:5px;font-weight:600;font-size:14px;color:#02b5bc;vertical-align:top} .table-wrap.admidesc-appi .col_1, .table-wrap.admidesc-appi .col_3{width:15%} .table-wrap.admidesc-appi .btn{padding:5px 15px} .admidesc-appi .appli-cont + .appli-cont{padding-top:5px} .board-wrap .board-cont.cre .admidesc_write .sch-search .warn-desc{display:inline-block;padding-top:0;vertical-align:middle} .admidesc_write th, .admidesc_write td{height:55px;box-sizing:border-box} .admidesc_write .sch-search{overflow:hidden} .admidesc_write .sch-search input{display:block;float:left;width:calc(100% - 50px);margin-right:10px} .admidesc_write .sch-search a{display:block;float:left;width:40px;height:40px;border:1px solid #333;background:url(/images/sub/sch_search_btn_ic.png) no-repeat 50% 50% #fff;vertical-align:middle} .admidesc_write .datepicker{background:url(/images/sub/datepicker_ic.png) no-repeat 96% 50%} .admidesc_write .check-box{display:inline-block;vertical-align:top} .admidesc_write .check-box + .check-box, .admidesc_write .radio-box + .radio-box{margin-left:10px} .admidesc .board-wrap + .warn-desc{margin-top:20px;text-align:right} .admidesc_write .addr-search input{} .admidesc_write .addr-search a{display:block;width:100px;height:40px;border:1px solid #333;font-weight:500;line-height:40px;text-align:center;font-size:15px;color:#333} .admidesc_write .addr-search a span{display:inline-block;padding-left:22px;background:url(/images/sub/sch_search_btn_ic.png) no-repeat 0 50%;} .admidesc_write .addr-td input + input, .admidesc_write .addr-td .third{margin-top:8px} .admidesc .label-txt{float:left;width:50%;} .admidesc .label-txt.col3{width:33.33%} .admidesc .label-txt + .label-txt{padding-left:80px} .admidesc .label-txt label, .admidesc .label-txt strong{display:inline-block;width:72px;vertical-align:middle} .admidesc .label-txt input, .admidesc .label-txt span{display:inline-block;width:calc(100% - 75px);vertical-align:middle} .admidesc .label-txt .tel-box{display:inline-block;width:calc(100% - 75px)} .admidesc .label-txt .tel-box input{width:calc(33.33% - 7px)} .admidesc .label-txt .tel-box input + input{margin-left:8px} .board-wrap .board-cont.cre .admidesc_write .warn-desc{padding-top:0} .board-wrap .board-cont.cre .admidesc_write .addr-search + .addr-search{padding-left:0} .admidesc_view .table-wrap .col_1, .admidesc_view .table-wrap .col_3{width:200px} .admidesc_view .table-wrap th, .admidesc_view .table-wrap td{padding:15px 40px;text-align:left} .admidesc_view .table-wrap .file{text-decoration:underline} .admidesc-info .img-wrap, .admidesc-info .text-wrap{float:left} .admidesc-info .img-wrap{width:560px} .admidesc-info .text-wrap{width:calc(100% - 560px);padding:20px 30px} .admidesc-info .text-wrap .call-txt{display:inline-block;margin-bottom:25px;padding:15px 25px;margin-left:-70px;background:#3A3E48;font-size:19px;color:#fff} .admidesc-info .text-wrap .call-txt span{display:inline-block;padding-left:35px;background:url(/images/sub/call_txt_ic.png) no-repeat 0 50%} .admidesc-info .text-wrap .desc{line-height:1.8;font-size:16px} .admidesc-info .text-wrap .desc.black{font-weight:500;color:#333} .admidesc-info .text-wrap .dot-list{margin-top:40px} .admidesc-info .text-wrap .dot-list > li{padding:0} .admidesc-info .text-wrap .dot-list > li::before{top:12px} .admidesc-info .text-wrap .dot-list > li span{font-weight:500;font-size:15px;color:#333} .admidesc-info .appli-info{overflow:hidden;margin-top:20px;padding-top:40px;border-top:1px solid #E6E6E6} .admidesc-info .appli-info > div{float:left} .admidesc-info .appli-info .appli-chk-list{width:65%} .admidesc-info .appli-info .appli-term{width:35%} .admidesc-info .appli-info strong{font-size:14px;color:#333} .admidesc-info .appli-info p{font-size:15px} .admidesc-info .green{font-size:15px;color:#02b5bc} .exam-info{padding-top:50px} .exam-info .exam-list{padding:10px 10px;background:#EBEBEB;text-align:center} .exam-info .exam-list li{display:inline-block} .exam-info .exam-list li + li{padding-left:40px} .exam-info .exam-list strong{font-weight:300;color:#666} .exam-info .exam-list span{font-weight:500;color:#333} .exam-info .exam-refund-info {padding:20px;margin-bottom:20px;border-bottom:1px solid #EBEBEB;text-align:center} .exam-info .exam-refund-info li{display:inline-block} .exam-info .exam-refund-info li + li{padding-left:40px} .exam-info .exam-refund-info label{display:inline-block;width:72px;text-align:left} .exam-info .exam-refund-info input{height:40px} .exam-info .desc{text-align:center} .appli-wait{height:200px;border:1px solid #EBEBEB;background:#F9F9F9;text-align:center} .appli-wait .wait-tit{position:relative;top:50%;font-size:22px;color:#666;transform:translateY(-50%)} .appli-wait .wait-tit:before{content:'';display:inline-block;width:70px;height:65px;margin-right:30px;background:url(/images/sub/appiwait_logo.png) no-repeat 0 0;vertical-align:middle} .appli-wait .wait-tit strong{font-weight:500;color:#32788c} .ui-datepicker{display:none;max-width:320px;max-height:330px;width:100%;padding:10px;border:3px solid #02B5BC;background:#fff;} .ui-datepicker .ui-datepicker-header{overflow:hidden;padding:10px 0;margin:0 12px;border-bottom:1px solid #EBEBEB;line-height:30px;text-align:center} .ui-datepicker .ui-datepicker-header a{display:block;width:30px;height:30px;} .ui-datepicker .ui-datepicker-header .ui-datepicker-prev{float:left;background:url(/images/common/swiper_prev_arrow.png) no-repeat 0 50%;cursor:pointer} .ui-datepicker .ui-datepicker-header .ui-datepicker-next{float:right;background:url(/images/common/swiper_next_arrow.png) no-repeat 100% 50%;cursor:pointer} .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover{background-image:url(/images/common/cal_prev_arrow.png)} .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover{background-image:url(/images/common/cal_next_arrow.png)} .ui-datepicker span, .ui-datepicker a{font-size:14px;color:#666} .ui-datepicker .ui-datepicker-calendar{width:100%;margin-top:12px;text-align:center} .ui-datepicker .ui-datepicker-calendar th{color:#333;text-align:center} .ui-datepicker .ui-datepicker-calendar th span, .ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-title span{font-size:16px;color:#333} .ui-datepicker .ui-datepicker-calendar td a{display:inline-block;width:30px;height:30px;line-height:28px;font-weight:400;} .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-header .ui-datepicker-next span{opacity:0;} .ui-datepicker .ui-datepicker-calendar td a:hover, .ui-datepicker .ui-datepicker-calendar td a.ui-state-active{border-radius:50%;background:#02B5BC;color:#fff} .ui-datepicker .ui-datepicker-header a.ui-state-disabled, .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled{opacity:0.3} .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled{background-image:url(/images/common/swiper_prev_arrow.png)} .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled{background-image:url(/images/common/swiper_next_arrow.png)} #searchSchool .search-box{padding:15px 30px;border:2px solid #ddd;} #searchSchool .sch-search, #searchSchool .warn-desc{display:inline-block;vertical-align:middle} #searchSchool .sch-search{max-width:580px;width:100%} #searchSchool .sch-search label{display:block;float:left;width:70px;font-weight:500;line-height:40px;color:#424c63;} #searchSchool .sch-search input{width:calc(100% - 120px);height:40px;} #searchSchool .warn-desc{margin-left:20px;color:#666} #searchSchool .no-data{padding:40px 0} #searchSchool .table-wrap{margin-top:35px} #searchSchool .table-wrap .col_1{width:30%} #searchSchool .table-wrap a:hover{text-decoration:underline} .alertLayer{max-width:400px} .alertLayer .title{height:4px} .alertLayer .close-x{top:4px;background:url(/images/common/close_gray_ic.png) no-repeat 50% 50%;background-size:auto} .alertLayer .lay-cont{padding:50px 40px 40px} .alertLayer p{font-size:18px;color:#424c63;text-align:center} .alertLayer .btn.js-closeLay, .alertLayer .btn{min-width:120px} #mainNoticePop .title{height:4px} #mainNoticePop .close-x{top:4px;background:url(/images/common/close_gray_ic.png) no-repeat 50% 50%;background-size:auto} #mainNoticePop .lay-cont{padding:50px 20px 60px} #mainNoticePop .lay-cont .lay-inner{position:relative;margin-bottom:0} #mainNoticePop .today-chk{position:absolute;bottom:20px;right:20px} #mainNoticePop .today-chk label{padding:0;font-size:13px;color:#666} #mainNoticePop .today-chk label::before{display:inline-block;position:static;margin-right:5px} #mainNoticePop .today-chk button{display:inline-block;width:16px;height:16px;margin-left:15px;background:url(/images/common/top_banner_close.png) no-repeat 50% 50%;vertical-align:middle;cursor:pointer} #mainNoticePop .img-wrap{text-align:center} #mainNoticePop .img-wrap img{max-width:100%;width:auto} /* intro */ .intro-wrap{position:relative;top:50%;height:800px;margin-top:-400px;} /* .intro-wrap::after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:320px;background:#fff url(/images/intro/intro_bg.jpg) no-repeat 50% 50%;background-size:cover} */ .intro-wrap .inner{position:relative;z-index:10;max-width:100%;padding:0;margin:0 auto} .intro-wrap .intro-top{padding:35px 0;text-align:center} .intro-wrap .slogan-tit{margin-bottom:26px} .intro-wrap .slogan-tit img{width:138px} .intro-wrap .intro-logo{margin-bottom:10px;} .intro-wrap .intro-logo p{display:inline-block;padding-left:140px;background:url(/images/intro/intro_logo.png) no-repeat 0 50%;font-size:24px;color:#005770} .intro-wrap h1{margin-bottom:18px;font-weight:500;font-size:46px;color:#020202} .intro-wrap h1 strong{position:relative;font-weight:600;color:#003c4c} .intro-wrap h1 strong::after{content:'';display:block;position:absolute;top:-30px;right:-50px;width:77px;height:59px;background:url(/images/intro/h1_point.png) no-repeat 0 0} .intro-wrap .intro-desc{font-size:17px;color:#d21515} .intro-wrap .intro-link{position:relative;width:100%;text-align:center} .intro-wrap .intro-link::before{content:'';display:block;position:absolute;top:126px;left:0;width:100%;height:320px;background:#fff url(/images/intro/intro_bg.jpg) no-repeat 50% 50%;background-size:cover} .intro-wrap .link-wrap{display:flex;flex-wrap:wrap;width:680px;margin:0 auto;} .intro-wrap .link-wrap li{position:relative;width:calc(50% - 30px);padding:30px 0;background:#fff} .intro-wrap .link-wrap li + li{margin-left:60px} .intro-wrap .link-wrap li::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:126px;background:no-repeat url(/images/intro/link_top_bg.png) 100% 0} .intro-wrap .link-wrap li:nth-child(1)::before{background-color:#4285F2} .intro-wrap .link-wrap li:nth-child(2)::before{background-color:#FFBE32} .intro-wrap .link-wrap .link-tit{margin-top:46px;padding-top:100px;background:no-repeat 50% 0;font-weight:600;font-size:24px;color:#333} .intro-wrap .link-wrap li:nth-child(1) .link-tit{background-image:url(/images/intro/link_ic_1.png)} .intro-wrap .link-wrap li:nth-child(2) .link-tit{background-image:url(/images/intro/link_ic_2.png)} .intro-wrap .link-wrap .link-url{display:inline-block;margin-top:40px;padding-right:18px;background:no-repeat 100% 50%;font-size:17px;} .intro-wrap .link-wrap .link-url span{font-weight:600} .intro-wrap .link-wrap li:nth-child(1) .link-url{background-image:url(/images/intro/intro_link_arrwo_blue.png);color:#4285f2} .intro-wrap .link-wrap li:nth-child(2) .link-url{background-image:url(/images/intro/intro_link_arrwo_yello.png);color:#ffb30e} .intro-wrap .link-wrap .link-inner{position:relative;} .intro-wrap .intro-footer{max-width:820px;margin:64px auto 0;} .intro-wrap .footer-inner{position:relative;padding-left:180px;background:url(/images/intro/intro_footer_logo.png) no-repeat 18px 50%;letter-spacing:0;} .intro-wrap .footer-info{font-size:0} .intro-wrap .footer-info li{display:inline-block;font-weight:300;font-size:14px;color:#fff;opacity:0.8} .intro-wrap .footer-info li::after{content:'';display:inline-block;width:1px;height:10px;margin:0 8px;background:#fff} .intro-wrap .footer-info li:last-child::after{display:none} .intro-wrap .copy{padding-top:5px;font-weight:300;font-size:12px;color:#fff;opacity:0.8} @media only screen and (max-height:800px){ .intro-wrap{top:0;margin-top:0;} } @media only screen and (max-width:1940px){ #header .menu-wrap{float:right;width:calc(100% - 420px);margin-right:80px} .main .wide-banner .img-wrap img{position:relative;left:50%;width:auto;height:100%;transform:translateX(-50%)} } @media only screen and (max-width:1500px){ #header .menu-wrap{width:calc(100% - 208px);} #header .gnb-banner{display:none} } @media only screen and (max-width:1440px){ .kakao-info{padding:40px 30px} } @media only screen and (max-width:1280px){ #header .logo{float:none} #header .util .inner{padding:0} #header .menu-wrap{float:none;width:100%;margin-top:20px} #header .header-wrap{height:146px} #header .header-wrap .inner{padding:0 20px} #header .logo > a{margin:0 auto} #header .gnb-list::after{top:146px} #header .gnb-list.depth1 > li > a{padding:25px 0} #header .gnb-list.depth1 > li > a > span::after{bottom:-25px} #header .search-wrap::before, #header .search-wrap .search-box{top:-146px;height:146px} #header .top-banner .swiper-slide, #header .top-banner .today-chk{padding:0 20px} #header .top-banner .banner-tit{margin-top:0} #header .top-banner .today-chk{right:20px;margin-top:0;padding:0} #header .top-banner .swiper-nav{left:20px} #footer .inner{padding:0 15px} #contents .page-tab ul li a{font-size:15px} .page-wrap .inner{padding:0 15px} #contents .page-func{padding:0 15px} .inner{padding:0 15px} .col-wrap .col-box{width:calc(50% - 15px)} .col-wrap .col-box + .col-box{margin-left:30px} .main .wide-banner .swiper-nav{padding:0 15px} .main .entrance-cont .schd-box .tit-wrap{width:240px;} .main .entrance-cont .schd-box .info-wrap{width:calc(100% - 240px)} .main .common-wrap .current-box{padding-left:0} .main .common-wrap .current-box li span{background-position-x:100%;background-size:28px} .main .common-wrap .service-banner .tit-wrap{width:120px} .main .common-wrap .service-banner ul{width:calc(100% - 120px)} .main .text-banner .inner{max-width:100%;padding:0;} .main .text-banner .swiper-nav .swiper-button-prev{left:0} .main .text-banner .swiper-nav .swiper-button-next{right:0} .kakao-info::after{background-position-y:95%} .kakao-info .text-wrap, .kakao-info .friend-step{float:none;} .kakao-info .text-wrap{margin:0 auto} .kakao-info .friend-step{width:100%;margin:0;margin-top:40px} .kakao-info .friend-step ul li{text-align:center} .calc-link .text-wrap{padding:0 25px} .calc-link .text-wrap .title{width:100px;height:100px} .calc-link .text-wrap .btn-wrap{max-width:calc(100% - 105px);padding-left:15px} .admidesc .label-txt + .label-txt{padding-left:30px} #searchSchool .sch-search{max-width:100%} #searchSchool .warn-desc{margin-left:0;margin-top:15px} .admidesc-info .img-wrap, .admidesc-info .text-wrap{width:50%} .admidesc-info .text-wrap .dot-list{margin-top:25px} .board-wrap .board-cont.cre .admidesc_write .warn-desc{display:block;padding-left:0;} .board-wrap .board-cont.cre .admidesc_write .time-box + .warn-desc{padding-top:10px} .admidesc-info .appli-info{padding-top:0} .admidesc-info .appli-info .appli-chk-list, .admidesc-info .appli-info .appli-term{float:none;width:100%;margin-top:20px} .exam-info .exam-list li{width:30%;padding:5px 0;} .exam-info .exam-list li + li{padding-left:0} .exam-info .exam-refund-info li{width:30%} .exam-info .exam-refund-info input{width:calc(100% - 80px)} } @media only screen and (max-width:1024px){ #header .gnb-list.depth1 > li > a{font-size:15px} #header .gnb-list.depth1 > li > a{padding:28px 0 25px} #header .gnb-list.depth1 > li > a > span::after{bottom:-25px} #header .gnb-list .depth2{padding-top:15px} .board-wrap .search-box select{width:150px} .board-wrap .search-box input{width:calc(100% - 255px);max-width:100%} .board-wrap .search-box .search-btn{width:100px} .board-wrap .board-cont.table .col_2{width:45%} .board-wrap .board-cont.cre .table-wrap .col_1, .board-wrap .board-cont.cre .table-wrap .col_3{width:150px} .board-wrap .board-cont.tab-board .col_2{width:auto} .board-wrap .board-cont.tab-board .col_3{width:45%} .board-wrap .board-cont.card li{width:calc(33.33% - 13.33px);margin-right:20px;margin-top:20px} .main .entrance-cont .schd-box, .main .entrance-cont .liblink-box{float:none;width:100%;height:280px} .main .entrance-cont .liblink-box{margin-top:20px;margin-left:0} .main .entrance-cont .quick-box .quick-list{padding:0 30px} .main .common-wrap .notice-box, .main .common-wrap .current-box{float:none;width:100%;} .main .common-wrap .current-box{height:auto;padding:20px;margin-left:0} .main .common-wrap .univ-banner, .main .common-wrap .service-banner{float:none;width:100%;} .main .common-wrap .service-banner{margin-left:0} } @media only screen and (max-width:960px){ .kakao-info::after{display:none} .kakao-info .friend-step ul li{float:none;width:100%;padding:20px 0;border-right:0} .label-input{display:block;} .label-input + .label-input{margin-left:0;margin-top:15px} .admidesc-info .img-wrap, .admidesc-info .text-wrap{float:none;width:100%;} .admidesc-info .img-wrap{text-align:center} .admidesc-info .img-wrap img{max-width:100%;width:auto} .admidesc-info .text-wrap{position:relative;padding:20px 0 0;} .admidesc-info .text-wrap .call-txt{display:block;width:265px;margin:-40px auto 25px;} .admidesc-info .text-wrap .dot-list{margin-top:25px} .intro-wrap h1{font-size:40px} } @media only screen and (max-width:768px){ body{font-size:15px;} .mobile{display:block;} .mobile_hidden{display:none} input, select{height:40px;} input, select, textarea{font-size:14px} .insert .title{padding:0 15px} .insert .title h1{font-size:16px;} .insert .close-x{width:30px;background-size:15px} .insert .lay-cont, .insert.full-pop .lay-cont{padding:20px} .insert .lay-cont .lay-inner{margin-bottom:30px;} .insert .btn.js-closeLay{min-width:auto} .ul-inblock li{font-size:13px;} .more-btn{width:25px;height:25px;background-size:13px} #header > .util{display:none;overflow:hidden;height:0} #header .util .inner{position:static} #header .util li{display:none} #header .util li.popup-zone{display:block;position:absolute;top:0;right:60px;z-index:10;height:60px;line-height:60px;transition:top 0.3s} #header .util .popup-zone a{padding:0 15px} .banner-on #header .util li.popup-zone{top:150px} #header .search-wrap.is-active::before, #header .search-wrap.is-active .search-box, #header .search-wrap.is-active .search-btn{z-index:20} #header{height:60px;} #header .logo{padding:0} #header .logo > a{height:60px;background:url(/images/common/yiu_logo_m.png) no-repeat 50% 50%;background-size:100%} #header .inner{padding:0} #header .header-wrap{height:auto;border-bottom:0;box-shadow:0 10px 10px -10px rgba(0,0,0,0.2)} #header .menu-wrap{position:relative;z-index:20;padding:0;margin:0} #header .open-btn{position:absolute;top:0;left:0;display:block;width:60px;height:60px;background:url(/images/common/open_btn_ic.png) no-repeat 50% 50%;background-size:25px} #header .gnb-wrap{overflow:hidden;position:fixed;top:0;right:0;z-index:10;width:100%;min-height:100vh;background:#fff;transform:translateX(-100%);transition:transform 0.2s} #header .gnb-wrap.is-active{transform:translateX(0);} #header .gnb-wrap .close-btn{display:block;top:0;right:0;width:45px;height:45px;background:url(/images/common/close_white_ic.png) no-repeat 50% 50%;} #header .gnb-wrap .util li a{padding:0 15px} #header .gnb-list{overflow:auto;height:calc(100vh - 45px);padding-bottom:80px} #header .gnb-list::after{display:none} #header .gnb-list li{text-align:left} #header .gnb-list.depth1{display:block} #header .gnb-list.depth1 > li > a, .scrollTop #header .gnb-list.depth1 > li > a, #header.header-over .header-wrap .gnb-list.depth1 > li:hover > a{padding:12px 15px;background:#F5F7FA;font-size:17px;color:#585c66} #header .gnb-list.depth1 > li{border-bottom:1px solid #DEDFE0} #header .gnb-list.depth1 > li > a > span::after{display:none} #header .gnb-list.depth1 > li > a::after, #header .gnb-list.depth1 > li:last-child > a::after, .scrollTop #header .gnb-list.depth1 > li > a::after, .scrollTop #header.header-over .gnb-list.depth1 > li > a::after{display:block;right:15px;width:15px;height:8px;background:url(/images/common/gnb_1depth_bottom_arrow.png) no-repeat 50% 50% transparent;background-size:100%;transition:transform 0.3s} #header.header-over .gnb-list .depth2{transition:0s} #header .gnb-list.depth1 > li.is-active > a{background:#02B1B9 !important;color:#fff !important} #header .gnb-list.depth1 > li.is-active > a::after{background-image:url(/images/common/gnb_1depth_bottom_arrow_active.png) !important;transform:rotate(180deg)} #header .gnb-list .depth2{display:none;visibility:visible;opacity:1;height:auto;border-right:0;padding:10px 0;} #header .gnb-list .depth2 > li{padding:0} #header .gnb-list .depth2 > li > a, #header .gnb-list .depth2 > li > a:hover{display:block;padding:10px 30px;color:#797f8c} #header .gnb-list .depth2 > li > a::before{content:'-';display:inline-block;margin-right:5px} #header .search-wrap .search-btn{width:50px;height:60px;background-image:url(/images/common/gnb_search_ic_black.png);background-size:21px} #header .search-wrap::before, #header .search-wrap .search-box{top:-60px;height:60px;padding:0 15px} #header .search-wrap .search-box .input-box{max-width:calc(100% - 40px);margin:0} #header .search-wrap .search-box input{font-size:15px} .scrollTop #header .header-wrap{background:transparent} .scrollTop #header .logo > a{background-image:url(/images/common/yiu_logo_white_m.png)} .scrollTop #header .open-btn{background-image:url(/images/common/open_btn_ic_white.png)} .scrollTop #header .search-wrap .search-btn{background-image:url(/images/common/gnb_search_ic_white.png)} .scrollTop #header .search-wrap.is-active .search-btn{background-image:url(/images/common/close_white_ic.png)} #header .popup-zone.mobile{position:absolute;top:0;right:50px;width:30px;height:60px;} #header .popup-zone.mobile > a{display:block;width:100%;height:100%;background:url(/images/common/mobile_popup_ic.png) no-repeat 50% 50%;background-size:30px;transition:transform 0.3s} .banner-on #header .popup-zone.mobile > a{transform:rotate(180deg)} /* footer */ #footer{position:relative;height:auto;padding:25px 0 15px;background:#22292F} #footer * {color:#9f9f9f} #footer .gp{padding-top:25px} #footer .gp + .gp{padding-top:10px} #footer .gp > div{float:none;} #footer .entrance-box, #footer .sns-box{padding:15px 0;text-align:center} #footer .entrance-box .ul-inblock li{display:block;font-size:14px} #footer .terms{padding-top:15px;border-top:1px solid #3C444C} #footer .family-site .select-ul-wrap + .select-ul-wrap {margin-left:0;border-left:1px solid #3C444C} #footer .family-site{position:absolute;left:0;top:0;width:100%;height:40px} #footer .family-site .select-ul-wrap{width:50%} #footer .family-site .select-ul-wrap .select-ul{bottom:40px;max-height:300px} #footer .family-site .select-ul-wrap .select-head span::after{background-color:transparent} #footer .family-site .select-head{padding:0 15px;border-bottom:1px solid #3C444C} #footer .family-site .select-ul-wrap .select-ul li{border-color:#3C444C;background:#22292F} #footer .info{max-width:100%} #footer .info ul li{display:block} #footer .ul-inblock.bar li::after{display:none} #footer .footer-logo{display:none} #footer .info .copy{opacity:0.5;} #header .top-banner .banner-tit{font-size:16px} #header .top-banner .swiper-slidek{padding:0 15px} #header .top-banner .today-chk{right:15px} #header .top-banner .swiper-nav{left:15px} #contents .sub-visual{padding-top:60px;height:250px} #contents .sub-visual .inner{height:150px} #contents .sub-visual h1{font-size:26px} #contents .sub-visual .page-nav{display:none} #contents .page-tab{position:relative;z-index:20;margin-top:-47px;background:none} #contents .page-tab .select-head{position:relative;padding:10px 15px;background:rgba(19,26,41,0.7);font-size:18px;color:#fff} #contents .page-tab .select-head span{display:block;max-width:90%} #contents .page-tab .select-head::after{content:'';display:block;position:absolute;top:50%;right:15px;width:20px;height:11px;margin-top:-5px;background:url(/images/common/bottom_arrow_white.png) no-repeat 50% 50%;background-size:100%;transition:transform 0.2s} #contents .page-tab .select-head.is-active::after{transform:rotate(180deg)} #contents .page-tab ul{display:none;position:absolute;top:50px;left:0;width:100%;padding:12px 0;border-bottom:1px solid #E9E9E9;background:#F7F7F7} #contents .page-tab ul li{text-align:left} #contents .page-tab ul li a{padding:10px 15px;height:auto;line-height:1;font-size:16px;color:#7a7e84} #contents .page-tab ul li a span{top:0;transform:translateY(0)} #contents .page-tab ul li.is-active{background:transparent} #contents .page-tab ul li.is-active a::after{display:none} #contents .page-func{top:15px} #contents .page-func > ul > li.print{display:none} #contents .page-func .share-list{left:auto;right:0;} #contents .page-func > ul > li.share:hover .share-list{visibility:hidden} #contents .page-func .share-list.is-active{display:block;visibility:visible !important} .page-wrap{padding-top:40px} .cont-sec{padding-top:40px} .cont-sec.last{padding-bottom:80px} /* contents swiper */ .swiper-wrap .swiper-nav{width:100px;height:30px} .swiper-wrap .swiper-nav .swiper-pagination, .swiper-wrap .swiper-nav .swiper-pagination span{font-size:14px} .swiper-wrap .swiper-nav .swiper-pagination{width:44px;padding-top:10px} .swiper-wrap .swiper-nav .nav-btn{width:30px;background-size:10px} /* text */ .text-wrap + .text-wrap{margin-top:15px} h2{margin-bottom:10px;font-size:18px;} h3{margin-bottom:8px;font-size:16px;} h4{font-size:15px} .cont-tit{font-size:15px} .cont-subtit{font-size:14px} .cont-subtit.tit-gray{left:-20px;padding:5px 20px;} .cont-desc{font-size:13px} .cont-tit + .cont-desc{margin-top:5px} .box-desc{font-size:14px} .box-desc.num{margin-left:10px;text-indent:-10px} .bg-gray{padding:15px} .text-wrap.inblock{margin-bottom:10px} .text-wrap.inblock h2{margin-bottom:5px} .text-wrap.inblock h2, .text-wrap.inblock p{display:block;padding:0} /* text-list */ div + .num-list{margin-top:5px} .text-list strong{width:40%} .text-list span{width:55%} .dot-list li::before{top:13px;width:2px;height:2px;} .dot-list li span{width:calc(100% - 10px);padding-left:8px;font-size:14px} .down-list > li span{max-width:calc(100% - 20px);margin-left:20px;font-size:14px} .down-list > li::before{top:8px;background-size:15px} .step-list{margin:10px 0} .step-list > li{display:block;width:180px;height:90px;margin:0 auto 28px;background-size:100%} .step-list > li::after{top:auto;right:auto;bottom:-30px;left:50%;width:28px;height:34px;margin-left:-14px;background-position-y:100%;background-size:100%;transform:rotate(90deg)} .step-list > li:last-child{margin:0 auto} .step-list > li .step{padding-top:10px;font-size:15px} .step-list > li p{font-size:14px} .col-list{margin:15px 0;} .col-list li{width:100%;margin:0;margin-bottom:15px} .col-list li strong{height:40px;line-height:40px;} .col-list li .desc{min-height:auto;padding:15px;font-size:14px} .warn-box{padding:15px} .warn-box strong{font-size:16px} .warn-box strong::before{width:18px;height:18px;margin-right:5px;} .warn-box .dot-list{padding-left:20px;} .warn-box .dot-list li::before{width:3px;height:3px} /* text-btn-sec */ .text-btn-sec .desc, .text-btn-sec .btn{float:none} .text-btn-sec .btn{margin-top:10px} /* bg */ .text-list{padding:0} .text-list.col2{float:none;width:100%;border-right:0} .tag{margin-left:5px;font-size:11px} /* btn */ .btn-wrap + .btn-wrap{margin-top:10px !important} .btn{min-width:auto;padding:10px;font-size:14px} .btn.link{border-width:1px} .btn.link span{padding-right:30px;background-size:21px;font-weight:500} .btn.black{min-width:auto;} .btn.mini{padding:2px 5px} .btn.mini span{font-size:11px} .btn.middle{padding:5px} .btn.middle span{top:-1px;font-size:12px} .btn.gray{min-width:auto} .ic-btn{width:30px;height:30px;background-size:12px} .btn.text-link{font-size:14px} .btn-wrap.center .btn{margin:5px} .btn.text-link span{padding-right:25px;background-size:17px} /* table */ .scroll-relative{position:relative} .table-wrap.table-scroll{overflow-x:auto} .table-wrap.table-scroll::after{content:'';display:block;position:absolute;top:55px;right:15px;width:32px;height:32px;background:url(/images/sub/scroll_alert_ic.png) no-repeat 0 0;background-size:100%;opacity:0.8} .table-wrap.table-scroll.mini::after{display:none} .table-wrap.table-scroll table{min-width:768px;width:100%;} .table-wrap.table-scroll.mini table{min-width:420px;width:100%} .table-wrap th, .table-wrap td{padding:10px 5px} .table-wrap td{font-size:14px} .table-wrap.row .col_1{width:25%} .cont-box .table-wrap th, .cont-box .table-wrap td{padding:8px 5px;font-size:14px} .table-text{margin-bottom:0;} .table-text h4, .table-text .table-desc{display:block;width:100%;margin-bottom:5px} .table-text .table-desc{font-size:13px;} .time-box select{width:calc(50% - 5px)} /* board-wrap */ .board-wrap .board-top{margin-bottom:15px} .board-wrap .board-desc{font-size:14px} .board-wrap .board-desc, .board-wrap .search-box{float:none} .board-wrap .search-box{margin-top:5px} .board-wrap .search-box select, .board-wrap .search-box input{font-size:13px} .board-wrap .search-box select{width:100%;margin:0;margin-bottom:5px;background-position-x:96%} .board-wrap .search-box input{width:calc(100% - 44px)} .board-wrap .search-box .search-btn{background-size:15px} .board-wrap .board-cont .subj{font-size:15px;} .board-wrap .board-cont a.subj{max-width:calc(100% - 25px);vertical-align:middle} .board-wrap .board-cont .notice .subj::before{display:block;width:25px;margin-bottom:5px;font-size:12px;text-align:center} .board-wrap .board-cont .file span{background-size:16px} .board-wrap .board-cont .info-gp span{font-size:13px} .board-wrap .board-cont .notice .tag{padding:5px 10px;font-size:13px} .board-wrap .board-cont.list li{padding:15px} .board-wrap .board-cont.list .file{right:15px;width:16px;background-size:100%} .board-wrap .board-cont.info .info-top, .board-wrap .board-cont.info .info-gp, .board-wrap .board-cont.info .board-view{padding:10px 15px} .board-wrap .board-cont.info .info-top .subj{max-width:calc(100% - 95px);font-size:16px} .board-wrap .board-cont.info .info-top.secret .subj{padding-left:20px;background-position-y:5px;background-size:12px;line-height:30px} .board-wrap .board-cont.info .info-top .category, .board-wrap .board-cont.info .info-top .state{width:90px;font-size:14px;} .board-wrap .board-cont.info .subj{max-width:100%} .board-wrap .board-cont.info .file-list{padding:10px 15px} .board-wrap .board-cont.info .file-list strong, .board-wrap .board-cont.info .file-list ul{display:block;max-width:100%} .board-wrap .board-cont.info .file-list strong{padding-bottom:5px;font-size:15px} .board-wrap .board-cont.info .file-list li.no-file span, .board-wrap .board-cont.info .file-list li a::before{background-size:16px;background-position-x:0} .board-wrap .board-cont.info .file-list li a{max-width:100%} .board-wrap .board-cont.info .file-list li.no-file span{padding-left:22px;} .board-wrap .board-cont.info .file-list li span, .board-wrap .board-cont.info .file-list li a{font-size:13px} .board-wrap .board-cont.info .file-list li a::before{width:16px;margin-right:6px} .board-wrap .board-cont.info .board-view{min-height:100px;padding-bottom:50px} .board-wrap .board-cont.info .board-view, .board-wrap .board-cont.info .board-view *{font-size:14px !important} .board-wrap .board-bottom .board-nav li{padding:10px 15px} .board-wrap .board-bottom .board-nav li > span{background-size:6px;font-size:14px} .board-wrap .board-bottom .board-nav a{padding-left:20px} .board-bottom .btn-wrap{margin-top:20px} .board-wrap .board-bottom .edit-btn{float:none;text-align:right} /* board-cont table*/ .board-wrap .search-box input{width:calc(100% - 60px)} .board-wrap .search-box .search-btn{width:60px;height:40px} /* board-cont thumb */ .board-wrap .board-cont.thumb li{padding:15px} .board-wrap .board-cont.thumb .thumb-img, .board-wrap .board-cont.thumb .thumb-txt{display:block;} .board-wrap .board-cont.thumb .thumb-img{margin:0 auto} .board-wrap .board-cont.thumb .thumb-txt{position:relative;width:100%;margin-top:15px;padding:0} .board-wrap .board-cont.thumb .thumb-desc{max-width:calc(100% - 50px);margin-top:5px;font-size:14px} .board-wrap .board-cont.thumb .file{right:0} /* board-cont ques */ .board-wrap .board-cont.ques .ques-txt{width:calc(100% - 30px)} .board-wrap .board-cont.ques .is-answer{display:block;margin-top:10px;width:80px;font-size:13px;text-align:center} .board-wrap .board-cont.ques .secret .subj{padding-left:20px;background-size:12px} /* board-cont answ */ .board-wrap .board-cont.answ .info-top{background-position:15px 12px;background-size:12px} .board-wrap .board-cont.answ .info-top, .board-wrap .board-cont.answ .board-view, .board-wrap .board-cont.answ .file-list{padding-left:35px} /* board-cont cre */ .board-wrap .board-cont.cre .table-wrap table, .board-wrap .board-cont.cre .table-wrap tbody, .board-wrap .board-cont.cre .table-wrap tr, .board-wrap .board-cont.cre .table-wrap th, .board-wrap .board-cont.cre .table-wrap td{display:block;overflow:hidden;width:100%;box-sizing:border-box} .board-wrap .board-cont.cre .table-wrap th{padding:10px;text-align:left} .board-wrap .board-cont.cre .table-wrap th, .board-wrap .board-cont.cre .table-wrap td{padding:10px} .board-wrap .board-cont.cre .table-wrap td.blank{display:none} .board-wrap .board-cont.cre .table-wrap td.subj-td{border-bottom:0;padding-bottom:5px} .board-wrap .board-cont.cre .table-wrap td.secret-chk{padding-top:0} .board-wrap .board-cont.cre .captcha-box, .board-wrap .board-cont.cre .captcha-input{display:block;} .board-wrap .board-cont.cre .captcha-input{padding-left:0;padding-top:10px} .pers-wrap .pers-cont{height:250px;padding:15px;margin-bottom:15px} .pers-wrap .pers-cont .pers-inner{font-size:14px} .pers-wrap .pers-cont::-webkit-scrollbar{width:5px;} /* board-cont interview */ .board-wrap .board-cont.interview .state{position:static;width:auto;margin-bottom:5px;text-align:left;transform:translateY(0)} .board-wrap .board-cont.interview > ul > li{padding-left:15px} /* board faq */ .board-wrap .faq-list .q, .board-wrap .faq-list .a span{padding:15px 50px} .board-wrap .faq-list .q::before, .board-wrap .faq-list .a span::before{top:13px;left:15px;width:25px;height:25px;font-size:14px;line-height:26px} .board-wrap .faq-list .q::after{width:calc(100% - 100px)} .board-wrap .faq-list .q a::after{right:15px;width:14px;height:14px;margin-top:-7px;background-size:14px;} /* board-reply */ .board-reply .table-wrap table, .board-reply .table-wrap tbody, .board-reply .table-wrap tr, .board-reply .table-wrap th, .board-reply .table-wrap td{display:block;width:100%;} .board-reply .table-wrap .no-reply{height:auto;padding:20px 5px} .board-reply .table-wrap .from{text-align:left} /* board-cont.card */ .board-wrap .board-cont.card li{width:calc(50% - 10px);margin-right:15px;margin-top:15px} .board-wrap .board-cont.card li:nth-child(3n){margin-right:15px} .board-wrap .board-cont.card li:nth-child(2n){margin-right:0} .board-wrap .board-cont.card li .link-tit{height:50px;padding:0 15px} .board-wrap .board-cont.card li .link-tit span{padding-right:25px;font-size:15px;background-size:18px} /*board-cont.result*/ .board-top .result-desc{font-size:15px} .board-wrap .board-cont.result li{padding:10px 15px} .board-wrap .board-cont.result .more-btn{top:10px;right:15px;width:25px;height:25px;background-size:15px} .board-wrap .board-cont.result .page-name, .board-wrap .board-cont.result .page-name + span, .board-wrap .board-cont.result .board-name span, .board-wrap .board-cont.result .desc{font-size:14px} .board-wrap .board-cont.result .search-data{margin-top:10px;padding-top:10px} .board-wrap .board-cont.result .board-name, .board-wrap .board-cont.result .subj{margin-bottom:2px} .board-wrap .board-cont.result .subj{font-size:16px} /* board-cont table */ .board-wrap .board-cont.table table, .board-wrap .board-cont.table tbody, .board-wrap .board-cont.table tr{display:block;width:100%;box-sizing:border-box} .board-wrap .board-cont.table tr{position:relative;border-bottom:1px solid #EBEBEB} .board-wrap .board-cont.table td{display:inline-block;border-bottom:0;box-sizing:border-box} .board-wrap .board-cont.table thead{display:none} .board-wrap .board-cont.table .num, .board-wrap .board-cont.table .category, .board-wrap .board-cont.table .subj-td{padding-bottom:5px} .board-wrap .board-cont.table .category{width:65px;color:#333} .board-wrap .board-cont.table .num{display:none;text-align:left} .board-wrap .board-cont.table .subj-td{width:calc(100% - 30px)} .board-wrap .board-cont.table .notice .num{display:inline-block;width:60px} .board-wrap .board-cont.table .notice .subj-td{width:calc(100% - 65px)} .board-wrap .board-cont.table .file, .board-wrap .board-cont.table .state{position:absolute;top:50%;right:5px;padding:0;transform:translateY(-50%);} .board-wrap .board-cont.table .user, .board-wrap .board-cont.table .date, .board-wrap .board-cont.table .viewcnt{padding:0 5px 10px;} .board-wrap .board-cont.table .viewcnt::before, .board-wrap .board-cont.table.ques .date::before{content:'';display:inline-block;width:1px;height:10px;margin-right:8px;background:#ebebeb;vertical-align:middle} .board-wrap .board-cont.table .no-data td{width:100%;text-align:center} .board-wrap .board-cont.table .category::before, .board-wrap .board-cont.table .category::after{content:'';display:inline-block;vertical-align:top} .board-wrap .board-cont.table .category::before{content:'[';} .board-wrap .board-cont.table .category::after{content:']';} .board-wrap .board-cont.table .category + .subj-td{max-width:calc(100% - 75px)} .board-wrap .board-cont.table .notice .category + .subj-td{max-width:calc(100% - 135px)} /* cont-tab */ .cont-tab{padding-top:20px} .cont-tab > ul{padding:0 30px} .cont-tab > ul > li{height:40px;margin:0} .cont-tab > ul > li + li{margin-left:10px} .cont-tab > ul > li > a{min-width:auto;padding:10px 20px} .cont-tab + .cont-sec{padding-top:20px} /* paging */ .paging{margin-top:30px} .paging li{width:20px;height:20px;margin:4px} .paging li a{line-height:20px;font-size:12px} .paging li.first a, .paging li.last a{background-size:9px} .paging li.prev a, .paging li.next a{background-size:5px} .paging + .btn-wrap{margin-top:30px} /* col-box */ .col-wrap .col-box{float:none;width:100%;} .col-wrap .col-box + .col-box{margin-left:0;margin-top:20px} .label-input + .label-input{margin-top:5px} /* main */ .main .wide-banner{height:400px} .main .wide-banner .text-wrap{position:static;padding-top:80px} .main .wide-banner .wide-tit{font-size:32px} .main .wide-banner .wide-desc{font-size:16px} .main .wide-banner .swiper-nav{bottom:20px;left:0;width:100px;text-align:left;transform:translateX(0)} .main .wide-banner .btn-wrap{position:absolute;right:15px;bottom:20px} .main .entrance-wrap{margin-top:0} .main .entrance-wrap::before{height:40px;background:#090F1A} .main .entrance-tab{width:100%;max-width:320px;height:40px} .main .entrance-tab ul li{width:33.33%} .main .entrance-tab ul li a{font-size:16px;line-height:40px} .main .entrance-tab .active-box{top:-4px;z-index:10;width:33.33%;height:48px;border-width:5px;} .main .entrance-tab-wrap .entrance-cont{margin-top:0} .main .entrance-cont .inner{padding:0} .main .entrance-cont .tit-wrap .tit{font-size:20px} .main .entrance-cont .tit-wrap .desc{margin-top:15px} .main .entrance-cont .schd-box, .main .entrance-cont .liblink-box{padding:30px 15px;height:auto} .main .entrance-cont .schd-box .tit-wrap, .main .entrance-cont .schd-box .info-wrap{float:none;width:100%} .main .entrance-cont .schd-box{padding-bottom:50px;background:#fff} .main .entrance-cont .schd-box .tit-wrap{padding-top:0;padding-bottom:20px} .main .entrance-cont .schd-box .tit-wrap .tit{text-align:center} .main .entrance-cont .schd-box .tit-wrap .tit br, .main .entrance-cont .schd-box .tit-wrap .desc{display:none} .main .entrance-cont .schd-box .info-wrap li{padding-top:8px;font-size:14px} .main .entrance-cont .schd-box .info-wrap strong::before{width:2px;height:10px} .main .entrance-cont .schd-box .info-wrap span::before{display:none} .main .entrance-cont .liblink-box{margin-top:30px;padding-right:0} .main .entrance-cont .liblink-box .tit{font-size:18px} .main .entrance-cont .liblink-box ul{margin-top:5px} .main .entrance-cont .liblink-box li a{padding:15px 0 5px;background-position-x:95%} .main .entrance-cont .quick-box{margin-top:0;padding:30px 0 70px;background-image:url(/images/main/entrance_quick_box_bg_m.jpg)} .main .entrance-cont .quick-box .inner{padding:0 30px} .main .entrance-cont .quick-box .tit-wrap, .main .entrance-cont .quick-box .quick-list{float:none;width:100%} .main .entrance-cont .quick-box .tit-wrap{padding-top:20px} .main .entrance-cont .quick-box .tit::before{top:-25px;left:-20px;background-size:75px} .main .entrance-cont .quick-box .tit strong{position:relative} .main .entrance-cont .quick-box .tit-wrap br{display:none} .main .entrance-cont .quick-box .quick-list{padding:0;margin-top:20px} .main .entrance-cont .quick-box .swiper-nav{right:30px;bottom:-40px;width:60px} .main .entrance-cont .quick-box .swiper-slide{height:120px} .main .entrance-cont .quick-box .swiper-slide span{font-size:14px} .main .entrance-cont .quick-box .swiper-slide a:hover{border-width:1px} .main .common-wrap{padding:0;background:#fff} .main .common-wrap .inner{padding:0} .main .common-wrap .notice-box, .main .common-wrap .current-box{height:auto;padding:30px 0} .main .common-wrap .tit-wrap .tit{font-size:20px;text-align:center} .main .common-wrap .notice-box{overflow:hidden} .main .common-wrap .notice-box .cont-tab .swiper-container{position:static;overflow:visible;padding:0 15px} .main .common-wrap .notice-box .cont-tab .swiper-container li{height:auto;padding:10px 0} .main .common-wrap .notice-box .cont-tab .swiper-container li > a{padding:4px 25px} .main .common-wrap .notice-box .cont-tab-sec{margin-top:15px;padding:0 15px} .main .common-wrap .notice-box .more-btn{right:15px} .main .common-wrap .notice-box .notice-list{height:140px} .main .common-wrap .notice-box .notice-list li{padding:5px 0} .main .common-wrap .notice-box .notice-list .date{width:80px} .main .common-wrap .notice-box .notice-list .subj{max-width:calc(100% - 85px)} .main .common-wrap .notice-box .notice-list .no-data{padding:0;position:relative;top:50%;transform:translateY(-50%)} .main .common-wrap .current-box{padding-left:15px} .main .common-wrap .current-box li a{padding:8px 15px;font-size:15px} .main .common-wrap .current-box li span{background-size:18px} .main .common-wrap .univ-banner > a{padding:0 15px} .main .common-wrap .univ-banner .tit-wrap .tit{font-size:18px;text-align:left} .main .common-wrap .univ-banner .tit-wrap .tit em{padding-right:30px;background-size:18px} .main .common-wrap .service-banner{padding:30px 15px;height:auto} .main .common-wrap .service-banner .tit-wrap, .main .common-wrap .service-banner ul{float:none;width:100%} .main .common-wrap .service-banner .tit-wrap .tit{top:0;transform:translateY(0);font-size:18px;} .main .common-wrap .service-banner ul{padding-top:20px;padding-bottom:0} .main .common-wrap .service-banner li span{font-size:14px} .main .common-wrap .inner + .inner{margin-top:0} .main .text-banner .inner{padding:0} .main .text-banner .swiper-slide a{font-size:14px;} .main .text-banner .swiper-slide span{padding-left:25px;background-size:17px} #contents .page-tab .inner{padding:0} .gray-box{padding:15px} .appli-info .text-wrap h2, .appli-info .text-wrap .btn-wrap{float:none} .appli-info .text-wrap .btn-wrap{margin-bottom:15px;} .appli-info .text-wrap .btn-wrap .btn{min-width:120px;padding:2px 0;font-size:13px} .appli-info .text-wrap .btn-wrap .btn span{padding-left:20px;background-size:14px} .appli-info .application-pdf iframe{height:400px} .appli-down .text-wrap h2, .appli-down .text-wrap .desc{display:block;margin-bottom:10px} .appli-down .text-wrap h2{margin-right:0} .cont-sec.board{padding-top:40px} .board-pass input{max-width:320px;width:100%} .cont-sec.kakao-friend{padding-top:40px} .kakao-info{padding:15px} .kakao-info .text-wrap{width:100%;background-size:85px} .kakao-info .text-wrap p, .kakao-info .text-wrap strong{font-size:18px} .kakao-info .friend-step{margin-top:20px;padding:15px 0} .kakao-info .friend-step ul li{padding:10px 0} .kakao-info .friend-step ul li .ic{width:80px;height:80px;background-size:50px} .kakao-info .friend-step ul li .ic::after{width:25px;height:25px;line-height:25px;font-size:12px} .main-point .application-pdf iframe{height:600px} .calc-process ul{display:block} .calc-process li{float:left;width:50%;padding:10px 0} .calc-process li::after{display:none} .calc-process li .ic{height:auto;margin-bottom:10px} .calc-process li .text{font-size:15px} .calc-process li .gray{font-size:14px} .calc-process li .ic::after{width:30px;height:30px;line-height:28px;font-size:13px} .calc-link .text-wrap{padding:0 15px} .calc-link .text-wrap .title{width:100%;height:60px} .calc-link .text-wrap .btn-wrap{max-width:100%;padding:0;padding-top:15px} .admidesc .text-wrap{margin-bottom:20px} .admidesc .board-wrap + .warn-desc{margin-top:10px;text-align:left} .table-wrap.admidesc-appi table, .table-wrap.admidesc-appi tbody, .table-wrap.admidesc-appi tr, .table-wrap.admidesc-appi th, .table-wrap.admidesc-appi td{display:block;width:100%;box-sizing:border-box} .table-wrap.admidesc-appi .btn{padding:4px 12px} .table-wrap.admidesc-appi .blank{display:none} .admidesc_write th, .admidesc_write td{height:auto} .admidesc_write .sch-search input{width:calc(100% - 40px);margin-right:0;border-right:0} .admidesc_write .check-box{display:block;} .admidesc_write .check-box + .check-box{margin-left:0;margin-top:5px} .admidesc .label-txt, .admidesc .label-txt.col3{float:none;width:100%} .admidesc .label-txt + .label-txt{padding-left:0;padding-top:10px} .board-wrap .board-cont.cre .admidesc_write .desc-td, .board-wrap .admidesc_view .desc-td{padding-bottom:0;border-bottom:0} .ui-datepicker{max-width:270px} #searchSchool .search-box{padding:15px} #searchSchool .sch-search label{display:none} #searchSchool .sch-search input{width:calc(100% - 40px)} .admidesc_view .table-wrap th, .admidesc_view .table-wrap td{padding:10px 15px} .admidesc-info .text-wrap{padding-top:15px} .admidesc-info .text-wrap .call-txt{padding:10px 15px;margin:-40px auto 15px;font-size:16px;text-align:center} .admidesc-info .text-wrap .call-txt span{padding-left:28px;background-size:22px} .admidesc-info .text-wrap .desc, .admidesc-info .text-wrap .dot-list > li span{font-size:14px} .admidesc-info .text-wrap .dot-list{margin-top:15px;} .admidesc-info .appli-info strong, .admidesc-info .appli-info p, .admidesc-info .green{font-size:14px} .exam-info{padding-top:40px} .exam-info .exam-list{padding:20px 15px;text-align:left} .exam-info .exam-list li, .exam-info .exam-refund-info li{width:100%;padding:5px 0} .exam-info .exam-refund-info{padding:15px 0} .exam-info .exam-refund-info li + li{padding-left:0} .exam-info .exam-refund-info label{width:60px} .exam-info .exam-refund-info input{width:calc(100% - 65px)} .alertLayer p{font-size:15px} .alertLayer .btn.js-closeLay, .alertLayer .btn{min-width:auto} .alertLayer .close-x{top:10px;right:10px;height:30px} .alertLayer .lay-cont{padding:30px 20px 20px} #mainNoticePop .close-x{top:10px;right:10px;height:30px} #mainNoticePop .lay-cont{padding:40px 15px} #mainNoticePop .today-chk{bottom:10px;right:15px} .appli-wait{height:150px;} .appli-wait .wait-tit{font-size:17px} .appli-wait .wait-tit:before{display:block;margin:0 auto;width:50px;height:50px;background-size:50px} /* intro */ .intro-wrap{overflow:hidden;top:0;height:auto;margin-top:0} .intro-wrap{padding:0 20px} .intro-wrap .slogan-tit{margin-bottom:15px} .intro-wrap .slogan-tit img{width:120px} .intro-wrap .intro-logo{margin-bottom:15px} .intro-wrap .intro-logo p{padding-left:120px;background-image:url(/images/intro/intro_logo_m.png);background-size:110px;font-size:18px} .intro-wrap h1{margin-bottom:15px;font-size:28px;line-height:1.2} .intro-wrap h1 strong::after{top:-40px;right:-10px;width:60px;height:43px;background-image:url(/images/intro/h1_point_m.png);background-size:100%} .intro-wrap .intro-desc{font-size:15px} .intro-wrap .intro-desc + .intro-desc{padding-top:5px} .intro-wrap .link-wrap{width:100%} .intro-wrap .intro-link::before{top:100px;left:-20px;width:100vw;height:380px} .intro-wrap .link-wrap li{width:calc(50% - 6px);padding:20px 0} .intro-wrap .link-wrap li + li{margin-left:12px} .intro-wrap .link-wrap li::before{height:100px;background-size:auto 100%} .intro-wrap .link-wrap .link-tit{margin-top:40px;padding-top:70px;background-size:60px;font-size:18px} .intro-wrap .link-wrap .link-url{margin-top:25px;padding-right:30px;font-size:15px;text-align:left;background-size:15px} .intro-wrap .link-wrap .link-url span{display:block} .intro-wrap .link-wrap li:nth-child(1) .link-url{background-image:url(/images/intro/intro_link_arrwo_blue_m.png)} .intro-wrap .link-wrap li:nth-child(2) .link-url{background-image:url(/images/intro/intro_link_arrwo_yello_m.png)} .intro-wrap .intro-footer{margin-top:60px} .intro-wrap .footer-inner{padding-left:0;padding:40px 0 30px;background:url(/images/intro/intro_footer_logo_m.png) no-repeat 0 0;background-size:120px} .intro-wrap .footer-info li{font-size:13px} .intro-wrap .copy{padding-top:8px;font-size:11px} .board-wrap .board-cont.cre .admidesc_write .addr-search + .addr-search{display:block;padding:10px} .board-wrap .board-cont.cre .admidesc_write .addr-search a{width:100%} } @media only screen and (max-width: 380px){ /* board-cont.card */ .board-wrap .board-cont.card li{width:100%;margin-right:0;margin-top:15px} .board-wrap .board-cont.card li:nth-child(3n){margin-right:0} .board-wrap .board-cont.card li:nth-child(2n){margin-right:0} } @media only screen and (max-width: 360px){ .intro-wrap h1{position:relative} .intro-wrap h1 strong{position:static} .intro-wrap h1 strong::after{top:-10px;right:0} }