/* css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption,  header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }
html { font-size: 16px; }


/* ========== index.php ========== */
/* top navigation */
#topNavWrap { width: 100%; height: 102px; }
#top_logo { position: absolute; left: 5vw; top: 55px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#top_logo img { width: 150px; height: 45px; }
#top_nav { width: 100%; display: flex; justify-content: center; }
#top_nav:after { display: block; content: ''; clear: both }
#top_nav>li { position: relative; padding: 0 3.13vw;/*0 40px*/ font-size: 1em; color: #222; letter-spacing: -0.3px; text-align: center; }
#top_nav>li>a { display: block; color: #222; line-height: 100px; zoom: 1; transition:all .3s; font-weight: bold; color: #333; }
#top_nav>li>a:hover { color: #222 }
#top_nav ul { display: none; position: absolute; top: 100px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); min-width: 170px; border-radius: 0 0 6px 6px; background-color: #fff; z-index: 1000; }
#top_nav ul li { font-size: 0.88em }
#top_nav ul li+li { border-top: 1px solid #e1e1e1 }
#top_nav ul a { display: block; color: #999; -webkit-transition: all .3s; transition: all .3s; }
#top_nav ul a:hover { color:#222 }
#top_nav ul>li>a { padding: 15px 10px }


/* top banner */
#mainVisual { position:relative; margin:0 auto; margin:0 3.65vw;/*0 70px*/ }
#mainVisual .txt_area { margin-left: 10vw; margin-top: 250px; z-index:1000; width:62.50vw/*1200px*/; color:#fff; text-shadow: 1px 1px 1px #aaa; }
#mainVisual .txt_area .tit { margin:60px 0 40px 0; letter-spacing:-3px; font-size:3.44em;/*55px*/ line-height:65px; }
#mainVisual .txt_area .tit b { font-weight:normal }
#mainVisual .txt_area .txt { line-height:26px; color:rgba(255,255,255,0.7); font-size:1em; white-space:pre-line }
    /* slider */
#mainVisual .mainSwiper { height:718px }
#mainVisual .swiper-pagination-bullet { width: 11px !important; height: 11px !important; }
#mainVisual .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, #mainVisual .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px !important; }
#mainVisual .mainSwiper .swiper-slide { width:100%!important; height:100%; background:center no-repeat; border-radius:30px; background-size:cover; }
#mainVisual .mainSwiper .img01 { background-image:url(/img/top_banner1.jpg); }
#mainVisual .mainSwiper .img02 { background-image:url(/img/top_banner2.jpg); }
#mainVisual .mainSwiper .img03 { background-image:url(/img/top_banner3.jpg); }
#mainVisual .mainSwiper .img04 { background-image:url(/img/top_banner4.jpg); }
    /* controller */
#mainVisual .pager_area { width:100%; max-width:1200px; height:30px; position:absolute; bottom:1%; left:50%; transform:translateX(-50%); z-index:9999; }
#mainVisual .pager_num { position:absolute; left:47%; top:0; width:45px; height:30px; z-index:9999; font-weight:bold; font-size:0.81em; }
#mainVisual .pager_num:after { position:absolute; right:-32px; top:0; content:'03'; margin-left:10px; font-size:0.81em; font-weight:600; color:rgba(255,255,255,0.4); }
#mainVisual .pager_num span { position:relative; display:none; font-size:0.81em; font-weight:600; color:#fff; letter-spacing:0; background:none; }
#mainVisual .pager_num span:after { position:absolute; content:''; left:22px; top:9px; width:30px; height:1px; background:rgba(255,255,255,0.4) }
#mainVisual .pager_num span.swiper-pagination-bullet-active { display:block }
#mainVisual .pager_num span:before { position:absolute; content:"" }
#mainVisual .pager_num span:nth-child(1):before { content:"01" }
#mainVisual .pager_num span:nth-child(2):before { content:"02" }
#mainVisual .pager_num span:nth-child(3):before { content:"03" }
#mainVisual .pager_num span:nth-child(4):before { content:"04" }
#inc01 .swiper-button-next, #inc01 .swiper-button-prev{}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{}

