/* common */
body,th,td,input,select,textarea,button {font-size:24px;}

.sub_container {
	background-color:#fff;
	overflow:hidden;
}

/* sub visual */
.sub_visual {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	padding-top:3.5em;
	width:100%;
	height:300px;
	background:url(../img/sub/bg_subVisual.jpg) no-repeat top center;
}

.wrap .sub_visual .sv_title {
	display:block;
	width:100%;
	color:#fff;
	text-align:center;
	letter-spacing:-0.05em;
	word-spacing:0.05em;
}


/* sub_menu */
.sub_menu {
	display:block;
	width:100%;
	height:60px;
	border-bottom:1px solid #dcdcdc;
}
.sub_menu > ul {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto;
	padding:0 20px;
	width:100%;
	max-width:1180px;
}
.sub_menu > ul > li {
	width:calc(100% / 8);
	height:60px;
	border-bottom:5px solid transparent;
}
.sub_menu > ul > li.active {
	border-color:#101a4e;
}
.sub_menu > ul > li a {
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	font-size:0.75em;
	text-align:center;
}

/* mobile sub_menu */
.mobile_subMenu {
	position:relative;
	display:none;
}

.mobile_subMenu > div.caption {
	display:flex;
	justify-content:space-between;
	align-items:center;
	background-color:#101a4e;
	margin:0 auto;
	padding:0.75em 1em;
	color:#fff;
	cursor: pointer;
}
.mobile_subMenu > div.caption i {
	transform:rotate(0deg);
}
.mobile_subMenu.open > div.caption i {
	transform:rotate(180deg);
}

.mobile_subMenu > div.list {
	position: absolute;
	background-color: #f2f2f2;
	width: 100%;
	font-size:0.7em;
	display: none;
	box-shadow:0 3px 5px rgba(0,0,0,.2);
}

.mobile_subMenu > div.list > div.item {
	padding:0.75em 1em;
	cursor: pointer;
	border-bottom:1px solid rgba(0,0,0,.1);
}
.mobile_subMenu > div.list > div.item:last-child {
	border:none;
}
.mobile_subMenu > div.list > div.items {
	padding:0.5em 1em;
}
.mobile_subMenu > div.list > div.item a {
	display:block;
}
.mobile_subMenu > div.list > div.item.selected {
	font-weight: bold;
}

.mobile_subMenu > div.list > div.item:hover {
	background-color:rgba(0,0,0,.05);
}

.mobile_subMenu.open > div.caption {
	border-bottom: solid 1px #999;
}

.mobile_subMenu.open > div.list {
	display: block;
	z-index:99;
}

/* sub contents */
.sub_container .page_title {
	display:block;
	margin:3.6em auto 1.8em;
	text-align:center;
	font-size:1.167em;
}
.sub_container .page_title span {
	display:block;
}
.sub_container .page_title small {
	display:block;
	font-size:0.65em;
	font-weight:400;
}
.sub_container .contents {
	margin:0 auto 100px;
	padding:0 20px;
	width:100%;
	max-width:1180px;
}
.sub_container .contents .table {
	margin:0 auto;
	width:100%;
	border-top:3px solid #101a4e;
	border-bottom:1px solid #101a4e;
}

.sub_container .contents .table ul li {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:stretch;
	border-bottom:1px solid rgba(0,0,0,.2);
}
.sub_container .contents .table ul li span.tb_th {
	padding:10px 20px;
	font-size:0.75em;
	font-weight:600;
	background-color:#f5f5f5;
}
.sub_container .contents .table ul li .tb_td {
	padding:10px 20px;
	font-size:0.75em;
}
.sub_container .contents .table ul li .input_area {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	padding:10px 20px;
}
.sub_container .contents .table ul li .input_area input,
.sub_container .contents .table ul li .input_area p {
	font-size:0.75em;
}
.sub_container .contents .table ul li .input_area p {
	margin:0 10px;
}
.sub_container .contents .table ul li label {
	margin:0 1em 0 0.25em;
	font-size:0.75em;
}
.sub_container .contents .table ul li input.inp_calendar {
	padding:2px;
}
.sub_container .contents .table ul li label.trg_calendar {
	margin:0;
	padding:6px;
}
.sub_container .contents .table ul li label.trg_calendar img {
	width:1.223em;
}
.sub_container .contents .table ul li .bl_btn {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:10px 20px;
	padding:0.25em 1em;
	color:#fff;
	font-size:0.65em;
	border:none;
	cursor:pointer;
	background-color:#333647;
	border-radius:5em;
}
.sub_container .contents .table.longMemory {
	overflow-x:auto;
}
.sub_container .contents .table table {
	width:100%;
}
.sub_container .contents .table.longMemory table {
	min-width:1140px;
}
.sub_container .contents .table table th,
.sub_container .contents .table table td {
	padding:0.5em 0;
	font-size:0.7em;
}
.sub_container .contents .table table thead th {
	color:#101a4e;
	font-weight:500;
	border-right:1px solid #101a4e;
	border-bottom:1px solid #101a4e;
}
.sub_container .contents .table table thead th:last-child {
	border-right:none;
}
.sub_container .contents .table table tbody td {
	font-size:0.66em;
	text-align:center;
}
.sub_container .contents .table table tbody td {
	border-bottom:1px solid #646464;
}
.sub_container .contents .table table tbody td.blue {
	color:#5a8fcb;
}
.sub_container .contents .table table tbody tr:last-child td {
	border-bottom:none;
}


