#main {
	width: 100%; height: 540px; position: relative;
}
#main .swiper-pagination1 {
	left: 50%; top: auto; height: 20px; bottom: 35px; margin-left: -45px; position: absolute; z-index: 100;
}
#main .swiper-pagination1 .swiper-pagination-bullet {
	background: rgb(255, 255, 255); margin: 0px 5px !important; width: 15px; height: 15px; opacity: 0.8;
}
#main .swiper-pagination1 .swiper-pagination-bullet-active {
	background: rgb(0, 115, 207);
}
.main_link {
	height: 100%; display: block;
}
#con1 {
	margin: 50px auto;
}
#con1 ul li {
	width: 33.33%; float: left;
}
#con1 ul li div h3 {
	background: url("https://www.masanmarathon.or.kr/marathon33/project/design/com/bg_tit.gif") no-repeat left bottom; padding-bottom: 18px; font-size: 22px; font-weight: 700; margin-bottom: 18px;
}
#con1 ul li div p {
	font-size: 16px;
}
#con1 ul li .notice {
	padding: 38px; height: 270px; box-sizing: border-box;
}
#con1 ul li .part_appli {
	padding: 38px; height: 270px; box-sizing: border-box;
}
#con1 ul li .outline {
	padding: 38px; height: 270px; box-sizing: border-box;
}
#con1 ul li .notice {
	background-color: rgb(242, 245, 247);
}
#con1 ul li .notice h3 {
	position: relative; background-image: none;
}
#con1 ul li .notice h3 span a {
	right: 0px; color: rgb(51, 51, 51); font-size: 13px; position: absolute;
}
#con1 ul li .notice h4 {
	margin-bottom: 12px;
}
#con1 ul li .notice h4 a {
	color: rgb(51, 51, 51); font-size: 16px; font-weight: 700;
}
#con1 ul li .notice p {
	height: 65px; margin-bottom: 10px; -ms-overflow-y: hidden;
}
#con1 ul li .notice p a {
	color: rgb(102, 102, 102);
}
#con1 ul li .notice h4 a:hover {
	color: rgb(0, 115, 207);
}
#con1 ul li .notice p a:hover {
	top: 1px; position: relative;
}
#con1 ul li .notice span {
	color: rgb(153, 153, 153);
}
#con1 ul li .part_appli {
	color: rgb(255, 255, 255); position: relative; background-color: rgb(0, 115, 207);
}
#con1 ul li .part_appli a {
	padding: 6px 20px; border: 1px solid rgb(255, 255, 255); border-image: none; right: 40px; bottom: 40px; color: rgb(255, 255, 255); display: inline-block; position: absolute;
}
#con1 ul li .part_appli a:hover {
	color: rgb(0, 115, 207); background-color: rgb(255, 255, 255);
}
#con1 ul li .outline {
	color: rgb(255, 255, 255); position: relative; background-color: rgb(0, 159, 227);
}
#con1 ul li .outline a {
	padding: 6px 20px; border: 1px solid rgb(255, 255, 255); border-image: none; right: 40px; bottom: 40px; color: rgb(255, 255, 255); display: inline-block; position: absolute;
}
#con1 ul li .outline a:hover {
	color: rgb(0, 159, 227); background-color: rgb(255, 255, 255);
}
#con1 ul li .img_box {
	position: relative;
}
#con1 ul li .img_box h3 {
	left: 38px; top: 38px; color: rgb(255, 255, 255); position: absolute;
}
#con1 ul li .img_box p {
	left: 38px; top: 105px; color: rgb(255, 255, 255); position: absolute;
}
.img_box:hover .image {
	transform: scale(1.05); -webkit-transform: scale(1.05);
}
.con1_img {
	width: 400px; height: 270px; overflow: hidden;
}
.image {
	transition:0.3s; -webkit-transition: all 0.3s ease;
}
#con2 {
	padding: 60px 0px; box-sizing: border-box; background-color: rgb(242, 242, 242);
}


/* 중재 css 수정중 */
#main2 {
	text-align: center;
	height:541px;
}
#main2 .main2_sub{
	height:100%;
	width:100%;
	text-align:center;
}	
#main2 ul li {
	width: 50%;;
	padding-top:370px;  float: left;
}

#main2 ul li .icon_over_r {
	padding-left:250px; 
}
#main2 ul li .icon_over_l {
	padding-right:250px;
}

#main2 ul li img:hover {
	-webkit-transform:scale(1.2); transform:scale(1.2);
}
#main2 ul li img:hover {
	-webkit-transform:scale(1.2); transform:scale(1.2);
}

