@charset "utf-8";
@import url('layout.css?t=2');

/* [s] layout */
#fp-nav ul li {
    width: 20px;
    height: 20px;
    margin: 10px 0;
}
#fp-nav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active,
#fp-nav ul li:hover a.active {
	background-color: #5266cf33;
	border-radius: 100%;
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span {
    height: 10px;
    width: 10px;
    margin: -5px 0 0 -5px;
	background-color: #5266cf;
}
#fp-nav ul li a span {
	width: 6px;
	height: 6px;
    border-radius: 100%;
	background-color: #bfbfbf;
    margin: -3px 0 0 -3px;
}
#fp-nav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    top: -1px;
	color: #5266cf;
	/* font-family: Lato; */
	font-size: 16px;
	font-weight: 700;
	line-height:1.4;
	letter-spacing: 0;
}
#fp-nav ul li .fp-tooltip.fp-left {left: 29px;}

.section-inner {text-align: center; padding-top: 16%;}
.title {margin-bottom: 40px;}
.title-sub {
	margin-top: -25px;
	color: #777777;
	font-size: 20px;
	letter-spacing: -1.5px;
}
.title2 {
	color: #111111;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.55px;
}
.title2-sub {
	margin-top: 15px;
	color: #555555;
	font-size: 15px;
	letter-spacing: -0.42px;
}
@media screen and (max-width:799px) {
	.title img {height: 20px;}
	.title-sub {font-size: 16px; margin-top: -30px;}
	.title2 {font-size: 19px;}
}

.top-menu-wrap,
.header-wrap,
.lnb-bg > div,
.popup-wrap,
.popup-wrap2,
.section-inner,
.visual-item .txt-wrap,
.shortcut-inner,
.visual-control,
.footer-menu-inner,
.footer-cont-wrap {
	width: 1280px;
	margin: 0 auto;
}

