@charset "utf-8";

/* 컨테이너 영역 */
#container { width:1280px; margin:0px auto; }

@media screen and (max-width:1280px){
	#container { width:95%; margin:0 auto; height: auto; overflow-y: initial; }
}


/* 검색 */
.search { padding:40px 0px 50px; }
.search_box { display: flex; width:1280px; margin:0px auto; background:#ecf1f4; border-radius:5px; padding:10px; box-sizing:border-box; overflow:hidden; }
.search_box .sch1 { width:9%; background:#819eb8; border-radius:5px; margin-right:1%; text-align:center; font-size:0.875rem; color: #FFF; line-height:45px; }
.search_box .sch1 strong { font-weight:600; }
.search_box .sch2 { width:39%; background:#819eb8; border-radius:5px; padding:0 15px; box-sizing:border-box; margin-right:1%; font-size:0.875rem; color: #FFF; line-height:45px;      /* 한줄로나오게 */overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.search_box .sch2 strong { font-weight:600; color: #FFF; margin:0 15px 0 0; }
.search_box .sch2 a { color: #FFF; margin:0 10px 0 0; }
.search_box .sch3 { width:50%; background:#ecf1f4; border-radius:5px; box-sizing:border-box; display:flex; justify-content: space-between; overflow:hidden; }
.search_box .sch3 .sch_w25 { width:29%; margin-right:1%; height:45px; overflow:hidden; }
.search_box .sch3 .sch_w30 { width:40%; height:45px; overflow:hidden; }
.search_box .sch3 .sch3_box1 { height:45px; }
.search_box .sch3 .sch3_box2 { height:45px; }
.search_box .sch3 .sch3_box3 { height:45px; }
.search_box .sch3 .sch_select { width:100%; height:100%; padding-left:20px; font-size:.94rem; color: #333; border:1px #ddd solid; border-radius:5px; appearance:none; background:#fff url('../../images/main/select_down_arrow.png') no-repeat right 18px center; cursor:pointer; }
.search_box .sch3 .sch_form { height:100%; border:1px #ddd solid; border-radius:5px; background:#fff; }
.search_box .sch3 .sch_form input { width:83%; height:43px; border:0; border-radius:5px; padding:0 0 0 20px; box-sizing:border-box;  }
.search_box .sch3 .sch_form .search_btn { width:17%; width:25px; min-width:25px; height:25px; color:#fff; font-size: 0; border: 0; background: url('../../images/main/h_search_btn.png') no-repeat center; cursor:pointer; vertical-align:middle; }

@media screen and (max-width:1280px){
	.search_box { width:100%; }
}
@media screen and (max-width:1000px){
	.search_box { width:100%; display:block; }
	.search_box .sch1 { width:29%; float:left; }
	.search_box .sch2 { width:70%; margin-right:0; float:left; }
	.search_box .sch3 { width:100%; padding-top:1%; }
}
@media screen and (max-width:768px){
	.search { padding:5% 0px 10%; }
	.search_box .sch1 { width:100%; }
	.search_box .sch2 { display:none; }
	.search_box .sch3 { width:100%; display:block; }
	.search_box .sch3 .sch_w25 { float:left; margin-right:0; width:49.5%; height:45px;  }
	.search_box .sch3 .sch_w25:nth-child(1) { margin-right:.5%; margin-bottom:1%; }
	.search_box .sch3 .sch_w25:nth-child(2) { margin-left:.5%; margin-bottom:1%; }
	.search_box .sch3 .sch_w30 { display:block; width:100%; height:45px; }
	.search_box .sch3 .sch_select { padding-left:10px; }
	.search_box .sch3 .sch_form input { width:88%; height:43px; border:0; border-radius:5px; padding:0 0 0 10px; box-sizing:border-box;  }
	.search_box .sch3 .sch_form .search_btn { width:12%; width:25px; min-width:25px; height:25px; color:#fff; font-size: 0; border: 0; background: url('../../images/main/h_search_btn.png') no-repeat center; cursor:pointer; vertical-align:middle; }
}


/* 신규자료 */
.cont1 { display:flex; padding:0 0 90px 0; }
.cont1_box_tit { width:20%; margin-right:5%; overflow:hidden; background-image: linear-gradient(to top, #FFF 40%, #f5f5f5 40%); }
.cont1_box_tit h4 { text-align:center; font-size:1.875rem; line-height:1.875rem; font-weight:600; color:#000; margin:30px 0 15px 0; }
.cont1_box_tit h6 { text-align:center; font-size:1rem; line-height:1rem; color:#999; margin:0 0 15px 0; }
.cont1_box_tit h6 strong { display:block; font-weight:600; }
.cont1_box_tit .imgBox { text-align:center; bottom:0; }
.cont1_box { width:75%; background:#FFF; }

.cont1 .magazine_slider_wrap { position: relative; margin:0; }
.cont1 .magazine_slider_wrap button.slick-arrow {position:absolute; top:50%; transform:translateY(-50%); width:31px; height:31px; font-size:0px;}
.cont1 .magazine_slider_wrap button.slick-prev {left:-30px; background:url("../../images/main/magazine_slider_arrow_left.png") no-repeat center/100%;}
.cont1 .magazine_slider_wrap button.slick-next {right:-30px; background:url("../../images/main/magazine_slider_arrow_right.png") no-repeat center/100%;}
.cont1 .magazine_slider {  align-items: center; justify-content: center;}
.cont1 .magazine_slider .m_img { margin:0px 35px; position:relative; }

.cont1 .slick-dots { position: absolute; left: 50%; transform: translateX(-50%); bottom:-40px; display: flex; }
.cont1 .slick-dots li { display:none; }
.cont1 .slick-dots li.slick-active button { width:20px; height:7px; background:#2f74b5; }
.cont1 .slick-dots li button { background:#ccc; width:20px; height:7px; overflow: hidden; color: #e5e5e5; font-size:0px; border:0 solid #fff; border-radius:50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; }

.cont1 .m_img_box { width:100%; height:100%; margin:0; text-align:center; display:block; padding:0 11%; box-sizing:border-box; }
.cont1 .m_img_box img { width:100%; object-fit: cover; box-shadow: 3px 3px #dfdfdf; border:1px solid #bfc7ce; }
.cont1 .m_img_box .e_img { position: relative; min-height:264px;}
.cont1 .m_img_box .e_img .news_tit {position: absolute; top:0px; left:0px; padding:11px; color:#fff; line-height:1; background-color:#333; border-radius:0px 0px 7px 0px; font-size:.8125rem; }

.cont1 .m_img .title { width:100%; margin:20px 0 5px 0;  display:flex; align-items:center; justify-content:center; }
.cont1 .m_img .title a { margin:0 1%; }
.cont1 .m_img .title a.more { width:48%; background:#FFF; color:#2e75b6; border-radius:5px; border:1px solid #a5bacd; padding:5%; box-shadow: 2px 2px #dfdfdf; box-sizing:border-box; overflow: hidden; }

.cont1 .m_img .tit { margin-top:5%; }
.cont1 .m_img .m_tit { font-size:1.0625rem; line-height:1.4375rem; min-height:70px; color:#000; font-weight:400; overflow:hidden; word-break:keep-all; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.cont1 .m_img .s_tit { font-size:.8125rem; line-height:.8125rem; color:#999; margin-top:5%; }

@media screen and (max-width:1280px){
	.cont1_box_tit { width:25%; margin-right:5%; }
	.cont1_box { width:70%; }
}
@media screen and (max-width:1000px){
	.cont1 .m_img .title a.more { font-size:.825rem; font-weight:600; }
	.cont1 .magazine_arrow_wrap { display:none; }
	.cont1 .slick-dots li { position: relative; width: 15px; height: 15px; margin: 0 7px; display:block; }
	.cont1_box { padding:0 0 40px 0; }
}
@media screen and (max-width:768px){
	.cont1 { display:flex; flex-direction:column; padding:0 0 30px 0; }
	.cont1_box_tit { display:block; width:100%; margin-right:0; margin-bottom:20px; padding:2%; display:flex; align-items:center; background:#f5f5f5; }
	.cont1_box_tit h4 { text-align:left; display:inline; font-size:1.325rem; line-height:1.325rem; margin:0 2% 0 0; vertical-align:middle; }
	.cont1_box_tit h6 { text-align:left; display:inline; margin:0 0 0 0; vertical-align:middle; letter-spacing:-1px; }
	.cont1_box_tit h6 strong { display:inline-block; font-weight:600; }
	.cont1_box_tit .imgBox { width:15%; float:right; display:inline-block; bottom:0; margin-left: auto;}
	.cont1_box { display:block; width:100%; padding:0 0 40px 0; }
	.cont1 .m_img_box { padding:0 5%;}
	.cont1 .m_img .title a.more { font-weight:600; }
}


/* 인기자료 */
.cont2 { display:flex; padding:0 0 90px 0; }
.cont2_box_tit { width:20%; margin-right:5%; overflow:hidden; background-image: linear-gradient(to top, #FFF 40%, #f5f5f5 40%); }
.cont2_box_tit h4 { text-align:center; font-size:1.875rem; line-height:1.875rem; font-weight:600; color:#000; margin:30px 0 15px 0; }
.cont2_box_tit h6 { text-align:center; font-size:1rem; line-height:1rem; color:#999; margin:0 0 15px 0; }
.cont2_box_tit h6 strong { display:block; font-weight:600; }
.cont2_box_tit .imgBox { text-align:center; bottom:0; }
.cont2_box { width:75%; background:#FFF; }

.cont2 .magazine_slider_wrap2 { position: relative; margin:0; }
.cont2 .magazine_slider_wrap2 button.slick-arrow {position:absolute; top:50%; transform:translateY(-50%); width:31px; height:31px; font-size:0px;}
.cont2 .magazine_slider_wrap2 button.slick-prev {left:-30px; background:url("../../images/main/magazine_slider_arrow_left.png") no-repeat center/100%;}
.cont2 .magazine_slider_wrap2 button.slick-next {right:-30px; background:url("../../images/main/magazine_slider_arrow_right.png") no-repeat center/100%;}
.cont2 .magazine_slider {  align-items: center; justify-content: center;}
.cont2 .magazine_slider .m_img { margin:0px 35px; position:relative; }

.cont2 .slick-dots { position: absolute; left: 50%; transform: translateX(-50%); bottom:-40px; display: flex; }
.cont2 .slick-dots li { display:none; }
.cont2 .slick-dots li.slick-active button { width:20px; height:7px; background:#2f74b5; }
.cont2 .slick-dots li button { background:#ccc; width:20px; height:7px; overflow: hidden; color: #e5e5e5; font-size: 0px; border:0 solid #fff; border-radius:50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; }

.cont2 .m_img_box { width:100%; height:100%; margin:0; text-align:center; display:block; padding:0 11%; box-sizing:border-box; }
.cont2 .m_img_box img { width:100%; box-shadow: 3px 3px #dfdfdf; border:1px solid #bfc7ce; }
.cont2 .m_img_box .e_img { position: relative; min-height:264px;}
.cont2 .m_img_box .e_img .news_tit {position: absolute; top: 0px; left: 0px; padding: 11px; color: #fff; line-height: 1; background-color: #333; border-radius: 0px 0px 7px 0px; font-size:.8125rem; }

.cont2 .m_img .title { width:100%; margin:20px 0 5px 0;  display:flex; align-items:center; justify-content:center; }
.cont2 .m_img .title a { margin:0 1%; }
.cont2 .m_img .title a.more { width:48%; background:#FFF; color:#2e75b6; border-radius:5px; border:1px solid #a5bacd; padding:5%; box-shadow: 2px 2px #dfdfdf; box-sizing:border-box; overflow: hidden; }

.cont2 .m_img .tit { margin-top:5%; }
.cont2 .m_img .m_tit { font-size:1.0625rem; line-height:1.4375rem; min-height:70px;color:#000; font-weight:400; overflow:hidden; word-break:keep-all; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.cont2 .m_img .s_tit { font-size:.8125rem; line-height:.8125rem; color:#999; margin-top:5%; }

@media screen and (max-width:1280px){
	.cont2_box_tit { width:25%; margin-right:5%; }
	.cont2_box { width:70%; }
}
@media screen and (max-width:1000px){
	.cont2 .m_img .title a.more { font-size:.825rem; font-weight:600; }
	.cont2 .magazine_arrow_wrap2 { display:none; }
	.cont2 .slick-dots li { position: relative; width: 15px; height: 15px; margin: 0 7px; display:block; }
	.cont2_box { padding:0 0 40px 0; }
}
@media screen and (max-width:768px){
	.cont2 { display:flex; flex-direction:column; padding:0 0 30px 0; }
	.cont2_box_tit { display:block; width:100%; margin-right:0; margin-bottom:20px; padding:2%; display:flex; align-items:center; background:#f5f5f5; }
	.cont2_box_tit h4 { text-align:left; display:inline; font-size:1.325rem; line-height:1.325rem; margin:0 2% 0 0; vertical-align:middle; }
	.cont2_box_tit h6 { text-align:left; display:inline; margin:0 0 0 0; vertical-align:middle; letter-spacing:-1px; }
	.cont2_box_tit h6 strong { display:inline-block; font-weight:600; }
	.cont2_box_tit .imgBox { width:15%; float:right; display:inline-block; bottom:0; margin-left: auto;}
	.cont2_box { display:block; width:100%; padding:0 0 40px 0; }
	.cont2 .m_img_box { padding:0 5%;}
	.cont2 .m_img .title a.more { font-weight:600; }
}


/* 추천자료 */
.cont3 { display:flex; padding:0 0 90px 0; }
.cont3_box_tit { width:20%; margin-right:5%; overflow:hidden; background-image: linear-gradient(to top, #FFF 40%, #f5f5f5 40%); }
.cont3_box_tit h4 { text-align:center; font-size:1.875rem; line-height:1.875rem; font-weight:600; color:#000; margin:30px 0 15px 0; }
.cont3_box_tit h6 { text-align:center; font-size:1rem; line-height:1rem; color:#999; margin:0 0 15px 0; }
.cont3_box_tit h6 strong { display:block; font-weight:600; }
.cont3_box_tit .imgBox { text-align:center; bottom:0; }
.cont3_box { width:75%; background:#FFF; }

.cont3 .magazine_slider_wrap3 { position: relative; margin:0; }
.cont3 .magazine_slider_wrap3 button.slick-arrow {position:absolute; top:50%; transform:translateY(-50%); width:31px; height:31px; font-size:0px;}
.cont3 .magazine_slider_wrap3 button.slick-prev {left:-30px; background:url("../../images/main/magazine_slider_arrow_left.png") no-repeat center/100%;}
.cont3 .magazine_slider_wrap3 button.slick-next {right:-30px; background:url("../../images/main/magazine_slider_arrow_right.png") no-repeat center/100%;}
.cont3 .magazine_slider {  align-items: center; justify-content: center;}
.cont3 .magazine_slider .m_img { margin:0px 35px; position:relative; }

.cont3 .slick-dots { position: absolute; left: 50%; transform: translateX(-50%); bottom:-40px; display: flex; }
.cont3 .slick-dots li { display:none; }
.cont3 .slick-dots li.slick-active button { width:20px; height:7px; background:#2f74b5; }
.cont3 .slick-dots li button { background:#ccc; width:20px; height:7px; overflow: hidden; color: #e5e5e5; font-size: 0px; border:0 solid #fff; border-radius:50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; }

.cont3 .m_img_box { width:100%; height:100%; margin:0; text-align:center; display:block; padding:0 11%; box-sizing:border-box; }
.cont3 .m_img_box img { width:100%; box-shadow: 3px 3px #dfdfdf; border:1px solid #bfc7ce; }
.cont3 .m_img_box .e_img { position: relative; min-height:264px;}
.cont3 .m_img_box .e_img .news_tit {position: absolute; top: 0px; left: 0px; padding: 11px; color: #fff; line-height: 1; background-color: #333; border-radius: 0px 0px 7px 0px; font-size:.8125rem; }

.cont3 .m_img .title { width:100%; margin:20px 0 5px 0;  display:flex; align-items:center; justify-content:center; }
.cont3 .m_img .title a { margin:0 1%; }
.cont3 .m_img .title a.more { width:48%; background:#FFF; color:#2e75b6; border-radius:5px; border:1px solid #a5bacd; padding:5%; box-shadow: 2px 2px #dfdfdf; box-sizing:border-box; overflow: hidden; }

.cont3 .m_img .tit { margin-top:5%; }
.cont3 .m_img .m_tit { font-size:1.0625rem; line-height:1.4375rem; min-height:70px; color:#000; font-weight:400; overflow:hidden; word-break:keep-all; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.cont3 .m_img .s_tit { font-size:.8125rem; line-height:.8125rem; color:#999; margin-top:5%; }

@media screen and (max-width:1280px){
	.cont3_box_tit { width:25%; margin-right:5%; }
	.cont3_box { width:70%; }
}
@media screen and (max-width:1000px){
	.cont3 .m_img .title a.more { font-size:.825rem; font-weight:600; }
	.cont3 .magazine_arrow_wrap3 { display:none; }
	.cont3 .slick-dots li { position: relative; width: 15px; height: 15px; margin: 0 7px; display:block; }
	.cont3_box { padding:0 0 40px 0; }
}
@media screen and (max-width:768px){
	.cont3 { display:flex; flex-direction:column; padding:0 0 30px 0; }
	.cont3_box_tit { display:block; width:100%; margin-right:0; margin-bottom:20px; padding:2%; display:flex; align-items:center; background:#f5f5f5; }
	.cont3_box_tit h4 { text-align:left; display:inline; font-size:1.325rem; line-height:1.325rem; margin:0 2% 0 0; vertical-align:middle; }
	.cont3_box_tit h6 { text-align:left; display:inline; margin:0 0 0 0; vertical-align:middle; letter-spacing:-1px; }
	.cont3_box_tit h6 strong { display:inline-block; font-weight:600; }
	.cont3_box_tit .imgBox { width:15%; float:right; display:inline-block; bottom:0; margin-left: auto;}
	.cont3_box { display:block; width:100%; padding:0 0 40px 0; }
	.cont3 .m_img_box { padding:0 5%;}
	.cont3 .m_img .title a.more { font-weight:600; }
}