.content_wrap{clear:both;margin-top:0;overflow:hidden;font-family:'NotoSansKR',sans-serif;min-height:300px;padding-bottom:100px;padding-top:40px} /** * Swiper 5.3.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on:February 29, 2020 */ @font-face{font-family:'swiper-icons';src:url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")format("woff");font-weight:400;font-style:normal} :root{--swiper-theme-color:#007aff} .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:0} .swiper-container-vertical > .swiper-wrapper{flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box} .swiper-container-android .swiper-slide, .swiper-wrapper{transform:translate3d(0px, 0, 0)} .swiper-container-multirow > .swiper-wrapper{flex-wrap:wrap} .swiper-container-multirow-column > .swiper-wrapper{flex-wrap:wrap;flex-direction:column} .swiper-container-free-mode > .swiper-wrapper{transition-timing-function:ease-out;margin:0 auto} .swiper-slide{flex-shrink:0;/*width:100%;*/width:292px;margin-right:10px;height:100%;position:relative;transition-property:transform;overflow:hidden} .swiper-slide-invisible-blank{visibility:hidden} /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{height:auto} .swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height} /* 3D Effects */ .swiper-container-3d{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{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{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} .swiper-container-3d .swiper-slide-shadow-left{background-image: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))} /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper{overflow:auto;scrollbar-width:none;/* For Firefox */-ms-overflow-style:none;/* For Internet Explorer and Edge */} .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar{display:none} .swiper-container-css-mode > .swiper-wrapper > .swiper-slide{scroll-snap-align:start start} .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper{scroll-snap-type:x mandatory} .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper{scroll-snap-type:y mandatory} :root{--swiper-navigation-size:44px;/* --swiper-navigation-color:var(--swiper-theme-color);*/ } .swiper-button-prev, .swiper-button-next{position:absolute;top:50%;width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, #b4b5b7)} .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none} .swiper-button-prev:after, .swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;text-transform:none;font-variant:initial} .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:-50px;right:auto} .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content:'prev'} .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:-50px;left:auto} .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content:'next'} .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white{--swiper-navigation-color:#ffffff} .swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black{--swiper-navigation-color:#000000} .swiper-button-lock{display:none} :root{/* --swiper-pagination-color:var(--swiper-theme-color);*/ } .swiper-pagination{/*position:absolute;*/text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);margin-left:100px} .btn_offer_category02_control{width:35px;position:absolute;left:calc(50% - 50px);z-index:100} .btn_offer_category02_control .swiper-button-play{display:inline-block} .btn_offer_category02_control .swiper-button-pause{display:inline-block} .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{overflow:hidden;font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)} .swiper-pagination-bullet{width:15px;height:15px;display:inline-block;border-radius:100%;background:#000;opacity:0.2;vertical-align:middle} button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer;margin:0 3px} .swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color, var(--swiper-theme-color))} .swiper-container-vertical > .swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px, -50%, 0)} .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block} .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px} .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform, 200ms top} .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px} .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap} .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms left} .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right} /* Progress */ .swiper-pagination-progressbar{background:rgba(0, 0, 0, 0.25);position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top} .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0} .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:4px;height:100%;left:0;top:0} .swiper-pagination-white{--swiper-pagination-color:#ffffff} .swiper-pagination-black{--swiper-pagination-color:#000000} .swiper-pagination-lock{display:none} /* Scrollbar */ .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0, 0, 0, 0.1)} .swiper-container-horizontal > .swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%} .swiper-container-vertical > .swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%} .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0, 0, 0, 0.5);border-radius:10px;left:0;top:0} .swiper-scrollbar-cursor-drag{cursor:move} .swiper-scrollbar-lock{display:none} .swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center} .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas{max-width:100%;max-height:100%;object-fit:contain} .swiper-slide-zoomed{cursor:move} /* Preloader */ :root{/* --swiper-preloader-color:var(--swiper-theme-color);*/ } .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent} .swiper-lazy-preloader-white{--swiper-preloader-color:#fff} .swiper-lazy-preloader-black{--swiper-preloader-color:#000} @keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} /* a11y */ .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide{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{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%} .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide{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{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:0.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0} .swiper-container-flip{overflow:visible} .swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1} .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} @media only all and (max-width:1198px){ .newszone{width:1000px} .swiper-slide{width:240px} } @media only all and (max-width:960px){ .newszone{width:748px} .newsT{font-size:35px} .swiper-slide{width:179px} .newsimg img{height:auto;} .newsimg{height:auto;} .newsbox:hover .over img{position:absolute;top:20px;left:50%;width:30px;margin-left:-15px} } @media only all and (max-width:768px){ .newszone{width:318px} .swiper-slide{width:154px} .swiper-pagination{margin-left:50px} .btn_offer_category02_control{left:calc(50% - 70px)} } .mileage_list01{position:relative;overflow:hidden} .mileage_list01 dl{position:relative;float:left;width:calc(20.66% - 40px);height:340px;margin-right:40px;padding:5px;border:1px solid #d5d5d5;text-align:center} .mileage_list01 dl.list01{background:url(/minju/common/img/contents/icon_list0101.png) no-repeat center 120px} .mileage_list01 dl.list02{background:url(/minju/common/img/contents/icon_list0102.png) no-repeat center 120px} .mileage_list01 dl.list03{background:url(/minju/common/img/contents/icon_list0103.png) no-repeat center 120px} .mileage_list01 dl.list04{background:url(/minju/common/img/contents/icon_list0104.png) no-repeat center 120px} .mileage_list01 dl.list05{margin-right:0;background:url(/minju/common/img/contents/icon_list0105.png) no-repeat center 120px} .mileage_list01 dl:after{content:'';position:absolute;right:-62px;top:37%;width:80px;height:80px;border-radius:40px;border:1px solid #f0f0f0;background:#fff url(/minju/common/img/contents/icon_arow01.png) no-repeat center 19px;z-index:1} .mileage_list01 dl.list05:after{display:none} .mileage_list01 dl dt{font-size:18px;color:#171616;font-weight:500;line-height:20px;margin:37px auto 0;width:100%;max-width:165px;height:185px;word-break:keep-all} .mileage_list01 dl dt strong{display:block;color:#108ad3;line-height:23px;font-weight:600} .mileage_list01 dl dd{font-size:14px;color:#666;line-height:18px} @media only all and (max-width:880px){ .mileage_list01 dl{width:100%;height:auto;margin-right:0;margin-bottom:10px;text-align:left} .mileage_list01 dl.list01{background:url(/minju/common/img/contents/icon_list0101.png) no-repeat 30px 30px;background-size:62px} .mileage_list01 dl.list02{background:url(/minju/common/img/contents/icon_list0102.png) no-repeat 30px 30px;background-size:62px} .mileage_list01 dl.list03{background:url(/minju/common/img/contents/icon_list0103.png) no-repeat 30px 30px;background-size:62px} .mileage_list01 dl.list04{background:url(/minju/common/img/contents/icon_list0104.png) no-repeat 30px 30px;background-size:62px} .mileage_list01 dl.list05{background:url(/minju/common/img/contents/icon_list0105.png) no-repeat 30px 30px;background-size:62px} .mileage_list01 dl:after{display:none} .mileage_list01 dl dt{width:100%;max-width:68%;height:auto;margin:27px 0 0 110px} .mileage_list01 dl dt strong{display:inline-block;margin-right:10px} .mileage_list01 dl dd{margin:10px 0 25px 140px} } .mileage_list02{position:relative;padding:47px 0 38px 224px;margin-bottom:24px;overflow:hidden} .mileage_list02.type01{background:#fbfbfb url(/minju/common/img/contents/icon_list0201.png) no-repeat 53px 38px} .mileage_list02.type02{background:#fbfbfb url(/minju/common/img/contents/icon_list0202.png) no-repeat 53px 38px} .mileage_list02.type03{background:#fbfbfb url(/minju/common/img/contents/icon_list0203.png) no-repeat 53px 38px} .mileage_list02 h4{padding-left:0;margin-left:0;background:none} .mileage_list02 ul{width:calc(100% - 280px)} .mileage_list02 ul li{padding-left:12px;font-size:18px;line-height:31px;background:url(/minju/common/img/contents/icon_dot01.png) no-repeat left 16px} .mileage_list02 a{display:block;position:absolute;right:54px;top:40px;width:140px;height:140px;color:#fff;padding-top:52px;border-radius:70px;text-align:center;background:#108ad3 url(/minju/common/img/contents/icon_arow02.png) no-repeat center 82px} @media only all and (max-width:880px){ .mileage_list02{padding:30px} .mileage_list02.type01, .mileage_list02.type02, .mileage_list02.type03{background:#fbfbfb} .mileage_list02 ul{width:100%} .mileage_list02 a{position:relative;right:auto;top:auto;width:200px;height:auto;padding:18px 18px 18px 30px;border-radius:0;text-align:left;margin-top:13px;background:#108ad3 url(/minju/common/img/contents/icon_arow02.png) no-repeat 160px 21px} } .mileage_list03{position:relative;overflow:hidden} .mileage_list03 dl{position:relative;float:left;width:calc(17.08% - 30px);height:210px;margin-right:30px;border:1px solid #d5d5d5;text-align:center} .mileage_list03 dl.list06{margin-right:0} .mileage_list03 dl:after{content:'';position:absolute;right:-47px;top:22%;width:60px;height:60px;border-radius:30px;border:1px solid #f0f0f0;background:#fff url(/minju/common/img/contents/icon_arow03.png) no-repeat center 13px;z-index:1} .mileage_list03 dl.list06:after{display:none} .mileage_list03 dl dt{font-size:17px;color:#171616;font-weight:500;line-height:20px;padding:98px 0 21px;word-break:keep-all} .mileage_list03 dl.list01 dt{background:#fafafa url(/minju/common/img/contents/icon_list0301.png) no-repeat center 26px} .mileage_list03 dl.list02 dt{background:#fafafa url(/minju/common/img/contents/icon_list0302.png) no-repeat center 26px} .mileage_list03 dl.list03 dt{background:#fafafa url(/minju/common/img/contents/icon_list0303.png) no-repeat center 26px} .mileage_list03 dl.list04 dt{background:#fafafa url(/minju/common/img/contents/icon_list0304.png) no-repeat center 26px} .mileage_list03 dl.list05 dt{background:#fafafa url(/minju/common/img/contents/icon_list0305.png) no-repeat center 26px} .mileage_list03 dl.list06 dt{background:#fafafa url(/minju/common/img/contents/icon_list0306.png) no-repeat center 26px} .mileage_list03 dl dd{font-size:14px;color:#666;padding:14px 10px 0;border-top:1px solid #d5d5d5;line-height:18px} @media only all and (max-width:880px){ .mileage_list03 dl{width:calc(32.5% - 30px);margin-bottom:20px} } @media only all and (max-width:470px){ .mileage_list03 dl{width:100%;height:auto;margin-right:0;margin-bottom:5px;text-align:left} .mileage_list03 dl::after{display:none} .mileage_list03 dl dt{padding:22px 0 22px 60px} .mileage_list03 dl.list01 dt{background:url(/minju/common/img/contents/icon_list0301.png) no-repeat 10px 20px;background-size:38px} .mileage_list03 dl.list02 dt{background:url(/minju/common/img/contents/icon_list0302.png) no-repeat 10px 20px;background-size:38px} .mileage_list03 dl.list03 dt{background:url(/minju/common/img/contents/icon_list0303.png) no-repeat 10px 20px;background-size:38px} .mileage_list03 dl.list04 dt{background:url(/minju/common/img/contents/icon_list0304.png) no-repeat 10px 20px;background-size:38px} .mileage_list03 dl.list05 dt{background:url(/minju/common/img/contents/icon_list0305.png) no-repeat 10px 20px;background-size:38px} .mileage_list03 dl.list06 dt{background:url(/minju/common/img/contents/icon_list0306.png) no-repeat 10px 20px;background-size:38px} .mileage_list03 dl dd{padding:0 10px 20px 61px;border-top:0;margin-top:-14px} } .greeting{position:relative;padding:50px;color:#000} .greeting:after{content:'';position:absolute;right:50px;top:73px;width:497px;height:675px;background:url("/minju/common/img/contents/greeting_photo.png") no-repeat} .greeting .txt01{position:relative;padding-bottom:75px;font-size:40px;font-weight:400} .greeting .txt01:after{content:'';position:absolute;left:0;top:80px;width:94px;height:2px;background:#d5d5d5;z-index:1} .greeting .txt01 span{background:url(/minju/common/img/contents/greeting_txt_bg.gif) repeat-x left 20px} .greeting .txt01 strong{font-weight:500} .greeting .txt02{position:relative;font-size:21px;font-weight:400;line-height:35px} .greeting .txt02 span.sign{display:block;margin-top:35px} @media only all and (max-width:1050px){ .greeting{padding:50px 30px} .greeting:after{right:-10px;width:448px;background-size:100%} .greeting .txt01{padding-bottom:33px;line-height:40px;word-break:keep-all;font-size:30px} .greeting .txt01:after{display:none} .greeting .txt02{width:calc(100% - 360px);font-size:18px} } @media only all and (max-width:800px){ .greeting:after{width:320px;top:113px} .greeting .txt01{font-size:26px} .greeting .txt02{width:calc(100% - 240px);line-height:29px} } @media only all and (max-width:670px){ .greeting:after{display:none} .greeting .txt02{width:100%} } /*공유공간*/ .share_notice_wrap{padding:45px 70px;background:#fafafa;margin-top:23px } .share_notice_wrap:after{background:url(/minju/common/img/contents/img_share02.png) 0 0 no-repeat;position:absolute;top:-23px;left:865px;content:"";display:block;z-index:100;width:284px;height:198px;/*background-size:100px auto;*/} .share_notice_wrap .share_notice_text{font-weight:200;background:url(/minju/common/img/contents/img_share01.png) 0 0px no-repeat;padding-left:95px;font-size:25px;color:#333;letter-spacing:-1px;min-height:75px;padding-top:7px;line-height:32px} .share_notice_wrap .share_notice_text span{display:block;font-weight:600} .share_list01{position:relative;overflow:hidden;} .share_list01 dl{position:relative;float:left;width:calc(20% - 30px);height:270px;margin-right:30px;border:1px solid #d5d5d5;text-align:center} .share_list01 dl.list06{margin-right:0} .share_list01 dl:after{content:'';position:absolute;right:-47px;top:22%;width:60px;height:60px;border-radius:30px;border:1px solid #f0f0f0;background:#fff url(/minju/common/img/contents/icon_arow03.png) no-repeat center 13px;z-index:1} .share_list01 dl.list05:after{display:none} .share_list01 dl dt{font-size:17px;color:#171616;font-weight:500;line-height:20px;padding:98px 0 21px;word-break:keep-all;} .share_list01 dl.list01 dt{background:#fafafa url(/minju/common/img/contents/icon_share01.png) no-repeat center 26px;background-size:65px auto} .share_list01 dl.list02 dt{background:#fafafa url(/minju/common/img/contents/icon_share02.png) no-repeat center 26px;background-size:60px auto} .share_list01 dl.list03 dt{background:#fafafa url(/minju/common/img/contents/icon_share03.png) no-repeat center 26px;background-size:60px auto} .share_list01 dl.list04 dt{background:#fafafa url(/minju/common/img/contents/icon_share04.png) no-repeat center 26px;background-size:60px auto} .share_list01 dl.list05 dt{background:#fafafa url(/minju/common/img/contents/icon_share05.png) no-repeat center 26px;background-size:60px auto} .share_list01 dl dd{font-size:14px;color:#666;padding:14px 10px 0;border-top:1px solid #d5d5d5;line-height:18px;word-break:keep-all} @media only all and (max-width:1030px){ .share_list01 dl{width:calc(32.5% - 30px);margin-bottom:20px} } @media only all and (max-width:665px){ .share_notice_wrap{padding:30px 30px 43px} .share_notice_wrap .share_notice_text{padding-top:0;padding-left:65px;font-size:20px;line-height:26px;background-size:50px;background-position:0 5px} .share_list01 dl{width:100%;height:auto;margin-right:0;margin-bottom:5px;text-align:left} .share_list01 dl::after{display:none} .share_list01 dl dt{padding:22px 0 22px 60px} .share_list01 dl.list01 dt{background:url(/minju/common/img/contents/icon_share01.png) no-repeat 10px 20px;background-size:38px} .share_list01 dl.list02 dt{background:url(/minju/common/img/contents/icon_share02.png) no-repeat 10px 20px;background-size:38px} .share_list01 dl.list03 dt{background:url(/minju/common/img/contents/icon_share03.png) no-repeat 10px 20px;background-size:38px} .share_list01 dl.list04 dt{background:url(/minju/common/img/contents/icon_share04.png) no-repeat 10px 20px;background-size:38px} .share_list01 dl.list05 dt{background:url(/minju/common/img/contents/icon_share05.png) no-repeat 10px 20px;background-size:38px} .share_list01 dl.list06 dt{background:url(/minju/common/img/contents/icon_share06.png) no-repeat 10px 20px;background-size:38px} .share_list01 dl dd{padding:0 10px 20px 61px;border-top:0;margin-top:-14px} } @media only all and (max-width:440px){ .share_notice_wrap{padding:20px 20px 43px} } .small_tab{margin-top:40px} .small_tab ul{font-size:0} .small_tab ul li{display:inline-block} .small_tab ul li a{display:inline-block;text-align:center;font-size:16px;width:133px;height:47px;line-height:47px;border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #929292;border-bottom:2px solid #0079ba;color:#000} .small_tab ul li a.on{color:#1372b1;border-top:2px solid #0079ba;border-bottom:0;border-right:2px solid #0079ba;border-left:2px solid #0079ba;font-weight:600} .small_tab hr{border:1px solid #0079ba;margin-left:399px;margin-top:-2px} .small_tab02{margin-top:0px} .small_tab02 ul{font-size:0} .small_tab02 ul li{display:inline-block;width:20%} .small_tab02 ul li a{display:inline-block;text-align:center;font-size:16px;width:100%;background:#fff;border:1px solid #d5d5d5;border-left:0;padding:15px 0} /*.small_tab02 ul li:first-child a{border-left:1px solid #d5d5d5}*/ .small_tab02 ul li:nth-child(5n+1) a{border-left:1px solid #d5d5d5} .small_tab02 ul li:nth-child(5n+6) a, .small_tab02 ul li:nth-child(5n+7) a, .small_tab02 ul li:nth-child(5n+8) a, .small_tab02 ul li:nth-child(5n+9) a, .small_tab02 ul li:nth-child(5n+10) a{border-top:0px} .small_tab02 ul li a.on{background:#057aff;color:#fff} .small_tab03{margin-top:0px} .small_tab03 ul{font-size:0} .small_tab03 ul li{display:inline-block;width:20%} .small_tab03 ul li a{display:inline-block;text-align:center;font-size:16px;width:100%;background:#fff;border:1px solid #d5d5d5;border-left:0;padding:15px 0} /*.small_tab03 ul li:first-child a{border-left:1px solid #d5d5d5}*/ .small_tab03 ul li:nth-child(5n+1) a{border-left:1px solid #d5d5d5} .small_tab03 ul li:nth-child(5n+6) a, .small_tab02 ul li:nth-child(5n+7) a, .small_tab02 ul li:nth-child(5n+8) a, .small_tab02 ul li:nth-child(5n+9) a, .small_tab02 ul li:nth-child(5n+10) a{border-top:0px} .small_tab03 ul li a.on{background:#057aff;color:#fff} .share_table_wrap{overflow-x:auto;} .share_table{min-width:960px!important;} .share_img_list{} .share_img_list ul{font-size:0} .share_img_list ul li{width:49%;text-align:center;display:inline-block;margin-right:1%;} .share_img_list .share_img{width:100%;margin-top:20px} .share_img_list .share_img img{width:100%;height:300px;} .share_img_list .share_text{font-size:16px;padding:20px 0 ;border:1px solid #d5d5d5;border-top:0;color:#000} .share_img_list ul li:nth-child(2n) .share_text{/*border-left:0*/} @media only all and (max-width:1024px){ .small_tab02 ul li{width:50%} .small_tab02 ul li:nth-child(5n+1) a{border-left:0} .small_tab02 ul li:nth-child(5n+6) a, .small_tab02 ul li:nth-child(5n+7) a, .small_tab02 ul li:nth-child(5n+8) a, .small_tab02 ul li:nth-child(5n+9) a, .small_tab02 ul li:nth-child(5n+10) a{border-top:0px} .small_tab02 ul li:nth-child(2n+1) a{border-left:1px solid #d5d5d5} .small_tab02 ul li:nth-child(3) a, .small_tab02 ul li:nth-child(5) a{border-top:0} .small_tab03 ul li{width:50%} .small_tab03 ul li:nth-child(5n+1) a{border-left:0} .small_tab03 ul li:nth-child(5n+6) a, .small_tab02 ul li:nth-child(5n+7) a, .small_tab02 ul li:nth-child(5n+8) a, .small_tab02 ul li:nth-child(5n+9) a, .small_tab02 ul li:nth-child(5n+10) a{border-top:0px} .small_tab03 ul li:nth-child(2n+1) a{border-left:1px solid #d5d5d5} .small_tab03 ul li:nth-child(3) a, .small_tab02 ul li:nth-child(5) a{border-top:0} } @media only all and (max-width:960px){ .share_table_wrap{overflow-x:auto;} } @media only all and (max-width:768px){ .share_img_list .share_img img{height:200px} .share_img_list .share_text{padding:10px 0} } @media only all and (max-width:600px){ .share_img_list .share_img img{height:100px} } @media only all and (max-width:500px){ .small_tab02 ul li a{font-size:13px} } /*대상지 안내*/ .share_notice01_wrap{padding:45px 240px 45px 70px;background:#fafafa;margin-top:23px;word-break:keep-all;position:relative} .share_notice01_wrap:before{background:url(/minju/common/img/contents/img_share004.png) 0 0 no-repeat;position:absolute;top:-12px;right:80px;content:"";display:block;z-index:100;width:130px;height:246px;/*background-size:100px auto;*/} .share_notice01_wrap .share_notice01_text{line-height:32px;font-weight:400;background:url(/minju/common/img/contents/img_share002.png) 0 0px no-repeat;background-position:left center;padding-left:120px;font-size:18px;color:#333;letter-spacing:-1px;min-height:75px;padding-top:7px} .share_notice01_wrap .share_notice01_text span{font-weight:600;} .m_small_tab02{display:none;} @media only all and (max-width:1000px){ .share_notice01_wrap:before{background:none;} .share_notice01_wrap{padding:20px 30px;} } @media only all and (max-width:768px){ .share_notice01_wrap .share_notice01_text{background-position:center top;padding-left:0;font-size:16px;line-height:23px;padding-top:100px;text-align:center} } .m_small_tab02{display:block;margin-top:10px} .m_small_tab02 select{width:100%;height:50px;font-weight:600;padding:10px} .small_tab02{display:none} /*소개*/ .introduce-wrap{/*border-top:3px dotted #ebebeb;*/background:#fff url(/youth/common/img/contents/bg_cont0101.png) 35px 70px no-repeat;padding:90px 80px 90px 338px;} .introduce-wrap p{font-family:'SBAggro';line-height:160%;word-break:keep-all} .introduce-wrap .introduce-text01{font-size:34px;color:#5b3c3c;font-weight:600} .introduce-wrap .introduce-text02{font-size:23px;color:#404040;padding-top:20px} .introduce-wrap .introduce-text02 .bg-yellow.text-bold{font-size:23px} .introduce-text03{font-family:'SBAggro';font-size:35px;color:#404040;text-align:center;margin-top:30px} .introduce-text03 .introduce-img01{vertical-align:top} .introduce-text03 .introduce-img02{vertical-align:top} .introduce-wrap02{background:#fafafa url(/youth/common/img/contents/img_introduce01.png) 80px 25px no-repeat;padding:143px 80px 107px 475px;border-radius:20px} .introduce-wrap02 .introduce-list01.ul-list01 li{font-size:2rem;font-family:'SBAggro';word-break:keep-all} .introduce-wrap02 .introduce-list01.ul-list01 li strong{color:#41779a;font-weight:700} @media only all and (max-width:1200px){ .introduce-wrap02{min-height:400px;padding:50px 80px 30px 475px} } @media only all and (max-width:900px){ .introduce-wrap02{background:#fafafa url(/youth/common/img/contents/img_introduce01.png) center 20px no-repeat;padding:30px;background-size:auto 300px;} .introduce-list01.ul-list01{padding-top:340px} } @media only all and (max-width:768px){ .introduce-wrap{background-position:center 50px;padding:280px 20px 30px 20px;background-size:200px;} .introduce-wrap .introduce-text01{text-align:center;font-size:2.8rem;line-height:150%} .introduce-wrap .introduce-text02{text-align:center;font-size:2rem;} .introduce-text03{font-size:2.4rem;word-break:keep-all;line-height:200%} } /*청년정책위원회*/ .reason-txt{} @media only all and (max-width:768px){ .fl_r.reason-txt{float:none} } /*청년정책협의체란?*/ .council-wrap{font-size:0;background:#ebebeb;border:1px solid #fefefe;padding:50px;} .council-wrap .council-img{width:65%;display:inline-block;background:#fff;padding:30px} .council-wrap .council-img img{width:100%} .council-wrap .council-text{width:35%;display:inline-block;font-size:16px;vertical-align:top;padding-left:30px} .council-wrap dl{} .council-wrap dl dt{margin:15px 0;display:block;position:relative;padding-left:15px;font-weight:400;color:#111;font-size:20px;line-height:100%;font-weight:500} .council-wrap dl dt:before{content:"";display:block;position:absolute;left:0;top:6px;width:8px;height:8px;background:#0079ba;border-radius:50%} .council-wrap dl dd:before{content:"";position:absolute;top:13px;left:0;width:6px;height:1px;background:#000;} .council-wrap dl dd{margin-left:10px;position:relative;font-size:17px;padding-left:10px;margin:5px 0 5px 20px ;color:#000;line-height:160%;font-weight:300} .council-notice-wrap{font-size:0;border:1px solid #ebebeb;padding:30px;margin-top:30px} .council-notice-wrap .council-notice01{font-size:4rem;text-align:center;font-family:'SBAggro';display:inline-block;width:360px;height:360px;border-radius:50%;background:#009c81;color:#fff;line-height:150%;padding-top:60px;vertical-align:middle} .council-notice-wrap .council-notice01 span{font-size:4rem} .council-notice-wrap .council-notice01 .font-big{font-size:6rem} .council-notice-wrap .council-notice02{display:inline-block;width:calc(100% - 380px);margin-left:20px;vertical-align:middle} .council-notice-wrap .council-notice02 dl{} .council-notice-wrap .council-notice02 dl dt{font-size:4rem;font-family:'SBAggro';color:#000;margin-top:30px} .council-notice-wrap .council-notice02 dl dt span{font-size:4rem} .council-notice-wrap .council-notice02 dl dd{font-size:2.2rem;color:#000;font-weight:200;margin-top:10px;letter-spacing:-1px} @media only all and (max-width:1200px){ .council-notice-wrap .council-notice02 dl dd{line-height:150%} } @media only all and (max-width:768px){ .council-notice-wrap .council-notice01 {margin:0 auto;display:block;} .council-notice-wrap .council-notice02{width:100%;margin-left:0;text-align:center} .council-notice-wrap .council-notice02 dl dt{font-size:3rem;word-break:keep-all} .council-notice-wrap .council-notice02 dl dt span{font-size:3rem} .council-notice-wrap .council-notice02 dl dd{font-size:1.8rem} } @media only all and (max-width:700px){ .council-wrap .council-img{width:100%} .council-wrap .council-text{width:100%;padding-left:0} } @media only all and (max-width:420px){ .council-notice-wrap .council-notice01{width:240px;height:240px;font-size:2rem} .council-notice-wrap .council-notice01 span{font-size:2rem} .council-notice-wrap .council-notice01 .font-big{font-size:3.5rem} } /*청년 관련 법령 및 조례*/ .law-box{border:1px solid #ebebeb;padding:20px 30px;word-break:keep-all;margin-top:20px} .law-box h4{margin:15px 0 0 0;color:green;} .law-box p{margin:15px 0;display:block;position:relative;padding-left:15px;color:#111;font-size:16px;line-height:30px;font-weight:500;} .law-box .btn-go{display:inline-block;margin-bottom:10px;padding:8px 10px} .ul-list01 li ul li {font-size:0.938em;color:#000;margin:0;} .law-box h5:before{background:#000} /*정책한눈에보기*/ .policy-wrap{font-size:0} .policy-list {width:29%;display:inline-block;margin:1% 2%;border:1px solid #ebebeb;text-align:center;vertical-align:top;} .snbLeftA {background:#85b750;display:block;padding:10px;color:#fff !important;font-weight:500;text-align:center;font-size:20px;} .snbLeftA:hover{text-decoration:underline;font-weight:600;color:#FFFD00} .policy-dep02 li a {background:#efefef;display:block;margin:0;padding:6px 10px;border-bottom:1px solid #dedede;color:#666;font-size:16px;text-align:left;} .policy-dep02 li a:hover{text-decoration:underline;font-weight:600;color:#468603;} .policy-dep03 li a {color:#000;margin-left:5% !important;font-size:1.4rem;font-weight:300;background:#fff url(/kr/images/common/icon_dt.gif) left 13px no-repeat !important;text-align:left;border-bottom:none !important;} .policy-team-wrap {width:20%;display:inline-block;margin:1% 0%;border:1px solid #ebebeb;text-align:center;vertical-align:top;} .policy-team {background:#85b750;display:block;padding:10px;color:#fff !important;font-weight:500;text-align:center;font-size:20px;} .policy-team:hover{text-decoration:underline;font-weight:600;color:#FFFD00} .policy-team-list{padding:10px 0} dl.policy-team-list {padding:10px 20px} dl.policy-team-list dt{font-size:1.5rem;font-weight:300;text-align:left;color:#000;padding:10px 0 5px 10px} .policy-team-list dd{text-align:left;padding:5px 0;position:relative} /*.policy-team-list dd a:before{content:"";position:absolute;top:14px;left:0;width:3px;height:3px;background:#2b405b}*/ .policy-team-list dd a {color:#000;font-size:1.4rem;font-weight:300;background:#fff url(/kr/images/common/icon_dt.gif) left 8px no-repeat !important;text-align:left;border-bottom:none !important;padding-left:10px;display:block} @media only all and (max-width:760px){ .policy-team-wrap{width:33.3333%} } @media only all and (max-width:600px){ .policy-list{width:46%} } @media only all and (max-width:450px){ .policy-list{width:96%} .policy-team-wrap{width:100%} } /*청년활동포인트제*/ .icon01{background:#f5f5f5 url(/kr/img/common/icon_notice.png) no-repeat 27px 24px;} .text_box{padding:2% 2% 3% 3%;} .text_box p.text_box_inner01{width:84%;float:left;padding-left:10%;padding-right:1%;word-break:keep-all;line-height:1.9em} /*text_box*/ .text_box{padding:2% 2% 2% 2%;} .icon01{background:#f5f5f5 url(/kr/img/common/icon_notice.png) no-repeat 27px 24px} .icon02{background:#f5f5f5 url(/kr/img/common/icon_notice.png) no-repeat 27px 37px} .icon03{background:#f5f5f5 url(/kr/img/common/icon_notice.png) no-repeat 27px 50%;overflow:hidden;} .minH100{min-height:100px!important} .minH130{min-height:130px!important} .color000{color:#000!important} .colorRed{color:#d43131!important} .colorBlue{color:#1759c6!important} .text_box p.text_box_inner01{width:calc(100% - 250px);float:none;display:inline-block;padding-left:110px;padding-right:1%;word-break:keep-all;line-height:1.9em} .text_box .btn.type_e{display:inline-block;vertical-align:top;margin-top:9px} .text_box p.text_box_inner02{width:100%;float:left;padding-left:10%;padding-right:1%;word-break:keep-all;line-height:1.9em} img, input, button, select, textarea{vertical-align:middle} .text_box02{padding:2% 2% 2% 2%;background:#f5f5f5;word-break:keep-all} @media only all and (max-width:768px){ .text_box p.text_box_inner01{width:100%;line-height:150%} .text_box .btn.type_e{margin-left:110px} } @media only all and (max-width:430px){ .icon01{background:#f5f5f5 url(/kr/img/common/icon_notice.png) no-repeat center 24px} .text_box p.text_box_inner01{padding:88px 0 0px 0;text-align:center;} .text_box .btn.type_e{width:100%;margin-left:0;text-align:center} } /*youth*/ dl.youth_cont01 {padding-left:25px;} dl.youth_cont01 dt{} dl.youth_cont01 dd{padding-left:75px;color:#222} input.input_phone{max-width:150px;display:inline-block!important} .invisible{position:absolute;left:-10000px;top:auto;height:1px;overflow:hidden} .b_table input.in{border:1px solid #c0c0c0;height:34px;line-height:20px;padding:0 5px;margin:3px 0 ;display:inline-block} .btn_type01{display:inline-block;width:96px;height:22px;line-height:22px;margin-left:10px;color:#fff!important;background:#666;text-align:center} .b_table table td input[id="phone2"], .b_table table td input[id="phone3"], .b_table table td input[id="mobile2"], .b_table table td input[id="mobile3"],.b_table table td input[id="rc_mobile2"], .b_table table td input[id="rc_mobile3"]{width:80px!important} .b_table select{border:1px solid #aaadb2;height:31px;font-size:13px;line-height:20px;min-width:100px} .b_table select.selectPoint{width:200px;} dl.agree_check{display:block;margin:30px 0;padding:10px 15px;text-align:center;border:1px solid #ebebeb;} dl.agree_check dt{display:inline-block;margin-right:30px;font-size:1.4em;line-height:30px} dl.agree_check dd{display:inline-block;line-height:50px} .point_apply{text-align:center} .point_apply p{font-size:1.1em} a.fw400{font-weight:400} .point_display{display:block;padding:10px 10px;/*border-bottom:1px solid #ebebeb;*/position:relative;line-height:50px;} .point_display span.point_date{text-align:left;color:#0f61b6;font-weight:400;} .point_display span.point_normal{text-align:left} .point_display span.point_now{text-align:left;font-size:1.8em;font-weight:400;letter-spacing:-1px;color:#0f61b6;vertical-align:top} .point_display a.btn{position:absolute;right:12px} .boT0{border-top:1px solid #e1e1e1!important;} .boT0 td{padding:10px 20px} /* input Text */ .formControl {} .formWrap {position:relative;margin-bottom:0px;width:25%;float:left} .formWrap .txtIptLabel {display:block;padding-bottom:4px;font-size:12px;color:#666;opacity:0;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;white-space:nowrap} .formWrap .formControl {display:block;width:100%;height:41px;margin:3px 0 5px;padding:8px 11px;border:1px solid #ebebeb;border-radius:6px;background-color:#fff;-webkit-transition:border-color ease-in-out 0.225s;transition:border-color ease-in-out 0.225s;font-size:16px;line-height:1.5;color:#333;box-sizing:border-box;} .formWrap .formControl::-webkit-input-placeholder {color:#666;opacity:1} .formWrap .formControl::-moz-placeholder {color:#666;opacity:1} .formWrap .formControl:-ms-input-placeholder {color:#666;opacity:1} .formWrap .formControl:focus, .formWrap.isFocused .formControl {outline:rgba(0,0,0,0);border-color:#056DAE} .formWrap .formControl:focus::-webkit-input-placeholder, .formWrap.isFocused .formControl::-webkit-input-placeholder {color:#eee;opacity:0;} .formWrap .formControl:focus::-moz-placeholder, .formWrap.isFocused .formControl::-moz-placeholder {color:#eee;opacity:0;} .formWrap .formControl:focus:-ms-input-placeholder, .formWrap.isFocused .formControl:-ms-input-placeholder {color:#eee;} .formWrap .virInp.formControl:focus:-ms-input-placeholder, .formWrap.isFocused .virInp.formControl:-ms-input-placeholder {color:skyblue} .formWrap.keyPadOpen .virInp.formControl {border-color:#ccc !important;background:skyblue !important;} .efsService.infoListLine > li .formWrap .formControl:-ms-input-placeholder {color:#eee;} .formControl.imeMode {-webkit-ime-mode:active;-moz-ime-mode:active;-ms-ime-mode:active;ime-mode:active;} body.isIE:not(.en) input[type='text'] {-webkit-ime-mode:active;-moz-ime-mode:active;-ms-ime-mode:active;ime-mode:active;} .formWrap .formControl.datepicker {padding-right:50px;} .ui-datepicker-trigger {position:absolute;right:-1px;bottom:-1px;} .ui-datepicker {z-index:1200 !important;} span.dashed{float:left;} /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input{/* Support:IE8 only, Android < 4.4 only */ width:75%;width:calc( 100% - 2.4em )} .ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid} .ui-widget-header .ui-icon{background-image:url(/kr/img/common/btnIco_arrow.png)} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span .ui-checkboxradio-label .ui-icon-background{border-radius:.12em;border:none} .ui-icon{width:16px;height:16px} .ui-icon-circle-triangle-w{background-position:0 -42px} .ui-icon-circle-triangle-e{background-position:100% -14px} .ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none} .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid} .ui-checkboxradio-disabled{pointer-events:none} .ui-datepicker{width:17em;padding:.2em .2em 0;display:none;background:#fff;border:1px solid #ebebeb} .ui-datepicker .ui-datepicker-header{position:relative;padding:7px 0} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position:absolute;top:6px;width:1.8em;height:1.8em} .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{/*top:1px;*/} .ui-datepicker .ui-datepicker-prev{left:2px;background:url(/kr/img/main/bn_btn_prev02.png) no-repeat;background-position:50% 50%} .ui-datepicker .ui-datepicker-next{right:2px;background:url(/kr/img/main/bn_btn_next02.png) no-repeat;background-position:50% 50%} .ui-datepicker .ui-datepicker-prev-hover{/*left:1px;*/} .ui-datepicker .ui-datepicker-next-hover{/*right:1px;*/} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px} .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center} .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:45%} .ui-datepicker table{width:100%;font-size:16px;border-collapse:collapse;margin:0 0 .4em} .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0;font-size:12px} .ui-datepicker td{border:0;padding:1px} .ui-datepicker td span, .ui-datepicker td a{display:block;padding:7px 0;text-align:center;text-decoration:none} .ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0} .ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left} /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi{width:auto} .ui-datepicker-multi .ui-datepicker-group{float:left} .ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em} .ui-datepicker-multi-2 .ui-datepicker-group{width:50%} .ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%} .ui-datepicker-multi-4 .ui-datepicker-group{width:25%} .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0} .ui-datepicker-multi .ui-datepicker-buttonpane{clear:left} .ui-datepicker-row-break{clear:both;width:100%;font-size:0} /* RTL support */ .ui-datepicker-rtl{direction:rtl} .ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto} .ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto} .ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto} .ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto} .ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right} .ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left} .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group{float:right} .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px} /*정책*/ #detailForm{} #detailForm div h5:before{top:13px} #detailForm div h5 {margin:10px 0 0 0} #detailForm div h5 a{color:#111;font-weight:400;font-size:1.9rem} #detailForm div h5 a:hover{color:#0079ba;font-weight:600} ul.service-policy1{border:1px solid #ebebeb;padding:5px 20px;} ul.service-policy1 li{padding:10px 0 20px 0 ;border-bottom:1px dotted #666} ul.service-policy1 li:last-child{border-bottom:0} ul.service-policy1 li h5{display:table;color:#222;font-size:18px;font-weight:600;margin:10px 0 0 0} ul.service-policy1 li p{color:#000!important;font-size:1.5rem!important;margin-top:0px!important;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;font-weight:200;margin-left:13px} ul.service-policy1 li h5 a{color:#111;font-weight:400;font-size:1.9rem} ul.service-policy1 li h5 a:hover{color:#111;font-weight:400;font-size:1.9rem} .service-table1{} .service-table1 th{font-family:'SBAggro';} .service-table1 td{text-align:left;} li.list1 table td{width:auto!important} .policy-view p.policy-view-tit{text-align:center;font-size:3.3rem;color:#000;margin-bottom:20px;text-align:center;font-family:'SBAggro';background:#efefef;padding-top:10px} .policy-detail h3{display:inline-block} .policy-count{margin-left:10px;color:#000;font-size:2.2rem} .policy-count span{font-size:2.2rem} .srch-all-wrap h3{display:inline-block} .srch-all-wrap ul.service-policy1 li:last-child{border-bottom:0} .btn-srch-open{float:right;background:#84b44f;width:140px;border-radius:5px;color:#fff;height:60px;line-height:60px;margin:10px 10px 0;font-weight:600;font-family:'NotoSansKR';} .srch-list-tit{position:relative} a.more.city{position:absolute;right:0;top:40px} .service-table1.only-pc{display:block} .service-table1.only-m{display:none} @media only all and (max-width:1200px){ li.list1 table{overflow-x:scroll;display:block} li.list1 table:after{display:block;content:'';background:url(/youth/common/img/common/img_table.png) left top no-repeat;padding-top:35px;margin-top:10px} } @media only all and (max-width:700px){ .policy-view p.policy-view-tit{font-size:2.6rem} } @media only all and (max-width:510px){ .service-table1.only-pc{display:none} .service-table1.only-m{display:block} } /*사이트맵*/ .site-map-wrap{font-size:0} .site-map-wrap .sitemap-inner{width:16%;display:inline-block;border:solid #ebebeb;border-width:1px 1px 0 1px;margin:1% 2%;vertical-align:top} .site-map-wrap .sitemap-inner p{background:#003165;padding:10px;text-align:center;color:#fff;} .site-map-wrap .sitemap-inner .sitemap-2dep{} .site-map-wrap .sitemap-inner .sitemap-2dep ul{} .site-map-wrap .sitemap-inner .sitemap-2dep ul li{} .site-map-wrap .sitemap-inner .sitemap-2dep ul li a{ position:relative;color:#000;display:block;margin:0;padding:15px 10px 15px 20px;border-bottom:1px solid #dedede;} .site-map-wrap .sitemap-inner .sitemap-2dep ul li a:before{content:"";display:block;position:absolute;left:10px;top:22px;width:3px;height:3px;background:#0079ba;border-radius:50%} @media only all and (max-width:1000px){ .site-map-wrap .sitemap-inner{width:23%;margin:1%} } @media only all and (max-width:700px){ .site-map-wrap .sitemap-inner{width:31.3333%} } @media only all and (max-width:500px){ .site-map-wrap .sitemap-inner{width:48%} .site-map-wrap .sitemap-inner p{font-size:1.6rem} .site-map-wrap .sitemap-inner .sitemap-2dep ul li a{font-size:1.4rem;} } /*style*/ .bg-yellow{background:#f7ffb1} .text-bold{font-weight:600;} .color01{color:#4c874a} .color02{color:#31764b} .color03{color:#2b6361} .color-yellow{color:#ffcf42} .color-red{color:#ca420d} .color-green{color:#2a7a5d} .btn-down{background:#333;color:#fff!important;border-radius:3px;padding:3px 10px;font-size:1.4rem;font-weight:400;display:inline-block} .btn-go{background:green;color:#fff!important;border-radius:3px;padding:3px 10px;font-size:1.4rem;font-weight:400} .txt-c{text-align:center} .txt-l{text-align:left} .txt-r{text-align:right} .inline-block{display:inline-block!important} /*게시판설명*/ p.board-txt01{font-family:'SBAggro';color:#1d1e2a;font-size:2.4rem;text-align:right} p.board-txt02{font-family:'SBAggro';color:#1d1e2a;font-size:1.6rem;text-align:right;word-break:keep-all} p.board-txt03{font-family:'SBAggro';color:#1d1e2a;font-size:2.6rem;text-align:right;word-break:keep-all} p.board-txt05{font-family:'SBAggro';color:#1d1e2a;font-size:2.6rem;text-align:right;word-break:keep-all} .board-ex01{background:url(/youth/common/img/contents/bg_ex_board01.png) no-repeat;min-height:151px;padding:57px 8% 40px 8%} .board-ex01 p.board-txt03{} .board-ex02{background:url(/youth/common/img/contents/bg_ex_board02.png) no-repeat;min-height:151px;padding:40px 8%} .board-ex02 p.board-txt01{} .board-ex02 p.board-txt02{} .board-ex03{background:url(/youth/common/img/contents/bg_ex_board03.png) no-repeat;min-height:151px;padding:40px 8%} .board-ex03 p.board-txt03{} .board-ex04{background:#fafff2 url(/youth/common/img/contents/bg_ex_board04.png) no-repeat bottom;min-height:238px;padding:28px 3%;margin-bottom:20px} .board-ex04-text01{float:right;clear:both;width:520px;margin:2px 0 10px;font-size:1.7rem;font-family:'SBAggro';display:inline-block;word-break:keep-all;line-height:120%;color:#1d1e2a} .board-ex04 dl{float:right;clear:both;width:520px;margin:2px 0} .board-ex04 dl dt{width:94px;height:24px;color:#fff;font-family:'SBAggro';line-height:27px;font-size:1.4rem;padding-left:13px;border-radius:3px;display:inline-block} .board-ex04 dl dd{font-size:1.4rem;font-family:'SBAggro';display:inline-block} .board-ex04 dl dt.board-ex040101{background-color:#21674e} .board-ex04 dl dd.board-ex040102{color:#05422c} .board-ex04 dl dt.board-ex040201{background-color:#005b96} .board-ex04 dl dd.board-ex040202{color:#022e4a} .board-ex04 dl dt.board-ex040301{background-color:#1fa43f} .board-ex04 dl dd.board-ex040302{color:#067420} .board-ex04 dl dd.board-ex040303{color:#067420;margin-left:94px;word-break:keep-all;font-size:12px;} .board-ex05{background:url(/youth/common/img/contents/bg_ex_board05.png) no-repeat;min-height:151px;padding:57px 8% 40px 8%} .board-ex05 p.board-txt03{} .cl-both{clear:both} @media only all and (max-width:1240px){ .board-ex04{background:#fafff2 url(/youth/common/img/contents/bg_ex_board04_m.png) center top no-repeat;padding-top:100px;background-size:auto 95px;min-height:auto;padding:100px 0 20px 0;} .board-ex04 p.board-ex04-text01{float:none;margin-top:10px;text-align:center;width:100%} .board-ex04 dl{float:none;margin:2px auto} } @media only all and (max-width:1024px){ .board-ex01{background:#f2faff url(/youth/common/img/contents/bg_ex_board01_m.png) center top no-repeat;padding-top:100px;background-size:auto 95px;min-height:auto;padding:100px 0 20px 0;} .board-ex01 p.board-txt03{text-align:center} .board-ex02{background:#f2faff url(/youth/common/img/contents/bg_ex_board02_m.png) center top no-repeat;padding-top:100px;background-size:auto 95px;min-height:auto;padding:100px 0 20px 0;} .board-ex02 p.board-txt01{text-align:center} .board-ex02 p.board-txt02{text-align:center} .board-ex03{background:#f2faff url(/youth/common/img/contents/bg_ex_board03_m.png) center top no-repeat;padding-top:100px;background-size:auto 95px;min-height:auto;padding:100px 0 20px 0;} .board-ex03 p.board-txt03{text-align:center} .board-ex05{background:#f2faff url(/youth/common/img/contents/bg_ex_board05_m.png) center top no-repeat;padding-top:100px;background-size:auto 95px;min-height:auto;padding:100px 0 20px 0;} .board-ex05 p.board-txt05{text-align:center} p.board-txt01{font-size:2.0rem} p.board-txt02{font-size:1.3rem} p.board-txt03{font-size:2.0rem} p.board-txt05{font-size:2.0rem} .board-ex03 p br{display:inline-block;content:" ";padding:0 2px;} } @media only all and (max-width:500px){ .board-ex04 dl{width:100%;text-align:center;word-break:keep-all} .board-ex04 dl dt{padding-left:0} .board-ex04 dl dd{margin-top:10px;padding-left:0} .board-ex04 dl dd.board-ex040303{margin-left:0} } /*창업연당 소개*/ .startup-introduce{background:url(/youth/common/img/contents/bg_founded01.png) top right no-repeat;padding:68px 550px 30px 0;min-height:440px} .startup-introduce p{word-break:keep-all} p.startup-text01{font-family:'SBAggro';font-size:34px;font-weight:600;color:#000;letter-spacing:-1px;margin-bottom:20px} p.startup-text02{font-family:'SBAggro';font-weight:300;line-height:160%;font-size:24px;letter-spacing:-1px} @media only all and (max-width:900px){ .startup-introduce{background-position:center top;padding:270px 30px 30px 30px;background-size:320px;} p.startup-text01{font-size:24px;margin-bottom:15px} p.startup-text02{font-size:16px;letter-spacing:0} } /*창업연당 조직도*/ .startup-org-wrap{font-size:0} .startup-org-wrap .startup-org{width:calc(48% - 35px);display:inline-block;margin-right:2%;} .startup-org-wrap .startup-org table{} @media only all and (max-width:768px){ .startup-org-wrap .startup-org{width:calc(100% - 70px)} } /*창업연당 오시는 길*/ .map-cont{display:block;width:100%;overflow:hidden;padding:50px;background:#f8faf9;border-radius:0 0 20px 20px;position:relative;border:1px solid #e0e0e0} .map-cont .map-tit{width:auto;display:inline-block;vertical-align:top;font-size:2.4rem;font-weight:700;margin-right:50px} .map-cont .map-text{width:calc(100% - 462px);display:inline-block;border-left:1px solid #ebebeb;padding-left:50px} .map-cont .map-text .map-address{font-size:1.9rem;background:url(/youth/common/img/contents/icon_address.png) 0px 6px no-repeat;padding-left:30px;line-height:160%} .map-cont .map-text .map-address span{font-size:1.9rem} .map-cont .map-text .map-call{font-size:1.9rem;margin-top:10px;background:url(/youth/common/img/contents/icon_call.png) 0px 6px no-repeat;padding-left:30px;line-height:160%} .map-cont .map-text .map-call span{font-size:1.9rem} .map-cont .map-btn{position:absolute;right:50px;top:50%;transform:translateY(-50%)} .map-cont .map-btn a{background:#00876c url(/youth/common/img/contents/icon_route_n.png) center 16px no-repeat;color:#fff;border:1px solid #fff;width:200px;padding-top:49px;text-align:center;border-radius:10px;padding-bottom:11px;font-size:1.7rem;display:block;} .map-cont .map-btn a:hover{background:#fff url(/youth/common/img/contents/icon_route_o.png) center 16px no-repeat;color:#00876c;border:1px solid #00876c} .box-wrap{} .box-wrap .box02{margin-top:30px;width:49%;margin-right:2%;display:flex;border:1px solid #ebebeb;border-radius:20px;vertical-align:top;padding:200px 40px 50px 40px} .box-wrap .box02:last-child{margin-right:0%} .box-wrap .box-transport{display:block;background:#f8faf9 url(/youth/common/img/contents/icon_info_transport.png) center 60px no-repeat;} .box-wrap .box-parking{display:block;background:#f8faf9 url(/youth/common/img/contents/icon_info_parking.png) center 60px no-repeat;} .box-wrap .box02 .box-text01{height:30px;margin-bottom:10px} @media all and (max-width:1200px){ .map{width:100%!important} .mapTxt li:nth-child(1){width:auto} } @media all and (max-width:1024px){ .map{width:100%!important} .mapTxt li:nth-child(1), .mapTxt li:nth-child(2), .mapTxt li:nth-child(3){background-size:40px;padding:13px 0 15px 50px} } @media all and (max-width:900px){ .map-cont{padding:30px} .map-cont .map-text{width:calc(100% - 200px);display:block;padding-top:10px;padding-left:0;border-left:0} .map-cont .map-btn{right:30px} } @media all and (max-width:768px){ .mapTxt{padding-bottom:16px} .mapTxt li{margin:0 0 0 23px} } @media all and (max-width:630px){ .map-cont .map-text{width:calc(100% - 100px)} .map-cont .map-btn a{width:100px;} } @media all and (max-width:600px){ .box-wrap.box-map{display:flex} .box-wrap.box-map .box02{padding:200px 20px 30px 20px} } @media all and (max-width:460px){ .map-cont .map-text{width:100%} .map-cont .map-btn{position:relative;right:auto;top:auto;transform:none;margin-top:20px} .map-cont .map-btn a:hover{width:100%;padding-top:12px;font-size:2rem;background-size:20px;font-weight:600;background-position:left calc(50% - 44px) center;} .map-cont .map-btn a{width:100%;padding-top:12px;font-size:2rem;background-size:20px;font-weight:600;background-position:left calc(50% - 35px) center;} .box-wrap.box-map .box02{padding:90px 20px 50px 20px;} .box-wrap .box-transport{background-size:50px;background-position:center 30px} .box-wrap .box-parking{background-size:50px;background-position:center 30px} } .map-wrap .root_daum_roughmap{width:100%;border-radius:20px 20px 0 0 } .img-list03{font-size:0} .img-list03 li{width:33%;height:100%;display:inline-block;} .img-list03 li:nth-child(2){margin:0 0.5%} .img-list03 li img{width:100%;height:100%;} .youth-step04{} .youth-step04 ul{font-size:0;position:relative;display:flex} .youth-step04 ul li{width:calc(25% - 22.5px);margin-right:30px;vertical-align:top;position:relative;border:1px solid #ebebeb;padding:30px 10px;color:#fff;text-align:center} .youth-step04 ul li:after{content:'';display:block;position:absolute;top:calc(50% - 4px);right:-27px;width:22px;height:14px;background:url(/youth/common/img/common/icon_arrow_right01.png) no-repeat} .youth-step04 ul li:nth-child(1){background:#84b44f} .youth-step04 ul li:nth-child(2){background:#2a795d} .youth-step04 ul li:nth-child(3){background:#1a6e72} .youth-step04 ul li:nth-child(4){background:#005b94;margin-right:0} .youth-step04 ul li:nth-child(4):after{display:none} @media all and (max-width:600px){ .youth-step04 ul{display:block} .youth-step04 ul li{width:100%;margin-right:0;margin-bottom:30px} .youth-step04 ul li:after{background:url(/youth/common/img/common/icon_arrow_right01.png) no-repeat;-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);top:auto;right:auto;bottom:-23px;left:calc(50% - 8px)} } /*수요창업상담*/ .app_area{position:relative} .app_area li:nth-child(2) a{color:#1cbd22;font-size:1.8rem;font-weight:600} .app_area li:nth-child(2) a:hover{text-decoration:underline} /*청년포트폴리오*/ .content_pf{padding-top:0;padding-bottom:60px} .pf_search_form .pf_search{background:#f3d8da} .pf_search_form .pf_search .container{position:relative;height:207px;background:url(/youth/common/img/contents/pf_img_crt01.png) no-repeat left 18px top 12px;overflow:hidden} .pf_search_form .pf_search .container:before{content:'';position:absolute;left:153px;bottom:0;width:188px;height:65px;background:url(/youth/common/img/contents/pf_bg_left.png) no-repeat} .pf_search_form .pf_search .container:after{content:'';position:absolute;right:50px;top:0;width:319px;height:148px;background:url(/youth/common/img/contents/pf_bg_right.png) no-repeat} /*청년포트폴리오-애니메이션*/ .pf_search_form .container .animations{position:absolute;top:25px;right:43px;z-index:1;width:163px;height:100%} .pf_search_form .container .animations > .field{position:relative;width:100%;height:100%} .pf_search_form .container .animations > .field > .shape{position:absolute} .pf_search_form .container .animations > .field > .shape img{width:163px} .pf_search_form .container .animations > .field > .shape img{transform-origin:center center;animation-timing-function:linear;animation-direction:alternate;animation-iteration-count:infinite} .pf_search_form .container .animations > .field > .shape.shape01 img{animation-name:firstSectionShapeAni_01;animation-duration:1.5s} @keyframes firstSectionShapeAni_01{ 0% { transform:translate(0, -4%);opacity:1;} 100% { opacity:1;transform:translate(0, 0);} } @keyframes shapeMoving{ 0% { -webkit-transform:translate(0) rotateZ(0deg);-o-transform:translate(0) rotateZ(0deg);-ms-transform:translate(0) rotateZ(0deg);-moz-transform:translate(0) rotateZ(0deg);transform:translate(0) rotateZ(0deg);} 25% { -webkit-transform:translate(-10px, 10px) rotateZ(-30deg);-o-transform:translate(-10px, 10px) rotateZ(-30deg);-ms-transform:translate(-10px, 10px) rotateZ(-30deg);-moz-transform:translate(-10px, 10px) rotateZ(-30deg);transform:translate(-10px, 10px) rotateZ(-30deg);} 50% { -webkit-transform:translate(10px, -10px) rotateZ(-50deg);-o-transform:translate(10px, -10px) rotateZ(-50deg);-ms-transform:translate(10px, -10px) rotateZ(-50deg);-moz-transform:translate(10px, -10px) rotateZ(-50deg);transform:translate(10px, -10px) rotateZ(-50deg);} 75% { -webkit-transform:translateX(-10px, 10px) rotateZ(-30deg);-o-transform:translateX(-10px, 10px) rotateZ(-30deg);-ms-transform:translateX(-10px, 10px) rotateZ(-30deg);-moz-transform:translateX(-10px, 10px) rotateZ(-30deg);transform:translateX(-10px, 10px) rotateZ(-30deg);} 100% { -webkit-transform:translateX(0) rotateZ(0deg);-o-transform:translateX(0) rotateZ(0deg);-ms-transform:translateX(0) rotateZ(0deg);-moz-transform:translateX(0) rotateZ(0deg);transform:translateX(0) rotateZ(0deg);} } .pf_search_form .pf_search .btn_wrap{display:flex;position:relative;justify-content:space-between;max-width:628px;padding:38px 0 23px;margin:0 auto;z-index:1} .pf_search_form .pf_search .btn_wrap a{display:block;position:relative;width:303px;color:#fff;font-family:'SBAggro';font-size:23px;font-weight:300;border-radius:50px;text-align:left;box-shadow:3px 3px 8px rgba(0,0,0,0.2);overflow:hidden} .pf_search_form .pf_search .btn_wrap a.btn_type1{padding:24px 0 20px 65px;background:#eb6877 url(/youth/common/img/contents/pf_icon_btn01.png) no-repeat right 37px top 13px} .pf_search_form .pf_search .btn_wrap a.btn_type2{padding:24px 0 20px 36px;background:#eeb300 url(/youth/common/img/contents/pf_icon_btn02.png) no-repeat right 17px top 12px} .pf_search_form .pf_search .btn_wrap a span{display:inline-block;margin-right:5px;font-size:inherit} .pf_search_form .pf_search .btn_wrap a::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:10px;background:rgba(255,255,255,.3);display:block;-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0, 1);-ms-transform:scale(0, 1);transform:scale(0, 1);-webkit-transition:transform 0.4s cubic-bezier(1, 0, 0, 1);transition:transform 0.4s cubic-bezier(1, 0, 0, 1)} .pf_search_form .pf_search .btn_wrap a:hover::before{-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)} .pf_search_form .pf_search .search_box{display:flex;position:relative;max-width:628px;margin:0 auto;padding:0 0 13px 3px;border-bottom:1px solid rgba(0,0,0,.38);z-index:1} .pf_search_form .pf_search .search_box input{width:calc(100% - 55px)!important;color:#a79193;font-family:'SBAggro';font-size:23px;font-weight:300;background:transparent;border:transparent} .pf_search_form .pf_search .search_box input:focus{color:#000;outline:none!important;box-shadow:none!important} .pf_search_form .pf_search .search_box a.btn-srch{display:block;width:41px;height:40px;background:url(/youth/common/img/contents/pf_btn_srch.png) no-repeat;font-size:0;text-indent:-9999px} @media all and (max-width:1024px){ .pf_search_form .pf_search .container{background:none} .pf_search_form .container .animations{display:none} .pf_search_form .pf_search .container:before{left:10px} .pf_search_form .pf_search .container:after{right:10px} } @media all and (max-width:990px){ .content_pf .container{width:calc(100% - 20px)} } @media all and (max-width:680px){ .pf_search_form .pf_search .container{overflow:inherit} .pf_search_form .pf_search .container:before{width:120px;height:42px;background-size:100%} .pf_search_form .pf_search .container:after{width:230px;height:106px;background-size:100%} .pf_search_form .pf_search .btn_wrap{justify-content:space-evenly} .pf_search_form .pf_search .btn_wrap a{width:calc(48% - 5px);font-size:20px;text-align:center} .pf_search_form .pf_search .btn_wrap a.btn_type1{padding:20px 0 16px;background:#eb6877} .pf_search_form .pf_search .btn_wrap a.btn_type2{padding:20px 0 16px;background:#eeb300} .pf_search_form .pf_search .search_box{width:calc(100% - 20px)} } @media all and (max-width:430px){ .pf_search_form .pf_search .container{height:188px} .pf_search_form .pf_search .btn_wrap{padding:32px 0 19px} .pf_search_form .pf_search .btn_wrap a.btn_type1, .pf_search_form .pf_search .btn_wrap a.btn_type2{padding:15px 0 10px;font-size:18px} .pf_search_form .pf_search .btn_wrap a span{display:block;margin-right:0;margin-bottom:5px} .pf_search_form .pf_search .search_box{padding:0 0 6px 3px} .pf_search_form .pf_search .search_box input{font-size:18px} .pf_search_form .pf_search .search_box a.btn-srch{width:34px;background-size:100%} } .pf_search_form .pf_category{padding:42px 0 34px;background:#f8f8f8} .pf_search_form .pf_category ul{display:flex;justify-content:center;width:calc(100% - 20px);max-width:1280px;margin:0 auto} .pf_search_form .pf_category ul li{width:20%;max-width:200px} .pf_search_form .pf_category ul li a{display:block;padding-top:84px;color:#7e7d7b;font-family:'SBAggro';font-size:22px;font-weight:300;text-align:center} .pf_search_form .pf_category ul li:nth-child(1) a{background:url(/youth/common/img/contents/pf_cate_icon01.png) no-repeat center top} .pf_search_form .pf_category ul li:nth-child(2) a{background:url(/youth/common/img/contents/pf_cate_icon02.png) no-repeat center top} .pf_search_form .pf_category ul li:nth-child(3) a{background:url(/youth/common/img/contents/pf_cate_icon03.png) no-repeat center top} .pf_search_form .pf_category ul li:nth-child(4) a{background:url(/youth/common/img/contents/pf_cate_icon04.png) no-repeat center top 10px} .pf_search_form .pf_category ul li:nth-child(5) a{background:url(/youth/common/img/contents/pf_cate_icon05.png) no-repeat center top 10px} @media all and (max-width:680px){ .pf_search_form .pf_category{padding:32px 0 24px} .pf_search_form .pf_category ul li a{padding-top:70px;font-size:18px} .pf_search_form .pf_category ul li:nth-child(1) a{background-size:auto 45px} .pf_search_form .pf_category ul li:nth-child(2) a, .pf_search_form .pf_category ul li:nth-child(3) a{background-size:auto 50px} .pf_search_form .pf_category ul li:nth-child(4) a, .pf_search_form .pf_category ul li:nth-child(5) a{background-size:auto 35px} } @media all and (max-width:360px){ .pf_search_form .pf_category ul li a{padding-top:58px} .pf_search_form .pf_category ul li:nth-child(1) a{background-size:auto 38px} .pf_search_form .pf_category ul li:nth-child(2) a, .pf_search_form .pf_category ul li:nth-child(3) a{background-size:auto 42px} .pf_search_form .pf_category ul li:nth-child(4) a, .pf_search_form .pf_category ul li:nth-child(5) a{background-size:auto 27px} } .pf_container, .pf_container2{position:relative;max-width:1280px;margin:0 auto;padding:0} .pf_item_area{position:relative;margin-top:60px} .pf_item_area h3{padding:0;margin-bottom:35px;color:#3d3d3d;font-family:'SBAggro';font-size:36px;font-weight:500;background:none;text-align:center} .pf_item_area .item_list{overflow:hidden} .pf_item_area .item_list .item_wrap{display:flex;/* width:2000px */} .pf_item_area .item_list .item_wrap.more_list{flex-wrap:wrap;width:calc(100% - 20px);margin:0 auto} .pf_item_area .item_list .item_wrap.more_list .item_box{width:calc(25% - 18px);margin-bottom:25px} .pf_item_area .item_list .item_wrap.more_list .item_box:nth-child(4n){margin-right:0} .pf_item_area .item_list .item_box{width:303px;margin-right:23px;border:1px solid #ddd;border-radius:10px;overflow:hidden} .pf_item_area .item_list .item_box:last-child{margin-right:0} .pf_item_area .item_list .item_box a{display:block} .pf_item_area .item_list .item_box a .img{position:relative;padding-top:70%;overflow:hidden;z-index:2} .pf_item_area .item_list .item_box a .img div{position:absolute;top:0;left:0;right:0;bottom:0;overflow:visible !important} .pf_item_area .item_list .item_box a .img div img{position:absolute;top:0;left:50%;transform:translateX(-50%)} .pf_item_area .item_list .item_box a .img div{padding-top:72.36%;border-radius:3px} .pf_item_area .item_list .item_box a .img div img{left:50%;transform:translateX(-50%);margin-left:0!important;width:100%;height:100%;} .pf_item_area .item_list .item_box a .tit{position:relative;padding:25px 10px 0 18px;margin:0;color:#4dced9;font-family:'SBAggro';font-size:22px;font-weight:500} .pf_item_area .item_list .item_box a .txt{height:57px;padding:13px 10px 0 18px;margin-bottom:18px;color:#3d3d3d;font-size:17px;font-weight:300;line-height:22px;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .pf_item_area .item_list .item_box a .price{padding:3px 10px;color:#000;font-size:20px;font-weight:500;background:#f2f2f2;text-align:right} .pf_item_area .item_list .item_box a .tit::before{content:'';position:absolute;bottom:-4px;left:18px;width:calc(100% - 36px);height:2px;background:#4dced9;opacity:0.5;border-radius:10px;display:block;-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0, 1);-ms-transform:scale(0, 1);transform:scale(0, 1);-webkit-transition:transform 0.4s cubic-bezier(1, 0, 0, 1);transition:transform 0.4s cubic-bezier(1, 0, 0, 1)} .pf_item_area .item_list .item_box a:hover .tit::before{-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)} .pf_item_area .control_box .btn_auto{display:flex;justify-content:space-between;position:absolute;left:0;top:0;width:80px} .pf_item_area .control_box .btn_auto a{display:block;width:36px;height:36px;border-radius:30px;text-indent:-9999px} .pf_item_area .control_box .btn_auto a.stop{background:#ddd url(/youth/common/img/contents/pf_stop.png) no-repeat center} .pf_item_area .control_box .btn_auto a.play{background:#ddd url(/youth/common/img/contents/pf_play.png) no-repeat center} .pf_item_area .control_box .btn_prev a{display:block;position:absolute;left:-37px;top:50%;width:22px;height:36px;background:url(/youth/common/img/contents/pf_icon_arow.png) no-repeat;text-indent:-9999px} .pf_item_area .control_box .btn_next a{display:block;position:absolute;right:-37px;top:50%;width:22px;height:36px;background:url(/youth/common/img/contents/pf_icon_arow.png) no-repeat;transform:rotate(180deg);text-indent:-9999px} .pf_item_area .btn_more{position:absolute;top:0;right:0;padding:10px 14px 10px 20px;color:#000;border-radius:30px;background:#ddd} .pf_item_area .btn_more span{} @media all and (max-width:1380px){ .pf_container{width:calc(100% - 80px)} } @media all and (max-width:1024px){ .pf_item_area .item_list .item_wrap.more_list .item_box{width:calc(33.333% - 16px)} .pf_item_area .item_list .item_wrap.more_list .item_box:nth-child(4n){margin-right:23px} .pf_item_area .item_list .item_wrap.more_list .item_box:nth-child(3n){margin-right:0} } @media all and (max-width:768px){ .pf_container{width:calc(100% - 40px)} .pf_item_area{margin:60px 30px 0} .pf_item_area h3{font-size:28px} .pf_item_area .item_list .item_wrap.more_list .item_box{width:calc(50% - 12px)} .pf_item_area .item_list .item_wrap.more_list .item_box:nth-child(3n){margin-right:23px} .pf_item_area .item_list .item_wrap.more_list .item_box:nth-child(2n){margin-right:0} } @media all and (max-width:500px){ .pf_item_area .btn_more{width:36px;height:36px;padding:0;font-size:20px;line-height:36px;text-align:center} .pf_item_area .btn_more span{display:none} } @media all and (max-width:430px){ .pf_item_area .item_list .item_wrap.more_list .item_box{width:100%} .pf_item_area .item_list .item_wrap.more_list .item_box:nth-child(1n){margin-right:0} } .pf_search_form .pf_search.more_cate .pf_category1{position:relative;padding:34px 0 26px;z-index:2} .pf_search_form .pf_search.more_cate .pf_category1 ul{display:flex;justify-content:space-between;width:100%;max-width:755px;margin:0 auto} .pf_search_form .pf_search.more_cate .pf_category1 ul li{width:16.666%;max-width:120px} .pf_search_form .pf_search.more_cate .pf_category1 ul li a{display:block;padding:28px 0 20px 40px;color:#7e7d7b;font-family:'SBAggro';font-size:18px;font-weight:300;text-align:center;border-radius:10px} .pf_search_form .pf_search.more_cate .pf_category1 ul li:nth-child(1) a{padding-left:0;background:#fff} .pf_search_form .pf_search.more_cate .pf_category1 ul li:nth-child(2) a{background:#fff url(/youth/common/img/contents/pf_cate_icon01.png) no-repeat left 10px top 17px / 40px} .pf_search_form .pf_search.more_cate .pf_category1 ul li:nth-child(3) a{background:#fff url(/youth/common/img/contents/pf_cate_icon02.png) no-repeat left 30px top 14px / 20px} .pf_search_form .pf_search.more_cate .pf_category1 ul li:nth-child(4) a{background:#fff url(/youth/common/img/contents/pf_cate_icon03.png) no-repeat left 15px top 14px / 36px} .pf_search_form .pf_search.more_cate .pf_category1 ul li:nth-child(5) a{background:#fff url(/youth/common/img/contents/pf_cate_icon04.png) no-repeat left 15px top 19px / 40px} .pf_search_form .pf_search.more_cate .pf_category1 ul li:nth-child(6) a{background:#fff url(/youth/common/img/contents/pf_cate_icon05.png) no-repeat left 15px top 19px / 40px} .pf_search_form .pf_category2{padding:36px 0 25px;background:#f8f8f8} .pf_search_form .pf_category2 p{width:calc(100% - 40px);max-width:344px;padding:9px 0 4px;margin:0 auto 18px;color:#2e2e2e;font-family:'SBAggro';font-size:20px;font-weight:300;background:#ddd;text-align:center;border-radius:30px} .pf_search_form .pf_category2 ul{display:flex;max-width:1280px;width:calc(100% - 40px);margin:0 auto;justify-content:center;letter-spacing:-1px;flex-wrap:wrap;line-height:28px} .pf_search_form .pf_category2 ul li{position:relative;padding:0 10px} .pf_search_form .pf_category2 ul li:after{content:'|';position:absolute;right:0;top:0;font-size:12px} .pf_search_form .pf_category2 ul li:last-child:after{display:none} .pf_search_form .pf_category2 ul li a{color:#2e2e2e;font-size:18px} .pf_search_form .pf_category2 ul li a:hover{border-bottom:2px solid #eb6877} .pf_search_form .pf_category2 ul li.on a{color:#eb6877;border-bottom:2px solid #eb6877} @media all and (max-width:768px){ .pf_search_form .pf_search.more_cate .pf_category1{width:calc(100% - 20px);margin:0 auto;padding:24px 0 16px} .pf_search_form .pf_search.more_cate .pf_category1 ul{flex-wrap:wrap} .pf_search_form .pf_search.more_cate .pf_category1 ul li{width:calc(33.333% - 5px);max-width:none;margin-bottom:5px} .pf_search_form .pf_search.more_cate .pf_category1 ul li a{padding:17px 0 12px} .pf_search_form .pf_search.more_cate .pf_category1 ul li:nth-child(2) a, .pf_search_form .pf_search.more_cate .pf_category1 ul li:nth-child(3) a, .pf_search_form .pf_search.more_cate .pf_category1 ul li:nth-child(4) a, .pf_search_form .pf_search.more_cate .pf_category1 ul li:nth-child(5) a, .pf_search_form .pf_search.more_cate .pf_category1 ul li:nth-child(6) a{background:#fff} } @media all and (max-width:430px){ .pf_search_form .pf_search.more_cate .pf_category1{padding:19px 0 8px} .pf_search_form .pf_category2{padding:26px 0 19px} .pf_search_form .pf_category2 p{margin:0 auto 12px;font-size:18px} .pf_search_form .pf_category2 ul{justify-content:flex-start} .pf_search_form .pf_category2 ul li{width:50%} .pf_search_form .pf_category2 ul li:after{display:none} .pf_search_form .pf_category2 ul li:before{content:'';position:absolute;left:0;top:14px;width:3px;height:3px;background:#222} .pf_search_form .pf_category2 ul li a{font-size:16px} } .pf_search_form .pf_search.more_cate .pf_category1 ul li a:hover{color:#fff;background-color:#eb6877} .pf_search_form .pf_search.more_cate .pf_category1 ul li.on a{color:#fff;background-color:#eb6877;box-shadow:2px 2px 5px rgba(0,0,0,0.2)} /*청년포트폴리오_동의페이지*/ .pf_write .agree_wrap{margin-top:25px;background:#fff;border:1px solid #d8d9dc;border-radius:10px} .pf_write .agree_wrap .agree_con{padding:15px 20px;color:#333;font-weight:300;line-height:30px;word-break:keep-all} .pf_write .agree_wrap .agree_con h4{margin-top:8px;font-size:16px} .pf_write .agree_wrap .agree_con h4:first-child{margin-top:0} .pf_write .agree_wrap .agree_con p{font-size:16px} .pf_write .agree_wrap .agree_con ul{margin-left:10px} .pf_write .agree_wrap .agree_con ul li{font-size:16px;font-weight:200} .pf_write .agree_wrap .agree_con .agree_con_box{margin-top:10px;padding:10px;background:#fafafa;border:1px solid #ddd} .pf_write .agree_wrap .agree_check{padding:30px 10px;background:#f0f0f2;text-align:center} .pf_write .agree_wrap .agree_check input{vertical-align:top;transition:0.3s} .pf_write .agree_wrap .agree_check label{color:#777;font-weight:300;font-size:18px;transition:0.3s} .pf_write .agree_wrap .agree_check input[type="checkbox"]:checked + label{color:#0075ff} .pf_write .form_btn_box .pf_btn.pf_type_d{width:280px;color:#fff;background:#eb6877;border:1px solid #eb6877} /*청년포트폴리오_입력페이지*/ .pf_write{background:#f9f9fb} .pf_write h3{padding:0;margin:50px 0 10px;color:#000;font-family:'SBAggro';font-size:28px;font-weight:300;background:none;text-align:center} .pf_write .from_wrap{display:flex;flex-wrap:wrap;justify-content:space-between} .pf_write .from_wrap .wt1{width:100%} .pf_write .from_wrap .wt2{width:calc(50% - 26px)} .pf_write .from_wrap .wt3{width:calc(33.333% - 26px)} .pf_write .from_wrap .wt1, .pf_write .from_wrap .wt2{margin-bottom:25px} .pf_write .from_wrap .wt1:last-child{margin-bottom:0} .pf_write .from_wrap select{display:block;height:60px;padding:10px 20px;font-size:18px;font-weight:300;border:1px solid #d8d9dc;border-radius:10px;line-height:26px} .pf_write .from_wrap label{display:inline-block;position:relative;margin-bottom:10px;color:#000;font-weight:300;font-size:18px} .pf_write .from_wrap label.est:after{content:"";position:absolute;right:-7px;top:1px;width:5px;height:5px;background:#eb6877;border-radius:50%} .pf_write .from_wrap label.pfIdx{margin-top:60px} .pf_write .from_wrap input[type=text], .pf_write .from_wrap input[type=date]{display:block;width:100%;height:60px;padding:10px 20px;font-size:18px;font-weight:300;background:#fff;border:1px solid #d8d9dc;border-radius:10px} .pf_write .from_wrap textarea{display:block;width:100%;height:150px;padding:20px;font-size:18px;font-weight:300;line-height:27px;background:#fff;border:1px solid #d8d9dc;border-radius:10px;box-sizing:border-box} .pf_write .from_wrap select[name=pfIdx]{width:100%} .pf_write .from_wrap select, .pf_write .from_wrap input{transition:0.3s} .pf_write .from_wrap .category_box{display:flex;justify-content:space-between} .pf_write .from_wrap .category_box select{width:calc(50% - 26px)} .pf_write .from_wrap .email_box{display:flex;justify-content:space-between;align-items:center} .pf_write .from_wrap .email_box input[name=emailFront]{width:calc(50% - 26px)} .pf_write .from_wrap .email_box input[name=emailBack]{width:calc(30% - 26px)} .pf_write .from_wrap .email_box select{width:calc(20% - 26px)} .pf_write .from_wrap .plus_box.sns_box{margin-bottom:10px} .pf_write .from_wrap .plus_box{/* display:flex; */justify-content:space-between} .pf_write .from_wrap .plus_box .snsWrap{width:calc(82.4% - 26px)} .pf_write .from_wrap .plus_box input[type=button].btn_plus{width:calc(20% - 26px);color:#000;font-size:18px;background:#fff;border:1px solid #000;border-radius:10px} .pf_write .from_wrap .plus_box .file_box{position:relative;width:100%;margin-bottom:10px} .pf_write .from_wrap .plus_box .file_box p{width:100%;border:1px solid #d8d9dc;line-height:60px;height:60px;padding:0 10px;margin:0;border-radius:10px;background:#f0f0f2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pf_write .from_wrap .plus_box .file_box label{position:absolute;top:0;right:0;border-radius:10px;cursor:pointer} .pf_write .from_wrap .plus_box .file_box input{position:absolute;top:0;right:0;width:230px;height:60px;opacity:0;filter:alpha(opacity=0);cursor:pointer;-webkit-appearance:none} .pf_write .from_wrap .plus_box .file_box .btn_file{min-width:230px;height:60px;line-height:60px;font-size:18px;color:#fff;background-color:#a9a9a9;text-align:center} .pf_write .from_wrap p{margin-top:5px/*;white-space: pre;*/} .pf_write .from_wrap p span{display:block;font-size:14px;line-height:20px;font-family:Malgun Gothic, sans-serif;letter-spacing:-0.5px} .pf_write .from_wrap p span.c_purple{color:#8c28ff} .pf_write .from_wrap p span.c_red{color:#ff4056} .pf_write .form_txt_box{position:relative;margin-top:52px;padding:35px 10px 35px 160px;background:#f3d8da;border-radius:10px} .pf_write .form_txt_box:before{position:absolute;content:'';left:74px;top:34px;width:60px;height:61px;background:url(/youth/common/img/contents/pf_icon_point.png) no-repeat} .pf_write .form_txt_box p{color:#5c23de;font-weight:300;font-size:16px} .pf_write .form_txt_box p strong{display:block;margin-bottom:6px;color:#000;font-weight:400;font-size:22px;line-height:32px} .pf_write .form_txt_box p strong span{display:inline-block;color:inherit;font-weight:inherit;font-size:inherit;background:#fff799;border-radius:2px} .pf_write .form_btn_box{margin:60px 0 70px;text-align:center} .pf_write .form_btn_box .pf_btn{display:inline-block;padding:20px 0 15px;margin:0 6px;font-family:'SBAggro';font-size:23px;font-weight:300;line-height:26px;text-align:center;border-radius:50px;transition:0.3s} .pf_write .form_btn_box .pf_btn.pf_type_a{width:190px;color:#fff;background:#eb6877;border:1px solid #eb6877} .pf_write .form_btn_box .pf_btn.pf_type_b{width:190px;color:#fff;background:#7d7d7d;border:1px solid #7d7d7d} .pf_write .form_btn_box .pf_btn.pf_type_c{width:190px;color:#4d4b4c;background:#fff;border:1px solid #4d4b4c} .pf_write .form_btn_box .pf_btn:hover{box-shadow:3px 3px 8px rgba(0,0,0,0.3)} @media all and (max-width:800px){ .pf_write h3{margin:40px 0 10px;font-size:24px} .pf_write .from_wrap label{font-size:16px} .pf_write .from_wrap label.pfIdx{margin-top:36px} .pf_write .from_wrap .category_box{flex-wrap:wrap} .pf_write .from_wrap .category_box select{width:100%} .pf_write .from_wrap .category_box select:first-child{margin-bottom:10px} .pf_write .from_wrap select, .pf_write .from_wrap input[type=text], .pf_write .from_wrap input[type=date]{height:44px;padding:7px 15px;font-size:16px} .pf_write .from_wrap textarea{padding:7px 15px;font-size:16px} .pf_write .from_wrap .wt2, .pf_write .from_wrap .wt3{width:100%} .pf_write .from_wrap .wt3:nth-child(1), .pf_write .from_wrap .wt3:nth-child(2){margin-bottom:25px} .pf_write .from_wrap .email_box select, .pf_write .from_wrap .plus_box input[type=button].btn_plus{width:120px} .pf_write .from_wrap .plus_box .file_box p{height:44px;font-size:16px;line-height:44px} .pf_write .from_wrap .plus_box .file_box .btn_file{min-width:120px;height:44px;line-height:44px;font-size:16px} .pf_write .from_wrap .plus_box .file_box input{width:120px;height:44px} .pf_write .form_txt_box{padding:20px} .pf_write .form_txt_box:before{display:none} .pf_write .form_txt_box p strong{font-size:18px;line-height:28px} .pf_write .form_btn_box .pf_btn{padding:10px 0 5px;font-size:16px;margin:0} .pf_write .form_btn_box .pf_btn.pf_type_a, .pf_write .form_btn_box .pf_btn.pf_type_b, .pf_write .form_btn_box .pf_btn.pf_type_c{width:32%;max-width:120px} .pf_write .form_btn_box{margin:36px 0 40px} } @media all and (max-width:560px){ .pf_write .from_wrap .email_box{flex-wrap:wrap} .pf_write .from_wrap .email_box input[name=emailFront]{width:100%;margin-bottom:10px} .pf_write .from_wrap .email_box input[name=emailBack]{width:calc(100% - 148px)} .pf_write .from_wrap .plus_box .snsWrap{width:calc(100% - 127px)} } /*청년포트폴리오_청년프리랜서란?*/ .pf_write .intro_wrap{padding:50px 0 1px} .pf_write h3.intro{padding-left:39px;margin:0;color:#000;font-family:'SBAggro';font-size:26px;background: url(/youth/common/img/contents/pf_icon_h3.png) 0 0 no-repeat;line-height:31px;text-align:left} .pf_write .intro_list{padding:24px 14px 12px 24px;margin:18px 0 40px;background:#fff;border:1px solid #d8d9dc;border-radius:10px} .pf_write .intro_list p{display:inline-block;margin-bottom:10px;padding:2px 12px;color:#000;font-size:20px;font-weight:600;background:#e5e5e5} .pf_write .intro_list ul{} .pf_write .intro_list ul li{position:relative;padding-left:13px;margin-bottom:10px;color:#555557;font-size:18px;font-weight:300;line-height:25px} .pf_write .intro_list ul li:before{content:'';position:absolute;left:0;top:10px;width:5px;height:5px;background:#eb6877;border-radius:3px} .pf_write .intro_step{margin:18px 0 20px} .pf_write .intro_step ul{display:flex;justify-content:space-between} .pf_write .intro_step ul li{width:calc(25% - 10px);margin-bottom:20px;background:#fff;border:1px solid #d8d9dc;border-radius:10px;text-align:center} .pf_write .intro_step ul li span.step{display:block;width:146px;padding:10px 0 7px;margin:0 auto;color:#fff;font-family:'SBAggro';font-size:18px;font-weight:500;background:#4dced9;border-radius:0 0 35px 35px} .pf_write .intro_step ul li strong{display:block;margin:20px 5px;color:#22c3d1;font-size:20px;font-weight:600} .pf_write .intro_step ul li span.txt{display:block;padding:9px 5px 12px;color:#555557;font-size:16px;line-height:22px;border-top:2px dotted #d8d9dc} @media all and (max-width:1140px){ .pf_write .intro_step ul{flex-wrap:wrap} .pf_write .intro_step ul li{width:calc(50% - 10px)} } @media all and (max-width:600px){ .pf_write h3.intro{font-size:22px} .pf_write .intro_list p{font-size:18px} .pf_write .intro_step ul li{width:100%;font-size:16px} } /*청년포트폴리오_수정요청페이지*/ .modify_box{position:relative;margin:25px 0;border:1px solid #f3d8da;border-radius:10px;overflow:hidden} .modify_box h4{padding:21px 18px 19px 75px;color:#000;font-weight:400;font-size:22px;background:#f3d8da url(/youth/common/img/contents/pf_icon_point.png) no-repeat left 22px top 12px / 38px} .modify_box ul{display:flex;justify-content:space-between;padding:22px} .modify_box ul li{position:relative;width:32%;padding:36px 5px 19px;color:#313131;background:#f0f0f2;text-align:center;border-radius:2px} .modify_box ul li span{display:block;position:absolute;left:calc(50% - 50px);top:-12px;width:100px;height:32px;color:#fff;line-height:32px;border-radius:50px;background:#858585} .modify_box p{position:absolute;right:15px;top:18px;color:#5c23de;font-weight:300;font-size:18px;text-align:right} @media all and (max-width:800px){ .modify_box ul{padding:22px 22px 10px 22px} .modify_box p{position:relative;right:auto;top:auto;margin:0 22px 10px} } @media all and (max-width:430px){ .modify_box h4{font-size:20px} .modify_box ul{flex-wrap:wrap;padding:22px 22px 0 22px} .modify_box ul li{width:100%;margin-bottom:20px} .modify_box p{font-size:15px} } /*청년포트폴리오_뷰페이지*/ .pf_view .pf_slider_area{padding:50px 0;background:#f9f9fb} .pf_view .pf_slider_area .pf_container{position:relative;display:flex;display:-ms-flexbox;display:-webkit-flex;align-items:flex-start;justify-content:space-between} .pf_view .pf_slider_area .pf_photo{position:relative;width:59%;display:flex;display:-ms-flexbox;display:-webkit-flex;align-items:flex-start;flex-wrap:wrap} .pf_view .s_img{position:relative;padding-top:70%;overflow:hidden;z-index:2;border-radius:10px} .pf_view .s_img .img{position:absolute;top:0;left:0;right:0;bottom:0;overflow:visible !important} .pf_view .s_img .img img{position:absolute;top:0;left:50%;width:100%;transform:translateX(-50%)} .pf_view .pf_slider_area .pf_photo .view_img{position:relative;width:73%} .pf_view .pf_slider_area .pf_photo .view_img img{width:100%;border-radius:10px} .pf_view .pf_slider_area .pf_photo .thumb_img{position:relative;width:23%;margin-left:auto} .pf_view .pf_slider_area .pf_photo .thumb_img .thumb_slider {height: 450px;} .pf_view .pf_slider_area .pf_photo .thumb_img .thumb_slider .swiper-wrapper{display:block} .pf_view .pf_slider_area .pf_photo .thumb_img .thumb_slider .swiper-wrapper .swiper-slide{width:auto!important;/*margin-right:auto!important;*/height:auto !important;} .pf_view .pf_slider_area .pf_photo .thumb_img .thumb_slider .list{display:block;height:auto;padding-bottom:12px} .pf_view .pf_slider_area .pf_photo .thumb_img .thumb_slider .swiper-slide-thumb-active .s_img::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid #4dced9;box-sizing:border-box;-webkit-box-sizing:border-box;z-index:2;border-radius:10px} .pf_view .pf_slider_area .pf_photo .thumb_img .thumb_slider .s_img{padding-top:131px} .pf_view .pf_slider_area .pf_photo .thumb_img .thumb_btn_prev.swiper-hidden, .pf_view .pf_slider_area .pf_photo .thumb_img .thumb_btn_next.swiper-hidden{display:none} .pf_view .pf_slider_area .pf_photo .thumb_img .thumb_btn_prev, .pf_view .pf_slider_area .pf_photo .thumb_img .thumb_btn_next{display:block;position:absolute;left:48%;transform:translateX(-50%);width:30px;height:30px;background-repeat:no-repeat;background-size:100% auto;background-color:transparent;z-index:3} .pf_view .pf_slider_area .pf_photo .thumb_img .thumb_btn_prev{top:-23px;background-image:url(/youth/common/img/contents/pf_icon_arow02.png);background-position:top 0 left 0} .pf_view .pf_slider_area .pf_photo .thumb_img .thumb_btn_next{bottom:-10px;background-image:url(/youth/common/img/contents/pf_icon_arow02.png);background-position:top -30px left 0} .pf_view .pf_slider_area .pf_info{width:calc(40% - 15px)} .pf_view .pf_slider_area .pf_info h4{padding:10px 0 13px;color:#22c3d1;font-family:'SBAggro';font-size:26px;font-weight:300;border-bottom:2px solid #4dced9;line-height:36px} .pf_view .pf_slider_area .pf_info ul{margin-top:26px} .pf_view .pf_slider_area .pf_info ul li{display:flex;margin-bottom:13px;align-items:flex-start;line-height:27px} .pf_view .pf_slider_area .pf_info ul li:last-child{margin-bottom:0} .pf_view .pf_slider_area .pf_info ul li strong{display:block;width:130px;color:#000;font-family:'SBAggro';font-size:18px;font-weight:500} .pf_view .pf_slider_area .pf_info ul li span{display:block;width:calc(100% - 130px);color:#000;font-family:'SBAggro';font-size:18px;font-weight:300} .pf_view .pf_slider_area .pf_info ul li span img{margin-right:6px} .pf_view h3{padding:0;margin:50px 0 30px;color:#000;font-family:'SBAggro';font-size:28px;font-weight:300;background:none;text-align:center} .pf_view .youtube_area{position:relative;width:100%;height:auto;padding-top:56.3%;border-radius:10px;overflow:hidden} .pf_view .youtube_area iframe{z-index:1;top:0;left:0;position:absolute;width:100%;height:100%} .pf_view .pf_guide{display:flex;flex-wrap:wrap;justify-content:space-between} .pf_view .pf_guide > div{padding:38px 30px 33px 36px;border:1px solid #d8d9dc;border-radius:10px} .pf_view .pf_guide .wr1{width:100%} .pf_view .pf_guide .wr2{width:48.5%} .pf_view .pf_guide h4{width:180px;padding:10px 5px;color:#000;font-size:20px;font-weight:600;background:#f3d8da;border-radius:50px;text-align:center} .pf_view .pf_guide p{margin-left:10px;margin-top:17px;color:#555557;font-size:18px;font-weight:300;line-height:29px;width: 100%;white-space: pre-wrap;word-wrap: break-word;} .pf_view .pf_guide .wr2.price{margin-bottom:20px;background:#f3d8da} .pf_view .pf_guide .wr2.price h4{background:#fff} .pf_view .pf_guide .wr2.price p{color:#000;width: 100%;white-space: pre-wrap;word-wrap: break-word;} .pf_view .pf_guide .wr1.notice{margin-bottom:20px} .pf_view .pf_guide .wr1.hashtag{padding:10px 30px 10px 36px;background:#eee} .pf_view .pf_guide .wr1.hashtag p{margin-top:0;font-size:16px} @media all and (max-width:1024px){ .pf_view .pf_slider_area .pf_container{display:block;width:calc(100% - 60px)} .pf_view .pf_slider_area .pf_photo, .pf_view .pf_slider_area .pf_info{width:100%} } @media all and (max-width:800px){ .pf_view .pf_slider_area .pf_photo{display:block} .pf_view .pf_slider_area .pf_photo .view_img{width:100%} .pf_view .pf_slider_area .pf_photo .thumb_img{width:100%;margin-left:0;margin-top:10px;} .pf_view .pf_slider_area .pf_photo .thumb_img .thumb_slider{height:unset;} .pf_view .pf_slider_area .pf_photo .thumb_img .thumb_slider .swiper-wrapper{display:flex;flex-direction:row} .pf_view .pf_slider_area .pf_photo .thumb_img .thumb_slider .swiper-wrapper .swiper-slide{width:calc(33.333% - 7px)!important} .pf_view .pf_slider_area .pf_photo .thumb_img .thumb_btn_prev{left:-23px;top:36%;transform:rotate(-90deg)} .pf_view .pf_slider_area .pf_photo .thumb_img .thumb_btn_next{left:auto;right:-22px;bottom:auto;top:36%;transform:rotate(-90deg)} .pf_view .pf_slider_area .pf_info{margin-top:30px} .pf_view .pf_guide .wr2{width:100%} .pf_view .pf_guide .wr2.service:first-child{margin-bottom:20px} } /*청춘창고소개*/ .youth_store_intro{background:url(/youth/common/img/contents/ys_intro_img.jpg) no-repeat right top;border-radius:0 50px 0 0;min-height:640px} .youth_store_intro p{font-family:'SBAggro';font-weight:300} .youth_store_intro p.type1{margin-top:30px;color:#535353;font-size:24px} .youth_store_intro p.type2{margin:18px 0 8px;color:#232323;font-size:50px;line-height:50px} .youth_store_intro p.type2 strong{font-weight:500} .youth_store_intro p.type3{position:relative;margin-bottom:45px;color:#232323;font-size:32px} .youth_store_intro p.type3:after{content:'';position:absolute;left:173px;top:20px;width:448px;height:2px;background:#232323} .youth_store_intro p.type4{width:calc(100% - 540px);color:#a3a3a3;font-size:22px;line-height:31px} @media all and (max-width:1340px){ .youth_store_intro{padding:0 10px} } @media all and (max-width:1200px){ .youth_store_intro{padding:0 10px;background-size:auto 540px} .youth_store_intro p.type2{margin:8px 0 0;font-size:40px} .youth_store_intro p.type3{margin-bottom:25px} .youth_store_intro p.type4{font-size:20px;line-height:27px;width:calc(100% - 430px)} } @media all and (max-width:1024px){ .youth_store_intro{background:none;min-height:auto;border-radius:0} .youth_store_intro p.type4{width:100%} }