@charset "UTF-8";
.main_wrap{
	width:100%;
	position:relative;
	margin-top:51px;
}
.main_wrap .ico-arrow:after {
	content: '';
	display: inline-block;
	width: 9px;
	height: 14px;
	margin-left: 9px;
	background: url('/_skin/tpl_skin/basic_plant_protection/main/icon-arrow-white.png') no-repeat 0 0;
}
.main_wrap .ico-arrow.ico-black:after {
	background: url('/_skin/tpl_skin/basic_plant_protection/main/icon-arrow-black.png') no-repeat 0 0;
}
.main_wrap .btn-more {
	display: inline-block;
	line-height: 42px;
	border: 1px solid #000;
	padding: 0 32px;
	border-radius: 20px;
	letter-spacing: -0.08em;
	color:#000;
	font-size:18px;
	font-weight: 400;
	font-style:normal;
	position: relative;
}
.main_wrap .btn-more.btn-white {
	color: #fff;
	border-color: #fff;
}
.main_wrap .btn-more.btn-black,
.main_wrap .btn-more:hover {
	color: #fff;
	border-color: #000;
	background: #000;
}
.main_wrap .btn-more.btn-black:hover {
	color: #000;
	background: transparent;
}
.main_wrap .btn-more:hover i.ico-arrow:after {
	background: url('/_skin/tpl_skin/basic_plant_protection/main/icon-arrow-black.png') no-repeat 0 0;
}
.main_wrap .btn-more:hover i.ico-arrow.ico-black:after,
.main_wrap .btn-more.btn-white:hover i.ico-arrow:after {
	background: url('/_skin/tpl_skin/basic_plant_protection/main/icon-arrow-white.png') no-repeat 0 0;
}

.main_wrap .tab_menu{
	width:100%;
	overflow:hidden;
}
.main_wrap .tab_menu li{
	float:left;
	width:24.25%;
}
.main_wrap .tab_menu li:last-child{
	margin-right:0 !important;
}
.main_wrap .main_inner{
	width:1000px;
	margin:0 auto;
	position:relative;
}
.main_swiper_wrap{
	overflow: hidden;
	width:100%;
}
.main_swiper_wrap .swiper-wrapper{
	height:400px;
}
.main_banner_wrap .banner{
	position:relative;
	width:100%;
	height:400px;
}
.main_banner_wrap ul .banner1{
	background:url('/_skin/tpl_skin/basic_plant_protection/main/top_bn1_bg.png') no-repeat center;
}
.main_banner_wrap ul .banner2{
	background:url('/_skin/tpl_skin/basic_plant_protection/main/top_bn2_bg.png') no-repeat center;
}
.main_banner_wrap ul .banner3{
	background:url('/_skin/tpl_skin/basic_plant_protection/main/top_bn3_bg.png') no-repeat center;
}

