/*서비스센터 및 주소록*/
.mapadd_wrapper {
	display: block; 
	overflow: hidden;
	width:1140px;
	margin:0 auto;
	font-size:10pt;
	font-family:'RixSGo M', sans-serif; 
	height:100%;
}
.mapadd_box_left {
	display:inline-block;
	float:left;
	width:38%; 
	padding-top:2em;
}
	.mapadd_box_imagesbg { /* 지도배경이미지 */
		clear:both; position: relative; 
		width:412px;
		height:466px;
		background: url(../img/imagesmap_bg.png)  no-repeat; 
		background-size: 412px 466px;
	}
	.mapadd_box_imagesbg>.map-category-filter button{ font-size:10pt }
		.mapadd_box_imagesbg>.map-category-filter button:hover{ color:#2C85FF; font-weight:600; }

.mapadd_box_right {
	display:inline-block;
	float:left;
	width:55%;
	padding:1em;
}
.mapadd_box_right li{
	display:inline-block;
	width:48%; 
}
.mapadd_box_right ul{
	width:100%; 
}
.mapadd_box_right_inbox li{
	display:block;
	width:100%;
	font-size:9pt;
	text-align:left;
	border-bottom: 1px solid #ddd;
}
.mapadd_box_center_all {
	margin-right:1em;
	padding: 5px 22px;
	cursor: pointer;
	z-index: 999999;
	font-size: 10pt;
	text-decoration: none;
	color: #fff;   
	background: #333;
	border-radius:0;
	-webkit-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}
#calendar_list_table {
	width:100%;
}
/* 지도이미지에 시도별 이미지 출력*/
.mapadd_imagename1 { clear:both; position: absolute; z-index: 18;  top: 33px; left: 198px;} /* 서울 */
.mapadd_imagename2 { clear:both; position: absolute; z-index: 2;  top: 4px; left: 168px;} /* 경기도 */ 
.mapadd_imagename3 { clear:both; position: absolute; z-index: 3;  top: 30px; left: 147px; }  /* 인천 */
.mapadd_imagename4 { clear:both; position: absolute; z-index: 4;  top: 2px; left: 227px; } /* 강원 */ 
.mapadd_imagename5 { clear:both; position: absolute; z-index: 5;  top: 90px; left: 208px; } /* 충북 */ 
.mapadd_imagename6 { clear:both; position: absolute; z-index: 6;  top: 88px; left: 108px;} /* 충남 */ 
.mapadd_imagename7 { clear:both; position: absolute; z-index: 7;  top: 134px; left: 194px; } /* 대전 */ 
.mapadd_imagename8 { clear:both; position: absolute; z-index: 8;  top: 157px; left: 90px; } /* 전북 */ 
.mapadd_imagename9 { clear:both; position: absolute; z-index: 9;  top: 212px; left: 22px; } /* 전남 */ 
.mapadd_imagename10 { clear:both; position: absolute; z-index: 10;  top: 230px; left: 102px;} /* 광주 */ 
.mapadd_imagename11 { clear:both; position: absolute; z-index: 11;  top: 107px; left: 245px;} /* 경북 */ 
.mapadd_imagename12 { clear:both; position: absolute; z-index: 12;  top: 191px; left: 203px;} /* 경남 */ 
.mapadd_imagename13 { clear:both; position: absolute; z-index: 13;  top: 191px; left: 285px; } /* 대구 */ 
.mapadd_imagename14 { clear:both; position: absolute; z-index: 14;  top: 221px; left: 335px; } /* 울산 */ 
.mapadd_imagename15 { clear:both; position: absolute; z-index: 15;  top: 251px; left: 309px; } /* 부산 */ 
.mapadd_imagename16 { clear:both; position: absolute; z-index: 16;  top: 375px; left: 2px; } /* 제주도 */
/* 지도이미지에 시도별 텍스트 출력*/
.mapadd_text1 { clear:both; position: absolute; z-index: 20;  top: 40px; left: 199px; } /* 서울 */
.mapadd_text2 { clear:both; position: absolute; z-index: 21;  top: 70px; left: 190px;} /* 경기도 */ 
.mapadd_text3 { clear:both; position: absolute; z-index: 22;  top: 44px; left: 150px; }  /* 인천 */
.mapadd_text4 { clear:both; position: absolute; z-index: 24;  top: 50px; left: 310px; } /* 강원 */ 
.mapadd_text5 { clear:both; position: absolute; z-index: 25;  top: 100px; left: 240px; } /* 충북 */ 
.mapadd_text6 { clear:both; position: absolute; z-index: 26;  top: 120px; left: 150px;} /* 충남 */ 
.mapadd_text7 { clear:both; position: absolute; z-index: 27;  top: 135px; left: 195px; } /* 대전 */ 
.mapadd_text8 { clear:both; position: absolute; z-index: 28;  top: 190px; left: 150px; } /* 전북 */ 
.mapadd_text9 { clear:both; position: absolute; z-index: 29;  top: 260px; left: 80px; } /* 전남 */ 
.mapadd_text10 { clear:both; position: absolute; z-index: 30;  top: 231px; left: 103px;} /* 광주 */ 
.mapadd_text11 { clear:both; position: absolute; z-index: 31;  top: 150px; left: 330px;} /* 경북 */ 
.mapadd_text12 { clear:both; position: absolute; z-index: 32;  top: 240px; left: 230px;} /* 경남 */ 
.mapadd_text13 { clear:both; position: absolute; z-index: 33;  top: 193px; left: 287px; } /* 대구 */ 
.mapadd_text14 { clear:both; position: absolute; z-index: 34;  top: 223px; left: 350px; } /* 울산 */ 
.mapadd_text15 { clear:both; position: absolute; z-index: 35;  top: 253px; left: 320px; } /* 부산 */ 
.mapadd_text16 { clear:both; position: absolute; z-index: 36;  top: 380px; left: 20px; } /* 제주도 */


