@charset "utf-8";
/* CSS Document */


html {
    scroll-behavior: smooth;
}
body img {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.clearfix {
	display: block;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.skip {
	position: absolute;
	top: -999rem;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	background: none;
	font-size: 0.3rem;
	color: transparent;
	line-height: 0
}
select[disabled="disabled"] {
	background-color:#ebebeb;
	color:transparent
}
:not(switch):before, :not(switch):after {
	display:none;
	content:'';
}


body {
	margin: 0rem;
	line-height: 140%;
}
body h1 {
	font-size: 4.8rem;
	letter-spacing: -0.3rem;
}
body h2 {
	font-size: 3.6rem;
	letter-spacing: -0.2rem;
}
body h3 {
	font-size: 3rem;
	letter-spacing: -0.1rem;
}
body h4 {
	font-size: 2.7rem;
	letter-spacing: -0.1rem;
}
body h5 {
	font-size: 2.5rem;
	letter-spacing: -0.1rem;
}
body h6 {
	font-size: 2.2rem;
	letter-spacing: -0.1rem;
}
body p   {
	font-size: 1.9rem;
	font-weight: 400;
	font-family: 'Noto Sans KR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;
	word-break: keep-all;
}
body li,
body dt,
body a,
body th,
body td  {
	font-size: 1.7rem;
	font-weight: 400;
	font-family: 'Noto Sans KR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;
	word-break: keep-all;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	color: #333;
	font-family: 'Noto Sans KR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;
}
.txtCenter {
    text-align: center;
}
.txtRight {
	text-align: right;	
}
.txtLeft {
	text-align: left;	
}
.blockCenter {
	margin: 0rem auto;
}
.greenTxt {
	color: #167a68;	
}
.redTxt {
	color: #d72137;	
}
.blueTxt {
	color: #2150d7;	
}
.Myeongjo {
	font-family: 'Noto Serif KR';
}
.iceSotong {
	font-family: 'iceSotong-Rg';
}
.ui.button.blue,
.ui.button.brown {
	font-size: 1.6rem;
	padding: 1.3rem 1rem;
	text-align: center;
	margin: 0rem;
	box-sizing: border-box;
}
.ui.button.blue {
	background-color: #1b3b86;
}
.ui.button.brown {
	background-color: #c5a86f;
}
.img img {
	width: 100%;	
}
.smTxt {
	display: inline-block;
	margin-left: 0.5rem;
}
p.smTxt {
	font-size: 1.6rem;
}
.blind {
	display: none;
}
.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ganada li,
.dot li {
	position: relative;
	display: block;
	line-height: 140%;
	margin-bottom: 0.8rem;
	padding-left: 1.8rem;
	word-break: keep-all;
}
.ganada.bigP li,
.dot.bigP li {
	font-size: 1.9rem;
	color: #333 !important;
}
.ganada li:before,
.dot li:before {
	position: absolute;
	display: block;
	left: 0;
	top: 0;	
}
.dot li:before {
	content: "";
	top: 1rem;
	left: 0rem;
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	background-color: #999;
}
.bar li {
	position: relative;
	color: #787878;
	padding-left: 2rem;
	margin-bottom: 0.5rem;
}
.bar li:before {
	content: "";
	position: absolute;
	display: block;
	left: 0.3rem;
	top: 1.3rem;
	width: 0.7rem;
	height: 0.2rem;
	background-color: #999;	
}
.ganada li:nth-child(1):before {
	content: "가."	
}
.ganada li:nth-child(2):before {
	content: "나."	
}
.ganada li:nth-child(3):before {
	content: "다."	
}
.ganada li:nth-child(4):before {
	content: "라."	
}
.ganada li:nth-child(5):before {
	content: "마."	
}
.icon:before,
.k-icon:before {
	display: block;
}
.ui.button {
	font-size: 1.5rem;
	line-height: 140%;
	padding: 0.8rem 2rem;
	border-radius: 0.3rem;
}
.k-checkbox::before,
.k-radio::before,
#bbsInput .fieldList:before,
.k-dropzone .k-button span:before,
.swiper-button-next:after,
.swiper-button-prev:after {
	display: block;	
}
.swiper-button-next:after,
.swiper-button-prev:after {
	content: '' !important;
}


/****** topMennu *****/
#topMenu {
	background-color: #282945;	
}
#topMenu .top_menu {
	float: right;
}
#topMenu .top_menu li {
	display: inline-block;
}
#topMenu .top_menu a {
	color: #fff;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 3.9rem;
}
#topMenu .top_menu a:hover {
	text-decoration: underline;	
}
#topMenu .top_menu li + li {
	margin-left: 1.5rem;
}

/*******구메뉴 CSS ******/
#head {
	height: 19rem;
	position: relative;
	z-index: 10;
}
.clear>div,
.clear>li,
.clear>span {
	float: left;
	display: block;
}
#menuWrap .inner1 {
	position: relative;
	overflow: visible;
}
.logo {
    position: absolute;
    top: 4rem;
    left: 2rem;
	width: 19.2rem;
	height: 6.8rem;
}
.logo img {
	width: 100%;	
}
.gnb {
	position: absolute;
	width: calc(100% - 29rem);
	top: 4rem;
	right: 0rem;
}
.gnb>ul>li {
	position: relative;
	width: calc(100% / 7);
}

.gnb ul li a {
	display: block;
	height: 6.8rem;
	font-size: 2.2rem;
	line-height: 2.8rem;
	font-weight: 700;
	color: #333;
	text-align: center;
	padding: 2rem;
}

