@charset "utf-8";


.sub_menu {
font-size:16px!important; font-weight: bold; color:#fff!important;
}

#main_header h1 a {
background:url('../img/mapi_ci_en140_wh.png') no-repeat center;
width:180px;
left: 0;
}


#grid {
display:grid;
grid-template-columns: 2fr 3fr;
width: 100%;
left: 180px;}


#col1 {
width:700px;
position: fixed;
height:100%;

}

#col2 {
position:relative;
left:700px;

}

/* 논문검색 */
#p2_banner {
height: 290px;
background-color: #fff;
}

#p1_lnk_banner {
/*background:#fff;
width:100%;
height:435px;
padding:60px 80px; */
box-sizing:border-box;
position:relative;
clear: both; z-index: 1;
width:850px;
background-size:100%;
padding-bottom:15px;
background-color: #f1f1f1;
/*background:url('img/pen.png') no-repeat center; */
/* border: 10px #fff solid; */
}


#p1_lnk_banner ul {
margin:0;
padding:0;
list-style:0;
display:block;
font-family: 'NotoSans-Regular', 'Malgun Gothic', '돋움',Dotum,'굴림',Gulim,Tahoma, Geneva, sans-serif,verdana!important;
font-size: 14px;
color: #444;
}

#p1_lnk_banner li {
list-style:none;
display: list-item;
}

.mc_title_b {
width:850px;
float:left;
display:inline;
margin: 30px 0 30px 70px;
font-size:34px;
font-weight: inherit;
color: #999;
text-align: left;
font-family: 'NotoSans-Regular', 'Malgun Gothic', '돋움',Dotum,'굴림',Gulim,Tahoma, Geneva, sans-serif,verdana!important;}



.mc_title {
width:850px;
float:left;
display:inline;
margin: 30px 0 30px 70px;
font-size:34px;
font-weight: inherit;
color: #f2f2f2;
text-align: left;
font-family: 'NotoSans-Regular', 'Malgun Gothic', '돋움',Dotum,'굴림',Gulim,Tahoma, Geneva, sans-serif,verdana!important;}

.mc_title img{
vertical-align: middle;
margin-right: 15px;
}

.clear_ {
clear:both;}

.mc_search2_box1 {
width:870px;
box-sizing: border-box;
text-align: center;
display:block;
/*margin-top:17px;*/
}

.mc_search2_selectbox {
width: 500px;
}

.mc_search2_txtfield {
width: 500px;
}

.btn_paper {
margin: 20px 0 20px 0;
display: inline-block;
width:100%;
text-align: center;
}

.btn_paper a {
display: block;
text-decoration:none;
margin: 0 0 0 20px;
cursor: pointer;
background: transparent;
}

.btn_down {
background:#333;
width:500px;
line-height: 35px;
text-align: center;
display: inline-block;
-webkit-box-sizing: border-box;
color:#fff;
font-size: 14px;
}





#p2_news_wrap {
background-color:#fff;
width:850px;
height:360px;
padding-top: 20px;
box-sizing: border-box;
}

.tc {
color: #264176!important;
}

.bg  {
background:url('img/bg.png') no-repeat center;
}

/*  {background:url('img/bggg.png') no-repeat center;}
*/
.bgg {
background-color: #f9f9f9;
}

.item {
border:2px solid grey;
}

.item,.icon-bar.small-vertical
.item {float:none; margin:auto; width:auto}
.icon-bar.medium-vertical .item{float:none;margin:auto;width:auto}}

#p3_photo_wrap {
width:850px!important;
box-sizing: border-box;
/*border: 1px blue solid; */
}

#padding-wrap { padding: 20px; }
/* .tab_active {background-color:red!important;} */

#demos {
	/*background-color:#a8a8a8; */
	background:url('../img/bg_gr.png') no-repeat center;
	width:850px;
	height:auto;
  box-sizing: border-box;
	padding-bottom: 20px;
}

.owl-carousel .owl-stage-outer {
	width:850px; /*border:1px solid red;*/
	box-sizing: border-box;
/*margin-left: 25px; */ }


#p4_family_site {
	background-color: #74AAA9;
	width:850px;
	text-align:center;
	box-sizing:border-box;
}

#p4_family_site .grid img {
	padding: 10px;
/*	background-color: #f2f2f2;*/
	margin:10px 10px 40px 10px;}


