@charset "UTF-8";

	.contents img{width:100%;}
	
	.eduinfo table{border-bottom:1px solid #ddd; margin-bottom:10px;}
	.eduinfo th{border-top:1px solid #0d509e; padding:10px; background:#f9f9f9; border-bottom:1px solid #ddd}
	.eduinfo td{padding:10px; font-size:12px;}
	.eduinfo td p{margin:0}

	.list_dot li{background:url(../images/list_dot.png) no-repeat left 9px; padding-left:8px;}
	.contents .list-inline{margin-left:0;}

	.tabWrap ul{
		list-style:none; border-bottom:1px solid #d2d9db;}
	.tabWrap ul:after{content:''; display:block; clear:both;}
	.tabWrap ul li{float:left; text-align:center; font-size:15px; border:1px solid #717171; line-height:37px; font-weight:400; letter-spacing: -0.5px; color:#565656; margin-bottom: 8px;}
	.tabWrap ul li.select{background:#7bb9f0; color:#fff;}
	.tabWrap ul li a{display:block; width:100%; height:inherit; text-decoration:none; color:#565656; padding:0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.tabWrap ul li.select a{color:#fff;}
	.greg{border:1px solid #b8c4c6 !important;}

	.logic ul{
		padding: 20px 0 0 0;
	}
	.logic ul li {
		display: inline-block;
		width: 182px;
		height: 260px;
		text-align: center;
		vertical-align: top;
	}
	.logic ul li:not(:last-of-type){
		background: url('../../images/eduinfo/logic_arrow.png') 150px 65px no-repeat;
		background-size: 30px;
	}
	.logicStep {
		width: 148px;
		height: 160px;
		border: 1px solid #a4c2e8;
		border-radius: 20px;
		text-align: center;
		margin-bottom: 5px;
	}

	.logicStep h1 span {
		display: inline-block;
		margin-top: 5px;
		background: #3195ea;
		line-height: 42px;
		width: 42px;
		color: #fff;
		font-family: 'Roboto';
		border-radius: 50%;
	}
	.logic ul li p{
		width: 154px;
		line-height: 20px;
		letter-spacing: -1px;
	}
	.logicStep h2 {
		color: #004da4;
		font-family: 'NanumSquare', sans-serif;
		font-size: 18px;
		font-weight: 700;
	}


	@media all and (max-width: 767px) {
		.tabWrap ul {
			gap: 0;
		}
		.logic ul li:not(:last-of-type){
			background: url('../../images/eduinfo/logic_arrow_bottom.png') bottom  no-repeat;
			background-size: 28px;
			margin-bottom: 20px;
		}
		.logicStep {
			width: 182px;
			height: 160px;
			border: 1px solid #a4c2e8;
			border-radius: 20px;
			text-align: center;
			margin-bottom: 5px;
			}
		.logic ul{
			margin: 0 auto;
		    width: 200px;
		}
		.logic ul li {
			display:block;
			width: 182px;
			height: 260px;
			text-align: center;
			vertical-align: top;
			}
		.logic ul li p {
		    width: 182px;
			line-height: 20px;
			letter-spacing: -1px;
			}
		.logicStep h1{
			font-size: 16px;
		}
		.logicStep h1 span {
			display: inline-block;
			margin-top: 5px;
			background: #3195ea;
			line-height: 35px;
			width: 35px;
			color: #fff;
			font-family: 'Roboto';
		   border-radius: 50%;
		}

	}