/* pad */
/*
@media (992px <= width <= 1200px) { */
@media screen and (max-width: 1200px) {
	#main_con3 .con1 { clear: both; float: none; margin: 0 auto; width: 96%; }
	#main_con3 .con2 { clear: both; float:none; margin: 0 auto; width: 96%; }

	#main_con3 .box {position:relative; border-radius:10px; border:1px solid #eaeaea; padding:30px; display: flex;}
	#main_con3 .box .call_area {position:relative; width:60%; border-right:1px solid #eaeaea; box-sizing:border-box;}
	#main_con3 .box .online_area{position:relative; width:40%; margin-left:-3px; box-sizing:border-box;}

	#main_con4 {position:relative; padding:50px 20px; display: flex;  justify-content: space-between; /* display: inline-flex; */  overflow:auto; overflow-y:hidden; overflow-x:hidden;}
	#main_con4 .con1{position:relative; width:48%;}
	#main_con4 .con2{position:relative; width:48%;}

}


/* pc */
@media screen and (min-width: 992px) {
	#carouselMainVisualSlide { margin:0 auto; width: 100%; max-width: 1917px; height: 500px; overflow:hidden; }
	.carousel_itm_img { width: 100%; height: 500px;  background-repeat:no-repeat; background-size: cover; background-position: center center; }
}



/* mobile */
@media screen and (max-width: 991px) {
	#carouselMainVisualSlide { margin:0 auto; width: 100%; height: 160px; overflow:hidden;  margin-top:50px;}
	.carousel_itm_img { width: 100%; height: 160px;  background-repeat:no-repeat; background-size: cover; background-position: center center; }

	
	#main_visual .m_txt_area {position:relative; width:100%; padding:20px 0 0 0;  height:160px;  margin:0 auto;}
	#main_visual .m_txt1 {font-family: 'Noto Sans KR'; font-size:16px; color:#fff; font-weight:500; line-height:140%; text-align:left; text-shadow: 1px 1px 2px black;}
	#main_visual .m_txt2 {font-family: 'Noto Sans KR'; font-size:20px; color:#fff; font-weight:700; line-height:140%; text-align:left; text-shadow: 1px 1px 2px black;}
	#main_visual .m_txt3 {font-family: 'Noto Sans KR'; font-size:14px; color:#fff; font-weight:400; line-height:140%; margin-top: 8px; text-align:left; text-shadow: 1px 1px 2px black;}


	#main_con1 .ttl {font-size:30px;}
	#main_con1 .bar {height:4px; width:40px; background:#666;  display:block; margin:15px auto 30px;}
	#main_con1 .item_area {position:relative; width:100%; margin:0 auto; }
	#main_con1 .item_area .pic_box {position:relative; margin: 0 auto; box-sizing:border-box; width:90%; height:auto; /* display:block; */ border-radius:10px; border:1px solid #eaeaea; overflow:hidden;}
	#main_con1 .item_area .pic_box img{display:block; width:100%}
	#main_con1 .item_area .txt1 {font-family: 'Noto Sans KR'; font-size:18px; color:#333; font-weight:500; line-height:40px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	#main_con1 .item_area .btn_prev {position:absolute; width: 35px; height: 35px; background:url('/assets/images/layout/visual_arw1.png')no-repeat center; background-size: cover; top: 39%; left:10px; transform: translate(0%, -50%); display:block;  z-index: 1;}
	#main_con1 .item_area .btn_next {position:absolute; width: 35px; height: 35px; background:url('/assets/images/layout/visual_arw2.png')no-repeat center; background-size: cover; top: 39%; right:10px; transform: translate(0%, -50%); display:block;  z-index: 1;}


	#main_con2 .ttl {font-size:30px;}
	#main_con2 .bar {height:4px; width:40px; background:#666;  display:block; margin:15px auto 30px;}
	#main_con2 .cate_area {position:relative; border-radius:40px; height:50px; background:#fff;  overflow:hidden; margin: 0 6px; padding:0;border:1px solid #eaeaea;}
	#main_con2 .cate_area .btn_prev {position:absolute; width:50px; height:50px; background:url('/assets/images/layout/cate_arw1.png')no-repeat center #454545; top:50%; left:0 !important; transform: translate(0%, -50%); display:block;}
	#main_con2 .cate_area .btn_next {position:absolute; width:50px; height:50px; background:url('/assets/images/layout/cate_arw2.png')no-repeat center #454545; top:50%; right:0 !important; transform: translate(0%, -50%); display:block;}
	#main_con2 .cate_area ul{position:relative; margin:0 auto; width:100%; max-width:1200px; height:50px; overflow:auto; overflow-y:hidden; overflow-x:hidden;}
	#main_con2 .cate_area a {font-family: 'Noto Sans KR'; font-size:17px; color:#888; font-weight:400; line-height:50px; text-align:center;}
	#main_con2 .box_area {position:relative; width: 96%; }
	#main_con2 .box_area li{position:relative; float:left; width:50%;  }

	#main_con2 .box_area2 {position:relative; width: 96%; }
	#main_con2 .box_area2 li{position:relative; /*float:left; width:50%;*/  }


	#main_con3 .con1 { clear: both; float: none; margin: 0 auto; width: 96%; }
	#main_con3 .con2 { clear: both; float:none; margin: 0 auto; width: 96%; }
	#main_con3 .box {position:relative; border-radius:10px; border:1px solid #eaeaea; padding:30px; display: flex; flex-direction: column; justify-content: center; }
	#main_con3 .box .call_area {position:relative; margin: 0 auto; width:auto; border:none; box-sizing:border-box;}
	#main_con3 .box .call_area > div { display: block;}
	#main_con3 .box .online_area{position:relative; width:100%; margin-left:-3px; box-sizing:border-box;}
	#main_con3 .box .txt1{font-family: 'Noto Sans KR'; font-size:24px; color:#0c6eaf; font-weight:700; line-height:32px; text-align:left;  word-spacing:0em; letter-spacing:-0.05em; text-indent: 0;}
	#main_con3 .box .txt1_2{font-family: 'Noto Sans KR'; font-size:16px; color:#0c6eaf; font-weight:400; line-height:24px; text-align:left;  word-spacing:0em; letter-spacing:-0.05em; text-indent: 0;}
	#main_con3 .box .txt2{font-family: 'Noto Sans KR'; font-size:14px; color:#666; font-weight:400; line-height:24px; text-align:left;}
	#main_con3 .ttl { text-align: center; }
	#main_con3 .list li{padding:15px 10px;}




	#main_con4 {position:relative; padding:50px 20px; display: flex;  flex-direction: column; /* display: inline-flex; */  overflow:auto; overflow-y:hidden; overflow-x:hidden;}
	#main_con4 .con1{position:relative; width:100%;}
	#main_con4 .con2{position:relative; width:100%;}

	#main_con4 .bnr_area1 {}
	#main_con4 .bnr_area2 {margin-top: 10px;}

}