@charset "utf-8";
/*-------------------------------------------------
Main Style Sheet
Version : 2.0
Author : ksk
Create date : 2023. 10. 
Last update : 2023. 10. 
-------------------------------------------------*/

/* main basic */
body{
	color: #222;
}

#header {
	position: fixed;
	width: 100%;
	height: calc(10rem + 5rem);
	margin: 0 auto;
	background: #fff;
	z-index: 99;
}
.allmenu{
	position: fixed;
	top: 5rem;
	right: 0;
}

#body{
	margin: 0;
}

/* .scroll-y::-webkit-scrollbar{
	width: 5px;
	border-radius: 50px;
}
.scroll-y::-webkit-scrollbar-thumb{
    background: #4FA2D2;
	border-radius: 50px;
}
.scroll-y::-webkit-scrollbar-track{
	background: rgba(219, 219, 219, 0.3);
	border-radius: 50px;
} */
/* main basic */

.container{
	width: 150rem;
	max-width: 95%;
}
.container{
	width: 135rem;
	max-width: 95%;
}
.section{
	position: relative;
	width: 100%;
	height: auto !important;
	word-break: keep-all;
	overflow: hidden;
}
[id*="section"] .fp-tableCell{
	display: table;
	max-width: 100%;
	margin: 0 auto;
	table-layout: fixed;
}
[id*="section"] .fp-tableCell > .container{
	display: table-cell;
	padding-top: 15rem;
	text-align: left;
	vertical-align: middle;
	/* overflow: hidden; */
}
#section05{
	height: 10rem !important;
}
#section06 {
	height: 21.6rem !important;
}

#footer{
    position: fixed;
    bottom: -100%;
    width: 100%;
    transition: all .3s;
}
body.fp-viewing-lastPage #footer{
    bottom: 0;
}

/* responsive */
.fp-responsive .visual-txt{
	margin-top: 10rem;
}
.fp-responsive .section04{
	background-position: 50% 50%;
}
/* .fp-responsive #section06{
	display: none;
}  */
.fp-responsive #footer{
	position: inherit;
	bottom: auto;
}



/* main right nav */
.section-nav{
    position: fixed;
    top: 0;
    right: 0;
	width: 10rem;
    height: 100%;
    color: #0F365E; 
    font-family: NotoR;
    font-size: 1.3rem;
    z-index: 10;
}
.section-nav > ul{
	display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.section-nav:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 1px;
	height: 100%;
	background-color: #D7DFE6;
}
.section-nav li{
	margin: 2.5rem 0;
}
.section-nav li a{
	position: relative;
	display: block;
	padding-left: 1.5rem;
	padding-right: 1rem;
}
.section-nav li a::before{
	content: "";
	position: absolute;
	top: calc(50% - 2.5px);
	left: -3px;
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50px;
	background-color: #0F365E;
	transition: all .2s;
	opacity: 1;
}
.section-nav li a::after{
	content: "";
	position: absolute;
	top: calc(50% - 2.5px);
	left: -3px;
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50px;
	background-color: #0F365E;
	transition: all .2s;
	opacity: 0;
}
.section-nav li a span{
	opacity: 0.65;
}
.section-nav li.active a{
	opacity: 1;
    font-family: NotoB;
}
.section-nav li.active a::after{
	top: calc(50% - 10px);
	left: -11.5px;
	width: 23px;
	height: 23px;
	opacity: 0.2;
}
.section-nav li.active a span{
	opacity: 1;
}

body.fp-viewing-firstPage .section-nav{
    color: #fff;
}
body.fp-viewing-firstPage .section-nav li a::before{
	background-color: #fff;
}
body.fp-viewing-firstPage .section-nav li a::after{
	background-color: #fff;
}

/* main section title */
.section .title-area{
	margin-bottom: 6rem;
	text-align: center;
}
.section .title-area .title{
	font-family: NotoB;
	font-size: 5rem;
}
.section .title-area p{
	font-size: 1.8rem;
}
/* main section title */

