#allWrap.sub{overflow-x: hidden;} #sVisual{position: relative; display: flex; justify-content: flex-end; } #sVisual .sVis_wr{position: relative; width: calc(100% - 2%); height: 500px; padding-top: 180px;} #sVisual .slogan{position: relative; line-height: 1.1; z-index: 10; display: block; margin: 0 auto; padding-left: 5%;} #sVisual .slogan .big-tit{position: relative; font-weight: 700; font-size: 64px; color: #fff; line-height: 1; letter-spacing: -1px;} #sVisual .svWrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 0 0 0 140px; background: #000; z-index: -1;} #sVisual .svWrap::before{content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 1;} #sVisual .svWrap .sv-img{width: 100%; height: 500px; position: relative; top: 0; left: 0; opacity: 1; animation: mymove 5s; background: url("/images/sub/sVisual.jpg") no-repeat 50% 12% / cover;} #sVisual .svWrap .sv-img1{background: url("/images/sub/sVisual.jpg") no-repeat 50% bottom; background-size:cover;overflow: hidden;} #sVisual .svWrap .sv-img2{background: url("/images/sub/sVisual.jpg") no-repeat 50% bottom; background-size:cover;overflow: hidden;} #sVisual .svWrap .sv-img3{background: url("/images/sub/sVisual.jpg") no-repeat 50% bottom; background-size:cover;overflow: hidden;} #sVisual .svWrap .sv-img4{background: url("/images/sub/sVisual.jpg") no-repeat 50% bottom; background-size:cover;overflow: hidden;} #sVisual .svWrap .sv-img5{background: url("/images/sub/sVisual.jpg") no-repeat 50% bottom; background-size:cover;overflow: hidden;} @keyframes mymove{ from{filter: blur(5px); transform:scale(1.2)} to{filter: blur(0); transform:scale(1)} } .sContWrap{position:relative;width:100%;height:100%;min-height:500px; } .sContWrap:after{display:block; content:""; clear:both;} .sCont{width:90%;max-width: 1520px;min-height:500px;margin:0 auto;position:relative;word-break:keep-all; padding: 100px 0;} .sCont .sCont-title{display:block;padding: 0px 0 60px;color: #111;font-size: 42px;line-height:1.6;font-weight: 700;letter-spacing: -1px;text-align:center;} .sub-board-bottom{padding-bottom:160px;} #location{display: inline-block;width: auto;margin-top: 120px;padding-left: 5%;z-index: 10;} .lnb{position: relative; z-index: 10; display: flex; justify-content: flex-start; gap: 10px; /* margin: 0 auto; */ padding: 10px; border-radius: 50px; background: #fff;} .lnb .lnb-map{display: flex;width: 100%;} .lnb .lnb-map:after{content:''; display:block; clear:both;} .lnb .lnb-map li a{display:block;} .lnb .lohom{position:relative;width: 67px;height: 60px;z-index:1;background-color:transparent;} .lnb .lohom > a{display:flex;align-items:center;justify-content:center;height: 100%;width: 100%;background: #000;color: #fff;font-size:18px;border-radius: 50%;position:relative;} .lnb .lnb-map > li{width: 300px;background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);border-radius: 50px;} .lnb .lnb-map > li:first-child{margin-right: 10px;} .lnb .lnb-map > li > a{} .lnb .lnb-map li.depth{position:relative;} .lnb .lnb-map li:first-child a span{} .lnb .lnb-map li.depth ul{display:none;position:absolute;top: 60px;left:0;width:100%;padding: 0 0 20px 0;background:#fff;z-index:10;border-radius: 0 0 25px 25px;box-shadow: 0 20px 20px 0px rgba(79, 85, 99, 0.2);} .lnb .lnb-map li.depth ul li a{display: block; padding: 7px 30px; font-size: 16px; font-weight: 500; letter-spacing: -.5px; color: #333;} .lnb .lnb-map li.depth ul li a:hover{color: #222;} .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 #cdcdcd; border-right: 2px solid #cdcdcd; display:inline-block; position:absolute; content:""; transition:.3s ease-out; } .lnb .lnb-map li:first-child a:after{border-top:2px solid #cdcdcd; border-right:2px solid #cdcdcd;} .lnb .lnb-map li.depth ul li a:hover{} .lnb .lnb-map li.depth a span{width:100%;font-size: 18px;color: #222; background: #f4f4f4;height: 60px;line-height: 1.3;display:flex;font-weight: 500;letter-spacing: -.5px;padding: 0 30% 0 30px;transition:.1s ease-out;align-items:center;border-radius: 100px;} .lnb .lnb-map li:first-child.depth a span{} .lnb .lnb-map li:last-child.depth a span{} .lnb .lnb-map li.depth a.menu_active{box-shadow:15px 15px 20px 0 rgba(0,0,0,.1);} .lnb .lnb-map li a.menu_active:after{border-color:#878894;transform:rotate(314deg);margin-top:-5px;} .lnb .lnb-map li.depth ul{} .lnb .lnb-map li.depth a.menu_active span{position: relative; background: #fff; color: #222; border-radius: 25px 25px 0 0;} .lnb .lnb-map li.depth a.menu_active span:after{content:''; position:absolute; bottom:0; left:30px; width:220px; height:1px; background:rgba(255,255,255,.1);} .lnb .lnb-map li.depth ul.moreMenu li a{position:relative; word-break:keep-all;} .lnb .lnb-map li.depth ul.moreMenu li a:after{display:none;} .lnb .lnb-map li.depth ul.moreMenu li a.active{font-weight: 600; color: #30a82f;} .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: 1500px){ #sVisual .slogan .big-tit big{font-size:60px;} #sVisual .slogan .big-tit small{font-size:24px;padding-left: 130px;} #sVisual .slogan .big-tit small:before{width: 100px;} } @media (max-width: 1170px){ #sVisual {/* padding-top: 100px; */} #sVisual .slogan {/* margin: 70px auto 40px; */} #sVisual .sVisual {height: 300px;} .sub-board-bottom{padding-bottom:80px;} .lnb .lnb-map > li {width: 50%;} #location {bottom: 40px;width: 100%;padding: 0 4%;/* margin-left: 2.60417vw; */} } @media (max-width: 980px){ #sVisual .slogan .big-tit {gap: 10px;align-items: center;flex-direction: column;font-size: 40px;padding-left: 6px;} #sVisual .slogan .big-tit small{padding:0;} #sVisual .slogan .big-tit small:before{display:none;} } @media (max-width: 767px){ #sVisual {/* padding-top: 80px; */} #sVisual .sVis_wr {height:400px;} #sVisual .svWrap{border-radius: 20px 0 0 20px;} #sVisual .slogan {margin: 40px auto 20px;} #sVisual .slogan .big-tit big:before{width: 65px; height: 65px; background-size: 100%;bottom: 0;right: 0;} #sVisual .slogan .big-tit big{font-size:30px;} #sVisual .slogan .big-tit small{font-size:24px;padding-left:0px;} #sVisual .sVisual {height: 180px;} #sVisual .svWrap .sv-img1, #sVisual .svWrap .sv-img2, #sVisual .svWrap .sv-img3, #sVisual .svWrap .sv-img4, #sVisual .svWrap .sv-img5, #sVisual .svWrap .sv-img6, #sVisual .svWrap .sv-img7, #sVisual .svWrap .sv-img8{background-position:50% 50%;background-size: 100%;overflow: hidden;background-attachment:unset;background-size: cover;} .sub-board-bottom{padding-bottom:40px;} #location {bottom: 30px;margin-top: 30px;} .lnb{gap:5px;} .lnb .lohom{width: 47px;height:45px;} .lnb .lohom > a{font-size:14px;} .lnb .lnb-map{width:calc(100% - 45px); gap:5px;} .lnb .lnb-map > li {width:50%;height: 45px; border-radius: 10px;} .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.depth a span, .lnb .lnb-map li.depth a.menu_active span{border-radius:10px 10px 0 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%;} } .sec-cont{position:relative;} .sec-cont + .sec-cont{margin-top:60px;} .ess-color{color: #f65354;font-size: 22px;} @media (max-width: 1170px){ .sCont{padding: 80px 0;} .sCont .sCont-title{font-size:42px;} } @media (max-width: 767px){ .sCont .sCont-title{padding-bottom: 0;font-size:28px;line-height: 1.2;margin:0 auto 30px;} .sCont{padding: 60px 0;} } @media (max-width: 767px){ .contTit-s{margin:30px 0 10px; font-size:17px;} .contTit-s .right-txt{margin:5px 0; font-size:13px;} .list-Dot>li{padding-left:10px; font-size:14px;} #sub-top .contTit-s{margin-top:30px;} #sub-top ul.bis-info-list li{padding-left:10px; font-size:15px;} .ui-topbox .inner{padding:20px 20px; min-height:auto;} .ui-topbox .inner.img-inner{padding:20px 20px;} .ui-topbox .img15, .ui-topbox .img-step{width:200px; height:200px;} .ui-topbox .icon{display:none;} .ui-topbox .txtwrap .tit-wrap{display:block; font-size:22px; line-height:1.2;} .ui-topbox .txtwrap strong.logo-img{display:block; margin-right:0; width:180px; height:29px; background-size:100%; margin-bottom:10px;} .ui-topbox .txtwrap p{font-size:14px;} } .sub-sub-tit {display: inline-block;position: relative;font-size:24px;font-weight: 600;font-family: "Poppins", sans-serif;letter-spacing: -0.055em;line-height: 1.2em;color: #1f75f7;text-align: center;} .sub-sub-tit:before {position: absolute;content: "";bottom: -2px;left: 0;width: 100%;height: 1.3px;background-color: #1f75f7;} .contTit-center{text-align:center; display:block; margin:0 0 20px 0; font-weight:500; text-decoration:underline; font-size:32px; color:#0c4167; letter-spacing:-1px; line-height:1.2;} .contTit-big{display:block;margin:60px 0 15px;font-weight:700;font-size:34px;color: #212121;letter-spacing:-1px;line-height:1.2;} .contTit{display:block; margin:60px 0 15px; font-weight:700; font-size:28px; color:#2a2a2a; letter-spacing:-1px; line-height:1.2;} .contTit:first-child{/* margin-top:0; */} .contTit-s{display:block;margin:40px 0 13px;font-weight:700;font-size: 28px;color: #30a82f;word-spacing:-.5px;line-height: 1.4;} .contTit-ss{display:block;margin: 30px 0 13px;font-weight: 600;font-size: 19px;color: #212121;text-decoration:underline;word-spacing:-.5px;line-height:1.2;} .contTit+.contTit-s{margin:10px 0 12px;} .contTit-big+.contTit-s{margin:10px 0 12px;} .contTit-s + .contTit-ss{margin:10px 0 12px;} .contTit-s > a{margin-left:10px;} .contTit-big > .eng-tit{font-size: 24px;margin-left: 10px;color: #777;font-weight: 500;letter-spacing: -.5px;} .flex-tit .eng-tit, .contTit > .eng-tit{font-size: 20px;margin-left: 10px;color: #777;font-weight: 500;letter-spacing: -.5px;} .contTit > .eng-tit.block{display:block; margin-left:0; margin-top:5px;} .flex-tit{display:flex;align-items:flex-start;gap:30px;} .flex-tit.full{justify-content:space-between;} .flex-tit > .blank-btn{margin:-5px;} p.txt{color:#666;font-size: 18px;font-weight:400;letter-spacing:-0.5px;line-height:1.6;} p.txt + p.txt{margin-top:20px;} .txt-bold{color:#111;letter-spacing:-.5px;font-weight:500;} .red-bold{color:#253369;letter-spacing:-.5px;font-weight:500;} .txt-bold > em{text-decoration:underline; font-style:normal;} .a-bold{text-decoration:underline; font-weight:600; color:#333;} p.txtSt1{color:#666; line-height:1.6; font-size:18px; word-break:keep-all;} .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:18px; letter-spacing:-0.036em; line-height: 1.778em; color:rgba(34, 34, 34, 0.8); font-weight:700;} ul.h-bold-list{} ul.h-bold-list > li{font-size:18px;letter-spacing:-0.036em;line-height:1.7;color:rgba(34, 34, 34, 0.9);font-weight:600;position: relative; padding-left:22px;} ul.h-bold-list > li:before{content: "\ef3b";font-family:remixicon !important;font-style:normal;color:#253369;position:absolute;left:0;top: 3px;font-size:14px;} ul.h-bold-list > li > ul.list-hyphen{margin-bottom:10px;} ul.h-bold-list > li > ul.list-hyphen > li{font-size:17px;} .wb{display:inline-block;width: 65px;text-align:justify;position:relative;font-weight:600;color:#9c6e37;line-height:0;margin-right: 5px;} .wb:before{content:""; display:inline-block; width:100%;} .wb:after{content:""; display:inline-block; width:100%;} .grayBox{border:7px solid #f5f5f5; position:relative; padding:35px 50px 35px 35px; background:#fff;} .grayBox .img-wrap{position:relative; text-align:center;} .grayBox .img-wrap > img{max-width:100%;} ul + .img-wrap, ol + .img-wrap, p + .img-wrap{margin-top:30px;} .grayBox + .grayBox{margin-top:20px;} .grayBox .contTit-s{margin-top:0;} .grayBox + ul{margin-top:20px;} .grayBox + p{margin-top:20px;} .cont-sec{position:relative;} .cont-sec + .cont-sec{margin-top:80px;} .cont-sec:nth-child(1){padding:0;} .cont-sec.bg{padding: 80px 0;} .cont-sec.bg:before{content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; margin-left:-50vw; background:#eff2fa; z-index:-2;} .cont-sec.bg > .contTit{margin-top:0;} .cont-sec.cont-left{display:flex;} .cont-sec h3 > {} .cont-sec .s-cont{position:relative;} .cont-sec.cont-left > h3{display:inline-block; width:25%;} .cont-sec.cont-left > h3 .contTit{margin-top:5px; font-size:22px;} .cont-sec.cont-left > .s-cont{width:75%;} .cont-sec.cont-left p.txt{font-size:17px; line-height:1.6;} .mb-10{margin-bottom:10px;} .mb-15{margin-bottom:15px;} .mb-20{margin-bottom:20px;} .mb-25{margin-bottom:25px;} .mb-30{margin-bottom:30px;} .mb-40{margin-bottom:40px;} .mb-60{margin-bottom:60px;} .box-flex{display:flex;} .gs-box{border-radius:30px; padding:22px; background:#f9f9f9; text-align:center;} .gs-box .r-red{ background:#00bfe6; color:#fff; text-align:center; border-radius:30px; box-shadow:inset 0px 5px 10px 0 rgb(121 121 121 / 6%); font-size:18px; font-weight:500; padding:10px 20px 9px; font-family:'LotteMartHappy'; } .gs-box .s-txt{font-size:15px; font-weight:400; letter-spacing:-0.78px; color:#1f1f1f; display:block; margin-top:10px;} p.txt + .list-point{margin-top:5px;} .gs-box + .list-point{margin-top:10px;} .list-Dot{} .list-Dot>li{position:relative;padding-left:12px;box-sizing:border-box;color:#555;font-size: 18px;font-weight:400;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: 4px;height: 4px;box-sizing:border-box;border-radius:50%;background: #30a82f;} .list-Dot>li+li{margin-top:0;} .list-Dot>li a{color:inherit;} .list-Dot>li a:hover{text-decoration:underline;} .list-Dot>li a.gold{color:#9c6e37; text-decoration:underline;} .list-Dot>li .table_con_wrap{/* margin-top: 10px; */} .list-Dot > li > .txt-bold > em.noto, .list-Dot > li > em.noto{font-family:'Noto Sans KR';text-decoration:none;font-style: normal;} ul + .table_con_wrap, .table_con_wrap + ul{margin: 10px 0;} .list-Dot .list-hyphen{margin:0px 0 5px;} .list-hyphen{} .list-hyphen>li{position:relative;padding-left:11px;color:#555;font-weight:400;line-height:1.5;text-align:left;vertical-align:top;letter-spacing: 0px;} .list-hyphen>li:before{content:""; display:block; position:absolute; left:0; top:11px; width:5px; height:1px; box-sizing:border-box; background:#999;} .list-hyphen>li a{color:#555; text-decoration:underline;} .list-hyphen>li a:hover{opacity:.8;} .list-Dot>li .list-hyphen>li+li{margin-top:3px;} .list-Dot>li .list-hyphen{width:100%;/* padding:8px 0 2px; */} .list-Dot>li .list-hyphen>li{color:#888;font-size: 17px;} .list-Dot>li .list-hyphen>li:before{top: 11px;} .list-Dot + .list-hyphen{margin-top:10px;} .ol-list{margin:10px 0; padding:0 0 0 20px;} .ol-list > li{position:relative;box-sizing:border-box;color: #333;font-size: 17px;font-weight: 500;line-height: 1.6;text-align:left;vertical-align:top;letter-spacing:-0.5px;} .ol-list > li + li{margin-top: 0;} .ol-list > li .list-point > li{font-size:16px;} .ol-list > li .list-point > li + li{margin-top:0px;} .box-txt{background:#253369;color:#fff;font-style:normal;font-weight: 500;padding: 2px 6px;font-size: 16px;letter-spacing: 0;} ul + .list-point{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:-3px; font-size:20px; display:inline-block;} .list-point > li.un-line{text-decoration:underline;} .list-point .list-hyphen{margin-top:5px;} .point-info{position:relative;padding-left: 13px;color:#9c6e37;font-size: 17px;font-weight:400;letter-spacing:-0.5px;line-height: 1.4;text-align:left;} .point-info:before{content:"*";position:absolute;left:0;top:0;font-size: 19px;display:inline-block;} .class-list{} .class-list > li{font-size:17px; line-height:1.4; color:#666;} .class-list > li + li{margin-top:5px;} .inline-block{display:inline-block;} table .inline-block .point-info{text-align:center;display:inline-block;} .sub-top-box{box-shadow:0px 15px 20px -5px rgb(0 0 0 / 4%); border-radius:30px; padding:40px 50px; text-align:center;} .sub-top-box .red-sub-tit h4{font-size:18px; font-family:'LotteMartHappy'; 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-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:'LotteMartHappy'; 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:'LotteMartHappy'; 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:'LotteMartHappy';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-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:'LotteMartHappy'; 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:'LotteMartHappy';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: 'S-CoreDream-5Medium'; 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:'LotteMartHappy'; 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:'LotteMartHappy'; 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:'LotteMartHappy'; 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: rgba(255,255,255,.5);border-radius: 20px; border: 1px solid #eee; padding: 20px 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: 33px;font-size:18px;font-weight:400; letter-spacing:-.5px;text-align: center;color:#666;line-height:1.8;word-break:keep-all;} .info-y-box .in-fo i{font-size:26px;position:absolute;left:0px;top: -5px;color: #fdb813;} .info-y-box p b{font-weight: 700;letter-spacing:-.5px;font-size: 24px;color:#222;} .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:20px;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: #103125;color: #fff;font-size: 12px;padding-right: 1px;line-height: 19px;display: inline-block;text-align: center;margin-right: 3px;position: absolute;left: 0;top: 4px;} .info-y-box .num-list > li + li{margin-top:2px;} .info-y-box .num-list > li .list-hyphen>li+li{margin-top:2px;} .info-y-box .num-list > li .list-hyphen{width:100%; padding:5px 0 2px;} .info-y-box .num-list > li .list-hyphen>li{color:#888; /*font-size:15px;*/ font-weight:400;} .check-box{position:relative; margin:20px auto 10px; text-align:center;} .check-box p{display:flex;justify-content: flex-end;gap:7px;align-items: center;font-weight: 500;font-size: 17px;letter-spacing: -.5px;line-height: 1.6;color: #535353;padding-right:30px;} .check-box input{} @media (max-width: 767px){ .sub-sub-tit{font-size: 20px;} .cont-sec + .cont-sec{margin-top:40px;} .cont-sec.bg{padding:40px 0;} .contTit-big{margin:30px 0 15px;font-size: 24px;} .contTit-ss{font-size:17px;} .ui-topbox .inner{padding:20px ;} .ui-topbox .icon{display:none;} #sub-top .ui-topbox .txtwrap.day3 p{font-size:15px;} #sub-top .ui-topbox .txtwrap.day3 .bis-tit{font-size:16px; margin-right:5px;} .ui-topbox .txtwrap strong{font-size:16px;} .grayBox{border:3px solid #f5f5f5; padding: 20px;} .contTit-big > .eng-tit, .flex-tit .eng-tit, .contTit > .eng-tit{font-size:16px; margin:10px 0; display:block;} .flex-tit{gap: 10px; flex-direction: column; align-items: normal;} .contTit{margin: 20px 0 10px;font-size: 20px;} .contTit-s{margin: 20px 0 10px;font-size: 22px;} p.txt{font-size:15px;} .p-txt{font-size:17px;} p.txtSt1{line-height:1.6; font-size:16px;} .txt-bold{font-size:16px;} .list-Dot>li{padding-left:10px;font-size: 15px;} .list-Dot>li:before{top:9px;} .list-hyphen>li{padding-left:7px;font-size: 15px;} .list-hyphen>li:before{top:10px; width:3px;} .list-Dot>li+li, .list-hyphen>li + li{margin-top:2px;} .list-Dot>li .list-hyphen>li+li{margin-top:3px;} .list-Dot>li .list-hyphen{padding:5px 0 2px;} .list-Dot>li .list-hyphen>li{font-size: 14px;} .list-Dot>li .table_con_wrap{margin-top:5px;} .list-Dot>li .table-wrap{margin-top:5px;} .class-list > li {font-size: 15px;} .info-y-box{border-radius:15px; padding:20px;} .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:17px;} .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{margin-top: 10px; padding:15px; border-radius:10px;} .info-y-box .num-list > li{font-size:15px;} .point-info{font-size:15px;} .point-info:before{top:2px; font-size:16px;} .list-point > li{font-size: 14px;line-height:1.4;} .list-point > li:before{top:-5px;} .unline{font-size:16px;} ul.h-bold-list > li {font-size: 16px;} ul.h-bold-list > li + li{margin-top:5px;} ul.h-bold-list > li > ul.list-hyphen{margin-top:5px;} ul.h-bold-list > li > ul.list-hyphen > li{font-size: 15px;} } .sub-tab2{position:relative; display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center;} .sub-tab2 li{position:relative;background:#fff; border:1px solid #e1e1e1; cursor:pointer; margin-top:-1px; margin-left:-1px;} .sub-tab2 li:first-child{border-radius:15px 0 0 0;} .sub-tab2 li:last-child{border-radius:0 15px 0 0;} .sub-tab2.tab2 li{width:calc(50% - 1px);} .sub-tab2.tab3 li{width:calc(33.333333333% - 0px);} .sub-tab2.tab4 li{width: calc(25.06% - 0px);} .sub-tab2.tab5 li{width:calc(20% - 1px);} .sub-tab2.tab6 li{width:calc(16.66% - 1px);} .sub-tab2 li:first-child{border-left:1px solid #ddd;} .sub-tab2 li span{display:table;width:100%;height:55px;} .sub-tab2 li span em{ word-break:keep-all; padding:0 45px 0 35px; height:100%; display:table-cell; vertical-align:middle; color:#5b5e66; font-size:18px; font-family:'S-CoreDream-5Medium'; line-height:1; letter-spacing:.5px; text-align:left; font-style:normal; font-weight:normal; } .sub-tab2 li.active{border: 1px solid #4A5677;background: #4A5677;} .sub-tab2 li.active em{color:#fff;} .sub-tab2 li em:before{content:"\ea6e"; display:inline-block; font-family:'remixicon'; position:absolute; top:50%; right:20px; font-size:28px; transform:translateY(-50%);} .sub-tab2 li.active em:before{content:"\ea4e";} .color-tab{position:relative;display:flex;flex-wrap:wrap;margin-bottom: 60px;background: #f9f7f7;} .color-tab li{display:block;position:relative;margin-left:-1px;margin-top:-1px;height:100%;min-height: 70px;height:auto;line-height:1.5;} .color-tab-one.tab2 li, .color-tab.tab2 li{width:calc(50% + 1px);} .color-tab-one.tab3 li, .color-tab.tab3 li{width:calc(33.33% + 1px);} .color-tab-one.tab4 li, .color-tab.tab4 li{width:calc(25% + 1px);} .color-tab-one.tab5 li, .color-tab.tab5 li{width:calc(20% + 1px);} .color-tab-one.tab6 li, .color-tab.tab6 li{width:calc(16.66666666666667% + 1px);} .color-tab li:first-child{} .color-tab li a{position:relative; display:table; table-layout:fixed; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; background:#fff; font-weight:500; color:#222; transition:all .1s;} .color-tab li a span{display:table-cell;vertical-align:middle;width:100%;height:100%;padding: 16px 15px;line-height: 1.2;font-weight: 600;font-size: 20px;text-align: center;} .color-tab li.on a{color:#fff;background: #253369;border-color: #253369;} .color-tab li a:focus, .color-tab li a:hover{border-color: #253369;color: #253369;text-decoration: none;z-index:2;} .color-tab li.on a:focus, .color-tab li.on a:hover{color:#fff;} .color-tab-one{position:relative;display:flex;flex-wrap:wrap;margin-bottom:40px;background: #f9f7f7;} .color-tab-one li{display:block;position:relative;margin-left:-1px;margin-top:-1px;height:100%;min-height: 70px;height:auto;line-height:1.5;} .color-tab-one li span{position:relative; display:table; table-layout:fixed; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; background:#fff; font-weight:500; color:#222; transition:all .1s;} .color-tab-one li span em{font-style:normal;display:table-cell;vertical-align:middle;width:100%;height:100%;padding: 16px 15px;line-height: 1.2;font-size: 20px;font-weight: 600;text-align: center;} .color-tab-one li.active span{color:#fff;background:#253369; border-color:#253369;} .color-tab-one li span:focus, .color-tab-one li span:hover{border-color:#253369; color:#253369; z-index:2;} .color-tab-one li.active span:focus, .color-tab-one li.active span:hover{color:#fff;} .cont-view{display:none; position:relative;} @media (max-width: 767px){ .color-tab li, .color-tab-one li {min-height: auto;} .color-tab li a span, .color-tab-one li span em{padding:15px; font-size: 16px;} .color-tab-one {margin-bottom: 30px;} } @media (max-width: 420px){ .color-tab-one.tab2 li, .color-tab.tab2 li, .color-tab-one.tab3 li, .color-tab.tab3 li, .color-tab-one.tab5 li, .color-tab.tab5 li{width:100%;} } .vs-tabs{} .vs-tabs ul{display:flex;width: 90%;white-space: nowrap;justify-content:center;padding-bottom: 20px;margin: 0 auto;flex-wrap: wrap;row-gap: 20px;} .vs-tabs ul li{position:relative;flex:0 0 auto; line-height:1; } .vs-tabs ul li + li{margin-left:70px;} .vs-tabs ul li + li:before{content:''; width:1px; height:20px; background: #ddd; position:absolute; left:-35px; top:2px;} .vs-tabs ul li a{font-size: 22px; color: #999; text-decoration:none;} .vs-tabs ul li a:focus{outline: none;} .vs-tabs ul li a:hover, .vs-tabs ul li.on a{color:#111; font-weight: 700;} .vs-tabs ul li.on a:before{content:'';width:100%;height:3px;background:#00e9cc;position:absolute;left:0;bottom:-8px;} .vs-tabs ul li a:hover:before{content:""; width:100%; height:3px; background:#00e9cc; position:absolute; left:0; bottom:-8px; animation:strach .3s;} @keyframes strach { 0% {transform: scaleX(0);} 100% {transform: scaleX(1);} } @media (max-width: 1300px){ } @media (max-width: 1240px){ } @media (max-width: 1170px){ } @media (max-width: 1024px){ } @media (max-width: 767px){ .vs-tabs ul{ position: relative; display: flex; flex-wrap: wrap; background: #f9f7f7; row-gap: 0; text-align: center; white-space: nowrap; justify-content:flex-start; padding-bottom:0px; width:100%; } .vs-tabs ul li{width: calc(33.33% + 1px);display:block;position:relative;margin-left:-1px;margin-top:-1px;height:100%;min-height:50px;height:auto;line-height:1.5;} .vs-tabs ul li + li {margin-left:-1px;} .vs-tabs ul li + li:before{display:none;} .vs-tabs ul li:first-child{} .vs-tabs ul li a{font-size: 18px; position:relative; display:table; table-layout:fixed; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; background:#fff; font-weight:500; color:#222; transition:all .1s;} .vs-tabs ul li a:hover:before{display:none;} .vs-tabs ul li.on a:before{display:none;} .vs-tabs ul li.on a:before, .vs-tabs ul li a:focus:before, .vs-tabs ul li a:hover:before{right:26px;} .vs-tabs ul li a:after{content:""; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; z-index:2; width:auto; height:auto; transition:0.3s;} .vs-tabs ul li a span{display:table-cell;vertical-align:middle;width:100%;height:100%;padding: 10px 5px 7px 5px; font-size: 16px;line-height: 1.2;text-align: center;} .vs-tabs ul li.on a{color:#fff;background:#00b29c;border-color:#00b29c;} .vs-tabs ul li a:focus, .vs-tabs ul li a:hover{border-color:#00b29c; color:#00b29c; z-index:2;} .vs-tabs ul li.on a:focus, .vs-tabs ul li.on a:hover{color:#fff;} } @media (max-width: 640px){ } @media (max-width: 580px){ .vs-tabs ul li{width: calc(50% + 1px);} } @media (max-width: 340px){ .vs-tabs ul li{width:100%;} } /* 공통 */ h3.sub_tit{position: relative; margin-bottom: 70px; font-family: 'KoPubWorldDotum', sans-serif; font-weight: 700; font-size: 28px; letter-spacing: -0.5px; text-align: center;} h3.sub_tit::before{content: ''; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); display: block; width: 0; height: 2px; background: #30a82f; transition:all 1s ease;} .in-view h3.sub_tit::before{width: 50px;} @media (max-width:767px) { h3.sub_tit { font-size: 22px; } h3.sub_tit::before {} .in-view h3.sub_tit::before {} } /* 테이블 디자인 */ .table_wr table{width: 100%; text-align: center; border-spacing: 0;} .table_wr table thead tr th{height: 66px; padding: 10px 20px; background: #103125;} .table_wr table thead tr th h5{line-height: 20px; font-size: 17px; font-family: 'KoPubWorldDotum', sans-serif; font-weight: 500 !important; color: #fff; word-break: keep-all;} .table_wr table tbody tr th{position: relative; border-bottom: 1px solid #ededed;} .table_wr table thead tr th:first-child{border-radius: 10px 0 0 10px;} .table_wr table thead tr th:last-child{border-radius: 0 10px 10px 0;} .table_wr table tbody tr:last-child th{border-bottom: 0;} .table_wr table tbody tr th.req{position: relative;} .table_wr table tbody tr th.req p{font-weight: 500; color: #103125;} .table_wr table tbody tr th.req::after{display: none;} .table_wr table tbody tr th.req::before{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 90%; height: 90%; border: 2px solid #103125; border-radius: 12px; z-index: -1;} .table_wr table tbody tr th p{font-family: 'Pretendard', 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 20px; color: #333; word-break: keep-all;} .table_wr table tbody tr td{height: 50px; padding: 30px; font-family: 'Pretendard', 'Noto Sans KR', sans-serif; font-weight: 400; letter-spacing: -0.5px; color: #555; border-bottom: 1px solid #ededed; border-left: 1px solid #ededed;} .table_wr table tbody tr td.exfirst{font-weight: 500; color: #333; border-left: none;} .table_wr table tbody tr td p{font-weight: 600; font-size: 20px; text-align: left; color: #555; word-break: keep-all;} .table_wr table tbody tr td p i{margin-left: 3px; font-size: 18px;} .table_wr table tbody tr td p b{font-weight: 500; color: #555; word-break: keep-all;} .table_wr table tbody tr td p small{display: block; margin-top: 5px; color: #888;} .table_wr table tbody tr td p a{display: inline-block; padding: 10px 20px; color: #fff; background: #333; border-radius: 6px; font-size: 16px; word-break: keep-all; transition: all .6s;} .table_wr table tbody tr td p a i{margin-right: 4px; font-size: 14px;} .table_wr table tbody tr td p a:hover{background: #103125;} .table_wr table tbody tr td ul li p{position: relative; padding: 2px 0 2px 14px;} .table_wr table tbody tr td ul li p:after{content: ''; position: absolute; top: 11px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #ddd;} .table_wr table tfoot tr th p{font-size: 18px; color: #333; word-break: keep-all;} .table_wr table tfoot tr td{height: 50px; padding: 30px 20px; font-family: 'Pretendard'; font-weight: 400; letter-spacing: -0.5px; color: #555; border-bottom: 1px solid #ededed; border-left: 1px solid #ededed;} .table_wr table tfoot tr td p{font-size: 18px; word-break: keep-all;} .table_wr table .blnone{border-left: none!important;} .table_wr table.twoline thead tr th{border-left: 1px solid #e8e8e8;} .table_wr table.twoline thead tr th.bbe8e8{border-bottom: 1px solid #e8e8e8;} .table_wr .table_wrap{position: relative; margin: 20px 0; padding: 10px; background: #f9f9f9; border: 1px solid #eee; border-radius: 15px;} .table_wr .table_wrap .table_prev_mo{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 2; cursor: pointer;} .table_wr .table_wrap .table_prev_mo ul{position: absolute; top: 100px; left: 50%; display: flex; justify-content: center; width: 100%; transform: translateX(-50%);} .table_wr .table_wrap .table_prev_mo ul:after{content: ''; display: block; clear: both;} .table_wr .table_wrap .table_prev_mo ul li{} .table_wr .table_wrap .table_prev_mo ul li p{font-size: 18px; color: #fff;} .table_wr .table_wrap .table_prev_mo ul li i{margin: 3px 0 0 5px; font-size: 18px; color: #fff; animation: prevarrow .5s ease-in infinite alternate;} @media (max-width: 991px){ .table_wr .table_wrap{width: 100%;overflow-x: auto;padding-bottom: 20px;} .table_wr .table_wrap table{/* width: 991px!important; */} .table_wr .table_wrap .table_prev_mo{display: block;} } @media (max-width: 767px){ .table_wr table thead tr th h5{font-size: 16px;} .table_wr table tbody tr th p{font-size: 16px;} .table_wr table tbody tr td{padding: 20px 10px;} .table_wr table tbody tr td p{font-size: 16px;} } @media (max-width: 450px){ .table_wr .table_wrap .table_prev_mo ul li p{font-size: 15px;} .table_wr table tbody tr th p{font-size: 15px;} .table_wr table tbody tr td{padding: 15px 5px;} .table_wr table tbody tr td p{font-size: 15px;} } /* 도트 리스트 */ .sCont .dott_list{width: 100%; margin-top: 20px; padding: 30px; background: #f9f9f9; border: 1px solid #eee; border-radius: 15px;} .sCont .dott_list{} .sCont .dott_list li{position: relative; margin-bottom: 15px; padding-left: 20px; font-size: 20px; letter-spacing: -0.5px; line-height: 1.5; word-break: keep-all; text-align: left;} .sCont .dott_list li::before{content:''; position: absolute; top: 12px; left: 0; display: block; width: 5px; height: 5px; border-radius: 50%; background: #bbb;} .sCont .dott_list li:last-child{margin-bottom: 0;} .sCont .dott_list li i{color: #bbb; margin-right: 5px;} .sCont .dott_list li b.red{color: #a70707;} .sCont .dott_list li b.blue{color: #103868;} .sCont .dott_list li p{margin-bottom: 15px; font-size: 18px; letter-spacing: -0.5px; line-height: 1.5; word-break: keep-all;} .sCont .dott_list li:last-child p{margin-bottom: 0;} @media (max-width: 1200px){ .sCont .dott_list li{font-size: 18px;} } @media (max-width: 767px){ .sCont .dott_list{padding: 20px;} .sCont .dott_list li{padding-left: 15px; font-size: 16px;} .sCont .dott_list li p{font-size: 16px;} } @media (max-width: 450px){ .sCont .dott_list{margin-top: 10px; } } /* sub1_1 : 대학원 개요 */ #sAbout{} #sAbout .ab_box_wr{display: flex; flex-wrap: wrap; gap: 40px;} #sAbout .ab_box_wr .box{width: calc(50% - 20px); padding: 30px 40px; background: rgba(255,255,255,.8); border-radius: 20px;} #sAbout .ab_box_wr .box .top_wr{position: relative; /* display: flex; justify-content: space-between; */} #sAbout .ab_box_wr .box .top_wr .tit{display: flex; align-items: flex-start; gap: 15px; margin-bottom: 20px;} #sAbout .ab_box_wr .box .top_wr .tit span.num{display: inline-block; width: 25px; height: 25px; margin-top: 5px; background: #30a82f; border-radius: 3px; font-weight: 500; font-size: 14px; text-align: center; line-height: 25px; color: #fff;} #sAbout .ab_box_wr .box .top_wr .tit h4{font-family: 'KoPubWorldDotum', sans-serif; font-weight: 700; font-size: 24px; color: #222; letter-spacing: -0.5px;} #sAbout .ab_box_wr .box .top_wr .img_box{position: absolute; top: -5px; right: -10px;} #sAbout .ab_box_wr .box .top_wr .img_box img{} #sAbout .ab_box_wr .box .txt_box{} #sAbout .ab_box_wr .box .txt_box .cont{} #sAbout .ab_box_wr .box .txt_box .cont:last-child{margin-top: 20px;} #sAbout .ab_box_wr .box .txt_box .cont h5{padding: 0 10px; font-family: 'KoPubWorldDotum', sans-serif; font-weight: 700; font-size: 20px; color: #103125; letter-spacing: -0.5px;} #sAbout .ab_box_wr .box .txt_box .cont ul.dott_list{margin-top: 10px;} #sAbout .ab_box_wr .box .txt_box .cont ul.dott_list li{} #sAbout .ab_box_wr .box .txt_box .cont ul.dott_list li p{} @media (max-width: 1024px) { #sAbout .ab_box_wr .box .top_wr .img_box {position: relative;} } @media (max-width: 768px) { #sAbout .ab_box_wr {flex-direction: column;} #sAbout .ab_box_wr .box {width: 100%;} #sAbout .ab_box_wr .box .top_wr .tit h4 {font-size: 20px;} #sAbout .ab_box_wr .box .txt_box .cont h5 {font-size: 18px;} #sAbout .ab_box_wr .box .txt_box .cont ul.dott_list li p {font-size: 15px;} } @media (max-width: 564px) { #sAbout .ab_box_wr .box .top_wr .img_box {position: relative;} } /* sub1_3 : 참여기업 */ #sAbout.company .ab_box_wr .box .top_wr .tit h4{color: #103125;} #sAbout.company .ab_box_wr .box01 .top_wr .img_box img{height: 50px;} #sAbout.company .ab_box_wr .box02 .top_wr .img_box img{height: 45px;} #sAbout.company .ab_box_wr .box03 .top_wr .img_box img{height: 40px;} #sAbout.company .ab_box_wr .box04 .top_wr .img_box img{height: 50px;} #sAbout.company .ab_box_wr .box05 .top_wr .img_box img{height: 40px;} #sAbout.company .ab_box_wr .box06 .top_wr .img_box img{height: 45px;} /* sub1_4 : 찾아오시는 길 */ #sContact { position: relative; word-break: keep-all; } #sContact .map-wrap { position: relative; padding: 0 50px; } #sContact iframe { overflow: hidden; position: relative; border-radius: 20px; } #sContact .map-info { position: relative; display: flex; padding-bottom: 40px; } #sContact .map-info .left { width: 30.76%; } #sContact .map-info .map-tit {} #sContact .map-info .map-tit big {display: block; font-size: 36px; font-weight: 700; line-height: 1.4; letter-spacing: -0.5px; color: #222; transition: all 0.4s ease; } #sContact .map-info .map-tit big strong {font-weight: 700; color: #103125;} #sContact .map-info .map-tit small { display: block; font-weight: 400; font-size: 24px; line-height: 1.3; letter-spacing: -0.025em; color: #999; font-weight: 600; margin-top: 10px; transition: all 0.4s ease; } #sContact .map-info .right { width: calc(100% - 30.76%); font-size: 18px; line-height: 1.8; color: #535353; letter-spacing: -0.025em; transition: all 0.4s ease; } #sContact .map-info .map-txt dl { font-weight: 500; font-size: 20px; line-height: 1.6; padding: 15px 0; transition: all 0.4s ease; } #sContact .map-info .map-txt dl:first-child { padding: 0 0 15px; border-bottom: 2px dotted #ddd;} #sContact .map-info .map-txt dl+dl {} #sContact .map-info .map-txt dt { position: relative; margin-bottom: 10px; padding-left: 15px; font-weight: 700; font-size: 24px; color: #333; line-height: 1; text-align: left; border-left: 3px solid #337590; } #sContact .map-info .map-txt dd {display: flex; margin-bottom: 10px; padding: 10px 20px; font-weight: 400; color: #333; word-break: keep-all !important; border: 1px solid #eee; background: rgba(255,255,255,.5); border-radius: 50px;} #sContact .map-info .map-txt dd span {display: inline-block; width: 120px; font-size: 18px; font-weight: 600; color: #222; word-break: keep-all; } #sContact .map-info .map-txt dd span i{margin-right: 5px; font-size: 14px; color: #103125;} #sContact .map-info .map-txt dd p { width: calc(100% - 120px); word-break: keep-all !important; font-weight: 500; font-size: 18px; } #sContact .map-info .map-txt dd a { font-size: 18px; color: #333; transition: all 0.5s ease;} #sContact .map-info .map-txt dd a:hover{color: #222;} #sContact .map-info .map-txt dd.mail{padding-bottom: 10px;} #sContact .map-info .map-txt dd.mail span img{width: 17px;} #sContact .map-info .map-txt dd.traffic{display: block; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.1);} #sContact .map-info .map-txt dd.traffic ul{margin-top: 5px;} #sContact .map-info .map-txt dd.traffic ul li{display: flex; align-items: center; gap: 5px; } #sContact .map-info .map-txt dd.traffic ul li > span{display: inline-block; width: 20px; height: 20px; font-weight: 600; font-size: 14px; text-align: center; line-height: 20px; color: #fff;} #sContact .map-info .map-txt dd.traffic ul li > span.type{background: #222;} #sContact .map-info .map-txt dd.traffic ul li > span.subw{background: #37b42d; border-radius: 50%; font-size: 12px;} #sContact .map-info .map-txt dd.traffic ul li p{margin-left: 3px;} #sContact .map-info .map-link { display: flex; margin-top: 20px; gap: 20px; } #sContact .map-info .map-link>li { width: 50%; } #sContact .map-info .map-link>li a { display: flex; align-items: center; justify-content: center; padding: 0 26px; height: 58px; border: 1px solid #eee; background: #fff; font-size: 18px; font-weight: 700; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; transition: all 0.5s ease; } #sContact .map-info .map-link>li:first-child a {} #sContact .map-info .map-link>li:nth-child(2) a {} #sContact .map-info .map-link>li a:hover { border-color: #30a82f; } #sContact .map-info .map-link>li .icon { display: inline-block; vertical-align: middle; width: 28px; height: 28px; background: center/contain no-repeat; margin-right: 10px; } #sContact .map-info .map-link>li .icon.icon-n { background-image: url("/images/sub/loca_naver.png"); } #sContact .map-info .map-link>li .icon.icon-k { background-image: url("/images/sub/loca_kakao.png"); } #sContact .map-info .loca_link { margin-top: 40px; } #sContact .map-info .loca_link a { display: flex; align-items: center; justify-content: center; padding: 0 26px; height: 58px; border: 1px solid #ddd; font-size: 18px; font-weight: 500; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #042f35; box-sizing: border-box; border-radius: 8px; transition: all 0.5s ease; } #sContact .map-info .loca_link a span { margin-left: 6px; } #sContact .map-info .loca_link a i { transition: all 0.5s ease; } #sContact .map-info .loca_link a:hover i { color: #9cecd8; } @media (max-width: 1240px) { #sContact .map-info {margin-top: 40px;padding-bottom: 32px;flex-direction: column;align-items: center;} #sContact .map-info .left { width: 100%; text-align: center; margin-bottom: 20px; } #sContact .map-info .left br { display: none; } #sContact .map-info .map-tit big{font-size: 34px;} #sContact .map-info .map-tit small { margin-top: 5px; } #sContact .map-info .map-txt dd span{width: 100px;} #sContact .map-info .map-txt dd p{width: calc(100% - 100px);} #sContact .map-info .map-txt dd.traffic ul li{align-items: flex-start;} #sContact .map-info .right { width: 100%; } } @media (max-width: 740px) { #sContact .map-wrap { padding: 0; } #sContact .map-info .left { margin-bottom: 20px; } #sContact .map-info .map-tit big { font-size: 25px; } #sContact .map-info .map-tit small { display: block; font-size: 19px; } #sContact .map-info .map-txt dl { font-size: 16px; line-height: 1.5; } #sContact .map-info .map-txt dt { width: 100px; padding-left: 25px; } #sContact .map-info .map-txt .stat dt { padding-left: 15px; font-size: 20px; } #sContact .map-info .map-txt dt i { font-size: 18px; top: 2px; } #sContact .map-info .map-txt dd { width: 100%; } #sContact .map-info .map-link { margin-top: 10px; gap: 10px; flex-direction: column; align-items: center; } #sContact .map-info .map-txt dd span {width: 90px; font-size: 14px; } #sContact .map-info .map-txt dd p {width: calc(100% - 90px); font-size: 14px; } #sContact .map-info .map-txt dd a { font-size: 14px; } #sContact .map-info .map-txt dd.traffic ul li > span{margin-top: 5px; font-size: 12px;} #sContact .map-info .map-link>li { width: 100%; } #sContact .map-info .map-link>li a{height: 48px; font-size: 16px;} #sContact .map-info .map-link>li .icon{width: 22px; height: 22px;} } @media (max-width: 450px) { #sContact .map-wrap { padding: 0; } #sContact iframe { height: 300px; border-radius: 20px; } #sContact .map-info { margin-top: 20px;} #sContact .map-info .map-txt dd { flex-wrap: wrap; } #sContact .map-info .map-txt dd span { width: 100%; } #sContact .map-info .map-txt dd p { width: 100%; } #sContact .map-info .map-tit big { font-size: 22px; } #sContact .map-info .map-tit big br { display: none; } #sContact .map-info .map-tit small { font-weight: 500; font-size: 16px; } } /* sub2_1 : 교육목표 */ #sGoal .goal_wr{position: relative;} #sGoal .goal_wr::before{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 300px; height: 300px; border: 1px solid #cdcdcd; border-radius: 50%; z-index: -1;} #sGoal .goal_wr .center{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex;flex-direction: column;align-items: center;justify-content: center;width: 200px;height: 200px;background: #fff;border-radius: 50%;text-align: center;box-shadow: 1px 1px 50px rgb(50 119 46 / 10%); z-index: 1; padding: 25px;} #sGoal .goal_wr .center > p{margin-top: 15px; font-size: 44px; font-family: 'KoPubWorldDotum', sans-serif; font-weight: 700; letter-spacing: -0.5px; color: #103125; line-height: 1;} #sGoal .goal_wr .center > p small{display: block; margin-bottom: 10px; font-size: 24px; color: #222;} #sGoal .goal_wr .rsch_list{display: flex;margin-top: 40px;flex-wrap: wrap;gap: 100px; row-gap: 40px; width: 100%;justify-content: center;} #sGoal .goal_wr .rsch_list .rsch{display: flex;align-items: center;width: calc(50% - 50px);border-radius: 20px;/* background: rgba(255,255,255,.3); */ padding: 20px 40px;text-align: left;transition: all 0.6s ease;} #sGoal .goal_wr .rsch_list .rsch .tit{display: flex; flex-direction: column; align-items: center; width: 200px; margin-right: 40px; padding: 25px 20px; background: rgba(255,255,255,.3); border-radius: 25px; backdrop-filter : blur(3px); box-shadow: 1px 1px 20px rgb(149 181 148 / 10%);} #sGoal .goal_wr .rsch_list .rsch .tit .img_box{width: 100px; background: #fff; border-radius: 100%; height: 100px; display: flex; justify-content: center; align-items: center;} #sGoal .goal_wr .rsch_list .rsch .tit .img_box span{position: relative; width: 57%; display: block; height: 0; padding-top: 70%;} #sGoal .goal_wr .rsch_list .rsch .tit .img_box span img{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; max-width: 100%; max-height: 100%; margin: auto;} /* #sGoal .goal_wr .rsch_list .rsch .tit h3.p_tit{font-size: 22px;font-weight: 700;color: #222;text-align: center;line-height: 1.1;margin-top: 5px;} */ #sGoal .goal_wr .rsch_list .rsch .txt_box{width: calc(100% - 200px); padding-left: ;} #sGoal .goal_wr .rsch_list .rsch .txt_box .txt{} #sGoal .goal_wr .rsch_list .rsch .txt_box .txt02{margin-top: 10px;} #sGoal .goal_wr .rsch_list .rsch .txt_box .txt > h4{margin-bottom: 15px; font-size: 22px; font-weight: 700; letter-spacing: -0.5px; color: #222; line-height: 1.5;} #sGoal .goal_wr .rsch_list .rsch .txt_box .txt > ul{border-top: 2px dotted #e3e3e3;} #sGoal .goal_wr .rsch_list .rsch .txt_box .txt > ul li{position: relative; display: flex; padding: 8px 20px; font-size: 17px; font-family: 'KoPubWorldDotum', sans-serif; font-weight: 500; line-height: 1.6; letter-spacing: -0.5px; color: #333; border-bottom: 2px dotted #e3e3e3;} #sGoal .goal_wr .rsch_list .rsch .txt_box .txt > ul li p{position: relative;} #sGoal .goal_wr .rsch_list .rsch .txt_box .txt > ul li p::before{content: ''; position: absolute; top: 11px; left: -15px; display: block; width: 4px; height: 4px; border-radius: 50%; background: #30a82f; z-index: -1;} #sGoal .goal_wr .rsch_list .rsch .txt_box .txt .author{width: 100%; display: flex; flex-wrap: wrap; gap: 6px; row-gap: 5px;} #sGoal .goal_wr .rsch_list .rsch .txt_box .txt .author p{display: inline-block;height: 30px;padding: 0 10px;background: rgba(255,255,255,.6);border-radius: 50px;font-family: 'KoPubWorldDotum', sans-serif; font-weight: 500;font-size: 16px;line-height: 30px;letter-spacing: -0.2px;transition: all 0.3s ease;color: #555;} #sGoal .goal_wr .rsch_list .rsch .txt_box .txt .author p:hover{background:#c9005f; color:#fff;} #sGoal .goal_wr .rsch_list .rsch .txt_box .txt .author p a{color:inherit;} #sGoal .goal_wr .rsch_list .rsch01, #sGoal .goal_wr .rsch_list .rsch03{flex-direction: row-reverse; text-align: right;} #sGoal .goal_wr .rsch_list .rsch01 .tit, #sGoal .goal_wr .rsch_list .rsch03 .tit{margin-right: 0; margin-left: 40px;} #sGoal .goal_wr .rsch_list .rsch01 .txt_box .txt > ul li, #sGoal .goal_wr .rsch_list .rsch03 .txt_box .txt > ul li{justify-content: flex-end;} #sGoal .goal_wr .rsch_list .rsch01 .txt_box .txt .author, #sGoal .goal_wr .rsch_list .rsch03 .txt_box .txt .author{justify-content: flex-end;} #sGoal .goal_wr .rsch_list .rsch01{transform: translate(80px, 80px); opacity: 0;} #sGoal .goal_wr .rsch_list.in-view .rsch01{transform: translate(0, 0); opacity: 1;} #sGoal .goal_wr .rsch_list .rsch02{transform: translate(-80px, 80px); opacity: 0;} #sGoal .goal_wr .rsch_list.in-view .rsch02{transform: translate(0, 0); opacity: 1;} #sGoal .goal_wr .rsch_list .rsch03{transform: translate(80px, -80px); opacity: 0;} #sGoal .goal_wr .rsch_list.in-view .rsch03{transform: translate(0, 0); opacity: 1;} #sGoal .goal_wr .rsch_list .rsch04{transform: translate(-80px, -80px); opacity: 0;} #sGoal .goal_wr .rsch_list.in-view .rsch04{transform: translate(0, 0); opacity: 1;} @media (max-width: 1170px){ #sGoal .goal_wr .center {position: relative; top: auto; left: auto; transform: translate(-0%, -0%); margin: 0 auto;} #sGoal .goal_wr::before {display: none;} #sGoal .goal_wr .rsch_list {margin-top: 40px; gap: 20px; width: 100%; flex-direction: column; align-items: center;} #sGoal .goal_wr .rsch_list .rsch {width: 100%;} #sGoal .goal_wr .rsch_list .rsch01, #sGoal .goal_wr .rsch_list .rsch03 {flex-direction: row; text-align: left;} #sGoal .goal_wr .rsch_list .rsch01 .tit, #sGoal .goal_wr .rsch_list .rsch03 .tit {margin-right: 40px; margin-left: 0px;} #sGoal .goal_wr .rsch_list .rsch01 .txt_box .txt .author, #sGoal .goal_wr .rsch_list .rsch03 .txt_box .txt .author {justify-content: flex-start;} #sGoal .goal_wr .rsch_list .rsch .txt_box .txt > ul li {justify-content: flex-start;} } @media (max-width: 767px){ #sGoal .goal_wr .rsch_list .rsch{flex-direction: column;padding: 0;gap: 16px;} #sGoal .goal_wr .rsch_list .rsch .tit{width:100%; margin:0; border-radius: 10px;} #sGoal .goal_wr .rsch_list .rsch .txt_box {width: 100%;} #sGoal .goal_wr .rsch_list .rsch .txt_box .txt > h4 {font-size:20px;} #sGoal .goal_wr .rsch_list .rsch .txt_box .txt > ul li p {font-size:16px;} } /* sub2_2 : 교육과정 */ #sProc{} #sProc .proc_wr{} #sProc .proc_wr .proc{margin-bottom: 30px;} #sProc .proc_wr .proc h4.left_tit{font-family: 'KoPubWorldDotum', sans-serif; font-weight: 700; font-size: 24px; } #sProc .proc_wr .proc h4.left_tit i{margin-right: 5px; font-size: 20px; color: #103125;} #sProc .proc_table{padding: 10px 40px; background: #fff; border-radius: 20px;} #sProc .proc_table dl{display: flex; justify-content: space-between; padding: 30px 0;} #sProc .proc_table dl + dl{border-top: 1px dotted #cdcdcd;} #sProc .proc_table dl dt{display: flex; align-items: center; justify-content: center; width: 20%; border-radius: 15px; background: #103125;} #sProc .proc_table dl dt p{font-family: 'KoPubWorldDotum', sans-serif; font-weight: 700; font-size: 24px; text-align: center; color: #fff;} #sProc .proc_table dl dd{width: 80%; padding-left: 20px;} #sProc .proc_table dl dd ul.dott_list{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 0;} #sProc .proc_table dl dd ul.dott_list li{width: calc(50% - 5px); margin-bottom: 0;} #sProc .proc_table dl dd ul.dott_list li p{margin-bottom: 0;} #sProc .proc_table dl dd .two h5{margin-bottom: 10px; padding: 0 15px; font-family: 'KoPubWorldDotum', sans-serif; font-weight: 700; font-size: 20px; color: #222;} #sProc .proc_table dl dd .two:first-child{margin-bottom: 20px;} @media (max-width: 1024px) { #sProc .proc_table dl dt p {font-size: 20px;} } @media (max-width: 768px) { #sProc .proc_table {padding: 0 20px;} #sProc .proc_table dl {flex-direction: column;gap: 8px;} #sProc .proc_table dl dt {width: 100%;padding: 8px;} #sProc .proc_table dl dd {padding-left: 0;width: 100%;} #sProc .proc_table dl dd .two h5 {font-size: 18px;} } @media (max-width: 564px) { #sProc .proc_table dl dd ul.dott_list {flex-direction: column;} #sProc .proc_table dl dd ul.dott_list li {width: 100%;} } /* sub2_4 : 교육지원 */ #sSupp{} #sSupp h4{margin-bottom: 20px; font-family: 'KoPubWorldDotum', sans-serif; font-size: 22px;} #sSupp .txt_box .dott_list li p{font-family: 'KoPubWorldDotum', sans-serif; font-weight: 700; font-size: 20px;} #sSupp .ship_wr{padding-bottom: 70px;} #sSupp .envi_wr{} #sSupp .envi_wr .flex_wr{display: flex; align-items: center; justify-content: space-between; gap: 40px;} #sSupp .envi_wr .flex_wr .img_box{overflow: hidden; width: calc(50% - 20px); border-radius: 25px;} #sSupp .envi_wr .flex_wr .img_box img{width: 100%;} #sSupp .envi_wr .flex_wr .txt_box{width: calc(50% - 20px);} #sSupp .envi_wr .flex_wr .txt_box{height: 100%;} #sSupp .equi_wr{margin-top: 70px;} #sSupp .equi_wr ul.equi_list{display: flex; flex-wrap: wrap; gap: 20px;} #sSupp .equi_wr ul.equi_list li{width: calc(33.3333% - 20px); padding: 15px; background: rgba(255,255,255,.3); border: 1px solid #eee; border-radius: 20px;} #sSupp .equi_wr ul.equi_list li .img_box{overflow: hidden; display: flex; align-items: center; justify-content: center; height: 240px; background: #fff; border-radius: 20px;} #sSupp .equi_wr ul.equi_list li .img_box img{width: auto; height: 200px;} #sSupp .equi_wr ul.equi_list li .txt_box h4{margin-top: 10px; font-weight: 700; font-size: 20px; text-align: center; color: #222;} #sSupp .equi_wr p.bott_txt{margin-top: 40px; font-size: 16px; text-align: center; color: #888;} @media (max-width: 991px) { #sSupp .txt_box .dott_list li p {font-size: 18px;} #sSupp .envi_wr .flex_wr {flex-direction: column;} #sSupp .envi_wr .flex_wr .img_box {width: 80%;} #sSupp .envi_wr .flex_wr .txt_box {width: 100%;} #sSupp .equi_wr ul.equi_list li {width: calc(50% - 20px);} #sSupp .equi_wr ul.equi_list li .txt_box h4 {font-size: 18px;} } @media (max-width: 768px) { #sSupp .txt_box .dott_list li p {font-size: 16px;} #sSupp .equi_wr ul.equi_list li {width: 100%;} } /* -------------------------------- sub1_1 : 사업단 소개 -------------------------------- */ #About{position:relative;padding: 0px 0 140px;word-break:keep-all;} #About .sec-cont{position:relative;} #About .sec-cont + .sec-cont{margin-top: 120px;} #About .cont-1{} #About .about-tit-box {text-align:center;} #About .about-tit-box .tit {font-size: 42px;letter-spacing:-0.75px;color: #000;line-height: 1.4;font-weight: 500;} #About .about-tit-box .txt {font-size: 34px;font-weight: 500;color: #000;margin-top: 45px;line-height: 1.5;} #About .about-tit-box .txt b{} #About .about-tit-box .tit .point {padding: 0 10px;background: none;color:#1b55ad;position: relative;display: inline-block;background:#1b55ad;font-weight: 600;color: #fff;} #About .about-tit-box .tit .point:before{width: 100%;height: 100%;background: #fff;right: 0;bottom: ;position: absolute;content: '';-webkit-transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;transition: .6s;z-index: 2;} #About .about-tit-box .tit .point:after{width: 100%;height: 100%;right: 0;bottom: -1px;position: absolute;content: '';-webkit-transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;transition: .6s;z-index: 1;-webkit-transition-delay: .2s;-moz-transition-delay: .2s;-ms-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;} #About .about-tit-box .tit .point.in-view:before{width: 0;} #About .about-tit-box .tit .point.in-view:after{} #About .about-con-box {position:relative;margin-top: 100px;/* background:url("/images/content/about_bg.jpg") center 242px no-repeat; */} #About .about-con-box:before{content: "";position: absolute;top: 0;left: 50%;width: 100vw;margin-left: -50vw;height:100%;z-index: -1;background: url("/images/sub/about_bg.png") center 110px no-repeat;} #About .about-con-box:after{content: "";position: absolute;bottom:0;left: 50%;width: 100vw;margin-left: -50vw;height:100%;z-index: -1;background:linear-gradient(to top, #ffffff 0%, #ffffff00 100%);} #About .about-con-box .about-info-con{display:flex;flex-direction: row-reverse;gap: 60px;justify-content: space-between;} #About .about-info-con .img-con { max-width: 720px; } #About .about-info-con .img-con .img-wrap {position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #About .about-info-con .img-con .img-wrap:before{ content:""; width: 110px; height:110px; background:url("/images/common/roll.png") no-repeat; position:absolute; top: -50px; right: -50px; -webkit-animation: spin 15s infinite linear; -o-animation: spin 15s infinite linear; -moz-animation: spin 15s infinite linear; animation: spin 15s infinite linear; } #About .about-info-con .img-con .img-wrap img {width:100%;border-radius: 40px;} #About .about-info-con .info-con {padding-top: 40px;} #About .about-info-con .info-con .tit {font-size: 40px;letter-spacing:-1px;color: #000;font-weight:700;display: inline-block;position: relative;} #About .about-info-con .info-con .tit:before {content: "";display: block;width: 12px;height: 12px;background: #1b55ad;border-radius: 50%;position: absolute;right: -18px;top: -5px;} #About .about-info-con .info-con .info-list {padding-top: 50px;} #About .about-info-con .info-con .info-list li {font-size: 22px;letter-spacing:-0.5px;color: #000;margin-top: 24px;position:relative;padding-left: 100px;line-height: 1.3;} #About .about-info-con .info-con .info-list li span {font-weight: bold;display:inline-block;position:absolute;left:0;top:0;} #About .about-info-con .info-con .info-list li p {display:inline-block;font-weight: 400;color: #333;} #About .about-org{position:relative;overflow:hidden;background:#f5f5f5;padding: 80px 2%;text-align:center;display: flex;flex-direction: column;align-items: center;border-radius: 20px;word-break:keep-all;} #About .about-org .ku-logo{margin: 0px auto 60px;} #About .about-org .ku-logo > img{max-width: 172px;width: 100%;} #About .about-org .cirTit{position: relative;background: url("/images/sub/org_tit.png") no-repeat 50% bottom;min-width:431px;width:100%;text-align:center;padding-bottom: 45px;/* margin-bottom: 60px; */} #About .about-org .cirTit span{display: inline-block;} #About .about-org .cirTit span > img{max-width:100%;} #About .about-org .cirTit:before{content:"";background:#000;width: 11px;height: 11px;border-radius:50%;display:inline-block;position:absolute;left:50%;bottom: -40px;transform:translate(-50%, 0%);outline:5px solid #f5f5f5;z-index:1;} #About .about-org .cirTit:after{content:"";background:#ccc;width:2px;height: 438px;display:inline-block;position:absolute;left:50%;top: 270px;transform:translate(-50%, 0%);z-index:0;} #About .about-org .deb2{position: relative;display: flex;justify-content: space-between;width: 100%;max-width: 900px;margin: 30px auto;align-items: center;} #About .about-org .deb2:before{content:"";background:#ccc;width: 37%;height:2px;display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:0;} #About .about-org .deb2 span{padding: 20px;width: 250px;border-radius:50px;font-size: 20px;font-weight: 600;color: #000;letter-spacing: -1px;display:inline-block;} #About .about-org .deb2 .deb2-box{} #About .about-org .deb2 .deb2-1{} #About .about-org .box-st1{display: flex;flex-direction: column;gap: 15px;position: relative;} #About .about-org .box-st1:before{content:"";background:#ccc;width:2px;height:80%;display:inline-block;position:absolute;top:50%;transform:translate(0%, -50%);z-index:0;} #About .about-org .deb2 .deb2-1 .box-st1:before{right:-32px;} #About .about-org .deb2 .deb2-2 .box-st1:before{left:-32px;} #About .about-org .box-st1 > li{position: relative;} #About .about-org .box-st1 > li:before{content:"";background: #999999;width: 8px;height: 8px;border-radius:50%;display:inline-block;position:absolute;right: -35px;top: 50%;transform: translate(0%, -50%);outline:5px solid #f5f5f5;z-index:1;} #About .about-org .deb2 .deb2-2 .box-st1 > li:before{right:auto; left:-35px;} #About .about-org .box-st1 > li span{background: #d7e7ff;} #About .about-org .deb3{position: relative;margin-top: 60px;} #About .about-org .box-st2{display: flex;justify-content: center;gap: 30px;position: relative;flex-wrap: wrap;} #About .about-org .box-st2:before{content:"";background:#ccc;width: 88%;height:2px;display:inline-block;position:absolute;left:50%;top: -32px;transform:translate(-50%, 0%);z-index:0;} #About .about-org .box-st2 > li{flex: 1;position: relative;} #About .about-org .box-st2 > li:before{content:"";background: #2ab8b9;width: 8px;height: 8px;border-radius:50%;display:inline-block;position:absolute;left:50%;top: -35px;transform:translate(-50%, 0%);outline:5px solid #f5f5f5;z-index:1;} #About .about-org .box-st2 > li > strong{border-radius: 30px;background: #1b55ad;width: 100%;display: flex;justify-content: center;align-items: center;padding: 30px 30px;color: #fff;height: 180px;position: relative;flex-direction: column;gap: 10px;} #About .about-org .box-st2 > li > strong .icon{width: 60px;height:100%;} #About .about-org .box-st2 > li > strong .icon.icon1{background: url("/images/sub/11347261.png") no-repeat 50% 50% / 100%;} #About .about-org .box-st2 > li > strong .icon.icon2{background: url("/images/sub/5375371.png") no-repeat 50% 50% / 100%;} #About .about-org .box-st2 > li > strong .icon.icon3{background: url("/images/sub/6771715.png") no-repeat 50% 50% / auto 100%;} #About .about-org .box-st2 > li > strong .icon.icon4{background: url("/images/sub/6637415.png") no-repeat 50% 50% / 54px;} #About .about-org .box-st2 > li > strong .icon.icon5{background: url("/images/sub/8049777.png") no-repeat 50% 50% / 57px;} #About .about-org .box-st2 > li > strong .icon.icon6{background: url("/images/sub/6897812.png") no-repeat 50% 50% / 57px;} #About .about-org .box-st2 > li > strong .icon.icon7{background: url("/images/sub/5705303.png") no-repeat 50% 50% / 57px;} #About .about-org .box-st2 > li > strong b{font-size: 20px;font-weight: 600;letter-spacing: -.5px;} #About .about-org .box-st2 > li > .list-Dot{width: 100%;background: #fff;border-radius: 30px;margin-top: 20px;padding: 25px 30px;height: calc(100% - 180px);} #About .about-org .box-st2 > li > .list-Dot > li{font-size: 16px; line-height: 1.3;} #About .about-org .box-st2 > li > .list-Dot > li:before{top:6px; border-radius:50%; background:#1b55ad;} #About .about-org .box-st2 > li > .list-Dot > li + li{margin-top:5px;} @media (max-width: 1400px){ #About .about-org .box-st2 > li {flex: 1 1 20%;} } @media (max-width: 1170px){ #About{padding: 0px 0 80px;} #About .sec-cont + .sec-cont {margin-top: 80px;} #About .about-con-box .about-info-con{ flex-direction: column-reverse;} #About .about-info-con .img-con {margin: 0 auto;} #About .about-org .deb2{flex-direction: column; gap:40px;margin-top:80px; margin-bottom:40px;} #About .about-org .box-st1:before, #About .about-org .deb2:before{display:none;} #About .about-org .box-st1 > li:before, #About .about-org .deb2 .deb2-2 .box-st1 > li:before, #About .about-org .box-st2 > li:before{right: auto; left: 50%; top: -3px; transform: translate(-50%, 0%); width: 6px; height: 6px; outline: 3px solid #f5f5f5;} #About .about-org .cirTit:after{height:740px;} #About .about-org .deb3 {margin-top:0;} #About .about-org .box-st2:before{display:none;} } @media (max-width: 767px){ #About{padding: 0px 0 60px;} #About .sec-cont + .sec-cont {margin-top: 60px;} #About .about-tit-box .tit {font-size: 24px;} #About .about-tit-box .txt{font-size: 20px; margin-top: 10px;} #About .about-con-box {margin-top:60px;} #About .about-con-box:before {background: url("/images/sub/about_bg.png") center 45px no-repeat;} #About .about-con-box .about-info-con {flex-direction: column; gap: 0;} #About .about-info-con .img-con{display:none;} #About .about-info-con .info-con {width: 100%; padding-top: 0;} #About .about-info-con .info-con .info-list {padding-top: 20px;} #About .about-info-con .info-con .tit {font-size: 26px;} #About .about-info-con .info-con .tit:before{width: 8px;height: 8px;right: -12px;top: -2px;} #About .about-info-con .info-con .info-list li {font-size: 18px;} #About .about-info-con .info-con .info-list li {font-size: 18px; margin-top: 15px; padding-left: 70px;} #About .about-org {padding: 30px 2%;} #About .about-org .ku-logo {margin: 0px auto 20px;} #About .about-org .ku-logo > img {max-width: 130px;} #About .about-org .cirTit {min-width: auto; width: 90%; background-size: 100%;padding-bottom: 25px;} #About .about-org .cirTit span > img {max-width: 200px;} #About .about-org .cirTit:after {height:850px; top: 170px;} #About .about-org .deb2 {margin-bottom: 10px;} #About .about-org .deb2 .deb2-box {width: 100%;} #About .about-org .deb2 span {padding: 10px 20px; width: 100%; font-size: 16px; max-width: 300px;} #About .about-org .box-st1, #About .about-org .box-st2{gap: 10px;} #About .about-org .deb3 {margin-top: 30px; width: 100%;} #About .about-org .box-st2 {justify-content: center; flex-direction: column; align-items: center;} #About .about-org .box-st2 > li {flex: none; width: 100%;display: flex; justify-content: center;} #About .about-org .box-st2 > li > strong{padding: 10px 20px; height:auto; width: 100%; max-width: 300px;} #About .about-org .box-st2 > li > strong b {font-size: 16px;} #About .about-org .box-st2 > li > strong b br{display:none;} #About .about-org .box-st2 > li > strong .icon{display:none;} #About .about-org .box-st2:before{display:none;} } /* -------------------------------- sub1_2 : 인사말 -------------------------------- */ #Greeting{position: relative;padding: 0 0 140px;text-align: center;} /*#Greeting:before{content:"";position:absolute;right: -100px;top: 40px;background:url("/images/sub/gree_img.png") no-repeat 0 0;width:300px;height:100%;z-index: -1;}*/ #Greeting .tit-wr{position: relative;margin: 0 auto 120px;text-align: center;} #Greeting .greeting-con-tit {position: relative;font-size: 32px;font-weight: 700;letter-spacing: -.5px;line-height: 1.4;color: #222;padding-bottom: 60px;margin-top: 40px;} #Greeting .greeting-con-tit.child::before {position: absolute;content: "Greeting";font-size: 200px;font-weight: 700;letter-spacing: -0.025em;font-family: "Poppins", sans-serif;color: rgba(170, 170, 170, 0.12);top: calc(50% - 4.5rem);left: 50%;transform: translate(-50%, -50%)} #Greeting .greeting-con-txt {font-size: 20px;font-weight: 400;letter-spacing: -.5px;line-height: 1.8;color: #555;padding-bottom: 35px;} #Greeting .greeting-con-txt:last-child {padding-bottom: 0;} #Greeting .greeting-con-txt strong{font-size:24px; color:#333;} @media (max-width: 1170px){ #Greeting{padding-bottom:80px;} } @media (max-width: 767px){ #Greeting{padding-bottom:60px;} #Greeting .greeting-con-tit {font-size: 24px; padding-bottom: 30px; margin-top: 30px;} #Greeting .greeting-con-tit.child::before{font-size:100px; top: calc(50% - 3rem);} #Greeting .greeting-con-txt {font-size: 16px; line-height: 1.6; text-align:left; padding-bottom: 20px;} #Greeting .greeting-con-txt br{display:none;} #Greeting .greeting-con-txt:last-child {padding-bottom: 0; text-align: center;} #Greeting .greeting-con-txt strong {font-size: 20px;} } /* -------------------------------- sub1_3 : 비전 및 목표 -------------------------------- */ #MV{position: relative;text-align: center;} #MV .sub-sub-tit{margin-bottom:40px;} /* 비전 */ #MV .vision{position: relative;} #MV .vision .img-wrap{position: relative;height: 460px;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;} #MV .vision .img-wrap:before{z-index:-1;content:"";position:absolute;left: 50%;margin-left: -50vw;top:0;height:100%;overflow: hidden;background-image: url("/images/sub/v_bg.jpg");background-attachment: fixed;width: 100vw;background-repeat: no-repeat;background-position: center center;background-size: cover;} #MV .vision .sub-sub-tit{/* color: #fff; */} #MV .vision .sub-sub-tit:before{/* background:#fff; */} #MV .vision .v-txt{} #MV .vision .v-txt p{font-size: 52px; letter-spacing: -1px; font-weight: bold;} #MV .vision .v-txt p b{} #MV .vision .v-txt p b.color1{} #MV .vision .v-txt p b.color2{} #MV .vision .v-txt small{font-size: 24px;font-weight:600;letter-spacing:-.5px;opacity:.6;text-transform: uppercase;margin-top: 20px;display: block;} /* 목표 */ #MV .goals{position: relative; padding:120px 0; text-align: center;} #MV .goals .sub-sub-tit{} #MV .cont-tit{font-size: 44px;font-weight: 700;letter-spacing: -0.05em;line-height: 1.22em;color: #222;display:block;} #MV .goals .goal-wr{display:flex;gap: 20px;margin-top: 40px;} #MV .goals .goal-wr .goal-tit{background:#1b55ad;color:#fff;border-radius: 2rem;padding: 4.3rem 3.7rem;display:flex;justify-content: flex-start;width: 300px;text-align: left;align-items: flex-start;} #MV .goals .goal-wr .goal-tit p{font-size: 20px;line-height: 1.3;letter-spacing: -1px;} #MV .goals .goal-wr .goal-tit p b{font-size: 34px;} #MV .goals .ck-list{gap:20px;display:flex;flex-wrap: wrap;width: calc(100% - 300px);} #MV .goals .ck-list > li{width: 100%;word-break: normal;background-color: #f6f6f6;border-radius: 2rem;padding: 30px;box-sizing: border-box;text-align: left;word-break: keep-all;} #MV .goals .ck-list > li > p{position: relative;font-size: 20px;font-weight: 500;letter-spacing: -0.025em;line-height: 1.5;color: #222;padding-left: 35px;} #MV .goals .ck-list > li > p:before {position: absolute;content: "\eb80";font-family: 'remixicon' !important;font-style: normal;font-size: 22px;color:#1b55ad;left: 0;} #MV .goals .ck-list > li > p b{color:#000; font-weight:bold;} /* 추진전략 */ #MV .pro{position: relative; padding:120px 0; text-align: center;} #MV .pro .cont-wrap{position: relative;padding: 120px 0 180px;display:block;} #MV .pro .cont-wrap:before{z-index:-1;content:"";position:absolute;left: 50%;margin-left: -50vw;top:0;height:100%;overflow: hidden;background: #f9f9f9;/*background-image: url("/images/sub/bis_bg.jpg");*/ background-attachment: fixed;width: 100vw;background-repeat: no-repeat;background-position: center center;background-size: cover;} #MV .pro .box-100{padding: 40px 0px;margin-bottom:40px;} #MV .pro .box-100 .box-in{} #MV .pro .box-100 .box-in > .txt{font-size: 30px; color: #666; font-weight: 500; text-align: center; line-height: 1.3; position: relative; display: inline-block; line-height: 1.18; padding: 0 55px; word-break: keep-all;} #MV .pro .box-100 .box-in > .txt:before, #MV .pro .box-100 .box-in > .txt:after {position: absolute;/* font-size: 72px; */color: #666;opacity: .2;line-height: 1;font-family:'PuradakGentleGothicR';font-size: 180px;font-weight: normal;} #MV .pro .box-100 .box-in > .txt:before {content: '“';left: 0;top: -40px;} #MV .pro .box-100 .box-in > .txt:after {content: '”';right: 0;top: 40px;} #MV .pro .box-100 .box-in > .txt .point {padding: 0px 15px;background: none;color:#1b55ad;position: relative;display: inline-block;background: linear-gradient(to right, #1b55ad 0%, #cb1148 100%);font-weight: 600;color: #fff;font-size: 50px;z-index: 5;} #MV .pro .box-100 .box-in > .txt .point:before{width: 100%;height: 100%;background: #f1f1f1;right: 0;bottom: ;position: absolute;content: '';-webkit-transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;transition: .6s;z-index: 2;} #MV .pro .box-100 .box-in > .txt .point:after{width: 100%;height: 100%;right: 0;bottom: -1px;position: absolute;content: '';-webkit-transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;transition: .6s;z-index: 1;-webkit-transition-delay: .2s;-moz-transition-delay: .2s;-ms-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;} #MV .pro .box-100 .box-in > .txt .point br{display:none;} #MV .pro .box-100 .box-in > .txt .point.in-view:before{width: 0;} #MV .pro .box-100 .box-in > .txt .point.in-view:after{} #MV .pro .item-pro{} #MV .pro .pro-con-list {position: relative;display: flex;margin: 0 auto;align-items: center;justify-content: center;max-width: 1280px;z-index: 10;} #MV .pro .pro-con-list li {position: relative; width: calc(50% - 7rem); margin: 3.5rem;} #MV .pro .pro-con-list li .tit-box {font-size: 19px;font-weight: 600;position: relative;display: flex;align-items: center;justify-content: center;text-align: center;width: 320px;height: 320px;margin: 0 auto;border-radius: 50%;background: #cb1148;flex-direction: column;gap: 7px;color: #fff;} #MV .pro .pro-con-list li .tit-box:before {position: absolute;content: '';width: 380px;height: 380px;top: -30px;left: -30px;border-radius: 50%;background: rgb(203 17 72 / 10%);z-index: -1;} #MV .pro .pro-con-list li .tit-box:after {position: absolute;content: '';width: 100%;height: 0.1rem;right: -50%;top: 50%;background: #cb1148;} #MV .pro .pro-con-list li.iu .tit-box {background: #1b55ad;} #MV .pro .pro-con-list li.iu .tit-box:before {content: "";background: rgb(27 85 173 / 10%);} #MV .pro .pro-con-list li.iu .tit-box:after {position: absolute;content: '';width: 100%;height: 0.1rem;right: -50%;top: 50%;background: #1b55ad;} #MV .pro .pro-con-list li:last-child .tit-box:after {right: auto; left: -50%;} #MV .pro .pro-con-list li .tit-box .tit {position: relative;font-size: 26px;font-weight: bold;letter-spacing: -1px;color: #fff;line-height: 1.1;z-index: 99;display: flex;flex-direction: column;align-content: center;justify-content: center;align-items: center;} #MV .pro .pro-con-list li .tit-box .tit .icon-logo{font-size:0;display:inline-block;margin-bottom: 25px;} #MV .pro .pro-con-list li .tit-box .tit .icon-logo.ku-lo{background:url("/images/sub/ku_logo_w.png") no-repeat 50% 50%; width:109px; height:107px;} #MV .pro .pro-con-list li .tit-box .tit .icon-logo.iu-lo{background:url("/images/sub/iu_logo_w.png") no-repeat 50% 50%; width:103px; height:86px;} #MV .pro .pro-con-list li .info-box {position: relative; margin-top: -6rem; z-index: 10;} #MV .pro .pro-con-list li .info-box dl {display: flex; align-items: center; padding: 2rem; border: 0.3rem solid #007aff; border-radius: 0.5rem; margin-bottom: 1.8rem; background: #fff; box-shadow: 1.5rem 1.5rem 3rem rgba(51,51,51,0.1); -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} #MV .pro .pro-con-list li .info-box dl:last-child {margin-bottom: 0;} #MV .pro .pro-con-list li .info-box dl dt {width: 7rem; text-align: center;} #MV .pro .pro-con-list li .info-box dl dt img {max-width: 100%;} #MV .pro .pro-con-list li .info-box dl dd {width: calc(100% - 7rem); padding-left: 1.5rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} #MV .pro .pro-con-list li .info-box dl dd strong {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; color: #000; } #MV .pro .pro-con-list li .info-box dl dd .txt {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.05em; color: #000; line-height: 1.3; padding-top: 0.7rem;} #MV .pro .pro-con-list .pro-point {position: absolute;width: 97px;height: 97px;line-height: 1;text-align: center;border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0;z-index: 10;} #MV .pro .pro-con-list .pro-point:before {position: absolute;content: '';top: -14px;left: -14px;width: 125px;height: 125px;border-radius: 50%;background: linear-gradient(to right, #cb1148 0%, #1b55ad 100%);z-index: -2;opacity: .1;} #MV .pro .pro-con-list .pro-point > span{position: relative;} #MV .pro .pro-con-list .pro-point > span:before{content:"";position: absolute;left: 50%;top: 45%;transform: translate(-50%, -50%);width: 103px;height: 103px;background: linear-gradient(to right, #cb1148 0%, #1b55ad 100%);border-radius: 50%;z-index: -1;} #MV .pro .pro-con-list .pro-point > span > i{background: #fff;width:97px;height:97px;border-radius:50%;display:inline-flex;justify-content: center;align-items: center;z-index: 0;top: 50%;left: 50%;font-size: 20px;font-weight: bold;position: relative;transform: translate(-50%, -50%);color: #111;} #MV .pro .pro-con-list .pro-point img {max-width: 100%; position: relative; z-index: 20;} #MV .pro .item-pro-sub{text-align: center;position: relative;margin-top: 100px;} #MV .pro .item-pro-sub:before{content:"";/* clip-path: polygon(50% 0, 0% 100%, 100% 100%); */clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);position:absolute;left:50%;top: -280px;transform: translate(-50%, -0%);background: linear-gradient(to top, #ffffff00 0%, #ffffff 50%, #ffffff00 100%););););width:100%;height:280px;z-index: -1;} #MV .pro .item-pro-sub .pro-sub-list{display: flex; justify-content: center; gap: 40px;} #MV .pro .item-pro-sub .pro-sub-list > li{position: relative; width: 100%;} #MV .pro .item-pro-sub .pro-sub-list .sub-item{display: flex; flex-direction: column; gap: 10px;} #MV .pro .item-pro-sub .pro-sub-list .sub-item .sub-tit{border-radius: 100px; background: #000; color: #fff; padding: 15px; font-size: 22px; letter-spacing: -1px;} #MV .pro .item-pro-sub .pro-sub-list > li:nth-child(1) .sub-item .sub-tit{background: linear-gradient(to right, #cb1148 0%, #8e296b 100%);} #MV .pro .item-pro-sub .pro-sub-list > li:nth-child(2) .sub-item .sub-tit{background: linear-gradient(to right, #8e296b 0%, #613a85 100%);} #MV .pro .item-pro-sub .pro-sub-list > li:nth-child(3) .sub-item .sub-tit{background: linear-gradient(to right, #613a85 0%, #1b55ad 100%);} #MV .pro .item-pro-sub .pro-sub-list .sub-item .sub-tit strong{} #MV .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt{border-radius: 30px;border: 1px solid #000;/* padding: 15px; */display: flex;flex-direction: column;gap: 0;} #MV .pro .item-pro-sub .pro-sub-list > li:nth-child(1) .sub-item .sub-txt{border:1px solid transparent;background-image: linear-gradient(#f9f9f9, #f9f9f9),linear-gradient(to right, #1b55ad 0%, #8e296b 100%);background-origin: border-box; background-clip: content-box, border-box;} #MV .pro .item-pro-sub .pro-sub-list > li:nth-child(2) .sub-item .sub-txt{border:1px solid transparent;background-image: linear-gradient(#f9f9f9, #f9f9f9),linear-gradient(to right, #8e296b 0%, #613a85 100%);background-origin: border-box; background-clip: content-box, border-box;} #MV .pro .item-pro-sub .pro-sub-list > li:nth-child(3) .sub-item .sub-txt{border:1px solid transparent;background-image: linear-gradient(#f9f9f9, #f9f9f9),linear-gradient(to right, #613a85 0%, #1b55ad 100%);background-origin: border-box; background-clip: content-box, border-box;} #MV .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt > li{padding: 15px;} #MV .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt > li + li{margin-top:-15px;} #MV .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt .sub-c{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 18px; gap: 3px; background: #fff; border-radius: 20px;} #MV .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt .sub-c > span{font-size: 17px; font-weight:500; color:#444;} #MV .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt .sub-c > strong{font-size: 21px;} #MV .pro .item-pro-sub .pro-sub-list > li:nth-child(1) .sub-item .sub-txt .sub-c > strong{color:#ac1e5b;} #MV .pro .item-pro-sub .pro-sub-list > li:nth-child(2) .sub-item .sub-txt .sub-c > strong{color:#773177;} #MV .pro .item-pro-sub .pro-sub-list > li:nth-child(3) .sub-item .sub-txt .sub-c > strong{color:#3d4899;} /* 주요사업 */ #MV .bis{position: relative; text-align: center;} #MV .bis .cont-wrap{position: relative;padding:0px 0 200px;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;} #MV .bis .cont-wrap:before{content: "";position:absolute;bottom:0;left:50%;width:100vw;margin-left:-50vw;height:100%;z-index:-2;background: transparent linear-gradient(180deg, #fff 0%, #f2f3f7 100%) 0% 0% no-repeat padding-box;} #MV .bis-list{display:flex;gap: 30px;width: 100%;/* flex-wrap: wrap; */position: relative;justify-content: center;} #MV .bis-list li{} #MV .bis-list > li:nth-child(even){margin-top:80px;} #MV .bis-list li.flip-box{} #MV .bis-list .flip-inner{ position: relative; width: 100%; height: 100%; text-align: center; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; -o-transition: transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 600px; perspective: 600px; } #MV .bis-list .flip-inner:before{content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: #14173b; border-radius: 15px; z-index: 1; transition: all 0.75s ease-in-out;} #MV .bis-list .flip-box:nth-child(1) .flip-inner:before{transition-delay:.1s ;} #MV .bis-list .flip-box:nth-child(2) .flip-inner:before {transition-delay:.2s ;} #MV .bis-list .flip-box:nth-child(3) .flip-inner:before{transition-delay:.3s ;} #MV .bis-list .flip-box{/* background-color: #000; *//* width: calc(25% - 30px); */flex: 0 0 25%;height: 440px;border-radius: 20px;overflow: hidden;/* flex: 1; */} #MV .bis-list .flip-box .flip-front figure > img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; max-width:100%; object-fit:cover;} #MV .bis-list .flip-inner > div{backface-visibility: hidden;background-size: cover;/* background: #000; */height: 100%;transition: all 1s cubic-bezier(0.4, 0.2, 0.2, 1);backface-visibility: hidden;transform-style: preserve-3d;border-radius: 10px;} #MV .bis-list .flip-box .flip-front{transform: rotateY(0deg);} #MV .bis-list .flip-box .flip-back{transform: rotateY(180deg);position: absolute;left: 0;top: 0;width: 100%;color: #fff;background-color: #1b55ad;border: 1px solid rgba(255,255,255,0.1);} #MV .bis-list .flip-box:hover .flip-front{transform: rotateY(-180deg); transform-style: preserve-3d;} #MV .bis-list .flip-box:hover .flip-back{transform: rotateY(0deg);} #MV .bis-list .flip-box .flip {z-index: 1;position: relative;transform: translateZ(60px) scale(0.9);width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 30px;gap: 20px;} #MV .bis-list .flip-box .flip .icon{width: auto;font-style: normal;font-family: "Poppins", sans-serif;} #MV .bis-list .flip-box .flip .icon > img{max-width:100%;} #MV .bis-list .flip-box .flip-front big{font-size: 34px;letter-spacing: -1px;font-weight:600;color: #fff;} #MV .bis-list .flip-box .flip-front big span{font-size:20px; letter-spacing:-.5px; display:block;} #MV .bis-list .flip-box .flip small{font-size:19px;} #MV .bis-list .flip-box .flip-front p{font-size: 40px; font-weight: 600; line-height: 1.3; transition: all 0.85s ease-in-out; opacity: 0; transform: translateX(50px);} #MV .bis-list .flip-box .flip-front p span{font-size: 30px; font-weight: 400;} #MV .bis-list .flip-box .flip-back p{font-size: 18px;line-height: 1.6;word-break: break-all;} #MV .bis-list .flip-box .flip-back big{font-size: 28px;font-weight: 600;letter-spacing: -.5px;} #MV .bis-list .flip-box .flip-back .flip{text-align: center; padding:0 30px; line-height: 1.7;} #MV .bis-list .flip-box .flip-front figure{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius:10px; overflow: hidden; margin: 0;} #MV .bis-list .flip-box:nth-child(1) .flip-front p{transition-delay: 0.1s;} #MV .bis-list .flip-box:nth-child(2) .flip-front p{transition-delay: 0.25s;} #MV .bis-list .flip-box:nth-child(3) .flip-front p{transition-delay: 0.4s;} #MV .bis-list .flip-inner:before{width: 0%;} #MV .bis-list .flip-box .flip-front p{opacity: 1; transform: translateX(0);} #MV .list-Dot > li{color:#fff; line-height:1.3; word-break:keep-all;} #MV .list-Dot > li:before{background:#fff; opacity:.5;} #MV .list-Dot > li + li{margin-top:10px;} #MV .paralax-title{position:absolute;left:50%;bottom: -23px;display:block;font-family:"Poppins", sans-serif;font-weight: 700;width: 300%;text-align:left;word-spacing: 0px;letter-spacing: -2px;font-size:140px;color:rgba(51, 51, 51, 0.05);white-space: nowrap;line-height:1;z-index:-1;} @media (max-width: 1800px){ #MV .bis-list {gap:5px;} #MV .bis-list > li:nth-child(even) {margin-top: 0px;} } @media (max-width: 1240px){ #MV .bis-list {flex-wrap: wrap;} #MV .bis-list .flip-box {flex: 1 1 49%;} } @media (max-width: 1170px){ #MV .vision .img-wrap {height: 380px;} #MV .vision .v-txt p {font-size: 40px;} #MV .goals {padding: 80px 0 0;} #MV .cont-tit {font-size: 34px;} #MV .goals .goal-wr {flex-direction: column;gap:10px;} #MV .goals .goal-wr .goal-tit {width:100%;padding: 20px; justify-content: center; text-align: center; align-items: flex-start;} #MV .goals .goal-wr .goal-tit p br{display:none;} #MV .goals .goal-wr .goal-tit p b {font-size: 28px;} #MV .goals .ck-list {gap: 10px; width: 100%;} #MV .pro .cont-wrap {padding: 80px 0 100px;} #MV .pro .box-100 .box-in > .txt .point{font-size:42px;} #MV .pro .pro-con-list {flex-direction: column; gap: 150px;} #MV .pro .pro-con-list li {width: 100%;} #MV .pro .pro-con-list li .tit-box:after {width: 1px; height: 100px; right: auto; left: 50%; top: auto; bottom: -100px; transform: translate(-50%, 0%);} #MV .pro .pro-con-list li:last-child .tit-box:after {right: auto; left: 50%; height: 100px; width: 1px; top: -100px;} #MV .pro .item-pro-sub .pro-sub-list {flex-direction: column;} #MV .pro {padding: 80px 0;} #MV .paralax-title{width:400%;} } @media (max-width: 1024px){ } @media (max-width: 767px){ #MV .cont-tit {font-size:24px;} #MV .sub-sub-tit{margin-bottom:30px;} #MV .vision .img-wrap {height: auto;padding: 40px 0;} #MV .vision .v-txt p {font-size: 26px;} #MV .vision .v-txt small {font-size: 16px; margin-top: 10px;} #MV .pro .cont-wrap {padding: 60px 0 80px;} #MV .goals .goal-wr .goal-tit {padding: 15px;border-radius:10px;} #MV .goals .goal-wr .goal-tit p b {font-size: 24px;} #MV .goals .ck-list > li {padding: 15px 20px;border-radius:10px;} #MV .goals .ck-list > li > p {font-size: 17px; line-height: 1.5;} #MV .pro .box-100 {padding: 20px 0px; margin-bottom: 20px;} #MV .pro .box-100 .box-in > .txt .point{font-size:28px;} #MV .pro .box-100 .box-in > .txt .point br{display:block;} #MV .pro .box-100 .box-in > .txt:before, #MV .pro .box-100 .box-in > .txt:after {font-size: 100px;} #MV .pro .box-100 .box-in > .txt:before {top: 0px;} #MV .pro .box-100 .box-in > .txt:after{top:40px;} #MV .pro .pro-con-list {gap: 80px;} #MV .pro .pro-con-list li .tit-box {font-size: 17px;width: 270px;height: 270px;} #MV .pro .pro-con-list li .tit-box:before {width: 310px;height: 310px;top: -20px;left: -20px;} #MV .pro .pro-con-list li .tit-box .tit {font-size: 20px;} #MV .pro .pro-con-list .pro-point {width: 67px; height: 67px;} #MV .pro .pro-con-list .pro-point:before {top: -14px;left: -14px;width: 95px;height: 95px;} #MV .pro .pro-con-list .pro-point > span:before {left: 50%; top: 50%; transform: translate(-50%, -50%); width: 73px; height: 73px;} #MV .pro .pro-con-list .pro-point > span > i {width: 67px; height: 67px; font-size: 15px;} #MV .pro .item-pro-sub {margin-top: 30px;} #MV .pro .item-pro-sub:before {top: -200px; width: 120%; height: 200px;} #MV .pro .item-pro-sub .pro-sub-list {gap: 20px;} #MV .pro .item-pro-sub .pro-sub-list .sub-item {gap: 5px;} #MV .pro .item-pro-sub .pro-sub-list .sub-item .sub-tit {padding: 10px; font-size: 20px; border-radius:10px;} #MV .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt{border-radius:10px;} #MV .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt > li {padding:8px;} #MV .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt .sub-c {padding: 10px; border-radius: 5px;} #MV .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt > li + li {margin-top: -5px;} #MV .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt .sub-c > strong {font-size: 18px;} #MV .pro {padding: 60px 0;} #MV .bis .cont-wrap {padding: 0px 0 60px;} #MV .bis-list .flip-box {flex:none; width:100%;height: 300px; border-radius:10px;} #MV .bis-list .flip-box .flip-front big {font-size: 28px;line-height: 1.2;} #MV .bis-list .flip-box .flip-back big{font-size: 28px;line-height: 1.2;} #MV .paralax-title{width:500%; font-size:100px;} } @media (max-width: 640px){ } @media (max-width: 520px){ } /* -------------------------------- sub1_4 : 참여학과 및 전공 -------------------------------- */ #partDep{position: relative;padding: 0 0 280px;text-align:center;} #partDep:before{content: "";position:absolute;bottom:0;left:50%;width:100vw;margin-left:-50vw;height: 15%;z-index:-2;background: transparent linear-gradient(180deg, #fff 0%, #f2f3f7 100%) 0% 0% no-repeat padding-box;} #partDep .sub-sub-tit{font-size:32px;} #partDep .sub-sub-tit:before{height:2px;} #partDep .sec-cont + .sec-cont{margin-top:100px;} #partDep .dep-list{display:flex;flex-wrap: wrap;margin-top: 60px;gap: 60px;justify-content: center;} #partDep .dep-list li {width: calc(50% - 30px);} #partDep .dep-list li .tit {font-size: 29px; color: #000; font-weight:700; transition: .3s;} #partDep .dep-list li .tit i{font-weight:normal;} #partDep .dep-list li .txt {font-size: 18px;line-height: 1.6;color: #888;margin-top:20px;} #partDep .dep-list li dl dt{overflow:hidden;position:relative;border-radius: 30px; padding-bottom:51%;} #partDep .dep-list li dl dt img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .3s;} #partDep .dep-list li dl dd {margin:-70px 48px 0;background-color: #fff;padding: 30px 15px;border-radius: 20px;text-align:center;z-index:1;position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #partDep .paralax-title{font-family:"Poppins", sans-serif;font-weight:600;position:absolute;left:50%;bottom:0;display:block;width:400%;text-align:left;word-spacing:-20px;font-size: 200px;color:rgba(51, 51, 51, 0.05);line-height:1;white-space: nowrap;z-index:-1;} #partDep .dep-list li:hover dt img{transform:translate(-50%, -50%) scale(1.1); -webkit-filter:brightness(0.30); filter:brightness(0.30);} #partDep .dep-list li:hover .tit{color:#1b55ad;} @media (max-width: 1170px){ #partDep {padding: 0 0 200px;} #partDep .dep-list {margin-top: 0px; gap: 30px;} #partDep .paralax-title {font-size: 160px;} } @media (max-width: 890px){ #partDep .dep-list li{width:100%;} } @media (max-width: 767px){ #partDep {padding: 0 0 60px;} #partDep .dep-list {margin-top: 30px; gap:20px;} #partDep .dep-list li dl dt {border-radius: 10px;} #partDep .dep-list li dl dd {margin: 0; padding: 15px 0; border-radius: 0;background: transparent;} #partDep .dep-list li .tit {font-size: 22px;} #partDep .dep-list li .txt {font-size: 16px; margin-top: 5px;} #partDep .paralax-title {font-size: 100px;} } /* -------------------------------- sub1_5 : 찾아오시는 길 -------------------------------- */ #contact{position:relative;padding: 0 0 140px 0;text-align: center;} #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 .sub-sub-tit{} #contact .location-info-box{display: flex;align-items: center;width:100%;margin-top:7rem;text-align: left;} #contact .loca-txt-box ul li {display:flex;margin-top: 2rem;align-items: flex-start;} #contact .loca-txt-box ul li .left-box {display: flex; align-items: center;} #contact .loca-txt-box ul li .left-box .location-info-txt {font-size: 1.8rem;font-weight: 600;line-height: 1.5em;letter-spacing: -0.025em;color: #222;padding-left: 1.5rem;text-transform: uppercase;font-family: "Poppins", sans-serif;min-width: 9rem;} #contact .loca-txt-box ul li:first-of-type {margin-top: 0;} #contact .loca-txt-box ul li:first-of-type .icon {align-self:flex-start;} #contact .loca-txt-box ul li .icon {display:flex; justify-content:center; align-items:center; width: 3.5rem; height: 3.5rem; border-radius:100%; background: #eee;} #contact .loca-txt-box ul li .icon i {font-size:1.8rem; letter-spacing:-0.05em; color:#888;} #contact .loca-txt-box .inner-txt {width: calc(100% - 4.1rem);padding-top: 4px;} #contact .loca-txt-box ul li .loca-txt {font-size: 17px;letter-spacing: -.5px;color:#666;line-height:1.5em;font-weight: 400;padding-left:3rem;} #contact .location-map-box{margin-top:3.7rem; border-radius: 3rem; overflow: hidden;} #contact .location-map-con{position: relative;width:100%;} #contact .location-map-con iframe{position: absolute; top:0; bottom:0; right:0; left:0; margin:auto; width:100%; height:100%; border:none;} #contact .subline{position: relative;display:inline-block;padding: 8px 15px;border-radius: 80px;color: #fff;font-size: 15px;line-height: 1;margin: 5px 10px 5px 0;} #contact .subline-skyblue {background: #02a5e3;} #contact .subline-olive {background: #B7C450;} @media (max-width: 767px){ #contact{padding: 0 0 80px 0;} #contact .subline {padding: 6px 12px; font-size: 14px; margin: 5px 5px 5px 0;} #contact .loca-txt-box ul li{flex-direction: column;} #contact .loca-txt-box .inner-txt {width: 100%;} #contact .loca-txt-box ul li .loca-txt {font-size: 16px; padding-left: 0;} #contact .location-info-box {margin-top: 40px;} #contact .location-map-box{height:300px;} .root_daum_roughmap .wrap_map {height: 300px !important;} } /* -------------------------------- sub2_1 : 인재상 -------------------------------- */ #Talent{position:relative;padding: 0 0 140px 0;text-align: center;} #Talent .intro{position:relative;padding-top: 40px;} #Talent .intro .tit-box{position:relative; font-size:28px; font-family: "Poppins", sans-serif;} #Talent .intro .tit-sm{font-weight:bold;font-size: 34px;margin-bottom: 20px;line-height: 1;} #Talent .intro .tit-sm span{background-image:linear-gradient(to right, #1b55ad 0%, #1b55ad 100%);color: transparent; background-clip: text; -webkit-background-clip: text;} #Talent .intro .main-tit{font-size: 50px;letter-spacing: -.5px;color: #000;font-weight: 600;line-height: 1.4;} #Talent .img-wrap{position: relative;height: 460px;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 60px;} #Talent .img-wrap:before{z-index:-1;content:"";position:absolute;left: 50%;margin-left: -50vw;top:0;height:100%;overflow: hidden;background-image: url("/images/sub/talent_bg.jpg");background-attachment: fixed;width: 100vw;background-repeat: no-repeat;background-position: center center;background-size: cover;opacity: .8;} #Talent .img-wrap strong{font-size: 130px;font-weight: 700;letter-spacing: -0.04em;color: #000;} #Talent .img-wrap .sub-tit{color: #333; font-size: 24px; font-weight:600;} #Talent .dia{position:relative;margin:100px 0 0;display: flex;justify-content: center;flex-wrap: wrap;} #Talent .dia > .item{position:relative;display: inline-block;position: relative;width: 711px;height: 711px;border-radius:50%;background:rgb(210,210,210,.1);} #Talent .dia > .item:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;border: 2px dotted #000;opacity: .2;width: 85%;height: 85%;} #Talent .dia > .item .tit-box{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:30;border-radius:50%;width: 490px;height: 490px;} #Talent .dia > .item1{left:90px;} #Talent .dia > .item2{left:-90px;} #Talent .dia > .item1 .tit-box{background: #cb1148;} #Talent .dia > .item2 .tit-box{background: #1b55ad;} #Talent .dia > .item .tit-box .tit {position: relative;font-size: 26px;font-weight: bold;letter-spacing: -1px;color: #fff;line-height: 1.1;z-index: 99;display: flex;flex-direction: column;align-content: center;justify-content: center;align-items: center;width: 100%;height: 100%;} #Talent .dia > .item .tit-box .tit .icon-logo{font-size:0;display:inline-block;margin-bottom: 25px;} #Talent .dia > .item .tit-box .tit .icon-logo.ku-lo{background:url("/images/sub/ku_logo_w_big.png") no-repeat 50% 50%;width: 100%;height: 100%;} #Talent .dia > .item .tit-box .tit .icon-logo.iu-lo{background:url("/images/sub/iu_logo_w_big.png") no-repeat 50% 50%;width: 100%;height: 100%;} #Talent .conarea {max-width: 1740px;width: 90vw;min-height: 997px;padding: 110px 80px 110px 135px;box-sizing: border-box;left: 50%;position: relative;transform: translateX(-50%);text-align: left;} #Talent .conarea:before{content:"";position:absolute;width: 90vw;height: 100%;background: url("/images/sub/talent_box_bg.jpg") no-repeat center / cover;left: 50%;top: 0;transform: translateX(-50%);border-radius: 50px;z-index: -1;} #Talent .conarea h5.title {color: #fff;margin-bottom: 40px;font-size: 36px;font-weight: bold;} #Talent .conarea .boxwrap{box-sizing:border-box;background: rgba(255,255,255,0.09);max-width:1000px;width:100%;min-height:340px;border-radius:20px;margin-bottom:30px;padding:40px 50px;backdrop-filter: blur(10px);} #Talent .conarea .boxwrap:last-child{margin-bottom: 0;} #Talent .conarea .boxwrap dl dt{display: flex;align-items:center;padding-bottom: 30px;border-bottom:1px solid rgba(255,255,255,0.2);} #Talent .conarea .boxwrap dl dt span{font-size: 28px;color:#fff;font-weight: 700;} #Talent .conarea .boxwrap dl dt span > b{font-weight: 700;color:#3bfffe;} #Talent .conarea .boxwrap dl dt i{display: block;width:51px;height:51px;background: url("/images/sub/17687102.png")no-repeat center / 100%;margin-right: 18px;} #Talent .conarea .boxwrap dl dt .i2{background: url("/images/sub/16882390.png")no-repeat center / 100%;} #Talent .conarea .boxwrap dl dd{box-sizing:border-box;flex-wrap:wrap;padding-top: 30px;display: flex;align-items:start;justify-content:space-between;gap: 10px;} #Talent .conarea .boxwrap dl dd div{width: calc(50% - 10px);box-sizing:border-box;padding-left:13px;margin-bottom: 2px;position: relative;color:#fff;font-size: 18px;font-weight: 400;line-height: 1.5;opacity: .9;} #Talent .conarea .boxwrap dl dd div:before{position: absolute;content:'';background: #ccc;width:5px;height:2px;top:11px;left:0;} @media (max-width: 1800px){ #Talent .conarea {padding: 110px 60px 110px 60px;} } @media (max-width: 1500px){ #Talent .dia {justify-content: center; flex-direction: column-reverse; align-items: center;} #Talent .dia > .item1 {left: auto; top: -90px;} #Talent .dia > .item2 {left: auto; top: 0px;} } @media (max-width: 1170px){ #Talent {padding: 0 0 80px 0;} #Talent .intro .main-tit{font-size: 34px;} #Talent .img-wrap {height: 380px;} #Talent .img-wrap strong {font-size: 80px;} } @media (max-width: 767px){ #Talent {padding: 0 0 60px 0;} #Talent .intro {padding-top: 0px;} #Talent .intro .main-tit{font-size: 24px;} #Talent .img-wrap strong {font-size: 50px;} #Talent .img-wrap .sub-tit {font-size: 20px;} #Talent .img-wrap {height: 300px; margin-top: 40px;} #Talent .dia {margin: 60px 0 -60px;} #Talent .dia > .item1 {top: -50px;} #Talent .dia > .item {width: 340px; height: 340px;} #Talent .dia > .item .tit-box {width: 250px; height: 250px;} #Talent .dia > .item .tit-box .tit .icon-logo.ku-lo, #Talent .dia > .item .tit-box .tit .icon-logo.iu-lo {width: 60%; background-size: 100%;} #Talent .conarea {padding: 30px 20px 20px; min-height: auto;} #Talent .conarea:before {border-radius: 20px;} #Talent .conarea h5.title {margin-bottom: 20px; font-size: 30px; text-align: center;} #Talent .conarea .boxwrap {min-height: auto; border-radius: 10px; margin-bottom: 10px; padding: 20px 20px;} #Talent .conarea .boxwrap dl dt {align-items: center; gap: 10px; padding-bottom: 20px; flex-direction: column; text-align: center;} #Talent .conarea .boxwrap dl dt span {font-size: 24px;} #Talent .conarea .boxwrap dl dd {padding-top: 20px; gap: 10px; flex-direction: column;} #Talent .conarea .boxwrap dl dd div {width: 100%; font-size: 16px;} #Talent .conarea .boxwrap dl dd div:before {top: 9px;} #Talent .conarea .boxwrap dl dt i{margin-right:0;} } /* -------------------------------- sub2_2 : AI반도체융합전공과정 -------------------------------- */ #Curri{position:relative;/* padding: 0 0 140px 0; */text-align: center;} #Curri.curri2-2{} #Curri .skill{position:relative;padding:120px 0;} #Curri .skill:before {position: absolute;width: 100vw;left: 50%;margin-left: -50vw;height: 100%;top: 0;background: #f7f7f7;content: "";z-index: -1;} #Curri .skill .logo-list{position:relative;margin: 0px auto 60px;width: 80%;} #Curri .skill .logo-list:before{content:""; width:100%; height:2px; background:#ccc; position:absolute; top:50%; transform:translateY(-50%); left:0;} #Curri .skill .logo-list ul{display:flex; align-items:center; justify-content:space-between; position:relative; padding:0 140px;} #Curri .skill .logo-list ul::before, #Curri .skill .logo-list ul:after{content:""; display:block; width:10px; height:10px; border-radius:100%; background:#1b55ad; position:absolute; top:50%; transform:translateY(-50%);} #Curri .skill .logo-list ul:before{left:0;} #Curri .skill .logo-list ul:after{right:0;} #Curri .skill .logo-list li{} #Curri .skill .logo-list li:not(.core){width:130px;height:130px;border:4px solid #1b55ad;border-radius:100%;display:flex;text-align:center;align-items:center;justify-content:center;background:#fff;font-size:24px;color: #000;letter-spacing: px;font-weight:bold;} #Curri .skill .logo-list li.core{position:relative;} #Curri .skill .logo-list li.core:before{/* content:""; */display:block;width:450px;height:450px;border-radius:100%;background:linear-gradient(to bottom, rgb(225 225 225) 0%, rgba(0, 0, 0, 0) 100%);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;} #Curri .skill .logo-list li.core:after{content:""; display:block; width:350px; height:2px; background:#ccc; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:3;} #Curri .skill .logo-list li.core .item{background: #1b55ad;width:340px;height:340px;border-radius:100%;display:flex;flex-direction:column;justify-content: center;align-items:center;border: 30px solid #fff;padding: 20px;position:relative;z-index:5;color: #fff;} #Curri .skill .logo-list li.core .item > strong{font-size:30px;} #Curri .operation{position:relative;padding:120px 0;} #Curri .operation:before{ content: ""; position: absolute; bottom: 0; left: 50%; width: 100vw; margin-left: -50vw; height: 100%; z-index: -2; background: transparent linear-gradient(180deg, #fff 0%, #f2f3f7 100%) 0% 0% no-repeat padding-box; } #Curri .operation{padding-bottom: 120px;position: relative;} #Curri .operation .intro{text-align:center;line-height: 1.6;} #Curri .operation .intro small{display:block;/* margin-top:60px; */font-size:30px;font-weight:700;} #Curri .operation .intro big{font-size: 50px;color: #183969;font-weight:800;text-align: center;display:block;} #Curri .operation .RollTxt{position:absolute;left:0;top:0;height: 400px;width: 100vw;left:50%;margin-left: -50vw;white-space:nowrap;overflow:hidden;} #Curri .operation .RollTxt .flow-text{display:flex;flex:0 0 auto;white-space:nowrap;/* overflow:hidden; */transition:0.3s;font-size: 200px;font-family: "Poppins", sans-serif;font-weight:700;color:rgba(0,0,0,0.05);} #Curri .operation .RollTxt .flow-wrap{animation:textLoop 20s linear infinite; padding-right:90px;} @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);} } #Curri .operation .value-page {padding: 60px 0;} #Curri .operation .value-top {position: relative;} #Curri .operation .value-flow {} #Curri .operation .flow-con {position: relative; height: 100%;} #Curri .operation .flow-container {position:absolute;height: 100%;} #Curri .operation .value-list {display:flex; justify-content:center;} #Curri .operation .value-list .item {margin: 0 30px;} #Curri .operation .value-list .item:nth-of-type(2), #Curri .operation .value-list .item:nth-of-type(4) {margin-top: 120px;} #Curri .operation .value-img-box {width: 240px;} #Curri .operation .value-img-box .img-box {width: 100%;position: relative;height: 100%;padding-top:100%;border-radius: 50%;background: #667f91;box-shadow: 30px 20px 50px 0px rgba(0, 0, 0, 0.15);} #Curri .operation .value-list .item:nth-child(odd) .img-box{background: #434955;} #Curri .operation .value-img-box .img-box > div{position:absolute;width:100%;height:100%;display:flex;justify-content: center;align-items: center;top: 0;left: 0;} #Curri .operation .value-img-box .img-box .icon{} #Curri .operation .value-img-box .img-box .icon.icon1{} #Curri .operation .value-img-box .img-box strong{font-size:30px; color:#fff;} #Curri .operation .value-img-box img {box-shadow: 29px 49px 87px 0px rgba(0, 0, 0, 0.16); border-radius:100%;} #Curri .operation .value-con-box {text-align:center;margin-top: 40px;} #Curri .operation .value-tit {font-size: 24px;font-weight: 800;color: #000;line-height: 1.6;} #Curri .operation .value-txt {font-size:1.7rem; font-weight:500; letter-spacing:-0.055em; color: rgba(0,0,0,0.7); line-height:1.647em; margin-top: 9px;} #Curri .operation .value-bottom {display:flex; margin-top: 15rem;} #Curri .operation .value-bottom > div {width: 50%; /* height: 37rem; */ display:flex; flex-direction:column; align-items:center; justify-content:center; padding:11rem 0 9.702rem;} #Curri .operation .value-bottom > div .tit {font-size:8rem; letter-spacing:-0.015em; color: #fff; font-weight: 700; line-height:1.1;} #Curri .operation .value-bottom > div .txt {font-size:1.7rem; letter-spacing:-0.055em; color: rgba(255,255,255,0.6); font-weight: 500; line-height:1.647em; text-align:center; margin-top: 1.9rem;} #Curri .pro {padding:140px 0 200px;} #Curri .pro .pro-wr{position: relative; padding: 0 50px; margin-top:40px;} #Curri .pro .pro-wr:before {top: 174px; content: ''; position: absolute; transform: translateY(-50%); left: 0; z-index: -1; display: block; width: 100%; height: 2px; background-color: #ccc;} #Curri .pro .pro-list{position: relative; display: flex; align-items: flex-start; justify-content: space-between; padding-top: 30px;} #Curri .pro .pro-list:before, #Curri .pro .pro-list:after {content: ''; position: absolute; top: 174px; transform: translateY(-50%); display: block; width: 10px; height: 10px; border-radius: 100%; background-color: #ccc;} #Curri .pro .pro-list:before {left: -50px;} #Curri .pro .pro-list:after {right: -50px;} #Curri .pro .pro-list .proj{display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 115px; flex: 1;} #Curri .pro .pro-list .proj .title2{display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; border-radius: 60px; font-size: 20px; font-weight: 500; color: #fff; line-height: 1;} #Curri .pro .pro-list .proj.ku .title2{background-color: #cb1148;} #Curri .pro .pro-list .proj.iu .title2{background-color: #1b55ad;} #Curri .pro .pro-list .proj .sub-txtList{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;/* min-height:240px; */border-width:1px;border-style:solid;border-radius:25px;margin:10px 0 0;padding:30px;background-color:#fff;} #Curri .pro .pro-list .proj.ku .sub-txtList{border-color: #cb1148;color: #cb1148;} #Curri .pro .pro-list .proj.iu .sub-txtList{border-color: #1b55ad; color: #1b55ad;} #Curri .pro .pro-list .proj .sub-txtList > li{font-size: 24px;font-weight: 700;text-indent: 0;word-break: break-word;text-align: center;width: 100%;} #Curri .pro .pro-list .proj .sub-txtList > li:not(:last-child) {margin-bottom: 10px;} #Curri .pro .pro-list .title{ font-size: 22px; font-weight: 600; line-height: 1.5; text-align: center; margin: 0 70px; min-width: 230px; height: 230px; width: 170px; box-sizing: content-box; border: 15px solid rgb(255,255,255); display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 100%; background: linear-gradient(to right, #cb1148 0%, #1b55ad 100%); color:#fff; position:relative; } #Curri .pro .pro-list .title strong{font-family: "Poppins", sans-serif;font-size: 38px;font-weight: 600;line-height:1;} #Curri .pro .pro-list .title:before {content: '';display: block;width: 350px;height: 350px;border: 35px solid rgb(0,0,0,.05);border-radius: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} #Curri .pro .item-pro-sub{text-align: center;position: relative;margin-top: 100px;} #Curri .pro .item-pro-sub:before{content:"";/* clip-path: polygon(50% 0, 0% 100%, 100% 100%); */clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);position:absolute;left:50%;top: -280px;transform: translate(-50%, -0%);background: linear-gradient(to top, #ffffff00 0%, #f3f3f3 50%, #ffffff00 100%););););width:100%;height:280px;z-index: -1;} #Curri .pro .item-pro-sub .pro-sub-list{display: flex; justify-content: center; gap: 40px;} #Curri .pro .item-pro-sub .pro-sub-list > li{position: relative; width: 100%;} #Curri .pro .item-pro-sub .pro-sub-list .sub-item{display: flex;gap: 10px;height: 100%;flex-direction: column;} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-tit{border-radius: 100px; background: #000; color: #fff; padding: 15px; font-size: 22px; letter-spacing: -1px;} #Curri .pro .item-pro-sub .pro-sub-list > li:nth-child(1) .sub-item .sub-tit{background: linear-gradient(to right, #cb1148 0%, #8e296b 100%);} #Curri .pro .item-pro-sub .pro-sub-list > li:nth-child(2) .sub-item .sub-tit{background: linear-gradient(to right, #8e296b 0%, #613a85 100%);} #Curri .pro .item-pro-sub .pro-sub-list > li:nth-child(3) .sub-item .sub-tit{background: linear-gradient(to right, #613a85 0%, #1b55ad 100%);} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-tit strong{} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt{border-radius: 30px;border: 1px solid #000;/* padding: 15px; */display: flex;flex-direction: column;gap: 0;height: 100%;} #Curri .pro .item-pro-sub .pro-sub-list > li:nth-child(1) .sub-item .sub-txt{border:1px solid transparent;background-image: linear-gradient(#f9f9f9, #f9f9f9),linear-gradient(to right, #cb1148 0%, #8e296b 100%);background-origin: border-box;background-clip: content-box, border-box;} #Curri .pro .item-pro-sub .pro-sub-list > li:nth-child(2) .sub-item .sub-txt{border:1px solid transparent;background-image: linear-gradient(#f9f9f9, #f9f9f9),linear-gradient(to right, #8e296b 0%, #613a85 100%);background-origin: border-box; background-clip: content-box, border-box;} #Curri .pro .item-pro-sub .pro-sub-list > li:nth-child(3) .sub-item .sub-txt{border:1px solid transparent;background-image: linear-gradient(#f9f9f9, #f9f9f9),linear-gradient(to right, #613a85 0%, #1b55ad 100%);background-origin: border-box; background-clip: content-box, border-box;} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt > li{padding: 15px;} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt .sub-c{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 18px;gap: 3px;background: #fff;border-radius: 20px;} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt .sub-c > span{font-size: 17px; font-weight:500; color:#444;} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt .sub-c > strong{font-size: 21px;} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt.col-2{flex-direction: row;flex-wrap: wrap;gap:15px;} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt.col-2 > li{width: calc(50% - 7.5px);} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt.col-2 > li:nth-child(1){padding-right:0; padding-bottom:0;} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt.col-2 > li:nth-child(2){padding-left:0; padding-bottom:0;} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt.col-2 > li:nth-child(3){padding-right:0; padding-top:0;} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt.col-2 > li:nth-child(4){padding-left:0; padding-top:0;} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt.col-2 .sub-c{min-height:86px;height: 100%;} #Curri .pro .item-pro-sub .pro-sub-list > li:nth-child(1) .sub-item .sub-txt .sub-c > strong{color:#ac1e5b;} #Curri .pro .item-pro-sub .pro-sub-list > li:nth-child(2) .sub-item .sub-txt .sub-c > strong{color:#773177;} #Curri .pro .item-pro-sub .pro-sub-list > li:nth-child(3) .sub-item .sub-txt .sub-c > strong{color:#3d4899;} #Curri .pro .logo-list{display:flex;flex-wrap: wrap;justify-content: center;align-items: center;row-gap: 15px;column-gap: 34px;padding: 25px 0;} #Curri .pro .logo-list > img{max-height: 35px;} @media (max-width: 1170px){ #Curri .skill {padding: 80px 0;} #Curri .skill .logo-list ul{padding:0 30px;} #Curri .operation {padding:80px 0;} #Curri .operation .intro big {font-size: 40px; line-height: 1.2;} #Curri .operation .value-list{flex-wrap: wrap; justify-content: center; gap:40px;} #Curri .operation .value-list .item:nth-of-type(2), #Curri .operation .value-list .item:nth-of-type(4) {margin-top: 0px;} #Curri .operation .value-list .item {margin: 0; width:40%;} #Curri .operation .value-img-box {margin: 0 auto;} #Curri .pro {padding: 80px 0;} #Curri .pro .item-pro-sub .pro-sub-list {flex-direction: column;} } @media (max-width: 1024px){ #Curri .pro .pro-list {align-items: center;padding-top: 0px;margin-top:30px;gap:60px;flex-direction: column-reverse;} #Curri .pro .pro-list .proj {margin-top: 0;width:100%;} #Curri .pro .pro-wr:before {top: 0; transform: translate(-50%, 0%); left: 50%; width: 2px; height: 100%;} #Curri .pro .pro-list:before, #Curri .pro .pro-list:after{display:none;} #Curri .pro .pro-list .title{background: linear-gradient(to top, #cb1148 0%, #1b55ad 100%);} #Curri .pro .pro-list .title:before {border: 45px solid rgb(0, 0, 0, .05);} } @media (max-width: 767px){ #Curri .skill {padding: 60px 0;} #Curri .skill .logo-list {margin: 0px auto 40px; width: 100%;} #Curri .skill .logo-list ul {flex-wrap: wrap; padding: 0;gap: 5px;} #Curri .skill .logo-list li.core{width:100%;} #Curri .skill .logo-list li.core .item{width: 100%; border-radius:10px; height: auto; padding: 20px; border: 0;} #Curri .skill .logo-list li:not(.core), #Curri .skill .logo-list li:not(.core){order: 2; width: calc((100% / 2) - 2.5px); border-radius:10px;} #Curri .skill .logo-list li.core .item:after{display:none;} #Curri .skill .logo-list:before{display:none;} #Curri .skill .logo-list li.core:after{display:none;} #Curri .skill .logo-list ul::before, #Curri .skill .logo-list ul:after{display:none;} #Curri .skill .logo-list li.core .item > strong {font-size: 24px;} #Curri .skill .logo-list li:not(.core) {height: auto; padding: 15px; border: 3px solid #1b55ad; font-size: 18px;} #Curri .operation {padding: 60px 0;} #Curri .operation .intro small {font-size: 20px; line-height: 1.2;} #Curri .operation .intro big {font-size: 30px; margin-top: 10px;} #Curri .operation .value-list {justify-content: center; flex-direction: column; align-items: center;gap:0;} #Curri .operation .value-list .item {margin: 0; width: 100%;} #Curri .operation .value-page {padding: 30px 0 0;} #Curri .operation .value-img-box {width: 180px;} #Curri .operation .value-img-box .img-box strong {font-size: 24px;} #Curri .operation .value-list .item + .item{margin-top:-20px;} #Curri .operation .RollTxt .flow-text {font-size: 80px; font-weight: 500;} #Curri .pro .pro-list:before, #Curri .pro .pro-list:after{display:none;} #Curri .pro .pro-list .proj .sub-txtList {border-radius: 10px; margin:0; padding: 10px;} #Curri .pro .pro-list .proj .sub-txtList > li {font-size: 20px;} #Curri .pro .pro-wr {padding: 0; margin-top: 0;} #Curri .pro .pro-list .title {margin: 0 auto;min-width: 200px;height: 200px;width: 200px;border: 15px solid rgb(255, 255, 255);} #Curri .pro .pro-list .title:before {width: 300px;height: 300px;border: 35px solid rgb(0, 0, 0, .05);} #Curri .pro .pro-list .title strong {font-size: 30px;} #Curri .pro .pro-list .proj .title2 {height: auto; border-radius: 10px; padding: 10px; font-size: 20px;} #Curri .pro {padding: 60px 0;} #Curri .pro .item-pro-sub {margin-top: 30px;} #Curri .pro .item-pro-sub:before {top: -200px; width: 120%; height: 200px;} #Curri .pro .item-pro-sub .pro-sub-list {gap: 20px;} #Curri .pro .item-pro-sub .pro-sub-list .sub-item {gap: 5px;} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-tit {padding: 10px; font-size: 20px; border-radius:10px;} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt{border-radius:10px;justify-content: center;} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt > li {padding:8px;} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt .sub-c {padding: 10px; border-radius: 5px;} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt .sub-c > strong {font-size: 18px;} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt.col-2{gap:10px;} #Curri .pro .item-pro-sub .pro-sub-list .sub-item .sub-txt.col-2 > li {width: calc(50% - 5px);} } /* -------------------------------- sub2_3 : 교육과정 -------------------------------- */ #Curri.curri2-3{padding: 80px 0 100px;} #Curri .curriTopTitle{font-size:30px;font-weight:bold;display:block;background: #ffffff;padding: 40px 30px;border-radius: 100px;} #Curri .curriTopTitle big{} #Curri .curriTopTitle small{color:#333;} .tactic-bg {padding: 20px 0;} .tactic-bg:before{ content: ""; position: absolute; bottom: 0; left: 50%; width: 100vw; margin-left: -50vw; height: 100%; z-index: -2; background: transparent linear-gradient(to top, #fff 0%, #f2f3f7 100%) 0% 0% no-repeat padding-box; } .tactic-box_w {background: #fff;border-radius: 40px;padding: 60px;overflow-x: auto;} .tactic-box {word-break: keep-all;text-align: center;font-size: 16px;min-width: 1400px;} .tactic-box > li {display: flex; align-items: center;} .tactic-box > li:not(:last-child) {margin-bottom: 40px;} .tactic-box .left {width: 96px; flex-shrink: 0; font-size: 1.25em;} .tactic-box .right {flex: 1;position: relative;display: flex;gap: 30px;} .tactic-box .right:before {position: absolute; left: 0; top: 50%; width: 100%; height: 1px; border-top: 1px dashed #b1b1b1; content: '';} .tactic-box > li:nth-child(1) .right:before{left:auto; right:0; width:90%; top:30px} .tactic-box .right .year {display:flex;gap: 10px;margin-top:10px;justify-content: center;} .tactic-box .right .year > li{flex:1; position: relative;z-index: 1} .tactic-box .right .year > li > strong{display: flex;height: 60px;width: 100%;border-radius:100px;padding: 0 10px;font-size: 1.125em;font-weight: 500;color: #fff;align-items:center;justify-content:center;line-height: 1.15;gap: 2px;} .tactic-box .right .year > li > strong > span{font-size: 16px;font-weight: normal;opacity:.7;} .tactic-box > li:nth-child(1) .right > li:nth-child(1) .year strong{background: #639be3;} .tactic-box > li:nth-child(1) .right > li:nth-child(2) .year strong{background: #2d76d5;} .tactic-box > li:nth-child(1) .right > li:nth-child(3) .year strong{background: #3c679f;} .tactic-box > li:nth-child(1) .right > li:nth-child(4) .year strong{background: #2e4d73;} .tactic-box .right > li{width: calc(33.3333333333% - 0px/3);position: relative;z-index: 1} .tactic-box .right .t{display: flex;height: 70px;width: 100%;border-radius:100px;padding: 0 10px;font-size: 20px;font-weight: 600;color: #fff;background: #216ed3;align-items:center;justify-content:center;flex-direction: column;} .tactic-box .right .t > span{font-size: 16px;font-weight: normal;opacity:.7;} .tactic-box .right .no{border:1px solid #36a11d; border-radius:30px; padding: 0 25px; background: #fff; height: 100%} .tactic-box .right .no > li{padding: 20px 0} .tactic-box .right .no > li:not(:last-child){border-bottom: 1px dotted #333;} .tactic-box .right .box{border:1px solid #36a11d; background: #eff8ed; color: #36a11d; font-weight: 700; height: 100px; padding: 0 10px; text-align: center; display: flex; align-items:center; justify-content:center; border-radius:30px; font-size: 1.125em;} .tactic-box .non-box > li{width:calc(50% - 15px);} .tactic-box .non{border: 1px dashed #b8b8b8;border-radius:30px;flex:1;background: #f7f7f7;display: flex;padding: 35px 0} .tactic-box .col-2{display:flex;gap:15px;display:flex;border: 1px dashed #b8b8b8;border-radius:30px;flex:1;background: #f7f7f7;display: flex;padding:15px;height: 100%;} .tactic-box .col-2 > li{flex:1;width: 50%;} .tactic-box .col-2 .subj-list{display:flex;flex-direction: column;gap: 10px;} .tactic-box .col-2 .subj-list > li{flex:1;} .tactic-box .col-2 .subj-list .subj{border-radius:30px;background:#fff;width:100%;flex:1;display: block;padding: 13px 0;line-height: 1;font-size: 15px;font-weight: 500;color: #111;min-height: 42px;} .tactic-box .col-2 .subj-list .subj > span{display:block;font-size:16px;font-weight:normal;margin-top: 5px;opacity: .7;} .tactic-box .col-2 .subj-list .subj.subj-non{background:transparent;} .tactic-box .last > li{width:calc(50% - 15px)} .tactic-box .box2{border-radius:30px;display: flex; flex-flow:column; height: 100%} .tactic-box .box2 .ttt{display: flex; height: 60px; font-size: 1.125em; font-weight: 500; color: #fff; background: #6d6d6d; align-items:center; justify-content:center; border-radius:30px 30px 0 0} .tactic-box .box2 .div{border:1px solid #ccc; border-top: 0; border-radius: 0 0 30px 30px; flex:1; background: #fff; display: flex; padding: 35px 0} .tactic-box .box2 .div > li{width: 50%; padding: 0 10px} .tactic-box .box2 .div > li:last-child{border-left: 1px dotted #333;} .tactic-box .box2 .div li li:not(:first-child){margin-top: 10px;} .tactic-box > li:not(:last-child){margin-bottom: 40px;} .tactic-box > li:not(:last-child) .right > li{position: relative;} /*.tactic-box > li:not(:nth-child(n+3)) .right > li:after{position: absolute; left: 50%; bottom:-40px; width: 1px; height: 40px; content: ''; border-right:1px solid #b1b1b1; margin-left: -0.5px;}*/ .tactic-box .right > li:nth-child(2) .t{background-color: #0148a5;} .tactic-box .right > li:nth-child(3) .t{background-color: #06326b;} .tactic-box .right > li:nth-child(4) .t{background-color: #031a37;} .tactic-box .right > li:nth-child(2) .no{border-color: #088486} .tactic-box .right > li:nth-child(3) .no{border-color: #086d86} .tactic-box .right > li:nth-child(4) .no{border-color: #007b66} .tactic-box .right > li:nth-child(2) .box{border-color: #088486; color: #088486; background-color: #ecf5f6} .tactic-box .right > li:nth-child(3) .box{border-color: #086d86; color: #086d86; background-color: #ecf4f6} .tactic-box .right > li:nth-child(4) .box{border-color: #007b66; color: #007b66; background-color: #ebf5f3} .tactic-box .last > li:last-child .ttt{background-color: #333} .tactic-box .right .no,.tactic-box .right .box{position: relative;} .tactic-box .right .no:before,.tactic-box .right .box:before{position: absolute; left: 50%; width: 13px; height: 13px; border-radius:50%; background: #fff; border: 4px solid #36a11d; content: ''; top:0; margin: -6.5px 0 0 -6.5px} .tactic-box .right > li:nth-child(2) .no:before,.tactic-box .right > li:nth-child(2) .box:before{border-color: #088486} .tactic-box .right > li:nth-child(3) .no:before,.tactic-box .right > li:nth-child(3) .box:before{border-color: #086d86} .tactic-box .right > li:nth-child(4) .no:before,.tactic-box .right > li:nth-child(4) .box:before{border-color: #007b66} .tactic-box .t,.tactic-box .no,.tactic-box .box{position: relative;z-index: 1} @media (max-width: 1300px){ } @media (max-width: 1240px){ } @media (max-width: 1170px){ } @media (max-width: 1024px){ } @media (max-width: 767px){ #Curri .curriTopTitle {font-size: 20px; padding: 20px; border-radius: 20px;} .tactic-box_w {border-radius: 20px; padding: 20px;} } @media (max-width: 640px){ } @media (max-width: 520px){ } /* -------------------------------- sub3_1 : 대학원진학 -------------------------------- */ #Support{position:relative;padding: 0 0 0px 0;} #Support.sp3-1{} #Support .sp-view{padding-bottom:100px;} #Support .sp-top-tit{display:block;position:relative;max-width:1400px;width:100%;margin:0 auto;text-align:right;padding: 0 !important;!i;!;} #Support .sp-top-tit .detail-tit{z-index:10;position:absolute;left: 50%;top: 48%;display: inline-block;font-size: 38px;font-weight: 600;color: #000;letter-spacing: 0;transform: translate(-50%, -50%);line-height: 1.3;font-family: "Poppins", sans-serif;} #Support .sp-top-tit .decorating-txt{display: block;font-size: 300px;font-weight: 700;font-style:normal;color: #f3f7fa;letter-spacing: -10px;line-height: 1.3;font-family: "Poppins", sans-serif;text-align: center;white-space: nowrap;} #Support .sp-tit-bg{position: relative;margin-top: -90px;height: 360px;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;padding-bottom: 80px;z-index: 10;} #Support.sp3-1 .sp-tit-bg:before{z-index:-1;content:"";position:absolute;left: 50%;margin-left: -45vw;top:0;height:100%;overflow: hidden;background-image: url("/images/sub/sp_bg1.jpg");background-attachment: fixed;width: 90vw;background-repeat: no-repeat;background-position: center center;background-size: cover;opacity: 1;border-radius: 50px;} #Support.sp3-2 .sp-tit-bg:before{z-index:-1;content:"";position:absolute;left: 50%;margin-left: -45vw;top:0;height:100%;overflow: hidden;background-image: url("/images/sub/sp_bg2.jpg");background-attachment: fixed;width: 90vw;background-repeat: no-repeat;background-position: center center;background-size: cover;opacity: 1;border-radius: 50px;} #Support.sp3-3 .sp-tit-bg:before{z-index:-1;content:"";position:absolute;left: 50%;margin-left: -45vw;top:0;height:100%;overflow: hidden;background-image: url("/images/sub/sp_bg3.jpg");background-attachment: fixed;width: 90vw;background-repeat: no-repeat;background-position: center center;background-size: cover;opacity: 1;border-radius: 50px;} #Support .sp-tit-bg .area{position:relative;display: flex;z-index:10;font-weight:400;color:#fff;letter-spacing:-0.65px;line-height:1;align-items: flex-end;} #Support .sp-tit-bg .area big{font-size: 50px;letter-spacing: -.5px;font-weight:600;text-transform:uppercase;margin-right: 40px;} #Support .sp-tit-bg .area small{font-size:24px;font-weight:normal;} #Support .sec-cont {position: relative; padding: 120px 0;} #Support .sec-cont + .sec-cont{margin-top:0;} #Support .sec-cont.bg:before{content:"";position:absolute;left: 50%;margin-left: -50vw;top:0;height:100%;background: #f8f8f8;width:100vw;z-index:-1;} #Support .flex-cont{display: flex; justify-content: space-between; flex-wrap: wrap;} #Support .flex-cont .left{width: 700px;} #Support .flex-cont .right{width: calc(100% - 700px);padding: 10px 0 0 0;} #Support .sp-tit{position:relative;font-size: 40px;font-weight: 700;line-height: 1.3;color:#111;letter-spacing: -0.03em;margin-bottom: 30px;padding: 0 80px 0 50px;} #Support .sp-tit:before{content: "\ea67";font-family: 'remixicon' !important;font-style: normal;font-weight:normal;position:absolute;left:0;top:0;color: #1b55ad;} #Support .boxList{display: flex;gap: 20px;flex-wrap: wrap;flex-direction: column;} #Support .boxList > li{word-break: normal;background-color: #f6f6f6;border-radius: 2rem;padding: 30px 35px;box-sizing: border-box;} #Support .boxList > li > p{position: relative;font-size: 20px;font-weight: 600;letter-spacing: -0.025em;line-height: 1.5em;color: #222;padding-left: 30px;} #Support .boxList > li > p:before {position: absolute;content: "\eb7b";font-family: 'remixicon' !important;font-size: 14px;width: 20px;font-weight: normal;height: 20px;display: flex;color: #fff;background: #687a9d;left: 0;top: 6px;border-radius: 50%;justify-content: center;align-items: center;} #Support .sec-cont.bg .boxList > li{background:#fff;} #Support .step-wr{padding: 40px 75px 40px 40px;background: #fff;border-radius:30px;margin:40px 0;} #Support .step-wr .stepArrow{display: flex;} #Support .step-wr .stepArrow > li{flex: 1; display: flex; flex-direction: column;} #Support .step-wr .stepArrow > li:nth-child(1) .title{background:linear-gradient(to right, #c14374 0%, #a80638 100%); border-radius:20px 0 0 20px} #Support .step-wr .stepArrow > li:nth-child(2) .title{background:linear-gradient(to right, #a80638 0%, #891a3b 100%);} #Support .step-wr .stepArrow > li:nth-child(3) .title{background:linear-gradient(to right, #891a3b 0%, #551e3f 100%);} #Support .step-wr .stepArrow > li:nth-child(4) .title{background:linear-gradient(to right, #551e3f 0%, #2c1e36 100%);} #Support .step-wr .stepArrow > li:nth-child(4) .title::after{content:''; display:block; width:0px; height:0px; border-width:34px 0 34px 36px; border-color:transparent transparent transparent #2c1e36; border-style:solid; position:absolute; left:100%; top:50%; transform:translateY(-50%);} #Support .step-wr .stepArrow .title{height:68px;font-size:20px;color:#fff;font-weight:500;display:flex;align-items:center;padding:0 0 0 50px;position:relative;font-family: "Poppins", sans-serif;} #Support .step-wr .stepArrow .title::before{content:''; display:block; width:1px; height:43px; background:#fff; position:absolute; left:30px; bottom:0;} #Support .step-wr .stepArrow .item{padding: 25px 0 0 50px;flex:1 0 auto;position:relative;} #Support .step-wr .stepArrow .item::before{content:'';display:block;width:1px;height:100%;background: #d1d1d1;position:absolute;left:30px;top:0;} #Support .step-wr .stepArrow .subTitle{font-size: 22px;font-weight: 700;line-height:1;margin:0 0 15px;} #Support .step-wr .stepArrow > li:nth-child(1) .subTitle{color:#a80638;} #Support .step-wr .stepArrow > li:nth-child(2) .subTitle{color:#891a3b;} #Support .step-wr .stepArrow > li:nth-child(3) .subTitle{color:#551e3f;} #Support .step-wr .stepArrow > li:nth-child(4) .subTitle{color:#2c1e36;} #Support .step-wr .stepArrow .subList{} #Support .step-wr .stepArrow .subList li{font-size:17px; color:#444; line-height:1; position:relative; padding-left:10px;line-height:1.4;} #Support .step-wr .stepArrow .subList li::before{content:''; width:4px; height:4px; background:#a80638; border-radius:50%; top:8px; margin-right:5px; font-size:inherit; color:inherit; line-height:inherit; position:absolute; left:0;} #Support .step-wr .stepArrow .subList li:not(:last-child){margin-bottom:5px;} #Support.sp3-3 .item-bg{padding: 80px;overflow: hidden;margin: 40px 0;border-radius: 20px;border: 1px solid rgba(224, 223, 226, 0.6);} #Support .item3-3-3{margin-bottom:60px;} #Support .stepBox{position:relative;display:flex;gap: 60px;justify-content: center;} #Support .stepBox + .stepBox{margin-top:35px; flex-direction: row-reverse;} #Support .stepBox > li{position:relative;width: 33.333333333%;text-align:center;border: 1px solid #1b55ad;border-radius: 15px;box-sizing:border-box;background:#fff;} #Support .stepBox > li:after{content:"\ea67"; font-family:'remixicon' !important; display:block; position:absolute; font-size: 33px; font-weight: normal; color: #687a9d; top:50%; right: -48px; transform:translateY(-50%);} #Support .stepBox .in{position:relative; display:block; padding:0; width:100%; height:100%;} #Support .stepBox .in .item-bottom{/* padding: 20px; */min-height:100px;display:flex;justify-content:center;align-items:center;height: calc(100% - 66px);} #Support .stepBox .in .item-bottom p{font-size: 17px;color: #555;line-height:1.5;} #Support .stepBox .in .item-top{border-radius: 13px;background: #1b55ad;padding: 20px 20px;text-align:center;} #Support .stepBox .in .item-top p{color:#fff;font-weight: 600;font-size: 22px;letter-spacing: -.5px;display: inline-flex;justify-content: center;align-items: center;gap: 10px;} #Support .stepBox .in .item-top p em{font-style:normal;background:#fff;color:#487ef1;font-size:14px;width:20px;height:20px;border-radius:50%;display:inline-flex;justify-content: center;align-items: center;line-height: 1;} #Support .stepBox > li:last-child:after{display:none;} #Support .stepBox .in .item-bottom .list-Dot > li{font-weight:500; color:#333;} #Support .stepBox .in .item-bottom .list-box{display: flex; flex-direction: column; overflow: hidden; width:100%; border-radius:0 0 20px 20px;} #Support .stepBox .in .item-bottom .list-box li{font-size: 19px;font-weight: 500;color: #212121;line-height: 1.3;display: flex;align-items: center;justify-content: center;text-align: center;padding: 14px;border-bottom: 1px solid #eeeeee;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #Support .stepBox .in .item-bottom .list-box li:last-child{border-bottom:0;} #Support .item3-3-4{max-width:1400px; margin: 0 auto;} #Support .item3-3-4 .item-wrap{position: relative;display: flex;flex-warp: wrap;/* box-shadow: 0 0 20px rgba(51,51,51,0.1); */margin-bottom: 100px;} #Support .item3-3-4 .item-wrap:before {content:"";clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);position:absolute;left:50%;bottom: -100px;height: 100px;transform: translate(-50%, -0%);background: linear-gradient(to bottom, #f3f3f3 0%, #ffffff00 100%);width: 95%;z-index: -1;} #Support .item3-3-4 .item-wrap ul li {height: 72px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #Support .item3-3-4 .item-wrap ul li.head {display: flex;line-height: 1.4;text-align: center;font-size: 30px;font-weight: 700;letter-spacing: -.5px;justify-content: center;align-items: center;height: 100%;padding: 30px;} #Support .item3-3-4 .item-wrap .left-box {width: 37.7%;border: 3px solid #dddddd;border-right: 0;border-radius: 20px 0 0 20px;display: flex;flex-direction: column;justify-content: space-between;overflow: hidden;} #Support .item3-3-4 .item-wrap .right-box {width: 37.7%;border: 2px solid #1b55ad;border-left: 0;border-radius: 0 20px 20px 0;display: flex;flex-direction: column;overflow: hidden;} #Support .item3-3-4 .item-wrap .left-box li.head {color: #212121;background: #f2f2f2;height: 72px;font-size: 24px;padding: 20px;border-radius: 20px 0 0 20px;} #Support .item3-3-4 .item-wrap .right-box li.head {color: #1b55ad;background: rgb(27 85 173 / 10%);height: 72px;font-size: 24px;padding: 20px;border-radius: 0 20px 20px 0;} #Support .item3-3-4 .item-wrap .left-box li:not(.head), #Support .item3-3-4 .item-wrap .right-box li:not(.head) {display: flex;align-items: center;justify-content: center;text-align: center;padding: 10px;height: calc(50% - 36px);border-bottom: 1px solid #eeeeee;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #Support .item3-3-4 .item-wrap .left-box li .txt, #Support .item3-3-4 .item-wrap .right-box li .txt {font-size: 19px;font-weight: 500;color: #212121;line-height: 1.3;} #Support .item3-3-4 .item-wrap .center-box {width: 24.6%;border: 3px solid #1b55ad;border-right: 0;border-left: 0;z-index: 10;} #Support .item3-3-4 .item-wrap .center-box li.head {color: #fff;background: #1b55ad;border-bottom: 1px solid rgba(238,238,238,0.3);} #Support .item3-3-4 .item-wrap .center-box li:not(.head) {display: flex;align-items: center;background: #1b55ad;/* border-bottom: 0.1rem solid rgba(238,238,238,0.1); */padding: 15px 10px 0px 40px;height: auto;} #Support .item3-3-4 .item-wrap .center-box li:nth-child(2){padding-top:20px;} #Support .item3-3-4 .item-wrap .center-box li:nth-child(4){padding-bottom:20px;} #Support .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;} #Support .item3-3-4 .item-wrap .center-box li:not(.head) span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;} #Support .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;} #Support .item3-3-4 .bt-txt{display: flex; flex-direction: column; align-items: center;} #Support .item3-3-4 .bt-txt strong{font-size: 50px;color: #183969;font-weight:800;text-align: center;display:block;} #Support .item3-3-4 .bt-list{margin-top:25px;word-break: normal; background-color: #f8f8f8; border-radius: 2rem; padding: 30px 80px; box-sizing: border-box;} #Support .item3-3-4 .bt-list > li{position: relative;font-size: 2rem;font-weight: 600;letter-spacing: -0.025em;line-height:1.4;color: #222;padding-left: 13px;} #Support .item3-3-4 .bt-list > li + li{margin-top:10px;} #Support .item3-3-4 .bt-list > li:before{content:"";display:block;position:absolute;left:0;top: 11px;overflow:hidden;width: 4px;height: 4px;box-sizing:border-box;border-radius:50%;background: #9e1915;} @media (max-width: 1300px){ #Support .sp-top-tit .decorating-txt{font-size:200px;} #Support .sp-tit-bg {margin-top: -60px; height: 300px;padding-bottom: 60px;} #Support.sp3-1 .sp-tit-bg:before, #Support.sp3-2 .sp-tit-bg:before{border-radius: 40px;} #Support .sp-tit-bg .area {width: 100%; justify-content: center; align-items: flex-end;} #Support .sec-cont {padding: 80px 0;} #Support .flex-cont {flex-direction: column;} #Support .flex-cont .left {width: 100%;} #Support .sp-tit {font-size: 34px; padding: 0 0px 0 50px;} #Support .flex-cont .right {width: 100%; padding: 0;} } @media (max-width: 767px){ #Support .sp-view {padding-bottom: 30px;} #Support .sp-top-tit .decorating-txt {font-size: 80px;} #Support .sp-top-tit .detail-tit {font-size: 20px; text-align: center; width: 100%;} #Support .sp-tit-bg {margin-top: 0;height: auto;padding:30px 20px;justify-content: center; align-items: center;} #Support .sp-tit-bg .area {align-items: center; flex-direction: column;} #Support.sp3-2 .sp-tit-bg:before, #Support.sp3-1 .sp-tit-bg:before {background-size:100%; border-radius:10px;background-attachment:unset;} #Support .sp-tit-bg .area big {font-size: 24px; margin: 0 0 5px 0;} #Support .sp-tit-bg .area small {font-size: 18px;} #Support .sec-cont {padding: 30px 0;} #Support .sp-tit {font-size: 20px; padding: 0 0px 0 30px;margin-bottom:15px;} #Support .boxList > li {border-radius: 10px; padding: 20px;} #Support .boxList > li > p {font-size: 16px; padding-left: 24px;} #Support .boxList > li > p:before {font-size: 9px; width: 16px; height: 16px; top: 3px;} } /* -------------------------------- sub3_2 : 취업역량강화 -------------------------------- */ #Support.sp3-2{} /* -------------------------------- sub4_1 : 프로그램 및 신청 -------------------------------- */ #Pro{position:relative; margin-bottom:40px;} /* 리스트 */ #Pro ul.proList{flex-wrap:wrap; display:flex; row-gap:25px; column-gap:2%;} #Pro ul.proList > li{position:relative; width:100%; display:block; overflow:hidden;} #Pro .list-item{ position:relative; width:100%; border-radius:30px; border:1px solid rgba(224, 223, 226, 0.6); padding:30px 30px 40px 30px; box-sizing:border-box; display:flex; justify-content:space-between; align-items:flex-start; transition:.2s ease-out; } #Pro .list-item a.btn-view{ display:inline-block; border:2px solid #333; line-height:1; font-weight:700; position:absolute; right:30px; bottom:30px; transition:.2s ease-out; border-radius:50px; padding: 14px 30px 13px 40px; font-size: 17px; color:#333; text-transform:uppercase; margin-top:35px; } #Pro .list-item a.btn-view i{display:inline-block; margin-left:20px;} #Pro .list-item a.btn-view:hover{background: #333;color: #fff;} #Pro .list-item .picture{position:relative; width:320px; display:block; border-radius:15px; overflow:hidden; z-index:5; /*padding-bottom:18%;*/ background:#f3f3f3; transition:.2s ease-out;} #Pro .list-item .picture a{display:block; width:100%; height:100%;} #Pro .list-item .picture>a img{width:100%; display:block; /*position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);*/ transition:.2s ease-out;} #Pro .list-item .txt-wrap{width:calc(100% - 320px); padding-left:50px;} #Pro .list-item .name{line-height:1.4;display:block;position:relative;font-weight:700;font-size: 32px;color: #212121;letter-spacing:-.5px;padding:10px 0 0 0;margin-bottom:25px;} #Pro .list-item .situ{display:inline-block; position:absolute; left:15px; top:15px; font-size:15px; border-radius:30px; padding:10px 20px; font-weight:400; letter-spacing:normal; line-height:1; text-align:center;} #Pro .list-item .situ.p-on{background:#0096d9; color:#fff;} #Pro .list-item .situ.p-off{background:#dfdfdf; color:#111;} #Pro .list-item .info-list{font-size:0;padding-right:20%;display:flex;flex-wrap:wrap;gap: 14px;width:100%;flex-direction:column;} #Pro .list-item .info-list dl{display:inline-flex; align-items:center;} #Pro .list-item .info-list dt{color: #555;font-size: 17px;width:130px;line-height:1.4;font-weight: 700;position: relative;letter-spacing: -.5px;padding-left: 29px;} #Pro .list-item .info-list dt i{color:#00bfe6;display:inline-block;margin-right:5px;font-size: 20px;position: absolute;font-weight: normal;left: 0;top: -2px;} #Pro .list-item .info-list dd{width:calc(100% - 130px);font-size: 17px;color:#777;font-weight:400;line-height:1.5;} #Pro .list-item .info-list dd a{font-size:16px; color:#777;} #Pro .list-item .td_chk{position:absolute; left:0; top:0;} #Pro .list-item .chk_box input[type="checkbox"] + label{padding:0; position:unset;} #Pro .list-item .chk_box input[type="checkbox"] + label span{top:15px; left:15px;} #Pro .list-item:hover{border-color:#00bfe6;} #Pro .list-item .picture:hover img{transform:/*translate(-50%, -50%)*/ scale(1.1); -webkit-filter:brightness(0.50); filter:brightness(0.50);} #Pro .list-item .name a:hover{text-decoration:underline; transition:.2s ease-out;} /* 뷰 */ #Pro .view-item{ position:relative; width:100%; background: rgba(255,255,255,.5); border-radius:30px; border:1px solid #eee; padding:30px 30px 40px 30px; box-sizing:border-box; display:flex; justify-content:space-between; align-items:flex-start; } #Pro .view-item .picture{position:relative; width:320px; border-radius:15px; overflow:hidden; z-index:5; /*padding-bottom:18%;*/ background:#f3f3f3;} #Pro .view-item .picture > img{width:100%; display:block; /*position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);*/} #Pro .view-item .txt-wrap{width:calc(100% - 320px); padding-left:50px;} #Pro .view-item .name{display:block; position:relative; font-family: 'KoPubWorldDotum', sans-serif; font-weight:700; font-size:28px; color:#2a2a2a; letter-spacing:-.5px; padding:10px 0 0 0; margin-bottom:25px;} #Pro .view-item .situ{display:inline-block; position:absolute; left:15px; top:15px; font-size:15px; border-radius:30px; padding:10px 20px; font-weight:700; letter-spacing:normal; line-height:1; text-align:center;} #Pro .view-item .situ.p-on{background:#111; color:#fff;} #Pro .view-item .situ.p-off{background:#dfdfdf; color:#888;} #Pro .view-item .info-list{font-size:0; display:flex; flex-wrap:wrap; gap:10px; width:100%; flex-direction:column;} #Pro .view-item .info-list dl{display:inline-flex; align-items:center; padding: 12px 20px; border-radius: 100px; background: #fff; border: 1px solid #eee;} #Pro .view-item .info-list dt{color: #103125; font-family: 'KoPubWorldDotum', sans-serif; font-size: 17px; width: 120px; line-height: 1; font-weight: 600; position: relative;} #Pro .view-item .info-list dt::before {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: block; width: 1px; height: 70%; background: #ddd;} #Pro .view-item .info-list dt i{color:#00bfe6;display:inline-block;margin-right:5px;font-size: 19px;position: absolute;left: 0;top: -2px;} #Pro .view-item .info-list dd{width: calc(100% - 120px); padding-left: 15px; font-family: 'KoPubWorldDotum', sans-serif; font-size: 17px; color: #333; font-weight: 500; line-height:1;} #Pro .view-item .info-list dd a{font-size:16px; color:#777;} #Pro .view-item dl.info-list>li a:hover{color:#9c6e37; transition:.2s ease-out;} #Pro .view-item .btn-wr{flex-wrap: wrap;display:flex; margin-top:30px; gap:10px;} #Pro .btn-link{ display:inline-block; color:#fff; border-radius:30px; font-size:19px; font-weight:500; line-height:1; text-align:center; padding:18px 42px; width:auto; line-height:1; transition:.2s ease-out; } #Pro .btn-link.on{background: #103125;} #Pro .btn-link.on2{background:#313d47;} #Pro .btn-link.off{background: #b1b1b1;} #Pro .btn-link.on:hover, #Pro .btn-link.on2:hover{text-decoration:none; transform:translateY(-5px);} @media (max-width: 1170px){ #Pro .list-item .picture{width:240px;} #Pro .list-item .txt-wrap{width: calc(100% - 240px);} #Pro .list-item a.btn-view{position:relative; right:auto; left:0; bottom:0;} #Pro .view-item .picture{width:240px;} #Pro .view-item .txt-wrap{width: calc(100% - 240px);} } @media (max-width: 767px){ #Pro{padding-bottom:40px;} #Pro .list-item{border-radius:20px; padding:20px; justify-content:center; flex-direction:column; align-items:center;} #Pro .list-item .picture{width:100%; max-width:320px;} #Pro .list-item .txt-wrap{width:100%; padding-left:0;} #Pro .list-item .name{text-align:center; padding:10px 0 15px 0; margin-bottom:0; font-size:20px;} #Pro .list-item .name strong{font-size:20px;} #Pro .list-item .situ{left:10px; top:10px; font-size:12px; padding:7px 15px;} #Pro .list-item .name>.major{margin-left:0;} #Pro .list-item .name>.major em{padding:4px 9px; margin-left:2px; font-size:13px; margin-bottom:2px;} #Pro .list-item ul.info-list{padding-right:0; gap:7px;} #Pro .list-item ul.info-list>li{padding-left:22px; font-size:13px;} #Pro .list-item ul.info-list>li i{top:0; font-size:16px;} #Pro .list-item .info-list{padding-right:0;} #Pro .list-item .info-list dl{align-items:flex-start;} #Pro .list-item .info-list dt{font-size:14px; width:95px; line-height:1.5; padding-left:22px;} #Pro .list-item .info-list dt i{margin-right:0; font-size:17px; top:1px;} #Pro .list-item .info-list dd{width:calc(100% - 95px); font-size:14px;} #Pro .list-item>a.btn-edit{padding:5px 10px; font-size:11px;} #Pro .view-item{border-radius:20px; padding:20px; justify-content:center; flex-direction:column; align-items:center;} #Pro .view-item .picture{width:100%; max-width:320px;} #Pro .view-item .txt-wrap{width:100%; padding-left:0;} #Pro .view-item .name{text-align:center; padding:10px 0 15px 0; margin-bottom:0; font-size:20px;} #Pro .view-item .name strong{font-size:20px;} #Pro .view-item .situ{left:10px; top:10px; font-size:12px; padding:7px 15px;} #Pro .view-item .name>.major{margin-left:0;} #Pro .view-item .name>.major em{padding:4px 9px; margin-left:2px; font-size:13px; margin-bottom:2px;} #Pro .view-item ul.info-list{padding-right:0; gap:7px;} #Pro .view-item ul.info-list>li{padding-left:22px; font-size:13px;} #Pro .view-item ul.info-list>li i{top:0; font-size:16px;} #Pro .view-item .info-list{padding-right:0;} #Pro .view-item .info-list dl{align-items:flex-start;} #Pro .view-item .info-list dt{font-size:14px;width:95px;line-height:1.5;/* padding-left:22px; */} #Pro .view-item .info-list dt i{margin-right:0; font-size:17px; top:1px;} #Pro .view-item .info-list dd{width:calc(100% - 95px); font-size:14px;} #Pro .view-item>a.btn-edit{padding:5px 10px; font-size:11px;} #Pro .list-item a.btn-view{width:100%; text-align:center; padding:9px 30px 10px 40px; margin-top:20px;} #Pro .view-item .btn-wr{justify-content: center;margin: 25px auto 10px;} #Pro .btn-link {font-size: 16px; padding: 10px 20px;} } @media (max-width:400px) { #Pro .view-item .info-list dl {display:flex; flex-direction:column;} #Pro .view-item .info-list dt {width:100%;} #Pro .view-item .info-list dt::before{display:none;} #Pro .view-item .info-list dd {width:100%; padding-left:0;} } /* -------------------------------- sub4_2 : 사업단 연간일정 -------------------------------- */ #SKD{position:relative;padding: 0 0 140px 0;} #SKD .table thead th, #SKD .table tbody th, #SKD .table tbody td{font-size:15px;line-height:1.4;padding: 10px 5px;} #SKD .table tbody th{font-weight:400; padding:10px 10px;} #SKD .table tbody tr.line{border-top: 2px double #dbdbdb;} #SKD .table tbody td{height:63px;} #SKD .table tbody td.tdcb{background-color: #f2faff;} #SKD .table tbody td.tdcy{background-color: #fcfff2;} #SKD .table tbody td.tdcl{background-color: #fff7f2;} #SKD .table tbody td.tdcp{background-color: #fbf2ff;} #SKD .table thead{} #SKD .table thead th{} @media (max-width: 1300px){ } @media (max-width: 1240px){ } @media (max-width: 1170px){ } @media (max-width: 1024px){ } @media (max-width: 767px){ #SKD {padding: 0 0 60px 0;} #SKD .table thead th, #SKD .table tbody th, #SKD .table tbody td {font-size: 13px;} #SKD .table thead th, #SKD .table tbody td{height:auto;} } @media (max-width: 640px){ } @media (max-width: 520px){ } /* -------------------------------- sub4_3 : 사업단 마일리지 -------------------------------- */ #BM{position:relative;padding: 0 0 140px 0;text-align: center;} #BM .contTit-s{text-align: center; font-size: 46px; margin: 0 auto 80px; background: #1b55ad; color: #fff; display: inline-block; padding: 0 10px;} #BM table .point-info{display:inline-block;} #BM table .list-Dot{display:inline-block;} #BM table .list-Dot>li{font-size:18px;} #BM .list-point{text-align:left;} @media (max-width: 1300px){ } @media (max-width: 1240px){ } @media (max-width: 1170px){ } @media (max-width: 1024px){ } @media (max-width: 767px){ #BM .contTit-s {font-size: 24px; margin: 0 auto 30px;} #BM{padding-bottom:60px;} } @media (max-width: 640px){ } @media (max-width: 520px){ } /* 둥근테이블 */ .cir-table{background:#fff;position:relative;border:1px solid rgba(224, 223, 226, 0.6);border-radius: 15px;padding: 10px;margin:0;} .cir-table .table-cir{width: 100%;} .cir-table .table-cir th, .cir-table .table-cir td{padding:22px 0;font-size: 17px;text-align:center;} .cir-table .table-cir thead th{background:#f9f9f9;font-size: 17px;font-weight:600;letter-spacing:-0.8px;line-height:1.31;} .cir-table .table-cir thead th:first-child{border-top-left-radius: 10px;border-bottom-left-radius: 10px;} .cir-table .table-cir thead th:last-child{border-top-right-radius: 10px;border-bottom-right-radius: 10px;} .cir-table .table-cir tbody tr{border-bottom:1px solid rgba(31, 31, 31, 0.05);} .cir-table .table-cir tbody tr:last-child{border-bottom:0;} .cir-table .table-cir tbody th{font-weight:500;position:relative;display:table-cell;} /*.cir-table .table-cir tbody th.box-th:before{border-radius:5px; background:#f9f9f9; display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1;}*/ .cir-table .table-cir tbody td{padding:25px 0;color:#444;line-height: 1.4;} .cir-table .table-cir .m-block{display:none;} .cir-t{background:#fff;position:relative;border:1px solid rgba(224, 223, 226, 0.6);border-radius: 15px;padding: 10px;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: #5b5b5b;color: #fff;border-color:rgb(255,255,255,.7)} .cir-t table td{background:#fcfcfc;} .cir-t table tbody th{background: #fff4f6;border-color:#eee} table{width:100%; border-collapse:collapse; border-spacing:0;} .table{position:relative;width:100%;background-color:#fff;border-top:2px solid #555;font-size: 16px;line-height:1.6;} .table:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#F7F7F7;} .table.vertical_top tr th,.table.vertical_top tr td{vertical-align:top} .table.vertical_middle tr th,.table.vertical_middle tr td{vertical-align:middle;} .table.vertical_bottom tr th,.table.vertical_bottom tr td{vertical-align:bottom;} .table.fixed{table-layout:fixed;} .table .caption{display:none;} .table.text_center tbody tr td{text-align:center;} .table.text_left tbody tr td{text-align:left;} .table.text_left tbody tr th,.table.text_left thead tr th{text-align:center;} .table-wrap{position:relative;} .table-wrap + .list-point{margin-top:20px;} 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: 20px 10px;border:1px solid #e7e7e7;border-top:0;border-bottom-color:#e7e7e7;background-color:#f5f5f5;color: #212121;font-size: 20px;font-weight: 500;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: 20px 15px;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: 20px;color: #212121;font-weight: 600;} .table tbody td{font-size: 18px;} .table tbody td.text-left{text-align:left;padding: 14px 18px;} .table tfoot td:first-child{border-left:none;} .table tbody tr th:last-child{border-right:none;} .table td:last-child{border-right:none;} .table td[rowspan]:first-child{border-right:1px solid #e7e7e7;} .table tbody th + td, .table tbody td + td, .table tfoot td{border-left:1px solid #e7e7e7;} .table tbody td, .table tfoot td{text-align:center;} .table tbody td > ul{margin-top:0;margin-bottom:0;padding-left: 15px;text-align:left;} .table tbody td > ul > li, .table tbody td ol li{font-size:17px;} .table tbody td > ul.po-list_clear{padding-left:0;} .table tbody td > ol{margin-top:0; margin-bottom:0;} .table th.double, .table td.double{border-left:3px double #e7e7e7;} .table .po-list > li > ul >li > ul > li:before, .table .num > li > ul >li > ul > li:before, .table p.blt.type3:before, .table .po-list.third > li:before {top:15px;} .table td.color-1{background:#f1f7fd;} .table td.color-2{background:#edfbf2;} .td-bg1{background:#fff2f2;} .td-bg2{background:#f1f7fd;} .table-tit{font-size:18px; text-align:center; font-weight:600; color:#212121; display:block; margin:10px auto;} .table-color{position:relative;width:100%;background-color:#fff;font-size: 16px;line-height: 1.5;font-family:'LotteMartHappy';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;font-family:'LotteMartHappy';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;font-family:'LotteMartHappy';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; font-family:'LotteMartHappy'; 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;} .sContWrap .t-link{color:#0065be; font-weight:500;} .sContWrap .t-link:hover{text-decoration:underline;} /* 테이블 가로스크롤 */ .table_con_wrap{position:relative;/* margin: 15px auto; */} .table_con_wrap .table_prev_mo{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:95;} .table_con_wrap .table_prev_mo ul{position:absolute; top:50%; left:50%; margin:-11px 0 0 -75px;} .table_con_wrap .table_prev_mo ul:after{content: ''; display:block; clear:both;} .table_con_wrap .table_prev_mo ul li{float:left;} .table_con_wrap .table_prev_mo ul li p{font-size:15px; color:#fff;} .table_con_wrap .table_prev_mo ul li i{margin-top:4px; font-size:12px; color:#fff; animation:prevarrow .5s ease-in infinite alternate;} p.mo_hide{display:none; color:#888; text-align:center; margin-top:10px;} @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;} } .respo-table tbody .label{display:none;width:65px;color: #000;font-size: 15px;font-weight: bold;text-align:left;vertical-align:top;} .respo-table tbody .label.w80{width:80px;} .respo-table tbody .label.w100{width:100px;} .respo-table .m-clear{} .respo-table .m-block{display:none;} .respo-table .m-top-th{} .cir-t{background:#fff;position:relative;border:1px solid rgba(224, 223, 226, 0.6);border-radius: 15px;padding: 10px;margin:0;} .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: #434343;color: #fff;border-color:rgb(255,255,255,.7)} .cir-t table td{background:#fcfcfc;} .cir-t table tbody th{background: #f9fafc;border-color:#eee;} .cir-t .label{display:none;} @media (max-width:1000px){ .dbstg{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;} .cir-table .respo-table thead{display:none;} .cir-table .respo-table .m-clear{display:none;} .cir-table .respo-table .m-top-th{display:none;} .cir-table .table-cir {width: 100%; display: block;} .cir-table .table-cir .m-block, .cir-table .respo-table .m-block{display:block;} .cir-table .respo-table .mb-tit{font-size:15px; padding:10px; color:#fff; background:#4f687e; width:100%; display:block; border-radius:5px;} .cir-table .respo-table .m-block br{display:none;} .cir-table .table-cir tbody{width:100%; display:block;} .cir-table .table-cir tbody tr{ display:block; margin:0 0 0.7em 0; border-radius:15px; border:1px solid #e7e7e7; -webkit-box-shadow: 0px 7px 6px -6px rgb(0 0 0 / 28%); -moz-box-shadow: 0px 7px 6px -6px rgba(0,0,0,.28); box-shadow: 0px 7px 6px -6px rgb(0 0 0 / 28%); } .cir-table .table-cir tbody th{font-size:15px; padding:10px; color:#fff; background:#4f687e; width:100%; display:block; border-radius:5px;} .cir-table .table-cir tbody th br{display:none;} .cir-table .table-cir tbody tr td{text-align:left;display: flex;gap: 15px;padding:0.8em;font-size:14px;line-height:1.5;border-top:0;} .cir-table .table-cir tbody tr td br{display:none;} .cir-table .table-cir tbody tr td:nth-child(even){background: #f7f7f7;} .cir-table .table-cir tbody .label{display:block;font-size: 14px;line-height:1.7;padding: 0;color: #222;} .cir-table .table-cir .tb-num{display:none;} .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;border: 0;/* color:#fff; */} .respo-table .m-tit + .m-tit{background:#555;} .respo-table .m-block br{display:none;} .cir-table .table-cir tbody tr{display:block; width:100%;} .respo-table tbody tr{ display:block; margin:0 0 0.7em 0; border-radius:15px; border:1px solid #e7e7e7; overflow: hidden; -webkit-box-shadow: 0px 7px 6px -6px rgb(0 0 0 / 28%); -moz-box-shadow: 0px 7px 6px -6px rgba(0,0,0,.28); box-shadow: 0px 7px 6px -6px rgb(0 0 0 / 28%); } .cir-table .table-cir tbody th{display:block;} .respo-table tbody th{font-size:15px;padding:10px;color:#fff;background:#4f687e;width:100%;display:block;/* border-radius: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: 15px;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 th + td, .respo-table tbody td + td, .respo-table tfoot td{border:0;} .respo-table tbody .label{display:block;float:left;height: 34px;line-height:1.7;} .respo-table .tb-num{display:none;} } /* -------------------------------- 개인정보취급방침 -------------------------------- */ .privacy-policy{font-family:'Noto Sans KR'; padding-bottom:120px;} .privacy-policy .gray-bg{background:#f8f8f8;padding: 50px 60px;box-sizing:border-box;} .privacy-policy p + dl{margin-top:20px;} .privacy-policy .pp-wrap{} .privacy-policy .pp-txt-box{} .privacy-policy h1.pp-tit{display:block; font-size:28px; font-weight:bold; margin:0 0 20px; text-align:left;} .privacy-policy .privacy-top{margin:30px 0 0; background:#f8f8f8; padding:40px 41px; box-sizing:border-box;} .privacy-policy p{margin:0;} .privacy-policy .txt, .privacy-page dd{font-size:16px; color:#222;} .privacy-policy .txt + .txt{margin:10px 0 0 0;} .privacy-policy .txt-2{margin:10px 0 0 0;} .privacy-policy dl + dl{margin-top:40px;} .privacy-policy dt{font-size: 19px;display:inline-block;width:100%;color:#000;line-height:inherit;font-weight:700;margin: 0px 0 10px;} .privacy-policy dd > ul.list-hyphen{margin:5px 0 15px 20px;} .privacy-policy dd > ul.ul-gnd{margin:10px 0 10px 20px;} .privacy-policy dd > ul.ul-gnd > li{text-indent:-24px; margin-left:20px;} .privacy-policy dd a{color:inherit;} .privacy-policy dd a:hover{text-decoration:underline;} .privacy-policy .dd-board{margin-top:10px;} .privacy-policy .dd-board table th, .privacy-policy .dd-board table td{font-size:15px;} .privacy-policy .pp-btn-wrap{position:relative; margin-top:60px; text-align:center;} .privacy-policy a.pp-btn{margin:0 auto; display:inline-block; text-align:center; color:#fff; font-weight:500; font-size:16px; background:#684ab3; padding:20px 35px; transition:.2s;} @media (max-width: 1170px){ .privacy-policy{padding-bottom:60px;} } @media (max-width: 767px){ .privacy-policy{padding-bottom:40px;} .privacy-policy .contTit{margin-top:0;} .privacy-policy .gray-bg{margin:15px 0 0; padding:20px;} .privacy-policy dl + dl{margin-top:30px;} .privacy-policy dt:first-child{margin-top:0;} .privacy-policy dt{font-size:17px;} .privacy-policy .txt, .privacy-page dd{font-size:15px;} .privacy-policy dd > ul.list-hyphen{margin:5px 0 5px 0px;} .privacy-policy dd > ul.ul-gnd{margin:10px 0 10px 0px;} .privacy-policy dd > ul.ul-gnd > li{text-indent:-21px; margin-left:22px;} } /* -------------------------------- 이메일무단수집거부 -------------------------------- */ #nonMail{padding-bottom: 140px;} #nonMail .contTit-s{margin-top:50px;} #nonMail .ui-topbox .txtwrap p{/*margin:30px 0 0;*/} #nonMail .ui-ftbox .inner{text-align:center;} .ui-topbox{overflow:hidden;position:relative;padding:3px;background:#f1f3f6;border:none;border-radius: 0;word-break: keep-all;} .ui-topbox:before{left:0; right:0; top:0; z-index:1; width:auto; height:50px; background:#cacfd5; display:block; position:absolute; content:"";} .ui-topbox:after{left:0;top:0;z-index:2;width:205px;height:50px;background: #253369;display:block;visibility:visible;position:absolute;content:"";} .ui-topbox .inner{position:relative;min-height: 185px;background:#fff;padding:30px 60px 30px 205px;border-radius: 0;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: #253369;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: #253369;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;} .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: 0;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 .inner{padding:20px 20px; min-height:auto;} .ui-topbox .inner.img-inner{padding:20px 20px;} .ui-topbox .img15, .ui-topbox .img-step{width:200px; height:200px;} .ui-topbox .icon{display:none;} .ui-topbox .txtwrap .tit-wrap{display:block; font-size:22px; line-height:1.2;} .ui-topbox .txtwrap strong.logo-img{display:block; margin-right:0; width:180px; height:29px; background-size:100%; margin-bottom:10px;} .ui-topbox .txtwrap p{font-size:14px;} } /* -------------------------------- 준비중 -------------------------------- */ .ui-comming{overflow:hidden;position:relative;background-color: #fff;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;}