/* 메인 동영상 레이어 팝업 추가 */
.pop_layer{  display:none;  position:fixed; left:0; top:0; width:100%; height:200%; background:rgba(0,0,0,0.7);  z-index:10000}

/*=================모바일 및 기본 세팅===================*/

.main_policy_wrap{ position:relative; padding:15px 15px 50px; }
.main_policy li{ float:left; }
.main_policy .thumb{ height:250px; background-position:center; background-size:cover;  }
.main_policy .text{ padding:15px; }
.main_policy .text a {color:#222;}
.main_policy .text .title{ font-family: 'Gmarket Sans'; font-size:23px; font-weight:bold; margin-bottom:10px; }
.policy_ctrl{ position:absolute; left:50%; bottom:25px; transform: translateX(-50%); display:flex; justify-content: center; }
.policy_ctrl > a{ display:inline-block;  padding:0 5px; }
.policy_ctrl .policy_pager{ display:flex; align-items: center }
.policy_ctrl .policy_pager a{ display:inline-block; text-indent: -9999px; background:#a6a6a6; width:10px; height:10px; border-radius: 10px; margin:0 3px;  }
.policy_ctrl .policy_pager a.selected{ background:#033d7a; } 

@media all and (max-width:768px) {
	.main_policy_wrap {height:420px;}
}


#main_section01{ border-bottom:#cbcbcb solid 1px; }

.main_section header{ text-align:center; padding:30px 0; }
.main_section header .title{  font-family: 'Gmarket Sans'; display:flex; justify-content: center; align-items: flex-end; margin-bottom:10px; }
.main_section header .title span{ display:inline-block;  font-size:20px; font-weight:bold; color:#000; margin-bottom:2px; margin-right:5px;}
.main_section header .title em{ position:relative; font-size:30px; font-weight:bold; }
.main_section header .title em:after{ display:block; content:""; width:8px; height:8px; background:#000; position:absolute; right:-10px; top:-10px; border-radius: 10px; }
.main_section header .sub_title{ font-size:14px; color:#666; line-height: 1.3; width:100%; margin:0 auto;  }

#main_section02 header .title em{ color:#237ec4}
#main_section02 header .title em:after{ background:#237ec4}

.tab_media{ position:relative; min-height:400px; }
.tab_media:after{ display:block; content:""; position:absolute; left:0; top:30%; right:0; bottom:0; background:#3f64d0; }
.tab_media > ul{ position:relative; display:flex; justify-content: center }
.tab_media > ul > li > a{ position:relative; font-family: 'Gmarket Sans'; display:inline-block; border:#eee solid 1px;  padding:5px 15px; font-size:18px; font-weight:bold;  }
.tab_media > ul > li > a.active{ color:#fff; }
.tab_media > ul > li > a.active:after{ position:absolute; left:-2px; right:-2px; bottom:-2px; top:-2px; display:block; content:""; border-radius: 50px; background:linear-gradient(90deg, rgba(4,167,182,1) 0%, rgba(62,101,207,1) 71%);  z-index: 1 }
.tab_media > ul > li:first-child > a{ border-right:0; border-top-left-radius: 50px; border-bottom-left-radius: 50px; }
.tab_media > ul > li:nth-child(2) > a {border-left:0 none; border-right:0 none;}
.tab_media > ul > li:last-child > a{ border-left:0;  border-top-right-radius: 50px; border-bottom-right-radius: 50px; }
.tab_media > ul > li > a > span{ position:relative; font-size:16px; z-index: 10}
.tab_media > ul > li > a > .icon{ display:inline-block;  vertical-align: 1px; padding:7px; border-radius: 20px; font-size:14px; color:#fff; background:#565656; }
.tab_media > ul > li > a.active > .icon{ background:#fff; color:#0e9cba }
.tab_media > ul > li > div{ position:absolute; left:0; right:0;  } 
.tab_media > ul > li:last-child > div{ visibility: hidden }
.tab_media > ul > li:nth-child(2) > div{ visibility: hidden }

.media_slide_wrap{ position:relative;padding:30px 0; z-index: 10 }
.media_slide_wrap .media_slide_list li{ float:left; width:300px; }
.media_slide_wrap .media_slide_list li a{ display:block; }
.media_slide_wrap .thumb{ height:200px; background-position:center; background-size:cover; }
.media_slide_wrap .title{ color:#fff; font-family: 'Gmarket Sans';  font-size:20px; font-weight:bold; margin-top:15px; margin-bottom:10px;  }
.media_slide_wrap .text{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#fff; font-size:14px; line-height: 1.2 } 
.media_slide_wrap .date{ position:relative; display:block; color:#95b0ff; text-align:right; font-size:12px; font-weight:500; margin-top:20px; font-family: 'Gmarket Sans';  }
.media_slide_wrap .date:before{ display:block; position:absolute; left:0; right:80px; height:1px; background:#95b0ff; top:50%; content:"" }
.media_ctrl{ position:absolute; left:5px; right:5px; top:45%; }
.media_ctrl a{ position:absolute; top:50%; color:#95b0ff; font-size:30px;  }
.media_ctrl a.prev{ left:10px; ;}
.media_ctrl a.next{ right:10px; }


#main_section03 header .title em{ color:#f57e3d}
#main_section03 header .title em:after{ background:#f57e3d}

.pledge_wrap{ position:relative; }
.pledge_wrap .pledge_list > li{ float:left; }
.pledge_wrap .pledge_list .thumb{ height:150px; background-repeat:no-repeat; background-size:cover; background-position:center; } 
.pledge_wrap .pledge_list .text{ padding:20px 20px 50px 20px; background:#eaeaea; } 
.pledge_wrap .pledge_list .text span{ display:inline-block; color:#b76032; border:#b76032 solid 1px; padding:5px 20px; border-radius: 50px; background:#fff; font-weight:bold; margin-bottom:15px;  }
.pledge_wrap .pledge_list .text p{ font-family: 'Gmarket Sans';  font-weight:bold; font-size:22px; color:#80360e; margin-bottom:15px; }
.pledge_wrap .pledge_list .text ul li{ position:relative; padding-left:15px; margin:5px 0; font-size:15px; line-height: 20px;}
.pledge_wrap .pledge_list .text ul li:before{ position:absolute; left:0; top:7px; transform:rotate(-45deg); display:block; width:10px; height:4px; content:""; background:#666; }
.btn_con{ display:inline-block; padding:12px 15px; font-size:14px;}
.pledge_ctrl{ position:absolute; right:20px; bottom:20px; display:flex; justify-content: flex-end; align-items: flex-end; z-index: 10;}
.pledge_ctrl .paging{ display:inline-block; font-size:14px; font-weight:bold; margin-right:10px; }
.pledge_pager{ display:flex; align-items: center; margin-right:10px;}
.pledge_pager a{ display:inline-block; height:3px; width:12px; background:#000; text-indent: -9999px; margin:0 2px; }
.pledge_pager a.selected{ background:#f57e3d; }



/*==================
사이즈별 추가코드
==================*/

/*smartphones ( portrait )*/
@media all and (max-width:320px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:321px) and (max-width:360px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:361px) and (max-width:375px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:376px) and (max-width:414px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:415px) and (max-width:480px) {

}

/*tablet( portrait )*/
@media all and (min-width:640px) {



}
@media all and (min-width:641px) and (max-width:767px) {

}

/*=================
태블릿 기본 세팅
===================*/
@media all and (min-width:768px) {

	.media_slide_wrap .media_slide_list li{  margin:0 10px;}
}

@media all and (min-width:769px) and (max-width:1023px) {

}
/*=================
데스크탑 기본 세팅
===================*/
@media all and ( min-width:1024px){	 

	.main_policy_wrap{ position:relative; padding:30px 0; }
	.main_policy > li{ display:flex; flex-direction: row-reverse }
	.main_policy .text{ display:flex; flex-direction: column; margin-top:60px; width:50%; }
	.main_policy .text .title{ font-size:48px; margin-bottom:40px; }
	.main_policy .text .sub_title{ font-size:30px; line-height:40px;}
	.main_policy .thumb{ width:50%; height:400px; }

	.policy_ctrl{ left:0; bottom:30px; transform: translateX(0)}
	.policy_ctrl > a{ font-size:24px; }
	.policy_ctrl .policy_pager{ margin:0 20px; }

}

@media all and ( min-width:1200px){

}


@media all and ( min-width:1440px){ 



	.main_section header{ padding:100px 0 40px;}
	.main_section header .title span{ font-size:36px; margin-right:15px;  }
	.main_section header .title em{ font-size:48px; }
	.main_section header .title em:after{ width:15px; height:15px; right:-20px; top:-10px; }
	.main_section header .sub_title{ font-size:16px; }

	.tab_media{ height:520px; }
	.media_slide_wrap{ padding:50px 0; }
	.media_slide_wrap .media_slide_list li{ width:310px; margin:0 25px; }
	.media_slide_wrap .thumb{ height:240px; }
	.media_slide_wrap .title{ margin:20px 0 15px; }
	.media_slide_wrap .date{ margin-top:35px; }
	.media_ctrl a{ font-size:55px; }
	.media_ctrl .container{ position:relative; }

	.pledge_wrap .pledge_list > li{ display:flex; align-items: stretch }
	.pledge_wrap .pledge_list .thumb{ width:50%; height:345px; }
	.pledge_wrap .pledge_list .text{ width:50%; padding:50px; line-height:1.8em;}
	.pledge_wrap .pledge_list .text span{ font-size:20px; }
	.pledge_wrap .pledge_list .text p{ font-size:32px; margin-bottom:25px; }
	.pledge_wrap .pledge_list .text ul li{  margin:8px 0; font-size:20px; line-height:24px;}

	.pledge_ctrl{ right:50%; margin-right:-700px; }
	.pledge_ctrl .paging{ font-size:22px; }
	.pledge_ctrl .pause{ font-size:22px; }
	.pledge_pager a{ width:20px; }


	#main_section03{ padding-bottom:100px; }
}
@media all and ( min-width:1600px){

}
@media all and ( min-width:1900px){


}

.pop_layer{  display:none;  position:fixed; left:0; top:0; width:100%; height:200%; background:rgba(0,0,0,0.7);  z-index:10000}
.pop_layer.movie001{padding-top:20%;}
.pop_layer.movie002{padding-top:50%;}
.pop_layer.movie003{padding-top:28%;}

.movie_wrap{ position:relative; width:90%; padding-top:40px; margin:0 auto   }
.movie_wrap .pop_close{ position:absolute; right:0; top:0; display:block; width:30px; height:30px; text-indent:-9999px; background:url(/home/gjmayor/images/main/close_pop.png) no-repeat; background-size:cover }
.movie_wrap video, .movie_wrap iframe {width:100%; background-color:#000;}


@media all and (min-width:768px){
	.pop_layer{height:100%;}
	.pop_layer.movie001{padding-top:0;}	
	.pop_layer.movie002{padding-top:0;}
	.pop_layer.movie003{padding-top:0;}

	.movie_wrap{ width:70%; }
}


@media all and (min-width:1200px){
	.movie_wrap{ width:500px; }
	.movie_wrap video, .movie_wrap iframe {width:100%; height:300px;}
	.movie_wrap .pop_close{ position:absolute; right:0; top:0; display:block; width:30px; height:30px; text-indent:-9999px; background:url(/home/gjmayor/images/main/close_pop.png) no-repeat; background-size:cover }
}


@media all and (min-width:1200px){
	.movie_wrap{ width:1000px; }
	.movie_wrap video, .movie_wrap iframe {width:100%; height:600px; }
}