/* main body start */
.illus-box01{}
.visual{
	 background: linear-gradient(90deg, #389AD2, #3470C5);
}
.visual-txt{
	position: relative;
	margin-bottom: 7.2rem;
	color: #fff;
	font-size: 6rem;
	font-weight: normal;
}
.visual-txt:before{
	content: "";
	position: absolute;
	top: -2rem;
	right: -10.6rem;
	display: block;
	width: 68.5rem;
	height: 42rem;
	background: url('/resources/images/smh/main/bg-visual.svg') 100% 0 no-repeat;
}
.visual-txt .small-txt{
	display: block;
	font-family: NotoM;
	font-size: 2.6rem; 
}
.visual-txt .tit{
	display: block;
	line-height: 1.2;
	font-family: Noto Sans KR;
	font-weight: 900;
}
.cont-box-wrap{
	position: relative;
	display: flex;
	margin: 0 -1.5rem;
}
.cont-box-wrap:before{
	content: '';
	position: absolute;
	right: 7rem;
	top: -23.4rem;
	width: 32.5rem;
	height: 25.3rem;
	background: url(/resources/images/smh/main/img-visual.svg) 100% 100% no-repeat;
	background-size: contain;
	z-index: 5;
}
.cont-box-wrap > div{
	width: calc(100% / 3 - 3rem);
	margin: 0 1.5rem;
}
.round-box{
	border-radius: 20px;
}

/*  */
.tab-area .tab-tit{
	position: relative;
	display: inline-block;
	color: #767676;
	font-family: NotoM;
	font-size: 2rem;
    letter-spacing: -1px;
}
.tab-area .tab-tit:after{
	content: "";
	position: absolute;
	top: 0;
	right: -5px;
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50rem;
	background-color: #0F365E;
	opacity: 0;
}
.tab-area .tab-tit a:hover,
.tab-area .tab-tit a:focus{
	text-decoration: none;
}
.tab-area .tab-tit.active{
	color: #0F365E;
	font-family: NotoB;
}
.tab-area .tab-tit.active:after{
	opacity: 1;
}

.tab-area .tab-cont{
	display: none;
	float: left;
	width: 100%;
}
.tab-area .tab-tit.active + .tab-cont{
	display: block;
}
.tab-area .tab-cont + .tab-tit{
	margin-left: 1rem;
	padding-left: 1rem;
}
.tab-area .tab-cont + .tab-tit:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0.8rem;
	display: block;
	width: 1px;
	height: 1.5rem;
	background-color: #0F365E;
	opacity: 0.2;
}


.support-area{
	position: relative;
	padding: 3rem 3rem;
	background-color: #E9F0F8;
}
/* .support-area .tab-area {
	position: relative;
}
.support-area > ul > li {
	float: left;
}
.support-area > ul > li + li .tab-tit{
	position: relative;
    margin-left: 1rem;
    padding-left: 1rem;
}
.support-area > ul > li + li  .tab-tit:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.8rem;
    display: block;
    width: 1px;
    height: 1.5rem;
    background-color: #0F365E;
    opacity: 0.2;
}
.support-area > ul > li.active .tab-cont{
	display: block;
}
.support-area > ul > li.active{
    color: #0F365E;
    font-family: NotoB;
}
.support-area > ul > li.active .tab-tit:after{
    opacity: 1;
} 
.support-area .tab-area .tab-cont{
	position: absolute;
	left: 0;
	width: 100%;
}
.support-area .tab-cont > ul{
	min-height: 23rem;
	margin-top: 3rem;
}*/

.support-area > ul > li + li{
	margin-top: 2rem;
}
.support-area > ul > li .tab-tit{
    font-family: NotoB;
    color: #0F365E;
}
.support-area > ul > li .tab-tit:after{
    opacity: 1;
}
.support-area > ul > li:last-child .tab-tit{
    color: #3170c5;
}
.support-area > ul > li:last-child .tab-tit:after{
    background-color: #3170c5;
}
.support-area > ul > li .tab-cont{
	display: block;
	float: none;
	font-size: 1.6rem;
	line-height: 1.3;
}
.support-area .tab-cont li{
	margin: 0.8rem 0;
	font-family: NotoM;
}



