@charset "utf-8";
/*************************************************************************
* @ 서비스명   : commonui
* @ 파일명     : /css/commonui.css
* @ 페이지설명  : commonui.css
* @ 작성자     : 한주현 (pointweb)
* @ 작성일     : 2020-08-19
************************** 수정이력 **************************************
* 날짜                    작업자                 변경내용
* 2020-08-19              한주현                 최초작성
* 2020-08-21              박이영                 추가작성
* 2020-08-24              정서희                 추가작성
* 2020-08-25              박이영                 추가작성
* 2020-08-27              한주현                 전체메뉴 css 추가 학술지 팝업 추가 테이블 구조 변경
**************************************************************************/
/* basic style */
html {
	width: 100%;
	height: 100%;
}
body {
	overflow: inherit;
	width: 100%;

}
body.on {
	overflow: hidden;
}
#wrap {
	width: 100%;
 min-height: 100%;
}
.layout {
	margin: 0 auto;
	max-width: 1440px;
	box-sizing: border-box;
}
.no-data {
	display: block !important;
	text-align: center;
	font-size: 16px;
}
.page-title {
	color: #000;
	font-size: 24px;
	font-weight: 600;
	margin-bottom:40px
}
.page-title2 {
	color: #000;
	font-size: 24px;
	font-weight: 600;
	padding-bottom:40px;
	border-bottom:1px solid #e1e1e1;
}
.sub-title{
	width:100%;
	height:35px;
	line-height:35px;
	position:relative;
	font-size:21px;
	font-weight:600;
	padding-left:15px;
	margin-bottom:20px
}
.sub-title:before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:4px;
	width:5px;
	height:13px;
	background-color:#e9e9e9
}
.sub-title:after{
	content:"";
	display:block;
	position:absolute;
	top:17px;
	left:0;
	width:5px;
	height:13px;
	background-color:#0d6fb8
}
.sub-title2{margin-top:60px;}
.sub-visual{
	width:1100px;
	height:190px;
	font-size:36px;
	text-align:center;
	font-weight:600;
	line-height:190px;
	background-color:#efefef;
	color:#fff;
}
.sp-ico {
	background: url(/_public/images/@draft/sp_ico.png) no-repeat;
	background-size: 210px;
}
/* text style */
.t-align-left {
	text-align: left !important;
}
.t-align-center {
	text-align: center !important;
}
.t-align-right {
	text-align: right !important;
}
::-webkit-scrollbar {width:8px;height:3px;background-color:rgba(0, 0, 0, 0.2);}
::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, 0.7);border-radius: 3px;}

.root_daum_roughmap .section_address { display: none;}

#goto-top{display:none;position:fixed;bottom:20px;right:20px;width:60px;height:60px;background: #fff;border:1px solid #e1e1e1;border-radius: 100%;overflow: hidden;}

.pagination {text-align: center;display:block;margin-top:30px;}
.pagination a {position:relative;display: inline-block;font-size: 16px;color: #5d5d5d;margin: 0 10px;vertical-align: middle;}
.pagination .active {color: #333;font-size: 16px;font-weight: bold;}
.pagination .first-prev {position: relative;left: 23px;padding: 11px 15px;border-top: 1px solid #dbdbdb;border-left: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;box-sizing: border-box;height:48px;width:45px;vertical-align: middle;}
.pagination .first-prev span{display:none;}
.pagination .first-prev:before{content:"";display:inline-block;width:30px;height:30px;background: url("/_public/images/@draft/sp_ico.png") no-repeat;background-position: -180px -30px;transform: rotate(-180deg);position: absolute;top: 9px;left: 7px;}
.pagination .prev {padding: 11px 15px;border: 1px solid #dbdbdb;margin-right: 60px !important;box-sizing: border-box;height:48px;width:45px;vertical-align: middle;}
.pagination .prev span{display:none;}
.pagination .prev:before{content:"";display:inline-block;width:30px;height:30px;background: url("/_public/images/@draft/sp_ico.png") no-repeat;background-position: -120px -30px;transform: rotate(-180deg);position: absolute;top: 9px;left: 7px;}
.pagination .next {padding: 11px 15px;border: 1px solid #dbdbdb;margin-left: 60px !important;box-sizing: border-box;height:48px;width:45px;vertical-align: middle;}
.pagination .next span{display:none;}
.pagination .next:before{content:"";display:inline-block;width:30px;height:30px;background: url("/_public/images/@draft/sp_ico.png") no-repeat;background-position: -120px -30px;position: absolute;top: 9px;left: 7px;}
.pagination .end-next {position: relative;right: 23px;padding: 11px 15px;border-top: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;box-sizing: border-box;height:48px;width:45px;vertical-align: middle;}
.pagination .end-next span{display:none;}
.pagination .end-next:before{content:"";display:inline-block;width:30px;height:30px;background: url("/_public/images/@draft/sp_ico.png") no-repeat;background-position: -180px -30px;position: absolute;top: 9px;left: 7px;}
.blind{display:none;}

table{width:100%;border:1px solid #e1e1e1; border-top:2px solid #333; }
table tr{  border-bottom:1px solid #e1e1e1}
table tr th{padding:13px 25px;font-size:16px; background-color:#f5f5f5; border-left:1px solid #e1e1e1}
table tr td{padding:13px 21px;color:#5d5d5d; font-weight:400}

table {width:100%;border-collapse:collapse;border-spacing:0;line-height:1.8;}
table .txt-center {text-align:center;}

table tr td {border-right:1px solid #e1e1e1;}
table tr.tr-tit {font-size:17px;font-weight:500;}
table tr.tr-txt td {padding:26px;font-weight:400;letter-spacing:-0.6px;word-break:keep-all;}

.tab {display:flex;margin:10px 0 45px 0;}
.tab li a {box-sizing:border-box;display:block;width:275px;height:50px;line-height:50px;text-align:center;border:1px solid #e1e1e1;font-size:16px;font-weight:500;color:#5d5d5d;border-left:0}
.tab li:first-child a{border-left:1px solid #e1e1e1}
.tab li:hover a,
.tab li.on a {border:1px solid #0d6fb8;background:#0d6fb8;color:#fff;}

#header {
	position: relative;
	background: #fff;
}
#header .header-top {
	padding: 12px 0;
	background: #f7f7f7;
}
#header .header-top .layout {
	font-size: 0;
	text-align: right;
}
#header .header-top .layout > div {
	display: inline-block;
}
#header .header-top .layout .util-menu a {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	color: #222;
	font-size: 13px;
	line-height: 25px;
	font-weight: 400;
}
#header .header-top .layout .util-menu a:hover {
	text-decoration: underline;
}
#header .header-top .layout .util-menu a:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #222;
}
#header .header-top .layout .util-menu a:first-child:before {
	display: none;
}
#header .header-top .layout .population {
	margin-left: 10px;
	width: 215px;
	text-align: center;
	line-height: 25px;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	background: #515151;
	border-radius: 25px;
}
#header .header-top .layout .population.ko {
	background: #0085d0;
}
#header .header-top .layout .population em {
	display: inline-block;
	margin-left: 10px;
	color: #ffff00;
}
#header .header-bottom {
	padding: 12px 0;
}
#header .header-bottom .layout {
	font-size: 0;
	position:relative;
}
#header .header-bottom .layout .logo {
	display: inline-block;
	vertical-align: middle;
}
#header .header-bottom .layout .gnb {
	display: inline-block;
	margin-left: 14%;
	vertical-align: middle;
}
#header .header-bottom .layout .gnb a {
	position: relative;
	display: inline-block;
	margin: 0 30px;
	color: #222;
	font-size: 18px;
	line-height: 40px;
	font-weight: 400;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#header .header-bottom .layout .gnb a:before {
	content: "";
	position: absolute;
	bottom: 0;
	opacity: 0;
	width: 100%;
	height: 2px;
	background: #0085d0;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#header .header-bottom .layout .gnb a:hover:before,
