@charset "UTF-8"; body{color:#333;} #container{padding-top:60px;} .section{position:relative;background-color:#fff;z-index:1;overflow:hidden;} .intro_contents article,.section7 dl{position:relative;padding:80px 0;font-size:15px;line-height:27px;} .intro_contents img {width:100%;} .intro_contents .btn{display:inline-block;} .font_orange{color:#ff3c14;} .intro {position:relative;background: none;width: 100%;text-align:center;}/* height: calc(100vh); */ .intro article{padding-bottom:0;padding-top:60px;} .intro_title{margin-bottom:50px;} .intro_title h2{display:block;margin-bottom:12px;font-size:16px;letter-spacing:-0.64px;line-height:26px;} .intro_title .title{font-size:28px;font-weight:800;letter-spacing:-1.12px;line-height:41px;} .intro_text{margin-bottom:60px;} .intro_text dt{margin-top:16px;font-size:14px;letter-spacing:-0.56px;line-height:20px;} .intro_text .btn{display:inline-block;} /*.intro .intro_image{position:absolute;bottom:0;}*/ .intro .logo{display:inline-block;width:280px;height:40px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 178 26'%3E%3Cdefs%3E%3Cfilter id='w9zj3bsa0a'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg filter='none' transform='translate(-960 -195)'%3E%3Cg%3E%3Cpath fill='%23333' d='M0 7.23h.332l4.089-4.6H6.26V18.6l-1.84 1.764v.33h8.278v-.33L10.833 18.6V2.63h1.84l4.063 4.6h.332V1.508H0V7.23zm17.936-5.314l1.994.996v15.79l-1.866 1.662v.33h8.048v-.33l-1.711-1.508V8.84c.537-.18 1.201-.282 1.865-.282 1.608 0 2.401.638 2.401 2.427v7.87l-1.712 1.508v.33h8.05v-.407l-1.867-1.585V11.09c0-3.169-2.145-4.983-4.726-4.983-.23 0-.383.052-1.303.562L24.4 8.125V0h-.384l-6.08 1.534v.382zM35.514 13.72c0 4.164 2.683 7.23 6.694 7.23 2.913 0 4.88-1.15 6.414-2.606l-.204-.409c-.946.434-2.12.69-3.168.69-3.042 0-4.727-1.917-5.11-5.264h8.865c-.128-4.726-2.733-7.256-6.592-7.256-4.471 0-6.899 3.501-6.899 7.615zm4.549-1.176v-.766c0-2.376.715-4.752 2.221-4.752.972 0 2.096 1.226 2.096 5.212l-4.317.306zM55.366 24.86l.128.409c4.166-.435 7.384-2.99 7.384-7.027V3.756l1.816-1.814v-.434h-8.305v.434l1.84 1.814v16.53c0 2.479-1.023 3.527-2.863 4.574zm9.813-11.242c0 4.624 3.244 7.332 7.102 7.332 3.55 0 7.41-2.324 7.41-7.588 0-4.572-3.296-7.256-7.103-7.256-3.577 0-7.409 2.3-7.409 7.512zm4.726-.843c0-3.372.741-5.748 2.274-5.748 1.941 0 2.785 3.551 2.785 7.026 0 3.551-.895 5.978-2.249 5.978-1.891 0-2.81-3.628-2.81-7.256zm11.524.843c0 4.624 3.244 7.332 7.101 7.332 3.552 0 7.41-2.324 7.41-7.588 0-4.572-3.296-7.256-7.103-7.256-3.576 0-7.408 2.3-7.408 7.512zm4.726-.843c0-3.372.741-5.748 2.274-5.748 1.941 0 2.785 3.551 2.785 7.026 0 3.551-.895 5.978-2.25 5.978-1.89 0-2.81-3.628-2.81-7.256zM96.68 8.023l1.993.996v9.683l-1.865 1.662v.33h8.048v-.33l-1.71-1.508V8.84c.535-.18 1.2-.282 1.863-.282 1.61 0 2.403.638 2.403 2.427v7.87l-1.713 1.508v.33h8.05v-.407l-1.866-1.585v-7.894c0-3.168-2.249-4.702-4.728-4.702-.23 0-.382.052-1.302.562l-2.708 1.457V6.106h-.384L96.681 7.64v.383zm17.5 15.202c.845 1.456 2.965 2.657 6.135 2.657 3.678 0 7.178-2.02 7.562-5.187h5.953v-.331l-2.633-1.815 1.176-3.296h6.081l1.125 3.45-2.044 1.66v.332h16.531v-.331l-1.713-1.508V8.84c.538-.18 1.202-.282 1.866-.282 1.609 0 2.402.638 2.402 2.427v7.87l-1.714 1.508v.33h8.05v-.407l-1.865-1.585v-7.894c0-3.168-2.248-4.702-4.728-4.702-.23 0-.383.052-1.303.562l-2.708 1.457V6.106h-.382L145.89 7.64v.383l1.993.996v9.683l-1.738 1.56-1.712-1.56-5.749-17.194h-4.548v.331l.716 2.352-4.906 14.051-2.069 1.585c-.128-1.763-1.61-2.76-3.423-2.76h-5.468c-1.176 0-1.61-.46-1.61-1.047 0-.256.076-.562.23-.818.843.307 1.789.46 2.836.46 3.731 0 5.927-2.044 5.927-4.778 0-1.15-.458-2.402-1.175-3.117L128.21 9.3h.357V6.08h-.357l-3.858.972c-.946-.612-2.248-.946-3.757-.946-3.73 0-5.902 2.046-5.902 4.778 0 1.814.819 3.194 2.198 3.986-1.048.766-2.044 1.84-2.452 2.964v.358l2.707 2.35c-1.277.435-2.58 1.43-2.964 2.683zm3.324-.92c0-.563.179-1.277.382-1.61h5.953c.742 0 1.074.588 1.074 1.202 0 1.659-1.967 2.937-4.292 2.937-2.044 0-3.117-1.15-3.117-2.53zm1.353-12.289c0-2.402.69-3.067 1.483-3.067 1.149 0 1.864 2.275 1.864 4.83 0 2.402-.715 3.04-1.455 3.04-1.202 0-1.892-2.274-1.892-4.803zm13.874 4.062l2.76-7.972 2.58 7.972h-5.34zm30.66 9.147c.844 1.456 2.964 2.657 6.133 2.657 3.884 0 7.588-2.25 7.588-5.748 0-1.969-1.534-3.068-3.45-3.068h-5.467c-1.176 0-1.61-.458-1.61-1.046 0-.256.076-.562.23-.818.843.307 1.788.46 2.836.46 3.731 0 5.927-2.044 5.927-4.778 0-1.15-.459-2.402-1.175-3.117L177.42 9.3h.358V6.08h-.358l-3.859.972c-.946-.612-2.249-.946-3.755-.946-3.73 0-5.903 2.046-5.903 4.778 0 1.814.818 3.194 2.198 3.986-1.048.766-2.044 1.84-2.453 2.964v.358l2.708 2.35c-1.278.435-2.581 1.43-2.964 2.683zm3.322-.92c0-.563.179-1.277.382-1.61h5.954c.74 0 1.073.588 1.073 1.202 0 1.659-1.966 2.937-4.292 2.937-2.044 0-3.117-1.15-3.117-2.53zm1.354-12.289c0-2.402.69-3.067 1.482-3.067 1.148 0 1.866 2.275 1.866 4.83 0 2.402-.718 3.04-1.458 3.04-1.2 0-1.89-2.274-1.89-4.803z' transform='translate(960 195)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat: no-repeat;background-position:50% 50%;background-size:auto;vertical-align:middle;} .section{width:100%;}/* height:1080px; */ .text_wrap{margin-bottom:60px;} .text_wrap .title{margin-bottom:20px;font-size:30px;font-weight:800;letter-spacing:-1.12px;line-height:40px;} .text_wrap .title span{font-weight:800;} .text_area{margin-bottom:30px;} .text_wrap .headline{margin-bottom:20px;color:#333;} .text_wrap .headline strong{font-size: 16px;line-height:24px;letter-spacing:-0.64px;} .text_wrap .headline strong span{margin-right:7px;} .flex_wrap .text_wrap .headline strong{display:block;} .flex_wrap .text_wrap .headline strong:nth-child(2){margin-top:4px;} .image_wrap{margin-left:auto;margin-right:auto;} .section2{background:#1d2634;color:#fff;} .section2 .image_wrap,.section4 .image_wrap{position:relative;width:260px;height:533px;margin-left:auto;margin-right:auto;padding:44px 14px 17px 15px;} .section2 .image_wrap:before,.section4 .image_wrap:before{content:'';display:block;position:absolute;left:50%;top:0;width:260px;height:100%;margin-left:-130px;background:url('https://assets.joongang.co.kr/images/event/joongang2021/visual_phone.png') 0 0 no-repeat;background-size:100% auto;box-sizing:border-box;overflow: hidden;z-index:1;} .section2 .image_wrap div,.section5 .image_wrap div{position:relative;height:471px;overflow: hidden;} .intro_contents article > .text_wrap{margin-bottom:40px;padding-top:0;text-align:center;} .intro_contents article > .text_wrap .title{margin-bottom:20px;} .text_wrap a{display:inline-block;font-size:17px;font-weight:bold;line-height:29px;} .section2 .text_wrap .headline{color:#fff;} .section3{background:#f4f8ff;} .section3 .slide_wrap{position:relative;} .section3 .subtitle{margin-bottom:20px;margin-left:20px;font-size:20px;line-height:32px;} .section3 .card{width:260px;margin-right:20px;background-color:#fff;border-radius:20px;box-shadow: 0 6px 20px 0 rgba(208, 148, 140, 0.1);overflow:hidden;} .section3 .card:last-child{margin-right:0;} .section3 .card a{display:block;color:#23252c;} .section3 .card_body{padding:20px;} .section3 .card .stitle{display:inline-block;position:absolute;right:16px;top:121px;padding:4px 12px 4px;background-color:#dc167b;color:#fff;font-size:12px;letter-spacing:-0.48px;line-height:18px;font-weight:500;} .section3 .card .headline{margin-bottom:6px;font-size:16px;letter-spacing:-0.64px;line-height:24px;} .section3 .card .title{margin-bottom:10px;color:#23252c;font-size:22px;letter-spacing:-0.88px;line-height:33px;} .section3 .card .description{margin-bottom:10px;color:#5f626e;font-size:15px;letter-spacing:-0.6px;line-height:27px;} .section3 .card .meta{color:#23252c;font-weight:500;font-size:14px;letter-spacing:-0.56px;line-height:20px;} .section3 .card .meta span{position:relative;padding-right:13px;} .section3 .card .meta span:after{display:block;content:'';position:absolute;top:50%;right:0;width:5px;height:8px;margin-top:-4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 6.241 10.134'%3E%3Cpath fill='none' stroke='%2323252c' stroke-linejoin='round' stroke-width='1.5px' d='M.743 9.669l4.852-4.2a.38.38 0 0 0 0-.6L.743.669' transform='translate(-0.252 -0.102)'/%3E%3C/svg%3E") 0 0 no-repeat;background-size:100% auto;} .section3 .swiper-slide{opacity:.5;} .section3 .swiper-slide-visible,.section3 .swiper-slide-active,.section3 .swiper-slide-next{opacity:1;} .section4{background:#fff8eb;} .section4 .image_wrap{padding:41px 0 17px 0;} .section4 .image_wrap:before{z-index:0;} .section4 .image_wrap img{position:absolute;width:auto;height:427px;} .section4 .image_wrap .step_one{left:50%;margin-left:-166px;} .section4 .image_wrap .step_two{left:50%;margin-left:-178px;} .section4 .image_wrap .step_three{top:-2px;right:-57px;height:495px;} .section5 .image_wrap{margin:0 auto;} .section5 .btn_googleplay,.section5 .btn_appstore{display:inline-block;width:145px;height:44px;margin:0 4px;background-size:100% auto;} .section5 .btn_googleplay{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 203 60'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='.915' x2='-.383' y1='6.614' y2='5.945' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2300a0ff'/%3E%3Cstop offset='.007' stop-color='%2300a1ff'/%3E%3Cstop offset='.26' stop-color='%2300beff'/%3E%3Cstop offset='.512' stop-color='%2300d2ff'/%3E%3Cstop offset='.76' stop-color='%2300dfff'/%3E%3Cstop offset='1' stop-color='%2300e3ff'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-2' x1='1.076' x2='-1.305' y1='17.098' y2='17.098' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23ffe000'/%3E%3Cstop offset='.409' stop-color='%23ffbd00'/%3E%3Cstop offset='.775' stop-color='orange'/%3E%3Cstop offset='1' stop-color='%23ff9c00'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-3' x1='.862' x2='-.501' y1='10.863' y2='9.093' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23ff3a44'/%3E%3Cstop offset='1' stop-color='%23c31162'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-4' x1='-.188' x2='.421' y1='13.583' y2='12.793' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2332a071'/%3E%3Cstop offset='.068' stop-color='%232da771'/%3E%3Cstop offset='.476' stop-color='%2315cf74'/%3E%3Cstop offset='.801' stop-color='%2306e775'/%3E%3Cstop offset='1' stop-color='%2300f076'/%3E%3C/linearGradient%3E%3Cstyle%3E .cls-1%7Bfill:%23fff;stroke:%23fff;stroke-miterlimit:10;stroke-width:.2px%7D.cls-8%7Bisolation:isolate;opacity:.12%7D %3C/style%3E%3C/defs%3E%3Cg id='google' transform='translate(-10 -10)'%3E%3Crect id='사각형_19' width='203' height='60' rx='5' transform='translate(10 10)'/%3E%3Cg id='그룹_44' transform='translate(72.226 20.332)'%3E%3Cpath id='패스_60' d='M60.48 21.948a4.076 4.076 0 0 1-1.121 3.014 4.376 4.376 0 0 1-3.317 1.338 4.651 4.651 0 0 1-4.69-4.716 4.651 4.651 0 0 1 4.69-4.716 4.674 4.674 0 0 1 1.854.378 3.714 3.714 0 0 1 1.411 1.01l-.793.793a3.054 3.054 0 0 0-2.472-1.07 3.491 3.491 0 0 0-3.506 3.605 3.551 3.551 0 0 0 6.028 2.6 2.847 2.847 0 0 0 .757-1.83h-3.279v-1.087h4.376a3.848 3.848 0 0 1 .062.681z' class='cls-1' transform='translate(-51.352 -16.866)'/%3E%3Cpath id='패스_61' d='M63.8 18.109h-4.116v2.864h3.708v1.083h-3.708v2.864H63.8v1.109h-5.275V17H63.8z' class='cls-1' transform='translate(-47.731 -16.798)'/%3E%3Cpath id='패스_62' d='M66.514 26.029h-1.161v-7.92h-2.521V17h6.2v1.109h-2.518z' class='cls-1' transform='translate(-45.557 -16.798)'/%3E%3Cpath id='패스_63' d='M69.938 26.029V17H71.1v9.029z' class='cls-1' transform='translate(-41.97 -16.798)'/%3E%3Cpath id='패스_64' d='M75.363 26.029H74.2v-7.92h-2.519V17h6.2v1.109h-2.518z' class='cls-1' transform='translate(-41.09 -16.798)'/%3E%3Cpath id='패스_65' d='M86.276 24.93a4.688 4.688 0 0 1-6.62 0 4.879 4.879 0 0 1 0-6.7 4.674 4.674 0 0 1 6.614.006 4.863 4.863 0 0 1 .006 6.69zm-5.763-.757a3.473 3.473 0 0 0 4.906 0 3.534 3.534 0 0 0 1-2.591 3.534 3.534 0 0 0-1-2.591 3.473 3.473 0 0 0-4.906 0 3.539 3.539 0 0 0-1 2.591 3.539 3.539 0 0 0 .999 2.591z' class='cls-1' transform='translate(-37.736 -16.866)'/%3E%3Cpath id='패스_66' d='M85.575 26.029V17h1.413l4.388 7.023h.05l-.05-1.74V17h1.16v9.029h-1.21l-4.591-7.364h-.05l.05 1.741v5.623z' class='cls-1' transform='translate(-34.077 -16.798)'/%3E%3C/g%3E%3Cpath id='패스_67' fill='%23fff' d='M91.813 34.127a6.4 6.4 0 1 0 6.424 6.4 6.308 6.308 0 0 0-6.424-6.4zm0 10.278a3.888 3.888 0 1 1 3.611-3.878 3.7 3.7 0 0 1-3.611 3.873zM77.8 34.127a6.4 6.4 0 1 0 6.424 6.4 6.308 6.308 0 0 0-6.424-6.4zm0 10.278a3.888 3.888 0 1 1 3.611-3.878A3.7 3.7 0 0 1 77.8 44.4zm-16.673-8.314v2.715h6.5a5.666 5.666 0 0 1-1.478 3.417 6.652 6.652 0 0 1-5.018 1.988 7.224 7.224 0 0 1 0-14.447 6.922 6.922 0 0 1 4.9 1.94l1.916-1.916a9.473 9.473 0 0 0-6.812-2.74 9.941 9.941 0 1 0 0 19.88 9.083 9.083 0 0 0 6.933-2.788 8.971 8.971 0 0 0 2.352-6.352 8.771 8.771 0 0 0-.146-1.7zm68.179 2.109a5.948 5.948 0 0 0-5.479-4.072 6.081 6.081 0 0 0-6.036 6.4 6.263 6.263 0 0 0 6.352 6.4 6.365 6.365 0 0 0 5.333-2.837l-2.182-1.455a3.656 3.656 0 0 1-3.151 1.77 3.258 3.258 0 0 1-3.1-1.938l8.558-3.541zm-8.728 2.134a3.511 3.511 0 0 1 3.345-3.733 2.476 2.476 0 0 1 2.376 1.357zm-6.957 6.206h2.811V27.726h-2.811zm-4.608-10.982h-.1a4.436 4.436 0 0 0-3.369-1.43 6.406 6.406 0 0 0 0 12.8 4.36 4.36 0 0 0 3.369-1.455h.1v.922c0 2.448-1.308 3.757-3.417 3.757a3.542 3.542 0 0 1-3.225-2.28l-2.448 1.018a6.1 6.1 0 0 0 5.673 3.782c3.3 0 6.085-1.94 6.085-6.666V34.514h-2.668zm-3.222 8.842a3.893 3.893 0 0 1 0-7.757 3.606 3.606 0 0 1 3.417 3.9 3.575 3.575 0 0 1-3.417 3.857zm36.688-16.678h-6.728v18.816h2.806v-7.126h3.921a5.851 5.851 0 1 0 0-11.685zm.072 9.066h-3.994v-6.443h3.994a3.225 3.225 0 1 1 0 6.448zm17.353-2.7a5.274 5.274 0 0 0-5.011 2.879l2.493 1.041a2.66 2.66 0 0 1 2.566-1.38 2.7 2.7 0 0 1 2.952 2.421v.193a6.211 6.211 0 0 0-2.928-.725c-2.686 0-5.422 1.476-5.422 4.234 0 2.518 2.2 4.14 4.671 4.14a3.962 3.962 0 0 0 3.583-1.84h.1v1.452h2.71v-7.209c-.003-3.339-2.495-5.202-5.718-5.202zm-.339 10.312c-.921 0-2.2-.459-2.2-1.6 0-1.452 1.6-2.009 2.976-2.009a5.009 5.009 0 0 1 2.566.629 3.4 3.4 0 0 1-3.342 2.98zm15.924-9.9l-3.219 8.156h-.1l-3.337-8.156h-3.025l5.009 11.4-2.856 6.341h2.928l7.721-17.74zM150.2 46.538h2.808V27.727H150.2z' transform='translate(20.717 8.605)'/%3E%3Cg id='그룹_46' transform='translate(25.007 20.745)'%3E%3Cpath id='패스_68' fill='url(%23linear-gradient)' d='M20.668 17.575a3.02 3.02 0 0 0-.7 2.114v33.28a3.017 3.017 0 0 0 .7 2.114l.111.108 18.643-18.642v-.439L20.78 17.465z' transform='translate(-19.973 -16.977)'/%3E%3Cpath id='패스_69' fill='url(%23linear-gradient-2)' d='M39.113 38.6L32.9 32.38v-.44l6.216-6.216.14.081 7.363 4.183c2.1 1.195 2.1 3.15 0 4.344l-7.363 4.183z' transform='translate(-13.449 -12.808)'/%3E%3Cpath id='패스_70' fill='url(%23linear-gradient-3)' d='M45.545 36.357L39.189 30 20.435 48.755c.694.734 1.839.825 3.128.092l21.982-12.49' transform='translate(-19.74 -10.649)'/%3E%3Cpath id='패스_71' fill='url(%23linear-gradient-4)' d='M45.545 30.137l-21.982-12.49c-1.29-.733-2.435-.643-3.128.092l18.754 18.754z' transform='translate(-19.74 -17.14)'/%3E%3Cg id='그룹_45' transform='translate(0 25.569)'%3E%3Cpath id='패스_72' d='M45.405 34.132l-21.842 12.41a2.506 2.506 0 0 1-3.016.017l-.113.111.111.11a2.506 2.506 0 0 0 3.016-.017l21.982-12.49z' transform='translate(-19.74 -34.132)' style='isolation:isolate' opacity='0.2'/%3E%3Cpath id='패스_73' d='M20.668 43.027a3.017 3.017 0 0 1-.7-2.114v.221a3.013 3.013 0 0 0 .7 2.113l.113-.111z' class='cls-8' transform='translate(-19.973 -30.709)'/%3E%3C/g%3E%3Cpath id='패스_74' d='M44.532 31.954l-7.5 4.263.14.14 7.363-4.183A2.641 2.641 0 0 0 46.109 30a2.8 2.8 0 0 1-1.577 1.954z' class='cls-8' transform='translate(-11.363 -10.649)'/%3E%3Cpath id='패스_75' fill='%23fff' d='M23.8 17.867L53.141 34.54a2.8 2.8 0 0 1 1.577 1.953 2.637 2.637 0 0 0-1.577-2.173L23.8 17.647c-2.1-1.195-3.824-.2-3.824 2.206v.221c-.003-2.409 1.717-3.402 3.824-2.207z' transform='translate(-19.973 -17.14)' style='isolation:isolate' opacity='0.25'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;} .section5 .btn_appstore{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 203 60'%3E%3Cg%3E%3Cg fill='%23fff' stroke='%23000' transform='translate(-226 -10) translate(226 10)'%3E%3Crect width='203' height='60' stroke='none' rx='5'/%3E%3Crect width='202' height='59' x='.5' y='.5' fill='none' rx='4.5'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M32.7 23.184a7.723 7.723 0 0 1 3.679-6.484 7.9 7.9 0 0 0-6.228-3.368c-2.62-.275-5.161 1.568-6.5 1.568-1.361 0-3.417-1.541-5.632-1.5a8.3 8.3 0 0 0-6.98 4.258c-3.018 5.226-.767 12.906 2.125 17.129 1.445 2.068 3.137 4.379 5.349 4.3 2.164-.09 2.973-1.381 5.586-1.381 2.589 0 3.348 1.381 5.6 1.33 2.323-.039 3.786-2.079 5.182-4.166a17.052 17.052 0 0 0 2.37-4.826 7.461 7.461 0 0 1-4.551-6.86z' transform='translate(-226 -10) translate(252.555 21.776) translate(-9.609 -5.112)'/%3E%3Cpath d='M23.855 13.295a7.6 7.6 0 0 0 1.739-5.448 7.733 7.733 0 0 0-5 2.59 7.231 7.231 0 0 0-1.794 5.245 6.4 6.4 0 0 0 5.055-2.387z' transform='translate(-226 -10) translate(252.555 21.776) translate(-5.025 -7.847)'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath d='M46.245 31.678h-7.1l-1.7 5.036h-3.018l6.728-18.636h3.126l6.729 18.636h-3.06zm-6.368-2.325h5.631l-2.776-8.175h-.078z' transform='translate(-226 -10) translate(252.555 21.776) translate(37.245 15.043) translate(-34.427 -17.767)'/%3E%3Cpath d='M59.429 28.284c0 4.222-2.26 6.935-5.67 6.935a4.606 4.606 0 0 1-4.276-2.377h-.065v6.729h-2.787V21.489h2.7v2.26h.051a4.82 4.82 0 0 1 4.327-2.4c3.448-.001 5.72 2.724 5.72 6.935zm-2.866 0c0-2.751-1.421-4.559-3.591-4.559-2.13 0-3.564 1.846-3.564 4.559 0 2.737 1.435 4.571 3.564 4.571 2.17.001 3.591-1.796 3.591-4.571z' transform='translate(-226 -10) translate(252.555 21.776) translate(37.245 15.043) translate(-28.316 -16.13)'/%3E%3Cpath d='M69.4 28.284c0 4.222-2.262 6.935-5.671 6.935a4.606 4.606 0 0 1-4.276-2.377h-.065v6.729H56.6V21.489h2.7v2.26h.051a4.82 4.82 0 0 1 4.327-2.4c3.443-.001 5.722 2.724 5.722 6.935zm-2.868 0c0-2.751-1.421-4.559-3.591-4.559-2.131 0-3.564 1.846-3.564 4.559 0 2.737 1.433 4.571 3.564 4.571 2.166.001 3.587-1.796 3.587-4.571z' transform='translate(-226 -10) translate(252.555 21.776) translate(37.245 15.043) translate(-23.326 -16.13)'/%3E%3Cpath d='M72.661 31.625c.207 1.849 2 3.062 4.456 3.062 2.352 0 4.043-1.213 4.043-2.88 0-1.447-1.021-2.313-3.435-2.905l-2.416-.582c-3.422-.827-5.011-2.427-5.011-5.024 0-3.215 2.8-5.424 6.78-5.424 3.939 0 6.639 2.209 6.729 5.424h-2.815c-.168-1.859-1.7-2.982-3.953-2.982s-3.783 1.136-3.783 2.788c0 1.318.981 2.094 3.384 2.686l2.053.5c3.824.9 5.412 2.44 5.412 5.167 0 3.486-2.776 5.67-7.193 5.67-4.133 0-6.924-2.133-7.1-5.5z' transform='translate(-226 -10) translate(252.555 21.776) translate(37.245 15.043) translate(-16.711 -17.871)'/%3E%3Cpath d='M84.94 19.3v3.215h2.584v2.209H84.94v7.49c0 1.165.518 1.706 1.654 1.706a8.555 8.555 0 0 0 .917-.065v2.2a7.627 7.627 0 0 1-1.549.129c-2.751 0-3.824-1.034-3.824-3.668v-7.792h-1.975v-2.209h1.975V19.3z' transform='translate(-226 -10) translate(252.555 21.776) translate(37.245 15.043) translate(-11.525 -17.155)'/%3E%3Cpath d='M86.064 28.293c0-4.276 2.518-6.962 6.444-6.962s6.446 2.686 6.446 6.962-2.493 6.96-6.446 6.96-6.444-2.674-6.444-6.96zm10.047 0c0-2.932-1.343-4.664-3.6-4.664s-3.6 1.744-3.6 4.664c0 2.944 1.343 4.661 3.6 4.661s3.6-1.717 3.6-4.661z' transform='translate(-226 -10) translate(252.555 21.776) translate(37.245 15.043) translate(-8.571 -16.138)'/%3E%3Cpath d='M96.185 21.489h2.661V23.8h.065a3.239 3.239 0 0 1 3.267-2.454 4.328 4.328 0 0 1 .956.1v2.614a3.932 3.932 0 0 0-1.253-.168 2.811 2.811 0 0 0-2.907 3.126v8.059h-2.789z' transform='translate(-226 -10) translate(252.555 21.776) translate(37.245 15.043) translate(-3.503 -16.13)'/%3E%3Cpath d='M113.473 31.095c-.375 2.466-2.776 4.159-5.85 4.159-3.953 0-6.407-2.647-6.407-6.9s2.467-7.026 6.29-7.026c3.759 0 6.123 2.583 6.123 6.7v.956h-9.6v.168A3.539 3.539 0 0 0 107.685 33a3.075 3.075 0 0 0 3.138-1.91zm-9.428-4.055h6.792a3.267 3.267 0 0 0-3.332-3.449 3.441 3.441 0 0 0-3.46 3.449z' transform='translate(-226 -10) translate(252.555 21.776) translate(37.245 15.043) translate(-0.983 -16.138)'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M38.905 8.731c2.656 0 4.214 1.631 4.214 4.45 0 2.86-1.546 4.505-4.214 4.505h-3.234V8.731zm-1.843 7.688h1.688c1.873 0 2.952-1.166 2.952-3.221 0-2.023-1.1-3.2-2.952-3.2h-1.688z' transform='translate(-226 -10) translate(291.667 22.662) translate(-35.671 -8.29)'/%3E%3Cpath d='M41.681 13.614c0-2.178 1.216-3.506 3.189-3.506s3.185 1.328 3.185 3.506-1.211 3.513-3.185 3.513-3.189-1.327-3.189-3.513zm5 0c0-1.465-.659-2.322-1.813-2.322s-1.811.857-1.811 2.322.651 2.328 1.811 2.328 1.815-.858 1.815-2.328z' transform='translate(-226 -10) translate(291.667 22.662) translate(-32.662 -7.6)'/%3E%3Cpath d='M54.079 16.953h-1.384l-1.4-4.978h-.107L49.8 16.953h-1.37l-1.864-6.758h1.354l1.21 5.157h.1l1.39-5.157h1.28l1.39 5.157h.11l1.2-5.157h1.334z' transform='translate(-226 -10) translate(291.667 22.662) translate(-30.214 -7.557)'/%3E%3Cpath d='M53.854 10.239h1.283v1.073h.1a2.024 2.024 0 0 1 2.017-1.2 2.2 2.2 0 0 1 2.34 2.514V17h-1.335v-4.04c0-1.087-.471-1.627-1.459-1.627a1.55 1.55 0 0 0-1.613 1.712V17h-1.333z' transform='translate(-226 -10) translate(291.667 22.662) translate(-26.566 -7.6)'/%3E%3Cpath d='M59.094 8.437h1.333v9.4h-1.333z' transform='translate(-226 -10) translate(291.667 22.662) translate(-23.942 -8.437)'/%3E%3Cpath d='M61.218 13.614c0-2.178 1.216-3.506 3.189-3.506s3.185 1.328 3.185 3.506-1.211 3.513-3.185 3.513-3.189-1.327-3.189-3.513zm5 0c0-1.465-.659-2.322-1.813-2.322s-1.811.857-1.811 2.322.651 2.328 1.811 2.328 1.815-.858 1.815-2.328z' transform='translate(-226 -10) translate(291.667 22.662) translate(-22.879 -7.6)'/%3E%3Cpath d='M66.4 15.084c0-1.216.9-1.918 2.514-2.017l1.829-.105v-.584c0-.713-.471-1.117-1.382-1.117-.746 0-1.261.273-1.409.75h-1.29c.137-1.16 1.228-1.9 2.761-1.9 1.693 0 2.649.843 2.649 2.271V17h-1.283v-.95h-.107a2.27 2.27 0 0 1-2.029 1.061 2.042 2.042 0 0 1-2.253-2.027zm4.343-.576v-.566l-1.649.105c-.93.063-1.354.38-1.354.975s.528.962 1.253.962a1.593 1.593 0 0 0 1.751-1.476z' transform='translate(-226 -10) translate(291.667 22.662) translate(-20.283 -7.6)'/%3E%3Cpath d='M71.348 14.45c0-2.136 1.1-3.488 2.8-3.488a2.227 2.227 0 0 1 2.073 1.186h.1V8.437h1.333v9.4h-1.273v-1.072h-.107a2.343 2.343 0 0 1-2.122 1.18c-1.717-.001-2.804-1.353-2.804-3.495zm1.378 0c0 1.433.675 2.3 1.805 2.3s1.819-.875 1.819-2.29-.7-2.3-1.819-2.3-1.805.869-1.805 2.29z' transform='translate(-226 -10) translate(291.667 22.662) translate(-17.806 -8.437)'/%3E%3Cpath d='M79.23 13.614c0-2.178 1.217-3.506 3.189-3.506s3.181 1.328 3.181 3.506-1.211 3.513-3.185 3.513-3.185-1.327-3.185-3.513zm5 0c0-1.465-.657-2.322-1.813-2.322s-1.811.857-1.811 2.322.653 2.328 1.811 2.328 1.815-.858 1.815-2.328z' transform='translate(-226 -10) translate(291.667 22.662) translate(-13.859 -7.6)'/%3E%3Cpath d='M84.669 10.239h1.285v1.073h.1a2.024 2.024 0 0 1 2.017-1.2 2.2 2.2 0 0 1 2.34 2.514V17h-1.336v-4.04c0-1.087-.471-1.627-1.459-1.627A1.55 1.55 0 0 0 86 13.042V17h-1.331z' transform='translate(-226 -10) translate(291.667 22.662) translate(-11.136 -7.6)'/%3E%3Cpath d='M94.318 9.074v1.712h1.465v1.124h-1.465v3.474c0 .708.291 1.019.956 1.019a4.515 4.515 0 0 0 .509-.032v1.111a4.3 4.3 0 0 1-.726.069c-1.483 0-2.073-.522-2.073-1.825V11.91h-1.073v-1.124h1.073V9.074z' transform='translate(-226 -10) translate(291.667 22.662) translate(-7.51 -8.118)'/%3E%3Cpath d='M95.705 8.437h1.321v3.723h.107a2.08 2.08 0 0 1 2.061-1.21 2.227 2.227 0 0 1 2.328 2.52v4.363h-1.336V13.8c0-1.079-.5-1.627-1.445-1.627a1.58 1.58 0 0 0-1.7 1.714v3.947h-1.336z' transform='translate(-226 -10) translate(291.667 22.662) translate(-5.61 -8.437)'/%3E%3Cpath d='M106.779 15.171a2.743 2.743 0 0 1-2.928 1.955c-1.936 0-3.122-1.328-3.122-3.489s1.211-3.53 3.116-3.53c1.88 0 3.015 1.285 3.015 3.407v.465h-4.772v.075a1.788 1.788 0 0 0 1.8 1.936 1.622 1.622 0 0 0 1.609-.819zm-4.691-2.178h3.412a1.632 1.632 0 0 0-1.664-1.751 1.729 1.729 0 0 0-1.748 1.752z' transform='translate(-226 -10) translate(291.667 22.662) translate(-3.094 -7.6)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;} .section5 .circle1,.section5 .circle2{display:flex;position:absolute;right:-15px;width:60px;height:60px;color:#fff;font-size:15px;line-height:18px;border-radius:100%;box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.1);border:1px solid rgba(0,0,0,.2);font-family:Vernada;font-weight:800;text-align:center;justify-content:center;align-items:center;flex-direction:column;} .section5 .circle1{top:36px;background-color:#ff3c14;} .section5 .circle2{top:105px;background-color:#16a3a3;} .mac .section5 .circle2{padding-top:5px;} .section6{height:280px;background:#1d1e28 url('https://assets.joongang.co.kr/images/event/joongang2021/bg_section6.png') 50% 50% no-repeat;background-size:auto 280px;color:#fff;} .section6 .title{margin-bottom:30px;font-size:24px;line-height:36px;} .section6 .logo,.plotting_banner .logo{display:inline-block;width:177px;height:26px;margin-left:3px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 178 26'%3E%3Cdefs%3E%3Cfilter id='w9zj3bsa0a'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg filter='none' transform='translate(-960 -195)'%3E%3Cg%3E%3Cpath fill='%23fff' d='M0 7.23h.332l4.089-4.6H6.26V18.6l-1.84 1.764v.33h8.278v-.33L10.833 18.6V2.63h1.84l4.063 4.6h.332V1.508H0V7.23zm17.936-5.314l1.994.996v15.79l-1.866 1.662v.33h8.048v-.33l-1.711-1.508V8.84c.537-.18 1.201-.282 1.865-.282 1.608 0 2.401.638 2.401 2.427v7.87l-1.712 1.508v.33h8.05v-.407l-1.867-1.585V11.09c0-3.169-2.145-4.983-4.726-4.983-.23 0-.383.052-1.303.562L24.4 8.125V0h-.384l-6.08 1.534v.382zM35.514 13.72c0 4.164 2.683 7.23 6.694 7.23 2.913 0 4.88-1.15 6.414-2.606l-.204-.409c-.946.434-2.12.69-3.168.69-3.042 0-4.727-1.917-5.11-5.264h8.865c-.128-4.726-2.733-7.256-6.592-7.256-4.471 0-6.899 3.501-6.899 7.615zm4.549-1.176v-.766c0-2.376.715-4.752 2.221-4.752.972 0 2.096 1.226 2.096 5.212l-4.317.306zM55.366 24.86l.128.409c4.166-.435 7.384-2.99 7.384-7.027V3.756l1.816-1.814v-.434h-8.305v.434l1.84 1.814v16.53c0 2.479-1.023 3.527-2.863 4.574zm9.813-11.242c0 4.624 3.244 7.332 7.102 7.332 3.55 0 7.41-2.324 7.41-7.588 0-4.572-3.296-7.256-7.103-7.256-3.577 0-7.409 2.3-7.409 7.512zm4.726-.843c0-3.372.741-5.748 2.274-5.748 1.941 0 2.785 3.551 2.785 7.026 0 3.551-.895 5.978-2.249 5.978-1.891 0-2.81-3.628-2.81-7.256zm11.524.843c0 4.624 3.244 7.332 7.101 7.332 3.552 0 7.41-2.324 7.41-7.588 0-4.572-3.296-7.256-7.103-7.256-3.576 0-7.408 2.3-7.408 7.512zm4.726-.843c0-3.372.741-5.748 2.274-5.748 1.941 0 2.785 3.551 2.785 7.026 0 3.551-.895 5.978-2.25 5.978-1.89 0-2.81-3.628-2.81-7.256zM96.68 8.023l1.993.996v9.683l-1.865 1.662v.33h8.048v-.33l-1.71-1.508V8.84c.535-.18 1.2-.282 1.863-.282 1.61 0 2.403.638 2.403 2.427v7.87l-1.713 1.508v.33h8.05v-.407l-1.866-1.585v-7.894c0-3.168-2.249-4.702-4.728-4.702-.23 0-.382.052-1.302.562l-2.708 1.457V6.106h-.384L96.681 7.64v.383zm17.5 15.202c.845 1.456 2.965 2.657 6.135 2.657 3.678 0 7.178-2.02 7.562-5.187h5.953v-.331l-2.633-1.815 1.176-3.296h6.081l1.125 3.45-2.044 1.66v.332h16.531v-.331l-1.713-1.508V8.84c.538-.18 1.202-.282 1.866-.282 1.609 0 2.402.638 2.402 2.427v7.87l-1.714 1.508v.33h8.05v-.407l-1.865-1.585v-7.894c0-3.168-2.248-4.702-4.728-4.702-.23 0-.383.052-1.303.562l-2.708 1.457V6.106h-.382L145.89 7.64v.383l1.993.996v9.683l-1.738 1.56-1.712-1.56-5.749-17.194h-4.548v.331l.716 2.352-4.906 14.051-2.069 1.585c-.128-1.763-1.61-2.76-3.423-2.76h-5.468c-1.176 0-1.61-.46-1.61-1.047 0-.256.076-.562.23-.818.843.307 1.789.46 2.836.46 3.731 0 5.927-2.044 5.927-4.778 0-1.15-.458-2.402-1.175-3.117L128.21 9.3h.357V6.08h-.357l-3.858.972c-.946-.612-2.248-.946-3.757-.946-3.73 0-5.902 2.046-5.902 4.778 0 1.814.819 3.194 2.198 3.986-1.048.766-2.044 1.84-2.452 2.964v.358l2.707 2.35c-1.277.435-2.58 1.43-2.964 2.683zm3.324-.92c0-.563.179-1.277.382-1.61h5.953c.742 0 1.074.588 1.074 1.202 0 1.659-1.967 2.937-4.292 2.937-2.044 0-3.117-1.15-3.117-2.53zm1.353-12.289c0-2.402.69-3.067 1.483-3.067 1.149 0 1.864 2.275 1.864 4.83 0 2.402-.715 3.04-1.455 3.04-1.202 0-1.892-2.274-1.892-4.803zm13.874 4.062l2.76-7.972 2.58 7.972h-5.34zm30.66 9.147c.844 1.456 2.964 2.657 6.133 2.657 3.884 0 7.588-2.25 7.588-5.748 0-1.969-1.534-3.068-3.45-3.068h-5.467c-1.176 0-1.61-.458-1.61-1.046 0-.256.076-.562.23-.818.843.307 1.788.46 2.836.46 3.731 0 5.927-2.044 5.927-4.778 0-1.15-.459-2.402-1.175-3.117L177.42 9.3h.358V6.08h-.358l-3.859.972c-.946-.612-2.249-.946-3.755-.946-3.73 0-5.903 2.046-5.903 4.778 0 1.814.818 3.194 2.198 3.986-1.048.766-2.044 1.84-2.453 2.964v.358l2.708 2.35c-1.278.435-2.581 1.43-2.964 2.683zm3.322-.92c0-.563.179-1.277.382-1.61h5.954c.74 0 1.073.588 1.073 1.202 0 1.659-1.966 2.937-4.292 2.937-2.044 0-3.117-1.15-3.117-2.53zm1.354-12.289c0-2.402.69-3.067 1.482-3.067 1.148 0 1.866 2.275 1.866 4.83 0 2.402-.718 3.04-1.458 3.04-1.2 0-1.89-2.274-1.89-4.803z' transform='translate(960 195)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;background-size:100% auto;vertical-align:middle;} .section7{background:#f3f4f6;} .section7 .banner{background-color:#FEEDE1;text-align:center;} .section7 .banner a{display:inline-block;} .section7 .banner img{max-width:750px;margin:0 auto;} .section7 dl{padding:30px 20px 36px;font-size:14px;line-height:26px;} .section7 dt{margin-bottom:10px;font-size:16px;font-weight:600;line-height:24px;} /* 스와이프 버튼*/ .pagination_bx{display:block;position:absolute;top:50%;left:50%;margin-left:-600px;} .pagination_bx .swiper-pagination-fraction{font-size: 12px; line-height: 20px;} .pagination_bx .swiper-button-prev, .pagination_bx .swiper-button-next{position:absolute;top:50%;width: 70px; height: 70px;margin-top:-35px; background-size: 13px; background-repeat: no-repeat; background-position:center center;box-shadow: -2px 2px 8px 0 rgba(0, 0, 0, 0.2);border: solid 1px #f5f5f5;} .pagination_bx .swiper-button-prev, .pagination_bx .swiper-button-next{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.068' height='19.89' viewBox='0 0 12.068 19.89'%3E%3Cpath fill='none' stroke='%2323252c' stroke-linejoin='round' stroke-width='2.5px' d='M.743 18.669l9.7-8.4a.76.76 0 0 0 0-1.2l-9.7-8.4' transform='translate(0.075 0.276)'/%3E%3C/svg%3E");} .pagination_bx .swiper-button-prev{left:0;transform:rotate(180deg);} .pagination_bx .swiper-button-next{right:0;} .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{opacity:0;} .plotting_banner{display:flex !important;opacity:0;justify-content: center;align-items: center;position:fixed;width: 100%;height:80px;bottom: 0;left: 0;background: #f6330a;color:#fff;font-size:18px;letter-spacing:-0.72px;line-height:27px;z-index:100;transition: transform 0.5s;transform:translateY(100%)} .plotting_banner .logo{width:139px;height:20px;margin:0 5px;} .plotting_banner a{display:flex;width:100%;height:100%;align-items:center;justify-content:center;} .plotting_banner a:after{content:'';display:inline-block;width:20px;height:20px;margin-left:7px;background:#000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 6.241 10.134'%3E%3Cpath fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='1.5px' d='M.743 9.669l4.852-4.2a.38.38 0 0 0 0-.6L.743.669' transform='translate(-0.252 -0.102)'/%3E%3C/svg%3E") 50% 50% no-repeat;background-size:6px auto;border-radius:100%;vertical-align:-4px;} .plotting_banner.show{opacity:1;transform:translateY(0)} /* scrolldown arrow */ .scrolldown_area{position:relative;height:100px;} .scrolldown_arrow { width:50px; height:50px; position:absolute; left:calc(50% + 2px); bottom:0; right:auto; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); text-align:center; } .scrolldown_arrow svg { position:absolute; bottom:-50px; left:0; width:100%; height:auto; } .scrolldown_arrow svg path.first-path { animation:scrollanim 1s ease-in-out infinite; animation-delay:0.8s;fill:#fff; } .scrolldown_arrow svg path.second-path { animation:scrollanim2 1s ease-in-out infinite;fill:#fff; } @-webkit-keyframes scrollanim { 0% { -webkit-transform:translate(0, -30px); opacity:0; } 60% { -webkit-transform:translate(0, 0); opacity:0.8; } } @-moz-keyframes scrollanim { 0% { -moz-transform:translate(0, -30px); opacity:0; } 60% { -moz-transform:translate(0, 0); opacity:0.8; } } @keyframes scrollanim { 0% { -webkit-transform:translate(0, -30px); -moz-transform:translate(0, -30px); -ms-transform:translate(0, -30px); -o-transform:translate(0, -30px); transform:translate(0, -30px); opacity:0; } 60% { -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0); opacity:0.8; } } @-webkit-keyframes scrollanim2 { 0% { -webkit-transform:translate(0, -30px); opacity:0; } 60% { -webkit-transform:translate(0, 0px); opacity:0.6; } } @-moz-keyframes scrollanim2 { 0% { -moz-transform:translate(0, -30px); opacity:0; } 60% { -moz-transform:translate(0, 0px); opacity:0.6; } } @keyframes scrollanim2 { 0% { -webkit-transform:translate(0, -30px); -moz-transform:translate(0, -30px); -ms-transform:translate(0, -30px); -o-transform:translate(0, -30px); transform:translate(0, -30px); opacity:0; } 60% { -webkit-transform:translate(0, 0px); -moz-transform:translate(0, 0px); -ms-transform:translate(0, 0px); -o-transform:translate(0, 0px); transform:translate(0, 0px); opacity:0.6; } } footer{border-top:1px solid rgba(0, 0, 0, .1);} /* 분기별 max-width */ @media (max-width:767px){ .intro_contents article{max-width:100%;} .intro_image,.text_wrap{margin-left:20px;margin-right:20px;} .section3 .card_group{padding-left:20px;} .section3 .card:last-child{margin-right:40px;} } @media (min-width:768px) and (max-width:1023px){ .intro_contents article{margin-left:auto;margin-right:auto;} .intro_image,.text_wrap{margin-left:20px;margin-right:20px;} .intro_contents article,.section3 .subtitle{max-width:719px;} .section3 article{max-width:100%;} .slide_area .swiper-container,.section3 .subtitle,.section7 dl{max-width:719px;} .section3 .subtitle,.section7 dl{margin-left:auto;margin-right:auto;} .pagination_bx{width:719px;margin-left:-359.5px;} .slide_area{overflow:hidden;width:100%;} .slide_area .swiper-container{overflow:visible;width:100%;} .text_wrap{padding-top:80px;} } @media (max-width:1023px){ .intro_contents [class*='btn'].btn{padding:12px 40px 12px 41px;font-size:16px;line-height:24px;} .section [class*='btn'].btn{padding:9px 32px 9px 33px;font-size:15px;line-height:22px;} .section3 .title span,.section5 .title span{display:block;} .section3 .headline span:first-child,.section5 .headline span:first-child{display:block;} .section5 .image_wrap{max-width:328px;} .section6 article{padding-left:20px;} .section4 .image_wrap{height:486px;padding-top:41px;} .section4 .image_wrap:before{margin-left:-118px;} .section4 .image_wrap,.section4 .image_wrap:before{width:236px;} } @media (min-width:768px) { .flex_wrap{display:flex;justify-content:space-between;} .flex_wrap .text_wrap{width:50%;} } @media (min-width: 1024px) { .intro_contents article{left:50%;transform:translateX(-50%);padding:120px 0 160px;} .intro_contents article > .text_wrap{margin-bottom:80px;} .intro_contents article,.section7 dl{padding:120px 0 160px;font-size:18px;line-height:34px;} .section2 article,.section4 article{padding-left:50px;padding-right:70px;} .intro article{padding-bottom:0;padding-top:80px;} .intro_title{margin-bottom:36px;} .intro_title h2{margin-bottom:10px;font-size:26px;letter-spacing:-1.04px;line-height:38px;} .intro_title .title{font-size:52px;font-weight:800;letter-spacing:-2.08px;line-height:77px;} .intro_text{margin-bottom:68px;} .intro .logo{width:413px;height:60px;margin-left:26px;} .intro_text dt{margin-top:12px;font-size:18px;letter-spacing:-0.72px;line-height:27px;} .text_wrap{margin-bottom:50px;padding-top:80px;} .text_wrap .title{margin-bottom:30px;font-size:50px;line-height:70px;} .text_area{margin-bottom:30px;} .flex_wrap .text_area{margin-bottom:50px;} .text_wrap .headline{margin-bottom:30px;} .text_wrap .headline strong{font-size: 26px;line-height:38px;letter-spacing:-1.04px;} .text_wrap .headline strong span{margin-right:17px;} .flex_wrap .text_wrap .headline strong:nth-child(2){margin-top:8px;} .intro_contents article > .text_wrap .headline{margin-bottom:20px;} .section2 .image_wrap,.section4 .image_wrap{width:390px;height:798px;padding:67px 24px 17px 23px;} .section2 .image_wrap:before,.section4 .image_wrap:before{width:390px;margin-left:-195px;} .section2 .image_wrap div,.section5 .image_wrap div{height:714px;} .section3 article{max-width:100%;} .section3 .subtitle{margin:0 auto 30px;font-size:28px;line-height:40px;} .section3 .slide_wrap{margin:0 auto;} .section3 .card{width:380px;margin-right:30px;} .section3 .card .headline{margin-bottom:4px;} .section3 .card .title{margin-bottom:20px;font-size:26px;letter-spacing:-1.04px;line-height:38px;} .section3 .card .description{margin-bottom:20px;font-size:16px;letter-spacing:-0.64px;line-height:26px;} .section3 .card .meta{font-size:16px;letter-spacing:-0.64px;line-height:24px;} .section3 .card .meta span:after{width:7px;height:11px;margin-top:-5px;} .section3 .subtitle{padding-left:20px;} .section3 .card img{-webkit-transform:scale(1);transform: scale(1);-webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s;} .section3 .card a:hover img {-webkit-transform:scale(1.1);transform: scale(1.1); } .section3 .card .stitle{top:185px;padding:4px 17px 7px;font-size:13px;letter-spacing:-0.52px;line-height:19px;} .section4 .image_wrap img{height:714px;} .section4 .image_wrap .step_one{left:50%;margin-left:-278px;} .section4 .image_wrap .step_two{left:50%;margin-left:-298px;} .section4 .image_wrap .step_three{top:0;right:-90px;height:812px;} .section5 .btn_googleplay,.section5 .btn_appstore{width:203px;height:60px;margin:0 5px;} .section5 .image_wrap{width:676px;} .section5 .circle1,.section5 .circle2{right:-32px;width:120px;height:120px;font-size:26px;line-height:30px;} .mac .section5 .circle2{padding-top:10px;} .section5 .circle2 span{display:block;} .section5 .circle1{top:86px;} .section5 .circle2{top:218px;} .section6{height:560px;background-position:100% 50%;background-size:auto 560px;} .section6 .title{margin-bottom:50px;font-size:50px;line-height:74px;} .section6 .logo{width:392px;height:57px;margin-left:9px;} .section6 .btn{display:flex;width:360px;height:80px;font-size:26px;} .section7 dl{padding-top:70px;padding-bottom:70px;font-size:16px;line-height:32px;text-align:center;} .section7 dt{margin-bottom:20px;font-size:24px;line-height:36px;} .slide_area{overflow:hidden;width:100%;} .slide_area .swiper-container{overflow:visible;width:100%;} .plotting_banner{height:80px;font-size:20px;letter-spacing:-0.8px;line-height:29px;} .plotting_banner .logo{width:184px;height:27px;margin:0 7px;background-position:0 0;} .plotting_banner a:after{width:24px;height:24px;margin-left:10px;} .intro_contents [class*='btn'].btn_orange:hover{border:1px solid #f0320a;background:none;color:#f0320a;transition: .3s;} .intro_contents [class*='btn'].btn_outline_orange:hover{background-color:#f0320a;color:#fff;transition: .5s;} .section4 .image_wrap .step_three {right:-91px;height:814px;} } @media (min-width:1024px) and (max-width:1279px){ .intro_contents article,.slide_area .swiper-container,.section3 .subtitle{max-width:980px;} .intro_contents article,.section7 dl{padding-left:20px;padding-right:20px;} .section3 article{max-width:100%;padding-left:0;padding-right:0;} .section2 article,.section4 article{padding-right:20px;} .section3 .slide_area{padding-left:30px;} .pagination_bx{width:980px;margin-left:-490px;} } @media (min-width:1280px){ .intro_contents article{max-width:1200px;} .section3 .card .card_image{height:200px;overflow:hidden;} .section3 .subtitle{max-width:1200px;padding-left:0;} .pagination_bx{width:1200px;} .slide_area{overflow:hidden;width:100%;} .slide_area .swiper-container{overflow:visible;width:100%;max-width:1200px;} .section3 .swiper-slide-visible{opacity:1;} }