@charset "utf-8";

/* 서브 전체 영역 */
.sub_cont_wrap { padding:40px 0px 100px; }
.sub_cont_center {display:flex; flex-direction:row; width:1280px; margin:10px auto 0px;}
.content {padding:35px 20px;}

@media screen and (max-width:1280px){
	.sub_cont_wrap { padding:5% 0px 10%; }
	.sub_cont_center { width:95%; margin:0 auto; height: auto; overflow-y: initial; }
	.content {padding:0px;}
}


/* left 메뉴 */
.left_gnb_box { width: 22%; margin-right: 5%; }
.left_gnb_box .left_title { position: relative; display: inline-block; margin-bottom: 15px; color: #000; font-size: 1.625rem; font-weight: 700; line-height: 1; }
.left_gnb_box .left_gnb_list { border-top: 2px solid; border-image: linear-gradient(to right, #cbbacc 29%, #759cbf 67%, #2680b3 100%); border-image-slice: 1; }
.left_gnb_box .left_gnb_list > li.color { background: #eff3f7; }
.left_gnb_box .left_gnb_list > li { position: relative; height: 60px; border-bottom: 1px solid #ddd; box-sizing: border-box; transition: all .5s; }
.left_gnb_box .left_gnb_list > li.color > a { color: #0144b6; font-weight: 500; }
.left_gnb_box .left_gnb_list > li > a { display: block; height: 100%; padding-left: 10px; color: #999; line-height: 60px; font-size: 1.125rem; font-weight: 400; }
.left_gnb_box .left_gnb_list > li.color:after { color: #0144b6; }
.left_gnb_box .left_gnb_list > li:after { content: ">"; display: block; color: #999; font-size: 0.825rem; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }

.left_gnb_box .left_gnb_list .left_gnb_list_s > li { position: relative; height: 40px; border-bottom: 1px dotted #ddd; box-sizing: border-box; transition: all .5s; background:#fbfbfb; }
.left_gnb_box .left_gnb_list .left_gnb_list_s > li:last-child { border-bottom: 1px solid #ddd; }
.left_gnb_box .left_gnb_list .left_gnb_list_s > li.color > a { color: #000; font-weight: 500; }
.left_gnb_box .left_gnb_list .left_gnb_list_s > li > a { display: block; height: 100%; padding-left: 10px; color: #999; line-height:40px; font-size:.9375rem; font-weight: 400; padding-left:23px; }
.left_gnb_box .left_gnb_list .left_gnb_list_s > li.color:after { color: #000; }
.left_gnb_box .left_gnb_list .left_gnb_list_s > li:after { content: "▶"; display: block; color: #999; font-size: 0.5rem; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); }

@media screen and (max-width:1280px){
	.left_gnb_box { display:none; }
}


/* right 영역 */
.right_cont { width: 73%; }

@media screen and (max-width:1280px){
	.right_cont { width:100%;  }
}


/* right 네비게이터 */
.right_cont .right_title_top {display:flex; align-items:flex-end; justify-content:space-between; padding-bottom:15px; border-bottom:2px solid #333;}
.right_cont .right_title {color:#000; font-size:1.625rem; font-weight: 600; line-height:1; }
.right_cont .right_nave_wrap {}
.right_cont .right_nave_wrap:after {content:""; display:block; clear:both;}
.right_cont .right_nave_wrap > li {float:left; display:flex; align-items:center; color:#999; font-weight:400;}
.right_cont .right_nave_wrap > li:first-child {padding-left:20px; background:url("../../images/main/sub_home_icon.png") no-repeat left center;; }
.right_cont .right_nave_wrap > li:after {content:">";  display:inline-block; font-size:0.625rem; line-height:1; font-family:"Gulim"; margin:0px 8px;}
.right_cont .right_nave_wrap > li:last-child:after {display:none;}
.right_cont .right_nave_wrap > li.color {color:#333; font-weight:500;}

@media screen and (max-width:1280px){
	.right_cont .right_title_top {display:none;}
}


/* 서브 검색 영역 */
.sub_search_box { display: none; width:100%; margin:0px auto 50px; background:#ecf1f4; border-radius:5px; padding:10px; box-sizing:border-box; overflow:hidden; }
.sub_search_box .sch_w25 { width:29%; margin-right:1%; height:45px; overflow:hidden; }
.sub_search_box .sch_w30 { width:40%; height:45px; overflow:hidden; }
.sub_search_box .sch3_box1 { height:45px; }
.sub_search_box .sch3_box2 { height:45px; }
.sub_search_box .sch3_box3 { height:45px; }
.sub_search_box .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; }
.sub_search_box .sch_form { height:100%; border:1px #ddd solid; border-radius:5px; background:#fff; }
.sub_search_box .sch_form input { width:83%; height:43px; border:0; border-radius:5px; padding:0 0 0 20px; box-sizing:border-box;  }
.sub_search_box .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){
	.sub_search_box { display: flex; width:100%; }
}
@media screen and (max-width:768px){
	.sub_search_box { display: flex; width:100%; display:block; margin:0px auto 20px; }
	.sub_search_box .sch_w25 { float:left; margin-right:0; width:49.5%; height:45px;  }
	.sub_search_box .sch_w25:nth-child(1) { margin-right:.5%; margin-bottom:1%; }
	.sub_search_box .sch_w25:nth-child(2) { margin-left:.5%; margin-bottom:1%; }
	.sub_search_box .sch_w30 { display:block; width:100%; height:45px; }
	.sub_search_box .sch_select { padding-left:10px; }
	.sub_search_box .sch_form input { width:88%; height:43px; border:0; border-radius:5px; padding:0 0 0 10px; box-sizing:border-box; }
	.sub_search_box .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; }
}


/* 포토형 - 리스트 */
.photo_wrap {  }
.photo_list { display: flex; flex-wrap: wrap; }
.photo_wrap .photo_list > li { display: flex; flex-direction: column; flex: none; flex-basis:30%; margin:0 1.6665%; border: 1px solid #dfdfdf; box-sizing: border-box; overflow: hidden; margin-bottom: 40px; }
.photo_wrap .photo_list > li .top_img { position: relative; overflow: hidden; border-bottom: 1px solid #dfdfdf; }
.photo_wrap .photo_list > li .bot_text { padding: 15px 15px 0; text-align:center; font-size: 1.0625rem; line-height: 1.4375rem; color: #000; font-weight: 400; }
.photo_wrap .photo_list > li .bot_text a { min-height: 40px; overflow: hidden; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.photo_wrap .photo_list > li .bot_text .date { position: relative; text-align:center; display: block; margin-top: 15px; font-size: .8125rem; line-height: .8125rem; color: #999; }
.photo_wrap .photo_list > li .bot_btn { padding: 15px 15px 20px; display:flex; align-items:center; justify-content:center; }
.photo_wrap .photo_list > li .bot_btn a { margin:0 1%; }
.photo_wrap .photo_list > li .bot_btn a.more { text-align:center; 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; }

@media screen and (max-width:768px){
	.photo_wrap .photo_list > li { flex-basis:48%; margin:1%; border: 0 solid #dfdfdf; }
	.photo_wrap .photo_list > li .top_img { border: 1px solid #dfdfdf; }
	.photo_wrap .photo_list > li .bot_text { padding: 15px 5px 0; }
	.photo_wrap .photo_list > li .bot_btn { padding: 15px 5px 30px; }
	.photo_wrap .photo_list > li .bot_btn a.more { font-size:.825rem; font-weight:600; }
}


/* 검색결과 - 리스트 */
.searchresult_wrap {  }
.searchresult_wrap .pink { color: #e70000; }
.searchresult_wrap .blue { color: #2e75b6; }
.searchresult_wrap b {font-weight:600;}

.searchresult_info { display:flex; align-items:center; justify-content:center; width:99%; margin:0 .5% 3%; border:1px solid #dfdfdf; padding:2%; box-sizing: border-box; background:#f9f9f9; }

.searchresult_list { display: flex; flex-wrap: wrap; }
.searchresult_list > li {display:flex; width:49%; margin:0 .5%; border:1px solid #dfdfdf; padding:2%; box-sizing: border-box; margin-bottom:1%; }
.searchresult_list > li > a {display:block;}

.searchresult_list > li .s_img {width:35%; min-width:auto; margin-right:5%;}
.searchresult_list > li .s_img > img {width:100%;}

.searchresult_list .s_text { width:60%; }
.searchresult_list .s_text .s_menu { margin-bottom:10px; }
.searchresult_list .s_text .s_menu:after {content:""; display:block; clear:both;}
.searchresult_list .s_text .s_menu > li {float:left; color:#999; font-size:0.875rem;}
.searchresult_list .s_text .s_menu > li:after {content:">"; display:inline-block; color:#999; font-size:0.875rem; margin:0px 5px;}
.searchresult_list .s_text .s_menu > li:last-child:after {display:none;}

.searchresult_list .s_text .ho_data {display:block; margin-bottom:20px; font-size:1.125rem; font-weight:500; line-height:1.325rem;}

.searchresult_list .s_text .page_list { padding:0; border-radius:5px; box-sizing:border-box; }
.searchresult_list .s_text .page_list > li {display:flex;  align-items:center; margin-bottom:2%; font-size:.875rem; background-color:#f2f4f8; }
.searchresult_list .s_text .page_list > li:last-child {margin-bottom:0px;}
.searchresult_list .s_text .page_list > li > span {display:inline-block; width:65px; min-width:65px; height:30px; margin-right:2%; color:#fff; text-align:center; line-height:28px; font-size:.7rem; background:#3e568d; border-radius:5px;}
.searchresult_list .s_text .page_list > li > p {display:-webkit-box; width:100%; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;}

@media screen and (max-width:1280px){
	.searchresult_list > li { width:100%; margin:0 0 5%; }
	.searchresult_list > li .s_img {width:20%; }
	.searchresult_list .s_text { width:60%; }
}
@media screen and (max-width:765px){
	.searchresult_info { margin:0 .5% 5%; }
	.searchresult_list > li .s_img {width:32%; min-width: 125px; }
	.searchresult_list .s_text { width:63%; }
	.searchresult_list .s_text .s_menu { margin-bottom:2%; }
	.searchresult_list .s_text .ho_data { margin-bottom:5%; }
}


/* 페이징 영역 */
.boardPager {width:100%; height:auto; display:block; margin-top:40px;}
.boardPager ul {height:40px;  display:table; text-align:center; margin:0px auto;}
.boardPager ul li {width:45px; height:40px; display:inline-block; margin-right:10px; vertical-align:middle; border:1px solid #e7e7e7;}
.boardPager ul li a{position: relative; display:block; height:100%;font-size:15px; color:#000; line-height: 40px; font-weight:500;}
.boardPager ul li.pagerFirst:hover{ background-color:#555; }
.boardPager ul li.pageOn a, .boardPager ul li:hover a{font-weight:600; text-decoration:underline; cursor:pointer; background-color:#555; color:#fff;}
.boardPager ul li:hover a{font-weight:600; text-decoration:underline; cursor:pointer; background-color:#555; color:#fff;}
.boardPager ul li.pagerNext a, .boardPager ul li.pagerPrev a, .boardPager ul li.pagerLast a, .boardPager ul li.pagerFirst a{margin:0px auto; }
.boardPager ul li.pagerNext a img, .boardPager ul li.pagerPrev a img, .boardPager ul li.pagerLast a img, .boardPager ul li.pagerFirst a img, .boardPager ul li.pagerPreve a img{vertical-align:middle; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.boardPager ul li.pagerNext:hover, .boardPager ul li.pagerPrev:hover, .boardPager ul li.pagerFirst:hover, .boardPager ul li.pagerLast:hover{cursor:pointer;}
.boardPager ul li.pagerNext:hover a, .boardPager ul li.pagerPrev:hover a, .boardPager ul li.pagerFirst:hover a, .boardPager ul li.pagerLast:hover a,.boardPager ul li.pagerPreve:hover a{background-color:transparent;} 
.mobile_Pager {display:none;}

@media screen and (max-width:768px){
    .Pc_Pager {display:none;}
    .mobile_Pager {display:block;}
    .boardPager ul {height:35px; display: flex; display:flex; align-items:center; justify-content:center;}
    .boardPager ul li {width:35px; height:35px; margin-right:1%; }
    .boardPager ul li.pageOn a, .boardPager ul li:hover a {line-height:35px;}
    .boardPager ul li a {line-height:35px;}
}