.box_list,
.test_list {
	margin:0 auto;
	width:100%;
	max-width:1160px;
}
.other_prod .test_list {
	width:calc(100% - 40px);
}
.box_list > ul,
.test_list > ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
}
.box_list > ul > li,
.test_list > ul > li {
	margin:0 20px 20px 0;
	width:calc(50% - 10px);
}
.test_list > ul > li {
	position:relative;
	padding:20px;
	border-radius:5px;
	border:1px solid #dcdcdc;
}
.box_list > ul > li:nth-child(2n),
.test_list > ul > li:nth-child(2n) {
	margin-right:0;
}
.flex {
	position:relative;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.flex .text_area {
	margin-left:20px;
	width:100%;
}
.flex .testBtn {
	position:absolute;
	bottom:0;
	right:0;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	padding:0.4em 0.5em;
	background-color:#646464;
}
.flex .testBtn a {
	position:relative;
	display:block;
}
.flex .testBtn a:first-child {
	padding-right:0.5em;
}
.flex .testBtn a:first-child:after {
	position: absolute;
	content:'';
	top:50%;
	right:0;
	width:1px;
	height:0.75em;
	transform:translateY(-50%);
	background-color:#fff;
}
.flex .testBtn a:last-child {
	padding-left:0.5em;
}
.box_list > ul > li span.bl_number {
	display:block;
	width:100%;
	padding:0.25em 0;
	color:#fff;
	text-align:center;
	background-color:#101a4e;
}
.test_list > ul > li input[type="checkbox"] {
	position:absolute;
	top:20px;
	right:20px;
}
.test_list > ul > li label {
	display:block;
}
.test_list > ul > li span.test_name {
	display: block;
	margin-bottom:0.5em;
	font-size:0.83em;
	font-weight:600;
}
.test_list > ul > li .test_descript {
	display: block;
	height:2.4em;
	line-height:1.2em;
	font-size:0.67em;
	overflow:hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.test_list > ul > li .test_price {
	margin-top:0.5em;
	display:block;
	font-size:0.83em;
}
.test_list > ul > li .test_price b {
	color:#2e7ab4;
}
.test_list > ul > li .test_info {
	position:relative;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.test_list > ul > li .test_info p {
	position:relative;
	display:block;
	padding:0 0.75em;
	font-size:0.75em;
}
.test_list > ul > li .test_info p.test_condition.ready {
	color:#b44a2e;
}
.test_list > ul > li .test_info p.test_condition.end {
	color:#2e7ab4;
}
.test_list > ul > li .test_info p:first-child {
	padding-left:0;
}
.test_list > ul > li .test_info p:after {
	position: absolute;
	content:'';
	top:50%;
	right:0;
	width:1px;
	height:0.75em;
	background-color:#7f7f7f;
	transform:translateY(-40%);
}
.test_list > ul > li .test_info p.test_date:after {
	display:none;
}
.test_list > ul > li .test_info span.test_price {
	position:absolute;
	top:50%;
	right:0;
	margin-top:0;
	transform:translateY(-50%);
}
.test_list > ul > li a.go_test {
	position:absolute;
	top:20px;
	right:20px;
	padding:0.25em 2em;
	font-size:0.55em;
	color:#fff;
	background-color:#323232;
	border-radius:50px;
}

/* calendar */
.calendar_area {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	margin:0 auto 50px;
	width:100%;
	max-width:1160px;
}
input.inp_calendar {
	display:block;
	padding:10px;
	font-size:0.75em;
	border-radius:5px 0 0 5px;
	border:1px solid #7f7f7f;
}
label.trg_calendar {
	margin-right:0.5em;
	padding:14px;
	border-radius:0 5px 5px 0;
	background-color:#7f7f7f;
}
p.dash {
	margin-right:0.5em;
}
button.select_daterange {
	margin-right:0.5em;
	padding:11px 20px;
	color:#fff;
	font-size:0.7em;
	background-color:#7f7f7f;
	border-radius:5px;
	border:none;
}


/* 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:1.5em;
	color:#646464;
	height:1.5em;
	font-size:0.75em;
}
.paging_area a.active {
	color:#fff;
	background-color:#101a4e;
}


/* board list layout */
.brd_section {
	margin:0 auto 2em;
	padding-bottom:2em;
	width:100%;
	max-width:1160px;
	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:1160px;
	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;
}
.other_prod .brdSection_tit {
	width:calc(100% - 40px);
}
.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:1160px;
	font-size:0.7em;
}
.point_desc b {
	color:#2e7ab4;
}
.caption {
	display:block;
	margin:0 auto 0.25em;
	width:100%;
	max-width:1160px;
	font-size:0.7em;
}
.table.board ul li {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	padding:0.25em;
	font-size:0.6em;
}
.table.board ul li.th span {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	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;
	text-align:center;
	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:1160px;
}
.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;
}

/* board community */
.board_community {
	position:relative;
	margin:0 auto;
	width:100%;
	max-width:1160px;
}
.board_community ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
}
.board_community ul li {
	margin-right:20px;
	width:calc((100% - 20px) / 2);
	border:1px solid #dcdcdc;
	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;
	padding:20px;
	width:100%;
}
.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);
}
.board_community ul li a .text_area span.brdList_title {
	display:block;
	margin-bottom:0.25em;
	font-size:0.83em;
	font-weight:600;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.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;
}