#main3 {
	margin:0px auto;
	height:603px;

}
#main3 .main3_sub{
	height:100%;
	width:100%;
	text-align:center;
}	
.video embed {
    position: absolute;
    width: 80%;
    height: 80%;
	z-index:999;
}
#main3 .main3_sub .video_box {
	padding-top:100px; width: 100%; height: 100%; z-index:999;
}



#main3_3sub{
height:100%; width:700px;
}
#main3 ul li {
	width: 33.33%;;
	float: left;
}
#main3 ul .up{
padding-top:90px;  
}
#main3 ul .down{
padding-top:5px;  
}
#main3 ul li .icon_over_r img {
	width: 50%; height: 50%;
}
#main3 ul li .icon_over_l img {
	width: 50%; height: 50%;
}

#main3_3sub ul li img:hover {-webkit-transform:scale(1.1); transform:scale(1.1);}

#main5 {
	margin:0px auto;
	height:350px;
}
#main5 .main5_sub{
	height:100%;
	width:100%;
	text-align:center;
}	


#main5_5sub{
height:100%; width:900px;
}
#main5 ul li {
	width: 33.33%;;
	float: left;
}
#main5 ul li{
padding-top:25px;  
}

#main5_5sub ul li img:hover {-webkit-transform:scale(1.1); transform:scale(1.1);}
/* 중재 css 수정중  끝 */



#con3 {
	margin: 45px auto 80px; text-align: center;
}
#con3 ul li {
	width: 33.33%; float: left;
}
#con3 ul li h3 {
	color: rgb(51, 51, 51); letter-spacing: -0.4px; font-size: 20px;
}
#con3 ul li p {
	color: rgb(102, 102, 102); font-size: 16px;
}
#con3 ul li .icon_over {
	background: rgb(0, 174, 204); margin: 22px 0px 25px; border-radius: 100%; transition:0.3s; width: 100px; height: 100px; display: inline-block;
}
#con3 ul li a:hover .icon_over {
	background: rgb(0, 163, 191); transition:0.3s; transform: translateY(7px);
}
#con3 ul li a:hover p {
	color: rgb(51, 51, 51); text-decoration: underline;
}

@media all and (max-width:1260px)
{
#main {
	height: 400px;
}
#main li {
	background-size: cover !important;
}


#main2 {
	text-align: center;
	height:440px;
}
#main2 ul li {
	padding-top:300px;  float: left;
}
#main2 ul li .icon_over_r img {
	width: 50%; height: 50%;
}
#main2 ul li .icon_over_l img {
	width: 50%; height: 50%;
}



#main3 ul .up{
padding-top:100px;  
}
#main3 ul .down{
padding-top:5px;  
}
#main3_3sub{
width:650px;
}
#main3 ul .up img, #main3 ul .down img{
width: 90%; height: 90%;
}

#con1 {
	margin: 25px auto 30px;
}
#con1 ul li .notice {
	padding: 30px; height: 218px; box-sizing: border-box;
}
#con1 ul li .part_appli {
	padding: 30px; height: 218px; box-sizing: border-box;
}
#con1 ul li .outline {
	padding: 30px; height: 218px; box-sizing: border-box;
}
#con1 ul li div h3 {
	padding-bottom: 15px; font-size: 18px; font-weight: 700; margin-bottom: 15px;
}
#con1 ul li div p {
	font-size: 16px;
}
#con1 ul li .notice h4 {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#con1 ul li .notice p {
	height: 40px; overflow: hidden; font-size: 14px; -ms-text-overflow: ellipsis;
}
#con1 ul li .img_box h3 {
	left: 28px; top: 28px;
}
#con1 ul li .img_box p {
	left: 28px; top: 85px;
}
.con1_img {
	width: 100%; height: 218px; overflow: hidden;
}
.image {
	width: 100%; height: 218px;
}
#con2 {
	padding: 40px 0px;
}
}

@media all and (max-width:1100px)
{
#main3 ul .up{
padding-top:100px;  
}
#main3 ul .down{
padding-top:5px;  
}

#main3 ul .up img, #main3 ul .down img{
width: 85%; height: 85%;
}

	
}

@media all and (max-width:1000px)
{

#main2 {
	text-align: center;
	height:300px;
}
#main2 ul li {
	padding-top:200px;  float: left;
}
#main2 ul li .icon_over_r {
	padding-left:150px;
}
#main2 ul li .icon_over_l {
	padding-right:150px;
}
#main2 ul li .icon_over_r img {
	width: 50%; height: 50%;
}
#main2 ul li .icon_over_l img {
	width: 50%; height: 50%;
}
#main3 {
	height:503px;
	max-height:1000px;
}
#main3 .main3_sub .box { 
	padding-top:90px;
}