#header .header-bottom .layout .gnb a.active:before {
	opacity: 1;
}
#header .header-bottom .layout .toggle-button {
	position: absolute;;
	top:4px;
	right:0;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #5e5e5e;
	overflow: hidden;
	text-indent: -99999999px;
	vertical-align: middle;
}
#header .header-bottom .layout .toggle-button:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/_public/images/@draft/sp_ico.png) no-repeat;
	background-size: 210px;
	background-position: 0 0;
}
#header .header-bottom .layout .toggle-button.active:before{
	background-position: -180px 0;
}
#header .toggle-wrap{
	display:none;
	position:absolute;
	padding-top:55px;
	width:100%;
	height:370px;
	border-top:1px solid #f7f7f7;
	border-bottom:1px solid #333;
	box-sizing: border-box;
	background: #fff;
	z-index:1000;
}
#header .toggle-wrap .toggle-menu{
	margin:0 auto;
	max-width:1200px;
	font-size:0;
}
#header .toggle-wrap .toggle-menu > div{
	display:inline-block;
	margin-left:30px;
	width:175px;
	vertical-align: top;
}
#header .toggle-wrap .toggle-menu > div:first-child{
	margin-left:0;
}
#header .toggle-wrap .toggle-menu > div a{
	display:block;
	color:#5d5d5d;
	font-size:16px;
	padding:3px 0;
}
#header .toggle-wrap .toggle-menu > div a:hover,
#header .toggle-wrap .toggle-menu > div a.active{color:#0d6fb8;}
#header .toggle-wrap .toggle-menu > div strong{
	display: block;
	width:100%;
	padding-bottom:15px;
	border-bottom:1px solid #e1e1e1;
	margin-bottom:10px;
	font-weight:300;
}
#header .toggle-wrap .toggle-menu > div strong a{
	display:block;
	color:#222;
	font-size:18px;
	padding:0;
}

#footer {

	padding: 0 0 25px;
	border-top: 1px solid #e2e0e0;
}
#footer .layout {
	position: relative;
	font-size: 0;
	padding-top: 20px;
}
#footer .layout .f-logo {
	display: inline-block;
	vertical-align: top;
}
#footer .layout .addr-info {
	display: inline-block;
	margin-left: 45px;
	vertical-align: top;
}
#footer .layout .addr-info p {
	font-size: 14px;
}
#footer .layout .addr-info p span{
	display:inline-block;
	margin:0 5px;
}
#footer .layout .addr-info .copyright {
	margin-top: 5px;
}
#footer .layout .sns-box {
	position: absolute;
	top: 25px;
	right: 0;
}
#footer .layout .sns-box a {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(/_public/images/@draft/sp_ico.png) no-repeat;
	background-size: 210px;
}
#footer .layout .sns-box a.twitter {
	background-position: 0 -90px;
}
#footer .layout .sns-box a.facebook {
	background-position: -40px -90px;
}
#main .slide-contents {
	position: relative;
}
#main .slide-contents .single-item {

}
#main .slide-contents .single-item .slick-slide a {
	display: block;
}
#main .slide-contents .single-item .slick-slide a img{
	width:100%;
}
#main .slide-contents .slick-dots {
	position: absolute;
	bottom: 10%;
	width: 100%;
	text-align: center;
	font-size: 0;
}
#main .slide-contents .slick-dots li {
	display: inline-block;
	margin: 0 4px;
}
#main .slide-contents .slick-dots li button {
	background: #fff;
	width: 15px;
	height: 15px;
	font-size: 0;
	border-radius: 100%;
}
#main .slide-contents .slick-dots li.slick-active button {
	background: #0085d0;
}
#main .flex-box {
	position: relative;
	display: flex;
	margin-top: 40px;
	z-index: 10;
	box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.5);
}
#main .flex-box > div {
	padding: 40px 60px 40px 210px;
	flex: 1;
	background: url(/_public/images/main/banner_icon02.png) no-repeat;
	background-color: #68c0dc;
	background-position: 50px 50%;
	box-sizing: border-box;
}
#main .flex-box > div:first-child {
	background: url(/_public/images/main/banner_icon01.png) no-repeat;
	background-color: #233f5c;
	background-position: 50px 50%;
}
#main .flex-box > div .txt-group .tit {
	color: #fff;
	font-size: 36px;
	font-weight: 500;
}
#main .flex-box > div .txt-group .tit span {
	display: block;
	font-size: 18px;
	font-weight: 400;
}
#main .flex-box > div .txt-group .tit a {
	display: inline-block;
	width: 125px;
	color: #fff;
	font-size: 13px;
	text-align: center;
	font-weight: 400;
	line-height: 25px;
	border-radius: 25px;
	background: #204294;
}
#main .flex-box > div .txt-group .txt {
	margin-top: 25px;
	color: #fff;
	font-size: 14px;
}
#main .board-box {
	margin-top: 40px;
	border: 1px solid #dbdbdb;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