.gnb>ul>li>a:hover,
.gnb>ul>a:focus {
	color: #111;
}
.gnb .sub_menu {
	position: absolute;
	display: none;
	top: 6.8rem;
	left: 2rem;
	margin-top: 4rem;
	padding: 3rem 0 4rem 0;
	z-index: 12;
	opacity: 0;
	background-color: #666
	transition: all 0.3s ease-out;
}
.gnb .sub_menu>ul>li>a {
	display: block;
	width: 100%;
	height: auto;
	line-height: 130%;
	font-size: 1.6rem;
	font-weight: 400;
	color: #787878;
	padding: 1rem 2rem;
	text-align: left;
}
.gnb .sub_menu>ul>li>a:hover {
	color: #fff;
	font-weight: 500;
	background-color: #1b3b86;
	/*transition: background-color 0.3s ease;*/
}
.gnb .bar {
	position: absolute;
	bottom: -4.4rem;
	left: 0;
	width: 10rem;
	height: 0.4rem;
	margin-left: 3rem;
	background-color: #1b3b86;
	opacity: 0;
	transition: all 0.4s ease-in-out;
}
.gnb .bar.active {
	opacity: 1;
}
.gnb_bg {
	position: absolute;
	top: 19rem;
	left: 0;
	right: 0;
	height: 0;
	background-color: #f7f7f7;
	transition: all 0.5s ease-out;
	z-index: 11;
	/*border-top: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);*/
}




/******* 모바일 메뉴*****/
.menu-btn,
.pushy.pushy-right {
    display: none;
}
#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;
}
#cssmenu {
  width: 100%;
  font-family: Raleway, sans-serif;
  color: #ffffff;
}
#cssmenu ul ul {
  display: none;
}
#cssmenu > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 16px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 1.6rem;
  text-decoration: none;
  color: #ffffff;
  background: #1b3b86;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li > a:hover {
  color: #d8f3f0;
}
#cssmenu ul > li.has-sub > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #ffffff;
  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: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #ffffff;
  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: 2;
  font-size: 15px;
  text-decoration: none;
  color: #dddddd;
  background: #49505a;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul ul li a {
  padding-left: 42px;
}
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul > li.has-sub > a:after {
  top: 16px;
  right: 26px;
  background: #dddddd;
}
#cssmenu ul ul > li.has-sub > a:before {
  top: 20px;
  background: #dddddd;
}

/******contTop CSS *******/
#contTop {
	margin-bottom: 8rem;	
}
#contTop .bLeft,
#contTop .bRight {
	width: 28rem;
	background-color: #f7f7f7;
}
#contTop .bCenter {
	position: relative;
	width: 84rem;
	height: 53.3rem;
	overflow: hidden;
}



/***** 의사일정 CSS ******/
.toSchedule {
	height: 26.65rem;
	overflow: hidden;
	background-color: #e5e4d0;
}
.toSchedule .info {
	padding: 4rem 4rem 3rem 4rem;
	text-align: center;
}
.toSchedule .info .blueBg {
	display: block;
	width: 17rem;
	font-size: 1.7rem;
	color: #fff;
	text-align: center;
	background-color: #1b3b86;
	border-radius: 2rem;
	padding: 1rem;
	margin: 1.5rem auto;
}


