@charset "UTF-8";

.sub_title {position:relative; width:100%; border-top:1px solid #303d92; border-bottom:1px solid #303d92; height:70px; margin-top:80px;}
.sub_title h2 {line-height:68px; font-weight:500;}

/* 자료검색 */
.searchDetail {position:relative; width:100%; clear:both; z-index:1;}
.category_section {border-top:1px solid #303d92; border-bottom:1px solid #303d92; height:70px;}
.category_section ul {display:flex; flex-wrap:wrap;}
.category_section ul li .path_btn {display:table; position:relative; width:100%; height:68px; padding:0 60px; font-weight:500;}
.category_section ul li:nth-child(1) {flex:1 1; align-items:center;}
.category_section ul li:nth-child(1) input {width:100%; height:68px; border:none; padding-left:15px;}
.category_section ul li.bt_search {background:#303d92;}
.category_section ul li.bt_search span,.category_section ul li.bt_search i {color:#fff;}
.category_section ul li.bt_list {background:#f0f0f0; border-right:1px solid #303d92;}
.category_section ul li.bt_list span {color:#000;}

.path_selectlist {border-bottom:1px solid #303d92; height:50px;}
.path_selectlist.On i {-webkit-transform:rotate(180deg); transform:rotate(180deg);}
.path_selectlist ul {display:flex; flex-wrap:wrap;}
.path_selectlist ul li .path_btn {display:flex; width:100%; height:49px; font-weight:600; align-items:center; justify-content:space-between; padding:0 10px 0 20px;}
.path_selectlist ul li {flex:1 1 20%; border-left:1px solid #303d92;}
.path_selectlist ul li:first-child {border-left:0}
.path_selectlist ul li .more {background:url(../images/arrow.png) no-repeat; width:30px; height:30px; background-size:cover; cursor:pointer;}

.path_wrap {position:absolute; width:100%; z-index:10;}
.path_selectitem {display:flex; font-size:14px; border-bottom:1px solid #ccc; background:#f5f5f5;}
.path_selectitem ul {overflow:hidden; display:flex; flex-wrap:wrap; flex-direction:column; flex:1 1; padding:20px; border-left:1px solid #ccc; height:230px;}
.path_selectitem ul:first-child {border-left:0}
.path_selectitem ul li {margin-bottom:8px; align-items:center; cursor:pointer;}
.path_selectitem ul li input {margin-right:6px; width:16px; height:16px;}

.select_keyword {position:relative; padding:15px 20px; box-sizing:border-box; border-bottom:1px solid #ccc; background:#f5f5f5;}
.select_keyword:after {display:table; clear:both; content:""; table-layout:fixed;}
.select_keyword a.btn_Refresh {position:absolute; right:20px;}
.select_keyword span {margin-right:20px;}

/* 갤러리 */
.sort_list {position:relative; width:100%; display:flex; flex-wrap:wrap; margin-top:40px; border-top:1px solid #e5e7eb; border-left:1px solid #e5e7eb;}
.sort_list li {position:relative; width:50%; padding:30px; border-right:1px solid #e5e7eb; border-bottom:1px solid #e5e7eb; }
.sort_list li .w100 {width:100%; margin-left:0;}
.sort_list li a {display:flex; }

.img_item {overflow:hidden; position:relative; display:inline-block; width:240px; height:170px; vertical-align:top; box-sizing:border-box;}
.img_item img {width:100%; height:100%;}
.list_titem {display:inline-block; width:calc(100% - 230px); margin-left:30px;}
.list_text {display:flex; align-items:center; font-weight:600; margin-bottom:8px; }
.list_text .list_title {background:#303d92; border-radius:6px; color:#fff; padding:2px 6px 0 6px; font-size:12px; margin-right:6px;}
.list_text .list_map {position:absolute; right:20px;}
.list_text_t {padding-top:22px;}
.list_titem .title {line-height:1.4; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1;}
.list_titem .list_desc {-webkit-box-orient:vertical; display:-webkit-box; overflow:hidden; -webkit-line-clamp:4;}
.list_titem .list_more {display:block; font-weight:600; margin-top:10px; text-align:right; color:#303d92;}

/* 아카이브 */
.story_list {position:relative; display:flex; flex-wrap:wrap; margin-top:40px; border-left:1px solid #333;}
.story_list li {width:25%; border-right:1px solid #333; border-top:1px solid #333; border-bottom:1px solid #333; }
.story_list .name {display:flex; justify-content:space-between; padding:10px;}
.story_list .photo {position:relative; }
.story_list .overlay {position:absolute; top:0; left:0; width:100%; height:100%; padding:20px; display:flex; background:#fff; opacity:0; transition:opacity 0.2s;}
.story_list a:hover .overlay { opacity: 1;}

/* 자료 상세페이지 */
.view_info {position:relative; margin-right:60px;}
.view_info .wcol {width:130px;}
.view_info table {width:100%; table-layout:fixed; letter-spacing:-0.025em; border-top:2px solid #000; font-size:15px;}
.view_info table tr th {padding:10px; background-color:#fafafa; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align: left;}
.view_info table tr th strong {font-weight:600;}
.view_info table tr td {padding:10px; border-bottom:1px solid #ccc; color:#333;}
.view_info table tr td p.subj {font-weight:600; color:#000;}
.view_info ul {font-size:14px;}
.view_info li {cursor:pointer; padding:8px 14px; border-bottom: 1px solid #ccc;}
.view_info li span {font-weight:500;}
.view_info li.over { background:#ebecff; color:#303d92;}
.view_info li.over span {font-weight:600;}

.info_txt {position:relative; display:block; margin-top:40px; }
.info_txt p {word-break: break-all; margin-bottom:10px;}
.info_txt .line {border-top:1px solid #ddd; margin-top:40px;}
.info_txt strong {display:block; margin-bottom:10px; color:#303d92;}
.info_txt .img {margin-top:20px;}
.info_txt .img img {margin-bottom:10px;}
.info_txt .f_s_16 {font-size:20px; line-height:1.4}

.movie_wrap {display:grid; grid-template-columns: repeat(3, minmax(0, 1fr));}
.movie_wrap .movie_img {padding-bottom:0; grid-column:span 2 / span 2;}
.view_wrap {display:grid; grid-template-columns: repeat(2, minmax(0, 1fr));}
.view_wrap .view_img {padding-bottom:0; text-align:center;}
.view_wrap .view_img p {margin:10px 0 40px 0;}

.video-container {overflow:hidden; position:relative; width:100%;}
.video-container iframe, .video-container video {height:100%; left:0; position:absolute; top:0; width:100%;}
.video-container:after {content:""; display:block; padding-top:56.25%;}

.movie_selectlist {position:relative; background:#303d92; color:#fff; padding:14px 20px; cursor:pointer;}
.movie_selectlist i {position:absolute; top:20px; right:20px;}
.movie_selectlist.On i {-webkit-transform:rotate(180deg); transform:rotate(180deg);}
.movie_selectitem {position:absolute; width:100%; z-index:10; background:#efefef;}

.movie_list {position:relative; display:flex; flex-wrap:wrap;}
.movie_list div {width:18%; margin:0 1%; margin-top:40px;}
.movie_list div p {display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; margin-top:6px;}
.movie_list a.on {display:block; border:2px solid #303d92;}
.movie_list a:hover {background:#000; opacity:0.4; transition:opacity 0.2s;}

/* paging */
.paging {width:100%; text-align:center; display:inline-block; vertical-align:top; margin-top:40px;}
.paging a {display:inline-block; width:42px; height:42px; line-height:42px; margin:0 1px 0; color:#888; text-align:center; vertical-align:middle; transition: all 0.2s ease; border-radius:50px;}
.paging a.first i,
.paging a.last i {letter-spacing:-7px;}
.paging a.first i {margin:0 0 0 -7px;}
.paging a.first i:after {content: "\e93b";}
.paging a.last i {margin:0 0 0 -5px;}
.paging a.last i:after {content: "\e93e";}
.paging a.first,.paging a.prev,.paging a.next,.paging a.last {border:solid 1px #ddd;}
.paging a.first:hover,.paging a.prev:hover,.paging a.next:hover,.paging a.last:hover {border-color:#002e6a; background:#002e6a;}
.paging a:hover i,.paging a:hover i:before,.paging a:active,.paging a:focus {color:#fff;}
.paging a:hover, .paging a.on {color:#002e6a; font-weight:600;}

/* 지도 */
.map_wrap {overflow:hidden; position:relative;}
.root_daum_roughmap .wrap_map {height: calc(100vh - 182px) !important;}
.subContents.padd80 {padding-bottom:0;}

.order_step {display:flex; flex-direction:row; flex-flow: row wrap; border:1px solid #e6e6e6; border-left:0; border-bottom:0; margin:40px auto;}
.order_step li {position:relative;border-left:1px solid #e6e6e6; width:20%; display:block; text-align:center; padding:40px 0; border-bottom:1px solid #e6e6e6;}
.order_step li p {margin:0 auto; display:block; width:36px; height:36px; border-radius:40px; background:#000; color:#fff; font-size:18px; letter-spacing:-0.02em; text-align:center; line-height:36px; font-weight:700; margin-top:25px; }
.order_step li span {display:block; margin-top:10px;}
.order_step li span.text_s {font-size:13px;}

/* media query */
@media screen and (max-width:1200px) {
}

@media screen and (max-width:960px) {
	.sub_title {height:50px; margin-top:70px;}
	.sub_title h2 {line-height:48px;}
	
	.searchDetail {margin-top:30px;}
	.category_section {height:50px;}
	.category_section ul li .path_btn {height:48px; padding:0 15px;}
	.category_section ul li:nth-child(1) input {height:48px; padding-left:10px; font-size:13px}
	.category_section ul li.bt_search span, .category_section ul li.bt_list span, .category_section ul li.bt_map span {display:none;}
	.path_selectitem {width:100%; display:block;}
	.path_selectitem ul {border-left:0; border-bottom:1px solid #ccc; height:140px;}
	.path_selectlist ul li .path_btn {padding:0 5px 0 15px; margin-bottom:4px;}

	.sort_list li {width:100%; padding:15px;}
	.img_item {width:100px; height:100px; }
	.list_text_t {padding-top:12px;}
	.list_titem {width:calc(100% - 110px); margin-left:10px;}
	.list_titem .list_desc {-webkit-line-clamp:3; font-size:13px;}
	
	.view_wrap .view_img,.slider-nav {min-width:100%;}
	.view_wrap {display:block; margin-bottom:30px;}
	.view_wrap .view_info table tr th,.view_wrap .view_info table tr td {padding:10px;}

	.movie_wrap {display:block; min-width:100%;}
	.view_info {width:100%;}
	.view_info {margin-right:0;}
	.view_info .wcol {width:90px;}
	.view_info table {font-size:13px;}
	.info_txt .f_s_16 {font-size:16px;}
	.story_list li {width:50%;}
	.paging a {width:30px; height:30px; line-height:30px; margin:0 0; font-size:12px;}
	
	.root_daum_roughmap .wrap_map {height: calc(100vh - 152px) !important;}
}

@media screen and (max-width:768px) {
}

@media screen and (max-width:640px) {
	.view_wrap .view_img .slider-for img,.view_wrap .view_img iframe {height:340px;}
	.img_item {height:70px; }
	.movie_list div {width:48%; margin:0 1%; margin-top:20px;}
	.order_step li {width:100%;}
}

@media screen and (max-width:480px) {
	.view_wrap .view_img .slider-for img,.view_wrap .view_img iframe {height:240px;}
	.story_list li {width:100%;}
}