.board-list .cont { display: flex; align-items: flex-start; justify-content: flex-start; margin-top: 0em; flex-wrap: wrap; text-align: center; margin:-10px;} .board-list .board-img { margin-bottom:12px; border-radius:24px; overflow:hidden;position:relative;} .board-list .board-img em{display:block; background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important;transition: all 0.5s; width:100%; height:100%; position:absolute; top:0px; left:0px;} .board-list .cont .col a:hover .board-img em{transform: scale(1.1);} .board-list .board-tit {font-size:15px; font-weight:700; letter-spacing:-0.05em; text-align:left; display:block; width:100%;} .board-list .board-txt {font-size:13px; font-weight:700; letter-spacing:-0.025em; text-align:left; display:block; width:100%; color:#666} .board-list .board-tit-box {position:absolute; bottom:0px; left:0px; padding:40px 30px; z-index:2} .acting_casting_list .board-tit-box, .sub_project_sect .board-tit-box {color:#fff; text-shadow:2px 0px 5px rgba(0,0,0,0.3); line-height:1.2} .notice-list {padding:20px; border-bottom:1px solid #ddd;} .notice-list h3 {float:left;} .notice-list span {float:right;} .notice-list:after {content:""; display:block; clear:both;} /*게시판 상세*/ .board-view { } .board-view .tit_wrap { padding-bottom: 32px; border-bottom: 1px solid #000; text-align: center; } .board-view .tit_wrap .category {color: #129bab; } .board-view .tit_wrap .tit { font-size: 26px; font-weight: 600; line-height:1.4} .board-view .tit_wrap .date { margin-top: 4px; font-weight: 300; color: #888888; } .board-view .txt_wrap { margin-top: 4em; border-bottom: 1px solid #EAEAEA; padding: 3% 6% 15%; } .board-view .txt_wrap p { font-size: 1.6em; } .board-view .txt_wrap .img { text-align: center; } .board-view .txt_wrap .txt { padding-top: 6em; font-size: 1.8em; font-weight: 300; } .board-view .txt_wrap .txt a { color: #BB8B62; text-decoration: underline #BB8B62; } .board-view .btn_wrap { margin: 4em 0 8em; } .movie-wrap {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;} .movie-wrap iframe, .movie-wrap object, .movie-wrap embed {height: 100%; left: 50%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%;} /*버튼 스타일*/ .btn_wrap { position: relative; display: flex; align-items: center; justify-content: flex-start; width: 100%; z-index: 0; } .btn_wrap.center { justify-content: center; } .btn_wrap.end { justify-content: flex-end; } .btn { display: flex; align-items: stretch; justify-content: flex-start; flex-shrink: 0; } .btn + .btn { margin-left: 1em; } .btn1 { height: 2.4em; line-height: 2.4em; font-size: 2.2em; border: 1px solid #000; font-family: var(--serif); } .btn1.kor { font-size: 1.6em; height: 3.3em; line-height: 3.3em; font-family: 'Pretendard', sans-serif; } .btn1 span { position: relative; flex-shrink: 0; padding: 0 0.7em; transition: color 0.4s; z-index: 1 } .btn1.kor span { padding: 0 1.2em; } .btn1 span:before { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: #000; transition: width 0.4s ease; z-index: -1; } .btn1 .ico { display: flex; align-items: center; justify-content: center; border-left: 1px solid #000; } .btn1 .ico svg { display: flex; align-items: center; justify-content: center; width: 0.8em; height: 0.8em; transition: fill 0.4s ease; } .btn2 { min-width: 7em; height: 3.1em; line-height: 3.1em; padding: 0 0.9em; border: 1px solid #fff; font-size: 1.6em; font-weight: 700; align-items: center; justify-content: center; transition: background-color 0.4s, color 0.4s; } .btn2 span { flex-shrink: 0; } .btn2 .ico { display: flex; align-items: center; justify-content: center; width: 0.8em; height: 1.2em; margin-left: 8px; } .btn2 .ico svg { fill: #fff; transition: fill 0.4s; } .btn3 { min-width: 180px; height: 50px; line-height: 50px; font-size: 17px; font-weight: 500; border: 1px solid #000; color: #000; text-align: center; transition: background-color 0.4s, color 0.4s; border-radius:50px; padding:0 20px;} .btn3:hover { background-color: #000; color: #fff; } .btn4 { display: flex; align-items: center; justify-content: center; height: 50px; line-height: 50px; padding: 0 40px; font-size:15px; color: #fff; background-color: #000; border-radius: 12px; transition: background-color 0.4s; white-space: nowrap; } .btn4 .ico { display: flex; align-items: center; justify-content: center; width: 0.6em; height: 1.1em; margin-left: 1em; fill: #fff; flex-shrink: 0; } .btn4 .ico svg { display: flex; align-items: center; justify-content: center; } .btn4:hover { background-color: #129bab; } .btn5 { display: flex; align-items: center; justify-content: center; height: 50px; line-height: 50px; padding: 0 40px; font-size:15px; color: #fff; background-color: #1792a1; border-radius: 12px; transition: background-color 0.4s; white-space: nowrap;} .btn5 .ico { display: flex; align-items: center; justify-content: center; width: 0.6em; height: 1.1em; margin-left: 1em; fill: #fff; flex-shrink: 0; } .btn5 .ico svg { display: flex; align-items: center; justify-content: center; } .btn5:hover { background-color: #129bab; } .btn6 { min-width: 180px; height: 50px; line-height: 50px; font-size: 17px; font-weight: 500; background:#fff; color: #000; text-align: center; transition: background-color 0.4s, color 0.4s; border-radius:50px; padding:0 40px;} .btn6:hover { background-color: #129bab; } .flexBtn-wr a {margin:0 10px} .inFlex span{background: none !important;} .inFlex * {background: none !important; } @keyframes btnHover { 0% { width: 0; right: 100%; } 50% { width: 100%; right: 0; } 100% { width: 0; right: 0; } } @keyframes btnHoverColor { 0% { color: #000; fill: #000; } 5% { color: #fff; fill: #fff; } 95% { color: #fff; fill: #fff; } 100% { color: #000; fill: #000; } } .sub_tuition_sect form{display:flex;} .sub_tuition_sect .tuition-left {width:60%;} .sub_tuition_sect .tuition-right {width:40%; padding-left:40px;} .tuition-box + div{margin-top:40px; } .tuition-box .tui-curriTit{margin-bottom:10px; font-size:15px; font-weight:700; letter-spacing:-0.05em;} .tuition-box .tui-curriTit span{font-weight:400} input::placeholder, textarea::placeholder {font-size:14px !important;} .tuition-user-info:after {clear:both; content:""; display:block;} .tuition-user-info dl dd input[type="text"] {line-height:48px; border-radius:12px; padding:0 1.4rem; width: 100%; border: 1px solid #ADADAD; margin-top:10px;} .tuition-user-info dl dd textarea{ border-radius: 12px; padding: 1.4rem; width:100%; background:#fff; border: 1px solid #ADADAD; margin-top:10px;} .tuitionTel{margin-top:10px;} .tuitionTel:after {content:""; display:table; clear:both;} .tuitionTel li {float:left;} .tuitionTel li:nth-child(even) {width:5%; height:50px; line-height:50px; font-size:1.2rem; text-align:center;} .tuitionTel li:nth-child(odd) {width:30%;} .tuitionTel li ul.list li {width:100% !important; } .select-style02 select, .online-input select, .tuitionTel li select, .tuitionTel li input[type="tel"] {display: block;width: 100%;line-height: 48px;border-radius: 12px;border: 1px solid #ADADAD;color: #000;padding:0 1rem;background-color: #fff;} .csAgree{margin-top:20px; flex-wrap:wrap;flex-direction: row; display:flex;justify-content: flex-end; align-items: center;} .csAgree label {font-size:14px; font-weight: 600; margin-left:6px;display: flex;align-items: center;} .csAgree label u{font-size:14px; font-weight: 600;} .csAgree input[type="checkbox"] {margin-right: 5px;width: 15px;height: 15px;border-radius: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: solid 1px #282828;display: inline-block;vertical-align: middle;background: #fff;} .csAgree input[type="checkbox"]:checked{background: #fff url('/2024/img/common/icon-agreecheck.png')no-repeat center center;background-size: cover;} .csAgree details {width:100%;font-size:12px;margin-top:5px;color: #666;text-align: right;} .csAgree summary {position:relative;padding-right:15px; list-style:none;font-weight:400;cursor: pointer;} .csAgree details .wrap {display:flex;} .csAgree details .arrow {content: ""; display:block; width:10px; height: 10px; background: url(/2024/img/common/icon-slider-next-gr.png) center center / contain no-repeat;position:absolute;right:0;top:6px;} .csAgree details[open] .arrow {transform:rotate(90deg);} .csAgree u {text-decoration: none;} .tuition-item div + div {margin-top:20px;} .tuition-inform {border-radius: 10px; -moz-border-radius : 10px; -webkit-border-radius : 10px; background: rgba(0,0,0,.05); padding: 20px; font-size: 12px; } .tuition-inform li {list-style: disc; margin-left: 12px; font-weight: 500; color: #262524; opacity: 0.7; line-height:1.4 ; font-size:11px} .radioList {display: flex; display:-webkit-flex;} .radioList li {margin-right: 20px; position: relative; display:flex;align-items: center;} .radioList li label{margin-left:5px;} .curri-main-bg {margin-top:108px; display:flex; position:relative; height:500px; z-index:1; width:100%; justify-content: center; align-items: flex-end;} .curri-main-bg.college-curri-bg{height:50vw; margin-top:auto; } .curri-main-bg em, .curri-sub-bg em {display:block; width:100%; height:100%; background-position:50% 50% !important; background-repeat:no-repeat !important; background-size:cover !important; position:absolute; top:0px; left:0px; z-index:-1;} .curri-main-bg h3{margin-bottom:-3vw;font-size:6vw; font-weight:900; line-height:1;font-family:'Codec-Cold', 'SUIT'; letter-spacing:-0.05em; text-transform: uppercase;} .curri-sub-bg {margin-top:60px; display:flex; position:relative; height:360px; z-index:1; width:100%; justify-content: flex-start; align-items: flex-end; border-radius:12px; overflow:hidden; margin-bottom:60px} .curri-sub-bg h3{margin-bottom:40px; padding-left:0px; font-size:64px; font-weight:900; line-height:1.2;font-family:'Codec-Cold', 'SUIT'; letter-spacing:-0.05em; color:#282828;} .curri-sub-bg h3 span{display:block;} .curri-sub-bg em {right:0px; width:70%; border-radius:12px; left:auto;} .curri-main-info{display:flex; text-align:center; justify-content: center; margin-bottom:60px; padding-bottom:auto; } .college-curri-info {text-align:left;} .curri-main-info h3{font-size:21px; margin-bottom:40px; letter-spacing:-0.05em;} .curri-main-info dl dt{ font-size:21px; font-weight:800; line-height:1.4; margin-bottom:2vw; display:block;letter-spacing:-0.05em;} .curri-main-info dl dt br{display:none;} .curri-main-info dl dd{font-size:21px; line-height:1.4;letter-spacing:-0.05em;} .college-curri-info h3{margin-bottom:20px;} .college-curri-info dl dt br{display:block;} .college-curri-info dl dd {width:80%; font-size:17px; line-height:1.6;} .curri-main-list li {display:block;} .curri-main-list li + li{margin-top:3vw;} .curri-main-list li a {display:flex; font-size:4vw; font-weight:900; border:1px solid #282828; border-radius:12px; height:12vw; padding:0 6vw; align-items: center; justify-content: space-between;} .curri-main-list li a:after {content:""; display:block; background: url('/2024/img/common/icon-arrow-bk.png') 50% no-repeat; background-size:cover; width:6vw; height:6vw;} .curri-main{padding-top:4em; margin-bottom:4em} .curri-sub-info{display:flex; margin-bottom:60px; flex-wrap: wrap;justify-content: space-between;} .curri-sub-info dl dt{font-size:2vw; font-weight:900; margin-bottom:20px; line-height:1.4; letter-spacing:-0.05em;} .curri-sub-info dl dd{font-size:17px; line-height:1.6} .curri-sub-table{border-top:2px solid #282828; } .curri-sub-table dl{display:flex;border-bottom:1px solid #ddd;} .curri-sub-table dl dt, .curri-sub-table dl dd{padding:20px; font-size:17px; letter-spacing:-0.05em;} .curri-sub-table dl dt {width:15vw; background:#f2f3f5;} .curri-sub-table dl dd{width:75vw;} .curri-cer{margin-bottom:0vw; margin-top:120px;} .curri-sub-info.curri-cer dl dd {position:relative; padding-left:0vw; letter-spacing:-0.05em;} .curri-sub-info.curri-cer dl dd span {position:relative; top:0px; left:0px; padding-right:8px} .curri-sub-info.curri-cer dl dt {margin-bottom:16px} .curri-sub-info.curri-cer dl dd + dd {margin-top:5px} .curri-cer-result{display:flex; margin-top:0vw; width:60%;margin-bottom:4vw;} .curri-cer-result ul {display:flex; justify-content: space-between; width:100%;} .curri-cer-result ul li {width:49%;} .curri-cer-result ul li dl dt {opacity:0.5} .curri-cer-result ul li.atb-result dl dt {opacity:1} .curri-cer-result ul li dl dt{font-size:2vw; font-weight:900;display:flex;align-items: flex-end; justify-content: center;} .curri-cer-result ul li dl dt > div{font-size:13vw; font-weight:900;line-height:1; letter-spacing:-0.05em;} .curri-cer-result ul li dl dt span{margin-left:0vw; padding-bottom:1vw} .curri-cer-result ul li dl dd {width:100%; padding-left:0px !important; text-align:center; letter-spacing:-0.05em;} .curri-cer-result ul li dl dd h3 {font-size:21px; font-weight:900;} .curri-cer-result ul li dl dd p {font-size:17px;} .cer-table{width:100%; margin-top:40px;} .cer-table li .cer-cont { height: 0; overflow: hidden; transition: height 0.3s ease; } .cer-table li .cerBtn { position: relative; width:auto; height:48px; display:flex; background:#282828; border-radius:12px; color:#fff; justify-content: center; align-items: center; font-size:17px; } .cer-table li .cerBtn::after { content: ''; display: block; background: url('/2024/img/common/icon-accomore-wh.png') 50% no-repeat; width:16px; height:16px; background-size:100% auto; margin-left:1vw} .cer-table li .cerBtn::after { transform: rotate(0deg); transition: transform 0.3s ease; } .cer-table li.active .cer-cont { height: auto; } .cer-table li.active .cerBtn::after { transform: rotate(-180deg); } .cer-detail-table {width: 100%;position: relative;margin-bottom: 40px;} .cer-detail-table tr th, .cer-detail-table tr td {font-size: 15px;text-align: center;padding: 8px 0px;border: 0px solid #eaeaea;vertical-align: middle;background: #fff; font-weight:500; letter-spacing:-0.05em;} .cer-detail-table tr th {background: #2f394c;color: #fff;} .cer-detail-table tr:nth-child(odd) td {background: #f3f9fa} .cer-table-btn {display: inline-block;padding: 3px 10px;border-radius: 24px;color: #fff;background: #2f394c;font-size: 15px; font-weight:500; letter-spacing:-0.05em;} .cer-detail-table tr td br{display:none;} .cer-detail-table tr td.br_show br{display:unset;} .cer-table-btn.ctb_type001 {background: #008294} .cer-table .cer-detail-table tr th, .cer-table .cer-detail-table tr td {width:25%} .sub-location {margin-bottom: 6em;} .sub-location .bg_tit{font-size: 11em; font-weight: 500; font-family:'Codec-Cold', 'SUIT';color: rgba(0, 0, 0, 0.03); line-height: 1; transform: translateY(45%); letter-spacing:-0.05em;} .sub-location dl dt{ font-size: 2.5em;font-weight: 900; line-height:1.4; margin-bottom:10px; letter-spacing:-0.05em;} .sub-location dl dd{font-size:1.2em;} .bdInfo {display: flex; flex-direction: row-reverse; margin-bottom: 2vw; align-items: flex-end; justify-content: space-between;} .bdInfo span {font-size:17px; margin-top:0vw} .bdInfo span b{color:#1792a1} .bdSearach {width: 320px;height: 48px;line-height: 10vw;position: relative;border-radius: 12vw;border: 1px solid #dcdcdc;vertical-align: top;padding-right: 10vw; overflow:hidden;} .bdSearach button {text-indent: -999999px;position: absolute;top: 50%;margin-top:-16px; right: 16px;width:32px;height: 32px;background: url('/2024/img/common/icon-search.png')center center no-repeat; background-size:100% auto;} .bdSearach input[type='text'] {width: 100%;height: 48px;line-height: 48px;vertical-align: top;padding: 10px 20px;border: 0px;} .board-type-list ul {border-top:2px solid #282828;} .board-type-list ul li + li{margin-top:0vw} .board-type-list ul li a{display:block; width:100%;} .board-type-list ul li a{padding:40px 20px; border-bottom:1px solid #ddd;} .board-type-list ul li a h3 {font-size:21px; font-weight:700} .board-type-list ul li a h5 {font-size:3vw; color:#008294} .board-type-list ul li a span{display:flex;} .board-type-list ul li a span i {font-style:normal; color:#1792a1; padding-right:2vw} .board-type-list ul li .pass-tit-wr {display: flex; justify-content: space-between; cursor:pointer; padding:20px 0; border-bottom:1px solid #ddd;} .board-type-list ul li p.cont.h4 {padding: 20px; display: flex;} .board-type-list ul li .pass-arrow {background-color: #fff; width: 30px; height: 30px; position: relative; border-radius: 100%; border: 1px solid #777; transition: background-color 0.5s;} .board-type-list ul li p.cont.h4.show {font-weight: 700; color: #008294; /* transition: all 0.5s; */} .board-type-list ul li .pass-arrow.show {background-color: #008294;} .board-type-list ul li .pass-arrow.show .arrow-img {background-image: url('/web/2022/img/common/icon_main_roll_up_wh.png');} .board-type-list ul li .pass-arrow .arrow-img {width: 60%; height: 100%; margin: 0 auto; padding: 6px; background-image: url('/web/2022/img/common/icon_main_roll_down.png'); background-repeat: no-repeat; background-position: center; background-size: contain; transition : all 0.5s;} .board-type-list .pass-cnt-wr {width: 100%; height: 100%; overflow: hidden; display: none;} .board-type-list .pass-content {margin-bottom: 20px; height: auto;width: 100%; margin-top: 10px;} .board-type-list .pass-content img {display: block; margin: 0 auto;} .board-type-list .pass-cnt-wr.show {height: auto; display: block;} .board-type-list ul li:nth-last-child(1) {border-bottom: 2px solid #000;} .board-footer-list{margin-top:60px;} .board-type-gallery ul{display:flex;flex-wrap: wrap;justify-content: flex-start; margin-left:-20px} .board-type-gallery ul li {width: calc(100% / 4 - 20px); margin-bottom: 40px; margin-left:20px} .board-type-gallery.main-gal ul li {width: calc(100% / 3 - 20px); margin-bottom: 40px; margin-left:20px} .board-type-gallery.interview-gal ul{flex-direction: colum; margin-left:-20px;} .board-type-gallery.interview-gal ul li {width: calc(100% / 5 - 20px); margin-bottom: 40px; margin-left:20px} .board-type-gallery ul li a em {display:block; width:100%; padding-bottom:62.5%; background-position:50% 50% !important; background-repeat:no-repeat !important; background-size:cover !important; border-radius:12px; margin-bottom:12px} .board-type-gallery.story-gal ul li a em {padding-bottom:50.0%; } .board-type-gallery.seminar-gal ul li a em {padding-bottom:140.0%; } .board-type-gallery.interview-gal ul li a em {padding-bottom:100.0%; } .board-type-gallery ul li a h3{font-size:17px} .board-type-gallery ul li a h3 span{color:#129bab} .seminarSwiper .swiper-slide h5, .board-type-gallery ul li a h5 {font-size:15px; color:#008294} .board-type-gallery ul li + li, .cbt-list li + li {margin-top:0vw} .board-type-view{margin-top:0vw;} .board-type-view .bv-tit{ font-size:21px; font-weight:700; margin-bottom:40px; padding-bottom:20px; border-bottom:2px solid #282828; margin-top:40px;} .board-type-view .bv-tit h3{letter-spacing:-0.05em; line-height:1.4} .bv-cont {margin-bottom:40px;} .video-cont {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-cont iframe, .video-cont object, .video-cont embed, .video-cont video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .paging {padding: 80px 0px 0;text-align: center;} .pageFirst, .pageLast {display: none !important;} .paging a {display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center;margin: 0 3px;font-size: 10pt;color: #a0a0a0;letter-spacing: -0.06em;border: solid 1px #a0a0a0;} .pagePrev {text-indent: -9999px;background: url("/2024/img/common/paging_btn_prev.png")no-repeat center center;background-size: 16px auto;} .pageNext {text-indent: -9999px;background: url("/2024/img/common/paging_btn_next.png")no-repeat center center;background-size: 16px auto;} .paging a.current {border: solid 1px #0897a8;color: #0897a8;} .board-nav{margin:30px 0 60px; border-top:2px solid #282828;} .board-nav .board-nav-item{border-bottom:1px solid #ddd; padding:20px 0} .board-nav .board-nav-item dl {font-size:17px; display:flex;} .board-nav .board-nav-item dl dt{width:20%; padding:0 20px} .board-nav .board-nav-item dl d3{width:80%} .tuition-wr {display:flex; justify-content: space-between;} .tuition-wr .tuition-wr-left{width:65%;} .tuition-wr .tuition-wr-right{width:32%;} .sub-tuition .main-tit{margin-bottom:2vw; padding-bottom:2vw; border-bottom:1px solid #ddd;} .sub-tuition .in{overflow:visible} .tuition-item {display:block;} .tuition-item h3{ color:#129bab; font-size:14px; margin-bottom:10px; font-weight:800;letter-spacing:-0.05em;} .tuition-item h3 span {color:#ff5a00;} .tuition-item + div{margin-top:40px} .tuition-item > div:first-child{margin-top:-40px} .tuition-item .tuition-type {display:flex; flex-wrap: wrap; flex-direction: row; justify-content: center; position: relative;border: solid 1px #ddd; border-radius: 12px; overflow:hidden;} .tuition-item .tuition-type li {min-width: 50%; border-right: none;} .tuition-item .tuition-type li:nth-child(2), .tuition-item .tuition-type li:nth-child(4) {border-left:1px solid #ddd;} .tuition-item .tuition-type li:nth-child(3), .tuition-item .tuition-type li:nth-child(4) {border-top:1px solid #ddd;} .tuition-item .tuition-type li input[type="radio"] + label { display: flex; text-align: center; margin-left: 0; height: 40px; font-size:15px; padding-left: 0px !important; justify-content: center; align-items: center;} .tuition-item .tuition-type li input[type="radio"], #ctLoc li input[type="radio"] {display: none;} #ctLoc li input[type="radio"]:checked + label, .tuition-item .tuition-type li input[type="radio"]:checked + label {background: #129bab; color: #fff;} .propose-table textarea, .tuition-item textarea{border: solid 1px #ddd; border-radius: 12px; overflow:hidden;padding:20px} .kakaoId{margin-bottom:2vw} .tuition-item .csInt {display: flex; flex-wrap: wrap;} .tuition-item .csInt {background: #fff; border-radius:12px; box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1); overflow:hidden;border: solid 1px #ddd;} .tuition-item .csInt > li {width: 50%;} .csInt li {display: flex; align-items: center; padding: 10px; border-bottom: solid 1px #f5f5f5; position: relative; padding-left: 47px;} .csInt li input[type="checkbox"] {display: block;position: absolute;width: 24px;height: 24px;left: 13px;top: 50%;margin-top: -12px;border: solid 1px #ddd;background: url("/2024/img/sub/icon_customer_chk.png")no-repeat center center;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 20px;background-size: cover !important;} .csInt li input[type="checkbox"]:focus {outline: none;} .csInt li input[type="checkbox"]:checked {border-color: #129bab;background: #129bab url("/2024/img/sub/icon_customer_chk_on.png")no-repeat center center;} .csInt li label {display: block;width: 100%;font-size: 15px; line-height: 24px;font-weight: 500;} .csInt li label span {font-size: 10pt;} .csInt.col2 li label {font-size: 11pt;} .tuition-item dl dd input[type="text"], .tuition-item dl dd input[type="tel"], .tuition-item dl dd select {border-radius: 12px;font-size: 15px; overflow:hidden;} .rqTel .nice-select span{display:block;} .tuition-wr-right .btn4 {display:block; width:100%; text-align:center;} #ctLoc {overflow: hidden;border: solid 1px #ddd;border-radius: 12px;display:flex;flex-wrap: wrap; overflow:hidden;} #ctLoc li {width:33.3%; display:flex; border-bottom:1px solid #ddd; border-right:1px solid #ddd;} #ctLoc li:nth-child(3n){border-right:0px;} #ctLoc li:nth-child(10), #ctLoc li:nth-child(11), #ctLoc li:nth-child(12) {border-bottom:0px;} #ctLoc li input[type="radio"] + label {display: flex;font-family: inherit;text-align: center;margin-left: 0;height: 40px;line-height: 40px;font-size: 15px;width:100%; justify-content: center; align-items: center;} .rqTel {margin-top:10px} .rqTel:after {content: "";display: table;clear: both;} .rqTel > li {float: left;} .rqTel > li:nth-child(even) {width: 5%;height: 42px;line-height: 42px;text-align:center;} .rqTel > li:nth-child(odd) {width: 30%;} .rqTel > li select, .rqTel > li input[type="tel"] {display: block;width: 100%;height: 42px; border-radius:12px;} .nice-select{border-radius:12px !important; z-index:2} .nice-select.open li {width:100% !important} .rqTel .nice-select.open li{ line-height: 36px !important; list-style: none; min-height: 36px !important;height: 36px !important;} .tuition-inform{margin:2vw 0;} .tuition-inform h3{font-size:17px; line-height:1.4; margin-bottom:1vw} .sub-tab{display:flex; } .sub-tab.pc_only{display:flex !important;} .sub-tab li{flex:1; display:flex;} .sub-tab li a {width:100%; font-size:21px; padding:20px 0; text-align:center; margin-bottom:40px; border-bottom:1px solid #ddd; letter-spacing:-0.05em;} .sub-tab li a font{display:inline !important} .sub-tab li.on a {font-weight:900; border-bottom:2px solid #282828} .cbt-list li a {padding:40px 20px; border:1px solid #ddd; box-shadow:2px 3px 13px rgba(0,0,0,0.13); display:block;} .cbt-list li a h3{font-size:19px !important; font-weight:700; letter-spacing:-0.05em; line-height:1.4; display:block; margin-top:2vw} .cbt-list li a .cbt-btn {width: 100%;line-height: 40px;text-align: center;background: #fff;color: #999;border: 1px solid #ddd;display: block;border-radius: 12px; margin:40px 0;} .cbt-list li a:hover .cbt-btn {background: #1792a1;color: #fff;border: solid 1px #1792a1;} .cbt-list li a i {color:#1792a1; border:1px solid #1792a1; padding:10px 20px; border-radius:2vw; font-style:normal} .cbt-list li a time {opacity:0.5} #resArea{margin-top:6vw} .post-banner{display:block; margin-bottom:60px; margin-top:-160px} .ttalk200_paging{margin-top:40px !important;} .customer-banner {margin-bottom: 6vw} .ui-datepicker .ui-datepicker-header {padding:5px; background:#008294; color:#fff; position:relative; border-top-left-radius: 12px; border-top-right-radius: 12px;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {display:block; width:30px; height:30px; position:absolute; top:50%; margin-top:-15px; cursor:pointer;} .ui-datepicker .ui-datepicker-prev {left:10px; background:url("/web/2022/img/customer/visit_calendar_arrow_prev.png")no-repeat center center;} .ui-datepicker .ui-datepicker-next {right:10px; background:url("/web/2022/img/customer/visit_calendar_arrow_next.png")no-repeat center center;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display:none;} .ui-datepicker .ui-datepicker-title {line-height: 1.8em; margin: 0 2.3em; text-align: center; font-size:14px;} .ui-datepicker table {font-size:12px; width:100%; background:#fdfdfd;} .ui-datepicker th {border: 0; padding: 8px; color: #adadad; text-align: center; font-weight:300; text-align:center !important;} .ui-datepicker td {border: 0; padding:10px; border-bottom: solid 1px #f3f3f3; text-align:center;} .ui-datepicker td a {display:inline-block; width:20px; height:20px; line-height:20px; text-align: center;text-decoration: none; color: #333; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;} .ui-datepicker td span, .ui-datepicker td a {display:inline-block; text-align: center;text-decoration: none; color: #333; border-radius:20%; -moz-border-radius:20%; -webkit-border-radius:20%;} .ui-state-disabled span {color:#ccc !important;} .date-sunday a, .date-holiday a {color:#ed2024 !important;} .date-saturday a {color:#008294 !important;} .ui-datepicker-today a {background:#ccc !important; color:#fff !important;} .ui-datepicker-current-day a {background:#008294 !important; color:#fff !important;} .dateTime{margin-top:10px} .dateTime .nice-select span { display: block; } .root_daum_roughmap { width: 100% !important;} .mpTabFooter { margin: 20px -3px;} .cusLo-map {} .mpTabFooter:after {content: ''; display: table; clear: both;} .mpTabFooter li {float: left; width: 33%; padding: 3px;} .mpTabFooter li a {display: block; border: solid 1px #ddd; text-align: center; padding: 15px 0; font-size: 11pt; color: #333; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .mpTabFooter li.current a {border-color: #1792a1; background: #1792a1; font-weight: 700; color: #fff;} .mpLoc {margin-top: 30px;} .footerMapWrap{margin-bottom:6vw} .footerMapWrap .mpTabFooter li {width: 20%;} .footerMapWrap .mpTabFooter li a {padding: 7px 0; font-size: 10pt;} .footerMapWrap .root_daum_roughmap .cont .section{display: none;} .footerMapWrap .mpWrap h3 {font-size: 20px; line-height: 30px; padding: 10px 0px; font-weight:800} .footerMapWrap .mpWrap .location-post {font-size:14px;} .location-num-wrapper {display:flex;flex-wrap:wrap;} .location-number {margin-right: 20px;font-size:14px;} .location-call {display:block;padding-top: 1px;background-color: #1792a1;width: 90px;font-size:14px;height: 24px;border-radius: 5px;color: white; text-align:center; /*border: 1px solid #666;margin-top: 2px;*/} .location-call:active {text-decoration: none;color: white;} .faqList li dl {font-size:15px; border-bottom:dashed 1px #ddd;} .faqList li dl dt {padding:15px 10px 15px 30px; background:url("/web/2022/img/customer/faq_icon01.png")no-repeat 10px center; cursor:pointer; font-size: 15px;} .faqList li dl dd {background-color:#f7f7f7; } .faqList li dl dd p {padding:15px 10px 15px 30px; background:url("/web/2022/img/customer/faq_icon02.png")no-repeat 10px 15px; line-height:1.4em; font-size: 15px;} .propose-table{border-top:2px solid #282828; margin-bottom:6vw} .propose-table tr td, .propose-table tr th{border-bottom:1px solid #ddd; padding:2vw} .propose-table .nice-select span{display:block;} /* 따즈아 시청방법 */ .accept-ddazuaTop h2{text-align: center; line-height: 50px; font-size: 42px;} .accept-ddazuaTop h2 b {font-weight: 900;} .accept-ddazuaTop {text-align: center; position: relative; padding-bottom: 100px;} .accept-ddazuaTop img{bottom: 0px; left: 50%; transform: translate(-50%, 0%); position: absolute;} .accept-ddazuaBtm {text-align: center; font-size: 18px; font-weight: 600; margin-top: 50px; padding-bottom: 60px;} .accept-imageWrap {width: 80%; margin: 0 auto; margin-top: 70px; } .accept-imageWrap img {width: 100%; margin-top: -5px;} .arrow-Bounce {animation: arrow-Bounce 0.7s linear 0s infinite alternate; -webkit-animation: arrow-Bounce 0.7s linear 0s infinite alternate;} @keyframes arrow-Bounce {0% {bottom: 0px;} 100% {bottom: -20px;}} @-webkit-keyframes arrow-Bounce {0% {bottom: 0px;} 100% {bottom: -20px;}} /* 시험접수방법 */ .acceptExam-tit {text-align: center;} .acceptExam-tit h3 {font-size: 18px; font-weight: 400;} .acceptExam-tit h2 {font-size: 35px; font-weight: 900; margin-top: 0px;} .acceptExamCntWrap {margin: 0 auto; margin-top: 60px; width: 80%; text-align: center;border:2px solid transparent;border-radius:30px; -moz-border-radius : 30px; -webkit-border-radius : 30px;background-image:linear-gradient( #f6f6f6, #ffffff, #ffffff),linear-gradient(0deg, #acece3 0%, #9cd1f6 100%);background-origin: border-box;background-clip: content-box, border-box; overflow: hidden;box-shadow:0px 0px 16px 0px rgb(123 123 123 / 22%); -moz-box-shadow: 0px 0px 16px 0px rgba(123, 123, 123, 0.22); -webkit-box-shadow: 0px 0px 16px 0px rgb(123 123 123 / 22%);position: relative;} .acceptInner-tit h3 b {font-weight: 800;} .acceptInner-tit p {font-size: 20px; line-height: 25px; margin-top: 20px;} .acceptInner-articleWrap {display: flex; justify-content: left; text-align: left; margin-top: 60px; padding: 0 60px;} .acceptInner-articleWrap .acceptNum {border-radius: 100%; padding: 5px; background-color: #209cff; color: #fff; font-weight: 800; width: 30px; height: 30px; text-align: center; line-height: 18px; font-size: 16px;} .acceptInner-articleWrap p {margin-top: 10px; font-weight: 300; font-size: 17px; line-height: 25px; height: 85px;} .acceptInner-articleWrap .acceptArti {width: 45%;} .acceptInner-articleWrap .acceptArti img {border: 1px solid #e3e3e3; width: 100%; margin-top: 0;} .acceptInner-articleWrap .acceptInner-artArrow {width: 10%; text-align: center; margin-top: 190px; margin-right: 10px;} .acceptExamAllwrap {position: relative;} .acceptExamCntWrap .acceptCover-bg {background-position : center; background-repeat:no-repeat; background-size: cover; width: 100%; height: 425px; overflow: hidden; border-radius: 30px; -moz-border-radius : 30px; -webkit-border-radius : 30px;} .acceptCoverWrap.coverOn {box-shadow:0px 0px 16px 0px rgb(123 123 123 / 22%); -moz-box-shadow: 0px 0px 16px 0px rgba(123, 123, 123, 0.22); -webkit-box-shadow: 0px 0px 16px 0px rgb(123 123 123 / 22%);} .acceptCover-btn {color: #fff; padding: 10px 55px; background-color: #048da0; width: fit-content; border-radius: 30px; -moz-border-radius : 30px; -webkit-border-radius : 30px; margin: 0 auto; font-size: 18px; cursor: pointer; margin-top: -25px; position: absolute; z-index: 9; transition: 0.5s; bottom: -20px; left: 50%; transform: translate(-50%, 0%); } .acceptCover-btn:hover {background-color: #000; font-weight: 600;} .accept-close {font-size: 16px; color: #000; margin-top: 50px; cursor: pointer; padding-bottom: 40px;} .accept-close img {margin-top: 0 !important;} .acceptBlue {color: #209cff; font-size: 15.5px;} .acceptExamCntWrap .acceptInner img{width: fit-content; margin-top: 10px;} .acceptExamAllwrap.cntMO .acceptInner-articleWrap p {height: 20px;} .acceptExamAllwrap.cntMO .acceptExamCntWrap .acceptInner img {margin-top: 40px;} /* 시험접수방법 동작 */ .acceptExamCntWrap .acceptInner {margin-top: -40px; text-align: center; height: 0; overflow: hidden; transition: 0.5s; transition: 0.5s;} .acceptExamCntWrap .acceptInner.open {height: auto;} .acceptArrow {height: 50px; position: relative;} .acceptArrow img {position: absolute; bottom: 0; left: 50%; transform : translate(-50%, 0%);} .ex-Bounce {animation: ex-Bounce 0.7s linear 0s infinite alternate; -webkit-animation: ex-Bounce 0.7s linear 0s infinite alternate;} @keyframes ex-Bounce { 0% {bottom: 0px;} 100% {bottom: -20px;}} @-webkit-keyframes ex-Bounce {0% {bottom: 0px;} 100% {bottom: -20px;}} /* 공통영역 */ .gookbi-page p {color: #3b3a3a;} @import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap'); .gookbi-hdrBtm .gb-BtmcntWrap .gb-Btmcnt h3, .gookbi-cntWrap h3 {font-family: 'Nanum Pen Script', cursive; font-size:24px} .gookbiHdr {padding-top: 80px;} .gookbi-hdrTop {text-align: center;} .gookbi-hdrTop h4{margin: 0 auto; font-size: 30px; color: #008294; font-family: 'Nanum Pen Script', cursive;} .gookbi-hdrTop h2 {font-size: 55px; font-weight: 700; margin-top: 0px;} .gookbi-hdrTop .gookbi-service {font-size: 20px; font-weight: 300; border-radius: 30px; width: 50%; margin: 0 auto; line-height: 40px; margin-top: 50px; border-bottom: solid 8px #4ca7b4;} .gookbi-hdrTop p {font-size: 23px; margin-top: 60px;} .gookbi-hdrBtm {width: 100%; display: flex; justify-content: space-between;} .gookbi-hdrBtm .gb-BtmcntWrap {width: 49%; margin-top: 100px; background-color: #f0f8f9; border-radius: 15px; overflow: hidden;} .gookbi-hdrBtm .gb-BtmcntWrap .gb-Btmcnt h3 {text-align: center; background-color: #008294; color: #fff; font-size: 30px; line-height: 50px;} .gookbi-hdrBtm .gb-BtmcntBtm{display: flex; justify-content: space-between; padding: 30px; } .gookbi-hdrBtm .gb-BtmcntBtm h4 {width: 25%; text-align: center; font-size: 34px; color: #2d2d2d; font-weight: 600; margin-top: 5px;} .gookbi-hdrBtm .gb-BtmcntBtm .gb-BtmTxts {width: 80%; font-size: 20px; line-height: 30px; color: #3b3a3a;} .gb-BtmTxtsHalf {display: flex; justify-content: left; margin-top: 40px;} .gb-BtmTxtsHalf h5 {font-size: 21px; margin-top: 5px;} .gb-BtmTxtsHalf p {margin-left: 30px;} .gb-BtmTxtsHalf span {color: #008294; font-size: 22px; font-weight: 500;} .gookbi-cntWrap {margin-top: 140px;} .gookbi-cntWrap:before {display: block; content:''; width: 100%; height: 1px; background-color: #dcdcdc; margin-bottom: 50px;} .gookbi-content header {color: #008294; font-size: 30px;} .gookbi-content section {display: flex; justify-content: left;} .gookbi-content .gb-cntLeft {font-size: 42px; font-weight: 900; width: 30%;} .gookbi-content .gb-cntRight {width: 70%;} .gookbi-content .gb-cntRight .gb-numberTxts {display: flex; margin-top: 10px;} .gookbi-content .gb-cntRight .gb-numberTxts .gb-numTxts{margin-left: 10px; font-size: 19px; line-height: 30px;} .gookbi-content .gb-cntRight .gb-num {font-size: 22px; color: #008294; font-weight: 600;} .gookbi-content .gb-grayBox {background-color: #f1f1f1; border-radius: 10px; padding: 10px 30px; margin-top: 10px;} .gookbi-content .gb-TxtsBold {font-size: 21px; font-weight: 500;} .gookbi-content .gb-cntRight>h4 {color: #fff; background-color: #198e9e; width: fit-content; font-size: 25px; padding: 7px 10px;} .gookbi-content .gb-rhtImages{display: flex; width: 100%; max-width: 730px;} .gookbi-content .gb-rhtImgWrap {flex: 1;} .gookbi-content .gb-rhtImage {background-repeat: no-repeat; background-size: cover; background-position: center; height: 480px; background-color: #000;} .gookbi-content .gb-rhtImage.i1{background-image: url('/web/2022/img/gookbi/gookbi_certi01.jpg');} .gookbi-content .gb-rhtImage.i2{background-image: url('/web/2022/img/gookbi/gookbi_certi02.jpg');} .gookbi-content .gb-rhtImgWrap.g2 {margin-left: 50px;} .gookbi-content .gb-rhtImgWrap h4 {font-size: 21px; border-left : 1px solid #868686; border-right : 1px solid #868686; text-align: center; width: fit-content; padding: 0 15px; margin: 0 auto; margin-top: 40px;} .gookbi-content.cnt02 .gb-numberTxts{margin-top: 25px;} .tchView-wr{padding:40px 120px;} .tchView-wr .itv_img01 img{width:100%;} .mt100 {margin-top:100px;} .cont-wrap { display: flex; justify-content: space-between; } .cont-wrap{width:100%; position:relative; margin-top:150px;} .table-wrap {margin-top: 20px; text-align: center;} .table-wrap tr {border-top: 1px solid #d6dbe3;} .table-wrap tr th, .table-wrap tr td {border-left:1px solid #d6dbe3;} .table-wrap tr th:first-child, .table-wrap tr td:first-child {border-left:none;} .table-wrap th {height: 50px; background: #ebedf0; font-weight: 800; font-size: 21px;} .table-wrap td {height: 157px; font-weight: 350; line-height: 1.4;} .table-wrap td .bold-price {font-size: 23px;} .table-wrap tbody {border-bottom: 1px solid #d6dbe3;} .table-wrap b {font-weight: inherit; font-size: 36px; color: #111;font-family: 'Outfit',sans-serif; font-weight:bold;} .ncs-card-cont ul {padding-top:20px;} .ncs-card-cont ul li{position:relative; font-size:21px; letter-spacing:-0.05em; padding-left:95px; padding-bottom:30px; background-repeat:no-repeat !important; background-size:auto 80px !important; background-position:left top !important; padding-top:5px;} .ncs-card-cont ul li:nth-child(1){background: url('/m/2022/img/ncs/ncs_icon001.png');} .ncs-card-cont ul li:nth-child(2){background: url('/m/2022/img/ncs/ncs_icon002.png');} .ncs-card-cont ul li:nth-child(3){background: url('/m/2022/img/ncs/ncs_icon003.png');} .ncs-card-cont ul li:nth-child(4){background: url('/m/2022/img/ncs/ncs_icon004.png');} .quickdb-tit span{font-size:21px; display:block; margin-bottom:0px;} .quickdb-tit h5{font-size:48px; font-weight:900; margin-bottom:30px; letter-spacing:-0.05em;} .mt50{margin-top:50px} .mb70{margin-bottom:70px;} .ncs-mid{width:100%; padding:150px 0px; background: url('/web/2022/img/ncs/ncs_mid_img.jpg') 0 0 no-repeat; background-size: cover; display:block;} .ncs-mid .contInner, .ncs-bottom .contInner, .ncs-card-review .contInner{padding:0 50px;} .wh {color:#fff;} .ncs-employ-list {padding-top:20px;} .ncs-employ-list:after{display:block; content:""; clear:both;} .ncs-employ-list ul {margin:0 -5px;} .ncs-employ-list ul li {float:left; width:33.33333333333%; padding:5px; position:relative; } .ncs-employ-list ul li dl{position:relative; border-radius:6px; background: rgba(255,255,255,0.9); padding:20px 40px; height:195px;} .ncs-employ-list ul li dl dd{font-size:17px; width:65%; letter-spacing:-0.075em; line-height:1.4} .ncs-employ-list ul li dl dd.ncs-employ-img{position:absolute; width:110px; height:110px; top:50%; margin-top:-55px; right:10px;} .ncs-employ-list ul li dl dd.ncs-employ-img img{width:100%;} .ncs-employ-list ul li dl dt{font-family:'Outfit', sans-serif;font-size:55px; color:#1792a1; font-weight:bold;} .ncs-bottom{width:100%; padding:150px 0px; background: url('/web/2022/img/ncs/ncs_bottom_img.jpg') 50% 50% no-repeat; background-size: cover; display:block;} .ncs-bottom ul {margin:0 -5px; padding-top:20px; width:500px;} .ncs-bottom ul:after{display:block; content:""; clear:both;} .ncs-bottom ul li {float:left; width:50%; padding:5px; position:relative; } .ncs-bottom ul li dl{position:relative; border-radius:6px; background: rgba(255,255,255,0.9); padding:20px 0; text-align:center;} .ncs-bottom ul li dl dt{font-family:'Outfit', sans-serif;font-size:30px;font-weight:bold; } .ncs-bottom ul li dl dd b{font-family:'Outfit', sans-serif;font-size:53px;font-weight:bold; } .ncs-bottom ul li dl dd{font-size:20px;} .ncs-card-review{width:100%; padding:150px 0px; background: #f3f3f3; background-size: cover; display:block;} .ncs-card-review ul {margin:0 -5px;} .ncs-card-review:after{display:block; content:""; clear:both;} .ncs-card-review ul li {float:left; width:50%; padding:5px; position:relative; } .pstCont {display: block; position: relative; padding:50px 30px; background:#fff; height:218px;-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;} .pstCont > div {position: relative;} .pstCont > div:after {content: ''; display: table; clear: both;} .pstCont h5 {float: left; padding-left: 90px; height: 30px; line-height: 30px; font-size: 23px;} .pstCont h5 span {font-size: 15px; margin-left: 5px;} .pstCont h6 {display: block; float: right; font-size: 15px; margin-top: 10px; font-weight: 300; color: #666;} .pstCont em {display: block; width: 80px; height: 80px;position: absolute; left: 30px; top: 20px; border: solid 1px #ccc; background: url('/m/2019/img/main/post_profile.png')no-repeat center center; background-size: cover; overflow: hidden;border-radius: 80px 80px 80px 80px; -moz-border-radius: 80px 80px 80px 80px; -webkit-border-radius: 80px 80px 80px 80px;} .pstCont em span {display: block; width: 100%; height: 100%; background-size: cover !important;} .pstCont p {font-size: 17px; margin-top: 30px; float: left; width: 100%;overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.5; height: 4.5em;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .styleGd h3, .styleGd h4, .styleGd p {color: #000;} .recruit-wrap h3 {font-weight: 900; font-size: 51px;font-family:'Codec-Cold', 'SUIT';} .styleGd h4 {font-weight: 300; font-size: 21px;} .styleGd p {font-weight: 300; font-size: 17px; line-height: 1.6;} .recruit-wrap h4 {margin-bottom: 15px; font-size:21px;} .keyword-list {display: flex; padding-top: 75px;} .keyword-list > li {flex: 1; text-align: center;} .keyword-list > li > div {padding-top: 25px;} .keyword-list > li > div > h5 {display: inline-block; width: 130px; padding: 10px 0; border-radius: 25px; border: 1px solid; font-size: 13px; color: #008295; box-shadow: 0px 0px 9.2px 0.8px rgba(35, 31, 32, 0.1); margin-top:25px;font-family:'Codec-Cold', 'SUIT'; line-height:1; font-weight:300} .keyword-list > li > dl > dd {padding-top: 10px; font-size: 15px; line-height: 1.6;} .has-rbar {padding-top: 135px;} .has-rbar > dt {position: relative; font-weight: 300; font-size: 21px;} .has-rbar > dt:after {content:''; position: absolute; top: 15px; left: 0; right: 0; z-index: -1; height: 2px; background: #000000;} .has-rbar > dt > span {display: inline-block; padding-right: 15px;background: #fff;} .has-rbar-desc {padding-top: 15px;} .rcrt-img01 {display: flex; justify-content: space-between; padding-top: 65px;} .rcrt-img02 {padding-top: 40px;} .rcrt-img02 img {width: 100%;} .field-img-list {padding-top: 108px;} .field-img-list strong {display: block; padding-bottom: 3px; font-size: 17px;} .field-img-list > li {display: flex;} .field-img-list > li + li {padding-top: 130px;} .field-img-list > li > .img-wrap {width: 510px;} .field-img-list > li > .txt-wrap {flex:1; padding-left:70px;} .field-img-list .round-badge {display: inline-block; padding: 5px 20px; margin-bottom: 25px; border-radius: 33px; border: 1px solid; font-weight: 700; font-size: 20px; color: #008295;} .field-desc {padding-top: 60px;} .field-desc > dt {font-weight: 500; font-size: 17px; color: #008295;} .field-desc > dd {padding-top: 5px; font-size: 15px; color: #878787; line-height: 1.7;} .rnd-txt-list {padding: 43px 0 55px;} .rnd-txt-list > li {display: flex;} .rnd-txt-list > li + li {padding-top: 7px;} .rnd-txt-list > li b {width: 80px; padding: 5px 0; margin-right: 15px; background: #000; border-radius: 20px; font-size: 15px; color: #fff; text-align: center; display:block} .mpWrap:after {content: ''; display: table; clear: both;} .mpLft {float: left; width: 550px;} .mpMap {height: 818px; position: relative; background: url('/web/2022/img/sub/map_bg.png')no-repeat center center;} .mpPin {position: absolute;} .mpPin#mpPin01 {left: 161px; top: 161px; z-index: 8;}/*강남*/ .mpPin#mpPin02 {left: 143px; top: 142px; z-index: 7;}/*신촌*/ .mpPin#mpPin03 {left: 458px; top: 572px;} .mpPin#mpPin04 {left: 390px; top: 455px;} .mpPin#mpPin05 {left: 105px; top: 158px;} .mpPin#mpPin06 {left: 213px; top: 366px;} .mpPin#mpPin07 {left: 158px; top: 199px; z-index: 9;}/*수원*/ .mpPin#mpPin08 {left: 130px; top: 582px;} .mpPin#mpPin09 {left: 125px; top: 125px;}/*일산*/ .mpPin#mpPin10 {left: 155px; top: 110px;}/*노원*/ .mpPin#mpPin11 {left: 184px; top: 280px;}/*천안*/ .mpPin > a {display: block; width: 50px; height: 54px; padding-left: 5px; padding-top: 5px; background: url('/web/2022/img/sub/map_pin.png')no-repeat center center;} .mpPin > a em {display: block; width: 24px; height: 24px; line-height: 24px; text-align: center; background: #fff; font-size: 11px; color: #000; font-weight: 500; font-style: normal; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;} .mpPin > div {position: absolute; background: #fff; padding: 15px; border: solid 1px #e5e5e5; z-index: 99;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: none;-webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2); box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);} .mpPin#mpPin01 > div {left: 100%; top: 50%; margin-top: -70px; width: 320px;} .mpPin#mpPin02 > div {left: 100%; top: 50%; margin-top: -80px; width: 320px;} .mpPin#mpPin03 > div {right: 100%; top: 50%; margin-top: -70px; width: 280px; margin-right: 10px;} .mpPin#mpPin04 > div {right: 100%; top: 50%; margin-top: -70px; width: 280px; margin-right: 10px;} .mpPin#mpPin05 > div {left: -70%; top: 100%; margin-top:10px; width: 280px;} .mpPin#mpPin06 > div {left: -200%; bottom: 100%; margin-bottom:10px; width: 320px;} .mpPin#mpPin07 > div {left: 100%; top: 50%; margin-top: -70px; width: 300px;} .mpPin#mpPin08 > div {left: -200%; bottom: 100%; margin-bottom:10px; width: 265px;} .mpPin#mpPin09 > div {left: -250%; bottom: 100%; margin-bottom:10px; width: 300px;} .mpPin#mpPin10 > div {left: -220%; bottom: 100%; margin-bottom:10px; width: 270px;} .mpPin#mpPin11 > div {left: 100%; top: 50%; margin-top: -70px; width: 300px;} .mpPin > div:after {content: ''; display: block; position: absolute;} .mpPin#mpPin01 > div:after {width: 10px; height: 18px; right: 100%; top: 50%; margin-top: -9px; background: url('/web/2022/img/sub/map_pop_arrow_left.png')no-repeat center center;} .mpPin#mpPin02 > div:after {width: 10px; height: 18px; right: 100%; top: 50%; margin-top: -9px; background: url('/web/2022/img/sub/map_pop_arrow_left.png')no-repeat center center;} .mpPin#mpPin03 > div:after {width: 10px; height: 18px; left: 100%; top: 50%; margin-top: -9px; background: url('/web/2022/img/sub/map_pop_arrow_right.png')no-repeat center center;} .mpPin#mpPin04 > div:after {width: 10px; height: 18px; left: 100%; top: 50%; margin-top: -9px; background: url('/web/2022/img/sub/map_pop_arrow_right.png')no-repeat center center;} .mpPin#mpPin05 > div:after {width: 18px; height: 10px; right: 50%; margin-right: 63px; bottom: 100%; background: url('/web/2022/img/sub/map_pop_arrow_up.png')no-repeat center center;} .mpPin#mpPin06 > div:after {width: 18px; height: 10px; right: 50%; margin-right: 35px; top: 100%; background: url('/web/2022/img/sub/map_pop_arrow_down.png')no-repeat center center;} .mpPin#mpPin07 > div:after {width: 10px; height: 18px; right: 100%; top: 50%; margin-top: -9px; background: url('/web/2022/img/sub/map_pop_arrow_left.png')no-repeat center center;} .mpPin#mpPin08 > div:after {width: 18px; height: 10px; left: 50%; margin-left: -17px; top: 100%; background: url('/web/2022/img/sub/map_pop_arrow_down.png')no-repeat center center;} .mpPin#mpPin09 > div:after {width: 18px; height: 10px; left: 50%; margin-left: -17px; top: 100%; background: url('/web/2022/img/sub/map_pop_arrow_down.png')no-repeat center center;} .mpPin#mpPin10 > div:after {width: 18px; height: 10px; left: 50%; margin-left: -17px; top: 100%; background: url('/web/2022/img/sub/map_pop_arrow_down.png')no-repeat center center;} .mpPin#mpPin11 > div:after {width: 10px; height: 18px; right: 100%; top: 50%; margin-top: -9px; background: url('/web/2022/img/sub/map_pop_arrow_left.png')no-repeat center center;} .mpPin > div h5 {font-size: 18px; color: #008294; font-weight: 700; line-height: 1.0em;} .mpPin > div p { font-size: 11px; margin-top: 8px; letter-spacing: -0.075em;} .mpPin > div h6 { font-weight: 900; color: #000; font-size: 23px; line-height: 1.0em; margin-top: 10px;} .mpPin > div h6 span {display: inline-block; font-size: 11px; background: #008294; color: #fff; font-weight: 400; vertical-align: middle; padding: 0 5px; height: 20px; line-height: 20px; margin-right: 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .mpRht {float: left; width: 650px; padding-left: 50px;} .footerMapWrap .mpRht {float: left; width: 100%; padding-left: 0px;} .mpTab {margin: -3px;} .mpTab:after {content: ''; display: table; clear: both;} .mpTab li {float: left; width: 33%; padding: 3px;} .mpTab li a {display: block; border: solid 1px #ddd; text-align: center; padding: 15px 0; font-size: 16px; color: #333; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .mpTab li.current a {border-color: #008294; background: #008294; color: #fff;} .mpLoc {margin-top: 30px;} .mpLoc .root_daum_roughmap_landing {width: 100%;} .wrap_controllers {display:none !important} .locationCamLink{display:none} .fac-mi-txt {display:block; text-align:center; margin-top:40px; font-size:21px; letter-spacing:-0.05em; word-break: keep-all;} .fac-mi-txt b{font-weight:900; color:#1792a1;word-break: keep-all;} .aca-total-wrap{width:100%; position:relative; background:url("/web/2022/img/sub/aca_total_bg.jpg")no-repeat center top; padding-top:180px; margin-bottom:180px; margin-top:180px;} .aca-total-top{width:100%; position:relative;} .aca-total-txt{position:absolute; left:50%; bottom:40px; color:#fff !important; padding-left:60px;} .aca-total-txt p{color:#fff;} .aca-total-txt-bk{color:#282828; padding-top:80px;font-weight:300; font-size:17px;} .aca-total-txt span{font-size:40px; font-weight:900; line-height:1;font-family:'Codec-Cold', 'SUIT'; letter-spacing:-0.05em;} .aca-int-wrap{width:100%; position:relative; height:auto; display:block;} .aca-int-wrap:after{display:block; clear:both; content:"";} .aca-int-slide{float:left; width:895px; position:relative;} .aca-int-slide .aca-int-content{display:block; width:100%; } .aca-int-content span{font-size:40px; font-weight:900; line-height:1;font-family:'Codec-Cold', 'SUIT'; letter-spacing:-0.05em;} .aca-int-content h5{font-size:21px; margin-bottom:20px;} .aca-int-slide .aca-int-content em{display:block; height:596px; width:100%; border-radius:8px; overflow:hidden; margin-bottom:40px;} .aca-int-content a{width:40%;} .aca-int-content a{font-size:21px; line-height:40px; display:block; background:url("/web/2022/img/sub/job_icon_arrow.png") right center no-repeat; width:40%; margin-top:20px; text-align:left; background-size:auto 100%;} .aca-int-side-txt{width:70px; height:700px;position:absolute;font-style:italic;font-weight:100;left:-80px;bottom:250px;display:inline-block;} .aca-int-content ul li{font-size:17px; color:#555; line-height:1.8; font-weight:normal; width:60%;} .aca-int-slide .slick-list{overflow:visible !important;} .aca-int-slide .slick-dots{position:absolute; top:0px; right:-305px;; width:260px; } .aca-int-slide .slick-dots li {position: relative;width:259px;height:152px;margin-bottom: 60px;border-radius:8px;} .aca-int-slide .slick-dots li button{background-position:center top !important; background-repeat:no-repeat !important;display:block; width:259px;height:152px;padding-bottom: 0;border-radius:8px;font-size:0px; position:relative;} .aca-int-slide .slick-dots li button:before{content:"";display:block; width:100%; height:100%; border-radius:8px;position:absolute; top:0; left:0;background-color: black; opacity: .5;z-index:1;} .aca-int-slide .slick-dots li button:after{display:block; font-size:21px !important; position:absolute; top:160px; width:100%; text-align:center;letter-spacing:-0.075em;} .aca-int-slide .slick-dots li.slick-active button:before{content:"";display:block; width:259px; height:152px; border-radius:8px; border:4px solid #008294; position:absolute; top:-2px; left:-2px;background-color: black; opacity: .5;z-index:1;} .aca-int-slide .slick-dots li:nth-child(1) button{background:url("/web/2022/img/sub/aca_mak_img.jpg");background-size:100% 100%;} .aca-int-slide .slick-dots li:nth-child(2) button{background:url("/web/2022/img/sub/aca_hair_img.jpg");background-size:100% 100%;} .aca-int-slide .slick-dots li:nth-child(3) button{background:url("/web/2022/img/sub/aca_nail_img.jpg");background-size:100% 100%;} .aca-int-slide .slick-dots li:nth-child(4) button{background:url("/web/2022/img/sub/aca_est_img.jpg");background-size:100% 100%;} .aca-int-slide .slick-dots li:nth-child(1) button:after{content:"메이크업 강의실"; } .aca-int-slide .slick-dots li:nth-child(2) button:after{content:"헤어디자인 강의실"; } .aca-int-slide .slick-dots li:nth-child(3) button:after{content:"네일아트 강의실"; } .aca-int-slide .slick-dots li:nth-child(4) button:after{content:"에스테틱 강의실"; } .aca-int-slide .slick-dots li:after {content:''; font-size:24px; font-family:'Codec-Cold', 'SUIT';position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);z-index:3;color: white;font-weight: 500;} .aca-int-slide .slick-dots li:nth-child(1):after{content:'Makeup';} .aca-int-slide .slick-dots li:nth-child(2):after{content:'Hair';} .aca-int-slide .slick-dots li:nth-child(3):after{content:'Nailart';} .aca-int-slide .slick-dots li:nth-child(4):after{content:'Esthetic';} .odometer-formatting-mark { display: none !important; } .odometer-value { display: flex; align-content: center; justify-content: center; width: 100%; height: 100%; } .history_sect2 { padding-bottom: 25em; margin-top:80px;} .history_sect2 .cont { display: flex; align-items: flex-start; justify-content: center; margin-top: 9em; } .history_sect2 .cont .move_year { position: sticky; left: 0; top: 150px; display: flex; align-items: center; justify-content: flex-start; width: 60%; } .history_sect2 .cont .move_year .year { display: flex; align-items: center; justify-content: flex-start; font-size: 120px; font-weight: 400; line-height: 1; flex-shrink: 0; } .history_sect2 .cont .move_year .year .odometer { font-family: 'Pretendard', sans-serif; } .history_sect2 .cont .move_year .line { width: 100%; height: 1px; background-color: rgba(0,0,0,0.5); margin-left: 5em; } .history_sect2 .cont .history_wrap { width: 40%; margin-left: 5em; margin-top: 0em; } .history_sect2 .cont .history_wrap .history { position: relative; } .history_sect2 .cont .history_wrap .history .img { position: absolute; left: -50px; top: 50%; width: 56.5%; transform: translate(-100%, -50%); } .history_sect2 .cont .history_wrap .history + .history { margin-top: 20em; } .history_sect2 .cont .history_wrap .history p { font-size: var(--subH2); } .history_sect2 .cont .history_wrap .history p.history_year { margin-bottom: 0em; font-size: 2.5em; color: #282828; font-weight: 900; } .history_sect2 .cont .history_wrap .history p + p { margin-top: 1em; } .history_wrap dl + dl {margin-top:20px;} .history_wrap dl dt{font-weight:900; color:#008294; margin-bottom:10px;} .history_wrap dl dd{font-size:14px; line-height:2} .aca-intro-top {display: block; position:relative; z-index:1; margin-bottom:6vw;} .aca-intro-top .in_s{position:relative;} .aca-intro-top em {padding-bottom:45%; width:60%; display:block; background-size:cover !important; background-position:right center !important; background-repeat:no-repeat !important; z-index:0; position:absolute; right:0px;} .aca-intro-top .in_s{z-index:5; display:block;position:relative; overflow:visible} .aca-intro-top h3{font-size:100px; margin-top:0vw; line-height:1.2; margin-bottom:2vw; letter-spacing:-0.05em; position:relative; z-index:1; padding-top:30%; font-weight:100;} .aca-intro-top h3 b{display:block; font-weight:900; line-height:1.2;} .aca-intro-top > div{font-size:30px; line-height:1.2; font-weight:100; letter-spacing:-0.05em;} .aca-intro-top > div span{display:block;} .aca-intro-value, .aca-intro-philosophy {margin-top:10vw} .aca-intro-philosophy {margin:10vw auto; width:740px; } .aca-intro-philosophy .aca-intro-img {margin-bottom:2vw} .aca-intro-value {display:flex; margin-bottom:10vw;flex-direction: row;align-items: flex-end;} .aca-intro-advan ul li + li {margin-top:0vw} .aca-intro-value > div {width:50%;} .aca-intro-value-txt{padding-right:60px;} .aca-intro-en h3 b{display:inline} .aca-intro-en h3 {padding-top:0px; font-size: 72px;} .aca-intro-advan ul {display:flex; flex-wrap: wrap; justify-content: space-between;} .aca-intro-advan ul li {width:49%; margin-bottom:4vw} .aca-intro-advan ul li .aca-intro-img img{width:100%;margin-bottom:2vw} .visual_imgs { display: flex; flex-wrap: wrap; gap: 2px; padding:1%; margin:0 auto; } .visual_imgs .img_box img { display: block; width: 100%; aspect-ratio: 1; overflow: hidden; mix-blend-mode: luminosity; filter: grayscale(1); -webkit-filter: grayscale(1); transition: filter 0.5s; } .visual_imgs .img_box:hover img { filter: grayscale(0); -webkit-filter: grayscale(0); } .visual_imgs .img_box { display: flex; width: calc((100% - 14px) / 7); aspect-ratio: 1; align-items: baseline; opacity:0; position:relative; font-family:'Codec-Cold', 'SUIT'; letter-spacing:-0.05em; font-size:15px; font-weight:100; letter-spacing:-0.025em; } .visual_imgs .img_box.animated{opacity:1} .visual_imgs .img_box:nth-child(1), .visual_imgs .img_box:nth-child(2) { position: relative; } .visual_imgs .img_box:nth-child(1)::after, .visual_imgs .img_box:nth-child(2)::after { content: ""; display: block; position: absolute; top: 100%; left: 0; font-family: var(--general-font); font-size: 1.0666666667em; font-style: italic; font-weight: 500; padding: 0.375em 0; letter-spacing: -0.02em; } .visual_imgs .img_box span{position:absolute; top:105%;} .visual_imgs .img_box.small img {width: 50%;} .visual_imgs .img_box.pos1 {justify-content: center; align-items: center;} .visual_imgs .img_box.pos2 img {margin-top: auto; margin-right: auto;} .visual_imgs .img_box.pos3 span{top:55%} .visual_imgs .img_box.pos4 img {margin-bottom: auto; margin-left: auto;} .visual_imgs .img_box.pos4 span{top:auto; bottom:0px;} .visual_imgs .img_box.pos6 img {margin-top: auto; margin-left: auto;} .visual_imgs .img_box.pos5 a {display:flex; color:#fff; background:#282828; padding:40px 20px; width:100%; height:100%; justify-content: space-between; flex-direction: column; transition: all 0.5s;} .visual_imgs .img_box.pos5 a:after {content:""; display:block; background: url('/2024/img/common/icon-arrow-wh.png') 50% no-repeat; background-size:cover; width:24px; height:24px;} .visual_imgs .img_box.pos5 a:hover{background:#008294;} .visual_imgs .img_box.pos5 a dl dd{font-size:0.7vw; opacity:0.5; font-weight:200; } .visual_imgs .img_box.pos5 a dl dt{font-weight:100; font-size:1.3vw; line-height:1.4; margin-top:8px;} .visual_imgs .img_box.pos5 a dl dt b{font-weight:800} .college-main-deco {font-family:'Codec-Cold', 'SUIT'; letter-spacing:-0.025em; margin-bottom:1vw; font-weight:100; font-size:48px;} .college-curri .college-main-deco {position:absolute; left:-220px; top:130px;transform: rotate(-90deg);} .college-curri{margin-top:5vw; position:relative;position:relative; width:100%;} .college-curri ul {display:flex; justify-content: space-between;} .college-curri ul li{ width: calc((100% - 100px) / 3);} .college-curri ul li a {position:relative;} .college-curri ul li a em {display:block; width:100%; padding-bottom:140%; background-size:cover !important; background-repeat:no-repeat !important; background-position:center !important; overflow:hidden; margin-bottom:4vw} .college-curri ul li a .college-tit-en {font-size:12px; font-weight:200; line-height:1;font-family:'Codec-Cold', 'SUIT'; letter-spacing:-0.025em; margin-bottom:1vw} .college-curri ul li a .college-tit {font-size:30px; font-weight:100; margin-bottom:1vw; letter-spacing:-0.05em; line-height:1.2} .college-curri ul li a .college-tit b{display:block; font-weight:900} .college-main-curri-info:after{content:""; display:block; background: url('/2024/img/common/icon-arrow-bk.png') 50% no-repeat; background-size:cover; width:32px; height:32px; margin-top:40px} .college-main-curri-info{display:flex; flex-direction: column; position:absolute; bottom:-100px; right:-25px; background:#fff; padding:40px 20px; box-shadow:5px 0px 8px rgba(0,0,0,.13); width:360px;transition: all 0.5s; opacity:0;} .college-curri ul li a:hover .college-main-curri-info{opacity:1;bottom:-60px;} .partner_sect{margin-top:5vw} .partner_sect .cont { margin-top: 4vw; opacity: 0; transform: translateY(30px); transition: opacity 0.7s, transform 0.7s; transition-delay: 0.6s; overflow: hidden;} .partner_sect.active .cont { opacity: 1; transform: unset; } .partner_sect .cont .logo_box { display: flex; align-items: center; justify-content: flex-start; } .partner_sect .cont .logo_box a { display: flex; align-items: center; justify-content: center; width: 305px; height: auto; text-align: center; margin-left: 5px; } .partner_sect .cont .logo_box a img { width: 100%; height: 100%; object-fit: contain; text-align: center; filter: grayscale(1) brightness(60%); transition: filter 0.4s; } .partner_sect .logo_wrap { padding: 0; } .partner_sect .logo_wrap .move_wrap { position: relative; width: 100%; height: 3vw; margin: 0 0 3em 0; } .partner_sect .logo_wrap .move_wrap .move_box { display: flex; width: 100%; height: 100%; position: absolute; top: 0; right: 0; margin-right: 30px; } .partner_sect .logo_wrap .move_wrap .move_box { justify-content: flex-start; } .partner_sect .logo_wrap .move_wrap .logo_box { display: flex; width: auto; justify-content: center; } .partner_sect .logo_wrap .move_wrap .logo_box:last-of-type { padding-right: 100px; } .partner_sect .logo_wrap .move_wrap .logo_box .service_tag { position: absolute; width: 100%; left: 50%; bottom: 30px; transform: translateX(-50%); font-size: 0.8vw; font-weight: 700; text-align: center; } .partner_sect .logo_wrap .logo-img { position: relative; display: block; width: 15vw; height: 15vw; margin-left: 20px; max-height: 50vw; transition: all 0.3s; } .partner_sect .logo_wrap .logo-img > img { width: 100%; height: 100%; object-fit: contain; } .banner-btn{display:inline-block; padding:6px 100px 6px 20px; border:2px solid #282828; font-weight:800; position:relative;} .banner-btn:after{content:""; display:block; background: url('/2024/img/common/icon-arrow-bk.png') 50% no-repeat; background-size:cover; width:24px; height:24px;position:absolute; right:20px; top:50%; margin-top:-12px;} .college-makeup:after {background:#ff8251;} .college-hair:after {background:#a5c3ea;} .college-esthe:after {background:#ebc39f;} .college-fac, .college-sec, .college-itv {margin-top:80px;} .college-curri-top{position:relative; padding-bottom:80px;} .college-curri-top:after {display:block; width:180%; position:absolute; content:""; height:60%; bottom:0px; z-index:-1; right:0px;} .college-img {margin-bottom:6vw; display:flex;justify-content: space-between; align-items: flex-start;} .college-extra .college-img span:first-child {width:30%;} .college-extra .college-img span:last-child {width:69%;} .college-extra .college-img {margin-top:6vw} .college-curriculum-table {margin-top:40px;; border-top:2px solid #282828;} .college-curriculum-table dl{padding:20px 20px; border-bottom:1px solid #ddd; display:flex; font-size:17px;} .college-curriculum-table dl dt{width:20%; font-weight:800; text-align:center;} .college-curriculum-table dl dd{width:80%; padding-left:20px; border-left:1px solid #ddd;} .college-detail{margin-bottom:4em; margin-top:160px;} .curri-main-bg.college-curri-bg { height: 500px; margin-top: auto; margin-bottom:40px;} .curri-main-bg.college-curri-bg h3{margin-bottom:-80px;font-size:140px; font-weight:900; line-height:1;font-family:'Codec-Cold', 'SUIT'; letter-spacing:-0.05em; text-transform: uppercase;} .college-fac-img {margin-bottom:4vw} .college-step{margin-top:80px; } .college-step ul {display:flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:4vw} .college-step ul li {width:24%; text-align:center; background:#f2f3f5; margin-bottom:2%; padding:40px 60px;} .college-step ul li img{width:50%;} .college-step ul li dl dt{font-size:21px; font-weight:900; line-height:1.4; margin-bottom:2vw} .college-step ul li dl dd{font-size:17px} .college-info-table{border-top:2px solid #282828;} .college-info-table tr th, .college-info-table tr td{border-bottom:1px solid #ddd; font-size:17px; padding:20px; line-height:1.2; text-align:center;} .college-strategy .in_s {display:flex; margin-top:80px;} .college-strategy .in_s .main-tit h3 {font-size:80px;} .college-strategy .in_s .main-tit h3, .college-strategy .in_s .main-tit h3 span, .college-strategy .in_s .main-tit h3 em{ line-height:1.2} .college-strategy .in_s .main-tit h3 span{display:block;} .college-strategy-deco img{width:80px} .college-chat ul li {padding-bottom:30px; position:relative;} .college-chat ul li:after{display:block; content:""; clear:both;} .college-chat ul li:nth-child(odd){padding-right:30px; padding-left:8px;} .college-chat ul li:nth-child(odd) span{font-weight:bold;} .college-chat ul li:nth-child(even){padding-left:30px; padding-right:8px;} .college-chat ul li span{ padding:12px 20px; background:#282828; font-size:17px; border-radius:16px; line-height:1.4; display:inline-block; color:#fff;} .college-chat ul li:nth-child(even) span{background:#008295; float:right;} .college-chat ul li:nth-child(odd) span:after{background: url('/2024/img/sub/chat_deco_bk.png')no-repeat center center; content:""; width:16px; height:23px; display:block; position:absolute; top:30%; margin-top:-12px; left:2px;} .college-chat ul li:nth-child(even) span:after{background: url('/2024/img/sub/chat_deco_gr.png')no-repeat center center; content:""; width:16px; height:23px; display:block; position:absolute; top:30%; margin-top:-12px; right:2px;} .college-chat ul li:last-child{padding-bottom:0px;} .college-roadmap{margin-top:80px; display:flex; flex-direction: column;align-items: center;} .college-roadmap .main-tit em{display:block;} .college-roadmap .main-txt {padding:0 6%;} .college-roadmap:before{display:block; height:50px; margin-bottom:80px; width:1px; content:""; background:#282828;} .college-roadmap .movie-wrap{margin-top:4vw} .college-roadmap-step { display:flex; flex-direction: column;align-items: center;margin-top:80px; } .college-roadmap-cont {display:flex; align-items: flex-start; justify-content: center; width:100%;flex-wrap: wrap;} .cate2year .college-roadmap-cont .college-roadmap-item {flex-grow : 1;} .college-roadmap .main-txt span{display:block;} .college-roadmap-step h3{font-size:17px; display:inline-block; padding:10px 60px; background:#282828; color:#fff; margin-bottom:40px;} .college-roadmap-step .college-roadmap-item {display:flex;width:auto; align-items: center; height:100%;} .college-roadmap-step .college-roadmap-item dl{width:190px; padding:60px 20px 40px; border:2px solid #282828; box-shadow:2px 3px 5px rgba(0,0,0,.13); position:relative; display:flex; height:240px;} .college-roadmap-step .college-roadmap-item dl dt{position:absolute; font-size:10px; padding:5px 20px; background:#282828; color:#fff; top:-13px; left:20px} .college-roadmap-step .college-roadmap-item dl dd {font-size:17px; line-height:1.4} .college-roadmap-step .college-roadmap-item dl dd h4{font-size:21px; font-weight:900; letter-spacing:-0.05em; width:90%; line-height:1.2 ; margin-bottom:10px;word-break: keep-all;} .college-roadmap-step .college-roadmap-item.college-roadmap-item + div {margin-top:0vw;} .college-roadmap-step .college-roadmap-item.college-roadmap-item:after{content:""; display:block; background: url('/2024/img/common/college-icon-stararrow.png') 50% no-repeat; background-size:cover; width:24px; height:24px; margin-top:4vw;transform: rotate(0deg); margin:0 1vw} .college-roadmap-step .college-roadmap-item:last-child:after{display:none;} .college-roadmap-inc-step .college-step .in {display:flex; flex-direction: column-reverse;} .college-roadmap-inc-step .college-step .in .college-step-tit{margin-bottom:4vw} .college-roadmap-info{display:flex; width:100%; position:relative; flex-direction: column; margin-top:10vw} .college-roadmap-info-item{display:flex;flex-direction: row;} .college-roadmap-info-item + div{margin-top:40px} .college-roadmap-info-item dl{display:flex; padding-bottom:4vw; width:50%; padding-right:60px;} .college-roadmap-info-img {width:50%; padding:0 4%;} .college-roadmap-info-item dl dt{width:40px; position:relative; display:flex;} .college-roadmap-info-item dl dt span{ background:#282828; color:#fff; font-size:12px; width:40px; height:40px;display:flex; text-align:center;align-items: center; justify-content: center;} .college-roadmap-info-item dl dd{width:auto; padding-left:20px; font-size:17px;} .college-roadmap-info-item dl dd h4{font-size:32px; font-weight:900; letter-spacing:-0.05em; line-height:1.3; margin-bottom:20px} .college-roadmap-info-item dl dd ul li{display:block; position:relative; padding-left:40px} .college-roadmap-info-item dl dd ul li strong{position:absolute; top:0px; left:0} .college-strategy .move_text_box {margin-top:-6vw; z-index:-1; position:relative;} .move_text_box .text { display: flex; flex: 0 0 auto; white-space: nowrap; overflow: hidden; transition: 0.3s; font-size: 250px;} .move_text_box .text p { animation: textLoop 150s linear infinite; padding-right: 0.3em; line-height: 1.2; font-family:'Codec-Cold', 'SUIT'; font-weight:900; text-transform:uppercase; -webkit-text-stroke: 2px #282828; color: #fff; letter-spacing:-0.05em; opacity:0.5} @keyframes textLoop { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes textLoop2 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } /* .college-itv .swiper-container, .college-itv .in{overflow:visible} .college-itv{overflow:hidden;padding-bottom:4vw} .college-itv-item .swiper-slide{border-radius:12px; box-shadow:2px 3px 12px rgba(0,0,0,0.13);padding:4%; position:relative;} .college-itv-item .swiper-slide .college-st-info{display:flex;align-items: center; margin-bottom:4vw} .college-itv-item .swiper-slide a em {width:80px; padding-bottom:0px; height:80px; margin-right:4vw} .college-itv-item .swiper-slide a h3 {font-size:5vw; font-weight:900; margin-top:0vw; line-height:1;} .college-itv-item .swiper-slide a h3 span{font-weight:300;} .college-itv-item .swiper-slide a p {font-size:13px; opacity:0.5; display:block; margin-bottom:3vw; line-height:1.2} .college-itv-item .swiper-slide a .inv-txt {font-size:4vw;} */ .college-itv-item .swiper-slide a p {font-size:13px; opacity:0.5; display:block; margin-bottom:0.5vw; line-height:1.2} .college-itv-item .swiper-slide a h3 {font-size:17px; font-weight:900; margin-bottom:1vw; line-height:1;} .college-itv-item .swiper-slide a .college-st-name{ margin-top:20px;} .college-itv-item .swiper-container{overflow:visible} .college-pra {margin-bottom:120px;} .college-pra .in{padding-left:35%;} .college-extra .in {display:flex; align-items: flex-end;} .college-extra .in > div{ width:55%; padding-right:50px;} .college-extra .in .college-img{width:45%; padding-right:0} .college-extra .college-img{margin:0} .college-curriculum{width:720px; margin:120px auto;} .college-curriculum .main-tit{text-align:center;} .college-fac .in{width:65%;} .college-step-footer .college-step-tit{text-align:right;} .consult-process ul{width:100%; position:relative; } .consult-process ul:after{display:block; content:""; clear:both;} .consult-process ul li {float:left; width:25%; position:relative; padding:200px 30px 0; background-position: center top !important; background-repeat:no-repeat !important} .consult-process ul li:nth-child(1){background:url("/2024/img/sub/job_icon001.png");} .consult-process ul li:nth-child(2){background:url("/2024/img/sub/job_icon002.png");} .consult-process ul li:nth-child(3){background:url("/2024/img/sub/job_icon003.png");} .consult-process ul li:nth-child(4){background:url("/2024/img/sub/job_icon004.png");} .consult-process ul li dl dd{font-size:15px; line-height:1.4; padding:0 0px;} .consult-process ul li dl dd.cpEgn{color:#282828; font-weight:normal; letter-spacing:0;font-size:15px; font-weight:100} .consult-process ul li dl dt{font-size:25px; display:block; padding-bottom:12px; font-weight:900; letter-spacing:-0.05em; line-height:1.4} .consult-process ul li dl {text-align:center;} .consult-process ul li:after{content:""; display:block; width:160px; height:1px; background:#282828; position:absolute; top:90px; right:-95px;} .consult-process ul li:last-child:after{display:none} .job-training-cont {margin-top:160px;} .job-training-img .jtiSwiper {overflow:visible; } .job-training-img .jtiSwiper .swiper-slide {border-radius:12px; overflow:hidden;} .job-training-img .jtiSwiper .swiper-slide em {display:block; width:100%; padding-bottom:62.5%; background-position:50% 50% !important; background-repeat:no-repeat !important; background-size:cover !important; border-radius:12px; margin-bottom:12px} .cer-chart-wr{display:block; width:100%; padding:90px 0px;} .cer-chart-wr.bgGray{ margin-top:80px; background:#f7f7f7;} .cer-chart{display:flex; width:100%; position:relative; margin-bottom:60px;} .cer-chart-info{vertical-align: top; display:block; width:100%; padding-right:0px;} .atb-chart-text{display:flex; font-size:14px;justify-content: space-between;width:100%; position:relative;} .atb-chart-text h3{ font-weight:700; font-size:23px; position:relative; padding-left:0px;} .atb-chart-text ul li{margin-bottom:10px; letter-spacing:-0.05em; font-size:17px;} .atb-chart-text ul li span{font-weight:bold;} .atb-chart-table{width:100%; position:relative; margin:30px 0px;} .atb-chart-table:after{content:""; display:block; clear:both;} .atb-table{width:50%; float:left; text-align:center;} .atb-table h3{color:#fff; font-size:17px; padding:8px 0px; width:100%; font-weight:300} .atb-table.all-pass-list{padding-right:20px;} .atb-table.all-pass-list h3{background:#2e394b;} .atb-table.atb-pass-list h3{background:#008294;} .atb-table.atb-pass-list{padding-left:20px;} .atb-table table tr th, .atb-table table tr td{font-size:15px; padding:5px 0px; background:#fff;} .atb-table table tr th{font-weight:500; background:#e7e7f3;} .atb-table table tr:nth-child(odd) td{background:#f2f2f2 !important} .atb-table table tr.on{border:2px solid red; font-weight:bold;} .atb-pass-list tr.on td{color:#008294} .division{position:absolute; top:10px; right:0px; font-size:12px; display:flex; text-align:right; font-weight:normal} .division li {padding-left:0px; margin-left:10px; display:flex;align-items: center;} .division li:before{display:inline-block; width:10px; height:10px; content:""; margin-right:5px;} .division li.location-divi:before{background:#2f394c} .division li.atb-divi:before{background:#008294} .fc-event, .fc-event-dot { background-color: #008294 !important;} .fc-event {position: relative; display: block; font-size: .85em; line-height: 1.3; border-radius: 3px; border: 1px solid #008294 !important;} .fc-view *{font-size:12px !important;} .fc-left h2{font-size:23px; font-weight:800;} .vertical_chart_box{display:flex;flex-direction: column;} .vertical_chart_box h3{width:100%;} .vertical_chart_box .atb-chart-graph{position:relative;margin-top:20px;margin-bottom:20px;padding-left:40px;box-sizing:border-box;height:300px;} .vertical_chart_box .atb-chart-graph .axis_y{display:-webkit-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;margin:0;padding:0;width:40px;height:100%;color:#4a4a4a;text-align:right;font-size:15px} .vertical_chart_box .atb-chart-graph .axis_y:before{content:'';position:absolute;top:5px;bottom:0;right:0;width:1px;background:#d3d3d3} .vertical_chart_box .atb-chart-graph .axis_x li,.vertical_chart_box .atb-chart-graph .axis_y li{margin-bottom:0;letter-spacing:-.05em;font-size:15px} .vertical_chart_box .axis_x{display:-webkit-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;position:relative;padding:0;box-sizing:border-box;height:100%;border-bottom:1px solid #d3d3d3} .vertical_chart_box .axis_x .item{flex:1;position:relative;opacity:.3} .vertical_chart_box .axis_x .item.on {opacity:1;} .vertical_chart_box .axis_x .item .text_box{position:absolute;bottom:-30px;left:50%;text-align:center;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)} .vertical_chart_box .axis_x .graph{display:-webkit-flex;display:-ms-flex;display:-o-flex;display:flex;position:relative;margin:0 auto;padding:0;width:auto;height:100%;border-radius:3px 3px 0 0;overflow:hidden;justify-content:center} .vertical_chart_box .axis_x .item small {display: none; padding: 35px 10px 0; font-size: 11px; color: #a4a4a4 ; word-break: keep-all; text-align: center; line-height: 1.3;} .text-right {text-align: right;} .atb-chart-caption {padding-top: 20px; color: #a4a4a4;} .zt-skill-bar{display:flex;align-items:flex-end;width:50px;margin:0 5px;height:100%;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px} .zt-skill-bar *{-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .zt-skill-bar div{background-color:#008294;position:relative;height:0;width:50px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px} .zt-skill-bar.other-cook div {background-color: #2f394c;} .zt-skillnum {position: absolute !important; font-size: 11px; font-weight: 800; top: -15px; left: 50%; display: none; transform: translate(-50%, 0%);} .zt-skillnum.on {display: block;} .zt-skillnum.numSmall {color: #000;} .zt-skillnum.numBig {font-size: 11px; top: -17px; color: red;} .cer-schedul{display:flex; justify-content: space-between;} .cer-detail-area{width:100%; position:relative; margin-bottom:40px;} .cer-detail-area dl dt, .cer-detail-area dl dd{float:left; display:flex; font-size:17px;} .cer-detail-area dl dt {width:10%; text-align:center;background-color: #008294; border-radius:18px; color:#fff;justify-content: center; font-weight:bold; font-size:14px; font-weight:bold; padding:5px 0;} .cer-detail-area dl dd {width:90%; padding:4px 0 0 10px;} .cer-detail-area dl:after{display:block; clear:both; content:"";} .cer-detail-area dl + dl {margin-top:10px;} .cer-table-wr{margin-top:0px;} .tchSwiper {overflow:visible} .tch-filter {margin:0 auto; padding-bottom:30px; width:480px;} .tch-filter:after {content:""; display:table; clear:both;} .tch-filter dd {float:left; width:50%; padding:0 5px;} .tchSel {position:relative; z-index:1; border: solid 1px #ebebeb;} .tchSel span {display:block; height:40px; line-height:40px; color:#282828; font-size:12pt; padding:0 10px; position:relative; cursor:pointer;} .tchSel span:after {content:""; display:block; width:18px; height:18px; position:absolute; right:10px; top:50%; background:url("/2024/img/common/icon-accomore-bk.png")no-repeat center center; background-size:100% auto !important; margin-top:-9px;} .tchSel span.on:after {background-position:center top !important;} .tchSel ul {position:absolute; top:100%; left:0; right:0; padding:10px 15px; margin-top:1px; background:#fff; display:none; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);} .tchSel ul li {padding:5px 0;} .tchSel ul li a {display:block; font-size:15px; font-weight:300;} .tchSel ul li.current a {} .tchDetail{display:none;} .tchList{display:flex; flex-wrap: wrap;} .tchList {flex-direction: colum; margin-left:-20px;} .tchList li {width: calc(100% / 5 - 20px); margin-bottom: 40px; margin-left:20px} .tchList li em {display:block; width:100%; padding-bottom:125%; background-position:50% top !important; background-repeat:no-repeat !important; background-size:cover !important; border-radius:12px; margin-bottom:12px;} .tch-intro{opacity:0} .tchPop_cont{display:flex;} .ytp-chrome-top{display:none !important;} .tchTxt, .tchCont {position:relative;} .tchTxt p{line-height: 1.2; font-family:'Codec-Cold', 'SUIT'; font-weight:200; text-transform:uppercase; color:#008294; font-size:11px;} .tchTxt h4{font-size:21px; font-weight:900; letter-spacing:-0.05em;} .tchTxt h4 span{font-weight:200;} .tch-intro {position:absolute; top:0px; left:0px; background: rgba(0,0,0,.8); height:100%; width:100%; color:#fff; text-align:center; flex-direction: column; padding-top:40px; transition: all 0.5s; } .tch-intro h5.tchLoc{padding:2px 15px; border-radius:30px; border:1px solid #fff; font-weight:100; display:inline-block;} .tch-intro h4{display:block; margin-top:10px; font-size:21px; font-weight:800;} .tch-intro h4 span{font-weight:100} .tch-intro h5.tchPhr{display:block; padding:0 20px; font-size:13px; opacity:0.7} .tchCont{display:block; width:100%; height:100%; } .tchPop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1001; background: rgba(0,0,0,0.6); display: none; padding: 60px 0px; overflow-y: scroll; } .tchPop > div {display:table; width:100%; height:100%;} .tchPop > div > div {display:table-cell; width:100%; vertical-align:middle;} .tchpX {display:block; position:absolute; left:0; right:0; top:0; bottom:0; } .tchpCont {background:#fff; width:900px; margin:0 auto; padding:60px; position:relative; -webkit-box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.25); box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.25);z-index:1;} .tchpCont:after {content:""; display:block; width:200px; height:100%; position:absolute; top:0; left:0; bottom:0; background:#fafafa;z-index:-2} .tchpProfile{width:300px; float:left;} .tchClose {display:block; position:absolute; right:30px; top:30px; width:32px; height:32px; text-indent:-9999px; background:url("/2024/img/common/icon-ham-close.png")no-repeat center center; background-size: cover !important} .profile-left{display: block; width:300px;} .profile-left em {display:block; width:80%; padding-bottom:100%; background-position:50% top !important; background-repeat:no-repeat !important; background-size:cover !important; margin-bottom:40px; box-shadow:2px 5px 8px rgba(0,0,0,0.13); position:relative;} .profile-left em:after{display:block; width:100%; height:100%; top:20px; left:20px; border:5px solid #282828; content:""; position:absolute; z-index:-1} .profile-left p {line-height: 1.2; font-family:'Codec-Cold', 'SUIT'; font-weight:200; text-transform:uppercase; color:#008294; font-size:14px;} .profile-left h4{display:block; font-size:32px; font-weight:800; letter-spacing:-0.05em; line-height:1.2} .profile-left h4 span{font-weight:100} .profile-left .tchLoc {font-size:15px;} .profile-left .btn_wrap {flex-direction: column; align-items: flex-start !important; margin-top:20px;} .profile-left .btn_wrap a {width:80%;height: 40px; line-height: 40px;} .profile-left .btn_wrap a {margin:0px} .profile-left .btn_wrap a + a{margin-top:10px;} .profile-right {width:600px; padding-left:60px;} .profile-right span {font-size:30px; line-height:1.2; margin-bottom:20px;} .profile-right h4 {margin-top:20px; font-weight:800; } .profile-right ul {padding-left:20px;} .profile-right ul li{font-size:13px;} .privacyWrap-page {font-size:13px; padding-bottom:60px;} .privacyWrap-page h4 {font-size:18px; padding-top:30px; padding-bottom:5px; font-weight:800} .privacyWrap-page h5 {font-size:15px; padding-top:15px; padding-bottom:5px;} .privacyWrap-page h6 {font-size:14px; padding-top:5px; padding-bottom:2px;} .privacyWrap-page p.priBox {background:#f2f3f5; padding:20px; border:1px solid #ddd;} .privacyWrap-page ol li {padding:5px 0;} .privacyWrap-page ul {padding-left:15px;} .privacyWrap-page table {width:100%; margin-top:15px;} .privacyWrap-page table th, .privacyWrap-page table td {border:solid 1px #ddd; padding:5px; text-align:center;} .privacyWrap-page table th {background:#fafafa; font-weight:bold;} .costBoard {width:100%; height:auto; margin:0 auto; border-top:solid 2px #111;} .costBoard thead tr {font-size:13px; text-align:left; border-bottom:solid 1px #999;} .costBoard thead tr th {padding:15px 10px; text-align:center; color:#282b30; font-weight:bold; background-color:#f2f3f5;} .costBoard tbody tr td {text-align:center; padding:15px 10px; border-bottom:solid 1px #999; word-break: keep-all;} .costBoard tbody tr:last-child td {border-bottom:solid 1px #111;} .costBoard tbody tr:nth-child(2n) td {background-color:#fafafa;} .costInfoTable {width:960px; margin:0 auto; margin-top:20px;} .costInfoTable thead tr {font-size:13px; text-align:left; border-top:solid 2px #111; border-bottom:solid 1px #999;} .costInfoTable thead tr th {padding:15px 10px; text-align:center; color:#282b30; font-weight:bold; background-color:#f2f3f5; border:solid 1px #e4e4e4;} .costInfoTable tbody tr td {text-align:center; padding:15px 10px; border:solid 1px #e4e4e4; } .costBoard tbody tr:last-child td {border-bottom:solid 1px #111;} .costBoard tbody tr:nth-child(2n) td {background-color:#fafafa;} .costInfoTitle {width:960px; margin:0 auto; margin-top:80px; font-size:14px; line-height:1.4em; font-weight:bold; color:#222;} .costInfoDesc {width:960px; margin:0 auto; margin-top:20px; line-height:1.6em;} .paging-slide{position:absolute; bottom:0px; right:0} .paging-slide .swiper_btn.next{margin-left:10px;} .loc-land-top {display:flex; justify-content: space-between;align-items: center; margin-bottom:6vw} .loc-land-top .loc-land-img {width:60%;} .loc-land-top .footerMapWrap {width:38%; margin-bottom:0} .loc-land-top .locfacSwiper {display:block; width:100%; height:480px; border-radius:12px;} .swiper-slide{display:block; width:100%; height:100%; background-size: cover !important; background-position:50%; } .main-seminar{margin-bottom:60px;} .seminarSwiper {overflow:visible;} .seminarSwiper .swiper-slide em{display:block; width:100%; padding-bottom:140%; background-size:cover !important; background-position:50% !important; border-radius:12px; overflow:hidden; margin-bottom:20px;} .seminarSwiper .swiper-slide h4{font-size:12px; opacity:0.5} .seminarSwiper .swiper-slide h3{font-size:17px; line-height:1.2; margin-bottom:10px;} .goog-te-combo span{display:block; color:#282828 !important; line-height:24px} .tch-top .tch-movie-wrap{display:block; position:relative; width:100%; min-height:30vw; } .tch-top .tch-movie-wrap video{height: 100%; left: 50%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; opacity:1;} /* wave animation */ svg:not(:root) {overflow: hidden;} .onde {position:relative ;width: 100%; height:15vh; margin-bottom:-7px; min-height:100px; max-height:150px; transform:rotate(180deg);} .parallaxonde > use {animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;} .parallaxonde > use:nth-child(1) {animation-delay: -2s; animation-duration: 7s;} @keyframes move-forever { 0% { transform: translate3d(-90px,0,0); } 100% { transform: translate3d(85px,0,0); } } @-webkit-keyframes move-forever { 0% { transform: translate3d(-90px,0,0); } 100% { transform: translate3d(85px,0,0); } } .ceo-profile{display:block; position:relative; background: url('/2024/img/sub/ceo-bg.jpg') 50% top no-repeat; background-size:100% auto; width:100%;} .ceo-intro{display:flex; margin-bottom:4vw} .ceo-img {padding:30px;} .ceo-img span{width:400px; height:520px; position:relative; display:block;} .ceo-img span:after {content:""; display:block; width:100%; height:100%; border:10px solid #282828;} .ceo-img span img{position:absolute; top:-30px; left:-30px;} .ceo-info{padding-left:50px; } .tch-conault-tit p, .ceo-info p{line-height: 1.2; font-family:'Codec-Cold', 'SUIT'; font-weight:200; text-transform:uppercase; font-size:14px; padding-top:30px;} .ceo-info h3{font-size:50px; line-height:1.2; margin-top:20px; display:block; letter-spacing:-0.05em; font-weight:900; margin-bottom:30px;} .ceo-info h3 span{font-weight:100} .ceo-info .ceo-txt {font-size:21px; letter-spacing:-0.05em;word-break: keep-all; font-weight:200} .ceo-career{display:block; } .ceo-career h3{line-height: 1.2; font-family:'Codec-Cold', 'SUIT'; font-weight:900; text-transform:uppercase; font-size:32px; border-bottom:2px dotted rgba(0,0,0,0.5); display:block; padding-bottom:20px; margin-bottom:20px;} .career-item{display:flex;} .career-item ul + ul {padding-left:5vw; } .career-item ul li {font-size:17px; letter-spacing:-0.05em; line-height:2; font-weight:200} .tch-conault{background:#f0f0f0; width:100%; padding:50px 0 0 0} .tch-conault-tit {text-align:center;} .tch-conault-tit h3{font-size:50px; line-height:1.2; margin-top:10px; display:block; letter-spacing:-0.05em; font-weight:100; margin-bottom:30px;} .tch-conault-tit h3 em{font-weight:900; color:#282828; line-height:1.2} .tc-ul-check {width: 100%; max-width: 780px; margin: 50px auto 27px;} .tc-ul-check > li {position: relative; margin-top: 20px; padding: 9px; background: #fff; border-radius: 9px;} .tc-ul-check > li:before {content:''; position: absolute; left: -18px; top: 50%; margin-top: -19px; width: 38px; height: 38px; background: url('/2024/img/sub/tch-check.png') no-repeat center;} .tc-ul-check > li dl {padding: 23px 28px; padding-right: 0; border: 2px dashed #8c8c8c; border-radius: 12px; font-size: 21px;} .tc-ul-check > li dt {padding-bottom: 2px; font-weight:800; letter-spacing:-0.05em;} .tc-ul-check > li dd {font-weight: 300;} .tch-conault-item h3{font-size:30px; padding:20px 0 50px; line-height:1.6; letter-spacing:-0.05em; color:#282828} .tch-conault-item h3 b{font-weight:900;} .tch-conault{display:block; position:relative; z-index:1} .tch-conault-deco{position:absolute; display:block; z-index:-1} .tch-conault-deco.deco001{left:0px; top:20%;} .tch-conault-deco.deco002{right:0px; bottom:20%} .tch-list-txt{padding:60px 0 80px;} .tch-list-txt h3{font-size:30px; letter-spacing:-0.05em; font-weight:200; line-height:1.6} .tch-list-txt h3 b {font-weight:900;line-height:1.4} .tch-list-txt h4{font-size:60px; display:block; margin-top:3vw; letter-spacing:-0.075em; line-height:1.6; font-weight:100;line-height:1.4;} .tch-list-txt h4 em {display:inline-block; position:relative; font-weight:900; line-height:1.4;} .tch-list-txt h4 em:after {display:block; content:""; width:100%; height:20px; background:#008294; position:absolute; bottom:10px; left:0; z-index:-1} /* 자격증합격현황 추가 */ @font-face { font-family: 'GmarketSans'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: 100; font-style: normal; } @font-face { font-family: 'GmarketSans'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'GmarketSans'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBlod.woff') format('woff'); font-weight: 900; font-style: normal; } .pass-content.renew {color:#282828; background:#f7fafa url('/web/2022/img/common/pass_bg_top.png') no-repeat top / 100%;} .pass-content.renew .pass-list-wrap {padding:140px 60px 0;} .pass-content.renew .pass-list-wrap h2 {font-size:64px; margin-bottom:74px;} .pass-content.renew .pass-list-wrap h2 div {font-size:88px; color:#008c95; font-weight:900; line-height:1.2;} .pass-value-list {display:flex; align-items:center; padding:38px 65px; margin-bottom:48px; background-color:#fff; box-shadow: 0px 0px 23.92px 2.08px rgba(151, 149, 147, 0.12);} .pass-value-list:last-child {margin-bottom:0;} .pass-value-list .title {padding-right:100px; width:40%;} .pass-value-list .title .total {font-size:20px;} .pass-value-list .title .total span {font-size:24px; font-weight:900; color:#008c95;} .pass-value-list h3 {font-size:40px;font-family: 'GmarketSans'; line-height:1.2; font-weight:900;} .pass-value-list h3 div {font-weight:900; line-height:1;} .pass-value-list .names {flex:1;} .pass-value-list .names li {display:flex;} .pass-value-list .location {font-size:18px; font-weight:500;} .pass-value-list .name {font-size:18px; color:#707070; flex:1;} .pass-list-wrap .pass-bottom {margin:24px 0 75px; text-align:right; font-size:16px; color:#707070;} .pass-list-wrap .pass-logo {padding-bottom:75px;} .pass-list-wrap dl {display:flex;align-items: flex-end;} .pass-list-wrap dl dt, .pass-list-wrap dl dd{line-height:1; letter-spacing:-0.05em; font-family: 'GmarketSans';} .pass-list-wrap dl dt{font-size:50px; font-weight:100} .pass-list-wrap dl dd {padding-left:1vw; font-size:30px; font-weight:100} .pass-list-wrap h2 { letter-spacing:-0.05em; font-family: 'GmarketSans'; line-height:1.2; font-weight:900;} .tuition-discrition {margin-top:30px;} .tuition-discrition:nth-child(1) {margin-top:0;} .tuition-discrition h2 {font-size:14px; color:#333; display:none} .tuition-discrition .tui-head {display:flex; background: #f5f5f5; border-top: solid 2px #333;} .tuition-discrition .tui-head div:first-child{width:150px;} .tuition-discrition .tui-head div {width:100%; padding:10px; text-align:center; border-right:1px solid #ddd; font-weight:bold; flex: 1 1 0;} .tuition-discrition .tui-head div:last-child {border-right:0;} .tuition-discrition dl {display:flex; width:100%; } .tuition-discrition dl:first-child dt, .tuition-discrition dl:first-child dd {border-bottom:0; flex: 1 1 0;} .tuition-discrition dl:last-child dt, .tuition-discrition dl:last-child dd {border-bottom:2px solid #333;} .tuition-discrition dl dt {display:flex; align-items:center; justify-content: center; width:auto; border-right:1px solid #ddd; width:150px;} .tuition-discrition dl dt, .tuition-discrition dl dd {border-top:1px solid #ddd; text-align:center; background:#fafafa; font-size:12px;} .tuition-discrition dl dd {flex:1; width:auto; background:none; border-left:0;} .tuition-discrition dl dd .info-list {display:flex; border-top:1px solid #ddd;} .tuition-discrition dl dd .info-list:first-child {border:0;} .tuition-discrition dl dd .info-list div {width:100%; padding:6px; border-right:1px solid #ddd;} .tuition-discrition dl dd .info-list div:last-child {border-right:0;}