.support-area .tab-cont li:last-child{
	margin-bottom: 0;
}
.support-area .tab-cont li a{
	position: relative;
	display: block;
	padding: 1rem 3.5rem 1rem 6rem;
	border-radius: 5px;
	border: 1px #C8D2DB solid;
    transition: all .5s;
    z-index: 1;
}
.support-area .tab-cont li a:hover, 
.support-area .tab-cont li a:focus{
	color: #fff;
	text-decoration: none;
	border-color: transparent;
    transition: all .5s;
}
.support-area .tab-cont li a:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 50%;
	height: 100%;
	background: linear-gradient(-90deg, #389AD2, #3470C5);
	border-radius: 5px;
	opacity: 0;
    transition: all .3s;
    z-index: -1;
}
.support-area .tab-cont li a:hover:before, 
.support-area .tab-cont li a:focus:before{
	border-color: transparent;	
	width: 100%;
	opacity: 1;
    transition: all .6s;
}
.support-area .tab-cont li a:after{
	content: "\ea6c";
	position: absolute;
	right: 2rem;
	top: 50%;
    transform: translateY(-50%);
	font-family: 'remixicon' !important;
}
.support-area .tab-cont li a i{
	position: absolute;
	left: 3rem;
	top: 1rem;
	display: inline-block;
	margin-right: 1.4rem;
	vertical-align: middle;
	font-size: 1.8rem;
}


.news-area{
	padding: 4rem;
	background-color: #0F365E;
	color: #fff;
}
.news-area{
	position: relative;
}
.news-area .tab-tit{
	color: #fff;
	opacity: 0.6;
}
.news-area .tab-tit:after{
	background-color: #fff;
}
.news-area .tab-tit.active{
	color: inherit;
	opacity: 1;
}
.news-area .tab-cont + .tab-tit:before{
	background-color: #fff;
	opacity: 0.2;
}
.news-area .board-more{
	position: absolute;
	top: 4rem;
	right: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	background: rgba(255,255,255,0.2);
	border-radius: 50rem;
	font-size: 1.8rem;
}
.news-area .tab-cont > ul{
	min-height: 23rem;
	margin-top: 3rem;
}
.news-list > li{
	display: flex;
	align-items: center;
	margin: 2rem 0;
}
.news-list > li:last-child{
	margin-bottom: 0;
}
.news-list .date{
	display: flex;
	flex-direction: column-reverse;
	justify-content: center;
	align-items: center;
	width: 6.5rem;
	height: 6.5rem;
	margin-right: 1rem;
	background-color: #0A2E52;
	font-family: NotoR;
	font-size: 1.5rem;
	letter-spacing: -0.5px;
}
.news-list .date .month{
	opacity: 0.6;
}
.news-list .date .day{
	line-height: 1;
	font-family: NotoB;
	font-size: 2.4rem;
}
.news-list .tit{
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	width: calc(100% - 6.5rem - 1rem);
	height: 6rem;
	font-size: 1.7rem;
	overflow: hidden;
}
.news-list .tit strong{
	font-family: NotoM;
}
.faq-list > li{
	padding: 1.5rem 0;
}
.faq-list > li + li{
	border-top: 1px rgba(255,255,255,0.2) solid;
}
.faq-list > li:first-child{
	padding-top: 0;
}
.faq-list > li:last-child{
	padding-bottom: 0;
}
.faq-list .tit{
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	width: 100%;
	height: 5rem;
	font-size: 1.7rem;
	overflow: hidden;
}
.faq-list .tit strong{
	font-family: NotoM;
}



.section-banner,
.section-banner .silder-box{
	height: 40rem;
	overflow: hidden;
}
.section-banner{ 
	position: relative;
	width: 0; 
	min-width: 100%; 
	/* background: #fff; */
	border-radius: 20px;
}
.sb-slider{
	line-height: 0;
	font-size: 0;
}
.section-banner .silder-box, 
.section-banner .silder-box img{
	border-radius: 20px;
	overflow: hidden;
}
.section-banner .silder-box{
	width: 100%;
}
.section-banner .silder-box img{
	width: 100%;
	height: 100%;
}
.section-banner .sb-control{
	position: absolute;
	bottom: 2rem;
	right: 2rem;
	z-index: 10;
}
.section-banner .sb-control .slider-arrow-btn{
	display: flex;
	padding: 0.6rem 1.3rem;
	background-color: rgba(34,34,34,0.8);
	border-radius: 50rem;
	color: #fff;
	font-size: 1.6rem;
}
.section-banner .sb-control .slider-arrow-btn button{
	margin: 0 0.3rem;
	color: inherit; 
    vertical-align: middle;
}
.section-banner .sb-control .slider-arrow-btn .off{
	position: absolute;
	visibility: hidden;
	opacity: 0;
}
.section-banner .sb-control .slider-arrow-btn .slider-num{
	color: rgba(255,255,255,0.6);
	font-size: 1.4rem;
}
.section-banner .sb-control .slider-arrow-btn .slider-num .current_slide{
	color: #fff;
}

