@charset "utf-8";

.layout-page-title {display: none;}

#_FSBcontainer {padding: 0;}

/* main common */
.main-for-a11y {display: block; position: absolute; z-index: -1; width: 1px; height: 1px; overflow: hidden; opacity: 0; color: transparent; font-size: 1px; line-height: 1px; margin: 0; padding: 0; border: none; background: transparent;}
caption.main-for-a11y {display: table-caption; position: static; width: auto; margin-bottom: -1px;}
.main-page-wrap {background: #eeeff1; overflow: hidden; padding-bottom: 60px;}
.main-page-wrap:before,
.main-page-wrap:after {content: ''; display: table; clear: both;}
.main-page-container {position: relative; width: 1366px; margin: 0 auto;padding:0 40px;}
.main-page-container + .main-page-container {margin-top:10px;}
.main-page-container:before,
.main-page-container:after {content: ''; display: table; clear: both;}
[data-animate-progress] {width: 0;}

/* main swiper common */
.main-page-wrap .swiper-wrapper,
.main-page-wrap .swiper-slide {height: auto !important;}
.main-page-wrap .swiper-button-play-text,
.main-page-wrap .swiper-button-pause-text {display: block; position: absolute; z-index: -1; width: 1px; height: 1px; overflow: hidden; opacity: 0; color: transparent; font-size: 1px; line-height: 1px; margin: 0; padding: 0; border: none; background: transparent;}
.main-page-wrap .swiper-button-next,
.main-page-wrap .swiper-button-prev {position: absolute; top: 270px; width: 60px; height: 60px; box-sizing: border-box; overflow: hidden; box-shadow: 0 0 2px #000; background: #000; border: 5px solid white;}
.main-page-wrap .swiper-button-next:before,
.main-page-wrap .swiper-button-prev:before {content: ''; display: block; width: 24px; height: 24px; padding-left: 2px; padding-bottom: 2px; border: 0 solid #fff; border-top-width: 2px; border-right-width: 2px; position: absolute; top: 50%; left: 50%;}
.main-page-wrap .swiper-button-next:before {-webkit-transform: translate(-75%, -50%) rotate(45deg); transform: translate(-75%, -50%) rotate(45deg);}
.main-page-wrap .swiper-button-prev:before {-webkit-transform: translate(-25%, -50%) rotate(-135deg); transform: translate(-25%, -50%) rotate(-135deg);}
.main-page-wrap .swiper-button-next {right: -60px;}
.main-page-wrap .swiper-button-prev {left: -60px;}
.main-page-wrap .swiper-button-next-text,
.main-page-wrap .swiper-button-prev-text {display: block; position: absolute; z-index: -1; width: 1px; height: 1px; overflow: hidden; opacity: 0; color: transparent; font-size: 1px; line-height: 1px; margin: 0; padding: 0; border: none; background: transparent;}
.main-page-wrap .swiper-scrollbar {height: 4px; border-radius: 2px; background: #fbfbfb; overflow: hidden;}
.main-page-wrap .swiper-scrollbar-drag {height: 100%; border-radius: 2px; background: #e3047f;}
.main-page-wrap .swiper-pagination {display: inline-block; vertical-align: top;}
.main-page-wrap .swiper-pagination-switch {display: inline-block; vertical-align: top; width: 16px; height: 16px; border-radius: 8px; background: #fff; margin-right: 20px; -webkit-transition: width 0.3s, background-color 0.3s; transition: width 0.3s, background-color 0.3s; cursor: pointer; box-shadow: 0 1px 3px #333;}
.main-page-wrap .swiper-pagination-switch.swiper-active-switch {width: 53px; background-color: #e3047f;}
.main-page-wrap .swiper-button-play,
.main-page-wrap .swiper-button-pause {position: relative; vertical-align: top; width: 18px; height: 16px; box-sizing: border-box; border: 1px solid #fff; overflow: hidden; background: #666;}
.main-page-wrap .swiper-button-play:before,
.main-page-wrap .swiper-button-pause:before {content: ''; display: block; border: 0 solid #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.main-page-wrap .swiper-button-play {margin-right: 5px;}
.main-page-wrap .swiper-button-play:before {width: 5px; height: 5px; border-top-width: 1px; border-right-width: 1px; padding-bottom: 1px; padding-left: 1px; -webkit-transform: translate(-75%, -50%) rotate(45deg); transform: translate(-75%, -50%) rotate(45deg);}
.main-page-wrap .swiper-button-pause:before {width: 2px; height: 8px; border-left-width: 1px; border-right-width: 1px;}

/* product card */
.main-page-product-card {display:block;width: 100%;text-align: center;background: #fff;-webkit-box-sizing:border-box;box-sizing:border-box;}
.main-page-product-card:hover,
.main-page-product-card:focus {text-decoration: none;}
.main-page-product-card-title {display: -webkit-box;width: 90%;margin: 8px auto;font-size: 20px;line-height: 30px;font-weight: 500;letter-spacing: -1px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main-page-product-card-sub-title {display: block; font-size: 14px; line-height: 20px; font-weight: 500; margin: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666;}
.main-page-product-card-interest {display: block;font-family: 'NanumSquare';font-size: 36px;line-height: 70px;font-weight: 500;}
.main-page-product-card-percentage {display: inline-block;font-family: 'NanumSquare';font-size: 42px;line-height: 70px;color: #e3047f;font-weight: 700;vertical-align: top;}
.main-page-product-card-text {display: block;width: 90%;margin: auto;font-size: 14px;line-height: 20px;font-weight: 500;color: #8d8d8d;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main-page-product-card-time {display: block; position: relative; margin: 9px 150px 13px 30px; opacity: 0;}
.main-page-product-card-time-box {display: block; position: relative; width: 120px; margin-right: -120px; font-family: Dotum, '돋움', sans-serif; font-size: 12px; line-height: 20px; font-weight: 700; color: #fff; background: #ff0000;}
.main-page-product-card-progress {display: block; margin: 0 40px 15px; height: 3px; background: #999;}
.main-page-product-card-progress span {display: block; position: relative; height: 100%; background: #ff0000; overflow: visible !important;}
.main-page-product-card-progress span:before {content: ''; display: block; border: 3px solid transparent; border-top-color: #ff0000; position: absolute; top: -13px; right: 0; margin-right: -3px; opacity: 0; -webkit-transition: opacity 0.5s linear; transition: opacity 0.5s linear;}
.main-page-product-card-progress span.is-animate-end:before {opacity: 1;}
.main-page-product-card-date {display: block; font-size: 14px; line-height: 20px; font-weight: 500;}
.main-page-product-card-date + .main-page-product-card-interest {margin-top: 10px; font-size: 32px; line-height: 60px;}
.main-page-product-card-date + .main-page-product-card-interest .main-page-product-card-percentage {font-size: 50px; line-height: 60px;}
.main-page-product-card-event {background-color: #fce595;}

/* section */
.main-page-section-box {position: relative; background: #fff; padding: 0 20px;}
.main-page-section-head {padding: 16px 0; border-bottom: 1px solid #333; font-size: 0; line-height: 0;}
.main-page-section-title {display: inline-block; vertical-align: top; font-family: 'NanumSquare'; font-size: 18px; line-height: 26px; font-weight: 500;}
.main-page-section-more {display: inline-block;vertical-align: top;width: 15px;height: 15px;margin: 5px 0 6px 10px;border-radius: 100%;background: #7f94a5;position: absolute;top: 16px;left: 80px;}
.main-page-section-more:before,
.main-page-section-more:after {content: ''; position: absolute; top: 0; left: 0; display: block; width: 1px; height: 7px; background: #fff; margin: 4px 7px;}
.main-page-section-more:after {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
.main-page-section-more span {display: block; position: absolute; top: 0; left: -999999px; width: 1px; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden;}

/* top banner */
.main-page-section-top-banner {position: relative;}
.main-page-top-banner {display: none;}
.main-page-top-banner-link {position: relative; display: block; height: 460px; text-align: center; overflow: hidden;}
.main-page-top-banner.type01 .main-page-top-banner-link {height: auto;}
.main-page-top-banner-link:hover,
.main-page-top-banner-link:focus {text-decoration: none;}
.main-page-top-banner-content {align-items: center; justify-content: center; flex-direction: column; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.main-page-top-banner-content .main-page-container {position: relative; display: block; box-sizing: border-box; padding: 50px 0 0; height: 100%;}
.main-page-top-banner-content .main-page-container:before {content: ''; display: block; width: 60px; height: 2px; margin-bottom: 32px; background: #333;}
.main-page-top-banner-title {display: block;font-family: 'NanumSquare'; font-size: 5vw; line-height: 1; font-weight: 700; color: #fff; text-shadow: 2px 2px 5px #000;}
.main-page-top-banner-text {display: block; font-size: 2.8vw; margin-top: 1.5vw; color: #fff; text-shadow: 2px 2px 5px #000;}
.main-page-top-banner-go {position: absolute; left: 0; bottom: 80px; display: block; font-size: 24px; line-height: 46px; color: #666; width: 200px; box-sizing: border-box; border: 2px solid #333; padding-left: 15px;}
.main-page-top-banner-go:before {content: ''; display: block; position: absolute; top: 0; right: 0; border-left: 2px solid #333; width: 50px; height: 100%;}
.main-page-top-banner-go:after {content: ''; display: block; position: absolute; top: 50%; right: 25px; border-top: 1px solid #333; border-right: 1px solid #333; width: 18px; height: 18px; -webkit-transform: translate(25%, -50%) rotate(45deg); transform: translate(25%, -50%) rotate(45deg);}
.main-page-top-banner-img { display: block; width: initial; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);} /* 20201116 이예빈 수정 */
.main-page-top-banner .main-page-top-banner-img {position: static; width: 100%; transform: none;}
.swiper-object .main-page-top-banner {display: block;}
.main-page-top-banner-controller {position: absolute; z-index: 10; left: 0; right: 0; width: 100%; height: 0; bottom: 55px; font-size: 0; line-height: 0; text-align: center;}
.main-page-top-banner-controller > div {display: inline-block; padding: 5px 15px; border-radius: 13px; background: rgba(51,51,51,0.5);}
.main-page-section-top-banner .swiper-button-next,
.main-page-section-top-banner .swiper-button-prev {top: 50%; margin-top: -30px; z-index: 10;}
.main-page-section-top-banner .swiper-button-next {right: 20px;}
.main-page-section-top-banner .swiper-button-prev {left: 20px;}
.main-page-section-top-banner .swiper-button-next:focus,
.main-page-section-top-banner .swiper-button-prev:focus {border: 5px solid white;opacity: 1;}

/* my menu */
.main-page-my-menu {font-size: 0; line-height: 0; text-align: center; padding: 50px 0 60px;}
.main-page-my-menu-item {position: relative; display: inline-block; vertical-align: top; width: 195px; padding-bottom: 35px;}
.main-page-my-menu-link {display: block; width: 96px; height: 96px; border-radius: 100%; background: no-repeat 50% 50% #fff; background-size: 100% 100%; box-shadow: 10px 10px 18px rgba(0,0,0,0.13); margin: 0 auto; box-sizing: border-box; border: 3px solid #fff; -webkit-transition: border-color 0.3s; transition: border-color 0.3s;}
.main-page-my-menu-text {display: block; position: absolute; left: 0; right: 0; bottom: 35px; height: 0; text-align: center; font-size: 0; line-height: 0; white-space: nowrap;}
.main-page-my-menu-text span {display: inline-block; vertical-align: top; padding-top: 15px; max-width: 100%; font-size: 16px; line-height: 20px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: color 0.3s; transition: color 0.3s;}
.main-page-my-menu-link:hover,
.main-page-my-menu-link:focus {text-decoration: none; border-color: #ccc;}
.main-page-my-menu-link:hover .main-page-my-menu-text span,
.main-page-my-menu-link:focus .main-page-my-menu-text span {color: #e3047f;}

/* first section */
.main-page-first-section {float: left; width:30%;}

/* login box */
.main-page-login-box {height:150px;padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box;background: #cad7e1;}
.main-page-login-box-item + .main-page-login-box-item {margin-top: 10px;}
.main-page-login-box-item-button {display: block; font-size: 18px; line-height: 50px; color: #fff; text-align: center; background: #666;}
.main-page-login-box-item-button:hover,
.main-page-login-box-item-button:focus {text-decoration: none;}
.main-page-login-box-item-button:before {content: ''; display: inline-block; vertical-align: top; height: 50px; margin-right: 10px; background: no-repeat 0 50%;}
.main-page-login-box-item-login .main-page-login-box-item-button {background-color: #005aaa;}
.main-page-login-box-item-login .main-page-login-box-item-button:before {width: 19px; background-image: url('/img/main/login-box-icon-01.png');}
.main-page-login-box-item-certificate .main-page-login-box-item-button:before {width: 17px; background-image: url('/img/main/login-box-icon-02.png');}
.main-page-login-box-item-my {display:table;width:100%;height:50px;}
.main-page-login-box-item-my:after {content: ''; display: table; clear: both;}
.main-page-login-box-item-my-text {display:table-cell; width:calc(100% - 115px); font-size: 18px; line-height:26px;vertical-align:middle;}
.main-page-login-box-item-my-name {display: inline;}
.main-page-login-box-item-my-utill {display:table-cell;width:132px;height:52px;vertical-align: middle;}
.main-page-login-box-item-my-page {display:inline-block;width:64px;text-align: center; font-size: 12px; line-height: 20px; text-decoration: underline;vertical-align:middle;text-align:right;}

/* small banner */
.main-page-small-banner {height:92px; margin-top: 10px;}
.main-page-small-banner-link {display: block; height: 100%;}
.main-page-small-banner img {display: block; width: 100%; height: 100%;}

/* right */
.main-page-right {float: right;width: calc(70% - 10px);margin-left: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid #ccc;display: flex;}
.main-page-right:after {content: ''; display: table; clear: both;}
.main-page-right .main-page-section-box {float: left; width: 286px; height: 220px; margin-left: 10px;}

/* representative product */
.main-page-representative-product {position: relative;float: left;width: calc(100% / 3);background:#fff;height: 250px;border-right: 1px solid #ccc;}
.main-page-representative-controller, .main-page-representative-controller2 {position: absolute; top: 0; right: 0; padding: 5px 10px; z-index: 10; background: rgba(51,51,51,0.7);}
.main-page-representative-controller .swiper-pagination, .main-page-representative-controller2 .swiper-pagination {display: none;}
.main-page-representative-product:after {content: ''; display: table; clear: both;}
.main-page-representative-product-item {width:50%;box-sizing: border-box;}
.main-page-representative-product-item + .main-page-representative-product-item {border-left: 1px solid #ccc;}


/* notice */
.main-page-section-notice {float:left; width:30%; height:220px; margin-left: 0;}
.main-page-notice-list {margin-top: 20px;}
.main-page-notice-item + .main-page-notice-item {margin-top: 10px;}
.main-page-notice-link {position: relative; display: block; padding: 0 70px 0 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.main-page-notice-item-tag {display: inline-block; font-family: Dotum, '돋움', sans-serif; font-size: 12px; line-height: 20px; font-weight: 700; color: #00397b; border-radius: 3px; border: 1px solid #00397b; margin-right: 10px; vertical-align: middle; width: 45px; height: 20px; box-sizing: content-box; overflow: hidden; text-align: center;}
.main-page-notice-item-tag-point {border-color: #e3047f; color: #e3047f;}
.main-page-notice-item-title {font-size: 14px; line-height: 22px;}
.main-page-notice-item-date {display: block; position: absolute; top: 0; right: 0; font-size: 12px; line-height: 22px; color: #666;}

/* event product*/
.main-page-event-product {position: relative;float: left;width: calc(100% / 3);border-left: none;-webkit-box-sizing:border-box;box-sizing:border-box;background:##fce595;}
.main-page-event-product-list {display: none;}
.swiper-object .main-page-event-product-list {display: block;}
.main-page-event-product-controller {position: absolute; top: 0; right: 0; padding: 5px 10px; z-index: 10; background: rgba(51,51,51,0.7);}
.main-page-event-product-controller .swiper-pagination-switch {width: 10px; height: 10px; margin: 3px 10px 3px 0;}
.main-page-event-product-controller .swiper-pagination-switch.swiper-active-switch {width: 10px;}
.main-page-event-product {height: 250px;font-size:0;line-height:0;}
.main-page-event-product img {width:100%;height:250px;}
.main-page-wrap .main-page-representative-product-item {display: flex;justify-content: center;align-items: center;height: 250px !important;font-size:0;line-height:0;vertical-align:top;}
.main-page-representative-product-item img {display: block;width:100%;height:250px;vertical-align:top;}

.main-page-wrap .main-page-event-product-item {display: flex; justify-content: center; align-items: center; height: 250px !important; font-size: 0; line-height: 0; vertical-align: top; background-color: #fce595;}

/* small slide banner */
.main-page-small-slide-banner {position: relative; float: left; width: 288px;margin-left:10px;}
.main-page-small-slide-banner-list {display: none;}
.swiper-object .main-page-small-slide-banner-list {display: block;}
.main-page-small-slide-banner-link {display: block;outline-offset: -4px;}
.main-page-small-slide-banner-item img {display: block; width: 288px; height: 220px;}
.main-page-small-slide-banner-controller {position: absolute; top: 0; right: 0; padding: 5px 10px; z-index: 10; background: rgba(51,51,51,0.7);}
.main-page-small-slide-banner-controller .swiper-pagination-switch {width: 10px; height: 10px; margin: 3px 10px 3px 0;}
.main-page-small-slide-banner-controller .swiper-pagination-switch.swiper-active-switch {width: 10px;}

/* customer */
.main-page-section-customer {float:left;width:290px;height:220px;margin-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.main-page-customer-text {font-size: 12px; line-height: 16px; margin: 18px 0 12px;}
.main-page-customer-item + .main-page-customer-item {margin-top: 5px;}
.main-page-customer-item-link {position: relative; display: block; padding-left: 105px;}
.main-page-customer-item-link:hover,
.main-page-customer-item-link:focus {text-decoration: none;}
.main-page-customer-item-title {display: block; position: absolute; top: 0; left: 0; width: 105px; height: 26px; overflow: hidden; font-size: 14px; line-height: 26px; letter-spacing: -1px;}
.main-page-customer-item-title:before {content: ''; display: block; width: 1px; height: 16px; position: absolute; top: 50%; left: 95px; background: #ccc; margin-top: -8px;}
.main-page-customer-item-tel {display: block; width: 100%; height: 26px; overflow: hidden; font-size: 20px; line-height: 26px; letter-spacing: -1px; font-weight: 500;}

/* service */
.main-page-section-service {float:left;width:292px;height:220px;margin-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.main-page-service-list:after {content: ''; display: table; clear: both;}
.main-page-service-item {float: left; width: 50%;}
.main-page-service-item:nth-child(2n) {padding-left: 20px;}
.main-page-service-item-link {display: block; padding: 18px 0 18px 40px; font-size: 14px; line-height: 18px; font-weight: 500; background: no-repeat 0 50%;}
.main-page-service-item-link:hover,
.main-page-service-item-link:focus {text-decoration: none;}
.main-page-service-item-phone .main-page-service-item-link {background-image: url('/img/main/service-icon-01.png');}
.main-page-service-item-security .main-page-service-item-link {background-image: url('/img/main/service-icon-02.png');}
.main-page-service-item-faq .main-page-service-item-link {background-image: url('/img/main/service-icon-03.png');}
.main-page-service-item-guide .main-page-service-item-link {background-image: url('/img/main/service-icon-04.png');}

/* sub mode banner */
.main-page-sub-mode-banner {position: relative; height: 200px; overflow: hidden;}
.main-page-sub-mode-banner-img {display: block; width: auto; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.main-page-sub-mode-banner-content {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.main-page-sub-mode-banner-content .main-page-container {height: 100%; font-size: 0; line-height: 0;}
.main-page-sub-mode-banner-content .main-page-container:before {content: ''; display: inline-block; vertical-align: middle; height: 100%;}
.main-page-sub-mode-banner-content .main-page-container:after {display: none;}
.main-page-sub-mode-banner-text {display: inline-block; vertical-align: middle; font-size: 30px; line-height: 44px; font-weight: 500; color: #fff;}

/* sub mode title */
.main-page-sub-mode-title {text-align: center; font-family: 'NanumSquare'; font-size: 48px; line-height: 60px; font-weight: 700; margin-top: 50px;}

.main-page-section-service .division {display:block;color:#333333;font-weight:500;}


@media (max-width: 1380px) {
	.main-page-container {width:100%;}
}

@media (max-width: 1310px) {
	.main-page-login-box-item-my-utill {width:70px;text-align:right;}
	.main-page-login-box-item-my-page {display:block;}
	.main-page-my-menu-item {width:15%;}
}

@media (max-width: 1200px) {
 .main-page-first-section {display:none;}
 .main-page-right {width:100%;padding:0;}
}

@media (min-width:768px) and (max-width: 1406px) {
	.main-page-section-notice {width:calc(100% - 610px);}
	.main-page-event-product {/* width:302px; */}
	.main-page-section-service {clear:both;width:100%;height:auto;margin:10px 0 0;}
	.main-page-section-service .main-page-section-head {float:left;margin:15px 30px 0 10px;border:none;padding:0;}
	.main-page-representative-product {/* width:calc(100% - 302px); */border-bottom: 1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;}
	.main-page-representative-product li {-webkit-box-sizing:border-box;box-sizing:border-box;}
	.main-page-service-list {float:right;width:840px;}
	.main-page-service-item {width:210px;}
	.main-page-service-list .division {display:inline-block !important;}
	.main-page-section-customer {width:302px;}
}
@media (max-width: 1330px) {
	.main-page-service-list {float:left;width:840px;}
}

@media (min-width:901px) and (max-width: 1180px) {
	.main-page-section-service .main-page-section-head {margin:15px 30px 0 0;}
}

/* mobile */
@media (max-width: 960px) {
	/* common */
	.main-page-wrap {padding-bottom: 0;}
	.main-page-container {width: auto;padding:0;}

	/* swiper */
	.main-page-wrap .swiper-button-next,
	.main-page-wrap .swiper-button-prev {width: 30px; height: 30px; background-size: 30px 30px;}
	.main-page-wrap .swiper-button-next:before,
	.main-page-wrap .swiper-button-prev:before {width: 12px; height: 12px; padding-left: 1px; padding-bottom: 1px; border-top-width: 1px; border-right-width: 1px;}
	.main-page-wrap .swiper-button-next {right: 0;}
	.main-page-wrap .swiper-button-prev {left: 0;}
	.main-page-wrap .swiper-pagination-switch {width: 10px; height: 10px; border-radius: 5px; margin-top: 3px; margin-bottom: 3px; margin-right: 10px;}
	.main-page-wrap .swiper-pagination-switch.swiper-active-switch {width: 35px;}
	.main-page-wrap .swiper-scrollbar {height: 2px; border-radius: 1px;}
	.main-page-wrap .swiper-scrollbar-drag {border-radius: 1px;}

	/* top banner */
	.main-page-top-banner .main-page-top-banner-link {height: auto;}
	/* .main-page-top-banner.type01 .main-page-top-banner-img {position: static; width: 100%;height:100%; -webkit-transform: none; transform: none;} 20201028 슬라이드 사이즈 조절 */
	.main-page-top-banner-link {height: 260px;}
	.main-page-top-banner-content .main-page-container  {padding-top: 30px; padding-left: 15px;}
	.main-page-top-banner-content .main-page-container:before {width: 40px; margin-bottom: 12px;}
	/* .main-page-top-banner-title {font-size: 24px; line-height: 30px;} */
	.main-page-top-banner-sub-title + .main-page-top-banner-title {padding-top:0;}
	/* .main-page-top-banner-text {margin-top: 14px; font-size: 13px; line-height: 18px;} */
	.main-page-top-banner-go {width: 95px; border-width: 1px; font-size: 11px; line-height: 25px; left: 15px; bottom: 58px; padding-left: 10px;}
	.main-page-top-banner-go:after {width: 6px; height: 6px; right: 12px;}
	.main-page-top-banner-go:before {width: 25px; border-left-width: 1px;}
	.main-page-top-banner-controller {bottom: 30px;}
	.main-page-top-banner-controller > div {padding: 0; background: none;}
	.main-page-section-top-banner .swiper-button-prev,
	.main-page-section-top-banner .swiper-button-next {margin-top: -15px;}

	/* my menu */
	.main-page-my-menu {padding-top: 5px; padding-bottom: 5px; margin-left: 15px; margin-right: 15px; text-align: left;}
	.main-page-my-menu-item {width: 50%; padding: 0; margin: 8px 0;}
	.main-page-my-menu-link {width: 40px; height: 40px; box-shadow: 3px 3px 6px rgba(0,0,0,0.13); margin: 0;}
	.main-page-my-menu-text {top: 0; left: 40px; right: 10px; bottom: 0; height: auto;}
	.main-page-my-menu-text span {display: block; text-align: left; padding: 0 0 0 10px; font-size: 13px; line-height: 40px;}

	/* first section */
	.main-page-first-section {display: none;}

	/* right */
	.main-page-right {float: none; width: auto;}
	.main-page-right .main-page-section-box {float: none; width: auto; height: auto; margin-left: 0;}

	/* representative product */
	.main-page-representative-product {float: none;width:100%;border: none;margin: 0;padding: 35px 15px;background: #cad7e1;height: auto;}
	.main-page-representative-product-item {box-sizing: border-box; width: 50%; border: 1px solid #ccc;}
	.main-page-representative-product-item + .main-page-representative-product-item {border-left: none;}
	.main-page-representative-product .main-page-product-card {position: relative; padding: 15px 0 45px;}
	.main-page-representative-product .main-page-product-card:before,
	.main-page-representative-product .main-page-product-card:after {content: ''; display: block; position: absolute; left: 50%; bottom: 24px;}
	.main-page-representative-product .main-page-product-card:before {width: 14px; border-top: 1px solid #333; margin-left: -7px;}
	.main-page-representative-product .main-page-product-card:after {width: 5px; height: 5px; border-top: 1px solid #333; border-right: 1px solid #333; padding-bottom: 1px; padding-left: 1px; -webkit-transform: translate(-0.5px, 50%) rotate(45deg); transform: translate(-0.5px, 50%) rotate(45deg);}
	.main-page-representative-product .main-page-product-card-title {font-size: 14px; line-height: 20px; height: 20px; overflow: hidden;}
	.main-page-representative-product .main-page-product-card-sub-title {font-size: 12px; line-height: 18px; height: 36px; white-space: normal; word-break: keep-all;}
	.main-page-representative-product .main-page-product-card-interest {font-size: 20px; line-height: 36px;}
	.main-page-representative-product .main-page-product-card-percentage {font-size: 30px; line-height: 36px;}
	.main-page-representative-product .main-page-product-card-text {font-size: 11px; line-height: 18px;}

	/* notice */
	.main-page-right .main-page-section-notice {position: relative; width: auto; padding: 30px 15px 80px; background: none;}
	.main-page-section-notice .main-page-section-head {padding: 0; margin-bottom: 20px; border-bottom: none; text-align: center;}
	.main-page-section-notice .main-page-section-title {font-size: 20px; line-height: 26px;}
	.main-page-section-notice .main-page-section-more:before {display: none;}
	.main-page-section-notice .main-page-section-more:after {position: static; display: inline-block; vertical-align: top; width: 6px; height: 6px; border-top: 1px solid #333; border-right: 1px solid #333; margin: 11px 0 12px 3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: none;}
	.main-page-section-notice .main-page-section-more span {position: static; display: inline-block; vertical-align: top; width: auto; height: auto; font-size: 13px; line-height: 30px;}
	.main-page-notice-list {background: #fff; border-top-width: 0; border-bottom-width: 0;}
	.main-page-notice-item + .main-page-notice-item {border-top: 1px solid #dedede; margin-top: 0;}
	.main-page-notice-link {padding: 10px;}
	.main-page-notice-item-tag {margin: 0; font-size: 12px; line-height: 16px; height: 14px; width: 50px;}
	.main-page-notice-item-title {display: block; margin-top: 5px; font-size: 12px; line-height: 16px; overflow: hidden; text-overflow: ellipsis;}
	.main-page-notice-item-date {position: static; margin-top: 5px; font-size: 12px; line-height: 16px;}
	.main-page-section-notice .main-page-section-more {display: block;width: auto;height: auto;border: 1px solid #333;text-align: center;font-size: 0;line-height: 0;position: absolute;top: initial;left: 15px !important;right: 15px;bottom: 30px;border-radius: 0;background: none;margin: 0;}

	/* event product */
	.main-page-event-product {margin: 0;float: none;width: auto;height: auto;border: none;background: #fff;}
	.main-page-event-product .main-page-product-card {margin: 40px 15px 60px; padding: 20px 0; border-radius: 10px; border: 2px solid #fff; box-shadow: 0 13px 26px rgba(0,0,0,0.3);}
	.main-page-event-product .main-page-product-card-title {font-size: 20px; line-height: 26px;}
	.main-page-event-product .main-page-product-card-sub-title {font-size: 12px; line-height: 16px; height: 16px;}
	.main-page-event-product .main-page-product-card-time {margin: 14px 130px 10px 10px;}
	.main-page-event-product .main-page-product-card-progress {margin: 0 15px 10px; height: 2px;}
	.main-page-event-product .main-page-product-card-progress span:before {top: -10px;}
	.main-page-event-product .main-page-product-card-date {font-size: 14px; line-height: 20px;}
	.main-page-event-product .main-page-product-card-interest {font-size: 26px; line-height: 50px;}
	.main-page-event-product .main-page-product-card-interest .main-page-product-card-percentage {font-size: 40px; line-height: 50px;}
	.main-page-event-product-controller {padding: 0; background: none; left: 0; right: 0; height: 0; bottom: 40px; top: auto; text-align: center;}
	.main-page-event-product-controller .swiper-pagination-switch {background-color: #ccc;}
	.main-page-event-product-controller .swiper-button-play,
	.main-page-event-product-controller .swiper-button-pause,
	.main-page-event-product-controller .swiper-button-play:before,
	.main-page-event-product-controller .swiper-button-pause:before {border-color: #333;}

	/* small slide banner */
	.main-page-small-slide-banner {float: none; width: 100%;margin:0;}
	.main-page-small-slide-banner-item img {min-height: 235px; height: auto; width: 100%;}
	.main-page-small-slide-banner-controller {padding: 0; background: none; left: 0; right: 0; height: 0; bottom: 30px; top: auto; text-align: center;}

	/* customer */
	.main-page-section-customer {width:100%;margin:0;padding: 30px 15px 35px; background: none;}
	.main-page-section-customer .main-page-section-head {padding: 0; border-bottom: none; display: inline-block; vertical-align: top;}
	.main-page-customer-head {text-align: center; font-size: 0; line-height: 0; white-space: nowrap; height: 45px;}
	.main-page-section-customer .main-page-section-title {display: inline-block; vertical-align: top; font-size: 20px; line-height: 26px; color: #00397b;}
	.main-page-customer-text {position: relative; display: inline-block; vertical-align: top; font-size: 14px; line-height: 20px; padding-left: 105px; margin: 0 0 0 5px; text-align: left; font-weight: 500;}
	.main-page-customer-text:before {content: '운영시간'; display: block; position: absolute; top: 0; left: 0; font-family: 'NanumSquare'; color: #00397b; font-size: 20px; line-height: 26px; font-weight: 500;}
	.main-page-customer-text:after {content: ''; position: absolute; top: 5px; left: 85px; height: 16px; border-right: 1px solid #999;}
	.main-page-customer-text span {display: block; font-size: 12px; line-height: 16px; color: #666; font-weight: 300;}
	.main-page-customer-item + .main-page-customer-item {margin-top: 5px;}
	.main-page-customer-item .main-page-customer-item-link {padding: 0 0 0 40px; background: #fff;}
	.main-page-customer-item-link:before {content: ''; display: block; position: absolute; top: 50%; left: 25px; margin-top: -2px; width: 4px; height: 4px; border-radius: 100%; background: #666;}
	.main-page-customer-item-link:after {content: ''; display: table; clear: both;}
	.main-page-customer-item-title {position: static; float: left; width: 38%; height: auto; white-space: nowrap; font-size: 13px; line-height: 40px; font-weight: 400; color: #666; margin: 0;}
	.main-page-customer-item-title:before {display: none;}
	.main-page-customer-item-tel {float: left; width: 62%; height: auto; white-space: nowrap; font-size: 16px; line-height: 40px; padding-left: 20px; background: url('/img/main/m-customer-icon.png') no-repeat 0 50%; background-size: 13px auto;}

	/* service */
	.main-page-section-service {display: none;}

	.main-page-section-notice {float:none;width:100%;height:auto;padding:30px 20px 60px;}

	/* sub mode banner */
	.main-page-sub-mode-banner {height: auto;}
	.main-page-sub-mode-banner-img {width: 100%; height: auto; position: static; -webkit-transform: none; transform: none; min-height: 100px;}
	.main-page-sub-mode-banner-text {font-size: 14px; line-height: 20px; margin-left: 15px;}

	.main-page-section-servic .division {display:inline-block;}
	/* sub mode title */
	.main-page-sub-mode-title {font-size: 32px; line-height: 40px; margin: 30px 0 15px;}
}