@charset "utf-8";


.header {border-bottom: 0;}
.header .logo {width: 30%;}

.visual_main {overflow:visible; position: relative; margin: 0 20px; height: 720px; border-radius: 15px; background-image: url("/ver2/asset/images/archive/main_visual_archive.jpg"); background-repeat: no-repeat; background-size: cover;}
.visual_main:after {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); border-radius: 15px;}
.visual_main .inr-c {z-index: 1; position: relative; height: 100%; display: flex; align-items:center; justify-content: center; flex-direction: column;}
.visual_main .t1 {margin-bottom: 10px; font-size: 24px; color: #fff; opacity:.8;}
.visual_main .t2 {margin-bottom: 60px; font-weight: 700; font-size: 53px; color: #fff;}

.search_acb {display: flex; align-items:center; justify-content: center; width: 100%;}
.search_acb .inp_select1 {position: relative; width: 140px; margin-right: 8px;}
.search_acb .inp_select1 .sel_tit {height: 62px; border-radius: 30px; border: 0;}
.search_acb .inp_select1 .sel_list {overflow:hidden; padding: 0; border-radius: 0 0 20px 20px;}
.search_acb .inp_select1 .sel_list ul {height: auto; max-height: none; }
.search_acb .inp_select1 .sel_list a {padding: 15px 20px; text-align: left;}
.search_acb .inp_select1 .sel_list a:hover {background-color: #f9f9f9;}
.search_acb .inp_select1.active { }
.search_acb .inp_select1.active .sel_tit {border-radius: 20px 20px 0 0;}
.search_acb .inp {overflow:hidden; width: 45%; max-width:620px; padding: 6px 12px; background-color: #fff; border-radius: 50px;}
.search_acb .inp form {display: flex; align-items:center;}
.search_acb .inp .inp_txt {border: 0; width: 100%;}
.search_acb .inp .btns {display: flex; align-items: center; justify-content: center; background-color: #0962CF; width: 42px; height: 42px; border-radius: 50px; flex-shrink: 0;}
.search_acb .inp .btns .i-set.i_sch {width: 20px; height: 20px; background-image: url('/ver2/asset/images/common/ico_sch_white.svg'); background-size: 18px auto;}


.btn_scroll {z-index: 1; position: absolute; left: 50%; bottom: -25px; margin-left: -25px; width: 50px; height: 50px; text-align: center; background-color: #484848; border-radius: 50%;}
.i-set.i_scroll {width: 34px; height: 17px; background-image: url('/ver2/asset/images/common/arrow_down.svg'); background-color: #484848;}


#container.sub .contents {}
#container.sub #spot {height: 272px; margin-bottom: 80px; display: flex; align-items:center; background-image: url('/ver2/asset/images/archive/arc_title_banner.png');}
#container.sub #spot .inr-c {padding-left: 0; text-align: center; width: 100%;}
#container.sub #spot .title {padding-top: 0;}
#container.sub .sidebar {top: 0;}

.sidebar .smenu > ul > li {border-radius: 50px; background-color: #fff;}
.sidebar .smenu > ul > li > a {height: 46px; color: #959595;}
.sidebar .smenu > ul > li.on > a {position: relative; color: #fff;}
.sidebar .smenu > ul > li.on > a:after {content:""; transform:rotate(90deg); position: absolute; right: 20px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background-size: 100% auto; background-repeat: no-repeat; background-image: url('/ver2/asset/images/common/arrow_menu_on.svg');}



.lst_photo {width: 104%; font-size: 0;}
.lst_photo .li {display: inline-block; vertical-align: top; width: 21%; margin-right: 4%; margin-bottom: 60px;}
.lst_photo .im {overflow:hidden; position: relative; height: 0; margin-bottom: 28px; padding-bottom: 65.47%; border-radius: 15px; border: 1px solid #eee; background-image: url("/ver2/asset/images/common/noimg_busy.jpg"); background-position: center center; background-size: cover;}
.lst_photo .im > span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size: cover;}
.lst_photo .im .i_mov {z-index: 1; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.lst_photo .h1 {overflow:hidden; white-space:nowrap; font-weight: 700; text-overflow: ellipsis;}
.lst_photo .t1 {margin-top: 5px; color: #484848;}
.lst_photo .t2 {margin-top: 12px; color: #999;}

.bbs_tblview .slider-for {width: 100%; height: auto; padding-bottom: 0;}
.bbs_tblview .slider-for br {display: none !important;}
.bbs_tblview .slider-for img {width: 100%;}
.bbs_tblview .slider-for .slick-slide {margin-bottom: 0; font-size: 0;}
.bbs_tblview .slider-nav .slick-slide  {margin-right: 10px; margin-bottom: 0; font-size: 0;}
.bbs_tblview .slider-nav .slick-slide br {display: none !important;}

.bbs_tblview .view_tit .im {overflow:hidden; width: 234px; border: 1px solid #DBDBDB; border-radius: 15px;}
.bbs_tblview .view_tit .tx .t2 {margin-top: 30px; font-size: 14px;}

.bbs_tblview .view_tit .tx .ls1 em {width: 95px;}

.flex-box {display: flex; flex-wrap:wrap;}
.flex-box > * {width: 50%;}


.lst_news2 .li {margin-bottom: 40px;}
.lst_news2 .li .im {width: 212px; height: 145px; flex-shrink: 0;}
.lst_news2 .li .h1 {margin-bottom: 10px; height: 30px;}
.lst_news2 .li .t2 {margin-bottom: 15px; height: 40px; line-height: 20px; color: #484848;}


.t-sch {font-weight: 700; color: #0962CF;}


/*메인*/
.hd_tit2 {margin-bottom: 60px; position: relative;}
.hd_tit2 .h_tit2 {position: relative; font-weight: 700; padding-left: 24px; font-size: 34px; margin-bottom: 10px;}
.hd_tit2 .h_tit2:after {content:""; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 18px; height: 18px; border: 5px solid #0962CF; border-radius: 50%; box-sizing:border-box;}
.hd_tit2 .more {position: absolute; right: 0; bottom: 0; width: 38px; height: 38px; font-size: 0; background-repeat: no-repeat; background-position: center center; background-image: url("/ver2/asset/images/common/ico_more.svg"); background-size: 36px auto;}


.hd_tit2 .et {display: flex; align-items:center; margin-bottom: 10px;}
.hd_tit2 .et .h_tit2 {margin-bottom: 0;}
.hd_tit2 .et .tab.ty1 {margin-bottom: 0; margin-left: 20px;}
.hd_tit2 .et .tab.ty1 li {margin-bottom: 0; margin-right: 8px;}
.hd_tit2 .et .tab.ty1 li a {line-height: 38px; font-size: 14px; min-width: 45px; background-color: #fff;}
.hd_tit2 .et .tab.ty1 li.on a {background-color: #03336F;} 


.main_sec {padding: 120px 0;}
.main_sec .swiper-button-prev {left: auto; right: 90px; top: -90px;}
.main_sec .swiper-button-next {right: 30px; top: -90px;}

.main_sec .slider_img {overflow:hidden; border-radius: 10px; height: 0; padding-bottom: 65.21%; background-position: center center; background-size: cover; border: 1px solid #eee; box-sizing:border-box;}
.main_sec .slider_txt {padding: 25px 0;}
.main_sec .slider_txt .t1 {font-weight: 700; color: #000; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.main_sec .slider_txt .t2 {margin-top: 6px; color: #484848;}

.slider_amain1 {position: relative;}
.slider_amain1 .slider_img {padding-bottom: 137%; }
.slider_amain1 .slick-list {overflow:visible;}
.slider_amain1 .item {width: 210px; margin-right: 45px;}
.slider_amain1 .is-first::after {
	content:""; 
	position: absolute;
	top: 0; right: 100%; 
	width: 100%; height: 100%;
	background-color: #fff;
}

.main_sec.main2 {background-color: #F2F3F6;}
.main_sec.main2 .item {margin-right: 30px;}
.slider_amain2, .slider_amain2_1 {position: relative;}


.main_sec.main3 {}
.main_sec.main3 .inr-c {display: flex; gap:80px;}
.main_sec.main3 .inr-c > div {flex:1; }

.main_sec .lst_news2 .li {margin-bottom: 15px;}
.main_sec .lst_news2 .li .im {min-width: 180px; height: 120px;}
.main_sec .lst_news2 .li .h1 {height: 60px;}


.main_link {display: flex; flex-direction: column; gap:10px;}
.main_link a {position: relative; display: flex; align-items:center; padding: 0 60px; height: 190px; background-color: #F2F8FF; border-radius: 15px;}
.main_link em {display: block; margin-bottom: 10px;}
.main_link svg {position: absolute; right: 60px; top: 60px;}
.main_link .bg {
	position: relative; display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}
.main_link a:hover {background-color: #0962CF; color: #fff;}
.main_link a:hover path {fill:#fff;}
.main_link a:hover .bg img {opacity:0;}



/*통합검색*/
.lst_photo.poster .im {padding-bottom: 138.4%;}

#container.total {
	.hd_stit .tit > span:first-child {padding-left: 30px; position: relative;}
	.hd_stit .tit > span:first-child:after {
		content:"";
		position: absolute; left: 0; top: 50%; margin-top: -9px; width: 18px; height: 18px; border: 5px solid #0962CF; border-radius: 50%; box-sizing:border-box;
	}

	.lst_photo .li {width: 21%;}
	.lst_photo.poster .li {width: 16%;}

	.lst_photo .li:nth-child(n+5) {display: none;}
	.lst_photo.poster .li:nth-child(6) {display: inline-block;}

	.lst_news2 .li:nth-child(n+5) {display: none;}


	.lst_photo.view .li:nth-child(n+5) {display: inline-block;}
	.lst_news2.view .li:nth-child(n+5) {display: block;}
}


.lst_poster {padding-top: 0;}
.lst_news2 {padding-top: 0;}



@media (min-width:961px){
	.header .depth2 {display: none !important;}
	.depth2 li:hover, .depth2 li.on {background: none;}
	.depth2 li:hover > a, .depth2 li.on > a { color: #000;}
}


/*모바일*/
@media (max-width:960px){ 
	.header .logo {width: auto;}
	.header .logo img {height: 31px; margin-top: 15px;}

	#header.site {background: none; position: absolute;}
	#header.site .logo {z-index: 0;}
	#header.site .gnb:after {content:none;}
	#header.site .gnbbox {margin-top: 0; position: fixed; right: 0; top: 0; background-color: rgba(0,0,0,.5);}
	#header.site .gnb {width: 255px; float: right; background-color: #fff;}
	#header.site .gnb > ul > li {border-bottom: 1px solid #DBDBDB;}
	#header.site .gnb > ul > li > a {width: auto; background-color: #fff; line-height: 60px; padding-left: 16px; position: relative;}
	#header.site .gnb > ul > li > a:after {content:""; position: absolute; right: 18px; top: 50%; width: 18px; height: 18px; margin-top: -9px; background-image: url("/ver2/asset/images/common/arrow_menu.svg"); opacity:.6;}
	#header.site .gnb > ul > li.on > a {font-weight: 700;}
	#header.site .gnb > ul > li.on > a:after {transform:rotate(180deg);}
	#header.site .gnb > ul > li:first-child > a {background-color: #0962CF; color: #fff; font-size: 20px;}
	#header.site .gnb > ul > li > a > span {margin-left: 0;}
	#header.site .depth2 {position: static; width: auto; height: auto; background-color: #FAFAFA; border-radius: 0; border-top: 1px solid #DBDBDB;}
	#header.site .depth2 > ul > li {background: #FAFAFA; border-radius: 0;}
	#header.site .depth2 > ul > li > a {font-size: 14px; border-radius: 0; line-height: 42px; font-weight: 400;}
	#header.site .depth2 > ul > li.on > a {background-color: #E3ECF8; font-weight: 700;}
	#header.site .btn_gnb_close {z-index: 2; top: 0; right: 8px; background-color: #0962CF;}
	#header.site .btn_gnb_close span {transform:rotate(45deg); background: none; width: 20px; height: 3px; background-color: #fff; border-radius: 3px;}
	#header.site .btn_gnb_close span:after {content:""; display: inline-block; vertical-align: top; width: 20px; height: 3px; background-color: #fff; transform:rotate(-90deg); border-radius: 3px;}
	
	#header.scroll {box-shadow:0 1px 1px rgba(0,0,0,.1);}


	.search_acb {flex-wrap:wrap; margin: 0 auto; }
	.search_acb .inp {width: 100%; box-sizing: border-box; padding: 4px 8px;}
	.search_acb .inp .btns {flex-shrink: 0; width: 34px; height: 34px;}
	.search_acb .inp_select1 {width: 100%; margin-right: 0; margin-bottom: 10px; display: none;}
	.search_acb .inp_select1 .sel_tit {height: 50px;}

	#container.sub #spot {height: 180px; margin-bottom: 30px; background-image: url('/ver2/asset/images/archive/spot_bg.png'); background-size: cover;}
	#container.sub #spot .search_acb .inp {margin-top: 20px;}
	#container.sub > .inr-c {display: block;}
	#container.sub .sidebar {display: block; top: -30px; margin-left: -18px; width: calc(100% + 36px); position: relative; background-color: #FAFAFA;}

	.sidebar .tit {position: relative; width: 100%; height: 60px; padding: 0 18px; text-align: left; font-size: 14px; background-color: #FAFAFA; border-bottom: 1px solid #DBDBDB; border-radius: 0;}
	.sidebar .tit:after {content:"▼";  position: absolute; right: 18px; top: 50%; font-size: 10px; line-height: 1; margin-top: -7px; color: #5D6065;}
	.sidebar .smenu {z-index: 2; position: absolute; left: 0; width: 100%; top: 60px; display: none;}
	.sidebar .smenu > ul > li {border-radius: 0; margin: 0; border-bottom: 1px solid #DBDBDB; background-color: #FAFAFA;}
	.sidebar .smenu > ul > li > a {padding: 0 16px; font-size: 14px; line-height: 42px; border-radius: 0; color: #5D6065;}
	.sidebar .smenu > ul > li.on > a {background-color: #E3ECF8; color: #0962CF;}
	.sidebar .smenu > ul > li.on > a:after {content:none;}


	.lst_photo .li {width: 46%; margin-bottom: 30px;}
	.lst_photo .im {border-radius: 10px; margin-bottom: 15px;}
	.lst_photo .text-b1 {font-size: 14px;}
	.lst_photo .t2 {font-size: 11px; margin-top: 5px;}

	.visual_main {height: 480px; margin-top: 10px;}
	.visual_main .t1 {margin-bottom: 5px; font-size: 16px;}
	.visual_main .t2 {margin-bottom: 25px; font-size: 30px;}

	.main_sec {padding: 50px 0;}
	.main_sec .swiper-button-prev {right: 40px; top: -70px;}
	.main_sec .swiper-button-next {right: 0; top: -70px;}
	.main_sec .slider_txt {padding: 15px 0 0;}

	.hd_tit2 {margin-bottom: 30px; font-size: 12px;}
	.hd_tit2 .h_tit2 {font-size: 22px; padding-left: 20px;}
	.hd_tit2 .h_tit2:after {width: 14px; height: 14px; border-width: 4px; margin-top: -7px;}
	.hd_tit2 .et {}
	.hd_tit2 .et .tab.ty1 {position: absolute; left: 0; top: 70px; margin-left: 0;}
	.hd_tit2 .et .tab.ty1 li a {min-width: 80px;}
	.hd_tit2 .more {background-size: 24px auto; background-position: right bottom;}

	.slider_amain1 .item {margin-right: 30px;}

	.main_sec.main2 .hd_tit2 {margin-bottom: 70px;}
	.main_sec.main2 .item {margin-right: 0;}
	.main_sec.main2 .swiper-button-prev {top: -35px; background-position: right center;}
	.main_sec.main2 .swiper-button-next {top: -35px; background-position: right center;}

	.lst_news2 {padding-top: 0;}

	.main_sec .lst_news2 .li .im {width: 120px; min-width: 120px; height: 80px; border-radius: 10px;}
	.main_sec .lst_news2 .li .tx {padding-left: 18px;}
	.main_sec .lst_news2 .li .h1 {height: 44px;}
	.main_sec .lst_news2 .li .t1 {font-size: 12px;}


	.main_sec.main3 .inr-c {display: block;}
	.main_sec.main3 .rgh {margin-top: 50px;}

	.main_link svg {right: 18px; top: 50%; width: 26px; transform:translateY(-50%);}
	.main_link a {padding: 0 20px; height: 100px; border-radius: 10px; font-size: 12px;}
	.main_link a img {height: 20px;}
	.main_link a:last-child img {height: 40px;}


	.tbl_top .rgh {margin-top: 0;}

	.lst_news2 .li {margin-top: 0; margin-bottom: 15px;}
	.lst_news2 .li .h1 {height: 22px; width: auto; margin-bottom: 5px;}
	.lst_news2 .li .h1 span {font-size: 16px;}
	.lst_news2 .li .t1 {font-size: 12px;}
	.lst_news2 .li .t2 {font-size: 13px; height: 16px;}
	.lst_news2 .li .im {width: 120px; height: 80px;}

	.bbs_tblview .view_tit .tx .t2 {margin-top: 15px;}

	.tab.ty3 {margin-bottom: 50px;}
	.tab.ty3 li a {font-size: 15px; white-space:nowrap;}

	.lst_poster {display: flex;}
	.lst_poster .li {width: 47%; margin-right: 3%;}
	.lst_poster .li > a {display: block;}
	.lst_poster .poster_img {width: auto; height: 0;  padding-bottom: 138.4%;}
	.lst_poster .poster_txt {padding-left: 0; padding-top: 10px;}



	/*통합검색*/
	#container.total {
		.hd_stit .tit > span:first-child {padding-left: 30px;}
		.hd_stit .tit > span:first-child:after {margin-top: -9px; width: 18px; height: 18px; border: 5px solid #0962CF;}

		.lst_photo .li {width: 47%;}
		.lst_photo.poster .li {width: 47%;}

		.lst_photo.poster .li:nth-child(6) {display: none;}
	}


	.tbl_top {display: flex; align-items:center; margin-bottom: 15px;}
	.tab.ty2 li a {border-left: 0; position: relative;}
	.tab.ty2 li a:after {content:""; position: absolute; left: 0; top: 50%; margin-top: -6px; width: 1px; height: 12px; background-color: #ddd;}
	.tab.ty2 li:first-child a:after {content:none;}
}