/* main */
#main>div{position:relative;width:100%;overflow:Hidden;}
#main .slick-dots{text-align:center;font-size:0}
#main .slick-dots>li{display:inline-block;margin:0 8px;vertical-align:top}
#main .slick-dots>li button{display:block;width:16px;height:16px;background: rgba(191, 191, 191, 0.6);border-radius:16px;font-size:0;transition:.3s}
#main .slick-dots>li.slick-active button{width:37px;background:#E43D30}
#main h3{margin-bottom:20px;font-size:32px;font-weight:700}
#main h3 span{display:inline-block;margin:0 0 0 50px;font-size:15px;}

#main_visual .slick-slide{height:1060px;max-height:100vh;position:relative;background-position:center}
#main_visual .slick-slide p{display:none}
#main_visual .slick-slide>img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:1000px;max-width:90%}

#main_visual .slick-arrow{
	position:absolute;top:50%;
	width:35px;height:35px;
	background:url(../images/main/btn_prev.svg) no-repeat;background-size:100% auto;
	border:0;
	font-size:0;z-index:10
}
#main_visual .slick-prev{left:68px}
#main_visual .slick-next{right:68px;background-image:url(../images/main/btn_next.svg)}
#main_visual .slick-dots{position:absolute;left:0;bottom:48px;width:100%;}

#roll_bn{padding:67px 0}
#roll_bn .slick-slide{margin:0 10px}
#roll_bn .slick-slide a{position:relative;display:block;width:540px;height:350px;box-sizing:border-box;border-radius:20px;}
#roll_bn .slick-slide a img{position:absolute;top:50%;right:50px;transform:translateY(-50%)}
#roll_bn .slick-slide dl{position:absolute;top:50%;left:50px;transform:translateY(-50%)}
#roll_bn .slick-slide dl dt{margin-bottom:10px;font-size:36px;font-weight:700}
#roll_bn .slick-slide dl dd{font-size:20px;word-break:keep-all;line-height:1.3em}
#roll_bn .slick-slide dl dd:after{content:'자세히보기';display:block;margin-top:20px;width:100px;height:33px;line-height:30px;background:#3E3E3E;border-radius:30px;text-align:center;font-size:15px;color:#fff}
#roll_bn .slick-dots{margin-top:47px}

#main_wide_bn{background: #f7b727;}
#main_wide_bn p{position:relative;max-width:1110px;margin:0 auto;padding:100px 40px;background:url(../images/main/wide_bn_bg.png) no-repeat right 275px bottom;font-size:28px;color:#fff}
#main_wide_bn p span{display:inline-block;max-width:617px;word-break:keep-all}
#main_wide_bn p a{position:absolute;top:50%;right:40px;display:block;width:211px;height:60px;line-height:60px;margin-top:-30px;background: #5c5d60;border-radius: 30px;text-align:center;font-size:17px;color:#fff;overflow:Hidden;}
.btn_wave{overflow:Hidden;position:relative;}
.btn_wave span{position:relative;z-index:1}
.btn_wave:hover:after { content: ""; position: absolute; width: 500px; height: 500px; border-radius: 200px; background-color: #0097e6; top: 40px; left: 50%; transform: translate(-50%); animation: btn_wave 8s forwards linear; transition: all 1s;  }
@keyframes btn_wave {
  0% { transform: translate(-50%) rotate(-180deg); }
  100% { transform: translate(-50%) rotate(360deg); top:-30px} 
} 

#main_instr_area{max-width:1100px;margin:106px auto 0;padding:0 40px;box-sizing:border-box;}

#main_board_area{max-width:1100px;margin:106px auto 0;padding:0 40px;box-sizing:border-box;}
#main_board_area>div{position:relative;float:right;width:300px}
#main_board_area>div.notice{float:left;width:calc(100% - 400px);}
#main_board_area a.more{position:absolute;top:10px;right:0;display:block;width:34px;height:34px;border:1px solid #BABABA;border-radius:50%;background:url(../images/main/btn_more.svg) no-repeat center;font-size:0;transition:.3s}
#main_board_area a.more:hover{transform:rotate(180deg);background-size:50% auto;background-color:#f8f8f8}
#main_board_area .custom dt{margin-bottom:10px;font-size:35px;font-weight:700;color:#E43D30;text-align:center}
#main_board_area .custom dt a{color:#E43D30;}
#main_board_area .custom dt:before{
	content:'';
	display:inline-block;width:30px;height:30px;
	margin-right:10px;
	background:url(../images/main/icon_call.svg) no-repeat 0 center;
}
#main_board_area .custom dd{font-size:15px;text-align:center;}
#main_board_area .custom dd a{
	display:block;height:70px;line-height:70px;
	margin-top:20px;
	background: #FFFFFF;
	border: 1px solid #BBBBBB;
	box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	text-align:center;font-size:17px;font-weight:700;color:#000
}
#main_board_area .custom dd a:before{
	content:'';
	position:relative;
	display:inline-block;width:41px;height:44px;
	margin-right:10px;
	background:Url(../images/main/icon_custom.svg) no-repeat center;
	vertical-align:middle;z-index:1
}
#main_board_area .custom p{margin-top:50px;text-align:center;font-size:0}
#main_board_area .custom p a{display:inline-block;margin:0 10px}

