/*sub1_미디어쿼리*/

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

/*header*/

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

/*main*/
	#section1{width:100%; height:350px;}
	#section1 .img{display:block; width:100%; height:350px; }
	#section1 .text{position:absolute; width:700px; padding:0; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	#section1 .text p{display:inline-block; font-size:1.8rem; line-height:1.8;}
	#section1 .text p strong{color:#fff; padding-bottom:1.5rem; font-size:2.8rem;}

	#section2{width:100%; height:500px; background-color:#fff; overflow:hidden;}
	#section2.sec2-1-warp{padding:6 6.25rem}
	#section2 .sec2-1{width:45%; height:100%; padding:7rem 3rem; float:left; overflow:hidden;}
	#section2 .sec2-1 span{display:inline-block; float:right;}
	#section2 .sec2-1 span img{width:100%;}
	#section2 .sec2-2{width:55%; height:100%; padding:7rem 3rem;  float:right; overflow:hidden;}
	#section2 .sec2-2 span{float:left;}
	#section2 .sec2-2 span img{width:100%;}

	#section3{width:100%; height:600px; background:url('../images/sub2-1.jpg'); background-size:cover; overflow:hidden; text-align:center; box-sizing:border-box;}
	#section3 p{color:#fff; font-size:5.875em; letter-spacing:0.1em; margin-top:50px; }
	#section3 .sec3-1 img{float:right; width:80%; margin:0; padding:0;}
	#section3 .sec3-2 span b{display:inline-block; color:#b4c1a0; font-size:2.3rem; border-bottom:3px solid #b4c1a0;  margin-bottom:10px; z-index:999;}
	#section3 .sec3-2 em{display:inline-block; font-size:1.5rem; color:#fdcb01; font-weight:bold; margin:0 0 40px 0; z-index:-1;}
	#section3 .sec3-2 i{font-size:1.3125rem; font-style:normal; line-height:2rem;}
	#section3 .sec3-2 .box{margin-top:50px; font-size:1rem;}


	#section4{width:100%; height:auto; background:url('../images/sub2-2.jpg'); background-size:cover; overflow:hidden;}
	#section4 .info{padding:4.5rem 4rem 4.5rem 4rem; overflow:hidden;}
	#section4 .info .sec4-1{float:none; width:100%; height:100%; overflow:hidden; text-align:center; margin-bottom:4rem;}
	#section4 .info .sec4-1 span{display:inline-block; float:none; width:295px; border:8px solid #4d4b4d; padding:90px 29px; color:#4d4b4d; font-size:1.5625em; letter-spacing:-2px;}
	#section4 .info .sec4-1 span em{display:inline-block; border-bottom:8px solid #fff; font-size:1.6em; font-style:normal; padding-bottom:30px; margin-bottom:30px;}
	#section4 .info .sec4-2{float:none; width:100%; height:100%;  box-sizing:border-box; padding-left:1.5rem; overflow:hidden;}
	#section4 .info .sec4-2 p{font-size:2.875em; color:#4d4b4d; margin-bottom:15px;}
	#section4 .info .sec4-2 ul{float:left;}
	#section4 .info .sec4-2 ul li{margin-right:54px; color:#4d4b4d; font-size:1.38em; font-weight:bold;}
	#section4 .info .sec4-2 ul li em{display:inline-block; font-style:normal; color:#ab090d; margin-top:20px;}


	#section4b{width:100%; height:auto; background:url('../images/sub2-3.jpg'); background-size:cover; overflow:hidden;}
	#section4b .info{width:100%; height:100%; margin:0 auto; display:block; clear:both; padding:7rem 7rem 7rem 7rem; overflow:hidden;}
	#section4b .info .sec4b-1{float:left; width:50%; height:100%; overflow:hidden; padding-right:70px; box-sizing:border-box;}
	#section4b .info .sec4b-1 img{float:right; width:100%;}
	#section4b .info .sec4b-2{position:relative; float:right; width:50%; height:100%; color:#fff; padding-left:70px; box-sizing:border-box;}
	#section4b .info .sec4b-2 p{float:left; font-size:2.5em; line-height:1.3em;}
	#section4b .info .sec4b-2 p em{color:#b4c1a0; font-style:normal;}
	#section4b .info .sec4b-2 span{ padding-top:65px; display:inline-block; font-size:1.3em; line-height:2em;}


	#section5{width:100%; height:450px; background:url('../images/con5-bg.jpg'); background-size:cover; overflow:hidden; text-align:center; box-sizing:border-box;}
	#section5 .sec5-1{width:38%; float:left; text-align:center; color:#b4c1a0; box-sizing:border-box; padding-top:47px;}
	#section5 .sec5-1 p{display:inline-block; text-align:left; font-size:1em; box-sizing:border-box; line-height:1.55;}
	#section5 .sec5-1 p .b1{display:block; border-bottom:5px solid #fff;  padding-bottom:57px; margin-bottom:52px;}
	#section5 .sec5-1 p strong{color:#a7c892; font-size:1em;}
	#section5 .sec5-1 p b{color:#fff; font-size:2em;}
	#section5 .sec5-1 .b2{text-align:left; color:#fff; font-size:1em; box-sizing:border-box; padding-bottom:57px; line-height:1.55;}
	#section5 .sec5-1 .b2 em{font-style:normal;}
	#section5 .sec5-2{width:62%; height:100%; float:left; text-align:left; color:#b4c1a0; box-sizing:border-box; padding-top:47px; background:rgba(0,0,0,0.3); padding:47px 200px 0 50px; box-sizing:border-box; overflow:hidden;}
	#section5 .sec5-2 p{font-size:1.5em; margin-bottom:22px;}

	.contact_form{display:inline-block; text-align:left;}
	.contact_form ul {width:100%; list-style-type:none; margin:0px;}
	.contact_form li{float: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:230px; background-color:rgba(70,67,70,0.5);}
	.contact_form li:nth-child(5){width:476.5px; 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:430px; 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; 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:600px) and (max-width:959px){
	
/*header*/

	header{padding:10px 50px 0 40px;}
	h1 img{width:150px;}
	nav{display:none;}
	.hidden_menu{display:block; overflow:hidden;}
	.hidden_menu .open_btn{float:right; color:#fff; line-height:2; margin-right:50px;  margin-top:30px; font-size:0; cursor:pointer;}

/*main*/
	#section1{width:100%; height:350px;}
	#section1 .img{display:block; width:100%; height:350px; }
	#section1 .text{position:absolute; width:700px; padding:0; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	#section1 .text p{display:inline-block; font-size:1.8rem; line-height:1.8;}
	#section1 .text p strong{color:#fff; padding-bottom:1.5rem; font-size:2.8rem;}

	#section2{width:100%; height:auto; background-color:#fff; text-align:center; overflow:hidden;}
	#section2.sec2-1-warp{padding:6 6.25rem}
	#section2 .sec2-1{width:100%; height:auto; padding:5rem 0; float:none; overflow:hidden;}
	#section2 .sec2-1 span{display:inline-block; float:none;}
	#section2 .sec2-1 span img{width:80%;}
	#section2 .sec2-2{width:100%; height:auto; padding:5rem 0;  float:none; overflow:hidden;}
	#section2 .sec2-2 span{float:none;}
	#section2 .sec2-2 span img{width:60%;}

	#section3{width:100%; height:900px; background:url('../images/sub2-1.jpg'); background-size:cover; overflow:hidden; text-align:center; box-sizing:border-box;}
	#section3 p{color:#fff; font-size:4rem; letter-spacing:0.1em; margin-top:50px; }
	#section3 .sec3-1{width:100%;}
	#section3 .sec3-1 img{float:none; width:70%; margin:0; padding:0;}
	#section3 .sec3-2{width:100%; height:100%; text-align:center;}
	#section3 .sec3-2 span{overflow:hidden;}
	#section3 .sec3-2 span b{display:inline-block; color:#b4c1a0; font-size:2rem; border-bottom:3px solid #b4c1a0;  margin-bottom:10px; z-index:999;}
	#section3 .sec3-2 em{display:inline-block; font-size:1.3rem; color:#fdcb01; font-weight:bold; margin:0 0 40px 0; z-index:-1;}
	#section3 .sec3-2 i{font-size:1.1rem; font-style:normal; line-height:1.7rem;}
	#section3 .sec3-2 .box{margin-top:50px; font-size:1rem;}


	#section4{width:100%; height:auto; background:url('../images/sub2-2.jpg'); background-size:cover; overflow:hidden;}
	#section4 .info{padding:4.5rem 4rem 4.5rem 4rem; overflow:hidden;}
	#section4 .info .sec4-1{float:none; width:100%; height:100%; overflow:hidden; text-align:center; margin-bottom:4rem;}
	#section4 .info .sec4-1 span{display:inline-block; float:none; width:295px; border:8px solid #4d4b4d; padding:90px 29px; color:#4d4b4d; font-size:1.5625em; letter-spacing:-2px;}
	#section4 .info .sec4-1 span em{display:inline-block; border-bottom:8px solid #fff; font-size:1.6em; font-style:normal; padding-bottom:30px; margin-bottom:30px;}
	#section4 .info .sec4-2{float:none; width:100%; height:100%;  box-sizing:border-box; padding-left:1.5rem; overflow:hidden;}
	#section4 .info .sec4-2 p{font-size:2.875em; color:#4d4b4d; margin-bottom:15px;}
	#section4 .info .sec4-2 ul{float:left;}
	#section4 .info .sec4-2 ul li{margin-right:0px; color:#4d4b4d; font-size:1.38em; font-weight:bold;}
	#section4 .info .sec4-2 ul li em{display:inline-block; font-style:normal; color:#ab090d; margin-top:20px;}


	#section4b{width:100%; height:auto; background:url('../images/sub2-3.jpg'); background-size:cover; overflow:hidden;}
	#section4b .info{width:100%; height:100%; margin:0 auto; display:block; clear:both; padding:5rem 3rem 5rem 3rem; overflow:hidden;}
	#section4b .info .sec4b-1{float:none; width:100%; height:100%; overflow:hidden; margin-bottom:4rem; padding-right:0px; box-sizing:border-box;}
	#section4b .info .sec4b-1 img{float:none; width:100%;}
	#section4b .info .sec4b-2{position:relative; float:none; width:100%; height:100%; color:#fff; padding-left:0px; box-sizing:border-box;}
	#section4b .info .sec4b-2 p{float:left; font-size:2em; line-height:1.3em;}
	#section4b .info .sec4b-2 p em{color:#b4c1a0; font-style:normal;}
	#section4b .info .sec4b-2 span{ padding-top:65px; display:inline-block; font-size:1.2em; line-height:2em;}


	#section5{width:100%; height:850px; background:url('../images/con5-bg.jpg'); background-size:cover; overflow:hidden; text-align:center; box-sizing:border-box;}
	#section5 .sec5-1{width:100%; height:auto; float:none; text-align:center; color:#b4c1a0; box-sizing:border-box; padding:47px 0 57px 0;}
	#section5 .sec5-1 p{display:inline-block; text-align:center; font-size:1em; box-sizing:border-box; line-height:1.55;}
	#section5 .sec5-1 p .b1{display:block; border-bottom:5px solid #fff;  padding-bottom:37px; margin-bottom:32px;}
	#section5 .sec5-1 p strong{color:#a7c892; font-size:1em;}
	#section5 .sec5-1 p b{color:#fff; font-size:2em;}
	#section5 .sec5-1 .b2{width:100%; text-align:left; color:#fff; font-size:1em; box-sizing:border-box; padding-bottom:57px; line-height:1.55;}
	#section5 .sec5-1 .b2 em{font-style:normal;}
	#section5 .sec5-2{width:100%; height:100%; margin:0 auto;  float:none; color:#b4c1a0; box-sizing:border-box; padding-top:47px; background:rgba(0,0,0,0.3); text-align:center; padding:47px 50px 0 50px; overflow:hidden;}
	#section5 .sec5-2 p{text-align:center; font-size:1.5em; margin-bottom:22px;}

	
	.contact_form{display:inline-block; text-align:left;}
	.contact_form ul {width:100%; list-style-type:none; margin:0px;}
	.contact_form li{float: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:230px; background-color:rgba(70,67,70,0.5);}
	.contact_form li:nth-child(5){width:476.5px; 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:430px; 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;}
	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;}
	.hidden_menu{display:block; overflow:hidden;}
	.hidden_menu .open_btn{float:right; color:#fff; line-height:2; margin-right:15px;  margin-top:30px; font-size:0; cursor:pointer;}

/*main*/
	#section1{width:100%; height:350px;}
	#section1 .img{display:block; width:100%; height:350px; }
	#section1 .text{position:absolute; width:300px; padding:0; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	#section1 .text p{display:inline-block; font-size:1.15rem; line-height:1.8;}
	#section1 .text p strong{color:#fff; padding-bottom:1.5rem; font-size:2.1rem;}

	#section2{width:100%; height:auto; background-color:#fff; text-align:center; overflow:hidden;}
	#section2 .sec2-1{width:100%; height:auto; padding:3rem 0; float:none; overflow:hidden;}
	#section2 .sec2-1 span{display:inline-block; float:none;}
	#section2 .sec2-1 span img{width:80%;}
	#section2 .sec2-2{width:100%; height:auto; padding:3rem 0;  float:none; overflow:hidden;}
	#section2 .sec2-2 span{float:none;}
	#section2 .sec2-2 span img{width:80%;}

	#section3{width:100%; height:790px; background:url('../images/sub2-1.jpg'); background-size:cover; overflow:hidden; text-align:center; box-sizing:border-box;}
	#section3 p{color:#fff; font-size:4rem; letter-spacing:0.1em; margin-top:50px; }
	#section3 .sec3-1{width:100%;}
	#section3 .sec3-1 img{float:none; width:70%; margin:0; padding:0;}
	#section3 .sec3-2{width:100%; height:100%; text-align:center;}
	#section3 .sec3-2 span{overflow:hidden;}
	#section3 .sec3-2 span b{display:inline-block; color:#b4c1a0; font-size:1.7rem; border-bottom:3px solid #b4c1a0;  margin-bottom:10px; z-index:999;}
	#section3 .sec3-2 em{display:inline-block; font-size:1.2rem; color:#fdcb01; font-weight:bold; margin:0 0 40px 0; z-index:-1;}
	#section3 .sec3-2 i{font-size:0.95rem; font-style:normal; line-height:1.5rem;}
	#section3 .sec3-2 .box{margin-top:50px; font-size:1rem;}


	#section4{width:100%; height:auto; background:url('../images/sub2-2.jpg'); background-size:cover; overflow:hidden;}
	#section4 .info{padding:4.5rem 2rem 4.5rem 2rem; overflow:hidden;}
	#section4 .info .sec4-1{float:none; width:100%; height:100%; overflow:hidden; text-align:center; margin-bottom:4rem;}
	#section4 .info .sec4-1 span{display:inline-block; float:none; width:250px; border:5px solid #4d4b4d; padding:50px 10px; color:#4d4b4d; font-size:1.2em; letter-spacing:-2px;}
	#section4 .info .sec4-1 span em{display:inline-block; border-bottom:8px solid #fff; font-size:1.3em; font-style:normal; padding-bottom:30px; margin-bottom:30px;}
	#section4 .info .sec4-2{float:none; width:100%; height:100%;  box-sizing:border-box; padding-left:1.5rem; overflow:hidden;}
	#section4 .info .sec4-2 p{font-size:1.6em; color:#4d4b4d; margin-bottom:20px;}
	#section4 .info .sec4-2 ul{float:left;}
	#section4 .info .sec4-2 ul li{margin-right:0px; color:#4d4b4d; font-size:1em; font-weight:bold; margin-bottom:1rem;}
	#section4 .info .sec4-2 ul li em{display:inline-block; font-style:normal; color:#ab090d; margin-top:0px;}


	#section4b{width:100%; height:auto; background:url('../images/sub2-3.jpg'); background-size:cover; overflow:hidden;}
	#section4b .info{width:100%; height:100%; margin:0 auto; display:block; clear:both; padding:5rem 3rem 5rem 3rem; overflow:hidden;}
	#section4b .info .sec4b-1{float:none; width:100%; height:100%; overflow:hidden; margin-bottom:4rem; padding-right:0px; box-sizing:border-box;}
	#section4b .info .sec4b-1 img{float:none; width:100%;}
	#section4b .info .sec4b-2{position:relative; float:none; width:100%; height:100%; color:#fff; padding-left:0px; box-sizing:border-box;}
	#section4b .info .sec4b-2 p{float:left; font-size:1.8em; line-height:1.3em;}
	#section4b .info .sec4b-2 p em{color:#b4c1a0; font-style:normal;}
	#section4b .info .sec4b-2 span{ padding-top:65px; display:inline-block; font-size:1.2em; line-height:2em;}


	#section5{width:100%; height:1000px; background:url('../images/con5-bg.jpg'); background-size:cover; overflow:hidden; text-align:center; box-sizing:border-box;}
	#section5 .sec5-1{width:100%; height:auto; float:none; text-align:center; color:#b4c1a0; box-sizing:border-box; padding:47px 0 57px 0;}
	#section5 .sec5-1 p{display:inline-block; text-align:center; font-size:1em; box-sizing:border-box; line-height:1.55;}
	#section5 .sec5-1 p .b1{display:block; border-bottom:5px solid #fff;  padding-bottom:37px; margin-bottom:32px;}
	#section5 .sec5-1 p strong{color:#a7c892; font-size:1em;}
	#section5 .sec5-1 p b{color:#fff; font-size:2em;}
	#section5 .sec5-1 .b2{width:100%; text-align:left; color:#fff; font-size:1em; box-sizing:border-box; padding-bottom:57px; line-height:1.55;}
	#section5 .sec5-1 .b2 em{font-style:normal;}
	#section5 .sec5-2{width:100%; margin:0 auto; float:none; color:#b4c1a0; box-sizing:border-box; background:rgba(0,0,0,0.3); text-align:center; padding:47px 50px 50px 50px; overflow:hidden;}
	#section5 .sec5-2 p{text-align:center; font-size:1.3em; margin-bottom:22px;}

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


	}