/* @import url(reset.css);
@import url(style-header.css);
@import url(style-menu.css);
@import url(style-form.css);
@import url(style-button.css);
@import url(style-login.css);
@import url(style-modal.css);
@import url(style-tab.css);
@import url(style-search.css);
@import url(style-etc.css);
@import url(../fonts/font-awesome/css/fontawesome-all.min.css); */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Roboto:wght@300;400;500&display=swap');

@font-face {
	font-family: 'NEXONLv2Gothic';
	font-weight: 300;
	src: url(/Common/fonts/NEXONLv2GothicLight.eot);
	src: url(/Common/fonts/NEXONLv2GothicLight.eot?#iefix) format('embedded-opentype'),
		url(/Common/fonts/NEXONLv2GothicLight.woff) format('woff'),
		url(/Common/fonts/NEXONLv2GothicLight.ttf) format('truetype');
}

@font-face {
	font-family: 'NEXONLv2Gothic';
	font-weight: 400;
	src: url(/Common/fonts/NEXONLv2Gothic.eot);
	src: url(/Common/fonts/NEXONLv2Gothic.eot?#iefix) format('embedded-opentype'),
		url(/Common/fonts/NEXONLv2Gothic.woff) format('woff'),
		url(/Common/fonts/NEXONLv2Gothic.ttf) format('truetype');
}

@font-face {
	font-family: 'NEXONLv2Gothic';
	font-weight: 500;
	src: url(/Common/fonts/NEXONLv2GothicMedium.eot);
	src: url(/Common/fonts/NEXONLv2GothicMedium.eot?#iefix) format('embedded-opentype'),
		url(/Common/fonts/NEXONLv2GothicMedium.woff) format('woff'),
		url(/Common/fonts/NEXONLv2GothicMedium.ttf) format('truetype');
}

@font-face {
	font-family: 'NEXONLv2Gothic';
	font-weight: 700;
	src: url(/Common/fonts/NEXONLv2GothicBold.eot);
	src: url(/Common/fonts/NEXONLv2GothicBold.eot?#iefix) format('embedded-opentype'),
		url(/Common/fonts/NEXONLv2GothicBold.woff) format('woff'),
		url(/Common/fonts/NEXONLv2GothicBold.ttf) format('truetype');
}

/* common */
html,
body {
	position: relative;
	width: 100%;
	min-width: 360px;
	height: 100vh;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}

html {}

/* min-width: 1280px; */
body {
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	font-weight: 400;
	color: #444444;
	font-size: 14px;
	background-color: #f6f6f6;
	height: 100%;
}

/* f1f4f7 */
body.white {
	background-color: #fff;
}

.row {
	margin: auto;
	position: relative;
	display: block;
	margin-right: 15px;
	margin-left: 15px;
}

.row:after {
	content: "";
	display: block;
	clear: both;
}

.row.gray {
	background-color: #f1f4f7;
}

em {
	font-style: normal;
}

#wrapper {
	margin: auto;
	overflow: hidden;
	padding-top: 55px;
	min-height: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

#wrapper.fixed {
	padding-bottom: 55px;
}

#wrapper.fixed-btn {
	padding-bottom: 108px;
}

#wrapper.full {
	padding-top: 0;
}

#wrapper.bg-gray {
	background-color: #f1f4f7;
}

#section {
	flex-grow: 1;
	flex-shrink: 0;
}

.bottomCon {
	flex-shrink: 0;
}

.fixedMenu {
	flex-shrink: 0;
}

.fixedMenu ul {
	background-color: #fff;
	height: 55px;
	box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.04);
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
}

.fixedMenu li {
	float: left;
	width: 20%;
	text-align: center;
	font-size: 10px;
}

.fixedMenu li a {
	display: block;
	padding-top: 35px;
}

/* .fixedMenu li:nth-child(1){background: url(../img/ico_fixedMenu_06.png) no-repeat center 10px; background-size: 21px;} */
.fixedMenu li:nth-child(1) {
	background: url(../img/ico_fixedMenu_ZC.png) no-repeat center 10px;
	background-size: 21px;
}

.fixedMenu li:nth-child(2) {
	background: url(../img/ico_fixedMenu_03.png) no-repeat center 10px;
	background-size: 21px;
}

.fixedMenu li:nth-child(3) {
	background: url(../img/ico_fixedMenu_04.png) no-repeat center 10px;
	background-size: 21px;
}

.fixedMenu li:nth-child(4) {
	background: url(../img/ico_fixedMenu_02.png) no-repeat center 10px;
	background-size: 21px;
}

.fixedMenu li:nth-child(5) {
	background: url(../img/ico_fixedMenu_05.png) no-repeat center 10px;
	background-size: 21px;
}

.fixedMenu li.on:nth-child(1) {
	background: url(../img/ico_fixedMenu_ZCon.png) no-repeat center 10px;
	background-size: 21px;
}

.fixedMenu li.on:nth-child(2) {
	background: url(../img/ico_fixedMenu_03on.png) no-repeat center 10px;
	background-size: 21px;
}

.fixedMenu li.on:nth-child(3) {
	background: url(../img/ico_fixedMenu_04on.png) no-repeat center 10px;
	background-size: 21px;
}

.fixedMenu li.on:nth-child(4) {
	background: url(../img/ico_fixedMenu_02on.png) no-repeat center 10px;
	background-size: 21px;
}

.fixedMenu li.on:nth-child(5) {
	background: url(../img/ico_fixedMenu_05on.png) no-repeat center 10px;
	background-size: 21px;
}

.fixedMenu li.on:nth-child(1) a {
	color: #4656a7;
}

.fixedMenu li.on:nth-child(2) a {
	color: #2fa8f5;
}

.fixedMenu li.on:nth-child(3) a {
	color: #1bbacd;
	;
}

.fixedMenu li.on:nth-child(4) a {
	color: #8a5de6
}

.fixedMenu li.on:nth-child(5) a {
	color: #7ea518;
}

.blockWhite {
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
	padding: 25px 15px;
	margin-bottom: 20px;
}

.typeSelect {
	text-align: right;
}

.typeSelect li {
	display: inline-block;
	font-size: 13px;
	margin-left: 20px;
}

.typeSelect li a {
	color: #757575;
}

.typeSelect li.active a {
	color: #4c4e5f;
	font-weight: 700;
}

.typeSelect li a:before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background-color: #bababa;
	margin-right: 5px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.typeSelect li.active a:before {
	background-color: #437ddb;
}

.accountForm {
	margin-top: 30px;
}

.accountForm.disabled {
	opacity: 0.4;
}

.accountForm dt {
	font-size: 12px;
	line-height: 100%;
	margin-bottom: 5px;
	font-weight: 400;
	position: relative;
}

.accountForm dt a {
	position: absolute;
	right: 0;
	top: 0;
}

.accountForm dd {
	position: relative;
}

.accountForm .timeout {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 48px;
	color: #e63b1f;
	font-weight: 500;
}

.form-phone input {
	width: 28%;
	float: left;
}

.form-phone span {
	display: inline-block;
	width: 8%;
	float: left;
	line-height: 44px;
	text-align: center;
	color: #999999;
}

.accountMsg {
	font-size: 20px;
	color: #757575;
	line-height: 25px;
	font-weight: 300;
	color: #111;
}

.timeCount {
	text-align: center;
	margin-top: 30px;
}

.timeCount span {
	display: inline-block;
	background-color: #f1f4f7;
	height: 32px;
	line-height: 32px;
	width: 130px;
	border-radius: 16px;
	font-weight: 700;
	color: #e63b1f;
}

.msgCaution {
	font-size: 12px;
	color: #e63b1f;
}

.msgCaution.gray {
	color: #757575;
	font-weight: 300;
}

.numCount {
	font-size: 12px;
	color: #bababa;
}

.numCount b {
	font-weight: normal;
	color: #999999;
}

.table-account {
	font-size: 13px;
	border-top: 1px solid #bababa;
}

.table-account th {
	font-weight: 400;
	text-align: center;
	height: 35px;
	border-bottom: 1px solid #dddddd;
	background-color: #f6f6f6;
	border-left: 1px solid #ddd;
}

.table-account td {
	text-align: center;
	height: 33px;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #ddd;
	padding: 8px;
	line-height: 18px;
	font-weight: 500;
}

.table-account tr th:first-child {
	border-left: none;
}

.table-account tr td:first-child {
	border-left: none;
}

.table-account tbody th {
	padding: 5px 8px;
}

.table-account .tableTop {
	background-color: #f1f4f7;
}

#wrapper.bg-white .cautionBlock {
	background-color: #f1f4f7;
}

body.white .cautionBlock {
	background-color: #f1f4f7;
}

.cautionBlock {
	background-color: #e5e8ec;
	padding: 25px 15px;
	border-radius: 10px 0 0 0;
	margin-top: 60px;
	position: relative;
}

.cautionBlock dt {
	font-size: 14px;
	color: #111;
	font-weight: 500;
	margin-bottom: 10px;
}

.cautionBlock dd {
	font-size: 13px;
	color: #757575;
	line-height: 20px;
	position: relative;
	padding-left: 10px;
}

.cautionBlock dd span {
	position: absolute;
	left: -5px;
	top: 0;
	line-height: 20px;
	display: inline-block;
}

.cautionBlock .link {
	position: absolute;
	right: 15px;
	top: 25px;
}

.cautionBlock .link a {
	text-decoration: underline;
	font-size: 12px;
}

.btnTop {
	position: fixed;
	z-index: 50;
	right: 0;
	top: 78%;
	display: none;
}

.selectCategory {
	background-color: #fff;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.04);
	padding-bottom: 30px;
	padding-top: 20px;
}

.filterArea {
	padding: 25px 0 0 0;
	padding-left: 100px;
	position: relative;
}

.filterArea .filter {
	position: absolute;
	left: 0;
}

.filterArea .filter button {
	color: #fff;
	background-color: #437ddb;
	width: 85px;
	height: 32px;
	border-radius: 3px;
	font-size: 13px;
	line-height: 32px;
}

.filterArea .filter button img {
	vertical-align: middle;
	margin-right: 3px;
	position: relative;
	top: -1px;
}

.filterList {
	overflow-x: auto;
	overflow-y: hidden;
}

.filterList::-webkit-scrollbar {
	display: none;
}

.filterList ul {
	padding-top: 3px;
	height: 32px;
	white-space: nowrap;
}

.filterList ul li {
	border: 1px solid #ededed;
	display: inline-block;
	border-radius: ;
	height: 27px;
	line-height: 28px;
	border-radius: 13.5px;
	box-sizing: border-box;
	padding: 0 10px 0 15px;
	font-size: 13px;
	color: #757575;
	margin-left: 8px;
	white-space: nowrap;
}

.filterList ul li.disable {
	border-color: #ededed;
	padding: 0 15px;
}

.filterList ul li:first-child {
	margin-left: 0;
}

.filterList ul li button {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}

.bannerBlock {
	border-top: 2px solid #ededed;
	border-bottom: 2px solid #ededed;
	margin-top: 10px;
}

.bannerBlock a {
	display: block;
}

.bannerBlock a img {
	width: 100%;
}

.paging {
	text-align: center;
	padding: 30px 0 30px 0;
}

.paging a {
	display: inline-block;
	min-width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	vertical-align: top;
	color: #757575;
	font-size: 13px;
	margin: 0 1px;
}

.paging a.active {
	text-decoration: underline;
	color: #437ddb;
	font-weight: 700;
}

.paging a img {
	width: 24px;
	vertical-align: top;
}

.row .zocboInfo {
	display: block;
	position: relative;
	font-size: 13px;
	color: #757575;
	padding-top: 20px;
}

.row .zocboInfo:before {
	content: "";
	position: absolute;
	top: 23px;
	left: 145px;
	width: 9px;
	height: 7px;
	background: url(../img/ico_arrow_down_gray.png) no-repeat 50% 50%;
	background-size: 9px auto;
}

.listTop {
	padding-top: 25px;
	font-size: 13px;
}

.listTop .bbsNumber {
	float: left;
	color: #444444;
}

.listTop .bbsNumber.floatnone {
	float:none;
}

.listTop .bbsNumber b {
	color: #e33626;
	font-weight: 500;
}

.listTop .viewSelect {
	float: right;
}

.listTop .viewSelect li {
	float: left;
	margin-left: 20px;
}

.listTop .viewSelect li:first-child {
	margin-left: 0px;
}

.listTop .viewSelect li a {
	color: #757575;
	display: inline-block;
}

.listTop .viewSelect li a:before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background-color: #bababa;
	vertical-align: middle;
	margin-right: 5px;
	position: relative;
	top: -2px;
}

.listTop .viewSelect li.active a {
	color: #4c4e5f;
	font-weight: 700;
}

.listTop .viewSelect li.active a:before {
	background-color: #437ddb;
}

.bbsList>li {
	margin-top: 15px;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	padding: 15px;
	position: relative;
}

.tag {
	margin-bottom: 10px;
	height: 22px;
}

.tag span {
	display: inline-block;
	font-size: 13px;
	color: #444444;
	text-align: center;
	box-sizing: border-box;
	height: 22px;
	line-height: 22px;
	border-radius: 10px;
	border: 1px solid #ededed;
	min-width: 70px;
	margin-right: 5px;
	padding-left: 12px;
	padding-right: 12px;
}

.tag.step4 span {
    background-color: #fbfae5;
}
.tag.step5 span {
    background-color: #def1e7;
}
.tag.step6 span {
    background-color: #f1e8de;
}

.tag span.gray {
	color: #999999;
}

.bbsList>li .title {
	padding-right: 55px;
	color: #111111;
	font-size: 15px;
	font-weight: 500;
	line-height: 22px;
}

.bbsList.fullTitle>li .title {
	padding-right: 20px;
}

.bbsList>li .title img {
	position: relative;
	top: -2px;
	margin-left: 2px;
}

.bbsList>li .conText {
	color: #111111;
	font-size: 15px;
	font-weight: 500;
	line-height: 22px;
}

.bbsList>li .conText img {
	position: relative;
	top: -2px;
}

.bbsList>li .video {
	text-align: right;
	margin-top: 15px;
}

.bbsList>li .video a {
	display: inline-block;
	text-align: center;
	border: 1px solid #7d8d96;
	border-radius: 3px;
	height: 37px;
	font-size: 12px;
	color: #7d8d96;
	background-color: #fff;
	box-sizing: border-box;
	padding-top: 3px;
	width: 54px;
	box-sizing: border-box;
	position: relative;
	font-weight: 400;
	padding-right: 15px;
	width: 77px;
	border: 1px solid #43b7d6;
	color: #43b7d6;
	font-weight: 500;
}

.bbsList>li .video a:after {
	content: "";
	display: block;
	width: 15px;
	height: 22px;
	border-radius: 3px 0 0 0;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../img/ico_play.png) no-repeat 50% 50%;
	background-size: 7px auto;
	background-color: #43b7d6;
}

.bbsList>li .rank {
	position: absolute;
	right: 30px;
	top: 0;
	z-index: 10;
}

.bbsList>li .rank span {
	display: block;
	text-align: center;
	height: 27px;
	line-height: 27px;
	border-radius: 0 0 3px 3px;
	color: #fff;
	font-size: 13px;
	padding: 0 5px;
}

.bbsList>li .rank span.rank01 {
	background-color: #e63b1f;
}

.dropdownlink .title {
	padding-left: 26%;
	word-break: break-all;
	font-size: 14px !important;
	margin-top: -13%;
	font-size: 14px;
}

.dropdownlink::before {
	content: '';
	position: absolute;
	top: 40px;
	right: 15px;
	width: 12px;
	height: 6px;
	background: url(../img/ico_arrowdown.png) no-repeat center center;
	background-size: 12px 6px;
}

.dropdownlink::before.is-open {
	content: '';
	background: url(../img/ico_arrowup.png) no-repeat center center;
	background-size: 12px 6px;
}

.bbsList .dropdownlink {
	min-height: 50px;
}

.bbsList .dropdownlink .dateTop {
	position: initial;
}

.bbsList.fullTitle>li .dropdownlink .title {
	padding-right: 30px;
}

.sub-content {
	display: none;
	font-size: 14px;
	line-height: 1.5em;
	padding-top: 3%;
}

.sub-content .errorqna {
	font-size: 14px;
	line-height: 1.5em;
	padding-top: 3%;
}

.sub-content .answer p,
.sub-content .question p {
	line-height: 1.5em;
	font-size: 14px;
	padding: 15px 0 3%;
}

.sub-content .answer.bt {
	border-top: 1px solid #ededed;
	border-bottom: 2px solid #ededed;
}

.sub-content .answer {
	margin-top: 3%;
}

.sub-content .answer img {
	max-width: 100%;
	margin: 5% 0;
}

.sub-content .file {
	font-size: 13px;
	color: #000;
	display: block;
	margin-top: 10px;
	padding-bottom: 10px;
}

.sub-content .file span {
	font-size: 12px;
	font-weight: 400;
	text-decoration: underline;
	display: block;
	position: relative;
	padding-left: 17%;
}

.sub-content .file span img {
	width: 13px;
	margin: 0 5px 0 10px;
	vertical-align: top;
}

.sub-content .file span a {
	-ms-word-break: break-all;
	word-break: break-all;
	padding-left: 9%;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	text-decoration: underline;
	display: inline-block;
	position: absolute;
	top: -14px;
	left: 10%;
}

.bbsInfo {
	margin-top: 15px;
}

.bbsInfo li {
	float: left;
	font-size: 12px;
	color: #757575;
	line-height: 100%;
}

.bbsInfo li:after {
	content: "";
	display: inline-block;
	float: left;
	background-color: #dddddd;
	width: 1px;
	height: 6px;
	margin: 0 10px;
	margin-top: 3px;
}

.bbsInfo li:first-child:after {
	display: none;
}

.bbsInfo:after {
	content: "";
	display: block;
	clear: both;
}

.bbsList>li .rep {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.bbsList>li .rep a {
	display: block;
	width: 45px;
	height: 45px;
	background-color: #f1f4f7;
	border-radius: 22.5px;
	text-align: center;
	font-size: 12px;
	color: #757575;
	box-sizing: border-box;
	padding-top: 7px;
}

.bbsList>li .rep a span {
	font-size: 13px;
	color: #437ddb;
	font-weight: 500;
	display: block;
	text-align: center;
	margin-top: 1px;
}

.bbsList>li> img.list-sch-go {
	padding: 5% 12%;
    max-width: 100%;
}

.bbsList>li .downLink {
	text-align: right;
	margin-top: 3px;
}

.bbsList>li .downLink a {
	color: #4656a7;
	font-size: 12px;
	padding: 12px 0px 10px 0px;
	display: block;
}

.bbsList>li .downLink > a.free-chk {
    display: inline-block;
    position: relative;
    height: 18px;
    padding: 0px 20px 0 10px;
    background: #4272D2;
    border-radius: 20px;
    color: #fff;
    line-height: 18px;
}

.bbsList>li .downLink > a.free-chk:before {
	content: '▶';
	position: absolute;
	top: 0;
	right: 7px;
	font-size: 10px;
}

.bbsList>li .downLink a em {
	font-style: normal;
}

.bbsList>li .downLink a em:nth-child(2) {
	display: none;
}

.bbsList>li .downLink a span {
	background-color: #fff;
	display: inline-block;
}

.bbsList>li .downLink a span.down {
	/* background: url(../img/ico_arrow_down.png) no-repeat 50% 50%; */
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #ededed;
	text-align: center;
	line-height: 20px;
	border-radius: 50%;
	background-size: 9px auto;
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-left: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    transform: rotateZ(180deg);
}
.bbsList>li .downLink a span.down svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #4656a7;
}

.bbsList > li.downloaded .title {
    color: #a274a2;
}
.bbsList > li.downloaded .downLink a {
    color: #a274a2;
}

.bbsList>li .downLink a span.active {
	transform: rotateZ(0deg);
}

.bbsList>li.downloaded .downLink a span svg {
    fill: #a274a2;
}

.bbsList>li.noresult {
	height: 150px;
	text-align: center;
	font-size: 13px;
	background: #fff url(../img/ico_noMsg.png) no-repeat center 40px;
	background-size: 47px;
	padding-top: 100px;
}

.supring {
	position: relative;
}

.supring .cover {
	float: left;
	width: 75px;
	margin-right: 15px;
}

.supring .title {
	color: #111111;
	font-size: 15px;
	font-weight: 500;
	line-height: 22px;
}

.supring .cover img {
	border: 1px solid #e0e1e3;
	width: 100%;
}

.supring .hash {
	padding-right: 0;
}

.detailLink {
	background-color: #f1f4f7;
	margin-top: 10px;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: -15px;
	padding: 15px;
	text-align: right;
	display: none;
}

.detailLink:after {
	content: "";
	display: block;
	clear: both;
}

.detailLink ul {
	display: flex;
	justify-content: flex-end;
}

.detailLink li {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding-left: 5px;
}

.detailLink li:first-child {
	padding-left: 0;
}

.detailLink li a {
	width: 100%;
	display: inline-block;
	text-align: center;
	border: 1px solid #7d8d96;
	border-radius: 3px;
	height: 37px;
	font-size: 12px;
	color: #7d8d96;
	background-color: #fff;
	box-sizing: border-box;
	padding-top: 3px;
	box-sizing: border-box;
	position: relative;
	font-weight: 500;
}

.detailLink li a.btn-prev-exam {
	background-color: #515560;
    color: #fff !important;
    border-color: #515560;
}

.detailLink li a.basic {
	border: 2px solid #444;
	color: #333;
}

.detailLink li a.deep {
	background: #333;
	border: 2px solid #333;
	color: #fff;
}

.ico_down {
	padding-right: 15px;
	font-weight: 500;
	display: inline-block;
	text-align: center;
	border: 1px solid #7d8d96;
	border-radius: 3px;
	height: 37px;
	font-size: 12px;
	color: #7d8d96;
	background-color: #fff;
	box-sizing: border-box;
	padding-top: 3px;
	width: 104px;
	box-sizing: border-box;
	position: relative;
	font-weight: 500;
	box-sizing: border-box;
}

.ico_down:after {
	content: "";
	display: block;
	width: 15px;
	height: 22px;
	border-radius: 3px 0 0 0;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../img/ico_down_con.png) no-repeat 50% 50%;
	background-size: 8px auto;
	background-color: #000;
}

.ico_down.vod {
	color: #43b7d6;
	border-color: #43b7d6;
}

.ico_down.vod:after {
	background-color: #43b7d6;
}

.ico_down .num {
	font-weight: 500;
}

.ico_blue {
	border-color: #437ddb !important;
	color: #437ddb !important;
}