/* notice slide */
#sec01 { width: 100%; margin-top: 50px; }
.notice { position:relative; background:#7dabfa }
.notice .inner_box { display:flex; width:62.50vw; height: 150px; margin:0 auto; }
.notice .inner_box .cont_box { position: absolute; left: 6.98vw; width:108px; height:38px; line-height:38px; text-align:center; letter-spacing:0; color:#Fff; border-radius:30px; border:1px solid rgba(255,255,255,0.3); font-size:0.94em; font-weight:bold; cursor:pointer; margin-top: 55px; }
.notice .inner_box .cont_box a { display:block; color:#fff; transition:all .2s }
.notice .inner_box .cont_box a:hover { border-radius:50px; background:#fff; color:#125ad3; border:none }
.txt_box .ceti_lt { width:56.77vw/*1090px*/; display:flex; height:20px; color:#fff }
.txt_box .ceti_lt ul { margin-top: 25px; }
.txt_box .ceti_lt ul li { margin: 13px; }
.txt_box .ceti_lt .ceti_notice a { padding-left:80px; position:relative; color:#fff; font-size:0.94em; }
.txt_box .ceti_lt .ceti_notice a:hover { color: #125ad3; }
.txt_box .ceti_lt .ceti_notice a:before{ position:absolute; content:''; width:3px; height:3px; top:10px; left:56px; background:#fff; border-radius:50% }

.ceti_lt li .datetime { position:absolute; right:6.98vw/*134px*/; color: rgba(255,255,255,0.7); font-size:0.94em }
.ceti_lt li .datetime::before { position: absolute; content: ''; width: 1px; height: 10px;margin-top: 4%; background-color: rgba(255,255,255,0.7); right: 120%; }


/* 과정안내 */
.course { position: relative; width: 100%; overflow: hidden; }
.course > h1 { font-size: 2.19em; font-weight: bold; text-align: center; margin: 50px 0; margin-top:80px; color: rgb(52, 121, 206); }
.course .course-list { margin-bottom: 100px; }
.course .course-wrap { width: 100%; min-height: 440px; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; padding: 80px 0; }
.course .course-wrap h2 { font-size: 25px; font-weight: bold; text-align: center; margin-bottom: 50px; }
.course .course-wrap .course-cont-wrap { display: flex; justify-content: center; }
.course .course-wrap .course-cont-wrap .course-img { width: 50%; margin-right: 80px; display: flex; justify-content: end; }
.course .course-wrap .course-cont-wrap .course-img img { width: 550px; height: 330px; }
.course .course-wrap .course-cont-wrap .course-cont { width: 50%; object-fit: cover;}
.course .course-wrap .course-cont-wrap .course-cont .cont-row { display: flex; margin-bottom: 15px; }
.course .course-wrap .course-cont-wrap .course-cont .cont-icon { margin-right: 8px; }
.course .course-wrap .course-cont-wrap .course-cont .cont-icon img { width: 28px; filter: invert(57%) sepia(6%) saturate(3583%) hue-rotate(173deg) brightness(83%) contrast(93%); }
.course .course-wrap .course-cont-wrap .course-cont .cont-tit { font-size: 20px; font-weight: bold; margin-right: 20px; line-height: 28px; }
.course .course-wrap .course-cont-wrap .course-cont .cont-txt { line-height: 28px; font-size: 18px; }
.course .swiper-pagination2 { position: absolute; top: 200px !important; left: 0 !important; display: flex; justify-content: center; }
.course .swiper-pagination2 span { opacity: .3; position: relative; width: 29px; height: 29px; margin: 0 5px; background-color: transparent; transition: all .3s }
.course .swiper-pagination2 span.on { opacity: 1 }
.course .swiper-pagination2 span:before { opacity: 0; display: block; content: ""; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); width: 45px; height: 45px; border: 1px solid rgba(129, 129, 129, 0.5); border-radius: 50%; transition: all .3s }
.course .swiper-pagination2 span.on:before{ opacity: 1; width: 24px; height: 24px }
.course .swiper-pagination2 span:after{ display: block; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 7px; height: 7px; border-radius: 50%; background: #aaa }
.course .swiper-button-next, .course .swiper-button-prev { transform: translateY(150%); color: #aaa; }
.course .swiper-button-next { width: 50px; height: 50px; background: url('/img/nav-next.png') no-repeat; background-size: 100% auto; background-position: center; }
.course .swiper-button-next::after, .course .swiper-button-prev::after { display: none; }
.course .swiper-button-prev { width: 50px; height: 50px; background: url('/img/nav-prev.png') no-repeat; background-size: 100% auto; background-position: center; }

/* ceti's specialty */
.spec{ width: 100%; margin: 0 auto; height: 1000px; overflow:hidden; color:#777; font-size:0.94em; line-height:25px; background-image: url(/img/spec_background.jpg); background-size: cover; }
.spec .spec_inner { width: 80%; margin: 0 auto; padding:2.60vw 0 0 2.60vw; font-size:1.06em; line-height:27px; }
#inc01{ position: relative; margin-top:100px }
#inc01 .tit_area { position:relative; width:100%; font-size:1.06em; line-height:1.6 }
#inc01 .tit_area .tit { padding-top: 40px; margin-bottom:30px; font-size:3.13em; line-height:1.3; color:#000; letter-spacing:-.5px; font-weight: bold; }
#inc01 .tit_area .tit span { display:block; color:#0072ff }
#inc01 .tit_area .tcont { white-space:pre-line }
#inc01 .img_slider { position:absolute; right:0; top: 0; width:calc(100% - 450px); padding: 30px; overflow:hidden; }
@media (max-width: 1599px) { #inc01 .img_slider { width:calc(100% - 350px); } }
#inc01 .img_slider ul li { height:423px; border-radius:27px; overflow:hidden; transition:all .3s }
#inc01 .img_slider ul li a { display:block; height:100% }
#inc01 .img_slider ul li .img { width:100%; height:300px; background-position:center; background-size:cover; background-repeat:no-repeat; border-radius:27px; }
#inc01 .img_slider ul li .s01 { background-image:url(/img/specialty1.jpg) }
#inc01 .img_slider ul li .s02 { background-image:url(/img/specialty2.jpg) }
#inc01 .img_slider ul li .s03 { background-image:url(/img/specialty3.jpg) }
#inc01 .img_slider ul li .txt_box { display: none; position:relative; padding:30px 20px; font-size: 0.88em; line-height: 1.6; color:#777 }
#inc01 .img_slider ul li .txt_box .tit { padding-bottom: 5px; font-size: 1.31em; color:#000; font-weight: bold; }
#inc01 .img_slider ul li.swiper-slide-active { height:600px; box-shadow:0 6px 31px 2px rgba(0, 0, 0, 0.2) }
#inc01 .img_slider ul li.swiper-slide-active .txt_box { display: block }
#inc01 .img_slider ul li.swiper-slide-active .img { border-radius: unset; }
#inc01 .swiper-pagination { position:relative; margin-top: 73px; width: 28%; text-align: left; }
#inc01 .swiper-pagination span { display:block; position:relative; width:100%; height: 42px; background:none }
#inc01 .swiper-pagination span:after { display:block; border-radius:0; font-size: 1.13em; color:#000; transition:all .4s; font-weight: bold; }
#inc01 .swiper-pagination span.swiper-pagination-bullet-active:after { padding-left:20px }
#inc01 .swiper-pagination span.swiper-pagination-bullet-active:before { width:300px }
#inc01 .swiper-pagination span:before { position:absolute; left: -300px; top: 12px; width:0; height:1px; content:''; background-color:#0072ff; transition:all .6s }
#inc01 .swiper-control { position:relative; width: 130px; margin-top: 50px; }
.spec_tabs { position:relative; width: 28%; text-align: left; margin-bottom: 50px; }
.spec_tabs span { display: block; position: relative; width: auto; height: auto; padding-left: 40px; font-size: 1.13em; font-weight: 700; color: #aaa; opacity: 1; background: none; transition: all .3s; }
.spec_tabs span+span { margin-top:15px }
.spec_tabs span:after { position: absolute; content: ''; top: 50%; left: 0; width: 0; height: 2px; transform: translateY(-50%); transition:width .3s; background: #0072ff }
.spec_tabs span.swiper-pagination-bullet-active:after { width: 45px }
.spec_tabs span.swiper-pagination-bullet-active { padding-left: 62px; color: #000; font-size: 1.25em; }
.spec .swiper-button-next:after, .spec  .swiper-button-prev:after { display: none; }
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin-bottom: 15px; }

/* QnA */
.qna { padding: 100px 0; position: relative; }
.qna h1 { font-size: 2.19em; font-weight: bold; text-align: center; margin: 50px 0; margin-top:80px; color: rgb(52, 121, 206); }
.more { display: block; position: absolute; right: 18%; top: 26.5%; width: 80px; height: 31px; line-height: 31px; text-indent: 5px; transition: all 0.3s; color: #555; font-weight: bold; }
.more::before { content: ""; position: absolute; margin-left: 53px; margin-top: 17px; width: 13px; height: 3px; background-color: #555; transition: all 0.3s linear; }
.more::after { content: ""; position: absolute; margin-left: 18px; margin-top: 12px; width: 3px; height: 13px; background-color: #555; transition: all 0.3s; }
.more:hover::after, .more:hover::before { cursor: pointer; transform: rotate(180deg); transition: transform ease-in-out 1s; background-color: #2d51d6; }
.list_box { width: 65vw; margin: 0 auto; margin-bottom: 130px; }
.list_box .list { margin: 80px auto; }
.list_box li a { display: flex ; padding: 30px 0; position: relative; transition: all .3s; align-items: center; color: #333;}
.list_box li:first-child { border-top: 2px solid #000 }
.list_box li { border-bottom: 1px solid #b7bbcd }
.list_box li .date { min-width: 150px; font-size: 1.25em; font-weight: 700; margin-right: 50px; letter-spacing: 1px }
.list_box li .text_box { position: relative; padding-right: 100px; transform: translateY(-3px); width: 100% }
.list_box li .text_box .tit { font-size: 1.38em; font-weight: 600; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }
.list_box li .text_box .txt { font-size: 1em; margin-top: 10px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }
.list_box li .text_box .arr { position: absolute; top: 60%; right:20px; font-size:1.56em; transform: translateY(-50%); transition: all .3s }
.list_box li a:hover { color: #2d51d6 }
.list_box li a:hover .arr { transform: translate(10px, -50%); }

/* Fame */
#sec04 { width: 100%; background-color: #eee; padding: 40px 0 100px 0; background-image: url(/img/fame_background.jpg); position: relative; background-repeat: no-repeat; background-size: cover; }
.fame h1 { font-size: 2.19em; font-weight: bold; text-align: center; margin: 50px 0; margin-top:80px; color: #fff }
#sec04 .review_late { width:70%; margin:0 auto; padding:80px 0 60px; }
#sec04 .review_late ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
#sec04 .review_late ul li { display:inline-block; width:calc(100% / 2 - 10px); margin-bottom:20px; border-radius:10px; transition:all .3s; background:#fff; }
#sec04 .review_late ul li:hover { box-shadow:3px 5px 20px -2px rgba(0, 0, 0, 0.7); transform: translateY(-2%); }
#sec04 .review_late ul li:nth-child(odd) { margin-right:20px }
#sec04 .review_late ul li a { display:block; width:85%; height:100%; margin: 0 auto; padding: 30px 0; }
#sec04 .review_late .cate { margin-bottom:16px; font-size:1em; letter-spacing:0; color:#222; transition:all .3s; font-weight: bold; }
#sec04 .review_late li:hover .cate { color:#469cfb }
#sec04 .review_late .cont { overflow:hidden }
#sec04 .review_late div { overflow:hidden; display: flex; }
#sec04 .review_late .date { float:left; width:80px; height:80px; padding-top:18px; border-radius:10px; font-size:0.81em; text-align:center; line-height:24px; letter-spacing:0; color:#aaa; background:#f7f7f7; overflow: hidden; }
#sec04 .review_late .date img { width: 100%; transform: translateY(-25%); }
#sec04 .review_late .date span { display:block; font-size: 1.25em; color:#444 }
#sec04 .review_late .cont { float:left; width:calc(100% - 80px); padding-left:30px }
#sec04 .review_late .cont p { font-size: 14px;}
#sec04 .review_late .cont .subj { display:block; margin-bottom:10px; font-size: 0.94em; color:#222; font-family:'notokr-medium' }
#sec04 .review_late .cont .txt { display:block; font-size: 0.88em; line-height:24px; color:#888 }
#sec04 .more_btn { display: block; width: 150px; height: 50px; margin: 0 auto; line-height: 50px; text-align: center; z-index:10; border:1px solid rgba(255,255,255,.2); font-size:1em; color:#fff; background:rgba(0,0,0,.1); transition:all .4s; position: relative; font-weight: bold; }
#sec04 .more_btn:before { display:block; content:""; position:absolute; left:0; top:0; z-index:-1; width:0; height:100%; background:#fff; transition:all .45s cubic-bezier(0.165, 0.840, 0.440, 1) }
#sec04 .more_btn:hover { color:#111 }
#sec04 .more_btn:hover:before { width:100% }
.modal-body { display: flex; flex-direction: column; }
.modal-content { display: flex !important; flex-direction: column; }
.modal-type1 { width: 700px; margin-top: 100px; }
.modal-type1 .modal-header { padding: 0; border: 0; background-color: #598dc9; }
.modal-type1 .modal-header img { display: block; width: 20%; margin: 10px auto; }
.modal-type1 .modal-header div#topline { width: 100%; height: 25px; background: #598dc9; }
.modal-type1 .modal-header div#topline p { font-size: 0.88em; color: #fff; text-align: right; padding-top: 3px; padding-right: 3%; letter-spacing: 3px; }
.modal-type1 .modal-body h1 { font-size: 1.88em; font-weight: bold; text-align: center; margin-top: 20px; margin-bottom: 20px; color: #000; }
.modal-type1 .modal-body p { font-size: 0.94em; line-height: 20px; margin-top: 10px; }
.modal-type1 .modal-body div.img-area { width: 100%; max-height: 500px; overflow: scroll !important; }
.modal-type1 .modal-body div.img-area img { object-fit: none; height: fit-content; }
.modal-type1 .modal-body { padding: 2% 10%; margin-bottom: 30px;  }
.modal-type1 .modal-body span.title2 { line-height: 30px; font-size: 1em; font-weight: 600; color: #598dc9; }

/* major */
#sec05 { width: 100%; padding: 50px 0 140px 0; }
.major h1 { font-size: 2.19em; font-weight: bold; text-align: center; margin: 50px 0; margin-top:80px; color: rgb(52, 121, 206); }
#sec05 ul { display:flex; position:relative; transform:scale(.85); height:600px; background-image: url(/img/major_background.jpg); background-size: cover; background-position-y: 70%; }
#sec05 ul li { display:flex; align-items:center; justify-content:center; position:relative; width:33.3%; color:#fff; text-align:center }
#sec05 ul li:before { opacity:0; display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3); transition:all .8s cubic-bezier(0.165, 0.840, 0.440, 1) }
#sec05 ul li+li { border-left:1px solid rgba(255,255,255,.15) }
#sec05 ul li .txt { position:relative; width:90%; }
#sec05 ul li .txt span { font-size:1em; font-weight:bold; display: block; width: 150px; height: 50px; border: 1px solid #fff; border-radius: 30px;text-align: center; line-height: 50px; margin: 0 auto; }
#sec05 ul li .txt p { margin-top:2.08vw; font-size:2.25em; white-space:pre-line; font-weight: bold; }
#sec05 ul li .txt div { width: 21.88vw; height: 110px; margin: 0 auto; opacity:0; margin-bottom:2.60vw; font-size:1em; color:rgba(255,255,255,.7); line-height:2;white-space:pre-line;transition:all .4s }
#sec05 ul li:hover:before { opacity:1 }
#sec05 ul li:hover .txt span { background-color: #fff; color: #598dc9; font-weight: bold; }
#sec05 ul li:hover .txt div { opacity:1; margin:3vw auto }/*3vw auto*//*35px 0 150px*/
#sec05 ul li:hover .txt a { opacity:1; bottom:200px }
#sec05 ul li:hover .txt a:hover { border-color:var(--primary); background:var(--primary) }
#sec05 .more_btn { display: block; width: 150px; height: 50px; margin: 0 auto; line-height: 50px; text-align: center; z-index:10; border:1px solid #ccc; font-size:1em; color:#777; background:#fff; transition:all .4s; position: relative; font-weight: bold; margin-top: 30px; }
#sec05 .more_btn:before { display:block; content:""; position:absolute; left:0; top:0; z-index:-1; width:0; height:100%; background:#6c9dd6; transition:all .45s cubic-bezier(0.165, 0.840, 0.440, 1) }
#sec05 .more_btn:hover { color:#fff }
#sec05 .more_btn:hover:before { width:100% }
.major_review { display: flex; flex-direction: column; margin-top: 80px; }
.major_review a { display: block; margin: 0 auto; color: #000; }
.major_review .review { margin: 0 auto; display: flex; border: none; position: relative; margin-bottom: 50px; }
.major_review .review .review_img { width: 90px; height: 93px; border-radius: 100%; position: absolute; left: -4%; background-color: #eee; }
.major_review .review .review_img img{ width: 80px; height: 80px; border-radius: 100%; transform:translateX(10%) translateY(8%); }
.major_review .review .review_txt{ width: 44.79vw/*860px*/; height: 54px; padding: 20px 30px 17px 60px; border-radius: 20px; box-shadow: 2px 2px 2px #aaa; background-color: #eee; }
.major_review .review .review_txt h2 { font-size: 1.13em; font-weight: bold; margin-left: 20px; }
.major_review .review .review_txt span { display: inline-block; font-size: 0.81em; margin-left: 20px; font-weight: normal; }
.major_review .review .review_txt p { font-size: 0.81em/*13px*/; margin-top: 15px; margin-left: 20px; line-height: 15px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.modal-type2 { width: 70% !important; margin-top: 100px; }
.modal-type2 .modal-header { padding: 0; border: 0; background-color: #598dc9; }
.modal-type2 .modal-header img { display: block; width: 20%; margin: 10px auto; }
.modal-type2 .modal-header div#topline { width: 100%; height: 25px; background: #598dc9; }
.modal-type2 .modal-header div#topline p { font-size: 0.88em; color: #fff; text-align: right; padding-top: 3px; padding-right: 3%; letter-spacing: 3px; }
.modal-type2 .modal-body { min-height: 550px !important;}
.modal-type2 .modal-body h1 { font-size: 1.88em; font-weight: bold; text-align: center; margin-top: 20px; margin-bottom: 20px; color: #000; }
.modal-type2 .modal-body p { font-size: 0.94em; line-height: 20px; margin-top: 10px; }
.modal-type2 .modal-body div.img-area { width: 100%; max-height:600px; text-align: center; overflow: scroll; }
.modal-type2 .modal-body div.img-area img { display:inline-block; }
.modal-type2 .modal-body { padding: 2% 10%; margin-bottom: 30px; }
.modal-type2 .modal-body span.title2 { line-height: 30px; font-size: 1em; font-weight: 600; color: #598dc9; }
.modal-type1 .modal-header .modal-close { display: none; }
.modal-type2 .modal-header .modal-close { display: none; }
.modal-type2 .modal-header .modal-close2 { display: none; }
.modal-type3 .modal-header .modal-close { display: none; }
.modal-type4 .modal-header .modal-close { display: none; }

/* 상단이동 버튼 */
#fixMenu { opacity:0; position:fixed; bottom:30px; right:25px; z-index:101; transition:all .2s; }
#fixMenu.on { opacity:1; bottom:25px } 
#fixMenu .to_top { display:flex; flex-flow:column; justify-content:center; align-items:center; margin:15px auto 0; margin-right: 0; width:60px; height:60px; border-radius:50%; text-align:center; line-height:60px; background:#fff; cursor:pointer; transition:all .3s; box-shadow:3px 3px 8px rgba(0,0,0,.2); font-size: 20px; }
#fixMenu .talk img { display:flex; flex-flow:column; justify-content:center; align-items:center; margin:15px auto 0; margin-right: 0; width:60px; height:60px; border-radius:50%; text-align:center; line-height:60px; cursor:pointer; transition:all .3s; box-shadow:3px 3px 8px rgba(0,0,0,.2) }

/* footer */
#footer { width: 100%;height: 280px;background: #252525;display: flex;align-items: center; }
#footer .logo { flex: 1;height: 80%;text-align: right; }
#footer .logo img { width: 190px;margin-right: 80px;margin-top: 9%; }
#footer .line { width: 1px;background: white;height: 80%; }
#footer .text { flex: 1;height: 80%; }
#footer .text .pane { margin-left: 80px; margin-top: 1%; width: 45%; height: 90%; display: flex; justify-content: space-between; flex-direction: column; }
#footer .text .pane p.title { font-size: 0.94em; color: #598dc9; font-weight: bold; }
#footer .text .pane p.address { font-size: 0.75em; color: white; }
#footer .text .pane p.tel { font-size: 0.75em; color: white; }
#footer .text .pane p.business { font-size: 0.75em; color: white; }
#footer .text .pane p.copy { font-size: 0.75em; color: white; }
#footer .text .pane i { margin-left: 20px; margin-right: 5px; color: #598dc9; }

/* popup */
#popup { position: fixed; top: 100px; left: 70px; z-index: 510; overflow: hidden; }
#popup .swiper-pagination2 { width: max-content; position: absolute; top: 11px; left: 10px; z-index: 520; }
.pop_top { position: relative; padding: 10px 15px; overflow: hidden; background: #777; }
.pop_top a { display: inline-block; color: rgb(255, 255, 255); line-height: 150%; letter-spacing: normal; font-size: 12px; font-weight: 300; }
.pop_top a i { font-size: 16px; vertical-align: middle; margin-top: -1px; margin-right: 2px; }
#popup .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }



/* ========== greeting.php ========== */
/* top banner */
.greeting_banner { width: 100%; height: 500px; background-image: url(/img/greeting_banner.jpg); background-repeat: no-repeat;; background-size: cover;}
.greeting_banner .txt1 { padding: 150px 7.81vw; } /*160px 150px*/
.greeting_banner .txt1 h1 { display: inline-block; font-size: 4.38em; font-weight: bold; color: #fff; text-shadow: 1px 1px 5px #666; }
.greeting_banner .txt1 p { display: inline-block; font-size: 1.25em; margin-left: 20px; color: #fff; text-shadow: 1px 1px 1px #888; }
.greeting_banner .txt1 p b { color: #598dc9;}
.greeting_banner .txt1 h2 { font-size: 1.56em; font-weight: bold; color: #fff; line-height: 40px; margin-top: 20px; text-shadow: 1px 1px 5px #666; }

/* section1 */
.greeting_sec1 { width: 100%; padding: 10px 0; }
.greeting_sec1 h1 { font-size: 2.50em; font-weight: bold; text-align: center; margin: 150px 10px 60px 10px; letter-spacing: -3px; line-height: 50px; }
.greeting_sec1 h1 span { position: relative; display: inline-block; }
.greeting_sec1 h1 span::after { content: ''; display: block; width: 218px; height: 8px; background-color: #598dc9; position: absolute; bottom: 0; z-index: -111; }
.greeting_sec1 h2 { font-size: 3.13em; color: #598dc9; text-align: center; margin-bottom: 60px; }
.greeting_sec1 h3 { font-size: 1.56em; text-align: center; line-height: 50px; margin-bottom: 150px; }

/* section2 */
.greeting_sec2 { width: 100%; padding: 10px 0; background-image: url(/img/greeting_background.jpg); background-size: cover; }
.greeting_sec2 h2 { font-size: 1.88em; color: #fff; text-align: center; line-height: 50px; margin: 60px 0; margin-top: 100px; letter-spacing: -2px; padding: 0 50px; }
.greeting_sec2 .box_wrap { width: 80%; margin: 0 auto; display: flex; justify-content: space-around; flex-wrap: wrap; }
.greeting_sec2 .box { width: 180px; height: 180px; border-radius: 100%; padding: 50px; background-image: url(/img/circle.png); background-size: cover; margin-bottom: 30px; }
.greeting_sec2 .box .line { width: 65px; height: 30px; border-radius: 20px; background-color: #2d51d6; border: 2px solid #fff; color: #fff; text-align: center; font-size: 0.88em; line-height: 30px; margin: 0px auto; margin-bottom: 30px; }
.greeting_sec2 .box img { display: block; width: 60px; height: 60px; margin: 0 auto; }
.greeting_sec2 .box p { font-weight: bold; color: #fff; text-align: center; font-size: 1.13em; line-height: 25px; margin-top: 30px; }
.greeting_sec2 h1 { font-size: 2.19em; font-weight: bold; color: #fff; text-align: center; line-height: 55px; margin: 70px 0; margin-bottom: 100px; padding: 0 50px; }

/* section3 */
.greeting_sec3 { width: 100%; padding: 10px 0; }
.greeting_sec3 h1 { font-size: 3.75em; font-weight: bold; text-align: center; margin: 100px 0 60px 0; letter-spacing: -5px; line-height: 80px; }
.greeting_sec3 h2 { font-size: 2.81em; text-align: center; margin-bottom: 100px; }

/* history */
section.history { position: relative; margin-top: 100px; }
section.history h1 { font-size: 2.5em; text-align: center; font-weight: bold; margin: 100px 0; color: #5f94d6; }
section.history h1::before { content: ''; background-image: url(/img/ceti_logo.png); background-size: 41px 41px; display: inline-block; width: 41px; height: 41px; vertical-align: top; margin-right: 15px; }
.history-wrap { position: relative; display: flex; justify-content: space-between; width: 60%; margin: 0 auto; margin-bottom: 100px; }
.history-wrap .history-year { position: relative; width: 200px; height: 70px; background-color: #5f94d6; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size:30px; font-weight: bold; color: #fff; z-index: 500; }
.history-wrap .history-year .history-year-inner { position: absolute; width: 180px; height: 54px; border: 1px solid #fff; border-radius: 50px; }
.history-wrap .history-cont { position: relative; width: 62%; padding: 40px 50px 30px 70px; border-radius: 20px; box-shadow: 0px 0px 10px rgba(175, 176, 177, 0.5); overflow: hidden; line-height: 32px; font-size: 16px; background-color: #fff; }
.history-wrap .history-cont .history-cont-top { position: absolute; top: 0; left: 0; width: 100%; height: 15px; background-color: #5f94d6; }
.circle-outer { position: absolute; top: 26px; left: 20px; display: flex; justify-content: center; align-items: center; width: 19px; height: 19px; border-radius: 100%; box-shadow: inset 0px 0px 4px rgba(175, 176, 177, 0.6); }
.circle-outer .circle-inner { position: relative; display: block; width: 11px; height: 11px; border-radius: 100%; background-color: black; }
.circle-outer .circle-inner::after { position: absolute; top: 5px; right: 0; content: ''; display: block; width: 50px; height: 1px; background-color: black; }
.col-line { flex: 1; position: relative; }
.col-line::after { position: absolute; right: 0px; top: 35px; content: ''; display: block; width: 100%; height: 1px; background-color: black; }
.history-box::before { position: absolute; left: 100px; top: 0; content: ''; display: block; width: 1px; height: 270vh; background-color: black; }
@media all and (min-width:320px) and (max-width:1012px) { .history-box::before { height: 390vh !important; } }
@media all and (min-width:1401px) and (max-width:1505px) { .history-box::before { height: 275vh !important; } }
@media all and (min-width:320px) and (max-width:1400px) { 
    .history-wrap { width: 80%; display: block; }
    .history-wrap .history-year { margin-bottom: 20px; }
    .history-wrap .history-cont { margin-left: 71px; }
    .circle-outer .circle-inner::after { width: 1px; height: 50px; right: 5px; top: inherit; bottom: 0; }
    .history-box::before { height: 369vh; }
}


/* ========== price.php ========== */
.price_banner { width: 100%; height: 500px; background-image: url(/img/price_banner.jpg); background-repeat: no-repeat; background-size: cover; }
.price_banner .tit { padding: 10% 10%; }
.price_banner .tit h1 { font-size: 3.75em; font-weight: bold; text-align: center; color: #fff; text-shadow: 1px 1px 5px #555; }
.price_banner .tit h2 { font-size: 1.56em; font-weight: bold; text-align: center; color: #ccc; margin-top: 30px; text-shadow: 1px 1px 3px #555; }
.tabs { padding-bottom: 40px; background-color: #ffffff; margin: 100px auto; width: 70%;}
.tab_item { width: 50%; height: 50px; border-bottom: 3px solid #598dc9; background-color: #f8f8f8; line-height: 50px; font-size: 1em; text-align: center; color: #598dc9; display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease; cursor: pointer; }
.tab_item:hover { opacity: 0.75; }
input[name="tab_item"] { display: none; }
.tab_content { display: none; clear: both; overflow: hidden; }
#all:checked ~ #all_content,
#programming:checked ~ #programming_content { display: block; }
.tabs input:checked + .tab_item { background-color: #598dc9; color: #fff; }

.tabs .tab_content img { width: 100%; height:auto; }


/* ========== location.php ========== */
.location_banner { width: 100%; height: 500px; background-image: url(/img/location_banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: 20% 50%; }
.location_banner .tit { padding: 10% 10%; }
.location_banner .tit h1 { font-size: 3.75em; font-weight: bold; text-align: center; color: #fff; text-shadow: 1px 1px 5px #555; }
.location_banner .tit h2 { font-size: 1.56em; font-weight: bold; text-align: center; color: #ccc; margin-top: 30px; text-shadow: 1px 1px 3px #555; }
#map1, #map2 { width: 80%; height: 500px; margin: 100px auto; }
.ceti_location { margin-bottom: 100px; }
.ceti_location .location_txt p { width: 80%; margin: 0 auto; font-size: 1.25em; padding: 50px 0; line-height: 50px; border-bottom: 1px solid #aaa; }
.ceti_location .location_txt p i { margin-left: 30px; }
.ceti_location .location_txt p br { display: none; }
.ceti_location .location_txt p:nth-child(1) { border-top: 2px solid #333; }
.ceti_location .location_tab { width: 80%; margin: 0 auto; display: flex; justify-content: center; margin-top: 100px; }
.ceti_location .location_tab div { width: 50%; height: 60px; line-height: 60px; border-bottom: 3px solid #598dc9; background-color: #f8f8f8; font-size: 1em; text-align: center; color: #598dc9; text-align: center; font-weight: bold; cursor: pointer; }
.ceti_location .location_tab div:hover { opacity: 0.75; }
.ceti_location .location_tab div.on { background-color: #598dc9; color: #fff; }
.ceti_location #map2 { display: none; }
#map1 p { font-size : 0.88em }
#map2 p { font-size : 0.88em }


/* ========== curriculum.php ========== */
.curriculum_banner { width: 100%; height: 500px; background-image: url(/img/curriculum_banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: 20% 50%; }
.curriculum_banner .tit { padding: 10% 10%; }
.curriculum_banner .tit h1 { font-size: 3.75em; font-weight: bold; text-align: center; color: #fff; text-shadow: 1px 1px 5px #555; }
.curriculum_banner .tit h2 { font-size: 1.56em; font-weight: bold; text-align: center; color: #ccc; margin-top: 30px; text-shadow: 1px 1px 3px #555; }
.curr_wrap { width: 100%; }
.curr_wrap .curr01 { width: 75%; margin: 100px auto; padding: 30px 50px; background-image: url(../img/curr_img01.jpg);}
.curr_wrap .curr01 h1 { font-size: 2.50em; font-weight: bold; margin-bottom: 20px; }
.curr_wrap .curr01 p { font-size: 1.25em; line-height: 35px; padding: 0 10px; }
.curr_wrap .curr02 { width: 80%; margin: 50px auto; }
.curr_wrap .curr02 .curr02_inner { width: 100%; display: flex; justify-content: space-between; }
.curr_wrap .curr02 .curr02_inner .txt { width: 60%; font-size: 2.06em; padding-top: 20px; font-weight: bold; line-height: 60px; }
.curr_wrap .curr02 .curr02_inner .txt h1 { font-size: 1.2em; }
.curr_wrap .curr02 .curr02_inner .txt span { color: #598dc9; }
.curr_wrap .curr02 .curr02_inner .img { width: 40%; }
.curr_wrap .curr02 .curr02_inner .img img { width: 100%; }
.curr_wrap .curr03 { width: 80%; margin: 100px auto; }
.curr_wrap .curr03 .curr03_inner { display: flex; margin-bottom: 30px; }
.curr_wrap .curr03 .curr03_inner .img { width: 120px; height: 120px; background-color: #598dc9; border-radius: 100%; display: flex; justify-content: center; align-items: center; }
.curr_wrap .curr03 .curr03_inner .txt { margin-left: 30px; }
.curr_wrap .curr03 .curr03_inner .txt h1 { font-size: 1.56em; font-weight: bold; line-height: 40px; margin-bottom: 10px; }
.curr_wrap .curr03 .curr03_inner .txt p { line-height: 30px; font-size: 1.25em; }
.curr_wrap .curr04 { width: 80%; margin: 150px auto; }
.curr_wrap .curr04 .curr04_inner { display: flex; justify-content: space-between; }
.curr_wrap .curr04 .curr04_inner .box { width: 20%; padding: 50px; border-radius: 20px; background-color: #d6e1f3; }
.curr_wrap .curr04 .curr04_inner .box span { display: block; text-align: center; font-size: 1.56em; font-weight: bold; margin-bottom: 30px; }
.curr_wrap .curr04 .curr04_inner .box h1 { text-align: center; font-size: 1.56em; font-weight: bold; margin-bottom: 30px; }
.curr_wrap .curr04 .curr04_inner .box p { text-align: center; font-size: 1.25em; line-height: 40px; }
.curr_wrap .curr04 .curr04_inner .arrow { display: flex; align-items: center; }
.curr_wrap .curr05 { width: 80%; margin: 150px auto; }
.curr_wrap .curr05 .curr05_inner { display: flex; justify-content: space-between; margin-bottom: 50px; }
.curr_wrap .curr05 .curr05_inner .img { width: 48%; }
.curr_wrap .curr05 .curr05_inner .img img { width: 100%; height: 400px; border-radius: 30px; }
.curr_wrap .curr05 .curr05_inner .txt { width: 48%; padding-top: 50px; }
.curr_wrap .curr05 .curr05_inner .txt h1 { font-size: 1.88em; color: #598dc9; font-weight: bold; margin-bottom: 30px; }
.curr_wrap .curr05 .curr05_inner .txt h2 { font-size: 1.88em; font-weight: bold; margin-bottom: 30px; }
.curr_wrap .curr05 .curr05_inner .txt p { font-size: 1.25em; line-height: 40px; margin-bottom: 30px; }


/* ========== notice.php ========== */
.notice_banner { width: 100%; height: 500px; background-image: url(/img/notice_banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: 20% 50%; }
.notice_banner .tit { padding: 10% 10%; }
.notice_banner .tit h1 { font-size: 3.75em; font-weight: bold; text-align: center; color: #fff; text-shadow: 1px 1px 5px #555; }
.notice_banner .tit h2 { font-size: 1.56em; font-weight: bold; text-align: center; color: #ccc; margin-top: 30px; text-shadow: 1px 1px 3px #555; }
.notice_sec table {table-layout: fixed; width: 70%; margin: 100px auto; margin-bottom: 30px; }
.notice_sec table tr { height: 60px; line-height: 60px; text-align: center; border: 1px solid #ADC4CE; border-left: none; border-right: none; }
.notice_sec table .notice_tit { text-align: center; border-top: 2px solid #598dc9; border-bottom: 1px solid #ADC4CE; }
.notice_sec table tr th { font-weight: bold; }
.notice_sec table tr th.th_idx { width: 120px; }
.notice_sec table tr th.th_date { width: 200px; }
.notice_sec table tr th.th_cnt { width: 120px; }
.notice_sec table td:nth-child(2) { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.notice_sec table .list:hover { background-color: #eee; }
.notice_sec table .list td a { color: #333; }
.notice_sec table .list td.cnt span { display: none; }
.page_num { display: flex; justify-content: center; margin-bottom: 100px; }
.page_num li a { color: #000; }
.page_num li a.prev, .page_num li a.next { color: #6f87b1; font-weight: bold; }
.page_num li a.prev img, .page_num li a.next img { width: 15px; margin-top: 12px; }
.page_num li b { display: block; width: 40px; height: 40px; line-height: 40px; border-radius: 5px; background-color: #a8b8d1; color: #fff; text-align: center; }
.page_num li { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; }


/* ========== notice_view.php ========== */
.notice_view { width: 70%; margin: 0 auto; }
.notice_view h1 { width: 100%; font-size: 3.13em; margin: 50px 0; }
.notice_view .v_top { display: flex; justify-content: space-between; padding: 30px; border-top: 3px solid #333; border-bottom: 1px solid #aaa; margin-top: 50px; }
.notice_view .v_tit { font-size: 2.50em; font-weight: bold; text-align: center; margin-top: 100px; line-height: 50px; }
.notice_view .v_top .v_tit span { display: inline-block; width: 60px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #598dc9; border-radius: 20px; font-size: 0.94em; font-weight: 100; color: #598dc9; }
.notice_view .v_top .v_date { color: #aaa; line-height: 22px; margin-right: 5%; }
.notice_view .v_top .v_hits { color: #aaa; line-height: 22px; margin-right: 1%; }
.notice_view .v_cont { padding: 80px 30px 0px 30px; border-bottom: 1px solid #aaa; font-size: 1.13em; line-height: 40px; }
.notice_view .v_file { display: flex; width: 100%; margin: 20px auto; margin-top: 100px; background-color: #efefef; padding: 15px; }
.notice_view .v_file h2 { font-size: 0.94em; font-weight: bold; margin-right: 10px; }
.notice_view .v_file .link_file { display: flex; flex-direction: column; }
.notice_view .v_file .link_file a { color: #000; }
.notice_view .v_file .link_file a:hover { color: #6283bd; }
.notice_view .list_btn { height: 150px; }
.notice_view .list_btn a { display: block; width: 180px; height: 70px; line-height: 70px; background-color: #598dc9; border-radius: 50px; color: #fff; text-align: center; font-size: 1.38em; font-weight: bold; margin: 50px auto; }


/* ========== qna.php ========== */
.qna_banner { width: 100%; height: 500px; background-image: url(/img/qna_banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: 20% 20%; }
.qna_banner .tit { padding: 10% 10%; }
.qna_banner .tit h1 { font-size: 3.75em; font-weight: bold; text-align: center; color: #fff; text-shadow: 1px 1px 5px #555; }
.qna_banner .tit h2 { font-size: 1.56em; font-weight: bold; text-align: center; color: #ccc; margin-top: 30px; text-shadow: 1px 1px 3px #555; }
.qna_sec table { width: 80%; margin: 100px auto; margin-bottom: 30px; }
.qna_sec table tr { height: 60px; line-height: 60px; text-align: center; border: 1px solid #ADC4CE; border-left: none; border-right: none; }
.qna_sec table .qna_tit { border-top: 2px solid #598dc9; border-bottom: 1px solid #ADC4CE; }
.qna_sec table tr th { font-weight: bold; }
.qna_sec table tr th.th_idx { width: 120px; }
.qna_sec table tr th.th_name { width: 120px; }
.qna_sec table tr th.th_date { width: 200px; }
.qna_sec table tr th.th_cnt { width: 120px; }
.qna_sec table .list:hover { background-color: #eee; }
.qna_sec table .list td a { display: block; text-align: initial; color: #333; }
.qna_sec table .list td.cnt span { display: none; }
.qna_sec .write_btn { width: 80%; margin: 0 auto; margin-bottom: 180px; }
.qna_sec .write_btn a { float: right; width: 150px; height: 50px; line-height: 50px; background-color: #6283bd; color: #fff; border: none; font-weight: bold; text-align: center; }
.modal-type5 { width: 500px; }
.modal-type5 .modal-content { width: 500px; margin-top: 40%; }
.modal-type5 .modal-header { width: 100%; height: 50px; line-height: 50px; background-color: #598dc9; color: #fff; font-weight: bold; text-align: center; }
.modal-type5 .modal-body input[type='password'] { width: 400px; height: 45px; border: 1px solid #ccc; margin: 15px auto; }
.modal-type5 .modal-body input[type='submit'] { width: 200px; height: 45px; background-color: #598dc9; color: #fff; border: none; margin: 10px auto; }
.qna_sec .page_num { margin-bottom: 0px; }


/* ========== qna_view.php ========== */
.qna_view { width: 70%; margin: 0 auto; }
.qna_view h1 { width: 100%; font-size: 3.13em; margin: 50px 0; }
.qna_view .v_top { display: flex; justify-content: space-between; padding: 30px; border-top: 3px solid #333; border-bottom: 1px solid #aaa; margin-top: 10px; }
.qna_view .v_tit { font-size: 2.50em; font-weight: bold; text-align: center; margin-top: 100px; }
.qna_view .v_top .v_tit span { display: inline-block; width: 60px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #598dc9; border-radius: 20px; font-size: 15px; font-weight: 100; color: #598dc9; }
.qna_view .v_top .v_date { color: #aaa; line-height: 22px; margin-right: 5%; }
.qna_view .v_top .v_hits { color: #aaa; line-height: 22px; margin-right: 1%; }
.qna_view .v_mid { display: flex; justify-content: center; padding: 10px 30px; color: #aaa; margin-top: 30px; }
.qna_view .v_mid .v_hits { margin-left: 30px; }
.qna_view .v_cont { padding: 80px 30px; border-bottom: 1px solid #aaa; font-size: 1.13em; line-height: 40px; }
.qna_view .list_btn { height: 150px; display: flex; justify-content: center; margin-top: 50px; margin-bottom: 50px; }
.qna_view .list_btn a { display: block; width: 150px; height: 60px; line-height: 60px; background-color: #598dc9; border-radius: 50px; color: #fff; text-align: center; font-size: 22px; font-weight: bold; }
.qna_view .list_btn a { margin-right: 20px; }
.qna_view .list_btn a:last-child { margin-right: 0; }
.qna_view .cmnt_view { width: 100%; }
.qna_view .cmnt_view h1 { font-size: 2em; font-weight: bold; padding: 30px 0 20px 0; margin: 0;  }
.qna_view .cmnt_view .cmnt_list { display: flex; justify-content: space-between; padding: 20px 30px; border-bottom: 1px solid #aaa; }
.qna_view .cmnt_view .cmnt_list .c_inner { width: 90%; }
.qna_view .cmnt_view .cmnt_list .cmnt_name { font-weight: bold; display: flex; margin-bottom: 10px; }
.qna_view .cmnt_view .cmnt_list .cmnt_name p:first-child { margin-right: 30px; }
.qna_view .cmnt_view .cmnt_list .cmnt { margin-bottom: 10px; }
.qna_view .cmnt_view .cmnt_list .c_date { font-size: 0.9em; color: #999; }
.qna_view .cmnt_view .cmnt_list .cmnt_mod { line-height: 65px; }
.qna_view .cmnt_view .cmnt_list .cmnt_mod a { color: #999; font-size: 0.9em; }
.qna_view .v_cmnt { width: 100%; margin: 30px auto; padding: 0 30px; }
.qna_view .v_cmnt .v_info { display: flex; }
.qna_view .v_cmnt .v_info p:first-of-type { margin-right: 20px; }
.qna_view .v_cmnt .v_info p:last-child { margin-left: 20px; }
.qna_view .v_cmnt .v_info p { margin-bottom: 10px; }
.qna_view .v_cmnt .v_info p input { width: 200px; height: 35px; border: 1px solid #aaa; }
.qna_view .v_cmnt .v_txt { display: flex; }
.qna_view .v_cmnt .v_txt textarea { width: 82%; border: 1px solid #aaa; resize: none; }
.qna_view .v_cmnt .v_txt button { width: 10%; height: 70px; border: none; background-color: #90a4c7; color: #fff; margin-left: 20px; }
.qna_view .cmnt_view .cmnt_list .c_edit .edit_info { display: flex;  border: 1px solid red; }
.c_edit .edit_info { margin-top: 20px; }
.c_edit .edit_info input { width: 200px; height: 40px; }
.c_edit textarea { width: 100%; height: 80px; margin: 20px auto; resize: none; }
.c_edit input[type="submit"] { display: block; width: 100px; height: 40px; background-color: #598dc9; color: #fff; font-weight: bold; border: none; margin: 10px auto; }
.c_del .c_pw { display: block; width: 200px; height: 40px; border: 1px solid #aaa; margin: 30px auto; }
.c_del input[type="submit"] { display: block; width: 100px; height: 40px; background-color: #598dc9; color: #fff; font-weight: bold; border: none; margin: 10px auto; }
.q_del .c_pw { display: block; width: 200px; height: 40px; border: 1px solid #aaa; margin: 30px auto; }
.q_del input[type="submit"] { display: block; width: 100px; height: 40px; background-color: #598dc9; color: #fff; font-weight: bold; border: none; margin: 10px auto; }


/* ========== qna_write.php ========== */
.qwrite_wrap { width: 100%; padding: 100px 0; }
.qwrite_wrap .qwrite_inner { width: 70%; margin: 0 auto; }
.qwrite_wrap .qwrite_inner .form_group { margin-bottom: 20px; }
.qwrite_wrap .qwrite_inner .form_group label { display: block; margin-bottom: 10px; }
.qwrite_wrap .qwrite_inner .form_group #name { margin-bottom: 20px; }
.qwrite_wrap .qwrite_inner .form_group .ck-label { display: none; }
.qwrite_wrap .qwrite_inner .form_group #name, .qwrite_wrap .qwrite_inner .form_group #pw, .qwrite_wrap .qwrite_inner .form_group #email, .qwrite_wrap .qwrite_inner .form_group #subject { width: 99.3%; height: 35px; border: 1px solid #ccc; }
.qwrite_wrap .qwrite_inner .form_group #name:focus, .qwrite_wrap .qwrite_inner .form_group #pw:focus, .qwrite_wrap .qwrite_inner .form_group #email:focus, .qwrite_wrap .qwrite_inner .form_group #subject:focus { outline: none; border-color: #598dc9; box-shadow: 0px 0px 3px #598dc9; }
.ck-editor__editable { height: 400px; max-height: 400px; }
.qwrite_wrap .qwrite_inner .qwrite_btn { width: 100%; display: flex; justify-content: center; }
.qwrite_wrap .qwrite_inner .qwrite_btn input[type="submit"],.qwrite_wrap .qwrite_inner .qwrite_btn input[type="button"] { display: block; width: 150px; height: 50px; line-height: 50px; background-color: #6283bd; color: #fff; border: none; font-weight: bold; text-align: center; margin-top: 50px; }
.qwrite_wrap .qwrite_inner .qwrite_btn input[type="button"] { margin-right: 20px; }
.g-recaptcha { display: flex; justify-content: center; }


/* ========== qna_check.php ========== */
#qna_pass input { display: block; }
#qna_pass input[type='password'] { width: 300px; height: 45px;  border: 1px solid #aaa; margin: 20px auto; }
#qna_pass input[type='submit'] { width: 200px; height: 45px; background-color: #598dc9; color: #fff; border: none; margin: 20px auto; margin-top: 30px; font-weight: bold; }


/* ========== review.php ========== */
.review_banner { width: 100%; height: 500px; background-image: url(/img/review_banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; position: relative; }
.review_banner .tit { padding: 10% 10%; }
.review_banner .tit h1 { font-size: 3.75em; font-weight: bold; text-align: center; color: #fff; text-shadow: 1px 1px 5px #555; }
.review_banner .tit h2 { font-size: 1.56em; font-weight: bold; text-align: center; color: #ccc; margin-top: 30px; text-shadow: 1px 1px 3px #555; }
.review_sec { width: 80%; margin: 100px auto; position: relative; }
.review_sec h1 { font-size: 1.88em; font-weight: bold; line-height: 50px; }
.review_sec h1 span { display: inline-block; position: relative; }
.review_sec h1 span::after { content: ''; width: 112px; height: 8px; background-color: #598dc9; position: absolute; right: 0; bottom: 5px; z-index: -999; }
.review_sec ul { display: flex; flex-wrap: wrap; justify-content: space-between; flex-wrap: wrap; }
.review_sec ul li { width: 22%; background-color: #f8f8f8; border-top : 5px solid #598dc9; margin: 70px 0; }
.review_sec ul li a { display: block; width: 100%; text-decoration: none; }
.review_sec ul li a h1 { font-size: 1.56em; text-align: center; font-weight: bold; margin-top: 20px; color: #000; }
.review_sec ul li a p { font-size: 0.94em; padding: 0 30px; margin-top: 15px; line-height: 30px; color: #000; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.review_sec ul li a span { display: block; font-size: 0.88em; color: #aaa; text-align: right; margin-right: 10%; margin-top: 15px; margin-bottom: 30px; }
.review_sec ul li:hover { transform: translateY(-2%); transition: 0.6s; box-shadow: 3px 3px 8px #aaa; }
.modal-type4 { width: 800px; margin-top: 100px; }
.modal-type4 .modal-header .modal-img01 { width: 200px; height: 100px; display: block; margin: 0 auto;}
.modal-type4 .modal-body { width: 80%; max-height: 500px; overflow-y: scroll; margin: 0 auto; margin-bottom: 100px; margin-top: 0; background-color: #9eb7d3; background-image: url(/img/balloon.png); background-repeat: no-repeat; background-size: 92% 100%; }
.modal-type4 .modal-body div.text-area { padding: 10px 70px; }
.modal-type4 .modal-body div.text-area .txt { line-height: 30px; }
.modal-type4 .modal-body div.img-area img { width: 80%; display: block; margin: 0 auto; }
.modal-type4 .tit { width: 83.4%; margin: 0 auto; text-align: center; background-color: #9eb7d3;  }
.modal-type4 .tit h1 { font-size: 2.44em; font-weight: bold; text-align: center; padding: 50px 0 30px 0; }
.modal-type4 .tit h3 { font-size: 0.88em; color: #fff; text-align: right; margin-bottom: 0px; padding-bottom: 10px; margin-right: 8%; font-weight: normal; }
.modal-type4 .modal-content { border-radius: 50px; }


/* ========== fame.php ========== */
.fame_banner { width: 100%; height: 500px; background-image: url(/img/fame_banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; position: relative; }
.fame_banner .tit { padding: 10% 10%; }
.fame_banner .tit h1 { font-size: 3.75em; font-weight: bold; text-align: center; color: #fff; text-shadow: 1px 1px 5px #555; }
.fame_banner .tit h2 { font-size: 1.56em; font-weight: bold; text-align: center; color: #ccc; margin-top: 30px; text-shadow: 1px 1px 3px #555; }
.fame_cont { position: relative;  }
.fame_cont .fame_review{ width:80%; margin:0 auto; padding:80px 0 60px; display: flex; flex-wrap: wrap; }
.fame_cont .fame_review a { width: 20%; padding: 20px; border-radius: 20px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); margin-bottom: 50px; margin-right: 20px; }
.fame_cont .fame_review a .thum_wrap { width: 100%; height: 300px; border-radius: 20px; overflow: hidden; }
.fame_cont .fame_review a .thum_wrap img { width: 100%; height: 100%; object-fit: cover; }
.fame_cont .fame_review a .txt_wrap { display: block; }
.fame_cont .fame_review a .txt_wrap .thum_top { display: block; }
.fame_cont .fame_review a .txt_wrap .thum_top h1 { font-size: 1.13em; font-weight: bold; color: #000; margin: 20px 0; }
.fame_cont .fame_review a .txt_wrap .thum_top p { font-size: 0.94em; line-height: 25px; color: #000; margin-bottom: 20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.fame_cont .fame_review a .txt_wrap .thum_bottom { display: block; font-size: 0.88em; text-align: right; color: #888; }


/* ========== major.php ========== */
.major_banner { width: 100%; height: 500px; background-image: url(/img/major_banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; position: relative; margin-bottom: 100px; }
.major_banner .tit { padding: 10% 10%; }
.major_banner .tit h1 { font-size: 3.75em; font-weight: bold; text-align: center; color: #fff; text-shadow: 1px 1px 5px #555; }
.major_banner .tit h2 { font-size: 1.56em; font-weight: bold; text-align: center; color: #ccc; margin-top: 30px; text-shadow: 1px 1px 3px #555; }


/* ========== counsel.php ========== */
.counsel_banner { width: 100%; height: 500px; background-image: url(/img/counsel_banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; position: relative; margin-bottom: 100px; }
.counsel_banner .tit { padding: 10% 10%; }
.counsel_banner .tit h1 { font-size: 3.75em; font-weight: bold; text-align: center; color: #fff; text-shadow: 1px 1px 5px #555; }
.counsel_banner .tit h2 { font-size: 1.56em; font-weight: bold; text-align: center; color: #ccc; margin-top: 30px; text-shadow: 1px 1px 3px #555; }
.counsel_sec { width: 100%; }
.counsel_sec .counsel_inner { width: 60%; margin: 0 auto; }
.counsel_sec .counsel_inner h1 { font-size: 2.81em; font-weight: bold; text-align: center; margin-bottom: 20px; }
.counsel_sec .counsel_inner h2 { text-align: center; margin-bottom: 80px; line-height: 25px; color: #777; }
.counsel_sec .counsel_inner .line { width: 100%; height: 3px; background-color: #598dc9; margin-bottom: 30px; }
.counsel_sec .counsel_inner .counsel_form { width: 90%; margin: 0 auto; margin-bottom: 120px; }
.counsel_sec .counsel_inner .counsel_form  table { width: 100%; }
.counsel_sec .counsel_inner .counsel_form tr th { font-size: 1.25em; font-weight: bold; text-align: left; vertical-align: middle; padding: 20px 30px; }
.counsel_sec .counsel_inner .counsel_form tr td { width: 83%; padding: 15px 30px; }
.counsel_sec .counsel_inner .counsel_form tr td input[type="text"] { width: 98%; height: 50px; padding-left: 10px; border-radius: 15px; border: 1px solid #aaa; }
.counsel_sec .counsel_inner .counsel_form tr td select { width: 50%; height: 50px; border-radius: 15px; border: 1px solid #aaa; padding: 13px 10px; }
.counsel_sec .counsel_inner .counsel_form tr td textarea { width: 98%; height: 500px; border-radius: 15px; border: 1px solid #aaa; resize: none; padding: 10px; line-height: 25px; }
.counsel_sec .counsel_inner .counsel_form input[type="submit"] { display: block; width: 220px; height: 70px; line-height: 70px; background-color: #598dc9; border-radius: 50px; color: #fff; text-align: center; font-size: 1.38em; font-weight: bold; margin: 50px auto; border: none; }


/* ========== organization.php ========== */
.org_banner { width: 100%; height: 500px; background-image: url(/img/org_banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; position: relative; margin-bottom: 100px; }
.org_banner .tit { padding: 10% 10%; }
.org_banner .tit h1 { font-size: 3.75em; font-weight: bold; text-align: center; color: #fff; text-shadow: 1px 1px 5px #555; }
.org_banner .tit h2 { font-size: 1.56em; font-weight: bold; text-align: center; color: #ccc; margin-top: 30px; text-shadow: 1px 1px 3px #555; }
.org_wrap { margin-bottom: 100px; }
.org_wrap .org_img { width: 80%; margin: 0 auto; }
.org_wrap .org_img img { width: 100%; }


/* ========== facility.php ========== */
.facility_banner { width: 100%; height: 500px; background-image: url(/img/facility_banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; position: relative; margin-bottom: 100px; }
.facility_banner .tit { padding: 10% 10%; }
.facility_banner .tit h1 { font-size: 3.75em; font-weight: bold; text-align: center; color: #fff; text-shadow: 1px 1px 5px #555; }
.facility_banner .tit h2 { font-size: 1.56em; font-weight: bold; text-align: center; color: #ccc; margin-top: 30px; text-shadow: 1px 1px 3px #555; }
.facility_sec h1 { text-align: center; font-size: 2.50em; line-height: 60px; margin-bottom: 50px; }
.facility_sec h1 span { color: #598dc9; font-weight: bold; }
.facility { width: 75%; margin: 0 auto; margin-bottom: 100px; }
.facility h2 { font-size: 1.88em; font-weight: bold; color: #598dc9; margin-bottom: 15px; margin-top: 50px; }
.facility p { font-size: 1.25em; font-weight: bold; margin-bottom: 25px; }
.facility .fclty_img { position: relative; display: flex; justify-content: space-between; width: 100%; margin: 0 auto; margin-bottom: 30px; }
.facility .fclty_img img { width: 32%; }
.facility .fclty_img span { position: absolute; bottom: 0; left: 0; display: block; width: 150px; height: 50px; background-color: rgba(92, 92, 92, 0.5); color: #fff; text-align: center; line-height: 50px; font-weight: bold; }


/* ========== intro.php ========== */
.intro_banner { width: 100%; height: 500px; background-image: url(/img/introduce_banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50% 0%; position: relative; margin-bottom: 100px; }
.intro_banner .tit { padding: 10% 10%; }
.intro_banner .tit h1 { font-size: 3.75em; font-weight: bold; text-align: center; color: #fff; text-shadow: 1px 1px 5px #555; }
.intro_banner .tit h2 { font-size: 1.56em; font-weight: bold; text-align: center; color: #ccc; margin-top: 30px; text-shadow: 1px 1px 3px #555; }
.intro_wrap { display: flex; flex-direction: column; align-items: center; margin-bottom: 100px; }
.intro_wrap .intro_img { margin-right: 20px; }
.intro_wrap .intro_img img { width: 18.75vw; }
.intro_wrap .intro { width: 50%; display: flex; padding: 20px 50px; border-radius: 10px; border: 3px solid #598dc9; margin-bottom: 50px; }
.intro_wrap .intro .intro_txt { position: relative; display: flex; flex-direction: column; justify-content: space-between; }
.intro_wrap .intro .col { display: flex; margin-bottom: 10px; }
.intro_wrap .intro .col h3 { width: 80px; color: #598dc9; font-weight: bold; line-height: 22px; }
.intro_wrap .intro .col p { line-height: 22px; }
.intro_wrap .intro .col p.position { font-weight: bold; color: #598dc9; font-size: 1.13em; margin-top: 30px; }
.intro_wrap .intro .col h2 { font-weight: bold; font-size: 1.5em; margin-bottom: 30px; }
.intro_wrap .intro .col div p span { display: flexbox; padding: 0 2px; border-radius: 2px; border: 1px solid #598dc9; color: #598dc9; font-size: 0.75em; margin-right: 5px; }
.intro_wrap .intro .subject { margin-bottom: 1.56vw; }
.intro_wrap .intro .subject span { display: inline-block; padding: 10px 10px; border: 1px solid #0072ff; color: #125ad3; font-weight: bold; margin: 0 10px 10px 0; }
.section .img { display: flex; justify-content: center; }
.section .img .img_left { position: relative; display: flex; width: 20%; padding: 30px 50px; }
.section .img .img_left img.logo { width: 70px; height: 100px; margin-right: 50px; }
.section .img .img_left .script { position: absolute; bottom: 20px; }
.section .img .img_left div p { font-weight: bold; color: #598dc9; line-height: 40px; font-size: 1.25em; margin-bottom: 10px; }
.section .img .img_left div h2 { font-weight: bold; font-size: 2.5em; }
.section .txt { display: flex; justify-content: center; padding: 50px 20px; background-color: #eaf2fb; margin-bottom: 100px; }
.section .txt .txt_left { margin-right: 30px; }
.section .txt .txt_left .txt_sec { display: flex; margin-bottom: 20px; }
.section .txt .txt_left .txt_sec h3 { width: 100px; font-weight: bold; font-size: 1.13em; color: #598dc9; line-height: 25px; }
.section .txt .txt_left .txt_sec p { line-height: 23px; }
.section .txt .txt_right h3 { font-size: 1.13em; font-weight: bold; line-height: 25px; color: #598dc9; margin-bottom: 5px; }
.section .txt .txt_right p { line-height: 23px; }

@media all and (min-width:950px) and (max-width:1280px) {
    /* footer */
    #footer .text .pane { width: auto; }
    /* index.php */
    .list_box { width: 80%; }
    .more { right: 12%; }
    #sec04 .review_late { width: 80%; }
    /* greeting.php */
    .greeting_sec2 .box_wrap { width: 60%; }
    .ceti_location .location_txt p i { margin-left: 60px; }
    .ceti_location .location_txt p br { display: block; }
    /* organization.php */
    .org_wrap .org_img { width: 80%; }
    /* introduction.php */
    .section .img .img_left { width: 40%; }
    .intro_wrap .intro { width: 70%; }
    .intro_wrap .intro .subject { margin-top: 20px; }
    .intro_wrap .intro .col h2 { margin-bottom: 10px; }
    /* notice.php */
    .notice_sec table { width: 80%; }
    .notice_sec table th:nth-child(1) { width: 100px; }
    .notice_sec table th:nth-child(3) { width: 180px; }
    .notice_sec table th:nth-child(4) { width: 100px; }
    /* notice_view.php */
    .notice_view { width: 80%; }
    .notice_view .v_file .link_file { margin-left: 20px; }
    .notice_view .v_file .link_file a { display: block; }
    /* qna_view.php */
    .qna_view { width: 80%; }
    /* qna_write.php */
    .qwrite_wrap .qwrite_inner { width: 80%; }
    /* fame.php */
    .fame_cont .fame_review a { width: 26%; }
    /* counsel.php */
    .counsel_sec .counsel_inner { width: 80%; }
}


/* ========== kakao/location.php ========== */
.kakao_top img { display: block; margin: 0 auto; margin-bottom: 20px; padding: 15px 0; }
.kakao_top h1 { font-size: 2.5em; font-weight: bold; text-align: center; color: #598dc9; }
.k_location .m_info p { width: 80%; margin: 0 auto; font-size: 1.25em; padding: 10px 0; border-bottom: 1px solid #aaa; }
.k_location .m_info p i { margin-left: 30px; margin-bottom: 30px; }
.k_location .map1 #map1 { margin: 50px auto; }
.k_location .map2 #map2 { display: block !important; margin: 50px auto; }
.k_location h2 { font-size: 1.50em; text-align: center; margin-top: 100px; }
.k_location h2::after { display: block; content: ''; width: 70px; height: 4px; background-color: #598dc9; margin: 0 auto; margin-top: 15px; }


/* ========== kakao/principle.php ========== */
.principle { margin-top: 80px; }
.principle .box { border: 3px solid #bfd3eb; display: flex; padding: 30px 20px; width: 80%; margin: 0 auto; margin-bottom: 20px; }
.principle .box h1 { font-size: 30px; font-weight: bold; margin-right: 20px; color: #598dc9; }
.principle .box p { font-size: 20px;  line-height: 35px; }
.principle .box:last-child { margin-bottom: 50px; }


/* ========== pro_course.php ========== */
.pcourse_banner { width: 100%; height: 500px; background-image: url(/img/course_banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; position: relative; margin-bottom: 100px; }
.pcourse_banner .tit { padding: 10% 10%; }
.pcourse_banner .tit h1 { font-size: 3.75em; font-weight: bold; text-align: center; color: #fff; text-shadow: 1px 1px 5px #555; }
.pcourse_banner .tit h2 { font-size: 1.56em; font-weight: bold; text-align: center; color: #ccc; margin-top: 30px; text-shadow: 1px 1px 3px #555; }
.pcourse_sec { margin-bottom: 100px; }
.pcourse_sec .course .course-wrap { border-bottom: none; }
.pcourse_sec .course .course-wrap:last-child { border-bottom: 2px solid #ccc; }