#main .board-box > div {
	padding: 35px 35px 0;
	flex: 1 1 33.3333%;
	width:33.3333%;
	/*grow | shrink | basis */
	-ms-flex: 1 1 27.3333%;
	height: 215px;
	box-sizing: border-box;
	border-left: 1px solid #dbdbdb;
}
#main .board-box > div .no-data{padding:50px 0;}
#main .board-box > div:nth-child(3n + 1) {
	border-left: 0;
}
#main .board-box > div:nth-child(n + 4):nth-child(-n + 6) {
	border-top: 1px solid #dbdbdb;
}
#main .board-box > div:nth-child(2) {
	background: url(/_public/images/main/box_icon01.png) no-repeat;
	background-position: 90% 50%;
}
#main .board-box > div:nth-child(3) {
	background: url(/_public/images/main/box_icon02.png) no-repeat;
	background-position: 90% 50%;
}
#main .board-box > div:nth-child(5) {
	background: url(/_public/images/main/box_icon03.png) no-repeat;
	background-position: 95% 50%;
}
#main .board-box > div .tit {
	position: relative;
	color: #000;
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
}
#main .board-box > div .tit.icon:after {
	content: "";
	width: 0px;
	height: 0px;
	border-top: 0;
	border-bottom: 7px solid #000;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	transform: rotate(-90deg);
	top: -2px;
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle;
	position: relative;
}
#main .board-box > div .tit .more {
	position: absolute;
	overflow: hidden;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	right: 0;
}
#main .board-box > div .tit .more:before {
	content: "";
	position: absolute;
	top: -6px;
	left: -6px;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/_public/images/@draft/sp_ico.png) no-repeat;
	background-size: 210px;
	background-position: -120px 0;
}
#main .board-box > div .txt {
	margin-top: 15px;
	color: #000;
	font-size: 15px;
	line-height: 28px;
	font-weight: 500;
}
#main .board-box > div .link-button {
	display: inline-block;
	margin-top: 10px;
	width: 125px;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 25px;
	background: #e67c7f;
	border-radius: 25px;
	font-weight: 500;
}
#main .board-box > div .list {
	margin-top: 15px;
}
#main .board-box > div .list a {
	position: relative;
	display: block;
	padding-left: 13px;
	color: #666;
	font-size: 15px;
	line-height: 28px;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 405px;
	box-sizing: border-box;
}
#main .board-box > div .list a:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	display: inline-block;
	width: 4px;
	height: 4px;
	background: #666;
}
#main .board-box > div .list a:hover {
	color: #000;
}
#main .board-box > div .list a:hover:before {
	background: #000;
}
#main .partner {
	border: 1px solid #dbdbdb;
	border-top: 0;
	box-sizing: border-box;
	padding: 12px 80px 12px 200px;
	height: 70px;
	position: relative;
}
#main .partner .control-box {
	font-size: 0;
	position: absolute;
	left: 45px;
	top: 50%;
	transform: translateY(-50%);
}
#main .partner .control-box button {
	display: inline-block;
	margin: 0 2px;
	width: 30px;
	height: 30px;
	font-size: 0;
}
#main .partner .control-box .prev {
	border-radius: 100%;
	background: url(/_public/images/@draft/sp_ico.png) no-repeat;
	background-size: 210px;
	background-color: #e5e5e5;
	background-position: -30px 0;
}
#main .partner .control-box .next {
	border-radius: 100%;
	background: url(/_public/images/@draft/sp_ico.png) no-repeat;
	background-size: 210px;
	background-color: #e5e5e5;
	background-position: -60px 0;
	position: relative;

}
#main .partner .control-box .stop {
	display: none;
	background: url(/_public/images/@draft/sp_ico.png) no-repeat;
	background-size: 210px;
	background-position: -90px 0;
}
#main .partner .control-box .stop.active {
	display: inline-block;
}
#main .partner .control-box .play {
	display: none;
	background: url(/_public/images/@draft/sp_ico.png) no-repeat;
	background-size: 210px;
	background-position: -150px 0;
}
#main .partner .control-box .play.active {
	display: inline-block;
}
#main .support {
	margin-top: 40px;
	background: url(/_public/images/main/bg01.png) no-repeat;
	background-size: cover;
}
#main .support .layout {
	padding: 0 120px;
	display: flex;
	height: 170px;
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
}
#main .support .layout .txt-group .tit {
	color: #fff;
	font-size: 24px;
	font-weight: 500;
}
#main .support .layout .txt-group .txt {
	margin-top: 15px;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
}
#main .support .layout .txt-group .txt em {
	color: #ffff00;
}
#main .support .layout .support-button {
	position: relative;
	display: inline-block;
	width: 340px;
	color: #fff;
	font-size: 20px;
	line-height: 55px;
	background: #0046b1;
	font-weight: 400;
	text-align: center;
	box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.5);
}
#main .support .layout .support-button:after {
	content: "";
	position: absolute;
	top: 13px;
	right: 30px;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/_public/images/@draft/sp_ico.png) no-repeat;
	background-size: 210px;
	background-position: -150px -30px;
}
#main .bottom {
	margin-bottom: 25px;
	padding-top: 60px;
	background: #f5f5f5;
}
#main .bottom .layout {
	font-size: 0;
}
#main .bottom .layout .gallery {
	display: inline-block;
	padding-right: 27px;
	padding-bottom: 35px;
	width: 985px;
	border-right: 1px solid #d7d7d7;
	box-sizing: border-box;
	vertical-align: top;
}
#main .bottom .layout .gallery .tit {
	position: relative;
	color: #000;
	font-size: 20px;
	font-weight: 500;
}
#main .bottom .layout .gallery .tit .more {
	position: absolute;
	top: 5px;
	right: 0;
	overflow: hidden;
	font-size: 0;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
}
#main .bottom .layout .gallery .tit .more:before {
	content: "";
	position: absolute;
	top: -6px;
	left: -6px;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/_public/images/@draft/sp_ico.png) no-repeat;
	background-size: 210px;
	background-position: -120px 0;
}
#main .bottom .layout .gallery .list {
	margin-top: 30px;
	min-height: 170px;
}
#main .bottom .layout .gallery .list .no-data{padding:50px 0;font-size:16px;text-align: center;}
#main .bottom .layout .gallery .list > div {
	display: inline-block;
	margin-left: 14px;
	width: 180px;
}
#main .bottom .layout .gallery .list > div a {
	display: block;
}
#main .bottom .layout .gallery .list > div a .img {
	overflow: hidden;
}
#main .bottom .layout .gallery .list > div a .img img {
	display: block;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#main .bottom .layout .gallery .list > div a .txt {
	margin-top: 10px;
	color: #666;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#main .bottom .layout .gallery .list > div a .txt span {
	display: block;
}
#main .bottom .layout .gallery .list > div:first-child {
	margin-left: 0;
}
#main .bottom .layout .gallery .list > div:hover .img img {
	transform: scale(1.2);
}
#main .bottom .layout .banner-box {
	display: inline-block;
	padding-left: 50px;
	box-sizing: border-box;
	vertical-align: top;
}
#main .bottom .layout .banner-box p {
	margin-top: 5px;
	color: #000;
	font-size: 14px;
	font-weight: 500;
}
#main .bottom .layout .banner-box a {
	display: block;
	margin-top: 35px;
}
#page-top .visual {
	height: 170px;
}
#page-top .visual .layout {
	position: relative;
	height: 100%;
}
#page-top .visual .layout .txt {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: 400;
}
#page-top .visual .layout .txt strong {
	font-weight: 600;
}
#page-top .visual.sub01 {
	background: url("/_public/images/common/visual01.jpg") 50% 50% no-repeat;
	background-size: cover;
}
#page-top .visual.sub02 {
	background: url("/_public/images/common/visual02.jpg") 50% 50% no-repeat;
	background-size: cover;
}
#page-top .visual.sub03 {
	background: url("/_public/images/common/visual03.jpg") 50% 50% no-repeat;
	background-size: cover;
}
#page-top .visual.sub04 {
	background: url("/_public/images/common/visual04.jpg") 50% 50% no-repeat;
	background-size: cover;
}
#page-top .visual.sub05 {
	background: url("/_public/images/common/visual05.jpg") 50% 50% no-repeat;
	background-size: cover;
}
#page-top .visual.sub06 {
	background: url("/_public/images/common/visual06.jpg") 50% 50% no-repeat;
	background-size: cover;
}
#page-top .bread-crumb {
	background: #f4f3f3;
	height: 45px;
	border-bottom: 1px solid #d9d9d9;
}
#page-top .bread-crumb .layout {
	font-size: 0;
}
#page-top .bread-crumb .layout span {
	position: relative;
	display: inline-block;
	padding: 0 35px;
	color: #666;
	font-size: 14px;
	line-height: 45px;
	font-weight: 500;
	vertical-align: top;
	box-sizing: border-box;
}
#page-top .bread-crumb .layout span.home {
	overflow: hidden;
	text-indent: -9999999px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}
#page-top .bread-crumb .layout span.home:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 20px;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/_public/images/@draft/sp_ico.png) no-repeat;
	background-size: 210px;
	background-position: -60px -30px;
}
#page-top .bread-crumb .layout span:last-child:before {
	content: "";
	position: absolute;
	top: 8px;
	left: -14px;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/_public/images/@draft/sp_ico.png) no-repeat;
	background-size: 210px;
	background-position: -120px -30px;
}
#pages {
	height: 100%;
}
#pages .contents {
	max-width: 1440px;
	margin: 0 auto;
	height: 100%;
	font-size: 0;
	box-sizing: border-box;
}
#pages .contents .aside {
	display: inline-block;
	width: 220px;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	height: 100%;
	box-sizing: border-box;
	vertical-align: top;
}
#pages .contents .aside .title {
	margin: 35px 11px 0;
	padding-bottom: 20px;
	color: #000;
	font-size: 24px;
	font-weight: 600;
	border-bottom: 2px solid #4d4d4d;
}
#pages .contents .aside .title span {
	display: block;
	font-size: 18px;
	font-weight: 300;
}
#pages .contents .aside .snb {
	margin-top: 25px;
}
#pages .contents .aside .snb a {
	position: relative;
	display: block;
	margin-top: 2px;
	padding: 3px 17px;
	box-sizing: border-box;
	color: #333;
	font-size: 14px;
	font-weight: 600;
	line-height: 38px;
	background: #e9e9e9;
}
#pages .contents .aside .snb a:first-child {
	margin-top: 0;
}
#pages .contents .aside .snb a:hover,
#pages .contents .aside .snb a.active {
	background: #0d6fb8;
	color: #fff;
}
#pages .contents .aside .snb a:after {
	content: "";
	position: absolute;
	top: 7px;
	right: 0;
	width: 30px;
	height: 30px;
	background: url(/_public/images/@draft/sp_ico.png) no-repeat;
	background-size: 210px;
	background-position: 0 -60px;
}
#pages .contents .body {
	display: inline-block;
	margin-top: 40px;
	margin-left: 60px;
	width: 1100px;
	min-height: 100%;
	box-sizing: border-box;
	vertical-align: top;
	padding-bottom:100px;
}
#pages .contents .body .component {
	margin-top: 40px;
	font-size:15px;
}

