input::placeholder, textarea::placeholder {font-size: 20px; font-weight: 500; color: #999999;} input[type="text"], input[type="number"], input[type="email"], input[type="search"], input[type="password"], input[type="date"], input[type="tel"], select, textarea {padding: 0 0 0 20px; font-size: 20px; font-weight: 500; color: #999999;} #sub.online .con02 form .mul label {padding-top: 10px;} #sub.view .con01 .text b, #sub.view .con01 .text span, #sub.view .con01 .text div, #sub.view .con01 .text h1, #sub.view .con01 .text h2, #sub.view .con01 .text p, #sub.view .con01 .text ul, #sub.view .con01 .text li, #sub.view .con01 .text ol { all: revert;line-height: 1.5 } .counter{display: none !important} /* 서브 공통 */ body, html{ overflow-x: visible; } #sub .sub_visual{ height: 60vh; width: 100%; position: relative; } #sub .sub_visual .img{ width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden; } #sub .sub_visual .img img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 100%; min-width: 100%; } #sub .sub_visual .txt{ position: absolute; left: 0; bottom: 30px; width: 100%; } #sub .sub_visual .txt strong{ display: block; font-size: 120px; font-weight: 500; color: #fff; } #sub .sub_tab{ height: 80px; background-color: #fff; border-bottom: 1px solid #DDDDDD; z-index: 101; } #sub .sub_tab .inner{ display: flex; height: 100%; } #sub .sub_tab .inner .home{ width: 120px; height: 100%; border-right: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; } #sub .sub_tab .inner .home a{ display: block; width: 100%; height: 100%; line-height: 80px; text-align: center; font-size: 20px; font-weight: 500; color:#2B2B2B; } #sub .sub_tab .inner .depth{ width: 300px; position: relative; } #sub .sub_tab .inner .depth:after{ content:""; display: block; width: 1px; height: 100%; position: absolute; right: 0; top: 0; background-color: #ddd; } #sub .sub_tab .inner .depth > button{ width: calc(100% - 18px); height: 80px; padding-left: 30px; text-align: left; font-size: 20px; font-weight: 600; color:#2B2B2B; display: flex; align-items: center; } #sub .sub_tab .inner .depth > button.ac svg{ transform: rotate(180deg);} #sub .sub_tab .inner .depth > button svg{ margin-left: 10px; } #sub .sub_tab .inner .depth > ul{ position: absolute; width: 100%; left: 0; top: 100%; z-index: 50; background-color: #fff; border: 1px solid #ddd; padding: 30px; padding-right: 10px; display: none; } #sub .sub_tab .inner .depth > ul > li{ margin-bottom: 18px; } #sub .sub_tab .inner .depth > ul > li > a{ font-size: 20px; font-weight: 400; color: #666666; } #sub .sub_tab .inner .depth > ul > li:last-child{ margin-bottom: 0; } #sub .sub_tab .inner .depth > ul > li > button{ font-size: 20px; font-weight: 400; color: #666666; display: flex; align-items: center; } #sub .sub_tab .inner .depth > ul > li > button > svg{ margin-left: 10px; } #sub .sub_tab .inner .depth > ul > li > button.ac2 svg{ transform: rotate(180deg);} #sub .sub_tab .inner .depth > ul > li > ul{ margin-top: 10px; display: none; } #sub .sub_tab .inner .depth > ul > li > ul > li > a{ font-size: 16px; font-weight: 400; color: #888; } #sub .sub_tab .inner .depth > ul > li > ul > li{ margin-bottom: 10px; } #sub .sub_tab .inner .depth > ul > li > ul > li:last-child{ margin-bottom: 0; } #sub .sub_tab .inner .depth2{ transform: translateX(-1px); } #sub .sub_tab2 { border-bottom: 1px solid #ddd; height: 80px; position: sticky; left: 0; top: 100px; background-color: #fff; z-index: 20; } #sub .sub_tab2 ul{ display: flex; justify-content: center; align-items: center; height: 80px; } #sub .sub_tab2 ul li a{ font-size: 20px; font-weight: 500; color:#2B2B2B; height: 100%; position: relative; line-height: 79px; display: block; } #sub .sub_tab2 ul li{ margin-right: 70px; } #sub .sub_tab2 ul li.on a{ color: #3DAE2B; } #sub .sub_tab2 ul li.on a:after{ content:""; display: block; width: 100%; height: 3px; background-color: #3dae2b; position: absolute; left: 0; bottom: 0; z-index: 1; } #sub .sub_tab2 ul li:last-child{ margin-right: 0; } #sub .con01{ padding-top: 150px; } #sub .con:last-child{ padding-bottom: 150px; } #sub .st01{ display: block; font-size: 36px; line-height: 54px; color:#000000; font-weight: 600; } #sub .st01 span{ color: #40BE00; } #sub .pp01{ font-size: 18px; font-weight: 200; line-height: 28px; color:#4E4E4E; } /* 인사말 */ #sub.greeting .con{ position: relative; background-color: #F6F7F8; } #sub.greeting .con .bg_wrap img{ position: absolute; display: block; } #sub.greeting .con .bg_wrap img:nth-child(1){ left: 0; top: 0; } #sub.greeting .con .bg_wrap img:nth-child(2){ right: 0; bottom: 0; } #sub.greeting .con .inner{ display: flex; position: relative; z-index: 1; } #sub.greeting .con .inner > div{ width: 50%; } #sub.greeting .con .left strong{ display: block; font-size: 36px; line-height: 1.5em; color:#000000; font-weight: 600; } #sub.greeting .con .left strong span{ color:#40BE00; } #sub.greeting .con .right p{ font-size: 18px; line-height: 27px; font-weight: 300; color:#4E4E4E; word-break: keep-all; letter-spacing: -0.05px;} #sub.greeting .con .right p.p02{ color:#2B2B2B; font-weight: 600; text-align: right; margin-top: 50px; } #sub.greeting .icons img{ position: absolute; opacity: 0; transition: opacity 1s; } #sub.greeting .icons img:nth-child(1){ left: 0; bottom: 0; filter: drop-shadow(30px 30px 30px rgba(0,0,0,0.2)); animation: dong 6s ease-in-out infinite; transition-delay: .3s; } #sub.greeting .icons img:nth-child(2){ left: 27%; bottom: 35%; filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.2)); animation: dong 6s ease-in-out infinite; animation-delay: .4s; transition-delay: .6s; } #sub.greeting .on .icons img{ opacity: 1; } /* rnd-비전 */ #sub.rnd.vision .con01{ position: relative; padding-bottom: 80px; } #sub.rnd.vision .con01:before{ content:""; width: 100%; height: 48%; background-color: #F6F7F8; position: absolute; left: 0; bottom: 0; z-index: -1; } #sub.rnd.vision .con01 .inner{ display: flex; position: relative; } #sub.rnd.vision .con01 .inner:after{ content:""; display: block; width: 52%; height: 1px; background-color: #ddd; position: absolute; left: 50%; top:9px; transform: translate(-50%,0); } #sub.rnd.vision .con01 .inner:before{ content:""; display: block; width: 20px; height: 20px; position: absolute; left: 50%; top:0px; transform: translate(-50%,0); background: url('/img/sub/rnd_dots.png') center center no-repeat; z-index: 1; } #sub.rnd.vision .con01 .inner > div{ width: 50%; position: relative; } #sub.rnd.vision .con01 .inner > div:first-child{ margin-right: 50px; } #sub.rnd.vision .con01 .num{ margin-bottom: -80px; position: relative; z-index: 1; } #sub.rnd.vision .con01 .num img{ display: block; margin: 0 auto; } #sub.rnd.vision .con01 .img img{ border-radius: 10px; display: block; width: 100%; } #sub.rnd.vision .con01 .txt{ width: 440px; margin: 0 auto; margin-top: -85px; height: 170px; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border-radius: 10px 10px 0 0; padding: 10px; } #sub.rnd.vision .con01 .txt .line{ height: 100%; border: 1px solid #fff; border-radius: 10px; padding: 10px; } #sub.rnd.vision .con01 .txt .line .box{ height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; background-color: #fff; border-radius: 10px; } #sub.rnd.vision .con01 .txt .line .box p{ font-size: 18px; line-height: 28px; color:#000000; font-weight: 600; } #sub.rnd.vision .con01 .txt .line .box p span{ position: relative; display: inline-block; } #sub.rnd.vision .con01 .txt .line .box p span:before{ content:""; display: block; width: 100%; height: 80%; position: absolute; left: 0; top: 50%; transform: translate(0,-50%);background-color: #40BE00; opacity: .1; } #sub.rnd.vision .con02{ padding-top: 90px; } #sub.rnd.vision .con02 .inner{ display: flex; } #sub.rnd.vision .con02 .inner > div{ width:33.333333333%; margin-right: 50px; } #sub.rnd.vision .con02 .inner > div:last-child{ margin-right: 0; } #sub.rnd.vision .con02 dl dt{ font-size: 30px; font-weight: 600; color:#2B2B2B; padding-bottom: 30px; border-bottom: 1px solid #DFE5DC; position: relative; } #sub.rnd.vision .con02 dl dt:after{ content:""; display: block; width: 60px; height: 4px; background-color: #40BE00; position: absolute; left: 0; bottom: -2px; } #sub.rnd.vision .con02 dl dd{ padding-top: 30px; font-size: 18px; font-weight: 300; line-height: 28px; word-break: keep-all; color:#4E4E4E; } #sub.rnd.result .con01{ background: url('/img/sub/rnd_bg01.jpg') center top no-repeat; height: 700px; } #sub.rnd.result .con01 p{ text-align: center; color:#2B2B2B; font-size: 18px; line-height: 28px; font-weight: 300; margin-top: 280px; } #sub.rnd.result .con02{ background: url('/img/sub/rnd_bg02.jpg') center top no-repeat; padding-bottom: 150px; } #sub.rnd.result .con02 svg{ display: block; margin: 0 auto; max-width: 100%; height: auto; } #sub.rnd.result .con02 svg #그룹_186{ cursor: pointer; } #sub.rnd.result .con02 svg #그룹_187{ opacity: 0; transition: opacity .3s; } #sub.rnd.result .con02 svg #그룹_187.on{ opacity: 1; } #sub.rnd.result .con03{ background-color: #F6F7F8; padding-top: 150px; } #sub.rnd.result .con03 .inner{ display: flex; align-items: center; } #sub.rnd.result .con03 .inner > div{ width: 50%; } #sub.rnd.result .con03 .inner > div .img img{ max-width: 100%; } #sub.rnd.result .con03 .left .tit{ display: flex; position: relative; margin-bottom: 35px; padding-bottom: 8px; } #sub.rnd.result .con03 .left .tit:before{ content:""; width: 100px; height: 1px; background-color: #DFE5DC; position: absolute; left: 0; bottom: 0; display: block; } #sub.rnd.result .con03 .left .tit strong{ font-size: 100px; color: #2B2B2B; font-weight: 600; } #sub.rnd.result .con03 .left .tit p{ font-size: 24px; font-weight: 200; color:#2B2B2B; margin-top: 24px; margin-left: 10px; position: relative; } #sub.rnd.result .con03 .left .tit p:before{ content:""; display: block; width: 18px; height: 18px; background: url('/img/sub/rnd_arrow.png') center center no-repeat; position: absolute; left: -15px; top: -12px; } #sub.rnd.result .con03 .left .txt .p01{ font-size: 24px; font-weight: 600; line-height: 35px; color:#2B2B2B; margin-bottom: 35px; } #sub.rnd.result .con03 .left .txt .p02{ font-size: 18px; color:#4E4E4E; font-weight: 200; } /* 윤리경영 */ #sub.ethical .con01 strong{ margin-bottom: 35px; } #sub.ethical .con01 .txt{ padding-bottom: 35px; position: relative; } #sub.ethical .con01 .txt:before{ content:''; width: 100%; height: 1px; background-color: #DFE5DC; position: absolute; left: 0; bottom: 0; } #sub.ethical .con01 .banner{ height: 700px; background: url('/img/sub/ethical_bg01.jpg') center center no-repeat; position: relative; margin-top: 35px; } #sub.ethical .con01 .banner .img{ position: absolute; right: -90px; bottom: 60px; } #sub.ethical .con01 .banner .txts{ padding-top: 100px; padding-left: 95px; } #sub.ethical .con01 .banner .txts i{ display: block; margin-bottom: 50px; } #sub.ethical .con01 .banner .txts p{ font-size: 20px; font-weight: 300; color:#FFFFFF; line-height: 34px; margin-bottom: 50px; } #sub.ethical .con01 .banner .txts p:last-child{ margin-bottom: 0; } #sub.ethical .con01 .banner .img{ animation: dong ease-in-out 5s infinite; } #sub.ethical .con02{ background-color: #F6F7F8; padding-top: 200px; } #sub.ethical .con02 .inner{ display: flex; align-items: center; } #sub.ethical .con02 .inner > div{ width: 50%; } #sub.ethical .con02 .left { position: relative; } #sub.ethical .con02 .left strong{ margin-bottom: 10px; } #sub.ethical .con02 .num_slide .swiper-slide{ border-radius: 10px; background-color: #fff; box-shadow: 30px 30px 30px rgba(0,0,0,0.05); padding: 0 50px; height: 500px; transition: opacity .3s; opacity: 0 !important; } #sub.ethical .con02 .num_slide .swiper-slide .nums{ display: flex; align-items: flex-end; justify-content: center; border-bottom: 1px solid #DFE5DC; } #sub.ethical .con02 .num_slide .swiper-slide .nums strong{ display: block; font-size: 140px; font-weight: 700; color:#F6F7F8; } #sub.ethical .con02 .num_slide .swiper-slide .nums > strong{ width: 80px; text-align: center; } #sub.ethical .con02 .num_slide .swiper-slide .nums .ct{ width: 300px; height: 300px; display: flex; justify-content: center; align-items: center; box-shadow: 0px 0px 50px rgba(0,0,0,0.05); border-radius: 50%; border: 10px solid #F6F7F8; margin: 0 60px; margin-top: -99px; background-color: #fff; margin-bottom: 50px; } #sub.ethical .con02 .num_slide .swiper-slide .nums .ct strong{ color: #2b2b2b; } #sub.ethical .con02 .num_slide .swiper-slide .txts{ padding-top: 50px; } #sub.ethical .con02 .num_slide .swiper-slide .txts p{ text-align: center; font-size: 24px; line-height: 40px; font-weight: 500; color:#2B2B2B; } #sub.ethical .con02 .num_slide .swiper-slide.swiper-slide-active{ opacity: 1 !important; } #sub.ethical .con02 .num_slide .swiper-slide .txts p{ opacity: 0; transform: translateY(30px); transition: transform 1s, opacity 1s; } #sub.ethical .con02 .num_slide .swiper-slide.swiper-slide-active .txts p{ opacity: 1; transform: translateY(0); } #sub.ethical .con02 .left .controls{ display: flex; align-items: center; margin-top: 84px; } #sub.ethical .con02 .left .controls .swiper-button-prev2{ position: static; margin: 0; } #sub.ethical .con02 .left .controls .swiper-button-next2{ position: static; margin: 0; } #sub.ethical .con02 .left .controls .swiper-pagination{ position: static; margin: 0; width: auto; font-family: :"Outfit", sans-serif; color:#C7D4C0; font-size: 18px; font-weight: 500; display: flex; align-items: center; margin: 0 30px; } #sub.ethical .con02 .left .controls .swiper-pagination .swiper-pagination-current{ color: #40BE00; font-size: 24px; font-weight: 600; width: 16px; display: block; margin-right: 4px; } #sub.ethical .con02 .left .controls .swiper-pagination .swiper-pagination-total{ margin-left: 5px; } #sub.ethical .con02 .left .controls .swiper-button-next2, #sub.ethical .con02 .left .controls .swiper-button-prev2{ width: 71px; height: 54px; } #sub.ethical .con02 .left .controls .swiper-button-next2:after, #sub.ethical .con02 .left .controls .swiper-button-prev2:after{ display: none; } #sub.ethical .con02 .left .controls .swiper-button-next2:hover svg #타원_42, #sub.ethical .con02 .left .controls .swiper-button-prev2:hover svg #타원_42{ stroke : #3DAE2B; } #sub.ethical .con02 .left .controls .swiper-button-next2:hover svg #패스_5316, #sub.ethical .con02 .left .controls .swiper-button-prev2:hover svg #패스_5316{ stroke : #3DAE2B; } #sub.ethical .con02 .left .controls .swiper-button-next2 svg *, #sub.ethical .con02 .left .controls .swiper-button-prev2 svg *{ transition: stroke .3s; } #sub.ethical .s_title {margin-bottom: 60px} #sub.ethical .s_title strong{font-size: 50px;color: #2B2B2B;display: block;margin-bottom: 20px} #sub.ethical .s_title p{font-size: 18px;color: #4E4E4E;line-height: 28px;font-weight: 300} #sub.ethical .s_title p b{color: #47A01A;font-weight: 600} #sub.ethical .con03{background: #F6F7F8;padding: 160px 0} #sub.ethical .con03 > div{display: flex;justify-content: space-between} #sub.ethical .con03 .left em{font-size: 22px;color: #2B2B2B;font-weight: 600;line-height: 36px} #sub.ethical .con03 .left ul{display: flex;flex-direction: column;gap:30px;margin-top: 30px} #sub.ethical .con03 .left ul li strong{display: flex;align-items: center;font-size: 20px;color: #444444;gap: 8px;border-bottom: 1px solid #DFE5DC;padding-bottom: 15px;margin-bottom: 15px;position: relative} #sub.ethical .con03 .left ul li strong:after{content:'';display: block;width: 60px;height: 4px;bottom: -2.5px;left: 0;background: #40BE00;position: absolute} #sub.ethical .con03 .left ul li strong i{display: block;width: 1px;height: 15px;background: #666666} #sub.ethical .con03 .left ul li p{font-size: 18px;color: #4E4E4E;} #sub.ethical .con03 .right{border: 1px solid #DFE5DC;padding: 30px;border-radius: 10px} #sub.ethical .con03 .right .img svg{display: block} #sub.ethical .con03 .right .img{border-radius: 10px;overflow: hidden;box-shadow: 0 0 30px #1C550010} #sub.ethical .con03 .right p{font-size: 18px;color: #4E4E4E;line-height: 28px;font-weight: 300;padding: 40px;padding-bottom: 0} #sub.ethical .con03 .right p b{color: #40BE00;font-weight: 600} #sub.ethical .con04{padding: 160px 0;} #sub.ethical .con04 ul{display: flex;gap: 18px;position: relative} #sub.ethical .con04 ul:before{content: '';display: block;width: 100%;height: 1px;top: 50%;background: #40BE00;position: absolute;left: 0} #sub.ethical .con04 ul li{flex: 1;background: #F6F7F8;border-radius: 10px;padding: 34px;position: relative;z-index: 15} #sub.ethical .con04 ul li i{display: flex;width: 40px;height: 40px;background: #40BE00;align-items: center;justify-content: center;border-radius: 4px;font-size: 16px;color: #FFFFFF;font-weight: 600;margin-bottom: 15px} #sub.ethical .con04 ul li strong{font-size: 20px;color: #2B2B2B;font-weight: 600;line-height: 1.5;word-break: keep-all;margin-bottom: 20px;display: block} #sub.ethical .con04 ul li p{font-size: 16px;line-height: 28px;font-weight: 300;color: #4E4E4E;word-break: keep-all} #sub.ethical .con05{background: #F6F7F8;padding: 160px 0} #sub.ethical .con05 .s_title{text-align: center} #sub.ethical .con05 .list{display: flex;gap: 50px} #sub.ethical .con05 .list > li{flex: 1;flex-direction: column;align-items: center;display: flex} #sub.ethical .con05 .list > li i {margin-bottom: 40px} #sub.ethical .con05 .list > li i svg{display: block;border-radius: 10px;box-shadow: 0 0 30px #1C550010} #sub.ethical .con05 .list > li .title {display: flex;flex-direction: column;align-items: center;width: 100%;border-bottom: 1px solid #DFE5DC;padding-bottom: 30px} #sub.ethical .con05 .list > li .title strong{font-size: 24px;color: #2B2B2B;;font-weight: 600} #sub.ethical .con05 .list > li ul{display: flex;flex-direction: column;gap: 15px;margin-top: 30px} #sub.ethical .con05 .list > li ul li{font-size: 18px;color: #4E4E4E;font-weight: 300;padding-left: 16px;position: relative} #sub.ethical .con05 .list > li ul li:before{content: '';display: block;width: 6px;height: 6px;border: 1px solid #4E4E4E;border-radius: 50%;position: absolute;left: 0;box-sizing: border-box;top: 7px} /* 사업제휴 */ #sub.partner .con01 {background: linear-gradient(to top, #F6F7F8 420px, #fff 420px); padding-bottom: 140px;} #sub.partner .con01 .img {margin-top: 60px;} #sub.partner .con01 .img img {width: 80%; min-height: 180px; object-fit: cover;} #sub.partner .con02 {margin-top: 160px;} #sub.partner .con02 p {font-size: 18px; color: #4E4E4E;} #sub .privacy {border: 1px solid #DDDDDD; box-sizing: border-box; padding: 40px; margin-top: 20px; height: 400px; overflow-x: auto;} #sub .privacy p {font-size: 18px; font-weight: 300; color: #4E4E4E; line-height: 28px;} #sub .agree {margin-top: 20px;} #sub .agree {margin-top: 20px;} #sub .agree label {font-size: 20px; color: #4E4E4E} #sub .con031 .privacy p{white-space: pre-wrap} #sub.partner .con04{padding-top: 160px;} #sub.partner .con04 ul{display: flex;gap: 0 60px;} #sub.partner .con04 ul li{width: 100%;height: auto;display: flex;flex-direction: column;border: 1px solid #DFE5DC;border-radius: 10px;justify-content: center;gap: 16px;padding: 20px; padding-left: 46px;} #sub.partner .con04 ul li strong{display: block;font-size: 20px;color: #4E4E4E;font-weight: 600;position: relative} #sub.partner .con04 ul li strong:before{content: '';display: block;width: 6px;height: 6px;border-radius: 50%;background: #40BE00;position: absolute;left: -14px;top: 8px;} #sub.partner .con04 ul li p{font-size: 18px;color: #4E4E4E;line-height: 1.5} #sub.partner .con05{padding-top: 160px;} #sub.partner .con05 ul{display: flex;} #sub.partner .con05 ul{display: flex;gap: 35px;} #sub.partner .con05 ul li{width: 100%} #sub.partner .con05 ul li a{display: block;padding: 30px;border-radius: 10px;box-shadow: 0 0 30px rgba(28,85,0,0.1);position: relative;min-height: 100%} #sub.partner .con05 ul li a em{display: block;position: absolute;right: 30px;top: 30px;} #sub.partner .con05 ul li a em rect{transition: 0.7s} #sub.partner .con05 ul li a em path{transition: 0.7s} #sub.partner .con05 ul li a:hover em rect{fill : #40be00} #sub.partner .con05 ul li a:hover em path{stroke : #fff} #sub.partner .con05 ul li a .txt span{display: block;line-height: 1;font-weight: 500;color: #9E9E9E;margin-bottom: 40px;} #sub.partner .con05 ul li a .txt span i{color: #40BE00;font-weight: inherit;} #sub.partner .con05 ul li a .txt strong{font-size: 20px;color: #2B2B2B;display: block;margin-bottom: 8px;} #sub.partner .con05 ul li a .txt p{font-size: 18px;color: #4E4E4E;} #sub.partner .con06{margin-top: 160px;} #sub.partner .con06 ul{display: flex;gap: 50px;} #sub.partner .con06 ul li{width: 100%;position: relative;padding-left: 30px;} #sub.partner .con06 ul li:before{content: '';display: block;width: 50px;height: 13px;background: url(/img/sub/contact_arrow.png) no-repeat center center;position: absolute;right: -50px;} #sub.partner .con06 ul li:last-child:before{display: none} #sub.partner .con06 ul li > div{display: flex;align-items: center;font-size: 15px;color: #9E9E9E;} #sub.partner .con06 ul li em{display: flex;background: #FFFFFF;width: 57px;height: 33px;align-items: center;justify-content: center;border-radius: 17px;font-size: 16px;color: #40BE00;font-weight: 500;top: 32px;right: 24px;position: absolute} #sub.partner .con06 ul li {background: #F6F7F8;border-radius: 10px;height: 200px;display: flex;align-items: center;} #sub.partner .con06 ul li .img{border-radius: 10px;box-shadow: 0 0 30px rgba(28,85,0,0.1);overflow: hidden} #sub.partner .con06 ul li .img img{display: block} #sub.partner .con06 ul li .txt{padding-left: 32px;} #sub.partner .con06 ul li .txt strong{display: block;font-size: 20px;line-height: 32px;color: #2B2B2B;margin-bottom: 15px;} #sub.partner .con06 ul li .txt p{font-size: 15px;color: #9E9E9E;margin-top: 10px;} #sub.partner .con06 {margin-bottom: 160px;} #sub.partner .con07{padding-bottom: 160px} #sub.partner .con07 .txt strong{display: block;font-size: 24px;color: #2B2B2B;display: flex;align-items: center;gap:0 14px;} #sub.partner .con07 .txt strong:before{content: ''; display: block;width: 6px;height: 6px;border-radius: 50%;background: #40BE00;} #sub.partner .con07 .txt p{font-size: 18px;color: #4E4E4E;margin-top: 20px;margin-bottom: 50px;} #sub.partner .con07 .txt span{font-size: 18px;color: #4E4E4E;margin-top: 20px;margin-top: 70px;line-height: 1.7;border-top: 1px solid #ddd;padding-top: 30px;display: block;} #sub.partner .con07 .txt.mt2{margin-top: 50px} #sub.partner .con07 ul{display: flex;align-items: center;gap: 40px;justify-content: center;margin-top: 20px} #sub.partner .con07 ul li{width: 218px;height: 218px;background: #F6F7F8;display: flex;align-items: center;justify-content: center;text-align: center;width: 100%;border-radius: 10px;position: relative} #sub.partner .con07 ul li:before{content: '';} #sub.partner .con07 ul li strong{display: block;font-size: 18px;color: #4E4E4E;margin-bottom: 12px;} #sub.partner .con07 ul li p{display: block;font-size: 16px;color: #4E4E4E;} #sub.partner .con08{background: #F6F7F8;padding: 100px 0} #sub.partner .con08 .c_title{display: flex;align-items: center;flex-direction: column;gap: 40px;} #sub.partner .con08 ul{display: flex;flex-direction: column;gap: 20px;} #sub.partner .con08 ul li{position: relative;justify-content: space-between;height: 80px;border-radius: 10px;background: #fff;display: flex;justify-content: space-between;align-items: center;padding: 0 30px;} #sub.partner .con08 ul li input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0} #sub.partner .con08 ul li p{font-size: 18px;color: #9E9E9E;} #sub.partner .con08 ul li p i{color: #3DAE2B} #sub.partner .con08 ul li button{display: flex;width: 170px;height: 45px;border: 2px solid #9E9E9E;border-radius: 6px;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #9E9E9E;gap: 0 10px;transition: 0.7s;} #sub.partner .con08 ul li:hover button{border-color: #40BE00;color: #40BE00} #sub.partner .con08 ul li path{transition: 0.7s} #sub.partner .con08 ul li:hover path{stroke: #40BE00} #sub.partner .con08 .btn_wrap{display: flex;justify-content: center;margin-top: 80px;} #sub.partner .c_title{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 40px;} #sub.partner .c_title strong{font-size: 36px;color: #2B2B2B;font-weight: 600} #sub.partner .c_title span{font-size: 16px;color: #4E4E4E;font-weight: 300} #sub.partner .c_title p{font-size: 18px;color: #2B2B2B;} #sub .arbtn{ display: flex; justify-content: flex-end; margin-top:50px;} #sub .arbtn a{ display: flex; flex-flow: column; text-align: left; font-size: 26px; font-weight: 500; color:#2B2B2B; transition: color .3s; } #sub .arbtn a svg{ display: block; transition: transform .3s; } #sub .arbtn a svg path{ transition: staroke .3s; } #sub .arbtn a:hover svg path{ stroke: #40BE00; } #sub .arbtn a:hover svg { transform: translateX(10px);} #sub .arbtn a:hover{ color:#40BE00; } #sub .agree input[type="checkbox"]{display: none;} #sub .agree input[type="checkbox"] + label::before{position: relative; display: inline-block; content: ""; width: 20px; height: 20px; background: url('/img/sub/checkbox.png') no-repeat center; background-size: cover; margin-right: 10px; vertical-align: middle;} #sub .agree input[id="agree"]:checked + label::before{background: url('/img/sub/checkbox_checked.png') no-repeat center; } #sub .agree input[id="disagree"]:checked + label::before{background: url('/img/sub/checkbox_checked.png') no-repeat center; } .consumer-info .field .f-label + div{width: 500px} /* 온라인신문고 */ #sub.online .con03 .inner > p {font-size: 18px; color: #4E4E4E} #sub.online .con01 {background: linear-gradient(to top, #F6F7F8 420px, #fff 420px); padding-bottom: 140px;} #sub.online .con01 .img {margin-top: 60px;} #sub.online .con01 .img img {width: 80%; min-height: 180px; object-fit: cover;} #sub.online .con02 {margin-top: 160px;} #sub.online .con02 form {display: flex; flex-wrap: wrap; border-top: 2px solid #000; margin-top: 80px; padding-top: 40px;} #sub.online .con02 form div {display: inline-flex; height: 65px; display: flex; width: calc(50% - 80px); margin-right: 80px;} #sub.online .con02 form div.sed { margin: 0;} #sub.online .con02 form div + div {margin-top: 24px;} #sub.online .con02 form div:last-child {width: 100%; height: auto;} #sub.online .con02 form label {height: 100%; font-size: 20px; font-weight: 500; color: #47A01A; width: 65px; margin-right: 60px; padding-top: 20px;} #sub.online .con02 form input {width: calc(100% - 125px); background: #F6F7F8; border: 1px solid #DDDDDD; box-sizing: border-box; height: 100%;} #sub.inquiry .con02 .inline{display: flex;gap: 15px} #sub.inquiry .con02 .detail-item{display: flex;gap: 15px;margin-top: 10px} #sub.inquiry .con02 textarea, #sub.inquiry .con02 textarea, #sub.inquiry .con02 input[type="text"], #sub.inquiry .con02 input[type="email"], #sub.inquiry .con02 input[type="tel"], #sub.inquiry .con02 input[type="date"], #sub.inquiry .con02 input[type="number"], #sub.inquiry .con02 select{width: calc(100% - 125px); background: #F6F7F8; border: 1px solid #DDDDDD; box-sizing: border-box; height: 55px;font-size: 16px;} #sub.inquiry .con02 *::placeholder{font-size: 16px;} #sub.inquiry .con02 .consumer-info{display: flex} #sub.inquiry .con02 .btn{display: flex;width: 110px;height: 55px;border: 2px solid #9E9E9E;border-radius: 6px;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #9E9E9E;gap: 0 10px;transition: 0.7s;} #sub.inquiry .con02 .label-col{width: 190px; font-size: 18px; font-weight: 500;line-height: 1.5;display: flex;flex-direction: row-reverse;justify-content: flex-end;gap: 5px;word-break: keep-all} #sub.inquiry .con02 .label-col .add{border: 2px solid #3DAE2B;font-size: 14px;border-radius: 5px;color: #3DAE2B;padding: 5px 10px} #sub.inquiry .con02 textarea{padding-top: 20px} #sub.inquiry .agree{display: flex;gap: 20px} #sub.inquiry .con02 .label-col.add_w{flex-direction: column;justify-content: flex-end;align-items: flex-start} #sub.inquiry .con03 .inner > p {font-size: 18px; color: #4E4E4E} #sub.inquiry .con02 h2{font-size: 28px;display: block;margin-top: 60px;margin-bottom: 20px} #sub.inquiry #adverseForm > h2:nth-child(1){margin-top: 0} #sub.inquiry .con01 .img{margin-top: 60px;margin-bottom: 150px} #sub.inquiry .con02 .form-row{ display:flex; gap:12px; align-items:center; padding: 18px 0; border-bottom:1px solid #eef0f3; } #sub.inquiry .con02 .form-row:last-child{ border-bottom:none; } #sub.inquiry .con02 .req{ color:#ef4444; margin-right:4px; } #sub.inquiry .con02 .input-col{ flex: 1 1 auto; min-width: 0; } #sub.inquiry .con02 textarea{ min-height: 140px; resize: vertical; } #sub.inquiry .con02 .radio-group{ display:flex; flex-wrap:wrap; gap:14px 18px; align-items:center; } #sub.inquiry .con02 .radio-group label{ display:inline-flex; align-items:center; gap:10px; cursor:pointer; user-select:none; white-space:nowrap; font-size:17px; color:#4E4E4E; } #sub.inquiry .con02 .radio-group input[type="radio"]{width: 18px;height: 18px;position: relative} #sub.inquiry .con02 .radio-group input[type="radio"]::before{position: relative; display: inline-block; content: ""; width: 20px; height: 20px; background: url('/img/sub/checkbox.png') no-repeat center; background-size: cover; margin-right: 10px; vertical-align: middle;position: absolute;top: -1px;left: -1px} #sub.inquiry .con02 .radio-group input[type="radio"]:checked::before{background: url('/img/sub/checkbox_checked.png') no-repeat center; } #sub.inquiry .con02 .hidden{ display:none !important; } #sub.inquiry .con02 .etc-input{ margin-top:10px; } #sub.inquiry .con02 .product-row{ display:flex; gap:8px; align-items:center; } #sub.inquiry .con02 .address-stack{ display:flex; flex-direction:column; gap:10px; } #sub.inquiry .con02 .address-top{ display:flex; gap:8px; align-items:center; } #sub.inquiry .con02 .address-top input{ max-width: 220px; } #sub.inquiry .con02 .file-box{ display:flex; gap:8px; align-items:center; } #sub.inquiry .con02 .file-box input[type="text"]{ flex: 1; } #sub.inquiry .con02 .hint{ margin-top: 10px; font-size:12px; color:#6b7280;display: block} /* 소비자/기타 관련 정보: 줄 구분 */ #sub.inquiry .con02 .consumer-info{ display:flex; flex-direction:column; gap:16px; } #sub.inquiry .con02 .consumer-info .row{ display:flex; gap:18px; align-items:flex-start; flex-wrap:wrap; } #sub.inquiry .con02 .consumer-info .field{ display:flex; align-items:flex-start; gap:12px; min-width: 0; } #sub.inquiry .con02 .consumer-info .field .f-label{ font-weight:700; font-size:15px; color:#374151; white-space:nowrap; min-width: 70px; height: 50px;display: flex;align-items: center } #sub.inquiry .con02 .w-name input{ width: 300px; max-width:100%; } #sub.inquiry .con02 .w-age input{ width: 300px; max-width:100%; } #sub.inquiry .con02 .gender-group{ gap:12px 18px !important; padding-top:8px; } #sub.inquiry .con02 .placeholder-tip{ font-size:12px; color:#6b7280; margin-top:6px; line-height:1.45; } /* Modal */ #sub.inquiry .con02 .modal-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.45); display:none; align-items:center; justify-content:center; padding:20px; z-index: 9999; } #sub.inquiry .con02 .modal{ width: min(520px, 100%); background:#fff; border-radius:12px; overflow:hidden; box-shadow: 0 12px 40px rgba(0,0,0,.25); } #sub.inquiry .con02 .modal-header{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid #eef0f3; font-weight:800; } #sub.inquiry .con02 .modal-body{ padding:14px 16px; } #sub.inquiry .con02 .modal-list{ display:flex; flex-direction:column; gap:10px; margin:0; padding:0; list-style:none; } #sub.inquiry .con02 .modal-item{ display:flex; justify-content:space-between; align-items:center; border:1px solid #e5e7eb; border-radius:10px; padding:12px 12px; cursor:pointer; } #sub.inquiry .con02 .modal-item:hover{ background:#f9fafb; } #sub.inquiry .con02 .xbtn{ background:transparent; border:0; font-size:18px; cursor:pointer; color:#6b7280; line-height:1; } @media (max-width: 720px){ #sub.inquiry .con02 .form-row{ flex-direction:column; align-items:stretch; } #sub.inquiry .con02 .label-col{ width:auto; } #sub.inquiry .con02 .product-row{ flex-direction:column; align-items:stretch; } #sub.inquiry .con02 .address-top{ flex-direction:column; align-items:stretch; } #sub.inquiry .con02 .address-top input{ max-width:none; } #sub.inquiry .con02 .w-name input, #sub.inquiry .con02 .w-age input{ width: 100%; } } #sub.online .con02 form textarea {width: calc(100% - 125px); background: #F6F7F8; border: 1px solid #DDDDDD; box-sizing: border-box; min-height: 300px; padding-top: 20px; font-family: 'Pretendard', sans-serif;} #sub.online .con03 {margin-top:140px;} #sub.inquiry .con03 {margin-top:140px;} /* 제품정보 - 게시판 */ #sub.board .con_info{background: #f8f8f8;border-radius: 10px;padding: 40px;text-align: center;margin-bottom: 40px} #sub.board .con_info strong{font-size: 24px;display: block;margin-bottom: 20px} #sub.board .con_info p{font-size: 20px;color: #3DAE2B} #sub.board .search{ display: flex; justify-content: flex-end; margin-bottom: 50px; } #sub.board .search select{ width: 160px; height: 60px; border: none; border-bottom: 1px solid #DDDDDD; padding-left: 20px; font-size: 18px; font-weight: 400; color:#999999; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/img/sub/search_arrow.png') right 20px center no-repeat; margin-right: 20px; } #sub.board .search select::-ms-expand { display: none; } #sub.board .search .input{ width: 400px; height: 60px; position: relative; border-bottom: 1px solid #ddd; } #sub.board .search .input input[type="text"]{ width: 100%; height: 100%; border: none; font-size: 18px; font-weight: 400;color:#999999; } #sub.board .search .input button{ width: 60px; height: 60px; position: absolute; right: 0; top: 0; background: url('/img/sub/search_icon.png') center center no-repeat;} #sub.board .page ul{ display: flex; justify-content: center; } #sub.board .page ul li{ width: 40px; height: 40px; margin-right: 10px; } #sub.board .page ul li:last-child{ margin-right: 0; } #sub.board .page ul li a{ display: block; width: 100%; height: 100%; font-size: 18px; font-weight: 600; color:#999999; text-align: center; line-height: 40px; } #sub.board .page ul li.num.on a{ color: #47A01A; background-color: #F5FBF2; } #sub.board .page ul li.first a{ background: url('/img/sub/page_first.png') center center no-repeat; } #sub.board .page ul li.prev a{ background: url('/img/sub/page_prev.png') center center no-repeat; } #sub.board .page ul li.next a{ background: url('/img/sub/page_next.png') center center no-repeat; } #sub.board .page ul li.last a{ background: url('/img/sub/page_last.png') center center no-repeat; } #sub.board .back_btn{ display: flex; justify-content: flex-end; margin-top: 70px; } #sub.board .back_btn a{ display: flex; flex-flow: column; text-align: right; font-size: 20px; font-weight: 500; color:#2B2B2B; transition: color .3s; } #sub.board .back_btn a svg{ display: block; transition: transform .3s; } #sub.board .back_btn a svg path{ transition: stroke .3s; } #sub.board .back_btn a:hover svg path{ stroke: #40BE00; } #sub.board .back_btn a:hover svg { transform: translateX(-10px);} #sub.board .back_btn a:hover{ color:#40BE00; } #sub.product .list{ display: flex; flex-wrap: wrap; } #sub.product .list > div{ width: 25%; margin-bottom: 120px; } #sub.product .list > div .img{ width: 100%; aspect-ratio: 1; display: flex; justify-content: center; align-items: center; } #sub.product .list > div .img img{ max-height: 90%; display: block; transition: transform 1s; } #sub.product .list > div a:hover .img img{ transform: scale(1.05); } #sub.product .list > div .txt{ padding: 0 30px; /*margin-top: 30px;*/ text-align: center; } #sub.product .list > div .txt strong{min-height: 70px; display: block; font-size: 18px; font-weight: 500; color:#000000; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #DDDDDD; } #sub.product .list > div .txt span{ font-size: 18px; font-weight: 200; color:#999999; } #sub.product.view .con{ padding-top: 100px; } #sub.product.view .con .info{ display: flex; align-items: center; } #sub.product.view .con .info .img_w{ width: 50%; } #sub.product.view .con .info .img_w img{ width: 100%; } #sub.product.view .con .info .p_slide{ width: 100%; overflow: hidden; position: relative; } #sub.product.view .con .info .p_slide .swiper-button-prev{ width: auto; height: auto; opacity: 1 !important; left: 50px; } #sub.product.view .con .info .p_slide .swiper-button-prev:after{ display: none; } #sub.product.view .con .info .p_slide .swiper-button-next{ width: auto; height: auto; opacity: 1 !important; right: 50px; } #sub.product.view .con .info .p_slide .swiper-button-next:after{ display: none; } #sub.product.view .con .info .p_slide .swiper-button-next:hover svg #타원_42, #sub.product.view .con .info .p_slide .swiper-button-prev:hover svg #타원_42{ stroke : #3DAE2B; } #sub.product.view .con .info .p_slide .swiper-button-next:hover svg #패스_5316, #sub.product.view .con .info .p_slide .swiper-button-prev:hover svg #패스_5316{ stroke : #3DAE2B; } #sub.product.view .con .info .p_slide .swiper-button-next svg *, #sub.product.view .con .info .p_slide .swiper-button-prev svg *{ transition: stroke .3s; } #sub.product.view .con .info .p_slide .swiper-pagination-progressbar{ top: auto; bottom: 50px; width: 90%; left: 50%; transform: translate(-50%,0); background-color: rgba(0,0,0,0.1); height :2px; } #sub.product.view .con .info .p_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color: #40BE00; } #sub.product.view .con .info .txt{ width: 50%; padding-left: 120px; padding-right: 180px; } #sub.product.view .con .info .txt .t_top{ border-bottom: 1px solid #DDDDDD; padding-bottom: 35px; position: relative; } #sub.product.view .con .info .txt .t_top .tt strong{ display: block; font-size: 60px; color:#2B2B2B; font-weight: 600; margin-bottom: 23px; word-break: keep-all; } #sub.product.view .con .info .txt .t_top .tt span{display: block; font-weight: 200; color:#999999; font-size: 20px; } #sub.product.view .con .info .txt .t_top .icon ul{ display: flex; transform: translateY(-60px); } #sub.product.view .con .info .txt .t_top .icon{ position: absolute; right: 0; top: 0; } #sub.product.view .con .info .txt .t_top .icon ul li{ width: 50px; height: 50px; margin-right: 10px; } #sub.product.view .con .info .txt .t_top .icon ul li:last-child{ margin-right: 0; } #sub.product.view .con .info .txt .t_top .icon ul li a{ display: block; width: 100%; height: 100%; text-indent: -999em; transition: background .3s; } #sub.product.view .con .info .txt .t_top .icon ul li:nth-child(1) a{ background: url('/img/sub/p_view_icon01.png') center center no-repeat; } #sub.product.view .con .info .txt .t_top .icon ul li:nth-child(2) a{ background: url('/img/sub/p_view_icon02.png') center center no-repeat; } #sub.product.view .con .info .txt .t_top .icon ul li:nth-child(1) a:hover{ background: url('/img/sub/p_view_icon01_h.png') center center no-repeat; } #sub.product.view .con .info .txt .t_top .icon ul li:nth-child(2) a:hover{ background: url('/img/sub/p_view_icon02_h.png') center center no-repeat; } #sub.product.view .con .info .txt .t_list{ margin-top: 35px; } #sub.product.view .con .info .txt .t_list .wrap{ height: 260px; overflow-y: scroll; } #sub.product.view .con .info .txt .t_list table{ width: 100%; } #sub.product.view .con .info .txt .t_list table tr{ } #sub.product.view .con .info .txt .t_list table th{ width: 120px; padding-right: 20px;text-align: left; font-size: 20px; line-height: 30px; font-weight: 600; color:#2B2B2B; } #sub.product.view .con .info .txt .t_list table td{ font-size: 20px; line-height: 30px; color:#666666; font-weight: 200; padding-bottom: 35px; } #sub.product.view .con .info .txt .t_list table tr:last-child td{ padding-bottom: 0; } #sub.product.view .con .info .txt .t_list p{ font-size: 16px; font-weight: 200; color:#999999; margin-top: 35px; } #sub.people .c_title{ text-align: center; margin-bottom: 100px; } #sub.people .c_title strong{ display: block; font-size: 50px; font-weight: 600; color: #2B2B2B; } #sub.people .c_title p{ margin-top: 25px; font-size: 18px; line-height: 28px; font-weight: 200; color:#4E4E4E; } #sub.people .c_title p span{ font-weight: 600; color:#47A01A; } #sub.people .con01{ margin-bottom: 166px; } #sub.people .con01 .list{ display: flex; } #sub.people .con01 .list > div{ width: 33.3333333%; margin-right: 50px; } #sub.people .con01 .list > div:last-child{ margin-right: 0; } #sub.people .con01 .list > div .icon{ background-color: #F6F7F8; border-radius: 10px; padding: 30px 0; text-align: center; } #sub.people .con01 .list > div .icon i{ display: block; width: 140px; height: 140px; box-shadow: 0 0 30px rgba(28,85,0,0.1); background-color: #fff; border-radius: 10px; margin: 0 auto; display: flex; justify-content: center; align-items: center; } #sub.people .con01 .list > div .li_tit{ padding: 30px 0; border-bottom: 1px solid #DFE5DC; } #sub.people .con01 .list > div .li_tit strong{ display: block; width: 140px; height: 50px; text-align: center; line-height: 44px; border: 3px solid #40BE00; border-radius: 10px; font-size: 24px; font-weight: 600; color:#2B2B2B; margin: 0 auto; } #sub.people .con01 .list > div .li_tit p{ font-size: 18px; font-weight: 300; color:#2B2B2B; text-align: center; margin-top: 10px; } #sub.people .con01 .list > div > ul{ padding-left: 30px; padding-right: 30px; margin-top: 30px; } #sub.people .con01 .list > div > ul > li{ position: relative; padding-left: 16px; font-size: 18px; line-height: 28px; font-weight: 300; color:#4E4E4E; word-break: keep-all; margin-bottom: 18px; } #sub.people .con01 .list > div > ul > li:after{ content:""; display: block; width: 6px; height: 6px; border-radius: 50%; border: 1px solid #4e4e4e; position: absolute; left: 0; top: 11px; box-sizing: border-box; } #sub.people .con01 .list > div > ul > li:last-child{ margin-bottom: 0; } #sub.people .con02{ background-color: #F6F7F8; padding: 145px 0; } #sub.people .con02 .dl_w2{ display: flex; } #sub.people .con02 .dl_w2 > dl{ width: 50%; margin-right: 100px; } #sub.people .con02 .dl_w2 > dl:last-child{ margin-right: 0; } #sub.people .con02 .dl_w{ margin-bottom: 100px; } #sub.people .con02 .dl_w:last-child{ margin-bottom: 0; } #sub.people .con02 .dl_w > dl > dt{ font-size: 24px; font-weight: 600; color:#2B2B2B; border-bottom: 1px solid #DFE5DC; padding-bottom: 30px; position: relative; } #sub.people .con02 .dl_w > dl > dt > span{ font-size: 16px; color:#999999; font-weight: 300; } #sub.people .con02 .dl_w > dl > dt > span br{ display: none; } #sub.people .con02 .dl_w > dl > dt:after{ content:""; display: block; width: 60px; height: 4px; background-color: #40BE00; position: absolute; left: 0; bottom: -2px; } #sub.people .con02 .dl_w > dl > dd{ margin-top: 30px; } #sub.people .con02 .dl_w > dl > dd > p{ font-size: 18px; line-height: 28px; color:#4E4E4E; font-weight: 200; } #sub.people .con02 .step{ margin-top: 50px; display: flex; } #sub.people .con02 .step > div{ width: 12.5%; height: 100px; margin-right: 10px; position: relative; max-width: 186.25px; display: flex; justify-content: center; flex-flow: column; align-items: center; border: 1px solid #DFE5DC; border-radius: 10px; } #sub.people .con02 .step > div:after{ content:""; display: block; width: 8px; height: 20px; position: absolute; right: -1px; transform: translate(100%,-50%); top: 50%; background: url('/img/sub/step_arrow.png') center center no-repeat;} #sub.people .con02 .step > div:last-child:after{ display: none; } #sub.people .con02 .step > div strong{ font-size: 18px; font-weight: 600; color:#4E4E4E; position: relative; } #sub.people .con02 .step > div strong:after{ content:""; display: block; width: 30px; height: 1px; background-color: #DFE5DC; margin: 10px auto; } #sub.people .con02 .step > div p{ font-size: 18px; font-weight: 600; color:#4E4E4E; } #sub.people .con02 .step > div strong span{ color: #40BE00; } #sub.people .con02 .step > div.s_tit{ border:2px solid #40be00; } #sub.people .con02 .step > div.s_tit:after{ content:""; display: block; width: 6px; height: 20px; position: absolute; right: -2px; transform: translate(100%,-50%); top: 50%; background: url('/img/sub/step_arrow2.png') center center no-repeat;} #sub.people .con02 .step > div.s_tit strong:after{ display:none; } #sub.people .con02 .step > div:last-child{ margin-right: 0; background-color: #fff; border: 1px solid #fff; } #sub.people .con02 .step:last-child{ margin-top: 30px } #sub.people .con02 .pri{ display: flex; } #sub.people .con02 .pri > dl{ width: 25%; margin-right: 30px; border: 1px solid #B0D49F; border-radius: 10px; padding: 30px; } #sub.people .con02 .pri > dl:last-child{ margin-right: 0; } #sub.people .con02 .pri > dl > dt{ position: relative; padding-left: 16px; color:#4E4E4E; font-size: 20px; font-weight: 600; margin-bottom: 16px; } #sub.people .con02 .pri > dl > dt:after{ content:""; display: block; width: 6px; height: 6px; background-color: #40BE00; border-radius: 50%; position: absolute; left: 0; top: 9px; } #sub.people .con02 .pri > dl > dd{ padding: 0 16px; font-size: 18px; line-height: 28px; color: #4E4E4E; word-break: keep-all; } #sub.people .con03{ padding-top: 145px; } #sub.people .con03 .bene{ display: flex; flex-wrap: wrap; } #sub.people .con03 .bene dl{ width: 31.3333333%; margin-right: 3%; margin-bottom: 80px; } #sub.people .con03 .bene dl:nth-child(3n+0){ margin-right: 0; } #sub.people .con03 .bene dl:nth-child(4), #sub.people .con03 .bene dl:nth-child(5), #sub.people .con03 .bene dl:nth-child(6){ margin-bottom: 0; } #sub.people .con03 .bene dl dt{ padding-bottom: 30px; border-bottom: 1px solid #DFE5DC; position: relative; margin-bottom: 30px; } #sub.people .con03 .bene dl dt:after{ content:""; display: block; width: 60px; height: 4px; background-color: #40BE00; position: absolute; left: 0; bottom: -2px; } #sub.people .con03 .bene dl dt i{ display: block; width: 140px; height: 140px; border-radius: 10px; box-shadow: 0px 0px 30px rgba(28,85,0,0.1); margin-bottom: 35px; background-color: #FFF; display: flex; justify-content: center; align-items: center; } #sub.people .con03 .bene dl dt strong{ display: block; font-size: 24px; color: #2B2B2B; font-weight: 600; } #sub.people .con03 .bene dl dd{ font-size: 18px; line-height: 28px; word-break: keep-all; font-weight: 200; color:#4E4E4E; padding-right: 20px; } #sub.about .con01{ position: relative; padding: 95px 0; } #sub.about .con01 .inner{ display: flex; align-items: center; } #sub.about .con01 .a_title{ width: 100%; height: 100%; display: flex; flex-flow: column; position: absolute; left: 0; top: 0; z-index: 1; justify-content: center; text-align: center; transition: width 1s, text-aline 1s, padding 1s, transform 1s; text-align: center; } #sub.about .con01 .a_title:before{ content:""; display: block; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url('/img/sub/about_bg.png') center center no-repeat; z-index: -1; opacity: 1; transition: opacity .4s; transition-delay: .3s; } #sub.about .a_title strong{ font-size: 100px; font-weight: 600; color:#2B2B2B; margin-bottom: 8px; display: inline-block; position: relative; } #sub.about .a_title strong i{ display: block; position: absolute; left: 40%; top: 5%; animation: dong2 3s ease-in-out infinite; } #sub.about .a_title p{ font-size: 18px; font-weight: 200; color:#4E4E4E; line-height: 28px; } #sub.about .a_title strong{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.about .on .a_title strong{ transform: translateY(0); opacity: 1; } #sub.about .a_title p{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: .3s; } #sub.about .on .a_title p{ transform: translateY(0); opacity: 1; } #sub.about .con01.ac .a_title{ width: 50%; padding-left: 180px; transform: translateX(-100px);} #sub.about .con01.ac .a_title:before{ opacity: 0; } #sub.about .con01.ac2 .a_title{ text-align: left; } #sub.about .con01.ac2 .a_title strong{ transform: translate(0); opacity: 1; } #sub.about .con01.ac2 .a_title p{ transform: translate(0); opacity: 1; } #sub.about .con01 .inner{ display: flex; flex-flow: row-reverse; justify-content: space-between; } #sub.about .con01 .a_slide{ transition: width 1s; position: relative; display: flex; align-items: center; background: url('/img/sub/about_con01_bg.png') right center no-repeat; } /* #sub.about .con01.ac .a_slide{ width: 50%; left: 50%; } #sub.about .con01.ac2 .a_title{ transform: translateX(0); transition-duration: 0 !important;} */ #sub.about .con01 .a_slide .swiper-wrapper{ height: auto; width: auto; } #sub.about .con01 .a_slide .a_wrap{ width: 780px; border-radius: 20px; box-shadow: 0 0 50px rgba(0,0,0,0.25); overflow: hidden; } #sub.about .con01 .a_slide .a_wrap .img_w img{ width: 100%; display: block; } #sub.about .con01 .a_slide .a_wrap .img_w img{ clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); transition: clip-path 1s; } #sub.about .con01 .a_slide .a_wrap .slide01 .img_w{ background: url('/img/sub/about_img03.jpg') center center no-repeat; background-size: 100% 100%; } #sub.about .con01 .a_slide .a_wrap .slide02 .img_w{ background: url('/img/sub/about_img01.jpg') center center no-repeat; background-size: 100% 100%; } #sub.about .con01 .a_slide .a_wrap .slide03 .img_w{ background: url('/img/sub/about_img02.jpg') center center no-repeat; background-size: 100% 100%; } #sub.about .con01 .a_slide .a_wrap .swiper-slide-active .img_w img{ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } #sub.about .con01 .a_slide .a_wrap .swiper-slide{ position: relative; } #sub.about .con01 .a_slide .a_wrap .swiper-slide .txt_w{ text-align: center; width: 100%; transform: translate(0,-50%); left: 0; top: 50%; position: absolute; z-index: 1; } #sub.about .con01 .a_slide .a_wrap .swiper-slide .txt_w strong{ display: block; font-size: 80px; font-weight: 600; color:#FFFFFF; } #sub.about .con01 .a_slide .a_wrap .swiper-slide .txt_w p{ margin-top: 10px; font-weight: 200; color:#FFFFFF; font-size: 20px; } #sub.about .con01 .a_txt dl{ border: 1px solid #DFE5DC; border-radius: 10px; width: 600px; padding: 45px 50px; position: relative; margin-bottom: 50px; } #sub.about .con01 .a_txt dl:last-child{ margin-bottom: 0; } #sub.about .con01 .a_txt dl:after{ content:""; display: block; width: 6px; height: 6px; position: absolute; left: 0; top: 50%; transform: translate(-100%,-50%); background-color: #43B02A; border-radius: 50%; } #sub.about .con01 .a_txt dl:before{ content:""; display: block; width: 6px; height: 100px; position: absolute; left: 0; top: 50%; transform: translate(-100%,-50%); background-color: #fff; } #sub.about .con01 .a_txt dl dt{ font-size: 48px; font-weight: 600; color:#2B2B2B; display: block; margin-bottom: 20px; } #sub.about .con01 .a_txt dl dd{ font-size: 18px; line-height: 28px; color:#4E4E4E; font-weight: 300; } #sub.about .con01 .a_txt dl{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.about .con01.on .a_txt dl{ transform: translateY(0); opacity: 1; } #sub.about .con01 .a_txt dl:nth-child(2){ transition-delay: .3s; } #sub.about .con02{ background-color: #f6f7f8; padding: 150px 0; overflow: hidden; } #sub.about .con02 .a_title strong i{ left: -20px; top:15%; } #sub.about .con02 .a_title{ position:relative; margin-bottom: 25px; } #sub.about .con02 .h_slide{ padding-top: 50px; position: relative; } #sub.about .con02 .h_slide .swiper-pagination-progressbar{ height: 2px; background-color: #DFE5DC; } #sub.about .con02 .h_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ height: 4px; background-color: #40BE00; top: -1px; } #sub.about .con02 .h_slide .swiper-wrapper{ height: auto; } #sub.about .con02 .h_slide .swiper-slide{ width: 550px; min-height: 400px; padding-right: 50px; border-right: 1px solid #DFE5DC; } #sub.about .con02 .h_slide .swiper-slide dt{ font-size: 48px; font-weight: 600; color:#000000; margin-bottom: 30px; } #sub.about .con02 .h_slide .swiper-slide dd ul li{ padding-left: 16px; position: relative; font-size: 18px; line-height: 28px; color:#4E4E4E; font-weight: 600; margin-bottom: 27px; } #sub.about .con02 .h_slide .swiper-slide dd ul li:last-child{ margin-bottom: 0; } #sub.about .con02 .h_slide .swiper-slide dd ul li:after{ content:""; display: block; width: 6px; height: 6px; border-radius: 50%; border: 1px solid #4e4e4e; position: absolute; left: 0; top: 11px; box-sizing: border-box; } #sub.about .con02 .control{ display: flex; position: absolute; right: 0; bottom: 30px; } #sub.about .con02 .swiper-button-prev{ width: auto; height: auto; opacity: 1 !important; position: static; margin: 0; margin-right: 30px; } #sub.about .con02 .swiper-button-prev:after{ display: none; } #sub.about .con02 .swiper-button-next{ width: auto; height: auto; opacity: 1 !important; position: static; margin: 0; } #sub.about .con02 .swiper-button-next:after{ display: none; } #sub.about .con02 .swiper-button-next:hover svg #타원_42, #sub.about .con02 .swiper-button-prev:hover svg #타원_42{ stroke : #3DAE2B; } #sub.about .con02 .swiper-button-next:hover svg #패스_5316, #sub.about .con02 .swiper-button-prev:hover svg #패스_5316{ stroke : #3DAE2B; } #sub.about .con02 .swiper-button-next svg *, #sub.about .con02 .swiper-button-prev svg *{ transition: stroke .3s; } #sub.about .con03{ padding: 150px 0; } #sub.about .con03 .a_title{ text-align: center; } #sub.about .con03 .a_title strong i{ left: auto; right: -15px; top:15%; } #sub.about .con03 .logo_w{ display: flex; margin-top: 100px; } #sub.about .con03 .logo_w > div{ width: 25%; margin-right: 50px; } #sub.about .con03 .logo_w > div:last-child{ margin-right: 0; } #sub.about .con03 .logo_w > div .img img{ display: block; width: 100%; border-radius: 10px; border: 1px solid #DFE5DC; } #sub.about .con03 .logo_w > div .img{ margin-bottom: 20px; } #sub.about .con03 .logo_w > div .txt p{ font-size: 24px; font-weight: 600; color:#2B2B2B; display: block; text-align: center; } #sub.about .con03 .color{ margin-top: 150px; text-align: center; } #sub.about .con03 .color > strong{ display: block; font-size: 48px; font-weight: 600; color:#2B2B2B; margin-bottom: 50px; } #sub.about .con03 .color .cwrap{ display: flex; } #sub.about .con03 .color .cwrap > div{ display: flex; width: 50%; justify-content: space-between; padding: 0 30px; height: 80px; align-items: center; border: 1px solid #DFE5DC; } #sub.about .con03 .color .cwrap > div > p{ font-size: 18px; font-weight: 500; color:#2B2B2B; } #sub.about .con03 .color .cwrap > div:first-child{ border: 3px solid #43B02A; } #sub.about .con03 .color img{ display: block; max-width: 100%; margin: 0 auto; margin-top: 50px; } #sub.about .con05{ background-color: #f6f7f8; padding-top: 150px; padding-bottom: 150px; } #sub.about .con05 .a_title{ text-align: center; } #sub.about .con05 .a_list{ display: flex; flex-wrap: wrap; } #sub.about .con05 .a_list > div{ width: 31.333333%; margin-right: 3%; margin-top: 60px; } #sub.about .con05 .a_list > div:nth-child(3n+0){ margin-right: 0; } #sub.about .con05 .a_list > div > a{ display: block; position: relative; } #sub.about .con05 .a_list > div .logo img{ display: block; width: 100%; border-radius: 10px; box-shadow: 0 0 30px rgba(28,85,0,0.1);} #sub.about .con05 .a_list > div dl{ margin-top: 35px; } #sub.about .con05 .a_list > div dl dt{ font-size: 24px; position: relative; font-weight: 600; color:#2B2B2B; padding-bottom: 30px; border-bottom: 1px solid #DFE5DC; } #sub.about .con05 .a_list > div dl dt:after{ width: 60px; height: 4px; background-color: #40BE00; content:""; display: block; position: absolute; left: 0; bottom: -2px; } #sub.about .con05 .a_list > div dl dt:before{ content:""; display: block; width: 57px; height: 19px; position: absolute; right: 0; bottom: 0; background: url('/img/sub/about_arrow.png') center center no-repeat; opacity: 0; transition: transform .5s, opacity .5s; transform: translate(-30px,50%); } #sub.about .con05 .a_list > div > a:hover dl dt:before{ transform: translate(0,50%); opacity: 1; } #sub.about .con05 .a_list > div dl dd{ margin-top: 30px; } #sub.about .con05 .a_list > div dl dd table{ width: 100%; } #sub.about .con05 .a_list > div dl dd table th{ font-size: 18px; font-weight: 600; color:#4E4E4E; text-align: left; line-height: 28px; padding-bottom: 14px; width: 150px; } #sub.about .con05 .a_list > div dl dd table tr:last-child th{ padding-bottom: 0; } #sub.about .con05 .a_list > div dl dd table td{ font-size: 18px; font-weight: 400; color:#4E4E4E; text-align: left; line-height: 28px; } #sub.about .con05 .a_group{ margin-top: 70px; } #sub.about .con05 .a_group:first-child{ margin-top: 60px; } #sub.about .con05 .a_group_label{ font-size: 18px; font-weight: 600; color:#369500; padding-left: 14px; position: relative; } #sub.about .con05 .a_group_label:before{ content:""; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #40BE00; position: absolute; left: 0; top: 9px; } #sub.about .con05 .logo.placeholder{ display: flex; align-items: center; justify-content: center; width: 100%; height: 140px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 30px rgba(28,85,0,0.1); text-align: center; padding: 0 20px; box-sizing: border-box; } #sub.about .con05 .logo.placeholder span{ font-size: 17px; font-weight: 600; color:#369500; } #sub.about .con05 .a_logo_notice{ margin-top: 60px; font-size: 15px; color:#8A8A8A; text-align: center; } #sub.about .con04{ background-color: #fff; padding-top: 150px; } #sub.about .con04 .a_title strong i{ left: auto; right: -15px; top:40%; } #sub.about .con04 .contact { width: 350px; margin-right: 10px; position: relative; z-index: 10; } #sub.about .con04 .contact .tabs ul li{ width: 350px; height: 80px; border: 3px solid #F6F7F8; border-radius: 0 10px 10px 0; background-color: #F6F7F8; margin-bottom: 10px; position: relative; } #sub.about .con04 .contact .tabs ul li:last-child{ margin-bottom: 0; } #sub.about .con04 .contact .tabs ul li a{ height: 100%; line-height: 74px; font-size: 24px; padding-left: 30px; font-weight: 600; color: #2B2B2B; width: 100%; } #sub.about .con04 .contact .tabs ul li.on{ border: 3px solid #40BE00; border-radius: 10px; background-color: #fff; } #sub.about .con04 .contact .tabs ul li.on a{ font-size: 30px; } #sub.about .con04 .contact .tabs ul li.on:after{ content:""; display: block; width: 50px; height: 50px; background: url('/img/sub/about_add_ar.png') center center no-repeat; position: absolute; right: -25px; top: 50%; transform: translate(0,-50%); box-shadow: 0 0 30px rgba(28,85,0,0.25); border-radius: 50%; } #sub.about .con04 .c_wrap{ display: flex; align-items: flex-start; margin-top: 50px; } #sub.about .con04 .add{ width: 100%; display: none; } #sub.about .con04 .add01{ display: block; } #sub.about .con04 .add .root_daum_roughmap{ width: 100%; border-radius: 10px; } #sub.about .con04 .add .root_daum_roughmap .wrap_map{ height: 500px; } #sub.about .con04 .add .root_daum_roughmap .wrap_controllers{ display: none; } #sub.about .con04 .add .root_daum_roughmap .map_border{ display: none; } #sub.about .con04 .add .m_address{ margin-top: 30px; } #sub.about .con04 .add .m_address ul{ display: flex; } #sub.about .con04 .add .m_address ul li{ display: flex; align-items: center; margin-right: 70px; font-size: 24px; color: #4E4E4E; font-weight: 200; } #sub.about .con04 .add .m_address ul li:last-child{ margin-right: 0; } /* ci downloae */ .ci_download {padding: 0 30px; width: 224px; height: 70px; background: #fff; border: 3px solid #40BE00; margin: 0 auto; border-radius: 10px; margin-top: 100px; transition: all .6s ease} .ci_download a {height: 100%; display: flex; align-items: center; justify-content: space-between;} .ci_download p {font-size: 24px; font-weight: 600; color: #2b2b2b; transition: all .4s ease} .ci_download svg { transition: all .4s ease} .ci_download:hover {background: #40BE00} .ci_download:hover p {color: #fff;} .ci_download:hover svg {filter: brightness(0) invert(1)} #sub.b_list .page{margin-top:60px;} #sub.b_list .list:nth-child(2){border-top: 2px solid #000000; } #sub.b_list .list{ margin-top: 20px; margin-bottom: 00px; } #sub.b_list .list > div{ border-bottom: 1px solid #DFE5DC; height: 120px; transition: background .3s; position: relative; } #sub.b_list .list > div:hover{ background-color: #FAFCF9; } #sub.b_list .list > div:hover .num{ color: #40BE00; } #sub.b_list .list > div > a{ display: flex; justify-content: space-between; align-items: center; height: 100%; width: 100%; padding: 0 50px; } #sub.b_list .list > div .tit{ text-align: left; width: 70%; display: flex; align-items: center; } #sub.b_list .list > div .tit strong{ display: block; font-size: 24px; font-weight: 600; color:#2B2B2B; margin-right: 20px; } #sub.b_list .list > div .tit .icon{ display: flex; } #sub.b_list .list > div .tit .icon i{ margin-right: 10px; } #sub.b_list .list > div .num{ display: block; margin-right: 50px; font-size: 36px; font-weight: 600; color:#2B2B2B; transition: color .3s; } #sub.b_list .list > div .li_info{ display: flex; } #sub.b_list .list > div .li_info p{ color:#4E4E4E; font-size: 18px; font-weight: 200; display: flex; align-items: center; margin-right: 50px; } #sub.b_list .list > div .li_info p:last-child{ margin-right: 0; } #sub.b_list .list > div .li_info p i{ margin-right: 6px; } #sub.b_list .list > div .cate{ display: block; width: 104px; height: 50px; text-align: center; line-height: 50px ;border-radius: 60px;background-color: #F6F7F8; font-size: 16px; font-weight: 600; color: #9A9A9A; margin-right: 40px; transition: background .3s, color .3s; } #sub.b_list .list > div .cate.notice{ background-color: #3DAE2B; color: #fff; } #sub.b_list .list > div > a:hover .cate{ background-color: #3DAE2B; color: #fff; } #sub.b_list .list > div .arrow{ position: absolute; right: 50px; top: 50%; transform: translate(0,-50%); } #sub.b_list .list > div > a:hover .arrow svg #타원_39{ stroke: #3DAE2B; } #sub.b_list .list > div > a:hover .arrow svg #패스_4778{ stroke: #3DAE2B; } #sub.press .list > div > a{ padding-right: 170px; } #sub.view .v_list{ border-bottom: 1px solid #DFE5DC; padding: 20px 50px; display: flex; align-items: center; } #sub.view .v_list i{ margin-right: 20px; } #sub.view .v_list a{ color:#4E4E4E; font-size: 18px; font-weight: 200; } #sub.view .v_list a span{ color: #999999; } #sub.view .cate{ display: block; width: 104px; height: 50px; text-align: center; line-height: 50px ;border-radius: 60px;background-color: #F6F7F8; font-size: 16px !important; font-weight: 600; color: #9A9A9A; margin-bottom: 30px; } #sub.view .cate.notice{ background-color: #3DAE2B; color: #fff !important; } #sub.career.b_list .list > div{ height: 160px; } #sub.career.b_list .list > div .tit{ display: block; } #sub.career.b_list .list > div .tit p{ font-size: 18px; font-weight: 300; color:#4E4E4E; margin-top: 20px; } #sub.career .c_info span{ padding: 8px 16px; display: inline-block; font-size: 18px; font-weight: 500; color: #47A01A !important; border: 2px solid #47A01A; border-radius: 6px; } #sub.view.career .title{ position: relative; } #sub.view.career .c_info{ position: absolute; top: 50px; right: 50px; } #sub.view.career .con01 .title span:nth-child(1){ margin-right: 0; } #sub.view.career .btn_wrap{ display: flex; justify-content: center; margin-top: 70px; } #sub.view.career .back_btn{ margin-top: 0; margin-right: 70px; } #sub .apply_btn{ display: flex; justify-content: flex-end; } #sub .apply_btn a{ display: flex; flex-flow: column; text-align: left; font-size: 20px; font-weight: 500; color:#2B2B2B; transition: color .3s; } #sub .apply_btn a svg{ display: block; transition: transform .3s; } #sub .apply_btn a svg path{ transition: stroke .3s; } #sub .apply_btn a:hover svg path{ stroke: #40BE00; } #sub .apply_btn a:hover svg { transform: translateX(10px);} #sub .apply_btn a:hover{ color:#40BE00; } #sub.cultural .txt .st01 span{ position: relative; } #sub.cultural .txt .st01 span:after{ content:""; display: block; width: 156px; height: 158px; background: url('/img/sub/cultural_icon02.png') center center no-repeat; position: absolute; right: -80px; top: -70px; animation: rotate 20s linear infinite; } #sub.cultural .txt .pp01{ margin-top: 36px; padding-left: 30px; position: relative; } #sub.cultural .txt .pp01:after{ content:""; display: block; width: 210px; height: 110px; background: url('/img/sub/cultural_dots.png') center center no-repeat; position: absolute; left: -10px; top: -30px; } #sub.cultural .apply_btn{ justify-content: flex-start; margin-top: 120px; } #sub.cultural .con01{ position: relative; max-width: 1920px; margin: 0 auto; overflow-x: hidden; } #sub.cultural .con01 .img{ position: absolute; right: 0; bottom: 0; } #sub.cultural .con01 .img:after{ content:""; display: block; width: 71px; height: 71px; background: url('/img/sub/cultural_icon03.png') center center no-repeat; position: absolute; left: -35px; top: 52%; animation: rotate 15s linear infinite; } #sub.cultural .con01:after{ content:""; display: block; width: 487px; height: 490px; background: url('/img/sub/cultural_icon01.png') center center no-repeat; position: absolute; right: -200px; top: -200px; animation: rotate 30s linear infinite; } #sub.privacy .st01{ transition: 0s; transform: translateY(0); opacity: 1; } #sub.privacy .con01 .box{ background-color: #f6f7f8; padding: 20px; margin-top: 30px; margin-bottom: 30px; } #sub.privacy .con01 .box2{ margin-bottom: 30px; } #sub.privacy .con01 .box2:last-child{ margin-bottom: 0; } #sub.privacy .con01 .p01{ font-size: 16px; line-height: 1.5em; color: #4E4E4E; font-weight: 600; word-break: keep-all; margin-bottom: 10px; } #sub.privacy .con01 .p02{ font-size: 16px; line-height: 1.5em; color: #4E4E4E; word-break: keep-all; } /* 효과 */ #sub .sub_visual .img img{ transform:translate(-50%,-50%) scale(1.2); transition: transform 3s; } #sub .sub_visual.on .img img{ transform: translate(-50%,-50%) scale(1); } #sub .sub_visual .txt strong{ transform: translateX(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: .3s; } #sub .sub_visual.on .txt strong{ transform: translateX(0); opacity: 1; } #sub.greeting .con .left strong{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.greeting .con.on .left strong{ transform: translateY(0); opacity: 1; } #sub.greeting .con .right p{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: .3s; } #sub.greeting .con.on .right p{ transform: translateY(0); opacity: 1; } #sub.partner.contact .con01 .img img{width: 100%} #sub.partner.contact .con01{padding-bottom: 0;background: none} #sub.partner .con01 p{font-size: 18px;color: #4E4E4E;line-height: 28px;margin-top: 40px;} #sub .st01{ transform: translateY(40px); opacity: 0; transition: transform 1s, opacity 1s; } #sub .on .st01{ transform: translateY(0); opacity: 1; } #sub .st02{ transform: translateY(40px); opacity: 0; transition: transform 1s, opacity 1s; } #sub .on .st02{ transform: translateY(0); opacity: 1; } #sub.about .con02 .h_slide{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: .3s; } #sub.about .con02.on .h_slide{ transform: translateY(0); opacity: 1; } #sub.about .con03 .logo_w > div{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.about .con03.on .logo_w > div{ transform: translateY(0); opacity: 1; } #sub.about .con03.on .logo_w > div:nth-child(1){ transition-delay: .6s; } #sub.about .con03.on .logo_w > div:nth-child(2){ transition-delay: .8s; } #sub.about .con03.on .logo_w > div:nth-child(3){ transition-delay: 1s; } #sub.about .con03.on .logo_w > div:nth-child(4){ transition-delay: 1.2s; } #sub.about .con03 .color{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: 1.5s; } #sub.about .con03.on .color{ transform: translateY(0); opacity: 1; } #sub.about .con04 .c_wrap{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: .3s; } #sub.about .con04.on .c_wrap{ transform: translateY(0); opacity: 1; } #sub.about .con05 .a_list > div{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.about .con05.on .a_list > div{ transform: translateY(0); opacity: 1; } #sub.about .con05 .a_list > div:nth-child(1){ transition-delay: .3s; } #sub.about .con05 .a_list > div:nth-child(2){ transition-delay: .6s; } #sub.about .con05 .a_list > div:nth-child(3){ transition-delay: .9s; } #sub.about .con05 .a_list > div:nth-child(4){ transition-delay: 1.2s; } #sub.about .con05 .a_list > div:nth-child(5){ transition-delay: 1.5s; } #sub .pp01{transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: .3s; } #sub .on .pp01{transform: translateY(0); opacity: 1; } #sub.cultural .con01 .img{ transform: translateY(40px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: .6s;} #sub.cultural .con01.on .img{ transform: translateY(0); opacity: 1; } #sub.cultural .apply_btn{ transform: translateY(40px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: .6s;} #sub.cultural .on .apply_btn{ transform: translateY(0); opacity: 1; } #sub.greeting .con{ overflow: hidden; } #sub.greeting .con .bg_wrap img:nth-child(1){ transform: translateY(-50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.greeting .con .bg_wrap img:nth-child(2){ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: .3s; } #sub.greeting .con.on .bg_wrap img:nth-child(1){ transform: translateY(0); opacity: 1; } #sub.greeting .con.on .bg_wrap img:nth-child(2){ transform: translateY(0); opacity: 1; } #sub.rnd.vision .con01 .inner > div{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.rnd.vision .con01.on .inner > div{ transform: translateY(0); opacity: 1; } #sub.rnd.vision .con01 .inner > div:nth-child(2){ transition-delay: .3s; } #sub.rnd.vision .con01 .inner:after{ width: 0; transition: width 1s; transition-delay: .6s; z-index: -1; } #sub.rnd.vision .con01.on .inner:after{ width: 52%; } #sub.rnd.vision .con01 .inner:before{ transform: translate(-50%,0) scale(0); transition: transform .5s; transition-delay: .9s; } #sub.rnd.vision .con01.on .inner:before{ transform: translate(-50%,0) scale(1);} #sub.rnd.vision .con01:before{ width: 0; transition: width 2s; transition-delay: .6s; } #sub.rnd.vision .con01.on:before{ width: 100%; } #sub.rnd.vision .con02 .inner > div{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.rnd.vision .con02.on .inner > div{ transform: translateY(0); opacity: 1; } #sub.rnd.vision .con02 .inner > div:nth-child(2){ transition-delay: .3s; } #sub.rnd.vision .con02 .inner > div:nth-child(3){ transition-delay: .6s; } #sub.rnd.result .con01 p{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.rnd.result .con01.on p{ transform: translateY(0); opacity: 1; } #sub.rnd.result .con01{ background-size: 120%; transition: background 1s; } #sub.rnd.result .con01.on{ background-size: 100%; } #sub.rnd.result .con02 svg{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.rnd.result .con02.on svg{ transform: translateY(0); opacity: 1; } #sub.rnd.result .con03 .left .tit{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.rnd.result .con03.on .left .tit{ transform: translateY(0); opacity: 1; } #sub.rnd.result .con03 .left .txt .p01{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: .3s; } #sub.rnd.result .con03.on .left .txt .p01{ transform: translateY(0); opacity: 1; } #sub.rnd.result .con03 .left .txt .p02{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: .6s; } #sub.rnd.result .con03.on .left .txt .p02{ transform: translateY(0); opacity: 1; } #sub.rnd.result .con03 .inner > div .img img{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.rnd.result .con03.on .inner > div .img img{ transform: translateY(0); opacity: 1; } /* #sub.rnd.result .con02 svg #OBJ{ animation: rotate 30s linear infinite; transform-origin: 1200px 1600px; } */ #sub.ethical .con01 .banner{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: .6s; } #sub.ethical .con01.on .banner{ transform: translateY(0); opacity: 1; } #sub.ethical .con01 .txt:before{ width: 0; transition: width 2s; transition-delay: .6s; } #sub.ethical .con01.on .txt:before{ width: 100%; } #sub.ethical .con01{ padding-bottom: 150px; } #sub.ethical .con02 .left .controls{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: .6s; } #sub.ethical .con02.on .left .controls{ transform: translateY(0); opacity: 1; } #sub.ethical .con02 .right{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: .9s; } #sub.ethical .con02.on .right{ transform: translateY(0); opacity: 1; } #sub.people .c_title strong{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.people .on .c_title strong{ transform: translateY(0); opacity: 1; } #sub.people .c_title p{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; transition-delay: .3s; } #sub.people .on .c_title p{ transform: translateY(0); opacity: 1; } #sub.people .con01 .list > div{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.people .con01.on .list > div{ transform: translateY(0); opacity: 1; } #sub.people .con01 .list > div:nth-child(1){ transition-delay: .6s; } #sub.people .con01 .list > div:nth-child(2){ transition-delay: .9s; } #sub.people .con01 .list > div:nth-child(3){ transition-delay: 1.2s; } #sub.people .con02 .dl_w{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.people .con02.on .dl_w{ transform: translateY(0); opacity: 1; } #sub.people .con02 .dl_w01{ transition-delay: .6s; } #sub.people .con02 .dl_w02{ transition-delay: .9s; } #sub.people .con02 .dl_w03{ transition-delay: 1.2s; } #sub.people .con03 .bene dl{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.people .con03.on .bene dl{ transform: translateY(0); opacity: 1; } #sub.people .con03 .bene dl:nth-child(1){ transition-delay: .6s; } #sub.people .con03 .bene dl:nth-child(2){ transition-delay: .9s; } #sub.people .con03 .bene dl:nth-child(3){ transition-delay: 1.2s; } #sub.people .con03 .bene dl:nth-child(4){ transition-delay: 1.5s; } #sub.people .con03 .bene dl:nth-child(5){ transition-delay: 1.8s; } #sub.people .con03 .bene dl:nth-child(6){ transition-delay: 2.1s; } @keyframes rotate { 100%{ transform: rotate(360deg); } } @keyframes dong2 { 50%{ transform: translateY(5px); } 100%{ transform: translateY(0px); } } @keyframes dong { 50%{ transform: translateY(30px); } 100%{ transform: translateY(0px); } } #sub.ethical .con03 .left em{display: block} #sub.ethical .s_title strong{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.ethical .on .s_title strong{ transform: translateY(0); opacity: 1; } #sub.ethical .s_title p{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.ethical .on .s_title p{ transform: translateY(0); opacity: 1; transition-delay: 0.3s} #sub.ethical .con03 .left em, #sub.ethical .con03 .left ul{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.ethical .con03.on .left em, #sub.ethical .con03.on .left ul{ transform: translateY(0); opacity: 1; transition-delay: 0.6s} #sub.ethical .con03 .right{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.ethical .con03.on .right{ transform: translateY(0); opacity: 1; transition-delay: 0.9s} #sub.ethical .con04 ul{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.ethical .con04.on ul{ transform: translateY(0); opacity: 1; transition-delay: 0.6s} #sub.ethical .con05 ul{ transform: translateY(50px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.ethical .con05.on ul{ transform: translateY(0); opacity: 1; transition-delay: 0.6s} @media (max-width: 1620px){ #sub.about .con01.ac .a_title{padding-left: 20px; } #sub.ethical .con01 .banner .img img{ width: 700px; } #sub.about .con01 .a_txt{ margin-right: 40px; } #sub.about .con01 .a_txt dl{ width: auto; } #sub.about .con01 .a_txt dl dt{ font-size: 32px; margin-bottom: 10px; } #sub.about .con01 .a_txt dl dd{ font-size: 16px; line-height: 24px; } #sub.partner .con04 ul li{padding: 0 40px;} #sub.partner .con05 ul{flex-wrap: wrap;gap: 20px} #sub.partner .con06 ul{flex-wrap: wrap;gap: 20px} #sub.partner .con07 ul{flex-wrap: wrap;gap: 20px} #sub.partner .con05 ul li{width: calc(50% - 10px)} #sub.partner .con06 ul li{width: calc(50% - 10px)} #sub.partner .con07 ul li{width: calc(50% - 10px)} #sub.partner .con07 ul{margin-top: 40px;justify-content: flex-start} #sub.partner .con04 ul li p{font-size: 15px;line-height: 1.5;} } @media (max-width: 1580px){ #sub.ethical .con03 > div{gap: 20px} #sub.ethical .con03 .left *{word-break: keep-all} #sub.ethical .con03 .right .img svg{width: 650px;height: auto} #sub .sub_tab2{ top: 79px; } #sub .sub_tab2{ height: 60px; } #sub .sub_tab2 ul{ height: 60px; } #sub .sub_tab2 ul li{ margin-right: 50px; } #sub .sub_tab2 ul li a{ font-size: 16px; line-height: 59px; } #sub.product.view .con{ padding-top: 79px; } #sub.product.view .con .info .txt .t_top .tt strong{ font-size: 40px; } #sub.product.view .con .info .txt{ padding-right: 40px; padding-left: 60px; } #sub.cultural .con01 .img img{ width: 700px; } #sub.ethical .con01{ overflow: hidden; } #sub.online .con01, #sub.partner .con01 {background: linear-gradient(to top, #F6F7F8 320px, #fff 320px); padding-bottom: 120px;} #sub.partner .con01 .img {margin-top: 40px;} #sub.online .con01 .img {margin-top: 40px;} #sub.online .con02 {margin-top: 140px;} #sub.partner .con02 {margin-top: 140px;} } @media (max-width: 1416px){ #sub.people .c_title strong{ font-size: 38px; } #sub.people .c_title p{ font-size: 16px; line-height: 1.5em; margin-top: 15px; } #sub.people .c_title{margin-bottom: 50px; } #sub.people .con01 .list > div .icon i{ width: 100px; height: 100px; } #sub.people .con01 .list > div .icon i svg{ width: 50px; } #sub.people .con01 .list > div .li_tit strong{ width: 120px; height: 42px; font-size: 18px; line-height: 36px; } #sub.people .con01 .list > div .li_tit p{ font-size: 14px; margin-top: 5px; } #sub.people .con01 .list > div > ul > li{ font-size: 14px; line-height: 1.5em; padding-left: 10px; } #sub.people .con01 .list > div > ul > li:after{ top :9px; width: 4px; height: 4px; } #sub.people .con01 .list > div > ul > li{ margin-bottom: 8px; } #sub.people .con01 .list > div .li_tit{ padding: 20px 0; } #sub.people .con01 .list > div > ul{ margin-top: 20px; } #sub.people .con02 .dl_w > dl > dt{ font-size: 20px; padding-bottom: 20px; } #sub.people .con02 .dl_w > dl > dt > span{ font-size: 13px; } #sub.people .con02 .dl_w > dl > dd{ margin-top: 20px; } #sub.people .con02 .dl_w > dl > dd > p{ font-size: 16px; line-height: 1.5em; } #sub.people .con02 .step > div strong{ font-size: 16px; } #sub.people .con02 .step > div p{ font-size: 16px; } #sub.people .con02 .step > div strong:after{ margin: 6px auto; } #sub.people .con02 .pri > dl > dt{ font-size: 16px; margin-bottom: 10px; padding-left: 10px; } #sub.people .con02 .pri > dl > dt:after{ width: 4px; height: 4px; top: 7px; } #sub.people .con02 .pri > dl > dd{ padding: 0 10px; font-size: 14px; line-height: 1.5em; } #sub.people .con02 .pri > dl > dd br{ display: none; } #sub.people .con02 .dl_w{ margin-bottom: 80px; } #sub.people .con02{ padding: 100px 0; } #sub.people .con03{ padding-top: 100px; } #sub.people .con03 .bene dl dt i{ width: 100px; height: 100px; margin-bottom: 20px; } #sub.people .con03 .bene dl dt i svg{ width: 60px; height: auto; } #sub.people .con03 .bene dl dt{ margin-bottom: 20px; padding-bottom: 20px; } #sub.people .con03 .bene dl dt strong{ font-size: 18px; } #sub.people .con03 .bene dl dd{ font-size: 14px; line-height: 1.5em; } #sub.people .con03 .bene dl{ margin-bottom: 50px; } #sub.people .con01{ margin-bottom: 100px; } #sub.ethical .con02 .num_slide .swiper-slide .nums strong{ font-size: 60px; } #sub.ethical .con02 .num_slide .swiper-slide .nums .ct{ width: 200px; height: 200px; } #sub.ethical .con02 .num_slide .swiper-slide{ height: 340px; } #sub.ethical .con02 .num_slide .swiper-slide .txts p{ font-size: 18px; line-height: 1.5em; } } @media (max-width: 1216px){ #sub.ethical .con04 ul li{padding: 20px} #sub.ethical .con04 *{word-break: keep-all} #sub.ethical .con05 *{word-break: keep-all} #sub.ethical .con03 .right {text-align: center} #sub.ethical .con03 .right .img{width: auto;display: inline-block} #sub.ethical .con03 > div{flex-direction: column} #sub.online .con02 form.mult label {width: 70px;} #sub.online .con02 form .mul label {padding-top: 5px;} #sub.greeting .con .left strong{ font-size: 26px; line-height: 1.5em; } #sub.greeting .con .right p{ font-size: 16px; line-height: 1.5em; } #sub.greeting .con .inner .left{ margin-right: 40px; } #sub.about .a_title strong{ font-size: 60px; } #sub.about .a_title strong i img{ width: 20px; } #sub.about .a_title p{ font-size: 16px; line-height: 1.5em; } #sub.about .con01 .a_slide .a_wrap .swiper-slide .txt_w strong{ font-size: 50px; } #sub.about .con02 .a_title strong i img{ width: 40px; } #sub.about .con03 .a_title strong i img{ width: 40px; } #sub.about .con04 .a_title strong i img{ width: 40px; } #sub.about .con04 .contact .tabs ul li{ width: 220px; height: 60px; } #sub.about .con04 .contact .tabs ul li a{ line-height: 54px; } #sub.about .con04 .contact .tabs ul li.on a{ font-size: 20px; } #sub.about .con04 .contact .tabs ul li.on:after{ width: 40px; height: 40px; background-size: 100%; } #sub.about .con04 .contact .tabs ul li a{ font-size: 18px; } #sub.about .con04 .contact{ width: 230px; } #sub.about .con04 .add .m_address ul li{ font-size: 18px; margin-bottom: 10px; } #sub.about .con04 .add .m_address ul{ display: block; } #sub.b_list .list > div .tit strong{ font-size: 18px; margin-right: 10px; } #sub.b_list .list > div .num{ font-size: 20px; } #sub.b_list .list > div .tit .icon i img{ width: 30px; } #sub.b_list .list > div .li_info p{font-size: 14px; } #sub.b_list .list > div .li_info p i img{ width: 24px; } #sub.b_list .list > div .tit .icon i{ margin-right: 5px; } #sub.b_list .list > div .li_info p{ margin-right: 20px; } #sub.rnd.vision .con01 .txt{ width: 80%; } #sub.rnd.vision .con01 .txt .line .box p{ font-size: 16px; line-height: 1.5em; } #sub.rnd.vision .con01 .inner > div:first-child{ margin-right: 25px; } #sub.rnd.vision .con02 dl dd{ font-size: 14px; line-height: 1.5em; padding-top: 15px; } #sub.rnd.vision .con02 dl dt{ font-size: 20px; padding-bottom: 15px; } #sub.rnd.vision .con02 .inner > div{ margin-right: 20px ;} #sub.rnd.result .con03 .left .tit p{ margin-left: 0; } #sub.rnd.result .con03 .left .tit{ display: block } #sub.rnd.result .con03 .left .tit p:before{ display: none; } #sub.rnd.result .con03 .left .tit p{ margin-top: 10px; font-size: 18px; } #sub.rnd.result .con03 .left .tit strong{ font-size: 60px; } #sub.rnd.result .con03 .left .tit{ padding-bottom: 20px; margin-bottom: 20px; } #sub.rnd.result .con03 .left .txt .p01{ font-size: 18px; line-height: 1.5em; margin-bottom: 20px; } #sub.rnd.result .con03 .left .txt .p02{ font-size: 14px; } #sub.product.view .con .info .txt .t_top .tt strong{ font-size: 30px; margin-bottom: 10px; } #sub.product.view .con .info .txt .t_top .tt span{ font-size: 14px; } #sub.product.view .con .info .txt .t_top{ padding-bottom: 20px; } #sub.product.view .con .info .txt .t_top .icon ul li{ width: 30px; height: 30px; } #sub.product.view .con .info .txt .t_top .icon ul li a{ background-size: 100% !important; } #sub.product.view .con .info .txt .t_list table th{ font-size: 14px; line-height: 1.5em; } #sub.product.view .con .info .txt .t_list table td{ font-size: 14px; line-height: 1.5em; } #sub.product.view .con .info .txt .t_list table td{ padding-bottom: 12px; } #sub.product.view .con .info .txt .t_list table th{ width: 80px; } #sub.product.view .con .info .txt .t_list p{ font-size: 13px; margin-top: 20px; } #sub.board .back_btn{ margin-top: 40px; } #sub.people .con01 .list > div{ margin-right: 30px; } #sub.career.b_list .list > div .tit p{ font-size: 14px; margin-top: 10px; } #sub .st01{ font-size: 28px; line-height: 1.5em; } #sub .pp01{ font-size: 16px; line-height: 1.5em; } #sub.cultural .con01 .img img{ width: 600px; } #sub.cultural .con01 .img{ right: -60px; z-index: -1; } #sub.cultural .con01:after{ width: 300px; height: 300px; right: -150px; top: -150px; background-size: 100%; } #sub.greeting .con .bg_wrap img:nth-child(1){ width: 90%; } #sub.greeting .con .bg_wrap img:nth-child(2){ width: 30%; } #sub.greeting .icons img:nth-child(1){ width: 30%; } #sub.greeting .icons img:nth-child(2){ width: 130px; } #sub.people .con03 .bene dl dd{ padding-right: 0; } #sub.product.view .con .info .txt .t_list .wrap{ height: 180px; } #sub.about .con05 .a_list > div dl dd table th{ font-size: 14px; line-height: 22px; width: 120px; padding-bottom: 8px; } #sub.about .con05 .a_list > div dl dd table td{ font-size: 14px; line-height: 22px; } #sub.about .con05 .a_list > div dl dt{ font-size: 18px; padding-bottom: 20px; } #sub.about .con05 .a_list > div dl dt:after{ height: 2px; bottom: -1px; } #sub.about .con05 .a_list > div{ margin-top: 30px; } #sub.about .con05{ padding-top: 100px; padding-bottom: 100px; } #sub.about .con05 .a_list > div dl{ margin-top: 20px; } #sub.online.con03 .inner > p, #sub.partner .con02 p {font-size: 16px;} #sub .privacy p {font-size: 16px; line-height: 26px;} #sub .agree label {font-size: 18px;} #sub .btn_wrap {margin-top: 50px;} #sub .arbtn a{font-size: 24px;} #sub.online .con03 .inner > p {font-size: 16px;} #sub.online .con02 form {margin-top: 60px; padding-top: 30px;} #sub.online .con02 form div {width: calc(50% - 60px); margin-right: 60px; height: 50px} #sub.online .con02 form div + div {margin-top: 20px;} #sub.online .con02 form label {font-size: 18px; width: 60px; margin-right: 40px; padding-top: 15px;} #sub.online .con02 form input {width: calc(100% - 100px);} #sub.online .con02 form textarea {width: calc(100% - 100px);min-height: 300px; padding-top: 20px;} #sub.online .con03 {margin-top:140px;} #sub.partner .con01 .img img, #sub.online .con01 .img img {width: 100%;} input::placeholder, textarea::placeholder, input[type="text"], input[type="number"], input[type="email"], input[type="search"], input[type="password"], input[type="date"], input[type="tel"], select, textarea {font-size: 18px;} #sub.inquiry .con02 *::placeholder{font-size: 12px;} #sub.inquiry .con02 .radio-group label{font-size: 13px} #sub.inquiry .con01 .img{overflow: hidden} #sub.inquiry .con02 h2{font-size: 19px} #sub.inquiry .con02 .btn{width: 100%;position: static;font-size: 30px;font-size: 13px;height: 36px} #sub.inquiry .con02 textarea, #sub.inquiry .con02 textarea, #sub.inquiry .con02 input[type="text"], #sub.inquiry .con02 input[type="email"], #sub.inquiry .con02 input[type="tel"], #sub.inquiry .con02 input[type="date"], #sub.inquiry .con02 input[type="number"], #sub.inquiry .con02 select{width: 100%} #sub.inquiry .con02 .label-col.add_w{flex-direction: row;justify-content: flex-start;align-items: center} #sub.inquiry .con02 .form-row{padding: 8px 0} #sub.inquiry .con02 .detail-item{margin-top: 3px} #sub.inquiry .con02 .detail-item .btn{width: 50px} #sub.inquiry .agree{flex-direction: column} #sub.inquiry .con03 .inner > p{font-size: 13px;word-break: keep-all} #sub.inquiry .con02 .file-box{flex-direction: column} #sub.inquiry .con02 .file-box input[type="text"]{height: 36px;flex: auto} #sub.inquiry .con03{margin-top: 40px} #sub.inquiry .con01 .img{margin-bottom: 40px} } @media (max-width: 960px){ #sub.view.career .c_info{ top: 50%; transform: translate(0,-50%); right: 0; } } @media (max-width: 950px){ #sub.ethical .con04 ul:before{display: none} #sub.ethical .con03 .right p{padding: 20px;padding-bottom: 0} #sub.ethical .con03 .right .img svg{max-width: 100%} #sub.ethical .con03{padding: 80px 0} #sub.ethical .con03 .left em{font-size: 14px;line-height: 1.5} #sub.ethical .con03 .left ul li p{font-size: 13px} #sub.ethical .con03 .left ul li strong{font-size: 14px;} #sub.ethical .con03 .right p{font-size: 14px;line-height: 1.5} #sub.ethical .con05 .list > li .title{padding-bottom: 15px} #sub.ethical .con05 .list > li ul{margin-top: 15px} #sub.ethical .con05 .list > li i{margin-bottom: 10px} #sub.ethical .con05 svg{width: 80px;height: auto} #sub.ethical .con05 .list > li ul{gap: 5px} #sub.ethical .con05 .list > li ul li{font-size: 13px;line-height: 1.5} #sub.ethical .con04, #sub.ethical .con05{padding: 80px 0} #sub.ethical .s_title{margin-bottom: 30px;} #sub.ethical .s_title p{font-size: 14px;line-height: 1.5} #sub.ethical .s_title strong{font-size: 34px;margin-bottom: 10px} #sub.ethical .con04 ul li i{width: 30px;height: 30px;font-size: 13px} #sub.ethical .con04 ul{gap: 10px;flex-wrap: wrap} #sub.ethical .con04 ul li{flex: auto;width: calc(50% - 5px)} #sub.ethical .con04 ul li strong{font-size: 16px;line-height: 1.5;margin-bottom: 7px} #sub.ethical .con04 ul li p{font-size: 13px;line-height: 1.5} #sub.board .con_info{border-radius: 8px;padding: 20px;} #sub.board .con_info strong{font-size: 16px;word-break: keep-all;line-height: 1.5;margin-bottom: 5px} #sub.board .con_info p{font-size: 15px} #sub.partner .con07 .txt span{font-size: 13px;word-break: keep-all;margin-top: 20px;padding-top: 20px; line-height: 1.5} #sub.partner .con07 .txt span br{display: none} #sub.partner .con06 ul li .txt strong br{display: none} #sub.partner .con07 .txt strong{font-size: 15px} #sub.partner .c_title span{margin-top: 10px;display: block} #sub.partner .con07 .txt p{font-size: 13px;margin-bottom: 20px;margin-top: 10px;} #sub.partner .con07 ul{flex-wrap: wrap} #sub.partner .con07 ul li{width: 100%;height: 80px} #sub.partner .con07 ul li strong{font-size: 14px;margin-bottom: 10px} #sub.partner .con07 ul li p{font-size: 13px;} #sub.partner .con07 ul{margin-top: 20px;gap: 10px;} #sub.partner .c_title strong{font-size: 22px;} #sub.partner .c_title span{font-size: 13px;} #sub.partner .c_title{flex-wrap: wrap} #sub.partner .con04 ul li strong{font-size: 15px;} #sub.partner .con04 ul li p{font-size: 13px;} #sub.partner .con04 ul li{height: 90px;} #sub.partner .con04 ul{flex-wrap: wrap;gap: 10px;} #sub.partner .con07{padding-bottom: 60px} #sub.partner .con04 ul li{width: 100%} #sub.partner .c_title{margin-bottom: 20px} #sub.partner .con05{padding-top: 60px;} #sub.partner .con05 ul li a .txt span{font-size: 13px;margin-bottom: 10px;} #sub.partner .con05 ul li a .txt strong{font-size: 15px;} #sub.partner .con05 ul li a .txt p{font-size: 13px;} #sub.partner .con05 ul li a em svg{width: 40px;height: auto} #sub.partner .con08 ul li p{font-size: 12px;} #sub.partner .con08 .c_title{gap: 20px;} #sub.partner .con05 ul li a{padding: 15px;} #sub.partner .con05 ul li a em{right: 15px;top: 15px;} #sub.partner .c_title p{font-size: 13px;} #sub.partner .con06 ul li .txt strong{font-size: 15px;line-height: 1.5;margin-bottom: 10px;} #sub.partner .con06 ul li{height: auto;padding: 20px} #sub.partner .con06 ul li .txt span{font-size: 12px;} #sub.partner .con08 ul li button{width: 80px;height: 35px; font-size: 11px;} #sub.partner .con08 ul li button svg{width: 15px;height: auto} #sub.partner .con08 ul li{height: 50px;padding: 0 20px;} /* ci downloae */ .ci_download {padding: 0 20px; width: 160px; height: 50px; margin-top: 80px;} .ci_download p {font-size: 16px;} .ci_download svg {width: 16px;} #sub.partner .con06 ul li > div{display: block} #sub.about .con01 .a_txt{ width: 100%; margin-right: 0; margin-top: 40px; } #sub.about .con01 .a_txt dl{ margin-bottom: 20px; } #sub.greeting .con .left strong br{ display: none; } #sub.greeting .con .left strong{ word-break: keep-all; } #sub.partner .con06 ul li .img{display: none} #sub.partner .con06 ul li .txt{padding-left: 0} #sub.partner .con06 ul li em{width: 40px;height: 22px;;font-size: 13px;position: static;margin-bottom: 12px;} #sub.about .con01{ height: auto; } #sub.partner .con06 ul li{display: block;} #sub.about .con01 .a_slide{ background: none; } #sub.about .con01.ac .a_title{ width: 100% !important; transform: translateX(0); } #sub.about .con01 .a_title{ position: static; height: auto; text-align: center !important; margin-bottom: 20px; } #sub.about .con01 .a_slide{ position: static; text-align: center !important; } #sub.about .con01 .a_slide{ width: 80% !important; } #sub.about .con01.ac .a_title{ padding-left: 0; } #sub.about .con01.ac .a_title strong{ transition-delay: 3s; } #sub.about .con01.ac .a_title p{ transition-delay: 3s; } #sub.about .con01 .inner{ flex-flow: column; } #sub.about .con01 .inner{ height: auto; } #sub.about .con01{ padding: 100px 0; } #sub.ethical .con01{ padding-bottom: 100px; } #sub.about .con01 .a_slide .a_wrap{ margin-right: 0; } #sub.about .a_title strong{ font-size: 40px ;} #sub.about .con01 .a_title:before{ display: none; } #sub.about .a_title p{ font-size: 14px; } #sub.about .con01 .a_slide{ transform: translateY(40px); opacity: 0; transition: transform 1s, opacity 1s; } #sub.about .con01.on .a_slide{ transform: translateY(0); opacity: 1 ; } #sub.about .con01 .a_slide .a_wrap .swiper-slide .txt_w strong{ font-size: 30px; } #sub.about .con01 .a_slide .a_wrap .swiper-slide .txt_w p{ font-size: 16px; margin-top: 5px; } #sub.about .a_title strong i{ display: none; } #sub.about .con02{ padding: 100px 0; } #sub.about .con02 .control > div > svg{ width: 40px; height: auto; } #sub.about .con02 .swiper-button-prev{ margin-right: 10px; } #sub.about .con02 .h_slide .swiper-slide dt{ font-size: 24px; } #sub.about .con02 .h_slide .swiper-slide dt{ margin-bottom: 15px; } #sub.about .con02 .h_slide .swiper-slide dd ul li{ font-size: 16px; line-height: 1.5em; padding-left: 10px; margin-bottom: 15px; } #sub.about .con02 .h_slide .swiper-slide dd ul li:after{ top: 10px; width: 4px; height: 4px; } #sub.about .con02 .h_slide .swiper-slide{ padding-right: 30px; } #sub.about .con02 .h_slide .swiper-slide{ width: 320px; min-height: 300px; } #sub.about .con03{ padding: 100px 0; } #sub.about .con03 .logo_w{ margin-top: 30px; } #sub.about .con03 .logo_w > div .txt p{ font-size: 16px; } #sub.about .con03 .logo_w > div .img{ margin-bottom: 8px; } #sub.about .con03 .logo_w > div{ margin-right: 20px; } #sub.about .con03 .color{ margin-top: 80px; } #sub.about .con03 .color > strong{ font-size: 24px; } #sub.about .con03 .color .cwrap > div{ height: 60px; padding: 0 18px; } #sub.about .con03 .color .cwrap > div > p{ font-size: 14px; } #sub.about .con03 .color img{ max-width: 480px; width: 100%; margin-top: 30px; } #sub.about .con04{ padding-top: 100px; } #sub .con:last-child{ padding-bottom: 100px; } #sub.about .con04 .add .root_daum_roughmap .wrap_map{ height: 300px; } #sub.about .con04 .add .m_address ul li{ font-size: 16px; } #sub.about .con04 .add .m_address ul li i{ margin-right: 5px; } #sub.about .con04 .add .m_address ul li i img{ width:20px; } #sub.about .con04 .c_wrap{ margin-top: 30px; } #sub.b_list .list > div > a{ padding: 20px 30px; display: block; height: auto; } #sub.b_list .list > div{ height: auto; } #sub.b_list .list > div .num{ font-size: 14px; } #sub.rnd.result .con03{ padding-top: 100px; } #sub.rnd.result .con02{ padding-bottom: 100px; } #sub.ethical .con01 .banner .img img{ width: 500px; } #sub.ethical .con01 .banner .txts i{ margin-bottom: 20px; } #sub.ethical .con01 .banner .txts i img{ width: 60px; } #sub.ethical .con01 .banner .txts p{ font-size: 14px; line-height: 1.5em; } #sub.ethical .con01 .banner .txts{ padding-bottom: 100px; } #sub.ethical .con01 .banner{ height: auto; } #sub.ethical .con02 .num_slide .swiper-slide .nums .ct{ margin: 0; margin-bottom: 20px; margin-top: -90px; } #sub.ethical .con02 .num_slide .swiper-slide{ padding: 0 20px; } #sub.ethical .con02 .left{ margin-right: 30px; } #sub .pp01 br{ display: none; } #sub .pp01{ word-break: keep-all; } #sub.b_list .list > div .cate{ width: 70px; height: 32px; line-height: 32px; font-size: 13px; margin-right: 0; margin-bottom: 5px; } #sub.b_list .list > div .arrow{ right: 20px; } #sub.b_list .list > div .arrow svg{ width: 40px; height: auto; } #sub.product .list > div{ width: 50%; margin-bottom: 80px; } #sub.product .list > div .txt{ margin-top: 15px; } #sub.product .list > div .txt strong{ font-size: 18px; margin-bottom: 10px; padding-bottom: 10px; } #sub.product .list > div .txt span{ font-size: 14px; } #sub.product .list > div .img img{ height: 80%; } #sub.people .con01 .list > div > ul{ padding: 0; } #sub.people .c_title{ margin-bottom: 30px; } #sub.people .con02 .pri > dl{ padding: 20px; } #sub.people .con02 .pri{ flex-wrap: wrap; } #sub.people .con02 .pri > dl{ margin-right: 15px; } #sub.people .con02 .pri > dl:nth-child(2n+0){ margin-right: 0; } #sub.people .con02 .pri > dl{ width: 48%; margin-right: 4%; margin-bottom: 20px; } #sub.people .con03 .bene dl{ width: 48%; margin-right: 4%; } #sub.people .con03 .bene dl:nth-child(3n+0){ margin-right: 4%; } #sub.people .con03 .bene dl:nth-child(2n+0){ margin-right: 0; } #sub.people .con02 .step{ flex-wrap: wrap; margin-top: 20px; } #sub.people .con02 .step > div{ width: 24%; margin-right: 1.3333333%; max-width: none; margin-bottom: 10px; } #sub.people .con02 .dl_w2{ flex-wrap: wrap; } #sub.people .con02 .dl_w{ margin-bottom: 40px; } #sub.people .con02 .step > div:nth-child(4n+0){ margin-right: 0; } #sub.people .con02 .dl_w2 > dl{ width: 100%; margin-right: 0; margin-bottom: 40px; } #sub.people .con02 .dl_w2 > dl:last-child{ margin-bottom: 0; } #sub.career .c_info{ margin-top: 10px; } #sub.career .c_info span{ padding: 4px 10px; font-size: 13px; } #sub.career.b_list .list > div{ height: auto; } #sub.view.career .back_btn{ margin-right: 30px; } #sub.board .back_btn a{ font-size: 16px; } #sub.board .back_btn a svg{ width: 120px; height: auto; } #sub.board .apply_btn a{ font-size: 16px; } #sub.board .apply_btn a svg{ width: 120px; height: auto;} #sub.view.career .btn_wrap{ margin-top: 30px; } #sub.partner .con02 {margin-top: 100px;} #sub.partner .con01 {padding-bottom: 100px; padding-top: 100px; background: linear-gradient(to top, #F6F7F8 , #fff 50%);} #sub.online .con03 .inner > p , #sub.partner .con02 p {font-size: 14px;} #sub.partner .con02 .privacy {padding: 30px; margin-top: 15px;} #sub.partner .con02 .privacy p {font-size: 14px; line-height: 26px;} #sub.partner .con02 .agree {margin-top: 15px;} #sub.partner .con02 .agree {margin-top: 15px;} #sub.partner .con02 .agree label {font-size: 15px;} #sub .arbtn{margin-top:50px;} #sub .arbtn a{font-size: 18px;} #sub.partner .con02 .agree input[type="checkbox"] + label::before {width: 15px; height: 15px;} #sub .arbtn a svg {width: 180px;} #sub.online .con01 {padding-bottom: 100px; padding-top: 100px;background: linear-gradient(to top, #F6F7F8 , #fff 50%);} #sub.online .con03 {padding-top: 100px;} #sub.online .con03 p {font-size: 14px;} #sub.online .con02 {margin-top: 100px;} #sub.online .con02 form {margin-top: 60px; padding-top: 30px;} #sub.online .con02 form div {width: calc(50% - 40px); margin-right: 40px;} #sub.online .con02 form div + div {margin-top: 15px;} #sub.online .con02 form label {font-size: 16px; width: 60px; margin-right: 20px; padding-top: 15px;} #sub.online .con02 form input {width: calc(100% - 100px);} #sub.online .con02 form textarea {width: calc(100% - 100px);min-height: 300px; padding-top: 20px;} #sub.online .con03 {margin-top:0;} #sub .agree label {font-size: 16px;} input::placeholder, textarea::placeholder, input[type="text"], input[type="number"], input[type="email"], input[type="search"], input[type="password"], input[type="date"], input[type="tel"], select, textarea {font-size: 16px;} input[type="text"], input[type="number"], input[type="email"], input[type="search"], input[type="password"], input[type="date"], input[type="tel"], select, textarea {padding: 0 0 0 10px;} } @media (max-width: 850px){ #sub.online .con02 form div.sed { margin-top: 10px;} #sub.product .sub_tab2 {border: 0;} /* #sub.product .sub_tab2::after {content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; border-bottom: 1px solid #ddd;}*/ #sub.product .sub_tab2 ul {flex-wrap: wrap; height: unset; border-bottom: 1px solid #ddd; background: #fff;} #sub.product .sub_tab2 ul li a {white-space: nowrap;} #sub .con01{ padding-top: 100px; } #sub .con:last-child{ padding-bottom: 100px; } #sub.greeting .con .inner{ flex-flow: column; } #sub.greeting .con .inner > div{ width: 100%; margin-right: 0; } #sub.greeting .con .left strong br{ display: block; } #sub.greeting .con .left{ margin-bottom: 30px; } #sub .sub_visual .txt strong{ font-size: 70px; } #sub .sub_visual{ height: 50vh; } #sub .sub_tab{ height: 60px; } #sub .sub_tab .inner .home a{ line-height: 60px; font-size: 16px; } #sub .sub_tab .inner .depth > button{ height: 60px; font-size: 16px; padding-left: 18px; } #sub .sub_tab .inner .home{ width: 80px; } #sub .sub_tab .inner .depth{ width: 200px; } #sub .sub_tab .inner .depth > button svg{ width: 8px; height: auto; } #sub .sub_tab .inner .depth > ul > li{ margin-bottom: 10px; } #sub .sub_tab .inner .depth > ul > li > a{ font-size: 14px; } #sub .sub_tab .inner .depth > ul{ padding: 20px 18px; } #sub .sub_tab .inner .depth > ul > li > button{ font-size: 14px; } #sub .sub_tab .inner .depth > ul > li > button svg{ width: 8px; height: auto; margin-left: 5px; } #sub .sub_tab .inner .depth > ul > li > ul > li > a{ font-size: 13px; } #sub .sub_tab .inner .depth > ul > li > ul > li{ margin-bottom: 5px; } #sub.board .search .input{ width: 100%; font-size: 14px; } #sub.board .search .input{ height: 50px; } #sub.board .search .input input[type="text"]{ font-size: 14px; } #sub.board .search select{ width: 30%; height: 50px;font-size: 14px; } #sub.board .search .input button{ height: 50px; width: 50px; background-size: 20px;} #sub.view .v_list{ padding: 12px 0; } #sub.view .v_list i svg{ width: 28px; height: auto; } #sub.view .v_list i{ margin-right: 5px; } #sub.view .v_list a{ font-size: 14px; } #sub.rnd.vision .con01 .num img{ width: 90px; } #sub.rnd.vision .con01 .num{ margin-bottom: -45px; } #sub.rnd.vision .con01 .inner:before{ display: none } #sub.rnd.vision .con01 .inner:after{ display: none; } #sub.rnd.vision .con01 .txt .line .box p{ font-size: 14px; } #sub.rnd.vision .con01 .txt{ height: 130px; } #sub.rnd.vision .con01{ padding-bottom: 60px; } #sub.rnd.vision .con02{ padding-top: 60px; } #sub.ethical .con01{ padding-bottom: 60px; } #sub.rnd.result .con01{ height: 420px; background-size: cover; } #sub.rnd.result .con01 p{ margin-top: 140px; font-size: 14px; line-height: 1.5em ;} #sub .st01{ font-size: 24px; line-height: 1.5em; } #sub .pp01{ font-size: 14px; line-height: 1.5em; } #sub.ethical .con01 strong{ margin-bottom: 15px; } #sub.ethical .con01 .banner .txts{ padding-left: 40px; } #sub.ethical .con02 .num_slide .swiper-slide .txts p{ font-size: 14px; } #sub.ethical .con02 .num_slide .swiper-slide .nums strong{ font-size: 40px; } #sub.ethical .con02 .left .controls svg{ width: 40px; height: auto; } #sub.ethical .con02 .left .controls .swiper-pagination{ margin: 0 10px; font-size: 14px; } #sub.ethical .con02 .left .controls .swiper-pagination .swiper-pagination-current{ font-size: 18px; } #sub.ethical .con02 .left .controls{ margin-top: 40px ;} #sub.people .con02 .dl_w > dl > dt{ text-align: center; } #sub.people .con02 .dl_w > dl > dt:after{ height: 2px; left: 50%; transform: translate(-50%,0);} #sub.ethical .con02 .left .controls .swiper-button-next2, #sub.ethical .con02 .left .controls .swiper-button-prev2{ width: auto; height: auto; } #sub.ethical .con02{ padding-top: 120px; } #sub.view .cate{ width: 60px; height: 32px; line-height: 32px; font-size: 12px !important; } #sub.view .con01 .title span:nth-child(1){ margin-bottom: 5px; margin-right: 0; } #sub.product.view .con .info{ display: block; } #sub.people .con02 .dl_w > dl > dt > span{ display: block; line-height: 1.3em; margin-top: 5px; } #sub.people .con02 .dl_w > dl > dt > span br{ display: block; } #sub.product.view .con .info .img_w{ width: 100%; } #sub.product.view .con .info .txt{ width: 100%; margin-top: 30px; padding-left: 20px; padding-right: 20px; } .swiper-wrapper{ height: auto; } #sub.people .con01 .list{ flex-wrap: wrap; } #sub.people .con03 .bene dl dt i{ margin: 0 auto; margin-bottom: 20px; } #sub.people .con01 .list > div{ width: 100%; margin-bottom: 40px; margin-right: 0; } #sub.people .con03 .bene dl dt:after{ height: 2px; left: 50%; transform: translate(-50%,0);} #sub.people .con03 .bene dl dt strong{ text-align: center; } #sub.people .con01 .list > div .icon{ width: 120px; margin: 0 auto; padding: 20px 0; } #sub.people .con01 .list > div .icon i{ width: 80px; height: 80px; } #sub.people .c_title strong{ font-size: 28px; } #sub.people .c_title p{ font-size: 14px;margin-top: 10px; } #sub.people .con02 .dl_w > dl > dt{ font-size: 18px; padding-bottom: 10px; } #sub.people .con02 .dl_w > dl > dd{ margin-top: 10px; } #sub.people .con02 .dl_w > dl > dd > p{ font-size: 14px; } #sub.people .con01{ margin-bottom: 60px; } #sub.people .con02{ padding: 60px 0; } #sub.people .con02 .step > div strong{font-size: 14px; } #sub.people .con02 .step > div p{ font-size: 14px; } #sub.people .con02 .step > div{ height: 80px; } #sub.people .con02 .pri > dl > dt{ margin-bottom: 5px; } #sub.people .con02 .pri > dl{ width: 49%; margin-right: 2%; margin-bottom: 10px; } #sub.people .con03 .bene dl dt i{ width: 70px; height: 70px; } #sub.people .con03 .bene dl dt i svg{ width: 40px; } #sub.people .con03 .bene dl dt strong{ font-size: 16px; } #sub.people .con03 .bene dl dt{ margin-bottom: 10px; padding-bottom: 10px; } #sub.cultural .con01 .img{ position: static; } #sub.cultural .con01{ padding-bottom: 0 !important; } #sub.cultural .con01 .img{ display: flex; justify-content: flex-end; } #sub.cultural .con01 .img img{ width: 90%; transform: translateX(20px);} #sub.cultural .apply_btn{ margin-top: 50px; } #sub.cultural .txt .st01 span:after{ width: 100px; height: 100px; background-size: 100%; right: -50px; top: -35px; } #sub .apply_btn a{ font-size: 16px; } #sub .apply_btn a svg{ width: 120px; height: auto; } #sub.cultural .txt .pp01:after{ display: none; } #sub.cultural .txt .pp01{ margin-top: 20px; padding-left: 0; } #sub.cultural .con01 .img:after{ display: none; } #sub.ethical .con02 .num_slide .swiper-slide .nums .ct{ border-width: 6px; } #sub.greeting .icons img:nth-child(2){ display: none; } #sub.product.view .con .info .txt .t_list .wrap{ height: auto; overflow-y: visible; } #sub.about .con05 .a_list > div{ width: 48%; margin-right: 4%; } #sub.about .con05 .a_list > div:nth-child(3n+0){ margin-right: 4%; } #sub.about .con05 .a_list > div:nth-child(2n+0){ margin-right: 0; } #sub.about .con05 .a_list > div dl dd table td{ word-break: keep-all; } #sub.about .con05 .a_list > div dl dd table td br{ display: none; } #sub.product.view .con .info .txt .t_top .icon ul{ transform: translateY(0);} #sub.partner .con01 .img {margin-top: 20px;} #sub.online .con03 p {font-size: 13px;} #sub.online .con02 form {margin-top: 40px; padding-top: 20px;} #sub.online .con02 form div {width: 100%; margin-right:0; height: 45px;} #sub.online .con02 form div:nth-child(2) {margin-top: 10px;} #sub.online .con02 form div + div {margin-top: 10px;} #sub.online .con02 form label {font-size: 14px; width: 50px; margin-right: 20px; padding-top: 15px;} #sub.online .con02 form input {width: calc(100% - 100px);} #sub.online .con02 form textarea {width: calc(100% - 100px);min-height: 200px; padding-top: 20px;} #sub.inquiry .con02 .form-row{flex-direction: column} #sub.inquiry .con02 .label-col, #sub.inquiry .con02 .input-col{width: 100%} #sub.online .con01 .img img, #sub.partner .con01 .img img {height: 270px;} #sub.inquiry .con02 textarea, #sub.inquiry .con02 textarea, #sub.inquiry .con02 input[type="text"], #sub.inquiry .con02 input[type="email"], #sub.inquiry .con02 input[type="tel"], #sub.inquiry .con02 input[type="date"], #sub.inquiry .con02 input[type="number"], #sub.inquiry .con02 select{height: 36px;font-size: 14px} #sub.inquiry .con02 *:placeholder{font-size: 14px !important} #sub.inquiry .con02 .label-col{font-size: 14px} input::placeholder, textarea::placeholder, input[type="text"], input[type="number"], input[type="email"], input[type="search"], input[type="password"], input[type="date"], input[type="tel"], select, textarea {font-size: 14px;} #sub.inquiry .con02 .form-row{gap: 10px} #sub.ethical .con05 .list > li .title strong{font-size: 18px} } @media (max-width: 640px){ #sub.ethical .con05 .list{flex-direction: column;gap: 25px} #sub.ethical .s_title strong{font-size: 24px} #sub.ethical .con03 .right p{font-size: 13px;word-break: keep-all} #sub.ethical .con03 .right p br{display: none} #sub.online .con01 .img img, #sub.partner .con01 .img img {height: 220px;} #sub.ethical .con03 .right{padding: 10px} #sub.product .sub_tab2 ul li {height: 39px;} #sub.product .list > div .img {overflow: hidden;} #sub.product .list > div .img img {transform: scale(1.3)} #sub.greeting .con .left strong{ font-size: 20px; line-height: 1.5em; } #sub .con01{ padding-top: 60px; } #sub .con:last-child{ padding-bottom: 60px; } #sub.greeting .con .right p{ font-size: 13px; line-height: 1.3em; } #sub.greeting .con .right p.p02{ margin-top: 20px; } #sub.greeting .con .inner .left{ margin-right: 0; margin-bottom: 10px; } #sub .sub_visual .txt strong{ font-size: 40px; } #sub .sub_visual{ height: 40vh; } #sub .sub_tab .inner .home{ display: none; } #sub .sub_tab .inner .depth:last-child:after{ display: none; } #sub .sub_tab .inner .depth{ width: 50%; } #sub .sub_tab{ height: 50px; } #sub .sub_tab .inner .depth > button{ height: 50px; } #sub .sub_tab .inner .depth > button{ font-size: 14px; } #sub .sub_tab .inner{ padding: 0; } body, html{ overflow-x: hidden; } #sub .sub_tab2{ display: none; } #sub .sub_tab2 ul li{margin-right: 15px} #sub .sub_tab2 ul li a{font-size: 13px} #sub.inquiry .sub_tab2{display: block} #sub.product .sub_tab2{ display: block; } #sub.product .sub_tab2 ul li a{ font-size: 13px; } #sub.product .sub_tab2 ul li{ margin-right: 25px; } #sub.product .sub_tab2 ul li:last-child{ margin-right: 0; } #sub.product .sub_tab2 ul li a{ line-height: 40px; } #sub.product .sub_tab2{ height: 40px; } /* #sub.product .sub_tab2 ul{ height: 100%;} */ #sub.product .sub_tab2 ul li.on a:after{ height: 2px; } #sub.about .con01, #sub.about .con02, #sub.about .con03{ padding: 60px 0; } #sub.about .con04{ padding-top: 60px; } #sub .con:last-child{ padding-bottom: 60px; } #sub.about .a_title strong{ font-size: 24px; } #sub.about .a_title p{ font-size: 13px; } #sub.about .con02 .h_slide .swiper-slide dt{ font-size: 18px; } #sub.about .con02 .h_slide .swiper-slide dd ul li{ font-size: 13px; } #sub.about .con02 .h_slide .swiper-slide dd ul li:after{ top: 8px; } #sub.about .a_title p br{ } #sub.about .con03 .logo_w > div .txt p{ font-size: 13px; } #sub.about .con03 .logo_w > div{ width: 48%; margin-right: 4%; margin-bottom: 20px ;} #sub.about .con03 .logo_w{ flex-wrap: wrap; } #sub.about .con02 .h_slide .swiper-slide dd ul li{ margin-bottom: 8px; } #sub.about .con03 .logo_w > div:nth-child(2n+0){ margin-right: 0; } #sub.about .con02 .h_slide .swiper-slide{ padding-right: 30px; } #sub.about .con02 .h_slide .swiper-slide{ width: 240px; } #sub.about .con02 .control{ bottom: auto; top: 50%; transform: translate(0,-50%);} #sub.about .con03 .color > strong{ margin-bottom: 20px; } #sub.about .con04 .contact{ width: 100%; } #sub.about .con04 .c_wrap{ display: block; } #sub.about .con04 .contact .tabs{ margin-bottom: 20px; } #sub.about .con04 .c_wrap{ margin-top: 10px; } #sub.about .con04 .contact .tabs ul{ display: flex; } #sub.about .con04 .contact .tabs ul li{ width: 31.333333%; margin-right: 3%; } #sub.about .con04 .contact .tabs ul li:last-child{ margin-right: 0; } #sub.about .con04 .contact .tabs ul li.on:after{ display: none; } #sub.about .con04 .contact .tabs ul li{ height: 48px; border-radius: 10px; margin-bottom: 0; } #sub.about .con04 .contact .tabs ul li.on a{ font-size: 14px; } #sub.about .con04 .contact .tabs ul li a{ display: block; width: 100%; height: 100%; font-size: 14px; text-align: center; padding-left: 0; line-height: 40px; } #sub.about .con04 .add .m_address ul li{ font-size: 13px; line-height: 1.5em; margin-right: 0; } #sub.b_list .list > div > a{ padding: 15px 0; } #sub.b_list .list > div .tit strong{ font-size: 16px; } #sub.b_list .list > div .tit .icon i img{ width: 20px; } #sub.b_list .list > div .li_info p{ font-size: 13px; margin-right: 10px; } #sub.board .page ul li{ width: 28px; height: 28px; background-size: 100% 100%; } #sub.board .page ul li a{ background-size: 100% 100% !important; font-size: 13px; line-height: 28px; } #sub.board .page ul li{ margin-right: 5px; } #sub.board .search{ margin-bottom: 30px; } #sub.b_list .list > div .tit{ width: 100%; } #sub.b_list .list{ margin-top: 0; margin-bottom: 0; } #sub.b_list .list > div .tit strong{ font-size: 14px; } #sub.board .search select{ width: 100%; margin-right: 0; font-size: 13px; height: 40px; padding-left: 10px; background-size: 8px; background-position: right 10px center; } #sub.board .search .input input[type="text"]{ font-size: 13px; } #sub.board .search .input button{ height: 40px; width :40px; background-size: 16px; } #sub.board .search .input{ height: 40px; } #sub.board .search {flex-flow: column; } #sub.board .back_btn a{ font-size: 16px; } #sub.rnd.vision .con01 .inner{ display: block; } #sub.rnd.vision .con01 .inner > div{ width: 100%; margin-right: 0; margin-bottom: 30px; } #sub.rnd.vision .con01 .inner > div{ margin-bottom: 0; } #sub.rnd.vision .con01:before{ height: 80%; } #sub.rnd.vision .con02 .inner{ display: block; } #sub.rnd.vision .con02 .inner > div{ width: 100%; margin-right: 0; margin-bottom: 30px; } #sub.rnd.vision .con02 .inner > div:last-child{ margin-bottom: 0; } #sub.rnd.vision .con02 dl dt{ font-size: 18px; } #sub.rnd.vision .con02 dl dd{ word-break: keep-all; font-size: 13px; } #sub.rnd.vision .con02 dl dd br{ display: none; } #sub.rnd.vision .con01 .txt .line .box{ padding: 10px; } #sub.rnd.vision .con01 .txt .line .box p{ font-size: 13px; line-height: 1.5em; } #sub.rnd.vision .con01 .txt .line .box p br{ display: none; } #sub.rnd.result .con01 p br{ display: none; } #sub.rnd.result .con01 p{ word-break: keep-all; } #sub.rnd.result .con03 .inner{ display: block; } #sub.rnd.result .con03 .inner > div{ width: 100%; } #sub.rnd.result .con03 .left .tit strong{ font-size: 30px; } #sub.rnd.result .con03{ padding-top: 60px; } #sub.rnd.result .con02{ padding-bottom: 60px; } #sub.rnd.result .con03 .left{ margin-bottom: 30px; } #sub.rnd.result .con03 .left .tit p{ font-size: 14px; margin-top: 0; } #sub.rnd.result .con03 .left .txt .p01{ font-size: 16px; } #sub.rnd.result .con03 .left .txt .p02{ font-size: 13px; } #sub.rnd.result .con01{ height: 280px; } #sub.rnd.result .con01 p{ margin-top: 80px; font-size: 13px; } #sub.rnd.result .con03 .left .txt .p01{ font-size: 14px; word-break: keep-all; } #sub.ethical .con02 .inner{ display: block; } #sub.ethical .con02 .inner > div{ width: 100%; } #sub.ethical .con02 .num_slide .swiper-slide{ height: 300px; } #sub.ethical .con02 .num_slide .swiper-slide .nums{ padding-bottom: 20px; } #sub.ethical .con02 .left .controls{ margin-top: 20px; } .swiper-wrapper{ height: auto; } #sub.ethical .con02{ padding-top: 60px; } #sub.ethical .con02 .inner .right{ margin-top: 80px; } #sub.ethical .con02 .num_slide .swiper-slide .nums .ct{ width: 140px; height: 140px; } #sub.ethical .con02 .num_slide .swiper-slide{ height: 200px; } #sub.ethical .con02 .num_slide .swiper-slide .txts{ padding-top: 20px; } #sub.ethical .con01 .banner .img img{ width: 200px; } #sub.ethical .con01 .banner .txts{ padding-top: 60px; padding-bottom: 60px; } #sub.ethical .con01 .banner .txts p{ margin-bottom: 20px; } #sub .st01{ font-size: 18px; } #sub .pp01{ font-size: 13px; } #sub.ethical .con01 .banner .img{ right: -30px; } #sub.ethical .con01 .banner .txts i{ display: none; } #sub.ethical .con01 .banner .txts{ padding-right: 20px; } #sub.ethical .con01 .banner .txts p{ word-break: keep-all; position: relative; z-index: 1; } #sub.ethical .con01 .banner .txts p br{ display: none; } #sub.ethical .con01 .banner .img{ bottom: 0; } #sub.ethical .con02 .num_slide .swiper-slide .nums .ct{ margin-bottom: 0; } #sub.b_list .list > div .arrow{ right:0; } #sub.b_list .list > div .cate{ width: 60px; font-size: 11px; line-height: 26px; height: 26px; } #sub.product.view .con .info .txt .t_top .tt strong{ font-size: 22px; } #sub.product.view .con .info .txt .t_top .icon ul li{ margin-right: 5px; } #sub.product.view .con .info .txt .t_top .tt span{ font-size: 13px; } #sub.product.view .con .info .txt .t_list table th{ font-size: 13px; } #sub.product.view .con .info .txt .t_list table td{ font-size: 13px; } #sub.product.view .con .info .txt .t_list table td br{ display: none; } #sub.product.view .con .info .txt .t_list p{ font-size: 12px; } #sub.board .back_btn a svg{ width: 120px; height: auto; } #sub.product .list > div{ border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 20px; width: 48%; margin-right: 4%; } #sub.product .list > div:nth-child(2n+0){ margin-right: 0; } #sub.product .list > div .txt{ margin-top: 5px; } #sub.product .list > div .txt strong{ border: none; padding-bottom: 0; margin-bottom: 5px;} #sub.product .list > div .txt{ padding: 0 10px; } #sub.product.view .con .info .p_slide .swiper-pagination-progressbar{ bottom: 20px; } #sub.product .list > div .txt strong{ font-size: 16px; } #sub.product.view .con .info .p_slide .swiper-button-prev{ left: 20px; } #sub.product.view .con .info .p_slide .swiper-button-prev svg{ width: 40px; height: auto; } #sub.product.view .con .info .p_slide .swiper-button-next{ right: 20px; } #sub.product.view .con .info .p_slide .swiper-button-next svg{ width: 40px; height: auto; } #sub.people .c_title strong{ font-size: 20px } #sub.people .c_title p{ font-size: 13px; word-break: keep-all; } #sub.people .con01 .list > div .icon i svg{ width: 40px; } #sub.people .con01 .list > div .icon i{ width: 60px; height :60px; } #sub.people .con01 .list > div .li_tit strong{ font-size: 16px; width: 100px; height: 38px; line-height: 32px; } #sub.people .con01 .list > div .li_tit p{ font-size: 13px; } #sub.people .con01 .list > div > ul > li{ font-size: 13px; } #sub.people .con01 .list > div > ul > li:after{ top: 8px; } #sub.people .con02 .dl_w > dl > dt{ font-size: 14px; } #sub.people .con02 .dl_w > dl > dd > p{ font-size: 13px; } #sub.people .con02 .step > div strong{ font-size: 12px; } #sub.people .con02 .step > div p{ font-size: 12px; } #sub.people .con02 .step > div{ width: 49%; margin-right: 2%; } #sub.people .con02 .step > div:nth-child(2n+0){ margin-right: 0; } #sub.people .con02 .step > div{height: 60px; } #sub.people .con02 .step > div strong:after{ width: 20px; margin: 4px auto; } #sub.people .con02 .pri > dl > dt{ font-size: 13px; } #sub.people .con02 .pri > dl > dd{ font-size: 12px; } #sub.people .con02 .pri > dl > dt:after{ top: 6px; } #sub.people .con02 .pri > dl{ width: 100%; margin-right: 0; padding: 14px; } #sub.people .con03 .bene dl{ width: 100%; margin-right: 0; margin-bottom: 30px; } #sub.people .con03 .bene dl dt i{ width: 60px; height: 60px; } #sub.people .con03 .bene dl dt i svg{ width: 30px; } #sub.people .con03 .bene dl dt strong{ font-size: 14px; } #sub.people .con03 .bene dl dd{ font-size: 13px; } #sub.people .con03 .bene dl dt:after{ height :2px; } #sub.people .con03{ padding-top: 60px; } #sub.people .con01 .list > div:last-child{ margin-bottom: 0; } #sub.career.b_list .list > div .tit p{ font-size: 12px; margin-top: 5px; } #sub.career .c_info{ margin-top: 5px; } #sub.career .c_info span{ font-size: 12px; padding: 3px 8px; } #sub.board .back_btn a{ font-size: 14px; } #sub.board .back_btn a svg{ width: 80px; height: auto; } #sub.board .apply_btn a{ font-size: 14px; } #sub.board .apply_btn a svg{ width: 80px; height: auto;} #sub.view.career .btn_wrap{ margin-top: 20px; } #sub.view .con01 .text{ font-size: 13px; } #sub.view.career .c_info{ position: static; transform: translate(0,0); margin-top: 5px; } #sub.cultural .txt .pp01{ margin-top: 10px; } #sub.cultural .apply_btn{ margin-top: 20px; } #sub .apply_btn a{ font-size: 14px; } #sub .apply_btn a svg{ width: 100px; } #sub.cultural .con01:after{ display: none; } #sub.b_list .list > div .li_info p i img{ width: 20px; } #sub.b_list .list > div .li_info p i{ margin-right: 2px; } #sub.b_list .list > div .tit .icon i{ margin-right: 2px; } #sub.privacy .con01 .box{ margin-top: 10px; margin-bottom: 15px; padding: 10px; } #sub.privacy .con01 .p02{ font-size: 13px; } #sub.privacy .con01 .p01{ font-size: 13px; margin-bottom: 4px; } #sub.privacy .con01 .box2{ margin-bottom: 15px; } #sub.people .con01 .list > div .icon{ width: 100px; } #sub.people .con01 .list > div{ margin-bottom: 30px; } #sub.people .con03 .bene dl{ margin-bottom: 30px !important;} #sub.people .con03 .bene dl:last-child{ margin-bottom: 0 !important;} #sub.about .con01 .a_txt dl dt{ font-size: 22px; margin-bottom: 5px; } #sub.about .con01 .a_txt dl dd{ font-size: 13px; line-height: 20px; } #sub.about .con01 .a_txt dl{ padding: 25px; } #sub.about .con01 .a_txt{ margin-top: 20px; } #sub.about .con05{ padding: 60px 0; } #sub.about .con05 .a_list > div{ width: 100%; margin-right: 0; margin-top: 30px; } #sub.about .con05 .a_list > div dl dd{ margin-top: 10px; } #sub.about .con05 .a_list > div dl dt{ font-size: 15px; padding-bottom: 10px; } #sub.product.view .con .info .txt .t_top .icon{ display: flex; position: static; justify-content: flex-end; margin-bottom: 10px; } #sub.product.view .con .info .txt{ margin-top: 10px; } #sub.product .list > div{ margin-bottom: 40px; } #sub.partner .con02 {margin-top: 60px;} #sub.partner .con01 {padding-bottom: 60px; padding-top: 60px;} #sub.partner .con01 .txt strong br {display: none;} #sub.online .con03 .inner > p , #sub.partner .con02 p {font-size: 13px;} #sub .privacy {padding: 20px; margin-top: 15px; height: 400px;} #sub .privacy p {font-size: 13px; line-height: 20px;} #sub .agree {margin-top: 10px;} #sub .agree {margin-top: 10px;} #sub .agree label {font-size: 14px;} #sub .arbtn{margin-top:50px;} #sub .arbtn a{font-size: 16px;} #sub .arbtn a svg {width: 150px;} #sub.onlin .con03 p {font-size: 13px;} #sub.partner .con06 ul li{gap: 10px;width: 100%} #sub.partner .con06{margin-top: 60px;} #sub.partner .con05 ul li{width: 100%} #sub.partner .con06{margin-bottom: 60px;} #sub.partner .con08{padding: 60px 0} } @media (max-width: 540px){ /* ci downloae */ .ci_download {padding: 0 20px; width: 160px; height: 50px; margin-top: 40px;} .ci_download p {font-size: 14px;} .ci_download svg {width: 14px;} #sub.product.view .con{ padding-top: 50px; } #sub.cultural .st01{ word-break: keep-all; } #sub.cultural .st01 br{ display: none; } #sub.people .con02 .dl_w > dl > dd > p br{ display: none; } #sub.about .a_title p br{ display: none; } #sub.about .a_title p{ word-break: keep-all; } #sub.about .con01 .a_txt dl dd{ word-break: keep-all; } #sub.about .con01 .a_txt dl dd br{ display: none; } #sub.product .sub_tab2 ul li a{ height: 100%; line-height: 1em; display: flex; justify-content: center; align-items: center; text-align: center; word-break: keep-all; } #sub.partner .con08 ul li button{width: 50px;} #sub.partner .con08 ul li i{display: none} } @media (max-width: 320px){ #sub.about .con04 .contact .tabs ul{ flex-flow: column; } #sub.about .con04 .contact .tabs ul li{ width: 100%; margin-right: 0; margin-bottom: 6px; } #sub.about .con03 .color .cwrap > div > p{font-size: 12px; } #sub.about .con03 .color .cwrap > div:nth-child(1) p:nth-child(1){ display: none; } #sub.view .con01 .title strong{ font-size: 16px; } #sub.view .v_list a{ font-size: 13px; word-break: break-all; } #sub.rnd.result .con03 .left .txt .p01 br{ display: none; } #sub.ethical .con02 .num_slide .swiper-slide .nums .ct{ width: 90px; height: 90px; } #sub.ethical .con02 .num_slide .swiper-slide .nums strong{ font-size: 24px; } #sub.ethical .con02 .num_slide .swiper-slide .txts p{ font-size: 13px; } #sub.product .list > div{ width: 100%; } } /* 기업 Contact / Culture & Sports */ #sub.company_contact .company_intro, #sub.culture_sports .culture_story, #sub.championship .championship_intro{padding:150px 0 100px;} #sub.company_contact .eyebrow, #sub.culture_sports .eyebrow, #sub.championship .eyebrow{color:#40BE00;font-size:18px;font-weight:600;letter-spacing:.08em;margin-bottom:20px;} #sub.company_contact h1, #sub.culture_sports h1, #sub.championship h1{font-size:56px;line-height:1.3;color:#2B2B2B;font-weight:600;margin-bottom:30px;} #sub.company_contact .company_intro > p:last-child, #sub.culture_sports .culture_story > p:last-child, #sub.championship .championship_intro > p:last-child{font-size:20px;line-height:1.8;color:#4E4E4E;} #sub.company_contact .company_faq{background:#F6F7F8;padding:120px 0;} #sub.company_contact .section_heading, #sub.championship .section_heading{margin-bottom:48px;} #sub.company_contact .section_heading p, #sub.championship .section_heading p{color:#40BE00;font-size:18px;font-weight:600;margin-bottom:12px;} #sub.company_contact .section_heading h2, #sub.championship .section_heading h2{font-size:42px;color:#2B2B2B;font-weight:600;} #sub.company_contact .faq_list{border-top:2px solid #2B2B2B;} #sub.company_contact .faq_list > div{padding:32px 30px;border-bottom:1px solid #DDE5D9;} #sub.company_contact .faq_list dt{font-size:22px;font-weight:600;color:#2B2B2B;margin-bottom:14px;} #sub.company_contact .faq_list dd{font-size:18px;line-height:1.6;color:#4E4E4E;} #sub.company_contact .faq_list a, #sub.culture_sports .text_link{color:#369500;text-decoration:underline;font-weight:600;} #sub.company_contact .company_locations{padding:120px 0 150px;} #sub.company_contact .location_grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:2px solid #2B2B2B;} #sub.company_contact .location_grid article{min-height:150px;padding:30px;border-bottom:1px solid #DDE5D9;} #sub.company_contact .location_grid article:nth-child(odd){border-right:1px solid #DDE5D9;} #sub.company_contact .location_grid strong{display:block;font-size:22px;color:#2B2B2B;margin-bottom:14px;font-weight:600;} #sub.company_contact .location_grid p{font-size:17px;line-height:1.6;color:#4E4E4E;word-break:break-word;} #sub.company_contact .location_layout{display:flex;border-top:2px solid #2B2B2B;} #sub.company_contact .location_tabs{width:29%;border-right:1px solid #DDE5D9;} #sub.company_contact .location_tabs button{display:block;width:100%;padding:23px 28px;border-bottom:1px solid #DDE5D9;text-align:left;font-size:18px;font-weight:600;color:#4E4E4E;} #sub.company_contact .location_tabs button.on{color:#fff;background:#40BE00;} #sub.company_contact .location_panels{width:71%;} #sub.company_contact .location_panel{display:none;padding:38px;} #sub.company_contact .location_panel.on{display:block;} #sub.company_contact .location_panel strong{display:block;font-size:28px;color:#2B2B2B;font-weight:600;margin-bottom:12px;} #sub.company_contact .location_panel p{font-size:18px;line-height:1.6;color:#4E4E4E;margin-bottom:28px;} #sub.company_contact .location_panel iframe{display:block;width:100%;height:430px;border:0;} #sub.about .affiliate_network{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:50px;} #sub.about .affiliate_network > div{padding:28px 30px;background:#F6F7F8;border-left:3px solid #40BE00;} #sub.about .affiliate_network strong{display:block;font-size:20px;color:#2B2B2B;margin-bottom:10px;} #sub.about .affiliate_network p{font-size:17px;line-height:1.6;color:#4E4E4E;} #sub.about .con05 .a_list > div .affiliate-logo{height:160px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;box-shadow:0 0 30px rgba(28,85,0,0.1);overflow:hidden;} #sub.about .con05 .a_list > div .affiliate-logo img{width:82%;max-height:72%;object-fit:contain;border-radius:0;box-shadow:none;} #sub.about .affiliate_table_wrap{margin-top:55px;overflow-x:auto;} #sub.about .affiliate_table{width:100%;min-width:1080px;border-collapse:collapse;background:#fff;} #sub.about .affiliate_table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);} #sub.about .affiliate_table th,#sub.about .affiliate_table td{padding:14px 10px;border:1px solid #AEB7AA;text-align:center;font-size:15px;line-height:1.45;color:#2B2B2B;vertical-align:middle;} #sub.about .affiliate_table thead th{background:#F2F6F0;font-weight:600;} #sub.about .affiliate_logo_row{display:flex;gap:20px;justify-content:center;padding:30px;background:#fff;border:1px solid #AEB7AA;border-top:0;} #sub.about .affiliate_logo_row img{width:28%;height:70px;object-fit:contain;} #sub.about .con04 .overseas iframe{display:block;width:100%;height:500px;border:0;border-radius:10px;} #sub.customer .customer_faq{padding:150px 0;max-width:1180px;} #sub.customer .eyebrow{color:#40BE00;font-weight:600;font-size:18px;margin-bottom:18px;}.customer_faq h1{font-size:52px;color:#2B2B2B;margin-bottom:50px;}.customer_faq dl{border-top:2px solid #2B2B2B;}.customer_faq dl div{padding:30px;border-bottom:1px solid #DDE5D9;}.customer_faq dt{font-size:22px;font-weight:600;margin-bottom:12px;}.customer_faq dd{font-size:18px;color:#4E4E4E;}.customer_faq a{color:#40BE00;text-decoration:underline;} #sub.customer .customer_location_link{display:inline-flex;align-items:center;justify-content:center;min-width:260px;margin-top:40px;padding:18px 28px;border:2px solid #40BE00;border-radius:6px;color:#2B2B2B;font-size:18px;font-weight:600;text-decoration:none;transition:.2s;} #sub.customer .customer_location_link:hover{background:#40BE00;color:#fff;} #sub.location .location_content{padding:150px 0;} #sub.location .location_content h1{font-size:52px;color:#2B2B2B;margin-bottom:50px;} #sub.location .location_layout{display:flex;align-items:flex-start;gap:10px;} #sub.location .location_tabs{width:350px;flex:0 0 350px;position:relative;z-index:1;} #sub.location .location_tabs li{height:80px;margin-bottom:10px;border:3px solid #F6F7F8;border-radius:0 10px 10px 0;background:#F6F7F8;position:relative;} #sub.location .location_tabs li:last-child{margin-bottom:0;} #sub.location .location_tabs a{display:block;height:100%;padding-left:30px;line-height:74px;font-size:24px;font-weight:600;color:#2B2B2B;} #sub.location .location_tabs li.on{border-color:#40BE00;border-radius:10px;background:#fff;} #sub.location .location_tabs li.on a{font-size:30px;} #sub.location .location_tabs li.on:after{content:"";position:absolute;right:-25px;top:50%;width:50px;height:50px;transform:translateY(-50%);border-radius:50%;background:url('/img/sub/about_add_ar.png') center/cover no-repeat;box-shadow:0 0 30px rgba(28,85,0,.25);} #sub.location .location_panels{width:100%;} #sub.location .location_panel{display:none;} #sub.location .location_panel:first-child{display:block;} #sub.location .root_daum_roughmap{width:100%;border-radius:10px;overflow:hidden;} #sub.location .root_daum_roughmap .wrap_map{height:500px;} #sub.location .root_daum_roughmap .wrap_controllers,#sub.location .root_daum_roughmap .map_border{display:none;} #sub.location .overseas iframe{display:block;width:100%;height:500px;border:0;border-radius:10px;} #sub.location .location_address{display:flex;margin-top:30px;} #sub.location .location_address li{display:flex;align-items:center;margin-right:70px;font-size:24px;font-weight:200;color:#4E4E4E;} #sub.location .location_address li:last-child{margin-right:0;} #sub.location .location_address i{margin-right:10px;} @media(max-width:1216px){#sub.location .location_tabs{width:230px;flex-basis:230px;}#sub.location .location_tabs li{height:60px;}#sub.location .location_tabs a{padding-left:20px;line-height:54px;font-size:18px;}#sub.location .location_tabs li.on a{font-size:20px;}#sub.location .location_tabs li.on:after{width:40px;height:40px;right:-20px;}#sub.location .location_address{display:block;}#sub.location .location_address li{margin:0 0 10px;font-size:18px;}} @media(max-width:768px){#sub.location .location_content{padding:70px 20px;}#sub.location .location_content h1{font-size:34px;margin-bottom:30px;}#sub.location .location_layout{display:block;}#sub.location .location_tabs{width:100%;margin-bottom:20px;}#sub.location .location_tabs ul{display:flex;gap:3%;flex-wrap:wrap;}#sub.location .location_tabs li{width:31.333%;height:48px;margin:0 0 8px;border-radius:10px;}#sub.location .location_tabs li.on:after{display:none;}#sub.location .location_tabs a,#sub.location .location_tabs li.on a{padding:0;line-height:42px;text-align:center;font-size:14px;}#sub.location .root_daum_roughmap .wrap_map,#sub.location .overseas iframe{height:300px;}#sub.location .location_address li{font-size:13px;line-height:1.5;}#sub.location .location_address i{margin-right:5px;}#sub.location .location_address i img{width:20px;}} @media(max-width:320px){#sub.location .location_tabs ul{display:block;}#sub.location .location_tabs li{width:100%;margin-bottom:6px;}} #sub.about .con03 .ci_description{max-width:1180px;margin:50px auto 0;font-size:18px;line-height:1.8;color:#4E4E4E;} #sub.about .con03 .ci_description b{color:#2B2B2B;font-weight:600;} #sub.culture_sports .culture_links{display:flex;border-top:1px solid #DDE5D9;border-bottom:1px solid #DDE5D9;margin-bottom:120px;} #sub.culture_sports .culture_links a{flex:1;padding:28px 16px;text-align:center;font-size:22px;color:#2B2B2B;font-weight:600;border-right:1px solid #DDE5D9;} #sub.culture_sports .culture_links a:last-child{border-right:0;} #sub.culture_sports .culture_links a:hover{color:#40BE00;} #sub.culture_sports .culture_feature{background:#F6F7F8;padding:120px 0;} #sub.culture_sports .culture_feature .inner{display:flex;align-items:center;gap:9%;} #sub.culture_sports .culture_feature .inner > *{width:45%;} #sub.culture_sports .culture_feature h2{font-size:48px;color:#2B2B2B;font-weight:600;margin-bottom:25px;} #sub.culture_sports .culture_feature p:not(.eyebrow){font-size:18px;line-height:1.8;color:#4E4E4E;margin-bottom:30px;} #sub.culture_sports .culture_feature img{display:block;max-width:100%;} #sub.championship .championship_years{background:#F6F7F8;padding:60px 0;} #sub.championship .championship_years .inner{display:flex;gap:16px;} #sub.championship .championship_years a, #sub.championship .championship_years span{flex:1;padding:25px;text-align:center;border:1px solid #DDE5D9;border-radius:8px;color:#999;font:600 32px 'Outfit',sans-serif;} #sub.championship .championship_years .on{background:#40BE00;border-color:#40BE00;color:#fff;} #sub.championship .championship_years small{display:block;font:400 13px sans-serif;margin-top:8px;} #sub.championship .championship_gallery{padding:120px 0 150px;} #sub.championship .championship_video{display:block;width:100%;max-height:720px;margin-bottom:40px;background:#000;} #sub.championship .gallery_heading{margin-bottom:30px;} #sub.championship .gallery_heading .eng{display:block;color:#40BE00;font-size:16px;font-weight:600;margin-bottom:10px;} #sub.championship .gallery_heading h3{font-size:28px;color:#2B2B2B;font-weight:600;} #sub.championship .gallery_slide{display:flex;align-items:center;gap:20px;} #sub.championship .gallery_swiper{flex:1;overflow:hidden;} #sub.championship .gallery_swiper .swiper-slide img{width:100%;height:220px;object-fit:cover;display:block;border-radius:8px;} #sub.championship .swiper-button-prev,#sub.championship .swiper-button-next{position:static;width:54px;height:54px;margin:0;flex:none;} #sub.championship .swiper-button-prev:after,#sub.championship .swiper-button-next:after{display:none;} #sub.championship .swiper-button-prev:hover svg circle,#sub.championship .swiper-button-prev:hover svg ellipse,#sub.championship .swiper-button-next:hover svg circle,#sub.championship .swiper-button-next:hover svg ellipse{stroke:#3DAE2B;} #sub.championship .swiper-button-prev:hover svg path,#sub.championship .swiper-button-next:hover svg path{stroke:#3DAE2B;} #sub.championship .swiper-button-prev.swiper-button-disabled,#sub.championship .swiper-button-next.swiper-button-disabled{opacity:.3;} #sub.championship .media_notice{margin-top:25px;font-size:16px;color:#777;} @media(max-width:768px){#sub.company_contact .company_intro,#sub.culture_sports .culture_story,#sub.championship .championship_intro{padding:85px 20px 60px;}#sub.company_contact h1,#sub.culture_sports h1,#sub.championship h1{font-size:34px;}#sub.company_contact .company_faq,#sub.company_contact .company_locations,#sub.culture_sports .culture_feature,#sub.championship .championship_gallery{padding:70px 20px;}#sub.company_contact .location_grid{grid-template-columns:1fr;}#sub.championship .gallery_swiper .swiper-slide img{height:160px;}#sub.championship .swiper-button-prev,#sub.championship .swiper-button-next{width:40px;height:40px;}#sub.championship .swiper-button-prev svg,#sub.championship .swiper-button-next svg{width:40px;height:auto;}#sub.company_contact .location_grid article:nth-child(odd){border-right:0;}#sub.company_contact .location_layout{display:block;}#sub.company_contact .location_tabs,#sub.company_contact .location_panels{width:100%;}.company_contact .location_tabs{display:flex;overflow-x:auto;border-right:0;}.company_contact .location_tabs button{min-width:150px;text-align:center;}.company_contact .location_panel{padding:25px 0;}.company_contact .location_panel iframe{height:300px;}#sub.about .con03 .ci_description{margin:35px 0 0;font-size:16px;}#sub.culture_sports .culture_links{margin:0 20px 70px;display:block;}#sub.culture_sports .culture_links a{display:block;border-right:0;border-bottom:1px solid #DDE5D9;}#sub.culture_sports .culture_feature .inner{display:block;}#sub.culture_sports .culture_feature .inner > *{width:100%;}#sub.culture_sports .culture_feature img{margin-top:40px;}#sub.championship .championship_years .inner{display:block;padding:0 20px;}#sub.championship .championship_years a,#sub.championship .championship_years span{display:block;margin-bottom:10px;font-size:24px;}#sub.customer .customer_location_link{width:100%;min-width:0;font-size:16px;}#sub.about .con04 .overseas iframe{height:300px;}}