.ico_down.review {
	color: #43b7d6;
	border-color: #43b7d6;
}

/* 1218 다시보기 추가 */
.ico_down.review:after {
	background: #43b7d6 url(../img/ico_play.png) no-repeat 5px 50%;
	background-size: 7px auto;
}

/* 1218 다시보기 추가 */

/* 다운로드 버튼 컬러 수정, gray 추가 2021-10-21// */
.ico_down.hwp {
	color: #4289c9;
	border-color: #4289c9;
}

.ico_down.hwp:after {
	background-color: #4289c9;
}

.ico_down.pdf {
	color: #e33626;
	border-color: #e33626;
}

.ico_down.pdf:after {
	background-color: #e33626;
}

.ico_down.scan {
	padding-right: 0;
	color: #7aac63;
	border-color: #7aac63;
}

.ico_down.scan:after {
	display:none;
	background-color: #7aac63;
}
.ico_down.gray {
	color: #5f5f5f;
	border-color: #5f5f5f;
}

.ico_down.gray:after {
	background-color: #5f5f5f;
}
/* //다운로드 버튼 컬러 수정, gray 추가 2021-10-21 */

.hash {
	margin-top: 15px;
}

.hash span {
	display: inline-block;
	color: #757575;
	font-size: 13px;
	margin-right: 15px;
	line-height: 90%;
	margin-bottom: 5px;
}

.delect {
	position: absolute;
	right: 10px;
	top: 10px;
}

.delect button {
	width: 23px;
	height: 23px;
	border-radius: 50%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	background-color: #fff;
}

.date {
	font-size: 12px;
	color: #444444;
	margin-top: 10px;
}

.btn_write {}

.btn_write a {
	display: block;
	background-color: #437ddb;
	color: #fff;
	width: 90px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	border-radius: 16px;
	text-align: center;
	font-weight: 500;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	margin: auto;
}

.btn_write a img {
	margin-left: 5px;
	position: relative;
	top: -1px;
}

.btn_fileDown {
	border: 1px solid #dddddd;
	border-radius: 2px;
	box-sizing: border-box;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	width: 110px;
	text-align: center;
	background-color: #fff;
	font-weight: 500;
	font-size: 13px;
}

.btn_fileDown img {
	position: relative;
	top: -2px;
}

.mentoList {
	background-color: #fff;
	margin-top: 10px;
	border-top: 2px solid #ededed;
	border-bottom: 2px solid #ededed;
	height: 150px;
}

.mentoList li {
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 25px;
	height: 120px;
	box-sizing: border-box;
	padding-left: 108px;
}

.mentoList li .image {
	border: 1px solid #ddd;
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	border-radius: 50%;
	overflow: hidden;
	text-align: center;
	position: absolute;
	left: 15px;
	top: 20px;
}

.mentoList li .image img {
	width: 100%;
}

.mentoList li dl dt {
	color: #111111;
	font-size: 20px;
	font-weight: normal;
	font-weight: 300;
	margin-bottom: 5px;
}

.mentoList li dl dd {
	color: #111111;
	font-size: 20px;
}

.mentoList li dl dd a {
	margin-top: 8px;
	font-size: 11px;
	text-decoration: underline;
	color: #757575;
}

.mentoList .bx-controls {}

.mentoList .bx-controls .bx-pager {
	text-align: center;
}

.mentoList .bx-controls .bx-pager .bx-pager-item {
	display: inline-block;
}

.mentoList .bx-controls .bx-pager .bx-pager-item a {
	display: inline-block;
	width: 4px;
	height: 4px;
	margin: 0 2px;
	text-indent: -9999px;
	overflow: hidden;
	background-color: #dddddd;
	border-radius: 2px;
}

.mentoList .bx-controls .bx-pager .bx-pager-item a.active {
	width: 10px;
	background-color: #757575;
}

.communityHeader {
	padding: 15px 0 20px 0;
	border-bottom: 1px solid #f6f6f6;
	background-color: #fff;
}

.communityHeader h2 {
	color: #111111;
	font-size: 15px;
	font-weight: 500;
	line-height: 22px;
}

.communityHeader.allcase .date {
	margin-top: 5px;
}

.communityHeader.allcase .bbsInfo {
	margin-top: 10px;
}

.bbsViewArea {
	font-size: 14px;
	color: #111;
	line-height: 24px;
	padding: 25px 15px;
	background-color: #fff;
	font-family: 'Noto Sans KR', sans-serif;
}

.bbsViewArea img {
	width: 100%;
	display: block;
}

.fileList {
	background-color: #f1f4f7;
	padding: 25px 15px;
	border-bottom: 1px solid #ededed;
}

.fileList dt {
	color: #001111;
	font-size: 13px;
	margin-bottom: 10px;
	font-weight: 500;
}

.fileList dd {
	margin-bottom: 20px;
}

.fileList dd:last-child {
	margin-bottom: 0;
}

.fileList dd .name {
	font-size: 11px;
	line-height: 100%;
}

.fileList dd .down {
	margin-top: 8px;
}

.repArea {
	background-color: #fff;
	border-top: 1px solid #ededed;
	padding-top: 30px;
	padding-bottom: 40px;
}

.repNum {
	color: #111111;
	font-size: 13px;
	font-weight: 500;
}

.repWrite {
	margin-top: 10px;
}

.repWrite .repBtn button {
	font-size: 14px;
	color: #bababa;
	box-sizing: border-box;
	height: 44px;
	width: 100%;
	border: 1px solid #ededed;
	text-align: left;
	padding-left: 15px;
}

.repWrite .repForm {
	padding-bottom: 30px;
	border-bottom: 1px solid #ededed;
	display: none;
}

.repWrite .repForm textarea {
	border: 1px solid #ededed;
	height: 150px;
}

.character {
	text-align: right;
	font-size: 12px;
	margin-top: 8px;
	color: #bababa;
}

.character b {
	color: #999999;
	font-weight: 500;
}

.repWrite .repForm .file {
	margin-top: -10px;
}

.fileAdd {
	position: relative;
}

.fileAdd input {
	position: absolute;
	left: 0;
	top: 0;
	width: 110px;
	opacity: 0;
}

.filename {
	position: relative;
	background-color: #f1f4f7;
	color: #111111;
	font-size: 11px;
	line-height: 40px;
	padding-left: 15px;
	border-radius: 3px;
	margin-top: 10px;
	padding-right: 50px;
}

.filename button {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
}

