@charset "utf-8";

/* 내용관리 */
.ctt_admin{
	width:1200px;
	margin:0 auto;
	text-align:right;
}
.ctt_top_ban{
	width:1200px;
	height:360px;
	margin:0 auto;
	background:url('img/history_ban.png')no-repeat center center;
	background-size:cover;
	position:relative;
}
.ctt_top_ban_title{
	position:absolute;
	left:0%;
	top:107px;
	width:100%;
}
.ctt_top_ban_title>h1{
	display:block;
	width:100%;
	text-align:center;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:700;
	font-size:50px;
	color:#fff;
	line-height:50px;
	margin-bottom:10px;
	letter-spacing:-0.03em;
}
.ctt_top_ban_title>p{
	display:block;
	width:100%;
	text-align:center;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:500;
	font-size:18px;
	color:#fff;
	line-height:18px;
	letter-spacing:-0.03em;
}
#ctt{
	width:1200px;
	margin:0 auto;
	padding-top:118px;
	padding-bottom:106px;
}
#ctt>h1{
	display:block;
	width:100%;
	text-align:left;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:700;
	font-size:50px;
	color:#3c3c3c;
	line-height:50px;
	letter-spacing:-0.03em;
}
#ctt>p{
	display:block;
	width:100%;
	text-align:left;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:500;
	font-size:28px;
	color:#3c3c3c;
	line-height:44px;
	margin-top:44px;
	letter-spacing:-0.03em;
}