/* section02 */
.section02{
	background-color: #E3F2F2; 
}

.model-area .model-title{
	display: flex;
	margin: 0 -1.65rem;
	padding-bottom: 4rem;
}
.model-area .model-title > li{
	margin: 0 1.65rem;
	width: calc(100% / 8);
}
.model-area .tab-tit{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 14rem;
	padding: 1rem;
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
	font-family: NotoB;
	font-size: 1.6rem;
	z-index: 1;
	transition: all 0.3s;
}
.model-area .tab-tit:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	border-radius: 10px;
	background: linear-gradient(-90deg, #389AD2, #3470C5);
	z-index: -1;
	opacity: 0;
	transition: all 0.3s;
}
.model-area .tab-tit:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 4.1rem;
	height: 2.3rem;
	border-radius: 10px;
	background: url(/resources/images/smh/main/bg-triangle-model.svg) no-repeat;
	background-size: contain;
	z-index: -2;
	opacity: 0;
}
.model-area .tab-tit strong{
	line-height: 1.1;
}

.model-area .tab-tit i{
	display: block;
	width: 5rem;
	height: 5rem; 
	margin: 0 auto;
	margin-bottom: 1.5rem;
	background-size: contain;
	background-repeat: no-repeat;
}

.model-area .tab-tit .icon-model01{background-image: url('/resources/images/smh/main/icon-model01-01.svg');}
.model-area .tab-tit .icon-model02{background-image: url('/resources/images/smh/main/icon-model02-01.svg');}
.model-area .tab-tit .icon-model03{background-image: url('/resources/images/smh/main/icon-model03-01.svg');}
.model-area .tab-tit .icon-model04{background-image: url('/resources/images/smh/main/icon-model04-01.svg');}
.model-area .tab-tit .icon-model05{background-image: url('/resources/images/smh/main/icon-model05-01.svg');}
.model-area .tab-tit .icon-model06{background-image: url('/resources/images/smh/main/icon-model06-01.svg');}
.model-area .tab-tit .icon-model07{background-image: url('/resources/images/smh/main/icon-model07-01.svg');}
.model-area .tab-tit .icon-model08{background-image: url('/resources/images/smh/main/icon-model08-01.svg');}

.model-area .active .tab-tit{
	color: #fff;
}
.model-area .active .tab-tit:before{
	opacity: 1;
	transition: all 0.3s;
}
.model-area .active .tab-tit:after{
	opacity: 1;
	bottom: -1.6rem;
    transition: all 0.3s;
    transition-delay: 0.2s;
}

.model-area .active .tab-tit .icon-model01{background-image: url('/resources/images/smh/main/icon-model01-02.svg');}
.model-area .active .tab-tit .icon-model02{background-image: url('/resources/images/smh/main/icon-model02-02.svg');}
.model-area .active .tab-tit .icon-model03{background-image: url('/resources/images/smh/main/icon-model03-02.svg');}
.model-area .active .tab-tit .icon-model04{background-image: url('/resources/images/smh/main/icon-model04-02.svg');}
.model-area .active .tab-tit .icon-model05{background-image: url('/resources/images/smh/main/icon-model05-02.svg');}
.model-area .active .tab-tit .icon-model06{background-image: url('/resources/images/smh/main/icon-model06-02.svg');}
.model-area .active .tab-tit .icon-model07{background-image: url('/resources/images/smh/main/icon-model07-02.svg');}
.model-area .active .tab-tit .icon-model08{background-image: url('/resources/images/smh/main/icon-model08-02.svg');}


