/*--------------------------------------------------------------------------------------
# 튜터리스트 페이지
--------------------------------------------------------------------------------------*/
.engtutorWrap{
	/* margin-top: 9rem; */
    position: relative;
    width: 100%;
}

.engtoBox {
	overflow:hidden;
    width: 100%;
    position: relative;
    height: 57rem;
    z-index: 10;
	background:#d9e0ea;
    /* background-image: url(/img/tutor/entumainbg.jpg); */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    /* background-position: center; */
}

.entteaimg {
    display: block;
    /* left: 50%; */
	left:0rem;
    position: absolute;
	width:100%;
    z-index: 10;
    bottom: 0rem;
	text-align:center;
}
.entteaimg img {
    display: inline-block;
    height: 55.3rem;
}
.engtoInner {
    padding: 11rem 0rem 0rem 0rem;
    max-width: 95rem;
    width: 100%;
    position: relative;
    height: 100%;
    margin: 0 auto;
	z-index:20;
}
.entu {
    margin-bottom: 7rem;
    display: block;
    position: relative;
    text-align: left;
}
.entu dl {
    color: #4f4e4c;
    font-size: 5rem;
    font-family: 'WOFF_2';
}
.entu dl span {
    text-shadow: 2px 2px 2px #666;
    letter-spacing: -4px;
    font-size: 6.2rem;
    font-family: 'WOFF_4';
    color: #0066bb;
    margin-right: 0.4rem;
}
.bentu {
    display: flex;
    justify-content: flex-end;
}
.bentu span {
    text-shadow: 2px 2px 2px #666;
    color: #fff;
    line-height: 11rem;
    letter-spacing: -4px;
    font-family: 'WOFF_4';
    font-size: 8rem;
}
.bentu dt {
    text-shadow: 2px 2px 2px #666;
    color: #fff;
    line-height: 12rem;
    font-size: 6rem;
    font-family: 'WOFF_2';
}
.bentu dd {
    text-shadow: 2px 2px 2px #666;
    position: relative;
    color: #0066bb;
    margin-left: 3rem;
    font-family: 'WOFF_4';
    font-size: 7rem;
    line-height: 12rem;
}
.bentu dd:before {
    content: '';
    position: absolute;
    left: 3rem;
    top: -0.2rem;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    background: #0066bb;
}
.bentu dd:after {
    content: '';
    position: absolute;
    right: 3.2rem;
    top: -0.2rem;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    background: #0066bb;
}
.bentu b {
    color: #4f4e4c;
    letter-spacing: -3px;
    line-height: 12.5rem;
    font-size: 5rem;
    font-family: 'WOFF_2';
}
.entBannerBox {
    display: flex;
    z-index: 20;
    width: 100%;
    position: absolute;
    left: 0rem;
    bottom: 0rem;
    height: 8rem;
    align-items: center;
    justify-content: center;
    background-image: url(/img/tutor/entumain_banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.entBannerBox dl {
    letter-spacing: 0.5px;
    display: block;
    color: #fff;
    font-family: 'WOFF_1';
    text-align: center;
    font-size: 2.2rem;
}
.entBannerBox dl span {
    font-family: 'WOFF_3';
}

/* .engtoBox { */
    /* width: 100%; */
    /* position: relative; */
    /* height: 85rem; */
    /* z-index: 10; */
	
	/* background-image: url(/img/tutor/entumainbg.jpg); */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    /* background-position: center; */
/* } */
/* .engtoInner { */
    /* padding: 22rem 0rem 0rem 0rem; */
    /* max-width: 118rem; */
    /* width: 100%; */
    /* position: relative; */
    /* height: 100%; */
    /* margin: 0 auto; */
/* } */
/* .entu { */
    /* margin-bottom: 11.5rem; */
    /* display: block; */
    /* position: relative; */
    /* text-align: left; */
/* } */
/* .entu dl span { */
    /* letter-spacing: -4px; */
    /* font-size: 7.2rem; */
    /* font-family: 'WOFF_4'; */
    /* color: #0066bb; */
/* } */
/* .entu dl { */
    /* color: #4f4e4c; */
    /* font-size: 6rem; */
    /* font-family: 'WOFF_2'; */
/* } */

/* .bentu { */
    /* display: flex; */
    /* justify-content: flex-end; */
/* } */
/* .bentu span { */
	/* color: #fff; */
    /* line-height: 11rem; */
    /* letter-spacing: -4px; */
    /* font-family: 'WOFF_4'; */
    /* font-size: 10rem; */
/* } */
/* .bentu dt { */
    /* color: #fff; */
    /* line-height: 12rem; */
    /* font-size: 7rem; */
    /* font-family: 'WOFF_2'; */
/* } */
/* .bentu dd { */
	/* position:relative; */
    /* text-shadow: 2px 2px 2px #fff; */
    /* color: #0066bb; */
    /* margin-left: 6.2rem; */
    /* font-family: 'WOFF_4'; */
    /* font-size: 8rem; */
    /* line-height: 12rem; */
/* } */
/* .bentu dd:before { */
    /* content: ''; */
    /* position: absolute; */
    /* left: 3rem; */
    /* top: -0.2rem; */
    /* width: 0.9rem; */
    /* height: 0.9rem; */
    /* border-radius: 50%; */
    /* background: #0066bb; */
/* } */
/* .bentu dd:after { */
    /* content: ''; */
    /* position: absolute; */
    /* right: 3.2rem; */
    /* top: -0.2rem; */
    /* width: 0.9rem; */
    /* height: 0.9rem; */
    /* border-radius: 50%; */
    /* background: #0066bb; */
/* } */
/* .bentu b { */
	/* color: #4f4e4c; */
    /* letter-spacing: -3px; */
    /* line-height: 12.5rem; */
    /* font-size: 6.8rem; */
    /* font-family: 'WOFF_2'; */
/* } */


/* .entBannerBox { */
    /* display: flex; */
    /* z-index: 20; */
    /* width: 100%; */
    /* position: absolute; */
    /* left: 0rem; */
    /* bottom: 0rem; */
    /* height: 12rem; */
    /* align-items: center; */
    /* justify-content: center; */
	
	/* background-image: url(/img/tutor/entumain_banner.jpg); */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    /* background-position: center; */
/* } */
/* .entBannerBox dl { */
    /* letter-spacing: 0.5px; */
    /* display: block; */
    /* color: #fff; */
    /* font-family: 'WOFF_1'; */
    /* text-align: center; */
    /* font-size: 3rem; */
/* } */
/* .entBannerBox dl span { */
    /* font-family: 'WOFF_3'; */
/* } */


.tucirBox {
    width: 100%;
    position: relative;
    padding: 10rem 0rem;
}
.tucirSideBox {
    max-width: 107rem;
    position: relative;
    margin: 0 auto;
    padding: 0rem 2rem;
}
.tucirtitle{
	display:block;
	text-align:Center;
}
.tucirtitle h1 {
    color: #222;
    line-height: 6rem;
    letter-spacing: -2.2px;
    font-size: 3.6rem;
    display: block;
    text-align: center;
    font-family: 'WOFF_0';
}
.tucirtitle h1 dt{
	display:inline-block;
	font-family: 'WOFF_4';
	color: #041b39;
}
.tucirtitle h1 span {
    letter-spacing: -3.2px;
    font-family: 'WOFF_4';
    font-size: 4.6rem;
	color: #041b39;
}
.tucirtitle img {
    margin: 5rem 0rem;
    max-width: 100%;
    display: inline-block;
}

.tucir {
    margin-top: 5rem;
    width: 100%;
    position: relative;
}
.tucir ul {
    text-align: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.tucir li {
    float: left;
    text-align: center;
    width: 22.9rem;
    position: relative;
    display: inline-block;
    list-style: none;
    margin: 0 1.4rem;
}
.tucir li img{
	max-width:100%;
}
.tucir li dl {
    width: 100%;
    line-height: 2.6rem;
    letter-spacing: -0.8px;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    font-family: 'WOFF_2';
    font-size: 2rem;
}
.tucir li dl span {
    line-height: 3rem;
    font-size: 2.2rem;
    font-family: 'WOFF_4';
    letter-spacing: -2.2px;
	color:#0066ba;
}

/* 특강 ai 첨삭 버튼 */
.aiBtnWrap {position:absolute; top:5px; right:200px;}
.btn_ai {border-radius:5px; background:#0077EE; color:#fff; font-size:2.2em; cursor:pointer;}
.aiBtnWrap .aiBtnCmt {font-size:1.4em;color:orangered; margin-top:5px;}


.entulistBox {
    padding: 13rem 0rem 5rem 0rem;
    background: #e0dfdd;
    width: 100%;
    position: relative;
}


.entulistaddcont {
    display: flex;
    padding: 0rem 2rem 4rem 2rem;
    width: 100%;
    position: relative;
    max-width: 144rem;
    margin: 0 auto;
    justify-content: space-between;
}
.entulistaddcont h2{
	letter-spacing: -3.2px;
    font-family: 'WOFF_4';
    font-size: 4.6rem;
    color: #041b39;
}
.entulistaddcont .SearchBox{
	margin-bottom:0rem;
}
.entulistaddcont .SearchBox .Search{
    display: flex;
    position: relative;
}
.sealist {
    position: relative;
    border-radius: 0.6rem;
    border: 1px solid #f8f8f8;
    margin-right: 0.6rem;
    background-color: #f8f8f8;
    width: 7rem;
    height: 5rem;
}
.sealist a {
    line-height: 5rem;
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
    color: #222;
    font-size: 1.6rem;
    font-weight: 400;
}

.entulist {
    width: 100%;
    position: relative;
    max-width: 143rem;
    margin: 0 auto;
}
.entulist ul {
    text-align: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.entulist ul li {
    float: left;
    text-align: center;
    width: calc(25% - 3rem);
    position: relative;
    display: inline-block;
    list-style: none;
    margin: 0 1.5rem 4rem 1.5rem;
}
/* .entulist ul li { */
    /* float: left; */
    /* text-align: center; */
    /* width: calc(33.333333333333% - 4rem); */
    /* position: relative; */
    /* display: inline-block; */
    /* list-style: none; */
    /* margin: 0 2rem 5rem 2rem; */
/* } */
.entuBox {
    border-radius: 3rem;
    width: 100%;
    background: #fff;
	overflow:hidden;
}

.etprofiBox {
    width: 100%;
    position: relative;
    height: 24rem;
    background: #f5f5f5;
}
.etname {
    text-align: left;
    position: relative;
    z-index: 10;
    display: block;
    padding: 2rem 2rem;
}
.etname p {
    margin-bottom: 1rem;
    letter-spacing: -1px;
    font-size: 2.4rem;
    font-family: 'WOFF_4';
    display: block;
    text-align: left;
    color: #4d4d4d;
}
.etname span {
    font-size: 2rem;
    font-family: 'WOFF_2';
    display: block;
    text-align: left;
    letter-spacing: -0.6px;
    color: #f08865;
}
.etproimg {
    overflow: hidden;
    height: 21rem;
    width: 16.8rem;
    z-index: 5;
    position: absolute;
    right: 0rem;
    bottom: -0.3rem;
}
.etproimg img {
    position: absolute;
    top: 50%;
    left: 53%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
    /* max-width: 100%; */
}
.etprofiBox:before {
    content: '';
    position: absolute;
    left: 0rem;
    bottom: 0rem;
    z-index: 4;
    background-image: url(/img/tutor/etimg_bg_01.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 33.5rem;
    height: 13.8rem;
}
.etprofiBox:after {
    content: '';
    position: absolute;
    right: 0rem;
    bottom: 0rem;
    z-index: 4;
    background-image: url(/img/tutor/etimg_bg_02.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 20.9rem;
    height: 21.5rem;
}
.etprofiLine {
    padding: 0rem 1rem 0rem 2rem;
    display: flex;
    z-index: 20;
    width: 100%;
    position: relative;
    height: 3.2rem;
    background: #f08865;
    align-items: center;
}
.etprofiLine dl{
	display:flex;
}
.etprofiLine dl h3 {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: left;
    margin-right: 1rem;
    letter-spacing: -0.1px;
    font-family: 'WOFF_0';
    font-size: 1.24rem;
    color: #fff;
    font-weight: 400;
}
.etprofi_InfoBox {
    width: 100%;
    position: relative;
    background: #fff;
    text-align: left;
    padding: 1.5rem 2rem 1.8rem 2rem;
}
.etprofi_InfoBox dl {
    padding: 0rem 0rem 1rem 3.6rem;
    position: relative;
    display: flex;
}
.etprofi_InfoBox dl:nth-child(1):before {
    content: '';
    width: 2.5rem;
    height: 1.6rem;
    position: absolute;
    left: 0rem;
    top: 0rem;
    background-image: url(/img/tutor/etp_icon_01.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.etprofi_InfoBox dl:nth-child(2):before {
    content: '';
    width: 2.2rem;
    height: 2.1rem;
    position: absolute;
    left: 0.15rem;
    top: 0rem;
    background-image: url(/img/tutor/etp_icon_02.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.etprofi_InfoBox dl:nth-child(3):before {
    content: '';
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
	left: 0.15rem;
    top: 0rem;
    background-image: url(/img/tutor/etp_icon_03.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.etprofi_InfoBox dl h3 {
	line-height: 2.1rem;
    letter-spacing: -1.2px;
    font-family: 'WOFF_2';
    font-size: 1.5rem;
    color: #4d4d4d;
    font-weight: 400;
}
.etprofi_InfoBox dl h2 {
    line-height: 2.1rem;
    letter-spacing: -1.2px;
    font-family: 'WOFF_2';
    font-size: 1.5rem;
    color: #4d4d4d;
    font-weight: 400;
}
.etprofi_InfoBox dl p {
	line-height: 2.1rem;
    letter-spacing: -1.2px;
    font-family: 'WOFF_2';
    font-size: 1.5rem;
    color: #4d4d4d;
    font-weight: 400;
}
.etprofiBtn {
    margin-top: 0.2rem;
    display: block;
    text-align: center;
}
.etprofiBtn span {
    border-radius: 0.4rem;
    display: inline-block;
    width: 15rem;
    height: 4rem;
    position: relative;
    /* background: #4d4d4d; */
}
.etprofiBtn a {
    border-radius: 0.5rem;
    border: 1px solid #444;
    letter-spacing: -0.5px;
    line-height: 4rem;
    font-family: 'WOFF_2';
    position: absolute;
    color: #444;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
    font-size: 1.4rem;
}
.etprofiBtn a:hover{
	border:1px solid #f08865;
	background: #f08865;
	color:#fff;
}

.entuBomBox {
    width: 100%;
    position: relative;
    background: #86b1dc;
    padding: 10rem 2rem 9rem 2rem;
}
.entuBominner{
	display:block;
	text-align:center;
}
.entuBominner h2 {
    line-height: 3.8rem;
    letter-spacing: -1.2px;
    font-weight: 400;
    font-size: 2.6rem;
    font-family: 'WOFF_1';
}
.entuBominner h2 p {
    line-height: 6rem;
    display: block;
    letter-spacing: -3.2px;
    font-weight: 400;
    font-size: 4.6rem;
    font-family: 'WOFF_4';
    color: #004797;
    margin-top: 1rem;
}
.entuBominner a {
    margin-top: 3rem;
    display: inline-block;
}
.entuBominner a img{
	height:7.6rem;
	max-width:100%;
	display:inline-block;
}
@media (max-width: 1200px) {
	.entulist ul li {
		float: left;
		text-align: center;
		width: calc(33.333333333333% - 4rem);
		position: relative;
		display: inline-block;
		list-style: none;
		margin: 0 2rem 5rem 2rem;
	}
}
@media (max-width: 991px) {
	.engtutorWrap {
		/* margin-top: 7rem; */
	}
	.engtoBox {
		height: 50rem;
	}
	.entteaimg img {
		height: 45.3rem;
	}
	.engtoInner {
		max-width: 76rem;
		padding: 13rem 0rem 0rem 0rem;
	}
	.entu {
		margin-bottom: 5rem;
	}
	.entu dl {
		font-size: 4.2rem;
	}
	.entu dl span {
		text-shadow: 2px 2px 2px #666;
		letter-spacing: -4px;
		font-size: 5.2rem;
		margin-right: 0.4rem;
	}
	.bentu span {
		text-shadow: 2px 2px 2px #666;
		line-height: 10rem;
		letter-spacing: -4px;
		font-size: 7rem;
	}
	.bentu dt {
		text-shadow: 2px 2px 2px #666;
		line-height: 10rem;
		font-size: 5.2rem;
	}
	.bentu dd {
		text-shadow: 2px 2px 2px #666;
		margin-left: 2rem;
		font-size: 6rem;
		line-height: 10rem;
	}
	.bentu dd:before {
		left: 2.4rem;
		top: 0.2rem;
		width: 0.9rem;
		height: 0.9rem;
	}
	.bentu dd:after {
		right: 2.4rem;
		top: 0.2rem;
		width: 0.9rem;
		height: 0.9rem;
	}
	.bentu b {
		letter-spacing: -3px;
		line-height: 10.5rem;
		font-size: 4.2rem;
	}
	.entBannerBox {
		height: 6rem;
	}
	.entBannerBox dl {
		letter-spacing: 0.5px;
		font-size: 2rem;
	}
	.tucirtitle img {
		width: 34.2rem;
		margin: 5rem 0rem;
	}
	
	
	.tucirBox {
		padding: 8rem 0rem 6rem 0rem;
	}
	.tucir {
		margin: 5rem auto 0rem auto;
		max-width: 54rem;
		margin-top: 4rem;
	}
	.tucirtitle h1 {
		line-height: 5.6rem;
		letter-spacing: -2px;
		font-size: 3.2rem;
	}
	.tucirtitle h1 span {
		letter-spacing: -3.2px;
		font-family: 'WOFF_4';
		font-size: 4rem;
	}
	.tucir li {
		margin: 0 1rem 2rem 1rem;
		width: calc(50% - 2rem);
	}
	.tucir li img {
		height: 23.9rem;
		max-width: 100%;
	}
	
	
	
	.entulistBox {
		padding: 8rem 1rem 4rem 1rem;
	}
	.entulist ul li {
		float: left;
		text-align: center;
		width: calc(33.333333333333% - 2rem);
		position: relative;
		display: inline-block;
		list-style: none;
		margin: 0 1rem 4rem 1rem;
	}
	.etname {
		padding: 2rem 1.4rem;
	}
	.etname p {
		margin-bottom: 0.5rem;
		letter-spacing: -1.2px;
		font-size: 2rem;
	}
	.etname span {
		font-size: 1.6rem;
		letter-spacing: -0.6px;
	}
	.etprofiLine {
		padding: 0rem 1rem 0rem 1.4rem;
		height: 3.2rem;
	}
	.etprofi_InfoBox {
		padding: 1.5rem 1.4rem 1.6rem 1.4rem;
	}
	
	
	
	.entuBomBox {
		padding: 8rem 2rem 7rem 2rem;
	}
	.entuBominner h2 {
		line-height: 3.2rem;
		letter-spacing: -1px;
		font-size: 2.2rem;
	}
	.entuBominner h2 p {
		line-height: 5rem;
		letter-spacing: -3.2px;
		font-size: 4rem;
		margin-top: 1rem;
	}
	.entuBominner a {
		margin-top: 2rem;
	}
	.entuBominner a img {
		height: 6.6rem;
	}
}

@media (max-width: 800px) {
	.entulist ul li {
		float: left;
		text-align: center;
		width: calc(50% - 2rem);
		position: relative;
		display: inline-block;
		list-style: none;
		margin: 0 1rem 4rem 1rem;
	}
}

@media (max-width: 767px) {
	.engtutorWrap {
		/* margin-top: 6rem; */
	}
	.engtoBox {
		padding: 0rem 1rem;
		height: 40rem;
	}
	
	.engtoBox:before{
		content:'';
		width:100%;
		height:100%;
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		z-index:10;
		background:rgba(0,0,0,0.1)
	}
	/* .engtoInner { */
		/* position:relative; */
		/* z-index:20; */
		/* padding: 19rem 2rem 0rem 2rem; */
	/* } */
	.entteaimg img {
		height: 36.3rem;
	}
	
	.engtoInner {
		border-radius: 1rem;
		top: 19rem;
		height: auto;
		background: rgba(255,255,255,0.5);
		position: relative;
		z-index: 20;
		padding: 1.4rem 1rem 1rem 1rem;
	}
	
	.entu {
		/* border-radius: 0.8rem; */
		/* background: rgba(0,0,0,0.1); */
		/* padding: 0.3rem 0.6rem; */
		display: inline-block;
		margin-bottom: 1.4rem;
	}
	.entu dl {
		font-size: 2.6rem;
	}
	.entu dl span {
		text-shadow: 1px 1px 1px #666;
		letter-spacing: -3px;
		font-size: 3.4rem;
		margin-right: 0.4rem;
	}
	.bentu {
		display: flex;
		justify-content: flex-start;
	}
	.bentu span {
		text-shadow: 1px 1px 1px #666;
		line-height: 5rem;
		letter-spacing: -3px;
		font-size: 4.6rem;
	}
	.bentu dt {
		text-shadow: 1px 1px 1px #666;
		line-height: 5rem;
		font-size: 3rem;
	}
	.bentu dd {
		letter-spacing: -3px;
		text-shadow: 1px 1px 1px #666;
		margin-left: 1.4rem;
		font-size: 4.4rem;
		line-height: 5rem;
	}
	.bentu b {
		letter-spacing: -3px;
		line-height: 5.5rem;
		font-size: 2.6rem;
	}
	.bentu dd:before {
		left: 1.6rem;
		top: -0.8rem;
		width: 0.6rem;
		height: 0.6rem;
	}
	.bentu dd:after {
		right: 1.4rem;
		top: -0.8rem;
		width: 0.6rem;
		height: 0.6rem;
	}
	.entBannerBox {
		height: 5rem;
	}
	.entBannerBox dl {
		letter-spacing: -0.2px;
		font-size: 1.4rem;
	}
	
	
	
	.tucirBox {
		padding: 6rem 0rem 4rem 0rem;
	}
	.tucirSideBox {
		padding: 0rem 1rem;
	}
	.tucirtitle h1 {
		line-height: 4rem;
		letter-spacing: -2px;
		font-size: 2.2rem;
	}
	.tucirtitle h1 span {
		letter-spacing: -2.8px;
		font-size: 3rem;
	}
	.tucirtitle img {
		width: 24.2rem;
		margin: 3rem 0rem;
	}
	.tucir {
		margin-top: 3rem;
	}
	.tucir li img {
		width: 100%;
		height: auto;
	}
	.tucir li dl {
		line-height: 2.1rem;
		letter-spacing: -0.8px;
		font-size: 1.6rem;
	}
	.tucir li dl span {
		line-height: 2.2rem;
		font-size: 1.8rem;
		letter-spacing: -2.2px;
	}
	
	
	
	.entulistBox {
		padding: 6rem 1rem 4rem 1rem;
	}
	
	.entulistaddcont {
		display: block;
		padding: 0rem 1rem 3rem 1rem;
	}
	.entulistaddcont h2 {
		letter-spacing: -1px;
		font-family: 'WOFF_4';
		font-size: 3rem;
		color: #041b39;
		display:block;
		margin-bottom:2rem;
	}
	
	.entulist ul li {
		width: calc(50% - 2rem);
		margin: 0 1rem 2rem 1rem;
	}
	.entuBox {
		border-radius: 2rem;
	}
	.etprofiBox {
		height: 17rem;
	}
	.etproimg {
		bottom: -2.6rem;
		height: 19.8rem;
		width: 15.8rem;
	}
	.etproimg img {
		height: auto;
		width: 100%;
	}
	.etname p {
		margin-bottom: 1rem;
		letter-spacing: -0.6px;
		font-size: 2.1rem;
	}
	.etname span {
		font-size: 1.8rem;
		letter-spacing: -0.2px;
	}
	
	
	.entuBomBox {
		padding: 6rem 2rem 6rem 2rem;
	}
	.entuBominner h2 {
		line-height: 2.8rem;
		letter-spacing: -0.8px;
		font-size: 1.8rem;
	}
	.entuBominner h2 br{
		display:none;
	}
	.entuBominner h2 p {
		line-height: 4.2rem;
		letter-spacing: -2.4px;
		font-size: 3rem;
		margin-top: 2rem;
	}
	.entuBominner a img {
		height: 5.6rem;
	}
}

@media (max-width: 620px) {
	.entulist ul li {
		width: calc(100% - 0rem);
		margin: 0 1rem 2rem 1rem;
	}
}
@media (max-width: 350px) {
	.entu dl span {
		letter-spacing: -2px;
		font-size: 3.2rem;
		margin-right: 0.4rem;
	}
	.bentu dd {
		margin-left: 1rem;
		font-size: 4rem;
		line-height: 5rem;
	}
	.bentu span {
		line-height: 5rem;
		letter-spacing: -3px;
		font-size: 4rem;
	}
	.tucirtitle h1 {
		line-height: 3.5rem;
		letter-spacing: -2px;
		font-size: 2rem;
	}
}

/*--------------------------------------------------------------------------------------
# 튜터 상세 페이지
--------------------------------------------------------------------------------------*/
.engtutordetailWrap{
	width:100%;
	position:relative;
	/* margin-top: 9rem; */
}

.entudetopbox {
    position: relative;
    background: #fff;
    padding: 6rem 0rem 8rem 0rem;
}
.entutopsidebox{
	max-width:100rem;
	padding:0rem 2rem;
	margin:0 auto;
	position:relative;
}

.b_backbtnBox {
    position: relative;
    display: flex;
    margin-bottom: 4rem;
}
.b_backbtn {
    display: flex;
}
.b_backbtn a {
    display: flex;
}
.b_backbtn img {
    height: 6rem;
}
.b_backbtn dl {
    font-size: 2.2rem;
    font-family: 'Pretendard-Medium';
    line-height: 6rem;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-left: 1.6rem;
}

.entut_title {
    margin-bottom: 4rem;
    display: block;
    text-align: left;
}
.entut_title h3 {
    margin-bottom: 1rem;
    display: block;
    text-align: left;
    font-family: 'Pretendard-Bold';
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: 0em;
    color: #272f82;
}
.entut_title h1 {
    color: #222;
    letter-spacing: -1px;
    line-height: 6rem;
    display: block;
    text-align: left;
    font-family: WOFF_3;
    font-size: 5rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid #EEEEEE;
}

.entut_videoBox {
    padding: 0rem 5rem;
    width: 100%;
    position: relative;
}
.entut_video {
    border-radius: 1.6rem;
    position: relative;
    padding-bottom: 56.4%;
    overflow: hidden;
}
.entut_video video{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
}
.entut_video video [poster]{ 
	height:100%;
	width:100%;
}


.entudebottombox{
	width:100%;
	position:relative;
	background:#fbf7ee;
	padding:8rem 0rem 10rem 0rem;
}
.entudebottomsidebox{
	max-width:100rem;
	padding:0rem 2rem;
	margin:0 auto;
	position:relative;
}

.tudebtnbox {
    margin-top: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tudebtn{
	display:inline-block;
	margin:0rem 2rem;
}
.tudebtn a img {
    height: 5.3rem;
}

.entubmarbNone{
	margin-bottom:0rem!important;
}
.entub_inner{
	width:100%;
	position:relative;
	margin-bottom:10rem;
}
.entub_inner:last-child{
	margin-bottom:0rem;
}
.entub_inner h2 {
    margin-bottom: 2rem;
    font-size: 2.8rem;
    line-height: 4rem;
    display: block;
    text-align: left;
    color: #222;
    font-family: WOFF_3;
}

.entb_introbox {
    width: 100%;
    position: relative;
    padding: 0rem 0rem 0rem 27rem;
    min-height: 36rem;
}
.entb_intproBox{
	position:absolute;
	left:0rem;
	top:0rem;
	width:24rem;
}
.entb_intImg{
	width:100%;
	position:relative;
}
.entb_intImg img{
	max-width:100%;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}
.entb_intsub{
	display:block;
	margin-top:2rem;
}
.entb_intsub dl {
    line-height: 2.2rem;
    letter-spacing: -0.2px;
    padding-left: 1.2rem;
    display: block;
    position: relative;
    /* font-family: WOFF_1; */
    font-family: Pretendard;
    font-size: 1.6rem;
    margin-bottom: 1rem;
    color: #222;
	min-height: 2.2rem;
}
.entb_intsub dl:before {
    content: '';
    width: 0.3rem;
    height: 0.3rem;
    position: absolute;
    left: 0rem;
    top: 0.9rem;
    background: #222;
    border-radius: 50%;
}
.entb_intsub dl:last-child{
	margin-bottom:0rem;
}

.entb_inttext {
    padding: 2rem 3rem;
    display: block;
    background: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}
.entb_inttext p {
    font-weight: 400;
    display: block;
    text-align: left;
    font-family: 'Roboto','Pretendard';
    /* font-family: 'Pretendard-Medium'; */
    font-size: 1.8rem;
    line-height: 2.8rem;
}


.entvilistBox{
	width:100%;
	display:flex;
}
.entvilist{
	width:100%;
}
.entvilist:nth-child(1){
	margin-right:1.5rem;	
}
.entvilist:nth-child(2){
	margin-left:1.5rem;	
}

.entvideobox {
    border-radius: 1rem;
    position: relative;
    padding-bottom: 56.4%;
    overflow: hidden;
}
.entvideobox video{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
}

.entvtitle {
    margin-top: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.entvti {
    padding: 0rem 0.6rem;
    display: flex;
    position: relative;
}
.entvti p {
	position:relative;
	z-index:20;
    line-height: 2rem;
    letter-spacing: -0.2px;
    font-size: 1.8rem;
    font-family: WOFF_2;
    color: #222;
}
.entvti p span {
    line-height: 2rem;
    font-size: 2rem;
    font-family: WOFF_4;
}
.entvti dl {
    position: absolute;
    left: 0rem;
    bottom: -0.2rem;
    width: 100%;
    height: 1.2rem;
    background: #f6e9bf;
    z-index: 10;
}

@media (max-width: 991px){
	.engtutordetailWrap {
		/* margin-top: 7rem; */
	}
}
@media (max-width: 850px){
	.entvilistBox {
		width: 100%;
		display: block;
	}
	.entvilist:nth-child(1) {
		margin-bottom: 5rem;
		margin-right: 0rem;
	}
	.entvilist:nth-child(2) {
		margin-left: 0rem;
	}
}
@media (max-width: 767px){
	.engtutordetailWrap {
		/* margin-top: 6rem; */
	}
	.entudetopbox {
		padding: 4rem 0rem 6rem 0rem;
	}
	
	.b_backbtnBox {
		margin-bottom: 2rem;
	}
	.b_backbtn img {
		height: 4rem;
	}
	.b_backbtn dl {
		font-size: 1.8rem;
		line-height: 4rem;
		margin-left: 1.1rem;
	}
	
	
	.entut_title {
		margin-bottom: 3rem;
	}
	.entut_title h3 {
		margin-bottom: 0.6rem;
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.entut_title h1 {
		line-height: 4rem;
		font-size: 3.2rem;
		padding-bottom: 2rem;
	}
	.entut_videoBox {
		padding: 0rem 0rem;
	}
	.entut_video {
		border-radius: 0.6rem;
	}
	
	
	.entudebottombox {
		padding: 6rem 0rem 6rem 0rem;
	}
	.entub_inner {
		margin-bottom: 6rem;
	}
	.entub_inner h2 {
		margin-bottom: 2rem;
		font-size: 2.4rem;
		line-height: 3.2rem;
	}
	.entb_introbox {
		padding: 0rem 0rem 0rem 0rem;
		min-height: auto;
	}
	.entb_intproBox {
		margin-bottom: 2rem;
		position: relative;
		left: 0rem;
		top: 0rem;
		width: 100%;
	}
	.entb_intImg {
		width: 18rem;
		position: relative;
	}
	/* .entb_intsub { */
		/* padding-left: 20rem; */
		/* width: 100%; */
		/* transform: translateY(-50%); */
		/* top: 50%; */
		/* right: 0rem; */
		/* position: absolute; */
		/* display: block; */
		/* margin-top: 0rem; */
	/* } */
	.entb_intsub {
		margin-bottom: 3rem;
		padding-left: 0rem;
		width: 100%;
		transform: inherit;
		top: 0;
		right: 0rem;
		position: relative;
		display: block;
		margin-top: 1rem;
	}
	.entb_intsub dl {
		padding-left: 1rem;
		font-size: 1.6rem;
		margin-bottom: 0.8rem;
	}
	
	
	.entb_inttext p {
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	.entb_inttext {
		padding: 1.6rem 2rem;
	}
	
	.tudebtn {
		display: inline-block;
		margin: 0rem 0.5rem;
	}
	.tudebtn a img {
		height: 4.3rem;
	}
}

/*--------------------------------------------------------------------------------------
# 무료수업신청 페이지
--------------------------------------------------------------------------------------*/
.freelecWrap{
	/* margin-top: 9rem; */
    position: relative;
    width: 100%;
}


.newflintroBox{
	width: 100%;
    background:#eef2f5;
    height: auto;
	padding:4rem 0rem;
}
.newflintroSideBox{
	max-width: 98rem;
    padding: 0rem 2rem 0rem 2rem;
    margin: 0 auto;
}
.fliInner {
	position:relative;
}
.fliInner h1 {
    letter-spacing: -3.4px;
    display: block;
    /* letter-spacing: -5px; */
    font-size: 5rem;
	line-height:6rem;
    font-family: 'WOFF_3';
    color: #364765;
    margin-bottom: 2rem;
}
.fliInner h2 {
    display: block;
    font-family: 'WOFF_2';
    font-size: 2rem;
    line-height: 3rem;
    letter-spacing: -1.1px;
    color: #364765;
}


.fraiboxInner{
	border-top: 1px solid #364765;
    /* padding-top: 2rem; */
	padding: 2rem 4rem 0 4rem;
    margin-top: 2rem;
}
.frh2te {
    border-radius: 1rem;
    padding: 1rem;
    background: #272f82;
    margin-bottom: 2rem;
    display: block;
}
.frh2te h2{
	    text-align: center;
	color:#fff;
	font-size: 1.8rem;
    line-height: 2.4rem;
    font-family: 'WOFF_2';
}
.frh2te h2 dl {
	color: #272f82;
    margin-top: 0.6rem;
    font-size: 2.2rem;
    line-height: 3rem;
    font-family: 'WOFF_3';
    border-radius: 0.4rem;
    padding: 0.2rem 0.8rem;
    background: #ffc000;
    display: inline-block;
}
.fraibox {
    display: flex;
    justify-content: space-between;
}
.frai{
	display:inline-block;
	margin-right:2rem;
}
.frai:last-child{
	margin-right:0rem;
}
.frai img{
	height:28.3rem;
	max-width:100%;
}
.frai dl {
    margin-bottom: 1rem;
    display: block;
    font-family: 'WOFF_2';
    font-size: 1.8rem;
    line-height: 2rem;
    letter-spacing: -0.4px;
    color: #364765;
}
.fraiboxSlie{display:none;}
.swiper-pagination{display:none;}
@media (max-width: 767px){
	.newflintroBox {
		overflow:hidden;
		padding: 3rem 0rem;
	}
	.fliInner h1 {
		letter-spacing: -2px;
		font-size: 2.8rem;
		line-height: 3rem;
		margin-bottom: 1rem;
	}
	.fliInner h2 {
		font-size: 1.5rem;
		line-height: 2.4rem;
		letter-spacing: -1.1px;
	}
	
	.fraiboxInner {
		padding: 2rem 0rem 0 0rem;
		margin-top: 2rem;
	}
	.frh2te h2 {
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.frh2te h2 dl {
		margin-top: 0.2rem;
		font-size: 1.5rem;
		line-height: 1.8rem;
		border-radius: 0.2rem;
		padding: 0.2rem 0.8rem;
	}
	.frh2te {
		border-radius: 0.4rem;
		padding:1rem 0.4rem;
		margin-bottom: 2rem;
	}
	
	.fraibox{display:none;}
	.fraiboxSlie{display:block;}
	
	.frai dl {
		margin-bottom: 0.6rem;
		font-size: 1.4rem;
		line-height: 1.6rem;
		letter-spacing: -0.2px;
	}
	.frai img {
		height: auto;
		max-width: 100%;
	}
}
@media (max-width: 420px){
	/* .fraiboxSlie .swiper-slide{width:auto!important;} */
	.newflintroBox {
		padding: 3rem 0rem 5rem 0rem;
	}
	.fraiboxSlie{
		position:relative;
	}
	.fraiboxSlie .swiper{overflow:hidden;}
	.frai img {
		/* height: 28.3rem; */
		max-width: 100%;
	}
	.swiper-pagination{display:block;}
	
	.fraiboxSlie .swiper-pagination {
		position: absolute;
		width: 100%;
		bottom: -29px;
		padding-left: 10px;
		padding-right: 10px;
		margin: 0px auto 0px auto;
		text-align: center;
		-webkit-transition: .3s opacity;
		-o-transition: .3s opacity;
		transition: .3s opacity;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		z-index: 10;
	}
	.fraiboxSlie .swiper-pagination-bullet-active{
		background: #272f82;
	}
	.fraiboxSlie .swiper-pagination-bullet{
		    margin: 5px;
	}
}





.flintroBox{
	width:100%;
	background:#eef2f5;
	height:38rem;
}
.flintroInner {
    max-width: 106rem;
    padding: 11rem 2rem 0rem 2rem;
    margin: 0 auto;
}
.flintroInner h1 {
    letter-spacing: -3.4px;
    display: block;
    /* letter-spacing: -5px; */
    font-size: 6rem;
    font-family: 'WOFF_3';
    color: #364765;
    margin-bottom: 3rem;
}
.flintroInner h2 {
    display: block;
    font-family: 'WOFF_2';
    font-size: 2.5rem;
    line-height: 3.6rem;
    letter-spacing: -1.1px;
    color: #433f3c;
}

.selfreeBox{
	width:100%;
	position:relative;
	padding:10rem 0rem;
	background:#fff;
}
.selfreeSideBox {
    max-width: 98rem;
    padding: 0rem 2rem;
    margin: 0 auto;
}
.selfBox {
    margin-bottom: 8rem;
    display: block;
    text-align: left;
}
.selfBox h2 {
    letter-spacing: -1px;
    color: #222222;
    display: block;
    line-height: 4rem;
    /* letter-spacing: -2.4px; */
    position: relative;
    padding: 0rem 0rem 0rem 0rem;
    font-family: 'WOFF_3';
    font-size: 2.8rem;
    margin-bottom: 2rem;
}
/* .selfBox h2:before { */
    /* content: ''; */
    /* position: absolute; */
    /* left: 0rem; */
    /* top: 0.2rem; */
    /* width: 1rem; */
    /* height: 4rem; */
    /* background: #272f82; */
/* } */
.manymulcheck .ckque input[type=radio]+label {
    height: 8.4rem;
    display: flex;
    justify-content: center;
    padding-left: 2rem;
    text-align: left;
    align-items: flex-start;
    flex-direction: column;
}
.manymulcheck .ckque input[type=radio]+label b {
    margin: 0.4rem 0 0 0;
	font-family: 'Pretendard-Light';
    font-size: 1.5rem;
    line-height: 2rem;
	color:#555;
}
.manymulcheck .ckque input[type=radio]:checked+label b{
	color:#fff;
}


.selfBox.procedureitem {
    margin-bottom: 7rem;
}
.procedureitem .checkInner{
	text-align: left;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	list-style: none;
	padding: 0;
	margin: 0;
}
.procedureitem .checkInner .ckque {
	width: calc(33.3333333% - 0.67rem);
    margin: 0rem 1rem 1rem 0rem;
}
.procedureitem .checkInner .ckque:nth-child(3){
	margin: 0rem 0rem 1rem 0rem;
}
.procedureitem .checkInner .ckque:nth-child(6){
	margin: 0rem 0rem 1rem 0rem;
}
.procedureitem .checkInner .ckque:nth-child(9){
	margin: 0rem 0rem 1rem 0rem;
}
.procedureitem .checkInner .ckque:last-child {
    margin-right: 0px;
}

.checkInner{text-align:left;display:flex;}
.ckque:first-of-type input[type=radio]+label{margin-top: 0px;}
.ckque{width:100%;position:relative;margin:0px 0.5rem;}

.ckque.best:before {
    z-index: 2;
    content: 'BEST';
    top: 2rem;
    right: 1.4rem;
    position: absolute;
    text-align: center;
    margin-left: 0;
    font-weight: 600;
    width: 5rem;
    height: 3rem;
    background: #192770;
    border-radius: 2rem;
    font-size: 1.3rem;
    letter-spacing: -0.2px;
    color: #fff;
    line-height: 3rem;
    display: inline-block;
}
.ckque.new:before {
    z-index: 2;
    content: 'NEW';
    top: 2rem;
    right: 1.4rem;
    position: absolute;
    text-align: center;
    margin-left: 0;
    font-weight: 600;
    width: 5rem;
    height: 3rem;
    background: #C11B2F;
    border-radius: 2rem;
    font-size: 1.3rem;
    letter-spacing: -0.2px;
    color: #fff;
    line-height: 3rem;
    display: inline-block;
}
@media (max-width: 1200px) {
	.ckque.best:before, .ckque.new:before {
		top: 1rem;
		right: 1rem;
		width: 4.2rem;
		height: 2.4rem;
		border-radius: 2rem;
		font-size: 1.1rem;
		line-height: 2.4rem;
	}
}
@media (max-width: 767px) {
	.ckque.best:before, .ckque.new:before {
		letter-spacing: 0;
		top: 0.5rem;
		right: 0.5rem;
		width: 3.2rem;
		height: 1.8rem;
		border-radius: 2rem;
		font-size: 8px;
		line-height: 1.8rem;
	}
}

.ckque input[type=radio] {display:none;}
.ckque input[type=radio]+label {
	border: 1px solid #ccc;
    position: relative;
    cursor: pointer;
    display: flex;
    font-size: 1.8rem;
    height: 5.4rem;
    color: #222;
    width: 100%;
    background: #F6F6F6;
    position: relative;
    border-radius: 0.6rem;
    text-align: center;
    font-family: 'Pretendard-Medium';
    align-items: center;
    justify-content: center;
}
.ckque input[type=radio]+label:before {
    transform: translateY(-50%);
    content: none;
    position: absolute;
    right: 2rem;
    top: 50%;
    width: 2.2rem;
    height: 2.2rem;
    background-image: url(
	/img/sub/submit/br_checkicon.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.ckque input[type=radio]:checked+label{border: 1px solid #272f82;font-family: 'Pretendard-Bold';background:#272f82; color: #fff;}
.ckque input[type=radio]:checked+label:before{
	content: '';
}

.ckque:nth-child(1){
	margin-left:0px;
}
.ckque:last-child{
	margin-right:0px;
}
.chmarT10{
	margin-top:1rem;
}


.frcontentBox {
    margin-top: 2rem;
    width: 100%;
    position: relative;
}
.frtabBox{
	display:flex;
	width:100%;
	margin-bottom:2rem;
}
.frtab.on_fr {
	    border: 1px solid #272F82;
    background: #272F82;
    color: #fff;
    font-family: 'Pretendard-Bold';
}
.frtab {
	border: 1px solid #ccc;
    color: #222;
    position: relative;
    width: 100%;
    font-size: 2rem;
    font-family: 'Pretendard-Medium';
    text-align: center;
    padding: 1.5rem 0rem;
    cursor: pointer;
	background: #F6F6F6;
	border-radius: 0.6rem;
}
.frtab:nth-child(2){
	margin:0rem 1rem;
}

.frInnerBox{
	width:100%;
	position:relative;
}
.frInner:nth-child(1){
	display:block;
}
.frInner {
    border: 1px solid #EEEEEE;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 0.8rem;
    padding: 3rem 1.5rem 3rem 3rem;
    display: none;
}
.frcWrap {
    overflow: auto;
    width: 100%;
    position: relative;
    height: 51rem;
	padding-right: 1.5rem;
}
.frcWrap::-webkit-scrollbar{width: 0.5rem;}
.frcWrap::-webkit-scrollbar-track{background-color: #F8F8F8;border-radius: 99px;}
.frcWrap::-webkit-scrollbar-thumb{background-color: #666666;border-radius: 99px;}
.frcitembox{
	width: 100%;
	height:100%;
	padding-left: 7rem;
    position: relative;
	min-height: 80rem;
}
.frclockbox {
    position: absolute;
	left:0rem;
	top:0rem;
    width: 7rem;
    background: #fff;
    height: 100%;
	padding:0rem 0rem;
}
.frclockbox p {
    line-height: 5.4rem;
    margin-bottom: 1rem;
    height: 5.4rem;
    padding: 0;
    font-family: 'Pretendard-Bold';
    color: #222;
    font-size: 1.8rem;
    text-align: center;
    display: block;
}

.frctimelist {
    width: 100%;
    position: relative;
    padding: 0rem 0rem;
}
.frctimelist ul {
    text-align: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.frctimelist ul li {
    float: left;
    text-align: center;
    width: calc(25% - 0.749rem);
    position: relative;
    display: flex;
    list-style: none;
    margin: 0 1rem 1rem 0rem;
    height: 5.4rem;
    align-items: center;
    justify-content: center;
}
.frctimelist ul li:nth-child(4n){
	margin: 0 0rem 0rem 0rem;
}

.ctime:first-of-type input[type=radio]+label{margin-top: 0px;}
.ctime{width:100%;height:100%;position:relative;margin:0px;}
.ctime input[type=radio] {display:none;}
.ctime input[type=radio]+label {
    line-height: 2.6rem;
    display: inline-block;
    cursor: pointer;
    letter-spacing: -1.2px;
    font-size: 1.8rem;
    height: 4rem;
    /* color: #666666; */
	color:#272f82;
    width: 100%;
    height: 100%;
    /* background: #F6F6F6; */
	background: #FFFFFF;
    border-radius: 0.4rem;
    position: relative;
    text-align: center;
    font-family: Pretendard;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
	/* border: 1px solid #272F82; */
    display: flex;
}
.ctime input[type=radio]+label:hover{
	font-family: 'Pretendard-SemiBold';
	color:#272f82;
	background: #FFFFFF;
	border: 1px solid #272F82;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.ctime input:disabled +label{
	font-family: 'Pretendard-Light';
	background: #F6F6F6;
	color:#aaa;
	border: 1px solid #eee;
}
.ctime input:disabled +label:hover{
	font-family: 'Pretendard-Light';
	color:#aaa;
	background: #F6F6F6;
	cursor:not-allowed;
	border: 1px solid #F6F6F6;
	box-shadow: none;
}
.ctime input[type=radio]:checked+label{font-family: 'Pretendard-SemiBold';border: 1px solid #272f82;background:#272f82; color: #fff;}

.frformbtn{
	display:block;
	text-align:Center;
}
.frformbtn button{
	border:none;
	padding:0;
	margin:0;
	width: 30rem;
	height: 8rem;

	background: #C11B2F;
	border-radius: 0.5rem;
	cursor:pointer;
	
	font-family: 'Pretendard-Bold';
	font-size: 2.4rem;
	letter-spacing: 0em;
	text-align: center;
	color:#fff;
}
.frformbtn .frfbtn{
	display:inline-block;
	margin-top:8rem;
	position:relative;
	width: 30rem;
	height: 8rem;
}
.frfbtn a {
    display: flex;
    border: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
    background: #C11B2F;
    border-radius: 0.5rem;
    cursor: pointer;
    font-family: 'Pretendard-Bold';
    font-size: 2.4rem;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    align-items: center;
    justify-content: center;
}

.selfinfo{
	display:flex;
}
.selfinfo span{
	position:relative;
	font-family: 'Pretendard-Bold';
font-size: 1.8rem;
line-height: 2.6rem;
letter-spacing: 0em;
text-align: left;
color:#222;
margin-right:2.9rem;
}
.selfinfo span:after {
    content: '';
    position: absolute;
    right: -1.4rem;
    top: 0.5rem;
    width: 1px;
    height: 1.6rem;
    background: #d9d9d9;
}
.selfinfo dl{
	padding:0;
	margin:0;
	font-family: Pretendard;
font-size: 1.8rem;
line-height: 2.6rem;
letter-spacing: 0em;
text-align: center;
color:#666666;
}

@media (max-width: 991px) {
	.freelecWrap {
		/* margin-top: 7rem; */
	}
	.flintroInner h1 {
		letter-spacing: -3px;
		font-size: 5rem;
		margin-bottom: 2rem;
	}
	.flintroInner h2 {
		font-size: 2.2rem;
		line-height: 3.4rem;
		letter-spacing: -1.1px;
	}
	
	
	.selfreeBox {
		padding: 8rem 0rem;
	}
	.selfBox h2 {
		line-height: 3.2rem;
		font-size: 2.6rem;
		margin-bottom: 1.4rem;
	}
	.ckque input[type=radio]+label {
		font-size: 1.8rem;
		height: 6rem;
	}
	.frtab {
		font-size: 1.8rem;
		padding: 1.4rem 0rem;
	}
}
@media (max-width: 767px) {
	.freelecWrap {
		/* margin-top: 6rem; */
	}
	.flintroBox {
		height:24rem;
	}
	.flintroInner {
		padding: 7rem 2rem 0rem 2rem;
	}
	.flintroInner h1 {
		letter-spacing: -2px;
		font-size: 3.2rem;
		margin-bottom: 1.6rem;
	}
	.flintroInner h2 {
		font-size: 1.7rem;
		line-height: 2.6rem;
		letter-spacing: -1.1px;
	}
	
	
	.selfreeBox {
		padding: 6rem 0rem;
	}
	.selfBox h2 {
		letter-spacing: -0.5px;
		line-height: 3rem;
		font-size: 2rem;
		margin-bottom: 0.4rem;
	}
	.selfBox {
		margin-bottom: 5rem;
	}
	.ckque {
		margin: 0.6rem 0.3rem 0rem 0.3rem;
	}
	.ckque input[type=radio]+label {
		padding-left: 2rem;
		justify-content: flex-start;
		font-size: 1.6rem;
		height: 4.4rem;
	}
	.ckque input[type=radio]+label:before {
		right: 2rem;
		width: 1.6rem;
		height: 1.6rem;
	}
	

	.skillitem .checkInner{
		text-align: left;
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.skillitem .checkInner .ckque {
		width: calc(50% - 0.3rem);
	}
	.skillitem .checkInner .ckque:nth-child(2){
		margin: 0.6rem 0rem 0rem 0.3rem;
	}
	.skillitem .checkInner .ckque:nth-child(3){
		margin: 0.6rem 0.3rem 0rem 0rem;
	}
	
	
	.manymulcheck .ckque input[type=radio]+label {
		padding-left: 1.4rem;
		height: 5.4rem!important;
	}
	.manymulcheck .ckque input[type=radio]+label b {
		margin: 0.2rem 0 0 0;
		font-family: 'Pretendard-Light';
		font-size: 1.2rem;
		line-height: 1.6rem;
		color: #555;
	}
	.procedureitem .checkInner{
		text-align: left;
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.procedureitem .checkInner .ckque {
		width: calc(50% - 0.45rem);
		margin: 0.6rem 0.6rem 0rem 0rem;
	}
	.procedureitem .checkInner .ckque:nth-child(2n) {
		margin: 0.6rem 0.3rem 0rem 0rem!important;
	}
	.procedureitem .checkInner .ckque:nth-child(3) {
		margin: 0.6rem 0.6rem 0rem 0rem;
	}
	.procedureitem .checkInner .ckque:nth-child(6) {
		margin: 0.6rem 0.6rem 0rem 0rem;
	}
	.procedureitem .checkInner .ckque:nth-child(9) {
		margin: 0.6rem 0.6rem 0rem 0rem;
	}
	
		
	.selfinfo span {
		font-size: 1.6rem;
		line-height: 2.4rem;
		margin-right: 2.4rem;
	}
	.selfinfo dl {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.selfinfo span:after {
		right: -1.2rem;
		top: 0.6rem;
		width: 1px;
		height: 1.4rem;
	}
	
	
	.frtab:nth-child(2) {
		margin: 0rem 0.6rem;
	}
	.frtab {
		letter-spacing: -0.3px;
		font-size: 1.4rem;
		padding: 1.2rem 0rem;
	}
	.frInner {
		border-radius: 0.8rem;
		padding: 2rem 0.5rem 2rem 1.4rem;
	}
	.frclockbox {
		width: 4rem;
	}
	.frclockbox p {
		line-height: 3rem;
		margin-bottom: 0.6rem;
		height: 3rem;
		font-size: 1.5rem;
		text-align: left;
		display: block;
	}
	.frcitembox {
		padding-left: 5rem;
		min-height: 32rem;
	}
	.frcWrap {
		height: 30rem;
		padding-right: 0.5rem;
	}
	.frctimelist ul li {
		width: calc(25% - 0.5rem);
		margin: 0 0.6rem 0.6rem 0rem;
		height: 3rem;
	}
	.ctime input[type=radio]+label {
		line-height: 2rem;
		letter-spacing: -0.4px;
		font-size: 1.5rem;
		height: 3rem;
		border-radius: 0.4rem;
		border: 1px solid #F6F6F6;
	}
	
	.frformbtn button {
		width: 24rem;
		height: 6rem;
		font-size: 2rem;
	}
}

/*--------------------------------------------------------------------------------------
# 무료수업신청 완료 페이지
--------------------------------------------------------------------------------------*/
.frcomWarp{
    /* margin-top: 9rem; */
    position: relative;
    width: 100%;
}
.frcombox{
	width:100%;
	position:relative;
}
.frcomtop {
    padding: 0rem 2rem;
    width: 100%;
    position: relative;
    display: flex;
    height: 38rem;
    background: #272F82;
    align-items: center;
    justify-content: center;
}
.frcomtext{
	text-align: center;
	display:block;
	color:#fff;
}
.frcomtext p {
    font-size: 3rem;
	line-height:4.2rem;
    display: block;
    text-align: center;
    font-family: 'WOFF_1';
}
.frcomtext p span{
	font-family: 'WOFF_3';
}
.frcomtext dl {
    font-size: 6rem;
	line-height:7.2rem;
    display: flex;
    text-align: center;
    font-family: 'WOFF_4';
    align-items: center;
    justify-content: center;
    margin: 3rem 0rem;
}
.frcomtext dl span{
	margin:0rem 0.4rem;
}
.frcomtext b {
    display: inline-block;
    padding-left: 3.6rem;
    position: relative;
    line-height: 3.2rem;
    font-size: 2.2rem;
    text-align: center;
    font-family: 'WOFF_0';
}
.frcomtext b:before{
	content:'';
	width:2.6rem;
	height:2.6rem;
	position:absolute;
	left:0rem;
	top:0.2rem;
	background-image: url(/img/sub/submit/fr_infoicon.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.frcinfoWrap {
    width: 100%;
    position: relative;
    background: #fff;
    padding: 8rem 0rem;
}
.frcinfoSideBox {
    max-width: 100rem;
    padding: 0rem 2rem;
    margin: 0 auto;
    position: relative;
}
.frcinfoBox{
	display:flex;
	width:100%;
	position:relative;
}
.frcinfoitem{
	width:100%;
	position:relative;
}
.frcinfoitem:nth-child(1){
	margin-right:1.5rem;
}
.frcinfoitem:nth-child(2){
	margin-left:1.5rem;
}
.frcinfoitem p {
    color: #222;
    display: block;
    text-align: left;
    font-family: 'WOFF_3';
    font-size: 3rem;
	line-height:4.2rem;
    margin-bottom: 3rem;
}
.macBox {
    display: flex;
    background: #f2f6f9;
    height: 35.4rem;
    width: 100%;
    align-items: center;
    justify-content: center;
	text-align:center;
	border-radius: 0.8rem;
}
.mactuInner{
	display:block;
	text-align:center;
}
.mactuimg{
	display:inline-block;
	width:18rem;
	height:18rem;
	/* border-radius:50%; */
	position:relative;
	overflow:hidden;
}
.mactuimg img{
	height:100%;
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.mactuname{
	margin:2rem 0rem;
	display:block;
font-family: 'Pretendard-Medium';
font-size: 3rem;
line-height: 3.4rem;
letter-spacing: 0em;
text-align: center;
color:#222;
}
.mactubtn{
	padding-right:1.4rem;
	position:relative;
	display:inline-block;
font-family: 'Pretendard-Medium';
font-size: 1.6rem;
line-height: 2rem;
letter-spacing: 0em;
text-align: center;
color:#222;
}
.mactubtn:after{
	content:'';
	width:0.6rem;
	height:1rem;
	position:absolute;
	right:0rem;
	top:0.5rem;
	background-image: url(/img/sub/submit/mactarrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.frcbinfotext {
    margin-top: 8rem;
    display: block;
}
.frcbinfotext p {
    line-height: 4.2rem;
    color:#222;
    display: block;
    text-align: left;
    font-family: 'WOFF_3';
    font-size: 3rem;
    margin-bottom: 0.6rem;
}
.frcbinfotext dl {
    font-size: 2rem;
	line-height:3.2rem;
    display: block;
    text-align: left;
    font-family: Pretendard;
	color:#222;
}

.frcbinfobox {
    text-align: center;
    width: 100%;
    position: relative;
    margin-top: 3rem;
	padding:4rem 3rem;
	background: #f2f6f9;
	border-radius: 0.8rem;
	display:flex;
}
.frcbinfoInner{
	width:100%;
	position:relative;
	padding-left:10rem;
	padding-right:3rem;
}
.frctuimg{
	width:8rem;
	height:8rem;
	position:absolute;
	left:0rem;
	top:0rem;
	border-radius:50%;
}
.frctuimg img{
	max-width:100%;
	
}
.frctumeBox{
	width:100%;
	position:relative;
}
.frctuname{
	display:block;
	font-family: 'Pretendard-Medium';
	font-size: 2.4rem;
	line-height: 2.6rem;
	letter-spacing: 0em;
	text-align: left;
	color:#222;
	margin-bottom:2rem;
}
.frctcom_box {
    height: 54rem;
    width: 100%;
    position: relative;
    padding: 2rem 0.5rem 2rem 2rem;
    background: #FFFFFF;
    border-radius: 0px 1.4rem 1.4rem 1.4rem;
}
.frctcom_box:before {
    content: '';
    position: absolute;
    left: -1.5rem;
    top: 0rem;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(/img/sub/submit/frctcom_ancor.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.frctcom_scrollbox {
    padding-right: 1.2rem;
    width: 100%;
    height: 100%;
    position: relative;
    overflow-y: scroll;
}
.frctcom_scrollbox::-webkit-scrollbar{width: 0.3rem;}
.frctcom_scrollbox::-webkit-scrollbar-track{background-color: #fff;border-radius: 0.3rem;}
.frctcom_scrollbox::-webkit-scrollbar-thumb{background-color: #D9D9D9;border-radius: 0.3rem;}

.frctcom_scrollbox dl{
	width:100%;
font-family: 'Pretendard-Medium';
font-size: 1.6rem;
line-height: 2.4rem;
letter-spacing: 0em;
text-align: left;
color:#222;
}
@media (max-width: 991px) {
	.frcomtop {
		padding: 0rem 2rem;
		height: 34rem;
	}
	.frcomtext p {
		font-size: 2.6rem;
		line-height: 3.2rem;
	}
	.frcomtext dl {
		font-size: 5rem;
		line-height: 6.2rem;
		margin: 2rem 0rem;
	}
	.frcomtext b {
		padding-left: 3.4rem;
		line-height: 3rem;
		font-size: 2rem;
	}
	.frcomtext b:before {
		width: 2.4rem;
		height: 2.4rem;
		left: 0rem;
		top: 0.2rem;
	}
	
	
	.frcinfoitem p {
		font-size: 2.6rem;
		line-height: 3.2rem;
		margin-bottom: 2rem;
	}
	.mactuname {
		margin: 1.6rem 0rem;
		font-size: 2.4rem;
		line-height: 3rem;
	}
	
	
	.frcbinfotext p {
		line-height: 3.2rem;
		font-size: 2.6rem;
		margin-bottom: 0.6rem;
	}
	.frcbinfotext dl {
		font-size: 1.8rem;
		line-height: 3rem;
	}
	.frcbinfobox {
		margin-top: 2rem;
		padding: 3rem 2rem;
		border-radius: 0.8rem;
	}
	.frctuimg {
		width: 6rem;
		height: 6rem;
	}
	.frcbinfoInner {
		padding-left: 8rem;
		padding-right: 2rem;
	}
	.frctuname {
		font-size: 2rem;
		line-height: 2.6rem;
		margin-bottom: 1.4rem;
	}
	.frctcom_box {
		height: 46rem;
		padding: 1.4rem 0.5rem 1.4rem 1.4rem;
		border-radius: 0px 1rem 1rem 1rem;
	}
	.frctcom_scrollbox dl {
		width: 100%;
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
}

@media (max-width: 767px) {
	.frcomWarp {
		/* margin-top: 6rem; */
	}
	.frcomtop {
		height: 24rem;
	}
	.frcomtext p {
		font-size: 1.6rem;
		line-height: 2.8rem;
	}
	.frcomtext dl {
		letter-spacing: -0.4px;
		font-size: 2.6rem;
		line-height: 4.2rem;
		margin: 1rem 0rem;
	}
	.frcomtext b {
		padding-left: 2.4rem;
		line-height: 2rem;
		font-size: 1.2rem;
	}
	.frcomtext b:before {
		width: 1.8rem;
		height: 1.8rem;
		left: 0rem;
		top: 0.1rem;
	}
	
	
	.frcinfoWrap {
		padding: 6rem 0rem;
	}
	.frcinfoBox {
		display: block;
	}
	.frcinfoitem p {
		font-size: 2rem;
		line-height: 3rem;
		margin-bottom: 1.2rem;
	}
	.macBox {
		height: 24rem;
		border-radius: 0.6rem;
	}
	.mactuimg {
		width: 12rem;
		height: 12rem;
	}
	.mactuname {
		margin: 1.4rem 0rem;
		font-size: 2.2rem;
		line-height: 2.2rem;
	}
	.mactubtn {
		padding-right: 1.4rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.frcinfoitem:nth-child(2) {
		margin-top: 3rem;
		margin-left: 0rem;
	}
	
	
	.frcbinfobox{
		display:block;
	}
	.frcbinfotext p {
		line-height: 3rem;
		font-size: 2rem;
		margin-bottom: 0.4rem;
	}
	.frcbinfotext dl {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.frcbinfoInner {
		padding-left: 8rem;
		padding-right: 0rem;
	}
	.frctuname {
		font-size: 1.6rem;
		line-height: 2.4rem;
		margin-bottom: 1.4rem;
	}
	.frctcom_box {
		height: 30rem;
		padding: 1.4rem 0.5rem 1.4rem 1.4rem;
		border-radius: 0px 1rem 1rem 1rem;
	}
	.frcbinfoInner:nth-child(1){
		margin-bottom:4rem;
	}
	.frctcom_scrollbox dl {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	
	
	.frformbtn .frfbtn {
		margin-top: 5rem;
		width: 24rem;
		height: 6rem;
	}
	.frfbtn a {
		font-size: 2rem;
	}
}
/*--------------------------------------------------------------------------------------
# 마이페이지 수강신천형황
--------------------------------------------------------------------------------------*/
.mywrap {
    padding-top: 8rem;
    /* margin-top: 9rem; */
    width: 100%;
    position: relative;
}
.mytabBox{
	position:relative;
	width:100%;
}
.mytabinner {
    margin: 0 auto;
    display: flex;
    max-width: 110rem;
    padding: 0rem 2rem;
}
.mytab {
	overflow: hidden;
    position: relative;
    display: block;
    height: 6.6rem;
    width: 100%;
}
.mytab:nth-child(1){
	border-radius: 0.8rem 0px 0px 0.8rem;
}
.mytab:last-child {
    border-radius: 0rem 0.8rem 0.8rem 0rem;
}
.mytab a {
    background: #F6F6F6;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    letter-spacing: -1px;
    font-family: 'WOFF_2';
    text-align: center;
    font-size: 1.8rem;
    color: #222;
    padding: 2.2rem 0rem;
}
.mytab.onmyt a {
    background: #C11B2F;
    font-family: 'WOFF_2';
    color: #ffff;
}
.mytab.onmyt:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0.5rem;
    background: #c11b2f;
}

.leclistWrap {
    width: 100%;
    position: relative;
    padding: 7rem 0rem;
    background: #fff;
}
.leclistSidebox {
	position:relative;
    margin: 0 auto;
    display: block;
    max-width: 110rem;
    padding: 0rem 2rem;
}
.pacinfo b {
    margin-bottom: 2rem;
    font-family: Pretendard;
    display: block;
    text-align: left;
    font-size: 1.6rem;
}

.lectitle {
    line-height: 4.2rem;
    margin-bottom: 3rem;
    color: #222;
    font-size: 3rem;
    display: flex;
    text-align: left;
    font-family: 'WOFF_3';
    align-items: center;
    justify-content: flex-start;
	position:relative;
	width:100%;
}
.lectitle span{
	margin-left:0.4rem;
	font-family: 'WOFF_3';
	display:inline-block;
}
.lecnum {
    margin-left: 1rem;
    font-family: 'WOFF_3';
    text-align: center;
    width: 2.8rem;
    display: inline-block;
    background: #000000;
    color: #fff;
    border-radius: 50%;
    height: 2.8rem;
    line-height: 2.8rem;
    font-size: 2rem;
    box-sizing: border-box;
}


.lectselInner {
    position: absolute;
    right: 2rem;
    top: 0rem;
    display: flex;
}
.lectselInner form{
	display: flex;
}
.lectsel{
	position:relative;
	margin-left:1rem;
}
.lectsel select{
	width: 100%;
    position: relative;
    border-radius: 0.5rem;
    border: 1px solid #ccc;
    background: #FFF;
    height: 4rem;
    color: #222;
    text-align: left;
    font-size: 1.5rem;
    font-family: Pretendard;
    line-height: 2rem;
    padding: 0rem 1rem;
    background: url(/img/sub/submit/icon_arrow_open.png) no-repeat right 1rem center;
}
.lectsel select {
    appearance: none;
}
.leswid0{
	width:14rem;
}
.leswid{
	width:17rem;
}
.leswid2{
	width:10rem;
}
.leswid3{
	width:7rem;
}
.lectselInner button {
    border: 1px solid #272F82;
    cursor: pointer;
    position: relative;
    border-radius: 0.5rem;
    background: #fff;
    padding: 0;
    margin: 0 0 0 1rem;
    width: 5rem;
    height: 4rem;
    color: #272F82;
    text-align: center;
    font-size: 1.5rem;
    font-family: 'Pretendard-Bold';
    font-weight: 700;
    line-height: 2rem;
}




.lecconTabBox {
    margin-bottom: 2rem;
    display: flex;
    position: relative;
    z-index: 20;
}
.lecconTabBox:before{
	content:'';
	position:absolute;
	left:0rem;
	bottom:0rem;
	width:100%;
	height:1px;
	background:#eee;
	z-index:20
}
/* .lecconTab.onleccon span { */
    /* padding-bottom: 2.5rem; */
    /* border-bottom: 4px solid #272F82; */
/* } */
.lecconTab.onleccon {
	z-index:30;
    background: #fff;
	color:#272F82;
    border-bottom: 3px solid #272F82;
}
.lecconTab {
    z-index: 10;
    position: relative;
    cursor: pointer;
    text-align: center;
    width: 100%;
    line-height: 3rem;
    border-bottom: 3px solid #fff;
    border-radius: 0rem;
    padding: 0rem 0rem 1.6rem 0rem;
    font-family: 'WOFF_3';
    font-size: 2rem;
    background: #fff;
    color: #222;
}

.leccontBox{
	width:100%;
	position:relative;
	z-index:10;
}
.leclibox{
	width:100%;
	position:relative;
	display:none;
}

.leclibox:nth-child(1){
	display:block;
}

.leccontInner:last-child{
	margin-bottom:0rem;
}
.leccontInner {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 0.8rem;
    display:block;
    width: 100%;
    position: relative;
    padding: 3.4rem 3rem;
	margin-bottom:4rem;
}

.lecc_ul{
	width:100%;
	position:relative;
}
.lecc_ul ul{
	width:100%;
	position:relative;
}
.lecc_ul ul li {
    padding: 2.2rem 2rem 2.2rem 10rem;
    width: 100%;
    position: relative;
    min-height: 2.6rem;
}
.lecc_ul ul li:before{
	content:'';
	position:absolute;
	left:0rem;
	bottom:0rem;
	width:100%;
	height:1px;
	background:#eee;
}
.lecc_ul ul li:nth-child(1){
	padding: 0rem 2rem 2.2rem 10rem;
}
.lecc_ul ul li:nth-child(1) span{
	top: 0rem;
}
.lecc_ul ul li:last-child{
	padding: 2.2rem 2rem 0rem 10rem;
}
.lecc_ul ul li:last-child:before{
	content:none!important;
}
.lecc_ul ul li span {
    line-height: 2.6rem;
    font-size: 1.8rem;
    position: absolute;
    left: 0rem;
    top: 2.2rem;
    font-family: 'WOFF_3';
    color: #222;
}
.lecc_ul ul li dl {
    color: #666666;
    font-family: Pretendard;
    line-height: 2.6rem;
    font-size: 1.8rem;
    display: inline-block;
    text-align: left;
}
.lecc_ul li button {
    padding: 0rem 1rem;
    font-size: 1.5rem;
    margin-left: 1rem;
    border-radius: 0.5rem;
    height: 2.6rem;
    color: #fff;
    background: #444;
    border: none;
    display: inline-block;
}

.lcprBox {
    display: flex;
    min-height: 2.6rem;
    padding-right: 11.4rem;
    position: relative;
    align-items: center;
    justify-content: flex-start;
}
.lcpr {
    overflow: hidden;
    position: relative;
    border-radius: 9.9rem;
    width: 100%;
    height: 0.6rem;
    background: #DFE1EF;
}
.lcprbar{
	position:absolute;
	left:0rem;
	top:0rem;
	height:100%;
	background:#272F82;
}
.lcprnum {
    min-height: 2.6rem;
    width: 8rem;
    position: absolute;
    right: 0rem;
    top: 0rem;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.lcprnum b {
    font-size: 1.8rem;
	line-height: 2.6rem;
    font-family: 'Pretendard-Bold';
    color: #272F82;
}
.lcprnum p {
	line-height: 2.6rem;
    font-family: Pretendard;
    margin-left: 0.5rem;
    font-size: 1.8rem;
    color: #666666;
}



.holdbox {
    display: flex;
    min-height: 2.6rem;
    position: relative;
    align-items: center;
    justify-content: flex-start;
}
.holdb{
	display: flex;
	width:100%;
	position:relative;
}
.holdb dl{
color:#666;
font-size: 1.8rem;
font-weight: 400;
line-height: 2.6rem;
letter-spacing: 0em;
text-align: left;
}
.holdb dt{
	margin:0rem 0rem 0rem 1rem;
	font-family: Pretendard;
font-size: 1.8rem;
font-family: 'Pretendard-ExtraBold';
line-height: 2.6rem;
letter-spacing: 0em;
text-align: center;
color:#272F82;
}
.redfont{
color:#C11B2F!important;
}
@media (max-width: 991px){
	.mywrap {
		padding-top: 7rem;
		/* margin-top: 7rem; */
	}
}
@media (max-width: 767px){
	.mywrap {
		padding-top: 3rem;
		/* margin-top: 6rem; */
	}
	
	.mytabBox {
		overflow: auto;
	}
	.mytabinner {
		width: 70rem;
		max-width: 110rem;
		padding: 0rem 2rem;
	}
	.mytab {
		overflow: hidden;
		height: 4rem;
	}
	.mytab:nth-child(1) {
		border-radius: 0.6rem 0px 0px 0.6rem;
	}
	.mytab:last-child {
		border-radius: 0rem 0.6rem 0.6rem 0rem;
	}
	.mytab a {
		line-height: 4rem;
		letter-spacing: -0.5px;
		font-size: 1.5rem;
		padding: 0rem;
	}
	
	
	.leclistWrap {
		padding: 3rem 0rem 6rem 0rem;
	}
	.lectitle {
		line-height: 3rem;
		margin-bottom: 1rem;
		font-size: 2rem;
	}
	
	.lectselInner {
		margin-top: 2rem;
		margin-bottom: 2rem;
		position: relative;
		right: 0rem;
		top: 0rem;
		display: flex;
		width: 100%;
	}
	.lectselInner form {
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}
	.leswid0 {
		margin-left:0rem!important;
		width: 45%;
	}
	.leswid {
		margin-left:0rem!important;
		width: 45%;
	}
	.leswid2 {
		width: 30%
	}
	.leswid3 {
		width: 20%;
	}
	.lectsel select {
		width: 100%;
		position: relative;
		border-radius: 0.5rem;
		border: 1px solid #ccc;
		background: #FFF;
		height: 3.4rem;
		color: #222;
		text-align: left;
		font-size: 1.4rem;
		font-family: Pretendard;
		line-height: 2rem;
		padding: 0rem 1rem;
		background: url(/img/sub/submit/icon_arrow_open.png) no-repeat right 0.5rem center;
	}
	.lectsel {
		position: relative;
		margin-left: 0.5rem;
	}
	.lectselInner button {
		border: 1px solid #272F82;
		cursor: pointer;
		position: relative;
		border-radius: 0.5rem;
		background: #fff;
		padding: 0;
		margin: 0 0 0 0.5rem;
		width: 5rem;
		height: 3.4rem;
		color: #272F82;
		text-align: center;
		font-size: 1.4rem;
		font-family: 'Pretendard-Bold';
		font-weight: 700;
		line-height: 2rem;
	}
	
	
	.pacinfo b {
		margin-bottom: 2rem;
		font-size: 1.3rem;
	}
	.leccontInner {
		border-radius: 0.6rem;
		padding: 3rem 2rem;
		margin-bottom: 2rem;
	}
	.lecc_ul ul li:nth-child(1) {
		padding: 0rem 0rem 1.6rem 6rem;
	}
	.lecc_ul ul li:last-child {
		padding: 1.6rem 0rem 0rem 6rem;
	}
	.lecc_ul ul li {
		padding: 1.6rem 0rem 1.6rem 6rem;
		min-height: 2rem;
	}
	.lecc_ul ul li span {
		line-height: 2rem;
		font-size: 1.3rem;
		left: 0rem;
		top: 1.6rem;
	}
	.lecc_ul ul li dl {
		letter-spacing:-0.3px;
		line-height: 2rem;
		font-size: 1.5rem;
		text-align: left;
	}
	.lecc_ul li button {
		padding: 0rem 0.6rem;
		font-size: 1.4rem;
		margin-left: 0.6rem;
		border-radius: 0.5rem;
		height: 2.2rem;
	}
	
	.lcprBox {
		min-height: 2rem;
		padding-right: 8rem;
	}
	.lcprnum {
		min-height: 2rem;
		width: 7.5rem;
	}
	.lcprnum b {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.lcprnum p {
		line-height: 2rem;
		margin-left: 0.5rem;
		font-size: 1.4rem;
	}
	
	
	.lecc_ul ul li.holdcontInner {
		padding: 1.6rem 0rem 1.6rem 0rem;
		min-height: 2rem;
	}
	.lecc_ul ul li.holdcontInner:last-child{
		padding: 1.6rem 0rem 0rem 0rem;
	}
	.lecc_ul ul li.holdcontInner span {
		line-height: 2rem;
		font-size: 1.3rem;
		position:relative;
		left: 0rem;
		top:0rem;
	}
	.holdbox {
		margin-top: 0.8rem;
		min-height: auto;
		position: relative;
	}
	.holdb dl{
		font-size: 1.4rem!important;
		text-align:center!important;
		padding-left:0rem;
	}
	.holdb {
		display: block;
		width: 100%;
		position: relative;
	}
	.holdb dt {
		margin: 0rem 0rem 0rem 0rem;
		font-size: 1.5rem;
		line-height: 2rem;
		text-align: center;
	}

	/* 특강 ai 첨삭 버튼 */	
	.aiBtnWrap {position:absolute; top:57px; left:20px;}
	.btn_ai {border-radius:5px; background:#0077EE; color:#fff; font-size:1.4em; cursor:pointer;}
	.aiBtnWrap .aiBtnCmt {font-size:1.1em;color:orangered; margin-top:5px;}

}

/*--------------------------------------------------------------------------------------
# 마이페이지 수업스케줄
--------------------------------------------------------------------------------------*/


.time_inputwrap{
    display: flex;
    width: 100%;
justify-content: space-between;
margin-bottom:5rem;
}

.time_input .ui-datepicker-trigger{position: absolute;right: 0rem;top: 0.9rem;width: 2.4rem;height: 2.4rem;cursor: pointer;}
.time_input .ui-datepicker-trigger img{height:2.4rem;}

.time_input {
    padding-right: 3.2rem;
    display: inline-block;
    position: relative;
}
.time_input input {
    border: 1px solid #272F82;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    letter-spacing: 0px;
    background: #fff;
    width: 30rem;
    height: 4.4rem;
    font-size: 1.8rem;
    font-weight: 500;
    color: #222;
    padding: 0px 1.6rem 0px 1.6rem;
    font-family: 'Pretendard';
    border-radius: 0.6rem;
}
.time_input input::placeholder{font-family: 'Pretendard';font-size: 1.8rem;font-weight: 400;letter-spacing: 0px;text-align: left;color:#aaa;}

.time_text {display: inline-block;margin: 0px 0.8rem 0px 0.8rem;font-family: Pretendard;font-size: 1.8rem;font-weight: 500;line-height: 4.2rem;letter-spacing: 0em;text-align: center;}


/* ======== // step02 ======== */

/* �대┃ 罹섎┛�� css
----------------------------------*/
.ui-datepicker {    z-index: 200!important;width: 30rem;padding: 0;display: none;background: #FFFFFF;box-shadow: 0px 4px 20px rgba(122, 124, 129, 0.2);border-radius: 1rem;padding: 1.6rem 1.6rem 2rem 1.6rem;margin-top: -8rem;}
.ui-datepicker:before{content:'';position:absolute;left:0rem;top:5.6rem;z-index:10;width:100%;height:1px;background:#eee;}
.ui-datepicker .ui-datepicker-header {position: relative;padding: 0 0 1.6rem 0;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {position: absolute;top: 2px;width: 1.8em;height: 1.8em;}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {top: 1px;}
.ui-datepicker .ui-datepicker-prev {left: 2px;}
.ui-datepicker .ui-datepicker-next {right: 2px;}
.ui-datepicker .ui-datepicker-prev-hover {left: 1px;}
.ui-datepicker .ui-datepicker-next-hover {right: 1px;}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {display: block;position: absolute;left: 50%;margin-left: -8px;top: 50%;margin-top: -8px;}
.ui-datepicker .ui-datepicker-title {padding: 0.2rem 0 0.1rem 0;margin: 0 2.3em;text-align: center;}
.ui-datepicker .ui-datepicker-title select {font-family: Pretendard;font-size: 1.6rem;font-weight: 500;line-height: 2.4rem;letter-spacing: 0em;text-align: center;border: none;margin: 0px 0;position:relative;}
.ui-datepicker .ui-datepicker-title select{background:#fff;/* -webkit-appearance: none; *//* -moz-appearance: none; */}
.ui-datepicker-year:after{position:absolute;right:0rem;top:0rem;width:1.6rem;height:1.6rem;content:'';background-image: url(../img/common/datepicker_sel_arrpw.png);background-size: cover;background-repeat: no-repeat;background-position: center;}

.ui-datepicker select.ui-datepicker-month {width: 4.2rem;}
.ui-datepicker select.ui-datepicker-year{width:6.3rem;margin-right:1.8rem;}
.ui-datepicker table {margin-top: 0.6rem;border-spacing: 0px 0.6rem;box-sizing: border-box;width: 100%;border-collapse: separate;}
.ui-datepicker th {font-family: Pretendard;font-size: 1.3rem;font-weight: 500;line-height: 1.6rem;letter-spacing: 0em;text-align: center;padding: .8rem 0rem;text-align: center;font-weight: bold;border: 0;color: #666;}
.ui-datepicker td {width: 4rem;border: 0;padding: 0px;height: 4rem;justify-content: center;align-items: center;position: relative;}
.ui-datepicker td span, .ui-datepicker td a {display: flex;border-radius: 0%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin: 0;height: 4rem;width: 4rem;color: #666;font-family: Pretendard;font-size: 1.5rem;font-weight: 500;line-height: 1.6rem;letter-spacing: 0em;text-align: center;padding: 0;text-align: center;text-decoration: none;background: #fff;align-items: center;justify-content: center;}
.ui-datepicker td a:hover{background: #272F82;color:#fff;}
.ui-datepicker-unselectable span{opacity:0.5;}
.ui-datepicker .ui-datepicker-buttonpane {background-image: none;margin: .7em 0 0 0;padding: 0 .2em;border-left: 0;border-right: 0;border-bottom: 0;}
.ui-datepicker .ui-datepicker-buttonpane button {float: right;margin: .5em .2em .4em;cursor: pointer;padding: .2em .6em .3em .6em;width: auto;overflow: visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left;}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {width: auto;}
.ui-datepicker-multi .ui-datepicker-group {float: left;}
.ui-datepicker-multi .ui-datepicker-group table {width: 95%;margin: 0 auto .4em;}
.ui-datepicker-multi-2 .ui-datepicker-group {width: 50%;}
.ui-datepicker-multi-3 .ui-datepicker-group {width: 33.3%;}
.ui-datepicker-multi-4 .ui-datepicker-group {width: 25%;}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {border-left-width: 0;}
.ui-datepicker-multi .ui-datepicker-buttonpane {clear: left;}
.ui-datepicker-row-break {clear: both;width: 100%;font-size: 0;}

/* RTL support */
.ui-datepicker-rtl {direction: rtl;}
.ui-datepicker-rtl .ui-datepicker-prev {right: 2px;left: auto;}
.ui-datepicker-rtl .ui-datepicker-next {left: 2px;right: auto;}
.ui-datepicker-rtl .ui-datepicker-prev:hover {right: 1px;left: auto;}
.ui-datepicker-rtl .ui-datepicker-next:hover {left: 1px;right: auto;}
.ui-datepicker-rtl .ui-datepicker-buttonpane {clear: right;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {float: left;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {float: right;}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {border-right-width: 0;border-left-width: 1px;}

/* Icons */
.ui-datepicker .ui-icon {display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;left: .5em;top: .3em;}



.sdublewrap{
	text-align: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.sdutablebox{
	width: calc(50% - 1rem);
	
	position:relative;
	display:block;
	margin: 0 2rem 5rem 0rem;
}

.sdutablebox:nth-child(2n){
	margin: 0 0rem 5rem 0rem;
}

/* .sdutablebox:last-child{ */
	/* margin-bottom:0rem; */
/* } */
.sduintopbox{
	display:block;
	position:relative;
	padding:0rem 3rem;
}
.prevsdu .sduTab{
	color:#C11B2F;
	border-bottom:0.3rem solid #C11B2F;
}
.nextsdu .sduTab{
	color:#272F82;
	border-bottom:0.3rem solid #272F82;
}
.nextsdu_hold .sduTab{
	height: 5.1rem;
}
.nextsdu_hold .sduTab{
   color:#FA8E2B;
	border-bottom:0.3rem solid #FA8E2B;
}
.sduTab {
position:relative;
display:inline-block;
font-family: 'Pretendard-Bold';
font-size: 2.2rem;
line-height: 4rem;
letter-spacing: 0em;
text-align: left;
padding-bottom:1rem;
}
.aahimg{
	max-width:100%;
	position:absolute;
	right:3rem;
	top:0rem;
	height: 4rem;
}


.sduInner {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 0.8rem;
    width: 100%;
    position: relative;
    padding: 3.4rem 3rem;
}




.sudlinkBox {
	margin-top:3rem;
    text-align: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
}
/* .sudlink { */
	/* width: calc(50% - 0.25rem); */
    /* height: 6rem; */
    /* position: relative; */
	/* margin:0rem 0.6rem 0rem 0.6rem; */
/* } */
/* .sudlink:nth-child(1){ */
	/* margin:0rem 0.6rem 0rem 0rem; */
/* } */
/* .sudlink:last-child{ */
	/* margin:0rem 0rem 0rem 0.6rem; */
/* } */

.sudlink {
	position: relative;
	height: 5rem;
	width: calc(50% - 0.25rem);
	margin: 0 0.5rem 0.5rem 0px;
}
.sudlink:nth-child(1) {
	margin: 0rem 0.5rem 0rem 0rem;
}
.sudlink:nth-child(2){
	margin: 0 0rem 0.5rem 0px;
}
.sudlink:last-child {
	margin: 0 0rem 0.5rem 0px;
}


.sudlink a {
	background: #FFFFFF;
border: 1px solid #272F82;
border-radius: 0.5rem;
    color: #272F82;
    display: flex;
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
    text-align: Center;
    font-family: 'Pretendard-Medium';
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
}
.sudlink button {
	cursor:pointer;
	background: #FFFFFF;
border: 1px solid #272F82;
border-radius: 0.5rem;
    color: #272F82;
    display: flex;
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
    text-align: Center;
    font-family: 'Pretendard-Medium';
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
}
.sudlink a:hover{
	background: #272F82;
	border: 1px solid #272F82;
	color:#fff;
}
.sudlink button:hover{
	background: #272F82;
	border: 1px solid #272F82;
	color:#fff;
}
.sudlink.nonelink a{
	border: 1px solid #EEEEEE!important;
	background: #EEEEEE!important;
	color:#777777!important;
	color:#8e8e8e!important;
	cursor: not-allowed! important;
}
.sudlink.nonelink button{
	border: 1px solid #EEEEEE!important;
	background: #EEEEEE!important;
	color:#777777!important;
	cursor: not-allowed! important;
}
.sudlink .nonelink{
cursor: not-allowed! important;
}


/* 튜터코멘트 박스 */
.tcsidebox{
	max-width:94rem;
	margin:0 auto;
	position:relative;
}
.tc_commentbox{
	border:1px solid #ddd;
	width:100%;
	position:relative;
	border-radius: 2rem;
	overflow:hidden;
}

.tc_topbox{
	background: #F6F6F6;
	padding:8rem 4rem 4rem 4rem;
}
.tc_topbox dl{
	display:block;
font-size: 3rem;
font-family:WOFF_3;
line-height: 4.2rem;
letter-spacing: 0em;
text-align: center;
color:#001B57;
}

.tc_toptextbox{
	margin-top:1.6rem;
	display:block;
	background: #FFFFFF;
	border-radius: 1rem;
	padding:4rem 3rem;
	position:relative;
}
.tc_toptextbox span{
	display:block;
	text-align:center;
	font-family: 'Pretendard-Light';
	font-size: 2rem;
	line-height: 3.2rem;
	letter-spacing: 0em;
	color:#444;
}
.tc_toptextbox:before{
	content:'';
	position:absolute;
	left:4rem;
	top:-1.4rem;
	width:3rem;
	height:2.5rem;
	background-image: url(/img/sub/submit/daa1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.tc_toptextbox:after{
	content:'';
	position:absolute;
	right:4rem;
	bottom:-1.4rem;
	width:3rem;
	height:2.5rem;
	background-image: url(/img/sub/submit/daa2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.tc_bottombox{
	width:100%;
	position:relative;
	background:#fff;
	padding:4rem 4rem 5rem 4rem;
}
.tc_bottombox ul{
	width:100%;
	position:relative;
}
.tc_bottombox ul li{
	width:100%;
	position:relative;
	border-bottom:1px solid #ddd;
	padding:3rem 0rem 3rem 0rem;
}
.tc_bottombox ul li:first-child{
	padding:0rem 0rem 3rem 0rem;
}
.tc_bottombox ul li:last-child{
	border-bottom:none;
	padding:3rem 0rem 0rem 0rem;
}
.tcbbox{
	width:100%;
	position:relative;
}
.tcbtext{
	width:100%;
	position:relative;
	margin-bottom:1rem;
}
.tcbtext:last-child{
	margin-bottom:0rem;
}
.tcbtext{
	padding-left:11.5rem;
	position:relative;
	min-height:4.4rem;
}
.tcbtext span.tcbred{
	background: #C11B2F;
	color:#fff;
	box-shadow: 0 0 0 1px #C11B2F inset; 
}
.tcbtext span{
	position:absolute;
	left:0rem;
	top:0rem;
font-family: 'Pretendard-SemiBold';
font-size: 1.8rem;
line-height: 2.8rem;
letter-spacing: 0em;
text-align: center;
color:#222;
background: #FFFFFF;

box-shadow: 0 0 0 1px #000000 inset; 

/* border: 1px solid #000000; */
border-radius: 6rem;
padding:0.8rem 1.6rem 0.8rem 1.6rem;
}
.tcbtext dl{
	padding-top:0.8rem;
	display:block;
	font-family: Pretendard;
font-size: 2rem;
line-height: 2.8rem;
letter-spacing: 0em;
text-align: left;
color:#222;
}
/* // 튜터코멘트 박스 */


/* 수업스케줄 타임 슬라이드 박스 */
.dayswrap{
	width:100%;
	position:relative;
}

.dayswrap .swiper-slide{
	width:auto;
}

.dayswrap .swiper-button-next{
	border-radius: 5px;z-index: 300;position: absolute;top: 50%;width: 40px;height: 48px;margin-top: -24px;z-index: 10;cursor: pointer;background-position: center;background-repeat: no-repeat;background-color: #fff;
	position: absolute;bottom: 110px;right: 0px;background-image: url(/img/sub/ds_next.png);}
.dayswrap .swiper-button-prev{
	    transform: inherit;
	border-radius: 5px;z-index: 300;position: absolute;top: 50%;width: 40px;height: 48px;margin-top: -24px;z-index: 10;cursor: pointer;background-position: center;background-repeat: no-repeat;background-color: #fff;
	background-image: url(/img/sub/ds_prev.png);
    left: 0;
}



/* // 수업스케줄 타임 슬라이드 박스 */


@media (max-width: 767px){
	.time_inputwrap {
		display: flex;
		width: 100%;
		margin-bottom: 3rem;
	}
	.time_input {
		width: 100%;
		padding-right: 0rem;
		display: block;
		position: relative;
	}
	.time_input input {
		width: 100%;
		border: 1px solid #272F82;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
		letter-spacing: 0px;
		height: 4rem;
		font-size: 1.6rem;
		padding: 0px 1.6rem 0px 1.6rem;
		border-radius: 0.6rem;
	}
	.time_input input::placeholder{font-size: 1.6rem;font-weight: 400;}

	.time_input .ui-datepicker-trigger {
		right: 1.6rem;
		top: 1rem;
		width: 2rem;
		height: 2rem;
	}
	.ui-datepicker {
		padding: 1.6rem 1.6rem 2rem 1.6rem;
		margin-top: -5.6rem;
	}
	
	
	.sdublewrap {
		margin-top: 2rem;
		display: block;
	}
	.sdutablebox {
		width: calc(100% - 0rem);
		position: relative;
		display: block;
		margin: 0px 0rem 3rem 0rem;
	}
	.sdutablebox:nth-child(2n) {
		margin: 0 0rem 3rem 0rem;
	}
	.sduInner {
		border-radius: 0.6rem;
		padding: 3rem 2rem 2rem 2rem;
	}
	.sduintopbox {
		display: block;
		position: relative;
		padding: 0rem 1rem;
	}
	.nextsdu_hold .sduTab {
		height: 2.8rem;
	}
	.sduTab {
		font-size: 1.8rem;
		line-height: 2rem;
		letter-spacing: 0em;
		padding-bottom: 0.8rem;
	}
	.aahimg {
		right: 1rem;
		top: -0.4rem;
		height: 3rem;
	}
	
	
	
	.sudlinkBox {
		text-align: left;
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		list-style: none;
		padding: 0;
		margin-top: 2rem;
	}
	.sudlink {
		height: 4rem;
		width: calc(50% - 0.25rem);
		margin: 0 0.5rem 0.5rem 0px;
	}
	.sudlink:nth-child(1) {
		margin: 0rem 0.5rem 0rem 0rem;
	}
	.sudlink:nth-child(2){
		margin: 0 0rem 0.5rem 0px;
	}
	.sudlink:last-child {
		margin: 0 0rem 0.5rem 0px;
	}
	.sudlink a {
		border-radius: 0.6rem;
		font-size: 1.5rem;
	}
	.sudlink button {
		border-radius: 0.6rem;
		font-size: 1.5rem;
	}
	
	
	
	.tcsidebox .bri-popup-close {
		width: 2rem;
		height: 2rem;
		top: 2.6rem;
		right: 2rem;
	}
	.tc_topbox {
		padding: 2rem 2rem 2rem 2rem;
	}
	.tc_topbox dl {
		text-align: left;
		font-size: 2rem;
		line-height: 3rem;
	}
	
	
	.tc_toptextbox {
		margin-top: 1.6rem;
		border-radius: 0.6rem;
		padding: 1.6rem 1rem;
	}
	.tc_toptextbox:before {
		left: 1rem;
		top: -0.8rem;
		width: 1.9rem;
		height: 1.6rem;
	}
	.tc_toptextbox:after {
		right: 1rem;
		bottom: -0.8rem;
		width: 1.9rem;
		height: 1.6rem;
	}
	.tc_toptextbox span {
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	
	
	
	.tcsidebox {
		padding-bottom: 6rem;
	}
	.tc_bottombox {
		padding: 2rem;
	}
	.tc_bottombox ul li:first-child {
		padding: 0rem 0rem 2rem 0rem;
	}
	.tc_bottombox ul li {
		padding: 2rem 0rem 2rem 0rem;
	}
	.tcbtext {
		text-align: left;
		padding-left: 0rem;
		position: relative;
		min-height: auto;
		margin-bottom:1.6rem;
	}
	.tcbtext span {
		display:inline-block;
		position:relative;
		font-size: 1.4rem;
		line-height: 1.4rem;
		border-radius: 6rem;
		padding: 0.4rem 1rem 0.4rem 1rem;
	}
	.tcbtext dl {
		padding-top: 0.4rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
}

/*--------------------------------------------------------------------------------------
# 마이페이지 결제내역 리스트
--------------------------------------------------------------------------------------*/
.paycont{
	width:100%;
	position:relative;
}
.paycont ul{
	text-align: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.paycont ul li {
    float: left;
    text-align: left;
    width: calc(50% - 1rem);
    position: relative;
    display: inline-block;
    list-style: none;
    margin: 0 2rem 2rem 0px;
}
.paycont ul li:nth-child(2n){
	margin: 0 0rem 2rem 0px;
}
.paycontInner{
	width:100%;
	position:relative;
	padding:2.4rem;
	background: #FFFFFF;
	border: 1px solid rgba(34, 34, 34, 0.1);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	border-radius: 0.8rem;
}
.pyctop{
	text-align:left;
	width:100%;
	position:relative;
}
.pyctop a{
	position:absolute;
	right:0rem;
	top:0rem;
	display:inline-block;
	font-family: Pretendard;
font-size: 1.5rem;
line-height: 2.9rem;
letter-spacing: 0em;
text-align: left;
color:#666666;
text-decoration:underline!important;
}
.pyccur{
	display:flex;
}
.paycomt{
	
	background: #32B16C!important;
}
.pyccur dl {
    margin-right: 1rem;
    color: #fff;
    padding: 0.5rem 0.8rem;
    background: #C11B2F;
    border-radius: 0.3rem;
    font-size: 1.4rem;
    font-family: 'Pretendard-Bold';
    line-height: 1.9rem;
    letter-spacing: 0em;
    text-align: center;
}
.pyccur span{
	font-family: Pretendard;
font-size: 1.6rem;
line-height:2.9rem;
letter-spacing: 0em;
text-align: left;
color:#666666;
}
.pyctitle{
font-family: 'Pretendard-SemiBold';
font-size: 2.4rem;
line-height: 3.6rem;
letter-spacing: 0em;
text-align: left;
color:#222;
display:block;
margin:1rem 0rem 2.2rem 0rem;
color:#222;
}

.pycbotbox {
    background: #F6F6F6;
    border-radius: 0.4rem;
    width: 100%;
    display: flex;
    padding: 1.8rem 1.6rem;
    justify-content: space-between;
}
.pycli{
	display:block;
	position:relative;
	padding-right:2rem;
}

.pycli dl:last-child{
	margin-bottom:0rem;
}
.pycli dl{
	margin-bottom:1rem;
	position:relative;
	padding-left:7.2rem;
font-size: 1.5rem;
font-family: 'Pretendard-SemiBold';
line-height: 2rem;
letter-spacing: 0em;
text-align: left;
color:#222222;
}

.pycli dl span{
	position:absolute;
	left:0rem;
	top:0rem;
	font-family: Pretendard;
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 0em;
text-align: center;
color:#666;
}

.pycpri {
    display: flex;
    padding: 0rem 0rem 0rem 2rem;
    position: relative;
    flex-direction: column;
    justify-content: flex-end;
}
.pycpri:after{
	content:'';
	width:1px;
	height:100%;
	background: #D9D9D9;
	position:absolute;
	left:0rem;
	top:0rem;
}
.pycpri dl {
    display: block;
    margin-bottom: 0.4rem;
    font-family: Pretendard;
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: 0em;
    text-align: left;
    color: #666;
}
.pycpri span{
	display:flex;
font-family: 'Pretendard-SemiBold';
font-size: 2.2rem;
line-height: 2.6rem;
letter-spacing: 0em;
text-align: left;
color:#222;
}
.pycpri span dt{
	font-family: 'Pretendard-SemiBold';
	display:inline-block;
	margin-left:0.4rem;
}

@media (max-width: 991px){
	.pycbotbox {
		border-radius: 0.4rem;
		display: block;
		padding: 1.8rem 1.6rem;
	}
	.pycpri {
		margin-top: 2rem;
		display: flex;
		padding: 0rem 0rem 0rem 7.2rem;
		position: relative;
		flex-direction: row;
		justify-content: flex-start;
	}
	.pycpri dl {
		left: 0rem;
		position: absolute;
		display: inline-block;
		margin-bottom: 0rem;
		font-size: 1.5rem;
		line-height: 2.6rem;
		letter-spacing: 0em;
	}
	.pycpri:after {
		width: 100%;
		height: 1px;
		left: 0rem;
		top: -1rem;
	}
}
@media (max-width: 767px){
	.paycont ul li {
		width: calc(100% - 0rem);
		margin: 0 0rem 2rem 0px;
	}
	.paycontInner {
		padding: 2rem;
		border-radius: 0.6rem;
	}
	
	
	.pyccur dl {
		font-family: 'Pretendard-Medium';
		margin-right: 0.6rem;
		padding: 0.2rem 0.6rem;
		border-radius: 0.2rem;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.pyccur span {
		font-size: 1.5rem;
		line-height: 2.2rem;
		letter-spacing: -0.3px;
	}
	.pyctop a {
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	.pyctitle {
		font-size: 2rem;
		line-height: 3rem;
		letter-spacing: -0.3px;
		margin: 1rem 0rem 1.4rem 0rem;
	}
	.pycbotbox {
		border-radius: 0.6rem;
		padding: 1.4rem 1.4rem;
	}
	.pycli dl {
		margin-bottom: 0.6rem;
		padding-left: 7rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.pycli dl span {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.pycpri dl {
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.pycpri span {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	
	

}

/*--------------------------------------------------------------------------------------
# 마이페이지 결제내역 상세
--------------------------------------------------------------------------------------*/
.de_paytitle {
	display:block;
    margin-bottom: 3rem;
}
.de_paytitle a {
    position: relative;
    padding-left: 5.4rem;
    display: inline-block;
    color: #222;
    line-height: 4.2rem;
    font-size: 3rem;
    text-align: left;
    font-family: 'WOFF_3';
}
.de_paytitle a:before {
    content: '';
    width: 4.2rem;
    height: 4.2rem;
    position: absolute;
    left: 0rem;
    top: 0rem;
    background-image: url(/img/mypage/paybackbtn.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.pacont{
	width:100%;
	position:relative;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	border-radius: 0.8rem;
	padding:3.4rem 3rem;
}
.pacont ul{
	width:100%;
	position:relative;
}
.pacont ul li {
    padding: 2.2rem 2rem 2.2rem 14rem;
    width: 100%;
    position: relative;
    display: flex;
    border-bottom: 1px solid #eee;
}
.pacont ul li:nth-child(1){
	padding: 0rem 2rem 2.2rem 14rem;
}
.pacont ul li:nth-child(1) span{
	top:0rem;
}
.pacont ul li:last-child{
	border-bottom: none;
	padding: 2.2rem 2rem 0rem 14rem;
}
.pacont ul li span{
font-family: 'Pretendard-Bold';
font-size: 1.8rem;
line-height: 2.6rem;
letter-spacing: 0em;
text-align: left;

	position:absolute;
	left:0rem;
	top:2.2rem;
    color: #222;
}
.pacont ul li dl {
    display: block;
	
	font-family: Pretendard;
font-size: 1.8rem;
line-height: 2.6rem;
letter-spacing: 0em;
text-align: left;
color:#666;

}

@media (max-width: 767px){
	.de_paytitle {
		margin-bottom: 1rem;
	}
	.de_paytitle a:before {
		width: 3.2rem;
		height: 3.2rem;
	}
	.de_paytitle a {
		padding-left: 4.2rem;
		line-height: 3.2rem;
		font-size: 2rem;
	}
	
	
	.pacont {
		border-radius: 0.6rem;
		padding: 3rem 2rem;
	}
	.pacont ul li:nth-child(1) {
		padding: 0rem 0rem 1.6rem 8rem;
	}
	.pacont ul li {
		padding: 1.6rem 0rem 1.6rem 8rem;
	}
	.pacont ul li:last-child {
		padding: 1.6rem 0rem 0rem 8rem;
	}
	.pacont ul li span {
		font-size: 1.3rem;
		line-height: 2rem;
		left: 0rem;
		top: 1.7rem;
	}
	.pacont ul li dl {
		font-size: 1.5rem;
		line-height: 2rem;
	}
}

/*--------------------------------------------------------------------------------------
# 마이페이지 쿠폰
--------------------------------------------------------------------------------------*/
.couInner:nth-child(1) {
    display: block;
}
.couInner {
    background: #FFFFFF;
    display: none;
    width: 100%;
    position: relative;
}

.coucont{
	width:100%;
	position:relative;
}
.coucont ul{
	text-align: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.coucont ul li {
    float: left;
    text-align: left;
    width: calc(50% - 1rem);
    position: relative;
    display: inline-block;
    list-style: none;
    margin: 0 2rem 2rem 0px;
}
.coucont ul li:nth-child(2n){
	margin: 0 0rem 2rem 0px;
}
.coucontInner{
	overflow:hidden;
	width:100%;
	position:relative;
background: #FFFFFF;
border: 1px solid rgba(34, 34, 34, 0.1);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
border-radius:0.8rem;
}
.coucontInner:hover{
	border: 1px solid #222222;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.couconttop{
	padding:2.4rem 3rem 2.5rem 3rem;
	width:100%;
	position:relative;
	background:#fff;
}
.coucontboottom.useoff{
	background: #ddd!important;
}
.coucontboottom {
    background: #EDF1FA;
    padding: 1.8rem 2.4rem;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.coucontboottom dl{
	display:inline-block;
font-family: 'Pretendard-Bold';
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 0em;
text-align: left;
color:#222;
}
.coucontboottom span{
	display:inline-block;
font-family: Pretendard;
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 0em;
text-align: right;
color:#666;
}

.coubre{
	position:relative;
	display:block;
	margin-bottom:3.3rem;
font-size: 1.6rem;
font-family: 'Pretendard-Medium';
line-height: 2rem;
letter-spacing: 0em;
text-align: left;
color:#222;
}
.coubre span{
	font-family: 'Pretendard-Bold';
}
.coubre:before {
    content: '';
    position: absolute;
    left: 0rem;
    bottom: -1.6rem;
    width: 3rem;
    height: 1px;
    background: #272F82;
}
.usecou{
	text-decoration: line-through;
}
.coutitle{
	overflow:hidden;
	height:6rem;
	display:block;
font-family: Pretendard;
font-size: 2.4rem;
font-weight: 600;
line-height: 3.3rem;
letter-spacing: 0em;
text-align: left;
color:#222;
margin-bottom:1.6rem;
}
.couinfo{
	display:flex;
}
.couinfo span{
	margin-right:2rem;
	display:inline-block;
font-family: 'Pretendard-Bold';
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0em;
text-align: left;
color:#222;
}
.couinfocate{
	display:flex;
}
.couinfocate dl{
	position:relative;
	display:inline-block;
	font-family: Pretendard;
font-size: 1.6rem;
line-height: 2rem;
letter-spacing: 0em;
text-align: center;
color:#666;
margin:0rem 2.9rem 0rem 0rem;
}
.couinfocate dl:nth-child(1):before{
	content:'';
	position:absolute;
	right:-1.5rem;
	top:0.2rem;
	width:1px;
height: 1.6rem;

background: #D9D9D9;
}


.newpagingBox{text-align:center;margin-top:4rem;}
.newpad_prev, .newpad_next{cursor:pointer;display:inline-block;font-size:1.8rem;line-height:4rem;color:#888888;font-family: Pretendard;margin:0px 1.2rem 0px 1.2rem;}
.newpad_prev:hover{color:#222222;font-family: 'Pretendard-Medium';}
.newpad_next:hover{color:#222222;font-family: 'Pretendard-Medium';}
.newpad_numlist{display:inline-block;}
.newpad_numlist ul{display:inline-block;}
.newpad_numlist ul li{cursor:pointer;margin:0px 1.2rem 0px 1.2rem;display:inline-block;font-size:1.8rem;line-height:4rem;font-family: Pretendard;color:#888888;}
.newpad_numlist ul li:hover{font-family: 'Pretendard-Medium';color:#222;}
.on_npd{font-family: 'Pretendard-ExtraBold'important;color:#C11B2F!important;}
	
@media (max-width: 767px){	
	.coucont ul li {
		width: calc(100% - 0rem);
		margin: 0 0rem 2rem 0px;
	}
	.coucontInner {
		border-radius: 0.6rem;
	}
	.couconttop {
		padding: 2rem;
	}
	.coubre {
		margin-bottom: 3rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.coutitle {
		height: 5rem;
		font-size: 2rem;
		line-height: 3rem;
		letter-spacing: -0.3px;
		margin-bottom: 1.6rem;
	}
	.couinfo span {
		margin-right: 2rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.couinfocate dl {
		font-size: 1.4rem;
		line-height: 2rem;
		letter-spacing: 0em;
		margin: 0rem 2rem 0rem 0rem;
	}
	.couinfocate dl:nth-child(1):before {
		right: -1.1rem;
		top: 0.3rem;
		width: 1px;
		height: 1.2rem;
	}
	
	
	
	.coucontboottom {
		padding: 1.4rem 2rem;
	}
	.coucontboottom dl {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.coucontboottom span {
		font-size: 1.4rem;
		line-height: 2rem;
		letter-spacing: -0.3px;
	}



	.newpagingBox {
		margin-top: 3rem;
	}
	.newpad_numlist ul li {
		margin: 0px 1rem 0px 1rem;
		font-size: 1.6rem;
		line-height: 3.6rem;
	}
	.newpad_prev, .newpad_next {
		font-size: 1.6rem;
		line-height: 3.6rem;
		margin: 0px 1rem 0px 1rem;
	}
}
/*--------------------------------------------------------------------------------------
# 마이페이지 개인정보 수정
--------------------------------------------------------------------------------------*/
.cinWrap{
	display:block;
	margin-top:4rem;
}
.cinInner{
	width:100%;
	position:relative;
	padding:3rem;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	border-radius: 0.8rem;
}

.ciinputflex{
	display:flex;
}
.ciinputflex .ciinput:nth-child(1){
	margin-right:1rem;
}
.ciinputflex .ciinput:nth-child(2){
	margin-left:1rem;
}

.ciinput{
	display:block;
	width:100%;
	text-align:left;
	margin-bottom:3rem;
}
.ciinput label{
font-family: 'Pretendard-SemiBold';
font-size: 1.5rem;
line-height: 2.2rem;
letter-spacing: 0em;
text-align: left;
color:#222;
}
.incor{background:#f8f8f8!important;}
.ciinput input{
	margin-top:0.8rem;
	width:100%;
	height:6rem;
	border:none;
	padding:0rem 2rem;
	border: 1px solid #EEEEEE;
	border-radius:0.5rem;
	
font-family: 'Pretendard-Medium';
font-size: 1.8rem;
line-height: 2.6rem;
letter-spacing: 0em;
text-align: left;
color:#222;
}
.ciinput input:focus{
		border: 1px solid #222;
background: #FFFFFF;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.ciinput input:read-only {
	background: #F8F8F8;
	border: 1px solid #EEEEEE;
}

.ciinput input::placeholder{
font-family: Pretendard;
font-size: 1.8rem;
line-height: 2.6rem;
letter-spacing: 0em;
text-align: left;
color:#aaa;
}

.ciinput textarea{
	margin-top:0.8rem;
	width:100%;
	height:20rem;
	border:none;
	padding:2rem 2rem;
	border: 1px solid #EEEEEE;
	border-radius:0.5rem;
	
font-family: 'Pretendard-Medium';
font-size: 1.8rem;
line-height: 2.6rem;
letter-spacing: 0em;
text-align: left;
color:#222;
}
.ciinput textarea:focus{
		border: 1px solid #222;
background: #FFFFFF;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.ciinput textarea::placeholder{
font-family: Pretendard;
font-size: 1.8rem;
line-height: 2.6rem;
letter-spacing: 0em;
text-align: left;
color:#aaa;
}

.dressbox{
	position:relative;
	width:100%;
	padding-right:14.8rem;
}
.dressBtn{
	position:absolute;
	right:0rem;
	bottom:0rem;
	width: 13.8rem;
height: 6rem;

background: #272F82;
border: 1px solid #222222;
border-radius: 0.5rem;


font-size: 1.8rem;
font-family: 'Pretendard-Medium';
line-height: 6rem;
letter-spacing: 0em;
text-align: center;
color:#fff;
cursor:pointer;
}






/* ==== radio 영역 ==== */
.seradio{
	position:relative;
	display:block;
	margin-bottom:3rem;
}
.seradio dl{
	    font-family: 'Pretendard-SemiBold';
    font-size: 1.5rem;
    line-height: 2.2rem;
    letter-spacing: 0em;
    text-align: left;
    color: #222;
}
.seradio .popRadio .poprCheck {align-items: center;display:flex;margin: 0rem 3rem 0rem 0rem;}


.popRadio .poprCheck input[type=radio].radio+label em {
    position: relative;
    top: 0rem;
    display: inline-block;
    margin-right: 0.8rem;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
    border: 2px solid #ccc;
    border-radius: 50%;
}
.popRadio .poprCheck input[type=radio].radio:checked+label em{
	border: 2px solid #272F82;
}
.popRadio .poprCheck input[type=radio].radio:checked+label em dt {
    background: #272F82;
}
.popRadio .poprCheck input[type=radio].radio+label em dt {
	    background: #ccc;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* width: 1rem; */
    /* height: 1rem; */
    border-radius: 50%;
}
.poprCheck input {
    position: absolute;
    display: none;
}
.poprCheck label {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    cursor: pointer;
    position: relative;
    line-height: 2.6rem;
    color: #222;
	font-family: 'Pretendard-Medium';
    margin-bottom: 0rem;
}

.seradio .popRadio {
    align-items: center;
    display: flex;
    padding: 1.2rem 0rem 1.2rem 0rem;
}
/* ==== // radio 영역 ==== */

/* ==== checkbox 영역 ==== */
.secheck dl{
	font-family: 'Pretendard-SemiBold';
    font-size: 1.5rem;
    line-height: 2.2rem;
    letter-spacing: 0em;
    text-align: left;
    color: #222;
}

.koko_checkwrap{
	margin-top:0.8rem;
	width:100%;
	background: #FFFFFF;
border: 1px solid #EEEEEE;
border-radius: 0.5rem;
padding:2rem;
}

.koko_check:last-child{
	margin-bottom:0rem;
}
.koko_check {margin-bottom: 1.2rem;display: flex;position: relative;align-items: center;}
.koko_check p {
    color: #888888;
    font-size: 1.8rem;
    font-family: 'Pretendard-Medium';
    line-height: 2.6rem;
    letter-spacing: 0em;
    text-align: left;
}
.koko_check p .colgr{color:#F04E4A;}
.koko_check p .colred{color:#FF6752;}
.koko_check b{display:inline-block;font-family: Pretendard;font-size: 1.4rem;font-weight: 400;line-height: 1.4rem;letter-spacing: 0em;text-align: left;color:#9A9A9A;margin-left:0.8rem;text-decoration:underline;}
.koko_check input {display: none;}
.koko_check label {
    cursor: pointer;
    position: relative;
    padding-left: 2.8rem;
}
.koko_check input[type=checkbox]+label em {
    left: 0rem;
    border-radius: 0.3rem;
    position: absolute;
    top: 0.3rem;
    display: inline-block;
    margin-right: 0.8rem;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
    border: 2px solid #ddd;
}
.koko_check input[type=checkbox]:checked+label p{color: #222222;}
.koko_check input[type=checkbox]:checked+label em {border:none;background: url(/img/sub/submit/checkicon_blue.png) no-repeat center/cover;}
/* ==== checkbox 영역 ==== */

.cinbottombtnBox{
	display:block;
	text-align:center;
	margin-top:4rem;
}
.cinbottombtn{
	display:inline-block;
	width: 24rem;
height: 7rem;
position:relative;


}
.cinbottombtn button{
	cursor:pointer;
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	background: #272F82;
border-radius: 0.5rem;
font-family: 'Pretendard-Bold';
font-size: 2rem;
line-height: 2.6rem;
letter-spacing: 0em;
text-align: center;
color:#fff;
}
.cinblink{
	margin-top:2rem;
	display:block;
	text-align:center;
}
.cinblink a{
	display:inline-block;
	font-family: Pretendard;
font-size: 1.6rem;
line-height: 2.2rem;
letter-spacing: 0em;
text-align: center;
color:#222;
text-decoration: underline!important;
}

@media (max-width: 767px){
	.cinWrap {
		margin-top: 1rem;
	}
	.cinInner {
		padding: 2rem;
		border-radius: 0.6rem;
	}
	.ciinput {
		margin-bottom: 2.4rem;
	}
	.ciinput input {
		margin-top: 0.6rem;
		height: 5rem;
		padding: 0rem 2rem;
		border-radius: 0.6rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.ciinput input::placeholder{
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.ciinputflex {
		display: block;
	}
	.ciinputflex .ciinput:nth-child(2) {
		margin-left: 0rem;
	}
	.dressbox {
		padding-right: 11rem;
	}
	.dressBtn {
		width: 10rem;
		height: 5rem;
		background: #272F82;
		border-radius: 0.6rem;
		font-size: 1.4rem;
		line-height: 4.8rem;
	}
	
	
	.cinWrap .seradio .popRadio {
		display: block;
		padding: 0rem;
	}
	.cinWrap .seradio .popRadio .poprCheck {
		margin: 0.8rem 0rem 0rem 0rem;
	}
	.cinWrap .seradio .popRadio .poprCheck:last-child {
		margin: 0.8rem 0rem 0rem 0rem;
	}
	.cinWrap .popRadio .poprCheck input[type=radio].radio+label em {
		position: relative;
		top: 0.1rem;
		display: inline-block;
		margin-right: 0.8rem;
		vertical-align: middle;
		width: 1.8rem;
		height: 1.8rem;
		border: 2px solid #E2E5EA;
		border-radius: 50%;
	}
	
	
	.koko_checkwrap {
		margin-top: 0.8rem;
		border-radius: 0.6rem;
		padding: 1rem;
	}
	.koko_check {
		margin-bottom: 1rem;
	}
	.koko_check label {
		padding-left: 2.6rem;
	}
	.koko_check input[type=checkbox]+label em {
		border-radius: 0.3rem;
		margin-right: 0.8rem;
		top:0.1rem;
		width: 1.8rem;
		height: 1.8rem;
		border: 2px solid #ddd;
	}
	.koko_check p {
		font-size: 1.4rem;
		line-height: 2rem;
		text-align: left;
	}
	
	
	.cinbottombtn {
		width: 18rem;
		height: 5rem;
	}
	.cinbottombtn button {
		font-size: 1.8rem;
	}
}

/*--------------------------------------------------------------------------------------
# 수강신청
--------------------------------------------------------------------------------------*/
.enrollWrap{
	width:100%;
	position:relative;
	/* margin-top:9rem; */
}
.enrollSidebox {
    margin: 0 auto;
    display: block;
    max-width: 144rem;
    padding: 0rem 2rem 10rem 2rem;
}
.enrtitle {
    display: block;
    text-align: center;
    padding: 6rem 0rem 10rem 0rem;
}
.enrtitle h1 {
    border-bottom: 0.6rem solid #272F82;
    display: inline-block;
    font-family: 'WOFF_3';
    font-size: 5rem;
    line-height: 6.2rem;
    letter-spacing: 0em;
    text-align: center;
    color: #272F82;
}
.enrtitle dl {
    margin-top: 2rem;
    display: block;
    font-size: 1.8rem;
    font-family: 'WOFF_2';
}

.enrollcontbox{
	position:relative;
	width:100%;
	padding-right:44rem;
	
}
.lefteninnerBox{
	width:100%;
	max-width:96rem;
}


.eninner:last-child{
	margin-bottom:0rem;
}
.eninner{
	width:100%;
	position:relative;
	margin-bottom:8rem;
}
.eninner h2 {
    display: block;
    font-family: 'WOFF_3';
    font-size: 2.8rem;
    line-height: 4rem;
    letter-spacing: -1px;
    text-align: left;
    color: #222;
    margin-bottom: 2rem;
}

.enrolcontBox{
	width:100%;
	position:relative;
}
.enrolcont:nth-child(1){
	display:block;
}
.enrolcont{
	display:none;
	width:100%;
	position:relative;
}


.eninner .seradio{
	margin-bottom:0rem;
}
.enbooksub{
	display:block;
	margin-top:3rem;
}
.enbooksub dl{
	margin-top:1rem;
	font-family: 'Pretendard-Light';
	font-size:1.6rem;
	line-height: 2rem;
	letter-spacing: 0em;
	text-align: left;
	color:#666666;
}

.libpay {
    display: flex;
    position: absolute;
    right: 0rem;
    top: 1rem;
    font-family: 'Pretendard-Bold';
    font-size: 2.4rem;
    line-height: 3rem;
    letter-spacing: 0em;
    text-align: center;
    color: #222;
}
.libpay span {
	margin-right:0.6rem;
    font-size: 1.8rem;
    font-family: Pretendard;
    font-weight: 400;
    line-height: 3rem;
    letter-spacing: 0em;
    text-align: center;
    color: #222;
}

.timecontbox {
    width: 100%;
    padding: 2.6rem 3rem 1.6rem 3rem;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 0.8rem;
}



.tcont_time {
    margin-bottom: 1.6rem;
    display: flex;
    position: relative;
    width: 100%;
    min-height: 2rem;
    padding-left: 7rem;
}
.tcptimebox {
    width: 100%;
    position: relative;
    display: flex;
    font-family: 'Pretendard-Bold';
    font-size: 2rem;
    line-height: 2.2rem;
    letter-spacing: 0em;
    text-align: left;
    color: #222;
    align-items: center;
    justify-content: center;
}
.tcptimebox:last-child{
	margin-left:1rem;
}


.tcont{
	margin-bottom:1rem;
	display:flex;
	position:relative;
	width:100%;
	min-height:5.4rem;
	padding-left:7rem;
}
.tcont dl{
	position:absolute;
	left:0rem;
	top:1.4rem;
	font-family: 'Pretendard-Bold';
	font-size: 1.8rem;
	line-height: 2.6rem;
	letter-spacing: 0em;
	text-align: left;
	color:#222;
}
.tcpbox.selctcp{
	border: 1px solid #272F82;
	background: #272F82;
	color:#fff;
}
.tcpbox {
	border: 1px solid #ccc;
	cursor:pointer;
    width: 100%;
    position: relative;
    background: #F6F6F6;
    border-radius: 0.4rem;
    display: flex;
    font-family: Pretendard;
    font-size: 1.8rem;
    line-height: 2.6rem;
    letter-spacing: 0em;
    text-align: center;
    color: #666;
    align-items: center;
    justify-content: center;
}
.tcpbox:last-child{
	margin-left:1rem;
}
.tcpbox span{
	font-family: Pretendard;
	display:inline-block;
	margin:0rem 0.1rem 0rem 0.3rem;
}

.encaltimebox{
	display:flex;
}
.encalbox{
	margin-right:3rem;
	width:49.6rem;
}
.calendar-top-bar {
    width: 100%;
    position: relative;
    padding: 2rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.calendar-active-month{
	display:inline-block;
	margin:0rem 1rem;
	padding:0;
}
.calendar-active-month span{
	color: #272F82;
text-align: center;
font-size: 2.2rem;
font-family: 'Pretendard-Bold';
line-height: 4rem;
}
.calendar-active-month span.active-year{
	margin-right:0.6rem;
}
.calendar-active-month span dt{
	display:inline-block;
		color: #272F82;
text-align: center;
font-size: 2.2rem;
font-family: 'Pretendard-Bold';
line-height: 4rem;
}

.cal_arrow_prev{
	cursor:pointer;
	padding:0;
	margin:0;
	background:#fff;
	width:4rem;
	height:4rem;
	background-image: url(/img/sub/submit/cal_arrow_prev.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.cal_arrow_next{
	cursor:pointer;
	padding:0;
	margin:0;
	background:#fff;
	width:4rem;
	height:4rem;
	background-image: url(/img/sub/submit/cal_arrow_next.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.calendar-table-content {
    width: 100%;
    position: relative;
    padding: 1.8rem 2rem;
    border-radius: 1.6rem;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}
.calendar-table-content:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1.6rem;
    border: 1px solid rgba(238,238,238, .8);
    border-top-color: rgba(238,238,238, .8);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(238,238,238, .8);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(238,238,238, .8);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(238,238,238, .8);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    z-index: 60;
}
.calendar-table-content table{
	width:100%;
	position:relative;
	border-collapse: separate;
border-spacing: 0.6rem;
}
.calendar-table-content table thead tr{
	border-bottom:1px solid #eee;
}
.calendar-table-content table thead tr th {

    padding: 1.3rem 0.2rem;
    flex-direction: column;
    align-items: center;
    color: #222;
    text-align: center;
    font-size: 1.9rem;
    font-family: 'Pretendard-Bold';
    line-height: 2.4rem;
    box-sizing: content-box;
	color:#222;
}

.calendar-table-content table tbody tr td {
    width: 5.78rem;
    border-radius: 0.8rem;
    padding: 1.8rem 0rem;
    flex-direction: column;
    align-items: center;
    box-sizing: content-box;
    color: #222;
    background: #fff;
    text-align: center;
    font-size: 1.9rem;
    font-family: Pretendard;
    line-height: 2.4rem;
}
.calendar-table-content table tbody tr td:hover{
/* background: #F1F2FF; */
/* color:#222; */
/* font-family: 'Pretendard-Bold'; */
}
.calendar-table-content table tbody tr td.ontcalbox{
	    background: #272F82;
    color: #fff;
}
.calendar-table-content table tbody tr td.day_availiable{
/* background: #272F82; */
/* color:#fff; */
/* font-family: 'Pretendard-Bold'; */
background: #CED1FF;
color:#222;
font-family: 'Pretendard-Bold';
}


/* ==== 수업 요일 checkbox 영역 ==== */
.secheck dl{
	font-family: 'Pretendard-SemiBold';
    font-size: 1.5rem;
    line-height: 2.2rem;
    letter-spacing: 0em;
    text-align: left;
    color: #222;
}

.day_checkwrap {
    display: flex;
    margin-top: 0.8rem;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    padding: 2rem;
}

.day_check:last-child{
	margin-bottom:0rem;
}
.day_check {
    margin-right: 2.4rem;
    margin-bottom: 0rem;
    display: inline-block;
    position: relative;
    align-items: center;
}
.day_check p {
    color: #888888;
    font-size: 1.8rem;
    font-family: 'Pretendard-Medium';
    line-height: 2.6rem;
    letter-spacing: 0em;
    text-align: left;
}
.day_check p .colgr{color:#F04E4A;}
.day_check p .colred{color:#FF6752;}
.day_check b{display:inline-block;font-family: Pretendard;font-size: 1.4rem;font-weight: 400;line-height: 1.4rem;letter-spacing: 0em;text-align: left;color:#9A9A9A;margin-left:0.8rem;text-decoration:underline;}
.day_check input {display: none;}
.day_check label {
	    line-height: inherit!important;
    margin-bottom: 0!important;
    cursor: pointer;
    position: relative;
    padding-left: 2.8rem;
}
.day_check input[type=checkbox]+label em {
    left: 0rem;
    border-radius: 0.3rem;
    position: absolute;
    top: 0.2rem;
    display: inline-block;
    margin-right: 0.8rem;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
    border: 2px solid #ccc;
}
.day_check input[type=checkbox]:checked+label p{color: #222222;}
.day_check input[type=checkbox]:checked+label em {border:none;background: url(/img/sub/submit/checkicon_blue.png) no-repeat center/cover;}
/* ==== // 수업 요일 checkbox 영역 ==== */


.enseltimebox{
	margin-left:3rem;
	width:40.4rem;
	position:relative;
	padding-top:8rem;
}
.enselbox{
width:100%;
margin-bottom:3rem;
}
.enselbox:last-child{
	margin-bottom:0rem;
}
.enselbox label{
	color: #222;
font-size: 2rem;
font-family: 'Pretendard-SemiBold';
line-height: 3.2rem;
display:block;
margin-bottom:0.8rem;
}
.enselbox select{
	width:100%;
	position:relative;
	border-radius:0.5rem;
border: 1px solid #ccc;
background: #FFF;
height:5.4rem;
color: #222;
text-align:left;
font-size: 1.8rem;
font-family: Pretendard;
line-height: 2.6rem;
padding:0rem 2rem;
    background: url(/img/sub/submit/icon_arrow_open.png) no-repeat right 2rem center;
}
.enselbox select {
    appearance: none;
}

.enseltuBtn {
    width: 100%;
    position: relative;
    margin-top: 3rem;
}
.enseltuBtn button {
    border: 1px solid #272F82;
    cursor: pointer;
    position: relative;
    /* border: none; */
    border-radius: 0.5rem;
    background: #fff;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 6rem;
    color: #272F82;
    text-align: center;
    font-size: 2.2rem;
    font-family: 'Pretendard-Bold';
    font-weight: 700;
    line-height: 2.6rem;
}



.righteninnerBox {
    display: inline-block;
    width: 36.6rem;
    position: absolute;
    top: 0rem;
    right: 0rem;
    height: 100%;
}
.reninnerBox {
    width: 100%;
    position: sticky;
    top: 12rem;
}
.reninner{
	width:100%;
	padding:2rem 3rem;
	border-radius: 0.8rem;
border: 1px solid #EEE;
background: #FFF;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}
.reninnertitle {
    position: relative;
    display: block;
    color: #222;
    font-size: 1.8rem;
    text-align: left;
    font-family: WOFF_3;
    line-height: 2.8rem;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #222;
    margin-bottom: 1rem;
}
.open_pay{
	display:none;
}
.close_pay{
	display:none;
}





.enselcont{
	width:100%;
	position:relative;
}
.enselcont ul{
	width:100%;
	position:relative;
}
.enselcont ul li {
    width: 100%;
    position: relative;
	padding: 1.1rem 0rem;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.enselcont ul li:nth-child(4) {
    padding: 1.1rem 0rem 2rem 0rem;
    border-bottom: 1px solid #ccc;
    margin: 0rem 0rem 0.6rem 0rem;
}
.enselcont ul li:nth-child(7) {
    padding: 1.1rem 0rem 2rem 0rem;
    border-bottom: 1px solid #ccc;
    margin: 0rem 0rem 0.6rem 0rem;
}
.enselcont ul li:nth-child(9){
	padding: 1.1rem 0rem 2rem 0rem;
	border-bottom: 1px solid #000;
}
.enselcont ul li:last-child{
	padding: 2rem 0rem 0rem 0rem;
	border-bottom: none;
}
.enselcont ul li span{
color: #222;
font-size: 1.6rem;
font-family: 'Pretendard-Medium';
text-align:left;
line-height: 2.4rem;
}
.enselcont ul li dl{
color: #222;
text-align: center;
font-size: 1.6rem;
font-family: 'Pretendard-Bold';
line-height: 2.4rem;
text-align:right:
}
.enselcont ul li dt {
    text-decoration: line-through;
    display: inline-block;
}
.enselcont ul li dl dd {
    top: 0.3rem;
    position: relative;
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    margin-right: 0.6rem;
    background-image: url(/img/sub/submit/disconticon.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.fipayBox{
	display:inline-block;
	position:relative;
}
.fipayBox p {
    margin-bottom: 0.4rem;
    display: block;
    text-align: right;
    color: #222;
    font-size: 1.5rem;
    font-family: 'Pretendard-SemiBold';
    line-height: 2.2rem;
}
.fipayBox p strong{
		display:inline-block;
color: #C11B2F;
text-align: right;
font-size: 1.5rem;
font-family: 'Pretendard-Bold';
line-height: 2.2rem;
}
.fipay{
	display:block;
	color: #C11B2F;
text-align: right;
font-size: 1.7rem;
font-family: 'Pretendard-Bold';
line-height: 2.6rem;
}
.fipay strong{
	display:inline-block;
color: #C11B2F;
text-align: right;
font-size: 2.2rem;
font-family: 'Pretendard-Bold';
line-height: 2.6rem;
}
.fipaybtn {
    width: 100%;
    position: relative;
    margin-top: 2rem;
}
.fipaybtn button {
    cursor: pointer;
    position: relative;
    border: none;
    border-radius: 0.5rem;
    background: #C11B2F;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 6rem;
    color: #FFF;
    text-align: center;
    font-size: 2.2rem;
    font-family: 'Pretendard-Bold';
    line-height: 2.4rem;
}
@media (max-width: 1500px){
	.reninnertitle {
		font-size: 1.8rem;
		line-height: 2.4rem;
		padding-bottom: 1.4rem;
		margin-bottom: 1rem;
	}
	
	.enselcont ul li {
		padding: 0.8rem 0rem;
	}
	.enselcont ul li:last-child {
		padding: 1.4rem 0rem 0rem 0rem;
	}
	.fipaybtn {
		width: 100%;
		position: relative;
		margin-top: 1.4rem;
	}
	.fipaybtn button {
		height: 5rem;
		font-size: 2rem;
		line-height: 2.2rem;
	}
}
@media (max-width: 1100px){
	.enrollcontbox {
		padding-right: 40rem;
	}
	.encalbox {
		margin-right: 2rem;
	}
	.enseltimebox {
		margin-left: 2rem;
	}
}

@media (max-width: 991px){
	.enrollSidebox {
		padding: 0rem 0rem 10rem 0rem;
	}
	
	.enrollcontbox {
		padding-right: 0rem;
	}
	
	.enrtitle {
		padding: 6rem 0rem 10rem 0rem;
	}
		.enrtitle h1 {
		font-size: 4rem;
		line-height: 5.2rem;
	}
	.lefteninnerBox {
		padding: 0rem 2rem;
		margin-bottom: 6rem;
		max-width: 100%;
	}
	
	
	
	.righteninnerBox {
		display: block;
		width: 100%;
		position: relative;
		top: 0rem;
		right: 0rem;
		height: 100%;
	}
	.righteninnerBox {
		z-index: 300;
		bottom: 0rem;
		display: block;
		width: 100%;
		position: sticky;
		top: inherit;
		right: 0rem;
		height: 100%;
	}
	.reninnerBox {
		/* bottom: 0rem; */
		width: 100%;
		position: relative;
		top: inherit;
	}
	.reninnertitle {
		font-size: 2rem;
		line-height: 2.8rem;
		padding-bottom: 0rem;
		border-bottom: none;
		margin-bottom: 0rem;
	}
	.open_pay {
		padding-right:3.4rem;
		display: inline-block;
		top: 0rem;
		position: absolute;
		right: 0rem;
		height: 2.8rem;
		z-index: 10;
		cursor: pointer;
		color: #222;
		text-align:left;
		font-size: 1.6rem;
		font-family: 'Pretendard-Bold';
		line-height: 2.8rem;
	}
	.repf:after{
		content:'';
		position:absolute;
		right:0rem;
		top:0rem;
		background-image: url(/img/sub/submit/open_paycont.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		height:2.8rem;
		width:2.8rem;
	}
	.close_pay {
		padding-right:3.4rem;
		display:none;
		top: 0rem;
		position: absolute;
		right: 0rem;
		height: 2.8rem;
		z-index:10;
		cursor:pointer;
		color: #222;
		text-align:left;
		font-size: 1.6rem;
		font-family: 'Pretendard-Bold';
		line-height: 2.8rem;
	}
	.repc:after{
		content:'';
		position:absolute;
		right:0rem;
		top:0rem;
		background-image: url(/img/sub/submit/close_paycont.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		height:2.8rem;
		width:2.8rem;
	}
	
	
	.enselcont ul {
		padding-top: 1.8rem;
		border-top: 1px solid #000;
		margin-top: 2rem;
		width: 100%;
		position: relative;
		display: none;
	}
	.enselcont ul.showfipay{
		display:block;
	}
	.fipaybtn {
		margin-top: 2rem;
	}
	.fipaybtn button {
		border-radius: 0.6rem;
		height: 6rem;
		font-size: 2.2rem;
		line-height: 2.6rem;
	}
}
@media (max-width: 767px){
	.enrollWrap {
		/* margin-top: 6rem; */
	}
	
	
	.enrtitle {
		padding: 4rem 0rem 6rem 0rem;
	}
	.enrtitle h1 {
		border-bottom: 0.4rem solid #272F82;
		font-size: 3.2rem;
		line-height: 4.2rem;
	}
	.enrtitle dl {
		margin-top: 1.4rem;
		display: block;
		font-size: 1.4rem;
		font-family: 'WOFF_2';
	}
	
	.eninner h2 {
		font-size: 2rem;
		line-height: 3rem;
		letter-spacing: -0.5px;
		margin-bottom: 1rem;
	}
	.lecconTab {
		letter-spacing: -0.5px;
		line-height: 1.6rem;
		border-bottom: 2px solid #fff;
		padding: 1rem 0rem 1rem 0rem;
		font-size: 1.5rem;
	}
	
	.eninner {
		margin-bottom: 6rem;
	}
	
	.lecconTabBox {
		margin-bottom: 1rem;
	}
	/* .lecconTab.onleccon span { */
		/* padding-bottom: 0.9rem; */
		/* border-bottom: 3px solid #272F82; */
	/* } */
	.enrollcontbox .manymulcheck{
		margin-top: -0.6rem;
	}
	.enrollcontbox .manymulcheck .ckque input[type=radio]+label {
		font-size: 1.5rem;
		height: 5rem;
		padding-left: 1rem;
	}
	.enrollcontbox .ckque input[type=radio]+label:before {
		right: 1rem;
		width: 1.4rem;
		height: 1.4rem;
	}
	
	
	.timecontbox {
		padding: 2rem 2rem 1.2rem 2rem;
		border-radius: 0.6rem;
	}
	.tcont_time {
		margin-bottom: 1rem;
		min-height: 2rem;
		padding-left: 5rem;
	}
	.tcptimebox {
		font-size: 1.8rem;
		line-height: 2rem;
	}
	.tcont {
		margin-bottom: 0.8rem;
		min-height: 4rem;
		padding-left: 5rem;
	}
	.tcont dl {
		top: 1.1rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.tcpbox {
		border-radius: 0.4rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.tcpbox:last-child {
		margin-left: 0.8rem;
	}
	
	
	.seradio .popRadio {
		padding: 1rem 0rem 1rem 0rem;
	}
	.seradio .popRadio .poprCheck {
		margin: 0rem 2rem 0rem 0rem;
	}
	.seradio .popRadio .poprCheck:last-child{
		margin: 0rem 0rem 0rem 0rem;
	}
	.poprCheck label {
		letter-spacing: -0.2px;
		font-size: 1.5rem;
		line-height: 2rem;
		margin-bottom: 0rem;
	}
	.enbooksub {
		margin-top: 2rem;
	}
	.enbooksub dl {
		margin-top: 0.6rem;
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	
	
	.libpay {
		right: 0rem;
		top: 1rem;
		font-size: 1.8rem;
		line-height: 2.2rem;
		letter-spacing: 0em;
		align-items: center;
		justify-content: flex-end;
	}
	.libpay span {
		margin-right: 0.6rem;
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	
	
	.encaltimebox {
		display: block;
	}
	.encalbox {
		width: 100%;
		margin-right: 0rem;
	}
	.calendar-top-bar {
		padding: 0rem 1rem 1rem 1rem;
	}
	.calendar-active-month span {
		font-size: 1.8rem;
		line-height: 3rem;
	}
	.calendar-active-month span dt {
		font-size: 1.8rem;
		line-height: 3rem;
	}
	.calendar-table-content {
		padding: 1.4rem 1rem;
		border-radius: 0.8rem;
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
	}
	.calendar-table-content table {
		border-spacing: 0.2rem;
	}
	.calendar-table-content table thead tr th {
		padding: 1rem 0.2rem;
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.calendar-table-content table tbody tr td {
		width: auto;
		border-radius: 0.6rem;
		padding: 1rem 0rem;
		font-size: 1.6rem;
		font-family: Pretendard;
		line-height: 2.2rem;
	}
	
	
	
	.day_checkwrap {
		display: flex;
		margin-top: 0.8rem;
		border-radius: 0.6rem;
		padding: 2rem;
	}
	.day_check {
		margin-right: 1rem;
	}
	.day_check input[type=checkbox]+label em {
		border-radius: 0.3rem;
		top: 0.2rem;
		margin-right: 0.8rem;
		width: 1.8rem;
		height: 1.8rem;
		border: 2px solid #ddd;
	}
	.day_check label {
		padding-left: 2.2rem;
	}
	.day_check p {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	
	
	
	.enseltimebox {
		width: 100%;
		position: relative;
		padding-top: 3rem;
		margin-left: 0rem;
	}
	.enselbox label {
		letter-spacing: -0.5px;
		font-size: 1.8rem;
		line-height: 3rem;
		margin-bottom: 0.8rem;
	}
	.enselbox select {
		border-radius: 0.6rem;
		height: 5rem;
		font-size: 1.6rem;
		line-height: 2rem;
		padding: 0rem 2rem;
		background: url(/img/sub/submit/icon_arrow_open.png) no-repeat right 2rem center;
	}
	.enseltuBtn button {
		border-radius: 0.6rem;
		height: 6rem;
		font-size: 2rem;
		line-height: 2.4rem;
	}
	
	
	.reninner {
		padding: 1.4rem 2rem;
		border-radius: 0.6rem 0.6rem 0rem 0rem;
	}
	.reninnertitle {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.open_pay {
		padding-right: 2.6rem;
		height: 2.4rem;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	.repf:after {
		height: 2.4rem;
		width: 2.4rem;
	}
	.close_pay {
		padding-right: 2.6rem;
		height: 2.4rem;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	.repc:after {
		height: 2.4rem;
		width: 2.4rem;
	}
	
	
	.enselcont ul {
		padding-top: 1rem;
		margin-top: 1.2rem;
	}
	.enselcont ul li {
		padding: 0.8rem 0rem;
		border-bottom: 1px solid #eee;
	}
	.enselcont ul li:nth-child(4) {
		padding: 0.8rem 0rem 1.4rem 0rem;
		margin: 0rem 0rem 0.6rem 0rem;
	}
	.enselcont ul li:nth-child(7) {
		padding: 0.8rem 0rem 1.4rem 0rem;
		margin: 0rem 0rem 0.6rem 0rem;
	}
	.enselcont ul li:nth-child(9) {
		padding: 0.8rem 0rem 1.4rem 0rem;
	}
	.enselcont ul li:last-child {
		padding: 2rem 0rem 1rem 0rem;
		border-bottom: none;
	}
	.enselcont ul li span {
		font-size: 1.4rem;
		line-height: 2.1rem;
	}
	.enselcont ul li dl {
		font-size: 1.4rem;
		line-height: 2.1rem;
	}
	.enselcont ul li dl dd {
		top: 0.2rem;
		width: 1.4rem;
		height: 1.4rem;
		margin-right: 0.4rem;
	}
	.fipayBox p {
		margin-bottom: 0.2rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.fipay {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.fipay strong {
		font-size: 2rem;
		line-height: 2.4rem;
	}
	.fipaybtn {
		margin-top: 1rem;
	}
	.fipaybtn button {
		border-radius: 0.6rem;
		height: 5rem;
		font-size: 1.8rem;
		line-height: 2rem;
	}
}

/*-------------
# 강사선택 팝업
--------------*/

.teachers_selpop {
    padding: 0!important;
    box-shadow: none!important;
    width: 84rem;
}
@media (max-width: 767px){
	.teachers_selpop {
		background-color: inherit!important;
		padding: 0rem 1rem!important;
		box-shadow: none!important;
		width: 100%;
		min-width: 100%!important;
	}
}

.bri_popup {
    overflow: auto;
    width: 100%;
    height: 100%;
    display: none;
    text-align: center;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.4);
    z-index: 4000;
}
.bri-popup-close {
    cursor: pointer;
    border: none;
    z-index: 1!important;
    width: 2rem;
    height: 2rem;
    padding-top: 0px;
    display: inline-block;
    position: absolute;
    top: 4rem;
    right: 4rem;
    text-align: center;
    line-height: 100%;
    background-image: url(/img/sub/submit/bripop_close.png);
    background-size: 2rem;
    background-repeat: no-repeat;
    background-position: center;
}
.bri_popup_inner {
    top: 7rem;
    display: inline-block;
    position: relative;
    padding: 0rem 2rem 10rem 2rem;
}

.tutorselPop {
    max-width: 84rem;
    width: 100%;
    position: relative;
    padding: 4rem;
    border-radius: 2rem;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}
.poptitle{
	display:block;
	margin-bottom:2rem;
}
.poptitle dl{
	display:block;
	color: #222;
text-align: center;
font-size: 2.8rem;
font-family:WOFF_3;
font-weight: 800;
line-height: 3.8rem;
margin-bottom:1rem;
}
.poptitle span{
		display:block;
	color: #444;
text-align: center;
font-size: 2.1rem;
font-family: 'Pretendard-Light';
line-height: 3rem;
}

.popentulistInner{overflow-y: scroll;position:relative;max-height:47.2rem;}
.popentulistInner::-webkit-scrollbar{width: 5px;}
.popentulistInner::-webkit-scrollbar-track{background-color: #fff;border-radius: 10px;}
.popentulistInner::-webkit-scrollbar-thumb{background-color: #aaa;border-radius: 10px;}

.popentulist {width: 100%;position: relative;}
.popentulist ul {text-align: left;width: 100%;display: flex;flex-flow: row wrap;list-style: none;padding: 0;margin: 0;}
.popentulist ul li {position:relative;float: left;text-align: center;width: calc(33.333333333333% - 2rem);position: relative;display: inline-block;list-style: none;margin: 0 1rem 3rem 1rem;}
.popentulist ul li input{position: absolute;display: none;}
.popentulist ul li label {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.popentulist ul li label:hover:after{border: 2px solid #C11B2F;}
.popentulist ul li label:after {position: absolute;top: 0;left: 0;border-radius: 1.4rem;border: 1px solid rgba(0, 0, 0, 0.10);border-top-color: rgba(0, 0, 0, 0.10);border-top-style: solid;border-top-width: 1px;border-right-color: rgba(0, 0, 0, 0.10);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgba(0, 0, 0, 0.10);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgba(0, 0, 0, 0.10);border-left-style: solid;border-left-width: 1px;border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;width: 100%;height: 100%;box-sizing: border-box;pointer-events: none;content: "";z-index: 60;}
.popentulist ul li input[type=radio].radio:checked+label:after{
    border: 2px solid #C11B2F;
}
.popentulist ul li input[type=radio].radio:checked+label .popetprofiLine{
	background: #C11B2F;
}
.popentulist ul li input[type=radio].radio:checked+label .popetname p{
	color: #222;
}
/* .tuselon .popentuBox:after{border: 2px solid #C11B2F;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.20);} */
/* .tuselon .popetprofiLine{background: #C11B2F;} */
/* .tuselon .popetname p {color: #222;} */

.popentuBox {cursor:pointer;border-radius: 1.4rem;width: 100%;position:relative;background: #fff;overflow:hidden;}
/* .popentuBox:hover:after{border: 1px solid #C11B2F;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.20);} */

.popetprofiBox {
    width: 100%;
    position: relative;
    height: 17rem;
    background: #f5f5f5;
	overflow: hidden;
}
.popetname {
    text-align: left;
    position: relative;
    z-index: 10;
    display: block;
    padding: 1.4rem 1.4rem;
}
.popetname p {
    margin-bottom: 0.5rem;
    letter-spacing: -1px;
    font-size: 2rem;
    font-family: 'WOFF_4';
    display: block;
    text-align: left;
    color: #4d4d4d;
}
.popetname span {
    font-size: 1.7rem;
    font-family: 'WOFF_2';
    display: block;
    text-align: left;
    letter-spacing: -0.4px;
    color: #f08865;
}
.popetproimg {
    overflow: hidden;
    height: 13rem;
    width: 15rem;
    z-index: 5;
    position: absolute;
    right: 0rem;
    bottom: -0.3rem;
}
.popetproimg img {
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 15.8rem;
    /* max-width: 100%; */
}
.popetprofiBox:before {content: '';position: absolute;left: 0rem;bottom: 0rem;z-index: 4;background-image: url(/img/tutor/etimg_bg_01.png);background-size: cover;background-repeat: no-repeat;background-position: center;width: 33.5rem;height: 13.8rem;}
.popetprofiBox:after {content: '';position: absolute;right: 0rem;bottom: 0rem;z-index: 4;background-image: url(/img/tutor/etimg_bg_02.png);background-size: cover;background-repeat: no-repeat;background-position: center;width: 20.9rem;height: 21.5rem;}
.popetprofiLine {
    padding: 0rem 1.4rem 0rem 1.4rem;
    display: block;
    z-index: 20;
    width: 100%;
    position: relative;
    height: 3rem;
    background: #f08865;
    align-items: center;
}
.popetprofiLine dl {
    height: 100%;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.popetprofiLine dl h3 {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-right: 0rem;
    letter-spacing: -0.1px;
    font-family: 'WOFF_0';
    font-size: 1.24rem;
    color: #fff;
    font-weight: 400;
}
.popetprofi_InfoBox {
    width: 100%;
    position: relative;
    background: #fff;
    text-align: left;
    padding: 1.4rem 1.4rem 1.2rem 1.4rem;
}
.popetprofi_InfoBox dl {padding: 0rem 0rem 1rem 3.6rem;position: relative;display: flex;}
.popetprofi_InfoBox dl:last-child{    padding: 0rem 0rem 0rem 3.6rem;}
.popetprofi_InfoBox dl:nth-child(1):before {content: '';width: 2.5rem;height: 1.6rem;position: absolute;left: 0rem;top: 0rem;background-image: url(/img/tutor/etp_icon_01.png);background-size: cover;background-repeat: no-repeat;background-position: center;}
.popetprofi_InfoBox dl:nth-child(2):before {content: '';width: 2.2rem;height: 2.1rem;position: absolute;left: 0.15rem;top: 0rem;background-image: url(/img/tutor/etp_icon_02.png);background-size: cover;background-repeat: no-repeat;background-position: center;}
.popetprofi_InfoBox dl:nth-child(3):before {content: '';width: 2.2rem;height: 2.2rem;position: absolute;left: 0.15rem;top: 0rem;background-image: url(/img/tutor/etp_icon_03.png);background-size: cover;background-repeat: no-repeat;background-position: center;}
.popetprofi_InfoBox dl h3 {
    line-height: 2rem;
    letter-spacing: -0.8px;
    font-family: 'WOFF_2';
    font-size: 1.4rem;
    color: #4d4d4d;
    font-weight: 400;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.popetprofi_InfoBox dl h2 {
    line-height: 2rem;
    letter-spacing: -0.8px;
    font-family: 'WOFF_2';
    font-size: 1.4rem;
    color: #4d4d4d;
    font-weight: 400;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.popetprofi_InfoBox dl p {line-height: 2.1rem;letter-spacing: -1.2px;font-family: 'WOFF_2';font-size: 1.5rem;color: #4d4d4d;font-weight: 400;}


.poptubtnBox {
text-align: center;
display: block;
margin-top: 2rem;
}
.poptubtnBox button{
cursor:pointer;
padding:0;
margin:0;
width:19rem;
height:6rem;
border-radius: 0.5rem;
background: #C11B2F;
color: #FFF;
text-align: center;
font-size: 2.2rem;
font-family: 'Pretendard-Bold';
line-height: 2.4rem;
}
@media (max-width: 1500px){
	.popentulistInner{max-height:37.2rem;}
}
@media (max-width: 880px){
	.popentulistInner {
		max-height: 45rem;
	}
	.popentulist ul li {
		width: calc(50% - 2rem);
		margin: 0 1rem 3rem 1rem;
	}
}
@media (max-width: 767px){
	.bri_popup_inner {
		height: 100%;
		width: 100%;
		top: 0rem;
		display: block;
		position: relative;
		padding: 6rem 1rem 6rem 1rem;
	}
	.bri-popup-close {
		width: 2rem;
		height: 2rem;
		top: 3rem;
		right: 3rem;
		background-image: url(/img/sub/submit/bripop_close.png);
		background-size: 2rem;
	}
	.tutorselPop {
		height: 100%;
		padding: 11rem 2rem 3rem 2rem;
		border-radius: 1.6rem;
	}
	.poptitle {
		left: 2rem;
		top: 3rem;
		position: absolute;
		margin-bottom: 0rem;
	}
	.poptitle dl {
		text-align: left;
		font-size: 2.4rem;
		line-height: 3.2rem;
		margin-bottom: 0.4rem;
	}
	.poptitle span {
		display: block;
		text-align: left;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	
	
	.popentulistBox{
		position:relative;
		width:100%;
		height:100%;
		overflow:hidden;
	}
	.popentulistInner {
		padding-right: 1rem;
		max-height: 100%;
	}
	.popentulist ul li {
		width: calc(100% - 0rem);
		margin: 0 0rem 2rem 0rem;
	}
	.popentulist ul li label:after {
		border-radius: 1rem;
	}
	.popentuBox {
		border-radius: 1rem;
	}
	.popentuBox:hover:after{border: 1px solid rgba(0, 0, 0, 0.10);box-shadow:none;}
	.popentuBox:after {
		border-radius: 1rem;
	}
	.popetname {
		padding: 2rem 7rem 2rem 2rem;
	}
	.popetname p {
		margin-bottom: 0.4rem;
		letter-spacing: -0.5px;
		font-size: 2rem;
	}
	.popetname span {
		font-size: 1.6rem;
		letter-spacing: -0.3px;
	}
	.popetprofiBox {
		height: 13rem;
	}
	.popetprofiBox:before {
		width: 29.5rem;
		height: 15.8rem;
	}
	.popetprofiBox:after {
		z-index: 4;
		width: 15.9rem;
		height: 18.5rem;
	}
	.popetproimg {
		height: 13rem;
		width: 12rem;
		bottom: -0.3rem;
	}
	.popetproimg img {
		height: 13rem;
		/* max-width: 100%; */
	}
	
	
	.popetprofiLine {
		padding: 0rem 1.4rem 0rem 1.4rem;
		height: 2.4rem;
	}
	.popetprofiLine dl h3 {
		margin-right: 0.4rem;
		letter-spacing: -0.1px;
		font-size: 1.1rem;
	}
	
	.popetprofi_InfoBox dl:last-child {
		padding: 0rem 0rem 0rem 0rem;
	}
	.popetprofi_InfoBox dl {
		padding: 0rem 0rem 0.6rem 0rem;
	}
	.popetprofi_InfoBox dl:nth-child(1):before {
		content: none;
	}
	.popetprofi_InfoBox dl:nth-child(2):before {
		content: none;
	}
	.popetprofi_InfoBox dl:nth-child(3):before {
		content: none;
	}
	.popetprofi_InfoBox dl h3 {
		line-height: 1.8rem;
		letter-spacing: -0.4px;
		font-size: 1.3rem;
	}
	.popetprofi_InfoBox dl h2 {
		line-height: 1.8rem;
		letter-spacing: -0.4px;
		font-size: 1.3rem;
	}
	.popetprofi_InfoBox dl p {
		line-height: 1.8rem;
		letter-spacing: -0.4px;
		font-size: 1.3rem;
	}
	
	
	.poptubtnBox {
		margin-top: 2rem;
	}
	.poptubtnBox button {
		width: 20rem;
		height: 5rem;
		border-radius: 0.6rem;
		font-size: 2rem;
		line-height: 2rem;
	}
}
/*--------------------------------------------------------------------------------------
# 수강신청 결제
--------------------------------------------------------------------------------------*/
.enrollpayWrap {
    width: 100%;
    position: relative;
    /* margin-top: 9rem; */
}
.enrollpaySidebox {
    margin: 0 auto;
    display: block;
    max-width: 100rem;
    padding: 0rem 2rem 10rem 2rem;
}

.enpaybox{
	width:100%;
	position:relative;
	margin-bottom:8rem;
}
.enpaybox:last-child{
	margin-bottom:0rem;
}
.enpaybox h2{
	color: #222;
font-size: 3rem;
font-family:WOFF_3;
line-height: 4.2rem;
display:block;
border-bottom:1px solid #000;
padding-bottom:2rem;
}


.enptable{
	display:block;
	border-bottom:1px solid #ddd;
}
.etflex{
	display:flex;
}
.etbox {
    background: #F6F6F6;
    width: 100%;
    position: relative;
    padding: 1rem 0rem;
    color: #222;
    font-size: 1.7rem;
    font-family: WOFF_2;
    line-height: 2.8rem;
    text-align: center;
	letter-spacing:-0.2px;
	border-bottom:1px solid #ddd;
}
.etboxsub{
	width:100%;
	position:relative;
	padding:1rem 0rem;
    color: #222;
    font-size: 1.6rem;
    font-family: WOFF_1;
    line-height: 2.8rem;
	text-align:center;
	letter-spacing:-0.2px;
}


.enp_coubox{
	display:block;
	margin-top:4rem;
}
.enp_cou{
	width:100%;
	position:relative;
	margin-bottom:3rem;
}
.enp_cou:last-child{
	margin-bottom:0rem;
}
.enp_cou dl{
	color: #222;
font-size: 1.8rem;
font-family:WOFF_2;
font-weight: 700;
line-height: 2.8rem;
display:block;
margin-bottom:0.8rem;
}
.enp_cou p{
	margin-top:0.8rem;
	text-align:left;
	display:block;
	color: #777;
font-size: 1.5rem;
font-family: Pretendard;
line-height: 2.2rem;
}
.enp_cou p span{
	font-family: 'Pretendard-SemiBold';
	color:#222;
}
.enpcbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.enpcbox input{
	border-radius: 0.5rem;
border: 1px solid #EEE;
background: #FFF;
width:30rem;
height:6rem;
padding:0rem 2rem;
color: #222;
font-size: 1.8rem;
font-family: Pretendard;
line-height: 2.6rem;
}
.enpcbox input::placeholder{
color: #AAA;
font-size: 1.8rem;
font-family: 'Pretendard-Light';
line-height: 2.6rem;
}
.enpcri{
	 display: flex;
    align-items: center;
    justify-content: flex-start;
	margin-left:2rem;
}
.enpcri dt{
	display:inline-block;
	color: #222;
font-size: 1.5rem;
font-family: 'Pretendard-SemiBold';
line-height: 2.6rem;
margin-right:1rem;
}
.enpcri dd{
		display:inline-block;
		color: #C11B2F;
font-size: 1.8rem;
font-family: 'Pretendard-SemiBold';
line-height: 2.6rem;
margin-right:2rem;
}
.enpcri button{
	cursor:pointer;
	padding:0;
	margin:0;
	width:9.9rem;
	height:4.6rem;
		display:inline-block;
	border-radius: 0.5rem;
border: 1px solid #222;
background: #222;
color: #FFF;
text-align: center;
font-size: 1.8rem;
font-family: 'Pretendard-Medium';
line-height: 2.6rem;
}


.enpayselcont {
    margin-top: 2rem;
    width: 100%;
    position: relative;
}
.enpayselcont ul{
	width:100%;
	position:relative;
}
.enpayselcont ul li {
    width: 100%;
    position: relative;
    padding: 1rem 0rem;
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.enpayselcont ul li:nth-child(3) {
    padding: 1rem 0rem 3rem 0rem;
    border-bottom: 1px solid #eee;
}
.enpayselcont ul li:nth-child(4) {
    padding: 3rem 0rem 1rem 0rem;
}
.enpayselcont ul li:nth-child(5) {
    padding: 1rem 0rem 3rem 0rem;
    border-bottom: 1px solid #000;
}
.enpayselcont ul li:last-child{
	padding: 3rem 0rem 0rem 0rem;
	border-bottom: none;
}
.enpayselcont ul li:last-child span{
font-size: 2.2rem;
font-family:WOFF_2;
font-weight: 700;
line-height: 4rem;
}
.enpayselcont ul li span{
color: #222;
font-size: 1.8rem;
font-family:WOFF_2;
text-align:left;
line-height: 2.8rem;
}
.enpayselcont ul li dl{
color: #222;
text-align: center;
font-size: 2rem;
font-family: 'Pretendard-Bold';
line-height: 2.6rem;
text-align:right;
}
.enpayselcont ul li dt {
    text-decoration: line-through;
    display: inline-block;
}
.enpayselcont ul li dl dd {
    top: 0.3rem;
    position: relative;
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    margin-right: 0.6rem;
    background-image: url(/img/sub/submit/disconticon.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.enfipayBox{
	display:inline-block;
	position:relative;
}
.enfipayBox .discpay {
    margin-bottom: 0rem;
    display: block;
    text-align: right;
    color: #222;
    font-size: 1.5rem;
    font-family: 'Pretendard-SemiBold';
    line-height: 2.2rem;
}
.enfipayBox .discpay strong {
    display: inline-block;
    color: #C11B2F;
    text-align: right;
    font-size: 1.5rem;
    font-family: 'Pretendard-Bold';
    line-height: 2.2rem;
}
.enfipay {
    display: flex;
    color: #222;
    text-align: right;
    font-size: 2rem;
    font-family: 'Pretendard-Medium';
    line-height: 4rem;
    align-items: center;
}
.enfipay strong{
	margin-right:0.4rem;
	display:inline-block;
color: #C11B2F;
text-align: right;
font-size: 3.4rem;
font-family: 'Pretendard-Bold';
line-height: 4rem;
}

.enpaybox .koko_check {
    margin-top: 3rem;
    padding: 1.8rem;
    border-radius: 0.5rem;
    background: #F6F6F6;
    margin-bottom: 0rem;
}

.enpaybox .checkInner{
	margin-top:3rem;
}










.enpaylecinfo {
    margin-top: 2rem;
    width: 100%;
    position: relative;
}
.enpaylecinfo ul{
	width:100%;
	position:relative;
}
.enpaylecinfo ul li {
    width: 100%;
    position: relative;
    padding: 1rem 0rem;
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.enpaylecinfo ul li span{
color: #222;
font-size: 1.8rem;
font-family:WOFF_2;
text-align:left;
line-height: 2.8rem;
}
.enpaylecinfo ul li dl{
color: #222;
text-align: center;
font-size: 2rem;
font-family: 'Pretendard-Bold';
line-height: 2.6rem;
text-align:right;
}

@media (max-width: 767px){
	.enrollpayWrap {
		/* margin-top: 6rem; */
	}
	.enpaybox h2 {
		letter-spacing: -0.5px;
		font-size: 2rem;
		line-height: 3rem;
		padding-bottom: 1rem;
	}
	
	.etbox:nth-child(1){
		width:22%;
	}
	.etbox:nth-child(2){
		width:41%;
	}
	.etbox:nth-child(3){
		width:37%;
	}
	.etbox {
		text-align: left;
		padding: 0.8rem 0.5rem;
		font-size: 1.4rem;
		line-height: 2rem;
		letter-spacing: -0.3px;
	}
	
	.etboxsub:nth-child(1){
		width:22%;
	}
	.etboxsub:nth-child(2){
		width:41%;
	}
	.etboxsub:nth-child(3){
		width:37%;
	}
	.etboxsub {
		text-align: left;
		padding: 0.8rem 0.5rem;
		font-size: 1.3rem;
		line-height: 2rem;
		letter-spacing: -0.3px;
	}
	
	
	.enpaybox {
		margin-bottom: 6rem;
	}
	.enp_coubox {
		margin-top: 2rem;
	}
	.enp_cou dl {
		font-size: 1.6rem;
		line-height: 2.4rem;
		margin-bottom: 0.4rem;
	}
	.enpcbox input {
		width:100%;
		border-radius: 0.6rem;
		height: 5rem;
		padding: 0rem 2rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.enpcbox input::placeholder{
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.enp_cou p {
		margin-top: 0.8rem;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	.enpcri {
		margin-top: 1rem;
		margin-left: 0rem;
	}
	.enpcri dt {
		font-size: 1.4rem;
		line-height: 2rem;
		margin-right: 1rem;
	}
	.enpcri dd {
		font-size: 1.8rem;
		line-height: 2rem;
		margin-right: 2rem;
	}
	.enpcri button {
		width: 8rem;
		height: 4rem;
		border-radius: 0.6rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	
	
	
	.enpcbox {
		width: 100%;
		display: block;
		align-items: center;
		justify-content: flex-start;
	}
	
	
	.enpayselcont {
		margin-top: 1rem;
	}
	.enpayselcont ul li:nth-child(3) {
		padding: 1rem 0rem 2rem 0rem;
	}
	.enpayselcont ul li:nth-child(4) {
		padding: 2rem 0rem 1rem 0rem;
	}
	.enpayselcont ul li:nth-child(5) {
		padding: 1rem 0rem 2rem 0rem;
	}
	.enpayselcont ul li:last-child {
		padding: 2rem 0rem 0rem 0rem;
	}
	.enpayselcont ul li:last-child span {
		font-size: 2rem;
		line-height: 3rem;
	}
	.enfipay strong {
		margin-right: 0.4rem;
		font-size: 3rem;
		line-height: 3rem;
	}
	.enpayselcont ul li span {
		color: #222;
		font-size: 1.5rem;
		font-family: WOFF_2;
		text-align: left;
		line-height: 2rem;
	}
	.enpayselcont ul li dl {
		color: #222;
		text-align: center;
		font-size: 1.5rem;
		font-family: 'Pretendard-Bold';
		line-height: 2rem;
		text-align: right;
	}
	
	.enpaybox .koko_check {
		margin-top: 2rem;
		padding: 1rem;
		border-radius: 0.6rem;
	}
	
	.enpaybox .checkInner {
		display:block;
		margin-top: 1.4rem;
	}
	.enpaybox .ckque {
		margin: 0.6rem 0rem 0rem 0rem;
	}
	
	
	
	.enpaylecinfo {
		margin-top: 1rem;
	}
	.enpaylecinfo ul li span {
		color: #222;
		font-size: 1.5rem;
		font-family: WOFF_2;
		text-align: left;
		line-height: 2rem;
	}
	.enpaylecinfo ul li dl {
		color: #222;
		text-align: center;
		font-size: 1.5rem;
		font-family: 'Pretendard-Bold';
		line-height: 2rem;
		text-align: right;
	}
}

/*--------------------------------------------------------------------------------------
# 기업제휴
--------------------------------------------------------------------------------------*/
/*-------------
# 상단 비주얼
--------------*/
.corwrap {
    /* margin-top: 9rem; */
    position: relative;
    width: 100%;
}
.corwVbox{
	position: relative;
    width: 100%;
	height:57rem;
	background-image: url(/img/sub/b2b/b2bbg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.corwVsideBox {
    padding: 0rem 2rem;
    max-width: 116rem;
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: 100%;
    text-align: left;
}
.b2bmainBox {
    top: 8rem;
    display: block;
    position: relative;
}
.b2bmaint {
    margin-bottom: 0.6rem;
    display: block;
    text-align: left;
}
.b2bmaint img {
	display:inline-block;
    height: 4.2rem;
    max-width: 100%;
}

.b2bmainH1{
	display:block;
	text-align:left;
}
.b2bmainH1 h1{
	display:block;
	text-align:left;
}
.b2bmainH1 h1 dl {
    display: block;
    margin-bottom: 0.6rem;
}
.b2bmainH1 h1 dl span {
    border-radius: 0.8rem;
    letter-spacing: -3.4px;
    padding: 0.3rem 0.6rem;
    font-family: 'WOFF_3';
    font-size: 6.4rem;
    display: inline-block;
    color: #fff;
    background-image: url(/img/sub/b2b/b2bmain_titlebg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.b2bmainBox h2 {
    display: block;
    letter-spacing: -1.3px;
    font-size: 2.5rem;
    font-family: 'WOFF_2';
    color: #fff;
    line-height: 3.6rem;
    margin: 1.6rem 0rem 4.4rem 0rem;
}


.b2bmain_btn{
	display:block;
	text-align:left;
}
.b2bmain_btn img {
    max-width: 100%;
    display: inline-block;
    height: 5.7rem;
}

/*-------------
# 어워드
--------------*/
.corwrap .aw_wrap{
	background:#432378;
}
.corwrap .awcontentBox {
    padding-top: 0rem;
}
.corwrap .awcontent h3 span{
	color:#fff;
}
.corwrap .awcontent h3 dl {
    color:#fff;
}

/*-------------
# 체계적인 운영
--------------*/
.coroperwrap{
	width:100%;
	position:relative;
	padding:10rem 2rem;
}
.coropersidebox {
    max-width: 114rem;
    margin: 0 auto;
}
.coropersidebox h2 {
    display: block;
    text-align: center;
    font-family: 'WOFF_4';
    color: #442479;
    font-size: 4.6rem;
    letter-spacing: -4.2px;
}

.corsBox {
    margin-top: 5rem;
    width: 100%;
    position: relative;
}
.corsBox ul {
    text-align: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.corsBox ul li {
    float: left;
    text-align: center;
    width: calc(25% - 0rem);
    position: relative;
    display: inline-block;
    list-style: none;
    margin: 0 0rem 0rem 0px;
}
.cortbox{
	width:100%;
	position:relative;
}
.cortbox:last-child:after{
	content: '';
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    background: #442479;
    position: absolute;
    right: -0.7rem;
    top: 2.7rem;
}
.cortbox:before {
    content: '';
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    background: #442479;
    position: absolute;
    left: -0.7rem;
    top: 2.7rem;
}
.corsnum {
    padding: 0rem 0.8rem 0rem 2.4rem;
    padding-bottom: 0.8rem;
    font-size: 2.2rem;
    display: block;
    text-align: left;
    font-family: 'WOFF_4';
    color: #442479;
    border-bottom: 0.3rem solid #8d8f8e;
    margin-bottom: 0.8rem;
}
.corste {
    min-height: 8.4rem;
    padding: 0rem 0rem 0rem 2.4rem;
    letter-spacing: -1px;
    font-size: 2rem;
    display: block;
    text-align: left;
    font-family: 'WOFF_2';
    color: #000;
    line-height: 2.8rem;
    margin-bottom: 2rem;
}

.corticonbox {
    width: 100%;
    position: relative;
    padding: 0rem 0.6rem;
}
.corticon {
    width: 100%;
    position: relative;
    height: 18rem;
    background: #f1f5f8;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.corticon img {
    height: 13.3rem;
    display: inline-block;
    max-width: 100%;
}

.corsubtype {
    padding: 1.4rem 1.4rem 0rem 1.4rem;
    display: block;
    text-align: left;
}
.corsubtype p{
	position:relative;
	padding-left:2rem;
	display:block;
	text-align:left;
	font-family: 'WOFF_1';
	color:#000;
	letter-spacing: -0.9px;
    font-size: 1.7rem;
	line-height: 2.6rem;
}
.corsubtype p span{
	position:absolute;
	left:0rem;
	top:0rem;
	font-family: 'WOFF_1';
	color:#000;
	letter-spacing: -0.9px;
    font-size: 1.7rem;
	line-height: 2.6rem;
}
.corsubtype dl {
    letter-spacing: -0.9px;
    font-size: 1.7rem;
    position: relative;
    display: block;
    text-align: left;
    font-family: 'WOFF_1';
    color: #000;
    line-height: 2.6rem;
}
/*-------------
# 운영 노하우
--------------*/
.nhowwrap{
	width:100%;
	position:relative;
	padding:10rem 2rem;
	background:#f2f6f9;
}
.nhowsidebox {
    max-width: 114rem;
    margin: 0 auto;
}
.nhowsidebox h2 {
    display: block;
    text-align: center;
    font-family: 'WOFF_4';
    color: #442479;
    font-size: 4.6rem;
    letter-spacing: -4.2px;
}
.nhowsidebox h2 dt {
    position: relative;
    display: inline-block;
}
.nhowsidebox h2 dt:before {
    content: '';
    position: absolute;
    top: -1rem;
    left: 54%;
    transform: translate(-50%);
    width: 0.5rem;
    height: 0.5rem;
    background: #442479;
    border-radius: 50%;
}
.howlistimg {
    margin-top: 5rem;
    display: block;
    text-align: center;
}
.howlistimg img{
	max-width:100%;
}

/*-------------
# 기업 및 단체 수강문의
--------------*/
.corinqwrap{
	width:100%;
	position:relative;
	padding:10rem 2rem;
	background:#fff;
}
.corinqsidebox {
    max-width: 90rem;
    margin: 0 auto;
}
.corinqsidebox h2 {
    display: block;
    text-align: center;
    font-family: 'WOFF_4';
    color: #442479;
    font-size: 4.6rem;
    letter-spacing: -4.2px;
}
.corinqsidebox h3 {
    margin-top: 3rem;
    display: block;
    text-align: center;
    font-family: 'WOFF_0';
    color: #000;
    font-size: 2.4rem;
    letter-spacing: -1px;
    line-height: 3.6rem;
}
.corinqsidebox h3 span{
	color: #442479;
	font-family: 'WOFF_3';
}

.coinqbox {
    width: 100%;
    position: relative;
    margin-top: 5rem;
}
.coinqIn{
	width:100%;
	position:relative;
	padding-left:19rem;
	margin-bottom:3rem;
}
.coinqIn:last-child{
	margin-bottom:0rem;
}
.coinqIn b {
    line-height: 5rem;
    font-size: 2.2rem;
    position: absolute;
    left: 0rem;
    top: 0rem;
    color: #000;
    font-family: 'WOFF_3';
}
.coinq{
	width:100%;
	position:relative;
}
.coinq input {
    padding: 0rem 2rem;
    height: 5rem;
    width: 100%;
    position: relative;
    border: none;
    border-bottom: 1px solid #444;
    font-size: 2.2rem;
    color: #442479;
    font-family: 'WOFF_3';
}
.coinq input:focus {
    border-bottom: 2px solid #442479;
}

.coinq textarea {
	resize: none; 
    padding: 1rem 2rem;
    height: 20rem;
    width: 100%;
    position: relative;
    border: none;
    border-bottom: 1px solid #000;
    font-size: 2.2rem;
    color: #442479;
    font-family: 'WOFF_3';
}
.coinq textarea:focus {
    border-bottom: 2px solid #442479;
}
.coinqBtn{
	display:block;
	text-align:center;
	margin-top:4rem;
}
.coinqBtn button {
    margin: 0rem;
    padding: 0rem;
    color: #fff;
    background: #442479;
    border-radius: 1rem;
    cursor: pointer;
    font-family: 'WOFF_4';
    font-size: 2rem;
    height: 6rem;
    width: 20rem;
    display: inline-block;
}
@media (max-width: 1500px) {
	.b2bmainH1 h1 dl span {
		border-radius: 0.8rem;
		letter-spacing: -3px;
		padding: 0.3rem 0.6rem;
		font-size: 6rem;
	}
}
@media (max-width: 991px) {
	.corwrap {
		/* margin-top: 7rem; */
	}
	.corwVbox {
		height: 50rem;
	}
	.b2bmaint img {
		height: 3.2rem;
	}
	.b2bmainH1 h1 dl span {
		letter-spacing: -3px;
		padding: 0.3rem 0.6rem;
		font-size: 5rem;
	}
	.b2bmainBox h2 {
		letter-spacing: -1.1px;
		font-size: 2.2rem;
		line-height: 3.4rem;
		margin: 1.6rem 0rem 4rem 0rem;
	}
	
	
	.aw_sideInner {
		padding: 0rem;
	}
	.awcontent img {
		height: 15.3rem;
		max-width: 100%;
	}
	.awcontent:nth-child(3) img {
		height: 15.3rem;
	}
	.awcontent h3 span {
		letter-spacing: -1px;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.awcontent h3 dl {
		letter-spacing: -1px;
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	
	
	.coroperwrap {
		padding: 8rem 2rem;
	}
	.coropersidebox h2 {
		font-size: 4rem;
		letter-spacing: -3.2px;
	}
	.corsnum {
		padding: 0rem 0.8rem 0rem 2.4rem;
		padding-bottom: 0.6rem;
		font-size: 1.8rem;
		border-bottom: 0.2rem solid #8d8f8e;
		margin-bottom: 0.6rem;
	}
	.corste {
		min-height: 7.4rem;
		padding: 0rem 0rem 0rem 2.4rem;
		letter-spacing: -1px;
		font-size: 1.6rem;
		line-height: 2.4rem;
		margin-bottom: 1rem;
	}
	.cortbox:before {
		width: 1.4rem;
		height: 1.4rem;
		left: -0.7rem;
		top: 2rem;
	}
	.cortbox:last-child:after {
		width: 1.4rem;
		height: 1.4rem;
		right: -0.7rem;
		top: 2rem;
	}
	.corsubtype {
		padding: 1.4rem 1rem 0rem 1rem;
	}
	.corsubtype p {
		padding-left: 2rem;
		letter-spacing: -0.9px;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	.corsubtype p span {
		letter-spacing: -0.9px;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	.corsubtype dl {
		letter-spacing: -0.9px;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	
	
	.nhowwrap {
		padding: 8rem 2rem;
	}
	.nhowsidebox h2 {
		font-size: 4rem;
		letter-spacing: -3.2px;
	}
	
	
	.corinqwrap {
		padding: 8rem 2rem;
	}
	.corinqwrap h2 {
		font-size: 4rem;
		letter-spacing: -3.2px;
	}
	.corinqsidebox h3 {
		margin-top: 2rem;
		font-size: 2.2rem;
		line-height: 3.2rem;
	}
	.coinqIn {
		padding-left: 15rem;
		margin-bottom: 3rem;
	}
	.coinqIn b {
		line-height: 5rem;
		font-size: 2rem;
	}
	.coinq input {
		padding: 0rem 2rem;
		height: 5rem;
		font-size: 2rem;
	}
}
@media (max-width: 910px) {
	.coroperwrap {
		padding: 8rem 2rem 3rem 2rem;
	}
	.corsBox ul li {
		width: calc(50% - 0rem);
		margin: 0 0rem 5rem 0px;
	}
}
@media (max-width: 767px) {
	.corwrap {
		/* margin-top: 6rem; */
	}
	.corwVbox {
		height: 40rem;
	}
	.b2bmaint img {
		height: 2.4rem;
	}
	.b2bmainH1 h1 dl span {
		letter-spacing: -4px;
		padding: 0.3rem 0.6rem;
		font-size: 3.2rem;
	}
	.b2bmainBox h2 {
		letter-spacing: -1.1px;
		font-size: 1.7rem;
		line-height: 2.6rem;
		margin: 1.6rem 0rem 3rem 0rem;
	}
	.b2bmain_btn img {
		height: 4.4rem;
	}
	
	
	.aw_wrap {
		padding: 6rem 0rem 6rem 0rem;
	}
	.aw_sideInner {
		padding: 0rem 2rem;
	}
	.corwrap .awcontentBox {
		flex-flow: row wrap;
		padding-top: 0rem;
	}
	.awcontent {
		width: 50%;
		text-align: center;
		display: block;
	}
	.awcontent img {
		height: 13.3rem;
		max-width: 100%;
	}
	.awcontent:nth-child(3) img {
		margin-top: 4rem;
		height: 13.3rem;
	}
	.awcontent h3 span {
		letter-spacing: -1px;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.awcontent h3 dl {
		letter-spacing: -1px;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	
	
	
	.coroperwrap {
		padding: 6rem 2rem 1rem 2rem;
	}
	.coropersidebox h2 {
		font-size: 3rem;
		letter-spacing: -2.8px;
	}
	.corsBox {
		margin-top: 3rem;
	}
	.corsBox ul li {
		width: calc(100% - 0rem);
		margin: 0 0rem 5rem 0px;
	}
	.cortbox:last-child:after {
		width: 1.2rem;
		height: 1.2rem;
		right: -0.6rem;
		top: 2.1rem;
	}
	.cortbox:before {
		width: 1.2rem;
		height: 1.2rem;
		left: -0.6rem;
		top: 2.1rem;
	}
	.corste {
		min-height: auto;
		padding: 0rem 0rem 0rem 2.4rem;
		letter-spacing: -1px;
		font-size: 1.6rem;
		line-height: 2.2rem;
		margin-bottom: 1.6rem;
	}
	.corste br{display:none;}
	.corsubtype {
		padding: 1.4rem 2rem 0rem 2rem;
	}
	.corsubtype p br{display:none;}
	.corticon {
		height: 15rem;
		border-radius: 1rem;
	}
	.corticon img {
		height: 10.3rem;
	}
	
	
	.nhowwrap {
		padding: 6rem 2rem;
	}
	.nhowsidebox h2 {
		line-height: 4.8rem;
		font-size: 3rem;
		letter-spacing: -2.8px;
	}
	.nhowsidebox h2 dt:before {
		top: 0rem;
		left: 54%;
		transform: translate(-50%);
		width: 0.5rem;
		height: 0.5rem;
	}
	.howlistimg {
		margin-top: 3rem;
	}
	
	
	.corinqwrap {
		padding: 6rem 2rem;
	}
	.corinqwrap h2 {
		font-size: 3rem;
		letter-spacing: -2.8px;
	}
	.corinqsidebox h3 {
		letter-spacing: -1.2px;
		margin-top: 1.6rem;
		font-size: 1.7rem;
		line-height: 2.6rem;
	}
	.corinqsidebox h3 br{
		display:none;
	}
	.coinqbox {
		margin-top: 3rem;
	}
	.coinqIn {
		padding-left: 0rem;
		margin-bottom: 2rem;
	}
	.coinqIn b {
		position:relative;
		line-height: 2rem;
		font-size: 1.4rem;
	}
	.coinq input {
		padding: 0rem 1rem;
		height: 5rem;
		font-size: 1.6rem;
	}
	.coinq textarea {
		line-height: 2.2rem;
		padding: 1.4rem 1rem 1rem 1rem;
		height: 14rem;
		font-size: 1.6rem;
	}
	.coinqBtn {
		margin-top: 3rem;
	}
	.coinqBtn button {
		border-radius: 1rem;
		font-size: 1.8rem;
		height: 5rem;
		width: 20rem;
	}
}
@media (max-width: 520px) {
	.corwrap .awcontentBox {
		flex-flow: column;
		padding-top: 0rem;
	}
	.awcontent{
		width: 100%;
		margin-bottom:4rem;
	}
	.awcontent:last-child{
		margin-bottom:0rem;
	}
	.awcontent:nth-child(3) img {
		margin-top: 0rem;
		height: 13.3rem;
	}
}


/*--------------------------------------------------------------------------------------
# 고객센터 공지사항 리스트 페이지
--------------------------------------------------------------------------------------*/
.customWrap {
    /* margin-top: 9rem; */
    position: relative;
    width: 100%;
}
.ctintroBox {
    width: 100%;
    background: #eef2f5;
    height: 38rem;
}
.ctintroInner {
	overflow:hidden;
	position:relative;
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 106rem;
    padding: 0rem 2rem 0rem 2rem;
    margin: 0 auto;
    align-items: center;
    justify-content: flex-start;
}

.ctibg {
    position: absolute;
    right: 2rem;
    bottom: -1rem;
    z-index: 5;
}
.ctibg img{
	max-width:100%;
}
.noticebg img {
	right: 3rem;
    position: relative;
    height: 35.4rem;
}
.faqbg img {
    right: 6rem;
    position: relative;
    height: 34rem;
}
.consultationbg img {
    right: 2rem;
    position: relative;
    height: 34.3rem;
}
.reservation img {
    right: 2rem;
    position: relative;
    height: 34.3rem;
}

.ctitext{
	position:relative;
	z-index:10;
	display:block;
}
.ctitext h1 {
    letter-spacing: -2px;
    display: block;
    font-size: 6rem;
    font-family: 'WOFF_3';
    color: #364765;
    margin-bottom: 2rem;
}
.ctitext h2 {
    /* display: none; */
    font-family: 'WOFF_2';
    font-size: 2.5rem;
    line-height: 3.6rem;
    letter-spacing: -1.1px;
    color: #433f3c;
}
.ctitext dl {
    display: block;
    margin-top: 1.4rem;
    font-size: 1.6rem;
    line-height: 2.2rem;
}


.comuItemSidebox {
    max-width: 106rem;
    padding: 6rem 2rem 10rem 2rem;
    margin: 0 auto;
}

.comutabbox{
	display:flex;
	margin-bottom:4rem;
}
.comutab{
	position: relative;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 6rem;
	border-bottom:1px solid #eee;
}
.comutab a{
	text-align:Center;
	line-height:6rem;
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	letter-spacing: -1px;
	font-family: 'WOFF_2';
	font-size: 2rem;
}
.comutab a:hover{
	color: #192770;
    font-family: 'WOFF_3';
}
.comutab.onpage a{
    color: #192770;
    font-family: 'WOFF_3';
}
.comutab.onpage:after {
    content: '';
}
.onpage:after {
    z-index: 20;
    content: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0rem;
    height: 0.5rem;
    background: #192770;
    width: 100%;
}

.SearchBox {
    box-sizing: border-box;
    width: 36rem;
    position: relative;
    text-align: center;
    margin-bottom: 2rem;
}
.SearchBox .Search {
    display: block;
    position: relative;
}
.SearchBox .Search input {
    background-color: #f8f8f8;
    width: 100%;
    height: 5rem;
    border-radius: 0.6rem;
    border: none;
    color: #222;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 0px 6rem 0px 2rem;
    border: 1px solid #f8f8f8;
}
.SearchBox .Search input::placeholder{
	font-size:1.5rem;
	font-family: 'Pretendard-Light';
	color:#aaa;
}
.SearchBox .Search button {
	cursor:pointer;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    background-color: inherit;
    padding: 0;
    margin: 0;
    border: none;
    height: 4rem;
    width: 4rem;
    border-radius: 0rem;
    background-image: url(/img/sub/customer/searchicon.png);
    background-size: 3.6rem;
    background-repeat: no-repeat;
    background-position: center;
}

.comuItem {
    width: 100%;
    position: relative;
}
.comuItem table {
    width: 100%;
    position: relative;
    margin-bottom: 5rem;
}
.sub_num {
    width: 6rem;
}
.sub_writer {
    width: 13rem;
}
.sub_wri_cnt {
    width: 9rem;
}
.comuItem table thead tr{
	border-top:1px solid #222;
}
.comuItem table thead tr th {
    background: #f6f6f6;
    padding: 1.4rem 0rem 1.4rem 0rem;
    font-size: 1.8rem;
    font-family: Pretendard;
    line-height: 2.8rem;
    letter-spacing: 0em;
    text-align: center;
    color: #222;
}
.comuItem table tbody tr {
    border-top: 1px solid #eeeeee;
}
.comuItem table tbody tr td {
    letter-spacing: -0.4px;
    padding: 2rem 0rem 2rem 0rem;
    font-size: 1.7rem;
    font-family: 'Pretendard-Light';
    line-height: 2.2rem;
    text-align: center;
    color: #222;
}
.comuItem table tbody tr td h3 {
    letter-spacing: -0.4px;
    font-family: WOFF_3;
}
.b_title {
    padding: 2rem 1rem!important;
    display: block;
    text-align: left!important;
}
.b_title:hover a h3{
	    color: #192770;
}

@media (max-width: 991px){
	.customWrap {
		/* margin-top: 7rem; */
	}
	.ctitext h1 {
		letter-spacing: -3px;
		font-size: 5rem;
		margin-bottom: 2rem;
	}
	.ctitext h2 {
		font-size: 2.2rem;
		line-height: 3.4rem;
		letter-spacing: -1.1px;
	}
}

@media (max-width: 767px){
	.customWrap {
		overflow: hidden;
		/* margin-top: 6rem; */
	}
	.ctintroBox {
		overflow:hidden;
		height: 24rem;
	}
	.ctitext h1 {
		letter-spacing: -2px;
		font-size: 3.2rem;
		margin-bottom: 1.6rem;
	}
	.ctitext h2 {
		font-size: 1.7rem;
		line-height: 2.6rem;
		letter-spacing: -1.1px;
	}
	.ctitext dl {
		display: block;
		margin-top: 1rem;
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	
	
	.noticebg img {
		right: -6rem;
		height: 19.4rem;
	}
	
	
	.comuItemSidebox {
		max-width: 106rem;
		padding: 4rem 2rem 6rem 2rem;
	}
	.comutabbox {
		margin-bottom: 3rem;
	}
	.comutab {
		height: 5rem;
		border-bottom: 1px solid #eee;
	}
	.comutab a {
		line-height: 5rem;
		letter-spacing: -0.8px;
		font-size: 1.5rem;
	}
	.onpage:after {
		height: 0.4rem;
	}
	
	
	.SearchBox {
		width: 100%;
		margin-bottom: 1rem;
	}
	
	
	.sub_num {
		display: none;
	}
	.sub_wri_cnt {
		display: none;
	}
	.sub_writer {
		display: none;
	}
	
	.comuItem table thead tr th:nth-child(1) {
		display: none;
	}
	.comuItem table thead tr th:nth-child(2) {
		display: none;
	}
	.comuItem table thead tr th:nth-child(3) {
		display: none;
	}
	.comuItem table thead tr th:nth-child(4) {
		display: none;
	}
	
	.comuItem table tbody tr td:nth-child(1) {
		display: none;
	}
	.comuItem table tbody tr td:nth-child(4) {
		display: none;
	}
	.comuItem table tbody tr td:nth-child(3) {
		font-size: 1.3rem;
		bottom: 1.8rem;
		padding: 0rem;
		position: absolute;
		left: 0rem;
	}
	
	.comuItem table {
		margin-bottom: 0rem;
	}
	.comuItem table thead tr th {
		padding: 1.4rem 0rem 1.4rem 0rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	
	.comuItem table tbody tr {
		position:relative;
		border-top: 1px solid #eeeeee;
	}
	.comuItem table tbody tr:nth-child(1){
		border-top:none;
	}
	.comuItem table tbody{
		border-top:1px solid #222;
	}
	.comuItem table tbody tr td {
		letter-spacing: -0.4px;
		padding: 1.4rem 0rem 1.4rem 0rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.b_title {
		padding: 1.8rem 0rem 4.2rem 0rem!important;
		display: block;
		text-align: left!important;
	}
}

/*--------------------------------------------------------------------------------------
# 고객센터 공지사항 상세 페이지
--------------------------------------------------------------------------------------*/
.comudetailWrap{
	width:100%;
	position:relative;
	margin-top:9rem;
}
.comudetailSidebox{
	max-width:100rem;
	padding:6rem 2rem 10rem 2rem;
	margin:0 auto;
}

.cdtitleBox {
    padding-bottom: 3rem;
    display: block;
    text-align: left;
    border-bottom: 1px solid #222;
}
.cdtitleBox h1 {
    display: block;
    margin-bottom: 2rem;
    text-align: left;
    font-size: 2.6rem;
	font-family: WOFF_2;
    line-height: 3.1rem;
    letter-spacing: 0px;
    text-align: left;
    color: #222;
}
.cdinfoBox {
    display: flex;
}
.cdinfo {
    position: relative;
    padding-left: 5.8rem;
    margin-right: 6rem;
}
.cdinfo span {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 3.2rem;
    letter-spacing: 0px;
    text-align: right;
    color: #888;
}
.cdinfo dl {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 3.2rem;
    letter-spacing: 0px;
    text-align: left;
    color: #222;
}


.comuContentbox{
	width:100%;
	position:relative;
	text-align:left;
	padding:4rem 0rem 0rem 0rem;
}
.comuContentbox p{
	font-size:1.8rem;
	text-align:left;
	font-family: 'Pretendard-Light';
	line-height:2.6rem;
	color:#222;
}
.comuContentbox img{
	max-width:100%;
	display:inline-block;
}

.nxtb_inner {
    display: block;
    text-align: Center;
    margin-top: 6rem;
    padding-bottom: 6rem;
    border-bottom: 1px solid #eee;
}
.nxtb_btn {
    position: relative;
    width: 18rem;
    height: 6rem;
    display: inline-block;
}
.nxtb_btn a {
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
    background: #F6F6F6;
    border-radius: 9.9rem;
    font-family: Pretendard;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 6rem;
    letter-spacing: 0.04em;
    text-align: center;
    color: #222;
}
.nxb_npbox {
    display: block;
    margin-top: 2rem;
}
.nxb_np {
    width: 100%;
    position: relative;
    padding: 1.8rem 0rem 1.8rem 7.9rem;
}
.nxb_np span {
    display: inline-block;
    position: absolute;
    left: 0rem;
    top: 1.8rem;
    font-size: 1.8rem;
    font-family: 'Pretendard-Light';
    line-height: 3.5rem;
    letter-spacing: 0.04em;
    text-align: left;
    color: #222;
}
.nxb_np a h3 {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-family: 'Pretendard-Light';
    font-size: 1.8rem;
    line-height: 3.5rem;
    letter-spacing: 0em;
    text-align: left;
    color: #222;
}

@media (max-width: 767px){
	.comudetailWrap {
		margin-top: 6rem;
	}
	.comudetailSidebox {
		max-width: 100rem;
		padding: 3rem 2rem 6rem 2rem;
		margin: 0 auto;
	}
	.cdtitleBox h1 {
		margin-top: 3rem;
		margin-bottom: 2rem;
		font-size: 2rem;
		line-height: 3rem;
		letter-spacing: -0.2px;
	}
	.cdinfo {
		padding-left: 4.2rem;
		margin-right: 2.2rem;
	}
	.cdinfo:last-child{
		margin-right:0rem;
	}
	.cdinfo span {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.cdinfo dl {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	
	.comuContentbox p {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	
	.nxtb_inner {
		margin-top: 4rem;
		padding-bottom: 4rem;
	}
	.nxtb_btn {
		width: 14rem;
		height: 5rem;
	}
	.nxtb_btn a {
		font-size: 1.6rem;
		line-height: 5rem;
	}
	
	
	.nxb_np {
		width: 100%;
		position: relative;
		padding: 1.2rem 0rem 1.2rem 6.4rem;
	}
	.nxb_np span {
		display: inline-block;
		position: absolute;
		left: 0rem;
		top: 1.1rem;
		font-size: 1.6rem;
		font-family: 'Pretendard-Light';
		line-height: 3rem;
		letter-spacing: 0.04em;
		text-align: left;
		color: #222;
	}
	.nxb_np a h3 {
		display: block;
		display: -webkit-box;
		overflow: hidden;
		white-space: normal;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		font-family: 'Pretendard-Light';
		font-size: 1.6rem;
		line-height: 3rem;
		letter-spacing: 0em;
		text-align: left;
		color: #222;
	}
}

/*--------------------------------------------------------------------------------------
# 고객센터 faq 페이지
--------------------------------------------------------------------------------------*/
.faqItemBox{
	width: 100%;
    position: relative;
}


.fatabbox {
    margin-bottom: 3rem;
    display: block;
}
.ftabox{
	display: flex;
}
.fatab.onf{
	background:#192770;
	border: 1px solid #192770;
	color:#fff;
}
.fatab {
	cursor:pointer;
	background:#fff;
    border-radius: 0.6rem;
    border: 1px solid #222;
    letter-spacing: -0.2px;
    margin-right: 1rem;
    font-family: 'Pretendard-SemiBold';
    position: relative;
    font-size: 1.8rem;
	color:#222;
    display: inline-block;
    padding: 1rem 1.4rem;
}


.faqWrap{
	width:100%;
	position:relative;
}
.faqitembox{
	width:100%;
	position:relative;
	border-top:1px solid #222;
	display:none;
}
.faqitembox:nth-child(1){
	display:block;
}
.faq_cont_box{margin-bottom:0px;width: 100%;box-sizing: border-box;}
#faq {position: relative;width: 100%;	background-color: #f1f9fc;background-position: right bottom;  background-size: 50%;}
.accordion-menu {text-align: left;width: 100%;}
.accordion-menu li{z-index:40;list-style:none;}
.accordion-menu li.open_faq{}
.accordion-menu li.open_faq .dropdownlink {border-bottom:1px solid #eeeeee;color: #222;border-bottom-left-radius:0px;border-bottom-right-radius:0px;background-color: #ffffff;}
.accordion-menu li.open_faq .dropdownlink .droparrow {transform: rotate(180deg);}
.accordion-menu li:last-child .dropdownlink {/* border-bottom: 0; */}
.dropdownlink {
    border-bottom: 1px solid #eeeeee;
    position: relative;
    padding: 2rem 3rem!important;
    color: #222;
    font-size: 1.8rem;
	line-height:2.8rem;
    font-family:WOFF_3;
	letter-spacing:-0.4px;
    cursor: pointer;
    display: block;
    position: relative;
    z-index: 6;
    background-color: #fff;
}
.accordion-menu li.open_faq .dropdownlink::after{transform: translateY(-50%) rotate(-45deg);margin-bottom: 5px;    }
.droparrow {
    position: absolute;
    top: 2.3rem;
    right: 3rem;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/img/sub/customer/faq_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.submenuItems {display: none;}
.submenuItems li {list-style:none;}

.f_list_open{position: relative;width: 100%;background-color: #f6f6f6;
padding: 2rem 3rem!important;
font-size:1.6rem;
line-height:3rem;
font-family: 'Pretendard';
}
.f_list_open span{
	font-size:1.6rem;
line-height:3rem;
font-family: 'Pretendard';
}

@media (max-width: 767px){
	.faqbg img {
		right: -1rem;
		height: 19rem;
	}
	
	
	.fatabbox{
		margin-bottom: 1rem;
		overflow: auto;
	}
	.ftabox {
		width: 61rem;
		display: flex;
	}
	.fatab {
		border-radius: 0.6rem;
		letter-spacing: -0.2px;
		margin-right: 1rem;
		font-size: 1.5rem;
		padding: 0.8rem 1.2rem;
	}
	
	.dropdownlink {
		padding: 1.8rem 3rem 1.8rem 0rem!important;
		font-size: 1.5rem;
		line-height: 2rem;
		letter-spacing: -0.4px;
	}
	.droparrow {
		top: 1.8rem;
		right: 0.6rem;
		width: 2rem;
		height: 2rem;
	}
	.f_list_open {
		padding: 1.8rem 1rem!important;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.f_list_open span{
		    font-size: 1.4rem;
    line-height: 2.2rem;
	}
}

/*--------------------------------------------------------------------------------------
# 고객센터 전화상담예약 페이지
--------------------------------------------------------------------------------------*/
.recontentBox{
	width:100%;
	position:relative;
}

.reconbox {
    width: 100%;
    position: relative;
    padding: 1rem 0rem 1rem 20rem;
    border-top: 1px solid #eee;
}
.reconbox:last-child{
	border-bottom: 1px solid #eee;
}
.reconbox dl {
    letter-spacing: -0.4px;
    color: #222;
    font-family: WOFF_2;
    font-size: 1.7rem;
    padding: 2.6rem 2rem 0rem 2rem;
    width: 20rem;
    height: 100%;
    position: absolute;
    left: 0rem;
    top: 0rem;
    background: #f6f6f6;
}
.reiwid400{
	width:40rem!important;
}
.reinput {
    padding: 0rem 2rem;
    width: 100%;
    position: relative;
}
.reinput input{
    width: 100%;
    height: 5rem;
    border: none;
    padding: 0rem 2rem;
    border: 1px solid #EEEEEE;
    border-radius: 0.5rem;
    font-family: 'Pretendard-Medium';
    font-size: 1.8rem;
    line-height: 2.6rem;
    letter-spacing: 0em;
    text-align: left;
    color: #222;
}


.reinput input:focus{
		border: 1px solid #222;
background: #FFFFFF;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}


.reinput input::placeholder{
font-family: Pretendard;
font-size: 1.6rem;
line-height: 2.6rem;
letter-spacing: 0em;
text-align: left;
color:#aaa;
}


.reinsel {
    padding: 0rem 2rem;
    width: 100%;
    position: relative;
}
.reinsel select{
    width: 100%;
    height: 5rem;
    border: none;
    padding: 0rem 2rem;
    border: 1px solid #EEEEEE;
    border-radius: 0.5rem;
    font-family: 'Pretendard-Medium';
    font-size: 1.8rem;
    line-height: 2.6rem;
    letter-spacing: 0em;
    text-align: left;
    color: #222;
	background:#fff;
}

.reinsel select:focus{
		border: 1px solid #222;
background: #FFFFFF;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.reinsel select {
	appearance: none;
}
.reinsel:after {
    content: '';
    position: absolute;
    right: 4rem;
    top: 1.6rem;
    z-index: 20;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url(/img/sub/customer/faq_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.remart{margin-top:4rem;}
.remart .reconbox{
border-bottom: 1px solid #eee!important;
}
.remart .reconbox dl{
	background: #333;
	color:#fff;
}
.revaltext {
    padding: 1.2rem 2rem;
    width: 100%;
    position: relative;
    min-height: 5rem;
    font-family: 'Pretendard-Medium';
    font-size: 1.8rem;
    line-height: 2.6rem;
    letter-spacing: 0em;
    text-align: left;
    color: #222;
    background: #fff;
}

.reinput .ui-datepicker-trigger {
    position: absolute;
    right: 4rem;
    top: 1.2rem;
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer;
}

.reinput textarea{
	margin-top:0.8rem;
	width:100%;
	height:20rem;
	border:none;
	padding:2rem 2rem;
	border: 1px solid #EEEEEE;
	border-radius:0.5rem;
	
font-family: 'Pretendard-Medium';
font-size: 1.8rem;
line-height: 2.6rem;
letter-spacing: 0em;
text-align: left;
color:#222;
resize: vertical; /* 상하만 가능 */
}
.reinput textarea:focus{
		border: 1px solid #222;
background: #FFFFFF;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.reinput textarea::placeholder{
font-family: Pretendard;
font-size: 1.6rem;
line-height: 2.6rem;
letter-spacing: 0em;
text-align: left;
color:#aaa;
}


.recontentCompleBox{
	width:100%;
	position:relative;
}
.reccomp {
    display: block;
    text-align: center;
    padding: 8rem 0rem;
}
.reccomp img{
	max-width:100%;
	display:inline-block;
}
.reccomp dl {
    margin-top: 3rem;
    color: #222;
    display: block;
    text-align: center;
    font-family: WOFF_3;
    font-size: 3rem;
}

@media (max-width: 767px){
	.reservation img {
		right: -1rem;
		position: relative;
		height: 18.3rem;
	}
	
	.reconbox {
		width: 100%;
		position: relative;
		padding: 0rem 0rem 2.4rem 0rem;
		border-top: none;
	}
	.m_padb_none{
		padding: 0rem 0rem 0rem 0rem!important;
	}
	.reconbox dl {
		font-family: 'Pretendard-SemiBold';
		line-height: 2.2rem;
		letter-spacing: -0.4px;
		color: #222;
		/* font-family: WOFF_2; */
		font-size: 1.5rem;
		padding: 0rem;
		width: 100%;
		height: 100%;
		position: relative;
		left: 0rem;
		top: 0rem;
		background: #fff;
	}
	.reinput {
		padding: 0rem 0rem;
		width: 100%;
		position: relative;
	}
	.reiwid400 {
		width: 100%!important;
	}
	.reinput input {
		margin-top: 0.6rem;
		width: 100%;
		height: 5rem;
		border: none;
		padding: 0rem 2rem;
		border: 1px solid #EEEEEE;
		border-radius: 0.6rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.reinput input::placeholder{
		font-size: 1.6rem;
		line-height: 2rem;
	}
	
	.reinsel {
		padding: 0rem 0rem;
	}
	.reinsel select {
		margin-top: 0.6rem;
		width: 100%;
		height: 5rem;
		border: none;
		padding: 0rem 2rem;
		border: 1px solid #EEEEEE;
		border-radius: 0.5rem;
		font-size: 1.6rem;
		line-height: 2rem;
		background: #fff;
	}
	.reinsel:after {
		content: '';
		position: absolute;
		right: 2rem;
		top: 2.3rem;
		z-index: 20;
		width: 1.6rem;
		height: 1.6rem;
	}
	
	
	.conscont .reconbox{
		border:none!important;
	}
	.remart .reconbox dl {
		border-radius: 0.6rem;
		padding: 1rem;
	}
	.revaltext {
		margin-top: 0.6rem;
		border-radius: 0.6rem;
		border: 1px solid #eee;
		padding: 1rem 1rem;
		position: relative;
		min-height: auto;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	
	.reinput .ui-datepicker-trigger {
		right: 2rem;
		top: 1.9rem;
		width: 2.4rem;
		height: 2.4rem;
	}
	
	
	.reccomp {
		padding: 5rem 0rem;
	}
	.reccomp img {
		height: 9.4rem;
		max-width: 100%;
		display: inline-block;
	}
	.reccomp dl {
		margin-top: 2rem;
		font-size: 2rem;
	}
}



/*--------------------------------------------------------------------------------------
# 고객센터 1:1 상담 페이지
--------------------------------------------------------------------------------------*/
.consulItemBox{
	width:100%;
	position:relative;
}

.none_consItem {
    width: 100%;
    position: relative;
	padding:8rem 0rem;
}
.none_consItem dl{
    color: #aaa;
    display: block;
    text-align: center;
    font-family: WOFF_3;
    font-size: 2.4rem;
}


.consItem {
    width: 100%;
    position: relative;
}
.consItem table {
    width: 100%;
    position: relative;
    margin-bottom: 5rem;
}
.csub_num {
    width: 6rem;
}
.csub_writer {
    width: 13rem;
}
.csub_wri_cnt {
    width: 9rem;
}
.consItem table thead tr{
	border-top:1px solid #222;
}
.consItem table thead tr th {
    background: #f6f6f6;
    padding: 1.4rem 0rem 1.4rem 0rem;
    font-size: 1.8rem;
    font-family: Pretendard;
    line-height: 2.8rem;
    letter-spacing: 0em;
    text-align: center;
    color: #222;
}
.consItem table tbody tr {
    border-top: 1px solid #eeeeee;
}
.consItem table tbody tr td {
    letter-spacing: -0.4px;
    padding: 2rem 0rem 2rem 0rem;
    font-size: 1.7rem;
    font-family: 'Pretendard-Light';
    line-height: 2.2rem;
    text-align: center;
    color: #222;
}
.consItem table tbody tr td h3 {
    letter-spacing: -0.4px;
    font-family: WOFF_3;
}
.c_title {
    padding: 2rem 1rem!important;
    display: block;
    text-align: left!important;
}
.c_title:hover a h3{
	color: #192770;
}
.c_state {
    border-radius: 0.6rem;
    padding: 0.4rem;
    display: inline-block;
    background: #192770;
    color: #fff;
}
.answcolm {
    font-family: 'Pretendard-Bold'!important;
    color: #192770!important;
}

.consbtnBox {
    display: flex;
    text-align: center;
    margin-top: 4rem;
    justify-content: center;
    align-items: center;
}
.consbtn {
    display: inline-block;
    width: 10rem;
    height: 6rem;
    position: relative;
}
.consbtn a{
	cursor: pointer;
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
    background: #272F82;
    border-radius: 0.5rem;
    font-family: 'Pretendard-Bold';
    font-size: 1.8rem;
    line-height: 6rem;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
}
.consbtn button {
    cursor: pointer;
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
    background: #272F82;
    border-radius: 0.5rem;
    font-family: 'Pretendard-Bold';
    font-size: 1.8rem;
    line-height: 2.6rem;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
}

.conscalcelbtn{
	margin-right:1rem;
	display: inline-block;
    width: 10rem;
    height: 6rem;
    position: relative;
}
.conscalcelbtn a{
	cursor: pointer;
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
    background: #333;
    border-radius: 0.5rem;
    font-family: 'Pretendard-Bold';
    font-size: 1.8rem;
    line-height: 6rem;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
}

@media (max-width: 767px){
	.consultationbg img {
		right: -4rem;
		height: 19.3rem;
	}
	
	.consItem table {
		margin-bottom: 0rem;
	}
	
	.csub_num {
		display: none;
	}
	.csub_writer {
		display: none;
	}
	.csub_wri_cnt{
		display: none;
	}
	
	.consItem table thead tr th:nth-child(1) {
		display: none;
	}
	.consItem table thead tr th:nth-child(2) {
		display: none;
	}
	.consItem table thead tr th:nth-child(3) {
		display: none;
	}
	.consItem table thead tr th:nth-child(4) {
		display: none;
	}
	.consItem table thead tr th:nth-child(5) {
		display: none;
	}
	
	.consItem table tbody tr {
		position: relative;
	}
	.consItem table tbody tr td:nth-child(1) {
		display: none;
	}
	.consItem table tbody tr td:nth-child(2) {
		top: 1.8rem;
		padding: 0rem;
		position: absolute;
		left: 7rem;
	}
	.consItem table tbody tr td:nth-child(4) {
		font-size: 1.4rem;
		bottom: 1.8rem;
		padding: 0rem;
		position: absolute;
		left: 0rem;
	}
	.consItem table tbody tr td:nth-child(5) {
		line-height: 2.2rem;
		font-size: 1.4rem;
		top: 1.8rem;
		padding: 0rem;
		position: absolute;
		left: 0rem;
	}
	
	
	.c_state:before {
		content: '';
		position: absolute;
		left: -1.1rem;
		top: 0.4rem;
		width: 1px;
		height: 1.2rem;
		background: #ddd;
	}
	.c_state {
		position: relative;
		line-height: 2.2rem;
		font-size: 1.4rem;
		border-radius: 0.4rem;
		padding: 0rem;
		display: inline-block;
		background: #fff;
		color: #222;
	}
	.c_title {
		padding: 4.4rem 0rem 4.2rem 0rem!important;
		display: block;
		text-align: left!important;
	}
	.consItem table tbody tr td {
		letter-spacing: -0.4px;
		padding: 1.4rem 0rem 1.4rem 0rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	

	.none_consItem {
		padding: 5rem 0rem;
	}
	.none_consItem dl {
		font-size: 2rem;
	}
	
	
	
	.consbtnBox {
		display: flex;
		text-align: center;
		margin-top: 3rem;
		justify-content: center;
		align-items: center;
	}
	.consbtn {
		width: 10rem;
		height: 5rem;
	}
	.consbtn a {
		border-radius: 0.5rem;
		font-size: 1.6rem;
		line-height: 5rem;
	}
	.consbtn button {
		border-radius: 0.5rem;
		font-size: 1.6rem;
		line-height: 5rem;
	}
	.conscalcelbtn {
		margin-right: 1rem;
		width: 10rem;
		height: 5rem;
	}
	.conscalcelbtn a {
		border-radius: 0.5rem;
		font-size: 1.6rem;
		line-height: 5rem;
	}
}

/*--------------------------------------------------------------------------------------
# 추가 게시판 레이아웃
--------------------------------------------------------------------------------------*/
/* @media (max-width: 1020px){ */
	/* .customWrap .cont{ */
		/* discpay:block; */
		/* padding:0rem 2rem; */
	/* } */
/* } */
.customWrap .cont{
	max-width: 106rem;
    padding: 0rem 2rem 0rem 2rem;
    margin: 0 auto;
}