.main_banner_wrap ul .banner .main_inner{
	width:1000px;
	height:400px;
	margin:0 auto;
	box-sizing:border-box;
	position:relative;
}
.main_banner_wrap .btn-more {
	margin-top: 37px;
	border-color: #5475e9;
	letter-spacing: -0.1em;
	color: #fff;
	background-color: #5475e9;
}
.main_banner_wrap .btn-more .ico-arrow:after,
.main_banner_wrap .banner .btn-more:hover .ico-arrow:after {
	background: url('/_skin/tpl_skin/basic_plant_protection/main/icon-arrow-white-bold.png') no-repeat 0 0;
}
.main_banner_wrap ul .banner .main_inner i{
	font-size:24px;
	font-style: normal;
}
.main_banner_wrap ul .banner .main_inner h1{
	font-size:50px;
	line-height: 58px;
	margin:18px 0 0 ;
	font-weight: 400;
}
.main_banner_wrap ul .banner .main_inner h1 b{
	font-weight:900;
}
.main_banner_wrap ul .banner .main_inner .bullet{
	position:absolute;
	left:430px;
	top:66px;
}
.main_banner_wrap ul .banner6 .main_inner .bullet{
	left: 730px;
	top: 66px;
}
.main_banner_wrap ul .banner .main_inner .bullet2{
	left: 500px;
}
.main_banner_wrap .pagenation_wrap{
	width:1000px;
	height:60px;
	margin:0 auto 30px;
	position:relative;
	display: table;
}
.main_banner_wrap .pagenation_wrap > div{
	display: table-cell;
	vertical-align: middle;
	width:auto;
	text-align: center;
	/*! float: right; */
}
.main_banner_wrap .pagenation_wrap > div.btn_box{
	width: 490px;
}
.main_banner_wrap .pagenation_wrap .page_number{
	width:40px;
	text-align: center;
	color:#5575e6;
}
.main_banner_wrap .pagenation_wrap .page_number > p{
	display: inline-block;
	vertical-align: middle;
}
.main_banner_wrap .pagenation_wrap .page_number > p#start_index{
	font-weight: 900;
}
.main_banner_wrap .pagenation_wrap .slide_cont{
	position: relative;
	padding:0 18px;
	box-sizing:border-box;
	width:180px;
	height: auto;
}
.main_banner_wrap .pagenation_wrap .slide_cont > *{
	position:absolute;
	width:30px;
	height:30px;
	margin:0;
	top:16px;
	display:block;
}
.main_banner_wrap .pagenation_wrap .slide_cont .swiper-button-next{
	background:url('/_skin/tpl_skin/basic_youth_counselor3/img/main_new/navi_arrow_right.png')center no-repeat;
	left: 80px;
}
.main_banner_wrap .pagenation_wrap .slide_cont .swiper-button-prev{
	background:url('/_skin/tpl_skin/basic_youth_counselor3/img/main_new/navi_arrow_left.png')center no-repeat;
	left: 28px;
}
.main_banner_wrap .pagenation_wrap .slide_cont .swiper-button-pause{
	background:url('/_skin/tpl_skin/basic_youth_counselor3/img/main_new/navi_pause.png')center no-repeat;
	position: absolute;
	left:135px;
	cursor:pointer;
	z-index: 1;
}
.main_banner_wrap .pagenation_wrap .slide_cont .swiper-button-play{
	display:none;
	background:url('/_skin/tpl_skin/basic_youth_counselor3/img/main_new/navi_play.png')center no-repeat;
	position: absolute;
	left:135px;
	cursor:pointer;
	z-index: 1;
}
.main_banner_wrap ul .banner .applylist{
	position:relative;
}
.main_banner_wrap ul .banner .apply_menu{
	float:right;
}
.main_banner_wrap ul .banner .apply_menu li{
	background:#000;
	color:#fff;
	width:202px;
	box-sizing:border-box;
	margin:0 0 10px;
	text-align:center;
	opacity:0.5;
}
.main_banner_wrap ul .banner .apply_menu li.selected{
	opacity:1;
}
.main_banner_wrap ul .banner .apply_txt{
	display:none;
}
.main_banner_wrap ul .banner .apply_txt.selected{
	display:block;
}
.main_banner_wrap ul .banner .apply_menu li a{
	display:block;
	width:100%;
	padding:26px 0;
	font-size:17px;
	font-weight:600;
}
.main_banner_wrap .apply-slide-txt {
	display: block;
	margin: 48px 0 0 -1px;
}
.main_banner_wrap .apply-slide-mark {
	position: absolute;
	top: -18px;
	left: 541px;
}
.main_banner_wrap .pagenation_wrap #tab ul{
	display:table;
	width:auto;
	margin:0 auto;
	position: relative;
}
.main_banner_wrap .pagenation_wrap #tab ul li{
	float:none;
	display: table-cell;
	vertical-align: middle;
	width: 275px;
	height:35px;
	/* padding:0 15px; */
	border:none;
	position: relative;
	word-break: keep-all;
}
.main_banner_wrap .pagenation_wrap #tab ul .swiper-pagination-bullet-active{
	background:none;
}
.main_banner_wrap .pagenation_wrap #tab ul li a{
	display: inline-block;
	font-weight: 400;
	font-size:18px;
	padding: 5px 0 8px;
	font-family: 'noto5';
	position:relative;
	overflow:hidden;
}
.main_banner_wrap .pagenation_wrap #tab ul li a:before{
	background:#5475e9;
	height:3px;
	content:"";
	position:absolute;
	bottom:0;
	left:-2px;
	width:0;
}
.main_banner_wrap .pagenation_wrap #tab ul li a i{
	font-style:normal;
	font-weight: 300;
}
.main_banner_wrap .pagenation_wrap #tab ul .swiper-pagination-bullet-active a{
	background:none;
	color:#000;
}
.main_banner_wrap .pagenation_wrap #tab ul .swiper-pagination-bullet-active a:before{
	width:100%;
	transition:1s;
	left:0;
}
.main_banner_wrap .pagenation_wrap #tab ul .swiper-pagination-bullet-active a b{
	color:#5475e9;
}

