#sVisual{height: 500px;position:relative;display: flex;flex-direction: column;justify-content: flex-end;} #sVisual .visual-wr{background: #000;position: relative;/* overflow:hidden; */border-radius: 0 0 160px 0;display: flex;width: 100%;margin: 0 auto;height: 100%;z-index: 1;} #sVisual .svWrap{position:relative;overflow: hidden;width: 100%;height: 100%;border-radius: 0 0 160px 0;} #sVisual .svWrap .sv-img{background: url("/images/main/visual1.jpg") no-repeat 50% 50%;width: 100%;height:100%;position: relative;height: 100%;top: 0;left: 0;opacity: .6;transition: transform 5s linear; transform: scale(1.1, 1.1);} #sVisual .svWrap .sv-img1{background: url("/images/main/visual1.jpg") no-repeat 50% 50%;background-size:cover;ooverflow: hidden;background-attachment: fixed !important;} #sVisual .svWrap .sv-img2{background: url("/images/main/visual2.jpg") no-repeat 50% 12%;background-size:cover;overflow: hidden;background-attachment: fixed !important;} #sVisual .svWrap .sv-img3{background: url("/images/main/visual3.jpg") no-repeat 50% 50%;background-size:cover;overflow: hidden;background-attachment: fixed !important;} #sVisual .svWrap .sv-img4{background: url("/images/main/visual4.jpg") no-repeat 50% 78%;background-size:cover;overflow: hidden;background-attachment: fixed !important;} #sVisual .svWrap .sv-img5{background: url("/images/sub/visual5.jpg") no-repeat 50% 50%;background-size:cover;overflow: hidden;background-attachment: fixed !important;} #sVisual .svWrap .sv-img6{background:url("/images/sub/visual1.jpg") no-repeat 50% 50%;background-size:cover;overflow: hidden;background-attachment: fixed !important;} #sVisual .svWrap .sv-img7{background:url("/images/sub/visual1.jpg") no-repeat 50% bottom;background-size:cover;overflow: hidden;background-attachment: fixed !important;} #sVisual .svWrap .sv-img8{background:url("/images/sub/visual1.jpg") no-repeat 50% top;background-size:cover;overflow: hidden;background-attachment: fixed !important;} #sVisual .sub-tit{font-size: 130px;font-weight: bold;line-height: 1;color:#fff;position: absolute;bottom: -12px;max-width:1420px;width:90%;text-align: right;left:50%;transform: translate(-50%, 0%);font-family: "Playfair Display", sans-serif;} #sVisual .slogan{position:absolute;width: 90%;top: 0;/* width:90%; */z-index:10;left: 50%;height: 100%;transform: translateX(-50%);word-break:keep-all;max-width: 1500px;display: flex;/* padding-bottom: 80px; */justify-content: flex-end;align-items: center;text-align: center;flex-direction: column;} #sVisual .slogan .big-tit{display:flex;gap: 15px;flex-direction: row-reverse;align-items: center;justify-content: center;margin-bottom: 85px;} #sVisual .slogan .big-tit big{font-size: 48px;color: #fff;font-family: 'SBAggro';text-transform: uppercase;font-weight: 500;letter-spacing: -1px;} #sVisual .slogan .big-tit big b{font-weight:700;} #sVisual .slogan .big-tit small{font-family: 'S-CoreDream';font-size: 30px;padding-left: 7px;font-weight: 500;color: #fff;position: relative;display: inline-block;padding-left: 130px;} #sVisual .slogan .big-tit small:before{content:"";width:100px;height:1px;background: #fff;position:absolute;left:0;top:50%;transform:translateY(-50%);} #sVisual .svWrap.in-view .sv-img{transform: scale(1.0, 1.0) rotate(0.002deg);} /* 서브공통 */ .sContWrap{position:relative;width:100%;height:100%;min-height:500px;/*overflow: hidden;*/} .sContWrap:after{display:block; content:""; clear:both;} .sCont{width: 95%;max-width: 1500px;min-height:500px;margin:0 auto;position:relative;word-break:keep-all;padding: 140px 0 0;} .sCont .sCont-title{display:block;padding: 0px 0 60px;color: #26293d;font-size: 52px;line-height:1.6;font-weight: 500;font-family: 'SBAggro';-webkit-text-stroke: 0.4px #26293d;letter-spacing: -1px;text-align:center;} .sub-board-bottom{padding-bottom: 160px;} @media (max-width: 1920px){ } @media (max-width: 1800px){ } @media (max-width: 1400px){ } @media (max-width: 1300px){ #sVisual .slogan {padding-top: 150px;} #sVisual .slogan .big-tit {flex-direction: column-reverse;align-items: center;} } @media (max-width: 1240px){ } @media (max-width: 1170px){ #sVisual{height: 450px;} #sVisual .slogan .big-tit big {font-size: 48px;} .sub-board-bottom{padding-bottom:100px;} } @media (max-width: 980px){ } @media (max-width: 767px){ #sVisual{height: 300px;} #sVisual .visual-wr{ border-radius: 0 0 30px 0;} #sVisual .svWrap .sv-img{opacity:.6;} #sVisual .slogan {justify-content: flex-start;width:95%;align-items: center;gap: 30px;padding: 0;} #sVisual .slogan .big-tit{gap:5px;position: absolute;top: auto;bottom: 0;height: calc(100% - 80px);transform: translateY(-0%);justify-content: center;margin-bottom: 30px;} #sVisual .slogan .big-tit big {font-size: 34px; letter-spacing: 0;} #sVisual .slogan .big-tit small{font-size:22px; padding-left: 0; padding-top: 26px;} #sVisual .slogan .big-tit small:before {width: 2px; height: 20px; opacity: 0.5; left: 50%; top: 0; transform: translate(-50%, 0%);} .sub-board-bottom{padding-bottom:60px;} } @media (max-width: 640px){ } @media (max-width: 520px){ } .sec-cont{position:relative;} .sec-cont + .sec-cont{margin-top:60px;} .ess-color{color: #f65354;font-size: 22px;} #location{position: relative;width: 100%;/* left: 50%; *//* bottom: 80px; *//* transform: translateX(-50%); */z-index: 50;margin-bottom: 15px;} .lnb{position:relative;z-index:10;font-family: 'SBAggro';display: flex;justify-content: flex-start;/* max-width: 1500px; *//* width: 95%; */gap: 10px;margin: 0 auto;} .lnb .lnb-map{display:flex;gap: 10px;} /*.lnb .lnb-map:after{content:''; display:block; clear:both;}*/ .lnb .lnb-map li a{display:block;} .lnb .lohom{position:relative;width: 75px;height: 75px;z-index:1;background-color:transparent;} .lnb .lohom > a{transition:.3s ease-out;display:flex;align-items:center;justify-content:center;height: 100%;width: 100%;/* background: #f78f1e; */color: #fff;border: 1px solid rgba(255, 255, 255, 0.3);font-size: 24px;border-radius: 15px;position:relative;} .lnb .lohom > a:hover{background: #f78f1e; border-color: #f78f1e;} .lnb .lnb-map > li{width: 280px;background: rgb(255 255 255 / 20%);backdrop-filter: blur(10px);/* border: 1px solid rgba(255, 255, 255, 0.3); */border-radius: 15px;} .lnb .lnb-map > li:nth-last-of-type(1){width:318px;} .lnb .lnb-map > li > a{} .lnb .lnb-map li.depth{position:relative;} .lnb .lnb-map li:first-child a span{} .lnb .lnb-map li.depth ul{display:none;position:absolute;top: 75px;left:0;width:100%;padding: 0 0 20px 0;background:#fff;z-index:10;border-radius: 0 0 15px 15px;box-shadow: 15px 20px 20px 0 rgba(0, 0, 0, .1);} .lnb .lnb-map li.depth ul li a{display:block;padding: 7px 25px;font-size: 16px;font-weight: 300;color: #4f566d;text-align: left;-webkit-text-stroke: 0.1px #4f566d;transition:.3s ease-out;} .lnb .lnb-map li.depth ul li a:hover{color: #f78f1e;-webkit-text-stroke: 0.1px #f78f1e;} .lnb .lnb-map li a:after{/*arrow*/ transform:rotate(135deg); top:50%; margin-top:-5px; right:10%; width:8px; height:8px; border-top: 2px solid #fff; border-right: 2px solid #fff; display:inline-block; position:absolute; content:""; transition:.3s ease-out; } .lnb .lnb-map li:first-child a:after{border-top:2px solid #fff; border-right:2px solid #fff;} .lnb .lnb-map li.depth ul li a:hover{} .lnb .lnb-map li.depth a span{width:100%;font-size: 18px;color: #fff;height: 75px;line-height: 1.3;display:flex;font-weight: 300;padding: 0 20% 0 25px;transition:.1s ease-out;align-items:center;border-radius: 15px;text-align: left;} .lnb .lnb-map li:first-child.depth a span{} .lnb .lnb-map li:last-child.depth a span{} .lnb .lnb-map li.depth a.menu_active{box-shadow:15px 15px 20px 0 rgba(0,0,0,.1);} .lnb .lnb-map li a.menu_active:after{border-color:#878894;transform:rotate(314deg);margin-top:-5px;} .lnb .lnb-map li.depth a.menu_active span{position:relative;background: #fff;color:#26293d;-webkit-text-stroke: 0.4px #26293d;border-radius: 15px 15px 0 0;} .lnb .lnb-map li.depth a.menu_active span:after{content:''; position:absolute; bottom:0; left:30px; width:220px; height:1px; background:rgba(255,255,255,.1);} .lnb .lnb-map li.depth ul.moreMenu li a{position:relative; word-break:keep-all;} .lnb .lnb-map li.depth ul.moreMenu li a:after{display:none;} .lnb .lnb-map li.depth ul.moreMenu li a.active{color: #f78f1e;-webkit-text-stroke: 0.1px #f78f1e;} .lnb .lnb-map li.depth ul.moreMenu li a.active:after{opacity:1;} .lnb .lnb-map li.depth ul.moreMenu li a:hover:after{opacity:1;} @media (max-width: 1170px){ .lnb .lohom{width: 60px;height: 60px;} .lnb .lnb-map li.depth a span{height: 60px;} .lnb .lnb-map li.depth ul {top: 59px;} } @media (max-width: 767px){ #location {width: 100%;position: absolute;bottom: 0;} .lnb{gap:5px;} .lnb .lohom {width: 45px; height: 45px;} .lnb .lnb-map {gap: 5px; width: calc(100% - 45px);} .lnb .lnb-map > li, .lnb .lnb-map > li:nth-last-of-type(1){width: 50%;} .lnb .lnb-map > li > a {height: 45px;} .lnb .lnb-map li.depth a span {font-size: 15px;height: 45px;padding: 0 15% 0 7%;} .lnb .lnb-map li:first-child.depth a span{/* padding-left:40px; *//* border-radius:10px 0 0 0; */} .lnb .lnb-map li:last-child.depth a span{/* border-radius:0; */} .lnb .lnb-map li.depth ul{top:45px; padding:10px 7%; border-radius:0 0 10px 10px;} .lnb .lnb-map li.depth ul li a{padding: 6px 0; font-size: 13px;} .lnb .lnb-map > li:nth-last-of-type(1){width:50%;} } @media (max-width: 480px){ .lnb .lohom {display:none;} .lnb .lnb-map{width:100%;} } @media (max-width: 1400px){ } @media (max-width: 1300px){ } @media (max-width: 1170px){ .sCont{padding: 80px 0 0;} .sCont .sCont-title{font-size:42px;} } @media (max-width: 1024px){ } @media (max-width: 767px){ .sCont .sCont-title{padding-bottom: 0;font-size:28px;line-height: 1.2;margin:0 auto 30px;} .sCont{padding: 60px 0 0;} } @media (max-width: 767px){ .contTit-s{margin:30px 0 10px; font-size:17px;} .contTit-s .right-txt{margin:5px 0; font-size:13px;} .list-Dot>li{padding-left:10px; font-size:14px;} #sub-top .contTit-s{margin-top:30px;} #sub-top ul.bis-info-list li{padding-left:10px; font-size:15px;} .ui-topbox .inner{padding:20px 20px; min-height:auto;} .ui-topbox .inner.img-inner{padding:20px 20px;} .ui-topbox .img15, .ui-topbox .img-step{width:200px; height:200px;} .ui-topbox .icon{display:none;} .ui-topbox .txtwrap .tit-wrap{display:block; font-size:22px; line-height:1.2;} .ui-topbox .txtwrap strong.logo-img{display:block; margin-right:0; width:180px; height:29px; background-size:100%; margin-bottom:10px;} .ui-topbox .txtwrap p{font-size:14px;} } .contTit-center{text-align:center; display:block; margin:0 0 20px 0; font-weight:500; text-decoration:underline; font-size:32px; color:#0c4167; letter-spacing:-1px; line-height:1.2;} .contTit-big{display:block;margin:60px 0 15px;font-weight:700;font-size:34px;color: #212121;letter-spacing:-1px;line-height:1.2;} .contTit{display:block;margin: 40px 0 15px;font-weight: 500;font-size: 30px;color: #3d4243;letter-spacing:-1px;line-height:1.2;font-family: 'SBAggro';} .contTit:first-child{/* margin-top:0; */} .contTit-s{display:block;margin:40px 0 13px;font-weight: 500;font-size: 24px;color: #f68d1d;word-spacing:-.5px;font-family: 'SBAggro';line-height: 1.4;} .contTit-ss{display:block;margin: 30px 0 13px;font-weight: 600;font-size: 19px;color: #212121;text-decoration:underline;word-spacing:-.5px;line-height:1.2;} .contTit+.contTit-s{margin:10px 0 12px;} .contTit-big+.contTit-s{margin:10px 0 12px;} .contTit-s + .contTit-ss{margin:10px 0 12px;} .contTit-s > a{margin-left:10px;} .contTit-big > .eng-tit{font-size: 24px;margin-left: 10px;color: #777;font-weight: 500;letter-spacing: -.5px;} .flex-tit .eng-tit, .contTit > .eng-tit{font-size: 20px;margin-left: 10px;color: #777;font-weight: 500;letter-spacing: -.5px;} .contTit > .eng-tit.block{display:block; margin-left:0; margin-top:5px;} .flex-tit{display:flex;align-items:flex-start;gap:30px;} .flex-tit.full{justify-content:space-between;} .flex-tit > .blank-btn{margin:-5px;} p.txt{color:#666;font-size: 18px;font-weight:400;letter-spacing: 0;line-height:1.6;} p.txt + p.txt{margin-top:20px;} .txt-bold{color:#111;letter-spacing: 0;font-weight: bold;} .red-bold{color:#253369;letter-spacing:-.5px;font-weight:500;} .txt-bold > em{text-decoration:underline; font-style:normal;} .a-bold{text-decoration:underline; font-weight:600; color:#333;} p.txtSt1{color:#666; line-height:1.6; font-size:18px; word-break:keep-all;} .ess{font-style:normal;color:#333;/* text-decoration:underline; */font-weight:400;} .color-txt{font-style:normal; color:#9c6e37;} .un-bold{color:#333; text-decoration:underline; font-weight:600;} .point-color{color: #9c6e37;} p.txt-big{font-size: 20px;letter-spacing: -.5px;line-height: 1.778em;color: #111;font-weight: 600;} .unline{} .unline em.point{position:relative;display:inline-block;font-style: normal;font-weight: 500;z-index: 1;color: #fff;padding: 0 6px;} .unline em.point:before{width:100%;height:100%;background:#fff;right:0;bottom: 0px;position:absolute;content:'';transition:.6s;z-index:2;} .unline em.point:after{width:0%;height: 90%;left:0;bottom: 2px;background: #f78f1e;opacity:.1;position:absolute;content:'';transition:.6s;z-index: -1;transition-delay:.6s;} .unline em.point.in-view:before{width:0;} .unline em.point.in-view:after{width:100%;opacity: 1;} ul.h-bold-list{} ul.h-bold-list > li{font-size:18px;letter-spacing:-0.036em;line-height:1.7;color:rgba(34, 34, 34, 0.9);font-weight:600;position: relative; padding-left:22px;} ul.h-bold-list > li:before{content: "\ef3b";font-family:remixicon !important;font-style:normal;color:#253369;position:absolute;left:0;top: 3px;font-size:14px;} ul.h-bold-list > li > ul.list-hyphen{margin-bottom:10px;} ul.h-bold-list > li > ul.list-hyphen > li{font-size:17px;} .wb{display:inline-block;width: 65px;text-align:justify;position:relative;font-weight:600;color:#9c6e37;line-height:0;margin-right: 5px;} .wb:before{content:""; display:inline-block; width:100%;} .wb:after{content:""; display:inline-block; width:100%;} .grayBox{border:7px solid #f5f5f5; position:relative; padding:35px 50px 35px 35px; background:#fff;} .grayBox .img-wrap{position:relative; text-align:center;} .grayBox .img-wrap > img{max-width:100%;} ul + .img-wrap, ol + .img-wrap, p + .img-wrap{margin-top:30px;} .grayBox + .grayBox{margin-top:20px;} .grayBox .contTit-s{margin-top:0;} .grayBox + ul{margin-top:20px;} .grayBox + p{margin-top:20px;} .cont-sec{position:relative;} .cont-sec + .cont-sec{margin-top:80px;} .cont-sec:nth-child(1){padding:0;} .cont-sec.bg{padding: 80px 0;} .cont-sec.bg:before{content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; margin-left:-50vw; background:#eff2fa; z-index:-2;} .cont-sec.bg > .contTit{margin-top:0;} .cont-sec.cont-left{display:flex;} .cont-sec h3 > {} .cont-sec .s-cont{position:relative;} .cont-sec.cont-left > h3{display:inline-block; width:25%;} .cont-sec.cont-left > h3 .contTit{margin-top:5px; font-size:22px;} .cont-sec.cont-left > .s-cont{width:75%;} .cont-sec.cont-left p.txt{font-size:17px; line-height:1.6;} .mb-10{margin-bottom:10px;} .mb-15{margin-bottom:15px;} .mb-20{margin-bottom:20px;} .mb-25{margin-bottom:25px;} .mb-30{margin-bottom:30px;} .mb-40{margin-bottom:40px;} .mb-60{margin-bottom:60px;} .box-flex{display:flex;} .gs-box{border-radius:30px; padding:22px; background:#f9f9f9; text-align:center;} .gs-box .r-red{ background:#00bfe6; color:#fff; text-align:center; border-radius:30px; box-shadow:inset 0px 5px 10px 0 rgb(121 121 121 / 6%); font-size:18px; font-weight:500; padding:10px 20px 9px; font-family: 'Paperlogy'; } .gs-box .s-txt{font-size:15px; font-weight:400; letter-spacing:-0.78px; color:#1f1f1f; display:block; margin-top:10px;} p.txt + .list-point{margin-top:5px;} .gs-box + .list-point{margin-top:10px;} .list-Dot{} .list-Dot>li{position:relative;padding-left:12px;box-sizing:border-box;color:#555;font-size: 18px;font-weight: 500;line-height: 1.6;text-align:left;vertical-align:top;font-family: 'Paperlogy';letter-spacing: 0;} .list-Dot>li:before{content:"";display:block;position:absolute;left:0;top: 11px;overflow:hidden;width: 4px;height: 4px;box-sizing:border-box;border-radius:50%;background: #a6b8cd;} .list-Dot>li+li{margin-top: 5px;} .list-Dot>li a{color:inherit;} .list-Dot>li a:hover{text-decoration:underline;} .list-Dot>li a.gold{color:#9c6e37; text-decoration:underline;} .list-Dot>li .table_con_wrap{/* margin-top: 10px; */} .list-Dot > li > .txt-bold > em.noto, .list-Dot > li > em.noto{font-family:'Noto Sans KR';text-decoration:none;font-style: normal;} ul + .table_con_wrap, .table_con_wrap + ul{margin: 10px 0;} .list-Dot .list-hyphen{margin:0px 0 5px;} .list-hyphen{} .list-hyphen>li{position:relative;padding-left:11px;color:#555;font-weight:400;line-height:1.5;text-align:left;vertical-align:top;letter-spacing: 0px;} .list-hyphen>li:before{content:""; display:block; position:absolute; left:0; top:11px; width:5px; height:1px; box-sizing:border-box; background:#999;} .list-hyphen>li a{color:#555; text-decoration:underline;} .list-hyphen>li a:hover{opacity:.8;} .list-Dot>li .list-hyphen>li+li{margin-top:3px;} .list-Dot>li .list-hyphen{width:100%;/* padding:8px 0 2px; */} .list-Dot>li .list-hyphen>li{color:#888;font-size: 17px;} .list-Dot>li .list-hyphen>li:before{top: 11px;} .list-Dot + .list-hyphen{margin-top:10px;} .ol-list{margin:10px 0; padding:0 0 0 20px;} .ol-list > li{position:relative;box-sizing:border-box;color: #333;font-size: 17px;font-weight: 500;line-height: 1.6;text-align:left;vertical-align:top;letter-spacing:-0.5px;} .ol-list > li + li{margin-top: 0;} .ol-list > li .list-point > li{font-size:16px;} .ol-list > li .list-point > li + li{margin-top:0px;} .box-txt{background:#253369;color:#fff;font-style:normal;font-weight: 500;padding: 2px 6px;font-size: 16px;letter-spacing: 0;} ul + .list-point, input + .list-point{margin-top:10px;} .list-type1 + .list-point{margin-top:25px;} .list-point{} .list-point > li{font-size: 17px;line-height:1.6;padding-left: 23px;position:relative;font-weight:500;color: #3d4243;font-family: 'Paperlogy';} .list-point > li + li{margin-top: 5px;} .list-point > li:before{content:"※";position:absolute;left:0;top: 0px;font-size: 16px;display:inline-block;} .list-point > li.un-line{text-decoration:underline;} .list-point .list-hyphen{margin-top:5px;} .point-info{position:relative;padding-left: 13px;color:#9c6e37;font-size: 17px;font-weight:400;letter-spacing:-0.5px;line-height: 1.4;text-align:left;} .point-info:before{content:"*";position:absolute;left:0;top:0;font-size: 19px;display:inline-block;} .class-list{} .class-list > li{font-size:17px; line-height:1.4; color:#666;} .class-list > li + li{margin-top:5px;} .inline-block{display:inline-block;} table .inline-block .point-info{text-align:center;display:inline-block;} .sub-top-box{box-shadow:0px 15px 20px -5px rgb(0 0 0 / 4%); border-radius:30px; padding:40px 50px; text-align:center;} .sub-top-box .red-sub-tit h4{font-size:18px; font-family: 'Paperlogy'; font-weight:400; letter-spacing:-0.5px; color:#00bfe6; text-transform:uppercase;} .sec-box{text-align:center; display:block;} .y-box{position:relative;background:#fafdf3;border-radius:30px;padding: 40px 60px 50px;text-align:left;color:#383838;letter-spacing:-1px;line-height:1.5;word-break:keep-all;} .y-box p.y-txt{font-size:18px; font-weight:400; font-family: 'Paperlogy'; letter-spacing:-.5px; color:#666; line-height:1.8; word-break:keep-all;} .y-box p.y-txt + p.y-txt{margin-top:8px;} .y-box p.y-txt b{font-weight:normal; letter-spacing:-.5px; font-size:19px; color:#1b1b1b;} .y-box .in-fo{position:relative; padding-left:31px;} .y-box .in-fo i{font-size:26px; position:absolute; left:0px; top:2px; color:#fdb813;} .info-y-box{position:relative;background: #f5f5f5;border-radius: 20px;padding: 30px 30px;text-align:left;color:#383838;letter-spacing:-1px;line-height:1.5;word-break:keep-all;margin-top: 40px;} .info-y-box .in-fo{position:relative;padding-left:31px;font-size:18px;font-weight:400;font-family: 'S-CoreDream-5Medium';letter-spacing:-.5px;color:#666;line-height:1.8;word-break:keep-all;} .info-y-box .in-fo i{font-size:26px;position:absolute;left:0px;top: -6px;color: #fdb813;} .info-y-box p b{font-weight: 700;letter-spacing:-.5px;font-size: 19px;color:#1b1b1b;font-family: 'Paperlogy';} .info-y-box p + ul{margin-top:10px;} .info-y-box ul + ul{margin-top:10px;} .info-y-box .in-box{position:relative;margin-top:10px;padding: 25px 30px;border-radius: 10px;background:#fff;} .info-y-box .num-list{} .info-y-box .num-list > li{position:relative;font-size:17px;font-weight: 500;line-height:1.6;color: #444;padding-left: 25px;font-family: 'Paperlogy';} .info-y-box .num-list > li em{font-style:normal;width: 18px;height: 18px;border-radius:50%;background: #738591;color: #fff;font-size: 12px;padding-right: 1px;line-height: 19px;display: inline-block;text-align: center;margin-right: 3px;position: absolute;left: 0;top: 4px;} .info-y-box .num-list > li + li{margin-top:2px;} .info-y-box .num-list > li .list-hyphen>li+li{margin-top:2px;} .info-y-box .num-list > li .list-hyphen{width:100%; padding:5px 0 2px;} .info-y-box .num-list > li .list-hyphen>li{color:#888; /*font-size:15px;*/ font-weight:400;} .check-box{position:relative;margin: 20px auto;text-align:center;} .check-box p{display:flex;justify-content: flex-end;gap:7px;align-items: center;font-size: 17px;letter-spacing: -.5px;line-height: 1.6;color: #535353;padding-right:30px;} .check-box input{} @media (max-width: 767px){ .cont-sec + .cont-sec{margin-top:40px;} .cont-sec.bg{padding:40px 0;} .contTit-big{margin:30px 0 15px;font-size: 24px;} .contTit-ss{font-size:17px;} .ui-topbox .inner{padding:20px ;} .ui-topbox .icon{display:none;} #sub-top .ui-topbox .txtwrap.day3 p{font-size:15px;} #sub-top .ui-topbox .txtwrap.day3 .bis-tit{font-size:16px; margin-right:5px;} .ui-topbox .txtwrap strong{font-size:16px;} .grayBox{border:3px solid #f5f5f5; padding: 20px;} .contTit-big > .eng-tit, .flex-tit .eng-tit, .contTit > .eng-tit{font-size:16px; margin:10px 0; display:block;} .flex-tit{gap: 10px; flex-direction: column; align-items: normal;} .contTit{margin: 20px 0 10px;font-size: 20px;} .contTit-s{margin: 20px 0 10px;font-size:19px;} p.txt{font-size:15px;} .p-txt{font-size:17px;} p.txtSt1{line-height:1.6; font-size:16px;} .txt-bold{font-size:16px;} .list-Dot > li{padding-left:10px;font-size: 15px;} .list-Dot > li:before{top:9px;} .list-hyphen > li{padding-left:7px;font-size: 15px;} .list-hyphen > li:before{top:10px; width:3px;} .list-Dot > li+li, .list-hyphen>li + li{margin-top:2px;} .list-Dot > li .list-hyphen>li+li{margin-top:3px;} .list-Dot > li .list-hyphen{padding:5px 0 2px;} .list-Dot > li .list-hyphen>li{font-size: 14px;} .list-Dot > li .table_con_wrap{margin-top:5px;} .list-Dot > li .table-wrap{margin-top:5px;} .class-list > li {font-size: 15px;} .info-y-box{border-radius:15px; padding:10px;} .info-y-box .in-fo{padding-left:30px; font-size:15px; line-height:1.5;} .info-y-box .in-fo i{font-size:22px; top:1px;} .info-y-box p b{font-size:15px;} .y-box{border-radius:15px; padding:20px;} .y-box p.y-txt{padding-left:30px; font-size:15px; line-height:1.5;} .y-box .in-fo i{font-size:22px; top:1px;} .y-box p.y-txt b{font-size:15px;} .info-y-box .in-box{padding:15px; border-radius:10px;} .info-y-box .num-list > li{font-size:15px;} .point-info{font-size:15px;} .point-info:before{top:2px; font-size:16px;} .list-point > li{font-size: 14px;line-height:1.4;} .list-point > li:before{top:-5px;} .unline{font-size:16px;} ul.h-bold-list > li {font-size: 16px;} ul.h-bold-list > li + li{margin-top:5px;} ul.h-bold-list > li > ul.list-hyphen{margin-top:5px;} ul.h-bold-list > li > ul.list-hyphen > li{font-size: 15px;} } .sub-tab2{position:relative; display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center;} .sub-tab2 li{position:relative;background:#fff; border:1px solid #e1e1e1; cursor:pointer; margin-top:-1px; margin-left:-1px;} .sub-tab2 li:first-child{border-radius:15px 0 0 0;} .sub-tab2 li:last-child{border-radius:0 15px 0 0;} .sub-tab2.tab2 li{width:calc(50% - 1px);} .sub-tab2.tab3 li{width:calc(33.333333333% - 0px);} .sub-tab2.tab4 li{width: calc(25.06% - 0px);} .sub-tab2.tab5 li{width:calc(20% - 1px);} .sub-tab2.tab6 li{width:calc(16.66% - 1px);} .sub-tab2 li:first-child{border-left:1px solid #ddd;} .sub-tab2 li span{display:table;width:100%;height:55px;} .sub-tab2 li span em{ word-break:keep-all; padding:0 45px 0 35px; height:100%; display:table-cell; vertical-align:middle; color:#5b5e66; font-size:18px; font-family:'S-CoreDream-5Medium'; line-height:1; letter-spacing:.5px; text-align:left; font-style:normal; font-weight:normal; } .sub-tab2 li.active{border: 1px solid #4A5677;background: #4A5677;} .sub-tab2 li.active em{color:#fff;} .sub-tab2 li em:before{content:"\ea6e"; display:inline-block; font-family:'remixicon'; position:absolute; top:50%; right:20px; font-size:28px; transform:translateY(-50%);} .sub-tab2 li.active em:before{content:"\ea4e";} .color-tab{font-family: 'SBAggro';position:relative;display:flex;flex-wrap:wrap;margin-bottom: 60px;background: #f9f7f7;} .color-tab li{display:block;position:relative;margin-left:-1px;margin-top:-1px;height:100%;min-height: 70px;height:auto;line-height:1.5;} .color-tab-one.tab2 li, .color-tab.tab2 li{width:calc(50% + 1px);} .color-tab-one.tab3 li, .color-tab.tab3 li{width:calc(33.33% + 1px);} .color-tab-one.tab4 li, .color-tab.tab4 li{width:calc(25% + 1px);} .color-tab-one.tab5 li, .color-tab.tab5 li{width:calc(20% + 1px);} .color-tab-one.tab6 li, .color-tab.tab6 li{width:calc(16.66666666666667% + 1px);} .color-tab li:first-child a{border-radius:10px 0 0 10px;} .color-tab li:last-child a{border-radius:0 10px 10px 0;} .color-tab li a{position:relative; display:table; table-layout:fixed; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; background:#fff; font-weight:500; color:#222; transition:all .1s;} .color-tab li a span{display:table-cell;vertical-align:middle;width:100%;height:100%;padding: 16px 15px;line-height: 1.2;font-weight: 500;font-size: 20px;text-align: center;} .color-tab li.on a{color:#fff;background: #253369;border-color: #253369;} .color-tab li a:focus, .color-tab li a:hover{border-color: #253369;color: #253369;text-decoration: none;z-index:2;} .color-tab li.on a:focus, .color-tab li.on a:hover{color:#fff;} .color-tab-one{font-family: 'SBAggro';position:relative;display:flex;flex-wrap:wrap;margin-bottom:40px;background: #f9f7f7; border-radius:10px;} .color-tab-one li{display: table;position:relative;margin-left:-1px;margin-top:-1px;height:100%;min-height: 70px;height:auto;line-height:1.5;} .color-tab-one li span{position:relative;display: table-cell;table-layout:fixed;width:100%;height:100%;cursor: pointer;font-size: 20px;border:1px solid #ddd;box-sizing:border-box;background:#fff;font-weight:500;color:#222;vertical-align: middle;text-align: center;transition:all .1s;} .color-tab-one li span em{cursor:pointer;font-style:normal;display:table-cell;vertical-align:middle;width:100%;height:100%;padding: 16px 15px;line-height: 1.2;font-size: 22px;font-weight: 500;text-align: center;} .color-tab-one li.active span{color:#fff;background:#253369; border-color:#253369;} .color-tab-one li span:focus, .color-tab-one li span:hover{border-color:#253369; color:#253369; z-index:2;} .color-tab-one li:first-child span{border-radius:10px 0 0 10px;} .color-tab-one li:last-child span{border-radius:0 10px 10px 0;} .color-tab-one li.active span:focus, .color-tab-one li.active span:hover{color:#fff;} .cont-view{display:none; position:relative;} @media (max-width: 767px){ .color-tab li, .color-tab-one li {min-height: auto;} .color-tab li a span, .color-tab-one li span, .color-tab-one li span em{padding:15px; font-size: 16px;} .color-tab-one {margin-bottom: 30px;} } @media (max-width: 420px){ .color-tab-one.tab2 li, .color-tab.tab2 li, .color-tab-one.tab3 li, .color-tab.tab3 li, .color-tab-one.tab5 li, .color-tab.tab5 li{width:100%;} .color-tab-one li:first-child span{border-radius:10px 10px 0 0;} .color-tab-one li:last-child span{border-radius:0 0 10px 10px;} .color-tab-one li:first-child.active span{border-radius:10px 10px 0 0;} .color-tab-one li:last-child.active span{border-radius:0 0 10px 10px;} } .vs-tabs{} .vs-tabs ul{display:flex;width: 90%;white-space: nowrap;justify-content:center;padding-bottom: 20px;margin: 0 auto;flex-wrap: wrap;row-gap: 20px;} .vs-tabs ul li{position:relative;flex:0 0 auto; line-height:1; } .vs-tabs ul li + li{margin-left:70px;} .vs-tabs ul li + li:before{content:''; width:1px; height:20px; background: #ddd; position:absolute; left:-35px; top:2px;} .vs-tabs ul li a{font-size: 22px; color: #999; text-decoration:none;} .vs-tabs ul li a:focus{outline: none;} .vs-tabs ul li a:hover, .vs-tabs ul li.on a{color:#111; font-weight: 700;} .vs-tabs ul li.on a:before{content:'';width:100%;height:3px;background:#00e9cc;position:absolute;left:0;bottom:-8px;} .vs-tabs ul li a:hover:before{content:""; width:100%; height:3px; background:#00e9cc; position:absolute; left:0; bottom:-8px; animation:strach .3s;} @keyframes strach { 0% {transform: scaleX(0);} 100% {transform: scaleX(1);} } @media (max-width: 1300px){ } @media (max-width: 1240px){ } @media (max-width: 1170px){ } @media (max-width: 1024px){ } @media (max-width: 767px){ .vs-tabs ul{ position: relative; display: flex; flex-wrap: wrap; background: #f9f7f7; row-gap: 0; text-align: center; white-space: nowrap; justify-content:flex-start; padding-bottom:0px; width:100%; } .vs-tabs ul li{width: calc(33.33% + 1px);display:block;position:relative;margin-left:-1px;margin-top:-1px;height:100%;min-height:50px;height:auto;line-height:1.5;} .vs-tabs ul li + li {margin-left:-1px;} .vs-tabs ul li + li:before{display:none;} .vs-tabs ul li:first-child{} .vs-tabs ul li a{font-size: 18px; position:relative; display:table; table-layout:fixed; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; background:#fff; font-weight:500; color:#222; transition:all .1s;} .vs-tabs ul li a:hover:before{display:none;} .vs-tabs ul li.on a:before{display:none;} .vs-tabs ul li.on a:before, .vs-tabs ul li a:focus:before, .vs-tabs ul li a:hover:before{right:26px;} .vs-tabs ul li a:after{content:""; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; z-index:2; width:auto; height:auto; transition:0.3s;} .vs-tabs ul li a span{display:table-cell;vertical-align:middle;width:100%;height:100%;padding: 10px 5px 7px 5px; font-size: 16px;line-height: 1.2;text-align: center;} .vs-tabs ul li.on a{color:#fff;background:#00b29c;border-color:#00b29c;} .vs-tabs ul li a:focus, .vs-tabs ul li a:hover{border-color:#00b29c; color:#00b29c; z-index:2;} .vs-tabs ul li.on a:focus, .vs-tabs ul li.on a:hover{color:#fff;} } @media (max-width: 640px){ } @media (max-width: 580px){ .vs-tabs ul li{width: calc(50% + 1px);} } @media (max-width: 340px){ .vs-tabs ul li{width:100%;} } /* -------------------------------- sub1_1 : 이사장 인사말 -------------------------------- */ #greeting{position: relative;min-width: 280px;margin: auto;font-family: 'SBAggro';font-weight: 300;max-width: 1500px;display: flex;padding: 0 0 300px;} #greeting .imgbox1{position: relative;display:block;/* float:left; */width:540px;padding:0 60px 50px 0;box-sizing:border-box;} #greeting .imgbox1 .img1cont1{position: relative;width:440px;height:560px;} #greeting .imgbox1 .img1cont1:before{position: absolute;display: block;content:"";left:-210px;bottom:-40px;width:580px;height:500px;background: linear-gradient(45deg, #ff8500 0%, #ffd38a 100%);border-radius:0 300px 300px 0;} #greeting .imgbox1 .img1cont1 .wrap1{position: relative;display: block;overflow:hidden;width:100%;height:100%;box-shadow:10px 10px 40px rgba(0,0,0,.15);border-radius: 20px 60px;padding:0;border:0;} #greeting .imgbox1 .img1cont1 .wrap1{max-width:100%;} #greeting .imgbox1 .mayor1name1{display: flex;margin:60px 40px 0 0;padding:0 0 5px 0;border-bottom: 1px solid #26293d;text-align:right;align-items: flex-end;flex-direction: column;gap: 10px;} #greeting .imgbox1 .mayor1name1 .name1t1{font-size:18px;font-weight: 500;color: #4a4f66;padding:0;} #greeting .imgbox1 .mayor1name1 .name1t2{font-size:42px;font-weight: 500;color:#000;} #greeting .greeting1text1{position: relative;display: block;/* float:left; */width:calc(100% - 540px);} #greeting .greeting1text1 .t1{display: block;margin: 0 0 30px 0;font-size:42px;font-weight: 500;color: #f68d1d;line-height:1.25;} #greeting .greeting1text1 .t1 span{color:#0069a6;font-weight: 500;} #greeting .greeting1text1 .t2{display: block;margin: 0 0 30px 0;font-size: 28px;font-weight:500;color: #26293d;line-height: 1.5;text-align: justify;} #greeting .greeting1text1 .t3{display: block;font-size:20px;margin:0 0 30px 0;color: #4a4f66;/* font-weight: 400; */text-align: justify;line-height: 1.6;/* font-family: 'Pretendard'; */} #greeting .RollTxt{position:absolute;bottom: 100px;width: 100vw;left:50%;margin-left: -50vw;white-space:nowrap;overflow:hidden;z-index: -1;} #greeting .RollTxt .flow-text{display:flex;white-space:nowrap;transition:0.3s;} #greeting .RollTxt .flow-wrap{animation:textLoop 20s linear infinite;display: flex;align-items: center;font-size: 160px;text-transform:uppercase;font-family: 'SBAggro';font-weight: bold;background-image: linear-gradient(to top, rgb(243 248 251), rgb(243 248 251 / 64%), rgb(243 248 251 / 0%));background-clip: text;-webkit-background-clip: text;color: transparent;letter-spacing: 0;} @keyframes textLoop{ 0%{-webkit-transform:translate3d(0%, 0, 0); transform:translate3d(0%, 0, 0);} 100% {-webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0);} } @media (max-width: 1170px){ #greeting {flex-direction:column-reverse; align-items: center;padding: 0 0 80px;} #greeting .greeting1text1{width:100%;} #greeting .imgbox1 .mayor1name1 {margin: 60px 0px 0 0;} #greeting .imgbox1 .img1cont1{width:100%;height:auto;} #greeting .imgbox1 .img1cont1:before {display:none;} #greeting .imgbox1 {width: auto; padding: 0;} } @media (max-width: 767px){ #greeting {min-width: auto;} #greeting .imgbox1 {width: 100%; max-width: 540px;} #greeting .imgbox1 .img1cont1 .wrap1 {border-radius: 20px 40px;} #greeting .imgbox1 .img1cont1 .wrap1 img{max-width:100%; width:100%;} #greeting .imgbox1 .mayor1name1 {margin: 30px 0px 0 0; align-items: center; flex-direction: column; gap: 10px; text-align: center;} #greeting .greeting1text1 .t1{font-size:28px;margin: 0 0 20px 0;} #greeting .greeting1text1 .t2 {margin: 0 0 20px 0; font-size: 20px;} #greeting .greeting1text1 .t3 {font-size: 18px; margin: 0 0 20px 0;} #greeting .imgbox1 .mayor1name1 .name1t2 {font-size: 28px;} } /* -------------------------------- sub1_2 : 재단연혁 -------------------------------- */ .history{position:relative;} .history .top-box{position:relative;margin: 0 0 80px;} .history .top-box .img{overflow:hidden; display:flex; position:relative; border-radius:30px;} .history .top-box .img > img{max-width:100%;} .history .top-box .img .pc{} .history .top-box .img .mo{display:none;} .history .top-box .tit{position:absolute;right: 0;bottom: -30px;width: 40%;padding: 49px 54px 40px 54px;border-radius:30px 30px 30px 60px;background: linear-gradient(270deg, #f78f1e 0%, #fbba4f 100%);} .history .top-box .tit:before{content:""; position:absolute; right:30px; bottom:-10px; width:143px; height:186px; background:url("/images/sub/gre_bg.png") no-repeat 0 0; background-size:100%;} .history .top-box .tit span{position:relative;line-height:1.3;font-weight:normal;letter-spacing:0;font-family: 'SBAggro';color:#fff;} .history .top-box .tit span:before{content:"";position:absolute;left:-12px;top:-10px;width:7px;height:7px;border-radius:50%;background: #fffece;} .history .top-box .tit span small{display:block;margin-bottom: 10px;color: #fffece;font-size:18px;font-family: 'SBAggro';font-weight: 500;} .history .top-box .tit span big{display:block;font-size: 30px;font-weight: 500;margin-bottom: 20px;} .history .top-box .tit span big strong{font-weight: 500;} .history .top-box .tit p{font-family: 'Paperlogy';font-size: 18px;letter-spacing: 0;font-weight: 500;line-height: 1.6;word-break: keep-all;} .history .hisList{display:flex;flex-wrap: wrap;gap: 30px 40px;} .history .hisList > li{max-width: 267px; border: 1px solid #e9e9e9; border-radius: 20px; padding: 15px; flex: 1 1 20%; font-family: 'SBAggro';} .history .hisList .ceoBox{position: relative; display: flex;} .history .hisList .ceoBox .img{border-radius: 10px; overflow: hidden; width: 78px; height: 100px;} .history .hisList .ceoBox .img img{max-width:100%;} .history .hisList .ceoBox .ceo-info{width: calc(100% - 78px); padding: 0 0 0 20px; height: 100%;} .history .hisList .ceoBox .ceo-info .count{display: block; color: #9b6116; margin-bottom: 10px; margin-top: 10px; font-size: 16px; font-weight: 500;} .history .hisList .ceoBox .ceo-info .name{display: block; color: #212121; font-weight: 500; font-size: 21px;} .history .hisList .ceoBox .ceo-info .date{display: block; color: #666; font-size: 13px; font-weight: 300; margin-top: 5px;} @media (max-width: 1420px){ .history .top-box .img .pc{display:none;} .history .top-box .img .mo{display:block;} .history .top-box .tit {position: relative; right: auto; bottom: auto; width: 100%;} } @media (max-width: 1240px){ } @media (max-width: 1170px){ } @media (max-width: 1024px){ } @media (max-width: 767px){ .history .top-box .img{border-radius:20px;} .history .top-box .tit {padding: 25px; text-align: center; border-radius: 20px;} .history .top-box .tit span small {display: inline-block;margin-bottom: 10px;font-size: 16px;} .history .top-box .tit span big {font-size: 24px; margin-bottom: 10px;} .history .top-box .tit p {font-size: 16px;} .history .hisList {gap: 20px; flex-direction: column; align-items: center;} } @media (max-width: 640px){ } @media (max-width: 520px){ } /* -------------------------------- sub1_3 : 임원소개 -------------------------------- */ .mem{position:relative;} /* -------------------------------- sub1_4 : 직원소개 -------------------------------- */ /* -------------------------------- sub1_5 : 찾아오시는길 -------------------------------- */ #contact{position:relative; padding-bottom:160px;} #contact .MapBox{display: flex; justify-content: space-between;} #contact .MapBox .mapWr{border-radius: 30px 0 30px 30px;overflow: hidden;border: 1px solid #e3e3e3;position: relative;width: calc(100% - 440px);} #contact .MapBox .mapWr iframe{width:100%; height:100%;} #contact .MapBox .map-info-box{padding: 40px 50px; background:#fff; border-radius: 0 30px 30px 30px; box-shadow: 0 5px 10px #3743591A; box-sizing: border-box; width: 440px;} #contact .MapBox .map-info-box .mapTit{font-family: 'SBAggro';color: #f68d1d;font-weight: 500;font-size: 28px;line-height: 1.3;} #contact .MapBox .map-info-box .location-tit {position: relative;margin: 10px 0 20px;} #contact .MapBox .map-info-box .location-tit i {font-size: 24px;color: #253369;position:absolute;left:0;top: 4px;font-weight: normal;} #contact .MapBox .map-info-box .location-tit p{font-size: 20px;letter-spacing: 0;color: #253369;font-weight: 600;line-height:1.5em;padding-left: 32px;font-family: 'Paperlogy';} #contact .MapBox .map-info-box .loca-txt{display:block;font-size: 16px;font-weight: 500;line-height:1.5;margin-top:10px;opacity: .7;color: #000;} #contact .MapBox .map-info-box .loca-info-list {position: relative;} #contact .MapBox .map-info-box .loca-info-list .loca-item {display:flex;color: #253369;} #contact .MapBox .map-info-box .loca-info-list .loca-item dl {display:flex;align-items: flex-start;font-family: 'Paperlogy';} #contact .MapBox .map-info-box .loca-info-list .loca-item i {font-size: 15px;line-height: 2;font-weight: 400;margin-right: 18px;position:absolute;left:0;font-weight: normal;} #contact .MapBox .map-info-box .loca-info-list .loca-item dl dt {font-size: 16px;line-height: 2;font-weight: bold;margin-right: 18px;padding-left: 30px;} #contact .MapBox .map-info-box .loca-info-list .loca-item dl dd {font-size:16px;line-height: 2;font-weight: bold;} #contact .MapBox .map-info-box .loca-info-list .loca-item dl dd a{color:inherit;} #contact .MapBox .map-info-box .loca-info-list .loca-item dl dd br{display:none;} #contact .map-btn{ position: relative; border-radius:15px; width:100%; min-width: 140px; padding: 15px; font-size: 20px; font-weight: 500; line-height: 1.2; text-align: left; vertical-align: top; box-sizing: border-box; display:flex; overflow: hidden; font-family: 'SBAggro'; background: linear-gradient(to left, #ff8500 0%, #ffd38a 50%, #ff8500 100%); color: #fff; background-size: 200% auto; transition: all .5s ease; align-items: center; justify-content: center; margin-top:20px; } #contact .map-btn:hover {transform:translateY(-4px);background-position:right center;background-size:200% auto;box-shadow: 0 10px 20px rgb(243 148 45 / .2);} #contact .map-btn span{} #contact .map-btn i{} #contact .loca-list{margin-top: 40px; position: relative;} #contact .loca-list ul{} #contact .loca-list > ul > li{display:flex; padding:50px 0 50px 40px;} #contact .loca-list > ul > li + li{border-top: 1px dotted #ddd;} #contact .loca-list .icon{width: 180px;text-align:center;display:flex;flex-direction:column;align-items:center;font-size: 24px;font-weight: 500;color: #253369;font-family: 'SBAggro';} #contact .loca-list .icon i{font-size:70px;margin-top:10px;font-weight: normal;} #contact .loca-list .txt-wrap{width: calc(100% - 180px);padding-left:100px;} #contact .loca-list .txt-wrap > dl{position: relative;font-size:17px;color:#555;font-weight:400;line-height:1.8;word-break:keep-all;display:flex;flex-wrap: wrap;} #contact .loca-list .txt-wrap > dl + dl{margin-top:20px;} #contact .loca-list .txt-wrap > dl > dt{font-weight: 600;color: #0067db;display:inline-block;font-size:19px;letter-spacing:-.5px;width: 160px;} #contact .loca-list .txt-wrap > dl > dd{width:calc(100% - 200px);font-weight: 500;} #contact .loca-list .txt-wrap p{} #contact .d-title2{font-weight: 500;font-family: 'SBAggro';display:block;font-size: 21px;letter-spacing: -1px;margin-bottom: 15px;color: #26293d;} #contact .bus{} #contact .bus .place{} #contact .bus .place > a{font-size: 18px;font-weight: 600;text-decoration: underline;letter-spacing: -.5px;color: #666;} #contact .bus .route strong{margin-right:10px;display:inline-block;width:51px;height:23px;line-height:23px;color:#fff;font-size:14px;background:#3b83c6;border-radius:3px;text-align:center;font-weight:normal;} #contact .bus .route li{margin-top:15px;font-size:16px;color:#666;} #contact .bus .route li:nth-child(2) strong{background:#aacd06;} #contact .subway{} #contact .station li{margin-top:15px;font-size:16px;color:#333;letter-spacing:-1px;} #contact .station li:first-child{margin-top:0;} #contact .station li img{margin-right:25px;} #contact .loca-list a:hover{text-decoration:underline;} #contact .cont-view .mapWr{display:flex;} #contact .cont-view .bus-info{width:calc(100% - 830px);padding: 20px 40px 0 0;} #contact .cont-view .img{width:830px; border-radius:20px 20px 20px 60px; overflow:hidden; box-shadow: 0 5px 10px #3743591A;} #contact .cont-view .img img{max-width:100%;} #contact ul + .d-title2{margin-top:40px;} #contact .cont-view .list-Dot b{color: #333;} @media (max-width: 1170px){ #contact {padding-bottom: 60px;} #contact .loca-list > ul > li {padding: 40px 0; flex-direction: column;} #contact .loca-list .icon {width: 100%; flex-direction: row-reverse; align-items: center; justify-content: flex-end; gap: 10px; margin-bottom: 15px;} #contact .loca-list .icon i {font-size: 34px; margin-top: 0;} #contact .loca-list .txt-wrap {width: 100%; padding-left: 0;} #contact .cont-view .mapWr {flex-direction: column; gap: 20px;} #contact .cont-view .bus-info {width: 100%; padding: 0;} #contact .cont-view .img {width: 100%;} } @media (max-width: 980px){ #contact .MapBox {flex-direction: column; align-items: center;} #contact .MapBox .mapWr{height:300px; width:100%; border-radius: 20px 20px 0 0;} #contact .MapBox .map-info-box {border-radius: 0 0 20px 20px; width: 100%;} } @media (max-width: 767px){ #contact {padding-bottom: 40px;} #contact .MapBox .map-info-box{padding:20px;} #contact .MapBox .map-info-box .mapTit {text-align:center; font-size: 22px;} #contact .loca-list .icon{ justify-content: center;} #contact .MapBox .map-info-box .loca-info-list .loca-item dl {flex-direction: column;} #contact .MapBox .map-info-box .loca-info-list .loca-item dl dd {padding: 0 0 0 31px;} #contact .MapBox .map-info-box .location-tit p {font-size: 17px; padding-left: 26px;} #contact .MapBox .map-info-box .location-tit i {font-size: 18px;} #contact .MapBox .map-info-box .loca-txt {font-size: 14px; margin-top: 5px;} #contact .map-btn{font-size:16px;} } /* -------------------------------- sub2_1 : 주요핵심사업기금 -------------------------------- */ #dona{position:relative;/* padding-bottom:160px; */} #dona .cb{} #dona .cb .cbList{display: flex;gap: 60px 40px;flex-wrap: wrap;height: 100%;} #dona .cb .cbList > li{/* flex: 1; */max-width: 345px;position: relative;padding-bottom: 60px;} #dona .cbItem{display: block;} #dona .cbItem .imgWr{box-shadow: 10px 10px 40px rgba(0, 0, 0, .15);position: relative;background: #fff;border-radius: 20px;overflow: hidden;} #dona .cbItem .imgWr a.down{display: block; width: 100%; height: 100%;} #dona .cbItem .imgWr .detail-btn{z-index:5;transition: .2s ease-out;position: absolute;background: linear-gradient(270deg, #f78f1e 0%, #fbba4f 100%);width: 120px;height: 120px;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #fff;font-family: 'SBAggro';font-weight: 500;left: 50%;top: 50%;transform: translate(-50%, -0%);opacity:0;} #dona .cbItem .imgWr img{transition: .8s ease-out;aspect-ratio: 5 / 7;max-width: 100%;} #dona .cbItem .imgWr:hover .detail-btn{transform: translate(-50%, -50%) scale(1.15); box-shadow: 1px 20px 20px rgb(243 148 45 / .2); opacity:1;} #dona .cbItem .imgWr:hover img{transform: scale(1.15);opacity:.5; filter:brightness(0.70);} #dona .cbItem .txtWr{display: block;} #dona .cbItem .txtWr .cbTit{position: relative; height: calc(100% - 60px);} #dona .cbItem .txtWr .cbTit > p{font-family: 'SBAggro';font-weight: 500;font-size: 24px;padding:30px 0;color: #26293d;text-align:center;-webkit-text-stroke: 0.4px #26293d;word-break: keep-all;display: flex;justify-content: center;align-items: center;} #dona .cbItem .txtWr .give-btn{display: block;position: absolute;height: 60px;bottom: 0;width: 100%;} #dona .cbItem .txtWr .give-btn span{transition: .2s ease-out;width: 100%; height: 100%; border-radius: 15px; border: 1px solid #f08200; display: flex; justify-content: center; align-items: center; font-family: 'SBAggro'; font-weight: 500; font-size: 19px; gap: 5px; color: #f08200; line-height:1;} #dona .cbItem .txtWr .give-btn span i{font-size:24px;} #dona .cbItem .txtWr .give-btn:hover span{background:#f08200;color:#fff;} #dona .bnr-btn{opacity:1;transition: .3s ease-out;font-family:'Paperlogy';color:#fff;position:absolute;right: 0;bottom: 0;background:#dbaf7f;z-index: 10;font-size: 14px;border-radius: 10px;width: 60px;height: 31px;display: inline-flex;justify-content: center;align-items: center;} #dona .bnr-btn:hover{background:#f68d1d;} @media (max-width: 1300px){ } @media (max-width: 1240px){ } @media (max-width: 1170px){ } @media (max-width: 1024px){ } @media (max-width: 767px){ #dona .cb .cbList {justify-content: center;} #dona .cbItem .txtWr .give-btn{height: 50px;} #dona .cbItem .txtWr .give-btn span {border-radius: 10px; font-size: 17px; padding: 3px 0 0 0;} } @media (max-width: 640px){ } @media (max-width: 520px){ } /* -------------------------------- sub2_2 : 주요핵심사업기금 -------------------------------- */ #dona .dona-pro{} #dona .dona-pro .proList{display: flex;gap: 80px 60px;flex-wrap: wrap;height: 100%;justify-content: center;} #dona .dona-pro .proList > li{/* flex: 1; */width: 460px;position: relative;} #dona .proList .proItem{font-family: 'SBAggro';/* width: 100%; */max-width: 460px;position: relative;} #dona .proList .proItem .bubble{position:relative;padding:40px 45px;width: 100%;min-height: 280px;height: auto;border-radius: 20px;background: #fff;box-shadow: 0px 20px 45px rgba(83, 83, 83, .15);margin-bottom: 50px;transition: .15s ease-out;} #dona .proList .proItem .bubble .sTit{transition: .15s ease-out;display: flex;justify-content: space-between;line-height: 0;align-items: center;position: relative;margin-bottom: 20px;} #dona .proList .proItem .bubble .sTit .ta{color:#28303d;font-size: 17px;font-weight: 500;line-height: 1;display: flex;align-items: center;gap: 10px;} #dona .proList .proItem .bubble .sTit .ta i{width:30px;height:30px;display: inline-flex;background:#000;color:#fff;border-radius:50%;justify-content: center;align-items: center;font-weight: normal;font-size: 15px;} #dona .proList .proItem .bubble .sTit .amt{transition: .15s ease-out;font-size: 18px;font-weight: 300;display: inline-flex;align-items: flex-end;gap: 5px;color: #28303d;} #dona .proList .proItem .bubble .sTit .amt strong{font-size: 24px;} #dona .proList .proItem .bubble .bTit{transition: .15s ease-out;font-weight: 500;font-size: 24px;color:#000;height: 60px;display: block;overflow: hidden;margin-bottom: 15px;} #dona .proList .proItem .bubble .txt{transition: .15s ease-out;color:#28303d;font-size:16px;font-weight:300;opacity: .8;} #dona .proList .proItem .bubble .more-btn{transition: .15s ease-out;width:62px;height:62px;background:#f78f1e;font-size:14px;color:#fff;display:inline-flex;border-radius:50%;justify-content: center;align-items: center;line-height: 1.2;padding: 5px 0 0 0;font-weight: 500;position: absolute;right: 25px;bottom: -25px;} #dona .proList .proItem .prog{display: flex; align-items: center; gap: 15px; margin: 10px 0;} #dona .proList .proItem .prog .bar{overflow: hidden; background: #e3e3e3; height: 5px; width: 100%; display: inline-block; border-radius: 10px;} #dona .proList .proItem .prog .bar .pb{background:#000; border-radius: 10px; height:100%; display:block;}/*프로그레스바*/ #dona .proList .proItem .prog .num{color: #000;} #dona .proList .proItem .prog .num strong{font-size: 20px;} #dona .proList .proItem .prog .num strong em{font-size: 15px; font-weight: 500;} #dona .proList .proItem .info{display: flex; justify-content: space-between;} #dona .proList .proItem .info .per{font-size: 16px; font-weight: 500; display: flex; align-items: center; line-height: 1; gap: 10px;} #dona .proList .proItem .info .per i{color: #ddd; font-size: 24px; font-weight: normal;} #dona .proList .proItem .info .state{position: relative; display: inline-flex; flex-direction: column; padding-left: 30px; margin-left: 30px;} #dona .proList .proItem .info .state:before{background:#f5f5f5; height:20px; width:2px; position:absolute; left:0; top:50%; content:"";transform: translate(0%, -50%);} #dona .proList .proItem .info .state .det{font-size: 18px; font-weight: 500;} #dona .proList .proItem .info .state .det i{} #dona .proList .proItem .info .state .det.og{color: #263564;}/* 모금 진행중 */ #dona .proList .proItem .info .state .det.cp{color: #929eae;}/* 모금 완료 */ #dona .proList .proItem:hover .bubble{transform: translateY(-10px);background: linear-gradient(270deg, #f78f1e 0%, #fbba4f 100%);box-shadow: 0px 20px 45px rgb(243 148 45 / .2);} #dona .proList .proItem:hover .bubble .more-btn{background:#000;} #dona .proList .proItem:hover .bubble .sTit .ta, #dona .proList .proItem:hover .bubble .bTit, #dona .proList .proItem:hover .bubble .sTit .amt, #dona .proList .proItem:hover .bubble .txt{color:#fff;} #dona .proView{position:relative;} #dona .proView .viewTop{position:relative;display:flex;justify-content: flex-end;} #dona .proView .imgItem{ width: 540px; position: relative; /* 초기값은 absolute */ top: 0; left: 0; padding-right: 70px; font-family: 'SBAggro'; will-change: top; transition: none !important; transition: top 0.2s ease-out, left 0.2s ease-out; } #dona .proView .imgItem .imgWr{background: #eee; border-radius: 20px; text-align: center; min-height: 250px; display: flex; justify-content: center; align-items: center;} #dona .proView .imgItem .imgWr img{max-width:100%;} #dona .proView .imgItem .sTit{transition: .15s ease-out;display: flex;justify-content: space-between;line-height: 0;align-items: flex-end;position: relative;width: 100%;margin-bottom: 20px;} #dona .proView .imgItem .sTit .ta{color:#28303d;font-size: 17px;font-weight: 500;line-height: 1;display: flex;align-items: center;gap: 10px;} #dona .proView .imgItem .sTit .ta i{width:30px;height:30px;display: inline-flex;background:#000;color:#fff;border-radius:50%;justify-content: center;align-items: center;font-weight: normal;font-size: 15px;} #dona .proView .imgItem .sTit .amt{transition: .15s ease-out;font-size: 18px;font-weight: 300;display: inline-flex;align-items: flex-end;gap: 5px;line-height: 1;color: #28303d;} #dona .proView .imgItem .sTit .amt strong{font-size: 24px;color: #000;font-weight:500;} #dona .proView .imgItem .flieWr{margin-top: 30px;border-radius: 20px;border: 1px solid #eee;padding: 20px;text-align: center;box-sizing: border-box;} #dona .proView .imgItem .flieWr .file-down{font-size: 18px; font-family: 'Paperlogy'; font-weight: 600;} #dona .proView .imgItem .flieWr .file-down:hover{text-decoration:underline;} #dona .proView .imgItem .btnWr{margin-top: 10px;border-radius: 20px;position: relative;display: block;} #dona .proView .imgItem .btnWr > ul{display:flex;flex-wrap: wrap;gap: 10px;} #dona .proView .imgItem .btnWr > ul > li{flex:1;position: relative;display: block;} #dona .proView .imgItem .btnWr .give-btn{display: block;height: 60px;width: 100%;} #dona .proView .imgItem .btnWr .give-btn span{transition: .2s ease-out;width: 100%; height: 100%; border-radius: 15px; border: 1px solid #f08200; display: flex; justify-content: center; align-items: center; font-family: 'SBAggro'; font-weight: 500; font-size: 19px; gap: 5px; color: #f08200; line-height:1;} #dona .proView .imgItem .btnWr .give-btn span i{font-size:24px;} #dona .proView .imgItem .btnWr .give-btn:hover span{background:#f08200;color:#fff;} #dona .proView .imgItem .progWr{position:relative;margin-top: 20px;} #dona .proView .imgItem .progWr .ing{font-weight:500;color: #ef8100;} #dona .proView .imgItem .prog{display: flex;align-items: center;gap: 15px;margin: 10px 0 10px;} #dona .proView .imgItem .prog .bar{overflow: hidden; background: #e3e3e3; height: 5px; width: 100%; display: inline-block; border-radius: 10px;} #dona .proView .imgItem .prog .bar .pb{background:#000; border-radius: 10px; height:100%; display:block;}/*프로그레스바*/ #dona .proView .imgItem .prog .num{color: #000;} #dona .proView .imgItem .prog .num strong{font-size: 20px;} #dona .proView .imgItem .prog .num strong em{font-size: 15px; font-weight: 500;} #dona .proView .imgItem .info{display: flex; justify-content: space-between;} #dona .proView .imgItem .info .per{font-size: 16px; font-weight: 500; display: flex; align-items: center; line-height: 1; gap: 10px;} #dona .proView .imgItem .info .per i{color: #ddd; font-size: 24px; font-weight: normal;} #dona .proView .imgItem .info .state{position: relative; display: inline-flex; flex-direction: column; padding-left: 30px; margin-left: 30px;} #dona .proView .imgItem .info .state:before{background:#f5f5f5; height:20px; width:2px; position:absolute; left:0; top:50%; content:"";transform: translate(0%, -50%);} #dona .proView .imgItem .info .state .det{font-size: 18px; font-weight: 500;} #dona .proView .imgItem .info .state .det i{} #dona .proView .imgItem .info .state .det.og{color: #263564;}/* 모금 진행중 */ #dona .proView .imgItem .info .state .det.cp{color: #929eae;}/* 모금 완료 */ #dona .proView .proItem{font-family: 'SBAggro';width: calc(100% - 540px);position: relative;} #dona .proView .proItem .bubble{position:relative;padding:40px 45px;/* width: 460px; */min-height: 285px;border-radius: 20px;background: #fff;box-shadow: 0px 20px 45px rgba(83, 83, 83, .15);transition: .15s ease-out;} #dona .proView .proItem .bubble .bTit{transition: .15s ease-out;font-weight: 500;font-size: 30px;color: #fff;display: block;overflow: hidden;margin-bottom: 20px;border-radius: 10px;background: #f08200;padding: 30px 30px 25px 30px;} #dona .proView .proItem .bubble .txt{transition: .15s ease-out;color:#28303d;font-size: 17px;line-height: 1.6;font-weight:300;opacity: .8;} #dona .proView .proItem .bubble .more-btn{transition: .15s ease-out;width:62px;height:62px;background:#f78f1e;font-size:14px;color:#fff;display:inline-flex;border-radius:50%;justify-content: center;align-items: center;line-height: 1.2;padding: 5px 0 0 0;font-weight: 500;position: absolute;right: 25px;bottom: -25px;} #dona .proView .viewBtm{position:relative; margin-top:60px;} #dona .proView .right-btn-wrap{margin: 0 auto 15px;display: flex;justify-content: space-between;align-items: flex-end;} #dona .proView .donor-p{font-family: 'Paperlogy'; font-size: 18px; font-weight: 600; position: relative; padding: 0 0 0 28px; color: #333;} #dona .proView .donor-p i{font-weight: normal; font-size: 22px; color: #9f9f9f; position: absolute; left: 0; top: -1px;} #dona .proView .donor-p b{color: #f68d41; font-weight: bold;} @media (max-width: 1300px){ } @media (max-width: 1240px){ } @media (max-width: 1170px){ #dona .proView .viewTop {flex-direction: column; align-items: center; gap: 40px;} #dona .proView .proItem{width:100%;} #dona .proView .imgItem {width: 100%; padding-right: 0;} #dona .proView .proItem .bubble {padding: 25px;} #dona .proView .proItem .bubble .bTit {font-size: 28px; text-align: center; padding: 20px 20px 18px 20px;} } @media (max-width: 1024px){ } @media (max-width: 767px){ #dona {padding-bottom: 0px;} #dona .dona-pro .proList{gap:40px;} #dona .dona-pro .proList > li{width:100%;} #dona .proList .proItem{width:100%; max-width:100%;} #dona .proList .proItem .bubble{padding:25px; height: 230px; border-radius: 15px;margin-bottom: 20px;} #dona .proList .proItem .bubble .sTit .ta i {width: 25px; height: 25px;} #dona .proList .proItem .bubble .sTit .amt strong{font-size: 18px;} #dona .proList .proItem .bubble .bTit {font-size: 20px; height: 45px;} #dona .proList .proItem .bubble .txt {font-size: 15px;} #dona .proList .proItem .info {flex-direction: column; gap: 10px;} #dona .proList .proItem .info .per {font-size: 14px;} #dona .proList .proItem .info .per i {font-size: 18px;} #dona .proList .proItem .info .state {padding-left: 0; margin-left: 0;} #dona .proList .proItem .info .state:before{display:none;} #dona .proList .proItem .bubble .more-btn{bottom: -10px;} #dona .proView .proItem .bubble {padding: 10px;} #dona .proView .proItem .bubble .bTit {font-size: 20px; padding: 15px;} #dona .proView .respo-table tbody tr td.nb{display:none;} #dona .proView .imgItem .info{flex-direction: column; gap: 10px;} #dona .proView .imgItem .info .per {font-size: 14px;} #dona .proView .imgItem .info .per i {font-size: 18px;} #dona .proView .imgItem .info .state {padding-left: 0; margin-left: 0;} #dona .proView .imgItem .info .state:before{display:none;} #dona .proView .donor-p{font-size:15px;padding: 0 0 0 23px;} #dona .proView .donor-p i{font-size:18px;} } @media (max-width: 640px){ } @media (max-width: 520px){ } /* -------------------------------- sub3_1 : 참여방법 -------------------------------- */ #dona .how-to{position: relative; padding-bottom:160px;} #dona .how-to .cont-sec{position: relative;} #dona .how-to .off-line{} #dona .how-to .cont-sec:before{content: '';z-index: -1;display: block;position: absolute;bottom: 0;left: 50%;width: 80vw;height: calc(100% - 300px);margin-left: -50vw;background-color: #f2f3fa;border-radius: 0 200px 200px 0;} #dona .how-to .rollT{color:#fbfbfc; z-index:-1; position:absolute;font-size:200px; font-weight:bold; font-family: 'SBAggro', sans-serif;} #dona .how-to .rollT.off{right:-250px; top:-40px;} #dona .how-to .rollT.on{left:-250px; top:-40px;} #dona .how-to .top-area{position: relative;line-height: 0;display:flex;} #dona .how-to .top-area:before{/* content: ''; */display: block;position: absolute;right: 0;bottom: 0;width: 90%;height: 312px;background-color: #fff;border-radius: 150px;box-shadow: 16px 25px 60px 0px rgba(32, 54, 121, 0.08);} #dona .how-to .top-area .photo{position:relative;width: 330px;z-index: 5;} #dona .how-to .top-area .photo span{overflow: hidden;border-radius: 50%;display: block;height: 330px;box-shadow: 16px 26px 80px 0px rgba(32, 54, 121, 0.08);margin-bottom: 25px;} #dona .how-to .top-area .photo span img{max-width: 100%;} #dona .how-to .top-area .cont-area{position: relative;width: calc(100% - 330px);padding: 0px 0 110px 80px;font-family: 'SBAggro', sans-serif;} #dona .how-to .top-area .cont-area .title{} #dona .how-to .top-area .cont-area .title .tit{font-size: 56px; line-height: 80px; color: #26293d; font-weight: 500;} #dona .how-to .top-area .cont-area .title .tit span{} #dona .how-to .top-area .cont-area .txt{margin-top: 10px;font-size: 26px;font-weight: 500;line-height: 40px;color: #757b8e;} #dona .how-to .top-area .infor{background-color: #fff;border-radius: 150px;box-shadow: 16px 25px 60px 0px rgba(32, 54, 121, 0.08);padding: 40px 40px 40px 200px;margin-left: -200px;margin-top: 40px;} #dona .how-to .top-area .infor .info-list{display: flex; flex-wrap: wrap; gap: 20px 50px;} #dona .how-to .top-area .infor .info-list .info-item{display: inline-block;position: relative;padding: 6px 0px 6px 80px;vertical-align: top;} #dona .how-to .top-area .infor .info-list .info-item:last-child {margin-right: 0;} #dona .how-to .top-area .infor .info-list .info-item i {display:inline-flex;position: absolute;top: 0;left: 0;width: 60px;height: 60px;color: #fff;font-weight: normal;font-size: 22px;border-radius: 50%;background: linear-gradient(0.87turn, #fcb516 0%, #ee7224 60%, #d3222b 100%);background-repeat: no-repeat;justify-content: center;align-items: center;} #dona .how-to .top-area .infor .info-list .info-item.addr{} #dona .how-to .top-area .infor .info-list .info-item .tit{font-size: 18px; line-height: 27px; font-weight: 500; color: #26293d;} #dona .how-to .top-area .infor .info-list .info-item .txt{font-size: 17px;line-height: 27px;color: #4a4f66;margin-top: 0;font-weight: 600;font-family: 'Paperlogy';} #dona .how-to .top-area .infor .info-list .info-item .txt a{color:inherit;} #dona .how-to .top-area .infor .info-list .info-item .txt .tel{} #dona .how-to .link-box{display:flex; gap:10px; margin:25px 0 10px;} #dona .how-to .link-box > a{} #dona .how-to .link-box .down-btn{display:flex;background:#eee;border:1px solid #eee;font-size: 18px;color: rgba(85, 88, 89, 0.8);font-weight: 600;height: 50px;padding:0 28px;display: inline-flex;justify-content: center;align-items: center;line-height: 1;gap: 10px;border-radius: 8px;font-family: 'Paperlogy';transition:.3s;} #dona .how-to .link-box .down-btn:hover{margin-top:-2px; background:#fff; color:#f68d1d; border-color:#f68d1d;box-shadow: 0px 20px 20px #f78f1e21;} #dona .how-to .on-line{} #dona .how-to .on-line:before{margin-right: -50vw;left: auto;right: 50%;border-radius: 200px 0 0 200px;} #dona .how-to .on-line .top-area .cont-area{width: calc(100% - 330px);padding: 50px 80px 110px 00px;} #dona .how-to .on-line .top-area .cont-area .title{padding-left:200px;display:flex;justify-content: space-between;align-items: flex-end;} #dona .how-to .on-line .top-area .cont-area .title > div{} #dona .how-to .on-line .top-area .cont-area .title .on-btn{ background: linear-gradient(90deg, #f78f1e 0%, #fbba4f 100%); font-family: 'SBAggro'; color: #fff; font-size: 24px; font-weight: 500; line-height: 1; position:relative; overflow:hidden; display: inline-flex; justify-content: center; align-items: center; padding: 22px 30px 22px; gap: 10px; border-radius: 15px; transition: .15s ease-out; margin-bottom: 10px; } #dona .how-to .on-line .top-area .cont-area .title .on-btn span{display:flex;position: relative;justify-content: center;align-items: flex-end;line-height: 1;gap: 10px;} #dona .how-to .on-line .top-area .cont-area .title .on-btn i{font-size:28px;line-height:1;} #dona .how-to .on-line .top-area .cont-area .title .on-btn:before{content:"";background: linear-gradient(270deg, #f78f1e 0%, #fbba4f 100%);position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transition: .15s ease-out;} #dona .how-to .on-line .top-area .cont-area .title .on-btn:hover{margin-bottom:20px;box-shadow: 0px 20px 20px #f78f1e21;} #dona .how-to .on-line .top-area .cont-area .title .on-btn:hover:before{opacity:1;} #dona .how-to .on-line .top-area{flex-direction: row-reverse;} #dona .how-to .on-line .top-area .infor{padding: 40px 200px 40px 200px;margin-right: -200px;margin-left: auto;line-height: 1.6;} .warning-tit{position: relative;margin-top: 40px;margin-bottom: 15px;padding-left: 30px;font-size: 20px;line-height: 1;color: #3d4243;font-family: 'SBAggro';font-weight: 500;display: block;word-break: keep-all;} .warning-tit i {display: block;position: absolute;top: -4px;left: 0;font-size: 24px;color: #f78f1e;} .flex-icon-box{position: relative;min-height: 180px;margin-bottom: 50px;padding: 44px 44px 44px 180px;box-shadow: 8px 6px 20px 0 rgba(32, 54, 121, 0.07);margin: 20px 0;border: 1px solid #edeff5;border-radius: 20px;box-sizing: border-box;font-family: 'Paperlogy';background-color: #fff;} .flex-icon-box:before {content:""; display: block; position: absolute; top: 40px; left: 40px; width: 100px; height: 100px; background: #f7f7fc url("/images/sub/4641434.png") no-repeat center / 60px; border-radius: 50%;} .flex-icon-box.icon-how:before{background: #f7f7fc url("/images/sub/4641434.png") no-repeat center / 60px;} .flex-icon-box.icon-bene:before{background: #f7f7f7 url(/images/sub/9005228.png) no-repeat center / 58px;} .flex-icon-box .sub-box{background: #f7f8fb;border-radius: 10px;padding:20px 30px;margin-top:20px;} .flex-icon-box .sub-box ul.list-Dot > li{font-size:16px;} .flex-icon-box .sub-box ul.list-Dot > li:before{background: #c5c5c5;} .gr-line-box{border-radius: 20px 20px 50px 20px;padding: 3px;background: linear-gradient(270deg, #f78f1e 0%, #fbba4f 100%);overflow: hidden;} .gr-line-box .flex-icon-box{position: relative;padding: 35px 40px 40px 200px;background: #fff;border-radius: 17px 17px 47px 17px;margin: 0;} /* 감사합니다 */ .thankyou{position:relative;text-align: center;} .thankyou .inBox{overflow:hidden;background: #f5f0eb;border-radius: 20px;padding: 50px 20px 20px 20px;width: 800px;height: 800px;margin: 0 auto;display: flex;flex-direction: column;justify-content: space-between;position: relative;} .thankyou .inBox:before{content: "";position: absolute;left: 50%;bottom: 105px;background: url("/images/sub/ty_bg.png") no-repeat 50% bottom;width: 37%;height:100%;background-size: contain;pointer-events: none;transform:translate(-50%, 0%);display: block;z-index: 0;} .thankyou .topTxt{position: relative;} .thankyou .titWr{display: flex; flex-direction: column; align-items: center;} .thankyou .titWr small{background: #f68d1d; font-family: 'SBAggro'; position: relative; font-weight: 300; color: #fff; font-size: 22px; border-radius: 100px; line-height: 1; padding: 14px 40px 10px;} .thankyou .titWr small:before, .thankyou .titWr small:after{content:""; position:absolute; top:50%; transform:translate(0%, -50%); width:8px; height:8px; border-radius:50%; background:#fff;} .thankyou .titWr small:before{left:17px;} .thankyou .titWr small:after{right:17px;} .thankyou .titWr big{font-family: 'Cafe24Shiningstar';color: #444;font-size: 80px;font-weight: normal;margin-top: 15px;line-height: 1;} .thankyou .txtWr{display:block;margin-top: 20px;padding: 0 40px;} .thankyou .txtWr > p{font-family:'Paperlogy';font-size:20px;font-weight:500;line-height:1.5;color: #666;} .thankyou .txtWr .c1{font-weight: 700;font-size: 24px;color: #111;} .thankyou .txtWr .c2{font-weight: 700;font-size: 24px;color: #111;} .thankyou .txtWr .pb{display:inline-block;color:#f68d1d;font-size:24px;font-weight:bold;line-height: 1;margin-top: 20px;} .thankyou .txtWr .pb > span{display:inline-block; border-bottom:1px solid #f68d1d;line-height: 1;} .thankyou .txtWr .pb span + span{margin-top:8px;} .thankyou .btmBox{background: #f68d1d;border-radius: 10px;position:relative;padding: 15px;text-align: center;display: flex;flex-direction: column;align-items: center;} .thankyou .btmBox .list-Dot{display:inline-block;} .thankyou .btmBox .list-Dot > li{color:#fff;} .thankyou .btmBox .list-Dot > li:before{background:rgb(255,255,255,.5);} .thankyou .btmBox .list-Dot > li .link-b{text-decoration:underline;font-weight:600;color: #f8ffa2;} .thankyou .btmBox .info{display:inline-flex; color:#fff; gap:20px; margin-top:5px;} .thankyou .btmBox .info dl{display:flex; gap:10px;} .thankyou .btmBox .info dl dt{} .thankyou .btmBox .info dl dd{} @media (max-width: 1300px){ } @media (max-width: 1240px){ } @media (max-width: 1170px){ #dona .how-to{padding-bottom:100px;} #dona .how-to .top-area .cont-area {width: 100%; padding: 0;} #dona .how-to .top-area .photo {width: 300px; position: absolute;} #dona .how-to .top-area .photo span {height: 300px;} #dona .how-to .top-area .cont-area .title {padding: 20px 0 60px 350px;} #dona .how-to .top-area .cont-area .title .tit {font-size: 42px;} #dona .how-to .top-area .cont-area .txt {font-size: 22px; line-height: 1.3;} #dona .how-to .link-box {flex-wrap: wrap;} #dona .how-to .top-area .infor, #dona .how-to .on-line .top-area .infor{border-radius: 30px; margin: 0; padding: 40px;} #dona .how-to .rollT.on {left: 0; top: 0;} #dona .how-to .top-area .infor .info-list {gap: 20px 50px; justify-content: center;} #dona .how-to .on-line .top-area .cont-area {width: 100%; padding: 0;} #dona .how-to .on-line .top-area .cont-area .title {padding-left: 0; justify-content: space-between; align-items: flex-start; flex-direction: column; gap: 20px;} #dona .how-to .top-area .infor, #dona .how-to .on-line .top-area .infor > .contTit{margin-top:0;} } @media (max-width: 1024px){ } @media (max-width: 767px){ #dona .how-to{padding-bottom:60px;} #dona .how-to .top-area .photo{display:none;} #dona .how-to .top-area .cont-area .title {padding: 0 0 10px 0;text-align: center;} #dona .how-to .top-area .cont-area .title .tit {font-size: 28px;line-height: 1.3;} #dona .how-to .top-area .cont-area .txt {font-size: 20px;} #dona .how-to .link-box {gap: 7px; margin: 10px 0;} #dona .how-to .link-box .down-btn {font-size: 16px; height: auto; width: 100%; padding: 10px;} #dona .how-to .top-area .infor, #dona .how-to .on-line .top-area .infor {border-radius: 20px; padding: 20px;} #dona .how-to .top-area .infor .info-list {justify-content: normal;} #dona .how-to .top-area .infor .info-list .info-item {padding: 6px 0px 6px 60px;} #dona .how-to .top-area .infor .info-list .info-item i{width:45px; height:45px;} #dona .how-to .top-area .infor .info-list .info-item .txt {font-size: 16px;} #dona .how-to .on-line .top-area .cont-area .title .on-btn {width: 100%; font-size: 22px; padding: 15px 20px 16px;} .flex-icon-box, .gr-line-box .flex-icon-box{padding:20px;} .flex-icon-box:before {position: relative; top: auto; left: auto; margin: 0 auto 10px;} .flex-icon-box .sub-box{padding:15px;} } @media (max-width: 640px){ } @media (max-width: 520px){ } /* -------------------------------- sub3_2 : 기부자 예우 -------------------------------- */ #dona .benefit{position: relative;padding-bottom: 160px;} #dona .benefit .table-wrap{} #dona .benefit .bene-img{text-align:center;position:relative;margin-bottom: 80px;box-shadow: 0px 20px 30px rgba(0, 0, 0, .05);border-radius: 20px 60px;overflow: hidden;} #dona .benefit .bene-img img{max-width:100%;} table.table-bene{table-layout:fixed;border-top: 3px solid #26293d;border-bottom: 3px solid #757b8e;} .table-bene .m-block{display:none;} .table-bene tbody .label{display:none;/* color:#444; */font-size: 16px;font-family: 'Paperlogy';} .table-bene thead th{border-bottom: 3px solid #d5d7dd;text-align:center;font-size: 22px;font-weight:700;color: #26293d;letter-spacing:-0.01em;line-height:1.2em;padding:27px 5px;} .table-bene thead th:first-child{border-left:none;} .table-bene thead th:nth-child(n+2){} .table-bene tbody th{border-bottom: 1px solid #d5d7dd;text-align:center;font-size:24px;font-weight:700;color: #26293d;line-height: 1.3;padding: 27px 20px;} .table-bene tbody th div{text-align:center;position:relative; } .table-bene tbody th p{position:absolute; left:50%; top:50%;height:200px; margin-top:-100px;writing-mode: vertical-rl;text-orientation: mixed;transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform: translateX(-50%);transform: translateX(-50%);} .table-bene tbody td{border-bottom: 1px solid #d5d7dd;text-align:center;font-size: 22px;font-weight: 600;color:#555;letter-spacing:-0.01em;line-height: 1.4;padding: 25px 20px;} .table-bene tbody td.l{padding:27px;color:#666;} .table-bene tbody td:first-child, .table-bene tbody th:first-child{border-left:none;} .table-bene tbody .line{border-right: 1px solid #d5d7dd;} .table-bene tbody .f16{font-size:16px;display:block;} .table-bene tbody tr.bold-line{border-top: 3px solid #d5d7dd;} .left, .l {text-align: left !important;} .table-bene .t-cir{font-family: "Jost", sans-serif; font-weight:700; font-size:24px;} .table-bene .st{font-size:16px;display:block;} .table-bene .t-color1{color: #b9ad97;} .table-bene .t-color2{color:#99877b;} .table-bene .t-color3{color:#7e8492;} .table-bene .t-color4{color:#c48d4a;} .table-bene .t-color5{color:#7e6137;} .texWr{margin-top:40px;position:relative;font-family:'Paperlogy';border-radius: 20px 50px 20px 20px;background: #f3f8fb;padding: 60px 40px;} .tex-list{display: flex;align-items: center; position:relative; padding:0 40px} .tex-list + .tex-list{margin-top:30px; border-top: 1px dotted #d3d6e2; padding-top:30px;} .tex-list > .texTit{background: #000; border-radius: 50%; width: 260px; height: 260px; display: flex; justify-content: center; align-items: center;} .tex-list:nth-child(1) > .texTit{background:url("/images/sub/tex_img1.jpg") no-repeat 0 0 / 100%;} .tex-list:nth-child(2) > .texTit{background:url("/images/sub/tex_img2.jpg") no-repeat 0 0 / 100%;} .tex-list:nth-child(3) > .texTit{background:url("/images/sub/tex_img3.jpg") no-repeat 0 0 / 100%;} .tex-list > .texTit strong{background: #fff; border-radius: 50%; width: 150px; height: 150px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 20px; color: #26293d;} .tex-list > .texTit strong > b{} .tex-list > dd{font-size: 24px; width: calc(100% - 260px); font-weight: bold; color: #26293d; padding-left: 60px;} .tex-list > dd > .list-hyphen{margin-top:10px;} .tex-list > dd > .list-hyphen > li{font-size:18px;font-weight:500;color: #4a4f66;padding-left: 12px;} .tex-list > dd > .list-hyphen > li:before{height: 2px;background:#4a4f66;width: 6px;} @media (max-width: 1300px){ } @media (max-width: 1240px){ } @media (max-width: 1170px){ } @media (max-width: 1024px){ table.table-bene{border: 0;} .table-bene thead{display:none;} .table-bene .m-clear{display:none;} .table-bene .m-top-th{display:none;} .table-bene .m-block{display:block;} .table-bene .m-tit{display:block; background:#333; color:#fff; font-size:14px; padding:6px;} .table-bene .m-block br{display:none;} .table-bene tbody tr{display:block;margin: 0 0 20px 0;border-radius:15px;border: 0;overflow: hidden;box-shadow: 0 5px 5px 5px rgb(0 0 0 / 10%);} .table-bene tbody th{font-size: 18px;padding:10px;color:#fff;background: #26293d;width:100%;display:block;border-radius: 10px 10px 0 0;border: 0;} .table-bene tbody .line{border:0;} .table-bene.bg-bl tbody th{background:#00bfe6;} .table-bene.bg-gr tbody th{background:#96c700;} .table-bene tbody tr td{display: flex;padding: 10px;font-size: 17px;line-height:1.5;gap: 10px;border-top:0;justify-content: center;} .table-bene tbody tr td br{display:none;} .table-bene tbody tr td:nth-child(even){/* background: #f7f7f7; */} .table-bene tbody td.l{padding:10px;text-align: center !important;background: #666;color: #fff;} .table-bene tbody .label{display:block;} /*.table-bene .t-color1 .label{color: #b9ad97;} .table-bene .t-color2 .label{color:#99877b;} .table-bene .t-color3 .label{color:#7e8492;} .table-bene .t-color4 .label{color:#c48d4a;} .table-bene .t-color5 .label{color:#7e6137;}*/ .table-bene .tb-num{display:none;} .table-bene .t-cir{display:flex;justify-content: center;gap: 10px;align-items: center;line-height: 1;} .table-bene tbody tr.bold-line{border:0;} .table-bene tbody th br{display:none;} } @media (max-width: 767px){ .texWr{margin-top: 20px; border-radius: 20px 30px 20px 20px; padding: 20px;} .tex-list {gap: 20px; align-items: center; padding: 0; flex-direction: column;} .tex-list > dd {font-size: 20px;width: 100%;padding-left: 0;} } @media (max-width: 640px){ } @media (max-width: 520px){ } /* -------------------------------- sub4_1 : 기부금 현황 -------------------------------- */ /* -------------------------------- sub4_7 : 명예의 전당 -------------------------------- */ #donor{position: relative;/* padding-bottom:160px; */} #donor:after{content:""; display:block; clear:both;} #donor .dnrTit{position: relative;text-align: center;margin: 60px 0 50px;display: flex;flex-direction: column;align-items: center;font-family: 'SBAggro';} #donor .dnrTit big{font-weight:bold;font-size: 40px;color: #0f3154;position: relative;padding: 0 40px;} #donor .dnrTit big span{display:inline-block;} #donor .dnrTit big .aw-i{width: 30px;height: 55px;position:absolute;bottom: 0;} #donor .dnrTit big .aw-i.aw-l{background:url("/images/sub/aw_l.png") no-repeat 0 0 /100%;left:0;} #donor .dnrTit big .aw-i.aw-r{background:url("/images/sub/aw_r.png") no-repeat 0 0 /100%;right:0;} #donor .dnrTit small{display:block;margin-top: 15px;font-weight:500;font-size: 22px;color: #555;} #donor .donorList{display:flex;flex-wrap: wrap;gap: 40px 40px;justify-content: center;} #donor .donorList .flip-box{width: calc(20% - 32px);height: 320px;border-radius: 15px;position: relative;} #donor .donorList .flip-inner{ position: relative;width: 100%;height: 100%;text-align: center; -webkit-transition: -webkit-transform 1s;transition: -webkit-transform 1s;-o-transition: transform 1s;transition: transform 1s;transition: transform 1s, -webkit-transform 1s; -webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 600px;perspective: 600px; } #donor .donorList .flip-box:before{width:100%;height:100%;border: 1px solid #ddd;position:absolute;z-index:3;padding:8px;border-radius:20px;} #donor .donorList .flip-inner > div{backface-visibility: hidden;background-size: cover;height: 100%;transition: all 1s cubic-bezier(0.4, 0.2, 0.2, 1);backface-visibility: hidden;transform-style: preserve-3d;border-radius: 15px;} #donor .donorList .flip-box .flip-front{transform: rotateY(0deg);background: #f7f7f7;} #donor .donorList .flip-box .flip-back{transform: rotateY(180deg);position: absolute;left: 0;top: 0;width: 100%;background: url("/images/sub/aw_bg.jpg") no-repeat 50% 50% / cover #041d31;} #donor .donorList .flip-box:hover{} #donor .donorList .flip-box:hover .flip-front{transform: rotateY(-180deg); transform-style: preserve-3d;} #donor .donorList .flip-box:hover .flip-back{transform: rotateY(0deg);box-shadow: 0px 20px 50px 0px rgba(79, 85, 99, 0.15);} #donor .imgWr{position:relative;width:130px;height:130px;/*left: 50%;top: 50px;transform: translate(-50%,0%);*/display: flex;justify-content: center;align-items: center;} #donor .imgWr span{width:100%;height:100%;border-radius:50%;overflow:hidden;display: flex;justify-content: center;align-items: center;transition: .3s ease-out;} #donor .imgWr img{max-width:100%;} #donor .imgWr:before{content:"";background:url("/images/sub/aw_star.png") no-repeat 0 0;width: 182px;height: 173px;position:absolute;top: -19px;left:50%;transform:translate(-50%, 0%);transition: .3s ease-out;} #donor .bnrItem{position:absolute;display: flex;flex-direction: column;align-items: center;height: calc(100% - 16px);width: calc(100% - 16px);z-index: 5;justify-content: center;gap: 45px;border: 1px solid #ddd;left: 50%;top: 50%;border-radius: 10px;transform: translate(-50%, -50%);} #donor .bnrItem .txtWr{} #donor .bnrItem .txtWr .tit{display: flex; flex-direction: column; align-items: center; text-align: center;font-family: 'SBAggro';} #donor .bnrItem .txtWr .tit big{font-size: 21px;color:#212121;font-weight:500;padding: 0 10px;transition: .15s ease-out;} #donor .bnrItem .txtWr .tit small{font-size: 16px;margin-top:5px;color: #666;font-weight:300;transition: .3s ease-out;} #donor .donorList .flip-box:hover .imgWr span{background:#fff;} #donor .donorList .flip-box:hover .imgWr:before{background:url("/images/sub/aw_star_c.png") no-repeat 0 0;} #donor .donorList .flip-box:hover .bnrItem .txtWr .tit big{color: #fff;} #donor .donorList .flip-box:hover .bnrItem .txtWr .tit small{color: #fff;opacity: .6;} #donor .donorList .flip-box:hover .bnrItem{border-color:#dbaf7f;} #donor .bnr-btn{opacity:0;transition: .3s ease-out;font-family:'Paperlogy';color:#fff;position:absolute;right: 0;bottom: 0;background:#dbaf7f;z-index: 10;font-size: 14px;border-radius: 10px;width: 60px;height: 31px;display: inline-flex;justify-content: center;align-items: center;} #donor .donorList .flip-box:hover .bnr-btn{opacity:1;} #donor .bnr-btn:hover{background:#f68d1d;} @media (max-width: 1300px){ } @media (max-width: 1240px){ } @media (max-width: 1170px){ } @media (max-width: 1024px){ } @media (max-width: 767px){ } @media (max-width: 640px){ } @media (max-width: 520px){ } /* -------------------------------- sub4_8 : PRYDE Club 기금 릴레이 -------------------------------- */ #PrydeC{position: relative;} #PrydeC .dnrTit{position: relative;text-align: center;margin: 60px 0 50px;display: flex;flex-direction: column;align-items: center;font-family: 'SBAggro';} #PrydeC .dnrTit big{font-weight:bold;font-size: 40px;color: #0f3154;position: relative;padding: 0 40px;} #PrydeC .dnrTit big span{display:inline-block;} #PrydeC .dnrTit big .aw-i{width: 30px;height: 55px;position:absolute;bottom: 0;} #PrydeC .dnrTit big .aw-i.aw-l{background:url("/images/sub/aw_l.png") no-repeat 0 0 /100%;left:0;} #PrydeC .dnrTit big .aw-i.aw-r{background:url("/images/sub/aw_r.png") no-repeat 0 0 /100%;right:0;} #PrydeC .dnrTit small{display:block;margin-top: 15px;font-weight:500;font-size: 22px;color: #555;} #PrydeC .pcList{display:flex;flex-wrap: wrap;gap: 40px 40px;justify-content: center;} #PrydeC .pcList > li{width: 345px;height: 100%;position: relative;} #PrydeC .pcList > li .chk_box{position:absolute;z-index:5;} #PrydeC .imgWr{position:relative;width:130px;height:130px;/*left: 50%;top: 50px;transform: translate(-50%,0%);*/display: flex;justify-content: center;align-items: center;} #PrydeC .imgWr span{width:100%;height:100%;border-radius:50%;overflow:hidden;display: flex;justify-content: center;align-items: center;transition: .3s ease-out;} #PrydeC .imgWr img{max-width:100%;} #PrydeC .imgWr:before{content:"";background:url("/images/sub/pc_bg.png") no-repeat 0 0;width: 182px;height: 173px;position:absolute;top: -19px;left:50%;transform:translate(-50%, 0%);transition: .3s ease-out;} #PrydeC .pcItem{position: relative;display: flex;flex-direction: column;align-items: center;height: 345px;width: 100%;justify-content: flex-end;/* padding: 25px; */background: url(/images/sub/pc_bg.jpg) no-repeat 0 0 / cover;border-radius: 15px;} #PrydeC .pcItem .txtWr{text-align: center;display: flex;flex-direction: column;justify-content: center;height: calc(100% - 125px);} #PrydeC .pcItem .txtWr .an{color:#fff;font-size: 24px;font-weight: 300;display: block;margin-bottom: 10px;font-family: 'Gyeonggi_Title';text-shadow: 3px 3px 3px #00000024;} #PrydeC .pcItem .txtWr .tit{display: flex;flex-direction: column;align-items: center;text-align: center;font-family: 'Gyeonggi_Title';} #PrydeC .pcItem .txtWr .tit big{font-size: 34px;color: #122b88;font-weight:500;letter-spacing: 5px;transition: .15s ease-out;} #PrydeC .pcItem .txtWr .tit small{font-size: 20px;color: #ffffff;font-weight:300;transition: .3s ease-out;display: block;margin-top: 10px;} #PrydeC .pcItem .txtWr .amount{display:block;color: #122b88;font-size: 28px;margin-top: 12px;font-weight: 500;font-family: 'Gyeonggi_Title';} #PrydeC .pc-btn{opacity:1;transition: .3s ease-out;font-family:'Paperlogy';color:#fff;position:absolute;right: 0;bottom: 0;background:#dbaf7f;z-index: 10;font-size: 14px;border-radius: 10px;width: 60px;height: 31px;display: inline-flex;justify-content: center;align-items: center;} #PrydeC .pc-btn:hover{background:#122b88;} #PrydeC .memo{text-align: center;font-size: 20px;display:block;position: relative;font-family: 'Gyeonggi_Title';font-weight: 400;margin-top: 20px;line-height: 1.2;word-break: keep-all;padding: 0 2%;} @media (max-width: 1300px){ } @media (max-width: 1240px){ } @media (max-width: 1170px){ } @media (max-width: 1024px){ } @media (max-width: 767px){ #PrydeC .dnrTit big{font-size: 28px;} } @media (max-width: 640px){ } @media (max-width: 520px){ } /* 테두리 원형 테이블 */ .cir-table{background:#fff;position:relative;border:1px solid rgba(224, 223, 226, 0.6);border-radius: 15px;padding: 10px;margin:0;} .cir-table .table-cir{width: 100%;} .cir-table .table-cir th, .cir-table .table-cir td{padding:22px 0;font-size: 17px;text-align:center;} .cir-table .table-cir thead th{background:#f9f9f9;font-size: 17px;font-weight:600;letter-spacing:-0.8px;line-height:1.31;} .cir-table .table-cir thead th:first-child{border-top-left-radius: 10px;border-bottom-left-radius: 10px;} .cir-table .table-cir thead th:last-child{border-top-right-radius: 10px;border-bottom-right-radius: 10px;} .cir-table .table-cir tbody tr{border-bottom:1px solid rgba(31, 31, 31, 0.05);} .cir-table .table-cir tbody tr:last-child{border-bottom:0;} .cir-table .table-cir tbody th{font-weight:500;position:relative;display:table-cell;} /*.cir-table .table-cir tbody th.box-th:before{border-radius:5px; background:#f9f9f9; display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1;}*/ .cir-table .table-cir tbody td{padding:25px 0;color:#444;line-height: 1.4;} .cir-table .table-cir .m-block{display:none;} .table.vertical_top tr th,.table.vertical_top tr td{vertical-align:top} .table.vertical_middle tr th,.table.vertical_middle tr td{vertical-align:middle;} .table.vertical_bottom tr th,.table.vertical_bottom tr td{vertical-align:bottom;} .table.fixed{table-layout:fixed;} .table .caption{display:none;} .table.text_center tbody tr td{text-align:center;} .table.text_left tbody tr td{text-align:left;} .table.text_left tbody tr th,.table.text_left thead tr th{text-align:center;} .sCont table{width:100%; border-collapse:collapse; border-spacing:0;font-family:'Paperlogy';} .table{position:relative; width:100%; /*margin:20px 0 0 0;*/ background-color:#fff; border-top:1px solid #353541; font-size:17px; line-height:24px;} .table:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#e7e7e7;} .table.fixed{table-layout:fixed;} .table .caption{display:none;} .table.text_center tbody tr td{text-align:center;} .table.text_left tbody tr td{text-align:left;} .table.text_left tbody tr th,.table.text_left thead tr th{text-align:center;} .table.break tbody td,.table.break thead th,.table.break tbody td,.table.break tbody th{word-break:break-all;} .table thead th{padding: 18px 10px;border:1px solid #e7e7e7;border-top:0;border-bottom-color:#e7e7e7;background-color:#f5f5f5;color: #212121;font-size: 18px;font-weight: 600;text-align:center;} .table thead th:first-child{border-left:none;} .table thead th:last-child{border-right:none;} .table tbody th, .table tfoot th{background-color:#f9fafc;font-weight: 600;color:#333;} .table tbody th, .table tbody td, .table tfoot th, .table tfoot td{padding: 20px 10px;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;font-weight:400;color: #4a4f66;word-break:keep-all;} .table tbody th{text-align:center;font-size: 17px;color: #212121;font-weight: 500;} .table tbody td{font-size: 17px;} .table tbody td.text-left{text-align:left;padding: 14px 18px;} .table tfoot td:first-child{border-left:none;} .table tbody tr th:last-child{border-right:none;} .table td:last-child{border-right:none;} .table td[rowspan]:first-child{border-right:1px solid #e7e7e7;} .table tbody th + td, .table tbody td + td, .table tfoot td{border-left:1px solid #e7e7e7;} .table tbody td, .table tfoot td{text-align:center;} .table tbody td > ul{margin-top:0;margin-bottom:0;padding-left: 15px;text-align:left;} .table tbody td > ul > li, .table tbody td ol li{font-size:17px;} .table tbody td > ul.po-list_clear{padding-left:0;} .table tbody td > ol{margin-top:0; margin-bottom:0;} .table th.double, .table td.double{border-left:3px double #e7e7e7;} .table .po-list > li > ul >li > ul > li:before, .table .num > li > ul >li > ul > li:before, .table p.blt.type3:before, .table .po-list.third > li:before {top:15px;} .table td.color-1{background:#f1f7fd;} .table td.color-2{background:#edfbf2;} .td-bg1{background:#fff2f2;} .td-bg2{background:#f1f7fd;} .table-tit{font-size:18px; text-align:center; font-weight:600; color:#212121; display:block; margin:10px auto;} .table-color{position:relative;width:100%;background-color:#fff;font-size: 18px;line-height: 1.5;font-family: 'Paperlogy';font-weight: 500;} .table-color:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#e7e7e7;} .table-color.fixed{table-layout:fixed;} .table-color .caption{display:none;} .table-color.text_center tbody tr td{text-align:center;} .table-color.text_left tbody tr td{text-align:left;} .table-color.text_left tbody tr th,.table-color.text_left thead tr th{text-align:center;} .table-color.break tbody td,.table-color.break thead th,.table-color.break tbody td,.table-color.break tbody th{word-break:break-all;} .table-color tbody tr:nth-child(even){background:#fdfdfd;} .table-color thead th{padding:17px 10px 14px;background-color:#4f687e;color:#fff;font-size: 18px;font-weight: 600;font-family: 'Paperlogy';text-align:center;position: relative;} .table-color.bg-gr thead th{background-color:#96c700;} .table-color.bg-bl thead th{background-color:#00bfe6;} .table-color thead th:first-child{border-radius:15px 0 0 15px;} .table-color thead th:last-child{border-radius:0 15px 15px 0;} .table-color tbody th, .table-color tbody td, .table-color tfoot th, .table-color tfoot td{padding: 17px 10px 14px;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;color: #777;word-break:keep-all;} .table-color tbody th{font-weight: 500;font-family: 'Paperlogy';color: #3d4243;font-size: 19px;background: #f9fafc;position: relative;} .table-color tbody td{position: relative;} .table-color tfoot td:first-child{border-left:none;} .table-color tbody tr th:last-child{border-right:none;} .table-color td:last-child{border-right:none;} .table-color td[rowspan]:first-child{border-right:1px solid #e7e7e7;} .table-color tbody th + td, .table-color tbody td + td, .table-color tfoot td{border-left:1px solid #e7e7e7;} .table-color tbody td, .table-color tfoot td{text-align:center;} .table-color tbody td .name{color: #3d4243;font-size:20px;font-weight: bold;letter-spacing: 4px;} .table-color tbody td ul{margin-top:0; margin-bottom:0; padding-left:10px; text-align:left;} .table-color tbody td ul li, .table-color tbody td ol li{font-size:15px;} .table-color tbody td ul.po-list_clear{padding-left:0;} .table-color tbody td ol{margin-top:0; margin-bottom:0;} .table-color th.double, .table-color td.double{border-left:3px double #e7e7e7;} .table-color .po-list > li > ul >li > ul > li:before, .table-color .num > li > ul >li > ul > li:before, .table-color p.blt.type3:before, .table-color .po-list.third > li:before {top:15px;} .table-color td.color-1{background:#f1f7fd;} .table-color td.color-2{background:#edfbf2;} .table-color .call, .table-color .mail{position:relative;display:inline-flex;align-items:center;justify-content:center;padding-left:28px;color: #3d4243;font-weight: 600;font-family: 'Paperlogy';transition:.2s ease-out;} .table-color .call i, .table-color .mail i{background: #f68d1d;color:#fff;border-radius:50%;width:23px;height:23px;display: flex;font-size: 13px;text-align:center;font-weight: normal;line-height: 1;position:absolute;left:0;top: 2px;transition:.2s ease-out;justify-content: center;align-items: center;} .table-color a:hover{text-decoration:underline;} .table2{position:relative; width:100%; margin:20px 0; background-color:#fff; border-top:2px solid #353541; font-size:14px; line-height:24px;} .table2:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#e7e7e7;} .table2 thead th{padding:10px 10px; border:1px solid #e7e7e7; border-bottom-color:#e7e7e7; background-color:#f5f5f5; color:#333; font-weight:500; text-align:center;} .table2 thead th:first-child{border-left:none;} .table2 thead th:last-child{border-right:none;} .table2 tbody th{font-size:14px; color:#777; font-weight:400;} .table2 tbody td{font-size:14px;} .table2 tbody th, .table2 tbody td, .table2 tfoot th, .table2 tfoot td{padding:10px 10px; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; font-weight:400; color:#636363; word-break:keep-all;} .table2 tfoot td:first-child{border-left:none;} .table2 tbody tr th:last-child{border-right:none;} .table2 td:last-child{border-right:none;} .table2 td[rowspan]:first-child{border-right:1px solid #e7e7e7;} .table2 tbody th + td, .table2 tbody td + td, .table2 tfoot td{border-left:1px solid #e7e7e7;} .table2 tbody td, .table2 tfoot td{text-align:center;} .table2 tbody td ul{margin-top:0; margin-bottom:0; padding-left:10px; text-align:left;} .table2 tbody td ul li, .table2 tbody td ol li{font-size:15px;} .table2 tbody td ul.po-list_clear{padding-left:0;} .table2 tbody td ol{margin-top:0; margin-bottom:0;} .table2 th.double, .table2 td.double{border-left:3px double #e7e7e7;} .table2 .po-list > li > ul >li > ul > li:before, .table2 .num > li > ul >li > ul > li:before, .table2 p.blt.type3:before, .table2 .po-list.third > li:before {top:15px;} .sContWrap .t-link{color:#0065be; font-weight:500;} .sContWrap .t-link:hover{text-decoration:underline;} /* 테이블 가로스크롤 */ .table_con_wrap{position:relative;margin: 15px auto;} .table_con_wrap .table_prev_mo{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:95;} .table_con_wrap .table_prev_mo ul{position:absolute; top:50%; left:50%; margin:-11px 0 0 -75px;} .table_con_wrap .table_prev_mo ul:after{content: ''; display:block; clear:both;} .table_con_wrap .table_prev_mo ul li{float:left;} .table_con_wrap .table_prev_mo ul li p{font-size:15px; color:#fff;} .table_con_wrap .table_prev_mo ul li i{margin-top:4px; font-size:12px; color:#fff; animation:prevarrow .5s ease-in infinite alternate;} p.mo_hide{display:none; color:#888; text-align:center; margin-top:10px;} .table_con_wrap .tbl-border{min-width:900px;} .respo-table tbody .label{display:none; width:65px; color:#444; font-size:13px; font-weight:500; text-align:left; vertical-align:top;} .respo-table tbody .label.w80{width:80px;} .respo-table tbody .label.w100{width:100px;} .respo-table .m-clear{} .respo-table .m-block{display:none;} .respo-table .m-top-th{} .cir-t{background:#fff;position:relative;border:1px solid rgba(224, 223, 226, 0.6);border-radius: 15px;padding: 10px;margin:0;font-family: 'S-CoreDream';} .cir-t table{border-radius:10px; overflow:hidden; border:1px solid rgba(31, 31, 31, 0.05);} .cir-t table td{border-color: rgba(31, 31, 31, 0.05);} .cir-t table thead th{background: #2469c3;color: #fff;border-color:rgb(255,255,255,.7)} .cir-t table td{background:#fcfcfc;} .cir-t table tbody th{background: rgba(246, 247, 250, 1);border-color:#eee} @media (max-width:1170px){ .table-line-box{border:0;} .table.respo-table{border-top:0;} .respo-table thead{display:none;} .respo-table .m-clear{display:none;} .respo-table .m-top-th{display:none;} .respo-table .m-block{display:block;} .respo-table .m-tit{display:block; background:#333; color:#fff; font-size:14px; padding:6px;} .respo-table .m-block br{display:none;} .cir-table .table-cir tbody tr{display:block; width:100%;} .respo-table tbody tr{ display:block; margin:0 0 0.7em 0; border-radius:15px; border:1px solid #e7e7e7; -webkit-box-shadow: 0px 7px 6px -6px rgb(0 0 0 / 28%); -moz-box-shadow: 0px 7px 6px -6px rgba(0,0,0,.28); box-shadow: 0px 7px 6px -6px rgb(0 0 0 / 28%); } .cir-table .table-cir tbody th{display:block;} .respo-table tbody th{font-size:15px;padding:10px;color:#fff;background:#4f687e;width:100%;display:block;border-radius: 10px;} .respo-table.bg-bl tbody th{background:#00bfe6;} .respo-table.bg-gr tbody th{background:#96c700;} .respo-table tbody tr td{text-align:left; display:block; padding:0.8em; font-size:14px; line-height:1.5; border-top:0;} .respo-table tbody tr td br{display:none;} .respo-table tbody tr td:nth-child(even){background: #f7f7f7;} .respo-table tbody .label{display:block; float:left; height:34px; line-height:1.7;} .respo-table .tb-num{display:none;} } @media (max-width:1000px){ .dbstg{display: block;} } @media (max-width:800px){ .table_con_wrap{width:100%; overflow-x:auto; white-space:nowrap; padding-bottom:20px;} .table_con_wrap::-webkit-scrollbar {height:5px; /* 가로 스크롤바 두께 */} .table_con_wrap table{width:100%;} .table_con_wrap .table_prev_mo{display:block;} p.mo_hide{display:block;} } @media (max-width: 767px){ .cir-t{padding:0; border:0;} .table thead th, .table tbody th{font-size: 16px;padding: 10px;} .table tbody td{font-size:15px;padding: 10px;} .table tbody td ul li, .table tbody td ol li{font-size:14px;} .table-color tbody th, .table-color tbody td, .table-color tfoot th, .table-color tfoot td{border-bottom:0; border-right:0;} .table-color tbody th + td, .table-color tbody td + td, .table-color tfoot td{border-left:0;} .table-color td:last-child{border-radius:0 0 15px 15px;} .cir-table .respo-table thead{display:none;} .cir-table .respo-table .m-clear{display:none;} .cir-table .respo-table .m-top-th{display:none;} .cir-table .table-cir {width: 100%; display: block;} .cir-table .table-cir .m-block, .cir-table .respo-table .m-block{display:block;} .cir-table .respo-table .mb-tit{font-size:15px; padding:10px; color:#fff; background:#4f687e; width:100%; display:block; border-radius:5px;} .cir-table .respo-table .m-block br{display:none;} .cir-table .table-cir tbody{width:100%; display:block;} .cir-table .table-cir tbody tr{ display:block; margin:0 0 0.7em 0; border-radius:15px; border:1px solid #e7e7e7; -webkit-box-shadow: 0px 7px 6px -6px rgb(0 0 0 / 28%); -moz-box-shadow: 0px 7px 6px -6px rgba(0,0,0,.28); box-shadow: 0px 7px 6px -6px rgb(0 0 0 / 28%); } .cir-table .table-cir tbody th{font-size:15px; padding:10px; color:#fff; background:#4f687e; width:100%; display:block; border-radius:5px;} .cir-table .table-cir tbody th br{display:none;} .cir-table .table-cir tbody tr td{text-align:left;display: flex;gap: 15px;padding:0.8em;font-size:14px;line-height:1.5;border-top:0;} .cir-table .table-cir tbody tr td br{display:none;} .cir-table .table-cir tbody tr td:nth-child(even){background: #f7f7f7;} .cir-table .table-cir tbody .label{display:block;font-size: 14px;line-height:1.7;padding: 0;color: #222;} .cir-table .table-cir .tb-num{display:none;} } /* -------------------------------- 개인정보취급방침 -------------------------------- */ .privacy-policy{position:relative; font-family: 'Paperlogy'; padding-bottom:120px;} .privacy-policy .gray-bg{background:#f8f8f8;padding: 50px 60px;box-sizing:border-box;border-radius: 20px;} .privacy-policy p + dl{margin-top:20px;} .privacy-policy .pp-wrap{} .privacy-policy .pp-txt-box{} .privacy-policy h1.pp-tit{display:block; font-size:28px; font-weight:bold; margin:0 0 20px; text-align:left;} .privacy-policy .privacy-top{margin:30px 0 0; background:#f8f8f8; padding:40px 41px; box-sizing:border-box;} .privacy-policy p{margin:0;} .privacy-policy .txt, .privacy-page dd{font-size:16px; color:#222;} .privacy-policy .txt + .txt{margin:10px 0 0 0;} .privacy-policy ol{margin: 15px 0; padding-left: 18px;} .privacy-policy ol > li{list-style-type: decimal; line-height:1.6;} .privacy-policy ol > li + li{margin-top:5px;} .privacy-policy .txt-2{margin:10px 0 0 0;} .privacy-policy dl + dl{margin-top:40px;} .privacy-policy dt{font-size: 19px;display:inline-block;width:100%;color:#000;line-height:inherit;font-weight:700;margin: 0px 0 10px;} .privacy-policy dd > ul.list-hyphen{margin:5px 0 15px 20px;} .privacy-policy dd > ul.ul-gnd{margin:10px 0 10px 20px;} .privacy-policy dd > ul.ul-gnd > li{text-indent:-24px; margin-left:20px;} .privacy-policy dd a{color:inherit;} .privacy-policy dd a:hover{text-decoration:underline;} .ml15 {margin-left: 15px;} .privacy-policy .dd-board{margin-top:10px;} .privacy-policy .dd-board table th, .privacy-policy .dd-board table td{font-size:15px;} .privacy-policy .pp-btn-wrap{position:relative; margin-top:60px; text-align:center;} .privacy-policy a.pp-btn{margin:0 auto; display:inline-block; text-align:center; color:#fff; font-weight:500; font-size:16px; background:#684ab3; padding:20px 35px; transition:.2s;} @media (max-width: 1170px){ .privacy-policy{padding-bottom:60px;} } @media (max-width: 767px){ .privacy-policy{padding-bottom:40px;} .privacy-policy .contTit{margin-top:0;} .privacy-policy .gray-bg{margin:15px 0 0; padding:20px;} .privacy-policy dl + dl{margin-top:30px;} .privacy-policy dt:first-child{margin-top:0;} .privacy-policy dt{font-size:17px;} .privacy-policy .txt, .privacy-page dd{font-size:15px;} .privacy-policy dd > ul.list-hyphen{margin:5px 0 5px 0px;} .privacy-policy dd > ul.ul-gnd{margin:10px 0 10px 0px;} .privacy-policy dd > ul.ul-gnd > li{text-indent:-21px; margin-left:22px;} } /* -------------------------------- 이메일무단수집거부 -------------------------------- */ #nonMail{padding-bottom: 140px;} #nonMail .contTit-s{margin-top:50px;} #nonMail .ui-topbox .txtwrap p{/*margin:30px 0 0;*/} #nonMail .ui-ftbox .inner{text-align:center;} .ui-topbox{overflow:hidden;position:relative;padding:3px;background:#f1f3f6;border:none;border-radius: 20px;word-break: keep-all;} .ui-topbox:before{left:0; right:0; top:0; z-index:1; width:auto; height:50px; background:#cacfd5; display:block; position:absolute; content:"";} .ui-topbox:after{left:0;top:0;z-index:2;width:205px;height:50px;background: #f68d1d;display:block;visibility:visible;position:absolute;content:"";} .ui-topbox .inner{position:relative;min-height: 185px;background:#fff;padding:30px 60px 30px 205px;border-radius: 17px;z-index:3;display:flex;align-items:center;} .ui-topbox .inner.img-inner{padding-left:320px; min-height:300px;} .ui-topbox .img{top:35px; left:40px; width:230px; height:230px; display:block; position:absolute;} .ui-topbox .img15{background:url("/images/sub/img_15.png") no-repeat 50% 50%; background-size:100%;} .ui-topbox .img-step{background:url("/images/sub/img_steps.png") no-repeat 50% 50%; background-size:100%;} .ui-topbox .icon{top:40px;left:60px;width:105px;height:105px;background: linear-gradient(270deg, #f78f1e 0%, #fbba4f 100%);display: flex;font-size: 40px;line-height: 74px;color: #fff;border-radius:50%;position:absolute;justify-content: center;align-items: center;} .ui-topbox .ico-15{background:url("/images/sub/2469996.png") no-repeat 50% 50% #f3f4f6; background-size:60%;} .ui-topbox .ico-pro{background:url("/images/sub/3976516.png") no-repeat 50% 50% #f3f4f6;background-size: 60%;} .ui-topbox .ico-pro-d{background:url("/images/sub/2470035.png") no-repeat 50% 50% #f3f4f6;background-size: 50%;} .ui-topbox .ico-mail{background:url("/images/sub/4663958.png") no-repeat 50% 50% #f3f4f6; background-size:60%;} .ui-topbox .txtwrap{position:relative;width: 100%;display: block;} .ui-topbox .txtwrap > p{font-size: 19px;line-height:1.6;color: #333;font-family: 'SBAggro';font-weight: 300;} .ui-topbox .txtwrap p + p{margin-top:15px;} .ui-topbox .txtwrap .tit-wrap{display:flex;align-items:flex-end;flex-wrap:wrap;margin: auto;font-size: 32px;line-height:1.6;color: #333;font-family:'GmarketSansBold';letter-spacing: 0;} .ui-topbox .txtwrap .tit-wrap > strong{color: #2469c3;font-weight:normal;} .ui-topbox .txtwrap p > strong{color: #f68d1d;font-weight: 500;font-size: 21px;} .ui-topbox .txtwrap p > b{color: #222;font-weight:600;} .ui-topbox .txtwrap strong.logo-img{margin-right:15px; background:url("/images/common/logo_c.png") 0 0 no-repeat; display:inline-block; width:230px; height:36px; background-size:230px; text-indent:-9999px;} .ui-ftbox{overflow:hidden;position:relative;background:#fafafa;border:1px solid #eaeaea;margin-top:40px;border-radius: 15px;} .ui-ftbox .inner{position:relative;padding:30px;} .ui-ftbox .btn-black{transition:.2s ease-out;text-align:center;display: inline-flex;background: #222;border-radius: 10px;padding:15px 30px;color:#fff;font-weight: 500;gap: 10px;font-size: 17px;align-items: center;font-family: 'SBAggro';justify-content: center;} .ui-ftbox .btn-black:hover{background:#666;} @media (max-width: 1024px){ .ui-topbox .inner.img-inner{padding-left:30px; flex-direction:column;} .ui-topbox .img15, .ui-topbox .img-step{position:relative; width:280px; height:280px; left:auto; top:auto; margin-bottom:20px;} .ui-topbox .inner.img-inner .tit-wrap{ justify-content:center; margin-bottom:10px;} } @media (max-width: 767px){ .ui-topbox .inner{padding:20px 20px; min-height:auto;} .ui-topbox .inner.img-inner{padding:20px 20px;} .ui-topbox .img15, .ui-topbox .img-step{width:200px; height:200px;} .ui-topbox .icon{display:none;} .ui-topbox .txtwrap .tit-wrap{display:block; font-size:22px; line-height:1.2;} .ui-topbox .txtwrap strong.logo-img{display:block; margin-right:0; width:180px; height:29px; background-size:100%; margin-bottom:10px;} .ui-topbox .txtwrap p{font-size:14px;} } /* -------------------------------- 준비중 -------------------------------- */ .ui-comming{overflow:hidden;position:relative;background-color: #fff;border-radius: 20px;box-shadow: 8px 6px 20px 0 rgba(0, 0, 0, 0.1);margin-bottom: 140px;font-family: 'SBAggro';} .ui-comming .inner{position:relative;text-align:center;padding: 60px;} .ui-comming .tit{} .ui-comming .tit big{display:block; width:74px; height:74px; margin:0 auto 25px; background: linear-gradient(270deg, #f78f1e 0%, #fbba4f 100%); border-radius:50%; font-size:30px; line-height:74px; color:#fff;} .ui-comming .tit small{display:block;margin:20px 0 15px;font-weight: 500;font-size:28px;color:#333;letter-spacing:-.2px;line-height:1.2;} .ui-comming .tit small strong{color:#f68d1d;font-weight: 500;} .ui-comming .tit p{font-size:17px;color:#666;font-weight: 300;}