#p5_footer {
width: 850px;
height: 250px;
background-color: #333;
box-sizing: border-box;
}

#p5_footer .grid {
display: grid;
grid-template-columns: 2fr 3fr 2fr;
padding-top:50px;
}

#p5_footer .grid .c1, .c2, .c3 {
border: 1px solid #000;
}

#main_footer {
background: #d5d5d5!important;
}


/*start layout */
body { 	overflow-x:scroll!important; background: #e9e9e9;}

#main_wrap {
	width:100%;
	height:100%;
	display:block;

}
#main_header {
	position:fixed;
	width:180px;
	height:100%;
	text-align:left;
	z-index:2;
}
#main_container {
	display:block;
	width:1920px;
	height:auto;
	position:relative;
	background-color:#fff;
}
#main_footer {
	display:block;
	width:850px;
	padding-top:50px;
	background:#2a2a2a;
	text-align:center;
	position:relative;
	font-family:'NotoSans-Light', 'Malgun Gothic', '돋움',Dotum,'굴림',Gulim,Tahoma, Geneva, sans-serif,verdana !important;
}

/* search */
.btn_hsrch span {
	font-size: 1.1em;
	color: #fff;
	background:url('/images/comm/icon/ic_hsearch.png') no-repeat right center;
	padding-right: 35px;
	display: inline-block;
	height: 25px;
	line-height: 25px;
}
.srchhwrap {
	position:absolute;
	top:560px;
	z-index:50;
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
}

/* ci */
h1 {width:180px; height:75px; padding:50px 0; position:relative; z-index:101;}
h1 a {display:block; margin:0 auto; width:180px; height:79px; background:url('/images/comm/topci.png') no-repeat center; font-size:0px; float:left;}

/*utilMenu*/
.utilMenuArea {
	position:absolute;
	bottom:0;
	width:100%;
	max-width:180px;
	font-size:13px;
	line-height:28px;
	z-index:30;
	color: #d9d9d9;
}
.utilMenuArea .login {
	padding-left:30px;
	display:inline-block;
	width:100%;
	box-sizing: border-box;
}
.utilMenuArea .sitemap {
	padding-left:30px;
	display:inline-block;
	width:100%;
	box-sizing: border-box;
}
.utilMenuArea .eng {
	padding-left:30px;
	display:inline-block;
	width:100%;
	box-sizing: border-box;
}
.utilMenuArea .artebank {
	background:url('/images/comm/icon/bult_rbow.png') no-repeat 130px 50% #343434;
	display:inline-block;
	width:100%;
	height:62px;
	padding-top:17px;
	box-sizing:border-box;
	margin-top:18px;
	padding-left:30px;
}
.utilMenuArea a:hover,.utilMenuArea a:focus,.utilMenuArea a:active {
	color: #ffffff;
}
.phide {
	display: none
}

/*사이트맵*/
.layer {
	position:fixed;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
	z-index:998;
	top: 0;
}
.menulayer {
	position:fixed;
	top:0;
	/*left:0;*/
	box-sizing:border-box;
	height:100%;
	display:inline-block;
	z-index:999;
	width:970px;
	height:100%;
	color:#ffffff;
	background:#1b1b1b;
	padding:0px 70px;
	box-sizing:border-box;
	overflow-y:scroll;
}
.menulayer .top {
	background:none;
	border-bottom:0;
	line-height:normal;
	padding:90px 0 60px 3%;
}
.menulayer .top .menulayer_tit {
	font-size:40px;
	padding:0;
	letter-spacing:-0.05em;
}
.menulayer .top .menulayer_tit .menu_login {
	display:none;
}
.menulayer .top .menulayer_close {
	background:url('img/btn_menu_close.png') no-repeat;
	width:38px;
	height:38px;
	background-size:100%;
	top:102px;
	position:absolute;
	right:100px;
	display:block;
	cursor:pointer;
	text-indent:-9999px;
}
.menulayer .menulist {
	background:#242526;
}
.depth1 .font_m {
	font-size:23px;
	display:block;
	padding-bottom:12px;
	box-sizing:border-box;
	border-bottom:1px solid #e1e1e1;
	margin-bottom:25px;
	cursor:default;
}
.depth1>li {
	float:left;
	width:33%;
	min-height:100px;
	padding: 0 3% 30px;
	box-sizing: border-box;
}
.depth1>li:first-child {
	padding-bottom:0;
	margin-left:0;
}
.depth2 {
	min-height:100px;
}
.depth2 li {
	letter-spacing:-0.035em;
	word-break:keep-all;
}
.depth2>li>a {
	line-height:35px;
}
.depth3 {
	margin-bottom:20px;
}
.depth3>li>a {
	font-size:13px;
	line-height:30px;
	color:#cccccc;
	background:url('/images/comm/icon/bull_dash3.gif') no-repeat 1px 12px;
	padding-left:13px;
	display:inline-block;
}
.depth3>li>a>p {
	line-height:normal;
}
.depth3>li>a:hover {
	background-image:url('/images/comm/icon/bull_dash2.gif');
	color:#00a8e7;/*#ff1851;*/
}
.depth1>li:last-child {
	padding-bottom: 0;
}

