.sub{margin:200px auto}
.sub_menu{float:left;width:20%;}
.sub_content{float:right;width:75%;padding:60px 40px;background:#FFF}
.sub .button{text-align:center;background:#5259f9;color:#FFF;border-radius:100px;padding:10px;display:block;margin:50px auto 0;max-width:150px;clear:both;}

.sub_menu .search {width:100%;background:#fff;padding:10px 20px;border-radius:100px;margin:0 0 20px 0}
.sub_menu .search input{border:none;width:82%;background:none;}
.sub_menu .search .fa{background:#6269fa;color:#FFF;border-radius:100%;float:right;width:28px;height:28px;font-size:12px;text-align:center;line-height:2.5}

.sub_content .search {width:40%;border:1px solid #d7d7d7;padding:10px 20px;border-radius:100px;margin:30px auto 0}
.sub_content .search input{border:none;width:85%;background:none;}
.sub_content .search .fa{background:#6269fa;color:#FFF;border-radius:100%;float:right;width:28px;height:28px;font-size:12px;text-align:center;line-height:2.5}

.sub_board{overflow:hidden;padding:60px 40px;background:#FFF}

.paper{background:#FFF;padding:60px;}
.paper .form ul{overflow:hidden;padding:0 0 30px 0}
.paper .form ul h2{float:left;width:20%;padding:15px 0}
.paper .form ul li{float:left;width:80%;}
.paper .form ul:last-child{padding:0}
.paper .form p{padding:15px 0}
.paper .form input{width:100%;border:1px solid #f5f5f5;padding:15px}
.paper .form textarea{width:100%;border:1px solid #f5f5f5;padding:15px}
.paper .login{float:right;overflow:hidden;margin:0 0 20px 0}
.paper .login li{float:left}
.paper .login li:nth-child(2){margin:0 10px}
.paper .tab {overflow:hidden;width:30%;margin:0 auto 50px;border:1px solid #e6e6e6;border-radius:100px;}

.paper .tab li {float: left;width: 33.33333333%;text-align: Center;}
/*.paper .tab li{float:left;width:50%;text-align:Center;}*/
.paper .tab li a{display:block;color:#8b8b8b;padding:10px 0;}
.paper .tab li a.on{background:#5259f9;color:#fff;border-radius:100px}

/*약관동의*/
.agree .check{padding:20px 30px;border:1px solid #d6d6d6;border-bottom:none}
.agree .check .fa{color:#d6d6d6;font-size:25px}
.agree textarea{width:100%;border:1px solid #d6d6d6;color:#909090;padding:30px}

/*내가 쓴 글*/
.list table{border-collapse:collapse;width:100%;margin:0 0 30px 0}
.list table th{padding:15px 0;background:#eef1ff}
.list table td{padding:10px 0;border-bottom:1px solid #d6d6d6;text-align:center}
.list table td:nth-child(2){color:#5259f9}
.list table td:nth-child(3){text-align:left}


/*모의지원*/
.test .tab {overflow:hidden;width:30%;margin:0 0 50px 0;border:1px solid #e6e6e6;border-radius:100px;}
.test .tab li{float:left;width:50%;text-align:Center;}
.test .tab li a{display:block;color:#8b8b8b;padding:10px 0;}
.test .tab li a.on{background:#5259f9;color:#fff;border-radius:100px}
.test table{float:left;width:30%;text-align:center;border:1px solid #f3f3f3}
.test table:nth-child(2){margin:0 5%}
.test table th{padding:10px;}
.test table td{cursor:pointer;padding:10px;background:#f3f3f3;color:#bfbfbf}
.test table td.on{background:#5259f9;color:#FFF}
.test table td:first-child{color:#5259f9;background:none}

/*지원결과*/
.graph {width: 100%;overflow:hidden}
.graph .singleBar {width: 10.28%;float: left;margin:0 2%;}
.graph .singleBar .bar {position: relative;height: 300px;overflow: hidden;}
.graph .singleBar .bar .value {position: absolute;bottom: 0;width: 100%;background: #d2d9ec;}
.graph .singleBar .title {margin:10px 0 0 0;text-align: center;}

.result table{width:100%;text-align:center;border-collapse:collapse}
.result table th{padding:15px;}
.result table tr{border-bottom:3px solid #fff}
.result table td{padding:10px;background:#f3f3f3}
.result table td:nth-child(1){background:#d2d9ec;color:#727d9b}

.result2.paper{padding-top:0px;}

.result2 table{width:100%;text-align:center;border-collapse:collapse}
.result2 table th{padding:15px;}
.result2 table tr{border-bottom:3px solid #fff}
.result2 table td{padding:10px;background:#f3f3f3}
.result2 table td.bg-effect{background:#d2d9ec;color:#727d9b}

#mn01{padding:0 0 100px 0;clear:both}
#mn01 .slide{padding:0 0 30px 0}
#mn01 .slide .swiper-button-next, #mn01 .slide .swiper-button-prev{outline:none;width:10px;height:13px;bottom:0;top:auto;background-position:center;background-repeat:no-repeat}
#mn01 .slide .swiper-button-prev:after, #mn01 .slide .swiper-button-next:after{content:"";}
#mn01 .slide .swiper-button-prev{background-image:url('/img/main/btn_prev02.png');right:5%;left:auto;}
#mn01 .slide .swiper-button-next{background-image:url('/img/main/btn_next02.png');right:0}
#mn01 .slide .swiper-pagination{bottom:0;width:5.5%;right:0;left:auto}
#mn01 .profile{border-radius:100%;float:left;margin:20px 20px 0 0}
#mn01 .swiper-slide{background:#fff;border-radius:20px;padding:30px}
#mn01 .swiper-slide-active{box-shadow:0 10px 10px -7px #555}
#mn01 .swiper-slide .txt01{color:#828282;font-weight:300;font-size:14px;}

#mn02 {background:#FFF;padding:40px;overflow:hidden;margin:0 0 50px 0}
#mn02 .box {width:48%;}
#mn02 .box li{margin:0 0 10px 0}
#mn02 .box li:last-child{margin:0}
#mn02 .box01 {border-right:1px solid #ebebeb;padding:0 3% 0 0}

.sub_content .teacher ul {overflow:hidden;padding:30px 0;border-bottom:1px solid #ebebeb}
.sub_content .teacher ul:last-child{border:none;padding:30px 0 0 0}
.sub_content .teacher li{float:left;}
.sub_content .teacher .box01{width:20%;}
.sub_content .teacher .box02{width:45%;margin:0 2.5%;}
.sub_content .teacher .box02 span{background:#5259f9;color:#FFF;border-radius:100px;padding:0px 10px;margin:0 0 0 5px}
.sub_content .teacher .box03{width:30%;}
.sub_content .teacher .box03 p{display:inline-block}
.sub_content .teacher .box03 img{float:left;margin:0 10px 0 0}
.sub_content .teacher .box03 div{padding:10px 0}
.sub_content .teacher .box03 div:nth-child(2){border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.sub_content .teacher .box03 .blue {font-size:24px;float:right;line-height:1.2}
.sub_content .teacher .box04{width:30%;}
.sub_content .teacher .box04 a:nth-child(2){margin:10px 0}
.sub_content .teacher .box04 a:nth-child(3){margin:10px 0}
.sub_content .teacher .box04 a{text-align:Center;border-radius:100px;display:Block;padding:10px 15px;background:#f4f4f4;}
.sub_content .teacher .box04 a:hover{background:#eef1ff;color:#5259f9;}

.sub_board .box{width:48%;}
.sub_board .box01{border-right:1px solid #ebebeb}
.sub_board .box01 img{border-radius:100%;}
.sub_board .box01 span{background:#5259f9;color:#FFF;border-radius:100px;padding:0px 10px;margin:0 0 0 5px}
.sub_board .box01 .info {overflow:hidden;margin:30px 0}
.sub_board .box01 .info li{width:48%;}

.sub_board .box02 .tab {overflow:hidden;width:40%;margin:30px auto;border:1px solid #e6e6e6;border-radius:100px;}
.sub_board .box02 .tab li{float:left;width:50%;text-align:Center;}
.sub_board .box02 .tab li a{display:block;color:#8b8b8b;padding:10px 0;}
.sub_board .box02 .tab li a.on{background:#5259f9;color:#fff;border-radius:100px}

.notice{padding:50px 0 0 0;overflow:hidden}
.notice li{float:left;width:50%;}

.recommend {padding:100px 0}
.recommend table{border-spacing:0;width:100%;border-collapse:collapse}
.recommend table tr{border-bottom:10px solid #f4f6fa}
.recommend table td{background:#FFF;padding:20px}
.recommend table td:nth-child(3) img{margin:0 5px;vertical-align:top}
.recommend table td:nth-child(4) img{margin:0 5px 0 0;vertical-align:top}
.recommend .off{color:#d80000}
.recommend .off td:nth-child(3) img{display:none}

.recommend02 ul{padding:0 0 30px 0;overflow:hidden}
.recommend02 .part{overflow:hidden;padding:15px 30px;background:#f3f3f3;}
.recommend02 .part p{line-height:2}
.recommend02 .part img{margin:0 15px 0 0}
.recommend02 form{padding:15px 30px;overflow:hidden}
.recommend02 form li{float:left;width:20%}
.recommend02 form input{margin:0 10px 0 0}


.class table{border-spacing:0;width:100%;border-collapse:collapse}
.class table tr{border-bottom:10px solid #f4f6fa}
.class table td{background:#FFF;padding:20px}
.class table td:nth-child(4){background:#5259f9;color:#FFF;text-align:Center}
.class table td:nth-child(5){background:#000;color:#FFF;text-align:Center}
.class table td:nth-child(4) a, .class table td:nth-child(5) a{color:#FFF}

.data table{width:100%;border-collapse:collapse}
.data th {background:#f4f6fa;padding:15px 5px}
.data td{padding:15px 5px;border-bottom:1px solid #ebebeb;text-align:center}
.data td:nth-child(2){text-align:left}

.data .board_write{float:right;padding:5px 15px;margin:20px 0 0 0;background:#000;color:#FFF}
.data .pagination {overflow:hidden;margin:50px auto 0;max-width:100%;}
.data .pagination a {color:#cbcbcb;float: left;padding: 0px 15px;text-decoration: none;}
.data .pagination a.on{color:#000;font-weight:500}

.data2 table{width:100%;border-collapse:collapse}
.data2 th {background:#f4f6fa;padding:15px 5px}
.data2 td{padding:15px 5px;border-bottom:1px solid #ebebeb;text-align:center}
.data2 td:nth-child(3){text-align:left}

.data2 .board_write{float:right;padding:5px 15px;margin:20px 0 0 0;background:#000;color:#FFF}
.data2 .pagination {overflow:hidden;margin:20px auto 0;max-width:100%;text-align:center}
.data2 .pagination a {color:#cbcbcb;float: left;padding: 0px 15px;text-decoration: none;}
.data2 .pagination a.on{color:#000;font-weight:500}

.data_view .date{float:left;margin:0 30px 0 0 }
.data_view .content{padding:50px 0 100px 0}
.data_view .report{float:left;background:#000;color:#FFF;padding:5px 15px}
.data_view .list{float:right;border:1px solid #ccc;color:#969696;padding:5px 15px}
.data_view .comment .box01{overflow:hidden;padding:15px 30px;background:#f4f6fa}
.data_view .comment .box01 p{display:inline-block}
.data_view .comment .box02{padding:30px;border-bottom:1px solid #eee}
.data_view .comment .box03{padding:20px 30px 20px 50px;overflow:hidden;}
.data_view .input {margin:50px 0;overflow:hidden}
.data_view .input input{width:80%;float:left;padding:26px;border:1px solid #f5f5f5}
.data_view .input ul{float:right;width:20%;}
.data_view .input li {float:left;width:50%;text-align:Center;padding:15px}
.data_view .input li a{color:#FFF;}
.data_view .input li:nth-child(1){background:#000;}
.data_view .input li:nth-child(2){background:#5259f9;}

.data_view .pop {display:none;padding:50px;background:#fff;position:fixed; top:50%; left:50%;transform:translate(-50%,-50%); z-index:60; width:600px; }
.data_view .pop .btn_close {position:absolute; top:30px; right:30px; width:30px; height:30px; background:url('/img/sub/btn_close.png') no-repeat center;}
.data_view .pop01 .tit{margin:0 0 20px 0;overflow:hidden;text-align:center;width:45%;background:#5259f9;color:#FFF;padding:10px 20px;border-radius:100px}
.data_view .pop01 .txt02{line-height:2.5;margin:0 0 0 20px;display:inline-block}
.data_view .pop01 select{margin:0 0 20px 0;width:100%;padding:15px;font-size:20px;border:none;border-bottom:3px solid #cbcbcb}
.data_view .pop01 .report_submit{display:block;width:100px;padding:10px;background:#000;color:#FFF;text-align:Center;margin:30px auto;}
.data_view .pop02 img{display:block;margin:auto}
.data_view .pop02_submit{width:70%;margin:30px auto 0;overflow:hidden;}
.data_view .pop02_submit li{width:48%; border-radius:100px;}
.data_view .pop02_submit li a{display:Block;padding:10px;color:#FFF;text-align:center}
.data_view .pop02_submit li:nth-child(1){float:left;background:#5259f9}
.data_view .pop02_submit li:nth-child(2){float:right;background:#000}

.data_view .dimmed_bg {display:none; position:fixed; top:0; left:0; right:0; z-index:50; width:100%; height:100%;}
.data_view .dimmed_bg.on {display:block; background:rgba(0,0,0,0.7);}



.accordions{width:100%;}
.accordion-item {background-color: #5259f9;color:#FFF;}
.accordion-item .accordion-title {cursor: pointer;padding: 10px 20px;transition: all 0.4s;}
.accordion-item .accordion-title h2 {font-weight:400;display: flex;justify-content: space-between;}
.accordion-item .accordion-title i.fa-chevron-down {transform: rotate(0);transition: 0.4s;line-height:1.5}
.accordion-item .accordion-title i.fa-chevron-down.chevron-top {transform: rotate(-180deg);}
.accordion-item .accordion-content {/*display: none;*/background-color: #fff;}
.accordion-item .accordion-content li{padding:10px 20px;}
.accordion-item .accordion-content li a{display:block;color:#949494}
.accordion-item .accordion-content li a:hover{color:#5259f9;font-weight:400}
.accordion-item .accordion-content li a.on{color:#5259f9;font-weight:400}
.accordion-item .accordion-content.active {display: block;}
.accordion-item .accordion-content p {margin: 0;}





@media (max-width: 1300px){
	.sub{margin:250px auto 100px}
	.sub_content{padding:30px}

	#mn01{padding:0 0 50px 0}
	#mn02{padding:30px}

	.paper{padding:30px;}
	.paper .form ul h2{width:100%;}
	.paper .form ul li{width:100%;}
	.paper .form p{padding:0}
	.paper .tab{width:50%;}

	.sub_board{padding:30px 5px;}
	.recommend .table{overflow-x:auto;}
	.recommend table{width:1000px;}

	.data_view .input input{width:60%}
	.data_view .input ul{width:40%;}

}

@media (max-width:1366px) and (min-width:1024px){	
	
	
	
	
	
}
@media (max-width:1023px){
	
	.sub_menu{width:100%;}
	.sub_content{width:100%;}
	.sub .button{margin:20px auto 0}
	
	.accordions {width:48%;}

	.test table{width:100%;}
	.test table:nth-child(2){margin:5% 0}
	
	
	#mn01 .slide .swiper-pagination{width:10%;}
	#mn01 .slide .swiper-button-prev{right:10%;}

	.sub_board .box{width:100%;}
	.sub_board .box01{padding:0 0 30px 0;border-right:none;border-bottom:1px solid #ebebeb;}
	.sub_board .box02{padding:30px 0 0 0}
	.notice li{width:100%}

	.recommend{padding:50px 0}	
	.class .table{overflow-x:auto;}
	.class table{width:1000px}

	.data .table{overflow-x:auto}
	.data table{width:800px}
	.data .pagination{margin:30px auto 0}

	.data2 .table{overflow-x:auto}
	.data2 table{width:800px}
	.data2 .pagination{margin:30px auto 0}	

	.accordion-item .accordion-content{display:none}

	
} 

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



} 

@media (max-width: 767px){
	.sub{margin:30px auto 70px}
	.paper{padding:10px;}
	.sub_content{padding:10px}
    .sub_board .box01 span{padding:2px 10px;}
    .sub_content .teacher .box04 a:nth-child(2){margin:4px 0}


	.paper .form{width:100% !important;}
	.paper .form ul{padding:0 0 20px 0}	
	.paper .form input{padding:10px 15px}
	.paper .form ul h2{padding:0 0 10px 0}
	
	.paper .login{float:none}
	.paper .tab{width:100%;margin:0 0 30px 0}

	.agree .check{padding:10px 15px}
	.agree .check .fa{font-size:18px}
	.agree textarea{padding:15px}

	.list .table{overflow-x:auto;}
	.list table{width:600px;margin:0 0 10px 0}
	.list table th{padding:10px 5px}
	.list table td{padding:10px 5px}

	.result .table{overflow-x:auto;}
	.result table{width:600px;}

	.result2 .table{overflow-x:auto;}
	.result2 table{width:600px;}

	#mn01 .swiper-slide{padding:20px;text-align:center;}	
	#mn01 .slide .swiper-pagination{width:100%;}
	#mn01 .slide .swiper-button-prev{left:40%;right:auto}
	#mn01 .slide .swiper-button-next{right:40%}
	#mn01 .profile{float:none;display:block;margin:0 auto 20px;}

	#mn02 .box{width:100%;}
	#mn02 .box01{border:none;padding:0 0 10px 0}
	
	.sub_board .box01 img{height:200px}
	.sub_board .box02 .tab{width:100%;}

	.notice{padding:20px 0 0 0}

	.teacher .box01{width:100%;margin:0 0 20px 0}
	.teacher .box01 img{margin:auto}
	.teacher .box02{width:48%;margin:0}
	.teacher .box03{width:48%;float:right}
	.teacher .box03 .blue{font-size:14px;}
	.teacher .box03 img{height:18px;}
	
	.recommend02 .part img{height:25px}
	.recommend02 .part{padding:15px}
	.recommend02 form{padding:15px 5px;}
	.recommend02 form li{width:25%;}
		
	.sub_content .teacher .box01{width:40%;}
	.sub_content .teacher .box02{width:60%;margin:0 0 4% 0;padding: 10px;}
	.sub_content .teacher .box03{width:100%;}
	.sub_content .teacher .box03 .blue{font-size:20px}
	.sub_content .teacher .box04{width:100%;}



	
	.sub_menu .search .fa{width:25px;height:25px;font-size:10px}
	.sub_content .search{width:100%;}
	.sub_content .search .fa{width:25px;height:25px;font-size:10px}

	.data_view .comment .box01{padding:15px}
	.data_view .comment .box02{padding:15px}
	.data_view .comment .box03{padding:15px}
	.data_view .comment .box01 .right, .data_view .comment .box03 .right{font-size:10px;}
	.data_view .input{margin:30px 0}
	.data_view .input input{width:100%;padding:15px}
	.data_view .input ul{width:100%;}
	.data_view .input li{padding:10px}

	.data_view .pop{width:90%;padding:20px}
	.data_view .pop01 .tit{width:100%;margin:10px 0}
	.data_view .pop01 select{font-size:16px;padding:10px}
	.data_view .pop01 .txt02{line-height:1.2;text-align:Center;margin:0;display:Block;}
	.data_view .pop .btn_close{width:15px;height:15px}
}

@media (max-width: 360px){	
	
}