/* 게시판 셀렉트 메뉴형태 출력*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: -0.1em; 
  width: 200px;
}
#cssmenu {
  width: 200px;
  color: #ffffff;
}
#cssmenu ul ul {
  display: none;
}
#cssmenu > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}

#cssmenu ul > li.has-sub > a:after {
  position: absolute;
  right: 26px;
  top: 16px;
  z-index: 999999;
  display: block;
  height: 10px;
  width: 2px;
  background: #fff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub > a:before {
  position: absolute;
  right: 22px;
  top: 20px;
  display: block;
  width: 10px;
  height: 2px;
  background: #fff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

#cssmenu ul > li.has-sub.open > a:after,
#cssmenu ul > li.has-sub.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cssmenu ul ul li a {
  padding: 14px 22px;
  cursor: pointer;
  z-index: 999999;
  font-size: 11pt;
  text-decoration: none;
  color: #fff;   
  background: #5F82E5;
  border:1px; border-color:#5F82E5; border-style:solid;
  border-radius:0;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  margin:1px;
}
#cssmenu ul ul ul li a {
  padding-left: 32px; 
  background: #fff;
  color: #333;
  font-size: 10pt;   
  border:1px; border-color:#ddd; border-style:solid;
   padding: 10px 22px;
}
#cssmenu ul ul li a:hover {
  color: #fff;
  background: #00AEEF;   
  border:1px; border-color:#00AEEF; border-style:solid;
}
/********html페이지.제품.기타위젯 페이지의 타이틀제목옆 분류셀렉트 속성*********/
#cssmenu2,
#cssmenu2 ul,
#cssmenu2 ul li,
#cssmenu2 ul li a {
  margin: 0 auto;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: -0.1em;
}
#cssmenu2 {
  width: 200px;
  color: #ffffff;
  font-size:9pt;
}
#cssmenu2 ul ul {
  display: none;
}
#cssmenu2 > ul > li.active2 > ul {
  display: block;
}
.align-right {
  float: right;
}

#cssmenu2 ul > li.has-sub2 > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 9;
  display: block;
  height: 10px;
  width: 2px;
  background: #fff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu2 ul > li.has-sub2 > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #fff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

