@charset "utf-8";
@import url('omniEdu.css');

html {-webkit-text-size-adjust: 100%;}

.pcOnly {display: none !important;}
.mOnly {display: block !important;}

.mClear {clear: both;}

.btn .btnBig {max-width:100%;}

select {width: 100%;border-radius: 0;background-color: #fff;}

/* 툴팁보기 */
.hint {display: inline-block;vertical-align: top;position: relative;}
.hint a {position: relative;display: inline-block;vertical-align: top;text-align: center;width: 30px;height: 30px;border-radius: 50%;color: #fff;background-color: #222;}
.hint a i {position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);font-size: 20px;}

.hint1 {display: inline-block;vertical-align: top;position: relative;}
.hint1 a {position: relative;display: inline-block;vertical-align: top;text-align: center;width: 30px;height: 30px;border-radius: 50%;color: #fff;background-color: #222;}
.hint1 a i {position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);font-size: 20px;}

.hint_cae {display: inline-block;vertical-align: top;position: relative; margin-bottom:10px;}
.hint_cae > a {position: relative;display: inline-block;vertical-align: middle;text-align: center;width: 20px;height: 20px;border-radius: 50%;color: #fff; padding:0 10px !important;}
.hint_cae > a i {position: absolute;left: 70%;top: 50%;transform:translate(-50%, -50%);font-size: 16px; color: #70757b;}
.hint_cae > span > a {margin:5px auto; color: #616060; vertical-align: middle; line-height: 15px; border:none; padding: 0 5px; font-family: 'Montserrat-Light', 'NotoSansKR Regular', sans-serif; font-size:13px;}  

.hintCon {display: none !important;z-index: 50;position: absolute;left: 0;top: 100%;width:200px;margin-top: 12px;padding: 5px 10px;border-radius: 5px;border: 1px solid #102e6d;text-align: left !important;color: #102e6d !important;font-size: 14px !important;line-height: 18px !important;background-color: #fff;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif !important;}
.hintCon.right {left: auto;right: 0;}

span.inputArea {display: block;}
span.inputArea label {padding-left: 5px;line-height: 20px;}
span.inputArea .hint a {width: 20px;height: 20px;}
span.inputArea .hint a i {font-size: 12px;}

.hint a.on:after {content: "";z-index: 40;position: absolute;bottom: -12px;left: 50%;transform:translateX(-50%);width: 0;height: 0;border-left: 6px solid transparent;border-bottom: 6px solid #102e6d;border-right: 6px solid transparent;}
.hint a.on + .hintCon {display: block !important;}


span.reAuth2 .hint a {width: 20px;height: 20px; color:#fff !important;}
span.reAuth2 .hint a i {font-size: 12px;}

span.reAuth2 a.hintTm  {margin-top:10px;}

.hintCon2 {display: none !important;z-index: 50;position: absolute;left: 0;top: 100%;width:220px;margin-top: 10px;padding: 5px 10px;border-radius: 5px;border: 1px solid #102e6d;text-align: left !important;color: #102e6d !important;font-size: 14px !important;line-height: 18px !important;background-color: #fff;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif !important;}
.hintCon2.right {left: -110px;right: 0;}

.hint a.on + .hintCon2 {display: block !important;}

div.wrapper {min-width: 320px;}

div#headerWrap h1 {margin: 0;padding: 0 80px 0 0;border-bottom: 1px solid #ebebeb;background-color: #fff;}
div#headerWrap h1 a {display: block;padding: 10px 0 10px 20px;}
div#headerWrap h1 img {display: block;height: 20px;}

ul.headerUtil, ul.headerUtil li, ul.headerUtil a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.headerUtil {position: absolute;right: 0;top: 0;width: 80px;height: 40px;}
ul.headerUtil > li {float: left;width: 50%;}
ul.headerUtil a {display: block;height: 40px;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;background-size: 13px;}
ul.headerUtil li.gnbSearch a {background-image: url('/image/common/mobile/gnbSearch_btn.png');}
ul.headerUtil li.menuView a {background-image: url('/image/common/mobile/menuView.png');}

div.gnbWrap {z-index: 9999;position: fixed;left: 100%;top: 0;width: 100%;height: 100%;padding:120px 0 105px 80px;background-color: rgba(0,0,0,.6);box-sizing: border-box;}
div.gnbWrap:before {content: "";position: absolute;right: 0;top: 0;width: calc(100% - 80px);height: 100%;background-color: #fff;}

ul#gnb, ul#gnb > li, ul#gnb > li > a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul#gnb {z-index: 10;position: relative;overflow-x: hidden;overflow-y: auto;height: 100%;padding: 0 20px;box-sizing: border-box;}

ul#gnb > li {margin-bottom: 5px;}
ul#gnb > li > a {position: relative;display: block;border-radius: 5px;padding: 10px 45px 10px 35px;color: #102e6d;font-size: 14px;line-height: 20px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;background: url('/image/common/mobile/gnb_bl.png') left 20px center no-repeat, url('/image/common/mobile/gnb_bg.png') right 15px center no-repeat, #f4f5f9;background-size: 8px, 12px;}
ul#gnb > li.on > a {color: #fff;background-color: #102e6d;background-image: url('/image/common/mobile/gnb_bl_on.png'), url('/image/common/mobile/gnb_bg_on.png');}
.on ul.gnbSub {display: block;}

ul.gnbSub, ul.gnbSub li, ul.gnbSub a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.gnbSub {display: none;margin-top: -5px;padding: 10px 20px 15px 35px;border-radius: 0 0 5px 5px;background-color: #ebeef7;}
ul.gnbSub > li {margin-top: 5px;}
ul.gnbSub a {display: block;color: #323232;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;}
ul.gnbSub a:before {content: "-";display: inline-block;vertical-align: top;padding-right: 5px;}

div.memberMenu, div.memberMenu p, div.memberMenu ul, div.memberMenu li, div.memberMenu a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
div.memberMenu {position: absolute;right: 0;top: 0;width: calc(100% - 80px);display: grid;height: 120px;padding: 40px 20px 20px;align-items: stretch;justify-items: center;box-sizing: border-box;}
div.memberMenu p {padding-bottom: 10px;text-align: center;color: #323232;font-size: 16px;line-height: 20px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
div.memberMenu ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
div.memberMenu a {display: table-cell;width: 100vw;height: 30px;text-align: center;vertical-align: middle;border: 1px solid #323232;font-size: 14px;line-height: 18px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
div.memberMenu li:nth-child(1) a {color: #fff;background-color: #323232;}
div.memberMenu li:nth-child(2) a {color: #323232;background-color: #fff;}

ul.gnbQuick, ul.gnbQuick li, ul.gnbQuick a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.gnbQuick {position: absolute;right: 20px;bottom: 20px;width: calc(100% - 120px);}
ul.gnbQuick li {margin-top: 5px;}
ul.gnbQuick a {position: relative;display: table-cell;width: 100vw;height: 30px;border-radius: 5px;vertical-align: middle;padding: 0 35px;font-size: 12px;line-height: 16px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;background-size: 14px !important;}
ul.gnbQuick a:before {content: "";position: absolute;left: 0;top: 0;width: 35px;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: 22px;}
ul.gnbQuick li:nth-child(1) a {border: 1px solid #102e6d;color: #102e6d;background: #fff url('/image/common/mobile/gnbQuick_arr_01.png') right 10px center no-repeat;}
ul.gnbQuick li:nth-child(1) a:before {background-image: url('/image/common/mobile/gnb_tsne.png');}
ul.gnbQuick li:nth-child(2) a {border: 1px solid #ffb808;color: #323232;background: #ffb808 url('/image/common/mobile/gnbQuick_arr_02.png') right 10px center no-repeat;}
ul.gnbQuick li:nth-child(2) a:before {background-image: url('/image/common/mobile/gnb_kakao.png');}

div.menuClose {position: absolute;right: 0;top: 0;width: 40px;height: 40px;}
div.menuClose a {display: block;padding: 14px 0;}
div.menuClose img {display: block;width: 12px;margin: 0 auto;}

div.gnbSearch,
div.topBnr {display: none;}


div.gnbSearch {background: #091f41 url('/image/common/mobile/gnbSearch_bg_m.png') top right no-repeat;background-size: auto 90px;}
div.gnbSearch form {padding: 20px 15px;}
div.keywordRecomm {padding-bottom: 15px;}
div.keywordRecomm:before {content: "추천 검색어";display: block;padding-bottom: 10px;color: #fff;font-size: 16px;line-height: 1;font-family: 'NotoSansKR Bold', sans-serif;}
div.keywordRecomm a {display: inline-block;vertical-align: top;margin-right: 5px;padding: 0 10px;border: 1px solid #fff;border-radius: 15px;color: #fff;font-size: 14px;line-height: 30px;text-decoration: none;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;}
div.keywordRecomm a:last-child {margin-right: 0;}

div.keywordRecomm{margin: -3px;}
div.keywordRecomm a, div.keywordRecomm a:last-child{margin: 3px;}

div.keyword {overflow: hidden;position: relative;padding:0 40px 0 0;border-radius: 17px;background-color: #fff;}
div.keyword input[type=text],
div.keyword input[type=submit] {display: block;border: 0 none;height: 35px;background-color: transparent;box-sizing:border-box;}
div.keyword input[type=text] {font-size: 15px;line-height: 35px;color: #6d6f73;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;}
div.keyword input[type=submit] {position: absolute;right: 0;top: 0;width: 40px;height: 100%;font-size: 0;line-height: 0;background: url('/image/common/mobile/gnbSearch_btn.png') center center no-repeat;background-size:20px auto;}

div#goTop {position: relative;}
div#goTop > a {position: absolute;right: 15px;top: -40px;display: block;width: 30px;}



div.footer, div.footer dl, div.footer dt, div.footer dd, div.footer ul, div.footer li, div.footer address, div.footer p, div.footer a {margin: 0;padding: 0;list-style: none;font-weight: normal;text-decoration: none;}
div.footer {position: relative;padding: 140px 20px 30px 20px;background-color: #25282b;}
div.footer > dl {position: relative;box-sizing:border-box;text-align: center;color: #565b60;font-size: 14px;line-height: 20px;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;letter-spacing: -1px;}
div.footer > dl img {display: block;width: 85px;margin: 0 auto;padding-bottom: 10px;}
div.footer > dl ul {}
div.footer > dl li {display: inline-block;vertical-align: top;}
div.footer > dl li:first-child:after {content: "";display: inline-block;vertical-align: top;width: 1px;height: 12px;margin: 5px 6px 0 8px;background-color: #565b60;}
div.footer > dl li:last-child {display: block;}
div.footer > dl p {padding-top: 15px;color: #fff;}

div.footer > div {position: absolute;left: 0;top: 15px;padding: 0 20px;width: 100%;box-sizing: border-box;}
ul.footerSns {text-align: center;font-size: 0;line-height: 0;}
ul.footerSns li {display: inline-block;vertical-align: top;margin: 0 10px;}
ul.footerSns a {display: block;overflow: hidden;display: block;width: 36px;height: 36px;border-radius: 50%;background-color: #33373b;}
ul.footerSns img {display: block;width: 100%;}

dl.familySite {position: relative;width: 206px;margin: 10px auto 0 !important;}
dl.familySite a {display: block;color: #fff;font-size: 11px;line-height: 20px;font-family: 'Montserrat-Light', 'NotoSansKR Regular', sans-serif;}
dl.familySite a.trigger {position: relative;padding: 0 30px 0 15px;line-height: 25px;background-color: #33373b;}
dl.familySite a.trigger:after {content: "";position: absolute;right: 15px;top: 0;width: 5px;height: 100%;background: url('/image/common/familySite_bl.png') center center no-repeat;background-size: 5px;}
dl.familySite.view a.trigger:after {transform:rotate(180deg);}

dl.familySite > dd {position: absolute;left: -1px;bottom: 25px;width: 100%;transition: none;background-color: #181c1f;}
dl.familySite > dd ul,
dl.familySite > dd li {float: none;}
dl.familySite > dd ul {padding: 10px 15px;box-sizing: border-box;}
dl.familySite > dd li:not(:first-child) {margin-top: 5px;}


ul.footerMenu {text-align: center;font-size: 0;line-height: 0;padding-top: 10px !important;}
ul.footerMenu li {display: inline-block;vertical-align: top;width: 100px;margin:0 3px;}
ul.footerMenu a {display: block;text-align: center;color: #fff;font-size: 11px;line-height: 25px;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;background-color: #33373b;}

/* 2024-11-05 퀵메뉴 수정 - 임수비 */
.hide{overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;clip: rect(0 0 0 0);}
div#footerWrap {position: relative;}
div#quickMenu {z-index: 60;position: fixed; right: 80px; bottom: 80px;}
.neul-bot-wrap {
	position: absolute;
	left: 0;
}
.neul-bot-wrap > a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #575deb;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border-radius: 50%;
}
.neul-bot-wrap > .type1 {
	background-image: url('../image/common/img_neul_bot01.png');
}
.neul-bot-wrap > .type2 {
	background-image: url('../image/common/img_neul_bot02.png');
}
.neul-bot-wrap > .type3 {
	background-image: url('../image/common/img_neul_bot03.png');
}


div#container {position: relative;background: url('/image/common/mobile/con_bg_l.png') 6px 40px no-repeat, url('/image/common/mobile/con_bg_r.png') right 40px no-repeat;background-size: 109px, 72px;}



/* 메인 */
div#container.main {background: none;}


div.mainBnr ul, div.mainBnr li, div.mainBnr a {margin: 0;padding: 0;list-style: none;text-decoration: none;}

div.mainBnr {position: relative;}
div.mainBnr li {background: none !important;}
div.mainBnr li a,
div.mainBnr li img {display: block;}
div.mainBnr li img {width: 100%;}

div.mainBnr div.bx-controls {z-index: 70;position: absolute;left: 5vw;bottom: 5vw;width: 206px;padding: 0 82px 0 36px;box-sizing: border-box;}
div.mainBnr div.bx-controls a {display: block;width: 36px;height: 36px;border-radius: 50%;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;background-color: rgba(0,0,0,.3);}

div.mainBnr a.bx-prev,
div.mainBnr a.bx-next {position: absolute;top: 0;}
div.mainBnr a.bx-prev {left: 0;background-image: url('/image/main/mainBnr_prev.png');}
div.mainBnr a.bx-next {right: 46px;background-image: url('/image/main/mainBnr_next.png');}

div.mainBnr div.bx-controls-auto {position: absolute;right: 0;top: 0;}
div.mainBnr div.bx-controls-auto a {background-image: url('/image/main/mainBnr_stop.png');}
div.mainBnr div.bx-controls-auto a.active {display: none;}

div.mainBnr div.pager {color: #fff;text-align: center;font-size: 16px;line-height: 36px;font-family: 'Montserrat-Light', 'NotoSansKR Light', sans-serif;}
div.mainBnr div.pager span {font-family: 'Montserrat-Bold', 'NotoSansKR Bold', sans-serif;}





div.mainCon {position: relative;padding: 20px 0;}

div.quickSearch {position: relative;margin: 0 15px 20px;}
div.quickSearch:before {content: "SEARCH";display: block;color: #222;font-size: 24px;line-height: 40px;font-family: 'Montserrat-Bold', 'NotoSansKR Bold', sans-serif;}
div.quickSearch input[type=text] {display: block;width: 100%;height: 50px;border: 2px solid #222;color: #222;font-size: 16px;line-height: 46px;padding: 0 75px 0 10px;box-sizing: border-box;}
div.quickSearch input[type=text]::placeholder {color: #737373;}
div.quickSearch input[type=submit] {position: absolute;right: 0;top: 40px;width: 65px;height: 50px;border: 0 none;font-size: 0;line-height: 0;background: #222 url('/image/main/search_btn.png') center center no-repeat;}

dl.recommKeyword, dl.recommKeyword dt, dl.recommKeyword dd, dl.recommKeyword a {margin: 0;padding: 0;text-decoration: none;}
dl.recommKeyword {position: relative;padding-left: 92px;margin-top: 13px;}
dl.recommKeyword > dt {position: absolute;left: 0;top: 0;padding-left: 25px;color: #102e6d;font-size: 15px;line-height: 21px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;background: url('/image/main/search_recommend.png') 0 0 no-repeat;background-size: 21px;}
dl.recommKeyword a {display: inline-block;vertical-align: top;margin-left: 15px;color: #4a4c4e;font-size: 15px;line-height: 21px;font-family: 'Montserrat-Light', 'NotoSansKR Regular', sans-serif;}


ul.quickMenu, ul.quickMenu li, ul.quickMenu a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.quickMenu {position: relative;z-index: 90;display: grid; grid-template-columns: repeat(3, 1fr);margin: 0 15px;padding:0 15px;border-radius: 10px;background: #f6faff url('/image/main/quick_bg.png') right bottom no-repeat;box-shadow:0 0 27px rgba(0,0,0,.2);}
ul.quickMenu a {display: block;padding: 20px 0;text-align: center;vertical-align: middle;color: #222;font-size: 17px;line-height: 17px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
ul.quickMenu a span {display: table-cell;font-size: 0;line-height: 0;}
ul.quickMenu a:before {content: "";display: block;height: 60px;background-position: center top;background-repeat: no-repeat;background-size: 100px;}
ul.quickMenu li:nth-child(1) a:before {background-image: url('/image/main/quick_notice_m.png');}
ul.quickMenu li:nth-child(2) a:before {background-image: url('/image/main/quick_mypage_m.png');}
ul.quickMenu li:nth-child(3) a:before {background-image: url('/image/main/quick_ask_m.png');}
ul.quickMenu li:nth-child(4) a:before {background-image: url('/image/main/quick_newsletter_m.png');}
ul.quickMenu li:nth-child(5) a:before {background-image: url('/image/main/quick_edu_m.png');}
ul.quickMenu li:nth-child(6) a:before {background-image: url('/image/main/quick_anzine_m.png');}


div.eventBnr ul, div.eventBnr li, div.eventBnr a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
div.eventBnr {position: relative;margin-top: -30px;padding-bottom: 50px;}

div.eventBnr li a,
div.eventBnr li img {display: block;}
div.eventBnr li a {overflow: hidden;border-radius: 20px;}
div.eventBnr li img {width: 100%;height: 100%;}

div.eventBnr div.bx-controls {z-index: 70;position: absolute;right: 20px;bottom: 15px;padding-right: 65px;}
div.eventBnr div.bx-controls a {display: block;width: 15px;height: 20px;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;background-size: auto 12px;}

div.eventBnr a.bx-prev,
div.eventBnr a.bx-next {position: absolute;top: 0;}
div.eventBnr a.bx-prev {right: 34px;background-image: url('/image/main/eventBnr_prev.png');}
div.eventBnr a.bx-next {right: 0;background-image: url('/image/main/eventBnr_next.png');}

div.eventBnr div.bx-controls-auto {position: absolute;right: 17px;top: 0;}
div.eventBnr div.bx-controls-auto a {background-image: url('/image/main/eventBnr_stop.png');}
div.eventBnr div.bx-controls-auto a.active {display: none;}

div.eventBnr div.pager {color: #a2a2a2;text-align: center;font-size: 17px;line-height: 20px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
div.eventBnr div.pager span {color: #102e6d;font-family: 'Montserrat-Bold', 'NotoSansKR Bold', sans-serif;}



div.eTsne_service {padding: 20px 0;background: url('/image/main/service_bg_m.png') center top no-repeat;background-size: 100%;}
div.eTsne_service h3,
div.eTsne_service p {margin: 0;font-weight: normal;text-align: center;color: #222;}
div.eTsne_service h3 {font-size: 16px;line-height: 16px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
div.eTsne_service p {padding: 15px 0 20px;font-size: 20px;line-height: 26px;font-family: 'Montserrat-Bold', 'NotoSansKR Bold', sans-serif;}


div.serviceList ul, div.serviceList li, div.serviceList a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
div.serviceList {position: relative;padding: 0 30px;}

div.serviceList li a,
div.serviceList li span {display: block;height: 300px;color: #fff;font-size: 16px;line-height: 24px;font-family: 'Montserrat-Light', 'NotoSansKR Regular', sans-serif;box-sizing: border-box;}
div.serviceList li a {position: relative;background-position: 0 0;background-repeat: no-repeat;background-size: cover;}
div.serviceList li a:after {content: "바로가기";position: absolute;left: 40px;bottom: 40px;color: #ffcf2d;font-family: 'Montserrat-Bold', 'NotoSansKR Bold', sans-serif;}
div.serviceList li strong {position: absolute;left: 0;top: 0;min-width: 192px;border-bottom: 1px solid #fff;padding: 45px 0 20px 40px;letter-spacing: -1px;font-size: 24px;line-height: 24px;font-family: 'Montserrat-Bold', 'NotoSansKR Boldr', sans-serif;box-sizing: border-box;text-shadow:0 0 10px rgba(0,0,0,.6);}
div.serviceList li span {display: block;padding: 100px 40px 0;background-color: rgba(0,0,0,.48);}

div.serviceList li:nth-child(1) a {background-image: url('/image/main/service_academy.jpg');}
div.serviceList li:nth-child(2) a {background-image: url('/image/main/service_elearning.jpg');}
div.serviceList li:nth-child(3) a {background-image: url('/image/main/service_datacenter.jpg');}
div.serviceList li:nth-child(4) a {background-image: url('/image/main/service_exzone.jpg');}

div.serviceList div.swiper-btns > * {width: 40px;height: 40px;border-radius: 3px;border: 1px solid #e5e5e5;background-position: center center;background-repeat: no-repeat;background-color: #f8f8f8;}
div.serviceList div.swiper-btns > *:after {display: none;}
div.serviceList .swiper-button-next {background-image: url('/image/main/service_next.png');}
div.serviceList .swiper-button-prev {background-image: url('/image/main/service_prev.png');}
div.serviceList .swiper-button-disabled {display: none;}




div.eTsne_CS {padding: 15px 15px 30px;}
div.eTsne_CS h3,
div.eTsne_CS p {margin: 0;font-weight: normal;text-align: center;color: #222;}
div.eTsne_CS h3 {font-size: 16px;line-height: 16px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
div.eTsne_CS p {padding: 15px 0 20px;font-size: 20px;line-height: 26px;font-family: 'Montserrat-Bold', 'NotoSansKR Bold', sans-serif;}


ul.csList, ul.csList li, ul.csList a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.csList {}
ul.csList li {padding-top: 15px;}
ul.csList a {display: block;height: 100%;padding: 20px 110px 20px 20px;border-width: 1px;border-style: solid;border-radius: 20px 0 20px 0;color: #707070;font-size: 14px;line-height: 18px;font-family: 'Montserrat-Light', 'NotoSansKR Regular', sans-serif;background-position: right 25px center;background-repeat: no-repeat;background-size: 57px;box-sizing: border-box;}
ul.csList strong {display: block;padding-bottom: 15px;color: #2f2f2f;font-weight: normal;font-size: 18px;font-family: 'Montserrat-Bold', 'NotoSansKR Bold', sans-serif;}
ul.csList li:nth-child(1) a {border-color: #9fd5fc;background-color: #f5faff;background-image: url('/image/main/cs_download.png');}
ul.csList li:nth-child(2) a {border-color: #f37d97;background-color: #fff9fa;background-image: url('/image/main/cs_ask.png');}
ul.csList li:nth-child(3) a {border-color: #7598f5;background-color: #f7f9ff;background-image: url('/image/main/cs_reserv.png');}







/* 컨텐츠 영역 */
.pageTit {margin: 0;padding: 60px 0 20px;font-weight: normal;text-align: center;font-size: 20px;line-height: 24px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}

div.lnbWrap dl, div.lnbWrap dt, div.lnbWrap dd, div.lnbWrap ul, div.lnbWrap li, div.lnbWrap p, div.lnbWrap a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
div.lnbWrap {z-index: 70;position: absolute;left: 0;top: 0;width: 100%;height: 40px;border-bottom: 1px solid #ebebeb;background-color: #fff;box-sizing:border-box;}

div.lnbWrap a {display: block;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}

div.lnbWrap p {display: none;position: absolute;left: 0;top: 0;width: 50px;height: 55px;}
div.lnbWrap p:after {content: "";position: absolute;right: 0;top: 50%;transform:translateY(-50%);width: 1px;height: 20px;background-color: #ebebeb;}
div.lnbWrap p > a {height: 100%;font-size: 0;line-height: 0;background: url('/image/common/mobile/lnb_home.png') center center no-repeat;}

div.lnbWrap dl {position: relative;float: left;width: 50%;height: 40px;}
div.lnbWrap dt {position: relative;}
div.lnbWrap dt:after {content: "";position: absolute;right: 0;top: 50%;transform:translateY(-50%);width: 1px;height: 20px;background-color: #ebebeb;}
div.lnbWrap dt a {font-size: 14px;line-height: 20px;padding:10px 20px 10px 10px;border-right: 1px solid rgba(255,255,255,.3);font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;color: #323232;}
div.lnbWrap dt a:after {content: "";position:absolute;right:10px;top:0;width: 12px;height: 100%;background:url('/image/common/mobile/lnb_bl.png') center center no-repeat;}
div.lnbWrap dt.view a:after {transform:rotate(180deg);}
div.lnbWrap dd {display: none;position: absolute;left: 0;top: 40px;width: 100%;}
div.lnbWrap ul {padding: 10px 0 18px;border: 1px solid #102e6d;background-color: #fff;}

div.lnbWrap dd a {display: block;font-size: 14px;line-height: 20px;padding:8px 15px 0;color: #323232;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;}




/* 컨텐즈 영역  */
div.contents {padding-bottom: 50px;}

ul.depth03, ul.depth03 li, ul.depth03 a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.depth03 {display: grid; grid-template-columns: repeat(3, 1fr);gap:1px;margin: 0 15px;background-color: #e1e4ee;}
ul.depth03 li {background-color: #f4f5f9;}
ul.depth03 a {display: table-cell;width: 100vw;height: 35px;padding: 5px;text-align: center;vertical-align: middle;color: #6d6f73;font-size: 14px;line-height: 17px;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;}
ul.depth03 .on a {background-color: #102e6d;color: #fff;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}

ul.depth03 + div.section {margin-top: 20px;}

dl.depth04, dl.depth04 dt, dl.depth04 dd, dl.depth04 ul, dl.depth04 li, dl.depth04 a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
dl.depth04 {z-index: 50;position: relative;margin: 20px 15px 0;}
dl.depth04:first-child {margin-top: 0;}
dl.depth04 > dt,
dl.depth04 > dd {z-index: 10;position: relative;}
dl.depth04 > dt a {position: relative;display: block;padding: 9px 40px 9px 15px;border: 1px solid #efefef;color: #323232;font-size: 14px;line-height: 20px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
dl.depth04 > dt a:after {content: "";position: absolute;right: 15px;top: 0;width: 10px;height: 100%;background: url('/image/common/mobile/depth04_bl.png') center center no-repeat;}
dl.depth04 > dt.on a:after {transform:rotate(180deg);}
dl.depth04 > dd {display: none;position: absolute;left: 0;top: 39px;overflow-x: hidden;overflow-y: auto;width: 100%;max-height:150px;padding: 10px 15px 15px;border: 1px solid #efefef;background-color: #fff;box-sizing: border-box;}
dl.depth04 li {margin-top: 5px;}
dl.depth04 li a {display: block;color: #323232;font-size: 14px;line-height: 20px;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;}

.fixedTop.fixed {z-index: 70;position: fixed !important;left: 0;top: 0;width: 100%;background-color: #fff;}
dl.depth04.fixed {width: 100% !important;height: 70px;margin: 0;padding: 15px;box-sizing: border-box;}
dl.depth04.fixed > dd {left: 15px;top: 54px;width: calc(100% - 30px);padding: 0;}

dl.fixedMenu,
dl.eduMenu {position: absolute;left: 0;bottom: 0;width: 100%;height: 70px;padding: 15px;margin: 0;box-sizing: border-box;}
dl.fixedMenu > dd,
dl.eduMenu > dd {left: 15px;top: 54px;width: calc(100% - 30px);border: 0 none;padding: 0;}
dl.fixedMenu > dd ul,
dl.eduMenu > dd ul {border: 1px solid #eee;padding: 10px 15px 15px;}



div.section {}
dl.depth04 + div.section {padding-top: 20px;}

div.section > div.btn {padding: 0 15px;}
.btn a, .btn > span, .btn input, .btn button {padding: 0px 17px; font-size: 14px; line-height: 33px;}

dl.rwMenu, dl.rwMenu dt, dl.rwMenu dd, dl.rwMenu ul, dl.rwMenu li, dl.rwMenu a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
dl.rwMenu {z-index: 50;position: relative;padding: 15px;background-color: #f7f7f7;}
dl.rwMenu:first-child {margin-top: 0;}
dl.rwMenu > dt,
dl.rwMenu > dd {z-index: 10;position: relative;background-color: #fff;}
dl.rwMenu > dt a {position: relative;display: block;padding: 9px 40px 9px 15px;border: 1px solid #efefef;color: #323232;font-size: 14px;line-height: 20px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
dl.rwMenu > dt a:after {content: "";position: absolute;right: 15px;top: 0;width: 10px;height: 100%;background: url('/image/common/rwMenu_bl.png') center center no-repeat;}
dl.rwMenu > dt.view a:after {transform:rotate(180deg);}
dl.rwMenu > dd {display: none;position: absolute;left: 15px;top: 54px;overflow-x: hidden;overflow-y: auto;width: calc(100% - 30px);max-height:150px;padding: 10px 15px 15px;border: 1px solid #efefef;background-color: #fff;box-sizing: border-box;}
dl.rwMenu li {margin-top: 5px;}
dl.rwMenu li a {display: block;color: #323232;font-size: 14px;line-height: 20px;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;}



/* 메뉴 > 보더 */
ul.conMenu, ul.conMenu li, ul.conMenu a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.conMenu {position: relative;margin-bottom: 35px;}
ul.conMenu:after {content: "";clear: both;display: block;font-size: 0;line-height: 0;height: 0;}

ul.conMenu > li {position: relative;z-index: 5;float: left;width: 50%;}
ul.conMenu > li:nth-child(odd) {clear: both;}

ul.conMenu > li a {display: table-cell;width: 100vw;height: 41px;text-align: center;vertical-align: middle;color: #c6cdde;border-bottom: 2px solid #c6cdde;border-right: 2px solid #c6cdde;}
ul.conMenu > li:nth-child(-n+2) a {border-top: 2px solid #c6cdde;}
ul.conMenu > li:nth-child(odd) a {border-left: 2px solid #c6cdde;}

ul.conMenu > li.on {z-index: 10;margin-top:-2px;}
ul.conMenu > li.on:nth-child(-n+2) {margin-top: 0;}
ul.conMenu > li.on a {border:2px solid #102e6d;color: #102e6d;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;background-color: #fff;}

dl.txt.bdArea {padding: 15px 20px;}

ul.headingList > li {padding-left: 100px;}


div.noteArea {margin-bottom: 20px;padding: 20px;font-size: 14px;}




/* 상세보기 > 롤링영역 */
div.rollingArea {position: relative;}
div.rollingArea div.bx-controls {position: absolute;right: 0;top: -35px;width: 110px;padding: 0 35px;text-align: center;color: #323232;font-size: 15px;line-height: 20px;box-sizing: border-box;}

div.rollingArea a.bx-prev,
div.rollingArea a.bx-next {position: absolute;top: 50%;transform:translateY(-50%);width: 35px;height: 35px;border-radius: 50%;font-size: 0;line-height: 0;border: 1px solid #ebebeb;background-color: #fff;background-position: center center;background-repeat: no-repeat;box-sizing: border-box;}

div.rollingArea a.bx-prev {left: 0;background-image: url('/image/sub/data_prev.png');}
div.rollingArea a.bx-next {right: 0;background-image: url('/image/sub/data_next.png');}



/* 토글메뉴 : 나의 강의실 */
dl.toggleArea, dl.toggleArea > dt, dl.toggleArea > dd {margin: 0;padding: 0;}
dl.toggleArea {margin-top: 15px;border-radius: 10px;border: 1px solid #d3d3d3;}
dl.toggleArea a.trigger {padding: 20px;margin-bottom: 0 !important;}
dl.toggleArea a.trigger:after {content: "";position: absolute;right: 20px;top: 0;width: 10px;height: 100%;background: url('/image/common/trigger.png') right center no-repeat;background-size: 10px;}
dl.toggleArea a.subTit_bl.trigger {margin-top: 0;padding-left: 55px;background-position: 25px 22px;}
dl.toggleArea > dd {padding: 0 20px 20px;}

dl.toggleArea.view {border-color: #102e6d;}
dl.toggleArea.view a.trigger:after {transform:rotate(180deg);}

/* 게시판 공지사항 팝업 */
.skinWrap, 
.skinWrap #popClose {min-width: 320px;} 
.skin02 .popHeader {padding-top: 67px;background-size: auto 67px;}
.skinWrap .popHeader .tit {padding: 15px 20px;}

/* 팝업 */
div.popupWrap {width: calc(100% - 40px) !important;box-sizing: border-box;}
div.popupCon.scrollArea {max-height:60vh;}
div.popupWrap .scrollArea {max-height:initial;}


/* 팝업 > 개인정보 처리방침 */
div#popupRule {padding: 0;}
div#popupRule h1 {padding: 0 15px;}
div#popupRule div.popupCon {position: relative;padding: 50px 15px 20px;}
div#popupRule dl.toggleMenu {left: 15px;top: 0;width: calc(100% - 30px);margin-bottom: 15px;}


/* 팝업 > 하단고정 */
div.popupBtm {left: 0 !important;top: auto !important;bottom: 0 !important;width: 100% !important;transform:translate(0, 0) !important;}


/* 팝업 > 검색조건 설정 */
div#popupFilter {}
div.filterArea {grid-template-columns: 40% auto;height: ;}
div.filterArea ul.filter {height: 250px;}
div.filterArea.prev ul.filter:first-child {height: 210px;}
div.filterArea div.prev {width: 40%;}
div#popupFilter .btnArea {width: auto;padding: 20px 20px 0;}


/* 팝업 > 교육신청 완료 */
div#popupApplyComp {}
div#popupApplyComp div.popupCon {overflow-x: hidden;overflow-y: auto;max-height:65vh;padding: 20px;}
div#popupApplyComp p {margin-top: 15px;font-size: 15px;}
div#popupApplyComp p:first-child {font-size: 20px;}
div#popupApplyComp p:first-child img {width: 90px;margin-bottom: 15px;}
div#popupApplyComp p.bg {padding: 10px;border-radius: 26px;}
div#popupApplyComp th,
div#popupApplyComp td {font-size: 14px;}
div#popupApplyComp .btnBig {width: 100%;}

div#popupApplyComp ul.applyCompTxt {margin: 15px 0 ;}


/* 메뉴 */
ul.subMenu a {height: 40px;font-size: 14px;line-height: 16px;}

div.common {width: auto;padding: 20px;}
div.common h1 {padding-bottom: 20px;}
div.common h1 img {width: 80px;}

div.common div.contents {width: auto;padding: 0;}

div.common div.bg {padding: 20px;}
div.common h2 {padding-bottom: 20px;font-size: 20px;line-height: 20px;}





/* 폼태그 */
table.inputTbl th span,
label,
.label {display: inline-block;vertical-align: top;font-size: 14px;line-height: 20px;color: #323232;}

input[type=text],
input[type=password],
select,
.selectFile .find,
.verification a.refresh {height: 35px;}

.multi > input[type=radio],
.multi > input[type=checkbox] {margin-top: 3px;}

ul.option > li input[type=radio],
ul.option > li input[type=checkbox] {top: 5px;}

.inactivity ul.option > li input[type=radio],
.inactivity ul.option > li input[type=checkbox] {top: 9px;}


.withBtn span.txt,
.withBtn a,
.email span, .email a,
.phone span,
.address a {line-height: 35px;}

.phone input[type=text] {width: calc(35% - 20px);}
/*.phone select {    width: 100%;}*/
/*.phone input[type=text] {width: calc(100% - 20px);}*/
.phone span {width: 20px;}

.selectFile .attach input {margin-top: 3px;}

table.inputTbl, table.inputTbl > * > tr > * {display:block; font-size:14px !important; text-align:left !important;}
table.inputTbl > * > tr > td.taxfile {min-height: 70px;}

span.alert {
    font-size: 11px !important;
}

.rwTbl tbody{
	display: block;
	width: 100%;
}
.rwTbl colgroup col{
	width: 100% !important;
}
.rwTbl .btn-wrap > a{
	display: block !important;
	margin: 5px;
}
.rwTbl tr{
	display: block;
	width: 100%;
}
.rwTbl tr:after{
	display: block;
	content: '';
	clear: both;
}
.rwTbl tr th,
.rwTbl tr td{
	display: block;
	width: 100%;
}

.rwTbl tr td > a {
	display: block !important;
	margin:5px;
}

/* 동의하기 */
div.agreeCon {padding: 15px;margin-top: 20px;}
div.agree div.privacy {padding: 15px;}
div.agree input[type=radio] {margin: 2px 5px 0 15px;}


/* 로그인 */
div.login dl {margin-bottom: 10px;}
div.login dt {width: 90px;padding: 0 15px;}
div.login dd {width: calc(100% - 0px);}

div.login label {font-size: 12px;line-height: 45px;}

div.login input[type=text],
div.login input[type=password] {height: 45px;}

ul.loginUtil a {font-size: 14px;line-height: 45px;}



/* 아이디/비밀번호 찾기 */
div.find {}
div.find h3 {font-size: 18px;line-height: 20px;}
div.find ul.subMenu + h3 {padding-top: 20px;}
div.find h3 + p {padding-top: 5px;}
div.find p.fwBold {margin: 10px 0 20px;}

div.find form {padding-top: 15px;}
div.find dd {margin-bottom: 5px;}
div.find dd input {height: 40px;font-size: 14px;}

div.find div.btn {padding-top: 5px;}
div.find > div.btn {padding-top: 20px;}

/* 통합회원 정보찾기 */
div.find dl.myID {padding: 15px 10px 15px 100px;} 

div.find dl.myID > dt {left: 15px;}
div.find dl.myID > dt input {display: inline-block;vertical-align: top;margin: 3px 5px 0 0;}
div.find dl.myID > dt label {display: inline-block;vertical-align: top;font-size: 16px;line-height: 20px;color: #000;font-family: 'Montserrat-SemiBold', 'NotoSansKR Bold', sans-serif;}
div.find dl.myID > dd {font-size: 14px;line-height: 20px;}


/* 팝업 > 아이디 찾기 결과 */
div.resultID p {margin-bottom: 10px !important;}
div.resultID div {padding: 15px 0;font-size: 16px;line-height: 20px;}

/* 비밀번호 재설정 */
div.myID {padding: 15px;font-size: 14px;line-height: 20px;}
div.verification + div.btn {margin-top: 15px;}


/* 계정 잠금 해제 */
div.inactivity h4 {font-size: 16px;}
div.inactivity p {margin-top: 15px;}

div.inactivityNote {padding-bottom: 20px;margin-bottom: 20px;}
div.inactivityNote p.bigTxt {font-size: 18px;line-height: 25px;}

div.authority {padding-top: 15px;}
div.authority:first-child {padding-top: 5px;}
div.authority input[type=text] {height: 40px;font-size: 15px;}
div.authority > a {font-size: 15px;line-height: 40px;}
div.authority span.reAuth {padding: 15px 0 10px;font-size: 14px;line-height: 20px;}
div.authority span.reAuth a {line-height: 19px;}





/* 회원가입 > 통합회원 */
div.joinInfo {padding: 20px !important;}

div.joinInfo p {padding-top: 60px;line-height: 20px;background-size: 37px;}
div.joinInfo strong {font-family: 'Montserrat-Bold', 'NotoSansKR Bold', sans-serif !important;}

div.joinInfo ul.listStarB {padding: 20px 0;border-bottom: 1px solid #bfbfbf;}
div.joinInfo div.btn {padding-top: 20px;}


/* 통합회원 */
div.infoSearch div.btn {display: block;}
div.infoSearch div.btn a {margin: 0;}
div.infoSearch div.btn a + a {margin-top: 10px;}

ul.memberType label {font-size: 14px;line-height: 35px;}

/* 신규회원 */
div.join {padding: 20px !important;}
div.join h2 + * {padding-bottom: 30px;}

div.join div.btn {padding-top: 20px;}

ul.joinType {padding-top: 15px;}
ul.joinType li {width: calc(50% - 10px);padding: 0 5px;}
ul.joinType a {padding: 15px 0 20px;font-size: 16px;line-height: 20px;}
ul.joinType img {max-width:80%;margin-bottom: 10px;}

div.join h3 img {margin: 0 auto;}
div.join div.formArea {}

dl.allAgree {padding: 0 0 20px 25px;margin-bottom: 20px;}
dl.allAgree dt {padding-bottom: 10px;}
dl.allAgree input[type=radio], dl.allAgree input[type=checkbox] {top: 3px;}
dl.allAgree label {font-size: 18px;}

ul.agree > li {margin-top: 10px;}
ul.agree a.view {width: 20px;height: 20px;}

div.join p.agreeOptionTit {font-size: 14px;}
div.join p.agreeOptionTit a.view {width: 20px;height: 20px;}

div.phoneAuth h4,
dl.overseasMember dt {padding-bottom: 5px;font-size: 18px;}
div.phoneAuth img {width: 80px;margin-bottom: 10px;}

dl.overseasMember {margin-top: 20px;padding-top: 20px;}
dl.overseasMember a {width: 100%;margin-top: 20px;font-size: 16px;line-height: 50px;}

dl.overseasAuth > dt {font-size: 16px;}

div.joinComp .bigTxt {padding-bottom: 10px;color: #323232;font-size: 18px;line-height: 20px;}
div.joinComp .bigTxt img {width: 80px;margin-bottom: 20px;}






/* 검색 : 교육일정, 전문자료실, 공지사항 */
div.searchArea {margin-bottom: 20px;padding: 20px 15px;}

div.searchArea select,
div.searchArea input[type=text],
div.searchArea .searchBtn,
div.searchArea .filter {height: 35px;font-size: 15px;/*line-height: 33px;*/}
div.searchArea .searchBtn,
div.searchArea .filter {width: 80px;}

div.searchArea input[type=text] {width: calc(100vw - 30px);margin-bottom: 10px;}
div.searchArea .filter {margin-left: 5px !important;}

div.searchArea a {display: inline-block;vertical-align:top;height: 35px;padding: 8px;margin-left: 5px;font-size: 15px;line-height: 15px;border-radius: 5px;color: #102e6d;border: 1px solid #102e6d;background-color: #fff;text-decoration:none; box-sizing: border-box; }
div.searchArea a img {padding-left: 10px;}

div.searchArea dl.sort {position: absolute;left: 50%;bottom: 20px;margin-left: 85px;}

dl.sort a.trigger {width: 80px;height: 35px;}
dl.sort > dd {top: 40px;}


/* 24.02.27 - 박민지 추가 */
.ev-cate{
	width: 100%;
	text-align: center;
}
.ev-cate > span{
	display: inline-block;
	min-width: initial !important;
	width: 6px !important;
	height: 6px;
	margin: 1px;
	padding: 0 !important;
	border-radius: 50%;
	border: 0 !important;
	background-color: #fff;
	vertical-align: top;
	line-height: 0 !important;
}

/* 24.03.04 - 박민지 추가 */
.btn .ev-cate{
	display: block;
	float: none;
	margin: 15px 0 0;
	padding: 0;
	list-style: none;
	text-align: left;
}
.btn .ev-cate > li{
	display: inline-block;
	line-height: 1.3;
	font-size: 12px;
	vertical-align: top;
}
.btn .ev-cate > li + li{
	margin-left: 10px;
}
.btn .ev-cate > li .mark{
	display: inline-block;
	min-width: initial !important;
	width: 11px !important;
	height: 11px;
	margin: 2px 1px;
	padding: 0 !important;
	border-radius: 50%;
	border: 0 !important;
	background-color: #fff;
	vertical-align: top;
	line-height: 0 !important;
}
.text-left{
	text-align: left;
}

table.calendar td {padding: 5px 9.5px;}
table.calendar td a {width: 29px;}

/*div.searchArea.short {margin: 20px;padding: 0 40px 0 0;text-align: right;background-color: #fff;}
div.searchArea.short form {position: relative;width: 230px;padding-right: 40px;}*/
div.searchArea.short {margin: 20px;padding: 0 85px 0 0;text-align: right;background-color: #fff;}
div.searchArea.short form {position: relative;width: 210px;padding-right: 40px;}
div.searchArea.short input[type=text] {width: 100%;margin: 0;border-radius: 5px 0 0 5px;}
div.searchArea.short .searchIcon {position: absolute;right: 0;top: 0;width: 40px;height: 35px;border-radius: 0 5px 5px 0;}
div.searchArea.short dl.sort {position: absolute;left: auto;right: 0;top: 0;margin: 0;}
div.searchArea.short .resultEa {position: absolute;left: 0;bottom: 0;font-size: 16px;line-height: 20px;}

/*  Mobile : ~ width:465px  */
@media screen and (max-width: 465px) {
div.searchArea.short {padding-bottom: 25px;}
}


div.searchArea.ar input[type=text] {width: calc(100vw - 140px);margin:0 10px 0 0;}
div.searchArea.ar .searchBtn {width: 100px;}

/* 고객센터(공지사항) */
div.bbsSearch {padding-bottom: 20px;}
div.bbsSearch form {margin-bottom: 20px;padding: 20px 15px;}

div.bbsSearch input[type=text],
div.bbsSearch .searchBtn {height: 35px;font-size: 15px;line-height: 33px;}

div.bbsSearch input[type=text] {width: calc(100vw - 170px);margin-right: 10px;}
div.bbsSearch .searchBtn {width: 130px;}

div.bbsBrief {padding-left: 15px;font-size: 14px;line-height: 20px;text-align: left;}


ul.bbs {padding: 0 15px;}
ul.bbs > li + li {margin-top: 15px;}
ul.bbs > li > a {}
ul.bbs span.brief {padding: 40px 15px 10px;}
ul.bbs span.brief:after {right: 15px;top: 10px;font-size: 12px;line-height: 20px;}
ul.bbs span.category {left: 15px;top: 10px;padding: 0 10px;font-size: 12px;line-height: 20px;border-radius: 10px;}
ul.bbs span.tit {height: 40px;font-size: 18px;line-height: 20px;}
ul.bbs span.thumb {padding: 10px 15px;}
ul.bbs span.thumb img {width: 100%;}
ul.bbs span.txt {height: 120px;margin: 10px 15px;-webkit-line-clamp: 6;font-size: 14px;line-height: 20px;}

ul.bbs a.notice span.brief,
ul.bbs a.important span.brief {background-position: 15px 10px;}

ul.bbs a.notice span.category,
ul.bbs a.important span.category {left: 50px;}



div.bbsView {margin: 0 15px;padding: 15px 0;}
div.bbsView h4 {padding: 40px 0 10px;font-size: 18px;}
div.bbsView h4 span.category {left: 0;top: 10px;padding: 0 15px;font-size: 13px;line-height: 20px;border-radius: 10px;}

ul.bbsInfo {padding: 10px 0;}
ul.bbsInfo li {font-size: 14px;}
ul.bbsInfo li + li:before {padding: 0 15px 0 13px;}
ul.bbsInfo li.link {clear: both;position: static;transform:translateY(0);display: block;width: calc(100vw - 60px);margin-top: 5px;}
ul.bbsInfo li.link a {display: block;line-height: 26px;}

div.bbsCon {padding: 15px 0;}

dl.attachment {}
dl.attachment dt {border-bottom: 1px solid #e3e3e3;padding: 8px 0 10px;}
dl.attachment dd {padding: 15px;}
dl.attachment li {margin-top:5px;}

div.bbsView a.btnBig {width: 100%;}

/* view contents 영역 style 수정 - 24.06.18 박민지 */
div.bbsCon{
	overflow-x: auto;
}
div.bbsCon table{
	max-width: none !important;
	width: 100% !important;
}
div.bbsCon table th,
div.bbsCon table td{
	max-width: none !important;
}
div.bbsCon table td div{
	max-width: none !important;
}
div.bbsCon img{
	max-width: 100%;
}
div.bbsCon iframe{
	width: 100% !important;
}

/* FAQ */
dl.faq {margin: 0 15px;}
dl.faq:last-of-type {margin-bottom: 15px;}
dl.faq a.trigger {padding: 15px 50px 15px 45px;font-size: 16px;line-height: 20px;}
dl.faq a.trigger:before {left: 20px;top: 15px;}
dl.faq a.trigger:after {right: 10px;width: 30px;height: 30px;background-size: 10px;}

dl.faq > dd {padding: 15px 20px;font-size:14px;}



/* 팝업 */
div#popupBasic {overflow-x: hidden;overflow-y: auto;max-height:65vh;padding: 30px;}


/* 팝업 > 검색조건 설정 */
div#popupFilter {}
div#popupFilter div.popupCon {padding-bottom: 15px;}

ul.filter + ul.filter {padding: 0 15px;}
ul.filter > li > a {padding: 10px 15px;}
div.filterArea div.prev a {padding-left: 35px;background-position: 15px center;}

div#popupPreview div.eduDetail {padding-bottom: 0;}





/* 달력 > 교육일정, 세미나 일정 */
div.calendarList {margin: 15px;}
div.calendar {padding: 30px 0;}
div.eduSchedule,
div.scheduleList {padding: 30px 0 0;}
.dateTit {padding-bottom: 0;}
div.eduSchedule div.bx-controls,
div.scheduleList div.bx-controls {right: 0;}


/* 교육일정 > 검색 */
div.eduSearch {margin-top: 15px;}
div.eduSearch > form  {display: block;}
div.eduSearch select {float: left;width: calc(50% - 4px);margin:0 0 8px;}
div.eduSearch select + select {float: right;}
div.eduSearch input[type=text] {clear: both;width: 100%;}
div.eduSearch .searchBtn,
div.eduSearch .filter {width: 130px;margin:0 4px;}

table.eduList,
table.eduList thead,
table.eduList tbody,
table.eduList tr,
table.eduList th,
table.eduList td {display: block;border: 0 none;}
table.eduList colgroup,
table.eduList col {display: none;}

table.eduList {padding: 0 15px;}
table.eduList tr {padding: 20px 0;border-bottom: 1px solid #eee;}
table.eduList a.tit {margin: 0;}
table.eduList td.info {padding: 0 0 10px;}
table.eduList td.info:before {display: none;}
table.eduList td.btn {text-align: right;font-size: 0;line-height: 0;}
table.eduList td.btn > * {display: inline-block;vertical-align: top;width: 120px;margin:0 0 0 5px;}

div#popupPreview div.popupCon {padding: 20px;}




/* 교육 상세보기 */
div.eduDetail {position: relative;padding: 0 15px 70px;height: auto;margin-bottom: 15px;}

div.eduDetail div.thumb {position: static;width: auto;height: auto;border: 1px solid #ebebeb;background-color: #fff;box-sizing: border-box;}
div.eduDetail div.thumb img {height: auto;}

div.eduDetail h3 {margin-top: 15px;padding-bottom: 0;}


div.eduCost {position: static;width: auto;margin-top: 20px;}
div.eduCost span.cost {position: static;display: block;transform:translateY(0);padding: 0 0 12px;}
div.eduCost a {display: block;width: auto;}


div.eduCon {padding: 20px 15px;}
div.eduCon h3 {margin-bottom: 50px; font-size:30px;}

/* 교육상세정보 */
div#eduCon01 {}

/* 수강생 필독사항 */
dl.courseGuide {display: block;}
dl.courseGuide > dd {padding-bottom: 20px;}
dl.courseGuide + * {margin-top: 0;}

/* 관련제품 */
ul.relatedProduct {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
ul.relatedProduct div {padding: 5px;}
ul.relatedProduct span.logo {height: 70px;}
ul.relatedProduct span.logo img {height: 60%;}
ul.relatedProduct span.tit {height: 60px;padding: 5px 0 0;font-size: 14px;line-height: 20px;}
ul.relatedProduct span.con {height: 40px;font-size: 14px;line-height: 20px;}
ul.relatedProduct span.btn {margin-top: 0;padding: 5px;}
ul.relatedProduct span.btn a {font-size: 12px;}

/* 관련서적 */
ul.relatedBook {gap: 10px;}
ul.relatedBook div {height: auto;border: 1px solid #ebebeb;border-radius: 5px;padding: 15px;}
ul.relatedBook span.thumb {display: none;}
ul.relatedBook span.tit {height: 60px;font-size: 16px;line-height: 20px;}
ul.relatedBook span.price {padding-top: 10px;font-size: 20px;}
ul.relatedBook a {width: auto;}


/* 교육과정안내 */
ul.curriculum {grid-template-columns: repeat(2, 1fr); gap: 10px;padding: 0 15px 15px;}
ul.curriculum a {height: 80px;padding: 0 15px;font-size: 16px;line-height: 20px;letter-spacing: -1px;}
ul.curriculum a:after {margin-top: 5px;height: 20px;font-size: 12px;line-height: 20px;}
ul.curriculum img {right: 15px;width: 40px;}



div.courseCon {margin: 15px;}
div.courseCon a.trigger {padding: 15px;text-decoration: none;}
div.courseCon a.trigger:after {right: 15px;top: 15px;width: 30px;height: 30px;background-size: 12px !important;}

div.courseCon span.period {padding: 0 15px;border-radius: 12px;font-size: 14px;line-height: 24px;}
div.courseCon span.period2 {padding: 0 15px;border-radius: 12px;font-size: 14px;line-height: 24px;}
div.courseCon span.tit {padding: 10px 0;font-size: 18px;line-height: 25px;font-family: 'Montserrat-Bold', 'NotoSansKR Bold', sans-serif;}
div.courseCon span.info {display: block;padding: 5px 15px;border-radius: 15px;font-size: 12px;}

div.courseCon div.toggleCon {padding: 0 15px 15px;}
div.courseCon div.toggleCon p,  th, td {font-size:14px;}



/* 아이콘영역 */
span.icon {left: 15px;top: 10px;height: 16px;}
span.icon > * {height: 16px;}
span.icon span {min-width: auto;height: 16px;font-size: 12px;line-height: 16px;}


/* 전문자료실 > 인기자료 */
ul.fileList, ul.fileList li, ul.fileList a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.fileList {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 10px;padding: 0 20px;}
ul.fileList a,
ul.fileList span,
ul.fileList img {display: block;}

ul.fileList li {width: calc(50vw - 25px);}
ul.fileList li a {position: relative;}
ul.fileList span.thumb {height: 190px;border: 1px solid #e3e3e3;background-color: #fff;box-sizing: border-box;}
ul.fileList span.thumb img {display: block;width: 100%;height: 100%;}

ul.fileList a > span.icon {position: absolute;left: 15px;top: 10px;}

ul.fileList span.tit {position: relative;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 40px;padding-top: 35px;color: #323232;font-size: 16px;line-height: 20px;}
ul.fileList span.tit:before {content:attr(pub-type);position: absolute;left: 0;top: 15px;width: 100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #102e6d;font-size: 14px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
ul.fileList span.keyword {overflow: hidden;padding-top: 5px;}
ul.fileList span.keyword > span {float: left;margin: 5px 5px 0 0;border: 1px solid #bfc5da;border-radius: 11px;padding: 0 10px;color: #102e6d;font-size: 12px;line-height: 20px;background-color: #fff;}




div.topDownload {margin-top: -104px;padding: 104px 0 20px;background: url('/image/common/mobile/con_bg_l.png') 6px 40px no-repeat, url('/image/common/mobile/con_bg_r.png') right 40px no-repeat, #f4f5f9;background-size: 109px, 72px;}

div.topDownload h3 {margin: 0 0 30px;padding: 0;text-align: center;font-weight: normal;}
div.topDownload h3 span {position: relative;display: inline-block;vertical-align: top;color: #102e6d;font-size: 30px;line-height: 30px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
div.topDownload h3 span:after {content:'';position: absolute;left: 0;bottom: -5px;width: 100%;height: 20px;border-radius: 10px;background-color: #102e6d;opacity: .1;}

div.topDownload ul.fileList {display: block;}
div.topDownload > ul.fileList {padding: 0 20px;box-sizing: border-box;}
div.topDownload > ul.fileList li {float: left;margin-left: 10px;}
div.topDownload > ul.fileList li:first-child {margin-left: 0;}

div.topDownload div.bx-wrapper {max-width:100vw !important;}
div.topDownload div.bx-viewport {padding: 0 20px;}





/* 자료보기 > 상세 */
div.detailBrief {position: relative;padding:0 20px 70px;}

div.detailBrief div.thumb {width: 80vw;margin: 0 auto;border: 1px solid #ebebeb;background-color: #f8f8f8;box-sizing: border-box;}
div.detailBrief div.thumb img {display: block;width: 100%;}

div.detailBrief h3 {position: relative;margin: 0;padding: 20px 0 10px;font-weight: normal;color: #222;font-size: 20px;line-height: 30px;font-weight: normal;font-family: 'Montserrat-Bold', 'NotoSansKR Bold', sans-serif;}
div.detailBrief h3 > span.icon {position: static;display: block;overflow: hidden;padding-bottom: 15px;}

div.detailBrief div.briefTxt {padding-bottom: 20px;color: #737373;font-size: 16px;}

div.detailBrief ul.headingList li {font-size: 14px;}
div.detailBrief span.heading {color: #222;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
div.detailBrief span.heading span {padding-right: 5px;}

div.pageShare {position: relative;border-bottom: 1px solid #f1f1f1;padding: 15px 0 15px;font-size: 0;line-height: 0;}
div.pageShare a {width: calc(50% - 21px);margin-left: 5px;padding: 0 5px;border-radius: 16px;text-align: center;font-size: 14px;line-height: 30px;box-sizing: border-box;}
div.pageShare a:first-child {margin-left: 0;}
div.pageShare a.share {width: 32px;}

a.favor span.material-icons,
a.clipping span.material-icons,
a.share span.material-icons {line-height: 30px;}

a.favor span.count,
a.clipping span.count {color: #222;font-family: 'Montserrat-SemiBold', 'NotoSansKR SemiBold', sans-serif;}

a.share span.material-icons {width: 30px;padding-right: 0;font-size: 16px;}


dl.dataDownload, dl.dataDownload dt, dl.dataDownload dd, dl.dataDownload ul, dl.dataDownload li, dl.dataDownload a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
dl.dataDownload {position: relative;margin-top: 15px;padding: 20px;background-color: #f9f9f9;}
dl.dataDownload > dt {padding-bottom: 10px;color: #323232;font-size: 17px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
dl.dataDownload > dt img {display: inline-block;vertical-align: top;height: 25px;margin-right: 10px;}
dl.dataDownload > dt a {float: right;padding: 0 15px;border-radius: 14px;color: #fff;font-size: 14px;line-height: 25px;background-color: #197aff;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;}
dl.dataDownload > dd {}

dl.dataDownload li a + a {margin-top: 7px;} 
dl.dataDownload li a {position: relative;display: block;padding: 5px 40px 5px 15px;border-radius: 20px;border: 1px solid #eaeaea;color: #323232;font-size: 14px;line-height: 20px;background-color: #fff;}
dl.dataDownload li span.material-icons {position: absolute;right: 10px;top: 50%;transform:translateY(-50%);color: #197aff;font-size: 20px;} 

dl.dataDownload div.bx-wrapper {position: relative;padding-bottom: 40px;}
dl.dataDownload div.bx-controls {position: absolute;right: 0;bottom: 0;width: 110px;padding: 0 35px;text-align: center;color: #323232;font-size: 15px;line-height: 20px;box-sizing: border-box;}

dl.dataDownload a.bx-prev,
dl.dataDownload a.bx-next {position: absolute;top: 50%;transform:translateY(-50%);width: 35px;height: 35px;border-radius: 50%;font-size: 0;line-height: 0;border: 1px solid #ebebeb;background-color: #fff;background-position: center center;background-repeat: no-repeat;box-sizing: border-box;}

dl.dataDownload a.bx-prev {left: 0;background-image: url('/image/sub/data_prev.png');}
dl.dataDownload a.bx-next {right: 0;background-image: url('/image/sub/data_next.png');}

div.warningNote {padding: 30px 0 15px;text-align: center;color: #222;font-size: 16px;line-height: 24px;}


div.detailCon,
div.moreCon {padding: 30px 15px 15px;font-size: 16px;color: #6d6f73;}

div#detail02 {padding-bottom: 30px;}
div#detail03,
div#detail04 {padding: 30px 15px;}

div.detailCon > *,
div.moreCon > * {margin-top: 30px;}
div.detailCon h3 + *,
div.detailCon ul.pager,
div.moreCon h3 + *,
div.moreCon ul.pager {margin-top: 0;}

div.detailCon div.bigTxt {padding: 20px 0;color: #102e6d;font-size: 20px;}
div.detailCon ul.fileList,
div.moreCon ul.fileList {padding: 0;}


ul.relatedFile a {display: block;width: auto;height: auto;padding: 10px 70px 10px 50px;color: #323232;font-size: 16px;line-height: 20px;box-sizing: border-box;}
ul.relatedFile a:after {right: 0;height: 25px;width: 60px;border-radius: 13px;font-size: 12px;line-height: 25px;}
ul.relatedFile a img {height: 28px;}

ul.relatedCourse {display: block;}
ul.relatedCourse li + li {padding-top: 10px;}

div.rollingArea ul.fileList {padding: 0;}

/* 이러닝 > 리스트 */
div.section > ul.relatedCourse {padding: 0 20px;}

ul.relatedCourse div {padding:5px 5px 60px;}
ul.relatedCourse span.icon {top: 10px;}
/*ul.relatedCourse span.thumb {height: 80px;}*/
ul.relatedCourse span.tit,
ul.relatedCourse span.price {padding: 10px 8px 0;}

ul.relatedCourse span.tit {font-size: 16px;}
ul.relatedCourse span.price {font-size: 18px;}
ul.relatedCourse a {font-size: 12px;}


/* 팝업 > 공유하기 */
div#popupShare {}
div#popupShare div.share {padding: 20px;text-align: center;}
div#popupShare div.share a {display: inline-block;vertical-align: top;}
div#popupShare div.share a + a {margin-left: 10px;}
div#popupShare div.share img {height: 50px;}

/* 팝업 > 영상보기 */
div#popupPlayer {padding: 20px;box-sizing: border-box;}
div#popupPlayer h1 {height: auto;padding: 0 0 20px;border-bottom: 0 none;}
div#popupPlayer div.player {}
div#popupPlayer .btnBig {display: block;margin: 20px auto 0;}


/* 1:1 요청 */
div.applyForm {padding: 0 20px 20px;}
div.applyForm div.btnArea {}



/* 서적 */
div.pubNote {padding: 20px;margin-bottom: 20px;text-align: center;color: #232323;font-size: 16px;line-height: 20px;background-size: auto 60px;}
div.pubNote strong {color: #102e6d;font-family: 'Montserrat-Bold', 'NotoSansKR Bold', sans-serif !important;}

div.pubSearch {position: relative;padding-right: 130px;}
div.pubSearch form {width: 100% !important;}
div.pubSearch input[type=text] {display: block;width: 100%;margin: 0;}
div.pubSearch input[type=submit] {position: absolute;right: 15px;top: 20px;width: 100px;}


ul.publication, ul.publication li, ul.publication a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.publication {display: block;padding: 0 15px;}
ul.publication li + li {padding-top: 20px;}
ul.publication div {height: auto;padding: 20px;}
ul.publication span.tit {height: 60px;padding:0 0 0 120px;font-size: 16px;line-height: 20px;}
ul.publication span.tit:before {width: 40px;height: 20px;}
ul.publication span.thumb {left: 20px;top: 15px;width: 80px;height: 110px;}

ul.publication span.price {padding: 15px 0 0 120px;font-size: 20px;}
ul.publication span.price:before {font-size: 13px;line-height: 16px;}

ul.publication span.purchase {width: auto;padding-top: 10px;font-size: 16px;line-height: 25px;text-align: center;}
ul.publication span.purchase span.soldout {;text-align: left;}

ul.publication a.favorIcon {right: 15px;top:10px;width: 25px;height: 25px;background-size: cover;}


/* 서적 상세보기 */
div.pubDetail {position: relative;padding-bottom: 65px;}

div.pubBrief {}

div.pubBrief div.thumb {}
div.pubBrief div.viewBig {display: none;}

div.pubBrief ul.img, div.pubBrief ul.img li {margin: 0;padding: 0;list-style: none;}
div.pubBrief ul.img li {padding: 10px 0;}
div.pubBrief ul.img a {display: table-cell;width: 100vw;height: 250px;vertical-align: middle;}
div.pubBrief ul.img img {display: block;max-width:100%;max-height:100%;margin: 0 auto;}
div.pubBrief div.bx-pager {text-align: center;font-size: 0;line-height: 0;}
div.pubBrief div.bx-pager > div {display: inline-block;vertical-align: top;margin-left: 10px;}
div.pubBrief div.bx-pager > div:first-child {margin-left: 0;}
div.pubBrief div.bx-pager a {display: block;width: 10px;height: 10px;border-radius: 50%;border: 1px solid #e1e1e1;background-color: #f2f2f2;}
div.pubBrief div.bx-pager a.active {border-color: #323232;background-color: #323232;}

div.bookInfo {padding: 20px;}
div.bookInfo h3 {margin: 0;padding: 0;font-weight: normal;color: #222;font-size: 26px;line-height: 30px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Bold', sans-serif;}

ul.pubInfo, ul.pubInfo li {margin: 0;padding: 0;}
ul.pubInfo {padding-top: 15px;}
ul.pubInfo li {display: inline-block;vertical-align: top;color: #737373;font-size: 15px;line-height: 20px;}
ul.pubInfo li:before {content: "|";display: inline-block;vertical-align: top;padding: 0 10px;}
ul.pubInfo li:first-child:before {display: none;}

div.pubPrice {padding-bottom: 15px;border-bottom: 1px solid #ebebeb;text-align: right;font-family: 'Montserrat-Bold', 'NotoSansKR Bold', sans-serif;}
div.pubPrice:before {content: attr(pub-percent);display: inline-block;vertical-align: top;margin-right: 15px;color: #102e6d;font-size: 20px;line-height: 30px;}
div.pubPrice span.price {display: inline-block;vertical-align: top;padding-right: 10px;color: #b4b4b4;font-size: 16px;line-height: 30px;text-decoration: line-through;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;}
div.pubPrice span.discount {display: inline-block;vertical-align: top;color: #197aff;font-size: 28px;line-height: 30px;}
div.pubPrice span.discount:after {content: "원";display: inline-block;vertical-align: bottom;padding-left: 3px;font-size: 20px;line-height: 30px;}

dl.shipping, dl.shipping dt, dl.shipping dd {margin: 0;padding: 0;}
dl.shipping {overflow: hidden;padding: 15px 0;}
dl.shipping > dt,
dl.shipping > dd {float: left;width: calc(100% - 115px);color: #737373;font-size: 16px;line-height: 25px;}
dl.shipping > dt {width: 115px;color: #222;font-size: 17px;line-height: 25px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
dl.shipping > dt:before {content: "error";display: inline-block;vertical-align: top;padding-right: 5px;font-size: 20px;color: #000;font-family: 'Material Icons' !important;}
dl.shipping > dd strong {color: #222;}


div.purchaseInfo {}
div.purchaseInfo div.quantity {clear: both;display: block;width: 100%;box-sizing:border-box;}
div.quantity {position: relative;}
div.quantity button {position: absolute;left: 0;top: 30px;width: 35px;height: 35px;}
div.quantity button:first-child {left: auto;right: 0;}
div.quantity input[type=text],
div.quantity input[type=number] {display: block;width: calc(100% - 70px);height: 35px;font-size: 18px;margin: 0 35px;}

div.purchasePrice {clear: both;display: block;text-align: right;padding-top: 0;}

div.purchaseInfo div.btn {padding-top: 20px;}


div.purchaseInfo.soldout {}
div.soldout div.quantity, 
div.soldout div.purchasePrice {display: none;}
div.soldout div.btn {padding-top: 0;}


div.pubCon {padding: 20px;color: #6d6f73;font-size: 16px;line-height: 25px;}
div.pubCon > *,
div.pubCon p {margin: 20px 0 0;}
div.pubCon > *:first-child,
div.pubCon p:first-child {margin-top: 0;}

div.pubCon h3 + *,
div.pubCon h4 + * {margin-top: 10px;}

/*240306 문가빈 추가*/
div.pubCon > div.pubInfo {margin:20px 0; padding: 20px 10px; box-sizing: border-box; border: 1px solid #d2d2d2; border-radius: 10px;}
/*240306 문가빈 추가*/

div.pubCon div.keyword {padding: 0;}

a.goMypage {display: inline-block;vertical-align: top;padding: 0 30px 0 15px;border-radius: 12px;font-size: 14px;line-height: 24px;color: #fff;text-decoration: none;background: #197aff url('/image/sub/goMypage_arr.png') right 10px center no-repeat;}
dl.shippingInfo a.goMypage {margin-left: 5px;}

/* 서적 자료 */
div.allDownload {}
div.allDownload a {width: 100px;height: 30px;border-radius: 15px;font-size: 14px;line-height: 30px;}

ul.attachFile a {display: block;width: auto;height: auto;padding: 10px 80px 10px 60px;color: #323232;font-size: 16px;line-height: 20px;box-sizing: border-box;}
ul.attachFile a:after {right: 0;height: 25px;width: 70px;border-radius: 13px;font-size: 12px;line-height: 25px;}
ul.attachFile a img {height: 28px;}


/* 바로구매, 장바구니 */
div.buying {padding: 0 20px 20px;}

div.buyingList {border: 1px solid #ebebeb;border-radius: 10px;background-color: #fff;}

dl.cartItem, dl.cartItem dt, dl.cartItem dd, dl.cartItem a {margin: 0;padding: 0;text-decoration: none;}
dl.cartItem {border: 1px solid #ebebeb;border-radius: 10px;padding: 20px;background-color: #fff;}
dl.cartItem + dl.cartItem {margin-top: 10px;}

dl.cartItem > dt {position: relative;}
dl.cartItem > dt input[type=checkbox] {position: absolute;left: 0;top: 0;width: 15px;height: 15px;margin: 0;}
dl.cartItem > dt a {display: block;}
dl.cartItem > dt img,
dl.cartItem > dt span {display: block;}
dl.cartItem > dt img {width: 100px;height: 135px;margin: 0 auto;}
dl.cartItem > dt span {padding-top:10px;color: #323232;font-size: 16px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}

dl.cartItem > dd {position: relative;padding-top: 10px;}

dl.cartItem div.quantity {float: none;display: block;margin-top: 30px;}


dl.cartItem div.price {position: absolute;right: 0;top: 0;font-size: 20px;line-height: 40px;}
dl.cartItem div.soldout {text-align: right;color: #dd3f3f;font-size: 16px;line-height: 40px;}

div.buyingList dl.cartItem {border: 0 none;}
div.buyingList dl.cartItem > dt {padding-left: 0;}

dl.addOption, dl.addOption dt, dl.addOption dd, dl.addOption ul, dl.addOption li, dl.addOption a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
dl.addOption {z-index: 50;position: relative;margin: 0 15px 20px;}
dl.addOption > dt,
dl.addOption > dd {z-index: 10;position: relative;}
dl.addOption > dt,
dl.addOption > dt a {position: relative;display: block;color: #323232;font-size: 16px;line-height: 20px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
dl.addOption > dt a {margin-top: 10px;padding: 9px 40px 9px 15px;border: 1px solid #efefef;}
dl.addOption > dt a:after {content: "";position: absolute;right: 15px;top: 0;width: 10px;height: 100%;background: url('/image/common/mobile/depth04_bl.png') center center no-repeat;}
dl.addOption > dt.on a:after {transform:rotate(180deg);}
dl.addOption > dd {display: none;position: absolute;left: 0;top: 69px;overflow-x: hidden;overflow-y: auto;width: 100%;max-height:150px;padding: 10px 15px 15px;border: 1px solid #efefef;background-color: #fff;box-sizing: border-box;}

dl.addOption li {position: relative;margin-top: 5px;padding-left: 20px;}
dl.addOption input[type=radio] {position: absolute;left: 0;top: 4px;}
dl.addOption label {display: block;color: #323232;font-size: 14px;line-height: 20px;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;}


div.selectAll {overflow: hidden;padding-bottom: 15px;}
div.selectAll input[type=checkbox] {display: inline-block;vertical-align: top;width: 15px;margin: 8px 10px 0 0;}
div.selectAll label {color: #102e6d;font-size: 17px;line-height: 30px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
div.selectAll .selectDel {float: right;width: 105px;height: 30px;border-radius: 5px;border: 0 none;color: #fff;font-size: 15px;line-height: 30px;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;background-color: #102e6d;}

ul.totalPrice, ul.totalPrice li {margin: 0;padding: 0;list-style: none;}
ul.totalPrice {margin: 20px 0 10px;padding: 20px;border-radius: 10px;background-color: #f6fbff;}
ul.totalPrice li {color: #323232;text-align: right;font-size: 26px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}

ul.totalPrice span.item,
ul.totalPrice span.won {display: block;margin-bottom: 10px;}
ul.totalPrice span.item:before,
ul.totalPrice span.won:before {content: attr(pub-tit);float: left;font-size: 12px;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;}
ul.totalPrice span.won:after {content: "원";display: inline-block;vertical-align: bottom;padding-left: 3px;font-size: .8em;line-height: 1;}

/* 24.03.06 - 박민지 추가 */
ul.totalPrice span.won + div .item{
	margin-bottom: 0;
}
ul.totalPrice span.won + div .note{
	text-align: right;
}

ul.totalPrice .total {padding-top: 10px;}
ul.totalPrice .total span.won {color: #102e6d;font-size: 28px;line-height: 28px;font-family: 'Montserrat-Bold', 'NotoSansKR Bold', sans-serif;}
ul.totalPrice .total span.won:before {padding:5px 10px 0 0;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
ul.totalPrice .total span.won:after {font-size: .8em;vertical-align: middle;}

ul.totalPrice span.note {display: block;text-align: left;padding-top: 5px;color: #737373;font-size: 14px;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;}
ul.totalPrice .btnOrder {display: block;margin-top: 20px;width: 100%;height: 40px;border-radius: 5px;border: 0 none;text-align: center;color: #fff;font-size: 17px;line-height: 40px;background-color: #102e6d;}

div.buying table.inputTbl colgroup,
div.buying table.tblDef colgroup {display: none;}

div.buying table.inputTbl, div.buying table.inputTbl tbody, div.buying table.inputTbl tr, div.buying table.inputTbl th, div.buying table.inputTbl td, 
div.buying table.tblDef, div.buying table.tblDef tbody, div.buying table.tblDef tr, div.buying table.tblDef th, div.buying table.tblDef td {display: block;}

div.buying table.inputTbl th, div.buying table.inputTbl td,
div.buying table.tblDef th, div.buying table.tblDef td {min-height: 25px;padding: 5px 10px;border-left: 0 none;}

.withOption {}
.withOption input[type=checkbox] {margin-left: 0;}

div.buying .btnArea {margin-top: 30px;}
div.buying .btn .btnPoint {width: 100%;height: 55px;font-size: 18px;line-height: 55px;border-color: #197aff !important;background-color: #197aff !important;}





/* 세미나 */
ul.seminar {display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px;padding: 0 20px;}
ul.seminar a {font-size: 15px;line-height: 20px;}
ul.seminar span.thumb {height: 239px;}
ul.seminar span.tit {padding-top: 15px;height: 48px;font-size: 18px;line-height: 24px;}
ul.seminar span.info {padding-left: 35px;}

dl.seminarInfo {}
dl.seminarInfo > dd {}
dl.seminarInfo > dd > * {margin-top: 20px;}
dl.seminarInfo > dd > *:first-child {margin-top: 10px;}

dl.seminarInfo img {height:auto !important; max-width:100% !important;}

/*  참가확인 */
div.confirmEntry {border: 1px solid #eee;padding: 20px;margin: 0 auto;font-size: 14px;line-height: 20px;}
div.confirmEntry h4 {font-size: 20px;line-height: 20px;}
div.confirmEntry form {padding-top: 10px;}
div.confirmEntry input[type=text],
div.confirmEntry input[type=submit] {height: 40px;font-size: 14px;}
div.confirmEntry input[type=submit] {margin-top: 20px;}



/* 마이페이지 */
div#container.mypage {padding: 0 0 20px;background-image: none;}

div.myLNB {box-sizing: border-box;}

a.noCount {color: #b8b8b8 !important;cursor:text;}

dl.profile, dl.profile dt, dl.profile dd, dl.profile a {margin: 0;padding: 0;text-decoration: none;}
dl.profile {padding: 20px 0 15px;border-bottom: 5px solid #e4e4e4;background-color: #fff;}
dl.profile > dt {position: relative;margin: 0 20px;padding:15px 0 15px 100px;font-size: 25px;line-height: 30px;color: #323232;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
dl.profile > dt:before {content: "";position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 80px;height: 80px;background: url('/image/sub/myIntro_member.png') center center no-repeat;background-size: 100%;box-sizing: border-box;}
dl.profile > dt span {display: inline-block;vertical-align: bottom;padding-left: 5px;font-size: 14px;line-height: 16px;color: #999;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;}

dl.profile dd.expiration {display: none;position: relative;margin: 10px 20px 0;padding: 8px 90px 8px 20px;color: #737373;font-size: 14px;line-height: 22px;background-color: #f9f9f9;}
dl.profile dd.expiration span {display: inline-block;vertical-align: top;color: #323232;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
dl.profile dd.expiration span.dDay {position: absolute;right: 15px;top: 50%;transform:translateY(-50%);font-size: 22px;color: #197aff;box-shadow: inset 0 -12px 0 #dbf1fa;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}


dl.profile dd.util {display: grid; grid-template-columns: repeat(2, 1fr);position: relative;margin-top: 10px;}
dl.profile dd.util a {position: relative;display: block;border-top: 1px solid #eee;border-bottom: 1px solid #eee;text-align: center;font-size: 15px;line-height: 40px;color: #323232;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;}
dl.profile dd.util a:first-child:after {content: "";position: absolute;right: 0;top: 50%;transform:translateY(-50%);width: 1px;height: 20px;background-color: #eee;}
dl.profile dd.util a.goMyInfo,
dl.profile dd.util a.goIntegrate {grid-column: 1 / 3;margin: 15px 20px 0;border-radius: 5px;border:1px solid #102e6d;}



dl.profile.premium > dt {padding:25px 0 25px 100px}
dl.profile.premium > dt:before {border-radius: 50%;border: 1px solid #d8e6ed;background-color: #f5f9fa;background-image: url('/image/sub/myIntro_member_premium.png');background-size: auto;}
dl.profile.premium dd.expiration {display: block;}

ul.myMenu, ul.myMenu ul, ul.myMenu li, ul.myMenu a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.myMenu {display: grid; grid-template-columns: repeat(4, 1fr);margin: 20px 20px 0;border: 1px solid #d3d3d3;}
ul.myMenu > li > a {display: table-cell;width: 100vw;height: 40px;border-left: 1px solid #e1e4ee;padding: 0 5px;text-align: center;vertical-align: middle;font-size: 12px;line-height: 16px;color: #6d6f73;background-color: #fff;}
ul.myMenu > li:first-child > a {border-left: 0 none;}
ul.myMenu > li.on > a {border-color: #102e6d;background-color: #102e6d;color: #fff;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
ul.myMenu ul {display: none;}




/* 마이페이지 > LNB */
dl.lnb, dl.lnb dt, dl.lnb dd, dl.lnb ul, dl.lnb li, dl.lnb a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
div.lnbArea {background-color: #fff;}
div.lnbArea h2 {position: relative;margin: 0;font-weight: normal;padding-left: 45px;border-bottom: 1px solid #ebebeb;font-size: 15px;line-height: 40px;color: #102e6d;font-family: 'Montserrat-SemiBold', 'NotoSansKR Bold', sans-serif;}
div.lnbArea a.prev {position: absolute;left: 0;top: 0;display: block;width: 45px;height: 100%;font-size: 0;line-height: 0;background: url('/image/common/lnb_prev.png') 20px center no-repeat;background-size: 10px;text-decoration: none;}

ul.lnb, ul.lnb li, ul.lnb a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.lnb {display: table;table-layout:fixed;width: 100%;padding-top: 5px;}
ul.lnb li {display: table-cell;height: 40px;text-align: center;vertical-align: bottom;}
ul.lnb li a {display: block;border-bottom: 1px solid #ebebeb;padding: 10px 0;color: #6d6f73;font-size: 14px;line-height: 16px;}
ul.lnb li.on a {border-bottom: 2px solid #323232;color: #323232;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}




/* 마이페이지 Home */
div.mypage h3 {margin: 0;font-size: 20px;line-height: 30px;font-weight: normal;color: #333;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}

/* 마이페이지 Home > 알림센터 */
div.mypage a.more {position: absolute;right: 20px;bottom: 0;color: #737373;font-size: 14px;line-height: 20px;text-decoration: none;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;}

ul.myNotice, ul.myNotice li, ul.myNotice a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.myNotice {overflow: hidden;margin: 15px 0;padding: 0 15px;border-radius: 10px;border: 1px solid #d3d3d3;}
ul.myNotice li {padding: 15px 0;border-top: 1px solid #f2f2f2;}
ul.myNotice li:first-child {border-top: 0 none;}
ul.myNotice a {display: block;color: #323232;font-size: 14px;line-height: 20px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
ul.myNotice span.info {display: block;color: #737373;font-size: 12px;line-height: 14px;}

ul.myNotice li > a.newNotice {background:url('/image/sub/myIntro_notice_01.png') 0px center no-repeat; padding: 0 0 0 50px;}

/* 기존 이용 정보 연동 */
div.integrate {;}
div.integrate p {font-size: 14px;line-height: 20px;color: #737373;}
div.integrate p.bullet {margin: 15px 0;color: #323232;}

div.integrate div.formArea {margin: 20px 0;}




/* 팝업 > 데이터 연동 */
div#popupLoading {padding: 30px;line-height: 20px;}
div#popupLoading strong {padding-bottom: 10px;font-size: 20px;}

div#popupLoading a.btnGrey {width: 150px;}




/* 마이페이지 Home > 나의 강의실 */
div.myEdu {}

dl.eduBbrief, dl.eduBbrief dt, dl.eduBbrief dd, dl.eduBbrief ul, dl.eduBbrief li, dl.eduBbrief a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
dl.eduBbrief {margin-top: 10px;padding: 15px 20px;border-radius: 10px;}
dl.eduBbrief:nth-of-type(1) {background-color: #557bc9;}
dl.eduBbrief:nth-of-type(2) {background-color: #6652bd;}
dl.eduBbrief:nth-of-type(3) {background-color: #2e54a4;}

dl.eduBbrief > dt {padding-bottom: 10px;}
dl.eduBbrief > dt a {display: block;color: #fff;font-size: 16px;line-height: 20px;background: url('/image/sub/myIntro_more_edu.png') right center no-repeat;}

dl.eduBbrief dd {display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;}
dl.eduBbrief dd a {padding: 17px 0 10px;border-radius: 10px;text-align: center;color: #102e6d;font-size: 32px;line-height: 32px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;background-color: #fff;}
dl.eduBbrief dd a:after {content: attr(pub-txt);display: block;padding-top: 5px;font-size: 14px;line-height: 16px;color: #737373;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;}



/* 마이페이지 Home > 나의 구매내역, 나의 자료실 */
div.myAsset dl, div.myAsset dt, div.myAsset dd, div.myAsset ol, div.myAsset li, div.myAsset a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
div.myAsset {}

div.myAsset dt {padding-bottom: 10px;}
div.myAsset dt a {display: inline-block;vertical-align: top;padding-right: 25px;color: #323232;font-size: 20px;line-height: 30px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;background: url('/image/sub/myIntro_more.png') right center no-repeat;}

dl.myLibrary {margin-top: 30px !important; margin-bottom: 30px !important;}
dl.myLibrary dd {}
dl.myLibrary dd a {position: relative;display: block;border-radius: 10px;padding: 12px 88px 12px 20px;color: #3f3f3f;font-size: 17px;line-height: 40px;border: 1px solid #d3d3d3;box-sizing: border-box;}
dl.myLibrary dd a:before {content: "";display: inline-block;vertical-align: top;width: 40px;height: 40px;margin-right:10px;border-radius: 50%;background: #f6f6f6 url('/image/sub/myIntro_download.png') center center no-repeat;}
dl.myLibrary dd a + a {margin-top: 10px;}
dl.myLibrary dd a + a:before {background-image: url('/image/sub/myIntro_clipping.png');}
dl.myLibrary dd span {position: absolute;right: 4px;top: 4px;width: 80px;height: 56px;border-radius: 10px;font-size: 17px;line-height: 56px;text-align: center;color: #3f3f3f;font-family: 'Montserrat-Bold', 'NotoSansKR Medium', sans-serif;background-color: #f6f6f6;}


dl.myPurchase {position: relative;}
dl.myPurchase > dd {border-radius: 10px;border: 1px solid #d3d3d3;}
dl.myPurchase ol {display: grid; grid-template-columns: repeat(5, 1fr);}
dl.myPurchase li {padding-right: 10px;background: url('/image/sub/myIntro_step_bg.png') right center no-repeat;}
dl.myPurchase li:last-child {padding-right: 0;background: none;}
dl.myPurchase li a {display: block;padding: 20px 0;border-radius: 10px;vertical-align: middle;text-align: center;color: #102e6d;font-size: 32px;line-height: 32px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;background-color: #fff;}
dl.myPurchase li a:after {content: attr(pub-txt);display: block;padding: 5px 5px 0;font-size: 12px;line-height: 16px;color: #737373;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;word-break:break-all;}

dl.myPurchase div.myCart {position: absolute;right: 0;top: -1px;}
dl.myPurchase div.myCart a {display: block;padding: 0 15px;border: 1px solid #197aff;border-radius: 5px;color: #197aff;font-size: 14px;line-height: 30px;background-color: #e9f0f9;}
dl.myPurchase div.myCart img {display: inline-block;vertical-align: top;padding: 7px 5px 0 0;}



/* 마이페이지 Home > 로그아웃/고객센터/회원탈퇴 */
ul.moreMenu, ul.moreMenu li, ul.moreMenu a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.moreMenu {display: grid; grid-template-columns: repeat(3, 1fr);margin: 0 20px;border-radius: 15px;text-align: center;font-size: 0;line-height: 0;background-color: #fff;box-shadow: 0 3px 16px rgba(0,0,0,.07);}
ul.moreMenu > li {position: relative;display: inline-block;vertical-align: top;padding: 0 10px;}
ul.moreMenu > li:before {content: "";position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 1px;height: 10px;background-color: #999;}
ul.moreMenu > li:first-child:before {display: none;}
ul.moreMenu a {display: block;font-size: 12px;line-height: 30px;color:#999;}


/* 마이페이지 sub */
div.mypage div.section {position: relative;padding: 15px 20px;}
div.mypage h3 {margin: 0 0 20px;font-weight: normal;text-align: center;color: #323232;font-size: 24px;line-height: 30px;font-family: 'Montserrat-Bold', 'NotoSansKR Bold', sans-serif;}

div.mypage div.searchArea.short {margin: 0 0 20px;}

div.mypage ul.conMenu {margin:20px 0 0;}

div.mypage div.section > div.btn {padding: 0;}

dl.myNote, dl.myNote dl, dl.myNote dt, dl.myNote dd, dl.myNote p {margin: 0;padding: 0;}
dl.myNote {padding: 20px;border-radius: 10px;border: 1px solid #d3d3d3;}
dl.myNote > dt {padding-bottom: 5px;font-size: 18px;color: #323232;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
dl.myNote > dd {color: #737373;}
dl.myNote > dd > * {margin-top: 15px;}
dl.myNote > dd > *:first-child {margin-top: 0;}


/* 본인인증 */
div.pwdCheck {text-align: center;}
div.pwdCheck h3 {margin-bottom: 0;}
div.pwdCheck h3 + p {margin: 5px 0 0;color: #737373;font-size: 14px;line-height: 20px;padding-bottom: 95px;background: url('/image/sub/phone_auth.png') center bottom no-repeat;background-size: 80px;}
div.pwdCheck form {margin-top: 15px;}
div.pwdCheck input[type=password] {display: block;width: 100%;height: 50px;border: 1px solid #d3d3d3;box-sizing: border-box;}
div.pwdCheck input[type=password]::placeholder {color: #bcbcbc;}
div.pwdCheck input[type=submit] {display: block;width: 100%;margin-top: 10px;border-radius:5px;text-decoration: none;font-size: 16px;line-height: 50px;color: #fff;background-color: #102e6d;}



/* 비밀번호 변경 */
div.changePwd {}

div.changePwd div.formArea {border: 1px solid #d3d3d3;padding: 15px;}
div.changePwd form {padding-top: 20px;}
div.changePwd table.inputTbl {border: 0 none;}

div.changePwd table.inputTbl col:first-child {width: 30% !important;}

div.changePwd table.inputTbl tbody > tr {}
div.changePwd table.inputTbl tbody > tr > * {position: relative;padding: 5px;border: 0 none;vertical-align: middle;}

div.changePwd div.btn {padding-top: 20px;}
div.changePwd div.btn * {padding: 0;word-break:break-all;}
div.changePwd > ul.listBar {margin-top: 20px;padding: 20px;color: #737373;background-color: #f9f9f9;}



/* 알림센터 (내가 받은 알림) */
div.noticeCenter {}
div.noticeCenter h3 {margin-bottom: 0;}
div.noticeCenter h3 + p {text-align: center;margin: 10px 0 0;}

div.noticeCenter ul.myNotice {overflow: visible;margin: 20px 0 0;padding: 0;border-radius:0;border: 0 none;border-top: 2px solid #333;border-bottom: 1px solid #d3d3d3;box-shadow:none;}



/* 회원탈퇴 */
div.withdraw {}
div.withdraw h3 {margin-bottom: 0;}
div.withdraw h3 + p {margin: 0;text-align: center;}

div.withdraw dl.myNote {margin:20px 0 10px;}

div.withdraw ul.option {display: grid; grid-template-columns: repeat(2, 1fr);}
div.withdraw ul.option li {margin-top: 0;}

div.withdraw div.agree {padding: 15px 0 10px;text-align: center;}
div.withdraw div.agree input {margin: 4px 10px 0 0;}

div.withdraw div.pwdCheck {padding: 0;box-shadow:none;}

div.withdraw .btn {margin: 15px auto 0;}
div.withdraw .btn * {margin: 0 !important;}



/* 나의 강의실 > CAE Academy, E-learining */
ul.processNote, ul.processNote li {margin: 0;padding: 0;list-style: none;}
ul.processNote {padding: 10px 20px 20px;background-color: #f1f4fb;}
ul.processNote li {margin-top: 10px;color: #737373;}
ul.processNote span {display: block;color: #323232;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}

div.myEdu {padding-top: 15px;}

dl.eduItem, dl.eduItem dt, dl.eduItem dd {margin: 0;padding: 0;}
dl.eduItem {overflow: hidden;margin-top: 15px;border-radius: 10px;border: 1px solid #d3d3d3;}
dl.eduItem > dt,
dl.eduItem > dd {padding: 20px;}
dl.eduItem > dt {position: relative;font-size: 16px;color: #323232;background-color: #f1f4fb;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
dl.eduItem > dt span.info {display: block;font-size: 13px;color: #737373;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;}

dl.eduItem table.list th,
dl.eduItem table.list td {font-size: 14px;line-height: 20px;}
dl.eduItem table.list td {text-align: left;}
dl.eduItem table.list a {display: inline-block !important;vertical-align: top;border-radius: 5px;padding: 0 5px 2px;font-size: 12px;line-height: 16px;text-decoration: none;}

dl.eduItem div.btn {padding-top: 15px;font-size: 0;line-height: 0;}
dl.eduItem div.btn a {display: inline-block;vertical-align: top;min-width: 65px;height: 28px;padding: 0 10px;border-radius: 14px;font-size: 13px;line-height: 25px;text-align: center;}
dl.eduItem div.btn a + a {margin-left: 8px;}



/* 나의 강의실 > E-learning */
dl.eduBrief, dl.eduBrief dt, dl.eduBrief dd {margin: 0;padding: 0;}
dl.eduBrief {margin: 20px 0 20px;padding: 15px;border: 1px solid #d3d3d3;}
dl.eduBrief > dt {position: relative;padding: 25px 0 5px;color: #323232;font-size: 18px;font-family: 'Montserrat-Bold', 'NotoSansKR Bold', sans-serif;}
dl.eduBrief > dt span.category {position: absolute;left: 0;top: 0;}
dl.eduBrief > dd {font-size: 15px;color: #737373;}
dl.eduBrief > dd.util {padding-top: 15px;text-align: right;font-size: 0;line-height: 0;}
dl.eduBrief > dd.util a {display: inline-block;vertical-align: top;height: 30px;padding: 0 15px;margin-left: 8px;border-radius: 5px;font-size: 14px;line-height: 30px;text-decoration: none;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}

table.course,
table.course > tbody,
table.course > tbody > tr,
table.course > tbody > tr > * {display: block;}

table.course colgroup,
table.course thead {display: none;}

table.course {}
table.course > tbody > tr + tr {margin-top: 20px;}

table.course > tbody > tr > td {position: relative;border: 0 none;border-bottom: 1px solid #d4d4d4;padding: 5px 5px 5px 90px;text-align: left;line-height: 18px;}
table.course > tbody > tr > td:before {content: "";position: absolute;left: 0;top: 0;width: 80px;border-right: 1px solid #d4d4d4;height: 100%;background-color: #f1f4f9;}
table.course > tbody > tr > td:after {content: attr(pub-headding);position: absolute;left: 0;top: 5px;width: 80px;text-align: center;font-size: 14px;color: #010101;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}

table.course > tbody > tr > td:first-child {padding-left: 0;text-align: center;color: #fff;background-color: #102e6d;}
table.course > tbody > tr > td:first-child:before {display: none;}

table.course a,
table.course span,
table.course strong {display: inline-block;vertical-align: top;font-size: 13px;line-height: 18px;}
table.course a {width: 70px;border-radius: 5px;padding: 0;text-align: center;text-decoration: none;}
table.course strong {color: #000;}
table.course .percent {width: 70px;margin-right: 5px;border-radius: 5px;text-align: center;background-color: #f16600;color: #fff;}

table.course .tit {color: #010101;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
table.course span.btn {display: block;padding-top: 5px;}


table.course .util > * + * {margin-left: 5px;}


div.relatedInfo {position: relative;margin-top: 50px;padding-top: 45px;}
div.relatedInfo ul.conMenu {position: absolute;left: 0;top: 0;width: 100%;margin: 0;background-color: #fff;}
div.relatedInfo ul.conMenu.fixed {}

div.relatedInfo div.detailCon {padding: 20px 0;}
div.relatedInfo ul.relatedProduct {grid-template-columns: repeat(3, 1fr);}


/* 팝업 > 설문 */
div#popupSurvey {}
div#popupSurvey div.scrollArea {padding: 20px; max-height: 450px;}
div#popupSurvey div.btnArea {margin-top: 20px;padding-bottom: 20px;}

dl.survey {padding-top: 10px;}
dl.survey > dt {padding: 5px 0 10px;font-size: 15px;color: #323232;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
dl.survey > dd {padding-bottom: 20px;}

ul.choice.col5ea:before {top: 15px;}
ul.choice input[type=checkbox],
ul.choice input[type=radio] {width: 30px;height: 30px;}
ul.choice input[type=checkbox] + label,
ul.choice input[type=radio] + label {padding: 0 5px;font-size: 12px;line-height: 14px;}


ul.userInfo {display: block;padding-top: 0;}
ul.userInfo > li {padding-top: 10px;}




/* 팝업 > 강의 수강 */
div#popupLecture {overflow-x: hidden;overflow-y: auto;max-height:65vh;padding: 20px;}
div#popupLecture::-webkit-scrollbar {width: 8px;height: 8px;background-color: #e8e8e8;}
div#popupLecture::-webkit-scrollbar-thumb {background-color: #c4c4c4;}

div#popupLecture h1 {display: none;}

div.lectureCon {}
div.playUtil {position: relative;margin-bottom: 10px;}


div.playUtil div.btn {padding-top: 10px;}
div.playUtil a.reStart {display: block;height: 50px;font-size: 16px;line-height: 48px;text-align: center;}
div.playUtil a.reStart img {display: inline-block;vertical-align: top;padding: 17px 5px 0 0;}

div#playzone {height: 200px;background-color: #000;}

dl.courseInfo {margin-top: 10px;}
dl.courseInfo > dd {max-height:150px;}


/* 팝업 > 강의 수강 > 이어보기 */
div.rePlayNote {width: auto;font-size: 18px;line-height: 25px;}


/* 팝업 > 퀴즈풀기 */
/*div#popupExam {padding: 20px;}*/
div#popupExam {padding: 20px; overflow-x: hidden; overflow-y: auto; max-height: 65vh;}
div#popupExam h1 {padding: 5px 0;font-size: 20px;line-height: 30px;}
div#popupExam div.popupCon {position: static;}
div.examStep {right: 20px;top: 10px;font-size: 16px;}

dl.question > dt {position: static;padding: 10px 0 5px;font-size: 20px;}
dl.question > dd {padding-bottom: 15px;font-size: 14px;}

div#popupExam div.btnArea {margin-top: 20px;}

/* 팝업 > 퀴즈 결과 */
div#popupExam table {margin-top: 20px;}
div.examResult {padding-top: 30px;font-size: 20px;line-height: 30px;}
div.examResult strong {margin-top: -2px;font-size: 26px;}
div.examResult .btn {padding-top: 20px;}




/* 나의 자료실 */
div.mypage ul.fileList {padding: 0;}
div.mypage ul.fileList li {width: calc(50vw - 26px);}
div.mypage ul.fileList span.tit {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space:wrap;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 40px;}


/* 나의 구매 */
div.myOrder {border-radius: 10px;}
div.myOrder + div.myOrder {margin-top: 10px;}
div.orderStep {height: 50px;padding: 0 15px;font-size: 14px;line-height: 20px;}
div.orderStep span {font-size: 16px;}

div.myOrder dl {padding: 0 15px 20px;}
div.myOrder dt {padding: 10px 0 5px;font-size: 15px;line-height: 20px;}
div.myOrder span.info {font-size: 14px;}

div.myOrder dd.btn > * {font-size: 14px;line-height: 33px;}
a.orderView {font-size: 13px !important;line-height: 23px !important;}
a.orderView img {padding-top: 8px;}


/* 구매내역 */
div.mypage ul.publication {padding: 0;}
div.mypage ul.publication li {padding: 15px 0 0;border-bottom: 1px solid #ccc;}
div.mypage ul.publication div {padding: 0 0 15px;border: 0 none;}
div.mypage ul.publication span.tit {padding-left: 100px;}
div.mypage ul.publication span.thumb {left: 0;top: 0;}
div.mypage ul.publication span.price {padding: 10px 0 0 100px;}

div.mypage ul.publication span.purchase {gap: 0;padding-top: 10px;}
div.mypage ul.publication span.purchase a {border-radius: 5px 0 0 5px;}
div.mypage ul.publication span.purchase a + a {border-radius: 0 5px 5px 0;}
div.mypage ul.publication a.favorIcon {right: 10px;top: 10px;width: 20px;height: 20px;}






/* 나의 상담 내역 */
div.myAsk {}
div.myAsk p {margin: 0;text-align: center;color: #737373;font-size: 14px;}

ul.askList, ul.askList li, ul.askList a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.askList {padding-top: 10px;}
ul.askList li {margin-top: 10px;}
ul.askList a {display: block;position: relative;border: 1px solid #d3d3d3;border-radius: 10px;padding: 40px 15px 15px;font-family: 'Montserrat-Light', 'NotoSansKR Regular', sans-serif;}
ul.askList span.category {position: absolute;left: 15px;top: 10px;}
ul.askList span.category > span {display: inline-block;vertical-align: top;padding: 0 15px;border-radius: 10px;color: #fff;font-size: 12px;line-height: 20px;background-color: #102e6d;}
ul.askList span.tit {font-size: 16px;line-height: 25px;}
ul.askList span.info {position: absolute;right: 15px;top: 10px;color: #737373;font-size: 14px;line-height: 20px;}


div#popupAskView div.popupCon {padding:15px;}
div#popupAskView table.tblDef,
div#popupAskView table.tblDef tbody,
div#popupAskView table.tblDef tr,
div#popupAskView table.tblDef th,
div#popupAskView table.tblDef td {display: block;}
div#popupAskView table.tblDef colgroup,
div#popupAskView table.tblDef col {display: none;}
div#popupAskView table.tblDef tr {display: grid; grid-template-columns: 30% 1fr;}

div.askDate {color: #737373;font-family: 'Montserrat-Light', 'NotoSansKR Regular', sans-serif;}




/* 뉴스레터 구독 신청 */
div.newsletter {padding-bottom: 15px;}
div.newsletter div.titArea {padding: 15px;font-size: 14px;}
div.newsletter div.titArea:after {right: 15px;top: -20px;width: 70px;height: 70px;background-size: 100%;}

div.newsletter h3 {padding-bottom: 10px;font-size: 18px;line-height: 18px;}

div.newsletter div.formArea {margin: 0 15px;}
div.newsletter dl.allAgree {padding: 30px 15px;}
div.newsletter dt input[type=radio] {top: 4px;}
div.newsletter h4 {padding: 15px 15px 5px;font-size: 18px;line-height: 18px;}

ul.applyForm {padding: 15px 15px;}
ul.applyForm li {margin-top: 10px;}

div.newsletter ul.applyForm input[type=text],
div.newsletter ul.applyForm select {height: 46px;font-size: 16px;}



/* 원격기술지원 */
div.support {}

div.support dl {position: relative;padding:15px;background: linear-gradient(45deg, #e3efff, #e8fffd);}
div.support dt {position: relative;padding: 15px 0;font-size: 14px;line-height: 20px;background: url('/image/sub/support_bg.png') right center no-repeat;background-size: 98px;}
div.support dt span {padding-bottom: 10px;font-size: 20px;line-height: 20px;}
div.support dd {padding-top: 5px;}
div.support dd a {border-radius: 30px;font-size: 14px;line-height: 40px;}
div.support dd a + a {margin-top: 5px;}
div.support dd a:after {width: 60px;height: 40px;background-size: 17px;}

div.support ol {padding: 15px;}
div.support ol:before {padding-bottom: 15px;font-size: 16px;text-align: left;}
div.support li {padding-left: 40px;font-size: 13px;line-height: 18px;background-position: 25px 57px;}
div.support li:before {top: 27px;width: 40px;border-top-width: 1px;}
div.support li:after {width: 40px;height: 55px;background-size: 10px;}

div.support li img {width: 55px;margin-bottom: 5px;}


/* ANZINE > Intro */
div.anzine {}

div.anzineSearch {padding: 0 20px;}
div.anzineSearch > * {margin-left: 10px;}
div.anzineSearch form {width: calc(100% - 60px);margin-left: 0;}
div.anzineSearch input[type=text] {height: 50px;border-radius: 25px;font-size: 15px;padding: 0 52px 0 25px;}
div.anzineSearch input[type=submit] {position: absolute;right: 8px;top: 8px;width: 36px;height: 36px;}

dl.anzineMenu {}
dl.anzineMenu a.trigger {width: 50px;height: 50px;}
dl.anzineMenu > dd {top: 65px;width: 130px;}
dl.anzineMenu > dd a {padding: 10px;font-size: 14px;line-height: 15px;}

div.subscription {padding: 15px 0 25px;font-size: 20px;line-height: 20px;text-align: center;}
div.subscription > img {height: 26px;padding-bottom: 10px;}
div.subscription > a {width: 120px;height: 40px;margin-top: 25px;border-radius: 20px;font-size: 18px;line-height: 40px;}
div.subscription > a img {height: 20px;padding: 10px 10px 0 0;}


div.manuscript {}
div.manuscript:before {left: 15px;bottom: 15px;width: 85px;height: 71px;background-size: auto 71px;}
div.manuscript a {padding: 10px 0 10px 120px;font-size: 14px;line-height: 20px;}
div.manuscript a br {display: none;}
div.manuscript a span {position: static;transform:translateY(0);display: block;width: 140px;margin-top: 10px;border-radius: 15px;font-size: 14px;line-height: 30px;}

div.anzineBnr {position: relative;margin: 20px 15px;padding-bottom: 20px;}
div.anzineBnr li {overflow: hidden;border-radius: 15px;}
div.anzineBnr li a:after {height: 45%;}
div.anzineBnr div.bx-pager {bottom: 0;}
div.anzineBnr div.bx-pager a {width: 10px;height: 10px;border-color: #222;}
div.anzineBnr div.bx-pager a.active {background-color: #222;}


div.tsneNews {}
div.tsneNews h3 {margin: 30px 0 15px;padding: 0 15px;font-size: 20px;line-height: 28px;}

div.newList {}
div.newList li {padding: 0 15px;}
div.newList li a:after {height: 45%;}
div.newList li span {bottom: 15px;height: 40px;padding: 0 15px;font-size: 18px;line-height: 20px;}

div.newList div.bx-wrapper {padding-bottom: 20px;}
div.newList div.bx-viewport {padding: 0 40px;box-sizing: border-box;}

div.newList div.bx-wrapper li {opacity: .4;transition:opacity .5s;}
div.newList div.bx-wrapper li.on {opacity: 1;}

div.newList div.bx-pager {bottom: 0;}
div.newList div.bx-pager a {width: 10px;height: 10px;border-color: #222;}
div.newList div.bx-pager a.active {background-color: #222;}

ul.anzineCategory {position: relative;margin-bottom: 15px;padding: 10px 15px 40px;}
ul.anzineCategory a {padding: 0 15px;font-size: 14px;line-height: 30px;border-radius: 15px;}
ul.anzineCategory li {margin-top: 5px;margin-left: 10px;}
ul.anzineCategory li.more {right: 15px;bottom: 0;}
ul.anzineCategory li.more a {width: 80px;}

ul.tsneNews {padding: 0 15px 20px;gap: 10px;}
ul.tsneNews a {height: 200px;}
ul.tsneNews span {bottom: 10px;height: 40px;padding: 0 15px;font-size: 16px;line-height: 20px;}





/* ANZINE > List */
div.anzineTitArea {padding: 10px 20px;margin: 0 auto;}
div.anzineTitArea h3 a {width: 22px;line-height: 22px;}
div.anzineTitArea h3 a.home {margin: 0 5px;}
div.anzineTitArea h3 span {font-size: 22px;line-height: 22px;}

div.anzineTitArea div.anzineSearch {margin: 10px 0;padding: 0;}
div.anzineTitArea div.anzineSearch form {width: calc(100% - 160px);margin-left: 0;}
div.anzineTitArea input[type=text] {height: 40px;border-radius: 20px;font-size: 15px;padding: 0 40px 0 15px;}
div.anzineTitArea input[type=submit] {position: absolute;right: 5px;top: 5px;width: 30px;height: 30px;}

div.anzineTitArea div.subscription > a {width: 100px;height: 40px;border-radius: 20px;font-size: 16px;line-height: 38px;}
div.anzineTitArea div.subscription > a img {padding-top: 6px;}

div.anzineTitArea dl.anzineMenu a.trigger {width: 40px;height: 40px;}
div.anzineTitArea dl.anzineMenu > dd {top: 55px;}

ul.anzineArticle {margin: 0 15px;padding: 15px 0;}
ul.anzineArticle li:not(:first-child) {margin-top: 20px;}
div.mypage ul.anzineArticle {margin: 0;}

ul.anzineArticle a,
ul.anzineArticle span,
ul.anzineArticle img {display: block;}

/*ul.anzineArticle li {width: calc(50vw - 25px);}*/
ul.anzineArticle li a {position: relative;}

ul.anzineArticle span {margin-top: 5px;font-size: 16px;line-height: 18px;}
ul.anzineArticle span.tit {margin-top: 10px;font-size: 13px;}

ul.anzineArticle span.thumb {}

/* ANZINE > View */
div.anzineBrief {min-height: 180px;}

div.anzineBrief h3 {padding: 60px 0 30px;}
div.anzineBrief h3:before {left: 15px;top: 15px;font-size: 15px;line-height: 20px;}
div.anzineBrief h3 span {width: calc(100vw - 30px);padding: 0 15px;font-size: 20px;line-height: 30px;}

div.anzineBrief ul {bottom: 10px;width: calc(50vw - 15px);text-align: right;}
div.anzineBrief li {padding-left: 25px;font-size: 12px;line-height: 16px;}
div.anzineBrief li:before {left: 12px;height: 11px;}


ul.anzineUtil {padding: 15px;}
ul.anzineUtil a {width: 40px;height: 40px;}

div.anzineCon {margin: 0 15px 15px;line-height: 1.4;}

div.moreCon ul.fileList {padding: 0 ;}
div.anzineLike {margin: 30px 15px;padding: 15px 0;font-size: 15px;line-height: 40px;}
div.anzineLike a {width: 40px;height: 40px;}

div.anzineCon img {height:auto !important;}




/* ANZINE 구독 신청 */
div.anzineApply div.titArea {margin: 0 15px;padding: 15px 125px 15px 20px;font-size: 14px;background-position: right 20px center;background-size: 95px;}

div.anzineApply h3 {padding-bottom: 10px;font-size: 18px;line-height: 18px;}

div.anzineApply div.formArea {padding: 0 15px;}
div.anzineApply dl.allAgree {padding: 30px 0;}
div.anzineApply h4 {padding: 30px 0 10px;font-size: 18px;line-height: 18px;}
div.anzineApply ul.applyForm {padding: 15px 0 0;}

div.anzineApply ul.applyForm input[type=text],
div.anzineApply ul.applyForm select {height: 46px;font-size: 16px;}




/* 체험존 */
div.eXzoneNote {padding: 20px 100px 20px 30px;margin-bottom: 0;font-size: 20px;line-height: 30px;background: #f8faff url('/image/sub/eXzone_note_bg_m.png') right bottom no-repeat;background-size: auto 100%;}
div.eXzoneNote span {font-size: 14px;line-height: 20px;}
div.eXzoneNote + div.btn.ar {padding: 15px;}

ul.eXzone {padding: 0 15px;}
ul.eXzone li + li {padding-top: 10px;}

ul.eXzone a {font-size: 15px;line-height: 20px;}
ul.eXzone span.thumb {height: 233px;margin-bottom: 10px;}
ul.eXzone span.category {max-width:100%;}
ul.eXzone span.tit {padding-top: 10px;height: 48px;font-size: 18px;line-height: 24px;}
ul.eXzone span.info {padding-left: 35px;}


div.eXzoneDetail {padding: 0 20px;}

div.eXzoneDetail h3 {padding-bottom: 15px;font-size: 20px;line-height: 25px;}
div.eXzoneDetail h3 > span {padding-bottom: 10px;font-size: 14px;line-height: 20px;}

div.eXzoneDetail div.thumb {margin-bottom: 15px; height:248px;}

div.applicantState {padding-bottom: 10px;font-size: 14px;line-height: 20px;}
div.applicantState div {font-size: 18px;line-height: 20px;}
div.applicantState ul.count {padding-left: 10px;}
div.applicantState ul.count li {position: relative;padding: 0 15px;font-size: 15px;line-height: 20px;}
div.applicantState ul.count li:before {height: 14px;}
div.applicantState ul.count span {padding-left: 10px;font-size: 1.2em;}

div.applicantState ul.listStar {padding-top: 10px;}

div.eXzoneDetail div.btn a {height: 55px;line-height: 53px;}
div.eXzoneDetail div.btn a.btnDef {height: 60px;line-height: 58px;font-size: 20px;}


span.eXzoneGrade,
span.eXzoneGrade1,
span.eXzoneGrade2,
span.eXzoneGrade3 {margin: 2px 0 0 5px;width: 60px;border-radius: 13px;font-size: 16px;line-height: 26px;}

a.tutorial {padding: 0 10px 0 15px;border-radius: 13px;font-size: 14px;line-height: 26px;}
a.tutorial span {}

div.goEXzone {padding: 10px 0 50px;line-height: 30px;}
div.goEXzone > * {display: block;}
div.goEXzone a {width: 100%;margin-top: 10px;font-size: 20px;line-height: 55px;}
div.goEXzone a img {padding: 22px 0 0 20px;}

.impoNote {line-height: 27px; padding:0 0 10px 40px;}

.bigTxt + div.rollingArea {margin-top: 55px;}

div.moreCon > h3.subTit {font-size:28px; margin: 20px 0 10px;}

/* 팝업 > 체험 하기 */
div#popupEXzone {padding: 20px 0;background-size: 182px, cover;}
div#popupEXzone h1 {padding-bottom: 20px;font-size: 30px;line-height: 30px;}

div.enterance {overflow: hidden;padding: 0 20px;}
div.enterance ul a {display: block;width: 190px;padding: 24px 0;margin: 0 auto;box-sizing: border-box;}
div.enterance span.room {display: inline-block;vertical-align: top;font-size: 19px;line-height: 20px;box-shadow: inset 0 -9px 0 #406dbf;font-family: 'Montserrat-Regular', 'NotoSansKR Regular', sans-serif;}
div.enterance span.enterance {display: block;padding-top: 20px;font-size: 17px;font-family: 'Montserrat-SemiBold', 'NotoSansKR Medium', sans-serif;}
div.enterance ul img {display: block;margin: 0 auto 15px;}

div.roomNote {padding: 20px 20px 0;}

div#popupEXzoneB span.room {box-shadow: inset 0 -9px 0 #fff7e7;}


/* 팝업 > 체험 횟수 초과 안내창 */
div.eXzoneAlert {font-size: 18px;line-height: 25px;}
div.eXzoneAlert img {margin-bottom: 15px;}
div.eXzoneAlert strong {padding-top: 20px;font-size: 20px;}

div#popupReview {padding: 30px;}
div#popupReview p {font-size: 18px;line-height: 25px;}
div#popupReview p strong {padding-top: 10px;font-size: 22px;}
div#popupReview textarea {height: 150px;}




/* 마이페이지 > 체험존 */
div.myeXzone {}
div.myeXzone + div.myeXzone {margin-top: 10px;}

div.myeXzone div.applicantState {padding: 10px 15px;}
div.myeXzone div.applicantState div {font-size: 18px;}
div.myeXzone div.applicantState ul.count li {font-size: 14px;}

dl.eXzoneItem {padding: 15px;font-size: 14px;}
dl.eXzoneItem > dt {padding-bottom: 10px;font-size: 18px;}
dl.eXzoneItem > dt span {font-size: 14px;}
dl.eXzoneItem > dd.btn {padding-top: 10px;}




/* 게시판 팝업 */
div.bbsPopup {z-index: 100;position: fixed;left: 0;top: 40px;overflow-x: hidden;overflow-y: auto;width:100%;height: calc(100% - 40px);padding: 20px;background-color: rgba(0,0,0,.7);box-sizing: border-box;}
div.skinWrap {position: relative !important;left: auto !important;top: auto !important;margin-bottom: 20px;}



/*  통합검색 */
div.totalSearch {position: relative;margin: 0 15px 20px;}
div.totalSearch input[type=text] {height: 50px;border: 2px solid #222;font-size: 17px;line-height: 46px;padding: 0 110px 0 15px;}
div.totalSearch input[type=text]:placeholder {color: #737373;font-family: 'Montserrat-Light', 'NotoSansKR Regular', sans-serif;}

div.totalSearch input[type=submit] {position: absolute;right: 0;top: 0;width: 90px;height: 50px;border: 0 none;font-size: 0;line-height: 0;background: #222 url('/image/sub/totalSearch_btn.png') center center no-repeat;}
div.totalSearch span.keyword {display: block;padding-top: 15px;}
div.totalSearch span.keyword:before {content: "추천검색어";display: inline-block;vertical-align: top;padding-left: 28px;color: #102e6d;font-size: 15px;line-height: 21px;font-family: 'Montserrat-Regular', 'NotoSansKR Medium', sans-serif;background: url('/image/sub/keyword_bl.png') left center no-repeat;}
div.totalSearch span.keyword a {display: inline-block;vertical-align: top;text-decoration: none;margin-left: 20px;color: #4a4c4e;font-size: 15px;line-height: 21px;font-family: 'Montserrat-Light', 'NotoSansKR Regular', sans-serif;}


div.searchResult {position: relative;margin: 40px 20px 0;}
div.searchResult h3.subTit_bl {margin-top: 0;font-size: 20px;}
div.searchResult .more {position: absolute;right: 0;top: 0;}
div.searchResult .more a {text-decoration: none;color: #4a4c4e;font-size: 15px;line-height: 20px;font-family: 'Montserrat-Light', 'NotoSansKR Regular', sans-serif;}

ul.resultList, ul.resultList li, ul.resultList a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.resultList {border-top: 2px solid #102e6d;}
ul.resultList > li {border-bottom: 1px solid #ebebeb;}
ul.resultList a {position: relative;display: grid; grid-template-columns: auto 100px;gap:0 25px;padding: 10px 15px;}
ul.resultList span {display: block;}
ul.resultList span.tit {color: #222;font-size: 17px;line-height: 30px;font-family: 'Montserrat-Regular', 'NotoSansKR Medium', sans-serif;}
ul.resultList span.info {color: #737373;font-size: 15px;font-family: 'Montserrat-Light', 'NotoSansKR Regular', sans-serif;}

ul.resultList li.noResult {display: table-cell;width: 100vw;height: 60px;text-align: center;vertical-align: middle;color: #102e6d;font-size: 15px;font-family: 'Montserrat-Regular', 'NotoSansKR Medium', sans-serif;}
ul.resultList li.noResult img {display: block;margin: 0 auto 15px;}

/* ANZINE 페이지 레이아웃 변경 - 24.09.02 박민지 */
.anzine-conbox{
    flex-direction: column;
    gap: 45px;
    width: 100%;
    max-width: none;
    padding: 0 20px;
    box-sizing: border-box;
}
.anzine-conbox *{
    box-sizing: border-box;
}
.anzine-sch-wrap,
.anzine-list{
    width: 100%;
}
.anzine-sch-wrap .anzineSearch .tit > img{
    width: 120px;
}
.anzine-sch-wrap .btn{
    width: 40px;
    height: 40px;
}
.anzine-sch-wrap .btn-wrap .btn + .btn{
    margin-left: 7px;
}
.anzine-sch-wrap .btn-wrap .btn img{
    height: 16px;
}

/* 메뉴 버튼 추가 - 24.09.24 박민지 */
.anzine-sch-wrap .anzineSearch form{
    width: calc((100% - 90px));
}

.anzine-sch-wrap .anzineSearch input[type=text]{
    height: 40px;
    padding: 0 15px;
}
.anzine-sch-wrap .anzineSearch input[type=submit]{
    top: 4px;
    width: 30px;
    height: 30px;
}
.anzine-sch-wrap .anzineMenu{
    margin-left: 5px;
}
.anzine-sch-wrap .anzineMenu a.trigger{
    width: 40px;
    height: 40px;
}
.anzine-sch-wrap .anzineSearch{
    padding: 0;
}
.anzine-sch-wrap .anzineMenu .btn > img{
    height: 17px;
}
.anzine-list{
    gap: 15px;
}
.anzine-list > li{
    width: calc((100% - 15px)/2);
}
.anzine-list .img-wrap{
    height: 190px;
}
.anzine-list .ic-new{
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    padding: 3px 0;
    font-size: 12px;
    line-height: 1;
}
.anzine-list .tit{
    margin-top: 10px;
    font-size: 14px;
}
.top-list-wrap{
    padding: 15px;
    border-radius: 10px;
}
.top-list-wrap .tit{
    margin-bottom: 10px;
    font-size: 19px;
}
.top-list > li > a{
    padding: 5px 0;
    font-size: 12px;
}
div.anzineTitArea div.anzineSearch:has(.btn-filter) form{
    width: calc(100% - 185px);
}
div.anzineTitArea div.subscription .btn.btn-parti,
div.anzineTitArea div.subscription .btn.btn-parti + a{
    overflow: hidden;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: #ff8b00;
    border-radius: 50%;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
}
div.anzineTitArea div.subscription .btn.btn-parti {
background: #54575f;
}
div.anzineTitArea div.subscription .btn.btn-parti > span,
div.anzineTitArea div.subscription .btn.btn-parti + a  > span{
    display: none;
}
div.anzineTitArea div.subscription .btn.btn-parti > img,
div.anzineTitArea div.subscription .btn.btn-parti + a  > img{
    padding: 0;
}
div.anzineTitArea div.subscription + dl{
    margin-left: 5px;
}

.popupCon .inputTbl tbody,
.popupCon .inputTbl tr{
    display: block;
    width: 100%;
}

div.anzineTitArea div.anzineSearch:has(.btn-filter) form{
    width: 100%;
    margin-bottom: 10px;
}

/* button size 수정 및 위치 변경 - 24.09.10 박민지 */
.anzine-sch-wrap .btn:not(.filter){
    width: 30px;
    height: 30px;
    margin-top: 7px;
}

/* 검색 추가 - 25.11.20 mj.park */
.inner-layer{
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
}
.text-right{
    text-align: right;
}
.btn-wrap:has(.btn-more-link){
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
    gap: 10px;
    font-family: 'Montserrat-Medium', 'NotoSansKR Bold', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #222222;
    letter-spacing: -0.07em;
    line-height: 1.2;
}
.btn.btn-more-link{
    flex: 0 0 auto;
    display: inline-block;
    position: relative;
    padding: 10px;
    padding-right: 30px;
    border: 1px solid #0060e5;
    background-color: #fff;
    font-family: 'Montserrat-SemiBold', 'NotoSansKR Bold', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #0060e5;
    line-height: 1;
    vertical-align: middle;
    text-decoration: none;
}
.btn.btn-more-link .icon{
    position: absolute;
    right: 10px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    height: auto;
    margin: 0;
    margin-top: -1px;
    padding: 0;
    border: 0;
    font-family: 'Montserrat-Regural', sans-serif;
    line-height: 1;
    vertical-align: middle;
}