#sVisual{background: #fff;padding: 100px 0 0;border-radius: 0 0 25px 25px;height: 600px;position:relative;display: flex;flex-direction: column;justify-content: flex-end;} #sVisual .sv-wrap{position: relative;width:100%;height: 100%;overflow: hidden;margin-left: 50px;border-radius: 25px 25px 25px 110px;} @keyframes rot{ 100%{transform: translate(-50%, -50%) rotate(360deg);} } #sVisual .svWrap{position:relative;overflow: hidden;width: 100%;height: 100%;background:#000;} #sVisual .svWrap .sv-img{width: 100%;height:100%;position: relative;height: 100%;top: 0;left: 0;opacity: 0.6;} #sVisual .svWrap .sv-img1{background: url("/images/main/visual1.jpg") no-repeat 50% bottom; background-size:100%; overflow: hidden;background-attachment: fixed;} #sVisual .svWrap .sv-img2{background: url("/images/main/visual1.jpg") no-repeat 50% bottom; background-size:100%; overflow: hidden;background-attachment: fixed;} #sVisual .svWrap .sv-img3{background: url("/images/main/visual1.jpg") no-repeat 50% bottom; background-size:100%; overflow: hidden;background-attachment: fixed;} #sVisual .svWrap .sv-img4{background: url("/images/main/visual1.jpg") no-repeat 50% bottom;background-size:100%;overflow: hidden;background-attachment: fixed;} #sVisual .svWrap .sv-img5{background: url("/images/main/visual1.jpg") no-repeat 50% bottom; background-size:100%; overflow: hidden;background-attachment: fixed;} #sVisual .svWrap .sv-img6{background: url("/images/main/visual1.jpg") no-repeat 50% bottom; background-size:100%; overflow: hidden;background-attachment: fixed;} #sVisual .svWrap .sv-img7{background: url("/images/main/visual1.jpg") no-repeat 50% bottom; background-size:100%; overflow: hidden;background-attachment: fixed;} #sVisual .sub-tit{font-size: 130px;font-weight: bold;line-height: 1;color:#fff;position: absolute;bottom: -12px;max-width:1420px;width:90%;text-align: right;left:50%;transform: translate(-50%, 0%);font-family: "Playfair Display", sans-serif;} #sVisual .slogan{position:absolute;width: 90%;top: 0;z-index:10;left: 50%;height: 100%;transform: translateX(-50%);word-break:keep-all;max-width: 1420px;display: flex;align-items: center;} #sVisual .slogan .big-tit{display:flex;flex-direction:column;} #sVisual .slogan .big-tit big{display:inline-flex;align-items: center;flex-wrap: wrap;gap: 20px;} #sVisual .slogan .big-tit big span{font-size: 70px;color: #fff;font-family: 'Paperozi';font-weight: 800;text-transform: uppercase;} #sVisual .slogan .big-tit big strong{position:relative;display:inline-block;font-size: 30px;padding-left:130px;font-weight: 600;color: #fff;} #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 small{font-size: 22px;font-weight: 400;color: #fff;margin-top: 30px;text-transform: uppercase;font-family: 'Paperozi';opacity: .9;} /* 서브공통 */ .sContWrap{position:relative;width:100%;height:100%;min-height:500px;/*overflow: hidden;*/} .sContWrap:after{display:block; content:""; clear:both;} .sCont{width:95%;max-width: 1420px;min-height:500px;margin:0 auto;position:relative;word-break:keep-all;padding: 100px 0 120px 0;} .sCont .sCont-title{font-family: 'Paperozi';display:block;padding: 0px 0 60px;color: #000;font-size: 50px;line-height:1.6;font-weight: 700;text-align:center;} .sub-board-bottom{padding-bottom: 100px;} @media (max-width: 1830px){ #sVisual .sv-wrap{width:95%;} } @media (max-width: 1380px){ #sVisual {height: 540px;} #sVisual .svWrap .sv-img1, #sVisual .svWrap .sv-img2, #sVisual .svWrap .sv-img3, #sVisual .svWrap .sv-img4, #sVisual .svWrap .sv-img5, #sVisual .svWrap .sv-img6, #sVisual .svWrap .sv-img7{background-position: 50% 0; background-size: 100%; background-attachment: local;} #sVisual .slogan {padding-top: 8%; align-items: flex-start;} #sVisual .slogan .big-tit big{gap: 0;} #sVisual .slogan .big-tit big span {font-size: 60px; } #sVisual .slogan .big-tit small {font-size: 20px; margin-top: 20px;} #sVisual .snu-roll{width: 100px; height: 100px; font-size: 28px; margin-bottom: 0;} #sVisual .snu-roll:after {width: 100px; height: 100px;} .sub-board-bottom{padding-bottom:0px;} } @media (max-width: 1170px){ #sVisual {height: 500px; border-radius: 0 0 15px 15px; justify-content: flex-start;} #sVisual .sv-wrap {border-radius: 15px;} #sVisual .slogan .big-tit big span {font-size: 42px;} #sVisual .slogan .big-tit big strong {font-size: 24px; padding-left: 80px;} #sVisual .slogan .big-tit big strong:before {width: 60px; margin-left: 10px;} #sVisual .slogan .big-tit small {font-size: 18px; margin-top: 10px;} } @media (max-width: 990px){ #sVisual .snu-roll{display:none;} #sVisual .slogan {align-items: center; justify-content: center; flex-direction: column; padding:0;} } @media (max-width: 767px){ #sVisual {height:400px; padding: 100px 0 20px; } #sVisual .svWrap .sv-img1, #sVisual .svWrap .sv-img2, #sVisual .svWrap .sv-img3, #sVisual .svWrap .sv-img4, #sVisual .svWrap .sv-img5, #sVisual .svWrap .sv-img6, #sVisual .svWrap .sv-img7{background-size:cover;} #sVisual .slogan .big-tit big {align-items: center; gap:5px; flex-direction: column;} #sVisual .slogan .big-tit big span {font-size: 26px;} #sVisual .slogan .big-tit big strong {font-size: 20px; padding-left: 0;} #sVisual .slogan .big-tit big strong:before{display:none;} #sVisual .slogan .big-tit small {font-size: 14px; margin-top: 10px; text-align: center;} } /* 서브네비 */ .sub_menu{position: absolute;bottom: 0px;width:100%;z-index: 10;} .sub_menu .vNav{width:90%;max-width: 1420px;margin:0 auto;height: 60px;/* border-bottom:1px solid #e7e7e7; */box-sizing:border-box;display: flex;justify-content: flex-end;} .sub_menu .vNav ul{position:relative;display: inline-flex;height: 100%;align-items: flex-end;border-radius: 30px 30px 0 0;background: #fff;padding: 0 60px;gap: 60px;} .sub_menu .vNav ul:before, .sub_menu .vNav ul:after{content: "";position: absolute;background-color: transparent;bottom: 0;height: 40px;width: 20px;box-shadow: 0 20px 0 0 #fff;} .sub_menu .vNav ul:before{left:-20px;border-bottom-right-radius: 20px;} .sub_menu .vNav ul:after{right:-20px;border-bottom-left-radius: 20px;} .sub_menu .vNav ul li{position:relative;display:inline-block;height: 100%;} .sub_menu .vNav ul li a{font-family: 'Paperozi';display: flex;position:relative;height: 100%;font-size: 21px;line-height: 1.3;color: rgba(0,0,0,0.5);font-weight: 700;text-decoration:none;align-items: flex-end;padding: 0px 1px 5px;border: 0;} .sub_menu .vNav ul li a i{margin:0 0 3px 5px;} .sub_menu .vNav ul li a:hover{transition:.3s;color: #01348b;} .sub_menu .vNav ul li:hover > a:after{content:"";position:absolute;left:0;width:100%;height:3px;bottom: 0px;background:#01348b;z-index:2;animation:strach .3s;} .sub_menu .vNav ul li > a{transition:all ease .3s;} .sub_menu .vNav ul li a span{position: relative;} .sub_menu .line{opacity:0; display:inline-block; z-index:1; position:absolute; left:0; top:-1px; width:100px; height:2px; background:none;} .sub_menu .m_sub_menu{position:relative; z-index:990;} .sub_menu .m_sub_menu .btn_s_menu{border:0; width:100%; height:40px; background:rgba(0,0,0,0.4);} .sub_menu .m_sub_menu .btn_s_menu > span{color:#fff;} .sub_menu .m_sub_menu .s_menu{display:none; padding:2%; box-shadow:0px 40px 40px 0px rgb(0 0 0 / 15%); background:#fff; opacity:0.95;} .sub_menu .m_sub_menu .s_menu li{} .sub_menu .m_sub_menu .s_menu li a{display:block; padding:1.5%; width:100%; text-align:center; font-size:15px; color:#000;} .sub_menu .m_sub_menu i{color:#fff;} .sub_menu #page0{display:none;} @keyframes strach { 0% {transform: scaleX(0);} 100% {transform: scaleX(1);} } @media (max-width: 1380px){ .sub_menu .vNav {height: 50px;} .sub_menu .vNav ul {padding: 0 40px; gap: 30px;} .sub_menu .vNav ul li a {font-size: 18px;} } @media (max-width: 1170px){ .sCont{padding: 60px 0 0;} } @media (max-width: 990px){ .sub_menu{display:none;} } @media (max-width: 767px){ .sCont .sCont-title{padding-bottom: 0;font-size:28px;line-height: 1.2;margin:0 auto 30px;} .sCont{padding: 40px 0 0;} } .s-navi{display:none; position:relative; min-height:45px; margin-top:15px;} .lnb{position:relative; width:95%; margin:0 auto; z-index: 10;} .lnb .lnb-map{max-width:1400px; margin:0 auto;} .lnb .lnb-map:after{content: ''; display: block; clear: both;} .lnb .lnb-map li a{display: block;} .lnb .lnb-map > li{float:left; width:435px; border-right:1px solid rgba(255,255,255,0.15);} .lnb .lnb-map > li:nth-last-of-type(1){width:435px;} .lnb .lnb-map > li > a{height:60px;} .lnb .lnb-map li.depth{position:relative;} .lnb .lnb-map li:first-child a span{background:#01348b; border-radius:10px 0 0 10px;} .lnb .lnb-map li:last-child a span{border-radius:0 10px 10px 0;} .lnb .lnb-map li.depth ul{display: none; position: absolute; top:60px; left:0; border-radius:0 0 10px 10px; width:100%; padding:20px 10%; background:#1654bf; z-index:100; box-shadow:15px 15px 20px 0 gba(0,0,0,.1);} .lnb .lnb-map li.depth ul li a{display:block; padding:7px 0; font-size:16px; color:rgba(255,255,255,.6);} .lnb .lnb-map li.depth ul li a:hover{color:#fff;} .lnb .lnb-map li a:after{/*arrow*/ transform: rotate(135deg); top:50%; margin-top:-7px; right:10%; width:8px; height:8px; border-top:2px solid #222; border-right:2px solid #222; display:inline-block; position:absolute; content:""; transition:.1s ease-out; } .lnb .lnb-map li:first-child a:after{border-top:2px solid #fff; border-right:2px solid #fff;} .lnb .lnb-map li.depth ul li a:hover{} .lnb .lnb-map li.depth a span{background:#fff; float:left; width:100%; font-size:18px; color:#222; height:60px; line-height:1; display:flex; font-weight:normal; padding:0 20% 0 10%; transition:.1s ease-out; align-items:center;} .lnb .lnb-map li:first-child.depth a span{background:#01348b; color:#fff;} .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:#fff;} .lnb .lnb-map li.depth a.menu_active span{position:relative; background:#1654bf; color:#fff;} .lnb .lnb-map li:first-child a.menu_active span{border-radius:10px 0 0 0;} .lnb .lnb-map li:last-child a.menu_active span{border-radius:0 10px 0 0;} /*.lnb .lnb-map li.depth a.menu_active span:before{content:''; position:absolute; top:-20px; left:0; width:100%; height:20px;background:#1654bf;} .lnb .lnb-map li.depth a.menu_active span:after{content:''; position:absolute; bottom:0; left:30px; width:220px; height:1px; background:rgba(255,255,255,.1);}*/ .lnb .lnb-map li.depth ul.moreMenu li a{position: relative; word-break: keep-all;} .lnb .lnb-map li.depth ul.moreMenu li a:after{display:none;} .lnb .lnb-map li.depth ul.moreMenu li a.active{color:#fff;} .lnb .lnb-map li.depth ul.moreMenu li a.active:after{opacity: 1;} .lnb .lnb-map li.depth ul.moreMenu li a:hover:after{opacity: 1;} @media (max-width: 990px){ .s-navi{display:block;} .lnb .lnb-map > li{width:50%;} .lnb .lnb-map > li:nth-last-of-type(1){width:50%;} } @media (max-width: 767px){ .lnb{} .lnb .lnb-map > li > a{height:45px;} .lnb .lnb-map li.depth a span{font-size: 16px;height:45px;} .lnb .lnb-map li.depth ul{top:44px; padding:0 10% 10%;} .lnb .lnb-map li.depth ul li a{font-size: 15px;} .lnb .lnb-map li.depth a.menu_active span:before{top:-5px; height:5px;} } @media (max-width: 540px){ .lnb .lnb-map > li{width:50%;} .lnb .lnb-map li.depth:nth-child(3){display:none;} } @media (max-width: 360px){ .lnb .lnb-map li.depth a span{font-size:13px;} } p.txt{color:#666;font-size: 18px;font-weight:400;letter-spacing:-0.5px;line-height:1.6;} p.txt + p.txt{margin-top:20px;} .txt-bold{color:#111;letter-spacing:-.5px;font-weight:500;} .red-bold{color:#253369;letter-spacing:-.5px;font-weight:500;} .txt-bold > em{text-decoration:underline; font-style:normal;} .a-bold{text-decoration:underline; font-weight:600; color:#333;} p.txtSt1{color: #333;line-height:1.6;font-size:18px;word-break:keep-all;} p.txtSt1 + p.txtSt1{margin-top:20px;} .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: bold;} .point-color{color: #9c6e37;} p.txt-big{font-size:18px;letter-spacing:-0.036em;line-height: 1.5;color:rgba(34, 34, 34, 0.8);font-weight: 500;} ul.h-bold-list{} ul.h-bold-list > li{font-size:18px;letter-spacing:-0.036em;line-height:1.7;color:rgba(34, 34, 34, 0.9);font-weight:600;position: relative; padding-left:22px;} ul.h-bold-list > li:before{content: "\ef3b";font-family:remixicon !important;font-style:normal;color:#253369;position:absolute;left:0;top: 3px;font-size:14px;} ul.h-bold-list > li > ul.list-hyphen{margin-bottom:10px;} ul.h-bold-list > li > ul.list-hyphen > li{font-size:17px;} .wb{display:inline-block;width: 65px;text-align:justify;position:relative;font-weight:600;color:#9c6e37;line-height:0;margin-right: 5px;} .wb:before{content:""; display:inline-block; width:100%;} .wb:after{content:""; display:inline-block; width:100%;} .grayBox{border:7px solid #f5f5f5; position:relative; padding:35px 50px 35px 35px; background:#fff;} .grayBox .img-wrap{position:relative; text-align:center;} .grayBox .img-wrap > img{max-width:100%;} ul + .img-wrap, ol + .img-wrap, p + .img-wrap{margin-top:30px;} .grayBox + .grayBox{margin-top:20px;} .grayBox .contTit-s{margin-top:0;} .grayBox + ul{margin-top:20px;} .grayBox + p{margin-top:20px;} .cont-sec{position:relative;} .cont-sec + .cont-sec{margin-top:80px;} .cont-sec:nth-child(1){padding:0;} .cont-sec.bg{padding: 80px 0;} .cont-sec.bg:before{content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; margin-left:-50vw; background:#eff2fa; z-index:-2;} .cont-sec.bg > .contTit{margin-top:0;} .cont-sec.cont-left{display:flex;} .cont-sec h3 > {} .cont-sec .s-cont{position:relative;} .cont-sec.cont-left > h3{display:inline-block; width:25%;} .cont-sec.cont-left > h3 .contTit{margin-top:5px; font-size:22px;} .cont-sec.cont-left > .s-cont{width:75%;} .cont-sec.cont-left p.txt{font-size:18px; 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; } .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>li.no-dot:before{display:none;} .list-Dot>li.no-dot{padding-left:0;} .list-Dot>li p.grey{color:#888;word-break: keep-all;font-style: italic;} .list-Dot .list-hyphen{margin:0px 0 5px;} .list-hyphen{padding-left: 15px;} .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: 5px;} .list-type1 + .list-point{margin-top:25px;} .list-point{} .list-point > li{font-size: 17px;line-height:1.6;padding-left:20px;position:relative;font-weight:500;color:#333;} .list-point > li + li{margin-top: 5px;} .list-point > li:before{content:"※"; position:absolute; left:0; top:-3px; font-size:20px; display:inline-block;} .list-point > li.un-line{text-decoration:underline;} .list-point .list-hyphen{margin-top:5px;} .point-info{position:relative;padding-left: 13px;color:#9c6e37;font-size: 17px;font-weight:400;letter-spacing:-0.5px;line-height: 1.4;text-align:left;} .point-info:before{content:"*";position:absolute;left:0;top:0;font-size: 19px;display:inline-block;} .class-list{} .class-list > li{font-size:17px; line-height:1.4; color:#666;} .class-list > li + li{margin-top:5px;} .inline-block{display:inline-block;} table .inline-block .point-info{text-align:center;display:inline-block;} .sub-top-box{box-shadow:0px 15px 20px -5px rgb(0 0 0 / 4%); border-radius:30px; padding:40px 50px; text-align:center;} .sub-top-box .red-sub-tit h4{font-size:18px; font-family:'LotteMartHappy'; font-weight:400; letter-spacing:-0.5px; color:#00bfe6; text-transform:uppercase;} .sec-box{text-align:center; display:block;} .info-box{} .info-box > li{position:relative; padding-left:25px; line-height:1.4; font-size:15px; font-weight:400; color:#535353;} .info-box > li + li{margin-top:5px;} .info-box > li i{position:absolute;left:0;top:0px;font-size:20px;color:#00c191;} .step-lt{} .step-lt > li{} .step-lt > li + li{margin-top:10px;} .step-lt .lt-item{border-radius: 20px;background: #fff;padding: 30px 35px;display:flex;align-items:flex-start;flex-wrap:wrap;border:1px solid #e2eff6;} .step-lt .lt-item .lt-tit{ display:flex; justify-content:center; align-items:center; width:150px; height:150px; background:#1c6db9; font-size:20px; color:#fff; font-family:'LotteMartHappy'; font-weight:normal; line-height:1.2; word-break:keep-all; text-align:center; border-radius:80px; padding:10px; box-shadow:inset 0px 5px 10px 0 rgb(5 63 117 / 20%); } .step-lt .lt-item .lt-tit em{ font-style:normal; font-family:'LotteMartHappy'; font-weight: normal;} .step-lt .lt-item .right-con{width:calc(100% - 150px); padding:10px 0 10px 40px;} .step-lt .lt-item .right-con .lt-bt{font-family:'LotteMartHappy';font-weight:normal;font-size:20px;line-height: 1.4;letter-spacing:-1px;color:#1c6db9;word-break:keep-all;display: block;margin-bottom: 15px;} .step-lt .lt-item .list-wb{display:flex; flex-wrap:wrap; gap:10px; background:#fff; border-radius:20px; padding:25px 30px; border:1px solid #ededed;} .step-lt .lt-item .list-wb > li{font-size:18px; line-height:1.5; letter-spacing:-0.78px; color:#666; position:relative; padding:0 15px 0 9px; word-break:keep-all; transition:.2s ease-out;} .step-lt .lt-item .list-wb > li:before{content:"";background:#555;width:3px;height:3px;top: 11px;left:0;display:inline-block;border-radius:50%;position:absolute;} .step-lt .lt-item .list-wb > li:hover{font-weight:500; color:#333; text-decoration:underline;} .step-lt .lt-item .list-wb.w3 > li{width:32.6%;} .step-lt .lt-item .list-wb.w2 > li{width:49%;} .step-lt .lt-item .list-wb.w1 > li{width:100%;} .step-lt .lt-item .list-wb2{background:#fff;border-radius: 10px;padding:20px 30px;border: 1px dotted #ddd;} .step-lt .lt-item .list-wb2 > li{font-size: 17px;line-height: 1.6;font-weight:400;letter-spacing: -0.5px;color:#555;position:relative;border-radius: 50px;transition:.2s ease-out;} .step-lt .lt-item .list-wb2 > li:before{background:#555;width:3px;height:3px;top:7px;left:0;display:inline-block;border-radius:50%;position:absolute;} .step-lt .lt-item .list-wb2 > li b{font-weight:600; color:#333; display:inline-block; margin-right:2px;} .step-lt .lt-item .list-wb2 > li + li{margin-top:5px;} .step-lt + .list-point{margin-top:20px;} .step-lt + .list-point>li{padding-left:18px; text-decoration:underline;} .step-lt + .list-point>li:before{top:-3px; font-size:20px;} .step-nm{} .step-nm > li{} .step-nm > li + li{margin-top:10px;} .step-nm .nm-item{border-radius: 15px;background: #fff;padding: 30px 35px;display:flex;align-items:flex-start;flex-wrap:wrap;border: 1px solid #e2eff6;} .step-nm .nm-item .nm-tit{ display:flex; justify-content:center; align-items:center; width: 50px; height: 50px; background:#1c6db9; font-size: 22px; color:#fff; font-family:'LotteMartHappy'; font-weight:normal; letter-spacing: .5px; line-height:1.2; word-break:keep-all; text-align:center; border-radius:80px; padding:10px; box-shadow:inset 0px 5px 10px 0 rgb(5 63 117 / 20%); } .step-nm .nm-item .nm-tit em{ font-style:normal; font-family:'LotteMartHappy'; font-weight: normal;} .step-nm .nm-item .right-con{width: calc(100% - 50px);padding: 0px 0 0 20px;} .step-nm .nm-item .right-con .nm-bt{font-family:'LotteMartHappy';font-weight:normal;font-size: 22px;letter-spacing: 0px;color:#1c6db9;word-break:keep-all;display: block;margin-bottom: 15px;} .step-nm .nm-item .list-wb{display:flex;flex-wrap:wrap;gap:10px;background:#fff;border-radius: 10px;padding:25px 30px;border: 1px dotted #ddd;} .step-nm .nm-item .list-wb > li{font-size:18px; line-height:1.5; letter-spacing:-0.78px; color:#666; position:relative; padding:0 15px 0 9px; word-break:keep-all; transition:.2s ease-out;} .step-nm .nm-item .list-wb > li:before{content:"";background:#555;width:3px;height:3px;top: 11px;left:0;display:inline-block;border-radius:50%;position:absolute;} .step-nm .nm-item .list-wb > li:hover{font-weight:500; color:#333; text-decoration:underline;} .step-nm .nm-item .list-wb.w3 > li{width:32.6%;} .step-nm .nm-item .list-wb.w2 > li{width:49%;} .step-nm .nm-item .list-wb.w1 > li{width:100%;} .step-nm .nm-item .list-wb2{background:#fff; border-radius:20px; padding:20px 30px; border:1px solid #ededed;} .step-nm .nm-item .list-wb2 > li{font-size: 17px;line-height: 1.6;font-weight:400;letter-spacing: -0.5px;color:#555;position:relative;border-radius: 50px;transition:.2s ease-out;} .step-nm .nm-item .list-wb2 > li:before{background:#555;width:3px;height:3px;top:7px;left:0;display:inline-block;border-radius:50%;position:absolute;} .step-nm .nm-item .list-wb2 > li b{font-weight:600; color:#333; display:inline-block; margin-right:2px;} .step-nm .nm-item .list-wb2 > li + li{margin-top:5px;} .sq-list{display:flex; row-gap:13px; column-gap:1%; flex-wrap:wrap;} .sq-list.col-2 > li{width:49.5%;} .sq-list.col-3 > li{width:32.66%;} .sq-list.col-4 > li{width:24.25%;} .sq-list > li{} .sq-list > li + li{} .sq-list .sq-item{background:#fff;height:100%;overflow:hidden;display:flex;align-items:center;flex-direction:column;border-radius:10px;/* border:1px solid #ededed; */} .sq-list .sq-item .sq-tit{ display:flex; align-items:center; width:100%; height: 90px; padding: 22px 30px; background:#f7f7f7; font-size: 20px; color: #262a2b; font-family: 'S-CoreDream-5Medium'; font-weight: bold; line-height: 1.4; word-break: keep-all; text-align: center; justify-content: center; } .sq-list .sq-item .sq-tit em{font-style:normal; font-family:'LotteMartHappy'; font-weight:normal;} .sq-list .sq-item .sq-con{padding:20px 30px 30px; width:100%;} .sq-list .sq-item .gray-dot{} .sq-list .sq-item .gray-dot li{position:relative;display:block;padding-left:15px;font-weight:400;line-height: 1.6;color:#535353;letter-spacing:-.5px;font-size: 17px;word-break: keep-all;} .sq-list .sq-item .gray-dot li:before{content:"";display:inline-block;width:5px;height:5px;background:#eaeaea;border-radius:50%;position:absolute;top: 10px;left:0;} .sq-list .sq-item .gray-dot li + li{margin-top:15px;} .bg .sq-list .sq-item .sq-tit{background:#5785af; color:#fff;} .bg .sq-list .sq-item{/* border-color:#bfdefd; */} .bg .sq-list .sq-item .gray-dot li + li{margin-top:5px;} .cure-list{display:flex; row-gap:13px; column-gap:1%; flex-wrap:wrap;} .cure-list.col-2 > li{width:49.5%;} .cure-list.col-3 > li{width:32.66%;} .cure-list.col-4 > li{width:24.25%;} .cure-list > li{} .cure-list > li + li{} .cure-list .cure-item{padding: 40px 40px 40px 170px;height:100%;background:#f3f7f9;border-radius:15px;box-sizing: border-box;position: relative;} .cure-list .cure-item:before{content:"";position:absolute;background:#fff;width: 110px;height: 110px;left: 30px;top: 30px;border-radius:50%;display:flex;} .cure-list .cure-item.icon1:before{background:url("/images/sub/5964235.png") no-repeat 50% 50% #fff; background-size:50px;} .cure-list .cure-item.icon2:before{background:url("/images/sub/5964327.png") no-repeat 50% 50% #fff; background-size:50px;} .cure-list .cure-item.icon3:before{background:url("/images/sub/5964316.png") no-repeat 50% 50% #fff; background-size:50px;} .cure-list .cure-item.icon4:before{background:url("/images/sub/5964241.png") no-repeat 50% 50% #fff; background-size:50px;} .cure-list .cure-item .cure-tit{ font-size:22px; color:#222; font-family:'LotteMartHappy'; font-weight:normal; line-height:1; margin:0 0 25px; border-bottom:1px dotted #ccc; padding:0px 0 15px;} .cure-list .cure-item .cure-con{} .cure-list .cure-item .cure-con p{font-weight:400;line-height:1.6;color:#535353;letter-spacing:-.5px;font-size:17px;} .cure-list .cure-item .cure-con p + p{margin-top:15px;} .dot-box-list{display:flex; row-gap:13px; column-gap:1%; flex-wrap:wrap;} .dot-box-list > li{display:flex;align-items:flex-start;position:relative;width: 49%;border-radius:20px;background:#fff;border:1px dotted #ddd;padding:20px 25px 22px;font-size: 17px;line-height:1.6;font-weight:400;letter-spacing:-0.78px;color:#666;word-break: keep-all;transition:.2s ease-out;} .dot-box-list > li .num{font-weight:bold;color: #333;margin-right:10px;} .dot-box-list > li:hover{box-shadow:0 10px 25px 0px rgb(81 106 190 / 5%); transform:translateY(-5px);} .y-box{position:relative;background:#fafdf3;border-radius:30px;padding: 40px 60px 50px;text-align:left;color:#383838;letter-spacing:-1px;line-height:1.5;word-break:keep-all;} .y-box p.y-txt{font-size:18px; font-weight:400; font-family:'LotteMartHappy'; letter-spacing:-.5px; color:#666; line-height:1.8; word-break:keep-all;} .y-box p.y-txt + p.y-txt{margin-top:8px;} .y-box p.y-txt b{font-weight:normal; letter-spacing:-.5px; font-size:19px; color:#1b1b1b;} .y-box .in-fo{position:relative; padding-left:31px;} .y-box .in-fo i{font-size:26px; position:absolute; left:0px; top:2px; color:#fdb813;} .info-y-box{position:relative;background: #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: 21px;} .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: 17px;} .txt-bold{font-size:16px;} .list-Dot>li{padding-left: 12px;font-size: 16px;} .list-Dot>li:before{top: 10px;} .list-hyphen>li{padding-left:7px;font-size: 15px;} .list-hyphen>li:before{top:10px; width:3px;} .list-Dot>li+li, .list-hyphen>li + li{margin-top:2px;} .list-Dot>li .list-hyphen>li+li{margin-top:3px;} .list-Dot>li .list-hyphen{padding:5px 0 2px;} .list-Dot>li .list-hyphen>li{font-size: 14px;} .list-Dot>li .table_con_wrap{margin-top:5px;} .list-Dot>li .table-wrap{margin-top:5px;} .class-list > li {font-size: 15px;} .info-y-box{border-radius:15px; padding:10px;} .info-y-box .in-fo{padding-left:30px; font-size:15px; line-height:1.5;} .info-y-box .in-fo i{font-size:22px; top:1px;} .info-y-box p b{font-size:15px;} .y-box{border-radius:15px; padding:20px;} .y-box p.y-txt{padding-left:30px; font-size:15px; line-height:1.5;} .y-box .in-fo i{font-size:22px; top:1px;} .y-box p.y-txt b{font-size:15px;} .info-y-box .in-box{padding:15px; border-radius:10px;} .info-y-box .num-list > li{font-size:15px;} .point-info{font-size:15px;} .point-info:before{top:2px; font-size:16px;} .list-point > li{font-size: 14px;line-height:1.4;} .list-point > li:before{top:-5px;} .unline{font-size:16px;} ul.h-bold-list > li {font-size: 16px;} ul.h-bold-list > li + li{margin-top:5px;} ul.h-bold-list > li > ul.list-hyphen{margin-top:5px;} ul.h-bold-list > li > ul.list-hyphen > li{font-size: 15px;} } @keyframes strach { 0% {transform: scaleX(0);} 100% {transform: scaleX(1);} } /* ===================== 공통 스타일 =====================*/ /* ---------------------- 섹션별 영역 ---------------------- */ .cont-sec{position:relative;} .cont-sec + .cont-sec{margin-top:60px;} .cont-sec + .cont-sec.top-line{border-top:1px dotted #ddd; padding-top:60px} .cont-sec:nth-child(1){padding:0;} .cont-sec.cont-left {display: flex;position: relative;border-bottom: 1px dotted rgba(221, 221, 221, 1);padding: 0px 0 40px;} .cont-sec.cont-left .tit-area {position: relative;width: 380px;padding: 0 60px 0 60px;} .cont-sec.cont-left .tit-area > strong{margin: 0 0;} .cont-sec.cont-left .cont-area {width: calc(100% - 380px);} .cont-sec.cont-left:last-child{padding-bottom:0; border:0;} /* ---------------------- 타이틀 ---------------------- */ .contTit{font-family: 'Paperozi';display:inline-block;margin:60px 0 15px;font-weight:700;font-size: 34px;color: #222;line-height:1.2;position: relative;} .contTit:before {content: "";display: block;width: 10px;height: 10px;background: #01348b;border-radius: 50%;position: absolute;right: -20px;top: -2px;} .contTit:first-child{margin-top:0;} .contTit-s{font-family: 'Paperozi';display:block;margin:40px 0 13px;font-weight: 700;font-size: 28px;color: #01348b;line-height: 1.4;word-break: keep-all;} .contTit-ss{display:block;margin: 30px 0 13px;font-weight: 700;font-size: 20px;color: #222;word-spacing:-.5px;line-height:1.2;} .contTit + .contTit-s, .contTit-s + .contTit-ss{margin-top:0px;} /* 타이틀옆에 텍스트 붙일때 */ .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;} /* ---------------------- 텍스트 스타일 ---------------------- */ p.txt{color: #333;font-size: 18px;font-weight:500;letter-spacing:-0.2px;line-height:1.7;word-break: keep-all;} p.txt + p.txt{margin-top:20px;} .txt-bold{color:#111;letter-spacing:-.5px;font-weight: 700;} .red-bold{color:#01348b;letter-spacing:-.5px;font-weight:500;} p.txt-big{font-size: 20px;letter-spacing: -.5px;line-height: 1.4;color: #222;font-weight:700;word-break: keep-all;} .icon-txt{} .icon-txt br{display:none;} .icon-txt i{font-weight:normal;} p.txt + .gray-Box{margin:25px 0; padding:35px 45px;} p.txt + .table_con_wrap{margin-top:10px;} p.txt-big + ul{margin-top:5px;} .color-g{color: #9c6e37;} /* 별표 포인트(주의사항 등) */ .point-info{position:relative;padding-left: 13px;color:#9c6e37;font-size: 17px;font-weight: 500;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;} /* ---------------------- UL 리스트 디자인 ---------------------- */ /* 앞에 도트 */ .list-Dot{} .list-Dot > li{position:relative;padding-left: 14px;box-sizing:border-box;color: #333;font-size: 18px;font-weight: 500;line-height: 1.6;text-align:left;vertical-align:top;letter-spacing:-0.5px;word-break: keep-all;} .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: 100%;background: #9ba2b9;} .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, dl + .table_con_wrap, ul + .gray-Box, .table_con_wrap + ul, .table_con_wrap + p{margin: 10px 0;} .table_con_wrap + dl{margin-top:30px;} .list-Dot .list-hyphen{margin: 2px 0 12px 0;} .list-Dot + dl{margin-top:30px;} /* .list-Dot > li b{font-size: 22px;} */ /* 앞에 -하이픈 */ .list-hyphen{} .list-hyphen>li{position:relative;padding-left:11px;color:#444;font-weight:500;line-height:1.5;text-align:left;vertical-align:top;letter-spacing: 0px;font-size: 17px;} .list-hyphen>li + li{margin-top: 5px;} .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;} /* 당구장 표시 리스트 */ ul + .list-point{margin-top:15px;} .list-point + p{margin-top:10px;} .list-type1 + .list-point{margin-top:25px;} .list-point{color:#333;} .list-point > li{font-size: 17px;line-height:1.6;padding-left:20px;position:relative;font-weight:500;} .list-point > li + li{margin-top: 5px;} .list-point > li:before{content:"※"; position:absolute; left:0; top:-3px; font-size:20px; display:inline-block;} .list-point > li.un-line{text-decoration:underline;} .list-point .list-hyphen{margin-top:5px;} .list-point.color-g{color:#9c6e37} /* 앞에 번호붙는 리스트 1, 2, 3 */ .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;} /* 가. 나. 다. */ dl.info-dl {display: flex;/* flex-wrap: wrap; */} /* 제목 : 내용 형태*/ dl.info-dl.column{flex-direction: column;} /* 제목따로위에, 제목 밑으로 내용 나오게 */ dl.info-dl + dl{margin-top: 25px;} dl.info-dl > dt{position:relative;font-size: 20px;font-weight:bold;color: #222;word-break:keep-all;white-space: nowrap;} dl.info-dl > dt .unline{font-size:17px;} dl.info-dl > dd{position:relative;font-size:19px;font-weight: 600;padding-left:10px;color:#444;word-break: keep-all;} dl.info-dl.column > dd{padding-left: 0;padding-top: 10px;} dl.info-dl + ul{margin-top:10px;} /* ---------------------- 박스 스타일 ---------------------- */ /* 연그레이 두꺼운 라인박스(흰바탕) */ .gray-lineBox {border-radius:20px; border: 7px solid #f5f5f5; position: relative; padding: 35px 50px 35px 35px; background: #fff;} /* 연그레이 배경박스 */ .gray-Box {border-radius: 15px;position: relative;padding: 30px 40px;background: #f9f9f9;} .gray-Box > p.txt{color:#555;} .gray-Box > p.txt > b{color:#212121;} /* ---------------------- 탭분류 스타일 ---------------------- */ /* 큰사이즈 탭(둥근형) */ .color-tab{position:relative;display:flex;flex-wrap:wrap;margin: 0 auto 80px;max-width: 1600px;width: 100%;background: #f9f7f7;border-radius: 50px;padding: 13px;gap: 10px;} .color-tab li{display:block;position:relative;margin-left:-1px;margin-top:-1px;height:100%;min-height: 50px;height:auto;line-height:1.5;flex: 1;} .color-tab-one.tab2 li, .color-tab.tab2 li{width:calc(50% + 1px);} .color-tab-one.tab3 li, .color-tab.tab3 li{width:calc(33.33% + 1px);} .color-tab-one.tab4 li, .color-tab.tab4 li{width:calc(25% + 1px);} .color-tab-one.tab5 li, .color-tab.tab5 li{width:calc(20% + 1px);} .color-tab-one.tab6 li, .color-tab.tab6 li{width:calc(16.66666666666667% + 1px);} .color-tab li:first-child a{/* border-radius:10px 0 0 10px; */} .color-tab li:last-child a{/* border-radius:0 10px 10px 0; */} .color-tab li a{position:relative;display:table;table-layout:fixed;width:100%;height:100%;/* border:1px solid #ddd; */box-sizing:border-box;/* background:#fff; */font-weight:500;color:#222;transition:all .1s;border-radius: 50px;} .color-tab li a span{display:table-cell;vertical-align:middle;width:100%;height:100%;padding: 16px 15px;line-height: 1.2;font-weight: 600;font-size: 20px;text-align: center;word-break: keep-all;} .color-tab li.on a{color:#fff;background: #c9005f;border-color: #c9005f;} .color-tab li a:focus, .color-tab li a:hover{border-color: #c9005f;color: #c9005f;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; */} /* ---------------------- 버튼 스타일 ---------------------- */ /* 글자옆 링크 버튼 */ .tit-link{display:inline-flex;justify-content:center;align-items:center;background: #444;padding: 6px 16px;color:#fff !important;gap: 10px;transition:.3s;font-size: 16px;border-radius: 6px;font-weight: 500;margin: 0 0 0 5px;} .tit-link:hover{text-decoration:none !important; background:#555;} .tit-link i{font-weight:normal;} .tit-link.sm{font-size: 13px;padding: 6px 10px;gap: 5px;line-height: 1;border-radius: 3px;letter-spacing: -.5px;} @media (max-width: 1600px){ .color-tab{} .color-tab.tab4{border-radius: 40px;} } @media (max-width: 1170px){ .contTit{font-size: 28px;} .color-tab {margin: 0 auto 60px;} #Rsch.Rsch3-2 .color-tab-one.tab5 li, #Rsch.Rsch3-2 .color-tab.tab5 li {flex: 1 1 25%;} } @media (max-width: 767px){ .cont-sec + .cont-sec.top-line {padding-top: 40px;} .cont-sec + .cont-sec {margin-top: 40px;} .contTit{font-size: 24px;margin: 40px 0 10px;} .contTit:before {width: 9px; height: 9px; right: -16px; bottom: 17px;} .contTit-s {margin: 40px 0 10px; font-size: 20px;} .contTit-ss {margin: 30px 0 10px; font-size: 18px;} .color-tab {margin: 0 auto 40px; padding: 10px; gap: 5px;} .color-tab li {min-height: 45px;} .color-tab li a span {padding: 10px 10px; font-size: 17px;} .gray-Box {padding: 20px;} .list-Dot > li{font-size:16px; padding-left: 12px;} .list-Dot > li:before {top: 10px;} p.txt{font-size:16px;} .icon-txt{display: block; margin-top: 5px; line-height:1.5;} .icon-txt br{display:block;} } @media (max-width: 640px){ .color-tab.tab2, .color-tab.tab3, .color-tab.tab4, .color-tab.tab5{border-radius: 30px;} .color-tab-one.tab2 li, .color-tab.tab2 li, .color-tab-one.tab3 li, .color-tab.tab3 li, .color-tab-one.tab4 li, .color-tab.tab4 li, .color-tab-one.tab5 li, .color-tab.tab5 li, #Rsch.Rsch3-2 .color-tab-one.tab5 li, #Rsch.Rsch3-2 .color-tab.tab5 li {flex: 1 1 100%;} } @media (max-width: 520px){ } /* 표 스타일 */ 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:rgba(246, 247, 250, 1);color: #212121;font-size: 18px;font-weight: 600;text-align:center;} .table thead th:first-child{border-left:none;} .table thead th:last-child{border-right:none;} .table tbody th, .table tfoot th{background-color:#f9fafc; font-weight:500; color:#333;} .table tbody th, .table tbody td, .table tfoot th, .table tfoot td{padding:14px 10px;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;font-weight:500;color: #212121;word-break:keep-all;} .table tbody th{text-align:center;font-size: 17px;color: #212121;font-weight: 600;} .table tbody td{font-size: 17px;} .table tbody td.text-left{text-align:left;padding: 14px 18px;} .table tfoot td:first-child{border-left:none;} .table tbody tr th:last-child{border-right:none;} .table td:last-child{border-right:none;} .table td[rowspan]:first-child{border-right:1px solid #e7e7e7;} .table tbody th + td, .table tbody td + td, .table tfoot td{border-left:1px solid #e7e7e7;} .table tbody td, .table tfoot td{text-align:center;} .table tbody td > ul{margin-top:0;margin-bottom:0;padding-left: 15px;text-align:left;} .table tbody td > ul > li, .table tbody td ol li{font-size:17px;} .table tbody td > ul.po-list_clear{padding-left:0;} .table tbody td > ol{margin-top:0; margin-bottom:0;} .table th.double, .table td.double{border-left:3px double #e7e7e7;} .table .po-list > li > ul >li > ul > li:before, .table .num > li > ul >li > ul > li:before, .table p.blt.type3:before, .table .po-list.third > li:before {top:15px;} .table td.color-1{background:#f1f7fd;} .table td.color-2{background:#edfbf2;} /* 테이블 가로스크롤 */ .table_con_wrap{position:relative;margin:0 auto;} .table_con_wrap .table_prev_mo{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:95;} .table_con_wrap .table_prev_mo ul{position:absolute; top:50%; left:50%; margin:-11px 0 0 -75px;} .table_con_wrap .table_prev_mo ul:after{content: ''; display:block; clear:both;} .table_con_wrap .table_prev_mo ul li{float:left;} .table_con_wrap .table_prev_mo ul li p{font-size:15px; color:#fff;} .table_con_wrap .table_prev_mo ul li i{margin-top:4px; font-size:12px; color:#fff; animation:prevarrow .5s ease-in infinite alternate;} p.mo_hide{display:none; color:#888; text-align:center; margin-top:10px;} @media (max-width:800px){ .table_con_wrap{width:100%; overflow-x:auto; white-space:nowrap; padding-bottom:20px;} .table_con_wrap table{width:100%;} .table_con_wrap .table_prev_mo{display:block;} p.mo_hide{display:block;} } @media (max-width: 767px){ .table thead th, .table tbody th{font-size:16px;} .table tbody td{font-size:15px;} .table tbody td ul li, .table tbody td ol li{font-size:14px;} .table-color tbody th, .table-color tbody td, .table-color tfoot th, .table-color tfoot td{border-bottom:0; border-right:0;} .table-color tbody th + td, .table-color tbody td + td, .table-color tfoot td{border-left:0;} .table-color td:last-child{border-radius:0 0 15px 15px;} } /* 서브 이미지 공통 */ .s-imgwr{display:flex;align-items:center;justify-content:center;box-shadow: 0 12px 41px #dde2e6;padding:60px;max-width:1200px;margin:80px auto 0;} .s-imgwr img{} /* -------------------------------- sub1_1 : 인사말 -------------------------------- */ #greeting{position:relative;padding-bottom: 100px;word-break: keep-all;} #greeting .inner{max-width:1400px;} #greeting .inner .intro-title{line-height:1.5;font-weight: 600;background: linear-gradient(135deg, #0064f0 0%, #01348b 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;font-size: 42px;font-family: 'Paperozi';padding: 35px 0 30px 40px;} #greeting .inner .bottom-box{background:#fff;border-radius:0;padding:0;} #greeting .inner .bottom-box .text-area{display:block;} #greeting .inner .bottom-box .text-area .flex-wr{display:flex;margin-top: 0;align-items: stretch;gap: 0;} /* 좌측 프로필 영역 */ #greeting .inner .bottom-box .text-area .profile-card{flex-shrink:0;width: 380px;border-radius:0;box-shadow:none;position:relative;overflow:visible;display:flex;flex-direction:column;justify-content: flex-start;align-items:center;} #greeting .inner .bottom-box .text-area .profile-card .prof-img{width: 340px;height:auto;overflow:hidden;margin-bottom:0;box-shadow:none;position:relative;z-index: 10;border-radius: 20px;box-shadow: 0 10px 36px #ccd0d3;} #greeting .inner .bottom-box .text-area .profile-card .prof-img img{width:100%;height:auto;object-fit:cover;} /* 우측 콘텐츠 영역 */ #greeting .inner .bottom-box .text-area .txt{flex:1;padding: 65px 70px 65px 120px;background: #fafafa;position:relative;margin-left: -80px;border-radius: 20px;} #greeting .inner .bottom-box .text-area p{font-size: 20px;line-height: 1.8;letter-spacing: -0.5px;text-align: left;font-weight: 500;color: #555;word-break: keep-all;} #greeting .inner .bottom-box .text-area p + p{margin-top:28px;} #greeting .inner .bottom-box .text-area p:last-child{margin-top:40px;font-weight:500;color:#1c2c73;} /* 서명 영역 */ #greeting .inner .bottom-box .text-area .txt .signature-info{text-align:right;margin-top:60px;padding-top:40px;border-top:1px solid #e8e8e8;} #greeting .inner .bottom-box .text-area .txt .signature-info .date{font-size:16px;color:#888;margin-bottom:15px;} #greeting .inner .bottom-box .text-area .txt .signature-info .sign-name{font-size: 24px;color:#1c2c73;font-weight: 500;letter-spacing:-.5px;} #greeting .inner .bottom-box .text-area .txt .signature-info .sign-title{font-size: 28px;color: #111;margin-top: 16px;font-weight: 700;} #greeting .inner .bottom-box .text-area .txt .signature-info .sign-title span{font-size: 20px; color: #777; font-weight: 500; display: inline-block; padding-right: 8px;} /* Highlight Animation */ #greeting .hl{position:relative;display:inline-block;font-weight:600;background:linear-gradient(90deg, #2a426b 50%, #bbb 50%) no-repeat;background-size:0% 100%;background-position:left;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:background-size 0.8s cubic-bezier(0.4, 0, 0.2, 1);} #greeting .hl.active{background-size:200% 100%;} @media (max-width: 1170px){ #greeting{padding-bottom: 80px;} #greeting .inner .intro-title{font-size:32px;margin-bottom:40px;} #greeting .inner .bottom-box .text-area .profile-card{width:320px;} #greeting .inner .bottom-box .text-area .profile-card .prof-img{width:280px;} #greeting .inner .bottom-box .text-area .txt{padding:50px 60px 50px 100px;margin-left:-60px;} #greeting .inner .bottom-box .text-area p{font-size: 18px;} } @media (max-width: 767px){ #greeting{padding-bottom: 60px;} #greeting .inner .intro-title{font-size:26px;margin-bottom:30px;} #greeting .inner .intro-title br{display:none;} #greeting .inner .bottom-box .text-area .flex-wr{flex-direction:column;} #greeting .inner .bottom-box .text-area .profile-card{width:100%;align-items:center;margin-bottom:30px;} #greeting .inner .bottom-box .text-area .profile-card .prof-img{width:240px;} #greeting .inner .bottom-box .text-area .txt{padding:40px 25px;margin-left:0;margin-top:0;} #greeting .inner .bottom-box .text-area p{font-size: 16px;line-height:1.75;} #greeting .inner .bottom-box .text-area p + p{margin-top: 22px;} #greeting .inner .bottom-box .text-area p:last-child{margin-top:30px;} #greeting .inner .bottom-box .text-area .txt .signature-info{margin-top:50px;padding-top:30px;} #greeting .inner .bottom-box .text-area .txt .signature-info .date{font-size:15px;margin-bottom:12px;} #greeting .inner .bottom-box .text-area .txt .signature-info .sign-name{font-size:22px;} #greeting .inner .bottom-box .text-area .txt .signature-info .sign-title{font-size:24px;margin-top:12px;} } /* -------------------------------- sub1_2 : 기대효과 -------------------------------- */ #Purpose-dia{position: relative; padding-top: 70px;} #Purpose-dia .cent{position: absolute;z-index: -1;display: flex;justify-content: center;align-items: center;width: 100%;height: 580px;} #Purpose-dia .cent p{color:#121212; font-size:20px; font-weight:600; text-align:center;z-index: 1;} #Purpose-dia .cent img.arrow_ani{height:100%; position: absolute; animation:circleRot 30s infinite} @keyframes circleRot {from {transform:rotate(0deg);} to {transform:rotate(-360deg);}} #Purpose-dia .cent .cen{z-index: 100; max-width: 550px;} #Purpose-dia ul{height: 580px;display: flex;justify-content: space-around;align-items: center;flex-wrap: wrap;} #Purpose-dia ul li{width:38%; opacity: 0; transition:all .8s ease-out .4s;} #Purpose-dia ul.in-view li{opacity: 1; transform:translate(0,0) !important;} #Purpose-dia ul li:nth-child(1){transform:translate(40px, 40px); margin-top: -150px; width:100%;} #Purpose-dia ul li:nth-child(2){transform:translate(-40px, 40px); margin-top: 110px; margin-left:10%; transition-delay: .8s;} #Purpose-dia ul li:nth-child(3){transform:translate(40px, -40px); margin-top: 110px; margin-right:10%; transition-delay: 1.2s;} #Purpose-dia ul li .cBox{position: relative;margin: 0 auto;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;width: 220px;height: 220px;border-radius: 50%;background: linear-gradient(135deg, #0064f0 0%, #01348b 100%);z-index: 1;overflow: hidden;box-shadow:0px 5px 15px 5px rgb(0 0 0 / 10%);} #Purpose-dia ul li .cBox:before{content: ''; width: 200px; height: 200px; border: 1px dashed #ddd; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} #Purpose-dia ul li .Ctxt{margin-top:20px; display: block;} #Purpose-dia ul li .Ctxt p{font-size:19px; color: #f8f8f8; letter-spacing: -0.02em; line-height: 1.35;} #Purpose-dia ul li .Ctxt p.tit{font-size: 26px;font-weight: 700;color: #fff; font-family: 'Paperozi';} #Purpose-dia ul li .Cicono img{width: 64px;filter: brightness(0) invert(1);} /* 상세 섹션 */ .det{margin-top: 40px; padding: 0 20px;} .det > div{max-width: 1200px; margin: 0 auto;} .det section{margin-bottom: 50px; transform: translateY(30px); transition: all 0.6s ease;} .det section:nth-child(2){transition-delay: 0.2s;} .det section:nth-child(3){transition-delay: 0.4s;} .det .tit{display: flex;align-items: center;margin-bottom: 25px;} .det .icon{width: 70px; height: 70px; background: linear-gradient(135deg, #0064f0 0%, #01348b 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 20px; box-shadow: 0 5px 15px rgba(0, 100, 240, 0.3);} .det .icon img{width: 38px; filter: brightness(0) invert(1);} .det .tit h3{font-size: 28px; font-weight: 700; color: #01348b; font-family: 'Paperozi'; margin: 0;} .det .cnt{background: #f8f9fa;border-radius: 15px;padding: 30px 35px;border-left: 4px solid #3e67ac;} .det ul{list-style: none; padding: 0; margin: 0;} .det ul li{display: flex;align-items: flex-start;margin-bottom: 8px;line-height: 1.6;} .det ul li:last-child{margin-bottom: 0;} .det ul p{font-size: 19px;color: #333;padding-left: 14px;position: relative;font-weight: 500;letter-spacing: -0.025em;} .det ul p::before{content: '';display: block;width: 5px;height: 5px;background: #0064f0;border-radius: 50%;position: absolute;left: 0;top: 11px;} @media (max-width: 991px) { #Purpose-dia{padding-top: 0px;} #Purpose-dia .cent img.cen_logo{max-width: 180px;} #Purpose-dia ul{justify-content: space-between;} } @media (max-width: 767px) { #Purpose-dia{margin-top: 0px;} #Purpose-dia .cent{display: none;} #Purpose-dia ul{height: auto;} #Purpose-dia ul li .cBox{width: 100%; border-radius: 0; height: 210px;} #Purpose-dia ul li{align-items: flex-start; width: 100%; margin-bottom: 10px; margin-top: 0 !important;} #Purpose-dia ul li:nth-child(2){margin-left:0;} #Purpose-dia ul li:last-child{margin-bottom: 0; margin-right:0;} .det{margin-top: 50px !important;} .det section{margin-bottom: 40px !important;} .det .tit{flex-direction: column; align-items: flex-start !important;} .det .icon{margin-bottom: 15px !important; margin-right: 0 !important;} .det .tit h3{font-size: 24px !important;} .det .cnt{padding: 25px !important;} .det ul p{font-size: 15px !important;} } /* -------------------------------- sub1_3 : 조직도 -------------------------------- */ .orgChart{position:relative; padding:100px 0;} .orgChart:before{content: "";position: absolute;bottom: 0;left: 50%;width: 100vw;margin-left: -50vw;height: 100%;z-index: -2;background: #f9f9f9;} .orgWr{} .orgWr > li{display:flex; flex-direction:column; align-items:center;} .orgWr .title{ display:flex; align-items:center; justify-content:center; width: 200px; height: 200px; border-radius:100%; background: url("/images/sub/org_tit.png") no-repeat 50% 50% / 100% #1b55ad; position:relative; font-size: 24px; color:#fff; font-weight: bold; flex-direction:column; line-height: 1.2; text-align: center; } .orgWr .title span{font-weight:400; line-height:inherit; margin:12px 0 0;} .orgWr .title:before{content:'';display:block;width: 250px;height: 250px;border: 26px solid #fff;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);} .orgWr .title:after {content: '';display: block;width: 1px;height: 160%;background: #b2b2b2;position: absolute;left: 50%;top: 100%;transform: translateX(-50%) translateX(-0.5px);} .orgWr .list{/* margin-top:110px; */width:100%;} .orgWr .list > li{} .orgWr .list__title{display:flex; align-items:center; justify-content:center; width:340px; height:90px; flex-direction:column; font-size:20px; color:#fff; font-weight:600; line-height:1; background:#037a4e; border-radius:0 25px 0 25px; margin:0 auto; position:relative;} .orgWr .list__title span{font-size:inherit; color:inherit; font-weight:400; line-height:inherit; margin-top:10px;} .orgWr .list__title:before{content:''; display:block; width:1px; height:110px; background:#b2b2b2; position:absolute; left:50%; bottom:100%; transform:translateX(-50%) translateX(-0.5px);} .orgWr .list__title:after{content:''; display:block; width:1px; height:500px; background:#b2b2b2; position:absolute; left:50%; top:100%; transform:translateX(-50%) translateX(-0.5px);} .orgWr .subList{margin:5px 0 0;} .orgWr .subList > li{display:flex; flex-direction:column; align-items:center;} .orgWr .subList > li:not(:last-child){margin-bottom:5px;} .orgWr .subList > li.advice{} .orgWr .subList > li.advice .subList__title{background:#666; left:410px;} .orgWr .subList > li.advice .subList__title::before{width:240px; height:1px; left:auto; right:100%; top:50%; transform:translateY(-50%) translateY(-0.5px);} .orgWr .subList .add-div{} .orgWr .subList .add-div > ul{display: flex; gap:340px; position: relative; margin-top: 45px;} .orgWr .subList .add-div > ul:before{position: absolute; left: 340px; top:44px; width:340px; height: 1px; background: #b2b2b2; content: ''} .orgWr .subList .add-div > ul > li{} .orgWr .add-div .detailList__item{margin-top: 10px;} .orgWr .add-div .subList__title::before{display: none;} .orgWr .subList .add{margin-top: 30px;} .orgWr .subList__title{display:flex;align-items:center;justify-content:center;width:340px;height:90px;flex-direction:column;font-size:20px;color:#fff;font-weight:600;line-height:1;background: #001486;border-radius: 15px;position:relative;} .orgWr .subList__title:before{content:''; display:block; width:1px; height:35px; background:#b2b2b2; position:absolute; left:50%; top:100%; transform:translateX(-50%) translateX(-0.5px);} .orgWr .subList__title span{font-size: 16px;color: #fff;font-weight:400;margin-top:10px;} .orgWr .subList__title.bgB{background:#2d2d2d;} .orgWr .subList__title.bgBlue{background:#01348b;} .orgWr .detailList, .sub-organization .detailList.fourth{display:flex;margin-top:70px;width:100%;position:relative;gap: 20px;} .orgWr .detailList:before, .sub-organization .detailList.fourth:before{content:'';display:block;width: calc(100% - 24%);height:1px;background:#b2b2b2;position:absolute;left:50%;top:-35px;transform:translateX(-50%)} .sub-organization .detailList.fourth:before{width:calc(100% - 398px);} .orgWr .detailList > li, .sub-organization .detailList.fourth > li{width:400px; position:relative;} .orgWr .detailList > li:before, .sub-organization .detailList.fourth > li:before{content:''; display:block; width:1px; height:35px; background:#b2b2b2; position:absolute; left:50%; bottom:100%; transform:translateX(-50%) translateX(-0.5px);} .orgWr .detailList > li:not(:last-child), .sub-organization .detailList.fourth > li:not(:last-child){margin-right: auto;} .sub-organization .detailList.fourth .memberList li{justify-content:center;} .orgWr .detailList__title{width:100%;display:flex;flex-wrap:wrap;min-height:60px;align-items:center;justify-content:center;text-align:center;font-size: 18px;color:#fff;font-weight:600;line-height:1;background: #4d5fbf;border-radius: 10px;margin:0 0 10px;} .orgWr .detailList__title span{font-size:inherit; color:inherit; font-weight:400; line-height:inherit; margin-left:10px;} .orgWr .detailList__item{width:100%;display:flex;padding:13px 0;justify-content:center;text-align:center;font-size:16px;color: #333;border: 1px solid #4d5fbf;border-radius: 10px;background: #fff;} .orgWr .detailList__item:not(:last-child){margin-bottom:10px;} .orgWr .detailList__item.item{justify-content:flex-start; padding:20px 30px; text-align:left; line-height:1.6;} .orgWr .detailList.triple > li{max-width:31.3%; display: flex;flex-flow:column; border-radius: 10px;} .orgWr .detailList__item.item{flex:1} .org-table{padding-top: 80px;} @media (max-width: 1024px){ .orgWr .subList .add-div > ul{justify-content: center; gap: 150px!important; width: 100%;} .orgWr .subList .add-div > ul:before{left: 50%; transform: translateX(-50%);} .orgWr .subList .add-div > ul > li{width: 30%; text-align: center;} .orgWr .subList .add-div > ul > li > p.subList__title{width: 100%; padding: 0 10px;} .orgWr .detailList{display: block;} .orgWr .detailList.triple > li{max-width: 37%; margin: 0 auto;} .orgWr .detailList.triple > li+li{margin-top: 20px;} .orgWr .detailList:before{display: none;} .orgWr .detailList > li:before{z-index: -1;} } @media (max-width: 640px){ .orgWr .subList .add-div > ul{justify-content: space-between; gap: 0!important;} .orgWr .subList .add-div > ul > li{width: 48%;} .orgWr .subList__title{max-width: 340px; width: 100%;} } /* sub1_3 : 조직도 - 모달창 */ .committee-item{position:relative;cursor:pointer;transition:all 0.3s ease;} .committee-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);} .committee-item.active{background:#f8f9fa;} .committee-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:9999;align-items:center;justify-content:center;} .committee-modal.show{display:flex;} .modal-content{background:white;border-radius:12px;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;position:relative;animation:modalSlideIn 0.3s ease;} @keyframes modalSlideIn{from{opacity:0;transform:translateY(-50px);}to{opacity:1;transform:translateY(0);}} .modal-header{padding:25px 30px;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg, #667eea 0%, #1b55ad 100%);color:white;border-radius:12px 12px 0 0;} .modal-header h3{margin:0;font-size:24px;font-weight:700;} .modal-close{width:36px;height:36px;border:none;background:rgba(255,255,255,0.2);color:white;font-size:24px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;} .modal-close:hover{background:rgba(255,255,255,0.3);transform:rotate(90deg);} .modal-body{padding:30px;} .modal-body ul{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:15px;margin-top:20px;padding:0;list-style:none;} .modal-body ul li{padding:20px;border:2px solid #e9ecef;border-radius:8px;text-align:center;transition:all 0.3s ease;background:white;} .modal-body ul li:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102, 126, 234, 0.15);transform:translateY(-3px);} .modal-body ul li h4{font-size:20px;font-weight:700;color:#2c3e50;margin:0 0 8px 0;} .modal-body ul li strong{font-size:16px;color:var(--main-color);display:block;margin-bottom:5px;font-weight:500;} .modal-body ul li small{font-size:15px;color:#6c7378;display:block;} .modal-body ul li p{font-size:14px;color:#95a5a6;margin:4px 0;line-height:1.6;} .modal-body ul li span{display:inline-block;padding:4px 12px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;border-radius:12px;font-size:11px;font-weight:600;margin-top:8px;} .click-hint{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(102, 126, 234, 0.95);color:white;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:opacity 0.3s ease;white-space:nowrap;z-index:100;} .committee-item:hover .click-hint{opacity:1;} @media (max-width: 768px){ .modal-body ul{grid-template-columns:1fr;} .modal-content{width:95%;margin:20px;} .modal-header h3{font-size:20px;} } /* -------------------------------- sub2_1 : 전공소개 -------------------------------- */ #Goal .about-tit-box .tit{font-size: 32px;margin-bottom: 80px;padding-bottom: 45px;border-bottom: 1px dashed #ddd;} #Goal .list-hyphen{padding-left: 10px;} /* 설립 목적 상단 */ #Goal{position:relative;padding: 0 0 0px 0;} #Goal.sp3-1{} #Goal .dia{border-bottom: 0;} #Goal .sp-view{padding-bottom:100px;} #Goal .sp-top-tit{display:block;position:relative;max-width:1400px;width:100%;margin:0 auto;text-align:right;padding: 0 !important;!i;!;} #Goal .sp-top-tit .detail-tit{z-index:10;position:absolute;left: 50%;top: 48%;display: inline-block;font-size: 38px;font-weight: 600;color: #111;letter-spacing: 0;transform: translate(-50%, -50%);line-height: 1.3;font-family: "Poppins", sans-serif;} #Goal .sp-top-tit .decorating-txt{display: block;font-size: 300px;font-weight: 600;font-style:normal;color: #f3f7fa;letter-spacing: -10px;line-height: 1.3;font-family: "Poppins", sans-serif;text-align: center;white-space: nowrap;} #Goal .sp-tit-bg{position: relative;margin-top: -90px;height: 360px;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;padding-bottom: 80px;z-index: 10;} #Goal.sub1-2 .sp-tit-bg:before{filter: brightness(0.9); z-index:-1;content:"";position:absolute;left: 50%;margin-left: -45vw;top:0;height:100%;overflow: hidden;background-image: url("/images/main/visual2.jpg");background-attachment: fixed;width: 90vw;background-repeat: no-repeat;background-position: center center;background-size: cover;opacity: 1;border-radius: 50px;} #Goal .sp-tit-bg .area{position:relative;display: flex;z-index:10;font-weight:400;color:#fff;letter-spacing:-0.65px;line-height:1;align-items: flex-end;} #Goal .sp-tit-bg .area big{font-family: 'Paperozi'; font-size: 50px;font-weight:600;text-transform:uppercase;margin-right: 40px;} #Goal .sp-tit-bg .area small{font-size:24px;font-weight:normal;} @media (max-width: 1300px){ #Goal .sp-top-tit .decorating-txt{font-size:200px;} #Goal .sp-tit-bg {margin-top: -60px; height: 300px;padding-bottom: 60px;} #Goal.sp3-1 .sp-tit-bg:before, #Goal.sub1-2 .sp-tit-bg:before{border-radius: 40px;} #Goal .sp-tit-bg .area {width: 100%; justify-content: center; align-items: flex-end;} } @media (max-width: 767px){ #Goal .sp-view {padding-bottom: 30px;} #Goal .sp-top-tit .decorating-txt {font-size: 80px;} #Goal .sp-top-tit .detail-tit {font-size: 20px; text-align: center; width: 100%;} #Goal .sp-tit-bg {margin-top: 0;height: auto;padding:30px 20px;justify-content: center; align-items: center;} #Goal .sp-tit-bg .area {align-items: center; flex-direction: column;} #Goal.sub1-2 .sp-tit-bg:before, #Goal.sp3-1 .sp-tit-bg:before {background-size:100%; border-radius:10px;background-attachment:unset;} #Goal .sp-tit-bg .area big {font-size: 24px; margin: 0 0 5px 0;} #Goal .sp-tit-bg .area small {font-size: 18px;} } /* -------------------------------- sub2_1 : 전공소개 -------------------------------- */ #About{position:relative;word-break:keep-all;} #About .sec-cont{position:relative;} #About .sec-cont + .sec-cont{margin-top: 120px;} /* 텍스트 배경 채워지는 효과 */ .about-tit-box {text-align:center;} .about-tit-box .tit {font-size: 38px;color: #222;line-height: 1.4;font-weight: 500;font-family:'Paperozi';} .about-tit-box .txt {font-size: 28px;font-weight: 500;padding-top: 30px;line-height: 1.5;} .about-tit-box .txt b{} .about-tit-box .tit .point {padding: 0 10px;background: none;color:#01348b;position: relative;display: inline-block;background:#01348b;font-weight: 600;color: #fff;} .about-tit-box .tit .point:before{width: 100%;height: 100%;background: #fff;right: 0;bottom: ;position: absolute;content: '';-webkit-transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;transition: .6s;z-index: 2;} .about-tit-box .tit .point:after{width: 100%;height: 100%;right: 0;bottom: -1px;position: absolute;content: '';-webkit-transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;transition: .6s;z-index: 1;-webkit-transition-delay: .2s;-moz-transition-delay: .2s;-ms-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;} .about-tit-box .tit .point.in-view:before{width: 0;} .about-tit-box .tit .point.in-view:after{} @media (max-width: 1400px){ #About .about-org .box-st2 > li {flex: 1 1 20%;} } @media (max-width: 1170px){ #About{padding: 0px 0 80px;} #About .sec-cont + .sec-cont {margin-top: 80px;} #About .about-con-box .about-info-con{ flex-direction: column-reverse;} #About .about-info-con .img-con {margin: 0 auto;} } @media (max-width: 767px){ #About{padding: 0px 0 60px;} #About .sec-cont + .sec-cont {margin-top: 60px;} .about-tit-box .tit {font-size: 24px;} .about-tit-box .txt{font-size: 20px; margin-top: 10px;} } /* -------------------------------- sub2_2 : 참여학과 -------------------------------- */ #depart{position:relative;word-break:keep-all;} #depart .inner{max-width:1400px;margin:0 auto;} /* 설명 텍스트 */ #depart .intro-text{text-align:center;font-size:23px;color:#444;line-height:1.8;margin-bottom:70px;font-weight:600;letter-spacing:-0.5px;padding:0 20px;} /* 학과 그리드 */ #depart .dept-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px;} #depart .dept-card{border-radius:20px;padding:50px 40px;box-shadow:0 8px 30px rgba(0, 100, 240, 0.08);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;position:relative;border:1px solid #e8ecf1;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:200px;} #depart .dept-card:hover{transform:translateY(-5px);border-color:#8892c0;background:linear-gradient(135deg, #f8f9fc 0%, #fff 100%);} #depart .dept-card:hover:before{transform:scaleX(1);} #depart .dept-card .dept-name{font-family: 'Paperozi';font-size:30px;font-weight:700;color:#1c2c73;margin-bottom:25px;transition:color 0.3s;background: linear-gradient(90deg, #0064f0 0%, #01348b 100%);-webkit-text-fill-color: transparent;background-clip: text;display: inline-block;} #depart .dept-card:hover .dept-name{color:#0064f0;} #depart .dept-card .dept-url{font-size:17px;color: #01348b;padding:14px 30px;border-radius: 10px;font-weight:600;letter-spacing:-0.2px;display:inline-flex;align-items:center;gap:8px;transition:all 0.3s;background: #fafafa;display: block;width: 100%;border: 1px solid #e2e2e2;} #depart .dept-card .dept-url i{font-size:18px;transition:transform 0.3s;} #depart .dept-card:hover .dept-url{gap:12px;transform:translateY(-2px);background: #1c2c73; color: #fff;} #depart .dept-card:hover .dept-url i{transform:translateX(2px);} @media (max-width: 1170px){ #depart .intro-text{font-size:20px;margin-bottom:60px;} #depart .dept-grid{gap:25px;} #depart .dept-card{padding:45px 35px;min-height:180px;} #depart .dept-card .dept-name{font-size:28px;margin-bottom:22px;} #depart .dept-card .dept-url{font-size:16px;padding:13px 28px;} } @media (max-width: 767px){ #depart .intro-text{font-size:18px;margin-bottom:50px;line-height:1.7;} #depart .intro-text br{display:none;} #depart .dept-grid{grid-template-columns:1fr;gap:20px;} #depart .dept-card{padding:40px 25px;border-radius:15px;min-height:160px;} #depart .dept-card .dept-name{font-size:24px;margin-bottom:20px;} #depart .dept-card .dept-url{font-size:15px;padding:12px 24px;} } /* -------------------------------- sub2_4: 교과구성 -------------------------------- */ #curri-2 .dept-grid{margin-top: 50px;} /* 탭 메뉴 */ .tab-menu{justify-content:center;gap:15px;margin-bottom:50px;background:#eef0f6;display:inline-flex;padding:10px;border-radius:100px;position:relative;left:50%;transform:translateX(-50%);} .tab-menu button{padding:16px 45px;font-size:18px;font-weight:600;color:#555;background:transparent;border:none;border-radius:50px;cursor:pointer;transition:all 0.3s;letter-spacing:-0.5px;} .tab-menu button:hover{color:#0064f0;} .tab-menu button.active{background:linear-gradient(135deg, #0064f0 0%, #01348b 100%);color:#fff;} .tab-content{display:none;} .tab-content.active{display:block;} @media (max-width: 1170px){ .tab-menu button{padding:14px 38px;font-size:17px;} } @media (max-width: 767px){ .tab-menu{flex-wrap:wrap;gap:10px;margin-bottom:50px;padding:8px;} .tab-menu button{padding:12px 28px;font-size:15px;} } /* -------------------------------- sub2_5: 이수체계 -------------------------------- */ /* -------------------------------- sub1_5 : 찾아 오시는길 -------------------------------- */ #contact{position:relative;} #contact .map-wrap{position:relative;} #contact .map{overflow:hidden;position:relative;border-radius: 25px; border: 1px solid #ddd;} #contact .map iframe{width:100%; height:100%; min-height:500px;} #contact .map-wrap .map-info{display:flex;position: relative;background: #fff;border-radius: 0 0 25px 25px;padding: 45px 50px 40px 50px;word-break: keep-all;} #contact .map-wrap .tit-box{} #contact .map-wrap .tit-box img{max-width:300px;} #contact .map-wrap .map-info-box {width: calc(100% - 300px);padding-left: 80px;} #contact .map-wrap .map-info-box .location-tit {position: relative;} #contact .map-wrap .map-info-box .location-tit i {font-size: 24px;position:absolute;left:0;top: 5px;color: #01348b;font-weight: normal;} #contact .map-wrap .map-info-box .location-tit p{font-size: 24px;letter-spacing:-0.04em;font-weight: 700;line-height: 1.2;padding-left: 32px;} #contact .map-wrap .loca-txt{display:block; font-size:17px; font-weight:400; line-height:1.5; margin-top:10px;} #contact .map-wrap .loca-info-list {position: relative;display: flex;gap: 75px;margin-top: 15px;} #contact .map-wrap .loca-info-list .loca-item {display:flex;} #contact .map-wrap .loca-info-list .loca-item dl {display:flex;align-items:center;font-size: 18px;} #contact .map-wrap .loca-info-list .loca-item i {font-size: 18px;line-height:2.133em;font-weight: 400;color: #01348b;position:absolute;left:0;font-weight: normal;} #contact .map-wrap .loca-info-list .loca-item dl dt {line-height: 2;font-weight: 700;margin-right: 29px;padding-left: 23px;position: relative;} #contact .map-wrap .loca-info-list .loca-item dl dd {font-weight: 500;color: rgba(0, 0, 0, 0.7);} #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 .map-wrap .map-info .map-btn{position:absolute;right:40px;top:-115px;padding:15px 20px 18px 25px;width:130px;height:130px;border-radius:50%;background:#a88253;box-shadow:0 10px 20px rgb(168 130 83 / 20%);font-size:19px;font-weight:600;color:#fff;letter-spacing:-.5px;line-height:1.3;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s;flex-direction:column;text-align:center;gap:3px;word-break:keep-all;z-index:10;} #contact .map-wrap .map-info .map-btn i{font-weight:normal;font-size:19px;/* transform: rotate(-45deg); */transition:.3s;} #contact .map-wrap .map-info .map-btn:hover{top: -100px; background: #916a3a; box-shadow: 0px 10px 20px rgb(168 130 83 / 0%);} #contact .map-wrap .map-info .map-btn:hover i{transform: rotate(0deg); animation:arrRight .8s ease-in-out infinite;} #contact .loca-list{background: #fff;border-radius: 20px;padding: 30px 0;} #contact .loca-list ul{} #contact .loca-list > ul > li{display:flex;padding: 50px;align-items: center;border: 1px solid rgba(224, 223, 226, 0.6);border-radius: 20px;gap: 25px;justify-content: space-between;} #contact .loca-list > ul > li + li{border-top: 1px dotted #ddd;} #contact .loca-list .icon{width: 120px;text-align:center;display:flex;flex-direction:column;align-items: center;font-size:21px;font-weight: bold;color:#242424;} #contact .loca-list .icon i{font-size:70px;margin-top:10px;font-weight: normal;} #contact .loca-list .txt-wrap{width: calc(100% - 160px);padding: 40px;background: #f7f7f7;border-radius: 20px;px;} #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:#222;display:inline-block;font-size:19px;letter-spacing:-.5px;width: 200px;} #contact .loca-list .txt-wrap > dl > dd{/* width:calc(100% - 200px); */font-weight: 500;} #contact .loca-list .txt-wrap > dl > dd.txt-idt{padding-left:20px;font-weight: 500;line-height: 2;} #contact .loca-list .txt-wrap > dl > dd.txt-idt > a{color: #000;font-weight: bold;} #contact .loca-list .txt-wrap > dl > dd i{font-size:19px;margin-right:5px;font-weight: normal;color: #000;} #contact .loca-list .txt-wrap em.box-num{font-style: normal;background: #3cc344;color: #fff;padding: 2px 5px;font-size: 15px;font-weight: normal;border-radius: 4px;} #contact .loca-list .txt-wrap p{} #contact .loca-list .txt-wrap p b{color:#222; position:absolute; top:0; left:0; display:inline-block; font-size:19px; letter-spacing:-.5px;} #contact .loca-list .txt-wrap .red{display:inline-block;color: #000;font-weight: 700;} #contact .loca-list .txt-wrap a:hover{text-decoration:underline;} #contact .loca-list .list-point>li{text-indent:0px; font-size:16px; color:#666;} .en #contact .loca-list .icon{line-height:1.1;} @media (max-width: 1280px){ #contact .map-wrap .tit-box img {max-width: 240px;} #contact .map-wrap .map-info-box {width: calc(100% - 240px); padding-left: 40px;} } @media (max-width: 1170px){ #contact .map-wrap {border-radius: 0;border: 0;margin-bottom: 40px;} #contact .map-wrap .tit-box{display:none;} #contact .map-wrap .map-info {margin-top: 30px;gap: 20px;align-items: center;} #contact .map-wrap .map-info-box {position: relative;bottom: auto;left: auto;right: auto;width: calc(100% - 130px);padding:0;} #contact .loca-list > ul > li {padding: 50px 0; flex-direction: column; gap:20px;} #contact .loca-list .icon {width: 100%;gap: 10px;flex-direction: row-reverse;align-items: center;font-size: 28px;justify-content: center;} #contact .loca-list .icon i {font-size: 32px; margin-top: 0;} #contact .loca-list .txt-wrap {width: 100%;padding-left: 0;} #contact .map-wrap .map-info .map-btn {top: auto;} #contact .map-wrap .map-info .map-btn:hover {top: -155px;} #contact .loca-list {padding: 0 30px;} #contact .loca-list .txt-wrap > dl{flex-direction: column;} #contact .loca-list .txt-wrap > dl > dt, #contact .loca-list .txt-wrap > dl > dd {width: 100%;} } @media (max-width: 767px){ #contact{padding-bottom:0px;} #contact .map-wrap {margin-bottom: 40px;} #contact .map-wrap .map{height:300px;border-radius: 10px;} #contact .map-wrap .map-info-box{padding: 0;border-radius: 10px;width: 100%;} #contact .map-wrap .map-info-box .location-tit {margin-bottom: 10px;} #contact .map-wrap .loca-info-list {display: flex;flex-direction: column;gap: 10px;margin-top: 10px;} #contact .map-wrap .map-info-box .location-tit p {font-size: 16px;padding-left: 29px;} #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 .map-wrap .map-info-box .location-tit i{font-size: 15px;top: 6px;} #contact .map-wrap .map-info .map-btn{padding: 10px 15px 10px 15px;font-size: 16px;margin-top: 0;border-radius: 10px;position: relative;width: 100%;height: auto;right: auto;left: auto;flex-direction: row-reverse;gap: 10px;} #contact .map-wrap .map-info{flex-direction: column-reverse;margin-top: 0px;gap: 30px;} #contact .loca-list > ul > li {padding: 20px 0;} #contact .loca-list .icon{font-size:22px;} #contact .loca-list .txt-wrap {width: 100%; padding-left: 0;} #contact .loca-list .txt-wrap > dl {flex-direction: column;font-size: 15px;} #contact .loca-list .txt-wrap > dl > dd {width: 100%;} #contact .loca-list .txt-wrap em.box-num {padding: 0px 2px;} } /* -------------------------------- 개인정보취급방침 -------------------------------- */ .privacy-policy{font-family:'Noto Sans KR';padding-bottom:120px;line-height: 1.6;} .privacy-policy .pp-right{float:right;margin-bottom: 15px;display: flex;flex-direction: column;align-items: flex-end;} .privacy-policy .pp-right > dl{display:flex;} .privacy-policy .pp-right > dl + dl{margin:0;} .privacy-policy .pp-right > dl > dt{width: auto;font-size: 15px;font-weight: normal;color: #666;margin: 0 5px 0 0;} .privacy-policy .pp-right > dl > dd{font-size: 15px; color: #666;} .privacy-policy .table_con_wrap{margin-bottom:60px;} .privacy-policy p + .table_con_wrap{margin-top:30px;} .privacy-policy .gray-bg{border-radius: 20px;padding: 4.3% 5%;margin: 36px 0 0;border: 1px solid rgba(224, 223, 226, 0.6);} .privacy-policy .table-icon-img{margin:0 auto; max-width:100%;} .privacy-policy p + dl{margin-top: 50px;} .privacy-policy .pp-wrap{} .privacy-policy .pp-txt-box{} .privacy-policy h1.pp-tit{display:block; font-size:28px; font-weight:bold; margin:0 0 20px; text-align:left;} .privacy-policy .privacy-top{margin:30px 0 0; background:#f8f8f8; padding:40px 41px; box-sizing:border-box;} .privacy-policy p{margin:0;font-size: 16px;} .privacy-policy .txt, .privacy-page dd{font-size:16px; color:#222;} .privacy-policy .txt + .txt{margin:10px 0 0 0;} .privacy-policy .txt-2{margin:10px 0 0 0;} .privacy-policy dl + dl{margin-top: 50px;} .privacy-policy dt{font-size: 20px;display:inline-block;width:100%;color:#000;line-height:inherit;font-weight:700;margin: 0px 0 10px;} .privacy-policy .tit-flex{display:flex;align-items: center;} .privacy-policy .tit-flex .icon-wr{display:flex; gap:8px; margin-left:10px;} .privacy-policy .tit-flex img{display: inline-block;max-width: 25px;} .privacy-policy dd > ul.pp-ganada{padding-left: 20px; margin:10px 0;} .privacy-policy dd > ul.pp-ganada > li{} .privacy-policy dd > ul.pp-ganada > li + li{margin-top:10px;} .privacy-policy dd > ul.pp-ganada > li > strong{display:block;font-size: 17px;} .privacy-policy dd ul.list-hyphen{margin:5px 0 15px 20px;} .privacy-policy dd > ul.ul-gnd{margin:10px 0 10px 20px;} .privacy-policy dd > ul.ul-gnd > li{text-indent:-24px; margin-left:20px;} .privacy-policy dd a{color:inherit;} .privacy-policy dd a:hover{text-decoration:underline;} .privacy-policy dd ol{margin:15px 0;} .privacy-policy dd li + li{margin-top:5px;} .privacy-policy dd p + p{margin-top:10px;} .privacy-policy .rm-list{margin-top:10px;} .privacy-policy .rm-list > li{padding-left:20px; position:relative;} .privacy-policy .rm-list > li:before{content:"※"; position:absolute; left:0; top:0; display:inline-block;} .privacy-policy .dd-board{margin-top:10px;} .privacy-policy .dd-board table th, .privacy-policy .dd-board table td{font-size:15px;} .privacy-policy .pp-btn-wrap{position:relative; margin-top:60px; text-align:center;} .privacy-policy a.pp-btn{margin:0 auto; display:inline-block; text-align:center; color:#fff; font-weight:500; font-size:16px; background:#684ab3; padding:20px 35px; transition:.2s;} @media (max-width: 1170px){ .privacy-policy{padding-bottom:60px;} } @media (max-width: 767px){ .privacy-policy{padding-bottom:40px;} .privacy-policy .contTit{margin-top:0;} .privacy-policy .gray-bg{margin:15px 0 0; padding:20px;} .privacy-policy dl + dl{margin-top:30px;} .privacy-policy dt:first-child{margin-top:0;} .privacy-policy dt{font-size:17px;} .privacy-policy .txt, .privacy-page dd{font-size:15px;} .privacy-policy dd > ul.list-hyphen{margin:5px 0 5px 0px;} .privacy-policy dd > ul.ul-gnd{margin:10px 0 10px 0px;} .privacy-policy dd > ul.ul-gnd > li{text-indent:-21px; margin-left:22px;} } /* -------------------------------- 이메일무단수집거부 -------------------------------- */ #nonMail{padding-bottom: 80px;} #nonMail .contTit-s{margin-top:50px;} #nonMail .ui-topbox .txtwrap p{/*margin:30px 0 0;*/} #nonMail .ui-ftbox .inner{text-align:center;} .ui-topbox{overflow:hidden;position:relative;padding:3px;background:#f1f3f6;border:none;border-radius: 0;word-break: keep-all;border-radius: 25px;} .ui-topbox:before{left:0;right:0;top:0;z-index:1;width:auto;height:50px;background:#cacfd5;display:block;position:absolute;border-radius: 25px 25px 0 0;content:"";} .ui-topbox:after{left:0;top:0;z-index:2;width:205px;height:50px;background: #01348b;display:block;visibility:visible;position:absolute;border-radius: 25px 0 0 0;content:"";} .ui-topbox .inner{position:relative;min-height: 185px;background:#fff;padding:30px 60px 30px 205px;border-radius: 22px;z-index:3;display:flex;align-items:center;} .ui-topbox .inner.img-inner{padding-left:320px; min-height:300px;} .ui-topbox .img{top:35px; left:40px; width:230px; height:230px; display:block; position:absolute;} .ui-topbox .img15{background:url("/images/sub/img_15.png") no-repeat 50% 50%; background-size:100%;} .ui-topbox .img-step{background:url("/images/sub/img_steps.png") no-repeat 50% 50%; background-size:100%;} .ui-topbox .icon{top:40px;left:60px;width:105px;height:105px;background-color: #01348b;display: flex;font-size: 40px;line-height: 74px;color: #fff;border-radius:50%;position:absolute;justify-content: center;align-items: center;} .ui-topbox .ico-15{background:url("/images/sub/2469996.png") no-repeat 50% 50% #f3f4f6; background-size:60%;} .ui-topbox .ico-pro{background:url("/images/sub/3976516.png") no-repeat 50% 50% #f3f4f6;background-size: 60%;} .ui-topbox .ico-pro-d{background:url("/images/sub/2470035.png") no-repeat 50% 50% #f3f4f6;background-size: 50%;} .ui-topbox .ico-mail{background:url("/images/sub/4663958.png") no-repeat 50% 50% #f3f4f6; background-size:60%;} .ui-topbox .txtwrap{position:relative;width: 100%;display: block;} .ui-topbox .txtwrap > p{font-size: 18px;line-height:1.6;color:#8d8d8d;} .ui-topbox .txtwrap p + p{margin-top:15px;} .ui-topbox .txtwrap .tit-wrap{display:flex;align-items:flex-end;flex-wrap:wrap;margin: auto;font-size: 32px;line-height:1.6;color: #333;font-family:'GmarketSansBold';letter-spacing: 0;} .ui-topbox .txtwrap .tit-wrap > strong{color: #00ffd5;font-weight:normal;} .ui-topbox .txtwrap p > strong{color: #01348b;font-weight: bold;} .ui-topbox .txtwrap p > b{color: #222;font-weight:600;} .ui-topbox .txtwrap strong.logo-img{margin-right:15px; background:url("/images/common/logo_c.png") 0 0 no-repeat; display:inline-block; width:230px; height:36px; background-size:230px; text-indent:-9999px;} .ui-ftbox{overflow:hidden;position:relative;background:#fafafa;border:1px solid #eaeaea;margin-top:40px;border-radius: 25px;} .ui-ftbox .inner{position:relative; padding:30px;} .ui-ftbox .btn-black{transition:.2s ease-out;text-align:center;display: inline-flex;background: #222;border-radius: 50px;padding:15px 30px;color:#fff;font-weight: 500;gap: 10px;font-size: 17px;align-items: center;justify-content: center;} .ui-ftbox .btn-black:hover{background:#666;} @media (max-width: 1024px){ .ui-topbox .inner.img-inner{padding-left:30px; flex-direction:column;} .ui-topbox .img15, .ui-topbox .img-step{position:relative; width:280px; height:280px; left:auto; top:auto; margin-bottom:20px;} .ui-topbox .inner.img-inner .tit-wrap{ justify-content:center; margin-bottom:10px;} } @media (max-width: 767px){ .ui-topbox {border-radius: 15px;} .ui-topbox:before {border-radius: 15px 15px 0 0;} .ui-topbox:after {border-radius: 10px 0 0 0;} .ui-topbox .inner{padding: 15px;min-height:auto;border-radius: 11px;} .ui-topbox .inner.img-inner{padding:20px 20px;} .ui-topbox .img15, .ui-topbox .img-step{width:200px; height:200px;} .ui-topbox .icon{display:none;} .ui-topbox .txtwrap .tit-wrap{display:block; font-size:22px; line-height:1.2;} .ui-topbox .txtwrap strong.logo-img{display:block; margin-right:0; width:180px; height:29px; background-size:100%; margin-bottom:10px;} .ui-topbox .txtwrap p{font-size:14px;} } /* -------------------------------- 준비중 -------------------------------- */ .ui-comming{overflow:hidden;position:relative;background-color: #fff;box-shadow: 8px 6px 20px 0 rgba(0, 0, 0, 0.1);} .ui-comming .inner{position:relative;text-align:center;padding: 60px;} .ui-comming .tit{} .ui-comming .tit big{display:block; width:74px; height:74px; margin:0 auto 25px; background:#00ffd5; border-radius:50%; font-size:30px; line-height:74px; color:#fff;} .ui-comming .tit small{display:block; margin:20px 0 15px; font-weight:600; font-size:28px; color:#333; letter-spacing:-.2px; line-height:1.2;} .ui-comming .tit small strong{color:#00ffd5;font-weight:600;} .ui-comming .tit p{font-size:17px; color:#666;} /* 테이블 가로스크롤 */ .table_con_wrap{position:relative;clear: both;/* 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;} /* 테두리 원형 테이블 */ .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-size:20px;font-weight:bold;position:relative;display:table-cell;border-radius: 10px;background:#f9f9f9;} /*.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: 15px 0;color:#444;line-height: 1.4;}