#cssmenu2 ul > li.has-sub2.open > a:after,
#cssmenu2 ul > li.has-sub2.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cssmenu2 ul ul li a {
  padding: 8px 14px;
  cursor: pointer;
  z-index: 9;
  font-size:9pt;
  text-decoration: none;
  color: #333;
  background: #fff;
  border:1px; border-color:rgba(0,0,0, 0.05); border-style:solid;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
  border-radius:3px;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  margin:1px;

}
#cssmenu2 ul ul ul li a {
  padding-left: 14px;
}
#cssmenu2 ul ul li a:hover {
  color: #fff;background: #FC6E51;
   border:1px; border-color:#DD5D43; border-style:solid;
}
/********html페이지.제품.기타위젯 페이지의 타이틀제목옆 분류셀렉트 속성*********/

.gallery_alldiv { position: absolute; top:0; }
.idcheck2015 {
  padding:5px 15px 5px 15px;
  color:#fff;
  line-height:26px;
  height:26px;
  background: #FBAF5D;
  border-radius:2px;
  letter-spacing: -1px;
  font-size: 10pt;    
}

@media (min-width:300px) and (max-width:1140px){
#calendar_list_table {
	display:block;
	width:90%;
}
.mapadd_wrapper {
	display: block; 
	overflow: hidden;
	width:95%;
	margin:0 auto;
	font-size:10pt;
	font-family:'RixSGo M', sans-serif;
	padding-top:3em; 
}
.mapadd_box_left {
	display:none;
}
.mapadd_box_right {
	display:inline-block;
	float:left;
	width:100%;
	padding:0;
}
.mapadd_box_right li{
	width:100%;
}
.mapadd_box_right ul{
	width:100%; 
}
.mapadd_box_right_inbox li{
	display:block;
	width:100%;
	font-size:9pt;
	text-align:left;
	border-bottom: 1px solid #ddd;
}

.gallery_alldiv {width:100%; position: absolute; top:0; padding-top:2em;}
}

@media screen and (max-width: 768px) {
	.mapadd_wrapper {
		display: block; 
		overflow: hidden;
		width:95%;
		margin:0 auto;
		font-size:10pt;
		font-family:'RixSGo M', sans-serif;
		padding-top:7.5em; 
	}
	.mapadd_box_right li{
		width:100%; float:left;
	}
}

/* 게시판 셀렉트 메뉴형태 출력 End*/

