#sVisual{height: 450px;position:relative;display: flex;flex-direction: column;justify-content: flex-end;} #sVisual .visual-wr{/* background: #000; */position: relative;border-radius: 25px;display: flex;width: 98%;margin: 20px auto 0;height: 100%;align-items: flex-end;} #sVisual .svWrap{position:relative;overflow: hidden;width: 100%;height: 100%;border-radius: 25px;} #sVisual .svWrap .sv-img{width: 100%;height:100%;position: relative;height: 100%;top: 0;left: 0;opacity: .8;transition: transform 5s linear; transform: scale(1.1, 1.1);} #sVisual .svWrap .sv-img1{background: url("/images/sub/visual1.jpg") no-repeat 50% 50%;overflow: hidden;background-attachment: fixed !important;} #sVisual .svWrap .sv-img2{background: url("/images/sub/visual2.jpg") no-repeat 50% 0%;background-size:cover;overflow: hidden;background-attachment: fixed !important;} #sVisual .svWrap .sv-img3{background: url("/images/sub/visual3.jpg") no-repeat 50% 50%;background-size:cover;overflow: hidden;background-attachment: fixed !important;} #sVisual .svWrap .sv-img4{background: url("/images/sub/visual4.jpg") no-repeat 50% 20%;background-size:cover;overflow: hidden;background-attachment: fixed !important;} #sVisual .svWrap .sv-img5{background: url("/images/sub/visual5.jpg") no-repeat 50% 0%;background-size:cover;overflow: hidden;background-attachment: fixed !important;} #sVisual .svWrap .sv-img6{background:url("/images/sub/visual6.jpg") no-repeat 50% 50%;background-size:cover;overflow: hidden;background-attachment: fixed !important;} #sVisual .svWrap .sv-img7{background: url("/images/sub/visual7.jpg") no-repeat 50% 50%;background-size:cover;overflow: hidden;background-attachment: fixed !important;} #sVisual .svWrap .sv-img8{background:url("/images/sub/visual1.jpg") no-repeat 50% top;background-size:cover;overflow: hidden;background-attachment: fixed !important;} #sVisual .sub-tit{font-size: 130px;font-weight: bold;line-height: 1;color:#fff;position: absolute;bottom: -12px;max-width:1420px;width:90%;text-align: right;left:50%;transform: translate(-50%, 0%);font-family: "Playfair Display", sans-serif;} #sVisual .slogan{position:absolute;width: 100%;bottom: 0;z-index: 10;left: 50%;height: calc(100% - 95px);transform: translateX(-50%);word-break:keep-all;display: flex;padding-bottom: 60px;justify-content: center;align-items: center;text-align: center;flex-direction: column;gap: 40px;} #sVisual .slogan .big-tit{display:flex;gap: 15px;flex-direction: row-reverse;align-items: center;justify-content: center;} #sVisual .slogan .big-tit big{font-size: 70px;color: #0e2036;font-family: "Chakra Petch", sans-serif;text-transform: uppercase;font-weight: 600;letter-spacing: -1px;} #sVisual .slogan .big-tit big b{font-weight:700;color: #0577e6;} #sVisual .slogan .big-tit small{font-size: 30px;font-weight: 600;color: #0e2036;position: relative;display: inline-block;padding-left: 130px;} #sVisual .slogan .big-tit small:before{content:"";width:100px;height: 2px;background: #0e2036;position:absolute;left:0;top:50%;transform:translateY(-50%);} #sVisual .svWrap.in-view .sv-img{transform: scale(1.0, 1.0) rotate(0.002deg);} /* 서브공통 */ .sContWrap{position:relative;width:100%;height:100%;min-height:500px;} .sContWrap:after{display:block; content:""; clear:both;} .sCont{width:90%;max-width: 1420px;min-height:500px;margin:0 auto;position:relative;word-break:keep-all;padding: 100px 0 0;} .sCont .sCont-title{display:block;padding: 0px 0 40px;color: #1c2c73;font-size: 42px;line-height:1.6;font-weight: bold;letter-spacing: -1px;text-align:center;} .sub-board-bottom{padding-bottom:160px;} @media (max-width: 1920px){ } @media (max-width: 1840px){ } @media (max-width: 1400px){ } @media (max-width: 1300px){ #sVisual .slogan {padding-top: 0px;padding-bottom: 70px;} #sVisual .slogan .big-tit {flex-direction: column-reverse; align-items: center;} #sVisual .slogan .big-tit big {font-size: 60px;} } @media (max-width: 1240px){ } @media (max-width: 1170px){ .sub-board-bottom{padding-bottom:100px;} } @media (max-width: 980px){ } @media (max-width: 767px){ #sVisual{height: 300px;} #sVisual .visual-wr {width:95%; margin: 10px auto 0;} #sVisual .svWrap .sv-img{opacity:.6;} #sVisual .slogan {justify-content: center; width: 100%; align-items: center; gap: 0; padding: 0; height: 100%;} #sVisual .slogan .big-tit{gap: 10px;position: relative;top: auto;height: auto;transform: translateY(-0%);justify-content: center;} #sVisual .slogan .big-tit big {font-size: 34px;letter-spacing: 0;line-height: 1;} #sVisual .slogan .big-tit small{font-size:22px;padding-left: 0;padding-top: 0;} #sVisual .slogan .big-tit small:before {display:none;} .sub-board-bottom{padding-bottom:60px;} } @media (max-width: 640px){ } @media (max-width: 480px){ #sVisual {height: 400px;} #sVisual .slogan { justify-content: space-between; width: 100%; align-items: center; gap: 0; padding: 0; height: calc(100% - 80px); padding-top: 10%; } } .sec-cont{position:relative;} .sec-cont + .sec-cont{margin-top:60px;} .ess-color{color: #f65354;font-size: 22px;} #location{position: absolute;right: 20px;bottom: 20px;z-index: 50;} .lnb{position:relative;z-index:10;display: flex;justify-content: flex-start;gap: 10px;margin: 0 auto;} .lnb .lnb-map{display:flex;gap: 10px;} .lnb .lnb-map li a{display:block;} .lnb .lohom{position:relative;width: 60px;height: 60px;z-index:1;background-color:transparent;} .lnb .lohom > a{transition:.3s;display:flex;align-items:center;justify-content:center;height: 100%;width: 100%;background: #3b50bf6e;backdrop-filter: blur(10px);color: #fff;font-size:18px;border-radius: 15px;position:relative;} .lnb .lohom > a:hover{background: #3b50bf;} .lnb .lnb-map > li{width: 320px;background: rgb(255 255 255 / 40%);backdrop-filter: blur(10px);border-radius: 15px;transition:.3s;} .lnb .lnb-map > li:hover{background: rgb(255 255 255 / 100%);} .lnb .lnb-map > li:nth-last-of-type(1){/* width: 320px; */} .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:block; max-height:0; overflow:hidden; opacity:0; transform: translateY(-6px); pointer-events:none; position:absolute; top: 60px; left:0; width:100%; padding: 0 0 20px 0; background:#fff; z-index:10; border-radius: 0 0 15px 15px; box-shadow: 15px 20px 20px 0 rgba(0, 0, 0, .1); transition: max-height .35s ease, opacity .25s ease, transform .35s ease; } /* 열림 상태: menu_active가 붙은 a 기준으로 ul 열기 */ .lnb .lnb-map li.depth a.menu_active + ul{ max-height: 420px; /* ✅ 메뉴 길이에 맞게 넉넉히 */ opacity:1; transform: translateY(0); pointer-events:auto; }.lnb .lnb-map li.depth ul li a{display:block;padding: 7px 25px;font-size: 16px;color:#333;text-align: left;} .lnb .lnb-map li.depth ul li a:hover{color: #487ef1;} .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 #0e2036; border-right: 2px solid #0e2036; display:inline-block; position:absolute; content:""; transition:.3s ease-out; } .lnb .lnb-map li:first-child a:after{border-top: 2px solid #0e2036;border-right: 2px solid #0e2036;} .lnb .lnb-map li.depth ul li a:hover{} .lnb .lnb-map li.depth a span{width:100%;font-size: 17px;color: #0e2036;height: 60px;line-height: 1.2;display:flex;font-weight: 600;padding: 0 30% 0 25px;text-align: left;transition:.1s ease-out;align-items:center;border-radius: 10px;} .lnb .lnb-map li:first-child.depth a span{} .lnb .lnb-map li:last-child.depth a span{} .lnb .lnb-map li.depth a.menu_active{box-shadow:15px 15px 20px 0 rgba(0,0,0,.1);} .lnb .lnb-map li a.menu_active:after{border-color:#878894;transform:rotate(314deg);margin-top:-5px;} .lnb .lnb-map li.depth a.menu_active span{position:relative;background: #fff;color:#222;border-radius: 15px 15px 0 0;} .lnb .lnb-map li.depth a.menu_active span:after{content:''; position:absolute; bottom:0; left:30px; width:220px; height:1px; background:rgba(255,255,255,.1);} .lnb .lnb-map li.depth ul.moreMenu li a{position:relative; word-break:keep-all;} .lnb .lnb-map li.depth ul.moreMenu li a:after{display:none;} .lnb .lnb-map li.depth ul.moreMenu li a.active{color: #487ef1;} .lnb .lnb-map li.depth ul.moreMenu li a.active:after{opacity:1;} .lnb .lnb-map li.depth ul.moreMenu li a:hover:after{opacity:1;} @media (max-width: 1170px){ #location {width: 100%;position: absolute;left: 50%;transform: translate(-50%, -0%);right: auto;bottom: 0;padding: 20px;} .lnb .lnb-map{width:calc(100% - 60px);} .lnb .lnb-map > li {width: auto; flex: 1 1 33.3333333333%;} } @media (max-width: 767px){ #location {padding: 10px;} .lnb{gap:5px;} .lnb .lohom {width: 45px; height: 45px;} .lnb .lohom > a{font-size:16px;} .lnb .lnb-map {gap: 5px; width: calc(100% - 45px);} .lnb .lnb-map > li{} .lnb .lnb-map > li > a {height: 45px;} .lnb .lnb-map li.depth a span {font-size: 14px;height: 45px;padding: 0 15% 0 7%;} .lnb .lnb-map li:first-child.depth a span{/* padding-left:40px; *//* border-radius:10px 0 0 0; */} .lnb .lnb-map li:last-child.depth a span{/* border-radius:0; */} .lnb .lnb-map li.depth ul{top:45px; padding:10px 7%; border-radius:0 0 10px 10px;} .lnb .lnb-map li.depth ul li a{padding: 6px 0; font-size: 13px;} } @media (max-width: 480px){ #location{position:relative;} .lnb .lohom {display:none;} .lnb .lnb-map{width:100%;} .lnb .lnb-map {flex-direction: column;} .lnb .lnb-map > li:nth-last-of-type(1){width:100%;} .lnb .lnb-map li.depth a span {padding: 0 15% 0 7%;} .lnb .lnb-map > li:first-child{z-index:3;} .lnb .lnb-map > li:nth-child(2){z-index:2;} .lnb .lnb-map > li:nth-child(3){z-index:1;} } @media (max-width: 1400px){ } @media (max-width: 1300px){ } @media (max-width: 1170px){ .sCont{padding: 80px 0 0;} .sCont .sCont-title{font-size:42px;} } @media (max-width: 1024px){ } @media (max-width: 767px){ .sCont .sCont-title{padding-bottom: 0;font-size:28px;line-height: 1.2;margin:0 auto 30px;} .sCont{padding: 60px 0 0;} } @media (max-width: 767px){ .contTit-s{margin:30px 0 10px; font-size:17px;} .contTit-s .right-txt{margin:5px 0; font-size:13px;} .list-Dot>li{padding-left:10px; font-size:14px;} #sub-top .contTit-s{margin-top:30px;} #sub-top ul.bis-info-list li{padding-left:10px; font-size:15px;} .ui-topbox .inner{padding:20px 20px; min-height:auto;} .ui-topbox .inner.img-inner{padding:20px 20px;} .ui-topbox .img15, .ui-topbox .img-step{width:200px; height:200px;} .ui-topbox .icon{display:none;} .ui-topbox .txtwrap .tit-wrap{display:block; font-size:22px; line-height:1.2;} .ui-topbox .txtwrap strong.logo-img{display:block; margin-right:0; width:180px; height:29px; background-size:100%; margin-bottom:10px;} .ui-topbox .txtwrap p{font-size:14px;} } .contTit-center{text-align:center; display:block; margin:0 0 20px 0; font-weight:500; text-decoration:underline; font-size:32px; color:#0c4167; letter-spacing:-1px; line-height:1.2;} .contTit-big{display:block;margin:60px 0 15px;font-weight:700;font-size:34px;color: #212121;letter-spacing:-1px;line-height:1.2;} .contTit{display:block;margin: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: 20px;color: #2469c3;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;} .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;} 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:600;} .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: 20px;letter-spacing: -.5px;line-height: 1.778em;color: #111;font-weight: 600;} 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;} .gray-border-Box{background-color: #fafafa;padding: 40px 50px;margin-bottom: 10px;text-align: center;border-radius: 20px;letter-spacing: -0.4px;word-break: keep-all;} .gray-border-Box + div{margin-top:40px} .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: #a6b8cd;} .list-Dot>li+li{margin-top: 5px;} .list-Dot>li a{color:inherit;} .list-Dot>li a:hover{text-decoration:underline;} .list-Dot>li a.gold{color:#9c6e37; text-decoration:underline;} .list-Dot>li .table_con_wrap{/* margin-top: 10px; */} .list-Dot > li > .txt-bold > em.noto, .list-Dot > li > em.noto{font-family:'Noto Sans KR';text-decoration:none;font-style: normal;} ul + .table_con_wrap, .table_con_wrap + ul{margin: 10px 0;} .list-Dot .list-hyphen{margin:0px 0 5px;} .list-hyphen{} .list-hyphen>li{position:relative;padding-left:11px;color:#555;font-weight:400;line-height:1.5;text-align:left;vertical-align:top;letter-spacing: 0px;} .list-hyphen>li:before{content:""; display:block; position:absolute; left:0; top:11px; width:5px; height:1px; box-sizing:border-box; background:#999;} .list-hyphen>li a{color:#555; text-decoration:underline;} .list-hyphen>li a:hover{opacity:.8;} .list-Dot>li .list-hyphen>li+li{margin-top:3px;} .list-Dot>li .list-hyphen{width:100%;/* padding:8px 0 2px; */} .list-Dot>li .list-hyphen>li{color:#888;font-size: 17px;} .list-Dot>li .list-hyphen>li:before{top: 11px;} .list-Dot + .list-hyphen{margin-top:10px;} .ol-list{margin:10px 0; padding:0 0 0 20px;} .ol-list > li{position:relative;box-sizing:border-box;color: #333;font-size: 17px;font-weight: 500;line-height: 1.6;text-align:left;vertical-align:top;letter-spacing:-0.5px;} .ol-list > li + li{margin-top: 0;} .ol-list > li .list-point > li{font-size:16px;} .ol-list > li .list-point > li + li{margin-top:0px;} .box-txt{background:#253369;color:#fff;font-style:normal;font-weight: 500;padding: 2px 6px;font-size: 16px;letter-spacing: 0;} ul + .list-point{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: 0px;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;} .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: #f5f5f5;border-radius: 15px;padding: 30px 30px;text-align:left;color:#383838;letter-spacing:-1px;line-height:1.5;word-break:keep-all;} .info-y-box .in-fo{position:relative;padding-left:31px;font-size:18px;font-weight:400;font-family: 'S-CoreDream-5Medium';letter-spacing:-.5px;color:#666;line-height:1.8;word-break:keep-all;} .info-y-box .in-fo i{font-size:26px;position:absolute;left:0px;top:2px;color: #fdb813;} .info-y-box p b{font-weight: 700;letter-spacing:-.5px;font-size: 19px;color:#1b1b1b;} .info-y-box p + ul{margin-top:10px;} .info-y-box ul + ul{margin-top:10px;} .info-y-box .in-box{position:relative;margin-top:10px;padding: 25px 30px;border-radius: 10px;background:#fff;} .info-y-box .num-list{} .info-y-box .num-list > li{position:relative;font-size:17px;font-weight: 400;line-height:1.6;color: #444;padding-left: 25px;} .info-y-box .num-list > li em{font-style:normal;width: 18px;height: 18px;border-radius:50%;background: #118ad9;color: #fff;font-size: 12px;padding-right: 1px;line-height: 19px;display: inline-block;text-align: center;margin-right: 3px;position: absolute;left: 0;top: 4px;} .info-y-box .num-list > li + li{margin-top:2px;} .info-y-box .num-list > li .list-hyphen>li+li{margin-top:2px;} .info-y-box .num-list > li .list-hyphen{width:100%; padding:5px 0 2px;} .info-y-box .num-list > li .list-hyphen>li{color:#888; /*font-size:15px;*/ font-weight:400;} .check-box{position:relative; margin:15px auto; text-align:center;} .check-box p{display:flex;justify-content: flex-end;gap:7px;align-items: center;font-size: 17px;letter-spacing: -.5px;line-height: 1.6;color: #535353;padding-right:30px;} .check-box input{} @media (max-width: 767px){ .cont-sec + .cont-sec{margin-top:40px;} .cont-sec.bg{padding:40px 0;} .contTit-big{margin:30px 0 15px;font-size: 24px;} .contTit-ss{font-size:17px;} .ui-topbox .inner{padding:20px ;} .ui-topbox .icon{display:none;} #sub-top .ui-topbox .txtwrap.day3 p{font-size:15px;} #sub-top .ui-topbox .txtwrap.day3 .bis-tit{font-size:16px; margin-right:5px;} .ui-topbox .txtwrap strong{font-size:16px;} .grayBox{border:3px solid #f5f5f5; padding: 20px;} .contTit-big > .eng-tit, .flex-tit .eng-tit, .contTit > .eng-tit{font-size:16px; margin:10px 0; display:block;} .flex-tit{gap: 10px; flex-direction: column; align-items: normal;} .contTit{margin: 20px 0 10px;font-size: 20px;} .contTit-s{margin: 20px 0 10px;font-size:19px;} p.txt{font-size:15px;} .p-txt{font-size:17px;} p.txtSt1{line-height:1.6; font-size:16px;} .txt-bold{font-size:16px;} .list-Dot>li{padding-left:10px;font-size: 15px;} .list-Dot>li:before{top:9px;} .list-hyphen>li{padding-left:7px;font-size: 15px;} .list-hyphen>li:before{top:10px; width:3px;} .list-Dot>li+li, .list-hyphen>li + li{margin-top:2px;} .list-Dot>li .list-hyphen>li+li{margin-top:3px;} .list-Dot>li .list-hyphen{padding:5px 0 2px;} .list-Dot>li .list-hyphen>li{font-size: 14px;} .list-Dot>li .table_con_wrap{margin-top:5px;} .list-Dot>li .table-wrap{margin-top:5px;} .class-list > li {font-size: 15px;} .info-y-box{border-radius:15px; padding:10px;} .info-y-box .in-fo{padding-left:30px; font-size:15px; line-height:1.5;} .info-y-box .in-fo i{font-size:22px; top:1px;} .info-y-box p b{font-size:15px;} .y-box{border-radius:15px; padding:20px;} .y-box p.y-txt{padding-left:30px; font-size:15px; line-height:1.5;} .y-box .in-fo i{font-size:22px; top:1px;} .y-box p.y-txt b{font-size:15px;} .info-y-box .in-box{padding:15px; border-radius:10px;} .info-y-box .num-list > li{font-size:15px;} .point-info{font-size:15px;} .point-info:before{top:2px; font-size:16px;} .list-point > li{font-size: 14px;line-height:1.4;} .list-point > li:before{top:-5px;} .unline{font-size:16px;} ul.h-bold-list > li {font-size: 16px;} ul.h-bold-list > li + li{margin-top:5px;} ul.h-bold-list > li > ul.list-hyphen{margin-top:5px;} ul.h-bold-list > li > ul.list-hyphen > li{font-size: 15px;} } .sub-tab2{position:relative; display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center;} .sub-tab2 li{position:relative;background:#fff; border:1px solid #e1e1e1; cursor:pointer; margin-top:-1px; margin-left:-1px;} .sub-tab2 li:first-child{border-radius:15px 0 0 0;} .sub-tab2 li:last-child{border-radius:0 15px 0 0;} .sub-tab2.tab2 li{width:calc(50% - 1px);} .sub-tab2.tab3 li{width:calc(33.333333333% - 0px);} .sub-tab2.tab4 li{width: calc(25.06% - 0px);} .sub-tab2.tab5 li{width:calc(20% - 1px);} .sub-tab2.tab6 li{width:calc(16.66% - 1px);} .sub-tab2 li:first-child{border-left:1px solid #ddd;} .sub-tab2 li span{display:table;width:100%;height:55px;} .sub-tab2 li span em{ word-break:keep-all; padding:0 45px 0 35px; height:100%; display:table-cell; vertical-align:middle; color:#5b5e66; font-size:18px; font-family:'S-CoreDream-5Medium'; line-height:1; letter-spacing:.5px; text-align:left; font-style:normal; font-weight:normal; } .sub-tab2 li.active{border: 1px solid #4A5677;background: #4A5677;} .sub-tab2 li.active em{color:#fff;} .sub-tab2 li em:before{content:"\ea6e"; display:inline-block; font-family:'remixicon'; position:absolute; top:50%; right:20px; font-size:28px; transform:translateY(-50%);} .sub-tab2 li.active em:before{content:"\ea4e";} .color-tab{position:relative;display:flex;flex-wrap:wrap;margin-bottom: 60px;background: #f9f7f7; border-radius:16px;} .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;} /* 공통 radius 값 */ :root{ --tabRadius:16px; } /* tab2: 2개씩 */ .color-tab.tab2 li:nth-child(2n+1) a{border-top-left-radius:var(--tabRadius);border-bottom-left-radius:var(--tabRadius);} .color-tab.tab2 li:nth-child(2n) a{border-top-right-radius:var(--tabRadius);border-bottom-right-radius:var(--tabRadius);} /* tab3: 3개씩 */ .color-tab.tab3 li:nth-child(3n+1) a{border-top-left-radius:var(--tabRadius);border-bottom-left-radius:var(--tabRadius);} .color-tab.tab3 li:nth-child(3n) a{border-top-right-radius:var(--tabRadius);border-bottom-right-radius:var(--tabRadius);} /* tab4: 4개씩 */ .color-tab.tab4 li:nth-child(4n+1) a{border-top-left-radius:var(--tabRadius);border-bottom-left-radius:var(--tabRadius);} .color-tab.tab4 li:nth-child(4n) a{border-top-right-radius:var(--tabRadius);border-bottom-right-radius:var(--tabRadius);} /* tab5: 5개씩 */ .color-tab.tab5 li:nth-child(5n+1) a{border-top-left-radius:var(--tabRadius);border-bottom-left-radius:var(--tabRadius);} .color-tab.tab5 li:nth-child(5n) a{border-top-right-radius:var(--tabRadius);border-bottom-right-radius:var(--tabRadius);} /* tab6: 6개씩 */ .color-tab.tab6 li:nth-child(6n+1) a{border-top-left-radius:var(--tabRadius);border-bottom-left-radius:var(--tabRadius);} .color-tab.tab6 li:nth-child(6n) a{border-top-right-radius:var(--tabRadius);border-bottom-right-radius:var(--tabRadius);} .color-tab-one{position:relative;display:flex;flex-wrap:wrap;margin-bottom:40px;background: #f9f7f7; border-radius:10px;} .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{cursor:pointer;font-style:normal;display:table-cell;vertical-align:middle;width:100%;height:100%;padding: 16px 15px;line-height: 1.2;font-size: 22px;font-weight: 500;text-align: center;} .color-tab-one li.active span{color:#fff;background:#253369; border-color:#253369;} .color-tab-one li span:focus, .color-tab-one li span:hover{border-color:#253369; color:#253369; z-index:2;} .color-tab-one li:first-child span{border-radius:10px 0 0 10px;} .color-tab-one li:last-child span{border-radius:0 10px 10px 0;} .color-tab-one li.active span:focus, .color-tab-one li.active span:hover{color:#fff;} .cont-view{display:none; position:relative;} @media (max-width: 767px){ .color-tab li, .color-tab-one li {min-height: auto;} .color-tab li a span, .color-tab-one li span em{padding:15px; font-size: 16px;} .color-tab-one {margin-bottom: 30px;} } @media (max-width: 420px){ .color-tab-one.tab2 li, .color-tab.tab2 li, .color-tab-one.tab3 li, .color-tab.tab3 li, .color-tab-one.tab5 li, .color-tab.tab5 li{width:100%;} .color-tab-one li:first-child span{border-radius:10px 10px 0 0;} .color-tab-one li:last-child span{border-radius:0 0 10px 10px;} .color-tab-one li:first-child.active span{border-radius:10px 10px 0 0;} .color-tab-one li:last-child.active span{border-radius:0 0 10px 10px;} } .vs-tabs{} .vs-tabs ul{display:flex;width: 90%;white-space: nowrap;justify-content:center;padding-bottom: 20px;margin: 0 auto;flex-wrap: wrap;row-gap: 20px;} .vs-tabs ul li{position:relative;flex:0 0 auto; line-height:1; } .vs-tabs ul li + li{margin-left:70px;} .vs-tabs ul li + li:before{content:''; width:1px; height:20px; background: #ddd; position:absolute; left:-35px; top:2px;} .vs-tabs ul li a{font-size: 22px; color: #999; text-decoration:none;} .vs-tabs ul li a:focus{outline: none;} .vs-tabs ul li a:hover, .vs-tabs ul li.on a{color:#111; font-weight: 700;} .vs-tabs ul li.on a:before{content:'';width:100%;height:3px;background:#00e9cc;position:absolute;left:0;bottom:-8px;} .vs-tabs ul li a:hover:before{content:""; width:100%; height:3px; background:#00e9cc; position:absolute; left:0; bottom:-8px; animation:strach .3s;} @keyframes strach { 0% {transform: scaleX(0);} 100% {transform: scaleX(1);} } @media (max-width: 1300px){ } @media (max-width: 1240px){ } @media (max-width: 1170px){ } @media (max-width: 1024px){ } @media (max-width: 767px){ .vs-tabs ul{ position: relative; display: flex; flex-wrap: wrap; background: #f9f7f7; row-gap: 0; text-align: center; white-space: nowrap; justify-content:flex-start; padding-bottom:0px; width:100%; } .vs-tabs ul li{width: calc(33.33% + 1px);display:block;position:relative;margin-left:-1px;margin-top:-1px;height:100%;min-height:50px;height:auto;line-height:1.5;} .vs-tabs ul li + li {margin-left:-1px;} .vs-tabs ul li + li:before{display:none;} .vs-tabs ul li:first-child{} .vs-tabs ul li a{font-size: 18px; position:relative; display:table; table-layout:fixed; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; background:#fff; font-weight:500; color:#222; transition:all .1s;} .vs-tabs ul li a:hover:before{display:none;} .vs-tabs ul li.on a:before{display:none;} .vs-tabs ul li.on a:before, .vs-tabs ul li a:focus:before, .vs-tabs ul li a:hover:before{right:26px;} .vs-tabs ul li a:after{content:""; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; z-index:2; width:auto; height:auto; transition:0.3s;} .vs-tabs ul li a span{display:table-cell;vertical-align:middle;width:100%;height:100%;padding: 10px 5px 7px 5px; font-size: 16px;line-height: 1.2;text-align: center;} .vs-tabs ul li.on a{color:#fff;background:#00b29c;border-color:#00b29c;} .vs-tabs ul li a:focus, .vs-tabs ul li a:hover{border-color:#00b29c; color:#00b29c; z-index:2;} .vs-tabs ul li.on a:focus, .vs-tabs ul li.on a:hover{color:#fff;} } @media (max-width: 640px){ } @media (max-width: 580px){ .vs-tabs ul li{width: calc(50% + 1px);} } @media (max-width: 340px){ .vs-tabs ul li{width:100%;} } /* -------------------------------- sub1_1 : 인사말 -------------------------------- */ .greet .gr_top{text-align: left;width: 100%;height: 360px;margin: 60px 0;background-image: url('../images/sub/greet_bg.jpg');background-repeat: no-repeat;background-size:cover;position: relative;border-radius: 30px;border: 10px solid #eee;} .greet .gr_top h1{position: absolute;width: 60%;left: 100px;top: 50%;transform:translateY(-50%);font-size: 30px;font-weight: 600;line-height:42px;color:#101010;word-break:keep-all;letter-spacing:-0.4px;} .greet .gr_top img{position: absolute; right: 120px; display:block; bottom: -24px;} .greet .gr_bot{margin-bottom: 40px;} .greet .gr_bot:after{display:block; content:''; clear:both;} .greet .gr_bot > .gr_half{width:50%; float: left; text-align: left; padding-right: 40px;} .greet .gr_bot > .gr_half p{font-size: 18px;line-height: 1.6;letter-spacing:-0.4px;color:#222;word-break:keep-all;margin-bottom: 20px;} .greet .gr_bot > .gr_half:last-child{padding-left: 40px; padding-right: 0; border-left: 1px solid #ddd;} .greet .gr_sign{text-align: right;} .greet .gr_sign span{font-size: 18px;color:#888;font-weight: 500;letter-spacing:-0.4px;display:block;margin-bottom: 5px;} .greet .gr_sign p small{font-size: 21px;color:#444;font-weight: 600;} .greet .gr_sign p b{font-size: 32px;color:#222;padding-left: 10px;font-weight: 600;} @media (max-width: 1700px){ .greet .gr_top img{right: 80px; height: 420px;} .greet .gr_top{height: 340px;} .greet .gr_top h1{width: 80%; left: 80px; font-size: 26px; line-height:34px;} } @media (max-width: 1540px){ .greet .gr_top img{right: 60px; height: 380px;} .greet .gr_top{height: 300px;} .greet .gr_top h1{width: 80%; left: 60px; font-size: 24px; line-height:32px;} } @media (max-width: 1080px){ .greet .gr_top img{right: 40px; height: 340px;} .greet .gr_top{height: 240px;} .greet .gr_top h1{width: 60%; left: 40px; font-size: 22px; line-height:30px;} } @media (max-width: 840px){ .greet .gr_top img{height: 320px; right: 20px;} .greet .gr_top h1{font-size: 20px; line-height:26px; width: 50%;} .greet .gr_bot > .gr_half{width: 100%; float: inherit; padding-right: 0;} .greet .gr_bot > .gr_half:last-child{padding-left: 0; border-left: none;} } @media (max-width: 680px){ .greet .gr_top{height: 200px; margin-top: 0; margin-bottom: 40px;} .greet .gr_top img{display:none;} .greet .gr_top h1{font-size: 18px; line-height:24px; width: 80%;} .greet .gr_bot > .gr_half p{font-size: 15px; line-height:23px;} .greet .gr_sign span{font-size: 15px;} .greet .gr_sign p small{font-size: 15px;} .greet .gr_sign p b{font-size: 28px;} } @media (max-width: 480px){ .greet .gr_top{height: auto; position: inherit; padding: 30px; border: 5px solid #eee} .greet .gr_top h1{position: inherit; width: 100%; top: auto; left: auto; transform:none; font-size: 17px; line-height:23px;} .greet .gr_top h1 br{display:none;} .greet .gr_top h1 br:nth-of-type(1){display:block;} .greet .gr_top h1 br:nth-of-type(2){display:block;} .greet .gr_bot > .gr_half p{font-size: 14px; line-height:22px; margin-bottom: 15px;} .greet .gr_sign span{font-size: 14px;} .greet .gr_sign p small{font-size: 14px;} .greet .gr_sign p b{font-size: 24px;} } /* -------------------------------- sub1_2 : 연혁 -------------------------------- */ .his .his_part1 .his_mo{display:none;} .his .his_part1{margin-bottom: 80px;} .his .his_part1 .his_row{width: 100%;} .his .his_part1 .his_row:after{display:block; content:''; clear:both;} .his .his_part1 .his_row .his_left{width:25%; float: left; padding: 10px;} .his .his_part1 .his_row .his_left .his_box{background-color: #4e4e4e;color:#fff;border-radius: 10px;text-align: center;height: 78px;line-height:78px;} .his .his_part1 .his_row2 .his_left .his_box{height: 59px; line-height:59px;} .his .his_part1 .his_row .his_left .his_box h4{font-weight: 500; font-size: 16px; letter-spacing:-0.4px;} .his .his_part1 .his_row .his_right{width: 75%; float: left;} .his .his_part1 .his_row .his_right:after{display:block; content:''; clear:both;} .his .his_part1 .his_row .his_right .his_con{width:calc(33.333% - 20px);float: left;margin: 10px;border: 1px solid #eee;background-color: #fff;padding: 20px;border-radius: 10px;text-align: center;position: relative;} .his .his_part1 .his_row .his_right .his_con:after{position: absolute; bottom: -14px; left: 50%; transform:translateX(-50%); content: ''; height: 0; z-index: -1; border-bottom: 7px solid; border-left: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0); color: #2c90c4; animation: blink-effect 1s step-end infinite; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);} .his .his_part1 .his_row .his_right .his_con:nth-child(2):after{position: absolute; bottom: -14px; left: 50px;} .his .his_part1 .his_row .his_right .his_con span{background-color: #2c90c4;font-size: 16px;color:#fff;padding: 10px 10px;display:block;position: absolute;left: 0;top: 0;width: 100%;border-radius: 10px;} .his .his_part1 .his_row .his_right .his_con p{font-size: 16px; color:#444; margin-top: 40px;} .his .his_part1 .his_row .his_right .his_box{background-color: #fff;border: 1px solid #eee;padding: 20px;text-align: center;width: calc(50% - 20px);margin: 10px;float: left;border-radius: 10px;position: relative;} .his .his_part1 .his_row .his_right .his_box h5{font-size: 16px;font-weight: 500;color:#444;} .his .his_part1 .his_row .his_right .his_box:after{position: absolute; bottom: -14px; left: 50%; transform:translateX(-50%); content: ''; height: 0; z-index: -1; border-bottom: 7px solid; border-left: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0); color: #2c90c4; animation: blink-effect 1s step-end infinite; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);} .his .his_part1 .his_row .his_right .his_con:nth-child(2):after{position: absolute; bottom: -14px; left: 50px;} .his .his_part1 .his_row .his_right dl{width: 100%; position: relative;} .his .his_part1 .his_row .his_right dl:after{display:block; content:''; clear:both;} .his .his_part1 .his_row .his_right dl:before{position: absolute; bottom: -3px; left: 50%; transform:translateX(-50%); content: ''; height: 0; z-index: -1; border-bottom: 7px solid; border-left: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0); color: #2c90c4; animation: blink-effect 1s step-end infinite; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);} .his .his_part1 .his_row .his_right .his_con:nth-child(2):after{position: absolute; bottom: -14px; left: 50px;} .his .his_part1 .his_row .his_right dl dt{width: 70%;float: left;margin: 10px;background-color: #fff;border: 1px solid #eee;padding: 20px;text-align: center;border-radius: 10px;font-size: 16px;} .his .his_part1 .his_row .his_right dl dd{width: calc(30% - 40px);margin: 10px;float: left;background-color: #487ef1;color:#fff;padding: 20px;text-align: center;font-size: 31px;border-radius: 10px;font-weight: bold;} .his .his_part1 .his_row .his_right dl dd small{font-size: 15px; font-weight: 400; padding-left: 3px;} .his .his_part1 .his_row:last-child .his_right dl:before{display:none;} @keyframes blink-effect { 50% {opacity: 0.4;} } @media (max-width: 1240px){ .his .his_part1{margin-bottom: 60px;} .his .his_part1 .his_row .his_left{width: 20%;} .his .his_part1 .his_row .his_right{width: 80%;} .his .his_part1 .his_row .his_right dl dd{font-size: 24px; height: 80px; padding-top: 25px;} } @media (max-width: 1024px){ .his .his_part1 .his_row .his_left{width: 100%; float: inherit; display:none;} .his .his_part1 .his_row .his_right{width: 100%; float: inherit;} .his .his_part1 .his_row2 .his_left .his_box{height: auto; line-height:inherit; padding: 20px;} .his .his_part1 .his_row .his_left .his_box{height: auto; line-height:inherit; padding: 20px;} } @media (max-width: 840px){ .his .his_part1{margin-bottom: 20px;} .his .his_part1 .his_row .his_right .his_con{padding: 15px;} .his .his_part1 .his_row .his_right .his_con span{font-size: 15px;} .his .his_part1 .his_row2 .his_left .his_box{padding: 15px;} .his .his_part1 .his_row .his_left .his_box{padding: 15px;} .his .his_part1 .his_row .his_left .his_box h4{font-size: 15px;} .his .his_part1 .his_row .his_right .his_con p{font-size: 15px;} .his .his_part1 .his_row .his_right .his_box h5{font-size: 15px;} .his .his_part1 .his_row .his_right dl dt{font-size: 15px;} .his .his_part1 .his_row .his_right dl dd{font-size: 22px; padding-top: 27px;} } @media (max-width: 640px){ .his .his_part1 .his_row .his_right .his_con{padding: 10px;} .his .his_part1 .his_row .his_right .his_con span{font-size: 14px;} .his .his_part1 .his_row2 .his_left .his_box{padding: 10px;} .his .his_part1 .his_row .his_left .his_box{padding: 10px;} .his .his_part1 .his_row .his_left .his_box h4{font-size: 14px;} .his .his_part1 .his_row .his_right .his_box{padding: 10px;} .his .his_part1 .his_row .his_right .his_con p{font-size: 14px;} .his .his_part1 .his_row .his_right .his_box h5{font-size: 14px;} .his .his_part1 .his_row .his_right dl dt{font-size: 14px; padding: 10px;} .his .his_part1 .his_row .his_right dl dd{font-size: 18px; padding: 10px; padding-top: 20px; height: 58px;} } @media (max-width: 480px){ .his .his_part1 .his_row{display:none;} .his .his_part1 .his_mo{display:block; width: 100%;} .his .his_part1 .his_mo img{width: 100%;} } .his_part2 .his_con{position: relative;} .his_part2 .his_con:before{content: ''; position: absolute; top: 90px; left: 50%; width: 1px; height: 90%; background: #ddd;} .his_part2 .hc_list{padding-top: 75px;} .his_part2 .hc_list:after{content: ''; display: block; clear: both;} .his_part2 .hc_list > div{width: 50%;} .his_part2 .hc_list .h_year{position: relative;} .his_part2 .hc_list .h_year:before{content: ''; position: absolute; top: 12px; width: 9px; height: 9px; border-radius: 50%; background: #2c50a6;} .his_part2 .hc_list .h_year strong{display: block;padding: 0 30px;font-size: 34px;color: #2c50a6;font-family: "Chakra Petch", sans-serif;} .his_part2 .hc_list .h_con ul{padding: 0 30px;} .his_part2 .hc_list .h_con ul li{font-size: 15px; color: #888;} .his_part2 .hc_list .h_con ul li:after{content: ''; display: block; clear: both;} .his_part2 .hc_list .h_con ul li+li{margin-top: 15px;} .his_part2 .hc_list .h_con ul li p{font-size: 17px;line-height: 24px;word-break: keep-all;} .his_part2 .hc_list .h_con ul li p.hcblank{display: none;} .his_part2 .hc_list .h_con ul li p:nth-of-type(1){width: 15%;font-weight: 600;color: #222;font-size: 22px;font-family: "Chakra Petch", sans-serif;} .his_part2 .hc_list .h_con ul li p:nth-of-type(2){width: 85%;color: #888;} .his_part2 .h_left > div{float: left;} .his_part2 .h_left .h_year{text-align: right;} .his_part2 .h_left .h_year:before{right: -5px;} .his_part2 .h_left .h_con ul li p{float: left;} .his_part2 .h_right > div{float: right;} .his_part2 .h_right .h_year:before{left: -4px;} .his_part2 .h_right .h_con{text-align: right;} .his_part2 .h_right .h_con ul li p{float: right;} @media (max-width: 1240px){ .his_part2 .hc_list{padding-top: 60px;} .his_part2 .his_con:before{left: 10.6%;} .his_part2 .hc_list > div{float: left; width: 50%;} .his_part2 .hc_list .h_year{width: 11%; text-align: left;} .his_part2 .hc_list .h_year:before{right: 0; left: unset;} .his_part2 .hc_list .h_year strong{padding: 0;} .his_part2 .hc_list .h_con{width: 89%; text-align: left;} .his_part2 .hc_list .h_con ul{padding: 0 0 0 65px;} .his_part2 .hc_list .h_con ul li p:nth-of-type(1){width: 9%;} .his_part2 .hc_list .h_con ul li p:nth-of-type(2){width: 91%;} .his_part2 .h_right .h_con ul li p{float: left;} } @media (max-width: 991px){ .his_part2 .his_con:before{left: 14.4%;} .his_part2 .hc_list .h_year{width: 15%;} .his_part2 .hc_list .h_con{width: 85%;} .his_part2 .hc_list .h_con ul{padding: 0 0 0 50px;} .his_part2 .hc_list .h_con ul li p:nth-of-type(1){width: 15%;} .his_part2 .hc_list .h_con ul li p:nth-of-type(2){width: 85%;} .his_part2 .h_right .h_con ul li p{float: left;} } @media (max-width: 640px){ .his_part2 .his_con:before{display: none;} .his_part2 .hc_list > div{float: none; width: 100%!important;} .his_part2 .hc_list .h_year:before{display: none;} .his_part2 .hc_list .h_year strong{margin-bottom: 14px; padding-bottom: 14px; font-size: 22px; border-bottom: 1px solid #eee;} .his_part2 .hc_list .h_con ul{padding: 0;} .his_part2 .hc_list .h_con ul li{font-size: 14px;} .his_part2 .hc_list .h_con ul li+li{margin-top: 6px;} .his_part2 .hc_list .h_con ul li p{float: none; width: 100%!important;} } @media (max-width: 480px){ .his_part2 .hc_list .h_year strong{font-size: 20px; margin-bottom: 10px; padding-bottom: 10px;} .his_part2 .hc_list .h_con ul li p{font-size: 15px; line-height:23px;} } /* -------------------------------- sub1_3 : 현황 -------------------------------- */ .s_wrap{margin-bottom: 80px;} .s_wrap:last-child{margin-bottom: 0;} .s_wrap h1.s_tit{font-size: 26px; color:#101010; position: relative; margin-bottom: 20px!important; position: relative; word-break:keep-all; letter-spacing:-0.4px;} .s_wrap h2.m_tit {font-size: 18px; color: #222; position: relative; position: relative; line-height: 18px; letter-spacing: -0.75px; margin-bottom: 20px;} .s_con table{width: 100%; border-spacing:0px; border-top: 2px solid #487ef1; border-left: 1px solid #ddd;} .s_con table thead tr th{background-color: #eee;color:#101010;padding: 25px 15px;font-size: 20px;border-right: 1px solid #ddd;border-bottom: 1px solid #a8a8a8;font-weight: 600;text-align: center;letter-spacing:-0.4px;word-break:keep-all;} .s_con table tbody tr th{background-color: #eee;font-weight: 600;font-size: 17px;padding: 20px 10px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;text-align: center;letter-spacing:-0.4px;word-break:keep-all;} .s_con table tbody tr td{color:#222;font-size: 16px;padding: 20px 15px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;font-weight: 400;text-align: center;letter-spacing:-0.4px;line-height: 1.6;word-break:keep-all;} .s_con table tbody tr td ul li{text-align: left; padding-left: 10px; position: relative; font-size: 16px; line-height:26px; color:#222; letter-spacing:-0.4px; word-break:keep-all;} .s_con table tbody tr td ul li:after{position: absolute; width: 4px; height: 4px; background-color: #666; border-radius:50%; display:block; content:''; left: 0; top: 9px;} .s_con p.caption{font-size: 15px; text-align: right; color:#666; letter-spacing:-0.4px; word-break:keep-all; margin-top: 5px;} .s_con ul.caption{margin-top: 10px;} .s_con ul.caption h5{font-size: 15px; font-weight: 500; color:#222; letter-spacing:-0.4px; word-break:keep-all; margin-bottom: 5px;} .s_con ul.caption h5 a{color:#222; transition:0.3s;} .s_con ul.caption h5 a:hover{text-decoration:underline;} .s_con ul.caption li{font-size: 15px; line-height:23px; text-align: left; color:#666; letter-spacing:-0.4px; word-break:keep-all; padding-left: 10px; position: relative;} .s_con ul.caption li:after{display:block; content:''; background-color: #bbb; border-radius:50%; width: 4px; height: 4px; position: absolute; left: 0; top: 9px;} .s_con ul.caption li a{color:#666; transition:0.3s;} .s_con ul.caption li a:hover{text-decoration:underline;} .s_wrap .txt_box:nth-child(2) {margin-top:40px;} .s_wrap .txt_box h5 {font-size: 18px;padding: 16px 24px;border: 1px solid #ccc;border-radius: 50px;display: inline-block;background: #fff;margin-left: 32px;} .s_wrap .txt_box > ul {padding: 60px 24px 24px;position: relative;top: -30px;background: #fff;border-radius: 20px;border: 1px solid #eee;z-index: -1;} .s_wrap .txt_box > ul li {font-size:16px;position:relative;padding-left: 16px;color: #444;margin-bottom: 16px;line-height: 150%;} .s_wrap .txt_box > ul li:before {content:'';position:absolute;top: 11px;left: 0;width:4px;height:4px;border-radius:50%;background:#333;} .s_wrap .txt_box > ul li strong {color:#000;} .s_wrap .txt-box{padding: 30px;position: relative;background: #fff;border-radius: 20px;border: 1px solid #eee;} .s_wrap .txt-box > .txt{color: #333; font-weight:600;} .s_wrap .txt-box > .txt + ul{margin-top:10px;} .s_wrap .txt-box .list-Dot li > b{color: #333; font-weight:600;} .s_wrap .txt-box + .s_con{margin-top:40px;} .s_wrap .data_top{} .s_wrap .data_top ul{display:flex; flex-wrap:wrap;} .s_wrap .data_top ul:after{display:block; content:''; clear:both;} .s_wrap .data_top ul li{background-color: #fff;border: 1px solid #eee;float: left;width: 24%;margin-right: 1.333%;margin-bottom: 30px;padding: 30px;border-radius: 20px;text-align: center;} .s_wrap .data_top ul li:last-child{margin-right: 0;} .s_wrap .data_top ul li img{margin-bottom: 20px; width: 100px;} .s_wrap .data_top ul li p{color:#222; font-size: 18px; font-weight: bold; letter-spacing:-0.4px; word-break:keep-all;} @media (max-width: 1024px){ .s_wrap h1.s_tit{font-size: 24px; margin-bottom: 15px!important;} .s_wrap{margin-bottom: 60px;} .s_wrap:last-child{margin-bottom: 0;} .s_wrap .data_top ul li img{margin-bottom: 20px; width: 64px;} .s_wrap .data_top ul li p{font-size: 16px;} } @media (max-width: 640px){ .s_wrap h1.s_tit{font-size: 20px; margin-bottom: 10px!important;} .s_wrap{margin-bottom: 40px;} .s_wrap:last-child{margin-bottom: 0;} .s_con table thead tr th{font-size: 15px; padding: 15px;} .s_con table tbody tr th{font-size: 15px;} .s_con table tbody tr td{font-size: 15px;} .s_con table tbody tr td ul li{font-size: 15px; line-height:23px;} .s_con ul.caption h5{font-size: 14px;} .s_con ul.caption li{font-size: 14px; line-height:20px; padding-left: 7px;} .s_con ul.caption li:after{width: 3px; height: 3px; top: 8px;} .s_wrap .data_top ul li{width: 48%; margin: 1%; padding: 25px;} .s_wrap .data_top ul li:nth-of-type(2n){margin-right: 1%;} .s_wrap .data_top ul li img{margin-bottom: 15px; width: 48px;} } @media (max-width: 480px){ .s_wrap h1.s_tit{font-size: 18px; margin-bottom: 7px!important;} .s_con table thead tr th{font-size: 14px; padding: 10px;} .s_con table tbody tr th{font-size: 14px; padding: 10px;} .s_con table tbody tr td{font-size: 14px; padding: 10px;} .s_con table tbody tr td ul li{font-size: 14px; line-height:22px; padding-left: 7px;} .s_con table tbody tr td ul li:after{width: 3px; height: 3px; top: 9px;} .s_con p.caption{font-size: 14px;} .s_wrap .data_top ul li{padding: 20px; width: 100%; margin: 0; margin-bottom: 10px; padding: 20px;} .s_wrap .data_top ul li:nth-of-type(2n){margin-right: 0%;} .s_wrap .data_top ul li img{margin-bottom: 10px; width: 36px;} .s_wrap .data_top ul li p{font-size: 14px;} } .newMajor{} .newMajor .s_wrap{margin-bottom:20px;} .newMajor .s_wrap:last-child{margin-bottom:0;} .newMajor .info {font-size: 17px;line-height: 1.8;color: #222;} .newMajor .info p {position: relative;margin: 0 0 4px 0;padding-left: 26px;} .newMajor .info p::before {content: "❖";position: absolute;left: 0;top: -5px;color: #3b6de8;font-size: 22px;font-family: "Segoe UI Symbol", "Apple Symbols", "Malgun Gothic", sans-serif;} .newMajor .info a { color: #222; text-decoration: none;} .newMajor .info a:hover {text-decoration: underline;} .s_wrap .txt-box-about{position: relative;} .s_wrap .txt-box-about .iconTit{position:relative;font-size: 20px;padding: 16px 30px 16px 20px;border: 1px solid #ccc;border-radius: 50px;display: inline-flex;background: #fff;margin-left: 32px;align-items: center;letter-spacing: -.5px;gap: 8px;z-index: 1;line-height: 1;} .s_wrap .txt-box-about .iconTit i{position: relative;/* left: 24px; *//* top: 50%; */display: inline-flex;width: 30px;height: 30px;justify-content: center;align-items: center;} .s_wrap .txt-box-about .iconTit i.icon1{background: url("/images/sub/11925350.png") 50% 50% / 100% no-repeat;} .s_wrap .txt-box-about .iconTit i.icon2{background: url("/images/sub/8406137.png") 50% 50% / 100% no-repeat;} .s_wrap .txt-box-about .iconTit i.icon3{background: url("/images/sub/8188359.png") 50% 50% / 100% no-repeat;} .s_wrap .txt-box-about .iconTit i.icon4{background: url("/images/sub/11925339.png") 50% 50% / 100% no-repeat;} .s_wrap .txt-box-about .iconTit i.icon5{background: url("/images/sub/11925284.png") 50% 50% / 100% no-repeat;} .s_wrap .txt-box-about .iconTit i.icon6{background: url("/images/sub/8369309.png") 50% 50% / 100% no-repeat;} .s_wrap .txt-box-about .box {padding: 50px 30px 35px;position: relative;top: -30px;background: #fafafa;border-radius: 20px;} .s_wrap .txt-box-about .box p{line-height:1.6;font-size: 18px;font-weight: 600;letter-spacing: -.2px;word-break: keep-all;} .s_wrap .txt-box-about .box p b{color:#2d68ff;} .s_wrap .txt-box-about .box ul.box-list{display:flex; gap:10px;} .s_wrap .txt-box-about .box ul.box-list li{font-size: 18px;font-weight: 600;letter-spacing: -.5px;padding: 12px 24px;background: #779efb42;border-radius: 35px;word-break:keep-all;position: relative;} .s_wrap .txt-box-about .box ul.dot-list{display:flex; gap:5px; flex-direction: column;} .s_wrap .txt-box-about .box ul.dot-list > li{font-size: 16px; line-height:26px; letter-spacing:-0.4px; word-break:keep-all; position: relative; padding-left: 15px;} .s_wrap .txt-box-about .box ul.dot-list > li:after{display:block; content:''; width: 4px; height: 4px; border-radius:50%; background-color: #bbb; display:block; position: absolute; left: 0; top: 10px;} .sdotWr{display:flex;margin-top:5px;gap: 25px;} .sdotWr .sdot-list {display:flex;gap:5px;flex-direction: column;} .sdotWr .sdot-list > li{font-size: 15px;color: #454545;line-height: 1.4;letter-spacing:-0.4px;word-break:keep-all;position: relative;padding-left: 12px;} .sdotWr .sdot-list > li:after{display:block;content:'';width: 3px;height: 3px;border-radius:50%;background-color: #d9d9d9;display:block;position: absolute;left: 0;top: 8px;} .txt-noti {font-size: 16px;line-height: 1.9;color: #222;} .txt-noti .po {display: block;margin-bottom: 6px;font-weight: 600;} .txt-noti ol {list-style: none; padding: 0; margin: 0; counter-reset: item;} .txt-noti ol > li {position: relative; padding-left: 22px; margin-bottom: 2px;} .txt-noti ol > li::before {counter-increment: item; content: counter(item) ")"; position: absolute; left: 0; top: 0;} .txt-noti .sub {display: block;/* padding-left: 12px; */} .course-flow-desc {margin: 0 0 20px 0;font-size: 15px;color: #333;} .course-flow-list {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 5px;} .course-flow-list > li {display: flex;align-items: center;padding: 10px;background: #fff;border-radius: 10px;} .course-flow-list > li:last-child {border-bottom: none;} .course-flow-badge {flex-shrink: 0;width: 160px;padding: 12px 0;margin-right: 24px;background: #1a3a8f;color: #fff;font-weight: 700;font-size: 18px;text-align: center;border-radius: 6px;letter-spacing: 1px;} .course-flow-path {font-size: 18px;font-weight: 600;color: #444;line-height: 1.6;} /* -------------------------------- sub1_4 : 위치 및 연락처 -------------------------------- */ .map .map_con{margin-bottom: 40px;border-radius: 20px;overflow: hidden;border: 1px solid rgba(0,0,0,.1);} .map .s_wrap .map_box{padding-top: 20px;border-top: 2px solid #487ef1;} .map .s_wrap .map_box dl{margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px;} .map .s_wrap .map_box dl:after{display:block; content:''; clear:both;} .map .s_wrap .map_box dl dt{width: 120px; float: left; font-size: 16px; font-weight: bold; color:#101010; letter-spacing:-0.4px; word-break:keep-all; padding-left: 5px;} .map .s_wrap .map_box dl dd{width: calc(100% - 120px); float: left; font-size: 16px; color:#333; letter-spacing:-0.4px; word-break:keep-all;} .map .s_wrap .map_box dl dd a{color:#333; transition:0.3s;} .map .s_wrap .map_box dl dd a:hover{text-decoration: underline;} @media (max-width: 840px){ .map .s_wrap .map_box dl dt{width: 100%; float: inherit; margin-bottom: 5px;} .map .s_wrap .map_box dl dd{width: 100%; float: inherit; padding-left: 5px;} } @media (max-width: 640px){ .map .s_wrap .map_box{padding-top: 15px;} .map .s_wrap .map_box dl{margin-bottom: 15px; padding-bottom: 15px;} .map .s_wrap .map_box dl dt{font-size: 15px;} .map .s_wrap .map_box dl dd{font-size: 15px;} } @media (max-width: 480px){ .map .s_wrap .map_box dl dt{font-size: 14px;} .map .s_wrap .map_box dl dd{font-size: 14px;} } /* -------------------------------- sub3_1 : 교과과정 -------------------------------- */ /* -------------------------------- sub4_1 : 연구 -------------------------------- */ .rsch6_top_img{position:relative; text-align:cetner;} .rsch6_top_img img{max-width:100%;} #Lab{} #Lab .lab-list{display: flex;gap: 40px;flex-wrap: wrap;} #Lab .lab-list > li{/* flex:1 1 45%; */background: #f6f6f9;border-radius: 20px;width: calc(50% - 20px);position: relative;overflow: hidden;/* width: fit-content; */} #Lab .lab-list > li:nth-child(4n-2), #Lab .lab-list > li:nth-child(4n-1){background:#ffffff; border:1px solid #e0e0e6;} #Lab .lab-list > li:nth-child(4n-2) .imgArea, #Lab .lab-list > li:nth-child(4n-1) .imgArea{background: #f5f5f5;border:0;} #Lab .labItem{display: flex;height: 100%;} #Lab .labItem .imgArea{width: 220px;border-radius: 20px;background: #ffffff;border:1px solid #e0e0e6;} #Lab .labItem .imgArea .logo{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;padding: 20px;} #Lab .labItem .imgArea .logo img{max-width: 100%;/* max-height: 100px; */} #Lab .labItem .imgArea .logo.column img{max-width:70%;/* max-height: 100px; */} #Lab .labItem .txtArea{position: relative;width: calc(100% - 220px);padding: 30px 40px;} #Lab .labItem .txtArea .tit{display: flex;flex-direction: column;gap: 10px;align-items: flex-start;} #Lab .labItem .txtArea .tit big{display: inline-flex;align-items: flex-end;gap: 15px;font-size: 24px;font-weight: 600;line-height: 1.2;letter-spacing: -.5px;} #Lab .labItem .txtArea .tit small{background:#253369;border-radius:50px;font-size: 17px;/* font-weight: bold; */padding: 0 20px;height: 32px;display: inline-flex;color: #fff;justify-content: center;align-items: center;line-height:1;gap: 5px;transition:.3s;} #Lab .labItem .txtArea .tit small i{font-style: normal;transition:.3s;} #Lab .labItem .txtArea .infoList{margin-top:20px;} #Lab .labItem .txtArea .infoList li{position:relative;padding-left: 27px;font-size: 16px;line-height: 1.3;overflow: hidden;text-overflow: ellipsis;white-space: normal;max-height: 60px;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #1c2c73;} #Lab .labItem .txtArea .infoList li + li{margin-top: 7px;} #Lab .labItem .txtArea .infoList li > i{position:absolute;left:0;top: 0px;font-size: 17px;} @media (max-width: 1280px){ #Lab .lab-list > li {width:100%;} } @media (max-width: 767px){ #Lab .lab-list {gap:20px;} #Lab .lab-list > li {width:100%;} #Lab .lab-list > li:nth-child(4n-2), #Lab .lab-list > li:nth-child(4n-1){background: #f6f6f9;; border:none;} #Lab .lab-list > li:nth-child(4n-2) .imgArea, #Lab .lab-list > li:nth-child(4n-1) .imgArea{background: #ffffff;border:1px solid #e0e0e6;} } @media (max-width: 580px){ #Lab .labItem {flex-direction: column;} #Lab .labItem .imgArea{width:100%;} #Lab .labItem .txtArea{width:100%;padding:20px;text-align: center;} #Lab .labItem .imgArea .logo img{max-width:200px;} #Lab .labItem .imgArea .logo.column img{max-width:140px;} #Lab .labItem .txtArea .tit{text-align:center;align-items: center;} #Lab .labItem .txtArea .infoList{display:inline-block;} } /* -------------------------------- sub5 : 대학원 -------------------------------- */ /* BK 주요소식 */ .main_content section .txt {padding-bottom: 50px;} .main_content section h1.s_tit{font-size: 26px; color:#222; position: relative; margin: 30px 0; position: relative;} .main_content section h1:before {display:none;/* content: ""; */width: 5px;height: 23px;border-radius: 0px;background-color: #7541a0;margin-right: 15px;margin-top: 3px;} .main_con {margin-top: 30px;} .main_con h4{font-size: 16px;} .main_con .left ul li {font-size: 15px; line-height: 25px;} .main_content section .pub_bg{background-color: #f5f9fc;} .main_content section .main_con .news_wrap .news_box:after{display:block; content:''; clear:both;} .main_content section .main_con .news_wrap .news_box > div.news_con{width: 23.8%; margin-right: 1.5%; float: left; position: relative;} .main_content section .main_con .news_wrap .news_box > div.news_con:last-child{margin-right: 0;} .main_content section .main_con .news_wrap .news_box > div.news_con > a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display:block; content:''; z-index: 1;} .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt{padding: 0 25px 25px;} .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt h4{font-size: 24px; line-height:32px; font-weight: 500; margin-bottom: 15px; letter-spacing:-0.4px; word-break:keep-all;} .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt p{font-size: 18px; line-height:26px; opacity:0.8; font-weight: 400; letter-spacing:-0.4px; margin-bottom: 20px; word-break:keep-all;} .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt span{font-size: 15px;} .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt span i{margin-right: 5px;} .main_content section .main_con .news_wrap .news_box > div.news_con:hover .news_txt h4{text-decoration:underline;} .main_content section .main_con .news_wrap .news_box > div.news_fir{background-color: #f4f4f4;padding: 12px;/* box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.3); */} .main_content section .main_con .news_wrap .news_box > div.news_fir .fir_img{width: 100%; height: 100%; overflow:hidden; margin-bottom: 15px;} .main_content section .main_con .news_wrap .news_box > div.news_fir .fir_img img{width: 100%;} .main_content section .main_con .news_wrap .news_box > div.news_fir .news_txt{color:#222;} @media (max-width: 800px){ .main_content section .main_con .news_wrap .news_box > div.news_con:nth-of-type(3), .main_content section .main_con .news_wrap .news_box > div.news_con:nth-of-type(4) {display:none;} .main_content section .main_con .news_wrap .news_box > div.news_con {width: 48.5%;} } @media (max-width: 600px){ .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt {padding: 0 15px 15px;} .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt p {font-size: 15px;} .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt span {font-size: 13px;} } @media (max-width: 350px){ .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt {padding: 0 15px 15px;} .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt p {font-size: 15px;} .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt span {font-size: 13px;} } /* BK4 공지사항 및 자료실 , 성과소식 */ .wide_section{max-width: 1400px;padding: 90px 0 0;height: 100%;} .wide_section h3{text-align: center; font-size: 48px; color:#101010; font-weight: bold; margin-bottom: 45px;} .wide_section .wide_shadow:after{display:block; content:''; clear:both;} .wide_section .wide_shadow{/* box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.3); */width: 100%;height: 100%;display:block;border-radius: 20px;overflow: hidden;content:'';background-color: #f4f4f4;} .wide_section .wide_shadow .wide_con{width: 50%;float: left;background-color: #e3effb;padding: 45px;position: relative;} .wide_section .wide_shadow .wide_con .tit{display:flex;justify-content: space-between;align-items: center;margin-bottom: 30px;position: relative;} .wide_section .wide_shadow .wide_con .tit h4{font-size: 26px;color:#222;} .wide_section .wide_shadow .wide_con .tit a{position:relative;display:flex;transition:0.3s;justify-content: center;align-items: center;} .wide_section .wide_shadow .wide_con .tit i{font-size: 28px;transition:0.3s; line-height:1; font-weight:normal;} .wide_section .wide_shadow .wide_con > ul li{border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 15px;} .wide_section .wide_shadow .wide_con > ul li:last-child{margin-bottom: 0;} .wide_section .wide_shadow .wide_con > ul li span{color:#999; font-size: 15px; margin: 5px 0 0 0; display:block;} .wide_section .wide_shadow .wide_con > ul li span i{margin-right: 3px;} .wide_section .wide_shadow .wide_con > ul li p{font-size: 18px; color:#333; word-break:keep-all;} .wide_section .wide_shadow .wide_con > ul li:hover p{color:#1968a8;} .wide_section .wide_shadow .seminar{background-color: #0577e6;padding:45px;} .wide_section .wide_shadow .seminar .tit h4, .wide_section .wide_shadow .seminar .tit i{color:#fff;} .wide_section .wide_shadow .seminar > ul li{border-bottom: 1px solid rgba(255,255,255,.2);} .wide_section .wide_shadow .seminar > ul li span{color: rgba(255,255,255,.8);} .wide_section .wide_shadow .seminar > ul li p{color:#fff;} .wide_section .wide_shadow .seminar > ul li:hover p{color:#fff;} .wide_section .wide_shadow .wide_con .tit a:hover i{transform:rotate(90deg);} @media (max-width: 1250px){ .wide_section h3{text-align: center; font-size: 40px; margin-bottom: 20px;} .wide_section .wide_shadow .wide_con h4{font-size: 26px;} .wide_section .wide_shadow .wide_con > ul li p{font-size: 16px; line-height:24px;} } @media (max-width: 1070px){ .wide_section h3{font-size: 34px; margin-bottom: 20px;} .wide_section .wide_shadow .wide_con{width: 100%; padding: 30px;} .wide_section .wide_shadow .wide_con > ul li{margin-bottom: 10px; padding-bottom: 10px;} .wide_section .wide_shadow .wide_con > ul li:last-child{margin-bottom: 0;} .wide_section .wide_shadow .wide_con > a{position: absolute; top: 40px; right: 30px; transition:0.3s;} } @media (max-width: 640px){ .wide_section h3{font-size: 28px; margin-bottom: 20px;} .wide_section .wide_shadow .wide_con h4{font-size: 22px;} .wide_section .wide_shadow .wide_con > ul li span{font-size: 13px; margin-bottom: 4px; display:block;} .wide_section .wide_shadow .wide_con > ul li p{font-size: 15px; line-height:22px;} } @media (max-width: 480px){ .wide_section h3{font-size: 24px;} .wide_section .wide_shadow .wide_con h4{font-size: 20px;} .wide_section .wide_shadow .wide_con > ul li span{font-size: 12px; margin-bottom: 4px; display:block;} .wide_section .wide_shadow .wide_con > ul li p{font-size: 14px; line-height:22px;} } /* 학생회 소개, 홍보단 소개 */ .s_wrap.s_bg{padding: 60px; background-color: #000;} .s_wrap .s_con .stu_map ul{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; position: relative;} .s_wrap .s_con .stu_map ul:after{display:block; content:''; clear:both;} .s_wrap .s_con .stu_map ul li{width: 190px;height: auto;background-color: #fff;padding: 15px;float: left;margin: 1%;position: relative;border-radius: 20px;box-shadow: 0px 15px 20px 0px rgb(0 0 0 / 4%);} .s_wrap .s_con .stu_map ul li:after{position: absolute; background-color: #ddd; display:block; content:'';} .s_wrap .s_con .stu_map ul li .stm_top{width: 100%;margin-bottom: 10px;border: 1px solid #eee;border-radius: 15px;overflow: hidden;} .s_wrap .s_con .stu_map ul li .stm_top img{width: 100%;} .s_wrap .s_con .stu_map ul li .stm_bot{text-align: center;} .s_wrap .s_con .stu_map ul li .stm_bot h5{font-weight: bold;font-size: 17px;color:#101010;margin-bottom: 5px;/* padding-bottom: 5px; *//* border-bottom: 1px dotted #ddd; */} .s_wrap .s_con .stu_map ul li .stm_bot h6{font-size: 15px; color:#666; font-weight: 400;} .s_wrap .s_con .stu_map ul.stu_fir{margin-bottom: 60px;} .s_wrap .s_con .stu_map ul.stu_fir:after{width: 657px;height: 3px;position: absolute;background-color: #ddd;display:block;content:'';bottom: -30px;left: 50%;transform:translateX(-50%);} .s_wrap .s_con .stu_map ul.stu_fir:before{width: 3px;height: 180px;position: absolute;background-color: #ddd;display:block;content:'';left: 50%;transform:translateX(-50%);top: 150px;} .s_wrap .s_con .stu_map ul.stu_fir li:first-child{margin-right: 60px;} .s_wrap .s_con .stu_map ul.stu_fir li:first-child:after{width: 60px; height: 3px; right: -60px; top: 50%; transform:translateY(-50%);} .s_wrap .s_con .stu_map ul.stu_fir li:last-child{margin-left: 60px;} .s_wrap .s_con .stu_map ul.stu_fir li:last-child:after{width: 60px; height: 3px; left: -60px; top: 50%; transform:translateY(-50%);} .s_wrap .s_con .stu_map ul.stu_sec{margin-bottom: 60px;} .s_wrap .s_con .stu_map ul.stu_sec li:after{width: 3px;height: 45px;left: 50%;transform:translateX(-50%);top: -45px;top: -46px;dex: -1;} .s_wrap .s_con .stu_map ul.stu_sec:last-child:after{width: 1093px;height: 3px;left: 50%;transform:translateX(-50%);top: -33px;position: absolute;background-color: #ddd;display:block;content:'';} .s_wrap .s_con .stu_part ul{display:flex; flex-wrap:wrap;} .s_wrap .s_con .stu_part ul:after{display:bloc; content:''; clear:both;} .s_wrap .s_con .stu_part ul li{width: 24%;margin: 0.5%;float: left;border: 1px solid #eee;position: relative;padding: 30px;border-radius: 30px;background-color: #fff;transition:0.3s;} .s_wrap .s_con .stu_part ul li .stu_ico{position: absolute; right: 25px; top: 25px; width: 60px;} .s_wrap .s_con .stu_part ul li .stu_ico img{width: 100%;} .s_wrap .s_con .stu_part ul li .stu_txt{width: 75%;} .s_wrap .s_con .stu_part ul li .stu_txt h4{font-size: 20px; font-weight: bold; color:#222; margin-bottom: 15px; letter-spacing:-0.4px; word-break:keep-all;} .s_wrap .s_con .stu_part ul li .stu_txt p{font-size: 15px; line-height:21px; color:#666; letter-spacing:-0.4px; word-break:keep-all;} .s_wrap .s_con .stu_part ul li:hover{transform:translateY(-5px); box-shadow:2px 2px 14px rgba(0,0,0,.2);} .s_wrap .s_con .stu_month > ul{display:flex; flex-wrap:wrap;} .s_wrap .s_con .stu_month > ul:after{display:block; content:''; clear:both;} .s_wrap .s_con .stu_month > ul > li{width: 18%; margin-right: 2.5%; float: left; margin-bottom: 40px; text-align: left; position: relative;} .s_wrap .s_con .stu_month > ul > li:nth-child(5n){margin-right: 0;} .s_wrap .s_con .stu_month > ul > li span{width: 50px; height: 50px; border-radius:50%; background-color: #fff; font-size: 18px; color:#222; font-weight: bold; line-height:50px; display:block; text-align: center; position: absolute; left: -20px; top: -5px;} .s_wrap .s_con .stu_month > ul > li .stu_con{border: 1px solid rgba(255,255,255,.4); background-color: rgba(255,255,255,.2); margin-top: 20px; padding: 20px; height: 115px;} .s_wrap .s_con .stu_month > ul > li .stu_con > ul > li{font-size: 16px; line-height:24px; color:#fff; position: relative; padding-left: 15px;} .s_wrap .s_con .stu_month > ul > li .stu_con > ul > li:after{position: absolute; left: 0; top: 10px; display:block; width: 4px; height: 4px; border-radius:50%; background-color: #fff; content:'';} @media (max-width: 1680px){ .s_wrap .s_con .stu_map ul li{width: 170px; padding: 10px;} .s_wrap .s_con .stu_map ul li .stm_bot h5{font-size: 16px;} .s_wrap .s_con .stu_map ul li .stm_bot h6{font-size: 14px;} .s_wrap .s_con .stu_map ul.stu_fir:after{width: 591px;} .s_wrap .s_con .stu_map ul.stu_fir:before{height: 171px; top: 145px;} .s_wrap .s_con .stu_map ul.stu_sec:last-child:after{width: 984px;} } @media (max-width: 1540px){ .s_wrap .s_con .stu_map ul li{margin: 0.5%; width: 160px;} .s_wrap .s_con .stu_map ul.stu_fir{margin-bottom: 50px;} .s_wrap .s_con .stu_map ul.stu_fir:before{height: 158px; top: 132px;} .s_wrap .s_con .stu_map ul.stu_sec{margin-bottom: 50px;} .s_wrap .s_con .stu_map ul.stu_sec li:after{height: 35px; top: -27px;} .s_wrap .s_con .stu_map ul.stu_fir:after{width: 517px;} .s_wrap .s_con .stu_map ul.stu_sec:last-child:after{top: -24px; width: 861px;} } @media (max-width: 1100px){ .s_wrap .s_con .stu_map ul.stu_fir:after{display:none;} .s_wrap .s_con .stu_map ul.stu_fir:before{display:none;} .s_wrap .s_con .stu_map ul.stu_fir li:first-child:after{display:none;} .s_wrap .s_con .stu_map ul.stu_fir li:last-child:after{display:none;} .s_wrap .s_con .stu_map ul.stu_sec li:after{display:none;} .s_wrap .s_con .stu_map ul.stu_sec:last-child:after{display:none;} .s_wrap .s_con .stu_map ul.stu_fir{margin-bottom: 30px;} .s_wrap .s_con .stu_map ul.stu_fir li:first-child{margin-right: 0.5%;} .s_wrap .s_con .stu_map ul.stu_fir li:last-child{margin-left: 0.5%;} .s_wrap .s_con .stu_map ul.stu_sec{margin-bottom: 30px;} .s_wrap .s_con .stu_part ul li{padding: 25px; width: 32.333%;} .s_wrap .s_con .stu_part ul li .stu_txt{width: 80%;} .s_wrap .s_con .stu_part ul li .stu_txt h4{font-size: 18px; margin-bottom: 10px;} .s_wrap .s_con .stu_part ul li .stu_ico{width: 48px;} .s_wrap .s_con .stu_part ul li .stu_ico img{width: 100%;} } @media (max-width: 840px){ .s_wrap .s_con .stu_part ul li{padding: 20px; width: 49%;} .s_wrap .s_con .stu_part ul li .stu_ico{right: 20px; top: 20px;} } @media (max-width: 640px){ .s_wrap .s_con .stu_part ul li .stu_txt h4{font-size: 17px;} .s_wrap .s_con .stu_part ul li .stu_txt p{font-size: 14px; line-height:18px;} .s_wrap .s_con .stu_part ul li .stu_ico{width: 40px;} } @media (max-width: 480px){ .s_wrap .s_con .stu_map ul li{width: 49%; margin: 0.5%; float: left;} .s_wrap .s_con .stu_map.pr ul li{width: 32%; margin: 0.5%; float: left;} .s_wrap .s_con .stu_map ul li .stm_top{margin-bottom: 5px;} .s_wrap .s_con .stu_map ul li .stm_bot h5{font-size: 14px; margin-bottom: 7px;} .s_wrap .s_con .stu_map ul li .stm_bot h6{font-size: 13px;} .s_wrap .s_con .stu_part ul li{width: 100%; margin: 0; margin-bottom: 10px;} .s_wrap .s_con .stu_part ul li .stu_txt{width: 75%;} .s_wrap .s_con .stu_part ul li .stu_txt h4{font-size: 16px;} .s_wrap .s_con .stu_part ul li .stu_txt p{font-size: 13px; line-height:17px;} } /* 홍보단 소개 */ .s_hong{position: relative; margin-bottom: 80px;} .s_hong:after{display:block; content:''; clear:both;} .s_hong .hong_left{float: left;width: 700px;border-radius: 20px;overflow: hidden;} .s_hong .hong_left img{width: 100%;} .s_hong .hong_right{position: absolute;right: 0;top: 80px;width: 800px;border-radius: 20px;padding: 70px 70px 70px 70px;background-color: #fff;box-shadow: 0px 15px 20px 0px rgb(0 0 0 / 4%);} .s_hong .hong_right h4{color:#101010; font-size: 24px; font-weight: 600; margin-bottom: 15px; letter-spacing:-0.4px; word-break:keep-all;} .s_hong .hong_right p{font-size: 17px; line-height:27px; color:#444; letter-spacing:-0.4px; word-break:keep-all; margin-bottom: 20px;} .s_hong .hong_right .hong_link dl{width: 32.333%;float: left;margin: 0.5%;border-radius: 10px;overflow: hidden;border: 1px solid #ddd;} .s_hong .hong_right .hong_link dl:after{display:block; content:''; clear:both;} .s_hong .hong_right .hong_link dl dt{width: 35px;float: left;border-right: 1px solid #ddd;height: 35px;line-height:35px;font-size: 20px;text-align: center;background-color: #f7f7f7;} .s_hong .hong_right .hong_link dl:nth-of-type(1) dt i{color:#c4302b;} .s_hong .hong_right .hong_link dl:nth-of-type(2) dt i{color:#dd2a7b;} .s_hong .hong_right .hong_link dl:nth-of-type(3) dt i{color:#3b5998;} .s_hong .hong_right .hong_link dl dd{width: calc(100% - 35px);float: left;height: 35px;line-height:35px;font-weight: 600;font-family: "Chakra Petch", 'OneGB', sans-serif;padding-left: 10px;font-size: 14px;color:#222;} .s_hong .hong_right .hong_link dl dd:hover{text-decoration:underline;} .s_wrap .s_con .team_top{margin-bottom: 40px; padding: 30px; background-color: #fff;} .s_wrap .s_con .team_top:after{display:block; content:''; clear:both;} .s_wrap .s_con .team_top .team_left{width: 700px; float: left;} .s_wrap .s_con .team_top .team_left img{width: 100%;border-radius: 20px;} .s_wrap .s_con .team_top .team_right{width: calc(100% - 700px); float: left; padding: 20px 0 0 30px;} .s_wrap .s_con .team_top .team_right h4{color:#2c90c4; font-size: 24px; margin-bottom: 10px; letter-spacing:-0.4px; word-break:keep-all;} .s_wrap .s_con .team_top .team_right p{font-size: 16px; line-height:26px; letter-spacing:-0.4px; word-break:keep-all;} .team_right .team_link dl{width: 32.333%;float: left;margin: 0.5%;border-radius: 10px;overflow: hidden;border: 1px solid #ddd;} .team_right .team_link dl:after{display:block; content:''; clear:both;} .team_right .team_link dl dt{width: 35px; float: left; border-right: 1px solid #ddd; height: 35px; line-height:35px; font-size: 20px; text-align: center; background-color: #f7f7f7;} .team_right .team_link dl:nth-of-type(1) dt i{color:#c4302b;} .team_right .team_link dl:nth-of-type(2) dt i{color:#dd2a7b;} .team_right .team_link dl:nth-of-type(3) dt i{color:#3b5998;} .team_right .team_link dl dd{width: calc(100% - 35px);float: left;height: 35px;line-height:35px;padding-left: 10px;font-family: "Chakra Petch", 'OneGB', sans-serif;font-weight: 600;font-size: 14px;color:#222;} .team_right .team_link dl dd:hover{text-decoration:underline;} @media (max-width: 1640px){ .s_hong .hong_right{padding: 50px; top: 120px; width: 620px;} .s_hong .hong_right h4{font-size: 22px;} .s_hong .hong_right p{font-size: 16px; line-height:24px;} .s_hong .hong_right .hong_link dl dt{width: 30px; height: 30px; line-height:30px;} .s_hong .hong_right .hong_link dl dd{width: calc(100% - 30px); height: 30px; line-height:30px; font-size: 13px;} .s_wrap .s_con .team_top{padding: 20px; margin-bottom: 30px;} .s_wrap .s_con .team_top .team_left{width: 50%;} .s_wrap .s_con .team_top .team_right{width: 50%; padding: 20px 0 0 20px;} .s_wrap .s_con .team_top .team_right h4{font-size: 22px;} .s_wrap .s_con .team_top .team_right p{font-size: 15px; line-height:23px;} .team_right .team_link dl dt{width: 30px; height: 30px; line-height:30px;} .team_right .team_link dl dd{width: calc(100% - 30px); height: 30px; line-height:30px; font-size: 13px;} } @media (max-width: 1480px){ .s_hong .hong_right{padding: 40px; width: 500px; top: 160px;} } @media (max-width: 1340px){ .s_hong .hong_right{width: 620px; padding: 50px;} } @media (max-width: 1100px){ .s_hong .hong_left{width: 680px;} .s_hong .hong_right{padding: 40px; width: 500px;} .s_wrap .s_con .team_top .team_left{width: 100%; margin-bottom: 20px;} .s_wrap .s_con .team_top .team_right{width: 100%; padding: 0;} } @media (max-width: 980px){ .s_hong{position: inherit; margin-bottom: 0;} .s_hong .hong_left{width: 100%;} .s_hong .hong_right{position: inherit; right: auto; top:auto; width: 100%; float: left; background-color: transparent; box-shadow:none; padding: 0 20px; margin-top: 30px;} .s_hong .hong_right .hong_link dl{background-color: #fff;} .s_hong .hong_right .hong_link dl dt{background-color: #fff;} .team_right .team_link dl{background-color: #fff;} .team_right .team_link dl dt{background-color: #fff;} } @media (max-width: 840px){ .s_hong .hong_right h4{font-size: 20px; margin-bottom: 10px;} .s_hong .hong_right p{font-size: 15px; line-height:21px;} .s_wrap .s_con .team_top .team_right h4{font-size: 20px;} } @media (max-width: 480px){ .s_hong .hong_right{padding: 0; margin-top: 20px;} .s_hong .hong_right h4{font-size: 18px; margin-bottom: 10px;} .s_hong .hong_right p{font-size: 14px; line-height:18px;} .s_hong .hong_right .hong_link dl{width: 100%; margin: 0; margin-bottom: 10px;} .s_wrap .s_con .team_top{padding: 15px;} .s_wrap .s_con .team_top .team_left{margin-bottom: 15px;} .s_wrap .s_con .team_top .team_right h4{font-size: 16px; margin-bottom: 10px; } .s_wrap .s_con .team_top .team_right p{font-size: 14px; line-height:20px;} .team_right .team_link dl{width: 100%; margin: 0; margin-bottom: 10px;} } /* 동아리 */ .s_wrap .tab{margin-bottom: 30px;} .s_wrap .tab button{border: 1px solid #ddd; background-color: transparent; padding: 0 15px; display:inline-block; font-size: 16px; color:#666; margin-right: 5px; margin-bottom: 5px; transition:0.3s; height: 35px; line-height:35px;} .s_wrap .tab button:hover{background-color: #fbfbfb;} .s_wrap .tab button.active{background-color: #fff; font-weight: bold; color:#222;} .s_wrap .cl_con:after{display:block; content:''; clear:both;} .s_wrap .cl_con .cl_left{width: 600px; float: left; margin-right: 40px;} .s_wrap .cl_con .cl_left img{width: 100%;border-radius: 20px;} .s_wrap .cl_con .cl_right{width: calc(100% - 640px); float: right;} .s_wrap .cl_con .cl_right table tbody p a{color:#aaa; transition:0.3s; vertical-align: middle; font-size: 17px;} .s_wrap .cl_con .cl_right table tbody p a.facebook:hover{color:#3b5998;} .s_wrap .cl_con .cl_right table tbody p a.instagram:hover{color:#dd2a7b;} .s_wrap .cl_con .cl_right table tbody p a.youtube:hover{color:#c4302b;} .s_wrap .cl_con .cl_right table tbody p a.homepage:hover{color:#31ccb0;} @media (max-width: 1240px){ .s_wrap .cl_con .cl_left{width: 50%; float: left; margin-right: 0;} .s_wrap .cl_con .cl_right{width: 50%; float: right; padding-left: 30px;} } @media (max-width: 840px){ .s_wrap .cl_con .cl_left{width: 100%; float: left; margin-right: 0; margin-bottom: 20px;} .s_wrap .cl_con .cl_right{width: 100%; float: right; padding-left: 0px;} } @media (max-width: 640px){ .s_wrap .tab{margin-bottom: 20px;} .s_wrap .tab button{padding: 0 7px; font-size: 15px; margin-right: 3px; margin-bottom: 3px; height: 30px; line-height:30px;} } @media (max-width: 480px){ .s_wrap .tab{margin-bottom: 15px;} .s_wrap .tab button{padding: 0 5px; font-size: 14px; height: 25px; line-height:25px;} } #Accordion_wrap{margin-bottom: 40px;} .que:first-child{border-top: 1px solid #101010;} .que{position: relative; padding: 20px; cursor: pointer; border-bottom: 1px solid #ddd; transition:0.3s;} .que span{font-size: 20px; font-weight: 500; color:#202020; letter-spacing:-0.4px; word-break:keep-all;} .que b{position: absolute;right: 20px;top: 50%;transform:translateY(-50%);font-size: 30px;color: rgb(0 47 255 / 29%);font-weight: normal;transition: .3s;} .que.on > span{font-weight: 600; color: #101010;} .anw{display: none; overflow: hidden; background-color: #fff; padding: 30px;} .anw .anw_con{margin-bottom: 20px;} .anw .anw_con:last-child{margin-bottom: 0;} .anw .anw_con p{font-size: 16px; line-height:26px; color:#444; letter-spacing:-0.4px; word-break:keep-all; text-align: left;} .que.on b{color: rgb(0 47 255);} @media (max-width: 1024px){ .que{padding: 15px 40px 15px 15px;} .que span{font-size: 18px;} .que b{right: 15px;} .anw{padding: 20px;} } @media (max-width: 640px){ .que span{font-size: 16px;} .anw .anw_con p{font-size: 15px; line-height:23px;} } @media (max-width: 480px){ .que span{font-size: 15px;} .anw .anw_con p{font-size: 14px; line-height:22px;} } .wBox{overflow:hidden;position:relative;background-color: #fff;border-radius: 20px;/* max-width: 1280px; */margin: 0 auto;box-shadow: 8px 6px 20px 0 rgba(0, 0, 0, 0.1);} .wBox .inner{position:relative;text-align:center;padding: 40px 40px 40px;} .wBox .tit{} .wBox .tit big{display:block;width:74px;height:74px;margin:0 auto 25px;background: #1550ff;border-radius:50%;font-size:30px;line-height:74px;color:#fff;} .wBox .tit big > i{font-weight:normal;} .wBox .btn-wrap{display:flex;justify-content: center;gap: 20px;} .wBox .btn-wrap > li{width: 100%;} .wBox strong{display:block;background:#f7f7f7;padding: 20px;margin: 25px 0 0;border-radius: 10px;font-weight: 500;font-size: 17px;color: #666;word-spacing:-0.5px;line-height:1.4;} .wBox .down-btn{ position:relative; background:#fff; border: 1px solid #1550ff; color: #1550ff; display:inline-flex; justify-content:space-between; align-items:center; flex-direction:row-reverse; font-size:20px; font-weight:600; letter-spacing:-.5px; padding:19px 30px; width:100%; max-width: 500px; line-height:20px; border-radius: 10px; transition:.3s; } .wBox .down-btn:before{display:inline-block;content:"\f0f3";font-family:'remixicon' !important;font-style:normal;font-size: 23px;font-weight: normal;} .wBox .down-btn:hover{background:#1550ff; color:#fff;} @media (max-width: 767px){ .wBox .inner{padding:25px 20px 20px;} .wBox .down-btn{font-size:17px; padding:15px; min-height:auto;} .wBox strong{margin: 15px 0 0;font-size: 16px;} } /* 셀렉트 박스 공통 */ .selectWr{width:200px; position:relative;} .selectWr .set-box{ width: 100%; height: 43px; font-weight: 600; font-size: 16px; color: #333; padding: 0 0 0 15px; border-radius: 6px; border: 1px solid #E1E1E1; background: url("/images/common/arrow-down-s-line.png") no-repeat top 8px right 10px #ffffff; -webkit-appearance: none; -moz-appearance: none; appearance: none; position:relative; min-width: 150px; } /* 테두리 원형 테이블 */ .cir-table{background:#fff;position:relative;border:1px solid rgba(224, 223, 226, 0.6);border-radius: 15px;padding: 10px;margin:0;} .cir-table .table-cir{width: 100%;} .cir-table .table-cir th, .cir-table .table-cir td{padding:22px 0;font-size: 17px;text-align:center;} .cir-table .table-cir thead th{background:#f9f9f9;font-size: 17px;font-weight:600;letter-spacing:-0.8px;line-height:1.31;} .cir-table .table-cir thead th:first-child{border-top-left-radius: 10px;border-bottom-left-radius: 10px;} .cir-table .table-cir thead th:last-child{border-top-right-radius: 10px;border-bottom-right-radius: 10px;} .cir-table .table-cir tbody tr{border-bottom:1px solid rgba(31, 31, 31, 0.05);} .cir-table .table-cir tbody tr:last-child{border-bottom:0;} .cir-table .table-cir tbody th{font-weight:500;position:relative;display:table-cell;} /*.cir-table .table-cir tbody th.box-th:before{border-radius:5px; background:#f9f9f9; display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1;}*/ .cir-table .table-cir tbody td{padding:25px 0;color:#444;line-height: 1.4;} .cir-table .table-cir .m-block{display:none;} table{width:100%; border-collapse:collapse; border-spacing:0;} .table{position:relative;width:100%;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{width:100%; border-collapse:collapse; border-spacing:0;} .table{position:relative; width:100%; /*margin:20px 0 0 0;*/ background-color:#fff; border-top:1px solid #353541; font-size:17px; line-height:24px;} .table:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#e7e7e7;} .table.fixed{table-layout:fixed;} .table .caption{display:none;} .table.text_center tbody tr td{text-align:center;} .table.text_left tbody tr td{text-align:left;} .table.text_left tbody tr th,.table.text_left thead tr th{text-align:center;} .table.break tbody td,.table.break thead th,.table.break tbody td,.table.break tbody th{word-break:break-all;} .table thead th{padding: 18px 10px;border:1px solid #e7e7e7;border-top:0;border-bottom-color:#e7e7e7;background-color:#f5f5f5;color: #212121;font-size: 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:14px 10px;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;font-weight:400;color: #212121;word-break:keep-all;} .table tbody th{text-align:center;font-size: 18px;color: #212121;font-weight: 500;} .table tbody td{font-size: 17px;} .table tbody td.text-left{text-align:left;padding: 14px 18px;} .table tfoot td:first-child{border-left:none;} .table tbody tr th:last-child{border-right:none;} .table td:last-child{border-right:none;} .table td[rowspan]:first-child{border-right:1px solid #e7e7e7;} .table tbody th + td, .table tbody td + td, .table tfoot td{border-left:1px solid #e7e7e7;} .table tbody td, .table tfoot td{text-align:center;} .table tbody td > ul{margin-top:0;margin-bottom:0;padding-left: 15px;text-align:left;} .table tbody td > ul > li, .table tbody td ol li{font-size:17px;} .table tbody td > ul.po-list_clear{padding-left:0;} .table tbody td > ol{margin-top:0; margin-bottom:0;} .table th.double, .table td.double{border-left:3px double #e7e7e7;} .table .po-list > li > ul >li > ul > li:before, .table .num > li > ul >li > ul > li:before, .table p.blt.type3:before, .table .po-list.third > li:before {top:15px;} .table td.color-1{background:#f1f7fd;} .table td.color-2{background:#edfbf2;} .td-bg1{background:#fff2f2;} .td-bg2{background:#f1f7fd;} .table-tit{font-size:18px; text-align:center; font-weight:600; color:#212121; display:block; margin:10px auto;} .table-color{position:relative;width:100%;background-color:#fff;font-size: 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;} .respo-table tbody .label{display:none; width:65px; color:#444; font-size:13px; font-weight:500; text-align:left; vertical-align:top;} .respo-table tbody .label.w80{width:80px;} .respo-table tbody .label.w100{width:100px;} .respo-table .m-clear{} .respo-table .m-block{display:none;} .respo-table .m-top-th{} .cir-t{background:#fff;position:relative;border:1px solid rgba(224, 223, 226, 0.6);border-radius: 15px;padding: 5px;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: #2469c3;color: #fff;border-color:rgb(255,255,255,.7)} .cir-t table td{background:#fcfcfc;} .cir-t table tbody th{background: rgba(246, 247, 250, 1);border-color:#eee} /*@media (max-width:1170px){ .table-line-box{border:0;} .table.respo-table{border-top:0;} .respo-table thead{display:none;} .respo-table .m-clear{display:none;} .respo-table .m-top-th{display:none;} .respo-table .m-block{display:block;} .respo-table .m-tit{display:block; background:#333; color:#fff; font-size:14px; padding:6px;} .respo-table .m-block br{display:none;} .cir-table .table-cir tbody tr{display:block; width:100%;} .respo-table tbody tr{ display:block; margin:0 0 0.7em 0; border-radius:15px; border:1px solid #e7e7e7; -webkit-box-shadow: 0px 7px 6px -6px rgb(0 0 0 / 28%); -moz-box-shadow: 0px 7px 6px -6px rgba(0,0,0,.28); box-shadow: 0px 7px 6px -6px rgb(0 0 0 / 28%); } .cir-table .table-cir tbody th{display:block;} .respo-table tbody th{font-size:15px; padding:10px; color:#fff; background:#4f687e; width:100%; display:block; border-radius:5px;} .respo-table.bg-bl tbody th{background:#00bfe6;} .respo-table.bg-gr tbody th{background:#96c700;} .respo-table tbody tr td{text-align:left; display:block; padding:0.8em; font-size:14px; line-height:1.5; border-top:0;} .respo-table tbody tr td br{display:none;} .respo-table tbody tr td:nth-child(even){background: #f7f7f7;} .respo-table tbody .label{display:block; float:left; height:34px; line-height:1.7;} .respo-table .tb-num{display:none;} }*/ @media (max-width:1000px){ .dbstg{display: block;} } @media (max-width:800px){ .table_con_wrap{width:100%; overflow-x:auto; white-space:nowrap; padding-bottom:20px;} .table_con_wrap table{width:100%;} .table_con_wrap .table_prev_mo{display:block;} p.mo_hide{display:block;} } @media (max-width: 767px){ .cir-t{padding:0; border:0;} .table thead th, .table tbody th{font-size: 16px;padding: 10px;} .table tbody td{font-size:15px;padding: 10px;} .table tbody td ul li, .table tbody td ol li{font-size:14px;} .table-color tbody th, .table-color tbody td, .table-color tfoot th, .table-color tfoot td{border-bottom:0; border-right:0;} .table-color tbody th + td, .table-color tbody td + td, .table-color tfoot td{border-left:0;} .table-color td:last-child{border-radius:0 0 15px 15px;} .cir-table .respo-table thead{display:none;} .cir-table .respo-table .m-clear{display:none;} .cir-table .respo-table .m-top-th{display:none;} .cir-table .table-cir {width: 100%; display: block;} .cir-table .table-cir .m-block, .cir-table .respo-table .m-block{display:block;} .cir-table .respo-table .mb-tit{font-size:15px; padding:10px; color:#fff; background:#4f687e; width:100%; display:block; border-radius:5px;} .cir-table .respo-table .m-block br{display:none;} .cir-table .table-cir tbody{width:100%; display:block;} .cir-table .table-cir tbody tr{ display:block; margin:0 0 0.7em 0; border-radius:15px; border:1px solid #e7e7e7; -webkit-box-shadow: 0px 7px 6px -6px rgb(0 0 0 / 28%); -moz-box-shadow: 0px 7px 6px -6px rgba(0,0,0,.28); box-shadow: 0px 7px 6px -6px rgb(0 0 0 / 28%); } .cir-table .table-cir tbody th{font-size:15px; padding:10px; color:#fff; background:#4f687e; width:100%; display:block; border-radius:5px;} .cir-table .table-cir tbody th br{display:none;} .cir-table .table-cir tbody tr td{text-align:left;display: flex;gap: 15px;padding:0.8em;font-size:14px;line-height:1.5;border-top:0;} .cir-table .table-cir tbody tr td br{display:none;} .cir-table .table-cir tbody tr td:nth-child(even){background: #f7f7f7;} .cir-table .table-cir tbody .label{display:block;font-size: 14px;line-height:1.7;padding: 0;color: #222;} .cir-table .table-cir .tb-num{display:none;} } /*모바일 가로 스크롤*/ .table_wrap{position:relative;} .table_wrap table{width: 100%; border-spacing:0px;} .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:10;} .table_wrap .table_prev_mo ul{position:absolute; top:50%; left:50%; margin:-11px 0 0 -75px;} .table_wrap .table_prev_mo ul:after{content: ''; display:block; clear:both;} .table_wrap .table_prev_mo ul li{float:left;} .table_wrap .table_prev_mo ul li p{font-size:15px; color:#fff;} .table_wrap .table_prev_mo ul li i{margin-top:4px; font-size:12px; color:#fff; animation:prevarrow .5s ease-in infinite alternate;} @media (max-width:1024px){ .table_wrap{width:100%; overflow-x:auto; white-space:nowrap; padding-bottom:20px;} .table_wrap::-webkit-scrollbar{height: 10px; /* 스크롤바의 너비 */} .table_wrap::-webkit-scrollbar-thumb{height: 20%; /* 스크롤바의 길이 */background: #444; /* 스크롤바의 색상 */ border-radius: 10px;} .table_wrap::-webkit-scrollbar-track{background: #ddd; /*스크롤바 뒷 배경 색상*/} .table_wrap table{width:100%;} .table_wrap table thead tr th{font-size: 16px; padding:12px 10px;} .table_wrap table tbody tr td{padding: 10px; color:#444; font-size: 15px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; word-break:keep-all;} .table_wrap .table_prev_mo{display:block;} } @media (max-width: 640px){ .table_wrap::-webkit-scrollbar{height: 6px;} } /* sub1_5 학부연구소 */ .s_wrap h1.s_tit a.link{position: absolute;right: 0;top: 0;border: 1px solid #ddd;background-color: rgba(255,255,255,.4);color:#808080;font-size: 14px;border-radius: 6px;padding: 7px 15px;transition:0.3s;} .s_wrap h1.s_tit a.link:hover{background-color: #fff; color:#333;} .s_con .lab_top{text-align: left;background-color: #fafafa;padding: 40px;border-radius: 20px;} .s_con .lab_top p{font-size: 16px; line-height:26px; letter-spacing:-0.4px; word-break:keep-all;} .s_con .lab_top p a{text-decoration:underline; transition:0.3s;} .s_con .lab_top p a:hover{background-color: rgb(49 204 176 / 20%);} .s_con .lab_top ul li{font-size: 16px; line-height:26px; letter-spacing:-0.4px; word-break:keep-all; position: relative; padding-left: 15px;} .s_con .lab_top ul li:after{display:block; content:''; width: 4px; height: 4px; border-radius:50%; background-color: #bbb; display:block; position: absolute; left: 0; top: 10px;} .s_con .lab_top .lab_box{margin-bottom: 40px;} .s_con .lab_top .lab_box:last-child{margin-bottom: 0;} .s_con .lab_top .lab_box h5{font-weight: bold; color:#333; font-size: 18px; margin-bottom: 10px; word-break:keep-all;} .s_con .lab_top .lab_box ul li{font-size: 16px; line-height:26px; color:#666; padding-left: 15px; position: relative; letter-spacing:-0.4px; word-break:keep-all;} .s_con .lab_top .lab_box ul li:after{position: absolute; left: 0; top: 10px; width: 4px; height: 4px; border-radius:50%; background-color: #bbb; display:block; content:'';} @media (max-width: 840px){ .s_wrap h1.s_tit a.link{font-size: 13px; padding: 5px 12px; top: 5px;} .s_con .lab_top{padding: 30px;} .s_con .lab_top p{font-size: 15px; line-height:23px;} .s_con .lab_top ul li{font-size: 15px; line-height:23px;} .s_con .lab_top .lab_box h5{font-size: 17px;} .s_con .lab_top .lab_box ul li{font-size: 15px; line-height:23px; padding-left: 10px;} } @media (max-width: 640px){ .s_wrap h1.s_tit a.link{top: 0;} } @media (max-width: 480px){ .s_wrap h1.s_tit a.link{font-size: 12px; padding: 3px 7px;} .s_con .lab_top{padding: 20px;} .s_con .lab_top p{font-size: 14px; line-height:22px;} .s_con .lab_top ul li{font-size: 14px; line-height:22px; padding-left: 10px;} .s_con .lab_top ul li:after{width: 3px; height: 3px; top: 8px;} .s_con .lab_top .lab_box{margin-bottom: 20px;} .s_con .lab_top .lab_box h5{font-size: 16px; margin-bottom: 5px;} .s_con .lab_top .lab_box ul li{font-size: 14px; line-height:22px;} .s_con .lab_top .lab_box ul li:after{top: 9px;} } /* sub3_1 교육목표 */ .s_wrap .s_con .tar_top{background-image: url('../images/sub/tar_img.jpg');background-attachment:fixed;height: 300px;background-position: center;display:flex;flex-wrap:wrap;border-radius: 20px;justify-content:center;align-items:center;text-align: center;} .s_wrap .s_con .tar_top h4{font-size: 20px; font-weight: bold; line-height:30px; color:#fff; letter-spacing:-0.4px; word-break:keep-all; text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2); padding: 0 40px;} .s_wrap .tar_con{margin-top: 20px;} .s_wrap .tar_con > ul{display:flex; flex-wrap:wrap;} .s_wrap .tar_con > ul:after{display:block; content:''; clear:both;} .s_wrap .tar_con > ul > li{float: left;width: 16.222%;margin-right: 0.5%;border-radius: 20px;border: 1px solid #eee;padding: 30px;text-align: center;background-color: #fff;} .s_wrap .tar_con > ul > li:last-child{margin-right: 0;} .s_wrap .tar_con > ul > li img{width: 80px; margin-bottom: 20px;} .s_wrap .tar_con > ul > li p{font-size: 16px; line-height:24px; color:#444; letter-spacing:-0.4px; word-break:keep-all;} .s_wrap .tar_con2 > ul > li{width: 19.6%; margin-right: 0.5%;} .s_wrap .tar_con2 > ul > li ul.tar_ul{margin-top: 10px; padding-top: 10px; border-top: 1px dashed #ddd;} .s_wrap .tar_con2 > ul > li ul.tar_ul li{font-size: 15px; line-height:21px; color:#666; letter-spacing:-0.4px; word-break:keep-all;} @media (max-width: 1640px){ .s_wrap .tar_con > ul > li{width: 32.333%; margin-right: 1.5%; margin-bottom: 1.5%;} .s_wrap .tar_con > ul > li:nth-of-type(3n){margin-right: 0;} } @media (max-width: 1024px){ .s_wrap .s_con .tar_top{height: 240px;} .s_wrap .s_con .tar_top h4{font-size: 18px; line-height:26px;} .s_wrap .tar_con > ul > li img{width: 64px; margin-bottom: 15px;} .s_wrap .tar_con > ul > li p{font-size: 15px; line-height:21px;} } @media (max-width: 640px){ .s_wrap .s_con .tar_top{position: inherit; padding: 40px 20px; height: auto;} .s_wrap .s_con .tar_top h4{font-size: 17px; line-height:23px; position: inherit; padding: 0;} .s_wrap .tar_con > ul > li{width: 49%; margin-right: 2%; margin-bottom: 2%;} .s_wrap .tar_con > ul > li img{width: 48px; margin-bottom: 10px;} .s_wrap .tar_con > ul > li:nth-of-type(2n){margin-right: 0;} .s_wrap .tar_con > ul > li:nth-of-type(3n){margin-right: 2%;} .s_wrap .tar_con > ul > li:last-child{margin-right: 0;} .s_wrap .tar_con2 > ul > li ul.tar_ul{margin-top: 7px; padding-top: 7px;} .s_wrap .tar_con2 > ul > li ul.tar_ul li{font-size: 14px; line-height:20px;} } @media (max-width: 480px){ .s_wrap .s_con .tar_top h4{font-size: 16px; line-height:22px;} .s_wrap .tar_con > ul > li{width: 100%; margin-right: 0; margin-bottom: 10px; padding: 20px;} .s_wrap .tar_con > ul > li:nth-of-type(3n){margin-right: 0%;} .s_wrap .tar_con > ul > li p{font-size: 14px; line-height:20px;} .s_wrap .tar_con2 > ul > li ul.tar_ul li{font-size: 13px; line-height:19px;} } .get_con h2{padding: 30px;background-color: #2e2e2e;font-size: 22px;color:#fff;text-align: center;border-radius: 20px;margin-bottom: 40px;position: relative;letter-spacing:-0.4px;word-break:keep-all;} .get_con h2:after{position: absolute; width: 1px; height: 20px; display:block; content:''; background-color: #bbb; left: 49.999%; bottom: -20px;} .get_con h2:before{position: absolute;width: 962px;height: 1px;display:block;content:'';background-color: #bbb;left: 50%;transform:translateX(-50%);bottom: -20px;} .get_con .get_box{margin-bottom: 40px;} .get_con .get_box:after{display:block; content:''; clear:both;} .get_con .get_box .get_sen{width: 32.333%; margin-right: 1.5%; float: left;} .get_con .get_box .get_sen:last-child{margin-right: 0;} .get_con .get_box .get_sen h3{font-size: 18px;color:#fff;padding: 20px;text-align: center;border-radius: 20px;position: relative;margin-bottom: 10px;letter-spacing:-0.4px;word-break:keep-all;} .get_con .get_box .get_sen h3:after{position: absolute; width: 1px; height: 20px; display:block; content:''; background-color: #bbb; left: 50%; top: -20px;} .get_con .get_box .get_sen:nth-of-type(1) h3{background-color: #31ccb1;} .get_con .get_box .get_sen:nth-of-type(2) h3{background-color: #2fadbb;} .get_con .get_box .get_sen:nth-of-type(3) h3{background-color: #2c91c4;} .get_con .get_box .get_sen ul li{background-color: #fafafa;padding: 20px;margin-bottom: 10px;text-align: center;border-radius: 20px;letter-spacing:-0.4px;word-break:keep-all;} .get_con .get_box .get_sen ul li span{color:#444; font-size: 15px; font-weight: 600; display:block; margin-bottom: 5px;} .get_con .get_box .get_sen ul li h4{font-size: 17px;} .get_con .get_box .get_sen:nth-of-type(1) ul li h4{color:#31ccb1;} .get_con .get_box .get_sen:nth-of-type(2) ul li h4{color:#2fadbb;} .get_con .get_box .get_sen:nth-of-type(3) ul li h4{color:#2c91c4;} .get_con .get_box .get_sen ul li:last-child{text-align: left;} .get_con .get_box .get_sen ul li p{font-size: 16px; color:#101010; position: relative; line-height:26px; padding-left: 10px; letter-spacing:-0.4px; word-break:keep-all;} .get_con .get_box .get_sen ul li p:after{width: 4px; height: 4px; background-color: #bbb; display:block; content:''; position: absolute; left: 0; top: 10px;} .get_con h5{position: relative;padding: 30px;background-color: #fff;border: 7px solid #eee;font-size: 22px;border-radius: 20px;color:#101010;text-align: center;letter-spacing:-0.4px;word-break:keep-all;} .get_con h5:after{position: absolute; bottom: 20px; left: 50%; transform:translateX(-50%); content: " "; height: 0; z-index: -1; border-bottom: 120px solid; border-left: 125px solid rgba(0, 0, 0, 0); border-right: 125px solid rgba(0, 0, 0, 0); color: #eee;} @media (max-width: 1700px){ .get_con h2:before{width: 68%;} } @media (max-width: 1340px){ .get_con h2{padding: 25px; font-size: 20px;} .get_con .get_box .get_sen h3{font-size: 17px; padding: 15px;} .get_con .get_box .get_sen ul li{padding: 15px;} .get_con .get_box .get_sen ul li span{font-size: 14px;} .get_con .get_box .get_sen ul li h4{font-size: 16px;} .get_con .get_box .get_sen ul li p{font-size: 15px; line-height:23px;} .get_con h5{font-size: 20px; padding: 25px;} .get_con h5:after{border-bottom: 105px solid; border-left: 100px solid rgba(0, 0, 0, 0); border-right: 100px solid rgba(0, 0, 0, 0);} } @media (max-width: 1024px){ .get_con h2{padding: 20px; font-size: 18px; margin-bottom: 10px;} .get_con h2:after{display:none;} .get_con h2:before{display:none;} .get_con .get_box .get_sen{width: 100%; margin-right: 0; float: inherit;} .get_con .get_box .get_sen h3:after{display:none;} .get_con h5{padding: 20px; font-size: 18px;} .get_con h5:after{border-bottom:85px solid; border-left: 70px solid rgba(0, 0, 0, 0); border-right: 70px solid rgba(0, 0, 0, 0);} } @media (max-width: 640px){ .get_con h2{padding: 15px; font-size: 17px;} .get_con .get_box .get_sen h3{font-size: 16px; padding: 12px;} .get_con .get_box .get_sen ul li{padding: 12px;} .get_con .get_box .get_sen ul li span{font-size: 13px;} .get_con .get_box .get_sen ul li h4{font-size: 15px;} .get_con .get_box .get_sen ul li p{font-size: 14px; line-height:22px;} .get_con h5{padding: 15px; font-size: 17px;} } @media (max-width: 480px){ .get_con .get_box{margin-bottom: 20px;} .get_con h2{padding: 12px; font-size: 16px;} .get_con h5{padding: 12px; font-size: 16px;} .get_con h5:after{display:none;} } /* sub3_1 인재상 */ .s_wrap .go_con dl{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ddd; display:flex; justify-content:center; align-items:center;} .s_wrap .go_con dl:after{display:block; content:''; clear:both;} .s_wrap .go_con dl:last-child{border-bottom: none;} .s_wrap .go_con dl dt{font-size: 22px; font-weight: bold; color:#222; float: left; width: 260px; margin-right: 40px; word-break:keep-all; letter-spacing:-0.4px; text-align: center;} .s_wrap .go_con dl dd{width: calc(100% - 300px); float: left;} .s_wrap .go_con dl.part1 dd{font-size: 22px;color:#fff;text-align: center;word-break:keep-all;letter-spacing:-0.4px;padding: 30px;border-radius: 20px;font-weight: bold;background: rgb(49,204,176);background: -moz-linear-gradient(90deg, rgba(49,204,176,1) 0%, rgba(44,144,196,1) 100%);background: -webkit-linear-gradient(90deg, rgba(49,204,176,1) 0%, rgba(44,144,196,1) 100%);background: linear-gradient(90deg, rgba(49,204,176,1) 0%, rgba(44,144,196,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#31ccb0",endColorstr="#2c90c4",GradientType=1);} .s_wrap .go_con dl.part2 dd ul:after{display:block; content:''; clear:both;} .s_wrap .go_con dl.part2 dd ul li{width: 24%;margin-right: 1.3%;float: left;padding: 20px;font-size: 17px;border-radius: 20px;background-color: #4b4b4b;color:#fff;text-align: center;word-break:keep-all;letter-spacing:-0.4px;} .s_wrap .go_con dl.part2 dd ul li:last-child{margin-right: 0;} .s_wrap .go_con dl.part3 dd ul:after{display:block; content:''; clear:both;} .s_wrap .go_con dl.part3 dd ul li{width: 19%;margin-right: 1.2%;float: left;border-radius: 20px;padding: 20px;font-size: 17px;background-color: #757575;color:#fff;text-align: center;word-break:keep-all;letter-spacing:-0.4px;} .s_wrap .go_con dl.part3 dd ul li:last-child{margin-right: 0;} .s_wrap .go_con dl.part4 dd ul{display:flex; flex-wrap:wrap;} .s_wrap .go_con dl.part4 dd ul:after{display:block; content:''; clear:both;} .s_wrap .go_con dl.part4 dd ul li{width:32.333%;margin-right: 1.5%;float: left;border-radius: 20px;overflow: hidden;border: 1px solid #ddd;text-align: center;} .s_wrap .go_con dl.part4 dd ul li:last-child{margin-right: 0;} .s_wrap .go_con dl.part4 dd ul li h4{background-color: #eee;width: 100%;padding: 15px;font-size: 16px;text-align: center;border-bottom: 1px solid #ddd;word-break:keep-all;letter-spacing:-0.4px;} .s_wrap .go_con dl.part4 dd ul li > div{padding: 15px;} .s_wrap .go_con dl.part4 dd ul li > div p{padding-left: 10px; font-size: 15px; color:#666; word-break:keep-all; letter-spacing:-0.4px; line-height:25px; position: relative; text-align: left;} .s_wrap .go_con dl.part4 dd ul li > div p:after{position: absolute; width: 4px; height: 4px; background-color: #666; border-radius:50%; display:block; content:''; left: 0; top: 10px;} .s_wrap .go_con dl.part4 dd ul li > img{padding: 20px; padding-bottom: 0; display:block; margin: 0 auto;} @media (max-width: 1640px){ .s_wrap .go_con dl dt{font-size: 20px; width: 240px; margin-right: 30px;} .s_wrap .go_con dl dd{width: calc(100% - 270px);} .s_wrap .go_con dl.part1 dd{font-size: 20px; padding: 25px;} .s_wrap .go_con dl.part2 dd ul li{font-size: 16px;} .s_wrap .go_con dl.part3 dd ul li{font-size: 16px;} } @media (max-width: 1240px){ .s_wrap .go_con dl{display:block;} .s_wrap .go_con dl dt{width: 100%; margin-right: 0; text-align: left; margin-bottom: 15px;} .s_wrap .go_con dl dd{width: 100%;} } @media (max-width: 840px){ .s_wrap .go_con dl{margin-bottom: 15px; padding-bottom: 15px;} .s_wrap .go_con dl dt{font-size: 18px; margin-bottom: 10px;} .s_wrap .go_con dl.part1 dd{font-size: 18px; padding: 20px;} .s_wrap .go_con dl.part2 dd ul li{font-size: 15px; padding: 10px;} .s_wrap .go_con dl.part3 dd ul li{font-size: 15px; padding: 10px;} .s_wrap .go_con dl.part4 dd ul li h4{font-size: 15px; padding: 10px;} .s_wrap .go_con dl.part4 dd ul li > div{padding: 10px;} .s_wrap .go_con dl.part4 dd ul li > div p{font-size: 14px; line-height:20px; padding-left: 8px;} .s_wrap .go_con dl.part4 dd ul li > div p:after{width: 3px; height: 3px; top: 8px;} .s_wrap .go_con dl.part4 dd ul li > img{width: 48px; padding: 0; margin-top: 20px;} } @media (max-width: 640px){ .s_wrap .go_con dl.part2 dd ul li{width: 49%; margin-right: 2%; margin-bottom: 2%;} .s_wrap .go_con dl.part2 dd ul li:nth-of-type(2n){margin-right: 0;} .s_wrap .go_con dl.part3 dd ul li{width: 49%; margin-right: 2%; margin-bottom: 2%;} .s_wrap .go_con dl.part3 dd ul li:nth-of-type(2n){margin-right: 0;} .s_wrap .go_con dl.part4 dd ul li{width: 100%; margin-right: 0; margin-bottom: 10px;} } @media (max-width: 480px){ .s_wrap .go_con dl dt{font-size: 17px;} .s_wrap .go_con dl.part1 dd{font-size: 16px; padding: 15px;} .s_wrap .go_con dl.part2 dd ul li{font-size: 14px; padding: 7px;} .s_wrap .go_con dl.part3 dd ul li{font-size: 14px; padding: 7px;} .s_wrap .go_con dl.part4 dd ul li h4{font-size: 14px; padding: 10px;} .s_wrap .go_con dl.part4 dd ul li > div p{font-size: 13px; line-height:19px;} } /* sub3_2 전공소개 */ .s_wrap .s_list{margin-bottom: 20px;} .s_wrap .s_list ul li{font-size: 16px; line-height:26px; padding-left: 15px; position: relative; color:#222; letter-spacing:-0.4px; word-break:keep-all; } .s_wrap .s_list ul li:after{position: absolute; left: 0; top: 10px; background-color: #bbb; border-radius:50%; display:block; content:''; width: 4px; height: 4px;} .s_wrap .s_list ul li small{color:#999; font-weight: lighter;} .s_wrap .data_top dl.data_vis{display:flex; flex-wrap:wrap; justify-content:center; align-items:center;} .s_wrap .data_top dl.data_vis:after{display:block; content:''; clear:both;} .s_wrap .data_top dl.data_vis dd{width: 200px; height:200px; border-radius:50%; border: 3px solid #2c90c4; text-align: center; /* float: left; */ margin-right: 90px; padding-top: 40px; position: relative;} .s_wrap .data_top dl.data_vis dd:after{display:block; content:''; width: 70px; position: absolute; right: -80px; top: 50%; transform:translateY(-50%); height: 1px; border: 2px dashed #2c90c4;} .s_wrap .data_top dl.data_vis dd:last-child{/* float: right; */ margin-right: 0; margin-left: 90px;} .s_wrap .data_top dl.data_vis dd:last-child:after{left: -80px;} .s_wrap .data_top dl.data_vis dd span{color:#2c90c4; font-size: 15px; font-weight: 500; display:block; margin-bottom: 20px;} .s_wrap .data_top dl.data_vis dd p{color:#444; font-size: 16px; line-height:22px; padding: 0 20px; word-break:keep-all; letter-spacing:-0.4px;} .s_wrap .data_top dl.data_vis dt{width: 260px; height: 260px; border-radius:50%; background-color: #2c90c4; text-align: center; display:table;} .s_wrap .data_top dl.data_vis dt p{color:#fff; font-weight: bold; font-size: 20px; line-height:28px; word-break:keep-all; letter-spacing:-0.4px; display:table-cell; vertical-align: middle;} .s_wrap .data_top.big dl.data_vis dd {width:280px; height:280px;} .s_wrap .data_top.big dl.data_vis {} @media (max-width: 1240px){ .s_wrap .data_top dl.data_vis dt{width: 240px; height: 240px;} .s_wrap .data_top dl.data_vis dt p{font-size: 18px; line-height:24px;} .s_wrap .data_top dl.data_vis dd:after{border:1px dashed #2c90c4;} .s_wrap .data_top dl.data_vis dd:after{right: -85px;} .s_wrap .data_top dl.data_vis dd:last-child:after{left: -85px;} .s_wrap .data_top dl.data_vis dd span{margin-bottom: 15px;} .s_wrap .data_top dl.data_vis dd p{font-size: 15px; line-height:21px;} .s_wrap .data_top.big dl.data_vis dd{width: 100%; height: auto; border-radius:0px; padding: 15px; margin-right: 0;} .s_wrap .data_top.big dl.data_vis dt{width: 100%; height: auto; border-radius:0px; padding: 20px;} .s_wrap .data_top.big dl.data_vis dt p br{display:none;} .s_wrap .data_top.big dl.data_vis dd{width: 100%; height: auto; border-radius:0px; padding: 15px; margin-right: 0;} .s_wrap .data_top.big dl.data_vis dd:last-child{margin-left: 0;} .s_wrap .data_top.big dl.data_vis dd:after{display:none;} .s_wrap .data_top.big dl.data_vis dd span{margin-bottom: 5px; font-size: 14px;} .s_wrap .data_top.big dl.data_vis dd p{font-size: 14px; line-height:20px;} } @media (max-width: 940px){ .s_wrap .data_top dl.data_vis dt{width: 100%; height: auto; border-radius:0px; padding: 20px;} .s_wrap .data_top dl.data_vis dt p br{display:none;} .s_wrap .data_top dl.data_vis dd{width: 100%; height: auto; border-radius:0px; padding: 15px; margin-right: 0;} .s_wrap .data_top dl.data_vis dd:last-child{margin-left: 0;} .s_wrap .data_top dl.data_vis dd:after{display:none;} .s_wrap .data_top dl.data_vis dd span{margin-bottom: 5px; font-size: 14px;} .s_wrap .data_top dl.data_vis dd p{font-size: 14px; line-height:20px;} } @media (max-width: 640px){ .s_wrap .s_list ul li{font-size: 15px; line-height:23px;} .s_wrap .data_top dl.data_vis dt{padding: 15px;} .s_wrap .data_top dl.data_vis dt p{font-size: 16px; line-height:22px;} } @media (max-width: 480px){ .s_wrap .s_list ul li{font-size: 14px; line-height:22px; padding-left: 10px;} .s_wrap .s_list ul li:after{width: 3px; height: 3px; top: 8px;} .s_wrap .data_top dl.data_vis dt{padding: 10px;} .s_wrap .data_top dl.data_vis dd, .s_wrap .data_top.big dl.data_vis dd{padding: 10px;} .s_wrap .data_top dl.data_vis dd span{font-size: 13px;} } /* sub3_3_a 인공지능컴퓨팅 전공*/ .ai_top:after{display:block; content:''; clear:both;} .ai_top dl{float: left; width: 24%; margin-right: 1.333%;} .ai_top dl:last-child{margin-right: 0;} .ai_top dl dt{font-size: 20px; font-weight: bold; color:#101010; text-align: center; margin-bottom: 15px;} .ai_top dl dd{padding: 15px;background-color: #fff;margin-bottom: 10px;transition:0.3s;border-radius: 15px;border: 1px solid #efefef;} .ai_top dl dd:hover{box-shadow: 2px 2px 10px rgba(0,0,0,.2);} .ai_top dl dd > img{display:block; margin: 0 auto; max-width:260px; width: 100%;} .ai_mi{margin-bottom: 20px;} .ai_mi h2{width: 300px; border-radius:50px; color:#fff; font-size: 20px; font-weight: bold; text-align: center; padding: 20px; margin: 0 auto 30px; background: rgb(49,204,176); background: -moz-linear-gradient(90deg, rgba(49,204,176,1) 0%, rgba(44,144,196,1) 100%); background: -webkit-linear-gradient(90deg, rgba(49,204,176,1) 0%, rgba(44,144,196,1) 100%); background: linear-gradient(90deg, rgba(49,204,176,1) 0%, rgba(44,144,196,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#31ccb0",endColorstr="#2c90c4",GradientType=1);} .ai_mi dl{text-align: center; margin: 0 auto 30px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;} .ai_mi dl:after{display:block; content:''; clear:both;} .ai_mi dl .ai_cir{width: auto; float: left; margin-right: 5%;} .ai_mi dl .ai_cir:last-child{margin-right: 0;} .ai_mi dl dd{font-size: 18px; color:#101010; font-weight: 600; text-align: center; position: relative;} .ai_mi dl dd:first-child:after{position: absolute; top: 35%; right: -40px; content: ''; height: 0; z-index: -1; border-bottom: 7px solid; border-left: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0); color: #2c90c4; animation: blink-effect 1s step-end infinite; transform: rotate(-270deg); -webkit-transform: rotate(-270deg); -moz-transform: rotate(-270deg); -o-transform: rotate(-270deg);-ms-transform: rotate(-270deg);} .ai_mi dl dd:last-child:after{position: absolute; top: 35%; left: -40px; content: ''; height: 0; z-index: -1; border-bottom: 7px solid; border-left: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0); color: #2c90c4; animation: blink-effect 1s step-end infinite; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);} .ai_mi dl dt ul{border: 1px solid #ddd; border-radius:95px; padding: 15px;} .ai_mi dl dt ul:after{display:block; content:''; clear:both;} .ai_mi dl dt ul li{background-color: rgba(49,204,176,1); width: 160px; height: 160px; font-size: 18px; color:#fff; text-align: center; border-radius:50%; word-break:keep-all; font-weight: 600; letter-spacing:-0.4px; float: left; margin-right: 20px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding: 15px;} .ai_mi dl dt ul li:nth-of-type(1){background-color: #31ccb1;} .ai_mi dl dt ul li:nth-of-type(2){background-color: #2fadbb;} .ai_mi dl dt ul li:nth-of-type(3){background-color: #2c91c4; margin-right: 0;} .ai_mi .ai_con{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;} .ai_mi .ai_con:after{display:block; content:''; clear:both;} .ai_mi .ai_con > ul{width: 20%; background-color: #fff; border-radius:30px; float: left; margin-right: 2%; padding: 25px;} .ai_mi .ai_con > ul li{font-size: 16px; line-height:24px; word-break:keep-all; letter-spacing:-0.4px; color:#444; position: relative; padding-left: 10px;} .ai_mi .ai_con > ul li:after{width: 4px; height: 4px; background-color: #bbb; border-radius:50%; display:block; content:''; position: absolute; left: 0; top: 10px;} .ai_bot ul{padding: 20px;background-color: #2e2e2e;border-radius: 20px;} .ai_bot ul:after{display:block; content:''; clear:both;} .ai_bot ul li{width: 33.333%; border-right: 1px solid rgba(255,255,255,.2); text-align: center; float: left;} .ai_bot ul li:last-child{border-right: none;} .ai_bot ul li h4{font-size: 18px; font-weight: 600; color:#fff; margin-bottom: 10px;} .ai_bot ul li p{font-size: 16px; color:#fff; opacity:0.8;} .triangle-down{width: 0; height: 0; border-left: 150px solid transparent; border-right: 150px solid transparent; border-bottom: 68px solid #e9e9e9; margin: 0 auto;} .rectangle{height: 57px; width: 180px; background: #e9e9e9; background: linear-gradient(to top, #ffffff00, #e9e9e9); margin: 0 auto 20px;} @media (max-width: 1024px){ .ai_top dl dt{font-size: 18px;} .ai_top dl dd{padding: 10px 15px;} .ai_mi h2{width: 220px; font-size: 18px; padding: 15px 20px; margin: 0 auto 20px;} .ai_mi dl{margin: 0 auto 20px;} .ai_mi dl .ai_cir{margin-right: 4%;} .ai_mi dl dt ul li{width: 140px; height: 140px; font-size: 17px; margin-right: 10px; padding: 10px;} .ai_mi dl dt ul{padding: 10px;} .ai_mi dl dd{font-size: 17px;} .ai_mi dl dd:first-child:after{right: -25px;} .ai_mi dl dd:last-child:after{left: -25px;} .ai_mi .ai_con > ul{width: 30%; padding: 20px;} .ai_mi .ai_con > ul li{font-size: 15px; line-height:23px;} .triangle-down{border-left: 120px solid transparent; border-right: 120px solid transparent; border-bottom: 45px solid #e9e9e9;} .rectangle{height: 35px; width: 130px;} .ai_bot ul li h4{font-size: 17px; margin-bottom: 5px;} .ai_bot ul li p{font-size: 15px;} } @media (max-width: 780px){ .ai_mi dl{display:block;} .ai_mi dl .ai_cir{float: inherit; display:block; width: 100%; margin-bottom: 30px;} .ai_mi dl dt.ai_cir{width: auto!important; display:inline-block;} .ai_mi dl dd:first-child:after{top: auto; bottom: -20px; right: auto; left: 49%; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);} .ai_mi dl dd:last-child:after{top: -20px; left: 49%; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);-ms-transform: rotate(0deg);} } @media (max-width: 640px){ .ai_top dl{float: left; width: 49%; margin-right: 2%; margin-bottom: 20px; border: 1px solid #ddd; padding: 15px;} .ai_top dl:nth-of-type(2n){margin-right: 0;} .ai_top dl:last-child{margin-right: 0;} .ai_top dl dt{font-size: 17px;} } @media (max-width: 580px){ .ai_mi dl .ai_cir{margin-bottom: 20px; margin-right: 0;} .ai_mi dl dt.ai_cir{display:block; width: 100%;} .ai_mi dl dt ul{border-radius:20px;} .ai_mi dl dt ul li{width: 100%; height: auto; font-size: 16px; margin-right: 0; margin-bottom: 10px; border-radius:20px;} .ai_mi dl dt ul li:last-child{margin-bottom: 0;} .ai_mi dl{margin-bottom: 0;} .ai_mi dl dd:first-child:after{bottom: -15px;} .ai_mi dl dd:last-child:after{top: -15px;} .ai_mi .ai_con > ul{width: 100%; padding: 15px; border-radius:20px; margin-bottom: 10px;} .ai_bot ul li{width: 100%; border-right: none; float: inherit; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.2);} .ai_bot ul li:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: none;} } @media (max-width: 480px){ .ai_top dl{float: left; width: 100%; margin-right: 0; padding: 10px;} .ai_top dl dt{font-size: 16px; margin-bottom: 10px;} .ai_mi{margin-bottom: 10px;} .ai_mi h2{width: 100%; padding: 10px 15px; font-size: 17px;} .ai_mi dl .ai_cir{font-size: 16px;} .ai_mi dl dt ul li{font-size: 15px;} .ai_mi .ai_con > ul li{font-size: 14px; line-height:22px;} .triangle-down{border-left: 80px solid transparent; border-right: 80px solid transparent; border-bottom: 25px solid #e9e9e9;} .rectangle{height: 20px; width: 100px;} .ai_bot ul{padding: 15px;} .ai_bot ul li{margin-bottom: 10px; padding-bottom: 10px;} .ai_bot ul li h4{font-size: 16px;} .ai_bot ul li p{font-size: 14px;} } .ai_table{overflow-x: auto;overflow-y:clip;} .ai_table::-webkit-scrollbar{height: 10px; /* 스크롤바 너비 */} .ai_table::-webkit-scrollbar-thumb{height: 20%; /* 스크롤바 길이 */ background: #444; /* 스크롤바 색상 */border-radius: 10px;} .ai_table::-webkit-scrollbar-track{background: #ddd; /* 스크롤바 뒷 배경 색상 */} .ai_con table{border-spacing:4px;border-top: none;border-left: none;border-collapse: separate;} .ai_con table thead tr th{background-color: #2e2e2e; border-radius:10px; color:#fff; border-bottom: none; border-right: none;} .ai_con table tbody tr th{border-radius:10px;border-bottom: none;border-right: none;background-color: #2f4c8e;color:#fff;} .ai_con table tbody tr td{border-radius:10px; border-bottom: none; border-right: none; background-color: #fff; border: 1px solid #eee;} .ai_con table tbody tr td.line{position: relative;} /*.ai_con table tbody tr td.line:after{width: 450px; height: 2px; background-color: #bbb; display:block; content:''; position: absolute; right: -450px; top: 42%;}*/ .ai_con table tbody tr td.line:after{width: 512px;height: 2px;background-color: #bbb;display:block;content:'';position: absolute;right: -513px;top: 49%;} .ai_con table tbody tr td.line2:after{width: 373px;height: 2px;background-color: #bbb;display:block;content:'';position: absolute;right: 655px;top: 58.9%;} .ai_con table tbody tr td.line3:before{width: 50px;height: 2px;background-color: #bbb;display:block;content:'';position: absolute;right: 838px;top: 65%;transform: rotate(90deg);} .ai_con table tbody tr td.line3:after{width: 209px;height: 2px;background-color: #bbb;display:block;content:'';position: absolute;right: 655px;top: 63%;} .ai_con .caption{margin: 15px auto; text-align: right;} .ai_con .caption span{margin-left: 10px; padding: 5px 10px; font-size: 15px; color:#444; border-radius:5px; border: 1px solid #eee;} @media (max-width: 1024px){ .ai_table{overflow-x:auto; overflow-y:auto;} .ai_con table tbody tr td.line:after{width: 632px; right: -632px; top: 49%;} } /* sub3_6 faq */ .faq_video ul:after{display:block; content:''; clear:both;} .faq_video > ul > li{width: 49%; float: left; margin-right: 2%; padding: 20px; background-color: #fff; border: 1px solid #ddd; margin-bottom: 20px; transition:0.3s;} .faq_video > ul li:nth-of-type(2n){margin-right: 0;} .faq_video > ul > li iframe{width: 100%; height: 320px; margin-bottom: 15px; border: 1px solid #ddd;} .faq_video > ul > li img{width: 100%;height: 320px;margin-bottom: 15px;border-radius: 15px;border: 1px solid #ddd;} .faq_video > ul > li p{font-size: 15px; color:#666; font-weight: 400; letter-spacing:-0.4px; word-break:keep-all; line-height:21px; text-align: center;} .faq_video > ul > li:hover{transform:translateY(-5px); box-shadow:2px 2px 14px rgba(0,0,0,.2);} .faq_video ul.faq_half > li{width: 24%; margin-right: 1.333%; padding: 0px; background-color: transparent; border: 1px solid transparent;} .faq_video ul.faq_half > li:hover{box-shadow: none;} .faq_video > ul.faq_half li:nth-of-type(4n){margin-right: 0;} .faq_video > ul.faq_half li iframe{height: 180px;} .faq_video > ul.faq_half li img{height: 180px;} .faq_video > ul.faq_half li > p{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ddd;} .faq_video ul.faq_half > li:hover > p{color:#101010; font-weight: 600;} .faq_video > ul > li ul.team_sen{background-color: #f7f7f7; padding: 10px;} .faq_video > ul > li ul.team_sen li{padding-left: 10px; font-size: 13px; line-height:19px; color:#555; position: relative;} .faq_video > ul > li ul.team_sen li:after{width: 4px; height: 4px; background-color: #bbb; position: absolute; left: 0; top: 8px; display:block; content:''; border-radius:50%;} @media (max-width: 1024px){ .faq_video > ul > li{padding: 15px;} .faq_video > ul > li iframe{height: 240px; margin-bottom: 10px;} .faq_video > ul > li p{font-size: 14px;} .faq_video ul.faq_half > li{width: 49%; margin-right: 2%;} .faq_video > ul li:nth-of-type(2n){margin-right: 0;} } @media (max-width: 640px){ .faq_video > ul > li{width: 100%; margin-right: 0; margin-bottom: 10px;} .faq_video > ul > li img{margin-bottom: 10px;} .faq_video > ul.faq_half li > p{margin-bottom: 5px; padding-bottom: 5px;} .faq_video > ul > li ul.team_sen{padding: 5px;} } @media (max-width: 480px){ .faq_video > ul > li{padding: 10px;} .faq_video > ul > li iframe{height: 200px;} .faq_video ul.faq_half > li{width: 100%; margin-right: 0%; margin-bottom: 10px;} } @media (max-width: 340px){ .faq_video > ul > li{padding: 10px;} .faq_video > ul > li iframe{height: 160px; margin-bottom: 5px;} .faq_video > ul > li p{font-size: 13px;} } /* ===== 교과목 로드맵: 반응형 축소 + 연결선 정렬 ===== */ /* 0) box-sizing 통일 (테두리 누적 오차 제거) */ .ai_con.ai_table table th, .ai_con.ai_table table td{ box-sizing: border-box; } /* 1) 표를 화면 폭에 고정 */ .ai_con.ai_table table{ table-layout: fixed; width: 100%; border-spacing: 3px; } .ai_con.ai_table table thead tr th, .ai_con.ai_table table tbody tr th, .ai_con.ai_table table tbody tr td{ padding: 9px 4px; font-size: 13px; line-height: 1.3; word-break: keep-all; white-space: normal; } /* 2) 연결선: 목표 칸 안쪽까지 겹쳐서 아귀 맞춤 */ .ai_con.ai_table table td.line, .ai_con.ai_table table td.line2, .ai_con.ai_table table td.line3{ position: relative; z-index: 2; } /* 인공지능 수학기초 → 인공지능 수학심화 : 빈 셀 4칸 + 간격5 + 목표칸 진입 */ .ai_con.ai_table table td.line::after{ content:""; position:absolute; top:50%; left:calc(100% + 0px); right:auto; /* 첫 간격만큼 띄우고 시작 */ width: calc(400% + 35px); /* 4칸 + 간격4개 + 목표칸 8px 진입 */ height:2px; background:#bbb; transform: translateY(-50%); } /* 기초창의공학설계 → 종합설계 프로젝트1 : 빈 셀 3칸 */ .ai_con.ai_table table td.line2::after{ content:""; position:absolute; top:50%; left:calc(100% + 0px); right:auto; width: calc(300% + 28px); /* 3칸 + 간격3개 + 목표칸 8px 진입 */ height:2px; background:#bbb; transform: translateY(-50%); } /* 인공지능 : 위쪽 가로선과 세로 연결 */ .ai_con.ai_table table td.line3::before{ content:""; position:absolute; left:50%; right:auto; top:auto; bottom:calc(100% + 1px); width:2px; height:62px; background:#bbb; transform: translateX(-50%); } .ai_con.ai_table table td.line3::after{ content:none; right:auto; } .ai_con.ai_table table tbody tr{ height: 56px; } @media (max-width: 1170px){ .ai_con.ai_table table thead tr th, .ai_con.ai_table table tbody tr th, .ai_con.ai_table table tbody tr td{word-break: break-all;} } @media (max-width: 900px){ .ai_con.ai_table table thead tr th, .ai_con.ai_table table tbody tr th, .ai_con.ai_table table tbody tr td{ padding: 7px 3px; font-size: 11.5px; } } /* 스크롤 컨테이너 (이미 .ai_table에 있으면 그대로) */ .ai_con.ai_table{ overflow-x: auto; } /* 표: 이 폭 밑으로는 안 줄어들고 가로 스크롤 */ .ai_con.ai_table table{ table-layout: fixed; width: 100%; min-width: 1300px; /* ← 이 값 밑으로는 축소 정지 + 스크롤 */ } .ai_con.ai_table table thead tr th, .ai_con.ai_table table tbody tr th, .ai_con.ai_table table tbody tr td{ padding: 9px 4px; font-size: 13px; line-height: 1.3; white-space: normal; } /* ---------------- 대학원 ------------------ */ /*서브레이아웃*/ #sub_container{position: relative; float: right; min-height: 580px; height: auto; margin:80px 0 80px; width: calc(100% - 300px);} #sub_container:after{display:block; content:''; clear:both;} #sub_container #container_title{font-size: 40px; font-weight: 600; letter-spacing:-0.4px; margin-bottom: 60px; border-bottom: 1px solid #ddd; padding-bottom: 30px;} /*#sub_container img{width: 100%;}*/ #sub_container #container_title span{position: relative; color: #222;} #sub_container #container_title span b{font-size: 16px; color:#252525; font-weight: 500; margin-left: 5px; line-height:1; display:block; display:none;} .loca{width: 100%; text-align: left; position: absolute; left: 130px; top: 90px; z-index: 1;} .loca ul.loc{} .loca ul.loc li{display:inline-block; font-size: 15px; padding: 0 20px 0 0; color:#2c90c4; position: relative;} .loca ul.loc li:after{display:block; width: 3px; height: 3px; background-color: #2c90c4; border-radius:50%; content:''; position: absolute; right: 6px; top: 9px;} .loca ul.loc li.last{color:#101010; position: relative; color:#2c90c4; font-weight: 500;} .loca ul.loc li.last:after{display:none;} @media (max-width: 1360px){ #sub_container #container_title{font-size: 32px;} #sub_container #container_title span b{font-size: 22px;} #sub_container{margin:60px 0 60px; width: 100%;} .sub_menu{display:none;} } @media (max-width: 1024px){ #sub_container #container_title{font-size: 28px;} #sub_container #container_title span{margin-bottom: 0!important;} #sub_container #container_title span:after{bottom: -15px;} #sub_container #container_title span b{font-size: 20px; letter-spacing:-1px;} } @media (max-width: 640px){ #sub_container{margin:40px 0 40px;} #sub_container #container_title{font-size: 25px; margin-bottom: 20px;} #sub_container #container_title span:after{bottom: -10px;} #sub_container #container_title span b{font-size: 17px;} .loca ul.loc li{display:inline-block; font-size: 14px; padding: 0 10px;} } /* BK 주요소식 */ .main_content section .txt {padding-bottom: 50px;} .main_content section h1.s_tit{font-size: 26px; color:#222; position: relative; margin: 30px 0; position: relative;} /*.main_content section h1:after {float: left;content: ""; display: inline-block;width: 5px;height: 23px;border-radius: 0px;background-color: #7541a0;margin-right: 15px;margin-top: 3px;} .main_content section h1:before {display:none; content: ""; width: 5px;height: 23px;border-radius: 0px;background-color: #7541a0;margin-right: 15px;margin-top: 3px;}*/ .main_con {margin-top: 30px;} .main_con h4{font-size: 16px;} .main_con .left ul li {font-size: 15px; line-height: 25px;} .main_content section .pub_bg{background-color: #f5f9fc;} .main_content section .main_con .news_wrap .news_box:after{display:block; content:''; clear:both;} .main_content section .main_con .news_wrap .news_box > div.news_con{width: 23.8%; margin-right: 1.5%; float: left; position: relative;} .main_content section .main_con .news_wrap .news_box > div.news_con:last-child{margin-right: 0;} .main_content section .main_con .news_wrap .news_box > div.news_con > a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display:block; content:''; z-index: 1;} .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt{/* padding: 0 25px 25px; */} .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt h4{font-size: 24px; line-height:32px; font-weight: 500; margin-bottom: 15px; letter-spacing:-0.4px; word-break:keep-all;} .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt p{font-size: 18px; line-height:26px; opacity:0.8; font-weight: 400; letter-spacing:-0.4px; margin-bottom: 20px; word-break:keep-all;} .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt span{font-size: 15px;} .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt span i{margin-right: 5px;} .main_content section .main_con .news_wrap .news_box > div.news_con:hover .news_txt h4{text-decoration:underline;} .main_content section .main_con .news_wrap .news_box > div.news_fir{background-color: #f4f4f4;padding: 12px;border-radius: 20px;/* box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.3); */} .main_content section .main_con .news_wrap .news_box > div.news_fir .fir_img{width: 100%;height: 200px;overflow:hidden;display: flex;background: #fff;margin-bottom: 15px;justify-content: center;align-items: center;} .main_content section .main_con .news_wrap .news_box > div.news_fir .fir_img img{width: 100%;} .main_content section .main_con .news_wrap .news_box > div.news_fir .news_txt{color:#222;} @media (max-width: 800px){ .main_content section .main_con .news_wrap .news_box > div.news_con:nth-of-type(3), .main_content section .main_con .news_wrap .news_box > div.news_con:nth-of-type(4) {display:none;} .main_content section .main_con .news_wrap .news_box > div.news_con {width: 48.5%;} } @media (max-width: 600px){ .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt {padding: 0 15px 15px;} .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt p {font-size: 15px;} .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt span {font-size: 13px;} } @media (max-width: 350px){ .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt {padding: 0 15px 15px;} .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt p {font-size: 15px;} .main_content section .main_con .news_wrap .news_box > div.news_con .news_txt span {font-size: 13px;} } /* 사업단 현황 */ @media (max-width: 1000px){ .main_content section h1.s_tit {font-size: 22px;} } @media (max-width: 600px){ .main_content section h1:after {margin-top: -2px; display:none;} .main_content section h1:before {margin-top: -2px; display: inline-block;} } @media (max-width: 400px){ .main_content section h1:after {margin-top: -2px; display: none;} .main_content section h1.s_tit{font-size: 18px;} } /* sub5_4_b BK */ .s_wrap .tab{margin-bottom: 30px; text-align: center;} .s_wrap .tab button{border: 1px solid #ddd;background-color: transparent;padding: 0 15px;display:inline-block;font-size: 16px;border-radius: 10px;color:#666;margin-right: 5px;margin-bottom: 5px;transition:0.3s;height: 35px;line-height:35px;} .s_wrap .tab button:hover{background-color: #fbfbfb;} .s_wrap .tab button.active{background-color: #fff; font-weight: bold; color:#222;} .s_wrap .cl_con:after{display:block; content:''; clear:both;} .s_wrap .cl_con .cl_left{width: 600px; float: left; margin-right: 40px;} .s_wrap .cl_con .cl_left img{width: 100%;} .s_wrap .cl_con .cl_right{width: calc(100% - 640px); float: right;} .s_wrap .cl_con .cl_right table tbody p a{color:#aaa; transition:0.3s; vertical-align: middle; font-size: 17px;} .s_wrap .cl_con .cl_right table tbody p a.facebook:hover{color:#3b5998;} .s_wrap .cl_con .cl_right table tbody p a.instagram:hover{color:#dd2a7b;} .s_wrap .cl_con .cl_right table tbody p a.youtube:hover{color:#c4302b;} .s_wrap .cl_con .cl_right table tbody p a.homepage:hover{color:#31ccb0;} .member-list {width: 100%;overflow: hidden;display: flex;gap: 20px;flex-wrap: wrap;} .member-list li {border: 1px solid #ccc;border-radius: 20px;margin-bottom: 20px;width: calc(25% - 15px);overflow: hidden;} .gallery-thum-box {position: relative;overflow: hidden; padding-top: 0%;text-align: center;} .member-photo-box img {box-shadow: 2px 2px 10px #ddd;margin-top: 15px;margin-bottom: 15px; width: 140px;height: 170px;border: 1px solid #ccc;} .member-info-box {width: 100%;background-color: #f0f0f0;text-align: center;color: #333;padding: 16px 0;min-height: 80px;} .member-info-box .txt {font-size: 13px; margin-bottom: 0px; line-height: 20px;letter-spacing: -0.5px;color: #666;padding: 0 10px;height: 130px;} .member-info-box.adjunct {min-height: 0px;} .member-list li a { display: block;} @media (max-width: 1000px){ .member-list li {width:30%;} } @media (max-width: 640px){ .member-list li {width:45%;} } @media (max-width: 440px){ .member-list li {width:85%;} .s_wrap .tab{display: grid;} } /* -------------------------------- 개인정보취급방침 -------------------------------- */ .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{} #nonMail .ui-ftbox .inner{text-align:center;} #nonMail p.txt{color:#555;} #nonMail p.txt + ul.list-Dot, #nonMail ul.list-Dot + p.txt{margin-top:15px;} .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: #2469c3;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: #2469c3;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: #333;} .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;letter-spacing: 0;} .ui-topbox .txtwrap .tit-wrap > strong{color: #2469c3;font-weight:normal;} .ui-topbox .txtwrap p > strong{color: #2469c3;font-weight: 600;} .ui-topbox .txtwrap p > b{color: #222;font-weight:600;} .ui-topbox .txtwrap strong.logo-img{margin-right:15px; background:url("/images/common/logo_c.png") 0 0 no-repeat; display:inline-block; width:230px; height:36px; background-size:230px; text-indent:-9999px;} .ui-ftbox{overflow:hidden;position:relative;background:#fafafa;border:1px solid #eaeaea;margin-top:40px;border-radius: 15px;} .ui-ftbox .inner{position:relative;padding:30px;} .ui-ftbox .btn-black{transition:.2s ease-out;text-align:center;display: inline-flex;background: #222;border-radius: 10px;padding:15px 30px;color:#fff;font-weight: 500;gap: 10px;font-size: 17px;align-items: center;justify-content: center;} .ui-ftbox .btn-black:hover{background:#666;} @media (max-width: 1024px){ .ui-topbox .inner.img-inner{padding-left:30px; flex-direction:column;} .ui-topbox .img15, .ui-topbox .img-step{position:relative; width:280px; height:280px; left:auto; top:auto; margin-bottom:20px;} .ui-topbox .inner.img-inner .tit-wrap{justify-content:center; margin-bottom:10px;} } @media (max-width: 767px){ .ui-topbox .inner{padding:20px 20px; min-height:auto;} .ui-topbox .inner.img-inner{padding:20px 20px;} .ui-topbox .img15, .ui-topbox .img-step{width:200px; height:200px;} .ui-topbox .icon{display:none;} .ui-topbox .txtwrap .tit-wrap{display:block; font-size:22px; line-height:1.2;} .ui-topbox .txtwrap strong.logo-img{display:block; margin-right:0; width:180px; height:29px; background-size:100%; margin-bottom:10px;} .ui-topbox .txtwrap p{font-size:14px;} } /* -------------------------------- 준비중 -------------------------------- */ .ui-comming{overflow:hidden;position:relative;background-color: #fff;border-radius: 20px;box-shadow: 8px 6px 20px 0 rgba(0, 0, 0, 0.1);margin-bottom: 100px;} .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:#2469c3; 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:#2469c3;font-weight:600;} .ui-comming .tit p{font-size:17px; color:#666;}