.main_cont1 {padding:50px 0 0; }
.main_cont1 .container {padding:0 0 50px;}
.main_cont1 .container_100 {padding:50px 0;background:url(../images/main/main_cont1_back.jpg) 50% 60% no-repeat;background-size:cover;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.main_cont1 .container_100 .cont1 {position:relative; float:left; width:30%; height:240px; margin-left:5%; padding:20px; color:#fff;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.main_cont1 .container_100 .cont1.first-item {margin-left:0;}

.main_cont1 .container_100 .cont1.first-item .bx-wrapper .bx-viewport {background:none}
.main_cont1 .container_100 .cont1.first-item .bx-wrapper .bx-prev {left:-40px;}
.main_cont1 .container_100 .cont1.first-item .bx-wrapper .bx-next {right:-40px;}
.m_prods div {position:relative; overflow:hidden; border-radius:10px;}
.m_prods div a {display:block; position:relative;}
.m_prods div a p {position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; color:#fff; padding:10px; background:rgba(0,0,0,0.5); text-align:center;}
.m_prods div a p span {color:#c0ff00;}

.main_cont1 .container_100 .cont1 h1 {color:#fff;}
.main_cont1 .container_100 .cont1 ul.board_list {line-height:150%;margin-top:20px;width:100%;}
.main_cont1 .container_100 .cont1 ul.board_list li {width:100%;padding:8px 0;}
.main_cont1 .container_100 .cont1 ul.board_list li a div {font-size:15px;width:calc(100% - 5px);display:inline-block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;color:#fff;}
.main_cont1 .container_100 .cont1 ul.board_list li span {float:right;font-size:15px;}

.main_cont2 {background:#fff;padding:0 0 50px; }
.main_cont2 .cont2 {position:relative;width:49.5%;padding:20px;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.main_cont2 .cont2.lefts {background:#ffce00;}
.main_cont2 .cont2.rights {background:#fff;}
.main_cont2 .cont2 h3 {margin-bottom:20px;}

.main_cont2 .cont2.lefts table {width:100%;border-top:1px solid #000;margin-bottom:20px;}
.main_cont2 .cont2.lefts table th, .main_cont2 .cont2.lefts table td {padding:5px 0;border-bottom:1px solid #000;border-left:1px solid #000;text-align:center;vertical-align:middle;}
.main_cont2 .cont2.lefts table .no-left {border-left:none;}

.main_cont2 .cont2.rights ul {margin-bottom:90px;}
.main_cont2 .cont2.rights ul li {width:100%;border-bottom:1px solid #000;}
.main_cont2 .cont2.rights ul li a div {padding:10px 0;}
.main_cont2 .cont2.rights a p {position:absolute; top:25px; right:20px;}
.main_cont2 .cont2.rights a h2 {position:absolute;background:#0089ff;color:#fff;width:100%;text-align:center;bottom:0;left:0;padding:30px 0;}

.main_cont2 .container .prod_list_item {text-align:center;}
.main_cont2 .container .prod_list_item h5 {position:relative; margin-top:15px; padding-top:10px;}
.main_cont2 .container .prod_list_item h5 p.prod_list_line {width:30px; height:3px; background:#7f7f7f; position:absolute; top:0; left:50%; margin-left:-15px;}

.bg_gr {background:#f4f5f9; padding:50px 0;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}

.bg_gr .snsBox {float:left; width:21%;margin-left:5.333%; background:#fff;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.bg_gr .snsBox.first-item {margin-left:0;}

.bg_gr .snsBox .txt_box {width:100%; min-height:100px; padding:10px 20px 20px;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}

.bg_gr .snsBox .txt_box img.sns_icon {margin-top:-70px;}
.bg_gr .snsBox .txt_box p.dates {text-align:right;}
.bg_gr .snsBox .txt_box p.txts {margin-top:15px;width:100%;height:60px;line-height:150%; padding:0;font-size:14px;}


.flexs {display:flex; justify-content:space-between; flex-wrap:wrap;}
.flexs .cont1 {width:24%; position:relative; box-sizing:border-box; padding:20px; border-radius:10px;}
.flexs .cont1 a.online_link {display:block; margin-top:10px; font-size:14px; text-align:center; padding:8px 0; box-sizing:border-box; background:rgba(255,255,255,0.9); color:#4a7caf; font-weight:600; border-radius:5px;}
.flexs .cont1 a.online_link img {display:inline-block; vertical-align:middle; margin-left:5px; margin-top:-2px;}
.flexs .cont1.m_board h2 {color:#fff;}
.flexs .cont1.m_board .board_list {margin-top:20px;}
.flexs .cont1.m_board .board_list li {margin-bottom:5px;}
.flexs .cont1.m_board .board_list li a {display:block; width:100%; color:#fff;}
.flexs .cont1.m_board .board_list li a div {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



@media (max-width: 1024px) {
	.main_cont1 .container_100 .cont1.first-item .bx-wrapper .bx-prev {left:5px; background-color:rgba(0,0,0,0.6);}
	.main_cont1 .container_100 .cont1.first-item .bx-wrapper .bx-next {right:5px; background-color:rgba(0,0,0,0.6);}
	
	.flexs .cont1 {width:48%; margin-bottom:10px;}
}



@media (max-width: 768px) {
	.weather {right:10px; /*우선 안보이게...*/display:none;}

	.main_cont1 .container_100 {padding:50px 10px;}
	.main_cont1 .container_100 .cont1 {width:100%; margin-left:0; margin-bottom:40px;}
	.main_cont1 .container_100 .cont1.first-item {width:100%;}

	.main_cont2 {padding:0 0 50px;}
	.main_cont2 .cont2 {width:100%;margin:5px 0;}
	.main_cont2 h3 {padding:0 10px;}

	.main_cont2 .bx-wrapper .bx-prev {left:0;}
	.main_cont2 .bx-wrapper .bx-next {right:0;}

	.bg_gr {padding:50px 10px;}
	.bg_gr .snsBox {width:46%; height:300px;margin:2%;}
	.bg_gr .snsBox.first-item {margin:2%;}

	.bg_gr .snsBox .txt_box {padding:10px;}
	.bg_gr .snsBox .txt_box p.txts {margin-top:10px;width:100%;height:60px;line-height:150%; padding:0;font-size:14px;}
}