/* ========== navigation ========== */
/*body { padding-top: 102px; }*/
#topNavWrap { position: fixed; top: 0; z-index: 9000; background-color: #fff; }
#topNavWrap .mNav { position: absolute; right: 20px; top: 20px; }
#topNavWrap .mNav .burger { width: 30px; height: 60px; padding: 20px 0px; position: relative; margin: 0 0 0 10px; cursor: pointer; }
#topNavWrap .burger .burger-line { width: 100%; height: 4px; border-radius: 5px; background-color: #598dc9; margin: 0 auto 4px; transition: all 0.2s ease-in-out; }
#topNavWrap .burger.active .burger-line:first-child { width: 70%; transform: translateX(7px) translateY(2px) rotate(45deg); }
#topNavWrap .burger.active .burger-line:nth-child(2) { width: 80%; }
#topNavWrap .burger.active .burger-line:last-child { width: 70%; transform: translateX(7px) translateY(-2px) rotate(-45deg); }
#topNavWrap .burger .burger-line:last-child { margin-bottom: 0; }
#top_nav { width: 100%; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; transition: all 0.25s ease-in; padding: 0; z-index: 9999; }
.nav_wrap { width: 100%; height: 100vh; position: absolute; top: 100px; left: 0; transform: translateX(100%); background: rgba(247,244,239,0.5); z-index: 9999; display: none; }
.nav_wrap.open { width: 100%; transform: translateX(0%); transition: all 0.5s ease-out; display: block; }
.nav_wrap #top_nav .gnb .gnbsub.clickevent { color: #598dc9; font-weight: 700;  }
#top_nav>li { width: 100%; }
#top_nav .gnb .lnb { position: relative; z-index: 1; width: 100%; height: auto; display: flex; flex-direction: column; top: 0; left: 0; transform: translateY(0%); transition: transform 0.5s ease-out; text-align: center; }
#top_nav .gnb .lnb li { width: 100%; height: 50px; line-height: 50px; text-align: center; position: relative; }
#top_nav .gnb .lnb li > a { width: 100%; height: 50px; display: block; background: #f1f3f5; }
#top_nav .gnb .lnb li::after { position: absolute; content: ''; width: 100%; height: 1px; bottom: 0; left: 0; background: #e6eff8; }
#top_nav .gnb .lnb li:last-child::after{ display: none; }
#top_nav .gnb .lnb li:hover > a { font-weight: bold; color: #598dc9; }
#top_nav ul>li>a { padding: 0; }


/* ========== footer ========== */
#footer { flex-direction: column; padding-bottom: 30px; }
#footer .line { display: none; }
#footer .logo { height: auto; flex: none; }
#footer .logo img { margin: 30px auto; }
#footer .text .pane { width: 100%; margin: 0 auto; }
#footer .text .pane i { margin-left: 0; }
#footer .text .pane i.fa-fax { margin-left: 10px; }


/* ========== index.php ========== */
/* top banner */
#mainVisual  { margin-top: 102px; }
#mainVisual .txt_area { margin-top: 45%; }
#mainVisual .txt_area .tit { font-size: 2.50em; margin-left: 30px; }
#mainVisual .txt_area .txt { margin-left: 30px; }
#mainVisual .txt_area .txt br { display: none; }

