<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face { font-family: "GmarketSans"; font-weight: 200; font-style: normal; src: url(/fonts/GmarketSans/GmarketSansLight.otf) format("opentype"); }

@font-face { font-family: "GmarketSans"; font-weight: 400; font-style: normal; src: url(/fonts/GmarketSans/GmarketSansMedium.otf) format("opentype"); }

@font-face { font-family: "GmarketSans"; font-weight: 700; font-style: normal; src: url(/fonts/GmarketSans/GmarketSansBold.otf) format("opentype"); }

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

body { font-family: 'GmarketSans'; font-weight: 400; line-height: normal; letter-spacing: -1px;}
select { font-family: 'GmarketSans'; }
input[type=checkbox], input[type=radio] { font-family: 'GmarketSans'; }
input[type=file], input[type=text], input[type=password], input[type=tel], input[type=email] { font-family: 'GmarketSans'; }
textarea { font-family: 'GmarketSans'; }
textarea::placeholder { font-family: 'GmarketSans'; }
button { font-family: 'GmarketSans'; }



/* layout */
.main.container{padding-top: 24px; padding-bottom: 80px;}
.container{padding-bottom: 140px;}
.contents{padding-top: 24px;}


/* �붿뒪�뚮젅�� */
.d-block { display: block; }
.d-flex { display: flex; }
.d-inline { display: inline; }
.d-inlineB { display: inline-block; }
.j-center { justify-content: center; }
.j-between { justify-content: space-between; }
.j-start { justify-content: start; }
.j-end { justify-content: end; }
.j-around { justify-content: space-around; }
.a-center { align-items: center; }
.a-start { align-items: flex-start; }
.a-end { align-items: flex-end; }
.d-flex-column { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }

.mt-0 { margin-top: 0 !important; } 
.mt-4 { margin-top: 4px !important; } 
.mt-5 { margin-top: 5px !important; } 
.mt-8 { margin-top: 8px !important; } 
.mb-16 { margin-bottom: 16px !important; } 
.marr8 { margin-right: 8px !important; } 
.mr-4 { margin-right: 4px !important }
.mr-8 { margin-right: 8px !important }
.pt-4 { padding-top: 4px !important }
.pt-24 { padding-top: 24px !important; }
.pb-8 { padding-bottom: 8px !important; }
.pb-12 { padding-bottom: 12px !important; }
.pb-16 { padding-bottom: 16px !important; }

.p0 { padding: 0 !important; }
.pt0 { padding-top: 0 !important; }
.pb0 { padding-bottom: 0 !important }
.pl0 { padding-left: 0 !important }
.pr0 { padding-right: 0 !important }

.pt2 { padding-top: 2px !important; }
.pt4 { padding-top: 4px !important; }
.pt8 { padding-top: 8px !important; }
.pt10 { padding-top: 10px !important; }
.pt12 { padding-top: 12px !important; }
.pt16 { padding-top: 16px !important; }
.pt20 { padding-top: 20px !important; }
.pt24 { padding-top: 24px !important; }
.pt28 { padding-top: 28px !important; }
.pt32 { padding-top: 32px !important; }
.pt40 { padding-top: 40px !important; }
.pt48 { padding-top: 48px !important; }

