/* common */
body,th,td,input,select,textarea,button {font-size:24px;}
.wrap {
	min-width:1024px;
	background-color:white;
}
.wrap.mypage {
	background-color:rgba(242,171,156,.4);
}
.sub_container {
	background-color:#fff;
	overflow:hidden;
}

.section_wrap {
	position:relative;
	margin:0 auto;
	padding:0 0.83em;
	width:100%;
	max-width:1130px;
}

.admin_sub_visual {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:50px;
	padding-top:30px;
	width:100%;
	height:200px;
	background-color:#e1a394;
}

.admin_sub_visual .section_wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:0;
	width:100%;
	height:100%;
}

.admin_list_check {
    padding: 10px 5px;
    border-bottom: 1px solid #ddd;
    background: lightgray;
    font-size: 13px !important;
    width:10px;
}

.admin_list {
    padding: 10px 5px;
    border-bottom: 1px solid #ddd;
    background: lightgray;
    font-size: 13px !important;
    width:50px;
}

.admin_list_id {
     padding: 10px 5px;
    border-bottom: 1px solid #ddd;
    background: lightgray;
    font-size: 13px !important;
    width:100px;
}

.admin_list_id_body {
    padding: 10px 5px;
    border-bottom: 1px solid #ddd;
    background: white;
    font-size: 13px !important;
    width:100px;
    text-align:center;
}

.admin_list_body {
    padding: 10px 5px;
    border-bottom: 1px solid #ddd;
    background: white;
    font-size: 13px !important;
    width:50px;
    text-align:center;
}

.codingLounge_list .filter_area .search_area .input_area_admin {
    box-sizing:border-box;
	padding:0.5em;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	width:100%;
}

.codingLounge_list .filter_area .search_area .input_area_admin input{
    font-size:0.75em;
    align-items:center;
    border-radius:5em;
    height: 100%; /* 높이값 초기화 */
    line-height : normal; /* line-height 초기화 */
    padding: .4em .5em;
    font-family: inherit; /* 폰트 상속 */
    border: 1px solid #eee; /*#999; */
    outline-style: none; /* 포커스시 발생하는 효과 제거를 원한다면 */
    -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */

}