#main3_3sub{
height:100%; width:500px;
}

#main3 ul .up{
padding-top:100px;  
}
#main3 ul .down{
padding-top:5px;  
}

#main3 ul .up img, #main3 ul .down img{
width: 80%; height: 80%;
}

	
#con1 ul li .notice {
	height: 200px;
}
#con1 ul li .part_appli {
	height: 200px;
}
#con1 ul li .outline {
	height: 200px;
}
#con1 ul li div p {
	font-size: 14px;
}
.con1_img {
	height: 200px;
}
.image {
	height: 200px;
}
#con1 ul li .notice h3 {
	padding-bottom: 10px; margin-bottom: 10px;
}
#con1 ul li .notice h4 a {
	font-size: 14px;
}
#con1 ul li .notice p {
	height: 35px; font-size: 12px;
}
#con1 ul li .notice span {
	font-size: 12px;
}
#con3 ul li h3 {
	font-size: 18px;
}
#con3 ul li p {
	font-size: 14px;
}
#con3 {
	margin: 30px auto 50px; text-align: center;
}

#main5 {
	height:300px;
}
#main5_5sub{
height:100%; width:600px;
}
#main5 ul li{
padding-top:70px;  
}
#main5 ul li img{
width: 80%; height: 80%;
}




}

@media all and (max-width:850px)
{
#main3 ul .up{
padding-top:100px;  
}
#main3 ul .down{
padding-top:5px;  
}

#main3_3sub{
width:400px;
}
#main3 ul .up img, #main3 ul .down img{
width: 80%; height: 80%;
}	
}


@media all and (max-width:736px)
{
#main {
	height: 260px;
}
#main2 {
	text-align: center;
	height:250px;
}
#main2 ul li {
	padding-top:170px;  float: left;
}
#main2 ul li .icon_over_r {
	padding-left:100px;
}
#main2 ul li .icon_over_l {
	padding-right:100px;
}
#main2 ul li .icon_over_r img {
	width: 50%; height: 50%;
}
#main2 ul li .icon_over_l img {
	width: 50%; height: 50%;
}
#main3 {
	max-height:403px;
}
#main3 .main3_sub .video_box {
	padding-top:80px;
}	

#main3 ul .up{
padding-top:70px;  
}
#main3 ul .down{
padding-top:5px;  
}

#main3_3sub{
width:400px;
}
#main3 ul .up img, #main3 ul .down img{
width: 80%; height: 80%;
}		


#divpop2 {
	left: 30px !important;
}

#main5 {
	height:250px;
}
#main5_5sub{
height:100%; width:500px;
}
#main5 ul li{
padding-top:55px;  
}
#main5 ul li img{
width: 80%; height: 80%;
}


}


@media all and (max-width:650px)
{
#main3 {
	max-height:303px;
}

#main3 .main3_sub .video_box {
	padding-top:55px;
}	
#main3 ul .up{
padding-top:70px;  
}
#main3 ul .down{
padding-top:5px;  
}

#main3_3sub{
width:300px;
}
#main3 ul .up img, #main3 ul .down img{
width: 90%; height: 60%;
}	

#main5 {
	height:150px;
}
#main5_5sub{
height:100%; width:300px;
}
#main5 ul li{
padding-top:30px;  
}
#main5 ul li img{
width: 80%; height: 80%;
}
}


@media all and (max-width:515px)
{
	
#main3 ul .up{
padding-top:60px;  
}
#main3 ul .down{
padding-top:5px;  
}

#main3_3sub{
width:300px;
}
#main3 ul .up img, #main3 ul .down img{
width: 90%; height: 50%;
}	

}



@media all and (max-width:414px)
{
#main {
	height: 210px;
}
#main .swiper-pagination1 {
	bottom: 15px;
}
#main .bg20.swiper-slide {
	background: url("./project/design/main/img_main1_m.jpg") no-repeat top / contain rgb(0, 0, 0) !important;
}


#main2 {
	text-align: center;
	height:200px;
}
#main2 ul li {
	padding-top:140px;  float: left;
}
#main2 ul li .icon_over_r {
	padding-left:50px;
}
#main2 ul li .icon_over_l {
	padding-right:50px;
}
#main2 ul li .icon_over_r img {
	width: 60%; height: 60%;
}
#main2 ul li .icon_over_l img {
	width: 60%; height: 60%;
}
#main3 {
	max-height:203px;
}