.model-area .tab-cont{
	display: none;
	float: left;
	width: 100%;
	padding: 4rem 6rem;
	background: url('/resources/images/smh/main/bg-model.png') #0F365E no-repeat;
	background-size: cover;
	border-radius: 20px;
	letter-spacing: -0.5px;
	color: #fff;
}
.model-area .tab-cont > div{
	display: flex;
}
.model-area .tab-cont .scroll-y{
	display: inline-block;
	width: calc(100% - 6rem - 14rem);
	height: 16rem;
	/* overflow-y: auto; */
}
.model-area .tab-cont .lstyle-number {
	display: flex;
	align-content: flex-start;
	flex-flow: row wrap;
}
.model-area .tab-cont .lstyle-number > li{
	position: relative;
	width: calc(100% / 2);
	margin: 1rem 0;
	margin-left: 0;
	padding-left: 4rem;
	list-style: none;
	counter-increment: number;
	font-family: NotoM;
	font-size: 1.8rem;
	overflow: visible;
}
.model-area .tab-cont .lstyle-number > li::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 3.1rem;
	height: 3.1rem;
	line-height: 3.1rem;
	border-radius: 100%;
	background-color: #516C89;
	text-align: center;
	font-size: 1.6rem;
	content: counter(number, decimal);
	overflow: hidden;
}
.model-area .tab-cont .more{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: row wrap;
	flex-direction: column;
	width: 14rem;
	height: 14rem;
	margin-left: 6rem;
	background: linear-gradient(-90deg, #389AD2, #3470C5);
	border-radius: 10px;
	font-family: NotoM;
	font-size: 1.8rem;
}
.model-area .tab-cont .more i,
.model-area .tab-cont .more span{
	display: block;
}

.model-area .tab-cont.active{
    display: block;
}


/* section03 */
.section03 .top-title{
	position: relative;
	display: block;
}
.section03 .title-area{
	display: inline-block;
	text-align: left;
	width: calc(100% - 80rem);
}
.consulting-shorts-link{
	float: right;
	padding-right: 28.5rem;
}
.consulting-shorts-link .talk-box{
	position: relative;
	display: block;
	padding: 2rem 3rem;
	background: #E9F0F8;
	border-radius: 10px;
}
.consulting-shorts-link .talk-box:before{
	content: "";
	position: absolute;
	right: -4rem;
	top: 2rem;
	display: block;
	width: 0;
	height: 0;
	border: 1.5rem solid transparent;
	border-left: 3rem solid #E9F0F8;
}
.consulting-shorts-link .talk-box .txt{
	display: block;
	margin-bottom: 1rem;
	font-family: NotoR;
	font-size: 1.5rem;
}
.consulting-shorts-link .link-more a{
	position: relative;
	display: inline-block;
	margin-right: 2rem;
	font-family: NotoB;
	font-size: 1.5rem;
	transition: all .5s;
}
.consulting-shorts-link .link-more a:hover{
	text-decoration: none;
	color: #3170C5;
	transition: all .5s;
}
.consulting-shorts-link .link-more a:after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #222222;
	transition: all .5s;
}
.consulting-shorts-link .link-more a:hover:after{
	background-color: #3170C5;
	transition: all .5s;
}
.consulting-shorts-link .link-more a i{
	display: inline-block;
	margin-left: 0.5rem;
}

.consulting-shorts-link .img:before{
	content: "";
	position: absolute;
	right: 5rem;
	bottom: -1.24rem;
	display: block;
	width: 23.5rem;
	height: 19.5rem;
	background: url('/resources/images/smh/main/img-consulting.svg') 100% 0 no-repeat;
	background-size: contain;
	z-index: 5;
}

.business-cont{
	display: flex; 
	width: 0;
	min-width: 100%;
}
.business-slider{
	position: relative;
	display: block;
	width: 43rem;
	height: 42rem;
	margin-right: 3rem;
}
.business-slider .num{
	display: inline-block;
	width: 3.1rem;
	height: 3.1rem;
	margin-right: 1rem;
	line-height: 3.1rem;
	background-color: #3170C5;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-family: NotoM;
	font-size: 1.6rem;
}
.business-slider .tit{
	font-family: NotoM;
	font-size: 1.8rem;
}
.business-slider .txt{
	display: none;
}

