@charset "utf-8";
/* CSS Document */

button {-webkit-tap-highlight-color : transparent;}
a {-webkit-tap-highlight-color : transparent;}
input {-webkit-tap-highlight-color : transparent;}

input:focus { outline: none; }
button:focus { outline: none; }

.textHide{text-indent: -9999px;position: fixed;}

/**** 본문바로가기 ****/
#accessibility {width:100%; text-align: center; background-color:#333; position:absolute; top:-31px; left:0; z-index: 500; height:30px;}
#accessibility a {color:#fff; font-size: 13px; display: inline-block; padding:6px 10px 6px;}

.skip-navi{display:block;position:absolute;left:0;top:0;overflow:hidden;width:1px;height:1px;text-align:center;color:#fff !important;z-index:9999;}
.skip-navi:focus,.skip-navi:active{padding:5px 0;width:100%; color:#fff; height:auto; background:#333}

/**** 본문 ****/
#wrap {position:relative; width:100%; height:100%; overflow: hidden; min-height: 100vh;}

.inner1400 {width:1400px; margin:0 auto; position:relative;}
.inner1400:after {content: ""; display: block; clear: both;}

.dpnone {display: none !important;}

@media all and (max-width:1400px){
	.inner1400 {width:100%; padding:0 10px;}
}

@media all and (max-width:750px){
  colgroup{display:none;}
}

/******* 모바일 메뉴 *******/
.mobile_menu {display: none;}
.mobile_menu_black {display: none;}

@media all and (max-width:1000px){
	/* 검정배경 */
	.mobile_menu_black {position: fixed; left: 0; top: 0; z-index: 2400; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);}

	/* 모바일 메뉴 */
	.mobile_menu {display: block; position: fixed; right: -300px; top: 0; z-index: 2500; width: 300px; height: 100%; background-color: #fff;}
	.mobile_menu .top_ul {display: flex; flex-wrap: wrap; height: auto; background-color: #1f4bb4; border-bottom: 1px solid #113792;}
	.mobile_menu .top_ul li {border-right: 1px solid #113792; flex-grow: 1; border-top: 1px solid #113792; margin-top: -1px;}
	.mobile_menu .top_ul li:last-of-type {border-right: none;}
   .mobile_menu .top_ul li a {display: block; height: 100%; display: flex; align-items: center; justify-content: center; padding:10px 10px; color: #fff; font-size: 14px;}
	.mobile_menu .top_ul li a.btn_close i {font-size: 27px; color: rgba(255,255,255,0.7);}

	.mobile_menu .search_b {height: 50px; width: 100%; border-bottom: 1px solid #eee;}
	.mobile_menu .search_b::after {content: ""; display: block; clear: both;}
	.mobile_menu .search_b input[type="text"] {float: left; width: 70%; height: 100%; font-size: 13px; border: none;}
	.mobile_menu .search_b button {float: left; width: 30%; height: 100%; font-size: 13px; background-color: #113792; color: #fff;}

	.mobile_menu .bott_box {height: calc(100% - 50px); width: 100%; overflow-y: auto;}
	.mo_gnb {width: 100%;}
	.mo_gnb > li {border-bottom: 1px solid #e0e0e0;}
	.mo_gnb > li > a {display: block; padding: 18px 45px 17px 20px; position: relative;}
	.mo_gnb > li > a .txt {font-size: 17px; font-weight: 500; color: #333; letter-spacing: 0.02em;}
	.mo_gnb > li > a .icon, .mo_gnb > li > a .icon2  {position: absolute; right: 18px; top: 18px; display: flex; justify-content: center; align-items: center; width: 23px; height: 23px; border:1px solid #e5e5e5;}
	.mo_gnb > li > a .icon i, .mo_gnb > li > a .icon2 i  {font-size: 13px; color: #999;}
	.mo_gnb > li > a.active , .mo_gnb > li > a.active2{}
	.mo_gnb > li > a.active .txt , .mo_gnb > li > a.active2 .txt {color: #1f4bb4;}
	.mo_gnb > li > a.active .icon ,.mo_gnb > li > a.active2 .icon,.mo_gnb > li > a.active .icon2 ,.mo_gnb > li > a.active2 .icon2 {border-color: #1f4bb4;}
	.mo_gnb > li > a.active .icon i ,.mo_gnb > li > a.active2 .icon i,.mo_gnb > li > a.active .icon2 i ,.mo_gnb > li > a.active2 .icon2 i {color: #1f4bb4;}

	.mo_gnb_depth2 {display:none; width: 100%; background-color: #f0f0f0;}
	.mo_gnb_depth2 > li {border-top: 1px solid #e0e0e0;}
	.mo_gnb_depth2 > li > a {display: block; padding: 13px 33px 12px 27px; position: relative; background-color: #f7f7f7;}
	.mo_gnb_depth2 > li > a .txt {font-size: 15px; color: #777;}
	.mo_gnb_depth2 > li > a .icon,.mo_gnb_depth2 > li > a .icon2 {position: absolute; right: 20px; top: 13px;}
	.mo_gnb_depth2 > li > a .icon i ,.mo_gnb_depth2 > li > a .icon2 i {font-size: 13px; color: #777;}
	.mo_gnb_depth2 > li > a.active,.mo_gnb_depth2 > li > a.active2 {background-color: #e5ecff}
	.mo_gnb_depth2 > li > a.active .txt,.mo_gnb_depth2 > li > a.active2 .txt {color: #222;}
	.mo_gnb_depth2 > li > a.active .icon i ,.mo_gnb_depth2 > li > a.active2 .icon i ,.mo_gnb_depth2 > li > a.active .icon2 i ,.mo_gnb_depth2 > li > a.active2 .icon2 i {color: #222;}

	.mo_gnb_depth3 {display:none; width: 100%; background-color: #fff;}
	.mo_gnb_depth3 > li {border-top: 1px solid #e0e0e0;}
	.mo_gnb_depth3 > li > a {display: block; padding: 13px 33px 12px 35px; position: relative;}
	.mo_gnb_depth3 > li > a .txt {font-size: 15px; color: #777;}
	.mo_gnb_depth3 > li > a .icon,.mo_gnb_depth3 > li > a .icon2 {position: absolute; right: 20px; top: 13px;}
	.mo_gnb_depth3 > li > a .icon i {font-size: 13px; color: #777; transition: all .25s ease;}
	.mo_gnb_depth3 > li > a.active, .mo_gnb_depth3 > li > a.active2 {background-color: #eaf7ff;}
	.mo_gnb_depth3 > li > a.active .txt ,.mo_gnb_depth3 > li > a.active2 .txt {color: #222;}
	.mo_gnb_depth3 > li > a.active .icon i ,.mo_gnb_depth3 > li > a.active2 .icon i ,.mo_gnb_depth3 > li > a.active .icon2 i ,.mo_gnb_depth3 > li > a.active2 .icon2 i {color: #222; transform: rotate(180deg);}

	.mo_gnb_depth4 {display:none; width: 100%; background-color: #fff; padding: 18px 20px 18px 25px;}
	.mo_gnb_depth4 > li {margin-top: 7px;}
	.mo_gnb_depth4 > li:first-child {margin-top: 0;}
	.mo_gnb_depth4 > li > a {display: block; padding-left: 15px; position: relative; font-size: 14px;}
	.mo_gnb_depth4 > li > a::before {content: ""; width: 5px; height: 1px; background-color: #888; position: absolute; left: 0; top: 11px;}
}

/****** 헤더 탑 *****/
.hd_top_box {width: 100%; /*background-color: #0d5daa; */
background: rgb(13,147,165);
background: -moz-linear-gradient(left,  rgba(13,147,165,1) 0%, rgba(13,93,170,1) 21%, rgba(13,93,170,1) 77%, rgba(0,75,168,1) 100%);
background: -webkit-linear-gradient(left,  rgba(13,147,165,1) 0%,rgba(13,93,170,1) 21%,rgba(13,93,170,1) 77%,rgba(0,75,168,1) 100%);
background: linear-gradient(to right,  rgba(13,147,165,1) 0%,rgba(13,93,170,1) 21%,rgba(13,93,170,1) 77%,rgba(0,75,168,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d93a5', endColorstr='#004ba8',GradientType=1 );
} /*background:#0179e7; #8bc34a;*/
.hd_top_box .inner1400 {display: flex;}
.hd_top_box .lb {margin-right: auto;}
.hd_top_box .lb a {height: 40px; line-height: 40px; background-color: #00478b; display: block; color: #fff; padding: 0 20px; transition: all .25s ease; float: left; } /*background:#004dad;*/
.hd_top_box .lb a:hover,
.hd_top_box .lb a:focus {background-color:#2E83F2; text-decoration: underline;}
.hd_top_box .lb a:nth-child(1) { position:relative; }
.hd_top_box .lb a:nth-child(2) { border-left:1px solid rgba(255,255,255,0.2); }

.hd_top_box .rb {}
.hd_top_box .trans {height: 40px; line-height: 40px; color: #fff; margin-left:20px;}
.hd_top_box .trans .icon {margin-right: 5px;}
.hd_top_box .trans .icon img {vertical-align: middle;}
.hd_top_box .trans .txt {font-weight: 400; color: #fff;}
.hd_top_box .trans:hover,
.hd_top_box .trans:focus {text-decoration: underline;}

@media all and (max-width:1000px){
	.hd_top_box {display: none;}
}

/******* 헤더 *******/
#hd {width: 100%; border-bottom: 1px solid #fff; position: relative; z-index: 1888;}
#hd .inner {width: 1400px; margin: 0 auto; height: 100px; }
#hd .inner::after {content: ""; display: block; clear: both;}
#hd .logo_box {float: left; margin-top: 38px; width: 380px;}
#hd .right_box {float: right; width: calc(100% - 380px);}
#hd .right_box::after {content: ""; display: block; clear: both;}
#hd .logo_box h1 { text-indent: -9999px;position: fixed; }
#hd .logo_box a img { height: 38px; }

#hd .main_menu_box {float:left; width: calc(100% - 100px); }
#gnb {width: 100%; display: flex; height: 100px;}
#gnb > li {flex-grow: 1;}
#gnb > li > a {display: block; line-height: 100px; text-align: center; color:#333; font-size:16px; }
#gnb > li > a span {display: inline-block; position: relative; font-size: 20px; font-weight: 400; transition: all .25s ease; line-height: 28px; padding-top: 14px;}
#gnb > li > a span::after {content: ""; display: block; position: absolute; left: 0; top: 100%; width: 0; height: 3px; transition: all .25s ease;
background-color: #0053a7;
/*background: rgb(13,147,165);*/
    background: -moz-linear-gradient(left, rgba(13,147,165,1) 0%, rgba(13,93,170,1) 31%, rgba(13,93,170,1) 77%, rgba(0,75,168,1) 100%);
    background: -webkit-linear-gradient(left, rgba(13,147,165,1) 0%,rgba(13,93,170,1) 31%,rgba(13,93,170,1) 77%,rgba(0,75,168,1) 100%);
    background: linear-gradient(to right, rgba(13,147,165,1) 0%,rgba(13,93,170,1) 31%,rgba(13,93,170,1) 77%,rgba(0,75,168,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d93a5', endColorstr='#004ba8',GradientType=1 );
}

#gnb > li > a span p { font-size:0.8em }

#gnb > li.active > a span,
#gnb > li.active > a span,
#gnb > li.active2 > a span,
#gnb > li.active2 > a span  {color: #0053a7;}
#gnb > li.active > a span::after,
#gnb > li.active > a span::after,
#gnb > li.active2 > a span::after,
#gnb > li.active2 > a span::after {width: 100%;}

#gnb .gnb_subMenu {position: absolute; left: 0; top: 100%; z-index: 2000; width: 100%; background-color: #fff; border-top: 1px solid #e8e8e8; display:none;}
#gnb .gnb_subMenu .flex1 {display: flex;}

#gnb .gnb_subMenu .info {width: 30.2%; background-image: url('../images/common/bg_main_menu.jpg'); background-repeat: no-repeat; background-position: top right; background-size: cover; text-align: right; min-height: 420px;}
#gnb .gnb_subMenu .info .in {display:inline-block; width: 300px; margin:60px 35px 0 0; text-align: left;}
#gnb .gnb_subMenu .info .in h2 {font-size: 35px; font-weight: 400; color:#fff; margin-bottom: 10px;}
#gnb .gnb_subMenu .info .in h5 {font-size: 15px; font-weight: 300; color:#fff; text-align: justify; text-shadow: 0 0 5px rgba(0,0,0,0.5);}

#gnb .gnb_subMenu .menu_b {width: 69.8%; background-color: #f4f4f4;}
#gnb .gnb_subMenu .gnb_depth2 {height: 100%; width: 360px; background-color: #fff; border-right: 1px solid #e8e8e8; position: relative;}
#gnb .gnb_subMenu .gnb_depth2 > li {}
#gnb .gnb_subMenu .gnb_depth2 > li > a {display: block; color: #666; border-bottom: 1px solid #e8e8e8; padding: 9px 40px 8px 25px; transition: all .25s ease; font-size:16px; }
#gnb .gnb_subMenu .gnb_depth2 > li > a i {position: absolute; right: 10px; margin-top: 4px; font-size: 13px; transition: all .25s ease;}
#gnb .gnb_subMenu .gnb_depth3 {display:none; position: absolute;  top: 0; left: 100%; height: 100%; width: 100%; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; background-color: #f4f4f4;}
#gnb .gnb_subMenu .gnb_depth3 > li {}
#gnb .gnb_subMenu .gnb_depth3 > li > a {display: block; color: #666; border-bottom: 1px solid #e8e8e8; padding: 9px 40px 8px 25px; transition: all .25s ease; font-size:16px; }
#gnb .gnb_subMenu .gnb_depth3 > li > a i {position: absolute; right: 10px; margin-top: 5px; font-size: 13px; transition: all .25s ease;}
#gnb .gnb_subMenu .gnb_depth4 {display:none; position: absolute;  top: 0; left: 100%; height: 100%; width: 100%; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; background-color: #fff;}
#gnb .gnb_subMenu .gnb_depth4 > li {}
#gnb .gnb_subMenu .gnb_depth4 > li > a {display: block; color: #666; border-bottom: 1px solid #e8e8e8; padding: 9px 40px 8px 25px; transition: all .25s ease;}
#gnb .gnb_subMenu .gnb_depth4 > li > a i {position: absolute; right: 10px; margin-top: 4px; font-size: 13px; transition: all .25s ease;}

/* active */
#gnb .gnb_subMenu .gnb_depth2 > li.active > a ,#gnb .gnb_subMenu .gnb_depth2 > li.active2 > a {color: #fff;
background: rgb(13,147,165);
background: -moz-linear-gradient(-45deg,  rgba(13,147,165,1) 0%, rgba(13,93,170,1) 21%, rgba(13,93,170,1) 77%, rgba(0,75,168,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(13,147,165,1) 0%,rgba(13,93,170,1) 21%,rgba(13,93,170,1) 77%,rgba(0,75,168,1) 100%);
background: linear-gradient(135deg,  rgba(13,147,165,1) 0%,rgba(13,93,170,1) 21%,rgba(13,93,170,1) 77%,rgba(0,75,168,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d93a5', endColorstr='#004ba8',GradientType=1 );
}
#gnb .gnb_subMenu .gnb_depth2 > li.active > a i,#gnb .gnb_subMenu .gnb_depth2 > li.active2 > a i {color: #fff;}
#gnb .gnb_subMenu .gnb_depth3 > li.active > a,#gnb .gnb_subMenu .gnb_depth3 > li.active2 > a {/*background-color: #2c5383;*/ color: #fff;
background: rgb(13,147,165);
background: -moz-linear-gradient(-45deg,  rgba(13,147,165,1) 0%, rgba(13,93,170,1) 21%, rgba(13,93,170,1) 77%, rgba(0,75,168,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(13,147,165,1) 0%,rgba(13,93,170,1) 21%,rgba(13,93,170,1) 77%,rgba(0,75,168,1) 100%);
background: linear-gradient(135deg,  rgba(13,147,165,1) 0%,rgba(13,93,170,1) 21%,rgba(13,93,170,1) 77%,rgba(0,75,168,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d93a5', endColorstr='#004ba8',GradientType=1 );
font-size:16px;
}
#gnb .gnb_subMenu .gnb_depth3 > li.active > a i ,#gnb .gnb_subMenu .gnb_depth3 > li.active2 > a i {color: #fff;}
#gnb .gnb_subMenu .gnb_depth4 > li > a:hover,
#gnb .gnb_subMenu .gnb_depth4 > li > a:focus {color: #2c5383; text-decoration: underline; font-weight: 400;}

#gnb > li.active .gnb_subMenu ,#gnb > li.active2 .gnb_subMenu {z-index: 2020;}

#gnb > li.db > a span {font-weight: 500; color: #1f83ff;}

.gnb_black {position: fixed; left: 0; bottom:0; width: 100%; height: calc(100% - 140px); background-color: rgba(0,0,0,0.7); z-index: 1800; display: none;}

#hd .btn_box {float:right; width:100px; line-height: 100px; text-align: right; padding-right: 5px;}

#hd .btn_box .btn_top_search {font-size: 26px; color: #111; transition: all .25s ease;}
#hd .btn_box .btn_top_search:hover,
#hd .btn_box .btn_top_search:focus {color: #0179e7;}

#hd .btn_box .btn_siteMap {width: 20px; margin-left: 12px;}
#hd .btn_box .btn_siteMap .line {display: block; width: 100%; height: 2px; background-color: #111; margin-top: 5px; transition: all .25s ease;}
#hd .btn_box .btn_siteMap .line:first-of-type {margin-top: 0;}
#hd .btn_box .btn_siteMap .line.short {width: 70%;}
#hd .btn_box .btn_siteMap:hover .line,
#hd .btn_box .btn_siteMap:focus .line {background-color:#0053a7;}
#hd .btn_box .btn_siteMap:hover .line.short,
#hd .btn_box .btn_siteMap:focus .line.short {width: 100%;}

#hd .btn_box .btn_MobileMenu {width: 20px; margin-left: 12px; display: none;}
#hd .btn_box .btn_MobileMenu .line {display: block; width: 100%; height: 2px; background-color: #111; margin-top: 5px; transition: all .25s ease;}
#hd .btn_box .btn_MobileMenu .line:first-of-type {margin-top: 0;}
#hd .btn_box .btn_MobileMenu .line.short {width: 70%;}
#hd .btn_box .btn_MobileMenu:hover .line,
#hd .btn_box .btn_MobileMenu:focus .line {background-color: #0179e7;}
#hd .btn_box .btn_MobileMenu:hover .line.short,
#hd .btn_box .btn_MobileMenu:focus .line.short {width: 100%;}

@media all and (max-width:1400px){
	#hd .inner {width: 100%; padding: 0 10px; height: 98px; }

	#gnb .gnb_subMenu .info .in {padding:60px 10px 0 20px; margin: 0; width: 100%;}

	#gnb .gnb_subMenu .menu_b {width: 69.8%;}
	#gnb .gnb_subMenu .gnb_depth2 {width: 33.33%;}
}

@media all and (max-width:1200px) {

	/******* 헤더 *******/
	#hd {}
	#hd .inner {width: 100%; padding: 0 10px; height: 98px; }
	#hd .logo_box {margin-top: 34px; width: 250px;}
	#hd .right_box {width: calc(100% - 250px);}

	#hd .main_menu_box {width: calc(100% - 100px);}
	#gnb > li > a span {font-size: 18px;}

	#gnb .gnb_subMenu .info {width: 23%;}

	#gnb .gnb_subMenu .menu_b {width: 77%; background-color: #f4f4f4;}

}

@media all and (max-width:1000px){
	#hd .inner {width: 100%; padding: 0 10px; height: 66px; }
	#hd .logo_box {margin-top: 15px; width: 240px; margin-left: 10px;}

	#hd .main_menu_box {display: none;}
	#hd .btn_top_search {display: none;}
	#hd .btn_siteMap {display: none;}

	#hd .btn_box {line-height: 60px;}

	#hd .btn_box .btn_MobileMenu {display: inline-block;}
}

/****** 통합검색 *****/
.search_pop_black {display:none; position: absolute; left: 0; bottom:0; width: 100%; height: calc(100% - 130px); background-color: rgba(0,0,0,0.7); z-index: 1600;}
#search_popBox {display:none; width: 100%; position: absolute; left: 0; top: 0; z-index: 1700; background-color: #f4f4f4; top: 100%; border-top: 1px solid #eee;}
#search_popBox .inner1400 {padding: 35px 0 40px; text-align: center;}
#search_popBox .btn_close {position: absolute; right:0; top: 10px; font-size: 35px; color:#2c5383;}
#search_popBox .search_inBox {display: inline-block;}
#search_popBox .search_inBox .top {display:inline-block; position: relative; }
#search_popBox .search_inBox .top label {font-size: 20px; font-weight: 400; color: #2c5383; margin-right: 15px; vertical-align: middle;}
#search_popBox .search_inBox .top .search_1 {width: 670px; height:65px; vertical-align: middle; background-color: #2c5383; color: #fff; border: none; border-radius: 40px; padding: 0 60px 0 35px; font-size: 18px; transition: all .25s ease;}
#search_popBox .search_inBox .top .search_1::-webkit-input-placeholder {color: #fff;}
#search_popBox .search_inBox .top .search_1::-ms-input-placeholder {color: #fff;}
#search_popBox .search_inBox .top .search_1:hover,
#search_popBox .search_inBox .top .search_1:focus {background-color: #0179e7;}
#search_popBox .search_inBox .top .btn_search {position: absolute; right: 20px; top: 13px;}

#search_popBox .search_inBox .bottom {width: 750px; text-align: left; padding-left: 120px; margin-top: 20px;}
#search_popBox .search_inBox .bottom::after {content: ""; display: block; clear: both;}
#search_popBox .search_inBox .bottom .tit {float:left; width: 140px;}
#search_popBox .search_inBox .bottom .sear_rank_box {float:left; width: calc(100% - 180px);}
.sear_rank_box .rank_box2 {}
.sear_rank_box .rank_box2 li {}
.sear_rank_box .rank_box2 li a {display: block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding: 0 5px;}
.sear_rank_box .rank_box2 li a:hover,
.sear_rank_box .rank_box2 li a:focus {text-decoration: underline;}
.sear_rank_box .rank_box2 li a b {color:#0179e7;}
#search_popBox .search_inBox .bottom .btn_ran2 {width: 23px; height: 23px; border-radius: 50%; border:1px solid #333; margin-top: -7px;}

@media all and (max-width:1000px){

}

/****** 퀵메뉴 *****/
.quick_menu_wrap {position: fixed; right: 0; z-index: 200; text-align: right;}
.quick_menu_wrap.main {padding-top: 130px;}
.quick_menu_wrap.sub {padding-top: 200px;}
.quick_menu_wrap .menu {}
.quick_menu_wrap .menu > li {margin-top: 2px;}
.quick_menu_wrap .menu > li:first-of-type {margin-top: 0;}
.quick_menu_wrap .menu > li > a {display: inline-flex; align-items: center; height: 67px; padding: 0 10px 0 10px; background-color: rgba(0,83,102,0.75); text-align: center;  transition: all .25s linear; margin-right: -93px; border-radius:10px 0 0 10px; }
.quick_menu_wrap .menu > li > a .icon {width: 32px;}
.quick_menu_wrap .menu > li > a .txt {width: 90px; padding-left: 6px; color: #fff; text-align: center; font-size: 14px; letter-spacing: -0.05em; line-height: 1.3;}

.quick_menu_wrap .menu > li > a:hover,
.quick_menu_wrap .menu > li > a:focus {background-color:#F14E47; margin-right: 0;}

.quick_menu_wrap .btn_box {text-align: right; padding-right: 3px; padding-top: 10px;}
.quick_menu_wrap .btn_top_1 { width: 44px; height: 44px; border-radius: 50%; background-color: rgba(0,0,0,0.8); color: #fff; font-family: 'Roboto','Noto Sans Korean',sans-serif; letter-spacing: 1px; font-size: 12px; font-weight: 500; padding-top: 2px; transition: all .25s ease; position:relative; } /*display: flex; flex-direction: column; align-items: center; justify-content: center;*/
.quick_menu_wrap .btn_top_1:hover,
.quick_menu_wrap .btn_top_1:focus {background-color:#F14E47;} /*background:rgba(0,0,0,1);*/
.quick_menu_wrap .btn_top_1 .btn_txt { margin-top:6px; }
.quick_menu_wrap .btn_top_1 i { position: absolute; top:9px; left: 50%; transform: translateX(-50%); transition: all .25s ease;}
.quick_menu_wrap .btn_top_1:hover i { transform: translate(-6px,-3px); }

.quick_menu_wrap.seardb .menu > li > a .icon {width: 35px;}
.quick_menu_wrap.seardb .menu > li > a:hover,
.quick_menu_wrap.seardb .menu > li > a:focus {background-color: #ff6c00; margin-right: 0;}

@media all and (max-width:1400px){
	.quick_menu_wrap {display: none;}
}

/******* 풋터 배너 *******/
.bott_banner_box {border-top: 1px solid #eee;}
.bott_banner_box .inner {width: 1400px; margin: 0 auto; padding: 35px 0;}
.bott_banner_box .inner::after {content: ""; display: block; clear: both;}
.bott_banner_box .inner .btn_box {float: left; width: 150px; padding-top: 15px;}
.bott_banner_box .inner .btn_bb {width: 35px; height: 35px; border: 1px solid #ccc; background-repeat: no-repeat; background-position: center center; margin-left: -5px; background-color: #fff;}
.bott_banner_box .inner .btn_bb.prev {background-image: url('../images/common/icon_banner_bott_prev.png');}
.bott_banner_box .inner .btn_bb.prev:hover { background:#e6fcff url('../images/common/icon_banner_bott_prev.png')no-repeat 50% 50%; }

.bott_banner_box .inner .btn_bb.pause { background-image: url('../images/common/icon_banner_bott_pause.png'); }
.bott_banner_box .inner .btn_bb.pause:hover { background: #e6fcff url('../images/common/icon_banner_bott_pause.png') no-repeat 50% 50%; }

.bott_banner_box .inner .btn_bb.pause.on {background-image: url('../images/common/icon_banner_bott_play.png');}

.bott_banner_box .inner .btn_bb.next { background-image: url('../images/common/icon_banner_bott_next.png'); }
.bott_banner_box .inner .btn_bb.next:hover { background: #e6fcff url('../images/common/icon_banner_bott_next.png')no-repeat 50% 50%; }

.bott_banner_box .inner .bott_banner {float: right; width: calc(100% - 150px);}
.bott_banner_box .bott_ban_slider {width: 100%;}
.bott_banner_box .bott_ban_slider li {}
.bott_banner_box .bott_ban_slider li a {border: 1px solid #ccc; text-align: center; display: flex; align-items: center; justify-content: center; height: 70px; transition: all .25s ease;}
.bott_banner_box .bott_ban_slider li a:hover,
.bott_banner_box .bott_ban_slider li a:focus {border-color: #2E83F2;} /*border-color:#333;*/
.bott_banner_box .bott_ban_slider li a img {max-width:200px;}

@media all and (max-width:1400px){
	.bott_banner_box .inner {width: 100%; padding: 35px 10px;}
}

@media all and (max-width:1000px){
	.bott_banner_box {}
	.bott_banner_box .inner {padding: 20px 20px;}
	.bott_banner_box .inner .btn_box {float: none; width: 100%; padding-top: 5px; margin-bottom: 15px; padding-left: 5px;}
	.bott_banner_box .inner .btn_bb {width: 25px; height: 25px; background-size: 7px}
	.bott_banner_box .inner .bott_banner {float: none; width: 100%;}
	.bott_banner_box .bott_ban_slider li a {height: 50px; padding: 5px; overflow: hidden;}
}

/******* 풋터 *******/
#ft {width: 100%; background-color: #24262a;}
#ft .top_box { width: 100%;  padding: 10px 0; background: #1c1c1c; } /*border-bottom: 1px solid #3a3c3f;*/
#ft .top_box .lb {float: left; padding-top: 18px;}
#ft .top_box .ft_menu {display: flex;}
#ft .top_box .ft_menu li {}
#ft .top_box .ft_menu li a {display: block; font-size: 15px; color: #fff; padding: 0px 14px; border-left: 1px solid #3a3c3f; line-height: 15px; transition: all .25s ease;}
#ft .top_box .ft_menu li:first-child a {padding-left: 0;}
#ft .top_box .ft_menu li a.yellow {color:#ffc107;}
#ft .top_box .ft_menu li a:hover,
#ft .top_box .ft_menu li a:focus {text-decoration: underline;}
#ft .top_box .rb {float: right;}
#ft .top_box .ft_select {height: 50px; border: 1px solid #3a3c3f; background-color: transparent; color: #888; font-size: 14px; padding: 12px 35px 12px 15px; background-image: url('../images/common/icon_select_arrow2.png');}

#ft .bott_box {padding: 47px 0 50px;}
#ft .bott_box .lb {float: left;}
#ft .bott_box .lb address {font-size: 14px; color: #eee; line-height: 1.7;}
#ft .bott_box .lb address .gray { color: rgba(255,255,255,0.4); font-weight: 300; }
#ft .bott_box .rb {float: right; padding-top: 17px; width:250px; }
#ft .bott_box .rb a img { width: 60px; } /* margin-top: -5px; */

@media all and (max-width:1000px){
	/******* 풋터 *******/
	#ft {padding: 0px;}
	#ft .top_box {padding: 5px 0 15px;}
	#ft .top_box .lb {float: none; width: 100%; padding-top: 0px;}
	#ft .top_box .ft_menu {flex-wrap: wrap;}
	#ft .top_box .ft_menu li {width: 33.33%; padding: 10px 0; }
	#ft .top_box .ft_menu li a {padding: 0; border-left: none; padding: 5px 0; font-size: 12px; letter-spacing: -0.05em; text-align: center;}
	#ft .top_box .ft_menu li:first-child a {padding-left: 0;}
	#ft .top_box .ft_menu li a.yellow {color: #f0c718;}
	#ft .top_box .ft_menu li a:hover,
	#ft .top_box .ft_menu li a:focus {text-decoration: underline;}

	#ft .top_box .rb {float: none; width: 100%; margin-top: 15px; text-align:center; }
	#ft .top_box .ft_select {height: 40px; font-size: 13px; padding: 5px 35px 5px 15px;}

	#ft .bott_box {padding: 30px 0 30px;}
	#ft .bott_box .lb {float: none; width: 100%;}
	#ft .bott_box .lb address {font-size: 13px;}
	#ft .bott_box .lb address .gray {}
	#ft .bott_box .rb {float: none;}
	#ft .bott_box .rb img {width: 300px;}
}

/*********** 컨텐츠  ***********/
/* 공통 */
#contents {}
#contents:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}

.sub_Mcontents {padding: 95px 0 95px;}
.sub_Mcontents.db {background-color: #f9f9f9; padding-top: 67px;}
.sub_Mcontents.db .sub_conStart {background-color: #fff; padding: 45px 40px;}

.sub_r_conStart {float:right; width: 81%; padding-left: 7%;}
.sub_r_conStart2 { width: 100%; padding-left: 7%;}


/* 블라인드 */
span.tn {display: block; width: 0; height: 0; overflow:hidden; text-indent: -9999px;}

/* 서브타이틀 */
.sub_title_wrap {margin-bottom: 30px;}
.sub_title_wrap h2 {font-size: 30px; font-weight: 500; color: #222; line-height: 1.2;}

.link_btn_big { width:100%; background:#e5f2ff; text-align:center; margin-bottom:10px; font-weight:500; font-size:20px; height:70px; display:flex; justify-content: center; align-items: center; } /*border:1px solid #dddddd; padding:20px 0; */
.link_btn_big a { height:100%; width:100%; display: flex; justify-content: center; align-items: center; } /*display:block; */
.link_btn_big a i { color:#b72841; margin-left: 5px; font-size: 22px; }

@media all and (max-width:1400px){}

@media all and (max-width:1000px){
	/*서브*/
	.sub-content {min-height: auto;}

  	.sub_Mcontents {padding: 30px 5px 35px;}
	.sub_Mcontents.db {padding-top: 30px;}
	.sub_Mcontents.db .sub_conStart {padding: 25px 10px;}

  	.sub_r_conStart {float:none; width: 100%; padding-left: 0;}

	/* 서브타이틀 */
	.sub_title_wrap {margin-bottom: 20px;}
	.sub_title_wrap h2 {font-size: 20px;}
}

@media (max-width:768px) {
	.link_btn_big { height: auto;  font-size: 18px; line-height: 24px; }
	.link_btn_big a { width:100%; height:auto; padding:15px 10px; }
	.link_btn_big a i { position: absolute; right: 20px; }
}

/****** 서브왼쪽 메뉴 *****/
.sub_left_menu_wrap {float:left; width: 19%;}
.sub_left_menu_wrap .title {width: 100%; border-bottom: 3px solid #00163b; padding:5px 10px 37px;}
.sub_left_menu_wrap .title h1 {font-size: 25px; font-weight: 500; color: #111; line-height: 1;}
.sub_left_menu {width: 100%;}
.sub_left_menu > li {width: 100%; position: relative;}
.sub_left_menu > li > a {display:block; width: 100%; padding: 19px 35px 18px 10px; border-bottom: 1px solid #ddd; font-size: 19px; color: #111; font-weight: 500; transition: all .25s ease;}
.sub_left_menu > li > a i {position: absolute; right: 10px; margin-top: 5px; transition: all .4s ease;}
.sub_left_menu > li > a:hover,
.sub_left_menu > li > a:focus {color: #3f51b5;} /*#0068ce*/
.sub_left_menu_d2 {display:none; width: 100%; background-color:#ecf6ff; border-bottom: 2px solid #005bb4; padding: 20px 25px;} /*#ebf2f8 1*/
.sub_left_menu_d2 > li {margin-top: 10px;}
.sub_left_menu_d2 > li:first-of-type {margin-top: 0;}
.sub_left_menu_d2 > li > a {font-size: 17px; color: #222; font-weight: 400; transition: all .25s ease;}
.sub_left_menu_d2 > li > a:hover,
.sub_left_menu_d2 > li > a:focus {text-decoration: underline; color:#005bb4; font-weight: 500;} /*color:#0068ce;*/

.sub_left_menu > li > a.active  {color:#005bb4;} /*#0068ce*/
.sub_left_menu > li > a.active i.xi-angle-down {transform: rotate(180deg);}
.sub_left_menu > li > a.active + .sub_left_menu_d2 {}

.sub_left_menu > li > a.active2  {color: #005bb4;} /*#0068ce*/
.sub_left_menu > li > a.active2::after  {content:""; display:block; width:100%; height:2px; position:absolute; left:0; bottom:0; z-index: 10; background-color:#3f51b5;} /*background:#0068ce;*/
.sub_left_menu > li > a.active2 i.xi-angle-down {transform: rotate(180deg);}
.sub_left_menu > li > a.active2 + .sub_left_menu_d2 {display: block;}
.sub_left_menu_d2 > li > a.active2 {text-decoration: underline; color:#005bb4; font-weight: 500;} /*color:#0068ce;*/

@media all and (max-width:1000px){
	.sub_left_menu_wrap {display: none;}
}

/* 서브 뎁스3 */
.depth4_menu_wrap {margin-bottom: 45px;}
.depth4_menu {width:100%; display: flex; flex-wrap: wrap;}
.depth4_menu > li {flex-basis: 20%; flex-grow: 1; border: 1px solid #ddd; margin: -1px 0 0 -1px; transition:all 0.2s;  }
.depth4_menu > li:hover { background: #ecf6ff;  /* border: 1px solid #ecf6ff; */}
/* .depth4_menu > li:hover a {color:#fff; } */
.depth4_menu > li > a {display: block;text-align: center;padding: 18px 10px 17px;font-size: 18px;line-height: 1.2;height: 100%;display: flex;align-items: center;justify-content: center; transition:all 0.2s;  }
.depth4_menu > li.active {background-color: #F14E47; border-color: #F14E47;}
.depth4_menu > li.active > a {color:#fff;}

@media all and (max-width:1000px){
	/* 서브 뎁스3 */
	.depth4_menu_wrap {margin-bottom: 25px;}
	.depth4_menu {}
	.depth4_menu > li {flex-basis: 50%; width: 50%; flex-grow: 0;}
	.depth4_menu > li > a {padding: 12px 5px 10px; font-size: 14px;}
}

/* 서브 뎁스3-2 bjm */

.depth4_menu_wrap2 {margin:50px 0; width: calc(100% - 4px); }
.depth4_menu2 {width:100%; display: flex; flex-wrap: wrap;}
.depth4_menu2 > li {height:80px; flex-basis: 25%; flex-grow: 1; border: 1px solid #ddd; margin: -1px 0 0 -1px;}
.depth4_menu2 > li > a {display: block;text-align: center;padding: 18px 10px 17px;font-size: 0px;line-height: 1.2;height: 100%;display: flex;align-items: center;justify-content: center; }

.depth4_menu2 > li.active {background-color: #6c7788; border-color: #6c7788;}
.depth4_menu2 > li.active > a {color:#fff;}

@media all and (max-width:1000px){
	.depth4_menu_wrap2 {margin-bottom: 25px; width: calc(100% - 0px); }
	.depth4_menu2 {}
	.depth4_menu2 > li {flex-basis: 50%; width: 50%; flex-grow: 0;}
	.depth4_menu2 > li > a {padding: 12px 5px 10px; }
	.depth4_menu2 > li > a img { max-width: 80%; } /*반응형 max-height:90%;*/



}


/******* 서브 탑 컨텐츠 *******/
#subTopCon {width: 100%; height: 300px; position: relative;}
#subTopCon .txt_box { display: flex; flex-direction: column; justify-content: center; align-items: center;} /*width: 100%; height: 100%; */
#subTopCon .txt_box h2 {font-size: 45px; color:#fff; font-weight: 400; text-shadow: 0 0 10px rgba(0,0,0,0.4); line-height: 1.4; margin:-25px 0 15px; letter-spacing: -0.05em;}
#subTopCon .txt_box h2 .big {font-size: 1.05em;}
#subTopCon .txt_box h3 {text-align: center; font-family: 'SangSangShin','Noto Sans Korean'; font-size: 76px; color: #fff; font-weight: 300; line-height: 1; text-shadow: 0 0 8px rgba(0,0,0,0.85); margin-top: 58px;} /*margin-top: -15px*/
#subTopCon .txt_box .search_box {width: 670px; height: 65px; margin: 0 auto; position: relative;}
#subTopCon .txt_box .search_box .txt_db1 {width: 100%; height: 100%; background-color: #0179e7; border-radius: 40px; border: none; color: #fff; padding: 0 71px 0 30px; font-size: 20px; transition: all .25s ease;}
#subTopCon .txt_box .search_box .txt_db1:focus {background-color: #072b5d;}
#subTopCon .txt_box .search_box .txt_db1::-webkit-input-placeholder {color: #fff;}
#subTopCon .txt_box .search_box .txt_db1::-ms-input-placeholder {color: #fff;}
#subTopCon .txt_box .search_box .btn_db1 {position: absolute; right: 20px; top: 15px;}
#subTopCon .img_box {position:absolute; left:0; top:0; width: 100%; height: 100%; overflow: hidden; z-index: -1;}
#subTopCon .img_box img {  animation:subBg 1.5s forwards;} /*min-width: 100%; min-height: 100%;*/

@keyframes subBg {
	0% {transform: scale3d(1,1,1);}
	100% {transform: scale3d(1.1,1.1,1.1);}
}

#subTopCon .subTop_menu {display:flex; width: 1400px; height: 55px; margin: 0 auto; position: relative;  top: 62px; z-index: 100; background-color:#164081; } /*top: -28px;*/
#subTopCon .subTop_menu .lb {margin-right: auto;}
#subTopCon .subTop_menu .rb {margin-left: auto; position: relative;}
#subTopCon .subTop_menu .btn_home {float:left; height: 100%; border-right: 1px solid rgba(255,255,255,0.1); width: 60px; color: #fff; font-size: 22px; transition: all .25s ease; background:#03509f; }
#subTopCon .subTop_menu .btn_home:hover,
#subTopCon .subTop_menu .btn_home:focus {background-color: #0179e7; border-color: #0179e7;}

#subTopCon .subTop_menu .menu_b {float:left; height: 100%; min-width: 180px; border-right: 1px solid rgba(255,255,255,0.1); position: relative;}
#subTopCon .subTop_menu .menu_b > a {display: flex; width: 100%; height: 100%; align-items: center; position: relative; padding: 0 30px 0 15px; color: #fff;}
#subTopCon .subTop_menu .menu_b:last-of-type > a {padding-right: 15px;}
#subTopCon .subTop_menu .menu_b > a i {position: absolute; right:  10px; transition: all .25s ease; color: rgba(255,255,255,0.5);}

/* #subTopCon .subTop_menu .menu_b > a.active i {transform: rotate(180deg);}

#subTopCon .subTop_menu .menu_b .subMenu {display:none; position: absolute; left: 0; width: 100%; border: 1px solid #fafafa;  background-color: #fff; -webkit-box-shadow: 0 15px 50px 0 rgba(82,63,105,.15); box-shadow: 0 15px 50px 0 rgba(82,63,105,.15); padding: 10px 0;}
#subTopCon .subTop_menu .menu_b .subMenu > li {}
#subTopCon .subTop_menu .menu_b .subMenu > li > a {display:block; padding: 10px 15px 7px; transition: all .25s ease;}
#subTopCon .subTop_menu .menu_b .subMenu > li > a:hover,
#subTopCon .subTop_menu .menu_b .subMenu > li > a:focus {background-color: #eff7ff;} */

#subTopCon .subTop_menu .btn_sTop {height: 100%; width: 60px; margin-left: -4px; border-left: 1px solid rgba(255,255,255,0.1); color: #fff; font-size: 20px; transition: all .25s ease; transition: all .25s ease;}
#subTopCon .subTop_menu .btn_sTop.sTopNormal {font-size: 16px;}
#subTopCon .subTop_menu .btn_sTop:hover,
#subTopCon .subTop_menu .btn_sTop:focus {background-color: #0179e7; border-color: #0179e7;}

.s-sns-wrap {display:none; position: absolute; right:0; top: 105%; background-color:#fff; z-index: 100; border:1px solid #ddd; padding:15px; width: 300px; }
.s-sns-wrap .row {margin:7px 0 0;}
.s-sns-wrap .row:first-of-type {margin-top:0;}
.s-sns-wrap .tit {float:left; padding-top: 6px; width:22%; font-size: 13px; font-weight: 500;  padding-left: 3px;}
.s-sns-wrap .sns-b-ul {float:left;}
.s-sns-wrap .sns-b-ul:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.s-sns-wrap .sns-b-ul li {float:left; margin:0 3px;}
.s-sns-wrap .sns-b-ul li a {display: block;}
.s-sns-wrap .sns-b-ul li a .icon {display: block; width: 29px; height: 29px; background-image:url('../images/sub/icon_sub_sns_01.jpg'); background-repeat: no-repeat;}
.s-sns-wrap .sns-b-ul li a .icon.face {background-position: 0 0;}
.s-sns-wrap .sns-b-ul li a .icon.twitter {background-position: -29px 0;}
.s-sns-wrap .sns-b-ul li a .icon.google {background-position: -58px 0;}
.s-sns-wrap .sns-b-ul li a .icon.kakao {background-position: -87px 0;}
.s-sns-wrap .sns-b-ul li a .icon.band {background-position: -116px 0;}
.s-sns-wrap .sns-b-ul li a .icon.kakaotalk {background-position: -145px 0;}
.s-sns-wrap .clo-b {float: right; margin:5px 0 0 10px;}
.s-sns-wrap .clo-b i {font-size: 18px;}
.s-sns-wrap .url-box {float:left; width: 60%; background-color:#fff; border:1px solid #ddd; font-size: 14px; padding:5px 10px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing: 0; }
.s-sns-wrap .btn-copy {float:right; display: block; width: 16%; margin-left: 2%; background-color:#555; border-radius: 12px; color:#fff; height: 30px; font-size: 12px; }

#subTopCon .img_box #pc_visual { display:block; }
#subTopCon .img_box #mobile_visual { display:hidden; }

@media all and (max-width:1400px){
	#subTopCon .subTop_menu {width: 100%;}
}

@media all and (max-width:1000px){
	/******* 서브 탑 컨텐츠 *******/
	#subTopCon {height: auto;}
	#subTopCon .txt_box { height: 230px; } /*height: 130px;*/
	#subTopCon .txt_box h2 {font-size: 25px; color:#fff; font-weight: 400; text-shadow: 0 0 10px rgba(0,0,0,0.4); line-height: 1.4; margin:0px 0 5px; letter-spacing: -0.05em;}
   #subTopCon .txt_box h3 { font-size: 60px; line-height: 52px; margin-top: 0px; } /*font-size: 35px; margin-top: -5px;*/
	#subTopCon .txt_box .search_box {width: 100%; height: 40px; padding: 0 20px;}
	#subTopCon .txt_box .search_box .txt_db1 {padding: 0 71px 0 30px; font-size: 15px;}
	#subTopCon .txt_box .search_box .btn_db1 {position: absolute; right: 35px; top: 8px;}
	#subTopCon .txt_box .search_box .btn_db1 img {width: 20px;}

	#subTopCon .img_box {}
    /*#subTopCon .img_box img { left:50%; margin-left: -85%; max-width: none; width:300%;}*/
	#subTopCon .img_box #pc_visual { display:none; }
	#subTopCon .img_box #mobile_visual { display:block; margin-top: -30%; }

	#subTopCon .subTop_menu {height: auto; top: auto; bottom: 0; flex-wrap: wrap;}
	#subTopCon .subTop_menu .lb {margin-right: auto; border-bottom: 1px solid rgba(255,255,255,0.1);}
	#subTopCon .subTop_menu .rb {margin-left: auto;}
	#subTopCon .subTop_menu .btn_home {width: 40px; height: 40px; font-size: 15px;}

	#subTopCon .subTop_menu .menu_b {min-width: auto;}
	#subTopCon .subTop_menu .menu_b > a {padding: 0 27px 0 10px; font-size: 12px;}
	#subTopCon .subTop_menu .menu_b:last-of-type > a {padding-right: 10px;}
	#subTopCon .subTop_menu .menu_b > a i {right:  3px;}

	#subTopCon .subTop_menu .btn_sTop {width: 40px; height: 40px; font-size: 15px;}
	#subTopCon .subTop_menu .btn_sTop:not(.sTopShare) {display: none;}

	.s-sns-wrap {top: 39px; padding:15px; width: 270px; }
	.s-sns-wrap .row {}
	.s-sns-wrap .tit {padding-top: 3px; font-size: 12px; padding-left: 3px;}
	.s-sns-wrap .sns-b-ul li {}
	.s-sns-wrap .sns-b-ul li a .icon {width: 22px; height: 22px; background-size: 132px auto;}
	.s-sns-wrap .sns-b-ul li a .icon.face {background-position: 0 0;}
	.s-sns-wrap .sns-b-ul li a .icon.twitter {background-position: -22px 0;}
	.s-sns-wrap .sns-b-ul li a .icon.google {background-position: -44px 0;}
	.s-sns-wrap .sns-b-ul li a .icon.kakao {background-position: -66px 0;}
	.s-sns-wrap .sns-b-ul li a .icon.band {background-position: -88px 0;}
	.s-sns-wrap .sns-b-ul li a .icon.kakaotalk {background-position: -110px 0;}
	.s-sns-wrap .clo-b {float: right; margin:2px 10px 0 10px;}
	.s-sns-wrap .clo-b i {font-size: 15px;}
	.s-sns-wrap .url-box {font-size: 11px; padding:5px 10px;}
	.s-sns-wrap .btn-copy {height: 26px; font-size: 11px; }
}

@media all and (max-width:520px){
	#subTopCon .img_box #mobile_visual {margin-top: -10%; }
}
@media all and (max-width:480px){
	#subTopCon .txt_box h3 { font-size: 13vw; line-height: 11vw; }


}

/******* 연구DB *******/
.menuTopDB_tab_wrap {width: 100%; margin: 0 0 40px; }
.menuTopDB_tab_wrap .title{font-size: 40px;font-weight: 500;color: #222;line-height: 1.2;text-align: center;}
.menuTopDB_tab {width: 100%; display: flex; border-bottom: 3px solid #2e69b3;}
.menuTopDB_tab li {flex-grow: 1; text-align: center; background-color: #fff; border: 1px solid #ededed; border-bottom: none; border-left: none;}
.menuTopDB_tab li:first-of-type {border-left: 1px solid #ededed;}
.menuTopDB_tab li > a {display: block; font-size: 18px; color: #666; padding: 15px 10px;}
.menuTopDB_tab li.active {background-color: #2e69b3; border-color: #2e69b3; color: #fff; font-weight: 500;}
.menuTopDB_tab li.active > a {color: #fff; font-weight: 500;}

@media all and (max-width:1400px){
	/******* 연구DB *******/
	.menuTopDB_tab_wrap {margin: 0 0 20px; }
	.menuTopDB_tab {border-bottom: none; flex-wrap: wrap;}
	.menuTopDB_tab li {border: 1px solid #ddd; margin: -1px 0 0 -1px;}
	.menuTopDB_tab li:first-of-type {border-left: 1px solid #ededed;}
	.menuTopDB_tab li > a {font-size: 13.5px; padding: 9px 10px 6px;}
	.menuTopDB_tab li.active {}
}

/******* 탭 부분 *******/
.sub_inner_tab_wrap {width: 100%; margin-bottom: 30px;}
.sub_inner_tab {width: 100%; display:flex; flex-wrap:wrap;}
.sub_inner_tab > li {flex-basis: 20%; border:1px solid #ddd; margin:-1px 0 0 -1px; min-height: 60px;}
.sub_inner_tab > li > a {display:flex; width: 100%; height:100%; justify-content: center; align-items: center; padding: 10px 20px; font-size: 16px;}
.sub_inner_tab > li.active {border-color: #004dad;}
.sub_inner_tab > li.active > a {background-color: #004dad; color: #fff;}

.sub_inner_tab.wNone > li {flex-basis: auto;}


@media all and (max-width:1000px){
	    /******* 탭 부분 *******/
    .sub_inner_tab_wrap {margin-bottom: 30px;}
    .sub_inner_tab {}
    .sub_inner_tab > li {flex-basis: auto; width:50%; min-height: auto;}
    .sub_inner_tab > li > a {font-size: 13px; text-align: center; padding: 7px 5px;}

    .sub_inner_tab.wNone > li {flex-basis: auto;}
}

@media print {
   .img_box, .img_s, img {background-color:#e8e8e8 !important; -webkit-print-color-adjust:exact;}
}
/******* 프린트 *******/
@media print {
	.hd_top_box,
	.quick_menu_wrap,
	.hd_top_box,
	#subTopCon,
	#hd,
	.menuTopDB_tab_wrap,
	.btn_reser,
   .printHide,
	#ft {display: none;}
	.board_search_box {display: none !important;}
  	.circle_chart {height: 0 !important; padding-top: 81% !important;}
	.circle_chart #chartdiv5 {left: 0% !important; top: 0 !important; transform:translate(0,0) !important; width: 100% !important; padding-left: 5% !important;}
	.chart_source_txt {display: none;}
	.top_char_01 {padding: 10px 10px 0 !important;}
	.bott_line_chart_w {padding: 10px 10px 5px !important;}
	.gab50 {height: 20px !important;}
	#wrap,
	.inner1400,
	.sub_content {width: 100%;}
	.sub_Mcontents {padding:20px;}
	.sub_Mcontents.db {padding:20px;}
	.sub_Mcontents.db .sub_conStart {padding: 0;}
	a:focus,
	button:focus {border: none;}
	.sub_left_menu_wrap,
	.quick_menu_wrap {display:none;}
	.sub_r_conStart {float:none; width: 100%; padding-left: 0;}
	/* body {width: 250%;height: 250%; margin: -10% 0;} */
	/* html {transform: scale(0.5); transform-origin: 0 0;} */
	/* body {display:table; width: 100%; height: 100%; zoom: 50%;} */
	/* html {zoom :0.3;} */
	/* body {transform: scale(0.7);} */
}

@page {
	/* size: 7in 9.25in; */
   /* margin: 10mm 10mm 10mm 10mm; */
   /* zoom: 0.8%; */
	/* size : A4; */
      size : A4;
	/* zoom:50%; */
}

@media all and (max-width:1000px){}

/* 2021-04-05 메인 풋터 사이트기관 수정 */
#ft .top_box .rb .siteLink li {display:inline-block; margin-right:10px; position:relative;}
#ft .top_box .rb .siteLink li:last-child { margin-right:0; }
#ft .top_box .rb .siteLink li dl {display:none; position:absolute; left:0; bottom:48px; width:100%; padding:10px; border:1px solid #ddd; box-sizing:border-box; background-color:#f3f4f9;}
#ft .top_box .rb .siteLink li dl dt {font-size:14px; font-weight:600; color:#072c50; margin-bottom:10px; border-bottom:1px solid #999; padding-bottom:10px;}
#ft .top_box .rb .siteLink li dl dd a {line-height:2; position:relative; font-size:14px; font-weight:400; color:#999;}
#ft .top_box .rb .siteLink li.on dl {display:block; z-index:99;}
#ft .top_box .rb .siteLink li button { background-color:transparent; border:1px solid #3a3c3f; color:#888; display:block; padding:12px 35px 12px 15px; color:#7a7b7b; width:260px; text-align:left; font-size:14px; position:relative; transition:all 0.3s; }
#ft .top_box .rb .siteLink li button:hover { background:#2E83F2; color:#fff; border-color:#2E83F2; }
#ft .top_box .rb .siteLink li button:after {content: ''; display: block; position:absolute; right:20px; top:20px; width: 10px;height: 10px; background: url("../images/common/icon_select_arrow2.png") no-repeat; transition: all 0.3s ease; }
#ft .top_box .rb .siteLink li.on button:after {transform: rotate(180deg); }

@media (max-width:603px) {
	#ft .top_box .rb .siteLink li, #ft .top_box .rb .siteLink li button { width:100%; }
	#ft .top_box .rb .siteLink li:nth-child(2) { margin-top:10px; }
}

/*대메뉴 hover 시 등장하는 좌측 이미지 교체용 소스추가 (본부장님)220111 */
#gnb > li:first-child > div > div > div.info {
    width: 30.2%;
    background-image: url(../images/sub/bg_main_menu_1.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    text-align: right;
    min-height: 420px;
}
#gnb > li:nth-child(2) > div > div > div.info {
    width: 30.2%;
    background-image: url(../images/sub/bg_main_menu_2.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    text-align: right;
    min-height: 420px;
}
#gnb > li:nth-child(3) > div > div > div.info {
    width: 30.2%;
    background-image: url(../images/sub/bg_main_menu_3.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    text-align: right;
    min-height: 420px;
}
#gnb > li:nth-child(4) > div > div > div.info {
    width: 30.2%;
    background-image: url(../images/sub/bg_main_menu_4.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    text-align: right;
    min-height: 420px;
}
#gnb > li:nth-child(5) > div > div > div.info {
    width: 30.2%;
    background-image: url(../images/sub/bg_main_menu_5.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    text-align: right;
    min-height: 420px;
}
#gnb > li:last-child > div > div > div.info {
    width: 30.2%;
    background-image: url(../images/sub/bg_main_menu_6.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    text-align: right;
    min-height: 420px;
}