@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');



/*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; font-size:30px; padding-top:69px;}
.sec2 div img{margin:0 auto; z-index:600; position:relative;}
.sec2 div span{color:#9fab8e;}
.sec2 div{color:white}
.sec2 div#left_box{background:black; width:800px; height:138px; opacity:0.8px; position:absolute; z-index:500; margin-top:73px; line-height:138px;}
.sec2 div#right_box{background:black; width:655px; height:141px; opacity:0.8px; float:right; position:absolute; right:0; top:731px; text-align:right; padding:3%; line-height:31px;}

#middle_box{display:none;}
#left_box_under{height:555px;}
#right_box2{display:none; background:black;}
#left_box2{display:none;}


/*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:828px; color:#5e5a5a}
.align_center{width:1365px; height:576px; margin:0 auto; padding:120px 0;}
.sec4 p#box1{width:522px; height:86px; background:#b8aa6c; color:white; font-size:45px; line-height:86px; font-weight:bold; position:relative; right:0;
			display:inline-block; text-align:center;}
.sec4 div#box1 span{width:331px; display:block; margin:0 auto;}
.sec4 div.box_right{text-align:right; float:right;}

/*section4_1*/
.sec4_1{display:none;}

/*패드버전 sec4*/
.sec4_pad{display:none;}

/*section5*/
.sec5{width:100%; height:828px; background:#e8dca5; color:#666060;}
.sec5 div.align_center{width:1365px; height:576px; margin:0 auto; padding:120px 0;}
.sec5 p#box2{width:522px; height:86px; background:white; color:#676767; font-size:45px; line-height:86px; font-weight:bold; position:relative; right:0;
			display:inline-block; text-align:center;}
.sec5 div#box2 span{width:331px; display:block; margin:0 auto;}
.sec5 div.box_right{text-align:right; float:right; color:666060;}


/*section5_1*/
.sec5_1{display:none;}


/*패드버전 sec4*/
.sec5_pad{display:none;}

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

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

/*section1*/ /*시선을사로잡는~*/
	.sec1{width:100%; height:30%; overflow:hidden; position:absolute; font-size:x-large;}
	.sec1 p{width:100%; padding-top:18%; font-size:0.8em;}


/*section2*/
	.sec2{padding-top:33%; width:100%; overflow:hidden;}

	.sec2 .txt2 h2 img{width:200px;}
	.sec2 .txt2 hr{width:960px;}
	.sec2 p{display:block; text-align:center;}
	
	.sec2 #left_box{display:none;/*text-align:left; padding: 0 3%; width:100%;*/ width:100%;}
	.sec2 #left_box2{display:block; background:black; color:white; padding:45px 3%; text-align:left; position:relative; top:4.5em; width:100%;}
	.sec2 #right_box{display:none;}
	.sec2 #right_box2{display:block; text-align:right; padding:31px 3%; color:white;}
	.sec2 img{z-index:999}
	.sec2 div#left_box{width:100%}

/*section3*/
.sec3 .works{display:inline-block; width:960px;}
	
/*section4*/
	.sec4{width:100%; overflow:hidden;}
	.sec4 .align_center{width:1167px;}

/*패드버전 sec4*/
.sec4{display:none;}
.sec4_pad{display:block; width:100%; height:100%; overflow:hidden; text-align:center; padding:5% 0;}

/*section5*/
.sec5{width:100%; overflow:hidden;}
.sec5 div.align_center{width:1246px;}
.sec5 .order .text_box{display:none;}