/* content */
.content_wrap {outline:none;}
.more {position:absolute; background:#FFF url(/images/main/ico_plus.png) no-repeat 50% 50%;  width:40px; height:40px ; border:1px #e1e1e1 solid; right:80px; top:67px; font-size:0}

	/* 아르떼 소식 */
	.artenews_wrap { background:#ffffff; width:100%; height:435px; padding:60px 80px; box-sizing:border-box; position:relative; clear: both; z-index: 1;}
	.artenews {position:relative; z-index: 1;}

	/* 사업공모입찰 */
	.arteprogram {background:#f5f5f5; width:100%; padding:60px 80px; box-sizing:border-box; position:relative; z-index: 1;}
	.arteprogram a.tab {position: absolute; top: 73px;}
	.arteprogram a.tab.pro_all {right: 315px;}
	.arteprogram a.tab.pro_business {right: 265px;}
	.arteprogram a.tab.pro_bidding {right: 135px;}

	/* 아르떼 서비스 */
	.arteservice {width:100%; padding:60px 80px; box-sizing:border-box; position:relative; background:#fff; overflow: hidden; z-index: 1;}

	/* 아르떼 SNS */
	.artesns {width:100%; height:100%;  padding:45px 80px; box-sizing:border-box; position:relative; background:#3d3d3d; text-align: center;}
	.artesns h3 {font-size:24px; font-family:'NotoSans-Light', 'Malgun Gothic', '돋움',Dotum,'굴림',Gulim,Tahoma, Geneva, sans-serif,verdana !important; color:#fff; display: inline-block; vertical-align: middle; margin-right: 20px;}
	.artesns_icon {display: inline-block; vertical-align: middle; }

	@media only all and (min-width:1920px) {
		.main_visual {width:1050px; position:fixed; height:100%; background:#000; z-index: 1;}
		.main_content {position:absolute; left:1050px; height:100%; width:870px; }
	}

	@media only all and (min-width:1025px) and (max-width:1919px) {
		.main_visual { display:none;}
		.main_content {position:absolute; left:180px; height:100%; width:1024px; }
	}

	@media only all and (min-width:1025px) and (max-height:800px) {
		.main_visual { display:none;}
		.main_content {left:0; width:1024px;}
		#main_header {max-width: 1024px;}
	}

/* 태블릿 && 모바일 */
@media only all and (max-width:1024px) {
	/* layout */
	#main_container {
		width:100%;
		height:100%;
		margin-top:60px;
		box-sizing:border-box;
	}

	/* content */
	.main_visual { display:none;}
	.main_content {position:absolute; left:0; height:100%; width:100%;  }
	.more {right:30px; top:30px;}
	.mhide {display:none}

		/* 아르떼 소식 */
		.artenews_wrap { height:400px; padding: 30px; }

		/* 사업공모입찰 */
		.arteprogram {padding:30px 30px;}

		/* 아르떼 서비스 */
		.arteservice {padding: 30px;}

		.arteprogram a.tab {position: absolute; top: 40px;}
		.arteprogram a.tab.pro_all {right: 315px;}
		.arteprogram a.tab.pro_business {right: 218px;}
		.arteprogram a.tab.pro_bidding {right: 87px;}

		/* 아르떼 sns */
		.artesns {padding:35px 80px;}
		.artesns h3 {color:#fff; margin:0 0 10px 0; width:100%; display:block; }
}