@charset "utf-8";
@import url(./contents.css);



/********************************************
	MICE 행사기획 - 행사 예정 정보 목록
********************************************/

.bod_festival .cont {position:relative;margin-left:0;padding-left:0;padding-right: 6em;}
.bod_festival .cont:after {content:'';display:inline-block;position:absolute;top:50%;transform:translateY(-50%);right: 1em;width:1.875em;height:1.875em;background:url(../img/common/icon_list_arrow.svg) no-repeat 50% 50%;transition:all .5s;}
.bod_festival .cont:hover:after {right:.6em;}

.bod_festival .cont .subj .type {float: left;border:1px solid #AED5FD;border-radius: 2em;color:#555969;font-weight:700;padding: .2em .7em;text-align: center; font-size:1.4rem;}
.bod_festival .cont .subj .type em {margin-right:.25em; color:#009DDF;}
.bod_festival .cont .subj .tit {padding-left: 0.5em;font-size:2.3rem;font-weight:700;color:#000000;height: auto;display: -webkit-box;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}

.bod_festival .cont .info {margin-top:1.5em;}
.bod_festival .cont .info dl {display:table;width:100%;font-size:1.6rem;}
.bod_festival .cont .info dl + dl {margin-top:.5em;}
.bod_festival .cont .info dl dt {width: 8em;display:table-cell;background:url('../img/common/icon_cate.svg') no-repeat 0% 50%; padding-left:1.7em; font-weight:700;color:#131313;vertical-align: middle;text-align: left;}
.bod_festival .cont .info dl dd {display:table-cell;color:#555969;text-align: left;}

.bod_festival .cont .info .catelist li {position:relative;display:inline-block;padding: 0;vertical-align: middle;}
.bod_festival .cont .info .catelist li + li {border-top:0;padding: 0 0 0 1em;}
.bod_festival .cont .info .catelist li + li:after {content:''; display:inline-block; width:1px; height:10px; background:#ddd; position:absolute; top:50%; left:0.35em; transform:translateY(-50%); }

.bod_festival .cont .info dt.pre {background:url('../img/common/icon_pre.svg') no-repeat 0% 50%;}
.bod_festival .cont .info dt.submit {background:url('../img/common/icon_submit.svg') no-repeat 0% 50%;}
.bod_festival .cont .info dt.end {background:url('../img/common/icon_end.svg') no-repeat 0% 50%;}

.bod_festival .cont .date {margin-top: 1em;}


@media all and (max-width:1024px) {
	.bod_festival .cont .info dl dt,
	.bod_festival .cont .info dl dd {width:auto;}
}

@media all and (max-width:640px) {
	.bod_festival .cont {padding-right:0;}
	.bod_festival .cont:after {display:none;}
	.bod_festival .cont .info dl + dl {margin-top:.5em}
	.bod_festival .cont .info dl dt {display:block;}
	.bod_festival .cont .info dl dd {display:block; width:100%;}
}




/********************************************
	MICE 통합정보 - 행사정보 - 달력형
********************************************/

.yearWrap {position:relative;display: block;padding:1em 0;border-bottom:1px solid #C5D2E5;}
.yearWrap .list-year {position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.yearWrap .list-month {position: relative;display:block;margin: 0em 16.5em 0em 6.5em;line-height: 3em;}
.yearWrap .list-month .swiper-slide {width:auto;padding: 0 1em;}
.yearWrap .list-month .swiper-slide:after {content:'';position: absolute;top:50%; right:0; transform: translateY(-50%); width:0.25em;height:0.25em;background:#d9d9d9;border-radius:1em;}
.yearWrap .list-month .swiper-slide:last-child:after{display:none;}
.yearWrap .list-month .swiper-slide a {display:block;position:relative;margin:0;height: auto;}
.yearWrap .list-month .swiper-slide a span {display:block;position:relative;line-height:3em;color:#333;text-align:center;font-weight: 500;}
.yearWrap .list-month .swiper-slide a.on:before {content:'';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 2.5em;height: 2.5em;border-radius: 2.5em;display:block;z-index:-1;background:#465EDC;}
.yearWrap .list-month .swiper-slide a.on span,
.yearWrap .list-month .swiper-slide a.on:hover span {color:#fff;}
.yearWrap .list-month .swiper-slide a:hover span{color:#465EDC;}

.yearWrap .list-month .control {display:none;}
.yearWrap .list-month .control > * {position:absolute; width:1.5em; height:1.5em; overflow:hidden; text-indent:-999px; top:50%; margin-top:-.75em; background:url(../img/common/spr_month_control.svg) no-repeat 0 50%; background-size:auto 100%;}
.yearWrap .list-month .control .prev {left:0;}
.yearWrap .list-month .control .next {right:0; background-position:100% 50%;}

.yearWrap .list-type {position: absolute; right: 0; top:50%; transform: translateY(-50%); }
.yearWrap .list-type li {display:inline-block; }
.yearWrap .list-type li button {padding: .5em 1.5em .5em 1em;line-height: 1.3em;background:#EEF2F9;border-radius:0.5em;}
.yearWrap .list-type li button.on {background:#465EDC; color:#fff;}
.yearWrap .list-type li button:after {content:'';display:inline-block;position: relative;top: 0.25em;right: -.5em;width: 1.25em;height: 1.25em;background:url(../img/common/icon_calendar_b.svg) no-repeat 50% 50%;}
.yearWrap .list-type li button.list:after  {background:url(../img/common/icon_list_b.svg) no-repeat 50% 50%;}
.yearWrap .list-type li button.calendar:after  {background:url(../img/common/icon_calendar_b.svg) no-repeat 50% 50%;}
.yearWrap .list-type li button.on.list:after  {background:url(../img/common/icon_list_w.svg) no-repeat 50% 50%;}
.yearWrap .list-type li button.on.calendar:after  {background:url(../img/common/icon_calendar_w.svg) no-repeat 50% 50%;}


@media all and (max-width:1024px) {
	.yearWrap .list-type {right: 0;text-align:center;top: 1em;}
	.yearWrap .list-type li {display:inline-block; vertical-align:middle; float:none;}
	.yearWrap .list-year {position:relative;max-width:100%;margin:0 auto;}
	.yearWrap .list-month {margin:0 auto;height:auto;max-width: 670px;}
	.yearWrap .list-month .control {display:block;}
	.yearWrap .list-month .control .prev {left:-.5em;}
	.yearWrap .list-month .control .next {right:-.5em;}
}

.calendarWrap {margin-top: 2em;}
.calendarWrap .control {position:relative; margin-bottom:1.3em;}
.calendarWrap .control span {font-size: 3rem;font-weight:800;color:#000;}
.calendarWrap .control .today {display:inline-block; padding:0.3em 1em; margin-left:.7em; vertical-align:text-bottom; background:#EEF2F9; border-radius:3em; color:#2D3947; font-weight:500; font-size:.9em;}
.calendarWrap .control .cal-btn {position:absolute; right:0; top:50%; transform:translateY(-50%); }
.calendarWrap .control .cal-btn a {display:inline-block;; width:2.5em; height:2.5em; vertical-align:middle; border-radius:2.5em; border:1px solid #C5D2E5;}
.calendarWrap .control .cal-btn a.prev {background:url(../img/common/icon_calendar_prev.svg) no-repeat 50% 50%; margin-right:.3em;}
.calendarWrap .control .cal-btn a.next {background:url(../img/common/icon_calendar_next.svg) no-repeat 50% 50%;}
.calendarWrap .control .cal-btn a.prev:hover {background:#1A2859 url(../img/common/icon_calendar_prev_w.svg) no-repeat 50% 50%; border-color:#1A2859;}
.calendarWrap .control .cal-btn a.next:hover {background:#1A2859 url(../img/common/icon_calendar_next_w.svg) no-repeat 50% 50%; border-color:#1A2859;}

.calendarWrap .cal-con {}
.calendarWrap .cal-con .title,
.listWrap .title {display:inline-block;font-size: 2.2rem;color:#000;font-weight:800;vertical-align:middle;}
.calendarWrap .cal-con .title span,
.listWrap .title span {display:inline-block; margin-right:.3em;}
.calendarWrap .cal-con > .search {display:inline-block; float:right;}
.listWrap .tit > .search {display:inline-block; margin-left:2em;}
.calendarWrap .cal-con .list {margin-top:1.5em; border-top:1px solid #E2E7EE;}
.calendarWrap .cal-con .list dl {position:relative; display:table; width:100%; border-bottom:1px solid #E2E7EE; padding:1em;}
.calendarWrap .cal-con .list dl a {display:table; width:100%;}
.calendarWrap .cal-con .list dl:after {content:'';display:inline-block;position:absolute;top:50%;transform:translateY(-50%);right: 1em;width:1.875em;height:1.875em;background:url(../img/common/icon_list_arrow.svg) no-repeat 50% 50%;transition:all .5s;}
.calendarWrap .cal-con .list dl dt {width: 25%;display: table-cell;text-align: center;vertical-align: middle;}
.calendarWrap .cal-con .list dl dd {display: table-cell;padding-right: 2.2em;}
.calendarWrap .cal-con .list dl dd .tit {margin-bottom: .5em;font-size: 1.7rem;color:#000000;font-weight:600;text-overflow: ellipsis;overflow: hidden;word-break: keep-all;display: -webkit-box;-webkit-line-clamp: 2;line-height:1.4;}
.calendarWrap .cal-con .list dl dd .date {margin-top:0;font-size: 1.4rem;color:#555969;}
.calendarWrap .cal-con .list dl dd .date span:first-child {position:relative;margin-right: 1em;}
.calendarWrap .cal-con .list dl dd .date span:first-child:after {content:'';display:inline-block;width:1px;height: .8em;background:#DBDCE3;position:absolute;top:50%;transform: translateY(-50%);margin-left: .5em;}
.calendarWrap .cal-con .list dl dd .place {margin-top:0em;font-size: 1.4rem;color:#555969;font-weight: 400;}
.calendarWrap .cal-con .list dl dt .ico-cate {display: inline-block;padding: 0.3em 0.7em;color:#fff;width: 6.25em;border-radius: 1.3em;font-size: 1.4rem;font-weight: 500;text-align: center;}
.calendarWrap .cal-con .list dl dt .ico-cate.ty1 {background:#0DA8FF;}
.calendarWrap .cal-con .list dl dt .ico-cate.ty2 {background:#FFA337;}
.calendarWrap .cal-con .list dl dt .ico-cate.ty3 {background:#6EC147;}
.calendarWrap .cal-con .list dl dt .ico-cate.ty4 {background:#066BFD;}
.calendarWrap .cal-con .list dl:hover:after {right:.6em;}

@media all and (max-width:640px) {
.calendarWrap .cal-con .list dl dt {display:block;width:100%;margin-bottom: .5em;text-align: left;}
.calendarWrap .cal-con .list dl dd {display:block; width:100%; padding-right:0;}
.calendarWrap .cal-con .list dl:after  {display:none;}
.listWrap .tit > .search {float: right;margin-top: -.5em;}
}

.calendarWrap .calendar {position:relative;}
.calendarWrap #yhd_calendar {width:100%; border-collapse:collapse; border-spacing:0;}

#yhd_calendar thead {border-radius: 20px;background: #1A2859;overflow: hidden;}
#yhd_calendar thead th,
#yhd_calendar thead td {width:14%;height:3.125em;color:#fff;text-align:center;line-height:3.125;font-size: 2rem;font-weight:700;}
#yhd_calendar thead th:first-child,
#yhd_calendar tbody td:first-child p {color:#FA6060;}
#yhd_calendar thead th:last-child,
#yhd_calendar tbody td:last-child p {color:#00A3FF;}

#yhd_calendar tbody td {position:relative; height:6.25em; padding:.5em; border-bottom:1px solid #E2E7EE; border-right:1px solid #E2E7EE;}
#yhd_calendar tbody td:last-child {border-right:0;}
#yhd_calendar tbody td a {position:absolute; top:0; left:0; bottom:0; right:0; padding:.5em;}
#yhd_calendar tbody td a .list {background:url(../img/common/icon_calendar_list.svg) no-repeat 0 50%;padding-left:1em;position:absolute;bottom:.5em;left: .5em;color:#333333;font-size: 1.4rem;font-weight: 500;}
#yhd_calendar tbody td a .list span {padding-left: .2em;color:#FF567F;}
#yhd_calendar tbody td p {font-size: 1.8rem;color:#000;font-weight:600;}
#yhd_calendar tbody td:hover a {background:#EEF2F9;}


/********************************************
	MICE 통합정보 - 행사정보 - 목록형
********************************************/


.listWrap {}
.listWrap .tit {margin-top:2em;}
.listWrap .list-con {margin-top:2.5em;}
.listWrap .list-con ul {margin: -1em;}
.listWrap .list-con li {position:relative;width:25%;float:left;padding: 1em;}
.listWrap .list-con li a {display:block; width:100%;}
.listWrap .list-con li .thumb {display: block;position:relative;height: 25em;overflow: hidden;background: #EEF7FF;text-align: center;}
.listWrap .list-con li .thumb img {width: 100%;display: inline-block;max-height: 100%;vertical-align: top;height: 100%;transition: 1s;-o-transition: 1s;}
.listWrap .list-con li .thumb .ico-cate {position:absolute;top:0;left:0;padding: 0.3em 1.5em;color:#fff;border-radius:0 0 1em 0;text-align:center;font-weight:500;margin-top: 0;font-size: 1.6rem;}
.listWrap .list-con li .thumb .ico-cate.ty1 {background:#0DA8FF;}
.listWrap .list-con li .thumb .ico-cate.ty2 {background:#FFA337;}
.listWrap .list-con li .thumb .ico-cate.ty3 {background:#6EC147;}
.listWrap .list-con li .thumb .ico-cate.ty4 {background:#066BFD;}
.listWrap .list-con li .thumb .ico-cate.ty5 {background:#8C56FF;}
.listWrap .list-con li .thumb .ico-cate.ty6 {background:#FF567F;}
.listWrap .list-con li .thumb .ico-cate.ty7 {background:#09C6D2;}
.listWrap .list-con li .thumb .ico-cate.ty8 {background:#3340B2;}
.listWrap .list-con li .subj {font-size:2.2rem;color:#000;font-weight:600;padding: 0.9em 0 1em 0;border-bottom:1px solid #D9DDE2;height: 4.5em;line-height:1.4;text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.listWrap .list-con li .info {padding-top:1.3em;}
.listWrap .list-con li .info span {display: block; font-size:1.5rem;color:#555969; border-top:0; font-weight:400;}
.listWrap .list-con li a:hover .thumb img  {-webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}



@media all and (max-width:1024px) {
.listWrap .list-con li {width:50%;}
}

@media all and (max-width:640px) {
.listWrap .list-con li {width:100%;}
}


.calendarWrap .cal-con .list .no-data,
.listWrap .list-con li.no-data {position:relative;width:100% !important;text-align:center !important;padding:4.12em 0 !important;color: #888;}
.calendarWrap .cal-con .list .no-data:before,
.listWrap .list-con li.no-data:before {content:'';display:block;position:relative;width:6em;height:6em;margin:0 auto 1em;background: url('../../common/img/board/ico_list_nodata.svg') no-repeat 50% 50%;background-size:contain;}




/********************************************
	MICE 통합정보 - 행사정보 상세페이지
********************************************/

.festival_view {}
.festival_view .thumb {position: relative;width: 35%;float:left;min-height: 41.5em;margin-right: 2em;border-radius: .7em;background: #EEF2F9;}
.festival_view .thumb img {position:absolute;top:0;left:0;width: 100%;max-width:100%;height:100%;overflow:hidden;}
.festival_view .conWrap {width: 60%;float: right;padding-top: 2.3em;border-top:3px solid #1A2859;}
.festival_view .conWrap .subj {font-size:2.8rem;font-weight: 800;color:#000;margin: .3em 0 .86em;}
.festival_view .conWrap .con {}
.festival_view .conWrap .con dl {display:table;width:100%;padding: .45em 0;}
.festival_view .conWrap .con dl dt {display:table-cell;width:15%;font-weight: 700;color:#131313;}
.festival_view .conWrap .con dl dd {font-weight:400; color:#555969; text-align:left;}
.festival_view .conWrap .con dl.detail {margin-top: .5em;padding: 1.5em 0;border-top:1px solid #D9DDE2;border-bottom:1px solid #D9DDE2;}

.festival_view .conWrap .ico-cate {display:inline-block;padding: 0.4em 1.5em;color:#fff;border-radius:0 0 1em 0;text-align:center;font-weight:500;}
.festival_view .conWrap .ico-cate.ty1 {background:#0DA8FF;}
.festival_view .conWrap .ico-cate.ty2 {background:#FFA337;}
.festival_view .conWrap .ico-cate.ty3 {background:#6EC147;}
.festival_view .conWrap .ico-cate.ty4 {background:#066BFD;}

@media all and (max-width:1024px) {
.festival_view .thumb  {width: 40%;}
.festival_view .conWrap {width: 55%;}
.festival_view .conWrap .con dl dt {width:30%;}
}


@media all and (max-width:640px) {
.festival_view .thumb {width:100%; float:unset; text-align:center; margin-bottom:1em;}
.festival_view .conWrap {width: 100%;}
}


/********************************************
	마이메뉴
********************************************/

#mymenu_top {padding-bottom:1.5em;}
#mymenu_top em {color:#066BFD;}
#mymenu_top .count ul {height:100%;}
#mymenu_top .count li {padding-top:3.5em;}
#mymenu_top .count li span {font-size:1.8rem; font-weight:600;}
#mymenu_top .count li p {font-size:2.2rem; font-weight:700; color:#066BFD;}

.countview {padding:1.5em;border-radius: .8em;background:#E8F0F9;}
.countview > p {margin-bottom: .3em;font-size:2rem;color:#131313;font-weight:700;}
.countview dl {display:table;width:100%;padding: .35em .8em;border-radius: .5em;background:#fff;}
.countview dl + dl {margin-top:.4em;}
.countview dl dt {display:table-cell;width: 25%;color:#2D3947;font-size:1.8rem;}
.countview dl dd {display:table-cell;text-align:right;color:#066BFD;font-weight:700;font-size:2.2rem;}

.countview.small { padding: 1em; }
.countview.small dl dt { font-size: 1em; }
.countview.small dl dd { font-size: 1.2em; }


#mymenu_top .talk {padding:1.7em;}
#mymenu_top .talk .txt {display: block !important;}
#mymenu_top .talk .txt p {display:inline-block;}
#mymenu_top .talk p:nth-of-type(1) {font-size:1.8rem; color:#2D3947; font-weight:600;}
#mymenu_top .talk p.num {margin-left:1em; margin-top:0; font-size:2.2rem; color:#066BFD; font-weight:700;}
#mymenu_top .talk p:nth-of-type(3) {margin-left:3em; margin-top:0;font-size:1.6rem; color:#2D3947; }

#mymenu_bottom {padding-top:2em; border-top:1px solid #C5D2E5;}
#mymenu_bottom .qnaWrap {position: relative;margin-top: 3.5em;padding:1.5em;border-radius: .8em;background:#E8F0F9;}
#mymenu_bottom .qnaWrap p {font-size:2.4rem; font-weight:700; color:#131313;}
#mymenu_bottom .qnaWrap .con {padding: 1em;margin-top: .5em; border-radius: .5em;background:#fff;min-height: 16.5em;box-sizing: border-box;}
#mymenu_bottom .qnaWrap .con dl {display: flex;padding: .4em 0;}
#mymenu_bottom .qnaWrap .con dl dt {width: 70%;vertical-align: middle;margin-right: 1em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#mymenu_bottom .qnaWrap .con dl dt a {font-size:1.7rem;color:#555969;font-weight:500;padding: .5em 0;}
#mymenu_bottom .qnaWrap .con dl dd {width: 25%;}
#mymenu_bottom .qnaWrap .con dl dd .state {display: block;padding: .2em .7em;font-size:1.4rem;color:#fff;border-radius:1em;font-weight:500;text-align: center;}
#mymenu_bottom .qnaWrap .con dl dd .state.wait {background:#FF567F;}
#mymenu_bottom .qnaWrap .con dl dd .state.com {background:#43566C;}

#mymenu_bottom .btnWrap {margin-top:1em;}
#mymenu_bottom .btnWrap a {width:100%;display:block;border:0;font-size:2.4rem;font-weight:700;min-height: 5em;line-height:1.3;padding: 1.2em 2em; transition:all .5s;}
#mymenu_bottom .btnWrap a.app {background:#2279FC url(/portal/img/sub/btn_mymenu_01.svg) no-repeat 100% 50%; }
#mymenu_bottom .btnWrap a.guide {background:#4AAAFF url(/portal/img/sub/btn_mymenu_02.svg) no-repeat 100% 50%; padding: 1.8em 2em;}
#mymenu_bottom .btnWrap a.app:hover {box-shadow:5px 5px 15px 0px rgba(34,121,252,0.3);}
#mymenu_bottom .btnWrap a.guide:hover {box-shadow:5px 5px 15px 0px rgba(74,170,255,0.3);}

#mymenu_bottom .app > p,
#mymenu_bottom .recent_app > p {display:inline-block; font-size:2.4rem; font-weight:700; color:#131313;}
#mymenu_bottom .app table tbody td.able {color:#465EDC; font-weight:600;}
#mymenu_bottom .recent_app {margin-top:2em;}
#mymenu_bottom a.icon-btn {border-color:#D8DCE9 !important; padding:1em 1.5em 1em 0.5em; margin-top:-.5em; background-position:top 50% left .20em !important; }

@media all and (max-width:1024px) {
#mymenu_top .icoBox .btnWrap {display:inline-block;width: calc(100% - 7.4em); margin-left: 9em; margin-top:1em; vertical-align: middle;}
#mymenu_top .talk .txt {width:100%; margin-left:0;}
}


@media all and (max-width:640px) {
#mymenu_top .count li {width:48%;}
#mymenu_top .talk .txt p {display:block; }
#mymenu_top .talk p.num,
#mymenu_top .talk p:nth-of-type(3) {margin-left:0;}
#mymenu_top .talk .txt {text-align:center;}
}



/********************************************
	MICE 통합정보 - 베뉴정보
********************************************/

#venue_list  {padding: 1.2em 0;border-top:3px solid #1A2859;}
#venue_list ul {margin: -.7em;}
#venue_list ul li {position:relative;width: 25%;float:left;padding: 1.3em .7em;min-height: 1.6em;}
#venue_list ul > li > a {display:block;}
#venue_list li a .thumb {position:relative;display: block;overflow:hidden;background: #EEF7FF;}
#venue_list li a .thumb img {max-height: 100%;vertical-align: top;transition: 1s;-o-transition: 1s;-webkit-transition: 1s;height: 100%;}
#venue_list li a .cont {}
#venue_list li a .cont .cate {font-size:1.7rem;color:#465EDC;font-weight:600;}
#venue_list li a .cont .subj {font-size:2rem;color:#000000;margin:.3em 0 .7em 0;font-weight:600;word-break:keep-all;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
#venue_list li a .cont .etc {display: inline-block;width: 100%;margin: 0;}
#venue_list li a .cont .etc li {position:relative;display: block;width: 50%;float:left;padding: 0 0 0 1.3em;color: #555969;text-align: left;}
#venue_list li a .cont .etc li:before {content:''; display:inline-block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:1.2em; height:1.2em; background: url(../img/common/icon_venue_set.svg) no-repeat 0% 50%;}
#venue_list li a .cont .etc li.area:before {background-position:100% 0%;}
#venue_list li a:hover .thumb img  {-webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}

#venue_view {position:relative; margin-bottom:1em;}
#venue_view .top {position: relative;display:table;width: 100%;margin-bottom: 1.5em;}
#venue_view .top dt,
#venue_view .top dd {display: table-cell;vertical-align: middle;}
#venue_view .top dd {padding-left: 2em;}
#venue_view .top dt {position: relative;width: 6.897em;height: 6.897em;background: #fff;border: 1px solid #C5D2E5;}
#venue_view .top dt img {position: absolute;top: 50%;left: 0;transform: translateY(-50%);-ms-transform: translateY(-50%);max-height: 100%;/* height: 100%; *//* width: 100%; */}
#venue_view .top dd li {position:relative; display:inline-block; color:#2D3947;}
#venue_view .top dd li + li {padding-left:.95em;}
#venue_view .top dd li + li:before {content:'';display: block;position:absolute; left:0; top:50%; transform:translateY(-50%);padding:0 .5em;width: .1em;height: .60em;background:url(../img/common/icon_venue_arrow.svg) no-repeat 50% 50%;}
#venue_view .top dd > h4 {margin-top:0;}
#venue_view > .desc {color:#555969;height: 9em;overflow-y: scroll;}
#venue_view .list {margin-top:1em;}
#venue_view .list .tit {position:relative; padding-left:1.8em; font-size:1.7rem; color:#555969; font-weight:600; }
#venue_view .list .tit:before {content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width: 1.5em;height: 1.5em;background: url(../img/common/icon_venue_view_set.svg) no-repeat 0% 50%;}
#venue_view .list .tit.ty2:before {background-position:50% 50%;}
#venue_view .list .tit.ty3:before {background-position:100% 50%;}
#venue_view .list .num {text-align:right;font-size:2rem; color:#066BFD; font-weight:800;}
#venue_view .list .num em {font-size:2.8rem;color:#066BFD; margin-right:.25em}
#venue_view .detail {position:relative;}
#venue_view .detail .logo {height: 7em;background: #EEF7FF;border-radius:.8em;text-align: center;}
#venue_view .detail .logo img {height:100%;}
#venue_view .detail .desc dl {width:100%; display:table; color:#2D3947; padding:.5em 0;}
#venue_view .detail .desc dl dt {width: 7%;display:table-cell;font-weight:700;vertical-align: middle;}
#venue_view .detail .desc dl dd {width: 40%;display:table-cell;}

.sns {}
.sns li {display:inline-block;}
.sns li + li {margin-left:.3em;}
.sns li a {display:block;width: 2em;height: 2em;background:url(../img/common/icon_sns.svg) no-repeat 0% 0%;background-size: cover;text-indent:-9999px;}
.sns li a.instagram {background-position: -2.28em 0%;}
.sns li a.facebook {background-position: -4.59em 0%;}
.sns li a.blog {background-position: -6.85em 0%;}
.sns li a.youtube {background-position: -9.18em 0%;}

.venueslider {display:block;position:relative;background:#EEF2F9;margin-bottom:2.223em;height: 49em;}
.venueslider .control > * {display:inline-block; position:relative; vertical-align:middle; overflow:hidden; z-index:10;}
.venueslider .control .pager {width:auto; bottom:auto; text-indent:-999px; margin-right:.5em;}
.venueslider .control .pager > *  {display:block; position:relative; float:left; font-size:.8em; color:#fff; text-indent:0; min-width:1.2em; text-align:center; box-sizing:content-box;}
.venueslider .control .pager > * + * {padding-left:1.34em; opacity:.5;}
.venueslider .control .pager > * + *:before {content:""; display:block; position:absolute; width:10px; height:2px; left:.67em; margin-left:-5px; top:50%; margin-top:-1px; background:#fff;}
.venueslider .control button {position: absolute;top: 50%;transform: translateY(-50%);width: 6.25em;height: 6.25em;background:url(../img/common/spr_slider.svg) no-repeat 0 50%;background-size:auto 100%;text-indent:-999px;overflow:hidden;opacity:.8;background-color: rgba(255,255,255,0.45);border-radius: 50%;}
.venueslider .control button:hover {opacity:1;}
.venueslider .control button.prev {background-position:0 50%;left: 1em;}
.venueslider .control button.play {display:none;}
.venueslider .control button.stop {display: none;}
.venueslider .control button.next {background-position: -7em 50%;right: 1em;}
.venueslider .control button.big {background-position:-9.6em 50%; margin-left:1.6em;}

.venueslider .slider,
.venueslider .swiper-container,
.venueslider .swiper-wrapper,
.venueslider .swiper-slide,
.venueslider .swiper-slide img {width:100%; height:100%;}
.venueslider .swiper-slide {overflow:hidden;}
.venueslider .swiper-slide img {display:block;position:absolute;max-width:inherit !important;top:0;height:100%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}


@media all and (max-width:1024px) {
#venue_list  li {width: 50% !important;}
}


@media all and (max-width:640px) {
#venue_list li {width: 100% !important;}
#venue_view .detail .desc dl dd {width:10%;}
#venue_view .detail .logo {text-align:center;}
}



/********************************************
	MICE 통합정보 - 기업정보
********************************************/
#company_list .page_order select {border:0;padding: 0 0.5em;margin-top: .8em;height: auto;color: #3C3D48;}
#company_list .listWrap > ul {margin: -.5em;}
#company_list .listWrap > ul > li {position:relative;width: 25%;float:left;padding: .5em .5em; /*height: 24em;*/}
#company_list .listWrap > ul > li:hover a .thumb img  {-webkit-transform:translate(-50%,-50%) scale(1.2); -ms-transform:translate(-50%,-50%) scale(1.2); transform:translate(-50%,-50%) scale(1.2);}
#company_list .listWrap > ul > li a {display:block;border:1px solid #D9DDE2;border-radius:.7em;padding:1.5em 1em; /*height: 24em;*/}
#company_list .listWrap > ul>  li a .thumb {border-bottom:1px solid #ECEEF1; padding-top:65%; position: relative; overflow: hidden;}
#company_list .listWrap ul li a .thumb img{ max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: 1s;-o-transition: 1s;}
#company_list .listWrap ul li a .cont {margin-top:1.5em;text-align:center;}
#company_list .listWrap ul li a .cate {display: inline-block;text-align: left;width: 100%; overflow: hidden; margin: -.15em 0 0 -.15em; height: 4.6em; font-size: .9em;}
#company_list .listWrap > ul > li a .cate li {width: auto;display: inline-block;border:1px solid #AED5FD;border-radius: 2em;color:#555969;font-weight:600;padding: 0 .75em; line-height: 2em; height: 2em; margin: 0.15em; }
#company_list .listWrap ul li a .cate li em {margin-right:.25em; color:#009DDF;}
#company_list .listWrap ul li a .subj {font-size:2rem;margin-bottom: .5em;color:#000000;font-weight:700; height: 3rem; line-height: 3rem; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;  }
#company_list .listWrap ul li a span.name {display:block; height:1.5em; margin-bottom:0.75em;}

@media all and (max-width:1024px) {
	#company_list .listWrap ul > li {width: 50%;}
	#company_list .listWrap ul > li:nth-child(2n+1) { clear: both; }
}

@media all and (max-width:640px) {
	#company_list .listWrap > ul > li a .cate li { line-height: 1.9em; }
	#company_list .listWrap ul li a .subj { font-size: 1.8rem; }
}

@media all and (max-width:480px) {
	#company_list .listWrap ul > li {width: 100%;}
}


.pop_slide  { position: relative; width: 100%; }
.pop_slide .control { position: absolute; left:0; bottom:0; background:rgba(0,0,0,0.6); z-index:10; width: 100%; line-height: 40px;  }
.pop_slide .control > * { float: left; color:#fff; border-right:1px solid rgba(255,255,255,0.15); }
.pop_slide .control button { width: 40px; height: 40px; background:url(../img/common/spr_slider_white.svg) no-repeat 0 50%;background-size:auto 100%; text-indent:-999999px; }
.pop_slide .control button.next {background-position: 100% 50%;}
.pop_slide .control button:hover { background-color:rgba(0,0,0,0.3); }
.pop_slide .control .pager { width: 50px; text-align: center;    }
.pop_slide .control .photo-zoom { float: right; padding: 0 0.5em 0 1.2em; background: #465EDC; display: block;   }
.pop_slide .control .photo-zoom::after { content:''; float: right; margin-left: 0.4em; width: 28px; height: 40px; 
										   background: url(../img/common/icon_photo_zoom.svg) no-repeat center; background-size: 100% auto; }

.pop_gallery .control button { position: absolute; top: 50%; transform:translate(-100%, -50%); z-index:9999; width: 80px; height: 80px; background:url(../img/common/spr_slider_white.svg) no-repeat 0 50%;background-size:auto 100%; text-indent:-999999px; }
.pop_gallery .control button.prev { left:-0.5em; transform:translate(-100%, -50%);  }
.pop_gallery .control button.next { right:-0.5em; transform:translate(100%, -50%); background-position: 100% 50%; }