.faq_list {
	position:relative;
	margin:0 auto;
	width:100%;
	max-width:1160px;
}
.faq_list > ul {
	width:100%;
}
.faq_list > ul > li {
	margin-bottom: 20px;
	padding:20px;
	width: 100%;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
}
.faq_list > ul > li:last-child {
	margin-bottom:0;
}
.faq_list > ul > li > a,
.faq_list > ul > li > ul > li {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.faq_list > ul > li span {
	margin-right:0.5em;
	font-size:1em;
	font-weight:600;
}
.faq_list > ul > li span.question {
	color:#101a4e;
}
.faq_list > ul > li span.answer {
	color:#59b70c;
}
.faq_list > ul > li > a > p {
	font-size:0.83em;
}
.faq_list > ul > li > ul.submenu {
	display:none;
	margin-top:0.5em;
	padding-top:0.5em;
	border-top:1px solid #dcdcdc;
}
.faq_list > ul > li > ul > li p {
	font-size:0.75em;
}







	/* test list */
.tabs {
	position:relative;
	margin:0 auto;
	width:100%;
	max-width:1160px;
	overflow:hidden;
}
.tabs:after {
	position:absolute;
	content:'';
	top:0;
	right:0;
	width:3em;
	height:calc(100% - 50px);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+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 */

}
.tabs.depth2:after {
	height:100%;
}
.tabs ul {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	border-bottom:1px solid #7f7f7f;
	overflow-x:auto;
}
.tabs.depth1 ul {
	margin-bottom:50px;
}
.tabs.depth2 ul {
	margin-bottom:30px;
}
.tabs ul li a {
	word-break:keep-all;
	white-space:nowrap;
}
.tabs.depth1 ul li {
	margin-left:-1px;
	width:auto;
	border-radius:5px 5px 0 0;
	border:1px solid #7f7f7f;
	border-bottom:none;
}
.tabs.depth2 ul li {
	margin-left:-1px;
	width:auto;
	border-radius:5px 5px 0 0;
	border:1px solid #7f7f7f;
	border-bottom:none;
}
.tabs.depth1 ul li:first-child,
.tabs.depth2 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 ul li a {
	display:block;
	padding:0.5em;
	font-size:0.75em;
	letter-spacing:-0.05em;
	text-align:center;
}

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

.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);
}