/*띠배너*/
.banner_line{
	background:#495970;
	height:90px;
}
.banner_line .main_inner{
	height:100%;
	background:url('/_skin/tpl_skin/common_images/review_bn.png') left 56px center no-repeat;
}

/*고객지원*/
.main_wrap .cs_wrap{
	padding: 114px 0 120px;
  	background: #e6e8ec;
}
.main_wrap .cs_wrap .wrap_title{
	line-height: 1.4;
	text-align: center;
	font-size: 24px;
	font-family: 'noto2';
}
.main_wrap .cs_wrap .wrap_title b{
	font-size: 50px;
	font-family:"noto6";
}
.main_wrap .cs_wrap ul {
	display: flex;
}
.main_wrap .cs_wrap ul li {
	position: relative;
	border-radius: 20px;
	background:#fff;
}
.main_wrap .cs_wrap ul li + li {
	margin-left: 20px;
}
.main_wrap .cs_wrap ul li a {
	border: 2px solid transparent;
	border-radius: 20px;
	background:#fff;
}
.main_wrap .cs_wrap ul li a:hover {
	border-color: #000;
}
.main_wrap .cs_wrap .tab_menu {
	margin: 50px 0 20px ;
}
.main_wrap .cs_wrap .tab_menu li {
	position: relative;
	width: 235px;
	height: 100px;
	text-align: center;
}
.main_wrap .cs_wrap .tab_menu li a {
	display: block;
	height: 100%;
	line-height: 1.4;
	padding: 18px 0;
	box-sizing:border-box;
	letter-spacing: -0.08em;
	font-size: 20px;
	font-family: 'noto2';
}
.main_wrap .cs_wrap .tab_menu li a b {
	font-family: 'noto6';
}
.main_wrap .bbs_wrap > li {
	width: 490px;
	height: 150px;
	padding: 34px 34px 5px 39px;
}
.main_wrap .bbs_wrap .bbs_title h3 {
	letter-spacing: -0.08em;
	font-size: 22px;
	font-family:"noto6"
}
.main_wrap .bbs_wrap .bbs_title .btn-bbs{
	position: absolute;
	top: 31px;
	right: 30px;
	line-height: 24px;
	padding: 0 11px;
	border: 1px solid #000;
	border-radius: 16px;
}
.main_wrap .bbs_wrap .bbs_title .btn-bbs:hover{
	color: #fff;
	background: #000;
}
.main_wrap .bbs_wrap .bbs_title .btn-bbs:after {
	content: '+';
	position: relative;
	top: 2px;
	left: 2px;
	line-height: 20px;
	color: inherit;
	font-size: 21px;
}
.main_wrap .bbs_wrap .bbs_list {
	display: block;
	margin-top: 15px;
	font-size: 16px;
}
.main_wrap .bbs_wrap .bbs_list li {
	position: relative;
	margin: 0;
	padding-left: 9px;
	letter-spacing: -0.08em;
}
.main_wrap .bbs_wrap .bbs_list > li:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	width: 3px;
	height: 3px;
	background: #000;
}
.main_wrap .bbs_wrap .bbs_list li + li {
	margin-top: 5px;
}
.main_wrap .bbs_wrap .bbs_list > li a{
	display:block;
	width: auto;
	max-width: 100%;
	border: 0;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.main_wrap .bbs_wrap .bbs_list > li a:hover{
	text-decoration:underline;
	border-color: transparent;
}

.wrap_title{
    margin-bottom: 23px;
	letter-spacing: -0.08em;
    font-family:'noto2';
    font-size:36px;
    line-height:1.36;
}
.wrap_title b{
	letter-spacing: -0.08em;
	font-size: 50px;
	font-family:'noto6';
}
/*학습자료실*/
.study_data{
	padding:60px 0;
}
.study_data .ul-table{
	width:100%;
}
.study_data .ul-table li{
	width:25%;
	height:239px;
	padding:5px;
	box-sizing:border-box;
}
.study_data .ul-table li a{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	height:100%;
	text-align:center;
	border:2px solid #b7b7b7;
	box-sizing:border-box;
	padding-top:30px;
}
.study_data .ul-table li a i{
	font-size:14px;
	display:block;
	margin:0 auto 0;
	font-style:normal;
	color:#494949;
}
.study_data .ul-table li a img{
	margin:20px auto 23px;
}
.study_data .ul-table li a p{
	font-size:21px;
	font-family:'noto6';
	letter-spacing:-0.5px;
}
.study_data .ul-table li a span.btn_icon{
	display:block;
	width:89px;
	height:26px;
	margin:20px auto 0;
	font-size:12px;
	line-height:25px;
	letter-spacing:-0.7px;
	border-radius:5px;
	border:1px solid #9ca0ac;
	font-family:'noto2';
}
.study_data .ul-table li a:hover{
	border:2px solid #4d5a7c;
	box-sizing:border-box;
}
.study_data .ul-table li a:hover span.btn_icon{

	background:#4d5a7c;
	color:#fff;
}
/*도서*/
.main_book_wrap{
	padding:107px 0 128px;
	background: #eaeaea;
}
.main_book_wrap .book_deco {
	position: absolute;
	top: -97px;
	right: -121px;
	width: 630px;
	height: 490px;
	background:url('/_skin/tpl_skin/basic_plant_protection/main/book.png') 0 0 no-repeat;
	z-index: 0;
}
.main_book_wrap .book_title,
.main_book_wrap .book_intro {
	position: relative;
	z-index: 1;
}
.main_book_wrap .book_title img {
	display: block;
	margin-top: 8px;
}
.main_book_wrap .book_intro{
	width:500px;
	margin: 0;
}
.main_book_wrap .book_intro p,
.main_teacher_wrap .teacher_intro p{
	font-size:20px;
	line-height:30px;
	letter-spacing: -0.08em;
}
.main_book_wrap .popupVideo.type2{
    left:calc(50% - 250px);
    bottom: 66px;
}
.main_book_wrap .btn-more {
	margin-top: 35px;
}

/*선생님*/
.main_teacher_wrap{
	color: #fff;
	background: url('/_skin/tpl_skin/basic_plant_protection/main/teacher_bg.png') no-repeat center;
}
.main_teacher_wrap .main_inner{
	width: 1257px;
	height: 510px;
	padding: 114px 0 70px 127px;
	box-sizing:border-box;
	background:url('/_skin/tpl_skin/basic_plant_protection/main/teacher.png') right bottom no-repeat;
}
.main_teacher_wrap .wrap_title{
	line-height: 1.4;
	margin-bottom: 15px;
}
.main_teacher_wrap .teacher_intro p{
	line-height: 30px;
	margin-bottom: 35px;
	font-size: 20px;
	font-family: 'noto2';
}

/*수험정보*/
.exam_info {
	padding: 114px 0 120px;
}
.exam_info .wrap_title {
	line-height: 1.4;
}
.exam_info .ul-table{
	display: flex;
	margin: 51px auto 0;
}
.exam_info .ul-table li {
	width: 235px;
	height: 230px;
	border: 2px solid transparent;
	border-radius: 20px;
	box-shadow: 0 10px 20px 0 rgba(0, 3, 12, 0.3);
}
.exam_info .ul-table li:hover{
	border-color: #000;
}
.exam_info .ul-table li + li {
	margin-left: 20px;
}
.exam_info .ul-table li:nth-child(1) {
	background: url('/_skin/tpl_skin/basic_plant_protection/main/icon1.png') no-repeat right 23px bottom 18px;
}
.exam_info .ul-table li:nth-child(2) {
	background: url('/_skin/tpl_skin/basic_plant_protection/main/icon2.png') no-repeat right 28px bottom 18px;
}
.exam_info .ul-table li:nth-child(3) {
	background: url('/_skin/tpl_skin/basic_plant_protection/main/icon3.png') no-repeat right 24px bottom 25px;
}
.exam_info .ul-table li:nth-child(4) {
	background: url('/_skin/tpl_skin/basic_plant_protection/main/icon4.png') no-repeat right 18px bottom 27px;
}
.exam_info .ul-table li a {
	display: block;
	height: 100%;
	padding: 38px 39px;
}
.exam_info .ul-table li p{
	margin-bottom: 11px;
	letter-spacing: -0.08em;
	font-size: 24px;
	font-family:'noto6';
}
.exam_info .ul-table li span{
	display: inline-block;
	line-height: 1.46;
	font-size: 18px;
	font-family:'noto2';
}

.study_support_wrap{
	width:100%;
	padding:53px 0;
}
.study_support_wrap .exam_list{
	width:1000px;
	margin:0 auto;
}
.study_support_wrap{
	width:100%;
	padding:111px 0 120px;
}
.study_support_wrap .exam_list{
	width:1000px;
	margin:0 auto;
}
.study_support_wrap .btn-more {
	line-height: 38px;
	padding: 0 26px;
	font-size:16px;
}
.study_support_wrap li:hover .btn-more {
	color: #fff;
	border-color: #000;
	background: #000;
}
.study_support_wrap li:hover .btn-more i.ico-arrow.ico-black:after {
	background: url('/_skin/tpl_skin/basic_plant_protection/main/icon-arrow-white.png') no-repeat 0 0;
}
.study_support_wrap .ico-arrow:after {
	margin-left: 8px;
}
.study_support_wrap .ico-arrow.ico-black:after {
	position: relative;
	top: 1px;
	margin-left: 8px;
}
/*새거새거;*/
.study_support_wrap.new .exam_list .exam_info{
	border:none;
}
.study_support_wrap.new .exam_list .exam_info li:after{
	position:absolute;
	right:0;
	top:15%;
	width:1px;
	height:80%;
	display:block;
	content:'';
	background:#eaeaea;
}
.study_support_wrap.new .exam_list .exam_info li:last-child:after{
	display:none;
}
/*새거새거 */
.study_support_wrap .exam_list .exam_info{
	width:100%;
	padding:25px 0;
	border:1px solid #d1d1d1;
	box-sizing:border-box;
	margin:21px auto;
}
.study_support_wrap .exam_list .exam_info li{
	width:16.5%;

	text-align:center;
	position:relative;
}
.study_support_wrap .exam_list .exam_info li:first-child{
	padding-right:3.1%;
	width:12.5%;
}
.study_support_wrap .exam_list .exam_info li p:not(.icon_bg){
	font-size:17px;
	font-weight:400;
}
.study_support_wrap .exam_list .exam_info li .icon_bg{
	width:76px;
	height:76px;
	margin:0 auto 8px;
	line-height:76px;
	border-radius:50%;
	background:#fff;
}
.study_support_wrap .exam_list .exam_info li:hover p:not(.icon_bg){
	font-weight:900;
	letter-spacing:-1px;
}
.study_support_wrap .exam_list .exam_info li:hover .icon_bg{
	background:#f3f3f3
}
.study_support_wrap .exam_info2{
	display: table;
	width:1000px;
	margin: 52px auto 0;
}
.study_support_wrap .exam_info2 li{
	width:480px;
	min-height: 285px;
	text-align:left;
}
.study_support_wrap .exam_info2 li:first-child{
	width:520px;
	/*padding-right:20px;*/
	box-sizing:border-box;
}
.study_support_wrap .exam_info2 li:first-child a{
	background: url('/_skin/tpl_skin/basic_plant_protection/main/img2_1.png') 91% 86% no-repeat;
}
.study_support_wrap .exam_info2 li:last-child a{
	background: url('/_skin/tpl_skin/basic_plant_protection/main/img2_2.png') 93% 94% no-repeat;
}
.study_support_wrap .exam_info2 li a{
	display:block;
	width:490px;
	height:100%;
	border:2px solid transparent;
	padding: 28px 43px 39px;
	border-radius: 20px;
	box-sizing:border-box;
	box-shadow: 0px 10px 30px 0 rgba(0, 3, 12, 0.3);
}
.study_support_wrap .exam_info2 li a:hover{
	border-color: #000;
}
.study_support_wrap .exam_info2 li a p{
	font-size:24px;
	line-height:43px;
	margin: 0 0 9px;
	letter-spacing: -0.07em;
	font-weight: 400;
}
.study_support_wrap .exam_info2 li a p b{
	font-size:34px;
	font-weight: 900;
}
.study_support_wrap .exam_info2 li a span{
	display:block;
	font-size:18px;
	line-height: 25px;
	margin: 0 0 28px;
	font-weight: 300;
	line-height: 140%;
}