.codingLounge_list .filter_area .search_area .input_area_admin button {
	display:block;
	width:100%;
	color:#646464;
	font-size:0.63em;
	text-align:center;
	border:1px solid #dcdcdc;
	border-radius:5em;
	background:none;
	cursor:pointer;
	align-items:center;

	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.excel {
    color:#fff;
    background-color:#101a4e;
    border-color:#101a4e;
    float:right;
    border-radius:5em;
    font-size: 20px;
    cursor: pointer;
}

.excel:disabled {
    background: #ccc;
    border-color: #ccc;
    cursor:default;
}

.delivery_chg {
    color:#fff;
    background-color:#e1a394;
    border-color:#e1a394;
    float:right;
    border-radius:5em;
    font-size: 20px;
    cursor: pointer;
}

.delivery_chg:disabled {
    background: #ccc;
    border-color: #ccc;
    cursor:default;
}

.tabs li.admin_active a {
	color:#fff;
	background-color:#101a4e;
}

.page {
    text-align:center;
    width:100%;
}

.pagination {
    list-style:none;
    display:inline-block;
    padding:0;
    margin-top:20px;
}

.pagination li{
    display:inline;
    text-align:center;
}

.pagination a {
    float:left;
    display:block;
    font-size:14px;
    text-decoration:none;
    padding:5px 12px;
    color:#96a0ad;
    line-height:1.5;
}

.first{
    margin-right:15px;
}

.last{
    margin-left:15px;
}

.first:hover, .last:hover, .left:hover, .right:hover{
    color:#2e9cdf;
}

.pagination a.active{
    cursor:default;
    color:#ffffff;
}

.pagination a:active{
    outline:none;
}

.modal .num {
    margin-left:3px;
    padding:0;
    width:30px;
    height:30px;
    line-height:30px;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    border-radius:100%;
}

.modal .num:hover{
    background-color:#2e9cdf;
    color:#ffffff;
}

.modal .num.active, .modal .num:active{
    background-color:gray;
    cursor:pointer;
}

.arror-left{
    width:0;
    height:0;
    border-top : 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right:10px solid blue;
}


.search_news_area {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	width:100%;
	max-width:1130px;
}

.codingLounge_list .filter_area .search_news_area .input_area_news {
    margin-left: 40%;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.codingLounge_list .filter_area .search_news_area .input_area_news input{
    font-size:0.75em;
    align-items:center;
    border-radius:5em;
    width:300px;
    height: 100%; /* 높이값 초기화 */
    line-height : normal; /* line-height 초기화 */
    padding: .4em .5em;
    font-family: inherit; /* 폰트 상속 */
    border: 1px solid #eee; /*#999; */
    outline-style: none; /* 포커스시 발생하는 효과 제거를 원한다면 */
    -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */

}

.codingLounge_list .filter_area .search_news_area .input_area_news button {
	display:block;
	width:100%;
	color:#646464;
	font-size:0.63em;
	text-align:center;
	border:1px solid #dcdcdc;
	border-radius:5em;
	background:none;
	cursor:pointer;
	align-items:center;

	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* sub visual */
.sub_visual_class_detail {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:50px;
	padding-top:30px;
	width:100%;
	height:40px;
	background-color:#e1a394;

}


.sub_visual {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:100px;
	padding-top:60px;
	width:100%;
	height:400px;
	background-color:#e1a394;
}
.sub_visual .section_wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:0;
	width:100%;
	height:100%;
}

.sub_visual .section_wrap .slogan p {
	font-size:0.83em;
	color:#fff;
}
.sub_visual .section_wrap .slogan.community p {
	font-size:0.75em;
	color:#fff;
}
.sub_visual .section_wrap .slogan > span {
	display:block;
	font-weight:600;
	color:#fff;
}
.sub_visual .section_wrap .slogan span.smallSlg {
	margin:1.25em 0;
	font-size:1.33em;
	line-height:1.2em;
}
.sub_visual .section_wrap .slogan span.bigSlg {
	margin-bottom:0.3em;
	font-size:2.0116em;
	line-height:1.5em;
}
.sub_visual .section_wrap .slogan.community span.bigSlg {
	margin-bottom:1em;
	font-size:1.4583em;
	line-height:1.3em;
}
.sub_visual .section_wrap .slogan span.brown {
	color:#c5e8fc;
	font-weight:600;
}

.sub_visual .section_wrap .slogan .pageNav {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.sub_visual .section_wrap .slogan .pageNav span {
	position:relative;
	margin-right:1em;
	padding-right:1em;
	font-size:0.75em;
	color:#fff;
}
.sub_visual .section_wrap .slogan .pageNav span:after {
	position:absolute;
	content:url("../img/sub/ico_pnavArrow.png");
	top:50%;
	right:0;
	transform: translateY(-60%);
}
.sub_visual .section_wrap .slogan .pageNav span:last-child:after {
	display:none;
}

.sub_visual .section_wrap img.subVisual.codingKit {
	position:absolute;
	top:0;
	right:0.83em;
}
.sub_visual .section_wrap img.subVisual.codingLounge,
.sub_visual .section_wrap img.subVisual.myClass,
.sub_visual .section_wrap img.subVisual.order,
.sub_visual .section_wrap img.subVisual.review {
	position:absolute;
	bottom:-2em;
	right:0.83em;
}

.banner.bottom {
	margin:100px auto;
}



.banner.event {
	margin:100px auto;
}


/* codingkit */
.codingKit {
	position:relative;
	justify-content:flex-start;
	align-items:flex-start;
	margin:0 auto;
	max-width:1130px;
}

.codingKit .lecture_list {
	width:100%;
	max-width:1130px;
}

.codingKit .lecture_list > ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	margin-left:10px;
	margin-right:10px;
}


.codingKit .lecture_list > ul > li {
	margin:0 25px 25px 0px;
	border-radius:5px;
	width:calc((100% - 80px) / 3);
}


.codingKit .lecture_list > ul > li:last-child {
	margin-right:0;
}

.codingKit .lecture_list > ul > li .text_area {
	padding:0.83em;

}
.codingKit .lecture_list > ul > li .text_area p,
.codingKit .lecture_list > ul > li .text_area span {
	display:block;
}
.codingKit .lecture_list > ul > li .text_area > span {
	font-size:0.83em;
}
.codingKit .lecture_list > ul > li .text_area > span small {
	display:block;
	color:#b14739;
	font-size:0.63em;
}
.codingKit .lecture_list > ul > li .text_area .ckInfo {
	position:relative;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	margin:1.75em 0 0.75em;
}
.codingKit .lecture_list > ul > li .text_area .ckInfo span {
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	margin-right:0.5em;
	font-size:0.66em;
	color:#646464;
}
.codingKit .lecture_list > ul > li .text_area .ckInfo span img {
	margin-right:0.5em;
}
.codingKit .lecture_list > ul > li .text_area .ckInfo span.price {
	position:absolute;
	top:50%;
	right:0;
	margin-right:0;
	font-size:0.75em;
	color:#b14739;
	transform:translateY(-50%);
}
.codingKit .lecture_list > ul > li .text_area p.description {
	font-size:0.66em;
	color:#646464;
}

.codingKit .lecture_list .content {
    position:relative;
}

.codingKit .lecture_list .content .text{
    position:absolute;
    color:white;
    font-size:10px;
    font-weight:bold;
    top:10px;
    left:16px;
    padding:auto;
}


.codingKit .lecture_list a.list_more {
	display: table;
	margin: 1em auto 0;
	padding: 1em 3.5em;
	color: #fff;
	font-size: 0.66em;
	background-color: #f9c446;
	border-radius: 5em;
}

.codingKit .filter_area {
	width:100%;
	align-items:center;
	margin-left:10px;
}

.codingKit .filter_area img{
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.codingKit .filter_area.scr {
	position:absolute !important;
	top:0;
	right:0.83em;
}
.codingKit .filter_area.end {
	position:absolute;
	top:auto;
	bottom:0;
	right:0.83em;
}

.codingKit .filter_area > div > span,
.codingKit .filter_area .fixedArea > div > span {
	display:block;
	margin-bottom:0.75em;
	font-size:0.583em;
}

.codingKit .filter_area .fixedArea > div > span > img {
    cursor:pointer;
    margin:0;

}

.codingKit .filter_area .fixedArea .search_area .input_area_kit {
    margin-left:56%;
    box-sizing:border-box;
	padding-top:25px;
	display:flex;
	justify-content:flex-start;
	width:100%;
}

.codingKit .filter_area .fixedArea .search_area .input_area_kit input{
    font-size:0.85em;
    align-items:center;
    border-radius:5em;
    width:400px;
    height: 100%; /* 높이값 초기화 */
    line-height : normal; /* line-height 초기화 */
    padding: .4em .5em;
    font-family: inherit; /* 폰트 상속 */
    border: 1px solid #eee; /*#999; */
    outline-style: none; /* 포커스시 발생하는 효과 제거를 원한다면 */
    -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */
}

.codingKit .filter_area .fixedArea .search_area .input_area_kit button {
	display:block;
	width:100%;
	color:#646464;
	font-size:0.63em;
	text-align:center;
	border:1px solid #dcdcdc;
	border-radius:5em;
	background:none;
	cursor:pointer;
}

.codingKit .filter_area .fixedArea .search_area .input_area_kit button.active {
	color:#fff;
	background-color:#646464;
	border-color:#646464;
}


/* codingkit list */
.codingKit_list {
	position:relative;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	margin:0 auto;
	padding:0 0.83em;
	width:100%;
	max-width:1130px;
}

.codingKit_list .lecture_list {
	padding-right:10px;
	width:770px;
}
.codingKit_list .lecture_list > ul > li {
	position:relative;
	margin-bottom:1.66em;
	background-color:#f7f7f7;
	border-radius:5px;
	/*box-shadow:0 5px 20px rgba(0,0,0,.15);*/
}
.codingKit_list .lecture_list > ul > li:last-child {
	margin-bottom:0;
}

.codingKit_list .lecture_list > ul > li .text_area {
	padding:0.83em;

}
.codingKit_list .lecture_list > ul > li .text_area p,
.codingKit_list .lecture_list > ul > li .text_area span {
	display:block;
}
.codingKit_list .lecture_list > ul > li .text_area > span {
	font-size:1.166em;
}
.codingKit_list .lecture_list > ul > li .text_area > span small {
	display:block;
	margin-bottom:0.25em;
	color:#b14739;
	font-size:0.63em;
}
.codingKit_list .lecture_list > ul > li .text_area .ckInfo {
	position:relative;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	margin:1.75em 0 0.75em;
}
.codingKit_list .lecture_list > ul > li .text_area .ckInfo span {
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	margin-right:1.5em;
	font-size:0.66em;
	color:#646464;
}
.codingKit_list .lecture_list > ul > li .text_area .ckInfo span img {
	margin-right:0.5em;
}
.codingKit_list .lecture_list > ul > li .text_area .ckInfo span.price {
	position:absolute;
	top:50%;
	right:0;
	margin-right:0;
	font-size:0.75em;
	color:#b14739;
	transform:translateY(-50%);
}
.codingKit_list .lecture_list > ul > li .text_area p.description {
	font-size:0.66em;
	color:#646464;
}
.codingKit_list .lecture_list a.list_more {
	display: table;
	margin: 1em auto 0;
	padding: 1em 3.5em;
	color: #fff;
	font-size: 0.66em;
	background-color: #f9c446;
	border-radius: 5em;
}



.codingKit_list .filter_area {
	margin-left:110px;
	width:210px;
}
.codingKit_list .filter_area.scr {
	position:absolute !important;
	top:0;
	right:0.83em;
}
.codingKit_list .filter_area.end {
	position:absolute;
	top:auto;
	bottom:0;
	right:0.83em;
}

.codingKit_list .filter_area > div > span,
.codingKit_list .filter_area .fixedArea > div > span {
	display:block;
	margin-bottom:0.75em;
	font-size:0.583em;
}
.codingKit_list .filter_area .search_area {
	display:block;
}
.codingKit_list .filter_area.scr .search_area {
	position:fixed;
	top:4em;
	width:210px;
}
.codingKit_list .filter_area.scr .category {
	position:fixed;
	top:8em;
	width:210px;
}

.codingKit_list .filter_area.scr .tagList {
	position:fixed;
	top:15em;
	width:210px;
}

.codingKit_list .filter_area.end .search_area,
.codingKit_list .filter_area.end .category,
.codingKit_list .filter_area.end .tagList{
	position:relative;
	top:auto;
}
.codingKit_list .filter_area .search_area .input_area {
	width:100%;
	border-radius:5em;
}
.codingKit_list .filter_area .search_area .input_area input {
	padding:0.5em 0.75em;
	font-size:0.63em;
}
.codingKit_list .filter_area .category button {
	display:block;
	margin-bottom:0.5em;
	padding:0.5em;
	width:100%;
	color:#646464;
	font-size:0.63em;
	text-align:center;
	border:1px solid #dcdcdc;
	border-radius:5em;
	background:none;
}

.codingKit_list .filter_area .Tag {
	display:block;
	margin-bottom:0.5em;
	padding:0.5em;
	margin-right:2px;
	width:48%;
	color:#646464;
	font-size:0.63em;
	text-align:center;
	border:1px solid #dcdcdc;
	border-radius:5em;
	background:#dcdcdc;

}

.codingKit_list .filter_area .category button.active {
	color:#fff;
	background-color:#646464;
	border-color:#646464;
}

/* codingkit detail */
.codingKit_list.detail .lecture_list.detail {
	padding:0;
	width:770px;
}
.codingKit_list.detail .lecture_list.detail .detail_area {
	margin-bottom:1.66em;
	background-color:#fff;
	border-radius:5px;
	/*box-shadow:10px 10px 20px rgba(0,0,0,.1);*/
}

.codingKit_list .lecture_list.detail .prd_title{
    font-size:40px;
    padding-left:15px;
}

.codingKit_list .lecture_list.detail .prd_title_sub{
   font-size:12px;
   float:left;
}

.codingKit_list .lecture_list.detail .prd_title_sub .content_sub {
   float:left;
   color:gray;
   padding-right:3px;
   font-size:12px;
}

.codingKit_list .lecture_list.detail .info_detail {
	margin:0 0.83em 2.083em;
	padding:2.083em 0;
}

/* codingkit Bonus */
.codingKit_list.detail .lecture_list.Bonus_list {
	padding:0;
	width:1100px;
}
.codingKit_list.detail .lecture_list.Bonus_list .detail_area {
	margin-bottom:1.66em;
	background-color:#fff;
	border-radius:5px;
	/*box-shadow:10px 10px 20px rgba(0,0,0,.1);*/
}

.codingKit_list .lecture_list.Bonus_list .prd_title{
    font-size:40px;
    padding-left:15px;
}

.codingKit_list .lecture_list.Bonus_list .prd_title_sub{
   font-size:12px;
   float:left;
}

.codingKit_list .lecture_list.Bonus_list .prd_title_sub .content_sub {
   float:left;
   color:gray;
   padding-right:3px;
   font-size:12px;
}

.codingKit_list .lecture_list.Bonus_list .info_detail {
	margin:0 0.83em 2.083em;
	padding:2.083em 0;
}

/*myclass*/

.myclass_codingKit_list {
	position:relative;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	margin:0 auto;
	padding:0 0.83em;
	width:100%;
	max-width:1630px;
}

.myclass_codingKit_list .lecture_list {
	padding-right:10px;
	width:770px;
}
.myclass_codingKit_list .lecture_list > ul > li {
	position:relative;
	margin-bottom:1.66em;
	background-color:#f7f7f7;
	border-radius:5px;
	/*box-shadow:0 5px 20px rgba(0,0,0,.15);*/
}
.myclass_codingKit_list .lecture_list > ul > li:last-child {
	margin-bottom:0;
}

.myclass_codingKit_list .lecture_list > ul > li .text_area {
	padding:0.83em;

}
.myclass_codingKit_list .lecture_list > ul > li .text_area p,
.myclass_codingKit_list .lecture_list > ul > li .text_area span {
	display:block;
}
.myclass_codingKit_list .lecture_list > ul > li .text_area > span {
	font-size:1.166em;
}
.myclass_codingKit_list .lecture_list > ul > li .text_area > span small {
	display:block;
	margin-bottom:0.25em;
	color: #b14739;
	font-size:0.63em;
}
.myclass_codingKit_list .lecture_list > ul > li .text_area .ckInfo {
	position:relative;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	margin:1.75em 0 0.75em;
}
.myclass_codingKit_list .lecture_list > ul > li .text_area .ckInfo span {
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	margin-right:1.5em;
	font-size:0.66em;
	color:#646464;
}
.myclass_codingKit_list .lecture_list > ul > li .text_area .ckInfo span img {
	margin-right:0.5em;
}
.myclass_codingKit_list .lecture_list > ul > li .text_area .ckInfo span.price {
	position:absolute;
	top:50%;
	right:0;
	margin-right:0;
	font-size:0.75em;
	color:#b14739;
	transform:translateY(-50%);
}
.myclass_codingKit_list .lecture_list > ul > li .text_area p.description {
	font-size:0.66em;
	color:#646464;
}
.myclass_codingKit_list .lecture_list a.list_more {
	display: table;
	margin: 1em auto 0;
	padding: 1em 3.5em;
	color: #fff;
	font-size: 0.66em;
	background-color: #f9c446;
	border-radius: 5em;
}



.myclass_codingKit_list .filter_area {
	margin-left:110px;
	width:210px;
}
.myclass_codingKit_list .filter_area.scr {
	position:absolute !important;
	top:0;
	right:0.83em;
}
.myclass_codingKit_list .filter_area.end {
	position:absolute;
	top:auto;
	bottom:0;
	right:0.83em;
}

.myclass_codingKit_list .filter_area > div > span,
.myclass_codingKit_list .filter_area .fixedArea > div > span {
	display:block;
	margin-bottom:0.75em;
	font-size:0.583em;
}
.myclass_codingKit_list .filter_area .search_area {
	display:block;
}
.myclass_codingKit_list .filter_area.scr .search_area {
	position:fixed;
	top:4em;
	width:210px;
}
.myclass_codingKit_list .filter_area.scr .category {
	position:fixed;
	top:8em;
	width:210px;
}

.myclass_codingKit_list .filter_area.scr .tagList {
	position:fixed;
	top:15em;
	width:210px;
}

.myclass_codingKit_list .filter_area.end .search_area,
.myclass_codingKit_list .filter_area.end .category,
.myclass_codingKit_list .filter_area.end .tagList{
	position:relative;
	top:auto;
}
.myclass_codingKit_list .filter_area .search_area .input_area {
	width:100%;
	border-radius:5em;
}
.myclass_codingKit_list .filter_area .search_area .input_area input {
	padding:0.5em 0.75em;
	font-size:0.63em;
}
.myclass_codingKit_list .filter_area .category button {
	display:block;
	margin-bottom:0.5em;
	padding:0.5em;
	width:100%;
	color:#646464;
	font-size:0.63em;
	text-align:center;
	border:1px solid #dcdcdc;
	border-radius:5em;
	background:none;
}

.myclass_codingKit_list .filter_area .Tag {
	display:block;
	margin-bottom:0.5em;
	padding:0.5em;
	margin-right:2px;
	width:48%;
	color:#646464;
	font-size:0.63em;
	text-align:center;
	border:1px solid #dcdcdc;
	border-radius:5em;
	background:#dcdcdc;

}

.myclass_codingKit_list .filter_area .category button.active {
	color:#fff;
	background-color:#646464;
	border-color:#646464;
}

/* codingkit detail */
.myclass_codingKit_list.detail .lecture_list.detail {
	padding:0;
	width:1500px;
}
.myclass_codingKit_list.detail .lecture_list.detail .detail_area {
	margin-bottom:1.66em;
	background-color:#fff;
	border-radius:5px;
	/*box-shadow:10px 10px 20px rgba(0,0,0,.1);*/
}

.myclass_codingKit_list .lecture_list.detail .prd_title{
    font-size:40px;
    padding-left:15px;
}

.myclass_codingKit_list .lecture_list.detail .prd_title_sub{
   font-size:12px;
   float:left;
}

.myclass_codingKit_list .lecture_list.detail .prd_title_sub .content_sub {
   float:left;
   color:gray;
   padding-right:3px;
   font-size:12px;
}

.myclass_codingKit_list .lecture_list.detail .info_detail {
	margin:0 0.83em 2.083em;
	padding:2.083em 0;
}

/* codingkit Bonus */
.myclass_codingKit_list.detail .lecture_list.Bonus_list {
	padding:0;
	width:1100px;
}
.myclass_codingKit_list.detail .lecture_list.Bonus_list .detail_area {
	margin-bottom:1.66em;
	background-color:#fff;
	border-radius:5px;
	/*box-shadow:10px 10px 20px rgba(0,0,0,.1);*/
}

.myclass_codingKit_list .lecture_list.Bonus_list .prd_title{
    font-size:40px;
    padding-left:15px;
}

.myclass_codingKit_list .lecture_list.Bonus_list .prd_title_sub{
   font-size:12px;
   float:left;
}

.myclass_codingKit_list .lecture_list.Bonus_list .prd_title_sub .content_sub {
   float:left;
   color:gray;
   padding-right:3px;
   font-size:12px;
}

.myclass_codingKit_list .lecture_list.Bonus_list .info_detail {
	margin:0 0.83em 2.083em;
	padding:2.083em 0;
}


.myclass_codingKit_list .filter_area.detail {
	position:relative;
	margin-left:60px;
	width:270px;
}
.myclass_codingKit_list .filter_area.detail.scr {
	right:0.83em;
}
.myclass_codingKit_list .filter_area.detail .fixedArea {
	position:relative;
}
.myclass_codingKit_list .filter_area.detail.scr .fixedArea {
	position:fixed;
	width:270px;
	top:100px;
}
.myclass_codingKit_list .filter_area.detail.end .fixedArea {
	position:absolute;
	top:auto;
	bottom:0;
}


.myclass_codingKit_list .filter_area.detail .lecture_info {
	padding:0.83em;
	border:1px solid #646464;
}

.myclass_codingKit_list .filter_area.detail .lecture_info .section {
	color:#b14739;
	font-size:18px;
	font-weight:900;
}

.myclass_codingKit_list .filter_area.detail .lecture_info ul li {
	margin-top:0.25em;
	padding-top:0.25em;
	border-top:1px solid #dcdcdc;
}

.myclass_codingKit_list .filter_area.detail .lecture_info ul li .subkit{
    margin-top:0;
	padding-top:0;
    border-top: none;
}

.myclass_codingKit_list .filter_area.detail .lecture_info ul li:first-child {
    margin-top:0;
	padding-top:0;
	border-top:0;
}


.myclass_codingKit_list .filter_area.detail .lecture_info ul li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
}
.myclass_codingKit_list .filter_area.detail .lecture_info ul li > span,
.myclass_codingKit_list .filter_area.detail .lecture_info ul li p {
	font-size:0.66em;
}
.myclass_codingKit_list .filter_area.detail .lecture_info ul li > span {
	font-weight:600;
}
.myclass_codingKit_list .filter_area.detail .lecture_info ul li p span.price {
	color:#b14739;
}

.myclass_codingKit_list .filter_area.detail .lecture_info ul li .count_num {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.myclass_codingKit_list .filter_area.detail .lecture_info ul li .count_num button {
	display:block;
	width:1.75em;
	font-size:0.66em;
	background:none;
	border:none;
}
.myclass_codingKit_list .filter_area.detail .lecture_info ul li .count_num button img {
	display:block;
	margin:0 auto;
}
.myclass_codingKit_list .filter_area.detail .lecture_info ul li .count_num input {
	display:block;
	width:1.75em;
	font-size:0.53em;
	text-align:center;
	background:none;
	border:1px solid #969696;
	border-radius:2px;
}

.myclass_codingKit_list .filter_area.detail .lecture_info ul li select{
    background: white;
}

.myclass_codingKit_list.myClass {
	align-items:stretch;
	height:100%;
}
.myclass_codingKit_list.myClass .lecture_list.detail .precaution {
	border-bottom:none;
}
.myclass_codingKit_list.myClass .filter_area.detail .lecture_info ul.lectureList > li {
	margin-bottom:15px;
	padding:0.25em 0;
	border-bottom:1px solid #969696;
}

.myclass_codingKit_list.myClass .filter_area.detail .lecture_info ul.lectureList li > span {
	display:block;
	width:100%;
}

.myclass_codingKit_list .filter_area.detail .lecture_info ul.lectureList li a {
	display:block;
	font-size:0.625em;
	line-height:1.5em;
	color:#646464;
}
.myclass_codingKit_list .filter_area.detail .lecture_info ul.lectureList li ul.submenu {
	margin-top:0.25em;
	padding-top:0.25em;
	border-top:1px solid #969696;
}

.myclass_codingKit_list .filter_area.detail .lecture_info ul.lectureList li ul.submenu li a {
	position:relative;
	padding-left:0.75em;
}


.myclass_codingKit_list .filter_area.detail .lecture_info ul.lectureList li ul.submenu li.now a{
    color:#b14739;
    font-weight:bold;
}

.myclass_codingKit_list .filter_area.detail .lecture_info ul.lectureList li ul.submenu li:hover a {
	color:#b14739;
	text-decoration:underline;
}

.myclass_codingKit_list .filter_area.detail .lecture_info ul.lectureList li ul.submenu {
	display:none;
}
.myclass_codingKit_list .filter_area.detail .lecture_info ul.lectureList li.active ul.submenu {
	display:block;
}

.myclass_codingKit_list .filter_area.detail .btn_area {
	margin-top:0.83em;
}
.myclass_codingKit_list .filter_area.detail .btn_area a.btn {
	display:block;
	margin-bottom:0.5em;
	padding:0.5em 0;
	width:100%;
	font-size:0.66em;
	text-align:center;
	border-radius:5em;
}

.myclass_codingKit_list .filter_area.detail .btn_area a.btn.cart {
	border:1px solid #969696;
}
.myclass_codingKit_list .filter_area.detail .btn_area a.btn.buy {
	color:#fff;
	background-color:#646464;
}



.info_detail .title {
	position:relative;
	padding-left:0.5em;
	font-size:0.83em;
	font-weight:600;
	color:white;
	background-color:#878787;
}

.info_detail .sub_title {
	position:relative;
	padding-left:0.5em;
	font-size:0.83em;
	font-weight:600;
	color:white;
	background-color:#a9a9a9;
}

.info_detail .img_info {
	position:relative;
	font-size:0.43em;
	font-weight:400;
	color:gray;
}

.info_detail .img_info li:before {
	position:absolute;
	top:0;
	left:0;
}

.info_detail .point_content {
	position:relative;
	font-size:0.73em;
	font-weight:600;
	color:#b14739;
	padding-bottom:20px;
	padding-top:80px;
}

.info_detail .point_content_small {
	position:relative;
	font-size:0.73em;
	font-weight:400;
	color:#b14739;
	padding-top:20px;
	padding-bottom:10px;
}

.info_detail .point_content_faq{
	position:relative;
	font-size:0.73em;
	font-weight:600;
	color:#b14739;
	padding-bottom:20px;
}


.info_detail .content_gray {
	position:relative;
	font-size:0.6em;
	font-weight:400;
	color:gray;
	padding-bottom:20px;
}

.info_detail .content {
	position:relative;
	font-size:0.6em;
	font-weight:400;
	color:gray;
	padding-bottom:10px;
}

.info_detail .content_faq {
	position:relative;
	font-size:0.6em;
	font-weight:400;
	color:gray;
	padding-left:8px;
}

.info_detail .content_curriculum {
	position:relative;
	font-size:0.6em;
	font-weight:400;
	color:gray;
	padding:0.83em;
	border:1px solid #dcdcdc;
}


.info_detail ul {
	margin-top:50px;
}

.info_detail ul li:before {
	position:absolute;
	top:0;
	left:0;
}

.codingKit_list .lecture_list.detail .precaution {
	margin:0 0.83em 2.083em;
	padding:2.083em 0;
	border-bottom:1px solid #dcdcdc;
}
.precaution .cautionTitle {
	position:relative;
	padding-left:1.5em;
	font-size:0.83em;
	font-weight:600;
	color:#b14739;
}
.precaution .cautionTitle:before {
	position:absolute;
	content:'!';
	top:50%;
	left:0;
	width:1.5em;
	height:1.5em;
	font-size:0.75em;
	line-height:1.5em;
	text-align:center;
	color:#fff;
	background-color:#b14739;
	border-radius:50%;
	transform:translateY(-50%);
}
.precaution .summaryTitle {
	position:relative;
	padding-left:1.5em;
	font-size:0.83em;
	font-weight:600;
	color:#323232;
}
.precaution .summaryTitle:before {
	position:absolute;
	content:url("../img/sub/ico_curriculum.png");
	top:50%;
	left:0;
	transform:translateY(-40%);
}
.precaution ul {
	margin-top:0.5em;
	padding-left:1.25em;
}
.precaution ul li {
	position:relative;
	display:block;
	margin-bottom:0.5em;
	padding-left:1.7em;
	font-size:0.66em;
	color:#646464;
}
.precaution ul li:before {
	position:absolute;
	content:"-";
	top:0;
	left:0;
}

.codingKit_list .lecture_list.detail .class_list_precaution {
	margin:0 0.83em 2.083em;
	padding:2.083em 0;
	border-bottom:1px solid #dcdcdc;
}
.class_list_precaution .cautionTitle {
	position:relative;
	padding-left:1.5em;
	font-size:0.83em;
	font-weight:600;
	color:#b14739;
}
.class_list_precaution .cautionTitle:before {
	position:absolute;
	content:'!';
	top:50%;
	left:0;
	width:1.5em;
	height:1.5em;
	font-size:0.75em;
	line-height:1.5em;
	text-align:center;
	color:#fff;
	background-color:#b14739;
	border-radius:50%;
	transform:translateY(-50%);
}
.class_list_precaution .summaryTitle {
	position:relative;
	padding-left:1.5em;
	font-size:0.83em;
	font-weight:600;
	color:#323232;
}
.class_list_precaution .summaryTitle:before {
	position:absolute;
	content:url("../img/sub/ico_curriculum.png");
	top:50%;
	left:0;
	transform:translateY(-40%);
}
.class_list_precaution ul {
	margin-top:0.5em;
	padding-left:1.25em;
}
.class_list_precaution ul li {
	position:relative;
	display:block;
	margin-bottom:0.5em;
	padding-left:1.7em;
	font-size:0.66em;
	color:#646464;
}
.class_list_precaution ul li:before {
	position:absolute;
	content:url("../img/sub/ico_down.png");
	top:0;
	left:0;
}

.curriculum {
	margin:0 0.83em;
	padding-bottom:2.083em;
}
.curriculum h3 {
	position:relative;
	padding-left:1.5em;
	font-size:0.83em;
	font-weight:600;
}
.curriculum h3:before {
	position:absolute;
	content:url("../img/sub/ico_curriculum.png");
	top:50%;
	left:0;
	transform:translateY(-40%);
}
.curriculum .list_depth1 {
	margin-top:0.5em;
}
.curriculum .list_depth1 > span {
	font-size:0.75em;
	font-weight:600;
}
.curriculum .list_depth1 > ul {
	padding:0.83em;
	border:1px solid #dcdcdc;
}
.curriculum .list_depth1 > ul li {
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.curriculum .list_depth1 > ul li p {
	font-size:0.625em;
	line-height:2em;
	color:#646464;
}
.curriculum .list_depth1 > ul li p b {
	color:#323232;
}

.codingKit_list .filter_area.detail {
	position:relative;
	margin-left:60px;
	width:270px;
}
.codingKit_list .filter_area.detail.scr {
	right:0.83em;
}
.codingKit_list .filter_area.detail .fixedArea {
	position:relative;
}
.codingKit_list .filter_area.detail.scr .fixedArea {
	position:fixed;
	width:270px;
	top:100px;
}
.codingKit_list .filter_area.detail.end .fixedArea {
	position:absolute;
	top:auto;
	bottom:0;
}


.codingKit_list .filter_area.detail .lecture_info {
	padding:0.83em;
	border:1px solid #646464;
}

.codingKit_list .filter_area.detail .lecture_info .section {
	color:#b14739;
	font-size:18px;
	font-weight:900;
}

.codingKit_list .filter_area.detail .lecture_info ul li {
	margin-top:0.25em;
	padding-top:0.25em;
	border-top:1px solid #dcdcdc;
}

.codingKit_list .filter_area.detail .lecture_info ul li .subkit{
    margin-top:0;
	padding-top:0;
    border-top: none;
}

.codingKit_list .filter_area.detail .lecture_info ul li:first-child {
    margin-top:0;
	padding-top:0;
	border-top:0;
}


.codingKit_list .filter_area.detail .lecture_info ul li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
}
.codingKit_list .filter_area.detail .lecture_info ul li > span,
.codingKit_list .filter_area.detail .lecture_info ul li p {
	font-size:0.66em;
}
.codingKit_list .filter_area.detail .lecture_info ul li > span {
	font-weight:600;
}
.codingKit_list .filter_area.detail .lecture_info ul li p span.price {
	color:#b14739;
}

.codingKit_list .filter_area.detail .lecture_info ul li .count_num {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.codingKit_list .filter_area.detail .lecture_info ul li .count_num button {
	display:block;
	width:1.75em;
	font-size:0.66em;
	background:none;
	border:none;
}
.codingKit_list .filter_area.detail .lecture_info ul li .count_num button img {
	display:block;
	margin:0 auto;
}
.codingKit_list .filter_area.detail .lecture_info ul li .count_num input {
	display:block;
	width:1.75em;
	font-size:0.53em;
	text-align:center;
	background:none;
	border:1px solid #969696;
	border-radius:2px;
}

.codingKit_list .filter_area.detail .lecture_info ul li select{
    background: white;
}

.codingKit_list.myClass {
	align-items:stretch;
	height:100%;
}
.codingKit_list.myClass .lecture_list.detail .precaution {
	border-bottom:none;
}
.codingKit_list.myClass .filter_area.detail .lecture_info ul.lectureList > li {
	margin-bottom:15px;
	padding:0.25em 0;
	border-bottom:1px solid #969696;
}

.codingKit_list.myClass .filter_area.detail .lecture_info ul.lectureList li > span {
	display:block;
	width:100%;
}

.codingKit_list .filter_area.detail .lecture_info ul.lectureList li a {
	display:block;
	font-size:0.625em;
	line-height:1.5em;
	color:#646464;
}
.codingKit_list .filter_area.detail .lecture_info ul.lectureList li ul.submenu {
	margin-top:0.25em;
	padding-top:0.25em;
	border-top:1px solid #969696;
}

.codingKit_list .filter_area.detail .lecture_info ul.lectureList li ul.submenu li a {
	position:relative;
	padding-left:0.75em;
}


.codingKit_list .filter_area.detail .lecture_info ul.lectureList li ul.submenu li.now a{
    color:#b14739;
    font-weight:bold;
}

.codingKit_list .filter_area.detail .lecture_info ul.lectureList li ul.submenu li:hover a {
	color:#b14739;
	text-decoration:underline;
}

.codingKit_list .filter_area.detail .lecture_info ul.lectureList li ul.submenu {
	display:none;
}
.codingKit_list .filter_area.detail .lecture_info ul.lectureList li.active ul.submenu {
	display:block;
}

.codingKit_list .filter_area.detail .btn_area {
	margin-top:0.83em;
}
.codingKit_list .filter_area.detail .btn_area a.btn {
	display:block;
	margin-bottom:0.5em;
	padding:0.5em 0;
	width:100%;
	font-size:0.66em;
	text-align:center;
	border-radius:5em;
}

.codingKit_list .filter_area.detail .btn_area a.btn.cart {
	border:1px solid #969696;
}
.codingKit_list .filter_area.detail .btn_area a.btn.buy {
	color:#fff;
	background-color:#646464;
}

/* coding lounge list */
.codingLounge_list {
    position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1130px;
}
.codingLounge_list ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	margin-left:10px;
	margin-right:10px;
}
.codingLounge_list ul li {
	margin:0 25px 25px 0px;
	border-radius:5px;
	width:calc((100% - 50px) / 3);
}
.codingLounge_list ul li:nth-child(3n),
.codingLounge_list ul li:last-child {
	margin-right:0;
}
.codingLounge_list ul li .text_area {
	position:relative;
	padding:0.83em;
}

.codingLounge_list ul li .text_area .search{
	font-size:14px;
	color:gray;
}

.codingLounge_list ul li .text_area span.title {
	display:block;
	font-size:0.83em;
	white-space: normal;
	line-height: 1.2;
	height: 2.4em;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.codingLounge_list ul li .text_area p {
	font-size:0.66em;
	color:#646464;
}
.codingLounge_list ul li .text_area a.brd_detail {
	position:absolute;
	display:table;
	right:1.25em;
	bottom:1.25em;
	padding:0.25em 1em;
	font-size:0.66em;
	color:#b14739;
	border:1px solid #b14739;
	border-radius:3px;
}

.codingLounge_list .filter_area {
	width:95%;
	align-items:center;

}
.codingLounge_list .filter_area.scr {
	position:absolute !important;
	top:0;
	right:0.83em;
}
.codingLounge_list .filter_area.end {
	position:absolute;
	top:auto;
	bottom:0;
	right:0.83em;
}

.codingLounge_list .filter_area .search_area select {
	margin-right:20px;
	padding:0.5em;
	font-size:0.75em;
	box-sizing:border-box;
	width:30%;
	font-family: inherit;
	background:white;
	border-color:#eee;

	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.codingLounge_list .filter_area .search_area .input_area_lounge {
    margin-left:70%;
    box-sizing:border-box;
	padding:0.5em;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	width:100%;
}

.codingLounge_list .filter_area .search_area .input_area_lounge input{
    font-size:0.75em;
    align-items:center;
    border-radius:5em;
    width:300px;
    height: 100%; /* 높이값 초기화 */
    line-height : normal; /* line-height 초기화 */
    padding: .4em .5em;
    font-family: inherit; /* 폰트 상속 */
    border: 1px solid #eee; /*#999; */
    outline-style: none; /* 포커스시 발생하는 효과 제거를 원한다면 */
    -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */

}

.codingLounge_list .filter_area .search_area .input_area_lounge button {
	display:block;
	width:100%;
	color:#646464;
	font-size:0.63em;
	text-align:center;
	border:1px solid #dcdcdc;
	border-radius:5em;
	background:none;
	cursor:pointer;
	align-items:center;

	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

//lounge
.codingKit_list .lounge_list {
	padding-right:10px;
	width:770px;
}
.codingKit_list .lounge_list > ul > li {
	position:relative;
	margin-bottom:1.66em;
	background-color:#f7f7f7;
	border-radius:5px;
	/*box-shadow:0 5px 20px rgba(0,0,0,.15);*/
}
.codingKit_list .lounge_list > ul > li:last-child {
	margin-bottom:0;
}

.codingKit_list .lounge_list > ul > li .text_area {
	padding:0.83em;

}
.codingKit_list .lounge_list > ul > li .text_area p,
.codingKit_list .lounge_list > ul > li .text_area span {
	display:block;
}
.codingKit_list .lounge_list > ul > li .text_area > span {
	font-size:1.166em;
}
.codingKit_list .lounge_list > ul > li .text_area > span small {
	display:block;
	margin-bottom:0.25em;
	color:#b14739;
	font-size:0.63em;
}
.codingKit_list .lounge_list > ul > li .text_area .ckInfo {
	position:relative;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	margin:1.75em 0 0.75em;
}
.codingKit_list .lounge_list > ul > li .text_area .ckInfo span {
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	margin-right:1.5em;
	font-size:0.66em;
	color:#646464;
}
.codingKit_list .lounge_list > ul > li .text_area .ckInfo span img {
	margin-right:0.5em;
}
.codingKit_list .lounge_list > ul > li .text_area .ckInfo span.price {
	position:absolute;
	top:50%;
	right:0;
	margin-right:0;
	font-size:0.75em;
	color:#b14739;
	transform:translateY(-50%);
}
.codingKit_list .lounge_list > ul > li .text_area p.description {
	font-size:0.66em;
	color:#646464;
}
.codingKit_list .lounge_list a.list_more {
	display: table;
	margin: 1em auto 0;
	padding: 1em 3.5em;
	color: #fff;
	font-size: 0.66em;
	background-color: #f9c446;
	border-radius: 5em;
}


.codingKit_list.detail .lounge_list.detail {
	padding:0;
	width:1110px;
}
.codingKit_list.detail .lounge_list.detail .detail_area {
	margin-bottom:1.66em;
	background-color:#fff;
	border-radius:5px;
	/*box-shadow:10px 10px 20px rgba(0,0,0,.1);*/
}

.codingKit_list .lounge_list.detail .prd_title{
    font-size:40px;
    padding-left:15px;
}

.codingKit_list .lounge_list.detail .prd_title_sub{
   font-size:12px;
   float:left;
}

.codingKit_list .lounge_list.detail .prd_title_sub .content_sub {
   float:left;
   color:gray;
   padding-right:3px;
   font-size:12px;
}

.codingKit_list .lounge_list.detail .info_detail {
	margin:0 0.83em 2.083em;
	padding:2.083em 0;
}

input[id*="lounge"] {
    display:none;
}

input[id*="lounge"] + label {
    display:block;
    padding:20px;
    #border:1px solid #000;
    border-bottom:0;
    border-top: 1px solid #e3e3e2;
    width:980px;
    height: 50px;
    padding: 0 0px;
    margin-bottom: 0px;
    line-height: 50px;
    font-weight:900;
    background: #fff;
    cursor:pointer;
    position:relative;
}
input[id*="lounge"] + label em {
    position:absolute;
    top:50%;
    right:10px;
    width:13px;
    height:11px;
    margin-top:-8px;
    display:inline-block;
    background:url("../img/sub/arrow_faq.png"); 0 0 no-repeat;
}

input[id*="lounge"] + label + div {
    max-height:0;
    transition:all .35s;
    overflow:hidden;
    background:white;
    font-size:15px;
    color:#454d5b;
    max-width: 1110px;
    width:95%;

}

input[id*="lounge"] + label + div p {
    display:inline-block;
    padding:10px;

}

input[id*="lounge"] + label + div p a:hover {
    text-decoration:underline;

}

input[id*="lounge"]:checked + label + div {max-height:5500px;}
input[id*="lounge"]:checked + label em {background-position:0 -30px;}

/* review list */
.review_top {
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	margin:0 auto;
	padding:0 0.83em;
	width:100%;
	max-width:650px;
}
.review_top .total_score {
	padding:1.5em;
	width:160px;
	border-radius:5px;
	background-color:#f18c7f;
}
.review_top .total_score span,
.review_top .total_score p {
	display:block;
	color:#fff;
	text-align:center;
}
.review_top .total_score span {
	font-size:2.083em;
	font-weight:600;
}
.review_top .total_score p {
	font-size:0.66em;
}

.review_top .ratio_score {
	width:calc(100% - 180px);
}
.review_top .ratio_score li {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0.28em 0;
}
.review_top .ratio_score li span.ratio {
	font-size:0.583em;
}
.review_top .ratio_score .progress_box {
	display:block;
	width:300px;
	height:0.5em;
	border-radius:5em;
	background-color:#f5f5f5;
}
.review_top .ratio_score .progress_box .progress_bar {
	height:0.5em;
	border-radius:5em;
	background-color:#f18c7f;
}

.review_list {
	margin:2.083em auto 0;
	padding:0 0.83em;
	width:100%;
	max-width:1130px;
}
.review_list .filter_area {
	margin-bottom:1.5em;
}
.review_list .filter_area span {
	display: block;
	margin-bottom: 0.75em;
	font-size: 0.583em;
}
.review_list .filter_area select {
	display:table;
	padding:0.7em 1em;
	width:25%;
	font-size:0.75em;
	border:1px solid #969696;
	border-radius:5em;
	background: url(../img/sub/ico_sltArrow.png) no-repeat 95%;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
.review_list .reviewList li {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	padding:2.083em 1.5em;
	background-color:#fff;
	border-radius:5px;
	/*box-shadow:10px 10px 20px rgba(0,0,0,.1);*/
}
.review_list .reviewList li .reviewer {
	margin-right:1.5em;
	width:4.083em;
}
.review_list .reviewList li .reviewer img,
.review_list .reviewList li .reviewer span {
	display:block;
	margin:0 auto;
}
.review_list .reviewList li .reviewer span {
	margin-top:1em;
	font-size:0.75em;
	text-align:center;
}
.review_list .reviewList li .review_content {
	width:calc(100% - 5.583em);
}
.review_list .reviewList li .review_content .review_info {
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	margin-bottom:0.75em;
}
.review_list .reviewList li .review_content .review_info span.score {
	font-size:1em;
}
.review_list .reviewList li .review_content .review_info span.score b {
	font-size:1.66em;
}
.review_list .reviewList li .review_content .review_info p.date {
	font-size:0.66em;
}

.review_list .reviewList li .review_content > p {
	margin-bottom:2em;
	color:#646464;
	font-size:0.66em;
	font-weight:200;
	white-space: normal;
	line-height: 1.5;
	height: 4.5em;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
}
.review_list .reviewList li .review_content .category {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.review_list .reviewList li .review_content .category span {
	position:relative;
	margin-right:1em;
	padding-right:2em;
	font-size:0.66em;
}
.review_list .reviewList li .review_content .category span:after {
	position: absolute;
	content:'＞';
	top:0;
	right:0;
}
.review_list .reviewList li .review_content .category span:last-child:after {
	display:none;
}
.review_list a.list_more {
	display: table;
	margin: 2em auto 0;
	padding: 1em 3.5em;
	color: #fff;
	font-size: 0.66em;
	background-color: #f9c446;
	border-radius: 5em;
}

/* community list */
.community_area {
	margin:0 auto;
	padding:0 0.83em;
	width:100%;
	max-width:1130px;
}
.community_area table {
	border-top:2px solid #969696;
	margin-bottom:0.5em;
	width:100%;
}
.community_area table th,
.community_area table td {
	padding:1em 0.25em;
	font-size:0.75em;
	text-align:center;
}
.community_area table th {
	font-weight:600;
	border-bottom:1px solid #969696;
}
.community_area table td {
	border-bottom:1px solid #dcdcdc;
}
.community_area table td.title {
	text-align:left;
}
.community_area table tbody tr:last-child td {
	border-bottom:1px solid #969696;
}
.community_area table tbody tr td p.center {
	text-align:center;
}
.community_area table tbody tr td p.center img {
	margin:0 auto;
}

.community_area.view table {
	margin-bottom:1em;
}
.community_area.view table th,
.community_area.view table td {
	padding:1em;
	text-align:left;
}
.community_area.view table td {
	padding:1.5em 1em;
}
.community_area.view.write table span {
	display:table;
	margin-bottom:0.5em;
	font-weight:600;
}
.community_area.view.write table .input_area,
.community_area.view.write table input,
.community_area.view.write table textarea {
	width:100%;
	font-size: 1em;
}

.codingLounge_list .btn_area,
.community_area .btn_area {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.codingLounge_list .btn_area .btn,
.community_area .btn_area .btn {
	display: table;
	margin-left:1em;
	padding: 0.5em 2.5em;
	font-size: 0.75em;
	border-radius: 5em;
	border:1px solid #969696;
}
.codingLounge_list .btn_area .btn.delete,
.community_area .btn_area .btn.delete {
	color:#fff;
	background-color:#b37256;
	border-color:#b37256;
}
.codingLounge_list .btn_area .btn.reg,
.community_area .btn_area .btn.reg {
	color:#fff;
	background-color:#b14739;
	border-color:#b14739;
}

	/* board paging */
.paging_area {
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:1em;
}
.paging_area a {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 0.5em;
	width:calc(2em + 2px);
	color:#646464;
	line-height:2em;
	font-size:0.75em;
}
.paging_area a.active {
	color:#323232;
	border:1px solid #969696;
}


/* board list layout */
.brd_section {
	margin:0 auto 2em;
	padding-bottom:2em;
	width:100%;
	max-width:1130px;
	border-bottom:1px solid #969696;
}
.brd_section:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border:none;
}
.brdSection_tit {
	position:relative;
	display:block;
	margin:0 auto 0.25em;
	padding-left:0.5em;
	width:100%;
	max-width:1130px;
	font-size:0.9em;
}
.brdSection_tit:before {
	position:absolute;
	content:'';
	top:50%;
	left:0;
	width:4px;
	height:0.75em;
	background-color:#fdd10c;
	transform:translateY(-45%);
}
.brdSection_tit.spc:before {
	background-color:#f16f18;
}
.brdSection_tit .more {
	position: absolute;
	top:50%;
	right:0;
	padding:0.25em 1em;
	font-size:0.7em;
	font-weight:400;
	color:#fff;
	background-color:#646464;
	border-radius:5px;
	transform:translateY(-50%);
}
.point_desc {
	display:block;
	margin:0 auto 0.25em;
	width:100%;
	max-width:1130px;
	font-size:0.7em;
}
.point_desc b {
	color:#2e7ab4;
}
.caption {
	display:block;
	margin:0 auto 0.25em;
	width:100%;
	max-width:1130px;
	font-size:0.7em;
}
.table.board ul li {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	padding:0.25em;
	font-size:0.7em;
}
.table.board ul li.th span {
	font-weight:500;
	text-align:center;
}
.table.board ul li.td p {
	font-weight:400;
	text-align:center;
}
.table.board ul li.td p a.btn {
	display:block;
	padding:0.25em 0.5em;
	font-size:0.75em;
	color:#fff;
	border-radius:50px;
}
.table.board ul li.td p a.btn.ing {
	background-color:#59b70c;
}
.table.board ul li.td p a.btn.end {
	background-color:#646464;
}
.table.board ul li.td p span.minus {
	color:#e94d1d;
}
.table.board ul li.td p span.plus {
	color:#2e7ab4;
}
.table.board ul li.td p.left {
	text-align:left;
}
.table.board ul li a.goBtn {
	padding:0.1em 1em;
	font-size:0.85em;
	color:#fff;
	background-color:#101a4e;
	border-radius:50px;
}

/* board list layout */
.boardList li {
	padding:0.25em 0;
}
.boardList li a {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	font-size:0.75em;
}
.boardList li a span,
.boardList li a p {
	display:block;
}
.boardList li a span.brd_category,
.boardList li a p.brd_date {
	font-size:0.75em;
}
.sub_container.channel section.boardList .idx_board {
	width: calc((1188px - 1em) / 2);
}
.sub_container.channel section.boardList .idx_board.weekly,
.sub_container.channel section.boardList .idx_board.qna {
	margin-right: 1em;
}
.sub_container.channel section.boardList .idx_board.weekly,
.sub_container.channel section.boardList .idx_board.teamplay {
	margin-bottom:3em;
}

.sub_container.channel section.boardList .idx_board .boardList {
	padding:0.5em 1em;
	background-color:rgba(0,0,0,.035);
}

.sub_container.channel section.boardList .idx_board .boardList li a span.brd_category,
.sub_container.channel section.boardList .idx_board .boardList li a p.brd_date {
	width:7em;
}
.sub_container.channel section.boardList .idx_board .boardList li a p.brd_date {
	text-align:right;
}
.sub_container.channel section.boardList .idx_board .boardList li a span.brd_title {
	margin:0 0.5em;
	width:calc(100% - 11.5em);
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.sub_container.channel section.boardList .idx_board.freeboard .boardList li a span.brd_title {
	margin-left:0;
	width:calc(100% - 5.7em);
}

.sub_container .btn_area,
.modal-content .btn_area {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:30px auto 0;
	max-width:1130px;
}
.sub_container .btn_area.left,
.modal-content .btn_area.left {
	justify-content:flex-end;
}
.sub_container .btn_area.board,
.modal-content .btn_area.board {
	justify-content:flex-end;
	padding:1em 0;
	font-size:0.75em;
}

.sub_container .btn_area.buy_complete a.btn {
	font-size:0.75em;
}

.sub_container .btn_area a,
.sub_container .btn_area button,
.modal-content .btn_area a,
.modal-content .btn_area button {
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0.25em 1em;
	width:100%;
	color:#fff;
	font-size:0.85em;
	border:none;
	cursor:pointer;
	background-color:#333647;
	border-radius:5em;
}
.sub_container .btn_area.regist button.regist {
	background-color:#263050;
}
.sub_container .btn_area a.btn,
.modal-content .btn_area a.btn {
	width:auto;
	font-size:0.85em;
}
.sub_container .btn_area.products {
    justify-content:flex-end;
}
.sub_container .btn_area.products a.btn {
    margin:0 1em 0 0;
    font-size:0.75em;
}
.sub_container .btn_area.products a.btn:last-child {
    margin-right:0;
}
.sub_container .btn_area.products a.btn.buy {
    background-color:#272b35;
}

/*myclass_boarad*/
.myclass_board_community {
	position:relative;
	margin:0 auto;
	width:100%;
	max-width:1630px;
}

.myclass_board_community ul {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	padding-bottom:40px;
}

.myclass_board_community ul li {
	margin-right:20px;
	width:calc((100% - 20px) / 5);
	border-radius:5px;
}
.myclass_board_community ul li:nth-child(2n) {
	margin-right:0;
}
.myclass_board_community ul li a {
	position:relative;
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
	width:100%;
	font-size:14px;
	color:gray;
}
.myclass_board_community ul li a img {
	margin-right:20px;
	width:4.583em;
}
.myclass_board_community ul li a .text_area {
	position:relative;
	width:calc(100% - 20px - 4.583em);
	text-align:center;
}
.myclass_board_community ul li a .text_area span.brdList_title {
	display:block;
	margin-bottom:0.25em;
	font-size:0.83em;
	font-weight:600;
}
.myclass_board_community ul li a .text_area p.brdList_text {
	height:2.4em;
	font-size:0.67em;
	line-height:1.2em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.myclass_board_community ul li a .text_area .brdList_info {
	position:absolute;
	bottom:0;
	left:0;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.myclass_board_community ul li a .text_area .brdList_info p {
	position:relative;
	display:block;
	margin-right:0.5em;
	padding-right:0.5em;
	font-size:0.67em;
}
.myclass_board_community ul li a .text_area .brdList_info p:after {
	position:absolute;
	content:'';
	top:50%;
	right:0;
	width:1px;
	height:0.75em;
	background-color:#969696;
	transform:translateY(-40%);
}
.myclass_board_community ul li a .text_area .brdList_info p:last-child:after {
	display:none;
}

.myclass_board_community .point_content_faq{
	position:relative;
	font-size:0.73em;
	font-weight:600;
	color:#b14739;
	padding-bottom:20px;
	padding-top:20px;
	padding-left:20px;
}

/* board community */
.board_community {
	position:relative;
	margin:0 auto;
	width:100%;
	max-width:1130px;
}

.board_community ul {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	padding-bottom:40px;
}

.board_community ul li {
	margin-right:20px;
	width:calc((100% - 20px) / 5);
	border-radius:5px;
}
.board_community ul li:nth-child(2n) {
	margin-right:0;
}
.board_community ul li a {
	position:relative;
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
	width:100%;
	font-size:14px;
	color:gray;
}
.board_community ul li a img {
	margin-right:20px;
	width:4.583em;
}
.board_community ul li a .text_area {
	position:relative;
	width:calc(100% - 20px - 4.583em);
	text-align:center;
}
.board_community ul li a .text_area span.brdList_title {
	display:block;
	margin-bottom:0.25em;
	font-size:0.83em;
	font-weight:600;
}
.board_community ul li a .text_area p.brdList_text {
	height:2.4em;
	font-size:0.67em;
	line-height:1.2em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.board_community ul li a .text_area .brdList_info {
	position:absolute;
	bottom:0;
	left:0;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.board_community ul li a .text_area .brdList_info p {
	position:relative;
	display:block;
	margin-right:0.5em;
	padding-right:0.5em;
	font-size:0.67em;
}
.board_community ul li a .text_area .brdList_info p:after {
	position:absolute;
	content:'';
	top:50%;
	right:0;
	width:1px;
	height:0.75em;
	background-color:#969696;
	transform:translateY(-40%);
}
.board_community ul li a .text_area .brdList_info p:last-child:after {
	display:none;
}

.tabs {
	margin:0 auto;
	padding:0.83em;
	width:100%;
	max-width:1130px;
}
.tabs.mypage {
	margin-top:90px;
	padding:0.83em 0;
	max-width:870px;
}
.tabs ul {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	border-bottom:1px solid #7f7f7f;
}
.tabs.mypage ul {
	justify-content:center;
	border:none;
}
.tabs.depth1 ul {
	margin-bottom:50px;
}
.tabs.depth2 ul {
	margin-bottom:30px;
}
.tabs.depth1 ul li {
	margin-left:-1px;
	width:calc((100% / 8) + 1px);
	border-radius:5px 5px 0 0;
	border:1px solid #7f7f7f;
	border-bottom:none;
}
.tabs.depth2 ul li {
	margin-left:-1px;
	width:calc((100% / 5) + 1px);
	border-radius:5px 5px 0 0;
	border:1px solid #7f7f7f;
	border-bottom:none;
}
.tabs.depth1 ul li:first-child {
	margin-left:0;
}
.tabs.depth1 ul li.active a {
	color:#fff;
	background-color:#101a4e;
}
.tabs.depth2 ul li.active a {
	color:#fff;
	background-color:#0fc381;
}

.tabs.mypage ul li {
	margin:0 5px;
	width:calc((100% - 30px) / 4);
	border:2px solid #b14739;
	border-radius:5em;
}
.tabs.mypage ul li a {
	font-size:0.75em;
	color:#b14739;
}
.tabs.mypage ul li.active {
	background-color:#b14739;
}
.tabs.mypage ul li.active a {
	color:#fff;
}
.tabs ul li a {
	display:block;
	padding:0.5em;
	font-size:0.75em;
	letter-spacing:-0.05em;
	text-align:center;
}

/* cart */
.cart_title {
    margin-left:230px;
    max-width: 1300px;
    max-height:1500px;
    width:100%;
    background-color:#fff;
	border-radius:5px;
}

.cart_img {
    padding-top:20px;
    width:100%;
    max-width:400px;
    max-height:350px;
    padding-bottom:30px;
}

/* mypage */
.mypage_area {
	margin:0 auto 100px;
	padding:50px 100px;
	width:100%;
	max-width:870px;
	background-color:#fff;
	border-radius:5px;
	/*box-shadow:0 10px 15px rgba(0,0,0,.1);*/
}
.mypage_area .profile img,
.mypage_area .profile span {
	display:block;
	margin:0 auto 0.25em;
	text-align:center;
}
.mypage_area .profile span {
	font-size:1.24em;
	font-weight:600;
}
.mypage_area .profile a {
	display:table;
	margin:0 auto;
	font-size:0.66em;
	padding:0.25em 1.5em;
	border:1px solid #969696;
	border-radius:5em;
}

/* 프로필 변경 팝업 */
[data-ml-modal] .mypage {
	width:50vw;
}
[data-ml-modal] .mypage .modal-content {
	padding:2em 0.83em;
	height:auto;
}
[data-ml-modal] .mypage .modal-content > span {
	display:block;
	margin:0 auto 1em;
	text-align:center;
}

[data-ml-modal] .mypage_refund {
	width:35vw;
}

[data-ml-modal] .mypage_refund .modal-content {
	padding:2em 1.5em;
	height:auto;
}

[data-ml-modal] .mypage_refund .modal-content .text > span {
	display:block;
	margin:0 auto 1em;
	text-align:left;
	font-size:13px;
}



[data-ml-modal] .mypage_refund .modal-content .input_area input[type="text"]{
	padding:0.25em;
	width:50%;
	height:auto;
	font-size:0.95em;
	border:1px solid #dcdcdc;
	border-radius:2px;
}

[data-ml-modal] .mypage .modal-content > p {
	display:block;
	margin:0 auto 1em;
	font-size:0.75em;
	text-align:center;
}
[data-ml-modal] .mypage .modal-content > p.old {
	display:table;
	padding:0.5em 1em;
	width:auto;
	border:1px solid #969696;
}
[data-ml-modal] .mypage .modal-content > p.warning b {
	color:#b14739;
}
[data-ml-modal] .mypage .modal-content .input_area {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
[data-ml-modal] .mypage .modal-content .input_area a.certified,
[data-ml-modal] .mypage .modal-content .input_area.address button.address {
	display: table;
	margin-left:0.5em;
	padding: 0.5em 1em;
	color: #fff;
	font-size: 0.66em;
	text-align:center;
	border: none;
	cursor: pointer;
	background-color: #b14739;
}
[data-ml-modal] .mypage .modal-content .input_area.address button.address {
	margin-bottom:0.5em;
	width:calc(30% - 0.5em) !important;
}
[data-ml-modal] .mypage .modal-content .input_area input[type="text"],
[data-ml-modal] .mypage .modal-content .input_area input[type="password"],
[data-ml-modal] .mypage .modal-content .input_area input[type="file"] {
	padding:0.25em;
	width:50%;
	font-size:0.75em;
	border:1px solid #dcdcdc;
	border-radius:2px;
}
[data-ml-modal] .mypage .modal-content .input_area.address input.add01,
[data-ml-modal] .mypage .modal-content .input_area.address input.add02 {
	margin-bottom:0.5em;
}
[data-ml-modal] .mypage .modal-content .input_area label {
	margin:0 1em 0 0.5em;
	font-size:0.75em;
}
[data-ml-modal] .mypage .modal-content .input_area.means label {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin:0 0 0.5em;
	width:60%;
}
[data-ml-modal] .mypage .modal-content .input_area.means label span {
	display:block;
	width:4.5em;
}

[data-ml-modal] .mypage .modal-content .input_area select {
	padding:0.25em;
	width:50%;
	font-size:0.75em;
	border:1px solid #dcdcdc;
	border-radius:2px;
}
[data-ml-modal] .mypage .modal-content .input_area.means label input {
	width:calc(100% - 4.5em);
	font-size:1em;
}
[data-ml-modal] .mypage .modal-content .btn_area a.apply {
	background-color:#b14739;
}

[data-ml-modal] .mypage_refund .modal-content .btn_area a.apply {
	background-color:#b14739;
}

.mypage_area .info_area {
	/*margin-top:2.083em;*/
}
.mypage_area .info_area ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:stretch;
}
.mypage_area .info_area ul li {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	margin:0 10px 10px 0;
	padding:0.83em;
	width:calc((100% - 10px) / 2);
	border:1px solid #dcdcdc;
	border-radius:5px;
}
.mypage_area .info_area ul li:nth-child(2n),
.mypage_area .info_area ul li:last-child {
	margin-right:0;
}
.mypage_area .info_area ul li.email,
.mypage_area .info_area ul li.name {
	background-color:#f5f5f5;
}
.mypage_area .info_area ul li span {
	dispaly:block;
	margin-bottom:0.5em;
	width:100%;
}
.mypage_area .info_area ul li span.infoTit {
	font-size:0.75em;
	color:#969696;
}
.mypage_area .info_area ul li p {
	font-size:0.66em;
}
.mypage_area .info_area ul li a.btn.edit {
	position:absolute;
	right:1.2em;
	bottom:1.2em;
	font-size:0.75em;
	color:#b14739;
}
.mypage_area .info_area ul li.address,
.mypage_area .info_area ul li.password {
	margin-right:0;
	width:100%;
}
.mypage_area .info_area ul li.password span.infoTit {
	color:#323232;
}
.mypage_area .info_area ul li.password .input_area {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
}
.mypage_area .info_area ul li.password .input_area input {
	display:block;
	padding:0.25em;
	width:calc((100% - 30px) / 4);
	font-size:0.66em;
	border:none;
	border-bottom:1px solid #dcdcdc;
}
.mypage_area .info_area ul li a.btn.editPW {
	display: block;
	padding: 0.25em 1.5em;
	width:calc((100% - 30px) / 4);
	font-size: 0.66em;
	text-align:center;
	color:#b14739;
	border: 1px solid #b14739;
	border-radius: 5em;
}

.mypage_area .membership_area > ul > li {
	margin-bottom:2.083em;

}
.mypage_area .membership_area > ul > li:last-child {
	margin-bottom:0;
}
.mypage_area .membership_area > ul > li h3 {
	position:relative;
	display:block;
	margin-bottom:1.25em;
	padding:0 0 0.5em 1em;
	font-size:0.75em;
	border-bottom:1px solid #dcdcdc;
}
.mypage_area .membership_area > ul > li h3:before {
	position:absolute;
	content:'#';
	top:0;
	left:0;
	color:#b14739;
}

.mypage_area .membership_area > ul > li > div,
.mypage_area .membership_area > ul > li > ul {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0 0.83em;
}
.mypage_area .membership_area > ul > li > div span {
	font-size:0.75em;
}
.mypage_area .membership_area > ul > li > div.membershipInfo span small {
	display:block;
	color:#646464;
}
.mypage_area .membership_area > ul > li .mypageBtn {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.mypage_area .membership_area > ul > li h3 .mypageBtn {
	position:absolute;
	bottom:0.75em;
	right:0;
}
.mypage_area .membership_area > ul > li .mypageBtn a {
	display: table;
	margin-left:0.5em;
	padding: 0.25em 1.5em;
	font-size: 0.66em;
	text-align:center;
	color:#b14739;
	border: 1px solid #b14739;
	border-radius: 5em;
}
.mypage_area .membership_area > ul > li h3 .mypageBtn a {
	font-size:0.85em;
	font-weight:500;
}

.mypage_area .membership_area > ul > li.mypageTbl ul.list {
	display:block;
}
.mypage_area .membership_area > ul > li.mypageTbl ul.list li {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0.25em 0;
}
.mypage_area .membership_area > ul > li.mypageTbl ul.list li.thead span {
	padding:0 0 0.25em;
	color:#646464;
	border-bottom:1px solid #dcdcdc;
}
.mypage_area .membership_area > ul > li.mypageTbl ul.list li.tbody {
}
.mypage_area .membership_area > ul > li.mypageTbl ul.list li span {
	display:block;
	padding:0;
	font-size:0.6em;
	text-align:center;
}
.mypage_area .membership_area > ul > li.mypageTbl ul.list li.thead span {
	font-weight:600;
}
.mypage_area .membership_area > ul > li.coupon ul.list li span.name {
	margin-right:2%;
	width:40%;
}
.mypage_area .membership_area > ul > li.coupon ul.list li span.issueDate,
.mypage_area .membership_area > ul > li.coupon ul.list li span.endDate,
.mypage_area .membership_area > ul > li.coupon ul.list li span.condition {
	margin-right:2%;
	width:18%;
}
.mypage_area .membership_area > ul > li.coupon ul.list li span.condition {
	margin-right:0;
}
.mypage_area .membership_area > ul > li.orderList ul.list li span.orderNum {
	margin-right:2%;
	width:5%;
}
.mypage_area .membership_area > ul > li.orderList ul.list li span.payDate {
	margin-right:2%;
	width:20%;
}
.mypage_area .membership_area > ul > li.orderList ul.list li span.option,
.mypage_area .membership_area > ul > li.orderList ul.list li span.cost {
	margin-right:2%;
	width:13%;
}
.mypage_area .membership_area > ul > li.orderList ul.list li span.content {
	margin-right:2%;
	width:25%;
}
.mypage_area .membership_area > ul > li.orderList ul.list li span.etc {
	width:13%;
}
.mypage_area .membership_area > ul > li.orderList ul.list li span.etc a {
	display:block;
	margin:0 auto;
	padding:0.25em;
	width:100%;
	text-align:center;
	color:#fff;
	background-color:#646464;
}

.mypage_area .membership_area > ul > li.orderList .order_detail {
	display:block;
}
.mypage_area .membership_area > ul > li.orderList .order_detail .section_title {
	position:relative;
	padding-left:0.75em;
	font-weight:600;
}
.mypage_area .membership_area > ul > li.orderList .order_detail .section_title:before {
	position:absolute;
	content:'-';
	top:0;
	left:0;
	color:#b14739;
	transform:translateY(-5%);
}
.mypage_area .membership_area > ul > li.orderList .order_detail > ul {
	border-top:1px solid #dcdcdc;
}

.mypage_area .membership_area > ul > li.orderList .order_detail > ul > li {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	padding:0.75em 0;
	border-bottom:1px solid #dcdcdc;
}
.mypage_area .membership_area > ul > li.orderList .order_detail > ul > li span,
.mypage_area .membership_area > ul > li.orderList .order_detail > ul > li p {
	display:block;
	font-size:0.66em;
}
.mypage_area .membership_area > ul > li.orderList .order_detail > ul > li span {
	font-weight:600;
}
.mypage_area .membership_area > ul > li.orderList .order_detail > ul > li > span {
	width:20%;
	color:#b14739;
}
.mypage_area .membership_area > ul > li.orderList .order_detail > ul > li p {
	color:#646464;
}
.mypage_area .membership_area > ul > li.orderList .order_detail > ul > li ul li {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.mypage_area .membership_area > ul > li.orderList .order_detail > ul > li ul {
	width:80%;
}
.mypage_area .membership_area > ul > li.orderList .order_detail > ul > li ul li {
	padding:0.25em 0;
	border-bottom:1px solid #dcdcdc;
}
.mypage_area .membership_area > ul > li.orderList .order_detail > ul > li ul li:last-child {
	border:none;
}
.mypage_area .membership_area > ul > li.orderList .order_detail > ul > li ul li span,
.mypage_area .membership_area > ul > li.orderList .order_detail > ul > li ul li p {
	font-size:0.6em;
}
.mypage_area .membership_area > ul > li.orderList .order_detail > ul > li ul li span {
	width:25%;
}

.mypage_area .membership_area > ul > li.orderList .order_detail .mypageBtn {
	margin-top:1em;
}



.tab_content {
	margin:0 auto;
	width:100%;
	max-width:1130px;
}

.introduce_content {
	position:relative;
	margin-bottom:50px;
	overflow:hidden;
}
.introduce_content:before {
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:15em;
	height:100%;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	z-index:1;
}
.introduce_content:after {
	position:absolute;
	content:'';
	top:0;
	right:0;
	width:15em;
	height:100%;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	z-index:1;
}

.introduce_content .slick-slide {
	margin:0 10px;
	padding:30px 20px;
	width:570px;
	height:16.583em;
	border:1px solid #7f7f7f;
}
.introduce_content .slick-slide img {
	margin:0 auto 20px;
}
.introduce_content .slick-slide span.sld_title {
	display:block;
	margin-bottom:0.8em;
	color:#101a4e;
	font-size:1.25em;
	text-align:center;
	font-weight:600;
}
.introduce_content .slick-slide p {
	position:relative;
	margin-bottom:0.5em;
	padding-left:0.75em;
	font-size:0.66em;
}
.introduce_content .slick-slide p:before {
	position:absolute;
	content:'·';
	top:0;
	left:0;
}
.introduce_content .slick-slide p:last-child {
	margin-bottom:0;
}
.slick-prev, .slick-next {
	width:1.67em;
}
.slick-prev {
	left:1em;
	font-size:1em;
}
.slick-next {
	right:1em;
	font-size:1em;
}
.slick-prev:before {
	content: url(../img/sub/arrow_prev.png);
}
.slick-next:before {
	content: url(../img/sub/arrow_next.png);
}


/* popup */

[data-ml-modal] .modal-content.start .section {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
}
[data-ml-modal] .modal-content.start .section > img {
	margin-bottom:1em;
}
[data-ml-modal] .modal-content.start .section .fighting {
	margin-bottom:1.25em;
	font-size:0.83em;
	text-align:center;
}
[data-ml-modal] .modal-content.start .section .fighting b {
	font-size:1.25em;
	color:#101a4e;
}
[data-ml-modal] .modal-content.start .section .fighting small {
	display:block;
	color:#ec381a;
}
[data-ml-modal] .modal-content.start .section .pop_table.start {
	margin:0 auto 1em;
	width:100%;
	max-width:900px;
	border-bottom:1px solid #646464;
}
[data-ml-modal] .modal-content.start .section .pop_table.start li {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	font-size:0.66em;
}
[data-ml-modal] .modal-content.start .section .pop_table.start li a {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	width:100%;
}
[data-ml-modal] .modal-content.start .section .pop_table.start li span,
[data-ml-modal] .modal-content.start .section .pop_table.start li p {
	padding:0.25em;
	text-align:center;
	border-right:1px solid;
}
[data-ml-modal] .modal-content.start .section .pop_table.start li span:last-child,
[data-ml-modal] .modal-content.start .section .pop_table.start li p:last-child {
	border:none;
}
[data-ml-modal] .modal-content.start .section .pop_table.start li span {
	color:#fff;
	background-color:#646464;
	border-color:#fff;
}
[data-ml-modal] .modal-content.start .section .pop_table.start li p {
	border-color:#646464;
}
[data-ml-modal] .modal-content.start .section .pop_table.start li p span {
	background:none;
	color:#646464;
}
[data-ml-modal] .modal-content.start .section .pop_table.start.view li.th {
	border-top:2px solid #646464;
	border-bottom:1px solid #646464;
}
[data-ml-modal] .modal-content.start .section .pop_table.start.view li.th > span {
	background:none;
	color:#101a4e;
	font-size:1.25em;
	text-align:left;
	font-weight:600;
}
[data-ml-modal] .modal-content.start .section .pop_table.start.view li.td {
	padding:0.88em;
	border-bottom:1px solid #646464;
}
[data-ml-modal] .modal-content.start .section .pop_table.start.view li.td:last-child {
	border:none;
}
[data-ml-modal] .modal-content.start .section .pop_table.start.view li.td > span {
	background:none;
	color:#101a4e;
	font-size:1.25em;
	text-align:left;
	font-weight:600;
}
[data-ml-modal] h3 .test_time {
	position:absolute;
	top:50%;
	right:4.5em;
	display:flex;
	justify-content:flex-end;
	align-content: center;
	padding:0.5em 1em;
	font-size:0.75em;
	border:1px solid #fff;
	border-radius:5px;
	transform:translateY(-50%);
}
[data-ml-modal] h3 .test_time .total {
	position:relative;
	display:flex;
	justify-content:flex-start;
	align-content: center;
	margin-right:0.75em;
	padding-right:0.75em;
}
[data-ml-modal] h3 .test_time .total:after {
	position: absolute;
	content:'';
	top:50%;
	right:0;
	width:1px;
	height:0.75em;
	background-color:rgba(255,255,255,.5);
	transform:translateY(-50%);
}
[data-ml-modal] h3 .test_time .total img {
	margin-right:0.5em;
}
[data-ml-modal] h3 .test_time .remaining p {
	color:red;
	font-weight:600;
}
[data-ml-modal] .btn_area {
	font-size:0.75em;
}
[data-ml-modal] .btn_area a {
	font-size:0.75em;
	margin-left:0.5em;
}
[data-ml-modal] .btn_area .wrong {
	background-color:#d6590e;
}
[data-ml-modal] .btn_area .explanation {
	background-color:#646464;
}

[data-ml-modal] .section .brdSection_tit {
	margin-bottom:0.5em;
	max-width: 900px;
}
[data-ml-modal] .section table {
	margin: 0 auto;
	width: 100%;
	max-width: 900px;
}
[data-ml-modal] .section table th,
[data-ml-modal] .section table td {
	padding:0.5em;
	font-size:0.75em;
}
[data-ml-modal] .section table thead th {
	color:#fff;
	background-color:#646464;
}
[data-ml-modal] .section table tbody td {
	text-align:center;
	border-right:1px solid #646464;
	border-bottom:1px solid #646464;
}
[data-ml-modal] .section table tbody td:last-child {
	border-right:none;
}
[data-ml-modal] .section table tbody tr.total td {
	font-weight:600;
	color:#101a4e;
	background-color:#f5f5f5;
}
[data-ml-modal] .section table tbody td.fail {
	font-weight:600;
	color:red;
}

[data-ml-modal] .terms_area {
    font-size:0.65em;
}


	/* test make */
select.inp_mypage {
	font-size:0.75em;
}

.testAnserList {
	position:relative;
	width:100%;
}
.testAnserList .add_field_button {
	position:absolute;
	top:0;
	right:0;
	padding:0.25em 1em;
	font-size:0.66em;
	color:#fff;
	background-color:#101a4e;
	border-radius:50px;
	border:none;
	z-index: 1;
}
.testAnserList div.listItem,
.anserList div.listItem {
	position:relative;
	counter-increment:step-counter;
	font-size:0.75em;
}
.testAnserList div.listItem::before,
.anserList div.listItem::before {
	content:counter(step-counter) ".";
	margin-right:0.5em;
}
.testAnserList div.listItem a.remove_field {
	margin-left:0.5em;
	padding:0.25em 1em;
	font-size:0.66em;
	color:#fff;
	background-color:#101a4e;
	border-radius:50px;
	border:none;
}


/* search area */
.search_area {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin:0 auto 30px;
	width:100%;
	max-width:1130px;
}
.search_area select,
.search_area .input_area {
	border-radius:5px;
	border:1px solid #646464;
}
.search_area select {
	margin-right:20px;
	padding:0.5em;
	font-size:0.75em;
	box-sizing:border-box;
}
.search_area .input_area {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	width:calc(100% - 20% - 20px);
}
.search_area .input_area input,
.search_area .input_area button {
	padding:calc(0.5em + 1px);
	font-size:0.75em;
	border:none;
	background:none;
}
.search_area .input_area input {
	width:calc(100% - 2em);
}
.search_area .input_area button {
	width:2em;
	text-align:center;
}
.search_area .input_area button img {
	margin:0 auto;
}

input[id*="answer"] {
    display:none;
}

input[id*="detail_faq"] {
    display:none;
}

.accordion > label {
    position: relative;
    display: block;
    height: 50px;
    color: #454d5b;
    line-height: 50px;
    padding: 0 20px;
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 700;
    background: #fff;
    cursor: pointer;
    transform: rotate(0deg);
    max-width: 1510px;
    width:98%;
}

.accordion_faq > label {
    position: relative;
    display: block;
    height: 50px;
    color: gray;
    line-height: 50px;
    padding: 0 20px;
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 700;
    border-bottom: 1px solid #e3e3e2;
    background: #fff;
    cursor: pointer;
    transform: rotate(0deg);
    max-width: 1110px;
    width:98%;
}

input[id*="answer"] + label {
    display:block;
    padding:20px;
    #border:1px solid #000;
    border-bottom:0;
    border-top: 1px solid #e3e3e2;
    height: 50px;
    padding: 0 10px;
    margin-bottom: 0px;
    line-height: 50px;
    font-weight:900;
    background: #fff;
    cursor:pointer;
    position:relative;
}
input[id*="answer"] + label em {
    position:absolute;
    top:50%;
    right:10px;
    width:24px;
    height:23px;
    margin-top:-15px;
    display:inline-block;
    background:url("../img/sub/arrow.png"); 0 0 no-repeat;
}

input[id*="answer"] + label + div {
    max-height:0;
    transition:all .35s;
    overflow:hidden;
    background:white;
    font-size:15px;
    color:#454d5b;
    max-width: 1110px;
    width:95%;

}
input[id*="answer"] + label + div p {
    display:inline-block;
    padding:20px;

}
input[id*="answer"]:checked + label + div {max-height:500px;}
input[id*="answer"]:checked + label em {background-position:0 -30px;}

.board_community .point_content_faq{
	position:relative;
	font-size:0.73em;
	font-weight:600;
	color:#b14739;
	padding-bottom:20px;
	padding-top:20px;
	padding-left:20px;
}

input[id*="class"] {
    display:none;
}

input[id*="class"] + label {
    display:block;
    padding:20px;
    #border:1px solid #000;
    border-bottom:0;
    border-top: 1px solid #e3e3e2;
    height: 50px;
    padding: 0 0px;
    margin-bottom: 0px;
    line-height: 50px;
    font-weight:900;
    background: #fff;
    cursor:pointer;
    position:relative;
}
input[id*="class"] + label em {
    position:absolute;
    top:50%;
    right:10px;
    width:13px;
    height:11px;
    margin-top:-8px;
    display:inline-block;
    background:url("../img/sub/arrow_faq.png"); 0 0 no-repeat;
}

input[id*="class"] + label + div {
    max-height:0;
    transition:all .35s;
    overflow:hidden;
    background:white;
    font-size:15px;
    color:#454d5b;
    max-width: 1110px;
    width:95%;

}
input[id*="class"] + label + div p {
    display:inline-block;
    padding:10px;

}

input[id*="class"] + label + div p a:hover {
    text-decoration:underline;

}
input[id*="class"]:checked + label + div {max-height:5500px;}
input[id*="class"]:checked + label em {background-position:0 -30px;}


input[id*="detail_faq"] + label {
    display:block;
    padding:20px;
    #border:1px solid #000;
    border-bottom:0;
    border-bottom: 1px solid #e3e3e2;
    height: 50px;
    padding: 0 10px;
    margin-bottom: 0px;
    line-height: 50px;
    font-weight:900;
    background: #fff;
    cursor:pointer;
    position:relative;
}
input[id*="detail_faq"] + label em {
    position:absolute;
    top:50%;
    right:10px;
    width:14px;
    height:11px;
    margin-top:-8px;
    display:inline-block;
    background:url("../img/sub/arrow_faq.png"); 0 0 no-repeat;
}

input[id*="detail_faq"] + label + div {
    max-height:0;
    transition:all .35s;
    overflow:hidden;
    font-size:25px;
    color:#000;
    max-width: 1110px;
    width:100%;

}
input[id*="detail_faq"] + label + div p {
    display:inline-block;
    padding:20px;

}
input[id*="detail_faq"]:checked + label + div {max-height:500px;}
input[id*="detail_faq"]:checked + label em {background-position:0 -30px;}


/* test popup */
[data-ml-modal] .modal-dialog {
	max-height:80vh;
}
[data-ml-modal] .modal-content.test {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:stretch;
	height:calc(80vh - 76px);
	overflow-y:hidden;
}
[data-ml-modal] .modal-content.test .testArea {
	width:880px;
	height:calc(100% - 60px);
	overflow:hidden;
}
[data-ml-modal] .modal-content.test .testArea .testTop {
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
	background-color:#f5f5f5;
}
[data-ml-modal] .modal-content.test .testArea .testTop .textSize,
[data-ml-modal] .modal-content.test .testArea .testTop .testLayout,
[data-ml-modal] .modal-content.test .testArea .testTop .textSize .testPop_btn,
[data-ml-modal] .modal-content.test .testArea .testTop .testLayout .testPop_btn {
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
}
[data-ml-modal] .modal-content.test .testArea .testTop .textSize,
[data-ml-modal] .modal-content.test .testArea .testTop .testLayout {
	width:340px;
}
[data-ml-modal] .modal-content.test .testArea .testTop > div > span {
	display:flex;
	justify-content:center;
	align-items:center;
	width:calc(100% - 220px);
	font-size:0.67em;
	font-weight:600;
	text-align:center;
	background-color:#ebebeb;
}
[data-ml-modal] .modal-content.test .testArea .testTop .textSize .testPop_btn,
[data-ml-modal] .modal-content.test .testArea .testTop .testLayout .testPop_btn {
	display:flex;
	justify-content:space-around;
	align-items:center;
	padding:0 20px;
	width:220px;
}
[data-ml-modal] .modal-content.test .testArea .testTop .testNum {
	padding:0.25em 0.5em;
	width:200px;
	background-color:#ebebeb;
}
[data-ml-modal] .modal-content.test .testArea .testTop .testNum p {
	position:relative;
	font-size:0.67em;
}
[data-ml-modal] .modal-content.test .testArea .testTop .testNum p span {
	position:absolute;
	top:50%;
	right:0;
	color:#ff4e00;
	font-weight:600;
	transform:translateY(-50%);
}

[data-ml-modal] .modal-content.test .testArea .test_contents {
	position:relative;
	padding:20px;
	width:100%;
	height: calc(100% - 60px);
	overflow-y:auto;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section {
	position:relative;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section h4.section_title {
	display:block;
	margin-bottom:1.25em;
	padding:0.25em;
	color:#fff;
	font-size:0.75em;
	font-weight:500;
	text-align:center;
	background-color:#101a4e;
	border-radius:5px;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions {
	position:relative;
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:1px solid #333647;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_num {
	width:1.25em;
	font-size:0.75em;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject {
	position:relative;
	width:calc(100% - 1em);
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject .q_question {
	width:calc(100% - 5em);
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject .q_question span {
	display:block;
	font-size:0.75em;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject ol {
	margin-top:1em;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject ol li,
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject ol li label {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject ol li {
	position:relative;
	margin-bottom:0.25em;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject ol li label {
	position:relative;
	font-size:0.75em;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject ol li.answer label {
	outline:2px solid #ff5911;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject ol li.answer label:after {
	position:absolute;
	content:'정답';
	top:50%;
	right:-2.5em;
	color:#ff5911;
	transform:translateY(-50%);
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject ol li label span.qa_num {
	display:block;
	margin-right:0.5em;
	padding:0 0.5em;
	font-size:0.75em;
	border:1px solid #101a4e;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject ol li > input[type="radio"] {
	position:absolute;
	width:0;
	height:0;
	top:0;
	left:0;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject .pa_area {
	position:absolute;
	top:0;
	right:0;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject .pa_area span {
	display:block;
	margin-bottom:0.5em;
	padding:0.25em 0.75em;
	color:#fff;
	font-size:0.67em;
	border-radius:5px;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject .difficulty {
	background-color:#101a4e;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject .score {
	background-color:#0fc381;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject .pa_area .pa_btn {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject .pa_area .pa_btn a {
	display:block;
	padding:0.25em 0.5em;
	background-color:#668278;
	border-radius:5px;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject ol li > input[type="radio"]:checked + label span.qa_num {
	color:#fff;
	background-color:#101a4e;
}

[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject .explanation_area {
	margin-top:1em;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject .explanation_area .tab-mnu {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	border-bottom:1px solid #646464;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject .explanation_area .tab-mnu li {
	margin:0 -1px -1px 0;
	padding:0.25em 0;
	width:calc(50% / 3);
	font-size:0.75em;
	text-align:center;
	border-radius:5px 5px 0 0;
	border:1px solid #646464;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject .explanation_area .tab-mnu li.active {
	color:#fff;
	background-color:#0fc381;
}
[data-ml-modal] .modal-content.test .testArea .test_contents .section .questions .q_subject .explanation_area .tab-cont {
	padding:20px;
	border:1px solid #646464;
	border-top:none;
}
[data-ml-modal] .modal-content.test .testOmr {
	display:block;
	width:calc(100% - 880px);
}
[data-ml-modal] .modal-content.test .testOmr span.omrTItle {
	display:block;
	text-align:center;
	color:#fff;
	font-size:0.75em;
	line-height:3.35em;
	background-color:#576072;
}
[data-ml-modal] .modal-content.test .testOmr ul {
	position: relative;
	width: 100%;
	height: calc(100% - 60px);
	overflow-y: auto;
}
[data-ml-modal] .modal-content.test .testOmr ul li {
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
}
[data-ml-modal] .modal-content.test .testOmr ul li > span {
	display:flex;
	justify-content:center;
	align-items:center;
	width:40px;
	text-align:center;
	background-color:#f5f5f5;
}
[data-ml-modal] .modal-content.test .testOmr ul li ol {
	display:flex;
	justify-content:space-around;
	align-items:center;
	padding:10px;
	width:calc(100% - 40px);
}
[data-ml-modal] .modal-content.test .testOmr ul li ol li {
	position:relative;
}
[data-ml-modal] .modal-content.test .testOmr ul li > span,
[data-ml-modal] .modal-content.test .testOmr ul li ol li label {
	font-size:0.75em;
}
[data-ml-modal] .modal-content.test .testOmr ul li ol li label {
	display:block;
	padding:0 0.3em;
	line-height:1.2em;
	border:1px solid #969696;
}
[data-ml-modal] .modal-content.test .testOmr ul li ol li input[type="radio"] {
	position:absolute;
	width:0;
	height:0;
	top:0;
	left:0;
}

[data-ml-modal] .modal-content.test .testOmr ul li ol li input[type="radio"]:checked + label {
	color:#fff;
	background-color:#101a4e;
	border-color:#101a4e;
}

[data-ml-modal] .modal-content.test .testBottom {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	width:100%;
	padding:0.25em 0;
	background-color:#ebebeb;
}
[data-ml-modal] .modal-content.test .testBottom .test_page {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
}
[data-ml-modal] .modal-content.test .testBottom .test_page button,
[data-ml-modal] .modal-content.test .testBottom .test_page > span {
	font-size:0.75em;
}
[data-ml-modal] .modal-content.test .testBottom .test_page button {
	display:block;
	padding:0.25em 1em;
	background-color:#fff;
	border:none;
	border-radius:5px;
}
[data-ml-modal] .modal-content.test .testBottom .test_page > span {
	display:block;
	margin:0 1em;
}
[data-ml-modal] .btn_area.test {
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:1em;
}
[data-ml-modal] .btn_area.test button,
[data-ml-modal] .btn_area.test a {
	display:block;
	margin:0 0.5em;
	padding:0.5em 1em;
	font-size:1em;
	border:none;
	border-radius:50px;
}
[data-ml-modal] .btn_area.test .btn {
	color:#101a4e;
	background-color:#fff;
}
[data-ml-modal] .btn_area.test a.tsubmit {
	color:#fff;
	background-color:#0fc381;
}
[data-ml-modal] .btn_area.test .btn.cancle {
	color:#fff;
	background-color:#ec381a;
}


@media screen and (max-width:1130px) {
	.codingKit_list {
		width:1024px;
		max-width:1024px;
	}
	.codingKit_list .lecture_list,
	.codingKit_list.detail .lecture_list.detail {
		width:674px;
	}
	.codingKit_list .filter_area {
		margin-left:100px;
	}
	.codingKit_list .filter_area.detail {
		width:250px;
	}
	.codingKit_list .filter_area.detail.scr .fixedArea {
		width:250px;
	}

	.myclass_codingKit_list {
		width:1024px;
		max-width:1024px;
	}
	.myclass_codingKit_list .lecture_list,
	.myclass_codingKit_list.detail .lecture_list.detail {
		width:674px;
	}
	.myclass_codingKit_list .filter_area {
		margin-left:100px;
	}
	.myclass_codingKit_list .filter_area.detail {
		width:250px;
	}
	.myclass_codingKit_list .filter_area.detail.scr .fixedArea {
		width:250px;
	}

	.banner.bottom {
		max-width:calc(100% - 1.66em);
	}
}

@media screen and (max-width:1024px) {
    .codingKit .filter_area img{
        display:block;
        margin-left:auto;
        margin-right:auto;
        width:470px;
    }

    .codingKit .filter_area .fixedArea .search_area .input_area_kit {
        margin-left:51%;
        box-sizing:border-box;
        padding-top:25px;
        display:flex;
        justify-content:flex-start;
        width:100%;
    }

    .codingLounge_list .filter_area .search_area .input_area_lounge {
        margin-left:65%;
        box-sizing:border-box;
        padding:0.5em;
        display:flex;
        justify-content:flex-start;
        align-items:center;
        width:100%;
    }

    .board_community ul li {
        margin:0 25px 25px 0px;
        border-radius:5px;
        width:calc((100% - 20px) / 5);
    }

    .codingLounge_list .filter_area .search_news_area .input_area_news {
        margin-left: 20%;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

   .sub_visual .section_wrap .slogan span.bigSlg {
        margin-bottom:0.3em;
        font-size:1.5116em;
        line-height:1.5em;
    }
}

.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}

.filebox input[type="text"] {
    display: inline-block;
    padding: .5em .75em; /* label의 패딩값과 일치 */
    font-size: 15px;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #f5f5f5;
    border: 1px solid #ebebeb;
    border-bottom-color: #e2e2e2;
    border-radius: .25em;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none; appearance: none;
}

.filebox label {
    display: inline-block;
    padding: .5em .75em;
    color: #999;
    font-size: 15px;
    line-height: normal;
    vertical-align: middle;
    background-color: #fdfdfd;
    cursor: pointer;
    border: 1px solid #ebebeb;
    border-bottom-color: #e2e2e2;
    border-radius: .25em;
}

/* named upload */
.filebox .upload-name {
    display: inline-block;
    padding: .5em .75em; /* label의 패딩값과 일치 */
    font-size: 15px;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #f5f5f5;
    border: 1px solid #ebebeb;
    border-bottom-color: #e2e2e2;
    border-radius: .25em;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none; appearance: none;
}