#sVisual{height: 640px;position:relative;display: flex;flex-direction: column;justify-content: flex-end;} #sVisual:before { content: ""; position: absolute; top: 0; width: 100%; height: 90%; background: linear-gradient(to bottom, rgb(14 49 58 / 89%) 0%, rgb(14 49 58 / 0%) 100%); opacity: 1; z-index: 1; } #sVisual .sv-wrap{position: relative;width:100%;margin: 0 auto;height: 100%;border-radius: 0 0 30px 30px;overflow: hidden;} /*#sVisual .big-tit{font-size:60px;line-height:1.3;font-weight:600;color:#fff;display: flex;max-width: 1420px;margin: 0 auto;text-align: left;width: 90%;height: 100%;align-items: center;justify-content: space-between;position: absolute;left: 50%;transform: translate(-50%, 0);top: 0;z-index: 10;} #sVisual .big-tit strong{display:inline-block; position:relative;} #sVisual .big-tit span.pp{display:block; font-weight: bold; font-size:24px;font-family: "Playfair Display", sans-serif;} #sVisual .big-tit span.color{font-style: italic;font-weight: 400;font-family: "Playfair Display", sans-serif;color: #fcb516;background-clip: text;-webkit-background-clip: text;color: transparent;background-image: linear-gradient(135deg, #fde392 0%, #fcb516 30%, #ee7224 70%, #d3222b 100%);} */ #sVisual .snu-roll{position:relative;display: inline-flex;width: 126px;height: 126px;justify-content: center;align-items: center;font-size: 34px;font-weight: normal;color:#fff;} #sVisual .snu-roll:after{content:"";width: 125px;height: 127px;background: url(/images/main/roll.png) no-repeat;background-size: 100%;position:absolute;left: 50%;top: 50%;transform:translate(-50%, -50%) rotate(0deg);animation:rot 8s linear infinite;z-index: 0;} #sVisual .snu-roll i { content: "↓"; overflow: hidden; position: absolute; top: 50%; left: 50%; font-weight:normal; transform: translate(-50%, -50%); animation: 1.25s scrollDownArrow infinite ease-out; } #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/visual2.jpg") no-repeat 50% bottom; background-size:100%; overflow: hidden;background-attachment: fixed;} #sVisual .svWrap .sv-img3{background: url("/images/main/visual3.jpg") no-repeat 50% bottom; background-size:100%; overflow: hidden;background-attachment: fixed;} #sVisual .svWrap .sv-img4{background: url("/images/main/visual4.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/visual2.jpg") no-repeat 50% bottom; background-size:100%; overflow: hidden;background-attachment: fixed;} #sVisual .svWrap .sv-img7{background: url("/images/main/visual3.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;/* width:90%; */z-index:10;left: 50%;height: 100%;transform: translateX(-50%);word-break:keep-all;max-width: 1420px;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: 20px;} #sVisual .slogan .big-tit big span{font-size: 70px;color: #fff;font-family: 'Paperozi';font-weight: 800;letter-spacing: -1px;word-spacing:-5px;text-transform: uppercase;} #sVisual .slogan .big-tit big strong{position:relative;display:inline-block;font-size: 30px;padding-left:130px;font-weight: 700;font-family: 'Paperozi';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: 'Suit';} /* 서브공통 */ .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 0;} .sCont .sCont-title{display:block;padding: 0px 0 60px;color: #000;font-size: 50px;line-height:1.6;font-weight: 700;letter-spacing: -.5px;text-align:center;font-family: 'Paperozi';} .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: 60px;width:100%;z-index: 10;} .sub_menu .vNav{width:90%;max-width: 1420px;margin:0 auto;height: 80px;box-sizing:border-box;} .sub_menu .vNav ul{position:relative;display: inline-flex;height: 100%;align-items: flex-end;border-radius: 20px;background: rgb(255,255,255,.1);padding: 0 60px;backdrop-filter: blur(10px);gap: 60px;} .sub_menu .vNav ul li{position:relative;display:inline-block;height: 100%;} .sub_menu .vNav ul li a{display: flex;position:relative;height: 100%;font-size: 20px;line-height: 1.3;color: rgb(255,255,255,.9);letter-spacing: -0.015em;font-weight: 500;text-decoration:none;align-items: center;padding: 0px 1px 5px;font-family: 'Paperozi';border: 0;} .sub_menu .vNav ul li a i{margin:0 0 3px 5px;} .sub_menu .vNav ul li a:hover{transition:.3s;color: #14ff8e;} .sub_menu .vNav ul li:hover > a:after{content:"";position:absolute;left:0;width:100%;height:3px;bottom: 0px;background:#14ff8e;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;} #page1 #menu01.active > .box1_1_1, #page1 #menu02.active > .box1_1_2, #page1 #menu03.active > .box1_1_3, #page1 #menu04.active > .box1_1_4, #page1 #menu05.active > .box1_1_5, #page2 #menu01.active > .box2_2_1, #page2 #menu02.active > .box2_2_2, #page3 #menu01.active > .box3_3_1, #page3 #menu02.active > .box3_3_2, #page3 #menu03.active > .box3_3_3, #page3 #menu04.active > .box3_3_4, #page3 #menu05.active > .box3_3_5, #page4 #menu01.active > .box4_4_1, #page4 #menu02.active > .box4_4_2, #page4 #menu03.active > .box4_4_3{color:#14ff8e;} #page1 #menu01.active > .box1_1_1:before, #page1 #menu02.active > .box1_1_2:before, #page1 #menu03.active > .box1_1_3:before, #page1 #menu04.active > .box1_1_4:before, #page1 #menu05.active > .box1_1_5:before, #page2 #menu01.active > .box2_2_1:before, #page2 #menu02.active > .box2_2_2:before, #page3 #menu01.active > .box3_3_1:before, #page3 #menu02.active > .box3_3_2:before, #page3 #menu03.active > .box3_3_3:before, #page3 #menu04.active > .box3_3_4:before, #page3 #menu05.active > .box3_3_5:before, #page4 #menu01.active > .box4_4_1:before, #page4 #menu02.active > .box4_4_2:before, #page4 #menu03.active > .box4_4_3:before{content:""; position:absolute; left:0; width:100%; height:3px; bottom:0px; background:#14ff8e; z-index:2;} @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;} } .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: #003287;line-height:1.2;text-align: left;font-family: 'Paperozi';} .contTit:first-child{/* margin-top:0; */} .contTit-s{display:block;margin:40px 0 10px;font-weight:700;font-size: 24px;color: #ed7801;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 .tit-date{color:#666;font-size:18px;font-weight: 600;} .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-end;gap:30px;width: 100%;position: relative;margin-bottom: 30px;justify-content: space-between;} .flex-tit strong{margin-bottom:0;} .flex-tit.full{justify-content:space-between;} .flex-tit > .blank-btn{} .blank-btn{background: #fff;border-radius: 10px;color: #212121;border: 1px solid #212121;display:inline-flex;padding: 12px 25px;gap:10px;font-size: 17px;line-height: 1;font-weight: 600;align-items: center;transition: .3s ease-out;} .blank-btn:hover{background:#01cc6a; border-color:#01cc6a; color:#fff;} 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.6;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;} .sec-cont{position:relative;} .sec-cont + .sec-cont{margin-top:80px;} .sec-cont:nth-child(1){padding:0;} .sec-cont.bg{padding: 80px 0;} .sec-cont.bg:before{content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; margin-left:-50vw; background:#eff2fa; z-index:-2;} .sec-cont.bg > .contTit{margin-top:0;} .sec-cont.cont-left{display:flex;} .sec-cont h3 > {} .sec-cont .s-cont{position:relative;} .sec-cont.cont-left > h3{display:inline-block; width:25%;} .sec-cont.cont-left > h3 .contTit{margin-top:5px; font-size:22px;} .sec-cont.cont-left > .s-cont{width:75%;} .sec-cont.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:#222;font-size: 18px;font-weight: 500;line-height: 1.6;text-align:left;vertical-align:top;letter-spacing:-0.5px;} .list-Dot>li:before{content:"";display:block;position:absolute;left:0;top: 11px;overflow:hidden;width: 4px;height: 4px;box-sizing:border-box;border-radius:50%;background: #ed7801;} .list-Dot>li+li{margin-top:0;} .list-Dot>li a{color:inherit;} .list-Dot>li a:hover{text-decoration:underline;} .list-Dot>li a.gold{color:#9c6e37; text-decoration:underline;} .list-Dot>li .table_con_wrap{/* margin-top: 10px; */} .list-Dot > li > .txt-bold > em.noto, .list-Dot > li > em.noto{font-family:'Noto Sans KR';text-decoration:none;font-style: normal;} ul + .table_con_wrap, .table_con_wrap + ul{margin: 10px 0;} .list-Dot .list-hyphen{margin:0px 0 5px;} .list-hyphen{} .list-hyphen>li{position:relative;padding-left:11px;color:#555;font-weight:400;line-height:1.5;text-align:left;vertical-align:top;letter-spacing: 0px;} .list-hyphen>li:before{content:""; display:block; position:absolute; left:0; top:11px; width:5px; height:1px; box-sizing:border-box; background:#999;} .list-hyphen>li a{color:#555; text-decoration:underline;} .list-hyphen>li a:hover{opacity:.8;} .list-Dot>li .list-hyphen>li+li{margin-top:3px;} .list-Dot>li .list-hyphen{width:100%;/* padding:8px 0 2px; */} .list-Dot>li .list-hyphen>li{color:#888;font-size: 17px;} .list-Dot>li .list-hyphen>li:before{top: 11px;} .list-Dot + .list-hyphen{margin-top:10px;} .ol-list{margin:10px 0; padding:0 0 0 20px;} .ol-list > li{position:relative;box-sizing:border-box;color: #333;font-size: 17px;font-weight: 500;line-height: 1.6;text-align:left;vertical-align:top;letter-spacing:-0.5px;} .ol-list > li + li{margin-top: 0;} .ol-list > li .list-point > li{font-size:16px;} .ol-list > li .list-point > li + li{margin-top:0px;} .box-txt{background:#253369;color:#fff;font-style:normal;font-weight: 500;padding: 2px 6px;font-size: 16px;letter-spacing: 0;} ul + .list-point{margin-top: 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){ .sec-cont + .sec-cont{margin-top:40px;} .sec-cont.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;} } .sub-tab2{position:relative; display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center;} .sub-tab2 li{position:relative;background:#fff; border:1px solid #e1e1e1; cursor:pointer; margin-top:-1px; margin-left:-1px;} .sub-tab2 li:first-child{border-radius:15px 0 0 0;} .sub-tab2 li:last-child{border-radius:0 15px 0 0;} .sub-tab2.tab2 li{width:calc(50% - 1px);} .sub-tab2.tab3 li{width:calc(33.333333333% - 0px);} .sub-tab2.tab4 li{width: calc(25.06% - 0px);} .sub-tab2.tab5 li{width:calc(20% - 1px);} .sub-tab2.tab6 li{width:calc(16.66% - 1px);} .sub-tab2 li:first-child{border-left:1px solid #ddd;} .sub-tab2 li span{display:table;width:100%;height:55px;} .sub-tab2 li span em{ word-break:keep-all; padding:0 45px 0 35px; height:100%; display:table-cell; vertical-align:middle; color:#5b5e66; font-size:18px; font-family:'S-CoreDream-5Medium'; line-height:1; letter-spacing:.5px; text-align:left; font-style:normal; font-weight:normal; } .sub-tab2 li.active{border: 1px solid #4A5677;background: #4A5677;} .sub-tab2 li.active em{color:#fff;} .sub-tab2 li em:before{content:"\ea6e"; display:inline-block; font-family:'remixicon'; position:absolute; top:50%; right:20px; font-size:28px; transform:translateY(-50%);} .sub-tab2 li.active em:before{content:"\ea4e";} .color-tab{position:relative;display:flex;flex-wrap:wrap;margin-bottom: 60px;background: #f9f7f7;} .color-tab li{display:block;position:relative;margin-left:-1px;margin-top:-1px;height:100%;min-height: 70px;height:auto;line-height:1.5;} .color-tab-one.tab2 li, .color-tab.tab2 li{width:calc(50% + 1px);} .color-tab-one.tab3 li, .color-tab.tab3 li{width:calc(33.33% + 1px);} .color-tab-one.tab4 li, .color-tab.tab4 li{width:calc(25% + 1px);} .color-tab-one.tab5 li, .color-tab.tab5 li{width:calc(20% + 1px);} .color-tab-one.tab6 li, .color-tab.tab6 li{width:calc(16.66666666666667% + 1px);} .color-tab li:first-child{} .color-tab li a{position:relative; display:table; table-layout:fixed; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; background:#fff; font-weight:500; color:#222; transition:all .1s;} .color-tab li a span{display:table-cell;vertical-align:middle;width:100%;height:100%;padding: 16px 15px;line-height: 1.2;font-weight: 600;font-size: 20px;text-align: center;} .color-tab li.on a{color:#fff;background: #253369;border-color: #253369;} .color-tab li a:focus, .color-tab li a:hover{border-color: #253369;color: #253369;text-decoration: none;z-index:2;} .color-tab li.on a:focus, .color-tab li.on a:hover{color:#fff;} .color-tab-one{position:relative;display:flex;flex-wrap:wrap;margin-bottom:40px;background: #f9f7f7;} .color-tab-one li{display:block;position:relative;margin-left:-1px;margin-top:-1px;height:100%;min-height: 70px;height:auto;line-height:1.5;} .color-tab-one li span{position:relative; display:table; table-layout:fixed; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; background:#fff; font-weight:500; color:#222; transition:all .1s;} .color-tab-one li span em{font-style:normal;display:table-cell;vertical-align:middle;width:100%;height:100%;padding: 16px 15px;line-height: 1.2;font-size: 20px;font-weight: 600;text-align: center;} .color-tab-one li.active span{color:#fff;background:#253369; border-color:#253369;} .color-tab-one li span:focus, .color-tab-one li span:hover{border-color:#253369; color:#253369; z-index:2;} .color-tab-one li.active span:focus, .color-tab-one li.active span:hover{color:#fff;} .cont-view{display:none; position:relative;} @media (max-width: 767px){ .color-tab li, .color-tab-one li {min-height: auto;} .color-tab li a span, .color-tab-one li span em{padding:15px; font-size: 16px;} .color-tab-one {margin-bottom: 30px;} } @media (max-width: 420px){ .color-tab-one.tab2 li, .color-tab.tab2 li, .color-tab-one.tab3 li, .color-tab.tab3 li, .color-tab-one.tab5 li, .color-tab.tab5 li{width:100%;} } .vs-tabs{} .vs-tabs ul{display:flex; white-space: nowrap; justify-content:center; padding-bottom: 20px; } .vs-tabs ul li{position:relative;flex:0 0 auto; line-height:1; } .vs-tabs ul li + li{margin-left:70px;} .vs-tabs ul li + li:before{content:''; width:1px; height:20px; background: #ddd; position:absolute; left:-35px; top:2px;} .vs-tabs ul li a{font-size: 22px; color: #999; text-decoration:none;} .vs-tabs ul li a:focus{outline: none;} .vs-tabs ul li a:hover, .vs-tabs ul li.on a{color:#111; font-weight: 700;} .vs-tabs ul li.on a:before{content:'';width:100%;height:3px;background:#00e9cc;position:absolute;left:0;bottom:-8px;} .vs-tabs ul li a:hover:before{content:""; width:100%; height:3px; background:#00e9cc; position:absolute; left:0; bottom:-8px; animation:strach .3s;} @keyframes strach { 0% {transform: scaleX(0);} 100% {transform: scaleX(1);} } /* -------------------------------- sub1_1 : 비전 -------------------------------- */ #MV{position: relative; text-align: center;} #MV .intro{position:relative;padding-top: 40px;font-family: 'Paperozi';} #MV .intro .tit-box{position:relative; font-size:28px;} #MV .intro .tit-sm{font-weight:bold;font-size: 34px;margin-bottom: 20px;line-height: 1;} #MV .intro .tit-sm span{background-image: linear-gradient(90deg, #41e696 14.51%, #66d2e9 95.96%);color: transparent;background-clip: text;-webkit-background-clip: text;} #MV .intro .main-tit{font-size: 50px;letter-spacing: -.5px;color: #212121;font-weight: 700;line-height: 1.4;font-family: 'Paperozi';} #MV .img-wrap{position: relative;height: 600px;display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 80px 0 140px;text-align: center;} #MV .img-wrap:before{z-index:-1;content:"";position:absolute;left: 50%;margin-left: -50vw;top:0;height:100%;overflow: hidden;background-image: url("/images/sub/vs_bg.jpg");background-attachment: fixed;width: 100vw;background-repeat: no-repeat;background-position: center center;background-size: cover;opacity: 1;} #MV .img-wrap strong{margin-bottom: 40px;} #MV .img-wrap strong img{max-width:100%;} #MV .img-wrap .sub-tit{color: #fff;font-size: 30px;line-height: 1.6;font-weight: 300;word-break: keep-all;font-family: 'Paperozi';} #MV .img-wrap .sub-tit.first{font-size:36px;} #MV .img-wrap .sub-tit > b{font-weight:bold;} #MV .img-wrap .sub-tit + .sub-tit{margin-top:20px;} #MV .conarea {max-width: 1740px;width: 90vw;padding: 110px 80px 110px 160px;box-sizing: border-box;left: 50%;position: relative;transform: translateX(-50%);text-align: left;} #MV .conarea:before{content:"";position:absolute;width: 90vw;height: 100%;background: url("/images/sub/ms_bg.jpg") no-repeat center / cover;left: 50%;top: 0;transform: translateX(-50%);border-radius: 50px;z-index: -1;} #MV .conarea h5.title {color: #fff;margin-bottom: 40px;font-size: 38px;font-weight: bold;font-family: 'Paperozi';} #MV .conarea .boxwrap{box-sizing:border-box;background: rgba(255,255,255,0.09);max-width:1000px;width:100%;/* min-height: 280px; */border-radius:20px;margin-bottom:30px;padding: 40px 50px 60px;backdrop-filter: blur(10px);} #MV .conarea .boxwrap:last-child{margin-bottom: 0;} #MV .conarea .boxwrap dl dt{display: flex;align-items:center;padding-bottom: 30px;border-bottom:1px solid rgba(255,255,255,0.2);} #MV .conarea .boxwrap dl dt span{font-size: 30px;color:#fff;font-weight: 700;font-family: 'Paperozi';} #MV .conarea .boxwrap dl dt span > b{font-weight: 700;color:#3bfffe;} #MV .conarea .boxwrap dl dt i{display: block;width: 60px;height: 60px;margin-right: 25px;} #MV .conarea .boxwrap dl dt .i1{background: url("/images/sub/3380344.png")no-repeat center / 100%;} #MV .conarea .boxwrap dl dt .i2{background: url("/images/sub/5670835.png")no-repeat center / 100%;} #MV .conarea .boxwrap dl dt .i3{background: url("/images/sub/7206438.png")no-repeat center / 100%;} #MV .conarea .boxwrap dl dt .i4{background: url("/images/sub/655462.png")no-repeat center / 100%;} #MV .conarea .boxwrap dl dd{box-sizing:border-box;flex-wrap:wrap;padding-top: 30px;display: flex;align-items:start;justify-content:space-between;gap: 10px;} #MV .conarea .boxwrap dl dd li{width:100%;box-sizing:border-box;padding-left: 18px;position: relative;color:#fff;font-size: 20px;font-weight: 400;line-height: 1.5;opacity: .9;font-family: 'Paperozi';} #MV .conarea .boxwrap dl dd li + li{margin-top:10px;} #MV .conarea .boxwrap dl dd li:before{position: absolute;content:'';background: #14ff8e;width: 6px;height: 6px;border-radius: 50%;top:11px;left:0;} #MV .cir-t table thead th{background: #01ce6b;font-size: 24px;padding: 30px 10px;} #MV .table tbody th, #MV .table tbody td{font-size:22px;padding: 30px 10px; color:#333;} /* -------------------------------- sub1_2 : 연혁 -------------------------------- */ #History{position:relative;padding-bottom: 80px;} #History:before{content:"History";position:fixed;top:50%;left:50%;font-size:300px;font-family: 'Paperozi';font-weight:800;transform:translate(-50%, -50%);z-index:-1;opacity:0.02;text-transform:uppercase;} #History .his-tit-box{text-align:center;margin-bottom: auto;font-size: 24px;font-weight: 500;line-height: 1.8;max-width: 1200px;margin: 0 auto 100px;letter-spacing: -1px;} #History .his-tit-box .color-tit{display:block;color: #01ce6b;font-weight: 800;letter-spacing: 0px;font-size: 24px;margin-bottom: 30px;font-family: "Chakra Petch", sans-serif;text-decoration: underline;} #History .his-tit-box .his-txt{font-size:24px;color:#111;line-height: 1.6;font-weight: 500;letter-spacing: -0.03em;} #History .his-tit-box .his-txt > p + p{margin-top:30px;} :root{ --history-color: #01ce6b; /* History 01 */ --history-padding: 85px; /* History 02 */ --history-year-group-width: 45rem; --history-year-width: 9rem; } @media all and ( max-width:800px ){ :root{ /* History 02 */ --history-year-group-width: auto; --history-padding: 6rem; } } .history-style01{position:relative; padding-top: 1.5rem;} .history-style01 .history-year-item {position:relative;display:flex;justify-content:space-between;padding-bottom: 160px;} .history-style01 .history-year-item:last-child{padding-bottom:0} .history-style01 .history-year-item .history-info-box{display: flex; width:50%;} .history-style01 .history-year-item.history-left .history-info-box {justify-content: flex-end;} .history-style01 .history-year-item .history-back-line{position:absolute; top: 20px; height:175%; width:2px; left:calc(50% - 1px); background-color:#f1f1f1;} .history-style01 .history-year-item .history-back-line .line-inner{display:block; width:100%; height:0; background-color:var(--history-color);} .history-style01 .history-year-item .history-year-tit{position:relative;font-size: 80px;font-weight: 700;/* letter-spacing: -.5px; */color: #01ce6b;font-family: 'Paperozi';} .history-style01 .history-year-item .history-year-tit .dot{position:absolute;top: 20%;width: 14px;height: 14px;background-color:#fff;border-radius:50%;transform:translate(0%, -50%);border:3px solid #d2d2d2;z-index:1;} .history-style01 .history-year-item .history-year-tit .dot::before {position: absolute;content: "";width: 45px;height: 45px;border-radius: 50%;background-color: #01ce6b24;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;pointer-events: none;transition: all 0.3s;} .history-style01 .history-month-box .history-month-item{position:relative;display:flex;line-height:1.4;font-family: 'Paperozi';margin-bottom: 10px;} .history-style01 .history-month-box .history-month-item .history-month{width: 90px;display:block;font-size: 27px;line-height: 1;font-weight: 700;letter-spacing: 0;color:#000;font-family: 'Paperozi';} .history-style01 .history-month-box .history-month-item .history-detail-txt-con{width:100%;margin-bottom: 2.2rem;} .history-style01 .history-month-box .history-month-item .history-month + .history-detail-txt-con{width: calc(100% - 90px);} .history-style01 .history-month-box .history-month-item .history-detail-txt{color: #333;font-size: 19px;font-weight: 500;line-height: 1.5;letter-spacing: -.5px;word-break: keep-all;padding-right: 20px;display: flex;} .history-style01 .history-month-box .history-month-item .history-detail-txt + .history-detail-txt{margin-top:20px;} .history-style01 .history-month-box .history-month-item .history-detail-txt > span{display:inline-block;font-size: 19px;font-family: 'Paperozi';font-weight: 700;color: #111;margin-right: 20px;} .history-style01 .history-right .history-month-box .history-month-item .history-detail-txt {padding: 0 0 0 20px;} .history-style01 .history-month-box .history-month-item .history-detail-txt:last-of-type{margin-bottom: 0;} .history-style01 .history-month-box .history-month-item .history-detail-txt.only-txt{position:relative;} .history-style01 .history-month-box .history-month-item .history-detail-txt.only-txt:before{position:absolute; top:0; content:"-"; } /* History :: active */ .history-style01 .history-year-item .history-year-tit, .history-style01 .history-year-item .history-year-tit:after, .history-style01 .history-year-item .history-year-tit .dot, .history-style01 .history-month-box .history-month-item, .history-style01 .history-month-box .history-month-item:before, .history-style01 .history-month-box .history-month-item .history-month{transition:all 0.5s ease-in-out; transition-property:color, background-color, border-color} .history-style01 .history-year-item.active .history-year-tit:after{background-color:var(--history-color)} .history-style01 .history-year-item.active .history-year-tit .dot{border-color: #01ce6b;background: #01ce6b;} .history-style01 .history-year-item.active .history-year-tit .dot::before, .history-style01 .history-year-item.active .history-year-tit .dot::after {opacity: 1; pointer-events: auto;} .history-style01 .history-img-box{width:calc(50% - var(--history-padding)); margin-top:8rem} .history-style01 .history-img-box span{display:inline-block;} .history-style01 .history-img-box span img{max-width:100%;} @media all and (min-width:801px){ .history-style01 .history-right{flex-direction:row-reverse; } .history-style01 .history-right .history-year-tit:not(.reverse){padding-left:var(--history-padding); } .history-style01 .history-right .history-year-tit:not(.reverse):after{left:0;} .history-style01 .history-right .history-year-tit:not(.reverse) .dot{left:0; transform:translate(-50%,-50%)} .history-style01 .history-right .history-month-box .history-month-item{padding-left: 80px;} .history-style01 .history-right .history-month-box .history-month-item:before{left:0px; transform:translate(-50%, 0)} .history-style01 .history-right .history-month-box .history-month-item .history-detail-txt.only-txt{padding-left:1em;} .history-style01 .history-right .history-month-box .history-month-item .history-detail-txt.only-txt:before{left:0;} .history-style01 .history-right .history-img-box{text-align:right;} .history-style01 .history-left{text-align:right; } .history-style01 .history-left .history-year-tit:not(.reverse){padding-right:var(--history-padding); } .history-style01 .history-left .history-year-tit:not(.reverse):after{right:0;} .history-style01 .history-left .history-year-tit:not(.reverse) .dot{right:0; transform:translate(50%,-50%)} .history-style01 .history-left .history-month-box .history-month-item{flex-direction:row-reverse; padding-right:var(--history-padding)} .history-style01 .history-left .history-month-box .history-month-item .history-detail-txt{flex-direction:row-reverse;} .history-style01 .history-left .history-month-box .history-month-item .history-detail-txt > span{margin-left:20px;margin-right: 0;} .history-style01 .history-left .history-month-box .history-month-item .history-detail-txt.only-txt{padding-right:1em;} .history-style01 .history-left .history-month-box .history-month-item .history-detail-txt.only-txt:before{right:0;} .history-style01 .history-left .history-img-box{text-align:left;} .history-style01 .history-year-item .history-year-tit.reverse{position:absolute; top:-5px; } .history-style01 .history-right .history-year-tit.reverse{right:50%; padding-right:var(--history-padding);} .history-style01 .history-right .history-year-tit.reverse:after{right:0} .history-style01 .history-right .history-year-tit.reverse .dot{left:100%; transform:translate(-50%,-50%)} .history-style01 .history-left .history-year-tit.reverse{left:50%; padding-left:var(--history-padding);} .history-style01 .history-left .history-year-tit.reverse:after{left:0} .history-style01 .history-left .history-year-tit.reverse .dot{right:100%; transform:translate(50%,-50%)} } @media all and (max-width:800px){ #History .his-tit-box {margin: 0 auto 20px;} #History .his-tit-box .color-tit {font-size: 20px; margin-bottom: 20px;} #History .his-tit-box .his-txt{font-size:19px;} #History:before{font-size:100px;} .history-style01 .history-year-item {padding-bottom:40px;} .history-style01 .history-year-item .history-info-box {width: 100%; display: block;} .history-style01 .history-year-item.history-left .history-info-box {justify-content: initial;} .history-style01 .history-year-item .history-back-line{left:10px} .history-style01 .history-year-item .history-year-tit{padding-left:60px; padding-bottom: 3rem; font-size: 4rem;} .history-style01 .history-year-item .history-year-tit:after{display:none;} .history-style01 .history-year-item .history-year-tit .dot{left:4px;} .history-style01 .history-year-item .history-back-line {top: 35px; height: 100%;} .history-style01 .history-month-box .history-month-item .history-detail-txt {padding-left: 60px;flex-direction: column;} .history-style01 .history-month-box .history-month-item{padding-left:60px;} .history-style01 .history-month-box .history-month-item:before{left:1px; transform:translateX(50%)} .history-img-box{position:static; width:auto; margin:5rem 0 0 var(--history-padding)} } @media all and (max-width:480px){ .history-style01 .history-month-box .history-month-item {flex-direction: column;} .history-style01 .history-month-box .history-month-item .history-month {width: 100%;} .history-style01 .history-month-box .history-month-item .history-month + .history-detail-txt-con {width: 100%;} .history-style01 .history-month-box .history-month-item .history-detail-txt {padding: 10px 0 !important; font-size:16px;} } /* -------------------------------- sub1_3 : 구성 -------------------------------- */ #Org{position:relative;} #Org .about-org{position:relative;overflow:hidden;background:#f5f5f5;padding: 80px 2%;text-align:center;display: flex;flex-direction: column;align-items: center;border-radius: 20px;word-break:keep-all;} #Org .about-org .snu-logo{margin: 0px auto 20px;} #Org .about-org .snu-logo > img{/* max-width: 172px; */width: 100%;} #Org .about-org .cirTit{position: relative;/* background: url("/images/sub/org_tit.png") no-repeat 50% bottom; */min-width:431px;width:100%;text-align:center;} #Org .about-org .cirTit span{display: inline-block;} #Org .about-org .cirTit span > img{max-width:100%;} #Org .about-org .cirTit:before{content:"";background:#000;width: 11px;height: 11px;border-radius:50%;display:inline-block;position:absolute;left:50%;bottom: -40px;transform:translate(-50%, 0%);outline:5px solid #f5f5f5;z-index:1;} #Org .about-org .cirTit:after{content:"";background:#ccc;width:2px;height: 360px;display:inline-block;position:absolute;left:50%;top: 165px;transform:translate(-50%, 0%);z-index:0;} #Org .about-org .deb2{position: relative;display: flex;justify-content: space-between;width: 100%;max-width: 900px;margin: 60px auto;align-items: center;} #Org .about-org .deb2:before{content:"";background:#ccc;width: 18%;height:2px;display:inline-block;position:absolute;left: 32%;top:50%;transform: translate(-0%, -50%);z-index:0;} #Org .about-org .deb2 span{padding: 20px;width: 250px;border-radius:50px;font-size: 20px;font-weight: 600;color: #fff;display:inline-block;font-family: 'Paperozi';} #Org .about-org .deb3{position: relative;display: flex;justify-content: space-between;width: 100%;max-width: 900px;margin: 60px auto;align-items: center;} #Org .about-org .deb3:before{content:"";background:#ccc;width: 37%;height:2px;display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:0;} #Org .about-org .deb3 span{padding: 20px;width: 250px;border-radius:50px;font-size: 20px;font-weight: 600;color: #fff;display:inline-block;font-family: 'Paperozi';} #Org .about-org .deb3 .deb3-box{} #Org .about-org .deb3 .deb3-1{} #Org .about-org .box-st2{display: flex;flex-direction: column;gap: 15px;position: relative;} #Org .about-org .deb3 .deb3-1 .box-st2:before{right:-32px;} #Org .about-org .deb3 .deb3-2 .box-st2:before{left:-32px;} #Org .about-org .box-st1 > li{position: relative;} #Org .about-org .box-st1 > li:before{content:"";background: #999999;width: 8px;height: 8px;border-radius:50%;display:inline-block;position:absolute;right: -35px;top: 50%;transform: translate(0%, -50%);outline:5px solid #f5f5f5;z-index:1;} #Org .about-org .box-st2 > li{position: relative;} #Org .about-org .box-st2 > li:before{content:"";background: #999999;width: 8px;height: 8px;border-radius:50%;display:inline-block;position:absolute;right: -35px;top: 50%;transform: translate(0%, -50%);outline:5px solid #f5f5f5;z-index:1;} #Org .about-org .deb3 .deb3-2 .box-st2 > li:before{right:auto; left:-35px;} #Org .about-org .box-st1 > li span{background: #333;} #Org .about-org .box-st2 > li span{background: #0067db;} #Org .about-org .deb4{position: relative;margin-top: 60px;} #Org .about-org .box-st3{display: flex;justify-content: center;gap: 30px;position: relative;flex-wrap: wrap;} #Org .about-org .box-st3:before{content:"";background:#ccc;width: 78%;height:2px;display:inline-block;position:absolute;left:50%;top: -32px;transform:translate(-50%, 0%);z-index:0;} #Org .about-org .box-st3 > li{/* flex: 1 1 15%; */position: relative;width: 17%;cursor: pointer;transition: .3s;} #Org .about-org .box-st3 > li:hover > strong{transform:translateY(-10px);background: #0042c7;} #Org .about-org .box-st3 > li:before{content:"";background: #2ab8b9;width: 8px;height: 8px;border-radius:50%;display:inline-block;position:absolute;left:50%;top: -35px;transform:translate(-50%, 0%);outline:5px solid #f5f5f5;z-index:1;} #Org .about-org .box-st3 > li > strong{transition:.3s;border-radius: 30px;background: #003399;width: 100%;display: flex;justify-content: center;align-items: center;padding: 30px;color: #fff;height: 180px;position: relative;flex-direction: column;gap: 10px;} #Org .about-org .box-st3 > li > strong .icon{width: 90px;height: 90px;border-radius: 50%;filter: invert(100%);} #Org .about-org .box-st3 > li > strong .icon.icon1{background: url("/images/sub/18806037.png") no-repeat 50% 50% / 60px rgb(0,0,0,.1);} #Org .about-org .box-st3 > li > strong .icon.icon2{background: url("/images/sub/18806040.png") no-repeat 50% 50% / 60px rgb(0,0,0,.1);} #Org .about-org .box-st3 > li > strong .icon.icon3{background: url("/images/sub/18806043.png") no-repeat 50% 50% / 60px rgb(0,0,0,.1);} #Org .about-org .box-st3 > li > strong .icon.icon4{background: url("/images/sub/18806021.png") no-repeat 50% 50% / 60px rgb(0,0,0,.1);} #Org .about-org .box-st3 > li > strong .icon.icon5{background: url("/images/sub/521648.png") no-repeat 50% 50% / 60px rgb(0,0,0,.1);} #Org .about-org .box-st3 > li > strong b{font-size: 20px;padding: 0 20px;font-weight: 600;font-family: 'Paperozi';} #Org .about-org .box-st3 > li > .list-Dot{width: 100%;background: #fff;border-radius: 30px;margin-top: 20px;padding: 25px 30px;height: calc(100% - 180px);} #Org .about-org .box-st3 > li > .list-Dot > li{font-size: 16px; line-height: 1.3;} #Org .about-org .box-st3 > li > .list-Dot > li:before{top:6px; border-radius:50%; background:#cb1148;} #Org .about-org .box-st3 > li > .list-Dot > li + li{margin-top:5px;} /* -------------------------------- sub1_4 : 후원 -------------------------------- */ #support{position:relative; font-family: 'Paperozi';} #support .txtwrap{padding: 20px 0; display: flex; gap: 40px; justify-content: space-between; align-items: flex-start; flex-direction: column;} #support .sup-slo{font-size: 30px; font-weight: 700; line-height: 1.4; color: #212121;} #support .sup-slo small{display:block;color: #444;} #support .sup-slo big{display:block;color: #193889;line-height: 1.3;margin-top: 10px;} #support .sup-in{display:flex;gap: 20px;align-items: flex-start;width: 100%;} #support .sup-box{padding: 30px 40px; border: 1px dotted #cacfd5; background: #fbfbfb; border-radius: 20px; display: flex; gap: 30px; width: calc(100% - 500px); align-items: center; justify-content: space-between;} #support .sup-img{border-radius: 20px 60px;overflow:hidden;width: 460px;position: absolute;right: 0;} #support .sup-img img{max-width:100%;} #support .sup-in .sup-txt{} #support .sup-in .sup-txt .tit{font-size: 24px; color: #212121; display: block; margin-bottom: 10px;} #support .sup-in .sup-txt > p{font-size: 18px; line-height: 1.6; font-weight: 600; color: #666;} #support .sup-in .qr{width: 120px;border:3px solid #ddd;} #support .sup-in .qr img{max-width:100%;} #support .cir-t table thead th{background:#193889;font-size: 24px; padding: 30px 10px;} #support .table tbody th, #support .table tbody td{font-size:22px;padding: 30px 10px; color:#333;} /* -------------------------------- sub1_5 : 오시는길 -------------------------------- */ #contact{position:relative;font-family: 'Paperozi';} #contact .map-wrap{position:relative;margin-bottom:100px;border-radius:20px;/* box-shadow:0px 3px 20px 10px rgb(0 0 0 / 3%); */} #contact .map{overflow:hidden;position:relative;border-radius: 25px 25px 0 0;/* border: 1px solid rgb(0,155,241); */} #contact .map iframe{width:100%; height:100%; min-height:500px;} #contact .root_daum_roughmap .border1, #contact .root_daum_roughmap .border2, #contact .root_daum_roughmap .border3, #contact .root_daum_roughmap .border4{border:0 !important; opacity:0 !important;} #contact .map-info{position:relative;background:#fff;border-radius: 0 0 25px 25px;padding:45px 50px 40px 50px;word-break:keep-all;box-shadow: 0 10px 20px rgba(98, 97, 108, 0.2);z-index:10;} #contact .map-info .map-tit{font-size:28px;line-height:1.2;font-weight:normal;color: #111;padding-bottom:10px;} #contact .map-info .map-tit strong{font-weight:normal;} #contact .map-info .map-txt{width:100%;/* padding-top:20px; */display:flex;row-gap:10px;column-gap:80px;flex-wrap:wrap;} #contact .map-info .map-txt dl{display:inline-flex;align-items:flex-start;} #contact .map-info .map-txt dl:first-child{width:100%; margin-right:0; margin-bottom:15px;} #contact .map-info .map-txt dt{box-sizing:border-box;width:95px;font-size:18px;color: #212121;font-weight: bold;display:flex;word-break:keep-all;align-items:center;} #contact .map-info .map-txt dt i{margin-right:5px;} #contact .map-info .map-txt dd{width:calc(100% - 95px);font-size:17px;font-weight: 500;color: #212121;} #contact .map-info .map-txt dd a{color:#555;} #contact .map-info .map-txt p{display:block; margin-top:25px; color:#666; font-size:16px; line-height:1.6;} #contact .map-info .map-link{display:flex;margin-top: 30px;gap: 20px;} #contact .map-info .map-link > li{width:50%;} #contact .map-info .map-link > li a{color:#fff;font-weight: bold;display:flex;gap:5px;border-radius: 10px;width:100%;height:100%;padding:15px 20px;font-size:20px;text-align:center;justify-content:center;align-items:center;transition:.2s ease-out;} #contact .map-info .map-link > li:first-child a{background:#00dd57;} #contact .map-info .map-link > li:nth-child(2) a{background:#f9d100;} #contact .map-info .map-link > li:nth-child(3) a{background:#2e6bc4;} #contact .map-info .map-link > li i{font-size:23px;opacity:0.7;font-weight: normal;} #contact .map-info .map-link > li a:hover{transform:translateY(-5px);} #contact .map-info .map-link > li:first-child a:hover{background:#26e270;} #contact .map-info .map-link > li:nth-child(2) a:hover{background:#fad826;} #contact .map-info .map-link > li:nth-child(3) a:hover{background:#3974ca;} #contact .loca-list{} #contact .loca-list img{max-width:100%;} #contact .loca-list ul{} #contact .loca-list li{display:flex;padding:50px 40px;border-radius: 20px;border:1px solid rgba(224, 223, 226, 0.6);} #contact .loca-list li + li{margin-top:20px;} #contact .loca-list .icon{font-weight:normal;width:120px;text-align:center;display:flex;flex-direction:column;align-items:center;font-size:19px;font-weight:700;color:#242424;} #contact .loca-list .icon i{font-size:70px;margin-top:10px;font-weight: normal;} #contact .loca-list .txt-wrap{width: calc(100% - 120px);padding-left: 40px;} #contact .loca-list .txt-wrap .left-tit{margin-bottom:5px;word-break:keep-all;color:#546476;display:block;font-size:18px;line-height:1.4;font-weight: bold;} #contact .loca-list .txt-wrap .left-tit br{display:none;} #contact .loca-list .txt-wrap .long-txt, #contact .loca-list .txt-wrap .shot-txt{border-radius: 20px;padding:25px 35px;background:#f9f9f9;position:relative;} #contact .loca-list .txt-wrap .loca-list{line-height:1.6;font-size: 17px;display:block;position:relative;} #contact .loca-list .txt-wrap .long-txt .loca-t{margin-top: 10px;padding-left:50px;display:flex;min-height:40px;align-items:center;} #contact .loca-list .txt-wrap .loca-t{position:relative;line-height: 1.6;color: #111;font-weight: 600;} #contact .loca-list .txt-wrap i{font-style:normal; border-radius:50%; width:40px;height:40px;font-size:14px;display:inline-flex;color:#fff;background:#2970d6;align-items: center;justify-content: center;position: absolute;left: 0;top: 0;} #contact .loca-list .txt-wrap em.box-num{font-style: normal;background: #3cc344;color: #fff;padding: 2px 5px;font-size: 15px;font-weight: 600;} #contact .loca-list .txt-wrap em.box-num.c2{background:#87c700;} #contact .loca-list .txt-wrap i.sq-icon{width:25px;height:25px;margin: 0 5px 5px 0;position:relative;} #contact .loca-list .txt-wrap i.sq-2{background:#209032;} #contact .loca-list .txt-wrap i.sq-3{background:#f17734;} #contact .loca-list .txt-wrap i.sq-4{background:#3088c0;} #contact .loca-list .txt-wrap i.sq-5{background:#5c35ac;} #contact .loca-list .txt-wrap i.sq-7{background:#718345;} #contact .loca-list .txt-wrap i.sq-blue{background:#2970d6;} #contact .loca-list .txt-wrap i.sq-green{background:#65bb4e;} #contact .loca-list .txt-wrap i.sq-org{background:#e76452;} #contact .loca-list .txt-wrap .long-txt + .long-txt, #contact .loca-list .txt-wrap .shot-txt + .shot-txt, #contact .loca-list .txt-wrap .long-txt .loca-list .loca-t + .loca-t{margin-top:10px;} #contact .loca-list .st-tit{position:relative;font-size:20px;padding-left:28px;display:block;margin: 10px;color:#212121;} #contact .loca-list .st-tit > i{font-style:normal; border-radius:0%; width:auto;height:auto;font-size:22px;font-weight:normal; display:inline-flex;color:inherit; background:none; align-items: center;justify-content: center;position: absolute;left: 0;top: 0;} @media (max-width: 1300px){ #contact {padding: 0 0 60px 0;} } @media (max-width: 1170px){ #contact .map-wrap {margin-bottom: 0px;} } @media (max-width: 767px){ #contact {padding: 0;} #contact .map {border-radius: 15px 15px 0 0;} #contact .map-wrap {margin-bottom: 0px; border-radius: 15px;} #contact .map-info {border-radius: 0 0 15px 15px; padding: 20px;} #contact .map-info .map-txt dl {gap: 10px; flex-direction: column;} #contact .map-info .map-txt dt {width: 100%;} #contact .map-info .map-txt dd {width: 100%;} #contact .map-info .map-link {margin-top: 20px; gap: 5px; flex-direction: column; align-items: center;} #contact .map-info .map-link > li {width: 100%;} #contact .map-info .map-link > li a {gap: 5px; border-radius:6px; padding: 10px; font-size: 17px;} #contact .loca-list li {padding: 20px; border-radius: 15px; flex-direction: column; align-items: center;} #contact .loca-list .txt-wrap {width: 100%; padding-left: 0;} #contact .loca-list .txt-wrap .long-txt, #contact .loca-list .txt-wrap .shot-txt {border-radius: 10px; padding: 10px; text-align: center;} #contact .loca-list .txt-wrap .left-tit {text-align: center;} #contact .loca-list .txt-wrap .loca-list {font-size: 16px;} #contact .loca-list .txt-wrap em.box-num {padding: 0px 2px;} } /* -------------------------------- sub3 : 연구분야 -------------------------------- */ #Rsch{position:relative;} #Rsch.rsch1-1{} #Rsch.rsch1-2{} #Rsch.rsch1-3{} #Rsch.rsch1-4{} #Rsch.rsch1-5{} #Rsch .flex-cont{display: flex; justify-content: space-between; flex-wrap: wrap;} #Rsch .flex-cont .left{} #Rsch .flex-cont .right{width: 100%;max-width: 1100px;} #Rsch .rsch-tit{font-size: 42px;font-weight: 700;line-height: 1.3;color:#111;margin-bottom: 30px;font-family: 'Paperozi';} #Rsch .img-wrap{position: relative;height: 420px;margin: 80px auto;} #Rsch .img-wrap strong{text-align:center;color:#fff;width:100%;display:flex;height:100%;justify-content: center;align-items: center;gap: 18px;flex-direction: column;} #Rsch .img-wrap strong big{font-size:50px;letter-spacing:-.5px;font-family: 'Paperozi';} #Rsch .img-wrap strong small{font-size:30px;font-weight:600;opacity: .5;font-family: 'Paperozi';} #Rsch .img-wrap:before{z-index:-1;content:"";position:absolute;left: 50%;/* transform: translateX(-50%); */margin-left: -45vw;top:0;border-radius: 30px;height:100%;overflow: hidden;background-attachment: fixed;width: 90vw;background-repeat: no-repeat;background-position: center top;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 .img-wrap.rsch-bg4:before{background-image: url("/images/sub/rsch_bg4.jpg");} #Rsch .img-wrap.rsch-bg5:before{background-image: url("/images/sub/rsch_bg5.jpg");} #Rsch .overview{text-align: center;/* padding: 0 0 80px 0; */} #Rsch .overview .color-tit{display:block;color: #01ce6b;font-weight: 800;font-size: 24px;margin-bottom: 30px;font-family: 'Paperozi';} #Rsch .overview .over-txt{font-size:24px;color:#111;line-height: 1.6;font-weight: 600;font-family: 'Paperozi';word-break: keep-all;} #Rsch .overview .over-txt > p + p{margin-top:30px;} #Rsch .detailed{} #Rsch .detailed .detail-txt{letter-spacing:-.5px; margin-bottom:40px;font-size: 19px;font-weight: 400;color: #555;line-height: 1.6;} #Rsch .detailed .detail-txt > b{color: #3f61b2;font-weight:bold;} #Rsch .boxList{display: flex;gap: 20px;flex-wrap: wrap;flex-direction: column;} #Rsch .boxList > li{word-break: normal;background-color: #f6f6f6;border-radius: 2rem;padding: 30px 35px;box-sizing: border-box;font-family: 'Paperozi';} #Rsch .boxList > li > p{position: relative;font-size: 23px;font-weight: 600;line-height: 1.5em;color: #222;padding-left: 3rem;} #Rsch .boxList > li > p:before {position: absolute;content: "\eb7b";font-family: 'remixicon' !important;font-size: 14px;width: 22px;font-weight: normal;height: 22px;display: flex;color: #fff;background: #687a9d;left: 0;top: 6px;border-radius: 50%;justify-content: center;align-items: center;} #Rsch .sec-cont.bg .boxList > li{background-color:#fff;} #Rsch .rsch-dl{display:flex;font-family: 'Paperozi';align-items: flex-start;} #Rsch .rsch-dl + dl{margin-top: 60px;padding-top: 60px;border-top: 1px dotted #ddd;} #Rsch .rsch-dl dt{overflow:hidden;border-radius: 30px;width: 360px;border: 5px solid #ddd;} #Rsch .rsch-dl dt > img{max-width: 100%;} #Rsch .rsch-dl dd{width: calc(100% - 360px);padding: 0px 0 0 40px;} #Rsch .rsch-dl dd strong{font-size: 24px;margin-bottom: 20px;display:block;width: 100%;min-height: 61px;border-radius: 90px;box-shadow: inset 0px 5px 10px 0 rgb(121 121 121 / 8%);background-color: #f9f9f9;padding: 18px 40px 15px;font-weight: 600;letter-spacing: -.5px;line-height: 1;vertical-align: middle;} #Rsch .rsch-dl dd p{font-size: 19px;line-height: 1.6;color: #666;font-weight: 500;word-break: keep-all;padding-left: 10px;} #Rsch .rsch-dl dd p + p{margin-top:15px;} #Rsch .bn-list{display:flex; flex-wrap:wrap; margin:0 -1.31%;} #Rsch .bn-list > li{ border:1px solid #fff; width: calc((100% - 10.48%)/3); height:130px; transition:.3s; cursor:pointer; border-radius:20px; box-shadow: 0px 3px 15px #0000000d; margin:1.31%; background:#fff; box-sizing:border-box; overflow:hidden; text-align:center; display:flex; justify-content:center; align-items:center; } #Rsch .bn-list > li img{max-width: 80%;} #Rsch .bn-list > li:hover{border-color:#01ce6b; transform:translateY(-6px);} #Rsch .rc-dg{ padding: 80px 4%; border-radius: 30px; margin-top: 20px; background: #fff; text-align: center; } #Rsch .rc-dg img{max-width:100%;} #Rsch .dgWr{ display: flex; align-items: center; } #Rsch .dgWr .l-cont{} #Rsch .dgWr .leftCir{} #Rsch .dgWr .leftCir span{ position: relative; display: inline-flex; border-radius: 50%; width: 413px; height: 413px; color: #066ab3; font-size: 32px; font-weight: 700; font-family: 'Paperozi'; /* border: 7px solid transparent; */ /* background-image: linear-gradient(#fff, #fff), linear-gradient(to bottom, #fff 0%, #f0c5d4 100%); */ /* background-origin: border-box; */ /* background-clip: content-box, border-box; */ box-shadow: 10px 0px 0px 0px #066ab3; justify-content: center; align-items: center; } #Rsch .dgWr .r-cont{} #Rsch .dgWr .r-cont > ul{} #Rsch .dgWr .r-cont > ul > li{} #Rsch .dgWr .r-cont .icon-list{} #Rsch .dgWr .r-cont .icon-list > dl{ display: flex; align-items: center; } #Rsch .dgWr .r-cont .icon-list > dl > dt{} #Rsch .dgWr .r-cont .icon-list .icon{ background: #066ab3; width: 70px; height: 70px; display: inline-flex; border-radius: 50%; } #Rsch .dgWr .r-cont .icon-list .icon.icon1{} #Rsch .dgWr .r-cont .icon-list .icon.icon2{} #Rsch .dgWr .r-cont .icon-list .icon.icon3{} #Rsch .dgWr .r-cont .icon-list .icon.icon4{} #Rsch .dgWr .r-cont .icon-list .icon.icon5{} #Rsch .dgWr .r-cont .icon-list > dl > dd{} #Rsch .dgWr .r-cont .icon-list > dl > dd > p{} #Rsch .dgWr .r-cont .arr{} #Rsch .dgWr .r-cont .arr strong{} /* 테이블 */ table{width:100%; border-collapse:collapse; border-spacing:0;} .table{position:relative; width:100%; /*margin:20px 0 0 0;*/ background-color:#fff; border-top:1px solid #353541; font-size:17px; line-height:24px;} .table:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#e7e7e7;} .table.fixed{table-layout:fixed;} .table .caption{display:none;} .table.text_center tbody tr td{text-align:center;} .table.text_left tbody tr td{text-align:left;} .table.text_left tbody tr th,.table.text_left thead tr th{text-align:center;} .table.break tbody td,.table.break thead th,.table.break tbody td,.table.break tbody th{word-break:break-all;} .table thead th{padding: 18px 10px;border:1px solid #e7e7e7;border-top:0;border-bottom-color:#e7e7e7;background-color:#f5f5f5;color: #212121;font-size: 18px;font-weight: 600;text-align:center;} .table thead th:first-child{border-left:none;} .table thead th:last-child{border-right:none;} .table tbody th, .table tfoot th{background-color:#f9fafc; font-weight:500; color:#333;} .table tbody th, .table tbody td, .table tfoot th, .table tfoot td{padding:14px 10px;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;font-weight:400;color: #212121;word-break:keep-all;} .table tbody th{text-align:center;font-size: 17px;color: #212121;font-weight: 600;} .table tbody td{font-size: 17px;} .table tbody td.text-left{text-align:left;padding: 14px 18px;} .table tfoot td:first-child{border-left:none;} .table tbody tr th:last-child{border-right:none;} .table td:last-child{border-right:none;} .table td[rowspan]:first-child{border-right:1px solid #e7e7e7;} .table tbody th + td, .table tbody td + td, .table tfoot td{border-left:1px solid #e7e7e7;} .table tbody td, .table tfoot td{text-align:center;} .table tbody td > ul{margin-top:0;margin-bottom:0;padding-left: 15px;text-align:left;} .table tbody td > ul > li, .table tbody td ol li{font-size:17px;} .table tbody td > ul.po-list_clear{padding-left:0;} .table tbody td > ol{margin-top:0; margin-bottom:0;} .table th.double, .table td.double{border-left:3px double #e7e7e7;} .table .po-list > li > ul >li > ul > li:before, .table .num > li > ul >li > ul > li:before, .table p.blt.type3:before, .table .po-list.third > li:before {top:15px;} .table td.color-1{background:#f1f7fd;} .table td.color-2{background:#edfbf2;} /* 테이블 가로 스크롤 */ .table_con_wrap{position:relative;margin:0 auto;} .table_con_wrap .table_prev_mo{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:95;} .table_con_wrap .table_prev_mo ul{position:absolute; top:50%; left:50%; margin:-11px 0 0 -75px;} .table_con_wrap .table_prev_mo ul:after{content: ''; display:block; clear:both;} .table_con_wrap .table_prev_mo ul li{float:left;} .table_con_wrap .table_prev_mo ul li p{font-size:15px; color:#fff;} .table_con_wrap .table_prev_mo ul li i{margin-top:4px; font-size:12px; color:#fff; animation:prevarrow .5s ease-in infinite alternate;} p.mo_hide{display:none; color:#888; text-align:center; margin-top:10px;} @media (max-width:800px){ .table_con_wrap{width:100%; overflow-x:auto; white-space:nowrap; padding-bottom:20px;} .table_con_wrap table{width:100%;} .table_con_wrap .table_prev_mo{display:block;} p.mo_hide{display:block;} } @media (max-width: 767px){ .table thead th, .table tbody th{font-size:16px;} .table tbody td{font-size:15px;} .table tbody td ul li, .table tbody td ol li{font-size:14px;} .table-color tbody th, .table-color tbody td, .table-color tfoot th, .table-color tfoot td{border-bottom:0; border-right:0;} .table-color tbody th + td, .table-color tbody td + td, .table-color tfoot td{border-left:0;} .table-color td:last-child{border-radius:0 0 15px 15px;} } /* -------------------------------- 개인정보처리방침 -------------------------------- */ .privacy-policy{font-family:'Noto Sans KR';padding-bottom:120px;line-height: 1.6;} .privacy-policy .pp-right{float:right;margin-bottom: 15px;display: flex;flex-direction: column;align-items: flex-end;} .privacy-policy .pp-right > dl{display:flex;} .privacy-policy .pp-right > dl + dl{margin:0;} .privacy-policy .pp-right > dl > dt{width: auto;font-size: 15px;font-weight: normal;color: #666;margin: 0 5px 0 0;} .privacy-policy .pp-right > dl > dd{font-size: 15px; color: #666;} .privacy-policy .table_con_wrap{margin-bottom:60px;} .privacy-policy p + .table_con_wrap{margin-top:30px;} .privacy-policy .gray-bg{border-radius: 20px;padding: 4.3% 5%;margin: 36px 0 0;border: 1px solid rgba(224, 223, 226, 0.6);} .privacy-policy .table-icon-img{margin:0 auto; max-width:100%;} .privacy-policy p + dl{margin-top: 50px;} .privacy-policy .pp-wrap{} .privacy-policy .pp-txt-box{} .privacy-policy h1.pp-tit{display:block; font-size:28px; font-weight:bold; margin:0 0 20px; text-align:left;} .privacy-policy .privacy-top{margin:30px 0 0; background:#f8f8f8; padding:40px 41px; box-sizing:border-box;} .privacy-policy p{margin:0;font-size: 16px;} .privacy-policy .txt, .privacy-page dd{font-size:16px; color:#222;} .privacy-policy .txt + .txt{margin:10px 0 0 0;} .privacy-policy .txt-2{margin:10px 0 0 0;} .privacy-policy dl + dl{margin-top: 50px;} .privacy-policy dt{font-size: 20px;display:inline-block;width:100%;color:#000;line-height:inherit;font-weight:700;margin: 0px 0 10px;} .privacy-policy .tit-flex{display:flex;align-items: center;} .privacy-policy .tit-flex .icon-wr{display:flex; gap:8px; margin-left:10px;} .privacy-policy .tit-flex img{display: inline-block;max-width: 25px;} .privacy-policy dd > ul.pp-ganada{padding-left: 20px; margin:10px 0;} .privacy-policy dd > ul.pp-ganada > li{} .privacy-policy dd > ul.pp-ganada > li + li{margin-top:10px;} .privacy-policy dd > ul.pp-ganada > li > strong{display:block;font-size: 17px;} .privacy-policy dd ul.list-hyphen{margin:5px 0 15px 20px;} .privacy-policy dd > ul.ul-gnd{margin:10px 0 10px 20px;} .privacy-policy dd > ul.ul-gnd > li{text-indent:-24px; margin-left:20px;} .privacy-policy dd a{color:inherit;} .privacy-policy dd a:hover{text-decoration:underline;} .privacy-policy dd ol{margin:15px 0;} .privacy-policy dd li + li{margin-top:5px;} .privacy-policy dd p + p{margin-top:10px;} .privacy-policy .rm-list{margin-top:10px;} .privacy-policy .rm-list > li{padding-left:20px; position:relative;} .privacy-policy .rm-list > li:before{content:"※"; position:absolute; left:0; top:0; display:inline-block;} .privacy-policy .dd-board{margin-top:10px;} .privacy-policy .dd-board table th, .privacy-policy .dd-board table td{font-size:15px;} .privacy-policy .pp-btn-wrap{position:relative; margin-top:60px; text-align:center;} .privacy-policy a.pp-btn{margin:0 auto; display:inline-block; text-align:center; color:#fff; font-weight:500; font-size:16px; background:#684ab3; padding:20px 35px; transition:.2s;} @media (max-width: 1170px){ .privacy-policy{padding-bottom:60px;} } @media (max-width: 767px){ .privacy-policy{padding-bottom:40px;} .privacy-policy .contTit{margin-top:0;} .privacy-policy .gray-bg{margin:15px 0 0; padding:20px;} .privacy-policy dl + dl{margin-top:30px;} .privacy-policy dt:first-child{margin-top:0;} .privacy-policy dt{font-size:17px;} .privacy-policy .txt, .privacy-page dd{font-size:15px;} .privacy-policy dd > ul.list-hyphen{margin:5px 0 5px 0px;} .privacy-policy dd > ul.ul-gnd{margin:10px 0 10px 0px;} .privacy-policy dd > ul.ul-gnd > li{text-indent:-21px; margin-left:22px;} } /* -------------------------------- 이메일무단수집 -------------------------------- */ #nonMail{padding-bottom: 80px;} #nonMail .contTit-s{margin-top:50px;} #nonMail .ui-topbox .txtwrap p{/*margin:30px 0 0;*/} #nonMail .ui-ftbox .inner{text-align:center;} .ui-topbox{position:relative;padding:3px;background:#f1f3f6;border:none;border-radius: 0;word-break: keep-all;border-radius: 25px;} .ui-topbox:before{left:0;right:0;top:0;z-index:1;width:auto;height:50px;background:#cacfd5;display:block;position:absolute;border-radius: 25px 25px 0 0;content:"";} .ui-topbox:after{left:0;top:0;z-index:2;width:205px;height:50px;background: #193889;display:block;visibility:visible;position:absolute;border-radius: 25px 0 0 0;content:"";} .ui-topbox .inner{position:relative;min-height: 185px;background:#fff;padding:30px 60px 30px 205px;border-radius: 22px;z-index:3;display:flex;align-items:center;} .ui-topbox .inner.img-inner{padding-left:320px; min-height:300px;} .ui-topbox .img{top:35px; left:40px; width:230px; height:230px; display:block; position:absolute;} .ui-topbox .img15{background:url("/images/sub/img_15.png") no-repeat 50% 50%; background-size:100%;} .ui-topbox .img-step{background:url("/images/sub/img_steps.png") no-repeat 50% 50%; background-size:100%;} .ui-topbox .icon{top:40px;left:60px;width:105px;height:105px;background-color: #193889;display: flex;font-size: 40px;line-height: 74px;color: #fff;border-radius:50%;position:absolute;justify-content: center;align-items: center;} .ui-topbox .ico-15{background:url("/images/sub/2469996.png") no-repeat 50% 50% #f3f4f6; background-size:60%;} .ui-topbox .ico-pro{background:url("/images/sub/3976516.png") no-repeat 50% 50% #f3f4f6;background-size: 60%;} .ui-topbox .ico-pro-d{background:url("/images/sub/2470035.png") no-repeat 50% 50% #f3f4f6;background-size: 50%;} .ui-topbox .ico-mail{background:url("/images/sub/4663958.png") no-repeat 50% 50% #f3f4f6; background-size:60%;} .ui-topbox .txtwrap{position:relative;width: 100%;display: block;} .ui-topbox .txtwrap > p{font-size: 18px;line-height:1.6;color:#8d8d8d;} .ui-topbox .txtwrap p + p{margin-top:15px;} .ui-topbox .txtwrap .tit-wrap{display:flex;align-items:flex-end;flex-wrap:wrap;margin: auto;font-size: 32px;line-height:1.6;color: #333;font-family:'GmarketSansBold';letter-spacing: 0;} .ui-topbox .txtwrap .tit-wrap > strong{color: #00ffd5;font-weight:normal;} .ui-topbox .txtwrap p > strong{color: #253dbe;font-weight: bold;} .ui-topbox .txtwrap p > b{color: #222;font-weight:600;} .ui-topbox .txtwrap strong.logo-img{margin-right:15px; background:url("/images/common/logo_c.png") 0 0 no-repeat; display:inline-block; width:230px; height:36px; background-size:230px; text-indent:-9999px;} .ui-ftbox{overflow:hidden;position:relative;background:#fafafa;border:1px solid #eaeaea;margin-top:40px;border-radius: 25px;} .ui-ftbox .inner{position:relative; padding:30px;} .ui-ftbox .btn-black{transition:.2s ease-out;text-align:center;display: inline-flex;background: #222;border-radius: 50px;padding:15px 30px;color:#fff;font-weight: 500;gap: 10px;font-size: 17px;align-items: center;justify-content: center;} .ui-ftbox .btn-black:hover{background:#666;} @media (max-width: 1024px){ .ui-topbox .inner.img-inner{padding-left:30px; flex-direction:column;} .ui-topbox .img15, .ui-topbox .img-step{position:relative; width:280px; height:280px; left:auto; top:auto; margin-bottom:20px;} .ui-topbox .inner.img-inner .tit-wrap{ justify-content:center; margin-bottom:10px;} } @media (max-width: 767px){ .ui-topbox {border-radius: 15px;} .ui-topbox:before {border-radius: 15px 15px 0 0;} .ui-topbox:after {border-radius: 10px 0 0 0;} .ui-topbox .inner{padding: 15px;min-height:auto;border-radius: 11px;} .ui-topbox .inner.img-inner{padding:20px 20px;} .ui-topbox .img15, .ui-topbox .img-step{width:200px; height:200px;} .ui-topbox .icon{display:none;} .ui-topbox .txtwrap .tit-wrap{display:block; font-size:22px; line-height:1.2;} .ui-topbox .txtwrap strong.logo-img{display:block; margin-right:0; width:180px; height:29px; background-size:100%; margin-bottom:10px;} .ui-topbox .txtwrap p{font-size:14px;} } /* -------------------------------- 준비중 -------------------------------- */ .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;} .cir-table{background:#fff;position:relative;border:1px solid rgba(224, 223, 226, 0.6);border-radius: 15px;padding: 10px;margin:0;} .cir-table .table-cir{width: 100%;} .cir-table .table-cir th, .cir-table .table-cir td{padding:22px 0;font-size: 17px;text-align:center;} .cir-table .table-cir thead th{background:#f9f9f9;font-size: 17px;font-weight:600;letter-spacing:-0.8px;line-height:1.31;} .cir-table .table-cir thead th:first-child{border-top-left-radius: 10px;border-bottom-left-radius: 10px;} .cir-table .table-cir thead th:last-child{border-top-right-radius: 10px;border-bottom-right-radius: 10px;} .cir-table .table-cir tbody tr{border-bottom:1px solid rgba(31, 31, 31, 0.05);} .cir-table .table-cir tbody tr:last-child{border-bottom:0;} .cir-table .table-cir tbody th{font-weight:500;position:relative;display:table-cell;} /*.cir-table .table-cir tbody th.box-th:before{border-radius:5px; background:#f9f9f9; display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1;}*/ .cir-table .table-cir tbody td{padding:25px 0;color:#444;line-height: 1.4;} .cir-table .table-cir .m-block{display:none;} table{width:100%; border-collapse:collapse; border-spacing:0;} .table{position:relative;width:100%;/*margin:20px 0 0 0;*/background-color:#fff;border-top:1px solid #353541;font-size:17px;line-height:24px;font-family: 'Paperozi';} .table:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#e7e7e7;} .table.fixed{table-layout:fixed;} .table .caption{display:none;} .table.text_center tbody tr td{text-align:center;} .table.text_left tbody tr td{text-align:left;} .table.text_left tbody tr th,.table.text_left thead tr th{text-align:center;} .table.break tbody td,.table.break thead th,.table.break tbody td,.table.break tbody th{word-break:break-all;} .table thead th{padding: 22px 10px;border:1px solid #e7e7e7;border-top:0;border-bottom-color:#e7e7e7;background-color:#f5f5f5;color: #212121;font-size: 20px;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: 22px 10px;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;font-weight: 500;color: #212121;word-break:keep-all;} .table tbody th{text-align:center;font-size: 18px;color: #212121;font-weight: 600;} .table tbody td{font-size: 18px;} .table tfoot td:first-child{border-left:none;} .table tbody tr th:last-child{border-right:none;} .table td:last-child{border-right:none;} .table td[rowspan]:first-child{/* border-right:1px solid #e7e7e7; */} .table tbody th + td, .table tbody td + td, .table tfoot td{border-left:1px solid #e7e7e7;} .table tbody td, .table tfoot td{text-align:center;} .table tbody td > ul{margin-top:0;margin-bottom:0;padding-left: 15px;text-align:left;display:inline-block;} .table tbody td > ul > li, .table tbody td ol li{font-size:17px;} .table tbody td > ul.po-list_clear{padding-left:0;} .table tbody td > ol{margin-top:0; margin-bottom:0;} .table tbody td.txt-left{text-align:left;padding-left: 25px;} .table th.double, .table td.double{border-left:3px double #e7e7e7;} .table .po-list > li > ul >li > ul > li:before, .table .num > li > ul >li > ul > li:before, .table p.blt.type3:before, .table .po-list.third > li:before {top:15px;} .table td.color-1{background:#f1f7fd;} .table td.color-2{background:#edfbf2;} .ws-btn{font-weight: 500;} .ws-btn i{font-weight:normal;} .ws-btn:hover{text-decoration:underline;} .lab-blank-btn{transition: .3s;display: inline-flex;background: #66665c;color: #fff;align-items: center;justify-content: space-between;border-radius: 6px;width: auto;gap: 10px;font-weight:600;font-size: 16px;padding: 5px 18px;} .lab-blank-btn i{font-weight:normal;} .lab-blank-btn:hover{background:#97764b; transform: translateY(-1px);} .table-color{position:relative;width:100%;background-color:#fff;font-size: 16px;line-height: 1.5; font-weight: 600;} .table-color:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#e7e7e7;} .table-color.fixed{table-layout:fixed;} .table-color .caption{display:none;} .table-color.text_center tbody tr td{text-align:center;} .table-color.text_left tbody tr td{text-align:left;} .table-color.text_left tbody tr th,.table-color.text_left thead tr th{text-align:center;} .table-color.break tbody td,.table-color.break thead th,.table-color.break tbody td,.table-color.break tbody th{word-break:break-all;} .table-color tbody tr:nth-child(even){background:#fdfdfd;} .table-color thead th{padding:17px 10px 14px;background-color:#4f687e;color:#fff;font-size:18px;font-weight:normal; text-align:center;} .table-color.bg-gr thead th{background-color:#96c700;} .table-color.bg-bl thead th{background-color:#00bfe6;} .table-color thead th:first-child{border-radius:15px 0 0 15px;} .table-color thead th:last-child{border-radius:0 15px 15px 0;} .table-color tbody th, .table-color tbody td, .table-color tfoot th, .table-color tfoot td{padding: 17px 10px 14px;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;color: #555;word-break:keep-all;} .table-color tbody th{font-weight:normal; color:#222;font-size:18px;} .table-color tbody td{} .table-color tfoot td:first-child{border-left:none;} .table-color tbody tr th:last-child{border-right:none;} .table-color td:last-child{border-right:none;} .table-color td[rowspan]:first-child{border-right:1px solid #e7e7e7;} .table-color tbody th + td, .table-color tbody td + td, .table-color tfoot td{border-left:1px solid #e7e7e7;} .table-color tbody td, .table-color tfoot td{text-align:center;} .table-color tbody td ul{margin-top:0; margin-bottom:0; padding-left:10px; text-align:left;} .table-color tbody td ul li, .table-color tbody td ol li{font-size:15px;} .table-color tbody td ul.po-list_clear{padding-left:0;} .table-color tbody td ol{margin-top:0; margin-bottom:0;} .table-color th.double, .table-color td.double{border-left:3px double #e7e7e7;} .table-color .po-list > li > ul >li > ul > li:before, .table-color .num > li > ul >li > ul > li:before, .table-color p.blt.type3:before, .table-color .po-list.third > li:before {top:15px;} .table-color td.color-1{background:#f1f7fd;} .table-color td.color-2{background:#edfbf2;} .table-color .call{position:relative; display:inline-flex; align-items:center; justify-content:center; padding-left:28px; color:#222; font-weight:normal; transition:.2s ease-out;} .table-color .call i{background:#f7c326; color:#fff; border-radius:50%; width:23px; height:23px; font-size:14px; text-align:center; line-height:22px; position:absolute; left:0; top:-1px; transition:.2s ease-out;} .table-color .call:hover{} .table-color .call:hover i{background:#deaf22;} .table2{position:relative; width:100%; margin:20px 0; background-color:#fff; border-top:2px solid #353541; font-size:14px; line-height:24px;} .table2:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#e7e7e7;} .table2 thead th{padding:10px 10px; border:1px solid #e7e7e7; border-bottom-color:#e7e7e7; background-color:#f5f5f5; color:#333; font-weight:500; text-align:center;} .table2 thead th:first-child{border-left:none;} .table2 thead th:last-child{border-right:none;} .table2 tbody th{font-size:14px; color:#777; font-weight:400;} .table2 tbody td{font-size:14px;} .table2 tbody th, .table2 tbody td, .table2 tfoot th, .table2 tfoot td{padding:10px 10px; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; font-weight:400; color:#636363; word-break:keep-all;} .table2 tfoot td:first-child{border-left:none;} .table2 tbody tr th:last-child{border-right:none;} .table2 td:last-child{border-right:none;} .table2 td[rowspan]:first-child{border-right:1px solid #e7e7e7;} .table2 tbody th + td, .table2 tbody td + td, .table2 tfoot td{border-left:1px solid #e7e7e7;} .table2 tbody td, .table2 tfoot td{text-align:center;} .table2 tbody td ul{margin-top:0; margin-bottom:0; padding-left:10px; text-align:left;} .table2 tbody td ul li, .table2 tbody td ol li{font-size:15px;} .table2 tbody td ul.po-list_clear{padding-left:0;} .table2 tbody td ol{margin-top:0; margin-bottom:0;} .table2 th.double, .table2 td.double{border-left:3px double #e7e7e7;} .table2 .po-list > li > ul >li > ul > li:before, .table2 .num > li > ul >li > ul > li:before, .table2 p.blt.type3:before, .table2 .po-list.third > li:before {top:15px;} .t-link{color:#c8005f; font-weight:500;} .t-link:hover{text-decoration:underline;} /* table td em{display:inline-block; background:#38d5b8; border-radius:50%; width:15px; height:15px;} table td em.c1{background:#38d5b8;} table td em.c2{background:#4cc1ec;} table td em.c3{background:#5e91f0;} table td em.c4{background:#7f82ea;} */ /* 테이블 가로 스크롤 */ .table_con_wrap{position:relative;margin: 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: 7px;margin:0;} .cir-t table{border-radius:10px; overflow:hidden; border:1px solid rgba(31, 31, 31, 0.05);} .cir-t table td{border-color: rgba(31, 31, 31, 0.05);} .cir-t table thead th{background: #333;color: #fff;border-color:rgb(255,255,255,.7)} .cir-t table td{background:#fcfcfc;} .cir-t.left-th table tbody th{background: #333;color: #fff;} .cir-t.left-th table tbody td.th-bg{background: rgba(246, 247, 250, 1);} .cir-t table tbody th{background: rgba(246, 247, 250, 1);border-color:#eee} .cir-t table tbody th .posi{background: #01ce6b;color:#fff;font-size: 15px;border-radius:50px;width: 90px;height: 30px;display:inline-flex;justify-content: center;align-items: center;vertical-align: middle;margin-left: 10px;} .cir-t table tbody th.td-bg1, .cir-t table td.td-bg1, .td-bg1{background:#fff2f2;} .cir-t table tbody th.td-bg2, .cir-t table td.td-bg2, .td-bg2{background:#f1f7fd;} .cir-t table tbody th.td-bg3, .cir-t table td.td-bg3, .td-bg3{background: #f1fdf6;} .cir-t table tbody th.td-bg4, .cir-t table td.td-bg4, .td-bg4{background: #fff8f1;} .cir-t table tbody th.td-bg5, .cir-t table td.td-bg5, .td-bg4{background: #fcf1fd;} .subj-class-list {padding: 0px 10px;/* grid-template-columns: 1fr 1fr 1fr; *//* display:grid; */gap: 10px;display: flex;flex-wrap: wrap;} .subj-class-list > p{position:relative;background: #f9f9f9;border:1px dotted #ccc;color: #333;font-size: 16px;font-weight: 600;line-height: 1.4;letter-spacing:-0.5px;border-radius: 6px;text-align:center;padding: 10px 15px;display: flex;justify-content: center;align-items: center;} .subj-class-list > p.edu1{background: #fef0f0;border-color: #e9cad2;} .subj-class-list > p.edu2{background: #f1f7fd;border-color: #bcd3e9;} .subj-class-list > p.edu3{background: #f4fbf7;border-color: #cae3d5;} .subj-class-list > p.edu4{background: #fff8f1;border-color: #edd5bd;} .subj-class-list > p.edu5{background: #fcf3fd;border-color: #e9d3eb;} .subj-class-list.col-2 > p{flex:1 1 40%;} .subj-class-list.col-3 > p{width: 32.5%;} .subj-class-list.col-4 > p{width: 18.9999%;} @media (max-width:1170px){ .table-line-box{border:0;} .table.respo-table{border-top:0;} .respo-table thead{display:none;} .respo-table .m-clear{display:none;} .respo-table .m-top-th{display:none;} .respo-table .m-block{display:block;} .respo-table .m-tit{display:block; background:#333; color:#fff; font-size:14px; padding:6px;} .respo-table .m-block br{display:none;} .respo-table tbody tr{ display:block; margin:0 0 0.7em 0; border-radius:15px; border:1px solid #e7e7e7; -webkit-box-shadow: 0px 7px 6px -6px rgb(0 0 0 / 28%); -moz-box-shadow: 0px 7px 6px -6px rgba(0,0,0,.28); box-shadow: 0px 7px 6px -6px rgb(0 0 0 / 28%); } .respo-table tbody th{font-size:15px; padding:10px; color:#fff; background:#4f687e; width:100%; display:block; border-radius:5px;} .respo-table.bg-bl tbody th{background:#00bfe6;} .respo-table.bg-gr tbody th{background:#96c700;} .respo-table tbody tr td{text-align:left; display:block; padding:0.8em; font-size:14px; line-height:1.5; border-top:0;} .respo-table tbody tr td br{display:none;} .respo-table tbody tr td:nth-child(even){background: #f7f7f7;} .respo-table tbody .label{display:block; float:left; height:34px; line-height:1.7;} .respo-table .tb-num{display:none;} .subj-class-list.col-4 > p{width:100%;} .subj-class-list.col-3 > p{width:100%;} } @media (max-width:1000px){ .dbstg{display: block;} } @media (max-width:800px){ .table_con_wrap{width:100%; overflow-x:auto; white-space:nowrap; padding-bottom:20px;} .table_con_wrap table{width:100%;} .table_con_wrap .table_prev_mo{display:block;} p.mo_hide{display:block;} .cir-t{border:0; padding:0;} } @media (max-width: 767px){ .table thead th, .table tbody th{font-size:16px;padding: 10px 10px;} .table tbody td{font-size:15px;padding: 10px 10px;} .table tbody td ul li, .table tbody td ol li{font-size:14px;} .table-color tbody th, .table-color tbody td, .table-color tfoot th, .table-color tfoot td{border-bottom:0; border-right:0;} .table-color tbody th + td, .table-color tbody td + td, .table-color tfoot td{border-left:0;} .table-color td:last-child{border-radius:0 0 15px 15px;} .subj-class-list {padding: 0; gap:5px;} .subj-class-list > p{font-size: 14px; padding:5px;} }