.toSchedule .btnBox .ui.button.blue,
.liveMovie .btnBox .ui.button.brown {
	width: 50%;
	margin: 0rem;
	border-radius: 0rem;
	position: relative;
}
.toSchedule .btnBox .ui.button.blue:last-child,
.liveMovie .btnBox .ui.button.brown:last-child {
	border-left: 1px solid rgba(256, 256, 256, 0.2);
}
.schSlide {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 4.4rem;
	text-align: left;
	padding-top: 1rem;
}
.schSlide .tit {
	width: calc(100% - 1rem);
	position: relative;
	text-align: left;
	padding-left: 1rem;
	
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.schSlide .tit:before {
	content: "";
	position: absolute;
	display: block;
	left: 0rem;
	top: 1rem;
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background-color: #666;
}
.schSlide.slick-slider .slick-arrow {
	display: none !important;
}



.snsFacebook {
	height: 26.65rem;
	display: block;
	text-align: center;
	padding: 14rem 3rem 4rem 3rem;
	overflow: hidden;
	background-image: url(../main/images/facebook_icon.png);
	background-position: center 4rem;
	background-repeat: no-repeat;
}
.snsFacebook p,
.liveMovie .info p {
	font-weight: 400;
	color: #787878;
	margin-top: 0.9rem;
}
.snsFacebook:hover {
	background-color: #2698d5;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
.snsFacebook:hover h4,
.snsFacebook:hover p {
	color: #fff;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}


/***** 메인 슬라이드 CSS ******/
.bCenter {
	position: relative;
}
.bCenter .mainSlide.slick-slider .slick-slide {
	position: relative;
	overflow: hidden;
	height: 53.3rem;
}
.bCenter .mainSlide.slick-slider .slick-slide .img {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.bCenter .mainSlide.slick-slider .slick-slide .img img {
	position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
	width: 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transition: all 0.3s ease-in-out;
}
.bCenter .mainSlide.slick-slider .slick-slide .tit {
	position: absolute;
	box-sizing: border-box;
	height: 6.7rem;
	left: 0;
	bottom: 0rem;
	width: 100%;
	font-size: 1.9rem;
	color: #fff;
	padding: 2rem 30rem 2rem 2rem;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
	
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 10;
}
.bCenter .mainSlide.slick-slider .slick-slide .tit:hover {
	text-decoration: underline;	
}

.bCenter .mainSlide.slick-slider .slick-arrow {
    position: absolute;
	overflow: hidden;
	font-size: 0;
    bottom: 2.6rem;
	color: #fff;
    width: 2rem;
    height: 2rem;
    margin-top: auto;
    z-index: 10;
    cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
}
.bCenter .mainSlide.slick-slider .slick-arrow.slick-prev {
	right: 19.5rem;
	background-image: url(../main/images/white_pre_icon.png);
}
.bCenter .mainSlide.slick-slider .slick-arrow.slick-next {
	right: 6rem;
	background-image: url(../main/images/white_next_icon.png);
}
.bCenter .slideCon01 {
	position: absolute;
	overflow: hidden;
	font-size: 0;
    bottom: 2.6rem;
	right: 3rem;
	color: #fff;
    width: 2rem;
    height: 2rem;
    z-index: 10;
    cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../main/images/white_stop_icon.png);
}
.bCenter .slideCon01.on {
	background-image: url(../main/images/white_start_icon.png);
}

.bCenter .mainSlide.slick-slider .slick-dots {
	position: absolute;
	left: auto;
	right: 10rem;
	bottom: 2.6rem;
	z-index: 10;
	color: #fff;
	font-size: 1.4rem;
	letter-spacing: 1rem;
}


/***** 의장인사말 CSS ******/
.ceoGreeting {
	position: relative;
	text-align: right;
	overflow: hidden;
	height: 26.65rem;
	padding: 7rem 2.5rem;
	background-color: #5b98d2;
	background-image: url(../main/images/main_chairman_img.png);
	    background-position: -2rem 2rem;
	background-repeat: no-repeat;
	
}
.ceoGreeting  p {
	color: #fff;
	line-height: 120%;	
}
.ceoGreeting  h4 {
	color: #fff;
	line-height: 120%;
}
.ceoGreeting  h4 .smTit {
	display: inline-block;
	font-size: 1.9rem;
	font-weight: 500;
}
.ceoGreeting .btnBox {
	position: absolute;
	display: block;
	overflow: hidden;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4.9rem;
	background-color: #282945;
}
.ceoGreeting .btnBox .ui.button {
	width: 100%;
	height: 100%;
	color: #fff;
	border-radius: 0rem;
	background-color: #282945;
}

.liveMovie {
	position: relative;
	height: 26.65rem;
	overflow: hidden;
}
.liveMovie .info {
	padding: 6.5rem 3rem;
	text-align: center;	
}
.liveMovie .btnBox {
	position: absolute;
	width: 100%;	left: 0;
	bottom: 0;	
}


/***** 태안군의회 현의원 CSS ******/
#contMember {
	background-color: #f5eee9;
	padding: 6rem 0;	
}

.thumMember {
	position: relative;
	overflow: hidden;
}
.thumMember .thumLeft {
	width: 40rem;
	order: 1;
}
.thumMember .thumRight {
	width: calc(100% - 44rem);
	overflow: hidden;
	order: 2;
}
.thumMember .titImg img {
	display: block;
	margin: 4rem auto;
}
.thumMember .slider-for {
	width: 100%;
	background-color: #fff;
	padding: 8rem 3rem 3rem 3rem;
	position: relative;
}
.thumMember .slider-for:after {
	content: "의원상세보기";
	position: absolute;
	display: block;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 140%;
	left: 3rem;
	top: 2.7rem;
}
.thumMember .slider-for:before {
	content: "";
	position: absolute;
	display: block;
	left: 40rem;
	top: 50%;
	width: 0;
	height: 0;
	border-bottom: 3rem solid transparent;
	border-top: 3rem solid transparent;
	border-left: 3rem solid #fff;
	border-right: 3rem solid transparent;
	
	transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.thumMember .slider-for .item {
	width: 100%;
	overflow: hidden;
}
.thumMember .slider-for .item .img {
	width: 17rem;
	overflow: hidden;
}
.thumMember .slider-for .item .img img {
	display: block;
}
.thumMember .slider-for .item .ui.button.blue {
	width: 100%;
	padding: 1rem;
	border-radius: 0;
	display: block;
}
.thumMember .slider-for .item .con {
	width: calc(100% - 20rem);
	overflow: hidden;
}
.thumMember .slider-for .item .con h5 {
	margin-bottom: 2rem;
}
.thumMember .slider-for .item .con h5 .smTxt {
	font-size: 1.9rem;	
}
.thumMember .slider-for .item .con .titUl li {
	font-size: 1.9rem;
	font-weight: 500;
}
.thumMember .slider-for .item .con .titUl li .smTxt {
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	color: #787878;
	padding: 0;
	margin: 0 0 0.7rem 0;
}
.thumMember .slider-for .item .con .titUl li + li {
	margin-top: 2rem;	
}

.thumMember .thumRight .slick-slide {
	width: 13.09rem !important;
	height: 17.38rem !important;   
	cursor: pointer;
	margin: 0rem 0.3rem !important;
	box-sizing: border-box;
	position: relative;
}
.thumMember .thumRight .slick-slide.slick-current:before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 0 0.5rem #c5a86f inset;
}
.thumMember .slider-for .slick-arrow {
    position: absolute;
	overflow: hidden;
	font-size: 0;
    top: 3rem;
	color: #fff;
    width: 2rem;
    height: 2rem;
    margin-top: auto;
    z-index: 10;
    cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
}
.thumMember .slider-for  .slick-arrow.slick-prev {
	right: 15rem;
	background-image: url(../main/images/black_pre_icon.png);
}
.thumMember .slider-for  .slick-arrow.slick-next {
	right: 11rem;
	background-image: url(../main/images/black_next_icon.png);
}
.thumMember .slideCon02 {
	position: absolute;
	overflow: hidden;
	font-size: 0;
    top: 3rem;
	left: 30rem;
	color: #fff;
    width: 2rem;
    height: 2rem;
    z-index: 10;
    cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../main/images/black_stop_icon.png);
}
.thumMember .slideCon02.on {
	background-image: url(../main/images/black_start_icon.png);
}


/***** 의정갤러리 CSS ******/
#contGallery {
	background-color: #666666;
	padding: 8rem 0;	
}
#contGallery .inner1 {
	max-width: 158rem;	
}
#contGallery .txtCenter h2,
#contGallery .txtCenter p {
	color: #fff;	
}
#contGallery .txtCenter h2 + p {
	margin-top: 1rem;
	margin-bottom: 4rem;	
}

.GallerySlide {
	position: relative; 
	display: block;
	margin: 0rem 9rem;
}
.GallerySlide .slick-list {
	max-width: 142rem;
}
.GallerySlide .slick-list .slick-slide {
    padding: 0 1rem;
}


