@charset "utf-8";

#comingSoon2{position:relative;width:100%; height:450px; padding-top:120px; background:#32a8b2;}
#comingSoon2 h1{font-size:66px; text-align:center;color:#fff; padding:20px 0px 50px 0px;}
#comingSoon2 .txt{ 	position:relative; width:100%; font-size:22px; line-height:160%; color:#fff; margin:30px 0px 0px 0px;text-align:center;}
#comingSoon2 .date{width:500px; margin:30px auto; font-size:22px; height:50px; color:#272724; padding:20px 0px 0px 0px; background:#ebfb8d; border-radius:35px;}
#comingSoon2 .img{width:100%; margin:50px 0px 0px 0px; text-align:center;}
#comingSoon2 .img img{max-width:500px;}
#comingSoon2 .t1{color:#ebfb8d;}
#comingSoon2 .t2{color:#53fdff;}


#divpop{display:none;}
/* 레이어 팝업
#divpop{position:absolute;left:100px;top:13%; border:1px solid #747474;width:360px;z-index:5000;background:#fff;
box-shadow:0 3px 0 rgba(0,0,0,0.24)
,0 4px 1px -3px rgba(0,0,0,0.32)
,0 1px 6px 0 rgba(0,0,0,0.5);
}
#divpop .popImg{width:100%; max-width:360px;}

#divpop .close{height:auto;height:30px; min-width:30px;color:#fff;text-align:right;background:#222; padding:5px 10px 0px 0px;}
#divpop input{width:20px;}
*/


#divpop2{position:absolute; /*left:calc(50% - 85px);*/ right:calc(50% - 275px); top:5%; 
border:0px solid #4f4f4f;width:550px;z-index:5000;background:#fff;
box-shadow:0 3px 0 rgba(0,0,0,0.24)
,0 4px 1px -3px rgba(0,0,0,0.32)
,0 1px 6px 0 rgba(0,0,0,0.5);
}
#divpop2 .popImg img{width:100%; max-width:550px;}
#divpop2 .close{height:auto; min-width:30px;color:#222;text-align:right; padding:5px 10px 0px 0px;}
#divpop2 input{width:20px;}


#divpop3{position:absolute;left:calc(50% - 570px);top:5%; 
border:0px solid #4f4f4f;width:500px;z-index:5000;background:#fff;
box-shadow:0 3px 0 rgba(0,0,0,0.24)
,0 4px 1px -3px rgba(0,0,0,0.32)
,0 1px 6px 0 rgba(0,0,0,0.5);
}
#divpop3 .popImg img{width:100%; max-width:500px;}
#divpop3 .close{height:auto; min-width:30px;color:#222;text-align:right; padding:5px 10px 0px 0px;}
#divpop3 input{width:20px;}




#accessibility{position:absolute;left:0;top:0;z-index:1; z-index:9999999;}
#accessibility li{float:left}
#accessibility a{position:absolute;width:1px;height:1px;top:-50px;overflow:hidden;text-align:center}
#accessibility a:focus, #accessibility a:active{position:absolute;top:0px;width:200px;height:auto;padding:5px;background-color:#fff;border:solid 1px #0079c6;color:#0079c6;z-index:2} 


