@charset 'utf-8';
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');/*나눔고딕*/
@import url('form.css');
@import url('media.css');
@import url('header.css');
@import url('footer.css');
@import url('cw_media.css');



.main{overflow:hidden}

/*section1*/
.sec1{position:relative; width:100%; height:440px; background:url('../images/dp_se1_bg.jpg'); background-size:cover; text-align:center; overflow: hidden; margin:0 auto;}

/*.sec1{width:100%; height:100%; position:relative; text-align:center;}*/
.sec1 .video_warp .bg{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:10; }
.sec1 p{width:1280px; display:inline; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:1.6em; color:#fff; z-index:10;  line-height:2;}
.sec1 p b{font-size:2em;}
.cr{color:#9fab8e;}

/*section2*/
.sec2{text-align:center; overflow:hidden;}
.sec2 div{font-size:30px; padding:56px 0 56px 0;}
.sec2 p{display:inline-block; text-align:left; margin-right:50px; margin-bottom:100px; font-size:1em;}
.sec2 p:nth-child(4){margin-right:0;}
.sec2 p em{color:#ccc; display:block; color:#bbb; font-style:normal;}
.sec2 p b{display:block; font-size:1.6em; margin:10px 0 20px 0;}
.sec2 p a{line-height:1.5; color:#666;}
.sec2>div{font-size:2.3em; font-weight:200; padding:56px 0 56px 0;}
.sec2 div div img{width:80%}
.sec2 span.co{color:#95b75f; font-weight:900;}
.sec2 span.co2{color:#95b75f; font-weight:600;}

/*section3*/
.sec3{width:100%; height:100%; text-align:center; background:url('../images/sec3_bg.jpg'); background-size:cover;
	  overflow:hidden;}
.sec3 div{padding:100px 0}
.sec3>div>span.cr{font-size:2.5em;}
.sec3 div span{font-size:3em;}
.sec3>div>span:first-child{color:white;}
.sec3>div>b{font-size:2.5em; color:#9fab8e;}


/*section4*/
/*
.sec4{width:100%; height:1280px; text-align:center; background:url('../images/dp_bg.jpg'); background-size:cover;
	  overflow:hidden; padding:110px 0;}
.sec4>div>span{font-size:52px; font-weight:bold;}
.sec4>div>span>span:first-child{color:#9fab8e;}
.sec4 div#sec4_div span{font-weight:900; color:#9fab8e; margin:0 auto;}
.sec4 div#triangle1{width:298px; height:94px; margin:0 auto; background:url('../images/bunsuck.png');background-size:cover;

/*분석 폰트 
font-size:28px; font-weight:bold; color: #414143}
.sec4 div#triangle1 span{line-height:2.8; font-weight:bold;}
.sec4 div#sec4_div_all{width:817px; height:100%; margin:0 auto; font-size:30px; color:white; padding-top:58px;}
.sec4 div#sec4_div{background-color:black; width:817px; height:87px; border-radius:10px; opacity:0.8; margin:30px 0; padding:26px 0;}
.sec4>div#sec4_div>p{font-size:20px; font-weight:bold; margin-top:18px;}
.sec4 div#process{width:74px; height:28px; margin:0 auto; background:url('../images/process.png');background-size:cover;}
*/
.sec4{width:100%; height:1300px; text-align:center; background:url('../images/dp_bg.jpg'); background-size:cover;
	  overflow:hidden;}

/*딘미디어광고집행절차*/
.sec4 span b:first-child{color:#9fab8e;}
.sec4 span{display:inline-block; font-size:3em; color:white; text-shadow:4px 3px 0 #000, -1px 1px 0 #000, -2px -1px 0 #000, 4px 3px 0 #000; padding:50px 0;}
/*박스들*/
.sec4 ul{display:inline;}
.sec4 ul li.sec4_line_height{line-height:70px;}
.sec4 ul li:nth-child(2n+1){display:block; width:817px; height:87px; list-style:none;
			float:none; background:black; opacity:0.8; border-radius:10px; font-size:1.5em; color:white;
			padding:20px 0; margin:0 auto}/*박스*/
.sec4 ul li:nth-child(2n){padding:30px 0}
/*박스내 폰트 서식*/
.sec4 ul li b:first-child{color:#9fab8e; font-size:1.3em;}
.sec4 ul li b:last-child{font-size:0.8em; color:#c9c9c9;}

/*section5*/
.sec5{width:100%; background:url('../images/contact_bg.jpg')no-repeat; background-size:cover; overflow:hidden; text-align:center; box-sizing:border-box;}
.sec5>span:first-child{font-size:50px}
.sec5 .order{display:inline-block; padding:50px 80px; border:10px solid #fff; border-radius:50px; opacity:0.8; margin:100px 0;}
.sec5 .order span {display:block;  text-align:center; margin:0px 0 60px 0; color:#fff; }
.sec5 .order span b{font-size:2em; line-height:2; }

.sec5 .order .text_box{ width:500px; display:inline-block; float:left; color:#fff; margin-right:100px; text-align:left; line-height:2;}
.sec5 .order .text_box b{display:inline-block; font-size:1.7em; margin-bottom:50px; color:#a7c892;}


/*footer*/
	footer{width:100%;  background:#000; color:#fff; padding:0 70px;}
	footer ul{height:133px; margin:0 auto;}
	footer ul li{list-style:none; float:left; font-size:0.8125em; margin-top:50px; margin-right:40px; line-height:1.5;}






@media screen and (min-width:960px) and (max-width:1280px){

/*header pc*/
header{padding:10px 70px 0 60px;}
h1 img{width:150px;}
nav{display:none;}
header .hidden_menu{display:block;}


/*section1*/
	.sec1{width:100%; height:30%; position:absolute;}
	.sec1 .video_warp .bg{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:10; }
	.sec1 .video_warp video{width:100%; height:auto; min-width:960px; }
	

/*section2*/
	.sec2 .txt2 h2 img{width:200px;}
	.sec2 .txt2 hr{width:960px;}
	.sec2 p{display:block; text-align:center;}
	.sec2>div {padding-top:40%}

/*section3*/
.sec3 .works{display:inline-block; width:960px;}

/*section5*/
.sec5 .order .text_box{display:none;}

}

@media screen and (min-width:600px) and (max-width:959px){/*패드*/
	
/*header*/

	header{padding:10px 50px 0 40px;}
	h1 img{width:150px;}
	nav{display:none;}
	header .hidden_menu{display:block; overflow:hidden;}



/*section1*/
	.sec1{width:100%; height:36%; position:absolute;}
	.sec1 p{font-size:1.3em}
	.sec1 p b{font-size:1.7em;}
	.sec1 p .fa-refresh{font-size:1.7em; margin-top:20px;}

/*section2*/
	.sec2{padding-top:40%}
	.sec2 div div img{width:90%}/*사이트이미지*/
	.sec2 .txt2 h2 img{width:200px;}
	.sec2 .txt2 hr{width:600px;}
	.sec2 p{display:block; text-align:center;}

/*section3*/
	.sec3 div{padding:50px 0}
.sec3 .works{display:inline-block; width:640px;}

/*section4*/
	.sec4{width:100%; height:1350px}
	.sec4 ul li:nth-child(2n+1){width:25em; margin:0 auto}

/*section5*/
.sec5 .order .text_box{display:none;}

/*footer*/
	footer{width:100%; background:#000; text-align:center; color:#fff; overflow:hidden;}
	footer div{display:inline-block;}
	footer ul{display:inline-block; width:100%; height:auto; padding:20px 0;}
	footer ul li{list-style:none; float:left; text-align:left; font-size:0.8rem; margin-top:0px; margin-right:15px; line-height:1.5;}
	footer ul li:last-child{margin-right:0;}


}

@media screen and (min-width:200px) and (max-width:669px){ /*모바일*/
	
/*header*/
	header{padding:5px 20px 0 10px;}
	h1 img{width:150px;}
	nav{display:none;}
	header .hidden_menu{display:block; overflow:hidden;}

/*section1*/ /*시선을사로잡는~*/
	.sec1{width:100%; height:40%; overflow:hidden; position:absolute; font-size:small;}
	/*
	.sec1 .video_warp .bg{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:10; }
	.sec1 .video_warp video{width:100%; height:auto; min-width:600px; }
	.sec1 p{font-size:1.3em}
	.sec1 p b{font-size:1.7em;}
	.sec1 p .fa-refresh{font-size:1.7em; margin-top:20px;}
	*/
	.sec1 p{width:100%; padding-top:18%; font-size:0.8em;}
/*section2*/ /*사이트이미지+텍스트*/
	.sec2{width:100%; height:385px; overflow:hidden; padding-top:73%}/*sec2 사이즈*/
	.sec2 div div img{width:95%}/*사이트이미지*/
	.sec2 div{font-size:1.3rem; padding:0 10px;}
	.sec2 .txt2 h2 img{width:200px;}
	.sec2 .txt2 hr{width:600px;}
	.sec2 p{display:block; text-align:center;}

/*section3*/
.sec3{width:100%; height:100%; overflow:hidden;}
.sec3 div{padding:50px 10px;}
.sec3 div span{font-size:xx-large;}
.sec3 div span.cr{font-size:xx-large;}
.sec3 div b{font-size:xx-large;}
.sec3 .works{display:inline-block; width:640px;}


/*section4*/
.sec4{height:1094px; width:100%; overflow:hidden}
.sec4 span{font-size:x-large}
.sec4 ul li:nth-child(2n+1){width:330px; height:6%; font-size:large;}
.sec4 .bunsuck1 img{width:50%}

/*section5*/
.section5{width:100%; height:790px; overflow:hidden;}
.sec5 .order .text_box{display:none;}

	footer{width:100%; background:#000; text-align:center; color:#fff; overflow:hidden; box-sizing:border-box;}
	footer div{display:inline-block;}
	footer ul{display:inline-block; width:100%; height:auto; padding:20px 0; margin-bottom:25px;}
	footer ul li{list-style:none; float:none; text-align:left; font-size:0.8rem; margin-top:20px; margin-right:15px; line-height:1.5;}
	footer ul li:last-child{margin-right:0;}


	}