.GallerySlide .item {
    width: 100%;
    overflow: hidden;
    position: relative;
	background-color: #fff;
	-webkit-transition: transform .4s;
    transition: transform .4s;
	cursor: pointer;
}
.GallerySlide .item:hover {
	transform: translateY(-0.8rem);	
}
.GallerySlide .item .img {
    width: 100%;
    height: 21rem;
    position: relative;
    display: block;
    overflow: hidden;
}
.GallerySlide .item .img img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 102%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transition: all 0.3s ease-in-out;
}
.GallerySlide .item dt {
	box-sizing: border-box;
	padding: 2rem;
	height: 9rem;
}
.GallerySlide .item dt .tit {
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 140%;
}
.GallerySlide.slick-slider .slick-arrow {
    position: absolute;
	overflow: hidden;
	font-size: 0;
    top: 50%;
	background-color: #b3b3b3;
	color: #fff;
    width: 5.8rem;
    height: 5.8rem;
	border-radius: 50%;
    z-index: 10;
    cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	
	transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.GallerySlide.slick-slider .slick-arrow.slick-prev {
	left: -8rem;
	background-image: url(../main/images/slide_pre_icon.png);
}
.GallerySlide.slick-slider .slick-arrow.slick-next {
	right: -8rem;
	background-image: url(../main/images/slide_next_icon.png);
}


/***** 보도자료, 5분발언, 팝업 CSS ******/
#contActivity {
	padding: 8rem 0rem;	
}
#contActivity .activItem {
	position: relative;
	width: 43rem;
	overflow: hidden;	
}
#contActivity .activItem h5 {
	margin-bottom: 2rem;	
}
#contActivity .activItem .item dd {
	height: 24rem;
}
#contActivity .activItem .item dd .img {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;	
}
#contActivity .activItem .item dd .img img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transition: all 0.3s ease-in-out;
}
#contActivity .activItem .item dt {
	padding: 2rem 0rem;
}
#contActivity .activItem .item dt .tit {
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.bodoSlide .slick-list,
.obunSlide .slick-list,
.popSlide .slick-list {
	overflow: hidden;	
}
.bodoSlide .slick-arrow,
.obunSlide .slick-arrow,
.popSlide .slick-arrow {
    position: absolute;
	overflow: hidden;
	font-size: 0;
    top: -4.5rem;
	color: #fff;
    width: 2rem;
    height: 2rem;
    margin-top: auto;
    z-index: 10;
    cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
}
.bodoSlide .slick-arrow.slick-prev,
.obunSlide .slick-arrow.slick-prev,
.popSlide .slick-arrow.slick-prev {
	right: 4rem;
	background-image: url(../main/images/black_pre_icon.png);
}
.bodoSlide .slick-arrow.slick-next,
.obunSlide .slick-arrow.slick-next,
.popSlide .slick-arrow.slick-next {
	right: 0rem;
	background-image: url(../main/images/black_next_icon.png);
}


/***** 의회소식 CSS ******/
#contNews {
	padding: 8rem 0;
	background-color: #e4f0e3;	
}
#contNews .txtCenter h2 {
	color: #333;
	margin-bottom: 2rem;	
}
#contNews .tabMenu {
	text-align: center;
	border: none;
	margin-bottom: 4rem;
}
#contNews .tabMenu a {
	position: relative;
	display: inline-block;
	font-size: 2.2rem;
    line-height: 150%;
    text-align: center;
    float: none;
    border: none;
    color: #333;
    white-space: nowrap;
    overflow: visible;
    margin: 0 2rem;
    background-color: transparent;
	padding-bottom: 1.5rem;
}
#contNews .tabMenu a.on:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 0.4rem;
	background-color: #333;
	bottom: 0;
	left: 0;
}
#contNews .newsList .item {
	width: calc((100% / 4) - 2rem);
	border-radius: 1rem;
	background-color: #fff;
	padding: 3rem;
	text-align: left;
}
#contNews .newsList .item .type {
	display: block;
	width: 8.5rem;
	font-size: 1.6rem;
	font-weight: 300;
	padding: 0.5rem;
	border-radius: 2rem;
	text-align: center;
	color: #fff;
	background-color: #25861b;
	margin-bottom: 2rem;
}
#contNews .newsList .item .type.one {
	background-color: #1b3b86;
}
#contNews .newsList .item .type.two {
	background-color: #5b98d2;
}
#contNews .newsList .item .type.four {
	background-color: #c5a86f;
}
#contNews .newsList .item .tit {
	display: block;
	width: 100%;
	height: 5.4rem;
	font-size: 1.9rem;
	line-height: 140%;
	margin-bottom: 1rem;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

}
#contNews .newsList .item .date {
	font-size: 1.6rem;
	font-weight: 300;
	color: #787878;	
}


/***** 자주찾는 서비스 CSS ******/
#contService {
	padding: 8rem 0;
}
#contService .txtLeft.tit {
	position: relative;
	margin-bottom: 6rem;
}
#contService .txtLeft.tit:before {
	content: "";
	position: absolute;
	display: block;
	top: calc(50% - 0.2rem);
	right: 0;
	width: calc(100% - 42rem);
	height: 0.5rem;
	background-color: #333;	
}
#contService .txtLeft.tit h2 {
	font-family: 'GmarketSans';
	font-weight: 700;
}
#contService .txtLeft.tit p {
	color: #787878;	
}

#contService .hotLink .item {
	display: block;
	width: 18rem;
	padding: 6rem 1.5rem;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.15);
}
#contService .hotLink .item .icon {
	width: 10.5rem;
	height: 10.5rem;
	margin: 0rem auto;
}

#contService .hotLink .item .tit {
	display: block;
	font-size: 1.9rem;
	font-weight: 500;
	margin-top: 2rem;
}
#contService .hotLink .item:hover {
	background-color: #2698d5;
	color: #fff;
	-webkit-transition: background-color 0.3s ease,  color 0.3s ease;
	-moz-transition: background-color 0.3s ease,  color 0.3s ease;
	-o-transition: background-color 0.3s ease,  color 0.3s ease;
	transition: background-color 0.3s ease,  color 0.3s ease;
}
#contService .hotLink .item .icon {
	width: 11rem;
	height: 11rem;
	border-radius: 50%;
	background-color: #fff;
	
	display: flex;
	justify-content: center;
	align-items: center;
}
#contService .hotLink .item:hover .icon img {
	transform: rotateY(180deg);
	transition: all 0.3s linear;
}
#contService .hotLink .item:hover .tit {
	color: #fff;
}

