#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 130px 0;display: flex;width: 100%;margin: 0 auto;height: 100%;z-index: 1;flex-direction: column;} #sVisual .svWrap{position:relative;overflow: hidden;width: 100%;height: 100%;border-radius: 0 0 130px 0;} #sVisual .svWrap .sv-img{background: url("/images/sub/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/sub/visual1.jpg") no-repeat 50% 50%;background-size:cover;overflow: hidden;background-attachment: fixed !important;} #sVisual .svWrap .sv-img2{background: url("/images/sub/visual2.jpg") no-repeat 50% 12%;background-size:cover;overflow: hidden;background-attachment: fixed !important;} #sVisual .svWrap .sv-img3{background: url("/images/sub/visual3.jpg") no-repeat 50% 50%;background-size:cover;overflow: hidden;background-attachment: fixed !important;} #sVisual .svWrap .sv-img4{background: url("/images/sub/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;z-index:10;left: 50%;height: 100%;transform: translateX(-50%);word-break:keep-all;max-width: 1500px;display: flex;justify-content: center;align-items: center;text-align: center;flex-direction: column;padding-top: 120px;} #sVisual .slogan .big-tit{display:flex;gap: 40px;flex-direction: column;align-items: center;font-weight: normal;justify-content: center;} #sVisual .slogan .big-tit big{font-size: 46px;color: #fff;font-family: 'YeogiOttaeJalnanGothic';text-transform: uppercase;font-weight: normal;} #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: 1430px;min-height:500px;margin:0 auto;position:relative;word-break:keep-all;padding: 120px 0 0;} .sCont .sCont-title{display:block;padding: 0px 0 60px;color:#19335c;/*color: #26293d;*/font-size: 42px;line-height:1.6;font-weight: 500;font-family: 'YeogiOttaeJalnanGothic';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: 90px;} } @media (max-width: 1240px){ } @media (max-width: 1170px){ #sVisual{height: 450px;} #sVisual .visual-wr, #sVisual .svWrap{border-radius: 0;} #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 .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: 15px;position: absolute;top: auto;bottom: 0;height: calc(100% - 80px);transform: translateY(-0%);justify-content: center;} #sVisual .slogan .big-tit big {font-size: 30px;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;} .sCont .sCont-title{font-size: 30px;padding: 0px 0 20px;} .sCont {padding: 60px 0 0;} } @media (max-width: 640px){ } @media (max-width: 520px){ } .sec-cont{position:relative;} .sec-cont + .sec-cont{margin-top:60px;} .sec-cont.flex-cont{display:flex;position: relative;border-bottom: 1px dotted rgb(46 84 107 / 24%);padding: 50px 0;} .sec-cont.flex-cont:first-child{border-top: 3px solid #262f3d;} .sec-cont.flex-cont.dot-line-top{border-top: 1px dotted rgb(46 84 107 / 24%);} .sec-cont.flex-cont:last-child{padding-bottom:0; border-bottom:0;} .sec-cont.flex-cont + .sec-cont.flex-cont{margin-top:0;} .sec-cont.flex-cont .left {position: relative;width: 240px;padding: 0 40px 0 0;} .sec-cont.flex-cont .right {width: calc(100% - 240px);} .ess-color{color: #f65354;font-size: 22px;} #location{position:relative;} #location.loca7, #location.loca8{display:none;} #location:before{background: #002b5f;left:0;position:absolute;bottom:0;display:block;width: calc(100% / 3);height:76px;content:'';border-radius:0 0 20px 0;z-index:3;} .lnb{position:relative;z-index:10;font-family: 'Escoredream';display: flex;justify-content: flex-start;max-width: 1430px;width: 95%;margin: 0 auto;} .lnb .lnb-map{margin-left:-24px; display:flex; flex-wrap:wrap;} .lnb .lnb-map:after{content:''; display:block; clear:both;} .lnb .lnb-map li a{display:block;} .lnb .lohom{position:relative;width: 50px;border-right:none;left:0;top:14px;z-index:1;background-color:transparent;} .lnb .lohom > a{display:flex;align-items:center;justify-content:center;height: 50px;background: #2898d5;color: #fff;font-size: 20px;line-height: 1;font-weight: normal;border-radius: 20px;position:relative;} .lnb .lnb-map > li{width:318px;border-right: #406087 solid 1px;} .lnb .lnb-map > li:last-child{border:0;} .lnb .lnb-map > li:nth-last-of-type(1){width:318px;} .lnb .lnb-map > li > a{height:76px;} .lnb .lnb-map li.depth{position:relative;} .lnb .lnb-map li:first-child a span{background:#487ef1;} .lnb .lnb-map li.depth ul{display:none;position:absolute;top:76px;left:0;width:100%;padding:20px 10%;background:#fff;z-index:10;border-radius: 0 0 20px 20px;box-shadow:15px 15px 20px 0 rgba(0,0,0,.1);} .lnb .lnb-map li.depth ul li a{display:block;padding:7px 0;font-size: 16px;color:#333;} .lnb .lnb-map li.depth ul li a:hover{color: #2898d5;} .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{background: #194881;width:100%;font-size: 18px;color: #fff;height:76px;line-height: 1.3;display:flex;font-weight: 500;padding:0 30% 0 10%;transition:.1s ease-out;align-items:center;} .lnb .lnb-map li:first-child.depth a span{padding-left:58px; border-radius:20px 0 0 0;} .lnb .lnb-map li:last-child.depth a span{border-radius:0 0 20px 0;} .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:#f5f6fa;color:#222;} .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: #2898d5;} .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 {justify-content: center; width: 100%; margin: 0 auto;} } @media (max-width: 767px){ #location:before{top:0; height:45px; width:100%; border-radius:0;} .lnb .lohom{width:35px; top:5px;} .lnb .lohom > a{justify-content:center; height:35px; font-size:14px; border-radius:14px;} .lnb .lnb-map{margin-left:-24px; width:100%;} .lnb .lnb-map > li {width:50%;} .lnb .lnb-map > li > a{height: 45px;} .lnb .lnb-map li.depth a span{font-size:13px; 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%;} } #sloca{} #sloca .loc{color:#494949;display:flex;flex-wrap:wrap;justify-content:center;align-items: center;} #sloca .loc > li{position:relative;line-height: 1;} #sloca .loc > li:first-child{padding-left:25px;} #sloca .loc > li i{position:absolute;display:inline-block;left:0;top: -2px;font-size: 19px;color:#c5c5c5;} #sloca .loc > li span{display:inline-block;color: #fff;font-size: 16px;line-height:1;font-family: 'Escoredream';font-weight: normal;letter-spacing: 0.5px;} #sloca .loc > li span.strong{color: #fff;} #sloca .loc > li:not(:last-child):after{content: "\ea6e";margin: 0px 8px 0;font-family: 'remixicon' !important;font-style: normal;color: rgb(255,255,255,.3);font-size: 22px;display: inline;line-height: 0;} #sub-top{/* margin-bottom:40px; */} #sub-top .contTit-s{margin-top:50px;} #sub-top .ui-topbox .txtwrap p{} #sub-top .ui-ftbox .inner{text-align:center;} #sub-top .a_left{transform:translateX(-15px); transition:.8s; opacity:0;} #sub-top .a_left.in-view{transform:translateX(0px); opacity:1;} #sub-top .a_:nth-child(1){transition-delay:.1s} #sub-top .a_:nth-child(2){transition-delay:.2s} #sub-top .a_:nth-child(3){transition-delay:.3s} #sub-top .bis-tit{font-size: 24px;font-family: 'Escoredream';font-weight: normal;color: #222;margin-right:10px;} #sub-top .bis-tit em{font-style:normal; color:#2f56a6;} #sub-top ul.bis-info-list{margin-top:10px; display:flex; flex-wrap:wrap;} #sub-top ul.bis-info-list li{position:relative; color:#666; font-size:16px; padding:0 15px 0 23px; margin:5px 12px 0 0;} #sub-top ul.bis-info-list li:before{content:""; width:1px; height:16px; right:0; top:2px; position:absolute; display:inline-block; background:#ddd;} #sub-top ul.bis-info-list li + li:before{display:none;} #sub-top ul.bis-info-list li i{position:absolute; left:0; top:2px; font-size:18px;} #sub-top ul.bis-info-list li a{color:#666;} .ui-topbox{overflow:hidden;position:relative;padding: 2px;background:#dbd5d5;border:none;border-radius: 0 15px;} .ui-topbox:before{left:0;right:0;top:0;z-index:1;width:auto;height:50px;background: #d64274;display:block;position:absolute;content:"";} .ui-topbox .inner{position:relative;min-height:170px;background:#fff;padding:30px 60px 30px 205px;border-radius: 0 13px;z-index:3;display:flex;align-items:center;} .ui-topbox .icon{top:33px; left:50px; width:105px; height:105px; background-color:#f3f4f6; display:block; border-radius:50%; position:absolute;} .ui-topbox .ico-mail{background:url("/images/sub/2593602.png") no-repeat 50% 50% #f3f4f6; background-size:50%;} .ui-topbox .ico-pe{background:url("/images/sub/2593491.png") no-repeat 50% 50% #f3f4f6; background-size:50%;} .ui-topbox .ico-cctv{background:url("/images/sub/394620.png") no-repeat 50% 60% #f3f4f6; background-size:50%;} .ui-topbox .txtwrap{position:relative;} .ui-topbox .txtwrap p{margin: 15px 0 0;font-size: 17px;line-height:1.5;color:#8d8d8d;word-break: keep-all;} .ui-topbox .txtwrap strong{font-size:17px; color:#131313; font-weight:700;} .ui-topbox .txtwrap strong.tit{display:block;margin:0px 0 15px;font-family:'Escoredream';font-weight:normal;font-size: 22px;color: #212121;word-spacing:-.5px;line-height:1.3;word-break: keep-all;} .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-block;background:#444;border-radius:10px;padding:15px 30px;color:#fff;font-family: 'Escoredream'; font-weight:normal;font-size:18px;} .ui-ftbox .btn-black:hover{background:#666;} .tit-flex{display:flex;position:relative;margin-bottom:25px;justify-content: space-between;align-items: flex-end;} .tit-flex .tit-left{} .tit-flex .tit-right{} .tit-flex .contTit-big{margin-bottom:0;} .link-btn-list{display:flex; gap:10px;} .down-btn{border-radius:30px;display:flex;background:#eee;border:1px solid #eee;font-size:16px;color: rgba(85, 88, 89, 0.8);font-weight: 500;height:45px;padding:0 28px;display: inline-flex;justify-content: center;align-items: center;line-height: 1;gap: 10px;transition:.3s;} .down-btn:hover{background:#fff;color: #2898d5; border-color: #2898d5;} .contTit-big{display:block;margin: 0px 0 25px;font-weight:700;font-size:34px;color: #212121;letter-spacing:-1px;line-height:1.2;} .contTit{display:block; margin:60px 0 20px; font-family:'Escoredream'; font-weight:normal; font-size:30px; color:#222; letter-spacing:-0.5px; line-height:1.3;word-break: keep-all;} .contTit:first-child{/* margin-top:0; */} .contTit-ss:first-child{margin-top:0;} .contTit.blue{color:#145ba2;} .contTit-s{display:block;margin: 50px 0 25px;font-family:'Escoredream';font-weight: 600;font-size: 30px;color: #000;letter-spacing: -0.04em;word-spacing:-.5px;line-height:1.3;word-break: keep-all;padding-left: 37px;position: relative;} .contTit-s:before{ position: absolute; content: "\F2F0"; font-family: 'remixicon' !important; font-style: normal; font-weight: normal; z-index: -1; top: 0; left: 0; color: #2898d5; } .contTit-ss{display:block;margin: 30px 0 15px;font-weight: 600;font-size: 24px;color: #2898d5;letter-spacing: -.8px;word-spacing: -.5px;line-height:1.2;} .contTit-ss span{font-size:17px; color:#73809d; font-weight:500; margin-left:15px;} .contTit+.contTit-s{margin: 10px 0 10px;} .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;} .contTit-s:first-child{margin-top:0} p.txt{color: #444;font-size: 18px;font-weight:400;letter-spacing:-0.5px;line-height:1.6;} p.txt + p.txt{margin-top:20px;} .txt-bold{color: #222;letter-spacing:-.5px;font-weight: 600;} .red-bold{color:#b9173d;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;} .unline{display:inline-block;position:relative;color: #333;font-size: 19px;font-weight: 500;letter-spacing:-0.5px;margin: 0 5px;} .unline em{display:inline-block; font-style:normal; margin:0 2px; font-weight:bold; text-decoration:underline;} .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: 21px;letter-spacing: -1px;line-height: 1.6;color: #262f3d;font-weight: 500;word-break: keep-all;} p.txt-big + .point-info{margin-top:5px;} .gray-box {margin: 20px 0;padding: 25px 30px;background: #f9f9f9;word-break: keep-all;border: 1px dotted #ddd;border-radius: 15px;} .gray-box > ul{margin:10px 0;} .gray-box > ul + ul{margin-top:20px;} .icon-list{position:relative;display: flex;flex-direction: column;gap: 10px;} .icon-list dl{display:inline-flex;align-items:flex-start;} .icon-list dl:first-child{width:100%;} .icon-list dt{box-sizing:border-box;width: 125px;font-size: 17px;color: #212121;font-weight: 500;display:flex;word-break:keep-all;align-items:center;gap: 7px;} .icon-list dt i{display: flex;justify-content: center;align-items: center;font-size: 18px;line-height: 1;font-weight: normal;} .icon-list dd{width: calc(100% - 125px);font-size: 16px;font-weight: 500;color: #666;padding-top: 1px;} .icon-list dd a{color:#555;} .icon-list p{display:block; margin-top:15px;} .icon-list dd i{font-size: 17px; color: #a9a9a9; display: inline; font-weight: normal;} .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:'Escoredream'; } .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: 16px;box-sizing:border-box;color: #4a515b;font-size: 19px;font-weight: 500;line-height: 1.6;text-align:left;vertical-align:top;letter-spacing:-0.5px;} .list-Dot > li:before{content:"";display:block;position:absolute;left:0;top: 11px;overflow:hidden;width: 5px;height: 5px;box-sizing:border-box;border-radius:50%;background: #2898d5;} .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-top: 15px;} .list-info{} .list-info > li{position:relative;padding-left:27px;box-sizing:border-box;color: #4a515b; font-size: 16px;font-weight: 500;line-height: 1.6;text-align:left;vertical-align:top;letter-spacing:-0.5px;} .list-info > li > i{font-size:20px; position:absolute; left:0; top:-3.5px; color:#329e8f;} .en .list-Dot > li{letter-spacing:0;} .list-Dot .list-hyphen{margin: 5px 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: #666; */font-size: 17px;} .list-Dot>li .list-hyphen>li:before{top: 11px;} .list-Dot + .list-hyphen{margin-top:10px;} .ol-list{margin: 10px 0 0 0px;padding:0 0 0 23px;list-style: none;} .ol-list > li{/* text-indent: -20px; *//* margin-left: 20px; */position:relative;box-sizing:border-box;color: #262f3d;font-size: 17px;font-weight: 500;line-height: 1.6;text-align:left;vertical-align:top;letter-spacing: -.7px;} .ol-list > li + li{margin-top: 5px;} .ol-list > li .list-point > li{/* font-size:16px; */} .ol-list > li .list-point > li + li{margin-top:0px;} .ol-list > li > em{position:absolute;left: -23px;top: 0px;font-style:normal;/* font-family: 'Noto Sans KR'; */} .box-txt{background:#b9173d;color:#fff;font-style:normal;font-weight: 500;padding: 2px 6px;font-size: 16px;letter-spacing: 0;} ul + .list-point{margin-top:15px;} .list-type1 + .list-point{margin-top:25px;} .list-point{} .list-point > li{font-size: 17px;line-height:1.6;padding-left:20px;position:relative;font-weight:500;color:#333;} .list-point > li + li{margin-top: 5px;} .list-point > li:before{content:"※";position:absolute;left:0;top: -1px;font-size: 17px;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: 16px;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:'Escoredream'; font-weight:400; letter-spacing:-0.5px; color:#00bfe6; text-transform:uppercase;} .sec-box{text-align:center; display:block;} .info-box{} .info-box > li{position:relative; padding-left:25px; line-height:1.4; font-size:15px; font-weight:400; color:#535353;} .info-box > li + li{margin-top:5px;} .info-box > li i{position:absolute;left:0;top:0px;font-size:20px;color:#00c191;} .step-bg { padding: 20px; overflow: hidden; margin-top: 10px; border-radius: 20px; background: #f6f7f9; margin-bottom: 30px; } .step-lt{} .step-lt > li{} .step-lt > li + li{margin-top:10px;} .step-lt .lt-item{border-radius: 20px;background: #fff;padding: 30px 35px;display:flex;align-items:flex-start;flex-wrap:wrap;border:1px solid #e2eff6;} .step-lt .lt-item .lt-tit{ display:flex; justify-content:center; align-items:center; width:150px; height:150px; background:#1c6db9; font-size:20px; color:#fff; font-family:'Escoredream'; font-weight:normal; line-height:1.2; word-break:keep-all; text-align:center; border-radius:80px; padding:10px; box-shadow:inset 0px 5px 10px 0 rgb(5 63 117 / 20%); } .step-lt .lt-item .lt-tit em{ font-style:normal; font-family:'Escoredream'; font-weight: normal;} .step-lt .lt-item .right-con{width:calc(100% - 150px); padding:10px 0 10px 40px;} .step-lt .lt-item .right-con .lt-bt{font-family:'Escoredream';font-weight:normal;font-size:20px;line-height: 1.4;letter-spacing:-1px;color:#1c6db9;word-break:keep-all;display: block;margin-bottom: 15px;} .step-lt .lt-item .list-wb{display:flex; flex-wrap:wrap; gap:10px; background:#fff; border-radius:20px; padding:25px 30px; border:1px solid #ededed;} .step-lt .lt-item .list-wb > li{font-size:18px; line-height:1.5; letter-spacing:-0.78px; color:#666; position:relative; padding:0 15px 0 9px; word-break:keep-all; transition:.2s ease-out;} .step-lt .lt-item .list-wb > li:before{content:"";background:#555;width:3px;height:3px;top: 11px;left:0;display:inline-block;border-radius:50%;position:absolute;} .step-lt .lt-item .list-wb > li:hover{font-weight:500; color:#333; text-decoration:underline;} .step-lt .lt-item .list-wb.w3 > li{width:32.6%;} .step-lt .lt-item .list-wb.w2 > li{width:49%;} .step-lt .lt-item .list-wb.w1 > li{width:100%;} .step-lt .lt-item .list-wb2{background:#fff;border-radius: 10px;padding:20px 30px;border: 1px dotted #ddd;} .step-lt .lt-item .list-wb2 > li{font-size: 17px;line-height: 1.6;font-weight:400;letter-spacing: -0.5px;color:#555;position:relative;border-radius: 50px;transition:.2s ease-out;} .step-lt .lt-item .list-wb2 > li:before{background:#555;width:3px;height:3px;top:7px;left:0;display:inline-block;border-radius:50%;position:absolute;} .step-lt .lt-item .list-wb2 > li b{font-weight:600; color:#333; display:inline-block; margin-right:2px;} .step-lt .lt-item .list-wb2 > li + li{margin-top:5px;} .step-lt + .list-point{margin-top:20px;} .step-lt + .list-point>li{padding-left:18px; text-decoration:underline;} .step-lt + .list-point>li:before{top:-3px; font-size:20px;} .step-nm{} .step-nm > li{} .step-nm > li + li{margin-top:10px;} .step-nm .nm-item{border-radius: 15px;background: #fff;padding: 30px 35px;display:flex;align-items:flex-start;flex-wrap:wrap;border: 1px solid #e2eff6;} .step-nm .nm-item .nm-tit{ display:flex; justify-content:center; align-items:center; width: 50px; height: 50px; background:#1c6db9; font-size: 22px; color:#fff; font-family:'Escoredream'; font-weight:normal; letter-spacing: .5px; line-height:1.2; word-break:keep-all; text-align:center; border-radius:80px; padding:10px; box-shadow:inset 0px 5px 10px 0 rgb(5 63 117 / 20%); } .step-nm .nm-item .nm-tit em{ font-style:normal; font-family:'Escoredream'; font-weight: normal;} .step-nm .nm-item .right-con{width: calc(100% - 50px);padding: 0px 0 0 20px;} .step-nm .nm-item .right-con .nm-bt{font-family:'Escoredream';font-weight:normal;font-size: 22px;letter-spacing: 0px;color:#1c6db9;word-break:keep-all;display: block;margin-bottom: 15px;} .step-nm .nm-item .list-wb{display:flex;flex-wrap:wrap;gap:10px;background:#fff;border-radius: 10px;padding:25px 30px;border: 1px dotted #ddd;} .step-nm .nm-item .list-wb > li{font-size:18px; line-height:1.5; letter-spacing:-0.78px; color:#666; position:relative; padding:0 15px 0 9px; word-break:keep-all; transition:.2s ease-out;} .step-nm .nm-item .list-wb > li:before{content:"";background:#555;width:3px;height:3px;top: 11px;left:0;display:inline-block;border-radius:50%;position:absolute;} .step-nm .nm-item .list-wb > li:hover{font-weight:500; color:#333; text-decoration:underline;} .step-nm .nm-item .list-wb.w3 > li{width:32.6%;} .step-nm .nm-item .list-wb.w2 > li{width:49%;} .step-nm .nm-item .list-wb.w1 > li{width:100%;} .step-nm .nm-item .list-wb2{background:#fff; border-radius:20px; padding:20px 30px; border:1px solid #ededed;} .step-nm .nm-item .list-wb2 > li{font-size: 17px;line-height: 1.6;font-weight:400;letter-spacing: -0.5px;color:#555;position:relative;border-radius: 50px;transition:.2s ease-out;} .step-nm .nm-item .list-wb2 > li:before{background:#555;width:3px;height:3px;top:7px;left:0;display:inline-block;border-radius:50%;position:absolute;} .step-nm .nm-item .list-wb2 > li b{font-weight:600; color:#333; display:inline-block; margin-right:2px;} .step-nm .nm-item .list-wb2 > li + li{margin-top:5px;} .sq-list{display:flex; row-gap:13px; column-gap:1%; flex-wrap:wrap;} .sq-list.col-2 > li{width:49.5%;} .sq-list.col-3 > li{width:32.66%;} .sq-list.col-4 > li{width:24.25%;} .sq-list > li{} .sq-list > li + li{} .sq-list .sq-item{background:#fff;height:100%;overflow:hidden;display:flex;align-items:center;flex-direction:column;border-radius:10px;/* border:1px solid #ededed; */} .sq-list .sq-item .sq-tit{ display:flex; align-items:center; width:100%; height: 90px; padding: 22px 30px; background:#f7f7f7; font-size: 20px; color: #262a2b; font-family: 'Escoredream'; font-weight: bold; line-height: 1.4; word-break: keep-all; text-align: center; justify-content: center; } .sq-list .sq-item .sq-tit em{font-style:normal; font-family:'Escoredream'; font-weight:normal;} .sq-list .sq-item .sq-con{padding:20px 30px 30px; width:100%;} .sq-list .sq-item .gray-dot{} .sq-list .sq-item .gray-dot li{position:relative;display:block;padding-left:15px;font-weight:400;line-height: 1.6;color:#535353;letter-spacing:-.5px;font-size: 17px;word-break: keep-all;} .sq-list .sq-item .gray-dot li:before{content:"";display:inline-block;width:5px;height:5px;background:#eaeaea;border-radius:50%;position:absolute;top: 10px;left:0;} .sq-list .sq-item .gray-dot li + li{margin-top:15px;} .bg .sq-list .sq-item .sq-tit{background:#5785af; color:#fff;} .bg .sq-list .sq-item{/* border-color:#bfdefd; */} .bg .sq-list .sq-item .gray-dot li + li{margin-top:5px;} .cure-list{display:flex; row-gap:13px; column-gap:1%; flex-wrap:wrap;} .cure-list.col-2 > li{width:49.5%;} .cure-list.col-3 > li{width:32.66%;} .cure-list.col-4 > li{width:24.25%;} .cure-list > li{} .cure-list > li + li{} .cure-list .cure-item{padding: 40px 40px 40px 170px;height:100%;background:#f3f7f9;border-radius:15px;box-sizing: border-box;position: relative;} .cure-list .cure-item:before{content:"";position:absolute;background:#fff;width: 110px;height: 110px;left: 30px;top: 30px;border-radius:50%;display:flex;} .cure-list .cure-item.icon1:before{background:url("/images/sub/5964235.png") no-repeat 50% 50% #fff; background-size:50px;} .cure-list .cure-item.icon2:before{background:url("/images/sub/5964327.png") no-repeat 50% 50% #fff; background-size:50px;} .cure-list .cure-item.icon3:before{background:url("/images/sub/5964316.png") no-repeat 50% 50% #fff; background-size:50px;} .cure-list .cure-item.icon4:before{background:url("/images/sub/5964241.png") no-repeat 50% 50% #fff; background-size:50px;} .cure-list .cure-item .cure-tit{ font-size:22px; color:#222; font-family:'Escoredream'; font-weight:normal; line-height:1; margin:0 0 25px; border-bottom:1px dotted #ccc; padding:0px 0 15px;} .cure-list .cure-item .cure-con{} .cure-list .cure-item .cure-con p{font-weight:400;line-height:1.6;color:#535353;letter-spacing:-.5px;font-size:17px;} .cure-list .cure-item .cure-con p + p{margin-top:15px;} .dot-box-list{display:flex; row-gap:13px; column-gap:1%; flex-wrap:wrap;} .dot-box-list > li{display:flex;align-items:flex-start;position:relative;width: 49%;border-radius:20px;background:#fff;border:1px dotted #ddd;padding:20px 25px 22px;font-size: 17px;line-height:1.6;font-weight:400;letter-spacing:-0.78px;color:#666;word-break: keep-all;transition:.2s ease-out;} .dot-box-list > li .num{font-weight:bold;color: #333;margin-right:10px;} .dot-box-list > li:hover{box-shadow:0 10px 25px 0px rgb(81 106 190 / 5%); transform:translateY(-5px);} .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:'Escoredream'; 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: 15px;padding: 30px 30px;text-align:left;color:#383838;letter-spacing:-1px;line-height:1.5;word-break:keep-all;} .info-y-box .in-fo{position:relative;padding-left:31px;font-size:18px;font-weight:400;font-family: 'Escoredream';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:2px;color: #fdb813;} .info-y-box p b{font-weight: 700;letter-spacing:-.5px;font-size: 19px;color:#1b1b1b;} .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: 400;line-height:1.6;color: #444;padding-left: 25px;} .info-y-box .num-list > li em{font-style:normal;width: 18px;height: 18px;border-radius:50%;background: #118ad9;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:15px 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: 1170px){ .sec-cont.flex-cont {padding: 40px 0; flex-direction: column;} .sec-cont.flex-cont .left {width: 100%; padding: 0;} .sec-cont.flex-cont .right {width: 100%;} } @media (max-width: 767px){ .cont-sec + .cont-sec{margin-top:40px;} .cont-sec.bg{padding:40px 0;} .ui-topbox .inner{padding:20px 30px;} .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;} .contTit-big{font-size:26px;} .contTit{margin:40px 0 10px; font-size:22px;} .contTit-s{margin: 40px 0 10px;font-size: 20px; padding-left:13px} .contTit-s:before {width: 30px; height: 30px;top: -3px;} .contTit-ss{font-size:19px;} .contTit-ss span{font-size:16px;margin-left:0; display:block; margin-top:5px;} p.txt{font-size:14px;} p.txtSt1{line-height:1.6; font-size:16px;} .txt-bold{font-size: 16px;} .list-Dot>li{padding-left:8px; font-size:17px;} .list-Dot>li:before{top:8px;} .list-hyphen>li{padding-left:7px; font-size:16px;} .list-hyphen>li:before{top:10px; width:3px;} .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:16px;} .list-Dot>li .table_con_wrap{margin-top:5px;} .list-Dot>li .table-wrap{margin-top:5px;} .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;} p.txt-big{font-size:18px;} .tit-flex {gap: 10px; margin-bottom: 20px; align-items: flex-start; flex-direction: column;} .link-btn-list {flex-wrap: wrap;} .link-btn-list > li{flex:1;} .down-btn {width:100%; border-radius: 10px; font-size: 15px; height: 100%; padding: 10px 15px; justify-content: center; align-items: center; line-height: 1.3; gap: 10px;} .gray-box{padding:15px 20px;} } .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:'Escoredream'; 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{position:relative;display:flex;flex-wrap:wrap;margin-bottom: 60px;} .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.tab2 li{width:calc(50% + 0px);} .color-tab.tab3 li{width:calc(33.33% + 0px);} .color-tab.tab4 li{width:calc(25% + 0px);} .color-tab.tab5 li{width: calc(20% + 0px);} .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.tab3.col2 li:first-child a{border-radius:10px 0 0 0px;} .color-tab.tab3.col2 li:nth-child(3) a{border-radius:0px 10px 0px 0px;} .color-tab.tab3.col2 li:nth-child(4) a{border-radius:0px 0px 0px 10px;} .color-tab.tab3.col2 li:last-child a{border-radius:0 0px 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-family:'Escoredream'; font-weight:normal; color:#222; transition:all .1s;} .color-tab li.on a:before, .color-tab li a:focus:before, .color-tab li a:hover:before{right:26px;} .color-tab li a:after{content:""; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; z-index:2; width:auto; height:auto; transition:0.3s;} .color-tab li a span{display:table-cell;vertical-align:middle;width:100%;height:100%;padding: 10px 50px;font-size: 19px;font-weight: 500;text-align: center;text-transform: capitalize;} .color-tab li.on a{z-index:2;background: #2149a6;border-color:#2149a6;color:#fff;/* font-weight:600; */} .color-tab li a:focus, .color-tab li a:hover{text-decoration:none;border-color:#2149a6;color:#2149a6;z-index:2;} .color-tab li.on a{color:#fff;} .en .color-tab li a span{line-height:1.3;padding: 20px;} .sq-tab{position:relative;display:flex;flex-wrap:wrap;margin-bottom:60px;background:#f9f7f7;} .sq-tab li{display:block; position:relative; margin-left:-1px; margin-top:-1px; height:100%; min-height:60px; height:auto; line-height:1.5;} .sq-tab.tab2 li{width:calc(50% + 1px);} .sq-tab.tab3 li{width:calc(33.33% + 1px);} .sq-tab.tab4 li{width:calc(25% + 1px);} .sq-tab.tab5 li{width:calc(20% + 1px);} .sq-tab li:first-child{} .sq-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-family:'Escoredream'; font-weight:normal; color:#222; transition:all .1s;} .sq-tab li.on a:before, .sq-tab li a:focus:before, .sq-tab li a:hover:before{right:26px;} .sq-tab li a:before{position:absolute;right:22px;font-family:xeicon!important;top:50%;transform:translateY(-50%);color:#cdcdcd;font-size:27px;transition:0.3s;content:"\e91b";} .sq-tab li a:after{content:""; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; z-index:2; width:auto; height:auto; transition:0.3s;} .sq-tab li.on a:before, .sq-tab li a:focus:before, .sq-tab li a:hover:before{position:absolute;right:23px;font-family:xeicon!important;top:50%;transform: translateY(-49%);color: #005d2f;font-size:27px;content:"\e942";} .sq-tab li a span{display:table-cell; vertical-align:middle; width:100%; height:100%; padding:10px 50px 7px 25px;} .sq-tab li.on a, .sq-tab li a:focus, .sq-tab li a:hover{color:#005d2f;letter-spacing:-.5px;} .sq-tab li.on a:after, .sq-tab li a:hover:after, .sq-tab li a:focus:after{border:1px solid #005d2f;} .sq-tab2{position:relative;display:flex;flex-wrap:wrap;margin-bottom:60px;background:#f9f7f7;} .sq-tab2 li{display:block; position:relative; margin-left:-1px; margin-top:-1px; height:100%; min-height:60px; height:auto; line-height:1.5;} .sq-tab2.tab2 li{width:calc(50% + 1px);} .sq-tab2.tab3 li{width:calc(33.33% + 1px);} .sq-tab2.tab4 li{width:calc(25% + 1px);} .sq-tab2.tab5 li{width:calc(20% + 1px);} .sq-tab2 li:first-child{} .sq-tab2 li span{cursor:pointer; position:relative; display:table; table-layout:fixed; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; background:#fff; font-family:'Escoredream'; font-weight:normal; color:#222; transition:all .1s;} .sq-tab2 li span em{font-style:normal; word-break:keep-all;} .sq-tab2 li.active span:before, .sq-tab2 li span:focus:before, .sq-tab2 li span:hover:before{right:26px;} .sq-tab2 li span:before{position:absolute;right:22px;font-family:xeicon!important;top:50%;transform:translateY(-50%);color:#cdcdcd;font-size:27px;transition:0.3s;content:"\e91b";} .sq-tab2 li span:after{content:""; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; z-index:2; width:auto; height:auto; transition:0.3s;} .sq-tab2 li.active span:before, .sq-tab2 li span:focus:before, .sq-tab2 li span:hover:before{position:absolute;right:23px;font-family:xeicon!important;top:50%;transform: translateY(-49%);color: #005d2f;font-size:27px;content:"\e942";} .sq-tab2 li span em{display:table-cell;vertical-align:middle;width:100%;height:100%;line-height: 1.3;padding: 15px 50px 12px 25px;} .sq-tab2 li.active span, .sq-tab2 li span:focus, .sq-tab2 li span:hover{color: #005d2f;letter-spacing:-.5px;} .sq-tab2 li.active span:after, .sq-tab2 li span:hover:after, .sq-tab2 li span:focus:after{border:1px solid #005d2f;} .sub-view2, .sub-view3, .sub-view1{display:none; position:relative;} @media (max-width: 1024px){ .sq-tab2.tab5 li, .sq-tab.tab4 li{width:calc(33.333333% + 1px);} } @media (max-width: 767px){ .sq-tab{margin-bottom:40px;} .sub-tab2.tab4 li, .sub-tab2.tab3 li{width:100%;} .sub-tab2 li span{height:50px;} .sub-tab2 li span em{padding:5px 30px 2px 15px; line-height:1.2; font-size:14px;} .sub-tab2 li:first-child{border-radius:10px 10px 0 0;} .sub-tab2 li:last-child{border-radius:0 0 10px 10px;} .sq-tab2.tab2 li, .sq-tab2.tab3 li, .sq-tab2.tab4 li, .sq-tab2.tab5 li, .sq-tab.tab3 li, .sq-tab.tab4 li, .sq-tab.tab5 li{width:calc(50% + 1px);} .sq-tab2 li, .sq-tab li{min-height:50px;} .sq-tab2 li.on a:before, .sq-tab2 li a:focus:before, .sq-tab2 li a:hover:before, .sq-tab2 li a:before, .sq-tab li.on a:before, .sq-tab li a:focus:before, .sq-tab li a:hover:before, .sq-tab2 li a:before, .sq-tab li a:before{right:10px; font-size:24px;} .sq-tab2 li a span, .sq-tab li a span, .sq-tab2 li span em{padding:5px 30px 2px 15px; line-height:1.2;} .color-tab{background: #f9f9f9;border-radius: 10px;} .color-tab li{min-height:50px;} .color-tab li a span{padding:10px 5px 7px 5px; font-size:16px;} .color-tab.tab2 li, .color-tab.tab3 li, .color-tab.tab4 li, .color-tab.tab5 li {width: calc(50% + 1px);} .color-tab.tab2.col2 li:first-child a{border-radius:10px 0 0 0px;} .color-tab.tab3.col2 li:first-child a{border-radius:10px 0 0 0px;} .color-tab.tab3.col2 li:nth-child(2) a{border-radius:0px 10px 0px 0px;} .color-tab.tab3.col2 li:nth-child(3) a{border-radius:0px 0px 0px 0px;} .color-tab.tab3.col2 li:nth-child(4) a{border-radius:0px 0px 0px 0px;} .color-tab.tab3.col2 li:nth-child(5) a{border-radius:0px 0px 0px 10px;} .color-tab.tab3.col2 li:last-child a{border-radius:0 0px 10px 0;} .color-tab li a, .color-tab li:first-child a, .color-tab li:last-child a{} } @media (max-width: 420px){ .sq-tab2.tab2 li, .sq-tab2.tab3 li, .sq-tab2.tab4 li, .sq-tab2.tab5 li, .color-tab.tab2 li, .sq-tab.tab3 li, .sq-tab.tab4 li, .sq-tab.tab5 li{width:100%;} } /* -------------------------------- sub1_1 : 인사말 -------------------------------- */ #greeting{position: relative;min-width: 280px;margin: auto;font-weight: 300;max-width: 1500px;display: flex;padding: 0 0 200px;word-break: keep-all;} #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:-240px;bottom:-40px;width:580px;height:500px;background: linear-gradient( 181deg, #00aeef -38.5%, #003b8b);border-radius:0 300px 300px 0;} #greeting .imgbox1 .img1cont1 .wrap1{position: relative;display: block;overflow:hidden;width:100%;height:100%;box-shadow: 0px 20px 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: 80px 40px 0 0;padding: 0 0 15px 0;border-bottom: 1px solid #26293d;text-align:right;align-items: flex-end;flex-direction: row;gap: 20px;justify-content: flex-end;} #greeting .imgbox1 .mayor1name1 .name1t1{font-size:18px;font-weight: 500;color: #4a4f66;padding:0;line-height: 1;margin-bottom: 7px;} #greeting .imgbox1 .mayor1name1 .name1t2{font-size: 36px;letter-spacing: 8px;font-weight: normal;color:#000;line-height: 1;font-family: 'YeogiOttaeJalnanGothic';} #greeting .greeting1text1{position: relative;display: block;/* float:left; */width:calc(100% - 540px);} #greeting .greeting1text1 .t1{display: block;margin: 0 0 40px 0;font-size: 40px;font-weight: 600;color: #212121;line-height: 1.3;word-break: keep-all;} #greeting .greeting1text1 .t1 span{color:#0069a6;font-weight: 700;} #greeting .greeting1text1 .t2{display: block;margin: 0 0 40px 0;font-size: 24px;font-weight: 600;letter-spacing: -.8px;color: #212121;line-height: 1.5;word-break: keep-all;} #greeting .greeting1text1 .t3{display: block;font-size: 20px;margin: 0 0 30px 0;color: #4a515b;font-weight: 400;line-height: 1.75;letter-spacing: -.05em;word-break: keep-all;} #greeting .RollTxt{position:absolute;bottom: 50px;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;gap: 100px;} #greeting .RollTxt .flow-wrap{animation:textLoop 20s linear infinite;display: flex;align-items: center;font-size: 180px;text-transform:uppercase;font-family: "Monoton", sans-serif;font-weight: normal;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;word-spacing: 30px;} @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 : 비전 및 전략 -------------------------------- */ #Vision{position: relative; padding: 0 0 200px;} #Vision .txt_area h2{margin-bottom: 30px; font-family: 'Paperozi'; font-weight: 700; font-size: 72px; color: #222;} #Vision .txt_area h2 span{color: #0069a6;} #Vision .txt_box p{margin-top: 3px; font-weight: 700; font-size: 24px; color: #222;} #Vision .contTit-big{padding-bottom: 20px; border-bottom: 1px dotted rgb(46 84 107 / 24%);} #Vision .cont-1 .vis_wr{position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 100px 40px 220px; text-align: center;} #Vision .cont-1 .vis_wr::before{content:''; position: absolute; top: 0; left: calc(50% - 250px); display: block; width: 500px; height: 500px; border-radius: 50%; background: url('../images/sub/Vision_vis_BG.jpg') no-repeat 50% 50% /contain; animation: up_down 3s infinite ease-in-out; opacity: .4;} #Vision .cont-1 .vis_wr .txt_box{padding: 20px 40px; text-align: center; background: rgba(255,255,255,.6); backdrop-filter : blur(3px); border-radius: 50px; box-shadow: 3px 3px 30px rgba(75, 95, 161, .2);} #Vision .cont-1 .vis_wr .txt_box p{display: inline-block; font-size: 32px; text-align: center;} #Vision .cont-1 .goal_wr{display: flex; align-items: center; gap: 100px; margin: 40px 0 100px; padding: 0 50px;} #Vision .cont-1 .goal_wr .img_box{} #Vision .cont-1 .goal_wr .img_box img{} #Vision .cont-1 .goal_wr .txt_box p small{display: block; margin-top: 5px; color: #9c6e37;} #Vision .cont-2 .gene_wr{} #Vision .cont-2 .gene_wr .flex_wr{position: relative; display: flex; justify-content: space-between; gap: 60px; margin-top: 40px;} #Vision .cont-2 .gene_wr .flex_wr::before{content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; width: 1px; height: 100%; border-left: 2px dotted #eee; z-index: -1;} #Vision .cont-2 .gene_wr .flex_wr .gene{width: calc(50% - 30px);} #Vision .cont-2 .gene_wr .flex_wr .gene ul{display: flex; flex-wrap: wrap; gap: 5px; width: 100%; padding: 10px; background: #f1f9fe; border: 1px solid; border-radius: 12px;} #Vision .cont-2 .gene_wr .flex_wr .gene ul li{display: flex; align-items: center; gap: 15px; width: calc(50% - 5px); padding: 10px; background: rgba(255, 255, 255, .8); border: 1px dotted; border-radius: 12px;} #Vision .cont-2 .gene_wr .flex_wr .gene ul li span.num{display: inline-block; width: 40px; height: 40px; border-radius: 50%; font-weight: 400; font-size: 16px; text-align: center; line-height: 40px; color: #fff;} #Vision .cont-2 .gene_wr .flex_wr .gene ul li p{font-weight: 600; font-size: 20px; color: #333;} #Vision .cont-2 .gene_wr .flex_wr .gene01 ul{border-color: rgba(25,51,92,.1);} #Vision .cont-2 .gene_wr .flex_wr .gene01 ul li{border-color: rgba(25,51,92,.2);} #Vision .cont-2 .gene_wr .flex_wr .gene ul li span.num{background: #19335c;} #Vision .cont-2 .gene_wr .flex_wr .gene02 ul{border-color: rgba(0,105,166,.1);} #Vision .cont-2 .gene_wr .flex_wr .gene02 ul li{border-color: rgba(0,105,166,.2);} #Vision .cont-2 .gene_wr .flex_wr .gene02 ul li span.num{background: #0069a6;} #Vision .cont-2 .next_wr{margin-top: 70px;} #Vision .cont-2 .next_wr .flex_wr{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; width: 100%; max-width: 1600px; margin: 0 auto;} #Vision .cont-2 .next_wr .next{width: calc(50% - 10px); padding: 40px; background: #f6f7f9; border-radius: 15px;} #Vision .cont-2 .next_wr .next .tit{position: relative; padding-bottom: 40px;} #Vision .cont-2 .next_wr .next .tit::before{content: ''; position: absolute; bottom: 20px; left: 0; display: block; width: 100%; height: 1px; background: #4b5fa1; opacity: .2;} #Vision .cont-2 .next_wr .next .tit h4{margin-top: 10px; padding-right: 50px; font-weight: 700; font-size: 28px; color: #222;} #Vision .cont-2 .next_wr .next .tit h4 small{display: block; margin-top: 10px; font-weight: 500; font-size: 18px; color: #4b5fa1;} #Vision .cont-2 .next_wr .next .tit > img{position: absolute; top: -15px; right: 0;} #Vision .cont-2 .next_wr .next p{font-weight: 500; font-size: 18px; line-height: 1.3; color: #555;} /* 썸네일 이미지 슬라이드 */ #Vision .cont-3 .facility {position: relative; width: 100%; margin : 0 auto; z-index: 1;} #Vision .cont-3 .facility .gallery-top{margin : 0 auto;} #Vision .cont-3 .facility .thumbBx {max-width : 1400px; margin : 0 auto;} #Vision .cont-3 .facility .thumbBx li{float : left; margin-bottom : 20px;} #Vision .cont-3 .facility .thumbBx li:last-child {margin-right : 0;} #Vision .cont-3 .facility .thumbBx li img {width : 100%;height:auto;} #Vision .cont-3 .facility .swiper-container {position: relative; width: 100%; max-width: 1000px; height: auto; margin-left: auto; margin-right: auto;} #Vision .cont-3 .facility .swiper-container .imgBx{text-align:center;} #Vision .cont-3 .facility .swiper-container .imgBx .swiper-slide {position: relative; overflow: hidden; display: flex; align-items: center;justify-content: center; height: auto; max-height: 500px; border-radius: 30px;} #Vision .cont-3 .facility .swiper-container .imgBx .swiper-slide img{width:100%;} #Vision .cont-3 .facility .swiper-container .imgBx .swiper-slide p.name{position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: auto; padding: 10px 20px; background: #19335c; font-weight: 300; font-size: 20px; color: #fff; border-radius: 50px;} #Vision .cont-3 .facility .swiper-container { height:85%; width: 100%;} #Vision .cont-3 .facility .gallery-thumbs {height:15%; box-sizing: border-box;} #Vision .cont-3 .facility .gallery-thumbs::before{display: none;} #Vision .cont-3 .facility .gallery-thumbs img{height:auto;} #Vision .cont-3 .facility .gallery-thumbs .swiper-slide {position:relative;border-radius:10px; overflow:hidden; text-align:center;height: 100%; opacity: 0.5; border: 1px solid rgba(224, 223, 226, 0.8);} #Vision .cont-3 .facility .gallery-thumbs .swiper-slide:hover{opacity: 1;} #Vision .cont-3 .facility .gallery-thumbs .swiper-slide .subj{font-size: 13px;position: absolute;bottom: 0;color:#fff;background:none; display: block; width: 100%; left: 0; padding:6px 10px;} #Vision .cont-3 .facility .gallery-thumbs .swiper-slide-thumb-active .subj{font-size: 13px; position: absolute;bottom: 0;color:#fff;background: rgba(0, 0, 0, 0.5411764705882353); display: block; width: 100%; left: 0; padding:6px 10px;} #Vision .cont-3 .facility .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;color:#fff;} #Vision .cont-3 .facility .gallery-thumbs .swiper-slide .ssw_btn{position: absolute; font-size: 13px !important; height: 30px !important; line-height: 30px !important; background: #a8967b !important; top: 45%; left: 50%; transform: translate(-50%, -50%);} #Vision .cont-3 .facility .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:20px;} #Vision .cont-3 .facility .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:20px;} #Vision .cont-4 .logo_wr ul{display: flex; flex-wrap: wrap; gap: 20px;} #Vision .cont-4 .logo_wr ul li{display: flex;align-items: center;justify-content: center;width: calc(100%/4 - 20px);height: 220px;padding: 30px;border-radius: 20px;box-shadow: 3px 3px 15px rgba(75, 95, 161, .2);} #Vision .cont-4 .logo_wr ul li img{height: 50px;} #Vision .cont-4 .logo_wr ul li.logo01 img{height: 50px;max-width: 100%;} #Vision .cont-4 .logo_wr ul li.logo02 img{height: 35px;} #Vision .cont-4 .logo_wr ul li.logo03 img{height: 50px;} #Vision .cont-4 .logo_wr ul li.logo04 img{height: 28px;} #Vision .cont-4 .logo_wr ul li.logo05 img{height: 22px;} #Vision .cont-4 .logo_wr ul li.logo06 img{height: 70px;} #Vision .cont-4 .logo_wr ul li.logo07 img{height: 74px;} #Vision .cont-4 .logo_wr ul li.logo08 img{height: 100px;} #Vision .cont-4 .logo_wr ul li.logo09 img{height: 58px;} #Vision .cont-4 .logo_wr ul li.logo10 img{height: 60px;} .cir_rotate {animation:cir_rotate 60s infinite linear;} @keyframes cir_rotate { 0{transform:rotate(0);} 50%{transform:rotate(360deg);} 100% {transform:rotate(0);} } .up_down {animation: up_down 10s infinite linear;} @keyframes up_down { 0{transform: translateY(0)} 50%{transform: translateY(-20px)} 100%{transform: translateY(0)} } @media (max-width: 1300px){ } @media (max-width: 1240px){ } @media (max-width: 1170px){ #Vision {padding: 0 0 100px;} #Vision .cont-1 .goal_wr {text-align: center; align-items: center; gap: 30px; flex-direction: column-reverse;} #Vision .cont-2 .gene_wr .flex_wr {gap: 60px; margin-top: 40px; flex-direction: column;} #Vision .cont-2 .gene_wr .flex_wr .gene {width: 100%;} #Vision .cont-2 .gene_wr .flex_wr::before{display:none;} #Vision .cont-4 .logo_wr ul li img, #Vision .cont-4 .logo_wr ul li.logo01 img, #Vision .cont-4 .logo_wr ul li.logo02 img, #Vision .cont-4 .logo_wr ul li.logo03 img, #Vision .cont-4 .logo_wr ul li.logo04 img, #Vision .cont-4 .logo_wr ul li.logo05 img, #Vision .cont-4 .logo_wr ul li.logo06 img, #Vision .cont-4 .logo_wr ul li.logo07 img, #Vision .cont-4 .logo_wr ul li.logo08 img, #Vision .cont-4 .logo_wr ul li.logo09 img, #Vision .cont-4 .logo_wr ul li.logo10 img{height:auto;max-width: 100%;} #Vision .cont-4 .logo_wr ul li{width: calc(100%/3 - 20px);height: 200px;} } @media (max-width: 1024px){ } @media (max-width: 767px){ #Vision {padding: 0 0 60px;} #Vision .cont-1 .vis_wr::before {left: calc(50% - 150px); width: 300px; height: 300px;} #Vision .cont-1 .vis_wr {padding: 80px 3%;} #Vision .txt_area h2{font-size:42px;} #Vision .cont-1 .vis_wr .txt_box {padding: 20px; border-radius: 15px;} #Vision .cont-1 .vis_wr .txt_box p {font-size: 22px; word-break: keep-all; margin: 0;} #Vision .cont-1 .goal_wr {margin:20px 0 60px; padding: 0 3%;} #Vision .cont-1 .goal_wr .img_box img {max-width: 100%;} #Vision .cont-2 .gene_wr .flex_wr .gene ul {flex-direction: column;} #Vision .cont-2 .gene_wr .flex_wr .gene ul li{width:100%;} #Vision .cont-2 .gene_wr .flex_wr .gene ul li p {font-size: 17px;} #Vision .cont-2 .gene_wr .flex_wr .gene ul li span.num {width: 30px; height: 30px; font-size: 13px; line-height: 30px;} #Vision .cont-2 .next_wr .flex_wr {flex-direction: column;} #Vision .cont-2 .next_wr .next {width: 100%; padding: 20px;} #Vision .cont-2 .next_wr .next .tit h4 {font-size: 24px;} #Vision .cont-3 .facility .swiper-container .imgBx .swiper-slide p.name {width: 90%; padding: 5px 15px; font-size: 16px;} #Vision .cont-4 .logo_wr ul li{width: calc(100%/2 - 20px);height:130px;} #Vision .cont-4 .logo_wr ul {gap: 20px;justify-content: center;} } @media (max-width: 640px){ } @media (max-width: 520px){ } /* -------------------------------- sub1_3 : 연혁 -------------------------------- */ #history{position:relative;padding-bottom: 180px;/* max-width: 1480px; */margin: 0 auto;} #history .txtFix{ white-space:nowrap;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1;font-size:240px; text-transform: uppercase; font-family: "Monoton", sans-serif; font-weight: normal; 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; word-spacing: 30px; } #history .txtFix b{font-family: "Poppins", sans-serif;font-weight: 600;letter-spacing: -5px;} #history .hisTit{position: relative;z-index: 10;} #history .hisTit .his-top-tit{color: #26293d;font-size: 36px;line-height: 1.6;font-weight: 700;letter-spacing: -1px;/* font-family: 'YeogiOttaeJalnanGothic'; */margin-bottom: 10px;} #history .topYear{font-size: 100px;font-weight: normal;color: #19335c;margin-bottom: 30px;font-family: 'YeogiOttaeJalnanGothic';} #history .hisWr{} #history .history-inner{display: flex;gap: 30px 0;flex-direction: column;position: relative;} #history .history-inner:before{content:'';width: 2px;height: 100.5%;background: #f3f3f3;position: absolute;left: 174px;top: 0;bottom: 0;} #history .history-inner:after{content:'';width: 3px;height: 50px;background: #fff;position: absolute;left: 174px;top: -9px;z-index: 5;} #history .history-box{display: flex;gap: 0;position: relative;} #history .history-box:last-child:after{content: '';width: 15px;height: calc(100% - 58px);background: #fff;position: absolute;left: 170px;top: 55px;z-index: 5;} #history .history-box .history-year{font-size: 38px;font-weight: normal;color: #2898d5;width: 175px;position: relative;flex: none;font-family: 'YeogiOttaeJalnanGothic';margin: 25px 90px 0 0;transition: .3s;} #history .history-box .history-year:before{content: '';width: 9px;height: 9px;border-radius: 50%;background: #fff;border: 3px solid #d2d2d2;position: absolute;left: 168px;top: 15px;z-index: 55;box-sizing: revert;transition: .3s;} #history .history-box .history-desc{display: flex;gap: 30px 0;flex-direction: column;flex: 1;position: relative;z-index: 6;} #history .history-box .history-month{display: flex;gap: 0 30px;flex: 1;} #history .history-box .month-box{font-size: 26px;font-family: 'YeogiOttaeJalnanGothic';font-weight: normal;color: #19335c;width: 50px;padding-top: 35px;} #history .history-box .txt-box{background: rgb(255 255 255 / 0%);backdrop-filter: blur(5px);border: 1px solid #eee;border-radius: 10px;padding: 34px 40px;flex: 1;box-sizing: border-box;box-shadow: 15px 20px 30px rgb(160 160 160 / 5%);} #history .history-box .txt-box > ul{display: flex;gap: 10px 0;flex-direction: column;} #history .history-box .txt-box > ul > li{display: flex;align-items: flex-start;justify-content: flex-start;gap: 0 20px;} #history .history-box .txt-box > ul > li span{font-size: 22px;font-weight: 700;color: #212121;} #history .history-box .txt-box > ul > li p{font-size: 19px;font-weight: 500;color: #4a515b;position: relative;padding-left: 16px;} #history .history-box .txt-box > ul > li p:before {content: ""; display: block; position: absolute; left: 0; top: 11px; overflow: hidden; width: 5px; height: 5px; box-sizing: border-box; border-radius: 50%; background: #2898d5;} #history .history-box .txt-box > ul > li p + p{margin-top:10px;} #history .history-box.on .history-year{font-size: 42px;color: #2898d5;} #history .history-box.on .history-year:before{border-color: #2898d5;transform: scale(1.4);} #history .history-inner .point-cir{position: absolute;left:168px;top: 46px;z-index: 1;} #history .history-inner .point-cir .dot{width: 15px;height: 15px;background: #c9005f;border-radius: 50%;/*display: inline-block;*/display:none;} #history .history-inner .point-cir .bar {width: 2px;height: 0;background: #2898d5;position: absolute;bottom: 9px;left: 6px;} @media (max-width: 1170px){ #history {padding-bottom: 100px;} #history .txtFix {font-size: 200px;} #history .hisTit .his-top-tit{font-size:30px;} #history .topYear {font-size: 80px; line-height: 1;} #history .history-box .history-year {margin: 32px 30px 0 0;} #history .history-inner:after {height: 60px;} #history .history-box .txt-box {padding: 30px 40px;} #history .history-box .history-desc {gap: 20px 0;} } @media (max-width: 767px){ #history {padding-bottom: 60px;} #history .txtFix {font-size: 80px; word-spacing: -10px; letter-spacing: -5px;} #history .hisTit {text-align: center;} #history .hisTit .his-top-tit {font-size: 20px;} #history .topYear {font-size: 36px;margin-bottom: 0;} #history .history-box .history-year, #history .history-box.on .history-year {font-size: 25px; width: 90px; margin: 32px 19px 0 0;} #history .history-inner .point-cir {left: 87px;} #history .history-inner:before{left:87px;} #history .history-inner:after{left:86px;} #history .history-inner .point-cir .bar{left:0;} #history .history-box .history-year:before{left: 81px; top: 11px; width: 8px; height: 8px;} #history .history-box .history-month {gap: 5px;flex-direction: column;} #history .history-box .month-box {font-size: 20px;} #history .history-box .txt-box {padding: 15px;} #history .history-box .txt-box > ul {gap: 0; flex-direction: column;} #history .history-box .txt-box > ul > li {align-items: flex-start;justify-content: flex-start;gap: 5px;flex-direction: column;} #history .history-box .txt-box > ul > li + li{margin-top:10px;padding-top:10px;border-top:1px dotted #ddd;gap: 5px;} #history .history-box .txt-box > ul > li span {font-size: 16px;} #history .history-box .txt-box > ul > li p {font-size: 15px;word-break: keep-all;} #history .history-box .txt-box > ul > li p + p{margin-top:5px;} } /* -------------------------------- sub1_4 : 조직 및 업무 -------------------------------- */ #Org{position: relative; max-width: 1500px; padding: 0 0 200px; word-break: keep-all;} #Org .sec-cont{width: 100%;} #Org .organ_wr{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; width: 100%; max-width: 1000px; margin: 0 auto;} #Org .organ_wr::before{content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; width: 1px; height: 540px; background: #cdcdcd; z-index: -1;} #Org .organ_wr .organ{margin-bottom: 20px;} #Org .organ_wr .organ h3{text-align: center;} #Org .organ_wr .organ01{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 200px; height: 200px; border-radius: 50%; background: linear-gradient(181deg, #173e7d, #0f2347);} #Org .organ_wr .organ01 .txt img{display: block; width: 160px; margin-bottom: 10px;} #Org .organ_wr .organ01 .txt h3{width: 100%; font-weight: 400; font-size: 22px; color: #fff;} #Org .organ_wr .organ.line{position: relative; align-self: flex-start; width: 100%; max-width: 300px; border: 2px solid; background: #f6f7fa; border-radius: 8px; z-index: 1;} #Org .organ_wr .organ.line::before{content: ''; position: absolute; top: 50%; right: -68%; transform: translateY(-50%); display: block; width: 67%; height: 1px; background: #cdcdcd; z-index: -1;} #Org .organ_wr .organ.line h3{position: relative; padding: 15px 20px; font-weight: 600; font-size: 20px; color: #19335c;} #Org .organ_wr .organ.line.organ02{border-color: #19335c;} #Org .organ_wr .organ.line.organ03 h2{color: #19335c;} #Org .organ_wr .organ.line.organ04{border-color: #0069a6;} #Org .organ_wr .organ.line.organ04 h3{color: #0069a6;} #Org .organ_wr .organ03{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; max-width: 300px; padding: 20px 5px 5px 5px; background: linear-gradient(90deg, #19335c, #2898d5); text-align: center; border-radius: 10px;} #Org .organ_wr .organ03 .txt{width: 100%;} #Org .organ_wr .organ03 .txt img{display: inline-block; width: 160px; margin-bottom: 15px;} #Org .organ_wr .organ03 .txt h3{position: relative; width: 100%; padding: 10px 25px; font-weight: 600; font-size: 22px; color: #19335c; background: #fff; border-radius: 5px; z-index: 1;} #Org .organ_wr .organ05{position: relative; display: flex; justify-content: space-between; gap: 40px; width: 100%; margin-top: 60px;} #Org .organ_wr .organ05::before{content: ''; position: absolute; top: -46px; left: 50%; transform: translateX(-50%); display: block; width: 50%; height: 100px; border: 1px solid #cdcdcd; border-bottom: 0; z-index: -1;} #Org .organ_wr .organ05 .box{width: 100%; max-width: 500px; padding: 20px; background: #f1f9fe; border: 1px solid; border-radius: 12px;} #Org .organ_wr .organ05 .box h3{width: 100%; padding: 10px 20px; font-weight: 500; font-size: 22px; color: #fff; border-radius: 12px;} #Org .organ_wr .organ05 .box ul.list-Dot{margin-top: 10px; padding: 20px; background: rgba(255,255,255,.8); border: 1px solid; border-radius: 12px;} #Org .organ_wr .organ05 .box ul li{} #Org .organ_wr .organ05 .box ul li p{} #Org .organ_wr .organ05 .box01{border-color: rgba(25,51,92,.1);} #Org .organ_wr .organ05 .box01 h3{background: #19335c;} #Org .organ_wr .organ05 .box01 ul.list-Dot{border-color: rgba(25,51,92,.1);} #Org .organ_wr .organ05 .box02{border-color: rgba(0,105,166,.1);} #Org .organ_wr .organ05 .box02 h3{background: #0069a6;} #Org .organ_wr .organ05 .box02 ul.list-Dot{border-color: rgba(0,105,166,.1);} #Org .RollTxt{position:absolute;top: 50%; transform: translateY(-50%); width: 100vw;left:50%;margin-left: -50vw;white-space:nowrap;overflow:hidden;z-index: -1;} #Org .RollTxt .flow-text{display:flex;white-space:nowrap;transition:0.3s;gap: 100px;} #Org .RollTxt .flow-wrap{animation:textLoop 20s linear infinite;display: flex;align-items: center;font-size: 180px;text-transform:uppercase;font-family: "Monoton", sans-serif;font-weight: normal;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;word-spacing: 30px;} #Org .cir-t > h3{margin-bottom: 5px; padding: 10px 15px; font-weight: 600; font-size: 20px; color: #19335c;} #Org .cir-t table td.cont{font-weight: 500; font-size: 16px; line-height: 1.6; color: #4a515b; letter-spacing: -0.2px;} #Org .cir-t table td.cont i{margin-right: 5px; color: #2898d5;} @media (max-width: 1300px){ } @media (max-width: 1240px){ } @media (max-width: 1170px){ #Org{padding: 0 0 100px;} } @media (max-width: 1024px){ #Org .organ_wr .organ.line::before{display:none;} #Org .organ_wr .organ.line {align-self: center;} #Org .organ_wr .organ05 {gap: 20px;} } @media (max-width: 767px){ #Org{padding: 0 0 60px;} #Org .organ_wr::before{height:100%;} #Org .organ_wr .organ05 {gap:20px;width: 100%;margin-top: 30px;margin-bottom: 0;flex-direction: column;} #Org .organ_wr .organ05::before{display:none;} #Org .organ_wr .organ05 .box {width: 100%; max-width: 100%; padding: 10px;} } @media (max-width: 640px){ } @media (max-width: 520px){ } /* -------------------------------- sub1_5 : 찾아오시는 길 -------------------------------- */ #contact{position:relative;font-family: 'Escoredream'; padding-bottom:160px;} #contact .map-wrap{position:relative; border-radius:20px;/* box-shadow:0px 3px 20px 10px rgb(0 0 0 / 3%); */} #contact .map{overflow:hidden;position:relative;border-radius: 25px 25px 0 0;/* border: 1px solid rgb(0,155,241); */} #contact .map iframe{width:100%; height:100%; min-height:500px;} #contact .root_daum_roughmap .border1, #contact .root_daum_roughmap .border2, #contact .root_daum_roughmap .border3, #contact .root_daum_roughmap .border4{border:0 !important; opacity:0 !important;} #contact .map-info{position:relative;background:#fff;border-radius: 0 0 25px 25px;padding:45px 50px 40px 50px;word-break:keep-all;box-shadow: 0 10px 20px rgba(98, 97, 108, 0.2);z-index:10;} #contact .map-info .map-tit{font-size:28px;line-height:1.2;font-weight:normal;color: #111;padding-bottom:10px;} #contact .map-info .map-tit strong{font-weight:normal;} #contact .map-info .map-txt{width:100%;/* padding-top:20px; */display:flex;row-gap:10px;column-gap:80px;flex-wrap:wrap;} #contact .map-info .map-txt dl{display:inline-flex;align-items:flex-start;} #contact .map-info .map-txt dl:first-child{width:100%; margin-right:0; margin-bottom:15px;} #contact .map-info .map-txt dt{box-sizing:border-box;width:95px;font-size:18px;color: #212121;font-weight: bold;display:flex;word-break:keep-all;align-items:center;} #contact .map-info .map-txt dt i{margin-right:5px;} #contact .map-info .map-txt dd{width:calc(100% - 95px);font-size:17px;font-weight: 500;color: #212121;} #contact .map-info .map-txt dd a{color:#555;} #contact .map-info .map-txt p{display:block; margin-top:25px; color:#666; font-size:16px; line-height:1.6;} #contact .map-info .map-link{display:flex;margin-top: 30px;gap: 20px;} #contact .map-info .map-link > li{width:50%;} #contact .map-info .map-link > li a{color:#fff;font-weight: bold;display:flex;gap:5px;border-radius: 10px;width:100%;height:100%;padding:15px 20px;font-size:20px;text-align:center;justify-content:center;align-items:center;transition:.2s ease-out;} #contact .map-info .map-link > li:first-child a{background:#00dd57;} #contact .map-info .map-link > li:nth-child(2) a{background:#f9d100;} #contact .map-info .map-link > li:nth-child(3) a{background:#2e6bc4;} #contact .map-info .map-link > li i{font-size:23px;opacity:0.7;font-weight: normal;} #contact .map-info .map-link > li a:hover{transform:translateY(-5px);} #contact .map-info .map-link > li:first-child a:hover{background:#26e270;} #contact .map-info .map-link > li:nth-child(2) a:hover{background:#fad826;} #contact .map-info .map-link > li:nth-child(3) a:hover{background:#3974ca;} #contact .loca-list{} #contact .loca-list img{max-width:100%;} #contact .loca-list ul{} #contact .loca-list li{display:flex;padding:50px 40px;border-radius: 20px;border:1px solid rgba(224, 223, 226, 0.6);} #contact .loca-list li + li{margin-top:20px;} #contact .loca-list .icon{font-weight:normal;width:120px;text-align:center;display:flex;flex-direction:column;align-items:center;font-size:19px;font-weight:700;color:#242424;} #contact .loca-list .icon i{font-size:70px;margin-top:10px;font-weight: normal;} #contact .loca-list .txt-wrap{width: calc(100% - 120px);padding-left: 40px;} #contact .loca-list .txt-wrap .left-tit{margin-bottom:5px;word-break:keep-all;color:#546476;display:block;font-size:18px;line-height:1.4;font-weight: bold;} #contact .loca-list .txt-wrap .left-tit br{display:none;} #contact .loca-list .txt-wrap .long-txt, #contact .loca-list .txt-wrap .shot-txt{border-radius: 20px;padding:25px 35px;background:#f9f9f9;position:relative;} #contact .loca-list .txt-wrap .loca-list{line-height:1.6;font-size: 17px;display:block;position:relative;} #contact .loca-list .txt-wrap .long-txt .loca-t{margin-top: 10px;padding-left:50px;display:flex;min-height:40px;align-items:center;} #contact .loca-list .txt-wrap .loca-t{position:relative;line-height: 1.6;color: #111;font-weight: 600;} #contact .loca-list .txt-wrap i{font-style:normal; border-radius:50%; width:40px;height:40px;font-size:14px;display:inline-flex;color:#fff;background:#2970d6;align-items: center;justify-content: center;position: absolute;left: 0;top: 0;} #contact .loca-list .txt-wrap em.box-num{font-style: normal;background: #3cc344;color: #fff;padding: 2px 5px;font-size: 15px;font-weight: 600;} #contact .loca-list .txt-wrap em.box-num.c2{background:#87c700;} #contact .loca-list .txt-wrap i.sq-icon{width:25px;height:25px;margin: 0 5px 5px 0;position:relative;} #contact .loca-list .txt-wrap i.sq-2{background:#209032;} #contact .loca-list .txt-wrap i.sq-3{background:#f17734;} #contact .loca-list .txt-wrap i.sq-4{background:#3088c0;} #contact .loca-list .txt-wrap i.sq-5{background:#5c35ac;} #contact .loca-list .txt-wrap i.sq-7{background:#718345;} #contact .loca-list .txt-wrap i.sq-blue{background:#2970d6;} #contact .loca-list .txt-wrap i.sq-green{background:#65bb4e;} #contact .loca-list .txt-wrap i.sq-org{background:#e76452;} #contact .loca-list .txt-wrap .long-txt + .long-txt, #contact .loca-list .txt-wrap .shot-txt + .shot-txt, #contact .loca-list .txt-wrap .long-txt .loca-list .loca-t + .loca-t{margin-top:10px;} #contact .loca-list .st-tit{position:relative;font-size:20px;padding-left:28px;display:block;margin: 10px;color:#212121;} #contact .loca-list .st-tit > i{font-style:normal; border-radius:0%; width:auto;height:auto;font-size:22px;font-weight:normal; display:inline-flex;color:inherit; background:none; align-items: center;justify-content: center;position: absolute;left: 0;top: 0;} @media (max-width: 1300px){ #contact {padding: 0 0 100px 0;} } @media (max-width: 1170px){ #contact .map-wrap {margin-bottom: 0px;} } @media (max-width: 767px){ #contact {padding: 0 0 60px 0;} #contact .map {border-radius: 15px 15px 0 0;} #contact .map-wrap {margin-bottom: 0px; border-radius: 15px;} #contact .map-info {border-radius: 0 0 15px 15px; padding: 20px;} #contact .map-info .map-txt dl {gap: 10px; flex-direction: column;} #contact .map-info .map-txt dt {width: 100%;} #contact .map-info .map-txt dd {width: 100%;} #contact .map-info .map-link {margin-top: 20px; gap: 5px; flex-direction: column; align-items: center;} #contact .map-info .map-link > li {width: 100%;} #contact .map-info .map-link > li a {gap: 5px; border-radius:6px; padding: 10px; font-size: 17px;} #contact .loca-list li {padding: 20px; border-radius: 15px; flex-direction: column; align-items: center;} #contact .loca-list .txt-wrap {width: 100%; padding-left: 0;} #contact .loca-list .txt-wrap .long-txt, #contact .loca-list .txt-wrap .shot-txt {border-radius: 10px; padding: 10px; text-align: center;} #contact .loca-list .txt-wrap .left-tit {text-align: center;} #contact .loca-list .txt-wrap .loca-list {font-size: 16px;} #contact .loca-list .txt-wrap em.box-num {padding: 0px 2px;} } /* -------------------------------- sub2 : 사업안내 -------------------------------- */ #bis{padding-bottom: 160px;position:relative;} #bis .arr-prog{display: flex;position: relative;margin:30px auto;gap:20px;flex-wrap: wrap;} #bis .arr-prog > li{position:relative;flex: 1 1 25%;padding: 25px 40px;background: #f9f9f9;border-radius: 10px;text-align: center;display: flex;align-items: center;justify-content: center;transition:all 0.5s ease-out;flex-direction: column;flex-wrap: wrap;min-height: 155px;} #bis .arr-prog .year{color: #2898d5;font-weight:500;display:block;font-size: 18px;letter-spacing: -.8px;margin-bottom:10px;} #bis .arr-prog .title{color:#4a515b; font-weight:500; font-size:17px; letter-spacing:-.7px; word-spacing:-.5px; word-break:keep-all;} #bis .arr-prog .tit{font-size: 24px; color: #333;transition:all 0.5s ease-out;} #bis .arr-prog .tit span{font-size:18px;} #bis .arr-prog > li:before{ display: flex; content:"\ea6c"; font-family: 'remixicon' !important; font-style: normal; align-items: center; justify-content: center; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:50px; height:50px; border-radius: 50%; color: #2898d5; font-size:24px; box-shadow: 0px 5px 20px #2898d521; position:absolute; left: -8px; z-index: 10; } #bis .arr-prog > li:first-child:before{display:none;} #bis .arr-prog .tit{font-size:19px;} #bis .arr-prog > li.active{/* z-index:5; */background:#2898d5;transform:translateY(-10px); box-shadow:10px 11px 20px 0px rgba(79, 85, 99, 0.1);} #bis .arr-prog > li.active .year, #bis .arr-prog > li.active .title{color:#fff} /* 담당자 */ dl.contact {position:relative;display: flex;font-size: 22px;font-weight:400;gap: 20px;} dl.contact:after {content:"";display:block;clear:both} dl.contact dt {position: relative;font-weight: 600;letter-spacing: -.5px;color: #26293d;} dl.contact dt span{position:relative;padding-left: 28px;} dl.contact dt i {position:absolute;left: 0;top: 1px;display: flex;font-weight: normal;justify-content: center;align-items: center;} dl.contact dd{font-size: 18px;} dl.contact dd .icon-po{position:relative;display: flex;gap: 10px;} dl.contact dd .icon-po i{background: #0069a6;font-size: 17px;display: flex;width: 28px;height: 28px;border-radius:50%;color:#fff;font-weight: normal;justify-content: center;align-items: center;} .btm-btn-wr{position:relative;} .btn-blank{ min-width: 180px; padding: 17px 20px; border-radius: 7px; background-color: #586578; color: #fff; box-sizing: border-box; text-align: center; transition: background-color 250ms ease-in-out; vertical-align: middle; border: 1px solid #586578; font-size: 16px; line-height: 1; display: inline-flex; align-items: center; gap: 10px; justify-content: center; margin-top: 25px; } .btn-blank:hover{background:#2149a6; border-color:#2149a6;} #bis .com-list{display:flex;flex-wrap: wrap;margin-top: 60px;gap: 30px;justify-content: center;} #bis .com-list > li {width: calc(50% - 15px);text-align: center;background: #fff;position: relative;border: 1px solid rgba(224, 223, 226, 0.6);border-radius: 15px;padding: 9px;} #bis .com-list > li .tit {font-size: 22px;color: #000;font-weight:700;transition: .3s;} #bis .com-list > li .tit i{font-weight:normal;} #bis .com-list > li .txt {font-size: 17px;line-height: 1.6;color: #888;margin-top: 5px;} #bis .com-list > li .imgWr{/* overflow:hidden; */position:relative;/* border-radius: 30px; *//* padding-bottom:51%; */} #bis .com-list > li .imgWr img{width: 100%;max-width: 100%;/* position: absolute; *//* top: 50%; *//* left: 50%; *//* transform: translate(-50%, -50%); */transition: .3s;} #bis .com-list > li .txtWr{padding: 20px 15px;text-align:center;z-index:1;position:relative;box-sizing: border-box;} #bis .img-list{display:flex;gap: 15px;} #bis .img-list.col-4{} #bis .img-list > li{position:relative; flex:1;overflow: hidden;border-radius: 10px;} #bis .img-list > li > img{max-width:100%;width: 100%;} #bis .img-list.col-2 > li{width50%;} #bis .img-list.col-4 > li{width:20%;} @media (max-width: 1170px){ #bis {padding-bottom: 100px;} } @media (max-width: 767px){ #bis {padding-bottom: 60px;} #bis .arr-prog {margin: 20px auto; gap: 10px; flex-direction: column;} #bis .arr-prog > li{flex:none; width:100%; padding:20px; min-height:100px;} #bis .arr-prog > li:before{width: 35px;height: 35px;font-size: 19px;left: 50%;top: -30px;content: "\ea4c";transform: translate(-50%, 0%);} .btm-btn-wr{text-align:center;} dl.contact {gap: 10px; flex-direction: column; align-items: center;} #bis .com-list{flex-direction: column; gap:10px;} #bis .com-list > li {width: 100%;} } /* -------------------------------- sub4 : 특구제도안내 -------------------------------- */ #guide{padding-bottom: 160px;position:relative;} #guide .arr-prog{display: flex;position: relative;gap:20px;flex-wrap: wrap;} #guide .arr-prog > li{position:relative;flex: 1;padding: 15px;background: #ffffff;border-radius: 10px;text-align: center;display: flex;align-items: center;justify-content: center;transition:all 0.5s ease-out;flex-direction: column;flex-wrap: wrap;} #guide .arr-prog .year{color: #2898d5;font-weight:500;display:block;font-size: 16px;letter-spacing: -.8px;margin-bottom: 5px;} #guide .arr-prog .title{color:#4a515b;font-weight:500;font-size: 18px;letter-spacing:-.7px;word-spacing:-.5px;word-break:keep-all;} #guide .arr-prog .title em{display:block; font-style:normal; font-size:15px;} #guide .arr-prog .tit{font-size: 24px; color: #333;transition:all 0.5s ease-out;} #guide .arr-prog .tit span{font-size:18px;} #guide .arr-prog > li:before{ display: flex; content:"\ea6c"; font-family: 'remixicon' !important; font-style: normal; align-items: center; justify-content: center; background-color: #55556b; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 30px; height: 30px; border-radius: 50%; color: #fff; font-size: 15px; box-shadow: 0px 5px 20px #2898d521; position:absolute; left: -8px; z-index: 10; } #guide .arr-prog > li:first-child:before{display:none;} #guide .arr-prog .tit{font-size:19px;} #guide .arr-prog > li.active{/* z-index:5; */background:#2898d5;/*transform:translateY(-10px);*/ box-shadow:10px 11px 20px 0px rgba(79, 85, 99, 0.1);} #guide .arr-prog > li.active .year, #guide .arr-prog > li.active .title{color:#fff} .list11 {display: table;width: 100%;table-layout: fixed;counter-reset: section;margin-top: 20px;} .list11 li {display: table-cell; padding-right: 1.5rem;} .list11 .item {min-height: 0 !important;margin-left: 0 !important;padding: 20px;border-radius: 20px 20px 0 0;border: 1px solid #ddd;background-color: #fff;text-align: center;} .list11 .item img {max-width: 100%;} .list11 .item .label {margin-bottom: 0.75rem;} .list11 .item .label::after {display: inline-block;width: 22px;height: 22px;font-size: 13px;margin-left: 5px;color: #fff;border-radius: 100%;background-color: #2149a6;line-height: 22px;counter-increment: section;content: counter(section);} .list11 .title {position: static !important;width: 100% !important;height: auto !important;margin-top: -1px;padding: 0.5rem 0.25rem 0.75rem !important;border: 1px solid #ddd !important;background-color: #2149a60a;font-size: 18px;font-weight: 600;letter-spacing: -.5px;color: #2149a6;text-align: center;border-radius: 0 0 20px 20px;} .list11 .title::before, .list11 .title::after {display: none !important;} .list11.type1 li:nth-child(2) {text-align: center;} .list11.type1 li:last-child {text-align: right;} .list11.type1 img {max-width: 90%;} /* 연구소기업 > 설립절차 */ .chart11 {overflow: hidden;position: relative;z-index: 0;margin-top: 3rem;} .chart11 ul {display: table; width: 100%; table-layout: fixed;} .chart11 li {display: table-cell; position: relative; text-align: center; vertical-align: top;} .chart11 .depth1 li:first-child::after {position: absolute;left: 50%;top: 50%;z-index: -1;width: 400%;height: 1px;margin-top: -0.5px;border-bottom: 1px dotted #c4c4c4;content: '';} .chart11 .depth1 .label {display: table;width: 154px;height: 154px;margin: 0 auto;border-radius: 100%;border: 0.5rem solid #f8f8f8;vertical-align: top;} .chart11 .depth1 .label span {display: table-cell;border-radius: 100%;/* border: 3px solid #2149a6; */background-color: #2149a6;font-size: 17px;font-weight: 600;letter-spacing: -.7px;color: #fff;vertical-align: middle;} .chart11 .depth1 li:first-child .label span::before{display:none;} .chart11 .depth1 .label span::before {position: absolute;left: -3px;top: 50%;z-index: -1;width: 6px;height: 6px;margin-top: -2.5px;border-radius: 100%;background-color: #586578;content: '';} .chart11 .depth2 {margin-top: 20px;padding: 0px 10%;border: 1px solid #ddd;border-radius: 20px 20px 0 0;} .chart11 .depth2 li {padding: 20px;vertical-align: middle;font-weight: 500;letter-spacing: -.5px;} .chart11 .depth2 li::before {position: absolute;left: 50%;top: 0;width: 6px;height: 6px;margin: -3px 0 0 -2.5px;border-radius: 100%;background-color: #586578;content: '';} .chart11 .depth2 li::after {position: absolute;left: 50%;top: -100px;z-index: -2;width: 1px;height: 100px;margin-left: -0.5px;border-left: 1px dotted #c4c4c4;content: '';} .chart11 .depth2 li + li .label::before {position: absolute;left: -0.5rem;top: 50%;font-size: 27px;color: #586578;font-family: 'remixicon' !important;font-style: normal;content: "\ea67";transform: translateY(-50%);} .chart11 .depth3 {margin-top: -1px;border: 1px solid #ddd;background-color: #f8f8f8;color: #555;border-radius: 0 0 20px 20px;} .chart11 .depth3 li {padding: 20px 0;font-size: 17px;font-weight: 500;letter-spacing: -.5px;} .chart11 .depth3 li + li {border-left: 1px solid #ddd;} .list10 {display: table; width: 100%; margin-bottom: 2.5rem; table-layout: fixed;} .list10 li {display: table-cell; position: relative; color: #555; text-align: center; vertical-align: top;} .list10 li + li::before {position: absolute;left: -16px;top: 50%;z-index: 1;margin-top: -9%;font-size: 27px;color: #586578;font-family: 'remixicon' !important;font-style: normal;content: "\ea67";transform: translateY(-50%);} .list10 .label {display: table;position: relative;left: 50%;width: 154px;height: 154px;margin-bottom: 0.5rem;border-radius: 100%;border: 0.5rem solid #f8f8f8;font-size: 17px;font-weight: 500;letter-spacing: -.5px;color: #fff;line-height: 1.4;transform: translateX(-50%);} .list10 .label span {display: table-cell;padding: 0.5rem;border-radius: 100%;/* border: 3px solid #466192; */background: #2149a6;word-break: keep-all;vertical-align: middle;} .list10 .txt {width: 95%;margin: 0 auto;font-weight: 500;} .list10 .txt span {white-space: nowrap;} #guide .GS-c-list{margin:0;border-radius: 20px;padding: 0px 25px;border:1px solid rgba(224, 223, 226, 0.6);} #guide .GS-c-list > li{position:relative;cursor:pointer;border-bottom: 1px dotted rgba(224, 223, 226, 0.6);} #guide .GS-c-list > li:last-child{border:0;} #guide .GS-c-list .que{padding: 20px 0px;display:flex;align-items: center;justify-content: space-between;} #guide .GS-c-list .c-tit{color:#0096d9; font-size:26px; font-family:'GmarketSansMedium'; font-weight:normal; width:80px;} #guide .GS-c-list .que h4{position:relative;font-size: 20px;line-height: 1.5;font-weight: 500;letter-spacing: -1px;color:#1f1f1f;padding-right: 80px;width: 100%;word-break: keep-all;} #guide .GS-c-list .que h4 > b{margin-left:10px;font-family:"Chakra Petch", sans-serif;font-weight:800;font-size:20px;letter-spacing:0;color: #8e9aa7;} #guide .GS-c-list .que h4 i{position: absolute;right: 0;top: -6px;font-size: 30px;color: #0067db;font-weight: normal;/* transform: translate(0%, -50%); */} #guide .GS-c-list .anw{display:none;position:relative;padding: 15px 25px;background:#f9f9f9;border-radius: 15px;margin-bottom: 30px;} #guide .GS-c-list .anw .list-Dot > li{font-size:16px; padding-left:12px;} #guide .GS-c-list .anw .list-Dot > li:before{top:10px; width:4px; height:4px;} #guide .GS-c-list .anw .c-tit{position: absolute;left: 20px;top: 30px;} #guide .GS-c-list .anw .list-point{margin-top:10px;} #guide .GS-c-list .anw .list-point > li{font-size: 16px;letter-spacing:-.5px;font-weight: 500;color: #4a515b;} #guide .GS-c-list .anw .list-point > li:before{font-size:15px; top:0px;} #guide .step-wr{padding: 30px 60px 30px 30px;background: #f9f9f9;border-radius: 20px;} #guide .step-wr .stepArrow{display: flex;} #guide .step-wr .stepArrow > li{flex: 1; display: flex; flex-direction: column;} #guide .step-wr .stepArrow > li:nth-child(1) .title{background: linear-gradient(to right, #6bbcff 0%, #2fa4ff 100%); border-radius: 15px 0 0 15px;} #guide .step-wr .stepArrow > li:nth-child(2) .title{background: linear-gradient(to right, #2fa4ff 0%, #0385ea 100%);} #guide .step-wr .stepArrow > li:nth-child(3) .title{background: linear-gradient(to right, #0385ea 0%, #0a6fd8 100%);} #guide .step-wr .stepArrow > li:nth-child(3) .title::after{content:'';display:block;width:0px;height:0px;border-width:34px 0 34px 36px;border-color: transparent transparent transparent #0a6fd8;border-style:solid;position:absolute;left:100%;top:50%;transform:translateY(-50%);} #guide .step-wr .stepArrow .title{height:68px;font-size: 18px;color:#fff;font-weight:500;display:flex;align-items:center;padding:0 0 0 50px;position:relative;} #guide .step-wr .stepArrow .title::before{content:''; display:block; width:1px; height:43px; background:#fff; position:absolute; left:30px; bottom:0;} #guide .step-wr .stepArrow .item{padding: 25px 0 0 50px;flex:1 0 auto;position:relative;} #guide .step-wr .stepArrow .item::before{content:'';display:block;width:1px;height:100%;background: #d1d1d1;position:absolute;left:30px;top:0;} #guide .step-wr .stepArrow .subTitle{font-size: 19px;letter-spacing: -.7px;word-spacing: -1px;font-weight: 700;line-height:1;margin:0 0 15px;} #guide .step-wr .stepArrow > li:nth-child(1) .subTitle{color:#1a91ed;} #guide .step-wr .stepArrow > li:nth-child(2) .subTitle{color:#006fc7;} #guide .step-wr .stepArrow > li:nth-child(3) .subTitle{color:#2149a6;} #guide .step-wr .stepArrow .subList{} #guide .step-wr .stepArrow .subList li{font-size: 16px;color:#444;line-height:1;position:relative;padding-left:10px;line-height:1.4;} #guide .step-wr .stepArrow .subList li::before{content:''; width:4px; height:4px; background:#2898d5; border-radius:50%; top:8px; margin-right:5px; font-size:inherit; color:inherit; line-height:inherit; position:absolute; left:0;} #guide .step-wr .stepArrow .subList li:not(:last-child){margin-bottom:5px;} #guide.guide3 .item3-3-4{max-width:1400px; margin: 0 auto;} #guide.guide3 .item3-3-4 i{font-weight:normal;} #guide.guide3 .item3-3-4 .item-wrap{position: relative;display: flex;} #guide.guide3 .item3-3-4 .item-wrap ul li {height: 72px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #guide.guide3 .item3-3-4 .item-wrap ul li.head {display: flex;line-height: 1.4;text-align: center;font-size: 20px;gap: 7px;font-weight: 600;letter-spacing: -.5px;justify-content: center;align-items: center;height: 100%;padding: 15px;} #guide.guide3 .item3-3-4 .item-wrap .left-box {width: 37.7%;border: 2px solid #dddddd;border-right: 0;border-radius: 20px 0 0 20px;display: flex;flex-direction: column;justify-content: space-between;overflow: hidden;} #guide.guide3 .item3-3-4 .item-wrap .right-box {width: 37.7%;border: 2px solid #2149a6;border-left: 0;border-radius: 0 20px 20px 0;display: flex;flex-direction: column;overflow: hidden;} #guide.guide3 .item3-3-4 .item-wrap .left-box li.head {color: #6b6b6b;background: #f2f2f2;height: 58px;padding: 15px 20px;border-radius: 20px 0 0 20px;} #guide.guide3 .item3-3-4 .item-wrap .right-box li.head {color: #2149a6;background: #2149a612;height: 58px;padding: 15px 20px;border-radius: 0 20px 20px 0;} #guide.guide3 .item3-3-4 .item-wrap .left-box li:not(.head), #guide.guide3 .item3-3-4 .item-wrap .right-box li:not(.head) {display: flex;align-items: center;justify-content: center;text-align: center;padding: 15px 10px;/* height: calc(50% - -10px); */border-bottom: 1px solid #eeeeee;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #guide.guide3 .item3-3-4 .item-wrap .left-box li .txt, #guide.guide3 .item3-3-4 .item-wrap .right-box li .txt {font-size: 17px;font-weight: 500;color: #464646;line-height: 1.3;word-break: keep-all;} #guide.guide3 .item3-3-4 .item-wrap .center-box {width: 24.6%;border: 3px solid #2149a6;border-right: 0;border-left: 0;z-index: 10;} #guide.guide3 .item3-3-4 .item-wrap .center-box li.head {color: #fff;background: #2149a6;font-size: 26px;gap: 10px;flex-direction: column;border-bottom: 1px solid rgba(238,238,238,0.3);} #guide.guide3 .item3-3-4 .item-wrap .center-box li.head i{background:rgb(255,255,255,.1);width: 50px;height: 50px;border-radius:50%;display:flex;justify-content: center;align-items: center;line-height: 1;} #guide.guide3 .item3-3-4 .item-wrap .center-box li:not(.head) {display: flex;align-items: center;background: #b9173d;/* border-bottom: 0.1rem solid rgba(238,238,238,0.1); */padding: 15px 10px 0px 40px;height: auto;} #guide.guide3 .item3-3-4 .item-wrap .center-box li:nth-child(2){padding-top:20px;} #guide.guide3 .item3-3-4 .item-wrap .center-box li:nth-child(4){padding-bottom:20px;} #guide.guide3 .item3-3-4 .item-wrap .center-box li:not(.head) span {display: inline-flex;width: 40px;height: 40px;color: #fff;font-size: 22px;background: rgb(0,0,0,.2);position: relative;justify-content: center;align-items: center;font-family: "Tenor Sans", sans-serif;font-weight: 400;} #guide.guide3 .item3-3-4 .item-wrap .center-box li:not(.head) span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;} #guide.guide3 .item3-3-4 .item-wrap .center-box li:not(.head) .txt {width: calc(100% - 3.5rem);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 20px;font-size: 20px;font-weight: 600;line-height: 1.3;letter-spacing: -.5px;color: #fff;} #guide.guide3 .list11 {display: flex;width: 100%;counter-reset: section;margin-top: 0;flex-wrap: wrap;gap: 30px;justify-content: center;} #guide.guide3 .list11 > li {display: flex; flex-direction: column; width: calc(33.33333333% - 20px); padding: 0;} #guide.guide3 .list11 .item {min-height: 0 !important;margin-left: 0 !important;padding: 15px 20px 20px;font-size: 17px;line-height: 1.5;display: block !important;color: #595a5b;letter-spacing: -.7px;border-radius: 20px 20px 0 0;border: 1px solid #ddd;background-color: #fff;text-align: center;height: calc(100% - 47px);flex-direction: column;align-content: center;justify-content: center;} #guide.guide3 .list11 .item b{color:#163460;font-weight: 500;display: inline-block;} #guide.guide3 .list11 .item img {max-width: 100%;} #guide.guide3 .list11 .item p{word-break:keep-all;} #guide.guide3 .list11 .item .label {margin: 0 auto 10px;display: inline-block;width: 22px;height: 22px;font-size: 13px;margin-left: 0;color: #fff;border-radius: 100%;background-color: #2149a6;line-height: 22px;counter-increment: section;content: counter(section);} #guide.guide3 .list11 .item .label::after {display: none !important;} #guide.guide3 .list11 .title {position: static !important;width: 100% !important;height: 47px !important;margin-top: -1px;padding: 0.5rem 0.25rem 0.75rem !important;border: 1px solid #ddd !important;background-color: #2149a60a;font-size: 18px;font-weight: 600;letter-spacing: -.5px;color: #2149a6;text-align: center;border-radius: 0 0 20px 20px;} #guide.guide3 .list11 .title::before, #guide.guide3 .list11 .title::after {display: none !important;} #guide.guide3 .list11.type1 li:nth-child(2) {text-align: center;} #guide.guide3 .list11.type1 li:last-child {text-align: right;} #guide.guide3 .list11.type1 img {max-width: 90%;} #guide.guide3 .img-cont{position:relative;} #guide.guide3 .img-cont img{max-width:100%;} @media (max-width: 1300px){ #guide.guide3 .item3-3-4 .item-wrap{flex-direction: column;} #guide.guide3 .item3-3-4 .item-wrap .left-box {width: 100%;border-radius: 20px 20px 0 0;border-right: 2px solid #ddd;border-bottom: 0;} #guide.guide3 .item3-3-4 .item-wrap .center-box{width:100%;border: 0;} #guide.guide3 .item3-3-4 .item-wrap .right-box{width:100%;border-radius: 0 0 20px 20px;border-left: 2px solid #2149a6;border-top: 0;} #guide.guide3 .item3-3-4 .item-wrap ul li {height: auto;} } @media (max-width: 1240px){ } @media (max-width: 1170px){ #guide {padding-bottom: 100px;} #guide.guide3 .img-cont{width:100%; overflow-x:auto; white-space:nowrap; padding-bottom:20px;} #guide.guide3 .img-cont img{min-width:1000px;} } @media (max-width: 1024px){ } @media (max-width: 767px){ #guide {padding-bottom: 60px;} .step-bg {padding: 10px;} .list11 {display: flex; width: 100%; flex-direction: column; gap:10px;} .list11 li {padding-right: 0;} #guide .arr-prog {gap: 10px;} #guide .arr-prog > li{width:100%; flex:none;} #guide .arr-prog > li:before{ width:25px; height:25px; font-size: 17px; left: 50%; top: -20px; content: "\ea4c"; transform: translate(-50%, 0%); } .chart11 {text-align: center;white-space: nowrap;overflow: visible;} .chart11 ul {display: inline-block; width: auto; height: 30rem; vertical-align: top;} .chart11 li {display: block;height: 140px;} .chart11 .depth1 li:first-child::after, .chart11 .depth1 li:first-child .label span::before {display: none;} .chart11 .depth1 .label span::before {left: 50%;top: -10px;z-index: 0;} .chart11 .depth1 .label span {font-size: 14px;font-weight: 500;} .chart11 .depth1 .label {width: 120px;height: 120px;} .chart11 .depth2 {margin: 0 0 0 1rem;height: 100%;padding: 60px 0;border-radius: 10px 0 0 10px;} .chart11 .depth2 .label {height: 100%;font-size: 15px;} .chart11 .depth2 .label span {display: block; position: relative; top: 50%; transform: translateY(-50%);} .chart11 .depth2 li + li .label::before {left: 50%; top: 0; margin: -0.5rem 0 0 -0.5rem; transform: translateY(0) rotate(0);} .chart11 .depth2 li::before {left: 0; top: 50%; margin: -2.5px 0 0 0; transform: translateX(-2.5px);} .chart11 .depth2 li::after {left: -75px;top: 50%;width: 75px;height: 1px;margin: -0.5px 0 0;border: 0 none;border-top: 1px dotted #c4c4c4;} .chart11 .depth3 {margin: 0 0 0 -5px;border-radius: 0 10px 10px 0;height: 682px;} .chart11 .depth3 li {height: 50%;} .chart11 .depth3 li + li {border: 0 none; border-top: 1px solid #ddd;} .chart11 .depth3 .label {position: relative; top: 50%; width: 1rem; margin:0 0.5rem; white-space: normal; transform: translateY(-50%);} .list10 {width: 7rem; margin: 0 auto 0.5rem;} .list10 li {display: block; margin-bottom: 0.5rem;} .list10 li + li::before {content: "\ea49";display: block;position: static;left: 0;top: 0;margin: 0 auto 0.5rem;transform: rotate(0);} .list10 .label {margin-bottom: 0.25rem;} #guide .step-wr {padding: 15px 30px 15px 15px;} #guide .step-wr .stepArrow > li:nth-child(3) .title::after {border-width: 25px 0 25px 20px;} #guide .step-wr .stepArrow .title {height: 50px; font-size: 16px; padding: 0 0 0 35px;} #guide .step-wr .stepArrow .title::before {height: 40px; left: 20px;} #guide .step-wr .stepArrow .item::before{ left: 20px;} #guide .step-wr .stepArrow .item {padding: 20px 0 0 35px;} #guide.guide3 .item3-3-4 .item-wrap .center-box li.head {font-size: 20px;} #guide.guide3 .item3-3-4 .item-wrap .left-box li.head, #guide.guide3 .item3-3-4 .item-wrap .right-box li.head{height: auto; padding: 15px 20px; font-size: 18px; border-radius: 0;} #guide.guide3 .item3-3-4 .item-wrap .left-box li .txt, #guide.guide3 .item3-3-4 .item-wrap .right-box li .txt {font-size: 15px;} #guide.guide3 .list11 {gap: 10px; flex-direction: column;} #guide.guide3 .list11 > li {width: 100%;} } @media (max-width: 640px){ } @media (max-width: 520px){ #guide .step-wr {padding: 15px;} #guide .step-wr .stepArrow {flex-direction: column;} #guide .step-wr .stepArrow > li:nth-child(1) .title, #guide .step-wr .stepArrow > li:nth-child(2) .title, #guide .step-wr .stepArrow > li:nth-child(3) .title{border-radius: 10px;} #guide .step-wr .stepArrow > li:nth-child(3) .title::after{border-width: 0;} } /* 테이블 */ table{width:100%; border-collapse:collapse; border-spacing:0;} .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:500; color:#333;} .table tbody th, .table tbody td, .table tfoot th, .table tfoot td{padding:14px 10px;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;font-weight:400;color: #212121;word-break:keep-all;} .table tbody th{text-align:center;font-size: 17px;color: #212121;font-weight: 600;} .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;} .table td .point-info{margin-top:10px;position:relative;padding-left: 13px;color:#9c6e37;font-size: 16px;font-weight:400;letter-spacing:-0.5px;line-height: 1.4;text-align:left;} .table td .point-info:before{content:"*";position:absolute;left:0;top:0;font-size: 16px;display:inline-block;} /* 가로스크롤 */ .table_con_wrap{position:relative;margin:0 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;} @media (max-width:800px){ .table_con_wrap{width:100%; overflow-x:auto; white-space:nowrap; padding-bottom:20px;} .table_con_wrap table{width:100%;} .table_con_wrap .table_prev_mo{display:block;} p.mo_hide{display:block;} } @media (max-width: 767px){ .table thead th, .table tbody th{font-size:16px;} .table tbody td{font-size:15px;} .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;} } /* -------------------------------- 개인정보처리방침 -------------------------------- */ .privacy-policy{font-family:'Noto Sans KR';padding-bottom:120px;line-height: 1.6;} .privacy-policy .pp-right{float:right;margin-bottom: 15px;display: flex;flex-direction: column;align-items: flex-end;} .privacy-policy .pp-right > dl{display:flex;} .privacy-policy .pp-right > dl + dl{margin:0;} .privacy-policy .pp-right > dl > dt{width: auto;font-size: 15px;font-weight: normal;color: #666;margin: 0 5px 0 0;} .privacy-policy .pp-right > dl > dd{font-size: 15px; color: #666;} .privacy-policy .table_con_wrap{margin-bottom:60px;} .privacy-policy p + .table_con_wrap{margin-top:30px;} .privacy-policy .gray-bg{border-radius: 20px;padding: 4.3% 5%;margin: 36px 0 0;border: 1px solid rgba(224, 223, 226, 0.6);} .privacy-policy .table-icon-img{margin:0 auto; max-width:100%;} .privacy-policy p + dl{margin-top: 50px;} .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;font-size: 16px;} .privacy-policy .txt, .privacy-page dd{font-size:16px; color:#222;} .privacy-policy .txt + .txt{margin:10px 0 0 0;} .privacy-policy .txt-2{margin:10px 0 0 0;} .privacy-policy dl + dl{margin-top: 50px;} .privacy-policy dt{font-size: 20px;display:inline-block;width:100%;color:#000;line-height:inherit;font-weight:700;margin: 0px 0 10px;} .privacy-policy .tit-flex{display:flex;align-items: center;} .privacy-policy .tit-flex .icon-wr{display:flex; gap:8px; margin-left:10px;} .privacy-policy .tit-flex img{display: inline-block;max-width: 25px;} .privacy-policy dd > ul.pp-ganada{padding-left: 20px; margin:10px 0;} .privacy-policy dd > ul.pp-ganada > li{} .privacy-policy dd > ul.pp-ganada > li + li{margin-top:10px;} .privacy-policy dd > ul.pp-ganada > li > strong{display:block;font-size: 17px;} .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;} .privacy-policy dd ol{margin:15px 0;} .privacy-policy dd li + li{margin-top:5px;} .privacy-policy dd p + p{margin-top:10px;} .privacy-policy .rm-list{margin-top:10px;} .privacy-policy .rm-list > li{padding-left:20px; position:relative;} .privacy-policy .rm-list > li:before{content:"※"; position:absolute; left:0; top:0; display:inline-block;} .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: 80px;} #nonMail .contTit-s{margin-top:50px;} #nonMail .ui-topbox .txtwrap p{/*margin:30px 0 0;*/} #nonMail .ui-ftbox .inner{text-align:center;} .ui-topbox{position:relative;padding:3px;background:#f1f3f6;border:none;border-radius: 0;word-break: keep-all;border-radius: 25px;} .ui-topbox:before{left:0;right:0;top:0;z-index:1;width:auto;height:50px;background:#cacfd5;display:block;position:absolute;border-radius: 25px 25px 0 0;content:"";} .ui-topbox:after{left:0;top:0;z-index:2;width:205px;height:50px;background: #193889;display:block;visibility:visible;position:absolute;border-radius: 25px 0 0 0;content:"";} .ui-topbox .inner{position:relative;min-height: 185px;background:#fff;padding:30px 60px 30px 205px;border-radius: 22px;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-color: #193889;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: 18px;line-height:1.6;color:#8d8d8d;} .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: #00ffd5;font-weight:normal;} .ui-topbox .txtwrap p > strong{color: #253dbe;font-weight: bold;} .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: 25px;} .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: 50px;padding:15px 30px;color:#fff;font-weight: 500;gap: 10px;font-size: 17px;align-items: center;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 {border-radius: 15px;} .ui-topbox:before {border-radius: 15px 15px 0 0;} .ui-topbox:after {border-radius: 10px 0 0 0;} .ui-topbox .inner{padding: 15px;min-height:auto;border-radius: 11px;} .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;} } .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{width:100%; border-collapse:collapse; border-spacing:0;} .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: 22px 10px;border:1px solid #e7e7e7;border-top:0;border-bottom-color:#e7e7e7;background-color:#f5f5f5;color: #212121;font-size: 19px;font-weight: 500;letter-spacing: -1px;text-align:center;} .table thead th:first-child{border-left:none;} .table thead th:last-child{border-right:none;} .table.left-th tbody th{background:#363b5b; color:#fff; font-size:19px;} .table tbody th, .table tfoot th{background-color:#f9fafc; font-weight:500; color:#333;} .table tbody th, .table tbody td, .table tfoot th, .table tfoot td{padding: 22px 10px;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;font-weight: 500;color: #212121;word-break:keep-all;} .table tbody th{text-align:center;font-size: 18px;color: #212121;font-weight: 500;} .table tbody td{font-size: 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: 0;text-align:left;display:inline-block;} .table tbody td > ul.list-point{padding-left:0;} .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 tbody td.txt-left{text-align:left;padding-left: 25px;} .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;} .ws-btn{font-weight: 500;} .ws-btn i{font-weight:normal;} .ws-btn:hover{text-decoration:underline;} .lab-blank-btn{transition: .3s;display: inline-flex;background: #66665c;color: #fff;align-items: center;justify-content: space-between;border-radius: 6px;width: auto;gap: 10px;font-weight:600;font-size: 16px;padding: 5px 18px;} .lab-blank-btn i{font-weight:normal;} .lab-blank-btn:hover{background:#97764b; transform: translateY(-1px);} .table-color{position:relative;width:100%;background-color:#fff;font-size: 16px;line-height: 1.5; font-weight: 600;} .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:normal; text-align:center;} .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: #555;word-break:keep-all;} .table-color tbody th{font-weight:normal; color:#222;font-size:18px;} .table-color tbody td{} .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 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{position:relative; display:inline-flex; align-items:center; justify-content:center; padding-left:28px; color:#222; font-weight:normal; transition:.2s ease-out;} .table-color .call i{background:#f7c326; color:#fff; border-radius:50%; width:23px; height:23px; font-size:14px; text-align:center; line-height:22px; position:absolute; left:0; top:-1px; transition:.2s ease-out;} .table-color .call:hover{} .table-color .call:hover i{background:#deaf22;} .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;} .t-link{color:#c8005f; font-weight:500;} .t-link:hover{text-decoration:underline;} /* table td em{display:inline-block; background:#38d5b8; border-radius:50%; width:15px; height:15px;} table td em.c1{background:#38d5b8;} table td em.c2{background:#4cc1ec;} table td em.c3{background:#5e91f0;} table td em.c4{background:#7f82ea;} */ /* 테이블 가로 스크롤 */ .table_con_wrap{position:relative;margin: 20px 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;} .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: 7px;margin:0;} .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: #363b5b;color: #fff;border-color:rgb(255,255,255,.7)} .cir-t table td{background:#fcfcfc;} .cir-t.left-th table tbody th{background: #333;color: #fff;} .cir-t.left-th table tbody td.th-bg{background: rgba(246, 247, 250, 1);} .cir-t table tbody th{background: rgba(246, 247, 250, 1);border-color:#eee} .cir-t table tbody th .posi{background: #01ce6b;color:#fff;font-size: 15px;border-radius:50px;width: 90px;height: 30px;display:inline-flex;justify-content: center;align-items: center;vertical-align: middle;margin-left: 10px;} .cir-t table tbody th.td-bg1, .cir-t table td.td-bg1, .td-bg1{background:#fff2f2;} .cir-t table tbody th.td-bg2, .cir-t table td.td-bg2, .td-bg2{background:#f1f7fd;} .cir-t table tbody th.td-bg3, .cir-t table td.td-bg3, .td-bg3{background: #f1fdf6;} .cir-t table tbody th.td-bg4, .cir-t table td.td-bg4, .td-bg4{background: #fff8f1;} .cir-t table tbody th.td-bg5, .cir-t table td.td-bg5, .td-bg4{background: #fcf1fd;} .subj-class-list {padding: 0px 10px;/* grid-template-columns: 1fr 1fr 1fr; *//* display:grid; */gap: 10px;display: flex;flex-wrap: wrap;} .subj-class-list > p{position:relative;background: #f9f9f9;border:1px dotted #ccc;color: #333;font-size: 16px;font-weight: 600;line-height: 1.4;letter-spacing:-0.5px;border-radius: 6px;text-align:center;padding: 10px 15px;display: flex;justify-content: center;align-items: center;} .subj-class-list > p.edu1{background: #fef0f0;border-color: #e9cad2;} .subj-class-list > p.edu2{background: #f1f7fd;border-color: #bcd3e9;} .subj-class-list > p.edu3{background: #f4fbf7;border-color: #cae3d5;} .subj-class-list > p.edu4{background: #fff8f1;border-color: #edd5bd;} .subj-class-list > p.edu5{background: #fcf3fd;border-color: #e9d3eb;} .subj-class-list.col-2 > p{flex:1 1 40%;} .subj-class-list.col-3 > p{width: 32.5%;} .subj-class-list.col-4 > p{width: 18.9999%;} @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;} .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%); } .respo-table tbody th{font-size:15px; padding:10px; color:#fff; background:#4f687e; width:100%; display:block; border-radius:5px;} .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;} .subj-class-list.col-4 > p{width:100%;} .subj-class-list.col-3 > p{width:100%;} } @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 table{width:100%;} .table_con_wrap .table_prev_mo{display:block;} p.mo_hide{display:block;} .cir-t{border:0; padding:0;} } @media (max-width: 767px){ .table thead th, .table tbody th{font-size:16px;padding: 10px 10px;} .table.left-th tbody th{font-size:16px;} .table tbody td{font-size:15px;padding: 10px 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;} .subj-class-list {padding: 0; gap:5px;} .subj-class-list > p{font-size: 14px; padding:5px;} } /* -------------------------------- 준비중 -------------------------------- */ .ui-comming{overflow:hidden;position:relative;background-color: #fff;box-shadow: 8px 6px 20px 0 rgba(0, 0, 0, 0.1);} .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:#00ffd5; border-radius:50%; font-size:30px; line-height:74px; color:#fff;} .ui-comming .tit small{display:block; margin:20px 0 15px; font-weight:600; font-size:28px; color:#333; letter-spacing:-.2px; line-height:1.2;} .ui-comming .tit small strong{color:#00ffd5;font-weight:600;} .ui-comming .tit p{font-size:17px; color:#666;}