/*# sourceURL=/common/css/contents.css */ /*@ sourceURL=/common/css/contents.css */ #mVisual .slick-dots>li button, #mVisual .slick-arrow, .btn-show-hide:before, .depth-three>.depth-three_in, .depth-three>.depth-three_in>a, .overview-top:before, .overview-top .img, .overview-top .overview-in, .s-tab>a, .s-tab>a:before, .store-cate>a, .main-quick-view .view-conts, .main-quick-view .view-conts .thumb:before, .main-quick-view .view-conts .over-view, .management-re:not(.management-tit), .management-re:not(.management-tit):before, .management-re:not(.management-tit) .btn>span, .main-news .main-news-text .btn>a, .main-news .main-news-text .btn>a:before, .main-news .main-news-swiper .main-news-re, .main-news .main-news-swiper .main-news-re .over-view, .m-tab a, .m-tab a:before{transition: all .3s ease-out; transform-origin: 50% 50%;} #mVisual .vTxt .ii{transition: all .5s ease-out; transform-origin: 50% 50%;} #mainVisual .vTxt .ii{transition: all .7s ease-out; transform-origin: 50% 50%;} #mVisual .visualRoll .slider .photoBox p{transition: all 1s ease-out; transform-origin: 50% 50%;} #mainVisual .visualRoll .swiper-slide>img{transition: all 2s ease-out; transform-origin: 50% 50%;} /*[s] All Style */ *::-webkit-scrollbar{width: 0.5rem; height:100%;}/* 스크롤바의 너비 */ *::-webkit-scrollbar-thumb{height: 10%; background-color:var(--point); border-radius: 1rem;} /* 스크롤바의 길이 & 색상 */ *::-webkit-scrollbar-track{background-color: rgba(0,0,0,0.1);}/*스크롤바 뒷 배경 색상*/ .f0{font-size:0; line-height:0;} /* .h-text{font-weight: bold; font-size:3.8rem; line-height:4.8rem; color: #1b1b1b; text-align: center;} .h2-text{margin-top:3rem; font-weight: 500; font-size:2rem; line-height:1.5; color: #666; text-align: center;} hr[line]{width:100%; height:1px; margin:10.5rem 0; background-color: #d1d1d1; font-size:0; line-height:0; opacity: 0.3; position: relative;} .depth-three{margin:-6rem 0 6rem; padding:0 3.5rem; background-color: #f4f4f4; position: relative; overflow:hidden; overflow-x:auto;} .depth-three>.depth-three_in{width:100%; max-width:128rem; margin:0 auto; display: flex; justify-content: space-between;} .depth-three>.depth-three_in>a{flex:1; height:5rem; font-weight: 500; font-size:1.6rem; line-height:1; color: #8d8d8d; text-align: center; display: flex; align-items: center; justify-content: center; white-space: nowrap;} .depth-three>.depth-three_in>a:hover, .depth-three>.depth-three_in>a.active{font-weight: bold; color: var(--bg);} #snb{left:-5rem; opacity: 0; visibility: hidden; transition: all 1s ease;} #snb.open{left:0; visibility: visible; opacity: 1;} #mVisual .visualRoll, .about-people .thumbRoll{opacity: 0; visibility: hidden; transition: opacity 1s ease;} #mVisual .visualRoll.slick-initialized, .about-people .thumbRoll.slick-initialized{visibility: visible; opacity: 1;} .logo-big img{height:11.3rem !important;} .wideFrame{height: 0; padding-bottom: 56.25%; position: relative;} .wideFrame>video, .wideFrame>iframe{width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .wideKakao{width: 100vw; margin-left:-50vw; position: relative; left:50%;} .wideKakao>.root_daum_roughmap{width: 100%; height:50rem;} .wideKakao>.root_daum_roughmap .wrap_map{width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .wideKakao .hide {display: none;} .bul_star{margin-top:2rem;} .bul_star>li{margin-top:0.5rem; padding-left:1.5rem; font-size:1.6rem; line-height:1.3; color: #666; position: relative;} .bul_star>li:before{content: "※"; position:absolute; left: 0; top:0px;} */ .box-star{margin-top:3rem; padding:3rem 3rem; border:1px solid #ccc;} .box-star dt{padding-left:1.5rem; font-size:2rem; line-height:1.3; color: #111; position: relative;} .box-star dt:before{content: "※"; position:absolute; left: 0; top:0px;} .box-star dd{margin-top:1rem; font-size:1.6rem; line-height:1.5; color: #666; position: relative; display: flex; align-items: center; gap:2rem;} .box-star dd+dd{margin-top:0.5rem;} .box-star a.btns{width:18rem; height:4rem; padding:0 1.8rem; background-color:#fcf5f4; border:1px solid var(--point); font-weight: 500; font-size:1.6rem; line-height:1.2; color: var(--point); display: flex; align-items: center; border-radius:999px; position: relative;} .box-star a.btns:before{content: ""; width: 1.2rem; height: 1.6rem; margin-top:-0.8rem; background:url("https://kws.or.kr/images/arr_right_red.png") no-repeat center center/cover; display: inline-block; position:absolute; right:1.8rem; top:50%; opacity: 1;} .bul_star{margin-top:2rem;} .bul_star>li{padding-left:1.5rem; font-size:1.7rem; line-height:1.3; color: #666; position: relative;} .bul_star>li:before{content: "※"; position:absolute; left: 0; top:0px;} .bul_star2{} .bul_star2>li{padding-left:1.4rem; font-size:2rem; line-height:1.3; color: #333; position: relative;} .bul_star2>li:before{content: "*"; position:absolute; left: 0; top:0px;} .choose-payment{margin-bottom:6rem;} .choose-payment .check-new{display:block;} .choose-payment *+.check-new{margin-top:3rem;} .choose-payment-re{margin-top:1.5rem; padding:2rem 3rem; border:1px solid #ccc; font-size:1.8rem; line-height:1.55; color: #666;} .choose-payment-re>.tit{font-size:2.2rem; line-height:1; color: #666;} .choose-payment-re>*+.tit{margin-top:4rem;} .choose-payment-re>ul{margin-top:1.5rem;} .choose-payment-re>ul>li{padding-left:1.2rem; font-size:1.8rem; line-height:1.55; color: #333; position: relative;} .choose-payment-re>ul>li:before{content: ""; width:0.4rem; height:0.4rem; background-color: #ff0000; position:absolute; left: 0; top:1.2rem;} .choose-payment-re>ul>li+li{margin-top:1rem;} /*[e] All Style */ /*[s] Main Popup Style */ #hd_pop {z-index:101;position:relative;margin:0 auto;height:0} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops{width:auto !important; max-width:100%; height:auto !important; background-color:#fff; border:1px solid #333; position:absolute; display:block; overflow:hidden; box-sizing:border-box;} .hd_pops img{width:100%} .hd_pops_con{} .hd_pops_footer{padding:0; background-color:#333; font-size:1.4rem; color:#fff; text-align:left;position:relative} .hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""} .hd_pops_footer button{padding:1rem; border:0; color:#fff} .hd_pops_footer .hd_pops_reject{text-align:left} .hd_pops_footer .hd_pops_close{position:absolute;top:0;right:0} #popLayer{width:100%; height:100%; font-size:0; line-height:0; position:fixed; left:0; top:0; z-index:99; overflow:hidden; overflow-y:auto;} #popLayer.disNone{display:none !important;} #popLayer #moPopArea{width:100vw; height:100vh; padding:10rem 3rem; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; justify-content: flex-start; -ms-flex-align:center;} #popLayer #moPopArea .moPop{width:100%; max-width:50rem; margin:0; position: relative;} #popLayer #moPopArea #moPopRoll{background-color: #fff; border-radius:2rem; overflow:hidden; box-shadow:0 2rem 4rem rgba(0,0,0,0.3);} #popLayer .slider{width:100%; border-radius:2rem 2rem 0 0; box-sizing:border-box; overflow:hidden;} #popLayer .slider img{width:100%; vertical-align: top;} #popLayer .slider .HKeditorContent{padding:20px; font-size:20px; line-height:1.5; color: #666;} #popLayer .slider .HKeditorContent img{width:auto;} #popLayer #moPopRoll.roll .slider{} #popLayer .layerPopClose{width:3rem; height:3rem; margin:0; padding:0; font-size:0; line-height:0; position: absolute; right:1.5rem; top:1.5rem; z-index:6; transform:rotate(45deg);} #popLayer .layerPopClose:before, #popLayer .layerPopClose:after{content: ""; background-color: #222; display: block; position:absolute; left: 50%; top:50%;} #popLayer .layerPopClose:before{width: 100%; height: 2px; margin:-1px 0 0 -1.5rem;} #popLayer .layerPopClose:after{width: 2px; height: 100%; margin:-1.5rem 0 0 -1px;} #popLayer .moPopClose{width:100%; border-radius:0 0 2rem 2rem; display: flex; justify-content: space-between; overflow:hidden;} #popLayer .moPopClose>*{flex:1 1 50%; height:6rem; font-size:1.6rem; line-height:1; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;} #popLayer .moPopClose button{background-color: #878896; border:none; color: #dcdeea; position: relative;} /*#popLayer .moPopClose button:before{content: "X"; width: 1.8rem; height: 1.8rem; background-color: rgba(255,255,255,0.3); border:1px solid #000; font-family: dotum; font-weight: bold; font-size:1.6rem; line-height:1.6rem; color: #000;display: inline-block; position:absolute; top:0; box-sizing: border-box;} #popLayer .moPopClose button.toDay_close{padding-left:2.5rem;} #popLayer .moPopClose button.toDay_close:before{left:0;}*/ #popLayer .moPopClose button.close{padding-right:2.5rem} #popLayer .moPopClose button.close:before{right:0;} #popLayer .moPopClose a{background-color: #3617cd; color:#fff} #popLayer .slick-dots{width:100%; padding:0; text-align: center; position: absolute; left:0; bottom:7rem; z-index:7;} #popLayer .slick-dots>li{margin:0 0.7rem; display:inline-block; vertical-align: top;} #popLayer .slick-dots>li+li{} #popLayer .slick-dots>li button{width:1.4rem; height:1.4rem; padding:0; background-color:#d4d7d9; border:none; font-size:0; line-height:0; position: relative; cursor: pointer; border-radius:999px; overflow:hidden; transition: all .3s ease-out;} #popLayer .slick-dots>li.slick-active button{width:30px; background-color: #333;} #popLayer #moPopArea #moPopRoll{opacity: 0; visibility: hidden; transition: opacity 1s ease;} #popLayer #moPopArea #moPopRoll.open, #popLayer #moPopArea #moPopRoll.slick-initialized{visibility: visible; opacity: 1;} /*[e] Main Popup Style */ /*[s] Main Style */ .mScrolls{width:100%; font-size:0; line-height:0; text-align: center; position: fixed; left:0; bottom:40px; z-index:8; display:none; animation-duration: .7s; animation-iteration-count:infinite; animation-name: scrollDown; animation-timing-function:ease-in-out; animation-direction:alternate; } @keyframes scrollDown { from {bottom:50px; opacity:1;} to {bottom:30px; opacity:0.5} } .w1620>.inConts{max-width:162rem;} .w1740>.inConts{max-width:174rem;} .m-tab{text-align: center; display: flex; flex-flow: row wrap; justify-content: center; position: relative;} .m-tab a.link{height:5.7rem; padding:0 1.9rem 0 2rem; font-size:3rem; line-height:1.2; color: #999; display: flex; align-items: center; justify-content: center; position: relative;} .m-tab a.link:before{content: ""; height: 0.3rem; background-color: var(--point2); position:absolute; left: 50%; right: 50%; bottom:0;} .m-tab p+p a.link:after{content: ""; width: 1px; height: 2.7rem; background-color: #ddd; position:absolute; left: 0; top:50%; transform: translateY(-50%);} .m-tab a.more{width:8.5rem; height:8.5rem; background-color:var(--point); font-weight: bold; font-size:1.6rem; line-height:1.2; color: #fff; display: none; align-items: center; justify-content: center; border-radius:99px; position: absolute; right:0; bottom:-1.4rem; display:none !important;} .m-tab a.link:hover, .m-tab .active a.link{font-weight: bold; color: #111;} .m-tab a.link:hover:before, .m-tab .active a.link:before{left: 2rem; right:1.9rem;} .m-tab .active a.more{display: flex;} .img-over{} .img-over .thumb{overflow:hidden;} .img-over .thumb img{transition: all .3s ease-out; transform-origin: 50% 50%;} .img-over:hover .thumb img{transform: scale(1.05);} /* visual */ #mainVisual{width:100%; position: relative; overflow:hidden;} #mainVisual .visualRoll{white-space: nowrap;} #mainVisual .visualRoll .swiper-slide{width:100%; background-repeat: no-repeat; background-position: center center; background-size: cover; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;} #mainVisual .visualRoll .swiper-slide>img{width:100%; max-width:none; height:86rem; object-fit: cover; object-position: center center; transform:scale(1.2);} #mainVisual .vTxtArea{width:100%; max-width:156rem; height:100%; margin-left:-78rem; padding:0 3rem; text-align: left; position: absolute; left:50%; top:0; z-index:5; display: flex; align-items: center; justify-content: center;} #mainVisual .vTxt{width:100%; position: relative;} #mainVisual .vTxt .ii{line-height:1; color: #fff; top:50px; display:block; opacity: 0; position: relative; word-break:keep-all; word-wrap:break-word; white-space: normal; text-shadow:0 0 0.6rem rgba(0,0,0,0.5);} #mainVisual .vTxt .i01{transition-delay: 1.3s;} #mainVisual .vTxt .i02{transition-delay: 1.35s;} #mainVisual .vTxt .i03{transition-delay: 1.4s;} #mainVisual .vTxt .i04{transition-delay: 1.45s;} #mainVisual .vTxt .i05{transition-delay: 1.5s;} #mainVisual .vTxt .i06{transition-delay: 1.55s;} #mainVisual .vTxt .i07{transition-delay: 1.6s;} #mainVisual .vTxt .ii.cate{font-weight: bold; font-size:2.4rem; position: relative;} #mainVisual .vTxt .ii.cate:before{content: ""; width: 4rem; height:0.3rem; background-color: #fff; position:absolute; left: 0; top:3.6rem;} /*#mainVisual .vTxt .ii.title{margin-top:5rem; font-weight: bold; font-size:6rem; line-height:7rem;}*/ #mainVisual .vTxt .ii.title{margin-top:5rem;} #mainVisual .vTxt .ii.title, #mainVisual .vTxt .ii.text{font-weight: 500; font-size:5.2rem; line-height:7rem;} #mainVisual .vTxt .ii.btn{margin-top:4rem;} #mainVisual .vTxt .ii.btn>*{min-width:18rem; height:5rem; padding:0 3rem; background-color: var(--point2); font-weight: 500; font-size:1.8rem; line-height:1.2; color: #fff; text-align: center; display: inline-flex; align-items: center; justify-content: center;border-radius:999px;} #mainVisual .swiper-button{font-family:'SUIT Variable'; font-weight: 100; font-size:10rem; line-height:1; color: rgba(255,255,255,0.8); position: absolute; left:50%; top:50%; margin-top:-5rem; display: inline-block; cursor: pointer;} #mainVisual .swiper-button-prev{margin-left:-884px;} #mainVisual .swiper-button-next{margin-left:794px;} #mainVisual .swiper-button:hover{color: rgba(255,255,255,1);} #mainVisual .swiper-pagination{width:100%; text-align: center; position: absolute; left:0; bottom:7rem; z-index:7;} #mainVisual .swiper-pagination-bullet{width:13px; height:13px; margin:0 5px; background-color:#fff; border-radius:99px; display: inline-block; vertical-align: top; cursor: pointer; opacity: 0.6;} #mainVisual .swiper-pagination-bullet.swiper-pagination-bullet-active{width:47px; opacity: 1;} #mainVisual .swiper-number{width:100%; max-width:156rem; margin-left:-78rem; padding:0 3rem; font-size:3.2rem; line-height:1; color: #fff; text-align: right; position: absolute; left:50%; bottom:6rem; z-index:6;} #mainVisual .swiper-number .n{top:-1.5rem; position: relative;} #mainVisual .swiper-number .l{top:-0.3rem; position: relative;} #mainVisual .swiper-number .t{} #mainVisual .swiper-slide-active .vTxt .ii{top:0px; opacity:1;} #mainVisual .visualRoll .swiper-slide.swiper-slide-active>img{transform:scale(1);} /* */ #main-cont01{padding:15rem 0; }/* background-attachment: fixed; */ #main-cont01.off{background-attachment: auto;}/* background-attachment: fixed; */ #main-cont01 .title-t{margin-bottom:14rem; font-weight: 300; font-size:6rem; line-height:8rem; color: #111; text-align: center; position: relative; z-index:2;} #main-cont01 .title-t span{color:var(--point2);} #main-cont01 .title-t strong{font-weight:bold;} .main-quick-view{margin-bottom:-10rem; position: relative; z-index:2;} .main-quick-view .title-t .small{margin-bottom:-25rem; font-size:2rem; line-height:1.4;} .main-quick-view .link-quick{margin:8rem 0; display: flex; justify-content: center; gap:0 2rem;} .main-quick-view .link-quick>a{width:16rem; height:5.4rem; background-color:var(--point2); font-weight: 600; font-size:1.6rem; line-height:1.2; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center;border-radius:999px;} .main-quick-view .link-quick>a span{font-weight: 300; padding-left:0.5rem;} .main-quick-view .link-quick>a:nth-child(2){background-color: var(--point);} .main-quick-view .smile{margin-top:8.5rem; text-align: right; position:absolute; left:11rem; right:11rem; top:0px;} .main-quick-view .list{width:100%; counter-reset:item; display:flex; flex-flow: row wrap; justify-content: space-between; gap:0 8.6538%;} .main-quick-view .list>li{width:27.5641%; max-width: 43rem; padding:5rem 0 10rem; display: inline-flex; position: relative;} .main-quick-view .list>li:before{counter-increment: item; content: counter(item); font-weight: 100; font-size:10rem; line-height:1; color:var(--point2); position: absolute; left: 3rem; top: 0; z-index:4;} .main-quick-view .list>li:nth-child(-n+9)::before {content: "0"counter(item);} .main-quick-view .list>li:nth-child(1), .main-quick-view .list>li:nth-child(4){top:11rem;} .main-quick-view .list>li:nth-child(2), .main-quick-view .list>li:nth-child(5){top:22rem;} .main-quick-view .view-conts{width:100%; overflow:hidden; border-radius: 7rem; position: relative;} .main-quick-view .view-conts .thumb{width:100%; position: relative;} .main-quick-view .view-conts .thumb img{width:100%; max-width:none; object-fit: cover; object-position: center center;} .main-quick-view .view-conts .thumb:before{content:attr(data-title); width: 100%; height:16rem; padding:0 4.5rem; font-weight: bold; font-size:4.5rem; line-height:1.2; color: #fff; display: flex; align-items: center; position:absolute; left: 0; bottom:0; background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,0.65) 100%); } .main-quick-view .view-conts .over-view{width:100%; height:100%; padding:0 6.5rem; background-color: rgba(0,0,0,0.4); color: #fff; position: absolute; left:0; top:0; z-index:2; display: flex; flex-flow: column wrap; align-items: flex-start; justify-content: center; top:60%; opacity: 0;} .main-quick-view .view-conts .over-view .title{font-weight: bold; font-size:4.5rem; line-height:1;} .main-quick-view .view-conts .over-view .text{margin-top:2rem; font-size:2.5rem; line-height:3.5rem;} .main-quick-view .view-conts .over-view .btn{margin-top:4rem; display: flex; gap:1rem;} .main-quick-view .view-conts .over-view .btn>a{width:11.6rem; height:5.3rem; background-color:transparent; border:1px solid var(--point2); font-weight: 600; font-size:2.2rem; line-height:1.2; color: var(--point2); text-align: center; display: flex; align-items: center; justify-content: center; border-radius:2.3rem;} .main-quick-view .view-conts .over-view .btn>a:hover{background-color:var(--point2); color: rgba(255,255,255,0.8);} .main-quick-view .view-conts .over-view .btn>a+a{border-color:var(--red); color: var(--red);} .main-quick-view .view-conts .over-view .btn>a+a:hover{background-color:var(--red);} html:lang(en) .main-quick-view .view-conts .thumb:before{width:calc(100% - 6rem); height:18rem; padding:0 3rem; font-size:4rem;} html:lang(en) .main-quick-view .view-conts .over-view{padding:0 3rem;} html:lang(en) .main-quick-view .view-conts .over-view .title{font-size:4rem;} .main-quick-view .view-conts:hover{border-radius: 7rem 0 7rem 0;} .main-quick-view .view-conts:hover .thumb:before{opacity: 0;} .main-quick-view .view-conts:hover .over-view{top:0%; opacity: 1;} /* mobile 용 */ .main-quick-view .main-quick-swiper{width:100%; counter-reset:item; position: relative;} .main-quick-view .main-quick-swiper .main-quick-roll{white-space: nowrap;} .main-quick-view .main-quick-swiper .swiper-slide{width:43rem; padding:5rem 0 10rem; display: inline-flex; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;} .main-quick-view .main-quick-swiper .swiper-slide:before{content: attr(data-index); font-weight: 100; font-size:10rem; line-height:1; color:var(--point2); position: absolute; left: 3rem; top: 0; z-index:4;} .main-campaign{margin-top:42rem; position: relative; z-index:3;} .main-campaign .title-t{text-align: left !important;} .main-campaign .main-campaign-swiper{width:100%; position: relative; overflow:hidden;} .main-campaign .main-campaign-swiper .main-campaign-roll{white-space: nowrap;} .main-campaign .main-campaign-swiper .swiper-slide{width:48rem; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;} .main-campaign .main-campaign-swiper .thumb{width:100%; overflow: hidden; border-radius:7rem 0;} .main-campaign .main-campaign-swiper .thumb>img{width:100%; height:56rem; max-width:none; object-fit: cover; object-position: center center;} .main-campaign .main-campaign-swiper .cate{min-width:22rem; height:6rem; margin-top:-3rem; padding:0 3rem; background-color: var(--point2); font-weight: 600; font-size:2.2rem; line-height:1.2; color: #fff; text-align: center; display: inline-flex; align-items: center; justify-content: center; border-radius:0 3rem 0 0; position: relative; z-index:2;} .main-campaign .main-campaign-swiper .title{margin-top:3rem; font-weight: bold; font-size:4rem; line-height:1.1; color: #111; white-space: normal;} .main-campaign .main-campaign-swiper .text{margin-top:1.5rem; font-size:2.2rem; line-height:3.2rem; color: #666; white-space: normal;} .main-campaign .main-campaign-swiper .swiper-button{font-family:'SUIT Variable'; font-weight: 400; font-size:5rem; line-height:1; color: #fff; position: absolute; top:35%; display: inline-block; cursor: pointer;} .main-campaign .main-campaign-swiper .swiper-button-prev{left:2rem;} .main-campaign .main-campaign-swiper .swiper-button-next{right:2rem;} .main-campaign .main-campaign-swiper .swiper-button:hover{color: var(--point2);} /* */ #main-cont02{background:url("https://kws.or.kr/images/main/bg_main-cont02.jpg") no-repeat center top/cover; display: flex;} .management-re{width:33%; height:76rem; color: #fff; display: flex; align-items: center; justify-content: center; position: relative;} .management-re:before{content: ""; width: 100%; height: 0%; position:absolute; left: 0; top:0px; background: linear-gradient(to bottom, rgba(131,191,43,0.65) 0%,rgba(0,0,0,0) 100%); } .management-re .management-in{height:32.5rem; position: relative; z-index:2;} .management-re .num{height:8.5rem; font-weight: 100; font-size:8rem; line-height:0.75; color:var(--point2); display: flex;} .management-re .num img{height:4.9rem;} .management-re .num.logo{align-items: center;} .management-re .tit{font-weight:500; font-size:2.5rem; line-height:1;} .management-re *+.tit{margin-top:3rem;} .management-re .title{font-weight: bold; font-size:5rem; line-height:1;} .management-re *+.title{margin-top:1.5rem;} html:lang(en) .management-re .title{font-size: 4rem;} .management-re .text{margin-top:2rem; font-size:2rem; line-height:3rem;} .management-re .btn{margin-top:3.5rem; display: flex;} .management-re .btn>span{width:18rem; height:5.3rem; background-color:transparent; font-weight: bold; font-size:1.5rem; line-height:1.2; display: flex; align-items: center; gap:1rem; border-radius:999px;} .management-re .num.star{margin-top:4rem; height:auto; text-align: center; display:block;} .management-re .num.star img{height:12rem;} .management-re .num.star+.text{ margin-top:1rem; line-height:2.5rem; font-weight: 500; text-align: center;} .management-tit{width:34% !important; min-width:34%; cursor: default;} html:lang(en) .management-tit .tit, html:lang(en) .management-tit .title{text-align: center;} .management-re:not(.management-tit):hover{width:38%;} .management-re:not(.management-tit):hover:before{height: 60%;} .management-re:not(.management-tit):hover .btn>span{background-color:var(--point2); justify-content: center;} html:lang(en) .management-re:not(.management-tit){width:100%;} html:lang(en) .management-re:not(.management-tit):hover{width:100%;} /* */ #main-cont03{padding:16rem 0 20rem; position: relative;} html:lang(en) #main-cont03{margin-top:10rem;} /*#main-cont03:after{content: ""; width: 50vw; height: 100%; background-color: #fff; position:absolute; right: calc(-50vw + 37rem); top:0px; z-index:2;}*/ .main-news{width:100%; padding-right:36rem;} .main-news .main-news-text{width:34rem; min-width:34rem; padding:4.5rem 0 0 2rem; background-color: #fff; text-align: right; display: flex; flex-flow: column wrap; align-items: flex-end; justify-content: flex-start; position: absolute; right:3rem; top:0; z-index:3;}/* column */ .main-news .main-news-text:before{content: ""; width: 100vw; height: calc(100% + 5rem); background-color: #fff; position:absolute; left:0;bottom: -4rem;} .main-news .main-news-text .title{width:100%; font-weight: 300; font-size:3.5rem; line-height:5rem; color: #111; position: relative;} html:lang(en) .main-news .main-news-text .title{font-size: 3rem;} .main-news .main-news-text .title>strong{font-weight: bold; font-size:6rem; line-height:1;} .main-news .main-news-text .title>span{font-weight: 400; font-size:4rem;} .main-news .main-news-text .btn{margin-top:3rem; display: flex; flex-flow: column wrap; gap:1.5rem;} .main-news .main-news-text .btn>a{width:28.7rem; height:6rem; padding:0 2.3rem; background-color:#f8f8f8; border:1px solid #ccc; font-weight: 500; font-size:2.2rem; line-height:1.2; color: #999; display: flex; align-items: center; border-radius:999px; position: relative;} .main-news .main-news-text .btn>a:before{content: ""; width: 1.2rem; height: 1.6rem; margin-top:-0.8rem; background:url("https://kws.or.kr/images/arr_right_navy.png") no-repeat center center/cover; display: inline-block; position:absolute; right:3.3rem; top:50%; opacity: 0;} .main-news .main-news-text .btn>a:hover, .main-news .main-news-text .btn>a.active{background-color:var(--bg); border-color:var(--point); color:var(--point);} .main-news .main-news-text .btn>a:hover:before, .main-news .main-news-text .btn>a.active:before{right:2.3rem; opacity: 1;} .main-news .main-news-text .more{margin-top:6rem; display: flex; justify-content: flex-end; position: relative;} .main-news .main-news-text .more>a{width:8.5rem; height:8.5rem; background-color:var(--point); font-weight: bold; font-size:1.6rem; line-height:1.2; color: #fff; display: flex; align-items: center; justify-content: center;border-radius:999px;} .main-news .main-news-swiper{width:100%; min-height:60rem; padding-bottom:6rem; position: relative;} .main-news .main-news-swiper .main-news-roll{white-space: nowrap;} .main-news .main-news-swiper .swiper-slide{width:38rem; padding-top:3.5rem; font-size:0; line-height:0; position: relative; display:inline-block; vertical-align: top;} .main-news .main-news-swiper .swiper-slide:before{content:attr(data-num); font-weight: 100; font-size:10rem; line-height:0.7; color:var(--point); position: absolute; left: 3rem; top: 0; z-index:4;} .main-news .main-news-swiper .main-news-re{width:100%; display:block; position: relative; overflow: hidden; border-radius:7rem;} .main-news .main-news-swiper .thumb{width:100%;} .main-news .main-news-swiper .thumb>img{width:100%; height:32.2rem; max-width:none; object-fit: cover; object-position: center center;} .main-news .main-news-swiper .state{margin-top:-7.5rem; padding:0 2.5rem; text-align: left; position: relative; z-index:2; display: flex; justify-content: flex-end;} .main-news .main-news-swiper .state>span{width:10rem; height:5.5rem; background-color:var(--point); font-weight: bold; font-size:2rem; line-height:1.2; color: #fff; display: flex; align-items: center; justify-content: center; border-radius:999px;} .main-news .main-news-swiper .title{height:18rem; padding:2.5rem; background-color:#f9f6f5; text-align: left; display: flex; align-items: center; justify-content: flex-end;} .main-news .main-news-swiper .title>p{flex: 1; max-height:10.5rem; font-weight: bold; font-size:2.5rem; line-height:3.5rem; color: #111; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .main-news .main-news-swiper .over-view{width:100%; height:100%; padding:0 5rem; background-color: rgba(0,0,0,0.7); color: #fff; text-align: center; position: absolute; left:0; top:0; z-index:2; display: flex; flex-flow: column wrap; align-items: center; justify-content: center; top:0; opacity: 0;} .main-news .main-news-swiper .over-view .tit{font-weight: bold; font-size:2.5rem; line-height:3.5rem;} .main-news .main-news-swiper .over-view .btn{margin-top:5rem; font-weight: bold; font-size:1.5rem; line-height:1.2; text-decoration: underline; text-underline-position:under;} /* .main-news .main-news-swiper .main-news-re:hover{border-radius: 7rem 0 7rem 0;} .main-news .main-news-swiper .main-news-re:hover .over-view{top:0%; opacity: 1;} */ .main-news .main-news-swiper .swiper-pagination-progressbar{width:100%; margin:0 auto; height:1rem; background-color:#ddd; position: absolute; left:0; top:auto; bottom:0; border-radius:99px; overflow:hidden; z-index:6 !important;} .main-news .main-news-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{width: 100%; height: 100%;background-color:#666; border-radius:99px; position: absolute; left: 0; top: 0; transform-origin: left top;} .main-news .main-news-swiper.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin: right top;} /* */ #main-cont04{padding:10.5rem 0 12rem; background-color: #f8f8f8;} .mBoard-area{width:100%; margin-top:5rem; display: none; justify-content: space-between;} .mBoard-area>li{flex:0 1 30.7692%;} .mBoard-area .mBoard-link{padding:4.9rem 5.5rem; background-color: #fff; border:1px solid #ccc; display:block;} .mBoard-area .mBoard-link .day+.cate{margin-top:3rem;} .mBoard-area .mBoard-link .cate>span{height:3.6rem; padding:0 2rem; background-color: #0b275b; font-weight: 500; font-size:2rem; line-height:1.2; color: #fff; text-align: center; display: inline-flex; align-items: center; justify-content: center; border-radius:99px;} .mBoard-area .mBoard-link .title{height:7rem; font-weight: bold; font-size:2.5rem; line-height:3.5rem; color: #111; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all;} .mBoard-area .mBoard-link .cate+.title{margin-top:3rem;} .mBoard-area .mBoard-link .day{margin-top:2rem; font-size:2rem; line-height:1; color: #999;} .mBoard-area.open{display: flex !important;} /* */ #main-cont05{background-color: #f0f0f0; position: relative;} #main-cont05:after{content: ""; width:49.85vw; height: 100%; background-color: #ffea00; position:absolute; right: 0; top:0px;} #main-cont05>.inConts{height:30rem; display: flex; align-items: center; } #main-cont05 .news-letter{width:50%;} #main-cont05 .news-letter .title{font-size:2rem; line-height:1; color: #111; display: flex; align-items: flex-end;} #main-cont05 .news-letter .title img{height:4rem;} #main-cont05 .news-letter .title strong{padding:0 2rem 0 0.8rem; font-weight: bold; font-size:3.5rem; line-height:0.85;} /* #main-cont05 .news-letter .title span{font-weight: bold;} */ html:lang(en) #main-cont05 .news-letter .title{display:block;} html:lang(en) #main-cont05 .news-letter .title .fw300{margin-top:1.5rem; display:block;} #main-cont05 .news-letter .form{width:100%; max-width:88.05128%; margin-top:2.8rem; display: flex; align-items: center; gap:1rem;} #main-cont05 .news-letter .form input[type="text"], #main-cont05 .news-letter .form input[type="submit"]{flex-grow:1; width:21.875%; height:6rem; margin:0; padding:0 2rem; background-color: #fff; border:1px solid #ccc; font-weight: 500; font-size:1.8rem; line-height:5.8rem; color: #666; border-radius:1rem;} #main-cont05 .news-letter .form input[type="text"]:nth-child(2){width:43.75%;} #main-cont05 .news-letter .form input[type="submit"]{width:18rem; max-width:20rem; background-color:var(--point); border-color:var(--point); font-weight: bold; font-size:2rem; line-height:1; color: #fff; cursor: pointer;} #main-cont05 .news-letter .check-new{margin-top:1.5rem;} #main-cont05 .banner-kakao{width:50%; background-color: #ffea00; display: flex; justify-content: flex-end; position: relative; z-index:3;} #main-cont05 .banner-kakao .banner-kakao-in{width:100%; max-width:82.05128%;} #main-cont05 .banner-kakao .title{padding-left:6rem; background:url("https://kws.or.kr/images/main/icon_banner-kakao.png") no-repeat left top/4.4rem 5rem; font-size:2.2rem; line-height:2; color: #111;} #main-cont05 .banner-kakao .title strong{font-weight: bold; font-size:3.5rem; line-height:5rem;} #main-cont05 .banner-kakao .title span{font-weight: bold;} #main-cont05 .banner-kakao .title i{font-style: normal; display:inline-block;} #main-cont05 .banner-kakao .btn{margin-top:2rem; display: flex; justify-content: flex-end;} #main-cont05 .banner-kakao .btn>a{width:20rem; height:6rem; background-color:#3c1e1e; font-weight: bold; font-size:2rem; line-height:1.2; color: #fff; text-align: center; display: flex; align-items: center; justify-content:center; border-radius:1rem; gap:0.5rem;} #main-cont05 .banner-kakao .btn>a>strong{color: #ffea00;} /* */ #main-cont06{padding:5.5rem 0; position: relative;} .carousel-move{display: flex; align-items: center; justify-content: space-between;} .carousel-move .title{width:13.5rem; min-width:13.5rem; font-weight: 500; font-size:2.5rem; line-height:1; color: #666; text-align: right; white-space: nowrap;} .carousel-move .coverage-carousel{width:calc(100% - 19rem); padding:0 3rem; position: relative;} .carousel-move .coverage-carousel button{width:2rem; height:4rem; margin:0; padding:0; background-color: #f0f0f0; font-size:1.4rem; line-height:1; color: #9b9b9b; letter-spacing: -0.2rem; position: absolute; top:50%; transform: translateY(-50%); z-index:3; border-radius:0.5rem; display: flex; align-items: center; justify-content: center;} .carousel-move .coverage-carousel .carousel-prev{left:0;} .carousel-move .coverage-carousel .carousel-next{right:0;} .carousel-move .carouselTicker__list{white-space: nowrap; display:flex; gap:9rem;} .carousel-move .carouselTicker__item{display: flex; align-items: center; justify-content: center;} .carousel-move .carouselTicker__item img{max-width:none; max-height:6rem;} html:lang(en) .carousel-move .coverage-carousel{width:calc(100% - 34rem);} /* */ #main-cont07{border-top:1px solid #ddd;} #main-cont07>.inConts{display: flex; flex-flow: row wrap;} #main-cont07 .m-etc-re{width:33%; height:26rem; color: #111; text-align: center; display: flex; flex-flow: column wrap; justify-content: center; gap:1.5rem; position: relative;} html:lang(en) #main-cont07 .m-etc-re{width:50%;} #main-cont07 .m-etc-re + .m-etc-re:before{content: ""; width: 1px; height: 11rem; background-color: #ddd; display: inline-block; position:absolute; left: 0; top:50%; transform: translateY(-50%);} #main-cont07 .m-etc-re:nth-child(2){width:34%;} #main-cont07 .m-etc-re .title{font-weight: 500; font-size:2.2rem; line-height:2.6rem;} #main-cont07 .m-etc-re .title img{margin-right:0.7rem; font-size:0; line-height:0; vertical-align: top;} #main-cont07 .m-etc-re .title img[alt="tel"]{height:2.7rem;} #main-cont07 .m-etc-re .title img[alt="heart"]{height:2.1rem;} #main-cont07 .m-etc-re .num{font-weight: bold; font-size:3rem; line-height:1;} #main-cont07 .m-etc-re .num a{color: #111;} #main-cont07 .m-etc-re .text{font-size:1.7rem; line-height:1; color: #666;} #main-cont07 .m-etc-re .sns{display: flex; justify-content: center; gap:1.5rem;} #main-cont07 .m-etc-re .sns img{height:5rem;} /* */ #main-cont08{padding:20rem 0; } #main-cont08>.inConts{} #main-cont08 .title{font-weight:bold; font-size:6rem; line-height:1; color: #111; text-align: center;} #main-cont08 .main-cont08{margin-top:10rem; display: flex; justify-content: space-around;} #main-cont08 .main-cont08>dl{text-align: center; } #main-cont08 .main-cont08>dl>dt{height:15rem; display: flex; align-items: center; justify-content: center;} #main-cont08 .main-cont08>dl>dd{font-size:2.2rem; line-height:4rem; color: #666; white-space: nowrap; } #main-cont08 .main-cont08>dl>dd>strong{font-weight: bold; font-size:3rem; color: #111; display:block;} /*[e] Main Style */ /*[s] Sub Style */ /* campaign */ #campaign-guide{padding-bottom:12rem;} #campaign-guide .campaign-guide-tit{font-weight: 500; font-size:3.5rem; line-height:1.2; color: #111; text-align: center;} #campaign-guide .campaign-guide-re{padding:12rem 3rem;} #campaign-guide .campaign-guide-tit+.campaign-guide-re{padding-top:6rem;} #campaign-guide .campaign-guide-in{width:100%; max-width:136rem; margin:0 auto; display: flex; align-items: center; justify-content: center; gap:0 16rem;} #campaign-guide .campaign-guide-in .thumb{width:calc(50% - 8rem);} #campaign-guide .campaign-guide-in .thumb img{width:100%; max-width:none; height:36rem; object-fit: cover; object-position: center center;} #campaign-guide .campaign-guide-in .text-in{width:calc(50% - 8rem);} #campaign-guide .campaign-guide-in .text-in .num{font-weight: 300; font-size:7rem; line-height:1; color:var(--point2);} #campaign-guide .campaign-guide-in .text-in .title{margin-top:4rem; font-weight: bold; font-size:3.5rem; line-height:1; color:#111;} #campaign-guide .campaign-guide-in .text-in .text{margin-top:2rem; font-size:2rem; line-height:3rem; color: #666;} #campaign-guide .campaign-guide-in .text-in .btn{margin-top:3.5rem; display: flex; gap:1rem;} #campaign-guide .campaign-guide-in .text-in .btn>a{width:14rem; height:6rem; background-color:transparent; border:1px solid var(--point2); font-weight: bold; font-size:2rem; line-height:1.2; color: var(--point2); text-align: center; display: flex; align-items: center; justify-content: center; border-radius:99rem;} #campaign-guide .campaign-guide-in .text-in .btn>a+a{background-color:var(--red); border-color:var(--red); color: #fff;} #campaign-guide .campaign-guide-re:nth-child(odd){background-color: #fbfcf7;} #campaign-guide .campaign-guide-re:nth-child(odd) .thumb{order:2;} #campaign-guide .campaign-guide-re:nth-child(odd) .text-in{order:1; text-align: right;} #campaign-guide .campaign-guide-re:nth-child(odd) .text-in .btn{justify-content: flex-end;} #campaign-guide .campaign-guide-btm{width:100%; max-width:140rem; margin:5rem auto 0;} #campaign-guide .campaign-guide{background-color: #4574b7; display: flex;} #campaign-guide .campaign-guide>li{width:calc(100% / 3); height:35rem; text-align: center; display: flex; flex-flow: column wrap; justify-content: center;} #campaign-guide .campaign-guide>li:nth-child(2){background-color: #3d6eb4;} #campaign-guide .campaign-guide>li:nth-child(3){background-color: #3568b1;} #campaign-guide .campaign-guide>li .num{font-weight: bold; font-size:4.6rem; line-height:1; color:rgba(255,255,255,0.2);} #campaign-guide .campaign-guide>li .icon{height:12rem; display: flex; align-items: center; justify-content: center;} #campaign-guide .campaign-guide>li .title{font-weight: bold; font-size:3rem; line-height:1.2; color: #fff;} #campaign-guide .campaign-guide>li .text{margin-top:0.5rem; font-size:2rem; line-height:1.4; color: #fff;} #campaign-donate{width:100%; max-width:140rem; margin:-12rem auto 12rem;} #campaign-donate ul, #campaign-donate li, #campaign-donate dl, #campaign-donate dt, #campaign-donate dd, #campaign-donate p{font-size:inherit; line-height:inherit;} #campaign-donate>table{width:100%; border-top:1px solid #111; border-spacing:0;} #campaign-donate>table th, #campaign-donate>table td{padding:4.5rem 5rem; background-color: #fff; border-bottom:1px solid #ddd; font-size:2rem; line-height:1.5; color:#666; text-align: left; border-collapse:collapse; empty-cells:show; word-break:break-all;} #campaign-donate>table th{width:30rem; background-color: #fef7f6; font-weight: 600; font-size:2.5rem; line-height:3rem; color: #111; vertical-align: top;} #campaign-donate>table p{font-size:1.8rem; line-height:2.4rem;} #campaign-donate>table ul{} #campaign-donate>table ul>li{padding-left:1rem; position: relative;} #campaign-donate>table ul>li:before{content: "ㆍ"; color: var(--point); position:absolute; left: -0.7rem; top:0px;} #campaign-donate>table ul>li+li{margin-top:0.5rem;} #campaign-donate>table dl{width:100%; display: flex;} #campaign-donate>table dl>dt{width:18rem; font-weight: 600; color: #111; white-space: nowrap;} #campaign-donate>table dl>dt+dd{width:calc(100% - 18rem);} #campaign-donate>table .btn{margin-top:2rem;} #campaign-donate>table .btn>a{height:6rem; padding:0 3.5rem; background-color:var(--point); font-weight: bold; font-size:2rem; line-height:1.2; color: #fff; text-align: center; display: inline-flex; align-items: center; justify-content: center; border-radius:99rem;} .campaign-donation{width:100%; max-width:140rem; margin:12rem auto 0; display: flex; justify-content: space-between;} .campaign-donation>div{width:49.2857%; padding:4.9rem 2.9rem 5.9rem 4.9rem; background-color: var(--bg); border:1px solid #f0e6e5; border-radius:0.5rem;} .campaign-donation .title{/* padding-left:1.7rem; */ font-weight: bold; font-size:3rem; line-height:1; color: #111; position: relative;} /* .campaign-donation .title:before{content: ""; width: 0.9rem; height: 2.8rem; border:1px solid var(--point); display: inline-block; position:absolute; left: 0; top:0px; background: linear-gradient(to bottom, rgba(244,116,121,1) 0%,rgba(237,28,36,1) 100%); } */ .campaign-donation dl{margin-top:4rem; padding-left:15rem; position: relative;} .campaign-donation dl:before{content: ""; width: 12rem; height: 12rem; background: #fff url("https://kws.or.kr/images/sub/icon_campaign_guide04.png") no-repeat center center/5.8rem; border:1px solid #dfdfdf; display: inline-block; position:absolute; left: 0; top:0px; border-radius:999px;} .campaign-donation dl>dt{font-weight: bold; font-size:3rem; line-height:4rem; color: #111;} .campaign-donation dl>dt a.point_link{display: inline-block; vertical-align: middle; max-height: 4rem; font-size: 1.6rem; line-height: 1; padding: 0.75rem 1rem; border-radius: 3rem; background-color: #acacac; color: #fff;} .campaign-donation dl>dd{margin-top:1rem; font-size:2rem; line-height:2.8rem; color: #666;} .campaign-donation dl>dd>span{color: #111;} .campaign-donation dl>dd .btn{margin-top:2rem;} .campaign-donation dl>dd .btn>a{width:14rem; height:4.6rem; background-color:var(--point); font-weight: bold; font-size:2rem; line-height:1.2; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; border-radius:99rem;} .campaign-donation>.campaign-donation-once{background-color: #fbfcf8; border-color: #edf0e5;} .campaign-donation>.campaign-donation-once .title:before{background: linear-gradient(to bottom, rgba(177,209,130,1) 0%,rgba(127,180,50,1) 100%); border-color:#7fb432;} .campaign-donation>.campaign-donation-once dl:before{background-image:url("https://kws.or.kr/images/sub/icon_campaign_guide05.png"); background-size:6.5rem;} .campaign-donation>.campaign-donation-once dl>dd .btn>a{background-color:var(--point2);} .campaign-faq{width:100%; max-width:140rem; margin:12rem auto 0;} .campaign-faq .campaign-faq-tit{margin-bottom:5rem; text-align: center;} .campaign-faq .campaign-faq-tit>dt{font-weight: bold; font-size:3.5rem; line-height:1; color: var(--point);} .campaign-faq .campaign-faq-tit>dd{margin-top:2rem; font-size:2rem; line-height:2.8rem; color: #666;} /* we-info */ #we-info{width:100%; padding-bottom:13rem; position: relative;} .we-info-top{width:100%; max-width:140rem; margin:0 auto; padding:0;} .we-info-top>dl{margin-top:11rem; text-align: center;} .we-info-top>dl>dt{font-weight: bold; font-size:4rem; line-height:1; color: #111;} .we-info-top>dl>dd{margin-top:2rem; font-size:2rem; line-height: 1.6; color: #666;} .we-info-middle{width:100%; height:62rem; margin-top:11rem; padding:12rem 3rem 0; background:url("https://kws.or.kr/images/sub/bg_we_info02.jpg") no-repeat center center/cover; text-align: center;} .we-info-middle .we-info-middle-title{} .we-info-middle .we-info-middle-title>dt{font-weight: bold; font-size:4rem; line-height:1; color: #111;} .we-info-middle .we-info-middle-title>dd{margin-top:2rem; font-size:2rem; line-height:2.8rem; color: #666;} .we-info-middle .we-info-middle-icon{margin-top:6rem; display: flex; flex-flow: row wrap; justify-content: center;} .we-info-middle .we-info-middle-icon_re{width:20%; text-align: center;} .we-info-middle .we-info-middle-icon_re>dl{} .we-info-middle .we-info-middle-icon_re>dl:before{content: ""; width:15rem; height:15rem; margin:0 auto; background:#fff url("https://kws.or.kr/images/sub/icon_we_info02_01.png") no-repeat center center; text-align: center; border-radius:999px;display:inline-block; } .we-info-middle .we-info-middle-icon_re:nth-child(1)>dl:before{background-size:5.9rem;} .we-info-middle .we-info-middle-icon_re:nth-child(2)>dl:before{background-image: url("https://kws.or.kr/images/sub/icon_we_info02_02.png"); background-size:5.6rem;} .we-info-middle .we-info-middle-icon_re:nth-child(3)>dl:before{background-image: url("https://kws.or.kr/images/sub/icon_we_info02_03.png"); background-size:7.1rem;} .we-info-middle .we-info-middle-icon_re>dl>dt{padding-top:3rem; font-weight: bold; font-size:2.5rem; line-height:1; color: #111;} .we-info-middle .we-info-middle-icon_re>dl>dd{margin-top:1rem; font-size:2rem; line-height:1; color: #666;} .we-info-bottom{width:100%; max-width:146rem; margin:12rem auto 0; padding:0 3rem;} .we-info-bottom .we-info-bottom-icon{width:100%; display: flex; justify-content: center; gap:4rem;} .we-info-bottom .we-info-bottom-icon_re{text-align: center;} .we-info-bottom .we-info-bottom-icon_re>dl{display: flex; align-items: center; justify-content: center;} .we-info-bottom .we-info-bottom-icon_re>dl>dt{} .we-info-bottom .we-info-bottom-icon_re>dl>dt:before{content: ""; width:15rem; height:15rem; margin:0 auto; background:#f6fbef url("https://kws.or.kr/images/sub/icon_we_info03_01.png") no-repeat center center; border:1px solid #e9f3db; text-align: center; border-radius:999px;display:inline-block; } .we-info-bottom .we-info-bottom-icon_re:nth-child(1)>dl>dt:before{background-size:6.2rem;} .we-info-bottom .we-info-bottom-icon_re:nth-child(2)>dl>dt:before{background-image: url("https://kws.or.kr/images/sub/icon_we_info03_02.png"); background-size:4.8rem;} .we-info-bottom .we-info-bottom-icon_re:nth-child(3)>dl>dt:before{background-image: url("https://kws.or.kr/images/sub/icon_we_info03_03.png"); background-size:7.1rem;} .we-info-bottom .we-info-bottom-icon_re>dl>dd{padding-left:3rem; font-weight: bold; font-size:2.5rem; line-height:1.3; color: #111; text-align: left;} .we-info-bottom .we-info-bottom-icon_re>dl>dd strong{color: var(--point2);} .we-info-bottom .we-info-bottom-icon_re + .we-info-bottom-icon_re{padding-left:4rem; border-left:1px dashed #ccc;} .we-info-bottom .we-info-bottom-txt{margin-top:4rem; font-size:2rem; line-height:2.6rem; color: #666; text-align: center;} .we-info-bottom-btn{margin-top:5rem;text-align: center; } .we-info-bottom-btn>a{height: 7rem; padding:0 4.5rem; background-color: var(--point2); font-weight: bold; font-size: 2rem; line-height: 1; color: #fff; text-align: center; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px;} .we-info-bottom-btn2{margin-top:5rem;text-align: center; } .we-info-bottom-btn2>a{height: 7rem; padding:0 4.5rem; background-color: var(--point2); font-weight: bold; font-size: 2rem; line-height: 1; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 999px;} #we-info .highamount_step li .imgArea{width: 6.7rem;} #we-info .highamount_step li h4{font-size: 2.2rem;} /* .highamount_step{display: flex; flex-wrap: wrap; gap: 8rem; counter-reset: highamountStep;} .highamount_step li{width: calc((100% - 24rem)/4); background-color: #f8f8f8; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05); padding: 4rem 2rem; position: relative; border: 1px solid #ddd;} .highamount_step li::after{position: absolute; content: ''; top: 50%; right: -4rem; border-top: 0.65rem solid #666666; border-right: 0.65rem solid #666666; width: 2.5rem; aspect-ratio: 1/1; border-radius: 0.5rem; box-sizing: border-box; transform: rotate(45deg); margin-right: -1rem; margin-top: -1rem;} .highamount_step li:last-child:after{display: none;} .highamount_step li .step{padding-bottom: 1.5rem; margin-bottom: 3rem; position: relative; text-align: center;} .highamount_step li .step::before{position: relative; counter-increment: highamountStep;content: 'STEP 0' counter(highamountStep); font-size: 1.8rem; line-height: 2.6rem; color: #111; font-weight: bold; text-align: center;} .highamount_step li .step::after{position: absolute; content: ''; width: 4rem; height: 3px; bottom: 0; left: 50%; margin-left: -2rem; background-color: var(--point);} .highamount_step li .imgArea{width: 6.2rem; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; margin: 0 auto 3rem} .highamount_step li h4{font-size: 2.5rem; line-height: 3rem; font-weight: bold; color: #111; text-align: center;} */ /* magazine */ .magazine-top{width:100%; display: flex; flex-flow: row wrap; gap:2rem; position: relative;} .magazine-top>li{width:66.42857%;} .magazine-top>li:nth-child(n+2):nth-child(-n+3){width:32.14285%; position: absolute; right:0;} .magazine-top>li:nth-child(2){top:0;} .magazine-top>li:nth-child(3){bottom:0;} .magazine-top>li .magazine-link{display:block; position: relative;} .magazine-top>li .magazine-link>img{width:100%; max-width:none; object-fit: cover; object-position: center center;} .magazine-top>li .magazine-link>.tb{width:100%; height:100%; position: absolute; left:0; top:0;} .magazine-top>li .magazine-link:before{content: attr(data-title); width: 100%; padding:2rem 2rem 1.7rem; background-color: rgba(0,0,0,0.5); font-weight: 500; font-size:2rem; line-height:1.1; color: #fff; position:absolute; left: 0; bottom:0px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing:border-box; z-index:2;} .magazine-swiper{width:100%; margin-top:10rem; position: relative; overflow:hidden;} .magazine-swiper .magazine-roll{white-space: nowrap;} .magazine-swiper .swiper-slide{width:44rem; font-size:0; line-height:0; text-align: center; position: relative; overflow:hidden; display:inline-block; vertical-align: top;} .magazine-swiper .thumb{width:100%; overflow: hidden; position: relative;} .magazine-swiper .thumb>img{width:100%; max-width:none; object-fit: cover; object-position: center center;} .magazine-swiper .thumb>.tb{width:100%; height:100%; position: absolute; left:0; top:0;} .magazine-swiper .title{margin-top:3rem; font-weight: bold; font-size:2rem; line-height:1.1; color: #111; white-space: normal;} .magazine-swiper .swiper-button{width:5rem; height:5rem; background-color: rgba(255,255,255,0.9); font-family:'SUIT Variable'; font-weight: 400; font-size:2rem; line-height:1; color: #c7ccce; text-align: center; position: absolute; top:35%; display: inline-block; cursor: pointer; border-radius:99px; display: flex; align-items: center; justify-content: center; letter-spacing: 1px !important;} .magazine-swiper .swiper-button-prev{left:2rem;} .magazine-swiper .swiper-button-next{right:2rem;} .magazine-swiper .swiper-button:hover{color: var(--point);} /* finding map */ .finding-map{width:100%; border:1px solid #ddd; border-top:1px solid #111; display: flex; flex-flow: row wrap;} .finding-map input[type=text], .finding-map select{width:100%; height:4.6rem; padding:0 2rem; background-color:#fff; border:1px solid #ddd; font-size:1.8rem; line-height:4.4rem; color:#8c8c8c; display:block;} .finding-map button{width:100%; height:6rem; margin:1rem 0 0 0; padding:0; background-color:var(--point); border:none; font-weight: 500; font-size:2rem; line-height:1.2; color:#fff; display:block;} .finding-map select{padding-right:3rem; background:#fff url("https://kws.or.kr/images/bg_select_foot.png") no-repeat calc(100% - 1.5rem) center; line-height:4.6rem; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .finding-map select::-ms-expand{display:none;} .finding-map>*{width:50%; padding:3rem; text-align: center;} .finding-map>.finding-map-img{} .finding-map>.finding-map-img .thumb{display:inline-block; position: relative;} .finding-map>.finding-map-img .thumb .finding-map-link{font-weight: bold; font-size:16px; line-height:1; color: #888; position: absolute; left:50%; top:50%; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; display:block;} .finding-map>.finding-map-img .thumb .finding-map-link[data-val="10"]{margin:-54.5% 0 0 -27.2%;} .finding-map>.finding-map-img .thumb .finding-map-link[data-val="16"]{margin:30.4% 0 0 30.2%;} .finding-map>.finding-map-img .thumb .finding-map-link[data-val="13"]{margin:6.2% 0 0 23.2%;} .finding-map>.finding-map-img .thumb .finding-map-link[data-val="1"]{margin:-52.6% 0 0 -40.8%;} .finding-map>.finding-map-img .thumb .finding-map-link[data-val="14"]{margin:37.4% 0 0 -29.8%;} .finding-map>.finding-map-img .thumb .finding-map-link[data-val="12"]{margin:-7.6% 0 0 -20.3%;} .finding-map>.finding-map-img .thumb .finding-map-link[data-val="15"]{margin:18.8% 0 0 38%;} .finding-map>.finding-map-img .thumb .finding-map-link[data-val="2"]{margin:-59% 0 0 12%;} .finding-map>.finding-map-img .thumb .finding-map-link[data-val="9"]{margin:-44.5% 0 0 -20%;} .finding-map>.finding-map-img .thumb .finding-map-link[data-val="7"]{margin:26.2% 0 0 8.7%;} .finding-map>.finding-map-img .thumb .finding-map-link[data-val="4"]{margin:-12.5% 0 0 25.5%;} .finding-map>.finding-map-img .thumb .finding-map-link[data-val="6"]{margin:45.8% 0 0 -31.2%;} .finding-map>.finding-map-img .thumb .finding-map-link[data-val="5"]{margin:12.5% 0 0 -20.5%;} .finding-map>.finding-map-img .thumb .finding-map-link[data-val="8"]{margin:81% 0 0 -40%;} .finding-map>.finding-map-img .thumb .finding-map-link[data-val="3"]{margin:-16.8% 0 0 -31%;} .finding-map>.finding-map-img .thumb .finding-map-link[data-val="11"]{margin:-28.2% 0 0 -3.5%;} .finding-map>.finding-map-img .thumb .finding-map-link[data-val="17"]{margin:-17.2% 0 0 -12%;} .finding-map>.finding-map-img .thumb .finding-map-link:after{content: "("attr(data-length)")"; text-align: center; position:absolute; left: 50%; top:calc(100% + 2px); transform: translateX(-50%); opacity: 0;} .finding-map>.finding-map-img .thumb .finding-map-link:is(.active):after{opacity: 1;} .finding-map>.finding-map-img .thumb .finding-map-link:is(.active, :hover){color: var(--point); z-index:2;} .finding-map>.finding-map-form{padding:2rem 3rem; background-color: #f8f8f8; border-left:1px solid #ddd;} .finding-map>.finding-map-form .finding-map-form-in{width:100%; max-width:52rem; margin:0 auto;} .finding-map>.finding-map-form .finding-form-title{height:11.4rem; border-bottom:1px solid #ddd; font-weight: bold; font-size:3.5rem; line-height:1.2; color: #232b2f; display: flex; align-items: center;} .finding-map>.finding-map-form .finding-form-re{margin-top:5rem; display: flex; justify-content: space-between;} .finding-map>.finding-map-form .finding-form-re>dt{width:13rem; font-weight: 500; font-size:2.2rem; line-height:4.6rem; color: #666; text-align: left;} .finding-map>.finding-map-form .finding-form-re>dt span{color: var(--point);} .finding-map>.finding-map-form .finding-form-re>dd{width:calc(100% - 13rem); font-weight: 300; font-size:1.6rem; line-height:1.2; color: #666;} /* etc */ .etc_clause{width:90%; margin:0 auto; font-size:0; line-height:0; text-align: center; box-sizing:border-box; position: relative; overflow: visible;} .etc_clause:before, .etc_clause:after{content:"";position:absolute;top:2%;bottom:0;left:10px;right:10px;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-border-radius:100px / 10px; border-radius:100px / 10px;} .etc_clause:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);} .etc_clause .etc_clause_in{padding:60px 80px 80px; background-color: #fdfdfd; border:1px solid #cecece; border-radius:10px; position: relative; z-index:2;} .etc_clause .logo{margin:0;} .etc_clause .logo img{} .etc_clause .txt{padding:15px 0 55px; font-weight: 300; font-size:18px; line-height:1; color: #636363;} .etc_clause .txt>span{font-weight: 400; color: #1b1b1b;} /* .etc_clause .scroll{font-weight:300; font-size:16px; line-height:1.8; color: #626262; text-align: left;} */ .etc_clause .scroll{font-weight:300; font-size:1.6rem; line-height:1.6; color: #626262; text-align: left;} .etc_clause .scroll *{font-weight:300; font-size:1.6rem; line-height:1.6; color: #626262;} .etc_select{width:90%; margin:0 auto 2rem; text-align: right;} .etc_select select.base{width:auto;} /*[e] Sub Style */ /*[s] Plugin Style */ .layer-base.fancybox__content>.carousel__button.is-close{width:3.3rem; height:3.3rem; top:2.2rem !important; right:3rem; display:none !important;} .layer-base.fancybox__content>.carousel__button.is-close svg{width:100%; height:100%; stroke-width:1.5; filter:none; color: #666;} .layer-base{padding:0 !important; background-color: transparent !important; font-size:0; line-height:0; display:none;} .layer-base .layer-in{} #layer-password{width:44rem; border:1px solid #cdcdcd;} #layer-password .layer-base-conts{padding:4.5rem 7rem; background-color: #fff;} #layer-password .pass-title{line-height:1; color: #8c8c8c; text-align: center;} #layer-password .pass-title>dt{font-weight: 600; font-size:1.6rem;} #layer-password .pass-title>dd{margin-top:1.5rem; font-size:1.4rem;} #layer-password .pass-form{width:100%; margin-top:3rem;} #layer-password .pass-form input[type=text], #layer-password .pass-form input[type=password]{width:100%; height:3.8rem; padding:0; background-color: #fff; border:1px solid #cdcdcd; font-size:1.6rem; line-height:3.6rem; color: #8c8c8c; text-align: center; display:block; border-radius:0;} #layer-password .pass-btn{margin-top:3rem; display: flex; justify-content: space-between;} #layer-password .pass-btn>a{width:48%; height:3.8rem; background-color: #fff; border:1px solid #cdcdcd; font-weight: 500; font-size:1.4rem; line-height:1; color: #8c8c8c; text-align: center; display: flex; align-items: center; justify-content: center;} #layer-password .pass-btn>a[ok]{background-color: var(--point); border-color:var(--point); color: #fff;} /* Layer Style */ /*.layerArea .layerIn .layerBgIn{width:0px; height:0px; background-color: rgba(255,255,255,0.7); position:absolute; left:50%; top:50%; z-index:100; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;}*/ .layerCell{display:none;} .layerArea{width:0px; height:0px; background-color: rgba(0,0,0,0.7); position:fixed; left:50%; top:50%; z-index:99; overflow:hidden; overflow-y:auto; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;} .layerArea.one, .layerArea.two{width:100%; height:100%; left:0%; top:0%;} .layerArea.two .layerBgIn{width:100%; height:100%; left:0%; top:0%;} .layerArea .closeLy{width:1.7rem; height:1.7rem; display:inline-block; position: absolute; right:0; top:0;} .layerArea .closeLy:before, .layerArea .closeLy:after{content: ""; background-color: #080808; position: absolute; left:50%; top:50%;} .layerArea .closeLy:before{width: 100%; height: 2px; transform:translate(-50%, -50%) rotate(45deg);} .layerArea .closeLy:after{width: 2px; height: 100%; transform:translate(-50%, -50%) rotate(45deg);} .layerArea .closeLy.type02{width:2.3rem; height:2.3rem; right:3rem; top:3rem;} .layerArea .closeLy.type02:before, .layerArea .closeLy.type02:after{background-color: #676767;} .layerArea .layerIn{width:100%; height:100%; display: table; position:relative;} .layerArea .layerIn .layerCell{width:100%; height:100%; padding:70px 0; display: table-cell; vertical-align:middle; position:relative; box-sizing: border-box;} .layerArea .layerIn .layerBox{margin:0 auto; background-color: #fff; font-size:0; line-height:0; display:none; position: relative; box-sizing: border-box; z-index:99; border-radius:1rem;} /* .layerArea .layerIn .layerBox>.tit_lay{padding:25px 25px 15px;} .layerArea .layerIn .layerBox>.tit_lay>strong{font-size:16px; line-height:1; color:#00a9cc;} */ .layerArea .layerIn .layerBox .contLy{position: relative;} .downlay{width:100%; padding:10rem 0; border-radius:0 !important;} .downlay .closeLy{top:-5rem;} .downlay>.contLy{width:64.5rem; margin:0 auto; text-align: center;} .downlay .title{padding-bottom:5rem; font-weight: bold; font-size:3rem; line-height:1; color: #000;} .downlay .title>strong{color: #23abaf;} .downlay .utllBox{width:47.6rem; margin:0 auto; display:table; table-layout: fixed;} .downlay .utllBox>*{width:50%; display:table-cell; vertical-align: top; box-sizing: border-box;} .downlay .utllBox .tit{font-size:1.5rem; line-height:1; color: #666;} .downlay .utllBox .txt{margin-top:2.5rem; font-size:1.2rem; line-height:1; color: #888;} .downlay .utllBox .icon{height:15rem; margin-top:3rem; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center;} .downlay .utllBox .icon>p+p{margin-top:2rem;} .downlay .utllBox>.qr{border-left:1px solid #dadada;} .downlay .utllBox>.store img{width:16.8rem;} .downlay .utllBox>.qr img{width:15rem;} .formLay{width:62rem; padding:7rem 5rem 6rem; border-radius:1rem;} .formLay input[type=text]{width:100%; height:5.4rem; padding:0; background-color:#fff; border-bottom:2px solid #e8e8e8; font-size:1.8rem; line-height:5.2rem; color:#666; box-sizing: border-box; vertical-align:middle; display:inline-block;} .formLay .title{padding-bottom:3.5rem; border-bottom:1px solid #333; font-weight: 500; font-size:2.6rem; line-height:1; color: #1b1b1b;} .formLay .textBox{width:62rem; margin:-1px 0 0 -5rem; padding:4rem 0; background-color: #f6f7fa; border-top:1px solid #ececec; border-bottom:1px solid #ececec; font-size:1.9rem; line-height:1; color: #1b1b1b; letter-spacing: -0.08em; text-align: center; position: relative; z-index:2;} .formLay .textBox>span{color: #149699;} .formLay .launchingForm{margin-top:1rem;} .formLay .launchingForm>li{padding-top:4rem;} .formLay .launchingForm>li>dl{} .formLay .launchingForm>li>dl>dt{font-weight: 500; font-size:1.9rem; line-height:1; color: #1b1b1b;} .formLay .launchingForm>li>dl>dd{height:6.4rem; padding-top:1rem; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start; box-sizing: border-box;} .formLay .launchingForm>li>dl>dd.two{flex-wrap: nowrap; justify-content: space-between; white-space: nowrap;} .formLay .launchingForm>li>dl .checkIn{} .formLay .launchingForm>li.two{display: flex; justify-content: space-between;} .formLay .launchingForm>li.two>dl{width:48%;} .formLay .launchingForm>li .clauseView{font-size:1.7rem; line-height:1; color: #989898;display:inline-block;} .formLay .launchingForm>li .clauseView>span{border-bottom:1px solid #999; padding:0.2rem 0 0.3rem; display:inline-block;} .formLay .btnArea{margin-top:6rem;} .privacylay{width:62rem; padding:7rem 5rem;} .privacylay .title{padding-bottom:3.5rem; font-weight: 500; font-size:2.8rem; line-height:1; color: #000; text-align: center;} .privacylay .clauseArea .scroll{padding:3.5rem 3.9rem; background-color: #f8f9fb; border:1px solid #eee; font-weight: 300; font-size:1.7rem; line-height:2.6rem; color: #666;} /* Img Over Bg Style */ #photo{width:960px;margin:0 auto; position:relative; overflow:hidden;} #photo>li{width:150px; height:150px; margin:5px; float:left; display:inline; overflow:hidden; } #photo>li>a{width:100%; height:100%; position: relative; display:block; overflow:hidden;} #photo>li>a>img{width:100%; height:100%; display:block; border-radius:5px;} #photo>li>a>.bg_l{width:100%; height:100%; background-color:red; position: absolute; left:0; top:0; display:none; opacity:0.3; border-radius:5px;} /* Notice One Line Style */ .mNoticeList{width:100%; height:60px; margin-top:25px; overflow:hidden; position: relative;} .mNoticeList>ul{width:100%; position: absolute; left:0; top:-60px;} .mNoticeList>ul>li{height:60px; position: relative;} .mNoticeList>ul>li>a{padding-left:73px; display:block; position: relative;} .mNoticeList .day{width:41px; padding-right:15px; border-right:1px solid #d5d1cc; font-weight: 600; font-size:12px; line-height:1; color: #b99764; text-align: center; position: absolute; left:0; top:0;} .mNoticeList .day>strong{font-weight: 700; font-size:32px; line-height:1; display:block;} .mNoticeList dl.list{font-size:16px; line-height:20px; color: #876e49; word-break:keep-all; word-wrap:break-word;} .mNoticeList dl.list>dt{padding-bottom:6px; font-weight: 600; font-size:12px; line-height:1; color: #b99764;} /*[e] Plugin Style */ @media only screen and (max-width : 1560px){ #mainVisual .swiper-number, #mainVisual .vTxtArea{margin-left:0; left:0;} .main-campaign .main-campaign-swiper{overflow: visible;} } @media only screen and (max-width : 1440px){ /*[s] Main Style */ /*[e] Main Style */ /*[s] Layer Style */ /*[e] Layer Style */ } @media only screen and (max-width : 1280px){ .scroll_info{display:block;} .scrollTb{width:100%; padding-bottom:2rem; display:block; overflow:hidden; overflow-x:scroll;} .scrollTb>*{width:1200px !important;} /*[s] Main Style */ /* */ #main-cont01{} .main-quick-view{} .main-quick-view .list{margin-top:-11rem; gap:0 5%;} .main-quick-view .list>li{width:45%; max-width: none;} .main-quick-view .list>li:nth-child(1), .main-quick-view .list>li:nth-child(3), .main-quick-view .list>li:nth-child(5){top:11rem;} .main-quick-view .list>li:nth-child(2), .main-quick-view .list>li:nth-child(4), .main-quick-view .list>li:nth-child(6){top:22rem;} /* */ #main-cont05{} #main-cont05:after{display:none;} #main-cont05>.inConts{height:auto; padding:0; display: block;} #main-cont05 .news-letter, #main-cont05 .banner-kakao{width:100%; padding:8rem 3rem; display: block;} #main-cont05 .news-letter .form, #main-cont05 .banner-kakao .banner-kakao-in{max-width:100%;} /* */ #main-cont07{} #main-cont07 .m-etc-re{width:50%;} #main-cont07 .m-etc-re:nth-child(2){width:50%;} #main-cont07 .m-etc-re:nth-child(3){width:100%;} #main-cont07 .m-etc-re:nth-child(3):before{width: 100%; height: 1px; left:50%; top:0; transform: translate(-50% , 0);} /*[e] Main Style */ /*[s] Sub Style */ /* we-info */ .we-info-bottom .we-info-bottom-icon{gap:2rem;} .we-info-bottom .we-info-bottom-icon_re>dl>dd{padding-left:2rem; font-size:2.2rem;} .we-info-bottom .we-info-bottom-icon_re + .we-info-bottom-icon_re{padding-left:2rem;} /*[e] Sub Style */ /*[s] Layer Style */ /*[e] Layer Style */ } @media only screen and (max-width : 1024px){ /*[s] All Style */ .wideKakao>.root_daum_roughmap{height:auto; padding-bottom: 56.25%;} /*[e] All Style */ /*[s] Main Popup Style */ .hd_pops{position: absolute; left:2rem !important; top:2rem !important;} .hd_pops_con{width:auto !important;} /*[e] Main Popup Style */ /*[s] Main Style */ /* visual */ #mainVisual{} #mainVisual .vTxtArea{max-width:none; margin-left:0; left:0%;} /* */ #main-cont01{} .main-quick-view .list{gap:0 3%;} .main-quick-view .list>li{width:47%;} .main-quick-view .view-conts{border-radius: 7rem 0 7rem 0;} .main-quick-view .view-conts .thumb:before{opacity: 0;} .main-quick-view .view-conts .over-view{top:0%; opacity: 1;} /* */ #main-cont02{margin-top:36rem; position: relative;} .management-re{width:50%; height:58rem;} .management-re .management-in{height:32.5rem;} .management-re.management-tit{width:100% !important; min-width:none; padding:0 3rem; color: #111; text-align: center; position: absolute; left:0; top:-36rem; display:block;} .management-re:not(.management-tit):hover{width:50%;} .management-re:not(.management-tit):before{display:none;} .management-re:not(.management-tit) .btn>span{background-color:var(--point2); justify-content: center;} /* */ #main-cont03{} #main-cont03:after{display:none;} .main-news{width:100%; padding-right:0;} .main-news .main-news-text{width:100%; min-width:none; padding:0; text-align: left; display: block; position: relative; right:auto; top:0; z-index:3;}/* column */ .main-news .main-news-text .title{width:100%; font-weight: 300; font-size:3.5rem; line-height:5rem; color: #111;} .main-news .main-news-text .title>strong{font-weight: bold; font-size:6rem; line-height:1;} .main-news .main-news-text .title>span{font-weight: 400; font-size:4rem;} .main-news .main-news-text .btn{margin-top:3rem; display: flex; flex-flow: row wrap; gap:1.5rem;} .main-news .main-news-text .btn>a{} .main-news .main-news-text .btn>a:before{} .main-news .main-news-text .more{margin-top:0; position: absolute; right:0; bottom:-0.8rem;} .main-news .main-news-swiper .main-news-re:hover{border-radius: 7rem;} .main-news .main-news-swiper .main-news-re:hover .over-view{top:60%; opacity: 0;} .main-news .main-news-swiper{margin-top:7rem;} .main-news .main-news-swiper .swiper-slide-active .main-news-re{border-radius: 7rem 0 7rem 0;} .main-news .main-news-swiper .swiper-slide-active .main-news-re .over-view{top:0%; opacity: 1;} /* */ #main-cont04{} .mBoard-area{} .mBoard-area>li{flex:0 1 32%;} .mBoard-area .mBoard-link{padding:4rem 3rem;} /* */ #main-cont06{padding:3rem 0;} .carousel-move{padding:4rem 0; display: block;} .carousel-move+.carousel-move{border-top:1px solid #e6e6e6;} .carousel-move .title{width:100%; min-width:none; text-align:left;} .carousel-move .coverage-carousel{width:100%; margin-top:3rem;} html:lang(en) .carousel-move .coverage-carousel{width:100%;} /* */ #main-cont07{} #main-cont07 .m-etc-re{width:100%; height:auto; padding:4rem 0;} html:lang(en) #main-cont07 .m-etc-re{width:100%;} #main-cont07 .m-etc-re:nth-child(2){width:100%;} #main-cont07 .m-etc-re:nth-child(3){width:100%;} #main-cont07 .m-etc-re:nth-child(2):before, #main-cont07 .m-etc-re:nth-child(3):before{width: 100%; height: 1px; left:50%; top:0; transform: translate(-50% , 0);} /* */ #main-cont08{} #main-cont08 .main-cont08{flex-wrap: wrap; gap:3rem 0;} #main-cont08 .main-cont08>dl{width:50%;} /*[e] Main Style */ /*[s] Sub Style */ /* campaign */ #campaign-guide{} #campaign-guide .campaign-guide-re{} #campaign-guide .campaign-guide-in{display:block;} #campaign-guide .campaign-guide-in .thumb{width:100%; text-align: center;} #campaign-guide .campaign-guide-in .thumb img{width:auto; max-width:100%; height:auto;} #campaign-guide .campaign-guide-in .text-in{width:100%; margin-top:6rem;} #campaign-guide .campaign-guide-re:nth-child(odd) .text-in{text-align: left;} #campaign-guide .campaign-guide-re:nth-child(odd) .text-in .btn{justify-content: flex-start;} #campaign-guide .campaign-guide{display:block;} #campaign-guide .campaign-guide>li{width:100%;} #campaign-guide .campaign-guide-btm{padding:0 3rem;} #campaign-donate>table ul>li+li{margin-top:2rem;} #campaign-donate>table dl{display:block;} #campaign-donate>table dl>dt{width:100%;} #campaign-donate>table dl>dt+dd{width:100%;} .campaign-donation{padding:0 3rem; display:block;} .campaign-donation>div{width:100%;} .campaign-donation>.campaign-donation-once{margin-top:4rem;} .campaign-faq{padding:0 3rem;} /* we-info */ .we-info-middle{background-position: right center;} .we-info-middle .we-info-middle-icon_re{width:30%;} .we-info-bottom .we-info-bottom-icon{display: block;} .we-info-bottom .we-info-bottom-icon_re>dl{justify-content: flex-start;} .we-info-bottom .we-info-bottom-icon_re>dl>dd{padding-left:3rem;} .we-info-bottom .we-info-bottom-icon_re + .we-info-bottom-icon_re{margin-top:4rem; padding:4rem 0 0 0; border-top:1px dashed #ccc; border-left:none;} /* magazine */ .magazine-top>li{width:100%;} .magazine-top>li:nth-child(n+2):nth-child(-n+3){width:calc(50% - 1rem); position: relative;} /* finding map */ .finding-map{display:block;} .finding-map>*{width:100%; display: block;} .finding-map>.finding-map-form{padding:2rem 3rem 6rem; border-top:1px solid #ddd; border-left:none;} /*[e] Sub Style */ /*[s] Plugin Style */ .fancybox__slide{padding:48px 3rem 8px !important;} /*[e] Plugin Style */ } @media only screen and (max-width : 840px){ /*[s] All Style */ .choose-payment-re, .choose-payment-re>ul>li{font-size:2rem; line-height:1.5;} .bul_star>li{padding-left:1.8rem; font-size:2rem;} /*[e] All Style */ /*[s] Main Popup Style */ .hd_pops{left:2rem !important; right:2rem !important;} .hd_pops_con{} #popLayer{} #popLayer #moPopArea{} #popLayer #moPopArea .moPop{max-width:90%;} #popLayer #moPopArea #moPopRoll{} #popLayer .slider{} #popLayer .slider img{} /* #popLayer .slider#HKeditorContent{padding:20px; font-size:20px; line-height:1.5; color: #666;} #popLayer .slider#HKeditorContent img{width:auto;} #popLayer #moPopRoll.roll .slider{} */ #popLayer .layerPopClose{width:4rem; height:4rem; right:2rem; top:2rem;} #popLayer .layerPopClose:before{margin:-1px 0 0 -2rem;} #popLayer .layerPopClose:after{margin:-2rem 0 0 -1px;} #popLayer .moPopClose{} #popLayer .moPopClose>*{height:8rem; font-size:2rem;} /* #popLayer .moPopClose button{font-size:1.8rem; line-height:2.4rem;} #popLayer .moPopClose button:before{width: 2.4rem; height: 2.4rem; font-size:1.8rem; line-height:2.6rem;} #popLayer .moPopClose button.toDay_close{padding-left:3.2rem;} #popLayer .moPopClose button.close{padding-right:3.2rem} */ #popLayer .slick-dots{bottom:10rem;} #popLayer .slick-dots>li{} #popLayer .slick-dots>li+li{} #popLayer .slick-dots>li button{width:1.8rem; height:1.8rem;} #popLayer .slick-dots>li.slick-active button{} /*[e] Main Popup Style */ /*[s] Main Style */ .m-tab{justify-content: flex-start;} .m-tab a.more{width:7.1rem; height:7.1rem; font-size:0; line-height:0; bottom:-0.7rem;} .m-tab a.more:before{content:"+"; font-size:3.2rem; line-height:1.2} /* visual */ #mainVisual{} #mainVisual .visualRoll .swiper-slide>img{height:90rem;} #mainVisual .vTxtArea{} #mainVisual .vTxt .ii.cate{font-size:2.2rem;} #mainVisual .vTxt .ii.cate:before{top:4.5rem;} /*#mainVisual .vTxt .ii.title{margin-top:6rem; font-size:5rem; line-height:6rem;}*/ #mainVisual .vTxt .ii.title{margin-top:6rem;} #mainVisual .vTxt .ii.btn{margin-top:6rem;} #mainVisual .vTxt .ii.btn>*{min-width:16rem; height:6rem; font-size:2.2rem;} /* */ #main-cont01{padding-top:19rem; /*background-image:url("https://kws.or.kr/images/main/bg_main-cont01_m.jpg"); background-size: 100%;*/} #main-cont01 .title-t{line-height:7.5rem;} .main-quick-view{} .main-quick-view .smile{width:50rem; margin-top:11rem; text-align: right; position:absolute; left:auto; right:-7rem; top:0px;} .main-quick-view .title-t .small{margin-bottom:-9rem; font-size:2.2rem;} .main-quick-view .link-quick>a{font-size:2rem;} .main-quick-view .list{margin-top:-7rem;} .main-quick-view .list>li{width:43rem; margin:0 auto;} .main-quick-view .list>li:nth-child(1), .main-quick-view .list>li:nth-child(3), .main-quick-view .list>li:nth-child(5), .main-quick-view .list>li:nth-child(2), .main-quick-view .list>li:nth-child(4), .main-quick-view .list>li:nth-child(6){top:0;} .main-quick-view .view-conts .over-view{} .main-quick-view .view-conts .over-view .btn{gap:2rem;} .main-quick-view .view-conts .over-view .btn>a{width:13rem;} .main-campaign{margin-top:20rem;} .main-campaign .title-t{margin-bottom:9rem; text-align: center !important;} .main-campaign .main-campaign-swiper .cate{min-width:27rem; height:7.5rem; margin-top:-3.8rem; font-size:2.8rem;} .main-campaign .main-campaign-swiper .title{font-size:4.5rem;} .main-campaign .main-campaign-swiper .text{font-size:2.6rem; line-height:3.6rem;} .main-campaign .main-campaign-swiper .swiper-button{font-size:7rem;} .main-campaign .main-campaign-swiper .swiper-button-prev{left:0;} .main-campaign .main-campaign-swiper .swiper-button-next{right:0;} /* */ #main-cont02{margin-top:41rem; background-image:url("https://kws.or.kr/images/main/bg_main-cont02_m.jpg"); display:block;} .management-re{width:100%; height:56rem; padding:0 3rem; justify-content: flex-start;} .management-re:not(.management-tit)+.management-re{border-top:1px solid rgba(255,255,255,0.2);} .management-re .management-in{height:auto;} .management-re .num{height:10rem; font-size:10rem;} .management-re .num.logo{height:auto; display:none;} .management-re .tit{margin-top:4rem; font-size:3rem;} .management-re .title{margin-top:4rem; font-size:5rem;} .management-re .tit+.title{margin-top:1.5rem; font-size:6rem;} .management-re .text{font-size:2.6rem; line-height:3.6rem;} .management-re .btn{margin-top:4rem; display: flex;} .management-re .btn>span{width:18rem; height:6rem; font-size:2.2rem;} .management-re .btn img{display:none;} .management-re.management-tit{height:auto; top:-44rem; text-align: center;} .management-re .num.star{} .management-re .num.star img{height:14rem;} .management-re .num.star+.text{line-height:3rem;} .management-re:not(.management-tit):hover{width:100%;} /* */ #main-cont03{padding:20rem 0;} html:lang(en) #main-cont03{margin-top:0rem; padding-top:10rem;} .main-news .main-news-text .title{} .main-news .main-news-text .btn{margin-top:5rem;} .main-news .main-news-text .btn>a{width:20rem; height:7rem; padding:0 2rem; font-size:2.4rem;} .main-news .main-news-text .btn>a:before, .main-news .main-news-text .btn>a:hover:before{right:2rem;} .main-news .main-news-text .more{bottom:0;} .main-news .main-news-text .more>a{width:7.1rem; height:7.1rem; font-size:0; line-height:0} .main-news .main-news-text .more>a:before{content:"+"; font-size:3.2rem; line-height:1.2} .main-news .main-news-swiper{margin-top:10rem;} .main-news .main-news-swiper .swiper-slide{width:48rem;} .main-news .main-news-swiper .state{margin-top:-9rem; padding:0 3rem;} .main-news .main-news-swiper .state>span{width:13rem; height:7rem; font-size:2.6rem;} .main-news .main-news-swiper .title{height:22rem; padding:3rem; font-size:3.5rem; line-height:4.5rem;} .main-news .main-news-swiper .over-view{} .main-news .main-news-swiper .over-view .tit{font-size:3.5rem; line-height:4.5rem;} .main-news .main-news-swiper .over-view .btn{font-size:2.2rem;} /* */ #main-cont04{} .mBoard-area{background-color: #fff; border:1px solid #ccc;} .mBoard-area>li{padding:0 4.9rem;} .mBoard-area>li+li .mBoard-link{border-top:1px solid #ccc; } .mBoard-area .mBoard-link{padding:4.9rem 0; border:none; display:block;} .mBoard-area .mBoard-link .cate{} .mBoard-area .mBoard-link .cate>span{min-width:12rem; height:4.6rem; padding:0 3rem; font-size:2.4rem;} .mBoard-area .mBoard-link .title{height:auto; font-size:3rem; line-height:4.2rem;} .mBoard-area .mBoard-link .day{font-size:2.4rem;} .mBoard-area.open{display:block !important;} /* */ #main-cont05{} #main-cont05 .news-letter .title{font-size:2.6rem; display:block;} #main-cont05 .news-letter .title img{height:4.6rem; margin-bottom:1rem; vertical-align: top;} #main-cont05 .news-letter .title strong{margin-bottom:1rem; padding:0.5rem 2rem 0 0.8rem; font-size:4rem; line-height:4.6rem; display:inline-block;} #main-cont05 .news-letter .title span{font-weight: bold;} #main-cont05 .news-letter .form{display: flex; flex-flow: row wrap; justify-content: center;} #main-cont05 .news-letter .form input[type="text"], #main-cont05 .news-letter .form input[type="submit"]{width:100%; height:7rem; padding:0 2rem; font-size:2.4rem; line-height:6.8rem;} #main-cont05 .news-letter .form input[type="text"]:nth-child(2){width:100%;} #main-cont05 .news-letter .form input[type="submit"]{width:100%; max-width:none; font-size:2.6rem;} #main-cont05 .news-letter .check-new{margin-top:2.5rem;} #main-cont05 .banner-kakao{} #main-cont05 .banner-kakao .banner-kakao-in{} #main-cont05 .banner-kakao .title{padding-left:7rem; background-size:5.4rem 6.1rem; font-size:2.6rem; line-height:2;} #main-cont05 .banner-kakao .title strong{font-size:4rem; line-height:6.1rem;} #main-cont05 .banner-kakao .title span{} #main-cont05 .banner-kakao .title i{margin:0.5rem 0 0 -7rem;} #main-cont05 .banner-kakao .btn{margin-top:3rem; justify-content: flex-start;} #main-cont05 .banner-kakao .btn>a{width:27rem; height:8rem; font-size:2.6rem;} /* */ #main-cont06{} .carousel-move{} .carousel-move .title{font-size:4rem;} .carousel-move .coverage-carousel button{height:5rem; font-size:1.4rem;} .carousel-move .carouselTicker__list{gap:4rem;} .carousel-move .carouselTicker__item img{max-height:10rem;} /* */ #main-cont07{border-top:none;} #main-cont07>.inConts{} #main-cont07 .m-etc-re{gap:2rem;} #main-cont07 .m-etc-re .title{font-weight: 500; font-size:3rem; line-height:1;} #main-cont07 .m-etc-re .title img{} #main-cont07 .m-etc-re .title img[alt="tel"]{height:2.7rem;} #main-cont07 .m-etc-re .title img[alt="heart"]{height:2.5rem;} #main-cont07 .m-etc-re .num{font-size:4rem;} #main-cont07 .m-etc-re .text{margin-top:-1rem; font-size:2.6rem;} #main-cont07 .m-etc-re .sns{gap:1.8rem;} #main-cont07 .m-etc-re .sns img{height:6.2rem;} /* */ #main-cont08{padding:12rem 0;} #main-cont08 .main-cont08{margin-top:6rem;} /*[e] Main Style */ /*[s] Sub Style */ /* campaign */ #campaign-guide .campaign-guide-in .text-in .text{font-size:2.2rem; line-height:3.2rem;} #campaign-guide .campaign-guide>li{height:38rem;} #campaign-guide .campaign-guide>li .icon{height:16rem;} #campaign-guide .campaign-guide>li .text{margin-top:1rem; font-size:2.2rem;} #campaign-donate>table th, #campaign-donate>table td{padding:3rem 2rem; font-size:2.2rem;} #campaign-donate>table th{width:20rem;} .campaign-donation dl>dd{font-size:2.2rem; line-height:3rem;} .campaign-faq .campaign-faq-tit>dd{font-size:2.2rem;} /* we-info */ #we-info{} .we-info-top>dl>dd, .we-info-middle .we-info-middle-title>dd, .we-info-bottom .we-info-bottom-txt, .we-info-bottom-btn>a{font-size:2.4rem; line-height:3.2rem;} .we-info-middle .we-info-middle-icon_re{width:33%;} .we-info-middle .we-info-middle-icon_re>dl>dd{font-size:2.2rem; line-height:3rem;} .we-info-bottom .we-info-bottom-icon_re>dl>dd{font-size:2.5rem;} /* magazine */ .magazine-top{gap:3rem;} .magazine-top>li:nth-child(n+2):nth-child(-n+3){width:100%;} .magazine-top>li .magazine-link:before{font-size:2.4rem;} .magazine-swiper .title{font-size:2.4rem;} /* finding map */ .finding-map input[type=text], .finding-map select{height:6rem; font-size:2.2rem; line-height:5.8rem;} .finding-map button{width:100%; height:6rem; margin:1rem 0 0 0; padding:0; background-color:var(--point); border:none; font-weight: 500; font-size:2rem; line-height:1.2; color:#fff; display:block;} .finding-map>.finding-map-form .finding-map-form-in{width:100%; max-width:100%;} .finding-map>.finding-map-form .finding-form-re>dt{width:14rem; font-size:2.6rem; line-height:6rem;} .finding-map>.finding-map-form .finding-form-re>dd{width:calc(100% - 14rem); font-size:2rem;} /* etc */ .etc_clause{width:100%; margin:0 auto;} .etc_clause .etc_clause_in{padding:5rem 3rem; border-radius:1rem;} .etc_clause .logo{margin:0;} .etc_clause .txt{padding:2rem 0 6rem; font-size:2.2rem;} .etc_clause .scroll{font-size:2rem;} .etc_select{width:100%;} .etc_select select.base{width:22rem;} /*[e] Sub Style */ /*[s] Plugin Style */ #layer-password{width:90%;} #layer-password .layer-base-conts{} #layer-password .pass-title{} #layer-password .pass-title>dt{font-size:2.4rem;} #layer-password .pass-title>dd{font-size:2.2rem;} #layer-password .pass-form{} #layer-password .pass-form input[type=text], #layer-password .pass-form input[type=password]{height:5.8rem; font-size:2.2rem; line-height:5.6rem;} #layer-password .pass-btn{} #layer-password .pass-btn>a{height:5.8rem; font-size:2rem;} /*[e] Plugin Style */ } @media only screen and (max-width : 480px){ } @media only screen and (max-width : 370px){ .finding-map>.finding-map-img .thumb .finding-map-link{font-size:13px;} } .m-imgs{display:none;} .phishing-area{} .phishing-area .inConts{max-width: 174rem;} .phishing-area .inConts.s{max-width: 157rem;} .phishing-area .inConts.flex{display: flex; justify-content: space-between} .phishing-visual{position: relative;} .phishing-visual>img{width:100%; max-width:none; height:850px; object-fit: cover; object-position: center center;} .phishing-visual .visual-text{position: absolute; left:0; right:0; top:0; bottom:0; display: flex; align-items: flex-end; justify-content: center;} .phishing-visual .visual-text .inConts>p{font-weight: bold; font-size:2.5rem; line-height:1; color: #fff;} .phishing-visual .visual-text .inConts>div{margin-top:5rem; font-weight: bold; font-size:7.9rem; line-height:8.7rem; color: #002462;} .phishing-visual .visual-text .inConts>div>strong{color: #36b8e9;} .phishing-visual .visual-text .inConts>div+p{margin-top:5rem; font-weight: 500; font-size:2.1rem; line-height:1.4;} .phishing-visual .visual-text .inConts img.logo{width:39.9rem; margin:13rem 0 6.5rem; float: right;} .phishing-about{padding:22.5rem 0 16rem;} .phishing-about>.inConts{align-items: center;} .phishing-about .left{width:calc(100% - 41.071% - 3rem);} .phishing-about .left>dl{color: #111;} .phishing-about .left>dl>dt{font-weight: bold; font-size:5.2rem; line-height:1;} .phishing-about .left>dl>dd{padding-top:7rem; font-weight: 400; font-size:2.6rem; line-height:1.4;} .phishing-about .left>dl>dd>strong{font-size:2.3rem; color: #36b8e9;} .phishing-about .left>dl>dd>p{padding-top:3rem; font-weight: bold; font-size:2.6rem; line-height:1.4;} .phishing-about .left>dl>dd .bul_star{display:inline-block; text-align: left !important;} .phishing-about .left>dl>dd .bul_star>li{padding-left:1.9rem !important; font-size:2.3rem; color: #36b8e9;} .phishing-about .right{width:41.071%; max-width:69rem; text-align: center;} .phishing-about .right img{object-fit: cover; object-position: center center;} /* width:68.285%; max-width:47.8rem; */ .phishing-education{padding:15rem 0 15.5rem; background-color: #e7f5ff;} .phishing-education>.inConts{} .phishing-education>.inConts>.title{font-weight: bold; font-size:5.2rem; line-height:1; color: #111; text-align: center; position: relative; z-index:2;} .phishing-education>.inConts>.icon{width:42.6rem; position: absolute; left:9rem; top:-22.2rem;} .phishing-education .education-re{width:100%; margin-top:18.5rem; display: flex; align-items: center; justify-content: space-between; position: relative; z-index:2;} .phishing-education .education-re>li{width:calc((100% - 9.27%) / 3); min-height:40rem; padding:4rem; background-color: #fff; border:1rem solid #7ed0f9; text-align: center; border-radius:4.5rem; display: flex; align-items: center; justify-content: center; position: relative;} .phishing-education .education-re>li>p{width:17.4rem; height:17.4rem; margin-left:-8.7rem; background-color: #fff; font-family: 'yg-jalnan'; font-size:6.7rem; line-height:1; color: #36b8e9; display: flex; align-items: center; justify-content: center; position: absolute; left:50%; top:-8.3rem; border-radius:999rem; box-shadow:0rem 1rem 2rem rgba(0,0,0,0.05);} .phishing-education .education-re>li>dl{padding-top:5rem; color: #111;} .phishing-education .education-re>li>dl>dt{font-family:var(--gmarket); font-weight: bold; font-size:4.3rem; line-height:5.4rem; letter-spacing: -2px;} .phishing-education .education-re>li>dl>dd{padding-top:2.5rem; font-size:2.7rem; line-height:1.3;} .phishing-education div.education-re{margin-top:14rem;} .phishing-education div.education-re>div{width:calc((100% - 9.27%) / 3); text-align: center; display: flex; align-items: center; justify-content: center; position: relative;} .phishing-education div.education-re>div.arr{margin-top:11rem; font-family:var(--gmarket); font-weight: bold; font-size:6.4rem; line-height:8rem; color: #002462; text-align: left; letter-spacing: -2px; justify-content: flex-start;} .phishing-education div.education-re>div.arr:before{content: ""; width: 12.2rem; height: 12.3rem; margin-top:-6.2rem; background:url("https://kws.or.kr/images/phishing/arr_education.png") no-repeat center center/cover;display: inline-block; position:absolute; right: 0; top:50%;} .phishing-education div.education-re>div>dl{width:100%;} .phishing-education div.education-re>div>dl>dt{font-weight: bold; font-size:5.2rem; line-height:1; color: #111;} .phishing-education div.education-re>div>dl>dd{width:100%; min-height:23rem; margin-top:6rem; padding:4rem 2rem; background-color: #fff; border:1rem solid #7ed0f9; font-family:var(--gmarket); font-weight: bold; font-size:5.1rem; line-height:6.4rem; color: #36b8e9; letter-spacing: -2px; border-radius:4rem; display: flex; align-items: center; justify-content: center; position: relative;} .phishing-education div.education-re>div>dl>dd.b{font-size:9rem; line-height:1;} .phishing-step{padding:13rem 0 14rem;} .phishing-step .title{color: #111;} .phishing-step .title>dt{font-weight: bold; font-size:5.2rem; line-height:1;} .phishing-step .title>dd{margin-top:3.5rem; font-size:2.35rem; line-height:3.6rem;} .phishing-step .title>dd>strong{font-weight: normal; color: #36b8e9;} .phishing-step .step-by-step{width:100%; max-width:1290px; margin:13.5rem auto 0; display:flex; justify-content: space-between;} .phishing-step .step-by-step>li{width:calc((100% - 28.682%) / 3); position: relative;} .phishing-step .step-by-step>li dt{position: relative;} .phishing-step .step-by-step>li dt:before{content: ""; width: 2.9rem; height: 5.1rem; margin-top:-2.51rem; background:url("https://kws.or.kr/images/phishing/arr_stop.png") no-repeat center center/cover; display: inline-block; position:absolute; left: -33%; top:50%; opacity: 0;} .phishing-step .step-by-step>li+li dt:before{opacity: 1;} .phishing-step .step-by-step>li dd{margin-top:6.5rem; font-weight: bold; font-size:3.8rem; line-height:4.8rem; color: #111; text-align: center;} .phishing-step .step-by-step>li dd>p{margin-top:2rem; font-weight: 400; font-size:2.3rem; line-height:1;} .phishing-title{padding:14rem 0 17rem; font-weight: bold; font-size:7rem; line-height:7.7rem; color: #002462; text-align: center;} .phishing-title>strong{color: #36b8e9;} .phishing-video{padding:19rem 3rem 0; background:#36b8e9 url("https://kws.or.kr/images/phishing/bg_video.jpg") no-repeat center top; position: relative;} .phishing-video .icon{width:18.6rem; margin-left:-9.3rem; position: absolute; left:50%; top:-9.3rem;} .step-title{margin-left:-3rem; padding-bottom:14rem; display:flex; align-items: flex-start; gap:7rem;} .step-title>dt{width:42.4rem; height:11.3rem; padding: 1.5rem 0 0 10.3rem; background-color: #002462; font-weight: bold; font-size:5.8rem; line-height:1.1; color: #36b8e9; display:flex; gap:3rem;} .step-title>dt>strong{font-size:12.3rem; color: #fff; position: relative; vertical-align: top; top: -5.7rem;} .step-title>dd{padding-top:4rem; font-family:var(--gmarket); font-weight: bold; font-size:5.2rem; line-height:1; color: #fff; position: relative;} .phishing-player{width:1175px; height:661px; margin:0 auto; position: relative;}/* height: 0; padding-bottom: 56.25%; */ .phishing-player iframe, .phishing-player video{width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .phishing-inq{padding:23.5rem 3rem 11.5rem; background:#36b8e9 url("https://kws.or.kr/images/phishing/bg_inq.jpg") no-repeat center top; position: relative;} .phishing-inq .phishing-form{width:100%; max-width:160rem; margin:0 auto;} .phishing-inq .phishing-form>.title{margin:0 3.1rem 0 3.6rem; padding:6rem 6.7rem 2.7rem; background-color: #014999; font-weight: bold; font-size:3rem; line-height:1; color: #fff; text-align: right; border-radius:4rem 4rem 0 0;} .phishing-inq .phishing-form>.form{padding:8.5rem 9.5rem 3.5rem; background-color: #fff; border-radius:4rem; overflow: hidden;} .phishing-inq .phishing-form>.form>.title{padding-bottom:6.5rem; font-weight: bold; font-size:5.2rem; line-height:1; color: #111;} @media only screen and (max-width : 1380px){ .phishing-education div.education-re>div.arr:before{right: -3rem;} } @media only screen and (max-width : 1280px){ .br-1280{display:none !important;} .phishing-about{padding:14rem 0 10rem;} .phishing-about>.inConts{flex-flow: column wrap; justify-content: center;} .phishing-about .left{width:100%; margin-top:6rem; order:2; text-align: center;} .phishing-about .right{width:100%; max-width:100%; order:1; text-align: center;} .phishing-about .right img{width:46.5rem;} .phishing-education{padding:13.5rem 0 14rem;} .phishing-education>.inConts>.icon{margin-left:-7rem; left:50%;} .phishing-education .education-re{margin-top:17rem; flex-flow: column wrap; justify-content: center;} .phishing-education .education-re>li{width:45.5rem;} .phishing-education .education-re>li+li{margin-top:13.5rem;} .phishing-education div.education-re{margin-top:10rem;} .phishing-education div.education-re>div{width:45.5rem;} .phishing-education div.education-re>div+div{margin-top:7rem;} .phishing-education div.education-re>div.arr+div{margin-top:30rem;} .phishing-education div.education-re>div.arr{margin-top:0; justify-content: center;} .phishing-education div.education-re>div.arr:before{width: 11.2rem; height: 11.3rem; margin:8.7rem 0 0 -5.6rem; right: auto; left:50%; top:100%; transform:rotate(90deg);} .phishing-step .step-by-step>li{width:calc((100% - 12.682%) / 3);} .phishing-step .step-by-step>li dt:before{left: -16%;} } @media only screen and (max-width : 1235px){ .phishing-player{width:auto; height: 0; padding-bottom: 56.25%;} } @media only screen and (max-width : 1024px){ .phishing-step{padding-top:12rem;} .phishing-step .title{text-align: center;} .phishing-step .step-by-step{margin-top:10rem; text-align: center; flex-flow: column wrap; justify-content: center;} .phishing-step .step-by-step>li{width:100%;} .phishing-step .step-by-step>li+li{margin-top:17.5rem;} .phishing-step .step-by-step>li dt img{width:30.7rem;} .phishing-step .step-by-step>li dt:before{margin:-11.7rem 0 0 -1.5rem; left: 50%; top:0%; transform:rotate(90deg);} .phishing-video{padding-top:26rem;} .step-title{margin-left:0; padding-bottom:8rem; text-align: center; display:block;} .step-title>dt{margin:0 auto;} .step-title>dd{padding-top:4.5rem;} .phishing-inq .phishing-form>.title{margin:0 3.2rem 0 3.2rem; padding:2.7rem 0; text-align: center;} .phishing-inq .phishing-form>.form{padding:8rem 4rem 10rem;} .phishing-inq .phishing-form>.form>.title{text-align: center;} } @media only screen and (max-width : 840px){ .phishing-visual>img{height:auto;} .phishing-visual .visual-text{align-items: center; text-align: center;} .phishing-visual .visual-text .inConts>p{font-size:3.3rem; position: relative; z-index:2;} .phishing-visual .visual-text .inConts>div{margin-top:3rem; font-size:7.2rem; line-height:7.9rem; position: relative; z-index:2; background: radial-gradient(ellipse at center, rgba(255,255,255,0.8) 40%, rgba(255,255,255,0) 73%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } /* .phishing-visual .visual-text .inConts:before{content: ""; width:100%; max-width:75rem; height:24rem; display: inline-block; position:absolute; left: 0; right:0; top:0px; bottom:0; background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.7) 59%, rgba(255, 255, 255, 0) 100%); } */ .phishing-visual .visual-text .inConts>div+p{margin-top:4.5rem; font-size:2.8rem; line-height:1.4;} .phishing-visual .visual-text .inConts img.logo{width:46.9rem; margin:8rem 0 0; float:none; position: relative; z-index:2;} .phishing-education div.education-re>div.arr{font-size:6.3rem;} .phishing-step .step-by-step>li dd{font-size:4.5rem; line-height:5.2rem;} .phishing-step .step-by-step>li dd>p{font-size:3.2rem;} .step-title{} .step-title>dt{width:25.6rem; height:8rem; padding: 1rem 0 0 0; font-weight: bold; font-size:4rem; text-align: center; justify-content:center; gap:2rem;} .step-title>dt>strong{font-size:8.5rem; top: -3.8rem;} .step-title>dd{font-size:5.9rem; line-height:1.3;} .phishing-inq{padding:14rem 3rem 7rem;} .phishing-inq .phishing-form>.title{font-size:2.6rem;} } @media only screen and (max-width : 750px){ } .campaign_wntr{} .campaign_wntr .innr{max-width:114.5rem; width:100%; padding:0 5.5rem; margin:0 auto;} .campaign_wntr .jj_doldam{font-family:'EF_jejudoldam';} .campaign_wntr .gw_edu_bd{font-family:'GangwonEdu_OTFBoldA';} .campaign_wntr .gw_edu_lt{font-family:'GangwonEdu_OTFLightA';} .campaign_wntr .page_tit{padding:6.5rem 8rem 0; text-align:right; font-size:2.2rem; line-height:1; color:#fff; font-weight:500; position:absolute; right:0; top:12rem;} .campaign_wntr .page_tit::before{content:'' ; margin-right:1.5rem; display:inline-block; width:2.6rem; height:3rem; vertical-align:middle; background:url("https://kws.or.kr/images/campaign_wntr/logo_simbol.svg") no-repeat center;background-size:contain;} .campaign_wntr .fixd_link{position:fixed; right:5.5rem; top:50%; z-index:2; transform:translateY(-50%); text-align:center;} .campaign_wntr .fixd_link a{display:block; width:26.3rem; height:27rem; border:0.6rem solid #fed0fb; border-radius:3.5rem 3.5rem 0.5rem 0.5rem; background-color:#fed0fb; overflow:hidden; box-shadow:0 0 2.4rem rgba(0, 0, 0, 0.3);} .campaign_wntr .fixd_link a .txt{display:block; padding:2.3rem 0; font-size:2.6rem; line-height:3.2rem; color:#fff; font-weight:700; text-shadow:0 0 2rem rgba(52,52,52,0.6);} .campaign_wntr .cpign_wt_visual{padding:42rem 0 12rem; background:url("https://kws.or.kr/images/campaign_wntr/cpign_wt_visual.jpg") no-repeat top center; background-size:cover;} .campaign_wntr .cpign_wt_visual .visual_tit{font-size:6.8rem; line-height:9.6rem; text-align:center; color:#e2e5ff} .campaign_wntr .cpign_wt_visual .visual_tit span{color:#ffdbfd;} .campaign_wntr .cpign_wt_visual .visual_txt{margin-top:2.4rem;text-align:center;} .campaign_wntr .cpign_wt_visual .visual_txt p{font-size:2.6rem; line-height:4.1rem; color:#fff;} .campaign_wntr .cpign_wt_visual .visual_txt p+p{margin-top:3.8rem;} .campaign_wntr .cpign_wt_visual .btn_box{margin-top:5rem;} .campaign_wntr .cpign_wt_visual .btn_box a{display:inline-block; width:38rem; height:8.5rem; padding:1.9rem 0; font-size:3rem; line-height:4.7rem; color:#fff; font-weight:600; background-color:#192835; box-shadow:0.4rem 0.4rem 2.4rem #8f8f8f;} .campaign_wntr .visual_vdo{margin-top:24.5rem;} .campaign_wntr .visual_vdo p{font-size:2.2rem; line-height:3.5rem; color:#9a9a9a; text-align:center; font-weight:500;} .campaign_wntr .visual_vdo .vdo_box{margin-top:5.5rem; text-align:center;} .campaign_wntr .visual_vdo .vdo_box iframe{width:100%; max-width:100rem; aspect-ratio:16/9;} .campaign_wntr .visual_vdo .visual_copy{margin-top:3.5rem; font-size:1.8rem; line-height:3.4rem;} .campaign_wntr .campaign_tent{padding:33rem 0 33rem; display:flex; justify-content:center; background:url("https://kws.or.kr/images/campaign_wntr/campaign_tent_bg.jpg") no-repeat center; background-size:cover;} .campaign_wntr .campaign_tent dl{color:#fff} .campaign_wntr .campaign_tent dl dt{padding:2rem 0; margin-bottom:4rem; font-size:5.5rem; line-height:6.5rem; font-weight:700;} .campaign_wntr .campaign_tent dl dt span{color:#ffd7ad;} .campaign_wntr .campaign_tent dl dd{font-size:2.5rem; line-height:3.8rem;} .campaign_wntr .campaign_tent dl dd+dd{margin-top:2rem;} .campaign_wntr .campaign_tent dl dd.gw_edu_bd{padding:0.3rem 0; font-size:2.9rem; color:#c6abb9;} .campaign_wntr .campaign_boiler{padding:33rem 0; display:flex; justify-content:center; background:url("https://kws.or.kr/images/campaign_wntr/campaign_boiler_bg.jpg") no-repeat center; background-size:cover;} .campaign_wntr .campaign_boiler dl{color:#fff; text-align:right;} .campaign_wntr .campaign_boiler dl dt{padding:2rem 0; margin-bottom:4rem; font-size:5.5rem; line-height:6.5rem; font-weight:700;} .campaign_wntr .campaign_boiler dl dt span{color:#192835;} .campaign_wntr .campaign_boiler dl dd{font-size:2.5rem; line-height:3.8rem;} .campaign_wntr .campaign_boiler dl dd+dd{margin-top:2rem;} .campaign_wntr .campaign_boiler dl dd.gw_edu_bd{padding:0.3rem 0; font-size:2.9rem; color:#d88248;} .campaign_wntr .campaign_worry{padding:36.2rem 0; display:flex; justify-content:center; background:url("https://kws.or.kr/images/campaign_wntr/campaign_worry_bg.jpg") no-repeat center; background-size:cover;} .campaign_wntr .campaign_worry dl{color:#fff;} .campaign_wntr .campaign_worry dl dt{padding:2rem 0; margin-bottom:4rem; font-size:5.5rem; line-height:6.5rem; font-weight:700;} .campaign_wntr .campaign_worry dl dt span{color:#ff9e9f;} .campaign_wntr .campaign_worry dl dd{font-size:2.5rem; line-height:3.8rem;} .campaign_wntr .campaign_worry dl dd+dd{margin-top:2rem;} .campaign_wntr .campaign_warm{margin-top:-6rem; padding:30rem 5.5rem 5rem; min-height:124.5rem; display:flex; justify-content:flex-end; flex-direction:column; align-items:center; background:url("https://kws.or.kr/images/campaign_wntr/campaign_warm_bg.png") no-repeat center; background-size:cover; position:relative; z-index:1;} .campaign_wntr .campaign_warm dl{color:#fff; text-align:center;} .campaign_wntr .campaign_warm dl dt{margin-bottom:6.5rem; font-size:6.6rem; line-height:9.4rem;} .campaign_wntr .campaign_warm dl dd{font-size:2.5rem; line-height:3.8rem;} .campaign_wntr .campaign_warm dl dd+dd{margin-top:1.7rem;} .campaign_wntr .campaign_warm dl dd.gw_edu_bd p{display:inline-block; width:auto; padding:1.1rem 3.5rem 0.4rem; font-size:2.9rem; line-height:3.8rem; color:#111; background-color:rgba(255,255,255, 0.35);} .campaign_wntr .campaign_warm .img_list{margin-top:17.5rem; display:flex; justify-content:center; gap:4.5rem; text-align:center;} .campaign_wntr .campaign_warm .img_list .img_box{display:inline-block; border-radius:2.5rem; border:0.4rem solid #fff; overflow:hidden;} .campaign_wntr .campaign_weak{margin-top:-10rem; padding:31rem 0 22.5rem; background:url("https://kws.or.kr/images/campaign_wntr/campaign_weak_bg.jpg") no-repeat bottom center; background-size:cover;} .campaign_wntr .campaign_weak .innr{text-align:right;} .campaign_wntr .campaign_weak dl dt{margin-bottom:10rem;} .campaign_wntr .campaign_weak dl dd{font-size:2.5rem; line-height:4rem; color:#fff} .campaign_wntr .campaign_weak dl dd+dd{margin-top:4rem;} .campaign_wntr .campaign_weak dl dd:nth-of-type(2){color:#e2e5ff} .campaign_wntr .campaign_weak .innr > p{margin-top:10rem; font-size:1.4rem; line-height:2.4rem; color:#fff;} .campaign_wntr .campaign_gift{height:173.5rem; padding-top:33.7rem; background:linear-gradient(to top, #fff8fb 5%, transparent 30%), url("https://kws.or.kr/images/campaign_wntr/campaign_gift_bg.jpg") no-repeat center; background-size:cover;} .campaign_wntr .campaign_gift dl{} .campaign_wntr .campaign_gift dl dt{margin-bottom:7.5rem; text-align:right; font-size:8.5rem; line-height:12.2rem; color:#e2e5ff; text-shadow: 0 0 2rem rgba(52,52,52,0.65); word-spacing:-5px;} .campaign_wntr .campaign_gift dl dt span{color:#ffdbfd} .campaign_wntr .campaign_gift dl dd{margin-top:3.8rem; font-size:2.5rem; line-height:3.8rem; color:#fff;} .campaign_wntr .campaign_gift .btn_box{margin-top:11rem;;} .campaign_wntr .campaign_gift .btn_box a{padding:2.1rem 5rem; display:inline-flex; align-items:center; font-size:2.8rem; line-height:3.8rem; color:#fff; font-weight:700; text-shadow:0 0 2rem rgba(52, 52, 52, 0.65); border-radius:4.5rem; background-color:#c2c9fb; box-shadow:0 0 2rem rgba(52,52,52,0.45);} .campaign_wntr .campaign_gift .btn_box a::before{content:""; display:inline-block; margin-right:2rem; width:4.3rem; height:4.7rem; vertical-align:bottom; background:url("https://kws.or.kr/images/campaign_wntr/campaign_gift_icon.png") no-repeat center; background-size:contain;} .campaign_wntr .campaign_use{padding:22rem 5.5rem 20rem; min-height:142.5rem; display:flex; justify-content:center; align-items:center; text-align:center; flex-direction:column; background:linear-gradient(to bottom, #fff8fb 5%, transparent 30%), url("https://kws.or.kr/images/campaign_wntr/campaign_use_bg.jpg") no-repeat center; background-size:cover;} .campaign_wntr .campaign_use em{font-style:normal;} .campaign_wntr .campaign_use h2{font-size:5.3rem; line-height:7.5rem; color:#111} .campaign_wntr .campaign_use h2 em{font-weight:700;} .campaign_wntr .campaign_use h2 em span{color:#fcb8d6} .campaign_wntr .campaign_use > ul{margin-top:13rem; display:flex; justify-content:center; gap:8.5rem; flex-wrap:wrap;} .campaign_wntr .campaign_use > ul li{padding:3rem 2rem 2.3rem; width:29.6rem; background-color:#fff; box-shadow:1.5rem 1.2rem 0 #04153c;} .campaign_wntr .campaign_use > ul em{font-size:3rem; line-height:5rem;} .campaign_wntr .campaign_use > ul .icon_box{margin:2.4rem 0 } .campaign_wntr .campaign_use > ul li > p{font-size:2.1rem; line-height:3.2rem; font-weight:700; color:#04153c;} .campaign_wntr .campaign_use > ul li > p em{font-size:2.4rem; line-height:3.2rem; font-weight:800;} .campaign_wntr .campaign_use .refer{margin-top:12rem; font-size:2.2rem; line-height:3.3rem; color:#7e7e7e; font-weight:600;} .campaign_wntr .campaign_use .txt_cont{margin-top:7.5rem; font-size:2.5rem; line-height:4rem; font-weight:600; color:#192835;} .eighteen25 .paperozi{font-family:"Paperozi";} .eighteen25 .ganachoco{font-family:"GanaChocolate";} .eighteen25 .felix{font-family:"felixtitlingmt";} .eighteen25 .innr{max-width:1748px; margin-left:auto; padding:0 2rem} .eighteen25 .txt_bg{background-color:#fff; color:#0d1b27; padding:0.5rem} .eighteen25 .txt_bg.opacity{background-color:rgba(255,255,255, 0.37)} .eighteen25 .page_tit{padding:3.5rem 10.5rem 0; font-size:2rem; line-height:1.3; color:#817769; position:absolute; right:0; top:12rem;} .eighteen25 .page_tit::before{content:'' ; margin-right:1rem; display:inline-block; width:2.2rem; height:2.2rem; vertical-align:middle; background:url("https://kws.or.kr/images/eighteen25/logo_simbol_eighteen25.svg") no-repeat center;background-size:contain;} .eighteen25 .cpign_wt_visual{background:url("https://kws.or.kr/images/eighteen25/eighteen25_visual_bg.jpg") no-repeat top center/contain; background-color:#e0d2c8;} .eighteen25 .cpign_wt_visual .innr{padding-top:15rem;} .eighteen25 .cpign_wt_visual .visual_int{padding-bottom:17.5rem; display:flex; justify-content:space-between;} .eighteen25 .cpign_wt_visual .visual_int::after{content:""; display:block; width:47.7rem; height:90.1rem; background:url("https://kws.or.kr/images/eighteen25/eighteen25_visual_int_deco.png") no-repeat center/contain;} .eighteen25 .cpign_wt_visual .visual_int dl{margin-top:15.7rem;} .eighteen25 .cpign_wt_visual .visual_int dt{font-size:6.5rem; line-height:9.7rem; color:#0d1b27; font-weight:600;} .eighteen25 .cpign_wt_visual .visual_int dt .txt_bg{padding-right:4rem; display:inline-block; font-weight:500; color:#0d1e4c; background:url("https://kws.or.kr/images/eighteen25/hl_txt_deco.png") no-repeat right bottom/contain;} .eighteen25 .cpign_wt_visual .visual_int dd{margin-top:4rem; font-size:2.3rem; line-height:4.5rem; color:#1f2729; font-weight:400;} .eighteen25 .cpign_wt_visual .visual_int .btn_box{margin-top:5.5rem;} .eighteen25 .cpign_wt_visual .visual_int .btn_box a{padding:0 7rem; display:inline-flex; align-items:center; justify-content:center; font-size:2.8rem; line-height:8.5rem; color:#fff; text-align:center; background-color:#0d1b27; border-radius:1.3rem; position:relative;} .eighteen25 .cpign_wt_visual .visual_int .btn_box a em{padding:0 4.2rem 0 2.5rem; font-weight:700; font-style:normal; position:relative;} .eighteen25 .cpign_wt_visual .visual_int .btn_box a em::after{content:""; display:block; width:1.9rem; height:1.9rem; background:url("/images/eighteen25/eighteen25_fixd_link_ico_mo.png") no-repeat center/contain; position:absolute; right:0; top:50%; transform:translateY(-50%);} .eighteen25 .cpign_wt_visual .visual_int .btn_box a span{color:#a0d8d5;} .eighteen25 .cpign_wt_visual .visual_int .btn_box a::before {content: ''; display:block; border: 0.6rem solid transparent; position: absolute; top: 0; left: -0.5rem; right: 0; bottom: 0; margin: auto; width: 100%; height:100%; border-radius: 1.3rem; opacity:0; animation-name: ripppleOut; animation-duration: 1s; animation-iteration-count:infinite;} .eighteen25 .cpign_wt_visual .visual_cont{display:flex; align-items:flex-end; justify-content:space-between;} .eighteen25 .cpign_wt_visual .visual_cont dl{padding:0 12.2rem 24rem 0; max-width:76.8rem; width:100%; text-align:right;} .eighteen25 .cpign_wt_visual .visual_cont dt{font-size:2.4rem; line-height:3rem; font-weight:400; color:#3e1d05;} .eighteen25 .cpign_wt_visual .visual_cont dt span{display:block; font-size:6.5rem; line-height:9.8rem; font-weight:600;} .eighteen25 .cpign_wt_visual .visual_cont dd{margin-top:4.5rem; font-size:2.2rem; line-height:3.4rem; color:#6e573f;;} .eighteen25 .cpign_wt_visual .visual_cont .count_box{margin:-91rem -5rem 0 0; padding:89rem 0 0 2.5rem; max-width:92.3rem; width:100%; position:relative; z-index:1;} .eighteen25 .cpign_wt_visual .visual_cont .count_box::before{content:""; display:block; width:59rem; height:98rem; background:url("https://kws.or.kr/images/eighteen25/eighteen25_visual_cont_deco.png") no-repeat center/contain; position:absolute; top:0; left:0; z-index:-1;} .eighteen25 .cpign_wt_visual .visual_cont .count_box .txt_area{padding:11.3rem 0 4.5rem; text-align:center; background-color:#6e583f; border:1rem solid #bca99b; border-radius:50%;} .eighteen25 .cpign_wt_visual .visual_cont .count_box .txt_area p{font-size:2.2rem; line-height:3.8rem; color:#fff;} .eighteen25 .cpign_wt_visual .visual_cont .count_box .txt_area p em{margin:5.5rem 0 4.5rem; display:block; font-size:9.1rem; line-height:1; color:#f5daa3; font-style:normal;} .eighteen25 .cpign_wt_visual .visual_cont .count_box .txt_area .sources{display:block; margin-top:5.6rem; font-size:2rem; line-height:3.8rem; color:#e0d2c8;} @keyframes ripppleOut { 100% { transform: scale(1.05); border-color: #0d1b27; height: calc(100% + 1.8rem); opacity: 0.2; } } .eighteen25 .campaign_start{padding:47rem 0 18rem; margin-top:-9rem; background:url("https://kws.or.kr/images/eighteen25/eighteen25_campaign_start_bg.jpg") no-repeat top center/cover; position:relative;} .eighteen25 .campaign_start .sect_tit{font-size:6.5rem; line-height:8.5rem; color:#0d1b27; font-weight:600; text-align:center} .eighteen25 .campaign_start .sect_int{margin-top:24.5rem; padding-left:6.5rem; width:fit-content; font-size:2.2rem; line-height:3.5rem; color:#0d1b27;} .eighteen25 .campaign_start .model_box{margin-top:45rem;} .eighteen25 .campaign_start .model_box::before{content:""; display:block; width:74.9rem; height:91.5rem; background:url("https://kws.or.kr/images/eighteen25/eighteen25_campaign_start_deco.png") no-repeat center/contain; position:absolute; left:50%; bottom:0; transform:translateX(calc(-50% + 8.7rem));} .eighteen25 .campaign_start .model_box p{margin-left:auto;padding-right:15.5rem; width:fit-content; font-size:2.4rem; line-height:4.4rem; text-align:center; color:#fff; position:relative; z-index:1;} .eighteen25 .campaign_8_years_old{padding:8.5rem 0 19.8rem; color:#fff; background:url("https://kws.or.kr/images/eighteen25/campaign_8_years_old_bg.jpg") no-repeat center right/cover; position:relative;} .eighteen25 .campaign_8_years_old .innr{max-width:1648px;} .eighteen25 .campaign_8_years_old dt{font-size:6.5rem; line-height:8.5rem; font-weight:600;} .eighteen25 .campaign_8_years_old dt+dd{margin-top:4.7rem;} .eighteen25 .campaign_8_years_old dd{margin-top:2.7rem; font-size:2rem; line-height:3.5rem;} .eighteen25 .campaign_18_years_old{padding:30.5rem 0 30.8rem; background:url("https://kws.or.kr/images/eighteen25/campaign_18_years_old_bg.jpg") no-repeat left center/cover;} .eighteen25 .campaign_18_years_old .innr{margin-left:0; margin-right:auto; max-width:1648px; color:#0d1b27; text-align:right;} .eighteen25 .campaign_18_years_old dt{font-size:6.5rem; line-height:8.5rem; font-weight:600;} .eighteen25 .campaign_18_years_old dt+dd{margin-top:4.7rem;} .eighteen25 .campaign_18_years_old dd{margin-top:2.7rem; font-size:2rem; line-height:3.5rem;} .eighteen25 .campaign_survival{padding:31.2rem 0 35.8rem; background:url("https://kws.or.kr/images/eighteen25/eighteen25_campaign_survival_bg.jpg") no-repeat center/cover; position:relative;} .eighteen25 .campaign_survival::after{content:""; display:block; width:115.9rem; height:149rem; background:url("https://kws.or.kr/images/eighteen25/eighteen25_campaign_survival_model.png") no-repeat center/contain; position:absolute; right:0; bottom:0; z-index:0;} .eighteen25 .campaign_survival dl{color:#0d1b27; position:relative; z-index:1;} .eighteen25 .campaign_survival dt{font-size:6.5rem; line-height:8.5rem; font-weight:600;} .eighteen25 .campaign_survival dt span{font-weight:500;} .eighteen25 .campaign_survival dt + dd{margin-top:4.8rem;} .eighteen25 .campaign_survival dd{margin-top:2.7rem; font-size:2rem; line-height:3.5rem;} .eighteen25 .campaign_survival .cont_02{margin-top:41.9rem; text-align:center; width:fit-content;} .eighteen25 .campaign_isolation{padding:34.6rem 0 62.2rem; background:url("https://kws.or.kr/images/eighteen25/eighteen25_campaign_isolation_bg.jpg") no-repeat center bottom/cover;} .eighteen25 .campaign_isolation .innr{margin:0 auto} .eighteen25 .campaign_isolation p{font-size:5rem; line-height:8rem; color:#0d1b27; text-align:center;} .eighteen25 .campaign_isolation p span{font-weight:700; text-decoration:underline; text-decoration-color:#e0d2c8; text-decoration-thickness:2.2rem; text-underline-offset:-1rem;} .eighteen25 .campaign_alone{padding:21.9rem 0; background-color:#0d1b27;} .eighteen25 .campaign_alone .innr{margin:0 auto 0 0; padding-left:0; max-width:1648px; display:flex; flex-direction:row-reverse; justify-content:space-between; align-items:center;} .eighteen25 .campaign_alone .t_po{color:#a0d8d5} .eighteen25 .campaign_alone .cont_box{text-align:right; color:#fff;} .eighteen25 .campaign_alone .cont_box dt{font-size:6.5rem; line-height:8.5rem; font-weight:600;} .eighteen25 .campaign_alone .cont_box dt + dd{margin-top:4.7rem;} .eighteen25 .campaign_alone .cont_box dd{margin-top:2.7rem; font-size:2rem; line-height:3.5rem;} .eighteen25 .campaign_alone .alone_li{width:80rem;} .eighteen25 .campaign_alone .alone_li li{padding:4.3rem 0 3.5rem; display:flex; justify-content:flex-end; align-self:center; text-align:center; background:linear-gradient(to right, transparent 5%, #fff); border-radius:0 4.5rem 4.5rem 0; border:0.4rem solid #a9a9a9; border-left:0;} .eighteen25 .campaign_alone .alone_li li::before{content:""; display:block; background-position:center; background-repeat:no-repeat; background-size:contain;} .eighteen25 .campaign_alone .alone_li li + li{margin-top:2.9rem;} .eighteen25 .campaign_alone .alone_li li dl{max-width:49rem; width:100%; color:#0d1b27} .eighteen25 .campaign_alone .alone_li li dt{font-size:5.5rem; line-height:5.5rem; font-weight:600;} .eighteen25 .campaign_alone .alone_li li dd{margin-top:1.7rem; font-size:2.2rem; line-height:3.5rem;} .eighteen25 .campaign_alone .alone_li li:nth-child(1)::before{width:12.3rem; height:10.7rem; background-image:url("https://kws.or.kr/images/eighteen25/eighteen25_campaign_alone_ico_01.png");} .eighteen25 .campaign_alone .alone_li li:nth-child(2)::before{width:10.6rem; height:10.9rem; background-image:url("https://kws.or.kr/images/eighteen25/eighteen25_campaign_alone_ico_02.png");} .eighteen25 .campaign_alone .alone_li li:nth-child(3)::before{width:8.9rem; height:9rem; background-image:url("https://kws.or.kr/images/eighteen25/eighteen25_campaign_alone_ico_03.png");} .eighteen25 .campaign_belief{padding:18rem 0 20rem; background-color:#a0d8d5;} .eighteen25 .campaign_belief .innr{max-width:1530px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:0 6rem} .eighteen25 .campaign_belief dl{color:#0d1b27} .eighteen25 .campaign_belief dt{font-size:6.5rem; line-height:8.5rem; font-weight:600;} .eighteen25 .campaign_belief dt span{font-weight:400;} .eighteen25 .campaign_belief dd{margin-top:4.8rem;} .eighteen25 .campaign_belief dd p{font-size:2rem; line-height:3.5rem;} .eighteen25 .campaign_belief dd p+p{margin-top:2.6rem;} .eighteen25 .campaign_belief .youtube_video{margin-top:7rem; position:relative;} .eighteen25 .campaign_belief .youtube_video iframe{max-width:61rem; width:100%; aspect-ratio:16/9;} /* .eighteen25 .campaign_belief .youtube_video::after{content:""; position:absolute; inset:0 0 0 0;} */ .eighteen25 .campaign_belief .welfar{position:relative;} .eighteen25 .campaign_belief .welfar p{font-size:2rem; line-height:3.2rem; color:#1f2729; text-align:right; position:absolute; top:28rem; right:0;} .eighteen25 .campaign_change{padding:19rem 0 0; background-color:#eeeeee;} .eighteen25 .campaign_change .innr{max-width:1530px; margin:0 auto;} .eighteen25 .campaign_change h2{font-size:6.5rem; line-height:8.5rem; color:#0d1b27; font-weight:600; text-align:center;} .eighteen25 .campaign_change h2 span{font-weight:400;} .eighteen25 .campaign_spon{text-align:center; padding:18rem 0 25.5rem; background:url("https://kws.or.kr/images/eighteen25/eighteen25_campaign_spon_bg.jpg") no-repeat center/cover;} .eighteen25 .campaign_spon .innr{max-width:1530px; margin:0 auto;} .eighteen25 .campaign_spon h2{font-size:6.5rem; line-height:8.5rem; font-weight:400; color:#0d1b27;} .eighteen25 .campaign_spon h2 .txt_bg{padding-bottom:2rem; font-weight:600; background:url("https://kws.or.kr/images/eighteen25/eighteen25_campaign_spon_tit_bg.png") no-repeat bottom center/contain;} .eighteen25 .campaign_spon .intr_t{margin-top:8rem; font-size:2rem; line-height:3.2rem;} .eighteen25 .campaign_spon .spon_li{margin-top:7rem; display:flex; gap:1.8rem; flex-wrap:wrap;} .eighteen25 .campaign_spon .spon_li li{max-width:48.4rem; width:calc((100% - 3.6rem ) / 3); padding:4rem 3.2rem 5.2rem; color:#0d1b27; border:0.4rem solid #1f2729; border-radius:4rem; background-color:#fff; box-shadow:0.3rem 0.3rem 2.2rem rgba(0, 0, 0, 0.13);} .eighteen25 .campaign_spon .spon_li li em{font-size:5.8rem; line-height:7rem; font-weight:600; font-style:normal;} .eighteen25 .campaign_spon .spon_li li figure{display:block; margin-top:3.7rem; height:11.9rem;} .eighteen25 .campaign_spon .spon_li li p{margin-top:4.2rem; font-size:2rem; line-height:3.5rem;} .eighteen25 .campaign_spon .spon_li li a{margin:3.5rem auto 0; max-width:33.4rem; display:block; font-size:2.7rem; line-height:7.2rem; font-weight:700; color:#fff; border:0.3rem solid; border-radius:1.5rem;} .eighteen25 .campaign_spon .spon_li li:nth-child(1) a{border-color:#3b230b; background-color:#ffbe7f; box-shadow:0.3rem 0.5rem 0 #6e583f;} .eighteen25 .campaign_spon .spon_li li:nth-child(2) a{border-color:#9a3544; background-color:#ff97a7; box-shadow:0.3rem 0.5rem 0 #9a3544;} .eighteen25 .campaign_spon .spon_li li:nth-child(3) a{border-color:#0f3836; background-color:#84d9d4; box-shadow:0.3rem 0.5rem 0 #0f3836;} .eighteen25 .campaign_hope{padding:22rem 0 25rem; background-color:#fff;} .eighteen25 .campaign_hope .innr{max-width:1530px; margin:0 auto; color:#0d1b27; position:relative;} .eighteen25 .campaign_hope h2{padding-right:50rem; font-size:6.5rem; line-height:8.5rem; font-weight:600;} .eighteen25 .campaign_hope h2 span{font-weight:400;} .eighteen25 .campaign_hope .graph_box{position:absolute; top:1rem; right:7rem;} .eighteen25 .campaign_hope .cont_box{margin-top:6.7rem;} .eighteen25 .campaign_hope .cont_box p{margin-top:2.7rem; font-size:2rem; line-height:3.5rem;} .eighteen25 .campaign_hope .cont_box a{margin-top:8rem; display:block; max-width:38rem; font-size:2.8rem; line-height:8.4rem; font-weight:700; color:#fff; text-align:center; background-color:#0d1b27; border-radius:1rem;} .eighteen25 .eighteen25_end{padding:29.3rem 0 26rem; background:url("https://kws.or.kr/images/eighteen25/eighteen25_end_bg.jpg") no-repeat left center/cover;} .eighteen25 .eighteen25_end .innr{max-width:1530px; margin:0 auto;} .eighteen25 .eighteen25_end figure{text-align:right;} .eighteen25 .eighteen25_end figure img{width:24.2rem;} .eighteen25 .fixd_link{position:fixed; right:5.5rem; top:50%; z-index:2; transform:translateY(-50%); text-align:center;} .eighteen25 .fixd_link a{display:block; padding:4rem 3rem; width:21.6rem; font-size:2.7rem; line-height:4.2rem; color:#fff; text-align:left; background-color:#0d1b27; border-radius:1.3rem;} .eighteen25 .fixd_link a em{font-weight:600; font-style:normal;} .eighteen25 .fixd_link a span::after{content:""; display:inline-block; margin-left:2.3rem; width:1.9rem; height:1.9rem; background:url("https://kws.or.kr/images/eighteen25/eighteen25_fixd_link_ico.png") no-repeat center/contain;} @media only screen and (max-width : 1340px) { .campaign_wntr .campaign_warm .img_list{flex-wrap:wrap;} .campaign_wntr .campaign_warm .img_list li:nth-child(1){width:100%;} .campaign_wntr .campaign_warm .img_list li:not(:nth-child(1)){width:calc(50% - 2.25rem);} .campaign_wntr .campaign_weak{margin-top:-12rem; padding-top:33rem;} .eighteen25 .cpign_wt_visual .visual_cont{flex-direction:row-reverse; align-items:center;} .eighteen25 .cpign_wt_visual .visual_cont dl{padding-right:0;} .eighteen25 .cpign_wt_visual .visual_cont .count_box{margin:0; padding-left:0;} .eighteen25 .campaign_survival::after{width:60.9rem; height:78rem;} .eighteen25 .campaign_alone .innr{flex-direction:column; align-items:flex-start; gap:10rem} .eighteen25 .campaign_alone .cont_box{width:100%; text-align:center;} .eighteen25 .campaign_spon .spon_li{justify-content:center;} .eighteen25 .campaign_spon .spon_li li{width:calc(50% - 0.9rem); max-width:none;} } @media only screen and (max-width : 1024px) { .eighteen25 .cpign_wt_visual .visual_int{padding-bottom:0; position:relative;} .eighteen25 .cpign_wt_visual .visual_int dl{margin-top:21rem; width:100%; text-align:center; position:relative; z-index:1;} .eighteen25 .cpign_wt_visual .visual_int::after{width:32.1rem; height:75.8rem; position:absolute; top:-10rem; right:0;} .eighteen25 .cpign_wt_visual .visual_cont{position:relative;} .eighteen25 .cpign_wt_visual .visual_cont dl{padding:0; width:100%; max-width:none; position:relative; z-index:2;} .eighteen25 .cpign_wt_visual .visual_cont{margin-top:4.5rem; padding-top:25rem; flex-wrap:wrap;} .eighteen25 .cpign_wt_visual .visual_cont .count_box{margin-top:-55rem; padding-top:58.5rem; width:100%; max-width:none;} .eighteen25 .cpign_wt_visual .visual_cont .count_box::before{width:28.4rem; height:64.5rem; background-image:url("https://kws.or.kr/images/eighteen25/eighteen25_visual_cont_deco_mo.png"); left:-2rem;} .eighteen25 .cpign_wt_visual .visual_cont .count_box .txt_area{margin-left:-28rem;} .eighteen25 .campaign_start .sect_int{padding:0; margin-top:7rem; width:100%; text-align:center;} .eighteen25 .campaign_start .model_box{margin-top:10.5rem;} .eighteen25 .campaign_start .model_box p{margin-top:12.5rem; width:100%; padding-right:0;} .eighteen25 .campaign_start .model_box::before{margin:0 -2rem 0 auto; padding:0 0 1.5rem 3rem; border-bottom:1.5rem solid #bca99b; background-position:left center; position:static; transform:translateX(0);} .eighteen25 .campaign_alone .alone_li{width:80%;} .eighteen25 .campaign_belief .innr{flex-direction:column-reverse;} .eighteen25 .campaign_belief dl{text-align:center;} .eighteen25 .campaign_spon .spon_li li{width:100%; max-width:70rem;} .eighteen25 .campaign_hope .innr{text-align:center;} .eighteen25 .campaign_hope h2{padding-right:0;} .eighteen25 .campaign_hope .graph_box{margin-top:12rem; position:static;} .eighteen25 .campaign_hope .cont_box{margin-top:8.6rem;} .eighteen25 .campaign_hope .cont_box a{margin:8rem auto 0} .eighteen25 .fixd_link{max-width:62rem; width:calc(100% - 4rem); left:50%; right:auto; top:auto; bottom:5rem; transform:translateX(-50%); opacity:0; visibility:hidden; transition:opacity 0.3s ease-out;} .eighteen25 .fixd_link.active{opacity:1; visibility:visible} .eighteen25 .fixd_link a{padding:2rem 3rem; width:100%; text-align:center; font-weight:700; border-radius:11rem;} .eighteen25 .fixd_link a span::after{background-image:url("https://kws.or.kr/images/eighteen25/eighteen25_fixd_link_ico_mo.png");} .eighteen25 .fixd_link a em{font-weight:700;} } @media only screen and (max-width : 840px) { .campaign_wntr .page_tit{padding-top:15rem; width:100%; text-align:center; font-size:2.8rem; right:50%; transform:translateX(50%);} .campaign_wntr .page_tit::before{width:2.8rem; height:2.8rem;} .campaign_wntr .fixd_link{width:calc(100% - 11rem); max-width:62rem; right:50%; top:auto; bottom:5rem; transform:translate(50%, 0);} .campaign_wntr .fixd_link a{width:100%; height:auto; background-color:#04153c; border-radius:5.5rem; border:none;} .campaign_wntr .fixd_link a .img_box{display:none;} .campaign_wntr .fixd_link a .txt{padding:2rem; width:100%; font-size:4.2rem; line-height:7rem; display:flex; align-items:center; justify-content:center; gap:0 2rem} .campaign_wntr .fixd_link a .txt::before{content:""; display:inline-block; width:5.9rem; height:6.6rem; background:url("https://kws.or.kr/images/campaign_wntr/campaign_gift_icon.png") no-repeat center; background-size:contain;} .campaign_wntr .cpign_wt_visual{padding-top:45rem; background:url("https://kws.or.kr/images/campaign_wntr/cpign_wt_visual_mo.jpg") no-repeat center 60%; background-size:cover;} .campaign_wntr .cpign_wt_visual .visual_tit{font-size:7.6rem; line-height:9.8rem;} .campaign_wntr .cpign_wt_visual .visual_txt{margin-top:8rem;} .campaign_wntr .cpign_wt_visual .visual_txt p{font-size:2.7rem; line-height:4.2rem;} .campaign_wntr .cpign_wt_visual .visual_txt p+p{margin-top:1.5rem;} .campaign_wntr .cpign_wt_visual .btn_box a{max-width:39rem; width:100%;} .campaign_wntr .visual_vdo{margin-top:14rem;} .campaign_wntr .visual_vdo .vdo_box{margin-top:7.5rem;} .campaign_wntr .visual_vdo .visual_copy{margin-top:5rem;} .campaign_wntr .campaign_tent{padding-top:79rem; padding-bottom:13rem; background-image:url("https://kws.or.kr/images/campaign_wntr/campaign_tent_bg_mo.jpg");} .campaign_wntr .campaign_tent dl dd{font-size:3rem; line-height:4.3rem;} .campaign_wntr .campaign_tent dl dd.gw_edu_bd{font-size:3.3rem;} .campaign_wntr .campaign_boiler{padding-top:70rem; padding-bottom:13rem; background-image:url("https://kws.or.kr/images/campaign_wntr/campaign_boiler_bg_mo.jpg");} .campaign_wntr .campaign_boiler dl dt span{display:block;} .campaign_wntr .campaign_boiler dl dd{font-size:3rem; line-height:4.3rem;} .campaign_wntr .campaign_boiler dl dd.gw_edu_bd{font-size:3.3rem;} .campaign_wntr .campaign_worry{padding-top:77rem; padding-bottom:20rem; background-image:url("https://kws.or.kr/images/campaign_wntr/campaign_worry_bg_mo.jpg");} .campaign_wntr .campaign_worry dl dd{font-size:3rem; line-height:4.3rem;} .campaign_wntr .campaign_worry dl dd.gw_edu_bd{font-size:3.3rem;} .campaign_wntr .campaign_warm{padding-top:24rem; margin-top:-11rem; padding-bottom:0; background-image:url("https://kws.or.kr/images/campaign_wntr/campaign_warm_bg_mo.png"); background-position:top center;} .campaign_wntr .campaign_warm .img_list li:nth-child(1) .img_box{width:60%;} .campaign_wntr .campaign_warm dl dt{font-size:7.2rem; line-height:9.6rem;} .campaign_wntr .campaign_warm dl dd{font-size:3rem; line-height:4.2rem;} .campaign_wntr .campaign_warm dl dd+dd{margin-top:2rem;} .campaign_wntr .campaign_warm dl dd.gw_edu_bd p{font-size:3.4rem; line-height:4.2rem;} .campaign_wntr .campaign_weak{background-image:url("https://kws.or.kr/images/campaign_wntr/campaign_weak_bg_mo.jpg");} .campaign_wntr .campaign_weak .innr{text-align:left;} .campaign_wntr .campaign_weak dl dd{font-size:3rem; line-height:4.2rem; text-shadow:0 0 3rem #343434;} .campaign_wntr .campaign_weak .innr > p{font-size:1.9rem; line-height:2.9rem; text-align:center;} .campaign_wntr .campaign_gift{margin-top:-9rem; padding-bottom:37rem; background:linear-gradient(to top, #fff9fb 5%, transparent 30%), url("https://kws.or.kr/images/campaign_wntr/campaign_gift_bg_mo.png") no-repeat center top; background-size:cover;} .campaign_wntr .campaign_gift dl{text-align:center;} .campaign_wntr .campaign_gift dl dt{text-align:center; font-size:8.5rem;} .campaign_wntr .campaign_gift dl dt span{font-size:9.5rem;} .campaign_wntr .campaign_gift dl dd{font-size:3rem; line-height:4.2rem;} .campaign_wntr .campaign_gift .btn_box{text-align:center;} .campaign_wntr .campaign_gift .btn_box a{font-size:3.3rem; line-height:5.5rem; border-radius:5.5rem;} .campaign_wntr .campaign_gift .btn_box a::before{width:5.9rem; height:6.6rem;} .campaign_wntr .campaign_use{padding-bottom:27rem; background:linear-gradient(to bottom, #fff9fb 5%, transparent 30%), url("https://kws.or.kr/images/campaign_wntr/campaign_use_bg_mo.jpg") no-repeat center; background-size:cover;;} .campaign_wntr .campaign_use h2{font-size:5rem; line-height:7.3rem;} .campaign_wntr .campaign_use > ul{flex-direction:column; width:100%; align-items:center;} .campaign_wntr .campaign_use > ul li{max-width:52.7rem; padding:4rem; width:100%; min-height:27.3rem; text-align:left; position:relative; display:flex; flex-direction:column; justify-content:center; gap:3rem} .campaign_wntr .campaign_use > ul .icon_box{margin:0; padding:0 2rem; width:22.5rem; position:absolute; right:0; top:50%; transform:translateY(-50%);} .campaign_wntr .campaign_use > ul em{font-size:4.3rem;} .campaign_wntr .campaign_use > ul li > p{font-size:2.5rem; line-height:4.1rem;} .campaign_wntr .campaign_use > ul li > p em{font-size:3rem; line-height:4.1rem;} .campaign_wntr .campaign_use .refer{font-size:2.5rem; line-height:3.8rem;} .campaign_wntr .campaign_use .txt_cont{font-size:3rem; line-height:4.3rem;;} .eighteen25 .page_tit{padding-top:7rem; width:100%; font-size:2.2rem; line-height:3.2rem; font-weight:500; text-align:center; top:14.5rem;} .eighteen25 .page_tit.off{padding-top:0;} .eighteen25 .page_tit::before{width:2rem; height:2.6rem;} .eighteen25 .cpign_wt_visual .visual_int dt .txt_bg{margin-bottom:1.5rem;} .eighteen25 .cpign_wt_visual .visual_int dt{font-size:7.3rem; line-height:9rem;} .eighteen25 .cpign_wt_visual .visual_int dd{font-size:2.8rem;} .eighteen25 .cpign_wt_visual .visual_int .btn_box{margin-top:8.4rem;} .eighteen25 .cpign_wt_visual .visual_int .btn_box a{padding:2.6rem 3rem; max-width:54rem; width:100%; font-size:4rem; line-height:6.5rem;} .eighteen25 .cpign_wt_visual .visual_cont{padding-top:10rem;} .eighteen25 .cpign_wt_visual .visual_cont dd{/*padding-left:28rem;*/ font-size:2.5rem; line-height:4.5rem;} .eighteen25 .cpign_wt_visual .visual_cont .count_box{/*margin-top:-50rem;*/margin-top:-12rem; padding-top:38rem;} .eighteen25 .cpign_wt_visual .visual_cont .count_box::before{width:27.4rem; height:63.5rem;} .eighteen25 .cpign_wt_visual .visual_cont .count_box .txt_area{padding:7.5rem 7rem; margin-left:-20%;} .eighteen25 .cpign_wt_visual .visual_cont .count_box .txt_area p{font-size:2.6rem; line-height:3.8rem;} .eighteen25 .campaign_start{margin-top:-4rem; padding:45rem 0 12.5rem; background-image:url("https://kws.or.kr/images/eighteen25/eighteen25_campaign_start_bg_mo.jpg"); background-size:100%; background-color:#e0d2c8;} .eighteen25 .campaign_start .sect_tit{font-size:7rem; line-height:8.7rem;} .eighteen25 .campaign_start .sect_int{font-size:2.7rem; line-height:4.7rem;} .eighteen25 .campaign_start .model_box p{font-size:2.7rem; line-height:4.7rem; color:#0d1b27} .eighteen25 .campaign_start .model_box::before{width:62.3rem; height:72.4rem;} .eighteen25 .campaign_8_years_old{padding:77.5rem 0 17.6rem; background-image:url("https://kws.or.kr/images/eighteen25/campaign_8_years_old_bg_mo.jpg"); background-position:top right;} .eighteen25 .campaign_8_years_old .innr{padding-left:4rem;} .eighteen25 .campaign_8_years_old dt{font-size:5.5rem; line-height:6.7rem;} .eighteen25 .campaign_8_years_old dd{margin-top:1.8rem; font-size:2.7rem; line-height:4.6rem;} .eighteen25 .campaign_18_years_old{padding:80.5rem 0 16rem; background-image:url("https://kws.or.kr/images/eighteen25/campaign_18_years_old_bg_mo.jpg"); background-position:left top; background-size:contain; background-color:#e7e7e7;} .eighteen25 .campaign_18_years_old .innr{padding-right:4rem;} .eighteen25 .campaign_18_years_old dt{font-size:5.5rem; line-height:6.7rem;} .eighteen25 .campaign_18_years_old dd{margin-top:1.8rem; font-size:2.7rem; line-height:4.6rem;} .eighteen25 .campaign_survival{padding:21.4rem 0 43.7rem} .eighteen25 .campaign_survival::after{width:30rem; height:70.2rem; background-image:url("https://kws.or.kr/images/eighteen25/eighteen25_campaign_survival_model_mo.png"); left:0; right:auto;} .eighteen25 .campaign_survival .innr{padding:4rem} .eighteen25 .campaign_survival dt{font-size:5.5rem; line-height:6.7rem;} .eighteen25 .campaign_survival dd{margin-top:1.7rem; font-size:2.7rem; line-height:4.6rem;} .eighteen25 .campaign_survival .cont_02{margin-top:27.7rem; padding-left:8rem; width:100%; text-align:right;} .eighteen25 .campaign_isolation{padding:38.2rem 0 58.4rem; background:url("https://kws.or.kr/images/eighteen25/eighteen25_campaign_isolation_bg_mo.jpg") no-repeat center bottom; background-color:#fff;} .eighteen25 .campaign_isolation p{font-size:4.7rem; line-height:7.7rem;} .eighteen25 .campaign_alone .alone_li{max-width:68rem; width:95%;} .eighteen25 .campaign_alone .alone_li li{padding-left:2rem;} .eighteen25 .campaign_alone .alone_li li dl{max-width:42rem;} .eighteen25 .campaign_alone .cont_box dt{font-size:7rem; line-height:8.7rem;} .eighteen25 .campaign_alone .cont_box dd{margin-top:1.7rem;; font-size:2.7rem; line-height:4.7rem;} .eighteen25 .campaign_belief{padding:15rem 0 9.7rem} .eighteen25 .campaign_belief dl{margin-top:-6rem; width:100%; position:relative; z-index:1;} .eighteen25 .campaign_belief dt{font-size:7rem; line-height:8rem;} .eighteen25 .campaign_belief dd{margin-top:5.2rem;} .eighteen25 .campaign_belief dd p{font-size:2.7rem; line-height:4.6rem;;} .eighteen25 .campaign_belief dd p+p{margin-top:1.8rem;} .eighteen25 .campaign_belief .youtube_video{margin-top:10rem;} .eighteen25 .campaign_belief .youtube_video iframe{width:100%; max-width:none;} .eighteen25 .campaign_belief .welfar p{top:19rem} .eighteen25 .campaign_belief .welfar figure img{width:48.6rem;} .eighteen25 .campaign_change figure{width:100%; margin:0;} .eighteen25 .campaign_spon{padding:18rem 0 23rem; background-image:url("https://kws.or.kr/images/eighteen25/eighteen25_campaign_spon_bg_mo.jpg"); background-color:#eee; background-size:contain; background-position:center bottom;} .eighteen25 .campaign_spon h2{font-size:7rem; line-height:8.7rem;} .eighteen25 .campaign_spon .intr_t{margin-top:5rem; font-size:2.7rem; line-height:4.7rem;} .eighteen25 .campaign_spon .spon_li{margin-top:8rem; gap:4.5rem;} .eighteen25 .campaign_spon .spon_li li{padding:5rem 3.2rem 6.5rem; width:calc(100% - 5rem);} .eighteen25 .campaign_spon .spon_li li em{font-size:7rem; line-height:8.7rem;} .eighteen25 .campaign_spon .spon_li li figure{height:13.7rem;} .eighteen25 .campaign_spon .spon_li li p{font-size:2.7rem; line-height:4.3rem;} .eighteen25 .campaign_spon .spon_li li a{margin-top:4.5rem; max-width:45.8rem; font-size:3.4rem; line-height:9.8rem;} .eighteen25 .campaign_hope{padding:13.5rem 0 15rem} .eighteen25 .campaign_hope h2{font-size:7rem; line-height:8.7rem;} .eighteen25 .campaign_hope .cont_box p{font-size:2.7rem; line-height:4.6rem;} .eighteen25 .campaign_hope .cont_box p+p{margin-top:1.8rem;} .eighteen25 .campaign_hope .cont_box a{margin-top:7rem; max-width:52.5rem; font-size:4rem; line-height:12rem;} .eighteen25 .campaign_hope .graph_box img{width:45.8rem;} .eighteen25 .eighteen25_end{width:100%; padding:0; aspect-ratio:75/46; background-image:url("https://kws.or.kr/images/eighteen25/eighteen25_end_bg_mo.jpg"); display:flex; align-items:center; justify-content:center;} .eighteen25 .eighteen25_end figure img{width:40rem;} .eighteen25 .fixd_link a{padding:2rem 0; font-size:4.3rem; line-height:7.2rem;} .eighteen25 .fixd_link a span::after{width:2.4rem; height:2.4rem;} } @media only screen and (max-width : 480px) { .campaign_wntr .campaign_gift dl dt{font-size:6.5rem;line-height:10rem;} .campaign_wntr .campaign_gift dl dt span{font-size:7rem; line-height:4.6rem;} } @media only screen and (max-width : 420px) { .campaign_wntr br.m-mmVar{display:none;} .campaign_wntr .campaign_use > ul em{order:2;} .campaign_wntr .campaign_use > ul .icon_box{width:100%;max-width:22.5rem;order:1;position:static;transform:translateY(0);} .campaign_wntr .campaign_use > ul li > p{order:3;} } /* transform: scale(1.1) 부분을 transform: scale(1.1) rotate(.001deg); 로 변경하면 부드럽게 처리되네요 display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; -ms-flex-align:center; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; -ms-flex-align:center; display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: space-between; display: flex; flex-flow: column wrap; justify-content: space-between; display: flex; flex-flow: column wrap; justify-content: center; display: flex; flex-flow: row wrap; justify-content: center; display: flex; flex-flow: row wrap; justify-content: space-between; display: flex; justify-content: space-between; // 양쪽 끝 정렬 맨 앞에 정렬 justify-content: flex-start; ​ 맨 끝에 정렬 justify-content: flex-end; 가운데 정렬 justify-content: center; 서로 같은 간격으로 박스들이 조정됨. justify-content: space-between;​ 컨텐츠 뿐만 아니라 그 주변도 같은 간격으로 조정됨. justify-content: space-around; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); filter:grayscale(100%); -webkit-filter:grayscale(100%); backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); transition: all .5s linear; transition: all .5s ease-out; transform:rotate(180deg); -webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear; -webkit-transition-delay: .8s; transition-delay: .8s; :before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;} display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기 display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기 active :first-child :nth-child(1) box-sizing:border-box; word-break:keep-all; word-wrap:break-word; border-radius:2px; width:calc(100% / 6); box-shadow:0 0 1rem rgba(0,0,0,0.2); */