.pb2 { padding-bottom: 2px !important; }
.pb4 { padding-bottom: 4px !important; }
.pb8 { padding-bottom: 8px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb12 { padding-bottom: 12px !important; }
.pb16 { padding-bottom: 16px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb24 { padding-bottom: 24px !important; }
.pb28 { padding-bottom: 28px !important; }
.pb32 { padding-bottom: 32px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb48 { padding-bottom: 48px !important; }

.pl2 { padding-left: 2px !important; }
.pl4 { padding-left: 4px !important; }
.pl8 { padding-left: 8px !important; }
.pl10 { padding-left: 10px !important; }
.pl12 { padding-left: 12px !important; }
.pl16 { padding-left: 16px !important; }
.pl18 { padding-left: 18px !important; }
.pl20 { padding-left: 20px !important; }
.pl24 { padding-left: 24px !important; }
.pl28 { padding-left: 28px !important; }
.pl48 { padding-left: 48px !important; }

.pr2 { padding-right: 2px !important; }
.pr4 { padding-right: 4px !important; }
.pr8 { padding-right: 8px !important; }
.pr10 { padding-right: 10px !important; }
.pr12 { padding-right: 12px !important; }
.pr16 { padding-right: 16px !important; }
.pr20 { padding-right: 20px !important; }
.pr24 { padding-right: 24px !important; }
.pr28 { padding-right: 28px !important; }
.pr48 { padding-right: 48px !important; }

.mt0 { margin-top: 0px !important; }
.mt2 { margin-top: 2px !important; }
.mt4 { margin-top: 4px !important; }
.mt8 { margin-top: 8px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt16 { margin-top: 16px !important; }
.mt20 { margin-top: 20px !important; }
.mt24 { margin-top: 24px !important; }
.mt28 { margin-top: 28px !important; }
.mt32 { margin-top: 32px !important; }
.mt48 { margin-top: 48px !important; }

.rn_mb0 { margin-bottom: 0px !important; }
.mb2 { margin-bottom: 2px !important; }
.mb4 { margin-bottom: 4px !important; }
.mb8 { margin-bottom: 8px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb16 { margin-bottom: 16px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb24 { margin-bottom: 24px !important; }
.mb28 { margin-bottom: 28px !important; }
.mb32 { margin-bottom: 32px !important; }

.ml2 { margin-left: 2px !important; }
.ml4 { margin-left: 4px !important; }
.ml8 { margin-left: 8px !important; }
.ml10 { margin-left: 10px !important; }
.ml12 { margin-left: 12px !important; }
.ml16 { margin-left: 16px !important; }
.ml18 { margin-left: 18px !important; }
.ml20 { margin-left: 20px !important; }
.ml24 { margin-left: 24px !important; }
.ml28 { margin-left: 28px !important; }

.mr2 { margin-right: 2px !important; }
.mr4 { margin-right: 4px !important; }
.mr8 { margin-right: 8px !important; }
.mr10 { margin-right: 10px !important; }
.mr12 { margin-right: 12px !important; }
.mr16 { margin-right: 16px !important; }
.mr20 { margin-right: 20px !important; }
.mr24 { margin-right: 24px !important; }
.mr28 { margin-right: 28px !important; }


/* 而⑦뀗痢� �� ���댄� �④� */
.board-header &gt; p {display:none;}
.sub-cont-title {display:none;}
.contents .mirea-title-copy{display:none;}
.contents .page-title-type1{display:none;}


/* icon */
.icon, i { flex: none; display: flex; }
.icon.util-down { width: 17px; height: 17px; background: url(/images/skin/mirae/ico_util_down_2x.png) no-repeat center 5px / 9px 6px; border: 1px solid #D8D8D8; border-radius: 4px; }
.icon.util-alert { width: 13px; height: 15px; background: url(/images/skin/mirae/ico_util_alert_2x.png) no-repeat center / 13px 15px; }
.icon.hd-location { width: 13px; height: 16px; background: url(/images/skin/mirae/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.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;}


.icon.direct{width: 16px; height: 16px; background: url(/images/common/ico_blank_link_2x.png) no-repeat center / 16px 16px;}
.search-box .search-btn{background: url(/images/common/ico_search_darkgrey_2x.png) no-repeat center / 20px 20px;}

.icon.em-book{width: 32px; height: 32px; background: url(/images/skin/mirae/ico_emoji_book_1x.png) no-repeat center; display: inline-block;}
.icon.em-doc{width: 36px; height: 44px; background: url(/images/skin/mirae/ico_emoji_doc_1x.png) no-repeat center; display: inline-block;}
.icon.em-letter{width: 36px; height: 38px; background: url(/images/skin/mirae/ico_emoji_letter_1x.png) no-repeat center; display: inline-block;}
.icon.em-school{width: 38px; height: 32px; background: url(/images/skin/mirae/ico_emoji_school_1x.png) no-repeat center; display: inline-block;}
.icon.em-my{width: 39px; height: 35px; background: url(/images/skin/mirae/ico_emoji_my_1x.png) no-repeat center; display: inline-block;}
i.new{width: 22px; height: 22px; background: url(/images/skin/mirae/ico_new_2x.png) no-repeat center;background-size: 6px 8px;background-color: #383838;background-color: var(--theme-color);}

i.ico_campus_arr_typeA { display:inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(/images/skin/mirae/ico_campus_nm_arrow_typeB_2x.png) no-repeat center / 100%; }
i.ico_campus_arr_typeB { display:inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(/images/skin/mirae/ico_campus_nm_arrow_typeA_2x.png) no-repeat center / 100%; }




.custom-icon{width: 60px; height: 60px; position: relative;}
.custom-icon.lct-icon { width: 55px; height: auto; text-align: center; bottom: 20px !important; }
.custom-icon.lct-icon .img_lct_top { position: relative; transform: translateY(14px); display: inline-block; width: 38px; height: auto; transition: transform 0.3s; }
.set-cont:hover .custom-icon.lct-icon .img_lct_top { transform: translateY(6px); }
.custom-icon.lct-icon .img_lct_btm { display: inline-block; width: 55px; height: auto; }
.custom-icon.clock{justify-content: center; align-items: center; width: 48px;  height: 48px;}
.custom-icon.clock .circle{position: relative; width: 48px; height: 48px; border: 6px solid #DCDAD7; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.custom-icon.clock .circle .hand-box{position: relative; width: 4px; height: 4px;}
.custom-icon.clock .circle .hand-box .dot{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 100%; background-color: #9E9389; z-index: 3;}
.custom-icon.clock .circle .hand-box .hour, .custom-icon.clock .circle .hand-box .min{width: 6px; background-color: #fff; border-radius: 10px; position: absolute; left: 0px; right: 0; margin: 0 auto; bottom: -2px; transform-origin: center 86%;}
.custom-icon.clock .circle .hand-box .hour{height: 17px; transform: rotate(-45deg);}
.custom-icon.clock .circle .hand-box .min{height: 30px; transform: rotate(45deg); transition: all 0.6s;}
.set-cont:hover .custom-icon.clock .circle .hand-box .min{transform: rotate(90deg);}

.custom-icon.chart{background-color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.custom-icon.chart .box{display: flex; justify-content: center; align-items: flex-end; width: 43px; height: 36px; border: 5px solid #2DE0B6; border-radius: 10px; padding-bottom: 4px; margin-left: 0px; position: relative;}
.custom-icon.chart .box .graph{width: 5px; background-color: #20C462; border-radius: 8px; flex: none; transition: all 0.6s; position: absolute}
.custom-icon.chart .box .graph.item1{height: 16px; left: 7px;}
.custom-icon.chart .box .graph.item2{height: 32px}
.custom-icon.chart .box .graph.item3{height: 12px; right: 7px;}

.set-cont:hover .custom-icon.chart .box .graph.item1{height: 32px;}
.set-cont:hover .custom-icon.chart .box .graph.item2{height: 18px;}
.set-cont:hover .custom-icon.chart .box .graph.item3{height: 24px;}



/* 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;}


/* header */
.header { position: relative; z-index: 99; }
.header-inner { position: relative; max-width: 1232px; height: 100%; margin: 0 auto; padding: 0 16px; }
.header-wrap{ padding-bottom: 24px;}
.header-wrap .header-inner { display: flex; align-items: flex-end; flex-wrap: wrap; }
.util-menu { display: flex; align-items: center; justify-content: flex-end; height: auto; padding-top: 8px; }
.util-menu &gt; li { float: left; margin-left: 16px; }
.util-menu &gt; li:first-child { margin-left: 0; }
.util-menu &gt; .util.toggle { position: relative; }
.util-menu &gt; .util &gt; a { display:block; line-height: 18px; }
.util-menu &gt; .util i { margin-right: 4px; display: none; }
.util-menu &gt; .util i.util-down, .util-menu &gt; .util i.util-alert { display: inline-block; vertical-align: middle; margin-left: 4px; }
.util-menu &gt; .util span { height: auto; font-size: 12px; color: rgba(0, 0, 0, 0.58); font-weight: 400; }
.util-menu &gt; .util .util-toggle { position: absolute; left: 0; max-width: 180px; white-space: nowrap; top: 100%; display: none; }
.util-menu &gt; .util.toggle:hover .util-toggle { display: block; z-index: 10; }
.util-menu &gt; .util .util-toggle .round-box { margin-top: 10px; background-color: #fff; border: 1px solid #D8D8D8; border-radius: 4px; padding: 16px 6px; }
.util-menu &gt; .util .util-toggle .round-box &gt; div a { padding-top: 8px; }
.util-menu &gt; .util .util-toggle .round-box &gt; div:first-child a { padding-top: 0; }
.util-menu &gt; .util .util-toggle .round-box &gt; div a:hover span { color: var(--theme-color); }
.util-menu &gt; .util .util-toggle .round-box div i { display: inline-block; }

.util-menu &gt; .util .select-box { position: relative; }
.util-menu &gt; .util .select-box i { width: 17px; height: 17px; background: url(/images/skin/mirae/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 &gt; .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 &gt; .util .cnt { margin-left: 2px; font-size: 12px; font-weight: 700; color: var(--theme-color); letter-spacing: -0.5px; }
.util-menu &gt; .util .cnt.bg { color: #fff; background-color: var(--theme-color); padding: 0px 4px 2px 3px; border-radius: 4px; font-weight: 300; min-width: 16px; display: inline-block; height: 16px; vertical-align: middle; text-align: center;}


.util-menu &gt; .childSelect select { min-width: 86px; height: 24px; line-height: 24px; font-size: 12px; }

.util-menu &gt; .util i.util-alert + .cnt { margin-left: 0; }

.util-menu &gt; .lang { position: relative; margin-left: 16px; cursor: pointer; }
.util-menu &gt; .lang:hover .lang-select { display: block; }
.util-menu &gt; .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 &gt; .lang .lang-select::before { display: block; content: ''; position: absolute; top: -28px; left: 0; width: 94px; height: 30px; z-index: -1; }
.util-menu &gt; .lang .lang-select li a { display: block; padding: 8px 0 2px 0; line-height: 18px; font-size: 13px; }
.util-menu &gt; .lang .lang-select li a.active, .util-menu &gt; .lang .lang-select li a:hover { color: #383838; color: var(--theme-color); }
.header-wrap { height: 79px; width: 100%; border-bottom: 1px solid #ddd; background-color: #fff; transition: all 0.3s; }



.logo { position: relative; flex: none; top: -4px; }
.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 .gnb-depth1 { display: flex; /* height: 72px; */ align-items: center; flex-wrap: wrap; padding-bottom: 12px; }
.gnb .gnb-depth1 &gt; li &gt; a.direct span { padding-right: 15px; position: relative; }
.gnb .gnb-depth1 &gt; li &gt; 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 &gt; li { position: relative; }
.gnb .gnb-depth1 &gt; li &gt; a { padding: 0 24px; text-align: center; }
.gnb .gnb-depth1 &gt; li:last-child &gt; a { padding-right: 0; }
.gnb .gnb-depth1 &gt; li:first-child &gt; a { padding-left: 0; }
.gnb .gnb-depth1 &gt; li:hover &gt; a, .gnb .gnb-depth1 &gt; li &gt; a.active { font-weight: 700; }
/* .gnb .gnb-depth1 &gt; li:last-child { display: none; } */

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

/* �ㅻ뜑 �ㅽ겕濡� */
.header .header-wrap.rolldown { position: fixed; top: -100px; left: 0; z-index: 100; padding-top: 8px; padding-bottom: 8px; transition: all 0.4s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); height: 71px;}
.header .header-wrap.rolldown .header-inner{align-items: center;}
.header .header-wrap.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);}
*/

/* 寃뚯씠�� 由щ돱�� (250501) */
.campus-nm-wrap { position: relative; margin-top: 18px; margin-left: 12px; padding-bottom: 4px; cursor: pointer; }
.campus-nm-wrap .campus-nm { display: inline-block; margin-top: 0 !important; padding: 7px 11px 7px 10px !important; height: 32px; background: #fff; border-radius: 8px; border: 1px solid #EEEEEE; font-weight: 400; }
.campus-nm-wrap .campus-nm-list { position: absolute; left:0; top: 36px; display: none; flex-wrap: wrap; width: 320px; background: #fff; box-shadow: 0 10px 10px #4444440F; border: 1px solid #D8D8D8; border-radius: 8px; z-index: 10; overflow: hidden; }
@media screen and (min-width: 1025px){
	.campus-nm-wrap:hover .campus-nm-list { display: flex; }	
}
.campus-nm-wrap .campus-nm-list a { display:flex; justify-content: center; align-items: center; width: 50%; height: 64px; border-right: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; font-size: 15px; font-weight: 400; color: #000000C7; transition: background 0.2s; }
.campus-nm-wrap .campus-nm-list a:hover { background: #F1F4F1; }
.campus-nm-wrap .campus-nm-list a:active { background: #F7F7F7; }
.campus-nm-wrap .campus-nm-list a:nth-child(even){ border-right: none; }
.campus-nm-wrap .campus-nm-list a.active span { position: relative; line-height: 100%; }
.campus-nm-wrap .campus-nm-list a.active span::after { content:''; position: absolute; top:0; right: -10px; display: block; width: 6px; height: 6px; border-radius: 6px; background: var(--theme-color); }
.campus-nm-list .campus-brand-url { width: 100%; }
.campus-nm-list .campus-brand-url a { display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; background: #EEF3F1; font-family: "GmarketSans"; font-size: 14px; }
.campus-nm-list .campus-brand-url a span { padding-top: 4px; }

.campus-nm-list.active { display: flex !important; }



#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 &gt; p { display: flex; align-items: center; flex: none; }
.lnb-member &gt; p a, .lnb-member &gt; p span { font-weight: bold; border-bottom: 1px solid rgba(0, 0, 0, 0.78); }
.lnb-member &gt; a { margin-left: 8px; font-size: 12px; padding: 5px 8px 3px 8px; flex: none; }
.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 &gt; .gnb-depth1::after { display: block; content: ''; clear: both; }
.lnb-menu .gnb-depth1 &gt; li { position: relative; cursor: pointer; }
.lnb-menu .gnb-depth1 &gt; 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 &gt; li .menu-tgl-button.active { background-image: url(/images/common/ico_depth1_open_2x.png); }
.lnb-menu .gnb-depth1 &gt; li &gt; a { display: block; padding: 16px; color: rgba(0, 0, 0, 0.58); border-bottom: 1px solid #eee; font-weight: bold; }
.lnb-menu .gnb-depth1 &gt; li &gt; a.active, .lnb-menu .gnb-depth1 &gt; li &gt; a:hover { color: #383838; color: var(--theme-color); }
.lnb-menu .gnb-depth2 { display: none; padding: 8px 0px; background: #f5f5f5; }
.lnb-menu .gnb-depth1 &gt; li a.active + .gnb-depth2 { display: block; }
.lnb-menu .gnb-depth1 &gt; li a.direct span { padding-right:15px; position: relative; }
.lnb-menu .gnb-depth1 &gt; 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-depth1 &gt; li:last-child { display: none; } */

.lnb-menu .gnb-depth2 &gt; li { position: relative; }
.lnb-menu .gnb-depth2 &gt; 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 &gt; li .menu-tgl-button.active { background-image: url(/images/common/ico_depth2_open_2x.png); }
.lnb-menu .gnb-depth2 &gt; li:last-child { margin-bottom: 0; }
.lnb-menu .gnb-depth2 &gt; li &gt; a { display: block; line-height: 22px; color: rgba(0, 0, 0, 0.78); padding: 16px; font-weight: bold; }
.lnb-menu .gnb-depth2 &gt; li &gt; a.active, .lnb-menu .gnb-depth2 &gt; li &gt; a:hover { color: #383838; color: var(--theme-color); }
.lnb-menu .gnb-depth2 &gt; li &gt; a + .gnb-depth3 { padding-left: 32px; }
.lnb-menu .gnb-depth2 &gt; li &gt; a.active + .gnb-depth3 { display:block; }
.lnb-menu .gnb-depth3 { display: none; }
.lnb-menu .gnb-depth3.active { display: block; }
.lnb-menu .gnb-depth3 &gt; li { margin-bottom: 8px; }
.lnb-menu .gnb-depth3 &gt; li:last-child { margin-bottom: 0; }
.lnb-menu .gnb-depth2 &gt; li:last-child .gnb-depth3 { margin-bottom: 16px; }
.lnb-menu .gnb-depth3 &gt; li &gt; 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 &gt; li &gt; a.active, .lnb-menu .gnb-depth3 &gt; li &gt; a:hover { color: #383838; color: var(--theme-color); font-weight: bold; }



/* 濡쒖��댁뀡 */
.location{line-height: normal; padding-top: 16px; border-bottom: none;}
.location .loc-home{width: 15px;height: 14px;background: url(/images/skin/mirae/ico_location_home_2x.png) no-repeat;background-size: 15px 14px; margin-top: -3px;}
.location .loc-nav{padding-left: 10px; font-size: 13px;}
.location .loc-nav::before{width: 5px;height: 6px;margin-right: 10px; background: url(/images/skin/mirae/ico_location_arrow_2x.png) no-repeat center;background-size: 5px 6px; margin-top: -1px;}


/* �� */
/* .tab-type1 &gt; li &gt; 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 &gt; li &gt; a.active, .tab-type1 &gt; li &gt; 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 &gt; li { padding-right: 0; padding-left: 24px; margin-right: 0; }
.tab-type1 &gt; li:first-child { padding-left: 0; }
.tab-type1 &gt; li &gt; 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 &gt; li &gt; 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 &gt; li &gt; a.active, .tab-type1 &gt; li &gt; 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 &gt; li &gt; a.active::after, .tab-type1 &gt; li &gt; a:hover::after { opacity: 1; visibility: visible; width: 100%; }


/* faq �� */
.tab-type2 { position: relative; width: 100vw; left: -16px; padding-left: 16px; }
/* .tab-type2 &gt; li &gt; 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 &gt; li &gt; a.active, .tab-type2 &gt; li &gt; 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 &gt; li { margin-right: 0; margin-left: 24px; }
.tab-type2 &gt; li:first-child { margin-left: 0; }
.tab-type2 &gt; li &gt; 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 &gt; li &gt; 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 &gt; li &gt; a.active, .tab-type2 &gt; li &gt; 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 &gt; li &gt; a.active::after, .tab-type2 &gt; li &gt; 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 &gt; li { margin-right: 0; margin-left: 24px; }
.tab-type3 &gt; li:first-child { margin-left: 0; }
.tab-type3 &gt; li &gt; 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 &gt; li &gt; 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 &gt; li &gt; a.active, .tab-type3 &gt; li &gt; 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-type3 &gt; li &gt; a.active::after, .tab-type3 &gt; li &gt; a:hover::after { opacity: 1; visibility: visible; width: 100%; } */

.tab-type3 { position: relative; width: 100vw; left: -16px; padding-left: 16px; }
.tab-type3 &gt; li { margin-right: 0; margin-left: 24px; }
.tab-type3 &gt; li:first-child { margin-left: 0; }
.tab-type3 &gt; li &gt; 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 &gt; li &gt; 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 &gt; li &gt; a.active, .tab-type3 &gt; li &gt; 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 &gt; li &gt; a.active::after, .tab-type3 &gt; li &gt; a:hover::after { opacity: 1; visibility: visible; width: 100%; }



/* 硫붾돱 */
.set-menu { margin-top: 46px; }
.set-menu .depth-wrap ul { display: flex; }
.set-menu .depth-wrap ul li { }

.set-menu .depth2-wrap { background-color: #fff; height:41px;}
.set-menu .depth2-wrap ul li { width: 100%; border-bottom: 1px solid #d9d9d9; }
.set-menu .depth2-wrap ul li a { height: 41px; font-size: 18px; position: relative; color: rgba(0, 0, 0, 0.38); transition: all 0.3s;}
.set-menu .depth2-wrap ul li a span { position: relative; display: inline-block; padding-bottom: 20px; }
.set-menu .depth2-wrap ul li a.active, .set-menu .depth2-wrap ul li:hover a { font-weight: 700; color: #40454E;}
.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;top: 37px;width: 0;height: 4px; background-color: #40454E; z-index: 2; left: 24px; transform: translateX(16px);}


/* 2李⑤찓�� �쒖꽦�� */
.set-menu .depth2-wrap .scroll.sticky { position: fixed; left:0; top: 0; width: 100%; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12); z-index: 50; transition: all 0.3s; background-color: #fff;}
.set-menu .depth2-wrap .scroll.sticky .sticky-inner{max-width: 1232px; padding: 0 16px; margin: 0 auto; position: relative;}
.set-menu .depth2-wrap .scroll.sticky ul{}
.set-menu .depth2-wrap .scroll.sticky ul li { border-bottom: none; }

.set-menu .depth2-wrap .scroll.sticky ul li a { padding-top: 24px; height: 64px;}
.set-menu .depth2-wrap .scroll.sticky.scrollup { top: 71px; }
.set-menu .depth2-wrap .scroll.sticky .gnb-bar{top: 60px;}

.set-menu .depth3-wrap ul { display: flex; flex-wrap: wrap; margin-top: 64px; }
.set-menu .depth3-wrap ul li { margin-right: 16px; margin-bottom: 16px; }
.set-menu .depth3-wrap ul li a { font-size: 14px; height: 46px; display: flex; justify-content: center; align-items: center; padding: 0 40px; border-radius: 8px 8px 8px 24px; font-weight: 700; color: rgba(0, 0, 0, 0.78); border: 1px solid #222; transition: all 0.3s; position: relative; overflow: hidden; }
.set-menu .depth3-wrap ul li a::before { content: ""; position: absolute; right: 0; top: 0; width: 10px; height: 10px; background-color: #F5F5F5; border-radius: 50%; transition: transform 1.2s, opacity 0.3s; opacity: 0; } /* �몃쾭 �붿냼 */
.set-menu .depth3-wrap ul li a.active::before { display: none; }
.set-menu .depth3-wrap ul li a.active { background-color: #000; color: #fff; }
.set-menu .depth3-wrap ul li a:hover::before { /* width: 300px; height: 300px; */transform: scale(100); opacity: 1; }
.set-menu .depth3-wrap ul li a span { position: relative; z-index: 10; }



/* ���댄� 臾멸뎄 */
.mirea-title-copy{font-size: 32px; vertical-align: middle; line-height: 38px; margin-top: 40px;}
.mirea-title-copy i{vertical-align: middle; margin-left: 8px; margin-top: -3px;}
.mirea-title-copy i.em-school{margin-top: -6px;}


/* �ъ씠�� 硫붾돱 �� */
.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 &gt; li { float: left; width: 48%; margin: 1%; border: 1px solid #D8D8D8; border-radius: 8px; text-align: center; }
.m-quick &gt; li &gt; a { display: flex; justify-content: center; align-items: center; padding: 18px 0; height: 100%; }
.m-quick &gt; li &gt; a &gt; 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 &gt; li { margin: 0 4px 8px 4px; }
.m-quick_banner &gt; li &gt; 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 &gt; li &gt; a img { width: 126px; height: auto; object-fit: cover; }
.m-quick_banner &gt; li.quick-app-download img{width: 58px; height: 35px;}


/* 硫붿씤 �ㅼ떆媛� 媛뺤쓽 �먮즺 */
.main-live-lecture .live_lecure .live_list &gt; li .file_wrap .file_btn span{margin-left: 0;}


/* �щ씪�대뱶 而⑦듃濡ㅻ윭 ui */
.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: 40px; border-radius: 32px; align-items: center; bottom: 16px;}
.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;}

/* �대몢�� 踰꾩쟾 */
.main-banner .swiper-control.dark{background-color: rgba(0, 0, 0, 0.2); height: 48px; border: none; right: 24px; 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);}


/* 蹂몄궗諛곕꼫 */
.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 .main-swiper-pc{border-radius: 16px;}
.main-banner .main-swiper-mobile{border-radius: 8px;}
.main-banner .main-swiper-pc .swiper-slide img{border-radius: 72px 16px 72px 16px; right: 64px;}
.main-banner .swiper-pagination .swiper-pagination-current{margin-right: 4px;}
.main-banner .swiper-pagination .swiper-pagination-total{margin-left: 4px;}
.main-banner:not(.main-set-contents) .swiper-slide a::after{border-radius: 72px 16px 72px 16px;}


/* 怨듭�諛곕꼫 */
.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 &gt; 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: "Mirae 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; top: 122px; }
.set-wrap .custom-slide .swiper-slide.slide2 .img-box img.only-pc{top: 45px}
.main-banner .c-Bnr .swiper-slide a::after{border:none;}
.main-banner .c-Bnr .swiper-wrapper { transition: transform 0.7s cubic-bezier(0.7, 0.0, 0.30, 1.0);}
/* .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;}
.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;
      }
}


/* 怨듭�諛곕꼫 - 留곹겕 */
.set-wrap .right-penel .set-cont{position: relative;}
.set-wrap .right-penel a{height: 100%;}
.set-wrap .right-penel .custom-icon{position: absolute; right: 25px; bottom: 24px;}
.set-wrap .right-penel .custom-icon.clock{right: 26px; bottom: 30px;}
.set-wrap .txt-box{padding-left: 6%; padding-top: 52px; position: relative; z-index: 10;}
.set-wrap .txt-box h2.title{font-size: 22px; font-weight: 400;}
.set-wrap .txt-box h2.title + .desc{margin-top: 8px;}
.set-wrap .txt-box .desc{font-size: 14px; line-height: 1.5; color: rgba(0, 0, 0, 0.58);}
.set-wrap .txt-box .direct-txt{font-size: 15px; color: rgba(0, 0, 0, 0.58); margin-top: 40px; display: flex;}
.set-wrap .txt-box .direct-txt.only-mobile{display: none;}
.set-wrap .txt-box .direct-txt span{position: relative;}
.set-wrap .txt-box .direct-txt span::after{content: ""; position: absolute; bottom: 0; width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.58); left: 1px;}/* 諛묒쨪 */
.set-wrap .txt-box .direct-txt i{margin-left: 8px;}

.set-wrap .set-cont.item2 .txt-box{padding-top: 88px;}
.set-wrap .set-cont.item3 .txt-box, .set-wrap .set-cont.item4 .txt-box{padding-left: 12%;}
.set-wrap .set-cont.item3 .txt-box, .set-wrap .set-cont.item3 .txt-box .desc{color: #fff;}
.set-wrap .set-cont.item4 .txt-box{color: rgba(0, 0, 0, 0.58);}

.set-wrap .set-cont.item2{width: 100%; background-color: #DAE0DB; height: 360px; border-radius: 0 0 16px 0; overflow: hidden;}
.set-wrap .set-cont.item2::after{content: ""; position: absolute; width: 144px; height: 1000px; background-color: #CED9D0; transform: rotate(-23deg); top: 50%; bottom: 50%; margin: auto 0; right: 24%; transition: all 0.4s;}/* �щ줈�� �� */
.set-wrap .set-cont.item2 .img-box{position: absolute; right: 10%; transition: all 0.6s; bottom: -123px; /* width: 162px; */ /* transform: rotate(12deg); */ z-index: 1; }
.set-wrap .set-cont.item2 .img-box img{filter: drop-shadow(12px 10px 2px rgba(0,0,0,.15));}
.set-wrap .set-cont.item2:hover .img-box{transform: rotate(-12deg);}
.set-wrap .set-cont.item2:hover::after{right: calc(24% - 48px);}
.set-wrap .set-cont.item3{width: 50%; background-color: #B6B0AA; height: calc(100% - 360px);}
.set-wrap .set-cont.item4{width: 50%; background-color: #E4F4E9; height: calc(100% - 360px); border-radius: 0 16px 0 0; overflow: hidden;}




/* 寃뚯떆湲� �놁쓬 */
.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/mirae/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: 2px 7px 0 7px; background-color: #fff; border-bottom: 4px; border: 1px solid var(--theme-color);}
.htable-wrap{border-top: none;}

.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: 28px; width: 57px;}

.write-box .write-btn-2{font-weight: 400; line-height: 50px;}/* 湲��곌린 踰꾪듉 */


/* 由ъ뒪�� 寃뚯떆�� */
.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-type select{background-color: #f5f5f5; border: none; font-family: "GmarketSans"; font-weight: 400; color: rgba(0, 0, 0, 0.78); padding: 4px 30px 2px 12px; font-size: 14px;}

.htable-wrap .tbody &gt; ul &gt; li.cell-subject a, .htable-wrap .tbody &gt; ul &gt; li.cell-subject .cnt{margin-top: 2px;}


/* 媛ㅻ윭由� 寃뚯떆�� */
.board-gallery-type1{margin-left: -9px;}
.board-gallery-type1 &gt; 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; background-color: #f5f5f5; border: 1px solid #ddd;}
.board-gallery-type1 .gall-thumb.no-img span{background-image: url(/images/common/no_img2_2x.png); background-size: 64px 79px;}
.board-gallery-type1 .gall-cont .subject{height: 38px; overflow: hidden; display: block;}
.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.4; position: relative; top: 2px;}
.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 &gt; ul{height: 70px;}
.board-list-type5 .htable-wrap .tbody &gt; ul &gt; li.cell-no{width: 13.3%;}
.board-list-type5 .htable-wrap .tbody &gt; ul &gt; li.cell-subject{font-size: 16px; }
.board-list-type5 .htable-wrap .tbody &gt; ul &gt; li.cell-subject a{padding-left: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 92%; margin-right: 0; margin-top: 3px;}
.board-list-type5 .htable-wrap .tbody &gt; ul &gt; li.cell-subject .flag.new{width: 22px; height: 22px;}
.board-list-type5 .htable-wrap .tbody &gt; ul &gt; li.cell-subject a + .flag.new{margin-left: 8px;}
.htable-wrap .tbody &gt; ul &gt; li.cell-date{font-size: 13px; color: rgba(0, 0, 0, 0.38); width: 86px;}
.htable-wrap .tbody &gt; ul &gt; li.cell-subject + li.cell-date{margin-top: 8px;}
.htable-wrap .tbody &gt; ul &gt; li.cell-date span{margin-top: 5px; display: block;}



/* 怨듭�/�대깽�� 寃뚯떆�� */
.sub-notice-event .brand-sort .search-box{margin-right: 16px; width: 100%;}
.sub-notice-event .sub-cont-title{display: none;}
.sub-notice-event .htable-wrap .tbody &gt; ul:not(.bo-notice) &gt; li.cell-subject a{padding-top: 0;}


/* 寃뚯떆湲� �곸꽭 */
/* 怨듯넻 */
.view-cont{font-family: 'Noto Sans KR', sans-serif; font-size: 16px; line-height: 180%; letter-spacing: -0.3px; font-weight: normal; color : #1a1818; }
.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;}
/* 怨듯넻 */

.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: 5px 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: 400;}
.board-title .subject strong{font-weight: 400; font-size: 16px;}
.board-header .writer{justify-content: left; flex-wrap: wrap; align-items: baseline;}
.board-header .board-metoo{margin-left: auto;}
.board-header .heartBtn i.heart{margin-top: -2px;}

.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: 78px;}
.file-input-wrap .inputBtn i.file{width: 20px; height: 20px; background-size: 14px 14px !important;}
.cmt-secret .checkboxA input + label::before{top: -1px;}

.board-user-btn .user-btn button, .board-prev-next button{height: 43px; padding-top: 3px; border-radius: 8px; padding-left: 24px; padding-right: 24px;}
.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;}


/* ���볤� 紐⑤떖 */
.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: -2px;}
.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: "GmarketSans"; font-size: 14px;}
.paging, .paging2{justify-content: center;}
.paging, .paging2, .paging .paging-num, .paging2 .paging-num{display: flex; align-items: center;}
.paging &gt; span, .paging2 &gt; 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 &gt; 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, .memeber-login button{font-family: 'GmarketSans';}
.memeber-login .checkboxA input + label::before{top: -2px;}
.memeber-login h1{border-bottom: 2px solid #222;}

.memeber-login .login-form{padding-top: 24px;}
.memeber-login .btn.btn-h50{height: 49px; padding-top: 2px;}
.memeber-login .login-menu li::after{top: 3px; right: -18px;}
.memeber-login .login-menu li a, .memeber-login .input-form .frm-input{font-weight: 400;}


/* �숈썝李얘린 */
.sub-academy-search{margin-top: 48px;}
.sub-academy-search .sub-cont-title{display: none;}
.search-box .search-input{font-weight: 400;}
.search-box .search-btn{top: -4px;}
.map-info{width: calc(100% - 208px);}s
.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;}


.map-info .address li span.addr, .map-info .address li span.tell{background-position: left 0px;}
.academy-list-box .map-info .address .link{padding: 1px 7px 0 5px; position: relative; top: -3px; 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: 6px; border-top: 1px solid #eee; font-size: 12px; color: rgba(0,0,0,.38); margin-top: 6px;}
.busi-num-box .address li span.cam-num{margin-left:8px; padding-left:0;}
.map-info .address li span.business{padding-top:2px;}
.map-info:last-child{width: calc(100% - 120px);}



/* �ㅻ챸�� */
.search-input-wrap input{caret-color: var(--theme-color);}

.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: 2px; 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-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 .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: 23px; padding-bottom: 0; display: flex; align-items: center;}
.ul-table .tbody li .subject .sub-2{padding-top: 4px; font-weight: 400;}
.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; top: 2px;}
.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.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 &gt; 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: 8px 7px 5px 7px; font-weight: 400;}
.notice-list .notice-box .date{margin-top: 2px;}


/* �섍컯猷� 寃곗젣 由ъ뒪�� */
.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: 7px;}
.l-flex-box input[type=text]{width: 100%;}
.form-list .mb-terms .checkboxA input + label::before{top: -2px;}

/* �⑤씪�� �곷떞 */
.sub-online-consulting .theme-chk{font-weight: 400;}
.qest-form .chk-box .theme-chk::before{margin-top: -3px;}
.sub-online-consulting .form-type1 input[type="text"], .form-type1 textarea, .form-type1 select{font-weight: 400;}



/* �섏씠吏� 而⑦뀗痢� */
.container.page .page-inner{max-width: 1400px; 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: fixed; top: 129px; margin-right: -716px;}
.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: 8px 8px 8px 24px; margin: 0 auto; padding: 32px 0; background-color: #fff;}
.quick-menu .fix-list .app-download{padding-bottom: 24px; 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: 35px; margin: 0 auto;}
.quick-menu .fix-list .sns{margin-top: 32px;}
.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 &gt; .quick-banner-last::after, .quick-list &gt; li &gt; a:after{display: none;}/* 留덉�留� �붿냼 �щ갚, 諛곕꼫 �뚮몢由ъ꽑 �쒓굅 */
.quick-list li{ border: 1px solid #D8D8D8; border-radius: 9px; 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;  border: 1px solid #D8D8D8;}
.quick-list &gt; .quick_banner img{width: 86px; 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: 8px 8px 24px 8px; display: flex; justify-content: center; align-items: center;}
.page-top button span{color: #000; padding-right: 0; padding-top: 15px; background: url(/images/skin/mirae/ico_pageTop_2x.png) no-repeat center top / 13px 9px;}

.quick-menu.sticky-on{top: 86px;}
.quick-menu.scrollup{top: 95px;}
.quick-menu.scrollup.sticky-on{top: 157px;}
.quick-menu.scrolldown{top: 26px;}
.quick-menu.scrolldown.sticky-on{top: 88px;}


/* 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 48px; background: #000;}
.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: 127px; height: 72px; 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:first-child{right-left: 0;}
.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);}/* 援щ텇�� */
.ft-menu-list li:last-child:after{display: none;}
.ft-menu-list li a { color: #fff; font-weight: 400; letter-spacing: -0.3px;}
.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 ~ 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; }

.ft-addres-copy { display: flex; }
.ft-addres-copy h2 { margin-bottom: 10px; padding-right: 72px; position: relative; align-self: flex-end; }
.ft-addres-copy h2::after { content: ""; width: 1px; height: 86px; background-color: rgb(186, 176, 176); bottom: -2px; right: 0; margin: auto 0; position: absolute; } /* 援щ텇�� */
.ft-sns { display: flex; flex-wrap: wrap; flex-direction: column; }
.ft-sns .sns-box { display: flex; align-items: center; }
.ft-sns .text { margin-right: 16px; position: relative; padding-right: 16px; font-weight: 400; font-size: 14px; }
.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: 16px; }
.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.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: 190px; color: #fff; font-size: 14px; height: 48px; align-items: center; text-align: center; justify-content: center; margin-top: 44px; border: 1px solid #fff; border-radius: 8px; padding-top: 3px; }


/* �명꽣 怨듭� */
.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;padding-bottom:0;}
.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 h2::after{display:none;}
.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 &gt; p {display:none;}
.sub-cont-title {display:none;}
.contents .mirea-title-copy, .container .mirea-title-copy{display:none;}
.contents .page-title-type1{display:none;}


/* �먮��깅줉 modal */
.modal-child-regist .modal-content-box{padding: 28px 16px 48px 16px;}
.modal-child-regist .modal-content-box .modal-cont{padding-left:0; padding-right:0;}
.modal-child-regist .modal-content-box .modal-title{padding: 0;}

.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:2px; right: 0;}
.modal-child-regist .modal-content-box .modal-bottom{padding-bottom:0;}

/* �쇱슫�� ��쾭�� */
.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; }</pre></body></html>