#sVisual{height: 600px;position:relative;display: flex;flex-direction: column;justify-content: flex-end;} #sVisual .visual-wr{background: #000;position: relative;display: flex;width: 100%;margin: 0 auto;height: 100%;z-index: 0;} #sVisual .visual-wr:after {content: "";background: #fff;width: 10%;height: 96px;position: absolute;right: 0;bottom: 0;} #sVisual .svWrap{position:relative;overflow: hidden;width: 100%;height: 100%;} #sVisual .svWrap .sv-img{width: 100%;position: fixed;height: 100vh;top: 0;left: 0;opacity: .6;overflow: hidden;transition: transform 5s linear;z-index: -1;} #sVisual .svWrap .sv-img img{width: 100%;height: 100%;object-fit: cover; transition: transform 5s linear; transform: scale(1.2, 1.2);} #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 .svWrap.in-view .sv-img img{transform: scale(1.0, 1.0) rotate(0.002deg);} #sVisual .slogan{position:absolute;width: 90%;bottom: 0;z-index:10;left: 50%;height: calc(100% - 100px);transform: translateX(-50%);word-break:keep-all;max-width: 1500px;display: flex;/* margin:0 auto; *//* padding: 70px 0; */align-items: center;justify-content: space-between;} #sVisual .slogan .big-tit{display:flex;flex-direction:column;} #sVisual .slogan .big-tit big{display:inline-flex;align-items: center;flex-wrap: wrap;gap: 40px;} #sVisual .slogan .big-tit big span{font-size: 92px;color: rgb(255,255,255,.5);font-family: "Poppins", sans-serif;font-weight: 600;letter-spacing:-2px;word-spacing:-5px;} #sVisual .slogan .big-tit big strong{position:relative;display:inline-block;font-size: 20px;/* padding-left:130px; */font-weight: 600;color: #fff;border: 1px solid rgb(255,255,255,.8);padding: 5px 15px;} #sVisual .slogan .big-tit big strong:before{/* content:""; */width:100px;height:1px;background: #fff;position:absolute;left:0;top:50%;transform:translateY(-50%);} #sVisual .slogan .big-tit big b{color: #fff;font-weight: 600;} #sVisual .slogan .big-tit small{font-size: 24px;font-weight: 400;color: #fff;margin-top: 45px;font-family: "Poppins", sans-serif;} #sVisual .scrollDown{cursor:pointer;z-index:10;height: 157px;box-sizing: border-box;display:block;position: absolute;bottom: 0;left: 0;} #sVisual .scrollDown .arr-down{transition:.3s;width: 73px; height: 100%; display: inline-flex; background: #fff; position: relative;} #sVisual .scrollDown .arr-down span{transition:.3s;display: flex;font-size: 15px;line-height: 1;font-weight: 600;color: #000;font-family: "Poppins", sans-serif;transform: rotate(-90deg) translateX(100%);transform-origin: right center;position: absolute;bottom: -10px;left: -85px;text-align: left;justify-content: center;align-items: center;} #sVisual .scrollDown .arr-down span i{transition:.3s;animation:upDown 1.5s ease-in-out infinite; margin-right: 5px; font-size: 25px;font-weight: normal;} /* 서브공통 */ #sContWrap{position:relative;width:100%;height:100%;min-height:500px;overflow: hidden;padding-top: 40px;margin-top: -40px;} #sContWrap .cw{background:#fff;} .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: 160px 0 0;} .sCont .sCont-title{display:block;padding: 0px 0 40px;color: #212121;font-size: 48px;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: 1800px){ } @media (max-width: 1400px){ } @media (max-width: 1300px){ #sVisual .slogan { /* left: 59%; */ padding: 0 3vw; } #sVisual .slogan .big-tit {/* flex-direction: column-reverse; *//* align-items: center; */margin-top: -105px;} } @media (max-width: 1240px){ } @media (max-width: 1170px){ /* #sVisual .visual-wr {height: calc(100% - 90px);} */ #sVisual .slogan .big-tit big {} .sub-board-bottom{padding-bottom:100px;} #sVisual .slogan .big-tit big span {font-size: 48px;} } @media (max-width: 980px){ } @media (max-width: 767px){ #sVisual{height: 400px;} /* #sVisual .visual-wr{width:100%;height: calc(100% - 80px);} */ #sVisual .visual-wr:after {display:none;} #sVisual .svWrap .sv-img{opacity:.6;} #sVisual .slogan {justify-content: flex-start;/* width: 90%; */align-items: center;gap: 30px;padding: 0;top: 35%;} #sVisual .slogan .big-tit{gap:5px;margin-top: -178px;width: 100%;} #sVisual .slogan .big-tit big {font-size: 34px;letter-spacing: 0;align-items: center;justify-content: center;gap: 16px;width: 100%;} #sVisual .slogan .big-tit big strong {font-size:16px;} #sVisual .slogan .big-tit big span {font-size: 32px;letter-spacing: -0.7px;text-align: center;} #sVisual .slogan .big-tit small{font-size: 16px;padding-left: 0;/* padding-top: 26px; */margin-top: 20px;text-align: center;} #sVisual .slogan .big-tit small:before {width: 2px; height: 20px; opacity: 0.5; left: 50%; top: 0; transform: translate(-50%, 0%);} .sub-board-bottom{padding-bottom:60px;} #sVisual .scrollDown .arr-down span {font-size: 12px;} #sVisual .scrollDown {height: 124px;} #sVisual .scrollDown .arr-down {width: 42px;display: none;} } @media (max-width: 640px){ } @media (max-width: 360px){ #sVisual .slogan {padding:0 32px;} } .sec-cont{position:relative;} .sec-cont + .sec-cont{margin-top:60px;} .ess-color{color: #f65354;font-size: 22px;} #location{top: 0;position: absolute;right: 10%;width: 75%;z-index: 50;height: 80px;display: flex;/* background: #fff; */justify-content: flex-end;} .lnb{position: absolute;/* width: 100%; */height: 80px;z-index:10;box-shadow: 15px 15px 20px 0 rgb(0 100 220 / 10%);align-items: center;justify-content: flex-start;display: flex;gap: 10px;margin: 0 auto;padding: 0 30% 0 40px;} .lnb:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; backdrop-filter: blur(10px); background: linear-gradient( 90deg, rgb(0 49 100 / 90%) 0%, rgba(0, 86, 189, 0.8) 20%, rgba(0, 64, 141, 0.7) 40%, rgba(0, 86, 189, 0.8) 60%, rgb(0 49 100 / 90%) 80% ); background-size: 600% 100%; animation: gradientMove 10s linear infinite; } @keyframes gradientMove { 0% {background-position: 0% 0%;} 100% {background-position: 100% 0%;} } .lnb .lnb-map{display:flex;gap: 0;} /*.lnb .lnb-map:after{content:''; display:block; clear:both;}*/ .lnb .lnb-map li a{display:block;} .lnb .lohom{position:relative;width: 60px;height: 80px;z-index:1;background-color:transparent;} .lnb .lohom > a{display:flex;align-items:center;justify-content:center;height: 100%;width: 100%;/* background: #003087; */color: #fff;font-size: 24px;position:relative;} .lnb .lnb-map > li{width: 290px;/* background: rgba(0,0,0, 0.1); *//* backdrop-filter: blur(10px); */} .lnb .lnb-map > li:nth-last-of-type(1){width:318px;} .lnb .lnb-map > li > a{} .lnb .lnb-map li.depth{position:relative;} .lnb .lnb-map li:first-child a span{} .lnb .lnb-map li.depth ul{display:none;position:absolute;top: 80px;left:0;width:100%;padding: 0 0 20px 0;background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgb(255 255 255 / 87%) 100%);backdrop-filter: blur(10px);z-index:10;box-shadow: 15px 20px 20px 0 rgba(0, 0, 0, .1);} .lnb .lnb-map li.depth ul li{padding: 0px 28px;} .lnb .lnb-map li.depth ul li a{display:block;padding: 7px 0px;font-size: 17px;font-weight: 600;color: #777;line-height: 1.4;text-align: left;transition: .3s ease-out;} .lnb .lnb-map li.depth ul li a:hover{color: #000;} .lnb .lnb-map li a:after{/*arrow*/ transform:rotate(135deg); top:50%; margin-top:-5px; right:10%; width:8px; height:8px; border-top: 2px solid #fff; border-right: 2px solid #fff; display:inline-block; position:absolute; content:""; transition:.3s ease-out; } .lnb .lnb-map li:first-child a:after{border-top:2px solid #fff; border-right:2px solid #fff;} .lnb .lnb-map li.depth ul li a:hover{} .lnb .lnb-map li.depth a span{width:100%;font-size: 20px;color: #fff;height: 80px;line-height: 1.3;display:flex;letter-spacing: -.5px;font-weight: 500;padding: 0 30% 0 28px;transition: .3s ease-out;align-items:center;} .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;font-weight: 600;} .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:before{opacity:0;content: "\ea6c";font-size: 16px;font-family: 'remixicon' !important;font-style: normal;position:absolute;left:0;top: 5px;transform: rotate(-45deg); translate(0%, -50%);font-weight:normal;transition:.3s;color: #bdbdbd;} .lnb .lnb-map li.depth ul.moreMenu li a:after{display:none;} .lnb .lnb-map li.depth ul.moreMenu li a.active{color: #212121;; font-weight:500;} .lnb .lnb-map li.depth ul.moreMenu li a.active:after{opacity:1;} .lnb .lnb-map li.depth ul.moreMenu li a:hover{font-weight: 600;padding-left:25px;color:#0064dc;} .lnb .lnb-map li.depth ul.moreMenu li a:hover:before{opacity:1;color:#0064dc;} .lnb .lnb-map li.depth ul.moreMenu li a:hover:after{opacity:1;} .lnb .lnb-map li.depth ul.moreMenu li a:hover:before{margin-left:2px; animation:arrRight .8s ease-in-out infinite;} @keyframes arrRight { 0% {transform:rotate(0deg) translate(-2px, 0px);} 50% {transform:rotate(0deg) translate(2px, 0px);} 100% {transform:rotate(0deg) translate(-2px, 0px);} } @media (max-width:991px) { .lnb {padding: 0 10% 0 20px;} .lnb .lnb-map > li, .lnb .lnb-map > li:nth-last-of-type(1) {max-width: 233px;} .lnb .lnb-map li:last-child.depth a span {} } @media (max-width: 767px){ #location {width: 100%; position: absolute; bottom: 13px;} .lnb{gap:5px;padding: 0 20px;width: 100%;height: 45px;} .lnb .lohom {width: 45px;height: 45px;} .lnb .lnb-map {gap: 5px;width: calc(100% - 45px);} .lnb .lnb-map > li, .lnb .lnb-map > li:nth-last-of-type(1){width: 50%;width: 100%;} .lnb .lnb-map > li > a {height: 45px;} .lnb .lnb-map li.depth ul li {padding:0 8px;} .lnb .lnb-map li.depth a span {font-size: 15px;height: 45px;padding: 0 15% 0 7%;min-width: 115px;width: 100%;} .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; */min-width: 164px;} .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: 15px;} .lnb .lnb-map > li:nth-last-of-type(1){width: 100%;} } @media (max-width: 480px){ .lnb .lohom {display:none;} .lnb .lnb-map{width: 100%;} } @media (max-width: 1400px){ } @media (max-width: 1300px){ } @media (max-width: 1170px){ .sCont{padding: 110px 0 0;} .sCont .sCont-title{font-size:42px;} #location {width: 43%;} } @media (max-width: 1024px){ } @media (max-width: 767px){ #location {width:100%;left: 0;height: 45px;} .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: 30px;color: #1a1a1a;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: 23px;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;} .flex-tit .eng-tit, .contTit > .eng-tit{font-size: 20px;margin-left: 10px;color: #777;font-weight: 500;letter-spacing: -.5px;} .contTit > .eng-tit.block{display:block; margin-left:0; margin-top:5px;} .flex-tit{display:flex;align-items:flex-start;gap:30px;} .flex-tit.btw{justify-content: space-between;align-items: flex-end;margin-bottom: 25px;} .flex-tit.btw > strong{margin-top:0; margin-bottom:0;} .flex-tit.full{justify-content:space-between;} .flex-tit > .blank-btn{margin:-5px;} p.txt{color:#666;font-size: 18px;font-weight:400;letter-spacing:-0.5px;line-height:1.6;} p.txt + p.txt{margin-top:20px;} p.txt + ul.list-Dot{margin-top:10px;} .list-hyphen .txt-bold{font-weight:500;color:#222;} .txt-bold{color:#111;letter-spacing:-.5px;font-weight:bold;} .red-bold{color:#253369;letter-spacing:-.5px;font-weight:600;} .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.type2{position:relative;padding: 35px 50px;background: #fbfbfb;border: 0;} .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;} .grayBox > img{max-width:100%;} .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: 5px 0 5px;} .list-hyphen{} .list-hyphen>li{position:relative;padding-left:11px;color:#555;font-weight:400;line-height:1.5;text-align:left;vertical-align:top;letter-spacing: 0px;} .list-hyphen>li:before{content:""; display:block; position:absolute; left:0; top:11px; width:5px; height:1px; box-sizing:border-box; background:#999;} .list-hyphen>li a{color:#555; text-decoration:underline;} .list-hyphen>li a:hover{opacity:.8;} .list-Dot>li .list-hyphen>li+li{margin-top:3px;} .list-Dot>li .list-hyphen{width:100%;/* padding:8px 0 2px; */} .list-Dot>li .list-hyphen>li{color:#888;font-size: 17px;} .list-Dot>li .list-hyphen>li:before{top: 11px;} .list-Dot + .list-hyphen{margin-top:10px;} .ol-list{margin:10px 0; padding:0 0 0 20px;} .ol-list > li{position:relative;box-sizing:border-box;color: #333;font-size: 17px;font-weight: 500;line-height: 1.6;text-align:left;vertical-align:top;letter-spacing:-0.5px;} .ol-list > li + li{margin-top: 0;} .ol-list > li .list-point > li{font-size:16px;} .ol-list > li .list-point > li + li{margin-top:0px;} .box-txt{background:#253369;color:#fff;font-style:normal;font-weight: 500;padding: 2px 6px;font-size: 16px;letter-spacing: 0;} ul + .list-point{margin-top:15px;} .list-type1 + .list-point{margin-top:25px;} .list-point{} .list-point > li{font-size: 17px;line-height:1.6;padding-left:20px;position:relative;font-weight:500;color:#333;} .list-point > li + li{margin-top: 5px;} .list-point > li:before{content:"※";position:absolute;left:0;top: 3px;font-size:20px;line-height: 1;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;} .flex-tit.btw {align-items:center;} .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; line-height:1; letter-spacing:.5px; text-align:left; font-style:normal; font-weight:normal; } .sub-tab2 li.active{border: 1px solid #4A5677;background: #4A5677;} .sub-tab2 li.active em{color:#fff;} .sub-tab2 li em:before{content:"\ea6e"; display:inline-block; font-family:'remixicon'; position:absolute; top:50%; right:20px; font-size:28px; transform:translateY(-50%);} .sub-tab2 li.active em:before{content:"\ea4e";} .color-tab{position:relative;display:flex;flex-wrap:wrap;margin-bottom: 60px;background: #f9f7f7;} .color-tab li{display:block;position:relative;margin-left:-1px;margin-top:-1px;height:100%;min-height: 70px;height:auto;line-height:1.5;} .color-tab-one.tab2 li, .color-tab.tab2 li{width:calc(50% + 1px);} .color-tab-one.tab3 li, .color-tab.tab3 li{width:calc(33.33% + 1px);} .color-tab-one.tab4 li, .color-tab.tab4 li{width:calc(25% + 1px);} .color-tab-one.tab5 li, .color-tab.tab5 li{width:calc(20% + 1px);} .color-tab-one.tab6 li, .color-tab.tab6 li{width:calc(16.66666666666667% + 1px);} .color-tab li:first-child{} .color-tab li a{position:relative; display:table; table-layout:fixed; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; background:#fff; font-weight:500; color:#222; transition:all .1s;} .color-tab li a span{display:table-cell;vertical-align:middle;width:100%;height:100%;padding: 16px 15px;line-height: 1.2;font-weight: 600;font-size: 22px;text-align: center;} .color-tab li.on a{color:#fff;background: #0064dc;border-color: #0064dc;} .color-tab li a:focus, .color-tab li a:hover{border-color: #0064dc;color: #0064dc;text-decoration: none;z-index:2;} .color-tab li.on a:focus, .color-tab li.on a:hover{color:#fff;} .color-tab li .et{display:block;font-size: 18px;opacity:.6;font-weight: 400;margin-top: 4px;letter-spacing: -.3px;/* font-family:"Poppins", sans-serif; */} .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:#0064dc; border-color:#0064dc;} .color-tab-one li span:focus, .color-tab-one li span:hover{border-color:#0064dc; color:#0064dc; 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;} .color-tab-one.tab4 li, .color-tab.tab4 li {width: calc(50% + 1px);} } @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: 24px;font-weight: 600;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: #006beb;position:absolute;left:0;bottom:-8px;} .vs-tabs ul li a:hover:before{content:""; width:100%; height:3px; background:#006beb; 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: #006beb;border-color: #006beb;} .vs-tabs ul li a:focus, .vs-tabs ul li a:hover{border-color: #006beb;color: #006beb;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);width: 100%;} } @media (max-width: 340px){ .vs-tabs ul li{/* width:100%; */} } /* -------------------------------- sub1_1 : 학부장 인사말 -------------------------------- */ #Greeting{position: relative; padding-bottom: 140px; padding-top: 60px;} #Greeting .ceo-con-txt02 {font-size: 24px;font-weight: 600;line-height: 1.7;letter-spacing: -.5px;color: #212121;} #Greeting .ceo-con-txt02 + p{margin-top: 35px;} #Greeting .ceo-top {position: relative;} #Greeting .ceo-top .inner{padding:0 60px; position: relative;} #Greeting .ceo-top .ceo-main-st {padding-bottom: 2.7rem;font-size:2.4rem;font-weight: 600;color:var(--main-color);letter-spacing: -.5px;line-height:1.15;font-family: "Poppins", sans-serif;} #Greeting .ceo-top .ceo-main-tit {font-size: 32px;font-weight: 700;color: #333;letter-spacing:-0.055em;line-height:1.15;font-family: 'ELAND_Choice';} #Greeting .ceo-top .ceo-intro-tit {font-size: 42px;line-height: 1.5;letter-spacing: -.5px;color: #212121;font-weight: 700;padding: 5px 0 160px;/* font-family: 'ELAND_Choice'; */} #Greeting .ceo-top .ceo-intro-tit b{font-weight:700;color: #0f64c5;} #Greeting .ceo-top .roll-txt { position: absolute;transform: translateX(-50%);left: 50%;bottom: 0;font-size: 160px;font-weight: 600; color:#f6f6f6;letter-spacing: -4px;word-spacing: -2px;line-height:1;font-family: "Tenor Sans", sans-serif; } #Greeting .ceo-top .roll-txt .RollTxt{width: 100vw;white-space:nowrap;} #Greeting .ceo-top .roll-txt .RollTxt .flow-text{display:flex; flex:0 0 auto; white-space:nowrap; /* overflow:hidden; */ transition:0.3s;} #Greeting .ceo-top .roll-txt .RollTxt .flow-text b{font-family: "Poppins", sans-serif;font-weight:600; color:#8386883b;} #Greeting .ceo-top .roll-txt .RollTxt .flow-wrap{animation:textLoop 20s linear infinite;padding-right: 90px;} #Greeting .ceo-top .roll-txt .RollTxt .flow-wrap img{width:1920px;} #Greeting .ceo-middle {position: relative;background-color: #f6f6f6;padding: 60px 60px 65px;margin-bottom: 60px;box-sizing: border-box;/* border-radius: 20px; */} #Greeting .ceo-middle-txt-box {width: 70%;} #Greeting .ceo-middle-txt-box p + p{margin-top:20px;} #Greeting .ceo-middle .ceo-con-txt01 {font-size: 26px;font-weight: bold;line-height: 1.7;letter-spacing: -1px;color: #212121;/* font-family: 'ELAND_Choice'; */} #Greeting .ceo-middle .ceo-con-txt01 big{font-weight:800} #Greeting .ceo-middle .ceo-con-txt01 span {color: #1b599f;} #Greeting .ceo-bottom{padding: 0 60px;} #Greeting .ceo-img-box {position: absolute;bottom:0;right: 8%;width: auto;/* right:8%; width: 22%; */} #Greeting .ceo-img-box img {max-width:100%;} #Greeting .sign-box {margin-top: 60px;text-align: right;} #Greeting .sign-tit {font-size: 24px;line-height: 1;letter-spacing: -.5px;color:#000;font-weight:500;} #Greeting .sign-tit b{/* color:#c9005f; */} #Greeting .sign-tit .ceo-name {padding-left: 25px;font-size: 34px;line-height: 1;color: #111;font-weight: 700;} .en #Greeting .ceo-top .ceo-main-tit{font-family: var(--font-family1);letter-spacing:-.5px;} @keyframes textLoop{ 0%{-webkit-transform:translate3d(0%, 0, 0); transform:translate3d(0%, 0, 0);} 100% {-webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0);} } @media (max-width: 1170px){ #Greeting{padding-bottom: 100px; padding-top: 0px;} #Greeting .ceo-top .roll-txt .RollTxt .flow-wrap{padding-right: 40px;} #Greeting .ceo-top .inner {text-align: center;} #Greeting .ceo-top .roll-txt{font-size:120px;} #Greeting .ceo-top .ceo-main-tit {font-size: 42px;} #Greeting .ceo-top .ceo-intro-tit {padding: 20px 0 120px;} #Greeting .ceo-middle {padding: 40px 40px 0 40px;margin-bottom: 50px;text-align: center;} #Greeting .ceo-middle-txt-box {display:flex;width: 100%; gap: 15px; flex-direction: column;} #Greeting .ceo-middle .ceo-con-txt01 {font-size: 22px;} #Greeting .ceo-img-box {position: relative; bottom: 0; right: auto; width: 100%; text-align: center;} #Greeting .ceo-bottom {padding: 0;} #Greeting .ceo-con-txt02 {font-size: 20px;} #Greeting .sign-box {margin-top: 40px; text-align: center;} #Greeting .sign-tit .ceo-name {font-size: 30px;} } @media (max-width: 767px){ #Greeting {padding-bottom: 60px;} #Greeting .ceo-img-box img {width:60%;} #Greeting .ceo-top .inner{padding:0;} #Greeting .ceo-top .ceo-main-tit {font-size: 28px; line-height: 1.3;} #Greeting .ceo-top .roll-txt {font-size: 80px;} #Greeting .ceo-top .ceo-intro-tit {padding: 10px 0 80px;font-size: 19px;} #Greeting .ceo-middle {padding: 20px 20px 0 20px; margin-bottom: 30px; text-align: center; border-radius: 10px;} #Greeting .ceo-middle .ceo-con-txt01 {font-size: 18px;} #Greeting .ceo-con-txt02 {font-size: 17px;line-height: 1.6;} #Greeting .sign-box {margin-top: 30px;} #Greeting .sign-tit {font-size: 20px; display: flex; flex-direction: column; gap: 10px;} #Greeting .sign-tit .ceo-name {font-size: 24px; padding: 0;} } /* -------------------------------- sub1_2 : 학부 소개 -------------------------------- */ #About{position:relative;} #About:before{content:"ABOUT CEE";white-space: nowrap;position:fixed;top:50%;left:50%;font-size:300px;font-family: "Poppins", sans-serif;font-weight:bold;transform:translate(-50%, -50%);opacity:0.02;text-transform:uppercase;} #About article{max-width: 1774px;width:95%;margin:0 auto;position: relative;z-index: 1;} #About .intro{position: relative;margin-bottom: 100px;} #About .about-tit-box {text-align: center;position: relative;z-index: 5;margin-bottom: 40px;} #About .about-tit-box .tit {font-size: 24px;line-height: 1.5;color:#0067db;font-weight: 600;margin-bottom: 30px;font-family: "Poppins", sans-serif;text-transform: uppercase;} #About .about-tit-box .txt {font-size: 42px;line-height: 1.5;letter-spacing: -2px;color: #000;font-weight: 500;} #About .co-blue {color: #073f85;} #About .sub-txt{margin-top:60px;font-size: 30px;line-height: 1.6;letter-spacing: -1px;color: #000;font-weight: 500;text-align:center;position: relative;} #About .rf-obj-01{text-align:center;} #About .rf-obj-01 .intro-box .int-tit{position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto;width:380px;height:380px;border-radius:100%;text-align:center;background: #fff;box-shadow: 0px 20px 20px rgb(55 55 55 / 8%);z-index:1;} #About .rf-obj-01 .intro-box .circle-bg{ display:block; content:""; position:absolute; left:50%; top:50%; width:650px; height:650px; transform:translate(-50%,-50%); background-image: radial-gradient(circle at 50% 50%, rgba(0, 107, 235, 1) 0%, rgba(0, 107, 235, 0.5) 40%, rgba(0, 107, 235, 0.2) 50%, transparent 60%); border-radius:100%; animation:pm 3s infinite; z-index:0; } @keyframes pm{ from{width:0px; height:0px;} to{width:2050px; height:2050px; opacity:0;} } #About .rf-obj-01 .intro-box .int-tit > img{max-width: 70%;} #About .rf-obj-01 .ani-box{position:relative;margin-top:-30px;} #About .rf-obj-01 .ani-box .bg-box{} #About .cite-list{ position:relative; width:auto; margin:0 auto; height:100%; padding:23px 29px; border-radius:400px; display: inline-flex; justify-content:center; align-items:center; gap:8px; box-sizing:border-box; border: 1px solid #e6e6e6; backdrop-filter: blur(5px); background:rgba(255,255,255,0.2); } #About .cite-list li{width: 260px;} #About .cite-list li:nth-child(1){margin-right:-2.5rem; z-index:2;} #About .cite-list li:nth-child(2){margin-right:-2.5rem; z-index:4;} #About .cite-list li:nth-child(3){z-index:3;} #About .cite-list li .item{width:100%;height:0;position:relative;padding-top:100%;display:flex;justify-content:center;align-items:center;border-radius:100%;box-shadow: 1px 2px 20px rgba(0 107 235 / 0.08);background: rgb(0 107 235 / 75%);} #About .cite-list li .item .inner-con{position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; margin:auto;display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:25px;} #About .cite-list li:nth-child(2) .item{background: rgb(0 53 116 / 75%);} #About .cite-list li:last-of-type{margin-right:0;} #About .cite-list li .icon-box{display:block;width:100%;position:relative;height:0;padding-top:25%;filter: invert(100%);} #About .cite-list li .icon-box > img{width:54px;} #About .cite-list li:nth-child(3) .icon-box > img{width:66px;} #About .cite-list .img-center{position:absolute; top:0px; left:0px; right:0px; bottom:0px; max-width:100%; margin:auto;} #About .cite-list strong{font-size: 25px;letter-spacing:-.4px;word-spacing:-1px;color: #fff;font-weight: 600;line-height:1.3;margin-top:20px;} #About .cont-2{position:relative; padding:120px 0 200px;} #About .cont-2:before{content: "";position: absolute;bottom: 0;left: 50%;width: 100vw;margin-left: -50vw;height:100%;background: linear-gradient(to top, #2f61d7 0%, #163171 100%);} #About .cont-2 .sub-txt{color:#fff;margin:0;font-weight: 300;line-height: 1.6;} #About .cont-2 .sub-txt b{font-weight:600;} #About .ReWr{margin: 40px auto;position:relative;max-width: 1420px;} #About .btm-txt{display: block; max-width: 1420px; margin: 100px auto 0;} #About .btm-txt p{color:#fff;margin: 0;font-weight: 300;line-height: 1.6;font-size: 28px;letter-spacing: -1px;} #About .btm-txt p + p{margin-top:40px;} #About .ReWr .re-list{display: flex;align-items: center;position:relative;padding: 0 80px;} #About .ReWr .re-list + .re-list{margin-top:30px;border-top: 1px dotted rgb(255,255,255,.2);padding-top:30px;} #About .ReWr .re-list > .reTit{background: #000;border-radius: 50%;width: 360px;height: 360px;display: flex;justify-content: center;align-items: center;} #About .ReWr .re-list:nth-child(1) > .reTit{background:url("/images/main/rsch1_pc.jpg") no-repeat 0 0 / 100%;} #About .ReWr .re-list:nth-child(2) > .reTit{background:url("/images/main/rsch2_pc.jpg") no-repeat 0 0 / 100%;} #About .ReWr .re-list:nth-child(3) > .reTit{background:url("/images/main/rsch3_pc.jpg") no-repeat 0 0 / 100%;} #About .ReWr .re-list > .reTit strong{background: #fff;border-radius: 50%;width: 200px;height: 200px;padding: 30px;display: flex;justify-content: center;align-items: center;text-align: center;font-size: 17px;font-weight: 500;color: #0064dc;line-height: 1.1;font-family: "Poppins", sans-serif;} #About .ReWr .re-list > .reTit strong b{display:block;font-size:24px;font-weight: 700;color: #212121;margin-top: 10px;letter-spacing: -1px;} #About .ReWr .re-list > dd{font-size: 28px;line-height: 2;width: calc(100% - 380px);font-weight: 500;color: #fff;letter-spacing: -1px;padding-left: 100px;} @media (max-width: 1500px) { #About {} #About:before {} #About article {} #About .intro {} #About .about-tit-box {} #About .about-tit-box .tit {} #About .about-tit-box .txt {} #About .co-blue {} #About .sub-txt {} #About .rf-obj-01 {} #About .rf-obj-01 .intro-box {} #About .rf-obj-01 .intro-box .int-tit {} #About .rf-obj-01 .intro-box .int-tit > img {} #About .rf-obj-01 .intro-box .circle-bg {} #About .rf-obj-01 .ani-box {} #About .rf-obj-01 .ani-box .bg-box {} #About .cite-list {} #About .cite-list li {} #About .cite-list li:nth-child(1) {} #About .cite-list li:nth-child(2) {} #About .cite-list li:nth-child(3) {} #About .cite-list li:last-of-type {} #About .cite-list li .item {} #About .cite-list li .item .inner-con {} #About .cite-list li:nth-child(2) .item {} #About .cite-list li .icon-box {} #About .cite-list li .icon-box > img {} #About .cite-list li:nth-child(3) .icon-box > img {} #About .cite-list .img-center {} #About .cite-list strong {} #About .cont-2 {} #About .cont-2:before {} #About .cont-2 .sub-txt {} #About .cont-2 .sub-txt b {} #About .ReWr {} #About .ReWr .re-list {} #About .ReWr .re-list + .re-list {} #About .ReWr .re-list > .reTit {} #About .ReWr .re-list:nth-child(1) > .reTit {} #About .ReWr .re-list:nth-child(2) > .reTit {} #About .ReWr .re-list:nth-child(3) > .reTit {} #About .ReWr .re-list > .reTit strong {} #About .ReWr .re-list > .reTit strong b {} #About .ReWr .re-list > dd {} #About .btm-txt {} #About .btm-txt p {} #About .btm-txt p + p {} } @media (max-width: 1200px) { #About {} #About:before {} #About article {} #About .intro {} #About .about-tit-box {} #About .about-tit-box .tit {} #About .about-tit-box .txt {} #About .co-blue {} #About .sub-txt {} #About .rf-obj-01 {} #About .rf-obj-01 .intro-box {} #About .rf-obj-01 .intro-box .int-tit {} #About .rf-obj-01 .intro-box .int-tit > img {} #About .rf-obj-01 .intro-box .circle-bg {} #About .rf-obj-01 .ani-box {} #About .rf-obj-01 .ani-box .bg-box {} #About .cite-list {} #About .cite-list li {} #About .cite-list li:nth-child(1) {} #About .cite-list li:nth-child(2) {} #About .cite-list li:nth-child(3) {} #About .cite-list li:last-of-type {} #About .cite-list li .item {} #About .cite-list li .item .inner-con {} #About .cite-list li:nth-child(2) .item {} #About .cite-list li .icon-box {} #About .cite-list li .icon-box > img {} #About .cite-list li:nth-child(3) .icon-box > img {} #About .cite-list .img-center {} #About .cite-list strong {} #About .cont-2 {} #About .cont-2:before {} #About .cont-2 .sub-txt {} #About .cont-2 .sub-txt b {} #About .ReWr {} #About .ReWr .re-list {} #About .ReWr .re-list + .re-list {} #About .ReWr .re-list > .reTit {} #About .ReWr .re-list:nth-child(1) > .reTit {} #About .ReWr .re-list:nth-child(2) > .reTit {} #About .ReWr .re-list:nth-child(3) > .reTit {} #About .ReWr .re-list > .reTit strong {} #About .ReWr .re-list > .reTit strong b {} #About .ReWr .re-list > dd {} #About .btm-txt {} #About .btm-txt p {} #About .btm-txt p + p {} } @media (max-width: 1024px) { #About {} #About:before {} #About article {} #About .intro {} #About .about-tit-box {} #About .about-tit-box .tit {} #About .about-tit-box .txt {} #About .co-blue {} #About .sub-txt {} #About .rf-obj-01 {} #About .rf-obj-01 .intro-box {} #About .rf-obj-01 .intro-box .int-tit {} #About .rf-obj-01 .intro-box .int-tit > img {} #About .rf-obj-01 .intro-box .circle-bg {} #About .rf-obj-01 .ani-box {} #About .rf-obj-01 .ani-box .bg-box {} #About .cite-list { display: inline-block; } #About .cite-list li {} #About .cite-list li:nth-child(1) {} #About .cite-list li:nth-child(2) { } #About .cite-list li:nth-child(3) {} #About .cite-list li:last-of-type {} #About .cite-list li + li { margin-top: -30px; } #About .cite-list li .item {} #About .cite-list li .item .inner-con { } #About .cite-list li:nth-child(2) .item {} #About .cite-list li .icon-box {} #About .cite-list li .icon-box > img {} #About .cite-list li:nth-child(3) .icon-box > img {} #About .cite-list .img-center {} #About .cite-list strong {} #About .cont-2 {} #About .cont-2:before {} #About .cont-2 .sub-txt {} #About .cont-2 .sub-txt b {} #About .ReWr {} #About .ReWr .re-list { flex-direction: column; gap: 24px; } #About .ReWr .re-list + .re-list {} #About .ReWr .re-list > .reTit {} #About .ReWr .re-list:nth-child(1) > .reTit {} #About .ReWr .re-list:nth-child(2) > .reTit {} #About .ReWr .re-list:nth-child(3) > .reTit {} #About .ReWr .re-list > .reTit strong {} #About .ReWr .re-list > .reTit strong b {} #About .ReWr .re-list > dd { padding-left: 0; text-align: center; width: 100%; } #About .btm-txt {} #About .btm-txt p {} #About .btm-txt p + p {} } @media (max-width: 768px) { #About {} #About:before { font-size: 100px; } #About article {} #About .intro { margin-bottom: 60px; } #About .about-tit-box {} #About .about-tit-box .tit {} #About .about-tit-box .txt { font-size: 18px; } #About .co-blue { font-size: 22px; } #About .sub-txt { font-size: 20px; margin-top: 30px; } #About .rf-obj-01 {} #About .rf-obj-01 .intro-box {} #About .rf-obj-01 .intro-box .int-tit {} #About .rf-obj-01 .intro-box .int-tit > img {} #About .rf-obj-01 .intro-box .circle-bg {} #About .rf-obj-01 .ani-box {} #About .rf-obj-01 .ani-box .bg-box {} #About .cite-list {} #About .cite-list li {} #About .cite-list li:nth-child(1) {} #About .cite-list li:nth-child(2) {} #About .cite-list li:nth-child(3) {} #About .cite-list li:last-of-type {} #About .cite-list li .item {} #About .cite-list li .item .inner-con {} #About .cite-list li:nth-child(2) .item {} #About .cite-list li .icon-box {} #About .cite-list li .icon-box > img {} #About .cite-list li:nth-child(3) .icon-box > img {} #About .cite-list .img-center {} #About .cite-list strong { font-size: 20px; } #About .cont-2 { padding: 60px 0 120px; } #About .cont-2:before {} #About .cont-2 .sub-txt {} #About .cont-2 .sub-txt b {} #About .ReWr {} #About .ReWr .re-list { padding: 0 32px; } #About .ReWr .re-list + .re-list {} #About .ReWr .re-list > .reTit {} #About .ReWr .re-list:nth-child(1) > .reTit {} #About .ReWr .re-list:nth-child(2) > .reTit {} #About .ReWr .re-list:nth-child(3) > .reTit {} #About .ReWr .re-list > .reTit strong { font-size: 16px; } #About .ReWr .re-list > .reTit strong b { font-size: 20px; } #About .ReWr .re-list > dd { font-size: 18px; } #About .btm-txt { margin: 60px auto 0; } #About .btm-txt p { font-size: 18px; } #About .btm-txt p + p {} } @media (max-width: 640px) { #About {} #About:before {} #About article {} #About .intro {} #About .about-tit-box {} #About .about-tit-box .tit {} #About .about-tit-box .txt {} #About .co-blue {} #About .sub-txt {} #About .rf-obj-01 {} #About .rf-obj-01 .intro-box {} #About .rf-obj-01 .intro-box .int-tit {} #About .rf-obj-01 .intro-box .int-tit > img {} #About .rf-obj-01 .intro-box .circle-bg {} #About .rf-obj-01 .ani-box {} #About .rf-obj-01 .ani-box .bg-box {} #About .cite-list {} #About .cite-list li {} #About .cite-list li:nth-child(1) {} #About .cite-list li:nth-child(2) {} #About .cite-list li:nth-child(3) {} #About .cite-list li:last-of-type {} #About .cite-list li .item {} #About .cite-list li .item .inner-con {} #About .cite-list li:nth-child(2) .item {} #About .cite-list li .icon-box {} #About .cite-list li .icon-box > img {} #About .cite-list li:nth-child(3) .icon-box > img {} #About .cite-list .img-center {} #About .cite-list strong {} #About .cont-2 {} #About .cont-2:before {} #About .cont-2 .sub-txt {} #About .cont-2 .sub-txt b {} #About .ReWr {} #About .ReWr .re-list {} #About .ReWr .re-list + .re-list {} #About .ReWr .re-list > .reTit {} #About .ReWr .re-list:nth-child(1) > .reTit {} #About .ReWr .re-list:nth-child(2) > .reTit {} #About .ReWr .re-list:nth-child(3) > .reTit {} #About .ReWr .re-list > .reTit strong {} #About .ReWr .re-list > .reTit strong b {} #About .ReWr .re-list > dd {} #About .btm-txt {} #About .btm-txt p {} #About .btm-txt p + p {} } @media (max-width: 480px) { #About {} #About:before {} #About article {} #About .intro {} #About .about-tit-box {} #About .about-tit-box .tit {} #About .about-tit-box .txt { } #About .co-blue {} #About .sub-txt {} #About .rf-obj-01 {} #About .rf-obj-01 .intro-box {} #About .rf-obj-01 .intro-box .int-tit { width: 330px; height: 330px; } #About .rf-obj-01 .intro-box .int-tit > img {} #About .rf-obj-01 .intro-box .circle-bg {} #About .rf-obj-01 .ani-box {} #About .rf-obj-01 .ani-box .bg-box {} #About .cite-list {} #About .cite-list li { width: 240px; } #About .cite-list li:nth-child(1) {} #About .cite-list li:nth-child(2) {} #About .cite-list li:nth-child(3) {} #About .cite-list li:last-of-type {} #About .cite-list li .item {} #About .cite-list li .item .inner-con { } #About .cite-list li:nth-child(2) .item {} #About .cite-list li .icon-box {} #About .cite-list li .icon-box > img {} #About .cite-list li:nth-child(3) .icon-box > img {} #About .cite-list .img-center {} #About .cite-list strong {} #About .cont-2 {} #About .cont-2:before {} #About .cont-2 .sub-txt {} #About .cont-2 .sub-txt b {} #About .ReWr {} #About .ReWr .re-list { padding: 0; } #About .ReWr .re-list + .re-list {} #About .ReWr .re-list > .reTit { width: 300px; height: 300px; } #About .ReWr .re-list:nth-child(1) > .reTit {} #About .ReWr .re-list:nth-child(2) > .reTit {} #About .ReWr .re-list:nth-child(3) > .reTit {} #About .ReWr .re-list > .reTit strong {} #About .ReWr .re-list > .reTit strong b {} #About .ReWr .re-list > dd {} #About .btm-txt {} #About .btm-txt p {} #About .btm-txt p + p {} } @media (max-width: 360px) { #About {} #About:before {} #About article {} #About .intro {} #About .about-tit-box {} #About .about-tit-box .tit {} #About .about-tit-box .txt {} #About .co-blue {} #About .sub-txt {} #About .rf-obj-01 {} #About .rf-obj-01 .intro-box {} #About .rf-obj-01 .intro-box .int-tit { width: 290px; height: 290px; } #About .rf-obj-01 .intro-box .int-tit > img {} #About .rf-obj-01 .intro-box .circle-bg {} #About .rf-obj-01 .ani-box {} #About .rf-obj-01 .ani-box .bg-box {} #About .cite-list {} #About .cite-list li {} #About .cite-list li:nth-child(1) {} #About .cite-list li:nth-child(2) {} #About .cite-list li:nth-child(3) {} #About .cite-list li:last-of-type {} #About .cite-list li .item {} #About .cite-list li .item .inner-con {} #About .cite-list li:nth-child(2) .item {} #About .cite-list li .icon-box {} #About .cite-list li .icon-box > img {} #About .cite-list li:nth-child(3) .icon-box > img {} #About .cite-list .img-center {} #About .cite-list strong {} #About .cont-2 {} #About .cont-2:before {} #About .cont-2 .sub-txt {} #About .cont-2 .sub-txt b {} #About .ReWr {} #About .ReWr .re-list {} #About .ReWr .re-list + .re-list {} #About .ReWr .re-list > .reTit {} #About .ReWr .re-list:nth-child(1) > .reTit {} #About .ReWr .re-list:nth-child(2) > .reTit {} #About .ReWr .re-list:nth-child(3) > .reTit {} #About .ReWr .re-list > .reTit strong {} #About .ReWr .re-list > .reTit strong b {} #About .ReWr .re-list > dd {} #About .btm-txt {} #About .btm-txt p {} #About .btm-txt p + p {} } /* -------------------------------- sub1_3 : 비전 -------------------------------- */ #Vision{position:relative; padding-bottom:200px;} #Vision:before{content:"VISION";position:fixed;top:50%;left:50%;font-size:300px;font-family: "Poppins", sans-serif;font-weight:bold;transform:translate(-50%, -50%);opacity:0.02;text-transform:uppercase;} #Vision article{max-width: 1774px;width:95%;margin:0 auto;position: relative;z-index: 1;} #Vision .intro{position: relative;} #Vision .vs-tit-box {margin-bottom:50px;text-align: center;} #Vision .vs-tit-box .tit {font-size: 24px;line-height: 1.5;color:#0067db;font-weight: 600;margin-bottom: 30px;font-family: "Poppins", sans-serif;text-transform: uppercase;} #Vision .vs-tit-box .txt {font-size: 42px;line-height: 1.5;letter-spacing: -2px;color: #000;font-weight: 500;} #Vision .co-blue {color: #073f85;} #Vision .vs-banner-box{position: relative;height: 380px;margin: 60px 0 80px;overflow: hidden;z-index: 1;} #Vision .vs-banner-box:before{z-index:-1;content:"";position:absolute;height:100%;overflow: hidden;background-attachment: fixed;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url("/images/sub/vs_img.jpg");} #Vision .body-lines{top:auto;position: absolute;bottom: 0;left: 0;width: 100%;height: 80%;overflow: hidden;} #Vision .vs-con-box {display: flex;justify-content: space-between;padding: 0 4%;flex-direction: column;} #Vision .vs-con-box .left-con {/* width: 300px; */box-sizing: border-box;/* padding-right: 60px; */} #Vision .vs-con-box .left-con .txt {font-size: 29px;line-height: 1.4;letter-spacing: -1px;color: #000;font-weight: 700;} #Vision .vs-con-box .right-con {/* width: calc(100% - 300px); */} #Vision .vs-con-box .right-con .txt {font-size: 29px;line-height: 1.6;letter-spacing: -1px;color: #000;margin-bottom: 30px;} #Vision .cirD{position: relative;margin: 150px 0 150px;} #Vision .cirD .cirTit{font-size: 50px;font-weight: 500;letter-spacing: -1px;line-height: 1.4;position: absolute;left: 7%;top: -100px;z-index: 1;display: block;} #Vision .cirD .cirWr { position: relative; display: flex; margin: 80px auto 0; align-items: center; justify-content: center; overflow: visible;} #Vision .cirD .line.before, #Vision .cirD .line.after, #Vision .cirD .line.md {position: absolute; height: 1px; background-color: #e6e6e6; width: 0;} #Vision .cirD .line.before {top: 0; left: 0; animation: lineLeftToRight 1s ease-out forwards; animation-delay: 0.5s;} #Vision .cirD .line.md {top: 50%; right: 0; transform: translateY(-50%); animation: lineRightToLeft 1s ease-out forwards; animation-delay: 1.8s;} #Vision .cirD .line.after {bottom: 3px; left: 0; animation: lineLeftToRight 1s ease-out forwards; animation-delay: 1.2s;} @keyframes lineLeftToRight { 0% { width: 0; } 100% { width: 100%; } } @keyframes lineRightToLeft { 0% { width: 0; right: 0; } 100% { width: 100%; right: 0; } } #Vision .cirD .cirWr .cir {position: relative;/* width: calc(100%/3); *//* padding-top: calc(100%/3); */} #Vision .cirD .cirWr .cir + .cir {margin-left: -80px;} /* 처음 상태: 안 그려진 상태 */ #Vision .cirD .cirWr .cir .svg svg {width: 100%; height: 100%; stroke-dasharray: 2017; stroke-dashoffset: 2017; stroke-linecap: round; transform: rotate(-90deg);} /* 짝수 번째만 회전 방향 반대 */ #Vision .cirD .cirWr .cir:nth-of-type(2n) .svg svg {transform: rotate(-270deg);} /* 애니메이션: 1초 동안 그려지며 멈춤 */ #Vision .aos-animate.cirWr .cir .svg svg {animation: drawCircle 1s linear forwards; animation-delay: 1s;} #Vision .cirD .cir .box {position: absolute;left: 50%;top: 50%;width: 420px;transform: translate(-50%, -50%);text-align: center;} #Vision .cirD .cir .box .txtWr{text-align: center;display: inline-block;} #Vision .cirD .cir .box .txtWr p{font-size: 32px;font-weight: bold;letter-spacing:-.5px;color: #000;line-height: 1.4;word-break: keep-all;} #Vision .cirD .cir .box .txtWr p b{color: #0f64c5;} #Vision .cirD .cir .box .tit a{display:flex;flex-direction: column;gap: 20px;} #Vision .cirD .cir .box .tit small {display: block;font-size: 48px;font-weight: 700;transition: .3s;height: 72px;transition: .3s;} #Vision .cirD .cir .box .tit big{display: inline-block;font-size: 32px;font-weight: 600;letter-spacing: -.5px;text-transform: uppercase;font-family: "Poppins", sans-serif;color: #0f64c5;position: relative;transition: .3s;height: 72px;} #Vision .cirD .cir .box .tit a:hover small{color: #0f64c5;} @keyframes drawCircle { 0% { stroke-dashoffset: 2017; } 100% { stroke-dashoffset: 0; } } @keyframes arrRight2 { 0% {transform:rotate(0deg) translate(-4px, 0px);} 50% {transform:rotate(0deg) translate(4px, 0px);} 100% {transform:rotate(0deg) translate(-4px, 0px);} } #Vision .btm-txt{padding:0 4%;text-align:center;font-size: 42px;line-height: 1.5;letter-spacing: -2px;color: #000;font-weight: 500;} @media (max-width: 1500px) { } @media (max-width: 1200px) { #Vision .cirD .cir .box .tit small {font-size:32px;height: auto;} #Vision .cirD .cir .box .tit big {font-size: 16px;height: auto;} } @media (max-width: 1024px) { } @media (max-width: 768px) { #Vision {padding-bottom: 120px;} #Vision .vs-banner-box:before {background-attachment:scroll;} #Vision:before {font-size:100px;} #Vision .vs-tit-box {margin-bottom:30px;} #Vision .vs-tit-box .tit {font-size:20px;} #Vision .co-blue {font-size:22px;} #Vision .vs-tit-box .txt {font-size:18px;} #Vision .vs-banner-box {height:200px;margin: 20px 0 40px;} #Vision .vs-con-box .right-con .txt {font-size:18px;} #Vision .cirD {margin: 60px 0 60px;} #Vision .cirD .cirTit {font-size:28px;position: relative;left: initial;top: 0;padding: 0 20px;text-align: center;} #Vision .cirD .cirWr {flex-direction:column;padding: 0 20px;margin: 32px auto 0;} #Vision .cirD .cirWr .cir + .cir{margin-left:0; margin-top:-8%;} #Vision .btm-txt {font-size:18px;} } @media (max-width: 640px) { } @media (max-width: 480px) { } @media (max-width: 360px) { } /* -------------------------------- sub1_4 : 연혁 -------------------------------- */ #History{position:relative; padding-bottom:100px;} #History:before{content:"History"; position:fixed; top:50%; left:50%; font-size:300px;font-family: "Poppins", sans-serif;font-weight:600;transform:translate(-50%, -50%);opacity:0.02;text-transform:uppercase;} .history-con-wrap {position: relative;} .history-percent-bar {position: absolute;top: 0;left: 50%;width: 5px;border-radius: 5px;height: calc(100% - 83px);background-color: #eee;} .history-percent-bar .percent-bar-child {position: absolute;content: "";width: 100%;height: 0;background-color: #0064dc;z-index: 1;/* transition: all 0.3s; */} .percent-bar-child .point { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: -50px; left: calc(50% - 25px); content: ""; z-index: 5; width: 50px; height: 50px; background: #0064dc; border-radius: 50%; background-size: 100%; text-align: center; line-height: 50px; color: #fff; font-size: 25px; box-shadow: 0px 10px 20px rgb(0 100 220 / 46%); } /* -------- 좌측(년대) -------- */ .history-con .history-year-group-box {position: relative; display: flex; padding-bottom: 6rem;} #fixedContent03 .history-year-group-box {padding-bottom: 0;} /* .history-con .history-year-group-box .history-back-line{position:absolute; top:10px; height:100%; width:5px; left:50%; margin-left: -5px; background-color:#eeeeee; } .history-con .history-year-group-box .history-back-line .line-inner{display:block; width:100%; height:0; background-color:var(--history-color);} */ .history-con .history-year-group-box .history-year-group-tit-box {width: 50%; text-align: right;} .history-con .history-year-group-box .history-year-group-tit-box .history-year-group-tit {font-size: 90px;font-family: "Poppins", sans-serif;font-weight: 600;letter-spacing: -0.050em;color: #000000;transition: all 0.3s;} .history-con .history-year-group-box .history-year-group-tit-box .history-year-group-txt {font-size: 2rem; font-weight: 700; letter-spacing: -0.050em; color: #000000; padding-top: 1rem; transition: all 0.3s;} /* -------- 우측영역(정보) -------- */ .history-con .history-year-list-box {width: 50%;/* padding-top: 20px; */} .history-con .history-year-list-box .history-year-item {position: relative;display: flex;margin-bottom: 70px;} .history-con .history-year-list-box .history-year-item:before {position: absolute;width: 5px;height: 5px;border-radius: 5px;content: '';top: 12px;background: #cccccc;} #fixedContent03 .history-year-list-box .history-year-item:last-of-type {margin-bottom: 0;} .history-con .history-year-list-box .history-year-item .history-year {width: 100px;font-family: "Poppins", sans-serif;font-size: 34px;font-weight: 400;letter-spacing: -0.050em;color: #000;} .history-con .history-month-box {width: calc(100% - 95px);padding: 2px 0 0 0;} .history-con .history-month-box .history-detail-txt {position: relative;font-size: 22px;font-weight: 500;letter-spacing: -0.050em;color: #000;line-height: 1.33;margin-bottom: 10px;padding-left: 18px;word-break: keep-all;} .history-con .history-month-box .history-detail-txt:before {position: absolute;content: '-';top: -2px;} /* active */ .history-con .history-year-group-box.active .history-year-group-tit, .history-con .history-year-group-box.active .history-year-group-txt {color: #0064dc;} @media all and (min-width:801px){ .history-con .history-year-group-box:not(.reverse) .history-year-group-tit-box {padding-right: 90px;} .history-con .history-year-group-box:not(.reverse) .history-year-list-box {padding-left: 97px;} .history-con .history-year-group-box:not(.reverse) .history-month-box .history-detail-txt:before {left: 0;} .history-con .history-year-group-box:not(.reverse) .history-year-list-box .history-year-item:before {left: -97px;} .history-con .history-year-group-box.reverse {flex-direction:row-reverse;} .history-con .history-year-group-box.reverse .history-year-list-box {padding-right: 97px;} .history-con .history-year-group-box.reverse .history-year-list-box .history-year-item:before {right: -102px;} .history-con .history-year-group-box.reverse .history-year-group-tit-box {padding-left: 90px;text-align: left;} .history-con .history-year-group-box.reverse .history-year-list-box .history-year-item {flex-direction:row-reverse;} .history-con .history-year-group-box.reverse .history-year-list-box .history-year-item .history-year {text-align: right;} .history-con .history-year-group-box.reverse .history-month-box {text-align: right;} .history-con .history-year-group-box.reverse .history-month-box .history-detail-txt {padding-left: 0; padding-right: 1.2rem;} .history-con .history-year-group-box.reverse .history-month-box .history-detail-txt:before {right: 0;} } @media all and (max-width:800px){ #History {padding-bottom:0;} #History:before {font-size:100px;} .history-top-con {padding-top: 35%; margin-bottom: 8rem;} .history-percent-bar {left: 20px;height: calc(100% - 8.6rem);} .history-con .history-year-group-box {padding-left: 5rem;display: block;} .history-con .history-year-group-box .history-year-group-tit-box {text-align: left; width: 100%; margin-bottom: 3rem;} .history-con .history-year-group-box .history-year-group-tit-box .history-year-group-tit {font-size: 4rem;} .history-con .history-year-list-box {width: 100%;} .history-con .history-year-list-box .history-year-item:before {left: -60px;} .history-con .history-month-box .history-detail-txt:before {left: 0;} .history-con .history-year-list-box .history-year-item {margin-bottom: 5rem; display: block;} .history-con .history-year-list-box .history-year-item .history-year {width: 100%;margin-bottom: 1.5rem;font-size: 28px;} .history-con .history-month-box .history-detail-txt {font-size:18px;} .history-con .history-month-box {width: 100%;} } /* -------------------------------- sub1_5 : 찾아오시는길 -------------------------------- */ #contact{position:relative;padding-bottom:160px;} #contact .map-wrap{position: relative;} #contact .root_daum_roughmap .border1, #contact .root_daum_roughmap .border2, #contact .root_daum_roughmap .border3, #contact .root_daum_roughmap .border4{border:0 !important; opacity:0 !important;} #contact .root_daum_roughmap .cont{display:none;} #contact .map-wrap .mapp{position:relative;border: 1px solid #e3e3e3;box-sizing: border-box;height: 500px;} #contact .map-wrap .mapp:before{content:"";border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;height: 500px;width: 100vw;position:absolute;left: 50%;top: -1px;margin: 0 0 0 -50vw;z-index: 0;} #contact .map-wrap .map-info-box {position: relative;z-index: 10;padding: 50px 60px 60px;box-sizing:border-box;border: 1px solid #f2f2f2;border-bottom: 0;border-top: 0;} #contact .map-wrap .map-info-box .location-tit {position: relative;margin-bottom: 20px;} #contact .map-wrap .map-info-box .location-tit i {font-size: 24px;color: #2469c3;position:absolute;left:0;top: 4px;font-weight: normal;} #contact .map-wrap .map-info-box .location-tit p{font-size: 24px;letter-spacing:-0.04em;color: #212121;font-weight: 600;line-height:1.5em;padding-left: 32px;} #contact .map-wrap .loca-txt{display:block;font-size:17px;font-weight: 500;line-height:1.5;margin-top:10px;} #contact .map-wrap .loca-info-list {position: relative;} #contact .map-wrap .loca-info-list .loca-item {display:flex;position: relative;} #contact .map-wrap .loca-info-list .loca-item dl {display:flex; align-items:center;} #contact .map-wrap .loca-info-list .loca-item i {font-size: 19px;line-height:2.133em;color: #2469c3;margin-right: 18px;position:absolute;left:0;top: -1px;font-weight: normal;} #contact .map-wrap .loca-info-list .loca-item dl dt {font-size: 17px;line-height: 2;font-weight: 600;color: #212121;margin-right: 18px;padding-left: 30px;font-family: "Poppins", sans-serif;} #contact .map-wrap .loca-info-list .loca-item dl dd {font-size: 18px;line-height:2;font-weight: 500;color: #555;} #contact .map-wrap .loca-info-list .loca-item dl dd a{color:inherit;} #contact .map-wrap .loca-info-list .loca-item dl dd br{display:none;} #contact .loca-link {display:flex;gap: 5px;align-items:center;justify-content:center;width: 140px;height: 140px;border-radius:100%;background: rgb(36 105 195);position:absolute;right: 70px;bottom: -75px;transition:.3s ease-out;z-index: 15;box-shadow: 22px 21px 69px 13px rgba(36, 105, 195, 0.16);flex-direction: column;padding-bottom: 5px;} #contact .loca-link {color: #fff;font-size: 20px;font-weight: 500;line-height: 1.3;} #contact .loca-link:hover{width:160px; height:160px; font-size:22px;background: #0063e4; padding-bottom:15px;} #contact .loca-list{position: relative; background: #fff;} #contact .loca-list:before{content:"";border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;height:100%;width: 100vw;position:absolute;left: 50%;margin: 0 0 0 -50vw;z-index: 0;} #contact .loca-list > ul{border: 1px solid #e1e3e5;position: relative;} #contact .loca-list > ul > li{display:flex;padding: 60px 0 60px 50px;} #contact .loca-list > ul > li + li{border-top: 1px solid #e1e3e5;} #contact .loca-list > ul > li:nth-child(odd){background:#fefefe;} #contact .loca-list .icon{width: 180px;text-align:center;display:flex;flex-direction:column;align-items:center;font-size: 22px;font-weight: bold;color: #253369;} #contact .loca-list .icon i{font-size:70px;margin-top:10px;font-weight: normal;} #contact .loca-list .txt-wrap{width: calc(100% - 180px);padding-left:100px;} #contact .loca-list .txt-wrap > dl{position: relative;font-size:17px;color:#555;font-weight:400;line-height:1.8;word-break:keep-all;display:flex;flex-wrap: wrap;} #contact .loca-list .txt-wrap > dl + dl{margin-top:20px;} #contact .loca-list .txt-wrap > dl > dt{font-weight: bold;color: #0067db;display:inline-block;font-size:19px;letter-spacing:-.5px;width: 160px;} #contact .loca-list .txt-wrap > dl > dd{width:calc(100% - 200px);font-weight: 500;color: #333;} #contact .loca-list .txt-wrap p{} #contact .d-title2{font-weight: bold;display:block;font-size: 19px;letter-spacing: -1px;margin-bottom: 15px;} #contact .bus{float:left;width:487px;} #contact .bus .place{} #contact .bus .place > a{font-size: 18px;font-weight: 600;text-decoration: underline;letter-spacing: -.5px;color: #666;} #contact .bus .route strong{margin-right:10px;display:inline-block;width:51px;height:23px;line-height:23px;color:#fff;font-size:14px;background:#3b83c6;border-radius:3px;text-align:center;font-weight:normal;} #contact .bus .route li{margin-top:15px;font-size:16px;color:#666;} #contact .bus .route li:nth-child(2) strong{background:#aacd06;} #contact .subway{float:left;width:613px;} #contact .station li{margin-top:15px;font-size:16px;color:#333;letter-spacing:-1px;} #contact .station li:first-child{margin-top:0;} #contact .station li img{margin-right:25px;} #contact .loca-list a:hover{text-decoration:underline;} @media (max-width: 1170px){ #contact .map-wrap {border-radius: 0; border: 0;} #contact .map-wrap .map-info-box {position: relative; bottom: auto; left: auto;} #contact .loca-list > ul > li {padding: 30px 0 40px 30px;} #contact .loca-list .txt-wrap {padding-left: 80px;} } @media (max-width: 767px){ #contact {padding-bottom:120px;} #contact .map-wrap {margin-bottom: 40px;} #contact .map-wrap .map{height:300px;} #contact .map-wrap .mapp {height:300px;} #contact .map-wrap .mapp:before {height: 566px;} #contact .map-wrap .map-info-box{padding:25px;} #contact .map-wrap .map-info-box .location-tit {margin-bottom: 20px;} #contact .map-wrap .loca-info-list {display: flex; flex-direction: column; gap: 10px;} #contact .map-wrap .map-info-box .location-tit p {font-size: 17px;} #contact .map-wrap .loca-info-list .loca-item dl {align-items: flex-start; flex-direction: column;} #contact .map-wrap .loca-info-list .loca-item dl dd {font-size: 15px; line-height: 1.5;} #contact .map-wrap .loca-info-list .loca-item dl dd br{display:block;} #contact .subway {float: none; width: 100%;} #contact .station li {display: flex;flex-direction: column;align-items: center;gap: 10px;} #contact .station li img {margin-right: 0; max-width: 100%;} #contact .loca-list > ul > li {padding: 25px;flex-direction: column;gap: 20px;} #contact .loca-list .icon {width: 100%; gap: 10px; flex-direction: row-reverse; align-items: center; font-size: 22px; justify-content: center;} #contact .loca-list .icon i {font-size: 40px; margin-top: 0px;} #contact .loca-list .txt-wrap {padding-left: 0; width: 100%;} #contact .loca-list .txt-wrap > dl {flex-direction: column;} #contact .loca-list .txt-wrap > dl > dd {width: 100%;} #contact .map-wrap .loca-txt{font-size:14px;} #contact .loca-link{display:none;} } @media (max-width: 378px) { #contact .map-wrap .mapp:before {height: 600px;} #contact .bus .route li {width: 50%;} } /* -------------------------------- sub2 : 교수진 -------------------------------- */ #Prof {position:relative;} .max-w{max-width: 1420px;margin:0 auto;position: relative; text-align:center;} /* #Prof .ProfList{max-width: 1774px;margin:0 auto;position: relative; text-align:center;} #Prof .ProfList .prof-slider{display:flex;gap: 60px 25px;min-height:562px;flex-wrap: wrap;} #Prof .ProfList li.flip-box{position:relative; transition: .3s;} #Prof .ProfList .flip-inner{ position: relative;width: 100%;height: 100%;text-align: center; -webkit-transition: -webkit-transform 1s;transition: -webkit-transform 1s;-o-transition: transform 1s;transition: transform 1s;transition: transform 1s, -webkit-transform 1s; -webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 600px;perspective: 600px; } #Prof .ProfList .non-box{position:absolute;z-index: 1;width: 100%;bottom: 0;} #Prof .ProfList .flip-box .flip .imgWr {position: absolute;left: 0;bottom: 0;width: 100%;padding-top: 104%;overflow: hidden;border-radius: 0px;transform-origin: center center;transition: .2s ease-out;z-index:0;} #Prof .ProfList .flip-box .flip .imgWr img{position: absolute;left: 50%;width:auto;height:auto;bottom: 0;transition: .3s;-o-object-fit: cover;object-fit: cover;z-index: 0;display: block;border: 0;transform: translate(-50%, -0%);} #Prof .ProfList .flip-box .flip-back .imgWr {width: 100px;height: 100px;left: auto;right: 32px;bottom: 32px;border-radius: 50%;background: #fff;padding: 0;} #Prof .ProfList .flip-box .flip-back .imgWr img {transform: scale(1.1) translate(-0%, -0%);left: 0;width:100%;height:100%;} #Prof .ProfList .flip-box .nw-btn{position: absolute;left: 35px;bottom: 35px;} #Prof .ProfList .flip-box .nw-btn > i{background: rgb(0,0,0,.2);width: 50px;height: 50px;font-size: 32px;color:#fff;border-radius:50%;font-weight:normal;display: flex;justify-content: center;align-items: center;transition:.3s;} #Prof .ProfList .flip-box:hover .nw-btn:hover > i{background:#006beb;transform:rotate(45deg);} #Prof .ProfList .flip-box:hover .nw-btn > i{background:rgb(255,255,255,.2);} #Prof .ProfList .flip-inner:before{content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: #14173b; border-radius: 15px; z-index: 1; transition: all 0.75s ease-in-out;} #Prof .ProfList .flip-box:nth-child(1) .flip-inner:before{transition-delay:.1s ;} #Prof .ProfList .flip-box:nth-child(2) .flip-inner:before {transition-delay:.2s ;} #Prof .ProfList .flip-box:nth-child(3) .flip-inner:before{transition-delay:.3s ;} #Prof .ProfList .flip-box{width: calc(20% - 24px);height: 460px;border-radius: 25px;position: relative;} #Prof .ProfList .flip-box .flip-front figure > img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; max-width:100%; object-fit:cover;} #Prof .ProfList .flip-inner > div{backface-visibility: hidden;background-size: cover;background: #f8f8f8;height: 100%;transition: all 1s cubic-bezier(0.4, 0.2, 0.2, 1);backface-visibility: hidden;transform-style: preserve-3d;} #Prof .ProfList .flip-box .flip-front{transform: rotateY(0deg);} #Prof .ProfList .flip-box .flip-back{transform: rotateY(180deg);position: absolute;left: 0;top: 0;width: 100%;color: #fff;background: url("/images/main/lion.png") no-repeat right -140px bottom -80px #223662;} #Prof .ProfList .flip-box:hover{} #Prof .ProfList .flip-box:hover .flip-front{transform: rotateY(-180deg); transform-style: preserve-3d;} #Prof .ProfList .flip-box:hover .flip-back{transform: rotateY(0deg);box-shadow: 0px 20px 50px 0px rgba(79, 85, 99, 0.15);} */ /* 기본 */ /*#Prof .ProfList .flip-box .flip {z-index: 1;position: relative;transform: translateZ(60px) scale(0.9);width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;flex-direction: column;padding: 40px 45px;text-align: left;justify-content: flex-start;} #Prof .ProfList .flip-box .flip .tit-box{position: relative;} #Prof .ProfList .flip-box .flip .tit-box .tit{position:relative;color: #212121;} #Prof .ProfList .flip-box .flip .tit-box .tit big{display: block;font-size: 28px;} #Prof .ProfList .flip-box .flip .tit-box .tit big b{font-weight: bold;} #Prof .ProfList .flip-box .flip .tit-box .tit big span{font-size: 18px;} #Prof .ProfList .flip-box .flip .tit-box .tit small{opacity: .9;font-size: 18px;font-weight: 300;display:block;margin-top: 7px;} */ /* 뒷면 */ /*#Prof .ProfList .flip-box .flip-back .flip{padding: 35px 35px;align-items: flex-end;} #Prof .ProfList .flip-box .flip-back .tit-box{background: transparent;width: 100%;padding: 0;)%;} #Prof .ProfList .flip-box .flip-back .tit-box:before{display:none;} #Prof .ProfList .flip-box .flip-back .tit-box{text-align: left;border-radius: 0;overflow: visible;color:#212121;} #Prof .ProfList .flip-box .flip-back .tit-box .tit{} #Prof .ProfList .flip-box .flip-back .tit-box .tit big{} #Prof .ProfList .flip-box .flip-back .tit-box .tit big b{color: #fff;} #Prof .ProfList .flip-box .flip-back .tit-box .tit big span{color: #fff;opacity: .7;} #Prof .ProfList .flip-box .flip-back .tit-box .tit small{color: #fff;} #Prof .ProfList .flip-box .flip-back .tag{display:flex;flex-wrap: wrap;gap: 5px;overflow: hidden;max-height: 180px;} #Prof .ProfList .flip-box .flip-back .tag > p, #Prof .ProfList .flip-box .flip-back .tag > li{display:inline-block; padding:3px 8px; border-radius:4px; background:#eeeeee; color:#575757;font-size: 13px;font-family: 'S-CoreDream-4Regular';} #Prof .ProfList .flip-box .flip-back .icon-wr{margin: 30px 0 0 0;width: 100%;} #Prof .ProfList .flip-box .flip-back .icon-wr > li{position: relative;line-height:1.2;padding-left: 28px;color: #fff;font-size: 16px;font-weight: 300;} #Prof .ProfList .flip-box .flip-back .icon-wr > li + li{margin-top: 10px;} #Prof .ProfList .flip-box .flip-back .icon-wr > li > a{color: inherit;} #Prof .ProfList .flip-box .flip-back .icon-wr > li i.icon{position: absolute;left: 0;top: 0px;font-size: 17px;font-weight: normal;} #Prof .ProfList .flip-box .flip-back .icon-wr > li > a:hover{text-decoration:underline;} #Prof .ProfList .flip-box .flip-front figure{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius:10px; overflow: hidden; margin: 0;} #Prof .ProfList .flip-box:nth-child(1) .flip-front p{transition-delay: 0.1s;} #Prof .ProfList .flip-box:nth-child(2) .flip-front p{transition-delay: 0.25s;} #Prof .ProfList .flip-box:nth-child(3) .flip-front p{transition-delay: 0.4s;} #Prof .ProfList .flip-inner:before{width: 0%;} #Prof .ProfList .flip-box .flip-front p{opacity: 1; transform: translateX(0);} */ /* 뷰페이지 */ /*#Prof .prof-view{} #Prof .prof-view .PV-top{position:relative;display:flex;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;} #Prof .prof-view .PV-top:before{content:""; border-top: 1px solid #e6e6e6; height:1px; width:100%; position:absolute; top:50%; left:0; z-index:1;} #Prof .prof-view .PV-top .left{width: calc(50% - 66px);position:relative;background: #f8f8f8;overflow: hidden;margin-right: 66px;} #Prof .prof-view .PV-top .pv-img{position: relative;text-align: center;transition:.8s;height: 780px;display: flex;justify-content: center;align-items: center;} #Prof .prof-view .PV-top .pv-img > img{max-width:100%;overflow: hidden;position: relative;z-index: 2;} #Prof .prof-view .PV-top .eng-name{display: inline-flex;flex-direction: column;position: absolute;top: 10%;left: 50%;width: 100%;font-family: "Poppins", sans-serif;color: #b3b3b3;white-space: nowrap;letter-spacing: -1px;line-height: 1;transform: translate(-50%, 0%);} #Prof .prof-view .PV-top .eng-name small{font-size: 44px;font-weight: 600;} #Prof .prof-view .PV-top .eng-name big{font-size: 107px;font-weight: 600;} #Prof .prof-view .RollTxt{position:absolute;top: 41px;width: 100vw;left:50%;margin-left: -50vw;white-space:nowrap;z-index: -1;} #Prof .prof-view .RollTxt .flow-text{display:flex;white-space:nowrap;transition:0.3s;gap: 30px;} #Prof .prof-view .RollTxt .flow-wrap{animation:textLoop 10s linear infinite;display: flex;align-items: center;font-size: 107px;font-weight: 600;} @keyframes textLoop{ 0%{-webkit-transform:translate3d(0%, 0, 0); transform:translate3d(0%, 0, 0);} 100% {-webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0);} } #Prof .prof-view .PV-top .right{background:url("/images/common/r_b.png") right 100px bottom 30% no-repeat;position: relative;display: flex;border-left: 1px solid #e6e6e6;width: 50%;padding: 0px 0 0px 110px;} #Prof .prof-view .PV-top .txt-area{width:720px;position:relative;} #Prof .prof-view .PV-top .txt-area .topWr{height: 50%; padding: 60px 0 66px; display: flex; flex-direction: column; justify-content: space-between;} #Prof .prof-view .PV-top .txt-area .top-slo{display: flex; justify-content: space-between;} #Prof .prof-view .PV-top .txt-area .top-slo .h-logo{display: inline-block; background: url("/images/common/HYU_logo_c2.png") no-repeat; width: 149px; height: 40px;} #Prof .prof-view .PV-top .txt-area .top-slo .sm-txt{font-size:20px;font-weight: 600;color: #004483;line-height: 1.2;font-family: "Poppins", sans-serif;text-align: right;} #Prof .prof-view .PV-top .txt-area .top-slo .sm-txt > span{transition:.8s;display:block;} #Prof .prof-view .PV-top .txt-area .tit-wr{} #Prof .prof-view .PV-top .txt-area .tit-wr big{font-size: 48px;color: #000;font-weight: bold;margin-right: 15px;} #Prof .prof-view .PV-top .txt-area .tit-wr small{font-size:30px; } #Prof .prof-view .PV-top .txt-area .tit-wr small span{position:relative;} #Prof .prof-view .PV-top .txt-area .tit-wr small span + span{padding-left: 15px;margin-left: 15px;} #Prof .prof-view .PV-top .txt-area .tit-wr small span + span:before{content:"";position:absolute;left:0;background:#212121;width:1px;height:28px;bottom: 3px;display:block;} #Prof .prof-view .PV-top .txt-area .tit-wr .dp{font-size:28px;color:#d74274;display: block;margin-top: 20px;} #Prof .prof-view .info-wr{margin-top: 50px;} #Prof .prof-view .info-wr strong{margin-bottom: 20px;display:block;font-size: 25px;font-weight: 600;color: #212121;font-family: "Poppins", sans-serif;} #Prof .prof-view .info-wr ul{} #Prof .prof-view .info-wr ul > li{position: relative;font-size: 19px;font-weight: 500;padding-left: 35px;font-family: "Poppins", sans-serif;} #Prof .prof-view .info-wr ul > li > a{} #Prof .prof-view .info-wr ul > li i.icon{position:absolute;left:0;font-size: 22px;font-weight: normal;top: 2px;} #Prof .prof-view .info-wr ul > li > a:hover{text-decoration:underline;} #Prof .prof-view .info-wr ul > li + li{margin-top: 9px;} #Prof .prof-view .PV-bottom{position: relative; border-top: 66px solid #004483; border-bottom: 1px solid #e6e6e6; display: flex;} #Prof .prof-view .PV-bottom .left{position: relative; width: 25%;} #Prof .prof-view .PV-bottom .prof-about{position: absolute;right: 30px;top: -155px;opacity: .1;writing-mode: vertical-rl;transform: rotate(180deg);text-orientation: mixed;height: 1000px;display: block;font-family: "Poppins", sans-serif;color: #000;font-weight: 600;font-size: 100px;} #Prof .prof-view .PV-bottom .right{width: 100%; border-left: 1px solid #e6e6e6; position: relative;} #Prof .prof-view .flex-wr{display: flex;border-bottom: 1px solid #ddd;flex-direction: column;} #Prof .prof-view .flex-wr > dt{color: #000;font-size: 38px;position: relative;line-height: 1;width: 100%;font-family: "Poppins", sans-serif;font-weight: 600;letter-spacing: -.5px;padding: 60px 0 30px 150px;border-bottom: 1px solid #e6e6e6;} #Prof .prof-view .flex-wr > dd{position: relative;padding: 40px 200px 40px 150px;} #Prof .prof-view .flex-wr > dd:before{content:""; position:absolute; left:66px; background:#e6e6e6; height:100%; width:1px; top:0;} #Prof .prof-view .flex-wr > dd p{font-size:20px;color: #212121;position:relative;padding-left:20px;line-height:1.3;} #Prof .prof-view .flex-wr > dd p + p{margin-top:10px;} #Prof .prof-view .flex-wr > dd p:before{content:"";background: #000;width:5px;height:5px;position:absolute;left:0;top:10px;} #Prof .prof-view .flex-wr > dd .txtBox p{padding:0; line-height:1.6; font-weight:600;} #Prof .prof-view .flex-wr > dd .txtBox p:before{display:none;} #Prof .prof-view .flex-wr > dd.block-box{display:flex;flex-wrap: wrap;align-items: flex-start; gap:10px;} #Prof .prof-view .flex-wr > dd.block-box p{box-sizing: border-box;padding: 9px 20px;border-radius: 0;font-size:18px;} #Prof .prof-view .flex-wr > dd.block-box p:before{display:none;} #Prof .prof-view .flex-wr > dd.block-box p + p{margin:0;} #Prof .prof-view .flex-wr > dd.block-box.line-box{} #Prof .prof-view .flex-wr > dd.block-box.line-box > p{border: 2px solid #000;color: #000;} #Prof .prof-view .flex-wr > dd.block-box.color-box{} #Prof .prof-view .flex-wr > dd.block-box.color-box > p{background: #000;border: 2px solid #000;color: #fff;} #Prof .prof-view .wow{display:inline-block;} #Prof .prof-view .flex-wr:last-child{border:0; padding:0; margin:0;} */ /* -------------------------------- sub3 : 연구분야 -------------------------------- */ #Rsch{position:relative;padding: 0 0 160px;} #Rsch article{max-width: 1774px; width:95%; margin:0 auto;position: relative;} #Rsch .color-tab li a span{font-weight: 600;padding: 25px 15px;font-size: 23px;} #Rsch .vs-tabs{margin: 40px auto 0px;} #Rsch .img-wrap{position: relative;height: 380px;margin: 60px 0 0px;} #Rsch .img-wrap strong{text-align:center;color:#fff;width:100%;display:flex;height:100%;justify-content: center;align-items: center;position: relative;} #Rsch .img-wrap strong.big{font-weight: 500;letter-spacing: -1px;font-family: "Poppins", sans-serif;font-size: 70px;line-height: 1.3;} #Rsch .img-wrap:before{z-index:0;content:"";position:absolute;height:100%;overflow: hidden;background-attachment: fixed;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;} #Rsch .img-wrap.rsch-bg1:before{background-image: url("/images/sub/rsch_bg1.jpg");} #Rsch .img-wrap.rsch-bg2:before{background-image: url("/images/sub/rsch_bg2.jpg");} #Rsch .img-wrap.rsch-bg3:before{background-image: url("/images/sub/rsch_bg3.jpg");} #Rsch .overview{position:relative;padding: 120px 0;max-width: 1420px;box-sizing: border-box;margin: 0 auto;} #Rsch .overview .ov-top{display: flex;align-items: flex-start;margin-bottom: 100px;flex-direction: column;} #Rsch .overview .ov-top .ov-tit{position: relative; z-index: 1;} #Rsch .overview .ov-top .ov-tit small{color: rgb(0 100 220);font-size: 24px;font-style: normal;font-weight: 500;line-height: 1.6;display: block;font-family: "Poppins", sans-serif;letter-spacing: -.5px;} #Rsch .overview .ov-top .ov-tit big{color: #1E1D1A;font-size: 70px;font-style: normal;font-weight: 700;line-height: 1.2;letter-spacing: -2px;display: block;margin-top: 20px;position: relative;} #Rsch .overview .ov-top p.ov-txt{color: #1E1D1A;font-size: 28px;font-style: normal;font-weight: 700;line-height: 1.8;letter-spacing: -1.2px;margin-top: 50px;position: relative;z-index: 1;} #Rsch .overview .over-txt{padding-left: 250px;position: relative;z-index: 1;} #Rsch .overview .over-txt > li{margin-top: 125px;display: flex;} #Rsch .overview .over-txt .ov-subj{width: 240px;} #Rsch .overview .over-txt .ov-subj h4{} #Rsch .overview .over-txt .ov-subj h4 > span{padding-bottom: 5px;padding-top: 5px;display: inline-block;color: #1E1D1A;font-size: 24px;font-style: normal;text-transform: uppercase;font-weight: 700;line-height: 1.25;font-family: "Poppins", sans-serif;border-bottom: 3px solid #1E1D1A;} #Rsch .overview .over-txt .ov-desc{width: calc(100% - 240px);} #Rsch .overview .over-txt .ov-desc p{color: #34322E;font-size: 22px;font-style: normal;font-weight: 400;line-height: 1.6;letter-spacing: -1px;} #Rsch .overview .over-txt .ov-desc p + p{margin-top:30px;} #Rsch .overview .img-list{} #Rsch .overview .img-list > ul{display:flex;gap:20px;flex-wrap: wrap;} #Rsch .overview .img-list > ul > li{position:relative;background: #000;height:0;height: 250px;border-radius: 10px;overflow: hidden;width: calc(50% - 15px);} #Rsch .overview .img-list > ul > li > img{opacity: .6;overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;} #Rsch .overview .img-list > ul > li > .txt{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;text-align: center;padding: 0 20px;word-break: keep-all;} #Rsch .overview .img-list > ul > li > .txt strong{font-size: 24px;font-weight: 600;color:#fff;} #Rsch .overview .img-list > ul > li > .txt p{color: #fff;font-size:15px;margin-top: 10px;line-height: 1.4;word-break: keep-all;} #Rsch .paralax-title{ position:absolute; left:50%; top: 180px; display:block; font-family:"Poppins", sans-serif; font-weight: 700; width:400%; text-align:left; word-spacing:-20px; font-size:180px; letter-spacing: -5px; line-height:1; z-index:0; white-space:nowrap; background-image: linear-gradient(to top, rgb(243 248 251), rgb(243 248 251 / 60%), rgb(243 248 251 / 0%)); background-clip: text; -webkit-background-clip: text; color: transparent; height: 205px; } #Rsch .sec-cont{position:relative;padding: 120px 0;} #Rsch .sec-cont + .sec-cont{margin-top:0px;} #Rsch .sec-cont.line{padding-bottom:0;} #Rsch .sec-cont.line:before{content:"";position:absolute;left: 50%;margin-left: -50vw;top:0;height: 1px;border-top: 1px solid #e8e8e8;width:100vw;z-index:0;} #Rsch .rsch-lab{} #Rsch .rsch-lab .lab-list{} #Rsch .lab-list{position: relative; max-width: 1500px; margin: 0 auto;} #Rsch .lab-list > ul{display: flex;gap: 40px;flex-wrap: wrap;} #Rsch .lab-list > ul > li{background: #f8f8f8;padding: 40px 50px;width: calc(50% - 20px);} #Rsch .lab-list > ul > li:nth-child(2), #Rsch .lab-list > ul > li:nth-child(3), #Rsch .lab-list > ul > li:nth-child(6){background:#ffffff; border:1px solid #e0e0e6;} #Rsch .lab-list .lab-item{width:100%;height:100%;display:flex;flex-direction: row;gap: 25px;justify-content: space-between;} #Rsch .lab-list .lab-item .lab-tit{display: flex;width: calc(100% - 120px);flex-direction: column;} #Rsch .lab-list .lab-item .lab-tit > strong{display: inline-flex;align-items: flex-start;gap: 10px;font-size: 30px;color: #223662;word-break: keep-all;position: relative;flex-wrap: wrap;} #Rsch .lab-list .lab-item .lab-tit > strong > a{width: 32px;height: 32px;display: flex;background:#223662;color:#fff;border-radius: 50%;align-items: center;justify-content: center;padding-bottom: 2px;/* position: absolute; *//* right: 0; *//* top: 0; */} #Rsch .lab-list .lab-item .lab-tit > strong > a > i{font-size: 17px;font-weight: normal;line-height: 1;transition:.3s;} #Rsch .lab-list .lab-item .lab-tit > strong > a:hover{text-decoration:none} #Rsch .lab-list .lab-item .lab-tit > small{font-size: 17px;display:block;margin-top:10px;font-family: "Poppins", sans-serif;font-weight: 500;letter-spacing: -.2px;line-height: 1.4;} #Rsch .lab-list .lab-item .lab-tit > span{transition:.3s;margin-top: 20px;} #Rsch .lab-list .lab-item .lab-tit > span > a{font-size: 21px;font-weight: 600;color: #555;line-height:1;transition:.3s;} #Rsch .lab-list .lab-item .lab-tit > span > a:hover{text-decoration:underline;} #Rsch .lab-list .lab-item .lab-tit > span > a > i{font-weight:normal;} #Rsch .lab-list .lab-item .lab-txt{} #Rsch .lab-list .lab-item .lab-txt p{line-height: 1.5; color: #555; font-size: 17px; font-weight: 400; letter-spacing: -.5px;} #Rsch .lab-list .lab-item .img-box{position:relative;display:block;width:120px;height:120px;border-radius:50%;overflow:hidden;} #Rsch .lab-list .lab-item .img-box img{height:100%;} @media (max-width: 1500px) { #Rsch .lab-list > ul > li { padding: 35px 40px; } #Rsch .lab-list .lab-item .lab-tit { width: 66%; } #Rsch .lab-list .lab-item .lab-tit > strong { font-size: 26px; } #Rsch .lab-list .lab-item .lab-tit > small { font-size: 16px; } #Rsch .lab-list .lab-item .lab-tit > span > a { font-size: 19px; } #Rsch .lab-list .lab-item .lab-txt p { font-size: 16px; } #Rsch .lab-list .lab-item .img-box { width: 110px; height: 110px; } } @media (max-width: 1200px) { #Rsch .lab-list > ul { gap: 30px; } #Rsch .lab-list > ul > li { padding: 30px 35px; } #Rsch .lab-list .lab-item { gap: 20px; } #Rsch .lab-list .lab-item .lab-tit { width: 60%; } #Rsch .lab-list .lab-item .lab-tit > strong { font-size: 24px; } #Rsch .lab-list .lab-item .lab-tit > small { font-size: 16px; } #Rsch .lab-list .lab-item .lab-tit > span > a { font-size: 18px; } #Rsch .lab-list .lab-item .lab-txt p { font-size: 16px; } #Rsch .lab-list .lab-item .img-box { width: 100px; height: 100px; } } @media (max-width: 1024px) { #Rsch .sec-cont { padding: 80px 0; } #Rsch .overview .over-txt { padding: 0 20px; } #Rsch .lab-list > ul > li { padding: 28px 30px; } #Rsch .lab-list .lab-item { gap: 18px; } #Rsch .lab-list .lab-item .lab-tit { width: 62%; } #Rsch .lab-list .lab-item .lab-tit > strong { font-size: 22px; } #Rsch .lab-list .lab-item .lab-tit > small { font-size: 16px; margin-top: 8px; } #Rsch .lab-list .lab-item .lab-tit > span { margin-top: 16px; } #Rsch .lab-list .lab-item .lab-tit > span > a { font-size: 17px; } #Rsch .lab-list .lab-item .img-box { width: 90px; height: 90px; } } @media (max-width: 768px) { #Rsch {padding-bottom:120px;} #Rsch .img-wrap {height:200px;margin: 30px 0 0;} #Rsch .img-wrap:before {background-attachment:scroll;} #Rsch .overview .ov-top {margin-bottom:60px;} #Rsch .overview .ov-top .ov-tit small {font-size:20px;} #Rsch .overview .ov-top .ov-tit big {font-size: 32px;} #Rsch .overview .ov-top p.ov-txt {font-size:20px;} #Rsch .overview .over-txt > li {flex-direction:column;margin-top: 40px;gap: 32px;} #Rsch .overview .over-txt .ov-desc {width:100%;} #Rsch .overview .over-txt .ov-subj h4 > span {font-size:20px;} #Rsch .overview .over-txt .ov-desc p {font-size:18px;} #Rsch .sec-cont { padding: 60px 0; } #Rsch .lab-list { padding: 0 20px; } #Rsch .lab-list > ul { gap: 20px; flex-direction: column; } #Rsch .lab-list > ul > li { width: 100%; padding: 24px; } #Rsch .lab-list .lab-item { flex-direction: row; gap: 16px; align-items: flex-start; } #Rsch .lab-list .lab-item .lab-tit { width: 100%; flex: 1; } #Rsch .lab-list .lab-item .lab-tit > strong { font-size: 20px; flex-wrap: wrap; } #Rsch .lab-list .lab-item .lab-tit > strong > a { width: 28px; height: 28px; flex-shrink: 0; } #Rsch .lab-list .lab-item .lab-tit > strong > a > i { font-size: 16px; } #Rsch .lab-list .lab-item .lab-tit > small { font-size: 16px; line-height: 1.4; } #Rsch .lab-list .lab-item .lab-tit > span { margin-top: 12px; } #Rsch .lab-list .lab-item .lab-tit > span > a { font-size: 16px; } #Rsch .lab-list .lab-item .lab-txt { display: none; } #Rsch .lab-list .lab-item .img-box { /* width: 80px; */ /* height: 80px; */ flex-shrink: 0; margin: 0; } } @media (max-width: 640px) { #Rsch .sec-cont { padding: 50px 0; } #Rsch .lab-list { padding: 0 15px; } #Rsch .lab-list > ul { } #Rsch .lab-list > ul > li { padding: 20px; } #Rsch .lab-list .lab-item { gap: 14px; } #Rsch .lab-list .lab-item .lab-tit { /* width: calc(100% - 84px); */ } #Rsch .lab-list .lab-item .lab-tit > strong { /* font-size: 17px; */ gap: 8px; } #Rsch .lab-list .lab-item .lab-tit > strong > a { width: 26px; height: 26px; } #Rsch .lab-list .lab-item .lab-tit > small { font-size: 16px; margin-top: 6px; } #Rsch .lab-list .lab-item .lab-tit > span { margin-top: 10px; } #Rsch .lab-list .lab-item .img-box { /* width: 70px; */ /* height: 70px; */ } } @media (max-width: 480px) { #Rsch .sec-cont { padding: 40px 0; } #Rsch .lab-list { padding: 0 12px; } #Rsch .lab-list > ul { } #Rsch .lab-list > ul > li { } #Rsch .lab-list .lab-item { gap: 12px; flex-direction: column-reverse; gap: 16px; } #Rsch .lab-list .lab-item .lab-tit { /* width: calc(100% - 72px); */ } #Rsch .lab-list .lab-item .lab-tit > strong { /* font-size: 16px; */ /* gap: 6px; */ } #Rsch .lab-list .lab-item .lab-tit > strong > a { width: 24px; height: 24px; } #Rsch .lab-list .lab-item .lab-tit > strong > a > i { font-size: 14px; } #Rsch .lab-list .lab-item .lab-tit > small { font-size: 16px; margin-top: 4px; } #Rsch .lab-list .lab-item .lab-tit > span { margin-top: 8px; } #Rsch .lab-list .lab-item .img-box { /* width: 60px; */ /* height: 60px; */ } } @media (max-width: 360px) { #Rsch .lab-list > ul > li { } #Rsch .lab-list .lab-item { } #Rsch .lab-list .lab-item .lab-tit { /* width: calc(100% - 65px); */ } #Rsch .lab-list .lab-item .lab-tit > strong { /* font-size: 16px; */ } #Rsch .lab-list .lab-item .lab-tit > strong > a { width: 22px; height: 22px; } #Rsch .lab-list .lab-item .img-box { /* width: 55px; */ /* height: 55px; */ } } /* -------------------------------- sub4 : 교육 -------------------------------- */ #edu{position:relative; padding-bottom:140px;} #edu .arr-prog{display: flex;position: relative;margin: 20px auto;gap: 20px;} #edu .arr-prog > li{position:relative;flex:1;background: #f9f9f9;padding: 30px;/* border-radius: 10px; */text-align: center;display: flex;align-items: center;justify-content: center;transition:all 0.5s ease-out;} #edu .arr-prog .tit{font-size: 22px;font-weight: 600;color: #212121;transition:all 0.5s ease-out;} #edu .arr-prog .tit span{font-size:18px;} #edu .arr-prog > li:before{ display: flex; content:"\ea6c"; font-family: 'remixicon' !important; font-style: normal; align-items: center; justify-content: center; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:50px; height:50px; border-radius: 50%; color: rgb(36 105 195); font-size:24px; box-shadow: 0px 5px 20px rgb(36 105 195 / 25%); position:absolute; left: -10px; z-index: 10; } #edu .arr-prog > li:first-child:before{display:none;} #edu .arr-prog .tit{font-size:19px;} #edu .arr-prog > li.active{/* z-index:5; */background:#2469c3;transform:translateY(-4px); box-shadow:10px 11px 20px 0px rgba(79, 85, 99, 0.1);} #edu .arr-prog > li.active .tit{color:#fff} .po{font-size: 16px;font-weight: 500;background:#fefefe;color:#000;padding: 3px 7px;border:1px solid #000;display: inline-flex;margin: 3px;width: auto;align-items: center;justify-content: center;} .po.po1{border-color:#1969d8; color:#1969d8; background:rgb(25 105 216 / 3%);} .po.po2{border-color: #037c53;color: #037c53;background: rgb(3 124 83 / 3%);} .po.po3{border-color:#9048dc; color:#9048dc; background:rgb(144 72 220 / 3%);} .po.po4{border-color:#ca1f91; color:#ca1f91; background:rrgb(202 31 145 / 3%);} .po.po5{border-color:#db1f0e; color:#db1f0e; background:rgb(219 31 14 / 3%);} .blank-btn{display:inline-flex;justify-content:center;align-items:center;background:#212121;padding:11px 15px;color:#fff !important;gap:30px;transition:.3s;font-size: 16px;font-weight: 500;} .blank-btn:hover{text-decoration:none !important; background:#414141;} .blank-btn-big{display:inline-flex;justify-content:center;align-items:center;background:#212121;padding: 15px 30px;color:#fff !important;gap:30px;transition:.3s;font-size: 18px;font-weight: 500;} .blank-btn-big:hover{text-decoration:none !important; background:#414141;} @media (max-width: 767px){ .blank-btn, .blank-btn-big{display: flex; justify-content: space-between; padding: 12px 15px; gap: 0; font-size: 15px;} } /* 교육과정 */ #edu.edu-o{} #edu .color-tab{max-width: 1420px; margin: 0 auto 80px;} #edu.edu-o .cont-1{position:relative;word-break:keep-all;} #edu.edu-o .cont-1:before{content:"VISION";position:fixed;top:50%;left:50%;font-size:300px;font-family: "Poppins", sans-serif;font-weight:bold;transform:translate(-50%, -50%);opacity:0.02;text-transform:uppercase;} #edu.edu-o article{max-width: 1774px;width:95%;margin:0 auto;position: relative;z-index: 1;} #edu.edu-o .intro{position: relative;} #edu.edu-o .edu-o-tit-box {margin-bottom:50px;text-align: center;} #edu.edu-o .edu-o-tit-box .tit {font-size: 24px;line-height: 1.5;color:#0067db;font-weight: 600;margin-bottom: 30px;font-family: "Poppins", sans-serif;text-transform: uppercase;} #edu.edu-o .edu-o-tit-box .txt {font-size: 42px;line-height: 1.5;letter-spacing: -2px;color: #000;font-weight: 500;} #edu.edu-o .co-blue {color: #073f85;} #edu.edu-o .edu-o-banner-box{position: relative;height: 380px;margin: 60px 0 80px;overflow: hidden;z-index: 1;} #edu.edu-o .edu-o-banner-box:before{z-index:-1;content:"";position:absolute;height:100%;overflow: hidden;background-attachment: fixed;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url("/images/sub/edu_o_img.jpg");} #edu.edu-o .body-lines{top:auto;position: absolute;bottom: 0;left: 0;width: 100%;height: 80%;overflow: hidden;} #edu.edu-o .edu-o-con-box {display: flex;justify-content: space-between;/* padding: 0 4%; */} #edu.edu-o .edu-o-con-box .left-con {width: 50%;box-sizing: border-box;padding-right: 60px;} #edu.edu-o .edu-o-con-box .left-con .txt {font-size: 38px;line-height: 1.4;letter-spacing: -1px;color: #000;font-weight: 700;} #edu.edu-o .edu-o-con-box .right-con {width: 50%;} #edu.edu-o .edu-o-con-box .right-con .txt {font-size: 29px;line-height: 1.6;letter-spacing: -1px;color: #000;margin-bottom: 30px;} @media (max-width: 1500px) { } @media (max-width: 1200px) { } @media (max-width: 1024px) { } @media (max-width: 768px) { #edu {padding-bottom:120px;} #edu.edu-o article {width:100%;} #edu.edu-o .edu-o-tit-box .tit {font-size:20px;} #edu.edu-o .edu-o-tit-box .txt {font-size: 20px;} #edu.edu-o .co-blue {font-size:22px;} #edu.edu-o .edu-o-banner-box {height:200px;margin: 30px 0 40px;} #edu.edu-o .edu-o-banner-box:before {background-attachment:scroll;} #edu.edu-o .edu-o-con-box {flex-direction:column;gap: 40px;} #edu.edu-o .edu-o-con-box .left-con {width:100%;padding-right: 0;} #edu.edu-o .edu-o-con-box .left-con .txt {font-size: 18px;} #edu.edu-o .edu-o-con-box .right-con {width:100%;} #edu.edu-o .edu-o-con-box .right-con .txt {font-size:18px;margin-bottom: 20px;} #edu .arr-prog {flex-direction: column;} #edu .arr-prog .tit {font-size:16px;} #edu .arr-prog > li:before {width: 40px;height: 40px;top: -33%;left: 50%;transform: translateX(0);transform: rotate( 90deg);} } @media (max-width: 640px) { } @media (max-width: 480px) { #edu .arr-prog > li:before {left: 46%;} } @media (max-width: 360px) { } /* 테이블 디자인 */ .tacss table{width:100%; text-align:center; border-top:2px solid #000; border-spacing:0;} .tacss table thead tr th{height:66px; padding:10px 20px; background:#fafafa; border-bottom:1px solid #afafaf;} .tacss table thead tr th h5{line-height:20px; font-weight: 500; color:#555; word-break:keep-all;} .tacss table tbody tr td{height:50px; padding:10px 20px; color: #888; border-bottom:1px solid #ededed; border-left:1px solid #ededed;} .tacss table tbody tr td.exfirst{font-weight:500; color:#333; border-left:none;} .tacss table tbody tr td.blnone{border-left:none;} .tacss table tbody tr td p{font-size:15px; word-break:keep-all;} .tacss table tbody tr td p b{font-weight:600; color:#666;} .tacss table tbody tr td p a{display:inline-block; padding:6px 20px; color:#fff; background:#4c4c4c; transition:all .6s;} .tacss table tbody tr td p a i{margin-right:4px;} .tacss table tbody tr td p a:hover{background:#2fc5f4;} .tacss .table_wrap{position:relative;} .tacss .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:9;} .tacss .table_wrap .table_prev_mo ul{position:absolute; top:50%; left:50%; margin:-11px 0 0 -75px;} .tacss .table_wrap .table_prev_mo ul:after{content:""; display:block; clear:both;} .tacss .table_wrap .table_prev_mo ul li{float:left;} .tacss .table_wrap .table_prev_mo ul li p{font-size:15px; color:#fff;} .tacss .table_wrap .table_prev_mo ul li i{margin-top:4px; font-size:12px; color:#fff; animation:prevarrow .5s ease-in infinite alternate;} .tacss p.mo_hide{display:none; color:#888; text-align:center; margin-top:10px;} @media (max-width:800px){ .tacss .table_wrap{width:100%; overflow-x:auto; white-space:nowrap; padding-bottom:20px;} .tacss .table_wrap table{width:800px!important;} .tacss .table_wrap .table_prev_mo{display:block;} .tacss p.mo_hide{display:block;} } @media (max-width:520px){ .tacss table thead tr th{height:auto; padding:10px 2%;} .tacss table tbody tr td{height:auto; padding:10px 2%;} } /*헤드가 2줄인 테이블 디자인 */ .tacss table thead.twoline tr th{border-left: 1px solid #e8e8e8;} .tacss table thead.twoline tr:nth-of-type(1) th:nth-of-type(1){border-left: none;} .tacss table thead.twoline tr:nth-of-type(1) th:nth-of-type(2){border-bottom: 1px solid #e8e8e8;} @media (max-width: 1540px){ #calendar{padding: 0px;} } @media (max-width: 1024px){ #calendar .cal_search{margin-bottom:40px; border-radius: 15px; padding: 15px 0;} #calendar .cal_search span{font-size:16px;} #calendar .cal_search select{height:45px; line-height:45px;} #calendar .cal_search button{height:45px; width:45px;} #calendar .cal_wrap .cal_tab{padding-bottom:15px; margin-bottom:30px;} #calendar .cal_wrap .cal_tab button{font-size:17px;} #calendar .cal_wrap .cal_tab button.active:after{bottom:-19px;} #calendar .cal_wrap .cal_tab button:hover:after{bottom:-19px;} #calendar .cal_wrap .sch_list .sch_left{padding:20px;} #calendar .cal_wrap .sch_list .sch_right{padding:20px;} #calendar .cal_wrap .sch_list .sch_right table thead tr th{font-size:15px; padding:10px;} #calendar .cal_wrap .sch_list .sch_right table tbody tr th{font-size:15px; padding:10px;} #calendar .cal_wrap .sch_list .sch_right table tbody tr td{padding:10px; color:#444; font-size:15px;} } @media (max-width: 840px){ #calendar .cal_search select{width:300px;} #calendar .cal_wrap .cal_tab button{font-size:16px;} #calendar .cal_wrap .cal_tab button.active{/* font-size:18px; */} #calendar .cal_wrap .sch_list .sch_left{width:100%;} #calendar .cal_wrap .sch_list .sch_right{width:100%;} } @media (max-width: 640px){ #calendar .cal_wrap .cal_tab{padding-bottom:0px; margin-bottom:30px; border-bottom:none;} #calendar .cal_wrap .cal_tab button{font-size:15px; width:calc(100% / 3); padding:10px; border:1px solid #ddd; margin:0 -1px -1px 0;} #calendar .cal_wrap .cal_tab button.active:after{display:none;} #calendar .cal_wrap .cal_tab button:hover:after{display:none;} #calendar .cal_wrap .sch_list .sch_left{padding: 0px; margin-bottom:30px;} #calendar .cal_wrap .sch_list .sch_left h4.sch_tit{font-size:20px;} #calendar .cal_wrap .sch_list .sch_right{padding:0px;} } @media (max-width: 500px){ #calendar .cal_search{margin-bottom:30px;} #calendar .cal_search span{display:none;} #calendar .cal_search select{width:220px; height:35px; line-height:35px; font-size:14px;} #calendar .cal_search button{height:35px; width:35px;} #calendar .cal_wrap .sch_list h4.sch_tit{font-size:22px; margin-bottom:15px;} #calendar .cal_wrap .cal_tab button{font-size:14px;} #calendar .cal_wrap .cal_tab button.active{background-color:#f78f1e; color:#fff; font-weight:normal;} #calendar .cal_wrap .cal_tab button:hover{background-color:#f78f1e; color:#fff; font-weight:normal;} #calendar .cal_wrap .sch_list .sch_left h4.sch_tit{font-size:18px;} } /* -------------------------------- sub5 : 학사정보 -------------------------------- */ #AD-info{position:relative; padding-bottom:140px;} #AD-info .wBox{overflow:hidden;position:relative;background-color: #fff;border-radius: 0;max-width: 1280px;margin: 0 auto;box-shadow: 8px 6px 20px 0 rgba(0, 0, 0, 0.1);} #AD-info .wBox .inner{position:relative;text-align:center;padding: 40px 40px 40px;} #AD-info .wBox .tit{} #AD-info .wBox .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;} #AD-info .wBox .tit big > i{font-weight:normal;} #AD-info .wBox .btn-wrap{display:flex;justify-content: center;gap: 20px;} #AD-info .wBox .btn-wrap > li{width: 100%;} #AD-info .wBox strong{display:block;background:#f7f7f7;padding: 20px;margin: 25px 0 0;border-radius: 0;font-weight: 500;font-size: 17px;color: #666;word-spacing:-0.5px;line-height:1.4;} #AD-info .wBox .down-btn{ position:relative; background:#fff; border:1px solid #2469c3; color:#2469c3; 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:400px; line-height:20px; border-radius: 0; transition:.3s; } #AD-info .wBox .down-btn:before{display:inline-block;content:"\f0f3";font-family:'remixicon' !important;font-style:normal;font-size: 23px;font-weight: normal;} #AD-info .wBox .down-btn:hover{background:#2469c3; color:#fff;} @media (max-width: 1920px){ } @media (max-width: 1800px){ } @media (max-width: 1400px){ } @media (max-width: 1300px){ } @media (max-width: 1240px){ } @media (max-width: 1170px){ #AD-info{padding-bottom:80px;} } @media (max-width: 980px){ } @media (max-width: 767px){ #AD-info{padding-bottom:60px;} #AD-info .wBox .inner{padding:25px 20px 20px;} #AD-info .wBox .down-btn{font-size:17px; padding:15px; min-height:auto;} #AD-info .wBox strong{margin: 15px 0 0;font-size: 16px;} } @media (max-width: 640px){ } @media (max-width: 520px){ } /* 테두리 원형 테이블 */ .cir-table{background:#fff;position:relative;border:1px solid rgba(224, 223, 226, 0.6);border-radius: 15px;padding: 10px;margin:0;} .cir-table .table-cir{width: 100%;} .cir-table .table-cir th, .cir-table .table-cir td{padding:22px 0;font-size: 17px;text-align:center;} .cir-table .table-cir thead th{background:#f9f9f9;font-size: 17px;font-weight:600;letter-spacing:-0.8px;line-height:1.31;} .cir-table .table-cir thead th:first-child{border-top-left-radius: 10px;border-bottom-left-radius: 10px;} .cir-table .table-cir thead th:last-child{border-top-right-radius: 10px;border-bottom-right-radius: 10px;} .cir-table .table-cir tbody tr{border-bottom:1px solid rgba(31, 31, 31, 0.05);} .cir-table .table-cir tbody tr:last-child{border-bottom:0;} .cir-table .table-cir tbody th{font-weight:500;position:relative;display:table-cell;} /*.cir-table .table-cir tbody th.box-th:before{border-radius:5px; background:#f9f9f9; display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1;}*/ .cir-table .table-cir tbody td{padding:25px 0;color:#444;line-height: 1.4;} .cir-table .table-cir .m-block{display:none;} table{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: 19px;font-weight: 600;text-align:center;} .table thead th:first-child{border-left:none;} .table thead th:last-child{border-right:none;} .table tbody th, .table tfoot th{background-color:#f9fafc; font-weight:500; color:#333;} .table tbody th, .table tbody td, .table tfoot th, .table tfoot td{padding: 18px 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: 19px;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 tr.tr-bold{border-top:2px solid #dadada;} .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 + .grayBox{margin-top:40px;/* padding: 20px; */} /* 테이블 가로스크롤 */ .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: 10px;margin:0;font-family: 'S-CoreDream';} .cir-t table{border-radius:10px; overflow:hidden; border:1px solid rgba(31, 31, 31, 0.05);} .cir-t table td{border-color: rgba(31, 31, 31, 0.05);} .cir-t table thead th{background: #2469c3;color: #fff;border-color:rgb(255,255,255,.7)} .cir-t table td{background:#fcfcfc;} .cir-t table tbody th{background: rgba(246, 247, 250, 1);border-color:#eee} /*@media (max-width:1170px){ .table-line-box{border:0;} .table.respo-table{border-top:0;} .respo-table thead{display:none;} .respo-table .m-clear{display:none;} .respo-table .m-top-th{display:none;} .respo-table .m-block{display:block;} .respo-table .m-tit{display:block; background:#333; color:#fff; font-size:14px; padding:6px;} .respo-table .m-block br{display:none;} .cir-table .table-cir tbody tr{display:block; width:100%;} .respo-table tbody tr{ display:block; margin:0 0 0.7em 0; border-radius:15px; border:1px solid #e7e7e7; -webkit-box-shadow: 0px 7px 6px -6px rgb(0 0 0 / 28%); -moz-box-shadow: 0px 7px 6px -6px rgba(0,0,0,.28); box-shadow: 0px 7px 6px -6px rgb(0 0 0 / 28%); } .cir-table .table-cir tbody th{display:block;} .respo-table tbody th{font-size:15px; padding:10px; color:#fff; background:#4f687e; width:100%; display:block; border-radius: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;} } /* -------------------------------- 개인정보취급방침 -------------------------------- */ .privacy-policy{font-family:'Noto Sans KR'; padding-bottom:120px;} .privacy-policy .gray-bg{background:#f8f8f8;padding: 50px 60px;box-sizing:border-box;} .privacy-policy p + dl{margin-top:20px;} .privacy-policy .pp-wrap{} .privacy-policy .pp-txt-box{} .privacy-policy h1.pp-tit{display:block; font-size:28px; font-weight:bold; margin:0 0 20px; text-align:left;} .privacy-policy .privacy-top{margin:30px 0 0; background:#f8f8f8; padding:40px 41px; box-sizing:border-box;} .privacy-policy p{margin:0;} .privacy-policy .txt, .privacy-page dd{font-size:16px; color:#222;} .privacy-policy .txt + .txt{margin:10px 0 0 0;} .privacy-policy .txt-2{margin:10px 0 0 0;} .privacy-policy dl + dl{margin-top:40px;} .privacy-policy dt{font-size: 19px;display:inline-block;width:100%;color:#000;line-height:inherit;font-weight:700;margin: 0px 0 10px;} .privacy-policy dd > ul.list-hyphen{margin:5px 0 15px 20px;} .privacy-policy dd > ul.ul-gnd{margin:10px 0 10px 20px;} .privacy-policy dd > ul.ul-gnd > li{text-indent:-24px; margin-left:20px;} .privacy-policy dd a{color:inherit;} .privacy-policy dd a:hover{text-decoration:underline;} .privacy-policy .dd-board{margin-top:10px;} .privacy-policy .dd-board table th, .privacy-policy .dd-board table td{font-size:15px;} .privacy-policy .pp-btn-wrap{position:relative; margin-top:60px; text-align:center;} .privacy-policy a.pp-btn{margin:0 auto; display:inline-block; text-align:center; color:#fff; font-weight:500; font-size:16px; background:#684ab3; padding:20px 35px; transition:.2s;} @media (max-width: 1170px){ .privacy-policy{padding-bottom:60px;} } @media (max-width: 767px){ .privacy-policy{padding-bottom:40px;} .privacy-policy .contTit{margin-top:0;} .privacy-policy .gray-bg{margin:15px 0 0; padding:20px;} .privacy-policy dl + dl{margin-top:30px;} .privacy-policy dt:first-child{margin-top:0;} .privacy-policy dt{font-size:17px;} .privacy-policy .txt, .privacy-page dd{font-size:15px;} .privacy-policy dd > ul.list-hyphen{margin:5px 0 5px 0px;} .privacy-policy dd > ul.ul-gnd{margin:10px 0 10px 0px;} .privacy-policy dd > ul.ul-gnd > li{text-indent:-21px; margin-left:22px;} } /* -------------------------------- 이메일무단수집거부 -------------------------------- */ #nonMail{padding-bottom: 140px;} #nonMail .contTit-s{margin-top:50px;} #nonMail .ui-topbox .txtwrap p{/*margin:30px 0 0;*/} #nonMail .ui-ftbox .inner{text-align:center;} .ui-topbox{overflow:hidden;position:relative;padding:3px;background:#f1f3f6;border:none;border-radius: 0;word-break: keep-all;} .ui-topbox:before{left:0; right:0; top:0; z-index:1; width:auto; height:50px; background:#cacfd5; display:block; position:absolute; content:"";} .ui-topbox:after{left:0;top:0;z-index:2;width:205px;height:50px;background: #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;font-family: 'S-CoreDream';} .ui-topbox .txtwrap p + p{margin-top:15px;} .ui-topbox .txtwrap .tit-wrap{display:flex;align-items:flex-end;flex-wrap:wrap;margin: auto;font-size: 32px;line-height:1.6;color: #333;font-family:'GmarketSansBold';letter-spacing: 0;} .ui-topbox .txtwrap .tit-wrap > strong{color: #2469c3;font-weight:normal;} .ui-topbox .txtwrap p > strong{color: #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;font-family: 'S-CoreDream';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;} } /* -------------------------------- 준비중 -------------------------------- */ #comming{position:relative;padding-bottom: 140px;} .ui-comming{overflow:hidden;position:relative;background-color: #fff;border-radius: 0;box-shadow: 8px 6px 20px 0 rgba(0, 0, 0, 0.1);} .ui-comming .inner{position:relative;text-align:center;padding: 60px;} .ui-comming .tit{} .ui-comming .tit big{display:block; width:74px; height:74px; margin:0 auto 25px; background:#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;}