/**************************************************
* 버전관리
* version : v=1
* Last Update : 
**************************************************/

/********************************************************
■ 서브 헤더
********************************************************/

#header {position:relative; background:#fff;}
#header .header_inner #nav > ul > li > div > a {color:#353535;}
#header .header_inner #nav > ul > li > div > a:hover {color:var(--main);}
#header .btnAll span {background:#353535;}

#header .lang ul li a{color:#000;}
#header .lang ul li + li:before{background:#000;}

/* 헤더 오버/전체메뉴 오픈 */
#header.open .btnAll span {background:#fff;}
#header.over .header_inner #nav ul li > div > a{color:#000;}
#header .header_inner #nav ul li > div > a:hover,
#header.over .header_inner #nav ul li.on > div > a{color:var(--main);}


/********************************************************
■ 서브 비주얼
********************************************************/
#sepration {position:relative; overflow: hidden;}
 
/*-----서브비주얼 타이틀-----*/
.section {display: flex; flex-direction: column;  justify-content: center;  align-items: center; gap:0.8rem; width:100%; height:100%; color:#fff; position:absolute; top:0; left:0; z-index:0;}
.section:after {content:''; display:block; width:27.55%; height:81.66%; border-radius:100%; background: rgba(0, 0, 0, 40%); filter:blur(300px); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:-1;}
.section .line {width:2px; height:2.15rem; background:#fff; animation: txt-line 1s  0s cubic-bezier(0.550, 0.055, 0.675, 0.190) both;}
.section h2,
.section .section_page_tit {line-height: 1; animation: txt-move 0.5s cubic-bezier(0.550, 0.055, 0.675, 0.190) both;}
.section h2 {font-weight:800;  animation-delay: 0.2s;}
.section .section_page_tit{ animation-delay: 0.5s;} 

/*-----서브비주얼 이미지-----*/
.sep_img_wrap .sep_img {padding-top:18.3%; min-height: 17.45rem;}

@keyframes txt-move {
   0%   {transform:translateY(3rem); opacity:0;}
   100% {transform:translateY(0); opacity:1;}
}
@keyframes txt-line {
   0%   {height:0;}
   100% {height:2.15rem;}
}

@media (max-width:768px){
	/*-----서브비주얼 타이틀-----*/
	.section h2, .section .section_page_tit {line-height:1.3; text-align: center;}
	.section h2 {text-align: center;}
	.section .line {height:1.5rem;}

	/*-----서브비주얼 이미지-----*/
	.sep_img_wrap .sep_img {min-height: 13rem;}
}


/********************************************************
■ LNB
********************************************************/
.tab_view{display:none;}

/*-----LNB-----*/
.sep_menu {margin:2.9rem 0 0; transition: opacity 1s ease; opacity: 1;}
.sep_menu.dom_loading {opacity: 0}
.sep_menu .tab_ul {display:flex; justify-content: center; gap:0.75rem;}
.sep_menu .tab_ul li { line-height:1; }
.sep_menu .tab_ul li a {display:block; padding:0 0.6rem 0.75rem; position:relative;  color:var(--gray99); font-weight:600; transition: color var(--basic_trans);}
.sep_menu .tab_ul li a:after {content:''; width:0; height:2px; background:var(--dmain); position:absolute; bottom:0; left:0; transition:var(--basic_trans);}
.sep_menu .tab_ul li strong {font-weight:600; color:var(--dmain);}

/* 호버, on 효과 */
.sep_menu .tab_ul li a:is(:focus,:hover) { color:var(--dmain);}
.sep_menu .tab_ul li a:is(:focus,:hover):after { width:100%;}
.sep_menu .tab_ul li a:has(strong) { color:var(--dmain);}
.sep_menu .tab_ul li a:has(strong):after { width:100%;}



/* 탭메뉴 */
.tab_menu{width:1420px; margin:0 auto; position:relative; z-index:0;margin-bottom:2.3rem;}
.tab_menu ul{display:flex; gap: 1rem 2rem; justify-content: center; align-items: center;text-align:center; overflow:hidden;}
.tab_menu ul li a{display:flex;  justify-content: center; align-items: center; color:#fff; background:#f0f2f3; color:#353535; border-radius:2rem; padding: 0 3.15rem;  width:auto; height:3.25rem; transition: all 0.3s; font-size:1.2rem}
.tab_menu ul li.on a, .tab_menu ul li:hover a {background:var(--dmain); color:#fff;}

@media (max-width:1420px){
	.tab_menu{width:100%;}
	.tab_menu ul li a{font-size:1rem;}
}

@media (max-width:1030px){
	.tab_view{display:block; cursor:pointer; background:var(--dmain); background-size:12px auto; font-size:1.11rem; box-sizing:border-box; color:#fff; box-sizing:border-box; padding-left:1rem; font-weight:normal; position:relative; text-align: left; height:3rem; line-height:3rem;}
	.tab_view i{position:absolute; top:50%; right:1rem; margin-top:-9px; display:block; }
	.tab_view.on{cursor:pointer; }
	.tab_view.on i{transform:rotateX(180deg);}

	/*-----LNB-----*/
	.sep_menu {margin:0; position: relative;}
	.sep_menu .tab_ul {display:none; flex-direction:column; gap:0; width: 100%; box-shadow:3px 2px 15px 1px rgb(0 0 0 / 15%); background:#fff; position: absolute;  top: 3rem;  left: 0; z-index: 10;}
	.sep_menu .tab_ul li {height:2.5rem;}
	.sep_menu .tab_ul li:not(:first-child) { border-top:1px solid #EAECF1;}
	.sep_menu .tab_ul li a {display: flex;align-items: center; padding:0 1rem; width:100%; height:100%;}
	.sep_menu .tab_ul li a:after {display:none;}
	
	/* 호버, on 효과 */
	.sep_menu .tab_ul li a:is(:focus,:hover) { color:var(--gray99);}


	.left_menu_mob{display:none;}

	/* 탭메뉴 */	
	.tab_menu{margin:2rem 0;}
}

@media (max-width:768px){
	/*탭메뉴*/
	.tab_menu ul li a{display:block; text-transform:capitalize; display: -webkit-box; display: -ms-flexbox;	display: -webkit-flex; display: flex;	-webkit-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: center;	justify-content: center;	-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center; align-items: center; height:50px; line-height:1.1;}
}
@media (max-width:390px){
	/*탭메뉴*/
	.tab_menu ul li a {padding:0 2rem;}
	.tab_menu ul{display:block; text-transform:capitalize; display: -webkit-box; display: -ms-flexbox;	display: -webkit-flex; display: flex;	-webkit-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: center;	justify-content: center;	-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center; align-items: center; height:50px; line-height:1.1;}
}




/********************************************************
■ 컨텐츠
********************************************************/
#content_body {padding-top:2.95rem; padding-bottom:8rem;}

@media (max-width:768px){
	#content_body {padding-top:4rem; padding-bottom:5rem;}
}


/* =============================================================================
  통합검색
   ========================================================================== */
#wrap:has(.sr_result) .sep_img_wrap .sep_img {background-image:url('/images/default/content/sch_sub_visual.webp') !important;}
#wrap:has(.sr_result) .sep_menu {margin:0; display:none;}

/* Table */
.cate_area{ box-sizing:border-box; border-top:1px solid #dcdcdc;margin-bottom:clamp(3.2rem, 3.04rem + 1vw, 4rem);}
.search{overflow:hidden; width:100%; background:var(--lmain); padding:clamp(2.4rem, 2.28rem + 0.75vw, 3rem) clamp(0.8rem, 0.56rem + 1.5vw, 2rem); margin-bottom:clamp(1.6rem, 1.52rem + 0.5vw, 2rem); border-bottom-right-radius:clamp(0.6rem, -0.08rem + 4.25vw, 4rem); text-align:center;}
.search_all{display: inline-block;   margin:0 auto; }
.search_all fieldset {display:flex; align-items: center;}
.search_all .searchBox  select::-ms-expand {  display: none;    -webkit-display: none;    -moz-display: none;    -o-display: none;    -ms-display: none;}
.search_all .searchBox select.total_select{padding-right: 3rem; padding-left:1rem;   height: 2.5rem;  line-height: 2.5rem;  border-radius: 0.5rem;  background: #fff url('/images/default/content/select_icon.svg') no-repeat right +1rem center; font-size: 0.85rem; color: #666666;}
.search_all .searchBox{display: flex; align-items: center; gap: 1em; margin-right: 1rem; border-right:none; width:20rem;box-sizing:border-box;}
.search_all .searchBox input.keyWord{ height: 1.8rem; line-height: 1.8rem; background:transparent; border:none;width:100%; padding-left:10px; border-bottom:1px solid #dedede;}
.search_all input.btnSearch{width:1.7rem; height:1.7rem;}
.tit-search h2{font-size: clamp(1.728rem, 1.674rem + 0.34vw, 2rem); font-weight:600; text-align:center; color:#313131; margin-top:2rem;}
.tit-search h2 em{color:var(--yellow);}

.cate_area h2{font-size:1.2rem; font-weight:bold; color:#212121;margin:15px 0; }
.cate_area .folding{position:relative; padding:10px 0px 0px; 0px;}
.cate_area .folding h3{position:absolute; left:50%; margin-left:-52px; bottom:-27px; cursor:pointer; }
.cate_area .pt ul{display:flex; flex-wrap:wrap;}
.cate_area .pt ul li{width:25%;  background:url('/images/default/content/ser_bul.gif') no-repeat left top 0.95em; padding:0.5rem 0; padding-left:1.5rem;   border-bottom: 1px solid #ddd;}
.cate_area .pt ul li a{font-size:0.8rem; color:#7c7c7c; }
.cate_area .pt ul li.on a{color:var(--orange); font-weight:bold;}


.sr_result{position:relative; }
.sr_result:not(:first-child) {margin-top:clamp(1.6rem, 1.52rem + 0.5vw, 2rem);}
.sr_result h3{margin-bottom:0.5rem; font-size:1.1rem; color:#212121; font-weight:600;  text-transform:uppercase; padding-left:1.5rem; background:url('/images/default/content/vis_icon02.svg') 0px 0.1em no-repeat; background-size:1.2rem auto; padding-bottom:1rem; border-bottom:2px solid #111; }
.sr_result h3 span{color:#a0a0a0; font-size:0.8rem; text-transform:}
.sr_result p.more{position:absolute; top:0px; right:0px;}
.sr_result p.gal_tit a{color:#353535 !important; font-weight:bold; font-size:0.9rem;}
.sr_result .gal_con{word-break:break-all; color:#848484; font-size:0.8rem;margin:8px 0px;}
.sr_result .date{background: url('/images/default/content/date.gif') no-repeat 0 center;font-size:0.75rem; color:#adadad; }
.sr_result .sdate {font-size:0.75rem;}
.sr_result .sdate-flex{display:flex; gap:0.5rem;}
.sr_result p.smore{position:absolute; top:0; right:0;}

.sr_result .tb_wrap {background:url('/images/default/content/dot_line2.gif') repeat-x left bottom; padding-bottom:25px;}
.sr_result .tb_view{border-collapse: collapse;	border-spacing: 0; table-layout:fixed;}
.sr_result table.online_tb{border-bottom:solid 1px #e4e4e4;}
.sr_result .tb_view thead th{color: #818181; font-weight: bold; padding:11px 15px; font-size: 0.75rem; text-align:left; vertical-align:middle; border-bottom:1px solid #e4e4e4;}
.sr_result .tb_view tbody th{ color:#a1a6a9; font-weight:bold;  padding:11px 15px; text-align:left;background: url('/images/default/content/th.gif') no-repeat right center; font-size:12px; }
.sr_result .tb_view tbody td{padding:12px 0px;color:#818181; line-height: 20px; font-size:13px;}
.sr_result .tb_view tbody td.attached a{font-size:12px; text-decoration:underline !important;}
.sr_result .tb_view tbody td.date{font-size:12px; text-align:center;}
.sr_result .tb_view tbody td.view{background: url('/images/default/content/th.gif') no-repeat left center; font-size:12px;text-align:center;}
.sr_result .tb_view tbody .vbar{background: url('/images/default/content/th.gif') no-repeat right center; font-size:12px;text-align:center;}


.no_result{text-align:center; font-size:18px; color:#848484; margin-top:130px; padding:20px; border:1px solid #dbdbdb;}
.no_result b{color:#212121; font-size:30px; font-weight:bold; line-height:50px;}


@media (max-width:1030px){
	.cate_area .pt ul li {background:url('/images/default/content/ser_bul.gif') no-repeat left top 0.7em;}
}

@media (max-width:767px){
	.search_all{display:block;}
	.search_all fieldset{display:flex; gap:0 0.5rem;}
	.search_all .searchBox{width:100%;}
	.cate_area .pt ul li{width:50%;}

	.cate_area .pt ul li a {font-size:1rem;}
	.sr_result p.gal_tit a,
	.sr_result h3{font-size:1.11rem;}
	.sr_result .gal_con,
	.sr_result .sdate,
	.sr_result h3 span{font-size:1rem}
}