@charset "utf-8";
@import url("default.css");
@import url("main_layout.css");
@import url("owl.carousel.min.css");


/* gnb */
.gnb {width:180px; position:relative; z-index:20; }
.gnb .sl_btn {display:none;}
.gnb > ul > li > a {display:block; padding: 0 30px; font-size:1.1em; height: 44px; line-height: 44px; text-decoration:none; color:#fff; transition: all .2s ease;}
.gnb ul li a.ov { font-weight: 400; background:#f0eee3; color:#264177;/*#e61749;*/}
.gnb ul li ul {position:absolute; left:180px; top:0; width: 120px; height:auto; padding:12px 0 0 25px; display:none; box-sizing: border-box;}
.gnb ul li.num2 ul {top:44px;}
.gnb ul li.num3 ul {top:88px;}
.gnb ul li.num4 ul {top:132px;}
.gnb ul li.num5 ul {top:176px;}
.gnb ul li.num6 ul {top:220px;}
.gnb ul li.num7 ul {top:264px;}
.gnb ul li.num8 ul {top:308px;}

.gnb ul li ul li {margin-bottom: 25px; }
.gnb ul li ul li a {font-size:1em; font-weight:normal; word-break: keep-all; letter-spacing: -0.06em;  color:#93989d; background:none; display: inline-block; width: 95px;}
.gnb ul li ul li a span {display:inline-block; vertical-align:top;}
.gnb ul li ul li a[target="_blank"] span {padding-right:16px; background:url(/images/kor/common/blank_ico.gif) no-repeat right 8px;}
.gnb ul li ul li a.ov, .gnb ul li ul li a:hover, .gnb ul li ul li a:active, .gnb ul li ul li a:focus {color:#fff; }
/*.gnb > ul > li:last-child > a {color: #4985d5 !important;} */

.header_bg {width:180px; height:100%; position:absolute; left:0; top:0; background:#1b1b1b; z-index:10;}
.animate {width:170px; height:100%; position:absolute; left:-165px; top:0;  z-index:5;
background:#1b1b1b; opacity:0.7;}


/* main visual */
#d_tab35 {width:100%;position:relative;overflow:hidden}
	#d_tab35 .full {height:100%;}
	#d_tab35 .img{position:relative}
	#d_tab35 .img li{position:absolute;width:100%;display:none; height:auto}
	#d_tab35 .img li:first-child{display:block}
	#d_tab35 .img li .motion{position:absolute;}
	#d_tab35 .img li.l1 .motion{left:30%;top:15%;width:24.75%}
	#d_tab35 .img li.l2 .motion{left:30%;top:15%;width:24.75%}
	#d_tab35 .img li.l3 .motion{left:30%;top:15%;width:24.75%}
	#d_tab35 .img li.l4 .motion{left:30%;top:15%;width:24.75%}
	#d_tab35 .img li.l5 .motion{left:30%;top:15%;width:24.75%}

	#d_tab35 .btn{position:absolute;width:100%; bottom:20%;text-align:center}
	#d_tab35 .btn li{cursor:pointer;margin:20px 0px; bottom:10px; display:inline-block;background:url('/images/main/ico_rollwht_off.png') no-repeat; width:25px;height:25px; text-indent: -9999px;}
	#d_tab35 .btn li.on{background:url('/images/main/ico_rollwht_on.png') no-repeat; width:25px;height:25px; margin-top:-10px !important;  }

	#d_tab35 .arrow{position:absolute;top:50%;margin-top:-35px;cursor:pointer;z-index:10;}
	#d_tab35 .prev{left:50px;}
	#d_tab35 .next{right:50px;}

	@media all and (min-height:1199px) {
		#d_tab35 .btn{ bottom:0%;}
	}


/* content */
.main_content .title {font-size:36px; font-family:'NotoSans-Regular', 'Malgun Gothic', '돋움',Dotum,'굴림',Gulim,Tahoma, Geneva, sans-serif,verdana !important; color:#000; margin-bottom: 20px;}

	/* 사업공고 배너 */
	.bizbanner { width:50%; height:400px; color:#3e516c;  position:relative;  overflow:hidden; float: left; z-index: 1; }
		.bizbanner .DB_img li{position: relative; top: 0; left: 0; width:100%; background: #f2f8ff; margin:0; box-sizing:border-box; height:400px; overflow:hidden;  text-align: center; padding:50px 30px;}
		.bizbanner .DB_img li dl {margin-top:30px; width:100%;}
		.bizbanner .DB_img li dt { font-size:29px;  position:relative; word-break: keep-all; line-height:130%; margin-bottom:15px;  width:100%; letter-spacing:-3px; font-family:'NotoSans-Medium', 'Malgun Gothic', '돋움',Dotum,'굴림',Gulim,Tahoma, Geneva, sans-serif,verdana !important;  }
		.bizbanner .DB_img li dd {font-size:21px; margin-bottom:25px;}
		.bizbanner .DB_img li .link { border:1px #363636 solid; line-height:30px; padding:7px 50px; font-size:17px; color:#000; }

	/*연간캘린더 바로가기 */
	.calbanner { width:50%; height:400px; background:#3c75c2 url('/images/main/ban_cal_bg.png') no-repeat ; text-align:center;  box-sizing:border-box; float:left; position: relative; z-index:1;background-size:cover}
	.calbanner .img {background:url(/images/main/ban_cal_txt.png) no-repeat 50% 50%;  width:100%; height:100%; display:block; margin:auto 0; font-size:0; position:relative}
	.calbanner a {position: relative; overflow: hidden; display: block; width: 100%; height: 100%;}

	/*아르떼소식 */
	.artenews {color:#333;}
		.artenews > li {float:left; width: 33.33%;}
		.artenews > li > a.tab {display: block; border:1px solid #c0c0c0;font-size:17px; padding: 13px 0; background:#fbfbfc; text-align:center; box-sizing:border-box; margin-left: -1px; position: relative;}
		.artenews > li:first-child > a.tab {margin-left: 0;}
		.artenews > li > a.tab.DB_select {border-color: #ee2053; background:#ee2052; color:#fff; z-index: 1;}
		.artenews > li > div {clear:both; position:absolute;display:none;left:0;top:70px;line-height:25px;padding:10px; width:100%; box-sizing:border-box; font-size:15px; }
		.subject {background:url('/images/comm/icon/bull_disc_black.gif') no-repeat 0 50%; padding-left:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:calc(100% - 100px); display:inline-block;}
		.date {padding-left:10px; float:right; }
		.artenews .more {right:0px; top:-140px;}

	/* 외부행사배너 */
	.M_banner3_wrap {background: #ffffff; padding: 0 80px 55px; overflow: hidden;}
		.M_banner3_wrap li a {display: block; width: 100%; height: 100%; position: relative; overflow: hidden;}

	/* 사업공모결과 && 입찰공고결과 */
	.arteprogram > div {color:#333;}
	.arteprogram a.tab {padding: 0 13px; font-size:18px; line-height:30px;}
	.arteprogram a.tab.DB_select {color:#000; font-weight:600;}
	.arteprogram a.tab + div {visibility: hidden; height: 0; overflow: hidden; text-align: center;}
	.arteprogram a.tab.DB_select + div {visibility: visible; height: auto;}

	.lst_program ul {position:relative; width:100%; }
	.lst_program ul li{position:relative; display:block; padding: 10px; box-sizing: border-box;  background: #fff; min-height: 273px;}
	.lst_program ul li a {display:block; text-decoration:none; border: 1px solid #b7b7b7; box-sizing: border-box; padding: 18px; text-align: center;}

	.lst_program ul li.pro_business .ic_program {display:inline-block; width:70px; line-height:30px;  color:#fff; background:#ee2053;}
	.lst_program ul li.pro_business_result .ic_program {display:inline-block; width:70px; line-height:30px;  color:#fff; background:#3c75c2;}
	.lst_program ul li .state {display:inline-block; width:70px; line-height:28px;  color:#3c75c2; border: 1px solid #3c75c2; box-sizing: border-box; background: #fff;}
	.lst_program ul li .btn_detail {display: none; padding-right: 27px; color: #121212; line-height: 30px; position: relative;}
	.lst_program ul li a:hover .state {display: none; }
	.lst_program ul li a:hover .btn_detail {display: inline-block;}

	.arteprogram .owl-carousel .owl-dots {padding: 25px 0 0; border: none; text-align: center; font-size: 0; line-height: 0; width: 100%;}
	.arteprogram .owl-carousel .owl-dot {margin-right: 3px; display: inline-block; width: 25px; height: 25px; background: url('/images/main/ico_rollgry_off.png') no-repeat;}
	.arteprogram .owl-carousel .owl-dot.active {background: url('/images/main/ico_rollgry_on.png') no-repeat;}
	.arteprogram .owl-carousel .owl-controls {display: none;}

	.lst_program ul li .btn_detail:after {content: ''; background: url('/images/main/arrow_right.png') no-repeat right center; position: absolute; top: 0; right: 0; width: 100%; height: 100%;}

	.lst_program ul li a:hover .btn_detail:after {animation: slide1 1s ease-in-out infinite;}

	@keyframes slide1 {
		0%,
		100% {
		transform: translate(0, 0);
		}

		50% {
		transform: translate(10px, 0);
		}
	}

	.lst_program ul li .period {padding: 10px 0 20px; color:#ee2053; letter-spacing: -0.05px;}
	.lst_program ul li .tit{font-size: 16px; font-weight: 600; margin-top: 15px; line-height: 23px; word-break: keep-all; word-wrap: break-word; height: 92px; overflow: hidden;}
	.space {background:url(/images/main/ic_space.png) no-repeat 0 50%; }

	/* 아르떼서비스 */
	.arteservice .DB_mask{ float:right;  height:461px; position: relative; bottom: 35px;}

	.info{position:absolute;left:-50px; top:200px;width:291px; height:202px; background:url('/images/main/arteser_txtbg.png'); background-size:100% 100%; z-index:200;   box-sizing:border-box;  overflow:hidden; display:table-cell; text-align:center; color:#fff; padding:40px 30px; font-size:15px; word-break:keep-all;  }
	.mask { background:url(/images/main/arteser_mask.png) no-repeat; z-index:100; position:absolute; width:355px; height:461px; vertical-align:middle;  }
	.arteservice .DB_mask .DB_img{position:relative;}
	.arteservice .DB_menu ul {position:relative; width:50%; }
	.arteservice .DB_menu li{cursor:pointer; padding-left:10px; position:relative; display:block; width: calc(100% - 450px); padding-top:11px;  margin-right:37px;  height:45px; font-size:16px; color:#666; font-weight:600; border-top:1px solid #dcdcdc; box-sizing: border-box;}
	.arteservice .DB_menu li:first-child {border-top:3px solid #000;}
	.arteservice .DB_menu li:last-child {border-bottom:1px solid #dcdcdc;}
	.arteservice .DB_menu li:hover, .arteservice .DB_menu .DB_select {height:45px;left:0;top:0; background: url(/images/main/bow_right_bl.png) no-repeat 95% 50%; color:#000; }


	/* 아르떼 패밀리 */
	.artefamily {background:#08a28a; width:100%;  padding:60px 80px; box-sizing:border-box; position:relative; }
		.lst_family ul {width:100%; position: relative; overflow:hidden;  }
		.lst_family ul li {	float:left;	position:relative;	display:inline-block; width: calc((100% - 20px) / 2); box-sizing: border-box;}
		.lst_family ul li:nth-child(2n) {margin-left: 20px; margin-bottom: 20px;}
		.lst_family ul li:last-child {margin-bottom: 0;}
		.lst_family ul li a {display:block;	text-decoration:none; margin-top: 20px;}
		.lst_family ul li .thumbs {	position:relative;	width:100%; background:#fff; box-sizing:border-box; text-align:center;}
		.btnare .btn_down {	border:1px #000 solid; background:#333; width:130px; line-height:35px; text-align:center; display:inline-block; box-sizing:border-box; color:#fff; font-size:14px;}
		.lst_family ul li h6.tit {display:block;	overflow:hidden; color:#000; padding: 3px 5px; font-size:17px; letter-spacing:-0.05em;}
		.lst_family ul .imgare {margin:10px 0 0 0;	display:inline-block;	width:100%}
		.lst_family ul .btnare {margin:0 0 36px 0;	display:inline-block;	width: 100%}

		.more_wh { position:absolute; background:#FFF url(/images/main/ico_plus.png) no-repeat 50% 50%;  width:40px; height:40px ;  right:80px; top:67px; font-size:0;}
		.alp{background-color: rgba(255, 255, 255, 0.4);}

	/* 아르떼 SNS */
	.artesns_icon a {display:inline-block; text-decoration:none; vertical-align:top; margin:0 5px; font-size:0.929em; width:52px; height:52px; text-align:center; color:#fff; border-radius:29px; transition: all .2s ease;}
	.artesns_icon a span {display:block; height:40px; padding:18px 0 0 0;  text-indent:-9999px; }
	.artesns_icon .sns01 {background:#3a589e url(/images/main/ico_facebook.png) no-repeat 50% 50%; background-size:25%; }
	.artesns_icon .sns02 {background:#1da1f3 url(/images/main/ico_twitter.png) no-repeat 50% 50%; background-size:50%; }
	.artesns_icon .sns03  {background:#17b7eb url(/images/main/ico_vimeo.png) no-repeat 50% 50%; background-size:50%; }
	.artesns_icon .sns04  {background:#00bd39 url(/images/main/ico_blog.png) no-repeat 50% 50%; background-size:35%; }
	.artesns_icon .sns05  {background:#ffffff url(/images/main/ico_flickr.png) no-repeat 50% 50%; background-size:50%; }
	.artesns_icon .sns06  {background:#f05442 url(/images/main/ico_issuu.png) no-repeat 55% 55%; background-size:50%; }
	.tooltip1, .tooltip2, .tooltip3, .tooltip4, .tooltip5, .tooltip6{display:none;border:1px solid ;padding:2px 10px;background:#ffffff; position:absolute; font-size:12px; color:#000; text-align:justify; margin-left:12px;}
	.artesns_icon .tooltip:after {content: ''; display: block; position: absolute; background: url('../images/main/arrow_up.png') no-repeat center; width: 100%; height: 7px; top: -7px; left: 0;}


/* footer */
.fnb {max-width:600px; margin:0 auto; position: relative; overflow: hidden;}
.fnb li {float:left; position:relative; width:33.33%;font-size:15px; padding:0 10px; box-sizing:border-box;	word-break:keep-all; word-wrap: break-word;	color:#666666}
.fnb li:hover,.fnb li:active {	color:#fff}
.fotcopy {	clear:both; 	font-size:13px;	padding:30px 0 50px;	word-break: keep-all;}
.fotcopy p {line-height:17px; margin-bottom:10px;color:#c4c4c4;}
.marklist {display: table; margin: 0 auto;}
.marklist > a {display: table-cell; padding-left:22px; vertical-align: middle;}
.marklist > a:first-child, .marklist > img:first-child {padding-left: 0;}
.marklist > img {display: table-cell; padding-left: 22px;}
.marklist img {	vertical-align:top;}
.fot_address {letter-spacing:-0.045em}
.fot_contact {letter-spacing:-0.006em}
.fot_contact > span {display: inline-block; padding-right: 13px;}
.fot_contact > span > span {display: inline-block;color:#264177; padding-left: 5px;}
.fot_copy {	font-size:12px;}
.fot_site_wrap {margin: 20px 0 30px; text-align: center;}
.fot_site_wrap > li {margin: 5px 0; overflow: hidden; display: inline-block;}
.fot_site {float: left; width:205px; height:40px; color:#fff; letter-spacing:-0.053em; font-weight:400; padding-left:13px;	background:#393939;	border:1px #666 solid; margin: 0 5px;}
.fot_site_wrap .btn_gray {float: left; width: 60px; height: 40px; margin: 0 5px;}
.totop {background:url("/images/comm/icon/totop.gif"); width:42px; height:42px; text-indent:-9999px;	display:block;	position:absolute;	right:0;	bottom:0; z-index: 989}


/* 메인페이지 팝업*/
.popup_Area{ position:fixed; top:0; left:0;  margin:0; z-index:999; width:100%; height:100%; box-sizing:border-box; display:block; }
.popup_Area.off{ display:none !important; }
.layer_img {   position:absolute;  border-bottom:2px solid #e9eaec;background-color:#0a63b0;  height:40px;  overflow:visible;  z-index:999;  top:105px;  left:485px }
.layer_img .btn_close {  position:absolute;right:12px;  top:12px;  float:right;  cursor:pointer;  }
.layer_img .btn_close img {   height:10px;  width:10px}
.layer_img .layer_title  {  border-bottom:1px solid #e9eaec;background-color:#0a63b0;  overflow:hidden;  z-index:30;  width:100%;  padding:7px 0;  }
.layer_img .layer_title h1 {  color:#fff;font-size:14px;font-family: NGBold, NanumGothic, NGNormal, "돋움", Dotum;  display:inline-block;  vertical-align:3px }
.layer_img .layer_content  {   position:relative;  }
.layer_img .layer_box  {   position:relative;  top:0px;  background:#fff;  border:1px #CCC solid;  }
.layer_img .layer_txt  {   color:rgb(100,100,100);  font-size:1.05em;  font-weight:bold;  position:relative;  left:30px;  top:25px;  height:20px }
.layer_img .cont {   position:relative;  padding:20px;  border-top:1px solid #ccc;  overflow-y:auto;  display:inline-block;  }

.layer_box table {   margin:0px 20px;  }
.layer_img .layer_txt em {   color:rgb(253,56,72);  letter-spacing:-0.5px }
.alert_icon  {  background:url(../images/mng/ic_alert2.gif) no-repeat 0 50%;  margin-left:15px;  margin-right:10px;  width:16px;  height:16px;  display:inline-block ;  }
.layer_code {   position:absolute;  background:#ffffff;  width:120px;  min-height:120px;  overflow:visible;  z-index:999;  border:2px solid #d6e1ec;  margin-left:180px;  margin-top:80px}
.layer_code ul {   margin:10px;  margin-top:25px;  height:auto}
.layer_code ul li {    padding-left:8px;  font-weight:600}
.layer_code .btn_close {  position:absolute;  right:12px;  top:12px;  float:right;  cursor:pointer;  }

.layer_preview {  position:absolute;  z-index:999;  top:0px;  left:0px;  background:#fff;  clear:both;  display:inline-block;  border:1px solid #b0b0b0;  width:350px;  height:400px;  z-index:777}
.layer_preview .preview {  overflow-y:auto}
.layer_preview .preview .tit {   position:relative;   width:100%; display:inline-block;    padding: 10px 15px;   background:#404950;  color:#fff;  box-sizing:border-box;  font-size:14px;  font-weight:600;  border-bottom:1px dashed #d0d0d0;     }
.layer_preview .preview .cont {  box-sizing:border-box;  clear:both;  display:inline-block;  margin:auto;  width:100%;  height:100%;   text-align:left;  line-height:150%;  }
.layer_preview .preview .concon { padding:15px; }
.layer_preview .preview .image {   position:relative;  padding:0;  margin:0;  overflow:auto;  }
.layer_preview .preview .image img {  }

.ctrl_btn{border-top:1px solid #f1f1f1;text-align:center;padding:10px 0px 0 0;height:36px;position:absolute;bottom:0;left:0;right:0;line-height:21px;overflow:hidden;color:#000; }
.ctrl_preview{ border-top:1px solid #f1f1f1;text-align:center;padding:10px 0px 0 0;height:36px;position:absolute;bottom:0;left:0;right:0;line-height:21px;overflow:hidden;color:#000; }
.ctrl_input{padding:10px 0;  background:#fcfcfc;  height:30px; border-bottom:1px dashed #d0d0d0; }

.layer_preview .ctrl_btn {  border-top:1px solid #c0c0c0;  text-align:right;  padding:10px 10px 0px 0px;  height:40px;  bottom:0;  left:0;  right:0;line-height:21px;overflow:hidden;color:#000;  background:#fff;  }