@charset "utf-8";

@font-face { font-family: "Sebang"; font-weight: 400; font-style: normal; src: url(/fonts/Sebang/SEBANG_Gothic_OTF.otf) format("opentype"); }
@font-face { font-family: "Sebang"; font-weight: 700; font-style: normal; src: url(/fonts/Sebang/SEBANG_Gothic_OTF_Bold.otf) format("opentype"); }
@font-face {
    font-family: 'SebangGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

a, a:link, a:active{-webkit-tap-highlight-color:transparent !important;}

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, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{letter-spacing: normal;}
html {overflow-x: initial;}
body { font-family: 'Sebang'; font-weight: 400; line-height: normal; letter-spacing: normal;}
select { font-family: 'Sebang'; }
input[type=checkbox], input[type=radio] { font-family: 'Sebang'; }
input[type=file], input[type=text], input[type=tel], input[type=email] { font-family: 'Sebang'; }
input[type=password]::placeholder { font-family: 'Sebang'; }
textarea { font-family: 'Sebang'; }
textarea::placeholder { font-family: 'Sebang'; }
button { font-family: 'Sebang'; }

/* 가독성을 위해 일부 폰트를 노토산스로 변경 */

/* 유틸메뉴 부분 */
/*.util-wrap *{font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -1px !important;}*/

/* 게시판 부분 */
.htable-wrap .tbody{font-family: 'Noto Sans KR', sans-serif !important;}
.htable-wrap .tbody *{letter-spacing: -1px !important;}

.board-gallery-type1{font-family: 'Noto Sans KR', sans-serif !important;}
.board-gallery-type1 *{letter-spacing: -1px !important;}
.page-title-type1 .board-type select{font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -1px !important;}

/* 게시글 상세 부분 */
.board-header *, .fileList li span{font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -1px !important;}
.board-comment-wrap *{font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -1px !important;}

/* 예약 부분 */
.brand-sort *{font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -1px !important;}
.board-list-box *, .promotion-list-box *{font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -1px !important;}

/* 온라인 상담 부분 */
.form-type1 *{font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -1px !important;}
.form-type1 .legend{font-weight: 700;}


/* layout */
#main.container{padding-bottom: 65px;}
.container{padding-bottom: 116px; overflow: hidden;}
.contents{padding-top: 24px;}
.container.video-board-container { padding-bottom:0;}

/* 컨텐츠 안 타이틀 숨김 */
.board-header > p {display:none;}
.sub-cont-title {display:none;}
.contents .mirea-title-copy{display:none;}
.contents .page-title-type1 p{display:none;}


/* icon */
.icon, i { flex: none; display: flex; }
.icon.util-down { width: 16px; height: 16px; background: url(/images/skin/soma/ico_util_down_2x.png) no-repeat center / 16px 16px; }
.icon.util-alert { width: 13px; height: 15px; background: url(/images/skin/soma/ico_util_alert_2x.png) no-repeat center / 13px 15px; }
.icon.hd-location { width: 13px; height: 16px; background: url(/images/skin/soma/ico_cam_location_2x.png) no-repeat center / 13px 15px; }
.ico.insta-b{width: 24px; height: 24px; background: url(/images/common/ico_quick_insta_black_2x.png) no-repeat center / 24px 24px !important; }
.ico.blog-b{width: 24px; height: 24px; background: url(/images/common/ico_quick_blog_black_2x.png) no-repeat center / 14px 18px !important;}
.ico.youtube-b{width: 24px; height: 24px; background: url(/images/common/ico_quick_youtube_black_2x.png) no-repeat center / 22px 15px !important;}
.ico.insta-c { width: 24px; height: 24px; background: url(/images/common/ico_quick_insta_color_2x.png) no-repeat center / 24px 24px !important; }
.ico.blog-c { width: 24px; height: 24px; background: url(/images/common/ico_quick_blog_color_2x.png) no-repeat center / 14px 18px !important; }
.ico.youtube-c { width: 24px; height: 24px; background: url(/images/common/ico_quick_youtube_color_2x.png) no-repeat center / 22px 15px !important; }
.ico.cafe-b { width: 24px; height: 24px; background: url(/images/common/ico_quick_cafe_black_2x.png) no-repeat center / 22px 21px !important; }
.ico.cafe-c { width: 24px; height: 24px; background: url(/images/common/ico_quick_cafe_color_2x.png) no-repeat center / 22px 21px !important; }
.icon.direct{width: 16px; height: 16px; background: url(/images/common/ico_blank_link_2x.png) no-repeat center / 16px 16px;}
.ico.band-b{width: 24px; height: 24px; background: url(/images/common/ico_quick_band_black_2x.png) no-repeat center / 18px 23px !important;}
.ico.band-c{width: 24px; height: 24px; background: url(/images/common/ico_quick_band_color_2x.png) no-repeat center / 18px 23px !important;}
.ico.facebook-b{width: 24px; height: 24px; background: url(/images/common/ico_quick_facebook_black_2x.png) no-repeat center / 12px 24px !important;}
.ico.facebook-c{width: 24px; height: 24px; background: url(/images/common/ico_quick_facebook_color_2x.png) no-repeat center / 12px 24px !important;}


.search-box .search-btn{background: url(/images/common/ico_search_darkgrey_2x.png) no-repeat center / 20px 20px;}

/* button */
.btn.theme-shadow{transition: all 0.3s;}
.btn.theme-shadow:hover{box-shadow: 0px 8px 16px 0px rgba(178, 95, 18, 0.24); background-color:#E28D24;}


/* input, select */
.selectBoxA { padding-right: 26px; }
input[type=text]{caret-color: var(--theme-color);}
::selection{/* background-color: #D7EEBB; */ /* color: #fff; */}


/* table */
.mtable{border-bottom: 1px solid #eee;}
.mtable thead{border-top: 2px solid #222; }
.mtable th{font-size: 16px; padding: 16px 0; color: rgba(0, 0, 0, 0.78);}
.mtable td{font-size: 16px; border-top: 1px solid #eee; padding: 0 16px; text-align: center; color: rgba(0, 0, 0, 0.78);}
.mtable td.fail-masage-box{padding: 24px 0;}
.mtable td a{padding: 24px 0;}
.mtable td.tal{text-align: left !important;}
.mtable td.tar{text-align: right !important;}
.mtable td.grey{color: rgba(0, 0, 0, 0.38) !important;}

.w180 { width: 180px; }

/* header */
.header { position: relative; z-index: 99; }
.header-inner { position: relative; max-width: 1232px; height: 100%; margin: 0 auto; padding: 0 16px; }
.header-wrap .header-inner { display: flex; align-items: center; flex-wrap: wrap; }
.util-wrap{background-color: #f7f7f7; border-bottom: 1px solid #eee; padding: 3px 0; padding-top: 1px; height: 25px;}
.util-menu { display: flex; align-items: center; justify-content: flex-end; height: auto; padding-top: 1px; }
.util-menu > li { float: left; margin-left: 32px; }
.util-menu > li:first-child { margin-left: 0; }
.util-menu > .util.toggle { position: relative; margin-left: 16px;}
.util-menu > .util > a { display:block; line-height: 21px; }
.util-menu > .util i { margin-right: 4px; display: none; }
.util-menu > .util i.util-down{ display: inline-block; vertical-align: middle; margin-left: 4px; margin-right: 0; position: relative; top: -1px;}
.util-menu > .util i.util-alert{display: inline-block; vertical-align: middle; margin-left: 4px; margin-right: 3px;}
.util-menu > .util span { height: auto; font-size: 13px; color: rgba(0, 0, 0, 0.58); font-weight: 400; transition: all 0.3s;}
.util-menu > .util span:hover{color: #DB9833;}
.util-menu > .util .util-toggle { position: absolute; left: 0; max-width: 180px; white-space: nowrap; top: 100%; display: none; }
.util-menu > .util.toggle:hover .util-toggle { display: block; z-index: 10; }
.util-menu > .util.toggle:hover > a > span{color: #DB9833;}
.util-menu > .util .util-toggle .round-box { margin-top: 6px; background-color: #fff; border: 1px solid #D8D8D8; border-radius: 4px; padding: 8px 12px; }
.util-menu > .util .util-toggle .round-box > div a { padding-top: 8px; color: rgba(0, 0, 0, 0.58);}
.util-menu > .util .util-toggle .round-box > div a span{font-family: 'Sebang', 'Noto Sans KR', sans-serif !important; letter-spacing: 0 !important;}
.util-menu > .util .util-toggle .round-box > div:first-child a { padding-top: 0; }
.util-menu > .util .util-toggle .round-box > div a:hover span { text-decoration: underline; color: rgba(0, 0, 0, 0.58);}
.util-menu > .util .util-toggle .round-box div i { display: none; }
.util-menu > .util.member > a, .util-menu > .util.campus-link > a, .util-menu > .util.my-page > a{line-height: 20px;}
.util-menu > .util.member, .util-menu > .util.my-page{position: relative; top: 1px;}
.util-menu > .util.member, .util-menu > .util.member *{font-family: 'Sebang', 'Noto Sans KR', sans-serif !important; letter-spacing: 0 !important;}
.util-menu > .util.my-page, .util-menu > .util.my-page *{font-family: 'Sebang', 'Noto Sans KR', sans-serif !important; letter-spacing: 0 !important;}

.util-menu > .util .select-box { position: relative; }
.util-menu > .util .select-box i { width: 17px; height: 17px; background: url(/images/skin/soma/ico_util_down_2x.png) no-repeat center 5px / 9px 6px; border: 1px solid #D8D8D8; border-radius: 4px; display: flex; position: absolute; top: -1px; bottom: 0; right: 0; margin: auto 0; } /* 드롭다운 아이콘 */
.util-menu > .util select { font-size: 12px; color: rgba(0, 0, 0, 0.58); padding-right: 20px; padding-left: 0; position: relative; background-color: transparent; z-index: 1; max-width: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.util-menu > .util .cnt { margin-left: 2px; font-size: 12px; font-weight: 700; color: var(--theme-color); letter-spacing: -0.5px; }
.util-menu > .util .cnt.bg { color: #fff; background-color: var(--theme-color); padding: 0px 2px 0px 2px; border-radius: 4px; font-weight: 400; min-width: 16px; display: inline-block; height: 16px; vertical-align: middle; text-align: center; line-height: 14px;}

.util-menu > .childSelect{margin-left: 16px;}
/* .util-menu > .util + .childSelect{margin-left: 32px;} */
.util-menu > .childSelect:first-child{margin-left: 0;}
.util-menu > .childSelect select { min-width: 86px; height: 18px; line-height: 20px; font-size: 13px; position: relative; top: -1px; background: url(/images/skin/soma/ico_util_down_2x.png) no-repeat center right 6px / 16px 16px; border:none; font-family: 'Sebang','Noto Sans KR', sans-serif !important; letter-spacing: 0 !important;}


/* 센터 바로가기 */
.util-menu > .util.campus-link{font-size: 12px; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; height: 18px; line-height: 14px; margin-left: 16px;}
.util-menu > .util.campus-link + .util{margin-left: 16px;}
.util-menu > .util.campus-link a{padding: 2px 4px; line-height: 14px;}
.util-menu > .util.campus-link a span{padding-right: 12px; position: relative; font-size: 12px; font-family: 'Sebang', sans-serif !important; letter-spacing: 0 !important;}
.util-menu > .util.campus-link a span::after{content: ""; position: absolute; top: -2px; right: 0; bottom: 0; margin: auto 0; display: block; width: 8px; height: 10px; background: url(/images/skin/soma/ico_util_location_2x.png) no-repeat center / 8px 10px;}

.util-menu > li.alam{margin-left: 36px; position: relative; top: -1px;}
.util-menu > li.alam::before{content: ""; position: absolute; left: -16px; top: 3px; bottom: 0; display: block; margin: auto 0; width: 1px; height: 8px; background-color: #ddd;}
.util-menu > .util i.util-alert + .cnt { margin-left: 0;  padding-top: 1px; margin-top:1px;}
.util-menu > .util.alam > a{line-height:19px;}

.util-menu > .lang { position: relative; margin-left: 16px; cursor: pointer; }
.util-menu > .lang:hover .lang-select { display: block; }
.util-menu > .lang .lang-select { display: none; position: absolute; top: calc(100% + 10px); left: -36px; width: 94px; padding: 8px 0; background: #FFF; border: 1px solid #D8D8D8; box-shadow: none; border-radius: 4px; text-align: center; z-index: 9; }
.util-menu > .lang .lang-select::before { display: block; content: ''; position: absolute; top: -28px; left: 0; width: 94px; height: 30px; z-index: -1; }
.util-menu > .lang .lang-select li a { display: block; padding: 8px 0 2px 0; line-height: 18px; font-size: 13px; }
.util-menu > .lang .lang-select li a.active, .util-menu > .lang .lang-select li a:hover { color: #383838; color: var(--theme-color); }
.header-wrap { height: 100px; width: 100%; border-bottom: 1px solid #ddd; background-color: #fff; transition: all 0.3s; }



.logo { position: relative; flex: none; top: -4px; max-width:157px;}
.logo .logo-wrap { display: flex; align-items: center; }
.logo .logo-wrap a { display: flex; align-items: center; }
.logo img { /* max-width: 168px; max-height: 64px; vertical-align: middle; */ max-height: 54px; }
.logo .no-img { display: inline-block; vertical-align: middle; font-size: 24px; color: #000; }
.logo .campus { display: inline-block; height: 25px; vertical-align: middle; }
.logo .campus span { display: inline-block; max-width: 107px; height: 25px; margin-left: 0px; padding:1px 8px; background-color:#383838; background-color:var(--theme-color); border-radius: 0 4px 4px 0; color: #fff; border: 1px solid rgba(0, 0, 0, 0.38); border: 1px solid var(--theme-color); font-weight: bold; font-size: 13px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.logo .campus.partner span { margin-left:16px; border-radius: 4px 0 0 4px; background-color:#fff; border: 1px solid rgba(0, 0, 0, 0.38); color: rgba(0, 0, 0, 0.58); }
.logo .campus.active span { padding-left: 5px; }

.gnb { margin-left: auto; display: flex; align-items: center;}
.gnb .gnb-menu { position: relative; }
.gnb  .cate-swiper{}
.gnb .gnb-depth1 { display: flex; /* height: 72px; */ align-items: center; flex-wrap: wrap; height: 100%;}
.gnb .gnb-depth1 > li:last-child { margin-right:0; }
.gnb .gnb-depth1 > li > a.direct span { padding-right: 15px; position: relative; }
.gnb .gnb-depth1 > li > a.direct span::after { content: ""; position:absolute; top:0; right:0; width:11px; height:11px; background: url(/images/common/ico_blank_menu_2x.png) no-repeat center / 11px 11px; }
.gnb .etc-service { margin-left: 48px; padding: 0 8px; background-color: #F4F8F8; height: 32px; border-radius: 8px; display: flex; justify-content: center; align-items: center; font-size: 13px; }
.gnb .etc-service span { height: 12px; color: #000; }
.gnb .etc-service.campus-link i { margin-left: 8px; }
.gnb .etc-service.campus-link img { width: 35px; height: 14px; margin-right: 4px; }

/* 뎁스 레이아웃 */
.gnb .gnb-depth1 > li { position: relative; top: 5px; margin: 0 35px;}
.gnb .gnb-depth1 > li > a { /*padding: 0 35px;*/ text-align: center; font-size: 18px; font-weight: 700; transition: all 0.3s; padding-bottom: 5px;}
.gnb .gnb-depth1 > li:last-child > a { padding-right: 0; }
.gnb .gnb-depth1 > li:hover > a, .gnb .gnb-depth1 > li > a.active { font-weight: 700; color: var(--theme-color);}

.header{height: 125px;}
.header .header-cont{height:122px; height: 125px; width: 100%;}
.header.auto-height .gnb { width: 100%; }
.header.auto-height .gnb .gnb-depth1 > li > a { padding: 0; padding-right: 48px; text-align: center; }
.header.auto-height .gnb .etc-service { margin-left: 0; }


.gnb-menu .gnb-depth1 > li:hover > .gnb-depth2{opacity: 1; visibility: visible;}
.gnb-menu .gnb-depth2{position: absolute;top: 26px;left: 50%;width: 198px;margin-left: -99px;/*padding: 4px 16px 18px 16px*/;background: var(--theme-color);box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.21), 0px 4px 12px 0px rgba(68, 68, 68, 0.12); border-radius: 8px;text-align: left;z-index: 100; transition: height 0.3s; height: 0; overflow: hidden;}
/* .gnb-menu .gnb-depth2::before{display: block;content: '';position: absolute;top: -25px;left: 0; width: 100%;z-index: -1;} */
.gnb-menu .gnb-depth2 > li:first-child{padding-top:7px;}
.gnb-menu .gnb-depth2 > li:last-child{margin-bottom: 0;}
.gnb-menu .gnb-depth2 > li > a{font-size: 16px;line-height: 22px; color: #fff; transition: all .3s; padding: 12px 16px; }
.gnb-menu .gnb-depth2 > li > a span{position:relative;}
.gnb-menu .gnb-depth2 > li > a span::before{content: ""; position: absolute; bottom:-3px; left:0; display:block; height: 1px; width: 0; background-color: #fff; transition: all 0.3s;}

.gnb-menu .gnb-depth2 > li > a.childMenuY{cursor: default;}
.gnb-menu .gnb-depth2 > li > a:hover span::before, .gnb-menu .gnb-depth2 > li > a.active span::before{width: 100%;}


/* 헤더 스크롤 */
.header .header-cont.rolldown { position: fixed; top: -136px; left: 0; z-index: 100; transition: all 0.4s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); height: 127px;}
.header .header-cont.rolldown .header-inner{align-items: center;}
.header .header-cont.rolldown.active { top: 0; }

/* 헤더 스크롤 */
/*
.header .header-wrap.rolldown { position: fixed; top: 0; left: 0; z-index: 100; padding-top: 8px; padding-bottom: 8px; transform: translateY(-100%); transition: all 0.4s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);}
.header .header-wrap.rolldown .header-inner { align-items: center; }
.header .header-wrap.rolldown.active { transform: translateY(0);}
*/


#sideMenu { position: fixed; right: -100%; top: 0; width: 100%; height: 100%; background-color: #fff; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; overflow-y: auto; z-index: 99999; }
#sideMenu.mm-open { right: 0; }
.sideMenu-btn { display:none; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 48px; height: 48px; }
.sideMenu-btn::before { content: ''; position: absolute; left: 12px; top: 20px; display: block; width: 24px; height: 2px; background: #000; }
.sideMenu-btn::after { content: ''; position: absolute; left: 12px; bottom: 19px; display: block; width: 24px; height: 2px; background: #000; }
.sideMenu-home { position: absolute; top: 14px; right: 64px; display: block; width: 48px; height: 48px; background: url(/images/common/ico_home_2x.png) no-repeat center; background-size:16px 15px; font-size: 0; text-indent: -999px; }
.sideMenu-close { position: absolute; top: 12px; right: 7px; display: block; width: 48px; height: 48px; background: url(/images/common/ico_m_close_2x.png) no-repeat center; background-size:20px 20px; font-size: 0; text-indent: -999px; }
.lnb-member { display: flex; padding: 24px 16px; border-bottom: 1px solid #D8D8D8; align-items: center; }
.lnb-member > p { display: flex; align-items: center; flex: none;}
.lnb-member > p a, .lnb-member > p span { font-weight: bold; border-bottom: 1px solid rgba(0, 0, 0, 0.78);}
.lnb-member > a { margin-left: 8px; font-size: 12px; padding: 5px 8px 3px 7px; flex: none; color: rgba(0, 0, 0, 0.58);}
.m-childSelect { width: 100%; background: #F5F5F5; }
.m-childSelect .selectBoxB { background: url(/images/common/ico_arrow_bottm_2x.png) no-repeat right 12px center; background-size: 12px 8px; }
.m-childSelect .selectOptions { border-left: none; border-right: none; }

.lnb-menu { margin-top: 16px; }
.lnb-menu > .gnb-depth1::after { display: block; content: ''; clear: both; }
.lnb-menu .gnb-depth1 > li { position: relative; cursor: pointer; }
.lnb-menu .gnb-depth1 > li .menu-tgl-button { position: absolute; top: 16px; right: 16px; width: 18px; height: 18px; background: url(/images/common/ico_depth1_close_2x.png) no-repeat center; background-size: 10px 7px; font-size: 0; }
.lnb-menu .gnb-depth1 > li .menu-tgl-button.active { background-image: url(/images/common/ico_depth1_open_2x.png); }
.lnb-menu .gnb-depth1 > li > a { display: block; padding: 16px; color: rgba(0, 0, 0, 0.58); border-bottom: 1px solid #eee; font-weight: bold; }
.lnb-menu .gnb-depth1 > li > a.active, .lnb-menu .gnb-depth1 > li > a:hover { color: #383838; color: var(--theme-color); }
.lnb-menu .gnb-depth2 { display: none; padding: 8px 0px; background: #f5f5f5; font-family: 'Noto Sans KR', sans-serif; }
.lnb-menu .gnb-depth1 > li a.active + .gnb-depth2 { display: flex; flex-wrap: wrap;}
.lnb-menu .gnb-depth1 > li a.direct span { padding-right:15px; position: relative; }
.lnb-menu .gnb-depth1 > li a.direct span::after { content: ""; position:absolute; top:0; right:0; width:11px; height:11px; background: url(/images/common/ico_blank_menu_2x.png) no-repeat center / 11px 11px; }
.lnb-menu .gnb-depth2 > li { position: relative; width: 50%;}
.lnb-menu .gnb-depth2 > li .menu-tgl-button { position: absolute; top: 19px; right: 17px; width: 16px; height: 16px; background: url(/images/common/ico_depth2_close_2x.png) no-repeat center; background-size: 8px 6px; font-size: 0; }
.lnb-menu .gnb-depth2 > li .menu-tgl-button.active { background-image: url(/images/common/ico_depth2_open_2x.png); }
.lnb-menu .gnb-depth2 > li:last-child { margin-bottom: 0; }
.lnb-menu .gnb-depth2 > li > a { display: block; line-height: 22px; color: rgba(0, 0, 0, 0.58); padding: 8px; padding-left: 42px; font-weight: bold; letter-spacing: -1px; font-size: 13px;position: relative;}
.lnb-menu .gnb-depth2 > li > a::before{content: ""; position: absolute; left: 32px; top: 18px; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); transition: all .3s;}/* 점 */

.lnb-menu .gnb-depth2 > li > a.active, .lnb-menu .gnb-depth2 > li > a:hover { color: #383838; color: var(--theme-color); }
.lnb-menu .gnb-depth2 > li > a.active::before, .lnb-menu .gnb-depth2 > li > a:hover::before { background-color: var(--theme-color); }
.lnb-menu .gnb-depth2 > li > a + .gnb-depth3 { padding-left: 32px; }
.lnb-menu .gnb-depth2 > li > a.active + .gnb-depth3 { display:block; }
.lnb-menu .gnb-depth3 { display: none; }
.lnb-menu .gnb-depth3.active { display: block; }
.lnb-menu .gnb-depth3 > li { margin-bottom: 8px; }
.lnb-menu .gnb-depth3 > li:last-child { margin-bottom: 0; }
.lnb-menu .gnb-depth2 > li:last-child .gnb-depth3 { margin-bottom: 16px; }
.lnb-menu .gnb-depth3 > li > a { display: block; line-height: 20px; font-size: 13px; color: rgba(0, 0, 0, 0.58); font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lnb-menu .gnb-depth3 > li > a.active, .lnb-menu .gnb-depth3 > li > a:hover { color: #383838; color: var(--theme-color); font-weight: bold; }



/* 로케이션 */
.location{line-height: normal; padding-top: 24px; border-bottom: none;}
.location .loc-home{width: 15px;height: 14px;background: url(/images/skin/soma/ico_location_home_2x.png) no-repeat;background-size: 15px 14px; margin-top: -3px;}
.location .loc-nav{padding-left: 12px; font-size: 13px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px;}
.location .loc-home + .loc-nav{padding-left: 16px; }
.location .loc-nav::before{width: 4px;height: 4px;margin-right: 16px; background: url(/images/skin/soma/ico_location_arrow_2x.png) no-repeat center;background-size: 4px 4px; margin-top: -1px;}
.location .loc-home + .loc-nav::before{display: none;}
.location .loc-nav.active{color: rgba(0, 0, 0, 0.38);}


/* 탭 */
/* .tab-type1 > li > a{font-size: 14px; padding: 0 40px; height: 46px; border: 1px solid #222; border-radius: 8px 8px 8px 24px; font-weight: 700; transition: all 0.3s;}
.tab-type1 > li > a.active, .tab-type1 > li > a:hover{ background-color: #000; color: #fff; border-radius: 8px 8px 8px 24px;}
 */
.tab-type1 { position: relative; width: 100vw; left: -16px; padding-left: 16px; }
.tab-type1 > li { padding-right: 0; padding-left: 24px; margin-right: 0; }
.tab-type1 > li:first-child { padding-left: 0; }
.tab-type1 > li > a { padding: 0 0 8px 0; height: auto; border: none; border-radius: 8px 8px 8px 24px; font-weight: 400; display: flex; align-items: center; color: rgba(0, 0, 0, 0.78); background-color: transparent; font-size: 17px; position: relative; color: rgba(0, 0, 0, 0.38); transition: all 0.3s; line-height: normal; white-space: nowrap; -webkit-text-stroke: initial; }
.tab-type1 > li > a::after { content: ""; position: absolute; width: 100%; height: 2px; background-color: #222; bottom: 0; left: 0; opacity: 0; visibility: hidden; transition: all 0.1s; width: 0; } /* 밑줄 */
.tab-type1 > li > a.active, .tab-type1 > li > a:hover { background-color: transparent; color: #fff; border-radius: 8px 8px 8px 24px; border: none; color: rgba(0, 0, 0, 0.78); font-weight: 700; border-radius: 0; }
.tab-type1 > li > a.active::after, .tab-type1 > li > a:hover::after { opacity: 1; visibility: visible; width: 100%; }


/* faq 탭 */
.tab-type2 { position: relative; width: 100vw; left: -16px; padding-left: 16px; }
/* .tab-type2 > li > a { font-size: 14px; padding: 0 40px; height: 46px; border: 1px solid #222; border-radius: 8px 8px 8px 24px; font-weight: 400; transition: all 0.3s; }
.tab-type2 > li > a.active, .tab-type2 > li > a:hover { background-color: #000; color: #fff; border-radius: 8px 8px 8px 24px; } */

.tab-type2 { position: relative; width: 100vw; left: -16px; padding-left: 16px; }
.tab-type2 > li { margin-right: 0; margin-left: 24px; }
.tab-type2 > li:first-child { margin-left: 0; }
.tab-type2 > li > a { padding: 0 0 8px 0; height: auto; border: none; border-radius: 8px 8px 8px 24px; font-weight: 400; display: flex; align-items: center; color: rgba(0, 0, 0, 0.78); background-color: transparent; font-size: 17px; position: relative; color: rgba(0, 0, 0, 0.38); transition: all 0.3s; white-space: nowrap; -webkit-text-stroke: initial; }
.tab-type2 > li > a::after { content: ""; position: absolute; width: 100%; height: 2px; background-color: #222; bottom: 0; left: 0; opacity: 0; visibility: hidden; transition: all 0.3s; width: 0; } /* 밑줄 */
.tab-type2 > li > a.active, .tab-type2 > li > a:hover { background-color: transparent; color: #fff; border-radius: 8px 8px 8px 24px; border: none; color: rgba(0, 0, 0, 0.78); font-weight: 700; border-radius: 0; }
.tab-type2 > li > a.active::after, .tab-type2 > li > a:hover::after { opacity: 1; visibility: visible; width: 100%; }

/* faq 분류 탭 */
.board-wrap.faq .tab { margin-bottom: 16px; }

.tab-type3 { position: relative; width: 100vw; left: -16px; padding-left: 16px; }
.tab-type3 > li { margin-right: 0; margin-left: 24px; }
.tab-type3 > li:first-child { margin-left: 0; }
.tab-type3 > li > a { padding: 0 0 8px 0; height: auto; border: none; border-radius: 8px 8px 8px 24px; font-weight: 400; display: flex; align-items: center; color: rgba(0, 0, 0, 0.78); background-color: transparent; font-size: 17px; position: relative; color: rgba(0, 0, 0, 0.38); transition: all 0.3s; white-space: nowrap; -webkit-text-stroke: initial; }
.tab-type3 > li > a::after { content: ""; position: absolute; width: 100%; height: 2px; background-color: #222; bottom: 0; left: 0; opacity: 0; visibility: hidden; transition: all 0.3s; width: 0; } /* 밑줄 */
.tab-type3 > li > a.active, .tab-type3 > li > a:hover { background-color: transparent; color: #fff; border-radius: 8px 8px 8px 24px; border: none; color: rgba(0, 0, 0, 0.78); font-weight: 700; border-radius: 0; -webkit-text-stroke:initial;}
.tab-type3 > li > a.active::after, .tab-type3 > li > a:hover::after { opacity: 1; visibility: visible; width: 100%; }



/* 메뉴 */
.set-menu { margin-top: 32px; border-bottom: 1px solid #eee; }
.set-menu .depth2-wrap { background-color: #fff; /* height:41px;  */padding-bottom: 16px; transition: all 0.3s;}
/* .set-menu .depth2-wrap .sticky-inner{width: 100%;display: flex; flex-direction: column;} */
.set-menu .depth2-wrap .sticky-inner{width: 100%; display: flex; transition: all 0.3s;}
.set-menu .depth2-wrap .set-gnb{position: relative; display: inline-block; margin-left: auto;}
.set-menu .depth2-wrap .depth1-title{font-size: 36px; font-weight: 700; flex: none;}
.set-menu .depth-wrap ul {height: 100%; float: right;}
.set-menu .depth2-wrap ul li { width: auto; height: 100%; float: left;}
.set-menu .depth2-wrap ul li a { /* height: 41px;  */font-size: 17px; position: relative; color: #222824; transition: all 0.3s; padding: 0 40px; z-index: 2; height: 100%; display: flex; flex-direction: column; justify-content: flex-end;}
.set-menu .depth2-wrap ul li:last-child a{padding-right: 0;}
.set-menu .depth2-wrap ul li a span { position: relative; display: inline-block;}
.set-menu .depth2-wrap ul li a.active span::after { content: ""; position: absolute; bottom: 0; width: 100%; height: 4px; background-color: #40454E; left: 0;  display: none;} /* 밑줄 */

.set-menu .depth2-wrap.depth-mini ul li a.active span::after { width: 148px; }
.gnb-bar{display: block;position: absolute;bottom: -2px;width: 0;height: 12px; background-color: #F08C32; z-index: 0; left: 24px; /* transform: translateX(16px); */ opacity: 0.5;}


/* 2차메뉴 활성화 */
.set-menu .depth2-wrap.sticky { position: fixed; left:0; top: 19px; width: 100%; z-index: 50; transition: all 0.3s; height: 84px; transition: all 0.3s; padding-bottom: 0; background-color: transparent;}
.set-menu .depth2-wrap.sticky .inner{max-width: 1400px; position: relative; box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.21), 0px 4px 12px 0px rgba(68, 68, 68, 0.12); transition: all 0.3s, border-radius 0.3s; background-color: #fff; border-radius: 8px; height: 84px;}
.set-menu .depth2-wrap.sticky .scroll{display: flex;align-items: center; height: 100%;}
.set-menu .depth2-wrap.sticky .sticky-inner{max-width: 1232px; padding: 0 16px; margin: 0 auto; transition: width 0.3s;}
.set-menu .depth2-wrap.sticky ul li { border-bottom: none; }

.set-menu .depth2-wrap.sticky.scrollup { top: 125px; border-bottom: 1px solid #ddd; height: 91px; background-color: #fff;}
.set-menu .depth2-wrap.sticky.scrollup .inner{ max-width: 1232px; box-shadow: none; border-radius: 0; height: 100%;  padding: 0;}



/* 사이드 메뉴 퀵 */
.m-quick { display: flex; flex-wrap: wrap; padding: 24px 12px 16px; border-bottom: 1px solid #eee; }
.m-quick::after { display: block; content: ''; clear: both; }
.m-quick > li { float: left; width: 48%; margin: 1%; border: 1px solid #D8D8D8; border-radius: 8px; text-align: center; }
.m-quick > li > a { display: flex; justify-content: center; align-items: center; padding: 18px 0; }
.m-quick > li > a > span { display: inline-block; margin-left: 8px; font-weight: bold; color: rgba(0, 0, 0, 0.58); margin-top: 3px; }
.m-quick_banner { display: flex; flex-wrap: wrap; padding:16px 12px; }
.m-quick_banner > li { margin: 0 4px 8px 4px; }
.m-quick_banner > li > a { display:block; width: 128px; height: 64px; border: 1px solid #D8D8D8; border-radius: 8px; background-color: #fff; overflow: hidden; display: flex; justify-content: center; align-items: center;flex: none;}
.m-quick_banner > li > a img { width: 126px; height: auto; object-fit: cover; }
.m-quick_banner > li.quick-app-download img{width: 58px; height: 49px;}


/* 메인 실시간 강의 자료 */
.main-live-lecture .live_lecure .live_list > li .file_wrap .file_btn span{margin-left: 0;}


/* 슬라이드 컨트롤러 ui */
.main-banner .swiper-control{right: initial; left: 0; bottom: 0; background-color: transparent; border-radius: 0; border: none;}
.main-banner .swiper-button-next2{margin-left: 24px;}
.main-banner .swiper-control.dark .swiper-button-next2::before{display: inline-block;content:'';position: absolute;left: -12px;top: 3px;width: 1px;height: 10px;background: rgba(0, 0, 0, 0.2);}
.main-banner .swiper-control{height: 32px; border-radius: 32px; align-items: center; bottom: 0;}
.main-banner .swiper-button-wrap{margin-top: 0; margin-bottom: 0; display: flex;}
.main-banner .swiper-button{display: block;}
.main-banner .swiper-button-next1::before{left: -12px;}
.main-banner .swiper-move-wrap{margin-top: 0; background-color: transparent;}
.swiper-control .swiper-button-prev{background-image: url(/images/skin/soma/ico_prev.png); background-position: center;}
.main-banner .swiper-control .swiper-button-next1, .main-banner .swiper-control .swiper-button-next{background-image: url(/images/skin/soma/ico_next.png); /* background-position: center; */}/* center 값때문에 이미지가 흐려보임 */

/* 어두운 버전 */
.main-banner .swiper-control.dark{background-color: rgba(0, 0, 0, 0.2); height: 48px; border: none; left: 0; bottom: 24px;}
.main-banner .swiper-control.dark .swiper-move-wrap{background-color: transparent;}
.main-banner .swiper-control.dark .swiper-button-wrap{margin-left: 16px; margin-right: 16px;}
.main-banner .swiper-control.dark .swiper-button{width: 10px; height: 16px;}
.main-banner .swiper-control.dark .swiper-button-next2::before, .main-banner .swiper-control.dark .swiper-button-next1::before{background-color: rgba(255, 255, 255, 0.4); }
.main-banner .swiper-control.dark .swiper-button-prev1, .main-banner .swiper-control.dark .swiper-button-prev2{background-image: url(/images/common/ico_prev_w.png); background-position: center;}
.main-banner .swiper-control.dark .swiper-button-next1, .main-banner .swiper-control.dark .swiper-button-next2{background-image: url(/images/common/ico_next_w.png); background-position: center;}
.main-banner .swiper-control.dark .swiper-button-next1::before, .main-banner .swiper-control.dark .swiper-button-next1::before{background-color: rgba(255, 255, 255, 0.4);}
.main-banner .swiper-control.dark .swiper-pagination{color: #fff;}
.main-banner .swiper-control.dark .swiper-pagination .swiper-pagination-total{color: rgba(255, 255, 255, 0.78);}
.main-banner .swiper-control.dark .swiper-button-pause{background-image: url(/images/common/ico_pause_w.png);}
.main-banner .swiper-control.dark .swiper-button-play{background-image: url(/images/common/ico_play_w.png);}


/* 커스텀 스크롤바 */
.notice-bnr-wrapper .custom-scrollbar{width: 100%; height: 4px; background-color: rgba(0, 0, 0, 0.1); border-radius: 4px; position: relative;}
.notice-bnr-wrapper .swiper-scrollbar.bnr-custom-scrollbar .scroll-bar{width: 100px; position: absolute; height: 100%; background-color: rgba(0, 0, 0, 0.2); border-radius: 4px; left: 0; top: 0; transition: all .3s;}
.notice-bnr-wrapper .swiper-scrollbar.bnr-custom-scrollbar{display: none;}
.swiper-scrollbar-drag{background-color: rgba(0, 0, 0, 0.2);}


/* 본사배너 */
.main-banner{/* box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.31), 0px 18px 18px 0px rgba(68, 68, 68, 0.06);  */filter: drop-shadow(0px 18px 18px rgba(68, 68, 68, 0.06));}
.main-banner .swiper-slide img{border: none; border-radius: 16px;}
.main-banner .swiper-slide a::after{content: ''; position: absolute; display: block; width: 100%; height: 100%; border: 1px solid #d8d8d8; border-radius: 16px; top: 0; left: 0;}
.main-banner .main-swiper-pc{border-radius: 16px;}
.main-banner .main-swiper-mobile{border-radius: 8px;}
.main-banner .main-swiper-pc .swiper-slide img{right: 64px;}
.main-banner .swiper-pagination .swiper-pagination-current{margin-right: 4px;}
.main-banner .swiper-pagination .swiper-pagination-total{margin-left: 4px;}

.main-banner.mswitch-bnr-wrap .swiper-control{left: initial; right: 16px; background-color: #fff; border-radius: 16px 16px 0 0; border: 1px solid #d8d8d8; padding: 8px 16px; height: 48px;}



/* 공지배너 */
.main-banner{}
.main-set-contents.main-banner{filter: none;}
.set-wrap{display: flex; height: 600px; /* border-radius: 16px 16px 16px 72px; overflow: hidden; */}
.set-wrap .right-penel{width: calc(100% - 720px); display: flex; flex-wrap: wrap;}

/* 첫번째 배너 공통 */
.set-wrap .set-cont.item1{width: 720px; height: 100%; border-radius: 16px 0 0 72px; overflow: hidden; position: relative;}
.set-wrap .set-cont.item1 > div, .set-wrap .swiper, .set-wrap .swiper .swiper-wrapper{height: 100%;}
.set-wrap .set-cont.item1 .swiper-slide a{height: 100%;}
.set-wrap .set-cont.item1 .swiper-slide .img-box img{border-radius: 0; border: none;}

/* 커스텀 배너 */
.set-wrap .custom-slide{background: linear-gradient(180deg, #F1F1F1 31%, #D7D9CA 100%);}
.set-wrap .custom-slide::before{content: "soma Academy"; position: absolute; font-size: 13px; font-weight: 700; color: #B4B7AB; letter-spacing: -0.2px; padding: 28px 0 0 28px; left: 0; top: 0; z-index: 10;}/* 고정 텍스트 */
.set-wrap .custom-slide::after{content: ""; position: absolute; background: linear-gradient(180deg, #F1F1F1 0%, #E5E7DB 100%); width: 912px; height: 394px; border-radius: 1000px; bottom: 56px; left: 80px;}/* 배경 원기둥 */
.set-wrap .custom-slide .swiper-slide.slide2 .img-box{position: relative;}
.set-wrap .custom-slide .swiper-slide.slide2 .img-box img{position: absolute;}
.set-wrap .custom-slide .swiper-slide.slide2 .img-box img.only-pc{top: 45px}
.main-banner .c-Bnr .swiper-slide a::after{border:none;}
.set-wrap .custom-slide .swiper-slide a{cursor: default;}

.set-wrap .custom-slide .copy-box.opacity{position: absolute; left: 24px; top: 90px; z-index: 1000; width: 100%;}
.set-wrap .custom-slide .copy-box.opacity .copy{display: flex; position: absolute; width: 100%; opacity: 0; visibility: hidden; transition: all 0.3s; height: 300px;}
.set-wrap .custom-slide .copy-box.opacity .copy.active{opacity: 1; visibility: visible;}
.set-wrap .custom-slide .copy-box.opacity .copy .typing-txt{font-size: 40px; color: #000; line-height: 52px;}/* 깜빡이 커서 높이로 인해 텍스트가 출력될때마다 덜컹거림 line-height로 간격을 넓혀줘야함 */
.set-wrap .custom-slide .copy-box.opacity .copy .typing-txt::after{content:"";display: inline-block; width: 4px; height: 35px; background-color: var(--theme-color); position: relative; top: 5px; animation-name: cursor; animation-duration: 0.5s; animation-iteration-count: infinite; left: 5px;}
.set-wrap .custom-slide .copy-box.opacity .copy .fix-txt{margin-left: 16px; font-size: 14px; color: rgba(0, 0, 0, 0.58); line-height: 28px;}

.set-wrap .custom-slide .copy-box.opacity .copy.item1 .typing-txt{width: 150px; height: 146px;}
.set-wrap .custom-slide .copy-box.opacity .copy.item2 .typing-txt{width: 170px;}



@keyframes cursor {
    to {
        opacity: 0;
      }
}




/* 게시글 없음 */
.fail-masage-box{border-bottom: none; }
.ul-table .tbody li.data-none{display: block; height: auto;}


/* 게시판 공통 */
.flag.new{width: 16px; height: 16px; background: url(/images/skin/soma/ico_new_2x.png) no-repeat center;background-size: 6px 8px;background-color: #383838;background-color: var(--theme-color);}
.flag.notice{font-weight: 400; font-size: 12px; padding: 0px 8px 0 7px; background-color: #fff; border-bottom: 4px; border: 1px solid var(--theme-color); letter-spacing: -1px;}
.htable-wrap{border-top: none;}
.htable-wrap .tbody > ul:hover::before{background-color: #FBF8F0;}
.ul-table .tbody li:hover{background-color: #FBF8F0;}

.board-type select{background-color: #f5f5f5; border: none; font-family: "Sebang"; font-weight: 400; color: rgba(0, 0, 0, 0.78); padding: 0px 30px 2px 12px; font-size: 14px;}/* 분류 셀렉 */
.board-search-wrap{background-color: transparent; border: none; padding: 0; padding-top: 8px; margin-top: 16px; border-top: 1px solid #222;}
.board-search{border-bottom: 1px solid #eee; padding-bottom: 16px; padding-left: 16px; padding-right: 16px;}
.board-search .input-searchBox{background-color: transparent; padding-top: 3px;}
.board-search select{min-width: 82px; line-height: 33px; font-size: 14px;}
.input-searchBox input{height: 27px;}
.input-searchBox input::placeholder{font-size: 14px;}
.input-searchBox button{height: 26px; top: 2px; right: 2px; font-size: 13px; font-weight: 400; line-height: 26px; width: 57px;}

.htable-wrap .tbody > ul:hover{/* background-color: #f5f5f5; */}
.htable-wrap .tbody > ul.bo-notice:hover::before{/* background-color: #FBF8F0; opacity: 1; */}

.write-box{margin-top: 20px;}
.write-box .write-btn-2{font-weight: 400; line-height: 50px;}/* 글쓰기 버튼 */
.board-w-btn button{letter-spacing: 0;}

/* 리스트 게시판 */
.page-title-type1{display: flex; align-items: center;}
.page-title-type1 p{font-size: 24px; font-weight: 700;}
.page-title-type1 .board-type{margin-left: auto;}

.board-list-type4 .htable-wrap .tbody > ul > li.cell-subject .flag.new{margin-top: 2px;}


/* 갤러리 게시판 */
.board-gallery-type1{margin-left: -9px;}
.board-gallery-type1 > li{padding-left: 10px; width: 20%;}
.board-gallery-type1 .gall-thumb{background-color: transparent;}

.container.gallery-board .page-title-type1 p{display: none;}

.brand-notice.brand-sort .search-box{margin-right:0; width: calc(100% - 176px);}
.board-gallery-type1 .gall-thumb span{margin:20px; width: calc(100% - 40px); height: calc(100% - 40px); padding-bottom: calc(100% - 40px); border-radius: 8px; overflow: hidden; }
.board-gallery-type1 .gall-thumb.no-img span{background-image: url(/images/common/no_img2_2x.png); background-size: 64px 79px; background-color: #f5f5f5; border: 1px solid #ddd;}
.board-gallery-type1 .gall-cont .subject{height: 42px; overflow: hidden; display: block; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.board-gallery-type1 .gall-cont .subject strong{font-size: 14px; color: rgba(0, 0, 0, 0.78); font-weight: 400; letter-spacing: -1px; line-height: 1.2; position: relative;}
.board-gallery-type1 .gall-cont .subject .cnt{position: relative; top: 1px;}
.board-gallery-type1 .gall-cont .subject .flag.new{position: relative; top: 0px;}
.board-gallery-type1 .gall-cont .subject .flag.new{width: 16px; height: 16px;}
.board-gallery-type1 .gall-cont .date{font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.38);}


/* 공지사항 게시판 */
.sub-notice-list .sub-cont-title{display: none;}
.board-list-type5 .htable-wrap .thead{display: none;}
.board-list-type5 .htable-wrap .tbody > ul{height: 70px;}
.board-list-type5 .htable-wrap .tbody > ul > li.cell-no{width: 13.3%;}
.board-list-type5 .htable-wrap .tbody > ul > li.cell-subject{font-size: 16px; }
.board-list-type5 .htable-wrap .tbody > ul > li.cell-subject a{padding-left: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 92%; margin-right: 0;}
.board-list-type5 .htable-wrap .tbody > ul > li.cell-subject .flag.new{width: 22px; height: 22px;}
.board-list-type5 .htable-wrap .tbody > ul > li.cell-subject a + .flag.new{margin-left: 8px;}
.board-list-type5 .htable-wrap .tbody > ul > li.cell-date{font-size: 14px; color: rgba(0, 0, 0, 0.38); width: 86px;}
.board-list-type5 .htable-wrap .tbody > ul > li.cell-subject + li.cell-date{/* margin-top: 8px; */}
.board-list-type5 .htable-wrap .tbody > ul > li.cell-date span{/* margin-top: 5px;  */display: block; letter-spacing: -1px;}
/* 이부분 미탐스킨 확인필요 */



/* 게시글 상세 */
/* 공통 */
.view-cont{font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, 0.78);}
.view-title .post-type{border: 1px solid var(--theme-color); color: var(--theme-color); font-weight: 400; height: 23px; padding: 0 4px; padding-bottom: 0; display: inline-block; align-items: center;border-radius: 4px; line-height: 24px; vertical-align: middle; font-size: 12px; margin-top: -1px;}
.board-title .notice::before{display:none;}
.board-title .notice::after{display:none;}
.board-user-btn .btn_board_list{letter-spacing: 0.5px;}
/* 공통 */

.container.board-detail .page-title-type1{display: none;}
.board-view-wrap .board-title .subject .new{width: 16px; height: 16px;}
.board-view-wrap .subject .cnt, .board-view-wrap .board-title .subject .new{position: relative; top: -1px;}

.board-view-wrap .board-header{padding: 24px 0 20px 0;}
.board-title .notice{font-weight: 400; font-size: 12px; background-color: #fff; border: 1px solid var(--theme-color); padding: 2px 4px 0 4px; border-radius: 4px; height: 24px; display: inline-block; align-items: center; vertical-align: middle; margin-right: 4px;}
.board-title .classify{font-weight: 700; position: relative; top:1px;}
.board-title .classify::before{content: '[';}
.board-title .classify::after{content: ']';}
.board-title .date{font-weight: 400; position: relative; top: 1px;}
.board-title .subject strong{font-size: 16px; line-height: 1.2;}
.board-header .writer{justify-content: left; flex-wrap: wrap; align-items: baseline;}
.board-header .board-metoo{margin-left: auto;}

.board-cont{padding-top: 12px;}
.board-cont .fileList{border-bottom: 1px solid #eee; padding-bottom: 12px;}
.board-cont .fileList:empty{padding-bottom: 0; border-bottom: none;}

.file-input-wrap .inputBtn{width: 100%;}
.file-input-wrap .inputBtn i.file{width: 20px; height: 20px; background-size: 14px 14px !important;}
.cmt-secret .checkboxA input + label::before{top: 1px;}
.heartBtn span{letter-spacing: -1px; margin-left: 2px;}

.board-user-btn .user-btn button, .board-prev-next button{height: 43px; padding-top: 3px; border-radius: 8px; padding-left: 24px; padding-right: 24px; letter-spacing:0;}
.board-prev-next button i, .board-prev-next button.btn i.ico.next{margin-top: -3px;}




/* 파일 리스트 */
.file-input-list-2 li span{padding-right: 2px;}/* 글자가 살짝 잘려서 */
.file-input-list-2 li a{font-weight: 400; color: rgba(0,0,0,.58);}
.fileList li span{padding-top: 1px;}
.fileList-xs li span{/* padding-top: 4px; */}


/* 댓글란 */
.commentBtn b{vertical-align: middle;}
.commentBtn i.comment, .likeBtn i.like{position: relative; top: -1px;}
.writer-info{padding-right: 38px;}
.writer-box button{font-family: 'Sebang', sans-serif !important; letter-spacing: 0.5px !important;}


/* 대댓글 모달 */
.modal_wrap.modal_writer .modal_body{padding-bottom: 4px;}


/* 글쓰기 */
.page-title-type3{display: none;}
.board-write-form{border-top: 0; padding-top: 0;}
.board-w-option .notice-date input{padding-top: 3px;}
.checkboxA input + label::before{top: 0;}
.board-w-btn .checkboxA input + label::before{top: -2px;}
.editor-content{padding-top: 16px;}
.cke_editor_contents{width: auto !important;}



/* 페이징 스타일 */
.paging button.first-btn, .paging2 button.first-btn{width: 30px;height: 42px;background: url(/images/common/ico_page2_arrow_prev_2x.png) no-repeat center;background-size: 15px 14px; opacity: .3;}
.paging button.last-btn, .paging2 button.last-btn{width: 30px;height: 42px;background: url(/images/common/ico_page2_arrow_next_2x.png) no-repeat center;background-size: 15px 14px; opacity: .3;}
.paging button.prev-btn, .paging2 button.prev-btn{width: 30px;height: 42px;background: url(/images/common/ico_page2_arrow_left_2x.png) no-repeat center;background-size: 9px 14px;}
.paging button.next-btn, .paging2 button.next-btn{width: 30px;height: 42px;background: url(/images/common/ico_page2_arrow_right_2x.png) no-repeat center;background-size: 9px 14px;}
.paging .paging-num .page, .paging .first-btn, .paging .last-btn, .paging2 .paging-num .page, .paging .first-btn, .paging2 .last-btn{display: inline-block;}
.paging .prev-btn, .paging .next-btn, .paging2 .prev-btn, .paging2 .next-btn{position: static; transform: none;}



.pagination-wrap{font-family: "Sebang"; font-size: 14px;}
.paging, .paging2{justify-content: center;}
.paging, .paging2, .paging .paging-num, .paging2 .paging-num{display: flex; align-items: center;}
.paging > span, .paging2 > span{display: flex; margin-top: 4px;}
.paging .paging-num, .paging2 .paging-num{margin-left: 4px; margin-right: 4px; position: relative; top: -1px;}
.paging .paging-num .page{line-height: normal;}
.paging .paging-num .page, .paging2 .paging-num .page{/*height: 40px;*/ height: auto; /*margin-left: 4px;*/ font-size: 14px; margin:0; padding: 10px;}
.paging .paging-num .page:first-child, .paging2 .paging-num .page:first-child{margin-left: 0;}
.paging .paging-num .page.active span, .paging2 .paging-num .page.active span{position: relative; display: inline-block; color:var(--theme-color); font-weight: 700;}
.paging .paging-num .page.active span::after, .paging2 .paging-num .page.active span::after{content: ""; display: block; height: 1px; background-color: var(--theme-color); position: absolute; bottom: 16px; width: calc(100% + 2px); left: 0; right: 0; margin: 0 auto; top: 100%;}
.paging2 > button span{background-image: none;}
.paging2 .paging-num a.now-num,.paging2 .paging-num a.last-num{display:none;}
.paging2 .paging-num a.on, .paging2 .paging-num a:hover{border-bottom: none;}


/* ----------------------------------------------------------------- */

/* 로그인 */
.memeber-login .login-form *{font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -1px !important;}
.memeber-login .checkboxA input + label::before{}
.memeber-login h1{border-bottom: 2px solid #222; font-family: 'Sebang','Noto Sans KR', sans-serif !important; }

.memeber-login .login-form{padding-top: 24px;}
.memeber-login .btn.btn-h50{height: 49px; padding-top: 2px;}
.memeber-login .login-menu li::after{right: -18px;}
.memeber-login .login-menu li a, .memeber-login .input-form .frm-input{font-weight: 400;}
.memeber-login .input-form .frm-input::placeholder{font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -1px !important;}


/* 학원찾기 */
.search-box .search-input, .sub-map-academy-search .comp-info .tell span{font-weight: 400; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px;}
.sub-academy-search{margin-top: 48px;}
.sub-academy-search .sub-cont-title{display: none;}
.selectBoxB, .address li span{font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px;}
.search-box .search-btn{top: -4px;}


.map-info{width: calc(100% - 195px);  margin-top: 6px; padding-right: 12px;}
.map-info:last-child{width: calc(100% - 120px);}
.map-info::before{height:100%;}
.map-info-top .site{height: 100%; display: flex; justify-content: center; align-items: center; top: 0;}
.map-info-top .site span{height: auto;}

.academy-list-box .map-info .address .link{padding: 0px 7px 0 5px; position: relative; margin-left: 0;}
.list-more .moreViewBtn{line-height: 42px; padding-top: 2px;}
.list-more .moreViewBtn span{font-weight: 400; background-position: 98% 14px; background-image: url(/images/common/ico_arrow_bottm_darkgrey_2x.png); padding-right: 35px;}


/* 학원찾기 사업자 등록번호 추가 */
.busi-num-box{padding-top: 8px; border-top: 1px solid #eee; font-size: 12px; color: rgba(0,0,0,.38); margin-top: 8px;}
.busi-num-box .address li span.cam-num{margin-left:8px; padding-left:0;}
.map-info .address li span.business{padding-top:2px; background-position: left 4px;}
.map-info:last-child{width: calc(100% - 120px);}



/* 설명회, 예약 */

.brand-sort .search-box{margin-right: 16px; width: calc(100% - 355px);}
.brand-sort .search-box .search-input{border-bottom: none; background-color: #f5f5f5; height: 40px; border-radius: 4px; padding-top: 0px; padding-left: 16px; width: 100%;}
.brand-sort .search-box .search-btn{top: 0;}
.brand-sort .filter-wrap:hover .filter-list{z-index: 300;}

.brand-sort{display: flex;align-items: center;margin-bottom: 16px;}
.brand-sort .selectBox-wrap{margin-right: 16px;}
.brand-sort .selectBox{margin-left: 8px; font-weight: 400;}
.brand-sort .selectBox:first-child{margin-left: 0;}
.brand-sort .selectBox select{font-weight: 400;}

.brand-banner + .sub-cont{margin-top: 32px;}
.brand-sort{display: flex;align-items: center;margin-bottom: 16px;}
.brand-sort .selectBox-wrap{margin-right: 16px;}
.brand-sort select{background-color: #F5F5F5;border-radius: 4px;border-bottom: none;}
.brand-sort .select1{width: 160px;}
.brand-sort .select2{width: 120px;}
.brand-sort .select3{width: 80px;}
.brand-sort .select4{width: 153px;}
.brand-sort .select5{width: 180px;}
.brand-sort .filter-wrap{position: relative;}
.brand-sort .filter-wrap .filter-list{width: 140px;}
.brand-contents .board-list-box{margin-bottom: 16px;}

.ul-table .tbody li .subject .sub-1{border-color: var(--theme-color); color: var(--theme-color); font-weight: 400; height: 24px; padding-bottom: 1px; display: flex; align-items: center;}
.ul-table .tbody li .subject .sub-2{padding-top: 4px; font-weight: 400; display:flex; align-items: center; padding-bottom: 4px;}
.ul-table .tbody li .subject strong{max-width: calc(100% - 100px);margin-left: 12px;padding-right: 4px;font-weight: 400;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative;}
.ul-table .tbody li .subject i.new{flex-shrink: 0;margin-left: 8px;background-color: var(--theme-color);vertical-align: text-bottom; width: 22px; height: 22px;}
.ul-table .tbody li .col.r-date{font-size: 14px;}
.ul-table .tbody li.data-none{justify-content: center;}

/* 설명회 */


/* 시간표 */
.brand-schedule.brand-sort .search-box{width: calc(100% - 610px);}
.sub-schedule-list .sub-cont-title{display: none;}
.sub-schedule-list .groupSelect{margin-left: 5px;}
.sub-schedule-list .groupSelect:first-child{margin-left: 0;}
.sub-schedule-list .groupSelect .selectBoxB{border-bottom: none; background-color: #F5F5F5; height: 40px; border-radius: 4px; font-weight: 400; padding-top: 2px; }
.sub-schedule-list .schedule-filter{top: 4px;}
.sub-schedule-list  .filter-wrap:hover .filter-list{z-index: 200;}
.sub-schedule-list .filter-wrap:hover .filter-list a{display: inline-block;}
.sub-schedule-list .schedule-filter li a{padding: 0;}

.sub-schedule-list li{}
.sub-schedule-list li a{display: flex; padding-top: 24px; padding-bottom: 24px;}
.sub-schedule-list li .sub-box{width: 160px; text-align: center; flex: none;}
.sub-schedule-list li .sub{height: 24px; padding-top: 5px; font-weight: 400; padding-bottom: 0; padding-left: 7px; padding-right: 7px; font-size: 12px; border: 1px solid #999CA2; border-radius: 4px; display: inline-block;}
.sub-schedule-list li .sub.sub-1{color: var(--theme-color); border-color: var(--theme-color); padding-top: 3px;}
.sub-schedule-list li .sub.sub-2{color: #999CA2; padding-top: 3px;}
.sub-schedule-list li .subject{width: calc(100% - 160px);}
.sub-schedule-list li .subject strong{font-weight: 400; position: relative; top: 2px; max-width: calc(100% - 80px);}
.sub-schedule-list li .subject i.new{margin-top: 2px; margin-left: 8px;}


.sub-schedule-detail .sub-cont-title{display: none;}
.sub-schedule-detail .sub-cont{border-top: 2px solid #222;}
.sub-schedule-detail .view-title{margin-top: 24px; padding-bottom: 24px;}
.sub-schedule-detail .view-title .subject{flex-wrap: wrap;}
.sub-schedule-detail .view-title .subject .sub{margin-bottom: 4px; height: 22px; padding-top: 1px; font-weight: 400; padding-bottom: 0;}
.sub-schedule-detail .view-title .subject strong{line-height: 1.5; font-weight: 400; position: relative; top: 2px;}
.sub-schedule-detail .view-title .subject i.new{margin-top: -3px; margin-left: 8px;}

.board-btns .list, .board-btns .page-btns button{border-radius: 8px; padding: 16px 24px 12px 24px;}
.board-btns .page-btns button::after{top: 17px;}
.board-btns .page-btns .next span{background-position: right 1.4px; background-size: 5px 8px; padding-right: 10px;}
.board-btns .page-btns .prev span{background-position: left 1.4px; background-size: 5px 8px;}



/* faq */
.faq-list .answer .text{line-height: 1.5; letter-spacing: -0.5px;}
.faq-list .question::after{top: 44px; width: 19px;}
.faq-list > li.on .question span{text-decoration: none; position: relative;}


/* 알림 */
.notice-opt{display: flex; align-items: center; flex-wrap: wrap;}
.notice-opt button{margin-left: auto; padding: 4px 7px 5px 7px; font-weight: 400;}
.notice-list .notice-box .date{margin-top: 2px;}
.sub-notice-list *{font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -1px !important;}


/* 수강료 결제 리스트 */
.sub-payment-list .sub-cont-title{display: none;}
.sub-payment-list .sub-cont{border-top: 2px solid #222;}
.sub-payment-list .data-none{padding: 60px 0; border-bottom: 1px solid #eee;}

/* 수강료 결제 히스토리 */
.sub-payment-detail .payment-list{border-bottom: 1px solid #eee;}
.sub-payment-detail .payment-list li .pay-status{vertical-align: middle;}
.sub-payment-detail .payment-list li.pay-status02 .pay-status{padding: 2px 5px 0px 4px; position: relative; top: -1px;}
.sub-payment-detail .list-more{margin-top: 16px;}

/* 수강료 결제하기 */
.sub-payment-select .btn.btn-h50{font-weight: 400;}
.pageBack span{font-weight: 400;}


/* 수강료 안내 modal */
.modal-wrap2.tuition-info-modal.solid{background-color: #fff;}
.modal-wrap2.tuition-info-modal .modal-inner{max-width: 100%; max-height: 100%; /* transform: none; left: 0; top: 0; */ width: 100%; height: 100%;}
.tuition-info-modal.modal-wrap2.solid .modal-inner{width: 100%;}
.modal-wrap2.tuition-info-modal .mtable thead{border-top: none;}
.modal-wrap2.tuition-info-modal .cont-box{/* margin-top: 50px; */ margin-top: 0;}
.modal-wrap2.tuition-info-modal .board-view-wrap{border-top: 0; margin-top: 0;}
.modal-wrap2.tuition-info-modal .board-element-wrap{border-bottom: 1px solid #eee; padding-bottom: 8px;}
.modal-wrap2.tuition-info-modal .r-wid{width: 160px;}
.modal-wrap2.tuition-info-modal .view-cont{font-size: 14px; color: rgba(0, 0, 0, 0.78); padding-left: 0;}
.modal-wrap2.tuition-info-modal .board-prev-next{margin-left: auto;}
.modal-wrap2.tuition-info-modal .board-user-btn .btn_board_list{background-color: #fff; color: rgba(0, 0, 0, 0.58); border-color: #d8d8d8;}
.modal-wrap2.tuition-info-modal .board-user-btn .btn_board_list:hover{background-color: #f5f5f5;}



/* 마이페이지 */
.profile-img-box .profile-no-img span{padding-top: 2px;}
.l-flex-box .btn-box .btn, .mb-info .info-list button{padding-bottom: 11px;}
.l-flex-box input[type=text]{width: 100%;}
.member-info-wrap > *, .form-list b, .member-info-wrap .form-list .input-text, .member-info-wrap .form-list .input-text::placeholder, .member-info-wrap .checkboxA label span, .member-info-wrap .info .info-list button{font-family:'Noto Sans KR', sans-serif !important; letter-spacing: -1px !important;}
.member-info-wrap .btn.btn-h50, .member-info-wrap .mb-info .info-list button, .member-info-wrap .mb-info-top .mb-name strong, .member-info-wrap .profile-img-box .profile-no-img span, .sub-member-secession .mb-secession a span{font-family:'Noto Sans KR', sans-serif !important; letter-spacing: -1px !important;}

/* 온라인 상담 */
.soma-online-consult-title{display: block;text-align: center; font-weight: 400; color: rgba(0, 0, 0, 0.58); line-height: 43px; font-size: 36px; margin-top: 40px;word-break: keep-all;}
.sub-online-consulting .form-type1 input[type="text"], .form-type1 textarea, .form-type1 select{font-weight: 400; color: rgba(0, 0, 0, 0.78);}
.form-type1 .legend{letter-spacing: -0.3px;}
.sub-online-consulting .theme-chk{font-weight: 400;}
.qest-form .fields{margin-top: 46px;}
.form-type1 textarea::placeholder{font-weight: 400; font-family: 'Noto Sans KR', sans-serif;}
.qest-form .chk-box .theme-chk{color: rgba(0, 0, 0, 0.3);}
.qest-form .chk-box .theme-chk::before{margin-top: 1px;}
.qest-form .btn-box button.submit{width: 200px; height: 66px; border-radius: 16px; font-size: 18px; font-family: 'Sebang', sans-serif !important; letter-spacing: 0 !important;}
.qest-form .btn-box button.submit.finished{border-radius: 16px; border: none; background-color: var(--theme-color); color: #fff; box-shadow: none;}
.qest-form .btn-box button.submit.finished:hover{box-shadow: 0px 8px 16px 0px rgba(178, 95, 18, 0.24); background-color: #E28D24;}


/* 센터찾기 지도형 */
.sub-map-academy-search .academy-search-top > h2{font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px;}



/* 센터찾기 리스트형 */
.academy-list-box .map-info .address .link, .academy-search-top h2{font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px;}
.academy-search-top h2{font-weight: 400;}
.academy-search-top h2 .cnt{font-weight: 700;}



/* 페이지 컨텐츠 */
.container.page .page-inner{max-width: 1400px; margin: 0 auto; padding: 0 16px;}
.page-inner-defualt{max-width: 1232px; margin: 0 auto; padding: 0 16px;}
.container.page .sub-cont-title{display: none;}
.container.page .inner{max-width: 100%; padding: 0;}
.container.page .inner .tab{max-width: 1232px; margin: 0 auto;}
/*.container.page .inner .tab-type3{left: 0;}*/

/* 퀵메뉴 */
/* 코딩 배너 */
.quick-menu{width: 88px; position: absolute; top: 144px; top: 880px; margin-right: -716px; z-index: 50; transition: opacity 0.15s; /* opacity: 0; visibility: hidden; */}
.quick-menu.mswitch-bnr-chk-0{opacity:1 !important; visibility: visible !important; transition: none; top: 324px;}
.quick-menu .quick-list + .fix-list{margin-top: 12px;}
.quick-menu .fix-list{box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.21), 0px 10px 10px 0px rgba(68, 68, 68, 0.06); border: 1px solid #D8D8D8; border-radius: 16px; margin: 0 auto; padding: 25px 0 32px 0; background-color: #fff;}
.quick-menu .fix-list .app-download{padding-bottom: 14px; position: relative;}
.quick-menu .fix-list .app-download::after{content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 32px; height: 1px; background-color: #eee; display: block; margin: 0 auto;}/* 구분선 */
.quick-menu .fix-list .app-download img{width: 58px; height: 49px; margin: 0 auto;}
.quick-menu .fix-list .sns{margin-top: 32px;}
.quick-menu .fix-list .app-download + .sns{margin-top: 24px;}
.quick-menu .fix-list .sns li:first-child{margin-top: 0;}

/* 수정 221104 */
.quick-menu .fix-list .sns a { width: 24px; height: 24px; margin: 0 auto; position: relative;}
.quick-menu .fix-list .sns a i{position: absolute; left: 0; right: 0; margin: 0 auto; transition: all 0.3s;}
.quick-menu .fix-list .sns a i[class$=-c]{opacity: 0;}
.quick-menu .fix-list .sns a:hover i{opacity: 0;}
.quick-menu .fix-list .sns a:hover i[class$=-c]{opacity: 1;}



/* 관리자 배너 */
/* .quick-menu .fix-list + .quick-list{margin-top: 12px;} */
.quick-list { margin-top: 27px; position: relative; }
.quick-list::before, .page-top::before { content: ""; position: absolute; width: 16px; height: 1px; display: block; left: 0; right: 0; margin: 0 auto; background-color: #d9d9d9; } /* 위아래 구분선 */
.quick-list::after { bottom: -13px; }
.quick-list::before, .page-top::before { top: -13px; }
.quick-list > .quick-banner-last::after, .quick-list > li > a:after{display: none;}/* 마지막 요소 여백, 배너 테두리선 제거 */
.quick-list li{ /* border: 1px solid #D8D8D8; */ border-radius: 16px; border: none; box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.21), 0px 10px 10px 0px rgba(68, 68, 68, 0.06); box-sizing: border-box; overflow: hidden;}
.quick-list li a{border-radius: 16px; position: relative;}
.quick-list li a::after{position: absolute; left: 0; top: 0; border: 1px solid #D8D8D8; width: 100%; height: 100%; border-radius: 16px; display: block;}
.quick-list > .quick_banner img{width: 88px; border-radius: 0;}

.page-top { font-size: 10px; position: relative;}
.quick-menu ul + .page-top { margin-top: 27px; }
.page-top button{width: 88px; height: 56px; border: 1px solid #d8d8d8; box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.21), 0px 10px 10px 0px rgba(68, 68, 68, 0.06); border-radius: 16px; display: flex; justify-content: center; align-items: center;}
.page-top button span{color: #000; padding-right: 0; padding-top: 15px; background: url(/images/skin/soma/ico_pageTop_2x.png) no-repeat center top / 13px 9px;}

/*.quick-menu.on{opacity: 1; visibility: visible;}*/
.quick-menu.sticky-on{top: 86px; position: fixed;}
.quick-menu.scrollup{top: 144px; position: fixed;}
.quick-menu.scrolldown{top: 26px; position: fixed;}
.quick-menu.scrollup.sticky-on{top: 280px; position: fixed;}
.quick-menu.scrolldown.sticky-on{top: 196px; position: fixed;}


/* footer */
.footer { position:relative; display:block; width: 100%;  color: #fff; z-index: 9; word-break: keep-all; letter-spacing: -1px; }
.footer-wrap { padding: 72px 0 72px; background: #222824;}
.footer-inner { position: relative; max-width: 1232px; margin: 0 auto; padding: 0 16px; display: flex; justify-content: space-between; align-items: flex-start;}

.ft-addres-copy h2{flex: none;}
.ft-addres-copy h2 img{width: 193px; margin-bottom: 13px;}
.ft-addres-copy .address {padding-left: 72px;}

.ft-menu { display: flex; margin-bottom: 20px; line-height: 24px; flex-wrap: wrap; }
.ft-menu-list { display: flex; align-items: center; flex-wrap: wrap;}
.ft-menu-list li { margin-right: 32px; position: relative;}
.ft-menu-list li::after{content: ""; position: absolute; width: 1px; height: 8px; display: block; top: -2px; bottom: 0; margin: auto 0; right: -16px; background-color: rgba(255, 255, 255, 0.58); display: none;}/* 구분선 */
.ft-menu-list li:last-child:after{display: none;}
.ft-menu-list li a { color: #fff; font-weight: 400;}
.ft-menu-list li a.privacy { font-weight: 700; letter-spacing: 0px;}
/* .ft-menu .aca-search { position: relative; margin-left: 18px; padding: 0 16px; border: 1px solid #D8D8D8; border-radius: 4px; font-weight: bold; color: #fff; width: 83px; text-align: center; }
.ft-menu .aca-search::after { display: inline-block; content: ''; position: absolute; left: -18px; top: 50%; margin-top: -6px; width: 2px; height: 12px; background: #D8D8D8; } */

.address li { display: flex; line-height: 22px; font-weight: normal; flex-wrap: wrap;}
.address li span { position: relative; margin-right: 8px; }
.address li span::after { display: inline-block; content: ''; width: 2px; height: 12px; margin-left: 8px; background-color: #dbdbdb; vertical-align: middle; }
.address li span:last-child::after { display: none; }
.address li.ft-menu{margin-top: 32px;}
.address li.ft-menu ~ li{color: rgba(225, 225, 225, 0.78); font-size: 14px; }
.address li.ft-menu ~ li.copy { font-weight: 400; color: rgba(225, 225, 225, 0.68); font-size: 13px;margin-top: 10px; }
.address li.brand-name{font-weight: 700; font-size: 24px; line-height: normal;}
.ft-addres-copy { display: flex; }
.ft-addres-copy h2 { margin-bottom: 10px;position: relative;}
.ft-sns { display: flex; flex-wrap: wrap; flex-direction: column; }
.ft-sns .terms-box{display: flex; justify-content: right;}
.ft-sns .terms-box a{color: #fff; margin-left: 32px; letter-spacing: 0.5px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px;}
.ft-sns .terms-box a.privacy{font-weight: 700; }
.ft-sns .terms-box a:first-child{margin-left: 0;}
.ft-sns .sns-box { display: flex; align-items: center; margin-top: 57px;}
.ft-sns .text { margin-right: 16px; position: relative; padding-right: 16px; font-weight: 400; font-size: 14px; color: rgba(255, 255, 255, 0.58);}
.ft-sns .text::after { display: block; content: ''; position: absolute; top: -2px; right: 0; width: 2px; height: 12px; background: #D8D8D8; bottom: 0; margin: auto 0; } /* 구분선 */
.ft-sns ul { display: flex; align-items: center; }
.ft-sns li { margin-left: 22px; }
.ft-sns li:first-child { margin-left: 0; }
.ft-sns i.blog { background: url(/images/common/ico_sns2_blog_2x.png) no-repeat center / 37px 17px !important; width: 37px; height: 17px; }
.ft-sns i.insta { background: url(/images/common/ico_sns2_insta_2x.png) no-repeat center / 24px 24px !important; width: 24px; height: 24px; }
.ft-sns i.youtube { background: url(/images/common/ico_sns_youtube_2x.png)no-repeat center / 32px 23px !important; width: 32px; height: 23px; }
.ft-sns i.cafe { background: url(/images/common/ico_sns2_cafe_2x.png)no-repeat center / 25px 24px !important; width: 25px; height: 24px; }
.ft-sns i.band{background: url(/images/common/ico_sns2_band_2x.png)no-repeat center / 18px 23px !important; width: 18px; height: 23px;}
.ft-sns i.facebook{background: url(/images/common/ico_sns2_facebook_2x.png)no-repeat center / 12px 24px !important; width: 18px; height: 23px;}
.ft-sns .app-download-link { display: flex; width: 132px; color: #fff; font-size: 14px; height: 48px; align-items: center; text-align: center; justify-content: center; margin-top: 44px; border: 1px solid rgba(255, 255, 255, 0.58); border-radius: 8px; padding-top: 3px; font-weight: 700;margin-left: auto;}


/* 푸터 공지 */
.footer .notice-wrap{border-top: 1px solid #D8D8D8; background-color: #fff;}
.footer .notice-wrap .notice-box{width: 100%;}
.footer .notice-slide{color: rgba(0, 0, 0, 0.78); height: 78px; cursor: pointer;}
.footer .notice-slide .swiper-slide{height: 78px; width: 100%; display: flex; align-items: center;}

.footer .notice-slide .content-area, .footer .notice-slide .side-area{display: flex; align-items: center;}
.footer .notice-slide .content-area{font-size: 14px; width: calc(100% - 120px);}
.footer .notice-slide .type{font-weight: 700; flex: none;}
.footer .notice-slide .subject{max-width: calc(100% - 90px); display: inline-block;}
.footer .notice-slide .type + .subject{margin-left: 16px; font-weight: 400; }
/* .footer .notice-slide .subject p{display: inline-block;} */
.footer .notice-slide .subject strong{font-weight: 400;}
.footer .notice-slide .subject strong:hover{text-decoration: underline;}

.footer .notice-slide .side-area{flex: none; margin-left: auto;}
.footer .notice-slide .date{color: rgba(0, 0, 0, 0.58); font-size: 11px; letter-spacing: -0.5px; height: 13px; display: block;}
.footer .notice-slide .btn-more{font-size: 13px; font-weight: 700; margin-left: 24px; margin-top: -3px; border-bottom: 1px solid rgba(0, 0, 0, 0.78); height: 14px;padding-right: 1px;}


/* 약관동의 헤더 푸터 */
.header.util_header .header-wrap{box-shadow:none;}
.header.util_header .logo{top:0;}
.header.util_header .logo{top:0; transform:none;}
.footer.util_footer .footer-wrap{background-color:#fff;}
.footer.util_footer .footer-inner{display:block;}
.footer.util_footer .ft-addres-copy{display:block;}
.footer.util_footer .ft-addres-copy .address{padding-left:0;}
.footer.util_footer .ft-addres-copy .copy{letter-spacing: -1px !important; font-family:'Noto Sans KR', sans-serif !important; color: rgba(0,0,0,.58);}
.agreement-page.join_layer{padding-bottom:360px;}
.agreement-page.join_layer .work{font-family:'Noto Sans KR', sans-serif !important;}
.agreement-page.join_layer .work *{letter-spacing: -1px !important; font-family:'Noto Sans KR', sans-serif !important;}
.agreement-page.join_layer .checkboxA input + label::before{top:1px;}

/*----------------- 기타 수정사항*/
/* 학교검색 modal */
.modal-wrap2.school-search .search-box .search-btn{background-image: none;}
.school-search.modal-wrap2 .result-list .list .btn{padding-top: 4px;}


/* 컨텐츠 안 타이틀 숨김 처리 */
.board-header > p {display:none;}
.sub-cont-title {display:none;}
.contents .mirea-title-copy, .container .mirea-title-copy{display:none;}
.contents .page-title-type1 p{display:none;}
.page-title-type4 p{display: none;}


/* 자녀등록 */
.sub-child-regist *{font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -1px !important;}
.sub-child-regist .child-list button{padding-bottom: 8px;}

/* 자녀등록 modal */
.modal-child-regist .modal-content-box{padding: 0;}
.modal-child-regist .modal-content-box .modal-cont{padding-left:0; padding-right:0; padding: 16px 16px 0 16px;}
.modal-child-regist .modal-content-box .modal-title{padding: 28px 16px 0 16px; }
.modal-child-regist .modal-title::after{width: calc(100% - 32px); left: 50%; transform: translateX(-50%)}
.modal-child-regist .form-list .input-text, .modal-child-regist .form-list .input-text::placeholder, .modal-child-regist .btn.btn-h50, .modal-child-regist .tab-list-btn li a, .modal-child-regist .guidance-text, .radioA label{font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -1px !important;}

.modal-wrap.modal-child-regist .modal-title{height: auto;}
.modal-wrap.modal-child-regist .modal-title h2{line-height: normal;}
.modal-wrap.modal-child-regist .modal-close{top:29px; right: 16px;}

/* 라운드 탭버튼 */
.tab-list-btn li a{padding-top: 10px;}



/* 미래탐구 모달 디자인 2 */
.modal-wrap{cursor: pointer;}
.modal-wrap .modal-inner{cursor: default;}
.modal-wrap2{background-color: rgba(0, 0, 0, 0.2);}
.modal-wrap2.solid { display: none; cursor: pointer; background-color: rgba(0, 0, 0, 0.2);}
.modal-wrap2.solid .modal-inner { width: 1200px; border-radius: 0; padding: 48px 0 96px 0; cursor: default;}
.modal-wrap2.solid .title-box,
.modal-wrap2.solid .cont-box { padding: 0 48px; overflow-x: hidden;}
.modal-wrap2.solid .title-box h3 { border-width: 2px; }
.modal-wrap2.solid .modal-close { top: 43px; right: 40px; }





/* 메인 */
#main.container{padding-bottom: 65px;}
.soma-sec .title-box{text-align: center;}
.soma-sec .title-box.b{color: rgba(0, 0, 0, 0.78);}
.soma-sec .title-box.w{color: #fff;}
.soma-sec .title-box h2{font-size: 56px; font-weight: 700;}
.soma-sec .title-box p{font-size: 16px; font-weight: 400; margin-top: 8px;}


/* 메인 비주얼 */
.main-notice{height: 713px; position: relative; filter: none; margin-bottom: 0;}
.main-notice .inner{height: 100%;}
.main-notice::before{content:""; background: url(/images/skin/soma/img_main_bg_2x.png) no-repeat center bottom / cover; height: 713px; position: absolute; left: 50%; transform: translate(-50%) scale(1.1); top: 0;width: 100%; animation: zoom_in 3s 0.5s forwards ease;}

@keyframes zoom_in{
    0%{transform: translate(-50%) scale(1.1);}
    100%{transform: translate(-50%) scale(1);}
}

.main-notice .title-wrap{height: 100%;}
.main-notice .main-title{display: flex; flex-direction: column;height: 100%; font-size: 0;}
.main-notice .main-title .desc{font-size: 18px; font-weight: 400;line-height: 25px; margin-top: 150px;}
.main-notice .main-title .title{font-size: 96px; font-weight: 700; margin-top: 24px; max-width: 261px; line-height: 114px; height: 338px; color: #000;}
.main-notice .main-title .title .typing-txt{display: inline-block; line-height: normal; height: 300px; margin-top: -10px;}
.main-notice .main-title .title .typing-txt span{margin-top: 10px; display: inline-block;}
.main-notice .main-title .title .typing-txt::after{content:"";display: inline-block; width: 4px; height: 91px; background-color: var(--theme-color); position: relative; top: 19px; animation-name: cursor; animation-duration: 0.5s; animation-iteration-count: infinite; left: 5px;}

.main-notice.main-banner{border-radius: 0;}
.main-notice .inner{max-width: 1198px; padding: 0;}
.main-notice .notice-bnr-wrapper{position: absolute; left: 50%; top: 0; bottom: 0; margin-top: 93px; height: 549px; width: 50%; overflow: hidden; padding-left: 16px; transform: translateX(200px); animation: left 0.8s 0.5s forwards; padding-right: 16px;}

@keyframes left{
    0%{transform: translateX(200px);}
    100%{transform: translateX(0px);}
}


.main-notice .tab-box{border-bottom: none;}
.main-notice .tab-box .tab-list li{position: relative;}
.main-notice .tab-box .tab-list li a{padding: 0 16px;font-weight: bold;font-size: 12px;color: rgba(0, 0, 0, 0.38);}
.main-notice .tab-box .tab-list li:first-child a{padding-left: 0;}
.main-notice .tab-box .tab-list li::after{position: absolute;top: 15px;right: 0;display: inline-block;content: '';width: 1px;height: 8px;background: #D8D8D8;}
.main-notice .tab-box .tab-list li:last-child::after{display: none;}
.main-notice .tab-box .tab-list li a:hover, .main-notice .tab-list li a.on{color: #383838;color: var(--theme-color);}
.main-notice .tab-box .tab-list li a:hover::after, .main-notice .tab-list li a.on::after{display: none;}
.main-banner.main-notice .swiper-slide a::after{display: none;}
.bnr-wrap{z-index: 9 !important; padding: 40px 0; border-radius: 16px; width: 346px; overflow: visible; margin-left: 0;}
.bnr-list-box{height: 459px !important;z-index: 2 !important; }
.bnr-list-box::after{display: block;content: '';clear: both;}
.bnr-list{width: 346px !important;height: 459px !important;}
/* .bnr-list:not([class~=swiper-slide-duplicate]){background-color: #383838;} */
.bnr-list:first-child{}
.bnr-list > a{display: block;width: 346px;height: 459px;border-radius: 16px;box-sizing: initial;overflow: hidden;transition: 1s ease;transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); /* box-shadow: 0px 0px 1px 0px rgba(38, 62, 43, 0.31), 0px 10px 20px 0px rgba(68, 68, 68, 0.16); *//* box-shadow: 0px 0px 1px 0px rgba(38, 62, 43, 0.31), 0px 10px 20px 0px rgba(68, 68, 68, 0), 0px 10px 20px 0px rgba(68, 68, 68, 0.16); */}
.bnr-list > a:hover{}
.bnr-list.swiper-slide-active > a{box-shadow: 0px 0px 1px 0px rgba(38, 62, 43, 0.31), 0px 10px 20px 0px rgba(68, 68, 68, 0), 0px 10px 20px 0px rgba(68, 68, 68, 0.16);}
.bnr-list-box .bnr-last-moreBtn{float: left;width: 130px !important;height: 459px !important;margin-left: 16px;padding-left: 50px;}
.bnr-list-box .bnr-last-moreBtn > a{position: absolute;top: 50%;transform: translateY(-50.1%);display: block;width: 80px;height: 80px;padding-top: 38px;border-radius: 50%;text-align: center;background: #fff;border: 1px solid #dbdbdb;box-sizing: border-box;}
.bnr-list-box .bnr-last-moreBtn > a:hover{border: 1px solid #dbdbdb;box-shadow: none;}
.bnr-list-box .bnr-last-moreBtn > a > span{padding-top:18px;font-weight: bold;font-size: 11px;color: rgba(0, 0, 0, 0.58);background: url("/images/ico_arrow_right_bar_2x.png") no-repeat top center;background-size:14px 12px;}

/* 배너 추가 */
.bnr-face {top: 0; left: 0; width: 100%; height: 100%;backface-visibility: hidden; transition: top 0.2s ease, transform 1s ease-out, border-color 0.2s;}
.bnr-front, .bnr-default {border-radius: 16px;position: relative; background: url(/images/skin/soma/img_c_back_triangle_2x.png) no-repeat center / 119px 106px, linear-gradient(150.6deg, #FFFFFF 0%, #D4D4D4 100%);text-align: right;transform: rotateY(0deg); padding: 32px; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end;}
.bnr-list:nth-child(1) .bnr-front{background: url(/images/skin/soma/img_c_back_triangle_2x.png) no-repeat center / 119px 106px, linear-gradient(150.6deg, #FFFFFF 0%, #D4D4D4 100%);}
.bnr-list:nth-child(2) .bnr-front{background: url(/images/skin/soma/img_c_back_square_2x.png) no-repeat center / 92px 94px, linear-gradient(150.6deg, #FFFFFF 0%, #D4D4D4 100%);}
.bnr-list:nth-child(3) .bnr-front{background: url(/images/skin/soma/img_c_back_ellipse_2x.png) no-repeat center / 104px 105px, linear-gradient(150.6deg, #FFFFFF 0%, #D4D4D4 100%);}
.bnr-list:nth-child(4) .bnr-front{background: url(/images/skin/soma/img_c_back_triangle_2x.png) no-repeat center / 119px 106px, linear-gradient(150.6deg, #FFFFFF 0%, #D4D4D4 100%);}
.bnr-list:nth-child(5) .bnr-front{background: url(/images/skin/soma/img_c_back_square_2x.png) no-repeat center / 92px 94px, linear-gradient(150.6deg, #FFFFFF 0%, #D4D4D4 100%);}
.bnr-list:nth-child(6) .bnr-front{background: url(/images/skin/soma/img_c_back_ellipse_2x.png) no-repeat center / 104px 105px, linear-gradient(150.6deg, #FFFFFF 0%, #D4D4D4 100%);}
.bnr-list:nth-child(7) .bnr-front{background: url(/images/skin/soma/img_c_back_triangle_2x.png) no-repeat center / 119px 106px, linear-gradient(150.6deg, #FFFFFF 0%, #D4D4D4 100%);}
.bnr-list:nth-child(8) .bnr-front{background: url(/images/skin/soma/img_c_back_square_2x.png) no-repeat center / 92px 94px, linear-gradient(150.6deg, #FFFFFF 0%, #D4D4D4 100%);}
.bnr-list:nth-child(9) .bnr-front{background: url(/images/skin/soma/img_c_back_ellipse_2x.png) no-repeat center / 104px 105px, linear-gradient(150.6deg, #FFFFFF 0%, #D4D4D4 100%);}
.bnr-list:nth-child(10) .bnr-front{background: url(/images/skin/soma/img_c_back_triangle_2x.png) no-repeat center / 119px 106px, linear-gradient(150.6deg, #FFFFFF 0%, #D4D4D4 100%);}



.bnr-front .deco-txt{display: flex; justify-content: space-between; width: 100%; align-items: center;}
.bnr-front .deco-txt .left{font-size: 30px; font-weight: 700;}
.bnr-front::before{display: block;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: transparent;border-radius: 16px;}
.bnr-default::before{display: block;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #f5f5f5;border-radius: 16px;z-index: -1;}
.bnr-front.on{transform: rotateY(180deg);filter: drop-shadow(0px 10px 6px rgba(68, 68, 68, 0.06)) drop-shadow(0px 0px 1px rgba(68, 68, 68, 0.21));}
.bnr-front.on::before{background-color: rgba(0,0,0,0.2);transition-duration: 1000ms;}

/* 실제 이미지 */
.bnr-back {border-radius:16px;position: absolute;/*  background: #fff; */transform: rotateY(180deg);}
.bnr-back::before{display: block;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;/* background-color: rgba(0,0,0,0.2); */border-radius: 16px;z-index: 1;}
.bnr-back.on{transform: rotateY(0);filter: drop-shadow(0px 10px 6px rgba(68, 68, 68, 0.06)) drop-shadow(0px 0px 1px rgba(68, 68, 68, 0.21));}
.bnr-back.on::before{background-color: transparent;transition-duration: 1000ms;}
/* .bnr-list > .bnr-back:hover::before{border: 1px solid #383838;border: 1px solid var(--theme-color);z-index: 1;} */
/* .bnr-list:hover .bnr-front{transform:rotateY(180deg);}
.bnr-list:hover .bnr-back{transform:rotateY(0deg);} */
.main-notice .swiper-slide .bnr-back img{width: 100%;height: auto;border: none;box-sizing: border-box;border-radius: 0px;/*object-fit: none;*/}

.main-notice.main-banner .swiper-control{padding-left: 0;}


/* 메인 본사배너 */
.mswitch-bnr-wrap{position: absolute; top: -125px; height: 160px; padding: 0 16px; left: 0;}

/* 프로그램 */
.main-program{padding-top: 64px;}
.mswitch-bnr-wrap + .title-box{padding-top: 70px;}

.main-program .link-box{margin-top: 21px; display: flex; justify-content: center;}
.main-program .link-box .link{width: 100%; max-width: 288px; height: 412px; background-color: #fff; margin-left: 16px; border-radius: 16px; transition: box-shadow 0.3s;}
.main-program .link-box .link:hover{box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.21), 0px 4px 12px 0px rgba(68, 68, 68, 0.12);}
.main-program .link-box .link a{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.main-program .link-box .link:first-child{margin-left: 0;}
.main-program .link-box .link .icon-box{width: 160px; height: 160px; margin: 0 auto;}
.main-program .link-box .link.item1 .icon-box{background: url(/images/skin/soma/ico_program1_1x.png) no-repeat center;}
.main-program .link-box .link.item2 .icon-box{background: url(/images/skin/soma/ico_program2_1x.png) no-repeat center;}
.main-program .link-box .link.item3 .icon-box{background: url(/images/skin/soma/ico_program3_1x.png) no-repeat center;}
.main-program .link-box .link.item4 .icon-box{background: url(/images/skin/soma/ico_program4_1x.png) no-repeat center;}
.main-program .link-box .link .sub{font-size: 24px; color: rgba(0, 0, 0, 0.78); font-weight: 700; margin-top: 24px;}
.main-program .link-box .link .desc{margin-top: 24px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px; font-size: 18px; color: rgba(0, 0, 0, 0.38); display: block;}
.main-program .link-box .link .hover-txt{margin-top: 24px; width: 100%; max-width: 135px; height: 38px; display: flex; justify-content: center; align-items: center; color: #fff; font-weight: 400; border-radius: 8px; font-size: 16px; background-color: var(--theme-color); opacity: 0; transition: all 0.3s;}
.main-program .link-box .link:hover .hover-txt{opacity: 1;}


/* 수강후기 */
.main-review{margin-top: 32px; position: relative; height: 853px;}
.main-review .bg-box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(104.04deg, #EAA64A 0%, #D57840 100%); width: 100%; height: 883px; transition: all 0.5s; max-width: 100%;}
.main-review .shape-box{position: absolute; right: -500px; top: 100px; transform: rotate(180deg); opacity: 0; transition: all 0.8s;}
.main-review .main-review-wrap{padding-top: 40px; transition: all 0.3s;}
.main-review .txt-img{width: 451px; height: 64px; background: url(/images/skin/soma/img_review_txt_1x.png) no-repeat center; margin-top: 24px; margin-left: auto; margin-right: auto;}
.main-review .video-tab-area{margin-top: 32px; position: relative; z-index: 2; transform: translateY(40px); opacity: 0; transition: all 0.5s;}
.main-review .video-tab-area .btn-box .btn{width: 100%; max-width: 270px; height: 88px; border-radius: 16px; font-weight: 700; display: flex; align-items: center; justify-content: center; color: #fff; margin: 0 auto; background-color: var(--theme-color); font-size: 24px; margin-top: 32px;}
.main-review .video-tab-area .btn-box .btn:hover{background-color: #E28D24;}

/* 섹션 활성화 */
.main-review.active .bg-box{height: 853px;}
.main-review.active .video-tab-area{opacity: 1; transform: translateY(0);}
.main-review.active .bg-box{max-width: 1400px; border-radius: 48px;}
.main-review.active .shape-box{position: absolute; right: 120px; top: 100px; opacity: 1; transform: rotate(0deg);}


.main-review .slider-wrap{box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.31), 0px 12px 26px 0px rgba(68, 68, 68, 0.16); width: 960px; margin: 0 auto;}
.video-pops{width: 960px; }
.video-pops .swiper-slide{width: 960px; height: 540px;}
.video-pops .swiper-slide a{width: 100%; height: 100%; position: relative; transition: all 0.5s;transform: scale(1.07);background-repeat: no-repeat;background-position: center;background-size: cover;}
.video-pops .swiper-slide::after{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 48px; height: 48px;cursor: pointer;background: url(/images/skin/soma/ico_video_play_1x.png) no-repeat center / 48px 48px; margin: auto; box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.31), 0px 12px 26px 0px rgba(68, 68, 68, 0.16); border-radius: 50%;}
.video-pops .swiper-slide.v-box-board::after {background: url(/images/skin/soma/ico_board_list_1x.png) no-repeat center / 48px 48px;}
.video-pops .swiper-slide.swiper-slide-active{z-index: 100;}
.video-pops .swiper-slide:hover a{transform: scale(1);}


.video-thumbs{width: 960px;}
.video-thumbs .swiper-slide{width: 240px; height: 135px; position: relative;}
.video-thumbs .swiper-slide::after{content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); display: block; top: 0; left: 0; /* opacity: 0.3; */ transition: all 0.3s; cursor: pointer;}
.video-thumbs .swiper-slide.swiper-slide-thumb-active::after{/* opacity: 0; */ border: 8px solid #FDAF5A; background-color: rgba(0, 0, 0, 0);}
.video-thumbs .swiper-slide a{width: 100%; height: 100%; position: relative;background-repeat: no-repeat;background-position: center;background-size: contain;}

/* 비디오관련 */
.vdo_main { position: absolute; bottom: -22px; left: calc( (100vw - 1404px)/2 ); z-index:1; }


/* 갤러리 탭 */
.main-gellary-board{margin-top: 327px; height: 690px; padding-top: 128px; position: relative; }
.main-program + .main-gellary-board{margin-top:32px;}
.main-gellary-board > .bg-box{ padding-top: 128px; width: 100%; transition: all 0.8s; position:absolute; top:0;left:0;overflow:hidden; height:100%;}
.main-gellary-board > .bg-box .bg{ /*background: url(/images/skin/soma/img_bg_main_tab_2x.png) no-repeat center / cover;*/ width:100%; left:50%;transform: translateX(-50%) scale(1.1); top:0; width:100%; height:100%; position:absolute; transition: all 3s; background: var(--theme-color);}

.main-gellary-board .title-box{text-align: left;}
.main-gellary-board .title-box h2{font-size: 48px; margin-top: 24px;}
.main-gellary-board .title-box p{font-size: 24px; font-weight: 700; margin-top: 0;}

.main-gellary-board .gell-slide-wrap{position: absolute;/*  height: 690px; */ top: -128px; right: -5px; width: 100%; height: 870px; overflow: hidden; }
.main-gellary-board .gell-slide-wrap.only-mobile{display: none;}
.main-gellary-board .gell-slide-wrap::after{content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 130px; background: linear-gradient(360deg, rgb(255, 255, 255) 37.98%, rgba(255, 255, 255, 0) 100%); z-index: 30; width: 624px;}/* 하단 오퍼시티 경계선 */
.last-gellary{height: 403px; overflow: visible; position: absolute; right: 0; top: 0; padding-top: 32px; padding-right: 22px;}
.last-gellary .swiper-slide{width: 582px; height: 403px !important;}
.last-gellary .swiper-slide .board-flex-wrap{display: flex; flex-wrap: wrap; width: 840px;}
.last-gellary .swiper-slide .board-box{margin-left: 31px; width: 276px; height: 403px; background-color: #fff; border-radius: 16px; box-shadow: 0px 0px 1px 0px rgba(38, 62, 43, 0.31), 0px 10px 20px 0px rgba(68, 68, 68, 0.16);}
.last-gellary .swiper-slide .board-box:first-child{margin-left: 0; margin-top: 136px;}
.last-gellary .swiper-slide a{padding: 24px; cursor: pointer;}
.last-gellary .swiper-slide a .gall-thumb{transition: border-color .3s, box-shadow .3s;}
.last-gellary .swiper-slide a:hover .gall-thumb{border-color: var(--theme-color); box-shadow: 0px 0px 1px 0px rgba(38, 62, 43, 0.31), 0px 10px 20px 0px rgba(68, 68, 68, 0.16);}

/* 클릭문제로 활성화 때마다 슬라이드의 zindex를 높여줘야함 */
.last-gellary .swiper-slide.swiper-slide-active{position: relative; z-index: 10;}

.main-gellary-board .tab-btn-box{display: flex; margin-top: 24px; position: relative; z-index: 10;}
.main-gellary-board .tab-btn-box.only-mobile{display: none;}
.main-gellary-board .tab-btn-box .tab{padding: 6px 24px 4px 24px; margin-left: 8px; color: #fff; border-radius: 50px; font-weight: 400; transition: background-color 0.3s; font-size: 18px; position: relative;}
.main-gellary-board .tab-btn-box .tab:first-child{margin-left: 0;}
.main-gellary-board .tab-btn-box .tab::after{content:""; border-radius: 50px; position: absolute; display:block; left:0; top:0; border: 1px solid transparent; width:100%; height: 100%; transition: all .3s;} 
.main-gellary-board .tab-btn-box .tab span{font-size: 18px; perspective: none;}
.main-gellary-board .tab-btn-box .tab.active{background-color: #fff; color: var(--theme-color); font-weight: 700; box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.21), 0px 4px 12px 0px rgba(68, 68, 68, 0.12);}
.main-gellary-board .tab-btn-box .tab:hover::after{border-color: #fff;}

.main-gellary-board .tab-cont .tab-box{position: absolute; opacity: 0; visibility: hidden; border-bottom: none; margin-bottom: 0; transition: opacity .5s;}
.main-gellary-board .tab-cont .tab-box.tab-active{opacity: 1; visibility: visible; z-index: 30;}

.main-gellary-board.active > .bg-box .bg{transform: translateX(-50%) scale(1);}


/* 게시판 */
.main-board-notice{margin-top: 156px;}
.main-board-notice .title-box{position: relative; z-index: 30; text-align: left;}
.main-board-notice .title-box p{margin-top: 0;}
.soma-notice-wrap{margin-top: 24px;}
.soma-notice-wrap .more{position: absolute;top: 0;right: 16px;display: block;width: 36px;height: 28px;background-color: #FFF;border: 1px solid #D8D8D8;border-radius: 4px;background: url("/images/skin/card/ico_more_2x.png") no-repeat center;background-size:14px 14px; transition: 0.2s;transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);}
.soma-notice-wrap .more:hover{background-color: #f5f5f5;}
.soma-notice-wrap .main-title{margin: 0;padding: 0 0 16px;font-weight: bold;font-size: 20px;border-top: none;line-height: 120%;}
.soma-notice-wrap .main-small-title{font-weight: bold;font-size: 20px;line-height: 120%;color: #000;}

.soma-notice-wrap{display: flex;}
.soma-notice-wrap .notice-box{/* height: 335px;  */clear: both; margin-left: 32px; position: relative; width: 32%;}
.soma-notice-wrap .more{right: 0;}
.soma-notice-wrap .notice-box:first-child{margin-left: 0;}
.soma-notice-wrap .notice-box li{border-bottom: 1px solid #eee; height: 67px;}
.soma-notice-wrap .notice-box li *{font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px;}
.soma-notice-wrap .notice-box li:first-child{border-top: 1px solid #444;}
.soma-notice-wrap .notice-box li a{position: relative; display: block;padding:0;height: 100%; transition: background-color 0.3s;}
.soma-notice-wrap .notice-box li a::after{display: block;content: '';clear: both;}
.soma-notice-wrap .notice-box li .subject{padding-right: 80px;font-size: 16px;line-height: 120%; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px; display: flex;}
.soma-notice-wrap .notice-box li .subject span{color: #383838;color: var(--theme-color);margin-right: 8px;vertical-align: middle; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px; flex: none; font-weight: 700;}
.soma-notice-wrap .notice-box li .subject span + strong{max-width: 80%;padding-right: 2px;}
.soma-notice-wrap .notice-box li .subject strong{max-width: 90%;color: rgba(0, 0, 0, 0.58);vertical-align: text-bottom;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px; font-weight: 400;}
.soma-notice-wrap .notice-box li .subject i.new{margin-left:5px; margin-top: 1px;}
.soma-notice-wrap .notice-box li .date{position: absolute;top: 50%;right: 0;transform: translateY(-50%);font-size: 12px;color: rgba(0, 0, 0, 0.38);}
.soma-notice-wrap .notice-box li i.move{transition: background-color 0.3s;}


.soma-notice-wrap .notice-box li .subject{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;/* padding-right:0; */}
.soma-notice-wrap .notice-box li i.move{position: absolute;top: 50%;right: 24px;transform: translateY(-50%);font-size: 12px;color: rgba(0, 0, 0, 0.38);}

.soma-notice-wrap .notice-box li a:hover {background-color: #FBF8F0;}
.soma-notice-wrap .notice-box li a:hover strong{}
.soma-notice-wrap .notice-box li:hover i.move{background-color: var(--theme-color);}
.soma-notice-wrap .notice-box li.no-test-box, .soma-notice-wrap .notice-box li.no-data-box{min-height: 335px;}
.soma-notice-wrap .notice-box li.no-test-box span .soma-notice-wrap .notice-box li.no-data-box span{font-size: 16px;}

.soma-notice-wrap .notice-box li.no-data-box{text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.soma-notice-wrap .notice-box li .img-no-post{background: url(/images/common/ico_emptyFolder_2x.png) no-repeat center / 46px 42px; margin: 0 auto;}
.soma-notice-wrap .notice-box li p{color: rgba(0, 0, 0, 0.38);}


/* 동영상 게시판 */
.video-board-wrap .paging .paging-num .page, .video-board-wrap .paging2 .paging-num .page{font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px;}

/* 합격사례 */
.soma-pass-list-wrap{position: relative; height: 856px; padding-top: 64px; margin-top: 64px;}
.soma-pass-list-wrap::before{content: ""; width: 100vw; display: block; position: absolute; top: 0; left: 50%; background-color: #f7f7f7; height: 100%; transform: translateX(-50%);}
.soma-pass-list-wrap h4{font-size: 56px; font-weight: 700; text-align: center; position: relative; z-index: 3; color: #000; margin-bottom: 32px; }

.soma-pass-list-wrap .round-box{width: 280px; height: 320px; background-color: #fff; border-radius: 16px; border: 1px solid #eee; display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: 96px; position: relative;}
.soma-pass-list-wrap .img-box{width: 132px; height: 132px; border: 4px solid #fff; border-radius: 50%; box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.21), 0px 4px 12px 0px rgba(68, 68, 68, 0.12); position: absolute; top: -66px; left: 0; right: 0; margin: 0 auto; background-color: #fff; overflow: hidden;}

.soma-pass-list-wrap .swiper-center-box{position: absolute; width: 100vw; height: 856px; left: 50%; transform: translateX(-50%); margin-top: 100px;}
.soma-pass-list-wrap .swiper{/* width: 280px; */ height: auto; overflow: visible; /* left: -130px; */}
.soma-pass-list-wrap .swiper .swiper-wrapper{ }
.soma-pass-list-wrap .swiper .swiper-slide{ width: 280px !important;}
.soma-pass-list-wrap .swiper .swiper-slide:nth-child(even){position: relative; top: 40px;}
.soma-pass-list-wrap .swiper-slide{padding-top: 70px;}

.soma-pass-list-wrap .img-box.jung-suhae{background: #fff url(/images/skin/soma/img_jung_suhae_2x.png) no-repeat center / 132px 132px;}/* 정수혜 */
.soma-pass-list-wrap .img-box.na-gunhu{background: #fff url(/images/skin/soma/img_na_gunhu_2x.png) no-repeat center / 132px 132px;}/* 나건후 */
.soma-pass-list-wrap .img-box.choi-huize{background: #fff url(/images/skin/soma/img_choi_huize_2x.png) no-repeat center / 132px 132px;}/* 최희재 */
.soma-pass-list-wrap .img-box.an-yuzin{background: #fff url(/images/skin/soma/img_an_yuzin_2x.png) no-repeat center / 132px 132px;}/* 안유진 */
.soma-pass-list-wrap .img-box.kim-yaerin{background: #fff url(/images/skin/soma/img_kim_yaerin_2x.png) no-repeat center / 132px 132px;}/* 김예린 */
.soma-pass-list-wrap .img-box.kim-dukzun{background: #fff url(/images/skin/soma/img_kim_dukzun_2x.png) no-repeat center / 132px 132px;}/* 김덕준 */
.soma-pass-list-wrap .img-box.an-seozin{background: #fff url(/images/skin/soma/img_an_seozin_2x.png) no-repeat center / 132px 132px;}/* 안서진 */
.soma-pass-list-wrap .img-box.park-gyeongzin{background: #fff url(/images/skin/soma/img_park_gyeongzin_2x.png) no-repeat center / 132px 132px;}/* 박경진 */
.soma-pass-list-wrap .img-box.lee-hoseock{background: #fff url(/images/skin/soma/img_pass_no_img_2x.png) no-repeat center / 132px 132px;}/* 이호석 */

.soma-pass-list-wrap .img-box.choi-hyeonjun{background: #fff url(/images/skin/soma/img_choi-hyeonjun_2x.png) no-repeat center / 132px 132px;}/* 최현준 */
.soma-pass-list-wrap .img-box.kang-jaeyeon{background: #fff url(/images/skin/soma/img_kang-jaeyeon_2x.png) no-repeat center / 132px 132px;}/* 강재연 */
.soma-pass-list-wrap .img-box.kim-mingyu{background: #fff url(/images/skin/soma/img_kim-mingyu_2x.png) no-repeat center / 90px 90px;}/* 김민규 */
.soma-pass-list-wrap .img-box.yang-jiho{background: #fff url(/images/skin/soma/img_yang-jiho_2x.png) no-repeat center /  104px 102px;}/* 양지호 */
.soma-pass-list-wrap .img-box.park-chanbin{background: #fff url(/images/skin/soma/img_park-chanbin_2x.png) no-repeat center /  78px 111px;}/* 박찬빈 */
.soma-pass-list-wrap .img-box.kim-jihwang{background: #fff url(/images/skin/soma/img_kim-jihwang_2x.png) no-repeat center /  87px 90px;}/* 김지황 */
.soma-pass-list-wrap .img-box.lee-younghun{background: #fff url(/images/skin/soma/img_lee-younghun_2x.png) no-repeat center / 132px 132px;}/* 이영헌 */
.soma-pass-list-wrap .img-box.baek-sunguk{background: #fff url(/images/skin/soma/img_baek-sunguk_2x.png) no-repeat center /  110px 86px;}/* 백성욱 */
.soma-pass-list-wrap .img-box.lim-doyeon{background: #fff url(/images/skin/soma/img_lim-doyeon_img_2x.png) no-repeat center /  104px 93px;}/* 임도연 */
.soma-pass-list-wrap .img-box.kim-yejun{background: #fff url(/images/skin/soma/img_kim-yejun_img_2x.png) no-repeat center / 132px 132px;}/* 김예준 */
.soma-pass-list-wrap .img-box.ahn-suhyeon{background: #fff url(/images/skin/soma/img_ahn-suhyeon_img_2x.png) no-repeat center / 132px 132px;}/* 안서현 */
.soma-pass-list-wrap .img-box.kim-jungu{background: #fff url(/images/skin/soma/img_kim-jungu_img_2x.png) no-repeat center / 132px 132px;}/* 김준구 */

.soma-pass-list-wrap .name{font-size: 18px; color: rgba(0, 0, 0, 0.78); font-weight: 700;}
.soma-pass-list-wrap .desc-list{margin-top: 8px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px;}
.soma-pass-list-wrap .desc-list p{font-size: 14px; font-weight: 700; color: rgba(0, 0, 0, 0.58);}
.soma-pass-list-wrap .desc-list .admission{position: relative; padding-bottom: 24px; font-size: 16px; font-weight: 400;}
.soma-pass-list-wrap .desc-list .admission::after{content: ""; position: absolute; display: block; bottom: 0; left: 0; right: 0; width: 16px; height: 16px; background: url(/images/skin/soma/ico_soma_pass_arrow.png) no-repeat center / 16px 16px; margin: 0 auto;}/* 화살표 */
.soma-pass-list-wrap .desc-list .graduate{margin-top: 8px; padding-bottom: 10px; position: relative; font-size: 16px; font-weight: 400;}
.soma-pass-list-wrap .desc-list .graduate::after{content: ""; position: absolute; display: block; bottom: 0; left: 0; right: 0; width: 8px; height: 2px; background-color: #d9d9d9; margin: 0 auto;}
.soma-pass-list-wrap .desc-list .other{margin-top: 8px;}



/* 동영상 모달 팝업 */
.video-modal-wrap{position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; overflow-y: hidden; display: none;}
.video-modal-wrap::before{content:""; display: block;position: fixed; width: 100%; height: 0; background-color: #F19A2F;top: 0; left: 0; z-index: -1;}
.video-modal-wrap .modal-inner{max-width: 960px; margin: 0 auto; height: 100%;}
.video-modal-wrap .video-box .title-box{color: #fff; font-size: 56px; font-weight: 700; display: flex; margin-bottom: 32px;}
.video-modal-wrap .video-box .title-box .close-btn{width: 64px; height: 64px; border: 1px solid rgba(225, 225, 225, 0.5); border-radius: 8px; margin-left: auto; position: relative;}
.video-modal-wrap .video-box .title-box .close-btn .line{position: absolute; width: 30px; height: 6px; top: 0;left: 0; right: 0; bottom: 0; margin: auto; transform: rotate(45deg); background-color: #fff;}
.video-modal-wrap .video-box .title-box .close-btn .line:nth-child(2){transform: rotate(-45deg);}
.video-modal-wrap .video-box{height: 100%; display: flex; flex-direction: column; justify-content: center; transform: translateY(30px); transition: transform 0.8s; opacity: 0; visibility: hidden;}
.video-modal-wrap .video-box .frame-box{padding-bottom: 57%; position: relative;}
.video-modal-wrap .video-box iframe{width: 100%; height: 100%; box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.31), 0px 12px 26px 0px rgba(68, 68, 68, 0.16); position: absolute; top: 0; left: 0;}
.video-modal-wrap .video-box .btn-box{margin-top: 24px; text-align: right;}
.video-modal-wrap .video-box .btn-box .btn{display: inline-block; padding: 9px 16px 8px 16px; border-radius: 50px; background-color: #fff; color: var(--theme-color); letter-spacing: 0; box-shadow: 0px 8px 16px 0px rgba(178, 95, 18, 0.24); position: relative; padding-left: 43px;}
.video-modal-wrap .video-box .btn-box .btn::before{content: ""; position: absolute; top: 0; left: 16px; bottom: 0; display: block; margin: auto 0; background: url(/images/skin/soma/ico_youtube_link_2x.png) no-repeat center / 22px 15px; width: 22px; height: 15px;}

@keyframes top_to_bottom{
    0%{height: 0;}
    100%{height: 100%;}
}

@keyframes float_top{
    0%{transform: translateY(30px); opacity: 0; visibility: hidden;}
    100%{transform: translateY(0px); opacity: 1; visibility: visible;}
}


.video-modal-wrap.active{display: block; /* width: 100%; */}
.video-modal-wrap.active::before{animation: top_to_bottom 0.3s 0.5s forwards;}
.video-modal-wrap.active .video-box{animation: float_top 0.5s 1s forwards;}


.ani-item,.ani-item-notice{opacity: 0; transform: translateY(80px);}
.ani-fade{opacity: 0;}

.modal_video_contents { position: relative; display: block; margin-top: 32px; padding-top : 24px; border-top : 4px solid #fff; max-height: 20%; overflow-y :auto;  }
.modal_video_contents p { font-size: 20px; font-weight: 400; line-height: 1.8; text-align: left; color: #fff; }


/* 동영상 게시판 */
.video-board-container .inner { max-width: 1400px; }
.video-board-wrap { background: linear-gradient(151.18deg, #94E090 2.96%, #4CB058 98.13%); top: 0; left: 50%; height: 100%; border-radius: 48px; display: block; padding-bottom: 48px; }
.video-board { position: relative; z-index: 1; padding: 48px 16px 0px 16px; }
.video-board .video-title-box { text-align: center; color: #fff; font-weight: 700; }
.video-board .video-title-box p { font-size: 24px; }
.video-board .video-title-box p.b { font-size: 56px; margin-top: 16px; }
.video-board .video-tab-box { margin-top: 32px; display: flex; justify-content: center; }
.video-board .video-tab-box .tab { font-size: 16px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px; font-weight: 700; color: #fff; flex: none; margin-left: 16px; padding-bottom: 8px; position: relative; margin-bottom: 0; padding-right: 1px; }
.video-board .video-tab-box a.tab:first-child { margin-left: 0; }
.video-board .video-tab-box a.tab::after { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 0; height: 2px; background-color: #fff; transition: width 0.3s; }
.video-board .video-tab-box .tab.active::after { width: 100%; }
.video-board .video-tab-box .tab:hover::after { width: 100%; }

.video-board .video-tag-box { display: flex; flex-wrap: wrap; justify-content: center; /*max-width: 654px; */ margin: 0 auto; margin-top: 38px; padding: 0 40px; }
.video-board .video-tag-box .tag { padding: 16px; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.5); font-weight: 700; color: #fff; font-size: 18px; flex: none; transition: all .3s; margin-right: 8px; margin-bottom: 8px; position: relative; }
.video-board .video-tag-box .tag::after { content: ""; position:absolute; display:block; width:100%; height: 100%; top:0; left:0; border-radius: 100px; border: 1px solid transparent; transition: all .3s; }
.video-board .video-tag-box .tag span { margin-left: 4px; }
.video-board .video-tag-box .tag.active { background-color: #fff; color: #83D583; border-color: #fff; box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.21), 0px 4px 12px 0px rgba(68, 68, 68, 0.12); }
.video-board .video-tag-box .tag:hover::after { border-color: #fff; }
.video-board .video-tag-box .tag:hover { border-color: #fff; }

.video-content { display: flex; flex-wrap: wrap; margin-top: 32px; justify-content: center; }
.video-content .v-box { max-width: 584px; width: calc(50% - 16px); border-radius: 24px; overflow: hidden; margin-left: 32px; margin-bottom: 32px; box-shadow: 0px 0px 1px 0px rgba(38, 62, 43, 0.31),0px 10px 20px 0px rgba(68, 68, 68, 0.16); position: relative; }
.video-content .v-box::after { content: ""; position: absolute; top: -24%; left: 0; right: 0; bottom: 0; display: block; width: 48px; height: 48px; cursor: pointer; background: url(/images/skin/soma/ico_video_play_1x.png) no-repeat center / 48px 48px; margin: auto; box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.31), 0px 12px 26px 0px rgba(68, 68, 68, 0.16); border-radius: 50%; }
.video-content .v-box.v-box-board::after {background: url(/images/skin/soma/ico_board_list_1x.png) no-repeat center / 48px 48px;}
.video-content .v-box:nth-child(odd) { margin-left: 0; }
.video-content .v-box .img-box { padding-bottom: 56%; display: block; /* height: 328px; */background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; transition: transform .3s; transform: scale(1.05); }
.video-content .v-box:hover a .img-box { transform: scale(1); }
.video-content .v-box .v-desc { height: 110px; background-color: #fff; display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: 700; text-align: center; transition: all 0.3s; position: relative; z-index: 2; }
.video-content .v-box:hover .v-desc { background-color: var(--theme-color); color: #fff; }
.video-board-wrap .paging button { opacity: 0.3; }
.video-board-wrap .paging button.first-btn, .video-board-wrap .paging2 button.first-btn { background-image: url(/images/common/ico_page_first_w_2x.png); }
.video-board-wrap .paging button.last-btn, .video-board-wrap .paging2 button.last-btn { background-image: url(/images/common/ico_page_last_w_2x.png); }
.video-board-wrap .paging button.prev-btn, .video-board-wrap .paging2 button.prev-btn { background-image: url(/images/common/ico_page_prev_w_2x.png); }
.video-board-wrap .paging button.next-btn, .video-board-wrap .paging2 button.next-btn { background-image: url(/images/common/ico_page_next_w_2x.png); }
.video-board-wrap .paging button.active { opacity: 1; }

.video-board-wrap .paging > span, .video-board-wrap .paging2 > span { margin-top: -2px; }
.video-board-wrap .paging .paging-num .page, .video-board-wrap .paging2 .paging-num .page { font-size: 14px; color: rgba(225, 225, 225, 0.5); font-weight: 400; height: 40px; }
.video-board-wrap .paging .paging-num .page.active, .video-board-wrap .paging2 .paging-num .page.active { font-size: 13px; margin-top: 2px }
.video-board-wrap .paging .paging-num .page:hover, .video-board-wrap .paging2 .paging-num .page:hover { font-weight: 700; font-size: 13px; margin-top: 2px }
.video-board-wrap .paging .paging-num .page.active span, .video-board-wrap .paging2 .paging-num .page.active span { color: #fff; }
.video-board-wrap .paging .paging-num .page.active span::after, .video-board-wrap .paging2 .paging-num .page.active span::after { display: none; }

.video-board-wrap .board-search-wrap { border-top: none; }
.video-board-container .htable-wrap { border-bottom: 0; }
.video-board-container .board-search-wrap { padding-top: 0; }


.no-video-box { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; min-height: 192px; }
.img-no-video { width: 99px; height: 84px; background: url(/images/common/img_no_video_2x.png) no-repeat center / 99px 84px; }
.no-video-box span { font-size: 18px; color: #fff; font-weight: 700; margin-top: 22px; }





/* 소마 게이트 & 프리미어 */
.gate-header { position: fixed; left:0; right:0; top:0; padding: 48px 64px; z-index: 1000; }
.gate-header a { display: inline-block; height: 42px; }
.gate-header a img { height: 100%; width: auto; }
.soma-gate-wrap { display: flex; width: 100dvw; height: 100dvh; min-height: 500px; }
.soma-gate-wrap .soma-gate-left, .soma-gate-wrap .soma-gate-right { position: relative; flex: 1; height: 100%; transition: flex 0.4s cubic-bezier(.15,1.04,.98,1); overflow: hidden; }
.soma-gate-wrap .soma-gate-left:hover, .soma-gate-wrap .soma-gate-right:hover { flex: 1.2; }
.soma-gate-wrap .soma-gate-left { background-color: #f19a2f; color: #fff; }
.soma-gate-wrap .soma-gate-right { background: url('/images/skin/soma/img_gate_background.png') no-repeat; background-size: cover; background-position: right top; }
.soma-gate-wrap .soma-gate-bg { position: absolute; top: 50%; width: auto; height: calc(100% + 32px); pointer-events: none; }
.soma-gate-wrap .soma-gate-left .soma-gate-bg { left: 50dvw; transform: translateX(-50%) translateY(-50%); }
.soma-gate-wrap .soma-gate-right .soma-gate-bg { right: 50dvw; transform: translateX(50%) translateY(-50%); mix-blend-mode: screen; }
.soma-gate-wrap .soma-gate-ic { position: absolute; }
.soma-gate-wrap .soma-gate-left .soma-gate-ic { left: 40dvw; bottom: 5dvh; transition: left 0.4s, bottom 0.4s; transition-delay: 0.1s; }
.soma-gate-wrap .soma-gate-left:hover .soma-gate-ic { left: 30dvw; bottom: 15dvh; }
.soma-gate-wrap .soma-gate-right .soma-gate-ic { right: 50dvw; top: 50dvh; transform: translateY(-50%); mix-blend-mode: screen; transition: right 0.4s, top 0.4s; transition-delay: 0.1s; }
.soma-gate-wrap .soma-gate-right:hover .soma-gate-ic { right: 44dvw; top: 45dvh; }
.soma-gate-wrap .soma-gate-cont { position: absolute; top: 0; width: fit-content; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 40px; width: 100%; height: 100%; }
.soma-gate-wrap .soma-gate-left .soma-gate-cont { left: 25dvw; transform: translateX(-50%); }
.soma-gate-wrap .soma-gate-right .soma-gate-cont { right: 25dvw; transform: translateX(50%); }
.soma-gate-wrap .soma-gate-cont h2 { position: relative; font-size: 32px; }
.soma-gate-wrap .soma-gate-cont h2 span { position: absolute; right: -78px; top: -22px; padding: 4px 10px; background: #f19a2f; border-radius: 6px; font-family: 'SebangGothic'; font-size: 18px; color: #fff; }
.soma-gate-wrap .soma-gate-cont .gate-main-txt { font-family: 'SebangGothic'; font-size: 22px; line-height: 1.5; }
.soma-gate-wrap .soma-gate-cont .gate-sub-txt { font-size: 15px; font-family: 'Noto Sans KR'; line-height: 2; }
.soma-gate-wrap .btn-more { border-radius: 8px; font-size: 18px; transition: unset; }
.soma-gate-wrap .soma-gate-left .btn-more { background: #f19a2f; border: 1px solid #FFFFFF4D; }
.soma-gate-wrap .soma-gate-left .btn-more:hover { background: #D98B2A; box-shadow: 0px 8px 16px 0px #B25F123D; }
.soma-gate-wrap .soma-gate-left .btn-more:active { background: #f19a2f; box-shadow: unset; }
.soma-gate-wrap .soma-gate-right .btn-more:hover { background: #0000000D !important; }
.soma-gate-wrap .soma-gate-right .btn-more:active { background: unset !important; }

.gnb .gnb-depth1 > li > a > span { position: absolute; top:-20px; right:-30px; padding: 3px 8px; border-radius: 20px; border: 3px solid #fff; box-shadow: 0px 4px 12px 0px #4444441F; background: #F19A2F; color: #fff; font-size: 12px; }
.lnb-menu .gnb-depth1 > li > a > span { display: none; }

@media screen and (max-width: 1024px){
	.gate-header { padding: 12px; text-align: center; }
	.gate-header a img { margin: 0 auto; }
	.soma-gate-wrap { flex-direction: column; }
	.soma-gate-wrap .soma-gate-left { order: 2; background-image: url('/images/skin/soma/img_gate_ic01.png'); background-repeat: no-repeat; background-position: right bottom; background-size: 130px 125px; }
	.soma-gate-wrap .soma-gate-right { padding-top: 66px; order: 1; background: url('/images/skin/soma/img_gate_background_mo.png') no-repeat; background-size: cover; background-position: left top;  }
	.soma-gate-wrap .soma-gate-left:hover, .soma-gate-wrap .soma-gate-right:hover { flex: 1; }
	.soma-gate-wrap .soma-gate-cont { position: relative; top: unset !important; left: unset !important; right: unset !important; transform: unset !important; width: unset; gap: 16px; }
	.soma-gate-wrap .soma-gate-right .soma-gate-cont h2 { margin-right: 60px; }
}