#divWrapper	{position:relative; width:100%; }
#divHeader		{ width:100%;position:relative;}
.divWrap	{position:relative; width:100%; max-width:1600px; margin:0 auto;border: 0px solid #ef0616;}
.divWrap_sub{position:relative; width:100%; max-width:1200px; margin:0 auto;border: 0px solid #ef0616;}
h1.headDiv_tt	{z-index:999; position:absolute; top:62px; left:10px;}
	
.util{width:100%; /*background:#28323c*/; height:40px; border-bottom: 1px solid #e4e4e4;}
	
	.top-link{float:left;}
	.top-link ul{list-style:none;	}
	.top-link li{ position:relative;display: inline; float: left; border-right: 0px solid #ddd;}
	.top-link li::before {position: absolute;  top:18px; right: 0px; width: 5px; height: 5px; background-color: #b3b3b3;
    			border-radius: 50%;  content: '';}

	.top-link li.lineL{ border-left:0px solid #ddd;}
	.top-link li a{display:block; padding:10px 15px; color:#3f3f3f;}
	.top-link li a:hover{ color:#23808a;}
	.top-link li.on a{display:block; padding:10px 15px; color:#000; background:#fff}
	.top-link li:last-child{border-right:0px solid #ddd; }
	
	.top-link li.last{border-right: 0px solid #dfdfe1; }

	.util-inner{ position:absolute; top:0; right:0;}
	.util-inner ul{list-style:none;	float:right; }
	.util-inner li{display: inline; float: left; border-right: 1px solid #ddd; box-sizing: border-box; }
	.util-inner li.pd0		{ padding:0 !important}
	.util-inner li a.miu	{ background:url(/img/common/util_icon.png) no-repeat -80px 0; font-size:0; width:40px;}
	.util-inner li a.plus	{ background:url(/img/common/util_icon.png) no-repeat -80px -40px; font-size:0; width:40px;}
	.util-inner li a:hover.miu	{ background:url(/img/common/util_icon.png) no-repeat -80px 0;  }
	.util-inner li a:hover.plus	{ background:url(/img/common/util_icon.png) no-repeat -80px -40px; }
	.util-inner li.lineL	{ border-left: 1px solid #ddd;  color:#ddd  }
	.util-inner li a		{display:block; color:#222; padding:10px; height:40px; box-sizing: border-box; }
	.util-inner li a:hover	{color:#000;}


	
	
@media all and (max-width:767px){
	.top-link li::before {position: absolute;  top:18px; right: 0px; width: 0px; height: 0px; background-color: #b3b3b3;
    			border-radius: 50%;  content: '';}	
	}
	
.snsBox-wrap3{position:absolute; top:0px; right:135px; margin:2px 0px 0px 0px;border:0px solid #000;  }
.snsBox-wrap3 ul{width:190px;}
.snsBox-wrap3 ul.list{width: 100%; display: flex;  justify-content: space-between; box-sizing: border-box; }
.snsBox-wrap3 ul.list li{margin:0px 5px 0px 0px;  border-right:0px dashed #ddd; font-size:14px; letter-spacing:-0.05em; font-weight: bold; color:#494949;}
.snsBox-wrap3 ul.list li img{width:35px;}
.snsBox-wrap3 ul.list li a{width: 100%; display: block; text-align:left; position: relative; padding:0px 0 0px 0px;}
.snsBox-wrap3 ul.list li:first-child a{ }
.snsBox-wrap3 ul.list li:nth-child(2) a{}
.snsBox-wrap3 ul.list li:last-child { }

@media all and (max-width:1024px){
	.snsBox-wrap3{top:0px; right:0px;}
}
@media all and (max-width:900px){
	.snsBox-wrap3{display:none; }
}

@media all and (max-width:767px){
	.snsBox-wrap3{top:0px;}

	}
@media all and (max-width:480px){
	.snsBox-wrap3{width:170px;}
	.snsBox-wrap3 img{width:30px;}
}
	

/* 상단 통합검색 */
.topSearch {z-index:9999;float:left; width:115px; font-size:15px; height:40px;  background:url(/img/common/icon_topSearch1.png) no-repeat 15px 10px; /*background-color:#2c4d6f;*/ border-right:0px solid #436487;  }
.topSearch a:link,
.topSearch a:visited {display:block; width:100%; height:40px; line-height:40px; box-sizing:border-box; padding:0px 0px 0px 20px; color:#086977; text-align:center;  }
.topSearch a:active,
.topSearch a:focus,
.topSearch a:hover {color:#6c190d; }

.topSearch a span{ padding:0px 10px 0px 10px; }


/* 상단 통합검색바 */
.topTotalSearch {z-index:9999; position:absolute; left:0; top:40px; width:100%; height:100px; background:#2c4d6f;  display:none; }
.topTotalSearch .topTotalSearch-inner{position:relative;width:1200px;margin:0 auto;} 
.topTotalSearch .topTotalSearchArea { position:relative; width:800px; height:50px; padding:0px 0; margin:24px auto 0; }

.topTotalSearch .topTotalSearchArea .text_toptotalsearch { float:left; width:calc(100% - 75px); height:50px; line-height:50px; padding-left:30px; border:0; border-radius:0px; box-sizing:border-box; background:#fff; font-size:110%; color:#1757b7; margin-right:0px; }
.topTotalSearch .topTotalSearchArea input { float:left; margin-right:0px; cursor:pointer;  border:0; padding:0px;} 
.topTotalSearch .topTotalSearchArea a { float:left; margin-top:7px; } 
.topTotalSearch .searchClose{position:absolute; top:0px;right:0px;color:#fff; width:80px;  text-align:center; background:url(/img/common/btn_search_close2.png) no-repeat 10px 50%;  border: 1px solid rgba(255,255,255,.2);  font-size:15px;	 box-sizing:border-box;}
.topTotalSearch .searchClose a{display:block; color:#fff; height:50px; padding:15px 15px 0px 30px; box-sizing:border-box;}

	
/* PC메뉴 */

	/* gnb */
	#gnb {position:relative; width:100%; height:90px;}
	#gnb > ul {max-width:1200px; margin:0 auto; box-sizing:border-box; padding:15px 40px 0 250px;}
	#gnb > ul:after {display:block; clear:both; content:'';}
	#gnb > ul > li {position:relative; z-index:120; float:left; width:12.3%;font-family:'GmarketSansMedium','notokr-bold';}
	#gnb > ul > li.m2,#gnb > ul > li.m7 {width:12.8%;}
	#gnb > ul > li.on > a {color:#36267f}
	#gnb > ul > li > a {display:block; position:relative; height:30px; padding:24px 0 10px 0; color:#333; font-size:1.4em; text-decoration:none; text-align:center; letter-spacing:-1px;font-weight:400;}
	#gnb > ul > li > ul {display:none; position:absolute; z-index:120; top:76px; left:0; width:100%; height:315px; padding-top:5px ; border-right:1px solid #ddd;}
	
	#gnb > ul > li > ul:hover 	{background:#2a445e}
	#gnb > ul > li > ul:hover a {color: #fff;}
	#gnb > ul > li > ul:hover a:hover {color:#b0f3ff;}
	
	#gnb > ul > li:first-child > ul {border-left:1px solid #ddd;}
	#gnb.open > ul > li > ul {display:block;}
	#gnb span.bg {display:none; position:absolute; z-index:110; top:90px; left:0; width:100%; height:320px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff}
	#gnb span.bg:after {display:block; position:absolute; z-index:20; top:0; right:0; width:50%; height:254px; background:#fff; content:'';}
	#gnb.open span.bg {display:block;}
	#gnb.open > ul > li:first-child:before {display:block;}
	#gnb > ul > li > ul > li > a {display:block; position:relative; padding:0 1px; color:#404040;  text-align:center; line-height:28px; letter-spacing:-1.5px}
	#gnb > ul > li > ul > li > a:hover {color:#222;}

	
	
/* 모바일 */

#mobileLnb{display:none; position:absolute; top:0; left:0; width:100%; height:40px; border-bottom:1px solid #ddd; z-index:800;}
	#mobileLnb .mLnbDiv{position:relative; width:94%; height:40px; margin:auto;}
	#mobileLnb .mLnbDiv a{display:block}
	#mobileLnb .mLnbDiv .home{width:48px; height:14px; padding:13px 0; text-align:center; float:left; border-left:1px solid #ddd; border-right:1px solid #ddd}
	#mobileLnb .mLnbDiv .lnbOne{position:relative; width:160px; padding:12px 19px; float:left; border-right:1px solid #ddd}
	#mobileLnb .mLnbDiv .lnbOne.on{color:#333; }
	#mobileLnb .mLnbDiv .lnbOne.cur{color:#4a4098; }
	#mobileLnb .mLnbDiv .lnbOne img{position:absolute; top:19px; right:19px;}
	#mobileLnb .mLnbDiv .lnbTwo{display:none; position:absolute; top:40px; left:0; width:160px; border:1px solid #ddd; padding:15px 19px 5px; background:#fff}
	#mobileLnb .mLnbDiv .lnbTwo a{font-size:13px; margin-bottom:15px;}
	#mobileLnb .mLnbDiv .lnbTwo a:hover{color:#4a4098; }
	#mobileLnb .mLnbDiv .lnbTwo a.on{color:#4a4098; }

	.mobileMenu{display:none; position:absolute; top:20px; right:5px}
	
	#gnbM{display:none; position:absolute; top:0; right:-300px; width:300px; background:#f8f8f8; z-index:100000;}
	#gnbM .mUtil{padding:17px 15px; background:#36267f; font-size:13px; letter-spacing:-1px}
	#gnbM .mUtil a{color:#fff;}
	#gnbM .mUtil span{margin:0 6px; color:#ddf2e7}
	.mobileMenuXbt{position:absolute; top:18px; right:10px}
	.mobileMenuXbt img{width:15px}
	#gnbM .gnbDiv a{display:block}
	#gnbM .gnbDiv .one{padding:14px 20px 10px; font-size:16px; color:#333; border-bottom:1px solid #d9d9d9; font-weight:400; }
	#gnbM .gnbDiv .one.on{color:#36267f; border-bottom:1px solid #666;}
	#gnbM .gnbDiv .two{padding:15px 20px; border-bottom:1px solid #d9d9d9; background:#fff}
	#gnbM .gnbDiv .two .twoD{font-size:15px; color:#555; padding:10px 7px; border-bottom:1px solid #d9d9d9;}
	#gnbM .gnbDiv .two .twoD2{font-size:15px; color:#555; padding:10px 7px; border-bottom:1px solid #d9d9d9; background:#f3f3f3}
	#gnbM .gnbDiv .two .twoD3{font-size:15px; color:#555; padding:10px 7px 10px 15px; border-bottom:1px dotted #ccc; background:#fff}
	#gnbM .gnbDiv .two .thr{padding:15px 15px 5px; border-bottom:1px solid #d9d9d9; background:#f7f7f7}
	#gnbM .gnbDiv .two .thr .thrD{font-size:13px; color:#777; margin-bottom:10px}
	.dimdBg{display:none; position:absolute; top:0; left:0; width:100%; background:rgba(0,0,0,0.8); z-index:9999}

	/* 모바일 메뉴 */
	#mobileSideMenu{display:none}
	


/* 하단 */

	/* copyright */
	#divFooter	{z-index:999999;position:relative; width:100%; border-top:1px solid #e1e2e7; padding:30px 0px 20px 0px; font-family:'GmarketSansMedium','notokr-bold'; /*background:#3c3c3c*/ clear:both; }
	#divFooter .copyright{color:#222; line-height:26px; text-align:center; clear:both; padding-top:20px}
	#divFooter .copyright address{font-style:normal;}
	
	.footerMenu	{ padding-top:5px; text-align:center}
	.footerMenu ul		{ display:table; margin:0 auto;}
	.footerMenu ul li	{ float:left; text-align:center; border-right:1px solid #636363;}
	.footerMenu ul li a { padding:0px 28px 0px 28px; color:#222; font-size:1.2em}
	.footerMenu ul li:first-child	{ margin-left:0 }
	.footerMenu ul li:last-child	{ border-right:none;}
	
	.footer_logo {width:100%; text-align:center; padding-top:25px;}
	
	.hrP{display:inline-block;clear:both; display:inherit;float:none !important;}
	.hrT{display:none; clear:both; display:inherit;float:none !important;}
	.hrM{display:none; clear:both; display:inline;float:none !important;}

	
	.siteLinkW{ width:1100px; margin:0px auto; position:relative;  padding:0px; height:85px;overflow:hidden;}
	.siteLink{ padding:25px 0px 0px 0px; }
	.siteLink ul li{ margin:0px; float: left; padding-right:10px}
	.siteLinkW .imgControl{position:relative !important;width:1100px !important;margin:0 auto !important; }
	.siteLinkW .imgControl a{position:absolute;top:10px}
	.siteLinkW .imgControl a.prev{left:0px}
	.siteLinkW .imgControl a.next{right:0px}
	#siteLinkBanner		  { margin:0 40px}
	
	
	/*legend,caption,#contents */
	
	button{margin:0;padding:0;background:none;border:none;text-transform:none;vertical-align:middle;}
	button,[type="button"],[type="reset"],[type="submit"]{margin:0;padding:0;background:none;border:none;cursor:pointer;}
	
	#contents .skip,.skip{position:absolute;top:0;left:0;margin:0;padding:0;color:transparent;font-size:3px;line-height:1px;}
	
	.site_link{display:block;position:relative;width:100%;height:52px;margin:0;background:#e1e2e7;z-index:99999; font-family:'GmarketSansMedium','notokr-bold';clear:both;}
	.site_link .wrap{position:relative;}
	.sitelink_cont{display:block;float:left;position:relative;height:50px;width:25%;margin:0px;transition:all .5s;}
	.sitelink_cont h3{display:block; height:50px; 	border-right:1px solid #fff;background:none; background:url(/img/main/siteUp2.png) no-repeat 93% 22px;}
	.sitelink_cont h3 button{display:block;position:relative;width:100%; box-sizing: border-box; font-family:'GmarketSansMedium','notokr-bold';font-size:14px;height:50px;margin:0 0%;padding:0px 0px 0px 10%;border:none;color:#222;line-height:50px;text-align:left;}
	.sitelink_cont h3 button i{display:block;position:absolute;top:50%;right:0;width:24px;height:24px;margin:-12px 0 0 0;background:url(/img/common/siteUp.png) no-repeat left -72px;}
	.sitelink_cont .layer{display:none;position:absolute;left:0;bottom:50px;width:100%;z-index:100;padding:30px 0 0 0;}
	.sitelink_cont .layer .close{position:absolute;right:0;top:0;width:30px;height:30px;background:url(/img/common/com_img.png) #4d5360 no-repeat 7px 8px; background-position:-106px -13px;color:transparent;font-size:0;line-height:0;text-indent:-9999px;z-index:10;}
	.sitelink_cont.first h3{border-left:1px solid #fff;}
	
	.link_part strong{display:none;width:88%; height:50px;padding:0 0 0 12%;color:#fff;line-height:50px;}
	.link_part ul{padding:15px 5px;background-color:#fff;border:2px solid #4d5360;}
	.link_part ul:after		{content:'';display:block;clear:both;height:0;visibility:hidden}
	.link_part li{display:block;float:left;width:100%;}
	.link_part .sitelink_list1 li,.link_part .sitelink_list3 li,.link_part .sitelink_list5 li{width:100%;}
	.link_part a{display:block;margin:0 0 0 5px;padding:5px 0 0 10px;background:url(/images/main/siteDown.png) no-repeat left -118px;color:#606060;font-size:14px;}
	
	
	.popH2{position:relative;font-family: 'notokr-medium';font-size:30px;margin:10px 0px 40px 0px;padding:5px 0px 5px 32px; background:url(/tv/images/common/icon_h2.png) no-repeat 0px 4px}
	
	
/* 서브페이지 */

	#divContents{position:relative; padding:0; margin:0; border-top:5px solid #453589; min-height:200px;}

	.subContent			{width:1200px; margin:0 auto;  overflow:hidden; position: relative;}		
	.subContent:after	{content:'';display:block;clear:both;height:0;visibility:hidden}	

	
	#lnb {position:relative;float:left; margin:0px; width:240px; height:auto !important; letter-spacing:-0.03em;}	
	#lnb h2 {width:240px; height:104px;color:#fff;  font-size:24px; line-height:118px;margin:0px;color:#fff; background:url("/img/common/bg_leftMenu.png") 0px 0px no-repeat;text-align:center; }
	#lnb > ul {width:240px;}
	#lnb > ul > li { border:1px solid #ddd; font-size: 16px;  border-top:0;box-sizing:border-box; position:relative;}
	#lnb > ul > li.on {}
	#lnb > ul > li > a { display:block; padding-left:15px; height:50px; line-height:50px; color:#333; background:#fff; }
	#lnb > ul > li > a:hover, #lnb > ul > li > a:focus, #lnb > ul > li > a:active, #lnb > ul > li.on > a {color:#453589; background:url(/img/common/lnb_arrow.png) no-repeat; background-position: 93% center; }
	#lnb > ul > li.on > a { color:#453589; font-weight:bold; background:url(/img/common/lnb_arrow.png) no-repeat; background-position: 93% center; }
	
	#lnb ul li.on ul 	{ position:relative; visibility:visible; }
	#lnb > ul > li img  { /*position:absolute; */ top:15px; right:5%}
	#lnb ul ul { position:absolute; visibility:hidden; padding:15px 0; background-color:#f6f6f6; box-sizing:border-box; border-top:1px solid #ddd; }
	#lnb ul ul li {font-size: 14px;  border-bottom:0; background:none;padding-right:10px; }
	#lnb ul ul li > a { display:block; padding-left:30px;  line-height:28px; color:#474747; background:url("/images/common/bl_lnb2.png") 17px 14px no-repeat;}
	#lnb ul ul li a:hover, #lnb ul ul li a:focus, div#lnb ul ul li a:active, div#lnb ul ul li.on a { color:#453589; }	
	#lnb ul ul li.on > a { color:#453589; font-weight:bold }
	
	div#lnb ul li a .offtext{background:url("/images/common/noBg.png");}

	
	.pageWrap				{position:relative; width:910px; min-height:700px; float:right; padding:35px 0 ; line-height:140%}
	.pageWrap h2.page_tt	{font-size:2.4em; color:#000; margin-top:20px;font-weight: bold;  height:50px; border-bottom:dotted #999 1px}
	
	.in-wrap	{ margin:30px 0px }
	.in-wrap h3	{ position:relative;margin:40px 0px 10px; padding-left:30px;color:#000;font-size:1.5em;font-weight:normal; letter-spacing:-0.3px; line-height:22px}
	.in-wrap h3:before{position:absolute;top:2px;left:0;width:18px;height:18px;content:'';background:url('/img/common/com_img.png') no-repeat -83px -20px;}
	.in-wrap h4	{ position:relative;margin:20px 0px 10px 20px; color:#453589; padding-left:25px; font-size:1.2em}
	.in-wrap h4:before{position:absolute;top:3px;left:0;width:18px;height:18px;content:'';background:url('/img/common/com_img.png') no-repeat -55px -20px;}
	.in-wrap h5	{}
		
	
	 p.path{ position:absolute; right:0; top:60px; color:#454545; height:20px; line-height:14px; padding-left:20px;}
	 p.path span{ display:inline-block; margin:0 8px; height:14px; width:5px; text-indent:-9999px; background:url(/img/common/com_img.png) no-repeat; background-position:-154px -54px}
	 p.path strong{ font-weight:bold;color:#1f1f1f;}
	
		
	
/* 메인 */
.f1{display: flex; flex-direction:row; }


.rowgroup1{ position:relative; width:100%; margin:0px auto; /*height:560px;  height:650px;*/ box-sizing:border-box; 	font-family:'GmarketSansMedium','notokr-bold'; }
	.f1_con_ex_box1	{ position:relative;  width:34%; margin:0px 0% 0px 0%; min-height:620px; box-sizing:border-box; z-index:9;}
	.f1_con_ex_box2	{ position:relative;  width:64%; min-height:330px; margin:15px 0% 0px 2%;box-sizing:border-box; z-index:9;}
	.f1_con_ex_box3	{position:relative;  width:64%; margin:0px 0% 0px 0%; box-sizing:border-box; z-index:9;}
	

		
.rowgroup2		{position:relative; width:100%; clear:both; min-height:190px;  box-sizing:border-box; 
	font-family:'GmarketSansMedium','notokr-bold';
	/* border: 1px solid #e7eaf1;  background-color:#e7eaf0;*/}

		
.rowgroup3		{position:relative; width:100%; clear:both; margin:30px 0px 40px 0px; min-height:270px; box-sizing:border-box;
	font-family:'GmarketSansMedium','notokr-bold';
	/*background:url(/img/main/bg2.gif) repeat;*/ }
	.f3_con_ex_box1	{border: 0px solid #000; position:relative; float:left; width:50%; padding:0px 1% 0px 0%; box-sizing:border-box;  }
	.f3_con_ex_box2	{border: 0px solid #000; position:relative; float:right; width:50%; padding:0px 0% 0px 1%; box-sizing:border-box;}
	.f3_con_ex_box3	{ position:relative; float:right; width:50%; padding:0px 0% 0px 1.5%; box-sizing:border-box;}


.rowgroup4{position:relative; width:100%; padding:20px; height:auto; min-height:700px; background-color:#f7fbfb; font-family:'GmarketSansMedium','notokr-bold'; clear:both;  box-sizing:border-box;}			
.rowgroup4:before {
    content: "";
    width: 50%;
    height: 100%;
    background: url(/img/main/memberBg1.png) left top 0px no-repeat;
    position: absolute;
    left: calc(50% - 0%);
    border: 2px solid #ef0616;
    top: 0px;
    z-index: 0;
    border: 0px solid #000;
}
@media all and (max-width:1400px){
	.rowgroup4{min-height:830px;}

}
@media all and (max-width:1150px){
	.rowgroup4{min-height:1200px;}
	
}

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

@media all and (max-width:767px){
		.rowgroup4{min-height:830px;}
}

@media all and (max-width:540px){
		.rowgroup4{min-height:1500px;}
}



.rowgroup5{position:relative; width:100%; clear:both; height:420px; min-height:420px;  font-family:'GmarketSansMedium','notokr-bold';
	margin:50px 0px 0px 0px; padding:0px 0px 0px 0px;  box-sizing:border-box; }

.rowgroup5:before {
    content: "";
    width:calc(35% - 500px);
    height: 100%;
    background-color:#7b6eb1;
    border-radius:0px 0px 0px 0px;
    position: absolute;
    /*right: calc(50% - 0px);*/
    top: 0px;
    right:0px;
    z-index: 0;
    border: 0px solid #000;
}


.rowgroup6{position:relative; width:100%; clear:both;min-height:500px; padding:90px 0px 0px 0px; font-family:'GmarketSansMedium','notokr-bold'; overflow:hidden; /* background-color:#dde4ec; */  box-sizing:border-box; }

.rowgroup7{ box-sizing:border-box; font-family:'GmarketSansMedium','notokr-bold';}


/*
.f6_con_wrap:before {
    content: "";
    width: 50%;
    height: 100%;
    background: url(/img/main/mginBg3.png) left 0px top 0px no-repeat;
    position: absolute;
    left:-8%;
    top: 0px;
    z-index: 0;
    border: 0px solid #000;
}	
.f6_con_wrap:after {
    content: "";
    width: 50%;
    height: 100%;
    background: url(/img/main/mginBg4.png) right top no-repeat;
    position: absolute;
    right:-8%;
    top: 160px;
    z-index: 0;
    border:0px solid #000;
    overflow:hidden;
}
*/	

	
.mainBg{background-image: linear-gradient(180deg, #f8fafc, #fff);box-sizing: border-box;  overflow:hidden; /*background-color:#f3f3fb;*/ }
/*.mainBg:before {
    content: "";
    width: 50%;
    height: 100%;
    background: url(/img/main/mainBg5.png) left 0px top 0px no-repeat;
    position: absolute;
    left:-8%;
    top: 0px;
    z-index: 0;
    border: 0px solid #000;
*/
.mainBg:after {
    content: "";
    width: 50%;
    height: 100%;
    max-height:500px;
   background: url(/img/main/mainBg5.png) left top -120px no-repeat;
    position: absolute;
    left:calc(50% - 0%);border: 2px solid #ef0616;
    top: 0px;
    z-index: 0;
    border:0px solid #000;
}	
	
	
/*메인 txt*/
.mainContents_txt{clear:both; width:100%; height:120px; padding:40px 0px 0px 0px;  font-size:38px; FONT-WEIGHT: bold; color:#fff; letter-spacing:-0.5px;  line-height:150%; text-align:center; box-sizing: border-box; z-index:9;}	
.maintxt1{clear:both; width:100%; height:120px; padding:40px 50px 0px 0px; position: relative; width:100%; text-align:center;  line-height:180%; font-size:26px;color:#000000; letter-spacing: -0.05em; box-sizing: border-box; z-index:9;font-family: 'notokr-medium'; }
.maintxt2{font-size:26px; color:#231815;  font-family: 'notokr-bold';}
.maintxt3{ color:#d63538;  font-family: 'notokr-bold';/*font-size:26px; font-family: 'notokr-bold';*/}



/* 날씨 */
.weather{position:absolute; width:190px; top:34px; right:0px; color:#222;font-family: 'notokr-medium'; z-index:9; }
.weather .icon{float:left; width:55px;}
.weather .date{float:right;width:135px;text-align:left;}
.weather .finedust{clear:both; padding:7px 0px 0px 0px; margin:0px 0px 0px 0px;}
.weather .txtBlue3{color:#186bdb;}

/*
.f6_con_wrap	{position:relative; width:100%; clear:both; height:130px; min-height:130px;  padding:0px 0px 0px 0px; overflow:hidden; box-sizing:border-box; }	
*/	
	
/* SNS */
.snsBox{position:relative; float:left; width:calc(100% - 500px); padding:0px 0px 15px 0px; border: 0px solid #ef0616;  box-sizing: border-box;}
.snsBox .tit{position:relative; width: calc(100% - 0px); margin:5px 0px 10px 0px; }
.snsBox .tit h2{font-size:22px; padding:0px 0px 0px 0px; letter-spacing:-0.05em; color:#374356;}
.snsBox .tit h2 em{font-size:28px;}
.snsBox .tit span.txt{font-size:18px; margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; line-height:30px;}


.snsBox .snsList{position:relative; width:100%; height:330px; margin:20px 0px 10px 0px; border: 0px solid #000;}
.snsBox .snsList ul li{float: left; width: calc(33.3% - 4%); display: inline;text-align:center; margin:0px 6% 0px 0px; border-radius:20px; border: 1px solid #d8d8d8; box-sizing: border-box; background:#f2f3f4;  overflow: hidden;}
.snsBox .snsList ul li:last-child{margin:0px 0% 0px 0px;}
.snsBox .snsList ul li a{color:#222; background:#fff; text-decoration:none;}
.snsBox .snsList ul li img{
	object-fit: cover;
	justify-content: center; height:40vh; transition: all .5s ease-out;
	 max-height: 100%;
	 width:100%;
   /* object-fit: cover;
   object-fit: contain;
   object-fit: scale-down;
	object-fit: fill;
	 background-size: cover;
    */
	
	 box-sizing: border-box; overflow: hidden;}

/*  
.snsBox .snsList ul li .img {background:#f2f3f4;  overflow: hidden;  text-align:center; width:100%; height:auto; border-radius:10px;overflow: hidden;box-sizing: border-box;  }
.snsBox .snsList ul li .img span {max-width:100%;max-height:100%;object-fit:cover; background-size: cover; }
.snsBox .snsList ul li .img img{object-fit:contain; justify-content:center; height:40vh;  max-height:290px; transition: all .5s ease-out;}
.snsBox .snsList ul li .img img:hover{ transform: scale(1.08) rotate(.001deg);}
*/


.snsBox .snsList ul li a span{position: absolute; height: 0; overflow: hidden; font-size: 1px; text-indent: -9999px; line-height: 0;
	/*position:relative; overflow:hidden; height:80px; margin:-52px 0 0 0; padding:19px 20px 0 27px; box-sizing:border-box; background:#000;*/
	}

@media all and (max-width:1400px){
	.snsBox .snsList ul li{float: left; width: calc(50% - 2%); margin:0px 2% 0px 0px;}
	.snsBox .snsList ul li:nth-child(3){display:none;}
	
}


@media all and (max-width:950px){
	.snsBox .snsList ul li{float: left; width: calc(100% - 0%); margin:40px 2% 0px 0px;}
	.snsBox .snsList ul li:nth-child(2){display:none;}
}

@media all and (max-width:767px){
	.snsBox .snsList ul li{float: left; width: calc(50% - 2%); margin:0px 2% 0px 0px;}
	.snsBox .snsList ul li:nth-child(2){display:block;}
	/*
	.snsBox .snsList ul li{float:none !important; width: calc(100% - 0%);  margin:0px 0% 0px 0px;}
	.snsBox .snsList ul li:nth-child(1){display:none;}
	*/
}


/* 가로*/
.snsBox .snsBox-wrap{position:absolute; top:0px; right:0px; width:250px; margin:0px 0px 0px 0px; border: 0px solid #000;}

.snsBox .snsBox-wrap ul.list{width: 100%; display: flex;  justify-content: space-between;  box-sizing: border-box; }

.snsBox .snsBox-wrap ul.list li{border-right:0px dashed #ddd; font-size:14px; letter-spacing:-0.05em; font-weight: bold; color:#494949;}
.snsBox .snsBox-wrap ul.list li a{width: 100%; display: block; text-align:left; position: relative; padding:0px 0 0px 0px;}
.snsBox .snsBox-wrap ul.list li:first-child a{ }
.snsBox .snsBox-wrap ul.list li:nth-child(2) a{}
.snsBox .snsBox-wrap ul.list li:last-child { }

@media all and (max-width:950px){
	.snsBox .snsBox-wrap{top:60px;}
}

@media all and (max-width:767px){
	.snsBox .snsBox-wrap{top:0px;}

	}
@media all and (max-width:480px){
	.snsBox .snsBox-wrap{width:170px;}
	.snsBox .snsBox-wrap img{width:30px;}
}


/* 모바일 하단 SNS */
.snsBox-wrap2{display:none;/*position:absolute; top:0px; right:0px;*/  margin:0px 0px 0px 0px; border: 0px solid #000;  }
.snsBox-wrap2 ul{width:190px; }
.snsBox-wrap2 ul.list{width:100%; margin:0px auto; display: flex;  justify-content: space-between; box-sizing: border-box; }

.snsBox-wrap2 ul.list li{border-right:0px dashed #ddd; font-size:14px; letter-spacing:-0.05em; font-weight: bold; color:#494949;}
.snsBox-wrap2 ul.list li img{width:35px;}
.snsBox-wrap2 ul.list li a{width: 100%; display: block; text-align:left; position: relative; padding:0px 0 0px 0px;}
.snsBox-wrap2 ul.list li:first-child a{ }
.snsBox-wrap2 ul.list li:nth-child(2) a{}
.snsBox-wrap2 ul.list li:last-child { }

@media all and (max-width:900px){
	.snsBox-wrap2{display:block; margin:0px 0px 0px 0px; top:0px; border: 0px solid #000;}
	.snsBox-wrap2 ul{width:100%;padding:15px 0px 0px 0px;}
	.snsBox-wrap2 ul.list{width:210px; margin:10px auto 10px;}
	}
@media all and (max-width:480px){
	.snsBox-wrap2{width:170px;}
	.snsBox-wrap2 img{width:30px;}
}


/*
.snsBox .snsBox-wrap ul.list li a:before{content: ""; width: 52px;height: 52px; background: url("/img/main/facebook-ico.png") no-repeat; background-size:60%; position: absolute; top:12px; left:0px;}
.snsBox .snsBox-wrap ul.list li:nth-child(2) a:before{content: ""; background: url("/img/main/insta-ico.png") no-repeat;  background-size:60%;}
.snsBox .snsBox-wrap ul.list li:nth-child(3) a:before{content: "";  background: url("/img/main/cacaoch-ico.png") no-repeat; background-size:60%;}
.snsBox .snsBox-wrap ul.list li:nth-child(4) a:before{content: "";  background: url("/img/main/youtube-ico.png") no-repeat; background-size:60%;}
.snsBox .snsBox-wrap ul.list li:nth-child(5) a:before{content: "";  background: url("/img/main/youtube-ico.png") no-repeat; background-size:60%;}
*/

/* 세로
.snsBox .snsBox-wrap{position:relative; width:calc(100% - 0px); margin:15px 0px 0px 0px; border: 0px solid #000;}

.snsBox .snsBox-wrap ul.list{width: 100%; display: flex; border: 1px solid #e7e7e7;  justify-content: space-between;  box-sizing: border-box; }
.snsBox .snsBox-wrap ul.list li{width: calc(20% - 0px);border-right:1px dashed #e7e7e7;    text-align:center; font-size:13px;  font-weight: bold; color:#494949;}
.snsBox .snsBox-wrap ul.list li a{width: 100%; display: block; text-align:center;  position: relative; padding: 50px 0px 10px 0px;}
.snsBox .snsBox-wrap ul.list li:first-child a{}

.snsBox .snsBox-wrap ul.list li:nth-child(5){border-right:1px dashed #fff;}
.snsBox .snsBox-wrap ul.list li:last-child {border-right:1px dashed #fff;}


.snsBox .snsBox-wrap ul.list li a:before{content: ""; max-width:52px; height: 52px;  top:45%; left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%); display: block;
    width: 100%; position:absolute; text-align:center;  margin:0px auto; }
.snsBox .snsBox-wrap ul.list li:nth-child(1) a:before{content: ""; background: url("/img/main/facebook-ico.png") 63% top  no-repeat; background-size:70%;}
.snsBox .snsBox-wrap ul.list li:nth-child(2) a:before{content: ""; background: url("/img/main/insta-ico.png")  63% top no-repeat; background-size:70%;}
.snsBox .snsBox-wrap ul.list li:nth-child(3) a:before{content: ""; background: url("/img/main/cacaoch-ico.png")  63% top no-repeat; background-size:70%;}
.snsBox .snsBox-wrap ul.list li:nth-child(4) a:before{content: ""; background: url("/img/main/youtube-ico.png")  63% top no-repeat; background-size:70%;}
.snsBox .snsBox-wrap ul.list li:nth-child(5) a:before{content: ""; background: url("/img/main/blog-ico.png") 63% top no-repeat; background-size:70%;}
 */


/*
.snsBox .snsList{position:relative; width:100%; box-sizing: border-box; }
.snsBox .snsList li{width: calc(50% - 10px);  height:200px;}
.snsBox .snsList li span img{border: 1px solid #ddd; border: 1px solid #ddd;}
*/



@media all and (max-width:767px){
	.snsBox{float:none !important;  width:calc(100% - 0px);  }
}



/* 유튜브 */
.youtube_wrap{position:relative; float:right; width:470px;  height:420px; min-height:420px; padding:50px 0px 50px 90px; box-sizing: border-box; /* background:#333;*/  }

.youtube_wrap:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color:#7b6eb1;
    border-radius:40px 0px 0px 150px;
    position: absolute;
    /*right: calc(50% - 0%);*/
    
    top: 0px;
    right:0px;
    z-index: 0;
    border: 0px solid #000;
}

.youtube_wrap h2{position:relative;  font-size:24px; color:#fff;  line-height:150%;}

.youtubeList{position:relative; width:100%; max-width:384px; border-radius:0px; overflow: hidden;}
.youtubeList img{width:100%;}
.youtubeList:before {
    content: '';
    width: 34px;
    height: 23px;
    background: #FF0F00;
    position: absolute;
    right: 1%;
    top: 10%;
    transform: translate(-50%, -50%);
    border-radius: 7px;
    z-index: 1;
}


.youtubeList:after {
    content: '';
    border-left: 9px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    right: 7%;
    top: 10%;
    transform: translate(-50%, -50%);
    z-index: 2;
}


.youtubeList .noimg{
	display: block; position: absolute;  margin:0px auto; left: 50%;  transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);  
	width:100%; top:48%;  font-size:20px; min-height:30px; color:#adadad; text-align:center;
	background:#333;border:0px solid #fff600; }
	

.youtube_wrap a strong{position: absolute; width:100%; height:55px; max-width:384px; border-radius:0px 0px 0px 0px;
	font-size:16px;  padding:15px 20px 0px 20px; 
	color:#fff; /* background:#333; background:#e33f2c;*/ 
	text-align:center; z-index:99999; box-sizing: border-box;
	text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
}


.youtubeList ul{position:relative; margin:0;padding:0;}
.youtubeList li{position:relative; width:100%; overflow:hidden; }

.youtubeList a{display:block; padding:0px 0px 0px 0px;}


@media all and (max-width:767px){
	.youtube_wrap{float:none !important; width:100%; margin:20px 0px 0px 0px; padding:25px 20px 50px 60px; height:360px; min-height:360px;}
	.youtubeList{margin:0px auto;}
	.youtube_wrap a strong{ }
	

}

@media all and (max-width:480px){
	.youtube_wrap{padding:25px 20px 50px 60px; height:320px; min-height:320px; }
	.youtube_wrap:before {  border-radius:30px 0px 0px 120px;}
	.youtube_wrap a strong{font-size:14px;  padding:15px 20px 0px 0px; }

}


/* 열린의회 */
.petition{position:relative; width:100%; height:65px; background:url(/img/main/petition_bg.png) no-repeat left 0px; background-color:#00c1c1; font-family: 'notokr-medium'; letter-spacing:-0.5px;}
.petition h2{float:left;width:35%;  max-width:150px; min-width:150px; padding:20px 0px 0px 55px; font-size:19px; color:#fff;  box-sizing: border-box;}
.petition .txt{float:right; width:50%;  margin:0px 2% 0px 0px; font-size:19px; color:#0d3f41; background:url(/img/main/arrow1.png) no-repeat right 23px;box-sizing: border-box;}
.petition .txt a{display:block;height:65px; padding:22px 0px 10px 30px;box-sizing: border-box;}



/*열린의장실
.chairman_bx {background:url(/img/main/chairman_bg5.png) no-repeat left -5px bottom -30px; background-color:#f7f7f7; min-height:270px; padding:65px 0 0 20px; box-sizing:border-box}
.chairman_bx h2{font-weight:500; padding:0px 0px 0px 170px;font-size:26px; color:#121212; letter-spacing:-0.5px;}
.chairman_bx .chairman_bx_txt	{clear:both; padding:10px 0px 0px 170px; width:50%; font-size:18px; line-height:140%; color:#202020; letter-spacing:-0.5px;}
.chairman_bx .chairman_bx_txt span	{font-size:18px;  letter-spacing:-0.5px;}
.chairman_bx .chairman_bx_btn{clear:both; width:140px; margin:45px 0px 0px 170px; color:#fff; font-size:16px; background-color:#4E4E4E; letter-spacing:-0.5px; }
.chairman_bx .chairman_bx_btn a{display:block; padding:7px 10px 7px 20px; color:#fff;}
*/


/*열린의장실*/
.chairman_bx {float:right;width:50%;
	background:url(/img/main/chairman_bg7.png) no-repeat right 0px top 40px; 
	background-size:335px;
	/* background-color:#f7f7f7;*/ min-height:330px; padding:50px 0 0 20px; box-sizing:border-box}
.chairman_bx h2{font-size:26px;  font-weight:500; padding:0px 0px 0px 15px;color:#121212; letter-spacing:-0.5px;}
.chairman_bx .chairman_bx_txt	{clear:both; padding:25px 0px 0px 15px; width:50%; font-size:18px; line-height:140%; color:#202020; letter-spacing:-0.5px;}
.chairman_bx .chairman_bx_txt span	{font-size:22px;  letter-spacing:-0.5px; /*  font-family:'GmarketSansMedium'; */font-family:'GmarketSansBold';}
.chairman_bx .chairman_bx_btn{clear:both; position:relative; width:200px; margin:35px 0px 0px 15px;  font-size:18px; color:#fff; background-color:#7b70ae; /* color:#333; background-color:#f2f7f8; */border-radius:10px; letter-spacing:-0.5px; }
.chairman_bx .chairman_bx_btn a{display:block; padding:15px 10px 10px 25px; color:#fff;}


.chairman_bx .chairman_bx_btn::before {
    position: absolute;
    top: 9px;
    right: 15px;
    width: 13px;
    height: 21px;
    background: url(/img/main/next.png) no-repeat 0px 4px;
    
    border-radius: 50%;
    content: '';
}

@media all and (max-width:1024px){
	.chairman_bx {/*float:none !important;width:100%;*/min-height:280px;
	background:url(/img/main/chairman_bg7.png) no-repeat right 0px top 20px; 
	background-size:300px;
	/* background-color:#f7f7f7;*/  padding:50px 0 0 20px; 
	
	}
}

@media all and (max-width:767px){
	.chairman_bx{
	float:none !important;width:100%;
	background:url(/img/main/chairman_bg7.png) no-repeat right 0px top 18px; 
	background-size:300px;
	/* background-color:#f7f7f7;*/ min-height:280px; padding:50px 0 0 0px; box-sizing:border-box}
	.chairman_bx h2{font-size:22px; }
	.chairman_bx .chairman_bx_txt	{font-size:16px;}
	.chairman_bx .chairman_bx_btn{width:180px; font-size:16px;}
}

/*열린의장실2 */
.chairman_bx2 {float:left;width:50%;
	background:url(/img/main/20220701_5_bg.png) no-repeat center top; 
	text-align:center;  background-color:#fbe5e5;/* background-color:#faf3ed; */ 
	min-height:270px; padding:0px 0px 0px 0px; overflow:hidden;
	text-align:center;
	box-sizing:border-box;
	padding:0px 0px 0px 0px;
	}
.chairman_bx2 img{width:100%; }




/*슬로건 */
.slogan_bx1 {position:relative;
	float:left;width:50%;
	background:url(/img/main/slogan4.png) no-repeat;
	
	background-position:center top 10px;
	text-align:center; 	/*  background-color:#fbe5e5;*/
	min-height:330px; padding:0px 0px 0px 0px; overflow:hidden;
	text-align:center;
	box-sizing:border-box;
	}
.slogan_bx1 img{width:100%; }
.slogan_bx1 .slogan_txt{position:relative;  width:100%; margin:100px 0px 0px 0px; 
	font-size:28px; line-height:140%; color:#222; letter-spacing:-0.5px;}
.slogan_bx1 .slogan_txt .txt1{color:#41335c; /* color:#224143;*/ }
.slogan_bx1 .slogan_txt .txt2{color:#886fb8; /* color:#277093;*/}

@media all and (max-width:1024px){
	.slogan_bx1 {float:none !important;width:100%; min-height:280px;
	background-size:130%; /* background-size:cover; */
	background-position:center top 0px; }
	.slogan_bx1 .slogan_txt{font-size:24px; margin:90px 0px 0px 0px;}
}

@media all and (max-width:767px){
	.slogan_bx1{background:url(/img/main/slogan4.png) no-repeat;
	background-position:center top; 
	min-height:330px;
	}
	.slogan_bx1 .slogan_txt{font-size:28px; margin:110px 0px 0px 0px;}
}


	
	

/*바로가기		
.link_icon	{position:relative; clear:both; width:100%; margin:15px 0px 10px  0px; height:140px; }

.link_icon li{float:left; width:16.6%; height:140px; text-align:center; font-size:18px; color:#222; letter-spacing:-1px; box-sizing:border-box; }
.link_icon li a	{display:block; padding:105px 0px 10px 0px;vertical-align:middle; color:#222; }
.link_icon li.icon1	{background:url(/img/main/icon5.png) no-repeat center 10px;}
.link_icon li.icon2	{background:url(/img/main/icon6.png) no-repeat center 10px;}
.link_icon li.icon3	{background:url(/img/main/icon3.png) no-repeat center 10px;}
.link_icon li.icon4	{background:url(/img/main/icon4.png) no-repeat center 10px;}
.link_icon li.icon5	{background:url(/img/main/icon1.png) no-repeat center 10px;}
.link_icon li.icon6	{background:url(/img/main/icon2.png) no-repeat center 10px;}

.link_icon li a:hover	{color:#0078b6;}
*/



.menuQuick_div{position:relative; width:62%; float: left; margin:35px 2% 10px  0px; height:140px; }
.menuQuick {position: relative; width:100%;  margin:0 auto;}
.menuQuick li { float: left; display: inline-block;  position: relative;  border: 0px solid #000;width: calc(32% - 0%); margin: 0px 1% 10px 0%; border-radius:3px;  background-color: rgb(255, 255, 255); box-shadow:1px 2px 1px rgba(0,0,0,.1); box-sizing: border-box;}
.menuQuick li:nth-child(3) {margin: 0px 0% 10px 0% }
.menuQuick li::before { display: block; position: absolute; right: 0px; top: 0px; content: ""; width: 0px; height:100%; background: rgb(188, 214, 229); }
.menuQuick li:last-child::before { display: none; margin-right: 0%; }
.menuQuick li a { display: block; height:55px;    width: calc(100% - 10px); box-sizing: border-box;}

.menuQuick li a em { display:block; position: absolute;  width: calc(100% - 10px);  bottom:15px; font-size:20px; color:#3b3b3b;font-family: 'notokr-medium';  letter-spacing: -0.07em; margin-top:0px; padding:15px 20px 5px 80px; border:0px solid #000;line-height: 20px;  color: rgb(40, 40, 40); box-sizing: border-box; }
.menuQuick li a em::after { display: block; position: absolute; left: 0px; bottom: -1px; z-index: -1; content: ""; width: 0px; height: 9px; /*background: rgb(192, 228, 247);*/ transition: all 0.3s ease 0s; }
.menuQuick li a.ov em { }
.menuQuick li a.ov em::after { width: 100%; }
.menuQuick li span { position: absolute; display: block; width:80px;  height:55px;   overflow: hidden; margin: 0px auto 5px;   background: url("/img/main/quickmenu_icon.png") 0px 0px no-repeat; box-sizing: border-box;  }
.menuQuick li.n1 span { background-position: 0px -10px;  }
.menuQuick li.n2 span { background-position: -80px -10px;}
.menuQuick li.n3 span { background-position: -160px -10px;}

.menuQuick li.n4 span { background-position: 0px -90px;}
.menuQuick li.n5 span { background-position: -80px -90px;}
.menuQuick li.n6 span { background-position: -160px -90px;}



.menuQuick_div2{position:relative;  width:36%;  float: right; margin:35px 0px 0px  0px; height:140px; }
.menuQuick2 {position: relative; width:100%; margin:0 auto;}
.menuQuick2 li { float: left; display: inline-block; border: 0px solid #000;   position: relative;  width: calc(32% - 0px); margin: 0px 2% 30px 0px;  border-radius:3px;   background-color: rgb(255, 255, 255); box-shadow:1px 2px 1px rgba(0,0,0,.1); box-sizing: border-box;}
.menuQuick2 li:last-child {margin: 0px 0% 10px 0% }
.menuQuick2 li::before { display: block; position: absolute; right: 0px; top: 0px; content: ""; width: 0px; height:100%; background: rgb(188, 214, 229); }
.menuQuick2 li:last-child::before { display: none; margin-right: 0px; }
.menuQuick2 li a { display: block; height:125px; text-align:center;    }

.menuQuick2 li a em { display:block; position: absolute; width:100%;  bottom:15px; font-size:15px; color:#3b3b3b;font-family: 'notokr-medium';  letter-spacing: -0.07em; margin-top:0px; padding:15px 0px 5px 0px; border:0px solid #000;line-height: 20px;  color: rgb(40, 40, 40); box-sizing: border-box; }
.menuQuick2 li a em::after { display: block; position: absolute; left: 0px; bottom: -1px; z-index: -1; content: ""; width: 0px; height: 9px; /*background: rgb(192, 228, 247);*/ transition: all 0.3s ease 0s; }
.menuQuick2 li a.ov em {}
.menuQuick2 li a.ov em::after { width: 100%; }
.menuQuick2 li span {position: absolute; width:100px; height:100px; margin: 0px auto;
    left: 50%; top:50%;   transform: translate(-50%,-50%);    -webkit-transform: translate(-50%,-50%);
    display: block;        padding:0px 10px 0px 10px; overflow: hidden;      background: url("/img/main/quickmenu_icon.png") 0 0px no-repeat ;  }
/*.menuQuick2 li span {position: absolute;  display: block; width:100%; height:100px; padding:0px 10px 0px 10px; overflow: hidden; margin: 0px auto 5px;  background: url("/img/main/quickmenu_icon.png") 0 0px no-repeat ;  }
*/

.menuQuick2 li.n1 span { background-position: -0px -170px;}
.menuQuick2 li.n2 span {background-position: -120px -170px;}
.menuQuick2 li.n3 span {background-position: -240px -170px;}













/*알림창*/
.popupW{position:relative; margin:15px 0px 0px 0px;}

.popup{position:relative;  width:100%; max-width:550px; max-height:590px; background-color:#fff; 
	border-radius:20px 100px 20px 20px;  box-shadow: 2px 3px 12px 1px rgba(0, 0, 0, 0.15); overflow: hidden;
}
.popup ul{position:relative;}
.popup ul li{display:none; }
.popup ul li.on{display:block; }
.popup ul li img{width:100%; height:590px; vertical-align:top;  }
.popup ul li a:focus{color:#f1ff0a;}


.popup .popupControl{z-index:10; position:absolute; bottom:0px; left:0px; width:100%; max-width:300px; background-color:#fff; height:44px; }
.popup .popupControl .num{float:left; text-align:center; width:35%; height:26px;   font-size:16px; color:#222; font-weight: bold;  padding:11px 0px 7px 0px;  box-sizing: border-box;}
.popup .popupControl span.count{color:#0e909e;  text-align:center;}
.popup .popupControl span.count a{display:block; width:80px; height:28px;}
.popup .popupControl span.count a:first-child{display:block; margin-left:0;padding:0px;}

.popup .popupControl .btn{float:right; width:60%; min-width:181px; max-width:181px; }
.popup .popupControl .prev{float:left;border-left: 1px solid #868686;}
.popup .popupControl .stop{float:left;border-left: 1px solid #868686;}
.popup .popupControl .play{float:left;border-left: 1px solid #868686;}
.popup .popupControl .next{float:left;border-left: 1px solid #868686;}
.popup .popupControl .list{float:left;border-left: 1px solid #868686;}
.popup .popupControl .more{float:left;border-left: 1px solid #868686;}

#popupListDiv{position:absolute; width:100%; max-width:550px; height:590px;top:0px;z-index:20;}
.popUl{position:relative; padding:20px;  height:525px; border: 1px solid #666;  background:#FFF; top:0px; overflow:auto;}
.popUl li{color:#222; border-bottom: 1px dashed #ddd; background:url(/images/common/dot.png) no-repeat 5px 15px;}
.popUl li a{display:block;color:#222; padding:7px 0px 7px 17px;}
.popUl .close{width:100%; text-align:center; background:#222; height:30px;}


@media all and (max-width:767px){
	.popup{ width:100%; max-width:550px; max-height:590px; margin:0px auto;  }

}


/* 오늘의 의사일정 */
.shc_bx	{position:relative; float:right; width:50%; background:#fff;  height:270px; min-height:270px; padding:0px;  box-sizing: border-box;  }
.shc_bx .icon{position:absolute; width:29px; height:29px; top:5px; left:7px; background:url(/img/main/schedule.png) no-repeat 0px 0px; z-index:99;}

.shc_bx .tit{float:right; width:70%; padding:20px 0px 0px 20px; height:105px; box-sizing: border-box; }
.shc_bx .tit h2{position:relative; margin:5px 0px 15px 0px; font-size:20px; color:#000; box-sizing: border-box; }
.shc_bx .tit .more_btn {margin:10px 0px 0px 0px; color:#fff; padding:3px 20px 3px 20px; background:#505f69; border-radius:20px;}
.shc_bx .tit .more_btn a{color:#fff;}



.shc_bx .date{position:relative; float:left; width:30%; margin:15px 0px 10px 20px;   min-width:82px; max-width:82px; height:82px; text-align:center;  padding:10px 0; border:2px solid #000000;  font-size:14px; box-sizing: border-box;}
.shc_bx .date a{display:inline-block; height:30px; line-height:30px; vertical-align:top}
.shc_bx .date .day_year{line-height:24px; width:100%;}
.shc_bx .date .day_num {clear:both; margin:5px 0px 0px 0px; line-height:24px;  font-size:32px; color:#000}
.shc_bx .date .day_num strong {clear:both; width:100%; color: #000; font-weight: 700;}


.descrition {clear:both; width:100%; padding:7px 0px 0px 15px; margin:0px 0px 0px 0px; font-size:14px; border-top: 1px solid #eeeeee; overflow: hidden; box-sizing: border-box; }
.descrition ul {margin:0px 0px 0px 0px; width:100%; overflow: hidden; overflow-y: auto; height:105px; }
.descrition ul li{line-height:25px;}
.descrition ul li.ellipsis2{text-align:center; padding:30px 0px 0px 0px;}





/* 오늘의 의정활동 */
.photoGallery2{position:relative; background:#fff;  height:270px; min-height:270px; padding:0px; background-color:#fff; }
.photoGallery2 h2{position:absolute; width:85px; height:62px; top:0px; left:0px; padding:10px 0px 0px 0px; text-align:center; font-size:16px;  color:#fff; background-color:#ca5108;z-index:99; box-sizing: border-box;}
.photoGallery2 ul{position:relative; margin:0;padding:0;}
.photoGallery2 li{position:relative; width:100%; overflow:hidden; }

.photoGallery2 a{display:block; padding:0px 0px 0px 0px;}
.photoGallery2 a strong{position:absolute; width:100%; height:40px; bottom:0px; padding:7px 0px 0px 15px; background:#353941; color:#fff; z-index:99999; box-sizing: border-box;}
.photoGallery2 .btn{position:absolute; bottom:10px; right:10px; width:85px; height:28px; text-align:center; padding:10px 0px 3px 0px; border-radius:3px; color:#fff; box-sizing: border-box; z-index:999999;}
.photoGallery2 .btn img{display: inline; float:left; margin:0px 0px 0px 0px;}
.photoGallery2 .btn a{display: block;display: inline; float:left; padding:2px;}






/* 인터넷방송 */
.cast{position:relative; display:inline-block;width:100%; height:260px; background:#f2f7fd; margin:0px 0px 0px 0px; padding:0px 15px 0px 0px; border-radius:20px; box-sizing:border-box; }
.cast:after{
	content: "";
	position: absolute;
	top: 0px;
    left:0px;
    width:150px;  height:130px;
    background:#23808a; 
    border-radius:20px 0px 90px 0px; 
    z-index: 0;
    border: 0px solid #000;
	}
.cast h2 {position:relative;float: left; width:150px; padding:30px 0px 0px 20px;  z-index:9; height:60px; font-size:20px; color:#fff; box-sizing: border-box;}

.castList{float: right; width:calc(100% - 190px);  /*overflow-y:auto;*/  background:#fff; box-sizing: border-box; margin:20px 0px 0px 0px; padding:15px 20px 25px 20px; border-radius:20px;}
.cast ul{position:relative;width:100%; margin:0px 15px 0px 0px;}
.cast li {width:100%;  height:46px; box-sizing: border-box;}

.cast li:after {
    position: absolute;
    content: '';
    display: block;
    height: 15px; width:32px; right:0px; 
    margin: 15px 0px 0px 0px;
    background: url(/img/main/arrow3.png) no-repeat right 10px top 0px;
}

.cast li a{display:block; padding:0px 0px 0px 0px; box-sizing: border-box;}
.cast li a:focus{display:block; border:1px dashed #CCC; }
.cast ul li:nth-child(even){background:#f2f7f8; border-radius:7px;}

.cast li .icon { float:left; width:20%; line-height:13px; font-size:12px; font-weight:500;  }
.cast li .onair{position:relative; width:100px; height:25px; text-align:center; padding:7px 0px 5px 0px; margin:10px 0px 0px 20px;background-color:#de3408; border-radius:3px; color:#fff; box-sizing: border-box;}
.cast li .onair2{position:relative; width:100px; height:25px; text-align:center; padding:7px 0px 5px 0px; margin:10px 0px 0px 20px;background-color:#686868; border-radius:3px; color:#fff; box-sizing: border-box;}
.cast li .onair_s{position:relative; width:100px; height:25px; text-align:center; padding:7px 0px 5px 0px; margin:5px 0px 0px 20px;background-color:#de3408; border-radius:3px; color:#fff; box-sizing: border-box;}
.cast li .onair_s2{position:relative; width:100px; height:25x; text-align:center; padding:7px 0px 5px 0px; margin:5px 0px 0px 20px;background-color:#686868; border-radius:3px; color:#fff; box-sizing: border-box;}

.cast li .vod{ position:relative;  width:100px; height:25px; text-align:center; padding:7px 0px 5px 0px; margin:10px 0px 0px 20px; background-color:#1c6f58; border-radius:3px; color:#fff; box-sizing: border-box;}

.cast li .subject {float:left; width:62%; padding:0px; line-height:44px; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; box-sizing: border-box;}
.cast li .subject a{display:block;}
.cast li .subject2 {float:left; width:80%; padding:4px 0px 0px 0px; line-height:20px; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; box-sizing: border-box;}
.cast li .subject2 a{display:block;}
.cast li .btn {float:right; width:12%; text-align:right; }

.cast li .subject a:link,
.cast li .subject a:visited { color:#333; }
.cast li .subject a:active,
.cast li .subject a:focus,
.cast li .subject a:hover {color:#1757b7; text-decoration:underline; }

.cast .more {position:absolute; left:20px; top:87px; z-index:999; color:#fff; }
.cast .more a{color:#fff; }

.cast .yt {position:absolute; left:20px; bottom:20px; z-index:999; color:#fff;  }

.yt_btn2{content: ""; display:block; width:145px; position:relative; 
	padding:5px 5px 5px 45px;
	border-radius:10px;  line-height:25px;
	color:#3a1b1b; font-size:15px; background-color:#e5f3fa;
	letter-spacing:-0.5px;   box-sizing: border-box; font-weight:600;  }
	
.yt_btn2:before{
	content: ""; display:inline-block; box-sizing: border-box; 
	width:30px; height:22px;  top:7px; left:10px; position:absolute; 
	background:url('/img/main/icon_youtube.png') no-repeat 0px 0px; }

.yt_btn2 a{content: "";  color:#3a1b1b;  }



@media all and (max-width:1024px){
	.cast{margin:25px 0px 0px 0px;}
}

@media all and (max-width:767px){
	.cast{height:290px;}
	.cast:after{width:150px;  height:50px;  background:#23808a;   }
		
	.cast h2 {float:none !important;width:100%; padding:15px 0px 0px 20px;  font-size:16px; }
	.cast .more {position:absolute; left:auto; right:25px; top:15px; z-index:999; color:#fff; }
	.cast .more a{color:#222; }
	
	.castList{float:none !important; width:calc(100% - 15px); margin:10px 15px 0px 15px; padding:10px 10px 15px 10px;}
	.cast ul{}
	.cast li .icon { width:30%; }
	.cast li .vod{width:90px; margin:10px 0px 0px 5px; }
	.cast li .subject2 {width:70%;padding:0px 0px 0px 5px; font-size:14px;}
	.cast li:after { background: none;}
	
	.cast li .onair{ width:90px; margin:10px 0px 0px 10px;}
	.cast li .onair2{width:90px; margin:10px 0px 0px 10px;}
	
}





/* 인터넷방송2 */
.cast2{position:relative; width:100%; height:215px; margin:15px 0px 0px 0px; background-color:#353941;}
.cast2 h2{position:absolute; width:85px; height:62px; top:0px; left:0px; line-height:90%; padding:10px 5px 0px 5px; text-align:center; font-size:15px;  color:#fff; background-color:#1c6f58;z-index:9999; box-sizing: border-box;}	

.cast2 h2.tit2{line-height:120%; padding:12px 10px 0px 10px; font-size:16px;}

.cast2 ul{position:relative; margin:0;padding:0;}
.cast2 li{position:relative; width:100%; height:215px;  overflow:hidden; }


.cast2 a{display:block; padding:0px 0px 0px 0px;}
.cast2 a strong{position:absolute; width:100%; height:50px; bottom:0px; padding:15px 0px 0px 15px; background:#353941; color:#fff; z-index:99999; box-sizing: border-box;}
.cast2 .onair{position:absolute; bottom:10px; right:10px; width:65px; height:28px; text-align:center; padding:5px 0px 3px 0px;background-color:#de3408; border-radius:3px; color:#fff; box-sizing: border-box; z-index:999999;}





	
/*의원소개*/
.member_wrap{position:relative;   }
.member_wrap h2{margin:20px 0px 0px 0px;font-size:24px; color:#333333;}

.map{position:relative; float: left; width:590px; max-width:590px; max-height:580px;  min-width:590px; min-height:580px; box-sizing:border-box; 
	background:url('/img/main/ulsan_map.png') no-repeat 0px 0px;
}

.mapGu{position: relative; }
.jungguTxt{position: absolute; top:228px; left:390px;}
.namguTxt{position: absolute; top:300px; left:410px;}
.dongguTxt{position: absolute; top:270px; left:525px;}
.bukguTxt{position: absolute; top:170px; left:470px;}
.uljuTxt{position: absolute; top:240px; left:200px;}
/*
.birae{position: absolute; top:530px; left:70px; padding:10px 20px 10px 20px; color:#2e8690; background:#ebf7f5; border: 1px solid #30a6b3; border-radius:10px; }
*/
.birae{position: absolute; top:530px; left:70px; padding:10px 20px 10px 20px; color:#fff; background:#586d6f; border: 1px solid #586d6f; border-radius:10px; }

.map .on{color:#fff;}

.junggu{position: absolute; top:189px; left:335px;}
.namgu{position: absolute; top:248px; left:318px;}
.donggu{position: absolute; top:226px; left:486px;}
.bukgu{position: absolute; top:76px; left:378px;}
.ulju{position: absolute; top:14px; left:13px;}


.member_info{position:relative; float: right; width:calc(100% - 590px); box-sizing:border-box;}

.member_bx{position:relative; width:100%; margin:15px 0px 0px 0px;  border-left:none; padding:0px 0px 0px 15px; box-sizing:border-box;display: none;}
.member_bx h2{display:block;visibility:hidden;clear:both;height:0;margin:0;padding:0;content:".";font-size:0;line-height:0;}

.member_bx h3{font-size:24px; color:#333333; padding:10px 0px 10px 50px; margin:10px 0px 20px 0px;background:url(/img/main/marker.png) no-repeat 0px 0px;}

.member_bx .lawmaker_box {position: absolute;  margin:0px; padding:0px; width:100%; z-index:9; }
.member_bx .lawmaker_box li {position: relative; width: calc(33.3% - 10px); margin:0px 10px 20px 0px; display: inline;
    float: left; min-height:180px; border-radius:10px;  
	padding:20px 0px 0px 0px; min-height:160px;  background:#FFF; box-shadow: 1px 2px 15px 1px rgba(0, 0, 0, 0.15);}
.member_bx .lawmaker_box .maker_img { border:1px solid #fff;}
.member_bx .lawmaker_box .maker_img img {max-width: 100px; vertical-align: middle; }

.member_bx .lawmaker_box .name { font-size:1.5em; padding-top:10px}
.member_bx .lawmaker_box .name span { font-size:0.9em;}

.member_bx .lawmaker_box a.btn{position: relative; width:100%; text-align:left; padding:0px 0px 15px 0px; margin:0px 0px 0px 130px; box-sizing:border-box; text-align:center; font-size:1em; padding:5px 15px; background:#6262cc; color:#fff; border-radius:5px; border:0px solid #ddd;}
.member_bx .lawmaker_box a.btn:hover{ background:#000; color:#fff; TEXT-DECORATION: none;}

.area_tab{display:none;}


.lst_type2{position: absolute; width:100%; min-height:150px; }
.lst_type2 dt{padding:0px 0px 0px 0px;}
.lst_type2 dt.tit{width:100%; text-align:left; padding:0px 0px 15px 130px; font-size:22px; margin:30px 0px 10px 0px;box-sizing: border-box; }
.lst_type2 dd.photo{position: absolute; top:0px; left:0px; padding:0px 0px 0px 0px;  margin:0px 0px 0px 10px;color:#fff; box-sizing: border-box; }
.lst_type2 dd.photo img{border:1px solid #e5e5e5; border-radius:20px;  box-sizing:border-box; }

.lst_type2 dd{padding:10px 0px 0px 0px; line-height:16px;}
.lst_type2 dd img{border:none}

.mem_search{position: relative;width:100%;height:70px; }
.form_wrap {position: absolute; right:0px; width:100%; max-width:500px; z-index:20; }

.inp_wrap{position: relative;margin:5px 0px 0px 15px;  padding:0px 0px 0px 60px; height:70px; background:url(/img/main/search2.png) no-repeat 0px 0px; box-sizing:border-box;}
.inp_wrap input {border: 0px solid #c1c1c1; padding:10px; height:30px; width:100%; max-width:350px; margin-top:0px}
.inp_wrap input a:focus{display:block;color:#e13244; border:2px solid #d101ac; box-sizing:border-box; }
.inp_wrap .inp_btn {position:absolute; right:15px; background: #23808a;  padding:15px 20px; color:#fff; border-radius:0px 10px 10px 0px;}



@media all and (max-width:1400px){
	.member_bx .lawmaker_box li {position: relative; width: calc(50% - 10px);}

}
@media all and (max-width:1150px){
	.map{float:none !important; width:100%; margin:0px auto;}
	.member_info{ float:none !important; width:calc(100% - 0px);}
	.member_bx .lawmaker_box li {position: relative; width: calc(25% - 10px);}
	
}

@media all and (max-width:1024px){
	.member_bx .lawmaker_box li {position: relative; width: calc(33.3% - 10px);}
}

@media all and (max-width:767px){
	.form_wrap {position: relative;width:100%; max-width:500px; margin:20px auto 0px; }
	
	.map{display:none; float:none !important; width:100%;  }
	.member_info{float:none !important; width:100%;border:0px solid #ef0616; }
	
	.area_tab{display:block; position: relative; width:100%; height:50px; margin:0px 0px 20px 0px; z-index:999;}
	.area_tab li{display: inline; 
			float:left;
	        position: relative;
	        width: calc(16.6% - 0px);
	        margin:0px 0px 0px 0px;
	       
	       
	       box-sizing: border-box;
	        border: 1px solid #d5d5d5;
	        background-color: #fff;
	        text-align: center;
	       }
	.area_tab li a{display:block;  padding:10px 0px 10px 0px;}	       
	.member_bx .lawmaker_box li {width: calc(50% - 10px);}	
	
	.inp_wrap input {width:calc(100% - 80px); max-width:350px;}
	

}

@media all and (max-width:540px){
	.member_bx .lawmaker_box li {width: calc(100% - 20px);}	
	
	}

	
.member_bx .bannerControl {/*position: absolute; top: 10px;  right:15px; */ z-index:20;}

.bannerControl a   { display:inline-block; width: 20px; height: 20px; background:#fff url(/img/common/rolling_ctrl_icon.png) no-repeat; border: 1px solid #b7b7b7;}
.bannerControl a:hover {background-color: #f1f1f1;}
.bannerControl .prev {background-position:0 0;}
.bannerControl .stop {background-position:-20px 0;}
.bannerControl .play {background-position:-60px 0;}
.bannerControl .next {background-position:-40px 0;}
.bannerControl .list {background-position:-80px 0;}
	
.select_wrap.col2 select { border: 1px solid #c1c1c1;}
.select_wrap label,.inp_wrap label{position: absolute;left: -5000px;width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden;}





/*공지사항*/
.board_tab {position: relative; height:100%; padding:0px; background-color:#fff; border: 1px solid #dddddd; height:60px; border-radius:5px; margin:0px 0px 20px 0px; box-sizing: border-box;}
.board_tab .more_btn {display: none; position: absolute; background-color:#f5f6f8; top:20px; right:20px; width:18px; height:18px; background:url(/img/main/more4.png) no-repeat 0px 0px;}
.board_tab > ul {position: relative; width: 100%; }
.board_tab > ul li {width:18%; text-align:center;box-sizing: border-box; }


.board_tab > ul li .tit {position: relative;line-height:60px;box-sizing: border-box;}
/*
.board_tab > ul li .tit::before {
    position: absolute;
    top: 0px;
    right: -20px;
    width: 1px;
    height: 10px;
    background-color: #b3b3b3;
    border-radius: 50%;
    content: '';
}
*/

.board_tab > ul li .tit a {margin:0px;  color: #333; font-size:17px; letter-spacing:-0.05em;box-sizing: border-box;}
.board_tab > ul li .tit a:hover { color:#fff; background-color:#0170e0; box-sizing: border-box; }
.board_tab > ul > li {float: left;}
.board_tab > ul > li:first-child span.tit {padding-left: 0;}

.board_tab .tab_list {display: none; position: absolute; border-top: 0px solid #dddddd; top:90px; left: 0; width: 100%; height: 270px; padding:0px 0px 0px 0px; box-sizing: border-box;}
.board_tab .tab_list li {position: relative; width:calc(33.3% - 10px); margin-right:10px; display: inline; float:left;
	  font-size:18px; color:#252525;  line-height:150%;	
	box-sizing: border-box;
	/* background:url(/img/common/dot.png) no-repeat 0px 17px; */ background-color:#f6f8f8; border-radius:10px; }
.board_tab .tab_list li .tit2{ width:100%; box-sizing: border-box;}
.board_tab .tab_list li .date{width:100%; display:block; color:#8d92a1;  margin:10px 0px 0px 0px; font-size:16px; box-sizing: border-box;}

.board_tab .tab_list li:first-child {/*margin-top: 15px;*/} 
.board_tab .tab_list li a {display: block; height:36px;    height:140px; padding:20px 15px 10px 15px; color:#252525;  box-sizing: border-box;}

.board_tab .tab_list li:nth-child(4){display:none;}
.board_tab .tab_list li:nth-child(5){display:none;}
.board_tab .tab_list li:nth-child(6){display:none;}

.board_tab > ul > li.on span.tit a{display: block;background-color:#447fd4; color:#fff; border-radius:5px; box-sizing: border-box; box-shadow: 2px 3px 12px 1px rgba(0, 0, 0, 0.15);}
.board_tab > ul > li.on span.tit a:after{
	content: " ";
    position: absolute;
    z-index: 10;
    top: 55px;
    width:0px;
    right:calc(100% - 12px);
    height: 0px;
    border-style: solid;
    border-width: 12px 0px 12px 17px;
    transform: rotate(90deg);
    border-color: transparent transparent transparent #447fd4;
    margin-top: 0px;
    
}

.board_tab > ul > li.on .tab_list,
.board_tab > ul > li.on .more_btn {display: block;}


@media all and (max-width:1300px){
	.board_tab .tab_list li {font-size:15px; }
	.board_tab .tab_list li .date{font-size:15px;}
}


@media all and (max-width:767px){
	.board_tab > ul li .tit a {font-size:13px;}
	
	.board_tab .tab_list {top:90px;}
	
	.board_tab .tab_list li {position: relative; width:calc(100% - 0px); text-align:left; font-size:14px; margin:0px 0px 10px 0px; }
	.board_tab .tab_list li .date{font-size:14px;}
	.board_tab .tab_list li a {height:90px; }

	.board_tab .more_btn { right:5px; }
	
}



	


/* 의회소식지 신청 
.newsletter{position:relative; float:left; width:calc(50% - 10px);  font-size:20px; font-weight:600; letter-spacing:-0.5px;  line-height:150%; background:url(/img/main/newsletter_bg.png) no-repeat right -20px top 0px;  background-size:50%; background-color:#ca5108;  letter-spacing:-0.5px; text-align:center; box-shadow:2px 2px 5px #b7b7b7; box-sizing: border-box;}
.newsletter a{display:block; height:80px; text-align:left; color:#fff; padding:25px 0px 0px 20px; box-sizing: border-box;}
.newsletter a .txt{color:#F6FFC1;  text-align:left; }
.newsletter span.btn5{clear:both; margin:0 auto; vertical-align:middle; line-height:130%; width:65px; max-width:65px; height:22px; padding:5px 10px 5px 10px; background-color:#47250a; color:#ffffff; font-size:12px; box-sizing: border-box;}
*/

/* 방청/견학 신청 
.application{position:relative; float:right; width:50%;  margin:0px 0px 0px 0px; font-size:20px; font-weight:600;letter-spacing:-0.5px;  line-height:150%; background:url(/img/main/application_bg.png) no-repeat right 0px top 0px; background-size:44%; background-color:#0170e0;  letter-spacing:-0.5px; text-align:center;  box-shadow:2px 2px 5px #b7b7b7; box-sizing: border-box;}
.application a{display:block;height:80px; text-align:left; color:#fff; padding:25px 0px 0px 20px; box-sizing: border-box;}	
.application a .txt {color:#f6ffc1;  text-align:left;}
.application span.btn5{clear:both; margin:0 auto; vertical-align:middle; line-height:130%; width:65px; max-width:65px; height:22px;  padding:5px 10px 5px 10px; background-color:#002143; color:#ffffff; font-size:12px; box-sizing: border-box;}
*/	

.newsletter_warp{display:none;/*display: flex;*/ flex-direction:row;}

/* 의회소식지 신청 */	
.newsletter{flex:1; font-size:16px; font-weight:500; line-height:160%; /*letter-spacing:-0.5px;*/ background:url(/img/main/newsletter_bg2.png) no-repeat right 10px top 20px;   background-color:#f6f6f8;  letter-spacing:-0.5px; text-align:center; box-shadow:2px 2px 5px #b7b7b7; box-sizing: border-box;}
.newsletter a{display:block; height:80px; text-align:left; color:#333; padding:15px 0px 0px 20px; box-sizing: border-box;}
.newsletter a .txt{color:#F6FFC1;  text-align:left; }
.newsletter span.btn5{clear:both; margin:0 auto; vertical-align:middle; line-height:130%; width:65px; max-width:65px; height:22px; padding:5px 10px 5px 10px; background-color:#568de1; color:#ffffff; font-size:12px; box-sizing: border-box;}

/* 방청/견학 신청 */
.application{flex:1;  margin:0px 0px 0px 10px; font-size:16px; font-weight:500;letter-spacing:-0.5px;  line-height:160%; background:url(/img/main/application_bg2.png) no-repeat right 10px top 20px;/**/  background-color:#f6f6f8;  letter-spacing:-0.5px; text-align:center;  box-shadow:2px 2px 5px #b7b7b7; box-sizing: border-box;}
.application a{display:block;height:80px; text-align:left; color:#333; padding:15px 0px 0px 20px; box-sizing: border-box;}	
.application a .txt {color:#df2e0a;  text-align:left;}
.application span.btn5{clear:both; margin:0 auto; vertical-align:middle; line-height:130%; width:65px; max-width:65px; height:22px;  padding:5px 10px 5px 10px; background-color:#568de1; color:#ffffff; font-size:12px; box-sizing: border-box;}
	
.press{flex:1; margin:0px 0px 0px 10px; font-size:16px; font-weight:500; line-height:160%;letter-spacing:-0.5px; background:url(/img/main/press_bg2.png) no-repeat right 10px top 20px;  background-color:#f6f6f8;  letter-spacing:-0.5px; text-align:center;  box-shadow:2px 2px 5px #b7b7b7; box-sizing: border-box;}	
.press a{display:block;height:80px; text-align:left; color:#333; padding:15px 0px 0px 20px; box-sizing: border-box;}	
.press a .txt {color:#df2e0a;  text-align:left;}
.press span.btn5{clear:both; margin:0 auto; vertical-align:middle; line-height:130%; width:65px; max-width:65px; height:22px;  padding:5px 10px 5px 10px; background-color:#568de1; color:#ffffff; font-size:12px; box-sizing: border-box;}
	
		
/* 포토 갤러리 */
.gallerybox{position:relative;z-index:9999; border: 0px solid #ef0616;}
.gallerybox h2{font-size:26px; color:#282828; line-height:38px; font-weight:bold; }

.galleryTit{float:left; width:25%; height:340px; padding:75px 20px 0px 20px;box-sizing: border-box;}
.galleryTit h2{font-size:26px; color:#fff; line-height:38px; font-weight:bold; letter-spacing:-2px; }
.galleryTit h2 .txt1{clear:both; color:#33eeff; font-size:40px;}
.galleryTit .gallery_txt{color:#fff; padding:20px 0px 0px 0px; font-size:13px;}
.galleryTit .gallery_btn{clear:both; width:80px; margin:55px 0px 0px 0px; color:#FFF; font-size:14px; background-color:#313c6b; }
.galleryTit .gallery_btn a{display:block; padding:4px 20px 4px 20px; color:#FFF;}



.gallery{position:relative; width:100%; box-sizing:border-box; z-index:9999; }

.gallery ul	{margin:20px 0px 0px 0px; }
.gallery li	{float:left; width:calc(25% - 2%);  margin:0px 2.6% 80px 0px ; height:340px; background-color:#fff; 
	border-radius:20px; box-sizing: border-box;
	box-shadow: 1px 2px 15px 1px rgba(0, 0, 0, 0.1);  }
.gallery li:last-child{margin-right:0%;}
.gallery li a			{position:relative;display:block;margin:0 auto; border-radius:20px 20px 0px 0px;color:#222;  /*max-width:280px;*/ overflow:hidden;  box-sizing:border-box; }
.gallery li a img		{width:100%; height:220px; transition: all 0.3s; }
.gallery li a:hover img	{transform:scale(1.1,1.1); }
.gallery li div.info_txt	{ padding:20px 10px;  min-height:120px; box-sizing:border-box; position:relative; text-align:center;}
.gallery li div.info_txt > p.txt	{ clear:both; font-size:1.15em; margin-bottom:15px;}
.gallery li div.info_txt > p.date	{font-size:1.1em;  text-align:center;}
	
.gallery li p.more		{ position:absolute; right:0; background:url(/img/common/com_img.png) no-repeat #372680; background-position:-257px -90px; width:38px; height:38px; font-size:0; top:178px; z-index:2}
.gallery li p.more a:focus{display:block;color:#e13244; width:38px; height:38px; box-sizing:border-box; }


.gallery_more{position:absolute; top:-60px; border:0px solid #ef0616;  right:0px;  font-size:0; 
	background:url(/img/main/more5.png) no-repeat center 15px; background-color:#546475;border-radius:50%; 
	box-shadow: 2px 3px 12px 1px rgba(0, 0, 0, 0.15);
	/*background-position:-227px -90px;*/  }
.gallery_more a{display:block; width:47px; height:47px;}
.gallery_more a:focus{display:block;color:#e13244;  box-sizing:border-box; }


@media all and (max-width:1200px){
	.gallery li div.info_txt > p.date	{font-size:1em; ;}
}

@media all and (max-width:1024px){
	.gallery li	{ width:calc(33.3% - 2%); }
	.gallery li:nth-child(3){margin-right:0%;}
	.gallery li:nth-child(4) 	{display:none;}
	.gallery li div.info_txt > p.txt	{ font-size:1em;}

}

@media all and (max-width:767px){
	.gallery li	{ width:calc(50% - 2%); height:320px;}
	.gallery li:nth-child(even){margin-right:0%;}
	.gallery li:nth-child(3){margin-right:2%;}
	.gallery li:nth-child(4) 	{display: block;}
	.gallery li a img{width:100%; height:180px; transition: all 0.3s; }
	.gallery li div.info_txt > p.txt	{ white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
	
}

	
	.nav{margin-top:16px; width:150px; float:left;}
	.nav button{width:28px; height:28px; /*background:url(/img/common/com_img.png); border:1px solid #ddd;*/ border-radius:50%}
	.nav button.prev{background-position: -10px -231px;}
	.nav button.next{background-position: -44px -231px;}
	.nav button.stop{background-position: -80px -231px;}
	.nav button.play{background-position: -115px -231px;}
	
	.nav button:hover{background:url(/img/common/com_img.png) #372680; border:1px solid #372681;}
	.nav button:hover.prev{background-position: -10px -259px;}
	.nav button:hover.next{background-position: -44px -259px;}
	.nav button:hover.stop{background-position: -80px -259px;}
	.nav button:hover.play{background-position: -115px -259px;}
		
	.RollDiv{width:1040px; height:40px;border:0px solid #ccc;overflow:hidden; float:right; margin:10px 0}  
	.RollDiv > div{overflow:hidden;height:40px;width:3014px}
	.RollDiv > div > a{ float:left; display:block;}  
	.RollDiv > div > a > img{ width:150px; height:40px;margin-right:20px;}
	




/* 바로가기 */
.main-service-wrap{position:relative; margin:40px 0px 40px 0px; }
.main-service-wrap ul {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
	max-width:1600px;
	margin: 0 auto;
	table-layout: auto;
}

.main-service-wrap ul li {
	width:calc(10% - 2%);
	width : -webkit-calc(10% - 2%); /* for Chrome, Safari */
  	width : -moz-calc(10% - 2%); /* for Firefox */
  	margin: 0px 2% 0px 0px;
	padding: 0px 0;
	word-break:keep-all;
	flex: 1;
	min-width:calc(10% - 2%);
	text-align: center;
	vertical-align: top;
	transition: all 0.2s ease-in;
	/*background-color: #7b6eb1;*/
}

.main-service-wrap ul li:last-child {margin: 0px 0px 0px 0px;}
/*
.main-service-wrap ul li:nth-child(odd) {background: #7b6eb1;}
.main-service-wrap ul li:nth-child(even)  {	background: #7b6eb1;}
*/


.main-service-wrap ul li:hover {
	
	transform: translateY(-10px);
	/*box-shadow: 0 10px 16px rgb(18 44 87/ 15%);*/
}

.main-service-wrap ul li a {
	display: inline-block;
	position: relative;
	padding: 5px 10px;
	text-align: center;
	color: #222;
	letter-spacing:-0.5px;
	font-size: 15px;
	width: 100%; height:130px;
}


.main-service-wrap ul li span {
	position: relative;
	margin: 0 auto;
	line-height: 3.2;
	/*white-space: nowrap;*/
	word-break:keep-all;
	margin-top:13px;
	padding-bottom:5px;
}


.main-service-wrap ul li a:before {
	display: block;
	position: relative;
	width:100%;
	max-width:130px;border: 0px solid #ef0616;
	height: 100px;
	background-repeat: no-repeat;
	background-position: 50% 50%;  
	/*background-size: 72px auto;*/
	background-image:url("/img/main/quick1.png"); overflow:hidden; 
	left:calc(50% - 0px); transform: translate(-50%,0);
	background-color: #7b6eb1;
	box-shadow: 5px 8px 10px 0 rgb(245 245 245 / 100%);
	border-radius:10px;
	/*transition-duration:0s; transition-property:transform;	*/
}

.main-service-wrap ul .main-service01 a:before {background-position:-2% -1%;transition-duration:0s; transition-property:transform; }
.main-service-wrap ul .main-service02 a:before {background-position:22% -1%;transition-duration:0s; transition-property:transform;}
.main-service-wrap ul .main-service03 a:before {background-position:45% -1%;}
.main-service-wrap ul .main-service04 a:before {background-position:68% -1%;}
.main-service-wrap ul .main-service05 a:before {background-position:93% -1%;}

.main-service-wrap ul .main-service06 a:before {background-position:-2% 68%;}
.main-service-wrap ul .main-service07 a:before {background-position:22% 68%;}
.main-service-wrap ul .main-service08 a:before {background-position:45% 68%;}
.main-service-wrap ul .main-service09 a:before {background-position:68% 68%;}
.main-service-wrap ul .main-service10 a:before {background-position:93% 68%;}


/*.main-service-wrap ul .main-service01 { width:10%;}
.main-service-wrap ul .main-service03 {width:12%}
.main-service-wrap ul .main-service09 { width:12%;}*/
@media only screen and (max-width:1200px) { 
    
    .main-service-wrap ul li { 
	width:calc(20% - 5px);
	margin: 0px 5px 10px 0px;
	padding: 0px 0;
	min-width:calc(20% - 5px);
	}
	
	
    /*
    .main-service-wrapper { background-color:#fff;}
    .main-service-wrap ul li a { color:#1c236c;}
    .main-service-wrap ul .main-service01 a:before { background-image:url("/humanframe/theme/incheon/assets/image/index/on/main-service-icon01.png");}
    .main-service-wrap ul .main-service02 a:before { background-image:url("/humanframe/theme/incheon/assets/image/index/on/main-service-icon02.png");}
    .main-service-wrap ul .main-service03 a:before { background-image:url("/humanframe/theme/incheon/assets/image/index/on/main-service-icon03.png");}
    .main-service-wrap ul .main-service04 a:before { background-image:url("/humanframe/theme/incheon/assets/image/index/on/main-service-icon04.png");}
    .main-service-wrap ul .main-service05 a:before { background-image:url("/humanframe/theme/incheon/assets/image/index/on/main-service-icon05.png");}
    .main-service-wrap ul .main-service06 a:before { background-image:url("/humanframe/theme/incheon/assets/image/index/on/main-service-icon06.png");}
    .main-service-wrap ul .main-service07 a:before { background-image:url("/humanframe/theme/incheon/assets/image/index/on/main-service-icon07.png");}
    .main-service-wrap ul .main-service08 a:before { background-image:url("/humanframe/theme/incheon/assets/image/index/on/main-service-icon08.png");}
    .main-service-wrap ul .main-service09 a:before { background-image:url("/humanframe/theme/incheon/assets/image/index/on/main-service-icon09.png");}*/
}



@media only screen and (max-width:650px) {
		
	.main-service-wrap ul {
	display: flex;
	position: relative;
	width: 100%;
	max-width:100%;
	margin: 0 auto;
	table-layout: auto;
	}
	
	.main-service-wrap ul li {
	width:calc(25% - 5px);
	margin: 0px 5px 10px 0px;
	padding: 5px 0px;
	min-width:calc(25% - 5px);
}
	.main-service-wrap ul li:nth-child(9), .main-service-wrap ul li:nth-child(10){
	width:calc(50% - 10px);
	margin: 0px 5px 10px 0px;
	padding: 10px 0;
	min-width:calc(50% - 5px);
	border:0px solid #fff600;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	}
	
	.main-service-wrap ul li a {
		padding: 5px 0px;
		font-size: 14px;
		height:120px;
		letter-spacing:-0.7px;
	}
	
	.main-service-wrap ul li a:before {
		background-size:510px auto;
		height:80px;
		max-width:80px;
	}
	
	
}


@media only screen and (max-width:480px) {
	.main-service-wrap{ margin:40px 0px 20px 0px; }
	
	
	/*
	.main-service-wrap ul li a:before {
	display: block;
	position: relative;
	width:100%;
	max-width:70px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: 50% 50%;  
	}
		
	.main-service-wrap ul .main-service01 a:before {background-position:1% top;}
	.main-service-wrap ul .main-service02 a:before {background-position:25% top;}
	.main-service-wrap ul .main-service03 a:before {background-position:50% top;}
	.main-service-wrap ul .main-service04 a:before {background-position:73% top;}
	
	.main-service-wrap ul .main-service05 a:before {background-position:98% top;}
	.main-service-wrap ul .main-service06 a:before {background-position:1% 90%;}
	.main-service-wrap ul .main-service07 a:before {background-position:26% 90%;}
	.main-service-wrap ul .main-service08 a:before {background-position:50% 90%;}
	
	.main-service-wrap ul .main-service09 a:before {background-position:74% 90%;}
	.main-service-wrap ul .main-service10 a:before {background-position:101% 90%;}
	
	*/
	
}




/* 바로가기2 */
.quickMenu2_div{position:relative; font-family: 'GmarketSansMedium''notokr-bold';}
.quickMenu2 {position: relative; width:calc(100% - 0px); float: right; margin:0 auto;border: 0px solid #000; }
.quickMenu2 li { float: left; display: inline-block;  position: relative;  width: calc(50% - 1%); margin:0px 0px 20px 2%; background-color:#edeefe; border-radius:10px;  }
.quickMenu2 li:nth-child(odd){margin-left:0%; }


.quickMenu2 li:nth-child(2){background-color:#e4f2ff;}
.quickMenu2 li:nth-child(4){background-color:#f4d6d8;}


.quickMenu2 li::before { display: block; position: absolute; right: 0px; top: 0px; content: ""; width: 0px; height:100%; background: rgb(188, 214, 229); }

.quickMenu2 li a {display: block; height:110px;  padding:20px; width: calc(100% - 10px); box-sizing: border-box;}

.quickMenu2 li a em { display:block; position: absolute;  width: calc(100% - 10px);  font-size:18px; color:#333;  letter-spacing: -0.07em; margin-top:0px; padding:25px 20px 10px 90px; line-height: 20px;  color: rgb(40, 40, 40);  }
.quickMenu2 li a em::after { display: block; position: absolute; left: 0px; bottom: -1px; z-index: -1; content: ""; width: 0px; height: 9px; /*background: rgb(192, 228, 247);*/ transition: all 0.3s ease 0s; }
.quickMenu2 li a.ov em { }
.quickMenu2 li a.ov em::after { width: 100%; }
.quickMenu2 li span { position: absolute; display: block; margin: 0px auto 0px; border: 0px solid #ef0616; width:70px;  height:70px;  border-radius:10px; overflow: hidden;   background: url("/img/main/quick2.png") 0px 0px no-repeat;  }

.quickMenu2 li.n1 span { background-position: 10% 12%; background-color:#fff; }
.quickMenu2 li.n2 span { background-position: 77% 12%; background-color:#fff;}

.quickMenu2 li.n3 span { background-position: 10% 89%; background-color:#fff;}
.quickMenu2 li.n4 span { background-position: 77% 89%; background-color:#fff;}


@media screen and (max-width:1024px){
	.notice{width: calc(100% - 0px);}
	.quickMenu2{float:none !important; width:calc(100% - 0px);}
	.quickMenu2 li {width: calc(25% - 1%); margin:0px 0px 20px 1%;}
		.quickMenu2 li a em {font-size:14px; padding:25px 10px 10px 80px; }
	.quickMenu2 li:nth-child(odd){margin-left:1%; }
	.quickMenu2 li:first-child{margin-left:0%; }
	
	}

@media screen and (max-width:767px){
	.quickMenu2 li {width: calc(50% - 1%);}
	.quickMenu2_div{position:relative; margin-top:30px; }
	.quickMenu2 li a em {font-size:15px; padding:25px 20px 10px 80px; }
	.quickMenu2 li:nth-child(odd){margin-left:0%; }
	.quickMenu2 li:nth-child(even){margin-left:1%; }
}

@media screen and (max-width:560px){
	.quickMenu2 li a em {font-size:14px;}	
}

@media screen and (max-width:480px){
	.quickMenu2 li {width: calc(100% - 0%); margin:0px 0px 20px 0%;}
}




/* 의사일정 */
.main_schedule {position: relative; margin-top:20px; overflow: hidden;}
.main_schedule h2{ margin-top:20px;}

.main_schedule .title_area {display: flex; }
.main_schedule .onair_btn{ display: inline-block;  color:#fff; line-height: 33px; padding: 0 15px; border-radius: 50px; height: 30px; font-size: 90%; font-weight: 500; margin-top: 3px; margin-left: 10px;}

.main_schedule .title_area .schedule_date{ position:absolute; top:20px; left:160px;  font-weight: 700; font-size: 160%; border-radius: 0 0 0 25px; color: #0b6bcd;}
.main_schedule .title_area .schedule_date span { font-size: 80%; font-weight: 500;}

.main_schedule .week_area{ display: block; position: relative;}
.main_schedule .week_area .week{display:flex; flex-wrap: wrap; width:calc(100% - 100px);; margin:0px 50px 0px 50px; padding:10px 22px;  box-sizing: border-box; }
.main_schedule .week_area .week li{flex: 0 0 14.2857142857%;  text-align:center;  max-width:14.2857142857%; color:#222}
.main_schedule .week_area .week li span, .main_schedule .week_area .week li a{display:block; position: relative; text-align: center; padding:10px 0; font-weight: 500; font-size: 110%; }
.main_schedule .week_area .week li a i{ position: relative; }
.main_schedule .week_area .week li a.sun{color:#da4356;}
.main_schedule .week_area .week li a.sat{color:#447fd4;}

.main_schedule .week_area .week li .today{color:#fff;}
.main_schedule .week_area .week li .today:before{content:''; position:absolute; left:50%; margin-left:-20px; top:0px; width:40px; height:40px; border-radius: 50%; background-color:#447fd4; box-shadow: 3px 3px 6px rgba(0,0,0,0.3); }

.main_schedule .week_area .week li a.sun:before{background-color:#ffe1a2;}


.main_schedule .week_area .week li .today i{}
.main_schedule .week_area .week .being {background-color:#97ffb9; border-radius: 5px;}


.main_schedule .week_area .nav {position:relative; width:100%;}
.main_schedule .week_area .nav button {position: absolute; width:52px; height:52px; top:0px; z-index: 99; 
background-color: #fff; /*box-shadow: 3px 3px 7px rgba(106,31,59,0.11);*/ overflow: hidden; }
.main_schedule .week_area .nav button.prev { left:0px; background:url(/img/main/prev2.png);}
.main_schedule .week_area .nav button.next { right:0px; background:url(/img/main/next2.png);}
.main_schedule .week_area .nav button span{position: absolute; left:-9999999999px}

	


.main_schedule .content{display:block; margin-top:20px; }
.main_schedule .content .calendar{display:flex;  width: 100%; font-size: 90%; height:100px;}

.main_schedule .content .calender_date{float:left; width:100px; margin:20px 0px 0px 0px; 
	padding:14px 0px 0px 0px; font-size:18px; text-align:center; color:#fff;  line-height:150%;
	/*display: flex;*/ flex-wrap: wrap; background-color: #447fd4; border-radius:10px 0px 0px 10px;
}
.main_schedule .content .calender_content{ float:right;width: calc(100% - 0px); margin:20px 0px 0px 0px; flex:1 1 auto; 
	padding: 0 15px;background-color: #f6f9fb; 
	border: 1px solid #c9e0ed;  border-radius:0px 10px 10px 0px; display: flex; flex-wrap: wrap; align-items: center; }


.main_schedule .content .calender_content > span{font-weight: 700; width:90px;  padding-right: 10px; font-size:90%}
.main_schedule .content .calender_content > p{color:#444;  width:calc(100% - 110px); min-height:78px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; }

.main_schedule .calender_more {position: absolute; top:-50px; right:0px; padding:10px 20px 5px 20px; font-weight: 500; 
	border: 1px solid #c6d1dd; border-radius:20px; 
	/*white-space:nowrap; border-radius: 0 10px 10px 0; flex:0 1 auto; display: flex;*/}
.main_schedule .calender_more em {/*position: absolute; left:-9999999999px*/}
.main_schedule .calender_more i {background-color: #fff; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; text-align: center; margin-left: 5px;}




.main_schedule .content #calendar .control{position: absolute; width:30px; bottom:12px; left:auto; right:10px;}
.main_schedule .content #calendar .control button{width:18px; border:none;}
.main_schedule .content #calendar .control a{border:none;}

.main_schedule .content #calendar .control:after{content:''; display:block; clear:both; width:100%;}
.main_schedule .content #calendar .control button,
.main_schedule .content #calendar .control a{position:relative; float:left; width:30px; height:30px; margin:0 0 0 5px; font-size:0; text-indent:-999px; border-radius:12px 12px 0px 0px; box-shadow:none; border:1px solid #cadcec; background:url(/img/main/ico_ctrl.png) no-repeat 0 -68px;}
.main_schedule .content #calendar .control a:after{display:none;}
.main_schedule .content #calendar .control .btn_next{background-position:-71px -68px; background-color:#0e5187; border-radius:0px 0px 12px 12px;}
.main_schedule .content #calendar .control .btn_stop{background-position:-35px -68px;}
.main_schedule .content #calendar .control .btn_stop.on{background-position:-146px -68px;}
.main_schedule .content #calendar .control .more{background-position:-105px -68px;}
.main_schedule .content #calendar .control button:hover,
.main_schedule .content #calendar .control a:hover{border-color:#999;}



.main_schedule .content #calendar .control a:before,
.main_schedule .content #calendar .control a:after{content:''; position:absolute; top:50%; margin:-2px 0 0 -6px; left:50%; width:12px; height:2px; background:#767676;}
.main_schedule .content #calendar .control a:after{top:6px;left:12px;width:2px;height:12px;margin:0;}


.shc_btn_wrap		{position:relative;clear:both; margin:10px 0px;}
.shc_btn_wrap a.btn	{float:left; width: calc(50% - 10px); margin-right: 10px; box-sizing:border-box; text-align:center; padding:15px 0px; background:#f6f9fb; color:#2a3b51;   border: 1px solid #ddd; /* background:#318380; color:#fff;  */ border-radius:10px; }
.shc_btn_wrap a.btn2{float:left; width: calc(50% - 10px); margin-left: 10px; box-sizing:border-box; text-align:center; padding:15px 0px; background:#f6f9fb; color:#2a3b51;  border: 1px solid #ddd; /*background:#318380; color:#fff; */ border-radius:10px;}
.shc_btn_wrap a.btn:hover,.shc_btn_wrap a.btn2:hover{ background:#000; color:#fff;}
	

.shc_btn_wrap a.btn:hover, .shc_btn_wrap a.btn2:hover{background:#226865; color:#fff;}



@media only screen and (max-width:560px){

  .main_schedule .content .calender_content {align-content: center; overflow: hidden;}
  .main_schedule .content .calender_content > span, .main_schedule .content .calender_content > p {width:100%;}
  .main_schedule .title_area .schedule_date {font-size: 140%;}
  .main_schedule .week_area button {width:25px; height: 25px; line-height: 25px;}
  .main_schedule .week_area .week {padding: 0 25px;}
  .main_schedule .week_area .week li .today:before {width:30px; height: 30px; margin-left: -15px; top:2px}
  .main_schedule .content .calender_more {border-radius: 0 15px 15px 0;}
  .main_schedule .week_area .week li span, .main_schedule .week_area .week li a {font-size: 100%;}
}

@media only screen and (max-width:450px){
  .main_schedule .week_area{ padding:10px 15px 20px 15px;}
  .main_schedule .content {margin-top: 10px;}

}

.msitemap{z-index:999; position: absolute; top:30px; right:0px;}
@media all and (max-width:1024px){
		.msitemap{display:none;}
}