@charset "utf-8";
/* CSS Document */

.skip_info {display:block; position:absolute; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:100%;}

.innerwrap {max-width:1180px; margin:0 auto;}
.container {margin-bottom: 85px;}
.greeting_container {margin-bottom: 0 !important;}

/* header ------------------------------- */
header {/* position:absolute; top:0; left:0; */ width:100%; background:#fff; height:122px; z-index:10;}
header h1 img {max-width:200px; display:block;}

.head {background:#002D56;}
.head > div {display:flex; justify-content:space-between; align-items:center; height:42px;}
.head > div > div {margin:0;}
.top_menu {display:flex;}
.head a {color:#fff; font-weight:500; margin:0 15px;}
.head a > span, .tmenu a > span {display:flex; align-items:center;}
.head a > span::before, .tmenu a > span::before {content:''; background-position:0 0; background-repeat:no-repeat; background-size:contain; width:22px; height:22px; margin-right:10px;}
.head a.tm_home > span::before, .tmenu a.tm_home > span::before {background-image:url(../images/common/icon_home.png);}
/* 클랭 아이콘 */
/* .head a.tm_student > span::before, .tmenu a.tm_student > span::before {background-image:url(../images/common/icon_student.png); width:30px; height:24px;} */
/* 입학테스트 아이콘 */
.head a.tm_test > span::before{background-image:url(../images/common/icon_test.png); width:30px; height:24px;}
/* 클랭티처 아이콘 */
.head a.tm_teacher > span::before{/*background-image:url(../images/common/icon_teacher.png);*/ width:30px; height:24px;}
/* 로그인 아이콘 */
.head a.tm_login > span::before, .tmenu a.tm_login > span::before {background-image:url(../images/common/icon_login.png); width:18px; height:20px;}
/* 로그아웃 아이콘 */
.head a.tm_logout > span::before, .tmenu a.tm_logout > span::before {background-image:url(../images/common/icon_logout.png); width:24px; height:22px;}
/* 회원가입 아이콘 */
.head a.tm_join > span::before, .tmenu a.tm_join > span::before {background-image:url(../images/common/icon_join.png);}
/* 마이페이지 아이콘 */
.head a.tm_mypage > span::before {background-image:url(../images/common/icon_mypage.png);}

.gnb_wrap {background:#fff; border-bottom:1px solid #e7e7e7; width:100%;}
.gnb_wrap > div {display:flex; justify-content:space-between; align-items:center; height:80px; position:relative;}
/* gnb */
#gnb {display:flex;}
#gnb > li {position:relative;}
#gnb > li > a {display:block; text-align:center; color:#3f3f3f; font-size:18px; font-weight:bold; padding:16px 35px; position:relative; z-index:1;}
#gnb > li > a i {display:block; font-size:12px;}
#gnb > li > a.on, #gnb > li > a:hover {color:#002D56; font-weight:700;}
#gnb > li > ul {display:none; position:absolute; width:100%; left:0; background:#fff; border:1px solid #d9d9d9; z-index:10;}
#gnb > li > ul > li a {color:#3f3f3f; display:block; padding:14px 10px; font-size:17px; text-align:center; transition:all .1s; -webkit-transition:all .1s;}
#gnb > li > ul > li a:hover {background-color:#002D56; color:#fff;}

/* fixed */
.gnb_wrap.fixed {position:fixed; top:0; z-index:20; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;z-index: 130;}

/* m_nav */
#m_nav {flex:1;}
#m_nav > li {position:relative;}
#m_nav > li > a {display:flex; align-items:center; border-bottom:solid 1px #ebebeb; font-weight:600; padding:17px 22px; position:relative;}
#m_nav > li.has_sub > a::after {content:''; background:url(../images/common/mgnb_arrow.png) 50% 0 no-repeat; background-size:contain; width:18px; height:8px; position:absolute; right:20px;}
#m_nav > li.has_sub > a.open::after {transform:rotate(180deg); opacity:1;}
#m_nav > li > ul {display:none; background:#fafafa; padding:8px 0;}
#m_nav > li > ul li a {display:block; font-size:14px; padding:8px 32px;}

#m_sns {background:#fff; justify-content:center; align-items:center; width:100%; height:82px; flex:0 0 82px;}
#m_sns a {background:#2f2f2f; border-radius:100%; width:40px; height:40px;}

.togglemenu, .mArea {display:none;}

/* footer ------------------------------- */
footer {background:#2f2f2f; padding:75px 0; position:relative;}
footer a {color:#fff;}
footer .foot {padding:0 12px;}
footer .foot .foot_logo {width:37%; max-width:200px;}
.foot_menu {display:flex; font-size:18px;}
.foot_menu a {display:flex; align-items:center; padding:0 5.5%; position:relative;}
.foot_menu a::before {content:'';}
.foot_menu a + a::before {background:#fff; width:2px; height:12px; position:absolute; left:0;}
.foot_info {color:#f2f2f2; font-size:18px; font-weight:300; margin-top:2.5rem;}
.foot_info .addr {margin-left:10px;}
.foot_info .addr strong {padding:4px 0;}
.foot_info .addr span {padding:4px 10px; display:inline-flex; align-items:center; position:relative;}
.foot_info .copyright {color:#bababa; margin-top:3.125rem; text-align:center;}

.sns_link {display:flex;}
.sns_link > a {display:flex; align-items:center; padding:7px; margin:0 3px; text-indent:-9999px;}
.sns_link > a > span {background-position:0 50%; background-repeat:no-repeat; background-size:contain; width:30px;}
.sns_link > a.sns_nblog > span {background-image:url(../images/common/sns_nblog.png); height:26px;}
.sns_link > a.sns_youtube > span {background-image:url(../images/common/sns_youtube.png); height:22px;}
.sns_link > a.sns_ktalk > span {background-image:url(../images/common/sns_kakaotalk.png); height:28px;}
.sns_link > a.sns_insta > span {background-image:url(../images/common/sns_instagram.png); height:30px;}

.go_top {display:none; align-items: center; justify-content: center; background:#fff; border:1px solid #aaa; border-radius:100px; width:50px; height:50px; padding:0; position:fixed; bottom:30px; right:76px;}
.go_top > span {display:inline-block; background:url(../images/common/icon_arrow_up.png) 0 0 no-repeat; background-size:contain; width:34px; height:40px; text-indent:-9999px;}

#wrap .swiper-wrapper, #wrap .swiper-pagination {z-index:inherit;}
.flex-aligncenter{display: flex; align-items: center;}
.min-wd100{min-width: 100px;}

@media screen and (max-width:1220px) {
.innerwrap {margin-left:20px; margin-right:20px;}
}

@media screen and (min-width:1025px) {
footer .foot {display:flex; align-items:center;}
.foot_menu {flex:1; margin-left:4%;}
.foot_info .addr .group {display:flex;}
.foot_info .addr .group .info {flex:1;}
.foot_info .addr strong::after {content:' : ';}
.foot_info .addr span::after {content:''; background:#fff; width:1px; height:17px; position:absolute; right:0;}
.foot_info .addr span:last-child::after {display:none;}
}

@media screen and (max-width:1024px) {
header, .gnb_wrap > div {height:54px;}
header h1 img {max-width:110px; max-height:32px;}

.tmenu {border-bottom:1px solid #ebebeb; position:sticky; top:0; z-index:1;}
.tmenu a.tm_mypage > span::before {background-image:url(../images/common/icon_mypage_black.png);}
.login_mn {background:#122b45; border-bottom:1px solid #ebebeb; display:flex; align-items:center; height:56px; padding:17px 12px;}
.login_mn a {color:#fff;}
.login_mn a + a {margin-left:30px;}
.user_mn {background:#fff; display:flex;}
.user_mn a {display:flex; justify-content:center; flex:1; height:40px; position:relative;}
.user_mn a + a::before {content:''; background:#ebebeb; width:1px; height:100%; position:absolute; top:0; left:0;}

/* 모바일 전체메뉴 */
.mArea {width:100%; height:100%; position:fixed; top:0; right:0; background:#f6f6f6; z-index:9; overflow:auto; display:flex; flex-direction:column; transition:all .3s ease-in-out; transform:translateX(100%); }
nav > div.mb_menu_top {transform: translateX(0);}
#gnb, .head {display:none;}

.togglemenu {background:none; border:0; position:absolute; top:13px; right:0; display:block; width:24px; height:24px; margin:auto; text-align:center; z-index:20;}
.togglemenu.is-open {position:fixed; top:13px; right:20px;}
.togglemenu .bar {display:block; position:absolute; top:0; left:0; width:inherit; height:1px; background:#333; transition:transform .3s ease-out .1s; -webkit-transition:transform .3s ease-out .1s; -moz-transition:transform .3s ease-out .1s;}
.togglemenu.is-open .bar {background:#fff;}
.togglemenu .bar:nth-child(1) {top:5px; transform-origin:left; -webkit-transform-origin:left; -moz-transform-origin:left;}
.togglemenu .bar:nth-child(2) {top:13px;}
.togglemenu .bar:nth-child(3) {top:13px;}
.togglemenu .bar:nth-child(4) {top:21px; transform-origin:right; -webkit-transform-origin:right; -moz-transform-origin:right;}
.togglemenu.is-open .bar:nth-child(1) {transform:scaleX(0); -webkit-transform:scaleX(0); -moz-transform:scaleX(0);}
.togglemenu.is-open .bar:nth-child(2) {transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.togglemenu.is-open .bar:nth-child(3) {transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg);}
.togglemenu.is-open .bar:nth-child(4) {transform:scaleX(0); -webkit-transform:scaleX(0); -moz-transform:scaleX(0);}

footer .foot > div + div {margin-top:1.875rem;}
footer .foot .foot_logo {margin:0 auto;}
.foot_menu, .sns_link {justify-content:center;}
.foot_info {text-align:center;}
.foot_info .addr .group {margin-top:1.25rem;}

.go_top {width:40px; height:40px; right:35px;}
.go_top > span {width:17px; height:20px;}
}

@media screen and (max-width:768px) {
.foot_menu, .foot_info {font-size:1rem;}
.foot_menu a {padding:0 12px;}
.foot_menu a + a::before {width:1px;}
.sns_link > a > span {width:25px;}
}