.filename .name {
	display: block;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.repWrite .repForm .fileBtn {
	margin-top: 30px;
}

.repWrite .repForm .fileBtn button {
	width: 49%;
}

.repList li {
	position: relative;
	margin-top: 15px;
}

.repList li .repInfo {
	right: 0;
	font-size: 12px;
	color: #999999;
	margin-bottom: 8px;
	padding-top: 5px;
}

.repList li .repInfo b {
	color: #444444;
	font-weight: bold;
}

.repList li .repInfo b:after {
	display: inline-block;
	width: 1px;
	height: 6px;
	background-color: #ddd;
	content: "";
	margin: 0 10px;
	position: relative;
	top: -1px;
}

.repList li .delect {
	right: 0;
	top: 0;
}

.repList li .text {
	font-size: 13px;
	line-height: 20px;
	color: #111111;
}

.repList li.norepple {
	text-align: center;
	font-size: 13px;
	padding-top: 85px;
	background: url(../img/ico_norepple.png) no-repeat center 25px;
	background-size: 47px;
}

.btnList a {
	display: block;
	text-align: center;
	color: #fff;
	background-color: #4c4e5e;
	height: 48px;
	line-height: 48px;
	font-size: 15px;
	font-weight: 500;
}

.close_popup {
	position: absolute;
	right: 0px;
	top: 20px;
}

.close_popup a {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
}

.popupTitle {
	font-size: 13px;
	color: #757575;
	font-weight: 500;
	padding-top: 20px;
}

.filterBlock {
	position: relative;
	margin-top: 30px;
	background-color: #fff;
}

.filterBlock .checkAll {
	position: absolute;
	right: 0;
	top: 0px;
}

.filterBlock h2 {
	line-height: 100%;
	font-size: 12px;
	color: #444444;
	font-weight: 400;
	padding-top: 10px;
}

.radioTab {}

.radioTab:after {
	content: "";
	display: block;
	clear: both;
}

.radioTab li {
	float: left;
	position: relative;
}

.radioTab.tab-num-02 li {
	width: 50%;
}

.radioTab.tab-num-03 li {
	width: 33.3333%;
}

.radioTab.tab-num-04 li {
	width: 25%;
}

.radioTab.tab-num-07 li {
	width: 14.285%;
}

.radioTab.tab-num-solo li {
	width: 50%;
}

.radioTab.tab-num-solo li input+label {
	border-radius: 3px !important;
}

.radioTab li input {
	position: absolute;
	z-index: -1;
}

.radioTab li input+label {
	text-align: center;
	display: block;
	font-size: 14px;
	color: #757575;
	box-sizing: border-box;
	height: 38px;
	line-height: 38px;
	border: 1px solid #757575;
	background-color: #fff;
	margin-left: -1px;
	position: relative;
	z-index: 1;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    -webkit-box-pack: center;
    -moz-box-justify-content:center;
    -ms-flex-pack: center;
    justify-content: center;
}

.radioTab li input+label.tab2Type {
	line-height: normal;
}

.radioTab li input+label.tab2Type span {
	font-size: 11px;
}

.radioTab li input:checked+label {
	z-index: 10;
	color: #437ddb;
	font-weight: 500;
	border-color: #437ddb;
}

.radioTab li input:disabled+label {
	z-index: 10;
	color: #d5d9de;
	border-top-color: #d5d9de;
	border-right-color: #d5d9de;
	border-bottom-color: #d5d9de;
}

.radioTab li:first-child input+label {
	border-radius: 3px 0 0 3px;
}

.radioTab li:last-child input+label {
	border-radius: 0 3px 3px 0;
}

.table-default {
	color: #111111;
	font-size: 13px;
	border-top: 1px solid #bababa;
}

.table-default th {
	text-align: center;
	background-color: #f6f6f6;
	padding: 12px;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	font-weight: 400;
}

.table-default td {
	padding: 12px;
	border-bottom: 1px solid #dddddd;
	color: #111111;
	font-weight: 400;
}

.formMsg {
	font-size: 12px;
	color: #e63b1f;
	margin-top: 10px;
	line-height: 100%;
}

.space {
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	background-color: #f6f6f6;
	height: 6px;
	display: block;
}

.testRange {
	padding-top: 40px;
	padding-bottom: 20px;
}

.testRange h2 {
	font-size: 13px;
	color: #757575;
	font-weight: 500;
}

.testRange dl {
	margin-top: 30px;
}

.testRange dl dt {
	font-size: 12px;
	font-weight: 400;
}

.addTestRange {
	background-color: #f6f6f6;
	position: relative;
	padding-top: 35px;
	padding-bottom: 20px;
}

.addTestRange input[type=text] {
	background-color: transparent;
}

.addTestRange .del {
	position: absolute;
	right: 15px;
	top: 20px;
}

.addTestRange .del button {
	width: 11px;
	height: 11px;
}

.addTestRange .del button img {
	float: left;
}

.testConWrite {
	padding-top: 30px;
	position: relative;
}

.testConWrite h2 {
	font-size: 12px;
	color: #444444;
	font-weight: 400;
}

.testConWrite textarea {
	border: 1px solid #ededed;
	height: 150px;
}

.testConWrite .file {
	margin-top: -10px;
}

.testConWrite .photoAdd {
	text-align: right;
}

.testConWrite .photoAdd button {
	border: 1px solid #dddddd;
	border-radius: 3px;
	font-size: 13px;
	color: #437ddb;
	text-align: center;
	width: 115px;
	height: 30px;
	box-sizing: border-box;
}

.mento {
	text-align: center;
	padding-top: 33px;
	padding-bottom: 20px;
}

.mento dt span {
	display: inline-block;
}

.mento dt span img {
	width: 100%;
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	border: 1px solid #ededed;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.mento dd {
	margin-top: 15px;
	font-size: 20px;
	color: #111111;
	line-height: 100%;
}

.mentoIntro {
	background-color: #f1f4f7;
	padding-bottom: 25px;
	color: #111;
}

.mentoIntro dl {
	padding-top: 25px;
}

.mentoIntro dt {
	font-weight: 500;
	margin-bottom: 10px;
}

.mentoIntro dd {
	line-height: 25px;
}

.checkFull {
	position: relative;
}

.checkFull input[type=checkbox].check+label {
	padding-left: 22px;
	line-height: 20px;
}

.checkFull input[type=checkbox].check+label:before {
	position: absolute;
	left: 0;
	top: 1px;
}

.msgAlert {
	position: fixed;
	bottom: 150px;
	left: 0;
	right: 0;
	z-index: 30;
	text-align: center;
}

.msgAlert span {
	color: #fff;
	min-height: 40px;
	font-size: 13px;
	line-height: 140%;
	padding: 12px 20px;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 20px;
	max-width: 305px;
	margin: auto;
}

.centerInfo {
	padding: 35px 0 30px 0;
	color: #111111;
}

.centerInfo .title {
	font-weight: 300;
	line-height: 100%;
	font-size: 20px;
}

.centerInfo .num {
	font-size: 30px;
	font-weight: bold;
	line-height: 100%;
	margin-top: 15px;
}

.centerInfo dl {
	font-size: 13px;
	color: #444444;
	margin-top: 25px;
}

.centerInfo dl dt {
	font-weight: 400;
	line-height: 100%;
}

.centerInfo dl dd {
	line-height: 100%;
	margin-top: 10px;
}

.centerInfo .call {
	position: absolute;
	right: 10px;
	top: 40px;
}

.centerInfo .call a {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.selectList {
	background-color: #f1f3f5;
	padding: 30px;
}

.selectList li {
	float: left;
	width: 50%;
	text-align: center;
}

.selectList li a {
	display: inline-block;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	width: 130px;
	height: 115px;
	border-radius: 5px;
	box-sizing: border-box;
	padding-top: 20px;
	font-size: 15px;
	color: #444444;
}

.selectList li a img {
	display: block;
	margin: auto;
	margin-bottom: 15px;
}

.customerList {
	border-top: 1px solid #ededed;
}

.customerList li {
	border-bottom: 1px solid #ededed;
}

.customerList li a {
	display: block;
	position: relative;
	padding: 0 15px;
	height: 50px;
	line-height: 50px;
	white-space: nowrap;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	/*-moz-binding: url('ellipsis.xml#ellipsis');*/
	vertical-align: middle;
	font-size: 15px;
	color: #111111;
}

.customerList li a:after {
	content: "";
	display: block;
	background: url(../img/ico_arrow_right.png) no-repeat;
	width: 6.5px;
	height: 12px;
	background-size: 6.5px 12px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -6px;
}

.program {
	padding: 20px 15px;
	color: #111;
}

.program dt {
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 25px;
}

.program dd {
	font-size: 13px;
	font-weight: 400;
}

.program dd b {
	display: block;
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 2px;
}

.program dd a img {
	position: relative;
	top: -1px;
}

.program dd.reader {
	background: url(../img/ico_program01.png) no-repeat right top;
	background-size: 50px auto;
}

.program dd.hwp {
	margin-top: 30px;
	background: url(../img/ico_program02.png) no-repeat right top;
	background-size: 50px auto;
}

.noticeList {
	padding-bottom: 40px;
	padding-top: 5px;
}

.noticeList li {
	margin-top: 15px;
}

.noticeList li a {
	display: block;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	padding: 15px;
	font-weight: 400;
}

.noticeList li a img {
	position: relative;
	top: -2px;
}

.noticeList li a .title {
	color: #111111;
	font-size: 15px;
	line-height: 22px;
}

.noticeList li a .date {
	text-align: right;
	color: #757575;
	font-size: 12px;
	margin-top: 15px;
}

.noticeList li a .text {
	margin-top: 15px;
	color: #444;
}

.uploadList {
	margin-top: 40px;
}

.uploadList li {
	margin-top: 12px;
}

.uploadList li a {
	box-sizing: border-box;
	height: 40px;
	line-height: 40px;
	border: 1px solid #ddd;
	border-radius: 20px;
	display: block;
	padding-left: 20px;
	position: relative;
	font-weight: 500;
}

.uploadList li a:after {
	content: "";
	display: block;
	background: url(../img/ico_arrow_right.png) no-repeat;
	width: 6.5px;
	height: 12px;
	background-size: 6.5px 12px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -6px;
}

.uploadList li:first-child {
	margin-top: 0px;
}

.slideTab {
	padding: 0 15px;
	box-sizing: border-box;
	height: 45px;
	overflow-x: auto;
	height: 45px;
	background: #fff url(../img/bg_tab.png) repeat-x left bottom;
	background-size: auto 3px;
}

.slideTab ul {
	white-space: nowrap;
}

.slideTab li {
	display: inline-block;
	margin-right: 20px;
	white-space: nowrap;
	position: relative;
	z-index: 10;
}

/*.slideTab li:first-child{margin-left: 0;}*/
.slideTab li a {
	display: block;
	height: 45px;
	line-height: 45px;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: 500;
	color: #757575;
}

.slideTab li.active a {
	border-bottom: 3px solid #437ddb;
	color: #437ddb;
}

.slideTab::-webkit-scrollbar {
	display: none;
}

.slideTab-round {
	padding: 0 15px;
	box-sizing: border-box;
	height: 45px;
	overflow-x: auto;
	border-bottom: 1px solid #f6f6f6;
	padding-top: 6px;
}

.slideTab-round ul {
	white-space: nowrap;
}

.slideTab-round li {
	display: inline-block;
	margin-right: 20px;
	white-space: nowrap;
	position: relative;
	z-index: 10;
}

.slideTab-round li a {
	display: block;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: 500;
	color: #757575;
	position: relative;
}

.slideTab-round li.active a {
	background-color: #1bbacd;
	color: #fff;
	padding: 0 15px;
}

.slideTab-round li.active a:after {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #1bbacd;
	top: 29px;
	position: absolute;
	left: 50%;
	margin-left: -2px;
}

.slideTab-round::-webkit-scrollbar {
	display: none;
}

.slideTopTab {
	position: relative;
	background: #fff;
}

.slideTopTab .slideHTab {
	margin-right: 50px;
}

.slideTopTab .slideTab {
	background: #fff;
}

.slideTopTab .slideTab li.active a {
	border-bottom: none;
}

.slideTopTab .sbjoptiondiv {
	width: 50px;
	height: 45px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 0;
}

.slideTopTab .sbjoption {
	background: url(../img/ico_toggle.png) no-repeat;
	width: 17px;
	height: 17px;
	background-size: 17px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -8.5px;
	text-indent: -9999px;
	overflow: hidden;
}

.fixedBtn {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
	text-align: center;
}

.fixedBtn-default {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
	text-align: center;
}

.fixedBtn-default.prev {
    right: auto;
    left: 50%;
    margin-left: -60px;
    width: 120px;
}

.white-block {
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}

.qnaList>li {
	margin-top: 15px;
	padding: 15px;
}

.qnaList>li:after {
	content: "";
	display: block;
	clear: both;
}

.qnaList>li .bbsInfo {
	float: right;
}

.qnaList>li .text span {
	color: #757575;
	font-weight: 500;
	margin-right: 3px;
}

.noMsg {
	text-align: center;
	font-size: 13px;
	padding: 25px 0;
}

.noMsg img {
	display: block;
	margin: auto;
	margin-bottom: 12px;
}

.qnaBlock {
	padding-bottom: 40px;
}

.qnaContents {}

.qnaContents .question {
	background-color: #fff;
	line-height: 24px;
	padding: 25px 15px 50px 15px;
}

.qnaContents .question p {
	line-height: 24px;
}

.ico_tag {
	background-color: #fff;
	border: 1px solid #ededed;
	text-align: center;
	box-sizing: border-box;
	display: inline-block;
	width: 40px;
	height: 22px;
	border-radius: 22px;
	line-height: 20px;
	margin-right: 10px;
	font-size: 15px;
	font-weight: 500;
}

.qnaContents .answer {
	padding: 25px 15px 25px 15px;
	line-height: 24px;
	position: relative;
}

.qnaContents .answer p {
	line-height: 24px;
}

.qnaContents .answer p.ico_tag {
	position: absolute;
	left: 15px;
	top: -11px;
	line-height: 20px;
}

.subTItle {
	font-size: 13px;
	color: #757575;
	line-height: 20px;
	font-weight: 300;
}

.tableTitle {
	color: #111;
	font-size: 15px;
	font-weight: 500;
}

.selectService {
	margin-top: 10px;
}

.selectService li {
	float: left;
	width: 25%;
	box-sizing: border-box;
	padding-left: 6px;
}

.selectService li:first-child {
	padding: 0
}

.loginMsg {
	margin-top: 80px;
	background-color: #f1f3f5;
	border-radius: 5px;
	text-align: center;
	font-size: 13px;
	height: 40px;
	line-height: 40px;
	position: relative;
}

.loginMsg button {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
}

.loginMsg:after {
	content: "";
	width: 8px;
	height: 6px;
	background: url(../img/bg_loginMsg.png) no-repeat;
	background-size: 8px 6px;
	bottom: -6px;
	display: block;
	right: 80px;
	position: absolute;
}

.infoPoint {
	border: 1px solid #e5e8ec;
	border-radius: 5px;
	margin-bottom: 15px;
	height: 122px;
	box-sizing: border-box;
	padding-top: 20px;
	position: relative;
}

.infoPoint:after {
	content: "";
	display: block;
	width: 1px;
	background-color: #e5e8ec;
	position: absolute;
	left: 50%;
	top: 25px;
	height: 70px;
}

.infoPoint li {
	float: left;
	width: 50%;
	text-align: center;
}

.infoPoint li .title {
	font-size: 15px;
	line-height: 100%;
	margin-bottom: 10px;
}

.infoPoint li .img img {
	height: 25px;
}

.infoPoint li .num {
	line-height: 100%;
	margin-top: 15px;
	font-size: 22px;
}

.popMsg {
	text-align: center;
	background-color: rgba(0, 0, 0, 0.7);
	font-size: 13px;
	line-height: 140%;
	color: #fff;
	padding: 12px 20px;
	border-radius: 20px;
	font-weight: 300;
	position: fixed;
	z-index: 50;
	bottom: 145px;
	max-width: 305px;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
}

.block_list:last-child {
	padding-bottom: 0px;
}

.block_list:last-child.active {
	padding-bottom: 20px;
}

.productBlock {}

/*.block_list.active .productBlock{display: block}*/
.block_list .titleLine {
	background-color: #F6F6F6;
	border-top: 1px solid #f6f6f6;
	padding: 15px;
	border-bottom: 1px solid #ededed;
	color: #111;
	font-weight: 500;
	position: relative;
	position: relative;
	font-size: 16px;
}

.block_list .titleLine .toggle {
	display: block;
	background: url(../img/ico_toggle.png) right 0 no-repeat;
	width: 100%;
	height: 17px;
	background-size: 17px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -8.5px;
	text-indent: -9999px;
	overflow: hidden;
}

.block_list .titleLine.active .toggle {
	background-position: right -17px;
}

.block_list .titleLine .num {
	position: absolute;
	right: 40px;
	color: #437ddb;
	display: none;
}

.block_list .titleLine small {
	font-size: 13px;
	font-weight: 400;
}

.listTitle {
	position: relative;
	font-size: 17px;
	font-weight: 300;
	padding-top: 20px;
}

.listTitle a {
	display: inline-block;
	position: absolute;
	right: 0;
}

.listTitle.active {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

.listTitle.active a {
	transform: rotateZ(180deg);
}

.listTitle.d2 {
	padding-left: 10px;
}

.memberSelect {
	background-color: #f1f3f5;
	padding-top: 20px;
	padding-bottom: 20px;
}

.memberSelect .memberList {}

.memberSelect .memberList li {
	float: left;
	width: 33.333%;
	text-align: center;
}

input.member {
	position: absolute;
	opacity: 0;
}

input.member+label {
	display: inline-block;
	position: relative;
	font-size: 16px;
	color: #757575;
	font-weight: 500;
}

input.member+label:before {
	content: "";
	display: block;
	background-color: #fff;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	box-sizing: border-box;
	border: 1px solid #eeeeee;
	margin-bottom: 10px;
}

input.member+label span {
	display: inline-block;
	margin-left: 5px;
	display: none;
}

.memberSelect .memberList {
	padding-top: 18px;
}

.memberSelect .memberList li {
	position: relative;
	overflow: hidden;
}

.memberSelect .memberList li:nth-child(1) label:before {
	background: url(../img/ico_memberType01.png) no-repeat;
	background-size: 70px;
}

.memberSelect .memberList li:nth-child(2) label:before {
	background: url(../img/ico_memberType02.png) no-repeat;
	background-size: 70px;
}

.memberSelect .memberList li:nth-child(3) label:before {
	background: url(../img/ico_memberType03.png) no-repeat;
	background-size: 70px;
}

input.member:checked+label {
	color: #111;
}

input.member:checked+label span {
	display: inline-block;
}

input.member:checked+label:before {
	border: 1px solid #444444;
	background-position: 0 -70px !important;
}

/*.alamList dl{background-color: #fff; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.05); padding:15px; margin-top: 15px;}*/
.alamList {
	padding-bottom: 40px;
	padding-top: 5px;
}

.alamList li {
	margin-top: 15px;
	display: block;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	padding: 15px;
}

.alamList li .title {
	color: #111111;
	font-size: 15px;
	line-height: 22px;
	font-weight: 500;
}

.alamList li .date {
	text-align: right;
	color: #757575;
	font-size: 12px;
	margin-top: 15px;
}

.alamList li .text {
	margin-top: 10px;
	color: #444;
	line-height: 22px;
}

.alamList li .link {
	margin-top: -15px;
}

.alamList li .link .btn {
	min-width: 115px;
}

.alamList li.noMsg {
	text-align: center;
	font-size: 13px;
	padding-top: 100px;
	background: #fff url(../img/ico_noalam.png) no-repeat center 40px;
	background-size: 47px;
	height: 155px;
	box-sizing: border-box;
	font-weight: 400;
}

.similarView span.off {
	display: inline-block;
	;
}

.similarView span.on {
	display: none;
}

.similarView.active span.on {
	display: inline-block;
}

.similarView.active span.on {
	display: inline-block;
}

.similarView.active span.off {
	display: none;
}

.similarView img {
	transition: all 0.2s ease;
	margin-left: 2px;
}

.similarView.active img {
	transform: rotateZ(180deg);
}

.downRange {
	background-color: #f6f6f6;
	padding-bottom: 40px;
	padding-top: 20px;
}

.check-all {
	display: inline-block;
    font-size: 13px;
    vertical-align: middle;
    color: #444444;
    font-weight: 400;
}

.check-all:before {
    content: "";
    display: inline-block;
    width: 18.5px;
    height: 17px;
    box-sizing: border-box;
    vertical-align: top;
    position: relative;
    background: url(../img/bg_checkbox02.png) no-repeat 0 0;
    background-size: 17px auto;
    position: relative;
    top: -1px;
}

.check-all.active:before {
	background-position: 0 -17px;
    background-size: 17px auto;
}

.rangeList {
	margin-bottom:15px;
}

.rangeList li {
	margin-top: 15px;
}

.rangeList li button {
	background-color: #fff;
	width: 100%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
	font-size: 15px;
	color: #111;
	text-align: left;
	min-height: 45px;
	border-radius: 3px;
	padding-left: 30px;
	position: relative;
	padding-right: 65px;
	line-height: 22px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 15px;
	border: 1px solid #fff;
}

.rangeList li button:after {
	content: "";
	display: block;
    width: 18.5px;
    height: 17px;
	background: url(../img/bg_checkbox02.png) no-repeat 0 0;
	background-size: 17px auto;
	right: 15px;
	top: 50%;
	position: absolute;
	margin-top: -8.5px;
}

.rangeList li button .num {
	position: absolute;
	line-height: 22px;
	left: 15px;
}

.rangeList li button.active {
	border-color: #4272D2;
	border: 1px solid #4272D2;
	background-color:#ecf1f9;
}

.rangeList li button.active:after {
	background-position: 0 -17px;
    background-size: 17px auto;
}

.listFolding {
	margin-top: 15px;
}

.listFolding li button {
	color: #111;
	font-size: 16px;
	font-weight: 700;
}

.foldingCon {
	margin: 0 -15px;
	text-align: center;
	padding: 30px 0 40px 0;
}

.foldingCon .zoom {
	padding-bottom: 15px;
}

.time-limit {
	background-color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
}

.time-limit .time {
	float: left;
	font-size: 15px;
}

.time-limit .time b {
	font-size: 20px;
	color: #111;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
}

.time-limit .quizNum {
	float: right;
	font-size: 15px;
	color: #999999;
}

.time-limit .quizNum b {
	color: #437ddb;
}

.time-limit .quizNumAll {
	float: right;
	font-size: 15px;
	color: #757575;
}

.quizContents {
	background-color: #f6f6f6;
	padding-top: 20px;
	padding-bottom: 30px;
}

.quizBlock {
	background-color: #fff;
	border-radius: 5px;
	padding: 20px 0;
}

.quizBlock .timeout {
	padding: 40px 0;
	text-align: center;
	font-weight: 300;
	line-height: 25px;
	font-size: 20px;
}

.quizBlock .timeout img {
	display: block;
	margin: auto;
	margin-bottom: 15px;
}

.quizBlock .num {
	color: #111;
	font-size: 14px;
	padding-left: 15px;
	font-weight: bold;
	margin-bottom: 8px;
}

.quizBlock .quiz {
	text-align: center;
}

.quizBlock .quiz img {
	width: 100%;
	max-width: 466px;
}

.quizCaution {
	border: 1px solid #4656a7;
	margin: 15px;
	margin-bottom: 0;
	font-size: 12px;
	color: #4656a7;
	line-height: 18px;
	padding: 12px;
	padding-left: 37px;
	background: url(../img/ico_quizCaution.png) no-repeat 14px 12px;
	background-size: 17px;
	border-radius: 3px;
}

.quizFailBlock .quizBlock {
	padding-top: 0;
	padding-bottom: 30px;
}

.couponListArea {
	background-color: #f6f6f6;
	padding: 20px 0;
}

.couponListArea li {
	margin-top: 15px;
	background: url(../img/bg_coupon_default.png) no-repeat right top;
	height: 100px;
	background-size: auto 100px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.couponListArea li:first-child {
	margin-top: 0px;
}

.couponListArea li a {
	display: block;
	padding: 16px 15px;
}

.couponListArea li a dt {
	font-size: 17px;
	color: #111111;
	margin-bottom: 8px;
}

.couponListArea li a dt span.new {
	background: #437de0;
	border-radius: 10px;
	padding: 3px 13px;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	vertical-align: top;
	line-height: 18px;
}

.couponListArea li a dd {
	font-size: 13px;
	color: #111111;
	line-height: 20px;
}
.couponListArea li.coupon_prego1 a {
    background: url(../img/ico_coupon_prego1.png) no-repeat right 22px center;
    background-size: 49px auto;
}
.couponListArea li.coupon_high a {
    background: url(../img/ico_coupon_high.png) no-repeat right 20px center;
    background-size: 48px auto;
}

.couponListArea li.coupon_mid a {
	background: url(../img/ico_coupon_mid.png) no-repeat right 22px center;
	background-size: 48px auto;
}

.couponListArea li.coupon_soopring a {
    background: url(../img/ico_coupon_soopring.png) no-repeat right 22px center;
    background-size: 48px auto;
}

.couponListArea li.coupon_teacher a {
	background: url(../img/ico_coupon_teacher.png) no-repeat right 22px center;
	background-size: 57px auto;
}

.couponListArea li.coupon_subject a {
	background: url(../img/ico_coupon_subject.png) no-repeat right 22px center;
	background-size: 46px auto;
}

.couponListArea li.coupon_point a {
	background: url(../img/ico_coupon_point.png) no-repeat right 22px center;
	background-size: 48px auto;
}

/* .couponListArea li:nth-child(1) a{background: url(../img/ico_coupon06.png) no-repeat right 22px center; background-size:49px auto;} */
.couponMsg {
	font-size: 20px;
	color: #111111;
	line-height: 25px;
	font-weight: 300;
	padding: 15px;
	background-color: #fff;
}

.fixedheader {
	height: 55px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 40;
	background-color: #fff;
}

.couponList {
	padding: 20px 0 20px 0;
}

.couponList>.row>ul>li {
	margin-bottom: 15px;
	background: url(../img/bg_coupon_default.png) no-repeat right 50%;
	height: 95px;
	background-size: auto 100px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	position: relative;
	padding-left: 85px;
	display: flex;
	align-items: center;
}

.couponList>.row>ul>li.hitrnpay {
	background: url(/img/ico_recomrnpay.png) no-repeat 62% 10% #fff;
	background-size: auto 40%;
}

.gift-label {
    width: 136px;
    height: 40px;
    padding-top: 5px;
    position: absolute;
    left: 0;
    top: -16px;
    background: url(/img/bg-gift-label.png) no-repeat;
    font-size: 11px;
    line-height: 13px;
    color: #fff;
    text-align: center;
	z-index:9;
}

.couponList>.row>ul>li a {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../img/bg_buy.png) no-repeat;
	width: 107px;
	height: 95px;
	background-size: 107px auto;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	box-sizing: border-box;
	padding-top: 35px;
	letter-spacing: -1px;
}

.couponList>.row>ul>li a small {
	font-size: 12px;
	font-weight: 400;
	margin-left: 2px;
}

.couponList>.row>ul>li .limit {
	width: 65px;
	height: 65px;
	text-align: center;
	border: 1px dotted #e5e5e5;
	border-radius: 50%;
	display: flex;
	align-items: center;
	position: absolute;
	left: 10px;
	top: 15px;
}

.couponList>.row>ul>li .limit p {
	display: block;
	text-align: center;
	width: 100%;
}

.couponList>.row>ul>li .limit span {
	display: block;
	text-align: center;
	font-size: 444px;
	font-size: 12px;
	margin-top: 2px;
}

.couponList>.row>ul>li .limit b {
	color: #e63b1f;
	font-size: 20px;
}

.couponList>.row>ul>li .limit b small {
	font-size: 12px;
}

.couponList>.row>ul>li ul {
	position: relative;
}

/* .couponList>.row>ul>li:nth-child(2) ul.ico_prBest::before {
	width:32px; height:32px;
	content:'';
	background: url(/img/ico_prBest.png) no-repeat;
	background-size: 32px;
	position:absolute; left:114%; top:10%;
} */
.iconallBack {
	padding: 7px 6px 7px 6px;
	/* background: url(/img/allBACKPopup.png) no-repeat; */
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 500;
	color: #fff;
	font-size: 11px;
	background: #2137e1;
	border-radius: 3px;
	background-size: cover;
	position: absolute;
	left: 82px;
	top: -8%;
}

.iconallBack .c_c4fff7 {
	color: #c4fff7;
}

.iconallBack em {
	font-style: italic;
}

.iconallBack::before {
	width: 7px;
	height: 5px;
	content: '';
	background: url(/img/arrow_iconallBack.png) no-repeat;
	background-size: 7px;
	position: absolute;
	left: 16px;
	top: 27px;
}

.couponList>.row>ul>li>ul>li {
	line-height: 19px;
	font-size: 12px;
}

.couponList>.row>ul>li>ul>li span {
	color: #999;
}

.couponPrice {
	background-color: #f6f6f6;
	height: 50px;
	line-height: 50px;
}

.couponPrice span {
	float: left;
	line-height: 50px;
	font-size: 13px;
}

.couponPrice span.price {
	float: right;
	font-size: 20px;
	color: #e63b1f;
	font-weight: 500;
}

.couponPrice span.price b {
	font-weight: 700
}

/*--------------------------------------------------
			 분기결제 이용권
--------------------------------------------------*/
.couponList>.row>ul>li.paybranchlist {
	border: 1px solid #e63b1f;
	border-right: none;
}

.couponList>.row>ul>li.paybranchlist .balloon_fpaybranch {
	width: 56px;
	height: 17px;
	position: absolute;
	left: 14px;
	top: -9px;
	background: url(/img/event/paybranch/balloon_fpaybranch.png) no-repeat;
	background-size: contain;
}

.couponList>.row>ul>li.paybranchlist .bubble_GiftT {
	width: 82px;
	height: 40px;
	position: absolute;
	right: 7px;
	top: -9px;
	background: url(/img/event/paybranch/bubble_GiftTICE.png) no-repeat;
	background-size: contain;
	z-index: 9;
}

.couponList>.row>ul>li.paybranchlist .bubble_GiftT10000 {
	width: 77px;
	height: 43px;
	position: absolute;
	right: 7px;
	top: -9px;
	background: url(/img/event/paybranch/bubble_GiftTICE10000.png) no-repeat;
	background-size: contain;
	z-index: 9;
}

.couponList>.row>ul>li.paybranchlist .bubble_GiftT20000 {
	width: 77px;
	height: 43px;
	position: absolute;
	right: 7px;
	top: -9px;
	background: url(/img/event/paybranch/bubble_GiftTICE20000.png) no-repeat;
	background-size: contain;
	z-index: 9;
}

.pointArea {
	background-color: #f6f6f6;
	padding: 20px 0;
}

.pointArea li {
	margin-top: 15px;
}

.pointArea li a {
	display: block;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	padding: 15px;
	position: relative;
	height: 100px;
	position: relative;
}

.pointArea li a dt {
	font-weight: 500;
	font-size: 17px;
	color: #111111;
	padding-bottom: 8px;
}

.pointArea li a dd {
	font-size: 13px;
	font-weight: 500;
	margin-top: 5px;
}

.pointArea li a dd span {
	display: inline-block;
	width: 100px;
}

.pointArea li a b {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -10px;
	font-size: 18px;
}

.pointArea li a span.discount {
	position: absolute;
	right: 100px;
	top: 50%;
	margin-top: -10px;
	font-size: 18px;
	text-decoration: line-through
}

.pointArea li a span.normal {
	position: absolute;
	right: 100px;
	top: 50%;
	margin-top: -10px;
	font-size: 18px;
	text-decoration: line-through
}

.cautionConBlock {
	padding-bottom: 25px;
}

.cautionConBlock dl {
	margin-top: 25px;
}

.cautionConBlock dl dt {
	font-size: 14px;
	color: #111111;
	font-weight: 500;
	margin-bottom: 10px;
}

.cautionConBlock dl dd {
	line-height: 22px;
	font-weight: 300;
}

.cautionConBlock dl dd li {
	line-height: 22px;
	font-weight: 300;
}

.link_under {
	text-decoration: underline !important;
	font-weight: 400;
}

.paymentBlock:first-child {
	padding-top: 0;
}

.paymentBlock {
	padding: 10px 0;
}

.paymentBlock .blockHeader {
	padding: 20px 15px;
	position: relative;
	font-size: 17px;
}

.paymentBlock .blockHeader span.num {
	font-weight: 500;
}

.paymentBlock .blockHeader button {}


.paymentBlock .blockHeader .toggle {
	display: block;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4.5px;
	transition: all 0.2s ease;
}

.paymentBlock .blockHeader .toggle.active {
	transform: rotateZ(180deg)
}

.paymentBlock .blockHeader .toggle img {
	float: left;
}

.paymentBlock .blockHeader.active .toggle {
	background-position: 0 -17px;
}

.paymentBlock .blockHeader .num {
	position: absolute;
	right: 45px;
	color: #437ddb;
}

.paymentBlock .blockHeader .policy label {
	font-size: 17px !important;
	color: #444444;
}

.paymentBlock .blockHeader .policy label:before {
	top: 1px;
}

.paymentBlock .blockHeader .policyMsg {
	padding-left: 25px;
	font-size: 13px;
	margin-top: 8px;
	font-weight: 300;
}

.paymentBlock .toggleCon {}

.couponType .title {
	padding: 10px 0;
	font-size: 15px;
	color: #111;
}

.couponCon {
	margin-bottom: 15px;
	background: url(../img/bg_coupon_default.png) no-repeat right 50%;
	height: 95px;
	background-size: auto 100px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	position: relative;
	padding-left: 85px;
	display: flex;
	align-items: center;
}

.couponCon .priceBlock {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../img/bg_couponRight.png) no-repeat;
	width: 107px;
	height: 95px;
	background-size: 107px auto;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	box-sizing: border-box;
	padding-top: 35px;
	letter-spacing: -1px;
}

.couponCon .priceBlock .price {
	font-size: 20px;
}

.couponCon .priceBlock .select {
	font-size: 12px;
	font-weight: 300;
	margin-top: 10px;
}

.couponCon .priceBlock .select b {
	margin-left: 5px;
}

.couponCon .priceBlock small {
	font-size: 12px;
	font-weight: 400;
	margin-left: 2px;
}

.couponCon .limit {
	width: 65px;
	height: 65px;
	text-align: center;
	border: 1px dotted #e5e5e5;
	border-radius: 50%;
	display: flex;
	align-items: center;
	position: absolute;
	left: 10px;
	top: 15px;
}

.couponCon ul li {
	font-size: 12px;
	line-height: 19px;
}

.couponCon .limit p {
	display: block;
	text-align: center;
	width: 100%;
}

.couponCon .limit span {
	display: block;
	text-align: center;
	font-size: 444px;
	font-size: 12px;
	margin-top: 2px;
}

.couponCon .limit b {
	color: #e63b1f;
	font-size: 20px;
}

.couponCon .limit b small {
	font-size: 12px;
}

.kaka-cadlist {
	overflow: hidden;
}

.kaka-cadlist>dt {
	width: 35px;
	float: left;
	clear: left;
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #757575;
}

.kaka-cadlist>dd {
	padding-left: 0;
	margin-left: 35px;
	font-size: 12px;
	line-height: 18px;
}

.mileageUse {
	border-top: 1px solid #dddddd;
	padding: 15px 0;
}

.mileageUse .use {
	padding-bottom: 10px;
	position: relative;
	padding-right: 85px;
}

.mileageUse .use .checkMileage {
	position: absolute;
	right: 0px;
	top: 15px;
}

.mileageUse .use .formUse {
	position: relative;
	padding-left: 60px;
	padding-right: 22px;
}

.mileageUse .use .formUse label {
	position: absolute;
	left: 0;
	top: 15px;
	font-weight: 300;
	font-size: 13px;
}

.mileageUse .use .formUse .txt {
	position: absolute;
	right: 0;
	top: 15px;
	font-weight: 500;
	font-size: 14px;
	color: #111;
}

.mileageUse .use .formUse input[type=number] {
	background: none;
	text-align: right;
}

.mileageUse .use .formUse .my {
	text-align: right;
	font-size: 12px;
	margin-top: 10px;
	color: #757575;
}

.mileageUse .use.disabled {
	opacity: 0.5;
}

.ncouponType>li .mileageUse .use {
	padding-right: 0;
}

.ncouponType .mileageUse {
	position: relative;
	border: none;
	padding: 0;
	overflow: hidden;
}

.paymentSelect {
	padding: 10px 0 20px 0;
}

.cautionBlock.default {
	border-radius: 5px;
	padding: 20px 15px;
	margin-top: 0;
}

.lineBlock {
	border-top: 1px solid #dddddd;
	padding: 15px 0;
}

.priceList li {
	margin-top: 10px;
	color: #757575;
	font-weight: 300;
}

.priceList li:after {
	content: "";
	display: block;
	clear: both;
}

.priceList li:first-child {
	color: #111;
}

.priceList li .tit {
	float: left;
}

.priceList li .num {
	font-weight: 500;
	float: right;
}

.priceList li .link {
	float: right;
	color: #757575;
	text-decoration: underline;
	font-size: 13px;
}

.mileageNum {
	margin-top: 15px;
	border: 1px solid #ededed;
	border-radius: 3px;
	height: 53px;
	line-height: 53px;
	text-align: right;
	padding-right: 20px;
	color: #437ddb;
	font-weight: 500;
	font-size: 18px;
	background: url(../img/ico_mileage.png) no-repeat 20px center;
	background-size: 35px auto;
}

.paymentInfo {
	border-top: 1px solid #bababa;
	padding-bottom: 10px;
}

.paymentInfo ul {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}

.paymentInfo li {
	color: #111;
	margin-top: 15px;
	line-height: 100%;
}

.paymentInfo li:after {
	content: "";
	display: block;
	clear: both;
}

.supringDetail {
	background-color: #fff;
	padding: 15px 0 30px 0;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.04);
}

.ico_down_btn {
	padding-right: 15px;
	font-weight: 500;
	display: inline-block;
	text-align: center;
	border: 1px solid #999999;
	border-radius: 3px;
	height: 37px;
	font-size: 12px;
	color: #757575;
	background-color: #fff;
	box-sizing: border-box;
	padding-top: 3px;
	width: 100px;
	box-sizing: border-box;
	position: relative;
	font-weight: 500;
}

.ico_down_btn:after {
	content: "";
	display: block;
	width: 22px;
	height: 22px;
	border-radius: 3px 0 0 0;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../img/ico_downCheck.png) no-repeat 50% 0%;
	background-size: 22px auto;
	background-color: #000;
}

