@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/*************** [board]basic ***************/
/*section_type_board_30 : 게시판*/
#section_type_board_30 {width:100%; /* height:700px; */ background:url("/section/board/board_30/img/bg.jpg")no-repeat center center; background-size:cover;}
#section_type_board_30 .inner {max-width:1500px;}

	 #section_type_board_30 .top {float:left; width:36%;}
		#section_type_board_30 .top h1 {font-size:80px; font-weight:300; font-family: 'GmarketSansLight'; color:#000; line-height:135%; padding-top:80px; margin-bottom:30px;}
		#section_type_board_30 .top h1 span {font-family: 'GmarketSansMedium';}
		#section_type_board_30 .top p {font-size:20px; font-family: 'GmarketSansMedium'; color:#000; font-weight:300; margin-bottom:60px;}
		#section_type_board_30 .top h4 {font-size:24px; font-family: 'GmarketSansMedium';  font-weight:300; display:inline-block; width:280px; height:50px; border-radius:30px; background:#434545; padding-top:16px; box-sizing:border-box;}
		#section_type_board_30 .top h4 a {color:#fff; width:100%; height:100%; display:block; border-radius:30px; text-align:center;}
		
	#section_type_board_30 .autoplay {position:relative; float:left; width:64%; border:20px solid #000; border-radius:20px; box-sizing:border-box; box-shadow:0px 25px 23px rgb(0 0 0 / 70%);}
		#section_type_board_30 .autoplay .image h3 {width:100%;}
		#section_type_board_30 .autoplay .image h3 img {width:100%;}


#section_type_board_30 .autoplay .slick-prev:hover,
#section_type_board_30 .autoplay .slick-prev:focus,
#section_type_board_30 .autoplay .slick-next:hover,
#section_type_board_30 .autoplay .slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
#section_type_board_30 .autoplay .slick-prev:hover:before,
#section_type_board_30 .autoplay .slick-prev:focus:before,
#section_type_board_30 .autoplay .slick-next:hover:before,
#section_type_board_30 .autoplay .slick-next:focus:before
{
    opacity: 1;
}
#section_type_board_30 .autoplay .slick-prev.slick-disabled:before,
#section_type_board_30 .autoplay .slick-next.slick-disabled:before
{
    opacity: .25;
}

#section_type_board_30 .autoplay .slick-prev,
#section_type_board_30 .autoplay .slick-next {width:40px; height:40px;}

#section_type_board_30 .autoplay .slick-prev {left:-80px;}
#section_type_board_30 .autoplay .slick-next {right:-80px;}

#section_type_board_30 .autoplay .slick-prev:before,
#section_type_board_30 .autoplay .slick-next:before
{
    font-family: 'Noto Sans KR';
    font-size: 40px;
    line-height: 1;

    opacity: .75;
    color: #000;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



/*************** [board]responsive ***************/
/*게시판*/
@media screen and (max-width:1520px){
	#section_type_board_30 .inner {max-width:86%; margin:0 auto;}

	#section_type_board_30 .top h1 {font-size:60px; padding-top:100px;}
	#section_type_board_30 .top p {font-size:18px;}
	#section_type_board_30 .top h4 {font-size:20px; width:260px;}
	
	#section_type_board_30 .autoplay .image h2 {font-size:26px; top:90px;}
	#section_type_board_30 .autoplay .image h4 {font-size:16px; top:110px;}
}
@media screen and (max-width:1200px){
	
}
@media screen and (max-width:1024px){
	#section_type_board_30 {height:auto;}
		#section_type_board_30 .top {float:none; width:100%; text-align:center;}
		#section_type_board_30 .autoplay {float:none; width:80%; margin:50px auto;}
}

@media screen and (max-width:600px){
	#section_type_board_30 .inner {max-width:96%; margin:0 auto;}

	#section_type_board_30 .top h1 {font-size:50px;}
}

@media screen and (max-width:450px){	
	#section_type_board_30 .top h1 {font-size:40px;}
	#section_type_board_30 .top h4 {font-size:18px; width:240px; height:40px; padding-top:13px;}
	#section_type_board_30 .top p {margin-bottom:40px;}
	
	#section_type_board_30 .autoplay {width:70%; margin:30px auto;}
	#section_type_board_30 .autoplay .image h2 {font-size:24px; top:80px;}
	#section_type_board_30 .autoplay .image h4 { font-size:14px; top:100px;}

	#section_type_board_30 .autoplay .slick-prev {left:-70px;}
	#section_type_board_30 .autoplay .slick-next {right:-70px;}
}