.business-slider-main{
	position: relative;
	color: #fff;
	z-index: 1;
}
.business-slider-main:before{
	content: '';
	position: absolute;
	top: -2.1rem;
	left: -3.5rem;
	display: block;
	width: 57rem;
	height: 17.4rem;
	background: url('/resources/images/smh/main/bg-business.svg') no-repeat;
	background-size: contain;
}

.business-slider-main .box{
	display: flex !important;
	align-items: center;
	padding: .5rem 4rem;
}
.business-slider-main .num{
	width: auto;
	height: auto;
	line-height: inherit;
	background-color: transparent;
	font-size: 6.5rem;
}
.business-slider-main .tit{
	display: block;
	margin-bottom: 0.5rem;
	line-height: 1.2;
	font-family: NotoB;
	font-size: 2rem;
}
.business-slider-main .txt{
	display: block;
	line-height: 1.3;
	letter-spacing: -0.5px;
	font-size: 1.6rem;
}
.business-slider .slider-arrow-btn button{
	display: block;
}
.business-control{
	position: absolute;
	top: 2rem;
	right: 1rem;
	color: #fff;
	z-index: 2;
}
.business-slider .slider-arrow-btn button{
	width: 3rem;
	height: 3rem;
	margin: 0.3rem;
	background-color: rgba(255,255,255,0.2);
	border-radius: 5px;
	color: inherit;
	font-size: 1.2rem;
}
.business-slider-nav{
	padding: 2rem 4rem;
	border: 1px #C8D2DB solid;
	border-radius: 0 0 20px 20px;
	background: linear-gradient(180deg, #ECF5FF, #fff);
}
.business-slider-nav .slick-current{
	display: none;
    transition: all .2s;
}
.business-slider-nav .list{
	position: relative;
	padding: 1rem 0;
}
.business-slider-nav .list:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ddd;
}
.business-slider-nav .slick-current + .slick-slide .list:after{
	background-color: transparent;
}


.business-info{
	position: relative;
	width: calc(100% - 43rem - 3rem);
	padding: 4rem 5rem 4rem 7rem;
}
.business-info:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 1px #C8D2DB solid;
	border-radius: 20px;
	z-index: -1;
}

.consulting-map{
	display: flex;
	align-items: center;
}
.consulting-map .map-img{
	display: inline-block;
	width: 24rem;
	height: 34rem;
	margin-right: 4rem;
}
.consulting-map .map-txt{
	width: calc(100% - 24rem - 4rem);
}
.consulting-map .map-txt .scroll-y{
	max-height: 20rem;
}
.consulting-map .map-txt .consulting-list > li + li{
	margin-top: 3rem;
}
.consulting-map .map-txt .consulting-list .tit{
	position: relative;
	display: block;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	font-family: NotoB;
	font-size: 2rem;
}
.consulting-map .map-txt .consulting-list .tit:before{
	content: "";
	position: absolute;
	top: 1.2rem;
	left: 0;
	display: block;
	width: 0.8rem;
	height: 0.8rem;
	border: 2px #4BBBBB solid;
	border-radius: 50rem;
}
.consulting-map .map-txt .consulting-list p{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	color: #767676;
	font-size: 1.5rem;
}
.consulting-map .map-txt .consulting-link{
	display: inline-block;
	margin-left: 1.5rem;
	margin-top: 3rem;
	padding: 1rem 2rem;
	background-color: #0F365E;
	border-radius: 5px;
	color: #fff;
	font-family: NotoM;
	font-size: 1.5rem;
}

/* section04 */
.section04{
	background: url('/resources/images/smh/main/bg-section04.png') 50% 15rem no-repeat;
	background-size: cover;
}
.info-area{
	display: flex;
}
.research-area{
	position: relative;
	width: calc(100% - 43rem - 3rem);
	padding: 4rem 5rem;
	background: #fff;
	border-radius: 20px;
}
.trend-list,
.seminar-list{
	display: flex;
	margin: 0 -1.75rem;
    margin-top: 4rem;
    min-height: 27rem;
}
.trend-list > li,
.seminar-list > li{
	width: calc(100% / 3 - 3.5rem);
	margin: 0 1.75rem;
}

