@charset "utf-8";

@media screen and (max-width: 55.1875em){

.pops_up { 
	    position:fixed; 
		background-color:#fff;
		border-radius:1px;
		color:#000;
		display:none;
		padding:0px;
		width:400px;
		height:500px;
		z-index:0;
	}

/*상단*/
header #header{width:100%; height:100px; border-bottom:0px solid red;}

/*중단*/
	article#main_top1{height:400px; }
	article#main_top1 #main_top1_top_title1{font-size: 80px;line-height: 80px; padding-top:20px;}
	article#main_top1 #main_top1_top_title2{font-size: 40px;line-height: 58px;  padding-top:10px;}
	article#main_top1 #main_top1_top_title3{font-size: 16px;line-height: 27px; padding-top:15px;}
	article#main_top1 #main_top1_top_title4{font-size: 14px;line-height: 21px; text-align: center;}
	article#main_top1 #main_top1_top_btn{text-align: center; padding-top:20px;}

	article#main_top2 #main_top2_center{margin:auto;  width:100%; text-align:right; height:50px; }
	article#main_top2 #main_top2_center_btn{padding-right:20px;}
	article#main_top2 #main_top2_bottom{margin:auto;  width:100%;}
	article#main_top2 #main_top2_bottom #main_top2_bottom_ul li{float:left; width:50%;}
	.main_top2_1{background:url("../img/image_1.png") no-repeat center top;background-size: cover;  background-position: top;}
	
	.main_top2_2 ul{width:100%;}
	.main_top2_2 li{width:50%; text-align:center;}
	.main_top2_2 li.main_top2_2_1{background:url("../img/background_17.png") no-repeat center top; background-size: 300px; height:300px;}
	.main_top2_2 li.main_top2_2_2{background:url("../img/background_1.png") no-repeat center top; background-size: 300px; height:300px;}
	.main_top2_2 li.main_top2_2_3{background:url("../img/background_13.png") no-repeat center top; background-size: 300px; height:300px;}
	.main_top2_2 li.main_top2_2_4{background:url("../img/image_3.png") no-repeat center top; background-size: 300px; height:300px;}

	.main_top2_3 ul{width:100%;}
	.main_top2_3 li{width:50%; text-align:center;}
	.main_top2_3 li.main_top2_3_1{background:url("../img/background_2.png") no-repeat center top; background-size: 300px; height:300px;}
	.main_top2_3 li.main_top2_3_2{background:url("../img/image_2.png") no-repeat center top; background-size: 300px; height:300px;}
	.main_top2_3 li.main_top2_3_3{background:url("../img/background_3.png") no-repeat center top; background-size: 300px; height:300px;}
	.main_top2_3 li.main_top2_3_4{background:url("../img/background_4.png") no-repeat center top; background-size: 300px; height:300px;}

	.main_top2_4{text-align:center; background:url("../img/background_paris.png") no-repeat center top; background-size: 600px; height:600px; margin-bottom:0px;}

	article#main_top2 .main_top2_2_2 img{width:150px; margin-top:80px;}
	article#main_top2 .main_top2_2_3 img{width:138px; margin-top:70px;}
	article#main_top2 .main_top2_3_1 img{width:120px; margin-top:60px;}
	article#main_top2 .main_top2_3_4 img{width:150px; margin-top:70px;}
	article#main_top2 .main_top2_4 img{width:200px; margin-top:100px;}

	.main_top2subti{color:#0B2747; font-size:18px;line-height:22px; padding-top:10px;}
	.main_top2subco{color:#0B2747; font-size:14px; line-height:21px; padding:10px;}

	.main_top2_1 .main_top2subti{color:#0B2747; font-size:18px;line-height:22px; padding-top:400px;}
	.main_top2_4 .main_top2subti{color:#0B2747; font-size:18px;line-height:22px; padding:20px 20px  0 20px;}
	.main_top2_4 .main_top2subco{color:#0B2747; font-size:14px; line-height:21px; padding:10px 20px  0 20px;}


article .main_top4subcot{margin:0 0px 20px 0px;}

article#main_top5{clear: both; position:relative;  top:0px; left:0;  width:100%; background-color:#FAFAFA; min-height:870px;}
article#main_top5 #main_top5_title{text-align:center; font-size:18px; line-height: 22px; color: #0B2747; padding-top:95px; height:98px;}
article#main_top5 #main_top5_content{ margin:auto;  width:100%; }
article#main_top5 #main_top5_content ul li{float:left; margin:0px 0  0  0px; width:50%; border:0px solid red; text-align:center;}

article#main_top5 #main_top5_content ul li.main_top5_1{background:url("../img/bg1.png") no-repeat center top; background-size: 270px;}
article#main_top5 #main_top5_content ul li.main_top5_2{background:url("../img/bg2.png") no-repeat center top; background-size: 270px;}
article#main_top5 #main_top5_content ul li.main_top5_3{background:url("../img/bg3.png") no-repeat center top; background-size: 270px;}

article#main_top5 #main_top5_content ul li.main_top5_1 img{width:160px; margin-top:40px;}
article#main_top5 #main_top5_content ul li.main_top5_2 img{width:160px; margin-top:40px;}
article#main_top5 #main_top5_content ul li.main_top5_3 img{width:160px; margin-top:40px;}





/*하단*/
footer #footer{margin:auto; width:100%; height:192px; color:#ffffff; position:relative; }
footer #footer ul#footsub{padding-left:158px;}
footer #footer ul#footsub li.t1{width:170px;}
footer #footer ul#footsub li.t2{width:180px;}
footer #footer ul#footsub li.t3{width:170px;}
footer .footsubcot{height:66px;display:table; }
footer #footer ul#footsub li.t1 .footsubcot{padding-top:10px;}
footer #footer ul#footsub li.t1 .footsubcot p{width:170px;}
footer #footer ul#footsub li.t2 .footsubcot p{width:170px;}
footer #footer ul#footsub li.t3 .footsubcot p{width:170px;}
footer #cop{width:100%; height:37px; border-top:1px solid #7F7F7F; text-align:center; line-height:38px; color:#ffffff;}
}



@media screen and (max-width: 460px){
/*상단*/
header #header{width:100%; height:100px; border-bottom:0px solid blue;}
header #header #logo{position:relative;  top:0px; left:0;  margin:auto;padding:15px 0px 0px 20px;}
header #header #logo img{width:122px;}

nav{position:absolute; top:60px; right:0; font-size:12px;}
nav li{float:left; padding-right:20px;  border:0px solid red; color:#ffffff;}
.pops_up { 
	    position:fixed; 
		background-color:#fff;
		border-radius:1px;
		color:#000;
		display:none;
		padding:0px;
		width:300px;
		height:400px;
		z-index:0;
	}


		article#main_top2 #main_top2_center{margin:auto;  width:100%; text-align:center; height:50px; padding-top:50px;}
	article#main_top2 #main_top2_center_btn{padding-right:20px;}

/*중단*/
	article#main_top1{height:300px; }
	article#main_top1 #main_top1_top_title1{font-size: 50px;line-height: 50px; padding-top:10px;}
	article#main_top1 #main_top1_top_title2{font-size: 30px;line-height: 30px;  padding-top:10px;}
	article#main_top1 #main_top1_top_title3{font-size: 14px;line-height: 27px; padding-top:15px;}
	article#main_top1 #main_top1_top_title4{font-size: 12px;line-height: 21px; text-align: center;}
	article#main_top1 #main_top1_top_btn{text-align: center; padding-top:20px;}
	article#main_top2 #main_top2_top{margin:auto; width:100%; height:366px; }
	article#main_top2 #main_top2_top_content{ padding-left:10px; padding-right:10px;}
	article#main_top2 #main_top2_bottom{margin:auto;  width:100%;}
	article#main_top2 #main_top2_bottom #main_top2_bottom_ul li{float:left; width:100%;}
	article#main_top2 #main_top2_bottom #main_top2_bottom_ul li{float:left; width:100%;}
	.main_top2_1{background:url("../img/image_1.png") no-repeat center top; background-size: cover;  background-position: top;  text-align:center;}
	

	.main_top2_2 ul{width:100%;}
	.main_top2_2 li{width:100%; text-align:center;}
	.main_top2_2 li.main_top2_2_1{background:url("../img/background_17.png") no-repeat center top; background-size: cover;  background-position: top; }
	.main_top2_2 li.main_top2_2_2{background:url("../img/background_1.png") no-repeat center top; background-size: cover;  background-position: top; }
	.main_top2_2 li.main_top2_2_3{background:url("../img/background_13.png") no-repeat center top; background-size: cover;  background-position: top; }
	.main_top2_2 li.main_top2_2_4{background:url("../img/image_3.png") no-repeat center top; background-size: cover;  background-position: top;}

	.main_top2_3 ul{width:100%;}
	.main_top2_3 li{width:100%; text-align:center;}
	.main_top2_3 li.main_top2_3_1{background:url("../img/background_2.png") no-repeat center top;background-size: cover;  background-position: top;}
	.main_top2_3 li.main_top2_3_2{background:url("../img/image_2.png") no-repeat center top; background-size: cover;  background-position: top;}
	.main_top2_3 li.main_top2_3_3{background:url("../img/background_3.png") no-repeat center top; background-size: cover;  background-position: top;}
	.main_top2_3 li.main_top2_3_4{background:url("../img/background_4.png") no-repeat center top; background-size: cover;  background-position: top;}

	.main_top2_4{text-align:center; background:url("../img/background_paris.png") no-repeat center top; background-size: 600px; height:600px; margin-bottom:0px;}

	article#main_top2 .main_top2_2_2 img{width:200px; margin-top:80px;}
	article#main_top2 .main_top2_2_3 img{width:138px; margin-top:70px;}
	article#main_top2 .main_top2_3_1 img{width:120px; margin-top:60px;}
	article#main_top2 .main_top2_3_4 img{width:180px; margin-top:70px;}
	article#main_top2 .main_top2_4 img{width:205px; margin-top:90px;}

	.main_top2subti{color:#0B2747; font-size:18px;line-height:22px; padding-top:10px;}
	.main_top2subco{color:#0B2747; font-size:14px; line-height:21px; padding:10px;}

	.main_top2_1 .main_top2subti{color:#0B2747; font-size:18px;line-height:22px; padding-top:400px;}
	.main_top2_4 .main_top2subti{color:#0B2747; font-size:18px;line-height:22px; padding-top:20px;}
	.main_top2_4 .main_top2subco{color:#0B2747; font-size:14px; line-height:21px; padding:10px;}


article#main_top3 #main_top3_con1{background-color: transparent;color: #000000;text-align: center;font-size: 20px;line-height: 29px; padding-left:10px; padding-right:10px;}
article#main_top3 #main_top3_con2{background-color: transparent;color: #000000;text-align: center;font-size: 16px;line-height: 22px; padding-left:10px; padding-right:10px;}

article#main_top4{margin:auto;position:relative; top:0px; left:0; ; width:100%; height:410px; text-align:center; border:0px solid blue;} 

article#main_top4 #main_top4_content{ text-align:center;font-size: 14px;line-height: 21px; color: #0B2747; padding-top:32px;  padding-left:10px; padding-right:10px;}

article#main_top5{clear: both; position:relative;  top:0px; left:0;  width:100%; background-color:#FAFAFA; min-height:870px;}
article#main_top5 #main_top5_title{text-align:center; font-size:18px; line-height: 22px; color: #0B2747; padding-top:95px; height:98px;}
article#main_top5 #main_top5_content{ margin:auto;  width:100%; }
article#main_top5 #main_top5_content ul li{float:left; margin:0px 0 0 0px; width:100%; border:0px solid red; text-align:center;}


article#main_top5 #main_top5_content ul li.main_top5_1{background:url("../img/background_1.png") no-repeat center top; background-size: cover;  background-position: top;}
article#main_top5 #main_top5_content ul li.main_top5_2{background:url("../img/background_10.png") no-repeat center top; background-size: cover;  background-position: top;}
article#main_top5 #main_top5_content ul li.main_top5_3{background:url("../img/background_2.png") no-repeat center top;background-size: cover;  background-position: top;}
article#main_top5 #main_top5_content ul li.main_top5_4{background:url("../img/background_13.png") no-repeat center top; background-size: cover;  background-position: top;}
article#main_top5 #main_top5_content ul li.main_top5_5{background:url("../img/background_14.png") no-repeat center top; background-size: cover;  background-position: top;}
article#main_top5 #main_top5_content ul li.main_top5_6{background:url("../img/background_15.png") no-repeat center top; background-size: cover;  background-position: top;}
article#main_top5 #main_top5_content ul li.main_top5_7{background:url("../img/background_paris.png") no-repeat center top; background-size: cover;  background-position: top;}
article#main_top5 #main_top5_content ul li.main_top5_8{background:url("../img/background_4.png") no-repeat center top;background-size: cover;  background-position: top; margin-bottom:0px;}
article#main_top5 #main_top5_content ul li.main_top5_1 img{width:163px; margin-top:80px;}
article#main_top5 #main_top5_content ul li.main_top5_2 img{width:161px; margin-top:80px;}
article#main_top5 #main_top5_content ul li.main_top5_3 img{width:130px; margin-top:80px;}
article#main_top5 #main_top5_content ul li.main_top5_4 img{width:175px; margin-top:80px;}
article#main_top5 #main_top5_content ul li.main_top5_5 img{width:205px; margin-top:80px;}
article#main_top5 #main_top5_content ul li.main_top5_6 img{width:160px; margin-top:80px;}
article#main_top5 #main_top5_content ul li.main_top5_7 img{width:168px; margin-top:80px;}
article#main_top5 #main_top5_content ul li.main_top5_8 img{width:200px; margin-top:80px;}




/*하단*/
	footer{clear: both;  position:relative; width:100%; height:430px;  background-color:#000000; text-align:center;}
	footer #footer #footlogo{display:none;}
	footer #footer{margin:auto; width:100%; height:392px; color:#ffffff; position:relative; }

	footer #footer ul#footsub{padding-left:0px;margin:auto;}
	footer #footer ul#footsub li.t1{width:100%;}
	footer #footer ul#footsub li.t2{width:100%;}
	footer #footer ul#footsub li.t3{padding-top:15px; width:100%;}
	footer .footsubcot{width:100%; height:66px;display:table; }

	footer .footsubcot a{color:#ffffff;}
	footer #footer ul#footsub li.t1 .footsubcot{padding-top:10px; width:100%;}
	footer #footer ul#footsub li.t1 .footsubcot p{width:100%;}
	footer #footer ul#footsub li.t2 .footsubcot p{width:100%;}
	footer #footer ul#footsub li.t3 .footsubcot p{width:100%;}
	footer #cop{width:100%; height:37px; border-top:1px solid #7F7F7F; text-align:center; line-height:38px; color:#ffffff;}
}