@charset "utf-8";
/*==============================================

    ----------------------------------------------------------------
	* Date		:	2021-04-21
	* Modify		:   
	* Name		:	contents.css
	----------------------------------------------------------------
	
	- Description -

==============================================*/



/*==============================================
00. 공통컨텐츠
==============================================*/
/* 템플릿 */
.template-group {position:relative; color:#2a2e36; padding-top:0;}
.template-group + .template-group {padding-top:50px;}
.template-title {position:relative; margin-bottom:15px; padding-bottom:15px; font-size:1.400rem; border-bottom:1px solid #dcdcdc;}
.template-cell {margin-top:25px;}
.template-cell h4 {font-size:1.133rem;}
.template-title + .template-cell {margin-top:0;}
.template-data {margin-top:10px;}
.template-data .btn-default ,
.template-data .btn-dropdown,
.template-data .btn-small  {margin-top:10px;}
.template-data > input + input {margin-top:10px;}
.template-data > select + select {margin-top:10px;}
.template-data > select + button {margin-top:10px;}
.template-data > button + button {margin-top:10px;}
.template-data .icon-guide {display:flex;flex-wrap:wrap;font-size:0; margin:-10px -5px;}
.template-data .icon-guide > li {width:20%;padding:10px 5px;text-align:center; box-sizing:border-box;}
.template-data .icon-guide .txt {display:block; font-size:0.750rem; line-height:20px;}

.modify-guide {position:relative; text-align:left; padding:50px 0; color:#222;}
.modify-guide .guide-title {font-size:21px; line-height:36px; padding:25px 0 10px 0; border-bottom:1px solid #bbb; margin-bottom:10px}
.modify-guide .guide-title:first-child{padding-top:0}
.modify-guide .guide-info {font-size:21px; line-height:36px; margin-top:15px}
.modify-guide .guide-detail {text-align:center; margin-top:15px}

.color-guide {display:flex;flex-wrap:nowrap;margin:0 -20px;overflow:hidden;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling: touch}
.color-guide > li {float:left; width:80px; padding:0 10px;text-align:center;}
.color-guide > li:first-child{padding-left:20px;}
.color-guide > li:last-child{padding-right:20px;}
.color-guide .visual {width:80px; height:80px; border-radius:50%; box-sizing:border-box;}
.color-guide .txt {margin-top:10px; color:#777;}

/* 페이지 탭 */
.contents-tab {position:relative; max-width:1280px; padding:100px 40px 0 40px; margin:0 auto; box-sizing:border-box;}
.contents-tab-inner {position:relative;}
.contents-tab-list {display:flex; margin-left:1px;}
.contents-tab-cell {flex:1;}
.contents-tab-cell .btn-contents-tab-nav-item {position:relative; display:flex; align-items:center; justify-content:center; height:60px; font-size:18px; line-height:24px; color:#bbb; margin-left:-1px; font-weight:500; text-align:center; box-sizing:border-box; border:3px solid #fff; z-index:0;}
.contents-tab-cell.actived .btn-contents-tab-nav-item {font-weight:700; color:#095bba; border-color:#095bba; z-index:4;}
.contents-tab .btn-contents-tab-toggle {display:none;}

/* 셀렉트 탭 */
.select-tab-contents .select-tab-data-group {margin-top:30px;}
.select-tab-data-group .tab-data {display:none;}
.select-tab-data-group .tab-data.actived {display:block;}
 
 /* 그리드 레이아웃 */
.grid-frame-layout {display:flex; flex-wrap:wrap; margin:-10px;}
.grid-frame-cell {padding:10px;box-sizing:border-box;}
.grid-01 {width:100%;}
.grid-02 {width:50%;}
.grid-03 {width:33.33%;}
.grid-04 {width:25%;}
.grid-05 {width:20%;}
.grid-06 {width:16.66%;}

.default-group {margin-top:50px;}
.default-group.big {margin-top:100px;}
.default-group.first,
.default-group:first-child {margin-top:0;}

 .flex-contents {display:flex;}


.effect-data {transform:translate3d(0px, 50px , 0px); opacity:0; transition:opacity 0.35s 0.15s, transform 0.65s 0.15s cubic-bezier(0.250, 0.460, 0.450, 0.940); will-change:transform , opacity;}
.effect-data.actived {transform:translate3d(0px, 0px , 0px); opacity:1;}


.main-effect-data {transform:translate3d(0px, 50px , 0px); opacity:0; transition:opacity 0.35s 0.15s, transform 0.65s 0.15s cubic-bezier(0.250, 0.460, 0.450, 0.940); will-change:transform , opacity;}
.main-effect-data.actived {transform:translate3d(0px, 0px , 0px); opacity:1;}

 /* 타이틀 */
 .con-title_01 {font-size:28px; line-height:80px; font-weight:500; color:#111; text-align:center;}
 .con-title {font-size:30px; line-height:40px; font-weight:700; color:#111;}
 .con-title > span {margin-left:10px; font-size:18px; color:#888; vertical-align:baseline; font-weight:400;}
 .con-title.border {padding-bottom:17px; border-bottom:3px solid #111;}

.detail-title {font-size:18px; line-height:24px; font-weight:700; color:#333;}
.detail-title.dot-title {padding-left:10px;}
.detail-title.dot-title:before {top:12px;}
.detail-title .btn-basic {vertical-align:middle; margin-left:10px;}

 .dot-title {position:relative;}
 .dot-title:before {content:''; position:absolute; top:0; left:0; display:block; width:4px; height:4px; background:#888; border-radius:50%;}

 /* 썸네일 리스트 */
 .ratio-100 {padding-top:100%;}
 .ratio-67 {padding-top:67.53%;}
 .ratio-56 {padding-top:56.25%;}
 .ratio-125 {padding-top:125%;}

.btn-square-item {display:block;}
.btn-square-item .item-thumb {position:relative; overflow:hidden;}
.btn-square-item .item-thumb .thumb {position:relative;}
.btn-square-item .item-thumb .thumb img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;cursor:pointer;}
.btn-square-item .item-info-wrap {margin-top:27px;}
.btn-square-item .item-subject {display:-webkit-box; height:68px; font-size:24px; line-height:34px; font-weight:700; color:#111; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.btn-square-item .item-subject  + .item-client,
.btn-square-item .item-subject  + .item-date{margin-top:8px;}
.btn-square-item .item-address {display:-webkit-box; height:48px; font-size:16px; line-height:24px; font-weight:400; color:#666; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.btn-square-item .item-client {height:24px; font-size:18px; line-height:24px; color:#888; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.btn-square-item .item-client  + .item-date{margin-top:1px;}
.btn-square-item .item-date {font-size:16px; line-height:24px; color:#666; font-weight:500; letter-spacing:0;}
.btn-square-item .item-label {position:absolute; top:30px; left:30px; display:flex; justify-content:center; align-items:center; width:90px; height:90px; box-sizing:border-box; border:1px solid #fff; z-index:5;}
.btn-square-item:hover .item-label{justify-content:flex-start;align-items:flex-start;padding:10px;}
.btn-square-item .item-label:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; opacity:0; background:#0435bd;}
.btn-square-item .item-label-data {/*position:absolute; top:50%; left:50%; display:inline-block; height:24px; line-height:1; transform:translate(-50% , -50%); */color:#fff; box-sizing:border-box;}
.btn-square-item .item-label-data .ko-txt {/*display:inline-block; padding:0 19px; */font-size:14px; font-weight:500;  line-height:1.6; white-space:nowrap;position:relative;}
.btn-square-item .item-label-data .en-txt {position:absolute; top:100%; left:0; display:inline-block; padding:0 19px; margin-top:2px; font-size:14px; line-height:24px; white-space:nowrap; letter-spacing:0; box-sizing:border-box; opacity:0;}
.btn-square-item .item-label.none-hover {top:0; left:20px;}
.btn-square-item .item-label.none-hover:before {opacity:1;}
.btn-square-item .item-label.none-hover .item-label-data {height:auto;}
.btn-square-item .item-contact {display:flex; align-items:center; justify-content:space-between; margin-top:21px;}
.btn-square-item .item-contact .item-map-info { font-size:16px; line-height:24px; font-weight:500; color:#666;}
.btn-square-item .item-contact .item-map-btn {width:90px;}
.btn-square-item .item-contact .item-map-btn .btn-basic {min-width:0; width:100%; padding:0; font-size:14px; height:40px; line-height:38px;}

.btn-square-item.dark-blue .item-label.none-hover:before {background-color:#095bba;}
.btn-square-item.dark-blue .item-label.none-hover {border-color:#095bba;}	
.btn-square-item.blue .item-label.none-hover:before {background-color:#0435bd;}
.btn-square-item.blue .item-label.none-hover {border-color:#0435bd;}
.btn-square-item.purple .item-label.none-hover:before {background-color:#7e00d2;}
.btn-square-item.purple .item-label.none-hover {border-color:#7e00d2;}
.btn-square-item.green .item-label.none-hover:before {background-color:#40cd05;}
.btn-square-item.green .item-label.none-hover {border-color:#40cd05;}
.btn-square-item.red .item-label.none-hover:before {background-color:#df0000;}
.btn-square-item.red .item-label.none-hover {border-color:#df0000;}
.btn-square-item.sky-blue .item-label.none-hover:before {background-color:#18add8;}
.btn-square-item.sky-blue .item-label.none-hover {border-color:#18add8;}
.btn-square-item.black .item-label.none-hover:before {background-color:#333;}
.btn-square-item.black .item-label.none-hover {border-color:#333;}


@media screen and (min-width:1024px){
	 .btn-square-item:hover .item-label {top:0; width:120px; height:120px; border-color:#0435bd;}
	 .btn-square-item:hover .item-label:before {opacity:1;}
	 .btn-square-item:hover .item-label-data {top:16px; left:0; transform:translate(-0% , -0%);}
	 .btn-square-item:hover .item-label-data .en-txt {opacity:1;}
	 .btn-square-item:hover .item-label.none-hover {width:90px; height:90px;justify-content:center;align-items:center;}
	 .btn-square-item:hover .item-label.none-hover:before {opacity:1;}
	 .btn-square-item:hover .item-label.none-hover .item-label-data {transform:translate(0 , 0);}
	 .btn-square-item:hover .item-label.none-hover .item-label-data .en-txt {opacity:0;}

	 .btn-square-item.dark-blue .item-label:before {background-color:#095bba;}
	 .btn-square-item.dark-blue:hover .item-label {border-color:#095bba;}	
	 .btn-square-item.blue .item-label:before {background-color:#0435bd;}
	 .btn-square-item.blue:hover .item-label {border-color:#0435bd;}
	 .btn-square-item.purple .item-label:before {background-color:#7e00d2;}
	 .btn-square-item.purple:hover .item-label {border-color:#7e00d2;}
	 .btn-square-item.green .item-label:before {background-color:#40cd05;}
	 .btn-square-item.green:hover .item-label {border-color:#40cd05;}
	 .btn-square-item.red .item-label:before {background-color:#df0000;}
	 .btn-square-item.red:hover .item-label {border-color:#df0000;}
	 .btn-square-item.sky-blue .item-label:before {background-color:#18add8;}
	 .btn-square-item.sky-blue:hover .item-label {border-color:#18add8;}
	 .btn-square-item.black .item-label:before {background-color:#333;}
	 .btn-square-item.black:hover .item-label {border-color:#333;}
 }

/* 필터 사용 검색  */
.filter-search-wrap {position:relative; padding:40px; background-color:#f8f8f8; border:1px solid #e1e1e1;}
.filter-search-wrap .form-basic-search {padding-right:270px; align-items:center;}
.filter-search-wrap .form-basic-search .input {flex:1;}
.filter-search-wrap .btn-search {position:absolute; top:40px; right:40px;}
.filter-search-wrap .sort-check-list {padding:0 0; margin-right:54px;}
.filter-search-wrap .sort-check-list .list-inner {display:flex; flex-wrap:nowrap; margin:0;  font-size:0; }
.filter-search-wrap .sort-check-list .check-cell {margin:10px; white-space:nowrap;}

.filter-sort {display:flex; align-items:flex-start; justify-content:flex-start; margin-top:24px; line-height:1;}
.filter-sort .date-input-wrap {max-width:100%;}
.filter-sort .all-download {flex:0 0 auto; width:210px; margin-left:auto;}
.filter-sort .sort-date {max-width:372px; margin-right:30px;}
.filter-sort .form-button-check-wrap {margin-right:30px;}


/* 커스텀 캘린더 */
.custom-calendar-sort {display:none; height:30px; margin-bottom:25px; text-align:center; line-height:1;}
.custom-calendar-sort .sort-data {display:inline-block; font-size:0;}
.custom-calendar-sort .sort-data .sort-value {display:inline-block; margin:0 15px; font-size:24px; line-height:30px; color:#666; font-weight:400;}
.custom-calendar-sort .sort-data .sort-value em {color:#111; font-weight:500;}
.custom-calendar-sort .sort-data > button {position:relative; display:inline-block; width:30px; height:30px; font-size:0; overflow:hidden; background:rgba(17,17,17,1); border-radius:50%;}
.custom-calendar-sort .sort-data > button:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:100%;}
.custom-calendar-sort .sort-data > button.disabled {background:rgba(17,17,17,0.3);}
.custom-calendar-sort .sort-data > button.btn-sort-prev:before {background-image:url(../images/icon/icon_custom_calendar_prev.png);}
.custom-calendar-sort .sort-data > button.btn-sort-next:before {background-image:url(../images/icon/icon_custom_calendar_next.png);}

/* 정보성 테이블 */
.read-table-wrap {}
.read-table {border-top:3px solid #111; margin-bottom: 20px;margin-top: 20px;}
.read-table table {width:100%; table-layout:fixed;}
.read-table table > thead > tr > th {padding:22px 30px; font-size:18px; line-height:30px; color:#111; font-weight:500; border:1px solid #eaeaea; border-bottom:none; border-top:none; background-color:#f8f8f8; vertical-align:middle;}
.read-table table > tbody > tr > th {padding:10px 30px; font-size:18px; line-height:26px; color:#111; font-weight:500; border:1px solid #eaeaea; text-align:center; background-color:#f8f8f8; vertical-align:middle;}
.read-table table > tbody > tr > td {padding:10px 30px; font-size:16px; line-height:30px; color:#666; text-align:left; border:1px solid #eaeaea; background-color:#fff; word-break: break-all;}
.read-table table > thead > tr > th:first-child ,
.read-table table > tbody > tr > th:first-child ,
.read-table table > tbody > tr > td:first-child {border-left:none;}
.read-table table > thead > tr > th:last-child ,
.read-table table > tbody > tr > td:last-child {border-right:none; word-break: keep-all;}


.read-table_01-wrap {}
.read-table_01 {border-top:2px solid #111; margin-bottom: 20px;margin-top: 20px;}
.read-table_01 table {width:100%; table-layout:fixed;}
.read-table_01 table > thead > tr > th {padding:22px 30px; font-size:18px; line-height:30px; color:#111; font-weight:500; border:1px solid #eaeaea; border-bottom:none; border-top:none; background-color:#f8f8f8; vertical-align:middle;}
.read-table_01 table > tbody > tr > th {padding:10px 30px; font-size:18px; line-height:26px; color:#111; font-weight:500; border:1px solid #eaeaea; text-align:center; background-color:#f8f8f8; vertical-align:middle;}
.read-table_01 table > tbody > tr > td {padding:10px 30px; font-size:16px; line-height:30px; color:#666; text-align:left; border:1px solid #eaeaea; background-color:#fff; word-break: break-all;}
.read-table_01 table > thead > tr > th:first-child ,
.read-table_01 table > tbody > tr > th:first-child ,
.read-table_01 table > tbody > tr > td:first-child {border-left:none;}
.read-table_01 table > thead > tr > th:last-child ,
.read-table_01 table > tbody > tr > td:last-child {border-right:none; word-break: keep-all;}

.table-bottom-info {margin-top:15px;}
.table-bottom-info .line-text-list > li,
.table-bottom-info .star-text-list > li {font-size:16px; line-height:24px;}
.table-bottom-info .line-text-list > li + li,
.table-bottom-info .star-text-list > li + li {margin-top:7px;}

/* 라인 텍스트 리스트 */
.line-text-list {}
.line-text-list > li {position:relative; padding:0 0 0 10px;font-size:18px; line-height:30px; color:#666;}
.line-text-list > li:before {content:'-'; position:absolute; top:0; left:0;}

/* 별표 텍스트 리스트 */
.star-text-list {}
.star-text-list > li {position:relative; padding:0 0 0 10px;font-size:18px; line-height:30px; color:#666;}
.star-text-list > li:before {content:'*'; position:absolute; top:0; left:0;}

/* 풀캘린더 */
.calendar-wrap {position:relative; padding-top:44px; }
#calendar {margin-top:29px;}
.calendar-label-wrap {position:absolute; top:0; right:0; display:flex; align-items:center; height:44px;}
.calendar-label-wrap .calendar-label {position:relative; display:inline-block; padding-left:27px; margin:3px 0; font-size:16px; line-height:20px; color:#111; font-weight:500; white-space:nowrap;}
.calendar-label-wrap .calendar-label:before {content:''; position:absolute; top:1px; left:0; display:block; width:18px; height:18px; border-radius:50%; background:#000;}
.calendar-label-wrap .calendar-label.blue:before {background-color:#0435bd;}
.calendar-label-wrap .calendar-label.purple:before {background-color:#7e00d2;}
.calendar-label-wrap .calendar-label.green:before {background-color:#40cd05;}
.calendar-label-wrap .calendar-label.red:before {background-color:#df0000;}
.calendar-label-wrap .calendar-label.pink:before {background-color:#ed2171;}
.calendar-label-wrap .form-checkbox + .form-checkbox {margin-left:20px;}
.calendar-label-wrap .btn-schedule-download {margin-right:20px;}

.fc .fc-toolbar {position:absolute; top:0; left:0; display:inline-block; padding:0 60px; margin:0;}
.fc .fc-toolbar .fc-today-button {display:none;}
.fc .fc-toolbar-title {font-size:30px; line-height:44px; font-weight:700; color:#111;}
.fc .fc-toolbar .fc-button-group {position:static;}
.fc .fc-toolbar .fc-prev-button {position:absolute; top:0; left:0; display:block; width:32px; height:44px; padding:0; font-size:0; border:none; background:none;}
.fc .fc-toolbar .fc-prev-button:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../images/icon/icon_calendar_arrow_prev.png) center center no-repeat;}
.fc .fc-toolbar .fc-prev-button:hover,
.fc .fc-toolbar .fc-prev-button:active {border:none !important; background:none !important; box-shadow:none !important; outline:none !important;}
.fc .fc-toolbar .fc-next-button {position:absolute; top:0; right:0; display:block; width:32px; height:44px; padding:0; font-size:0; border:none; background:none;}
.fc .fc-toolbar .fc-next-button:before {content:''; position:absolute; top:0; right:0; display:block; width:100%; height:100%; background:url(../images/icon/icon_calendar_arrow_next.png) center center no-repeat;}
.fc .fc-toolbar .fc-next-button:hover,
.fc .fc-toolbar .fc-next-button:active {border:none !important; background:none !important; box-shadow:none !important; outline:none !important;}
.fc .fc-col-header-cell-cushion {padding:0; font-size:18px; line-height:60px; color:#111; font-weight:500;}
.fc-day-sun,
.fc-day-sun .fc-daygrid-day-number,
.fc-day-sun .fc-col-header-cell-cushion {color:#e60012 !important;}
.fc-day-sat,
.fc-day-sat .fc-daygrid-day-number,
.fc-day-sat .fc-col-header-cell-cushion {color:#0435bd !important;}
.fc td {line-height:1;}
.fc .fc-daygrid-day-number {font-size:14px; line-height:20px; color:#111; font-weight:500; padding:0;}
.fc .fc-daygrid-day-top {flex-direction:row;}
.fc .fc-daygrid-day-frame {padding:14px;}
.fc-theme-standard td, .fc-theme-standard th {border:1px solid #e1e1e1}
.fc-theme-standard .fc-scrollgrid {border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1;}
.fc .fc-daygrid-event-harness .fc-daygrid-dot-event {position:relative; display:block; padding:0 0 0 20px; margin:0; font-size:14px; line-height:18px; color:#666; text-overflow:ellipsis; margin-top:5px;}
.fc .fc-daygrid-event-harness .fc-daygrid-dot-event:hover,
.fc .fc-daygrid-event-harness .fc-daygrid-dot-event:focus {background:none;}
.fc .fc-daygrid-event-harness .fc-daygrid-dot-event .fc-event-time {display:none !important;}
.fc .fc-daygrid-event-harness .fc-daygrid-dot-event .fc-daygrid-event-dot {position:absolute; top:2px; left:0; display:block; border-width:7px; border-radius:50%; margin:0;}
.fc .fc-daygrid-event-harness .fc-daygrid-dot-event .fc-event-title {display:block; width:100%; font-size:14px; line-height:18px; color:#666; font-weight:400; text-overflow:ellipsis; overflow:hidden;}
.fc .fc-daygrid-event-harness .fc-daygrid-dot-event .fc-event-title:hover,
.fc .fc-daygrid-event-harness .fc-daygrid-dot-event .fc-event-title:focus {background:none;}
.fc .fc-daygrid-event-harness .fc-daygrid-block-event  {margin:0; border-radius:0;}
.fc .fc-daygrid-event-harness .fc-daygrid-block-event .fc-event-title {padding:0 10px; font-size:14px; line-height:18px; color:#fff;}
.fc .fc-daygrid-day-events {margin:0;}
.fc .fc-daygrid-event-harness {}
.fc .fc-daygrid-event-harness:first-child .fc-daygrid-dot-event {margin-top:0;}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {margin:23px 0 0 0 !important;}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {margin:23px 0 0 0 !important;}
.fc .fc-daygrid-day-bottom {margin-top:20px; padding:0 20px; font-size:14px; line-height:18px; color:#666; font-weight:400;}
.fc .fc-scrollgrid-section-body .fc-scroller-harness {border-top:3px solid #0435bd;}

@media screen and (max-width:768px) {
    .fc .fc-daygrid-event-harness .fc-daygrid-dot-event .fc-daygrid-event-dot {border-width:3px; height:8px; border-radius:0; width:3px;}
    .fc .fc-daygrid-event-harness .fc-daygrid-event {padding-right:4px;}

}

/* 경고 컨텐츠 */
.care-copy {padding:22px 30px; font-size:16px; line-height:30px; color:#666; border:1px solid #e1e1e1; background-color:#f8f8f8;}
.care-copy em {font-weight:700; color:#333; text-decoration:underline;}
.care-copy strong {font-weight:700; color:#333;}
.care-copy .detail-title + .desc {margin-top:5px;}
.care-copy .detail-title.dot-title + .desc {padding-left:10px;}

/* 탭 컨텐츠 */
.tab-contents .tab-select {display:none;}
.tab-list > ul {position:relative; display:flex; height:60px; margin-left:1px;}
.tab-list > ul:after {content:''; position:absolute; top:auto; right:0; bottom:0; left:0; display:block; width:100%; height:1px; background:#095bba; z-index:5;}
.tab-list .tab-list-cell {position:relative; flex:1; margin-left:-1px; z-index:1;}
.tab-list .tab-list-cell .btn-tab-list-item {position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:60px; font-size:18px; line-height:24px; color:#bbb; font-weight:500; text-align:center; box-sizing:border-box; background-color:#f8f8f8; border:1px solid #e1e1e1; border-bottom-color:transparent; z-index:0; word-break:keep-all;}
.tab-list .tab-list-cell.actived {z-index:10;}
.tab-list .tab-list-cell.actived .btn-tab-list-item {font-weight:700; color:#111; background-color:#fff; border-color:#095bba; border-bottom-color:transparent; z-index:4;}

.basic-tab-list > ul {position:relative; display:flex; height:60px; margin-left:1px;}
.basic-tab-list > ul:after {content:''; position:absolute; top:auto; right:0; bottom:0; left:0; display:block; width:100%; height:1px; background:#e1e1e1; z-index:5;}
.basic-tab-list .tab-list-cell {position:relative; flex:1; margin-left:-1px; z-index:1;}
.basic-tab-list .tab-list-cell .btn-tab-list-item,
.basic-tab-list .tab-list-cell .btn-page-tab-list-item {position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:60px; font-size:18px; line-height:24px; color:#bbb; font-weight:500; text-align:center; box-sizing:border-box; background-color:#f8f8f8; border:1px solid #e1e1e1; border-bottom-color:transparent; z-index:0;}
.basic-tab-list .tab-list-cell.actived {z-index:10;}
.basic-tab-list .tab-list-cell.actived .btn-tab-list-item,
.basic-tab-list .tab-list-cell.actived .btn-page-tab-list-item {font-weight:700; color:#111; background-color:#fff; border-color:#e1e1e1; border-bottom-color:transparent; z-index:4;}

.tab-data-group .tab-data {display:none;}
.tab-data-group .tab-data.actived {display:block;}

.vertical-contents-data {box-sizing:border-box; border:1px solid #e1e1e1; border-left:none;}

.vertical-tab-contents {position:relative; display:flex; flex-wrap:wrap;}
.vertical-tab-contents > .tab-list {flex:0 0 auto; width:160px;}
.vertical-tab-contents > .tab-list > ul {flex-direction:column; height:100%; box-sizing:border-box; padding:1px;}
.vertical-tab-contents > .tab-list > ul:after {top:0; right:0; bottom:auto; left:auto; width:1px; height:100%; background-color:#e1e1e1;}
.vertical-tab-contents > .tab-list .tab-list-cell {display:flex; margin:-1px;}
.vertical-tab-contents > .tab-list .tab-list-cell .btn-page-tab-list-item,
.vertical-tab-contents > .tab-list .tab-list-cell .btn-tab-list-item {height:auto; font-size:18px; line-height:22px; font-weight:400; border:1px solid #e1e1e1; border-right-color:transparent;}
.vertical-tab-contents > .tab-list .tab-list-cell.actived .btn-tab-list-item,
.vertical-tab-contents > .tab-list .tab-list-cell.actived .btn-page-tab-list-item {font-weight:700; color:#111; background-color:#fff; border-color:#e1e1e1; border-bottom-color:#e1e1e1;  border-right-color:transparent; z-index:4;}
.vertical-tab-contents > .tab-data-group {width:calc( 100% - 160px );}
.vertical-tab-contents > .tab-data-group.full {flex:0 0 100%; width:100%;}

/* 게시판 > 리스트 정렬 */
.board-sort {position:relative; display:flex; justify-content:space-between;}
.board-sort .board-sort-right:only-child {margin-left:auto;}
.board-sort + .thumb-board-list {margin-top:30px;}

/* 아코디언 메뉴 */
.accordion-list {border-top:1px solid #111; border-bottom:1px solid #111;}
.accordion-list .accordion-cell + .accordion-cell {border-top:1px solid #111;}
.accordion-list .btn-accordion-menu {position:relative; width:100%; min-height:100px; padding:20px 82px 20px 30px; box-sizing:border-box; /*익스에서 중앙정렬이 안됨 display:flex; align-items:center;  justify-content:flex-start;*/ text-align:left;}
.accordion-list .btn-accordion-menu:after {content:''; position:absolute; top:50%; right:30px; display:block; width:22px; height:21px; margin-top:-11px; background:url(../images/icon/icon_accordion_arrow.png) center center no-repeat; background-size:22px auto;}
.accordion-list .btn-accordion-menu > span {display:block;}
.accordion-list .btn-accordion-menu .accordion-menu-subject {flex:1; width:100%; font-size:22px; line-height:30px; font-weight:700; color:#333;}

.accordion-list .btn-accordion-menu_01 {position:relative; width:100%; min-height:100px; padding:20px 82px 20px 30px; box-sizing:border-box; /*익스에서 중앙정렬이 안됨 display:flex; align-items:center;  justify-content:flex-start;*/ text-align:left;}
.accordion-list .btn-accordion-menu_01:after {content:''; position:absolute; top:50%; right:30px; display:block; width:22px; height:21px; margin-top:-11px; background:url(../images/icon/icon_accordion_arrow_.png) center center no-repeat; background-size:22px auto;}
.accordion-list .btn-accordion-menu_01 > span {display:block;}
.accordion-list .btn-accordion-menu_01 .accordion-menu-subject {flex:1; width:100%; font-size:22px; line-height:30px; font-weight:700; color:#333;}


.accordion-list .accordion-content {display:none;}
.accordion-list .actived .btn-accordion-menu:after {transform:rotate(-180deg);}
.accordion-list .actived .accordion-content {display:block;}
.accordion-list.small-size .btn-accordion-menu {min-height:80px;}
.accordion-list.small-size .btn-accordion-menu .accordion-menu-subject {font-size:18px; line-height:24px;}

.accordion-detail {padding:42px 40px; font-size:18px; line-height:34px; color:#888; border-top:1px solid #e1e1e1;}
.accordion-detail.gray {background-color:#f8f8f8;}

.page-bottom-info {margin-top:100px; padding:32px 20px 40px 20px; border:1px solid #e1e1e1; background-color:#f8f8f8; text-align:center;}
.page-bottom-info .desc {font-size:16px; line-height:30px; color:#666;}
.page-bottom-info .desc strong {color:#333;}
.page-bottom-info .btns {margin-top:23px; font-size:0;}
.page-bottom-info .btns .btn-basic {min-width:140px; margin:0 5px;}



/* 세로 슬라이더 */
.vertical-slider-wrap {position:relative;display:flex;}
.vertical-slider-wrap .visual-slider {position:relative; flex:0 0 auto; width:78.16%; border:1px solid #e1e1e1; box-sizing:border-box;}
.vertical-slider-wrap .visual-slider .slider-item {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:644px; padding:0; background-color:#fff; box-sizing:border-box; overflow:hidden;}
.vertical-slider-wrap .visual-slider .slider-item img {max-width:100%; max-height:100%; object-fit:contain;}
.facility .vertical-slider-wrap .visual-slider .slider-item img {max-height:104%;}
.vertical-slider-wrap .thumb-slider {position:relative; flex:0 0 auto; width:21.84%;}
.vertical-slider-wrap .thumb-slider-scroller {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; overflow-x:hidden;overflow-y:auto;}
.vertical-slider-wrap .thumb-slider-scroller .btn-vertical-slider-item {flex:0 0 25%; position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:25%; padding:0; background-color:#000; box-sizing:border-box; overflow:hidden;}
.vertical-slider-wrap .thumb-slider-scroller .btn-vertical-slider-item img {width:100%;height:100%;}
.vertical-slider-wrap .thumb-slider-scroller .btn-vertical-slider-item:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; border:7px solid #18a9d3; box-sizing:border-box; z-index:5; opacity:0;}
.vertical-slider-wrap .thumb-slider-scroller .btn-vertical-slider-item:after {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:rgba(255,255,255,0.53); box-sizing:border-box; z-index:3; opacity:1;}
.vertical-slider-wrap .thumb-slider-scroller .btn-vertical-slider-item.actived:before {opacity:1;}
.vertical-slider-wrap .thumb-slider-scroller .btn-vertical-slider-item.actived:after {opacity:0;}
/*.vertical-slider-wrap .thumb-slider-scroller .btn-vertical-slider-item img.horizontal {left:50%; width:auto; height:100%; transform:translateX(-50%);}
.vertical-slider-wrap .thumb-slider-scroller .btn-vertical-slider-item img.open {opacity:1;}
*/
.vertical-slider-wrap .slide-btn-wrap {display:none;}


/*==============================================
01. 행사안내
==============================================*/
/* 행사안내 > 행사 리스트 */
.schedule-board-list {margin-top:70px;}
.thumb-board-list .grid-frame-layout {margin:-22px -12px;}
.thumb-board-list .grid-frame-cell {padding:22px 12px;box-sizing:border-box;}
.thumb-board-list .paging {margin-top:84px;}

/* 행사안내 > 행사 상세 */
.product-view-info .view-info-list .info {word-break: keep-all;}
#en .product-view-info .view-info-list .title {width:120px;}
#en .product-view-info .view-info-list > li {padding-left:135px;}
#ch .product-view-info .view-info-list .title {width:120px;}
#ch .product-view-info .view-info-list > li {padding-left:135px;}
.product-view-detail {margin-top:100px;}
.product-view-wrap {position:relative; padding:70px; font-size:0; border:10px solid #eaeaea;}
.product-view-wrap .product-view-thumb {width:300px;}
.product-view-wrap .product-view-info {width:calc( 100% - 300px )}
.product-view-wrap .product-share {position:absolute; top:40px; right:40px;}
.product-view-thumb {display:inline-block; box-sizing:border-box;}
.product-view-info {display:inline-block; padding-left:100px; box-sizing:border-box;}
.product-view-info h3 {font-size:40px; line-height:60px; font-weight:700; color:#111; letter-spacing:-0.075em;}
.product-view-info .label-wrap {margin-bottom:7px;}
.product-view-info .view-info-list {margin-top:22px;}
.product-view-info .view-info-list > li {position:relative; padding:5px 0 5px 115px; min-height:40px; font-size:18px; line-height:30px; color:#666; box-sizing:border-box;}
.product-view-info .view-info-list > li + li {margin-top:8px;}
.product-view-info .view-info-list .title {position:absolute; top:0; left:0; display:inline-block; width:90px; height:40px; line-height:40px; padding:0 0 0 14px; font-weight:500; color:#111; text-align:justify; text-align-last:justify; box-sizing:border-box;}
.product-view-info .view-info-list .title:before {content:''; position:absolute; top:19px; left:0; display:block; width:4px; height:4px; border-radius:50%; background:#888;}
.product-view-info .view-info-list .btn-basic {height:40px; line-height:38px; vertical-align:middle;}
.product-share {display:flex;}
.product-share .btn-product-share {display:block; width:40px; height:40px; font-size:0; margin-left:8px; padding:0;}


/*==============================================
02. 시설안내
==============================================*/
/* 시설안내 > 공통 */
.facility-wrap .col-lg-none {display:none;}
.facility-wrap .table-wrap .table-border-top {border-top:1px solid #eaeaea;}
.facility-wrap .table-wrap .table-border-top > th {font-size:16px;}
.facility-wrap .btn-page-wrap:first-child + .care-copy {margin-top:50px;}
.facility-wrap .facility-visual-top {margin-top:25px;}
.facility-wrap .map-visual {border:1px solid #e1e1e1; box-sizing:border-box; z-index:2;}
.facility-wrap .con-title {text-align:left;}
.facility-wrap .con-title + .read-table {margin-top:24px;}
.facility-wrap .read-table table > thead > tr > th {height:50px; padding:10px 5px; font-size:18px; line-height:22px;}
.facility-wrap .read-table table > tbody > tr > td {height:50px; padding:10px 10px; font-size:16px; line-height:22px; text-align:center; vertical-align:middle;}
.facility-wrap .read-table .total > td {font-weight:500; color:#111; background-color:#f5fcff;}
.facility-wrap .read-table .font-color-black {font-weight:500; color:#111;}
/*#en .facility-wrap .read-table table > thead > tr > th {word-break: break-all;}
#en .facility-wrap .read-table table > tbody > tr > td {word-break: break-all;}
#en .facility-wrap .read-table table > tbody > tr > td a {word-break: break-all;}*/
/* 사용절차 */
.using-procedure .step-content-wrap {position:relative; padding:77px 0 0 50px;}
.using-procedure .step-content-head {display:flex; font-size:40px; font-weight:700; line-height:48px; word-break:keep-all}
.using-procedure .step-content-head .visual-number {position:relative; display:inline-block; flex:none; width:42px;height:42px; margin:3px 40px 0 0; font-size:18px; font-weight:700; color:#fff; text-align:center; line-height:40px; background-color:#0947ba; border-radius:50%; z-index:2;}
.using-procedure .step-content {position:relative; overflow:hidden}
.using-procedure .step-content:before {content:''; position:absolute; top:58px; left:20px; width:2px; height:100%; background-color:#eaeaea;}
.using-procedure .step-content + .step-content {margin-top:14px;}
.using-procedure .step-content-line {position:relative; margin-top:5px; padding:16px 0 58px 84px;}
.using-procedure .step-content-line .line-list-cell {position:relative; padding-left:62px; font-size:20px; font-weight:500; line-height:26px;}
.using-procedure .step-content-line .line-list-cell:before {content:''; position:absolute; top:12px; left:0; width:40px; height:2px; background-color:#eaeaea;}
.using-procedure .step-content-line .line-list-cell:after {content:''; position:absolute; top:8px; left:-4.5px; width:10px; height:10px; background-color:#0947ba; border-radius:50%;}
.using-procedure .step-content-line .line-list-cell + .line-list-cell {margin-top:54px;}
.using-procedure .step-numbering-list {position:absolute; top:-48px; left:314px;} 
.using-procedure .step-numbering-list .numbering-list-cell {display:flex; padding:5px 0; font-size:18px; color:#666; line-height:30px;}
.using-procedure .step-numbering-list .numbering-list-cell span {display:inline-block; width:30px; height:30px; margin-right:12px; font-size:14px; font-weight:700; text-align:center; line-height:28px; background-color:#f0f0f0; border-radius:50%; flex:0 0 30px;}
.using-procedure .step-content-line ol.step-line-list {margin-left:-64px;} 
.using-procedure .step-content-line ul.step-line-list > li {position:relative; padding-left:10px; font-size:18px; font-weight:400; color:#666; line-height:22px;}
.using-procedure .step-content-line ul.step-line-list > li:before {content:''; position:absolute; top:10px; left:0; width:4px; height:4px; background-color:#888; border-radius:50%;} 
.using-procedure .step-content-line ul.step-line-list > li + li {margin-top:17px;}
.using-procedure .step-content:last-child .step-content-line {padding-bottom:8px;}
.using-procedure .step-img-wrap > img {position:absolute; top:0; right:0; width:20%; box-shadow:10px 10px 10px rgb(0 0 0 / 10%);}
.using-procedure .step-img-wrap .step-img01 {top:100px;}
.using-procedure .step-img-wrap .step-img02 {top:300px;}
.using-procedure .step-img-wrap .step-img03 {top:628px;}
.using-procedure .step-img-wrap .step-img04 {top:828px;}
.using-procedure + .faq-content-wrap {margin-top:130px;}
.faq-content-wrap .accordion-list .question-content {display:block; position:relative; padding-left:52px; box-sizing:border-box;}
.faq-content-wrap .accordion-list .question-content:before {content:'Q'; position:absolute; top:2px; left:10px; width:30px; height:30px; font-size:16px; font-weight:500; color:#fff; line-height:26px; text-align:center; text-indent:-2px; background-color:#0435bd; border-radius:50%;}
.faq-content-wrap .accordion-list .answer-content {position:relative; padding-left:44px;}
.faq-content-wrap .accordion-list .answer-content:before {content:'A'; position:absolute; top:4px; left:0; width:30px; height:30px; font-size:16px; font-weight:500; color:#fff; line-height:26px; text-align:center; text-indent:-1px; background-color:#a26a00; border-radius:50%;}
/* slide-btn-wrap */
.slide-btn-wrap > button {position:absolute; width:60px; height:60px; padding:0; text-indent:-9999px; overflow:hidden; z-index:15;}
.slide-btn-wrap .slide-prev {top:50%; left:0; margin-top:-30px; background-color:#a26a00;}
.slide-btn-wrap .slide-prev:after {content:''; position:absolute; top:50%; left:16px; width:28px; height:28px; margin-top:-14px; background:url('../images/icon/icon_facility_arrow_prev.png')no-repeat center center;}
.slide-btn-wrap .slide-next {top:50%; right:0; margin-top:-30px; background-color:#a26a00;}
.slide-btn-wrap .slide-next:after {content:''; position:absolute; top:50%; right:16px; width:28px; height:28px; margin-top:-14px; background:url('../images/icon/icon_facility_arrow_next.png')no-repeat center center;}
.slide-btn-wrap .slide-prev.swiper-button-disabled,
.slide-btn-wrap .slide-next.swiper-button-disabled {background-color:rgba(255,255,255,0.3);}
/*
.content-slide-wrap .slider-visual {position:relative; padding-top:50%;}
.content-slide-wrap .slider-visual > img {position:absolute; top:0; left:0; width:100%; height:100%;}
*/


/* 전시홀 > 시설개설 */
.exhibition-wrap .circle-list-content {position:relative; display:flex; flex-wrap:wrap;}
.exhibition-wrap .circle-list-content:before {content:''; position:absolute; right:-40px; bottom:-50px; width:320px; height:154px; background:url('../images/content/exhibition_overview_footer_list_bg.png')no-repeat 100% 100%; background-size:cover;}
.exhibition-wrap .circle-list-content > ul:nth-of-type(1) {width:32%;}
.exhibition-wrap .circle-list-content > ul:nth-of-type(2) {width:45%; margin-left:10px;}
.exhibition-wrap .circle-list-box .circle-list-cell:after {width:4px; height:4px; left:10px; background-color:#888;}

/* 전시홀 이미지 링크 */
#img-tab {}
#img-tab .tab-list {}
#img-tab .tab-list > ul {position: inherit; display: block; height:100%; margin-left: 0;}
#img-tab .tab-list .tab-list-cell.actived {}
#img-tab .tab-list .tab-list-cell {position: inherit;}
#img-tab .tab-list .tab-list-cell a {border:none; background-color: transparent;}

/* 전시홀 > 전시장 */
.facility-wrap .con-title.text-center {text-align:center;}
.facility-wrap .map-visual {position:relative;}
.facility-wrap .map-visual > img {width:100%; height:100%;}
.facility-wrap .exhibition-link01 .map-visual .link-movement {position:absolute; top:19%; left:10.5%; display:block; width:12.5%; height:50%; /* border:1px solid #000;*/ font-size:0;text-indent:-9999px;}
.facility-wrap .exhibition-link01 .map-visual .link-movement02 {left:23.5%;}
.facility-wrap .exhibition-link01 .map-visual .link-movement03 {left:36%;}
.facility-wrap .exhibition-link01 .map-visual .link-movement04 {left:49%;}
.facility-wrap .exhibition-link01 .map-visual .link-movement05 {top:46.2%; left:61.9%; width:12%; height:22%;}
.facility-wrap .exhibition-link01 .map-visual .link-movement06 {top:23%; left:61.9%; width:12%; height:22%;}
.facility-wrap .exhibition-link02 .map-visual .link-movement {
    position: absolute;
    top: 14.3%;
    left: 10.3%;
    display: block;
    width: 17%;
    height: 13%;
    transform: skewX(-5deg) rotate(9deg);
    font-size: 0;
    text-indent: -9999px;
}
.facility-wrap .exhibition-link02 .map-visual .link-movement02 {top:17%; left:30.3%; width:23.3%; height:20%; transform:skewX(0deg);}
.facility-wrap .exhibition-link02 .map-visual .link-movement03 {top:17%; left:53.8%; width:23.3%; height:20%; transform:skewX(0deg);}
.facility-wrap .exhibition-link02 .map-visual .link-movement04 {top: 68.2%; left: 51.5%; width: 24.5%; height: 21.5%; transform: skewX(-5deg) rotate(9deg);}
.facility-wrap .exhibition-link02 .map-visual .link-movement05 {top: 68%; left: 23%; width: 24.5%; height: 22%; transform: skewX(4deg) rotate(-9deg);}
.facility-wrap .tab-list .btn-contents-tab-toggle {display:none;}
.facility-wrap .facility-detail {margin-top:100px;}
.facility-wrap .facility-detail-list {margin-top:62px;}
.facility-wrap .facility-detail .content-slide-wrap {position:relative; margin-top:42px;}
.facility-wrap .facility-detail .content-slide-wrap .slide-item {position:relative; padding-top:50%;}
.facility-wrap .facility-detail .content-slide-wrap .slide-item > img {position:absolute; top:0; left:0; width:100%; height:100%;}
.facility-detail .content-map-visual {position:relative;}
.facility-detail .content-map-visual .content-info-text {position:absolute; top:0; left:30px; display:flex; z-index:5;}
.facility-detail .content-map-visual .content-info-text .info-label {display:inline-block; width:120px; height:120px; font-size:30px; font-weight:700; color:#fff; line-height:114px; text-align:center; background-color:#0435bd;}
.facility-detail .content-map-visual .content-info-text .info-title-wrap {padding:32px 0 0 30px;}
.facility-detail .content-map-visual .info-title-wrap .info-sub-title {font-size:22px; font-weight:400; color:#666; line-height:36px;}
.facility-detail .content-map-visual .info-title-wrap .info-title {font-size:40px; font-weight:700; line-height:46px;}
/*.facility-detail .content-map-visual .content-info-img {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}*/
.facility-detail .content-map-visual .content-info-img img {width:100%; height:100%;}
.facility-overview-info .back-blue {background-color:#f5fcff;}
.facility-detail .facility-overview-info .read-table table > tbody > tr > td {height:auto; padding:22px 30px; line-height:30px; text-align:left;}
.facility-detail .facility-overview-info .btn-file-download + .btn-file-download {margin-left:10px;}
/* 1전시장, 2전시장 */
.exhibition-wrap .facility-overview-info .col-layout01 > col:nth-child(1) {width:20%;}
.exhibition-wrap .facility-overview-info .col-layout01 > col:nth-child(2) {width:26.666%;}
.exhibition-wrap .facility-overview-info .col-layout01 > col:nth-child(3) {width:26.666%;}
.exhibition-wrap .facility-overview-info .col-layout01 > col:nth-child(4) {width:26.666%;}
/* 1전시장 > 옥외전시장 */
.exhibition-wrap .facility-overview-info .col-layout02 > col:nth-child(1) {width:28%;}
.exhibition-wrap .facility-overview-info .col-layout02 > col:nth-child(2) {width:36%;}
.exhibition-wrap .facility-overview-info .col-layout02 > col:nth-child(3) {width:36%;}

/* 전시홀 > 사용문의 */
.exhibition-wrap .using-procedure .step01 {padding-bottom:150px;}
.exhibition-wrap .using-procedure .step02 {padding-bottom:40px;}

/* 시설안내 > 사용료 */
.facility-pay-wrap .sub-btn-wrap {display:flex;}
.facility-pay-wrap .sub-btn-wrap select {width:240px;}
.facility-pay-wrap .sub-btn-wrap .btn-page-wrap {margin-top:0; flex:1;}
.facility-wrap .facility-pay-wrap .con-title.table-topic {position:relative; padding-bottom:17px; text-align:left;}
.facility-wrap.exhibition-wrap .facility-pay-wrap .read-table table > tbody > tr > td {padding:0 18px; line-height:30px;}
.facility-pay-wrap .table-topic > span {position:absolute; right:0; font-size:16px;}
.facility-pay-wrap .table-wrap {margin-top:46px;}
.facility-pay-wrap .table-wrap + .table-wrap {margin-top:0;}
.facility-pay-wrap .table-wrap .table-info-group {padding-bottom:14px;}
.facility-pay-wrap .table-wrap .table-info-group .table-info-text {font-size:16px; color:#888; line-height:30px;}
.facility-pay-wrap .table-wrap .table-info-group .table-info-text span {margin-right:3px;}
.exhibition-wrap .table-wrap .col-layout03 > col:nth-child(1) {width:15%;}
.exhibition-wrap .table-wrap .col-layout03 > col:nth-child(2) {width:16%;}
.exhibition-wrap .table-wrap .col-layout03 > col:nth-child(3) {width:18%;}
.exhibition-wrap .table-wrap .col-layout03 > col:nth-child(4) {width:18%;}
.exhibition-wrap .table-wrap .col-layout03 > col:nth-child(5) {width:33%;}

/* 회의실 > 시설개요 */
.meeting-wrap .meeting-overview {position:relative; padding-bottom:300px;}
.meeting-wrap .facility-summary {position:absolute;}
.meeting-wrap .meeting-overview .default-group:nth-of-type(3) .facility-summary {left:0;}
.meeting-wrap .meeting-overview .default-group:nth-of-type(3) .facility-summary + .facility-summary {left:auto; right:0;}
.meeting-wrap .facility-summary .con-title {text-align:center;}
.meeting-wrap .facility-summary .circle-list-box.list-border-thick {padding:30px; border-top:none; border-right:none; border-bottom:1px solid #e1e1e1; border-left:none;}
.meeting-wrap .circle-list-content:before {display:none;}

/* 회의실 > 전시홀 */
.facility-wrap .read-table td > .table-circle {position:relative; display:inline-block; padding-left:12px;}
.facility-wrap .read-table td > .table-circle:before {content:''; position:absolute; top:14px; left:0; width:4px; height:4px; background-color:#888; border-radius:50%;}
.read-table table > tbody > tr > th.fit {padding:0;}
.meeting-wrap .facility-overview-info .read-table-wrap table .back-white {font-size:16px; font-weight:500; line-height:24px; background-color:#fff;}
.meeting-wrap .facility-overview-info .read-table-wrap tr > .back-white:last-child {border-right:none;}
.meeting-wrap .read-table .col-layout04 > col:nth-child(1) {width:20%;}
.meeting-wrap .read-table .col-layout04 > col:nth-child(2) {width:60%;}
.meeting-wrap .read-table .col-layout04 > col:nth-child(3) {width:20%;}
.meeting-wrap .read-table .col-layout05 > col:nth-child(1) {width:20%;}
.meeting-wrap .read-table .col-layout05 > col:nth-child(2) {width:80%;}
.meeting-wrap .read-table .col-layout06 > col:nth-child(1) {width:20%;}
.meeting-wrap .read-table .col-layout06 > col:nth-child(2) {width:28%;}
.meeting-wrap .read-table .col-layout06 > col:nth-child(3) {width:17.333%;}
.meeting-wrap .read-table .col-layout06 > col:nth-child(4) {width:17.333%;}
.meeting-wrap .read-table .col-layout06 > col:nth-child(5) {width:17.333%;}

.meeting-wrap .facility-detail-list .default-group.big + .default-group.big {margin-top:150px;}
.meeting-wrap .sub-content-wrap {margin-top:140px;}
.meeting-wrap .sub-content-wrap .sub-content + .sub-content {margin-top:100px;}
.meeting-wrap .event-studio .con-title {padding-bottom:37px;}
.meeting-wrap .event-studio .square-visual-box {display:flex; width:100%;}
.meeting-wrap .event-studio .square-visual-box > div {flex:none; width:50%; height:auto; box-sizing:border-box;}
.meeting-wrap .event-studio .square-visual-box .content-slide-inner {height:100%;}
.meeting-wrap .event-studio .square-visual-box .swiper-container {height:100%;}
.meeting-wrap .event-studio .square-visual-box .content-slide-wrap {margin-top:0;}
.meeting-wrap .event-studio .square-visual-box .content-slide-wrap .slider-visual {height:100%;}
.meeting-wrap .event-studio .square-visual-box .content-slide-wrap .slider-visual > div {width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center;}
.meeting-wrap .event-studio .square-visual-box .content-text-wrap {display:inline-block; height:auto; padding:0px 40px; color:#fff; background-color:#18a9d3; box-sizing:border-box;}
.meeting-wrap .event-studio .square-visual-box .content-text-wrap .title-box {margin-top:94px; padding-bottom:32px; font-size:32px; font-weight:700; line-height:38px; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.meeting-wrap .event-studio .square-visual-box .content-text-wrap .text-box {padding:32px 25px 75px 0; font-size:18px; line-height:34px; box-sizing:border-box;}
.meeting-wrap .event-studio .square-visual-box .content-text-wrap .text-box p + p {margin-top:23px;}
.meeting-wrap .event-studio .event-studio-list {padding:72px 0; border-bottom:1px solid #e1e1e1;}
.meeting-wrap .event-studio .event-studio-list .grid-frame-layout {margin:-32px -10px;}
.meeting-wrap .event-studio .event-studio-list .grid-frame-cell {padding:32px 10px;}
.meeting-wrap .event-studio .event-studio-list .grid-frame-cell .grid-cell {position:relative; padding:0 82px 0 121px; font-size:18px; line-height:28px; word-break:keep-all;}
.meeting-wrap .event-studio .event-studio-list .grid-cell:before {content:''; position:absolute; left:42px; top:0; width:56px; height:56px; background:url('../images/icon/icon_facility_meeting_event01.png')no-repeat; background-position:center center; background-size:cover;}
.meeting-wrap .event-studio .event-studio-list .grid-cell02:before {width:62px; background-image:url('../images/icon/icon_facility_meeting_event02.png');}
.meeting-wrap .event-studio .event-studio-list .grid-cell03:before {height:58px; background-image:url('../images/icon/icon_facility_meeting_event03.png');}
.meeting-wrap .event-studio .event-studio-list .grid-cell04:before {background-image:url('../images/icon/icon_facility_meeting_event04.png');}
.meeting-wrap .event-studio .event-studio-list .grid-cell05:before {width:62px;  background-image:url('../images/icon/icon_facility_meeting_event05.png');}
.meeting-wrap .event-studio .event-studio-list .grid-cell06:before {background-image:url('../images/icon/icon_facility_meeting_event06.png');}
.meeting-wrap .event-studio .event-studio-list .grid-cell07:before {background-image:url('../images/icon/icon_facility_meeting_event07.png');}
.meeting-wrap .event-studio .event-studio-list .grid-cell08:before {width:62px;  background-image:url('../images/icon/icon_facility_meeting_event08.png');}
.meeting-wrap .event-studio .event-studio-list .grid-cell09:before {height:58px; background-image:url('../images/icon/icon_facility_meeting_event09.png');}
.meeting-wrap .event-package .con-title {padding-bottom:17px;} 
.meeting-wrap .event-package .read-table .text-left {padding:22px 30px; line-height:30px; text-align:left;}
.meeting-wrap .event-package .table-info-text {display:inline-block; width:100%; margin-top:14px; font-size:16px; color:#888; line-height:26px; text-align:right;}
.meeting-wrap .facility-overview-info .read-table-list {padding:0 0 26px 10px;}
.meeting-wrap .facility-overview-info .read-table-list > li {position:relative; min-height:30px; font-size:18px; line-height:24px; color:#666;}
.meeting-wrap .facility-overview-info .read-table-list > li + li {margin-top:16px;}
.meeting-wrap .facility-overview-info .read-table-list .title {position:relative; top:0; left:0; display:inline-block; width:auto; height:30px; padding:0 0 0 14px; font-weight:500; color:#111; text-align:justify; text-align-last:justify; box-sizing:border-box;}
.meeting-wrap .facility-overview-info .read-table-list .title:before {content:''; position:absolute; top:10px; left:0; display:block; width:4px; height:4px; border-radius:50%; background:#888;}
.meeting-wrap .facility-overview-info .read-table-list .info {position:relative; top:0; left:0; display:inline-block; width:auto; padding-left:14px;}
.meeting-wrap .facility-overview-info .read-table-list .info:before {content:':'; position:absolute; top:0; left:5px; display:block;}

/* 회의실 > 사용문의 */
.meeting-wrap .sub-btn-wrap .btn-pos-right .btn-basic {min-width:auto; padding:0 34px;}
.meeting-wrap .using-procedure .step01 {padding-bottom:120px;}
.meeting-wrap .using-procedure .step-img-wrap .step-img03 {top:620px;}

/* 회의실 > 사용료 */
.meeting-wrap .facility-pay-wrap .tab-contents .tab-select {display:block;}
.meeting-wrap .facility-pay-wrap .tab-contents .tab-list {display:none;}
.meeting-wrap .read-table-wrap .text-left {padding:0 28px; text-align:left;}
.meeting-wrap .read-table table > tbody > tr > th {padding:22px 10px;}
.meeting-wrap .read-table table > tbody > tr > td {padding:10px; line-height:28px;}
.meeting-wrap .read-table table > tbody > tr > td > strong {font-weight:500; color:#111;}
.meeting-wrap .read-table table .vip-img {padding:5px 0 10px;}
.meeting-wrap .read-table-wrap + .gray-info-content {margin-top:70px;}
.gray-info-content {padding:30px 26px; border:1px solid #e1e1e1; background-color:#f8f8f8; box-sizing:border-box;}
.gray-info-content .gray-info-title {font-size:18px; font-weight:700; color:#333; line-height:26px;}
.gray-info-content .gray-info-title + .gray-info-list {margin-top:10px;}
.gray-info-content .gray-info-list .info-list-cell {font-size:16px; color:#666; line-height:26px;}
.gray-info-content .gray-info-list .info-list-cell span {padding-right:3px;}
.table-square-content.grid-frame-layout {margin:-12px;}
.table-square-content .grid-frame-cell {padding:12px}
.table-square-content .grid-frame-cell .square-cell-visual {position:relative; padding-top:76.24%;}
.table-square-content .grid-frame-cell .square-cell-visual > img {position:absolute; top:0; left:0; width:100%; height:100%;}
.table-square-content .grid-frame-cell .text-box {padding:26px 31px 25px; border:1px solid #e1e1e1; background-color:#fff; box-sizing:border-box;}
.table-square-content .grid-frame-cell .text-box .info-title {font-size:18px; font-weight:700; color:#333; line-height:25px;}
.table-square-content .grid-frame-cell .text-box .info-title + .info-sub {margin-top:9px;}
.table-square-content .grid-frame-cell .text-box .info-sub {min-height:52px; font-size:16px; font-weight:400; color:#666; line-height:26px;}

/* 오피스 > 시설개요 */
.office-wrap .con-title {padding-bottom:17px;}
.facility-wrap.office-wrap .con-title + .read-table {margin-top:0;}
.office-wrap .read-table-wrap .table-info-text {display:inline-block; width:100%; margin-top:14px; font-size:16px; color:#888; line-height:26px; text-align:right;}
.office-wrap .read-table .text-left{padding:15px 30px; text-align:left;}
.office-wrap .circle-list-box.list-border-thick {padding:40px 60px;}
.office-wrap .circle-list-box .list-info-title {font-size:22px; font-weight:500; line-height:28px;}
.office-wrap .circle-list-box .list-info-title + .circle-list-content {margin-top:20px;}
.office-wrap .circle-list-box.list-border-thick .circle-list-cell {padding-left:10px; font-size:18px; line-height:34px;}
.office-wrap .circle-list-box.list-border-thick .circle-list-cell:after {top:15px; left:0; width:4px; height:4px; }
.office-wrap .circle-list-box .circle-list-content {display:flex; justify-content:space-between;}
.office-wrap .facility-overview-info .col-layout01 > col:nth-child(1) {width:30%;}
.office-wrap .facility-overview-info .col-layout01 > col:nth-child(2) {width:35%;}
.office-wrap .facility-overview-info .col-layout01 > col:nth-child(3) {width:35%;}

/* 오피스 > 사용절차 */
.office-wrap .using-procedure .step06 .step-content-line {padding-bottom:10px;}

/* 오피스 > 사용료 */
.office-wrap .table-wrap {margin-top:46px;}
.office-wrap .con-title.table-topic {position:relative; padding-bottom:17px;}
.office-pay-wrap .table-topic > span {position:absolute; right:0; font-size:16px;}
.office-pay-wrap .read-table table > tbody > tr > td {padding:30px 10px;}
.office-pay-wrap .list-wrap .circle-list-thumb + .line-text-list {margin-top:7px;}
.office-pay-wrap .list-wrap .line-text-list > li {font-size:16px; line-height:26px;}
.office-wrap .read-table .text-left{padding:15px 30px; text-align:left;}
.office-wrap .read-table .col-layout02 > col:nth-child(1) {width:20%;}
.office-wrap .read-table .col-layout02 > col:nth-child(2) {width:20%;}
.office-wrap .read-table .col-layout02 > col:nth-child(3) {width:20%;}
.office-wrap .read-table .col-layout02 > col:nth-child(4) {width:40%;}

/* 오피스 > 공실안내 */
.office-wrap .read-table .col-layout01 > col:nth-child(1) {width:20%;}
.office-wrap .read-table .col-layout01 > col:nth-child(2) {width:20%;}
.office-wrap .read-table .col-layout01 > col:nth-child(3) {width:20%;}
.office-wrap .read-table .col-layout01 > col:nth-child(4) {width:20%;}
.office-wrap .read-table .col-layout01 > col:nth-child(5) {width:20%;}


/* 부대시설 > 상설전시장 */
.subsidiary-wrap .con-title {padding-bottom:17px;}
.subsidiary-wrap.facility-wrap .read-table table > tbody > tr > td.back-blue {color:#111;}

/* 부대시설 > 로케이션 */
.subsidiary-wrap.location .select-tab-contents .select-tab-item {width:240px;}
.subsidiary-wrap .circle-list-box.list-border-thick {padding:0 50px;}
.subsidiary-wrap .circle-list-box .circle-list-wrap {padding:46px 0 47px;}
.subsidiary-wrap .circle-list-box .circle-list-wrap .list-info-title {font-size:22px; font-weight:500; line-height:29px;}
.subsidiary-wrap .circle-list-box .circle-list-wrap + .circle-list-wrap {border-top:1px solid #eaeaea}
.subsidiary-wrap .circle-list-box .circle-list-wrap .list-info-title + .circle-list-content {margin-top:22px;}
.subsidiary-wrap .circle-list-box .circle-list-wrap .circle-list-content {padding-left:10px;}
.subsidiary-wrap .circle-list-box .circle-list-content .circle-list-cell {padding-left:10px; font-size:18px; color:#666; line-height:26px;}
.subsidiary-wrap .circle-list-box .circle-list-content .circle-list-cell:after {top:11px; left:0; width:4px; height:4px; background-color:#888;}
.subsidiary-wrap .circle-list-box .circle-list-content .circle-list-cell  + .circle-list-cell {margin-top:8px;}
.subsidiary-wrap.location .read-table table > tbody > tr > th {padding:22px 10px;}
.subsidiary-wrap.location .read-table table > tbody > tr > td.text-center {text-align:center;}
.subsidiary-wrap.location .read-table table > tbody > tr > td {text-align:right;}

/* 부대시설 > 연회서비스 */
.banquet-service .title {text-align:center;}
.banquet-service .title .top-title img {display:inline-block;}
.banquet-service .title .top-title h4 {display:inline-block; padding-left:20px; font-size:46px; font-weight:700; line-height:64px;}
.banquet-service .title .sub-title {font-size:24px; font-weight:700; color:#666; line-height:24px;}
.banquet-service .title .sub-title span {color:#0435bd;}
.banquet-service .content-wrap {margin-top:137px;}
.banquet-service .content-wrap .content-half {display:flex;}
.banquet-service .content-wrap .content-half > div {width:50%;}
.banquet-service .content-wrap .content-group + .content-group {margin-top:70px;}
.banquet-service .content-wrap .content-group .content-half {flex-direction:row-reverse; justify-content:space-between;}
.banquet-service .content-wrap .content-group .cont-info {box-sizing:border-box;}
.banquet-service .content-wrap .content-group:nth-of-type(1) .cont-info {padding:26px 30px 0 37px;}
.banquet-service .content-wrap .content-group:nth-of-type(2) .cont-info {padding:54px 115px 0 0px;}
.banquet-service .content-wrap .content-group .cont-info .info-title {position:relative; padding:27px 0; font-size:30px; font-weight:700; line-height:40px;}
.banquet-service .content-wrap .content-group .cont-info .info-title:after {content:''; position:absolute; bottom:0; left:0; width:40px; height:4px; background-color:#0435bd;}
.banquet-service .content-wrap .content-group .cont-info .info-text {margin-top:21px; font-size:18px; color:#333; line-height:34px}
.banquet-service .content-wrap .content-group .cont-info .info-text > strong {font-weight:700; color:#111;}
.banquet-service .content-wrap .content-group .img-group {display:flex; justify-content:space-between; margin-top:100px;}
.banquet-wrap .default-group:nth-of-type(2) {margin-top:96px;}
.banquet-wrap .default-group .con-title {padding-bottom:28px; line-height:34px;}
.banquet-wrap .default-group .list-content + .list-content {margin-top:37px;}
.banquet-wrap .default-group .list-content .line-text-list {margin-top:7px;}
.banquet-wrap .default-group .list-content .line-text-list > li {font-size:16px; line-height:28px;}

/* 부대시설 > 광고시설 */
.advertising-wrap .default-group + .advertising-content {margin-top:45px;}
.advertising-wrap .advertising-content + .advertising-content {margin-top:95px;}
.advertising-wrap .advertising-content .con-title {padding-bottom:25px; font-size:30px; line-height:38px;}
.advertising-wrap .advertising-content .grid-frame-layout {margin:-12px;}
.advertising-wrap .advertising-content .grid-frame-cell {padding:12px;}

.subsidiary-advertising-gallery .tab-data-group {margin-top:70px;}

.subsidiary-location-gallery .tab-data-group {margin-top:70px;}
.subsidiary-location-gallery .tab-data-group .con-title {padding-bottom:33px;}

/* 팝업 */
.pop-data.alert-data.advertising-pop {width:80%;}
.quick-quote-modal .pop-data.alert-data.advertising-pop  {max-width:1000px; height: 90vh;}
.quick-quote-modal .advertising-pop .pop-body {height: 65vh; overflow-y:scroll;}
.advertising-pop .pop-body {padding:56px 50px 70px;}
.advertising-pop .read-table-wrap {margin-top:0;}
.advertising-pop .read-table {border-bottom:1px solid #111;}
.advertising-pop .read-table-wrap .read-table .font-sm {font-size:16px;}
.advertising-pop .read-table-wrap .read-table table > tbody > tr > td {padding:18px 20px; font-size:18px; color:#333; line-height:30px; text-align:center; vertical-align:middle;}

/* 협력업체안내 */
.subcontractor-wrap .board-sort {margin-top:96px;}
.subcontractor-wrap .board-sort .board-sort-left {display:flex;}
.subcontractor-wrap .board-sort .board-sort-left select {width:200px;}
#en .subcontractor-wrap .board-sort .board-sort-left select {font-size:13px;}
.subcontractor-wrap .board-sort .board-sort-left select + select {margin-left:10px;}
.subcontractor-wrap .board-sort .board-sort-left select + button {margin-left:10px;}
.subcontractor-wrap .board-sort .board-sort-left > .btn-basic-auto {padding:0 20px;}
.subcontractor-wrap .bulletin-result-info {margin-top:40px;}
.subcontractor-wrap .border-list-head > div {flex:1}
.subcontractor-wrap .border-list-head .list-email {flex:2;}
.subcontractor-wrap .border-list-body .border-list-cell {align-items:center;}
.subcontractor-wrap .border-list-body .border-list-cell > div {flex:1;  color:#333; line-height:20px;}
.subcontractor-wrap .border-list-body .border-list-cell .list-cell-email {flex:2;}
.subcontractor-wrap .border-list-body .border-list-cell .list-cell-website .btn-basic {min-width:140px; height:48px; font-size:16px; font-weight:500; line-height:46px;}



/*==============================================
03. 고객/서비스
==============================================*/
/* 층 소개 */
.map-floor-area {}
.map-floor-visual {border:1px solid #e1e1e1; border-top:none;}

.care-copy + .map-floor-area {margin-top:50px;}
.service-facility-wrap .map-floor-area + .data-group {margin-top:94px;}
.service-facility-wrap .data-group + .data-group {margin-top:94px;}
.service-facility-wrap .facility-map-list {margin-top:50px;}

/* 맵 위치 설명 리스트 */
.facility-map-list {}
.facility-map-list .list-inner {margin:-20px 0;}
.facility-map-list .list-inner > ol {display:flex; flex-wrap:wrap; padding:20px 0;}
.facility-map-list .list-inner > ol:first-child {padding-top:0;}
.facility-map-list .list-inner > ol:last-child {padding-bottom:0;}
.facility-map-list .list-inner > ol > li {display:flex; align-items:flex-start; width:33.33%; padding:15px 0; box-sizing:border-box;}
.facility-map-list .list-inner .num {flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:60px; height:60px; font-size:18px; line-height:24px; font-weight:700; border-radius:50%; text-align:center;}
.facility-map-list .list-inner .name {flex:1; display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; width:100%; min-height:60px; padding:0 20px; font-size:18px; line-height:24px; font-weight:400; color:#333;  box-sizing:border-box;}
.facility-map-list .list-inner .name .en-name {margin-left:5px; font-size:16px; color:#888;}
.facility-map-list .list-inner .purple .num {color:#fff; background-color:#765ba3;}
.facility-map-list .list-inner .pink .num {color:#fff; background-color:#ca4d96;}
.facility-map-list .list-inner .red .num {color:#fff; background-color:#c03039;}

/* 시설 상세 컨텐츠 */
.store-detail-list > ul > li + li{margin-top:50px;}
.store-detail-item {display:flex; align-items:center;}
.store-detail-item .item-thumb {flex:0 0 auto; width:260px; height:260px;}
.store-detail-item .item-info-wrap {display:flex; width:100%; padding-left:50px;  box-sizing:border-box;}
.store-detail-item .item-info {width:100%;}
.store-detail-item .item-name {font-size:24px; line-height:34px; color:#111; font-weight:700;}
.store-detail-item .info-list {display:flex; flex-wrap:wrap; margin-top:14px; padding:0 200px 0 10px;}
.store-detail-item .info-list > li {position:relative; width:50%; padding:4px 10px 4px 13px; font-size:18px; line-height:28px; color:#666; box-sizing:border-box;}
.store-detail-item .info-list > li > em {margin-right:5px; font-weight:500; color:#333;}
.store-detail-item .info-list > li:before {content:''; position:absolute; top:17px; left:0; display:block; width:4px; height:4px; background-color:#888; border-radius:50%;}

.store-info-list > ul > li + li {margin-top:50px;}
.floor-detail .tab-data-group {margin-top:65px;}
.floor-detail .store-visual-slider-wrap {margin-top:24px;}

.store-visual-slider-wrap {position:relative; overflow:hidden;}
.store-visual-slider-wrap .btn-store-slider-prev {position:absolute; top:50%; left:0; display:none; width:50px; height:50px; font-size:0; padding:0; margin-top:-25px; background-color:#a26a00; z-index:10;}
.store-visual-slider-wrap .btn-store-slider-prev:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../images/icon/btn_store_slider_prev.png) center center no-repeat; background-size:50px auto;}
.store-visual-slider-wrap .btn-store-slider-next {position:absolute; top:50%; right:0; display:none; width:50px; height:50px; font-size:0; padding:0;  margin-top:-25px; background-color:#a26a00; z-index:10;}
.store-visual-slider-wrap .btn-store-slider-next:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../images/icon/btn_store_slider_next.png) center center no-repeat; background-size:50px auto;}
.store-visual-slider-wrap .btn-store-slider-prev.swiper-button-disabled,
.store-visual-slider-wrap .btn-store-slider-next.swiper-button-disabled {background-color:rgba(255,255,255,0.3);}
.store-visual-slider-wrap .stsore-visual-slider-inner {margin:0 -12px;}
.store-visual-slider-wrap .slider-visual {padding:0 12px;}
.store-visual-slider-wrap .slider-visual img {width:100%; max-width:none;}

.store-info-item {}
.store-info-item .store-info-table {margin-top:30px;}
.store-info-item .read-table table > tbody > tr > th {padding:11px 20px;}
.store-info-item .read-table table > tbody > tr > td {padding:11px 20px; height:48px; vertical-align:middle;}
.store-info-item .read-table table > tbody > tr:first-child > th:first-child {background:#f1f1f1;}
.store-info-item .read-table table > tbody > tr > th.no-padding,
.store-info-item .read-table table > tbody > tr > td.no-padding{padding-left:0; padding-right:0;}
.store-info-item .read-table .flex {width:100%;}
.store-info-item .read-table .btn-store-ui {min-width:140px; margin-left:20px;}

.service-facility-wrap .read-table .col-layout01 > col:nth-child(1) {width:7%;}
.service-facility-wrap .read-table .col-layout01 > col:nth-child(2) {width:13%;}
.service-facility-wrap .read-table .col-layout01 > col:nth-child(3) {width:42%;}
.service-facility-wrap .read-table .col-layout01 > col:nth-child(4) {width:13%;}
.service-facility-wrap .read-table .col-layout01 > col:nth-child(5) {width:25%;}


/* 공식 제휴 호탤 */
.alliance-hotel-wrap .care-copy {text-align:center;}
.alliance-hotel-wrap .care-copy .hotel-tel {margin-top:28px; font-size:20px; font-weight:500; color:#111;}
.alliance-hotel-wrap .care-copy .hotel-tel:before {content:''; display:inline-block; margin-right:11px; width:18px; height:30px; background:url(../images/icon/icon_tel_copy.png) left center no-repeat; background-size:18px auto; vertical-align:top;}

/* 공식 제휴 호텔 > 숙박 혜택 */
.alliance-hotel-benefit {margin-top:86px;}
.benefit-process {display:flex; margin-top:100px;}
.benefit-process > li {flex:1; position:relative; height:140px; padding:10px 0 0 50px; text-align:left; box-sizing:border-box;}
.benefit-process > li:after {content:''; position:absolute; bottom:0; right:25px; display:block; width:130px; height:130px; background-repeat:no-repeat; background-position:center; background-size:130px auto; z-index:-1;}
.benefit-process > li:nth-child(1):after {background-image:url(../images/content/alliance_hotel_benefit_process_visual_01.png);}
.benefit-process > li:nth-child(2):after {background-image:url(../images/content/alliance_hotel_benefit_process_visual_02.png);}
.benefit-process > li:nth-child(3):after {background-image:url(../images/content/alliance_hotel_benefit_process_visual_03.png);}
.benefit-process > li + li {border-left:1px dashed #ccc;}
.benefit-process .num {display:block; width:40px; height:40px; font-size:18px; line-height:40px; font-weight:700; color:#fff; background-color:#18a9d3; border-radius:50%; text-align:center;}
.benefit-process .info {margin-top:14px; font-size:20px; line-height:28px; font-weight:700; color:#333;}
.benefit-process .info > span {font-weight:400;}

/* 공식 제휴 호텔 > 숙박 혜택 리스트 */
.benefit-hotel-list {margin-top:97px;}
.benefit-hotel-list .list-unit {margin-bottom:14px; font-size:16px; line-height:24px; color:#666; text-align:right;}
.benefit-hotel-list .list-bottom-info {margin-top:40px; font-size:16px; line-height:24px; color:#333; font-weight:700;}
.benefit-hotel-list .grid-frame-layout {margin:-23px -12px;}
.benefit-hotel-list .grid-frame-cell {padding:23px 12px;box-sizing:border-box;}
.benefit-hotel-list .item-thumb {position:relative; overflow:hidden;}
.benefit-hotel-list .item-thumb .thumb {position:relative;}
.benefit-hotel-list .item-thumb .thumb img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.benefit-hotel-list .item-info-wrap {margin-top:25px;}
.benefit-hotel-list .item-name {font-size:24px; line-height:34px; font-weight:700; color:#111;}
.benefit-hotel-list .item-price {margin-top:12px; font-size:20px; line-height:30px; color:#333;}
.benefit-hotel-list .item-price em {font-weight:700;}
.benefit-hotel-list .item-info {margin-top:12px; font-size:16px; line-height:24px; color:#666;}
.benefit-hotel-list .item-info em {color:#333; font-weight:500;}

/* 공식 제휴 호텔 > 고객문의 */
.alliance-hotel-request {margin-top:98px; padding:80px; border:1px solid #e1e1e1;}
.alliance-hotel-request .request-info {position:relative; margin-top:54px; padding:0 0 0 190px;}
.alliance-hotel-request .request-info .title {position:absolute; top:0; left:0; display:flex; width:190px; height:90px; align-items:center; flex-direction:column; justify-content:center; text-align:left;}
.alliance-hotel-request .request-info .title h4 {width:100%; font-size:24px; line-height:34px; font-weight:700; color:#111;}
.alliance-hotel-request .request-info .title p {width:100%; margin-top:1px; font-size:18px; line-height:28px; color:#111;}
.alliance-hotel-request .request-info > ul {display:flex; justify-content:space-between;}
.alliance-hotel-request .request-info > ul > li {position:relative; height:90px; padding:54px 20px 0 30px; font-size:18px; line-height:24px; color:#333; font-weight:500; box-sizing:border-box;}
.alliance-hotel-request .request-info > ul > li:before {content:''; position:absolute; top:9px; left:22px; display:block; width:40px; height:40px; background-repeat:no-repeat; background-position:center center; background-size:100%;}
.alliance-hotel-request .request-info > ul > li + li {border-left:1px dashed #ccc;}
.alliance-hotel-request .request-info .tel:before {background-image:url(../images/icon/icon_hotel_request_tel.png);}
.alliance-hotel-request .request-info .mail:before {background-image:url(../images/icon/icon_hotel_request_mail.png);}
.alliance-hotel-request .request-info .kakao:before {background-image:url(../images/icon/icon_hotel_request_kakao.png);}
.alliance-hotel-request .request-info .kakao {padding-right:153px;}
.alliance-hotel-request .request-info .kakao img {position:absolute; top:50%; right:0; margin-top:-50px;}


.request-info {position:relative; margin-bottom:54px; padding:0 0 0 190px;}
.request-info .title {position:absolute; top:0; left:0; display:flex; width:190px; height:90px; align-items:center; flex-direction:column; justify-content:center; text-align:left;}
.request-info .title h4 {width:100%; font-size:24px; line-height:34px; font-weight:700; color:#111;}
.request-info .title p {width:100%; margin-top:1px; font-size:18px; line-height:28px; color:#111;}
.request-info > ul {display:flex; justify-content:space-between;}
.request-info > ul > li {position:relative; height:90px; padding:54px 20px 0 30px; font-size:18px; line-height:24px; color:#333; font-weight:500; box-sizing:border-box;}
.request-info > ul > li:before {content:''; position:absolute; top:9px; left:22px; display:block; width:40px; height:40px; background-repeat:no-repeat; background-position:center center; background-size:100%;}
.request-info > ul > li + li {border-left:1px dashed #ccc;}
.request-info .tel:before {background-image:url(../images/icon/icon_hotel_request_tel.png);}
.request-info .mail:before {background-image:url(../images/icon/icon_hotel_request_mail.png);}
.request-info .kakao:before {background-image:url(../images/icon/icon_hotel_request_kakao.png);}
.request-info .kakao {padding-right:153px;}
.request-info .kakao img {position:absolute; top:50%; right:0; margin-top:-50px;}

/* 기타 호텔 */
.board-sort + .other-hotel-list {margin-top:30px;}
.other-hotel-list {}
.other-hotel-list .grid-frame-layout {margin:-25px -12px;}
.other-hotel-list .grid-frame-cell {padding:25px 12px;}
.other-hotel-list .btn-square-item .item-info-wrap {padding:25px 30px; margin:0; border:1px solid #e1e1e1; border-top:none;}
.other-hotel-list .btn-square-item .item-subject {height:64px; font-size:22px; line-height:32px;}
.other-hotel-list .btn-square-item .item-address {margin-top:10px;}

.basic-map-visual {border:1px solid #e1e1e1;}

/* 교통/주차 */
.parking-wrap .con-title {margin-bottom:24px;}
.parking-wrap .price-information .read-table .col-layout01 > col:nth-child(1) {width:160px;}
.parking-wrap .price-information .read-table .col-layout01 > col:nth-child(2) {width:36%;}
.parking-wrap .price-information .read-table .col-layout01 > col:nth-child(3) {width:50%;}
.parking-wrap .read-table table > thead > tr > th {vertical-align:middle; text-align:center;}
.parking-wrap .read-table table > tbody > tr > th {vertical-align:middle; text-align:center;}
.parking-wrap .read-table table > tbody > tr > td {vertical-align:middle; text-align:center;}

/* 교통/주차 > 자차 */
.parking-information .basic-map-visual {position:relative;}
.parking-information .parking-link-wrap {position:absolute; top:0; left:0; width:100%; height:100%;}
.parking-information .parking-link-wrap > a {position:absolute;display:block; background:transparent;}
.parking-information .parking-link-wrap .link3 {top:54%; left:17.5%; width:9%; height:6%;}
.parking-information .parking-link-wrap .link5 {top:20%; left:44.4%; width:6.8%; height:10%;}
.parking-information .parking-link-wrap .link6 {top:62%; left:44.2%; width:6.8%; height:10%;}
.parking-information .parking-link-wrap .link7 {top:71%; left:60.2%; width:16.8%; height:10%;}
.parking-information .parking-link-wrap .link8 {top:36%; right:0; width:12.5%; height:10%;}
.parking-information .parking-link-wrap .link9 {top:64.7%; left:12.6%; width:18.8%; height:5.6%;}
.parking-information .parking-link-wrap .link10 {top:38.1%; left:65.3%; width:18.8%; height:5.6%;}
.parking-information .parking-link-wrap > a > .available-num {display:inline-block; width:100%; height:100%; padding-left:130px; font-size:24px; font-weight:700; color:#ffff00; line-height:48px; text-align:center; box-sizing:border-box;}
.parking-information .btn-page-wrap {margin-top:30px;}
	
/* 교통/주차 > 길안내 */
.parking-wrap .directions-wrap {margin-top:0px; padding: 0 0 30px 30px;}
.parking-wrap .vertical-contents-data .basic-map-visual {padding:30px; border:none;}
.directions-wrap {}
.directions-wrap .directions-title {font-size:30px; font-weight:700; line-height:40px; color:#111;}
.directions-wrap .directions-title > span {margin-left:20px; font-size:16px; font-weight:500; color:#006fb9; vertical-align:baseline;}
.directions-wrap .directions-title + .directions-list {margin-top:19px;}
.directions-wrap .directions-list {}
.directions-wrap .directions-list > ol {margin:-5px -23px -5px 0; font-size:0;}
.directions-wrap .directions-list > ol > li {position:relative; display:inline-block; padding:5px 23px 5px 0; margin-right:23px; font-size:18px; line-height:28px; font-weight:500; color:#111;}
.directions-wrap .directions-list > ol > li:after {content:''; position:absolute; top:8px; left:100%; display:block; width:22px; height:22px; margin-left:-11px; background:url(../images/icon/icon_directions_arrow.png) center center no-repeat; background-size:22px auto;}
.directions-wrap .directions-list > ol > li:last-child:after {display:none;}
.directions-wrap .subway-list {}
.directions-wrap .subway-list > ol {margin:-5px -33px -5px 0;}
.directions-wrap .subway-list > ol > li {padding:5px 33px 5px 0; margin-right:33px; line-height:30px;}
.directions-wrap .subway-list > ol > li:before {content:''; display:inline-block; min-width:30px; height:30px; padding:0; margin-right:10px; font-size:16px; line-height:28px; font-weight:700; color:#fff; text-align:center; white-space:nowrap; border-radius:15px; box-sizing:border-box;}
.directions-wrap .subway-list > ol > li:after {top:10px;}

.directions-wrap .subway-list .subway1:before {content:'1'; background:#263c96;display: inline-block;min-width: 30px;height: 30px;margin-right: 10px;font-size: 16px;line-height: 28px;font-weight: 700;color: #fff;text-align: center;white-space: nowrap;border-radius: 15px;box-sizing: border-box;}
.directions-wrap .subway-list .subway2:before {content:'2'; background:#3cb44a;display: inline-block;min-width: 30px;height: 30px;margin-right: 10px;font-size: 16px;line-height: 28px;font-weight: 700;color: #fff;text-align: center;white-space: nowrap;border-radius: 15px;box-sizing: border-box;}
.directions-wrap .subway-list .subway3:before {content:'3'; background:#fa5f2c;display: inline-block;min-width: 30px;height: 30px;margin-right: 10px;font-size: 16px;line-height: 28px;font-weight: 700;color: #fff;text-align: center;white-space: nowrap;border-radius: 15px;box-sizing: border-box;}
.directions-wrap .subway-list .subway4:before {content:'4'; background:#2c9ede;display: inline-block;min-width: 30px;height: 30px;margin-right: 10px;font-size: 16px;line-height: 28px;font-weight: 700;color: #fff;text-align: center;white-space: nowrap;border-radius: 15px;box-sizing: border-box;}
.directions-wrap .subway-list .subway5:before {content:'5'; background:#8835df;display: inline-block;min-width: 30px;height: 30px;margin-right: 10px;font-size: 16px;line-height: 28px;font-weight: 700;color: #fff;text-align: center;white-space: nowrap;border-radius: 15px;box-sizing: border-box;}
.directions-wrap .subway-list .subway6:before {content:'6'; background:#b34f0a;display: inline-block;min-width: 30px;height: 30px;margin-right: 10px;font-size: 16px;line-height: 28px;font-weight: 700;color: #fff;text-align: center;white-space: nowrap;border-radius: 15px;box-sizing: border-box;}
.directions-wrap .subway-list .subway7:before {content:'7'; background:#697215;display: inline-block;min-width: 30px;height: 30px;margin-right: 10px;font-size: 16px;line-height: 28px;font-weight: 700;color: #fff;text-align: center;white-space: nowrap;border-radius: 15px;box-sizing: border-box;}
.directions-wrap .subway-list .subway8:before {content:'8'; background:#e51e6e;display: inline-block;min-width: 30px;height: 30px;margin-right: 10px;font-size: 16px;line-height: 28px;font-weight: 700;color: #fff;text-align: center;white-space: nowrap;border-radius: 15px;box-sizing: border-box;}
.directions-wrap .subway-list .subway9:before {content:'9'; background:#d1a62c;display: inline-block;min-width: 30px;height: 30px;margin-right: 10px;font-size: 16px;line-height: 28px;font-weight: 700;color: #fff;text-align: center;white-space: nowrap;border-radius: 15px;box-sizing: border-box;}
.directions-wrap .subway-list .bundang:before {content:'수인분당'; padding:0 17px; background:#eba900;display: inline-block;min-width: 30px;height: 30px;margin-right: 10px;font-size: 16px;line-height: 28px;font-weight: 700;color: #fff;text-align: center;white-space: nowrap;border-radius: 15px;box-sizing: border-box;}
.directions-wrap .subway-list .gyeongui-jungang:before {content:'경의중앙'; padding:0 17px; background:#7dc4a5;display: inline-block;min-width: 30px;height: 30px;margin-right: 10px;font-size: 16px;line-height: 28px;font-weight: 700;color: #fff;text-align: center;white-space: nowrap;border-radius: 15px;box-sizing: border-box;}
.directions-wrap .subway-list .airport:before {content:'공항철도'; padding:0 17px; background:#73b6e4;display: inline-block;min-width: 30px;height: 30px;margin-right: 10px;font-size: 16px;line-height: 28px;font-weight: 700;color: #fff;text-align: center;white-space: nowrap;border-radius: 15px;box-sizing: border-box;}
.directions-wrap .subway-list .incheon:before {content:'인천1,2'; padding:0 17px; background:#f4ab3e;display: inline-block;min-width: 30px;height: 30px;margin-right: 10px;font-size: 16px;line-height: 28px;font-weight: 700;color: #fff;text-align: center;white-space: nowrap;border-radius: 15px;box-sizing: border-box;}

/* 교통/주차 > 대중교통 > 버스 */
.bus-directions-wrap {}
.bus-directions-wrap .bus-directions-list {}
.bus-directions-wrap .bus-directions-cell {display:flex; align-items:flex-start; padding:44px 0;}
.bus-directions-wrap .bus-directions-cell + .bus-directions-cell {border-top:1px solid #eaeaea;}
.bus-directions-wrap .bus-icon {position:relative; flex:0 0 60px; width:60px; height:60px; border-radius:50%; background:#000;}
.bus-directions-wrap .bus-icon:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../images/icon/icon_bus.png) center center no-repeat; background-size:100%;}
.bus-directions-wrap .bus-icon.green {background:#92d050;}
.bus-directions-wrap .bus-icon.red {background:#f6202e;}
.bus-directions-wrap .bus-icon.blue {background:#61a1da;}
.bus-directions-wrap .bus-number {flex:0 0 130px; width:130px; padding:0 10px; margin-top:-3px; font-size:30px; color:#111; font-weight:700; line-height:40px; text-align:center; box-sizing:border-box;}
.bus-directions-wrap .bus-number > span {display:block; margin-top:7px; font-size:18px; line-height:24px; color:#888; font-weight:400;}
.bus-directions-wrap .info-wrap {flex:1; padding:0 60px; font-size:18px; line-height:28px; color:#666;}
.bus-directions-wrap .info-wrap .info-txt {position:relative; width:100%; padding-left:74px; box-sizing:border-box;}
.bus-directions-wrap .info-wrap .info-txt em {position:absolute; top:0; left:0; color:#333; font-weight:500;}
.bus-directions-wrap .info-wrap .info-txt + .info-txt {margin-top:11px;}
.bus-directions-detail .tab-data-group {margin-top:20px;}

/* 교통/주차 > 대중교통 > 지하철 */
.subway-directions-wrap {}
.subway-directions-wrap .subway-directions-list {}
.subway-directions-wrap .subway-directions-cell {display:flex; align-items:flex-start; flex-wrap:wrap; padding:44px 0;}
.subway-directions-wrap .subway-directions-cell + .subway-directions-cell {border-top:1px solid #eaeaea;}
.subway-directions-wrap .subway-icon {position:relative; flex:0 0 60px; width:60px; height:60px; border-radius:50%; background:#000;}
.subway-directions-wrap .subway-icon:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../images/icon/icon_subway.png) center center no-repeat; background-size:100%;}
.subway-directions-wrap .subway1 .subway-icon {background:#263c96;}
.subway-directions-wrap .subway2 .subway-icon {background:#3cb44a;}
.subway-directions-wrap .subway3 .subway-icon {background:#fa5f2c;}
.subway-directions-wrap .subway4 .subway-icon {background:#2c9ede;}
.subway-directions-wrap .subway5 .subway-icon {background:#8835df;}
.subway-directions-wrap .subway6 .subway-icon {background:#b34f0a;}
.subway-directions-wrap .subway7 .subway-icon {background:#697215;}
.subway-directions-wrap .subway8 .subway-icon {background:#e51e6e;}
.subway-directions-wrap .subway9 .subway-icon {background:#d1a62c;}
.subway-directions-wrap .bundang .subway-icon {background:#eba900;}
.subway-directions-wrap .gyeongui-jungang .subway-icon {background:#7dc4a5;}
.subway-directions-wrap .airport .subway-icon {background:#73b6e4;}
.subway-directions-wrap .incheon .subway-icon {background:#f4ab3e;}
.subway-directions-wrap .subway-name {flex:1; padding:10px 0 10px 30px; font-size:30px; color:#111; font-weight:700; line-height:40px; text-align:left; box-sizing:border-box;}
.subway-directions-wrap .info-wrap {flex:0 0 100%; width:100%; padding:0 0 0 90px; margin-top:15px; font-size:18px; line-height:28px; color:#666;}
.subway-directions-wrap .info-wrap .info-txt {position:relative; display:flex; align-items:flex-start; width:100%;}
.subway-directions-wrap .info-wrap .info-txt em {color:#333; font-weight:500; margin-right:2px; flex:0 0 auto;}
.subway-directions-wrap .info-wrap .info-txt + .info-txt {margin-top:11px;}
.subway-directions-wrap .info-wrap .directions-wrap {margin-top:0;}
.subway-directions-detail .tab-data-group {margin-top:20px;}

.subway-visual-cell {display:none;}
.subway-visual-cell.actived {display:block;}

/* 교통/주차 > 공유차량서비스 */
.socar-overview {position:relative;}
.socar-overview:after {content:''; display:block; width:100%; height:120px; text-align:center; background:#00b8ff; z-index:0;}
.socar-overview .point-inner {padding:120px 20px 113px 20px; text-align:center; border:1px solid #e1e1e1; border-bottom-color:transparent;}
.socar-overview .point-inner .desc {margin-top:20px; font-size:18px; line-height:30px; color:#111; font-weight:400;}
.socar-overview .btn-view-more { position:absolute; bottom:0; left:0; width:100%; height:120px; font-size:28px; line-height:120px; color:#fff; font-weight:500; text-align:center; z-index:5;}
.socar-overview .car-visual {position:absolute; bottom:0; right:0; display:block; width:36%; margin-bottom:-82px; z-index:3;}

.socar-process {}
.socar-process > ol {position:relative; display:flex; align-items:flex-start; margin-top:44px;}
.socar-process > ol:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; display:block; width:auto; height:60px; margin:auto 290px auto 135px; border-radius:30px; background:#00b8ff url(../images/content/socar_process_Arrow.png) center right 24px no-repeat;}
.socar-process > ol > li {position:relative; width:270px; text-align:center; margin-right:20px; z-index:5;}
.socar-process > ol > li:last-child {margin-left:auto; margin-right:0;}
.socar-process .process-title {width:100%; font-size:30px; line-height:40px; color:#00b8ff; font-weight:700;}
.socar-process .process-desc {width:100%; margin-top:16px; font-size:18px; line-height:30px; color:#111;}
.socar-process .socar-process-item {position:relative; padding-top:100%;}
.socar-process .socar-process-outer {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:flex-start; justify-content:flex-start; flex-wrap:wrap; padding:60px 20px 0 20px; background:#fff; border-radius:50%; border:6px solid #eaeaea; box-sizing:border-box;}
.socar-process .socar-process-inner {width:100%;}

.socar-price > ol {position:relative; display:flex;  margin:24px -40px 0 -40px;}
.socar-price > ol > li {position:relative; flex:1; padding:0 40px; text-align:center; z-index:5;}
.socar-price > ol > li:before {content:''; position:absolute; top:50%; left:0; display:block; width:30px; height:30px; margin:-15px 0 0 -15px; background:url(../images/content/icon_socar_price_plus.png) center center no-repeat; background-size:30px auto;}
.socar-price > ol > li:first-child:before {display:none;}
.socar-price .socar-price-item {display:flex; min-height:100%; border:6px solid #eaeaea; border-radius:40px; box-sizing:border-box;}
.socar-price .socar-price-inner {width:100%; padding:63px 20px; word-break:keep-all; box-sizing:border-box;}
.socar-price .socar-price-title {width:100%; font-size:30px; line-height:40px; color:#00b8ff; font-weight:700;}
.socar-price .socar-price-desc {width:100%; margin-top:16px; font-size:18px; line-height:30px; color:#111;}
.socar-price .socar-price-info {margin-top:17px; font-size:16px; line-height:24px; color:#888;}
.socar-price .socar-price-info > a {color:#00b8ff; font-weight:500;}

.socar-map .con-title {margin-bottom:28px;}

/* 관광안내 > 주변 관광지 */
.tourist-attraction-wrap {display:flex; flex-wrap:wrap;}
.tourist-attraction-btns {width:57.5%;}
.tourist-attraction-btns .btns-inner {position:relative; width:100%; padding-top:68.11%; /*background-color:#f8f8f8; border:1px solid #e1e1e1;*/}
.tourist-attraction-btns .btn-tourist-item.actived {color:#333; font-weight:700;}
.tourist-attraction-btns .btn-tourist-item {position:absolute; top:0; height:7.5%; padding:0; font-size:0; z-index:2;}
.tourist-attraction-btns .btn-tourist-item:nth-child(1) {top:50.2%; left:21%; width:14.5%;}
.tourist-attraction-btns .btn-tourist-item:nth-child(2) {top:40%; left:30%; width:14%;}
.tourist-attraction-btns .btn-tourist-item:nth-child(3) {top:39.5%; left:5%; width:16.5%;}
.tourist-attraction-btns .btn-tourist-item:nth-child(4) {top:31%; left:20.5%; width:12.5%;}
.tourist-attraction-btns .btn-tourist-item:nth-child(5) {top:21%; left:9%; width:12.5%;}
.tourist-attraction-btns .btn-tourist-item:nth-child(6) {top:20%; left:32%; width:14%;}
/* .tourist-attraction-btns .btn-tourist-item:nth-child(7) {top:6%; left:37%; width:13.5%;} */
.tourist-attraction-btns .btn-tourist-item:nth-child(7) {top:6.2%; left:52.5%; width:10.5%;}
.tourist-attraction-btns .btn-tourist-item:nth-child(8) {top:25%; left:50%; width:12%;}
.tourist-attraction-btns .btn-tourist-item:nth-child(9) {top:16.5%; left:61%; width:13.2%;}
.tourist-attraction-btns .btn-tourist-item:nth-child(10) {top:37.5%; left:45.5%; width:14%;}
.tourist-attraction-btns .btn-tourist-item:nth-child(11) {top:37%; left:64%; width:10.5%;}
.tourist-attraction-btns .btn-tourist-item:nth-child(12) {top:55%; left:48%; width:13.5%;}
.tourist-attraction-btns .btn-tourist-item:nth-child(13) {top:51%; left:64.5%; width:8%;}
.tourist-attraction-btns .btn-tourist-item:nth-child(14) {top:28%; left:82.5%; width:8%;}
.tourist-attraction-btns .btn-tourist-item:nth-child(15) {top: 70%;left: 49.5%;width: 9%;}

/* 중문 관광안내 > 주변광광지 */

#ch .tourist-attraction-btns .btn-tourist-item {
    position:absolute; 
    top:0; 
    height:7.5%; 
    padding:0; 
    font-size:0; 
    z-index:2; 
    background-color: #fff;
    font-size: 12px;
    height: 36px;
    border: 2px solid #a9a9a9;
    box-sizing: border-box;
    border-radius: 6px;
    font-weight: 700;
}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(1) {top:50.2%; left:22%; width:12.5%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(2) {top:40%; left:30%; width:14%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(3) {top:39.5%; left:5%; width:16.5%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(4) {top:31%; left:20.5%; width:12.5%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(5) {top:21%; left:9%; width:12.5%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(6) {top:20%; left:32%; width:14%;}
#ch /* .tourist-attraction-btns .btn-tourist-item:nth-child(7) {top:6%; left:37%; width:13.5%;} */
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(7) {top:6.2%; left:52.5%; width:10.5%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(8) {top:25%; left:50%; width:12%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(9) {top:16.5%; left:61%; width:13.2%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(10) {top:37.5%; left:45.5%; width:14%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(11) {top:37%; left:64%; width:10.5%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(12) {top:55%; left:48%; width:13.5%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(13) {top:51%; left:64.5%; width:8%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(14) {top:28%; left:82.5%; width:8%;}

#ch .tourist-attraction-btns .btn-tourist-item.actived {background-color:#0b5cb5; font-weight:700; color: #fff; border:none;}


.tourist-attraction-btns .map-img-wrap {position:absolute; top:0; left:0; width:100%; min-height:100%; z-index:1;}
.tourist-attraction-btns .map-img-wrap > img.actived {display:block;}
.tourist-attraction-btns .map-img-wrap > img {position:absolute; top:0; left:0; display:none; width:100%; height:100%;}
.tourist-attraction-slider-wrap {width:42.5%; padding-left:25px; box-sizing:border-box;}
.tourist-attraction-slider-wrap .slider-cell {display:none;}
.tourist-attraction-slider-wrap .slider-cell.actived {display:block;}
.tourist-attraction-detail {margin-top:70px; width:100%;}
.tourist-attraction-detail .read-table-wrap {padding:0; margin:0; display:block;}
.tourist-attraction-detail .read-table {flex:0 0 100%;}
.tourist-attraction-detail .detail-cell {display:none;}
.tourist-attraction-detail .detail-cell.actived {display:block;}

.tourist-attraction-slider .visual-slider {border:1px solid #e1e1e1; overflow:hidden;}
.tourist-attraction-slider .visual-slider .slider-item {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:338px; background-color:#000; overflow:hidden;}
.tourist-attraction-slider .visual-slider .slider-item img {max-width:100%; max-height:100%; object-fit:contain;}
.tourist-attraction-slider .thumb-slider {margin-top:10px; overflow:hidden;}
.tourist-attraction-slider .thumb-slider-inner {margin:0 -5px;}
.tourist-attraction-slider .thumb-slider .swiper-slide {padding:0 5px; width:33.33%; box-sizing:border-box;}
.tourist-attraction-slider .thumb-slider .slider-item {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;height:117px; background-color:#000; border:1px solid #e1e1e1; box-sizing:border-box; overflow:hidden;}
.tourist-attraction-slider .thumb-slider .slider-item img {max-width:100%; height:100%; max-height:100%; /*object-fit:contain;*/}

/* sample 
.tourist-attraction-slider .swiper-slide .slider-item:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:48px; color:red; z-index:1;}
.tourist-attraction-slider .swiper-slide:nth-child(1) .slider-item:before  {content:'1';}
.tourist-attraction-slider .swiper-slide:nth-child(2) .slider-item:before  {content:'2';}
.tourist-attraction-slider .swiper-slide:nth-child(3) .slider-item:before  {content:'3';}
.tourist-attraction-slider .swiper-slide:nth-child(4) .slider-item:before  {content:'4';}
.tourist-attraction-slider .swiper-slide:nth-child(5) .slider-item:before  {content:'5';}
.tourist-attraction-slider .swiper-slide:nth-child(6) .slider-item:before  {content:'6';}
.tourist-attraction-slider .swiper-slide:nth-child(7) .slider-item:before  {content:'7';}
.tourist-attraction-slider .swiper-slide:nth-child(8) .slider-item:before  {content:'8';}
.tourist-attraction-slider .swiper-slide:nth-child(9) .slider-item:before  {content:'9';}
.tourist-attraction-slider .swiper-slide:nth-child(10) .slider-item:before  {content:'10';}
*/

.traffic-info{}
.traffic-info + .traffic-info {margin-top:18px;}
.traffic-info dt {color:#333; font-weight:700;}
.traffic-info dd {position:relative; padding-left:10px; color:#666;}
.traffic-info dd:before {content:'-'; position:absolute; top:0; left:0;}

/* 관광안내 > 추천코스 */
.recommend-course-content {margin-top:70px;}
.recommend-course-tab {position:relative; margin-top:55px; height:104px;}
.recommend-course-tab:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; display:block; width:auto; height:2px; margin:auto 2px auto auto; background:#eaeaea;}
.recommend-course-tab:after {content:''; position:absolute; top:50%; right:0; display:block; width:8px; height:14px; margin-top:-7px; background:url(../images/content/icon_recommend_course_tab_arrow.png) center center no-repeat; background-size:8px auto;}
.recommend-course-tab > ul {display:flex; justify-content:center;}
.recommend-course-tab > ul > li {position:relative; width:25%;}
.recommend-course-tab .km {position:absolute; top:0; left:0; display:inline-block; font-size:18px; color:#888; line-height:48px; white-space:nowrap; transform:translate(-50% , 0%);}
.recommend-course-tab .btn-course-tab {position:relative; display:block; width:100%; height:104px; box-sizing:border-box; text-align:center;}
.recommend-course-tab .btn-course-tab .txt {position:absolute; bottom:0; left:0; display:block; width:100%; font-size:18px; line-height:26px; font-weight:500; color:#111}
.recommend-course-tab .btn-course-tab:before {content:''; position:absolute; top:50%; left:50%; display:block; width:10px; height:10px; background:#18a9d3; border-radius:50%; transform:translate(-50% , -50%);}
.recommend-course-tab .course-start {position:relative; display:block; width:100%; height:104px; box-sizing:border-box; text-align:center;}
.recommend-course-tab .course-start .txt {position:absolute; bottom:0; left:0; display:block; width:100%; font-size:18px; line-height:26px; font-weight:500; color:#111}
.recommend-course-tab .course-start:before {content:''; position:absolute; top:50%; left:50%; display:block; width:10px; height:10px; background:#18a9d3; border-radius:50%; transform:translate(-50% , -50%);}
.recommend-course-tab .actived .btn-course-tab:before {width:8px; height:8px; background:#fff; border:6px solid #18a9d3; outline:6px solid #fff;}
.recommend-course-tab .actived .btn-course-tab .txt {color:#18a9d3; font-weight:700;}
.recommend-course-data {margin-top:63px;}
.recommend-course-data .data-cell {display:none;}
.recommend-course-data .data-cell.actived {display:block;}
.course-visual-wrap > ul {display:flex; margin:-12px;}
.course-visual-wrap > ul > li {width:25%; padding:12px; box-sizing:border-box;}
.course-detail {margin-top:100px;}


/*==============================================
04. 홍보센터
==============================================*/
/* 공통영역 */
.input-form-search fieldset {position:relative; display:flex; justify-content:center;}
.input-form-search fieldset label {position:absolute; font-size:0px; text-indent:-9999px;}
.input-form-search fieldset span {position: relative;}
.input-form-search fieldset .input-form-search-box {position:relative; display:inline-block;  width:40%;}
.input-form-search fieldset .input-form-search-box img {position:absolute; top:50%; left:0; width:24px; height:24px; margin-top:-12px;}
.input-form-search fieldset .input-form-search-box input {position:relative; display:inline-block; height:64px; padding:0 0 0 50px; border:transparent; border-bottom:3px solid #333;}
.input-form-search .btn-basic {margin-left:3.33%;}
.input-form-search + .bulletin-result-info {margin-top:60px;}
.bulletin-result-info + .border-list-wrap {margin-top:15px;}

@media screen and (max-width:768px)
{
    .customer .customer-notice .border-list-body .border-list-cell > div {padding:0; line-height: 50px;}
    .customer .border-list-body .border-list-cell-notice {padding:0;}
    .customer .border-list-body .border-list-cell {padding:0}
}


/* border-list-wrap */
.border-list-wrap .board-sort {margin-bottom:30px;}
.border-list-head {display:flex; height:70px; font-size:0px; padding-right:18px; text-align:center; border-top:3px solid #111;}
.border-list-head > div {display:inline-block; font-size:18px; font-weight:500; line-height:70px;}
.border-list-head .list-number {flex:1;}
.border-list-head .list-title {flex:7;}
.border-list-head .list-update {flex:1;}
.border-list-head .list-view-number {flex:2;}
.border-list-head .list-reception-date {flex:2;} 
.border-list-head .list-reception-status {flex:1;} 
.border-list-head .list-view-file {flex:2;}
.border-list-body {border-top:1px solid #111; border-bottom:1px solid #111;}
.border-list-body .border-list-cell {display:flex; padding-right:15px; font-size:0px; border-bottom:1px solid #eaeaea; box-sizing:border-box;}
.border-list-body .border-list-cell:last-child {border:none;}
.border-list-body .border-list-cell > div {padding:10px 0; font-size:16px; color:#666; line-height:50px; text-align:center;}
.border-list-body .border-list-cell .list-cell-number {flex:1;}
.border-list-body .border-list-cell .list-cell-title {padding:10px 0px; font-size:18px; color:#333; line-height:50px; text-align:left; flex:7;}
.border-list-body .border-list-cell .list-cell-title div {display:-webkit-box; height:50px; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.border-list-body .border-list-cell .list-cell-update {flex:1;}
.border-list-body .border-list-cell .list-cell-view-number {flex:2;}
.border-list-body .border-list-cell .list-cell-reception-date {flex:2;}
.border-list-body .border-list-cell .list-cell-reception-status {flex:1; font-size:18px; color:#333;}
@media screen and (max-width:768px) {
    .border-list-body .border-list-cell .list-cell-reception-status {font-size:12px;}
}
.border-list-body .border-list-cell .list-cell-file {flex:2;}
.border-list-cell-none {padding:192px 0; font-size:20px; line-height:34px; text-align:center;}

/* border-preview-list-wrap */
.border-view-detail-wrap + .border-preview-list-wrap {margin-top:100px;}
.border-preview-list-wrap { border-top:1px solid #111; border-bottom:1px solid #111;}
.border-preview-list-wrap .preview-list-content {padding:10px 0px; font-size:0px;}
.border-preview-list-wrap .preview-list-content + .preview-list-content {border-top:1px solid#eaeaea;}
.border-preview-list-wrap .preview-list-content .preview-list-info {display:inline-block; width:100px; font-size:16px; font-weight:500; line-height:50px; text-align:center;}
.border-preview-list-wrap .preview-list-content .preview-list-link {display:inline-block; width:calc(100% - 100px); font-size:18px; color:#666;}
.border-preview-list-wrap .preview-list-link .preview-list-title {display:-webkit-box; height:50px; padding:0 50px; line-height:50px; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/* paging */
.paging {margin-top:90px;}
.paging-wrap {position:relative; display:flex; height:34px; font-size:0; text-align:center; vertical-align:top; justify-content:center;}
.paging-wrap > a {display:inline-block; width:18px; height:18px; margin-top:9px; text-indent:-9999px; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.paging-wrap .btn-first {background-image:url('../images/icon/icon_paging_btn_first.png');}
.paging-wrap .btn-prev {margin-left:4px; background-image:url('../images/icon/icon_paging_btn_prev.png');}
.paging-wrap .btn-next {background-image:url('../images/icon/icon_paging_btn_next.png');}
.paging-wrap .btn-last {margin-left:4px; background-image:url('../images/icon/icon_paging_btn_last.png');}
.paging-wrap .paging-list {display:inline-block; padding:0 17px;}
.paging-wrap .paging-list > li {display:inline-block; padding:0 5px; font-size:18px; color:#888; box-sizing:border-box;}
.paging-wrap .paging-list > li a {display:block; min-width:28px; line-height:34px;}
.paging-wrap .paging-list > li strong {position:relative; display:block; min-width:28px; line-height:34px; color:#111;}
.paging-wrap .paging-list > li strong:after {content:''; position:absolute; left:50%; bottom:0; width:72%; height:3px; background-color:#0960ba; transform:translate(-50%, 0);}

/* dotted-list-wrap */
.dotted-list-wrap {border-top:3px solid #111; border-bottom:1px solid #111;}
.dotted-list-wrap .dotted-list-cell {padding:56px 50px; font-size:0px;}
.dotted-list-wrap .dotted-list-cell + .dotted-list-cell {border-top:1px dashed #d0d0d0;}
.dotted-list-wrap .dotted-list-cell .dotted-list-front {display:inline-block; width:102px;}
.dotted-list-wrap .dotted-list-cell .dotted-list-text {display:inline-block; width:calc(100% - 102px - 21px); padding:5px 0 5px 21px; font-size:20px; font-weight:400; color:#333; line-height:27px;}
.dotted-list-wrap + .customer-text {margin-top:23px;}

/* circle-list-box */
.circle-list-box {padding:23px 30px; border:1px solid #e1e1e1; background-color:#f8f8f8; box-sizing:border-box;}
.circle-list-box + .circle-list-box {margin-top:30px;}
.circle-list-box .circle-list-thumb {font-weight:700; color:#333; line-height:30px;}
.circle-list-box .circle-list-cell {position:relative; padding-left:11px; font-size:16px; color:#666; line-height:30px;}
.circle-list-box .circle-list-cell:after {content:''; position:absolute; top:14px; left:3px; width:2px; height:2px; background-color:#888; border-radius:50%;}
/* //공통영역 : e */

/* 공지사항 - 리스트 */
.bulletin-result-info {font-size:16px; color:#888; line-height:34px; text-align:left;}
.bulletin-result-info .bulletin-result-number {padding-right:2px; font-weight:500; color:#111;}
.border-list-body .border-list-cell-notice {background-color:#ecf8fe;}
.border-list-body .border-list-cell-notice .list-cell-notice {flex:1; color:#333;}

/* 공지사항 - 상세 */
.border-detail-head {border-top:3px solid #111;}
.border-detail-head .border-list-cell {padding:23px 30px; font-size:0px;}
.border-detail-head .border-list-cell  + .border-list-cell {border-top:1px solid #eaeaea;}
.border-detail-head .border-list-cell .list-title {font-size:18px; font-weight:500; line-height:24px;}
.border-detail-head .border-list-cell .view-cell-content {display:inline-block;padding:0 20px;}
.border-detail-head .border-list-cell .view-cell-content:nth-of-type(1) {margin-left:-20px;}
.border-detail-head .border-list-cell .view-cell-content + .view-cell-content {position:relative;}
.border-detail-head .border-list-cell .view-cell-content + .view-cell-content:after {content:''; position:absolute; left:0; top:50%; width:1px; height:20px; margin-top:-10px; background-color:#e1e1e1;}
.border-detail-head .border-list-cell .view-cell-content > div {display:inline-block; font-size:16px;}
.border-detail-head .border-list-cell .view-cell-content > div:nth-of-type(1) {font-weight:500; line-height:24px;}
.border-detail-head .border-list-cell .view-cell-content > div:nth-of-type(2) {margin-left:10px; color:#666; line-height:24px;}
.border-detail-body {border-top:1px solid #111; border-bottom:1px solid #111;}
.border-detail-body .border-list-content {padding:50px; box-sizing:border-box;}
.border-view-detail-wrap .btn-page-wrap {display:flex; justify-content:left;}

/* 채용 - 리스트 */
.customer-recruitment .border-list-head .list-title {flex:6;}
.customer-recruitment .border-list-head .list-period {flex:2;}
.customer-recruitment .border-list-head .list-update {flex:1;}
.customer-recruitment .border-list-body .border-list-cell .list-cell-title {flex:6;}
.customer-recruitment .border-list-body .border-list-cell .list-cell-period {flex:2;}

/* 채용 - 상세 */
.border-view-detail-wrap .border-detail-body .attached-file-wrap {display:block; padding:22px 0px; font-size:0px;}
.border-view-detail-wrap .border-detail-body .border-list-content + .attached-file-wrap {border-top:1px solid #eaeaea;}
.border-detail-body .attached-file-wrap .attached-file-title {position:relative; display:inline-block; width:132px; font-size:16px; font-weight:500; line-height:26px; text-align:center;}
.border-detail-body .attached-file-wrap .attached-file-title .attached-file-number {position:relative; display:inline-block; margin-left:1px; padding:0 4px;}
.border-detail-body .attached-file-wrap .attached-file-title .attached-file-number:before {content:'('; position:absolute; left:0;}
.border-detail-body .attached-file-wrap .attached-file-title .attached-file-number:after {content:')';  position:absolute; right:0;}
.border-detail-body .attached-file-wrap .attached-file-list {display:inline-block; width:calc(100% - 132px); font-size:0px;}
.border-detail-body .attached-file-wrap .attached-file-list-cell {display:inline-block; margin:5px 17px; font-size:16px; font-weight:700; color: #095bba; line-height:16px;}
.border-detail-body .attached-file-wrap .attached-file-list-cell:last-child {margin-right:0;}
.border-detail-body .attached-file-wrap .attached-file-list-cell .attached-file-item {position:relative; padding-right:28px;}
.border-detail-body .attached-file-wrap .attached-file-list-cell .attached-file-item:after {content:''; position:absolute; top:50%; right:0; display:block; width:16px; height:17px; margin-top:-9px; background:url('../images/icon/icon_download.png')no-repeat center center; background-size:cover;}

/* 보도자료 - 리스트 */
.square-thumb-group {margin-top:15px; border-top:3px solid #111;}
.square-thumb-group .square-thumb-list  {margin-top:50px;}
.square-thumb-group .grid-frame-layout {margin:-12px}
.square-thumb-group .grid-frame-layout .grid-frame-cell {padding:12px}
.square-thumb-group .btn-square-item .item-info-wrap {margin-top:25px;}
.square-thumb-group .btn-square-item .item-subject {font-size:22px; line-height:32px;}
.square-thumb-group .btn-square-item .item-sub-subject {margin-top:5px; padding-bottom:17px; font-size:16px; font-weight:500; line-height:30px;}
.square-thumb-group .btn-square-item .item-sub-subject .item-update {color:#666;}
.square-thumb-group .paging {margin-top:64px;}
.square-thumb-group .square-thumb-group-none {padding:192px 0; font-size:20px; line-height:34px; text-align:center;}

/* 뉴스레터 - 리스트 */
.news-letter-email {display:flex; padding:25px 86px; background-color:#f8f8f8; border:1px solid #e1e1e1; box-sizing:border-box; align-items:center;}
.news-letter-email .news-letter-info {width:calc(100% - (46% + 140px)); font-size:16px; color:#333;}
.news-letter-email .input-news-letter {width:46%; margin-left:20px; background-color:#fff;}
.news-letter-email .btn-basic {min-width:140px; height:48px; margin-left:10px; font-size:16px; line-height:46px;}
.news-letter-email + .input-form-search {margin-top:70px;}

/* 행사갤러리 - 리스트 */
.customer-gallery-event .square-silde-wrap {margin-top:15px; border-top:3px solid #111;}
.customer-gallery-event .square-silde-wrap .square-silde-content {padding:50px; border-bottom:1px solid #111;}
.customer-gallery-event .square-silde-wrap-none {padding:192px 0; font-size:20px; line-height:34px; text-align:center;} 

/* 고객서비스헌장 */
.service-charter-visual {position:relative; padding-top:33.3%;}
.service-charter-visual .charter-visual-area {position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/content/sub_customer_service_visual.jpg') no-repeat center center; background-size:cover;}
.service-charter-visual .charter-visual-area .charter-visual-text {padding-top:83px; font-size:20px; font-weight:500; color:#fff; line-height:36px; text-align:center;}
.service-charter-visual + .service-charter-section01 {margin-top:94px;}
.service-charter-section01 .con-title {padding-bottom:22px;}
.service-charter-section01 .customer-text {font-size:20px; color:#666;}
.service-charter-section01 .customer-text strong {color:#111;}
.service-charter-section02 {margin-top:87px;}
.service-charter-section02 .con-title ,
.service-charter-section03 .con-title {padding-bottom:24px;}
.service-charter-section03 {margin-top:94px;}
.circle-list-box.list-border-thick {padding:50px 40px; border:10px solid #eaeaea; background-color:#fff;}
.circle-list-box.list-border-thick .circle-list-cell {padding-left:20px; font-size:18px; line-height:36px;}
.circle-list-box.list-border-thick .circle-list-cell:after {top:17px; left:11px;}
.circle-list-box.list-border-thick .circle-list-cell .list-point-text {color:#111;}
.circle-list-box.list-border-thick .circle-list-cell .list-point-text a {color:#095bba;}

/* 고객의 소리 */
.customer-voice .care-copy .desc {padding-left:20px;}
.customer-voice .care-copy .desc .desc-icon {position:relative;}
.customer-voice .care-copy .desc .desc-icon:before {content:'※'; position:absolute;top:0; left:-20px; color:#666;}
.customer-voice .care-copy .desc .desc-info {color:#e60012;}
.agree-content-wrap {margin-top:65px;}
.agree-content-wrap .con-title {padding-bottom:24px;}
.agree-content-wrap .btn-basic {display:none;}
.agree-content-wrap .agree-box {width:100%; height:240px; padding:15px; font-size:16px; line-height:26px; border:1px solid #ddd; overflow-y:auto; box-sizing:border-box;}
.agree-content-wrap .agree-box > ol > li {margin-top:21px;}
.agree-content-wrap .agree-box .sub-text {position:relative; display:block; padding-left:32px;}
.agree-content-wrap .agree-box .sub-text:before {content:'-'; position:absolute; left:23px;}
.agree-content-wrap .agree-check {margin-top:20px;}

.agree-content-wrap1 {margin-top:0px;text-align :left;}
.agree-content-wrap1 .con-title {padding-bottom:5px; font-size:20px;}
.agree-content-wrap1 .btn-basic {display:none;}
.agree-content-wrap1 .agree-box {width:100%; height:240px; padding:15px; font-size:16px; line-height:26px; border:1px solid #ddd; overflow-y:auto; box-sizing:border-box;}
.agree-content-wrap1 .agree-box > ol > li {margin-top:21px;}
.agree-content-wrap1 .agree-box .sub-text {position:relative; display:block; padding-left:32px;}
.agree-content-wrap1 .agree-box .sub-text:before {content:'-'; position:absolute; left:23px;}
.agree-content-wrap1 .agree-check {margin-top:20px;}

.form-table-wrap {margin-top:66px;}
.form-table-wrap .table-info {font-size:16px; color:#888; line-height:24px;}
.form-table-wrap .table-info + .read-table {margin-top:16px;}
.form-table-wrap .read-table table > tbody > tr > th {padding:17px 20px; text-align:left; vertical-align:top;}
.form-table-wrap .read-table table > tbody > tr > th > em {padding-right:2px; color:#e60012; line-height:36px;}
.form-table-wrap .read-table table > tbody > tr > td {padding:10px;}
.form-table-wrap .select-field > td > select, 
.form-table-wrap .writer > td > input {width:240px;}
.form-table-wrap .email > td {font-size:0;}
.form-table-wrap .email > td > input,
.form-table-wrap .email > td > select {display:inline-block; width:240px;} 
.form-table-wrap .email > td > select {margin:0 10px;}
.form-table-wrap .email > td > em {padding:0 10px; font-size:16px; color:#666; line-height:48px;}
.form-table-wrap .phone-number > td {font-size:0;}
.form-table-wrap .phone-number > td em {margin:0 6px; font-size:16px; line-height:48px;}
.form-table-wrap .phone-number .phone-number-form01,
.form-table-wrap .phone-number .phone-number-form02 {display:inline-block;}
.form-table-wrap .phone-number .phone-number-form01 > select,
.form-table-wrap .phone-number .phone-number-form01 > input {display:inline-block; width:100px;}
.form-table-wrap .phone-number .phone-number-form01 > input:last-of-type {display:inline-block; min-width:140px; margin-left:10px; font-size:16px; line-height:46px;}
.form-table-wrap .phone-number .phone-number-form02 {font-size:0;}
.form-table-wrap .phone-number .phone-number-form02 > input {display:inline-block; width:240px; margin-left:30px; vertical-align:top;}
.form-table-wrap .phone-number .phone-number-form02 button {min-width:140px; margin-left:10px; font-size:16px; line-height:46px;}
.form-table-wrap .inquire-content textarea {height:400px;}
.customer-voice .btn-wrap {margin-top:50px; font-size:0; text-align:right;}
.customer-voice .btn-wrap .btn-basic + .btn-basic {margin-left:10px;}

/* 갤러리 슬라이더 */
.gallery-slider-wrap .visual-slider {overflow:hidden;}
.gallery-slider-wrap .visual-slider .slider-item {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding-top:63.63%; background-color:#000; overflow:hidden;}
.gallery-slider-wrap .visual-slider .slider-item img {position:absolute; top:0; left:0; width:100%; height:100%; max-width:none; max-height:none;}
.gallery-slider-wrap .thumb-slider {position:relative; margin:30px 0 0 0; padding:0 45px;}
.gallery-slider-wrap .thumb-slider-outer {overflow:hidden;}
.gallery-slider-wrap .thumb-slider-inner {margin:0 -5px;}
.gallery-slider-wrap .thumb-slider .swiper-slide {padding:0 5px; width:16.66%; box-sizing:border-box;}
.gallery-slider-wrap .thumb-slider .slider-item {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; padding:66.25% 0 0 0; background-color:#000; box-sizing:border-box; overflow:hidden; cursor:pointer;}
.gallery-slider-wrap .thumb-slider .slider-item:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; display:block; width:auto; height:auto; border:4px solid #18a9d3; box-sizing:border-box; z-index:1; opacity:0;}
.gallery-slider-wrap .thumb-slider .slider-item img {position:absolute; top:0; left:0; width:100%; height:100%; max-width:none; max-height:none; object-fit:contain;}
.gallery-slider-wrap .thumb-slider .slider-item:focus:after,
.gallery-slider-wrap .thumb-slider .swiper-slide-thumb-active .slider-item:after {opacity:1;}
.gallery-slider-wrap .thumb-slider .btn-thumb-slider-prev {position:absolute; top:0; left:0; display:block; width:45px; height:100%; font-size:0; padding:0;}
.gallery-slider-wrap .thumb-slider .btn-thumb-slider-prev:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; margin-top:0; background:url('../images/icon/icon_event_gallery_prev.png')no-repeat center center; background-size:14px auto;}
.gallery-slider-wrap .thumb-slider .btn-thumb-slider-next {position:absolute; top:0; right:0; display:block; width:45px; height:100%; font-size:0; padding:0;}
.gallery-slider-wrap .thumb-slider .btn-thumb-slider-next:after {content:''; position:absolute; top:0; right:0; width:100%; height:100%; margin-top:0; background:url('../images/icon/icon_event_gallery_next.png')no-repeat center center; background-size:14px auto;}
.gallery-slider-wrap .thumb-slider .btn-thumb-slider-prev.swiper-button-disabled,
.gallery-slider-wrap .thumb-slider .btn-thumb-slider-next.swiper-button-disabled {opacity:0.2;}
.gallery-slider-wrap.outline {padding:50px; border:1px solid #e1e1e1;}

/* sample
.gallery-slider-wrap .swiper-slide .slider-item:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:48px; color:red; z-index:5;}
.gallery-slider-wrap .swiper-slide:nth-child(1) .slider-item:before  {content:'1';}
.gallery-slider-wrap .swiper-slide:nth-child(2) .slider-item:before  {content:'2';}
.gallery-slider-wrap .swiper-slide:nth-child(3) .slider-item:before  {content:'3';}
.gallery-slider-wrap .swiper-slide:nth-child(4) .slider-item:before  {content:'4';}
.gallery-slider-wrap .swiper-slide:nth-child(5) .slider-item:before  {content:'5';}
.gallery-slider-wrap .swiper-slide:nth-child(6) .slider-item:before  {content:'6';}
.gallery-slider-wrap .swiper-slide:nth-child(7) .slider-item:before  {content:'7';}
.gallery-slider-wrap .swiper-slide:nth-child(8) .slider-item:before  {content:'8';}
.gallery-slider-wrap .swiper-slide:nth-child(9) .slider-item:before  {content:'9';}
.gallery-slider-wrap .swiper-slide:nth-child(10) .slider-item:before  {content:'10';}
*/



/*==============================================
05. KINTEX
==============================================*/
/* 개요 > about KINTEX */
.about-kintex {position:relative;}
.about-kintex01 {position:relative; padding:50px 0 0 0;}
.about-kintex01 .about-kintex01-bg {position:absolute; left:-352px; top:0; height:100%; min-width:1920px; margin-top:-100px; padding:100px 0 120px; background:url('../images/content/company_aboutkintex01_bg.jpg') no-repeat 100% 100%; background-size:cover; z-index:0;}
.about-kintex01 .about-kintex01-img {position:relative; padding-top:43.3%;}
.about-kintex01 .about-kintex01-img > img {position:absolute; top:0; left:0; width:100%; height:100%;}
.about-kintex01 .col-sm-default {display:none;}
.about-kintex01 .view-info-list {position:relative; top:-30px; display:flex; margin-bottom:120px; padding:0 40px; justify-content:center;}
.about-kintex01 .view-info-list > ul {display:inline-block; width:100%; padding:20px 80px 26px; background-color:#095bba;}
.about-kintex01 .view-info-list li {position:relative; display:inline-block; font-size:20px; color:#fff; line-height:42px;}
.about-kintex01 .view-info-list .info-list04,
.about-kintex01 .view-info-list .info-list05 {display:block;}
.about-kintex01 .view-info-list .info-list-cell > div {display:inline-block;}
.about-kintex01 .view-info-list .info-list-cell .title {position:relative; padding-left:18px; font-weight:700;}
.about-kintex01 .view-info-list .info-list-cell .title:before {content:''; position:absolute; top:18px; left:0; width:5px; height: 5px; background-color:#fff; border-radius:50%;}
.about-kintex01 .view-info-list .info-list-cell .info {margin-left:34px;}
.about-kintex01 .view-info-list .info-list02,
.about-kintex01 .view-info-list .info-list03 {margin-left:10%;}

#ch .about-kintex01 .view-info-list .info-list02,
#ch .about-kintex01 .view-info-list .info-list03 {margin-left: 0;}

#ch .about-kintex01 .view-info-list .info-list01,
#ch .about-kintex01 .view-info-list .info-list02 {margin-right:10%;}


.about-kintex01 .view-info-list .info-list05 .info li {height:28px; margin-top:10px;}
.about-kintex01 .view-info-list .info-list05 .info li + li {margin-left:30px;}
.about-kintex02 {position:relative; padding:0 30px 38px;}
.about-kintex02 .diamond-list-wrap {display:flex;}
.about-kintex02 .diamond-list-wrap > li {position:relative;}
.about-kintex02 .diamond-list-wrap > li + li:before {content:''; position:absolute; top:160px; left:-10px; width:20px; height:4px; background-color:#e1e1e1; z-index:5;}
.about-kintex02 .diamond-list-wrap > li + li:after {content:''; position:absolute; top:152px; left:-2px; width:4px; height:20px; background-color:#e1e1e1;}
.about-kintex02 .diamond-list-wrap > li .title-box {position:relative; display:flex; width:260px; height:260px; margin:32px auto 64px; background-color:#1eaa6a; border-radius:25%; transform:rotate(45deg); align-items:center;}
.about-kintex02 .diamond-list-wrap > li:nth-of-type(2) .title-box {background-color:#18a9d3;}
.about-kintex02 .diamond-list-wrap > li:nth-of-type(3) .title-box {background-color:#0435bd;}
.about-kintex02 .diamond-list-wrap .title-box .title {width:100%; font-size:24px; font-weight:500; color:#fff; line-height:36px; text-align:center; transform:rotate(-45deg);}
.about-kintex02 .diamond-list-wrap .info {margin-top:32px; font-size:18px; line-height:30px; text-align:center;}
.about-kintex02 .diamond-list-wrap .info01 {color:#333;}
.about-kintex02 .diamond-list-wrap .info01 + .info02 {margin-top:7px;}
.about-kintex02 .diamond-list-wrap .info02 {color:#666;}
.about-kintex03 {position:relative; padding:100px 0 100px 0;}
.about-kintex03 .about-kintex03-bg {position:absolute; left:-352px; top:0; min-width:1920px; height:100%; padding-bottom:200px; background:url('../images/content/company_aboutkintex03_bg.jpg') no-repeat 100% 100%; background-size:cover; z-index:0;}
.about-kintex03 .title-box {position:relative; margin:auto; font-size:46px; font-weight:700; line-height:60px; text-align:center; word-break:keep-all;}
.about-kintex03 .bar-list-wrap {position:relative; display:flex; margin-top:132px; justify-content:space-between;}
.about-kintex03 .bar-list-wrap .grid-03 {padding-right:40px;}
.about-kintex03 .bar-list-wrap .grid-03:last-child {padding-right:0;}
.about-kintex03 .bar-list-wrap .grid-03 .title {position:relative; padding-bottom:22px; font-size:30px; font-weight:700; line-height:46px; word-break:keep-all;}
.about-kintex03 .bar-list-wrap .grid-03 .title:after {content:''; position:absolute; bottom:0; left:0; width:40px; height:4px; background-color:#0435bd;}
.about-kintex03 .bar-list-wrap .grid-03 .info {margin-top:21px; font-size:18px; color:#333; line-height:34px; word-break: keep-all;}

/* 개요 > ceo인사말 */
.ceo-kintex {position:relative; width:100%;}
.ceo-kintex:before {content:''; position:absolute; top:300px; left:0; width:100%; height:38%; margin:0 -30%; padding:0 30%; background:url('../images/content/company_ceo_content02_bg.jpg') no-repeat 100% 100%;}
.ceo-kintex .title {position:relative; padding-top:0px; font-size:46px; font-weight:700; line-height:60px;z-index:2;}
.ceo-kintex .content-text {padding-right:50px; font-weight:400; line-height:34px; word-break:keep-all; box-sizing:border-box;}
.ceo-kintex .content-text + .content-text {margin-top:34px;}
.ceo-kintex .ceo-kintex-top {position:relative; display:flex;}
.ceo-kintex .ceo-kintex-top .ceo-content01 {position:relative; margin-top:82px; box-sizing:border-box;}
.ceo-kintex .ceo-kintex-top .ceo-content01 .ceo-content01-medium {font-weight:500;}
.ceo-kintex .ceo-kintex-top .ceo-img {position:absolute; top: 90px; right:0;}
.ceo-kintex .ceo-kintex-top .ceo-img > div {position:relative; padding-top:100%;}
.ceo-kintex .ceo-kintex-top .ceo-img > div >img {position:absolute; top:0; left:0; width:90%; height:100%; padding-left:10%;}
.ceo-kintex .ceo-kintex-top .ceo-img > p {margin-top:26px; font-size:18px; line-height:50px; text-align:right;}
.ceo-kintex .ceo-kintex-top .ceo-img > p > span {font-size:34px; line-height:30px;}
.ceo-kintex .ceo-kintex-bottom {position:relative; display:flex; margin-top:120px; box-sizing:border-box;}
.ceo-kintex .ceo-kintex-bottom.ceo-content02 .content-text {color:#666;}
.ceo-kintex .ceo-kintex-bottom.ceo-content02 > .content-text {padding-left:62px;}




/* 개요 > 비전 */
.vision-kintex .title {text-align:center;}
.vision-kintex .title h4 {font-size:50px; font-weight:700; line-height:72px;}
.vision-kintex .title > span {display:block; font-size:40px; color:#333; line-height:60px;}
.vision-section01 {position:relative; width:100%; height:48%; margin-top:78px;}
.vision-section01 .con-title-box {position:relative; width:52%; height:576px; margin:0 auto; text-align:center;}
.vision-section01 .con-title-box .con-title {position:absolute; top:46%; width:100%; margin-top:-20px;}
.vision-section01 .con-title-box:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; margin-left:-0; background:url('../images/content/company_vision_section01_graph.png') no-repeat top center; background-size:contain;}
.vision-section01 .value-list-cell {position:absolute; width:calc((100% - 52%)/2); height:200px; box-sizing:border-box;}
.vision-section01 .value-list-cell:nth-of-type(odd) {left:0; padding-left:7%; text-align:right;}
.vision-section01 .value-list-cell:nth-of-type(even) {right:0; padding-right:5%; text-align:left;}
.vision-section01 .value-list-cell:nth-of-type(1),
.vision-section01 .value-list-cell:nth-of-type(2) {top:0;}
.vision-section01 .value-list-cell:nth-of-type(3),
.vision-section01 .value-list-cell:nth-of-type(4) {bottom:20px;}
.vision-section01 .value-list-cell > div {position:relative; padding-top:66px;}
.vision-section01 .value-list-cell > div:before {content:''; position:absolute; top:0; width:78px; height:66px; background-repeat:no-repeat; background-position:100% 100%;}
.vision-section01 .value-list-cell .customer-content:before {right:0; background-image:url('../images/icon/icon_company_vision_section01_customer.png');}
.vision-section01 .value-list-cell .challenge-content:before {left:0; background-image:url('../images/icon/icon_company_vision_section01_challendge.png');}
.vision-section01 .value-list-cell .global-content:before {right:0; background-image:url('../images/icon/icon_company_vision_section01_global.png');}
.vision-section01 .value-list-cell .communicate-content:before {left:0; background-image:url('../images/icon/icon_company_vision_section01_communicate.png');}
.vision-section01 .value-list-cell .title {display:inline-block; font-size:24px; font-weight:700; line-height:50px;}
.vision-section01 .value-list-cell .content-info {display:block; font-size:18px; color:#666; line-height:28px; word-break:keep-all;}
.vision-section01 + .vision-section02 {margin-top:122px;}
.vision-section02 .con-title {padding-bottom:38px; text-align:center;}
.vision-section02 .plan-list-wrap {display:flex; width:100%; height:auto; background-color:#f8f8f8; flex-wrap:wrap;}
.vision-section02 .plan-list-wrap .plan-list-cell {padding: 52px 15px 52px 14%; box-sizing:border-box;}
.vision-section02 .plan-list-wrap .plan-list-cell:nth-of-type(2n) {border-left:1px dashed #ccc;}
.vision-section02 .plan-list-wrap .plan-list-cell:nth-of-type(n+3) {border-top:1px dashed #ccc;}
.vision-section02 .plan-list-cell > div {position:relative; box-sizing:border-box;}
.vision-section02 .plan-list-cell > div:before {content:''; position:absolute; top:22px; left:-136px; width:78px; height:66px; background-repeat:no-repeat; background-position:100% 100%;}
.vision-section02 .plan-list-cell .economic-content:before {background-image:url('../images/icon/icon_company_vision_section01_economic.png');}
.vision-section02 .plan-list-cell .contain-content:before {background-image:url('../images/icon/icon_company_vision_section01_contain.png');}
.vision-section02 .plan-list-cell .development-content:before {background-image:url('../images/icon/icon_company_vision_section01_development.png');}
.vision-section02 .plan-list-cell .create-content:before {background-image:url('../images/icon/icon_company_vision_section01_create.png');}
.vision-section02 .plan-list-cell .title {font-size:24px; font-weight:700; line-height:40px; text-align:left;}
.vision-section02 .plan-list-cell .line-text-list p {font-size:18px; color:#666; line-height:28px;}

/* 개요 > CI */
.ci-kintex .col-lg-none {display:none;}
.ci-kintex > div {display:flex;}
.ci-kintex > div + div {margin-top:144px;}
.ci-kintex .grid-left {width:20%;}
.ci-kintex .grid-right {width:80%;}
.ci-kintex .title {font-size:30px; font-weight:700; line-height:40px;}
.ci-section01 .btn-wrap {margin-top:44px;}
.ci-section01 .btn-wrap .btn-border-blue {min-width:180px; padding:0 20px;}
.ci-section01 .btn-wrap .btn-border-blue + .btn-border-blue {margin-top:10px;}
.ci-section01 .ci-info {margin-top:6px; padding:28px 16px; border-top:1px solid #e1e1e1; box-sizing:border-box;}
.ci-section01 .ci-info p {position:relative; padding-left:18px; font-size:16px; color:#666; line-height:24px;}
.ci-section01 .ci-info p:before {content:'※'; position:absolute; left:0;}
.ci-section01 .ci-content-visual .ci-content-box {display:flex; justify-content:space-between; padding:82px 8% 83px 10%; border:1px solid #e1e1e1; box-sizing:border-box;}
.ci-section01 .ci-content-visual .ci-content-box:nth-of-type(2) {padding:79px 78px 58px 101px; border-top:none;}
.ci-section01 .ci-content-visual .ci-content-box > img:nth-of-type(2) {margin-left:12%;}
.ci-section02 .grid-right {display:flex;}
.ci-section02 .circle-content {flex:1;}
.ci-section02 .circle-content02 {padding-left:16px;}
.ci-section02 .circle-content03 {padding-left:46px;}
.ci-section02 .circle-content .color-visual {display:inline-block;}
.ci-section02 .circle-content .color-info {display:inline-block; text-align:center;}
.ci-section02 .circle-content .color-info > p:nth-of-type(1) {font-size:18px; line-height:26px;}
.ci-section02 .circle-content .color-info > p:nth-of-type(2) {margin-top:10px; font-size:16px; line-height:24px;}
.ci-section02 .circle-content01,
.ci-section02 .circle-content02 {position:relative;}
.ci-section02 .circle-content01 .color-visual,
.ci-section02 .circle-content02 .color-visual {position:relative; top:0; left:0; z-index:1;}
.ci-section02 .circle-content01 .color-info {position:absolute; top:31%; left:5%;color:#fff; z-index:2;}
.ci-section02 .circle-content02 .color-info {position:absolute; top:31%; left:23%; color:#fff; z-index:2;}
.ci-section02 .circle-content03 .color-visual {padding-left:16px;}
.ci-section02 .circle-content03 .color-info {margin-top:18px;}
.ci-section02 .circle-content03 .color-info > p:nth-of-type(1) {color:#333; line-height:26px;}
.ci-section02 .circle-content03 .color-info > p:nth-of-type(2) {margin-top:0; color:#888; line-height:26px;}

/* 개요 > 연혁 */
.history-kintex .grid-list-left {position:relative; margin-right:50%; padding-right:60px;}
.history-kintex .grid-list-left:before {content:''; position:absolute; top:0; right:-1px; width:2px; height:100%; background-color:#eaeaea;}
.history-kintex .grid-list-left .history-month:before {content:''; position:absolute; top:50%; right:-60px; width:40px; height:2px; margin-top:-1px; background-color:#eaeaea;}
.history-kintex .grid-list-left .history-month:after {content:''; position:absolute; top:50%; right:-65px; width:10px; height:10px; margin-top:-5px; background-color:#18a9d3; border-radius:50%;}
.history-kintex .grid-list-left .history-info-content {text-align:right; flex-direction:row-reverse;}
.history-kintex .grid-list-left .history-info-visual {text-align:right}
.history-kintex .grid-list-left .history-info-visual img {display:inline-block;}
.history-kintex .grid-list-right {position:relative; margin-left:50%; padding-left:60px;}
.history-kintex .grid-list-right:before {content:''; position:absolute; top:0; left:-1px; width:2px; height:100%; background-color:#eaeaea;}
.history-kintex .grid-list-right .history-month:before {content:''; position:absolute; top:50%; left:-60px; width:40px; height:2px; margin-top:-1px; background-color:#eaeaea;}
.history-kintex .grid-list-right .history-month:after {content:''; position:absolute; top:50%; left:-65px; width:10px; height:10px; margin-top:-5px; background-color:#18a9d3; border-radius:50%;}
.history-kintex .title {font-size:40px; font-weight:700; line-height:60px;}
.history-kintex .sub-title {width:100px; margin:10px auto 0;}
.history-kintex .sub-title p {font-size:14px; font-weight:700; color:#aaa; line-height:30px;}
.history-kintex > ul {position:relative; max-width:1180px; margin:62px auto 0;}
.history-kintex > ul > ul {position:relative;}
.history-year-list .history-year {position:relative; margin-right:50%; margin-top:42px; padding-right:60px; font-size:30px; font-weight:700; text-align:right; line-height:30px;}
.history-year-list .history-year:before {content:''; position:absolute; top:-42px; right:-1px; width:2px; height:42px; background-color:#eaeaea;}
.history-year-list .history-year:after {content:''; position:absolute; top:50%; right:-10px; width:20px; height:20px; margin-top:-10px; border:6px solid #18a9d3; border-radius:50%; box-sizing:border-box;}
.history-year-item {padding-top:44px; padding-bottom:58px;}
.history-year-item .history-info-content {display:flex;}
.history-year-item .history-info-content > p {font-size:18px; color:#888; line-height:28px;}
.history-year-item .history-info-content .history-month {position:relative; width:54px; font-weight:700; color:#333;}
.history-year-item .history-info-visual,
.history-year-item .history-info-visual + .history-info-content {margin-top:26px;}

/* 경영공시 */
.ir-accordion-wrap {margin-top:30px;}
.ir-accordion-wrap .disclosure-detail {padding:50px;}
.ir-accordion-wrap .read-table {border-top:1px solid #111;}
.ir-accordion-wrap .read-table table > thead > tr > th {padding:8px 10px; font-size:16px; line-height:24px; text-align:center;}
.ir-accordion-wrap .read-table table > tbody > tr > td {padding:8px 10px; font-size:16px; line-height:24px; text-align:center;}
.ir-accordion-wrap .line-text-list > li {font-size:18px; line-height:34px;}
.ir-accordion-wrap .line-text-list > li + li {margin-top:13px;}
.ir-wrap .border-list-wrap {margin-top:70px;}
.ir-wrap .border-list-body .border-list-cell > div {padding:18px 0; line-height:32px;}
.ir-wrap .border-list-body .border-list-cell .list-cell-title {padding:18px 0; line-height:32px;}
.ir-wrap .border-list-body .border-list-cell .list-cell-view-number {display:flex; justify-content:center; align-items:center; padding:10px 0;}
.ir-wrap .border-list-wrap .btn-basic {min-width:160px;}

/* 조직도 */
.organization-wrap {position:relative;}
.organization-list {position:relative; padding-bottom:0;}
.organization-list .btn-circle-skyblue {position:relative; display:flex; align-items:center; justify-content:center; width:100%; padding:0 10px; font-size:24px; line-height:34px; color:#fff; font-weight:700; background-color:#18a9d3; border-radius:50%; box-sizing:border-box; z-index:10;}
.organization-list .btn-circle-blue {position:relative; display:flex; align-items:center; justify-content:center; width:100%; padding:0 10px; font-size:24px; line-height:34px; color:#fff; font-weight:700; background-color:#0435bd; border-radius:50%; box-sizing:border-box; z-index:10;}
.organization-list .btn-circle-green {position:relative; display:flex; align-items:center; justify-content:center; width:100%; padding:0 10px; font-size:24px; line-height:34px; color:#fff; font-weight:700; background-color:#1eaa6a; border-radius:50%; box-sizing:border-box; z-index:10;}
.organization-list .btn-sqaure-white {position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:56px; padding:0 10px; font-size:18px; line-height:24px; color:#333; font-weight:700; background-color:#fff; border:1px solid #333; box-sizing:border-box; z-index:10;}
.organization-list .btn-sqaure-blue {position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:56px; padding:0 10px; font-size:18px; line-height:24px; color:#fff; font-weight:700; background-color:#095bba; border:1px solid #095bba; box-sizing:border-box; z-index:10;}
.organization-list .btn-sqaure-gray {position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:56px; padding:0 0px; font-size:18px; line-height:24px; color:#333; font-weight:400; background-color:#f8f8f8; border:1px solid #e1e1e1; box-sizing:border-box; z-index:10;}
.organization-list .item-01 {position:absolute; top:20px; left:50%; width:140px; height:140px; margin-left:-330px;}
.organization-list .item-01:before {content:''; position:absolute; top:50%; left:0; display:block; width:260px; height:2px; background:#e1e1e1;}
.organization-list .item-01 .btn-organization-item {height:140px;} 
.organization-list .item-02 {position:relative; width:180px; height:180px; margin:0 auto;}
.organization-list .item-02 .btn-organization-item {height:180px;}
.organization-list .item-02:before {content:''; position:absolute; top:50%; left:50%; display:block; width:2px; height:230px; background:#e1e1e1;}
.organization-list .item-03 {position:absolute; top:64px; left:50%; width:140px; height:130px; margin-left:190px;}
.organization-list .item-03 > .btn-organization-item {height:140px;}
.organization-list .item-03 .item-03-01 {position:absolute; top:50%; left:90%; margin:-28px 0 0 70px; width:170px;}
.organization-list .item-03 .item-03-01 .btn-sqaure-white { border:1px solid #1eaa6a;}
.organization-list .item-03:before {content:''; position:absolute; top:50%; left:0; display:block; width:260px; height:2px; background:#e1e1e1;}
.organization-list .item-04 {position:absolute; top:180px; left:50%; padding:43px 49px 0 0; margin-left:-218px;}
.organization-list .item-04 > .btn-organization-item {width:170px;}
.organization-list .item-04:before {content:''; position:absolute; top:0; left:0; right:0; bottom:auto; display:block; width:auto; height:2px; margin:70px auto auto auto; background:#e1e1e1;}
.organization-list .item-04 .item-04-01 {position:absolute; top:50%; left:100%; margin:-28px 0 0 70px; width:170px;}
.organization-list .item-04 .item-04-01 .btn-sqaure-white { border:1px solid #1eaa6a;}

.organization-list .item-041 {position:absolute; top:180px; left:47%; padding:43px 0 43px 49px; margin-left:33px;}
.organization-list .item-041 > .btn-organization-item {width:170px;}
.organization-list .item-041:before {content:''; position:absolute; top:0; left:0; right:0; bottom:auto; display:block; width:auto; height:2px; margin:70px auto auto auto; background:#e1e1e1;}

.organization-list .item-05 {position:absolute; bottom:0; left:0; width:260px;}
.organization-list .item-06 {position:relative; padding-top:193px; margin:0 260px; display:flex; justify-content:space-between;}
.organization-list .item-06:before {content:''; position:absolute; top:140px; left:0; right:0; bottom:auto; display:block; width:auto; height:2px; margin:auto 85px auto 85px; background:#e1e1e1;}
.organization-list .item-06-01,
.organization-list .item-06-02 {position:relative; width:170px;}
.organization-list .item-06-01 {margin-right:auto;}
.organization-list .item-06-02 {margin-left:auto;}
.organization-list .item-06-01:before,
.organization-list .item-06-02:before {content:''; position:absolute; bottom: 100%; left:50%; display:block; width:2px; height:52px; background:#e1e1e1;}
.organization-list .item-06-01:after,
.organization-list .item-06-02:after {content:''; position:absolute; top:56px; left:50%; display:block; width:2px; height:51px; background:#e1e1e1;}
.organization-list .item-06-01-01,
.organization-list .item-06-02-01 {position:relative;}
.organization-list .item-06-01-01-02,
.organization-list .item-06-02-01-02 {position:absolute; top:0; left:100%; width:170px; margin-left:20px;}
.organization-list .item-06-01-02,
.organization-list .item-06-02-02 {position:relative; left:50%; width:570px; margin-left:-104px; padding-top:50px; display:flex;}
.organization-list .item-06-01-02:before {content:''; position:absolute; top:49px; left:0; right:0; bottom:auto; display:block; width:auto; height:0px; margin:auto 93px auto 95px; background:#e1e1e1;}
.organization-list .item-06-02-02:before {content:''; position:absolute; top:49px; left:0; right:0; bottom:auto; display:block; width:auto; height:0.organization-list .item-04px; margin:auto 93px auto 95px; background:#e1e1e1;}
.organization-list .item-06-01-02-01,
.organization-list .item-06-01-02-02,
.organization-list .item-06-01-02-03,
.organization-list .item-06-02-02-01,
.organization-list .item-06-02-02-02,
.organization-list .item-06-02-02-03{position:relative; width:33.33%; margin:0 10px;}
.organization-list .item-06-01-02-01:before,
.organization-list .item-06-01-02-02:before,
.organization-list .item-06-01-02-03:before,
.organization-list .item-06-02-02-01:before,
.organization-list .item-06-02-02-02:before,
.organization-list .item-06-02-02-03:before{content:''; position:absolute; bottom: 100%; left:50%; display:block; width:2px; height:51px; background:#e1e1e1;}
.organization-list .item-06-01-02-03:before,
.organization-list .item-06-02-02-03:before {margin-bottom:-66px; height:117px}
.organization-list .item-06-01-02-03 > ul,
.organization-list .item-06-02-02-03 > ul {padding-top:66px;}
/*
.organization-list .item-06-01-02-01,
.organization-list .item-06-02-02-01 {margin-right:auto;}
.organization-list .item-06-01-02-02,
.organization-list .item-06-02-02-02 {margin-left:auto;}
*/
.organization-list .item-06-01-02-01 > ul > li + li,
.organization-list .item-06-01-02-02 > ul > li + li,
.organization-list .item-06-02-02-01 > ul > li + li,
.organization-list .item-06-02-02-02 > ul > li + li {margin-top:10px;}
.organization-list .item-07 {margin-top:30px;}
.organization-list .item-07-01 {width:780px;margin-left: 165px;}
.organization-list .item-07-01 > ul {display:flex; margin:0 -10px;}
.organization-list .item-07-01 > ul > li {flex:1; margin:0 10px;}
.organization-data {margin-top:144px;}
.organization-data .con-title {margin-bottom:22px; padding-top:130px; margin-top:-130px;}
.organization-group {display:none;}
.organization-group.actived {display:block;}
.organization-group .read-table table > tbody > tr > td {text-align:center;}
.organization-group .read-table table > thead > tr > th {padding:20px; font-size:18px; line-height:24px; border-bottom:none;}
.organization-group .read-table table > tbody > tr > th {padding:20px; font-size:18px; line-height:24px;}
.organization-group .read-table table > tbody > tr > td {padding:20px; font-size:18px; line-height:24px;}
.organization-group-cell + .organization-group-cell {margin-top:90px;}

/* 위치안내 */
.contact-wrap .map-visual {border:1px solid #e1e1e1;}
.contact-wrap .map-visual .col-lg-none {display:none;}
.contact-wrap .map-visual  + .list-border-thick {margin-top:70px;}
.contact-wrap .list-border-thick .contact-info {padding-left:12px; font-size:0; box-sizing:border-box;}
.contact-wrap .list-border-thick .contact-info .location {font-size:24px; font-weight:700; line-height:26px;}
.contact-wrap .list-border-thick .contact-info .telephone,
.contact-wrap .list-border-thick .contact-info .fax {position:relative; display:inline-block; margin-top:20px; padding-left:36px; font-size:18px; font-weight:500; line-height:30px;}
.contact-wrap .list-border-thick .contact-info .telephone:before {content:''; position:absolute; top:0; left:-4px; width:32px; height:30px; background:url('../images/icon/icon_contact_phone.png')no-repeat; background-position:center center; background-size:cover;}
.contact-wrap .list-border-thick .contact-info .fax {margin-left:50px; padding-left:44px;}
.contact-wrap .list-border-thick .contact-info .fax:before {content:''; position:absolute; top:0; left:0; width:32px; height:30px; background:url('../images/icon/icon_contact_fax.png')no-repeat; background-position:center center; background-size:cover;}
.contact-wrap .list-border-thick .btn-wrap {padding-left:8%; box-sizing:border-box;}
.contact-wrap .list-border-thick .btn-wrap .btn-blue {height:74px; line-height:72px;}
.contact-wrap .list-border-thick .btn-wrap .transportation {margin-left:10px; padding:15px 0; line-height:22px;}
.contact-wrap .list-border-thick .btn-wrap .transportation span {display:block; font-size:16px;}

/* ESG경영 > KINTEX ESG */
.esg-wrap .default-wrap + .default-wrap {margin-top:110px;}
.esg-wrap .default-wrap .con-title {line-height:54px;}
.esg-wrap .default-wrap .con-info-box {padding:20px 0; font-size:18px; font-weight:400; color:#666; line-height:34px; word-break:keep-all;}
.esg-strategy {position:relative;}
.esg-strategy .content-wrap {position:relative; width:720px; height:720px; margin:125px auto 27px; border:1px solid #e4e4e4; border-radius:50%; box-sizing:border-box; z-index:1;}
.esg-strategy .content-wrap .content-item .circle-title {position:absolute; display:inline-block; justify-items:center; width:288px; height:288px; font-size:28px; font-weight:700; color:#fff; line-height:38px; text-align:center; border-radius:50%;}
.esg-strategy .content-wrap .cont-circle1 .circle-title {top:50%; left:50%; margin-top:-286px; margin-left:-144px; background-color:rgba(4,53,189,1.0); z-index:2;}
.esg-strategy .content-wrap .cont-circle1 .circle-title > div {position:absolute; top:50%; width:100%; margin-top:-53px;}
.esg-strategy .content-wrap .cont-circle2 .circle-title {top:50%; left:50%; margin-top:-91px; margin-left:-251px; background-color:rgba(70,186,220,0.8); z-index:3;}
.esg-strategy .content-wrap .cont-circle3 .circle-title {top:50%; left:50%; margin-top:-91px; margin-left:-36px; background-color:rgba(75,187,136,.8); z-index:4;}
.esg-strategy .content-wrap .cont-circle2 .circle-title > div,
.esg-strategy .content-wrap .cont-circle3 .circle-title > div {position:absolute; top:50%; width:100%; margin-top:-34px;}
.esg-strategy .content-wrap .content-item .circle-title > div .eng {display:block; font-size:24px; font-weight:500; line-height:30px;}
.esg-strategy .content-wrap .content-item .circle-sub-cont {position:absolute; display:inline-block; padding:15px 27px; font-size:20px; font-weight:500; color:#333; line-height:30px; text-align:center; background-color:#fff; z-index:5;}
.esg-strategy .content-wrap .cont-circle1 .circle-sub-cont {top:-48px; left:50%; transform: translateX(-50%); background-color: transparent;}
.esg-strategy .content-wrap .cont-circle2 .circle-sub-cont {top:50%; left:-84px;}
.esg-strategy .content-wrap .cont-circle3 .circle-sub-cont {top:50%; right:-80px;}
.esg-strategy .content-wrap .content-info {position:absolute; bottom:53px; width:100%; padding:18px 0; font-size:34px; font-weight:700; color:#333; line-height:50px; text-align:center; background-color:#fff;}
.esg-action .esg-action-content {margin-top:40px;}
.esg-action .grid-frame-layout {margin:0 -40px;}
.esg-action .grid-frame-cell {padding:0 30px;}
.esg-action .grid-frame-cell + .grid-frame-cell {border-left:1px solid #eaeaea;}
.esg-action .esg-action-content .top-visual {position:relative;}
.esg-action .esg-action-content .top-visual .content-title {position:absolute; bottom:0; left:0; width:100%; font-size:20px; font-weight:700; color:#fff; line-height:60px; text-align:center; z-index:2;}
.esg-action .esg-action-content .top-visual .content-title.environment {background-color:rgba(4,53,189,.8);}
.esg-action .esg-action-content .top-visual .content-title.social {background-color:rgba(70,186,220,0.8);}
.esg-action .esg-action-content .top-visual .content-title.governace { background-color:rgba(75,187,136,.8);}
.esg-action .esg-action-content .top-visual .content-img {position:relative; padding-top:71.42%; z-index:1;}
.esg-action .esg-action-content .top-visual .content-img > img {position:absolute; top:0; left:0; width:100%; height:100%;}
.esg-action .esg-action-content .circle-list-content {padding:36px 0; word-break: keep-all;}
.esg-action .esg-action-content .circle-list-content .circle-list-cell {position:relative; padding-left:12px; font-size:18px; color:#666; line-height:25px;}
.esg-action .esg-action-content .circle-list-content .circle-list-cell + .circle-list-cell {margin-top:14px;}
.esg-action .esg-action-content .circle-list-content .circle-list-cell:before {content:''; position:absolute; top:10px; left:0; width:4px; height:4px; background-color:#888; border-radius:50%;}



/* ESG경영 > KINTEX CSR */
.esg-csr-wrap .btn-square-item .item-subject {display:inline-block; height:auto; overflow:auto;}
.esg-csr-wrap .btn-square-item .item-thumb .thumb {border:1px solid #afafaf;}
.square-thumb-group .btn-square-item .item-sub-subject .item-subject-info {font-size:16px; font-weight:400; color:#666; line-height:24px;}

/* ESG경영 > 윤리경영 */
.esg-business-wrap .square-visual-box {display:flex; width:100%;}
.esg-business-wrap .square-visual-box > div {flex:none; width:50%; height:auto; box-sizing:border-box;}
.esg-business-wrap .square-visual-box .content-img-wrap .content-img {width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center;}
.esg-business-wrap .square-visual-box .content-text-wrap {display:inline-block; height:auto; padding:0 40px; color:#fff; background-color:#18a9d3; box-sizing:border-box;}
.esg-business-wrap .square-visual-box .content-text-wrap .title-box {display:inline-block; width:100%; margin-top:81px; padding-bottom:43px; font-size:40px; font-weight:700; line-height:50px; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.esg-business-wrap .square-visual-box .content-text-wrap .title-box > img {display:inline-block; padding:12px 0 0;}
.esg-business-wrap .square-visual-box .content-text-wrap .title-box > div {display:inline-block;}
.esg-business-wrap .square-visual-box .content-text-wrap .text-box {padding:42px 0 81px; font-size:18px; line-height:34px; word-break:keep-all;}

.esg-business-wrap .square-visual-box .content-text-01-wrap {display:inline-block; height:auto; padding:0 40px; color:#fff; background-color:#0435bd; box-sizing:border-box;}
.esg-business-wrap .square-visual-box .content-text-01-wrap .title-box {display:inline-block; width:100%; margin-top:81px; padding-bottom:43px; font-size:40px; font-weight:700; line-height:50px; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.esg-business-wrap .square-visual-box .content-text-01-wrap .title-box > img {display:inline-block; padding:12px 0 0;}
.esg-business-wrap .square-visual-box .content-text-01-wrap .title-box > div {display:inline-block;}
.esg-business-wrap .square-visual-box .content-text-01-wrap .text-box {padding:42px 0 81px; font-size:18px; line-height:34px; word-break:keep-all;}

.esg-business-wrap .square-visual-box .content-text-02-wrap {display:inline-block; height:auto; padding:0 40px; color:#fff; background-color:#004bad; box-sizing:border-box;}
.esg-business-wrap .square-visual-box .content-text-02-wrap .title-box {display:inline-block; width:100%; margin-top:81px; padding-bottom:43px; font-size:40px; font-weight:700; line-height:50px; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.esg-business-wrap .square-visual-box .content-text-02-wrap .title-box > img {display:inline-block; padding:12px 0 0;}
.esg-business-wrap .square-visual-box .content-text-02-wrap .title-box > div {display:inline-block;}
.esg-business-wrap .square-visual-box .content-text-02-wrap .text-box {padding:42px 0 81px; font-size:18px; line-height:34px; word-break:keep-all;}



.esg-business-wrap .dotted-list-wrap {border:none;}
.esg-business-wrap .dotted-list-wrap .dotted-list-cell {display:flex; align-items:flex-start; padding:56px 31px;}
.esg-business-wrap .con-info-list {padding:28px 26px;}
.esg-business-wrap .con-info-list .info-list-cell {padding:18px 0 18px 88px;}
.esg-business-wrap .con-info-list .info-list-cell .con-info-title {position:relative; font-size:22px; font-weight:700; line-height:30px;}
.esg-business-wrap .con-info-list .info-list-cell .con-info-title:before {content:''; position:absolute; top:0px; left:-88px; width:58px; height:60px; background-size:cover; background-repeat:no-repeat;}
.esg-business-wrap .con-info-list .info-list-cell:nth-of-type(1) .con-info-title:before {background-image:url(../images/icon/company_esg_business_protect1.png);}
.esg-business-wrap .con-info-list .info-list-cell:nth-of-type(2) .con-info-title:before {height:50px; background-image:url(../images/icon/company_esg_business_protect2.png);}
.esg-business-wrap .con-info-list .info-list-cell:nth-of-type(3) .con-info-title:before {background-image:url(../images/icon/company_esg_business_protect3.png);}
.esg-business-wrap .con-info-list .info-list-cell .con-info-text {margin-top:6px; font-size:18px; font-weight:400; color:#666; line-height:34px;}
.esg-business-wrap .default-wrap + .default-wrap.notify {margin-top:90px;}
.esg-business-wrap .default-wrap.notify .con-title{padding-bottom:17px;}
.esg-business-wrap .default-wrap.notify .circle-list-box {padding:40px 50px;}
.esg-business-wrap .circle-list-wrap {position:relative;}
.esg-business-wrap .circle-list-wrap + .circle-list-wrap {margin-top:31px;}
.esg-business-wrap .circle-list-wrap .con-info-title {font-size:22px; font-weight:700; line-height:40px;}
.esg-business-wrap .circle-list-wrap .con-info-title_01 {font-size:22px; font-weight:700; line-height:60px;}
.esg-business-wrap .circle-list-wrap .circle-list-content > li {position:relative; padding-left:63px; height:36px; font-size:18px; line-height:36px;}
.esg-business-wrap .circle-list-wrap .circle-list-content .title {position:absolute; top:0; left:0; display:inline-block; width:63px; height:36px; padding-left:11px; font-weight:500; color:#111; text-align:justify; text-align-last:justify; box-sizing:border-box;}
.esg-business-wrap .circle-list-wrap .circle-list-content .title:before {content:''; position:absolute; top:16px; left:0; width:4px; height:4px; border-radius:50%; background-color:#888;}
.esg-business-wrap .circle-list-wrap .circle-list-content .info {position:relative; display:inline-block; padding-left:16px; font-weight:400; color:#666;}
.esg-business-wrap .circle-list-wrap .circle-list-content .info:before {content:':'; position:absolute; left:6px;}
.esg-business-wrap .circle-list-wrap .circle-list-content_01 > li {position:relative; padding-left:0px; height:auto; font-size:18px; line-height:36px;}
.esg-business-wrap .circle-list-wrap .circle-list-content_01 .info_01 {position:relative; display:inline-block; padding-left:16px; font-weight:400; color:#666;}
.esg-business-wrap .circle-list-wrap .circle-list-content_01 .info_01:before {content:''; position:absolute; top:16px; left:0; width:4px; height:4px; border-radius:50%; background-color:#888;}
.esg-business-wrap .circle-list-wrap .circle-list-content .title.text {width:100%; font-weight:400; color:#666; text-align:left; text-align-last:left;}
.esg-business-wrap .circle-list-wrap .btn-blue {position:absolute; top:45px; right:0;}
.esg-business-wrap .circle-list-wrap .btn-border-blue {position:absolute; top:-39px; right:0; background:url('../images/content/company_esg_business_btn_bg.jpg')no-repeat; background-size:cover; background-position:center;}
.esg-business-wrap .circle-list-box + .notify-info {position:relative; margin-top:17px; padding-left:76px; font-size:16px; font-weight:400; color:#888; line-height:22px;}
.esg-business-wrap .circle-list-box + .notify-info:before {content:'※'; position:absolute; left:60px;}


/* 팝업 */
.alert-data .pop-head {position:relative; padding:40px 40px; text-align:left;}
.alert-data .pop-head .title-txt {padding:26px 0 0px; font-size:30px; font-weight:700; line-height:38px;}
.alert-data .pop-head .btn-pop-head button {position:absolute; top:40px; right:40px; width:28px; height:26px; padding:0; text-indent:-9999px;}
.alert-data .pop-head .btn-pop-head button:after {content:''; position:absolute; top:0; left:0; width:28px; height:26px; background:url(../images/icon/icon_pc_popup_close.png)no-repeat top center; background-size:cover;}
.esg-pop.alert-data .pop-body {padding:0 40px 40px;}
.alert-data .pop-body .title-sub {padding-bottom:15px; font-size:18px; font-weight:400; color:#666; line-height:26px; text-align:left;}
.esg-pop .pop-body .form-table-wrap {margin-top:0;}
.esg-pop .pop-body .form-table-wrap .read-table table {width:auto;}
.esg-pop .form-table-wrap .select-field > td > select,
.esg-pop .form-table-wrap .writer > td > input {width:210px; padding:0 12px;}
.esg-pop .form-table-wrap .email > td > input {width:210px; padding:0 12px;}
.esg-pop .form-table-wrap .email > td > select {width:275px; margin-right:0; margin-left:0;}
.esg-pop .form-table-wrap .phone-number .phone-number-form01 > select,
.esg-pop .form-table-wrap .phone-number .phone-number-form01 > input {width:80px; min-width:auto; padding:0 14px 0 14px;}
.esg-pop .form-table-wrap .phone-number02 .phone-number-form01 > input:last-of-type {min-width:120px; padding:0 12px;}
.esg-pop .form-table-wrap .phone-number .phone-number-form02 > input {width:190px; margin-left:10px; padding:0 6px;}
.esg-pop .form-table-wrap .phone-number .phone-number-form02 button {min-width:120px;}
.esg-pop .form-table-wrap .inquire-content textarea {height:240px;}
.esg-pop .form-table-wrap .table-info {margin-top:17px; font-size:16px; color:#888; line-height:22px; text-align:left;}
.esg-pop .form-table-wrap .table-info em {color:#e60012;}
.esg-pop.alert-data .pop-footer {padding:7px 40px 70px; text-align:right;}


/*==============================================
06. 메인
==============================================*/
/* 메인 */
/*.main-wrap {width:100vw; height:100vh; overflow:hidden;}*/
.main-wrap {position:fixed;top:0;right:0;bottom:0;left:0;width:auto;height:auto;margin:auto;overflow:hidden;}
.main-wrap .display-table-cell {vertical-align:middle;}
.main-wrap > .section {position:absolute; top:0; left:0; width:100vw; height:100%; overflow:hidden; transform:translate(0% , 100%); transition:transform 1.25s cubic-bezier(0.250, 0.460, 0.450, 0.940); background-color:#fff;}
.main-wrap > .section:focus {outline:none;}
/*.main-wrap > .section:nth-child(3) {background-color:#f5f5f5;}*/
.main-wrap > .section > div {width:100%;}
.main-footer {position:absolute; bottom:0; left:0; display:block; width:100%; z-index:20;}

@media screen and (min-width:1024px) and (max-height:800px){	
	.main-wrap .display-table-cell {vertical-align:top;}
	.main-wrap .main-data {padding:140px 0 50px 0;}
	.main-wrap .main-data.main-banner-slider {padding:0;}
}


.main-bottom-nav {position:fixed; bottom:0; left:0; width:100%; height:60px; display:none; z-index:20; background:#f5f5f5;}
.main-bottom-nav > a {display:block; flex:1; text-align:center;}
.main-bottom-nav > a .txt {margin-top:-2px; font-size:11px; line-height:13px; font-weight:700; color:#0947ba;}

.main-title-group {display:block;}
.main-title {font-size:50px; line-height:64px; font-weight:700;}
.main-title + .main-info {margin-top:15px;}
.main-info {font-size:20px; line-height:30px;}
.main-info > strong {font-weight:700;}

.main-nav {position:fixed; top:0; right:50px; display:block; height:100%; z-index:1000;}
.main-nav > ul {position:absolute; top:50%; right:0; transform:translate(0% , -100%);}
.main-nav > ul:before {content:''; position:absolute; top:0; right:0; display:block; width:2px; height:100%; background:rgba(255,255,255,0.2); transition:background 0.35s ease;}
.main-nav > ul > li {text-align:right; line-height:1;}
.main-nav > ul > li + li {margin-top:10px;}
.main-nav > ul > li > button {position:relative;display:inline-block; padding:0 20px 0 0; font-size:14px; line-height:30px; color:rgb(255,255,255,0.6); font-weight:500; box-sizing:border-box; white-space:nowrap; transition:color 0.35s ease;}
.main-nav > ul > li > button:before {content:''; position:absolute; top:0; right:0; width:4px; height:100%; background:#fff; opacity:0; transition:background 0.35s ease, opacity 0.35s ease;}
.main-nav > ul > li.actived > button {color:#fff; font-weight:700;}
.main-nav > ul > li.actived > button:before {opacity:1;}
.main-nav.black > ul:before {background:rgba(17,17,17,0.2)}
.main-nav.black > ul > li > button {color:rgba(17,17,17,0.6);}
.main-nav.black > ul > li > button:before {background:#003291;}
.main-nav.black > ul > li.actived > button {color:#003291;}

.fp-bg {position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/content/main_banner_02.jpg) center center no-repeat; z-index:20;}

/* 메인 > 메인비주얼 */
.main-banner {position:absolute; top:0; left:0; width:100%; height:100vh;}
.main-banner-data {position:absolute; top:0; left:0; width:100%; height:100vh; z-index:0; background:#000;}
.main-banner-data:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#000; opacity:0; z-index:15;}
.main-banner-cell {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; clip-path:polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);}
.main-banner-cell .obj {position:absolute; top:0; left:0; width:100%; height:100%; transform:scale(1.2); transition:transform 0.95s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
.main-banner-cell.actived .obj {transform:scale(1);}
.main-banner-cell.default .obj {transform:scale(1); transition-duration:0s;}
.main-banner-cell video,
.main-banner-cell img {position:absolute; top:50%; left:50%; width:100vw; height:56.25vw; max-width:none; transform:translate(-50% , -50%) rotate(-0.001deg);}
@media screen and (max-width:1280px){
	.main-banner-cell video,
	.main-banner-cell img {width:1920px; height:940px;}
}
.main-banner-ui {display:none;}
.main-banner-controls {position:absolute; bottom:60px; right:50px; display:flex; align-items:center; z-index:25;}
.main-banner-controls .page-controls {display:inline-flex;}
.main-banner-controls .page-controls > button {display:block; font-size:0; width:60px; height:10px; background:rgba(255,255,255,0.6); transition:width 0.35s ease, background 0.35s ease; border-radius:0;}
.main-banner-controls .page-controls > button + button {margin-left:10px;}
.main-banner-controls .page-controls > button.actived {width:80px; background:rgba(4,53,189,1);}
.main-banner-controls .value-controls {padding:0 10px; font-size:14px; line-height:30px; color:#fff; font-weight:500;}
.main-banner-controls .auto-control {height:30px; margin-left:10px;}
.main-banner-controls .btn-auto-control {position:relative; display:block; padding:0; font-size:0; width:7px; height:30px}
.main-banner-controls .btn-auto-control:before {content:''; position:absolute; top:50%; left:0; display:block; width:2px; height:10px; margin-top:-5px; background:#fff;}
.main-banner-controls .btn-auto-control:after {content:''; position:absolute; top:50%; right:0; display:block; width:2px; height:10px; margin-top:-5px; background:#fff;}
.main-banner-controls .btn-auto-control.paused:before {display:none;}
.main-banner-controls .btn-auto-control.paused:after {width:0; height:0; margin-top:-5px; border-style: solid; border-width: 5px 0 5px 7px; background:none; border-color: transparent transparent transparent #fff;}

.main-banner-scroller {position:absolute; bottom:40px; left:0; width:100%; text-align:center; z-index:20;}
.main-banner-scroller:before {content:'';position:absolute;top:27px;left:50%;display:block;width:6px;height:6px;border-radius:50%;background:#fff;opacity:0.6;margin-left:-4px; animation:scrollInformation 2s infinite}
.main-banner-scroller:after {content:'';position:absolute;top:42px;left:50%;display:block;width:13px;height:30px;background:url(../images/content/main_visual_item_04_arrow.png) center center no-repeat;margin-left:-7px; animation:scrollArrowInformation 2s infinite}

@keyframes scrollInformation {
	0% {top:27px;}
	40% {top:27px;}
	80% {top:37px;}
	100% {top:27px;}
}
@keyframes scrollArrowInformation {
	0% {top:42px;}
	40% {top:42px;}
	80% {top:52px;}
	100% {top:42px;}
}

.main-banner-slider {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.main-banner-slider .slider-data {position:relative; width:100%; height:100%; background:#000; z-index:0;}
.main-banner-slider .slider-data .swiper-container {height:100%;}
.main-banner-slider .slider-item {position:relative; width:100%; height:100%; overflow:hidden;}
.main-banner-slider .slider-item .pc{display:block;}
.main-banner-slider .slider-item .mob{display:none;}
.main-banner-slider .slider-item video,
.main-banner-slider .slider-item img {position:absolute; top:50%; left:50%; width:100vw; max-width:none; transform:translate(-50% , -50%) rotate(-0.001deg); object-fit: cover; height:100%;}

.main-banner-controls .swiper-pagination {position:static; text-align:left; transition:none;}
.main-banner-controls .swiper-pagination-bullet {display:block; font-size:0; width:60px; height:10px; background:rgba(255,255,255,0.6); transition:width 0.35s ease, background 0.35s ease; border-radius:0; opacity:1;}
.main-banner-controls .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:10px;}
.main-banner-controls .swiper-pagination-bullet.swiper-pagination-bullet-active {width:80px; background:rgba(4,53,189,1);}

@media screen and (max-width:1280px){
	.main-banner-slider .slider-item video,
	.main-banner-slider .slider-item img {width:1920px;/* height:940px;*/}
}


/* 메인 > 일정안내 */
/*
.main-schedule {position:relative; padding:112px 0 70px 0; background-color:#fff; box-sizing:border-box;z-index:15;}
*/
.main-schedule {position:relative; padding:0; background-color:#fff; box-sizing:border-box;z-index:15;}
.main-schedule .swiper-container {overflow:visible;}
.main-schedule .swiper-pagination-progressbar {position:relative; top:auto; left:auto; width:100%; height:6px; margin-top:40px; background:#ebebeb;}
.main-schedule .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#0947ba;}
.main-schedule .swiper-slide {width:auto;}
.main-schedule .slider-outer {position:relative; width:100vw; left:50%; margin-left:-50vw;}
.main-schedule .slider-inner {max-width:1280px; margin:0 auto; padding:0 40px; box-sizing:border-box;}
.main-schedule .btn-schedule-prev {position:absolute; top:50%; left:50px; display:block; width:50px; height:50px; margin:-25px 0 0 0; border-radius:50%; background-color:#111; background-repeat:no-repeat; background-position:center center; background-image:url(../images/content/btn_main_schedule_prev.png); z-index:15;}
.main-schedule .btn-schedule-next {position:absolute; top:50%; right:50px; display:block; width:50px; height:50px; margin:-25px 0 0 0; border-radius:50%; background-color:#111; background-repeat:no-repeat; background-position:center center; background-image:url(../images/content/btn_main_schedule_next.png); z-index:15;}
.main-schedule .btn-main-schedule-more {position:absolute; bottom:100%; right:0; display:inline-block; margin-bottom:46px; padding-right:38px; font-size:14px; line-height:28px; font-weight:500; color:#000;}
.main-schedule .btn-main-schedule-more:after {content:''; position:absolute; top:0; right:0; display:block; width:28px; height:28px; border-radius:50%; border:1px solid #000; box-sizing:border-box; background:url(../images/content/main_schedule_more.png) center center no-repeat;}
.main-schedule-slider-wrap {position:relative; margin-top:44px;}
.main-schedule-item {position:relative; display:block; width:342px; overflow:hidden; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); transition:box-shadow 0.35s ease;}
.main-schedule-item .btn-mobile-link {display:none;}
.main-schedule-item .visual {position:relative; padding-top:124.56%; z-index:0; overflow:hidden;}
.main-schedule-item .visual img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:0; transition:transform 0.65s cubic-bezier(0.770, 0.000, 0.175, 1.000), opacity 0.65s ease;}
.main-schedule-item .visual:before {content:''; position:absolute; bottom:-50px; left:0; display:block; width:100%; height:100%;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); opacity:0.8; z-index:2;}
.main-schedule-item .info-item {position:absolute; top:0; left:0; width:100%; height:100%; z-index:5;}
.main-schedule-item .info-item:before {content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:0; background-color:#fff; z-index:2; transition:height 0.65s cubic-bezier(0.770, 0.000, 0.175, 1.000);}
.main-schedule-item .info-inner {position:absolute; top:calc( 100% - 170px ); left:0; display:block; width:100%; height:100%; padding:0 30px; box-sizing:border-box; z-index:3; transition:top 0.65s cubic-bezier(0.770, 0.000, 0.175, 1.000);}
.main-schedule-item .cate {position:relative; width:120px; height:48px; box-sizing:border-box; border:1px solid rgba(255,255,255,0.6); transition:width 0.65s cubic-bezier(0.770, 0.000, 0.175, 1.000), height 0.65s cubic-bezier(0.770, 0.000, 0.175, 1.000), border 0.65s ease;}
.main-schedule-item .cate:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:0; background-color:#000; transition:height 0.65s cubic-bezier(0.770, 0.000, 0.175, 1.000);}
.main-schedule-item .cate-data {position:absolute; top:12px; left:0; display:block; width:100%; height:20px; padding:0 0 0 17px; box-sizing:border-box; z-index:2; transition:top 0.65s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
.main-schedule-item .cate-data .en-txt {font-size:16px; line-height:20px; color:#fff; font-weight:700;}
.main-schedule-item .cate-data .ko-txt {margin-top:3px; font-size:14px;line-height:20px;color:#fff; opacity:0; transition:opacity 0.65s ease;}
.main-schedule-item .title {word-break: keep-all; display:-webkit-box; margin-top:12px; height:80px; font-size:26px; line-height:37px; color:#fff; font-weight:700; overflow:hidden; transform:translate(0px , 0px); transition:color 0.65s ease, transform 0.65s cubic-bezier(0.770, 0.000, 0.175, 1.000); text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.main-schedule-item .date {margin-top:7px; font-size:16px; line-height:8px; color:#fff; opacity:1; transition:transform 0.65s ease, opacity 0.65s ease;}
.main-schedule-item .more {position:absolute; bottom:48px; left:0; display:block; width:100%; height:46px; padding:0 30px; box-sizing:border-box;}
.main-schedule-item .more > a,
.main-schedule-item .more > span {position:relative; display:inline-block; padding-right:50px; font-size:16px; line-height:46px; font-weight:700; border-bottom:2px solid #000; box-sizing:border-box;}
.main-schedule-item .more > a:before,
.main-schedule-item .more > span:before {content:''; position:absolute; top:50%; right:0; display:block; width:8px; height:14px; margin-top:-7px; background:url(../images/content/main_schedule_arrow.png) center center no-repeat;}
.main-schedule-item.red .cate:before {background-color:#df0000;}
.main-schedule-item.pink .cate:before {background-color:#ed2171;}
.main-schedule-item.green .cate:before {background-color:#40cd05;}
.main-schedule-item.purple .cate:before {background-color:#7e00d2;}
.main-schedule-item.blue .cate:before {background-color:#0435bd;}

.main-schedule .btn-main-schedule-auto-ui {position:absolute; display:block; padding:0; font-size:0; width:24px; height:24px; top:100%; right:50%; margin:33px 0 0 0; margin-right:calc( ( ( 100vw / 2 ) - 50px ) * -1 );}
.main-schedule .btn-main-schedule-auto-ui:before {content:''; position:absolute; top:0; left:0; display:block; width:24px; height:24px; margin-top:0; opacity:1; background:url(../images/content/main_schedule_auto_off.png) center center no-repeat;}
.main-schedule .btn-main-schedule-auto-ui:after {content:''; position:absolute; top:0; left:0; display:block; width:24px; height:24px; margin-top:0; opacity:0;  background:url(../images/content/main_schedule_auto_on.png) center center no-repeat;}
.main-schedule .btn-main-schedule-auto-ui.paused:before {opacity:0;}
.main-schedule .btn-main-schedule-auto-ui.paused:after {opacity:1;}


@media screen and (min-width:1024px){
	.main-schedule-item:focus .info-item .info-inner {top:0;}
	.main-schedule-item:focus .info-item:before {height:100%;}
	.main-schedule-item:focus .info-item .visual img {transform:translate(0% , -20%);}
	.main-schedule-item:focus .info-item .cate {width:140px; height:140px;}
	.main-schedule-item:focus .info-item .cate:before {height:100%;}
	.main-schedule-item:focus .info-item .cate-data {top:26px;}
	.main-schedule-item:focus .info-item .cate .ko-txt {opacity:1;}
	.main-schedule-item:focus .info-item .title {color:#111; transform:translate(0px , 18px);}
	.main-schedule-item:focus .info-item .date {opacity:1; transform:translate(0px , 18px); color:#666;}
	.main-schedule-item:focus {box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.2);}

	.main-schedule-item:hover .info-item .info-inner {top:0;}
	.main-schedule-item:hover .info-item:before {height:100%;}
	.main-schedule-item:hover .info-item .visual img {transform:translate(0% , -20%);}
	.main-schedule-item:hover .info-item .cate {width:140px; height:140px;}
	.main-schedule-item:hover .info-item .cate:before {height:100%;}
	.main-schedule-item:hover .info-item .cate-data {top:26px;}
	.main-schedule-item:hover .info-item .cate .ko-txt {opacity:1;}
	.main-schedule-item:hover .info-item .title {color:#111; transform:translate(0px , 18px);}
	.main-schedule-item:hover .info-item .date {opacity:1; transform:translate(0px , 18px); color:#666;}
	.main-schedule-item:hover {box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.2);}
}

@media screen and (min-width:1920px){
	.main-schedule .btn-schedule-prev {left:50%; margin:-25px 0 0 -910px;}
	.main-schedule .btn-schedule-next {right:50%; margin:-25px -910px 0 0 ;}
	.main-schedule .btn-main-schedule-auto-ui {margin:33px -910px 0 0;}
}

@media screen and (min-width:1024px) and (max-height:768px){	
	.main-title {font-size:40px; line-height:50px;}
	.main-title + .main-info {margin-top:7px;}
	.main-info {font-size:16px; line-height:24px;}
}

@media screen and (max-height:768px){	
	.main-schedule-item .visual {padding-top:100%;}
	.main-schedule-slider-wrap {margin-top:25px;}
	.main-schedule-item .more {bottom:10px;}
	.main-schedule .btn-main-schedule-auto-ui {margin-top:15px;}

}

/* 메인 > 시설안내 */
.main-facility {position:static; height:940px; padding:195px 0 0 0; box-sizing:border-box; z-index:15;}
.main-facility-tab {margin-top:130px; position:relative; z-index:2;}
.main-facility-tab .main-facility-tab-cell {display:block;}
.main-facility-tab .main-facility-tab-cell > a  {position:relative; display:inline-block; width:124px; padding:0; font-size:24px; line-height:52px; color:#888; font-weight:700; text-align:left; transition:font-size 0.35s ease, color 0.35s ease;}
.main-facility-tab .main-facility-tab-cell > a:before {content:''; position:absolute; top:50%; right:100%; margin-right:60px; width:0; height:1px; background:#0947ba; transition:width 0.45s cubic-bezier(0.770, 0.000, 0.175, 1.000), color 0.45s ease;}
.main-facility-tab .main-facility-tab-cell > a:after {content:''; position:absolute; top:50%; left:100%; width:0; height:1px; background:#0947ba; transition:width 0.45s cubic-bezier(0.770, 0.000, 0.175, 1.000), color 0.45s ease;}
.main-facility-tab .main-facility-tab-cell.actived > a {font-size:30px; color:#0947ba;}
.main-facility-tab .main-facility-tab-cell.actived > a:before {width:100vw;}
.main-facility-tab .main-facility-tab-cell.actived > a:after {width:100vw;}
.main-facility-group {position:absolute; top:175px; left:50%; display:block; margin:0 0 0 -90px; z-index:20}
.main-facility-inner {position:relative; width:430px; height:490px;background:#fff; box-shadow: 0px 40px 80px rgba(0, 0, 0, 0.2); overflow:hidden;}
.main-facility-inner:after {content:''; position:absolute; top:60px; right:50px; display:block; width:17px; height:100px; background:url(../images/content/main_facilities_list_logo.png) center top no-repeat; z-index:15;}
.main-facility-item {position:relative; padding:55px 50px 55px 50px; box-sizing:border-box; width:100%; min-height:490px; text-align:left;}
.main-facility-item .cate {font-size:18px;line-height:24px;color:#666;font-weight:700;}
.main-facility-item .title {margin-top:7px; font-size:40px; line-height:56px; color:#111; font-weight:700; word-break:keep-all;}
.main-facility-item .desc {position:relative; margin-top:30px; padding-top:36px; font-size:18px; line-height:30px; color:#111; padding-right: 25px; text-align: justify; word-break: keep-all; letter-spacing: -0.7px;}
.main-facility-item .desc em {font-weight:700;}
.main-facility-item .desc:before {content:'';position:absolute;top:0;left:0;display:block;width:60px;height:4px;background:#4e4e4e;}
.main-facility-item .more {position:absolute; bottom:50px; right:50px; line-height:1;}
.main-facility-item .more > a {position:relative; display:inline-block; padding-right:37px; font-size:14px; line-height:28px; color:#000; font-weight:500;}
.main-facility-item .more > a:after {content:''; position:absolute; top:0; right:0; display:block; width:28px; height:28px; background:url(../images/icon/icon_main_facility_more.png) center center no-repeat; background-size:28px auto;}
.main-facility-visual {position:absolute; top:50%; left:50%; display:block; width:1050px; height:940px; margin-top:-475px; overflow:hidden; z-index:5;}
.main-facility-visual-inner{}
.main-facility-list{}
.main-facility-list .main-facility-data:focus {outline:none;}
.main-facility-visual-inner .main-facility-visual-cell {text-align:right;}
.main-facility-visual-inner .main-facility-visual-cell:nth-child(even) {text-align:left;}

.main-facility-obj {position:absolute; top:100%; left:50%; display:block; width:1745px; height:303px; margin:-206px 0 0 -966px; background:url(../images/content/main_facility_logo.png) center center no-repeat;}

@media screen and (min-width:1024px) and (max-height:940px){	
	.main-facility {position:relative; overflow:hidden; height:100%;}	
	.main-facility-visual {top:0; margin-top:0;}
	.main-facility-obj {margin-top:-200px;}
	.main-facility-tab {margin-top:70px;}
	.main-facility-group {top:100px;}

}

@media screen and (min-width:1024px) and (max-height:800px){	
	.main-facility {position:absolute; top:0;left:0;width:100%;height:100%; overflow:hidden;}	
}



/* 메인 > 이용안내 */
/*
.main-information {position:relative; padding:115px 0 130px 0; background-color:#fff; box-sizing:border-box; z-index:15;}
*/
.main-information {position:relative; padding:100px 0 303px 0; background-color:#fff; box-sizing:border-box; z-index:15;}
.main-information .main-information-list {margin-top:47px;}
.main-information-list {}
.main-information-list > ul {display:flex; margin:-10px}
.main-information-list > ul > li {flex:1; padding:10px; box-sizing:border-box;}
.main-information-list .main-information-item {display:flex; flex:1; align-items:flex-start; justify-content:center; width:100%; min-height:100%; padding:27px 10px; border:1px solid #eee; box-sizing:border-box; transition:border 0.35s ease;}
.main-information-list .item-inner {width:100%; text-align:center;}
.main-information-list .icons {display:inline-block; width:96px; height:96px; background-repeat:no-repeat; background-position:center center;}
.main-information-list .main-information-hotel .icons {background-image:url(../images/icon/icon_main_information_hotel.png);}
.main-information-list .main-information-contact .icons {background-image:url(../images/icon/icon_main_information_contact.png);}
.main-information-list .main-information-parking .icons {background-image:url(../images/icon/icon_main_information_parking.png);}
.main-information-list .main-information-travel .icons {background-image:url(../images/icon/icon_main_information_travel.png);}
.main-information-list .main-information-cooperation .icons {background-image:url(../images/icon/icon_main_information_cooperation.png);}
.main-information-list .main-information-person .icons {background-image:url(../images/icon/icon_main_information_person.png);}
.main-information-list .main-information-document .icons {background-image:url(../images/icon/icon_main_information_document.png);}
.main-information-list .main-information-floor .icons {background-image:url(../images/icon/icon_main_information_floor.png);}
.main-information-list .title {margin-top:13px; font-size:28px; line-height:40px; font-weight:700;}
.main-information-list .desc {margin-top:17px; font-size:16px; line-height:26px; font-weight:400; color:#666;}
.main-information-list .main-information-item:hover {border-color:#0947ba;}

@media screen and (min-width:1024px) and (max-height:850px){	
	.main-wrap > .section:nth-child(4) .display-table-cell {vertical-align:top;}
	.main-data.main-information {padding:110px 0 100px 0;}
}

@media screen and (min-width:1024px) and (max-height:800px){	
	.main-data.main-information {padding-bottom:20px;}
	.main-footer .footer-wrap {padding:50px 0;}
	.main-information .main-information-list {margin-top:20px;}
	.main-information-list .main-information-item {padding:10px;}

	.main-information-list .main-information-item {height:33vh; min-height:0; align-items:center;}
	.main-information-list .icons {width:70px; height:70px; background-size:cover;}
	.main-information-list .title {font-size:20px; line-height:24px; margin-top:10px;}
	.main-information-list .desc {font-size:14px; line-height:20px; margin-top:10px;}
}

@media screen and (min-width:1024px) and (max-height:670px){	
	/*.main-footer {position:relative; top:auto; left:auto;}*/
}

@media screen and (max-width:820px){
	.main-data.main-information {padding-bottom:375px;}
}



/* 메인 > 오거나이저 */
.main-organizer {padding:101px 0 0 0; background:url(../images/content/main_banner_02.jpg) center top no-repeat; background-size:cover;}
.main-organizer-outer {max-width:100%; background-color:#fff;}
.main-organizer-inner {position:relative; max-width:100%; padding-top:43.75%; margin:0 auto;}
@media screen and (min-width:1920px){	
	.main-organizer-inner {padding-top:30%;}
}
@media screen and (min-width:2560px){	
	.main-organizer-inner {padding-top:840px;}
}
.main-organizer-inner .inner {position:absolute; top:0; left:0; width:100%; height:100%; max-width:none; display:flex; padding:0.5px; background:#fff; box-sizing:border-box; flex-wrap:wrap;}
.main-organizer-inner .inner > ul {flex:1; display:flex; flex-direction:column;}
.main-organizer-inner .inner > ul > li {flex:1; background:#000; margin:0.5px}
.main-organizer-inner .inner > ul > li.main-organizer-02,
.main-organizer-inner .inner > ul > li.main-organizer-07 {flex:2;}
.main-organizer-inner .main-organizer-item {position:relative; display:block; width:100%; height:100%; overflow:hidden;}
.main-organizer-inner .main-organizer-item:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; display:block; width:auto; height:auto; margin:auto;}
.main-organizer-inner .main-organizer-item .txt-data {position:absolute; bottom:0; left:0; display:block; width:100%; padding:33px 35px; box-sizing:border-box; text-align:left; z-index:5;}
.main-organizer-inner .main-organizer-item .ko-txt {font-size:28px; color:#fff; font-weight:700; line-height:36px;}
.main-organizer-inner .main-organizer-item .en-txt {margin-top:7px; color:#fff; font-size:15px; color:rgba(255,255,255,0.3); line-height:20px;}
.main-organizer-inner .main-organizer-item .visual-data {position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:0;}
.main-organizer-inner .main-organizer-item .visual-data:before {content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:300px; background: linear-gradient(180deg, rgba(15,22,40,0) 10%, rgba(15,22,40,1) 100%); opacity:1; z-index:1;}
.main-organizer-inner .main-organizer-item .visual-data:after {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:0; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1) rotate(-0.001deg); transition:transform 0.35s ease;}
.main-organizer-inner .main-organizer-item:hover .visual-data:after {transform:scale(1.1) rotate(-0.001deg);}
.main-organizer-inner .main-organizer-01 .visual-data:after {background-image:url(../images/content/main_organizer_visual_01.jpg);}
.main-organizer-inner .main-organizer-02 .visual-data:after {background-image:url(../images/content/main_organizer_visual_02.jpg);}
.main-organizer-inner .main-organizer-03 .visual-data:after {background-image:url(../images/content/main_organizer_visual_03.jpg);}
.main-organizer-inner .main-organizer-04 .visual-data:after {background-image:url(../images/content/main_organizer_visual_04.jpg);}
.main-organizer-inner .main-organizer-05 .visual-data:after {background-image:url(../images/content/main_organizer_visual_05.jpg);}
.main-organizer-inner .main-organizer-06 .visual-data:after {background-image:url(../images/content/main_organizer_visual_06.jpg);}
.main-organizer-inner .main-organizer-07 .visual-data:after {background-image:url(../images/content/main_organizer_visual_07.jpg);}
.main-organizer-inner .main-organizer-08 .visual-data:after {background-image:url(../images/content/main_organizer_visual_08.jpg);}

.organizer-group.main-information {padding-bottom:130px;}

/*==============================================
@ 반응형
==============================================*/
@media screen and (max-width:1200px){
/*
	.organization-list .item-06-01-02,
	.organization-list .item-06-02-02 {width:400px; margin-left:-200px;}
	.organization-list .item-06-01-02:before,
	.organization-list .item-06-02-02:before {margin:auto 95px auto 95px;}

	.organization-list .item-07-01 {width:400px;}*/


    /*==============================================
    02. 시설안내
    ==============================================*/
    /* 시설안내 > 공통 */
    .facility-wrap .circle-list-content > ul:nth-of-type(1) {flex:1;}
    .facility-wrap .circle-list-content > ul:nth-of-type(2) {flex:1; margin-left:0;}

    /* 회의실 > 전시홀 */
    .meeting-wrap .event-studio .event-studio-list .grid-frame-cell .grid-cell {padding-right:0px;}

    /* 부대시설 > 광고시설 > 팝업 */
    .pop-data.alert-data.advertising-pop {width:auto;}
    .advertising-pop .pop-body {padding:30px 40px 70px;}
    .advertising-pop .read-table-wrap {display:flex; margin:0 -40px; padding:0 0 0 40px; overflow-x:auto; overflow-y:hidden;}
    .advertising-pop .read-table {flex:0 0 140%;}

    /* 협력업체안내 */
    .subcontractor-wrap .border-list-body .border-list-cell .list-cell-website .btn-basic {min-width:120px;}

	/*==============================================
    03. 고객/서비스
    ==============================================*/
    /* 교통/주차 > 자차/주차 */
    .parking-information .parking-link-wrap .link10 {top:38%; left:65.6%; width:18.8%; height:5.6%;}
    .parking-information .parking-link-wrap > a > .available-num {padding-left:120px; font-size:20px; line-height:44px;}

    
    /*==============================================
    05. KINTEX
    ==============================================*/
    /* 개요 > 비전 */
    .vision-section01 .con-title-box .con-title {top:40%}

    /* 개요 > CI */
    .ci-section01 .ci-content-visual .ci-content-box > img:nth-of-type(2) {margin-left:0;}
    .ci-section01 .ci-content-visual .ci-content-box:nth-of-type(2) {padding:79px 75px 58px;}

    /* 위치안내 */
    .contact-wrap .list-border-thick .contact-info,
    .contact-wrap .list-border-thick .btn-wrap {width:100%; padding:0px; text-align:center;}
    .contact-wrap .list-border-thick .btn-wrap {margin-top:50px;}
}


@media screen and (max-width:1024px){
	/* 페이지 탭 */
	.location-wrap + .contents-tab {margin-top:-1px;}
	.contents-tab {padding-top:50px;}
	/*
	.contents-tab {position:relative; padding:0; z-index:5;}
	.contents-tab-inner {position:relative;}
	.contents-tab-cell.actived .btn-contents-tab-nav-item {color:#333; font-weight:500; border:none; z-index:0;}
	.contents-tab .btn-contents-tab-toggle {position:relative; display:flex; width:100%; min-width:0; height:50px; padding:0 20px; font-size:15px; line-height:20px; font-weight:500; color:#111; align-items:center; border-bottom:1px solid #e1e1e1; background-color:#f8f8f8;}
	.contents-tab .btn-contents-tab-toggle:before{content:''; position:absolute; top:50%; right:15px; display:block; width:36px; height:36px; margin-top:-18px; background:url(../images/icon/icon_three_menu_arrow.png) center center no-repeat; background-size:100%;}
	.contents-tab .contents-tab-list {position:absolute; top:50px; left:0px; display:none; width:100%; height:auto; max-height:202px; margin:0; padding:15px 20px; overflow:visible; border:1px solid #000; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); background-color:#fff; overflow-x:hidden; overflow-y:auto;  box-sizing:border-box;}
	.contents-tab .contents-tab-list > li {line-height:1;}
	.contents-tab .btn-contents-tab-nav-item {display:flex; align-items:center; justify-content:flex-start; height:34px; padding:0 0; font-size:15px; line-height:22px; color:#666; font-weight:400; text-align:left; border:none; background:none;}
	.contents-tab-inner.toggle .contents-tab-list {display:block;}
	.contents-tab-inner.toggle .btn-contents-tab-toggle:before {transform:rotate(-180deg);}
	*/

	/* 행사안내 > 행사 상세 */
	.product-view-detail {margin-top:50px;}
	.product-view-wrap {padding:80px 40px;}
	.product-view-wrap .product-view-thumb {width:40%;}
	.product-view-wrap .product-view-info {width:60%;}
	.product-view-info {padding-left:50px;}

	.store-detail-item .info-list {padding-right:0;}

	/* 기타 호텔 */
	.other-hotel-list .grid-frame-cell {width:33.33%;}

    /* 홍보센터 > 입찰 */
    .border-list-head .list-title,
    .border-list-body .border-list-cell .list-cell-title{flex:4;}
    .customer-recruitment .border-list-head .list-title,
    .customer-recruitment .border-list-body .border-list-cell .list-cell-title{flex:4;}

    /* 홍보센터 > 고객의 소리 */
    .form-table-wrap .read-table table > tbody > tr > th {padding-left:20px;}
    .form-table-wrap .email > td > input,
    .form-table-wrap .email > td > select {display:inline-block; width:30%;}
    .form-table-wrap .phone-number .phone-number-form02 {display:block; margin-top:10px;}
    .form-table-wrap .phone-number .phone-number-form02 > input {width:40%; margin-left:0;}
	
	/* 필터 사용 검색  */
	.filter-search-wrap {padding:30px 20px;}
	.filter-search-wrap .form-basic-search {padding-right:0; align-items:flex-start; flex-wrap:wrap;}
	.filter-search-wrap .form-basic-search .input {margin-top:10px;}
	.filter-search-wrap .btn-search {position:relative; top:auto; right:auto; width:100%; margin-top:15px;}
	.filter-search-wrap .sort-check-list {width:100%; padding:0 0; margin-right:0;}
	.filter-search-wrap .sort-check-list .list-inner {flex-wrap:wrap; margin:-5px;}
	.filter-search-wrap .sort-check-list .check-cell {width:50%; margin:0; padding:5px; white-space:normal; box-sizing:border-box;}

	.filter-sort {flex-wrap:wrap; margin-top:10px;}
	.filter-sort .date-input-wrap {max-width:100%;}
	.filter-sort .all-download {display:none;}
	.filter-sort .sort-date {max-width:100%; margin-top:10px; margin-right:0;}
	.filter-sort .form-button-check-wrap {margin-right:0;}

    /*==============================================
    02. 시설안내
    ==============================================*/
    /* 시설안내 > 공통 */
    .facility-wrap .btn-pos-right {justify-content:flex-end;}
    /*.facility-wrap .btn-pos-right a.btn-gray {width:120px; background-color:#333;}*/
    .facility-wrap .circle-list-content {display:block;}
    .facility-wrap .circle-list-content .circle-list-cell {display:block;}
    .facility-wrap .circle-list-content > ul:nth-of-type(1) {width:100%;}
    .facility-wrap .circle-list-content > ul:nth-of-type(2) {width:100%;}
    .facility-wrap .table-flex-none .read-table-wrap {display:block; padding:0; margin:0;}

    /* 전시홀 > 사용문의 */
    .using-procedure .step-img-wrap > img {display:none;}

    /* 전시홀 > 이용료 */
    .facility-pay-wrap .table-wrap {margin-top:25px;}
    .facility-pay-wrap .table-wrap .table-info-group .table-info-text {display:flex;}
    .facility-pay-wrap .table-wrap .table-info-group .table-info-text + .table-info-text {margin-top:10px;}
    .facility-pay-wrap .table-wrap .table-info-group .table-info-text span {flex:none;}

    /* 회의실 > 시설개요 */
    .meeting-wrap .meeting-overview {padding-bottom:0;}
    .meeting-wrap .facility-summary {position:relative;}
    .meeting-wrap .facility-summary.grid-02 {width:100%; margin-top:35px; padding:0;}
    .meeting-wrap .facility-summary .con-title {text-align:left;}
    .meeting-wrap .facility-summary .circle-list-box.list-border-thick {padding:20px 10px;}

    /* 회의실 > 사용문의 */
    .meeting-wrap .using-procedure .step01 {padding-bottom:220px;}

    /* 회의실 > 사용료 */
    .meeting-wrap .sub-btn-wrap .btn-pos-right .btn-basic {padding:0 22px;}
    .facility-wrap .table-wrap .table-border-top > th {font-size:14px;}
    .meeting-wrap .facility-pay-wrap .default-group {overflow:hidden;}
    .facility-wrap .facility-pay-wrap .grid-frame-layout {display:flex; margin:-10px;}
    .table-square-content .grid-04 {width:50%;}
    .table-square-content .grid-frame-cell {padding:10px;}
    .table-square-content .grid-frame-cell:nth-of-type(n+3) {padding:25px 10px 10px; border-top:1px solid #efefef}
    .table-square-content .grid-frame-cell .square-cell-visual {padding-top:100%;}
    .table-square-content .grid-frame-cell .text-box {padding:20px 0; border:none;}
    .table-square-content .grid-frame-cell .text-box .info-title {font-size:16px; line-height:25px;}
    .table-square-content .grid-frame-cell .text-box .info-title + .info-sub {margin-top:4px;}
    .table-square-content .grid-frame-cell .text-box .info-sub {min-height:40px; font-size:13px; line-height:20px;}

    /* 오피스 > 시설개요 */
    .office-wrap .circle-list-box.list-border-thick {padding:30px;}
    .office-wrap .circle-list-box .circle-list-content {display:block;}

    /* 부대시설 > 로케이션 */
    .subsidiary-wrap.location .read-table table > tbody > tr > th {font-size:15px;}

    /* 부대시설 > 연회서비스 */
    .banquet-service .title .top-title h4 {padding-left:0; word-break:keep-all; line-height:60px;}
    .banquet-service .title .sub-title {margin-top:13px;}
    .banquet-service .content-wrap {margin-top:95px;}
    .banquet-service .content-wrap .content-half {display:block; width:100%;}
    .banquet-service .content-wrap .content-half > div {position:relative; width:100%; padding-top:67.18%;}
    .banquet-service .content-wrap .content-half > div > img {position:absolute; top:0; left:0; width:100%; height:100%;}
    .banquet-service .content-wrap .content-group:nth-of-type(1) .cont-info,
    .banquet-service .content-wrap .content-group:nth-of-type(2) .cont-info {padding:0;}
    .banquet-service .content-wrap .content-group .img-group {display:block; width:100%; margin-top:50px;}
    .banquet-service .content-wrap .content-group .img-group .cont-visual {position:relative; padding-top:65.625%;}
    .banquet-service .content-wrap .content-group .img-group .cont-visual > img {position:absolute; top:0; left:0; width:100%; height:100%;}
    .banquet-service .content-wrap .content-group .img-group .cont-visual + .cont-visual {margin-top:20px;}

    /* 부대시설 > 광고시설 */
    .advertising-wrap .advertising-content + .advertising-content {border-top:1px solid #efefef;}
    .advertising-wrap .advertising-content .grid-frame-layout {margin:-10px;}
    .advertising-wrap .advertising-content .grid-frame-cell {position:relative; padding:10px;}
    .advertising-wrap .advertising-content .grid-04 {width:50%;}
    .advertising-wrap .advertising-content .grid-frame-cell > div {position:relative; padding-top:78%;}
    .advertising-wrap .advertising-content .grid-frame-cell > div > img {position:absolute; top:0; left:0; width:100%; height:100%;}
    .advertising-wrap .advertising-content .con-title {padding-top:30px;}
    /* 팝업 */
    .advertising-pop .pop-body {padding-top:6px;}
    .advertising-pop .read-table-wrap .read-table table > tbody > tr > td {padding:18px 5px; word-break:keep-all;}

    /* 협력업체안내 */
    .subcontractor-wrap .border-list-body .border-list-cell > div {padding:14px 2px; font-size:15px; line-height:23px;}
    .subcontractor-wrap .border-list-body .border-list-cell .list-cell-website .btn-basic {min-width:90px; padding:0 10px; font-size:15px; margin:0 auto;}


	/*==============================================
	03. 고객/서비스
	==============================================*/
	.socar-process {}
	.socar-process > ol {display:block; margin-top:10px;}
	.socar-process > ol:before {width:40px; height:auto; margin:117px auto 249px auto; border-radius:20px; background:#00b8ff url(../images/content/socar_process_Arrow_x02.png) center bottom 17px no-repeat; background-size:11px auto;}
	.socar-process > ol > li {width:auto; max-width:234px; margin-left:auto; margin-right:auto;}
	.socar-process > ol > li + li {margin-top:15px;}
	.socar-process > ol > li:last-child {margin-left:auto; margin-right:auto; margin-top:55px;}
	.socar-process .process-title {font-size:20px; line-height:25px;}
	.socar-process .process-desc {margin-top:8px; font-size:14px; line-height:22px;}
	.socar-process .socar-process-item {}
	.socar-process .socar-process-outer {align-items:center; justify-content:center; padding:0 10px; background:#fff; border-radius:50%; border:3px solid #eaeaea;}

	.socar-price > ol {flex-wrap:wrap; margin:10px 0 0 0;}
	.socar-price > ol > li {flex:0 0 auto; width:100%; padding:0;}
	.socar-price > ol > li + li {margin-top:22px; padding-top:22px;}
	.socar-price > ol > li:before {top:0; left:50%; width:15px; height:15px; margin:-8px 0 0 -8px; background-size:15px auto;}
	.socar-price .socar-price-item {min-height:0; border:3px solid #eaeaea; border-radius:20px;}
	.socar-price .socar-price-inner {padding:32px 20px;}
	.socar-price .socar-price-title {font-size:20px; line-height:25px;}
	.socar-price .socar-price-desc {margin-top:8px; font-size:14px; line-height:22px;}
	.socar-price .socar-price-info {margin-top:7px; font-size:13px; line-height:19px; color:#888;}

	.socar-map .con-title {margin-bottom:10px;}

	/* 교통/주차 > 자차/주차 */
    .parking-information .parking-link-wrap > a > .available-num {padding-left:56%; font-size:18px; line-height:30px;}

	/* 관광안내 > 주변 관광지 */
	.tourist-attraction-wrap {}
	.tourist-attraction-btns {width:100%;}
	.tourist-attraction-btns .btns-inner {height:auto;}
	.tourist-attraction-slider-wrap {width:100%; margin-top:15px; padding-left:0;}
	.tourist-attraction-detail {margin-top:35px; width:100%;}
	.tourist-attraction-detail .read-table-wrap {padding:0; margin:0; display:block;}
	.tourist-attraction-detail .read-table {flex:0 0 100%;}
	.tourist-attraction-detail .read-table col:first-child {width:90px !important;}
	.tourist-attraction-detail .read-table table > tbody > tr > th {padding-left:10px; padding-right:10px;}

	.tourist-attraction-slider .visual-slider {border:1px solid #e1e1e1; overflow:hidden;}
	.tourist-attraction-slider .visual-slider .slider-item {position:relative; height:auto; padding-top:56.25%;}
	.tourist-attraction-slider .visual-slider .slider-item img {position:absolute; top:0; left:0; width:100%; height:100%; max-width:none; max-height:none; object-fit:cover;}
	.tourist-attraction-slider .thumb-slider .slider-item {position:relative; height:auto; padding-top:56.25%;}
	.tourist-attraction-slider .thumb-slider .slider-item img {position:absolute; top:0; left:0; width:100%; height:100%; max-width:none; max-height:none; object-fit:cover;}

	.tourist-attraction-slider .swiper-slide .slider-item:before {font-size:24px;}

	.traffic-info{}
	.traffic-info + .traffic-info {margin-top:9px;}

	/* 관광안내 > 추천코스 */
	.recommend-course-content {margin-top:35px;}
	.recommend-course-tab {margin-top:25px; height:55px;}
	.recommend-course-tab:before {height:1px; margin:auto 1px auto auto;}
	.recommend-course-tab:after {width:4px; height:7px; margin-top:-4px; background-size:4px auto;}
	.recommend-course-tab .km {font-size:12px; line-height:27px;}
	.recommend-course-tab .btn-course-tab {height:55px;}
	.recommend-course-tab .btn-course-tab .txt {font-size:12px; line-height:15px;}
	.recommend-course-tab .btn-course-tab:before {width:5px; height:5px;}
	.recommend-course-tab .course-start {height:55px;}
	.recommend-course-tab .course-start .txt {font-size:12px; line-height:15px;}
	.recommend-course-tab .course-start:before {width:5px; height:5px;}
	.recommend-course-tab .actived .btn-course-tab:before {width:4px; height:4px; border:3px solid #18a9d3; outline:3px solid #fff;}
	.recommend-course-data {margin-top:32px;}

	.recommend-course-data .read-table-wrap {padding:0; margin:0; display:block;}
	.recommend-course-data .read-table {flex:0 0 100%;}
	.recommend-course-data .read-table col:first-child {width:90px !important;}
	.course-visual-wrap > ul {margin:-3px; flex-wrap:wrap;}
	.course-visual-wrap > ul > li {width:50%; padding:3px;}
	.course-detail {margin-top:35px;}


    /*==============================================
    05. KINTEX
    ==============================================*/
    /* 개요 > about KINTEX */
    .about-kintex01 .about-kintex01-bg {margin-top:-50px; padding:50px 0 60px; background-position:top center;}
    .about-kintex01 .view-info-list .info-list01,
    .about-kintex01 .view-info-list .info-list02 {display:block;}
    .about-kintex01 .view-info-list .info-list02,
    .about-kintex01 .view-info-list .info-list03 {margin-left:0;}
    .about-kintex01 .view-info-list .info-list-cell .info {margin-left:20px;}
    .about-kintex02 .diamond-list-wrap > li .title-box {width:200px; height:200px;}
    .about-kintex02 .diamond-list-wrap > li + li:before {top:130px;}
    .about-kintex02 .diamond-list-wrap > li + li:after {top:122px;}
    .about-kintex03 {margin:0 -20px; padding:70px 0;}
    .about-kintex03 .title-box {width:90%; padding:0 20px; font-size:28px; line-height:37px;}
    #ch .about-kintex03 .title-box {word-break: break-all;}
    .about-kintex03 .bar-list-wrap {display:block; margin-top:64px; padding:0 20px;}
    .about-kintex03 .bar-list-wrap .grid-03 {width:100%; padding-right:0;}
    .about-kintex03 .bar-list-wrap .grid-03 + .grid-03 {margin-top:40px;}
    .about-kintex03 .bar-list-wrap .grid-03 .title {width:240px; padding-bottom:14px; font-size:20px; line-height:30px;}
    .about-kintex03 .bar-list-wrap .grid-03 .title:after {width:30px; height:3px;}
    .about-kintex03 .bar-list-wrap .grid-03 .info {margin-top:15px; font-size:14px; line-height:22px;}

    /* 개요 > ceo인사말 */
    .ceo-kintex .ceo-kintex-top .ceo-img {position:absolute; top:70px; right:0;}
    .ceo-kintex .ceo-kintex-bottom {margin-top:90px;}

    /* 개요 > 비전 */
    .vision-kintex .title h4 {word-break:break-word;}
    .vision-section01 .con-title-box .con-title {top:33%;}
    .vision-section02 .plan-list-cell > div:before {left:-38%;}
    .vision-section01 .value-list-cell:nth-of-type(odd) {padding-left:5%;}
    .vision-section01 .value-list-cell:nth-of-type(even) {padding-right:5%;}

    /* 개요 > CI */
    .ci-section01 .ci-content-visual .ci-content-box {flex-wrap:wrap; justify-content:space-evenly; padding:82px 4% 83px;}
    .ci-section01 .ci-content-visual .ci-content-box:nth-of-type(2) {padding:79px 2% 58px;}
    .ci-section02 .circle-content .color-info > p:nth-of-type(1) {font-size:13px; line-height:22px;}
    .ci-section02 .circle-content .color-info > p:nth-of-type(2) {margin-top:6px; font-size:12px; line-height:18px;}
    .ci-section02 .circle-content01 .color-info {top:26%; left:0; width:100%;}
    .ci-section02 .circle-content02 .color-info {top:26%; right:0; left:auto; width:94%;}
    .ci-section02 .circle-content03 .color-info {width:100%;}

	/* 조직도 */
	.organization-list {padding-bottom:0;}
	.organization-list .btn-circle-skyblue {font-size:17px; line-height:25px;}
	.organization-list .btn-circle-blue {font-size:17px; line-height:25px;}
	.organization-list .btn-circle-green {font-size:17px; line-height:25px;}
	.organization-list .btn-sqaure-white {width:100% !important; height:50px;display:block;text-align:center; font-size:15px; line-height:3;}
	.organization-list .btn-sqaure-blue {width:100% !important; height:50px; display:block;text-align:center; font-size:15px; line-height:3;}
	.organization-list .btn-sqaure-gray {width:100% !important; height:50px; display:block;text-align:center; font-size:15px; line-height:3;}
	.organization-list .item-01 {position:relative; top:auto; left:auto; width:100px; height:100px; margin:0 auto;}
	.organization-list .item-01:before {top:50%; left:50%; width:2px; height:130px;}
	.organization-list .item-01 .btn-organization-item {height:100px;} 
	.organization-list .item-02 {width:130px; height:130px; margin:25px auto 0 auto;}
	.organization-list .item-02 .btn-organization-item {height:130px;}
	.organization-list .item-02:before {display:none;}
	.organization-list .item-03 {position:relative; top:auto; left:auto; width:auto; height:auto; margin:35px auto 0 auto;}
	.organization-list .item-03 > .btn-organization-item {width:100px; height:100px; margin:0 auto;}
	.organization-list .item-03 .item-03-01 {position:relative; top:auto; left:auto; margin:35px 0 0 0; width:auto;}
	.organization-list .item-03:before {top:50%; left:50%; width:2px; height:50px;}
	.organization-list .item-04 {position:relative; top:auto; left:auto; width:auto; height:auto; margin:25px auto 0 auto; padding:0;}
	.organization-list .item-04 > .btn-organization-item {width:auto;}
	.organization-list .item-04:before {top:auto; right:auto; bottom:100%; left:50%; width:2px; height:25px; margin:auto;}
	.organization-list .item-04:after {display:none;}
	.organization-list .item-04 .item-04-01 {position:relative; top:auto; left:auto; margin:35px 0 0 0; width:auto;}
	.organization-list .item-04:before {top:50%; left:50%; width:2px; height:50px;}
	
	
	.organization-list .item-041 {position:relative; top:auto; left:auto; width:auto; height:auto; margin:25px auto 0 auto; padding:0;}
	.organization-list .item-041 > .btn-organization-item {width:auto;}
	.organization-list .item-041:before {top:auto; right:auto; bottom:100%; left:50%; width:2px; height:25px; margin:auto;}
	.organization-list .item-041:after {display:none;}
	
	.organization-list .item-05 {position:relative; top:auto; left:auto; margin:15px 0 0 0; width:auto;}
	.organization-list .item-06 {position:relative; padding:0; margin:0; flex-wrap:wrap; justify-content:center;}
	.organization-list .item-06:before {display:none;}
	.organization-list .item-06-01,
	.organization-list .item-06-02 {position:relative; width:100%; margin-top:35px;}
	.organization-list .item-06-01:before,
	.organization-list .item-06-02:before {display:none;}
	.organization-list .item-06-01:after,
	.organization-list .item-06-02:after {top:50px; left:50%; display:block; width:2px; height:10px; background:#e1e1e1;}
	.organization-list .item-06-01-01,
	.organization-list .item-06-02-01 {position:relative;}
	.organization-list .item-06-01-01:before,
	.organization-list .item-06-02-01:before {display:none;}
	.organization-list .item-06-01-01-02,
	.organization-list .item-06-02-01-02 {position:relative; top:auto; left:auto; width:100%; margin:5px 0 0 0;}
	.organization-list .item-06-01-02,
	.organization-list .item-06-02-02 {position:relative; left:auto; width:100%; margin-left:0; padding-top:0; flex-wrap:wrap; justify-content:center;}
	.organization-list .item-06-01-02:before,
	.organization-list .item-06-02-02:before {display:none;}
	.organization-list .item-06-01-02-01,
	.organization-list .item-06-01-02-02,
	.organization-list .item-06-01-02-03,
	.organization-list .item-06-02-02-01,
	.organization-list .item-06-02-02-02,
	.organization-list .item-06-02-02-03 {width:100%; margin-top:15px; margin-left:0; margin-right:0;}
	.organization-list .item-06-01-02-01:before,
	.organization-list .item-06-01-02-02:before,
	.organization-list .item-06-02-02-01:before,
	.organization-list .item-06-02-02-02:before {top:0; right:0; bottom:0; left:0; width:2px; height:auto; margin:-15px auto auto auto;}
	.organization-list .item-06-01-02-01 > ul > li + li,
	.organization-list .item-06-01-02-02 > ul > li + li,
	.organization-list .item-06-02-02-01 > ul > li + li,
	.organization-list .item-06-02-02-02 > ul > li + li {margin-top:5px;}
	.organization-list .item-07 {margin-top:35px;}
	.organization-list .item-07-01 {width:100%;margin-left: 0px;}
	.organization-list .item-07-01 > ul {flex-wrap:wrap; margin:0;}
	.organization-list .item-07-01 > ul > li {flex:0 0 auto; width:100%; margin:0;}
	.organization-list .item-07-01 > ul > li + li {margin-top:15px;}
	.organization-list .item-06-01-02-03:before,
	.organization-list .item-06-02-02-03:before {height:15px; margin:0;}
	.organization-list .item-06-01-02-03 > ul,
	.organization-list .item-06-02-02-03 > ul {padding-top:0;}
	
	.organization-data {margin-top:30px;}
	.organization-data .con-title {margin-bottom:8px;}
	.organization-group .read-table table > tbody > tr > td {text-align:center;}
	.organization-group .read-table table > thead > tr > th {padding:10px 5px; font-size:10px; line-height:14px; color:#111;}
	.organization-group .read-table table > tbody > tr > th {padding:10px 5px; font-size:10px; line-height:14px; color:#111;}
	.organization-group .read-table table > tbody > tr > td {padding:10px 5px; font-size:10px; line-height:14px; color:#666;}
	.organization-group-cell + .organization-group-cell {margin-top:45px;}

	.main-schedule .slider-inner {padding:0 40px;}

	.main-nav {display:none;}
	
	.main-title {font-size:29px; line-height:39px;}
	.main-title + .main-info {margin-top:6px;}
	.main-info {font-size:15px; line-height:21px;}
	.main-data {padding:91px 0 95px 0;}
	.main-wrap {position:fixed; top:0; left:0; right:0; bottom:0; width:auto; height:auto; margin:auto; overflow:hidden;}
	.main-wrap > .section {position:absolute; top:0; left:0; display:block; width:100%; height:100%; overflow:hidden;}
	.main-footer .footer-wrap {padding-bottom:105px;}
    .main-footer .footer-wrap.en-footer {padding-bottom:55px;}
    .main-footer .footer-wrap.ch-footer {padding-bottom:55px;}
	.main-wrap .effect-data {transform:translate3d(0px, 0px , 0px); opacity:1;}
	.main-wrap .display-table {table-layout:fixed;}
	.main-banner {height:100%;}
	.main-banner-data {height:100%;}
	.main-banner-slider {height:100%; padding:0;}
	.main-banner-ui {display:none;}
	.main-banner-controls {position:absolute; bottom:15%; right:0; width:100%; justify-content:center; box-sizing:border-box; transform:translate3d(0px,0px,1px); z-index:50; }
	.main-banner-controls .page-controls {display:inline-flex;}
	.main-banner-controls .page-controls > button {width:50px; height:6px; background:rgba(255,255,255,0.8);}
	.main-banner-controls .page-controls > button + button {margin-left:5px;}
	.main-banner-controls .page-controls > button.actived {width:50px;}
	.main-banner-controls .value-controls {display:none;}
	.main-banner-controls .auto-control {display:none;}
	.main-banner-scroller {display:none;}
	.main-bottom-nav {display:flex;}

	.main-schedule-slider-wrap {margin-top:25px;}


	/* 메인 > 오거나이저 */
	.main-organizer {padding-top:66px;}
	.main-organizer-inner {padding-top:193%;}
	.main-organizer-inner .inner > ul {flex:1 0 50%;}
	.main-organizer-inner .main-organizer-item .txt-data {padding:19px 16px;}
	.main-organizer-inner .main-organizer-item .ko-txt {font-size:17px; line-height:24px;}
	.main-organizer-inner .main-organizer-item .en-txt {margin-top:4px; font-size:9px; line-height:14px; letter-spacing:0;}
	.main-organizer-inner .main-organizer-item .visual-data:before {height:110px;}
	.main-organizer-inner .main-organizer-item:hover .visual-data:after {transform:scale(1) rotate(-0.001deg);}

    /* ESG경영 > KINTEX ESG */
    .esg-wrap .default-wrap + .default-wrap {margin-top:25px;}
    .esg-strategy .content-wrap {width:100%; height:490px; margin:46px auto 16px; border:none;}
    .esg-strategy .content-wrap .content-item .circle-title {width:144px; height:144px; font-size:17px; line-height:23px;}
    .esg-strategy .content-wrap .content-item .circle-title > div .eng {font-size:14px; line-height:17px;}
    .esg-strategy .content-wrap .cont-circle1 .circle-title {margin-top:-180px; margin-left:-72px;}
    .esg-strategy .content-wrap .content-item .circle-sub-cont { padding:0; font-size:14px; line-height:20px; background-color:transparent;}
    .esg-strategy .content-wrap .cont-circle1 .circle-title > div {margin-top:-30px;}
    .esg-strategy .content-wrap .cont-circle2 .circle-title {margin-top:-75px; margin-left:-127px;}
    .esg-strategy .content-wrap .cont-circle3 .circle-title {margin-top:-75px; margin-left:-15px;}
    .esg-strategy .content-wrap .cont-circle2 .circle-title > div,
    .esg-strategy .content-wrap .cont-circle3 .circle-title > div {margin-top:-20px;}
    .esg-strategy .content-wrap .cont-circle1 .circle-sub-cont {top:0; display:inline-block;}
    #ch .esg-strategy .content-wrap .cont-circle1 .circle-sub-cont {margin-left: auto;}
    .esg-strategy .content-wrap .cont-circle2 .circle-sub-cont {top:auto; left:50%; bottom:104px; margin-left:-118px; text-align:right;}
    .esg-strategy .content-wrap .cont-circle3 .circle-sub-cont {top:auto; right:auto; left:50%; bottom:104px; margin-left:30px; text-align:left;}
    .esg-strategy .content-wrap .content-info {left:50%; bottom:16px; width:190px; margin-left:-95px; padding:0; font-size:22px; line-height:30px; word-break:keep-all;}
    #ch .esg-strategy .content-wrap .content-info {left:auto; width: 100%; margin-left: auto; text-align: center;}
    #ch .esg-strategy .content-wrap .content-info {word-break: break-all;}
    .esg-action .grid-frame-layout {margin:0 -20px;}
    .esg-action .grid-frame-cell {padding:0 20px}
    .esg-action .esg-action-content .top-visual .content-title {font-size:18px; line-height:55px;}
    .esg-action .esg-action-content .circle-list-content {padding-top:21px;}

    /* ESG경영 > 윤리경영 */
    .esg-business-wrap .default-wrap + .default-wrap.notify {margin-top:45px;}
    .esg-business-wrap .default-wrap.notify .circle-list-box {position:relative; padding-bottom:120px;}
    .esg-business-wrap .circle-list-wrap {position:initial;}
    .esg-business-wrap .circle-list-wrap .btn-blue {top:auto; bottom:20px; left:50%; margin-left:-210px;}
    .esg-business-wrap .circle-list-wrap .btn-border-blue {top:auto; bottom:20px; left:50%; width:210px; margin-left:10px;}

    /* 팝업 */
    .esg-pop .form-table-wrap .select-field > td > select,
    .esg-pop .form-table-wrap .writer > td > input {width:100%;}
    .esg-pop .form-table-wrap .email > td > input {width:calc((100% - 35px)/2);}
    .esg-pop .form-table-wrap .email > td > select {width:100%; margin:10px 0 0 0;}
    .esg-pop .form-table-wrap .phone-number .phone-number-form01,
    .esg-pop .form-table-wrap .phone-number .phone-number-form02 {width:100%;}
    .esg-pop .form-table-wrap .phone-number .phone-number-form01 > select,
    .esg-pop .form-table-wrap .phone-number .phone-number-form01 > input {width:calc((100% - 34px)/3);}
    .esg-pop .form-table-wrap .phone-number01 .phone-number-form01 > input:last-of-type {margin-left:0;}
    .esg-pop .form-table-wrap .phone-number02 .phone-number-form01 > input:last-of-type {width:100%; margin:10px 0 0 0;}
    .esg-pop .form-table-wrap .phone-number .phone-number-form02 > input {width:calc(100% - 138px); margin-left:0;}
    .esg-pop .form-table-wrap .phone-number02 .phone-number-form02 button {min-width:120px;}
}

@media screen and (max-width:400px) {
    .recommend-course-tab .btn-course-tab .txt {bottom:auto; top:38px;}
}

.layout-responsive {position: absolute; left:0;}
.layout-responsive2 {position: relative;}

@media screen and (max-width:767px){
	.layout-responsive {position: inherit;}
    
	/*==============================================
	00. 공통컨텐츠
	==============================================*/
    .main-banner-controls {position:absolute; bottom:20px; right:0; width:100%; justify-content:center; box-sizing:border-box; transform:translate3d(0px,0px,1px); z-index:50; }
	br.enter {display:none;}
	/* 타이틀 */
	.con-title {font-size:20px; line-height:28px;}
	.con-title > span {margin-left:5px; font-size:12px;}
	.con-title.border {padding-bottom:10px; border-bottom:2px solid #111;}
	.detail-title {font-size:15px; line-height:22px;}
	.detail-title.dot-title {padding-left:10px;}
	.detail-title.dot-title:before {top:10px;}

	.default-group {margin-top:25px;}
	.default-group.big {margin-top:50px;}
	.default-group.first,
	.default-group:first-child {margin-top:0;}

	.custom-calendar-sort {display:block;}

	/* 페이지 탭 */
	.contents-tab {padding:25px 0 0 0; margin:0 auto; box-sizing:border-box;}
	.contents-tab-inner {padding:0; overflow-x:auto; overflow-y:hidden;–webkit-transform:translateZ(0);–webkit-overflow-scrolling: touch;}
	.contents-tab-inner:after {content:''; flex:0 0 20px;}
	.contents-tab-list {display:flex; flex-wrap:nowrap; margin-left:0; padding:0 20px;}
	.contents-tab-cell {flex:0 0 auto; min-width:130px;}
	.contents-tab-cell .btn-contents-tab-nav-item {height:45px; font-size:14px; line-height:21px; color:#bbb; margin-left:0; font-weight:500; border-width:2px;}
	.contents-tab.single .contents-tab-list {display:flex;}
	.contents-tab.single .contents-tab-cell {flex:1; min-width:0;}


	/* 셀렉트 탭 */
	.select-tab-contents .select-tab-data-group {margin-top:10px;}
	
	 /* 썸네일 리스트 */
	.btn-square-item {display:flex;}
	.btn-square-item .item-thumb {flex:1; width:48.43%;}
	.btn-square-item .item-info-wrap {flex:0 0 auto; width:51.57%; margin-top:0; padding:2px  0 0 15px;}
	.btn-square-item .item-subject {height:auto; max-height:42px; font-size:16px; line-height:21px;}
	.btn-square-item .item-client {height:20px; font-size:13px; line-height:20px;}
	.btn-square-item .item-date {font-size:12px; line-height:20px;}
	.btn-square-item .item-label {top:10px; left:10px; width:55px; height:55px; background:rgba(0,0,0,0.2);}
	.btn-square-item .item-label:before {display:none;}
	.btn-square-item .item-label-data {height:20px;}
	.btn-square-item .item-label-data .ko-txt {padding:0 5px; font-size:10px;position:relative;}
	.btn-square-item .item-label-data .en-txt {}
	.btn-square-item .item-contact {display:block; margin-top:13px;}
	.btn-square-item .item-contact .item-map-info {font-size:12px; line-height:18px;}
	.btn-square-item .item-contact .item-map-btn {margin-top:10px; width:100px;}
	.btn-square-item .item-contact .item-map-btn .btn-basic {font-size:13px; height:30px; line-height:28px;}
	.btn-square-item .item-label.none-hover {left:10px;}
	.btn-square-item .item-label.none-hover .item-label-data .ko-txt {line-height:15px;}
	.btn-square-item.dark-blue .item-label.none-hover {background:#095bba;}	
	.btn-square-item.blue .item-label.none-hover {background:#0435bd;}
	.btn-square-item.purple .item-label.none-hover {background:#7e00d2;}
	.btn-square-item.green .item-label.none-hover {background:#40cd05;}
	.btn-square-item.red .item-label.none-hover {background:#d20052;}
	.btn-square-item.sky-blue .item-label.none-hover {background:#18add8;}
	.btn-square-item.black .item-label.none-hover {background:#333;}



	/* 정보성 테이블 */
	.read-table-wrap {display:flex; padding:0 0 0 20px; overflow-x:auto; overflow-y:hidden; margin:0 -20px;}
	.read-table-wrap:after {content:''; display:block; width:20px; flex:0 0 20px;}
	.read-table {flex:0 0 150%; border-top:2px solid #111;}
	.read-table table > thead > tr > th {padding:15px 2px; font-size:12px; line-height:13px; color:#111; font-weight:500; border:1px solid #eaeaea; background-color:#f8f8f8; vertical-align:middle;}
	.read-table table > tbody > tr > th {padding:15px 2px; font-size:12px; line-height:13px; color:#111; font-weight:500; border:1px solid #eaeaea; text-align:center; background-color:#f8f8f8; vertical-align:middle;}
	.read-table table > tbody > tr > td {padding:15px 15px; font-size:11px; line-height:15px; color:#666; text-align:left; border:1px solid #eaeaea; background-color:#fff;}
    .store-info-item .read-table table > tbody > tr > th {font-size:10px;}
    #en .read-table table > tbody > tr > td {word-break: normal;}
    #en .read-table table > tbody > tr > td * {word-break: initial;}

	.table-bottom-info {margin-top:11px;}
	.table-bottom-info .line-text-list > li,
	.table-bottom-info .star-text-list > li {font-size:13px; line-height:19px;}
	.table-bottom-info .line-text-list > li + li,
	.table-bottom-info .star-text-list > li + li {margin-top:5px;}


	/* 라인 텍스트 리스트 */
	.line-text-list {}
	.line-text-list > li {padding:0 0 0 10px;font-size:15px; line-height:22px;}

	/* 별표 텍스트 리스트 */
	.star-text-list {}
	.star-text-list > li {padding:0 0 0 10px;font-size:15px; line-height:22px;}

	/* 풀캘린더 */
	.calendar-wrap {padding-top:175px; }
	#calendar {margin-top:0; text-align:center;}
	.calendar-label-wrap {top:45px; left:00px; right:auto; width:calc( 100% - 80px ); align-items:center; justify-content:center; flex-wrap:wrap; height:auto; z-index:20; width:100%;}
	.calendar-label-wrap .calendar-label {padding-left:17px; margin:2px 0;  font-size:12px; line-height:16px;}
	.calendar-label-wrap .calendar-label:before {top:2px; width:12px; height:12px;}
	.calendar-label-wrap .form-checkbox {width:50%; margin:15px 0 0 0;}
	.calendar-label-wrap .form-checkbox + .form-checkbox {margin-left:0;}
	.calendar-label-wrap .btn-schedule-download {display:none;}

	.fc .fc-toolbar {position:absolute; top:0; left:calc(50% - 110px); display:inline-block; padding:0 45px; margin:0;/* transform:translate(-50% , 0%);*/}
	.fc .fc-toolbar .fc-today-button {display:none;}
	.fc .fc-toolbar-title {font-size:24px; line-height:30px; font-weight:700; color:#111; white-space:nowrap;}
	.fc .fc-toolbar .fc-prev-button {width:30px; height:30px; background:rgba(17,17,17,1); border-radius:50% !important;}
	.fc .fc-toolbar .fc-prev-button:before {background:url(../images/icon/icon_custom_calendar_prev.png) center center no-repeat; background-size:100%;}
	.fc .fc-toolbar .fc-prev-button:hover,
	.fc .fc-toolbar .fc-prev-button:focus,
	.fc .fc-toolbar .fc-prev-button:active {border:none !important; background:rgba(17,17,17,1) !important; box-shadow:none !important; outline:none !important;}
	.fc .fc-toolbar .fc-next-button {width:30px; height:30px; background:rgba(17,17,17,1); border-radius:50% !important;}
	.fc .fc-toolbar .fc-next-button:before {background:url(../images/icon/icon_custom_calendar_next.png) center center no-repeat; background-size:100%;}
	.fc .fc-toolbar .fc-next-button:hover,
	.fc .fc-toolbar .fc-next-button:focus,
	.fc .fc-toolbar .fc-next-button:active {border:none !important; background:rgba(17,17,17,1) !important; box-shadow:none !important; outline:none !important;}

	.fc .fc-col-header-cell-cushion {font-size:12px; line-height:45px;}
	.fc .fc-scrollgrid-section-body .fc-scroller-harness {border-top-width:2px;}
	.fc .fc-daygrid-day-frame {padding:4px 1px;}
	.fc .fc-daygrid-day-number {font-size:9px; line-height:12px;}

	.fc .fc-daygrid-event-harness .fc-daygrid-event {padding:0 0 0 4px; margin:0; font-size:14px; line-height:18px; color:#666; text-overflow:ellipsis;}
	.fc .fc-daygrid-event-harness .fc-daygrid-event-dot {top:2px; border-width:4px;}
    .fc .fc-daygrid-event-harness .fc-daygrid-dot-event .fc-event-title {font-size:9px;line-height:12px;text-align:left;}
    .fc .fc-daygrid-event-harness .fc-daygrid-dot-event .fc-daygrid-event-dot {border-width:2px;}
	.fc .fc-daygrid-event-harness .fc-event-title {font-size:9px; line-height:18px;}
	.fc .fc-daygrid-event-harness {margin-top:2px;}
	.fc .fc-daygrid-event-harness:first-child {margin-top:0px;}
	
	/* 경고 컨텐츠 */
	.care-copy {padding:21px 10px; font-size:13px; line-height:19px;}
	
	/* 탭 컨텐츠 */
	.tab-contents .tab-select {display:block;}
    #ch .tab-contents .tab-select + .tab-list {display: none;}
	.tab-contents .tab-select + .tab-list {display:block;}

	.m-tab-contents.vertical-tab-contents > .tab-list {flex:0 0 auto; width:100%;}
	.m-tab-contents.vertical-tab-contents > .tab-list > ul {flex-direction:row; height:auto; min-height:40px; padding:0; margin-left:1px;}
	.m-tab-contents.vertical-tab-contents > .tab-list > ul:after {top:auto; right:auto; bottom:0; left:0; width:100%; height:1px; background-color:#e1e1e1;}
	.m-tab-contents.vertical-tab-contents > .tab-list .tab-list-cell {display:flex; margin:0 0 0 -1px;}
	.m-tab-contents.vertical-tab-contents > .tab-list .tab-list-cell .btn-tab-list-item,
	.m-tab-contents.vertical-tab-contents > .tab-list .tab-list-cell .btn-page-tab-list-item {min-height:40px; font-size:12px; padding:5px 0; line-height:20px; font-weight:400; border:1px solid #e1e1e1; border-bottom-color:transparent; box-sizing:border-box;}
	.m-tab-contents.vertical-tab-contents > .tab-list .tab-list-cell.actived .btn-tab-list-item,
	.m-tab-contents.vertical-tab-contents > .tab-list .tab-list-cell.actived .btn-page-tab-list-item {font-weight:700; color:#111; background-color:#fff; border-color:#e1e1e1;  border-bottom-color:transparent; z-index:4;}

	.tab-list > ul {height:50px;}
	.tab-list .tab-list-cell {}
	.tab-list .tab-list-cell .btn-tab-list-item {height:50px; font-size:16px;}

	.basic-tab-list > ul {position:relative; display:flex; height:40px; margin-left:1px;}
	.basic-tab-list > ul:after {content:''; position:absolute; top:auto; right:0; bottom:0; left:0; display:block; width:100%; height:1px; background:#e1e1e1; z-index:5;}
	.basic-tab-list .tab-list-cell {position:relative; flex:1; margin-left:-1px; z-index:1;}
	.basic-tab-list .tab-list-cell .btn-tab-list-item,
	.basic-tab-list .tab-list-cell .btn-page-tab-list-item {position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:40px; font-size:12px; line-height:20px; color:#bbb; font-weight:500; text-align:center; box-sizing:border-box; background-color:#f8f8f8; border:1px solid #e1e1e1; border-bottom-color:transparent; z-index:0;}
	.basic-tab-list .tab-list-cell.actived {z-index:10;}
	.basic-tab-list .tab-list-cell.actived .btn-tab-list-item,
	.basic-tab-list .tab-list-cell.actived .btn-page-tab-list-item	{font-weight:700; color:#111; background-color:#fff; border-color:#e1e1e1; border-bottom-color:transparent; z-index:4;}
    .parking-mycar .basic-tab-list .tab-list-cell.actived .btn-tab-list-item, .basic-tab-list .tab-list-cell.actived .btn-page-tab-list-item {
        min-height: 40px;
        font-size: 14px;
        padding: 5px 0;
        line-height: 20px;
        font-weight: 700;
        border: 1px solid #e1e1e1;
        border-bottom-color: transparent;
        box-sizing: border-box;
    }
    .parking-mycar .vertical-tab-contents > .tab-list .tab-list-cell .btn-page-tab-list-item, .vertical-tab-contents > .tab-list .tab-list-cell .btn-tab-list-item {
        min-height: 40px;
        font-size: 12px;
        padding: 5px 0;
        line-height: 20px;
        font-weight: 400;
        border: 1px solid #e1e1e1;
        border-bottom-color: transparent;
        box-sizing: border-box;
    }
    .parking-mycar .parking-wrap .tab-contents.vertical-tab-contents .tab-select select {display: none;}
    .parking-mycar .tab-list.basic-tab-list ul {display: block;}
    .parking-mycar .vertical-tab-contents > .tab-list .tab-list-cell {display: inline-block; width:25%; float:left; box-sizing: border-box; margin:0; display: flex;}

	.vertical-tab-contents {display:block;}
	.vertical-tab-contents > .tab-select {width:100%;}
	.vertical-tab-contents > .tab-list {flex:0 0 auto; width:100%;}
	.vertical-tab-contents > .tab-list .tab-list-cell {display:flex; margin:-1px;}
	.vertical-tab-contents > .tab-data-group {width:auto; margin-top:20px; border:none;}	
	.vertical-tab-contents > .tab-data-group.default-group.big {margin-top:50px;}
	.vertical-contents-data {padding:0;}

	.board-sort .board-sort-right:only-child {width:100%;}

	/* 아코디언 메뉴 */
	.accordion-list {}
	.accordion-list .btn-accordion-menu {min-height:60px; padding:10px 45px 10px 15px;}
	.accordion-list .btn-accordion-menu:after {right:15px; width:19px; height:10px; margin-top:-5px; background-size:19px auto;}
	.accordion-list .btn-accordion-menu .accordion-menu-subject {font-size:17px; line-height:25px;}
	.accordion-list.small-size .btn-accordion-menu {min-height:60px;}
	.accordion-list.small-size .btn-accordion-menu .accordion-menu-subject {font-size:17px; line-height:25px;}

	.accordion-detail {padding:20px; font-size:14px; line-height:22px;}	
	
	.page-bottom-info {margin-top:50px; padding:0; border:none; background-color:transparent;}
	.page-bottom-info .desc {padding:20px 10px; font-size:13px; line-height:19px; color:#666; border:1px solid #e1e1e1; background-color:#f8f8f8;}
	.page-bottom-info .btns {display:flex; margin:15px -3px; }
	.page-bottom-info .btns .btn-basic {flex:1; min-width:0; margin:0 3px; padding:0 5px;}
    .service .page-bottom-info .btns .btn-basic {height:auto; line-height: inherit;}

	/* 세로 슬라이더 */
	.vertical-slider-wrap {position:relative;display:flex;}
	.vertical-slider-wrap .visual-slider {width:100%;}
	.vertical-slider-wrap .visual-slider .slider-item {width:100%; height:auto;}
	.vertical-slider-wrap .visual-slider .slider-item img {max-width:100%; max-height:100%; object-fit:cover;}
	.vertical-slider-wrap .thumb-slider {display:none;}

	.vertical-slider-wrap .slide-btn-wrap {display:block;}



	/*==============================================
	01. 행사안내
	==============================================*/
	/* 행사안내 > 행사 리스트 */
	.schedule-board-list {margin-top:10px;}
	.thumb-board-list .grid-frame-layout {margin:0;}
	.thumb-board-list .grid-frame-cell {width:100%; padding:25px 0; border-bottom:1px solid #eaeaea;}
	.thumb-board-list .paging {margin-top:25px;}

	/* 행사안내 > 행사 상세 */
	.product-view-detail {margin-top:25px;}
	.product-view-wrap {padding:94px 23px 31px 23px; border-width:7px;}
	.product-view-wrap .product-view-thumb {width:auto; max-width:200px; margin:0 auto;}
	.product-view-wrap .product-view-info {width:auto;}
	.product-view-wrap .product-share {top:25px; right:auto; left:0; width:100%;}
	.product-view-thumb {display:block;}
	.product-view-info {display:block; padding-left:0; margin-top:35px;}
	.product-view-info h3 {font-size:23px; line-height:34px;}
	.product-view-info .label-wrap {margin-bottom:4px;}
	.product-view-info .view-info-list {margin-top:15px;}
	.product-view-info .view-info-list > li {position:relative; padding:0 0 0 98px; min-height:22px; font-size:15px; line-height:22px;}
	.product-view-info .view-info-list > li + li {margin-top:16px;}
	.product-view-info .view-info-list .title {width:80px; height:22px; line-height:22px; padding:0 0 0 13px;}
	.product-view-info .view-info-list .title:before {top:9px;}
    #en .product-view-info .view-info-list .title {width:100px;}
    #en .product-view-info .view-info-list > li {padding-left:110px;}

	.product-share {justify-content:center;}
	.product-share .btn-product-share {width:35px; height:35px; font-size:0; margin:0 5px;}
	.product-share .btn-product-share .icon-share {width:35px; height:35px;}



    /*==============================================
    02. 시설안내
    ==============================================*/
    /* 시설안내 > 공통 */
    .facility-wrap .col-lg-none {display:block;}
    .facility-wrap .facility-visual-top {margin-top:25px;}
    .facility-wrap .facility-detail {margin-top:50px;}
    .facility-wrap .default-group .btn-page-wrap .btn-basic + .btn-basic {margin:0 0 0 5px;}
    .facility-wrap .grid-frame-layout {display:block; margin:0;}
    .facility-wrap .grid-frame-layout .grid-02 {width:100%; padding:0;}
    .facility-wrap .grid-frame-layout .grid-02 + .grid-02 {margin-top:50px;}
    .facility-wrap .facility-detail .content-slide-wrap {margin-top:15px;}
    .facility-wrap .tab-list .btn-contents-tab-toggle {position:relative; display:flex; width:100%; min-width:0; height:40px; padding:0 12px; font-size:15px; line-height:17px; font-weight:500; color:#111; align-items:center; border:1px solid #e1e1e1; background-color:#fff;}
    .facility-wrap .tab-list .btn-contents-tab-toggle:before {content:''; position: absolute; top: 50%; right: 15px; display: block; width:10px; height:8px; margin-top:-4px; background: url(../images/icon/icon_select_custom_arrow_blank.png) center center no-repeat;  background-size: 100%;}
    .facility-wrap .con-title + .read-table {margin-top:20px;}
    .facility-wrap .read-table table > thead > tr > th {height:35px; font-size:12px; line-height:18px; padding:5px;}
    .facility-wrap .read-table table > tbody > tr > th {padding:15px 5px; font-size:12px; line-height:13px;}
    .facility-wrap .read-table table > tbody > tr > td {height:35px; font-size:11px; line-height:18px; padding:5px;}
    .facility-wrap .read-table .font-color-black {height:35px; line-height:13px;}
    .facility-wrap .circle-list-content:before {display:none;}
    .facility-wrap .circle-list-box .circle-list-cell:after {width:2px; height:2px;}
    .facility-wrap .circle-list-content > ul + ul {margin-top:10px;}
    .facility-wrap .read-table td > .table-circle {padding-left:6px;}
    .facility-wrap .read-table td > .table-circle:before {top:8px; width:2px; height:2px;}
    /* 사용절차 */
    .using-procedure {margin-top:20px;}
    .using-procedure .step-content-wrap {padding:34px 0 0 0;}
    .using-procedure .step-content:before {top:52px; left:20px; width:2px;}
    .using-procedure .step-content-head {margin-bottom:10px; font-size:24px; line-height:40px;}
    .using-procedure .step-content-head .visual-number {width:40px; height:40px; margin:0 18px 0 0; font-size:17px; line-height:38px;}
    .using-procedure .step-content-line {margin-top:0; padding:0 0 30px 60px;}
    .using-procedure .step-content-line ol.step-line-list {margin:30px 0 0 -40px;}
    .using-procedure .step-content-line ul.step-line-list > li {padding-left:11px; font-size:13px; line-height:19px;}
    .using-procedure .step-content-line ul.step-line-list > li:before {top:7.5px;}
    .using-procedure .step-content-line ul.step-line-list > li + li {margin-top:8px;}
    .using-procedure .step-content-line .line-list-cell {padding-left:40px; font-size:15px; line-height:18px;}
    .using-procedure .step-content-line .line-list-cell + .line-list-cell {margin-top:32px;}
    .using-procedure .step-content-line .line-list-cell:before {top:8px; width:24px;}
    .using-procedure .step-content-line .line-list-cell:after {top:5px; left:-3.5px; width:8px; height:8px;}
    .using-procedure .step-line-list + .step-numbering-list {margin-top:10px;}
    .using-procedure .step-numbering-list {position:relative; top:4px; left:0;}
    .using-procedure .step-numbering-list .numbering-list-cell {padding:7px 0; font-size:13px; line-height:22px;}
    .using-procedure .step-numbering-list .numbering-list-cell span {width:22px; height:22px; margin-right:8px; font-size:10px; line-height:22px; flex:0 0 22px;}
    .using-procedure + .faq-content-wrap {margin-top:40px;}
    .faq-content-wrap .accordion-list .question-content {padding-left:32px;}
    .faq-content-wrap .accordion-list .answer-content {padding-left:28px;}
    .faq-content-wrap .accordion-list .question-content:before {top:3px; left:0; width:22px; height:22px; font-size:12px; line-height:20px;}
    .faq-content-wrap .accordion-list .answer-content:before {top:3px; left:-5px; width:22px; height:22px; font-size:12px; line-height:20px;}
    /* slide-btn */
    .slide-btn-wrap > button {width:50px; height:50px;}
    .slide-btn-wrap .slide-prev {margin-top:-25px;}
    .slide-btn-wrap .slide-prev:after {left:15px; width:18px; height:18px; margin-top:-9px; background-image:url('../images/icon/icon_facility_arrow_prev02.png'); background-size:cover;}
    .slide-btn-wrap .slide-next {margin-top:-25px;}
    .slide-btn-wrap .slide-next:after {right:15px; width:18px; height:18px; margin-top:-9px; background-image:url('../images/icon/icon_facility_arrow_next02.png'); background-size:cover;}

    /* 전시홀 > 전시장 */
    .exhibition-wrap .tab-list .tab-list{position: absolute; top:50px; left:0px; display:none; width:100%; height:auto; max-height:202px; margin:0; padding:15px 20px; overflow:visible; border:1px solid #000; box-shadow:0px 10px 10px rgb(0 0 0 / 10%); background-color: #fff; overflow-x:hidden; overflow-y:auto; box-sizing:border-box;}
    .exhibition-wrap .tab-list .tab-list button {display:flex; align-items: center; justify-content: flex-start; height: 34px; padding: 0 0; font-size:15px; line-height:22px; color:#666; font-weight:400; text-align:left; border:none; background:none;}
    .exhibition-wrap .facility-detail .con-title {font-size:20px;}
    .facility-detail .content-map-visual {margin-top:35px;}
    .facility-detail .content-map-visual .content-info-text {left:10px;}
    .exhibition-wrap .facility-detail .facility-detail-list {margin-top:20px;}
    .facility-detail .content-map-visual .content-info-text .info-label {left:10px; width:60px; height:60px; font-size:16px; line-height:60px;}
    .facility-detail .content-map-visual .content-info-text .info-title-wrap {padding:16px 0 0 10px;}
    .facility-detail .content-map-visual .info-title-wrap .info-sub-title {font-size:13px; line-height:19px;}
    .facility-detail .content-map-visual .info-title-wrap .info-title {font-size:17px; line-height:20px;}
    .facility-detail .content-map-visual + .default-group.big {margin-top:35px;}
    .facility-detail .facility-overview-info .read-table table > tbody > tr > td {padding:11px 12px; line-height:15px;}
    .facility-detail .facility-overview-info .read-table .col-download-content a.btn-size-middle {display:block; width:150px; height:44px; padding:0 18px; font-size:12px; line-height:42px;}
    .facility-detail .facility-overview-info .read-table .col-download-content a.btn-file-download:after {right:18px;}
    /* 1전시장, 2전시장 */
    .exhibition-wrap .facility-overview-info .col-layout01 > col:nth-child(1) {width:20%;}
    .exhibition-wrap .facility-overview-info .col-layout01 > col:nth-child(2) {width:25%;}
    .exhibition-wrap .facility-overview-info .col-layout01 > col:nth-child(3) {width:30%;}
    .exhibition-wrap .facility-overview-info .col-layout01 > col:nth-child(4) {width:25%;}
    .exhibition-wrap .facility-overview-info .col-download-content .btn-file-download + .btn-file-download {margin:10px 0 0 0;}
    /* 1전시장 > 옥외전시장 */
    .exhibition-wrap .facility-overview-info .col-layout02 > col:nth-child(1) {width:30%;}
    .exhibition-wrap .facility-overview-info .col-layout02 > col:nth-child(2) {width:35%;}
    .exhibition-wrap .facility-overview-info .col-layout02 > col:nth-child(3) {width:35%;}

    /* 전시홀 > 사용문의 */
    .exhibition-wrap .using-procedure .step01,
    .exhibition-wrap .using-procedure .step02,
    .exhibition-wrap .using-procedure .step03 {padding-bottom:0px;}

    /* 전시홀 > 사용료 */
    .exhibition-wrap .facility-pay-wrap .sub-btn-wrap {display:block;}
    .exhibition-wrap .facility-pay-wrap .sub-btn-wrap select {width:100%;}
    .exhibition-wrap .facility-pay-wrap .sub-btn-wrap .btn-page-wrap {margin-top:25px;}
    .facility-pay-wrap .table-wrap + .table-wrap {margin-top:46px;}
    .facility-wrap .facility-pay-wrap .con-title.table-topic {padding-bottom:10px; font-size:20px;}
    .facility-pay-wrap .table-topic > span {position:relative; display:block; margin-left:0; line-height:20px; font-size:13px;}
    .exhibition-wrap .facility-pay-wrap .con-title + .read-table {margin-top:0;}
    .facility-pay-wrap .table-wrap .table-info-group .table-info-text {font-size:13px; line-height:16px;}
    .exhibition-wrap .facility-pay-wrap .read-table table > tbody > tr > th {word-break:keep-all;}
    .facility-wrap.exhibition-wrap .facility-pay-wrap .read-table table > tbody > tr > td {padding:10px 2px; line-height:15px;}
	.facility-wrap.exhibition-wrap .facility-pay-wrap .table-flex-none .read-table table > tbody > tr > td{padding:22px 5px;}
    .exhibition-wrap .table-wrap .col-layout03 > col:nth-child(1) {width:18%;}
    .exhibition-wrap .table-wrap .col-layout03 > col:nth-child(2) {width:17%;}
    .exhibition-wrap .table-wrap .col-layout03 > col:nth-child(3) {width:16%;}
    .exhibition-wrap .table-wrap .col-layout03 > col:nth-child(4) {width:16%;}
    .exhibition-wrap .table-wrap .col-layout03 > col:nth-child(5) {width:33%;}

    /* 회의실 > 전시장 */
    .meeting-wrap .facility-detail-list .default-group.big + .default-group.big {margin-top:75px;}
    .facility-detail .facility-overview-info.table-flex-none .btn-file-download + a.btn-file-download {display:block; margin:10px 0 0 0;}
    .meeting-wrap .facility-detail {margin-top:30px;}
    .meeting-wrap .facility-detail-list {margin-top:20px;}
    .meeting-wrap .sub-content-wrap {margin-top:70px;}
    .meeting-wrap .facility-overview-info .read-table-wrap table .back-white {padding:11px 12px; font-size:11px; line-height:15px;}
    .meeting-wrap .facility-detail-list .read-table-wrap .col-download-content a.btn-size-middle {display:inline-block;}
    .meeting-wrap .event-studio .con-title {padding-bottom:15px;}
    .meeting-wrap .event-studio .square-visual-box {display:block}
    .meeting-wrap .event-studio .square-visual-box > div {width:100%;}
    .meeting-wrap .event-studio .square-visual-box .content-slide-wrap .slider-visual {position:relative; padding-top:100%;}
    .meeting-wrap .event-studio .square-visual-box .content-slide-wrap .slider-visual > div {position:absolute; top:0; left:0;}
    .meeting-wrap .event-studio .square-visual-box .content-text-wrap {padding:0 20px;}
    .meeting-wrap .event-studio .square-visual-box .content-text-wrap .title-box {margin-top:35px; padding-bottom:10px; font-size:20px; line-height:37px;}
    .meeting-wrap .event-studio .square-visual-box .content-text-wrap .title-box > img {display:block; width:93px; height:17px;}
    .meeting-wrap .event-studio .square-visual-box .content-text-wrap .text-box {padding:16px 0 32px; font-size:14px; line-height:21px;}
    .meeting-wrap .event-studio .square-visual-box .content-text-wrap .text-box p + p {margin-top:12px;}
    .meeting-wrap .event-studio .event-studio-list {padding:27px 0;}
    .meeting-wrap .event-studio .event-studio-list .grid-frame-layout {margin:-13px -5px;}
    .meeting-wrap .event-studio .event-studio-list .grid-frame-cell {min-width:100%; padding:13px 5px;}
    .meeting-wrap .event-studio .event-studio-list .grid-frame-cell .grid-cell {padding:0 0 0 60px; font-size:14px; line-height:28px;}
    .meeting-wrap .event-studio .event-studio-list .grid-cell:before {left:12px; width:28px; height:28px;}
    .meeting-wrap .event-studio .event-studio-list .grid-cell02:before,
    .meeting-wrap .event-studio .event-studio-list .grid-cell05:before,
    .meeting-wrap .event-studio .event-studio-list .grid-cell08:before {width:31px;}
    .meeting-wrap .event-studio .event-studio-list .grid-cell03:before,
    .meeting-wrap .event-studio .event-studio-list .grid-cell09:before {height:29px;}
    .meeting-wrap .sub-content-wrap .sub-content + .sub-content {margin-top:50px;}
    .meeting-wrap .event-package .read-table .text-left {padding:10px; line-height:16px;}
    .meeting-wrap .event-package .table-info-text {margin-top:14px; font-size:13px; line-height:16px;}
    .meeting-wrap .facility-overview-info .read-table-list {padding:0 0 25px 10px;}
    .meeting-wrap .facility-overview-info .read-table-list > li {display:flex; min-height:auto; font-size:14px; line-height:21px;}
    .meeting-wrap .facility-overview-info .read-table-list > li  + li {margin-top:10px;}
    .meeting-wrap .facility-overview-info .read-table-list .title {flex:none; height:auto; padding:0 0 0 10px;}
    .meeting-wrap .facility-overview-info .read-table-list .title:before {top:9px; width:2px; height:2px;}
    .meeting-wrap .facility-overview-info .read-table-list .info {padding-left:8px;}
    .meeting-wrap .facility-overview-info .read-table-list .info:before {left:2px;}
    
    .meeting-wrap .read-table .col-layout06 > col:nth-child(1) {width:18%;}
    .meeting-wrap .read-table .col-layout06 > col:nth-child(2) {width:24%;}
    .meeting-wrap .read-table .col-layout06 > col:nth-child(3) {width:19.333%;}
    .meeting-wrap .read-table .col-layout06 > col:nth-child(4) {width:19.333%;}
    .meeting-wrap .read-table .col-layout06 > col:nth-child(5) {width:19.333%;}
    .meeting-wrap .read-table .col-download-content a.btn-size-middle {display:block;}
    .meeting-wrap .read-table-wrap .read-table .btn-file-download + .btn-file-download {margin:0 0 0 10px;}
    .meeting-wrap .facility-overview-info > .read-table .btn-file-download + .btn-file-download {margin:10px 0 0 0;}

    /* 회의실 > 사용문의 */
    .meeting-wrap .using-procedure .step01 {padding-bottom:0;}

    /* 회의실 > 사용료 */
    .meeting-wrap .facility-pay-wrap .sub-btn-wrap {display:block;}
    .meeting-wrap .facility-pay-wrap .sub-btn-wrap select {width:100%}
    .meeting-wrap .facility-pay-wrap .btn-page-wrap .btn-pos-right {flex-wrap:nowrap; margin-top:25px;}
    .meeting-wrap .sub-btn-wrap .btn-pos-right .btn-basic {flex:auto; width:auto; padding:0 5px;}
    .facility-wrap .table-wrap .table-border-top > th {font-size:12px; line-height:14px;}
    .meeting-wrap .facility-pay-wrap .table-wrap .read-table {flex:0 0 200%;}
    .meeting-wrap .read-table-wrap + .gray-info-content {margin-top:50px;}
    .gray-info-content {padding:25px;}
    .gray-info-content .gray-info-title {font-size:15px; line-height:20px;}
    .gray-info-content .gray-info-title + .gray-info-list {margin-top:12px}
    .gray-info-content .gray-info-list .info-list-cell {font-size:14px; line-height:22px;}
    /* .meeting-wrap .facility-pay-wrap .default-group {overflow:hidden;}
    .facility-wrap .facility-pay-wrap .grid-frame-layout {display:flex; margin:-10px;}
    .table-square-content .grid-04 {width:50%;}
    .table-square-content .grid-frame-cell {padding:10px;}
    .table-square-content .grid-frame-cell:nth-of-type(n+3) {padding:25px 10px 10px; border-top:1px solid #efefef}
    .table-square-content .grid-frame-cell .square-cell-visual {padding-top:100%;}
    .table-square-content .grid-frame-cell .text-box {padding:20px 0; border:none;}
    .table-square-content .grid-frame-cell .text-box .info-title {font-size:16px; line-height:25px;}
    .table-square-content .grid-frame-cell .text-box .info-title + .info-sub {margin-top:4px;}
    .table-square-content .grid-frame-cell .text-box .info-sub {min-height:40px; font-size:13px; line-height:20px;} */

    /* 오피스 > 시설개요 */
    .office-wrap .read-table .text-left {padding:10px; line-height:16px;}
    .office-wrap .circle-list-box.list-border-thick {padding:20px;}
    .office-wrap .circle-list-box .list-info-title {font-size:16px; line-height:22px;}
    .office-wrap .circle-list-box .list-info-title + .circle-list-content {margin-top:10px;}
    .office-wrap .circle-list-content > ul + ul {margin-top:7px;}
    .office-wrap .circle-list-box.list-border-thick .circle-list-cell {font-size:14px; line-height:21px;}
    .office-wrap .circle-list-box.list-border-thick .circle-list-cell + .circle-list-cell {margin-top:7px;}
    .office-wrap .circle-list-box.list-border-thick .circle-list-cell:after {top:9px;}
    .office-wrap .facility-overview-info .col-layout01 > col:nth-child(1) {width:25%;}
    .office-wrap .facility-overview-info .col-layout01 > col:nth-child(2) {width:35%;}
    .office-wrap .facility-overview-info .col-layout01 > col:nth-child(3) {width:40%;}

    /* 오피스 > 사용절차 */
    .office-wrap .using-procedure .step06 .step-content-line {padding-bottom:5px;}

    /* 오피스 > 사용료 */
    .office-wrap .con-title.table-topic {padding-bottom:10px;}
    .office-pay-wrap .table-topic > span {bottom:10px; font-size:13px; line-height:18px;}
    .office-pay-wrap .read-table table > tbody > tr > td {padding:20px 10px;}
    .office-pay-wrap .list-wrap .circle-list-thumb {font-weight:700; line-height:22px;}
    .office-pay-wrap .list-wrap .circle-list-thumb > span {display:block;}
    .office-pay-wrap .list-wrap .circle-list-thumb + .line-text-list {margin-top:11px;}
    .office-pay-wrap .list-wrap .line-text-list > li {font-size:14px; line-height:22px;}
    .office-pay-wrap .list-wrap .line-text-list > li + li {margin-top:14px;}
    .office-wrap .read-table .col-layout02 > col:nth-child(1) {width:20%;}
    .office-wrap .read-table .col-layout02 > col:nth-child(2) {width:20%;}
    .office-wrap .read-table .col-layout02 > col:nth-child(3) {width:20%;}
    .office-wrap .read-table .col-layout02 > col:nth-child(4) {width:40%;}

    /* 오피스 > 공실안내 */
    .office-empty-wrap .read-table-wrap.default-group {margin-top:25px;}
    .office-empty-wrap .read-table table > tbody > tr > th {padding:5px;}
	.office-empty-wrap .read-table table > tbody > tr > td {text-align:center;}
    .office-wrap .read-table .col-layout01 > col:nth-child(1) {width:12.5%;}
    .office-wrap .read-table .col-layout01 > col:nth-child(2) {width:12.5%;}
    .office-wrap .read-table .col-layout01 > col:nth-child(3) {width:25%;}
    .office-wrap .read-table .col-layout01 > col:nth-child(4) {width:25%;}
    .office-wrap .read-table .col-layout01 > col:nth-child(5) {width:25%;}

    /* 부대시설 > 공통사항 */
    .subsidiary-wrap .con-title {padding-bottom:10px; font-size:20px;}
    .subsidiary-wrap .read-table table > tbody > tr > td {padding:5px 8px;}

    /* 부대시설 > 로케이션 */
    .subsidiary-wrap.location .select-tab-contents .select-tab-item {width:100%;}
    .subsidiary-wrap .circle-list-box.list-border-thick {padding:0 15px;}
    .subsidiary-wrap .circle-list-box .circle-list-wrap {padding:20px 5px;}
    .subsidiary-wrap .circle-list-box .circle-list-wrap .list-info-title {font-size:16px; line-height:21px;}
    .subsidiary-wrap .circle-list-box .circle-list-wrap .list-info-title + .circle-list-content {margin-top:7px;}
    .subsidiary-wrap .circle-list-box .circle-list-content .circle-list-cell {padding-left:11px; font-size:14px; line-height:21px;}
    .subsidiary-wrap .circle-list-box .circle-list-content .circle-list-cell:after {top:9.5px;}
    .subsidiary-wrap .circle-list-box .circle-list-content .circle-list-cell + .circle-list-cell {margin-top:7px}
    .subsidiary-wrap.location .select-tab-data-group > .tab-data:nth-of-type(2) {margin-top:30px;}
    .subsidiary-wrap.location .read-table {flex:0 0 160%;}
    .subsidiary-wrap.location .read-table table > tbody > tr > th {padding:22px 8px; font-size:13px;}


    /* 부대시설 > 연회서비스 */
    .banquet-service .title .top-title > img {display:block; width:33px; height:32px; margin:0 auto;}
    .banquet-service .title .top-title h4 {margin-top:10px; font-size:24px; line-height:30px;}
    .banquet-service .title .sub-title {margin-top:6px; font-size:14px; line-height:18px;}
    .banquet-service .content-wrap {margin-top:47px;}
    .banquet-service .content-wrap .content-group .cont-info .info-title {padding:21px 0 19px; font-size:20px; line-height:27px;}
    .banquet-service .content-wrap .content-group .cont-info .info-title:after {width:30px; height:3px;}
    .banquet-service .content-wrap .content-group .cont-info .info-text {margin-top:16px; font-size:14px; line-height:21px;}
    .banquet-service .content-wrap .content-group + .content-group {margin-top:45px;}
    .banquet-service .content-wrap .content-group .img-group {margin-top:45px;}
    .banquet-service .content-wrap .content-group .img-group .cont-visual + .cont-visual {margin-top:10px}
    .banquet-wrap .default-group:nth-of-type(2) {margin-top:48px;}
    .banquet-wrap .default-group .con-title {padding-bottom:14px;}
    .banquet-wrap .default-group .list-content + .list-content {margin-top:18px;}
    .banquet-wrap .default-group .list-content .line-text-list {margin-top:4px;}
    .banquet-wrap .default-group .list-content .line-text-list > li {font-size:14px; line-height:21px;}

    /* 부대시설 > 광고시설 */
    .facility-wrap .btn-pos-right {justify-content:space-between;}
    .facility-wrap .btn-pos-right .btn-basic {width:49%;}
    .facility-wrap .btn-pos-right .btn-basic + .btn-basic {margin-top:0;}
    .facility-wrap .default-group + .advertising-content {margin-top:0;}
    .advertising-wrap .advertising-content + .advertising-content {margin-top:25px;}
    .advertising-wrap .advertising-content .con-title {padding:22px 0 12px; font-size:20px; line-height:25px;}
    .advertising-wrap .advertising-content .grid-frame-layout {display:flex;}

	.subsidiary-advertising-gallery .tab-data-group {margin-top:30px;}
	.subsidiary-location-gallery .tab-data-group {margin-top:30px;}
	.subsidiary-location-gallery .tab-data-group .con-title {padding-bottom:15px;}

    /* 팝업 */
    .pop-data.alert-data.advertising-pop {width:auto;}
    .alert-data.advertising-pop .pop-head .btn-pop-head {right:0;}
    .alert-data.advertising-pop .pop-head .btn-pop-head button {top:3px; right:25px;}
    /*.advertising-pop .pop-head {position:relative;}
     .advertising-pop .pop-head:before {content:''; position:absolute; top:50px; left:15px; width:95%; height:1px; background-color:#e1e1e1;}
    .advertising-pop .pop-head:after {content:''; position:absolute; top:50px; right:0; width:15px; height:1px; background-color:#fff;} */
    .pop-data.advertising-pop .pop-body {padding:50px 15px 35px;}
    .advertising-pop .read-table {flex:0 0 202%;}
    .advertising-pop .read-table-wrap {margin:0 -15px; padding:0 0 0 15px;}
    .advertising-pop .read-table table > thead > tr > th {padding:15px 10px; font-size:11px;}
    .advertising-pop .read-table-wrap .read-table .font-sm {padding:18px 2px; font-size:10px;}
    .advertising-pop .read-table-wrap .read-table table > tbody > tr > td {font-size:11px; line-height:15px;}

    /* 협력업체안내 */
    .subcontractor-wrap {position:relative;}
    /* .subcontractor-wrap .col-lg-none {display:block;} */
    .subcontractor-wrap .bulletin-result-info {margin-top:20px;}
    .subcontractor-wrap .board-sort {display:block; margin-top:35px;}
    .subcontractor-wrap .board-sort .board-sort-left {display:block; width:100%;}
    .subcontractor-wrap .board-sort .board-sort-left select {width:100%;}
    .subcontractor-wrap .board-sort .board-sort-left select + select {margin:10px 0 0 0;}
    .subcontractor-wrap .board-sort .board-sort-left select + button {margin:10px 0 0 0;}
	.subcontractor-wrap .board-sort .board-sort-left > .btn-basic-auto {width:100%;}
    .subcontractor-wrap .board-sort .board-sort-right {display:flex; justify-content:flex-end; margin-top:10px;}
    .subcontractor-wrap .board-sort .board-sort-right .btn-file-download {width:190px; padding:0 18px;}
    .subcontractor-wrap .board-sort .board-sort-right .btn-file-download:after {right:20px;}
    .subcontractor-wrap .border-list-body {border-top:3px solid #111;}
    .subcontractor-wrap .border-list-body ul {position:relative;}
    .subcontractor-wrap .border-list-body ul:before {content:''; position:absolute; top:0; left:78px; width:1px; height:100%; background-color:#111; z-index:2;}
    .subcontractor-wrap .border-list-body .border-list-cell {position:relative; display:block; padding:7px 0 15px;}
    .subcontractor-wrap .border-list-body .border-list-cell > div {display:flex; align-items:flex-start; padding:6px 0; line-height:23px; text-align:left; box-sizing:border-box;}
    .subcontractor-wrap .border-list-body .border-list-cell > div > div {box-sizing:border-box;}
    .subcontractor-wrap .border-list-body .border-list-cell .col-lg-none {min-width:78px; padding-left:10px; font-size:15px; font-weight:500; color:#111;}
    .subcontractor-wrap .border-list-body .border-list-cell .list-info {padding:0 5px 0 28px; font-size:15px; font-weight:400; color:#333; padding:0; text-align:center; width:100%;}
    #ch .subcontractor-wrap .border-list-body .border-list-cell .list-info {padding:0; text-align: center; width: 100%;}
    .subcontractor-wrap .border-list-body .border-list-cell .btn-basic {width:94px; height:40px; color:#fff; line-height:38px;}
    /* .subcontractor-wrap .border-list-head .list-phone-number,
    .subcontractor-wrap .border-list-body .border-list-cell .list-cell-phone-number {flex:1.2;}
    .subcontractor-wrap .border-list-head > div {position:relative; padding:0 2px;}
    .subcontractor-wrap .border-list-head > div:nth-child(3):before,
    .subcontractor-wrap .border-list-head > div:nth-child(4):before,
    .subcontractor-wrap .border-list-head > div:nth-child(5):before {content:''; position:absolute; top:1px; left:0; width:1px; height:48px; background-color:#eaeaea;}
    .subcontractor-wrap .border-list-body .border-list-cell {padding-right:0; overflow:hidden;}
    .subcontractor-wrap .border-list-body .border-list-cell > div {position:relative; word-break:break-word;}
    .subcontractor-wrap .border-list-body .border-list-cell > div:nth-child(3):before,
    .subcontractor-wrap .border-list-body .border-list-cell > div:nth-child(4):before,
    .subcontractor-wrap .border-list-body .border-list-cell > div:nth-child(5):before {content:''; position:absolute; top:-35px; left:0; width:1px; height:210%; background-color:#eaeaea;}
    .subcontractor-wrap .board-sort {width:100%; margin:30px 0 0;}
    .subcontractor-wrap .board-sort .btn-basic {display:flex; justify-content:center; width:100%; padding-left:0;}
    .subcontractor-wrap .board-sort .btn-file-download:after {left:50%; margin-left:54px;} */


	/*==============================================
	03. 고객/서비스
	==============================================*/
	/* 층 소개 */
	.map-floor-area {border:none;}
	.care-copy + .map-floor-area {margin-top:25px;}
	.service-facility-wrap .map-floor-area + .data-group {margin-top:45px;}
	.service-facility-wrap .data-group + .data-group {margin-top:45px;}
	.service-facility-wrap .facility-map-list {margin-top:20px;}

	/* 맵 위치 설명 리스트 */
	.facility-map-list {}
	.facility-map-list .list-inner {margin:0;}
	.facility-map-list .list-inner > ol {padding:10px 0;}
	.facility-map-list .list-inner > ol > li {width:100%; padding:7px 0;}
	.facility-map-list .list-inner .num {width:30px; height:30px; font-size:12px; line-height:18px;}
	.facility-map-list .list-inner .name {min-height:30px; padding:0 10px; font-size:14px; line-height:20px;}
	.facility-map-list .list-inner .name .en-name {font-size:13px;}

	/* 교통/주차 > 자차/주차 */
    .parking-information .parking-link-wrap > a > .available-num {position:absolute; top:50%; right:0; display:block; width:44%; padding-left:0; font-size:1.2vh; line-height:normal; transform:translate(0, -50%);}

	/* 시설 상세 컨텐츠 */
	.facility-detail .store-detail-list {margin-top:35px;}
	.store-detail-list > ul > li + li{margin-top:47px;}

	.store-detail-item {padding:0 10px; flex-wrap:wrap;}
	.store-detail-item .item-thumb {flex:0 0 100%; width:100%; height:auto;}
	.store-detail-item .item-thumb img {width:100%;}
	.store-detail-item .item-info-wrap {padding-left:0; margin-top:20px;}
	.store-detail-item .item-name {font-size:20px; line-height:28px;}
	.store-detail-item .info-list {flex-wrap:wrap; margin-top:8px; padding:0 0 0 5px;}
	.store-detail-item .info-list > li {width:100%; padding:2px 0 2px 10px; font-size:14px; line-height:22px;}
	.store-detail-item .info-list > li > em {margin-right:5px; font-weight:500; color:#333;}
	.store-detail-item .info-list > li:before {top:11px;}

	.store-info-list > ul > li + li{margin-top:30px;}
	.store-info-item .con-title {font-size:20px; line-height:28px;}
	.store-info-item .store-info-table {margin-top:15px;}
    .service-facility-wrap .read-table .col-layout01 > col:nth-child(1) {width:6%;}
    .service-facility-wrap .read-table .col-layout01 > col:nth-child(2) {width:14%;}
    .service-facility-wrap .read-table .col-layout01 > col:nth-child(3) {width:42%;}
    .service-facility-wrap .read-table .col-layout01 > col:nth-child(4) {width:14%;}
    .service-facility-wrap .read-table .col-layout01 > col:nth-child(5) {width:24%;}
	.store-info-item .read-table table > tbody > tr > th {padding:10px 0;}
    #en .store-info-item .read-table table > tbody > tr > th {word-break: break-all; font-size:10px;}
	.store-info-item .read-table table > tbody > tr > td {padding:10px 3px; height:auto; vertical-align:middle; font-size:10px;}
	.store-info-item .read-table .flex {}
	.store-info-item .read-table .btn-store-ui {min-width:70px; height:25px; line-height:23px; width:auto; display:inline-block; margin-left:10px; padding:0 10px; font-size:11px; width:100%; max-width:55px;}
	/* .store-info-item .read-table {flex:0 0 250%;} */

	.floor-detail .tab-data-group {margin-top:30px;}
	.floor-detail .store-visual-slider-wrap {margin-top:8px;}

	.store-visual-slider-wrap {position:relative; overflow:hidden;}
	.store-visual-slider-wrap .btn-store-slider-prev,
	.store-visual-slider-wrap .btn-store-slider-next {display:block;}
	.store-visual-slider-wrap .stsore-visual-slider-inner {margin:0;}
	.store-visual-slider-wrap .slider-visual {padding:0;}

	/* 공식 제휴 호탤 */
	.alliance-hotel-wrap .care-copy .hotel-tel {margin-top:18px; font-size:13px;}
	.alliance-hotel-wrap .care-copy .hotel-tel:before {display:none;}

	/* 공식 제휴 호텔 > 숙박 혜택 */
	.alliance-hotel-benefit {margin-top:30px;}
	.benefit-process {flex-wrap:wrap; margin-top:11px;}
	.benefit-process > li {flex:0 0 auto; width:100%; height:auto; padding:14px 0 23px 25px; border-bottom:1px dashed #d0d0d0;}
	.benefit-process > li:after {top:0; bottom:auto; right:15px; width:85px; height:85px; background-size:100%;}
	.benefit-process > li + li {margin-top:10px; border-left:none;}
	.benefit-process .num {width:30px; height:30px; font-size:12px; line-height:30px;}
	.benefit-process .info {margin-top:12px; font-size:15px; line-height:20px;}

	/* 공식 제휴 호텔 > 숙박 혜택 리스트 */
	.benefit-hotel-list {margin-top:33px;}
	.benefit-hotel-list .list-unit {margin-bottom:0; font-size:13px; line-height:17px;}
	.benefit-hotel-list .list-bottom-info {margin-top:12px; font-size:13px; line-height:19px;}
	.benefit-hotel-list .grid-frame-layout {margin:0;}
	.benefit-hotel-list .grid-frame-cell {padding:25px 0; width:100%; border-bottom:1px solid #e1e1e1;}
	.benefit-hotel-list .benefit-hotel-item {display:flex;}
	.benefit-hotel-list .item-thumb {flex:1; width:48.43%;}
	.benefit-hotel-list .item-info-wrap {flex:0 0 auto; width:51.57%; margin-top:0; padding:2px  0 0 15px;}
	.benefit-hotel-list .item-name {font-size:16px; line-height:21px;}
	.benefit-hotel-list .item-price {margin-top:10px; font-size:14px; line-height:19px;}
	.benefit-hotel-list .item-info {margin-top:27px; font-size:13px; line-height:19px;}

	/* 공식 제휴 호텔 > 고객문의 */
	.alliance-hotel-request {margin-top:46px; padding:25px 10px 34px 10px;}
	.alliance-hotel-request .request-info {margin-top:30px; padding:0 15px;}
	.alliance-hotel-request .request-info .title {position:relative; top:auto; left:auto; display:block; width:auto; height:auto; text-align:center;}
	.alliance-hotel-request .request-info .title h4 {font-size:17px; line-height:24px;}
	.alliance-hotel-request .request-info .title p {font-size:14px; line-height:20px;}
	.alliance-hotel-request .request-info > ul {display:block; margin-top:21px; justify-content:center;}
	.alliance-hotel-request .request-info > ul > li {width:100%; height:auto; padding:20px 40px 20px 15px; font-size:15px; line-height:20px; border-top:1px dashed #ccc;}
	.alliance-hotel-request .request-info > ul > li:before {top:16px; left:auto; right:7px; width:29px; height:29px;}
	.alliance-hotel-request .request-info > ul > li + li {border-left:none;}
	.alliance-hotel-request .request-info .kakao {padding-right:0; padding-bottom:121px; word-break: keep-all; padding-right: 50px;}
	.alliance-hotel-request .request-info .kakao img {position:absolute; top:auto; bottom:0; right:auto; left:50%; width:90px; height:90px; margin:0 0 0 -45px}

    .request-info {margin-top:30px; padding:0 15px;}
	.request-info .title {position:relative; top:auto; left:auto; display:block; width:auto; height:auto; text-align:center;}
    .request-info .title h4 {font-size:17px; line-height:24px;}
	.request-info .title p {font-size:14px; line-height:20px;}
	.request-info > ul {display:block; margin-top:21px; justify-content:center;}
	.request-info > ul > li {width:100%; height:auto; padding:20px 40px 20px 15px; font-size:15px; line-height:20px; border-top:1px dashed #ccc;}
	.request-info > ul > li:before {top:16px; left:auto; right:7px; width:29px; height:29px;}
	.request-info > ul > li + li {border-left:none;}
	.request-info .kakao {padding-right:0; padding-bottom:121px; word-break: keep-all; padding-right: 50px;}
	.request-info .kakao img {position:absolute; top:auto; bottom:0; right:auto; left:50%; width:90px; height:90px; margin:0 0 0 -45px}
	
	/* 기타 호텔 */
	.board-sort + .other-hotel-list {margin-top:0;}
	.other-hotel-list {}
	.other-hotel-list .grid-frame-layout {margin:0;}
	.other-hotel-list .grid-frame-cell {padding:25px 0;}
	.other-hotel-list .btn-square-item .item-info-wrap {padding:4px 0 0 15px; margin:0; border:none;}
	.other-hotel-list .btn-square-item .item-subject {height:42px; font-size:16px; line-height:21px;}
	.other-hotel-list .btn-square-item .item-address {margin-top:8px; font-size:12px; line-height:18px; height:36px;}

	/* 교통/주차 */
	.parking-wrap .con-title {margin-bottom:9px;}
    .parking-wrap .price-information .read-table .col-layout01 > col:nth-child(1) {width:20%;}
    .parking-wrap .price-information .read-table .col-layout01 > col:nth-child(2) {width:38%;}
    .parking-wrap .price-information .read-table .col-layout01 > col:nth-child(3) {width:42%;}
	
	/* 교통/주차 > 자차 */
	.parking-information .btn-page-wrap {margin-top:15px;}
	.parking-information .btn-page-wrap .btn-pos-right {flex-wrap:nowrap;}
	.parking-information .btn-page-wrap .btn-basic {margin:0 3px; width:auto;}
	.parking-information .btn-page-wrap .btn-basic:first-child {margin-left:0;}
	.parking-information .btn-page-wrap .btn-basic:last-child {margin-right:0;}

	/* 교통/주차 > 길안내 */
	.parking-wrap .directions-wrap {margin-top:12px;}
	.parking-wrap .vertical-contents-data {border:none;}
	.parking-wrap .vertical-contents-data .basic-map-visual {padding:0; border:1px solid #e1e1e1;}
    .parking-wrap .directions-wrap {padding:0;}
	.directions-wrap .directions-title {font-size:20px; line-height:25px;}
	.directions-wrap .directions-title > span {margin-left:10px; font-size:13px;}
	.directions-wrap .directions-title + .directions-list {margin-top:7px;}
	.directions-wrap .directions-list > ol {margin:0 -13px 0 0; font-size:0;}
	.directions-wrap .directions-list > ol > li {padding:0 13px 0 0; margin-right:13px; font-size:13px; line-height:22px; font-weight:400; color:#666;}
	.directions-wrap .directions-list > ol > li:after {top:0;}
	.directions-wrap .subway-list {}
	.directions-wrap .subway-list > ol {margin:-5px -15px -5px 0;}
	.directions-wrap .subway-list > ol > li {padding:5px 15px 5px 0; margin-right:15px; font-size:13px; line-height:20px;}
	.directions-wrap .subway-list > ol > li:before {min-width:20px; height:20px; margin-right:5px; font-size:12px; line-height:19px; border-radius:10px;}
	.directions-wrap .subway-list > ol > li:after {top:4px;}
	.directions-wrap .subway-list .bundang:before {padding:0 10px;}
	.directions-wrap .subway-list .gyeongui-jungang:before {padding:0 10px;}
	.directions-wrap .subway-list .airport:before {padding:0 10px;}
	.directions-wrap .subway-list .incheon:before {padding:0 10px;}


	/* 교통/주차 > 대중교통 */
	.bus-directions-wrap {border-top:2px solid #111;}
	.bus-directions-wrap .bus-directions-cell {position:relative; flex-wrap:wrap; padding:25px 0;}
	.bus-directions-wrap .bus-icon {flex:0 0 30px; width:30px; height:30px;}
	.bus-directions-wrap .bus-number {flex:1; width:auto; padding:0 15px; margin-top:0; font-size:20px; line-height:30px; text-align:left;}
	.bus-directions-wrap .bus-number > span {display:inline-block; margin:0 0 0 10px; font-size:13px; line-height:30px;}
	.bus-directions-wrap .info-wrap {flex:0 0 100%; width:100%; padding:32px 0 0 45px; font-size:13px; line-height:19px; box-sizing:border-box;}
	.bus-directions-wrap .info-wrap .info-txt {padding-left:53px;}
	.bus-directions-wrap .info-wrap .info-txt + .info-txt {margin-top:5px;}
	.bus-directions-wrap .bus-more {position:absolute; top:25px; right:0;}
	.bus-directions-wrap .bus-more .btn-basic {height:40px; min-width:0; line-height:38px;}
	.bus-directions-detail .tab-data-group {margin-top:35px;}

	/* 교통/주차 > 대중교통 > 지하철 */
	.subway-directions-wrap {border-top:2px solid #111;}
	.subway-directions-wrap .subway-directions-list {}
	.subway-directions-wrap .subway-directions-cell {padding:25px 0;}
	.subway-directions-wrap .subway-icon {flex:0 0 30px; width:30px; height:30px;}
	.subway-directions-wrap .subway-name {flex:1; padding:0px 0 0 15px; font-size:20px; line-height:30px;}
	.subway-directions-wrap .info-wrap {flex:0 0 100%; width:100%; padding:0 0 0 45px; margin-top:25px; box-sizing:border-box;}
	.subway-directions-wrap .info-wrap .info-txt {position:relative; display:flex; align-items:flex-start; width:100%;}
	.subway-directions-wrap .info-wrap .directions-wrap {margin-top:0;}
	.subway-directions-detail .tab-data-group {margin-top:35px;}

	/* 교통/주차 > 공유차량서비스 */
	.socar-overview {position:relative;}
	.socar-overview:after {height:60px;}
	.socar-overview .point-inner {padding:55px 10px 55px 10px; border:1px solid #e1e1e1;}
	.socar-overview .point-inner .logo img {width:125px;}
	.socar-overview .point-inner .desc {margin-top:12px; font-size:13px; line-height:19px;}
	.socar-overview .btn-view-more {height:60px; font-size:14px; line-height:60px;}
	.socar-overview .car-visual {right:10px; width:50%; margin-bottom:-61px;}



	/*==============================================
	04. 홍보센터
	==============================================*/
    /* 공통 영역 */
    .col-sm-none {display:none !important;}

    /* input-form-search */
    .input-form-search fieldset {display:block;}
    .input-form-search fieldset .input-form-search-box {display:block; width:100%;}
    .input-form-search fieldset .input-form-search-box img {width:20px; height:20px; margin-top:-10px;}
    .input-form-search fieldset .input-form-search-box input {height:47px; padding:0 0 0 34px; border-bottom:2px solid #333;}
    .input-form-search .btn-basic {width:100%; height:50px; margin:10px 0 0 0; font-size:15px; line-height:48px;}
    .input-form-search + .bulletin-result-info {margin-top:32px;}
    .bulletin-result-info {font-size:13px; line-height:17px;}
    
    /* border-list-wrap */
	.border-list-wrap .board-sort {margin-bottom:15px;}
    .border-list-head {height:50px; padding:0; border-top:2px solid #111;}
    .border-list-head > div {font-size:15px; line-height:50px;}
    .border-list-head .list-title {width:100%;}
    .border-list-body .border-list-cell .list-cell-title {width:100%; padding:5px 0; font-size:15px; line-height:40px;}
    .border-list-body .border-list-cell .list-cell-title div {padding:0 0 0 4%; height:40px;}
    .border-list-cell-none {padding:112px 0; font-size:16px; line-height:28px;}
    .customer-bidding .border-list-head,
    .customer-recruitment .border-list-head {padding-right:10px;}
    .customer-bidding .border-list-body .border-list-cell,
    .customer-recruitment .border-list-body .border-list-cell {padding-right:10px;}
    .customer-bidding .border-list-body .border-list-cell .list-cell-reception-status,
    .customer-recruitment .border-list-body .border-list-cell .list-cell-reception-status {padding:5px 0; font-size:15px; line-height:40px;}
    
    /* paging */
    .border-list-body + .paging {margin-top:18px;}
    .paging > a {width:17px; height:17px; margin-top:5px;}
    .paging .btn-first {background-image:url('../images/icon/mo_icon_paging_btn_first.png');}
    .paging .btn-prev {margin-left:2px; background-image:url('../images/icon/mo_icon_paging_btn_prev.png');}
    .paging .btn-next {background-image:url('../images/icon/mo_icon_paging_btn_next.png');}
    .paging .btn-last {margin-left:2px; background-image:url('../images/icon/mo_icon_paging_btn_last.png');}
    .paging .paging-list {width:74%; padding:0 5px;}
    .paging .paging-list > li {width:10%; font-size:13px;}
    .paging .paging-list > li a {width:100%;}
    .paging .paging-list > li strong {width:100%;}
    .paging .paging-list > li strong:after {bottom:4px; width:12px; height:2px;}
    /* //공통영역 : e */
    
    /* 공지사항 - 리스트 */
    .customer-notice .border-list-wrap {margin-top:12px;}
    .border-list-body .border-list-cell-notice .list-cell-notice {flex:1; padding:5px 6px; font-size:13px; color:#333; line-height:40px;}
    .border-list-body .border-list-cell-notice .list-cell-notice + .list-cell-title {flex:3;}
    .border-list-body .border-list-cell-notice .list-cell-notice + .list-cell-title > div {padding-left:0;}

    /* 공지사항 - 상세 */
    .border-detail-head {border-top:2px solid #111;}
    .border-detail-head .border-list-cell {padding:16px 15px 15px;}
    .border-detail-head .border-list-cell .list-title {font-size:15px; line-height:17px;}
    .border-detail-head .border-list-cell .view-cell-content:nth-of-type(1) {margin-left:-9px;}
    .border-detail-head .border-list-cell .view-cell-content {padding:0 9px;}
    .border-detail-head .border-list-cell .view-cell-content > div:nth-of-type(1) {font-size:13px; line-height:17px;}
    .border-detail-head .border-list-cell .view-cell-content > div:nth-of-type(2) {margin-left:7px; font-size:13px; line-height:17px;}
    .border-detail-body .border-list-content {padding:25px 15px; font-size:12px;}
    .border-view-detail-wrap .btn-page-wrap .btn-gray {width:100%; height:50px; font-size:15px; line-height:48px; background-color:#333;}
    .border-view-detail-wrap + .border-preview-list-wrap {margin-top:50px;}
    .border-preview-list-wrap .preview-list-content {width:100%; padding:5px 0;}
    .border-preview-list-wrap .preview-list-content .preview-list-info {width:19%; font-size:13px; line-height:40px;}
    .border-preview-list-wrap .preview-list-content .preview-list-link{width:calc(100% - 19%); font-size:13px;}
    .border-preview-list-wrap .preview-list-content .preview-list-link .preview-list-title {height:40px; padding:0 3% 0 0; line-height:40px;}
    
    /* 채용 - 리스트 */
    .customer-recruitment .border-list-wrap {margin-top:12px;}
    .customer-recruitment .border-list-head .list-title {width:100%;}
    .customer-recruitment .border-list-body .border-list-cell .list-cell-title {width:100%;}

    /* 채용 - 상세 */
    .border-view-detail-wrap .border-detail-body .attached-file-wrap {padding:10px 0;}
    .border-detail-body .attached-file-wrap .attached-file-title {width:28%; padding:0; font-size:13px; line-height:29px;}
    .border-detail-body .attached-file-wrap .attached-file-list {width:calc(100% - 28%);}
    .border-detail-body .attached-file-wrap .attached-file-list-cell {display:block; margin:6px 0;}
    .border-detail-body .attached-file-wrap .attached-file-list-cell > div {display:inline-block; padding-right:22px; font-size:13px; line-height:16px;}
    .border-detail-body .attached-file-wrap .attached-file-list-cell> div:after {width:16px; height:16px;margin-top:-8px; background-image:url('../images/icon/mo_icon_download.png');}
 
    /* 보도자료 - 리스트 */
    .square-thumb-group {border-top:2px solid #333;}
    .square-thumb-group .square-thumb-list {margin-top:25px;}
    .square-thumb-group .grid-frame-layout {margin:-10px;}
    .square-thumb-group .grid-frame-layout .grid-frame-cell {padding:10px;}
    .square-thumb-group .grid-frame-layout .grid-04 {width:50%;}
    .square-thumb-group .btn-square-item {position:relative; display:block;}
    .square-thumb-group .grid-frame-layout .grid-frame-cell:nth-of-type(n+3) .btn-square-item { padding-top:20px; border-top:1px solid #efefef;}
    .square-thumb-group .btn-square-item .item-thumb {width:100%; flex:none;}
    .square-thumb-group .grid-frame-cell:nth-of-type(n+3):nth-of-type(even) .btn-square-item:after {content:''; position:absolute; left:-13%; top:-1px; width:13%; height:1px; background-color:#efefef;}
    .square-thumb-group .btn-square-item .item-info-wrap {width:100%; margin-top:12px; padding:0px; flex:none;}
    .square-thumb-group .btn-square-item .item-subject {height:42px; font-size:16px; line-height:21px;}
    .square-thumb-group .btn-square-item .item-sub-subject {padding-bottom:0px; font-size:12px; line-height:23px;}
    .square-thumb-group .paging {margin-top:25px; border-top:1px solid #acacac;}
    .square-thumb-group .paging .paging-wrap {margin-top:20px;}
    .square-thumb-group .square-thumb-group-none {padding:112px 0; font-size:16px; line-height:28px;}

    /* 뉴스레터 - 리스트 */
    .news-letter-email {display:block; padding:21px 24px 24px 24px;}
    .news-letter-email .news-letter-info {width:100%; padding:0 3px; font-size:13px; line-height:19px;}
    .news-letter-email .input-news-letter {width:100%; margin:11px 0 0 0;}
    .news-letter-email .btn-basic {width:100%; height:40px; margin:11px 0 0 0; font-size:14px; line-height:38px; background-color:#333;}
    .news-letter-email + .input-form-search {margin-top:25px;}
    .customer-news-letter .square-thumb-group .paging {border-top:1px solid #111;}
    
    /* 행사갤러리 - 리스트 */
    .customer-gallery-event .square-silde-wrap {margin-top:15px; border-top:2px solid #111;}
    .customer-gallery-event .square-silde-wrap .square-silde-content {padding:25px 0;}
    .customer-gallery-event .square-silde-wrap-none {padding:112px 0; font-size:16px; line-height:28px;}
    .customer-gallery-kintex .square-thumb-group .paging {border-top:1px solid #111;}
    

    /* 고객서비스헌장 */
    .service-charter-visual {padding-top:87.5%;}
    .service-charter-visual .charter-visual-area {background-image:url('../images/content/sub_customer_service_visual02.jpg');}
    .service-charter-visual .charter-visual-area .charter-visual-text {padding:12% 30px; font-size:15px; line-height:24px;}
    .service-charter-visual + .service-charter-section01 {margin-top:47px;}
    .service-charter-section01 .con-title {padding-bottom:12px;}
	.customer-service-charter .con-title {font-size:20px; line-height:25px;}
    .dotted-list-wrap {border-top:2px solid #111;}
    .dotted-list-wrap .dotted-list-cell {padding:33px 15px;}
    .dotted-list-wrap .dotted-list-cell .dotted-list-front {width:70px; padding-top:2px;}
    .dotted-list-wrap .dotted-list-cell .dotted-list-text {width:calc(100% - 70px - 12px); padding:0 0 0 12px; font-size:15px; line-height:24px;}
    .dotted-list-wrap + .customer-text {margin-top:11px;}
    .service-charter-section01 .customer-text {font-size:14px; line-height:22px; word-break:keep-all;}
    .service-charter-section02 {margin-top:42px;}
    .service-charter-section02 .con-title,
    .service-charter-section03 .con-title {padding-bottom:17px;}
    .circle-list-box {padding:16px 19px;}
    .circle-list-box + .circle-list-box {margin-top:15px;}
    .circle-list-box .circle-list-thumb {font-size:15px; font-weight:500; line-height:21px;}
    .circle-list-box .circle-list-thumb + .circle-list-content {margin-top:7px;}
    .circle-list-box .circle-list-cell {padding-left:9px; font-size:13px; line-height:21px;}
    .circle-list-box .circle-list-cell:after {top:10px;}
    .circle-list-box .circle-list-cell + .circle-list-cell {margin-top:10px;}
    .service-charter-section03 {margin-top:47px;}
    .circle-list-box.list-border-thick {padding:20px; border:7px solid #eaeaea;}
    .circle-list-box.list-border-thick .circle-list-cell {padding-left:7px; font-size:14px; line-height:21px; word-break: keep-all;}
    #ch .circle-list-box.list-border-thick .circle-list-cell {word-break: normal;}
    .circle-list-box.list-border-thick .circle-list-cell:after {top:10px; left:0;}

    /* 고객의 목소리 */
    .agree-content-wrap {position:relative; margin:0;}
    .agree-content-wrap .con-title {padding:7px 0 22px;}
    .agree-content-wrap .btn-basic {position:absolute; top:0; right:0; display:inline-block; width:100px; height:40px; line-height:38px;}
    .agree-content-wrap .agree-box {padding:10px; height:160px; font-size:14px; line-height:20px;}
    .agree-content-wrap .agree-box > ol > li {margin-top:10px;}
    .agree-content-wrap .agree-check {margin-top:10px; line-height:20px;}
    .form-table-wrap {margin-top:34px;}
    .form-table-wrap .table-info {font-size:13px; line-height:15px;}
    .form-table-wrap .table-info + .read-table {margin-top:14px;}
	.form-table-wrap .read-table table {display:block;}
    .form-table-wrap .read-table table > tbody > tr > td {width:100%; padding:10px 0; border-top:none; border-left:none; box-sizing:border-box;}
    .form-table-wrap .select-field > td > select,
    .form-table-wrap .writer > td > input {width:100%;}
    .form-table-wrap .email > td > em {padding:0 2px; font-size:14px; line-height:39px;}
    .form-table-wrap .email > td > input {width:46.5%;}
    .form-table-wrap .email > td > select {width:100%; margin:10px 0 0 0;}
    .form-table-wrap .phone-number .phone-number-form01 > select, .form-table-wrap .phone-number .phone-number-form01 > input {width:30%; padding:0 16px;}
    .form-table-wrap .phone-number > td em {margin:0 5px; font-size:14px; line-height:39px;}
    .form-table-wrap .phone-number .phone-number-form01 > input:last-of-type {width:100%; margin:10px 0 0 0; font-size:14px; line-height:38px;}
    .form-table-wrap .phone-number .phone-number-form02 {font-size:0px;}
    .form-table-wrap .phone-number .phone-number-form02 > input {width:60%;}
    .form-table-wrap .phone-number .phone-number-form02 button {display:inline-block; width:calc(40% - 10px); min-width:calc(40% - 10px); height:40px; padding:0 10px; font-size:14px; line-height:38px;}
    .form-table-wrap .inquire-content textarea {height:360px;}
    .customer-voice .btn-wrap {margin-top:25px; text-align:center;}
    .customer-voice .btn-wrap .btn-basic {display:inline-block; width:calc((100% - 10px)/2); background-color:#333;}
    
	/* 팝업 */
    .alert-data .pop-head {position:relative; padding:0px 15px;}
    .alert-data .pop-head .title-txt {padding:16px 32px 16px 10px; font-size:16px; font-weight:500; line-height:19px; text-align:left; border-bottom:1px solid #e1e1e1; box-sizing:border-box;}
    .alert-data .pop-head .btn-pop-head {position:absolute; top:0; right:26px;}
    .alert-data .pop-head .btn-pop-head > button {position:relative; top:0; right:0; width:20px; height:18px; padding:0px; font-size:0px; text-indent:-9999px;}
    .alert-data .pop-head .btn-pop-head > button:after {content:''; position:absolute; top:0; left:0; width:20px; height:18px; background:url('../images/icon/icon_mobile_popup_close.png') no-repeat top center; background-size:cover;}
    .alert-data .body02 .msg-txt{display:block; height:auto; text-align:left;}
    .alert-data .pop-body .desc {font-size:13px; line-height:21px;}
    .alert-data .pop-body .desc .desc-info {color:#e60012;}

	/* 갤러리 슬라이더 */
	.gallery-slider-wrap .thumb-slider {margin:15px 0 0 0; padding:0 35px;}
	.gallery-slider-wrap .thumb-slider-inner {margin:0 -3px;}
	.gallery-slider-wrap .thumb-slider .swiper-slide {padding:0 3px; width:33.33%;}
	.gallery-slider-wrap .thumb-slider .btn-thumb-slider-prev { width:30px;}
	.gallery-slider-wrap .thumb-slider .btn-thumb-slider-prev:after {background-size:10px auto;}
	.gallery-slider-wrap .thumb-slider .btn-thumb-slider-next {width:30px;}
	.gallery-slider-wrap .thumb-slider .btn-thumb-slider-next:after {background-size:10px auto;}
	.gallery-slider-wrap .swiper-slide .slider-item:before {font-size:24px;}
	.gallery-slider-wrap.outline {padding:0px; border:none;}


    /*==============================================
    05. KINTEX
    ==============================================*/
    /* 개요 > about KINTEX */
    .about-kintex {margin-bottom:-70px;}
    .about-kintex01 .about-kintex01-bg {left:-20px; min-width:100%; margin-top:-25px; padding:25px 20px 0; background-image:url('../images/content/company_aboutkintex01_bg02.jpg');}
    .about-kintex01 .about-kintex01-img {padding-top:75%;}
    .about-kintex01 .col-sm-default {display:block;}
    .about-kintex01 .view-info-list {top:-20px; padding:0 10px; margin-bottom:0;}
    .about-kintex01 .view-info-list > ul {padding:15px 6%;}
    .about-kintex01 .view-info-list li {font-size:15px; line-height:34px;}
    .about-kintex01 .view-info-list .info-list02 {margin-left:0;}
    .about-kintex01 .view-info-list .info-list04,
    .about-kintex01 .view-info-list .info-list05 {display:block;}
    .about-kintex01 .view-info-list .info-list-cell .title {min-width:78px; padding-left:13px; font-weight:500; box-sizing:border-box;}
    .about-kintex01 .view-info-list .info-list-cell .title:before {top:16px; width:2px; height:2px;}
    .about-kintex01 .view-info-list .info-list-cell .info {display:block;padding-left:12px;margin-left:0;}
    .about-kintex01 .view-info-list .info-list04 .info li {padding:5px 0; line-height:22px;}
    .about-kintex01 .view-info-list .info-list04 .info li,
    .about-kintex01 .view-info-list .info-list05 .info li {display:block;}
    .about-kintex01 .view-info-list .info-list05 .info li + li {margin:5px 0 0;}
    .about-kintex01 .view-info-list .info-list05 .info li {width:30%; height:10%; margin:0; margin-right:1%; display: inline-block;}
    .about-kintex01 .view-info-list .info-list05 .info li > img {width:100%; height:100%;}
    .about-kintex02 {margin-top:30px; padding:0;}
    .about-kintex02 .diamond-list-wrap {display:block;}
    .about-kintex02 .diamond-list-wrap > li.grid-03 {width:100%;}
    .about-kintex02 .diamond-list-wrap > li .title-box {width:173px; height:173px; margin:28px auto 16px;}
    .about-kintex02 .diamond-list-wrap .title-box .title {font-size:17px; font-weight:500; line-height:24px;}
    .about-kintex02 .diamond-list-wrap .info {margin-top:40px; font-size:15px; line-height:23px;}
    .about-kintex02 .diamond-list-wrap .info .info01 + .info02 {margin-top:6px;}
    .about-kintex02 .diamond-list-wrap > li + li {padding-top:80px;}
    .about-kintex02 .diamond-list-wrap > li + li:before {top:38px; left:50%; width:18px; height:4px; margin-left:-9px;}
    .about-kintex02 .diamond-list-wrap > li + li:after {top:31px; left:50%; width:4; height:18px; margin-left:-2px;}
    .about-kintex03 .about-kintex03-bg {top:0; left:20px; min-width:100%; height:15%; margin:0 -20px; padding-top:36%; background-image:url('../images/content/company_aboutkintex03_bg02.jpg'); background-size:cover;}
    .about-kintex03:before {content:''; position:absolute; left:-20px; bottom:0; width:100%; height:100px; padding:0 20px; background:url('../images/content/company_aboutkintex03_bg02_bottom.png') no-repeat 100% 100%; background-size:cover; z-index:1;}

    /* 개요 > ceo인사말 */
    .ceo-kintex {padding-bottom:30px;}
    .ceo-kintex:before {top:220px; height:22%; margin:0 -6%; padding:0 6%; background-position:center center;}
    .ceo-kintex:after {content:''; position:absolute; bottom:-70px; left:0; width:100%; height:6.8%; margin:0 -6%; padding:0 6%; background:url('../images/content/company_ceo_bottom.png')no-repeat 100% 100%; background-position:center center; background-size:contain; z-index:1;}
    .ceo-kintex .title {padding-top:0; font-size:28px; line-height:37px;}
    .ceo-kintex .content-text {padding-right:0; font-size:14px;}
    .ceo-kintex .content-text + .content-text {margin-top:22px;}
    .ceo-kintex .ceo-kintex-top {display: block;}
    .ceo-kintex .ceo-kintex-top .ceo-content01.grid-02 {width:100%;}
    .ceo-kintex .ceo-kintex-top .ceo-content01 {margin-top:39px;}
    .ceo-kintex .ceo-kintex-top .ceo-content01 .content-text {line-height:24px;}
    #ch .ceo-kintex .ceo-kintex-top .ceo-content01 .content-text {word-break: break-all;}
    #ch .ceo-kintex .ceo-kintex-bottom.ceo-content02 .content-text {word-break: break-all;}



    .ceo-kintex .ceo-kintex-top .ceo-img {position:relative; top:auto; display:block; width:100%; margin-top:65px; padding:0 4%; box-sizing:border-box;}
    .ceo-kintex .ceo-kintex-top .ceo-img > div {padding-top:110%;}
    .ceo-kintex .ceo-kintex-top .ceo-img > div >img {width:100%; padding-left:0;}
    .ceo-kintex .ceo-kintex-top .ceo-img > p {margin-top:15px; font-size:14px; line-height:27px;}
    .ceo-kintex .ceo-kintex-top .ceo-img > p > span {font-size:22px; line-height:10px;}
    .ceo-kintex .ceo-kintex-bottom {display:block; margin-top:38px;}
    .ceo-kintex .ceo-kintex-bottom .grid-02 {width:100%; z-index:5;}
    .ceo-kintex .ceo-kintex-bottom .content-text {line-height:22px;}
    .ceo-kintex .ceo-kintex-bottom.ceo-content02 > .content-text {margin-top:22px; padding-left:0;}
    .ceo-kintex .ceo-kintex-bottom.ceo-content02 > .content-text > span {display:block; margin-top:11px;}

    /* 개요 > 비전 */
    .vision-kintex .title h4 {font-size:28px; line-height:40px;}
    .vision-kintex .title > span {margin-top:18px; font-size:17px; line-height:22px;}
    .vision-section01 {height:auto; margin-top:42px; padding:160px 0;}
    .vision-section01 .con-title-box {width:320px; height:auto; padding-top:320px;}
    .vision-section01 .con-title-box:before {background-image:url('../images/content/company_vision_section01_graph02.png');}
    .vision-section01 .con-title-box .con-title {top:42%; font-size:23px;}
    .vision-section01 .value-list-cell {width:50%; height:auto; box-sizing:border-box;}
    .vision-section01 .value-list-cell:nth-of-type(odd) {padding-right:5px;}
    .vision-section01 .value-list-cell:nth-of-type(even) {padding-left:5px;}
    .vision-section01 .value-list-cell > div {padding-top:40px;}
    .vision-section01 .value-list-cell > div:before {width:54px; height:50px; background-position:top center; background-size:100%;}
    .vision-section01 .value-list-cell .title {padding:5px 0; font-size:17px; line-height:28px;}
    .vision-section01 .value-list-cell .content-info {font-size:14px; line-height:20px;}
    #ch .vision-section01 .value-list-cell .content-info {word-break: break-all;}
    .vision-section01 .value-list-cell:nth-of-type(3),
    .vision-section01 .value-list-cell:nth-of-type(4) {bottom:0; height:160px;}
    .vision-section01 + .vision-section02 {margin-top:65px;}
    .vision-section02 .con-title {padding-bottom:18px; font-size:23px; line-height:33px;}
    .vision-section02 .con-title {display:block;}
    .vision-section02 .plan-list-wrap .plan-list-cell {padding:28px 0 26px 35%;}
    .vision-section02 .plan-list-wrap .plan-list-cell.grid-02 {width:100%;}
    .vision-section02 .plan-list-wrap .plan-list-cell:nth-of-type(2n) {border-left:none; border-top:1px dashed #ccc;}
    .vision-section02 .plan-list-cell > div:before {top:16%; left:-36%; width:58px; height:56px; background-size:100%;}
    .vision-section02 .plan-list-cell .economic-content:before,
    .vision-section02 .plan-list-cell .development-content:before {left:-38%;}
    #ch #contents .vision-section02 .plan-list-cell .economic-content:before,
    #ch #contents .vision-section02 .plan-list-cell .development-content:before {left:-38%;}
    .vision-section02 .plan-list-cell .title {font-size:17px; line-height:29px;}
    #ch .vision-section02 .plan-list-cell .title {font-size:17px; line-height:29px; padding-right:20px;}
    .vision-section02 .plan-list-cell .line-text-list > li {font-size:14px; line-height:20px;}

    /* 개요 > CI */
    .ci-kintex .col-lg-none {display:block;}
    .ci-kintex img.col-lg-none {width:100%; height:100%;}
    .ci-kintex > div {display:block;}
    .ci-kintex .grid-left {width:100%;}
    .ci-kintex .grid-right {width:100%;}
    .ci-kintex > div + div {margin-top:48px;}
    .ci-kintex .title {font-size:20px; line-height:25px;}
    .ci-section01 .ci-info {margin-top:0; padding:16px 0 16px; border-top:0;}
    .ci-section01 .ci-info p {font-size:13px; line-height:19px;}
    .ci-section01 .ci-info p:before {left:4px;}
    .ci-section01 .ci-content-visual .ci-content-box,
    .ci-section01 .ci-content-visual .ci-content-box:nth-of-type(2) {padding:0;}
    .ci-section02 .grid-right {display:block; margin-top:22px;}
    .ci-section02 .circle-content {display:flex; justify-content:center;}
    .ci-section02 .circle-content + .circle-content {margin-top:35px;}
    .ci-section02 .circle-content01 .color-visual,
    .ci-section02 .circle-content02 .color-visual {display:flex; justify-content:center;}
    .ci-section02 .circle-content01 .color-info,
    .ci-section02 .circle-content02 .color-info {left:auto;}
    .ci-section02 .circle-content01 .color-info {top:50%; margin-top:-32px;}
    .ci-section02 .circle-content02 .color-info {top:50%; width:100%; margin-top:-23px;}
    .ci-section02 .circle-content02,
    .ci-section02 .circle-content03,
    .ci-section02 .circle-content03 .color-visual {padding-left:0;}
    .ci-section02 .circle-content03 {display:block; text-align:center;}
    .ci-section02 .circle-content03 .color-visual {display:inline-block;}
    .ci-section02 .circle-content03 .color-info {display:block; margin-top:12px;}
    .ci-section03 .grid-right {margin-top:22px;}
    .ci-section03 .grid-right > img {width:100%;}

    /* 개요 > 연혁 */
    .history-kintex .title {font-size:28px; line-height:37px;}
    .history-kintex .sub-title {width:70px; margin:38px 0 0 8px;}
    .history-kintex .sub-title p {font-size:10px; line-height:20px;}
    .history-kintex > ul {max-width:none; margin:35px 0 0 10px;}
    .history-year-list .history-year {margin:35px 0 0; padding-left:30px; font-size:20px; line-height:20px; text-align:left;}
    .history-year-list .history-year:before {top:-35px; left:0; right:none; width:1px; height:35px;}
    .history-year-list .history-year:after {width:13px; height:13px; left:-6.5px; margin-top:-6.5px; border:3px solid #18a9d3;}
    .history-kintex .grid-list-right {margin-left:0; padding-left:30px}
    .history-kintex .grid-list-right:before,
    .history-kintex .grid-list-left:before {left:0; width:1px;}
    .history-kintex .grid-list-right .history-month:before,
    .history-kintex .grid-list-left .history-month:before {display:none;}
    .history-kintex .grid-list-right .history-month:after,
    .history-kintex .grid-list-left .history-month:after {top:10px; left:-33px; right:none; width:8px; height:8px; margin-top:0;}
    .history-kintex .grid-list-left {margin-right:0; padding:35px 0 0 30px;}
    .history-kintex .grid-list-left .history-info-content {text-align:left; flex-direction:row;}
    .history-kintex .grid-list-left .history-info-visual {text-align:left;}
    .history-year-item {padding-top:28px; padding-bottom:24px;}
    .history-year-item .history-info-content .history-month {width:45px;}
    .history-year-item .history-info-content > p {font-size:13px; line-height:25px;}
    .history-year-item .history-info-visual,
    .history-year-item .history-info-visual + .history-info-content {margin-top:15px; padding-left:45px;}

    /* 경영공시 */
	.ir-wrap .care-copy .detail-title {display:flex; align-items:center; justify-content:space-between;}
	.ir-wrap .care-copy .detail-title .btn-basic {width:auto; height:30px; padding:0 10px; font-size:13px; line-height:28px; }
	.ir-accordion-wrap {margin-top:25px;}
	.ir-accordion-wrap .disclosure-detail {padding:25px 0;}
	.ir-accordion-wrap .read-table {border-top:1px solid #111;}
	.ir-accordion-wrap .read-table table > thead > tr > th {padding:8px 10px; font-size:12px; line-height:18px; text-align:center;}
	.ir-accordion-wrap .read-table table > tbody > tr > td {padding:8px 10px; font-size:12px; line-height:18px; text-align:center; vertical-align:middle;}	
	.ir-accordion-wrap .line-text-list > li {font-size:14px; line-height:22px;}
	.ir-accordion-wrap .line-text-list > li + li {margin-top:15px;}
	.ir-wrap .border-list-wrap {margin-top:50px;}
    .ir-wrap .border-list-body .border-list-cell .list-cell-title {padding:12px 15px; line-height:23px;}
    .ir-wrap .border-list-body .list-cell-view-number {flex:1;}
    .ir-wrap .border-list-body .btn-basic {min-width:96px; height:30px; padding:0 14px; font-size:13px; line-height:28px;}
    .ir-wrap .border-list-body .btn-file-download:after {right:14px;}
    
    /* 위치안내 */
    .contact-wrap .map-visual .col-lg-none {display:block;}
    .contact-wrap .map-visual + .list-border-thick {margin-top:35px;}
    .contact-wrap .list-border-thick .contact-info .location {font-size:17px; line-height:24px; word-break:keep-all;}
    .contact-wrap .list-border-thick .contact-info .location + div {width:200px; margin:0 auto;}
    .contact-wrap .list-border-thick .contact-info .telephone,
    .contact-wrap .list-border-thick .contact-info .fax {display:inline-block; margin:19px 0 0 0; font-size:14px; line-height:14px; text-align:center;}
    .contact-wrap .list-border-thick .contact-info .telephone {padding-left:20px;}
    .contact-wrap .list-border-thick .contact-info .telephone:before {left:0; width:14px; height:14px; background-image:url('../images/icon/icon_contact_phone.png');}
    .contact-wrap .list-border-thick .contact-info .fax { padding-left:23px;}
    .contact-wrap .list-border-thick .contact-info .fax:before {left:0; width:16px; height:14px; background-image:url('../images/icon/icon_contact_fax.png');}
    .contact-wrap .list-border-thick .btn-wrap {margin-top:34px;}
    .contact-wrap .list-border-thick .btn-wrap .btn-blue {width:200px; height:50px; margin:auto; font-size:15px; line-height:48px;}
    .contact-wrap .list-border-thick .btn-wrap .transportation {margin:10px auto 0; padding:7px 0; line-height:18px;}
    .contact-wrap .list-border-thick .btn-wrap .transportation span {font-size:13px; line-height:17px;}
	.main-schedule .slider-inner {padding:0 20px;}

	
	/*==============================================
	06. 메인
	==============================================*/
	/* 메인 */
	.main-wrap {padding-top:0;}
	.main-title-group {padding:0 30px;}
	.main-title {font-size:29px; line-height:39px;}
	.main-title + .main-info {margin-top:6px;}
	.main-info {font-size:15px; line-height:21px;}
	
	.main-footer {position:relative; top:auto; left:auto; display:block; width:auto; height:auto; }

	/* 메인 > 메인비주얼 */
	.main-banner {}
	.main-banner-data {}
	.main-banner-data:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#000; opacity:0; z-index:15;}
	.main-banner-cell video,
	.main-banner-cell img {position:absolute; top:50%; left:50%; width:178.25vh; height:100vh; max-width:none; transform:translate(-50% , -50%) rotate(-0.001deg);}	

	.main-banner-slider .slider-item .pc{display:none;}
	.main-banner-slider .slider-item .mob{display:block;max-width: 100%;height: auto;}
	.main-banner-slider .slider-item video,
	.main-banner-slider .slider-item img {position:absolute; top:50%; left:50%; width:100%; height:100vh; max-width:none; transform:translate(-50% , -50%) rotate(-0.001deg);}
	.main-banner-controls .swiper-pagination-bullet {width:50px; height:6px; background:rgba(255,255,255,0.8);}
	.main-banner-controls .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:5px;}
	.main-banner-controls .swiper-pagination-bullet.swiper-pagination-bullet-active {width:50px;}


	/* 메인 > 일정안내 */
	.main-schedule {padding:91px 0 60px 0;}
	.main-schedule .swiper-container {overflow:visible;}
	.main-schedule .swiper-pagination-progressbar {width:auto; height:4px; margin:25px -20px 0 30px;}
	.main-schedule .swiper-slide {width:auto;}
	.main-schedule .slider-outer {width:auto; left:auto; margin:0 -20px;}
	.main-schedule .slider-inner {padding:0 50px;}
	.main-schedule .btn-schedule-prev,
	.main-schedule .btn-schedule-next {display:none;}
	/*.main-schedule .btn-main-schedule-more {display:none;}*/
	.main-schedule-slider-wrap {margin-top:23px;}
	.main-schedule-item .btn-mobile-link {position:absolute; top:0; right:0; bottom:0; left:0; display:block; width:auto; height:auto; z-index:50;}
	.main-schedule-item .info-inner {top:auto; bottom:0; width:100%; height:auto; padding:25px;}
	.main-schedule-item .cate {display:inline-block; width:auto; height:33px; padding:0 15px;}
	.main-schedule-item .cate-data {position:static; top:auto; left:auto; display:inline-block; width:auto; height:auto; padding:0;}
	.main-schedule-item .cate-data .en-txt {display:inline-block; font-size:13px; line-height:31px; white-space:nowrap; letter-spacing:0;}
	.main-schedule-item .cate-data .ko-txt {display:none;}
	.main-schedule-item .title {margin-top:15px; height:60px; font-size:23px; line-height:30px;}
	.main-schedule-item .date {font-size:14px; line-height:20px; opacity:1; color:#fff;}
	.main-schedule-item .more {display:none;}
	.main-schedule-item:hover {box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}

	.main-schedule .btn-main-schedule-auto-ui {margin-top:5px; margin-right:calc( ( ( 100vw / 2 ) - 43px ) * -1 );}
	.main-schedule .btn-main-schedule-auto-ui:before { background:url(../images/content/main_schedule_auto_off_x02.png) center center no-repeat; background-size:24px auto;}
	.main-schedule .btn-main-schedule-auto-ui:after { background:url(../images/content/main_schedule_auto_on_x02.png) center center no-repeat; background-size:24px auto;}


	/* 메인 > 시설안내 */
	.main-facility {position:relative; height:100%; padding:91px 0 0 0;}
	.main-facility-tab {margin-top:13px; padding:0 30px; display:flex; justify-content:space-between;}
	.main-facility-tab .main-facility-tab-cell > a  {display:inline-block; width:auto; height:40px; padding:0; font-size:17px; line-height:1.5; color:#aaa; border-bottom:2px solid transparent; box-sizing:border-box;}
	.main-facility-tab .main-facility-tab-cell > a:before ,
	.main-facility-tab .main-facility-tab-cell > a:after {display:none;}
	.main-facility-tab .main-facility-tab-cell.actived > a {font-size:17px; border-bottom-color:#0947ba;}
	.main-facility-group {top:100%; left:30px; margin:70px 0 0 0;}
	.main-facility-inner {width:200px; height:295px;}
	.main-facility-inner:after {display:none;}
	.main-facility-item {padding:27px 10px 25px 25px;min-height: unset; overflow:hidden;}
	.main-facility-item .cate {font-size:10px;line-height:15px; letter-spacing:0;}
	.main-facility-item .title {margin-top:0; font-size:23px; line-height:33px;}
	.main-facility-item .desc {margin-top:14px; padding-top:13px;text-align: left; font-size:12px; line-height:1.4; height:170px; overflow:hidden; }
	.main-facility-item .desc:before {width:25px;height:2px;}
	.main-facility-item .more {right:25px; bottom:25px;}
	.main-facility-item .more > a {width:24px; height:24px; padding:0; font-size:0;}
	.main-facility-item .more > a:after {width:24px; height:24px; background-size:24px auto;}
	.main-facility-visual {position:relative; top:auto; left:auto; width:auto; height:400px; margin:20px 0 0 50px;}
	.main-facility-visual-inner{}
	.main-facility-list{}
	.main-facility-visual-inner .main-facility-visual-cell {position:relative; height:400px;}
	.main-facility-visual-inner .main-facility-visual-cell img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}

	.main-facility-obj {left:0; width:433px; height:77px; margin:-128px 0 0 0; background-position:left top; background-size:433px auto;} 

	/* 메인 > 이용안내 */
	.main-information {padding:91px 0 0 0 !important;}
	.main-information .main-information-list {margin-top:23px;}
	.main-information-list {}
	.main-information-list > ul {margin:0 -20px; flex-wrap:wrap;}
	.main-information-list > ul > li {flex:0 0 100%; padding:0; border-top:1px solid #eaeaea;}
	.main-information-list > ul > li:last-child { border-bottom:1px solid #eaeaea;}
	.main-information-list .main-information-item {position:relative; display:block; min-height:0; padding:27px 90px 27px 50px; border:none; transition:none;}
	.main-information-list .item-inner {text-align:left;}
	.main-information-list .icons {position:absolute; top:50%; right:25px; width:64px; height:64px; margin-top:-32px; background-size:64px auto;}

    #en .main-information-list .icons {position:absolute; top:50%; right:25px; width:64px; height:64px; margin-top:-32px; background-size:40px;}
    #ch .main-information-list .icons {position:absolute; top:50%; right:25px; width:64px; height:64px; margin-top:-32px; background-size:40px;}
    #en .main-information-list .main-effect-data:last-child .icons {position:absolute; top:50%; right:25px; width:64px; height:64px; margin-top:-32px; background-size:55px;}
    #ch .main-information-list .main-effect-data:last-child .icons {position:absolute; top:50%; right:25px; width:64px; height:64px; margin-top:-32px; background-size:55px;}
	.main-information-list .main-information-hotel .icons {background-image:url(../images/icon/icon_main_information_hotel_x02.png);}
	.main-information-list .main-information-contact .icons {background-image:url(../images/icon/icon_main_information_contact_x02.png);}
	.main-information-list .main-information-parking .icons {background-image:url(../images/icon/icon_main_information_parking_x02.png);}
	.main-information-list .main-information-travel .icons {background-image:url(../images/icon/icon_main_information_travel_x02.png);}	
	.main-information-list .main-information-cooperation .icons {background-image:url(../images/icon/icon_main_information_cooperation_x02.png);}
	.main-information-list .main-information-person .icons {background-image:url(../images/icon/icon_main_information_person_x02.png);}
	.main-information-list .main-information-document .icons {background-image:url(../images/icon/icon_main_information_document_x02.png);}
	.main-information-list .main-information-floor .icons {background-image:url(../images/icon/icon_main_information_floor_x02.png);}
	.main-information-list .title {margin-top:0; font-size:18px; line-height:27px;}
	.main-information-list .desc {margin-top:2px; font-size:13px; line-height:20px;}
	.main-information-list .main-information-item:hover {border-color:none;}
	.organizer-group.main-information {padding-bottom:0;}


    /* ESG경영 > KINTEX ESG */
    .esg-wrap .default-wrap .con-title {padding-bottom:18px; line-height:28px;}
    .esg-wrap .default-wrap .con-info-box {padding:15px 0; font-size:14px; line-height:22px;}
    .esg-action .esg-action-content {margin-top:20px;}
    .esg-action .grid-frame-layout {margin:-16px 0;}
    .esg-action .grid-frame-cell {padding:16px 0;}
    .esg-action .grid-frame-cell + .grid-frame-cell {border-left:none;}
    .esg-action .grid-03 {width:100%;}
    .esg-action .esg-action-content .top-visual .content-img {padding-top:70.31%;}
    .esg-action .esg-action-content .circle-list-content .circle-list-cell {padding-left:10px; font-size:14px; line-height:20px;}
    .esg-action .esg-action-content .circle-list-content .circle-list-cell + .circle-list-cell {margin-top:7px;}
    .esg-action .esg-action-content .circle-list-content .circle-list-cell:before {top:9px; width:2px; height:2px;}
 
    /* ESG경영 > KINTEX CSR */
    .esg-csr-wrap .grid-frame-layout {display:block;}
    .esg-csr-wrap .square-thumb-group .grid-frame-layout .grid-03 {width:100%;}
    .esg-csr-wrap .square-thumb-group .grid-frame-layout .grid-frame-cell:nth-of-type(n+2) .btn-square-item {padding-top:20px; border-top:1px solid #efefef;}
    .esg-csr-wrap .square-thumb-group .btn-square-item .item-subject {display:flex; height:auto; max-height:none;}
    .square-thumb-group .btn-square-item .item-sub-subject .item-subject-info {font-size:13px; line-height:19px;}
    
    /* ESG경영 > 윤리경영 */
    .esg-business-wrap .square-visual-box {display:block}
    .esg-business-wrap .square-visual-box > div {width:100%;}
    .esg-business-wrap .square-visual-box .content-img-wrap {position:relative; padding-top:70.31%}
    .esg-business-wrap .square-visual-box .content-img-wrap .content-img {position:absolute; top:0; left:0;}
    .esg-business-wrap .square-visual-box .content-text-wrap .title-box {margin-top:36px; padding-bottom:21px; font-size:24px; line-height:28px;}
    .esg-business-wrap .square-visual-box .content-text-wrap .title-box > img {width:121px; height:21px; padding:6px 0 0;}
    .esg-business-wrap .square-visual-box .content-text-wrap .text-box {padding:16px 0 32px; font-size:14px; line-height:21px;}
    .esg-business-wrap .dotted-list-wrap .dotted-list-cell {padding:30px 5px 30px 0;}
    .esg-business-wrap .con-info-list {padding:23px 0 0;}
    .esg-business-wrap .con-info-list .info-list-cell {padding:0;}
    .esg-business-wrap .con-info-list .info-list-cell + .info-list-cell {margin-top:29px;}
    .esg-business-wrap .con-info-list .info-list-cell .con-info-title {padding-left:45px; font-size:16px; line-height:23px;}
    .esg-business-wrap .con-info-list .info-list-cell .con-info-title:before {left:5px; width:29px; height:30px;}
    .esg-business-wrap .con-info-list .info-list-cell:nth-of-type(1) .con-info-title:before {top:-4px;}
    .esg-business-wrap .con-info-list .info-list-cell:nth-of-type(2) .con-info-title:before {height:25px;}
    .esg-business-wrap .con-info-list .info-list-cell .con-info-text {margin-top:15px; font-size:14px; line-height:21px;}
    .esg-business-wrap .default-wrap.notify .circle-list-box {padding:23px 20px 98px;}
    .esg-business-wrap .circle-list-wrap .con-info-title {font-size:16px; line-height:20px;}
    .esg-business-wrap .circle-list-wrap .con-info-title_01 {font-size:16px; line-height:40px;}
    .esg-business-wrap .circle-list-wrap .circle-list-content {margin-top:8px;}
    .esg-business-wrap .circle-list-wrap .circle-list-content > li {height:auto; padding-left:55px;  font-size:14px; line-height:21px;}
    .esg-business-wrap .circle-list-wrap .circle-list-content .title {width:50px; height:21px; font-size:14px;}
    .esg-business-wrap .circle-list-wrap .circle-list-content .title:before {top:10.5px; width:2px; height:2px;}
    .esg-business-wrap .circle-list-wrap .circle-list-content .info {padding-left:7px;}
    .esg-business-wrap .circle-list-wrap .circle-list-content .info:before {left:0;}
    .esg-business-wrap .circle-list-wrap .circle-list-content_01 > li {height:auto; padding-left:0px;  font-size:14px; line-height:21px; word-break: break-all;}
    .esg-business-wrap .circle-list-wrap .circle-list-content .info_01 {padding-left:7px;}
    .esg-business-wrap .circle-list-wrap .circle-list-content .info_01:before {left:0;}
    
    .esg-business-wrap .circle-list-wrap + .circle-list-wrap {margin-top:28px;}
    .esg-business-wrap .circle-list-wrap + .circle-list-wrap .circle-list-content > li {min-height:42px;}
    .esg-business-wrap .circle-list-wrap .btn-blue {width:125px; margin-left:-130px;}
    .esg-business-wrap .circle-list-wrap .btn-border-blue {width:125px; margin-left:5px;}
    .esg-business-wrap .circle-list-box + .notify-info {margin-top:12px; padding:0 10px 0 13px; font-size:13px; line-height:19px;}
    .esg-business-wrap .circle-list-box + .notify-info:before {left:0;}


    /* 팝업 */
    .esg-pop.alert-data .pop-head .btn-pop-head > button {top:0; right:0px;}
    .esg-pop.alert-data .pop-body {padding:17px 15px 0;}
    .alert-data .pop-body .title-sub {font-size:13px; line-height:19px;}
    .esg-pop .form-table-wrap .email > td > input {width:calc((100% - 23px)/2);}
    .esg-pop .form-table-wrap .phone-number01 .phone-number-form01 > input:last-of-type {width:calc((100% - 34px)/3); margin-top:0;}
    .esg-pop .form-table-wrap .phone-number .phone-number-form02 > input {width:calc(100% - 128px);}
    .esg-pop .form-table-wrap .phone-number02 .phone-number-form02 button {width:auto; min-width:112px; padding:0 10px;}
    .esg-pop .form-table-wrap .inquire-content textarea {height:180px;}
    .esg-pop.alert-data .pop-footer {padding:25px 15px 35px;}
    
	/* 20210602 통합검색 페이지 */
	.full-search .full-search-box .full-search-label label {max-width:100%;}
}

@media screen and (max-width:490px){
	.main-schedule-item {width:calc( 100vw - 100px );}
	.main-schedule-item .visual {padding-top:124.49%;}
}

@media screen and (max-width:359px){
	.main-schedule-item .visual {padding-top:115%;}
	.main-facility {padding-bottom:80px;}
}


@media screen and (max-width:640px) and (max-height:640px){	
	.main-facility-group {margin-top:40px;}
	.main-facility-inner {width:230px;}
	.main-facility-visual {height:50vh;}
	.main-facility-visual-inner .main-facility-visual-cell {height:50vh;}
}

/* 통합검색 페이지 -- 2021 0602 추가 --  */
.full-search .paging {margin-top: 0; margin: 20px 0;}

.full-search {}
.full-search .form-basic-search {max-width:730px; margin:0 auto;}
.full-search .full-search-box {margin-bottom:60px;}
.full-search .full-search-box .full-search-label {max-width:730px; overflow:hidden; margin:0 auto;}
.full-search .full-search-box .full-search-label label {max-width:210px; width:100%; float:right; margin-top:15px;}

.full-search .tab-list {margin-bottom:60px;}
.search-info-result {font-size: 16px; color: #888; font-weight:400; padding-bottom:25px; border-bottom:3px solid #111; margin-bottom:0;}
.search-info-result span {font-weight: 500; color:#111;}

.event-info-result {font-weight: 600; font-size: 30px; color: #111; margin-bottom: 60px; position: relative;}
.event-info-result span {font-size:18px; vertical-align: middle;}
.event-info-result span span {color: #095bba; vertical-align: baseline;}
.event-info-result a {color:#111; font-size:18px; font-weight: 500; position: absolute; right:0; transform: translateY(-50%); top:50%;}

.full-search .card-wrap {margin-bottom: 60px;}

.full-search .card-box {border-bottom:1px solid #111; padding-top:60px;}
.full-search .search-list {}
.full-search .search-list .dotted-list-wrap {border-top:none; border-bottom:none;}
.full-search .search-list .dotted-list-wrap .dotted-list-cell + .dotted-list-cell {border-top:none;}
.full-search .search-list .dotted-list-wrap .dotted-list-cell:first-child {border-top:none;}
.full-search .search-list .dotted-list-wrap .dotted-list-cell {padding: 60px 0; font-size:initial; border-bottom:1px solid #111; border-top:none;}
.search-list .event-info-result {margin:0;}
.full-search .search-list .search-list-map {margin-top: 50px; margin-bottom: 30px;}
.full-search .search-list .search-list-map ul {}
.full-search .search-list .search-list-map ul li {display:inline-block; font-size:18px; color:#111; font-weight: 500;}
.full-search .search-list .search-list-map ul li::after {content:'>'; padding:0 10px; color:#888;}
.full-search .search-list .search-list-map ul li:last-child::after {display: none;}
.full-search .search-list .search-list-text {font-size:18px; color:#333; font-weight:400; word-break: keep-all;}
.full-search .search-list .search-word {color:#095bba;}
.full-search .link-row {margin-top:30px; font-size:18px; color:#333; font-weight:600;}
.full-search .search-content-link {display:block;}


/* 다국어 메인 */
#mainContainer.main-multilingual {}
#mainContainer.main-multilingual .float-text {position: absolute; z-index: 11; width: 70%; right: 0; top: 50%; transform: translateY(-50%); text-align: center; }
#mainContainer.main-multilingual .multilingual-slider-title {font-weight:700; color:#fff; font-size:63px; line-height:1.3; text-shadow: 1px 1px 28px #000;}
#mainContainer.main-multilingual .multilingual-slider-title b {text-decoration: underline;}
#mainContainer.main-multilingual .multilingual-slider-text {font-weight: 400; font-size: 24px; color: #fff; margin-bottom:30px; text-shadow: 1px 1px 28px #000;}
#mainContainer.main-multilingual .videoimg-wrap {padding: 0 50px;position: relative;bottom: 0;}
#mainContainer.main-multilingual .videoimg-wrap a {display: inline-block;max-width: 70%;}
#mainContainer.main-multilingual .videoimg-wrap a img {max-width:100%; width:450px;}



#mainContainer.main-multilingual .map-from-airport {background: url(../images/content/multilingual_map.png)no-repeat; height: 510px; margin-top:30px; position: relative;}
#mainContainer.main-multilingual .map-from-airport .map-label {background-color: #111; color:#fff; padding: 15px 20px; font-weight:700; font-size:18px; position: absolute;}
#mainContainer.main-multilingual .map-from-airport .mpa-label img {margin-right:10px;}

#mainContainer.main-multilingual .map-from-airport .marker-incheon {position: absolute; left:153px; bottom: 50px;}
#mainContainer.main-multilingual .map-from-airport .marker-incheon img {width:118px;}

#mainContainer.main-multilingual .map-from-airport .marker-airport {position: absolute; top: -35px; left:500px;}
#mainContainer.main-multilingual .map-from-airport .marker-airport img {width:118px;;}

#mainContainer.main-multilingual .map-from-airport .event-triangle {position: relative; width:100%; height:100%;}
#mainContainer.main-multilingual .map-from-airport .event-triangle>a {display:block;}
#mainContainer.main-multilingual .map-from-airport .event-wrap {
    border-top:50px solid none;
    border-bottom:510px solid #0947ba;
    border-right: 0px solid transparent;
    border-left: 530px solid  transparent;
    box-shadow: 20px 20px 26px 3px rgb(0 0 0 / 20%);
    position: absolute;
    right:0;
    bottom:0;
}
#mainContainer.main-multilingual .map-from-airport .event-wrap a.event-link-area {position: absolute; left:-270px; top: 280px; text-align:center; color:#fff;}
#ch #mainContainer.main-multilingual .map-from-airport .event-wrap a.event-link-area {left: -212px;}
#mainContainer.main-multilingual .map-from-airport .event-wrap a.event-link-area .arrow {position: absolute; top:-50px; right:0; transition:all 0.3s;}
#mainContainer.main-multilingual .map-from-airport .event-triangle .event-wrap a.event-link-area:hover .arrow {right:-10px;}
#mainContainer.main-multilingual .map-from-airport .event-wrap a.event-link-area .arrow img {}
#mainContainer.main-multilingual .map-from-airport .event-wrap a.event-link-area em {font-weight: 700; font-size:28px;}
#mainContainer.main-multilingual .map-from-airport .event-wrap a.event-link-area em img {}
#mainContainer.main-multilingual .map-from-airport .event-wrap a.event-link-area em p {font-weight:400; font-size:16px;}


#mainContainer.main-multilingual .link-list {overflow:hidden; display: flex;}

#mainContainer.main-multilingual .link-list li { display: inline-block; width:25%; height:100vh; background-size: cover; position: relative; moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;}
#mainContainer.main-multilingual .link-list li.list1 {background:url(../images/content/multilingual_list1.jpg)no-repeat bottom right;}
#mainContainer.main-multilingual .link-list li.list2 {background:url(../images/content/multilingual_list2.jpg)no-repeat bottom right;}
#mainContainer.main-multilingual .link-list li.list3 {background:url(../images/content/multilingual_list3.jpg)no-repeat bottom right;}
#mainContainer.main-multilingual .link-list li.list4 {background:url(../images/content/multilingual_list4.jpg)no-repeat bottom right;}

#mainContainer.main-multilingual .link-list li.on {width: 40%; moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;}

#mainContainer.main-multilingual .link-list li.list1:hover {background:url(../images/content/multilingual_list1.jpg)no-repeat bottom right;}
#mainContainer.main-multilingual .link-list li.list2:hover {background:url(../images/content/multilingual_list2.jpg)no-repeat bottom right;}
#mainContainer.main-multilingual .link-list li.list3:hover {background:url(../images/content/multilingual_list3.jpg)no-repeat bottom right;}
#mainContainer.main-multilingual .link-list li.list4:hover {background:url(../images/content/multilingual_list4.jpg)no-repeat bottom right;}


#mainContainer.main-multilingual .link-list li div.gradiant-wrap {position: absolute; width:100%; height: 100%; background: linear-gradient(to top, #111 -20%, transparent);}
#mainContainer.main-multilingual .link-list li.list1:hover div.gradiant-wrap {background: linear-gradient(to top, transparent 0, transparent);}
#mainContainer.main-multilingual .link-list li.list2:hover div.gradiant-wrap {background: linear-gradient(to top, transparent 0, transparent);}
#mainContainer.main-multilingual .link-list li.list3:hover div.gradiant-wrap {background: linear-gradient(to top, transparent 0, transparent);}
#mainContainer.main-multilingual .link-list li.list4:hover div.gradiant-wrap {background: linear-gradient(to top, transparent 0, transparent);}


#mainContainer.main-multilingual .link-list li div.bottom {position: absolute; bottom:70px; width:100%; text-align:center; color:#fff;}
#mainContainer.main-multilingual .link-list li div.bottom a {display: block; text-shadow: #000 1px 0 10px;}
#mainContainer.main-multilingual .link-list li div.bottom a em {font-weight: 700; font-size: 36px; display: block; margin-bottom:10px;}
#mainContainer.main-multilingual .link-list li div.bottom a span {font-size:14px; font-weight: 400;}
#mainContainer.main-multilingual .link-list li div.bottom a span img {}

@media screen and (max-width:1023px) {
    #mainContainer.main-multilingual .float-text {width:100%; height:12%; padding:0 10px; top:19%; box-sizing: border-box;}
    #mainContainer.main-multilingual .multilingual-slider-title {width:100%; padding:0 15px; box-sizing: border-box; font-size:35px; word-break: keep-all;}
    #mainContainer.main-multilingual .multilingual-slider-text {font-size:14px;}
    #mainContainer.main-multilingual .map-from-airport {background:url(../images/content/multilingual_map_mobile.png)no-repeat; background-size: 100%; height: 377px;}
    #mainContainer.main-multilingual .map-from-airport .map-label {display:none;}
    #mainContainer.main-multilingual .map-from-airport .marker-incheon {display:none;}
    #mainContainer.main-multilingual .map-from-airport .marker-airport {display:none;}
    #mainContainer.main-multilingual .map-from-airport .event-wrap {
        border-bottom: 239px solid #0947ba;
        border-right: 0px solid transparent;
        border-left: 230px solid transparent;
        box-shadow: 20px 20px 26px 3px rgb(0 0 0 / 20%);
        position: absolute;
        right: 0;
        bottom: 0;}
    #mainContainer.main-multilingual .videoimg-wrap {padding: 0;position: relative;bottom: -9vw;width: 100%;left: 0;}
    

    #mainContainer.main-multilingual .map-from-airport .event-wrap a.event-link-area {left: -94px; top: 111px;}
    #mainContainer.main-multilingual .map-from-airport .event-wrap a.event-link-area em {font-size:14px;}
    #mainContainer.main-multilingual .map-from-airport .event-wrap a.event-link-area em p {font-size:12px; margin-top: -10px; word-break: keep-all;}
    #mainContainer.main-multilingual .map-from-airport .event-wrap a.event-link-area em img {width: 50px;}
    #mainContainer.main-multilingual .map-from-airport .event-wrap a.event-link-area .arrow img {width:20px;}
    #mainContainer.main-multilingual .map-from-airport .event-wrap a.event-link-area .arrow {right:15px;}
    #mainContainer.main-multilingual .map-from-airport .event-triangle .event-wrap a.event-link-area:hover .arrow {right:10px;}
    
    #mainContainer.main-multilingual .link-list {display: block; padding-top: 66px;}
    #en #mainContainer.main-multilingual .link-list {display: block; padding-top: 66px;}
    #ch #mainContainer.main-multilingual .link-list {display: block; padding-top: 66px;}
    #mainContainer.main-multilingual .link-list li {width: 100%!important; height: calc(21vh - 16px);}
    #mainContainer.main-multilingual .link-list li div.bottom a em {font-size:24px; margin-bottom: 0;}
    #mainContainer.main-multilingual .link-list li div.bottom a span {font-size:12px;}
    #mainContainer.main-multilingual .link-list li div.bottom {bottom:0;}
    #mainContainer.main-multilingual .link-list li div.bottom a span img {width:20px; margin-top: -5px;}
    #mainContainer.main-multilingual .link-list li.list1 {background:linear-gradient(to top, #111 -20%, transparent), url(../images/content/multilingual_list1.jpg)no-repeat bottom right; background-size:100%;}
    #mainContainer.main-multilingual .link-list li.list2 {background:linear-gradient(to top, #111 -20%, transparent), url(../images/content/multilingual_list2.jpg)no-repeat bottom right; background-size:100%;}
    #mainContainer.main-multilingual .link-list li.list3 {background:linear-gradient(to top, #111 -20%, transparent), url(../images/content/multilingual_list3.jpg)no-repeat bottom right; background-size:100%;}
    #mainContainer.main-multilingual .link-list li.list4 {background:linear-gradient(to top, #111 -20%, transparent), url(../images/content/multilingual_list4.jpg)no-repeat bottom right; background-size:100%;}

}

/* 다국어 레이아웃 수정 */
.facility-multilingual .using-procedure .step-content-head {font-size:25px;}
.facility-multilingual .using-procedure .step-numbering-list .numbering-list-cell {font-size:16px;}
.facility-multilingual .using-procedure .step-content-line .line-list-cell {font-size:18px;}


/* 영문 global */
#en{word-break:normal;}
#en *{word-break:normal;}
.PC{display:block;}
.MOB{display:none;}
.pl-0{left:0;}
.pr-0{right:0;}

@media (max-width:1024px){
	.PC{display:none!important;}
	.MOB{display:block!important;}
	#en .tab-list .tab-list-cell .btn-tab-list-item{line-height:1;}
}

/* 영문 메인 */
#en #mainContainer.main-multilingual .map-from-airport{overflow:hidden;}
#en #mainContainer.main-multilingual .map-from-airport > a{width:100%;height:100%;display:block;}
#en #mainContainer.main-multilingual .link-list li{background-size:cover!important;}
#en #mainContainer.main-multilingual .map-from-airport .event-triangle{width:510px;height:1020px;background:#0947ba;position:absolute;right:-286px;bottom:-330px;transform:rotate(45deg);}
#en #mainContainer.main-multilingual .map-from-airport .event-triangle>a{width:100%;height:100%;display:block;}
#en #mainContainer.main-multilingual .map-from-airport .event-wrap{color:#fff;text-align:center;border:0;transform:rotate(-45deg);box-shadow:none;position: absolute;bottom: 275px;right: 235px;}
#en #mainContainer.main-multilingual .map-from-airport a.event-link-area .arrow{position:absolute;top:-40px;right:70px;transition:all 0.3s;}
#en #mainContainer.main-multilingual .map-from-airport .marker-airport{top:-15px;}
#en .main-information-list .main-information-hotel .icons{background-image: url(../images/icon/catering_icon.png);}
#en .main-information-list .main-information-contact .icons{background-image: url(../images/icon/restaurant_icon.png);}
#en .main-information-list .main-information-parking .icons {background-image: url(../images/icon/support_icon.png);}
#en .main-information-list .main-information-travel .icons {background-image: url(../images/icon/VR_icon.png);}
#en . .main-data{padding:10px 0;}
#ch .main-wrap .main-data{padding:10px 0;}
@media (max-width:768px){
	#en #mainContainer.main-multilingual .map-from-airport{height: 120vw;}
	#en #mainContainer.main-multilingual .map-from-airport .event-triangle{width:50vw;height:100vw;right:-7vw;bottom:-40vw;}
	#en #mainContainer.main-multilingual .map-from-airport .event-wrap {bottom: 44vw;right: 15vw;width: 70%;font-size: 3vw;}
	#en #mainContainer.main-multilingual .map-from-airport a.event-link-area .arrow {width:10%;top: -25px;right: 30%;}
	#en #mainContainer.main-multilingual .map-from-airport a.event-link-area em img{width:20%;}
    #en .main-wrap .main-data{padding:66px 0 50px 0;}
    #en .main-wrap .main-data.main-schedule{padding:40px 0 0 0;}
    #ch .main-wrap .main-data{padding:66px 0 50px 0;}
    #ch .main-wrap .main-data.main-schedule{padding:40px 0 0 0;}
}

/* 영문 ceo */
#en .ceo-kintex .title {position:relative; padding-top:0px; font-size:46px; font-weight:700; line-height:1.3;z-index:2;}
#en .ceo-kintex .ceo-kintex-top .ceo-img {position:absolute; top: 80px; right:0;}

@media (max-width:1024px){
	#en .ceo-kintex .ceo-kintex-top .ceo-img{position:relative;top:0;}
}

/* 영문 ESG경영 */
#en .esg-action .esg-action-content .circle-list-content .circle-list-cell {position:relative; padding-left:12px; font-size:18px; color:#666; line-height:25px;word-break: break-word;}
#en .esg-strategy .content-wrap .content-item .circle-title > div .eng {display:block; font-size:24px; font-weight:500; line-height:30px;}
#en .esg-strategy .content-wrap .cont-circle3 .circle-title > div {position:absolute; top:50%; width:100%; margin-top:-34px;}
#en .esg-action .esg-action-content .top-visual .content-title {position: absolute;bottom: 0;left: 0;width: 100%;font-size: 16px;font-weight: 700;color: #fff;line-height: 2;text-align: center;z-index: 2;}
#en .esg-strategy .content-wrap .cont-circle2 .circle-sub-cont{left:-220px;}
#en .esg-strategy .content-wrap .cont-circle3 .circle-sub-cont{right:-220px;}
#en .esg-strategy .content-wrap .content-info{bottom:30px;}
#en .esg-strategy .content-wrap .cont-circle1 .circle-title{display:flex;justify-content:center;align-items:center;line-height:1!important;}
#en .esg-strategy .content-wrap .cont-circle1 .circle-title > div{top:50%;width:auto;margin-top:0; left:50%; transform: translate(-50%, -50%);}
#en .esg-strategy .content-wrap .cont-circle2 .circle-title{display:flex;justify-content:center;align-items:center;line-height:1!important;}
#en .esg-strategy .content-wrap .cont-circle2 .circle-title > div{top:50%;width:auto;margin-top:0; left:50%; transform: translate(-50%, -50%);}
#en .esg-strategy .content-wrap .cont-circle3 .circle-title{display:flex;justify-content:center;align-items:center;line-height:1!important;}
#en .esg-strategy .content-wrap .cont-circle3 .circle-title > div{top:50%;width:auto;margin-top:0; left:50%; transform: translate(-50%, -50%);}

/* 중문 ESG경영 */
#ch .esg-strategy .content-wrap .cont-circle1 .circle-title > div{top:50%;width:auto; margin-top:0; left:50%; transform: translate(-50%, -50%);}
#ch .esg-strategy .content-wrap .cont-circle2 .circle-title > div{top:50%;width:auto; margin-top:0; left:50%; transform: translate(-50%, -50%);}
#ch .esg-strategy .content-wrap .cont-circle3 .circle-title > div{top:50%;width:auto; margin-top:0; left:50%; transform: translate(-50%, -50%);}


@media (max-width:1024px){
	#en .esg-strategy .content-wrap .cont-circle1 .circle-sub-cont{margin:0;}
	#en .esg-strategy .content-wrap .cont-circle2 .circle-sub-cont{left:33%;text-align:left;}
	#en .esg-strategy .content-wrap .cont-circle3 .circle-sub-cont{bottom:110px;right:150px;text-align:right;}
	#en .esg-strategy .content-wrap .content-info{width:100%;left:0;margin-left:0; bottom:-20px;}
	#en .esg-strategy .content-wrap .cont-circle1 .circle-title > div{margin-bottom:0;}
	#en .esg-strategy .content-wrap .cont-circle1 .circle-title > div{margin-bottom:0;}
	#en .esg-strategy .content-wrap .cont-circle1 .circle-title > div{margin-bottom:0;}
}

@media (max-width:768px){
	#en .esg-strategy .content-wrap .cont-circle3 .circle-sub-cont{right:0;}
}

/* 영문 from airport */
#en .bus-directions-wrap.bus_box .bus-directions-cell {display:flex;justify-content:space-between;align-items:center;padding:44px 0;}
#en .bus-directions-wrap.bus_box .bus-directions-cell .inner_wraping{display:flex;align-items:center;flex:1;}
#en .bus-directions-wrap.bus_box .bus-directions-cell > p{flex:0.2;}
#en .directions-wrap .subway-list .gyeongui-jungang:before{content:"Gyeongui-Jungang";}
#en .directions-wrap .subway-list .bundang:before{content:"Suin·Bundang";}

@media (max-width:1024px){
	#en .bus-directions-wrap.bus_box .bus-directions-cell{flex-direction: column;padding:80px 0;position:relative;}
	#en .bus-directions-wrap.bus_box .bus-directions-cell .inner_wraping{align-items:flex-start;}
	#en .bus-directions-wrap.bus_box .bus-directions-cell > p{transform:rotate(90deg);margin:10px;}
	#en .bus-directions-wrap .bus-more {position:absolute; top:25px; right:0;}
}

/* 중문 from airport */
#ch .bus-directions-wrap.bus_box .bus-directions-cell {display:flex;justify-content:space-between;align-items:center;padding:44px 0;}
#ch .bus-directions-wrap.bus_box .bus-directions-cell .inner_wraping{display:flex;align-items:center;flex:1;}
#ch .bus-directions-wrap.bus_box .bus-directions-cell > p{flex:0.2;}
#ch .directions-wrap .subway-list .gyeongui-jungang:before{content:"Gyeongui-Jungang";}

@media (max-width:1024px){
	#ch .bus-directions-wrap.bus_box .bus-directions-cell{flex-direction: column;padding:80px 0;position:relative;}
	#ch .bus-directions-wrap.bus_box .bus-directions-cell .inner_wraping{align-items:flex-start;}
	#ch .bus-directions-wrap.bus_box .bus-directions-cell > p{transform:rotate(90deg);margin:10px;}
	#ch .bus-directions-wrap .bus-more {position:absolute; top:25px; right:0;}
}

/* 영문 public transportation */
#en .bus-directions-wrap .info-wrap .info-txt{padding-left:0;}
#en .bus-directions-wrap .info-wrap .info-txt em{position:relative;}

#en.long-name-tab .tab-list .tab-list-cell .btn-tab-list-item{font-size:16px;line-height:1;}
#en.long-name-tab .bus-visual-cell{display:none;}
#en.long-name-tab .bus-visual-cell.actived{display:block;}
#en.long-name-tab .ktx-visual-cell{display:none;}
#en.long-name-tab .ktx-visual-cell.actived{display:block;}

#en .directions-wrap .subway-list .airport:before{content: 'Airport Railroad Express';}
.directions-wrap .subway-list .incheon:before {content:'Incheon1,2';}
/* 국문 중문  public transportation */
.bus-visual-cell{display:none;}
.bus-visual-cell.actived{display:block;}
.ktx-visual-cell{display:none;}
.ktx-visual-cell.actived{display:block;}
/* 영문 All Event Calendar */
#en .fc .fc-toolbar-title{font-size:24px;}
#en .fc .fc-toolbar{padding:0 45px;top: -20px;left:calc(50% - 110px);}
#ch .fc .fc-toolbar{padding:0 45px;top: -70px;left:calc(50% - 110px);}
#en .calendar-label-wrap{height:auto;position:static;justify-content:flex-end;}
#en .calendar-label-wrap .form-checkbox + .form-checkbox{margin-left:0;}
#en .calendar-label-wrap .form-checkbox{margin-right:40px;}
#en .calendar-label-wrap .btn-schedule-download{margin-right:40px;}
#en .calendar-label-wrap .form-checkbox:last-child{margin-right:0;}
#en a.btn-schedule-download, button.btn-schedule-download{padding:0 22px;}
#en .btn-schedule-download:after{right:16px;}
#en .calendar-wrap{padding-top:60px;}

/* 영문 exhibition request */
#en .using-procedure .step-img-wrap .step-img03{top:682px;}
#en .using-procedure .step-img-wrap .step-img04{top:910px;}

@media (max-width:768px){
    #en .calendar-label-wrap .form-checkbox {margin:0;}
    #en .form-checkbox .form-check-icon{margin-bottom:10px;}
	#en .fc .fc-toolbar{/*left:50%;*/top:0;}
	#en .calendar-label-wrap .calendar_inner_box{display:flex;flex-wrap:wrap;margin-bottom:20px;}
	.calendar-label-wrap .form-checkbox{}
    #en .calendar-label-wrap > div:last-child{display:flex;flex-wrap:wrap;}
    #ch .fc .fc-toolbar{top:0;}
}

/* 달력 테블릿 */
@media screen and (min-width: 768px) and (max-width:1100px) {
    .calendar-wrap {padding-top:95px;}
    .calendar-label-wrap {top:65px;}
    .btn-schedule-download:after {display: none; text-align: center;}

    #en .calendar-label-wrap{height: auto;position: unset;justify-content: flex-end;}
    #en .calendar-label-wrap .btn-schedule-download{width: 26vw;text-align: center;}

    #ch .fc .fc-toolbar{top:-5px;}

}

/* 영문 All Event List */
#en .filter-search-wrap .sort-check-list{flex:1;margin-right:0;}
#en .filter-search-wrap .sort-check-list .list-inner{flex-wrap:wrap;}

@media (max-width:1024px){
	#en .filter-search-wrap .sort-check-list{flex:none;}
}

/* 영문 Own Car/Parking */
@media (max-width: 1024px){
	#en .vertical-tab-contents > .tab-list > ul{flex-direction:unset;}
}

/* 영문 Exhibition Booking inquiry */
#en .using-procedure .step-content-wrap{padding:77px 0 0 30px;}
#en .using-procedure .step-numbering-list{left:335px;}

@media (max-width:1024px){
	#en .using-procedure .step-content-head{font-size:28px;}
}

@media (max-width:768px){
	#en .using-procedure .step-numbering-list{left:0; position: relative; top:14px;}
}

/* 영문 Official Contractors */
#en .border-list-head > div{display:flex;justify-content:center;align-items:center;line-height:1.5;}

@media (max-width:768px){
	#en .subcontractor-wrap .border-list-body ul:before{display:none;}
	#en .subcontractor-wrap .border-list-body .border-list-cell{padding:0;}
	#en .subcontractor-wrap .border-list-body .border-list-cell > div{align-items:stretch;padding:0;}
	#en .subcontractor-wrap .border-list-body .border-list-cell .col-lg-none{flex:1;border-right:1px solid #000;padding:8px 10px;}
	#en .subcontractor-wrap .border-list-body .border-list-cell .list-info{flex:3;padding:8px 10px;}
}

/* 영문 KINTEX Overview */
#en .about-kintex01 .view-info-list li{width:100%;}
#en .about-kintex01 .view-info-list .info-list02, #en .about-kintex01 .view-info-list .info-list03{margin-left:0;}
#en .col-sm-none{align-items:center;}
#en .about-kintex02{padding:0 0 38px;}
#en .about-kintex02 .diamond-list-wrap > li{margin-right:15px;}
#en .about-kintex02 .diamond-list-wrap > li:last-child{margin-right:0;}

@media (max-width:1024px){
	#en .vision-section01 .value-list-cell:nth-of-type(odd){padding-left:0;}
	#en .vision-section01 .value-list-cell:nth-of-type(even){padding-right:0;}
	#en .vision-section02 .plan-list-wrap .plan-list-cell{padding: 52px 1% 52px 15%;}
}

@media (max-width:768px){
	#en .about-kintex01 .view-info-list .info-list04, .about-kintex01 .view-info-list .info-list05{display:block;}
	#en .about-kintex01 .col-sm-default{display:flex;}
	#en .about-kintex01 .view-info-list .info-list05 .info li{width:auto!important;height:auto!important;margin-right:15px!important;}
	#en .vision-section02 .plan-list-cell > div:before{left:-15%;}
	#en .vision-section02 .plan-list-cell .economic-content:before, #en .vision-section02 .plan-list-cell .development-content:before{left:-15%;}
    #en .vision-section02 .plan-list-cell > div {padding:0 20px;}
}

/* 영문 KINTEX exhibitionHall3 */

@media (max-width:1024px){
	#en .showroom-kintex .read-table.showroom-table-list th{font-size:24px;padding:30px;}
	#en .showroom-kintex .table-inner-list li{font-size:18px;margin-bottom:20px;}
	#en .showroom-kintex .point-list li{padding: 0 20px;margin-right:0;margin-bottom:0;}
	#en .showroom-kintex .point-list li .img-box .img-info{font-size:16px;padding:10px 0;}
	#en .showroom-kintex .effect-list > li{height:auto;}
	#en .showroom-kintex .effect-list > li .icon-info{margin-left:20px;}
	#en .showroom-kintex .effect-list > li .icon-info h3{font-size:22px;line-height:1.2;}
	#en .showroom-kintex .effect-list > li .icon-info li{font-size:16px;}
}

@media (max-width:768px){
	#en .showroom-kintex .point-list{display:block;}
	#en .showroom-kintex .showroom-list{margin:10vw 0!important;}
	#en .showroom-kintex .point-list li{border-right:0;border-bottom:1px solid #d3d3d3;padding:20px 0 20px;}
	#en .showroom-kintex .point-list li .img-box{width:60%;margin:0 auto;}
}

/* 영문 vendor */
#en .subcontractor-wrap .board-sort .board-sort-right .btn-file-download{width:100%;}

/* 영문 tourist_attraction */
#en .tourist-attraction-btns .btn-tourist-item{background:#fff;font-size: 12px;border:1px solid #d3d3d3;border-radius:3px;}
#en .tourist-attraction-btns .btn-tourist-item.actived{background:#075cb9;border-color:#075cb9;color:#fff;font-weight:bold;}
#en .tourist-attraction-btns .btn-tourist-item:before{content: "";width: 5px;height: 5px;background: #fff;border-left: 1px solid #d3d3d3;border-top: 1px solid #d3d3d3;position: absolute;bottom: 95%;z-index: 0;transform: skew(12deg, -12deg) rotate(55deg);}
#en .tourist-attraction-btns .btn-tourist-item.actived:before{background:#075cb9;border-color:#075cb9;}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(1) {top:52.5%; left:23.6%; width:14.5%;}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(2) {top:40%; left:25.7%; width:19%;}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(3) {top: 39.2%;left: 4.5%;width: 18.5%;}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(4) {top: 30.5%;left: 21.5%;width: 14.5%;}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(5) {top: 19%;left: 10.2%;width: 18.5%;height: 10%;}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(6) {top:20.5%; left:32%; width:16%;}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(7) {top:6.7%; left:52%; width:14.5%;}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(8) {top:24.5%; left:50%; width:17%;}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(9) {top:16.5%; left:59.5%; width:24.2%;}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(10) {top:36%; left:45.1%; width:16%;height:11%;}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(11) {top: 36.3%;left: 63.5%;width: 12.5%;}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(12) {top:54%; left:47.3%; width:15.5%;height:11%;}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(13) {top:51%; left:64%; width:19%;}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(14) {top:29%; left:82.5%; width:15%;}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(15) {top: 70.5%;left: 48.5%;width: 21%;}


/* 말풍선 꼬다리
화살표 방향
아래 : transform: skew(12deg, -12deg) rotate(-125deg);
왼쪽 : transform: skew(12deg, -12deg) rotate(-35deg);
*/
#en .tourist-attraction-btns .btn-tourist-item:nth-child(1):before{left:16%;}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(2):before{left:56%;}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(3):before{bottom: 62%;left: 98%;transform: skew(12deg, -12deg) rotate(145deg);}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(4):before{bottom:45%;left:-4%;transform: skew(12deg, -12deg) rotate(-35deg);}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(5):before{bottom: -8%;left:33%;transform: skew(12deg, -12deg) rotate(-125deg);}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(6):before{bottom:-10%;left:73%;transform: skew(12deg, -12deg) rotate(-125deg);}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(7):before{bottom:-10%;left:8%;transform: skew(12deg, -12deg) rotate(-125deg);}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(8):before{left:27.5%;}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(9):before{bottom:32%;left:-2%;transform: skew(12deg, -12deg) rotate(-35deg);}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(10):before{left:34%;}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(11):before{bottom:42%;left:-5%;transform: skew(12deg, -12deg) rotate(-35deg);}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(12):before{left:72%;}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(13):before{bottom:-10%;left:15%;transform: skew(12deg, -12deg) rotate(-125deg);}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(14):before{bottom:-12%;left:13%;transform: skew(12deg, -12deg) rotate(-125deg);}
#en .tourist-attraction-btns .btn-tourist-item:nth-child(15):before{bottom:-10%;left:22%;transform: skew(12deg, -12deg) rotate(-125deg);}
#en .tourist-attraction-wrap .tab-select{width:100%;margin-bottom:20px;}
@media (max-width:768px){
	#en .tourist-attraction-btns .btn-tourist-item{width: auto!important;height: auto!important;padding: 5px 10px;font-size: 2.6vw;display:none;}
	#en .tourist-attraction-btns .btn-tourist-item.actived{display:block;}
	#en .tourist-attraction-btns .btn-tourist-item:nth-child(1) {top: 53%;left: 22.3%;}
	#en .tourist-attraction-btns .btn-tourist-item:nth-child(2) {top: 42%;left: 21.4%;}
	#en .tourist-attraction-btns .btn-tourist-item:nth-child(3) {top: 34.5%;left: 2.8%;}
	#en .tourist-attraction-btns .btn-tourist-item:nth-child(4) {top: 28.5%;left: 22.5%;}
	#en .tourist-attraction-btns .btn-tourist-item:nth-child(5) {top: 16%;left: 8.2%;}
	#en .tourist-attraction-btns .btn-tourist-item:nth-child(6) {top: 18.5%;left: 30.3%;}
	#en .tourist-attraction-btns .btn-tourist-item:nth-child(7) {top: 0.7%;left: 50.5%;}
	#en .tourist-attraction-btns .btn-tourist-item:nth-child(8) {top: 26.5%;left: 46.4%;}
	#en .tourist-attraction-btns .btn-tourist-item:nth-child(9) {top: 24.5%;left: 53.5%;}
	#en .tourist-attraction-btns .btn-tourist-item:nth-child(10) {top: 38%;left: 44%;}
	#en .tourist-attraction-btns .btn-tourist-item:nth-child(11) {top: 34.3%;left: 64.5%;}
	#en .tourist-attraction-btns .btn-tourist-item:nth-child(12) {top: 56%;left: 27.8%;}
	#en .tourist-attraction-btns .btn-tourist-item:nth-child(13) {top: 45%;left: 61.6%;}
	#en .tourist-attraction-btns .btn-tourist-item:nth-child(14) {top: 22%;left: 70.5%;}
	#en .tourist-attraction-btns .btn-tourist-item:nth-child(15) {top: 65.5%;left: 44.5%;}

	/* 말풍선 꼬다리 */
	#en .tourist-attraction-btns .btn-tourist-item:nth-child(5):before {left: 14%;}
	#en .tourist-attraction-btns .btn-tourist-item:nth-child(9):before{bottom: 95%;left: 8%;transform: skew(12deg, -12deg) rotate(55deg);}
	#en .tourist-attraction-btns .btn-tourist-item:nth-child(10):before {left: 15%;}
	#en .tourist-attraction-btns .btn-tourist-item:nth-child(14):before {left: 52%;}
}



/* 중문 tourist_attraction */
#ch .tourist-attraction-btns .btn-tourist-item{background:#fff;font-size: 12px;border:1px solid #d3d3d3;border-radius:3px;}
#ch .tourist-attraction-btns .btn-tourist-item.actived{background:#075cb9;border-color:#075cb9;color:#fff;font-weight:bold;}
#ch .tourist-attraction-btns .btn-tourist-item:before{content: "";width: 5px;height: 5px;background: #fff;border-left: 1px solid #d3d3d3;border-top: 1px solid #d3d3d3;position: absolute;bottom: 95%;z-index: 0;transform: skew(12deg, -12deg) rotate(55deg);}
#ch .tourist-attraction-btns .btn-tourist-item.actived:before{background:#075cb9;border-color:#075cb9;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(1) {top:52.5%; left:23.8%; width:14.5%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(2) {top:40%; left:28%; width:15%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(3) {top: 39%;left: 4.5%;width: 18.5%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(4) {top: 30.5%;left: 21.5%;width: 14.5%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(5) {top: 19%;left: 10%;width: 18.5%;height: 10%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(6) {top:20.5%; left:32%; width:16%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(7) {top:6.7%; left:52%; width:14.5%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(8) {top:23.8%; left:48.5%; width:23%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(9) {top:15.5%; left:59.5%; width:24.2%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(10) {top: 36%;left: 44.2%;width: 16%;height: 7%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(11) {top: 36.2%;left: 63.5%;width: 12.5%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(12) {top:54%; left:47.3%; width:15.5%;height:11%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(13) {top:51%; left:64%; width:19%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(14) {top:29%; left:82.5%; width:15%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(15) {top: 70.5%;left: 48.5%;width: 21%;}
/* 말풍선 꼬다리
화살표 방향
아래 : transform: skew(12deg, -12deg) rotate(-125deg);
왼쪽 : transform: skew(12deg, -12deg) rotate(-35deg);
*/
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(1):before{left:16%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(2):before{left:56%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(3):before{bottom: 62%;left: 98%;transform: skew(12deg, -12deg) rotate(145deg);}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(4):before{bottom:45%;left:-4%;transform: skew(12deg, -12deg) rotate(-35deg);}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(5):before{bottom: -8%;left:33%;transform: skew(12deg, -12deg) rotate(-125deg);}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(6):before{bottom:-10%;left:73%;transform: skew(12deg, -12deg) rotate(-125deg);}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(7):before{bottom:-10%;left:8%;transform: skew(12deg, -12deg) rotate(-125deg);}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(8):before{left:27.5%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(9):before{bottom:32%;left:-2%;transform: skew(12deg, -12deg) rotate(-35deg);}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(10):before{left:41%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(11):before{bottom:42%;left:-5%;transform: skew(12deg, -12deg) rotate(-35deg);}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(12):before{left:72%;}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(13):before{bottom:-10%;left:15%;transform: skew(12deg, -12deg) rotate(-125deg);}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(14):before{bottom:-12%;left:13%;transform: skew(12deg, -12deg) rotate(-125deg);}
#ch .tourist-attraction-btns .btn-tourist-item:nth-child(15):before{bottom:-10%;left:22%;transform: skew(12deg, -12deg) rotate(-125deg);}
#en .tourist-attraction-wrap .tab-select{width:100%;margin-bottom:20px;}
@media (max-width:768px){
	#ch .tourist-attraction-wrap .tab-select{width:100%;margin-bottom:20px;}
	#ch .tourist-attraction-btns .btn-tourist-item{width: auto!important;height: auto!important;padding: 5px 10px;font-size: 2.6vw;display:none;}
	#ch .tourist-attraction-btns .btn-tourist-item.actived{display:block;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(1) {top: 53%;left: 23%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(2) {top: 28%;left: 11.7%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(3) {top: 34.9%;left: 12.8%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(4) {top: 29.5%;left: 21.5%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(5) {top: 18%;left: 12.5%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(6) {top: 17.5%;left: 29.4%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(7) {top: 2.7%;left: 52%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(8) {top: 25%;left: 45.5%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(9) {top: 23.5%;left: 55.5%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(10) {top: 37%;left: 47%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(11) {top: 34.9%;left: 63.5%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(12) {top: 55%;left: 45.2%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(13) {top: 47%;left: 64.6%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(14) {top: 25%;left: 78.9%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(15) {top: 67.5%;left: 48.9%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(15) {top: 67.5%;left: 48.9%;}

	/* 말풍선 꼬다리 */
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(2):before {bottom:-5%;transform: skew(12deg, -12deg) rotate(-125deg);}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(4):before {left: -3%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(5):before {left: 14%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(9):before{bottom: 95%;left: 8%;transform: skew(12deg, -12deg) rotate(55deg);}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(10):before {left: 15%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(6):before {bottom:-8%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(7):before {bottom:-8%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(13):before {bottom:-8%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(14):before {bottom:-8%;left: 52%;}
	#ch .tourist-attraction-btns .btn-tourist-item:nth-child(15):before {bottom:-8%;}

}


/* 중문 메인 */
#ch #mainContainer.main-multilingual .map-from-airport{overflow:hidden;}
#ch #mainContainer.main-multilingual .map-from-airport > a{width:100%;height:100%;display:block;}
#ch #mainContainer.main-multilingual .link-list li{background-size:cover!important;}
#ch #mainContainer.main-multilingual .map-from-airport .event-triangle{width:510px;height:1020px;background:#0947ba;position:absolute;right:-286px;bottom:-330px;transform:rotate(45deg);}
#ch #mainContainer.main-multilingual .map-from-airport .event-triangle>a{width:100%;height:100%;display:block;}
#ch #mainContainer.main-multilingual .map-from-airport .event-wrap{color:#fff;text-align:center;border:0;transform:rotate(-45deg);box-shadow:none;position: absolute;bottom: 302px;right: 295px;}
#ch #mainContainer.main-multilingual .map-from-airport a.event-link-area .arrow{position:absolute;top:-40px;right:0;transition:all 0.3s;}
#ch #mainContainer.main-multilingual .map-from-airport .marker-airport{top:-15px;}
#ch .main-schedule {background-color: transparent;}
#ch .main-schedule {background-color: transparent;}
#ch .main-information-list .main-information-hotel .icons{background-image: url(../images/icon/catering_icon.png);}
#ch .main-information-list .main-information-contact .icons{background-image: url(../images/icon/restaurant_icon.png);}
#ch .main-information-list .main-information-parking .icons {background-image: url(../images/icon/support_icon.png);}
#ch .main-information-list .main-information-travel .icons {background-image: url(../images/icon/VR_icon.png);}
#ch .header-wrap-ch .gnb-wrap .btn-one-depth{padding:30px;}


@media (max-width:768px){
	#ch #mainContainer.main-multilingual .map-from-airport{height: 88vw;}
    #en #mainContainer.main-multilingual .map-from-airport{height: 88vw;}
	#ch #mainContainer.main-multilingual .map-from-airport .event-triangle{width:50vw;height:100vw;right:-7vw;bottom:-40vw;}
	#ch #mainContainer.main-multilingual .map-from-airport .event-wrap {bottom: 44vw;right: 15vw;width: 70%;font-size: 3vw;}
	#ch #mainContainer.main-multilingual .map-from-airport a.event-link-area .arrow {width:10%;top: -25px;right: 0;}
	#ch #mainContainer.main-multilingual .map-from-airport a.event-link-area em img{width:20%;}
}

/* 중문 parking transportation */
#ch .directions-wrap .subway-list .bundang:before {content:'水印盆塘'; padding:0 17px; background:#eba900;}
#ch .directions-wrap .subway-list .gyeongui-jungang:before {content:'线京义中央 线'; padding:0 17px; background:#7dc4a5;}
#ch .directions-wrap .subway-list .airport:before {content:'线路'; padding:0 17px; background:#73b6e4;}
#ch .directions-wrap .subway-list .incheon:before {content:'仁川1,2'; padding:0 17px; background:#f4ab3e;}

/* 국문 리스트 상세 */
.product-view-wrap .product-view-thumb{width: 385px;height: 480px;}
.product-view-wrap .thumb{position:relative;}
.product-view-wrap .thumb > img{width:385px;height:480px;position: relative;}
.product-view-wrap .thumb > img{position:absolute;top: 0;left:0;object-fit: cover;}
.product-view-wrap .product-view-info{width: calc( 100% - 385px );}

@media screen and (max-width: 768px){
	.product-view-wrap .product-view-thumb {width: auto;height:auto;max-width: none;margin: 0 auto;}
	.product-view-wrap .thumb{width: 100%;position: relative;}
	.product-view-wrap .thumb > img{width:100%;height:auto; position: relative;}
	.product-view-wrap .product-view-info {width: 100%;}
}
/* 국문 공실안내 */
.table-wrap.text-center .read-table table > tbody > tr > td{text-align:center;}



/* CONTACTUS 페이지 */
#contents .contactus-wrap {}
#contents .contactus-wrap .contact-info {}
#contents .contactus-wrap .contact-info .contact-icon {display: inline-block; width:86px;}
#contents .contactus-wrap .contact-info .contact-icon img {width:100%;}
#contents .contactus-wrap .contact-info .right-info {display:inline-block; float:right; width:calc(100% - 86px); text-align:left; padding-left:30px; box-sizing: border-box; color:#111; font-size:20px; font-weight: 300;}

#contents .contactus-wrap .contactus-form-box {margin:0; background-color: #f8f8f8; padding:33px; border-top:3px solid #111; border-bottom:3px solid #111; margin:35px 0 25px 0;}
#contents .contactus-wrap .contactus-form-box .grid-frame-cell {}
#contents .contactus-wrap .contactus-form-box .grid-frame-cell .grid-cell-wrap {padding-bottom:30px; border-bottom: 1px solid #eaeaea;}
#contents .contactus-wrap .contactus-form-box .grid-frame-cell .input-text {font-size:18px; color:#111; font-weight:400; padding-bottom:20px;}
#contents .contactus-wrap .contactus-form-box .grid-frame-cell .input-text span.necessary {color: #e60012;}
#contents .contactus-wrap .contactus-form-box .grid-frame-cell .input-box {}
#contents .contactus-wrap .contactus-form-box .grid-frame-cell .input-box input {background-color:#fff;}
#contents .contactus-wrap .contactus-form-box .grid-frame-cell .input-box div.template-data {margin:0;}
#contents .contactus-wrap .contactus-form-box .grid-frame-cell .input-box div.template-data select {background-color:#fff;}
#contents .contactus-wrap .contactus-form-box .grid-frame-cell .input-box div.template-data select option {background-color:#fff;}
#contents .contactus-wrap .contactus-form-box .grid-frame-cell .input-box textarea {width:100%; height:350px; resize: none; background-color:#fff;}

#contents .contactus-wrap .submit-btn-wrap {text-align:right;}
#contents .contactus-wrap .submit-btn-wrap button {}

@media screen and (max-width:767px)
{
    #contents .contactus-wrap .contactus-form-box .grid-frame-cell {width:100%;}
    #contents .contactus-wrap .contact-info .right-info {width:100%; padding:0; text-align: center; word-break: keep-all;}
    #contents .contactus-wrap .contact-info {text-align: center; margin-bottom: 15px; overflow:hidden;}
    #contents .contactus-wrap .contact-info img {margin-bottom: 10px;}
    #contents .contactus-wrap .contactus-form-box {padding:5px;}
}


/* 회의실 사용료 간편견적 모달 */
.quick-quote-modal {}
.quick-quote-modal .con-title {text-align: left; margin-bottom:30px;}
.quick-quote-modal .meetingRoom-option {border-top:3px solid #111; border-bottom:3px solid #111;}
.quick-quote-modal .meetingRoom-option .option-row {height:86px; overflow:hidden; border-top:1px solid #eaeaea;}
.quick-quote-modal .meetingRoom-option .option-row:first-child {border-top:none;}
.quick-quote-modal .meetingRoom-option .option-row .option-title {font-size:18px; font-weight:400; color:#111; display: inline-block; width:165px; box-sizing: border-box; height:86px; line-height:86px; background-color: #f8f8f8; float:left;}
.quick-quote-modal .meetingRoom-option .option-row .option-select {border-left: 1px solid #eaeaea; width: calc(100% - 165px); box-sizing: border-box; display:inline-block; float:left; padding:0 15px; text-align: left; height: 86px; line-height:86px; max-width:100%;}
.quick-quote-modal .meetingRoom-option .option-row .option-select label {margin-right:20px; display:inline-block;}
.quick-quote-modal .meetingRoom-option .option-row .option-select label input[type="radio"] {vertical-align: middle; width:20px; height:20px;}
.quick-quote-modal .meetingRoom-option .option-row .option-select label span {font-size:16px; color:#111; font-weight:300; display: inline-block; vertical-align: middle;}
.quick-quote-modal .meetingRoom-option .option-row .option-select select {max-width:230px; display: inline-block; font-size:14px;}
.quick-quote-modal .meetingRoom-option .option-row .option-select select option {}

.quick-quote-modal .quote-box {background-color: #f8f8f8; border:1px solid #ddd; padding:30px; margin-top:35px; overflow:hidden;}
.quick-quote-modal .quote-box .colum2 {width:50%; display: inline-block; float:left; box-sizing: border-box; padding-right:15px; border-right: 1px solid #666;}
.quick-quote-modal .quote-box .colum2:last-child {border-right:none; padding-right:0; padding-left: 15px;}
.quick-quote-modal .quote-box .quote-info {overflow:hidden;}
.quick-quote-modal .quote-box .quote-info .quote-img {width:100%; display:inline-block; float:left; box-sizing: border-box; height: 220px; overflow:hidden;}
.quick-quote-modal .quote-box .quote-info .quote-img img {width:100%;}
.quick-quote-modal .quote-box .quote-info .quote-text {width:70%; display:inline-block; float:left; box-sizing: border-box; padding:10px 20px; text-align: left;}
.quick-quote-modal .quote-box .quote-info .quote-text em {font-weight: 700; font-size:18px; color:#111;}
.quick-quote-modal .quote-box .quote-info .quote-text ul {margin-top:15px; padding-left:15px; list-style: circle;}
.quick-quote-modal .quote-box .quote-info .quote-text ul li {color:#666; font-size:14px; font-weight:300;}

.quick-quote-modal .quote-scroll {}
.quick-quote-modal .quote-box .read-table {}
.quick-quote-modal .quote-box .read-table table {}
.quick-quote-modal .quote-box .read-table table thead {}
.quick-quote-modal .quote-box .read-table table thead tr {}
.quick-quote-modal .quote-box .read-table table thead tr th {background-color: #fff; border-bottom: 1px solid #eaeaea; padding:5px 2px; font-size:14px;}
.quick-quote-modal .quote-box .read-table table tbody {}
.quick-quote-modal .advertising-pop .quote-box .read-table table tbody td {padding:2px; font-size:14px;}
.quick-quote-modal .quote-box .read-table table tbody td label {}
.quick-quote-modal .quote-box .read-table table tbody td label input[type="radio"] {vertical-align: middle; width:20px; height:20px; margin-right:5px;}
.quick-quote-modal .quote-box .read-table table tbody td label span {vertical-align: middle;}

.quick-quote-modal .quote-result {text-align: right;}
.quick-quote-modal .quote-result p {color: #666666; font-size:16px; font-weight:300;}
.quick-quote-modal .quote-result p.result-pay {margin-top:15px;}
.quick-quote-modal .quote-result p.result-pay span {color:#0947ba; font-size: 18px; display: inline-block; border-bottom: 1px solid #0947ba;}
.quick-quote-modal .quote-result p.result-pay span em {font-size:24px; font-weight:700; vertical-align:baseline;}

@media screen and (max-width:820px) {
    .quick-quote-modal .meetingRoom-option .option-row {overflow: inherit; height:100%;}
    .quick-quote-modal .meetingRoom-option .option-row::after {clear:both;}
    .quick-quote-modal .meetingRoom-option .option-row .option-title {width:100%;}
    .quick-quote-modal .meetingRoom-option .option-row .option-select {width:100%; height:auto; line-height: inherit;}
    .quick-quote-modal .meetingRoom-option .option-row .option-select label {display: block; margin:15px 0; text-align: center;}
    .quick-quote-modal .meetingRoom-option .option-row .option-select select {max-width:100%; width:100%; margin-bottom:15px;}
    .quick-quote-modal .meetingRoom-option .option-row .option-select select:first-child {margin-top:15px;}

    .quick-quote-modal .quote-box {padding:15px;}
    .quick-quote-modal .quote-box .read-table-wrap {margin:0;}
    .quick-quote-modal .quote-box .quote-info .quote-img {width: 100%; height: auto;}
    .quick-quote-modal .quote-box .quote-info .quote-text {width:100%; padding:0;}

} 

@media screen and (max-width:1200px) {
    .quick-quote-modal .quote-box {background-color: #f8f8f8; border:1px solid #ddd; padding:10px; margin-top:35px; overflow:hidden;}
    .quick-quote-modal .quote-box .colum2 {width: 100%; display: inline-block; float:left; box-sizing: border-box; padding:0 10px; border-right:none; border-left:none;}
    .quick-quote-modal .advertising-pop .read-table-wrap {}
}


/*국문 해외산업*/
.global_business.KR div.flex > *{flex:2;}
.global_business.KR div.flex img{width:100%;}
.global_business.KR .IICC_get_list{border:1px solid #000;padding:10px;}
.global_business.KR .IICC_get_list li{padding-left:30px;margin-bottom:5px;position:relative;}
.global_business.KR .IICC_get_list li:first-child{padding-left:10px;}
.global_business.KR .IICC_get_list li:last-child{margin-bottom:0;}
.global_business.KR .IICC_get_list li:before{content:"";width:4px;height:4px;background: #a1a1a1;border-radius:50%;position:absolute;left:10px;top:49%;}
.global_business.KR .IICC_get_list li:first-child:before{display:none;}
.global_business.KR .top-info{align-items: baseline;}
.global_business.KR .top_half{top:49% !important;}
.global_business.KR .bold{font-weight:bold;}
.global_business.KR .normal{font-weight:normal;}
.global_business.KR .green{color: #409750;font-size:22px;font-weight:bold;}
.global_business.KR .green_left_border{padding-left:10px;border-left:4px solid #409750;}
.global_business.KR .img-box img{width:100%;}
.global_business.KR .flex > div:nth-child(3){flex:3.2;margin-left:10px;}
.flex.MOB{display:none!important;}
.flex.PC{display:flex!important;}
@media (max-width:1024px){
	.flex.MOB{display:none!important;}
	.flex.PC{display:flex!important;}
}

@media (max-width: 768px){
	.global_business.KR div.flex{flex-direction: column;}
	.global_business.KR div.flex > .img-box{margin:20px 0;}
	.global_business.KR div.flex > *.top_half:last-child{flex:unset;margin-right:0;}
	.global_business.KR .top-info.flex{flex-direction: unset;}
	.global_business.KR .img-box.flex{flex-direction: column;}
	.global_business.KR .img-box.flex > img{margin-right:0;margin-bottom:10px;}
	.global_business.KR .filter-search-wrap .contact li:first-child{flex-direction: column;align-items: flex-start;border-right:0;border-bottom:1px solid #d3d3d3;padding:10px 20px;margin-bottom:10px;}
	.global_business.KR .filter-search-wrap .contact li:nth-child(2){display:flex;}
	.global_business.KR .flex > div:nth-child(3){margin-left:0;margin-top:20px;}
}
@media screen and (max-width: 768px) {
.filter-search-wrap .filter-sort .sort-date .date-input input {font-size:12px; padding:0 20px 0 44px;}
}
/* 국문 3전시장 */
.showroom-kintex.KR .showroom-list li p{right:-65px;}
.showroom-kintex.KR .showroom-list li:nth-child(2) p{right:-110px;}
.showroom-kintex.KR .showroom-list li:nth-child(3) p{right:-120px;}

@media (max-width: 768px){
	.showroom-kintex.KR .showroom-list li:nth-child(1) p{right:-12vw;}
	.showroom-kintex.KR .showroom-list li:nth-child(2) p{right:-7vw;}
	.showroom-kintex.KR .showroom-list li:nth-child(3) p {right: -8vw;}
	.showroom-kintex.KR .showroom-list li:nth-child(4) p {right: -4.5vw;}
	.showroom-kintex.KR .showroom-list li:nth-child(5) p {right: -5vw;}
	.showroom-kintex.KR .showroom-list li:nth-child(6) p{right:0;}
}

/* global */
@media screen and (max-width:767px) {
    .overflow-x-scroll {overflow-x:scroll;}
}

.width100p{width:100%;}

/* 신청서류 다운로드 팝업 */
#applicationDocuments {}
#applicationDocuments .download-pop {}
#applicationDocuments .pop-body {padding:20px;}
#applicationDocuments .download-pop .con-title {margin-bottom: 15px;}
#applicationDocuments .download-pop .download-list {margin-bottom: 40px;}
#applicationDocuments .download-pop .download-list li {margin-bottom:15px;}
#applicationDocuments .download-pop .download-list li a {width:100%;}
#en #applicationDocuments .download-pop .download-list li a {font-size:13px; word-break: keep-all; height:auto;}

#applicationDocuments1 {}
#applicationDocuments1 .download-pop {}
#applicationDocuments1 .pop-body {padding:20px;}
#applicationDocuments1 .download-pop .con-title {margin-bottom: 15px;}
#applicationDocuments1 .download-pop .download-list {margin-bottom: 40px;}
#applicationDocuments1 .download-pop .download-list li {margin-bottom:15px;}
#applicationDocuments1 .download-pop .download-list li a {width:100%;}
#en #applicationDocuments1 .download-pop .download-list li a {font-size:13px; word-break: keep-all; height:auto;}


@media screen and (max-width:768px) {
    #en #applicationDocuments .download-pop .download-list li a {font-size:13px; word-break: keep-all; height:auto; line-height:30px;}
    
}

/* 도면다운로드 팝업 */
#downloadCad-pop {}
#downloadCad-pop .download-pop {}
#downloadCad-pop .download-pop .pop-body {}
#downloadCad-pop .download-pop .pop-body .con-title {}
#downloadCad-pop .download-pop .pop-body .select-download-box {margin-bottom:45px;}
#downloadCad-pop .download-pop .pop-body .select-download-box select {margin:20px 0;}
#downloadCad-pop .download-pop .pop-body .select-download-box a.btn-basic {}

/* 경영공시 리스트 */
.ir-accordion-wrap .line-text-list.num_list > li + li, .ir-accordion-wrap .line-text-list.korean_list > li + li{margin-top:0;}
.line-text-list.num_list > li{padding-left:20px;}
.line-text-list.num_list > li:nth-child(1):before{content:"1.";}
.line-text-list.num_list > li:nth-child(2):before{content:"2.";}
.line-text-list.num_list > li:nth-child(3):before{content:"3.";}
.line-text-list.num_list > li:nth-child(4):before{content:"4.";}
.line-text-list.num_list > li:nth-child(5):before{content:"5.";}
.line-text-list.num_list > li:nth-child(6):before{content:"6.";}
.line-text-list.num_list > li:nth-child(7):before{content:"7.";}
.line-text-list.num_list > li:nth-child(8):before{content:"8.";}
.line-text-list.korean_list > li{padding-left:25px;}
.line-text-list.korean_list > li:nth-child(1):before{content:"가.";}
.line-text-list.korean_list > li:nth-child(2):before{content:"나.";}
.line-text-list.korean_list > li:nth-child(3):before{content:"다.";}
.line-text-list.korean_list > li:nth-child(4):before{content:"라.";}
.line-text-list.korean_list > li:nth-child(5):before{content:"마.";}



/* 메인페이지 배너팝업 */
#main-banner-pop {background-color: transparent;}
#main-banner-pop .layer-pop-children {padding:0;}
#main-banner-pop .layer-pop-children .pop-body {padding:0; max-height: 90vh; overflow:scroll; max-width:100%;}
#main-banner-pop .layer-pop-children .pop-body::-webkit-scrollbar {}
#main-banner-pop .layer-pop-children .pop-body::-webkit-scrollbar-thumb {border-radius:5px;}
#main-banner-pop .layer-pop-children .pop-body::-webkit-scrollbar-track {background-color: transparent;}
#main-banner-pop .layer-pop-children .pop-body img {}
#main-banner-pop .layer-pop-children .pop-foot {position: relative; height:60px;}
#main-banner-pop .layer-pop-children .pop-foot label.form-checkbox {position: absolute; left: 10px; top: 50%; transform: translateY(-50%);}
#main-banner-pop .layer-pop-children .pop-foot label input {}
#main-banner-pop .layer-pop-children .pop-foot label span {}
#main-banner-pop .layer-pop-children .pop-foot label span em {font-weight:300;}
#main-banner-pop .layer-pop-children .pop-foot button {position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}

/* CMS 위치설정 */
#main-banner-pop .pop-data.alert-data {position: fixed; left:0; top:0;}

@media screen and (max-width:768px){
    #main-banner-pop .pop-data.alert-data {top:50%!important; left:0!important; transform: translateY(-50%);}
}

/* from airport 페이지 디자인 변경 */
section.from-airport {}
section.from-airport .from-airport-imgbox {margin:30px 0;}
section.from-airport .from-airport-imgbox img {width:100%;}
section.from-airport .directions-info {margin-bottom:80px;}
section.from-airport .directions-info:last-child {margin-bottom:0;}
section.from-airport .template-data .con-title {}

section.from-airport .directions-info {}
section.from-airport .directions-info ul {padding:30px 0; border-bottom: 1px solid #ebebeb;}
section.from-airport .directions-info ul li {margin:15px 0;}
section.from-airport .directions-info ul li dl {display: flex;}
section.from-airport .directions-info ul li dl img {vertical-align: middle;}
section.from-airport .directions-info ul li dl dt img {vertical-align: middle;}
section.from-airport .directions-info ul li dl {overflow:hidden;}
section.from-airport .directions-info ul li dl dt {max-width:80px; width:100%; display: inline-block; float:left; text-align: center; display: flex; justify-content: center;}
section.from-airport .directions-info ul li dl dd {display: inline-block; float:left; padding-left:20px;}
section.from-airport .directions-info ul li dl dt span {}
section.from-airport .directions-info ul li dl dt span.ride-icon {display: inline-block; background-color:#0947ba; border-radius:30px; width:60px; height:60px; position: relative;}
section.from-airport .directions-info ul li dl dt span.ride-icon img {line-height:60px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
section.from-airport .directions-info ul li dl dt .title-label {border-radius:40px; min-width:40px; box-sizing: border-box; display:inline-block; height:40px; line-height:40px; padding:0 10px; background-color:#111; color:#fff; font-weight:300; font-size:20px;}
section.from-airport .directions-info ul li dl dt .title-label {}
section.from-airport .directions-info ul li dl dd .direction-title {font-size: 30px; color: #111; font-weight: 600;}
section.from-airport .directions-info ul li dl dd .ride-infotxt {color: #666; font-size:18px; font-weight:300;}
section.from-airport .directions-info ul li dl dt .title-label.small {width:40px; height:40px; padding:0; border-radius:50%; display: flex; justify-content: center; align-items: center;}
section.from-airport .directions-info ul li dl dd .ride-infotxt img {margin:0 20px;}
section.from-airport .directions-info ul li dl dd .ride-infotxt .subway-line-label1 {background-color: #7cc4a5; font-size:16px; color:#fff; display:inline-block; height:30px; line-height:30px; padding:0 15px; vertical-align: middle; border-radius:15px;}
section.from-airport .directions-info ul li dl dd .ride-infotxt .subway-line-label2 {background-color: #f26522; font-size:16px; color:#fff; display:inline-block; height:30px; line-height:30px; width:30px; box-sizing: border-box; text-align: center; vertical-align: middle; border-radius:15px;}

@media screen and (max-width:768px) {
    #contents.from-airport .directions-info ul li dl dd .ride-infotxt {word-break: keep-all;font-size:14px; vertical-align: middle;}
    section.from-airport .directions-info ul li {margin:25px 0;}
    section.from-airport .directions-info ul li dl dd .ride-infotxt img {margin:0;}
    section.from-airport .directions-info ul li dl dd .ride-infotxt .subway-line-label1{font-size:14px;margin-right:5px;}
    section.from-airport .directions-info ul li dl dd .ride-infotxt .subway-line-label2{font-size:14px;margin-right:5px;}
    .combineImg{padding-top:65px;}
}


/* 테이블 가로 스크롤 */
@media (max-width: 768px){
    .read-table.scroll-table table{width:800px;}
}


/*ipad mini*/
@media screen and (min-width:768px) and (max-width:1279px) {
    #en #mainContainer.main-multilingual .map-from-airport {}
    #ch #mainContainer.main-multilingual .map-from-airport {}
}
@media screen and (min-width:769px) and (max-width:1024px) {
    #en #mainContainer.main-multilingual .map-from-airport {
        height: 70vh;
        margin: 0;
        max-height: 500px;
    }

    #ch #mainContainer.main-multilingual .map-from-airport {
        height: 70vh;
        margin: 0;
        max-height: 500px;
    }
}