.research-area .img{
	display: block;
	width: 100%;
	height: 15.3rem;
	margin-bottom: 2rem;
	border-radius: 10px;
	overflow: hidden;
}
.research-area [class^="teg"]{
	display: inline-block;
	margin-bottom: 1rem;
	padding: 0.3rem 0.8rem;
	border-radius: 5px;
	background-color: #516C89;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 500;
}
.research-area .teg01{
	background-color: #3170C5;	
}
.research-area .teg01{
	background-color: #516C89;	
}
.research-area .tit{
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	font-family: NotoM;
	font-size: 1.7rem;
	overflow: hidden;
}
.research-area .date{
	display: block;
	margin-top: 2rem;
	color: #949494;
	font-size: 1.5rem;
}
.research-area .board-more{
	position: absolute;
	right: 5rem;
	top: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    background: #E6EAEE;
    border-radius: 50rem;
    color: #0F365E;
    font-size: 2.4rem;
}
.research-area .img img{
	width: 100%;
	height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}
.research-area a:hover .img img{
    transform: scale(1.1);
    transition: all 0.5s;
}

.trend-list a{
	display: block;
	height: 100%;
	padding: 3.5rem 3rem;
	border: 1px #ddd solid;
	border-radius: 10px;
}
.trend-list .tit{
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 7.8rem;
    margin-bottom: 6rem;
	font-family: NotoM;
	font-size: 1.7rem;
	overflow: hidden;
}

.promotion-area{
	width: 43rem;
	margin-left: 3rem;
	background-color: #fff;
	border-radius: 20px;
}
.promotion-area .thumb-img{
	position: relative;
	display: block;
	height: 24rem;
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}
.promotion-area .thumb-img:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.35);
	z-index: 1;
}
.promotion-area .thumb-img:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url('/resources/images/smh/main/img-thumb-play.svg') 50% 50% no-repeat;
	z-index: 2;
}
.promotion-area .thumb-img img{
	width: 100%;
	height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}
.promotion-area a:hover .thumb-img img{
    transform: scale(1.1);
    transition: all 0.5s;
}
.promotion-area .thumb-txt{
	padding: 2.5rem 3rem;
	background: linear-gradient(180deg, #E8FFFF, #fff);
	border-radius: 0 0 20px 20px;
	text-align: center;
	overflow: hidden;
}
.promotion-area .thumb-txt .bbs-name{
	display: block;
	margin-bottom: 1.5rem;
	font-family: NotoM;
	font-size: 1.8rem;
}
.promotion-area .thumb-txt .tit{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	line-height: 1.4;
	font-family: NotoB;
	font-size: 2rem;
    text-overflow: ellipsis;
	overflow: hidden;
}

.promotion-area .slick-dotted.slick-slider{
	margin-bottom: 3rem;
}
.promotion-area .slick-dots{
	bottom: 0;
}
.promotion-area .slick-dots li,
.promotion-area .slick-dots li button{
	width: 0.8rem;
	height: 0.8rem;
	transition: all 0.5s;
}
.promotion-area .slick-dots li button:before{
	content: '';
	display: block;
	width: 0.8rem;
	height: 0.8rem;
	background-color: rgba(51, 51, 51, 0.4);
	border-radius: 50px;
	transition: all 0.5s;
	opacity: 1;
}
.promotion-area .slick-dots li.slick-active, 
.promotion-area .slick-dots li.slick-active button{
	width: 3rem;
	transition: all 0.5s;
}
.promotion-area .slick-dots li.slick-active button:before{
	background-color: #0F365E;
	width: 3rem;
	transition: all 0.5s;
}


/* mCustomScrollbar => scroll-y   */
.model-cont .mCSB_scrollTools{
	opacity : 1;	
}
.model-cont .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #fff;
}
.model-cont .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, 
.model-cont .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color: #4BBBBB;
}
.consulting-map .mCSB_scrollTools{
	opacity : 1;	
}
.consulting-map .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #3170C5;
}
.consulting-map .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, 
.consulting-map .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.consulting-map .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, 
.consulting-map .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color: #4BBBBB;
}