/*@media screen and (max-width:1279px) {*/
@media screen and (max-width:1399px) {
	.fp-section, .fp-tableCell {height: auto !important;}
	.top-menu-wrap,
	.header-wrap,
	.lnb-bg > div,
	.popup-wrap,
	.popup-wrap2,
	.section-inner,
	.visual-item .txt-wrap,
	.shortcut-inner,
	.visual-control,
	.footer-menu-inner,
	.footer-cont-wrap {
		max-width: 100%;
		width: 100%;
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
	.section-inner {padding: 60px 0;}
}
@media screen and (max-width:1023px) {
	.top-menu-wrap,
	.header-wrap,
	.lnb-bg > div,
	.popup-wrap,
	.popup-wrap2,
	.section-inner,
	.visual-item .txt-wrap,
	.shortcut-inner,
	.visual-control,
	.footer-menu-inner,
	.footer-cont-wrap {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.section-inner {padding: 40px 0;}
}
@media screen and (max-width:799px) {
	.top-menu-wrap,
	.header-wrap,
	.lnb-bg > div,
	.popup-wrap,
	.popup-wrap2,
	.section-inner,
	.visual-item .txt-wrap,
	.shortcut-inner,
	.visual-control,
	.footer-menu-inner,
	.footer-cont-wrap {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.section-inner {padding: 20px 0;}
}
/*--[e] layout */

/* [s] header */
#header {
	position: fixed;
	z-index: 200;
	border-bottom: 1px solid #ddd;
}
#quickMenu {display: block;}
.fp-viewing0fin #header {background-image: linear-gradient(#00124766, #ffffff00);}
.fp-viewing-0 #header {border-bottom: 0 !important; background-color: transparent !important;}
.fp-viewing-0 #logo a {background-image: url('/images/common/logo_on.png');}
.fp-viewing-0 .top-menu-list {margin-right: 90px;}
.fp-viewing-0 .top-search-wrap input {border-color: #fff; color:#fff;}
.fp-viewing-0 .top-search-wrap input::-webkit-input-placeholder {color:#ffffff80;}/* 크롬 4–56 */
.fp-viewing-0 .top-search-wrap input:-moz-placeholder {color:#ffffff80; opacity:1;}/* 파이어폭스 4–18 */
.fp-viewing-0 .top-search-wrap input::-moz-placeholder {color:#ffffff80; opacity:1;}/* 파이어폭스 19–50 */
.fp-viewing-0 .top-search-wrap input:-ms-input-placeholder {color:#ffffff80;}/* 인터넷 익스플로러 10+ */
.fp-viewing-0 .top-search-wrap input::placeholder {color:#ffffff80; opacity:1;}/* 파이어폭스 51+, 크롬 57+ */
/* 20240710 고객서비스부 황동엽 접근성 */
.fp-viewing-0 .btn-top-search {background-image: url('/images/btn/top_search_on.png')}
.fp-viewing-0 .top-menu-list > li::before {opacity: 0.4;}
.fp-viewing-0 .top-menu-list > li > a,
.fp-viewing-0 .top-menu-list > li > button {color: #ffffff;}
.fp-viewing-0 .top-menu-list .residence-time .txt-time {color: #ffffff;}
.fp-viewing-0 .gnb-list > li > a {color:#fff;}
.fp-viewing-0  #btnGnbOpen span,
.fp-viewing-0  #btnGnbOpen:before,
.fp-viewing-0  #btnGnbOpen:after {background-color:#fff;}
.fp-viewing-0 .icon-select {background-image: url('/images/icon/select_on.png')}
body.open.fp-viewing-0 .icon-select {background-image: url('/images/icon/select.png')}
/* 20240826 고객서비스부 한수지 UIUX개선 */
#header2 {
	position: fixed;
	z-index: 200;
	border-bottom: 1px solid #ddd;
}
.fp-viewing-0 .head-etc {margin-right: 140px;}

#topPopup {
	width: 100%;
	background-image: linear-gradient(to right, #e4f8f8 0%, #f0fbff 47%, #eef4ff 99%, #eef4ff 100%);
}
#topPopup.open #btnPopupOpen{display: none;}
#topPopup.deactive {display: none;}
.popup-wrap {position: relative;}
.popup-wrap .slick-arrow {
	position: absolute;
	top:50%;
	margin-top: -10px;
	transform: translateY(-50%);
	display: inline-block;
	width: 18px;
	height: 30px;
	background-color: #999bb2;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url('/images/btn/popup_prev2.png') no-repeat center center;
}
.popup-wrap .slick-prev {left: 0;}
.popup-wrap .slick-next {right: 0; background-image: url('/images/btn/popup_next2.png');}
.popup-silder {padding: 20px 18px 40px;height: 134px;}
.popup-silder .slick-list {width: calc(100% - 1px);}
.popup-silder .slick-slide {
	position:relative;
	padding:0 50px;
}
.popup-silder .slick-slide::before {
	content: '';
	position: absolute;
	top:50%;
	left:-1px;
	transform: translateY(-50%);
	display: block;
	width: 1px;
	height: 100%;
	background-color: #999999;
	opacity: 0.4;
}
.popup-silder .slick-slide a {
	position: relative;
	display: block;
	height: 80px;
	background: url('/images/main/popup_bg.png') no-repeat 0 center;
	padding:0 100px 0 70px;
	margin:5px 5px 5px 5px;
}
.popup-silder .tit {
	color: #333333;
	font-size: 20px;
	font-weight: 700;
	word-break: keep-all;
	overflow:hidden; 
	text-overflow:ellipsis; 
	line-height: 1.2;
	-moz-binding:url('ellipsis.xml#ellipsis');
	-o-text-overflow:ellipsis;
}
.popup-silder .txt {
	margin-top: 10px;
	color: #333333;
	font-size: 14px;
	letter-spacing: -0.35px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap:break-word;
	word-break: keep-all;
	line-height: 18px;
	height: 36px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.popup-silder .btn-detail {
	position: absolute;
	top:50%;
	right:0;
	margin-top: -17.5px;
	display: inline-block;
	width: 100px;
	height: 35px;
	line-height: 35px;
	box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1);
	border-radius: 18px;
	background-color: #5c6f92;
	color: #ffffff;
	font-size: 13px;
	text-align: center;
	letter-spacing: -0.73px;
}
.popup-silder .btn-detail i {margin: -2px 0 0 5px;}
.popup-control-wrap {
	position: absolute;
	left: 0;
	bottom: 12px;
}
.popup-control-wrap .total-cnt {
	display: inline-block;
	color: #5f5f5f;
	font-size: 15px;
	line-height: 22px;
}
.popup-todayView {
	position: absolute;
	right: 0;
	bottom: 12px;
	line-height:1.27
}
.popup-todayView label{
	cursor: pointer;
	padding-left: 30px;
	line-height:1.27
}

.popup-todayView input[type='checkbox'] {
	border: 1px solid #868aa0;
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0px;
    z-index: -999;
}
.popup-todayView input:focus + label{outline:1px dotted #666;outline:-webkit-focus-ring-color auto 1px}
.popup-todayView label:before {
	content: '';
    width: 18px;
    height: 17px;
    position: absolute;
    top: 0px;
    left: 0;
    border: 1px solid #000;
    background: #FFF;
}
.popup-todayView input[type="checkbox"]:checked  + label:after {
    content: '\002714';
    position: absolute;
    top: 3px;
    left: 4px;
    line-height: 0.8;
    color: #000;
}
.popup-control-wrap .total-cnt strong {font-weight: 500;}
.popup-control-wrap .popup-control {display: inline-block; margin-left: 5px;}
.popup-control-wrap .popup-control [class^="btn-"] {
	width: 17px;
	height: 17px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url('/images/btn/popup_prev.png') no-repeat center center;
}
.popup-control-wrap .popup-control .btn-play {height:22px;width:22px;display:none; background-image: url('/images/btn/popup_play.png');background-position:center 6px ;}
.popup-control-wrap .popup-control .btn-pause {height:22px;width:22px;background-image: url('/images/btn/popup_pause.png');background-position: center 5px }
.popup-control-wrap .popup-control .btn-next {background-image: url('/images/btn/popup_next.png')}
#btnPopupOpen,
#btnPopupClose  {
	position: absolute;
	right: 0;
	z-index: 1000;
	top: 100%;
	display: inline-block;
	width: 90px;
	height: 31px;
	border:1px solid #ddd;
	border-radius: 0 0 5px 5px;
	border-top: none;
	background: #fff;
	color: #333333;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.35px;
}

#topPopup.zindex10 #btnPopupOpen,
#topPopup.zindex10 #btnPopupClose  {z-index: 10;}
#btnPopupOpen i, #btnPopupClose i {margin-left: 4px;}

@media screen and (max-width:1399px) {
	.fp-viewing-0 .btn-top-search {background-image: url('/images/btn/top_search_m.png')}
	.popup-wrap {
		margin-bottom: 44px;
	}
	.popup-control-wrap {left: 40px;}
	.popup-todayView {right: 40px;}
	.popup-silder .slick-list {width: calc(100% - 3px);}
	#btnPopupOpen, #btnPopupClose {
		width:63px;
		padding-right: 30px;
		right: 150px;
		top:146px;
		border: 0;
		color: #fff;
		background-color: transparent;
		line-height:1.27
	}
	#btnPopupOpen {top:-32px;}
	#btnPopupOpen i, #btnPopupClose i {position: absolute;right: 0;top: 4px}
	.icon-popup-open, .icon-popup-close {width: 25px;height: 25px;background-position: center;}
	.visual-item {background-size: auto 100%;}
}
@media screen and (max-width:1399px) and (min-width:1024px) {
	.popup-silder .slick-slide {padding: 0 30px;}
	.popup-silder .slick-slide a {
		background-image: none;
		padding:0 40px 0 0;
	}
	.popup-silder .btn-detail {
		color: transparent;
		width: 35px;
		border-radius: 100%;
	}
	.popup-silder .btn-detail i {
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
		margin-left: 0;
	}
}
@media screen and (max-width:1023px) {
	.popup-silder .slick-slide::before {display: none;}
	.popup-control-wrap {left: 20px;}
	.popup-todayView {right: 20px;}
}
@media screen and (max-width:799px) {
	.popup-control-wrap {left: 15px;}
	.popup-todayView {right: 15px;}
	.popup-silder {padding: 15px 9px 40px;height: 125px;}
	.popup-silder .slick-slide {padding: 0}
	.popup-silder .slick-slide a {
		padding: 0 10px;
		background-image: none;
	}
	.popup-silder .btn-detail {display: none;}
	.icon-popup-open, .icon-popup-close {width: 19px;height: 19px;}
	#btnPopupOpen, #btnPopupClose {right: 95px;top:137px;width: 43px;padding-right: 23px;font-size: 10px;}
	#btnPopupOpen i, #btnPopupClose i {top: 7px;}
	#btnPopupOpen {top:-32px;} 
	.popup-wrap .slick-next {right: -5px;}
	.popup-wrap .slick-prev {left: -5px;}
	.popup-silder .tit {
		font-size: 16px;
		line-height: 120%;
		word-break: keep-all;
		white-space:normal;
		max-height: 38px;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.popup-silder .txt {font-size: 12px;margin-top: 5px;line-height: 120%;height: 30px;}

	.popup-wrap .slick-arrow {width: 10px;background-size: 100%;}
	.popup-todayView label {font-size: 14px;padding-left: 15px;}
	.popup-todayView label:before {width: 10px;height: 10px;top: 3px}
	.popup-control-wrap .total-cnt {font-size: 13px;}
	.popup-control-wrap .popup-control .btn-pause {background-position-y: 3px;}
	.popup-control-wrap .popup-control .btn-pause,
	.popup-control-wrap .popup-control .btn-play {width: 18px;height: 18px;background-position-x: 50%;}

	
	.popup-todayView input[type="checkbox"]:checked  + label:after {content:'v';left:3px;top:4px;font-size: 10px;font-weight: 700;}
}
/*--[e] header */

/* [s] icon */
[class^="icon-shortcut"] {
	width: 100%;
	height: 57px;
    transition-duration: 0s;
    transition-property: transform;
    transition-timing-function: ease-in-out;
}

.icon-shortcut01 {background-image: url('/images/icon/shortcut01.png')}
.icon-shortcut02 {background-image: url('/images/icon/shortcut02.png')}
.icon-shortcut03 {background-image: url('/images/icon/shortcut03.png')}
.icon-shortcut04 {background-image: url('/images/icon/shortcut04.png')}
.icon-shortcut05 {background-image: url('/images/icon/shortcut05.png')}
.icon-shortcut06 {background-image: url('/images/icon/shortcut06.png')}
.icon-shortcut07 {background-image: url('/images/icon/shortcut07.png')}
.icon-shortcut08 {background-image: url('/images/icon/shortcut08.png');}

.icon-shortcut2-01 {background-image: url('/images/icon/shortcut2_01.png')}
.icon-shortcut2-02 {background-image: url('/images/icon/shortcut2_02.png')}
.icon-shortcut2-03 {background-image: url('/images/icon/shortcut2_03.png')}
.icon-shortcut2-04 {background-image: url('/images/icon/shortcut2_04.png')}
.icon-shortcut2-05 {background-image: url('/images/icon/shortcut2_05.png')}
.icon-shortcut2-06 {background-image: url('/images/icon/shortcut2_06.png')}

@media screen and (max-width: 799px) {
	[class^="icon-shortcut"] {background-size: auto 70%;}
	.icon-shortcut01 {background-image: url('/images/icon/shortcut01_m.png')}
	.icon-shortcut02 {background-image: url('/images/icon/shortcut02_m.png')}
	.icon-shortcut03 {background-image: url('/images/icon/shortcut03_m.png')}
	.icon-shortcut04 {background-image: url('/images/icon/shortcut04_m.png')}
	.icon-shortcut05 {background-image: url('/images/icon/shortcut05_m.png')}
	.icon-shortcut06 {background-image: url('/images/icon/shortcut06_m.png')}
	.icon-shortcut07 {background-image: url('/images/icon/shortcut07_m.png')}
	.icon-shortcut08 {background-image: url('/images/icon/shortcut08_m.png')}
	
	.icon-shortcut2-01 {background-image: url('/images/icon/shortcut2_01_m.png')}
	.icon-shortcut2-02 {background-image: url('/images/icon/shortcut2_02_m.png')}
	.icon-shortcut2-03 {background-image: url('/images/icon/shortcut2_03_m.png')}
	.icon-shortcut2-04 {background-image: url('/images/icon/shortcut2_04_m.png')}
	.icon-shortcut2-05 {background-image: url('/images/icon/shortcut2_05_m.png')}
	.icon-shortcut2-06 {background-image: url('/images/icon/shortcut2_06_m.png')}
}
[class^="icon-hiradata"] {
	width: 100%;
	height: 64px;
	margin-bottom: 10px;
	transition-timing-function: ease-in-out;
	transition-duration:.25s;
}
.icon-hiradata01 {background-image: url('/images/icon/hiradata01.png')}
.icon-hiradata02 {background-image: url('/images/icon/hiradata02.png')}
.icon-hiradata03 {background-image: url('/images/icon/hiradata03.png')}
.icon-hiradata04 {background-image: url('/images/icon/hiradata04.png')}

.active > a > .icon-hiradata01, a:hover > .icon-hiradata01 {background-image: url('/images/icon/hiradata01_on.png')}
.active > a > .icon-hiradata02, a:hover > .icon-hiradata02 {background-image: url('/images/icon/hiradata02_on.png')}
.active > a > .icon-hiradata03, a:hover > .icon-hiradata03 {background-image: url('/images/icon/hiradata03_on.png')}
.active > a > .icon-hiradata04, a:hover > .icon-hiradata04 {background-image: url('/images/icon/hiradata04_on.png')}

@media screen and (max-width: 799px) {
	.icon-hiradata01 {background-image: url('/images/icon/hiradata01_m.png')}
	.icon-hiradata02 {background-image: url('/images/icon/hiradata02_m.png')}
	.icon-hiradata03 {background-image: url('/images/icon/hiradata03_m.png')}
	.icon-hiradata04 {background-image: url('/images/icon/hiradata04_m.png')}
	
	.active > a > .icon-hiradata01, a:hover > .icon-hiradata01 {background-image: url('/images/icon/hiradata01_m_on.png')}
	.active > a > .icon-hiradata02, a:hover > .icon-hiradata02 {background-image: url('/images/icon/hiradata02_m_on.png')}
	.active > a > .icon-hiradata03, a:hover > .icon-hiradata03 {background-image: url('/images/icon/hiradata03_m_on.png')}
	.active > a > .icon-hiradata04, a:hover > .icon-hiradata04 {background-image: url('/images/icon/hiradata04_m_on.png')}
}
.icon-more {
	width: 32px;
	height: 32px;
	border-radius: 100%;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	background-image: url('/images/icon/more.png')
}
:hover > .icon-more {
	border-color: #707070;
	background-color: #707070;
	background-image: url('/images/icon/more_on.png')
}
@media screen and (max-width:799px) {
	.icon-more {
		width: 26px;
		height: 26px;
		background-image: url('/images/icon/more_m.png');
		background-size:auto 10px !important;
	}
	:hover > .icon-more {
		background-image: url('/images/icon/more_m_on.png');
	}
}

[class^="icon-favorite"] {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	background-color: #ffffff;
}
[class^="icon-favorite"]:after {
	content:'';
	display: block;
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: center;
	transition-timing-function: ease-in-out;
	transition-duration:.25s;
}
.icon-favorite01:after {background-image: url('/images/icon/favorite01.png')}
.icon-favorite02:after {background-image: url('/images/icon/favorite02.png')}
.icon-favorite03:after {background-image: url('/images/icon/favorite03.png')}

:hover > [class^="icon-favorite"] {
	background-color: #6479eb;
}
:hover > [class^="icon-favorite"]:after {
	transform:translateY(-5px);
}
:hover > .icon-favorite01:after {background-image: url('/images/icon/favorite01_on.png')}
:hover > .icon-favorite02:after {background-image: url('/images/icon/favorite02_on.png')}
:hover > .icon-favorite03:after {background-image: url('/images/icon/favorite03_on.png')}

@media screen and (max-width:799px) {
	[class^="icon-favorite"],
	[class^="icon-favorite"]:after {
		width: 65px;
		height: 65px;
	}
	[class^="icon-favorite"]:after {background-size: auto 50%;}
	.icon-favorite01:after {background-image: url('/images/icon/favorite01_m.png')}
	.icon-favorite02:after {background-image: url('/images/icon/favorite02_m.png')}
	.icon-favorite03:after {background-image: url('/images/icon/favorite03_m.png')}
	
	:hover > .icon-favorite01:after {background-image: url('/images/icon/favorite01_m_on.png')}
	:hover > .icon-favorite02:after {background-image: url('/images/icon/favorite02_m_on.png')}
	:hover > .icon-favorite03:after {background-image: url('/images/icon/favorite03_m_on.png')}
}

.icon-go {
	width: 7px;
	height: 10px;
	background-image: url('/images/icon/go.png');
}
:hover > .icon-go {background-image: url('/images/icon/go_on.png');}
/*--[e] icon */

/* [s] hiraMain */
#hiraMain {overflow: hidden;}
.visual-item {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 0;
	height: 100vh;
}
.visual-item .txt-wrap {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	padding-bottom: 57px;
}
.visual-item .txt-wrap .txt01 {
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
	color: #ffffff;
	font-size: 32px;
	line-height: 120%;
	text-transform: uppercase;
	letter-spacing: -1.46px;
}
.visual-item .txt-wrap .txt02 {
	margin-top: 5px;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
	color: #ffffff;
	font-size: 38px;
	font-weight: 500;
	line-height: 41.04px;
	letter-spacing: -2.08px;
}
.visual-item .txt-wrap .txt03 {margin-top: 20px;}
.visual-wrap .visual-control {
	position: absolute;
	left: 50%;
	top: 60%;
	transform: translateX(-50%);
}
.visual-wrap .slick-slide img {max-width:31%}
.visual-wrap .paging {display: inline-block;}
.visual-wrap .paging:after {content: ''; clear: both; display: block;}
.visual-wrap .paging li {float: left;}
.visual-wrap .paging li button {
	width: 43px;
	height: 4px;
	border: 1px solid #ffffff;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	margin-right: 6px;
}
.visual-wrap .paging li.slick-active button {background-color: #fff;}
.visual-wrap .visual-control [class^="btn-"] {
	margin-left: 6px;
	width: 22px;
	height: 22px;
	border-radius:100%;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background-color:#fff !important;
}
.visual-wrap .visual-control .btn-play {
	display: none; 
	background: url('/images/btn/visual_play.png') no-repeat center center;
	margin-top: -5px;
}
.visual-wrap .visual-control .btn-pause {
	position:relative;
	/*background-image: url('/images/btn/visual_pause.png');*/
}
.visual-wrap .visual-control button {top: -3px;}
.visual-wrap .visual-control .btn-pause::before,
.visual-wrap .visual-control .btn-pause::after {
	content:'';
	position:absolute;
	top:50%;
	width: 3px;
	height: 10px;
	background-color: #55595c;
	margin-top:-5px;
}
.visual-wrap .visual-control .btn-pause::before {left:7px;}
.visual-wrap .visual-control .btn-pause::after {right:7px;}

.shortcut-wrap {
	position: absolute;
	left:50%;
	bottom:10%;
	transform: translateX(-50%);
}
.shortcut-wrap .tab-list {
	display: inline-block;
	height: 45px;
	box-shadow: 6px 8px 10px rgba(0, 0, 0, 0.05);
	border-radius: 23px;
	border: 2px solid #ffffff;
	text-align: center;
}
.shortcut-wrap .tab-list::after {content: ''; clear: both; display: block;}
.shortcut-wrap .tab-list .js-tab {float: left;}
.shortcut-wrap .tab-list .js-tab + .js-tab {margin-left: -22px !important;}
.shortcut-wrap .tab-list .js-tab a {
	display: block;
	color: #ffffff;
	font-size: 17px;
	font-weight: 700;
	line-height: 41px;
	letter-spacing: -0.34px;
	padding: 0 50px;
}
.shortcut-wrap .tab-list .js-tab.active {
	margin:-2px;
	border-radius: 23px;
	background-color: #6479eb;
}
.shortcut-wrap .tab-list .js-tab.active a {line-height: 45px;}
.shortcut-wrap .tab-panel {margin: 20px 0 0 -10px;}
.shortcut-wrap .tab-panel ul::after {content: ''; clear: both; display: block;}
.shortcut-wrap .tab-panel li {float: left; margin-left: 10px; margin-bottom:10px;}
.shortcut-wrap .tab-panel a {
	display: block;
	width: 115px;
	height: 115px;
	box-shadow: 6px 8px 10px rgba(0, 0, 0, 0.05);
	border-radius: 20px;
	/*border: 1px solid rgba(0, 0, 0, 0.1);*/
	background-color: #ffffff;
	text-align: center;
	color: #303030;
	font-weight: 500;
	word-break: keep-all;
	padding-top:5px;
	border: #fff solid 1px;
	line-height:1.28
}
.shortcut-wrap .tab-panel a:hover {
	color: #5266cf;
	border:#5266cf solid 1px;
}
.shortcut-wrap .tab-panel a:hover [class^="icon-shortcut"] {
	transform:rotateY(360deg);
	transition-duration:.6s;
}
.scrollDown {
	display:block;
	position:absolute;
	bottom:20px;
	left:50%;
	width:90px;
	height:51px;
	transform: translateX(-50%);
	background: url('/images/main/scrolldown.png') no-repeat;
	text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}
@media screen and (max-width:1399px) {
	.visual-item .txt-wrap {
		display: block;
		padding: 280px 0 0;
	}
	.visual-wrap .visual-control {
		top:483px;
		left: 0;
		transform: translateX(0);
	}
	.shortcut-wrap {
		left: 0;
		bottom: 105px;
		transform: translateX(0);
	}
	.fp-viewing-0 #btnSearchOpen, .fp-viewing-0 .top-search-wrap-m .fp-viewing-0 .btn-top-search {
		background-image: url('/images/btn/top_search_main.png');
	}
	.fp-viewing-0 .header-wrap {margin-top: -44px;}
	.fp-viewing-0 #header.noPopup .header-wrap {margin-top: 0px;}
	.scrollDown {display:none}
}
@media screen and (max-width:799px) {
	#hiraMain, .visual-item {height: 420px !important;}
	.visual-wrap {position:relative}
	.visual-item .txt-wrap {padding: 240px 0 0; text-align: center;}
	.visual-item .txt-wrap .txt01 {
		text-shadow: none;
		font-size: 13px;
		line-height: 15px;
		letter-spacing: 0;
	}
	.visual-item .txt-wrap .txt02 {
		margin-top: 5px;
		font-size: 19px;
		line-height: 20px;
		text-shadow: none;
		letter-spacing: 0;
	}
	.visual-item .txt-wrap .txt03 {margin-top: 10px;}
	.visual-item .txt-wrap .txt03 img {margin:0 auto; height: 26px;}
	.visual-wrap .slick-slide img {max-width:100%}
	.visual-wrap .visual-control {
		top: auto;
		bottom: 10px;
		text-align: center;
	}
	.visual-wrap .paging li button {
		width: 32px;
		margin:0px 6px;
	}

	.shortcut-wrap {
		margin:0 -15px;
		position: static;
		border-bottom: 7.5px solid #f2f2f2;
	}
	.shortcut-wrap .tab-list {
		display: flex;
		height: 50px;
		box-shadow: none;
		border-radius: 0;
		border: none;
	}
	.shortcut-wrap .tab-list .js-tab {width: 100%; background-color: #6479eb;}
	.shortcut-wrap .tab-list .js-tab + .js-tab {margin-left: 0 !important;}
	.shortcut-wrap .tab-list .js-tab a {
		display: block;
		line-height: 50px;
		padding: 0;
	}
	.shortcut-wrap .tab-list .js-tab.active {
		margin:0;
		border-radius: 0;
		background-color: #fff;
	}
	.shortcut-wrap .tab-list .js-tab.active a {line-height: 50px; color: #000;}
	.shortcut-wrap .tab-panel {
		margin: 0;
		padding: 15px 0 30px;
	}
	.shortcut-wrap .tab-panel ul {font-size: 0; text-align: center;}
	.shortcut-wrap .tab-panel li {
		float: none;
		display: inline-block;
		vertical-align: top;
		width:calc((100% - 30px) / 3);
		margin: 0 0 0;
		padding: 7px 12px;
	}
	.shortcut-wrap .tab-panel a {
		display: block;
		width: 100%;
		height: 108px;
		box-shadow: none;
		border-radius: 0;
		border: none;
		font-size: 14px;
	}
	.shortcut-wrap .tab-panel a:hover [class^="icon-shortcut"] {
		transition-duration:.0s;
		transform:rotateY(0);
	}
}
/*--[e] hiraMain */

/* [s] hiraData */
#hiraClip {background: #fff;}
#hiraClip .tab-list {
	margin-top: 40px;
	display: flex;
	border: 1px solid #dddddd;
	border-top: none;
	border-left: none;
}
#hiraClip .js-tab {
	width: 25%;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#hiraClip .js-tab a {
	display: block;
	height: 100%;
	color: #303030;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -1px;
	padding: 24px;
}
#hiraClip .js-tab a .icon-active {display: none;}
#hiraClip .js-tab.active a,
#hiraClip .js-tab a:hover {
	background-color: #5266cf;
	color: #fff;
}
#hiraClip .js-tab a:hover [class^="icon-hiradata"]{
	transform:translateY(-5px);
}
#hiraClip .js-tab.active a .icon-active,
#hiraClip .js-tab a:hover .icon-active {display: inline-block;}
#hiraClip .js-tab a:focus{
	outline: 4px solid #000000;
	outline-offset: 2px;
}
#hiraClip .tab-panel {margin-top: 30px;}
.hiradata-list {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin: 0 -15px;
}
.hiradata-list li {
	padding:0 15px;
	width: 100%;
}
.hiradata-list a {
	position: relative;
	display: block;
	height: 100%;
	border: 1px solid #dddddd;
	text-align: left;
	padding: 26px 26px 200px 26px;
	overflow: hidden;
}
.hiradata-list a:hover {
	box-shadow: 5px 9px 18px rgba(0, 0, 0, 0.25);
	border:#5b88ff solid 1px
}
.hiradata-list .category {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	background-color: #e8f0fe;
	padding: 0 10px;
	text-align: center;
	color: #5c6f92;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.27px;
}
.hiradata-list .tit {
	margin-top: 20px;
	color: #111111;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: -1.13px;
	word-break: keep-all;
}
.hiradata-list .txt {
	overflow: hidden;
	height: 44px;
	color: #777777;
	line-height: 22px;
	letter-spacing: -0.54px;
}
.hiradata-list .img {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 174px;

	overflow:hidden;
	transition-property:border-radius;
	transition-duration:.25s;
	transition-timing-function:ease-in-out;
}
.hiradata-list .img img{
	width: 100%;
	height: 100%;
    transition-property: transform;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
}
.hiradata-list a:hover .img img {
	transform:scale(1.1);
}
@media screen and (max-width:1399px) {
	.hiradata-list {
		display: flex;
		justify-content: space-between;
		margin: 0 -4px;
	}
	.hiradata-list li {padding:0 4px;}
	#hiraClip .tab-panel {margin-top: 10px;}
}
@media screen and (max-width:1023px) {
	.hiradata-list a {padding:15px 15px 133px 15px}
	.hiradata-list .txt {height: 66px;}
	.hiradata-list .img {height: 110px;}
}
@media screen and (max-width:799px) {
	#hiraClip .section-inner {padding:30px 0;}
	#hiraClip .tab-list {
		flex-wrap: wrap;
		margin-top: 15px;
	}
	#hiraClip .js-tab {width: 50%;}
	#hiraClip .js-tab a {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		height: 80px;
		font-size: 16px;
		padding: 15px 7px 7px 7px;
	}
	[class^="icon-hiradata"] {height: 68px;background-size: auto 100%;margin-bottom: 5px;}
	#hiraClip .js-tab a [class^="icon-hiradata"] {}

	#hiraClip .js-tab a .icon-active {
		width: 100%;
		height: 12px;
		margin: 5px 0 0;
		background-size: auto 100%;
	}

	#hiraClip .js-tab.active a {
		background-color: #5266cf;
		color: #fff;
	}
	#hiraClip .js-tab.active a .icon-active {display: inline-block;}
	.hiradata-list {
		display: block;
		margin: -2px;
	}
	.hiradata-list a {padding:10px 10px 123px 10px;}
	.hiradata-list * {word-break: keep-all;}
	.hiradata-list li {
		display: block;
		float: left;
		width: 50%;
		padding: 2px ;
	}
	.hiradata-list .category {
		height: 24px;
		line-height: 24px;
		font-size: 11px;
	}
	.hiradata-list .tit {
		margin: 12px 0 5px;
		font-size: 15px;
		line-height: 20px;
		height: 40px;
	}
	.hiradata-list .txt {
		font-size: 13px;
		height: 45px;
		line-height: 14px;
	}
}
/*--[e] hiraData */

/* [s] hiraNews */
#hiraNews {background-color: #e8f0f5;}
.notice-wrap,
.banner-wrap,
.sns-wrap {
	background-color: #fff;
	text-align: left;
}
.notice-wrap,
.banner-wrap {height:280px; margin-bottom: 20px;}
.notice-wrap,
.sns-wrap {padding: 30px;}
.notice-wrap {
	position: relative;
	float: left;
	width: calc(100% - 22px - 390px);
}
.notice-wrap .js-tab:first-child {padding-left: 0;}
.notice-wrap .js-tab {display: inline-block; padding:0 20px}
.notice-wrap .js-tab a {
	color: #777777;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: -0.5px;
}
.notice-wrap .js-tab a:hover{color:#475e96}
.notice-wrap .js-tab.active a {color: #111; font-weight: 700;}
.notice-wrap .btn-more {
	position: absolute;
	top:27px;
	right: 30px;
}
.notice-wrap .tab-panel {
	margin-top: 20px;
	border-top: 1px solid #dddddd;
	padding-top: 12px;
}
.notice-wrap .tab-panel li {
	display: flex;
	justify-content: space-between;
}
[class^="category-notice"] {
	display: inline-block;
	vertical-align: middle;
	width: 70px;
	height: 28px;
	line-height: 28px;
	border-radius: 14px;
	background-color: #f0eef8;
	color: #5f4c9e;
	font-size: 14px;
	text-align: center;
	letter-spacing: -0.63px;
}
.category-notice02 {background-color: #ecfafb; color: #3d8d9a;}
.category-notice03 {background-color: #fff6d7; color: #96651f;}
.category-notice04 {background-color: #e8f0fe; color: #5c6f92;}
.notice-wrap .tab-panel .tit {
	display: block;
	width: calc(100% - 70px);
	line-height: 40px;
	color:#333;
	font-weight:400
}
.notice-wrap .tab-panel .tit:hover {
	text-decoration: underline;
	text-underline-position: under;
}
.notice-wrap .tab-panel .tit [class^="category-notice"] {margin-right: 10px;}
.notice-wrap .tab-panel .date {
	width: 70px;
	/*color: #8f8f8f;*/
	color: #000000;
	font-size: 14px;
	line-height: 40px;
	text-align: right;
}
.banner-wrap {
	position: relative;
	float:right;
	width: 390px;
}
.banner-wrap .title2 {
	height: 74px;
	line-height: 74px;
	padding: 0 30px;
}
.banner-wrap .banner-slider .slick-slide  > div{margin:0;font-size:0;padding:0;border:0}
.banner-wrap .banner-slider a {display: block;overflow:hidden;width:100%;height:205px;position: relative;}

.banner-wrap .banner-slider a:focus::after {  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: inset 0 0 0 5px #000000; /* 포커스링 효과 */
  pointer-events: none; /* 가상 요소에 마우스 이벤트가 막히지 않게 함 */
  }

.banner-control-wrap {
	position: absolute;
	top: 25px;
	right: 28px;
	font-size:0;
	outline-width:5px;
	outline-offset: 3px;
}	
.banner-control-wrap .total-cnt {
	display: inline-block;
	color: #595959;
	font-size: 18px;
	line-height: 32px;
	vertical-align:top;
}
.banner-control-wrap .total-cnt strong {color: #303030; font-weight: 500;}
.banner-control-wrap .banner-control {display: inline-block; margin-left: 5px; font-size:0; vertical-align:top;}
.banner-control-wrap .banner-control [class^="btn-"],
.sns-wrap .slick-arrow,
.business-wrap .slick-arrow {
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius:100%;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url('/images/btn/slide_prev.svg') no-repeat center center #fff;
	border: 1px solid #dddddd;
}
.banner-control-wrap .banner-control [class^="btn-"] {margin-left: 6px; font-size:16px;}
.banner-control-wrap .banner-control .btn-prev,
.sns-wrap .slick-prev,
.business-wrap .slick-prev {background-position:calc((100% / 2) - 1px) center !important;}
.banner-control-wrap .banner-control .btn-play {display:none; background-image: url('/images/btn/slide_play.png'); background-position:calc((100% / 2) + 1px) center !important;}
.banner-control-wrap .banner-control .btn-pause {background-image: url('/images/btn/slide_pause.svg')}
.banner-control-wrap .banner-control .btn-next,
.sns-wrap .slick-next,
.business-wrap .slick-next {background-image: url('/images/btn/slide_next.svg')}

.banner-control-wrap .banner-control .btn-all{background-image: url('/images/icon/more.png')}

.banner-control-wrap .banner-control [class^="btn-"]:hover,
.sns-wrap .slick-arrow:hover,
.business-wrap .slick-arrow:hover {
	background: url('/images/btn/slide_prev_on.svg') no-repeat center center #707070;
	border: 1px solid #707070;
}
.banner-control-wrap .banner-control .btn-play:hover {display:none; background-image: url('/images/btn/slide_play_on.png')}
.banner-control-wrap .banner-control .btn-pause:hover {background-image: url('/images/btn/slide_pause_on.svg')}
.banner-control-wrap .banner-control .btn-next:hover,
.sns-wrap .slick-next:hover,
.business-wrap .slick-next:hover {background-image: url('/images/btn/slide_next_on.svg')}

.banner-control-wrap .banner-control .btn-all:hover{background-image: url('/images/icon/more_on.png')}

@media screen and (max-width:799px) {
	.banner-control-wrap .banner-control [class^="btn-"],
	.sns-wrap .slick-arrow,
	.business-wrap .slick-arrow {
		width:26px;
		height:26px;
		background-size:auto 10px !important;
	}
}

.sns-wrap {
	clear: both;
	display: flex;
	justify-content: space-between;
	padding-right: 14px;
}
.sns-wrap .sns-tit-wrap {
	width: 190px;
}
.sns-wrap .tab-list::after {content: ''; clear: both; display: block;}
.sns-wrap .js-tab {border-bottom: 1px solid #ddd;}
.sns-wrap .tab-list {margin-top: 20px;}
.sns-wrap .tab-list li {padding: 10px 0;}
.sns-wrap .tab-list li.link {padding-bottom: 0;}
.sns-wrap .tab-list a {
	display: block;
	/*color: #8f8f8f;*/
	color: #000000;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: -0.45px;
}
.sns-wrap .tab-list a i {margin-right: 10px;}
.sns-wrap .js-tab.active {
	border-color: #303030;
	background: url('/images/btn/btn_arrow.png') no-repeat right center;
}
.sns-wrap .link {text-decoration: none !important;}
.sns-wrap .js-tab a:hover,
.sns-wrap .js-tab.active a,
.sns-wrap .link a:hover,
.sns-wrap .link a:hover {
	color: #303030;
}
.sns-wrap .link {
	float: left;
	width: 50%;
}
.sns-wrap .link2 {text-decoration: none !important;}
.sns-wrap .link2 a:hover,
.sns-wrap .link2 a:hover {
	color: #303030;
}
.sns-wrap .link2 {
	float: left;
	width: 100%;
}
.sns-wrap .tab-panel {width:calc(100% - 190px - 48px);}
.sns-wrap .slick-arrow {
	position: absolute;
	top:0;
	right: 14px;
}
.sns-wrap .slick-prev {right: 52px;}
.sns-wrap .sns-silder {margin-left:-16px; padding-top: 48px;}
.sns-wrap .sns-silder a {display: block; padding: 0 16px;}

.sns-wrap .sns-silder a .tit{
	font-weight: 400;
	color: #333;
}
.sns-wrap .sns-silder a:hover .tit{
	text-decoration: underline;
	text-underline-position: under;
}
.sns-wrap .sns-silder .img {
	display: block;
	/*height: 156px;
	overflow: hidden;*/
}
.sns-wrap .sns-silder .img img {width: 100%;/* height: 100%;*/}
.sns-wrap .sns-silder .icon {
	margin-top: 15px;
	color: #666666;
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	text-transform: uppercase;
	letter-spacing: -0.98px;
}
.sns-wrap .sns-silder .icon i {margin-right: 4px; vertical-align: text-top;}
.sns-wrap .sns-silder .tit {
	margin-top: 10px;
	color: #414141;
	font-weight: 400;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	letter-spacing: -0.4px;
}
@media screen and (max-width:1399px) {
	.notice-wrap .js-tab a {
		display:block;
		width:40px;
		overflow: hidden;
		white-space: nowrap;
	}
}
@media screen and (max-width:1023px) {
	.notice-wrap,
	.banner-wrap {height:270px; margin-bottom: 10px;}
	.notice-wrap,
	.sns-wrap {padding: 30px 20px;}
	.notice-wrap {width: calc(100% - 375px - 10px);}
	.notice-wrap .js-tab {padding:0 10px}
	.notice-wrap .btn-more {right: 20px;}

	[class^="category-notice"] {
		position: relative;
		width: 40px;
		height: 28px;
		overflow: hidden;
		white-space: nowrap;
		padding: 0 8px;
		box-sizing: border-box;
	}
	[class^="category-notice"]:after {
		content: '';
		position: absolute;
		top:0;
		right:0;
		width:7px;
		height: 100%;
		background-color: inherit;
	}
	.notice-wrap .tab-panel .tit {width: 100%;}
	.notice-wrap .tab-panel .tit [class^="category-notice"] {margin-right: 7px;}
	.notice-wrap .tab-panel .date {display: none;}

	.banner-wrap {width: 375px;}
	.banner-wrap .banner-slider a {height:197px}

	.sns-wrap .sns-tit-wrap {width: 175px;}
	.sns-wrap .tab-panel {width:calc(100% - 175px - 20px);}
	.sns-wrap .sns-silder {margin-left:-7.5px;}
	.sns-wrap .sns-silder a {padding: 0 7.5px;}
}
@media screen and (max-width:799px) {
	#hiraNews .title {display: none;}
	.notice-wrap, .banner-wrap {
		float: none;
		width: 100%;
		height: auto;
	}
	.notice-wrap,
	.sns-wrap {padding: 20px 15px;}
	.notice-wrap .js-tab a {
		width: 27px;
		font-size: 15px;
	}
	.notice-wrap .btn-more {
		/*top:11px;*/
		top:18px;
		right: 15px;
	}
	.notice-wrap .tab-panel {
		margin-top: 10px;
	}
	.notice-wrap .tab-panel .tit {
		font-size: 14px;
		line-height: 35px;
	}
	.banner-wrap .title2 {
		height: 40px;
		line-height: 40px;
		padding: 0 15px;
	}
	.banner-control-wrap {
		top: 9px;
		right: 15px;
	}
	.banner-wrap .banner-slider a {height:auto}
	.banner-wrap a img {width: 100%;}
	.banner-control-wrap .total-cnt {font-size: 15px; line-height:26px;}
	.sns-wrap .title2-sub {display: none;}
	.sns-wrap .sns-tit-wrap {width: 80px;}
	.sns-wrap .tab-list {margin-top: 13px;}
	.sns-wrap .tab-list li {padding: 10px 0;}
	.sns-wrap .tab-list li.link {padding-bottom: 0;}
	.sns-wrap .tab-list a {
		position: relative;
		display: block;
		width: 100%;
		height: 28px;
		font-size: 10px;
		padding: 8px 0 0 30px;
		letter-spacing:-1px
	}
	.sns-wrap .tab-list li.link a {color: transparent;}
	.sns-wrap .tab-list a i {
		position: absolute;
		width: 28px;
		height: 28px;
		left: 0;
		top: 0;
		margin-right: 0;
		background-size: auto 55%;
	}
	.sns-wrap .tab-panel {width:calc(100% - 75px - 25px);}
	.sns-wrap .slick-arrow {right: 0;}
	.sns-wrap .slick-prev {right: 32px;}
	/*.sns-wrap .sns-silder .img {height: 235px;}*/
	.sns-wrap .sns-silder {margin-left:0; padding-top: 36.5px;}
	.sns-wrap .sns-silder a {padding: 0;}
	.sns-wrap .sns-silder .icon {
		margin-top: 12px;
		font-size: 12px;
		font-weight: 400;
		line-height: 16px;
	}
	.sns-wrap .sns-silder .tit {
		margin-top: 8px;
		color: #414141;
		font-size: 15px;
	}
	.sns-wrap .js-tab.active {background-image: none;}
}
/*--[e] hiraNews */

/* [s] hiraService */
#hiraService {background: url('/images/main/hiraservice_bg.png') no-repeat 0 0 #fff; background-size: auto 100%;}
.service-wrap {
	display: flex;
	justify-content: space-between;
	border: 1px solid #ddd;
	background-color: #fff;
	padding:50px 47px;
}
.service-inner {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width:calc(100% - 746px - 24px);
}
.service-inner > * {
	height: calc(50% - 12px);
}
.intro-wrap {
	position: relative;
	background: url('/images/main/intro_bg.png') no-repeat center center / cover;
	padding:47px 40px;
	text-align: right;
}
.intro-wrap::after {
	content: '';
	position: absolute;
	top: 10px;
	left: 5px;
	width: 90%;
	height: 90%;
	background: url('/images/main/intro_bg3.png') no-repeat;
	background-size: contain;
}
.intro-wrap .intro-txt {
	color: #444c79;
	font-size: 20px;
	font-weight: 400;
}
.intro-wrap .btn-link {
	position: relative;
	z-index: 1;
	margin-top: 28px;
	display: inline-block;
	width: 86px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 16px;
	border: 1px solid #595959;
	background-color: #ffffff;
	color: #595959;
	font-size: 13px;
	font-weight: 400;
	margin-right: 5px;
}
.intro-wrap .btn-link:hover {
	border: 1px solid #5266cf;
	color: #5266cf;
}
.favorite-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #eaeff7;
}
.favorite-wrap i {margin-bottom: 8px}
.favorite-wrap a {
	display: block;
	width: 80px;
	text-align: center;
	margin:0 16px;
	color: #303030;
	font-weight: 500;
}
.business-wrap {
	display: flex;
	justify-content: space-between;
	width: 746px;
	height: 424px;
}
.business-list {
	position: relative;
	text-align: right;
	width: calc(100% - 400px);
	padding-right: 43px;
}
/* .business-list:after {
	content:'';
	position:absolute;
	right:48px;
	bottom:0;
	display: block;
	width:90%;
	height: 85px;
	background: url('/images/main/blind.png') 0 0 repeat-x;
} */
.business-list h3 {
	color: #414977;
	font-size: 34px;
	font-weight: 700;
	line-height: 50px;
	margin-top:25px;
}
.business-list .tab-list {
	position: relative;
	height: calc(100% - 115px);
	/* overflow: hidden; */
	overflow:auto;
	margin:10px 0;
	padding:0px 24.5px 20px 0;
	-ms-overflow-style: none; /* IE, Edge */
	scrollbar-width: none; /* Firefox */
	background:url('/images/main/businesslist_bg.png') repeat-y;
	background-position:calc(100% - 4.5px) 0
}
.business-list .tab-list::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera */
}
.business-list .tab-list li {margin-top: 20px;}
.business-list .tab-list li.active {position: relative;}
.business-list .tab-list li.active:after {
	content: '';
	position: absolute;
	top:50%;
	right:-24.5px;
	z-index: 1;
	display: inline-block;
	width: 9px;
	height: 9px;
	transform: translateY(-50%);
	border-radius: 100%;
	background-color: #4866b2;
}
.business-list .tab-list li a {
	color: #595959;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -0.9px;
	word-break:keep-all;
}
.business-list .tab-list li a span {margin-right: 6px;}
.business-list .tab-list li.active a,
.business-list .tab-list li a:hover {color: #475e96;}
.business-list .tab-list + div {float:right}
.business-list .tab-list + div a{
	display:inline-block;
	background-repeat:no-repeat;
	background-size:100%;
	width:55px;
	height:28px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	float:left
}
.business-list .tab-list + div a:nth-child(1) {background-image:url('/images/btn/btn_up.png')}
.business-list .tab-list + div a:nth-child(2) {background-image:url('/images/btn/btn_down.png')}
.business-wrap .business-slider {overflow: hidden;}
.business-wrap .tab-panel {
	/*display: flex;
	flex-direction: column;
	justify-content: center;
	padding:40px;*/
	width: 400px;
	height: 100%;
	text-align: left;
	padding:75px 40px 40px;
	background: url('/images/main/business_bg.png') no-repeat center center / cover;
}
.business-wrap .tab-panel .tit {
	color: #ffffff;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -0.68px;
	word-break: keep-all;
	line-height:1.27
}
.business-wrap .tab-panel .txt-wrap::before {
	content: '';
	position: absolute;
	top:0;
	left:0;
	display: inline-block;
	width: 50px;
	height: 2px;
	background-color: #f1d0b8;
}
.business-wrap .tab-panel .txt-wrap {
	position: relative;
	margin-top:24px;
	padding-top:24px;
	color: #ffffff;
	font-weight: 400;
	letter-spacing: -0.37px;
	line-height: 26px;
	word-break: keep-all;
}
.business-wrap .tab-panel .btn-go {
	margin-top: 30px;
	display: inline-block;
	width: 111px;
	height: 32px;
	line-height: 32px;
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.08);
	border-radius: 16px;
	background-color: #fff;
	color: #303030;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	letter-spacing: -0.73px;
}
.business-wrap .tab-panel .btn-go:hover {
	background-color: #6479eb;
	color:#fff;
}
.business-wrap .tab-panel .btn-go i {margin-left: 11px;}
.business-wrap .slick-arrow {
	position: absolute;
	top:-40px;
	right:0;
	z-index: 999;
}
.business-wrap .slick-prev {right: 40px;}

@media screen and (min-width:1400px) {
	#hiraService .section-inner {padding-top: calc(16% - 20px);}
}
@media screen and (max-width:1399px) {
/*@media screen and (max-width:1279px) and (min-width:1024px) {*/
	#hiraService {background-image: none;}
	.service-wrap {flex-direction: column;padding: 20px;}
	.intro-wrap::after {right: 20px;}
	.service-inner {
		flex-direction: row;
		width:100%;
	}
	.service-inner > * {
		width: calc(50% - 12px);
		height: auto;
	}
	.business-wrap {
		margin-top: 24px;
		width: 100%;
	}
	.business-wrap .tab-panel {width: 100%;padding-top: 40px;}
	.business-wrap > * {width: calc(50% - 12px) !important;}
	.business-wrap .tab-panel .txt-wrap br {display: none;}
}
@media screen and (max-width: 799px) {
	#hiraService {background-image: none;}
	#hiraService .section-inner {padding-bottom:40px}
	#hiraService .title {display: none;}
	.service-wrap {padding:0; border:0; flex-direction: column;
		align-items: stretch;}
	.service-inner {width:100%;flex-direction:column}
	.service-inner > * {height: auto;width: 100%}
	
	.intro-wrap {padding: 37px 20px;}
	.intro-wrap::after {
		right: 10px;
		#background-size:120px auto;
		image-rendering: -moz-crisp-edges;
		image-rendering: -o-crisp-edges;
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges;
	}
	.favorite-wrap {
		margin-top: 20px;
		padding: 37px 32px;
	}
	.favorite-wrap a {width: 65px;}

	.business-wrap {height: 350px;}
	.business-wrap > * {padding-right: 0}
	
	.business-list h3{font-size: 21px;margin-top: 0px;line-height: 45px;letter-spacing: -1px;}
	.business-list .tab-list {height: calc(100% - 77px);margin-top: 0;padding: 10px 20px 10px 0;background-position: calc(100% - 4.5px) 0;}
	.business-list .tab-list li {margin-top: 0;}
	.business-list .tab-list li + li{margin-top: 10px;}
	.business-list .tab-list li a {font-size: 15px;}
	.business-list .tab-list li.active:after {right: -20px;}
	.business-wrap .tab-panel {padding: 15px 10px 10px;}
	.business-wrap .tab-panel .tit {font-size: 17px;word-break: break-all;}
	.business-wrap .tab-panel .txt-wrap {font-size: 12px;line-height: 20px;}
	.business-wrap > .business-list {width: calc(40% - 5px) !important;}
	.business-wrap > .business-slider {width: calc(60% - 5px) !important;}
	.business-wrap .tab-panel .txt-wrap {margin-top: 10px;}
	.business-wrap .tab-panel .btn-go {margin-top: 15px;width: 80px;}

	.business-list:after {right:10px;}
	.business-wrap .tab-panel .btn-go i {margin-left: 5px;}
	.icon-go {height: 20px;background-position: center 4px;}
}

/* 20240826 한수지 UIUX개선 - 상단팝업 버튼 */
.popup-wrap2 {position: relative;}
.popup-wrap2 .slick-arrow {
	position: absolute;
	top:50%;
	margin-top: -10px;
	transform: translateY(-50%);
	display: inline-block;
	width: 18px;
	height: 30px;
	background-color: #999bb2;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url('/images/btn/popup_prev2.png') no-repeat center center;
}
.popup-wrap2 .slick-prev {left: 0;}
.popup-wrap2 .slick-next {right: 0; background-image: url('/images/btn/popup_next2.png');}
#topPopup.open #btnPopupOpen2{display: none;}
#btnPopupOpen2,
#btnPopupClose2  {
	position: absolute;
	right: 0;
	z-index: 10;
	top: 100%;
	display: inline-block;
	width: 90px;
	height: 31px;
	border:1px solid #ddd;
	border-radius: 0 0 5px 5px;
	border-top: none;
	background: #fff;
	color: #333333;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.35px;
}
#topPopup.zindex10 #btnPopupOpen2,
#topPopup.zindex10 #btnPopupClose2  {z-index: 10;}
#btnPopupOpen2 i, #btnPopupClose2 i {margin-left: 4px;}
.icon-popup-open2, .icon-popup-close2 {width: 25px;height: 25px;background-position: center;}
@media screen and (max-width:1399px) {
	 #btnPopupOpen2, #btnPopupClose2 {margin-right: 40px;	}
}
@media screen and (max-width:1024px) {
	#btnPopupOpen2, #btnPopupClose2 {right: 220px;	}
}
@media screen and (max-width:799px) {
	.popup-wrap2 .slick-next {right: -5px;}
	.popup-wrap2 .slick-prev {left: -5px;}
	#btnPopupOpen2, #btnPopupClose2 {
		right:0px;
		top:125px;
		width:43px;
		font-size: 12px;
		border:0;
		color:#333;
		background-color:transparent;
		line-height:1.27;
		margin-right:0px;
	}
	#btnPopupOpen2 i, #btnPopupClose2 i {top: 7px;}
	#btnPopupOpen2 {top: 0px;} 
	
	.icon-popup-open2, .icon-popup-close2 {width: 19px;height: 19px;}
}
/*--[e] hiraService */