#main3 .main3_sub .video_box {
	padding-top:40px;
}	

#main3 ul .up{
padding-top:40px;  
}
#main3 ul .down{
padding-top:5px;  
}

#main3_3sub{
width:200px;
}
#main3 ul .up img, #main3 ul .down img{
width: 90%; height: 50%;
}	

#con1 ul li {
	width: 100%; float: none;
}
#con1 ul li .notice {
	height: 218px;
}
#con1 ul li .part_appli {
	height: 218px;
}
#con1 ul li .outline {
	height: 218px;
}
.con1_img {
	height: 218px;
}
.image {
	height: 218px;
}
#con1 ul li .notice h4 a {
	font-size: 16px;
}
#con1 ul li .notice p {
	height: 40px; font-size: 14px;
}
#con1 ul li .notice span {
	font-size: 14px;
}
#con2 {
	padding: 30px 0px; height: auto;
}
#con3 {
	margin: 45px auto; text-align: center;
}
#con3 ul li {
	width: 33.33%; float: left;
}
#con3 ul li h3 {
	font-size: 16px;
}
#con3 ul li .icon_over {
	background: rgb(0, 174, 204); margin: 22px 0px 25px; border-radius: 100%; transition:0.3s; display: inline-block;
}
#con3 ul li a:hover .icon_over {
	background: rgb(0, 163, 191); transition:0.3s; transform: translateY(7px);
}
#con3 ul li a:hover p {
	color: rgb(51, 51, 51); text-decoration: underline;
}
#con3 ul li .icon_over {
	width: 70px; height: 70px;
}
#con3 ul li .icon_over img {
	width: 100%; height: 100%;
}

#main5 {
	height:130px;
}
#main5_5sub{
height:100%; width:230px;
}
#main5 ul li{
padding-top:30px;  
}
#main5 ul li img{
width: 100%; height: 100%;
}
}

/*개인정보보호 레이어팝*/
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:999;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 550px; height:450px;  background-color:#fff; border: 5px solid #3571B5; z-index:999;}	
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; text-align:center;}
.pop-layer .btn_m { display:inline-block; line-height:28px; padding:0 10px; border:1px solid; border-color:#d6d8dc #888c93 #888c93 #d6d8dc; background:#fff; color:#333 !important; font-weight:bold; }
.pop-layer .btn_m:hover { text-decoration:none !important; }

/*이용약관 레이어팝*/
.layer2 {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:999;}
.layer2 .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer2 .pop-layer {display:block;}

.pop-layer2 {display:none; position: absolute; top: 50%; left: 50%; width: 550px; height:450px;  background-color:#fff; border: 5px solid #3571B5; z-index:999;}	
.pop-layer2 .pop-container {padding: 20px 25px;}
.pop-layer2 p.ctxt {color: #666; line-height: 25px;}
.pop-layer2 .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; text-align:center;}
.pop-layer2 .btn_m { display:inline-block; line-height:28px; padding:0 10px; border:1px solid; border-color:#d6d8dc #888c93 #888c93 #d6d8dc; background:#fff; color:#333 !important; font-weight:bold; }
.pop-layer2 .btn_m:hover { text-decoration:none !important; }

/*이메일 거부 레이어팝*/
.layer3 {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:999;}
.layer3 .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer3 .pop-layer3 {display:block;}

.pop-layer3 {display:none; position: absolute; top: 50%; left: 50%; width: 450px; height:300px;  background-color:#fff; border: 5px solid #3571B5; z-index:999;}	
.pop-layer3 .pop-container {padding: 20px 25px;}
.pop-layer3 p.ctxt {color: #666; line-height: 25px;}
.pop-layer3 .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; text-align:center;}
.pop-layer3 .btn_m { display:inline-block; line-height:28px; padding:0 10px; border:1px solid; border-color:#d6d8dc #888c93 #888c93 #d6d8dc; background:#fff; color:#333 !important; font-weight:bold; }
.pop-layer3 .btn_m:hover { text-decoration:none !important; }

/* 메인 하단 홍보배너사이즈 */
#s_banner_wrap {width:300px; height:80px; position: relative; margin:10px 0}
.banner_a1 {width:150px; height:80px; }
.banner_a2 {width:150px; height:80px; }
.banner_a3 {width:150px; height:80px; }
.banner_a4 {width:150px; height:80px; }
.banner_a5 {width:150px; height:80px; }
.banner_a6 {width:150px; height:80px; }
.banner_a7 {width:150px; height:80px; }
.banner_a8 {width:150px; height:80px; }