#wrap {position:relative; overflow:hidden; width:100%; max-width:750px; margin:0 auto; position:relative; height:auto;} .lock {overflow: hidden;} #footer {position:relative; padding:32px 16px 120px; border-top:10px solid #eaeaea;} #footer h1{display:block; width:100%;font-size:0 } #footer h1 img{width:100px;} #footer .footer_corp .list{display:flex;align-items:center;} #footer .footer_corp .list li a{font-size:12px; font-weight:700;} #footer .footer_corp .list li:after{content:'';display:inline-block;width:1px;height:12px;background:rgba(0,0,0,.04);margin:0 6px;} #footer .footer_corp .list li:last-child:after{display:none;} #footer .footer_address address, #footer .footer_address p {font-size:12px; font-weight:300; color: rgba(0,0,0,0.64); line-height:18px; letter-spacing:-0.015em;} #footer .footer_address p{display:block; padding:10px 0 8px;} #footer .footer_location{display:block; padding:6px 12px 8px 12px; background:#e9e9e9; border-radius:8px; overflow:hidden; margin:12px 0} #footer .footer_location .list{display:flex;align-items:center;} #footer .footer_location .list li a{font-size:12px; font-weight:700;} #footer .footer_location .list li:after{content:'';display:inline-block;width:1px;height:12px;background:rgba(0,0,0,.04);margin:0 8px;} #footer .footer_location .list li:last-child:after{display:none;} #gnb-header{height:65px;} .header {position:relative; z-index:90; width:100%; background-color:#fff;} .header h1{text-align:left;} .subWrap .header h1 {padding: 0 58px; height: 48px !important;} .header h1 .logo{display:block; height:100%; background:url('/m/img/common/logo.png') no-repeat 5% 50%; background-size:140px 27px;} .header .gnbMenu, .header .gnbCall, .header .gnbHome, .header .gnbClose{display:block; width:100%; height:100%;} .header .btn_Call {position: absolute; top: 0px; right: 65px; width: 65px; height: 65px; background: url('/m/img/icon/icon_gnb_call.png') no-repeat 50% 50%; background-size: 65px 65px;} .header .btn_Close {position: absolute; top: 0px; right: 0px; width: 65px; height: 65px; background: url('/m/img/icon/icon_gnb_close.png') no-repeat 50% 50%; background-size: 65px 65px;} .header .btn_Home {position: absolute; top: 0px; left: 0px; width: 65px; height: 65px; background: url('/m/img/icon/icon_gnb_home.png') no-repeat 50% 50%; background-size: 65px 65px;} .header .btn_Menu {position: absolute; top: 0px; right: 0px; width: 65px; height: 65px; background: url('/m/img/icon/icon_gnb_menu.png') no-repeat 50% 50%; background-size: 65px 65px;} .header.main_header h1 {height: 65px;} .header.main_header .btn_Menu{top:0px;right:0px} .header.main_header .btn_Call{top:0px;right:65px} .subWrap .header .btn_Menu, .subWrap .header .btn_Call {top:8px !important} .fixed .header {position: fixed; top: 0; right: 0; left: 0; border-bottom: 1px solid rgba(0,0,0,0.12);} .border_header h1{height:48px !important; text-align:center;} .border_header .btn_Close {height: 48px;} .page-title{overflow:hidden; display:inline-block; max-width:calc(100vw - 116px); padding:13px 0; text-overflow:ellipsis; white-space:nowrap;line-height:22px; font-size:16px; font-weight:700;} .main-quick {padding:24px 16px 24px; width:100%; position:relative;} .main-quick ul {display:flex;} .main-quick ul li{flex:1; position:relative; } .main-quick ul li a{display:block; width:100%;padding-top:45px; text-align:center; font-size:14px; background-size:45px auto !important; background-position:center top !important; background-repeat:no-repeat !important; font-weight:bold;} .main-quick ul li a.quick_tuition{background: url('/m/img/icon/icon_main_quick001.png');} .main-quick ul li a.quick_event{background: url('/m/img/icon/icon_main_quick002.png');} .main-quick ul li a.quick_location{background: url('/m/img/icon/icon_main_quick003.png');} .main-quick ul li a.quick_call{background: url('/m/img/icon/icon_main_quick004.png');} .main-quick ul li a.quick_kakao{background: url('/m/img/icon/icon_main_quick006.png');} .bubble-quick {display:block; position: absolute; z-index: 1; padding: 0px 8px; border-radius: 24px; font-style: normal; font-weight: 800; font-size: 12px; line-height: 24px; color: #fff; letter-spacing: -0.018em; -webkit-animation: blink 1.2s infinite;} .bubble-quick:after {content:''; display: block; width: 0; height: 0; border-right: 10px solid transparent; position: absolute; z-index: -1; border-top: solid 9px;} .bubble-quick {width: 90px; height:24px; left: 40%; top: -16px; background-color: #bd2333; text-align:center;} .bubble-quick:after {bottom: -5px; left: 24px; border-top:solid 9px #bd2333;} @-webkit-keyframes blink { 0% {opacity:0; } 49% {opacity:0;} 50% {opacity:1;} 99% {opacity:1;} 100% {opacity:0; } } .main-began{width:100%; padding:24px 16px 0px; position:relative;} .main-began ul {border-radius:8px; background:#1e499b; color:#fff; display:flex; text-align:left;flex-direction: column; box-shadow: 0.4rem 1.2rem 2rem 0 rgb(68 92 114 / 16%);} .main-began ul li {padding:16px 0px; position:relative;} .main-began ul li:after{content:""; display:block; clear:both;} .main-began ul li dl{display:block; width:100%;} .main-began ul li:first-child:after {background: rgba(0,0,0,0.3); display:block; width:100%; content:""; height:1px; position:absolute; bottom:0px; left:0px;} .main-began ul li dl dt, .main-began ul li dl dd{float:left; font-size:14px;} .main-began ul li dl dt {width:25%; text-align:center;position:relative; font-weight:bold;} .main-began ul li dl dt:after{display:block; position:absolute; content:""; font-size:8pt; right:7%;background: url('/m/img/icon/icon_began_arrow.png'); width:8px; height:8px; top:50%; margin-top:-4px; background-size:8px auto;} .main-began ul li dl dd {width:75%; overflow:hidden; padding-right:16px; height:20px; overflow:hidden;} .main-began ul li dl dd a{display:block; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; width:100%;white-space: nowrap;} #wrap section{padding:50px 16px; position:relative; width:100%; height:auto;} #wrap section + section{border-top:10px solid #eaeaea} .main-tit-wr{display:block; width:100%; margin-bottom:20px; position:relative;} .main-tit-wr h3, .mnTitle h3{font-size: 20px; display:block; padding-bottom:8px; font-weight:bold;} .main-tit-wr h5{font-size:15px; color:#666; font-weight:300;} .main-more span{text-indent:-9999999px; font-size:0px;} .main-more {display:block; width:32px; height:32px; background: url('/m/img/icon/icon_main_more.png') center center no-repeat; background-size:32px auto; position:absolute; bottom:0px; right:0px;} .main-sec{display:block; width:100%; position:relative; overflow:visible} .slide-wr{display:flex;flex-wrap:nowrap;overflow-x:auto; overflow:visible; margin-right:-16px; margin-left:-16px; padding:8px 0} .slide-wr::-webkit-scrollbar{display:none;} .slide-wr {overflow-x:auto; -ms-overflow-style:none; scrollbar-width:none; -webkit-overflow-scrolling:touch;} .main-crew-cont{display: table-cell;padding: 0px 6px; height:auto;padding-top:0px; } .main-crew-cont a{ display:block; background:#fff; position:relative; padding:40px 20px;width: 320px !important; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; border:2px solid #1e499b; } .main-crew-cont a:before { content:""; display:block; width:40px; height:6px; background:#eee; position:absolute; left:50%; top:18px; margin-left:-20px; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.25); box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.25); } .main-crew-img{width:100%; display:block;} .main-crew-img img{width:50%;} .main-crew-cont a h3{display:block; padding:16px 0px 16px; font-size:17px;} .main-crew-cont a h3 span{font-weight:500;display:block; font-size:13px; color:#1e499b;} .main-crew-cont a dl dt{font-weight:bold; display:block; padding-bottom:8px; font-size:15px; border-top:1px solid #eaeaea; padding-top:16px;} .main-crew-cont a dl dt span{display:inline-block;font-family: 'Outfit', sans-serif; font-weight: 700; padding-right:4px;} .main-crew-cont a dl dd {font-size:14px; color:#666} .mCrew-more-wrap {padding-top: 15px;} .mCrew-more {display:inline-block; padding:0px 7px; line-height:18px; border-radius:16px; border:1px solid #1a408e; font-size:12px; margin-left:10px} .main-colloge-wr, .main-crew-wr, .main-interior-wr, .main-photo-wr, .main-teacher-wr, .main-seminar-wr{overflow:visible; } .main-colloge-wr .main-crew-cont a{ display:block; background:#fff; position:relative; padding:40px 20px;width:250px !important; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; border:0px solid #1e499b; } .main-colloge-wr .main-crew-cont a em {display:block; width:100px; height:100px; margin:0 auto; background-size:cover !important; background-position:center center !important; border-radius: 100px 100px 100px 100px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px;} .main-colloge-wr .main-crew-cont a h6 {font-family:"Outfit", sans-serif; font-weight:300; color:#000; letter-spacing:-0.07em; position:absolute; right:15px; top:15px; font-size:12px; } .main-colloge-wr .main-crew-cont a h6 span {font-weight:500; display:contents;} .main-colloge-wr .main-crew-cont a h5 {font-size:13px; color:#5c5c5c; letter-spacing:-0.075em; font-weight:400; text-align:center; line-height:1.3em; height:100px;} .main-colloge-wr .main-crew-cont a h5 div {font-size:20px; padding:20px 0; letter-spacing:0.25em; font-weight:500;} .main-colloge-wr .main-crew-cont a dl {text-align:center; margin-top:5px;} .main-colloge-wr .main-crew-cont a dl dd {display:inline-block; font-size:11px; margin:0 5px; color:#aaa; font-weight:300; letter-spacing:0em;} .main-colloge-wr .main-crew-cont a dl dd:first-child {padding-left:15px; background:url("/img/common/community_ico_view.png")no-repeat left center;} .main-colloge-wr .main-crew-cont a dl dd:last-child {padding-left:13px; background:url("/img/common/community_ico_date.png")no-repeat left center;} .main-colloge-wr .main-crew-cont:first-child, .main-crew-wr .main-crew-cont:first-child, .main-photo-cont:first-child, .main-interior-cont:first-child, .main-teacher-cont:first-child{padding-left:16px;} .main-colloge-wr .main-crew-cont:last-child, .main-crew-wr .main-crew-cont:last-child, .main-photo-cont:last-child, .main-interior-cont:last-child, .main-teacher-cont:last-child {padding-right:16px;} /* .main-banner-wr .main-banner-cont:first-child{padding-left:16px;} .main-banner-wr .main-banner-cont:last-child{padding-right:16px;} */ .main-banner-wr{position:relative;} .main-banner-wr .pagination {position:absolute; right:30px; bottom:20px;display:block;color:#999999;font-size:16px;font-weight: 600;} .main-seminar-cont{display: table-cell;padding: 0px 6px; height:auto;padding-top:0px; width:252px !important;} .main-seminar-cont a {width:240px !important;} .main-seminar-cont a em{ display:block; background:#fff; position:relative; padding:0px;width: 240px !important; height:340px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; background-size: cover !important; } .main-seminar-cont:first-child{margin-left:10px;} .main-seminar-cont:right-child{margin-right:10px;} .main-seminar-cont a .board-title{padding-top:8px;} .main-banner-wr{margin:0 !important} .main-teacher-wr{margin-top:-20px;} .main-banner-cont a{display:block;overflow:hidden; width:100%; /* height:300px; */ -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); position:relative; border-radius:8px; margin: 0 auto; padding-bottom: 80%; } .main-banner-wr button{display: none} .main-banner-wr .slick-dots {display: flex; justify-content: center; margin: 0 auto; margin-top: -20px; position: relative; width: 50%;} .main-banner-wr .slick-dots li{background-color: #ddd; display: inline-block; width: 30px; height: 3px; margin: 0 3px; box-shadow: 0px 1px 0px 0px #828282; border-radius: 5px; transition: all 0.5s;} .main-banner-wr .slick-dots li.slick-active{background-color: red; border-radius: 3px;} .main-banner-cont{display:block; box-sizing: content-box; padding:0 6px; position:relative; width: 100%; margin: 0 10px;} .main-banner-cont em{ display:block; width:100%; height:100%; background-repeat:no-repeat !important; background-size:cover !important; background-position: center center !important;overflow:hidden; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); position: absolute; top: 0; left: 0; } .counter{font-size:19px; font-weight:bold;font-family:"Outfit", sans-serif; color:#1e499b} .main-banner-cont video{margin:0 0; height:auto; width:200%; text-align:center; margin:-5% -50%;} .main-banner-txt{position:absolute; top:0px; left:0px; width: 100%; height: 100%;} .main-banner-txt img{width:100%; width: 100%; height: 100%;} .main-curri{display:block; width:100%;} .main-curri:after{display:block; content:""; clear:both;} .main-curri ul {margin:0 -6px; } .main-curri ul li {float:left; width:50%; padding:6px; } .main-curri ul li a{display:block; width:100%; height:auto;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);border-radius: 8px; overflow:hidden;} .main-curri ul li a img{width:100%;} .main-curri ul li a dl{padding:20px 0px 0;} .curriMtxt0001{font-size:13px;font-family:"Outfit", sans-serif; color:#1e499b; padding:0 12px} .curriMtxt0002{font-size:17px; font-weight:800; display:block; line-height:1.4; padding:4px 12px 20px;} .curriMtxtBtn{display:block; width:100%; position:relative; line-height:40px; color:#fff; background:#1e499b; font-size:15px; font-weight:500; text-align:center;} .main-interior-cont{width:360px; padding:0 6px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;box-sizing:content-box} .main-interior-cont em{display:block;width:315px; height:200px;background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; border-radius:8px; overflow:hidden;} .main-photo-cont{width:315px; padding:0 6px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;box-sizing:content-box} .main-photo-cont em{display:block;width:315px; height:215px;background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; border-radius:8px; overflow:hidden;} .main-teacher-cont{padding:0 6px;} .main-teacher-cont img{width:360px;} /* 221213 메인 가이드북 */ .mainGuideBook {width:100vw; margin-top:25px; background:#f2f3f5; padding:44px 0; display: flex;} .mainGuideBook .mGuideBook {margin-left: 10px;} .mainGuideBook .mGuideFree {position:absolute; top:-75px; right:0px;} .mainGuideBook .mainGuideTxts {margin-right: 10px; position: relative; word-break : keep-all; margin-top: 10px;} .mainGuideBook .mainGuideTxts h4 {font-size: 15px;} .mainGuideBook .mainGuideTxts h2 {font-size: 24px; font-weight: 800;} .mainGuideBook .mainGuideTxts p {font-size: 12px; padding: 13px 0; color: #999;} .mainGuideBook .mcBtnB {background: #fff url("/img/common/arrow_bk.png") 90% center no-repeat; background-size: 7px auto; letter-spacing: -1.5px; padding: 8px 25px 8px 8px; margin-right:0; margin-top:15px; background-color: #fff; font-size: 13px; color: #1e499b; border-radius: 30px; height: 45px; line-height: 45px;} .gnb-banner{width:100%; position:relative; padding:0 16px;} .gnb-banner img{width:100%;} #mMenu {position:relative; border-top:10px solid #eaeaea;padding-bottom:60px;} #mMenu > div {height:100%;} #mMenu > div > ul {height:100%; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch;} #mMenu > div > ul > li {padding:0 16px; position:relative; width:100%;} #mMenu > div > ul > li > span {display:block; width:100%; font-size:15px; cursor:pointer; position:relative; color:#282828; font-weight:500; padding-right:25px; letter-spacing:-0.055em; border-bottom:1px solid #ebebeb; padding:16px 0; width:100%; font-weight:700;} #mMenu > div > ul > li > span:after {background:url("/m/img/icon/icon_gnb_open.png")no-repeat center center; background-size:cover; content:""; display:block; width:12px; height:12px; position:absolute; top:50%; margin-top:-6px; right:0px;} #mMenu > div > ul > li > span a{display:block; width:100%;} #mMenu > div > ul > li.on > span:after {background:url("/m/img/icon/icon_gnb_open_close.png")no-repeat center center; background-size:cover; content:""; display:block;} #mMenu > div > ul > li > span.arnone:after{background:none;} #mMenu > div > ul > li > ul { display:none;} #mMenu > div > ul > li > ul > li { padding:0 0px;} #mMenu > div > ul > li > ul > li > a {line-height: 40px; height: 40px; background: #f4f4f4; border-bottom: 1px solid #e8ebec; padding-left: 16px; display:block; width:100%; font-size:14px;} #mMenu > div > ul > li > ul > li:last-child{padding-bottom:30px;} #mMenu > div > ul > li.mEtc {border-bottom:none;} #mMenu > div > ul > li.location span{width:100%; position:relative;background:url("/m/img/icon/icon_gnb_location.png")no-repeat right center;background-size: 34px 34px;} #mMenu > div > ul > li.location-call span{width:100%; position:relative;background:url("/m/img/icon/icon_gnb_call.png")no-repeat right center;background-size: 34px 34px;} #mMenu > div > ul > li.location >ul > li > a {float:left;} #mMenu > div > ul > li.location >ul > li > a:first-child{width:30%;} #mMenu > div > ul > li.location >ul > li > a:last-child{width:70%; padding-left:50px;background: #fafafa url('/m/img/icon/icon_gnb_call.png') no-repeat 16px 51%; background-size: 24px 24px;font-family: 'Outfit', sans-serif; font-weight:700; font-size:15px; letter-spacing:0em;} #mMenu > div > ul > li.kakao-consult span{width:100%; position:relative;background:url("/m/img/icon/icon_gnb_kakao.png")no-repeat right center;background-size: 40px 40px;} .snb {width:100%; height:60px; background:#1e499b; position:relative; z-index:10; border-top:solid 1px #ededed; border-bottom:1px solid #ededed; overflow:hidden;} .fixed .snb { position: fixed; top: 65px; right: 0; left: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .snb ul {margin:0 auto; padding:0 10px;} .snb ul li {padding:0 5px;} .snb ul li a {display:block; line-height:58px; color:rgba(255,255,255,0.5); font-size:12pt; text-align:center; font-weight:700;} .snb ul li:nth-child(1) {width:40px;} .snb ul li:nth-child(2) {width:110px;} .snb ul li:nth-child(3) {width:80px;} .snb ul li:nth-child(4) {width:90px;} .snb ul li:nth-child(5) {width:90px;} .snb ul li:nth-child(6) {width:110px;} .snb ul li:nth-child(7) {width:110px;} .snb ul li:nth-child(8) {width:80px;} .snb ul li:nth-child(9) {width:110px;} .snb ul li:nth-child(10) {width:70px;} .snb ul li.active a {color:#fff; border-bottom:solid 4px #de001b;} .snb .gnbSliderShadow {position:absolute; height:100%; width:auto; top:0; right:0; z-index:10; display:none;} .snb .gnbSliderLine {position:absolute; bottom:-2px; left:0; width:100%; height:2px; display:block; background:url("/m/img/common/gnb_slider_bottom.png"); background-size:auto 2px; background-repeat:repeat-x;} ul.slyList {display:block; height:100%;} ul.slyList li {float:left; display:block; height:100%; cursor:pointer;} ul.slyList li a {display:block; height:100%;} .snb-wr { z-index:1; display:inline-block; width:100%; text-overflow:ellipsis; white-space:nowrap;line-height:22px; font-size:16px; font-weight:700; vertical-align:top;border-bottom: 1px solid #e7eaf0;} .snb-wr span {display:block; color:#282828; font-size:15px; padding:0px 38px 0px 0px; position:relative; cursor:pointer; height:100%; line-height:48px; height:48px; width:100%; padding:0 16px; font-weight:700;} .snb-wr span:after {content:""; display:block; width:12px; height:12px; position:absolute; right:16px; top:50%; background:url("/m/img/icon/icon_gnb_open.png")no-repeat right center; background-size:12px auto !important; margin-top:-6px;} .snb-wr span.on:after { background:url("/m/img/icon/icon_gnb_close.png")no-repeat right center;} .snb-wr ul {z-index:5;position:absolute; top:124px; left:0; right:0; padding:10px 16px; 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);} .snb-wr ul li { border-bottom:1px solid #eee} .snb-wr ul li:last-child{border-bottom:0px;} .snb-wr ul li a {display:block; font-size:15px; font-weight:300;padding:10px 0px; text-align:left;} .snb-wr ul li.current a {} #snbBg {display:none; position:fixed; top:48px; bottom:0; left:0; right:0; z-index:4; background:rgba(0,0,0,0.8);} .sub-sec{width:100%; position:relative; height:auto; padding:40px 16px; } .sub-tab {display:block; padding:0 10px;margin-bottom:20px;} .sub-tab > ul{width:100%; background:#fff; display:table; table-layout:fixed; margin:0 -6px; } .sub-tab > ul li {position:relative; width:125px; text-align:center; vertical-align:middle; display:table-cell;cursor:pointer; padding:0 6px;} .sub-tab > ul li a {height:100%; font-weight:300; line-height:48px; display:block; font-size:15px; background:#f3f3f3; color:#777; border-radius:50px;} .sub-tab > ul li.current a {font-weight:500; color:#fff; background:#1e499b} .board-list{margin-top:20px;;border-top:2px solid #00256c;border-bottom:1px solid #00256c} .board-list.-fixed-item{border:1px solid #d9dbe1} .board-item{padding:20px 12px;border-top:1px solid #d9dbe1} .board-title{margin-bottom:.4rem;color:#353535; font-size:16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; letter-spacing: -0.05em;} .board-link{display:inline-block;max-width:100%;font-size:16px;font-weight:normal;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;line-height:1.5} .board-link:hover, .board-link:focus{outline:0;border-radius:.2rem !important;box-shadow:0 0 0 .2rem #fff,0 0 0 .3rem #0064de} .board-info{font-size: 14px; font-weight: normal; color: #00256c; line-height: 1.57;} .board-date:before{content:"";display:inline-block;width:1px;height:10px;vertical-align:middle;margin:0 8px 0 8px;background:#d9dbe1; line-height:1.57;} .sub-location-txt {padding-bottom:20px;} .sub-location-txt span, .mSubTit h3{font-size:15px;font-family:"Outfit", sans-serif; color:#1e499b; display:block; padding-bottom:8px; font-weight:800;} .sub-location-txt h3{font-weight:300; font-size:21px; word-break: keep-all;} .sub-location-txt h3 em{font-weight:800; color:#000} .sub-location-txt p{font-size:13px; width:100%; padding-top:10px; margin:0 auto} .boardPaging {text-align:center; padding-top:15px;} .boardPaging a {display:inline-block; width:22px; line-height:22px; border:solid 1px #ddd; text-align:center;} .boardPaging a.on {color:#1a408e; font-weight:bold;} .board-detail-head{border-top:2px solid #00256c;padding:20px 0} .board-detail-title{margin-bottom:.4rem;font-size:21px;font-weight:normal;color:#000;line-height:1.56} .board-detail-content{padding:32px 0;margin-bottom:20px; border-top:1px solid #d9dbe1;border-bottom:1px solid #d9dbe1} .board-detail-content img{width:100%;} .bDetailBtn {position:relative; padding-top:15px;} .bDetailBtn span, .bDetailBtn a {display:inline-block; padding:7px 15px; background:#1a408e; color:#fff; border-radius:8px; min-width:65px; text-align:center;} .bDetailBtn span {cursor:default; opacity:.3;} .bDetailBtnR {display:inline-block; position:absolute; top:15px; right:0;} .bDetailBtnR span, .bDetailBtnR a {margin-left:5px; background:none; border:solid 1px #1a408e; color:#1a408e;} .photo-wr{margin:0 -6px;} .photoList{display:block; width:100%;} .photoList:after{display:block; clear:both; content:"";} .photoList li {float:left; width:50%; padding:6px;} .photoList li a{display:block; width:100%; height:auto; } .photoList li a em{display:block; width:100%; padding-bottom:60%; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);border-radius: 8px; overflow:hidden;background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important; margin-bottom:8px;} .ncs-box{background:#f3f3f3; color:#777; padding:24px; margin-bottom:20px;} .ncs-box h3{font-size:17px; display:block; padding-bottom:8px;} .ncs-box {font-size:15px;} .ncs-img {display:block; margin-bottom:20px;} .ncs-img img{width:100%;} .epTitle {padding-top:25px; padding-bottom:10px; color:#434343; font-size:14pt; letter-spacing:-0.08em; line-height:1.0em; font-weight:500;} .epUnderline {border-bottom:solid 2px #434343;} .epList {} .epList li {color:#353535; font-size:11pt; line-height: 1.8em; margin:5px 0; padding-left:20px; position:relative;} .epList li:before {content:""; display:block; width:12px; height:12px; box-sizing:border-box; position:absolute; left:0; top:7px; border:solid 3px #1a408e; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;} .epList li:last-child {margin:0;} .epList li span {color:#1a408e; font-size:10pt; display:block;} .epTable {border-top:solid 2px #434343; border-bottom:solid 2px #434343; width:100%;} .epTable th {border:solid 1px #e2e2e2; background:#f2f5f7; color:#383737; font-size:9pt; letter-spacing:-0.1em; padding:9px 0; font-weight:400;} .epTable td {border:solid 1px #e2e2e2; padding:10px 8px; color:#626262; font-size:10pt; line-height: 1.5em; letter-spacing:-0.08em;} .epTable td span {color:#1a408e;} .epTable td b {color:#383737; font-weight:400;} .epSubTitle {font-size:11pt; color:#353535; letter-spacing:-0.09em; margin-top:20px; margin-bottom:10px; padding-left:20px; position:relative; font-weight:500;} .epSubTitle:before {content:""; display:block; width:12px; height:12px; box-sizing:border-box; position:absolute; left:0; top:50%; margin-top:-6px; border:solid 3px #1a408e; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;} .color194697 {color:#194697} .emp-txt {display:block;position:relative;color:#0064de;font-weight:400;font-size:15px} .emp-img{display:block; width:100%; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; overflow:hidden;webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); margin-bottom:20px;} .emp-img img{width:100%;} .emp-service{display:block; padding-top:40px; border-top:1px solid #eaeaea; margin-top:40px;} .emp-service h5{font-size:19px; display:block; font-weight:300; margin-bottom:10px;} .jobprocess{width:100%; position:relative; margin-top:40px; margin-bottom:40px;} .jobprocess li{position:relative; width:100%; background:#fff; padding:24px 24px 24px 80px; ; margin-bottom:12px; border-radius:12px;box-shadow: 0 0 1px rgb(0 0 0 / 50%);} .jobprocess li em{width:100%; display:block; font-weight:700; font-size:17px; margin-bottom:8px;} .jobprocess li p{font-size:15px; line-height:26px;} .jobprocess li strong{display:block; width:40px; height:40px; color:#fff;background: #1e499b; line-height:40px; border-radius:100%; text-align:center; position:absolute; left:24px; top:24px;font-family: 'Outfit', sans-serif; font-weight:700; font-size:13px; letter-spacing:0em;} .emp-detail{margin-top:20px;} .emp-detail *{font-size:15px;} .emp-detail dl{display:block; padding-bottom:20px;} .emp-detail dl dt{color:#1e499b; display:block; padding-bottom:10px; font-weight:bold;} .emp-detail .emp-table{display:flex; width:100%; padding-bottom:10px;} .emp-detail .emp-table h3{ padding-right:10px;} .bb10{border-bottom:10px solid #eaeaea;} .tab_con .tab_default{padding:0px 56px 0px 0px;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto; position:relative;} .tab_con .tab_default::-webkit-scrollbar{display:none;} .tab_con .tab_default {overflow-x:auto; -ms-overflow-style:none; scrollbar-width:none; white-space:nowrap; -webkit-overflow-scrolling:touch;} .tab_container ~ .section{padding-top:80px;padding-bottom:64px} .tab_container{margin-top:0px;position:relative;top:0; margin-right:-16px;} .tab_default {width:100%;display:flex;flex-wrap:wrap;} .tab_default a{display:block;margin:0 4px 4px 0;padding:7px 12px;height:40px;background:#f5f5f5;color:#949494;border-radius:40px;font-size:14px;font-weight:700;line-height:24px;} .tab_default a.current , .tab_default a:hover{background:#de001b;color:#fff;} .tab_default.multiline a {margin-top:8px} .jobAirCont {padding-top:40px;} .jobAirCont img{width:100%;} .jobAirCont h4 {padding-top:20px; padding-bottom:10px; font-size:19px; letter-spacing:-0.1em; color:#333;} .jobAirCont h5 {padding:10px 0; font-size:19px; letter-spacing:-0.1em; color:#333;} .jobAirCont h6 {font-size:16px; letter-spacing:-0.1em; color:#333; line-height:22px;} .jobAirCont p {color:#848484; letter-spacing:-0.075em; font-size:15px;} .jobAirCont table {width:100%;} .jobAirCont table th {border:solid 1px #ddd; text-align:left; color:#333; background:#f4f4f5; padding:8px; font-size:15px; font-weight:400;} .jobAirCont table td {border:solid 1px #ddd; color:#333; padding:8px; font-size:15px;} .jobAirCont ul li {position:relative; padding-left:10px; color:#848484; letter-spacing:-0.025em; font-size:15px;} .jobAirCont ul li:before {content:""; display:block; width:2px; height:2px; background:#848484; position:absolute; top:9px; left:0;} .ttTitle {display: block; align-items: baseline;} .ttTitle h3 span, .ttTitle span {font-weight: 500; font-size: 13px; margin-left: 5px; color: #1a408e;} .ttTitle h3, .sbtIpt dt, .csForm h5 {font-size: 17px; font-weight: 300; padding-bottom: 0px; margin-top: 12px; padding-top:8px; position: relative; display:block;} .ttTitle h3:before, .sbtIpt dt:before, .csForm h5:before {content:''; display: block; background: #333; height: 2px; width: 14px; position: absolute; left: 0; top: 0;} .tuitionForm h5 span {font-weight: 500; font-size: 16px; margin-left: 10px; color: #1a408e;} .tuitionTab {display: flex; flex-wrap: wrap; margin: 0 -3px -5px; padding-top:12px;} .tuitionTab li {position: relative; width: 33.33%; padding: 0 3px 5px; font-size: 15px; text-align: center; cursor: pointer;} .tuitionTab li.on a {background: #1a408e; font-weight: 700; color: #fff;} .tuitionTab li a{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 80px; width: 100%; background: #eee; border-radius: 5px; color: #000; word-break: keep-all;font-size:13px;} .tuitionTab li a span {padding-top:0px; font-weight: 400; font-size: 11px; color: #969696;} .tuitionContWrap {padding: 20px 0;} .ttTabContNote { display:block; font-weight: 500; font-size: 13px; margin-left: 0px; color: #1a408e; } .tuitionCont .ttTabContNote { margin-bottom:2px; padding-bottom:12px; border-bottom:1px solid #eaeaea; } .tuitionCont {display: none;} .tuitionCont.on {display: block;} .tuitionCont h6, .tuitionCont li{font-size: 14px;} .tuitionCont:after {content:''; display: block; clear: both;} .tuitionCont h6 {float: left; width: 100%; padding-bottom: 5px; color: #666;} .tuitionCont li + h6 {padding-top: 10px;} .tuitionCont li {float: left; width: 100%; padding: 10px 0; padding-right: 5px; position:relative; padding-left:25px;} .tuitionCont.col2 li {width:50%;} .tuitionCont li:nth-child(2n) {border-left:none;} .tuitionCont li input + label {} .teacher-wr{width:100%; padding-top:20px;} .teacherList img{width:100%;} .local-select{display: flex; margin:0 -16px 0 -6px;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto; padding-top:12px;} .local-select::-webkit-scrollbar{display:none;} .local-select li { padding: 0 3px; font-size: 12pt; color: #666666;} .local-select li:first-child{margin-left:-3px;} .local-select li input {display:none;} .local-select li input:checked + label {border-color: #1a408e; background: #1a408e; font-weight: 700; color: #fff;} .local-select li label {display: flex; align-items: center; justify-content: center; width: 100%; min-height:43px; border: 1px solid #fff; border-radius: 7px; text-align: center; word-break: keep-all; background: #fff; border-radius: 8px; border: 1px solid #dcdcdc; font-size:13px; padding:0 8px} .local-select li label {line-height: 1.4;} .sbtIpt {padding-top:10px;} .sbtIpt dd {margin-bottom:10px; } .sbtIpt dd input[type="text"], .sbtIpt dd select {display:block; height:48px; width:100%;} .sbtIpt dd textarea {height:140px; resize:none;} .sbtBox {margin:-2px;} .sbtBox span {display:inline-block; background:#bd2333; color:#fff; font-size:10pt; white-space:nowrap; padding:3px 10px 5px; margin:2px; border-radius: 8px;} .csTel:after {content:""; display:table; clear:both;} .csTel li {float:left;} .csTel li:nth-child(even) {width:5%; height:40px; line-height:40px; font-size:12pt; text-align:center;} .csTel li:nth-child(odd) {width:30%;} .csTel li select, .csTel li input[type="tel"] {display:block; width:100%; height:48px;} .tuitionCont label span{display:block; padding-left:0px; font-size:12px; color:#bd2333; padding-left:5px;} .tuitionCont li input[type="checkbox"], .tuitionCont li input[type="radio"] { display: block; position: absolute; width: 24px; height: 24px; left: 0px; top: 10px; margin-top: 0px; border: solid 1px #ddd; background: url(/m/img/icon/customer_chk.png)no-repeat center center; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; background-size: cover !important; } .tuitionCont li input[type="checkbox"]:checked, .tuitionCont li input[type="radio"]:checked {border-color:#1a408e; background:#1a408e url("/m/img/icon/customer_chk_on_wh.png")no-repeat center center;} .sbtBtn {padding-bottom:10px;} .sbtBtn a { display:block; margin:0 auto; width:100%; height:44px; line-height:44px; padding:0 20px; font-size:12pt; color:#fff; font-weight:500; position:relative; background:#1a408e; overflow:hidden; border-radius: 8px; text-align:center; -webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.13); -moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.13); box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.13); } .csAgree {padding-top:5px; text-align:right;} .csAgree:after {content:""; display:table; clear:both;} .csAgree input[type="checkbox"] { width:18px; height:18px; border-radius: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:solid 1px #282828; display:inline-block; vertical-align:middle; background:#fff; } .csAgree:after {content:""; display:table; clear:both;} .csAgree input[type="checkbox"]:checked {background: #fff url('/m/img/icon/checkbox_arrow.png')no-repeat center center; background-size:cover;} .csAgree label {font-size:12px !important; font-family:"dotum", sans-serif;} .csAgree label a {font-weight:bold;} .csAgree u {text-decoration: none;} .prvcyPage .incPrvcy {height:auto; overflow-y:visible; border:none; color:#333; font-family:"Noto Sans KR", sans-serif; font-size:10pt;} .prvcyPage .incPrvcy h4, .prvcyPage .incPrvcy h5, .prvcyPage .incPrvcy h6 {font-size:12pt;} .blocker{z-index:1300 !important} .modal h5{padding-top:20px; font-size:21px; margin-bottom:20px; display:block;} .modal .privacyTxt h3{display:none;} .modal {overflow:visible !important} .currituitionPrvcy{height:200px; padding: 12px; border: 1px solid #e8e8e8; overflow: auto; font-size:11px; margin-top:24px;} .btnType001{width:100%; margin-top:24px; position:relative; line-height:48px; background:#282828; border-radius:8px; display:block; padding:0 15px; font-size:15px; font-weight:bold; color:#fff; text-align:center;} .prvcyPage .incPrvcy h4, .incPrvcy h6 {margin-top:20px;margin-bottom: 10px;} .privacyTable th, .privacyTable td {padding: 3px;border: solid 1px #ddd;text-align:center;} .privacyTable {text-align:center;word-break: break-all;margin-top: 7px;} .csAgree details {font-size:14px;margin-top:5px;color: #666;} .csAgree summary {position:relative;padding-right:15px; list-style:none;cursor: pointer;} .csAgree details .wrap {display:flex;} .csAgree details .arrow {content: ""; display:block; width:10px; height: 10px; background: url(/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);} .csInt { background:#fff; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1); margin-bottom:40px; margin-top:12px; padding:8px 0px; } .csInt:after {content: ''; display: table; clear: both;} .csInt li {padding:5px; position:relative; padding-left:40px;} .csInt.col2 li {width: 50%; float: left;} .csInt.col3 li {width: 33.333333333%; float: left;} .csInt li:last-child {border-bottom:none;} .csInt li input[type="checkbox"] { display:block; position:absolute; width:24px; height:24px; left:15px; top:50%; margin-top:-12px; border:solid 1px #ddd; background:url("/m/img/icon/customer_chk.png")no-repeat center center; -webkit-appearance: none; -moz-appearance: none; appearance: none;; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; background-size:cover !important; } .csInt li input[type="checkbox"]:focus {outline:none;} .csInt li input[type="checkbox"]:checked {border-color:#1a408e; background:#1a408e url("/m/img/icon/customer_chk_on_wh.png")no-repeat center center;} .csInt li label {display:block; width:100%; font-size:12pt; font-family:inherit; line-height:24px; font-weight:300; word-break : keep-all;} .csInt li label span {font-size:10pt;} .csInt.col2 li label {font-size: 11pt;} .clearfix{display:block; clear:both; content:"";} .csInt h3{display:block; width:100%; font-size:15px; color:#1a408e; padding:10px 15px 10px 15px; } .pay-table table{table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;empty-cells:show; margin-bottom:20px;} .pay-table table tr th, .pay-table table tr td{border-top:1px solid #dee0e2; padding:16px;font-size:14px;} .pay-table table tr th{background-color:#f8f9fc;color:#00256c;font-weight:400;line-height:1.58;text-align:left} .pay-table table tr td{background-color:#fff;color:#555;font-weight:400;text-align:left} .payLoc {margin-bottom:10px;} .payLoc:after {content:""; display:table; clear:both;} .payLoc li {float:left; width:33.3333%; margin:3px 0;} .payLoc li:last-child {margin-right:0;} .payLoc li input[type="radio"] { display:inline-block; vertical-align:middle; width:20px; height:20px; border:solid 1px #ddd; position:relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; } .payLoc li input[type="radio"]:focus {outline:none;} .payLoc li input[type="radio"]:checked {border:solid 1px #bd2333;} .payLoc li input[type="radio"]:checked:after {content:""; display:block; background:#bd2333; position:absolute; left:4px; top:4px; right:4px; bottom:4px; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;} .payLoc li label {display:inline-block; vertical-align:middle; font-family:inherit !important; font-size:12pt;} .joinTable {width:100%; border-left:solid 2px #fff; border-right:solid 2px #fff;} .joinTable th, .joinTable td {border:solid 1px #ddd; font-size:12px; padding:10px;} .joinTable th {background-color:#f2f3f5;} .joinTable input[type="text"], .joinTable input[type="password"], .joinTable input[type="tel"], .joinTable select {height:40px; max-width:100%; min-width:auto !important; width:100%;} .joinTable label {font-size:12px;} .joinTable .inline li {display:inline-block;} .joinTable .pt10 {padding-top:10px;} .telForm {display:inline-block; width:100%;} .telForm li {display:block; width:27% !important; float:left; margin:0 !important; padding-left:0 !important;} .telForm li:nth-child(1) {width:36% !important;} .telForm li:nth-child(2), .telForm li:nth-child(4){width:5% !important; text-align:center; height:40px; line-height:40px;} .telForm li select {width:100%;} .telForm li input {width:100%;} .pay-table input{width:100%;} .postList {padding-top:0px; margin:0 -5px;} .postList:after {content:""; display:table; clear:both;} .postList li {float:left; width:50%; padding:10px 5px;} .postList li a { display:block; background:#fff; position:relative; padding:30px 10px 40px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); } .postList li a:before { content:""; display:block; width:26px; height:3px; background:#eee; position:absolute; left:50%; top:13px; margin-left:-13px; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.25); box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.25); } .postList li a:hover {-webkit-box-shadow: 0px 0px 20px 0px rgba(40,76,160,0.5); -moz-box-shadow: 0px 0px 20px 0px rgba(40,76,160,0.5); box-shadow: 0px 0px 20px 0px rgba(40,76,160,0.5);} .postList li a:after {content:""; display:block; width:60px; height:15px; background:url("/img/common/community_logo.png")no-repeat center center; background-size:100% auto; position:absolute; left:50%; margin-left:-30px; bottom:10px;} .postList li a em {display:block; width:80px; height:80px; margin:0 auto; background-size:cover !important; background-position:center center !important; border-radius: 100px 100px 100px 100px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px;} .postList li a h6 {font-family:"roboto", sans-serif; font-weight:300; color:#000; letter-spacing:-0.07em; position:absolute; right:10px; top:8px; font-size:8pt;} .postList li a h6 span {font-weight:500;} .postList li a h5 {font-size:9pt; color:#000; letter-spacing:-0.075em; font-weight:400; text-align:center; line-height:1.3em; height:65px; overflow:hidden;} .postList li a h5 div {font-size:12pt; padding:10px 0; letter-spacing:0.25em; font-weight:500;} .postList li a dl {text-align:center; margin-top:5px;} .postList li a dl dd {display:inline-block; font-size:11px; margin:0 5px; color:#aaa; font-weight:300; letter-spacing:0em;} .postList li a dl dd:first-child {padding-left:15px; background:url("/img/common/community_ico_view.png")no-repeat left center;} .postList li a dl dd:last-child {padding-left:13px; background:url("/img/common/community_ico_date.png")no-repeat left center;} .about-txt {display:block; width:100%; padding-bottom:40px;} .about-txt h3{font-size:21px; font-weight:300; padding-bottom:20px;} .about-txt h5{font-size:21px; font-weight:800; color:#1a408e; padding-bottom:20px;} .about-txt .jobprocess{margin-top:0px; margin-bottom:0px;} .aca-video{width:100%;margin:0px 0px 0px; display:block; overflow:hidden;position:relative;} .aca-video video{width:100%; margin:-7.8% 0} .aca-video h3{display:flex; width:100%; position:absolute; top:0px; left:0px; height:100%;align-items: center; justify-content: center; background: rgba(0,0,0,0.3)} .aca-video h3 span{font-size:27px;font-family:"Outfit", sans-serif; color:#fff; font-weight:800; letter-spacing:0px;} .seminar-wr{margin:0 -6px;} .seminarList{display:block; width:100%;} .seminarList:after{display:block; clear:both; content:"";} .seminarList li {float:left; width:50%; padding:6px; padding-bottom:24px;} .seminarList li a{display:block; width:100%; height:auto; } .seminarList li a em{display:block; width:100%; padding-bottom:140%; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);border-radius: 8px; overflow:hidden;background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important; margin-bottom:8px;} .interiorArea img{width:100%;} .locationInfo h3 {padding-top:0px; padding-bottom:20px; color:#434753; font-size:17px; line-height:1.0em; letter-spacing:-0.1em; font-weight:400;} .locationInfo table {width:100%; font-size:10pt;} .locationInfo table tr {border-top:dotted 1px #aaa; border-bottom:dotted 1px #aaa;} .locationInfo table th {padding:2%; text-align:left;} .locationInfo table td {padding:2%;} .locationBus {padding-left:20px; position:relative;} .locationBus:after {content:""; position:absolute; display:block; width:10px; height:10px; left:0; top:8px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .locationBus.busGreen:after {background:#30bb37;} .locationBus.busBlue:after {background:#2368e6;} .locationBus.busRed:after {background:#df0a0a;} .busanBus {vertical-align:middle; margin-bottom:5px;} .busanBus span {display:inline-block; vertical-align:middle; color:#fff; letter-spacing:-0.075em; padding:2px 4px; font-size:12px; margin-right:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .busanBus .bbGreen {background:#18afa3;} .busanBus .bbYeondoo {background:#44ba42;} .locationTab {display:inline-block; width:100%; margin-bottom:40px; text-align:center;} .locationTab li {display:inline-block; width:31%; height:40px; padding:0 1%; } .locationTab li a {display:block; height:100%; line-height:40px; text-align:center; color:#333; font-size:10pt; letter-spacing:-0.075em;border:solid 1px #534b51;background:#fff;} .locationTab li.current a {color:#fff;background:#1a408e;} .root_daum_roughmap {width:100% !important} .locationInfo{padding-top:20px;} .mapArea{padding:0 0px;} .root_daum_roughmap .wrap_btn_zoom, .ttalk200_layer .tt_inputWrap, .ttalk200_layer .ttalk200_total_count{z-index:2 !important;} .curriMain {padding:25px 0px 0px 0px; text-align:center;} .curriMain ul {display:block; text-align:left;} .curriMain ul li {margin-bottom:40px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);border-radius: 8px; overflow:hidden;} .curriMain ul li:last-child{margin-bottom:0px;} .curriThumb {display:block;} .curriThumb img {width:100%;} .curriDesc {padding:20px;} .curriDesc h5 {font-size:15pt; color:#444; letter-spacing:-0.075em; font-weight:600;} .curriDesc p {font-size:9pt; margin-top:6px; font-weight:300; padding-bottom:15px;} .curriDesc span { display:block; margin:0 auto; width:100%; height:44px; line-height:44px; padding:0 20px; font-size:12pt; color:#fff; font-weight:500; position:relative; background:#1a408e; overflow:hidden; border-radius: 8px; text-align:center; -webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.13); -moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.13); box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.13); } .curri-video video{width:100%;} .curri-top-txt {padding:40px 16px 20px; text-align:center;} .curri-top-txt h3{font-weight:300; font-size:25px; line-height:1.4; letter-spacing:-0.025em;} .curri-wr{padding:0 16px 40px; background:#f3f4f8 url('/m/img/curriculum/curri-info-bg.jpg') left -30px repeat-x;} .curri-info{display:block; width:100%; margin-bottom:40px;position:relative; padding:20px; background:#fff;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);border-radius: 8px;} .curri-info .h2 {position: relative;padding-top: 20px;margin-bottom: 12px;} .curri-info .h2:before { content: ''; position: absolute; left: 0; top: 0; width: 3rem; height: 0.3rem; background-color: #8be0f8;} .curri-info:last-child{margin-bottom:0px;} .h2{color:#00256c;font-weight:700;font-size:17px;line-height:18px; display:flex;} .h2 span{display:inline-block; font-size:11px; line-height:18px; padding:0 5px; margin:0 5px; background:#1a408e; color:#fff; border-radius:18px; font-weight:300} .h2 em{font-size:12px; color:#de001b; font-weight:300} .curri-cont {} .curri-cont ul li{font-size:13px; color:#666; position:relative; padding:8px 0 0 25px;} .curri-cont ul.col2 li{width:50%; float:left;} .curri-cont ul li:before{ display: block; position: absolute; width: 16px; height: 16px; left: 0px; top: 10px; margin-top: 0px; border: solid 1px #ddd; background: #fff url(/m/img/icon/customer_chk.png)no-repeat center center; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; background-size: cover !important; content:""; } .curri-cont ul.stwclass li:before, .curri-cont ul.benefit li.active:before{background:#1a408e url(/m/img/icon/customer_chk_on_wh.png)no-repeat center center ;border: solid 1px #1a408e; } .curri-cont ul.benefit li.active{font-weight:600; color:#1a408e;} .curri-cont ul.stwclass li h3{font-size:14px;} .curri-cont ul li span{display:inline-block; padding:0px 5px; line-height:16px; border-radius:16px; border:1px solid #1a408e; font-size:11px; margin-left:10px} .curri-cont ul:after{display:block; clear:both; content:"";} .curri-deco{display:block; position:relative;} .curri-deco img{width:40px; position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px;} .curri-metor{background:#f3f4f8; padding-bottom:40px;} .curri-metor-cont {padding:0 16px;} .curri-metor-cont ul li {display:block; width:100%; overflow:hidden;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);border-radius: 8px; background:#fff;} .curri-metor-cont ul li + li {margin-top:30px;} .curri-metor-cont ul li img{width:100%;} .curri-metor-cont ul li dl {padding:20px; font-size:13px;} .curri-metor-cont ul li dl dt{padding-bottom:12px;font-size:15px; font-weight:800;} video[poster]{width:100%;} .ov-stw .sub-location-txt span { font-size: 15px; font-family: "Outfit", sans-serif; color: #de001b; display: block; padding-bottom: 8px; font-weight: 800; } .ov-stw .curri-cont ul.benefit li.active{font-weight:600; color:#282828;} .ov-stw .curri-cont ul.stwclass li:before, .ov-stw .curri-cont ul.benefit li.active:before{background:#de001b url(/m/img/icon/customer_chk_on_wh.png)no-repeat center center ;border: solid 1px #de001b; } .ov-stw .h2 span{display:inline-block; font-size:11px; line-height:18px; padding:0 5px; margin:0 5px; background:#777; color:#fff; border-radius:18px; font-weight:300} .ov-stw .h2 {color:#282828} .ov-stw .curri-info .h2:before { content: ''; position: absolute; left: 0; top: 0; width: 3rem; height: 0.3rem; background-color: #f88b8b;} .ov-stw .curri-cont ul li span{display:inline-block; padding:0px 5px; line-height:16px; border-radius:16px; border:1px solid #de001b; font-size:11px; margin-left:1 0px; color:#de001b} .ov-stw .curri-cont ul.ov-stwclass li:before{ margin-top: 0px; border: solid 0px #ddd; background-image: none !important; background: none !important; } .ov-stw .curri-cont ul.ov-stwclass li{font-size:13px; color:#666; position:relative; padding:8px 0 0 0px;} .ov-stwclass dl{padding:12px 12px; background:#fafafa; border-radius:8px;} .ov-stwclass dl dt{display:block; width:100%; font-size:15px;color:#de001b; padding-bottom:10px;} .ov-stwclass dl dd{padding-left:12px; font-size:13px; width:100%; position:relative;} .ov-stwclass dl dd:after {position:absolute; display:block; width:4px; height:4px; border-radius:100%; background:#de001b; left:0px; top:10px; margin-top:-1px; content:"";} .ov-stwclass dl dd:first-child::after {top:6px;} .ov-stwclass dl dd + dd{padding-bottom:8px;} .disblock{display:block !important;} .stwd-cont{display:flex;align-items: center; padding:8px 12px; background:#02b6d7; font-size:21px; margin-bottom:10px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);border-radius: 8px;} .stwd-cont dt img{height:40px;} .stwd-cont dd{font-size:15px; color:#fff; font-weight:bold; padding-left:8px;} .stwd-txt{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #eaeaea} .stwd-txt:last-child{padding-bottom:0px; margin-bottom:0px; border-bottom:0px solid #eaeaea} .stwd-txt h3{font-size:15px; display:block; padding-bottom:8px;} .stwd-txt span{font-size:13px; color:#666} .curri-detail-img{} .curri-detail-img img{width:100%;} #ctBg {position:fixed; top:0; bottom:0; left:0; right:0; z-index:1100; background:rgba(0,0,0,0.7); display:none;} #curriTuition { position:fixed; left:0; right:0; bottom:-200%; z-index:1200; background:#fff; padding:30px 16px; max-width:750px; margin:0 auto; -webkit-box-shadow: 0px -2px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px -2px 4px 0px rgba(0,0,0,0.3); box-shadow: 0px -2px 4px 0px rgba(0,0,0,0.3); height:100%; overflow-y:auto; } .btn_bottom { display: block; -webkit-transition: all 0.8s; transition: all 0.8s; padding: 64px 0 16px; background-image: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.32) 7%, rgba(255,255,255,0.48) 9%, rgba(255,255,255,0.64) 13%, rgba(255,255,255,0.76) 17%, rgba(255,255,255,0.88) 21%, rgba(255,255,255,0.94) 24%, rgba(255,255,255, 0.96) 27%, rgba(255,255,255,0.98) 32%, #ffffff 36%, #ffffff 74%); } .btn_bottom.fix { position:fixed; right:0; bottom:0; left:0; z-index:3; transform:translateZ(0); /* padding-right:12px; padding-left:12px; */ padding:50px 16px calc(constant(safe-area-inset-bottom) + 16px ); padding:50px 16px calc(env(safe-area-inset-bottom) + 16px ); } .quick-btn{display:block; flex:1; text-align:center; padding:17px 4px; height:48px; line-height:14px; border-radius:8px; width:100%; background:#de001b; color:#fff} .quick-btn span{font-weight:700; display:inline-block; position:relative; vertical-align:top; } .qkInt{display: block; padding-top:12px; margin:0 -3px;} .qkInt li { padding: 3px; font-size: 12pt; color: #666666; width:50%; float:left;} .qkInt:after{content:""; display:block; clear:both;} .qkInt li input {display:none;} .qkInt li input:checked + label {border-color: #1a408e; background: #1a408e; font-weight: 700; color: #fff;} .qkInt li label {margin-left:0px;display: flex; align-items: center; justify-content: center; width: 100%; min-height:43px; border: 1px solid #fff; border-radius: 7px; text-align: center; word-break: keep-all; background: #fff; border-radius: 8px; border: 1px solid #dcdcdc; font-size:13px; padding:0 8px} .qkInt li label {line-height: 1.4;} .qckClose {display:block; width:64px; height:64px; position:absolute; right:0px; top:0px; background:url("/m/img/icon/icon_gnb_close.png")no-repeat center center; background-size:64px auto; text-indent:-9999px;} .mSubTit { position: relative;} #subTuition{display:block; width:100%; padding:40px 16px; border-top:10px solid #eaeaea;} .mSubTit span{display:block;} .mSubTit h2{font-size: 20px; display: block; padding-bottom: 8px; font-weight: bold;} /* 로그인 */ .memberLoginArea {padding:40px 0px; border:solid 1px #cecece; border-top:solid 3px; #343434; background-color:#f1f5f8; text-align:center;} .memberLoginArea ul {display:inline-block;} .memberLoginArea ul li {display:inline-block; width:100%; padding: 0 20px; margin-bottom:10px;} .memberLoginArea ul li input {width:100%; height:60px; background-color:#fff; border:solid 1px #e4e4e4; padding-left:10px; transition: background-color 5000s ease-in-out 0s;} .memberLoginArea ul li a {width:100%; padding:13px 68px;} .memberLoginBtnSet {width:100%; display:inline-block; border:solid 3px #e8ecee; margin-top:10px;} .memberLoginBtnSet li {width: 100%; display:inline-block; padding:30px; float:left; text-align:center;} .memberLoginBtnSet li:first-child {border-bottom:solid 3px #e8ecee;} .memberLoginBtnSet li h4 {font-size:17px; color:#333; letter-spacing:-0.055em; font-weight:400; padding-bottom:5px;} .memberLoginBtnSet li p {font-size:13px; color:#757575; letter-spacing:-0.03em; font-weight: 300; padding-bottom:10px;} .memberLoginBtnSet li a {display:inline-block; margin-top:10px; font-size:14px; width:160px !important; min-width:160px !important;} .memberLoginBtnSet a {display:inline-block; padding:7px 68px 7px 18px; color:#35383f; font-size:16px; font-weight:400; letter-spacing:-0.1em; border:2px solid #35383f; border-radius:100px; white-space:nowrap; background: rgba(0,0,0,0.0) url("/img/job/job_system_btn_arrow_bk.png") 90% center no-repeat;} .memberLoginArea .btnType01 { display:inline-block; text-align:center; padding:7px 0; margin-top: 10px; min-width:260px; color:#fff; font-size:20px; white-space:nowrap; border-radius: 3px; font-weight:400; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background: #333; } /* 회원가입 */ .comBg .snb-wr span {display: none;} .joinSubWrap {word-break: keep-all;} .joinSubWrap .joinAgreeBox {width:100%; height:160px; padding:15px; font-size:10pt; line-height:1.6em; font-weight:300; letter-spacing:-0.075em; border:solid 1px #ddd; overflow:scroll; background:#f6f6f6; border-radius: 8px; margin-top: 15px;} .joinSubWrap .joinAgreeBox h2 {font-size:11pt; padding-top:10px; padding-bottom:5px; color:#333;} .joinSubWrap .joinAgreeBox p {font-size:10pt; color:#666;} .joinSubWrap .joinChkAgree {margin-top:8px; position: relative;} .joinSubWrap .joinChkAgree input[type="checkbox"] {position: absolute; top: 1px; left: 0px;} .joinSubWrap .joinChkAgree label {font-size:9pt; letter-spacing:-0.075em; margin-left:24px; font-weight:400;} .joinSubWrap .JoinBtn {text-align:center; padding-top:30px; display: flex; /* width: 73%; */ justify-content: space-between; margin: 0 auto;} .joinSubWrap .JoinBtn a {min-width:120px !important; margin: 0 10px;} .joinSubWrap .joinIdChkBtn {display:inline-block !important; width:55px !important; background:#152129; color:#fff; font-size:9pt; margin-left:4px; line-height:30px; height:30px; text-align:center; float:left;} .joinSubWrap .joinInputInfo {padding:2px; font-size:9pt; color:#555;} .joinSubWrap .joinInputList {display:inline-block; width:100%;} .joinSubWrap .joinInputList li {display:inline-block; width:50%; float:left; padding:3px 0px;} .joinSubWrap .joinInputList li label {margin-left:4px;} .joinSubWrap .joinClassList li {width:100% !important;} .joinSubWrap .joinInputLabel {margin-left:4px; margin-right:10px;} .joinSubWrap .joinDesc {display:block; color:#aaa; font-size:9pt; margin-top:5px; word-break: keep-all;} .joinSubWrap .joinIDInput {width:70% !important; float:left;} .joinSubWrap .joinIdChk {width:30%; float:left; background:#002882; height:40px; line-height:40px; color:#fff; text-align:center; font-size:9pt;} .joinSubWrap .addressInput {margin-top:5px !important;} .joinSubWrap .joinFind {display:inline-block; width:100%; margin-top:30px;} .joinSubWrap .joinFind li {display:inline-block; width:100%; text-align:center; padding:2px 0px;} .joinSubWrap .joinFind li span {font-size:10pt; display:inline-block; width:125px; color:#555;} .joinSubWrap .joinFind li a {display:inline-block; width:80px; height:20px; line-height:20px; border-radius:3px; background-color:#eee; color:#333; font-size:9pt; text-align:center; margin-left:7px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);} .joinSubWrap .joinSuccess {padding:50px 20px; text-align:center; display:block; border:solid 3px #e8ecee; background:#fff; border-radius: 15px; margin-top: 20px;} .joinSubWrap .joinSuccess h4 {font-size:14pt; font-weight:400; letter-spacing:-0.1em;} .joinSubWrap .joinSuccess p {font-size: 11pt; padding-top:20px;letter-spacing:-0.075em; margin: auto; color: #666 !important; font-weight: 300; line-height:1.4em;} .joinSubWrap .joinSuccess ul {display:inline-block; margin-top:20px; width:100%; text-align:center;} .joinSubWrap .joinSuccess ul li {display:inline-block; width:40%;} .joinSubWrap .joinSuccess ul li a {display:inline-block; margin:0px 3px; width:100%; /* min-width:120px !important; */ line-height:40px;} .joinSubWrap .myInfoTable tr td {height:52px;} /* 회원가입 tuitionTable */ .joinStepTableWrap {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 10%); -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 10%); overflow: hidden; margin-bottom: 40px;} .joinStepTableWrap input[type='text'], input[type='password'], input[type='tel']{width: 100%;} .joinStepTableWrap .joinIdChk {margin-left: 10px; width: 25%; border-radius: 10px; margin-top: 3px; min-width: 50px;} .joinStepTableWrap .tuitionTable tr td ul li input[type="radio"] {top: 3px; left: 0px;} .joinStepTableWrap .JoinBtn {width: 100%;} .joinStepTableWrap.joinPrivacy .tuitionTable tr td ul li input[type="radio"] {left: -13px; top: 3px;} .joinStepTableWrap .tuitionTable {width:100%; font-size:10pt; } .joinStepTableWrap .tuitionTable tr th {height:57px; text-align:center; padding:4px; background:#fff; color:#1a408e; font-weight:700; /* border:solid 1px #b8b9ba; font-size: 15px; */ word-break: keep-all;} .joinStepTableWrap .tuitionTable tr td {height:57px; padding:8px 10px; background:#fff; /* border:solid 1px #b8b9ba; */} .joinStepTableWrap .tuitionTable tr td ul {display:flex; width:100%;} .joinStepTableWrap .tuitionTable tr td ul li {display:inline-block; margin:5px 0; width:49%; float:left; position:relative; /* padding-left:26px; */} .joinStepTableWrap .tuitionTable tr td ul li input[type="checkbox"], .joinStepTableWrap .tuitionTable tr td ul li input[type="radio"] {position:absolute; top:4px; left:0;} .joinStepTableWrap /* .tuitionTable tr td ul li label {margin-left:24px;} */ .joinStepTableWrap .tuitionTable tr td ul.col10 li {width:10%;} .joinStepTableWrap .tuitionTable tr td ul.col8 li {width:12.5%;} .joinStepTableWrap .tuitionTable tr td ul.col6 li {width:16.6666666666%;} .joinStepTableWrap .tuitionTable tr td ul.col5 li {width:20%;} .joinStepTableWrap .tuitionTable tr td ul.col4 li {width:25%;} .joinStepTableWrap .tuitionTable tr td ul.col3 li {width:33.3333333333%;} .joinStepTableWrap .tuitionTable tr td ul.col2 li {width:50%;} .joinStepTableWrap .tuitionTable tr td ul.col2.genderCheck li label {margin-left: 30px;} .joinStepTableWrap .tuitionTable tr td ul.col1 li {width:100%;} .joinStepTableWrap .tuitionDesc {color:#2e3138; letter-spacing:-0.075em; padding-top:10px;} #Div_Cousrse2 {color:#1a408e;} /* 사이트맵 로그인 버튼 */ .sitemapMember {padding:0 15px; height:43px; border-bottom:solid 1px #d7d7d7; position:relative; background:#ededed;} .sitemapMember .gnbMemLogin {color:#002882 !important; font-size:11pt; letter-spacing:-0.075em; font-weight:300; line-height:43px; display:inline-block;} .sitemapMember .gnbMemLogin span {font-weight:600;} .sitemapMember .gnbMemMenu {position:absolute; top:7px; right:15px; } .sitemapMember .gnbMemMenu a {display:inline-block; border-radius:8px; padding:4px 6px; color:#002882; font-size:10pt; background: #1a408e; height: 30px; color: #fff; font-weight: 500; line-height: 30px; padding: 0 15px;} .sitemapMember .gnbMemTxt {font-weight:600; font-size:10pt; line-height:20px; color:#002882; padding-top: 10px;} .sitemapMember .gnbMemTxt span {font-weight:400;} /* 221213 가이드북 페이지 */ .guideBook {word-break: keep-all;} .guideBook>li>span>img {width: 40vw;} .guideBook>li {margin-top: 30px; text-align: center; box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 15%); -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 15%); -moz-box-shadow: 0px 0px 5px 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; padding: 10px;} .guideBook>li:nth-child(1) {margin-top: 0px;} .guideBook .guideBookTxts img {width: 65vw;} .guideBook p {font-size: 9pt; padding: 10px 0px;} .guideBook .guideBookTxts h4{color: #1e499b; margin-top: 5px; font-size: 8pt;} .guideBook .guideBookTxts h3 {font-size: 11pt;} .guideBook .guideBookTxts h5 {font-size: 8pt; padding-bottom: 5px; color: #1e499b; font-weight: 300;} .guideBook .guideBookTxts h6 {font-size: 8pt; color: #999; font-weight: 300;} /* 221221 메인 항공계이동 */ .air-branch-wrap{padding: 8px 16px 8px;} .air-branch {width:100%; display:flex; margin: 0 -3px;} .air-branch > li {margin: 0 3px;} .air-branch > li a {display: flex; align-items: center; padding:0 17px; height:35px;background:#f5f5f5;color:#949494; border-radius:40px;font-size:14px;font-weight:700;} .air-branch > li.on a{background:#de001b;color:#fff;} /* 230419 수강생후기 안내문구 추가 */ .tTalkWar {margin-bottom:5px; font-size: 12px; margin-bottom: 10px;} .tTalkWar img {width: 10px; height: 10px; margin-right: 5px; } .tTalkWar span {color:#ed1f24; font-weight:500; text-decoration:underline;} /* 240125 헤드헌터 랜딩 */ .ht-img {width: 100%;} .ev-hunter .sub-sec {padding-top: 20px;} .ev-gnb .container {display: flex; justify-content: space-between; padding: 8px 25px;} .ev-logo {width: 140px; display: block;} .ev-logo img {width: 100%;} .ev-logo h1 {position: absolute; width: 1px; height: 1px; overflow: hidden;} .gnb-call {display: flex; align-items: center; font-size: 15px;} .gnb-call i {width: 25px; margin-right: 5px;} .gnb-call i img {width: 100%;} .gnb-call strong {font-weight: 700; color: #194697;} .ev-ht-flow {display: flex; gap: 0 15px; animation: ani-flow 20s linear infinite;} .ev-ht-flow img {width: 784px;} @keyframes ani-flow { 0%{ -webkit-transform: translateX(0); } 100%{ -webkit-transform: translateX(-150%); } } .ev-tuition-wrap > dl dt {margin-bottom: 18px; font-weight: 700; font-size: 15px; color: #282828;} .ev-tuition-wrap > dl dt span {font-weight: 400;} .ev-tuition-wrap > dl dd {margin-bottom: 32px;} .ev-input-wrap input, .ev-input-wrap select {height: 50px; padding: 0 20px; border-color: #282828; border-radius: 12px; font-size: 13px; color: #111;} .ev-tuition-wrap input::placeholder, .ev-tuition-wrap textarea::placeholder {font-size: 13px; color: #898989;} .ev-input-wrap input[type='text'] {width: 100%;} .ev-tel-wrap {padding-top: 10px;} .ev-tel-wrap select, .ev-tel-wrap input {width: calc(33.33% - 27px);} .ev-tel-wrap .csTel {display: flex; align-items: center;} .ev-tel-wrap .csTel li:nth-child(even) {color: #282828;} .ev-tuition-interest {display: flex; flex-wrap: wrap; gap: 10px 20px} .ev-tuition-interest > li {display: flex; align-items: center;} .ev-tuition-interest > li input[type='checkbox'] {width: 15px; height: 15px; border-radius: 100%; border: 1px solid #282828; -webkit-appearance: none;} .ev-tuition-interest > li input[type='checkbox']:checked {background: #205295; border: none;} .ev-tuition-interest > li input[type='checkbox']:checked:after {content: none;} .ev-tuition-interest > li input[type='checkbox']:checked + label {font-weight: 700; color: #000;} .ev-tuition-interest > li label {margin-left: 10px; font-size: 13px; color: #898989;} .ev-tuition-wrap > dl textarea {padding: 20px; border-color: #282828; border-radius: 12px;} .ev-tt-enroll {text-align: center;} .ev-tt-enroll > a {display: block; padding: 15px 0; background: #205295; border-radius: 13px; font-weight: 700; font-size: 18px; color: #fff;} .fixed .air-branch-wrap { position: fixed; top: 125px; right: 0; left: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.12); z-index:999; background:#fff; }