/* notice */
.notice .inner_box { display: flex; flex-direction: column; height: 200px; width: 90%; }
.notice .inner_box .cont_box { position: unset; margin: 0 auto; margin-top: 30px; }
.txt_box .ceti_lt ul { margin-top: 10px; }
.txt_box .ceti_lt .ceti_notice a { padding-left: 10px; }
.txt_box .ceti_lt .ceti_notice a:before { left: 0; }
.notice_tit { width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/* 과정안내 */
.course .course-wrap .course-cont-wrap { flex-direction: column; align-items: center; }
.course .course-wrap .course-cont-wrap .course-img { width: 85%; justify-content: center; margin: 0; margin-bottom: 30px; }
.course .course-wrap .course-cont-wrap .course-img img { width: 100%; height: auto; }
.course .course-wrap .course-cont-wrap .course-cont { width: 80%; }
.course .swiper-button-next, .course .swiper-button-prev { display: none; }
.course .course-wrap h2 { font-size: 20px; line-height: 28px; width: 90%; margin: 0 auto; margin-bottom: 30px; }
.course .course-wrap .course-cont-wrap .course-cont .cont-tit { font-size: 16px; line-height: 23px; }
.course .course-wrap .course-cont-wrap .course-cont .cont-txt { font-size: 14px; line-height: 21px; }
.course .course-wrap .course-cont-wrap .course-cont .cont-icon img { width: 23px; }
.course .course-wrap .course-cont-wrap .course-cont .cont-icon { margin-right: 5px; }
.course .swiper-pagination2 { left: 0 !important; display: flex; justify-content: center; }

/* ceti's specialty */
#inc01 { margin-top: 0; }
.spec .spec_inner { padding: 0; }
#inc01 .tit_area { width: 100%; display: flex; flex-direction: column; }
#inc01 .tit_area .tit { margin-top: 30px; margin-bottom: 15px; font-size: 2.5em; text-align: center; }
#inc01 .tit_area .tcont { font-size: 0.88em; text-align: center; margin-bottom: 50px; }
#inc01 .tit_area .tit span { display: inline-block; margin-right: 20px; }
#inc01 .img_slider { position: initial; padding: 30px 0; }
.spec_tabs { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; }
#inc01 .swiper-pagination { margin-top: 20px; }
.spec_tabs span+span { margin: 0; }
.spec_tabs span.swiper-pagination-bullet-active:after { width: 15px }
.spec_tabs span { padding-left: 0px; }
.spec_tabs span.swiper-pagination-bullet-active { padding-left: 20px; }
#inc01 .img_slider ul li { width:  500px; }
#inc01 .img_slider { width: 100%; margin: 0 auto; }
.swiper-control { display: none; }
#inc01 .img_slider ul li.swiper-slide-active { background-color: #fff; }

/* QnA */
.list_box { width: 90%; }
.list_box li { padding: 20px; }
.list_box li a { display: initial; }
.list_box li .date { margin-bottom: 18px; font-size: 1.13em; }
.list_box li .text_box { padding: 0; }
.list_box li .text_box .tit { position: relative; }
.list_box li .text_box .arr { position: absolute; right: 0; bottom: -50px; }
.more { right: 8%; top: 245px; }
.more::before { margin-left: 50px; }

/* fame */
#sec04 .review_late { width: 90%; }
#sec04 .review_late ul { display: block; margin: 0 auto; }
#sec04 .review_late ul li { width: 100%; }
#sec04 .review_late ul li:nth-child(odd) { margin-right: 0; }
#sec04 .review_late .cont .subj { line-height: 20px;}
#sec04 .review_late .cont .txt { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.modal-type1 .modal-header { position: relative; }
.modal-type1 .modal-header .modal-close { display: block; width: 10px; position: absolute; right: 20px; top: 10px; cursor: pointer; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(99deg) brightness(200%) contrast(100%); }
.modal-type1 { width: 80% !important; margin-top: 20px !important; }
.modal-type1 .modal-body { min-height: 400px !important; max-height: 450px !important; }
#sec04 .review_late .date img { width: auto; height: 100%; }
#sec04 .review_late div { z-index: 9999; }

/* section5 */
#sec05 ul { flex-direction: column; width: 100%; height: 1150px; margin: 0 auto; }
#sec05 ul li { width: 100%; height: 33%; padding-top: 50px; pointer-events: none; padding: 30px 0; }
#sec05 ul li .txt { width: 100%; }
#sec05 ul li .txt p { margin-top: 20px; font-size: 2em; }
#sec05 ul li .txt div { width: 80%; height: auto; padding: 0 30px; white-space: unset; opacity: 1; margin-top: 30px;  }
#sec05 ul li:nth-child(1) .txt div { width: 90%; padding: 0; }
#sec05 ul li { background:rgba(0,0,0,.3); border: 1px solid rgba(255,255,255,.3); }
.major_review .review .review_txt { width: 63vw; margin: 0 auto; transform: translateX(3%); padding: 14px 20px 24px 60px; z-index: -999; }
.major_review .review .review_img { height: 92px; left: -3%; }
.major_review .review .review_txt span { display: none; }
.major_review .review .review_txt h2 { line-height: 22px; }
.major_review .review .review_txt p { margin-top: 8px; }
.modal-type2 { width: 80% !important; margin-top: 20px !important; }
.modal-type2 .modal-body { min-height: 400px !important; max-height: 450px !important; }
.modal-type2 .modal-body h1 { line-height: 35px; }

/* popup */
#popup { top: 70px; left: 10px; width: 340px; }


/* ========== greeting.php ========== */
.greeting_banner { margin-top: 102px; }
.greeting_banner .txt1 h2 br { display: none; }
.greeting_banner .txt1 h1 { line-height: 80px; }
.greeting_banner .txt1 p { line-height: 25px; }
.greeting_sec1 h1 span::after { width: 210px; }
.greeting_sec1 h2 { font-size: 2.50em; padding: 0 15px; line-height: 50px; }
.greeting_sec1 h3 { font-size: 1.44em; padding: 0 15px; }
.greeting_sec1 h3 br { display: none; }
.greeting_sec2 h2 { font-size: 1.44em; padding: 0 20px; }
.greeting_sec2 h1 { font-size: 1.44em; padding: 0 20px; }
.greeting_sec3 h1 { font-size: 2.81em; margin: 100px 20px 60px 20px; letter-spacing: -4px; }
.greeting_sec3 h2 { font-size: 1.88em; margin: 0 20px; line-height: 40px; margin-bottom: 100px; }
.circle-outer .circle-inner::after, .col-line::after, .history-box::before { display: none; }
section.history { width: 95%; }
.history-wrap { width: 90%; }
.history-wrap .history-cont { margin-left: 0; width: 90%; padding: 40px 30px 30px 30px; line-height: 25px; font-size: 15px; }
.history-wrap .history-cont p { margin-bottom: 10px; }
.circle-outer, .circle-outer .circle-inner { display: none; }


/* ========== price.php ========== */
.price_banner { margin-top: 102px; }
.price_banner .tit { padding: 150px 10%; }
.tabs { width: 90%; }


/* ========== location.php ========== */
.location_banner { margin-top: 102px; }
.location_banner .tit { padding: 180px 10%; }
#map1, #map2 { width: 90%; }
.ceti_location .location_tab { width: 90%; }
.ceti_location .location_txt p { font-size: 1.13em; padding: 20px 20px; }
.ceti_location .location_txt p span { margin-left: 40px; }
.ceti_location .location_txt p br { display: block; }
.ceti_location .location_txt p i { margin-left: 0; }


/* ========== curriculum.php ========== */
.curriculum_banner { margin-top: 102px; }
.curriculum_banner .tit { padding: 180px 10%; }
.curr_wrap .curr01 { padding: 30px 20px; }
.curr_wrap .curr01 p { font-size: 0.94em; }
.curr_wrap .curr02 { width: 90%; }
.curr_wrap .curr02 .curr02_inner { display: block; }
.curr_wrap .curr02 .curr02_inner .txt { width: 100%; font-size: 1.56em; text-align: center; }
.curr_wrap .curr02 .curr02_inner .txt h1 { font-size: 1.5em; }
.curr_wrap .curr02 .curr02_inner .img { width: 70%; margin: 50px auto; }
.curr_wrap .curr03 .curr03_inner { display: block; }
.curr_wrap .curr03 .curr03_inner .img { margin: 10px auto; width: 100px; height: 100px; }
.curr_wrap .curr03 .curr03_inner .img img { width: 70px; height: 70px; }
.curr_wrap .curr03 .curr03_inner .txt { margin-left: 0; }
.curr_wrap .curr03 .curr03_inner .txt h1 { font-size: 1.38em; text-align: center; }
.curr_wrap .curr03 .curr03_inner .txt p { font-size: 1em; text-align: center; }
.curr_wrap .curr04 .curr04_inner { display: block; }
.curr_wrap .curr04 .curr04_inner .box { width: 70%; margin: 0 auto; }
.curr_wrap .curr04 .curr04_inner .box p { font-size: 1em; }
.curr_wrap .curr04 .curr04_inner .arrow img { transform: rotate(90deg); margin: 20px auto; }
.curr_wrap .curr05 .curr05_inner { display: block; margin-bottom: 80px; }
.curr_wrap .curr05 .curr05_inner .img { width: 100%; }
.curr_wrap .curr05 .curr05_inner .img img { height: 300px; }
.curr_wrap .curr05 .curr05_inner .txt { width: 100%; text-align: center; padding-top: 30px; }
.curr_wrap .curr05 .curr05_inner .txt h1 { font-size: 1.88em; margin-bottom: 15px; }
.curr_wrap .curr05 .curr05_inner .txt p { font-size: 1em; line-height: 30px; }


/* ========== notice.php ========== */
.notice_banner { margin-top: 102px; }
.notice_banner .tit { padding: 180px 10%; }
.notice_sec table { width: 90%; }
.notice_sec table tr { height: auto; line-height: 30px; text-align: unset; }
.notice_sec table tr td { display: block; padding: 0 10px; color: #777; }
.notice_sec table tr td a { font-weight: bold; font-size: 1.13em; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.notice_sec table tr td:first-child { padding: 10px 0 0 10px; }
.notice_sec table tr td:last-child { padding: 0 10px 10px 10px; }
.notice_sec table .notice_tit { display: none; }
.notice_sec table .list .date, .notice_sec table .list .cnt { text-align: right; }
.notice_sec table .list td.cnt span { display: inline-block; }
.notice_sec table .list .cnt { font-size: 0.88em; }


/* ========== notice_view.php ========== */
.notice_view { width: 90%;}
.notice_view .v_top { padding: 30px 10px 30px 10px; }
.notice_view .v_tit { line-height: 60px; }
.notice_view .v_cont { padding: 60px 10px 0 10px; }
.notice_view .v_file { margin-top: 60px; }


/* ========== qna.php ========== */
.qna_banner { margin-top: 102px; }
.qna_banner .tit { padding: 180px 10%; }
.qna_sec table { width: 90%; }
.qna_sec table tr { height: auto; line-height: 30px; text-align: unset; }
.qna_sec table tr td { display: block; padding: 0 10px; color: #777; }
.qna_sec table tr td a { font-weight: bold; font-size: 1.13em; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.qna_sec table tr td:first-child { padding: 10px 0 0 10px; }
.qna_sec table tr td:last-child { padding: 0 10px 10px 10px; }
.qna_sec table .qna_tit { display: none; }
.qna_sec table .list .date, .qna_sec table .list .cnt { text-align: right; }
.qna_sec table .list td.cnt span { display: inline-block; }
.qna_sec table .list .cnt { font-size: 0.88em; }
.qna_sec .write_btn a { float: unset; display: block; margin: 30px auto;}


/* ========== qna_view.php ========== */
.qna_view { width: 90%;}
.qna_view .v_top { padding: 30px 10px 30px 10px; }
.qna_view .v_tit { line-height: 60px; }
.qna_view .v_file { margin-top: 60px; }
.qna_view .cmnt_view h1 { padding-left: 10px; }
.qna_view .cmnt_view .cmnt_list { display: block; }
.qna_view .cmnt_view .cmnt_list .cmnt_name { display: block; }
.qna_view .cmnt_view .cmnt_list .cmnt_name p { margin-bottom: 10px; }
.qna_view .cmnt_view .cmnt_list .cmnt_name p:last-child { margin-bottom: 20px; }
.qna_view .v_cmnt { padding: 0 15px; }
.qna_view .v_cmnt .v_info { display: block; }
.qna_view .v_cmnt .v_info p:last-child { margin-left: 0; }
.qna_view .v_cmnt .v_info p input { width: 60vw; }
.qna_view .v_cmnt .v_info p i { width: 10px; height: 10px; margin-right: 15px; }
.qna_view .v_cmnt .v_txt textarea { width: 75%; }
.qna_view .v_cmnt .v_txt button { width: 15%; }
.qna_view .list_btn a { font-size: 18px; height: 50px; line-height: 50px; margin-right: 10px; }


/* ========== qna_write.php ========== */
.qwrite_wrap .qwrite_inner { width: 90%; }



/* ========== review.php ========== */
.review_banner { margin-top: 102px; }
.review_banner .tit { padding: 180px 10%; }
.review_sec h1 { margin-bottom: 60px;}
.review_sec h1 span::after { width: 105px; }
.review_sec ul li { width: 100%; height: auto; margin: 10px auto; }
.review_sec ul li a h1 { margin: 20px auto; }
.review_sec ul li a p { margin: 0; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.review_sec ul li a span { margin: 30px auto; margin-right: 10%; }
.modal-type4 .tit { width: 89%; }
.modal-type4 .tit h1 { padding: 20px 0 10px 0; margin-bottom: 0; }
.modal-type4 .modal-header .modal-close { display: block; position: absolute; right: 20px; top: 40px; cursor: pointer; }
.modal-type4 .modal-body { width: 80.25%; max-height: 290px; background-size: 97% 100%; }
.modal-type4 .modal-body div.text-area { padding: 20px 30px; }
.hidden { opacity: 0; background: none; }


/* ========== fame.php ========== */
.fame_banner { margin-top: 102px; }
.fame_banner .tit { padding: 180px 10%; }
.fame_cont .fame_review a { width: 100%; }
.fame_cont .fame_review a .thum_wrap { height: 150px; }
.modal-type2 .modal-header { position: relative; }
.modal-type2 .modal-header .modal-close { display: block; width: 10px; position: absolute; right: 20px; top: 10px; cursor: pointer; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(99deg) brightness(200%) contrast(100%); }
.modal-type2 .modal-header .modal-close2 { display: block; width: 10px; position: absolute; right: 20px; top: 10px; cursor: pointer; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(99deg) brightness(200%) contrast(100%); }


/* ========== major.php ========== */
.major_banner { margin-top: 102px; }
.major_banner .tit { padding: 180px 10%; }


/* ========== counsel.php ========== */
.counsel_banner { margin-top: 102px; }
.counsel_banner .tit { padding: 180px 5%; }
.counsel_sec .counsel_inner { width: 85%; margin: 0 auto; }
.counsel_sec .counsel_inner h1 { font-size: 2.50em; }
.counsel_sec .counsel_inner h2 { font-size: 0.88em; width: 87%; margin: 0 auto; margin-bottom: 30px; }
.counsel_sec .counsel_inner .counsel_form tr th { font-size: 1.13em; padding: 15px 0; }
.counsel_sec .counsel_inner .counsel_form tr td { width: 75%; padding: 15px 0; }
.counsel_sec .counsel_inner .counsel_form tr td input[type="text"] { font-size: 0.88em; }
.counsel_sec .counsel_inner .counsel_form tr td select { width: 104%; background-color: #fff; }


/* ========== organization.php ========== */
.org_banner { margin-top: 102px; }
.org_banner .tit { padding: 180px 5%; }
.org_wrap .org_img { width: 95%; }


/* ========== facility.php ========== */
.facility_banner { margin-top: 102px; }
.facility_banner .tit { padding: 180px 5%; }
.facility_sec h1 { font-size: 1.88em; width: 90%; margin: 0 auto; line-height: 40px; }
.facility { width: 90%; }
.facility .fclty_img { display: block; }
.facility .fclty_img img { width: 100%; }
.facility .fclty_img span { top: 0; }
.facility h2 { font-size: 1.56em; }
.facility p { font-size: 1em; }


/* ========== introduction.php ========== */
.intro_banner { margin-top: 102px; }
.intro_banner .tit { padding: 180px 5%; }
.intro_wrap .intro { width: 80%; position: relative; padding: 20px 30px; }
.intro_wrap .intro .intro_img { position: absolute; right: 2%; }
.intro_wrap .intro .intro_img img { width: 50vw; }
.intro_wrap .intro .col { width: 100%; margin-bottom: 5px; }
.intro_wrap .intro .col h3 { width: 80px; }
.intro_wrap .intro .col p { width: 58vw; font-size: 0.88em; }
.intro_wrap .intro .col p.position { margin-top: 60px; }
.intro_wrap .intro .col h2 { margin-bottom: 120px; }
.intro_wrap .intro .intro_txt .top { margin-bottom: 20px; }
.intro_wrap .intro .subject span { font-size: 0.81em;}
.section .txt { padding: 50px 30px; display: block; }
.section .txt .txt_right { display: flex; }
.section .txt .txt_left { margin: 0; }
.section .txt .txt_left .txt_sec h3, .section .txt .txt_right h3 { font-size: 1em; width: 22%; }
.section .txt .txt_left .txt_sec p, .section .txt .txt_right div { font-size: 0.88em; width: 78%; }
.section .img { position: relative; display: inherit; width: 80%; margin: 0 auto; }
.section .img .img_left { display: block; width: 60%; padding: 30px 0; }
.section .txt .txt_left .txt_sec p.class br { display: none; }
.section .img .img_left .script { display: none; }
.section .img .profile_img { position: absolute; bottom: 0; width: 80%; right: -40px; }
.section .img .img_left img.logo { width: 60px; height: 80px; margin-bottom: 30px; }
.section .img .img_left div p { margin-bottom: 0; }


/* ========== kakao/location.php ========== */
.k_location .map1 #map1, .k_location .map2 #map2 { margin: 40px auto; margin-bottom: 20px; }
.k_location .m_info p { width: 95%; margin: 0 auto; font-size: 0.91em; padding: 10px 0;  }
.k_location .m_info p i { margin-left: 10px; margin-bottom: 15px; }
.k_location h2 { font-size: 1.25em; text-align: center; margin-bottom: 15px; }


/* ========== pro_course.php ========== */
.pcourse_banner { margin-top: 102px; }
.pcourse_banner .tit { padding: 180px 5%; }