/***** 베너모음 CSS ******/
#contBanner {
    padding: 4rem 0rem;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

#contBanner .bannerWrap h5 {
	width: 28rem;
	position: relative;
	padding-left: 0rem;
	line-height: 2.9rem;
}

#contBanner .bannerSlide {
	width: calc(100% - 28rem);
	overflow: visible;
}
#contBanner .bannerSlide .slick-slide {
	text-align: center;
}
#contBanner .bannerSlide .slick-slide a {
	position: relative;
	display: block;
	font-size: 1.8rem;
	color: #101010;
	line-height: 2.9rem;
}
#contBanner .bannerSlide .slick-arrow {
	position: absolute;
	overflow: hidden;
	font-size: 0;
    top: -4.5rem;
	color: #fff;
    width: 2rem;
    height: 2rem;
    margin-top: auto;
    z-index: 10;
    cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
}
#contBanner .bannerSlide.slick-slider .slick-arrow {
    position: absolute;
	overflow: hidden;
	font-size: 0;
    bottom: 0.3rem;
	color: #fff;
    width: 2rem;
    height: 2rem;
    margin-top: auto;
    z-index: 10;
    cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
}
#contBanner .bannerSlide.slick-slider .slick-arrow.slick-prev {
	left: -15rem;
	background-image: url(../main/images/black_pre_icon.png);
}
#contBanner .bannerSlide.slick-slider .slick-arrow.slick-next {
	left: -9rem;
	background-image: url(../main/images/black_next_icon.png);
}
#contBanner .slideCon03 {
	position: absolute;
	overflow: hidden;
	font-size: 0;
    bottom: 0.3rem;
	left: 16rem;
	color: #fff;
    width: 2rem;
    height: 2rem;
    z-index: 10;
    cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../main/images/black_stop_icon.png);
}
#contBanner .slideCon03.on {
	background-image: url(../main/images/black_start_icon.png);
}

/***** footer CSS ******/
footer {
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	padding: 8rem 0rem;	
}
footer .inner1 {
	background-image: url(../main/images/bottom_logo.png);
	background-position: left top;
	background-repeat: no-repeat;	
}
#topLink {
	position: absolute;
	display: block;
	top: 0rem;
	right: 0rem;
	width: 6.3rem;
	height: 6.3rem;
	border-radius: 50%;
	color: #2698d5;
	font-size: 1.8rem;
	padding-top: 3rem;
	text-align: center;
	background-color: #f3f3f3;
	background-image: url(../main/images/main_top_icon.png);
	background-position: center 1.5rem;
	background-repeat: no-repeat;
}
.footerMenu {
	padding: 2rem 0rem 3rem 24rem;
	margin-bottom: 2rem;	
}
.footerMenu a {
	position: relative;
	display: inline-block;
	color: #101010;
	padding: 0rem 1.5rem;
}
.footerMenu a:before {
	content: "";
	position: absolute;
	display: block;
	right: -0.3rem;
	top: 0.8rem;
	width: 0.3rem;
	height: 0.3rem;
	border-radius: 50%;
	background-color: #333;
}
.footerMenu a:last-child:before {
	display: none;	
}
.footerMenu a:hover {
	text-decoration: underline;
}
.copy p {
	font-size: 1.6rem;
	font-weight: normal;
	color: #999;
	margin-bottom: 4rem;	
}
.copy p .tel {
	display: inline-block;
	margin-right: 2rem;	
}
.copy p .tel:last-child {
	margin-right: 0rem;	
}
.copy p:last-child {
	margin-bottom: 0rem;	
}
@media (max-width: 1419px) {
	.inner1 {
		padding: 0 2rem;	
	}
	#contTop {
    	margin-bottom: 6rem;
	}
	#contTop .bCenter {
		width: 100%;
		order:1;
	}
	#contTop .bLeft {
		width: 50%;
		order:2;
	}
	#contTop .bRight {
		width: 50%;
		order:3;
	}
	.toSchedule, .snsFacebook,
	.ceoGreeting, .liveMovie {
		float: left;
		width: 50%;	
	}
	#contTop .bCenter {
		height: auto;
	}
	.bCenter .mainSlide.slick-slider .slick-slide {
		width: 100%;
		height: auto;
	}
	.bCenter .mainSlide.slick-slider .slick-slide .img img {
		position: static;
		z-index: 1;
		top: auto;
		left: auto;
		width: 100%;
		transform: translate(0%, 0%);
		-moz-transform: translate(0%, 0%);
		-webkit-transform: translate(0%, 0%);
		-o-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		transition: all 0.3s ease-in-out;
	}
	#contMember,
	#contGallery,
	#contActivity,
	#contNews,
	#contService,
	footer {
		padding: 6rem 0;
	}
	.thumMember .thumLeft {
		order: 2;
		width: 100%;
	}
	.thumMember .thumRight {
		order:1;
		width: 96rem;
		margin: 0rem auto 4rem auto;
	}
	.thumMember .titImg img {
		display: block;
		margin: 0rem auto 4rem auto;
	}
	.thumMember .slider-for:before {
		content: "";
		position: absolute;
		display: block;
		left: 50%;
		top: 0%;
		width: 0;
		height: 0;
		border-bottom: 3rem solid #fff;
		border-top: 3rem solid transparent;
		border-left: 3rem solid transparent;
		border-right: 3rem solid transparent;
		transform: translate(-50%, -6rem);
		-moz-transform: translate(-50%, -6rem);
		-webkit-transform: translate(-50%, -6rem);
		-o-transform: translate(-50%, -6rem);
		-ms-transform: translate(-50%, -6rem);
	}

	.thumMember .slider-for  .slick-arrow.slick-prev {
		right: auto;
		left: 23rem;
		top: 3.5rem;
	}
	.thumMember .slider-for  .slick-arrow.slick-next {
		right: auto;
		left: 27rem;
		top: 3.5rem;
	}
	.thumMember .slideCon02 {
		left: 29rem;
		top: 36rem;
	}
	
	.GallerySlide .item dt {
		padding: 2rem;
		height: 9rem;
	}
	
	#contActivity .activItem {
		width: 100%;
	}
	#contActivity .activItem + .activItem {
		margin-top: 4rem;	
	}
	#contActivity .activItem .item dt {
		padding: 2rem 0rem;
	}
	#contService .txtLeft.tit {
		margin-bottom: 4rem;
	}
	
	#contService .hotLink.flex {
		justify-content: flex-start;
	}
	#contService .hotLink .item {
		padding: 3rem 1rem;
		width: calc(100% / 7) !important;
		border: none;
	}
	#contService .hotLink .item:hover {
		background-color: transparent;
		color: #333;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}
	#contService .hotLink .item:hover .tit {
		color: #333;
	}
	#contService .hotLink .item .icon {
		width: 6rem;
		height: 6rem;
	}
	#contService .hotLink .item .icon img {
		width: 100%;	
	}
	#contService .hotLink .item .tit {
		font-size: 1.9rem;
		margin-top: 2rem;
	}
	#contBanner .slideCon03 {
		left: 18rem;
	}
	footer .inner1 {
		background-position: 1rem top;
	}
	
	#contActivity .activItem .item dd {
		height: auto;
	}
	#contActivity .activItem .item dd .img img {
		position: static;
		z-index: 1;
		top: auto;
		left: auto;
		width: 100%;
		transform: translate(0%, 0%);
		-moz-transform: translate(0%, 0%);
		-webkit-transform: translate(0%, 0%);
		-o-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		transition: all 0.3s ease-in-out;
	}
}


