/*--------------------------------------
    eyoom (이윰빌더)
--------------------------------------*/
@font-face { 
	font-family: 'Unggungqui'; 
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/naverfont_11@1.0/Unggungqui.woff') format('woff'); 
	font-weight: normal; 
	font-style: normal; 
}

body.body_scroll_fixed { height:100vh; overflow-y:hidden; }
.egk { font-family: 'Unggungqui'; }
img { width:auto; max-width:100%; }

.wrapper { position: relative; overflow: hidden; }
.container { max-width:1200px; }

#hd { position: relative; border-bottom: 1px solid #d9dde3; background: #fff; }
#hd:after { display: block; visibility: hidden; clear: both; content: ""; }
#hd-h1 { position: absolute; font-size: 0; text-indent: -9999em; line-height: 0; overflow: hidden; }

.to-content a { z-index: 1000; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
.header-wrap { position: relative; background-color: #fff; transition: all 0.3s ease 0s; border-bottom: 1px solid #e9e9e9; z-index: 1002; }
.top-header { border-bottom: 1px solid rgba(0,0,0,0.15); }
.top-header-nav:after { content: ""; display: block; clear: both; }
.top-header-nav li { float: left; display: block; padding: 0; color: #000; margin-right: 15px; }
.top-header-nav li > a { display: block; color: #000; height: 45px; line-height: 45px; padding: 0; }
.top-header-nav li > a i { margin-right: 5px; color: #959595; }
.top-header-nav .cs-nav { margin: 0; }
.top-header-nav .cs-nav.s-nav { margin-right: 15px; }
.top-header-nav .cs-nav a { position: relative; display: block; width: 90px; }
.top-header-nav .cs-nav a.disabled { pointer-events: none; }
.top-header-nav .cs-nav a span { display: block; position: absolute; width: 90px; height: 45px; text-align: center; border-left: 1px solid rgba(0,0,0,0.15); }
.top-header-nav .cs-nav.s-nav a span { border-right: 1px solid rgba(0,0,0,0.15); }
.top-header-nav .cs-nav .activate { color: #000; font-weight: 700; background-color: #fff; height: 46px; }
.top-header-nav .cs-nav .deactivate { color: #a5a5a5; background-color: #f8f8f8; }
.top-header-nav .cs-nav .deactivate:hover { color: #30409e; }
.top-header-nav li .eyoom-form { margin-top: 10px; }
.top-header-nav li.dropdown > a { cursor: pointer; }
.top-header-nav li.dropdown .dropdown-menu { background-color: #fff; padding: 5px 0; border: 1px solid rgba(0,0,0,0.7); box-shadow: none; border-radius: 0; margin: 0; left: inherit; right: 0; }
.top-header-nav li.dropdown .dropdown-menu a { display: block; padding: 5px 10px; color: #000; }
.top-header-nav li.dropdown .dropdown-menu a:hover { background-color: transparent; color: #3949ab; }
.top-header-nav li.dropdown:hover > .dropdown-menu { display: block; }
.top-header-nav.thn-end { float: right; }
.top-header-nav.thn-end li { margin-right: 0; margin-left: 15px; }
.top-header-nav.thn-end li.dropdown .dropdown-menu { left: inherit; right: 0; }
.navbar-mobile-toggler { display: none; }
@media (max-width:991px) { .top-header-mobile-btn { display: block; position: absolute; top: 12px; left: 10px; } .navbar-mobile-toggler { display: block; position: fixed; bottom: 15px; right: 15px; width: 45px; height: 45px; line-height: 45px; border: 0; background-color: #2d343d; margin-bottom: 0; font-size: 1rem; color: #fff; border-radius: 50%; z-index: 1000; } }
@media (max-width:576px) { .top-header-nav li { margin-right: 5px; } }
.header-title { position: relative; width:100%; height:4em; }
.header-title .container { display: flex; justify-content:space-between; align-items: center; width:100%; height: 100%; }
.header-title .container > div { display: flex; align-items: center; }
.header-title .title-logo { align-self: center; }
.header-title .title-logo img { width: auto; height: 1.625em; }
.header-title .biz_area { position:relative; display:flex; justify-content:center; align-items: center; gap:1em; margin-left:1.875em; padding-left:1.875em; border-left:1px solid #DCDCDC; }
.header-title .biz_area input { display:none; }
.header-title .biz_area label { display:flex; justify-content:center; align-items: center; gap:1em; }
.header-title .biz_area label > p { font-size:1.25em; font-weight:500; }
.header-title .biz_area .toggle_bg { position: relative; display:block; width:3.75em; height:1.975em; background-color:#dcdcdc; border-radius:5em; transition:all ease-in-out .3s; }
.header-title .biz_area .toggle_bg:before { position:absolute; content:''; top:2px; left:2px; width:calc(1.975em - 4px); height:calc(1.975em - 4px); background-color:#fff; border-radius:5em; transition:all ease-in-out .3s; }
.header-title .biz_area input:checked + .toggle_bg { background-color:#189766; }
.header-title .biz_area input:checked + .toggle_bg:before { left:calc(100% - 1.975em + 2px); }
.header-title .nav_area nav ul, .header-title .nav_area .link_area { display:flex; justify-content:flex-end; align-items: center; }
.header-title .nav_area .link_area { margin-left:5em; padding-left:5em; border-left:1px solid #DCDCDC; gap:2em; }
.header-title .nav_area nav ul { gap:4em; }
.header-title .nav_area nav ul li a { font-size:1.125em; font-weight:600; }
.header-title .nav_area .link_area li a { display:flex; justify-content:center; align-items: center; gap:0.375em; }
.header-title .header-title-search { position: absolute; top: 24px; left: 50%; width: 400px; transform: translateX(-50%); }
.header-title .header-title-search .eyoom-form .input { margin-bottom: 0; }
.header-title .header-title-search .eyoom-form .input input { height: 42px; border: 2px solid #000; color: #000; border-radius: 5px; }
.header-title .header-title-search .eyoom-form .input input:focus { border-width: 2px !important; border-color: #000 !important; }
.header-title .header-title-search .eyoom-form .input-button .button { height: 42px; line-height: 42px; font-size: 1.25rem; padding: 0 15px; background-color: #000; color: #fff; top: 0; right: 0; border-left: 0; opacity: 1; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.header-title .header-title-btn { position: absolute; top: 30px; right: 12px; height: 30px; }
.header-title .header-title-btn .title-btn { position: relative; float: left; }
.header-title .header-title-btn .title-btn .title-btn-in { position: relative; width: 120px; height: 30px; line-height: 30px; background: #1d1d26; text-align: left; font-size: 0.9375rem; color: #fff; padding: 0 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; display: flex; justify-content: space-between; }
.header-title .header-title-btn .title-btn .title-btn-in.title-btn-navy { background: #3f4678; border-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.header-title .header-title-btn .title-btn .title-btn-in:hover { opacity: 0.9; }
.header-title .header-title-btn .title-btn .title-btn-in .title-btn-text { font-size: 0.9375rem; color: #fff; }
.header-title .header-title-btn .title-btn .title-btn-in i { display: block; position: absolute; top: 7px; right: 10px; }
.header-title .header-title-btn .title-btn .title-btn-in .badge { position: absolute; top: 7px; right: 7px; }
.header-title .header-title-btn .title-btn .title-btn-in .badge-indigo { background: #3f4678; }
.header-title .header-title-btn .title-btn .title-btn-in .badge-dark { background: #1d1d26; }
.header-title-mobile-btn { display: none; position: absolute; top: 30px; right: 10px; }
.header-title-mobile-btn .navbar-toggler { font-size: 1.5rem; padding: 0.25rem 0.75rem; line-height: 1; }

/* 250912 nav */
.nav > ul { position: relative; height: 100%; width: 100%; display: flex; justify-content: start; list-style-type: none; }
.nav > ul > li { height: 100%; display: flex; padding: 20px; text-align: center; position: relative; }
.nav > ul > li > a { text-decoration: none; color: var(--text-color); width: 100%; display: flex; justify-content: center; align-items: center; position: relative; opacity: 0.7; }
.nav > ul > li > a::before { position: absolute; content: ""; width: 6px; height: 6px; top: 10px; right: -15px; rotate: 45deg; border: 1px solid #000; border-top: 0px; border-left: 0px; opacity: 0.6; transition: 150ms linear; }
.nav > ul > li .open-menu.active { opacity: 1; }
.nav > ul > li .open-menu.active::before { top: 12px; opacity: 1; }
.nav > ul > li .open-menu.active ~ .dropdown-menu { pointer-events: all; opacity: 1; top: 90px; }
.nav > ul > li .dropdown-menu { position: fixed; display:block; transition: 250ms linear; opacity: 0; bottom: auto; top: 40px; border-radius: 6px; max-height: min(calc(100vh - 130px), 500px); width: min(calc(100% - 2rem), 400px); pointer-events: none; overflow: auto; box-shadow: 0px 0px 10px var(--shadow-color); }
.nav > ul > li .dropdown-menu ul { list-style-type: none; position: relative; background-color: var(--navbar-color); border-radius: 6px; overflow-x: hidden; padding: 10px; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; z-index: -1; }
.nav > ul > li .dropdown-menu ul li { text-align: left; width: 100%; border-radius: 8px; display: flex; }
.nav > ul > li .dropdown-menu ul li:hover { background-color: #2396d5; }
.nav > ul > li .dropdown-menu ul li:hover a { color: white; }
.nav > ul > li .dropdown-menu ul li a { text-decoration: none; color: var(--text-color); padding: 10px; width: 100%; }
.nav_open { display:flex; justify-content: space-between; align-items: center; width:100%; height:100%; max-width:calc(100% - 9.626em); }

.header-title .container .nav, .header-title .container .snb { display: flex; justify-content: center; height:100%; }
.header-title .container .nav > li, .header-title .container .snb > li { position:relative; display:flex; justify-content: center; align-items: center; border-bottom:2px solid transparent; }
.header-title .container .nav > li > a { display: block; font-size: 1.125em; padding: 0 1.25rem; color:#323232; font-weight:600; }
.header-title .container .nav > li > a img { width:1.5em; }
.header-title .container .snb > li > a { display:flex; justify-content: flex-start; align-items: center; gap:.25em; padding: 0 1rem; color:#323232; font-weight:600; }
.header-title .container .nav > li.on, .header-title .container .snb > li.on { border-color:#398A8F; }
.header-title .container .nav > li.on > a, .header-title .container .snb > li.on > a { color:#398A8F; }
.header-title .container .nav > li .sub_nav, .header-title .container .snb > li .sub_nav { position:absolute; top:100%; left:0; display:none; padding-top:1em; padding-left:1.25rem; width:calc(100% + 2em); z-index: 2; }
.header-title .container .nav > li .sub_nav { padding-left:1.25rem; }
.header-title .container .nav_open.on .nav > li .sub_nav, .header-title .container .nav_open.on .snb > li .sub_nav { display:block; }
.header-title .container .nav > li .sub_nav a, .header-title .container .snb > li .sub_nav a { display:block; padding:.35rem 0; color:#323232; font-weight:600; white-space:nowrap; }
.header-title .container .nav > li .sub_nav a:hover, .header-title .container .snb > li .sub_nav a:hover { color:#398A8F; }
.gnb_bg { position:absolute; top:4em; left:0; display:none; width:100%; height:14.875em; background-color:#fff; border-top: 1px solid #e9e9e9; box-shadow: 0 .25em 1.25em rgba(0,0,0,.05); box-sizing: border-box; z-index: 1; }
.gnb_bg.on { display:block; }
.header-title .container .nav > li > span { display:none }
.header-title .container .nav li .sub_nav_area { display:none; background: #FFF; position: absolute; left: 0; right: 0; padding-left: calc((100% - 1400px)/2); padding-bottom: 0; }
.header-title .container .nav li.on .sub_nav_area { display: flex; }
.header-title .container .nav li .sub_nav_area .txtarea { font-size: 48px; color: var(--main--blue); font-weight: 800; line-height: 1.2; margin-top: 24px; padding-top: 16px; min-width: 338px; border-right: 1px solid #F1F2F5; text-align: left; margin-bottom: 40px; }
.header-title .container .pc_area { position: relative; }
.header-title .container .pc_area > a { display: inline-block; color: #FFF; width: 85px; line-height: 40px; border: 1px solid var(--main--blue); border-radius: 4px; text-align: center; box-shadow: 4px 4px 10px 0px #0000000D; background: rgba(28, 94, 147, .05); }
.header-title .container.fixed .pc_area > a { color: var(--dark-blue); }
.header-title .container.fixed .lang > a { color:var(--black) }
.header-title .container .lang > a.lang_on { font-weight:700; background: var(--main--blue); color: #FFF; }
#Wrap .sub_nav_bar { border-bottom:1px solid var(--light-sky); background:#FFF }
#Wrap .sub_nav_bar .inner { gap:16px; justify-content: flex-end; align-items: center; height: 48px; }
#Wrap .sub_nav_bar .inner > * { position:relative; display: inline-flex; color:#B0B8C2; font-size:18px; font-weight:400; align-items: center; gap: 16px; text-transform: uppercase; }
#Wrap .sub_nav_bar .inner > *:after { content:''; display:inline-block; width:24px; height:24px; background:url(../img/common/ico_arw_nav.svg) no-repeat center center; }
#Wrap .sub_nav_bar .inner > span:last-of-type { font-weight: 800; color: var(--black); }
#Wrap .sub_nav_bar .inner > span:last-of-type:after { display:none }

/* navbar */
.navbar { padding: 0; }
.navbar-nav li { position: relative; list-style: none; }
.navbar-nav a, .navbar-toggler { color: #151515; }
.navbar-nav > li > .nav-link { font-weight: 500; font-size: 1.125rem; padding: 16px 10px !important; }
.navbar-nav > li > .nav-link.active { color: #3949ab; }
.navbar-nav > li > .nav-link:hover { color: #3949ab; }
.navbar-nav .search-menu { position: absolute; top: 0; right: 0; }
.navbar-nav > .nav-empty { font-size: 0.8125rem; padding: 18px 10px !important; color: #151515; }
.navbar-nav > .nav-empty > a { color: #53a5fa; padding: 0; }
.navbar-nav > li.dropdown-mega-menu > .nav-link { position: absolute; top: 0; right: 0; font-size: 1.25rem; padding: 15px 18px !important; border-left: 1px solid rgba(0,0,0,0.15); border-right: 1px solid rgba(0,0,0,0.15); }
.navbar-nav > li > .pc-search-btn { font-size: 1.125rem; padding: 16px 10px !important; }
.navbar-nav .dropdown-toggle::after { border: 0 none; font-family: 'Font Awesome\ 5 Free'; content: "\f0d7"; font-weight: 900; height: auto; line-height: normal; margin-left: 5px; vertical-align: middle; width: auto; color: #b5b5b5; font-size: 0.75rem; }
.navbar-nav .dropdown-toggle:only-child::after { display: none; }
.navbar-nav .dropdown-mega-menu .dropdown-toggle::after { display: none; }
.navbar-nav .dropdown-menu { background-color: #fff; border: 1px solid rgba(0,0,0,0.7); border-radius: 0; margin: 0; min-width: 12rem; padding: 8px 0; top: 120%; display: inherit; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; }
.navbar-nav .dropdown-menu .dropdown-toggler::after { position: absolute; right: 10px; top: 10px; }
.navbar-nav .dropdown:hover > .dropdown-menu { z-index: 10; top: 100% !important; opacity: 1; visibility: visible; }
.navbar-nav .dropdown-submenu .dropdown-menu { left: 100%; margin-top: 1px; }
.navbar-nav .dropdown-submenu:hover > .dropdown-menu { z-index: 10; top: -10px !important; opacity: 1; visibility: visible; }
.navbar-nav .dropdown-item { position: relative; padding: 5px 25px 5px 15px !important; color: #000; font-size: 1rem; }
.navbar-nav .dropdown-item i { position: absolute; top: 8px; right: 15px; }
.dropdown-item:hover, .navbar-nav .dropdown-item.active, .navbar-nav .dropdown-item:active, .navbar-nav .dropdown-item:focus { background-color: transparent; }
.navbar-nav .dropdown-menu > ul > .mega-menu-col ul > li:hover > a, .navbar-nav .dropdown-menu > ul > li:hover > a, .navbar-nav .dropdown-menu li a.active, .navbar-nav .dropdown-menu li a:hover { background-color: transparent; color: #3949ab; }
.navbar-nav .dropdown-mega-menu { position: static; }
.navbar-nav .mega-menu { display: table; padding: 15px 0; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.navbar-nav .dropdown-mega-menu .dropdown-menu { right: 0; }
.navbar-nav .mega-menu-col { border-right: 1px solid #e5e5e5; flex: 0 0 auto; width: 20% !important; }
.navbar-nav .mega-menu-col:nth-child(5), .navbar-nav .mega-menu-col:nth-child(10), .navbar-nav .mega-menu-col:nth-child(15) { border-right: 0; }
.navbar-nav .mega-menu-col:nth-child(6) h5, .navbar-nav .mega-menu-col:nth-child(7) h5, .navbar-nav .mega-menu-col:nth-child(8) h5, .navbar-nav .mega-menu-col:nth-child(9) h5, .navbar-nav .mega-menu-col:nth-child(10) h5, .navbar-nav .mega-menu-col:nth-child(11) h5, .navbar-nav .mega-menu-col:nth-child(12) h5, .navbar-nav .mega-menu-col:nth-child(13) h5, .navbar-nav .mega-menu-col:nth-child(14) h5, .navbar-nav .mega-menu-col:nth-child(15) h5 { border-top: 1px solid #e5e5e5; padding-top: 20px; margin-top: 15px; }
.navbar-nav .mega-menu-col h5 a { display: block; padding: 5px 15px 10px !important; font-size: 1.125rem; color: #252525; font-weight: 700; }
.navbar-nav .mega-menu-col h5 a.active, .navbar-nav .mega-menu-col h5 a:hover { background-color: transparent; color: #000; }
.navbar-nav .mega-menu-col .mega-menu-item { position: relative; padding: 5px 15px; display: block; width: 100%; clear: both; font-weight: 400; font-size: 1rem; color: #212529; text-decoration: none; white-space: nowrap; }
.navbar-nav .mega-menu-col .menu3-ul .mega-menu-item { margin-left: 15px; border-left: 1px solid #c5c5c5; color: #757575; }
.navbar-nav .mega-menu-col .menu3-ul .mega-menu-item:before { content: ""; position: absolute; top: 14px; left: 0; width: 5px; height: 1px; background-color: #d5d5d5; }


/* Media Queries */
@media (min-width:992px) { .navbar { z-index: 20; } .navbar-nav { max-height: 59px; } }
@media (max-width:1199px) { .navbar-nav > li > .nav-link { padding: 25px 7px !important; } }
@media (max-width:991px) { .navbar { height: 0; } }
/* nav_btn & sidebar */
.header-title .container .nav_btn { position:relative; display:none; flex-direction: column; justify-content: space-between; align-items: center; width:1.5em; height:17px; z-index: 999; }
.nav_btn span { width:100%; height:3px; background-color:#646464; }
.sidebar-left .sidebar-member-menu { display: none; }


/* mobile sidebar nav */
@media (max-width:991px) {
    .sidebar-left.offcanvas { position: fixed; bottom: 0; z-index: 1004; display: flex; flex-direction: column; max-width: 100%; width: 300px; background-color: #fff; background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; }
    .offcanvas-backdrop { z-index: 1003; }
    .sidebar-left .sidebar-left-content { padding-bottom: 20px; }
    .sidebar-left.show .sidebar-left-content { position: relative; height: 100%; width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; }
    .sidebar-left .offcanvas-header { padding: 15px; }
    .sidebar-left .sidebar-member-menu { position: relative; display: block; background-color: #e5e5e5; padding: 5px 15px; border-top: 1px solid #c5c5c5; }
    .sidebar-left .sidebar-member-menu .sidebar-member-btn-box { display: block; float: left; width: 50%; }
    .sidebar-left .sidebar-member-menu .sidebar-member-btn { position: relative; background: #2b2b2e; width: 130px; height: 30px; line-height: 30px; color: #fff; text-align: center; font-size: 0.8125rem; border-radius: 3px; }
    .sidebar-left .navbar-nav { position: relative; margin: 0; float: none; border-bottom: 1px solid #e5e5e5; }
    .sidebar-left .navbar-nav > .nav-li-divider { display: none; }
    .sidebar-left .navbar-nav > .nav-li-space { height: 40px; border-bottom: none; border-top: 1px solid #e5e5e5; background: #fff; }
    .sidebar-left .navbar-nav > li { float: none; }
    .sidebar-left .navbar-nav > li > a { line-height: 42px; padding: 0 15px !important; font-size: 0.9375rem; color: #000; }
    .sidebar-left .navbar-nav > li > a > .nav-cate-icon { width: 20px; text-align: center; }
    .sidebar-left .navbar-nav > li a { border-bottom: none; border-top: 1px solid #e5e5e5; }
    .sidebar-left .navbar-nav > li a:hover { border-top: 1px solid #e5e5e5; }
    .sidebar-left .navbar-nav > li:first-child > a { border-top: 1px solid transparent; }
    .sidebar-left .navbar-nav > li > .nav-link.active { color: #3949ab; }
    .sidebar-left .navbar-nav > li.navbar-nav-home { display: block; }
    .sidebar-left .navbar-nav > li.navbar-nav-home > a { background: #2b2b2e; color: #fff; border-top: 1px solid #2b2b2e; }
    .sidebar-left .navbar-nav > li > .cate-dropdown-open { position: absolute; top: 1px; right: 0; width: 42px; height: 42px; line-height: 42px; margin: 0; padding: 0; text-align: center; border: 0; border-left: 1px solid #f0f0f0; z-index: 1; }
    .sidebar-left .navbar-nav > li > .cate-dropdown-open:before { font-family: 'Font Awesome\ 5 Free'; content: "\f067"; font-weight: 900; color: #353535; }
    .sidebar-left .navbar-nav > li > .cate-dropdown-open:hover { border-top: 0; }
    .sidebar-left .navbar-nav > li > .cate-dropdown-open.show:before { font-family: 'Font Awesome\ 5 Free'; content: "\f068"; font-weight: 900; color: #3949ab; }
    .sidebar-left .navbar-nav .dropdown > a:after { display: none; }
    .sidebar-left .navbar-nav .dropdown-menu { position: relative; border: 0; float: none; width: auto; margin: 0; padding: 0; box-shadow: none; background-color: transparent; display: none; }
    .sidebar-left .navbar-nav .dropdown-menu:after { content: ""; position: absolute; top: 10px; bottom: 10px; left: 20px; width: 1px; background: #e5e5e5; }
    .sidebar-left .navbar-nav .dropdown-menu > li > a { color: #555555; line-height: 26px; border-top: 1px solid #e5e5e5; }
    .sidebar-left .navbar-nav .dropdown-menu > li:first-child > a { border-top: 1px solid #e5e5e5; }
    .sidebar-left .navbar-nav .dropdown-menu.show { display: block; opacity: 1; visibility: visible; }
    .sidebar-left .navbar-nav .dropdown-submenu > a { position: relative; color: #555555; font-size: 0.9375rem; background: #fafafa; line-height: 26px; padding: 6px 15px 6px 35px !important; border-top: 0; }
    .sidebar-left .navbar-nav .dropdown-submenu > a:after { content: ""; position: absolute; top: 50%; left: 15px; width: 11px; height: 11px; transform: translateY(-50%); border: 2px solid #a5a5a5; border-radius: 50%; background: #fff; z-index: 1; }
    .sidebar-left .navbar-nav .dropdown-submenu:first-child > a { border-top: 1px solid #e5e5e5; }
    .sidebar-left .navbar-nav .dropdown-submenu > a:hover { background: #e5e5e5; color: #000; border-top: 0; }
    .sidebar-left .navbar-nav .dropdown-submenu > a.active { background: #e5e5e5; color: #000; font-weight: 700; }
    .sidebar-left .navbar-nav .dropdown-submenu:first-child > a:hover { border-top: 1px solid #e5e5e5; }
    .sidebar-left .navbar-nav .dropdown-submenu:hover > .dropdown-menu { top: 0 !important; }
    .sidebar-left .navbar-nav .dropdown-menu.show .dropdown-menu { display: block; opacity: 1; visibility: visible; left: 0; }
    .sidebar-left .navbar-nav .dropdown-menu .dropdown-menu .dropdown-submenu > a { border-top: 0; padding: 6px 15px 6px 45px !important; }
    .sidebar-left .navbar-nav .dropdown-menu .dropdown-menu .dropdown-submenu > a:after { left: 20px; width: 12px; height: 1px; border: 0; border-radius: inherit; background: #d5d5d5; }
    .sidebar-left .navbar-nav .dropdown-item i { position: absolute; top: 12px; right: 15px; }
}


/* main visual */
.main_visual { display:flex; flex-wrap:wrap; justify-content: space-between; align-items: flex-start; gap:3.75em; width:100vw; }
.main_visual .text_area p { font-size:1.75em; color:#323232; }
.main_visual .text_area span { font-size:3.125em; font-weight:600; color:#323232; }
.main_visual .text_area span b { display:inline-block; font-size:1.4em; font-weight:600; line-height:1em; color:#189766; border-bottom:2px solid #323232; }
.main_visual .mvSwiper { position:relative; padding-bottom:2em; width:100%; }
.main_visual .swiper-slide { width:27.5em; }
.main_visual .swiper-slide img { object-fit: cover; }
.main_visual .swiper-pagination { top:auto; bottom:0; left:50%; width:100%; max-width:87.5em; height:3px; transform:translateX(-50%); background:#E9E9E9; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color:#398A8F; }


/* main banner & link */
.main_banner { background-color:#F6F9F8; }
.main_link { position:relative; padding:2em 0; width:100%; }
.main_link ul { display:flex; flex-wrap:wrap; justify-content:center; align-items: center; gap:3vw; }
.main_link ul li a { display:block; }
/* .main_link ul li a * { display:table; margin:0 auto; } */
.main_link ul li a img { width:85%; }
.main_link ul li a span { margin-top:1em; color:#333; letter-spacing: -0.03em; font-weight:500; }


/* section common */
.msection { padding:2.5em 0; }
.msection.ci { margin-top:2.5em; background-color:#fcfcfc; }
.msection.ci.sec { margin-top:0; padding-top:0; }
.section.presentation_area { background-color:#FCFCFC; }


/* section title area */
.ms.title_area { display:flex; justify-content: flex-start; align-items: center; gap:2em; }
/* .page-procedure .ms.title_area, .page-counsel .ms.title_area { align-items: flex-end; gap:1em; } */
.ms.title_area.center { flex-direction: column; justify-content: center; align-items: center; gap:0; }
.ms.title_area.center p { font-size:1.25em; }
.ms.title_area.youtube { flex-direction: column; justify-content: center; align-items: flex-start; gap:1em; width: calc((100% - 4em) / 5); }
.ms.title_area > span { font-size:1.75em; font-weight:800; color:#212121; }
.sub-page .ms.title_area > span { font-size:1.25em; letter-spacing:-0.03em; }
.ms.title_area.center > span { font-size:2em; }
.ms.title_area > span b { color:#4B70D7; }
.page-procedure .ms.title_area > span b, .ms.title_area.green > span b { color:#398A8F; }
.ms.title_area.red > span b { color:#BA3434; }
.ms.title_area.black > span b { color:#212121; }


/* tab title */
.tab_tit { display:flex; justify-content:flex-start; align-items: center; }
.tab_tit a { display:block; padding:0 .75rem; font-size:1.125em; line-height:.75em; color:#979797; border-left:1px solid #E9E9E9; }
.ms.title_area.class .tab_tit a { line-height:1.25em; padding:0 1em .5em; border-left:none; border-bottom:2px solid transparent; }
.tab_tit a.show { font-weight:700; color:#4B70D7; }
.ms.title_area.green .tab_tit a.show { color:#398A8F; }
.ms.title_area.red .tab_tit a.show, .ms.title_area.class .tab_tit a.show { color:#BA3434; }
.ms.title_area.class .tab_tit a.show { border-color:#BA3434; }


/* 설명회 영역 */
.msection.presentation_area { background-color: #FCFCFC; }
.presentation_list .panel, .counsel_list .panel { margin-top:.5em; }
.presentation_list .panel ul { display:flex; flex-wrap:wrap; justify-content: flex-start; align-items: stretch; gap:1em; }
.presentation_list .panel > li > ul > li { width:calc((100% - 3em) / 4); border-radius:1.25em; overflow:hidden; border:1px solid #E9E9E9; background-color:#fff; }
.presentation_area.sub .presentation_list .panel > li > ul > li { width:calc((100% - 2em) / 3); }
.presentation_list .panel > li > ul > li.end .text_area, .presentation_list .panel > li > ul > li.end .btn_area { filter: grayscale(100%); opacity: .55; }
.presentation_list .panel ul li .img_area { position:relative; overflow:hidden; }
.presentation_list .panel ul li .img_area .flag { position: absolute; top:1em; left:1em; width:2.5em; }
.presentation_list .panel ul li .img_area img { display:block; width:100%; }
.presentation_list .panel ul li .img_area span { position:absolute; left:1em; bottom:1em; display:block; line-height:1.5em; color:#fff; font-size:1.125em; }
.presentation_list .panel ul li .img_area span b { font-size:1.333em; }
.presentation_list .panel ul li .text_area { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items: center; gap:.5em; padding:1em; }
.presentation_list .panel ul li .text_area .nation, .presentation_list .panel ul li .text_area .place { display:table; padding:.5em .7em; font-size:.75em; font-weight:700; border-radius:.5em; }
.presentation_list .panel ul li .text_area .nation { color:#8096AA; border:1px solid #EBEFFA; }
.presentation_list .panel ul li .text_area .place { color:#fff; }
.presentation_list .panel ul li .text_area .place.online { background-color: #F85F58; }
.presentation_list .panel ul li .text_area .place.offline { background-color: #7DBC95; }
.presentation_list .panel ul li .text_area .title { display:block; width:100%; height:3em; font-size:1.125em; font-weight:700; color:#212121; letter-spacing:-0.03em; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.presentation_list .panel ul li .text_area ul { flex-direction:column; gap:.25em; width:100%; }
.presentation_list .panel ul li .text_area ul li { display:flex; justify-content: flex-start; align-content: center; gap:.5em; }
.presentation_list .panel ul li .text_area ul p { display:table; font-size:.75em; color:#8096AA; }
.presentation_list .panel ul li .text_area ul p.txt { font-weight:700; }
.panel ul li .btn_area { display:flex; justify-content: center; align-items: center; gap:.5em; padding:0 1em 1em; }
.panel ul li .btn_area.sb { justify-content: space-between; width:100%; }
.panel ul li .btn_area.np { padding:0; }
.panel ul.mentor li .btn_area.np { margin-top:1em; }
.panel ul li .btn_area a { display:block; padding:.25em; width:calc((100% - .5em) / 2); font-size:1em; font-weight:700; text-align:center; border-radius:.75em; }
.btn_area a.normal { color:#8096AA; border:1px solid #EBEFFA; }
.btn_area a.confirm { color:#fff; background-color: #4B70D7; }


.counsel_list .panel ul {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap:1em;
}
.counsel_list .panel > li > ul > li {
    position:relative;
    width:calc((100% - 4em) / 5);
    border-radius:1.25em;
    overflow:hidden;
    cursor:pointer;
}
.counsel_list .panel > li > ul.price > li {
    padding-bottom:4em;
}
.mentor .counsel_list .panel > li > ul > li {
    background-color:#fff;
}
/* .page-class .counsel_list.class .panel > li > ul > li {
    width:calc((100% - 3em) / 4);
} */
.counsel_list.s4 .panel > li > ul > li,
.ebook_list.pcd li {
    border-radius:1.25em;
    border:1px solid #E9E9E9;
}
.counsel_list .panel > li > ul > li .img_area {
    position:relative;
    overflow:hidden;
}
.counsel_list .panel > li > ul > li .img_area img {
    display:block;
    width:100%;
    border-radius:1em 1em 0 0;
}
.why_class .counsel_list .panel > li > ul > li .img_area img {
    border-radius:1.5em 1.5em 0 0;
}
.counsel_list .panel > li > ul.mentor_list > li .img_area img {
    border-radius:1.5em 1.5em 0 0;
}
.counsel_list.class .panel > li > ul.price > li .img_area img {
    border-radius:1em 1em 0 0;
}
.counsel_list .panel > li > ul > li .img_area img.hover {
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    transition: all ease-in-out .3s;
}
.counsel_list.s4 .panel > li > ul > li .img_area img {
    border-radius:1.5em 1.5em 0 0;
}
.counsel_list.s4.big .panel > li > ul > li .img_area img {
    border-radius:0 0 1.5em 1.5em;
}
.counsel_list .panel > li > ul > li:hover .img_area img.hover {
    opacity:1;
    transition: all ease-in-out .3s;
}
.counsel_list .panel > li > ul > li .img_area .flag,
.counsel_list .panel > li > ul > li .img_area .nation {
    position:absolute;
}
.counsel_list .panel > li > ul > li .img_area .flag {
    bottom:1em;
    left:1em;
    width:2em;
    border-radius:0;
}
.counsel_list .panel > li > ul > li .img_area .flag1 {
    position:absolute;
    bottom:1em;
    left:3.5em;
    width:2em;
    border-radius:0;
}
.mentor .counsel_list .panel > li > ul > li .img_area .flag {
    top:1em;
    bottom:auto;
    border-radius:0;
}
.counsel_list .panel > li > ul > li .img_area .nation {
    top:1em;
    left:1em;
    display:none;
    padding:.25em .5em;
    color:#8096AA;
    font-size:.875em;
    font-weight:500;
    background-color:#fff;
    border-radius:.4em;
}
.counsel_list.procedure.asia .panel > li > ul > li {
    /* width:calc((100% - 3em) / 4); */
}
.counsel_list.procedure .panel > li > ul > li .img_area .nation {
    /* top:auto;
    right:1em;
    bottom:1em;
    left:auto; */
}
.counsel_list .panel > li > ul > li .text_area {
    padding:1em 0;
}

.msection.review_area .review_list ul li .text_area,
.counsel_list .panel > li > ul.mentor_list > li .text_area {
    padding:1em;
}
.counsel_list.class .panel > li > ul > li .text_area {
    padding:1em .875em;
}
.msection.class_area .counsel_list .panel > li > ul > li .text_area {
    padding:1em 0;
}
.counsel_list.class .panel > li > ul.curri > li,
.counsel_list.class .panel > li > ul.mentor > li {
    border:1px solid #E9E9E9;
}
.counsel_list.class .panel > li > ul.curri > li {
    border-radius:1em;
}
.counsel_list.s4.big .panel > li > ul > li .text_area {
    padding:2em 1em;
}
.counsel_list.class .panel > li > ul.curri > li .text_area {
    padding:1em;
}
.counsel_list.class .panel > li > ul.curri > li .text_area a {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: center;
    gap:.75em;
}
.counsel_list.class .panel > li > ul.curri.price > li .text_area {
    padding:0;
}
.counsel_list .panel > li > ul > li .text_area span,
.msection.review_area .review_list ul li .text_area span {
    color:#212121;
    font-size:1em;
    font-weight:600;
    letter-spacing:-0.04em;
}
.counsel_list.s4 .panel > li > ul > li .text_area span {
    font-size:1em;
}
.counsel_list.s4.big .panel > li > ul > li .text_area span {
    display:block;
    margin-top:.5em;
    font-size:1.25em;
    font-weight:600;
    line-height:1.2em;
}
.counsel_list.class .panel > li > ul > li .text_area span {
    display:block;
    margin-top:.125em;
    width:100%;
    color:#330F10;
    letter-spacing: -0.05em;
    font-weight: 600;
    line-height:1.25em;
    word-break: keep-all;
}
.page-class .counsel_list.class .panel > li > ul > li .text_area span {
    color:#212121;
}
.page-class .counsel_list.class .panel > li > ul.curri > li .text_area span {
    font-size:1.125em;
}
.page-class .counsel_list.class .panel > li > ul > li .text_area .badge {
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap:.25em;
    margin-bottom:.75em;
    padding:0;
    font-size:1em;
}
.page-class .counsel_list.class .panel > li > ul > li .text_area .badge p {
    display:table;
    padding:.5em;
    font-size:.75em;
    font-weight:600;
    border-radius:.375em;
    border:1px solid transparent;
}
.page-class .counsel_list.class .panel > li > ul > li .text_area .badge .best {
    color:#fff;
    background-color:#F9736D;
}
.page-class .counsel_list.class .panel > li > ul > li .text_area .badge .type {
    color:#AA8081;
    background-color:#F9F6F6;
    border-color:#FAEBEB
}
.counsel_list .panel > li > ul > li .text_area p,
.msection.review_area .review_list ul li .text_area p {
    color:#8096AA;
    font-size:.875em;
    letter-spacing:-0.04em;
    font-weight:400;
}
.counsel_list.s4 .panel > li > ul > li .text_area p,
.ebook_list.pcd .text_area p {
    display:table;
    margin-top:.5em;
    padding:.25em .5em;
    font-size:.875em;
    color:#AA8081;
    background-color:#F9F6F6;
    border:1px solid #FAEBEB;
    border-radius:.45;
}
.ebook_list.pcd .text_area span {
    font-size:1em;
}
.counsel_list.s4.big .panel > li > ul > li:nth-child(even) {
    transform:translateY(2.5em);
}
.counsel_list.s4.big .panel > li > ul > li .text_area p {
    display:flex;
    gap:.5em;
    margin-top:0;
    padding:0;
    font-size:1em;
    font-weight:500;
    color:#AA8081;
    background:none;
    border:none;
}
.counsel_list.s4.big .panel > li > ul > li .text_area p.proc {
    color:#80AAA5;
}
.counsel_list.s4.big .panel > li > ul > li .text_area p.class {
    color:#AA8081;
}
.counsel_list.class .panel > li > ul > li .text_area p {
    color:#AA8081;
}
.counsel_list.class .panel > li > ul.mentor > li .text_area p {
    font-weight:600;
}

.counsel_list.class .panel > li > ul > li .text_area .btn_area p {
    font-weight:600;
}
.counsel_list.class .panel > li > ul > li .text_area p.tag {
    display:table;
    font-size:.875em;
    font-weight:600;
}
.counsel_list.class .panel > li > ul > li .text_area .descript {
    margin:1em 0;
}
.counsel_list.class .panel > li > ul > li .text_area .descript span {
    margin-bottom:.5em;
    font-size:1em;
    color:#654142;
}
.counsel_list.class .panel > li > ul > li .text_area .descript p {
    color:#AA8081;
    font-size:.875em;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;    
}

.msection.review_area {
    background-color: #F6F9F8;
}
.msection.review_area .container {
    display:flex;
    /* flex-wrap:wrap; */
    justify-content: space-between;
    align-items: flex-start;
    gap:1em;
}
.msection.special.prep.review_area .container {
    display:block;
}
.msection.special.prep.review_area .review_list {
    width:100%;
}
.msection.review_area .review_list {
    width: calc(((100% - 4em) / 5 * 4) + 3em);
}
.msection.review_area .review_list ul {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap:1em;
    width:100%;
}
.msection.review_area .review_list ul li {
    width:calc((100% - 2em) / 3);
    border-radius: 1.25em;
    overflow: hidden;
    border: 1px solid #E9E9E9;
    background-color: #fff;
}
.msection.review_area .review_list.youtube ul li {
    width:calc((100% - 3em) / 4);
    border:none;
}
.msection.review_area .review_list ul li .img_area {
    position:relative;
}
.msection.review_area .review_list ul li .img_area img {
    display:block;
    width:100%;
}
.msection.review_area .review_list ul li .img_area img.play {
    position: absolute;
    top:calc(50% - 1.5em);
    left:calc(50% - 1.5em);
    width:3em;
}
.msection.review_area .review_list ul li .etc {
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:0 1em 1em;
}
.msection.review_area .review_list ul li .etc span {
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap:.5em;
    line-height:1em;
    color:#8096AA;
}
.msection.review_area .review_list ul li .etc span img {
    display:block;
}

.msection.class_area {
    background-color:#fcfcfc;
}
.msection.class_area.main {
    padding-bottom:5em;
}
.msection.board_area {
    margin:2em auto;
    padding:4em 0;
    background:url(../image/main/bg_board_area.png) no-repeat center top;
    background-size:cover;
}
.msection.board_area .ms.title_area {
    align-items: flex-end;
}
.msection.board_area .ms.title_area > span {
    color:#fff;
    font-weight:500;
}
.msection.board_area .ms.title_area > span b,
.msection.board_area .ms.title_area > p {
    color:#fff;
}
.msection.board_area .ms.title_area > p {
    font-size:1.25em;
}

.msection.board_area .board_cont {
    margin-top:1.5em;
}
.msection.board_area .board_cont > ul {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap:1em;
}
.msection.board_area .board_cont > ul > li.half {
    width:calc((100% - 3em) / 4);
}
.msection.board_area .board_cont > ul > li.notice {
    width:calc((100% - 1em) / 2);
}
.msection.board_area .board_cont > ul > li.half a {
    display:block;
}
.msection.board_area .board_cont > ul > li.half a img {
    display:block;
    width: 100%;
}
.msection.board_area .board_cont > ul > li.notice {
    position:relative;
    padding:1.5em 1em;
    border:1px solid #0F223333;
    border-radius:1.25em;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.01) 30%, rgba(255, 255, 255, 0.025) 70%, rgba(255, 255, 255, 0.15) 100%), linear-gradient(300deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.05) 60%, rgba(255, 255, 255, 0) 100%);
    overflow:hidden;
    box-shadow:0 .25em .5em rgba(0,0,0,.25);
}
.msection.board_area .board_cont > ul > li.notice::before {
    content:'';
    position:absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.25) 30%, rgba(255, 255, 255, 0.10) 70%, rgba(255, 255, 255, 0.7) 100%), linear-gradient(300deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.10) 60%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 0 0 12px 2px rgba(255, 255, 255, 0.25) inset;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 2;
    opacity: .5;
}
.msection.board_area .board_cont > ul > li.notice .b_title {
    display:flex;
    justify-content:space-between;
    align-items: flex-end;
    padding-bottom:1em;
    border-bottom:1px solid #fff;
}
.msection.board_area .board_cont > ul > li.notice .b_title span {
    color:#fff;
    font-size:1.25em;
    font-weight:600;
}
.msection.board_area .board_cont > ul > li.notice ul {
    padding-top:.4em;
}
.msection.board_area .board_cont > ul > li.notice ul li {
    padding-top:.75em;
}
.msection.board_area .board_cont > ul > li.notice ul li a {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: center;
}
.msection.board_area .board_cont > ul > li.notice ul li a .tit {
    width:85%;
    color:#fff;
    font-size:.875em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; 
}
.msection.board_area .board_cont > ul > li.notice ul li a .tit b {
    color:#53B5BC;
}
.msection.board_area .board_cont > ul > li.notice ul li a .date {
    font-size:.875em;
    color:rgba(255,255,255,.75);
}

.msection.review_area .review_list.youtube ul li .text_area {
    padding:.5em .25em;
}
.msection.review_area .review_list.youtube ul li .text_area span {
    font-size:1em;
    letter-spacing:-0.04em;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.msection.review_area .review_list.youtube ul li .text_area p {
    margin-top:.25em;
    font-size:.875em;
    letter-spacing:-0.04em;
}



.award_area .award_list .swiper-wrapper {
    margin-top: 3em;
    transition-timing-function: linear;
}
.award_area .award_list .swiper-slide {
    margin-right: 1em;
    width: calc((100% - 5em) / 6);
    border-radius: 0.5em;
    overflow: hidden;
    border: 1px solid #E9E9E9;
}

.award_area .award_list .swiper-slide:last-child {
    margin-right: 0;
}

.award_area .award_list .swiper-slide .img_area {
    position: relative;
    height: 15vw;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-bottom: 1px solid #E9E9E9;
    background-color: #fff;
}

.award_area .award_list .swiper-slide .img_area img {
    position: relative;
    width: 65%;
    height: auto;
    object-fit: cover;
}

.award_area .award_list .swiper-slide .img_area p {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    display: table;
    padding: 0.25em 0.5em;
    color: #fff;
    background-color: #969696;
    border-radius: 0.25em;
}

.award_area .award_list .swiper-slide .text_area {
    display: flex;
    flex-direction:column;
    justify-content: flex-start;
    align-items: flex-start;
    gap:1em;
    padding: 1em;
    background-color: #fff;
}

.award_area .award_list .swiper-slide .text_area span {
    display: block;
    width: 100%;
    /* font-size: 1.125em; */
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.25em;
    /* 추가 */
    height: 2.5em;
    /* line-height x line */
}

.award_area .award_list .swiper-slide .text_area p {
    display: table;
    width: auto;
    font-size: .875em;
    font-weight:700;
    color: #398A8F;
}

.award_area .award_list .swiper-slide .text_area p.country {
    padding: 0.25em 0.5em;
    color: #80AAA5;
    border: 1px solid #E2EFED;
}

.counsel_area.mentor .container {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    align-items: flex-start;
    gap: 1em;
}
.counsel_area.mentor .ms.title_area {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1em;
    width: calc((100% - 4em) / 5);
}
.counsel_area.mentor .ms.title_area span {
    margin-bottom:1.5rem;
}
.counsel_area.mentor .tab {
    width:80%;
}
.counsel_area.mentor .tab_tit {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap:.5em;
}
.counsel_area.mentor .tab_tit li {
    width:100%;
}
.counsel_area.mentor .tab_tit a {
    display:block;
    padding:.95rem .5rem;
    width:100%;
    font-size:1.125em;
    border-left:none;
    border-bottom:1px solid transparent;
}
.counsel_area.mentor .tab_tit a.show {
    border-color:#4B70D7;
}
.counsel_area.mentor .btns {
    display:flex;
    justify-content:flex-start;
    align-items: center;
    gap:.625em;
}
.counsel_area.mentor .btns a {
    display:flex;
    justify-content: center;
    align-items: center;
    gap:.5em;
    margin-top:1em;
    padding:.5em;
    border:1px solid #E9E9E9;
    border-radius:.625em;
}
.counsel_area.mentor .btns a p {
    font-size:.875em;
}
.counsel_area.mentor .counsel_list {
    width: calc(((100% - 4em) / 5 * 4) + 3em);
}
.counsel_area.mentor .counsel_list .panel > li > ul > li {
    width: calc((100% - 3em) / 4);
    border: 1px solid #E9E9E9;
}
.counsel_area.mentor .panel {
    margin-top: 3.5em;
}

.counsel_area.mentor .counsel_list .panel > li > ul > li .btn_area {
    justify-content: space-between;
    padding:1em 0 0;
}
.counsel_area.mentor .counsel_list .panel > li > ul > li .btn_area p {
    display:table;
    padding:.25em .5em;
    color:#fff;
    font-weight:600;
    border-radius:.425em;
    background-color:#415465;
}

.faq_area .faq-box {
    margin-top:1.5em;
    width:100%;
}
.faq_area .faq-box .faq_list {
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap:1em;
}
.faq_area .faq-box .faq_list li {
    width:100%;
    padding:1em 1em 0;
    border-radius:.425em;
    border:1px solid #E9E9E9;
}
.faq_area .faq-box .faq_list li .question,
.faq_area .faq-box .faq_list li .answer {
    position:relative;
    display:block;
    width:100%;
}
.faq_area .faq-box .faq_list li .question {
    padding-bottom:1rem;
    font-size:1em;
    font-weight:600;
    cursor: pointer;
}
.faq_area .faq-box .faq_list li .question:before {
    content:'Q.';
    margin-right:.25em;
    color:#0078ff;
}
.faq_area .faq-box .faq_list li .question:after {
    content:'';
    position:absolute;
    top:calc(50% - .5em);
    right:0;
    width:1em;
    height:1em;
    background: url(../image/sub/ico_arrow_down.svg) no-repeat center;
    transition: ease-in-out all .2s;
}

.faq_area .faq-box .faq_list li.on .question:after {
    transform:rotate(180deg);
}
.faq_area .faq-box .faq_list li .answer {
    display:none;
    padding-top:1rem;
    padding-bottom:1rem;
    font-size:.875em;
    color:#415465;
    border-top:1px solid #e9e9e9;
}
.faq_area .faq-box .faq_list li .answer:before {
    content:'A.';
    margin-right:.25rem;
    font-size:.875em;
    font-weight:600;
    color:#0078ff;
}
.popup_body .faq_area .faq-box .faq_list li .question:before,
.popup_body .faq_area .faq-box .faq_list li .answer:before {
    display:none;
}
.page-procedure .faq_area .faq-box .faq_list li .question:before,
.page-procedure .faq_area .faq-box .faq_list li .answer:before {
    color:#398A8F;
}
.page-class .faq_area .faq-box .faq_list li .question:before,
.page-class .faq_area .faq-box .faq_list li .answer:before {
    color:#BA3434;
}

.banner_area.full {
    position: relative;
    width: 100%;
    padding:0;
    background: #f0f4ff;
    z-index: 240;
    overflow: hidden;
}
.banner_area.full img {
    width:100%;
    height:30.4vw;
    max-height:28.125em;
    object-fit: contain;
}
.mobile, .banner_area .mobile {
    display:none !important;
}
.pc, .banner_area .pc {
    display:block ;
}
.banner_area .pc.flex {
    display:flex ;
}
/* price start */
.counsel_list.class .panel > li > ul.curri.price > li .text_area .type {
    display:flex;
    justify-content: center;
    align-items: center;
    gap:.25em;
    padding:.3em;
}
.counsel_list.class .panel > li > ul.curri.price > li .text_area .type p {
    color:#fff;
}
.counsel_list.class .panel > li > ul.curri.price > li .text_area .type.popular {
    background-color:#4B70D7;
}
.counsel_list.class .panel > li > ul.curri.price > li .text_area .type.sale {
    background-color:#F85F58;
}
.counsel_list.class .panel > li > ul.curri.price > li .text_area .type.lowprc {
    background-color:#6FC4B3;
}

.counsel_list.class .panel > li > ul.curri.price > li .text_area .tag_area {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: center;
    gap:.25em;
    padding:1em .75em;
}
.counsel_list.class .panel > li > ul.curri.price > li .text_area .tag_area p {
    display: table;
    padding: .5em .75em;
    font-size: .875em;
    font-weight: 600;
    border-radius: .375em;
    border: 1px solid transparent;
}
.counsel_list.class .panel > li > ul.curri.price > li .text_area .tag_area p.red {
    color:#BA3434;
    background-color:#FFFBFB;
    border-color:#FAEBEB;
}
.counsel_list.class .panel > li > ul.curri.price > li .text_area .tag_area p.blue {
    color:#345FBA;
    background-color:#FBFDFF;
    border-color:#EBEFFA;
}
.counsel_list.class .panel > li > ul.curri.price > li .text_area .cost_info .info {
    display:flex;
    flex-wrap:wrap;
    /* flex-direction: column; */
    justify-content: flex-end;
    align-items: flex-start;
    gap:.25em;
    padding:0 .75em;
}
.counsel_list.class .panel > li > ul.curri.price > li .text_area .cost_info {
    margin-top:1em;
}
.counsel_list.class .panel > li > ul.curri.price > li .text_area .cost_info .info span {
    /* font-size:1.5em; */
    font-weight:700;
    text-align:right;
}
.counsel_list.class .panel > li > ul.curri.price > li .text_area .cost_info .info p {
    font-size:.875em;
    font-weight:700;
    color:#AA8081;
}
.counsel_list.class .panel > li > ul.curri.price > li .text_area .cost_info .cost {
    display:flex;
    justify-content: flex-end;
    align-items: center;
    gap:.25em;
    margin-top:1em;
    padding:1em .75em 0;
    border-top:1px solid #E9E9E9;
}
.counsel_list.class .panel > li > ul.curri.price > li .text_area .cost_info .cost .old {
    font-size:.875em;
    color:#AEAEB2;
    text-decoration-line: line-through;
}
.counsel_list.class .panel > li > ul.curri.price > li .text_area .cost_info .cost .now {
    color:#454545;
    font-weight:700;
}
.msection.ebook_area {
    padding:0;
}
.counsel_list.class .panel > li > ul.curri.price > li .text_area .final_cost,
.ebook_intro .final_cost {
    display:flex;
    justify-content: flex-end;
    align-items: center;
    gap:.5em;
    padding:0 .75em 1em;
}
.ebook_intro .btn_area {
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap:1em;
}
.ebook_intro .final_cost {
    padding:0;
}
.counsel_list.class .panel > li > ul.curri.price > li .text_area .final_cost > * {
    width:auto;
}
.counsel_list.class .panel > li > ul.curri.price > li .text_area .final_cost p,
.ebook_intro .final_cost p {
    color:#F85F58;
    font-weight:700;
}
.counsel_list.class .panel > li > ul.curri.price > li .img_area {
    padding:0;
}
.counsel_list.class .panel > li > ul.curri.price > li .benefit_area {
    padding:1em .75em 0;
}
.counsel_list.class .panel > li > ul.curri.price > li .benefit_area > .title {
    display:block;
    /* font-size:1.125em; */
    font-weight:600;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height:3em;
    line-height:1.5em;
    word-break: keep-all;
}
.counsel_list.class .panel > li > ul.curri.price > li .benefit_area > ul {
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap:.5em;
    margin-top:1em;
}
.counsel_list.class .panel > li > ul.curri.price > li .benefit_area > ul li {
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:.25em 0;
    width:100%;
}
.counsel_list.class .panel > li > ul.curri.price > li .benefit_area > ul li span {
    display:flex;
    align-items: flex-start;
    gap:.5em;
    color:#654142;
}
.counsel_list.class .panel > li > ul.curri.price > li .benefit_area > ul li p {
    font-weight:700;
}
.counsel_list.class .panel > li > ul.curri.price > li .benefit_area > ul li p b {
    color:#BA3434;
}

.counsel_list.class .panel > li > ul.curri.price > li .btn_area {
    position:absolute;
    bottom:0;
    margin-top:1em;
    padding:0 .75em 1em;
    width:100%;
}
.counsel_list.class .panel > li > ul.curri.price > li .btn_area a {
    padding:.5em 1em;
    width:100%;
    font-weight:500;
    color:#AA8081;
    border-radius:.675em;
    border:1px solid #FAEBEB;
}
/* price end */

/* class mid banner */
.class_mid_banner {
    background:url(../image/sub/bg_class_mbanner.png) no-repeat center;
    background-size:cover;
}
.class_mid_banner .container {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding:4.5em 0;
}
.class_mid_banner .container .text_area {
    width:calc(100% - 35.5em);
}
.class_mid_banner .container .text_area > img {
    display:block;
    margin:0 0 1.5em;
}
.class_mid_banner .container .text_area > span {
    font-size:2em;
    font-weight:700;
    color: #fff;
}
.class_mid_banner .container .text_area > p {
    margin-top:.5em;
    font-size:1.25em;
    color: #fff;
}
.class_mid_banner .container .text_area ul {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap:1em;
    margin-top:3em;
}
.class_mid_banner .container .text_area ul li {
    padding:2.5em 2em;
    width:calc((100% - 1em) / 2);
    background-color:#fff;
    border-radius:1.25em;
}
.class_mid_banner .container .text_area ul li > img {
    display:table;
    margin-bottom:1em;
}
.class_mid_banner .container .text_area ul li span {
    font-size:1.25em;
    font-weight:700;
}
.class_mid_banner .container .text_area ul li p {
    margin-top:.875em;
    letter-spacing:-0.03em;
    color:#AA8081;
}
.class_mid_banner .container .img_area {
    max-width:32.5em;
}
.class_mid_banner .container .img_area img {
    width:100%;
}

.page-procedure.detail .container {
    display:flex;
    justify-content: space-between;
    align-items: flex-start;
    gap:1.7em;
}

/*---------- Page Title ----------*/
.page-title-wrap {
    position: relative;
    width: 100%;
    height: 76px;
    background: #353535;
    padding: 0;
    display: flex;
}
.page-title-wrap > .container {
    position: relative;
    display: flex;
    justify-content: space-between;
}
.page-title-wrap h2 {
    margin: 0;
    font-size: 1.375rem;
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.page-title-wrap .sub-breadcrumb-wrap {
    display: flex;
    align-items: center;
}
.page-title-wrap .sub-breadcrumb {
    color: #c5c5c5;
    font-size: 0.875rem;
}
.page-title-wrap .sub-breadcrumb:after {
    content: "";
    display: block;
    clear: both;
}
.page-title-wrap .sub-breadcrumb li {
    float: left;
    margin-left: 7px;
}
.page-title-wrap .sub-breadcrumb li:before {
    content: "/";
    margin-right: 7px;
}
.page-title-wrap .sub-breadcrumb li:first-child:before {
    display: none;
}
.page-title-wrap .sub-breadcrumb a {
    color: #fff;
}

.class_intro {
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap:3em;
}
.class_intro .img_area {
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap:.5em;
    padding:.5em;
    border-radius:.5em;
    border:1px solid #E9E9E9;
}
.class_intro .img_area p {
    font-size:.75em;
    color:#C1C1C1;
}
.class_intro .text_area {
    padding:1em 0;
}
.class_intro .text_area span {
    font-size:1.5em;
    font-weight:700;
}
.class_intro .text_area p {
    color:#454545;
}
.class_curri .tit_area span {
    font-size:1.5em;
    font-weight:700;
}
.class_curri .tit_area span small {
    font-size: 0.6em;
    font-weight:500;
    color:#C1C1C1;
}
.class_curri .faq_area .faq-box .faq_list li .question {
    font-size:1em;
}
.class_curri .faq_area .faq-box .faq_list li .answer {
    font-size:.875em;
}
.class_curri .faq_area .faq-box .faq_list li .question::before,
.class_curri .faq_area .faq-box .faq_list li .answer::before {
    display:none;
}
.class_curri .faq_area .faq-box .faq_list li .question p {
    font-size:.75em;
    color:#80AAA5;
}

.tabs_cont .panel > li {
    display:none;
}

.ebook_list {
    margin-top:.5em;
    width:100%;
}
.ebook_list ul {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap:1em;
}
.ebook_list ul li {
    width:calc((100% - 5em) / 6);
}
.ebook_list ul li .img_area img {
    width:100%;
}
.ebook_list ul li .text_area {
    padding:1em .5em;
}
.ebook_list ul li .text_area span {
    font-size:1.125em;
    font-weight:600;
    letter-spacing:-0.03em;
    color:#0F2033;
}
.ebook_list ul li .text_area p {
    color:#8096AA;
    font-size:.875em;
    letter-spacing:-0.03em;
}

.ebook_intro ul li {
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap:3em;
    margin-top:.5em;
    padding:2em 1.5em;
    background-color:#F6F9F8;
}
.ebook_intro ul li .tit_area {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: center;
    gap:.75em;
}
.ebook_intro ul li .tit_area span {
    font-size:1.75em;
    font-weight:700;
}
.ebook_intro ul li .tit_area p {
    display:table;
    font-size:.875em;
}
.ebook_intro ul li .tit_area p.tag {
    padding:.25em .5em;
    border-radius:.25em;
    border:1px solid transparent;
}
.ebook_intro ul li .tit_area p.tag.blue {
    color:#fff;
    background-color: #0087FF;
}
.ebook_intro ul li .tit_area p.tag.new {
    color:#00C849;
    background-color: #E7FCEF;
    border-color:#00C849;
}
.ebook_intro ul li .tit_area p.desc {
    display:block;
    width:100%;
    color:#979797;
}
.ebook_intro ul li .text_area > p {
    margin:1em 0;
}
.ebook_form {
    background-color: #F6F9F8;
}
.ebook_form .container {
    display:flex;
    justify-content: space-between;
    align-items: flex-start;
    gap:5em;
}
.ebook_form .container input,
.ebook_form .container textarea {
    display:block;
    width:100%;
    padding:.5em;
    border:none;
    font-size:1em;
}
.ebook_form .container button {
    background:none;
    border:none;
    color:#fff;
}
.why_intro01 {
    padding-top:4em;
}
.why_intro01 .container {
    display:flex;
    justify-content:space-between;
    align-items: center;
    gap:5em;
}
/* .why_intro01 .container .text_area span {
    font-size:2em;
    font-weight:700;
    letter-spacing:-0.03em;
    line-height:1.2em;
}
.why_intro01 .container .text_area span b {
    font-weight:700;
    color:#4B70D7;
}
.why_intro01 .container .text_area p {
    margin-top:1em;
    font-size:1em;
    letter-spacing:-0.03em;
    color:#454545;
} */
.mentor .img_area {
    position:relative;
}
.mentor .img_area .flag {
    position:absolute;
    top:1em;
    left:1em;
    width:auto;
}
.counsel_area.mentor.why .container {
    display:block;
}
.counsel_area.mentor.why .counsel_list {
    width:100%;
}
.counsel_area.mentor.why .counsel_list .panel {
    margin-top:0;
}
.counsel_area.mentor.why .counsel_list .panel ul li {
    width:calc((100% - 4em) / 5);
    border: 1px solid #E9E9E9;
    border-radius:1.25em;
}
.counsel_area.mentor.why .counsel_list .panel ul li .img_area img {
    width:100%;
}
.counsel_area.mentor.why .counsel_list .panel ul li .img_area img.flag {
    width:auto;
}
.counsel_area.mentor.why .counsel_list .panel ul li .text_area {
    padding:1em;
}
.counsel_area.mentor.why .counsel_list .panel ul li .text_area span {
    color: #212121;
    font-size: 1.25em;
    font-weight: 600;
    letter-spacing: -0.04em;
}
.counsel_area.mentor.why .counsel_list .panel ul li .text_area p {
    color: #8096AA;
    letter-spacing: -0.04em;
    font-weight: 400;
}
.counsel_area.mentor.why .counsel_list .panel ul li .btn_area {
    justify-content: space-between;
    padding: 1em 0 0;
}
.counsel_area.mentor.why .counsel_list .panel ul li .btn_area p {
    display: table;
    padding: .25em .5em;
    color: #fff;
    font-weight: 600;
    border-radius: .425em;
    background-color: #415465;
}

.why_class .why_intro01 {
    padding-top:0;
}
.why_class .why_intro01 .container .text_area p:first-child {
    font-size:.875em;
    color:#8096AA;
}
.why_class .why_intro01 .container .text_area span {
    font-size:1.5em;
}
.why_class .counsel_list .panel > li > ul > li {
    width:calc((100% - 3em) / 4);
}
.counsel_list.class .panel > li > ul > li .text_area span {
    color:#212121;
}
.why_class .counsel_list.class .panel > li > ul > li .text_area p {
    color:#8096AA;
}
.banner_area.full.why {
    padding:4em 0;
    background-color: #0F2033;
}

.why_intro01.company .container .text_area p {
    color:#80AAA5;
    font-size:1.25em;
    font-weight:600;
}
.why_intro01.company .container .text_area a {
    display:table;
    margin-top:3.5em;
    font-size:1.25em;
    font-weight:600;
    color:#fff;
    padding:.75em 4em;
    background-color:#398A8F;
    border-radius:1rem;
}
.msection.history {
    padding:4em 0;
}
.history .title_area > img.no1 {
    display:block;
    margin:0 auto 4em;
    width:auto;
    max-width:100%;
}
.history .title_area > span {
    display:table;
    margin:0 auto 2em;
    font-size:1.5em;
    font-weight:700;
    text-align:center;
}
.history .title_area .dot_area {
    position:relative;
}
.history .title_area .dot_area::before {
    content:'';
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:1px;
    background-color:#E9E9E9;
}
.history .title_area img.dot {
    position:relative;
    display:block;
    margin:0 auto;
    width:auto;
    max-width:100%;
    z-index: 1;
}
.history .swiper {
    position:relative;
    margin-top:2em;
}
.history .swiper:before {
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:15vw;
    height:100%;
    background: rgba(255, 255, 255, 0);
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF00", endColorstr="#FFFFFF", GradientType=1);
    z-index: 99;
}
.history .swiper:after {
    content:'';
    position:absolute;
    right:0;
    top:0;
    width:20vw;
    height:100%;
    background: rgba(255, 255, 255, 0);
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF00", endColorstr="#FFFFFF", GradientType=1);
    z-index: 99;
}
.history .swiper .swiper-slide {
    width:auto;
}
.msection.greeting {
    background:url(../image/sub/bg_company01.png) no-repeat center;
    background-size:cover;
    border-radius:20em 0 0 0;
    padding:12em 1em 8em;
}

.greeting .container {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items: flex-start;
}
.greeting .container .text_area p:first-child {
    font-size:1.25em;
    color:#B7E3DE;
}
.greeting .container .text_area span {
    display:block;
    margin:1em 0 1.5em;
    font-size:2.5em;
    font-weight:700;
    line-height:1.2em;
    color:#fff;
}
.greeting .container .text_area p {
    font-size:1.125em;
    color:#fff;
    font-weight:500;
}
.greeting .container .img_area {
    margin-right:17em;
    max-width:20em;
}
.greeting .container .bot {
    display:flex;
    justify-content: space-between;
    align-items: flex-end;
    width:100%;
}
.greeting .container .bot ul {
    display:flex;
    justify-content: flex-start;
    align-items: stretch;
    gap:1em;
    width:75%;
}
.greeting .container .bot ul li {
    padding:2em;
    width:calc((100% - 2em) / 3);
    background-color:#F6F9F8;
    border-radius:1em;
}
.greeting .container .bot ul li span {
    font-size:1.5em;
    font-weight:700;
    color:#0F3233;
}
.greeting .container .bot ul li p {
    display:block;
    margin-top:.5em;
    font-size:1em;
    line-height: 1.5em;
    color:#41655F;
    letter-spacing:-0.03em;
}
.greeting .container .bot > span {
    font-size:1.25em;
    color:#E2EFED;
    font-weight:700;
}
.greeting .container .bot > span small {
    display:block;
    font-size:.75em;
    font-weight:500;
}



/*---------- Sub Nav ----------*/
.sub-nav-wrap {
    position: relative;
    z-index: 3;
    padding: 20px 0 0;
    margin-bottom: 40px;
}
.sub-nav-home {
    display: none;
}
.sub-nav-list {
    position: relative;
}
.sub-nav-title {
    position: relative;
    margin: 0;
    padding: 0 30px 0 15px;
    font-size: 13px;
    line-height: 30px;
    border: 1px solid #c5c5c5;
}
.sub-nav-title i {
    position: absolute;
    top: 8px;
    right: 10px;
}
.sub-nav-list ul {
    display: none;
    position: absolute;
    top: 31px;
    left: 0;
    z-index: 10;
    width: 100%;
    padding: 10px 0;
    border: 1px solid #c5c5c5;
    border-top: 0 none;
    background: #fff;
}
.sub-nav-list li a {
    display: block;
    padding: 0 15px;
    font-size: 13px;
    line-height: 30px;
}
.sub-nav-depth1 {
    margin-bottom: 10px;
}
.sub-nav-wrap .sub-breadcrumb-wrap {
    display: none;
}
@media (min-width:992px) {
    .sub-nav-wrap {
        position: relative;
        width: 100%;
        height: 70px;
        background: #555;
        padding: 0;
        margin-bottom: 40px;
    }
    .sub-nav-wrap .container {
        position: relative;
    }
    .sub-nav-wrap-in:after {
        content: "";
        display: block;
        clear: both;
    }
    .sub-nav-home {
        display: block;
        float: left;
    }
    .sub-nav-home a {
        display: block;
        height: 50px;
        padding: 0 15px;
        line-height: 50px;
        font-size: 20px;
        color: #353535;
        border-left: 1px solid #c5c5c5;
        border-right: 1px solid #c5c5c5;
    }
    .sub-nav-home a:hover {
        color: #3949ab;
    }
    .sub-nav-list {
        float: left;
        margin: 0 0 0 -1px;
    }
    .sub-nav-title {
        min-width: 200px;
        padding: 0 45px 0 25px;
        line-height: 50px;
        font-size: 15px;
        border: 0 none;
        color: #353535;
        border-right: 1px solid #c5c5c5;
    }
    .sub-nav-title.cursor-pointer {
        cursor: pointer;
    }
    .sub-nav-title i {
        top: 18px;
        right: 20px;
    }
    .sub-nav-title:hover {
        color: #3949ab;
        font-weight: 700;
    }
    .sub-nav-list ul {
        top: 50px;
        padding: 0;
    }
    .sub-nav-list li {
        float: none;
    }
    .sub-nav-list li a {
        padding: 10px 15px;
        border-top: 1px solid #c5c5c5;
        font-size: 14px;
    }
    .sub-nav-list li:first-child a {
        border-top: 0;
    }
    .sub-nav-list li a:hover {
        color: #303F9F;
        background: #fafafa;
    }
    .sub-nav-list li.active a {
        color: #303F9F;
        font-weight: 700;
    }
    .sub-nav-wrap .sub-breadcrumb-wrap {
        display: block;
        position: absolute;
        top: 25px;
        right: 15px;
    }
    .sub-nav-wrap .sub-breadcrumb {
        color: #c5c5c5;
    }
    .sub-nav-wrap .sub-breadcrumb:after {
        content: "";
        display: block;
        clear: both;
    }
    .sub-nav-wrap .sub-breadcrumb li {
        float: left;
        margin-left: 7px;
    }
    .sub-nav-wrap .sub-breadcrumb li:before {
        content: "/";
        margin-right: 7px;
    }
    .sub-nav-wrap .sub-breadcrumb li:first-child:before {
        display: none;
    }
    .sub-nav-wrap .sub-breadcrumb a {
        color: #fff;
    }

}
@media (max-width:992px) {
    .sub-nav-wrap {
        padding-top: 20px;
        background: #fff;
    }
}

/*---------- Body ----------*/
.basic-body {
    position: relative;
    padding: 0;
}
.basic-body:after {
    content: "";
    display: block;
    clear: both;
}

/*---------- Page Title ----------*/
.subpage-title {
    position: relative;
    font-size: 1.5rem;
    border-bottom: 1px solid #e5e5e5;
    font-weight: bold;
    padding: 10px 0;
    line-height: 1.7;
    color: #353535;
    background: #fff;
    margin-bottom: 30px;
}
.subpage-title::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 50px;
    height: 3px;
    background-color: #3F51B5;
}
.subpage-title .back-btn {
    display: block;
    position: absolute;
    top: 16px;
    right: 0;
    text-align: center;
    padding: 6px 15px;
    margin: 0;
    font-weight: 400;
    line-height: 1;
    border: 1px solid #b5b5b5;
    font-size: 0.875rem;
}
.subpage-title .back-btn:hover {
    color: #303F9F;
}
@media (max-width:767px) {
    .subpage-title .back-btn {
        display: none;
    }
}

/*---------- Main Contents ----------*/
.main-slider-top {
    margin-top: -31px;
}
.main-wrap {
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
}
.main-wrap:after {
    content: "";
    display: block;
    clear: both;
}
.basic-body-main {
    float: left;
    padding: 0 10px;
    width: 100%;
}
.basic-body-main.left-main,
.basic-body-main.right-main {
    width: 75%;
}
.main-contents {
    position: static;
    min-height:calc(100vh - 4em);
}
@media (max-width:1199px) {
    .basic-body-main.left-main,
    .basic-body-main.right-main {
        width: 70%;
    }
}
@media (max-width:991px) {
    .basic-body-main.left-main,
    .basic-body-main.right-main {
        width: 100%;
    }
}
@media (max-width:576px) {
    .main-slider {
        margin: -31px -15px 30px;
    }
}

/*---------- Side ----------*/
.basic-body-side {
    float: left;
    padding: 0 10px;
    width: 25%;
}
.side-contents {
    position: relative;
}
@media (max-width:1199px) {
    .basic-body-side {
        width: 30%;
    }
}
@media (max-width:991px) {
    .basic-body-side {
        width: 100%;
        float: inherit;
        padding: 0;
        width: inherit;
    }
}

/*---------- Sidebar User ----------*/
.sidebar-user-btn {
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #4b4b4d;
    font-size: 1rem;
    color: #fff;
    border: 0;
    border-radius: 50%;
    display: none;
}
.sidebar-user .offcanvas-header {
    display: none;
}
@media (min-width:992px) {
    .sidebar-user.offcanvas {
        position: inherit;
        top: inherit;
        bottom: inherit;
        right: inherit;
        z-index: 0;
        display: inherit;
        flex-direction: inherit;
        max-width: inherit;
        visibility: inherit !important;
        background-color: inherit;
        background-clip: inherit;
        border-left: inherit;
        outline: inherit;
        transition: inherit;
        transform: inherit;
        width: 100%;
    }
}
@media (max-width:991px) {
    .sidebar-user-btn.mo-btn {
        display: block;
        z-index: 1000;
    }
    .sidebar-user.offcanvas {
        position: fixed;
        bottom: 0;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        width: 300px;
        background-clip: padding-box;
        outline: 0;
        transition: transform 0.3s ease-in-out;
        overflow-y: auto !important;
        height: 100%;
        -webkit-overflow-scrolling: touch;
    }
    .sidebar-user .offcanvas-header {
        display: flex;
    }
    .sidebar-user .side-contents {
        padding: 15px;
    }
}

/*---------- Footer ----------*/
.footer {
    position: relative;
    border-top: 1px solid #E9E9E9;
}
.footer-top {
    border-bottom: 1px solid #E9E9E9;
}
.footer-top .container {
    display:flex;
    justify-content:space-between;
    align-items: stretch;
    padding: 2.5em 0;
}
.footer-nav {
    position:relative;
    display:flex;
    flex-direction: column;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items: flex-start;
    gap:1em;
}
.footer-nav .btn_area {
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap:1em;
}
.footer-nav .btn_area.bot {
    position: absolute;
    left:0;
    bottom:0;
}
.footer-nav a.btn_copy {
    display:block;
    padding:.4em 1em;
    color: #353535;
    font-size: 1.125em;
    font-weight:500;
    border-radius:2px;
    border:1px solid #E9E9E9;
}
.footer-nav a {
    color: #353535;
    font-size: 0.875em;
}
.footer-nav a:hover {
    text-decoration: underline;
}
.footer-nav p {
    display:block;
    width:100%;
    font-size:.875em;
    color:#454545;
}
.footer-right-nav {
    position: relative;
    display:flex;
    justify-content:flex-end;
    align-items: center;
    gap:1em;
}
.footer-right-nav .nav {
    display:flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap:2em;
}
.footer-right-nav a {
    color: #353535;
    font-size: 0.875em;
}
.footer-right-nav .nav > li > a {
    display:block;
    margin-bottom:.75em;
    font-weight: 600;
    color:#212121;
    font-size: 1em;
}
.footer-right-nav .nav .sub_nav a {
    color:#646464;
    line-height:2em;
}
.footer-right-nav a:hover {
    text-decoration: underline;
}
.footer-cont-info {
    position: relative;
    padding-top:2.5em;
}
.footer-cont-info .foot_logo {
    display:block;
    margin-bottom:2em;
}
.footer-cont-info .info_area * {
    display:inline-block;
    font-size:.875em;
    color:#323232;
}
.footer-cont-info span {
    font-weight:500;
}
.footer-cont-info p {
    font-weight:400;
}
.footer-cont-info span.info-divider {
    margin-left: 5px;
    margin-right: 5px;
    color: #d5d5d5;
}
.footer-cont-info a {
    color: #555555;
    text-decoration: underline;
}
.footer-cont-info a:hover {
    color: #353535;
}
.footer-copyright {
    padding:.875em 0 3.75em;
}
.footer-copyright span {
    color: #C2C2C2;
    font-size: 0.875em;
}

.banner_area {
    padding-top:3.5em;
}
.banner_area .photo {
    position: relative;
    width: 100%;
    height: 220px;
    margin: 0 auto;
    background: linear-gradient(90deg, #0f1f33, #2d5f99);
    z-index: 28;
    overflow: hidden;
    border-radius: 20px;
}
.banner_area.procedure .photo {
    background: #EBFAF7;
}
.banner_area .photo {
    background: #FCF3F3;
}
.banner_area .rectangle {
    position: absolute;
    width: 381px;
    height: 246px;
    bottom: -20px;
    right: 4em;
    z-index: 31;
}
.banner_area.counsel .rectangle {
    background: url(../image/sub/XVNKvH2E9e.png) no-repeat center;
    background-size: cover;
}
.banner_area.procedure .rectangle {
    background: url(../image/sub/XVNKvH2E9e.png) no-repeat center;
    background-size: cover;
}
.banner_area.class .rectangle {
    background: url(../image/sub/img_banner_class.png) no-repeat center;
    background-size: contain;
    width:461px;
}
.banner_area .ellipse {
    position: absolute;
    width: 1200px;
    height: 220px;
    top: 0;
    left: 0;
    z-index: 29;
}
.banner_area.counsel .ellipse {
    background: url(../image/sub/hxAxtQP4S2.png) no-repeat center;
    background-size: cover;
}
.banner_area .title {
    position: absolute;
    width: 535px;
    height: 514px;
    top: 27px;
    left: 748px;
    z-index: 30;
}
.banner_area.counsel .title {
    background: url(../image/sub/NxNPSePHTz.png) no-repeat center;
    background-size: cover;
    filter: blur(50px);
}
.banner_area.class .title {
    background: url(../image/sub/blur_class.png) no-repeat center;
    background-size: cover;
    filter: blur(50px);
}
.banner_area.procedure .title {
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-01/Qx92LhaRo2.png) no-repeat center;
    background-size: cover;
    filter: blur(50px);
}
.banner_area .title-9 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 8px;
    position: absolute;
    width: 509px;
    height: 80px;
    top: 50%;
    left: 120px;
    transform: translate(0, -50.63%);
    z-index: 37;
}
.banner_area .consultation {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 407px;
    height: 29px;
    color: #ffffff;
    font-family: Pretendard, var(--default-font-family);
    font-size: 24px;
    font-weight: 500;
    line-height: 28.798px;
    text-align: left;
    white-space: nowrap;
    letter-spacing: -0.96px;
    z-index: 38;
}
.banner_area.procedure .consultation {
    color:#80AAA5;
}
.banner_area.class .consultation {
    color:#AA8081;
}
.banner_area .title-a {
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 509px;
    min-width: 0;
    font-family: Inter, var(--default-font-family);
    font-size: 36px;
    font-weight: 600;
    line-height: 43px;
    text-align: left;
    text-overflow: initial;
    white-space: nowrap;
    letter-spacing: -1.44px;
    z-index: 39;
}
.banner_area .consultation-b {
    position: relative;
    color: #ffffff;
    font-family: Pretendard, var(--default-font-family);
    font-size: 36px;
    font-weight: 700;
    line-height: 43.568px;
    text-align: left;
    letter-spacing: -1.44px;
}
.banner_area.procedure .consultation-b {
    color:#0F3233;
}
.banner_area.class .consultation-b {
    color:#330F10;
}
.banner_area .different-points {
    position: relative;
    color: #79fff8;
    font-family: Pretendard, var(--default-font-family);
    font-size: 36px;
    font-weight: 700;
    line-height: 43.568px;
    text-align: left;
    letter-spacing: -1.44px;
}
.banner_area.procedure .different-points {
    color:#398A8F;
}
.banner_area.class .different-points {
    color:#BA3434;
}
.banner_area .nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    position: absolute;
    width: 1400px;
    height: 32px;
    top: 50%;
    left: 50%;
    padding: 0 24px 0 24px;
    transform: translate(-50%, -50%);
    z-index: 32;
}
.banner_area .frame-c {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 32px;
    padding: 4px 4px 4px 4px;
    background: rgba(0, 0, 0, 0.2);
    z-index: 33;
    border-radius: 20px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
}
.banner_area .chevron-left {
    flex-shrink: 0;
    position: relative;
    width: 24px;
    height: 24px;
    background: url(../image/sub/POA4o4Svgb.png)
        no-repeat center;
    background-size: cover;
    z-index: 34;
    overflow: hidden;
}
.banner_area .frame-d {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 32px;
    padding: 4px 4px 4px 4px;
    background: rgba(0, 0, 0, 0.2);
    z-index: 35;
    border-radius: 20px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
}
.banner_area .chevron-right {
    flex-shrink: 0;
    position: relative;
    width: 24px;
    height: 24px;
    background: url(../image/sub/S4fkQFSNH2.png)
        no-repeat center;
    background-size: cover;
    z-index: 36;
    overflow: hidden;
}

.counsel_link .frame-e {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 2.5em;
    position: relative;
    width: 100%;
    height: 123px;
    margin: 2.5em 0 auto;
    z-index: 61;
}
.counsel_link a {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    gap: 16px;
    position: relative;
    min-width: 0;
    z-index: 62;
}
.counsel_link .group-7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 88px;
    height: 88px;
    padding: 16px 16px 16px 16px;
    background: #f9f9f9;
    z-index: 63;
    overflow: hidden;
    border-radius: 44px;
}
.counsel_link .icon {
    flex-shrink: 0;
    position: relative;
    width: 64px;
    height: 64px;
    z-index: 64;
    overflow: hidden;
}
.counsel_link .consultation-fields {
    position: relative;
    width: 39px;
    height: 54px;
    margin: 5px 0 0 12px;
    background: url(../image/sub/U7CXkmwzXx.png)
        no-repeat center;
    background-size: cover;
    z-index: 65;
}
.counsel_link .consultation-fields-f {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 19px;
    color: #333333;
    font-family: Pretendard, var(--default-font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.96px;
    z-index: 66;
}
.counsel_link .kakao-gif {
    flex-shrink: 0;
    position: relative;
    width: 88px;
    height: 88px;
    background: #fee500;
    z-index: 68;
    overflow: hidden;
    border-radius: 44px;
}
.counsel_link .quick-consultation {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 67px;
    height: 44px;
    top: 19px;
    left: calc(50% - 34px);
    color: #392020;
    font-size: 20px;
    font-weight: 800;
    line-height: 22px;
    text-align: center;
    text-overflow: initial;
    letter-spacing: -0.8px;
    z-index: 69;
    overflow: hidden;
}
.counsel_link .kakao-quick-consultation {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 19px;
    color: #333333;
    font-family: Pretendard, var(--default-font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
    z-index: 70;
}
.counsel_link .section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 88px;
    height: 88px;
    padding: 16px 16px 16px 16px;
    background: #f9f9f9;
    z-index: 72;
    overflow: hidden;
    border-radius: 44px;
    }
    .counsel_link .icon-10 {
    flex-shrink: 0;
    position: relative;
    width: 64px;
    height: 64px;
    z-index: 73;
    overflow: hidden;
    }
    .counsel_link .on-site-consultation {
    position: relative;
    width: 55px;
    height: 60px;
    margin: 2px 0 0 4.5px;
    background: url(../image/sub/WJCH77MS6d.png)
        no-repeat center;
    background-size: cover;
    z-index: 74;
    }
    .counsel_link .on-site-consultation-11 {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 19px;
    color: #333333;
    font-family: Pretendard, var(--default-font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.64px;
    z-index: 75;
    }
    .counsel_link .section-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 88px;
    height: 88px;
    padding: 16px 16px 16px 16px;
    background: #f9f9f9;
    z-index: 77;
    overflow: hidden;
    border-radius: 44px;
}
.counsel_link .icon-12 {
    flex-shrink: 0;
    position: relative;
    width: 64px;
    height: 64px;
    z-index: 78;
    overflow: hidden;
}

.counsel_link .counselor-introduction {
    position: relative;
    width: 42px;
    height: 54px;
    margin: 5px 0 0 11px;
    background: url("../image/sub/1c83JUhr9Q.png") no-repeat center;
    background-size: cover;
    z-index: 79;
}
.counsel_link .counselor-introduction-13 {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 19px;
    color: #333333;
    font-family: Pretendard, var(--default-font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.64px;
    z-index: 80;
}
.counsel_link .wrapper-e {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 88px;
    height: 88px;
    padding: 16px;
    background: #f9f9f9;
    z-index: 82;
    overflow: hidden;
    border-radius: 44px;
}
.counsel_link .icon-14 {
    flex-shrink: 0;
    position: relative;
    width: 64px;
    height: 64px;
    z-index: 83;
    overflow: hidden;
}
.counsel_link .latest-seminar {
    position: relative;
    width: 62px;
    height: 54px;
    margin: 7px 0 0 1px;
    background: url("../image/sub/iHOcJpiopC.png") no-repeat center;
    background-size: contain;
    z-index: 84;
}
.counsel_link .latest-seminar-15 {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 19px;
    color: #333333;
    font-family: Pretendard, var(--default-font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.64px;
    z-index: 85;
}
.counsel_link .box-6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 88px;
    height: 88px;
    padding: 16px;
    background: #f9f9f9;
    z-index: 87;
    overflow: hidden;
    border-radius: 44px;
}
.counsel_link .icon-16 {
    flex-shrink: 0;
    position: relative;
    width: 64px;
    height: 64px;
    z-index: 88;
    overflow: hidden;
}
.counsel_link .exhibition {
    position: relative;
    width: 63px;
    height: 57px;
    margin: 4px 0 0 0.5px;
    background: url("../image/sub/NzF2c4f9gH.png") no-repeat center;
    background-size: cover;
    z-index: 89;
}
.counsel_link .study-abroad-exhibition {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 19px;
    color: #333333;
    font-family: Pretendard, var(--default-font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.64px;
    z-index: 90;
}
.counsel_link .group-c {
    flex-shrink: 0;
    position: relative;
    width: 88px;
    height: 88px;
    background: linear-gradient(219.09deg, #e4cfff, #8acaff);
    z-index: 92;
    overflow: hidden;
    border-radius: 100px;
}
.counsel_link .mong-sun-saeng {
    position: relative;
    width: 160px;
    height: 250px;
    margin: 7px 0 0 -67.125px;
    background: url("../image/sub/9MhCn2r1mf.png") no-repeat center;
    background-size: cover;
    z-index: 93;
}
.counsel_link .mong-sun-saeng-lecture {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 19px;
    color: #333333;
    font-family: Pretendard, var(--default-font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.64px;
    z-index: 94;
}
.counsel_link .wrapper-11 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 88px;
    height: 88px;
    padding: 16px;
    background: #f9f9f9;
    z-index: 96;
    overflow: hidden;
    border-radius: 44px;
}
.counsel_link .map {
    flex-shrink: 0;
    position: relative;
    width: 64px;
    height: 64px;
    z-index: 97;
    overflow: hidden;
}
.counsel_link .img-c {
    position: relative;
    width: 48px;
    height: 50px;
    margin: 7px 0 0 8px;
    background: url("../image/sub/55ee8b8d-47bf-4334-87c6-f2974f9b355a.png") no-repeat center;
    background-size: cover;
    z-index: 98;
}
.counsel_link .counseling-location {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 19px;
    color: #333333;
    font-family: Pretendard, var(--default-font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.64px;
    z-index: 99;
}

.procedure_link {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    gap: .5em;
    position: relative;
    width: 100%;
    margin: 2.5em 0 auto;
}
.procedure_link .empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    width:calc((100% - 8em) / 9);
    gap: .5em;
    position: relative;
    min-width: 0;
}
.procedure_link .empty-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 88px;
    height: 88px;
    padding: 16px;
    background: #f9f9f9;
    z-index: 1;
    overflow: hidden;
    border-radius: 44px;
}
.procedure_link .rectangle {
    flex-shrink: 0;
    position: relative;
    width: 48px;
    height: 48px;
    background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-01/N4qoa7RoDx.png") no-repeat center;
    background-size: cover;
    z-index: 2;
}
.procedure_link .singapore-art-school {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    color: #333333;
    font-size: .875em;
    font-weight: 500;
    text-align: center;
    letter-spacing: -0.64px;
    z-index: 3;
}
.procedure_link .text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    background: #388a8f;
    z-index: 32;
    border-radius: 16px;
}
.procedure_link .number-one {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 5px;
    height: 9px;
    color: #ffffff;
    font-family: Pretendard, var(--default-font-family);
    font-size: 10px;
    font-weight: 900;
    line-height: 9px;
    text-align: center;
    white-space: nowrap;
    z-index: 33;
}
.procedure_link .empty-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    gap: 16px;
    position: relative;
    min-width: 0;
    z-index: 4;
}
.procedure_link .empty-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 88px;
    height: 88px;
    padding: 16px;
    background: #f9f9f9;
    z-index: 5;
    overflow: hidden;
    border-radius: 44px;
}
.procedure_link .rectangle-4 {
    flex-shrink: 0;
    position: relative;
    width: 55px;
    height: 55px;
    background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-01/dZBC72ydxs.png") no-repeat center;
    background-size: cover;
    z-index: 6;
}
.procedure_link .singapore-national-university {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 19px;
    color: #333333;
    font-family: Pretendard, var(--default-font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.64px;
    z-index: 7;
}
.procedure_link .text-5 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 268px;
    background: rgba(56, 138, 143, 0.9);
    z-index: 40;
    border-radius: 16px;
}
.procedure_link .number-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 7px;
    height: 9px;
    color: #ffffff;
    font-family: Pretendard, var(--default-font-family);
    font-size: 10px;
    font-weight: 900;
    line-height: 9px;
    text-align: center;
    white-space: nowrap;
    z-index: 41;
}
.procedure_link .empty-6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    gap: 16px;
    position: relative;
    min-width: 0;
    z-index: 8;
}
.procedure_link .empty-7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 88px;
    height: 88px;
    padding: 16px;
    background: #f9f9f9;
    z-index: 9;
    overflow: hidden;
    border-radius: 44px;
}
.procedure_link .rectangle-8 {
    flex-shrink: 0;
    position: relative;
    width: 55px;
    height: 55px;
    background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-01/dfaWxp4cUw.png") no-repeat center;
    background-size: cover;
    z-index: 10;
}
.procedure_link .singapore-private-university {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 19px;
    color: #333333;
    font-family: Pretendard, var(--default-font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.64px;
    z-index: 11;
}
.procedure_link .text-9 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 435px;
    background: rgba(56, 138, 143, 0.8);
    z-index: 34;
    border-radius: 16px;
}
.procedure_link .number-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 7px;
    height: 9px;
    color: #ffffff;
    font-family: Pretendard, var(--default-font-family);
    font-size: 10px;
    font-weight: 900;
    line-height: 9px;
    text-align: center;
    white-space: nowrap;
    z-index: 35;
}
.procedure_link .div {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    gap: 16px;
    position: relative;
    min-width: 0;
    z-index: 12;
}
.procedure_link .div-a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 88px;
    height: 88px;
    padding: 16px;
    background: #f9f9f9;
    z-index: 13;
    overflow: hidden;
    border-radius: 44px;
}
.procedure_link .rectangle-b {
    flex-shrink: 0;
    position: relative;
    width: 55px;
    height: 55px;
    background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-01/odAHVCJy11.png") no-repeat center;
    background-size: contain;
    z-index: 14;
}
.procedure_link .uc-college-public {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 19px;
    color: #333333;
    font-family: Pretendard, var(--default-font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.64px;
    z-index: 15;
}
.procedure_link .text-c {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 601px;
    background: rgba(56, 138, 143, 0.7);
    z-index: 36;
    border-radius: 16px;
}
.procedure_link .number-4 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 7px;
    height: 9px;
    color: #ffffff;
    font-family: Pretendard, var(--default-font-family);
    font-size: 10px;
    font-weight: 900;
    line-height: 9px;
    text-align: center;
    white-space: nowrap;
    z-index: 37;
}
.procedure_link .div-d {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    gap: 16px;
    position: relative;
    min-width: 0;
    z-index: 16;
}
.procedure_link .div-e {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 88px;
    height: 88px;
    padding: 16px;
    background: #f9f9f9;
    z-index: 17;
    overflow: hidden;
    border-radius: 44px;
}
.procedure_link .rectangle-f {
    flex-shrink: 0;
    position: relative;
    width: 55px;
    height: 55px;
    background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-01/ihiUByYdgN.png") no-repeat center;
    background-size: contain;
    z-index: 18;
}
.procedure_link .malaya-national-university {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 19px;
    color: #333333;
    font-family: Pretendard, var(--default-font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.64px;
    z-index: 19;
}
.procedure_link .text-10 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 767px;
    background: rgba(56, 138, 143, 0.6);
    z-index: 38;
    border-radius: 16px;
}
.procedure_link .number-5 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 7px;
    height: 9px;
    color: #ffffff;
    font-family: Pretendard, var(--default-font-family);
    font-size: 10px;
    font-weight: 900;
    line-height: 9px;
    text-align: center;
    white-space: nowrap;
    z-index: 39;
}
.procedure_link .empty-11 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    gap: 16px;
    position: relative;
    min-width: 0;
    z-index: 20;
}
.procedure_link .empty-12 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 88px;
    height: 88px;
    padding: 16px;
    background: #f9f9f9;
    z-index: 21;
    overflow: hidden;
    border-radius: 44px;
}
.procedure_link .rectangle-13 {
    flex-shrink: 0;
    position: relative;
    width: 55px;
    height: 55px;
    background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-01/9nbtQNG71q.png") no-repeat center;
    background-size: contain;
    z-index: 22;
}
.procedure_link .hong-kong-university {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 19px;
    color: #333333;
    font-family: Pretendard, var(--default-font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.64px;
    z-index: 23;
}
.procedure_link .empty-14 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    gap: 16px;
    position: relative;
    min-width: 0;
    z-index: 24;
}
.procedure_link .div-15 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 88px;
    height: 88px;
    padding: 16px;
    background: #f9f9f9;
    z-index: 25;
    overflow: hidden;
    border-radius: 44px;
}
.procedure_link .rectangle-16 {
    flex-shrink: 0;
    position: relative;
    width: 55px;
    height: 55px;
    background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-01/fmnS7t1xO9.png") no-repeat center;
    background-size: contain;
    z-index: 26;
}
.procedure_link .span {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 19px;
    color: #333333;
    font-family: Pretendard, var(--default-font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.64px;
    z-index: 27;
}
.procedure_link .div-17 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    gap: 16px;
    position: relative;
    min-width: 0;
    z-index: 28;
}
.procedure_link .div-18 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 88px;
    height: 88px;
    padding: 16px;
    background: #f9f9f9;
    z-index: 29;
    overflow: hidden;
    border-radius: 44px;
}
.procedure_link .rectangle-19 {
    flex-shrink: 0;
    position: relative;
    width: 55px;
    height: 55px;
    background: url("https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-01/YQU2YJ96ZB.png") no-repeat center;
    background-size: contain;
    z-index: 30;
}
.procedure_link .span-1a {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 19px;
    color: #333333;
    font-family: Pretendard, var(--default-font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.64px;
    z-index: 31;
}


@media (max-width:767px) {
    .footer-copyright span {
        display: none;
    }
}

/*---------- Search Full ----------*/
.search-full {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.9);
    display: none;
    z-index: 1010;
}
.search-full .search-field {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.search-field h2 {
    position: absolute;
    font-size: 0;
    text-indent: -9999em;
    line-height: 0;
    overflow: hidden;
}
.search-field form {
    position: relative;
    width: 30%;
    margin: 0 auto;
}
.search-field #search_input {
    font-size: 1.25rem;
    padding: 10px 30px 10px 10px;
    -webkit-appearance: none;
    display: block;
    background: transparent;
    color: #fff;
    width: 100%;
    border: none;
    border-bottom: 1px solid #fff;
    margin: 0 auto;
}
.search-field .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    border: 0;
    cursor: pointer;
    color: #0078ff;
    background: transparent;
    font-size: 1.25rem;
}
.search-full .search-close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 1;
}
.search-close-btn:after {
    content: "";
    height: 50px;
    border-left: 2px solid #fff;
    position: absolute;
    transform: rotate(45deg);
    left: 24px;
}
.search-close-btn:before {
    content: "";
    height: 50px;
    border-left: 2px solid #fff;
    position: absolute;
    transform: rotate(-45deg);
    left: 24px;
}
@media (max-width:1199px) {
    .search-field form {
        width: 50%;
    }
}
@media (max-width:767px) {
    .search-field form {
        width: 80%;
    }
}
.banner_area.ebook {
    padding-top:0;
}
.banner_area.ebook .container-fluid {
    background:url(../image/sub/bg_brochures.jpg) no-repeat center;
    background-size: cover;
}
.banner_area.ebook .container-fluid .text_area {
    margin:0 auto;
    padding: 9vw calc(var(--bs-gutter-x) * .5) 11vw;
    width:100%;
    max-width:1200px;
}
.banner_area.ebook .container-fluid .text_area p {
    margin-bottom:.5em;
    font-size:1.125em;
    color:#A2A2A2;
}
.banner_area.ebook .container-fluid .text_area span {
    font-size:2.5em;
    font-weight:700;
    line-height:1.2em;
    color:#3E3E3E;
}
/*---------- Counsel Btn ----------*/
.counsel-btn {
    display: block;
    position: fixed;
    bottom: 70px;
    right: 15px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #3f4678;
    font-size: 1.125rem;
    color: #fff !important;
    border: 0;
    border-radius: 50%;
    z-index: 1000;
}
@media (max-width:991px) {
    .counsel-btn {
        bottom: 15px;
        right: 70px;
    }
}

/*---------- Offcanvas ----------*/
.offcanvas-backdrop {
    z-index: 1003;
}

/*---------- My Home ----------*/
.my-home > .container {
    padding-left: 0;
    padding-right: 0;
}

/*---------- Eb BackToTop ----------*/
.eb-backtotop {
    position: fixed;
    right: 15px;
    bottom: 15px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,0.15);
    background: #fff;
    z-index: 1001;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.eb-backtotop.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.eb-backtotop:after {
    position: absolute;
    content: "\f106";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    color: #757575;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    line-height: 28px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.eb-backtotop:hover:after {
    color: #3949ab;
}
.eb-backtotop svg path {
    fill: none;
}
.eb-backtotop svg.backtotop-progress path {
    stroke: #b5b5b5;
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.eb-backtotop .progress-count {
    display: block;
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    font-size: 11px;
    text-align: center;
    color: #a5a5a5;
}
.eb-backtotop {
    box-shadow: inset 0 0 0 2px rgba(0,0,0,0.15);
}
.eb-backtotop:after {
    color: #2b2b2e;
}
.eb-backtotop svg.backtotop-progress path {
    stroke: #3949ab;
}
.page-counsel {
    background-color:#F5F5F5;
}
.counsel-wrap {
    display:flex;
    justify-content: space-between;
    align-items: flex-start;
    gap:4em;
    padding:4em 0;
}
.counsel-wrap .blue {
    color:#4B70D7;
}
.counsel-wrap .counsel-title > h3 {
    font-size:2em;
    font-weight:700;
}
.counsel-wrap .counsel-title > p {
    font-size:1.125em;
    color:#454545;
}
.counsel-wrap .counsel-title .cs_info {
    padding:4em 0 2em;
    border-bottom:1px solid #C1C1C1;
}
.counsel-wrap .counsel-title .cs_info li {
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap:2em;
    padding:1.25em;
    border-bottom:1px dashed #C1C1C1;
}
.counsel-wrap .counsel-title .cs_info li:last-child {
    border:none;
}
.counsel-wrap .counsel-title .cs_info li .text_area span {
    font-size:1.125em;
    font-weight:700;
    color:#454545;
}
.counsel-wrap .counsel-title .cs_info li .text_area p {
    color:#777;
}
.counsel-wrap .counsel-title .cs_bottom {
    margin-top:4em;
}
.counsel-wrap .counsel-title .cs_bottom span {
    font-size:1.25em;
    font-weight:700;
    color:#212121;
}
.eyoom-form {
    padding:3em 2em;
    background-color:#fff;
    border-radius:1.875em;
}

.counsel-wrap .cs-form-title {
    font-size:1.5em;
    font-weight:700;
}
.tabs.counsel {
    padding:1.5em 0;
}
.counsel > p.guide {
    display:block;
    margin-bottom:.875em;
    font-size:.875em;
    color:#C1C1C1;
}
.tabs.counsel ul {
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap:.5em;
}
.tabs.counsel ul li {
    width:calc((100% - 1.5em) / 4);
}
.tabs.counsel ul li a {
    display:block;
    padding:.75em;
    text-align: center;
    border:1px solid #e9e9e9;
    border-radius:.5em;
    color:#979797;
}
.tabs.counsel ul li.active a {
    color:#fff;
    background-color:#212121;
    border-color:transparent;
}

.tit_area.board {
    margin-top:4em;
}
.tit_area.board span {
    font-size:2em;
    font-weight:700;
    color:#212121;
}

/* board layout */
.board-list {
    font-size: 0.9375rem;
}
.board-list .board-setup {
    position: relative;
    border: 1px solid #d5d5d5;
    height: 38px;
    margin-bottom: 20px;
}
.board-list .board-setup .select {
    position: absolute;
    top: -1px;
    left: -1px;
    display: inline-block;
    width: 200px;
}
.board-list .board-setup-btn-box {
    position: absolute;
    top: -1px;
    right: -1px;
    display: inline-block;
    width: 420px;
}
.board-list .board-setup-btn {
    float: left;
    width: 25%;
    height: 38px;
    line-height: 38px;
    color: #fff;
    text-align: center;
    font-size: 0.8125rem;
}
.board-list .board-setup-btn:nth-child(odd) {
    background-color: #000;
}
.board-list .board-setup-btn:nth-child(even) {
    background-color: #3c3c3e;
}
.board-list .board-setup-btn:hover {
    opacity: 0.8;
}
.board-list .favorite-setup {
    display: inline-block;
    width: 125px;
    margin-left: 15px;
}
.board-list .favorite-setup .toggle {
    padding-right: 45px;
}
.board-list .bl-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.25em;
}
/* .board-list .bl-wrap > div:nth-last-child(1), .board-list .bl-wrap > div:nth-last-child(2) {border-bottom:0} */
.board-list .bl-head {
    position: relative;
    display: table;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #757575;
    background-color: #f2f2f2;
    font-weight: 500;
}
.board-list .bl-head > div {
    position: relative;
}
.board-list .bl-head > div:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 13px;
    background-color: #cacaca;
    transform: translateY(-50%);
}
.board-list .bl-head > div:last-child:before {
    display: none;
}
.board-list .bl-head .bl-item {
    display: table-cell;
    vertical-align: middle;
    width: 120px;
    text-align: center;
}
.board-list .bl-head .bl-num {
    width: 90px;
}
.board-list .bl-head .bl-num-short {
    width: 80px;
}
.board-list .bl-head .bl-num-checkbox {
    width: 110px;
}
.board-list .bl-head .bl-author {
    width: 150px;
    padding: 0 10;
}
.board-list .bl-head .bl-subj {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.board-list .bl-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1em;
    padding: 1.25em 1em;
    width: 100%;
    border: 1px solid #E9E9E9;
    border-radius: 0.5em;
}
.board-list .bl-list .checkbox i {
    top: 5px;
}
.board-list .bl-list.bl-notice {
    background-color: #FFF8EC;
}
.board-list .bl-list > div {
    position: relative;
}
/* .board-list .bl-list > div:before {content:"";position:absolute;top:50%;right:0;width:1px;height:13px;background-color:#dadada;transform:translateY(-50%)} */
.board-list .bl-list > div:last-child:before {
    display: none;
}
.board-list .bl-list .bl-item {
    display: table-cell;
    vertical-align: middle;
    width: 10%;
    text-align: center;
}
.board-list .bl-list .bl-num {
    width: 5%;
}
.board-list .bl-list .bl-num-short {
    width: 80px;
}
.board-list .bl-list .bl-num-checkbox {
    width: 110px;
}
.board-list .bl-list .bl-author {
    width: 10%;
    padding: 0 10px;
    text-align: left;
}
.board-list .bl-list .poll-label {
    display: inline-block;
    width: 70px;
    height: 20px;
    line-height: 20px;
    font-size: 0.75rem;
    text-align: center;
    color: #fff;
    background-color: #353535;
    margin-top: 3px;
    margin-bottom: 3px;
}
.board-list .bl-list .poll-label.poll-label-image {
    background-color: #3949ab;
}
.board-list .bl-list .poll-label.poll-label-video {
    background-color: #5e35b1;
}
.board-list .bl-list .bl-subj {
    display: table-cell;
    vertical-align: middle;
    font-weight: 500;
    width: 70%;
    font-size:1.125rem;
}
.board-list .bl-list .bl-subj a {
    position: relative;
    display: block;
    padding: 0 .5em;
    color:#415465;
}
.board-list .bl-list .bl-subj a:hover {
    color: #000;
    text-decoration: underline;
}
.board-list .bl-list .bl-subj .reply-indication {
    display: inline-block;
    width: 7px;
    height: 10px;
    border-left: 1px dotted #b5b5b5;
    border-bottom: 1px dotted #b5b5b5;
}
.board-list .bl-list .bl-subj .bl-label {
    display: inline-block;
    width: 70px;
    height: 20px;
    line-height: 20px;
    font-size: 0.8125rem;
    text-align: center;
    color: #fff;
    background-color: #a5a5a5;
    margin-left: 10px;
    margin-top: 3px;
    margin-bottom: 3px;
}
.board-list .bl-list .bl-subj .bl-new-icon {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 14px;
    background-color: #ab0000;
    margin-right: 2px;
}
.board-list .bl-list .bl-subj .bl-new-icon:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 5px;
    width: 2px;
    height: 6px;
    background-color: #fff;
}
.board-list .bl-list .bl-subj .bl-new-icon:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 5px;
    width: 2px;
    height: 6px;
    background-color: #fff;
}
.board-list .bl-list .bl-subj .bl-new-icon b {
    position: absolute;
    top: 3px;
    left: 8px;
    width: 2px;
    height: 8px;
    background-color: #fff;
    transform: rotate(-60deg);
}
.board-list .bl-list .bl-comment {
    color: #f4511e;
}
.board-list .bl-list .blind-subject {
    color: #b5b5b5;
    cursor: not-allowed;
}
.view-photo-box {
    display:none;
}
.board-list .bl-photo {
    /* display: inline-block; */
    display:none;
    margin-right: 2px;
}
.board-list .bl-photo img {
    width: 17px;
    height: 17px;
    border-radius: 50%;
}
.board-list .bl-photo .bl-user-icon {
    font-size: 0.9375rem;
}
.board-list .bl-mobile {
    display: none;
}
.board-list .bl-mobile.bl-notice {
    background-color: #FFF8EC;
}
.board-list .star-ratings-list {
    width: 75px;
    margin: 0 auto;
}
.board-list .star-ratings-list li {
    padding: 0;
    float: left;
    margin-right: 0;
}
.board-list .star-ratings-list li .rating {
    color: #a5a5a5;
    font-size: 0.8125rem;
    line-height: normal;
}
.board-list .star-ratings-list li .rating-selected {
    color: #ab0000;
    font-size: 0.8125rem;
}
.board-list .bl-no-list {
    text-align: center;
    color: #959595;
    padding: 70px 0;
}
@media (max-width:991px) {
    .board-list .bl-head {
        display: none;
    }
    .board-list .bl-head-checkbox {
        display: table;
    }
    .board-list .bl-head .bl-item,
    .board-list .bl-head > div:before,
    .board-list .bl-list .bl-num,
    .board-list .bl-list .bl-author,
    .board-list .bl-list .bl-num.text-gray,
    .board-list .bl-list > div:before {
        display: none;
    }
    .board-list .bl-head .bl-num-checkbox,
    .board-list .bl-list .bl-num-checkbox {
        display: table-cell;
        width: 20px;
    }
    .board-list .bl-head .bl-num-checkbox .bl-txt,
    .board-list .bl-list .bl-num-checkbox .bl-txt {
        visibility: visible;
        opacity: 0;
    }
    .board-list .bl-head .checkbox,
    .board-list .bl-list .checkbox {
        z-index: 1;
    }
    .board-list .bl-list .bl-subj a {
        padding: 0;
    }
    .board-list .bl-list {
        justify-content: space-between;
    }
    .board-list .bl-list .bl-item {
        width:30%;
    }
    .eyoom-form {
        padding:2em 1em;
    }
    .tit_area.board span {
        font-size:1.5em;
    }
    /* .board-list .bl-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1em;
        padding: 1.25em 1em;
        width: 100%;
        border: 1px solid #E9E9E9;
        border-radius: 0.5em;
    } */
}

.board-view {
    padding-top:4em;
}
.board-view .board-setup {
    position: relative;
    border: 1px solid #d5d5d5;
    height: 38px;
    margin-bottom: 20px;
}
.board-view .board-setup .select {
    position: absolute;
    top: -1px;
    left: -1px;
    display: inline-block;
    width: 200px;
}
.board-view .board-setup-btn-box {
    position: absolute;
    top: -1px;
    right: -1px;
    display: inline-block;
    width: 420px;
}
.board-view .board-setup-btn {
    float: left;
    width: 25%;
    height: 38px;
    line-height: 38px;
    color: #fff;
    text-align: center;
    font-size: 0.8125rem;
}
.board-view .board-setup-btn:nth-child(odd) {
    background-color: #000;
}
.board-view .board-setup-btn:nth-child(even) {
    background-color: #3c3c3e;
}
.board-view .board-setup-btn:hover {
    opacity: 0.8;
}
.board-view .board-view-subj {
    font-size: 1.375rem;
}
.board-view .board-view-info {
    position: relative;
    min-height: 70px;
    border:1px solid #E9E9E9;
    padding: 1em;
    margin-top: 1.25em;
    background: #fafafa;
    border-radius:.5em;
}
.board-view .board-view-info .view-photo-box {
    position: absolute;
    top: 1em;
    left: 1em;
}
.board-view .board-view-info .view-info-box {
    position: relative;
}
.board-view .board-view-info .view-photo img {
    width: 50px;
    height: 50px;
    margin-right: 3px;
    border-radius: 50%;
}
.board-view .board-view-info .view-photo .view-user-icon {
    font-size: 50px;
    margin-right: 3px;
    line-height: 1;
    color: #757575;
}
.board-view .board-view-info .info-box-top {
    display: block;
    margin: 0 0 4px;
}
.board-view .board-view-info .info-box-top .view-nick {
    margin-right: 3px;
}
.board-view .board-view-info .info-box-top .view-nick .sv_wrap > a {
    font-weight: 400;
}
.board-view .board-view-info .info-box-top .view-lv-icon {
    display: inline-block;
    margin-right: 3px;
}
.board-view .board-view-info .info-box-bottom {
    display: block;
}
.board-view .board-view-info .info-box-bottom span {
    margin-right: 8px;
    white-space: nowrap;
}
.board-view .board-view-info .info-box-bottom strong {
    font-weight: 400;
}
.board-view .board-view-info .info-box-bottom i {
    color: #a5a5a5;
    margin-right: 5px;
}
.board-view .board-view-info .status-label {
    position: absolute;
    top: 20px;
    right: 0;
}
.board-view .board-view-info .status-label .bl-label {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 0.8125rem;
    text-align: center;
    color: #fff;
    background-color: #a5a5a5;
}
.board-view .board-view-file ul {
    margin-bottom: 0;
}
.board-view .board-view-file li {
    padding: 8px 0;
    border-bottom: 1px solid #eaeaea;
}
.board-view .board-view-file a:hover {
    text-decoration: underline;
}
.board-view .board-view-file span {
    margin-left: 7px;
}
.board-view .board-view-file span i {
    margin-right: 4px;
    color: #b5b5b5;
}
.board-view .board-view-link ul {
    margin-bottom: 0;
}
.board-view .board-view-link li {
    padding: 8px 0;
    border-bottom: 1px solid #eaeaea;
}
.board-view .board-view-link a {
    text-decoration: underline;
}
.board-view .board-view-link a:hover {
    color: #3949ab;
}
.board-view .board-view-star {
    position: relative;
    padding: 8px 0;
    border-bottom: 1px solid #eaeaea;
}
.board-view .board-view-star .star-ratings-view {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 15px;
    float: left;
}
.board-view .board-view-star .star-ratings-view li {
    padding: 0;
    float: left;
    margin-right: 0;
}
.board-view .board-view-star .star-ratings-view li .rating {
    color: #a5a5a5;
    line-height: normal;
}
.board-view .board-view-star .star-ratings-view li .rating-selected {
    color: #ab0000;
}
.board-view .board-view-star .collapse-rating-result-panel {
    position: relative;
    border: 1px solid #d5d5d5;
    background: #fff;
    padding: 10px;
    margin: 7px 0 3px;
}
.board-view .board-view-star .collapse-rating-result-panel > span:after {
    content: "|";
    margin: 0 3px;
    color: #d5d5d5;
}
.board-view .board-view-star .collapse-rating-result-panel > span:last-child:after {
    display: none;
}
.board-view .board-view-star .collapse-rating-result-panel span a {
    color: #252525;
}
.board-view .board-view-star .collapse-rating-result-panel span.active .sv_wrap > a {
    color: #ab0000;
}
.board-view .eyoom-form .rating {
    display: inline-block;
    float: left;
    width: 160px;
    margin-top: 0;
}
.board-view .eyoom-form .rating label {
    margin-top: 3px;
    margin-bottom: 0;
}
.board-view .eyoom-form .rating strong {
    color: #ab0000;
}
.board-view .eyoom-form .rating-mobile {
    position: absolute;
    top: 10px;
    left: 50%;
    display: inline-block;
    float: left;
    width: 160px;
    margin-top: 0;
    margin-left: -80px;
}
.board-view .eyoom-form .rating-mobile label {
    margin: 0;
    width: 32px;
    height: 28px;
    line-height: 28px;
    padding: 0;
}
.board-view .eyoom-form .rating-mobile label .fas {
    font-size: 26px;
}
.board-view .good-mb-photo,
.board-view .rating-mb-photo {
    display: inline-block;
    margin-right: 2px;
}
.board-view .good-mb-photo img,
.board-view .rating-mb-photo img {
    width: 17px;
    height: 17px;
    border-radius: 50%;
}
.board-view .good-mb-photo .good-user-icon,
.board-view .rating-mb-photo .rating-user-icon {
    font-size: 0.9375rem;
}
.board-view .board-view-star .collapse-rating-mo-btn {
    margin: 10px 0;
}
.board-view .board-view-star .collapse-rating-panel {
    position: relative;
    border: 1px solid #d5d5d5;
    background: #fff;
    height: 50px;
    margin: 5px 0 10px;
}
.board-view .board-view-btn-wrap {
    margin:.5em 0 1em;
    /* border-bottom: 1px solid #eaeaea; */
}
.board-view .board-view-btn-wrap:after {
    content: "";
    display: block;
    clear: both;
}
.board-view .board-view-btn-left {
    float: left;
}
.board-view .board-view-btn-right {
    float: right;
}
.board-view .board-view-btn {
    position: relative;
    float: left;
    padding: 0 15px;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    background: #fff;
    font-size: 0.8125rem;
    color: #252525;
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}
.board-view .board-view-btn:last-child {
    border-right: 1px solid #eaeaea;
}
.board-view .board-view-btn:hover {
    color: #ab0000;
}
.board-view .view-top-btn {
    padding: 20px 0;
}
.board-view .view-top-btn:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.board-view .view-top-btn .top-btn-left li {
    float: left;
    margin-right: 1px;
    margin-bottom: 5px;
}
.board-view .view-top-btn .top-btn-right li {
    float: left;
    margin-left: 1px;
}
.board-view .board-view-atc {
    min-height: 200px;
}
.board-view .board-view-atc-title {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.board-view .board-view-file-conts {
    position: relative;
    overflow: hidden;
}
.board-view .board-view-file-conts #bo_v_img img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.board-view .board-view-con {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    width: 100%;
    word-break: break-all;
}
.board-view .board-view-con img {
    max-width: 100%;
    height: auto;
}
.board-view .board-view-good-btn {
    margin-bottom: 30px;
    text-align: center;
}
.board-view .board-view-good-btn .board-view-act-gng {
    position: relative;
    margin: 0 5px;
}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn {
    position: relative;
    overflow: hidden;
    width: 80px;
    height: 80px;
    border: 1px solid #d5d5d5;
    background: #fff;
    display: inline-block;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn i {
    font-size: 26px;
    color: #757575;
    margin: 12px 0 8px;
}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover {
    border: 1px solid rgba(0,0,0,0.7);
}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover i {
    color: #000;
}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn.disabled:hover {
    border: 1px solid #d5d5d5;
}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn.disabled:hover i {
    color: #757575;
}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn strong {
    color: #757575;
}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover strong {
    color: #252525;
}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 0;
}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn h5 {
    color: #000;
    font-size: 0.9375rem;
    text-align: center;
    margin-top: 48px;
    background: transparent;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    opacity: 0;
}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover .mask {
    opacity: 0.9;
}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover h5 {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.board-view .board-view-act-good,
.board-view-act-nogood {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    padding: 5px 0;
    width: 165px;
    background: #000;
    color: #fff;
    text-align: center;
}
.board-view .board-view-good-member {
    position: relative;
    background: #fff;
    border: 1px solid #d5d5d5;
    padding: 15px;
    margin-bottom: 10px;
}
.board-view .board-view-good-member h5 {
    position: relative;
    text-align: center;
    font-size: 1.0625rem;
    margin: 0 0 20px;
}
.board-view .board-view-good-member h5:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 20px;
    height: 2px;
    margin-left: -10px;
    background: #3949ab;
}
.board-view .board-view-good-member > span:after {
    content: "|";
    margin: 0 3px;
    color: #d5d5d5;
}
.board-view .board-view-good-member > span:last-child:after {
    display: none;
}
.board-view .board-view-good-member span a {
    color: #252525;
}
.board-view .board-view-bot {
    zoom: 1;
}
.board-view .board-view-bot:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.board-view .board-view-bot h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.board-view .board-view-bot ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.board-view .blind {
    display: none;
}
.board-view .map-content-wrap {
    width: 100%;
    height: 350px;
}
.board-view .map-content-wrap > div {
    width: 100%;
    height: 350px;
}
.board-view .board-view-tag {
    position: relative;
    overflow: hidden;
    background: #fafafa;
    border: 1px solid #d5d5d5;
    padding: 10px;
    margin-top: 20px;
}
.board-view .board-view-tag span {
    display: inline-block;
    padding: 2px 8px;
    line-height: 1;
    margin: 2px;
    background: #e5e5e5;
    border-radius: 2px !important;
}
.board-view .board-view-tag a:hover span {
    background: #757575;
    color: #fff;
}
.board-view .board-view-tag .fa-tags {
    width: 22px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #353535;
    margin-right: 5px;
    box-sizing: content-box;
}
.board-view pre {
    border-radius: 0;
}
.board-view .caption-overflow span {
    left: 0;
    right: 0;
}
.draggable {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
button.mfp-close {
    position: fixed;
    color: #fff !important;
}
.mfp-figure .mfp-close {
    position: absolute;
}
@media (max-width:576px) {
    .board-view .board-view-info .status-label {
        position: relative;
        top: inherit;
        right: inherit;
        margin-top: 10px;
    }
    .board-view .board-view-btn {
        padding: 0 10px;
    }
}

.flex-start {
    display:flex;
    justify-content:flex-start;
    align-items: center;
    gap:1em;
}
.flex-end {
    display:flex;
    justify-content:flex-end;
    align-items: center;
    gap:1em;
}


.board-write {
    padding-bottom:4em;
}
.board-write .board-setup {
    position: relative;
    border: 1px solid #d5d5d5;
    height: 38px;
    margin-bottom: 20px;
}
.board-write .board-setup .select {
    position: absolute;
    top: -1px;
    left: -1px;
    display: inline-block;
    width: 200px;
}
.board-write .board-setup-btn-box {
    position: absolute;
    top: -1px;
    right: -1px;
    display: inline-block;
    width: 420px;
}
.board-write .board-setup-btn {
    float: left;
    width: 25%;
    height: 38px;
    line-height: 38px;
    color: #fff;
    text-align: center;
    font-size: 0.8125rem;
}
.board-write .board-setup-btn:nth-child(odd) {
    background-color: #000;
}
.board-write .board-setup-btn:nth-child(even) {
    background-color: #3c3c3e;
}
.board-write .board-setup-btn:hover {
    opacity: 0.8;
}
.board-write .board-write-title {
    position: relative;
    border-bottom: 1px solid #959595;
    padding-bottom: 1em;
    margin-top:4em;
    margin-bottom: 1em;
}
.board-write .board-write-title .board-reserve-title {
    display: block;
    font-size: 0.9375rem;
    margin-top: 5px;
}
.board-write .blind {
    position: absolute;
    top: -10px;
    left: -100000px;
    display: none;
}
.board-write .write-edit-wrap #wr_content {
    display: block;
    width: 100%;
    min-height: 200px;
    padding: 6px 10px;
    outline: none;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    background: #FFF;
    color: #353535;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
    resize: vertical;
}
.board-write .write-option-btn {
    float: left;
    padding: 0 15px;
    margin-bottom: 3px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    font-size: 0.8125rem;
}
.board-write .write-option-btn:nth-child(odd) {
    background: #000;
}
.board-write .write-option-btn:nth-child(even) {
    background: #3c3c3e;
}
.board-write .write-option-btn:hover {
    color: #fff;
    opacity: 0.8;
}
.board-write .write-collapse-box {
    margin: 10px 0;
    background: #f8f8f8;
    border: 1px solid #d5d5d5;
    padding: 15px 10px;
}
.board-write #modal_video_note .table-list-eb .table thead > tr > th {
    text-align: left;
}
.board-write .l-h-38 {
    line-height: 38px;
}
.board-write .poll-tabs .nav-link {
    padding: 10px 20px;
    border-radius: 0;
    color: #000;
}
.board-write .poll-tabs .nav-link.active {
    font-weight: 700;
}
.board-write .poll-panel .tab-content {
    border: 1px solid #dee2e6;
    border-top: 0;
    padding: 15px;
    background-color: #fff;
}
/* Auto Save */
.autosave-btn {
    position: absolute;
    top: 0;
    right: 0;
}
#autosave_wrapper {
    position: relative;
}
#autosave_pop {
    display: none;
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px;
    width: 320px;
    height: auto !important;
    height: 180px;
    max-height: 250px;
    border: 2px solid #959595;
    background: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    overflow-y: scroll;
}
html.no-overflowscrolling #autosave_pop {
    height: auto;
    max-height: 10000px !important;
}
#autosave_pop div {
    text-align: right;
}
#autosave_pop button {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    margin-left: 10px;
}
#autosave_pop ul {
    margin: 10px 0;
    padding: 0;
    border-top: 1px solid #e9e9e9;
    list-style: none;
}
#autosave_pop li {
    padding: 7px 0;
    border-bottom: 1px solid #e9e9e9;
    zoom: 1;
    font-size: 0.75rem;
}
#autosave_pop li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
#autosave_pop a {
    display: block;
    float: left;
}
#autosave_pop span {
    display: block;
    float: right;
}
#autosave_pop .autosave_heading {
    text-align: left;
}
#autosave_pop strong {
    font-size: 0.8125rem;
}
#autosave_pop .fa-times {
    position: absolute;
    top: 10px;
    right: 15px;
}
.autosave_close {
    cursor: pointer;
}
.autosave_content {
    display: none;
}
/* Tag */
#tag-box {
    position: relative;
    border: 1px dashed #c5c5c5;
    min-height: 47px;
    padding: 10px;
    background: #fafafa;
    margin-top: 15px;
}
#tag-box:before {
    content: "태그 박스";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 0.8125rem;
    color: #d5d5d5;
}
#tag-cloud div {
    position: relative;
    display: inline-block;
    line-height: 1;
    background: #676769;
    padding: 5px 10px;
    margin: 2px 3px;
    font-size: 0.9375rem;
    color: #fff;
    border-radius: 2px;
    z-index: 1;
}
#tag-cloud div i {
    cursor: pointer;
    margin-left: 5px;
}
/* Ckeditor */
.board-write a.cke_button {
    padding: 2px 5px;
}
.board-write a.cke_button_on {
    padding: 1px 4px;
}
.board-write a.cke_button_off:active,
.board-write a.cke_button_off:focus,
.board-write a.cke_button_off:hover {
    padding: 1px 4px;
}
/* Smart Editor */
.cke_sc {
    display:none;
    margin-bottom: 10px;
}
.btn_cke_sc {
    padding: 0 10px;
}
.cke_sc_def {
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.cke_sc_def button {
    padding: 3px 15px;
    background: #555555;
    color: #fff;
    border: none;
}
/* Map */
#map_canvas {
    width: 1000px;
    height: 400px;
    display: none;
}


.board-list .board-setup {
    position: relative;
    border: 1px solid #d5d5d5;
    height: 38px;
    margin-bottom: 20px;
}
.board-list .board-setup .select {
    position: absolute;
    top: -1px;
    left: -1px;
    display: inline-block;
    width: 200px;
}
.board-list .board-setup-btn-box {
    position: absolute;
    top: -1px;
    right: -1px;
    display: inline-block;
    width: 420px;
}
.board-list .board-setup-btn {
    float: left;
    width: 25%;
    height: 38px;
    line-height: 38px;
    color: #fff;
    text-align: center;
    font-size: 0.8125rem;
}
.board-list .board-setup-btn:nth-child(odd) {
    background-color: #000;
}
.board-list .board-setup-btn:nth-child(even) {
    background-color: #3c3c3e;
}
.board-list .board-setup-btn:hover {
    opacity: 0.8;
}
.board-list .favorite-setup {
    display: inline-block;
    width: 125px;
    margin-left: 15px;
}
.board-list .favorite-setup .toggle {
    padding-right: 45px;
}
.board-gallery {
    margin-left: -10px;
    margin-right: -10px;
}
.board-gallery .gallery-item,
.board-gallery .gallery-sizer {
    position: relative;
    width: 33.33333%;
}
.board-gallery .gallery-item-pd {
    padding: 10px;
}
.board-gallery .gallery-item-in {
    position: relative;
    background: #fff;
    border: 1px solid #e5e5e5;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.board-gallery .gallery-item-in:hover {
    border-color: #959595;
}
.board-gallery .gallery-item-in .gallery-item-category {
    position: relative;
    background: #fff;
    padding: 10px 15px;
    color: #959595;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
}
.board-gallery .gallery-item-in .gallery-item-category:after {
    content: "";
    display: block;
    clear: both;
}
.board-gallery .gallery-item-in .gallery-item-category .gl-label {
    float: right;
    display: inline-block;
    width: 70px;
    height: 20px;
    line-height: 20px;
    font-size: 0.8125rem;
    font-weight: 400;
    text-align: center;
    color: #fff;
    background-color: #a5a5a5;
}
.board-gallery .gallery-item .gallery-item-image {
    position: relative;
    overflow: hidden;
    padding: 15px 15px 0;
}
.board-gallery .gallery-item .gallery-item-image-in {
    position: relative;
    overflow: hidden;
    max-height: 500px;
}
.board-gallery .gallery-item .gallery-item-image-in:after {
    content: "";
    text-align: center;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    opacity: 0;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}
.board-gallery .gallery-item .gallery-item-image-in .movie-icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 40px;
    transform: translate(-50%,-50%);
    z-index: 1;
}
.board-gallery .gallery-item:hover .gallery-item-image-in:after {
    opacity: 1;
}
.board-gallery .gallery-item:hover .gallery-item-image-in {
    box-shadow: none;
}
.board-gallery .gallery-item .gallery-item-info .poll-label {
    display: inline-block;
    width: 70px;
    height: 20px;
    line-height: 20px;
    font-size: 0.75rem;
    text-align: center;
    color: #fff;
    background-color: #353535;
    margin-top: 3px;
    margin-bottom: 3px;
}
.board-gallery .gallery-item .gallery-item-info .poll-label.poll-label-image {
    background-color: #3949ab;
}
.board-gallery .gallery-item .gallery-item-info .poll-label.poll-label-video {
    background-color: #5e35b1;
}
.board-gallery .gallery-item .gallery-item-info {
    position: relative;
    padding: 15px;
}
.board-gallery .gallery-item .gallery-item-info h4 {
    font-size: 1.0625rem;
    color: #252525;
    line-height: 1.4;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
}
.board-gallery .gallery-item .gallery-item-info h4 .gallery-new-icon {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 14px;
    background-color: #ab0000;
    margin-right: 2px;
}
.board-gallery .gallery-item .gallery-item-info h4 .gallery-new-icon:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 5px;
    width: 2px;
    height: 6px;
    background-color: #fff;
}
.board-gallery .gallery-item .gallery-item-info h4 .gallery-new-icon:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 5px;
    width: 2px;
    height: 6px;
    background-color: #fff;
}
.board-gallery .gallery-item .gallery-item-info h4 .gallery-new-icon b {
    position: absolute;
    top: 3px;
    left: 8px;
    width: 2px;
    height: 8px;
    background-color: #fff;
    transform: rotate(-60deg);
}
.board-gallery .gallery-item .gallery-item-info .gallery-checkbox {
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 5px;
    z-index: 1;
}
.board-gallery .gallery-item:hover .gallery-item-info h4 {
    text-decoration: underline;
}
.board-gallery .gallery-item .gallery-item-info .gallery-cont {
    position: relative;
    color: #959595;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.board-gallery .gallery-desc {
    position: relative;
    margin-bottom: 10px;
}
.board-gallery .gallery-desc .gallery-photo {
    display: inline-block;
    margin-right: 2px;
}
.board-gallery .gallery-desc .gallery-photo img {
    width: 17px;
    height: 17px;
    border-radius: 50%;
}
.board-gallery .gallery-desc .gallery-photo .desc-user-icon {
    font-size: 0.9375rem;
}
.board-gallery .gallery-desc .gallery-lv-icon {
    display: inline-block;
    margin-left: 2px;
}
.board-gallery .gallery-ratings .star-ratings-list {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 18px;
    background: #fff;
}
.board-gallery .gallery-ratings .star-ratings-list li {
    padding: 0;
    float: left;
    margin-right: 0;
}
.board-gallery .gallery-ratings .star-ratings-list li .rating {
    color: #a5a5a5;
    font-size: 0.8125rem;
    line-height: normal;
}
.board-gallery .gallery-ratings .star-ratings-list li .rating-selected {
    color: #ab0000;
    font-size: 0.8125rem;
}
.board-gallery .gallery-item .gallery-item-bottom {
    position: relative;
    border-top: 1px solid #e5e5e5;
}
.board-gallery .gallery-item .gallery-item-bottom .float-start {
    padding: 15px;
}
.board-gallery .gallery-item .gallery-item-bottom .float-start i {
    color: #b5b5b5;
}
.board-gallery .gallery-item .gallery-item-bottom .float-end {
    padding: 15px;
    border-left: 1px solid #e5e5e5;
}
.board-gallery .gallery-item .gallery-item-bottom .float-end i {
    color: #b5b5b5;
}
.board-gallery .masonry-blick-100 {
    width: 100% !important;
    padding: 0 10px 10px;
}
.board-gallery .masonry-blick-100 .gallery-item-in {
    box-shadow: none;
    margin: 0;
}
.board-gallery .gallery-box-notice {
    position: relative;
    overflow: hidden;
    border: 1px solid #757575;
    padding: 12px 15px;
}
.board-gallery .gallery-box-notice:hover {
    border: solid 1px #757575;
}
.board-gallery .gallery-box-notice:first-child {
    margin-top: 0;
}
.board-gallery .gallery-box-notice .label {
    font-size: 0.8125rem;
    font-weight: normal;
    margin-bottom: 0;
}
.board-list .view-infinite-more {
    margin-top: 30px;
    margin-bottom: 40px;
}
.board-list .view-infinite-more .btn-e-xlg {
    position: relative;
    height: 50px;
    line-height: 50px;
    padding: 0 120px;
    font-size: 1.0625rem !important;
    border: 1px solid #b5b5b5;
    background: #fff;
    color: #757575;
}
.board-list .view-infinite-more .btn-e-xlg i {
    position: absolute;
    top: 10px;
    right: 5px;
    font-size: 30px;
    color: #fff;
    transition: all 0.2s ease-in-out;
}
.board-list .view-infinite-more .btn-e-xlg:hover {
    border: 1px solid #959595;
    background: #f5f5f5;
    color: #000;
}
.board-list .view-infinite-more .btn-e-xlg:hover i {
    color: #b5b5b5;
}
#infscr-loading {
    text-align: center;
    z-index: 100;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 200px;
    margin-left: -100px;
    padding: 8px 0;
    background: #000;
    opacity: 0.8;
    color: #fff;
}
.board-list .board-list-button-wrap:after {
    content: "";
    display: block;
    clear: both;
}
.board-list .board-list-button-wrap .blbw-left {
    float: left;
    margin-top: 5px;
}
.board-list .board-list-button-wrap .blbw-right {
    float: right;
    margin-top: 5px;
}
@media (max-width:1199px) {
    .board-gallery .gallery-item .gallery-item-bottom {
        font-size: 0.8125rem;
    }
}
@media (max-width:991px) {
    .board-gallery .gallery-item,
    .board-gallery .gallery-sizer {
        width: 50%;
    }
}
@media (max-width:767px) {
    .board-gallery .gallery-item-in .gallery-item-category {
        padding: 10px;
    }
    .board-gallery .gallery-item .gallery-item-image {
        padding: 10px 10px 0;
    }
    .board-gallery .gallery-item .gallery-item-image-in .movie-icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 30px;
    }
    .board-gallery .gallery-item .gallery-item-info {
        padding: 10px;
    }
    .board-gallery .gallery-item .gallery-item-info h4 {
        font-size: 1rem;
        margin-bottom: 10px;
    }
    .board-gallery .gallery-item .gallery-item-info .gallery-checkbox {
        top: 5px;
        right: 0;
    }
    .board-gallery .gallery-item .gallery-item-bottom .float-start {
        padding: 10px;
    }
    .board-gallery .gallery-item .gallery-item-bottom .float-end {
        padding: 10px;
    }
}
@media (max-width:576px) {
    .board-gallery {
        margin-left: -5px;
        margin-right: -5px;
    }
    .board-gallery .gallery-item-pd {
        padding: 5px 5px 15px;
    }
    .board-gallery .gallery-item-in {
        border: 0;
    }
    .board-gallery .gallery-item-in .gallery-item-category {
        padding: 10px 0 5px;
        border-bottom: 0;
    }
    .board-gallery .gallery-item .gallery-item-image {
        padding: 0;
    }
    .board-gallery .gallery-item .gallery-item-info {
        padding: 10px 0;
    }
    .board-gallery .gallery-item .gallery-item-info .gallery-checkbox {
        right: -10px;
    }
    .board-gallery .gallery-item .gallery-item-bottom {
        border-top: 0;
    }
    .board-gallery .gallery-item .gallery-item-bottom .float-start {
        padding: 0 0 10px;
    }
}

.pst_info {
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap:1em;
    margin:.75em 0 0 0;
    padding-top:.75em;
    border-top:1px solid #e9e9e9;
}
.pst_info.write {
    margin:.25em 0 2em 0;
    padding-top:0;
    border:none;
}
.pst_info li {
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap:.5em;
    font-size:.875em;
    color:#969696;
}
.pst_info.write li {
    flex-direction:column;
    align-items: flex-start;
}
.pst_info li span {
    font-weight:600;
}

.pst_info.write li span {
    color:#212121;
    text-align:flex-start;
}

.pst_info.write label,
.pst_info.write input,
.pst_info.write .input {
    margin:0;
}
.text-lblue {
    color:#7492E3;
}

.univ_info.tabs {
    margin:2em 0;
    border-bottom:1px solid #E9E9E9;
}
.page-univ .univ_info.tabs {
    margin-bottom:0;
}
.univ_info.tabs ul {
    display:flex;
    justify-content:flex-start;
    align-items: center;
    margin:0 auto;
    width:100%;
    max-width:1200px;
}
.univ_info.tabs ul li {
    border-bottom:2px solid transparent;
}
.univ_info.tabs ul li.active {
    border-color:#212121;
}
.univ_info.tabs ul li a {
    display:block;
    padding:1em 2em;
    font-size:1.125em;
    color:#979797;
}
.univ_info.tabs ul li.active a {
    font-weight:700;
    color:#212121;
}
.board-list .tab-scroll-category .tab-category-divider {
    display:none;
}
.board-list .tab-scroll-category #tab-category .category-list {
    display:flex;
    justify-content:flex-start;
    align-items: center;
}
.board-list .tab-scroll-category #tab-category .category-list span {
    display:block;
    padding:1em 0;
}
.board-list .tab-scroll-category #tab-category .category-list span a {
    display:block;
    padding:0 1em;
    height:auto !important;
    border-left:1px solid #E9E9E9;
}
.board-list .tab-scroll-category #tab-category .category-list span:first-child a {
    border:none;
}

.univ_main {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: center;
}
.univ_main .title_area {
    width:100%;
}
.univ_main .img_area {
    margin:1em 4em 0 0;
}
.univ_main .text_area > img {
    display:block;
    margin-bottom:1em;
}
.univ_main .text_area > span {
    font-size:1.5em;
    font-weight:700;
    line-height:1.3em;
    color:#212121;
}
.univ_main .text_area ul {
    margin-top:1em;
}
.univ_main .text_area ul li {
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap:1em;
    margin-top:.5em;
}
.univ_main .text_area ul li > * {
    display:block;
}
.univ_main .text_area ul li span {
    font-weight:600;
    width:6em;
}
.counsel_list.s4.univ_list .panel > li > ul > li {
    width:calc((100% - 3em) / 4);
}
.counsel_list.s4.univ_list .panel > li > ul > li .text_area .tag_area {
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap:.5em;
    margin-bottom:.5em;
}

.cst_radio span {
    display:block;
    padding:1em;
    text-align:center;
    border-radius:.5em;
    border:1px solid #e9e9e9;
}
.cst_radio input:checked + span {
    color:#fff;
    background-color:#212121;
    border-color:#212121;
}
.flex_rdo {
    display:flex;
    justify-content:flex-start;
    align-items: center;
    gap:.5em;
}
.flex_rdo.type label {
    width:calc((100% - 2em) / 5);
}
.flex_rdo.nation label {
    width:calc((100% - 2.5em) / 6);
}

.banner_area.cb_top {
    background:url(../image/sub/bg_cbtop.png) no-repeat center;
    background-size: cover;
}
.banner_area.clb_top {
    background:url(../image/sub/bg_clbtop.png) no-repeat center;
    background-size: cover;
}

.banner_area.prd_top {
    padding:3.5em 0;
    background:url(../image/sub/bg_prdtop.png) no-repeat center;
    background-size: cover;
}

.banner_area.cb_mid {
    background:url(../image/sub/bg_cbmid.png) no-repeat center;
    background-size: cover;
}
.banner_area.cb_top .text_area,
.banner_area.clb_top .text_area,
.banner_area.cb_mid .text_area {
    display:table;
    margin:0 auto;
    padding:3.5em 0 7em;
}
.banner_area.cb_top .text_area span,
.banner_area.cb_top .text_area p {
    color:#C5D4FF;
    display:table;
    margin:0 auto;
    text-align: center;
}
.banner_area.cb_top .text_area span {
    font-size:2.5em;
    font-weight:600;
    letter-spacing:-0.03em;
    line-height:1.2em;
}
.banner_area.cb_top .text_area span b {
    font-weight:600;
    color:#fff;
}
.banner_area.cb_top .text_area p {
    margin-top:.5em;
    font-size:1.25em;
}
.btn.mentors {
    display:table;
    padding:.5em 2em;
    width:90%;
    font-size:1em;
    text-align:center;
    color:#fff;
    font-weight:600;
    background-color:#4B70D7;
    border-radius:.75em;
}
.counsel_area.mentor.cb_mentor .container {
    /* align-items: center; */
}
.counsel_area.mentor.cb_mentor .panel {
    margin-top:0;
}
.rules_area {
    padding: 7em 0;
    background-color:#fff;
}
.rules_area ul {
    display:flex;
    flex-direction: column;
    gap:2.5em;
}
.cb_review {
    background-color:#fff;
}
.cb_review .title_area span,
.cb_review .title_area p {
    display:table;
    margin:0 auto;
    text-align:center;
}
.cb_review .title_area p {
    margin-bottom:.75em;
    font-size:1.125em;
    color:#8096AA
}
.cb_review .title_area span {
    font-size:2em;
    font-weight:700;
    line-height:1.4em;
    color:#212121;
}

.cb_review .cb_review_list {
    position:relative;
    margin-top:3em;
}
.cb_review .cb_review_list::before {
    position:absolute;
    content:'';
    left:0;
    top:0;
    width:10em;
    height:100%;
    background: #FFF;
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF00", GradientType=1);
    z-index: 1;
}
.cb_review .cb_review_list::after {
    position:absolute;
    content:'';
    right:0;
    top:0;
    width:10em;
    height:100%;
    background: #FFF;
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF00", GradientType=1);
    z-index: 1;
}
.cb_review .cb_review_list ul {
    display:flex;
    justify-content:center;
    align-items: stretch;
    gap:1em;
    margin-bottom:1.5em;
}
.cb_review .cb_review_list ul:last-child {
    margin-bottom:0;
}
.banner_area.cb_bot {
    background-color:#fff;
}
.banner_area.clb_top .container,
.banner_area.prd_top .container {
    display:flex;
    justify-content:space-between;
    align-items: center;
}
.banner_area.clb_top .text_area span,
.banner_area.clb_top .text_area p,
.banner_area.prd_top .text_area span,
.banner_area.prd_top .text_area p {
    color:#fff;
    display:table;
}
.banner_area.clb_top .text_area span,
.banner_area.prd_top .text_area span {
    font-size:2.5em;
    font-weight:600;
    letter-spacing:-0.03em;
    line-height:1.4em;
}
.banner_area.clb_top .text_area p {
    margin-bottom:1.5em;
    opacity:.7;
}
.banner_area.prd_top .text_area p {
    margin-top:1.5em;
    opacity:.7;
}

.clb_benefit {
    padding:4em 0;
}

.clb_benefit .title_area span {
    font-size:2em;
    font-weight:700;
}
.clb_benefit .title_area span b {
    color:#BA3434;
    font-weight:700;
}
.clb_benefit_list {
    margin-top:2.5em;
}
.clb_benefit_list ul {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items: center;
    gap:.625em;
}
.clb_benefit_list ul li {
    width:calc((100% - 1.875em) / 4);
}
.cb_mentor {
    position:relative;
}
.cb_mentor::before {
    position:absolute;
    content:'';
    left:0;
    top:0;
    width:10em;
    height:100%;
    background: #FFF;
    background: -webkit-linear-gradient(90deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 0) 100%);
    background: -moz-linear-gradient(90deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 0) 100%);
    background: linear-gradient(90deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF00", GradientType=1);
    z-index: 1;
}
.cb_mentor::after {
    position:absolute;
    content:'';
    right:0;
    top:0;
    width:10em;
    height:100%;
    background: #FFF;
    background: -webkit-linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 1) 100%);
    background: -moz-linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 1) 100%);
    background: linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF00", GradientType=1);
    z-index: 1;
}
.counsel_area.cb_mentor::before,
.counsel_area.cb_mentor::after {
    display:none;
}
.counsel_area.mentor.cb_mentor .container {
    position:relative;
    /* flex-direction:column; */
}
.counsel_area.mentor.clb .ms.title_area {
    width: calc((100% - 2em) / 3);
}
.counsel_area.mentor.clb .counsel_list {
    width: calc(((100% - 2em) / 3) * 2);
}
.cb_review.clb {
    background-color: #f5f5f5;
}
.cb_review.clb .title_area p {
    margin-top: .75em;
    color: #AA8081;
}
.cb_review.clb .title_area span b {
    font-weight: 700;
    color:#BA3434;
}
.clb .ms.title_area > span b {
    color: #BA3434;
}
.img_area.clb {
    position:relative;
    border-radius:0 1.5em 1.5em 0;
    overflow:hidden;
}
.img_area.clb::before {
    position:absolute;
    content:'';
    left:0;
    top:0;
    width:20em;
    height:100%;
    background: #FFF;
    background: -webkit-linear-gradient(90deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 0) 100%);
    background: -moz-linear-gradient(90deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 0) 100%);
    background: linear-gradient(90deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF00", GradientType=1);
    z-index: 1;
}

.clb_curri {
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap:2em;
    padding:4em 0;
}
.clb_curri li {
    position:relative;
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding:3em 2em;
    width:100%;
    border-radius:1.25em;
    border:1px solid #E9E9E9;
}
.clb_curri li span {
    display:table;
    margin-bottom:1em;
    font-size:1.5em;
    font-weight:600;
}
.clb_curri li span small {
    font-size:.625em;
    font-weight:400;
    color:#AA8081;
}
.clb_curri li p {
    color:#777777;
}
.clb_curri li p b {
    color:#212121;
}
.clb_curri li a {
    position:absolute;
    bottom:2em;
    right:3em;
    display:table;
    padding:.75em 2em;
    color:#BA3434;
    border:1px solid #FAEBEB;
    border-radius:.5em;
}
.clb.feedback {
    position: relative;
    z-index: 1;
    padding:4em 0;
    background-color:#654142;
    border-radius: 5em;
}
.special.prep.cb_review.feedback .title_area span {
    margin-left:0;
    color:#212121;
    text-align:left;
}
.cb_review.feedback .title_area span {

}
.cb_review.feedback .title_area p {
    color:#FAEBEB;
}
.cb_review.feedback .img_area {
    margin-top:4em;
}
.special.prep.cb_review.feedback .img_area {
    margin:0;
}
.cb_review.feedback .img_area img {
    display:table;
    margin:0 auto;
    padding-left:50px;
}
.special.prep.cb_review.feedback .img_area img {
    padding:0;
}
.class_bottom {
    padding:9em 0 4em;
    margin-top:-5em;
    background-color:#FCF3F3;
}
.class_bottom .container {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: flex-end;
}
.class_bottom .container span {
    font-size:1.625em;
    font-weight:700;
    color:#AA8081;
}
.class_bottom .container span:last-child {
    text-align:right;
}
.class_bottom .container span b {
    font-weight:700;
    color:#654142;
}
.prd_info {
    padding:4em 0;
}
.prd .title_area span, 
.prd .title_area p {
    /* display: table; */
    margin: 0 auto;
    text-align: center;
}
.prd .title_area span {
    font-size: 2em;
    font-weight: 700;
    line-height: 1.4em;
    color: #212121;
}
.prd .title_area span b {
    font-weight: 700;
    color:#4B70D7;
}
.prd_info_list {
    margin: 2em 0;
}
.prd_info_list ul {
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center;
    gap:1.25em;
}
.prd_info_list ul li {
    width:calc((100% - 2.5em) / 3);
}
.prd_info a.btn {
    display:table;
    margin:0 auto;
    padding:.75em 3em;
    width:auto;
    font-size:1.125em;
    font-weight:500;
    color:#fff;
    background-color:#4B70D7;
    border-radius:.625em;
}
.prd_benefit {
    padding:4em 0;
}
.prd_bnflist01 ul {
    display:flex;
    flex-direction: column;
    gap:2.5em;
    margin-top:3em;
}
.prd_bnflist01 ul li {
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:3em;
    background-color:#fff;
    border-radius:1.25em;
    border:1px solid #EBEFFA;
}

.prd_service {
    padding:4em 0;
}
.prd_service .swiper {
    margin-top:3em;
}
.prd_service .swiper .swiper-wrapper .swiper-slide {
    padding:0 1em;
    width:calc((100% - 4em) / 3);
}
.prd_data {
    padding-top:4em;
    background:url(../image/sub/bg_prdbottom.png) no-repeat center;
    background-size: cover;
}
.prd .prd_data .title_area span,
.prd .prd_data .title_area p {
    color:#fff;
}
.prd .prd_data .title_area p {
    margin-top:.75em;
}
.prd_data .img_area {
    margin-top:3em;
}
.prd_data .img_area img {
    display:table;
    margin:0 auto;
}

.page_tit {
    padding:5em 0 3em;
}
.page_tit span {
    font-size:2em;
    font-weight:700;
    color:#212121;
}
.page_tit p {
    display:table;
    margin-top:.5em;
}
.mp_area {
    margin-top:3em;
}

/* special layout */
.banner_area.duo_top {
    padding-top:0;
    background: linear-gradient(92.18deg, #28386E 2.5%, #151B3B 46.7%);
}
.sogang .banner_area.duo_top {
    padding-top:0;
    background: url(../image/sub/bg_sogangtop.png) no-repeat center;
}
.prep .banner_area.duo_top {
    padding:4em 0;
    background: url(../image/sub/bg_preptop.png) no-repeat center;
}
.banner_area.malay_top {
    padding:0;
    background: url(../image/sub/bg_malaytop.png) no-repeat center;
}
.banner_area.singapore_top {
    padding:0;
    background: url(../image/sub/bg_singaporetop.png) no-repeat center;
}
.duo_top .container,
.malay_top .container,
.singapore_top .container {
    position:relative;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.duo_top .container img.books {
    position:absolute;
    right:1vw;
    bottom:0;
    width:30vw;
}

.counsel_list.sp_duolingo .panel > li > ul > li {
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width:calc((100% - 3em) / 4);
    cursor: auto;
}
.counsel_list.sp_duolingo .panel > li > ul > li .text_area {
    padding:1em 1em 0;
}
.counsel_list.sp_duolingo .panel > li > ul > li .text_area * {
    display:block;
    text-align:center;
}
.counsel_list.sp_duolingo .panel > li > ul > li .text_area span {
    font-size:1.125em;
    font-weight:700;
    line-height: 1.3em;
}
.counsel_list.sp_duolingo .panel > li > ul > li .text_area p {
    margin-top:.5em;
    color:#777777;
}
.counsel_list.sp_duocurri .panel > li > ul > li {
    width:calc((100% - 1em) / 2);
}

.duolingo.program .ms.title_area,
.duolingo.benefit .ms.title_area,
.sogang.benefit .ms.title_area,
.sogang.univ .ms.title_area {
    flex-direction: column;
    align-items: flex-start;
    gap:1em;
}
.sogang.benefit .ms.title_area {
    margin-bottom:2em;
}
.duolingo.program .ms.title_area p {
    color:#979797;
}
.sp_duoschedule > .panel > li p.alert {
    padding:0;
    color:#F85F58;
}
.counsel_list.sp_duoschedule .panel > li > ul > li,
.sogang .counsel_list.sp_sogangprog .panel > li > ul > li {
    padding:0 1em;
    width: calc((100% - 2em) / 3);
    border:1px solid #E9E9E9;
    border-radius:.625em;
}
.sp_duotable {
    /* margin-top:2em; */
}

.duolingo.benefit {
    padding:4em 0;
    background:#0F3233 url(../image/sub/bg_duobnf.png) no-repeat center;
}
.sogang.benefit {
    padding:4em 0;
    background:#5C1E21 url(../image/sub/bg_duobnf.png) no-repeat center;
}

.duolingo.benefit .ms.title_area span,
.duolingo.benefit .ms.title_area p,
.sogang.benefit .ms.title_area span,
.sogang.benefit .ms.title_area p {
    margin:0 auto;
    color:#fff;
    text-align:center;
}
.sogang.univ .ms.title_area span,
.sogang.univ .ms.title_area p {
    margin:0 auto;
    text-align:center;
}
.duolingo.benefit .ms.title_area span b {
    color:#89E219;
}
.duolingo.benefit .counsel_list.sp_duoschedule .panel > li > ul > li,
.sogang .counsel_list.sp_sogangprog .panel > li > ul > li {
    padding:0;
    border:none;
    cursor:auto;
}
.duo_mentor {
    display:flex;
    justify-content: space-between;
    align-items: center;
    gap:1em;
    margin:0 auto;
    max-width:1200px;
}
.duo_mentor img:first-child {
    max-width:24.8125em;
}
.duo_mentor img:last-child {
    max-width:calc(100% - 27.8125em);
}

.duolingo .ms.title_area > span b,
.duolingo .faq_area .faq-box .faq_list li .question:before,
.duolingo .faq_area .faq-box .faq_list li .answer:before {
    color:#398A8F;
}
.sogang .ms.title_area > span b {
    color:#B60007;
}
.sogang .benefit01 ul {
    display:flex;
    flex-direction: column;
    gap:1em;
    margin-top:2em;
}
.sogang .counsel_list .panel > li > ul > li {
    width:calc((100% - 1em) / 2);
}

.prep .ms.title_area > span b {
    color:#3774CF;
}

.sp_univ ul {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: center;
    gap:1em;
}
.sp_univ {
    margin-top:2em;
}
.sp_univ ul li {
    width:calc((100% - 4em) / 5);
}
.sogang.bottom {
    padding:8em 0;
    background:url(../image/sub/bg_sogangbot.png) no-repeat center;
}
.sogang.bottom .container {
    display:flex;
    flex-direction: column;
    align-items: flex-start;
}
.btn_sogang {
    display:table;
    margin-top:2em;
    padding:1em 3em;
    color:#fff;
    background-color:#B60007;
    border-radius:.625em;
}

.prep.benefit01 ul {
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap:1em;
    margin-top:1.5em;
}
.prep.benefit01 ul li {
    width:calc((100% - 3em) / 4);
}
.prep.benefit02 ul {
    display:flex;
    flex-direction:column;
    gap:1em;
    margin-top:1.5em;
}
.prep.benefit02 .curri {
    margin-top:1.5em;
}
.schedule .schedule {
    margin-top:2em;
}
.schedule .schedule ul {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: center;
    gap:0;
}
.schedule .schedule ul li {
    display:block;
    width:calc(100% / 3);
}

.prep.feedback .ms.title_area {
    flex-direction: column;
    align-items: flex-start;
    gap:.5em;
    margin-bottom:2em;
}
.prep.feedback .ms.title_area p {
    color:#979797;
}
.btn_prep {
    display: table;
    margin: 2em auto 0;
    padding: 1em 3em;
    color: #fff;
    background-color: #237BFF;
    border-radius: .625em;
}

.prep.bottom {
    background:url(../image/sub/bg_prepbot.png) no-repeat center;
    background-size: cover;
}

.malay_top .container .img_area,
.singapore_top .container .img_area {
    margin-right:-3em;
}

.popup_body{
  display:none;
  position:fixed;
  top:0;left:0;right:0;bottom:0;
  -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;
    z-index: 1003;
}
.popup_body_show{
  display:block;
  -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;
}
.popup_back{
  background: rgba(0,0,0,0.4);
  position: fixed;
  left:0;right:0;top:0;bottom:0;
}
.popup_contain {
  position:absolute;
  top:50%;
  left:50%;
  background:#fff;
  min-width:60vw;
  max-width:80vw;
  max-height:90vh;
  padding: 2em 1.5em;
  overflow-y:auto;
  overflow-x:hidden;
  transform:translate(-50%,-50%);
  border-radius:1em;
}
.popup_close{
  background:red;
  padding:3px 10px 5px;
  position: absolute;
  right:-10px;
  top:-10px;
  color: #fff;
  border-radius: 50%;
}
.popup_contain .pop_tit {
    padding-bottom:1em;
    border-bottom:1px solid #E9E9E9;
}
.popup_contain .pop_tit span {
    font-size:1.75em;
    font-weight:700;
    color:#212121;
}
.popup_contain .pop_tit p {
    display:block;
    color:#646464;
}
.popup_contain .class_target {
    padding:1em 0;
    border-bottom:1px solid #E9E9E9;
}
.popup_contain .class_intro {
    width:100%;
    margin-top:1em;
    padding:0;
    border-radius:.425em;
    background-color:#E9E9E9;
}
.popup_contain > .class_target > .text_area {
    padding:0 !important;
}
.popup_contain > .class_target > .text_area span,
.popup_contain .class_intro > .text_area span {
    margin-bottom:.5em;
}
.popup_contain > .class_target > .text_area p,
.popup_contain .class_intro > .text_area p {
    padding-left:.5em;
    color:#646464 !important;
    font-size:1em !important;
}
.popup_contain > .faq_area > .container {
    padding:1em 0 0 !important;
}
.popup_contain > .faq_area > .container > span {
    font-size:1.125em;
    font-weight:600;
}
.popup_contain > .faq_area > .container .faq-box {
    margin-top:.5em;
}
.popup_contain > .faq_area > .container .faq-box .faq_list li {
    padding:1em 1em 0;
}
.popup_body .guide ul li {
    margin-top: .5rem;
    font-size: .875em;
}

.main-contents .mv_wrap {
    display:flex;
    justify-content: space-between;
    align-items: flex-start;
    padding:6em 0 4em;
}
.main-contents .mv_wrap .text_area {
    padding-top:1em;
    width:calc(100% - (5em + 37.375em));
}
.main-contents .mv_wrap .text_area .tag_area {
    display:flex;
    justify-content: space-between;
    align-items: center;
    /* gap:1em; */
    margin-top:2em;
}
.main-contents .mv_wrap .text_area .tag_area a {
    position:relative;
    display:block;
    padding:.5em .75em;
    font-size:.875em;
    font-weight:600;
    color:#7B7B7B;
    background-color:#EAE9E3;
    border-radius:5em;
    border:1px solid transparent;
}
.main-contents .mv_wrap .text_area .tag_area a.first {
    margin-right:.75em;
    background-color:#E4F1F2;
    color:#398a8f;
    border-color:#B0CBCD;
}
.main-contents .mv_wrap .text_area .tag_area a.first:after {
    content:'';
    position:absolute;
    top:0;
    right:-1.1em;
    width:1px;
    height:100%;
    background-color:#DFE5E5;
}
.main-contents .mv_wrap .text_area .tag_area a:hover {
    color:#398A8F;
}
.bf_slider {
    overflow:hidden;
}
.main-contents .mv_wrap .sampSwiper {
    width:35em;
    height:16.95em;
}
.main-contents .mv_wrap .sampSwiper .swiper-slide {
    border-radius:1em;
    overflow:hidden;
}
.main-contents .mv_wrap .Dropdown {
  position: relative;
  margin-top:3em;
  padding-inline: 1.5rem;
  padding-block: 0.75rem;
  border-radius: 2em;
  width:100%;
  text-align: left;
  color: #969696;
  background-color: #fff;
  box-shadow: 0 .25em .5em rgba(0,0,0,.1);
  transition: all 0.2s ease;
  border:none;
}
.main-contents .mv_wrap .Dropdown:after {
    content:'';
    position:absolute;
    top:1.5em;
    right:2em;
    width:1.5em;
    height:1em;
    background:url(../image/sub/arrow_down.svg) no-repeat center;
    transition: all .2s ease-in-out;
}
.main-contents .mv_wrap .Dropdown.is-expanded:after {
    transform: rotate(180deg);
}
.main-contents .mv_wrap .dropdown-label {
  display: inline-flex;
  align-items: center;
  column-gap: 0.5rem;
  font-family: inherit;
  font-size:1.125rem;
  font-weight: 500;
  line-height: 1.5;
  user-select: none;
}
.main-contents .mv_wrap .dropdown-menu {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  z-index: 9;
  opacity: 0;
  width: 100%;
  overflow: hidden;
  text-align: start;
  transform: scaleY(0);
  transform-origin: top;
  border-radius: 0.25rem;
  background-color: inherit;
  box-shadow: inherit;
  transition: all 0.2s ease;
}
.main-contents .mv_wrap .dropdown-item {
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  padding-block: 0.75rem;
  padding-inline: 1.5rem;
  transition: all 0.2s ease;
}
.main-contents .mv_wrap .dropdown-item:hover {
  background-color: var(--color-dark-200);
}
.main-contents .mv_wrap .dropdownn.is-active .dropdown-menu {
  opacity: 1;
  transform: scaleY(1);
}

.Dropdown-nav {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: height 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: height 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.Dropdown-nav ul {    
  list-style: none;
  /* margin: 0; */
  padding:.5em 0 0 0;
}
.Dropdown-nav li {
  position: relative;
}
.Dropdown-nav li a {
  color: #ccc;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.Dropdown-nav li a:hover {
  color: #49bcbe;
}
.Dropdown-nav li .OptionLink {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 22px;
  font-size: 18px;
  margin: auto;
  z-index: 5;
}
.Dropdown-nav li .NavLink {
  line-height: 24px;
}
.Dropdown.is-expanded nav {
    margin-top:1em;
  height: 202px;
  overflow-y:auto;
  border-top: 1px solid #189766;
}

.Dropdown-group {
}

.Dropdown.is-expanded .MenuIcon-line:nth-child(1) {
  top: 50%;
}
.Dropdown.is-expanded .MenuIcon-line:nth-child(3) {
  top: 50%;
}
@media screen and (max-width:1024px) {
    .header-title .container .nav_btn {
        display:flex;
    }
    .header_left {
        position:relative;
        z-index: 999;
    }
    .gnb_bg.on {
        display:none;
    }
    .nav_open {
        display:none;
        position:absolute;
        top:0;
        left:0;
        padding-top:4em;
        width:100vw;
        max-width:100%;
        height:100vh;
        background-color:#fff;
        z-index: 998;
    }
    .nav_open.active {
        display:block;
    }
    .header-title .container .nav, 
    .header-title .container .snb {
        display:block;
    }
    .header-title .container .nav_open.on .nav > li .sub_nav, 
    .header-title .container .nav_open.on .snb > li .sub_nav {
        display:none;
    }
    .header-title .container .nav_open .nav > li.on .sub_nav, 
    .header-title .container .nav_open .snb > li.on .sub_nav {
        display:block;
    }
    .header-title .container .nav {
        padding-top:1.5em;
        border-top:1px solid #E9E9E9;
        height:auto;
    }
    .header-title .container .nav > li, 
    .header-title .container .snb > li {
        display:block;
        padding:.75em 1em;
    }
    .header-title .container .nav > li a, 
    .header-title .container .snb > li a {
        padding:0;
        font-weight:700;
        color:#454545;
    }
    .header-title .container .nav_open .nav > li.on .sub_nav, 
    .header-title .container .nav_open .snb > li.on .sub_nav {
        padding:1em .5em 0;
    }
    .header-title .container .nav > li.on, 
    .header-title .container .snb > li.on {
        border-color:transparent;
    }
    .header-title .container .nav > li .sub_nav a,
    .header-title .container .snb > li .sub_nav a {
        color:#979797;
        font-weight:500;
    }
    .header-title .container .nav > li.on > a, 
    .header-title .container .snb > li.on > a,
    .header-title .container .nav > li.on .sub_nav a,
    .header-title .container .snb > li.on .sub_nav a {
        color:#398A8F;
    }
    .header-title .container .nav > li .sub_nav, 
    .header-title .container .snb > li .sub_nav {
        position:relative;
        left:auto;
        padding:0 .5em;
    }
    .presentation_list .panel > li > ul > li {
        width:calc((100% - 2em) / 3);
    }
    .greeting .container {
        /* align-items: flex-end; */
    }
    .greeting .container .img_area {
        margin-right:14em;
        max-width:17em;
    }
    .greeting .container .text_area span {
        margin:.5em 0 1em;
        font-size:2em;
    }
    .greeting .container .text_area p {
        font-size:1em;
    }
    .msection.greeting {
        padding:8em 1em 4em;
        border-radius:10em 0 0 0;
    }
}

@media screen and (max-width:768px) {
    .main-contents .mv_wrap {
        padding:3em 0 2em;
        flex-direction:column-reverse;
    }
    .main-contents .mv_wrap .text_area {
        margin:1em auto 0;
        width:100%;
        max-width:35em;
    }
    .main-contents .mv_wrap .text_area .tag_area {
        flex-wrap:wrap;
        justify-content:flex-start;
        gap:.5em;
    }
    .main-contents .mv_wrap .text_area .tag_area a.first {
        margin-right:1em;
    }
    .main-contents .mv_wrap .text_area .tag_area a.first:after {
        right:-.85em;
    }
    .main-contents .mv_wrap .Dropdown {
        margin-top:1em;
    }
    .main-contents .mv_wrap .dropdown-item {
        padding-inline: 0;
    }
    .main-contents .mv_wrap .text_area > img {
        display:none;
    }
    .main_link ul {
        gap:3vw;
    }
    .main_link ul li {
        width:calc((100% - 9vw) / 4);
    }
    .msection {
        padding:2em 0;
    }
    .ms.title_area {
        flex-wrap:wrap;
        gap:1em;
    }
    .ms.title_area .tab {
        width:100%;
    }
    .tab_tit li:first-child a {
        border:none;
    }
    .presentation_list .panel > li > ul > li {
        width:calc((100% - 1em) / 2);
    }
    .counsel_list .panel > li > ul > li {
        width:calc((100% - 2em) / 3);
    }
    .msection.review_area .container {
        flex-direction: column;
    }
    .ms.title_area.youtube,
    .msection.review_area .review_list {
        width:100%;
        overflow-x:scroll;
    }
    .msection.board_area .ms.title_area {
        flex-direction: column;
        align-items: flex-start;
        gap:0.5em;
    }
    .msection.board_area .board_cont > ul > li.half {
        width:calc((100% - 1em) / 2);
    }
    .msection.board_area .board_cont > ul > li.notice {
        width:100%;
    }
    .award_area .award_list .swiper-slide {
        width:calc((100% - 3em) / 4);
    }
    .msection.review_area .review_list.youtube ul li {
        width:calc((100% - 2em) / 3);
    }
    .footer-top .container {
        flex-direction: column;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    .footer-right-nav {
        display:none;
        justify-content: flex-start;
    }
    .footer-nav .btn_area.bot {
        position:relative;
        left:auto;
        bottom:auto;
    }
    .footer-nav p {
        display:flex;
    }
    .banner_area.cb_top .text_area span {
        font-size:5vw;
    }
    .banner_area.cb_top .text_area p {
        font-size:2.5vw;
    }
    .counsel_area.mentor .ms.title_area {
        width:100%;
    }
    .counsel_area.mentor .ms.title_area span {
        margin-bottom:0;
    }
    .counsel_area.mentor .ms.title_area span br:last-child {
        display:none;
    }
    .counsel_area.mentor .ms.title_area .btn.mentors {
        margin:20em auto 0;
    }
    .page-counsel .counsel_area.mentor .counsel_list {
        position: relative;
        top:auto;
    }
    .page-counsel .counsel_area.cb_mentor .counsel_list {
        position:absolute;
        top:8em;
        width:100%;
    }
    .counsel_area.mentor .counsel_list .panel > li {
        overflow-x: auto;
    }
    .counsel_area.mentor .counsel_list .panel > li ul {
        flex-wrap:nowrap;
        /* min-width:200vw; */
    }
    .counsel_area.mentor .counsel_list .panel > li > ul > li {
        width:13em;
    }
    .cb_mentor::before,
    .cb_mentor::after {
        width:10vw;
    }
    .msection.review_area .review_list ul li .text_area, .counsel_list .panel > li > ul.mentor_list > li .text_area {
        padding:1em .5em;
    }
    .counsel_area.mentor .counsel_list .panel > li > ul > li .btn_area p {
        font-size:.75em;
        font-weight:400;
        letter-spacing:-0.06em;
    }
    .panel ul li .btn_area {
        gap:.25em;
    }
    .rules_area {
        padding:4em 0;
    }
    .cb_review .title_area span {
        font-size:1.5em;
    }
    .cb_review .title_area p {
        font-size:1em;
    }
    .cb_review .cb_review_list::before,
    .cb_review .cb_review_list::after {
        display:none;
    }
    .cb_review .cb_review_list {
        overflow-x:auto;
        margin-top:2em;
        width:100%;
    }
    .cb_review .cb_review_list > ul {
        min-width:210vw;
        justify-content: flex-start;
    }
    .banner_area.procedure .rectangle {
        right:5vw;
        width:40vw;
        background-size:contain;
        background-position: bottom;
    }
    .banner_area .title-9 {
        top:40%;
        left:5vw;
    }
    .banner_area .consultation-b,
    .banner_area .different-points {
        display:block;
        font-size:4vw;
    }
    .counsel_link .container {
        overflow-x:scroll;
    }
    .procedure_link {
        min-width: 150vw;
    }
    
    .procedure_link .text,
    .procedure_link .text-5,
    .procedure_link .text-9,
    .procedure_link .text-10,
    .procedure_link .text-c {
        display:none;
    }
    .banner_area.prd_top .container {
        justify-content: center;
        gap:2em;
    }
    .banner_area.clb_top .text_area span, .banner_area.prd_top .text_area span {
        font-size:1.75em;
    }
    .banner_area.prd_top img {
        width:40vw;
    }
    .prd .title_area span {
        font-size:1.4em;
    }
    .prd_info_list ul {
        flex-direction: column;
    }
    .prd_info_list ul li {
        width:100%;
        max-width:20em;
    }
    .prd_bnflist01 ul li {
        flex-direction: column-reverse;
        gap:2em;
        padding:2em;
    }
    .banner_area.class .rectangle {
        width:50vw;
        right:5vw;
        bottom:-2em;
    }
    .class_mid_banner .container .text_area {
        padding:0 1em;
        width:100%;
    }
    .class_mid_banner .container .img_area img {
        margin:2em auto 0;
        transform: translateX(12vw);
    }

    .univ_info.tabs {
        overflow-x:auto;
    }
    .univ_info.tabs ul {
        min-width:100%;
        width:auto;
    }
    .univ_info.tabs ul li a {
        padding:.5em 1em;
        white-space: nowrap;
        font-size:1em;
    }
    .univ_main .img_area {
        margin:1.25em 0;
        width:100%;
    }
    .univ_main .img_area img {
        width:100%;
    }
    .mentor_list.univ_av {
        min-width:100%;
    }
    .counsel_list.s4.univ_list .panel > li > ul.mentor_list.univ_av li {
        width:calc((100% - 1em) / 2);
    }
    .duo_top .container img.books {
        display:none;
    }
    .banner_area.duo_top .img_area {
        transform:translateX(10vw);
    }
    .counsel_list.sp_duolingo .panel > li > ul > li {
        width:calc((100% - 1em) / 2);
    }
    
    .counsel_list.sp_duocurri .panel ul {
        flex-direction:column;
        flex-wrap:wrap;
        min-width:100%;
        width:100%;
    }
    .counsel_list.sp_duocurri .panel > li > ul > li {
        width:100%;
    }
    .counsel_list.sp_duoschedule .panel > li > ul > li {
        width:calc((100% - 1em) / 2);
    }
    .counsel_list.sp_duoschedule.bnf .panel > li > ul > li,
    .sogang .counsel_list.sp_sogangprog .panel > li > ul > li {
        width:100%;
    }
    .counsel_list.sp_duoschedule.bnf .panel > li > ul > li img,
    .sogang .counsel_list.sp_sogangprog .panel > li > ul > li img {
        margin:0 auto;
        max-width:28.3125em;
    }
    .duo_mentor {
        flex-direction:column;
    }
    .duo_mentor img:nth-child(2) {
        max-width:24.75em;
    }
    .duo_mentor img:last-child {
        max-width:100%;
    }
    .sp_univ ul li {
        width:calc((100% - 3em) / 4);
    }
    .prep .banner_area.duo_top .img_area {
        transform:none;
        max-width:35vw;
    }
    .prep .banner_area.duo_top .text_area {
        max-width:45vw;
    }
    .prep.benefit01 ul li {
        width:calc((100% - 1em) / 2);
    }
    .greeting .container .text_area {
        width:100%;
    }
    .greeting .container .img_area {
        margin:2em auto 0;
    }
    .greeting .container .pc {
        display:none !important;
    }
    .greeting .container .mobile {
        display:block !important;
    }
    .greeting .container .bot.mb {
        margin-top:-7em;
    }
    .greeting .container .bot ul {
        flex-direction:column;
        width:100%;
    }
    .greeting .container .bot ul li {
        width:100%;
    }
    .banner_area.counsel .rectangle {
        width:40vw;
        background-size:contain;
        background-position: bottom;
    }
    .banner_area .consultation {
        font-size:3vw;
    }
    .why_intro01 .container {
        flex-direction: column;
    }
    .why_intro01 .container .text_area {
        width:100%;
    }
    .counsel_area.mentor.why .counsel_list {
        margin-top:1em;
    }
    .mentor.why .counsel_list .panel {
        overflow-x:auto;
    }
    .mentor.why .counsel_list .panel ul {
        flex-wrap:nowrap;
        min-width:150vw;
    }
    .counsel_area.mentor.why .counsel_list .panel ul li .text_area span {
        font-size:1em;
    }
    .counsel_area.mentor.why .counsel_list .panel ul li .text_area p,
    .counsel_area.mentor.why .counsel_list .panel ul li .btn_area p {
        font-size:.875em;
    }
    .ebook_list ul li {
        width:calc((100% - 3em) / 4);
    }
    .ebook_intro ul li {
        flex-direction:column;
        align-items: center;
    }
    .ebook_form .container {
        flex-direction: column;
        gap:2em;
    }
    .ebook_form .frame-1,
    .ebook_form .frame-2 {
        width:100%;
    }
    .ebook_form .frame-8 {
        flex-direction: column;
        gap:2em;
    }
}
@media screen and (max-width:600px) {
    
    .main-contents .mv_wrap .sampSwiper {
        width:100%;
        max-width:35em;
        height:45.1vw;
    }
}

@media screen and (max-width:425px) {
    .header-title {
        height:6em;
    }
    .header-title .container {
        height:4em;
    }
    .header-title .container.mobile {
        height:auto;
    }
    .header-title .container.mobile ul {
        display:flex;
        justify-content: space-between;
        align-items: center;
        gap:1em;
    }
    .header-title .container.mobile ul li a {
        display:block;
        padding:.25em .5em;
        font-size:1em;
        color:#969696;
    }
    .banner_full .container {
        padding:0;
    }
    .main-contents .mv_wrap .dropdown-label {
        font-size:1.125em;
    }
    .main-contents .mv_wrap .dropdown-item {
        font-size:1em;
    }
    .sn > a {
        position:relative;
    }
    .sn > a:after {
        content: '';
        position: absolute;
        top: calc(50% - .5em);
        right: 0;
        width: 1em;
        height: 1em;
        background: url(../image/sub/ico_arrow_down.svg) no-repeat center;
        transition: ease-in-out all .2s;
    }
    .sn.on > a:after {
    transform: rotate(180deg);
}
    .main_link {
        padding:2em 1em;
        overflow-x:scroll;
    }
    .main_link ul {
        min-width: 55em;
        flex-wrap: nowrap;
    }

    .ms.title_area > span {
        font-size:1.25em;
    }
    .ms.title_area.youtube {
        position:relative;
    }
    .ms.title_area.youtube > span {
        display:flex;
        gap:.5em;
    }
    .ms.title_area.youtube > span br {
        display:none;
    }
    .ms.title_area.youtube a {
        position:absolute;
        top:.2em;
        right:0;
    }
    .msection.board_area .ms.title_area > p {
        font-size:1em;
    }
    .tab_tit a {
        font-size:1em;
        line-height:1.25em;
    }
    .msection.class_area.main {
        padding-bottom:2em;
    }
    .presentation_list .panel > li,
    .counsel_list .panel > li {
        /* overflow-x:scroll; */
    }
    .counsel_list.procedure.s4.big .panel > li {
        padding-bottom:2.5em;
    }
    .presentation_list .panel ul,
    .msection.review_area .review_list ul {
        flex-wrap:nowrap;
        /* min-width:200vw; */
    }
    .counsel_list .panel ul {
        flex-wrap:nowrap;
        /* min-width:300vw; */
    }
    .msection.review_area .review_list.youtube ul {
        flex-wrap:nowrap;
        /* min-width:500vw; */
    }
    
    .presentation_list .panel > li > ul > li,
    .counsel_list .panel > li > ul > li,
    .msection.review_area .review_list ul li,
    .msection.review_area .review_list.youtube ul li {
        /* width:100%; */
        width:70%;
    }
    .counsel_list.procedure .panel > li > ul > li {
        width:calc(50vw - 1.5em);
    }
    .counsel_list.procedure .panel ul {
        min-width:240vw;
    }
    .counsel_list.procedure .panel ul.mentor_list.univ_av {
        min-width:auto;
        width:100%;
        flex-wrap:wrap;
    }
    .counsel_list.procedure.asia .panel ul {
        min-width:470vw;
    }
    
    .award_area .award_list .swiper-slide {
        width:calc((100% - 1em) / 2);
    }
    .award_area .award_list .swiper-slide .img_area {
        height:30vw;
    }
    .class_area #row-4 .tab,
    .class_area #row-4 .tab * {
        opacity:0;
        height:0;
    }
    .msection.board_area .board_cont > ul > li.half {
        width:100%;
    }
    .msection.board_area .board_cont > ul > li.notice ul li a .tit {
        display:flex;
        align-items: flex-start;
        gap:.5em;
        width:100%;
        white-space: wrap;
    }
    .msection.board_area .board_cont > ul > li.notice ul li a .date {
        margin-left:1.125em;
    }

    /* .msection.board_area .board_cont > ul > li.notice {
        max-height:100vw;
        overflow-y:auto;
    } */

    .footer-nav {
        flex-wrap:wrap;
    }
    .footer-nav p {
        display:block;
        width:100%;
        text-align:left;
    }
    .footer-right-nav {
        margin-top:1em;
    }

    .banner_area {
        padding-top:1em;
    }
    .banner_area .photo {
        display:none;
    }
    .pc, .banner_area .pc {
        display:none !important;
    }

    .mobile, .banner_area .mobile {
        display:block !important;
        width:100%;
    }

    .page-class .counsel_list .panel ul {
        min-width: 600vw;
    }
    .page-class .counsel_list .panel .popup_contain ul {
        min-width: auto;
    }
    .class_mid_banner .container .text_area > span {
        font-size:1.5em;
    }
    .class_mid_banner .container .text_area > p {
        font-size:1em;
    }
    .class_mid_banner .container .text_area ul li {
        padding:1.25em .75em;
    }
    .class_mid_banner .container .text_area ul li span {
        font-size:1em;
        letter-spacing: -0.04em;
    }
    .class_mid_banner .container .text_area ul li p {
        font-size:.875em;
        word-break: break-all;
    }
    .faq_area .faq-box .faq_list li .question {
        padding-right:1.5em;
        font-size:.9em;
    }
    .faq_area .faq-box .faq_list li .question:after {
        top:.4em;
    }
    .counsel_link .frame-e {
        min-width:225vw;
    }
    .counsel_area.mentor .container {
        position:relative;
        flex-wrap:wrap;
    }
    .counsel_area.mentor .ms.title_area {
        width:100%;
    }
    .counsel_area.mentor .ms.title_area p {
        font-size:.875em;
    }
    .counsel_area.mentor .tab_tit {
        flex-direction: row;
    }
    .counsel_area.mentor .tab_tit li {
        width:auto;
    }
    .counsel_area.mentor .tab_tit a.show {
        border-color:transparent;
    }
    .counsel_area.mentor .tab_tit a {
        padding:0 .5rem;
        font-size:.875em;
    }
    .counsel_area.mentor .btns a {
        margin-top:0;
    }
    .counsel_area.mentor .counsel_list {
        width:100%;
    }
    .counsel_area.mentor .panel {
        margin-top:1em;
    }
    .banner_area.full img {
        height:auto;
        max-height:100%;
    }
    .procedure_link {
        min-width:300vw;
    }
    .counsel_list.s4.big .panel > li > ul > li .text_area span {
        font-size:1.125em;
    }
    .banner_area.cb_top .text_area span {
        font-size:6vw;
    }
    .banner_area.cb_top .text_area p {
        font-size:3vw;
    }
    .counsel_area.mentor .ms.title_area .btn.mentors {
        margin-top:78vw;
    }
    .banner_area.prd_top img {
        width:100%;
        max-width:85vw;
    }
    .banner_area.clb_top .container {
        flex-direction: column;
    }
    .banner_area.clb_top .text_area span {
        font-size:1.4em;
    }
    .banner_area.clb_top .text_area {
        padding:2em 0 3.5em;
    }
    .clb_benefit .title_area span {
        font-size:1.4em;
    }
    .clb_benefit_list ul li {
        width:calc((100% - 1.25em) / 2);
    }
    .counsel_area.mentor.clb .ms.title_area {
        width:100%;
    }
    .counsel_area.mentor.clb .counsel_list {
        position:relative;
        top:auto;
        width:100%;
    }
    .clb .ms.title_area > span b {
        display:block;
    }
    .img_area.clb::before {
        display:none;
    }
    .img_area.clb {
        border-radius:1.5em;
    }
    .clb_curri li {
        padding:1em;
    }
    .clb_curri li span small {
        display:block;
    }
    .clb_curri li a {
        position:relative;
        right:auto;
        bottom:auto;
        margin:1em auto;
        display:block;
        width:100%;
        text-align:center;
    }
    .clb.feedback {
        border-radius:2em;
    }
    .cb_review.feedback .img_area img {
        padding-left:0;
    }
    .class_bottom .container span {
        font-size:1.4em;
    }
    .class_bottom .container span:last-child {
        text-align: left;
        margin-top:1em;
    }
    .clb_curri {
        padding:2em 0;
    }
    .univ_main .text_area > span {
        font-size:1.25em;
    }
    .univ_main .text_area ul li > * {
        font-size:.875em;
    }
    .univ_main .text_area ul li > p {
        width:calc(100% - 7em);
        letter-spacing:-0.03em;
        word-break: break-all;
    }
    .duo_top .container {
        padding:0;
    }
    .counsel_list.sp_duolingo .panel ul {
        min-width:auto;
        width:100%;
        flex-wrap:wrap;
    }
    .counsel_list.sp_duolingo .panel > li > ul > li .text_area span {
        font-size:1em;
    }
    .duo_mentor {
        align-items: flex-start;
    }
    .duo_mentor img:first-child {
        max-width:80vw;
        margin-left:0;
    }
    .counsel_list .panel ul.sogangbnf {
        min-width:100%;
        flex-wrap:wrap;
    }
    .sogang .counsel_list .panel > li > ul.sogangbnf li {
        width:100%;
    }
    .sp_univ ul li {
        width:calc((100% - 2em) / 3);
    }
    .btn_sogang {
        width:100%;
        text-align:center;
    }
    .sogang.univ .ms.title_area p {
        font-size:.875em;
        letter-spacing:-0.03em;
    }
    .prep.feedback .ms.title_area {
        margin-bottom:0;
    }
    .prep.bottom {
        background:none;
    }
    .prep .banner_area.duo_top {
        padding:0;
    }
    .greeting .container .text_area span,
    .why_intro01 .container .text_area span {
        font-size:1.25em;
    }
    .greeting .container .text_area p:first-child {
        font-size:1em;
    }
    .greeting .container .text_area p {
        font-size:.875em;
    }
    .greeting .container .img_area {
        margin-right:0;
        max-width:12em;
    }
    .why_intro01 .container {
        flex-direction:column;
        gap:0;
    }
    .why_intro01.company .container .pc {
        display:none !important;
    }
    .why_intro01.company .container .mobile {
        display:block !important;
    }
    .why_intro01.company .container .text_area a.mobile {
        margin-top:1em;
        text-align:center;
    }
    .history .title_area > img.no1 {
        margin:0 auto 1em;
        max-width:70vw;
    }
    .history .title_area > span {
        font-size:1.25em;
    }
    .banner_area.full.why,
    .banner_area.full.why .container {
        padding:0;
    }
    .mentor.why .counsel_list .panel ul {
        min-width:240vw;
    }
    .why_intro01 .img_area,
    .why_intro01 .img_area img {
        /* margin-top:1em; */
        width:100%;
    }
    .mp_area .container img:last-child {
        margin-top:2em;
    }
    .ebook_list ul li {
        width:calc((100% - 1em) / 2);
    }
    .ebook_intro .btn_area {
        flex-direction: column;
        gap:.5em;
    }
    .ebook_intro .btn_area > * {
        width:100%;
    }
    .ebook_intro .nstore_go {
        background-color:#02C759;
        border-radius:.5em;
    }
    .ebook_intro .nstore_go img {
        display:block;
        margin:0 auto;
    }
    .popup_contain {
        width:100%;
        max-width:95vw;
        max-height:80vh;
        padding:2em 1em;
    }
    .why_intro01 {
        padding-top:2em;
    }
    .history .swiper {
        margin:1em auto 0;
        width:90vw;
    }
    .history .swiper .swiper-slide {
        width:100%;
    }
    .msection.greeting {
        padding: 4em 1em 2em;
        border-radius: 5em 0 0 0;
    }
    .greeting .container .bot ul li span {
        font-size:1.25em;
    }
    .greeting .container .bot ul li {
        padding:1em;
    }
    .page_tit {
        padding:2em 0;
    }
}