@charset "UTF-8";

/* body {font-family: "OneMobile", "Malgun Gothic", "dotum", "돋움", "gulim", "굴림", "sans-serif";letter-spacing:-1.5px} */
h4, h5 {font-weight:initial}

.cont {position:relative;text-align:center}

.cont-wrap {font-family: "OneMobile", "Malgun Gothic", "dotum", "돋움", "gulim", "굴림", "sans-serif";letter-spacing:-1.5px}

.cont.cont-area1 {background-image:url(../images/cont01-bg-v2.png);background-position:center top;background-repeat:no-repeat;padding-bottom:80px}
.cont.cont-area2 {background-image:url(../images/cont02-bg.jpg);background-position:center 300px;background-repeat:no-repeat;padding-top:100px;padding-bottom:160px}
.cont.cont-area3 {background-image:url(../images/cont03-bg.png);background-position:center top;background-repeat:no-repeat}
.cont.cont-area4 {background-image:url(../images/cont04-bg.jpg);background-position:center top;background-repeat:no-repeat;text-align:left}
.cont.cont-area5 {background-image:url(../images/cont05-bg.png);background-position:center top;background-repeat:no-repeat}
.cont.cont-area6 {padding-bottom:160px}

.cont.cont-area1 h4 {font-size:63px;padding-top:80px;padding-bottom:30px;font-family:"OneMobileTitle"}
.cont.cont-area1 .sub-txt {font-size:26px;font-weight:700;margin-bottom:90px;line-height:36px}
.cont.cont-area1 .bracelet-photo {width:1470px;margin:auto}
.cont.cont-area1 .bracelet-photo .slick-dots {bottom:-30px}
.cont.cont-area1 .bracelet-photo .slick-dots li {width:10px;height:10px;margin:0 8px}
.cont.cont-area1 .bracelet-photo .slick-dots li button {width:10px;height:10px;background:#d5dbda;border-radius:50%}
.cont.cont-area1 .bracelet-photo .slick-dots li.slick-active button {background:#01a4bc}
.cont.cont-area1 .bracelet-photo .slick-dots li button:before {content:"";width:10px;height:10px;opacity:initial}
.cont.cont-area1 .bracelet-photo .slick-arrow {width:81px;height:80px;content:"";background-image:url(../images/slide-arrow-bg.png);background-repeat:no-repeat;bottom:-40px;top:initial}
.cont.cont-area1 .bracelet-photo .slick-arrow.slick-prev {right:81px;left:initial;z-index:1}
.cont.cont-area1 .bracelet-photo .slick-arrow.slick-next {right:0;background-position:-81px 0}
.cont.cont-area1 .bracelet-photo .slick-arrow.slick-prev[aria-disabled="true"] {background-position:0 0;cursor:initial}
.cont.cont-area1 .bracelet-photo .slick-arrow.slick-next[aria-disabled="true"] {background-position:-243px 0;cursor:initial}
.cont.cont-area1 .bracelet-photo .slick-arrow.slick-prev[aria-disabled="false"] {background-position:-162px 0}
.cont.cont-area1 .bracelet-photo .slick-arrow.slick-next[aria-disabled="false"] {background-position:-81px 0}
.slick-prev:before, .slick-next:before {content:""}
.cont.cont-area1 .btn-support01 {position:absolute;top:290px;left:50%;transform:translateX(-50%);z-index:1}
.cont.cont-area1 .btn-support01>a {display:inline-block;font-family:"OneMobileTitle";font-size:42px;padding:35px 90px 30px 90px;background-color:#01a4bc;color:#fff;border-radius:10px;-webkit-box-shadow:2px 4px 2px 0px #000000;box-shadow:2px 4px 2px 0px #000000}

.cont.cont-area2 h4 {font-size:54px;padding-bottom:30px;font-family:"OneMobileTitle"}
.cont.cont-area2 .sub-txt {font-size:23px;font-weight:500;margin-bottom:115px;line-height:36px;color:#606060;letter-spacing:-1.5px}
.cont.cont-area2 .sub-txt>.point {color:#262325}
.cont.cont-area2 .sub-txt>.point>span {font-family:"OneMobileTitle";color:#ef1a4c}
.cont.cont-area2 .cont-inner {width:1208px;margin:auto}
.cont.cont-area2 .cont-inner .bracelet-intro-list {position:relative;min-height:1500px}
.cont.cont-area2 .cont-inner .bracelet-intro-list>ul>li {position:absolute;box-shadow:18px 20px 20px 1px #afafaf;-webkit-box-shadow:18px 20px 20px 1px #afafaf;border-radius:8px}
.cont.cont-area2 .cont-inner .bracelet-intro-list>ul>li.chance {width:460px;height:643px;top:0;left:0;background-image:url(../images/cont02-img01.png);background-repeat:no-repeat}
.cont.cont-area2 .cont-inner .bracelet-intro-list>ul>li.change {width:460px;height:643px;top:300px;left:590px;background-image:url(../images/cont02-img02.png);background-repeat:no-repeat}
.cont.cont-area2 .cont-inner .bracelet-intro-list>ul>li.connection {width:460px;height:643px;top:760px;left:0;background-image:url(../images/cont02-img03.png);background-repeat:no-repeat}
.cont.cont-area2 .cont-inner .bracelet-intro-list>ul>li.connection .inner {position:initial;padding-top:280px;padding-left:55px;color:#fff;font-family:"OneMobileTitle";font-size:26px;letter-spacing:-2.5px}
.cont.cont-area2 .cont-inner .bracelet-intro-list>ul>li.connection .inner>ul>li:first-child {margin-bottom:75px}
.cont.cont-area2 .cont-inner .bracelet-intro-list>ul>li.connection .inner>ul>li>.num {font-size:63px;color:#faffc6;margin-top:-6px;}
.cont.cont-area2 .cont-inner .bracelet-intro-list>ul>li.connection .inner>ul>li>.num>span {font-size:26px;color:#fff}
.cont.cont-area2 .cont-inner .bracelet-intro-list li .inner {position:relative;width:100%;height:100%;text-align:left}
.cont.cont-area2 .cont-inner .bracelet-intro-list li .inner .txt-inner {position:absolute;top:50%;transform:translateY(-50%);left:55px}
.cont.cont-area2 .cont-inner .bracelet-intro-list li .inner .txt-inner h5 {font-family:"GmarketSans";font-size:36px;font-weight:700;position:relative;color:#f24870;display:inline-block}
.cont.cont-area2 .cont-inner .bracelet-intro-list li .inner .txt-inner h5::after {content:"";display:block;width:100%;height:2px;background-color:#f24870;position:absolute;bottom:6px;lefT:0}
.cont.cont-area2 .cont-inner .bracelet-intro-list li .inner .txt-inner .sub-txt {color:#fff;font-size:45px;font-family:"OneMobileTitle";margin-top:28px;margin-bottom:35px}
.cont.cont-area2 .cont-inner .bracelet-intro-list li .inner .txt-inner .txt {color:#fff;font-size:26px;line-height:35px}
.cont.cont-area2 .cont-inner .bracelet-intro-list li .inner .txt-inner .txt>span {font-weight:700;color:#fbf6cc}

.cont.cont-area3 .cont-inner {width:1208px;margin:auto;text-align:left;padding-top:80px;padding-bottom:100px;color:#fff}
.cont.cont-area3 .cont-inner .top-txt {font-size:26px;margin-bottom:40px}
.cont.cont-area3 .cont-inner .top-txt>span {font-family:"OneMobileTitle";display:inline-block;padding:8px 15px;border-radius:6px;background-color:#f81f43;color:#fff}
.cont.cont-area3 .cont-inner .top-txt>span>em {color:#ffea00}
.cont.cont-area3 .cont-inner .big-txt {font-size:52px;font-family:"OneMobileTitle";line-height:60px;margin-bottom:50px}
.cont.cont-area3 .cont-inner .sub-txt {font-size:23px;line-height:32px;margin-bottom:50px}
.cont.cont-area3 .cont-inner .cont-txt {font-family:"OneMobileTitle";font-size:40px;line-height:50px;color:#565555;letter-spacing:-3px}
.cont.cont-area3 .cont-inner .bracelet-photo-cont {margin-top:130px;display:grid;min-height:100vh;grid-template-columns:repeat(auto-fit, minmax(392px, 1fr));grid-template-rows:repeat(auto-fit, minmax(392px, 1fr));grid-auto-rows:392px;grid-auto-flow:row dense;grid-gap:15px;box-sizing:border-box}
.cont.cont-area3 .cont-inner .bracelet-photo-cont .block {background-repeat:no-repeat;background-position:center center;border-radius:6px}
.cont.cont-area3 .cont-inner .bracelet-photo-cont .block .col-inner {padding-top:125px;padding-left:80px;color:#101010;letter-spacing:-1.5px}
.cont.cont-area3 .cont-inner .bracelet-photo-cont .block .col-inner h5 {font-size:36px;font-family:"OneMobileTitle";margin-bottom:40px}
.cont.cont-area3 .cont-inner .bracelet-photo-cont .block .col-inner p {color:#414141;line-height:31px;font-size:21px}
.cont.cont-area3 .cont-inner .bracelet-photo-cont .block.col01 {background-image:url(../images/cont03-img02.png)}
.cont.cont-area3 .cont-inner .bracelet-photo-cont .block.col02 {background-image:url(../images/cont03-img03.png)}
.cont.cont-area3 .cont-inner .bracelet-photo-cont .block.col03 {background-image:url(../images/cont03-img04.png)}
.cont.cont-area3 .cont-inner .bracelet-photo-cont .block.col04 {background-image:url(../images/cont03-img05.png)}
.cont.cont-area3 .cont-inner .bracelet-photo-cont .block.col05 {background-image:url(../images/cont03-img06.png)}
.cont.cont-area3 .cont-inner .bracelet-photo-cont .block.col06 {background-image:url(../images/cont03-img07.png)}
.cont.cont-area3 .cont-inner .bracelet-photo-cont .block.col07 {background-image:url(../images/cont03-img08.png)}
.cont.cont-area3 .cont-inner .bracelet-photo-cont .block.col08 {background-image:url(../images/cont03-img09.png)}
.cont.cont-area3 .cont-inner .bracelet-photo-cont .block.col09 {background-image:url(../images/cont03-img10.png)}
.cont.cont-area3 .cont-inner .bracelet-photo-cont .block.col10 {background-image:url(../images/cont03-img11.png)}
.cont.cont-area3 .cont-inner .bracelet-photo-cont .block.col11 {background-image:url(../images/cont03-img12.png)}
.cont.cont-area3 .cont-inner .bracelet-photo-cont .block.col12 {background-image:url(../images/cont03-img13.png)}
.cont.cont-area3 .cont-inner .bracelet-photo-cont .frame-1x1 {grid-column:span 1;grid-row:span 1}
.cont.cont-area3 .cont-inner .bracelet-photo-cont .frame-2x2 {grid-column:span 2;grid-row:span 2}      
.cont.cont-area3 .cont-inner .bracelet-photo-cont .frame-1x2 {grid-column:span 1;grid-row:span 2}      
.cont.cont-area3 .cont-inner .bracelet-photo-cont .frame-2x1 {grid-column:span 2;grid-row:span 1}
.cont.cont-area3 .bracelet-img {width:565px;height:370px;background-image:url(../images/cont03-bracelet.png);background-repeat:no-repeat;position:absolute;top:370px;right:0}

.cont.cont-area4 .cont-inner {width:1208px;margin:auto;text-align:left;padding-top:200px}
.cont.cont-area4 .cont-inner h4 {font-size:54px;padding-bottom:45px;font-family:"OneMobileTitle"}
.cont.cont-area4 .cont-inner .sub-txt {font-size:31px;line-height:42px;font-family:"OneMobileTitle";color:#404040;letter-spacing:-1px}
.cont.cont-area4 .cont-inner .donation-story {position:relative;min-height:1400px;margin-top:-60px}
.cont.cont-area4 .cont-inner .donation-story li {position:absolute;border-radius:8px}
.cont.cont-area4 .cont-inner .donation-story li .inner {padding-top:250px;padding-left:50px;letter-spacing:-2px}
.cont.cont-area4 .cont-inner .donation-story li .inner h5 {font-family:"OneMobileTitle";font-size:36px;margin-left:15px;color:#fff}
.cont.cont-area4 .cont-inner .donation-story li .inner .txt-num {font-family:"OneMobileTitle";font-size:55px;color:#fff79e;margin-top:-15px}
.cont.cont-area4 .cont-inner .donation-story li .inner .txt-num>span {font-size:23px;color:#fff}
.cont.cont-area4 .cont-inner .donation-story li .inner .txt {font-size:21px;font-weight:700;line-height:28px;color:#fff;margin-top:30px}
.cont.cont-area4 .cont-inner .donation-story li.house-support {width:407px;height:539px;top:265px;left:320px;background-image:url(../images/cont04-img01.png);background-repeat:no-repeat}
.cont.cont-area4 .cont-inner .donation-story li.self-support {width:407px;height:539px;top:0;right:0;background-image:url(../images/cont04-img02.png);background-repeat:no-repeat}
.cont.cont-area4 .cont-inner .donation-story li.edu-support {width:407px;height:539px;top:610px;right:0;background-image:url(../images/cont04-img03.png);background-repeat:no-repeat}

.cont.cont-area5 .cont-inner {width:1208px;margin:auto;text-align:left;padding-top:180px;padding-bottom:100px;color:#fff}
.cont.cont-area5 .cont-inner .big-txt {font-size:52px;font-family:"OneMobileTitle";line-height:63px;margin-bottom:35px}
.cont.cont-area5 .cont-inner .sub-txt {font-size:26px;line-height:31px;color:#fcffdd;margin-bottom:80px}
.cont.cont-area5 .cont-inner h4 {font-size:62px;padding-bottom:50px;font-family:"OneMobileTitle";text-align:center;color:#010101;padding-top:150px}
.cont.cont-area5 .cont-inner .accordion {border-bottom:2px solid #f1f1f1;margin-top:40px}
.cont.cont-area5 .cont-inner .accordion .accordion-inner {text-align:left}
.cont.cont-area5 .cont-inner .accordion .accordion-inner .accordion-toggle {padding:40px;border-top:2px solid #f1f1f1;cursor:pointer;font-family:"OneMobileTitle";font-size:30px;font-weight:initial;color:#010101;position:relative}
.cont.cont-area5 .cont-inner .accordion .accordion-inner .accordion-toggle:nth-child(odd) {background-color:#f5f7f9}
.cont.cont-area5 .cont-inner .accordion .accordion-inner .accordion-toggle:nth-child(even) {background-color:#f9fbfc}
.cont.cont-area5 .cont-inner .accordion .accordion-inner .accordion-toggle>span {font-family:"GmarketSans";font-size:40px;font-weight:700;margin-right:27px;color:#01a4bc}
.cont.cont-area5 .cont-inner .accordion .accordion-inner .accordion-toggle::after {width:23px;height:20px;content:"";background-image:url(../images/qa_arrow.png);background-repeat:no-repeat;background-position:-23px 0;position:absolute;top:50%;right:45px;transform:translateY(-50%)}
.cont.cont-area5 .cont-inner .accordion .accordion-inner .accordion-toggle.active{color:#01a4bc}
.cont.cont-area5 .cont-inner .accordion .accordion-inner .accordion-toggle.active::after{width:23px;height:20px;content:"";background-image:url(../images/qa_arrow.png);background-repeat:no-repeat;background-position:0 0;position:absolute;top:50%;right:45px;transform:translateY(-50%)}
.cont.cont-area5 .cont-inner .accordion .accordion-inner .accordion-content {display:none;padding:75px 115px;font-size:24px;line-height:36px;border-top:2px solid #f1f1f1;color:#010101}
.cont.cont-area5 .cont-inner .accordion .accordion-inner .accordion-content.default {display:block}
.cont.cont-area5 .bracelet-img {width:752px;height:471px;background-image:url(../images/cont05-bracelet.png);background-repeat:no-repeat;position:absolute;top:325px;right:0}
.cont.cont-area5 .txt-info {color:#333;font-size:18px;margin-top:40px;line-height:30px;letter-spacing:-0.8px}

.btn-support02>a {display:inline-block;font-family:"OneMobileTitle";font-size:42px;padding:35px 50px 30px 50px;background-color:#01a4bc;color:#fff;border-radius:10px;-webkit-box-shadow:2px 4px 2px 0px #000000;box-shadow:2px 4px 2px 0px #000000}
.btn-support02>a::after {content:"";display:inline-block;width:72px;height:9px;background-image:url(../images/btn-bg.png);background-repeat:no-repeat;margin-left:35px;vertical-align:middle;margin-top:-5px}

.layer-popup {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:#01a4bc;display:none;overflow-y:scroll}
.layer-popup .inner3 {width:1240px;margin:auto;padding:60px 0;color:#fff;text-align:center;letter-spacing:-1.5px;position:relative}
.layer-popup .inner3 h4 {font-size:60px;font-family:"OneMobileTitle"}
.layer-popup .inner3 .sub-txt {font-size:30px;margin-top:25px;margin-bottom:20px;line-height:40px}
.layer-popup .inner3 .list-txt {text-align:left;margin-top:20px;margin-left:170px;font-size:22px;padding:7px 0;line-height:32px}
.layer-popup .inner3 .list-txt>li {padding-top:3px;padding-bottom:3px;padding-left:20px;position:relative}
.layer-popup .inner3 .list-txt>li::before {content:"";width:6px;height:6px;border-radius:50%;background-color:#fff;position:absolute;top:50%;transform:translateY(-50%);left:0}
.layer-popup .close {position:absolute;top:70px;right:0}
.layer-popup .popup-cont {width:1200px;margin:auto;height:442px;border-radius:300px;background-color:#fff;border:8px solid #303030;position:relative;box-shadow:2px 1px 3px 1px #000;overflow:hidden}
.layer-popup .popup-cont > ul > li {position:absolute;margin:0}
.layer-popup .popup-cont > ul > li a {outline:none}
.layer-popup .popup-cont > ul > li:nth-child(1) {left:170px;top:58px;width:421px;height:411px;background:url(../images/layer_left2.png) no-repeat center 0}
.layer-popup .popup-cont > ul > li:nth-child(1).active a {background:url(../images/layer_left_on2.png) no-repeat center 0}
.layer-popup .popup-cont > ul > li:nth-child(1).active::after {content: '';width:607px;height:442px;background-color:#fdf1f3;border-radius:300px 0 0 300px;position:absolute;top:-68px;left:-170px}
.layer-popup .popup-cont > ul > li:nth-child(2).active::after {content: '';width:607px;height:553px;background-color:#fdf1f3;border-radius:0 300px 300px 0;position:absolute;top:0;right:-186px}
.layer-popup .popup-cont > ul > li:nth-child(2) {right:170px;top:-19px;width:372px;height:512px;background:url(../images/layer_right3.png) no-repeat center 0}
.layer-popup .popup-cont > ul > li:nth-child(2).active a {background:url(../images/layer_right_on3.png) no-repeat center 0;z-index:1}
.layer-popup .popup-cont > ul > li > a {display:block;width:100%;height:100%;position:relative;z-index:2}
.layer-popup .btn a {display:block;width:356px;height:96px;line-height:96px;background-color:#303030;margin:30px auto;border-radius:55px;transition:all 0.3s}
.layer-popup .btn a:hover {background-color:#ef1a4c}
.layer-popup .btn a::after {background:url(../images/arrow_on.png) no-repeat 0 0;top:32px}

.notScroll {overflow:hidden}

.txt-skyblue {color:#01a4bc}
.txt-black {color:#0a0a0a}
.txt-red {color:#f92e59}

.mt130 {margin-top:130px}
.mb40 {margin-bottom:40px}