@media (max-width: 1199px) {
	.gnb {
		display: none;	
	}
	.logo {
		top: 2rem;
		left: 2rem;
		width: 17rem;
		height: 6rem;
	}
	.menu-btn {
		text-align: center;
		cursor: pointer;
		position: absolute;
		top: 2rem;
		right: 2rem;
		z-index: 100;
		background-image: url(../main/images/mobile_btn.jpg);
		background-repeat: no-repeat;
		background-position: right center;
		height: 6rem;
		width: 6rem;
		line-height: 6rem;
	}
	#head {
    	height: 14rem;
    	border-bottom: 1px solid #e5e5e5;
		z-index: auto;
	}
	.menu-btn,
	.pushy.pushy-right {
		display: block;
	}
	
	.pushy {
		position: fixed;
		width: 250px;
		height: 100%;
		top: 0;
		z-index: 9999;
		overflow: auto;
		visibility: hidden;
		-webkit-overflow-scrolling: touch;
		background-color: #1b3b86;
		/* enables momentum scrolling in iOS overflow elements */
	}
	.pushy a {
		font-size: 16px;
		font-weight: 500;
		display: block;
		color: #C7DAD2;
		padding: 15px 30px;
		text-decoration: none;
		outline: 0;
	}
	.pushy a.m_logo {
		display: block;
		background-color: #fff;
		padding: 19px;	
	}
	.pushy a.m_logo img {
		width: 150px;	
	}
	.pushy .pushy-link a {
		font-size: 14px;
	}
	.pushy .pushy-submenu .pushy-submenu ul {
		margin-bottom: 10px;
	}
	.pushy .pushy-submenu .pushy-submenu a {
		padding: 15px 30px 8px 30px;
	}
	.pushy .pushy-submenu .pushy-submenu .pushy-link a {
		font-size: 13px;
		font-weight: 400;
		color: #C7DAD2;
		padding: 8px 20px 8px 40px;
		background-image: url(../main/images/dot.gif);
		background-repeat: no-repeat;
		background-position: 30px 14px;
	}
	.pushy a:hover {
		color: #FFF;
	}
	.pushy ul:first-child {
		margin-top: 10px;
	}
	.pushy.pushy-left {
		left: 0;
	}
	.pushy.pushy-right {
		right: 0;
	}
	
	/* Menu Movement */
	.pushy-left {
		-webkit-transform: translate3d(-250px, 0, 0);
		-ms-transform: translate3d(-250px, 0, 0);
		transform: translate3d(-250px, 0, 0);
	}
	
	.pushy-open-left #container,
	.pushy-open-left .push {
		-webkit-transform: translate3d(250px, 0, 0);
		-ms-transform: translate3d(250px, 0, 0);
		transform: translate3d(250px, 0, 0);
	}
	
	.pushy-right {
		-webkit-transform: translate3d(250px, 0, 0);
		-ms-transform: translate3d(250px, 0, 0);
		transform: translate3d(250px, 0, 0);
	}
	
	.pushy-open-right #container,
	.pushy-open-right .push {
		-webkit-transform: translate3d(-250px, 0, 0);
		-ms-transform: translate3d(-250px, 0, 0);
		transform: translate3d(-250px, 0, 0);
	}
	
	.pushy-open-left .pushy,
	.pushy-open-right .pushy {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	
	/* Menu Transitions */
	#container,
	.pushy,
	.push {
		transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	}
	
	/* Site Overlay */
	.site-overlay {
		display: none;
	}
	
	.pushy-open-left .site-overlay,
	.pushy-open-right .site-overlay {
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 10;
		background-color: rgba(0, 0, 0, 0.5);
		-webkit-animation: fade 500ms;
		animation: fade 500ms;
	}
	
	/* Submenu Appearance */
	.pushy-submenu {
		/* Submenu Icon */
	}
	.pushy-submenu ul {
		padding-left: 15px;
		transition: max-height 0.2s ease-in-out;
	}
	.pushy-submenu ul .pushy-link {
		transition: opacity 0.2s ease-in-out;
	}
	.pushy-submenu > a {
		position: relative;
	}
	.pushy-submenu > a::after {
		content: '';
		display: block;
		height: 11px;
		width: 8px;
		position: absolute;
		top: 50%;
		right: 15px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		transition: transform 0.2s;
		background-image: url(../main/images/arrow.svg);
		background-repeat: no-repeat;
	}
	
	/* Submenu Movement */
	.pushy-submenu-closed ul {
		max-height: 0;
		overflow: hidden;
	}
	.pushy-submenu-closed .pushy-link {
		opacity: 0;
	}
	
	.pushy-submenu-open {
		/* Submenu Icon */
	}
	.pushy-submenu-open ul {
		max-height: 1000px;
	}
	.pushy-submenu-open .pushy-link {
		opacity: 1;
	}
	.pushy-submenu-open a::after {
		-webkit-transform: translateY(-50%) rotate(90deg);
		-ms-transform: translateY(-50%) rotate(90deg);
		transform: translateY(-50%) rotate(90deg);
	}
	
	.no-csstransforms3d .pushy-submenu-closed ul {
		max-height: none;
		display: none;
	}
	

	#contTop .bLeft {
		width: 33.33%;
	}
	#contTop .bRight {
		width: 66.67%;
	}
	.toSchedule {
		float: none;
		width: 100%;	
	}
	.snsFacebook {
		display: none;	
	}
	
	#contNews .newsList .item {
		width: calc((100% / 2) - 2rem);
	}
	#contNews .newsList .item:nth-child(n+3) {
		margin-top: 2rem;
	}

}
@media (max-width: 1023px) {
	body h1 {
		font-size: 3.6rem;
		letter-spacing: -0.2rem;
	}
	body h2 {
		font-size: 3rem;
		letter-spacing: -0.1rem;
	}
	body h3 {
		font-size: 2.7rem;
		letter-spacing: -0.1rem;
	}
	body h4 {
		font-size: 2.4rem;
		letter-spacing: -0.1rem;
	}
	body h5 {
		font-size: 2.2rem;
		letter-spacing: -0.1rem;
	}
	body h6 {
		font-size: 2rem;
		letter-spacing: -0.1rem;
	}
	body p   {
		font-size: 1.8rem;
	}
	body li,
	body dt,
	body a,
	body th,
	body td  {
		font-size: 1.6rem;
	}
	
	#contTop {
    	margin-bottom: 4rem;
	}

	#contTop .bLeft,
	#contTop .bRight {
		width: 100%;
	}
	#contTop .bRight {
    	background-color: #e1e1e1;
	}
	.toSchedule, .snsFacebook,
	.ceoGreeting, .liveMovie {
		float: left;
		display: block;
		width: 50%;	
	}
	.toSchedule .info {
		padding: 4.5rem 4rem 3rem 4rem;
		text-align: center;
	}
	.liveMovie .info {
		padding: 6.6rem 8rem;
		text-align: center;
	}
	
	#contMember,
	#contGallery,
	#contActivity,
	#contNews,
	#contService,
	footer {
		padding: 4rem 0;
	}
	#contMember .memberTit h2 .smTit {
		font-size: 2.2rem;
	}
	.thumMember .thumRight {
		width: 73rem;
		margin: 0rem auto 4rem auto;
	}
	.thumMember .titImg img {
		width: 36rem;
		margin-bottom: 3rem;
	}
	.thumMember .thumRight .slick-slide {
		width: 9.52rem !important;
		height: 12.64rem !important;
		margin: 0rem 0.42rem !important;
	}
	.thumMember .slideCon02 {
		left: 30rem;
		top: 29.2rem;
	}
	
	#contGallery .txtCenter h2 + p,
	#contNews .tabMenu {
		margin-bottom: 3rem;
	}
	#contActivity .activItem + .activItem {
		margin-top: 2rem;	
	}
	#contNews .tabMenu a {
		font-size: 2rem;
		margin: 0 1.5rem;
	}
	
	#contService .hotLink .item {
		padding: 2rem 1rem;
		width: calc(100% / 5) !important;
		border: none;
	}
	#contService .hotLink .item .tit {
		font-size: 1.7rem;
		margin-top: 2rem;
	}
	
	#contBanner {
		padding: 3rem 0rem;
	}
	
	.footerMenu {
		padding: 2rem 0rem 3rem 24rem;
		margin-bottom: 1rem;
	}
	.copy p {
		margin-bottom: 2rem;	
	}
	#contGallery .inner1 {
		padding: 0rem 1rem;	
	}
	.GallerySlide.slick-slider .slick-arrow.slick-prev {
		left: 3rem;
	}
	.GallerySlide.slick-slider .slick-arrow.slick-next {
		right: 3rem;
	}
	.GallerySlide {
		 margin: 0rem 0rem;
	}

}
@media (max-width: 767px) {
	
	body h1 {
		font-size: 3;
		letter-spacing: -0.1rem;
	}
	body h2 {
		font-size: 2.7rem;
		letter-spacing: -0.1rem;
	}
	body h3 {
		font-size: 2.4rem;
		letter-spacing: -0.1rem;
	}
	body h4 {
		font-size: 2.2rem;
		letter-spacing: -0.1rem;
	}
	body h5 {
		font-size: 2rem;
		letter-spacing: -0.1rem;
	}
	body h6 {
		font-size: 1.8rem;
		letter-spacing: -0.1rem;
	}
	body p   {
		font-size: 1.6rem;
	}
	body li,
	body dt,
	body a,
	body th,
	body td  {
		font-size: 1.5rem;
	}
	.inner1 {
		padding: 0 1.5rem;
	}
	#head {
		height: 11rem;
		border: none;
	}
	.logo {
		top: 1rem;
		width: 14rem;
		height: 4.5rem;
		left: 1rem
	}
	.menu-btn {
		top: 0.5rem;
		right: 1rem;
	}
	#topMenu .top_menu a {
		font-size: 1.4rem;
		line-height: 3.4rem;
	}
	#contTop {
    	margin-bottom: 3rem;
	}

	.bCenter .mainSlide.slick-slider .slick-slide .tit {
		position: static;
		box-sizing: border-box;
		height: 6rem;
		left: 0;
		bottom: 0rem;
		width: 100%;
		font-size: 1.6rem;
		color: #fff;
		padding: 2rem 12rem 1.5rem 1.5rem;
		background-color: #666;
	}
	.bCenter .mainSlide.slick-slider .slick-arrow.slick-prev {
		right: 10rem;
	}
	.bCenter .mainSlide.slick-slider .slick-arrow.slick-next {
		right: 4rem;
	}
	.bCenter .slideCon01 {
		right: 2rem;
	}
	.bCenter .mainSlide.slick-slider .slick-dots {
		right: 6rem;
		font-size: 1.3rem;
		letter-spacing: 0.5rem;
	}

	.toSchedule, .snsFacebook,
	.ceoGreeting, .liveMovie {
		float: none;
		width: 100%;
		height: auto;
	}
	.toSchedule .info {
		padding: 3rem 3rem 1rem 3rem;
	}
	.snsFacebook {
		padding: 10rem 3rem 3rem 3rem;
		background-position: center 3rem;
		background-size: 6rem;
	}
	.ceoGreeting {
		background-position: left 0rem;
		padding: 5rem 2rem 8rem 2rem;
		background-size: 17rem;
		background-position: left -1rem;
	}
	.ceoGreeting .btnBox {
		height: auto;	
	}
	.liveMovie .info {
		padding: 3rem;
	}
	.liveMovie .btnBox {
		position: static;
		left: auto;
		bottom: auto;
	}
	.toSchedule .info .blueBg {
		width: 15rem;
		font-size: 1.5rem;
		padding: 1rem;
		margin: 1rem auto;
	}
	
	#contMember,
	#contGallery,
	#contActivity,
	#contNews,
	#contService,
	footer {
		padding: 3rem 0;
	}
	.thumMember {
		display: none !important;
	}
	#contMember .memberTit {
		margin-bottom: 2rem;
	}
	.memInfo {
		padding: 2.5rem 2rem;
		border-radius: 0.8rem;
	}
	.memInfo:before {
		display: none;	
	}
	.memInfo .memberTit h6 {
		font-size: 2.2rem;
		margin-bottom: 2rem;
	}
	.memInfo .item .img {
		width: 14rem;
	}
	.memInfo .item .con {
		width: calc(100% - 17rem);
	}
	.memInfo .item .con h5 .smTxt {
		font-size: 1.7rem;	
	}
	.memInfo .item .con h5,
	.memInfo .item .con .titUl li + li {
    	margin-bottom: 1.5rem;
	}
	.memInfo .item .con .titUl li {
		font-size: 1.7rem;
	}
	.memInfo .item .con .titUl li .smTxt {
		font-size: 1.4rem;
	}
	
	.ui.button.blue, .ui.button.brown {
		font-size: 1.5rem;
		padding: 1rem;
	}
	#contGallery .txtCenter h2 + p,
	#contNews .tabMenu {
		margin-bottom: 2rem;
	}
	.GallerySlide .item .img {
		height: 20rem;
		max-height: 20rem;
	}
	.GallerySlide .item {
		border-radius: 0.8rem;
	}
	.GallerySlide .item dt {
		padding: 1.5rem;
		height: auto;
	}
	.GallerySlide.slick-slider .slick-arrow.slick-prev,
	.GallerySlide.slick-slider .slick-arrow.slick-next {
		display: none !important;
	}
	.GallerySlide .item dt .tit,
	#contActivity .activItem .item dt .tit {
		font-size: 1.4rem;
		font-weight: 400;
	}
	#contActivity .activItem .item dt {
		padding: 1rem 0rem;
	}
	#contActivity .activItem + .activItem {
		margin-top: 2rem;
	}
	#contActivity .activItem .slideCon {
		width: 5rem;
	}
	#contNews .txtCenter h2 {
		margin-bottom: 1rem;
	}
	#contNews .tabMenu a {
		font-size: 1.6rem;
		margin: 0 0.5rem;
	}
	#contNews .newsList .item {
		width: 100%;
		border-radius: 0.8rem;
		padding: 2rem;
	}
	#contNews .newsList .item + .item {
		margin-top: 2rem;	
	}
	#contNews .newsList .item .type {
		width: 7rem;
		font-size: 1.4rem;
		border-radius: 1.5rem;
		margin-bottom: 1rem;
	}
	#contNews .newsList .item .tit {
		height: auto;
		font-size: 1.7rem;
		overflow: visible;
	}
	#contNews .newsList .item .date {
		font-size: 1.4rem;
	}
	.bodoSlide .slick-arrow.slick-prev,
	.obunSlide .slick-arrow.slick-prev,
	.popSlide .slick-arrow.slick-prev {
		right: 3rem;
	}
	#contService .txtLeft.tit {
    	margin-bottom: 2rem;
		text-align: center;
	}
	#contService .txtLeft.tit:before {
		display: none;	
	}
	
	#contService .hotLink .item {
		padding: 2rem 1rem;
		width: calc(100% / 4) !important;
		border: none;
	}
	#contService .hotLink .item .icon {
		width: 5rem;
		height: 5rem;
	}
	#contService .hotLink .item .tit {
		font-size: 1.5rem;
		margin-top: 1.5rem;
	}
	
	#contBanner {
		padding: 2rem 0rem;
	}
	#contBanner .bannerWrap h5 {
		width: 16rem;
		padding-left: 0rem;
	}
	#contBanner .bannerSlide {
		width: calc(100% - 16rem);
	}
	#contBanner .bannerSlide.slick-slider .slick-arrow.slick-prev {
		left: -8rem;
	}
	#contBanner .bannerSlide.slick-slider .slick-arrow.slick-next {
		left: -5.5rem;
	}
	#contBanner .slideCon03 {
    	left: 14rem;
	}
	footer {
		padding: 2rem 0rem;
	}
	footer .inner1 {
		background-size: 14rem;
		background-position: center top;
	}
	.footerMenu {
		text-align: center;
		padding:7rem 0rem 0rem 0rem;
		margin-bottom: 2rem;
	}
	.footerMenu a {
		padding: 0rem 2rem 0rem 0rem;
	}
	.footerMenu a:before {
		right: 0.5rem;
	}
	.copy p {
		font-size: 1.4rem;
		margin-bottom: 2rem;
	}
	.copy p .tel {
		margin-right: 0rem;
		display: block;
	}
	#topLink {
    	display: none;
	}
}


@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}