.ico_down_btn.hwp {
	color: #437ddb;
	border-color: #437ddb;
}

.ico_down_btn.hwp:after {
	background-color: #437ddb;
}

.ico_down_btn.pdf {
	color: #e33626;
	border-color: #e33626;
}

.ico_down_btn.pdf:after {
	background-color: #e33626;
}

.ico_down_btn.scan {
	color: #444444;
	border-color: #444444;
}

.ico_down_btn.scan:after {
	background-color: #444444;
}

.ico_down_btn .num {
	font-weight: 500;
}

.ico_down_btn.active {
	border-color: #437ddb;
	color: #437ddb;
}

.ico_down_btn.active:after {
	background-position: 0 -22px;
}

.subTitle li {
	line-height: 22px;
	color: #111;
}

.autoSearch {
	position: absolute;
	min-height: 250px;
	z-index: 50;
	background-color: #fff;
	border-bottom: 1px solid #f6f6f6;
	width: 100%;
	top: 55px;
	padding-bottom: 50px;
}

.autoSearch ul {
	max-height: calc(100vh - 250px);
	overflow-y: auto;
	margin-top: 30px;
	-webkit-overflow-scrolling: touch;
}

.autoSearch ul li {
	margin-top: 30px;
}

.autoSearch ul li:first-child {
	margin-top: 0px;
}

.autoSearch ul li.noresult {
	text-align: center;
	font-size: 13px;
	padding-top: 80px;
}

.autoSearch ul li a {
	color: #111111;
	display: block;
	background: url(../img/ico_go.png) no-repeat right center;
	background-size: 11px;
}

.search_history {
	font-size: 13px;
}

.search_history dt {
	float: left;
	font-weight: 400;
	color: #757575;
}

.search_history dd {
	float: right;
}

.search_history dd a {
	color: #757575;
	text-decoration: underline;
}

.search_history ul li:after {
	content: "";
	display: block;
	clear: both;
}

.search_history ul li a {
	display: inline-block;
	background: none;
	float: left;
}

.search_history ul li .del {
	float: right;
}

.searchResultBlock {
	padding-top: 20px;
}

.searchResultBlock .resultHead h2 {
	float: left;
	font-size: 17px;
	font-weight: 500;
}

.searchResultBlock .resultHead .more {
	float: right;
	font-size: 13px;
	color: #757575;
	margin-top: 5px;
}

.searchResultBlock .resultHead .more img {
	margin-left: 2px;
	position: relative;
	top: -1px;
}

.searchResultBlock .bbsList li .title {
	padding-right: 0;
}

.memberTop {
	background-color: #f1f3f5;
	text-align: center;
	position: relative;
	padding: 30px 0;
}

.memberTop .userIco {
	width: 70px;
	height: 70px;
	margin: auto;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
	background-size: 70px auto !important;
}

.memberTop .userIco img {
	position: relative;
	top: -70px;
}

.memberTop .userIco.ico_type00 {
	background: url(../img/ico_memberType00.png) no-repeat 0 -70px;
}

.memberTop .userIco.ico_type01 {
	background: url(../img/ico_memberType01.png) no-repeat 0 -70px;
}

.memberTop .userIco.ico_type02 {
	background: url(../img/ico_memberType02.png) no-repeat 0 -70px;
}

.memberTop .userIco.ico_type03 {
	background: url(../img/ico_memberType03.png) no-repeat 0 -70px;
}

.memberTop .userIco.ico_type04 {
	background: url(../img/ico_memberType04.png) no-repeat 0 -70px;
}

.memberTop .userIco.ico_type05 {
	background: url(../img/ico_memberType05.png) no-repeat 0 -70px;
}

.memberTop .userIco.ico_type06 {
	background: url(../img/ico_memberType06.png) no-repeat 0 -70px;
}

.memberTop .name {
	font-size: 20px;
	margin-top: 10px;
}

.memberTop .txt {
	line-height: 17px;
	color: #757575;
	margin-top: 12px;
}

.memberTop p {
	color: #111;
	font-size: 13px;
}

.alamMenu {
	text-align: right;
	position: absolute;
	right: 15px;
	bottom: -14px;
}

.alamMenu a {
	display: inline-block;
	background-color: #fff;
	border: 1px solid #dddddd;
	height: 30px;
	line-height: 15px;
	border-radius: 15px;
	line-height: 28px;
	font-size: 13px;
	padding: 0 15px;
	margin-left: 2px;
}

.labelBtn {
	position: relative;
	padding-left: 60px;
}

.labelBtn span {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 48px;
}

.labelBtn.wide {
	padding-left: 135px;
}

.labelBtn.wide span {
	left: 10px;
}

.setupcatogory {
	font-size: 13px;
	color: #111111;
	background-color: #f6f6f6;
	padding-left: 10px;
	line-height: 30px;
}

.noMsgBlock {
	margin-top: 15px;
	display: block;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	text-align: center;
	font-size: 13px;
	padding-top: 40px !important;
	height: 155px;
	box-sizing: border-box;
	font-weight: 400;
}

.noMsgBlock img {
	width: 47px;
	display: block;
	margin: auto;
	margin-bottom: 15px;
}

.myCoupon {
	background: url(../img/bg_coupon-s.png) no-repeat right center;
	background-size: 25px auto;
}

.myCoupon .title {
	font-size: 17px !important;
}

.myCoupon .limit {
	font-size: 13px;
	margin-top: 5px;
	color: #437ddb;
}

.myCoupon .limitNum {
	margin-top: 12px;
}

.myCoupon .limitNum li {
	font-size: 13px;
	color: #111;
	line-height: 18px;
}

.myCoupon .limitNum li b {
	color: #437ddb;
}

.myCoupon .limitNum li span {
	color: #757575;
}

.myCoupon .option {
	font-size: 13px;
	color: #111111;
	position: absolute;
	right: 40px;
	bottom: 15px;
}

.bbsList .dateTop {
	position: absolute;
	right: 15px;
	top: 20px;
	font-size: 12px;
	color: #757575;
}

.testBlock {
	padding: 5px 0;
}

.testBlock .test img {
	width: 100%;
	display: block;
	margin: auto;
	max-width: 466px;
}

.testBlock .test.answer {
	display: none;
	margin-top: 30px;
}

.result-btn img {
	transition: all 0.2s ease;
	position: relative;
	top: -1px;
	transform: rotateZ(180deg);
	margin-left: 2px;
}

.result-btn.active img {
	transform: rotateZ(0deg);
}

.pointall {
	border: 1px solid #ededed;
	padding: 14px 23px;
	border-radius: 3px;
}

.pointall p {
	position: relative;
	font-size: 15px;
	color: #111;
	font-weight: 500;
	padding-left: 40px;
}

.pointall p::before {
	content: '';
	position: absolute;
	top: -5px;
	left: 0;
	width: 29.5px;
	height: 27px;
	background: url(../img/ico_mypoint.png) no-repeat center center;
	background-size: 29.5px auto;
}

.pointall p strong {
	color: #437ddb;
}

.pointInfo {
	border: 1px solid #ededed;
	border-radius: 5px;
	display: table;
	width: 100%;
	height: 70px;
}

.pointInfo li {
	width: 33.333%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.pointInfo li:after {
	position: absolute;
	content: "";
	display: block;
	width: 1px;
	height: 45px;
	background-color: #ededed;
	right: 0;
	top: 12px;
}

.pointInfo li:last-child:after {
	display: none;
}

.pointInfo li span {
	display: block;
	margin-bottom: 8px;
}

.pointInfo li b {
	font-size: 18px;
	color: #111111;
}

.pointInfo2 {
	border-radius: 5px;
}

.pointInfo2 li {
	float: left;
	text-align: center;
	width: 30%;
	margin: 0 1.5% 9%;
	border: 1px solid #ededed;
	height: 115px;
	position: relative;
	padding-top: 15px;
}

.pointInfo2 li>a {
	display: block;
}

.pointInfo2 li:last-child {}

.pointInfo2 li span {
	display: block;
	margin-bottom: 12px;
}

.pointInfo2 li b {
	display: block;
	margin-top: 12px;
	font-size: 18px;
}

.pointInfo3 {
	border: 1px solid #ededed;
	border-radius: 5px;
	display: table;
	width: 100%;
	height: 45px;
}

.pointInfo3 li {
	width: 100%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.pointInfo3 li:after {
	position: absolute;
	content: "";
	display: block;
	width: 1px;
	height: 45px;
	background-color: #ededed;
	right: 0;
	top: 12px;
}

.pointInfo3 li>a {
	display: block;
	font-size: 14px;
	color: #111111;
	text-align: center;
}

.pointInfo3 li>a img {
	margin-right: 10px;
	vertical-align: bottom;
}

.pointInfo3 li span {
	display: block;
	margin-bottom: 8px;
}

.pointInfo3 li b {
	font-size: 18px;
	color: #111111;
}


.mileageInfo {
	border: 1px solid #ededed;
	border-radius: 3px;
	padding-left: 24px;
	height: 55px;
	line-height: 53px;
	font-size: 18px;
	color: #437ddb;
	font-weight: 500;
}

.mileageInfo img {
	margin-right: 15px;
}

.failReport {
	background-color: #f1f4f7;
	padding: 15px;
	border-radius: 5px;
}

.failReport .failTitle {
	font-size: 15px;
	color: #111;
}

.failReport .failTitle span {
	display: inline-block;
	background-color: #fff;
	color: #111;
	border: 1px solid #ededed;
	width: 40px;
	height: 22px;
	line-height: 20px;
	border-radius: 11px;
	text-align: center;
	margin-right: 7px;
}

.qnaContents .answer .fileList {
	background-color: #f1f4f7;
	padding: 30px 0px;
	border-bottom: 0;
	border-top: 1px solid #e5e8ec;
	margin-top: 30px;
}

.qnaContents .answer .answerDate {
	position: absolute;
	right: 15px;
	top: 10px;
	color: #757575;
	font-size: 12px;
}

.failReportView {
	background-color: #fff;
	padding: 20px 0 50px 0;
}

.failReportView .reportBlock {
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 15px;
	position: relative;
}

.failReportView .reportBlock .date {
	position: absolute;
	right: 15px;
	top: 10px;
	font-size: 12px;
	color: #757575;
	line-height: 100%;
}

.failReportView .reportBlock .title {
	line-height: 22px;
	font-size: 15px;
	color: #111111;
	font-weight: 500;
}

.failReportView .reportQ {
	border-top: 1px solid #ededed;
	margin-top: 15px;
	padding-top: 25px;
	color: #111;
	line-height: 22px;
	padding-left: 47px;
	position: relative;
}

.failReportView .reportQ .ico_tag {
	position: absolute;
	left: 0;
}

.myDefault {
	border: 1px solid #ededed;
	border-radius: 5px;
	height: 44px;
	line-height: 42px;
}

.myDefault li {
	float: left;
	width: 50%;
	line-height: 42px;
	padding-left: 20px;
	font-size: 12px;
	position: relative;
}

.myDefault li b {
	margin-left: 10px;
	color: #111;
	display: inline-block;
	font-size: 13px;
}

.myDefault li:first-child:after {
	position: absolute;
	right: 0;
	top: 10px;
	width: 1px;
	content: "";
	display: block;
	height: 24px;
	background-color: #ededed;
}

input[type=checkbox].slide-checkbox+label {
	width: 34px;
	height: 14px;
	border-radius: 7px;
	background-color: #bcbcbc;
	text-indent: -9999px;
	position: relative;
}

input[type=checkbox].slide-checkbox+label:before {
	width: 20px;
	height: 20px;
	background: none;
	background-color: #999999;
	position: absolute;
	left: 0;
	border-radius: 50%;
	top: -3px;
	margin: 0;
	transition: all 0.1s linear;
}

input[type=checkbox].slide-checkbox:checked+label {
	background-color: #83a9e7;
}

input[type=checkbox].slide-checkbox:checked+label:before {
	margin-left: 14px;
	background-color: #437ddb;
}

.bbsList.eventList li {
	padding: 5px;
}

.bbsList.eventList li a {
	display: block;
}

.bbsList.eventList li a img {
	width: 100%;
}

.bbsList>li .thumb {
	position: absolute;
	right: 6px;
	top: 15px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #eeeeee;
}

.bbsList>li .thumb img {
	width: 100%;
}

.iframeBlock {
	width: 100%;
	z-index: 1;
	height: calc(100vh - 103px);
}

.addPhoto {
	display: block;
	text-align: center;
	border: 1px solid #dddddd;
	border-radius: 3px;
	width: 100%;
	height: 38px;
	color: #757575;
}

.photoList li {
	margin-top: 15px;
	background-color: #f1f4f7;
	border-radius: 3px;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	padding-right: 80px;
	position: relative;
}

.photoList li button {
	position: absolute;
	height: 40px;
	width: 40px;
	right: 0;
	top: 0;
}

.indexBanner {
	position: relative;
}

.indexBanner li img {
	width: 100%;
}

.indexBanner .bx-controls {
	width: 70px;
	height: 21px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.85);
	text-align: center;
	padding: 0 10px;
	border-radius: 10.5px;
	float: right;
	margin-top: -95px;
	position: relative;
	margin-right: 15px;
}

.indexBanner .bx-controls .bx-controls-auto {
	display: inline-block;
}

.indexBanner .bx-controls .bx-pager {
	display: inline-block;
	color: #757575;
	font-size: 14px;
	float: left;
	margin-top: 3px;
}


.indexBanner .bx-controls .bx-pager span {
	font-weight: 500;
	color: #fff;
	display: inline-block;
}

.indexBanner .bx-controls .bx-controls-auto {
	display: inline-block;
	float: right;
	vertical-align: top;
	margin-top: 4px;
}

.indexBanner .bx-controls .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
}

.indexBanner .bx-controls .bx-controls-auto .bx-controls-auto-item:first-child {
	display: none;
}

.indexBanner .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start {
	background: url(../img/ico_banner_play.png) no-repeat 50% 50%;
	width: 7px;
	height: 11px;
	background-size: 7px auto;
	overflow: hidden;
	display: inline-block;
	text-indent: -9999px;
}

.indexBanner .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop {
	background: url(../img/ico_banner_stop.png) no-repeat 50% 50%;
	width: 6px;
	height: 11px;
	background-size: 6px auto;
	overflow: hidden;
	display: inline-block;
	text-indent: -9999px;
}

.indexBanner .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop.active {}

.bannerSecondBlock {
	background-color: #fff;
	height: 197px;
	position: relative;
	z-index: 10;
}

.bannerSecondBlock .bannerArea {
	background-color: #fff;
	margin-left: 20px;
	border-radius: 10px 0 0 10px;
	box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.1);
	height: 200px;
	top: -60px;
	z-index: 10;
	padding: 30px 15px 0 10px;
	position: relative;
}

.bannerSecondBlock .title {
	font-size: 15px;
	color: #111;
	background: url(../img/bg_titleBanner.png) no-repeat 2px bottom;
	background-size: 115px auto;
	padding-left: 10px;
	margin-left: -10px;
	margin-bottom: 23px;
	font-weight: 600;
}

.bannerSecondBlock .summery {
	padding-left: 60px;
	font-size: 14px;
	color: #111;
	line-height: 24px;
	font-weight: 400;
}

.bannerSecondBlock .btnType {
	padding-left: 60px;
	margin-top: 18px;
}

.bannerSecondBlock .btnType a {
	display: inline-block;
	width: 90px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #8a5de6;
	text-align: center;
	font-weight: 500;
	border-radius: 15px;
	color: #fff;
	transition: none;
	position: relative;
	z-index: 100;
}

.bannerSecondBlock .btnType a:first-child {
	color: #8a5de6;
	margin-right: 25px;
}

.bannerSecondBlock .btnType a:last-child {
	color: #2fa8f5;
	margin-right: 25px;
	border-color: #2fa8f5;
}

.bannerSecondBlock .btnType a:first-child:hover {
	background-color: #8a5de6;
	color: #fff;
}

.bannerSecondBlock .btnType a:first-child.active {
	background-color: #8a5de6;
	color: #fff;
}

.bannerSecondBlock .btnType a:last-child:hover {
	background-color: #2fa8f5;
	color: #fff;
}

.bannerSecondBlock .btnType a:first-child:focus {
	background-color: #8a5de6;
	color: #fff;
}

.bannerSecondBlock .btnType a:last-child:focus {
	background-color: #2fa8f5;
	color: #fff;
}

.bannerSecondBlock .btnType a:last-child.active {
	background-color: #2fa8f5;
	color: #fff;
}

.bannerSecondBlock .banner li {
	padding-left: 17px;
	height: 138px;
}

.bannerSecondBlock .banner li .title.type00 {
	background: url(../img/bg_titleBanner01.png) no-repeat 2px center;
	background-size: 163px auto;
}

.bannerSecondBlock .banner li .summery.type00 {
	background: url(../img/ico_indexBanner00.png) no-repeat left center;
	background-size: 28.5px auto;
}

.bannerSecondBlock .banner li .title.type01 {
	background: url(../img/bg_titleBanner01.png) no-repeat 2px center;
	background-size: 87px auto;
}

.bannerSecondBlock .banner li .summery.type01 {
	background: url(../img/ico_indexBanner01.png) no-repeat left center;
	background-size: 44.5px auto;
}

.bannerSecondBlock .banner li .summery.type02 {
	background: url(../img/ico_indexBanner02.png) no-repeat left center;
	background-size: 38px auto
}

.bannerSecondBlock .banner li .summery.type03 {
	background: url(../img/ico_indexBanner03.png) no-repeat left center;
	background-size: 40.5px auto;
}

.bannerSecondBlock .bx-controls {
	text-align: center;
	margin-top: 55px;
}

.bannerSecondBlock .bx-controls .bx-pager {}

.bannerSecondBlock .bx-controls .bx-pager .bx-pager-item {
	display: inline-block;
	background-color: #ddd;
	vertical-align: top;
}

.bannerSecondBlock .bx-controls .bx-pager .bx-pager-item a {
	width: 50px;
	height: 3px;
	border-radius: 1.5px;
	background-color: #ddd;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.bannerSecondBlock .bx-controls .bx-pager .bx-pager-item a.active {
	background-color: #757575;
}

.reviewArea .row {
	padding: 35px 0px 40px 0px;
}

.reviewArea h2 {
	font-weight: 600;
	color: #111;
	font-size: 15px;
}

.reviewArea .tabType {
	position: absolute;
	right: 0;
	top: 30px;
	width: 106px;
	height: 27px;
	border-radius: 13.5px;
	background-color: #ededed;
	;
}

.reviewArea .tabType li {
	float: left;
	position: relative;
}

.reviewArea .tabType li a {
	display: block;
	height: 27px;
	line-height: 28px;
	text-align: center;
	width: 53px;
	border-radius: 13.5px;
	color: #757575;
	font-size: 13px;
	font-weight: 500;
}

.reviewArea .tabType li.active a {
	color: #fff;
	background-color: #2fa8f5;
}

.reviewArea .tabType li.active:after {
	content: "";
	display: block;
	background-color: #2fa8f5;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	margin-left: -3px;
	top: 37px
}

.reviewArea .tabType li:last-child {
	float: right;
}

.reviewArea .tabType li:first-child.active a {
	background-color: #8a5de6;
}

.reviewArea .tabType li:first-child.active:after {
	background-color: #8a5de6;
}

.reviewRoll {
	margin-top: 35px;
}

.reviewRoll li:after {
	content: "";
	display: block;
	clear: both;
}

.reviewRoll li>.review {
	float: left;
	background-color: #fff;
	width: 49%;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
	height: 190px;
	padding-top: 25px;
	padding-left: 15px;
	padding-right: 15px;
}

.reviewRoll li>.review:last-child {
	float: right;
}

.reviewRoll li .review .ico {
	text-align: center;
	margin-bottom: 20px;
}

.reviewRoll li .review .ico span {
	display: inline-block;
	background-color: #437ddb;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	border-radius: 28px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
	position: relative;
	left: -5px;
}

.reviewRoll li .review .writer {
	text-align: center;
	font-size: 12px;
	color: #757575;
	margin-bottom: 13px;
}

.reviewRoll li .review .writer span {
	display: inline-block;
	background-color: #ddd;
	width: 1px;
	height: 6px;
	margin: 0 6px;
}

.reviewRoll li .review .title {
	display: block;
	font-size: 15px;
	color: #111;
	line-height: 22px;
	font-weight: 500;
}

.reviewRoll li .review .title a {
	display: block;
	color: #111;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-wrod;
	height: 36px;
}

.reviewRoll li .review .rep {
	margin-top: 12px;
	font-size: 12px;
}

.reviewRoll .bx-controls {
	text-align: center;
	margin-top: 25px;
}

.reviewRoll .bx-controls .bx-pager {
	height: 4px;
}

.reviewRoll .bx-controls .bx-pager .bx-pager-item {
	display: inline-block;
	vertical-align: top;
	margin: 0 2px;
}

.reviewRoll .bx-controls .bx-pager .bx-pager-item a {
	width: 4px;
	height: 4px;
	border-radius: 2px !important;
	background-color: #ddd;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.reviewRoll .bx-controls .bx-pager .bx-pager-item a.active {
	background-color: #757575;
	width: 9px;
}

.moreIndex {
	text-align: center;
}

.moreIndex a {
	color: #757575;
}

.skyMento {
	background-color: #545776;
	height: 262px;
	text-align: center;
	padding-top: 35px;
	color: #fff;
}

.skyMento h2 {
	text-align: left;
	color: #fff;
	font-weight: 500;
}

.skyMento .default .txt {
	font-size: 14px;
	color: #fff;
	font-weight: 300;
	line-height: 25px;
	margin-top: 10px;
}

.skyMento .default .txt span {
	color: #ffe059;
}

.skyMento .default .btn_meet {
	margin-top: 15px;
	text-align: center;
}

.skyMento .default .btn_meet a {
	display: inline-block;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	font-size: 13px;
	width: 115px;
	height: 30px;
	line-height: 30px;
	font-weight: 500;
}

.skyMento .repView {
	margin-top: 10px;
}

.skyMento .repView p {
	font-weight: 300;
	font-weight: 14px;
}

.skyMento .repView .repSky {
	margin-top: 15px;
	text-align: center;
}

.skyMento .repView .repSky li {
	display: inline-block;
	margin: 0 5px;
}

.skyMento .repView .repSky li a {
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 10px;
	color: #fff;
	font-weight: 300;
	width: 100px;
	padding: 12px 0;
	line-height: 19px;
	font-size: 13px;
	position: relative;
}

