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

@charset "utf-8";

/*    Reset CSS  */

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
img, fieldset{border:0px;}
img{max-height:100%;vertical-align:middle;}
table{border-collapse:collapse;}
ul, ol, li{list-style:none;}
address, em{font-style:normal;}
li img, object{vertical-align:top;}
input, select, textarea, form img{vertical-align:middle;}
a{ outline:1; text-decoration:none; border:none;}
body {font-style: normal; margin:0px; padding:0px; text-align:left; width:100%; min-width:1140px; height:100%; background:#f4f4f6; color: #666666; }
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption { margin:0;}

.mr { margin-bottom:0px!important;}
.h { text-indent:-9999px;}
.hr { background: #fff repeat 0 0; height: 1px; margin: 5px 0; width: 60px;}


/*banner*/

.swiper-pagination-bullet-active{
	background:#ef1209 !important;
}
.bannerbox{
	margin-top:-42px;
	position:relative;
}
.slider-sub{
	margin:0 auto;
	position: relative;
	width: 1052px;
	background:#fff;
}

.swiper-slide {
	z-index: 1;
}


.s3 .swiper-slide {
	z-index: 1;
	text-align:left;
}

.s3 .swiper-slide img {
	margin-top:14px;
	margin-left:25px;
	margin-right:0px;
}

.s3 .swiper-slide img:nth-child(even) {
	margin-left:15px;
}

.s1 {
	positon:absollute;
	top:42px;
}
.s1 img{
	align-items: center;
	width:100%;
	height:100%;	
}

.p1, .n1{
	z-index:1;
	top:50%;
}

.p2, .n2 {
  	width: 30px;
	height: 42px;
	position: absolute;
	top: 119px;
	transform: translateY(-50%);
	z-index: 9999;
}

.p2 {
	left: -46px;
}

.n2 {
	right: -45px;
}

.p3, .n3 {
  	width: 30px;
	height: 42px;
	position:absolute;
	top:-135px;	
	transform: translateY(-50%);
	z-index: 9999;
}

.p3 {
	left: 0px;
}

.n3 {
	left: 1080px;
}

.s2{
	background:#fff;
}
.s2 img{
	width:100%;
	height:auto;
}

.s2_title{
	margin-top:15px;
	margin-left:15px;
	font-weight:400;
   	color: #000;
	font-size:15px;
        line-height: 23px;
}

.s2_subtitle{
	margin:7px 0px 15px 15px;
	font-weight:normal;
	line-height: 22px;
	font-size: 13px;
}
.maintitle{
	display:inline-block;
	padding:14px;
	font-weight:500;
        font-size: 13px;
}
.pg1 {
    	bottom: 15% !important;
	width:100%;
	z-index:1;

}

.pg2{
    	width:100%;
	text-align:right;
	margin-top:-25px;
	margin-left:-10px;
}

.pg3{
	width:100%;
	text-align:right;
	margin-top:-245px;
}

.pg1 .swiper-pagination-clickable, .pg1 .swiper-pagination-bullet, .pg2 .swiper-pagination-clickable, .pg2 .swiper-pagination-bullet, .pg3 .swiper-pagination-clickable, .pg3 .swiper-pagination-bullet{
	margin:0 5px;
}

.s1_titleWrap {
	width: 100%;
	text-align: left;
    	top: 25%;
    	position: absolute;
    	z-index: 9999;
}

.s1_title {
	width: 1140px;
	text-align: left;
    	/* left: 342px; */
    	/* position: absolute; */
   	margin: 0 auto;
    	z-index: 9999;
}

.s_text{
	font-size: 2.1em;
	font-weight:300;
    	color: #fff;
   	margin-top: 5px;
 	line-height: 1.3;
}

.s_textB{
	font-size: 2.1em;
	font-weight:500;
    	color: #fff;
   	margin-top: 5px;
 	line-height: 1.3;
}


.b_text{
	font-size:1.7em;
	font-weight:500;
	background:rgba(223,39,24,1);
	padding:12px;
	color:#fff;
	display: inline-block;
	margin-top:10px;
	margin-bottom:20px;
	letter-spacing: -0.02em;
}

.sub_box{
	position:relative;
	background:#fff;
	width:1140px;
	margin:0 auto;
	z-index:1;
}

/*layout*/
.body { background-color:#f7f7f7;}
.container { width:100%; margin:0px auto; overflow:hidden; }
.Main_Visual {clear:both; float:left;  width:100%; height:334px; background:url(http://www.kidp.or.kr/newimages/mainBanner.gif) no-repeat center center; background-size:cover; margin-bottom:14px; }
.Main_Visual h4 {color:#ffffff; font-size:3em; text-shadow: 4px 2px 2px rgba(0,0,0,0.8);}
.Main_Visual div { overflow:hidden; margin:0px auto; padding:50px 50px; width:1140px; color:#000; display:block; }

#Main_Banner { width:1140px; height:250px; position:relative; z-index:1; }
.footerWrap { width:1140px; margin:0px auto; overflow:hidden;}


/*visual*/
.slider { width:100%; height:250px; overflow:hidden;}
.panel { width:400%; height:250px; }
.panel li { width:25%; height:250px; overflow:hidden; position:relative; float:left;}
.panel li img { float:left; margin-right:15px;}
.panel li img:nth-child(3n) {margin-right:0px;}
.navi { position:absolute; bottom:10px; left:50%; margin-left:-50px;}
.navi li { float:left; margin-right:10px;}
.navi li a { display:block; width:10px; height:10px; background:rgba(0, 0, 0, 0.5); border-radius:10px; transition:all 0.5s;}
.navi li a.on { display:block; width:20px; height:10px; background:#ddd;}

/*container*/
.Contents { width:1140px; margin:0px auto; overflow:hidden;}
.Contents div { float:left; position:relative; }

.content01 { width:1140px; background-color:#fff; margin:14px auto;}
.content02 { width:1140px; margin:14px auto; }
.contentL { width:570px; height:760px; margin:0px auto; overflow:hidden;}
.contentC { width:380px; height:760px; margin:0px auto; overflow:hidden;}
.contentR { width:190px; height:760px; margin:0px auto; overflow:hidden;}


.contentL>div { width:190px; height:190px;}
.contentL>div:nth-child(1){ background-color:#011626;}
.contentL>div:nth-child(2){ background-color:#011626;}
.contentL>div:nth-child(3){ background-color:#177e89;}
.contentL>div:nth-child(4){ background-color:#011626;}
.contentL>div:nth-child(5){ background-color:#011626;}
.contentL>div:nth-child(6){ background-color:#011626;}
.contentL>div:nth-child(7){ background-color:#ffb30f;}
.contentL>div:nth-child(8){ background-color:#ffb30f;}
.contentL>div:nth-child(9){ background-color:#ffb30f;}
.contentL>div:nth-child(10){ background-color:#6e7db7;}
.contentL>div:nth-child(11){ background-color:#6e7db7;}
.contentL>div:nth-child(12){ background-color:#6e7db7;}

.contentC>div:nth-child(1){ width:190px; height:190px; background-color:#177e89;}
.contentC>div:nth-child(2){ width:190px; height:190px; background-color:#177e89;}
.contentC>div:nth-child(3){ width:380px; height:760px; background-color:#fff;}

.contentL div dl {position:absolute; top:0px; margin:0px; padding:11px 15px; display:block; width: 80%; height: 30%; font-weight:bold; color:#fff; text-shadow: 2px 2px 2px rgba(0,0,0,0);}

.contentL div ul  {color:#fff; line-height: 22px;}

.boxS_tit { width:190px; height:95px; border: 0.5px solid rgba(255, 255, 255, 0.1); box-sizing:border-box; font:bold 16px/2.5; color:#fff; line-height:14px;padding-top:16px; padding-left:16px; position:absolute;}

.boxS { width:95px; height:95px; border: 0.5px solid rgba(255, 255, 255, 0.1); box-sizing:border-box;}

.boxS a {color:#fff; font-size:13px; text-align:center; letter-spacing:-1.0px;line-height:14px; padding-top:65px; width:95px; height:30px; display:inline-block; }

.contentR>div:nth-child(1) { background:rgba(212,30,16,1);}
.contentR>div:nth-child(2) { background:rgba(223,39,24,1) url("http://www.kidp.or.kr/newimages/icon_company.svg")no-repeat 35px 25px ;}
.contentR>div:nth-child(2) a:hover { background:rgba(212,30,16,1) url("http://www.kidp.or.kr/newimages/icon_company.svg")no-repeat 35px 25px ;}

.contentR>div:nth-child(3) { background:rgba(223,39,24,1) url("http://www.kidp.or.kr/newimages/icon_custom.svg")no-repeat 35px 25px ;}
.contentR>div:nth-child(3) a:hover { background:rgba(212,30,16,1) url("http://www.kidp.or.kr/newimages/icon_custom.svg")no-repeat 35px 25px ;}

.contentR>div:nth-child(4) { background:rgba(223,39,24,1) url("http://www.kidp.or.kr/newimages/icon_organization.svg")no-repeat 35px 25px ;}
.contentR>div:nth-child(4) a:hover { background:rgba(212,30,16,1) url("http://www.kidp.or.kr/newimages/icon_organization.svg")no-repeat 35px 25px ;}

.contentR>div:nth-child(5) { background:rgba(223,39,24,1) url("http://www.kidp.or.kr/newimages/icon_recruit.svg")no-repeat 35px 25px ;}
.contentR>div:nth-child(5) a:hover { background:rgba(212,30,16,1) url("http://www.kidp.or.kr/newimages/icon_recruit.svg")no-repeat 35px 25px ;}

.contentR>div:nth-child(6) { background:rgba(223,39,24,1) url("http://www.kidp.or.kr/newimages/icon_rent.svg")no-repeat 35px 25px ;}
.contentR>div:nth-child(6) a:hover { background:rgba(212,30,16,1) url("http://www.kidp.or.kr/newimages/icon_rent.svg")no-repeat 35px 25px ;}

.contentR>div:nth-child(7) { background:rgba(223,39,24,1) url("http://www.kidp.or.kr/newimages/icon_map.svg")no-repeat 35px 25px ;}
.contentR>div:nth-child(7) a:hover { background:rgba(212,30,16,1) url("http://www.kidp.or.kr/newimages/icon_map.svg")no-repeat 35px 25px ;}


.boxW_tit { 
	width:190px; 
	height:47.5px; 
	background:#949494; 
	border: 0.5px solid rgba(255, 255, 255, 0.1);  
	box-sizing:border-box; 
	font-size:16px; font-weight:400; color:#fff; 
	line-height:14px;padding-top:16px; 
	padding-left:16px; position:absolute;
}

.boxW { 
	width:190px; 
	height:47.5px; 
	background:#d4d4d4; 
	border: 0.5px solid rgba(255, 255, 255, 0.1);  
	box-sizing:border-box;
}

.boxW a {
	background:url("http://www.kidp.or.kr/newimages/icon_more.svg")no-repeat 145px ;
	color:#4a4a4a;
 	display:inline-block;
	font-size:13px; 
	letter-spacing:-1.0px;
	line-height:14px;
 	margin-left:15px; 
	padding-top:16px; 
	width:174px; 
	height:31.5px;
}

.boxW a:hover { 
	background:url("http://www.kidp.or.kr/newimages/icon_more.svg")no-repeat 145px ;
	color:#df3127;
 	display:inline-block;
	letter-spacing:-1.0px;
	line-height:14px;
	margin-left:15px; 
	padding-top:16px; 
	width:174px; 
	height:31.5px;
}

.circleLink { 
	margin:14px auto; 
	padding-bottom:14px; 
	position:relative;
	float:left;
	font-size:0;
}

.circleLink>div a{ width:160px; height:160px; border-radius: 80px; margin-left:15px; margin-right:15px; padding-top:98px; text-align:center; box-sizing:border-box; line-height:18px; font-size:13px; font-weight:500; color:#000; display:inline-block;}

.circleLink div a:nth-child(1){ background:rgba(254,254,254,1) url("http://www.kidp.or.kr/newimages/icon01.png")no-repeat 39px 15px;}
.circleLink div a:nth-child(2){ background:rgba(254,254,254,1) url("http://www.kidp.or.kr/newimages/icon02.png")no-repeat 39px 15px;}
.circleLink div a:nth-child(3){ background:rgba(254,254,254,1) url("http://www.kidp.or.kr/newimages/icon03.png")no-repeat 39px 15px;}
.circleLink div a:nth-child(4){ background:rgba(254,254,254,1) url("http://www.kidp.or.kr/newimages/icon04_new.png")no-repeat 39px 15px;}
.circleLink div a:nth-child(5){ background:rgba(254,254,254,1) url("http://www.kidp.or.kr/newimages/icon05_new.png")no-repeat 39px 15px;}
.circleLink div a:nth-child(6){ background:rgba(254,254,254,1) url("http://www.kidp.or.kr/newimages/icon06_new.png")no-repeat 39px 15px; }

/*visual_Contents*/
figure.scaleNew {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0px;
  min-width: 190px;
  max-width: 190px;
  max-height: 190px;
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 1);
}

figure.scaleNew * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

figure.scaleNew img {
  max-width: 100%;
  position: relative;
  opacity: 1;
}

figure.scaleNew figcaption {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

figure.scaleNew .caption {
  overflow: hidden;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  position: absolute;
  width: 100%;
  bottom: 0;
}

figure.scaleNew p {
  font-size: 13px;
  line-height: 22px;
  display: table;
  margin-bottom: 170px;
  margin-left: 10px;
  padding: 0 10px;
  position: relative;
  text-align: left;
  width: auto;
  text-transform: uppercase;
  font-weight: 400;
}

figure.scaleNew p:before {
  left: -1000%;
}

figure.scaleNew p:after {
  right: -1000%;
}

figure.scaleNew p {
  font-size: 13px;
  font-weight: 400;
}

figure.scaleNew p:before,
figure.scaleNew p:after {
  bottom: 50%;
}

figure.scaleNew a {
  left: 20px;
  top: 38px;
  position: absolute;
  z-index: 1;
}

figure.scaleNew:hover img,
figure.scaleNew.hover img {
  opacity: 0.35;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.playBtn {
	left:50px; 
	top: 60px;
}

.title {
	position:absolute; 
	top:0px; 
	margin:90px 15px; 
	display:block; 
	width: 90%; 
	height: 40%; 
	text-shadow: 2px 2px 2px rgba(0,0,0,0); 
	color:#fff; 
	font-size:10pt;}


.textBox {position:absolute; bottom:0px; margin:0px; display:block; width: 100%; height: 35%; background:rgba(255,255,255,0);}

/*businessWrap*/

.newbizbox {width:380px;height:103px;}
.business {width:380px; float:left;  }
.business>ul { overflow:hidden; border-bottom: 1px solid #ddd; margin-bottom: 5px; }
.business ul li {float:left; height:42px; }
.business div { margin-bottom:12px; width:100%; color:#000; display:block; }
.business div ul li a { 
	width:360px; 
	height:24px; 
	text-align:left; 
    display: block;
    line-height: 24px;
    margin-top: 11px;
    letter-spacing: -1px;
    margin-left: 10px;
    font-size: 14px;
    color: #000;
} 
.navNum {
	margin: 0 auto;
        line-height: 22px;
	font-size: 12px;
	text-align:center;
	margin-top:-10px;
	letter-spacing: 3px;
}
.pgactive{
	font-weight:900;
}

.date_marL0 {
	margin: 0 28px;
   	 line-height: 35px;
	font-size: 12px;
   	 margin-left: 0px;
	margin-top: 15px;
	color: ##7a7a7a;
}

.date {
    margin: 0 28px;
    line-height: 22px;
	font-size: 12px;
    margin-left: 14px;
	margin-top: 5px;
	color: #7a7a7a;
}
	
	
.text_tit {
	margin: 0 28px;
	line-height: 18px;
	color: #000;
	font-size: 15px;
	font-weight:400;
	margin-left: 15px;
}
	
.text_s {
    margin: 0 28px;
    line-height: 18px;
    color: #7a7a7a;
    font-size: 13px;
    margin-left: 15px;
}
	
/*진행중/카테고리*/
.sBoxRed {
	background:rgba(0,0,0,0.0);
	/* 
	border:1px solid #e12f29 ; 	
	border-radius:3px;
	*/
	box-sizing:border-box; 
	color:#DF2718; 
	display:inline-block;margin:0px auto;
	font-size:12px; 
	font-weight:400; 
	padding:1px 3px 1px 2px;
	text-align:center;
}

.sBoxRedB {background:rgba(0,0,0,0.0);
	/* border:1px solid #e12f29; 	*/
	box-sizing:border-box; 
	color:#DF2718; 
	display:inline-block;
	margin:0px auto;
	font-size:14px; 
	font-weight:400; 
	padding:2px;
	text-align:center;
}

.sBoxBlack {background:rgba(0,0,0,0.0);
	/* border:1px solid #000; 	*/
	box-sizing:border-box; 
	color:#000;display:inline-block;margin:0px auto;
	font-size:12px; 
	font-weight:400; 
	padding:0px;
	text-align:center;
	}


/*bidsWrap*/
.internalBid { width:570px; margin:0px auto; overflow:hidden;}
.externalBid { width:570px; margin:0px auto; overflow:hidden;}

.internalBid>ul { overflow:hidden; margin:0 auto; width:560px; border-bottom: 1px solid #ddd; }
.internalBid ul li {float:left; height:36px; }
.internalBid div { margin:0px; padding:5px 8px; width:100%; color:#000; display:block; }
.internalBid div ul li  { width:560px; height:24px; color:#000; font-weight:bold; font: 12px/3 "arial"; text-align:left; overflow:hidden; }
.internalBid div ul li a { width:560px; height:24px; color:#000; font-weight:bold; font: 12px/3 "arial"; text-align:left; overflow:hidden; }

.externalBid>ul { overflow:hidden; margin:0 auto; width:560px; border-bottom: 1px solid #ddd; }
.externalBid ul li {float:left; height:36px; }
.externalBid div { margin:0px; padding:5px 8px; width:100%; color:#000; display:block; }
.externalBid div ul li  { width:560px; height:24px; color:#000; font-weight:bold; font: 12px/3 "arial"; text-align:left; overflow:hidden; }
.externalBid div ul li a { width:560px; height:24px; color:#000; font-weight:bold; font: 12px/3 "arial"; text-align:left; overflow:hidden; }

.alignR {
	float:right; 
	margin-right:15px; 
	font-size:9pt;
 	font-weight:400;
}
.alignR {
	float:right; 
	margin-right:15px; 
	font-size:9pt; 
	font-weight:400;
}
.alignL {
	font-weight:400; 
	font-size:16px; 
	color:#000; 
	position:absolute;
	left:15px;
	top:12px;
}
.more { 
	font: 12px/3 "arial";
	position:absolute;
 	right:15px; 
	top:0px; 
}
.conMain_tit {
	font-size:16px; 
	font-weight:400;
}

/*버튼*/
a.Circlebton00 {
	background:rgba(0,0,0,0.0);
	border:1px solid #fff;
	color:#fff;display:inline-block;
	margin:12px 0px;
	font-size:13px; 
	font-weight:400; 
	padding:5px 12px 7px 12px;
	text-align:center;
}
a.Circlebton00:hover {
	background:rgba(255,255,255,0.9); 
	color:#000;transition: all 0.3s; 
	font-weight:bold;
}


a.Circlebton01 {
	background:rgba(0,0,0,0.0); 
	border-radius: 13px;border:1px solid #fff;
	color:#fff; 
	display:inline-block; 
	padding:3px; 
	margin:15px 15px; 
	width:26px;
	height:26px; 
	font-size:13px;
	text-align:center; 
	box-sizing:border-box;
}

a.Circlebton02 {
	background:rgba(0,0,0,0.0); 
	border-radius: 13px;
	border:1px solid #636363;color:#636363; 
	display:inline-block; 
	padding:3px; 
	margin-top:21px; margin-left:340px;
	width:26px;
	height:26px; 
	font-size:13px;
	text-align:center; 
	box-sizing:border-box;
}
a.Circlebton03 {
	background:rgba(0,0,0,0.0); 
	border-radius: 13px;
	border:1px solid #636363;color:#636363; 
	display:inline-block; padding:3px; 
	margin-top:6px; margin-left:520px; 
	width:26px; height:26px; 
	font-size:13px; 
	text-align:center; 
	box-sizing:border-box;
}

a.PreNex {
	background:rgba(0,0,0,0.0); 
	border-radius: 3px;
	border:1px solid #636363;color:#636363; 
	display:inline-block;
	line-height: 130%; 
	width:18px; height:18px; 
	font-size:13px; 
	text-align:center; 
	box-sizing:border-box;
}



a.boxbton {
	background:rgba(0,0,0,0.0); 
	display:inline-block; 
	margin:15px 15px; 
	width:160px;
	height:160px; 
	font-size:10pt; 
	color:#fff;  
	text-align:left;
}



/*footerWrap*/
.footBanner { width:1140px; height:250px; margin:0 auto; }
.BannerList {  position:absolute; top:35px; left:11px; }
.BannerList li { float:left; margin-top:14px; margin-right:11px;}
.BannerBtn { position:absolute; top:15px; right:35px; }
.BannerBtn li { float:left; margin-right:20px; }