/* test view */
.tv_top {
	margin:0 auto 50px;
	padding:20px;
	width:100%;
	max-width:1160px;
	border:1px solid #969696;
}
.tv_top .flex {
	align-items:stretch;
}
.tv_top .flex .text_area {
	position:relative;
}
.tv_top .flex .test_price {
	position:absolute;
	top:0;
	right:0;
	padding:5px 0;
	color:#fff;
	width:8em;
	font-size: 0.83em;
	text-align:center;
	background-color:#2e7ab4;
}
.tv_top .flex a.test_goBtb {
	position:absolute;
	bottom:0;
	right:0;
	padding:5px 0;
	width:8em;
	font-size: 0.83em;
	text-align:center;
	border-radius:50px;
	border:1px solid #dcdcdc;
}
.tv_top .flex span.test_name {
	display: block;
	margin-bottom: 1em;
	font-size: 0.83em;
	font-weight: 600;
}
.tv_top .flex .test_descript {
	position:absolute;
	bottom:0;
	left:0;
	display: block;
	width:calc(100% - 11em);
	height: 3.6em;
	line-height: 1.2em;
	font-size: 0.67em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.tv_description {
	display:block;
	width:100%;
	max-width:1160px;
}
.tv_description.brd_section p {
	margin-bottom:1em;
	padding-left:0.75em;
	font-size:0.75em;
}
.tv_description.brd_section p:last-child {
	margin-bottom:0;
}

.tv_info .tv_infoTable {
	margin:0 auto;
	width:100%;
	max-width:1160px;
	border-top:3px solid #101a4e;
	border-bottom:1px solid #101a4e;
}
.tv_info .tv_infoTable li {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
}
.tv_info .tv_infoTable li span,
.tv_info .tv_infoTable li p {
	display:block;
	padding:0.5em;
	font-size:0.7em;
	text-align:center;
}
.tv_info .tv_infoTable li span {
	color:#fff;
	background-color:#101a4e;
	border-bottom:1px solid #fff;
}
.tv_info .tv_infoTable li p {
	border-bottom:1px solid #101a4e;
}
.tv_info .tv_infoTable li:last-child span,
.tv_info .tv_infoTable li:last-child p {
	border:none;
}

.tv_info .total {
	margin:20px auto 0;
	padding:0.25em;
	width:100%;
	max-width:1160px;
	font-size:0.75em;
	text-align:center;
	border-radius:50px;
	border:1px solid #dcdcdc;
}
.tv_info .total .price3 {
	color:#2e7ab4;
	font-size:1.25em;
	font-weight:600;
}
.tv_info .btn_area a {
	margin:0 10px;
}
.tv_info .btn_area a.go_myMenu {
	color:#323232;
	background:#fff;
	border:1px solid #dcdcdc;
}

.other_prod {
	padding:50px 0 100px;
	width:100%;
	background-color:#f5f5f5;
}

/* test 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] .modal-content.question_list {
	display:flex;
	justify-content:center;
	align-items:center;
}
[data-ml-modal] .modal-content.question_list .section {
	position:relative;
	width:100%;
	height:100%;
}
[data-ml-modal] .modal-content.question_list .section ul {
	padding:1em;
	width:100%;
	max-width:100%;
}
[data-ml-modal] .modal-content.question_list .section ul li {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
}
[data-ml-modal] .modal-content.question_list .section ul li span {
	display:table;
	margin:0.25em;
	padding:0.25em 1em;
	width:calc((100% - 5em) / 10);
	font-size:0.63em;
	text-align:center;
	border:1px solid #646464;
	box-sizing:border-box;
}
[data-ml-modal] .modal-content.question_list .section ul li span.complete {
	color:#646464;
}
[data-ml-modal] .modal-content.question_list .section ul li span.miss {
	color:#e9360c;
	border-color:#e9360c;
}
[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;
	width:calc(100% - 40px);
	max-width: 900px;
}
[data-ml-modal] .section table {
	margin: 0 auto;
	width:calc(100% - 40px);
	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;
}


	/* 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:1160px;
}
.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;
}

/* 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:80%;
	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:40%;
}
[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:20%;
	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:20%;
}
[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;
}

.wrap.testPop .modal-overlay {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	cursor:pointer;
	background-color:#000;
	background-color:rgba(51,54,71,.85);
	z-index:1;
}
.wrap.testPop .test_area {
	position:absolute;
	top:50%;
	left:50%;
	width:90vw;
	max-width:1080px;
	max-height:80vh;
	z-index: 2;
	transform:translate(-50%, -50%);
}
.wrap.testPop .test_area .modal-content {
	height:calc(70vh - 76px);
	background:#fff;
	overflow-y:auto;
}
.wrap.testPop .test_area > h3 {
	position:relative;
	background-color:#101a4e;
	color:#fff;
	font-size:0.83em;
	font-weight: 400;
	margin:0;
	padding:0.8em 56px .8em 27px;
}
.wrap.testPop .modal-close {
	position:absolute;
	top:0.4em;
	right:0.4em;
	color:#fff;
	border-radius:50%;
	height:2em;
	width:2em;
	font-size:1em;
	line-height:1.5em;
	text-align:center;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index: 1;
}
.wrap.testPop .modal-close:hover {background-color:rgba(255,255,255,.2); color:#fff; cursor:pointer;}

.wrap.testPop .test_area .section {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
}
.wrap.testPop .test_area .section.question {
	display:block;
}
.wrap.testPop .test_area .modal-content.start .section > img {
	margin-bottom:1em;
	width:7.5em;
}
.wrap.testPop .test_area .modal-content.start .section .fighting {
	margin-bottom:1.25em;
	font-size:0.83em;
	text-align:center;
}
.wrap.testPop .test_area .modal-content.start .section .fighting b {
	font-size:1.25em;
	color:#101a4e;
}
.wrap.testPop .test_area .modal-content.start .section .fighting small {
	display:block;
	color:#ec381a;
}
.wrap.testPop .test_area .modal-content.start .section .pop_table.start {
	margin:0 auto 1em;
	width:100%;
	max-width:900px;
	border-bottom:1px solid #646464;
}
.wrap.testPop .test_area .modal-content.start .section .pop_table.start li {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	font-size:0.66em;
}
.wrap.testPop .test_area .modal-content.start .section .pop_table.start li a {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	width:100%;
}
.wrap.testPop .test_area .modal-content.start .section .pop_table.start li span,
.wrap.testPop .test_area .modal-content.start .section .pop_table.start li p {
	padding:0.25em;
	text-align:center;
	border-right:1px solid;
}
.wrap.testPop .test_area .modal-content.start .section .pop_table.start li span:last-child,
.wrap.testPop .test_area .modal-content.start .section .pop_table.start li p:last-child {
	border:none;
}
.wrap.testPop .modal-content.start .section .pop_table.start li span {
	color:#fff;
	background-color:#646464;
	border-color:#fff;
}
.wrap.testPop .test_area .modal-content.start .section .pop_table.start li p {
	border-color:#646464;
}
.wrap.testPop .test_area .modal-content.start .section .pop_table.start li p span {
	background:none;
	color:#646464;
}
.wrap.testPop .test_area .modal-content.start .section .pop_table.start.view li.th {
	border-top:2px solid #646464;
	border-bottom:1px solid #646464;
}
.wrap.testPop .test_area .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;
}
.wrap.testPop .test_area .modal-content.start .section .pop_table.start.view li.td {
	padding:0.88em;
	border-bottom:1px solid #646464;
}
.wrap.testPop .test_area .modal-content.start .section .pop_table.start.view li.td:last-child {
	border:none;
}
.wrap.testPop .test_area .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;
}
.wrap.testPop .test_area 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%);
}
.wrap.testPop .test_area h3 .test_time .total {
	position:relative;
	display:flex;
	justify-content:flex-start;
	align-content: center;
	margin-right:0.75em;
	padding-right:0.75em;
}
.wrap.testPop .test_area 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%);
}
.wrap.testPop .test_area h3 .test_time .total img {
	margin-right:0.5em;
}
.wrap.testPop .test_area h3 .test_time .remaining p {
	color:red;
	font-weight:600;
}
.wrap.testPop .test_area .modal-content.test {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:stretch;
	height:calc(80vh - 76px);
	overflow-y:hidden;
}
.wrap.testPop .test_area .modal-content.test .testArea {
	width:80%;
	height:calc(100% - 60px);
	overflow:hidden;
}
.wrap.testPop .test_area .modal-content.test .testArea .testTop {
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
	background-color:#f5f5f5;
}
.wrap.testPop .test_area .modal-content.test .testArea .testTop .textSize,
.wrap.testPop .test_area .modal-content.test .testArea .testTop .testLayout,
.wrap.testPop .test_area .modal-content.test .testArea .testTop .textSize .testPop_btn,
.wrap.testPop .test_area .modal-content.test .testArea .testTop .testLayout .testPop_btn {
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
}
.wrap.testPop .test_area .modal-content.test .testArea .testTop .textSize,
.wrap.testPop .test_area .modal-content.test .testArea .testTop .testLayout {
	width:40%;
}
.wrap.testPop .test_area .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;
}
.wrap.testPop .test_area .modal-content.test .testArea .testTop .textSize .testPop_btn,
.wrap.testPop .test_area .modal-content.test .testArea .testTop .testLayout .testPop_btn {
	display:flex;
	justify-content:space-around;
	align-items:center;
	padding:0 20px;
	width:220px;
}
.wrap.testPop .test_area .modal-content.test .testArea .testTop .testNum {
	padding:0.25em 0.5em;
	width:20%;
	background-color:#ebebeb;
}
.wrap.testPop .test_area .modal-content.test .testArea .testTop .testNum p {
	position:relative;
	font-size:0.67em;
}
.wrap.testPop .test_area .modal-content.test .testArea .testTop .testNum p span {
	position:absolute;
	top:50%;
	right:0;
	color:#ff4e00;
	font-weight:600;
	transform:translateY(-50%);
}

.wrap.testPop .test_area .modal-content.test .testArea .test_contents {
	position:relative;
	padding:20px;
	width:100%;
	height: calc(100% - 60px);
	overflow-y:auto;
}
.wrap.testPop .test_area .modal-content.test .testArea .test_contents .section {
	position:relative;
}
.wrap.testPop .test_area .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;
}
.wrap.testPop .test_area .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;
}
.wrap.testPop .test_area .modal-content.test .testArea .test_contents .section .questions:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.wrap.testPop .test_area .modal-content.test .testArea .test_contents .section .questions .q_num {
	width:1.25em;
	font-size:0.75em;
}
.wrap.testPop .test_area .modal-content.test .testArea .test_contents .section .questions .q_subject {
	position:relative;
	width:calc(100% - 1em);
}
.wrap.testPop .test_area .modal-content.test .testArea .test_contents .section .questions .q_subject .q_question {
	width:calc(100% - 5em);
}
.wrap.testPop .test_area .modal-content.test .testArea .test_contents .section .questions .q_subject .q_question span {
	display:block;
	font-size:0.75em;
}
.wrap.testPop .test_area .modal-content.test .testArea .test_contents .section .questions .q_subject ol {
	margin-top:1em;
}
.wrap.testPop .test_area .modal-content.test .testArea .test_contents .section .questions .q_subject ol li,
.wrap.testPop .test_area .modal-content.test .testArea .test_contents .section .questions .q_subject ol li label {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.wrap.testPop .test_area .modal-content.test .testArea .test_contents .section .questions .q_subject ol li {
	position:relative;
	margin-bottom:0.25em;
}
.wrap.testPop .test_area .modal-content.test .testArea .test_contents .section .questions .q_subject ol li label {
	position:relative;
	font-size:0.75em;
}
.wrap.testPop .test_area .modal-content.test .testArea .test_contents .section .questions .q_subject ol li.answer label {
	outline:2px solid #ff5911;
}
.wrap.testPop .test_area .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%);
}
.wrap.testPop .test_area .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;
}
.wrap.testPop .test_area .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;
}
.wrap.testPop .test_area .modal-content.test .testArea .test_contents .section .questions .q_subject .pa_area {
	position:absolute;
	top:0;
	right:0;
}
.wrap.testPop .test_area .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;
}
.wrap.testPop .test_area .modal-content.test .testArea .test_contents .section .questions .q_subject .difficulty {
	background-color:#101a4e;
}
.wrap.testPop .test_area .modal-content.test .testArea .test_contents .section .questions .q_subject .score {
	background-color:#0fc381;
}
.wrap.testPop .test_area .modal-content.test .testArea .test_contents .section .questions .q_subject .pa_area .pa_btn {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.wrap.testPop .test_area .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;
}
.wrap.testPop .test_area .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;
}

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

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

.wrap.testPop .test_area .modal-content.test .testBottom {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	width:100%;
	padding:0.25em 0;
	background-color:#ebebeb;
}
.wrap.testPop .test_area .modal-content.test .testBottom .test_page {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
}
.wrap.testPop .test_area .modal-content.test .testBottom .test_page button,
.wrap.testPop .test_area .modal-content.test .testBottom .test_page > span {
	font-size:0.75em;
}
.wrap.testPop .test_area .modal-content.test .testBottom .test_page button {
	display:block;
	padding:0.25em 1em;
	background-color:#fff;
	border:none;
	border-radius:5px;
}
.wrap.testPop .test_area .modal-content.test .testBottom .test_page > span {
	display:block;
	margin:0 1em;
}

.wrap.testPop .btn_area.test {
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:1em;
}
.wrap.testPop .btn_area.test button,
.wrap.testPop .btn_area.test a {
	display:block;
	margin:0 0.5em;
	padding:0.5em 1em;
	font-size:1em;
	border:none;
	border-radius:50px;
}
.wrap.testPop .btn_area.test .btn {
	color:#101a4e;
	background-color:#fff;
}
.wrap.testPop .btn_area.test a.tsubmit {
	color:#fff;
	background-color:#0fc381;
}
.wrap.testPop .btn_area.test .btn.cancle {
	color:#fff;
	background-color:#ec381a;
}

.wrap.testPop .section table {
	margin: 0 auto;
	width:calc(100% - 40px);
	max-width: 900px;
}
.wrap.testPop .section table th,
.wrap.testPop .section table td {
	padding:0.5em;
	font-size:0.75em;
}
.wrap.testPop .section table thead th {
	color:#fff;
	background-color:#646464;
}
.wrap.testPop .section table tbody td {
	text-align:center;
	border-right:1px solid #646464;
	border-bottom:1px solid #646464;
}
.wrap.testPop .section table tbody td:last-child {
	border-right:none;
}
.wrap.testPop .section table tbody tr.total td {
	font-weight:600;
	color:#101a4e;
	background-color:#f5f5f5;
}
.wrap.testPop .section table tbody td.fail {
	font-weight:600;
	color:red;
}
.wrap.testPop .btn_area {
	font-size:0.75em;
}
.wrap.testPop .btn_area a {
	font-size:0.75em;
	margin-left:0.5em;
}
.wrap.testPop .btn_area .wrong {
	background-color:#d6590e;
}
.wrap.testPop .btn_area .explanation {
	background-color:#646464;
}



@media screen and (max-width:1024px) {
	body,th,td,input,select,textarea,button {
		font-size:22px;
	}
	[data-ml-modal] .modal-content.test .testArea,
	.wrap.testPop .test_area .modal-content.test .testArea {
		width:100%;
	}
	[data-ml-modal] .modal-content.test .testOmr,
	.wrap.testPop .test_area .modal-content.test .testOmr {
		display:none;
	}
	[data-ml-modal] .modal-dialog > h3,
	.wrap.testPop .test_area > h3 {
		display:flex;
		flex-wrap:wrap;
		justify-content: center;
		align-items:center;
		padding:0.8em 1em;
	}
	[data-ml-modal] h3 .test_time,
	.wrap.testPop .test_area h3 .test_time {
		position:relative;
		top:auto;
		right:auto;
		justify-content:center;
		margin-top:0.5em;
		width:60%;
		transform:none;
	}

}

@media screen and (max-width:768px) {

	.sub_menu {
		display:none;
	}
	.mobile_subMenu {
		display:block;
	}

	.sub_container .contents .table ul li span.tb_th,
	.sub_container .contents .table ul li .tb_td {
		display:block;
		width:100% !important;
	}
	.sub_container .contents .table ul li .input_area {
		width:100% !important;
	}

	.box_list > ul > li,
	.test_list > ul > li {
		margin:0 0 20px;
		width:100%;
	}

	.sub_container .contents .table ul li.th {
		display:none;
	}

	.sub_container .contents .table ul li.td p {
		position:relative;
		text-align:left;
	}
	.sub_container .contents .table ul li.td p.title {
		margin:0.25em 0;
		width:100% !important;
		font-size:1.5em;
	}
	.sub_container .contents .table ul li.td p.point,
	.sub_container .contents .table ul li.td p.pointResult,
	.sub_container .contents .table ul li.td p.type,
	.sub_container .contents .table ul li.td p.testType,
	.sub_container .contents .table ul li.td p.date,
	.sub_container .contents .table ul li.td p.time,
	.sub_container .contents .table ul li.td p.testNum,
	.sub_container .contents .table ul li.td p.participant,
	.sub_container .contents .table ul li.td p.organizer,
	.sub_container .contents .table ul li.td p.test_condition,
	.sub_container .contents .table ul li.td p.result {
		margin-right:1em;
		padding-right:1em;
		width:auto !important;
	}
	.sub_container .contents .table ul li.td p.etc {
		width:100% !important;
	}
	.sub_container .contents .table ul li.td p.point:after,
	.sub_container .contents .table ul li.td p.type:after,
	.sub_container .contents .table ul li.td p.testType:after,
	.sub_container .contents .table ul li.td p.date:after,
	.sub_container .contents .table ul li.td p.time:after,
	.sub_container .contents .table ul li.td p.testNum:after,
	.sub_container .contents .table ul li.td p.participant:after,
	.sub_container .contents .table ul li.td p.organizer:after,
	.sub_container .contents .table ul li.td p.test_condition:after {
		position:absolute;
		content:'';
		top:50%;
		right:0;
		width:1px;
		height:1em;
		background-color:rgba(0,0,0,.2);
		transform:translateY(-50%);
	}
	.calendar_area {
		justify-content:center;
	}
	input.inp_calendar {
		width:25% !important;
	}
	label.trg_calendar {
		padding:12.5px;
	}
	button.select_daterange {
		margin-top:0.5em;
		width:calc((100% - 1.5em) / 3);
	}
	button.select_daterange:last-child {
		margin-right:0;
	}
	.tv_top .flex {
		align-items:center;
	}
	.tv_top .flex .text_area {
		display:flex;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		width:calc(100% - 110px);
	}
	.tv_top .flex span.test_name {
		margin-bottom:0.5em;
	}

	.tv_top .flex .test_descript {
		position:relative;
		display:block;
		top:auto;
		right:auto;
		width:100%;
	}
	.tv_top .flex .test_price,
	.tv_top .flex a.test_goBtb {
		position:relative;
		display:block;
		top:auto;
		right:auto;
		width:calc((100% - 20px) / 2);
	}
	.tv_top .flex .test_price {
		margin-right:20px;
	}

	.tv_info .tv_infoTable li span {
		width:100% !important;
	}
	.tv_info .tv_infoTable li p {
		width:100% !important;
	}

	[data-ml-modal] h3 .test_time,
	.wrap.testPop .test_area h3 .test_time {
		width:auto;
	}
	[data-ml-modal] .modal-close {
		top:0.25em;
		right:0.25em;
	}
	[data-ml-modal] .modal-content.start .section .pop_table.start {
		border-top:1px solid #646464;
	}
	[data-ml-modal] .modal-content.start .section .pop_table.start.info {
		width:calc(100% - 40px);
	}
	[data-ml-modal] .modal-content.start .section .pop_table.start li {
		border-bottom:1px solid #646464;
	}
	[data-ml-modal] .modal-content.start .section .pop_table.start li:last-child {
		border-bottom:none;
	}
	[data-ml-modal] .modal-content.start .section .pop_table.start li.th {
		display:none;
	}
	[data-ml-modal] .modal-content.start .section .pop_table.start.info li.th {
		display:flex;
	}
	[data-ml-modal] .modal-content.start .section .pop_table.start li a {
		flex-wrap:wrap;
		padding:1em;
	}
	[data-ml-modal] .modal-content.start .section .pop_table.start li p {
		position:relative;
		display:block;
		width:auto !important;
		border:none;
	}
	[data-ml-modal] .modal-content.start .section .pop_table.start.info li p {
		width:20% !important;
		border-right:1px solid #646464;
	}
	[data-ml-modal] .modal-content.start .section .pop_table.start.info li p:last-child {
		border:none;
	}
	[data-ml-modal] .modal-content.start .section .pop_table.start li p.num,
	[data-ml-modal] .modal-content.start .section .pop_table.start li p.type,
	[data-ml-modal] .modal-content.start .section .pop_table.start li p.share,
	[data-ml-modal] .modal-content.start .section .pop_table.start li p.confirm {
		margin-right:1em;
		padding-right:1em;
	}
	[data-ml-modal] .modal-content.start .section .pop_table.start li p.num:after,
	[data-ml-modal] .modal-content.start .section .pop_table.start li p.type:after,
	[data-ml-modal] .modal-content.start .section .pop_table.start li p.share:after,
	[data-ml-modal] .modal-content.start .section .pop_table.start li p.confirm:after {
		position:absolute;
		content:'';
		top:50%;
		right:0;
		width:1px;
		height:0.75em;
		background-color:#969696;
		transform:translateY(-50%);
	}
	[data-ml-modal] .modal-content.start .section .pop_table.start li p.title {
		width:100% !important;
		font-size:1.5em;
		text-align:left;
	}
	[data-ml-modal] .modal-content.test .testArea .testTop .textSize,
	[data-ml-modal] .modal-content.test .testArea .testTop .testLayout,
	.wrap.testPop .test_area .modal-content.test .testArea .testTop .textSize,
	.wrap.testPop .test_area .modal-content.test .testArea .testTop .testLayout {
		display:none;
	}
	[data-ml-modal] .modal-content.test .testArea .testTop .testNum,
	.wrap.testPop .test_area .modal-content.test .testArea .testTop .testNum {
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
	}
	[data-ml-modal] .modal-content.test .testArea .testTop .testNum p,
	.wrap.testPop .test_area .modal-content.test .testArea .testTop .testNum p {
		margin:0 1em;
	}
	[data-ml-modal] .modal-content.test .testArea .testTop .testNum p span,
	.wrap.testPop .test_area .modal-content.test .testArea .testTop .testNum p span {
		position:relative;
		top:auto;
		right:auto;
		tramsform:none;
	}


	.board_community ul li {
		margin:0 0 20px;
		width:100%;
	}
}

@media screen and (max-width:425px) {
	body,th,td,input,select,textarea,button {font-size:18px;}
	label.trg_calendar {
		padding:10.5px;
	}
	.tv_top .flex .test_price,
	.tv_top .flex a.test_goBtb {
		width:100%;
	}
	.tv_top .flex .test_price {
		margin:10px 0;
	}

	[data-ml-modal] .modal-close {
		top:0.1em;
		right:0.1em;
	}
	.wrap.testPop .modal-close {
		top:0.3em;
		right:0.1em;
	}
	.wrap.testPop .test_area > h3 {
		font-size:0.75em;
	}
	.wrap.testPop .test_area .modal-content.start .section .pop_table.start {
		width:calc(100% - 2em);
	}
}