.skyMento .repView .repSky li a:after {
	content: "";
	display: block;
	background-color: #e5e8ec;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	margin-left: -3px;
	top: -3.5px;
}

.skyMento .repView .repSky li a span {
	color: #ffe059;
	font-weight: 500;
}

.usageGuide {
	background-color: #fff;
	padding-top: 35px;
	padding-bottom: 40px;
}

.usageGuide h2 {
	font-weight: 600;
	color: #111111;
	font-size: 15px;
}

.usageGuide ul {
	text-align: center;
}

.usageGuide ul li {
	float: left;
	width: 33.33%;
	text-align: center;
}

.usageGuide ul li a {
	display: block;
	font-size: 12.5px;
	line-height: 18px;
	color: #111111;
	font-weight: 400;
}

.usageGuide ul li a img {
	display: block;
	margin: auto;
	margin-bottom: 13px;
}

.indexNoticeArea {
	padding-top: 35px;
	padding-bottom: 20px;
	background-color: #fff;
}

.indexNoticeArea h2 {
	border-bottom: 1px solid #dddddd;
	padding: 0 15px;
	padding-bottom: 15px;
}

.indexnoticeList li {
	border-bottom: 1px solid #f6f6f6;
	padding: 12px 15px;
}

.indexnoticeList li a {
	display: block;
	font-size: 14px;
	color: #111;
	line-height: 22px;
	font-weight: 300;
}

.indexnoticeList li a span.date {
	display: block;
	font-size: 12px;
	color: #757575;
	margin-top: 5px;
	font-weight: 400;
}

.customerBlock {
	background-color: #fff;
}

.customerBlock ul li {
	float: left;
	width: 25%;
}

.customerBlock ul li a {
	display: block;
	text-align: center;
	font-size: 12px;
	padding-top: 53px;
	height: 83px;
}

.customerBlock ul li:nth-child(1) a {
	background: url(../img/ico_customer01.png) no-repeat center 20px;
	background-size: 22px auto;
}

.customerBlock ul li:nth-child(2) a {
	background: url(../img/ico_customer02.png) no-repeat center 20px;
	background-size: 27px auto;
}

.customerBlock ul li:nth-child(3) a {
	background: url(../img/ico_customer03.png) no-repeat center 20px;
	background-size: 28px auto;
}

.customerBlock ul li:nth-child(4) a {
	background: url(../img/ico_customer04.png) no-repeat center 20px;
	background-size: 21px auto;
}

.footer {
	padding: 15px 0;
}

.footer p {
	font-size: 10.5px;
	color: #5e5e5e;
	;
	line-height: 15px;
}

.quizAnswerList {
	padding-bottom: 15px;
	padding-top: 15px;
}

.quizAnswerList:first-child {
	margin-top: 15px;
}

.quizAnswerList:nth-child(even) {
	background-color: #f1f3f5;
}

.quizAnswerList dl {
	margin-top: 25px;
}

.quizAnswerList dl:first-child {
	margin-top: 0;
}

.quizAnswerList dl:after {
	content: "";
	display: block;
	clear: both;
}

.quizAnswerList dl dt {
	float: left;
	text-align: center;
	width: 35px;
	font-size: 21px;
	font-weight: 500;
	line-height: 34px;
}

.quizAnswerList dl dd {
	float: right;
	width: calc(100% - 35px);
}

.quizAnswerList dl dd ul:after {
	content: "";
	display: block;
	clear: both;
}

.quizAnswerList dl dd ul li {
	float: left;
	width: 20%;
	text-align: right;
}

.quizAnswerList dl dd ul li button {
	width: 34px;
	height: 34px;
	border: 1px solid #dddddd;
	border-radius: 50%;
	color: #999999;
	font-size: 18px;
	background-color: #fff;
}

.quizAnswerList dl dd ul li button.active {
	color: #fff;
	background-color: #437ddb;
	border-color: #437ddb;
}

.quizAnswerList dl dd ul li.numberNo {
	width: 100%;
}

.quizAnswerList dl dd ul li.numberNo input {
	padding: 0 3% 0 3%;
}

.quizAnswerList dl dd ul li.numberNo p {
	font-size: 16px;
	color: #bababa;
	border: 1px solid #dddddd;
	text-align: center;
	width: 100%;
	background-color: #fff;
	font-weight: 300;
	border-radius: 17px;
	height: 34px;
	line-height: 34px;
	float: right;
	width: calc((100vw - 65px) / 5 * 4 + 34px);
}

.policyArea {
	padding-bottom: 25px;
}

.policyArea p {
	line-height: 22px;
	margin-top: 10px;
}

.policyArea h2 {
	margin-top: 20px;
	color: #111;
}

.policyArea .mt10 {
	margin-top:10px;
	position:relative;
}

.policyArea .pl10 {
	display:block;
	padding-left:10px;
	line-height: 22px;
}

.comprivate {
	height:55px;
	position:absolute;
	left:0;
	top:-55px;
}

.table-policy {
	font-size: 13px;
	border-top: 1px solid #bababa;
	margin-top: 10px;
}

.table-policy th {
	background-color: #f6f6f6;
	font-weight: 400;
	text-align: center;
	padding: 10px 0;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

.table-policy thead tr th:first-child,
.table-policy tbody tr td:first-child,
.table-policy tbody tr th:first-child {
	border-left: 0;
}

.table-policy tbody td {
	text-align: center;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	padding: 8px 0;
}

.table-policy .td-left {
	padding-left:10px;
	text-align: left !important;
}

.bookmark {
	width:100%;
	padding:10px;
	background:#f6f6f6;
}

.bookmark>li {
	line-height:25px;
}

.bookmark>li>a {
	font-size:13px;
	color:#111;
	font-weight:500;
}

.errorPage {
	text-align: center;
	height: 100vh;
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
}

.errorPage p.ico {
	margin-bottom: 18px;
}

.errorPage p.txt {
	font-size: 20px;
	font-weight: 300;
	line-height: 25px;
}

.loading {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 200;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading img {
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
}

.footerMenu {
	margin-top: 15px;
	font-size: 9.5px;
	display: flex;
	justify-content: space-between;
}

.footerMenu li {
	text-align: center;
}

.footerMenu li a {
	color: #5e5e5e;
}

.scrollTable {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

caption {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
}

.issueTb {
	padding: 0;
	border-spacing: 0;
	border: 0;
	table-layout: fixed;
	font-size: 12px;
	min-width: 780px;
}

.issueTb .brLBN {
	border-left: none !important;
}

.issueTb .brLRN {
	border-right: none !important;
}

.issueTb .sLight {
	font-weight: normal !important;
}

.issueTb .sBold {}

.issueTb .tALeft {
	padding-left: 8px;
	text-align: left !important;
}

.issueTb .c_23bed0 {
	color: #437ddb !important;
	font-weight: bold !important;
}

.issueTb .c_e80705 {
	color: #e63b1f !important;
}

.issueTb thead {
	height: 40px;
	background: #fbfbfb;
}

.issueTb thead th {
	font-size: 12px;
	text-align: center;
}

.issueTb th,
.issueTb td {
	padding: 10px 0 10px 0;
	border: 1px solid #dfdfdf;
}

.issueTb thead th.last {
	background: none;
}

.issueTb .ta_left {
	padding-left: 10px;
}

.issueTb .priceimpo {
	font-weight: bold;
	color: #ff0000;
}

.issueTb tbody tr th {
	text-align: center;
	color: #333;
	padding-left: 10px;
	padding-right: 10px;
}

.issueTb tbody tr td {
	text-align: center;
	font-size: 12px;
	color: #555;
	line-height: 23px;
}

.issueTb tbody tr td img {
	width: 10px;
}

.showhide-tab-con {
	padding-bottom: 40px;
}

.showhide-tab-con .tab-con {
	display: none;
}

.showhide-tab-con .tab-con:first-child {
	display: block;
}

.guideBtn {}

.guideBtn a {
	display: inline-block;
	border-radius: 3px;
	height: 38px;
	border: 1px solid #8a5de6;
	width: 49%;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 38px;
}

.guideBtn a:first-child {
	float: left;
	color: #8a5de6;
	border-color: #8a5de6;
}

.guideBtn a:last-child {
	float: right;
	color: #2fa8f5;
	border-color: #2fa8f5;
}

.bbsList.checkList>li {
	border: 1px solid #fff;
}

.bbsList>li .check {
	display: block;
	width: 23.5px;
	height: 16.5px;
	background: url(../img/ico_check_default_b.png) no-repeat;
	background-size: 23.5px auto;
	position: absolute;
	right: 15px;
	top: 17px;
}

.bbsList>li.active {
	border: 1px solid #437ddb;
}

.bbsList>li.active .check {
	display: block;
	width: 23.5px;
	height: 16.5px;
	background: url(../img/ico_check_b.png) no-repeat;
	background-size: 23.5px auto;
	position: absolute;
	right: 15px;
	top: 17px;
}

.bbsList>li.active .btn-blueLine {
	background-color: #437ddb;
	color: #fff !important;
}

.bbsList>li.active .btn-grayLine {
	background-color: #437ddb;
	color: #fff !important;
	border-color: #437ddb;
}

button:disabled {
	opacity: 0.4;
}

.underline {
	text-decoration: underline !important;
}

.myNumber {
	border: 1px solid #ededed;
	border-radius: 5px;
	height: 48px;
	display: flex;
	font-size: 13px;
}

.myNumber dt {
	width: 110px;
	line-height: 48px;
	position: relative;
	text-align: center;
	font-weight: 400;
}

.myNumber dd {
	width: calc(100% - 110px);
	line-height: 48px;
	padding-left: 20px;
	position: relative;
	font-weight: 600;
}

.myNumber dt:after {
	position: absolute;
	right: 1px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	content: "";
	display: block;
	height: 15px;
	background-color: #ededed;
}

.player {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #000000;
}

.btnClose {
	position: fixed;
	right: 0;
	top: 10px;
	z-index: 9999;
	border: none;
	background-color: transparent;
	appearance: none;
}

.bbsList li .listMenu {
	position: absolute;
	right: 0;
	top: 14px;
}

.lh20 {
	line-height: 20px;
}

.test-range {
	padding-top: 30px;
	background-color: #f6f6f6;
	border-top: 1px solid #ededed;
	padding-bottom: 30px;
}

.test-range h2 {
	font-size: 13px;
	color: #757575;
	font-weight: 600;
	margin-bottom: 8px;
}

.test-range .subject {
	font-size: 16px;
	color: #111111;
	margin-top: 15px;
}

.test-range select {}

.pageRange .range {
	float: left;
	width: 45%;
	position: relative;
}

.pageRange .range span {
	font-size: 16px;
	font-weight: 500;
	position: absolute;
	right: 0;
	line-height: 48px;
}

.pageRange input {
	font-size: 16px;
	color: #111111;
	padding-right: 20px;
}

.pageRange input:last-of-type {
	float: right;
}

.pageRange em {
	font-style: normal;
	text-align: center;
	width: 10%;
	float: left;
	line-height: 48px;
}

.closeSubject {
	text-align: right;
	margin-bottom: 15px;
	margin-top: -10px;
}

.add-form {
	margin-top: 20px;
	margin-bottom: 0;
}

/*--------------------------------------------------
				개인정보처리방침 셀렉트박스
--------------------------------------------------*/
.existingBox {
	text-align: right;
	margin-right: 2%;
}

.existingBox select {
	height: auto;
	padding: 1.5%;
}

/*--------------------------------------------------
				개인정보 제3자 제공 업체
--------------------------------------------------*/
.affiliatePopupCall,
.affiliatePopupCall:hover {
	color: #005cd7;
	font-weight: 700;
	border-bottom: 1px solid #005cd7;
}

.dimfullFixed {
	position: fixed;
	z-index: 998;
	background-color: #000;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	opacity: 0.7;
	filter: Alpha(opacity=40);
	display: none;
}

.affiliatePopup {
	width: 322px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -170px 0 0 -161px;
	display: none;
	z-index: 999;
}

.affiliateTopttl {
	font-size: 13px;
	line-height: 18px;
	color: #000;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 500;
}

.affiliateBox {
	padding: 14px 23px 18px 18px;
	margin-top: 8px;
	font-size: 13px;
	line-height: 21px;
	background: #f4f4f4;
	font-weight: 400;
	color: #444;
}

.affiliatePopup .popCloseBot {
	width: 84px;
	height: 34px;
	margin: 12px auto 0 auto;
	display: block;
	font-size: 13px;
	line-height: 34px;
	border: 1px solid #676767;
	text-align: center;
	font-weight: 500;
	border-radius: 2px;
	color: #000;
	transition: none;
	position: relative;
	z-index: 100;
}

.comPopup .pop_header {
	width: 100%;
	height: 36px;
	background: #3f3f3f;
}

.comPopup .pop_header .ttl {
	padding-left: 21px;
	font-size: 14px;
	line-height: 36px;
	color: #fff;
	font-weight: 400;
}

.comPopup .pop_cnt {
	padding: 20px 22px 27px 22px;
	background: #fff;
}

.comPopup .pop_cnt .pop_cnt_ttl {
	margin-bottom: 17px;
	font-size: 13px;
	color: #3579d4;
	font-weight: 700;
}

.comPopup .popClose {
	width: 16px;
	height: 17px;
	position: absolute;
	right: 18px;
	top: 21px;
	background: url(/img/popClose.png) no-repeat;
	background-size: contain;
}

/*--------------------------------------------------
				faq
--------------------------------------------------*/
.faqTopInfo {
	background: #fff;
}

.faqInfotxt {
	text-align: center;
}

.productInputBox {
	padding: 0 5% 5% 5%;
}

.faqTopInfo .productInput {}

.noresult.faqnoresult {
	text-align: center;
}

.faqEmpha {
	color: #3579d4;
	font-weight: 500;
}

/*--------------------------------------------------
			 비밀번호 변경팝업
--------------------------------------------------*/
.pwchgPopupWrap {
	width: 262px;
	height: 261px;
	margin-left: -131px;
	position: absolute;
	left: 50%;
	top: 99px;
	z-index: 9999;
}

.pwchgPopupDiv {
	width: 262px;
	height: 261px;
	position: relative;
	background: url(/img/pwchgPopup.jpg) no-repeat;
	background-size: contain;
}

.day30none {
	width: 131px;
	height: 33px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(/img/blankRn.png) repeat;
}

.pwchgPopupClose {
	width: 131px;
	height: 33px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(/img/blankRn.png) repeat;
}

.pwchgdimfix {
	display: none;
	position: fixed;
	z-index: 1002;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
}


/*--------------------------------------------------
				코로나19팝업
--------------------------------------------------*/
.coroan19Pop {
	width: 80.55555%;
	position: absolute;
	left: 10%;
	top: 10%;
	z-index: 59;
}

.coroan19Pop .cnt {
	position: relative;
}

.coroan19Pop img {
	width: 100%;
}

.coroan19Pop .corona19Btn {
	width: 35.416666%;
	position: absolute;
	left: 34%;
	bottom: 7%;
	z-index: 99;
}

.coroan19Pop .todayLDiv {
	position: absolute;
	left: 5%;
	bottom: 2%;
}

.coroan19Pop .lyClose {
	position: absolute;
	right: 5%;
	bottom: 2%;
}

/*--------------------------------------------------
				첫결재팝업
--------------------------------------------------*/
.layerBlock {
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
}

.allBACkpopWrap {
	width: 80.55555%;
	position: absolute;
	left: 10%;
	top: 10%;
	z-index: 59;
}

.allBACkpopWrap .cnt {
	position: relative;
}

.allBACkpopWrap img {
	width: 100%;
}

.allBACkpopWrap .todayLDiv {
	padding: 2% 0 2% 33%;
	background: #18216f;
}

.allBACK1 .allBACkpopWrap .todayLDiv {
	background: #000a6c;
}

.allBACkpopWrap .lyClose {
	width: 5.06072%;
	position: absolute;
	right: 3%;
	top: 2%;
}

.allBACkpopWrap .todayLDiv input[type=checkbox]+label {
	color: #fff;
}

.btn_allBACk {
	width: 50%;
	height: 14%;
	background: url(/img/blankRn.png) repeat;
	position: absolute;
	bottom: 0;
	z-index: 999;
}

.btn_allBACkTp0_1 {
	left: 0;
	display: none;
}

.btn_allBACkTp0_2 {
	width: 55%;
	right: 24%;
	bottom: 4.5%;
}

.btn_allBACkTp1_1 {
	width: 56%;
	left: 22%;
	bottom: 4.5%;
}

/*--------------------------------------------------
			 학교별 기출 무료 열람실 안내팝업(ios)
--------------------------------------------------*/
.ios-popup {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1001;
}

.ios-popup:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
}

.ios-popup .ios-cnt {
	width:300px;
	padding:45px 0 0 0;
	background:#fff;
	border:1px solid #3F3F3F;
	left: 50%;
	top: 99px;
	transform: translate(-50%, 0);
	position: absolute;
}

.ios-popup .ios-cnt .title {
	font-size: 18px;
	line-height: 23px;
	color: #4272D2;
	text-align:center;
	font-weight: 700;
}

.ios-popup .ios-cnt .desclist {
	margin:29px 0 36px 0;
}

.ios-popup .ios-cnt .desclist>li {
	margin-top:15px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	color: #555555;
}

.ios-popup .ios-cnt .desclist>li:first-child {
	margin-top:0;
}

.ios-popup .ios-cnt .ios-pop-footer {
	height:40px;
    display: flex;
    justify-content: end;
    align-items: center;
	background:#3F3F3F;
}

.ios-popup .ios-cnt .ios-pop-footer .ios_pop_close {
	padding-left:20px;
	margin-right: 20px;
	font-size: 12px;
	line-height: 40px;
	font-weight: 400;
	color:#fff;
	background: url(/img/ios_pop_close.png) no-repeat 0 center;
}

/*--------------------------------------------------
			 분기결제 팝업
--------------------------------------------------*/
.paybranchPop {
	position: absolute;
	left: 50%;
	top: 99px;
	z-index: 1001;
}

.paybranchPop .paybranchPopCnt {
	position: relative;
}

.nopayPop_student,
.nopayPop_parents,
.payPop_sp46,
.payPop_sp6,
.payPop_sp12,
.payPop_tp1 {
	width: 314px;
	height: 355px;
	margin-left: -157px;
}

.nopayPop_teacher,
.payPop_t6,
.payPop_t46,
.payPop_t12,
.payPop_tp2 {
	margin-left: -147px;
}

.nopayPop_student .paybranchPopCnt {
	width: 314px;
	height: 355px;
	background: url(/img/event/paybranch/nopayPop_student.jpg) no-repeat;
	background-size: contain;
}

.nopayPop_parents .paybranchPopCnt {
	width: 314px;
	height: 355px;
	background: url(/img/event/paybranch/nopayPop_parents.jpg) no-repeat;
	background-size: contain;
}

.nopayPop_teacher .paybranchPopCnt {
	width: 294px;
	height: 315px;
	background: url(/img/event/paybranch/nopayPop_teacher.jpg) no-repeat;
	background-size: contain;
}

.payPop_sp46 .paybranchPopCnt {
	height: 325px;
	background: url(/img/event/paybranch/payPop_sp46.jpg) no-repeat;
	background-size: contain;
}

.payPop_sp6 .paybranchPopCnt {
	height: 325px;
	background: url(/img/event/paybranch/payPop_sp6.jpg) no-repeat;
	background-size: contain;
}

.payPop_sp12 .paybranchPopCnt {
	height: 325px;
	background: url(/img/event/paybranch/payPop_sp12.jpg) no-repeat;
	background-size: contain;
}

.payPop_t46 .paybranchPopCnt {
	width: 294px;
	height: 320px;
	background: url(/img/event/paybranch/payPop_t46.jpg) no-repeat;
	background-size: contain;
}

.payPop_t6 .paybranchPopCnt {
	width: 294px;
	height: 320px;
	background: url(/img/event/paybranch/payPop_t6.jpg) no-repeat;
	background-size: contain;
}

.payPop_t12 .paybranchPopCnt {
	width: 294px;
	height: 320px;
	background: url(/img/event/paybranch/payPop_t12.jpg) no-repeat;
	background-size: contain;
}

.payPop_tp1 .paybranchPopCnt {
	width: 314px;
	height: 345px;
	background: url(/img/event/paybranch/payPop_tp1.jpg) no-repeat;
	background-size: contain;
}

.payPop_tp2 .paybranchPopCnt {
	width: 294px;
	height: 332px;
	background: url(/img/event/paybranch/payPop_tp2.jpg) no-repeat;
	background-size: contain;
}

.paybranchPop .todayLDiv {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -34px;
}

.paybranchPop .todayLDivCnt {
	height: 34px;
	background: #ebc200;
	position: relative;
}

.paybranchPop.paybranchPopTp2 .todayLDivCnt {
	height: 34px;
	background: #d7acca;
	position: relative;
}

.paybranchPop .todayLDiv label {
	margin: 8px 0 0 7px;
	display: inline-block;
	font-size: 0.9em;
	color: #fff;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 400;
	padding-left: 9px;
	cursor: pointer;
}

.paybranchPop input[type=checkbox]+label:before {
	width: 15px;
	height: 15px;
	top: 0;
	background: url(/img/event/paybranch/chbox_pbh15_white.png) no-repeat left 50%;
}

.paybranchPop .todayLDiv input[type="checkbox"]:checked+label {
	background-position: left bottom;
}

.paybranchPop .close_pbPopup {
	width: 15px;
	height: 15px;
	position: absolute;
	right: 11px;
	bottom: -25px;
	background: url(/img/event/paybranch/close_pbPopup.png) no-repeat;
}

.paybranchPop .linkpb {
	width: 168px;
	height: 29px;
	position: absolute;
	left: 73px;
	bottom: 21px;
	background: url(/img/blankRn.png) repeat;
	z-index: 9;
	background-size: contain;
}

/*--------------------------------------------------
			 신규회원 기간제 유도 팝업
--------------------------------------------------*/
.new-induce-pop {
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index: 1001;
}

.new-induce-pop:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
}

.new-induce-pop .layer-popup-content {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1001;
}

#midpop .layer-popup-content {
	width: 500px;
	height: 670px;
	background: url(/img/new-induce-popM.jpg) no-repeat;
	background-size: contain;
}

#highpop .layer-popup-content {
	width: 500px;
	height: 670px;
	background: url(/img/new-induce-popH.jpg) no-repeat;
	background-size: contain;
}

#teacherpop .layer-popup-content {
	width: 500px;
	height: 621px;
	background: url(/img/new-induce-popT.jpg) no-repeat;
	background-size: contain;
}