.history_ctt_box{
	width:1200px;
	margin:0 auto;
}
.slide1_on{
	background:#509BFF;
	color:#fff !important;
}
.slide1_on2{
	background:#509BFF;
	color:#fff !important;
}
.swipe_btn_box{
	width:1178px;
	margin:0 auto;
	position:relative;
}
.swipe_btn_box .bx-wrapper{
	max-width:100% !important;
}
.swipe_btn_box .bx-viewport{
	width:1014px !important;
	margin:0 auto;
}
.custom_slide_btn{
	width:100%;
	position:absolute;
	left:0;
	top:0;
}
.swipe_btn_box .bx-prev{
	display:block;
	width:32px !important;
	height:32px !important;
	background:url('img/left_btn.png')no-repeat center center !important;
	background-size:cover !important;
	position:absolute;
	left:0;
	top:50%;
	margin-top:14px;
}
.swipe_btn_box .bx-next{
	display:block;
	width:32px !important;
	height:32px !important;
	background:url('img/right_btn.png')no-repeat center center !important;
	background-size:cover !important;
	position:absolute;
	right:0;
	top:50%;
	margin-top:14px;
}
.swipe_list>li{
	width:102px !important;
}
.swipe_list>li>a{
	display:block;
	width:100%;
	height:58px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:700;
	font-size:26px;
	color:#3c3c3c;
	line-height:56px;	
	text-align:center;
	border-radius:30px;
	cursor:pointer;
}
.swipe_con_box{
	width:1200px;
	min-height:800px;
	margin:0 auto;
	padding-bottom:47px;
	position:relative;
	margin-top:32px;
}
.swipe_con_box .bx-wrapper{
	max-width:100% !important;
	overflow:hidden;
}
.swipe_con_box .bx-wrapper .bx-viewport{
	overflow:visible !important;
	width:387px !important;
	margin:0 auto;
}
.custom_slide_btn2{
	width:1200px;
	position:absolute;
	left:0;
	top:0;
}
.swipe_con_box .bx-prev2{
	width:60px !important;
	height:160px !important;
	background:url('img/left_btn2.png')no-repeat center center !important;
	background-size:cover !important;
	position:absolute;
	left:0;
	top:50%;
	margin-top:81px;
}
.swipe_con_box .bx-next2{
	width:60px !important;
	height:160px !important;
	background:url('img/right_btn2.png')no-repeat center center !important;
	background-size:cover !important;
	position:absolute;
	right:0;
	top:50%;
	margin-top:81px;
}
.swipe_con_box .bx-wrapper .bx-controls-direction a{
	top:14% !important;
}
.con_list>li>h1{
	display:block;
	width:100%;
	text-align:left;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:900;
	font-size:50px;
	color:#bfbfbf;
	line-height:50px;
	letter-spacing:-0.03em;
	margin-top:15px;
}
.con_list>li>p{
	display:none;
	width:100%;
	text-align:left;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:500;
	font-size:17px;
	color:#3c3c3c;
	line-height:36px;
	margin-top:10px;
	letter-spacing:-0.03em;
}
.ctt_mp{
	display:none !important;
}
@media(max-width:1200px){

	/* 내용관리 */
	.ctt_admin{
		width:100%;
		margin:0 auto;
		text-align:right;
	}
	.ctt_top_ban{
		width:calc(100% - 6.2vw);
		height:115.6vw;
		margin:0 auto;
		background:url('img/m_history_ban.png')no-repeat center center;
		background-size:cover;
		position:relative;
		margin-top:10vw;
	}
	.ctt_top_ban_title{
		position:absolute;
		left:0%;
		top:21.9vw;
		width:100%;
	}
	.ctt_top_ban_title>h1{
		display:block;
		width:100%;
		text-align:center;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:700;
		font-size:7.2vw;
		color:#fff;
		line-height:7.2vw;
		margin-bottom:3.1vw;
		letter-spacing:-0.03em;
	}
	.ctt_top_ban_title>p{
		display:block;
		width:100%;
		text-align:center;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:500;
		font-size:5.3vw;
		color:#fff;
		line-height:5.3vw;
		letter-spacing:-0.03em;
	}
	#ctt{
		width:100%;
		margin:0 auto;
		padding-top:13vw;
		padding-bottom:15.6vw;
	}
	#ctt>h1{
		display:block;
		width:100%;
		text-align:center;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:700;
		font-size:7.8vw;
		color:#3c3c3c;
		line-height:7.8vw;
		letter-spacing:-0.03em;
	}
	#ctt>p{
		display:block;
		width:100%;
		text-align:center;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:500;
		font-size:4.1vw;
		color:#3c3c3c;
		line-height:6.3vw;
		margin-top:6.3vw;
		letter-spacing:-0.03em;
	}

	.history_ctt_box{
		width:100%;
		margin:0 auto;
	}
	.slide1_on{
		background:#509BFF;
		color:#fff !important;
	}
	.swipe_btn_box{
		width:calc(100% - 3.1vw);
		margin:0 auto;
		position:relative;
		margin-left:3.1vw;
	}
	.swipe_btn_box .bx-wrapper{
		max-width:100% !important;
	}
	.swipe_btn_box .bx-viewport{
		width:100% !important;
		margin:0 auto;
	}
	.custom_slide_btn{
		display:none;
		width:100%;
		position:absolute;
		left:0;
		top:0;
	}
	.swipe_btn_box .bx-prev{
		display:block;
		width:32px !important;
		height:32px !important;
		background:url('img/left_btn.png')no-repeat center center !important;
		background-size:cover !important;
		position:absolute;
		left:0;
		top:50%;
		margin-top:14px;
	}
	.swipe_btn_box .bx-next{
		display:block;
		width:32px !important;
		height:32px !important;
		background:url('img/right_btn.png')no-repeat center center !important;
		background-size:cover !important;
		position:absolute;
		right:0;
		top:50%;
		margin-top:14px;
	}
	.swipe_list>li{
		width:15.9vw;
	}
	.swipe_list>li>a{
		display:block;
		width:100%;
		height:9.1vw;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:700;
		font-size:4.1vw;
		color:#3c3c3c;
		line-height:9.1vw;	
		text-align:center;
		border-radius:4.7vw;
		cursor:pointer;
	}
	.swipe_con_box{
		width:100%;
		min-height:125vw;
		margin:0 auto;
		padding-bottom:7.7vw;
		position:relative;
		margin-top:7.7vw;
	}
	.swipe_con_box .bx-wrapper{
		max-width:100% !important;
		overflow:hidden;
	}
	.swipe_con_box .bx-wrapper .bx-viewport{
		overflow:visible !important;
		width:387px !important;
		margin:0 auto;
	}
	.custom_slide_btn2{
		display:none;
		width:1200px;
		position:absolute;
		left:0;
		top:0;
	}
	.swipe_con_box .bx-prev2{
		width:60px !important;
		height:160px !important;
		background:url('img/left_btn2.png')no-repeat center center !important;
		background-size:cover !important;
		position:absolute;
		left:0;
		top:50%;
		margin-top:81px;
	}
	.swipe_con_box .bx-next2{
		width:60px !important;
		height:160px !important;
		background:url('img/right_btn2.png')no-repeat center center !important;
		background-size:cover !important;
		position:absolute;
		right:0;
		top:50%;
		margin-top:81px;
	}
	.swipe_con_box .bx-wrapper .bx-controls-direction a{
		top:14% !important;
	}
	.con_list>li>h1{
		display:block;
		width:100%;
		text-align:center;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:900;
		font-size:7.8vw;
		color:#bfbfbf;
		line-height:7.8vw;
		letter-spacing:-0.03em;
		margin-top:8.6vw;
	}
	.con_list>li>p{
		display:none;
		width:100%;
		text-align:left;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:500;
		font-size:3.4vw;
		color:#3c3c3c;
		line-height:5.5vw;
		margin-top:4.7vw;
		letter-spacing:-0.03em;
	}
	.ctt_pp{
		display:none !important;
	}
	.ctt_mp{
		display:block !important;
	}
	.swipe_list>li{
		width:15.9vw !important;
	}
}
