@charset "euc-kr"; .scollEventPrevent{height:100vh; overflow:hidden;} /* div.wrap{overflow:hidden;} sticky 작동 때문에 주석처리 */ header{width:1600px; height:7.95rem; margin:0 auto; background:#fff; display:flex; align-items:center; justify-content:space-between;} header div.logo{width:25rem; height:auto;} header div.logo a{display:block; width:100%; height:100%;} header div.logo a img{width:100%;} header div.menu{height:100%;} header div.menu ul.member{display:flex; color:#fff; width:fit-content; margin:0 0 0 auto; margin-bottom:0.5rem;} header div.menu ul.member li{font-family:'NanumNeo_B', sans-serif; font-size:1.125rem; position:relative; background:var(--color-main01);} header div.menu ul.member li:after{content:''; display:block; width:1px; height:50%; background:rgba(255,255,255,0.5); position:absolute; top:25%; right:0;} header div.menu ul.member li:last-child:after{display:none;} header div.menu ul.member li a{display:block; padding:0.8rem 2rem;} header div.menu ul.member li.mob-gnb{display:none; background:#fff; margin-left:1rem;} header div.menu ul.member li.mob-gnb a{padding:0; width:1.5rem; height:1.5rem;} header div.menu ul.member li.mob-gnb a span.bar{display:block; width:100%; height:3px; background:#333; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:0.3s; -webkit-transition:0.3s;} header div.menu ul.member li.mob-gnb a span.bar:before{content:''; display:block; width:100%; height:3px; background:#333; position:absolute; top:-0.5rem; left:0; transition:0.3s; -webkit-transition:0.3s;} header div.menu ul.member li.mob-gnb a span.bar:after{content:''; display:block; width:100%; height:3px; background:#333; position:absolute; bottom:-0.5rem; left:0; transition:0.3s; -webkit-transition:0.3s;} header div.menu nav.gnb{} header div.menu nav.gnb ul.depth1{display:flex;} header div.menu nav.gnb ul.depth1 li{width:9rem; font-size:1.375rem; font-family:'NanumNeo_B', sans-serif; text-align:center; transition:0.3s; -webkit-transition:0.3s;} header div.menu nav.gnb ul.depth1 li a{display:block; width:100%; height:100%; padding:1.5rem 0;} header div.menu nav.gnb ul.depth1 li a span{position:relative;} header div.menu nav.gnb ul.depth1 li a span:after{content:''; display:block; width:0; height:3px; background:var(--color-main02); position:absolute; bottom:-0.5rem; left:0; transition:0.3s; -webkit-transition:0.3s;} header div.menu nav.gnb ul.depth1 li div.depth2{width:100%; height:0; position:absolute; top:7.95rem; left:0; z-index:99; background:linear-gradient(to right, rgba(255,255,255,1) 25%, rgba(243,244,239,1) 25%); display:flex; overflow:hidden; align-items:flex-start; transition:0.3s; -webkit-transition:0.3s;} header div.menu nav.gnb ul.depth1 li div.depth2:before{content:''; display:block; width:100%; height:1px; background:#ddd; position:absolute; top:0; left:0;} header div.menu nav.gnb ul.depth1 li div.depth2 div.dep-tit{width:35%; height:100%; text-align:right; background:var(--color-main02); transform:translateY(4rem); padding:3rem;} header div.menu nav.gnb ul.depth1 li div.depth2 div.dep-tit p.tit{color:#fff;} header div.menu nav.gnb ul.depth1 li div.depth2 div.dep-tit p.tit.kor{font-size:2rem; font-family:'NanumNeo_EB', sans-serif; text-shadow:0 5px 8px rgba(0,0,0,0.1); margin-bottom:0.8rem;} header div.menu nav.gnb ul.depth1 li div.depth2 div.dep-tit p.tit.eng{font-size:1rem ;font-family:'NanumNeo_R', sans-serif; line-height:1.6; opacity:.4;} header div.menu nav.gnb ul.depth1 li div.depth2 ul{width:65%; padding:4rem; display:flex; flex-wrap:wrap; align-items:flex-start;} header div.menu nav.gnb ul.depth1 li div.depth2 ul li{width:21.25%; margin-right:5%; text-align:left; margin-bottom:2rem; background:#fff; font-size:1.125rem; border:1px solid #ddd; position:relative; overflow:hidden; transition:0.3s; -webkit-transition:0.3s;} header div.menu nav.gnb ul.depth1 li div.depth2 ul li:nth-child(4n){margin-right:0;} header div.menu nav.gnb ul.depth1 li div.depth2 ul li:before{content:''; display:block; width:100%; height:100%; background:#222; position:absolute; top:0; left:-100%; transition:0.3s; -webkit-transition:0.3s;} header div.menu nav.gnb ul.depth1 li div.depth2 ul li:after{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/ic_arrow.svg")center/100% auto no-repeat; position:absolute; top:50%; right:1rem; transform:translateY(-50%); opacity:.4; transition:0.3s; -webkit-transition:0.3s;} header div.menu nav.gnb ul.depth1 li div.depth2 ul li a{padding:1rem; padding-right:3rem;} @media(hover:hover){ header div.menu nav.gnb ul.depth1 li:hover{font-family:'NanumNeo_EB', sans-serif; color:var(--color-main02)} header div.menu nav.gnb ul.depth1 li:hover a span:after{width:100%;} header div.menu nav.gnb ul.depth1 li:hover a + div.depth2{height:19rem;} header div.menu nav.gnb ul.depth1 li:hover div.depth2 ul li{color:#222;} header div.menu nav.gnb ul.depth1 li div.depth2 ul li:hover{border-color:#222; color:#fff; z-index:2;} header div.menu nav.gnb ul.depth1 li div.depth2 ul li:hover:before{left:0; z-index:-1;} header div.menu nav.gnb ul.depth1 li div.depth2 ul li:hover:after{background-image:url("/fro_end/img/ic_arrow_wh.svg"); opacity:1;} } section a.btn-more{display:inline-block; padding:1rem; padding-right:3.6rem; border:1px solid #222; position:relative; overflow:hidden; transition:0.3s; -webkit-transition:0.3s; z-index:2;} section a.btn-more:before{content:''; display:block; width:100%; height:100%; background:#222; position:absolute; top:0; left:-100%; transition:0.3s; -webkit-transition:0.3s; z-index:-1;} section a.btn-more:after{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/ic_arrow.svg")center/100% auto no-repeat; position:absolute; top:50%; right:1rem; transform:translateY(-50%); z-index:2; transition:0.3s; -webkit-transition:0.3s;} section a.btn-more.wh{border-color:#fff; color:#fff;} section a.btn-more.wh:before{background:#fff;} section a.btn-more.wh:after{background-image:url("/fro_end/img/ic_arrow_wh.svg");} @media(hover:hover){ section a.btn-more:hover{color:#fff;} section a.btn-more:hover:before{left:0;} section a.btn-more:hover:after{background-image:url("/fro_end/img/ic_arrow_wh.svg");} section a.btn-more.wh:hover{background:#fff; color:#222;} section a.btn-more.wh:hover:after{background-image:url("/fro_end/img/ic_arrow.svg");} } section.main-slide{width:100%; height:22rem; position:relative;} section.main-slide div.slide-wrap{width:100%; height:100%; position:relative;} section.main-slide div.slide-wrap:before{content:''; display:block; width:100%; height:100%; background:#000; opacity:0.3; position:absolute; top:0; left:0; z-index:1;} section.main-slide div.slide-wrap div.slick-list, section.main-slide div.slide-wrap div.slick-track{width:100%; height:100%;} section.main-slide div.slide-wrap div.slide-item{} section.main-slide div.slide-wrap div.slide-item.item1{background:url("/fro_end/img/main_slide01.jpg")0 60%/cover no-repeat;} section.main-slide div.slide-wrap div.slide-item.item2{background:url("/fro_end/img/main_slide02.jpg")0 70%/cover no-repeat;} section.main-slide div.slide-wrap div.slide-item.item3{background:url("/fro_end/img/main_slide03.jpg")0 65%/cover no-repeat;} section.main-slide div.fix-cont{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2; width:100%;} section.main-slide div.fix-cont p.txt{color:#fff; text-align:center;} section.main-slide div.fix-cont p.txt.txt1{font-family:'NotoSerif_M', serif; font-size:2rem; text-shadow:0 5px 5px rgba(0,0,0,0.2);} section.main-slide div.fix-cont p.txt.txt2{font-family:'NotoSerif_B', serif; font-size:3.125rem; text-shadow:0 6px 8px rgba(0,0,0,0.3);} section.main-board{display:flex; box-shadow:0 10px 30px rgba(0,0,0,0.15); margin-top:6rem; position:relative; z-index:3;} section.main-board:before{content:''; display:block; width:8rem; height:8rem; background:var(--color-main01); position:absolute; top:-1rem; left:-1rem; z-index:-1;} section.main-board:after{content:''; display:block; width:8rem; height:8rem; background:var(--color-main02); position:absolute; bottom:-1rem; right:-1rem; z-index:-1;} section.main-board div.board-wrap{width:50%; background:#fff;} section.main-board div.board-wrap div.title{padding:1.8rem 2.5rem; border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content:space-between;} section.main-board div.board-wrap div.title h3{font-family:'NanumNeo_EB', sans-serif; font-size:1.75rem;} section.main-board div.board-wrap div.title h3:before{content:''; display:block; width:2.5rem; height:2.5rem; margin-bottom:0.3rem; background:url("/fro_end/img/main_noti.svg")center/100% auto no-repeat;} section.main-board div.board-wrap ul.board{padding:1rem 0;} section.main-board div.board-wrap ul.board li{padding:1rem 2.5rem; position:relative; border-bottom:1px solid #ddd;} section.main-board div.board-wrap ul.board li:last-child{border-bottom:0;} section.main-board div.board-wrap ul.board li a.tit{display:inline-block; vertical-align:middle; width:fit-content; max-width:calc(100% - 5.5rem); padding-right:1.6rem; font-size:1.125rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative;} section.main-board div.board-wrap ul.board li a.tit span.new{display:inline-block; width:1.25rem; height:1.25rem; line-height:1.25rem; font-family:'NanumNeo_H', sans-serif; font-size:0.7rem; text-align:center; border-radius:50%; background:#ffb300; color:#fff; position:absolute; top:50%; right:0; transform:translateY(-50%); animation:twinkle 1.4s linear infinite;} section.main-board div.board-wrap ul.board li span.date{min-width:6rem; font-family:'NanumNeo_L', sans-serif; position:absolute; top:50%; right:1.25rem; transform:translateY(-50%); color:#888; text-align:right;} section.main-board div.board-wrap ul.board li.main-noti{} section.main-board div.board-wrap ul.board li.main-noti span.noti{display:inline; background:var(--color-main01); color:#fff; font-family:'NanumNeo_B', sans-serif; border-radius:3px; box-shadow:0 0 30px rgba(231,30,24,0.2); padding:0.4rem 0.5rem; margin-right:0.5rem;} section.main-board div.board-wrap ul.board li.main-noti a.tit{font-family:'NanumNeo_B', sans-serif;} section.main-board div.board-wrap.docu{background:var(--color-main05);} section.main-board div.board-wrap.docu div.title h3:before{background-image:url("/fro_end/img/main_docu.svg");} section.main-board div.board-wrap.docu ul.board li.main-noti span.noti{background:var(--color-main02); box-shadow:0 0 30px rgba(69,152,91,0.2);} @keyframes twinkle{ 0%{opacity:0.4;} 50%{opacity:1;} 100%{opacity:0.6;} } @media(hover:hover){ section.main-board div.board-wrap ul.board li a.tit:hover{font-family:'NanumNeo_B', sans-serif;} section.main-board div.board-wrap ul.board li.main-noti a.tit:hover{font-family:'NanumNeo_EB', sans-serif;} } section.main-course{padding-top:4rem; position:relative;} section.main-course:before{content:''; display:block; width:27rem; height:27rem; background:url("/fro_end/img/main_symbol.png")center/auto 100% no-repeat; position:absolute; top:5rem; left:-12rem;} section.main-course div.title{text-align:center; font-family:'NotoSerif_R', serif; margin-bottom:3rem;} section.main-course div.title p.sub-t{color:var(--color-main03); font-size:1.375rem;} section.main-course div.title p.main-t{font-family:'NotoSerif_B', serif; font-size:3.125rem;} section.main-course ul.course-list{display:flex;} section.main-course ul.course-list li.course{width:33.33%; height:22.5rem; position:relative;} section.main-course ul.course-list li.course:before{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:#000; opacity:0.65;} section.main-course ul.course-list li.course div.inner{width:80%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} section.main-course ul.course-list li.course div.inner div.tit{color:#fff; text-align:center; margin-bottom:3rem;} section.main-course ul.course-list li.course div.inner div.tit h3{font-family:'NanumNeo_EB'; font-size:1.88rem; margin-bottom:0.85rem; text-shadow:0 8px 10px rgba(0,0,0,0.5);} section.main-course ul.course-list li.course div.inner div.tit p{font-size:1.125rem; line-height:1.5; color:rgba(255,255,255,0.6); word-break:keep-all;} section.main-course ul.course-list li.course div.inner div.btn{text-align:center;} section.main-course ul.course-list li.course div.inner div.btn a.btn-more{} section.main-course ul.course-list li.course1{background:url("/fro_end/img/main_course01.jpg")center/cover no-repeat;} section.main-course ul.course-list li.course2{background:url("/fro_end/img/main_course02.jpg")center/cover no-repeat;} section.main-course ul.course-list li.course3{background:url("/fro_end/img/main_course03.jpg")center/cover no-repeat;} section.main-course ul.course-list li.course4{background:url("/fro_end/img/main_course04.jpg")center/cover no-repeat;} section.main-button{padding-top:6rem;} section.main-button ul.button-list{display:flex; border:1px solid #ddd;} section.main-button ul.button-list li.button{width:25%; height:15rem; background:#fff; position:relative;} section.main-button ul.button-list li.button:nth-child(even){background:var(--color-main05);} section.main-button ul.button-list li.button a{display:block; width:100%; height:100%;} section.main-button ul.button-list li.button a span.label{width:100%; text-align:center; font-family:'NanumNeo_B',sans-serif; font-size:1.375rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); word-break:keep-all;} section.main-button ul.button-list li.button a span.label:before{content:''; display:block; width:2.5rem; height:2.5rem; background:url("/fro_end/img/main_button01.png")center/100% auto no-repeat; margin:0 auto; margin-bottom:1.5rem;} section.main-button ul.button-list li.button2 a span.label:before{background-image:url("/fro_end/img/main_button02.png");} section.main-button ul.button-list li.button3 a span.label:before{background-image:url("/fro_end/img/main_button03.png");} section.main-button ul.button-list li.button4 a span.label:before{background-image:url("/fro_end/img/main_button04.png");} section.main-button ul.button-list li.button5 a span.label:before{background-image:url("/fro_end/img/main_button05.png");} section.main-button ul.button-list li.button a span.label > span{position:relative;} section.main-button ul.button-list li.button a span.label > span:after{content:''; display:block; width:0; height:2px; background:#222; position:absolute; bottom:-0.5rem; left:0; transition:0.3s; -webkit-transition:0.3s;} @keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}} @media(hover:hover){ section.main-button ul.button-list li.button:hover a span.label{font-family:'NanumNeo_EB',sans-serif;} section.main-button ul.button-list li.button:hover a span.label:before{animation:swing 1s;} section.main-button ul.button-list li.button:hover a span.label > span:after{width:100%;} } section.main-inquiry{margin-top:6rem; border-top:1px solid #333;} section.main-inquiry div.inquiry{display:flex; padding:2rem 0; width:1600px; margin:0 auto;} section.main-inquiry div.inquiry div.inq-left{width:20%; border-right:1px solid #333;} section.main-inquiry div.inquiry div.inq-left h3.tit{margin-bottom:1rem; font-size:1.375rem;} section.main-inquiry div.inquiry div.inq-left div.con{display:flex; align-items:center;} section.main-inquiry div.inquiry div.inq-left div.con a.btn-more{margin-right:0.8rem; padding:0.7rem 1rem; padding-right:2.8rem;} section.main-inquiry div.inquiry div.inq-left div.con a.btn-more:last-child{margin-right:0 !important;} section.main-inquiry div.inquiry div.inq-right{width:80%; display:flex; justify-content:space-between; padding-left:5rem; align-items:center;} section.main-inquiry div.inquiry div.inq-right div.info-tel{display:flex; font-family:'NanumNeo_EB', sans-serif; font-size:2rem;} section.main-inquiry div.inquiry div.inq-right div.info-tel h3.tit{color:var(--color-main01); margin-right:2rem;} section.main-inquiry div.inquiry div.inq-right div.info-tel div.con{} section.main-inquiry div.inquiry div.inq-right div.info-tel div.con p{} section.main-inquiry div.inquiry div.inq-right div.info-tel div.con p.sub-t{font-family:'NanumNeo_B', sans-serif; font-size:1.125rem; color:#696969; margin-top:0.8rem;} section.main-inquiry div.inquiry div.inq-right ul.info-list{display:flex;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info{margin-left:3.5rem;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info h4.lab{font-family:'NanumNeo_H', sans-serif; font-size:1.125rem; padding-left:2rem; margin-bottom:1.5rem; position:relative;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info h4.lab:before{content:''; display:block; width:1.5rem; height:1.5rem; position:absolute; top:-2px; left:0; background:url("/fro_end/img/main_call.svg")center/100% auto no-repeat;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info.fax h4.lab:before{background-image:url("/fro_end/img/main_fax.svg");} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info.mail h4.lab:before{background-image:url("/fro_end/img/main_mail.svg");} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info p.info{font-size:1.25rem;} footer{background:#222; color:#fff; font-size:0.95rem;} footer div.f-top{display:flex; align-items:center; justify-content:space-between; padding:1.5rem 0; border-bottom:1px solid rgba(185,181,183,0.3);} footer div.f-top ul.link-list{display:flex;} footer div.f-top ul.link-list li{font-family:'NanumNeo_B', sans-serif; margin-right:2rem;} footer div.f-top ul.link-list li a{display:block; width:100%; height:100%;} footer div.f-top div.family-site{} footer div.f-top div.family-site a.view{display:inline-block; width:15rem; border:1px solid var(--color-main03); color:var(--color-main03); padding:1rem; position:relative;} footer div.f-top div.family-site a.view:after{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/footer_arrow.svg")center/100% auto no-repeat; position:absolute; top:48%; right:1rem; transform:translateY(-50%); transition:0.3s; -webkit-transition:0.3s;} footer div.f-top div.family-site a.view.on:after{transform:translateY(-50%) scaleY(-1);} footer div.f-top div.family-site ul.link{position:absolute; width:15rem; height:9rem; overflow-y:auto; background:#fff; color:#222; z-index:2; display:none;} footer div.f-top div.family-site ul.link li{border-bottom:1px solid #ddd; position:relative; padding-right:1.2em;} footer div.f-top div.family-site ul.link li:last-child{border-bottom:none;} footer div.f-top div.family-site ul.link li:after{content:''; display:block; width:1em; height:1em; background:url("/fro_end/img/ic_arrow.svg")center/100% auto no-repeat; position:absolute; top:1rem; right:1rem; transform:rotate(-45deg); opacity:.3;} footer div.f-top div.family-site ul.link li a{display:block; width:100%; height:100%; padding:1rem;} footer div.f-bot{opacity:.6; display:flex; align-items:center; justify-content:space-between; padding:3rem 0;} footer div.f-bot div.info{} footer div.f-bot div.info p{} footer div.f-bot div.info ul.contact{display:flex; margin:1rem 0;} footer div.f-bot div.info ul.contact li{margin-right:2rem;} footer div.f-bot div.logo{width:22rem; opacity:.5;} footer div.f-bot div.logo img{width:100%;} @media(hover:hover){ footer div.f-top div.family-site ul.link li:hover{font-family:'NanumNeo_B',sans-serif;} footer div.f-top div.family-site ul.link li:hover:after{opacity:1;} } div.quick-menu{width:6.5rem; position:fixed; top:50%; right:-6.5rem; transform:translateY(-50%); z-index:999; box-shadow:0 10px 20px rgba(0,0,0,0.1); transition:0.3s; -webkit-transition:0.3s;} div.quick-menu div.quick-tit{width:2.5rem; left:-2.5rem; line-height:2.5rem; right:unset; box-shadow:0 0 20px rgba(231,30,24,0.1); height:auto; writing-mode:vertical-lr; text-orientation:upright; background:var(--color-main01); color:#fff; font-size:0.9rem; text-align:center; position:absolute;} div.quick-menu div.quick-tit a.btn-active{display:block; width:100%; height:100%; padding:1rem 0; box-shadow:-5px 0 20px rgba(231,30,24,0.15);} div.quick-menu div.quick-con{background:#fff; border-left:1px solid #ddd;} div.quick-menu div.quick-con ul{} div.quick-menu div.quick-con ul li.quick{text-align:center; font-family:'NanumNeo_B', sans-serif; border-bottom:1px solid #ddd;} div.quick-menu div.quick-con ul li.quick a{display:block; padding:1.2rem 0;} div.quick-menu div.quick-con ul li.quick a:before{content:''; display:block; width:1.65rem; height:1.65rem; background:url("/fro_end/img/main_quick01.png")center/100% auto no-repeat; margin:0 auto; margin-bottom:0.5rem;} div.quick-menu div.quick-con ul li.quick:last-child{border-bottom:none;} div.quick-menu div.quick-con ul li.quick2 a:before{background-image:url("/fro_end/img/main_quick02.png");} div.quick-menu div.quick-con ul li.quick3 a:before{background-image:url("/fro_end/img/main_quick03.png");} div.quick-menu div.quick-end{background:#333; color:#fff; text-align:center;} div.quick-menu div.quick-end a.scroll-top{display:block; padding:0.8rem; font-family:'NanumNeo_EB', sans-serif; font-size:0.88rem;} div.quick-menu div.quick-end a.scroll-top span{padding-right:1.5rem; position:relative;} div.quick-menu div.quick-end a.scroll-top span:after{content:''; display:block; width:0.95em; height:0.95em; background:url("/fro_end/img/ic_arrow_wh.svg")center/100% auto no-repeat; position:absolute; top:1px; right:0; transform:rotate(-90deg);} div.quick-menu.open{right:0;} div.quick-menu.open div.quick-tit{width:7.6rem; height:3rem; line-height:3rem; top:-2.9rem; left:unset;right:0; writing-mode:initial; text-orientation:initial; box-shadow:none;} div.quick-menu.open div.quick-tit a.btn-active{padding:0;} div.wrap div.quick-menu div.quick-con ul li.quick.main{display:none;} div.wrap div.quick-menu div.quick-con ul li.quick.sub{display:block;} div.wrap.main div.quick-menu div.quick-con ul li.quick.main{display:block;} div.wrap.main div.quick-menu div.quick-con ul li.quick.sub{display:none;} @media(hover:hover){ div.quick-menu div.quick-con ul li.quick:hover{background:var(--color-main05);} div.quick-menu div.quick-con ul li.quick:hover a:before{animation:swing 1s;} } /* responsive */ @media screen and (max-width:1600px){ header{width:95%;} section.main-inquiry div.inquiry{width:95%;} section.main-inquiry div.inquiry div.inq-right{padding-left:2rem;} } @media screen and (max-width:1500px){ section.main-inquiry div.inquiry div.inq-left div.con a.btn-more{padding-right:2.4rem;} section.main-inquiry div.inquiry div.inq-right div.info-tel{font-size:1.75rem;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info p.info{font-size:1.2rem;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info h4.lab{margin-bottom:1.3rem;} } @media screen and (max-width:1440px){ header{height:7rem;} header div.menu nav.gnb ul.depth1 li{width:8rem;} header div.menu nav.gnb ul.depth1 li a{padding:1.1rem 0;} header div.menu ul.member li{font-size:1.05rem;} /* nav */ header div.menu nav.gnb ul.depth1 li div.depth2{top:7rem;} header div.menu nav.gnb ul.depth1 li div.depth2 div.dep-tit{width:30%; transform:translateY(3rem);} header div.menu nav.gnb ul.depth1 li div.depth2 ul{width:70%; padding:3rem;} header div.menu nav.gnb ul.depth1 li div.depth2 ul li{width:23.35%; margin-right:2.2%; font-size:1rem; margin-bottom:1.5rem;} header div.menu nav.gnb ul.depth1 li div.depth2 div.dep-tit p.tit.kor{font-size:1.8rem;} header div.menu nav.gnb ul.depth1 li div.depth2 div.dep-tit p.tit.eng{font-size:0.925rem;} header div.menu nav.gnb ul.depth1 li:hover a + div.depth2{height:16rem;} section a.btn-more{padding:0.8rem; padding-right:3rem;} section a.btn-more:after{right:0.8rem;} section.main-slide div.fix-cont p.txt.txt1{font-size:1.825rem;} section.main-slide div.fix-cont p.txt.txt2{font-size:3rem;} section.main-board:before{width:6rem; height:6rem; top:-0.8rem; left:-0.8rem;} section.main-board:after{width:6rem; height:6rem; bottom:-0.8rem; right:-0.8rem;} section.main-board div.board-wrap div.title{padding:1.5rem 2.25rem;} section.main-board div.board-wrap div.title h3{font-size:1.6rem;} section.main-board div.board-wrap ul.board{padding:0.5rem 0;} section.main-board div.board-wrap ul.board li{padding:1rem 2.25rem;} section.main-course:before{width:23rem; height:23rem; left:-9rem; z-index:-1;} section.main-course div.title{margin-bottom:2rem;} section.main-course div.title p.sub-t{font-size:1.25rem;} section.main-course div.title p.main-t{font-size:3rem;} section.main-course ul.course-list li.course{height:20.5rem;} section.main-course ul.course-list li.course div.inner div.tit h3{font-size:1.8rem; margin-bottom:0.5rem;} section.main-course ul.course-list li.course div.inner div.tit p{font-size:1.05rem;} section.main-button{padding-top:5rem;} section.main-button ul.button-list li.button{height:14rem;} section.main-button ul.button-list li.button a span.label{font-size:1.3rem;} section.main-inquiry div.inquiry div.inq-left h3.tit{margin-bottom:0.5rem; font-size:1.25rem;} section.main-inquiry div.inquiry div.inq-right div.info-tel{font-size:1.625rem;} footer{font-size:0.9rem;} footer div.f-top{padding:1.25rem 0;} footer div.f-top div.family-site a.view{padding:0.8rem; width:14rem;} footer div.f-top div.family-site ul.link{height:7rem; width:14rem;} footer div.f-top div.family-site ul.link li a{padding:0.8rem;} footer div.f-bot{padding:2.5rem 0;} footer div.f-bot div.info ul.contact{margin:0.8rem 0;} div.quick-menu{width:6rem; right:-6rem; font-size:0.9rem;} div.quick-menu div.quick-tit{font-size:0.9em;} div.quick-menu div.quick-con ul li.quick a{padding:1rem 0;} div.quick-menu div.quick-end a.scroll-top{font-size:0.9em;} div.quick-menu.open div.quick-tit{width:6.65rem; height:2.8rem; line-height:2.8rem; top:-2.7rem;} } @media screen and (max-width:1366px){ header{height:6.65rem;} header div.logo{width:23rem;} header div.menu nav.gnb ul.depth1 li{width:7.2rem; font-size:1.29rem;} header div.menu ul.member li{font-size:1rem;} header div.menu ul.member li a{padding:0.65rem 1.5rem;} /* nav */ header div.menu nav.gnb ul.depth1 li div.depth2{top:6.65rem;} header div.menu nav.gnb ul.depth1 li div.depth2 ul li{width:25%; margin-right:5%;} header div.menu nav.gnb ul.depth1 li div.depth2 ul li:nth-child(3n){margin-right:0;} header div.menu nav.gnb ul.depth1 li div.depth2 ul li:nth-child(4n){margin-right:5%;} section.main-board div.board-wrap ul.board li{padding:1rem 1.8rem;} section.main-board div.board-wrap ul.board li a.tit{font-size:1.05rem;} section.main-board div.board-wrap ul.board li a.tit span.new{width:1.15rem; height:1.15rem; line-height:1.15rem;} section.main-board div.board-wrap ul.board li span.date{font-size:0.9rem; min-width:5rem;} section.main-board div.board-wrap ul.board li.main-noti span.noti{font-size:0.9rem; margin-right:0.3rem;} section.main-course div.title p.main-t{font-size:2.8rem;} section.main-inquiry div.inquiry div.inq-left{width:23%;} section.main-inquiry div.inquiry div.inq-left div.con a.btn-more{font-size:0.95rem;} section.main-inquiry div.inquiry div.inq-right{width:78%;} section.main-inquiry div.inquiry div.inq-right div.info-tel{font-size:1.55rem;} section.main-inquiry div.inquiry div.inq-right div.info-tel div.con p.sub-t{font-size:1rem; margin-top:0.5rem;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info h4.lab{font-size:1.05rem; padding-left:1.8rem; margin-bottom:1rem;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info h4.lab:before{width:1.35rem; height:1.35rem; top:-1px;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info p.info{font-size:1rem;} footer div.f-top{padding:1rem 0;} footer div.f-bot div.info ul.contact li{margin-right:1rem;} footer div.f-bot div.logo{width:20rem;} } @media screen and (max-width:1280px){ header div.menu nav.gnb ul.depth1 li{width:7rem; font-size:1.2rem;} header div.menu nav.gnb ul.depth1 li div.depth2 div.dep-tit p.tit.kor{font-size:1.6rem; margin-bottom:0.5rem;} header div.menu nav.gnb ul.depth1 li div.depth2 div.dep-tit p.tit.eng{font-size:0.85rem;} header div.menu nav.gnb ul.depth1 li div.depth2 ul{padding:2.5rem;} header div.menu nav.gnb ul.depth1 li div.depth2 div.dep-tit{transform:translateY(2.5rem);} header div.menu nav.gnb ul.depth1 li div.depth2 ul li{width:28%;} @media(hover:hover){ header div.menu nav.gnb ul.depth1 li:hover a + div.depth2{height:15rem;} } section a.btn-more{font-size:0.925rem;} section a.btn-more:after{width:1em; height:1em; right:1em;} section.main-board div.board-wrap div.title h3{font-size:1.5rem;} section.main-board div.board-wrap div.title h3:before{width:2.25rem; height:2.25rem;} section.main-course ul.course-list li.course{height:19rem;} section.main-course ul.course-list li.course div.inner div.tit h3{font-size:1.65rem;} section.main-course ul.course-list li.course div.inner div.tit p{font-size:1rem;} section.main-button ul.button-list li.button{height:13rem;} section.main-button ul.button-list li.button a span.label{font-size:1.2rem;} section.main-inquiry div.inquiry div.inq-right div.info-tel{font-size:1.325rem;} section.main-inquiry div.inquiry div.inq-right div.info-tel h3.tit{margin-right:1rem;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info{margin-left:3rem;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info h4.lab{margin-bottom:0.8rem;} } @media screen and (max-width:1200px){ header{height:6.35rem;} header div.logo{width:21rem;} header div.menu nav.gnb ul.depth1 li{width:6.5rem; font-size:1.15rem;} /* nav */ header div.menu nav.gnb ul.depth1 li div.depth2{top:6.35rem;} section.main-slide{height:20rem;} section.main-slide div.fix-cont p.txt.txt1{font-size:1.65rem;} section.main-slide div.fix-cont p.txt.txt2{font-size:2.8rem;} section.main-board div.board-wrap div.title{padding:1.5rem 2rem;} section.main-course:before{width:21rem; height:21rem; left:-8rem;} section.main-course div.title p.sub-t{font-size:1.2rem; letter-spacing:-0.8px;} section.main-course div.title p.main-t{font-size:2.65rem;} section.main-course ul.course-list li.course{height:18rem;} section.main-course ul.course-list li.course div.inner{width:90%;} section.main-course ul.course-list li.course div.inner div.tit h3{font-size:1.5rem;} section.main-course ul.course-list li.course div.inner div.tit p{font-size:0.925rem;} section.main-inquiry{margin-top:5rem;} section.main-inquiry div.inquiry div.inq-left{width:25%;} section.main-inquiry div.inquiry div.inq-left h3.tit{font-size:1.15rem;} section.main-inquiry div.inquiry div.inq-left div.con a.btn-more{font-size:0.9rem;} section.main-inquiry div.inquiry div.inq-right{width:75%;} section.main-inquiry div.inquiry div.inq-right div.info-tel h3.tit{margin-right:0.55rem;} section.main-inquiry div.inquiry div.inq-right div.info-tel div.con p.sub-t{font-size:0.95rem;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info{margin-left:1.25rem;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info h4.lab{font-size:1rem;} footer div.f-bot div.logo{width:17rem;} footer div.f-bot div.info ul.contact li{margin-right:10px;} } @media screen and (max-width:1115px){ header div.menu nav.gnb ul.depth1 li div.depth2 ul li{width:31%; margin-right:3%;} header div.menu nav.gnb ul.depth1 li div.depth2 ul li:nth-child(4n){margin-right:3%;} footer{font-size:0.85rem;} footer div.f-top div.family-site a.view{width:12rem;} footer div.f-top div.family-site ul.link{width:12rem;} footer div.f-top div.family-site ul.link li a{padding:0.7rem;} footer div.f-bot{display:block; padding:1.25rem 0;} footer div.f-bot div.info{width:100%;} footer div.f-bot div.logo{display:none;} } @media screen and (max-width:1024px){ header{height:5.5rem; position:relative;} header div.menu{height:100%;} header div.menu ul.member{margin:0 auto; align-items:center; position:absolute; top:50%; right:0; transform:translateY(-50%);} header div.menu ul.member li{margin-right:0.5rem; border-radius:3px;} header div.menu ul.member li:after{display:none;} header div.menu ul.member li.mob-gnb{display:block; margin-right:0;} header div.menu ul.member li a{height:2.5rem; line-height:2.5rem; text-align:center; padding:0 1rem;} header div.menu ul.member li.mob-gnb.active{} header div.menu ul.member li.mob-gnb.active span.bar{background:transparent;} header div.menu ul.member li.mob-gnb.active span.bar:before{transform:rotate(45deg) translate(5px,5px);} header div.menu ul.member li.mob-gnb.active span.bar:after{transform:rotate(-45deg) translate(5px,-5px);} /* nav */ header div.menu nav.gnb{position:fixed; top:5.5rem; right:0; width:100%; min-height:100vh; opacity:0; background:rgba(0,0,0,0.4); backdrop-filter:blur(6px); z-index:0; transition:0.3s; -webkit-transition:0.3s; z-index:-122;} header div.menu nav.gnb:before{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:-100%;} header div.menu nav.gnb ul.depth1{background:#fff; position:absolute; height:100%; top:0; right:-100%; overflow-y:auto; flex-direction:column; width:50%; box-shadow:-10px 30px 40px rgba(0,0,0,0.2); transition:0.3s; -webkit-transition:0.3s;} header div.menu nav.gnb ul.depth1 li{width:100%; border-bottom:1px solid #ddd;} header div.menu nav.gnb ul.depth1 li a{height:auto; padding:1.5rem; font-family:'NanumNeo_EB', sans-serif;} header div.menu nav.gnb ul.depth1 li a span{display:block; width:100%; text-align:left;} header div.menu nav.gnb ul.depth1 li a span:before{content:''; display:block; position:absolute; width:1rem; height:1rem; background:url("/fro_end/img/bbs_arrow.svg")center/100% auto no-repeat; left:unset; top:50%; right:0; transform:translateY(-50%) rotate(90deg);} header div.menu nav.gnb ul.depth1 li a span:after{display:none;} header div.menu nav.gnb ul.depth1 li div.depth2{position:static; display:none; height:auto;} header div.menu nav.gnb ul.depth1 li:hover a + div.depth2{height:auto;} header div.menu nav.gnb ul.depth1 li div.depth2 div.dep-tit{display:none;} header div.menu nav.gnb ul.depth1 li div.depth2 ul{width:100%; padding:0; flex-direction:column;} header div.menu nav.gnb ul.depth1 li div.depth2 ul li{width:100%; margin:0; border:none; border-top:1px solid #ddd;} header div.menu nav.gnb ul.depth1 li div.depth2 ul li:after{display:none;} header div.menu nav.gnb ul.depth1 li div.depth2 ul li a{background:var(--color-main05); padding:1rem 1.5rem; font-family:'NanumNeo_B', sans-serif;} header div.menu nav.gnb ul.depth1 li.active > a{background:var(--color-main02); color:#fff;} header div.menu nav.gnb ul.depth1 li.active > a span:before{transform:translateY(-50%) rotate(90deg) scaleX(-1); background:url("/fro_end/img/bbs_arrow_wh.svg")center/100% auto no-repeat;} header div.menu nav.gnb ul.depth1 li.active a + div.depth2{display:block;} header div.menu nav.gnb.active{z-index:9999; opacity:1;} header div.menu nav.gnb.active ul.depth1{right:0;} section a.btn-more{font-size:0.825rem; padding:0.7rem; padding-right:2.25rem;} section.main-slide div.fix-cont p.txt.txt2{text-shadow:0 6px 6px rgba(0,0,0,0.4);} section.main-board:before{width:5rem; height:5rem; top:-0.5rem; left:-0.5rem;} section.main-board:after{width:5rem; height:5rem; bottom:-0.5rem; right:-0.5rem;} section.main-board div.board-wrap div.title{padding:1.5rem;} section.main-board div.board-wrap div.title h3{padding-left:2.5rem; position:relative;} section.main-board div.board-wrap div.title h3:before{position:absolute; top:-3px; left:0; width:2rem; height:2rem; margin:0;} section.main-board div.board-wrap ul.board li{padding:1rem 1.5rem;} section.main-board div.board-wrap ul.board li a.tit{font-size:1rem; max-width:calc(100% - 8.5rem); padding-right:1.45rem;} section.main-board div.board-wrap ul.board li span.date{font-size:0.825rem; min-width:4.5rem; color:#555; font-family:'NanumNeo_R', sans-serif;} section.main-board div.board-wrap ul.board li.main-noti span.noti{font-size:0.8rem; padding:0.3rem 0.4rem; box-shadow:0 0 15px rgba(231,30,24,0.3);} section.main-board div.board-wrap.docu ul.board li.main-noti span.noti{box-shadow:0 0 15px rgba(69,152,91,0.3);} section.main-course:before{left:-7rem;} section.main-button{padding-top:4rem;} section.main-button ul.button-list li.button{height:11rem;} section.main-button ul.button-list li.button a span.label:before{width:2.25rem; height:2.25rem; margin-bottom:1.25rem;} section.main-inquiry div.inquiry div.inq-left{width:28%;} section.main-inquiry div.inquiry div.inq-left div.con a.btn-more:after{right:0.6rem;} section.main-inquiry div.inquiry div.inq-right{display:block; width:72%;} section.main-inquiry div.inquiry div.inq-right div.info-tel{width:100%; margin-bottom:1rem;} section.main-inquiry div.inquiry div.inq-right div.info-tel div.con{display:flex; align-items:center;} section.main-inquiry div.inquiry div.inq-right div.info-tel div.con p.sub-t{margin-left:0.5rem;; margin-top:0;} section.main-inquiry div.inquiry div.inq-right ul.info-list{width:100%;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info{display:flex; align-items:center; margin-left:0; margin-right:1.5rem;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info:last-child{margin-right:0;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info h4.lab{font-size:0.85rem; margin-bottom:0; margin-right:0.25rem; padding-left:1.5em;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info h4.lab:before{width:1.2em; height:1.2em; top:0;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info p.info{font-size:0.95rem;} div.quick-menu div.quick-tit{width:2.25rem; left:-2.25rem; line-height:2.25rem; border-radius:3px 0 0 3px;} div.quick-menu div.quick-tit a.btn-active{box-shadow:-3px 5px 10px rgba(231,30,24,0.15);} div.quick-menu div.quick-con ul li.quick a:before{width:1.5rem; height:1.5rem;} } @media screen and (max-width:960px){ section.main-inquiry div.inquiry{flex-direction:column-reverse;} section.main-inquiry div.inquiry div.inq-left{margin:0; margin-top:2rem; background:#f5f5f5 url("/fro_end/img/main_inquiry_bg.png")center right/100% auto no-repeat; border:1px solid #ddd; padding:1.5rem; width:100%; display:flex; align-items:center; justify-content:space-between; box-shadow:0 8px 18px rgba(0,0,0,0.08);} section.main-inquiry div.inquiry div.inq-left h3.tit{margin-bottom:0;} section.main-inquiry div.inquiry div.inq-left div.con a.btn-more{background:#fff;} section.main-inquiry div.inquiry div.inq-right{width:100%; padding-left:0;} section.main-inquiry div.inquiry div.inq-right div.info-tel{font-size:1.4rem; font-family:'NanumNeo_H',sans-serif;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info h4.lab{font-size:0.9rem; margin-right:0.5rem;} } @media screen and (max-width:800px){ header{height:5rem;} header div.logo{width:19rem;} header div.menu ul.member li a{height:2.25rem; line-height:2.25rem;} /* nav */ header div.menu nav.gnb{top:5rem;} header div.menu nav.gnb ul.depth1{width:60%;} section.main-slide div.fix-cont p.txt.txt1{font-size:1.5rem;} section.main-slide div.fix-cont p.txt.txt2{font-size:2.6rem;} section.main-board{display:block; margin-top:4rem;} section.main-board div.board-wrap{width:100%;} section.main-board div.board-wrap ul.board{padding:0;} section.main-board div.board-wrap.docu{border-top:1px solid #ccc;} section.main-course div.title p.sub-t{font-size:1.1rem;} section.main-course div.title p.main-t{font-size:2.4rem;} section.main-course ul.course-list li.course div.inner div.tit h3{font-size:1.4rem;} section.main-course ul.course-list li.course div.inner div.tit p{font-size:0.825rem;} section.main-button ul.button-list li.button{height:10rem;} section.main-button ul.button-list li.button a span.label{font-size:1.1rem;} section.main-button ul.button-list li.button a span.label:before{width:2rem; height:2rem;} section.main-inquiry div.inquiry{width:90%;} } @media screen and (max-width:720px){ header div.menu ul.member li{font-size:0.9rem;} header div.menu ul.member li a{height:2rem; line-height:2rem;} section.main-course:before{width:18rem; height:18rem; left:-5rem;} section.main-button ul.button-list li.button a span.label{font-size:1rem;} footer div.f-top ul.link-list li{margin-right:1rem;} } @media screen and (max-width:680px){ header div.logo{width:17rem;} header div.menu ul.member li a{padding:0 0.6rem;} section.main-inquiry div.inquiry div.inq-right ul.info-list{margin-top:1.5rem;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info{display:block;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info h4.lab{margin:0; margin-bottom:0.5rem;} footer div.f-top{flex-direction:column;} footer div.f-top ul.link-list{margin-bottom:1rem;} footer div.f-top div.family-site a.view{width:10rem;} footer div.f-top div.family-site a.view:after{width:0.8rem; height:0.8rem; right:0.8rem;} footer div.f-top div.family-site ul.link{width:10rem;} footer div.f-bot{text-align:center; font-size:0.9em;} footer div.f-bot div.info ul.contact{flex-wrap:wrap; align-items:center; justify-content:center;} footer div.f-bot div.info ul.contact li{margin:0.25rem;} } @media screen and (max-width:580px){ header div.logo{width:15rem;} /* nav */ header div.menu nav.gnb ul.depth1{width:70%;} header div.menu nav.gnb ul.depth1 li{font-size:1.05rem;} header div.menu nav.gnb ul.depth1 li a{padding:1.2rem;} header div.menu nav.gnb ul.depth1 li div.depth2 ul li a{padding:0.85rem 1.2rem;} section.main-slide{height:14rem;} section.main-slide div.fix-cont p.txt.txt2{font-size:2.4rem;} section.main-board div.board-wrap div.title{padding:1.2rem;} section.main-board div.board-wrap div.title h3{font-size:1.35rem;} section.main-board div.board-wrap div.title h3:before{width:1.8rem; height:1.8rem;} section.main-course div.title p.main-t{font-size:2.25rem;} section.main-course ul.course-list{flex-wrap:wrap;} section.main-course ul.course-list li.course{width:50%; height:13rem;} section.main-course ul.course-list li.course div.inner div.tit{margin-bottom:1.25rem;} section.main-course ul.course-list li.course div.inner div.tit h3{font-size:1.35rem;} } @media screen and (max-width:534px){ header div.menu ul.member li{font-size:0.8rem;} header div.menu ul.member li.mob-gnb{margin-left:0.5rem;} } @media screen and (max-width:504px){ header div.menu ul.member li{margin-right:0.3rem;} section.main-course:before{top:3rem;} section.main-button ul.button-list li.button a span.label{font-size:0.9rem;} section.main-inquiry div.inquiry div.inq-left{padding:1rem;} section.main-inquiry div.inquiry div.inq-left h3.tit{font-size:1.05rem;} section.main-inquiry div.inquiry div.inq-right div.info-tel{display:block;} section.main-inquiry div.inquiry div.inq-right div.info-tel h3.tit{font-size:0.8em; margin-bottom:0.25rem;} div.quick-menu{display:none;} } @media screen and (max-width:480px){ section.main-inquiry div.inquiry div.inq-right ul.info-list li.info{width:30%; margin-right:5%; border-right:1px solid #ddd;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info:last-child{border-right:none;} section.main-button ul.button-list{flex-wrap:wrap;} section.main-button ul.button-list li.button{width:33.33%; height:7rem; border-right:1px solid #ddd;} section.main-button ul.button-list li.button:nth-child(3){border-right:none;} section.main-button ul.button-list li.button:nth-child(4){width:50%; border-top:1px solid #ddd;} section.main-button ul.button-list li.button:nth-child(5){width:50%; border-top:1px solid #ddd; border-right:none;} section.main-button ul.button-list li.button a span.label:before{margin-bottom:1rem; width:1.8rem; height:1.8rem;} } @media screen and (max-width:435px){ header div.logo{width:12rem;} header div.menu ul.member li{font-size:0.7rem;} header div.menu ul.member li a{padding:0 0.5rem;} section a.btn-more{font-size:0.8rem; padding:0.6rem; padding-right:2rem;} section a.btn-more:after{right:0.6rem;} section.main-slide div.fix-cont p.txt.txt1{font-size:1.25rem;} section.main-slide div.fix-cont p.txt.txt2{font-size:2.25rem; text-shadow:0 3px 2px rgba(0,0,0,0.5);} section.main-board{box-shadow:0 8px 20px rgba(0,0,0,0.1);} section.main-board div.board-wrap div.title{padding:1rem;} section.main-board div.board-wrap div.title h3{font-size:1.25rem; padding-left:2.25rem;} section.main-board div.board-wrap div.title h3:before{width:1.6rem; height:1.6rem;} section.main-board div.board-wrap ul.board li{padding:0.8rem 1rem;} section.main-board div.board-wrap ul.board li a.tit{max-width:100%;} section.main-board div.board-wrap ul.board li span.date{min-width:auto; display:block; position:static; text-align:left; transform:none; margin-top:0.8rem; color:#aaa;} section.main-course div.title p.sub-t{font-size:1rem;} section.main-course div.title p.main-t{font-size:2rem;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info p.info{font-size:0.8rem;} section.main-inquiry div.inquiry div.inq-left{display:block;} section.main-inquiry div.inquiry div.inq-left h3.tit{margin-bottom:0.5rem; font-size:1rem;} section.main-inquiry div.inquiry div.inq-left div.con{justify-content:space-between;} section.main-inquiry div.inquiry div.inq-left div.con a.btn-more{padding:0.6rem; width:48%; margin:0; font-size:0.85rem;} footer{font-size:0.75rem;} } @media screen and (max-width:390px){ header{height:4rem;} header div.logo{width:11rem;} header div.menu ul.member li{margin-right:0.25rem;} header div.menu ul.member li a{padding:0 0.35rem; height:1.6rem; line-height:1.6rem;} header div.menu ul.member li.mob-gnb a span.bar{height:2px;} header div.menu ul.member li.mob-gnb a span.bar:before{height:2px; top:-6px;} header div.menu ul.member li.mob-gnb a span.bar:after{height:2px; bottom:-6px;} header div.menu ul.member li.mob-gnb.active span.bar:before{transform:rotate(45deg) translate(3px,4.5px);} header div.menu ul.member li.mob-gnb.active span.bar:after{transform:rotate(-45deg) translate(4px,-6px);} /* nav */ header div.menu nav.gnb{top:4rem;} header div.menu nav.gnb ul.depth1{width:78%;} header div.menu nav.gnb ul.depth1 li a span:before{width:0.8rem; height:0.8rem;} section.main-slide div.fix-cont p.txt.txt1{font-size:1.125rem;} section.main-slide div.fix-cont p.txt.txt2{font-size:2rem;} section.main-course ul.course-list li.course{height:12rem;} section.main-course ul.course-list li.course div.inner div.tit h3{font-size:1.2rem;} section.main-course ul.course-list li.course div.inner div.tit p{font-size:0.7rem;} section.main-inquiry div.inquiry div.inq-right div.info-tel{margin-bottom:1rem;} section.main-inquiry div.inquiry div.inq-right div.info-tel div.con p.sub-t{font-size:0.85rem;} section.main-inquiry div.inquiry div.inq-right ul.info-list{display:block; margin-top:0;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info{display:flex; align-items:center; justify-content:space-between; width:100%; margin-right:0; border-right:none; border-top:1px dashed #ddd; padding:0.8rem 0;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info h4.lab{margin:0;} section.main-inquiry div.inquiry div.inq-right ul.info-list li.info p.info{font-size:0.9rem;} } @media screen and (max-width:375px){ section.main-board div.board-wrap ul.board li.main-noti a.tit{display:block; margin-top:0.5rem;} section.main-board div.board-wrap ul.board li.main-noti span.noti{margin:0; box-shadow:0 0 10px rgba(231,30,24,0.15);} footer div.f-top ul.link-list{flex-wrap:wrap; justify-content:center;} footer div.f-top ul.link-list li{margin:4px;} } @media screen and (max-width:360px){ header div.logo{width:9rem;} section.main-inquiry div.inquiry div.inq-right div.info-tel div.con{flex-wrap:wrap;} }