/*패드버전 sec5*/
.sec5{display:none;}
.sec5_pad{display:block; width:100%; height:100%; overflow:hidden; background-color:#e8dca5; text-align:center; padding:5% 0;}


/*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:600px) and (max-width:959px){/*tablet2 min-width:600px*/

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


/*section1*/ /*시선을사로잡는~*/
	.sec1{width:100%; height:30%; position:absolute; font-size:x-large;}
	/*
	.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 .txt2 h2 img{width:200px;}
	.sec2 .txt2 hr{width:600px;}
	.sec2 p{display:block; text-align:center;}*/
	.sec2{width:100%; overflow:hidden; padding-top:42%}
	.sec2 #left_box{text-align:left; padding: 0 3%; width:100%;}
	.sec2 #right_box{display:none;} 
	.sec2 #right_box2{display:block; text-align:right; padding:31px 3%}
	.sec2 div#left_box{width:100%}

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

/*패드버전 sec4*/
.sec4{display:none;}
.sec4_pad{display:block; width:100%; height:100%; overflow:hidden; text-align:center; padding:5% 0;}
.sec4_pad img{width:90%}

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

/*패드버전 sec5*/
.sec5{display:none;}
.sec5_pad{display:block; width:100%; height:100%; overflow:hidden; background-color:#e8dca5; text-align:center; padding:5% 0;}
.sec5_pad img{width:90%}

/*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){/*mobile*/
	
	/*.main{width:400px;}*/
	
/*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%; overflow:hidden; padding-top:75%}
	.sec2 img{width:100%; display:inherit;}

	.sec2 .txt2 h2 img{width:200px;}
	.sec2 .txt2 hr{width:600px;}
	.sec2 p{display:block; text-align:center;}
	
	.sec2 #left_box{display:none}
	.sec2 #right_box{display:none;}
	.sec2 #middle_box{display:block; color:white; background:black; font-size:x-large; padding:26px 0;}
	#middle_box h1{font-size:x-large; display:inline; color:#9fab8e; }
	#middle_box h2{display:inline; color:#9fab8e; text-decoration:underline;}
	.sec2 #left_box_under{height:100%;}

/*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{display:none;}
	.sec4_1{display:block; padding-bottom:25px; width:100%; overflow:hidden;}
	.sec4_1 img{padding:46px 0; display:inherit; margin:0 auto;}
	.sec4_1 .sec4_1_txt{text-align:center;}
	.sec4_1 p{background:#9fab8e; color:white; padding:10px 0; display:inline; margin-top:10px; font-size:30px}
	.sec4_1 h3{font-weight:bold;}

/*패드버전 sec4*/
.sec4_pad{display:none;}

/*section5*/
.sec5 .order .text_box{display:none;}
.sec5{display:none;}
.sec5_1{display:block; background:#e8dca5; padding-bottom:25px; width:100%; overflow:hidden;}
	.sec5_1 img{padding:46px 0; display:inherit; margin:0 auto;}
	.sec5_1 .sec5_1_txt{text-align:center;}
	.sec5_1 p{font-size:2em; background:#9fab8e; color:white; padding:10px 0; display:inline; margin-top:10px; font-size:30px;}
	.sec5_1 h3{font-weight:bold; font-size:21px}	

/*패드버전 sec5*/
.sec5_pad{display:none;}

	.contact_form{display:inline-block; text-align:center; box-sizing:border-box;}
	.contact_form ul {display:inline-block; width:100%; list-style-type:none; margin:0px;}
	.contact_form li{display:inline-block; float:none; text-align:left; padding:5px; position:relative;  margin:0 6px 6px 0;}
	.contact_form li:nth-child(1), .contact_form li:nth-child(2),.contact_form li:nth-child(3),.contact_form li:nth-child(4){width:250px; background-color:rgba(70,67,70,0.5);}
	.contact_form li:nth-child(5){width:250px; background-color:rgba(70,67,70,0.5);}
	.contact_form .form3{clear:both;}
	.contact_form .form5{clear:both; width:100%;}

	.contact_form .form6{clear:both; font-size:0.875em !important; color:#fff; float:right;}
	.contact_form .form7{clear:both; float:right; cursor:pointer; font-weight:bold; background-color:#a7c892; padding:5px 25px 5px 25px; border-radius:8px; border:0; }
	.contact_form .form7 .submit{font-size:1.2em; color:#fff; background-color:#a7c892;  border:0; padding:}

	.contact_form li label{color:#fff; font-size:0.875em;}
	/*.contact_form input {height:15px; width:180px; padding:5px 8px;}*/
	.contact_form textarea {padding:8px; width:210px; overflow:hidden;}
	.contact_form input, .contact_form textarea {border:0px; background-color:rgba(70,67,70,0); color: #888; font-size: 15px; padding-right:30px; -moz-transition: padding .25s;  -webkit-transition: padding .25s; -o-transition: padding .25s; transition: padding .25s;}



	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;}
	}