/* 서비스센터리스트속성 */
.calendar_list_table_bg {
	font-size:11pt; 
	margin:3px;
	padding: 0.2em;
	letter-spacing: -0.07em;
	text-align:center;
	background: -moz-linear-gradient(#fff, #f6f6f6);
    background: -ms-linear-gradient(#fff, #f6f6f6);
    background: -o-linear-gradient(#fff, #f6f6f6);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f6f6f6));
    background: -webkit-linear-gradient(#fff, #f6f6f6);
    background: linear-gradient(#fff, #f6f6f6);
	border-top:1px solid #C2C2C2;
	border-bottom:1px solid #8F8F8F;
	border-left:1px solid #C2C2C2;
	border-right:1px solid #8F8F8F;
    color: #333;
	font-family:'RixSGo M', sans-serif; 	
	}

.bar_button2 {
  padding:10px 10px 10px 10px;
  background: #fff;
  border: none; 
  width:100%;
  height:28px;
  border-radius: 0;
  background-image:linear-gradient(	0deg,rgb(243, 243, 243),rgb(255, 255, 255));
  color: #222;
  border-top:2px solid #5C5C5C;
  border-bottom:1px solid #CBCBCB;
}

.calendar_list_tableTD_bgtitleB {
	font-size:11pt; 
	letter-spacing: -0.07em;
	font-family:'RixSGo M', "NanumBarunGothic", "돋움", "Tahoma", "Helvetica", sans-serif; 	
	}
.calendar_list_tableTD_bgtitleS {
	font-size:11pt; 
	letter-spacing: -0.07em;
	font-family:'RixSGo M', "NanumBarunGothic", "돋움", "Tahoma", "Helvetica", sans-serif; 	
	}

.calendar_list_tableTD_bgtitle {
	font-size:10pt; 
	letter-spacing: -0.07em;
	font-family:'RixSGo M', "NanumBarunGothic", "돋움", "Tahoma", "Helvetica", sans-serif; 	
	}
.calendar_list_tableTD_bg {
	padding: 0.5em;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	font-size:11pt; 
	}

.calendar_list_tableTD_top {
	border-top:2px solid #333;
	}
.calendar_list_tableTD_bgright_bottom {
	padding: 0.5em;
	border-bottom:1px solid #333;
	}
.calendar_list_tableTD_bgright {
	padding: 0.5em;
	border-bottom:1px solid #ddd;
	}
.add_list_tableTD_bg {
	padding: 0.5em;
	text-align:left;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
    color: #666;
	}
#calendar_list_tableTD_on {

	}
#calendar_list_tableTD_on:hover {
	background: rgba(0,0,0, 0.02);
	}

	.resizeS_addlist {
	  width: 100px;
	  border-width:1px; border-color:#EEEEEE; border-style:solid;
	}
	.resizeS_addlist_no {
	  width: 100px;border-width:1px; border-color:#EEEEEE; border-style:solid;
	}
		.resizeS_addlist_no,.resizeS_addlist:hover {border-color:#FF7F7E;}

	#calendar_list_tableTD_bg {
		padding: 8px 5px;
		text-align: center;
		width:100%;
	}
	.calendar_inbox li {  
		width: 100%;
		display:block; 
		text-align:left; 
		border-bottom:1px solid #eee; 
		font-size:9pt; 
	}

.addzipbtn {
	background: #333; 
	padding:1px  2px  2px  2px;
	color: #fff;
	font-size:9pt; 
	border-radius: 0.2em;
	}
.addtable_subjectTop {
	text-align:left;
	border-top:2px solid #333;
}
.addtable_subjectBottom {
	text-align:left;
	border-bottom:1px solid #333;
}
.addtable_subjectCenter {
	text-align:left;
	border-bottom:1px solid #ddd;
}
.addtable_subject {
	padding:5px;
	width:7em;
	background: #f3f3f3; 
	text-align:center;
	border-right:1px solid #eee; 
	font-size:11pt; 
	color: #333;
	}
.addtable_contents  {
	padding:5px;
	font-size:11pt; 
	color: #777;
	letter-spacing: -0.07em;
}
.bbsconts_TX  {
	font-size:11pt; 
	color: #777;
	letter-spacing: -0.07em;
}
.addtable_contbox {
	display:inline-block;
	float:left;
	width:100%;
	padding:2em 0;
	text-align:left;
} 

#addtable_divcont {
	margin:0 auto; 
	width:100%;
} 
#addtable_divLeft {
	clear:both; 
	float:left; 
	width:50%; 
} 
#addtable_divright {
	float:right; 
	text-align:right; 
	width:50%;
	padding-top:15px;
}
#addtable_divcont2 {
	margin:0 auto; 
	width:100%;
} 
#addtable_divLeft2 {
	float:left; 
	padding:7px;
	text-align:center; 
	width:80%; 
} 
#addtable_divright2 {
	float:right; 
	text-align:right; 
	width:20%;
}

img.resize_item_addlist {  /*주소록리스트이미지*/
	width: 100%;
	min-width: 50%;
	border:1px solid #fff;
	}
img.resize_item_addlist:hover {  
	border:1px solid #FC6E51;
	background-color:#fff;
	}
img.resize_item_addview {  /*주소록리스트이미지*/
	max-height:280px;
	}


@media (min-width:100px) and (max-width:1024px){
.calendar_list_table_bg {
	font-size:10pt;
	margin:0;
	height:30px;
	padding: 0.2em;
	letter-spacing: -0.07em;
	text-align:center;
	border-top:1px solid #C2C2C2;
	border-bottom:1px solid #8F8F8F;
	border-left:1px solid #C2C2C2;
	border-right:1px solid #8F8F8F;
    color: #333;
}
.calendar_week_leftL {
	font-size: 11pt;
}
.calendar_week_leftM {
	font-size: 10pt;
}
/*********************주소록*****/
#addtable_divcont {	margin:0 auto; 	width:100%;	} 
#addtable_divLeft {	clear:both; float:left; width:100%; padding-bottom:20px; padding-top:10px;} 
#addtable_divright {float:left; text-align:left; width:100%;}


#addtable_divcont2 {margin:0 auto; 	width:100%;	} 
#addtable_divLeft2 {clear:both; width:100%; text-align:center;} 
#addtable_divright2 { text-align:center; width:100%;}

	.addtable_subject,.addtable_contents,.bbsconts_TX{
		font-size:10pt; 
	}
}