#parentspop .layer-popup-content {
	width: 500px;
	height: 670px;
	background: url(/img/new-induce-popP.jpg) no-repeat;
	background-size: contain;
}

.new-induce-pop .todayLDiv {
	position: absolute;
	right: 43px;
	top: 18px;
}

.new-induce-pop .todayLDivCnt {
	height: 13px;
	position: relative;
}

.new-induce-pop .todayLDiv label {
	display: inline-block;
	font-size: 0.9em;
	line-height: 100%;
	color: #707070;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 400;
	padding-left: 19px;
	cursor: pointer;
}

.new-induce-pop input[type=checkbox]+label:before {
	width: 13px;
	height: 13px;
	top: 0;
	background: url(/img/chbox_pbh13_border_white.png) no-repeat left 50%;
}

.new-induce-pop .todayLDiv input[type="checkbox"]:checked+label {
	background-position: left bottom;
}

.new-induce-pop .popClose {
	width: 17px;
	height: 16px;
	position: absolute;
	right: 15px;
	top: 15px;
	background: url(/img//close_popupbtn.png) no-repeat;
	background-size: contain;
}

.new-induce-pop .qgo {
	width: 450px;
	height: 69px;
	position: absolute;
	left: 25px;
	bottom: 35px;
	background: url(/img/blankRn.png) repeat;
	z-index: 9;
	background-size: contain;
}

/*--------------------------------------------------
	sns 스타일
--------------------------------------------------*/
.sns-box {
	margin-bottom: 2%;
	font-size: 0;
	text-align: center;
}

.sns-box>li {
	margin-left: 4.861111%;
	display: inline-block;
	vertical-align: middle;
}

.sns-box>li>a {
	width: 19px;
	height: 19px;
	display: block;
}

.sns-box>li:first-child {
	margin-left: 0;
}

.sns-box>li:nth-child(1)>a {
	background: url(/img/ico_snsblog.png) no-repeat center 0;
	background-size: 19px;
}

.sns-box>li:nth-child(2)>a {
	background: url(/img/ico_facebook.png) no-repeat center 0;
	background-size: 19px;
}

.sns-box>li:nth-child(3)>a {
	background: url(/img/ico_snsinsta.png) no-repeat center 0;
	background-size: 19px;
}

.sns-box>li:nth-child(4)>a {
	background: url(/img/ico_snstalk.png) no-repeat center 0;
	background-size: 19px;
}

/*--------------------------------------------------
	학력맞춤형서비스 스타일
--------------------------------------------------*/
.layerBlock .layerArticle .layerCon .msgZctBlock {
	padding-bottom: 4%;
	min-height: 225px;
	box-sizing: border-box;
}

.layerBlock .layerArticle .layerCon .msgZctBlock .zctTopimg {
	margin: 4% 0 0 0;
	text-align: center;
}

.layerBlock .layerArticle .layerCon .msgZctBlock .zctTopimg img {
	height: 63px;
}

.layerBlock .layerArticle .layerCon .msgZctBlock .zctList {
	margin-top: 15px;
	text-align: center;
}

.layerBlock .layerArticle .layerCon .msgZctBlock .zctList>li {
	margin-top: 24px;
}

.layerBlock .layerArticle .layerCon .msgZctBlock .zctList>li:first-child {
	margin-top: 0;
}

.layerBlock .layerArticle .layerCon .msgZctBlock .zctList>li .ttl {
	font-size: 20px;
	line-height: 25px;
	color: #111;
	font-weight: 300;
}

.layerBlock .layerArticle .layerCon .msgZctBlock .zctList>li .ttl span {
	color: #437ddb;
}

.layerBlock .layerArticle .layerCon .msgZctBlock .zctList>li .desc {
	margin-top: 20px;
	font-size: 13px;
	line-height: 17px;
	color: #757575;
	font-weight: 300;
}

.layerBlock .layerArticle .layerCon .msgZctBlock .zctList>li .zctbtnCom {
	width: 145px;
	height: 30px;
	margin: 17px auto 0 auto;
}

.layerBlock .layerArticle .layerCon .msgZctBlock .zctList>li .zctbtnCom>a {
	width: 100%;
	height: 100%;
	display: inline-block;
	background: #437ddb;
	font-size: 13px;
	line-height: 31px;
	color: #fff;
	font-weight: 500;
	border-radius: 3px;
}

/* 범위설정 레이어팝업 */
.scopeSettings .fixedheader {
	border-bottom: 1px solid #f6f6f6;
}

.scopeSettings .sbjop_ttl {
	padding-left: 25px;
	background: url(/MatchSvc/images/ico_zCTopA.gif) no-repeat 0 center;
	background-size: 20px 16px;
	font-size: 13px;
	line-height: 55px;
	color: #444;
	font-weight: 400;
}

.scopeSettings .sbjop_ttl span {
	color: #437ddb;
	font-weight: 500;
}

.scopeSettings .selectBlock {
	margin: 13px 15px 0 15px;
	max-height: calc(100vh - 232px);
}

.scopeSettings .zCTB_SBJ_OPlist>li {
	font-size: 13px;
	line-height: 31px;
	color: #444;
	font-weight: 400;
}

.scopeSettings .multi-select.zCTB_SBJ_OPlist>li {
	margin-top: 5px;
}

.scopeSettings .multi-select.zCTB_SBJ_OPlist>li:first-child {
	margin-top: 0;
}

.scopeSettings .zCTB_SBJ_OPlist>li:first-child {
	margin-top: 0;
}

.scopeSettings .multi-select {
	padding-right: 0;
}

.scopeSettings .multi-select li {
	margin-top: 0;
}

.scopeSettings .multi-select li button {
	line-height: 25px;
}

.scopeSettings .multi-select li button.topttl {
	font-size: 15px;
	line-height: 25px;
	color: #505050;
	font-weight: 400;
}

.scopeSettings .multi-select li button.topttl.active {
	color: #437ddb;
}

.zCTB_SBJ_OPlist>li button span {
	display: block;
}

.zCTB_SBJ_OPlist>li button {
	font-size: 15px;
	line-height: 25px;
	color: #505050;
	font-weight: 400;
}

.zCTB_SBJ_OPlist>li button .selectL {
	width: 28px;
	line-height: 30px;
	float: left;
	clear: left;
	text-align: right;
}

.zCTB_SBJ_OPlist>li button .selectR {
	display: block;
	margin-left: 31px;
	padding-right: 30px;
	line-height: 30px;
}

.zCTB_SBJ_OPlist>li button em {
	padding-left: 4px;
	font-size: 11px;
}

.scopeSettings .multi-select.zCTB_SBJ_OPlist li.on button {
	color: #437ddb;
}

.scopeSettings .multi-select.zCTB_SBJ_OPlist li.on button:after {
	content: "";
	display: block;
	width: 16px;
	height: 11px;
	background: url(../img/ico_check_default.png) no-repeat;
	background-size: 16px 11px;
	position: absolute;
	right: 0;
	top: 0;
}

.sbjdepslist {
	padding-left: 28px;
}

.sbjdepslist>li button {
	font-size: 14px;
}

/* 고2,고3 사용자 과목편집 기능 팝업 */
.higheditsbj .popupTitle {
	padding-top: 23px;
}

.higheditsbj .popupTitle span {}

.topTSelect {
	display: inline-block;
	vertical-align: text-bottom;
}

.topTSelect select.select {
	height: auto;
	padding-right: 20px;
	border: none;
	font-size: 13px;
	color: #444;
	font-weight: 400;
	letter-spacing: -1px;
}

.higheditsbj .fixedheader {
	border-bottom: 1px solid #f6f6f6;
}

.editsbjname {
	font-size: 14px;
	line-height: 39px;
	color: #111;
	font-weight: 400;
}

.editsbjlist>li {
	margin-top: 10px;
}

.editsbjlist>li:first-child {
	margin-top: 0;
}

.editsbjlist_btnlist {
	font-size: 0;
}

.editsbjlist_btnlist>li {
	display: inline-block;
	margin: 0 7px 5px 0;
}

.editsbjlist>li:last-child {
	margin-right: 0;
}

.editsbjlist_btnlist>li button {
	min-width: 76px;
	height: 30px;
	padding: 0 24px;
	font-size: 13px;
	line-height: 29px;
	border-radius: 30px;
	font-weight: 500;
	background: #fff;
	border: 2px solid #f3f3f3;
}

.editsbjlist_btnlist>li button.active {
	background: #437ddb;
	border: 2px solid #437ddb;
	color: #fff;
}

.higheditsbj .msgAlert {
	bottom: 59px;
}

.higheditsbj .msgAlert span {
	background: #bfbfbf;
	opacity: 0.5;
}

/*--------------------------------------------------
			회원전환페이지
--------------------------------------------------*/
#header .headTop.conversion-headTop {
    background-color:#3F3F3F;
}

#header .headTop.conversion-headTop h1 {
	color:#fff;
	font-weight: 500;
}

.conversion-wrap {
	max-width:720px;
	width:97.083333%;
	padding:20px 0 20px 0;
	margin:0 auto;
	position:relative;
}

.conversion-wrap .conversion-visualimg {
	width:80px;
	height:80px;
	margin:0 auto;
	background: url(/img/top_conversionimg1.png) no-repeat;
	background-size: 80px auto;
}

.conversion-wrap .info-text { 
	margin-top:17px;
	font-size: 18px; 
	line-height: 23px; 
	font-weight:500;
	text-align: center; 
	letter-spacing: 0; 
	color: #000;
}

.conversion-wrap .info-text strong {
	color: #4272D2;
	font-weight: 500;
}

.conversion-wrap .info-desc { 
	margin-top:10px;
	font-size: 14px; 
	line-height: 18px; 
	font-weight:400;
	text-align: center; 
	word-spacing: 0;
	color: #000;
}

.conversion-wrap .info-desc span {
	color: #4272D2;
}

.conversion-wrap .password-conversion-ttl {
	padding-top:20px;
	margin:20px auto 0 auto;
	position:relative;
}

.conversion-wrap .password-conversion-ttl:before { 
	content: ''; 
	display: block; 
	width: 30px; 
	height: 1px; 
	margin-left:-15px;
	border-bottom:1px solid #000; 
	position: absolute; 
	top: 0; 
	left:50%; 
}

.conversion-wrap .password-conversion-ttl  .top-text {
	margin:0 auto 5px auto;
	font-size: 18px; 
	line-height: 23px; 
	font-weight:500;
	background:#fff;
	text-align: center; 
	color: #000; 
	position:relative;
}

.conversion-wrap .password-conversion-ttl  .top-desc {
	font-size: 12px; 
	line-height: 15px; 
	font-weight:400;
	text-align: center; 
	color: #7D7D7D; 
}

.conversion-wrap .content1 {
	margin:0 auto 0 auto;
	position:relative;
}

.conversion-wrap .content1 .content1-col {
	display: flex; 
	flex-direction: column; 
	margin-top: 15px; 
}

.conversion-wrap .content1  h2 {
	font-weight: 500; 
	font-size: 16px; 
	line-height: 20px; 
	margin-bottom: 12px; 
	overflow: hidden;
	text-align:left;
}

.conversion-wrap .content1  h2 p {
	font-size: 14px; 
	color: #396bc1; 
	line-height: 21px; 
	text-align:left;
	font-weight: 400; 
}

.conversion-wrap .content1  .warning { 
	display: flex; 
	justify-content: space-between; 
}

.conversion-wrap .content1  p.warning {
	font-size: 12px; 
	line-height: 18px; 
	color: #E33626; 
	margin-top: 12px; 
	font-weight: 400; 
}

.conversion-wrap .content1 input[type=text], .content1 input[type=password] { 
	height: 35px; 
	border: 1px solid #666; 
	padding: 0 10px; 
	font-size: 12px; 
	-webkit-appearance: none; 
	-moz-appearance: none; 
	width: 100%; 
	color: #000; 
}

.conversion-wrap .content1 input[type=text]::placeholder, .content1 input[type=password]::placeholder { 
	color: #dcdcdc; 
}

.conversion-wrap .conversion-agreement {
	margin-top:25px;
}

.conversion-wrap .conversion-agreement >* {
	text-align:left;
}

.conversion-wrap .recArgTxt {
	position: relative;
}

