@charset "utf-8";
/* ************************************************************************************************************************************************************
						《 메인 페이지 스타일 》
************************************************************************************************************************************************************ */

/* ============================== [ 메인 슬라이드 ] ========================================================================================== */
.slide_sec {padding: 6rem 0 8rem;}
.slide_sec .tit_area {display: flex; gap:2.5rem; align-items: center; padding-bottom: 1.4rem; position: relative;}
.slide_sec .tit_area::after {display: block; content: ''; width: 5rem; height: 1px; background-color: #fa646f; position: absolute; left: 0; bottom: 0;}
.slide_sec .tit_area a {display:flex; align-items:center;}
.slide_sec .tit_area h2 {color:#504747; font-size: 3rem; margin-right:3rem;}
.slide_sec .tit_area .more {display: block; width: 3.8rem; height: 3.8rem; border:1px solid #e7e7e7; background:#fff url(../images/ico_plus_bk.svg) no-repeat center; background-size: 9px;}
.slide_sec .tit_area a:hover .more {background-color:#f5f5f5; transition: 0.3s;}
.slide_sec .desc {font-weight: 300; color: #000; margin-top: 2rem; font-size:1.4rem; word-break:keep-all;}
.slide_sec .slide_wrap {position:relative;}
.slide_sec .slide_wrap .item {transition: 0.3s; overflow: hidden; border:1px solid rgba(0,0,0,.08);}
.slide_sec .slide_wrap .swiper-wrapper {padding:20px 0;}
.slide_sec .slide_wrap .item:hover {box-shadow: 1.3rem 1rem 1.9rem rgba(0, 0, 0, 0.1);}
.slide_sec .slide_wrap .item .img {overflow: hidden;}/*250207*/
.slide_sec .slide_wrap .item img {transition: 0.3s;}
.slide_sec .slide_wrap .item:hover img {transform: scale(1.15);}
.slide_sec .arr_swiper {display:flex; align-items:center; position:absolute; right:1rem; top:-3rem;}
.slide_sec .arr_swiper .paging_num {width:auto; padding: 0 1.6rem;}
.slide_sec .arr_swiper .arr {width:3rem; height:3rem; border-radius: 50%; border:1px solid #ddd; background-color: #fff; background-repeat: no-repeat; background-position: center;}
.slide_sec .arr_swiper .arr.arr_prev {background-image: url(../images/arr_prev.svg);}
.slide_sec .arr_swiper .arr.arr_next {background-image: url(../images/arr_next.svg);}

/* 디렉토리 검색 슬라이드 */
.dir_slide img {display:block; width:100%; height:21.1rem; object-fit: cover;}/*251114*/
.dir_slide .txt_wrap {background-color: #f6f7f9; padding: 1.5rem 2rem; height:5.9rem; width: 100%;}/*251114*/
.dir_slide h3 {font-size: 2.1rem; color:#363636; font-weight: 600;}
.dir_slide p {margin-top: 1.3rem; color:#363636; display: none;}/*251114*/

/* 국학 이야기 슬라이드 */
.slide_sec.cul_sec {background-color: #f2f3f5;}
.slide_sec .cul_slide img {display:block; width:100%; height:27rem; object-fit: cover;}
.cul_slide .txt_wrap {position:absolute; left:0; bottom:0; width:100%; background-color: #fff; opacity:0.7; height:8.8rem; display:flex; align-items:center; justify-content:center; flex-direction: column; padding:0 2rem;}
.cul_slide h3 {font-size:2.2rem; font-weight:600; color:#000; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.cul_slide p {font-size:1.2rem; font-weight:500; color:#000; text-align:center; margin-top:0.5rem; line-height:1.2;}

@media only screen and (max-width:767px) {
	.slide_sec .tit_area h2 {font-size: 2.8rem; margin-right:1rem;}
	.slide_sec .slide_wrap .item {border:none;}
	.slide_sec .dir_slide.slide_wrap .swiper-wrapper {height:365px;}
	.slide_sec .dir_slide.slide_wrap .item {height:auto; display:flex;}
	.dir_slide .txt_wrap {position:relative; padding:13px; height:83px;}
	.dir_slide p {margin-top:5px; -webkit-line-clamp: 2;}
	.slide_sec .dir_slide img {width:110px; height:83px;}
	.slide_sec .arr_swiper {right: calc(50% - 50px);}
	.slide_sec .arr_swiper .arr.arr_prev {background-size: 7px auto;}

	.slide_sec .cul_slide.slide_wrap .swiper-wrapper {height:330px;}
	.slide_sec .cul_slide.slide_wrap .item {height:auto;}
	.slide_sec .cul_slide img {width:100%; height:157px;}
}

/* ============================== [ 기관별 검색 ] ========================================================================================== */

.org_sec {background:url(../images/bg_org.png) no-repeat center; background-size: cover; padding:10rem 0;}
.org_sec .inner {display:flex;}
.org_sec .tit_area {width:22.5rem; position: relative;}
.org_sec .tit_area h2 {font-size:3rem; color:#fff; position:relative; padding-bottom:2rem;}
.org_sec .tit_area h2::after {display:block; content: ''; width:4.5rem; height:1px; background-color: #fff; position:absolute; left:0; bottom:0;}
.org_sec .tit_area h2 a {display: none;}
.org_sec .tit_area .desc {color:#fff; margin-top:2rem; line-height:1.4em;}
.org_sec .tit_area a {border-radius: 5px; width:5.5rem; height:5.5rem; display:block; margin-top:2rem; background:#f6f7f9 url(../images/ico_plus_bk.svg) no-repeat center; background-size: 1.5rem;}
.org_sec .tit_area a:hover {background-color:#ddd; transition: 0.3s;}
.org_sec ul {flex:1; margin-left:9.5rem; display:flex; gap:2.6rem;}
.org_sec ul li {max-width: 300px; width: 100%; display:flex; flex-direction: column; justify-content:center; background-color: #fff; padding: 4rem 1rem 5rem; transition: 0.3s;}
.org_sec ul li:hover {box-shadow: 5px 1.3rem 2.5rem rgba(0, 0, 0, 0.4);}
.org_sec ul li .img {width:14.8rem; height:14.8rem; border-radius: 50%; overflow:hidden; margin:0 auto;}
.org_sec ul li .img img {height:100%; transition: 0.3s;}
.org_sec ul li:hover .img img {transform: scale(1.15);}
.org_sec ul li h3 {margin-top:2.5rem; font-size:2.1rem; font-weight:700; text-align:center;}
.org_sec ul li p {margin-top:2rem; text-align:center; word-break: keep-all;}
.org_sec ul li .btn_wrap {margin-top:2rem; display:flex; align-items:center; justify-content:center; gap:4px;}
.org_sec ul li .btn_wrap a {padding:3px 8px 3px 25px; background-position: left 8px center; background-repeat: no-repeat; border:1px solid #d1d1d1; border-radius: 3px; font-weight:600; font-size:1.3rem; color:#3b3b3b;}
.org_sec ul li .btn_wrap a:hover {background-color:#f5f5f5; transition: 0.3s;}
.org_sec ul li .btn_wrap .btn_srch {background-image: url(../images/ico_search_org.svg); background-size: 1.4rem auto;}
.org_sec ul li .btn_wrap .btn_intro {background-image: url(../images/ico_plus_org.svg); background-size: 1rem auto}

/* ============================== [ 국학 관련 사이트 ] ========================================================================================== */
.hert_sec {padding:8rem 0; background-color: #f6f6f6;}
.hert_sec .wrap {margin: 0 auto; width: 100%; max-width: 1310px; padding: 0 2rem;}
.hert_sec h2 {font-size:3rem; text-align: center;}
.hert_sec .tab {margin-top:5rem; position:relative;}
.hert_sec .tab::after {display:block; content: ''; width:100%; height:1px; background-color: #9ba6b1; position:absolute; left:0; bottom:0;}
.hert_sec .tab ul {display:flex; gap:6px; justify-content:center;}
.hert_sec .tab ul li a {width:23.5rem; height:6rem; font-size:1.7rem; font-weight:500; color:#7a7a7a; border-radius: 5px 5px 0 0; border:1px solid #c7ced4; display:flex; align-items:center; justify-content:center; border-bottom:none; position:relative; z-index:1; transition: .3s;}
.hert_sec .tab ul li.active a {color:#47475a; font-weight:700; font-size:1.9rem; border-color:#9ba6b1; border-bottom:1px solid #f6f6f6; word-break:keep-all;}
.hert_sec .cont {margin-top:6.5rem;}
.hert_sec .cont .content {display:none;}
.hert_sec .cont .content.active {display:block;}

.hert_sec .archive {display:flex; gap:2.4rem; flex-wrap: wrap;}
.hert_sec .archive li {flex:1;}
.hert_sec .archive li a {position:relative; display:block; width:100%; height:23rem; border-radius: 3px; overflow:hidden; transition: 0.3s;}
.hert_sec .archive li a::after {display:block; content: ''; width:100%; height:100%; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.66) 100%); position:absolute; left:0; top:0;}
.hert_sec .archive li a img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; transition: 0.3s;}
.hert_sec .archive li a:hover {box-shadow: 5px 1.3rem 2.5rem rgba(0, 0, 0, 0.2);}
.hert_sec .archive li a:hover img {transform: scale(1.2);}
.hert_sec .archive li .txt_wrap {position:absolute; left:0; bottom:3.5rem; width:100%; z-index:2; text-align:center; padding: 0 1rem;}
.hert_sec .archive li .txt_wrap strong {font-size:2.3rem; color:#fff;}
.hert_sec .archive li .txt_wrap p {font-size:1.5rem; color:#fff; margin-top:1rem;}

.hert_sec .go_site {display:flex; flex-wrap:wrap; gap:2rem 2.5rem; margin-top:6rem;}
.hert_sec .go_site li {width:calc(25% - 1.88rem);}
.hert_sec .go_site li a {width:100%; height: 100%; background-color: #fff; overflow:hidden; border-radius: 3px; border:1px solid #e8e8e8; position:relative; padding:1.7rem 5.4rem 1.7rem 3rem;display:block; transition: 0.3s;}
.hert_sec .go_site li a:hover {box-shadow: 5px 1.3rem 2.5rem rgba(0, 0, 0, 0.1);}
.hert_sec .go_site li a::after {display:flex; justify-content:center; align-items: center; content: 'Go'; width:5.4rem; height:100%; color:#fff; font-weight:500; font-size:1.6rem; position:absolute; right:0; top:0;}
.hert_sec .go_site li a strong {font-size:1.7rem; color:#000; font-weight:600;}
.hert_sec .go_site li a p {font-size:1.3rem; color:#b2b2b2;}
.hert_sec .go_site.bg_org li a::after {background-color: #d47748;}
.hert_sec .go_site.bg_bl li a::after {background-color: #5aacc4;}
.hert_sec .go_site.bg_yl li a::after {background-color: #fac231;}

@media only screen and (max-width:1400px) {
	.slide_sec .tit_area {justify-content: center;}
	.slide_sec .tit_area::after {left: calc(50% - 2.5rem);}
	.slide_sec .desc {text-align: center;}
	.slide_sec .arr_swiper .paging_num {padding: 0 1.3rem; font-size: 1.3rem;}
	.cul_slide p {line-height: 1.1;}

	.org_sec .inner {display:block;}
	.org_sec ul {margin: 20px 0 0 0; gap:1.6rem;}
	.org_sec ul li {max-width: none;}
	.org_sec .tit_area {width: auto;}
	.org_sec .tit_area h2 {display: flex; align-items: center; }
	.org_sec .tit_area h2 a {display: block; width: 3.8rem; height: 3.8rem; border:1px solid #e7e7e7; background:#fff url(../images/ico_plus_bk.svg) no-repeat center; background-size: 9px; border-radius: 0; margin: 0 0 0 10px;}
	.org_sec .tit_area a {display: none;}
	.org_sec .tit_area h2::after {background-color: #fa646f;}
	.org_sec ul li {flex:1;}

	.hert_sec .archive {gap:2rem}
	.hert_sec h2 {text-align: center;}
}
@media only screen and (max-width:1024px) {
	.org_sec ul {flex-wrap: wrap;}
	.org_sec ul li {padding: 30px 25px; width: calc(50% - 1.3rem); flex:none; max-width: none; display: block; overflow: hidden;}
	.org_sec ul li .img {float: left; width: 122px; height: 122px;}
	.org_sec ul li h3 {padding-left: 140px; text-align: left;}
	.org_sec ul li p {padding-left: 140px; text-align: left; margin-top: 10px;}
	.org_sec ul li .btn_wrap {justify-content: flex-start; padding-left: 15px; margin-top: 10px;}
	.hert_sec .go_site li {width: calc(33.33% - 1.7rem);}
	.hert_sec .go_site li a {padding: 2rem 6rem 2rem 2rem ;}
	.hert_sec .go_site li a strong {font-size: 1.5rem;}
	.hert_sec .archive li .txt_wrap strong {font-size: 2rem;}
}
@media only screen and (max-width:767px) {
	.slide_sec {padding: 40px 0 50px;}
	.slide_sec .slide_wrap {margin-top: 40px;}
	.slide_sec .desc {font-size:12px;}
	
	.org_sec {padding:6rem 0;}
	.org_sec .tit_area {text-align: center;}
	.org_sec .tit_area h2 {justify-content: center;}
	.org_sec .tit_area h2::after {left: calc(50% - 2.5rem);}
	.org_sec .tit_area .desc {font-size: 1.3rem;}
	.org_sec ul li {padding: 10px 20px; width: 100%;}
	.org_sec ul li .img {width: 89px; height: 89px;}
	.org_sec ul li h3 {padding-left: 110px; margin-top: 10px;}
	.org_sec ul li p {padding-left: 110px; margin-top: 5px;}
	.org_sec ul li .btn_wrap {padding-left: 20px;}

	.hert_sec .wrap {padding: 0 10px;}
	.hert_sec .tab ul {gap:3px;}
	.hert_sec .tab ul li {flex:1;}
	.hert_sec .tab ul li a {width: 100%; font-size: 1.5rem;}
	.hert_sec .tab ul li.active a {font-size: 1.6rem; text-align: center;}
	.hert_sec .cont {margin-top: 25px;}
	.hert_sec .archive {gap:10px}
	.hert_sec .archive li{flex:none; width: calc(50% - 5px);}
	.hert_sec .go_site {margin-top: 25px; gap:10px}
	.hert_sec .go_site li {width: calc(50% - 5px);}
	.hert_sec .go_site li a {padding-right:2rem;}
	.hert_sec .go_site li a::after {display: none;}
	.hert_sec .go_site li a strong {font-size: 1.7rem;}
}