.latest_more_view{display:none}
ul.latest_content li{padding:18px 0}
div#letest_atc_page{display:none}
p.latest_line strong{margin:0}

@media (max-width: 1300px) {

	/* main */
	#roll_bn .slick-slide a{width:400px;height:250px}
	#roll_bn .slick-slide a img{right:20px;max-width:100px;max-height:70%}
	#roll_bn .slick-slide dl{left:30px}
	#roll_bn .slick-slide dl dt{font-size:30px}
	#roll_bn .slick-slide dl dd{font-size:18px}
}

@media (max-width: 1024px) {

	/* main */
	#main .slick-dots>li{margin:0 5px}
	#main .slick-dots>li button{width:14px;height:14px;padding:0}
	#main_visual .slick-slide{height:860px;background-size:cover}
	#main_visual .slick-prev{left:20px}
	#main_visual .slick-next{right:20px}
	#roll_bn .slick-slide a{width:300px;height:200px}
	#roll_bn .slick-slide a img{max-width:65px;max-height:60%}
	#roll_bn .slick-slide dl{left:20px}
	#roll_bn .slick-slide dl dt{font-size:25px}
	#roll_bn .slick-slide dl dd{font-size:16px}
	
	#main_wide_bn p{padding:50px 40px;background-position:right 40px bottom;font-size:26px}
	#main_wide_bn p a{position:relative;right:0;top:0;margin-top:20px}

	#main_instr_area, #main_board_area{margin-top:80px}
}

@media (max-width: 760px) {

	/* main */
	#main h3{font-size:25px}
	#main h3 span{display:block;margin:5px 0 0;font-size:14px}
	#main .slick-dots>li{margin:0 3px}
	#main .slick-dots>li button{width:10px;height:10px;padding:0}

	#main_visual .slick-slide{height:760px}
	#main_visual .slick-slide img{max-width:70%}
	#main_visual .slick-arrow{display:none !important}
	#main_visual .slick-slide>img{display:none}
	#main_visual .slick-slide p{
		position:absolute;top:50%;left:50%;
		display:block;width:100%;max-width:550px;box-sizing:border-box;
		padding:0 40px;
		text-align:center;font-size:16px;color:#fff;word-break:keep-all;
		transform:translate(-50%, -50%);
	}
	#main_visual .slick-slide p img{display:block;width:100%;margin:0 auto 20px}

	#roll_bn{padding:40px 0}
	#roll_bn .slick-slide a{width:280px;height:170px}
	#roll_bn .slick-slide dl dt{font-size:20px}
	#roll_bn .slick-slide dl dd{font-size:14px}
	#roll_bn .slick-slide dl dd:after{height:28px;line-height:26px;font-size:12px}
	#roll_bn .slick-dots{margin-top:20px}

	#main_wide_bn p{padding:40px 30px;background-position:right 20px bottom;background-size:auto 50%;font-size:20px}
	#main_wide_bn p a{width:160px;height:45px;line-height:45px;font-size:14px}

	#main_instr_area, #main_board_area{margin-top:50px;padding:0 30px}
	#main_board_area>div.notice{float:none;width:100%}
	#main_board_area>div.custom{float:none;width:100%;margin-top:50px}
	#main_board_area a.more{width:30px;height:30px}
	#main_board_area .custom p{margin-top:30px}
	#main_board_area .custom dd a{max-width:300px;margin:20px auto 0}

}

@media (max-width: 480px) {

	/* main */
	#main_visual .slick-slide{height:600px}
	#main_board_area .custom p a{width:30px}
}