.conversion-wrap .recArgTxt input[type="checkbox"] {
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0 none;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

.conversion-wrap .recArgTxt input[type="checkbox"]:checked+label {
	background: url(/img/radio_h24on.png) no-repeat;
	background-size: 20px auto;
}

.conversion-wrap .recArgTxt input[type="checkbox"]:disabled+label {
	background: url(/img/radio_h24.png) no-repeat;
	background-size: 20px auto;
}

.conversion-wrap .recArgTxt {
	font-size: 21px;
	color: #1a1a1a;
	line-height: 24px;
	font-weight: 500;
}

.conversion-wrap .recArgTxt.recArgTxtALL label {
	font-weight: 600;
} 

.conversion-wrap .recArgTxt label {
	display: inline-block;
	height: 20px;
	padding-left: 27px;
	background: url(/img/radio_h24.png) no-repeat;
	background-size: 20px auto;
	font-size: 14px;
	color: #1a1a1a;
	line-height: 18px;
	font-weight: 500;

	word-break: break-all;
	cursor: pointer;
}

.conversion-wrap .recArgTxt input[type=checkbox]+label {
		vertical-align:top;
}

.conversion-wrap .recArgTxt input[type=checkbox]+label:before {
	display:none;
}

.conversion-wrap .recArglist>li {
	margin-top: 12px;
	position:relative;
}

.conversion-wrap .recArglist>li.list-authentication {
	margin-top: 23px;
}

.conversion-popup .recArglist>li.list-authentication .recArgTxt {
    margin-bottom: 14px;
}

.conversion-wrap .recArglist>li  .look-pop {
	position:absolute; 
	right:0;
	top:0;
	font-size: 12px;
	color: #396BC1;
	line-height: 15px;
	font-weight: 500;
	word-break: break-all;
}

.conversion-wrap .recArglist {
	margin-top:10px;
}

.conversion-wrap .recArglist>li:first-child {
	margin-top: 0;
}

.conversion-wrap .recArgBox {
	height: 205px;
	padding: 5% 5% 5% 5%;
	overflow-x: auto;
	border: 1px solid #ccc;
}

.conversion-wrap .recArgBox .recArglist {
	line-height: 20px;
}

.conversion-wrap .recArgBox .recArglist>li div {
	line-height: 20px;
}

.conversion-wrap .recArglist>li .desc-infotxt {
	padding-left: 30px;
	margin-top:7px;
	font-size: 12px;
	line-height: 18px;
	color: #396BC1;
	font-weight: 500;
}

.conversion-wrap .checkbox-wrap {
    margin-top: 17px;
	font-size: 0;
	text-align: right;
}

.conversion-wrap .checkbox-wrap span {
	margin-left:39px;
	position:relative;
}

.conversion-wrap .checkbox-wrap span:first-child {
	margin-left:0;
}

.conversion-wrap .footer {
	margin-top:25px;
	font-size:0;
	text-align:center;
}

.conversion-wrap .footer .btn {
	width: 49%;
	height: 50px;
	margin-left:2%;
	font-size: 17px;
	line-height: 50px;
	color: #396BC1;
	font-weight:500;
	border:none;
	border-radius: 0;
}

.conversion-wrap .footer .btn:first-child {
	margin-left:0;
}

.conversion-wrap .footer .btn-bgwhite {
	background:#fff;
	border:1px solid #396BC1;
}

.conversion-wrap .footer .btn-bgblue {
	background:#396BC1;
	color: #fff;
	border:1px solid #396BC1;
}

.conversion-wrap .footer {
	padding:0;
}

.conversion-agreement-pop.agreement-pop {
	width:370px;
}

.conversion-agreement-pop .pop_cnt {
	padding: 20px 15px 27px 15px;
}

.conversion-agreement-pop .recArglistsub>li {
	margin-top: 30px
}

.conversion-agreement-pop .recArglistsub>li:first-child {
	margin-top: 0;
}

.conversion-agreement-pop .recArglistsub>li .recAtbttl {
	font-weight: 500;
}

.conversion-agreement-pop .recArglistsub>li .recAtbtxt {
	margin-top: 7px;
	line-height: 20px;
	font-weight: 300;
}

.conversion-agreement-pop .recArglistsub>li .recAtbtxtPlL5>li {
	margin-top: 7px;
}

.conversion-agreement-pop .recArglistsub>li .recAtbtxt:first-child {
	margin-top: 0;
}

.conversion-agreement-pop .popClose {
	right: 18px;
    top: 12px;
}

/*--------------------------------------------------
				만료회원 재결제 팝업 
--------------------------------------------------*/
.payTimePop {
	display: none; 
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	z-index: 2000; 
}

.payTimePop * { 
	box-sizing: border-box; 
}

.payTimePop:before { 
	content: ''; 
	display: block; 
	width: 100%; 
	height: 100%; 
	position: absolute; 
	top: 0; left: 0; 
	background-color: #000; 
	opacity: 0.5; 
}

.ui-layer-popup.payTimePop {
	display:block;
	position:absolute;
}

.ui-layer-popup.payTimePop:before {
	position:fixed;
}

.ui-layer-popup.payTimePop .layer-popup-content {
    width: 300px;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.payTimePop .image-wrap img {
    display: block;
    width: 100%;
}

.payTimePop .close-pop-time {
	width: 11px !important;
	position:absolute;
	right:13px;
	top:11px;
}

.payTimePop .close-pop-time img {
    display: block;
    width: 100%;
}

.payTimePop .bottodayArea {
	height: 24px;
	padding: 0 11px 0 11px;
	background: #d0d0d0;
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payTimePop .close_leaveMemberPop {
	margin-top: -8px;
	position: absolute;
	right: 12px;
	top: 50%;
}

.payTimePop .todayLDiv {
	width: 100%;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 500;
}

.payTimePop .todayLDiv input[type="checkbox"] {
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0 none;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
    display: flex;
    align-items: center;
    justify-content: center;
}

.payTimePop .todayLDiv label {
	display: inline-block;
	top: 0;
	font-size: 11px;
	color: #000;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 300;
	letter-spacing: 0;
	cursor: pointer;
    display: flex;
    align-items: center;
	justify-content: flex-start;
}

.payTimePop input[type=checkbox]+label:before {
	height: 24px;
	top: 0;
	margin-right:0;
	background: url(/img/chbox_pbh13_border_white.png) no-repeat left 50%;
}

.payTimePop .todayLDiv input[type="checkbox"]:checked+label {
	background: url(/img/chbox_pbh13_border_white.png) no-repeat left 50%;
}

.payTimePop .close_payTimePop {
	width: 11px !important;
}

.payTimePop .close_payTimePop img {
	width:100%;
	display:block;
}

.pay-time-golink {
	position:absolute; 
	background:url(/img/blankRn.png) repeat;
}

.payTimePop_7 .pay-time-golink {
    width: 55% !important;
    height: 6%;
    left: 21%;
    top: 58.4%;
}

.payTimePop_end .pay-time-golink {
    width: 69% !important;
    height: 7%;
    left: 15%;
    top: 50.3%;
}

.payTimePop_end2 .pay-time-golink {
    width: 73% !important;
    height: 7%;
    left: 13%;
    top: 50.3%;
}

.payTimePop_end3 .pay-time-golink {
    width: 73% !important;
    height: 7%;
    left: 13%;
    top: 50.3%;
}

.period-end-popmid .pay-time-golink {
    width: 56% !important;
    height: 6%;
    left: 20%;
    top: 54%;
}

.period-end-pophigh .pay-time-golink {
    width: 56% !important;
    height: 6%;
    left: 20%;
    top: 54%;
}

/* 학교별맞춤서비스 _학교별 기출*/
.zctMInfo {
	display: block;
	background: #f1f4f7;
	border-top: 1px solid #f6f6f6;
	border-bottom: 3px solid #e5e8ec;
}

.zctMInfo {
	min-height: 97px;
	font-size: 0;
	text-align: center;
}

.zctMInfo>li {
	width: 20%;
	min-height: 97px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.zctMInfo>li>a {
	min-height: 100%;
	display: block;
}

.zctMInfo>li>a span {
	display: block;
}

.zctMInfo>li>a span.icoArea {
	margin-top: 9.5px;
}

.zctMInfo>li.li1>a span.icoArea img {
	width: 30.5px;
}

.zctMInfo>li.li2>a span.icoArea img {
	width: 27.5px;
}

.zctMInfo>li.li3>a span.icoArea img {
	width: 36px;
}

.zctMInfo>li.li4>a span.icoArea img {
	width: 29px;
}

.zctMInfo>li.li5>a span.icoArea img {
	width: 40.5px;
	margin-left: 7px;
}

.zctMInfo>li>a span.scl_name {
	margin-top: 6px;
	font-size: 15px;
	color: #757575;
	font-weight: 400;
	letter-spacing: -1px;
}

.zctMInfo>li>a span.zctNumb {
	min-width: 25px;
	height: 14px;
	padding: 0 8px 0 8px;
	margin-top: 3px;
	display: inline-block;
	font-size: 9px;
	line-height: 13px;
	color: #fff;
	text-align: center;
	background: #999;
	box-sizing: border-box;
	border-radius: 25px;
	border: 1px solid #999;
}

.zctMInfo>li.on a:before {
	content: "";
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: -3px;
	border-bottom: 3px solid #437ddb;
}

.zctMInfo>li.on>a span.zctNumb {
	background: #2b3465;
	border: 1px solid #2b3465;
}

.zctexMark {
	padding: 0 2% 0 2%;
	margin-top: 13px;
	position: relative;
	font-size: 13px;
	line-height: 16px;
	color: #666;
	font-weight: 400;
	vertical-align: middle;
	text-align: center;
}

.zctexMark img {
	width: 13.5px;
	height: 13.5px;
	margin-right: 2px;
	display: inline-block;
	vertical-align: text-top;
	box-sizing: border-box;
}

.matchSvc_msgAlert {
	position: fixed;
	bottom: 70px;
	left: 0;
	right: 0;
	z-index: 30;
	text-align: center;
}

.matchSvc_msgAlert>span {
	color: #fff;
	min-height: 54px;
	font-size: 13px;
	padding: 12px 0 12px 0;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 54px;
	width: 305px;
	margin: auto;
	position: relative;
}

.matchSvc_msgAlert>span .ttl {
	line-height: 18px;
}

.matchSvc_msgAlert>span .desc {
	font-size: 11px;
	color: #bdbdbd;
	line-height: 10px;
}

.matchSvc_msgAlert>span .close_msgAlert {
	position: absolute;
	right: 30px;
	top: 7px;
}

.matchSvc_msgAlert>span .close_msgAlert img {
	width: 7px;
	height: 7px;
}

.matchSvc_msgAlertDiv .matchSvc_msgAlert {
	margin-top: 18px;
}

.matchSvc_msgAlertDiv .matchSvc_msgAlert:first-child {
	margin-top: 0;
}

/* 메인 */
.topSBJ {
	width: 58.61111%;
	margin: 6px auto 9px auto;
	text-align: center;
}

.topSBJ img {
	max-width: 100%;
	height: auto;
}

.tophash span {
	min-width: 40px;
	height: 22px;
	padding: 0 10px 0 10px;
	margin-right: 5px;
	display: inline-block;
	font-size: 13px;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	height: 22px;
	line-height: 23px;
	border-radius: 2px;
	background: #437ddb;
}

.categoryDiv {
	width: 100%;
	position: relative;
}

.categoryDiv>a {
	width: auto;
	height: 48px;
	position: relative;
	z-index: 10;
	display: inline-block;
	background: none;
	font-size: 16px;
	line-height: 48px;
	border-radius: 3px;
	color: #505050;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	padding-right: 0;
	margin-right: 2px;
	background-size: auto 6px;
	font-weight: 400;
	text-align: left;
}

.bbsList>li .categoryDiv .downLink a {
	color: #616a7c;
}

.bbsList>li .inpo_option {
	text-align: right;
	margin-top: 3px;
}

.bbsList>li .inpo_option a {
	color: #616a7c;
	font-size: 12px;
	padding: 12px 0px 10px 0px;
	display: block;
}

.bbsList>li .inpo_option a em {
	font-style: normal;
}

.bbsList>li .inpo_option a em:nth-child(2) {
	display: none;
}

.bbsList>li .inpo_option a span {
	background-color: #fff;
	display: inline-block;
}

.bbsList>li .inpo_option a span.option {
	background: url(/MatchSvc/images/ico_option.png) no-repeat 50% 50%;
	display: inline-block;
	width: 11px;
	height: 11px;
	line-height: 11px;
	background-size: 11px auto;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-right: 5px;
}

.categoryDiv .inpo_option {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
}

.categoryDiv .downLink {
	position: absolute;
	right: 0;
	top: 0;
}

.zbTChoiceBox {
	display: none;
}

.zbTChoiceBox .zbTChoiceBoxlist {
	height: 195px;
	overflow: auto;
}

.zbTChoiceBox .zbTChoiceBoxlist>li {
	height: 48px;
	padding: 0 35px 0 0;
	margin: 0 2px 0 0;
	position: relative;
	z-index: 10;
	box-shadow: none;
	border-top: 1px solid #ededed;
}

.zbTChoiceBox .zbTChoiceBoxlist>li:last-child {
	border-bottom: none;
}

.zbTChoiceBox .zbTChoiceBoxlist>li>a {
	width: 100%;
	display: block;
	font-size: 16px;
	line-height: 48px;
	color: #505050;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	font-weight: 400;
	text-align: left;
}

.zbTChoiceBox .zbTChoiceBoxlist>li>a.ico_close {
	width: 10px;
	height: 10px;
	margin-top: -5px;
	position: absolute;
	right: 15px;
	top: 50%;
	background: url(../img/ico_close.png) no-repeat;
	background-size: 10px;
}

.zbTChoiceBox .zbTChoiceBoxlist>li.on>a {
	font-weight: 700;
}

.loginGo {
	text-align: right;
	margin-top: 10px;
}

.loginGo>a {
	font-size: 12px;
	color: #616a7c;
	font-weight: 400;
	text-decoration: underline;
	text-underline-position: under;
	letter-spacing: -1px;
}

.zctmainTop .bbsList>li .topttl {
	font-size: 15px;
	color: #273247;
	font-weight: 500;
}

.c_2e5ebe {
	color: #2e5ebe !important;
}

.c_437ddb {
	color: #437ddb !important;
}

.zctmainTop .bbsList>li .desc {
	font-size: 12px;
	color: #273247;
	font-weight: 500;
	line-height: 22px;
}

.seasonTtlA {
	height: 50px;
	font-size: 16px;
	line-height: 50px;
	color: #757575;
	text-align: center;
	background: #fff;
	border-bottom: 1px solid #eee;
}

.zctCinfo {
	margin: 20px 0 20px 0;
}

.zctCinfo .ttl {
	margin-bottom: 17px;
	font-size: 1.3em;
	line-height: 25px;
	color: #111;
	font-weight: 500;
}

.zctStagelist .swiper-wrapper {}

.zctStagelist .swiper-wrapper>div {}

.zctStagelist .swiper-wrapper>div>a {
	width: 100%;
	padding: 25px 0 20px 0;
	display: block;
	background: #fff;
	border-radius: 5px;
	text-align: center;
	position: relative;
}

.zctStagelist .swiper-wrapper>div>a span {
	display: block;
}

.zctStagelist .swiper-wrapper>div>a .zctStagelist_ttl {
	font-size: 1.3em;
	line-height: 25px;
	color: #437ddb;
	font-weight: 700;
	letter-spacing: -1px
}

.zctStagelist .swiper-wrapper>div>a .zctStagelist_desc {
	margin-top: 10px;
	font-size: 1em;
	color: #707070;
	font-weight: 500;
}

.zctStagelist .swiper-wrapper>div>a:before {
	content: "";
	width: 7px;
	height: 12px;
	margin-top: -7px;
	position: absolute;
	right: -7px;
	top: 50%;
	background: url(/MatchSvc/images/arrow_zctStage.png) no-repeat;
	background-size: 7px 12px;
}

.zctStagelist .swiper-wrapper>div:last-child>a:before {
	background: none;
}

.zctMInfolist .swiper-wrapper>div>a {
	width: 100%;
	padding: 25px 0 20px 0;
	display: block;
	background: #fff;
	border-radius: 5px;
	text-align: center;
	position: relative;
}

.zctMInfolist .swiper-wrapper>div>a span {
	display: block;
}

.zctMInfolist .swiper-wrapper>div>a .icoArea {
	height: 58px;
	margin: 0 auto;
}

.zctMInfolist .swiper-wrapper>div>a .icoArea img {
	width: 100%;
	height: 100%;
}

.zctMInfolist .swiper-wrapper>div.sws5>a .icoArea img {
	margin-left: 8px;
	display: block;
}

.zctMInfolist .swiper-wrapper>div.sws1>a .icoArea {
	width: 50px;
}

.zctMInfolist .swiper-wrapper>div.sws2>a .icoArea {
	width: 45px;
}

.zctMInfolist .swiper-wrapper>div.sws3>a .icoArea {
	width: 59px;
}

.zctMInfolist .swiper-wrapper>div.sws4>a .icoArea {
	width: 48px;
}

.zctMInfolist .swiper-wrapper>div.sws5>a .icoArea {
	width: 65px;
}

.zctMInfolist .swiper-wrapper>div>a .zctStagelist_ttl {
	margin-top: 7px;
	font-size: 1.3em;
	line-height: 25px;
	color: #437ddb;
	font-weight: 700;
	letter-spacing: -1px
}

.zctMInfolist .swiper-wrapper>div>a .zctStagelist_desc {
	font-size: 1em;
	color: #707070;
	font-weight: 500;
}

.zctMInfolist .zctinfobot {
	margin-top: 12px;
	font-size: 1.5em;
	color: #252525;
	text-align: center;
	font-family: 'Noto Sans Korean', Sans-Serif;
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-weight: 700;
}

.zocboCustom .zctMInfolist .zctinfobot span {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

.zocboCustom .zctMInfolist .zctinfobot em {
	font-size: 0.7em;
	color: #959595;
	font-weight: 400;
}

/* 학교별 맞춤 선생님 정보 수집 동의팝업 */
.zbTCPopinfo {
	display: none;
}

.layerBlock.zbTCPopinfo .layerArticle .layerCon .msgBlock {
	padding-bottom: 0;
}

.cntB_subttl {
	margin-bottom: 7px;
	font-size: 12px;
	line-height: 13px;
	color: #444;
}

.zbTCPopinfo .cntBox .cntB_subinfoBox {
	padding: 10px 15px 12px 15px;
	background: #f8f8f8;
	border: 1px solid #eee;
}

.zbTCPopinfo .cntBox .cntB_subinfoBox>ul>li {
	font-size: 12px;
	color: #444;
	line-height: 18px;
}

.zbTCPopinfo .cntBox .cntB_botdesc {
	margin-top: 11px;
	font-size: 10px;
	color: #818181;
	line-height: 16px;
	letter-spacing: -1px;
	word-spacing: 0;
}

.zbTCPopinfo .cntBox .cntB_botdesc .gab {
	padding-left: 3px;
}

.bt2tp {
	font-size: 0;
}

.bt2tp .btn.btn-wide {
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}

/* 이탈회원 복귀 환영 및 결제 유도 팝업 */
.popComdim {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.popComdim:before {
	content: "";
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9990;
}

.leaveMemberPopWrap {
	width: 602px;
	margin-left: -301px;
	position: absolute;
	left: 50%;
	top: 99px;
	z-index: 10001;
	border: 1px solid #405b50;
}

.leaveMemberPopWrap .cnt {
	width: 600px;
	height: 596px;
	background: url(/img/leavePop.jpg) no-repeat;
	position: relative;
	background-size: contain;
}

.leaveMemberPopWrap .cnt .leMLink {
	width: 427px;
	height: 83px;
	position: absolute;
	left: 89px;
	top: 450px;
	background: url(/img/blankRn.png) repeat;
}

.leaveMemberPopWrap .bottodayArea {
	height: 39px;
	padding: 0;
	background: #32463d;
	position: relative;
}

.close_leaveMemberPop {
	margin-top: -8px;
	position: absolute;
	right: 12px;
	top: 50%;
}

.leaveMemberPopWrap .todayLDiv {
	width: 100%;
	padding-left: 18px;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 500;
}

.leaveMemberPopWrap .todayLDiv input[type="checkbox"] {
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0 none;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

.leaveMemberPopWrap .todayLDiv label {
	display: inline-block;
	top: 0;
	font-size: 18px;
	color: #fff;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 40px;
	cursor: pointer;
}

.leaveMemberPopWrap input[type=checkbox]+label:before {
	height: 40px;
	top: 0;
	background: url(/img/chbox_w16h16.png) no-repeat left 50%;
}

.leaveMemberPopWrap .todayLDiv input[type="checkbox"]:checked+label {
	background: url(/img/chbox_w16h16.png) no-repeat left 50%;
}

.leaveMemberPopWrap {
	width: 602px;
	margin-left: -301px;
	position: absolute;
	left: 50%;
	top: 99px;
	z-index: 10001;
	border: 1px solid #405b50;
}

.leaveMemberPopWrap .cnt {
	width: 600px;
	height: 596px;
	background: url(/img/leavePop.jpg) no-repeat;
	position: relative;
	background-size: contain;
}

.leaveMemberPopWrap .cnt .leMLink {
	width: 427px;
	height: 83px;
	position: absolute;
	left: 89px;
	top: 450px;
	background: url(/img/blankRn.png) repeat;
}

.leaveMemberPopWrap .bottodayArea {
	height: 39px;
	padding: 0;
	background: #32463d;
	position: relative;
}

.close_leaveMemberPop {
	margin-top: -8px;
	position: absolute;
	right: 12px;
	top: 50%;
}

.leaveMemberPopWrap .todayLDiv {
	width: 100%;
	padding-left: 18px;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 500;
}

.leaveMemberPopWrap .todayLDiv input[type="checkbox"] {
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0 none;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

.leaveMemberPopWrap .todayLDiv label {
	display: inline-block;
	top: 0;
	font-size: 18px;
	color: #fff;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 40px;
	cursor: pointer;
}

.leaveMemberPopWrap input[type=checkbox]+label:before {
	height: 40px;
	top: 0;
	background: url(/img/chbox_w16h16.png) no-repeat left 50%;
}

.leaveMemberPopWrap .todayLDiv input[type="checkbox"]:checked+label {
	background: url(/img/chbox_w16h16.png) no-repeat left 50%;
}

/* 성장권역 팝업 */
.growthareacouponWrap {
	width: 558px;
	margin-left: -279px;
	position: absolute;
	left: 50%;
	top: 99px;
	z-index: 10001;
	border: 1px solid #b5b5b5;
}

.growthareacouponWrap .cnt {
	width:100%;
}

.mid_growthareacoupon .cnt {
	height: 751px;
	background: url(/img/mid_growthareacouponimg.jpg) no-repeat;
	position: relative;
	background-size: contain;
}

.mid2_growthareacoupon .cnt {
	height: 831px;
	background: url(/img/mid2_growthareacouponimg.jpg) no-repeat;
	position: relative;
	background-size: contain;
}

.mid2more_growthareacoupon .cnt {
	height: 831px;
	background: url(/img/mid2more_growthareacouponimg.jpg) no-repeat;
	position: relative;
	background-size: contain;
}

.high_growthareacoupon .cnt {
	height: 751px;
	background: url(/img/high_growthareacouponimg.jpg) no-repeat;
	position: relative;
	background-size: contain;
}

.growthareacouponWrap .gw-link {
	width:227px;
	height:45px;
	position: absolute;
	background: url(/img/blankRn.png) repeat;
}

.mid_growthareacoupon .gw-link {
	left:169px;
	top:421px;
}

.mid2_growthareacoupon .gw-link {
	left:169px;
	top:542px;
}

.mid2more_growthareacoupon .gw-link {
	left:169px;
	top:540px;
}

.high_growthareacoupon .gw-link {
	left:169px;
	top:422px;
}

.growthareacouponWrap .bottodayArea {
	height:46px;
	padding: 0;
	background:#d0d0d0;
	position: relative;
}

.close_growthareacouponPop {
	margin-top: -8px;
	position: absolute;
	right: 18px;
	top: 50%;
}

.growthareacouponWrap .todayLDiv {
	width: 100%;
	padding-left: 18px;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 500;
}

.growthareacouponWrap .todayLDiv input[type="checkbox"] {
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0 none;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

.growthareacouponWrap .todayLDiv label {
	display: inline-block;
	top: 0;
	font-size: 18px;
	color: #000;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 46px;
	cursor: pointer;
}

.growthareacouponWrap input[type=checkbox]+label:before {
	height: 46px;
	top: 0;
	background: url(/img/chbox_w15h15.jpg) no-repeat left 50%;
}

.growthareacouponWrap .todayLDiv input[type="checkbox"]:checked+label {
	background: url(/img/chbox_w16h16.jpg) no-repeat left 50%;
}


/* 성장권역 팝업 */
.oneth-pop:before {
	content:"";
	display:block;
	position:fixed; left:0; top:0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.5); z-index:9990;
}

.onethFinalPopWrap {
	width: 560px;
	margin-left: -280px;
	position: absolute;
	left: 50%;
	top: 99px;
	z-index: 10001;
}

.onethFinalPopWrap .cnt {
	width:100%;
}

.parent_onethpop .cnt {
	height: 750px;
	background: url(/img/parent_1thFinalPopimg.jpg) no-repeat;
	position: relative;
	background-size: contain;
}

.lecturer_onethpop .cnt {
	height: 980px;
	background: url(/img/lecturer_1thFinalPopimg.jpg) no-repeat;
	position: relative;
	background-size: contain;
}

.onethFinalPopWrap .gw-link {
	width:232px;
	height:48px;
	position: absolute;
	background: url(/img/blankRn.png) repeat;
}

.parent_onethpop .gw-link {
	left:154px;
	top:453px;
}

.lecturer_onethpop .gw-link {
	left:154px;
	top:703px;
}

.onethFinalPopWrap .bottodayArea {
	height:46px;
	padding: 0;
	background:#d0d0d0;
	position: relative;
}

.onethFinalPopWrap .close_growthareacouponPop {
	margin-top: -8px;
	position: absolute;
	right: 18px;
	top: 50%;
}

.onethFinalPopWrap .todayLDiv {
	width: 100%;
	padding-left: 18px;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 500;
}

.onethFinalPopWrap .todayLDiv input[type="checkbox"] {
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0 none;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

.onethFinalPopWrap .todayLDiv label {
	display: inline-block;
	top: 0;
	font-size: 18px;
	color: #000;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 46px;
	cursor: pointer;
}

.onethFinalPopWrap input[type=checkbox]+label:before {
	height: 46px;
	top: 0;
	background: url(/img/chbox_w15h15.jpg) no-repeat left 50%;
}

.onethFinalPopWrap .todayLDiv input[type="checkbox"]:checked+label {
	background: url(/img/chbox_w16h16.jpg) no-repeat left 50%;
}

/* 나의 다운로드 내역 */
.selectDdlist {
	width: 100%;
	display: table;
}

.selectDdlist.sCtOn {
	display: block;
}

.selectDdlist.sCtOn>li {
	display: block;
}

.selectDdlist>li {
	padding-left: 1%;
	display: table-cell;
	vertical-align: middle;
}

.selectDdlist>li:first-child {
	padding-left: 0;
}

.selectDdlist>li.sCtOn {
	display: none;
}

/* 선생님 사용자 수업 학년 추가 레이어 팝업 */
.zbTCPopadd {
	display: none;
}

/*.zocboCustom .slideTopTab .slideTab.slideHTab li {margin-right:0;width:110px;text-align:center;}*/

/* 응원하자 중간고사 팝업 */
.ebsbook_Popup {
	padding: 0 3% 0 3%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
}

.ebsbook_Popup img {
	max-width: 100%;
	height: auto;
}

.ebsbook_Popup .chsPopupDiv {
	position: relative;
}

.ebsbook_Popup .lyClose {
	position: absolute;
	right: 28px;
	top: 28px;
}

/*  나의 다운로드 내역 페이지  */
.dropdown {
	width: 100%;
	margin: 0px;
}

.dropdown dd,
.dropdown dt,
.dropdown ul {
	margin: 0px;
	padding: 0px;
}

.dropdown dd {
	position: relative;
}

.dropdown .dropttl a,
.dropdown .dropttl a:visited {
	border-bottom: 1px solid #c2c2c2;
}


.dropdown a,
.dropdown a:visited {
	color: #3b3b3b;
	text-decoration: none;
	outline: none;
}


.dropdown a:hover {
	color: #3b3b3b;
}

.dropdown dt a {
	height: 48px;
	background: #fff url(../img/bg_appearance.gif) no-repeat scroll right center;
	box-sizing: border-box;
	background-size: auto 6px;
	display: block;
	padding-right: 35px;
	border-bottom: 1px solid #ededed;
	font-size: 16px;
	color: #444444;
	border-radius: 3px;
	width: 100%;
	font-weight: 500;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select.select {
	border: 1px solid #fff;
	height: 48px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	z-index: 10;
	background: none;
	font-size: 16px;
	border-radius: 3px;
	background: #fff url(../img/bg_appearance.gif) no-repeat right center;
	box-sizing: border-box;
	color: #444444;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	padding-right: 35px;
	margin-right: 2px;
	background-size: auto 6px;
	width: 100%;
	font-weight: 500;
	border-bottom: 1px solid #ededed;
}

.dropdown dt a span {
	cursor: pointer;
	display: block;
	line-height: 48px;
	padding-left: 10px;
}

.dropdown dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #9e9e9e;
	color: #515151;
	display: none;
	left: 0px;
	padding: 5px 7px;
	position: absolute;
	top: -1px;
	z-index: 99;
	width: 100%;
	list-style: none;
	text-align: left;
}

.dropdown span.value {
	display: none;
}

.dropdown dd ul li a {
	padding: 5px;
	display: block;
	padding-left: 11px;
}

.dropdown dd ul li a:hover {
	background-color: #e8e8e8;
}

.dropdown img.flag {
	border: none;
	vertical-align: middle;
	padding: 11px;
}

.flagvisibility {
	display: none;
}

/* 환분 계좌 인증 및 등록*/
.ncouponType select.select {
	background: #fff url(../img/bg_appearanceV2.gif) no-repeat right center;
}

.snbankAnC {
	text-align: center;
}

.snbankAnC .btn_snbankAnCBlue {
	background-color: #437ddb;
	color: #fff !important;
}

.snbankAnC .btn_snbankAnCgray {
	background-color: #9b9b9b;
	color: #fff !important;
}

/* 큐리프로모션 */
.mcuribandbnr {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 55px;
	z-index: 50;
}

.mcuribandbnr {
	width: 100%;
	text-align: center;
}

.mcuribandbnr img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.couponListArea li {
	position: relative;
}

/* .mark_procuri {width:121px; height:23px; position:absolute; right:5px; top:-11px;} */
.mark_procuri {
	min-width: 101px;
	height: 23px;
	padding: 0 10px 0 10px;
	position: absolute;
	right: 5px;
	top: -11px;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	font-size: 13px;
	line-height: 23px;
	color: #fff;
	border-radius: 23px;
	background: #0036e9;
	font-weight: 500;
	text-align: center;
}

.mark_procuri img {
	max-width: 100%;
	height: auto;
}

.curibnrTOP {
	padding-bottom: 14px;
	text-align: center;
}

.curibnrTOP img {
	max-width: 100%;
	height: auto;
}

.curipopup {
	display: none;
	width: 100%;
	margin: -300px auto 0 auto;
	position: absolute;
	top: 50%;
	z-index: 1002;
	text-align: center;
}

.curipopup .curipopupcnt {
	width: 92.5%;
	height: 600px;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 auto;
	position: relative;
	background: #ffeacf;
}

.curipopup .curipopupcnt img {
	width: 100%;
}

.dimfullfixed {
	display: none;
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
}

.dimfullfixed {
	display: none;
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
}

.conversion-dimfullFixed {
	display: none;
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
}

/*--------------------------------------------------
			 회원가입 동의 화면 변경
--------------------------------------------------*/
.coupon-chk-area {
	margin-top:15px;
	position:relative;
}
.coupon-chk {
	font-size: 21px;
	color: #1a1a1a;
	line-height: 24px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 500;
}
.coupon-chk input[type="checkbox"] {
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0 none;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
}
.coupon-chk label {
	display: inline-block;
	height: 24px;
	padding-left: 30px;
	background: url(/img/radio_h24.png) no-repeat 0 50%;
	background-size: 24px auto;
	font-size: 18px;
	color: #1a1a1a;
	line-height: 24px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 500;
	word-break: break-all;
	cursor: pointer;
}

.coupon-chk input[type=checkbox]+label:before {
	width:auto;
	background:none;
}

.coupon-chk input[type="checkbox"]:checked+label {
	background: url(/img/radio_h24on.png) no-repeat 0 50%;
}

.coupon-chk input[type="checkbox"]:disabled+label {
	background: url(/img/radio_h24.png) no-repeat 0 50%;
}

.coupon-chk-area .look-pop {
	position:absolute;
	right:0;
	top:0;
	font-size: 14px;
	color: #396BC1;
	line-height: 21px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 500;
	word-break: break-all;
}

.coupon-chk-area .desc-infotxt {
	padding-left: 30px;
	margin-top:7px;
	font-size: 12px;
	line-height: 18px;
	color: #396BC1;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 400;
}

.agreement-pop {
	width: 393px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index:1002;
}

.agreement-com-popup {
	border: 1px solid #3f3f3f;
	position: relative;
}

.agreement-com-popup .pop_header {
	width: 100%;
	height: 60px;
	background: #3f3f3f;
}

.agreement-com-popup .pop_header .ttl {
	padding-left: 21px;
	font-size: 15px;
	line-height: 60px;
	color: #fff;
	font-family: 'NanumBarunGothic', Sans-Serif;
}

.agreement-com-popup .pop_cnt {
	padding: 20px 22px 1.5em 22px;
	background: #fff;
}

.agreement-com-popup .pop_cnt .pop_cnt_ttl {
	margin-bottom: 17px;
	font-size: 12px;
	line-height: 18px;
	color: #3579d4;
	font-weight: bold;
	/* font-family: "굴림", Gulim, Arial, sans-serif; */
}

.agreement-com-popup .popClose {
	position: absolute;
	right: 18px;
	top: 19px;
}

.affiliateBox2 {
	height:215px;
	overflow-y:auto;
}

.info-list>li {
	margin-top:4px;
}

.info-list>li:first-child {
	margin-top:0;
}

.info-list>li dl {
	border: 1px solid #CCC;
}

.info-list>li dl dt {
	height:24px;
	background: #ECECEC;
	font-size: 12px;
	line-height: 24px;
	text-align:center;
	font-weight:bold;
	font-family: 'Malgun Gothic';
}

.info-list>li dl dd {
	padding:10px 0 10px 10px;
	font-size: 12px;
	line-height: 16px;
	color:#000;
	font-family: 'Malgun Gothic';
}

.info-essential {
	font-size: 11px;
	line-height: 15px;
	color:#000;
	font-family: 'Malgun Gothic';
}

.gab8 {
	padding-left:8px;
}

button.pop-close-button {
	margin:1em auto 0 auto;
	display: block;
	vertical-align: middle;
	border: none;
	height: 30px;
	line-height: 30px;
	padding: 0 22px;
	background: #282E38;
	color: #fff;
	font-size: 14px;
}

.pbpdim2 {
	position: fixed;
	z-index: 1001;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	display: none;
	background: url(/img/pbpdim.png);
}

.txtNotice0716 {
	width: 100%;
	padding: 20px 10px;
	text-align: center;
	background: #fbe9ea;
	border: 1px solid #e07f88;
}

.txtNotice0716 p {
	font-size: 12px;
	color: #000;
	font-family: 'Dotum', '돋움', sans-serif;
	vertical-align: middle;
	font-weight: bold;
}

/*--------------------------------------------------
			 기출 유사
--------------------------------------------------*/
.viewSelect.expectedquestion-nav-top {
	float:none;
}

.viewSelect.expectedquestion-nav-top {
	margin:5px 0 0 0;
}

.viewSelect.expectedquestion-nav-top li {
	float: left; 
	width: 25%; 
	margin:0;
	box-sizing: border-box; 
	padding-left: 6px;
	position:relative;
}

.listTop .viewSelect.expectedquestion-nav-top li a:before {
	display:none;
}

.viewSelect.expectedquestion-nav-top li:first-child {
	padding: 0;
}

.viewSelect.expectedquestion-nav-top li a {
	width:100%;
	display:block;
	color: #777;
	background-color: #fff;
	border: 1px solid #2b3465;
	padding: 0 15px;
	height: 38px;
	line-height: 38px;
	box-sizing: border-box;
	border-radius: 38px;
	cursor: pointer;
	font-size: 13px;
	width: 100%;
	text-align: center;
	color: #2B3465;
	font-weight:500;
}

.viewSelect.expectedquestion-nav-top li.active a {
	color: #fff;
	background-color: #0047FF;
	border: 1px solid #0047FF;
}

.viewSelect.expectedquestion-nav-top li a .listMnumb {
	margin-left: 4px;
	min-width: 4px;
	height: 17px;
	padding: 0 8px 0 8px;
	display: inline-block;
	background: #fff;
	border: 1px solid #676767;
	font-size: 12px;
	color: #676767;
	line-height: 17px;
	text-align: center;
	word-spacing: 0;
	cursor: pointer;
	border-radius: 11px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	outline: 0;
	letter-spacing: 0;
	position:absolute;
	left:50%;
	top:-75%;
	transform: translate(-50%, 120%);
	font-weight: 500;
}

.viewSelect.expectedquestion-nav-top li.active a .listMnumb {
	color: #0047ff;
	border:1px solid #343434; 
}

.pvmsec>li {
	display:none;
	position:relative;
}

.nologin-toptxt {
	padding-top:34px;
	font-size:15px;
	line-height:22px;
	color:#222;
	text-align:center;
	position:relative;
}

.nologin-toptxt span {
	font-weight:700;
}

.nologin-toptxt:before {
	content: "";
	display: inline-block;
	width: 19px;
	height: 28px;
	margin-left:-10px;
	background: url(/img/icon_light.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
	position:absolute;
	left:50%;
	top:0;
}

.nologin-subtxt {
	margin-top: 30px;
	font-size:18px;
	line-height:24px;
	color:#222;
	text-align:center;
	position:relative;
	font-weight:500;
}

.nologin-subtxt  span {
	color:#1C60E5;
}

.nologin-linkgo {
	width:300px;
	margin:20px auto 0 auto;
}

.nologin-linkgo>li {
	margin-top:20px;
}

.nologin-linkgo>li:first-child {
	margin-top:0;
}

.nologin-linkgo>li img {
	max-width:100%;
	height:auto;
}

/*--------------------------------------------------
			 타블렛 분기 시작
--------------------------------------------------*/
@media screen and (max-width:1280px) {

	.nopayPop_student,
	.nopayPop_parents,
	.payPop_sp46,
	.payPop_sp6,
	.payPop_sp12,
	.payPop_tp1 {
		width: 627px;
		height: 710px;
		margin-left: -314px;
	}

	.nopayPop_teacher,
	.payPop_t6,
	.payPop_t46,
	.payPop_t12,
	.payPop_tp2 {
		margin-left: -294px;
	}

	.nopayPop_student .paybranchPopCnt {
		width: 627px;
		height: 710px;
		background: url(/img/event/paybranch/nopayPop_student.jpg) no-repeat;
		background-size: contain;
	}

	.nopayPop_parents .paybranchPopCnt {
		width: 627px;
		height: 710px;
		background: url(/img/event/paybranch/nopayPop_parents.jpg) no-repeat;
		background-size: contain;
	}

	.nopayPop_teacher .paybranchPopCnt {
		width: 587px;
		height: 630px;
		background: url(/img/event/paybranch/nopayPop_teacher.jpg) no-repeat;
		background-size: contain;
	}

	.payPop_sp46 .paybranchPopCnt {
		width: 627px;
		height: 650px;
		background: url(/img/event/paybranch/payPop_sp46.jpg) no-repeat;
		background-size: contain;
	}

	.payPop_sp6 .paybranchPopCnt {
		width: 627px;
		height: 650px;
		background: url(/img/event/paybranch/payPop_sp6.jpg) no-repeat;
		background-size: contain;
	}

	.payPop_sp12 .paybranchPopCnt {
		width: 627px;
		height: 650px;
		background: url(/img/event/paybranch/payPop_sp12.jpg) no-repeat;
		background-size: contain;
	}

	.payPop_t46 .paybranchPopCnt {
		width: 587px;
		height: 640px;
		background: url(/img/event/paybranch/payPop_t46.jpg) no-repeat;
		background-size: contain;
	}

	.payPop_t6 .paybranchPopCnt {
		width: 587px;
		height: 640px;
		background: url(/img/event/paybranch/payPop_t6.jpg) no-repeat;
		background-size: contain;
	}

	.payPop_t12 .paybranchPopCnt {
		width: 587px;
		height: 640px;
		background: url(/img/event/paybranch/payPop_t12.jpg) no-repeat;
		background-size: contain;
	}

	.payPop_tp1 .paybranchPopCnt {
		width: 627px;
		height: 690px;
		background: url(/img/event/paybranch/payPop_tp1.jpg) no-repeat;
		background-size: contain;
	}

	.payPop_tp2 .paybranchPopCnt {
		width: 587px;
		height: 664px;
		background: url(/img/event/paybranch/payPop_tp2.jpg) no-repeat;
		background-size: contain;
	}

	/*--------------------------------------------------
				 비밀번호 변경팝업
	--------------------------------------------------*/
	.pwchgPopupWrap {
		width: 524px;
		height: 521px;
		margin-left: -262px;
		position: absolute;
		left: 50%;
		top: 99px;
		z-index: 9999;
	}

	.pwchgPopupDiv {
		width: 524px;
		height: 521px;
		position: relative;
		background: url(/img/pwchgPopup.jpg) no-repeat;
		background-size: contain;
	}

	.day30none {
		width: 262px;
		height: 66px;
		position: absolute;
		left: 0;
		bottom: 0;
		background: url(/img/blankRn.png) repeat;
	}

	.pwchgPopupClose {
		width: 262px;
		height: 66px;
		position: absolute;
		right: 0;
		bottom: 0;
		background: url(/img/blankRn.png) repeat;
	}

	.pwchgdimfix {
		display: none;
		position: fixed;
		z-index: 1002;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.5);
	}
}

/*--------------------------------------------------
			 구매 버튼 클릭 시 팝업
--------------------------------------------------*/
.info-cnt-box>ul>li {
	margin-top:20px;
}

.info-cnt-box>ul>li:first-child {
	margin-top:0;
}

.info-cnt-box h2 {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: rgb(51, 51, 51);
    margin-bottom: 8px;
}

.layerBlock .layerArticle .msgBlock .info-cnt-box>ul>li p strong {
	display:inline-block;
	font-weight: 500;
}

.purchase-popup {
	display: none;
}

/*--------------------------------------------------
			 모바일 분기 시작
--------------------------------------------------*/
@media screen and (max-width:720px) {

	/*--------------------------------------------------
				 분기결제 팝업
	--------------------------------------------------*/
	.paybranchPop {
		position: absolute;
		left: 50%;
		top: 99px;
		z-index: 9999;
	}

	.paybranchPop .paybranchPopCnt {
		position: relative;
	}

	.nopayPop_student,
	.nopayPop_parents,
	.payPop_sp46,
	.payPop_sp6,
	.payPop_sp12,
	.payPop_tp1 {
		width: 314px;
		height: 355px;
		margin-left: -157px;
	}

	.nopayPop_teacher,
	.payPop_t6,
	.payPop_t46,
	.payPop_t12,
	.payPop_tp2 {
		margin-left: -147px;
	}

	.nopayPop_student .paybranchPopCnt {
		width: 314px;
		height: 355px;
		background: url(/img/event/paybranch/nopayPop_student.jpg) no-repeat;
		background-size: contain;
	}

	.nopayPop_parents .paybranchPopCnt {
		width: 314px;
		height: 355px;
		background: url(/img/event/paybranch/nopayPop_parents.jpg) no-repeat;
		background-size: contain;
	}

	.nopayPop_teacher .paybranchPopCnt {
		width: 294px;
		height: 315px;
		background: url(/img/event/paybranch/nopayPop_teacher.jpg) no-repeat;
		background-size: contain;
	}

	.payPop_sp46 .paybranchPopCnt {
		width: 314px;
		height: 325px;
		background: url(/img/event/paybranch/payPop_sp46.jpg) no-repeat;
		background-size: contain;
	}

	.payPop_sp6 .paybranchPopCnt {
		width: 314px;
		height: 325px;
		background: url(/img/event/paybranch/payPop_sp6.jpg) no-repeat;
		background-size: contain;
	}

	.payPop_sp12 .paybranchPopCnt {
		width: 314px;
		height: 325px;
		background: url(/img/event/paybranch/payPop_sp12.jpg) no-repeat;
		background-size: contain;
	}

	.payPop_t46 .paybranchPopCnt {
		width: 294px;
		height: 320px;
		background: url(/img/event/paybranch/payPop_t46.jpg) no-repeat;
		background-size: contain;
	}

	.payPop_t6 .paybranchPopCnt {
		width: 294px;
		height: 320px;
		background: url(/img/event/paybranch/payPop_t6.jpg) no-repeat;
		background-size: contain;
	}

	.payPop_t12 .paybranchPopCnt {
		width: 294px;
		height: 320px;
		background: url(/img/event/paybranch/payPop_t12.jpg) no-repeat;
		background-size: contain;
	}

	.payPop_tp1 .paybranchPopCnt {
		width: 314px;
		height: 345px;
		background: url(/img/event/paybranch/payPop_tp1.jpg) no-repeat;
		background-size: contain;
	}

	.payPop_tp2 .paybranchPopCnt {
		width: 294px;
		height: 332px;
		background: url(/img/event/paybranch/payPop_tp2.jpg) no-repeat;
		background-size: contain;
	}

	.paybranchPop .todayLDiv {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: -34px;
	}

	.paybranchPop .todayLDivCnt {
		height: 34px;
		background: #ebc200;
		position: relative;
	}

	.paybranchPop.paybranchPopTp2 .todayLDivCnt {
		height: 34px;
		background: #d7acca;
		position: relative;
	}

	.paybranchPop .todayLDiv label {
		margin: 8px 0 0 7px;
		display: inline-block;
		font-size: 0.9em;
		color: #fff;
		font-family: "Noto Sans KR", sans-serif;
		font-weight: 400;
		padding-left: 9px;
		cursor: pointer;
	}

	.paybranchPop input[type=checkbox]+label:before {
		width: 15px;
		height: 15px;
		top: 0;
		background: url(/img/event/paybranch/chbox_pbh15_white.png) no-repeat left 50%;
	}

	.paybranchPop .todayLDiv input[type="checkbox"]:checked+label {
		background-position: left bottom;
	}

	.paybranchPop .close_pbPopup {
		width: 15px;
		height: 15px;
		position: absolute;
		right: 11px;
		bottom: -25px;
		background: url(/img/event/paybranch/close_pbPopup.png) no-repeat;
	}

	.paybranchPop .linkpb {
		width: 168px;
		height: 29px;
		position: absolute;
		left: 73px;
		bottom: 21px;
		background: url(/img/blankRn.png) repeat;
		z-index: 9;
		background-size: contain;
	}

	/*--------------------------------------------------
				 비밀번호 변경팝업
	--------------------------------------------------*/
	.pwchgPopupWrap {
		width: 262px;
		height: 261px;
		margin-left: -131px;
		position: absolute;
		left: 50%;
		top: 99px;
		z-index: 9999;
	}

	.pwchgPopupDiv {
		width: 262px;
		height: 261px;
		position: relative;
		background: url(/img/pwchgPopup.jpg) no-repeat;
		background-size: contain;
	}

	.day30none {
		width: 131px;
		height: 33px;
		position: absolute;
		left: 0;
		bottom: 0;
		background: url(/img/blankRn.png) repeat;
	}

	.pwchgPopupClose {
		width: 131px;
		height: 33px;
		position: absolute;
		right: 0;
		bottom: 0;
		background: url(/img/blankRn.png) repeat;
	}

	.pwchgdimfix {
		display: none;
		position: fixed;
		z-index: 1002;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.5);
	}

	/* 이탈회원 복귀 환영 및 결제 유도 팝업 */
	.leaveMemberPopWrap {
		width: 302px;
		margin-left: -151px;
	}

	.leaveMemberPopWrap .cnt {
		width: 300px;
		height: 298px;
		background: url(/img/leavePop.jpg) no-repeat;
		background-size: contain;
	}

	.leaveMemberPopWrap .cnt .leMLink {
		width: 72%;
		height: 16%;
		position: absolute;
		left: 15%;
		top: 74%;
	}

	.leaveMemberPopWrap .bottodayArea {
		height: auto;
		padding: 5px 0 5px 0;
	}

	.close_leaveMemberPop {
		margin-top: -8px;
		position: absolute;
		right: 12px;
		top: 50%;
	}

	.leaveMemberPopWrap .todayLDiv {
		padding-left: 9px;
	}

	.leaveMemberPopWrap .todayLDiv label {
		font-size: 10px;
		line-height: initial;
	}

	.leaveMemberPopWrap input[type=checkbox]+label:before {
		height: 16px;
		top: 0;
		background: url(/img/chbox_w16h16.png) no-repeat left 50%;
	}

	.leaveMemberPopWrap .todayLDiv input[type="checkbox"]:checked+label {
		background: url(/img/chbox_w16h16.png) no-repeat left 50%;
	}

	/* 성장권역 팝업 */
	.growthareacouponWrap {
		width: 279px;
		margin-left: -140px;
	}

	.growthareacouponWrap .cnt {
		width:100%;
	}

	.mid_growthareacoupon .cnt {
		height: 374px;
		background: url(/img/mid_growthareacouponimg.jpg) no-repeat;
		position: relative;
		background-size: contain;
	}

	.mid2_growthareacoupon .cnt {
		height: 414px;
		background: url(/img/mid2_growthareacouponimg.jpg) no-repeat;
		position: relative;
		background-size: contain;
	}

	.mid2more_growthareacoupon .cnt {
		height: 414px;
		background: url(/img/mid2more_growthareacouponimg.jpg) no-repeat;
		position: relative;
		background-size: contain;
	}

	.high_growthareacoupon .cnt {
		height: 374px;
		background: url(/img/high_growthareacouponimg.jpg) no-repeat;
		position: relative;
		background-size: contain;
	}

	.growthareacouponWrap .gw-link {
		width:42%;
		height:7%;
		position: absolute;
		background: url(/img/blankRn.png) repeat;
	}

	.mid_growthareacoupon .gw-link {
		left: 30%;
		top: 55.5%;
	}

	.mid2_growthareacoupon .gw-link {
		height:5.5%;
		left: 30%;
		top: 65%;
	}

	.mid2more_growthareacoupon .gw-link {
		height:5.5%;
		left: 30%;
		top: 65%;
	}

	.high_growthareacoupon .gw-link {
		left: 30%;
		top: 55.5%;
	}

	.growthareacouponWrap .bottodayArea {
		height: auto;
		padding: 5px 0 7px 0;
	}

	.close_leaveMemberPop {
		margin-top: -8px;
		position: absolute;
		right: 12px;
		top: 50%;
	}

	.growthareacouponWrap .todayLDiv {
		padding-left: 9px;
	}

	.growthareacouponWrap .todayLDiv label {
		font-size: 10px;
		line-height: initial;
	}

	.growthareacouponWrap input[type=checkbox]+label:before {
		height: 15px;
		top: 0;
		background: url(/img/chbox_w15h15.jpg) no-repeat left 50%;
	}

	.growthareacouponWrap .todayLDiv input[type="checkbox"]:checked+label {
		background: url(/img/chbox_w15h15.jpg) no-repeat left 50%;
	}

	/*--------------------------------------------------
				 신규회원 기간제 유도 팝업
	--------------------------------------------------*/
	#midpop .layer-popup-content {
		width: 250px;
		height: 335px;
		background: url(/img/new-induce-popM.jpg) no-repeat;
		background-size: contain;
	}

	#highpop .layer-popup-content {
		width: 250px;
		height: 335px;
		background: url(/img/new-induce-popH.jpg) no-repeat;
		background-size: contain;
	}

	#teacherpop .layer-popup-content {
		width: 250px;
		height: 311px;
		background: url(/img/new-induce-popT.jpg) no-repeat;
		background-size: contain;
	}

	#parentspop .layer-popup-content {
		width: 250px;
		height: 335px;
		background: url(/img/new-induce-popP.jpg) no-repeat;
		background-size: contain;
	}

	.new-induce-pop .qgo {
		width: 225px;
		height: 35px;
		position: absolute;
		left: 13px;
		bottom: 17px;
		background: url(/img/blankRn.png) repeat;
		z-index: 9;
		background-size: contain;
	}

	.new-induce-pop .todayLDiv {
		position: absolute;
		right: 22px;
		top: 7px;
	}

	.new-induce-pop .todayLDiv label {
		display: inline-block;
		font-size: 0.7em;
		line-height: 100%;
		font-weight: 400;
		padding-left: 19px;
		cursor: pointer;
	}

	.new-induce-pop .popClose {
		width: 10px;
		height: 10px;
		position: absolute;
		right: 7px;
		top: 9px;
		background: url(/img//close_popupbtn.png) no-repeat;
		background-size: contain;
	}

	/*--------------------------------------------------
				 1학기 기말고사 결제 프로모션 팝업
	--------------------------------------------------*/
	.onethFinalPopWrap {
		width: 280px;
		margin-left: -140px;
	}

	.onethFinalPopWrap .cnt {
		width:100%;
	}

	.parent_onethpop .cnt {
		height: 375px;
		background: url(/img/parent_1thFinalPopimg.jpg) no-repeat;
		position: relative;
		background-size: contain;
	}

	.lecturer_onethpop .cnt {
		height: 490px;
		background: url(/img/lecturer_1thFinalPopimg.jpg) no-repeat;
		position: relative;
		background-size: contain;
	}

	.onethFinalPopWrap .gw-link {
		width:42%;
		height:7%;
		position: absolute;
		background: url(/img/blankRn.png) repeat;
	}

	.parent_onethpop .gw-link {
		height:6.8%;
		left: 27.5%;
		top: 60.5%;
	}

	.lecturer_onethpop .gw-link {
		height:5.3%;
		left: 27.5%;
		top: 71.5%;
	}

	.onethFinalPopWrap .bottodayArea {
		height: auto;
		padding: 5px 0 7px 0;
	}

	.onethFinalPopWrap .close_leaveMemberPop {
		margin-top: -8px;
		position: absolute;
		right: 12px;
		top: 50%;
	}

	.onethFinalPopWrap .todayLDiv {
		padding-left: 9px;
	}

	.onethFinalPopWrap .todayLDiv label {
		font-size: 10px;
		line-height: initial;
	}

	.onethFinalPopWrap input[type=checkbox]+label:before {
		height: 15px;
		top: 0;
		background: url(/img/chbox_w15h15.jpg) no-repeat left 50%;
	}

	.onethFinalPopWrap .todayLDiv input[type="checkbox"]:checked+label {
		background: url(/img/chbox_w15h15.jpg) no-repeat left 50%;
	}
}