/* main bannet */
#main_banner {width:100%; background:transparent; padding:0; margin:30px auto}
#main_banner article {width:1200px; max-width:calc(100% - 20px); margin:0 auto;}
.main_banner_a {width:100%;}
.main_banner_a img {width:100%; height:auto;}
.main_ban {position:relative;}

/* main search */
#main_search {width:100%; background:#181810; padding:30px;}
#main_search article {max-width:100%; margin:0 auto;}
.main_search_a {width:100%;}
.main_search_title {text-align:center; color:#fff; font-weight:500; font-size:1.5em;}
.main_search_b {width:400px; max-width:100%; margin:20px auto 10px auto; position: relative; color:#ffffff;}
.main_search_b input {width:400px; max-width:100%; height:40px; line-height:40px; border-radius:5px; background:#2d2d2f; border:0; padding:0 10px; color:#fff;}
.main_search_b button {position:absolute; top:13px; right:10px; border:0; padding:0; margin:0; background-color:transparent; color:#6b6b6b;}
.main_search_cont {width:600px; max-width:100%; margin:20px auto 10px auto; position: relative; color:#ffffff; display:flex; align-items:center; justify-content:center;}
.main_search_cont > div {display:flex; align-items:center; justify-content:center; margin:0 10px;}
.main_search_cont > div select {border:0; border-radius:5px; padding:5px;}
.main_search_cont > div.msKW {width:calc(100% - 330px); position:relative;}
.main_search_cont > div input {width:100%; max-width:100%; height:40px; line-height:40px; border-radius:5px; background:#2d2d2f; border:0; padding:0 10px; color:#fff;}
.main_search_cont button {position:absolute; top:13px; right:10px; border:0; padding:0; margin:0; background-color:transparent; color:#6b6b6b; z-index:10;}
#btnSearch {cursor:pointer;}
.main_search_ul {max-width:1200px; margin:0 auto; text-align:center;}
.main_search_ul li {color:#cbcbe0; cursor:pointer; display:inline-block; padding:7px 18px; border:1px solid #343434; border-radius:20px; margin:20px 8px 0 8px; font-size:0.875em;}
.main_search_ul li:hover {border:1px solid #fab116; color:#fab116;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;
}

/* main class */
#main_class {width:100%; background:#000; padding:80px 30px;}
#main_class article {width:100%; margin:0 auto;}

/* main top10 */
.main_class_a {width:100%; margin-bottom:150px; position:relative;}
.main_class_a:last-child {margin-bottom:0;}
.main_class_title {text-align:center; color:#fff; font-weight:900; font-size:2em; position:relative;}
.main_class_title > div.mstitle {text-align:center; color:#fff; font-weight:900; font-size:32px; cursor:pointer;}
.main_class_title span {color:#ff6666;}
.main_slide_btn {width:100%; position:relative; display:block; text-align:center; vertical-align:middle; font-size:0; cursor:pointer;}
.main_slide_btn .main_slide_btn_prev {position:absolute; top:-48px; left:0;}
.main_slide_btn > div span {display:inline-block; vertical-align:top; width:18px; height:29px; background:url(../image/icon/arrowL.png) 50% 50% no-repeat; background-size:cover; margin:13px 0;}
.main_slide_btn .main_slide_btn_next {position:absolute; top:-48px; right:0;}
.main_slide_btn .main_slide_btn_next span {background:url(../image/icon/arrowR.png) 50% 50% no-repeat; background-size:cover;}

.main_class_title > .main_slide_btn1 {position:absolute; top:5px; text-align:center; font-size:0; cursor:pointer;}
.main_class_title > .prev {left:0;}
.main_class_title > .next {right:0;}
.main_class_title > .main_slide_btn1 > span {display:inline-block; vertical-align:top; width:18px; height:29px; background-size:cover; margin:0;}
.main_class_title > .prev span {background:url(../image/icon/arrowL.png) 50% 50% no-repeat;}
.main_class_title > .next span {background:url(../image/icon/arrowR.png) 50% 50% no-repeat;}

.main_class_list01 {display:flex; flex-wrap:wrap; justify-content:left; gap:30px; margin-top:30px;}
.main_class_list01 > li {width:calc((100% - 180px) / 7); border-radius:10px;}
.main_board_a_boax {width:100%; padding:30px 0; background:#3c3e3d; border-radius:10px; position:relative; display:flex; align-items:center; justify-content:center;}
.main_board_a_boax:hover {background:#000;
-moz-transition:all 0.3s;
-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
-ms-transition:all 0.3s;
transition:all 0.3s;
}

/* main 하단 게시판 */
#main_board {width:100%; background:#18180f; padding:80px 30px;}
#main_board article {max-width:1200px; margin:0 auto;}
.main_board_con {width:100%;}
.main_board_a {display:flex; flex-wrap:wrap; justify-content:left; gap:50px; margin-bottom:50px;}
.main_board_a > li {width:calc((100% - 100px) / 3);}
.main_board_b {display:flex; flex-wrap:wrap; justify-content:left; gap:50px;}
.main_board_b > li {width:calc((100% - 100px) / 3);}

/* main 하단 버튼 */
.main_board_a_boax img {width:100%; height:auto; max-width:50px; margin:0 30px 0 0;}
.main_board_a_boax p {color:#fff;}
.main_board_a_boax p strong {font-size:1.5em; font-weight:900;}

.main_board_box {width:100%;}
.main_board_title {width:100%; margin-bottom:20px; position:relative; color:#fff;}
.main_board_title strong {display:block; font-weight:900; font-size:1.5em;}
.main_board_title a {position:absolute; top:10px; right:0; color:#fff; font-size:0.875em;}
.main_board_title a:hover {color:#fcaf16;}

.main_board_list {width:100%; padding:0 5px;}
.main_board_list a {display:block; color:#fff; padding:3px 0; width:100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.main_board_list a:hover {color:#fcaf16;}

@media screen and (max-width:1660px){
	.main_class_list01 > li {width:calc((100% - 120px) / 5); border-radius:10px;}
	.main_class_list01 li:nth-child(6) {display:none;}
	.main_class_list01 li:nth-child(7) {display:none;}
}

@media screen and (max-width:1460px){
	.main_class_list01 > li {width:calc((100% - 90px) / 4); border-radius:10px;}
	.main_class_list01 li:nth-child(5) {display:none;}
	.main_class_list01 li:nth-child(6) {display:none;}
	.main_class_list01 li:nth-child(7) {display:none;}
}

@media screen and (max-width:1000px){
	.main_board_a_boax img {margin:0 10px 0 0;}

	.main_board_a {display:flex; flex-wrap:wrap; justify-content:left; gap:50px; margin-bottom:50px;}
	.main_board_a > li {width:calc((100% - 100px) / 3);}
	.main_board_b {display:flex; flex-wrap:wrap; justify-content:left; gap:50px;}
	.main_board_b > li {width:calc((100% - 100px) / 3);}
}

@media screen and (max-width:500px){
	/* main class */
	#main_class {width:100%; background:#000; padding:40px 10px;}
	#main_class article {width:100%; margin:0 auto;}

	.main_class_a {width:100%; margin-bottom:100px; position:relative;}

	#main_board {width:100%; background:#18180f; padding:30px 10px;}
	#main_board article {max-width:1200px; margin:0 auto;}
	.main_board_con {width:100%;}
	.main_board_a {display:flex; flex-wrap:wrap; justify-content:left; gap:30px; margin-bottom:50px;}
	.main_board_a > li {width:100%;}
	.main_board_b {display:flex; flex-wrap:wrap; justify-content:left; gap:50px;}
	.main_board_b > li {width:100%;}

	.main_search_cont {display:block; text-align:center;}
	.main_search_cont > div {display:inline-block; align-items:center; justify-content:center; margin:5px;}
	.main_search_cont > div select {border:0; border-radius:5px; padding:5px;}
	.main_search_cont > div.msKW {width:100%; position:relative;}
	.main_search_cont > div input {width:100%; max-width:100%; height:40px; line-height:40px; border-radius:5px; background:#2d2d2f; border:0; padding:0 10px; color:#fff;}
	.main_search_cont button {position:absolute; top:13px; right:10px; border:0; padding:0; margin:0; background-color:transparent; color:#6b6b6b; z-index:10;}
	#btnSearch {cursor:pointer;}
}