@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.clearfix:after { content: ''; display: block; clear: both; }
legend, .blind, caption { position: absolute; top: 0; height: 0; font-size: 0; line-height: 0; text-indent:-9999em; overflow: hidden; }
img { vertical-align: middle; }
label span { cursor: pointer; }
input, select, textarea, button { font-family: 'Noto Sans KR', sans-serif; }
select[disabled] { background-color: #f6f6f6; cursor: not-allowed; color: #565656; }

.paginate-area { display: block; width: 226px; margin: 32px auto 0; }
.paginate-area ul li.on a { background: #007aff; border: 1px solid #007aff; }
.paginate-area ul li.on a:hover { background: #007aff; border: 1px solid #007aff; }
.paginate-area.large { margin-top: 64px; }

.datepicker-here.icon-type { background: #ffffff url(../../images/component/icon_date.png) right 6px center no-repeat; background-size: 24px 24px; padding-right: 37px; }

.accordion { width: 100%; }
.textarea-regular { display: inline-block; min-width: 200px; padding: 12px; border: solid 1px #e9e9e9; background-color: #ffffff; font-size: 13px; font-weight: 400; letter-spacing: -0.5px; text-align: left; color: #565656; transition:all 0.5s; font-weight:400; }
.border-top { border-top: 1px solid #e6e6e6; }
.border-bottom { border-bottom: 1px solid #e6e6e6; }
.not-border-bottom { border-bottom: 0 !important; }
.not-border-top { border-top: 0 !important; }
.t-underline,
.t-underline:hover { text-decoration: underline; }
.align-left { text-align: left !important; }
.align-right { text-align: right !important; }
.align-center { text-align: center !important; }
.margin-t40 { margin-top: 40px !important; }
.margin-t48 { margin-top: 48px !important; }
.margin-t64 { margin-top: 64px !important; }
.margin-t70 { margin-top: 70px !important; }
.padding-t40 { padding-top: 40px !important; }
.btn-small { line-height: 26px; font-size: 12px; font-weight: 500; color: #868686; }
.btn-regular { line-height: 33px; font-weight: 500; color: #868686; }
.btn-medium { font-weight: 500; color: #868686; }
.file-upload .upload .btn-small { font-size: 12px; font-weight: 500; color: #868686; }
.file-upload .gallery img { border-radius: 8px; }
.clear { clear: both; }
.width74 { min-width: 74px !important; width: 74px !important; }
.width126 { min-width: 126px !important; width: 126px !important; }
.width140 { min-width: 140px !important; width: 140px !important; }
.width194 { min-width: 194px !important; width: 194px !important; }
.width200 { min-width: 200px !important; width: 200px !important; }
.width214 { min-width: 214px !important; width: 214px !important; }
.width220 { min-width: 220px !important; width: 220px !important; }
.width234 { min-width: 234px !important; width: 234px !important; }
.width312 { width: 312px !important;}
.width400 { width: 400px !important;}
.f-left { float: left; }
.f-right { float: right; }
.lineh-15 { line-height: 1.5; }
.lineh-155 { line-height: 1.55; }
.height200 { height: 200px !important; }


.btn-regular.width64 { padding: 0; }
.btn-regular.width74 { padding: 0; }
.btn-regular.width96 { padding: 0; }

.btn-split2 { float:left; width: calc((100% - 8px)/2) !important; margin: 0; }
.btn-split2 + .btn-split2{ margin-left: 8px; }

.btn-split3 + .btn-split3 { margin-left: 8px; }
.btn-split3 { float:left; width: calc((100% - 16px)/3) !important; margin: 0; }

/*input-split*/
.input-split2 { float:left; min-width: calc((100% - 8px)/2) !important; width: calc((100% - 8px)/2) !important; margin: 0; }
.input-split2 + .input-split2 { margin-left: 8px; }
.input-split3 { float:left; min-width: calc((100% - 16px)/3) !important; width: calc((100% - 16px)/3) !important; margin: 0; }
.input-split3 + .input-split3 { margin-left: 8px; }
.input-split4 { float:left; min-width: calc((100% - 24px)/4) !important; width: calc((100% - 24px)/4) !important; margin: 0; }
.input-split4 + .input-split4 { margin-left: 8px; }

.like > a { display: block; width: 32px; height: 32px; transition: all 0.5s; background: url(../../images/web/icon_heart_n.png) center center no-repeat; background-size: contain; transform: scale(1.0); }
.like > a:hover { transform: scale(1.08); background: url(../../images/web/icon_heart_s.png) center center no-repeat; background-size: contain; }
.like > a.active { background: url(../../images/web/icon_heart_s.png) center center no-repeat; background-size: contain; }

.gray-70-font { color: #707070 !important; }
.gray-70-bg { background-color: #707070 !important; }
.gray-70-line { border-color: #707070 !important; }

/* 스크롤 커스텀 */
.scrollbar-small::-webkit-scrollbar { width: 5px; height: 5px; padding-top: 30px;}
.scrollbar-small::-webkit-scrollbar-track { background: #F6F5F2;}
.scrollbar-small::-webkit-scrollbar-thumb { background: #0055aa; height: 40px!important; }
.scrollbar-small::-webkit-scrollbar-thumb:hover { background:#0055aa;}

input[type="checkbox"]:checked,
input[type="radio"]:checked:before { background-color: #007aff; border: 1px solid #007aff; }

/* tab-menu */
.tab-menu .inner-wrap .tab-header { border: 0; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
.tab-menu .inner-wrap .tab-header li { font-size: 14px; color: #a6a6a6; font-weight: 400; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #161616; }
.tab-menu .inner-wrap .tab-header li.active { font-weight: bold; background: #fff; border-bottom: 0; color: #464646; }
.tab-menu .inner-wrap .tab-header li.active:hover { background: #fff; border-bottom: 0; color: #464646; }
.tab-menu .inner-wrap .tab-content { height: auto; background: #fff; margin-top: 0; border: 0; padding: 0; }
/* type-b */
.tab-menu.type-b { margin-top: 24px; }
.tab-menu.type-b .inner-wrap .tab-header { background: #f6f6f6; border: 0; }
.tab-menu.type-b .inner-wrap .tab-header li { border-left: 0; border-top: 0; color: #565656; height: 48px; font-size: 14px; font-weight: bold; line-height: 1.43; letter-spacing: -0.7px; text-align: center; color: #868686; border-radius: 4px; border-bottom: 0; }
.tab-menu.type-b .inner-wrap .tab-header li:hover { background: #f6f6f6; }
.tab-menu.type-b .inner-wrap .tab-header li.active { background: #343e7e; border: 0; color: #fff; }
.tab-menu.type-b .inner-wrap .tab-header li.active:hover { background: #343e7e; border: 0; color: #fff; }
.tab-menu.type-b .inner-wrap .tab-content { margin-top: 16px; }
.tab-menu.type-b .inner-wrap .tab-content .board-list-area { margin-top: 40px; }
.tab-menu.type-b .inner-wrap .tab-content .title-info + .board-list-area { margin-top: 0; }

.help-text { font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #868686; margin: 8px 0 0; }
.help-text.icon-type { padding-left: 20px; background: url(../../images/web/icon_help.png) left 1px no-repeat; background-size: contain; }
.help-text + .chk { margin: 16px 0 0; }
.help-text.type-b { margin: 0 0 16px; }
.help-text.type-c { margin: 24px 0 16px; }
.help-text2 { margin: 32px 0 40px; text-align: center; font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #ff8787; }
.help-text2.type-b { margin-top: 40px; }
.help-text3 { margin: 24px 0; text-align: center; font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #ff8787; }
.help-text4 { margin: 32px 0 0; text-align: center; font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #ff8787; }

.popup { min-width: 480px; margin-top: -170px; }
.popup .inner-wrap .popup-header { font-size: 24px; font-weight: bold; line-height: 1.5; letter-spacing: -0.72px; text-align: center; color: #464646; }

.star-rating-medium ul li { margin-right: -3px; display:inline-block; width:24px; height:24px; }

/*======================================
1. 공통 요소 영역 (헤더/푸터/퀵메뉴 등)
======================================*/

/*========== 헤더 시작 ==========*/
header { position: relative; z-index: 100; }
#wrapper { width: 100%; height: 100%; padding-top: 90px; }
#wrapper > header { position: fixed; top: 0; left: 0; width: 100%; height: 90px; background-color: #fff; border-bottom: 1px solid #e6e6e6; transition: all 0.5s; z-index: 100; }
#wrapper > header > #header { width: 1080px; height: 90px; margin: 0 auto; overflow: hidden; }
#wrapper > header > #header .gnb { float: left; width: 700px; overflow: hidden; margin: 20px 0 0; }
#wrapper > header > #header .gnb h1 { float: left; width: 156px; height: 48px; float: left; background: url(../../images/web/logo.png) center center no-repeat; background-size: contain; }
#wrapper > header > #header .gnb h1 > a { display: block; width: 100%; height: 100%; text-indent: -5000px; }

#wrapper > header > #header .gnb > ul { float: left; overflow: hidden; margin: 0 0 0 28px; }
#wrapper > header > #header .gnb > ul > li { float: left; }
#wrapper > header > #header .gnb > ul > li a { display: block; padding: 0 20px; font-size: 17px; font-weight: bold; line-height: 48px; letter-spacing: -0.45px; }
#wrapper > header > #header .gnb > ul > li a:hover { color: #007aff; }

#wrapper > header > #header .util-area { float: right; margin: 11px 0 0; }
#wrapper > header > #header .util-area ul { float: left; height: 24px; overflow: hidden; padding-right: 16px; border-right: 1px solid #e6e6e6; }
#wrapper > header > #header .util-area ul > li { float: left; margin: 0 8px; }
#wrapper > header > #header .util-area ul > li > a { font-size: 12px; font-weight: 400; line-height: 1.5; letter-spacing: -0.36px; text-align: right; color: #565656; }
#wrapper > header > #header .util-area ul > li:hover a { text-decoration: underline; }
#wrapper > header > #header .util-area ul > li.nick { padding: 4px 0; font-size: 12px; font-weight: 500; }
#wrapper > header > #header .util-area ul > li.nick > span { color: #007aff; font-size: 12px; font-weight: 500; }
#wrapper > header > #header .util-area .alirm { float: left; width: 32px; height: 32px; margin: -4px 0 0 16px; background: url(../../images/web/icon_alirm.png) center center no-repeat; background-size: contain; text-indent: -5000px; }
#wrapper > header > #header .util-area .alirm.new { background: url(../../images/web/icon_alirm_new.png) center center no-repeat; background-size: contain; }
#wrapper > header > #header .util-area .registration { clear: both; padding: 10px 0 0; text-align: right; }
#wrapper > header > #header .util-area .registration .t-registration { width: 96px; height: 30px; background: url(../../images/web/t-registration.png) center center no-repeat; background-size: contain; text-indent: -5000px; }
#wrapper > header > #header .util-area .registration .s-registration { width: 96px; height: 30px; background: url(../../images/web/s-registration.png) center center no-repeat; background-size: contain; text-indent: -5000px; margin: 0 0 0 6px; }
/*========== 헤더 끝 ==========*/


/*========== 컨텐츠 시작 ==========*/
section#content { width: 100%; height: auto; margin: 0 auto; position: relative; min-height: 500px; }
section#content > .inner-wrap { display: block; width: 1080px; margin: 0 auto; height: auto; }
section#content > .inner-wrap:after { content: ''; display: block; clear: both; }

.subpage-left-area { float: left; width: 180px; margin: 40px 30px 0 0; }
.subpage-content-area { float: left; width: calc(100% - 210px); }

/*LNB 영역*/
.subpage-left-area > div { width: 100%; min-height: 420px; padding-bottom: 40px; border: solid 1px #e9e9e9; border-top: 2px solid #007aff; }
.subpage-left-area > div h2 { font-size: 15px; font-weight: bold; color: #3e474a; margin: 0; padding: 24px 24px 0; }
.subpage-left-area ul > li { display: block; width: 100%; height: auto; }
.subpage-left-area ul > li:first-child { margin-top: 8px; }
.subpage-left-area ul > li:last-child { margin-bottom: 24px; }
.subpage-left-area ul > li > a { display: block; width: 100%; height: 100%; font-size: 13px; font-weight: 400; text-align: left; color: #565656; padding: 8px 24px; }
.subpage-left-area ul > li:hover { background: #f6f6f6; transition: all 0.5s; }
.subpage-left-area ul > li:hover a,
.subpage-left-area ul > li > a.active { font-weight: bold; color: #007aff; }
/*========== 컨텐츠 끝 ==========*/


/*========== 푸터 시작 ==========*/
footer { width: 100%; height: auto; position: relative; margin-top: 120px; }
#footer { width: 100%; height: auto; padding-bottom: 100px; background: #29293b; }
/*하단유틸영역*/
#footer > .footer-util-area { width: 100%; height: 48px; border-bottom: 1px solid rgba(255,255,255,0.1); }
#footer > .footer-util-area > ul { width: 1080px; margin: 0 auto; text-align: center; }
#footer > .footer-util-area > ul > li { display: inline-block; margin: 0 16px; }
#footer > .footer-util-area > ul > li:first-child { margin-left: 0; }
#footer > .footer-util-area > ul > li > a { font-size: 13px; color: #d6d6d6; line-height: 48px; transition: all 0.5s; }
#footer > .footer-util-area > ul > li > a:hover { text-decoration: underline; }

/*하단정보*/
#footer .footer-copyright-area { width: 1080px; margin: 32px auto 0; }
#footer .footer-copyright-area > h1 { display: block; float: left; width: 260px; margin-top: 34px; }
#footer .footer-copyright-area > h1 > a { width: 156px; height: 48px; display: block; background: url(../../images/web/logo_footer.png) center center no-repeat; background-size: contain; text-indent:-9999px; }
#footer .footer-copyright-area > div { display: block; float: left; margin-top: 0; padding: 0; }
#footer .footer-copyright-area > div.info { width: calc(100% - 560px); padding-right: 24px; }
#footer .footer-copyright-area > div.cscetner { width: 300px; overflow: hidden; }
#footer .footer-copyright-area > div.cscetner > ul { }
#footer .footer-copyright-area > div.cscetner .bank { clear: both; font-size: 16px; font-weight: bold; color: #d6d6d6; padding: 8px 0 0; }
#footer .footer-copyright-area > div.cscetner .bank img { height: 20px; display: inline-block; vertical-align: middle; margin: -2px 0 0; }
#footer .footer-copyright-area > div > ul > li:first-child { line-height: 1; height: 16px; padding: 0; margin: -4px 0 8px; }
#footer .footer-copyright-area > div > ul > li > strong { display: inline-block; font-size: 13px; color: #fff; font-weight: 400; }
#footer .footer-copyright-area > div > ul > li > span { display: inline-block; font-size: 12px; color: #b6b6b6; line-height: 1.5; }
#footer .footer-copyright-area > div > ul > li > span + span { margin-left: 12px; }
#footer .footer-copyright-area > div > ul > li > em { display: inline-block; font-size: 11px; color: #868686; line-height: 1.55; letter-spacing: -0.33px; margin-top: 24px; }

#to-top { transition:all 0.5s; position: absolute; bottom: 24px; right: 24px; width: 80px; height: 80px; background: url(../../images/web/to_top.png) center center no-repeat; background-size: contain; transition: all 0.5s; z-index: 1; }
/*========== 푸터 끝 ==========*/



/*======================================
2. 메인페이지 영역 (메인페이지 관련)
======================================*/

/*swiper*/
.swiper-container { width: 100%; height: 100%; }
.swiper-button-next, .swiper-button-prev { width: 60px; height: 60px; margin-top: -30px; }
.swiper-button-prev { background: url(../../images/component/icon_slider_prev.png) center center no-repeat; background-size: contain; left: 40px; }
.swiper-button-next { background: url(../../images/component/icon_slider_next.png) center center no-repeat; background-size: contain; right: 40px; }
.swiper-button-prev:after,
.swiper-button-next:after { display: none; }
.swiper-pagination-bullet { width: 10px; height: 10px; }

/*========== swiper 시작 ==========*/
.swiper-container.main-visual { width: 100%; }
.swiper-container.main-visual .swiper-wrapper { width: 100%; }
.swiper-container.main-visual .swiper-slide { width: 100%; overflow: hidden; }
.swiper-container.main-visual .swiper-slide img { width: 100%; height: 540px; object-fit: cover; }
/*========== swiper 끝 ==========*/


/*========== 컨텐츠 공용 시작 ==========*/
.swiper-scrollbar { opacity: 1 !important; }
.swiper-scrollbar .swiper-scrollbar-drag { background: #0055aa; }


/*서브타이틀*/
.sub-title-area { position: relative; height: auto; margin: 41px 0 0; padding: 0 0 16px; border-bottom: 1px solid #161616; overflow: hidden; }
.sub-title-area h1 { float: left; font-size: 24px; font-weight: bold; line-height: 1.5; letter-spacing: -0.72px; }


/*list-empty*/
.list-empty { padding: 60px 0 96px; text-align: center; }
.list-empty img { width: 80px; height: 80px; }
.list-empty p { font-size: 12px; color: #d6d6d6; text-align: center; margin: 8px 0 0; }
.list-empty.small { padding: 24px 0; }
.list-empty.large { padding: 104px 0; }


/*search-area*/
.search-area { overflow: hidden; padding: 24px 0; border-bottom: 1px solid #e6e6e6; }
.search-area .filtering-area { float: left; }
.search-area .search-regular { float: right; }
.search-area .search-regular select { min-width: 120px; }
/*type-b*/
.search-area.type-b { padding: 32px 0; text-align: center; }
.search-area.type-b .filtering-area { display: inline-block; float: none; }


.select-delete { overflow: hidden; padding: 24px 0 16px; border-bottom: 1px solid #e6e6e6; }
.select-delete select { float: left; min-width: 120px; }
.select-delete button { float: right; height: 28px; line-height: 28px; }


.select-delete2 { margin-top: 16px; }

/*알림*/
.push-list > ul > li { position: relative; }
.push-list > ul > li a { display: block; border: 1px solid #e6e6e6; border-radius: 4px; padding: 16px 40px 16px 16px; background: #fff; margin: 8px 0 0; }
.push-list > ul > li .date { font-size: 13px; color: #a6a6a6; }
.push-list > ul > li .con { font-size: 13px; color: #161616; margin: 8px 0 0; }
.push-list > ul > li .delete { position: absolute; top: 10px; right: 10px; display: block; width: 20px; height: 20px; background: url(../../images/component/icon_modal_close.png) center center no-repeat; background-size: contain; z-index: 1; }
.push-list > ul > li.read a { background: #f9f9f9; }
.push-list > ul > li.read .con { color: #a6a6a6; }


/*table-type-area*/
.table-type-area > ul { border-top: 1px solid #e6e6e6; }
.table-type-area > ul > li { display: table; width: 100%; margin: 0; height: 50px; border-bottom: 1px solid #e6e6e6; }
.table-type-area > ul > li > * { display: table-cell; vertical-align: middle; padding: 16px; height: 50px; }
.table-type-area > ul > li > .title { font-size: 13px; font-weight: 400; color: #868686; width: 180px; background-color: #f9f9f9; padding-left: 24px; }
.table-type-area > ul > li > .title span { color: #007aff; font-weight: bold; }
.table-type-area > ul > li > .con { font-size: 13px; padding-left: 24px; padding-right: 0; }
.table-type-area > ul > li > .con input[type="radio"] { margin: 0 4px 0 0; }
.table-type-area > ul > li > .con .help-text { font-size: 11px; color: #a6a6a6; }
.table-type-area > ul > li > .con.padding-large { padding-top: 24px; padding-bottom: 24px; }
.table-type-area > ul > li > .con.padding-large input[type="radio"] { margin-left: 32px; }
.table-type-area > ul > li > .con.padding-large input[type="radio"]:first-child { margin-left: 0; }
.table-type-area > ul > li > .con.padding-large2 { padding-top: 24px; padding-bottom: 24px; }
.table-type-area > ul > li > .con.padding-large2 label { display: inline-block; margin-left: 32px; }
.table-type-area > ul > li > .con.padding-large2 input[type="radio"]:first-child { margin-left: 0; }
/*type-b*/
.table-type-area.type-b > ul > li > * { padding: 24px 0 24px 24px; }
.table-type-area.type-b > ul > li > .title br { display: none; }


/*block-type-area*/
.block-type-area { background: #fff; padding: 0; overflow: hidden; }
.block-type-area > ul > li { margin: 24px 0 0; }
.block-type-area > ul > li > .title { font-size: 12px; font-weight: 500; color: #565656; overflow: hidden; }
.block-type-area > ul > li > .title > span { color:#c8242c;}
.block-type-area > ul > li > .title .f-left { float: left; }
.block-type-area > ul > li > .title .f-right { float: right; }
.block-type-area > ul > li > .con { margin: 8px 0 0; font-size: 13px; }
.block-type-area > ul > li > .con .unit-box .input-regular { width: calc(100% - 40px); }
.block-type-area > ul > li input[type="radio"] { vertical-align: middle; margin-top: -2px; }
.block-type-area > ul > li > .con .search-date input.input-regular { width: calc(50% - 10px); }
.block-type-area > ul > li > .con input[type="radio"] { margin-left: 0; }
.block-type-area > ul > li > .con .btn-add + .btn-regular { padding:0 0; }


.member-out-radio li + li { margin: 16px 0 0; }


/* 로그인 */
.login-area { width: 312px; margin: 64px auto 0; }
.login-area h1 { margin: 0 0 40px; text-align: center; }
.login-area h1 img { width: 212px; height: 64px; }
.login-area li + li { margin-top: 8px; }
.login-area li .input-medium { font-size: 14px; }
.login-area li .btn-large { font-size: 15px; font-weight: 500; }
.login-area .btn-group-area { margin-top: 24px; }
.login-area .kakaotalk { color: #868686; font-weight: 500; }
.login-area .kakaotalk:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; width: 32px; height: 32px; background: url(../../images/web/icon_s_kakaotalk.png) center center no-repeat; background-size: contain; }
.login-area .naver { color: #868686; font-weight: 500; }
.login-area .naver:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; width: 32px; height: 32px; background: url(../../images/web/icon_s_naver.png) center center no-repeat; background-size: contain; }
.login-area .facebook { color: #868686; font-weight: 500; }
.login-area .facebook:before { content: ''; display: inline-block; vertical-align: middle; margin: -4px 4px 0 0; width: 32px; height: 32px; background: url(../../images/web/icon_s_facebook.png) center center no-repeat; background-size: contain; }
.login-area .naver { color: #868686; font-weight: 500; }
.login-area .naver:before { content: ''; display: inline-block; vertical-align: middle; margin: -6px 4px 0 0; width: 32px; height: 32px; background: url(../../images/web/icon_s_naver.png) center center no-repeat; background-size: contain; }
.login-area .google { color: #868686; font-weight: 500; }
.login-area .google:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; width: 32px; height: 32px; background: url(../../images/web/icon_s_google.png) center center no-repeat; background-size: contain; }
.login-area .apple { color: #868686; font-weight: 500; }
.login-area .apple:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; width: 32px; height: 32px; background: url(../../images/web/icon_s_apple.png) center center no-repeat; background-size: contain; }
.login-chk-link { font-size: 12px; color: #868686; margin-top: 10px; }
.login-chk-link:after { content: ''; display: block; clear: both; }
.login-chk-link .chk { float: left; margin: 0; }
.login-chk-link .chk > label { display: inline-block; vertical-align: middle; font-size: 12px; color: #868686; }
.login-chk-link .chk input { margin: 0 8px 0 0; }
.login-chk-link .link { float: right; }
.login-chk-link .link a { font-size: 11px; color: #868686; text-decoration: underline; display: inline-block; margin-left: 8px; }
.login-area .login-join { text-align: center; margin: 48px 0 0; font-size: 12px; color: #868686; }
.login-area .login-join a { text-decoration: underline; display: inline-block; margin-left: 6px; }


/*회원약관*/
.member-content .member-agree { margin: 32px 0 0; }
.member-content .member-agree textarea.textarea-regular { height: 160px; border-radius: 4px; background-color: #f9f9f9; padding: 16px; border: 0; font-size: 12px; color: #999999; margin: 8px 0 0; }
.member-content .member-agree label { display: block; margin: 8px 0 0; }
.member-content .member-agree label span { display: inline-block; vertical-align: middle; font-size: 13px; }
.member-content input[type="checkbox"] { margin-left: 0; }


/*결과*/
.result-area { padding: 64px 0; text-align: center; }
.result-area img { display: block; margin: 0 auto 24px; width: 64px; height: 64px; }
.result-area h1 { font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -1.1px; text-align: center; margin: 0 0 8px; }
.result-area h1 span { font-weight: bold; color: #c8242c; }
.result-area p { font-size: 13px; text-align: center; color: #868686; }
.result-area p span { color: #868686; font-weight: bold; }
.result-area .btn-medium { display: block; width: 160px; margin: 24px auto 0; }


/*게시판 목록 공통*/
.board-list-area ul { display: table; width: 100%; }
.board-list-area ul li { display: table-cell; vertical-align: middle; }
.board-list-area ul li.num { width: 6.3%; }
.board-list-area ul li.num2 { width: 8%; }
.board-list-area ul li.chk { width: 7.6%; }
.board-list-area ul li.date { width: 8%; }
.board-list-area ul li.state { width: 11%; }
.board-list-area ul li.state2 { width: 9.8%; }
.board-list-area ul li.condition { width: 30%; }
.board-list-area ul li.term { width: 18.5%; }
.board-list-area ul li.name { width: 11%; }
.board-list-area ul li.name2 { width: 12.7%; }
.board-list-area ul li.date2 { width: 11%; }
.board-list-area ul li.date3 { width: 12%; }
.board-list-area ul li.coupon { width: 14.7%; }
.board-list-area ul li.p-name { width: 15%; }
.board-list-area ul li.img { width: 12.5%; }
.board-list-area ul li.price { width: 13%; }
.board-list-area ul li.btn { width: 14%; }
.board-list-area ul li.split3 { width: 33.33%; }
.board-list-area ul li.split4 { width: 25%; }
.board-list-area ul li.split5 { width: 20%; }
.board-list-area ul li.split6 { width: 16.66%; }
.board-list-area ul li.split7 { width: 14.28%; }
.board-list-area ul li.split8 { width: 12.5%; }
.board-list-area ul li.split9 { width: 11.11%; }


.board-list-area .board-list-header ul li { background-color: #f9f9f9; padding: 8px 0; text-align: center; font-size: 12px; color: #a6a6a6; }
.board-list-area .board-list-header > div { width: 100%; display: block; height: auto; }
.board-list-area .board-list-content > div { position: relative; width: 100%; display: block; height: auto; border-bottom: 1px solid #e6e6e6; }
.board-list-area .board-list-content > div.end:before { position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; background-color: rgba(255,255,255,0.7); }
.board-list-area .board-list-content > div > ul > li { background: #fff; height: 52px; padding: 9px 0; font-size: 13px; line-height: 1.46; letter-spacing:-0.65px; text-align: center; color: #161616; }
.board-list-area .board-list-content > div > ul > li.subject { position: relative; text-align: left; padding-left: 20px; color: #464646; }
.board-list-area .board-list-content > div > ul > li.subject > a p { font-size: 13px; color: #161616; width: 95%; }
.board-list-area .board-list-content > div > ul > li.subject a:hover { text-decoration: underline; }
.board-list-area .board-list-content > div > ul > li.num,
.board-list-area .board-list-content > div > ul > li.num2 { font-size: 13px; color: #868686; }
.board-list-area .board-list-content > div > ul > li.num.notice { color: #007aff; font-weight: bold; }
.board-list-area .board-list-content > div > ul > li.date,
.board-list-area .board-list-content > div > ul > li.date2,
.board-list-area .board-list-content > div > ul > li.date3 { font-size: 13px; color: #a6a6a6; }
.board-list-area .board-list-content > div > ul > li.state span,
.board-list-area .board-list-content > div > ul > li.state2 span { font-size: 13px; font-weight: bold; color: #a6a6a6; }

.board-list-area .board-list-content > div > ul > li.state .completed { display: inline-block; width: 74px; height: 35px; line-height: 33px; border-radius: 4px; border: 1px solid #007aff; font-size: 12px; font-weight: 500; letter-spacing: -0.6px; text-align: center; color: #007aff; }

.board-list-area .board-list-content > div > ul > li.state .non-purchase { display: inline-block; width: 74px; height: 35px; line-height: 33px; border-radius: 4px; border: 1px solid #d6d6d6; font-size: 12px; font-weight: 500; letter-spacing: -0.6px; text-align: center; color: #868686; }

.board-list-area .board-list-content > div > ul > li.c-name { color: #161616; padding-left: 40px; padding-right: 40px; }
.board-list-area .board-list-content > div > ul > li.condition,
.board-list-area .board-list-content > div > ul > li.term { font-size: 13px; color: #a6a6a6; }
.board-list-area .board-list-content > div > ul > li.name,
.board-list-area .board-list-content > div > ul > li.name2 { color: #868686; font-weight: 500; }
.board-list-area .board-list-content > div > ul > li.point { font-size: 13px; color: #c8242c; }
.board-list-area .board-list-content > div > ul > li.p-name { font-weight: 500px; color: #868686; }
.board-list-area .board-list-content > div > ul > li.coupon span { display: inline-block; width: 66px; height: 28px; line-height: 26px; border: 1px solid #007aff; border-radius: 4px; text-align: center; color: #007aff; font-size: 12px; font-weight: 500; }
.board-list-area.large .board-list-content > div > ul > li { padding: 16px 0; }

/* faq */
.accordion.faq { width: 100%; }
.accordion.faq .inner-wrap > ul > li .accordion-header { position: relative; height: auto; padding: 16px 44px; }
.accordion.faq .inner-wrap > ul > li .accordion-header:before { position: absolute; left: 24px; top: 14px; content: 'Q'; display: inline-block; font-size: 15px; font-weight: 900; color: #007aff; }
.accordion.faq .inner-wrap > ul > li .accordion-header p { font-size: 13px; line-height: 1.4; }
.accordion.faq .inner-wrap > ul > li .accordion-content { position: relative; background-color: #f9f9f9; padding-left: 44px; }
.accordion.faq .inner-wrap > ul > li .accordion-content:before { position: absolute; left: 24px; top: 16px; content: 'A'; display: inline-block; font-size: 15px; font-weight: 900; color: #868686; }
.accordion.faq .inner-wrap > ul > li .accordion-content p { font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.65px; text-align: left; color: #565656; }


/*temp-content*/
pre { white-space: pre-line; }
.temp-content pre { height: 600px; padding: 24px; font-size: 13px; color: #868686; line-height: 1.5; letter-spacing: -0.36px; overflow-x: hidden; overflow-y: auto; background-color: #f9f9f9; margin: 16px 0 0; white-space: pre-line; }


/*게시판 보기*/
.board-view-area { background: #fff; padding: 0; border-bottom: 1px solid #e6e6e6; }
.board-view-area .header { position: relative; border-bottom: 1px solid #e6e6e6; display: inline-block; width: 100%; height: auto; padding: 16px 0; }
.board-view-area .header h1 { font-size: 18px; font-weight: 400; color: #161616; word-break: break-all; }
.board-view-area .header h1 .cate { min-width: 54px; height: 22px; line-height: 20px; padding: 0 8px; border: solid 1px #ff416f; background-color: #fff; font-size: 11px; color: #ff416f; text-align: center; margin: -2px 16px 0 0; }
.board-view-area .header .info { margin: 10px 0 0; }
.board-view-area .header .info > ul > li { float: left; font-size: 12px; color: #868686; margin: 0 16px 0 0; }
.board-view-area .header .info > ul > li a { font-size: 12px; color: #868686; text-decoration: underline; }
/* type-b */
.board-view-area .header.type-b { padding-right: 200px; }
.board-view-area .header.type-b .file-download { position: absolute; top: 12px; right: 0; width: 200px; text-align: right; }
.board-view-area .header.type-b .file-download div { font-size: 12px; font-weight: bold; color: #565656; }
.board-view-area .header.type-b .file-download a { margin: 8px 0 0; }


.board-view-area .content { padding: 16px 0 80px; font-size: 13px; color: #161616; line-height: 1.46; letter-spacing: -0.65px; min-height: 440px; word-break: break-all; }
.board-view-area .content img { display: block; max-width: 100%; margin: 16px 0 0; }
.board-view-area .content.small { min-height: 280px; }


/*admin-re*/
.admin-re { border-top: 1px solid #e6e6e6; }
.admin-re > h1 { background-color: #f9f9f9; padding: 8px 0; font-size: 12px; color: #a6a6a6; text-align: center; }
.admin-re > div { font-size: 13px; color: #161616; padding: 16px 0 80px; min-height: 320px; line-height: 1.46; letter-spacing: -0.65px; }


/* 회원용 */
.member-write-area { width: 312px; margin: 80px auto; padding: 16px 16px 40px; }
.member-write-area > h1 { font-size: 18px; font-weight: 700; color: #161616; text-align: center; margin: 0 0 60px; }
.member-write-area label { display: block; font-size: 16px; color: #161616; margin: 24px 0 5px; }
.member-write-area label span { font-weight: bold; }
.member-write-area .btn-group-area { margin: 24px 0 0; text-align: center; }
.member-write-area .btn-group-area .btn-small { display: inline-block; width: calc((100% - 15px)/3); font-size: 13px; height: 36px; line-height: 34px; }
.member-write-area .btn-group-area .btn-small + .btn-small { margin-left: 4px; }
.member-write-area .member-guide-text { font-size: 15px; color: #161616; line-height: 1.8; margin: 48px 0; text-align: center; word-break: keep-all; }
.member-write-area .member-guide-text strong { font-weight: 900; }
.member-write-area .btn-regular { padding: 0; }


/*인덱스팝업*/
.index-popup { min-width: 312px; }
.index-popup .btn-split2 { width: 50% !important; }
.index-popup .btn-split2.btn-medium { border: 0 !important; border-top: 1px solid #e6e6e6 !important; border-radius: 0!important; }
.index-popup .btn-split2.btn-medium + .btn-split2.btn-medium { border-left: 1px solid #e6e6e6 !important; }
.index-popup .popup-content img { width: 312px; height: 312px; }


.quantity-inner { display: block; width: 98px; margin: 0 auto; overflow: hidden; }
.quantity-inner .btn-minus { float: left; width: 24px; height: 24px; border: 0; transition: all 0.5s; }
.quantity-inner .btn-minus span { display: inline-block; width: 24px; height: 24px; margin: 0; vertical-align: middle; background: url(../../images/web/icon_minus.png) center center no-repeat; background-size: contain; text-indent:-5000px; }
.quantity-inner .input { float: left; width: 40px; height: 24px; margin: 0 4px; padding: 0; text-align: center; border-top: 1px solid #e6e6e6; border: solid 1px #d6d6d6; font-size: 12px; font-weight: 400; }
.quantity-inner .btn-plus { float: left; width: 24px; height: 24px; border: 0; transition: all 0.5s; }
.quantity-inner .btn-plus span { display: inline-block; width: 24px; height: 24px; margin: 0; vertical-align: middle; background: url(../../images/web/icon_plus.png) center center no-repeat; background-size: contain; text-indent:-5000px; }

/*========== 컨텐츠 공용 끝 ==========*/


/*========== 컨텐츠 시작 ==========*/
.main-link { height: 403px; background-color: #f2f8ff; padding: 48px 0 52px; }
.main-link > h1,
.main-link > p { display: none; }
.main-link .category-slider { width: 1080px; height: auto; background-color: #f2f8ff; border: 0; padding: 0 0 0 16px; margin: 0 auto; }
.main-link .category-type { padding-right: 16px; }
.main-link .category-type .swiper-slide { float: left; width: 210px; margin: 0 24px; text-align: center; }
.main-link .category-type .swiper-slide .title { font-size: 18px; font-weight: bold; line-height: 1.47; letter-spacing: -0.45px; padding: 0 4px; margin: 16px 0 0; }
.main-link .category-type .swiper-slide .title span { display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; border-radius: 50vh; width: 24px; height: 24px; background-color: #1a1e36; font-size: 9px; font-weight: bold; line-height: 24px; letter-spacing: normal; text-align: center; color: #ffffff;}
.main-link .category-type .swiper-slide .detail { font-size: 13px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #565656; padding: 0 4px; margin: 8px 0 0; }
.main-link .category-type .swiper-slide a { display: block; }
.main-link .category-type .swiper-slide a:before { content: ''; display: block; margin: 0 auto; width: 210px; height: 210px; }
.main-link .category-type .swiper-slide.n1 a:before { background: url(../../images/web/main-link_1.png) center center no-repeat; background-size: contain; }
.main-link .category-type .swiper-slide.n2 a:before { background: url(../../images/web/main-link_2.png) center center no-repeat; background-size: contain; }
.main-link .category-type .swiper-slide.n3 a:before { background: url(../../images/web/main-link_3.png) center center no-repeat; background-size: contain; }
.main-link .category-type .swiper-slide.n4 a:before { background: url(../../images/web/main-link_4.png) center center no-repeat; background-size: contain; }
.main-link .category-type .swiper-slide.n1 a:hover:before { background: url(../../images/web/main-link_1_s.png) center center no-repeat; background-size: contain; transition:all 0.5s; }
.main-link .category-type .swiper-slide.n2 a:hover:before { background: url(../../images/web/main-link_2_s.png) center center no-repeat; background-size: contain; transition:all 0.5s; }
.main-link .category-type .swiper-slide.n3 a:hover:before { background: url(../../images/web/main-link_3_s.png) center center no-repeat; background-size: contain; transition:all 0.5s; }
.main-link .category-type .swiper-slide.n4 a:hover:before { background: url(../../images/web/main-link_4_s.png) center center no-repeat; background-size: contain; transition:all 0.5s; }


.main-premium-teacher { background-color: #fff; padding: 88px 0; }
.main-premium-teacher h1 { font-family: Montserrat; font-size: 36px; font-weight: 800; line-height: 1.22; letter-spacing: -1.08px; text-align: center; color: #1a1e36; }
.main-premium-teacher .summary { font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.39px; text-align: center; color: #565656; margin: 16px 0 0; }


.teacher-list > ul { width: 1080px; margin: 4px auto 0; }
.teacher-list > ul:after { content: ''; display: block; clear: both; }
.teacher-list > ul > li { position: relative; float: left; width: calc((100% - 80px)/5); margin: 60px 20px 0 0; }
.teacher-list > ul > li:nth-child(5n) { margin-right: 0; }
.teacher-list > ul > li .img { position: relative; width: 100%; padding-bottom: 75%; height: 0; overflow: hidden; }
.teacher-list > ul > li .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.teacher-list > ul > li .info { overflow: hidden; }
.teacher-list > ul > li .assets-guarantee { position: absolute; top: -4px; left: 8px; z-index: 1; }
.teacher-list > ul > li .assets-specialty { position: absolute; top: 8px; right: 8px; z-index: 1; }

.teacher-list > ul > li .name-hashtag-byear-gender { padding: 8px 0; overflow: hidden; }
.teacher-list > ul > li .name-hashtag-byear-gender .name-hashtag { float: left; }
.teacher-list > ul > li .name-hashtag-byear-gender .name-hashtag .name { font-size: 15px; font-weight: bold; line-height: 1.47; letter-spacing: -0.45px; }
.teacher-list > ul > li .name-hashtag-byear-gender .name-hashtag .hashtag { font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #565656; margin: 4px 0 0;}
.teacher-list > ul > li .name-hashtag-byear-gender .byear-gender { float: right; width: 83px; height: 22px; border-radius: 4px; background-color: #f6f6f6; font-size: 12px; font-weight: normal; line-height: 22px; letter-spacing: -0.36px; text-align: center; color: #868686; }
.teacher-list > ul > li .detail-info { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 8px 0; }
.teacher-list > ul > li .detail-info > div { overflow: hidden; }
.teacher-list > ul > li .detail-info > div .tit { float: left; width: 30px; font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #a6a6a6; }
.teacher-list > ul > li .detail-info > div .con { float: left; width: calc(100% - 30px); font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #868686; }
.teacher-list > ul > li .state { padding: 8px 0 0; overflow: hidden; }
.teacher-list > ul > li .state div { float: left; width: 47px; height: 20px; line-height: 20px; border-radius: 2px; font-size: 10px; font-weight: normal; letter-spacing: -0.3px; text-align: center; color: #ffffff; }
.teacher-list > ul > li .state div + div { margin: 0 0 0 4px; }


.assets-grade,
.assets-knowhow,
.assets-seoul,
.assets-review { width: 47px; height: 20px; margin: 0 auto; }
.assets-grade img,
.assets-knowhow img,
.assets-seoul img,
.assets-review img { width: 100%; height: 100%; object-fit: cover; }

.assets-guarantee { width: 36px; height: 40px; margin: 0 auto; }
.assets-guarantee img { width: 100%; height: 100%; object-fit: cover; }
.assets-specialty { width: 40px; height: 40px; margin: 0 auto; }
.assets-specialty img { width: 100%; height: 100%; object-fit: cover; }


/* split4 */
.teacher-list.split4 > ul > li { position: relative; float: left; width: calc((100% - 72px)/4); margin: 60px 24px 0 0; }
.teacher-list.split4 > ul > li:nth-child(4n) { margin-right: 0; }
.teacher-list.split4 > ul > li .assets-guarantee { width: 42px; height: 48px; }
.teacher-list.split4 > ul > li .assets-specialty { width: 48px; height: 48px; }
.teacher-list.split4 > ul > li .name-hashtag-byear-gender .name-hashtag .name { font-size: 17px; }
.teacher-list.split4 > ul > li .name-hashtag-byear-gender .byear-gender { float: right; width: 88px; height: 23px; line-height: 23px; font-size: 13px; }
.teacher-list.split4 > ul > li .name-hashtag-byear-gender .name-hashtag .hashtag { font-size: 14px; margin: 6px 0 0; }
.teacher-list.split4 > ul > li .detail-info > div .tit { width: 33px; font-size: 14px; }
.teacher-list.split4 > ul > li .detail-info > div .con { width: calc(100% - 33px); font-size: 14px; }
.teacher-list.split4 > ul > li .state div,
.teacher-list.split4 > ul > li .state div img { width: 60px; height: 24px; }

.teacher-list.split4 > ul > li .assets-guarantee { position: absolute; top: -8px; left: 2px; z-index: 1; }
.teacher-list.split4 .assets-guarantee { width: 54px !important; height: 60px !important; margin: 0; }
.teacher-list.split4 .assets-specialty { width: 48px; height: 48px; margin: 0 auto; }

.teacher-list.split4 .assets-grade,
.teacher-list.split4 .assets-knowhow,
.teacher-list.split4 .assets-seoul,
.teacher-list.split4 .assets-review { width: 60px; height: 24px; }
.teacher-list.split4 .assets-review img { width: 60px; height: 24px; object-fit: cover; }
.teacher-list.split4 > ul > li .state div + div { margin: 0 0 0 4px; }


.main-customer-center { background-color: #f9f9f9; padding: 80px 0 100px; }
.main-customer-center h1 { font-family: Montserrat; font-size: 36px; font-weight: 800; line-height: 1.22; letter-spacing: -1.08px; text-align: center; color: #1a1e36; }
.main-customer-center .summary { font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.39px; text-align: center; color: #565656; margin: 16px 0 0; }
.main-customer-center .summary br { display: none; }


.notice-latest { width: 1080px; margin: 64px auto 0; }
.notice-latest:after { content: ''; display: block; clear: both; }
.notice-latest > div { float: left; width: calc((100% - 24px)/2); height: 238px; border-radius: 8px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06); background-color: #ffffff; padding: 24px; overflow: hidden; }
.notice-latest > div + div { margin: 0 0 0 24px; }
.notice-latest .title-info { border-bottom: 1px solid #e6e6e6; padding-bottom: 12px; overflow: hidden; }
.notice-latest .title-info h1 { float: left; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.54px; color: #161616; padding-top: 0; }
.notice-latest .title-info .more { float: right; font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: right; color: #868686; text-decoration: underline; margin: 5px 0; }
.notice-latest ul { margin: 16px 0 0; }
.notice-latest ul li { overflow: hidden; }
.notice-latest ul li + li { margin: 8px 0 0; }
.notice-latest ul li .subject { float: left; width: calc(100% - 60px); padding-right: 32px; font-size: 14px; font-weight: normal; line-height: 1.43; letter-spacing: -0.42px; color: #565656; }
.notice-latest ul li .date { float: left; width: 60px; font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: right; color: #a6a6a6; }
.notice-latest ul li .subject.faq { width: calc(100% - 20px); }


.message-detail { padding: 24px; border-radius: 4px; background-color: #f9f9f9; }
.message-detail > ul { overflow: hidden; }
.message-detail > ul + ul { margin: 16px 0 0; }
.message-detail > ul > li { float: left; }
.message-detail > ul > li.tit { width: 100px; font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #565656; }
.message-detail > ul > li.con { width: calc(100% - 100px); font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.39px; text-align: left; }


.message-cont { margin: 24px 0 0; }
.message-cont > ul > li.tit { font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #565656; }
.message-cont > ul > li.con { min-height: 200px; margin: 8px 0 0; padding: 12px 16px; border: solid 1px #e6e6e6; font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.39px; max-width:500px;}


.current-coupons { padding: 32px 0; text-align: center; border-radius: 4px; border: solid 2px #007aff; background-color: #ffffff; margin: 24px 0 0; }
.current-coupons .tit { font-size: 13px; font-weight: 500; line-height: 1.46; letter-spacing: -0.65px; text-align: center; }
.current-coupons .con { font-size: 25px; font-weight: 900; line-height: 1.48; letter-spacing: -1.25px; color: #007aff; margin: 8px 0 0; }
.current-coupons .con:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; width: 32px; height: 32px; background: url(../../images/web/icon_coupon.png) center center no-repeat; background-size: contain; }
.current-coupons + .board-list-area { margin-top: 40px; }


.current-point { padding: 32px 0; text-align: center; border-radius: 4px; border: solid 2px #007aff; background-color: #ffffff; margin: 16px 0 0; }
.current-point .tit { font-size: 13px; font-weight: 500; line-height: 1.46; letter-spacing: -0.65px; text-align: center; }
.current-point .con { font-size: 25px; font-weight: 900; line-height: 1.48; letter-spacing: -1.25px; color: #007aff; margin: 8px 0 0; }
.current-point .con:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; width: 32px; height: 32px; background: url(../../images/web/icon_point.png) center center no-repeat; background-size: contain; }
.current-point + .board-list-area { margin-top: 40px; }


.title-info { position: relative; padding-bottom: 16px; overflow: hidden; }
.title-info:after { content: ''; display: block; clear: both; }
.title-info h1 { float: left; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.54px; line-height: 1.5; color: #565656; padding-top: 40px; }
.title-info .btn { float: right; text-align: right; }
.title-info .btn .heart { margin: 0 0 16px; }
.title-info .btn .heart a { font-size: 14px; color: #868686; }
.title-info .btn .heart a:after { content: ''; display: inline-block; vertical-align: middle; margin: -2px 0 0 8px; width: 28px; height: 28px; background: url(../../images/web/icon_heart_n.png) center center no-repeat; background-size: contain; }
.title-info .btn .heart a.active:after { background: url(../../images/web/icon_heart_s.png) center center no-repeat; background-size: contain }
.sub-title-area + .title-info h1 { padding-top: 24px; }

/* type-b */
.title-info.type-b h1 { font-size: 20px; font-weight: bold; color: #565656; padding-top: 64px; }
.title-info.type-b .btn { padding-top: 24px; }
.bg-padding-wrap .title-info.type-b:first-child h1 { padding-top: 72px; }

/* type-c */
.title-info.type-c { padding-bottom: 16px; border-bottom: 1px solid #161616; }
.title-info.type-c h1 { font-size: 20px; font-weight: bold; color: #565656; padding-top: 64px; }



.point-charging { border-radius: 4px; background-color: #f9f9f9; padding: 32px; }
.point-charging > ul { overflow: hidden; }
.point-charging > ul > li { float: left; width: calc((100% - 30px)/4); margin: 0 10px 0 0; border-radius: 8px; border: solid 2px #e9e9e9; background-color: #ffffff; padding: 24px 16px 16px; text-align: center; }
.point-charging > ul > li:nth-child(4n) { margin-right: 0; }
.point-charging .point { font-size: 17px; font-weight: 900; line-height: 1.47; letter-spacing: -0.85px; color: #007aff; }
.point-charging .point:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; width: 24px; height: 24px; background: url(../../images/web/icon_point.png) center center no-repeat; background-size: contain; }
.point-charging .vat { font-size: 11px; font-weight: normal; line-height: 1.55; letter-spacing: -0.33px; color: #868686; margin: 4px 0 0; }
.point-charging .con { font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.39px; margin: 8px 0 0; }
.point-charging .price { font-size: 16px; font-weight: bold; line-height: 1.5; letter-spacing: -0.8px; margin: 8px 0 16px; }


.search-regular .input-regular { width: 100%; }
.search-regular > .btn-regular { margin-top: -12px; right: 6px; }


.search-guide { padding: 24px 0 16px; overflow: hidden; }
.search-guide .help-text { float: left; margin: 0; width: calc(100% - 220px); }
.search-guide .search-regular { float: left; width: 220px; }


.selected-item { margin: 16px 0 0; }
.selected-item > ul > li { font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.39px; text-align: left; color: #565656; margin: 8px 0 0; }
.selected-item > ul > li .delete { width: 16px; height: 16px; background: url(../../images/web/icon_delete.png) center center no-repeat; background-size: contain; margin: -2px 0 0 6px; }


.popup-teacher-insert { min-width: 480px; width: 480px; }
.teacher-insert .btn-add { width: calc(100% - 76px); }
.teacher-insert .campus-list { margin: 16px 0 0; border: 1px solid #e6e6e6; }
.teacher-insert .campus-list .tit { font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #a6a6a6; height: 34px; line-height: 34px; background-color: #f9f9f9; border-top: 1px solid #161616; }
.teacher-insert .campus-list .con { padding: 0 8px; }
.teacher-insert .campus-list .con ul { height: 265px; padding: 0 8px; overflow-x: hidden; overflow-y: auto; }
.teacher-insert .campus-list .con ul::-webkit-scrollbar { width:3px; background: #e9e9e9; }
.teacher-insert .campus-list .con ul::-webkit-scrollbar-thumb { background: #a6a6a6; }​
                                                                                      .teacher-insert .campus-list .con ul li {}
.teacher-insert .campus-list .con ul li { position: relative; padding: 16px 80px 16px 0; border-bottom: 1px solid #e6e6e6; }
.teacher-insert .campus-list .con ul li .campus { font-size: 13px; font-weight: bold; line-height: 1.46; letter-spacing: -0.39px; }
.teacher-insert .campus-list .con ul li .address { font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.39px; text-align: left; color: #565656; margin: 4px 0 0; }
.teacher-insert .campus-list .con ul li button { position: absolute; top: 20px; right: 0; z-index: 1; }
.teacher-insert input[type="checkbox"] { margin: 0; }
.teacher-insert input[type="checkbox"] + span { display: inline-block; margin: 0 29px 0 6px; font-size: 13px; line-height: 1.46; letter-spacing: -0.39px; text-align: left; color: #464646; }
.teacher-insert .chk { margin: 16px 0 0; }

.student-insert { border-radius: 8px; border: solid 1px #e6e6e6; background-color: #f9f9f9; padding: 24px 220px 88px; margin: 24px 0 0; }​
                                                                                                                                         .student-insert > div { }
.student-insert > div.questions { padding: 64px 70px; text-align: center; }
.student-insert > div.questions + div.questions { border-top: 1px solid #e6e6e6; }
.student-insert > div.questions h1 { font-size: 22px; font-weight: 500; line-height: 1.09; letter-spacing: -0.66px; }
.student-insert > div.questions h1:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 8px 0 0; width: 32px; height: 32px; background: url(../../images/web/icon_questions.png) center center no-repeat; background-size: contain; }
.student-insert > div.questions > div { font-size: 13px; margin: 32px 0 0; }
.student-insert > div.questions > div.small { margin: 12px 0 0; }
.student-insert > div.questions > div .help-text { margin: 0 0 32px; }
.student-insert > div.questions > div input[type="radio"] { margin: -2px 6px 0; }
.student-insert > div.questions > div .add-btn { width: calc(100% - 71px); }
.student-insert > div.questions > div label { display: inline-block; }
.student-insert > div.questions > div label + label { margin-left: 32px; }
.student-insert > div.agree { padding: 64px 0 0; border-top: 1px solid #e6e6e6; }
.student-insert > div.agree .tit { font-size: 17px; font-weight: 500; color: #565656; margin: 0 0 8px; }
.student-insert > div.agree input[type="checkbox"] { margin: -2px 0 0; }
.student-insert > div.agree .chk { margin-top: 16px; font-size: 13px; }
.student-insert > div.agree .chk input { margin: 0 6px 0 0; }

.selected-item-box { margin: 16px 0 0; }
.selected-item-box > ul > li { position: relative; font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.39px; text-align: left; color: #565656; margin: 8px 0 0; }
.selected-item-box > ul > li .delete { position: absolute; top: 16px; right: 12px; width: 16px; height: 16px; background: url(../../images/web/icon_delete.png) center center no-repeat; background-size: contain; margin: -3px 0 0 6px; }


.event-coupon { background-color: #f2f8ff; border-bottom: 1px solid #e6e6e6; padding: 12px 16px; font-size: 13px; font-weight: bold; line-height: 1.46; letter-spacing: -0.65px; color: #565656; }
.event-coupon span { display: inline-block; color: #007aff; font-weight: bold; margin: 0 16px 0 0;}


.recruitment-status { text-align: center; background: #f9f9f9; padding: 40px; margin: 16px 0 40px; }
.recruitment-status h1 { font-size: 16px; font-weight: bold; line-height: 1.5; letter-spacing: -0.48px; text-align: center; color: #464646; }
.recruitment-status h1 br { display: none; }
.recruitment-status p { font-size: 12px; line-height: 1.5; letter-spacing: -0.36px; color: #868686; margin: 8px 0 0; }
.recruitment-status .btn-group { text-align: center; margin-top: 24px; }
.recruitment-status .btn-group .btn-medium + .btn-medium { margin: 0 0 0 6px; }
.recruitment-status + .table-type-area { margin: 40px 0 0; }

button.icon-report { width: 96px; padding: 0; }
button.icon-report:before { content: ''; display: inline-block; vertical-align: middle; margin: -3px 4px 0 0; width: 16px; height: 16px; background: url(../../images/web/icon_report.png) center center no-repeat; background-size: contain; }
button.icon-block { width: 96px; padding: 0; }
button.icon-block:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; width: 16px; height: 16px; background: url(../../images/web/icon_block.png) center center no-repeat; background-size: contain; }
button.icon-report + button.icon-block { margin: 0 0 0 6px; }

.popup-message-send { min-width: 480px; width: 480px; }


.company-intro { padding: 56px 0 100px; border-bottom: 1px solid #e6e6e6; }
.company-intro > h1 { font-family: 'GmarketSansBold'; font-size: 40px; font-weight: bold; line-height: 1.15; letter-spacing: -1.2px; text-align: center; color: #1a1e36; }
.company-intro > p { font-size: 16px; font-weight: normal; line-height: 1.5; letter-spacing: -0.48px; text-align: center; color: #565656; margin: 24px 0 0; }
.company-intro > ul { position: relative; height: 350px; margin: 64px 0 0; }
.company-intro > ul > li img { width: 350px; height: 350px; }
.company-intro > ul > li.n1 { position: absolute; top: 0; left: 38px; width: 350px; z-index: 1; }
.company-intro > ul > li.n2 { position: absolute; top: 0; left: 50%; margin-left: -175px; width: 350px; z-index: 3; }
.company-intro > ul > li.n3 { position: absolute; top: 0; right: 38px; width: 350px; z-index: 2; }


.history-list { margin: 100px 0 0; }
.history-list > h1 { font-family: 'GmarketSansBold'; font-size: 40px; font-weight: bold; line-height: 1.15; letter-spacing: -1.2px; text-align: center; color: #1a1e36; margin: 0 0 70px; }
.history-list > div { overflow: hidden; }
.history-list > div > h1 { float: left; width: 232px; font-size: 32px; font-weight: 900; color: #1a1e36; }
.history-list > div > h1 span { color: #007aff; font-weight: 900; }
.history-list > div > .info { position: relative; float: left; width: calc(100% - 232px); padding: 0 0 64px 68px; }
.history-list > div > .info:before { position: absolute; top: 0; left: 0; content: ''; display: block; width: 1px; height: 100%; background-color: #e6e6e6; }
.history-list > h1 + div .info:before { top: 26px; }
.history-list > div > .info:after { position: absolute; top: 16px; left: -7px; content: ''; display: block; width: 15px; height: 15px; border: solid 3px #007aff;
    background-color: #fff; border-radius: 50vh; }
.history-list > div > .info ul { overflow: hidden; margin: 16px 0 0; }
.history-list > div > .info ul:first-child { margin: 12px 0 0; }
.history-list > div > .info ul .tit { float: left; width: 113px; height: 42px; line-height: 42px; text-align: center; border-radius: 50vh; background: url(../../images/web/history_ym.png) center center no-repeat; background-size: contain; font-size: 18px; font-weight: 500; letter-spacing: -0.54px; color: #868686; padding-left: 10px; }
.history-list > div > .info ul .con { float: left; width: calc(100% - 117px); padding: 6px 0 0 40px; font-size: 18px; font-weight: 500; line-height: 1.78; letter-spacing: -0.54px; }
.history-list > div:last-child > .info{ padding-bottom: 0; }
.history-list > div:last-child > .info:before { height: 40px; }


/*table-type-area2*/
.table-type-area2 { border-top: 1px solid #161616; }
.table-type-area2 > ul { border-top: 1px solid #e6e6e6; }
.table-type-area2 > ul > li { display: table; width: 100%; margin: 0; height: 50px; border-bottom: 1px solid #e6e6e6; }
.table-type-area2 > ul > li > * { display: table-cell; vertical-align: middle; padding: 16px 0; }
.table-type-area2 > ul > li > .title { font-size: 14px; font-weight: 500; color: #565656; width: 180px; background-color: #f9f9f9; }
.table-type-area2 > ul > li > div.type { width: 20%; border-right: 1px solid #e6e6e6; }
.table-type-area2 > ul > li > div.teacher { width: 40%; border-right: 1px solid #e6e6e6; }
.table-type-area2 > ul > li > .con.type { background-color: #f3f3f3; color: #565656; }
.table-type-area2 > ul > li > .con { height: 80px; font-size: 14px; font-weight: 500; text-align: center; color: #161616; line-height: 1.46; }
.table-type-area2 > ul > li > .con input[type="radio"] { margin: 0 4px 0 0; }
.table-type-area2 > ul > li > .con .help-text { font-size: 11px; color: #a6a6a6; }
.table-type-area2 > ul > li > .con.teacher,
.table-type-area2 > ul > li > .con.student { font-size: 13px; }


.company-service { padding-top: 58px; }
.company-service .title { text-align: center; margin: 0 0 32px; }
.company-service .title h1 { font-family: 'GmarketSansBold'; font-size: 40px; font-weight: 900; line-height: 1.15; letter-spacing: -1.2px; color: #1a1e36; text-align: center; }
.company-service .title h1 img { display: inline-block; vertical-align: middle; width: 156px; height: 48px; margin: 0 10px 0 0; }
.company-service .guide { margin: 56px 0 0; }
.company-service .guide li { position: relative; padding-left: 40px; margin: 40px 0 0; }
.company-service .guide li .num { position: absolute; top: 0; left: 0; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 50vh; font-size: 9px; font-weight: bold; color: #fff; }
.company-service .guide li .num.n1 { background-color: #00d3ff; }
.company-service .guide li .num.n2 { background-color: #007aff; }
.company-service .guide li .num.n3 { background-color: #343e7e; }
.company-service .guide li .num.n4 { background-color: #1e2868; }
.company-service .guide li .tit { font-size: 16px; font-weight: bold; line-height: 1.5; letter-spacing: -0.48px; text-align: left; color: #1e2868; }
.company-service .guide li .con { font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.39px; text-align: left; color: #565656; margin: 8px 0 0; }


.review-list > ul > li { padding-bottom: 24px; border-bottom: 1px solid #e6e6e6; }
.review-list > ul > li > .header { overflow: hidden; }
.review-list > ul > li > .header .info { float: left; width: 700px; padding: 16px 0 12px; }
.review-list > ul > li > .header .info ul { display: inline-block; margin: 0 24px 0 0; }
.review-list > ul > li > .header .info ul:after { content: ''; display: block; clear: both; }
.review-list > ul > li > .header .info ul li.tit { float: left; font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.39px; text-align: left; color: #a6a6a6; margin: 0 8px 0 0; }
.review-list > ul > li > .header .info ul li.con { float: left; font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.39px; text-align: left; color: #565656; }
.review-list > ul > li > .header .star-rating-medium { float: right; padding: 12px 4px 10px 16px; }
.review-list > ul > li > .cont { position: relative; padding: 24px 150px 24px 24px; border-radius: 4px; background-color: #f9f9f9; overflow: hidden; }
.review-list > ul > li > .cont > div { font-size: 13px; font-weight: normal; line-height: 1.77; letter-spacing: -0.39px; text-align: left; color: #868686; }
.review-list > ul > li > .cont > button { position: absolute; top: 50%; right: 24px; margin-top: -18px; }


.search-detail { margin-top: 24px; }
.search-detail .bg { height: 160px; padding: 32px 300px 41px 32px; border-radius: 4px; background-color: #f9f9f9; }
.search-detail .bg > ul { overflow: hidden; }
.search-detail .bg > ul + ul { margin: 24px 0 0; }
.search-detail .bg > ul > li.tit { float: left; width: 108px; padding: 8px 0; font-size: 14px; font-weight: 500; line-height: 1.43; letter-spacing: -0.7px; color: #868686; }
.search-detail .bg > ul > li.con { float: left; width: calc(100% - 108px); font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.39px; }
.search-detail .bg > ul > li.con input { display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; }
.search-detail .bg > ul > li.con select { min-width: 200px; margin: 0 6px 0 0; }
.search-detail .btn-group { margin-top: 8px; text-align: right; }
.search-detail .btn-group .btn-regular { margin-left: 6px; }


.student-search-list { margin: 64px 0 0; }
.student-search-list > ul { overflow: hidden; margin-top: -16px; }
.student-search-list > ul > li { float: left; overflow: hidden; width: calc((100% - 24px)/2); margin: 16px 24px 0 0; padding: 16px; border: 1px solid #e6e6e6; border-radius: 4px; }
.student-search-list > ul > li:nth-child(2n) { margin-right: 0; }
.student-search-list > ul > li .img { float: left; width: 200px; height: 150px; border-radius: 4px; overflow: hidden; }
.student-search-list > ul > li .img img { width: 100%; height: 100%; object-fit: cover; }
.student-search-list > ul > li .info { float: left; width: calc(100% - 200px); padding: 8px 0 0 24px; }
.student-search-list > ul > li .info .title { font-size: 17px; font-weight: bold; line-height: 1.47; letter-spacing: -0.51px; }
.student-search-list > ul > li .info .name-grade { overflow: hidden; margin: 12px 0 16px; }
.student-search-list > ul > li .info .name-grade .name { float: left; font-size: 14px; line-height: 1.43; letter-spacing: -0.42px; color: #565656; padding: 2px 0; margin: 0 8px 0 0; }
.student-search-list > ul > li .info .name-grade .grade { float: left; width: 56px; height: 23px; padding: 2px 0; text-align: center; border-radius: 4px; background-color: #f6f6f6; font-size: 13px; line-height: 1.46; letter-spacing: -0.39px; color: #868686; }
.student-search-list > ul > li .info .education { border-top: 1px solid #e6e6e6; padding-top: 12px; }
.student-search-list > ul > li .info .education ul { overflow: hidden; margin: 4px 0 0; }
.student-search-list > ul > li .info .education ul li { float: left; }
.student-search-list > ul > li .info .education ul li.tit { font-size: 14px; font-weight: normal; line-height: 1.43; letter-spacing: -0.42px; color: #a6a6a6; margin: 0 8px 0 0; }
.student-search-list > ul > li .info .education ul li.con { font-size: 14px; font-weight: normal; line-height: 1.43; letter-spacing: -0.42px; color: #868686; }


.teacher-search-view { overflow: hidden; }
.teacher-search-view .img { float: left; width: 456px; border-radius: 4px; position: relative; padding-bottom: 342px; height: 0; overflow: hidden; margin: 64px 0 0; }
.teacher-search-view .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.teacher-search-view .info { float: left; width: calc(100% - 456px); padding: 24px 0 0 40px; }
.teacher-search-view .info .btn { text-align: right; margin: 0 0 16px; }
.teacher-search-view .info .btn .heart a { font-size: 14px; color: #868686; }
.teacher-search-view .info .btn .heart a:after { content: ''; display: inline-block; vertical-align: middle; margin: -2px 0 0 8px; width: 28px; height: 28px; background: url(../../images/web/icon_heart_n.png) center center no-repeat; background-size: contain; }
.teacher-search-view .info .btn .heart a.active:after { background: url(../../images/web/icon_heart_s.png) center center no-repeat; background-size: contain }
.teacher-search-view .info .btn-group { margin: 16px 0 0; }
.teacher-search-view .info .btn-group .btn-large.theme1-c-btn { width: 340px; margin: 0 5px 0 0; }
.teacher-search-view .info .btn-group .btn-large { width: 113px; font-size: 15px; font-weight: 500; color: #868686; }


.teacher-oneline { height: 80px; background-color: #f9f9f9; padding: 24px; margin: 40px 0 64px; font-size: 14px; font-weight: normal; line-height: 1.43; letter-spacing: -0.42px; border-radius: 4px; }
.teacher-oneline div:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; width: 32px; height: 32px; background: url(../../images/web/icon_teacher_intro.png) center center no-repeat; background-size: contain; }


.subject-list { overflow: hidden; }
.subject-list li { font-size: 13px; line-height: 1.46; letter-spacing: -0.39px; }
.subject-list li + li { margin: 8px 0 0; }


.img-list > ul { overflow: hidden; }
.img-list > ul > li { float: left; margin: 0 12px 0 0; }
.img-list > ul > li img { width: 160px; height: 120px; border-radius: 4px; object-fit: cover; }
/* type-b */
.img-list.type-b > ul > li img { width: 432px; height: 324px; }
/* type-c */
.img-list.type-c > ul > li img { width: 136px; height: 102px; }
.img-list.type-c > ul > li:nth-child(6n) { margin-right: 0; }


.movie-player-wrapper { position: relative; width: 725px; padding-bottom: 408px; height: 0; overflow: hidden; }
.movie-player-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } ​
                                                                                                                    .movie-player-wrapper { }


.btn-group-type1 { text-align: center; padding: 40px 0 0; }
.btn-group-type1 .btn-medium + .btn-medium { margin-left: 8px; }
.btn-group-type1 .btn-medium { vertical-align: middle; }
.help-text3 + .btn-group-type1 { padding-top: 0; }
.help-text2 + .btn-group-type1 { padding-top: 0; }

.btn-group-type2 { margin-top: 16px; }
.btn-group-type2:after { content: ''; display: block; clear: both; }

.btn-group-type3 { margin-top: 16px; text-align: right; }


.popup-review-insert { min-width: 480px !important; width: 480px !important; }
.datepickers-container { z-index: 103 !important; }

.extracurricular-subjects { padding-top: 8px; }
.extracurricular-subjects label { margin-left: 32px !important; }
.extracurricular-subjects label:first-child { margin-left: 0 !important; }


.search-type1 { padding-top: 24px; padding-bottom: 16px; }
.search-type1:after { content: ''; display: block; clear: both; }
.search-type1 .search-regular { margin: 0 0 0 8px; }


.search-type2 { padding: 8px 0 0; }
.search-type2 + .board-list-area { margin-top: 16px !important; }


.content-text { text-align: left !important; padding-right: 32px; }
.all-delete { text-align: right; padding-top: 24px; padding-bottom: 8px; }


.select-subject select { min-width: 192px; }
.select-subject select + select { margin-left: 6px; }
.select-subject button { width: 64px; margin-left: 6px !important; }
.questions .select-subject select { min-width: 208px; }
.questions .select-subject.small select { min-width: 136px; }


.popup-report .agree-chk { font-size: 13px; margin: 16px 0 0; }
.popup-report .agree-chk input[type="checkbox"] { margin: -2px 8px 0 0; }
.popup-report .btn-group-type1 { padding: 48px 0 0; }


.bg-padding-wrap2 { padding-top: 24px; }



/****************/
body.footer-not-margin-top footer { margin-top: 0; }

body.mypage_match_view .table-type-area .title br { display: none; }

body.mypage_point_buy .bg-padding-wrap .title-info:first-child h1 { padding-top: 24px; }
body.mypage_point_buy .total-price { color: #007aff; font-weight: bold; }
body.mypage_point_buy .btn-group-type1 { padding-top: 0; }

body.Teacher_search_view .table-type-area.profile > ul > li > .title { width: 120px; }

body.board-list-type2 .board-list-area { border-top: 1px solid #161616; }




/* 2020-12-17 */
input[readonly] { background: #f6f6f6; cursor:not-allowed; color:#565656;}



/* 2020-12-19 */
.board-view-area .header .file { clear: both; padding: 10px 0 0; font-size: 12px; color: #565656;  }
.board-view-area .header .file a { font-size: 12px; color: #868686; }
.board-view-area .header .file a:hover { text-decoration: underline; }


/* 2021-03-15 */
.table-type-area.profile>ul>li .con .university {
    display: block; width: 420px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;
}
.teacher-oneline { position: relative; height: 80px; background-color: #f9f9f9; padding: 24px 24px 24px 60px; margin: 40px 0 64px; font-size: 14px; font-weight: normal; line-height: 1.43; letter-spacing: -0.42px; border-radius: 4px; }
.teacher-oneline div:before { position: absolute; top: 24px; left: 24px; z-index: 100; content: ''; display: inline-block; width: 32px; height: 32px; background: url(../../images/web/icon_teacher_intro.png) 0 0 no-repeat; background-size: contain; }
.teacher-oneline div {
    display: block; width: 100%; line-height: 2; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;
}
.teacher-search-view .img img {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
}


/*게시판 목록 공통*/
.board-list-area ul { display: table; width: 100%; }
.board-list-area ul li { display: table-cell; vertical-align: middle; }
.board-list-area ul li.num { width: 6.3%; }
.board-list-area ul li.num2 { width: 8%; }
.board-list-area ul li.chk { width: 7.6%; }
.board-list-area ul li.date { width: 8%; }
.board-list-area ul li.state { width: 11%; }
.board-list-area ul li.state2 { width: 9.8%; }
.board-list-area ul li.condition { width: 30%; }
.board-list-area ul li.term { width: 18.5%; }
.board-list-area ul li.name { width: 11%; }
.board-list-area ul li.name2 { width: 12.7%; }
.board-list-area ul li.date2 { width: 11%; }
.board-list-area ul li.date3 { width: 12%; }
.board-list-area ul li.coupon { width: 14.7%; }
.board-list-area ul li.p-name { width: 15%; }
.board-list-area ul li.img { width: 12.5%; }
.board-list-area ul li.price { width: 13%; }
.board-list-area ul li.btn { width: 14%; }
.board-list-area ul li.split3 { width: 33.33%; }
.board-list-area ul li.split4 { width: 25%; }
.board-list-area ul li.split5 { width: 20%; }
.board-list-area ul li.split6 { width: 16.66%; }
.board-list-area ul li.split7 { width: 14.28%; }
.board-list-area ul li.split8 { width: 12.5%; }
.board-list-area ul li.split9 { width: 11.11%; }

.board-list-area .board-list-header ul li { background-color: #f9f9f9; padding: 8px 0; text-align: center; font-size: 12px; color: #a6a6a6; }
.board-list-area .board-list-header > div { width: 100%; display: block; height: auto; }
.board-list-area .board-list-content > div { position: relative; width: 100%; display: block; height: auto; border-bottom: 1px solid #e6e6e6; }
.board-list-area .board-list-content > div.end:before { position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; background-color: rgba(255,255,255,0.7); }
.board-list-area .board-list-content > div > ul > li { background: #fff; height: 52px; padding: 9px 0; font-size: 13px; line-height: 1.46; letter-spacing:-0.65px; text-align: center; color: #161616; }
.board-list-area .board-list-content > div > ul > li.subject { position: relative; text-align: left; padding-left: 20px; color: #464646; }
.board-list-area .board-list-content > div > ul > li.subject > a p { font-size: 13px; color: #161616; width: 95%; }
.board-list-area .board-list-content > div > ul > li.subject a:hover { text-decoration: underline; }
.board-list-area .board-list-content > div > ul > li.num,
.board-list-area .board-list-content > div > ul > li.num2 { font-size: 13px; color: #868686; }
.board-list-area .board-list-content > div > ul > li.num.notice { color: #007aff; font-weight: bold; }
.board-list-area .board-list-content > div > ul > li.date,
.board-list-area .board-list-content > div > ul > li.date2,
.board-list-area .board-list-content > div > ul > li.date3 { font-size: 13px; color: #a6a6a6; }
.board-list-area .board-list-content > div > ul > li.state span,
.board-list-area .board-list-content > div > ul > li.state2 span { font-size: 13px; font-weight: bold; color: #a6a6a6; }

.board-list-area .board-list-content > div > ul > li.state .completed { display: inline-block; width: 74px; height: 35px; line-height: 33px; border-radius: 4px; border: 1px solid #007aff; font-size: 12px; font-weight: 500; letter-spacing: -0.6px; text-align: center; color: #007aff; }

.board-list-area .board-list-content > div > ul > li.state .non-purchase { display: inline-block; width: 74px; height: 35px; line-height: 33px; border-radius: 4px; border: 1px solid #d6d6d6; font-size: 12px; font-weight: 500; letter-spacing: -0.6px; text-align: center; color: #868686; }

.board-list-area .board-list-content > div > ul > li.c-name { color: #161616; padding-left: 40px; padding-right: 40px; }
.board-list-area .board-list-content > div > ul > li.condition,
.board-list-area .board-list-content > div > ul > li.term { font-size: 13px; color: #a6a6a6; }
.board-list-area .board-list-content > div > ul > li.name,
.board-list-area .board-list-content > div > ul > li.name2 { color: #868686; font-weight: 500; }
.board-list-area .board-list-content > div > ul > li.point { font-size: 13px; color: #c8242c; }
.board-list-area .board-list-content > div > ul > li.p-name { font-weight: 500px; color: #868686; }
.board-list-area .board-list-content > div > ul > li.coupon span { display: inline-block; width: 66px; height: 28px; line-height: 26px; border: 1px solid #007aff; border-radius: 4px; text-align: center; color: #007aff; font-size: 12px; font-weight: 500; }
.board-list-area.large .board-list-content > div > ul > li { padding: 16px 0; }


/* 2021-03-25 */
.board-list-area .board-list-content > div > ul > li.subject > a { display: block; width: 450px; }
.board-list-area .board-list-content > div > ul > li.subject > a p {
    font-size: 13px; color: #161616; display: block; width: 100%; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;
}

/* 2021-05-03 */
#wrapper > header {
    height: auto;
}
.main-header-banner {
    display: none;
}
.main-header-banner img {
    height: 64px;
    object-fit: cover;
}
.main-header-banner.active {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.select-subject.type-b select.input-regular {
    min-width: 136px;
}
.select-subject.type-b input.input-regular {
    min-width: 136px;
    width: 136px;
    margin-left: 6px;
}

.select-subject input.input-regular {
    min-width: 192px;
    width: 192px;
    margin-left: 6px;
}

/* 2021-06-08 */
.teacher-search-view .img img {
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
  max-height: 100%;
	object-fit: contain;
}


/* 2021-06-10 */
.teacher-list.split4 > ul > li {
	height: 348px;
}


/* 2021-07-02 */
#footer .footer-copyright-area > div.info {
  width: calc(100% - 620px);
}
#footer .footer-copyright-area > div.cscetner {
  width: 360px;
}
.footer-sns {
  margin: 24px 0 0;
}
.footer-sns ul {
  display: flex;
}
.footer-sns li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 111px;
  height: 36px;
  line-height: 36px;
  margin: 0 8px 0 0;
  padding: 0 8px;
  border-radius: 4px;
}
.footer-sns li.kakao a {
  background-color: #ffe600;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 3;
  letter-spacing: -0.6px;
  text-align: left;
  color: #161616;
}
.footer-sns li.kakao a:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 2px 0 0;
  background: url(../../images/web/icon_s_kakaotalk2.png);
  background-size: contain;
}
.footer-sns li.google a {
  background-color: #fff;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 3;
  letter-spacing: -0.6px;
  text-align: left;
  color: #161616;
}
.footer-sns li.google a:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 2px 0 0;
  background: url(../../images/web/icon_s_goole.png);
  background-size: contain;
}
.footer-sns li.app a {
  background-color: #fff;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 3;
  letter-spacing: -0.6px;
  text-align: left;
  color: #161616;
}
.footer-sns li.app a:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 2px 0 0;
  background: url(../../images/web/icon_s_apple2.png);
  background-size: contain;
}


/* 2021-08-30 */
.student-search-list > ul > li .info .name-grade .grade {
	width: auto !important;
}

/* 2021-08-31 */
.btn-message {
	display: block;
	max-width: 400px; /* 2021-10-07 */
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
}


/* 2021-09-23 */
.popup-teacher-requirements {
    width: 480px;
}
.teacher-requirements li p {
    width: 100%;
    padding: 16px 32px 16px 16px;
    border-radius: 4px;
    background-color: #f9f9f9;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: -0.39px;
    text-align: left;
    color: #161616;
}
.teacher-requirements li + li {
    margin-top: 16px;
}
.teacher-requirements li {
    display: flex;
    align-items: center;
}
.teacher-requirements li:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
}
.teacher-requirements li.n1:before {
    background: url(../../images/web/n1.png) center center no-repeat;
    background-size: contain;
}

.teacher-requirements li.n2:before {
    background: url(../../images/web/n2.png) center center no-repeat;
    background-size: contain;
}
.teacher-requirements li.n3:before {
    background: url(../../images/web/n3.png) center center no-repeat;
    background-size: contain;
}
.teacher-requirements li strong {
    font-weight: bold;
}
.teacher-requirements .help-text {
    text-align: center;
    margin-top: 24px;
}
.teacher-requirements .btn-group-type1 {
    padding: 24px 0 0;
}

/* 2022-04-26 */
.footer-sns-new {
  display: flex;
  align-items: center;
}
.footer-sns-new a {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 15px 8px 0 0;
}
.footer-sns-new a.kakao {
  background: url(../../images/web/icon_kakao.png);
  background-size: contain;
}
.footer-sns-new a.youtube {
  background: url(../../images/web/icon_youtube.png);
  background-size: contain;
}
.footer-sns-new a.blog {
  background: url(../../images/web/icon_blog.png);
  background-size: contain;
}

.main-link {
  height: auto;
  padding: 56px 0;
}
.main-link > h1 {
  display: block;
  font-family: Montserrat;
  font-size: 36px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -1.08px;
  text-align: center;
  color: #1a1e36;
}
.main-link > p {
  display: block;
  margin: 19px 0 40px;
  font-family: NotoSansKR;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.39px;
  text-align: center;
  color: #565656;
}
/* select-region */
.select-region {
  width: 1080px;
  margin: 0 auto;
  padding: 56px 0 120px;
}
.select-region > h1 {
  font-family: GmarketSansBold;
  font-size: 36px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -1.08px;
  text-align: center;
  color: #1a1e36;
}
.select-region > p {
  margin: 27px 0 40px;
  font-family: NotoSansKR;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.39px;
  text-align: center;
  color: #565656;
}

/* select-1 */
.select-region .select-1 {
  display: flex;
  flex-wrap: wrap;
}
.select-region .select-1 label {
  width: 16.66%;
}
.select-region .select-1 input {
  display: none;
}
.select-region .select-1 input + span {
  display: inline-block;
  width: calc(100% - 6px);
  height: 45px;
  margin: 3px;
  padding: 0;
  border: solid 1px #d6d6d6;
  background-color: #fff;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -0.42px;
  text-align: center;
  color: #565656;
  line-height: 43px;
}
.select-region .select-1 input[readonly] + span {
  border: solid 1px #d6d6d6;
  background-color: #f9f9f9;
}
.select-region .select-1 input:checked + span {
  border: solid 2px #007aff;
  background-color: #fff;
  font-weight: bold;
  color: #157afc;
}

/* select-2 */
.select-region .select-2 {
  display: flex;
  flex-wrap: wrap;
  padding: 28px 0;
  background-color: #f9f9f9;
  margin-top: 16px;
}
.select-region .select-2 label {
  display: flex;
  align-items: center;
  width: 16.66%;
  margin: 10px 0;
  padding-left: 42px;
}
.select-region .select-2 label input {
  margin-right: 6px;
}
.btn-medium.reset:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -3px 4px 0 0;
  width: 20px;
  height: 20px;
  background: url(../../images/web/icon_refresh.png);
  background-size: contain;
}

.popup-teacher-search {
  margin-top: -1250px;
}

.block-type-area > ul > li > .con {
  font-size: 14px;
}

.item-split4 {
  display: flex;
  flex-wrap: wrap;
}
.item-split4 label {
  width: 25%;
}

/* online-lesson */
.online-lesson {
  margin: 24px 0 40px;
  padding: 40px;
  border: solid 1px #e6e6e6;
  background-color: #f9f9f9;
  border-radius: 8px;
}
.online-lesson > h1 {
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.66px;
  text-align: center;
  color: #161616;
}
.online-lesson h1:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 41px;
  height: 41px;
  background: url(../../images/web/logo_icon.png);
  background-size: contain;
}
.online-lesson p {
  margin: 4px 0 16px 4px;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.42px;
  text-align: center;
  color: #565656;
}
.online-lesson h2 {
  display: inline-block;
  min-width: 176px;
  height: 32px;
  margin: 24px 0 8px 0;
  padding: 6px 16px 7px 12px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.39px;
  text-align: left;
  color: #fff;
}
.online-lesson h2:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  background-color: #fff;
  border-radius: 50%;
}
.online-lesson h2.n1 {
  background-color: #343e7e;
}
.online-lesson h2.n2 {
  background-color: #007aff;
}
.online-lesson h2.n3 {
  background-color: #00d3ff;
}
.online-lesson li {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.39px;
  text-align: left;
  color: #161616;
}
.online-lesson .red {
  color: #e00000;
}
.online-lesson .blue {
  color: #007aff;
}
.btn-medium.on-air {
  padding-left: 8px;
}
.btn-medium.on-air:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 69px;
  height: 38px;
  flex-grow: 0;
  margin: -4px 0 0;
  background: url(../../images/web/icon_on_air.gif);
  background-size: contain;
}

/* characters-table-type-area */
.characters-table-type-area {
  display: flex;
  align-items: center;
}
.characters-table-type-area .characters {
  width: 339px;
  margin-right: 24px;
}
.characters-table-type-area .characters img {
  height: 254px;
  object-fit: contain;
}
.characters-table-type-area .table-type-area {
  width: calc(100% - 339px);
}

.inline-block {
  display: inline-block;
}

.questions .tab-menu.type-b .tab-content > div {
  background-color: #f9f9f9;
}

/* choose-default-picture */
.choose-default-picture {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  margin-top: 24px;
}
.choose-default-picture label {
  position: relative;
  width: 20%;
  margin: 0;
}

.student-insert > div.questions > div .choose-default-picture label + label {
  margin: 0;
}
.choose-default-picture label input {
  position: absolute;
  top: 8px;
  left: 4px;
  width: 16px;
  height: 16px;
  background: #fff url(../../images/web/ico_check_d.png) center center;
  background-size: contain;
}
.choose-default-picture label input[type="radio"]:checked {
  background-color: #007aff;
  border: 1px solid #007aff;
  background: #007aff url(../../images/web/ico_check_s.png) center center;
  background-size: contain;
}
.choose-default-picture label input[type="radio"]:checked:before {
  display: none;
}
.choose-default-picture label img {
  width: 90px;
  margin: 0;
  border-radius: 4px;
  border: solid 1px #e9e9e9;
}
.choose-default-picture label input[type="radio"]:checked + img {
  border: solid 1px #007aff;
}
.width406 {
  width: 406px !important;
}
.width480 {
  width: 480px !important;
}
.height-auto {
  height: auto !important;
}

/* premium-teacher */
.premium-teacher > h1 {
  margin: 24px 0;
  font-family: Montserrat;
  font-size: 17px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.51px;
  text-align: center;
  color: #1a1e36;
}

.premium-teacher .slider {
  position: relative;
}
.premium-teacher .slider .swiper-container {
  height: 340px;
}
.premium-teacher .teacher-list > ul > li {
  margin: 0;
}

.premium-teacher .slider .slider-btn-prev {
  width: 56px;
  height: 56px;
  margin-top: -110px;
  left: -28px;
  background: url(../../images/web/r_prev.png) no-repeat 0 0;
  background-size: contain;
  border: 0;
}
.premium-teacher .slider .slider-btn-next {
  width: 56px;
  height: 56px;
  margin-top: -110px;
  right: -28px;
  background: url(../../images/web/r_next.png) no-repeat 0 0;
  background-size: contain;
}
.main-header-banner {
  display: block;
  text-align: center;
}
.main-header-banner img {
  width: 100%;
  height: 64px;
  object-fit: cover;
}

.search-detail .bg > ul > li.con input.input-regular {
  margin-top: 0;
}

/* type-c */
.tab-menu.type-c {
  margin-top: 24px;
}
.tab-menu.type-c .inner-wrap .tab-header {
  background: #f6f6f6;
  border: 0;
}
.tab-menu.type-c .inner-wrap .tab-header li {
  border-left: 0;
  border-top: 0;
  color: #565656;
  height: 48px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  letter-spacing: -0.7px;
  text-align: center;
  color: #868686;
  border-radius: 4px;
  border-bottom: 0;
  border: solid 1px #343e7e;
  background-color: #fff;
}
.tab-menu.typtype-ce-b .inner-wrap .tab-header li:hover {
  background: #f6f6f6;
}
.tab-menu.type-c .inner-wrap .tab-header li.active {
  background: #343e7e;
  border: 0;
  color: #fff;
}
.tab-menu.type-c .inner-wrap .tab-header li.active:hover {
  background: #343e7e;
  border: 0;
  color: #fff;
}
.tab-menu.type-c .inner-wrap .tab-content {
  margin-top: 16px;
}
.tab-menu.type-c .inner-wrap .tab-content .board-list-area {
  margin-top: 40px;
}
.tab-menu.type-c .inner-wrap .tab-content .title-info + .board-list-area {
  margin-top: 0;
}
.tab-menu.type-c .inner-wrap .tab-header li:first-child {
  border-radius: 4px 0 0 4px;
}
.tab-menu.type-c .inner-wrap .tab-header li:last-child {
  border-radius: 0 4px 4px 0;
}
.tab-menu.type-c .file-upload {
  background-color: #f9f9f9;
}

/* 2022-05-30 */
.company-intro > ul > li {
  position: relative;
  overflow: hidden;
}
.company-intro > ul > li .info {
  position: absolute;
  top: 170px;
  left: 50%;
  display: block;
  margin: 0 0 0 -120px;
  width: 240px;
}
.company-intro > ul > li .info .tit {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: -0.45px;
  text-align: center;
  color: #1a1e36;
  padding: 12px 0 0;
}
.company-intro > ul > li .info .con {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.36px;
  text-align: center;
  color: #565656;
  margin: 4px 0 0;
  word-break: keep-all;
}

/* 2022-07-06 */
.red {
	color: #ff8787;
}
.blue {
  color: #007aff;
}