/* 국내외 현황 */
.status .content .s-txt{font-size:10px; vertical-align:top;}
.status .content .s-txt2{letter-spacing:-3.2px; margin-right:5px}
.status .content .table-half{width:540px; display:inline-block; vertical-align:top; margin-top:25px; }
.status .content .table-half tr th{border-left:0}
.status .content .table-half tr td{text-align:center;}
.status .content .table-half tr:last-child{border-bottom:0;}
.status .content .table-half tr td em{display:inline-block;vertical-align: middle;margin-left:10px;}
.status .content .table-half-left{margin-right:17px}
.status .cont-img-wrap p{width:520px; display: inline-block;}
.status .content9 .txtbox table{margin-top:0}

.status .content10 .status-img {text-align:center;}
.status .content10 .table-txt{width:100%; position:relative; top:0; left:0;}
.status .content11 .logo-list> div{display:inline-block; margin-left:17px;border:1px solid #e1e1e1; padding:20px 0; width:260px; box-sizing:border-box; vertical-align:top;}
.status .content11 .txtbox > div:first-child{margin:0}
.status .content11 .txtbox > div:nth-child(5){margin:0}
.status .content11 .txtbox > div p{display:inline-block; margin:0 10px;}
.status .content11 .txtbox > div span{display:inline-block; width:160px; vertical-align:top; font-size:13px; font-weight:500; letter-spacing:-1.2px; padding-top:3px}
.status .content14{margin-top:60px;}
.status .content14 .txtbox ul{margin-left:0;}
.status .content14 table tr td:nth-child(3), .status .content14 table tr td:nth-child(4){text-align:left;}
.status .content17{position:relative; margin-bottom:60px}
.status .content17 .table-half{margin-top:0; }
.status .content17  .table-half tr th{border-left: 1px solid #e1e1e1; text-align:center;}
.status .content17 table tr{text-align:left;}
.status .content17 table tr:last-child{border:0}
.status .content17 .table-half-left tr td{border-right:0; text-align:left; }
.status .content17 .table-half-left tr th{text-align:left;}

.status .content17 .table-txt{margin-top:25px;}
.status .content17 .txtbox{margin-bottom:0;}
.status .content17 .txtbox ul{margin-left:0; text-align:left;}
.status .content17 .txtbox ul li{font-size:15px;}
.status .content17 .table-half{margin-bottom:0}
.status .content17 .table-half tr th:first-child{border-left:0}
.status .content17 .table-half tr td{vertical-align:top}

.status .logo-list{font-size:0;position:relative;}
.status .logo-list-bottom{margin-top:20px}
.status .logo-list em{position:absolute;right:0;bottom:17px;color:#5d5d5d;font-size:15px;font-style: italic;font-weight:400;}
.status .indicators{max-width:750px;margin:0 auto;margin-top:35px;}
.status .indicators .gray-box{background:#f7f7f7;border-radius: 20px;padding:40px;}
.status .indicators .gray-box p{text-align: center;padding:5px 0;font-size:16px;font-weight:500;}
.status .indicators .gray-box p em{position: relative;top: -2px;display:inline-block;margin-right:10px;width:4px;height:4px;background: #0d6fb8;vertical-align:middle;}
.status .indicators .bottom-box{position:relative;overflow: hidden;}
.status .indicators .bottom-box:before{content: "";z-index:-1;position:absolute;top:1px;left:50%;display:inline-block;width:1px;height:100%;background: #e4e4e4;}
.status .indicators .bottom-box p{float:none;clear:both;margin:0 auto;margin-top:40px;width:288px;line-height:50px;background:#fff;border:1px solid #3f71c7;border-radius: 15px;font-size:17px;font-weight:500;text-align: center;}
.status .indicators .bottom-box p.blue{background: #3f71c7;color:#fff;}
.status .indicators .bottom-box ul{margin-top:40px;padding-left:400px;}
.status .indicators .bottom-box ul:after{content: "";}
.status .indicators .bottom-box ul li{position:relative;color:#5d5d5d;font-size:15px;padding:3px 0 3px 25px; font-weight:400}
.status .indicators .bottom-box ul li:before{content: "";position:absolute;top:14px;left:0;display:inline-block;width:13px;height:1px;background: #9c9c9c;}
.status .indicators .info-txt{font-size:15px;color:#5d5d5d;text-align: center;margin-top:15px; font-weight:400}
.status .indicators + .txtbox{margin-top:50px;}
.status .indicators2{color:#5d5d5d}
.status .indicators2 .box{width:540px;margin:0 auto;margin-top:30px;}
.status .indicators2 .box .tit{color:#fff;font-weight:400;font-size:19px;text-align: center;line-height: 50px;background:#0d6fb8;border-top-left-radius:15px;border-top-right-radius:15px;overflow: hidden;}
.status .indicators2 .txt-box{border:1px solid #e1e1e1;box-sizing: border-box;padding:30px; font-weight:400}
.status .indicators2 .box.type2{margin-top:40px;}
.status .indicators2 .box.type2 .tit{background: #1f4586;}
.status .indicators2 .box.type2 .txt-box{}
.status .indicators2 .box.type2 .txt-box p{position:relative;padding-left:10px;}
.status .indicators2 .box.type2 .txt-box p:before{content: "";position:absolute;left:0;top:10px;display:inline-block;width:3px;height: 3px;background:#909090;}
.status .indicators2 .box.type2 .txt-box ol{margin-top:5px;padding-left:10px;}
.status .indicators2 .box .txt-box ol li{position:relative;padding-left:15px;}
.status .indicators2 .box .txt-box ol li:before{content: "1)";display:inline-block;position:absolute;top:0;left:0;}
.status .indicators2 .box .txt-box ol li:nth-child(2):before{content: "2)";}
.status .indicators2 .box .txt-box ol li:nth-child(3):before{content: "3)";}
.status .indicators2 .box .txt-box ol li:nth-child(4):before{content: "4)";}
.status .indicators2 .box .txt-box ol li:nth-child(5):before{content: "5)";}
.status .indicators2 .box .txt-box ol + p{margin-top:20px;}
.status .indicators2 .box2{position:relative;width:540px;margin:0 auto;margin-top:40px;/*border:1px solid #e1e1e1;*/box-sizing: border-box;padding:15px;font-weight:400;font-size:19px;text-align: center; color:#fff; border-radius: 15px; background: #456c9f; }
/*.status .indicators2 .box2:before{content: "";position:absolute;top:-40px;left:50%;display:inline-block;width:1px;height:40px;background: #e1e1e1;}*/
.status .indicators2 .box-wrap{position:relative;max-width:820px;margin:0 auto;margin-top:90px;display:flex;justify-content: space-between;}
.status .indicators2 .box-wrap:before{content: "";position:absolute;top:-45px;left:50%;transform:translateX(-50%); display:inline-block;width:547px;height:1px;background:#e1e1e1;}
.status .indicators2 .box-wrap .box{position:relative;width:250px;margin-top:0;}
.status .indicators2 .box-wrap .box .tit{background:#456c9f;}
.status .indicators2 .box-wrap .txt-box p{margin-top:10px;position:relative;padding-left:10px;}
.status .indicators2 .box-wrap .txt-box p:before{content: "";position:absolute;left:0;top:10px;display:inline-block;width:3px;height: 3px;background:#909090;}
.status .indicators2 .box-wrap .txt-box p:first-child{margin-top:0;}
.status .indicators2 .box-wrap .txt-box ol{margin-top:10px;}
.status .indicators2 .box-wrap .box:before{content: "";position:absolute;top:-45px;left:50%;display:inline-block;width:1px;height:45px;background: #e1e1e1;}
.status .indicators2 .box-wrap .box:nth-child(2):before{height:90px;top:-90px;}
.status .indicators2 .info-txt{text-align: left;max-width:880px;margin:0 auto;margin-top:20px;color:#5d5d5d;font-size:15px; font-weight:400}

/*-----연혁-----*/

.history{
	position:relative; font-size:15px; height:auto
}
.history .sub-visual1{background:url("/_public/images/sub/history_img01.jpg") 50% 50% no-repeat}
.history .sub-visual2{background:url("/_public/images/sub/history_img02.jpg") 50% 50% no-repeat}
.history .sub-visual3{background:url("/_public/images/sub/history_img03.jpg") 50% 50% no-repeat}
.history .sub-visual4{background:url("/_public/images/sub/history_img05.jpg") 50% 50% no-repeat}
.history .sub-visual5{background:url("/_public/images/sub/history_img04.jpg") 50% 50% no-repeat}
.history .sub-visual6{background:url("/_public/images/sub/history_img06.jpg") 50% 50% no-repeat}
.history .sub-visual7{background:url("/_public/images/sub/history_img07.png") 50% 50% no-repeat}
.history .sub-visual8{background:url("/_public/images/sub/history_img08.png") 50% 50% no-repeat}
.history .sub-visual9{background:url("/_public/images/sub/history_img09.png") 50% 50% no-repeat}
.history .sub-visual10{background:url("/_public/images/sub/history_img10.png") 50% 50% no-repeat}
.history .sub-visual11{background:url("/_public/images/sub/history_img11.png") 50% 50% no-repeat}
.history .square{width:20px; height:20px; border:4px solid #0d6fb8; box-sizing:border-box; margin:0 auto; margin-top:25px; transform:rotate( 45deg );}
.history ul{position:relative;}
.history ul:before{
	content:"";
	display:block;
	position:absolute;
	left:50%;
	width:1px;
	height:100%;
	background-color:#e1e1e1;
	z-index:-1
}

.history ul li{
	width:520px;
	padding-top:20px;
	padding-bottom:20px
}
.history ul li:first-child{padding-top:40px;}
.component .history ul li:last-child{padding-bottom:70px}
.history ul .h-left{text-align: right;}
.history ul .h-right{margin-left:580px;text-align: left;}
.history ul li strong{font-size:24px;color:#0d6fb8;}
.history ul li p{color:#333;font-weight:400; margin-top:4px}

/*-----오시는길-----*/
.map{height:460px;margin-bottom:40px}
.directions span{padding:3px 10px ; font-size:13px; color:#fff; font-weight:400;border-radius:50px; margin-right:5px}
.directions .subway{background-color:#f0602f; }
.bus-1{background-color:#50a232; }
.bus-2{background-color:#da3520; }


/*-----조직도-----*/
.organization{}
.organization .content{position:relative; text-align:center}
.organization .content .left-or , .organization .content .top-or {width:170px; height:170px; background-color:#e1e1e1; border-radius:85px; font-size:23px; text-align:center; line-height:170px; font-weight:600}
.organization .content .top-or{position:relative;margin:0 auto; background-color:#1f4586; color:#fff; font-weight:500}
.organization .content .top-or:after{content:""; display:block; position:absolute; left:50%; width:1px; height:520px; background-color:#e1e1e1; z-index:-99}
.organization .content .left-or{position:absolute; top:0; left:240px; background-color:#f1f4f8; border:1px solid #3f71c7}
.organization .content .left-or:after{content:""; display:block; position:absolute; left:100%; top:50%; width:100px; height:1px; background-color:#e1e1e1;}
.organization .content .right-or, .organization .content .center-or, .organization .content .bottom-or{font-size:19px; font-weight:500}
.organization .content .right-or{position:absolute;top:187px; right:190px;}
.organization .content .right-or:after{content:""; display:block; position:absolute; left:-178px; top:20%; width:178px; height:1px; background-color:#e1e1e1;}
.organization .content .right-or p {width:180px; height:50px; line-height:50px; border:1px solid #3f71c7; border-radius:10px; margin-bottom:10px;}
.organization .content .center-or{width:220px;margin:90px auto;margin-top:100px;}
.organization .content .center-or p{width:220px; height:50px; line-height:50px; border:1px solid #3f71c7; border-radius:10px; margin-bottom:10px; background-color:#fff;}
.organization .content .center-or1{position:relative;}
.organization .content .center-or1:after{content: ""; display: block; position: absolute; right:-40px; top:115px; width:300px;height:1px;background-color:#e1e1e1;}
.organization .content .center-or2 {margin:90px auto; margin-top:140px;}
.organization .content .center-left-or, .center-right-or{font-size: 19px; font-weight: 500;position: absolute; top:360px;}
.organization .content .center-left-or{right:300px;}
.organization .content .center-right-or{left:300px;}
.organization .content .center-left-or p, .organization .content .center-right-or p{width:200px; height:50px; line-height:50px; border:1px solid #e1e1e1; border-radius:10px; margin-bottom:10px; background-color:#fff}
/*.organization .content .center-right-or:after{content:""; display:block;position:absolute; left:100px; top:-50px; width:1px; height:50px; background-color:#e1e1e1;}
.organization .content .center-left-or:after{content:""; display:block;position:absolute; right:100px; top:-50px; width:1px; height:50px; background-color:#e1e1e1;}*/

.organization .content .bottom-or{font-size:0; width:880px; margin:0 auto; font-weight:400; height:340px;}
.organization .content .bottom-or div{display:inline-block;width:270px;vertical-align:top}
.organization .content .bottom-or div:nth-child(2){margin:0 35px;}
.organization .content .bottom-or div p:first-child{border-radius:10px 10px 0 0; background-color:#0d6fb8; color:#fff;}
.organization .content .bottom-or div p{font-size:19px; background-color:#efefef; height:50px; line-height:50px; margin-top:2px}
.organization .content .bottom-or div ul{font-size:15px; font-weight:400; text-align:left; border:1px solid #efefef; height:100%; padding:30px 30px 30px 40px; box-sizing:border-box; color:#5d5d5d}
.organization .content .bottom-or div ul li{position:relative; line-height:25px}
.organization .content .bottom-or div ul li:before{content:""; display:block; position:absolute; width:3px; height:3px; background-color:#909090; left:-10px;top:10px}
.organization .content .bottom-or .bottom-or-box1, .organization .content .bottom-or .bottom-or-box2, .organization .content .bottom-or .bottom-or-box3{position:relative;}
.organization .content .bottom-or .bottom-or-box1:before{content:""; display:block;position:absolute; left:50%; top:-48px; width:1px; height:50px; background-color:#e1e1e1;}
.organization .content .bottom-or .bottom-or-box2:before{content:""; display:block;position:absolute; left:-63%; top:-48px; width:610px; height:1px; background-color:#e1e1e1;}
.organization .content .bottom-or .bottom-or-box3:before{content:""; display:block;position:absolute; left:50%; top:-48px; width:1px; height:50px; background-color:#e1e1e1;}
.organization .content + .sub-title{margin-top:100px;}
.organization table {table-layout: fixed;}
.organization table tbody tr td ul li{position: relative;padding-left:10px;}
.organization table tbody tr td ul li::before{content: "";display: block;position: absolute;width: 3px;height: 3px;background-color: #909090;left:0;top: 11px;}
.organization table tbody tr td ul.type2 li{padding-left:60px;margin-top:15px;}
.organization table tbody tr td ul.type2 li:first-child{margin-top:0;}
.organization table tbody tr td ul.type2 li span{position: absolute;left:0;}
.organization table tbody tr td ul.type2 li:before{display:none;}
.organization table tbody tr td ul.type2 li p{position:relative;padding-left:10px;}
.organization table tbody tr td ul.type2 li p:before{content: "";display: block;position: absolute;width: 3px;height: 3px;background-color: #909090;left:0;top: 11px;}

/* 사업소개 */
.business .img{margin-top:45px;text-align: center;}

/* 기부안내 및 혜택 */
.benefit{padding-top:40px;}
.benefit .tit{text-align: center;font-size:23px;color:#000;font-weight:500;}
.benefit .tit strong{font-size:32px;font-weight:500;}
.benefit .txt{margin-top:40px;text-align: center;color:#5d5d5d;font-size: 16px;font-weight:500;}
.benefit .banner{margin-top:60px;}
.benefit .sub-title{margin-top:60px;}
.benefit .tit2{position:relative;margin-top:40px;color:#333;font-size:18px;font-weight:500;padding-left:15px;}
.benefit .tit2:before{content: "";position:absolute;left:0;top:12px;display:inline-block;width:4px;height:4px;background:#0d6fb8;}
.benefit .sub-title + .tit2{margin-top:40px;}
.benefit .txt2{margin-top:15px;color:#5d5d5d;font-size:15px; font-weight:400}
.benefit .flex-box{margin-top:50px;display:flex; align-items: center;}
.benefit .flex-box > div{flex:1;}
.benefit .flex-box .txt-box{position:relative;box-sizing: border-box;padding-right:145px;}
.benefit .flex-box .txt-box:before{content: "";position:absolute;top: 15px;right: -90px;display:inline-block;width:180px;height:1px;background:#afafaf;z-index:10;}
.benefit .flex-box .txt-box .tit{font-weight:400;text-align: right;}
.benefit .flex-box .txt-box .txt2{margin-top:30px;text-align: right;}
.benefit .flex-box  + .tit2{margin-top:70px;}
.benefit ul{margin-top:10px;padding-left:15px; font-weight:400}
.benefit ul li{position:relative;color:#5d5d5d;font-size:15px;padding:3px 0 3px 25px;}
.benefit ul li:before{content: "";position:absolute;top:14px;left:0;display:inline-block;width:13px;height:1px;background: #9c9c9c;}
.benefit table{margin-top:15px;}
.benefit table thead tr th{font-weight:500;padding:15px;}
.benefit table tbody tr td{font-weight:500;text-align: center;padding:15px;}
.benefit table tbody tr td.last{text-align:left;font-size:15px;font-weight:400;}
.benefit .info-txt{text-align: right;font-size:15px;color:#5d5d5d;margin-top:10px; font-weight:400}


/*----- 후원자명단 -----*/
.sponsorslist {padding-top:40px;}
.sponsorslist .txtbox1 p {text-align:center;font-weight:500;}
.sponsorslist .txtbox1 .txt1 {font-size:32px;color:#000;}
.sponsorslist .txtbox1 .txt2 {font-size:23px;color:#000;margin-bottom:50px;}
.sponsorslist .txtbox1 .txt3 {font-size:16px;color:#5d5d5d;margin-bottom:30px;}
.sponsorslist .txtbox1 .txt4 {font-size:16px;color:#5d5d5d;margin-bottom:60px;}
.sponsorslist .tablewrap table{margin-bottom:10px;}
.sponsorslist .tablewrap table thead th {font-size:17px;font-weight:500;}
.sponsorslist  table {margin-bottom:25px;}


/*----- 국내외현황 -----*/
.status .tab {display:flex;margin:10px 0 45px 0;}
.status .tab li a {display:block;width:275px;height:50px;line-height:50px;text-align:center;border:1px solid #e1e1e1;font-size:16px;font-weight:500;color:#5d5d5d;}
.status .tab li a:hover {border:1px solid #0d6fb8;color:#fff;}
.status .tab li.on a {border:1px solid #0d6fb8;background:#0d6fb8;color:#fff;}
.status .tab-contents{}
.status .tab-contents > div{display:none;}
.status .tab-contents > div:first-child{display:block;}
.status table tr td{padding:8px 25px}
.txtbox {margin-bottom:45px;}
.txtbox:last-child {margin-bottom:60px;}
.txtbox .tit {position:relative;font-size:18px;font-weight:500;padding-left:18px;margin-bottom:15px;}
.txtbox .tit:after {content:"";position:absolute;top:12px;left:0;width:4px;height:4px;background:#0d6fb8;}
.txtbox ul {margin-left:22px;}
.txtbox ul.ml0 {margin-left:0;}
.txtbox ul li {position:relative;font-size:16px;font-weight:400;color:#5d5d5d;padding-left:25px;margin-top:2px;}
.txtbox li:after {content:"";position:absolute;top:10px;left:0;width:13px;height:1px;background:#9c9c9c;}
.txtbox ul li:first-child {margin-top:0;}
.content .txtbox .after-no li {padding-left:0;}
.content .txtbox .after-no li:after {display:none;}
.content1 {margin-top:0;}
.txtblue {color:#0d6fb8;}
.status .txtbox .cont-img-wrap{margin-top:25px;}
.status .txtbox .cont1-img-wrap > div{float:right;width:560px; height:auto; padding-top:105px}
.status .txtbox .cont1-img-wrap ul{display:inline-block; vertical-align:top; margin-bottom:15px; width:256px;}
.status .txtbox .cont1-img-wrap ul li{font-size:16px; color:#333;}
.status .txtbox .cont1-img-wrap .cont1-txt{margin-top:5px}
.status .txtbox .cont1-img-wrap .cont1-txt li{font-size:15px; font-weight:400; color:#5d5d5d; }
.status .txtbox .cont1-img-wrap .cont1-txt li:before {content:""; display:block; position:absolute; width:3px; height:3px; background-color:#909090; left:-10px; top:10px; font-size:15px; }
.status .content table{margin-top:0; text-align:center; margin-bottom:0}
.status .content1 table tr td:nth-child(1), .status .content1 table tr td strong{font-weight:500; color:#333}
.status .content4 table, .status .content9 table.first-table, .status .content14 table{margin-bottom:40px}
.status .content9 ul li{margin-bottom:15px;}



/*-----보고서, 보유도서, 보유장비 및 기자재-----*/
.report .top, .book .top{margin-bottom:40px}
.book table tr td, .equipment table tr td, .report table tr td{text-align:center; }
.book table tr td:nth-child(3), .report table tr td:nth-child(3), .equipment table tr td:nth-child(3){text-align:left; padding-left:25px; box-sizing:border-box;}





/*-----정의와역사-----*/
.definition .txtbox .tit span, .definition table th span{display:inline-block;width:20px; height:20px; border:1px solid #333; border-radius:20px;text-align:center; line-height:20px; font-size: 13px; margin-right:5px}
.definition .table-blue tr{text-align:center;}
.definition .table-blue tr .tr-tit{font-size:16px; font-weight:500; color:#333; }
.definition .table-blue .bgblue{color:#fff;font-weight:500}
.definition .table-blue .bgblue span{ border:1px solid #fff;}
.bgorange{background-color:#ef7000}
.bgblue{background-color:#0d6fb8;}
.bgpurple{background-color:#b200b4}
.bggreen{background-color:#008428}
.bggray{background-color:#747474}
.definition .table-blue tr th:nth-child(2),.definition .table-blue tr th:nth-child(3),.definition .table-blue tr td:nth-child(2),.definition .table-blue tr td:nth-child(3){border-right: 1px solid #0d6fb8;}
.lineblue{ border-bottom:1px solid #0d6fb8;}
.definition .year-wrap{position:relative;margin-bottom:40px}
.definition .year-wrap:last-child{margin-bottom:60px;}
.definition .year-wrap .year{font-size:22px; font-weight:600}
.definition .year-wrap .year:before{content:""; display:block; position:absolute; width:80px; height:1px; background-color:#0d6fb8; top:50%; left:170px;}
.definition .year-wrap ul{/*position:absolute;top:0; left:280px; margin-left:0; margin-bottom:40px*/margin-left: 280px; margin-top: -38px;}
.definition .year-wrap ul:before{content:""; display:block; position:absolute; width:9px; height:9px; background-color:#0d6fb8; top:12px; left:245px; border-radius:9px}
.definition .year-wrap ul:after{content:""; display:block; position:absolute; width:19px; height:19px;top:6px; left:239px; border-radius:20px; border:1px solid #e1e1e1; z-index:-99;}
.definition .year-wrap ul li{margin-bottom:9px}
.definition .year-wrap ul li span{display:inline-block;padding:2px 5px; border-radius:5px; font-size:13px; color:#fff; font-weight:400; margin:0 10px;}
.definition .year-wrap ul li .bgblue{padding:2px 11px}
.definition .year-wrap ul li p{display:inline-block; color:#959595}
.definition .system{width: 540px; display:inline-block; vertical-align:top;}
.definition .system .sys-tit{ font-size:19px; font-weight:400; width:260px; height:50px; border-radius:10px; line-height:50px; text-align:center; margin-bottom:90px;}
.definition .system .sys-tit{position:relative;background-color:#1f4586; color:#fff;}
.definition .system .sys-tit:after{content: ""; display: block; position:absolute; left:50%; width:1px; height:100px; background-color:#e1e1e1; z-index:-99;}
.definition .system .sys-tit:before{content: ""; display: block; position:absolute; top:95px; left:50%; width:281px; height:1px; background-color:#e1e1e1; z-index:-99;}
.definition .system .sys-cont{ display:inline-block;width:260px; vertical-align:top;}
.definition .system {position:relative;}
.definition .system .sys-cont:after{content: ""; display: block; position:absolute; top:96px; left:76%; width:1px; height:47px; background-color:#e1e1e1; z-index:-99;}
.definition .system .sys-cont p{width:260px; padding:13px; height:100px;background-color:#0d6fb8; border-radius: 10px 10px 0 0; box-sizing:border-box; text-align:center; color:#fff;}
.definition .system .sys-cont span{display:block;font-size:18px; font-weight:500}
.definition .system .sys-cont ul{position:relative; border:1px solid #e1e1e1; margin-left:0;padding:30px 30px 30px 40px; margin-bottom:30px}
.definition .system1 .sys-cont ul:after{content: ""; display: block; position:absolute; bottom:-32px; left:46%; background:url(/_public/images/@draft/sp_ico.png) no-repeat; width:30px; height:30px;background-size: 210px;
		background-position: 0px -30px;}
.definition .system1 .sys-cont2 ul:after{content: ""; display: block; position:absolute; bottom:137px; left:48%; background:url(/_public/images/@draft/sp_ico.png) no-repeat; width:30px; height:30px;background-size: 210px;
		background-position: 0px -30px;}
.definition .system1 .sys-cont3 ul:after{display:none}
.definition .system .sys-cont ul li{padding-left:0;}
.definition .system .sys-cont ul li:after{content: ""; display: block; position: absolute; width: 3px; height: 3px; background-color: #909090; left: -10px; top: 10px;}
.definition .system .sys-cont1{margin-right:17px;}
.definition .system .sys-cont2{width:540px; padding:30px 0; margin-bottom: 30px; background-color:#f8f8f8; border:1px solid #e1e1e1; text-align:center;}
.definition .system .sys-cont2 ul li{color:#333; font-size:16px}
.definition .system .sys-cont3{width:540px}
.definition .system1{margin-right:17px}
.definition .system2 .sys-tit{background-color:#f1f4f8; border:1px solid #3f71c7; color:#162848}
.definition .system2 .sys-cont ul:after{content: ""; display: block; position:absolute; bottom:-31px; left:46%; background:url(/_public/images/@draft/sp_ico.png) no-repeat; width:30px; height:30px;background-size: 210px;
		background-position: -30px -30px;}
.definition .system2 .sys-cont2 ul:after{content: ""; display: block; position:absolute; bottom:137px; left:48%; background:url(/_public/images/@draft/sp_ico.png) no-repeat; width:30px; height:30px;background-size: 210px;
		background-position: -30px -30px;}
.definition .system2 .sys-cont3 ul:after{display:none}


/*-----재단소개-----*/
.foundation .content > div{display:inline-block;}
.foundation .cont-img{width:360px; height:535px;}
.foundation .cont-img img{display:block;}
.foundation .cont-img p{text-align:right; height:50px; line-height:50px; font-weight:400; color:#5d5d5d}
.foundation .cont-img p span{font-size:20px; color:#333; font-weight:500; margin-left:10px}
.foundation .cont-txt{width:668px; height:auto; margin-left:67px; vertical-align:top;margin-top:60px; font-weight:400; color:#5d5d5d; }
.foundation .cont-txt p{font-size:25px; font-weight:500; color:#333; margin-bottom:40px; letter-spacing:-1px}



/*-----인사말-----*/
.greeting .content{margin-bottom:60px;}
.greeting .content > div{display:inline-block;}
.greeting .content .cont-img{width:360px; height:540px;}
.greeting .content .cont-img img{display:block;}
.greeting .content .cont-img p{text-align:left; margin-top:15px; font-weight:400; color:#5d5d5d}
.greeting .content .cont-img p span{font-size:20px; color:#333; font-weight:500;float: right;line-height: 20px;}
.greeting .content .cont-txt{width:665px; word-break: keep-all;height:auto; margin-left:67px; vertical-align:top;margin-top:20px; font-weight:400; color:#5d5d5d;}
.greeting .content .cont-txt p{font-size:22px; font-weight:500; color:#333; margin-bottom:30px; letter-spacing:-1px; line-height:30px}
.greeting .content2 .cont-txt {margin-top:60px}
.greeting .content3 .cont-img p{float:left; text-align:left;}
.greeting .content3 .cont-img span{font-size:20px; color:#333; font-weight:500; margin-left:10px;float:right;margin-top:31px}
.greeting .content3 .cont-txt {margin-top:135px}



/*-----회칙, 시상내규-----*/
.txtbox ul li .rule_txt {margin: 5px 0 ; margin-bottom:10px;display: block;font-size: 15px;line-height: 25px;color: #717171;}
.txtbox ul li .rule_txt img{margin-top:6px}
.txtbox.txtline .txtbox{margin-bottom: 30px;}



/*-----임원-----*/
.member .member_tab tr td:nth-child(1) {font-weight: bold;}
.member .member_tab tr td:nth-child(2) {text-align: left;padding-left: 25px;}



/*-----주요간행지-----*/
.publication .publication_tab tr td:nth-child(1) {font-weight: bold;}
.publication .publication_tab tr td:nth-child(3) {text-align: left;padding-left: 50px;}
.publication .publication_tab tr td ul li{position: relative;}
.publication .publication_tab tr td ul li:after {content: "";position: absolute;top: 12px;left: -24px;width: 13px;height: 1px;background: #9c9c9c;}



/*-----학술지 지상게재(부록) 종설-----*/
.chapter .chapter_tab {margin-top: 20px;}
.chapter .chapter_tab tr td:nth-child(3) {text-align: left;padding-left: 30px;}
.chapter .chapter_tab tr td:nth-child(4) {text-align: left;padding-left: 30px;}
.chapter .chapter_tab tr td.vertical-top{vertical-align: top;}
.chapter .chapter_tab tr td.vertical-top p{display:inline-block;width:100%;vertical-align: top;}
.chapter .chapter_tab tr td ul li{position: relative;}
.chapter .chapter_tab tr td ul li:after {content: "";position: absolute;top: 12px;left: -24px;width: 13px;height: 1px;background: #9c9c9c;}
.chapter_searchbox {text-align: right;font-size:0;}
.chapter_searchbox input[type="text"] {margin-right:10px;display: inline-block;vertical-align: middle;padding: 10px;width: 230px;height: 48px;background: #fff;box-sizing: border-box;border: 1px solid #e1e1e1;box-sizing: border-box;}
.chapter_searchbox button {position:relative;display: inline-block;width: 48px;height: 48px;overflow:hidden;text-indent:-9999999px;vertical-align: middle;box-sizing: border-box;background: #f9f9f9;font-size: 14px;color: #fff;line-height: 38px;border: 1px solid #e1e1e1;}
.chapter_searchbox button:before{content:"";position:absolute;top:8px;left:8px;display:inline-block;width:30px;height:30px;background:url(/_public/images/@draft/sp_ico.png) no-repeat;background-position: -120px -60px;}



/*-----학술지-----*/
.journal .top, .report .top, .book .top{background: #f7f7f7 url(/_public/images/sub/journal_icon01.png) no-repeat;background-position:72px 50%;padding:15px 0 15px 260px;position:relative;box-sizing: border-box;border-top:1px solid #7e7e7e;border-bottom:1px solid #7e7e7e;}
.journal .top:before, .report .top:before, .book .top:before{content: "";position:absolute;top:26px;left:190px;display:inline-block;width:1px;height:75px;background: #d5d5d5;}
.journal .top .tit, .report .top .tit, .book .top .tit{font-size:24px;font-weight:400;}
.journal .top .txt, .report .top .txt, .book .top .txt{margin-top:5px;font-size:14px;font-weight:400; display:inline-block; vertical-align:top;}
.journal .top{padding:25px 0 25px 240px;}
.journal .top .txt{ width:470px;}
.journal .top .txt2{width:265px; margin-left:50px;}
.journal .top .txt2:before{content: "";position:absolute;top:26px;left:730px;display:inline-block;width:1px;height:75px;background: #d5d5d5;}
.journal .chapter_searchbox{margin-top:40px;position:relative;}
.journal .chapter_searchbox .history-button{position:absolute;top:0;left:0;display:inline-block;width:190px;font-size:14px;font-weight:400;text-indent:0;color:#fff;line-height: 50px;background: #464646;text-align: center;}
.journal .chapter_searchbox .history-button:before{display:none;}
.journal .journal_tab {border: 0;border-top: 2px solid #333;margin-top: 20px;}
.journal table{width:100%;table-layout: fixed;}
.journal .journal_tab tr th{border-left: 0;padding: 20px;font-size:16px;font-weight: 400;}
.journal .journal_tab tr td{border-right: 0;padding: 20px;font-size:14px;text-align: center;}
.journal .journal_tab tr td.subject{text-align: left; }
.journal .journal_tab tr td.subject p{overflow:hidden;height:75px;white-space: normal;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.journal .journal_tab tr td button{display: inline-block;width:75px;line-height:35px;color:#fff;font-size:15px;text-align:center;position: relative; border:1px solid #3f71c7; border-radius:30px; background-color:#3f71c7;}
.journal .journal_tab tr td button:hover{background-color:#3f71c7; color:#fff;}
/*.journal .journal_tab tr td button:before{content: "";display:inline-block;width:30px;height:30px;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-position:-180px -57px;position: absolute;left: 5px;top: 1px;}*/

.book-layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.7);z-index:1000;}
.book-layer .book-layer-wrap{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%); width:100%;max-width:1400px;box-sizing: border-box;padding:25px;border-top:2px solid #3f71c7;background: #fff;}
.book-layer .book-layer-wrap .box{width:100%;display:flex;}
.book-layer .book-layer-wrap .box > div{flex:1;margin-left:20px;}
.book-layer .book-layer-wrap .box > div:first-child{margin-left:0;}
.book-layer .book-layer-wrap .box > div .tit{background:#1a7cc7;text-align: center;font-size:30px;color:#fff;font-weight:400;line-height: 70px;}
.book-layer .book-layer-wrap .box > div .img{box-sizing:border-box;max-height:600px;padding:20px 0;overflow-y:auto; border:1px solid #d9d9d9;border-top:0;}
.book-layer .book-layer-wrap .button-group{margin-top:25px;text-align: center;}
.book-layer .book-layer-wrap .button-group button{display:inline-block;color:#fff;font-size:14px;font-weight:400;line-height: 30px;width:110px;text-align: center;background: #474747;}


/* 레이어팝업*/
.journal-popup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.7);z-index:1000;}
.b-close {cursor: pointer;width: 110px;line-height:40px;color:#fff;text-align: center;margin: 0 auto;margin-top: 10px;display: block;background: #474747;color: #ffff;position: relative;}
.Pstyle > .popup-content {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%); border-top: 3px solid #3f71c7;padding: 20px;background-color: #fff;width:100%;max-width:1100px;box-sizing: border-box;}
.report .contview {display: inline-block;width: 100px;height: 37px;vertical-align: middle;box-sizing: border-box;background: #0d6fb8;font-size: 14px;color: #fff;line-height: 38px;border: 0}
.report .contview:after {content: "";width: 30px;height: 30px;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-position: -82px -91px;display: block;position: relative;bottom: 38px;right: 1px;}
.report.contspace {margin-top:40px;}
.journal-popup table tbody tr td .flex-box{display:flex;max-height:500px;overflow-y: auto;}
.journal-popup table tbody tr td .flex-box > div{flex:1;box-sizing: border-box;}
.journal-popup table tbody tr td .flex-box .img-box{padding:0 20px;}
.journal-popup table tbody tr td.place{text-align: left;}
/*-----New Bulletin-----*/
.bulletin_tab {margin-top: 35px;}
.bulletin_tab td{padding: 10px;}
.bulletin_tab th:first-child{border-right: 1px solid #e1e1e1;}
.bulletin_tab td:last-child{text-align:center;}
.bulletin_tab p {height: 28px;padding-left: 50px;color: #5d5d5d;font-size: 15px;float: left;}
.bulletin_tab p:after {content: "";width: 30px;height: 30px;background: url(/_public/images/@draft/sp_ico.png) no-repeat;background-position: -150px -57px;display: block;position: relative;bottom: 31px;right: 40px;}
.bulletin_tab span {color: #5d5d5d;font-size: 15px;float: right;}
.bulletin_tab .zoom-button{overflow:hidden;position:relative;display:inline-block;width:35px;height:35px;background:#0d6fb8;border-radius: 100%;vertical-align: middle;}
.bulletin_tab .zoom-button:before{content: "";display:inline-block;position: absolute;left: 3px;top: 3px;width:30px;height:30px;background:url(/_public/images/@draft/sp_ico.png) no-repeat;background-position: -180px -60px;}


/* 부산지방남성과학회 소개 */
.corporate .logbook-button{display: inline-block;width: 75px;color: #fff;background: #0d6fb8;text-align: center;line-height: 30px;vertical-align: middle;margin-left: 10px;}
.logbook-layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.7);z-index:1000;}
.logbook-layer > div{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%); width:100%;max-width:600px;box-sizing: border-box;padding:25px;border-top:2px solid #3f71c7;background: #fff;}
.logbook-layer .button-group{margin-top:25px;text-align: center;}
.logbook-layer .button-group button{display:inline-block;color:#fff;font-size:14px;font-weight:400;line-height: 30px;width:110px;text-align: center;background: #474747;}
.andrological {margin-bottom: 50px;}