.scroll_inner {
	background: #fff;
    position: relative;
    z-index: 20;
    word-break: keep-all;
}
main .tit_area.offering {
	background: var(--primary-light-color) url('../images/sub/bg_sub_offering.png') center no-repeat;
}
main .tit_area.service {
	background: var(--primary-light-color)  url('../images/sub/bg_sub_service.png') center no-repeat;
}
main .tit_area.marketplace {
	background: var(--primary-light-color)  url('../images/sub/bg_sub_marketplace.png') center no-repeat;
}
main .tit_area.marketplace.detail {
	height: 200px;
}
main .tit_area.resources {
	background: var(--primary-light-color)  url('../images/sub/bg_sub_resources.png') center no-repeat;
}
main .tit_area.about {
	background: var(--primary-light-color)  url('../images/sub/bg_sub_about.png') center no-repeat;
}
main .tit_area.service .tit_area_content,
main .tit_area.marketplace .tit_area_content {
	align-items: flex-start;
}
main .tit_area.marketplace_intro .tit_area_content,
main .tit_area.marketplace_list .tit_area_content {
	align-items: center;
}
main .tit_area.partner .tit_area_content {
	height: calc(100% - 62px);
}
main .tit_area.consulting {
	background-position: center -0px; 
}
main .tit_area.implementation {
	background-position: center -430px; 
}
main .tit_area.education {
	background-position: center -860px; 
}
main .tit_area.costoptimization_offering {
	background-position: center -1290px; 
}
main .tit_area.management {
	background-position: center -1720px; 
}
main .tit_area.architecture {
	background-position: center -0px;
}
main .tit_area.migration {
	background-position: center -430px;
}
main .tit_area.coreservice{
	background-position: center -860px;
}
main .tit_area.ai {
	background-position: center -1290px;
}
main .tit_area.devops {
	background-position: center -1720px;
}
main .tit_area.edgeservice {
	background-position: center -2150px;
}
main .tit_area.security {
	background-position: center -2580px;
}
main .tit_area.costoptimization_service {
	background-position: center -3010px;
}
main .tit_area.pisap {
	background-position: cemter -3440px;
}
main .tit_area.marketplace_intro {
	background-position: center -0px;
}
main .tit_area.watchingon {
	background-position: center -430px;
}
main .tit_area.watchingon .btn {
	background: #00C1AD;
}
main .tit_area.billingon {
	background-position: center -860px;
}
main .tit_area.billingon .btn {
	background: #FE5B83;
}
main .tit_area.datadog {
	background-position: center -1290px;
}
main .tit_area.datadog .btn {
	background: #C365F1;
}
main .tit_area.mongodb {
	background-position: center -1720px;
}
main .tit_area.mongodb .btn {
	background: #46C100;
}
main .tit_area.rescale {
	background-position: center -2150px;
}
main .tit_area.rescale .btn {
	background: #00A9DE;
}
main .tit_area.marketplace_list {
	background-position: center -2580px;
	align-items: center;
}
main .tit_area.upstage {
	background-position: center -3010px;
}
main .tit_area.upstage .btn {
	background: #805CFB;
}
main .tit_area.newsletter {
	background-position: center -0px;
}
main .tit_area.brochure {
	background-position: center -430px;
}
main .tit_area.dictionary {
	background-position: center -860px;
}
main .tit_area.faq {
	background-position: center -1290px;
}
main .tit_area .partner_phrase {
	text-align: center;
	font-size: var(--desc-font-size);
	font-weight: 700;
	padding: 18px 0px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	background: rgba(255,255,255,.7);
	box-shadow: -3px -5px 10px rgb(0 0 0 / 10%);
}
main .tab_page {
	width: 100%;
	margin: auto;
	border-bottom: 1px solid #ddd;
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
	justify-content: center;
	background: var(--white-color);
}

main .tab_page_not_fix {
	width: 100%;
	margin: auto;
	border-bottom: 1px solid #ddd;
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
	justify-content: center;
	background: var(--white-color);
}

main .tab_page li {
	font-size: var(--large-font-size);
	font-weight: 700;
	color: var(--default-color);
	padding: 25px 10px;
	position: relative;
	text-align: center;
	cursor: pointer;
}
main .tab_page li.active {
	color: var(--primary-color);
	font-weight: 700;
	border-bottom: 3px solid var(--primary-color);
}
main .tab_page_active {
	position: fixed;
	top: 80px;
	z-index: 10;
	box-shadow: var(--normal-box-shadow);
}
main .tab_page_active li {
	padding: 15px 10px;
}
main .tab_dictionary {
	gap: 0px;
	justify-content: space-between;
    position: inherit !important;
    box-shadow: none !important;
}
main .tab_dictionary li {
	font-size: var(--small-font-size);
	padding: 7px;
}
main .sub_container .tab {
	width: fit-content;
	margin: 40px auto;
}
main section.inquiry.watchingon {
	background: url('../images/sub/marketplace/bg_inquiry_marketplace.png');
	background-position: 0px 0px;
}
main section.inquiry.billingon {
	background: url('../images/sub/marketplace/bg_inquiry_marketplace.png');
	background-position: 0px -382px;
}
main section.inquiry.datadog {
	background: url('../images/sub/marketplace/bg_inquiry_marketplace.png');
	background-position: 0px -764px;
}
main section.inquiry.mongodb {
	background: url('../images/sub/marketplace/bg_inquiry_marketplace.png');
	background-position: 0px -1146px;
}
main section.inquiry.rescale {
	background: url('../images/sub/marketplace/bg_inquiry_marketplace.png');
	background-position: 0px -1528px;
}
main section.inquiry.upstage {
	background: url('../images/sub/marketplace/bg_inquiry_marketplace.png');
	background-position: 0px -1910px;
}
main .sub_container section.solution .caution_benefit li:before,
main .sub_container section.solution .education_solution ul li.content p:before,
main .sub_container section .solution_implementation h4 span:before,
main .sub_container.about section .history ul.detail li span:before,
main .sub_container.about section .history_mobile ul li.detail span:before,
main .sub_container section .feature_list li h4 span:before,
main .sub_container.about section .solution_implementation.premier ul li span:before,
.product-overview ul li:before,
.product-highlights ul li:before,
.caseKeyDiv .keyListDiv .keyListUl li:before {
	display: block;
	content: '';
	width: 4px;
	height: 4px;
	background: var(--primary-color);
	border-radius: var(--round-border-radius);
	flex: none;
	margin-top: 7px;
}
/* offering */
main .sub_container section.overview ul {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	align-items: center;
}
main .sub_container section .img_benefit {
	margin-top: 40px;
	position: relative;
}
main .sub_container section .img_benefit img {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
main .sub_container section .solution_implementation {
	width: 100%;
	padding: 40px;
	border-radius: var(--normal-border-radius);
	background: var(--primary-light-color);
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: flex-start;
}
main .sub_container section .solution_implementation h3 {
	font-weight: 700;
	color: var(--primary-color);
	font-size: var(--xlarge-font-size);
}
main .sub_container section .solution_implementation h4 {
	font-weight: 700;
}
main .sub_container section .solution_implementation h4 span {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
	font-weight: 500;
}
main .sub_container section .solution_implementation .img_solution {
	padding: 30px;
	background: var(--white-color);
	border-radius: var(--normal-border-radius);
	width: 100%;
	text-align: center;
}
main .sub_container section.solution .education_solution {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 30px;
}
main .sub_container section.solution .education_solution ul {
	flex: 1;
	border-radius: var(--normal-border-radius);
	box-shadow: var(--normal-box-shadow);
}
main .sub_container section.solution .education_solution ul li {
	padding: 20px 50px;
}
main .sub_container section.solution .education_solution ul li.tit {
	background: var(--primary-color);
	color: var(--white-color);
	font-size: var(--desc-font-size);
	font-weight: 700;
	padding: 20px 50px;
	border-radius: 20px 20px 0px 0px;
}
main .sub_container section.solution .education_solution ul li.stit {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
main .sub_container section.solution .education_solution ul li.stit span {
	font-size: var(--xlarge-font-size);
	color: var(--primary-color);
	font-weight: 700;
}
main .sub_container section.solution .education_solution ul li.divider {
	padding: 0px 50px;
}
main .sub_container section.solution .education_solution ul li.content {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 20px 50px 50px;
}
main .sub_container section.solution .education_solution ul li.content p {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
main .sub_container section.solution .tit_ict {
	background: var(--primary-light-color);
	color: var(--primary-color);
	font-size: var(--large-font-size);
	font-weight: 700;
	border-radius: var(--round-border-radius);
	padding: 15px 30px;
	display: inline-block;
    margin: 30px 0px 20px 0px;
}
main .sub_container section.solution .ict_edu ul {
	border-radius: var(--normal-border-radius);
	box-shadow: var(--normal-box-shadow);
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	align-items: center;
	gap: 10px;
	padding: 40px;
} 
main .sub_container section.solution .ict_edu ul li {
	border-radius: var(--normal-border-radius);
	background: var(--primary-light-color);
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
main .sub_container section.solution .ict_academy ul {
	border-radius: var(--normal-border-radius);
	box-shadow: var(--normal-box-shadow);
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	align-items: center;
	gap: 10px;
	padding: 40px;
} 
main .sub_container section.solution .ict_academy ul li {
	border-radius: var(--normal-border-radius);
	background: var(--primary-light-color);
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: var(--xlarge-font-size);
    font-weight: 700;
    gap: 20px;
    padding: 0px 20px;
}
main .sub_container section.solution .campus ul {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 30px;
}
main .sub_container section.solution .campus ul li {
	flex: 1;
	border-radius: var(--normal-border-radius);
	box-shadow: var(--normal-box-shadow);
	padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
main .sub_container section.solution .campus ul li h3.tit {
	font-size: var(--xlarge-font-size);
	font-weight: 700;
	color: var(--primary-color);
}
main .sub_container section.solution .campus ul li p {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
main .sub_container section.solution .campus ul li p span {
	display: flex;
	gap: 10px;
	align-items: center;
}
main .sub_container section.solution .campus ul li p span:before {
	display: inline-block;
	content: '';
	width: 20px;
	height: 20px;
}
main .sub_container section.solution .campus ul li p span.address:before {
	background: url('../images/sub/ico_address.png');
}
main .sub_container section.solution .campus ul li p span.phone:before {
	background: url('../images/sub/ico_phone.png');
}
main .sub_container section.solution .campus ul li p span.fax:before {
	background: url('../images/sub/ico_fax.png');
}
main .sub_container section.solution .map {
	width: 100%;
	height: 300px;
	border-radius: var(--normal-border-radius);
    overflow: hidden;
}
main .sub_container.offering section.solution .solution_cost {
	grid-template-columns: repeat(4, 1fr) !important;
}
main .sub_container section.solution .solution_cost {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-top: 40px;
}
main .sub_container section.solution .solution_cost li {
    display: flex;
    border-radius: var(--normal-border-radius);
    background: var(--primary-light-color);
    padding: 40px;
    flex-direction: column;
    gap: 20px;
}
main .sub_container section.solution .solution_cost li .solution_header {
	display: flex;
	justify-content: space-between;
    align-items: flex-end;
}
main .sub_container section.solution .solution_cost li h3.tit {
	font-weight: 700;
	font-size: var(--xlarge-font-size);
	color: var(--primary-color);
	line-height: 1.5;
}
main .sub_container section.solution .solution_cost li .btn {
	width: fit-content;
}
main .sub_container section.benefit .benefit_managed {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-top: 40px;
}
main .sub_container section.benefit .benefit_managed li {
	border-radius: var(--normal-border-radius);
	background: var(--white-color);
	box-shadow: var(--normal-box-shadow);
	padding: 40px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: flex-start;	
}
main .sub_container section.benefit .benefit_managed li h3.tit {
	font-size: var(--xlarge-font-size);
	font-weight: 700;
	color: var(--primary-color);
}

main .sub_container section.benefit .benefit_managed li h5.desc {
}
main .sub_container section.solution .managed_msp {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 30px;
}
main .sub_container section.solution .managed_msp li {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
}
main .sub_container section.solution .managed_msp li dl {
	border-radius: var(--normal-border-radius);
	background: var(--primary-light-color);
	padding: 20px 15px 15px 15px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
main .sub_container section.solution .managed_msp li dl dt {
	text-align: center;
	font-weight: 700;
	font-size: var(--large-font-size);
	color: var(--primary-color);
}
main .sub_container section.solution .managed_msp li dl dd {
	background: var(--white-color);
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--small-font-size);
	border-radius: 10px;
	text-align: center;
    padding: 0px 20px;
}
main .sub_container section.solution .table_management {
	overflow-x: auto;
}
main .sub_container section.solution .table_management .table_benefit {
	min-width: 600px;	
}
main .sub_container section.solution .table_benefit tr:last-child td, 
main .sub_container section.solution .table_benefit tr:last-child th, 
main .sub_container section.solution .table_benefit tr.division_line td, 
main .sub_container section.solution .table_benefit tr.division_line th,
main .sub_container section.solution .table_benefit tr th {
	border-bottom: 1px solid var(--text-color);
}

main .sub_container section.solution .table_benefit tr td.disable {
    background: var(--light-color);
}
main .sub_container section.solution .caution_benefit {
	margin-top: 40px;
    border-radius: var(--normal-border-radius);
    background: var(--primary-light-color);
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap:10px;
}
main .sub_container section.solution .caution_benefit li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
/* service */
main .sub_container section .service_benefit {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 40px;
}
main .sub_container section .service_benefit li {
	flex: 1;
	padding: 40px 30px;
	background: var(--white-color);
	border-radius: var(--normal-border-radius);
	box-shadow: var(--normal-box-shadow);
}
main .sub_container section .service_benefit li .ico {
	text-align: center;
	margin-bottom: 30px;
}
main .sub_container section .service_benefit li dl {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
main .sub_container section .service_benefit li h3.tit,
main .sub_container section .service_benefit li dl dt {
	font-size: var(--xlarge-font-size);
	font-weight: 700;
	text-align: center;
	color: var(--primary-color);
} 
main .sub_container section .service_benefit li dl dd {
	font-size: var(--large-font-size);
	text-align: center;
	line-height: 1.3;
}
main .sub_container section.architecture .img_architecture {
	background: var(--default-light-color);
	border-radius: var(--normal-border-radius);
	padding: 40px;
}
main .sub_container section.architecture .img_architecture p {
	background: var(--white-color);
	border-radius: var(--normal-border-radius);
	padding: 30px;
	width: 100%;
}
/* marketplace */
main .sub_container section.marketplace.overview ul {
	gap: 70px;
}
main .sub_container section.marketplace.overview ul li:first-child {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
main .sub_container section .advantage_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
    margin-top: 40px;
}
main .sub_container section .advantage_list li {
	border-radius: var(--normal-border-radius);
	background: var(--white-color);
	padding: 0px 30px 0px 160px;
	box-shadow: var(--normal-box-shadow);
	position: relative;
	height: 160px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	justify-content: center;
}
main .sub_container section .advantage_list li p.ico {
	position: absolute;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
}
main .sub_container section .advantage_list li h3.tit {
	font-size: var(--xlarge-font-size);
	font-weight: 700;
	color: var(--primary-color);
}
main .sub_container.watchingon section .advantage_list li h3.tit,
main .tit_area.watchingon .partner_phrase {
	color: #00C1AD;
}
main .sub_container.billingon section .advantage_list li h3.tit,
main .tit_area.billingon .partner_phrase {
	color: #FE5B83;
} 
main .sub_container.datadog section .service_benefit dl dt,
main .tit_area.datadog .partner_phrase {
	color: #5F24EB !important;
}
main .sub_container.mongodb section .service_benefit dl dt,
main .tit_area.mongodb .partner_phrase {
	color: #46C100 !important;
}
main .sub_container.rescale section .service_benefit dl dt,
main .tit_area.rescale .partner_phrase {
	color: #00A9DE !important;
}
main .sub_container.upstage section .service_benefit dl dt,
main .tit_area.upstage .partner_phrase {
	color: #805CFB !important;
}
main .sub_container section .advantage_list li h4.desc {
	font-size: var(--large-font-size);
}
main .sub_container section .advantage_list li h4.desc span {
	font-size: var(--small-font-size);
	display: block;
	margin-top: 5px;
}
main .sub_container section .feature_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
    margin-top: 40px;
}
main .sub_container section .feature_list.datadog {
	grid-template-columns: repeat(2, 1fr);	
}
main .sub_container section .feature_list li {
	border-radius: var(--normal-border-radius);
	background: var(--white-color);
	padding: 30px;
	box-shadow: var(--normal-box-shadow);
	position: relative;    
	display: flex;
    flex-direction: column;
    gap: 15px;
}
main .sub_container section .feature_list li h3.tit {
	font-size: var(--xlarge-font-size);
	font-weight: 700;
	color: var(--primary-color);
}
main .sub_container section .feature_list li h4 {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
}
main .sub_container section .feature_list li h4 span {
	font-size: var(--large-font-size);
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
main .sub_container section .feature_list li p.screenshot {
	text-align: center;
}
main .sub_container section.cppo .img_cppo {
	border-radius: var(--normal-border-radius);
	padding: 40px;
	background: var(--white-color);
	box-shadow: var(--normal-box-shadow);
	width: 100%;
	text-align: center;
	margin-top: 40px;
}
main .sub_container.mongodb section .solution_implementation,
main .sub_container.upstage section .solution_implementation {
	background: var(--white-color);
	box-shadow: var(--normal-box-shadow);
	margin-bottom: 40px;
}
main .sub_container.mongodb section .solution_implementation:last-child {
	margin-bottom: 0px;
}
main .sub_container.mongodb section .solution_implementation h5 {
	font-weight: 700;
	font-size: var(--large-font-size);
	text-align: center;
	color: #46C100;	    
}
main .sub_container.mongodb section .solution_implementation ul {
	width: 100%;	
	border: var(--normal-border);
	border-radius: var(--normal-border-radius);
	padding: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 10px;
}
main .sub_container.mongodb section .solution_implementation ul li,
main .sub_container.about section .solution_implementation ul li {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: var(--large-font-size);    
	text-align: center;
    gap: 10px;
}
main .sub_container.mongodb section .solution_implementation ul.logo {
	justify-content: center;
}
main .sub_container.mongodb section .solution_implementation ul.logo li {
	flex: auto;
}
main .sub_container.watchingon .btn_shortcut {
	background: #00C1AD;
}
main .sub_container.billingon .btn_shortcut {
	background: #FE5B83;
}
main .sub_container.datadog .btn_shortcut {
	background: #5F24EB;
}
main .sub_container.mongodb .btn_shortcut {
	background: #46C100;
}
main .sub_container.rescale .btn_shortcut {
	background: #00A9DE;
}
main .sub_container.upstage .btn_shortcut {
	background: #805CFB;
}
.card-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.search_area .total {
	font-size: var(--medium-font-size);
}
.search_area .total span {
	font-weight: 700;
	color: var(--primary-color);
}
.card-list dl {
	border-radius: var(--normal-border-radius);
	box-shadow: var(--normal-box-shadow);
	padding: 40px;
	display: flex;
    flex-direction: column;
    gap: 25px;
    cursor: pointer;
}
.card-list dl:hover {
	background: var(--primary-light-color);
}
.card-list dl .card-logo {
	width: 100%;
	height: 250px;
	position: relative;
	background: var(--white-color);
	border-radius: var(--normal-border-radius);
}
.card-list dl .card-logo img {
    height: fit-content;
    max-height: 170px;
    max-width: 230px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.card-list dl .card-productName {
	font-size: var(--xlarge-font-size);
	font-weight: 700;
}
.card-list dl .card-productName a {
	color: var(--primary-color);
	transition: .1s;
}
.card-list dl .card-productName a:hover {
	text-decoration: underline;
}
.card-list dl .card-description {
	font-size: var(--large-font-size);
/*     min-height: 25px; */
    height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.4;
}
.card-list dl .card-buttons,
.product-buttons {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.btn.disabled {
	cursor: not-allowed !important;
	background: #e0e0e0;
    color: #aaa;
}
.product-logo {
	width: 350px;
    height: 200px;
    border-radius: var(--normal-border-radius);
    box-shadow: var(--normal-box-shadow);
    border: var(--normal-border);
    position: relative;
}
.product-logo img {
	max-width: 60%;
	max-height: 80%;
	width: fit-content;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.product-info {
	border: var(--normal-border);
    border-radius: var(--normal-border-radius);
    padding: 40px;
    margin-bottom: 40px;
    display: flex;
    gap: 50px;
    align-items: center;
}
.product-info div.product-name {
	flex: 2;    
	display: flex;
    flex-direction: column;
    gap: 20px;
}
.product-info div.product-buttons {
	flex: 1;
}
.product-info h3 {
	font-weight: 700;
	font-size: var(--stit-font-size);
}
.aws-marketplace {
	width: 100%;
	padding: 40px;
	border-radius: var(--normal-border-radius);
	background: var(--primary-light-color);
	border-left: 20px solid var(--primary-color);
	display: flex;
	gap: 25px;
	align-items: center;
	margin-bottom: 40px;
}
.aws-marketplace h3 {
	width: 400px;
}
.aws-marketplace h3 img {
	width: 100%;
}
.product-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px;
    gap: 30px;
}
.product-content h3 {
	font-size: var(--xlarge-font-size);
	font-weight: 700;
	margin-bottom: 10px;
	position: relative;
    display: inline-block;
}
.product-overview,
.product-right {
    flex: 1;
}
.product-right {
    display: flex;
    flex-direction: column;
}
.product-overview {
    text-align: left;
}
.product-overview ul,
.product-highlights ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.product-overview ul li,
.product-highlights ul li {
	display: flex;
	gap: 15px;
	word-break: break-word;
}
.product-highlights,
.product-details {
    padding: 30px;
    background: var(--light-color);
    border-radius: var(--normal-border-radius);
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.product-details dl {
	display: flex;
	border-bottom: var(--normal-border);
    padding-bottom: 10px;
}
.product-details dl dt {
	flex: 1;
	font-weight: 700;
}
.product-details dl dd {
	flex: 2;
}
.detail-row {
    display: flex;
    justify-content: space-between;  /* �젣紐⑷낵 �뜲�씠�꽣 媛꾧꺽 �젙�젹 */
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;  /* �빆紐� 援щ텇�꽑 */
}
.detail-label {
    font-weight: bold;
    width: 40%;  /* �쇊履� �젣紐� �쁺�뿭 */
    text-align: left;
}
.detail-value {
    width: 60%;  /* �삤瑜몄そ 媛� �쁺�뿭 */
    text-align: right;
}
.tooltip {
    position: relative;
    cursor: pointer;
    color: blue;
    text-decoration: underline;
}
.tooltip-text {
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 8px 12px;
    border-radius: 5px;
    font-size: 14px;
    white-space: nowrap;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 5px;
    display: none;
    z-index: 10;
}
.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
.popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}
.popup-content dl {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}
.popup-content dt {
    font-weight: bold;
    width: 40%;
    text-align: left;
}
.popup-content dd {
    width: 60%;
    text-align: right;
}
.popup-content input {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.popup-buttons {
    margin-top: 20px;
    display: flex;
    gap: 10px;
    justify-content: center;
}
#productOverview {
    list-style-type: none; /* 由ъ뒪�듃 �븵 �젏 �젣嫄� */
    padding-left: 0; /* �쇊履� �뿬諛� �젣嫄� */
}
/* blog */
.main_visual_list {
    margin: 80px 0px 0px 0px;
/*     overflow: hidden; */
    height: calc(100vh - 260px);
}
.main_visual_list .splide__track {
	height: 100%;
} 
.main_visual_list ul {
	height: 100%;
}
.main_visual_list ul li {
	height: 100%;
}
.main_visual_list .splide__pagination {
	align-items: flex-end;
}
.main_visual_list .splide__pagination li {
	height: auto;
}
/* 釉붾줈洹몄슜 �솕�궡�몴 �쐞移� �닔�젙 */
main.post .splide__arrow--prev{
	left: 3em;
} 
main.post .splide__arrow--next{
	right: 3em;
} 
.blog_banner {
	width: 100%;
    height: 100%;
    background-size: cover;
    position: relative;
    padding: 0px 200px;
}
.blog_banner .blog_banner_content {
	width: 100%;
	height: 100%;
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content: space-between;
}
.blog_banner div,
.blog_banner ul {
	flex: 1;
	height: auto;
}
.blog_banner .main_symbol img {
	width: 100%;
}
.blog_banner .tit_page {
	text-align: left;
	font-size: var(--intro-font-size);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
}
.blog_banner .tit_page h5 {
	font-size: var(--xlarge-font-size);
}
.share_url {
	position: fixed;
	top: 220px;
	right: 2%;
    background: var(--white-color);
    border-radius: var(--normal-border-radius);
    box-shadow: var(--normal-box-shadow);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.share_url h3 {
	font-weight: 700;
}
.post_banner {
	width: 100%;
	border-radius: var(--normal-border-radius);
	padding: 50px 70px;
	background: url(../images/sub/bg_blog.png) right no-repeat var(--secondary-light-color);
    background-size: contain;
}
.post_banner .tag li p {
    font-size: var(--stit-font-size);
    text-align: center;
}
.post_banner .tag li p span {
	font-weight: 700;
	color: var(--primary-color);
}
.writer {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
}
.writer .writer_photo {
	width: 130px;
	height: 130px;
	overflow: hidden;
    background: var(--light-blue-color);
	border-radius: var(--round-border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
}
.writer .writer_photo img {
	width: 100%;
}
.writer .name {
	font-weight: 700;
	font-size: var(--large-font-size);
}
.writer .intro {
	font-size: var(--small-font-size);
	color: var(--default-color);
}
#postBottomWriterUl.writer {
	align-items: center !important;
	border-bottom: var(--normal-border);
	padding-bottom: 50px;
}
/* customer */
.sub_container.customer .tit_section {
	text-align: center !important;
}
.customer_banner {
	width: 100%;
    height: 100%;
    background: url('../images/sub/bg_customer.png');
    background-size: cover;
    padding: 0px 0px;
}
.customer_banner .customer_banner_content {
	width: 100%;
	height: 100%;
    display: flex;
    position: relative;
    align-items: center;
    gap: 40px;
    justify-content: space-between;
} 
.customer_banner .main_symbol {
	width: 70%;
	height: 100%;
}
.customer_banner .tit_visual {
	width: 40%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
	padding: 0px 60px 0px 10px;
}
.customer_banner .tit_visual li {
	height: auto;
}
.customer_banner .tit_visual .logo {
	height: 50px;
} 
.customer_banner .tit_visual .logo img {
	max-height: 100%;
}
.customer_banner .main_symbol img {
	width: 100%;
}
.customer_banner .tit_page {
	text-align: left;
	font-size: var(--intro-font-size);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.customer_banner .tit_page h5 {
	font-size: var(--large-font-size);
	line-height: 1.5;
   	padding-bottom: 30px;
}
.customer_banner .tit_page span {
	font-size: var(--large-font-size);
	font-weight: 700;
}
.customer_list {
	width: 100%;
	border-radius: var(--normal-border-radius);
	background: var(--gray-color);
	padding: 40px;
}
.customer_list ul {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 10px;
}
.customer_list ul li {
	background: var(--white-color);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: var(--normal-border-radius);
	height: 100px;
}

.interview .listArea,
.case_study .listArea {
	border-top: 0px;
}
.interview .splide__list {
	height: auto;
}
.listArea .splide_center_box {
	display: flex;  
  	justify-content: center; 
  	align-items: center;  
  	height: 100%; 
  	background: white;
    border-radius: var(--normal-border-radius);
    box-shadow: var(--normal-box-shadow);
}
.listArea .splide_center_box .card {
	width: 100%;
}
.listArea .splide_center_box .card .thumbnail {
	height: 350px;
	border-radius: 20px 20px 0px 0px;
	overflow: hidden;
    display: flex;
    justify-content: center;
    position: relative;
    background: var(--dark-color);
}
.listArea .splide_center_box .card .thumbnail a {
	background: #000;
	width: 100%;
	overflow: hidden;
}
.listArea .splide_center_box .card .thumbnail img {
    opacity: .8;
    min-height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.listArea .splide_center_box .card .thumbnail .btn_play {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 60px;
    background: url(../images/sub/customer/btn_play.png) no-repeat;
    background-size: contain;
    cursor: pointer;
}
.listArea .splide_center_box .card .tit_blog {
	font-weight: 700;
	font-size: var(--large-font-size);
	color: var(--primary-color);
}
.listArea .splide_center_box .card .card_info {
	padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
}
.sub_container.customer .listArea .listUl .card .card_info .tit,
.listArea .splide_center_box .card .card_info .tit {
	font-size: var(--xlarge-font-size);
	font-weight: 700;
	height: 22px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1.2;
    color: var(--primary-color);
}
.listArea .splide_center_box .card .card_info .desc {
	font-size: var(--large-font-size);
	max-height: 55px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.4;
}

.case_header {
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    margin-bottom: 50px !important;
}
.case_header .case_info,
.case_header p {
	width: 50%;
}
.case_header p {
	text-align: right;
    overflow: hidden;
}
.case_header p img {
	min-height: 350px;
	max-height: 350px;
    width: fit-content;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.case_header .case_info {
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding-right: 100px;
}
.case_header .case_info .tit_case {
	font-weight: 800;
	font-size: var(--tit-font-size);
	line-height: 1.4;
}
.case_header .case_info .customer_logo {
	height: 50px;
}
.case_header .case_info .customer_logo img {
	max-height: 100%;
}
.caseKeyDiv {
	display: flex;
	gap: 40px;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
.caseKeyDiv .keyListDiv {
	width: calc(50% - 20px);
	border-radius: var(--normal-border-radius);
	box-shadow: var(--normal-box-shadow);
	border-bottom: 10px solid var(--primary-color);
}
.caseKeyDiv .keyListDiv h4 {
	padding: 20px 40px;
	font-weight: 700;
	color: var(--primary-color);
	border-radius: 20px 20px 0px 0px;
	font-size: var(--xlarge-font-size);
	background: var(--primary-light-color);
}
.caseKeyDiv .keyListDiv .keyListUl {
	padding: 40px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.caseKeyDiv .keyListDiv .keyListUl li {
	font-size: var(--large-font-size);
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.tit_customer {
    font-size: var(--tit-font-size);
    font-weight: 700;
    margin-bottom: 40px;
    position: relative;
    display: inline-block;
}
.tit_customer:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background: var(--primary-color);
    bottom: -8px;
    left: 0;
    z-index: -1;
}
.interview_area {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}
.interview_area .interview_detail {
	width: calc(70% - 40px);
}
.interview_area .interview_detail .customer_intro {
	font-size: var(--large-font-size);
	line-height: 1.4;
	margin-bottom: 40px;
}
.interview_area .interview_detail .interview_content {
	border-radius: var(--normal-border-radius);
	background: var(--primary-light-color);
	line-height: 1.4;
	padding: 40px 80px;
	width: 100%;
	position: relative;
}
.interview_area .interview_detail .interview_content:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 10%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: var(--primary-light-color);
	border-bottom: 0;
	border-right: 0;
	margin-bottom: -20px;
}
.interview_area .interview_detail .interview_content .interviewe {
	display: block;
	margin-top: 20px;
	font-weight: 700;
}
.interview_area .interview_detail .interview_content .big_d_quotes_before {
	width: 24px;
	height: 18px;
	background: url('../images/sub/customer/quotes_before.png');
	position: absolute;
	top: 30px;
	left: 40px;
}
.interview_area .interview_detail .interview_content .big_d_quotes_after {
	width: 24px;
	height: 18px;
	background: url('../images/sub/customer/quotes_after.png');
	position: absolute;
	bottom: 30px;
	right: 40px;
}
.interview_area .customer_info {
	border-radius: var(--normal-border-radius);
	box-shadow: var(--normal-box-shadow);
	padding: 40px;
	width: 30%;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.interview_area .customer_info dl dt {
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
	border-radius: var(--round-border-radius);
	padding: 5px 10px;
	margin-bottom: 10px;
	width: fit-content;
}
.interview_area .customer_info dl dd {
	font-weight: 700;
	font-size: var(--xlarge-font-size);
}
/* Resources */
.newsletter_intro {
	width: 100%;
	height: 580px;
	background: url('../images/sub/bg_newsletter.png') bottom center no-repeat; 
}
.newsletter_intro .divider {
	width: 40px;
	height: 5px;
	font-size: 0px;
	background: var(--default-color);
	margin: 40px 0px;
}
.newsletter_subscribe {
	width: 450px;
	background: var(--white-color);
	border-radius: var(--normal-border-radius);
	box-shadow: var(--normal-box-shadow);
	padding: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
    position: absolute;
    right: 0;
    top: 0;
}
.newsletter_subscribe .divider {
	height: 2px;
	background: var(--text-color);
	width: 100%;
	font-size: 0px;
	margin: 0px;
}
.newsletter_subscribe ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}
.newsletter_subscribe ul li,
.newsletter_subscribe .btn {
	width: 100%;	
}
.listArea.newsletter .listUl .card_large .detail {
	width: calc(100% - 400px);
}
.newsletter_subscribe ul li .input_text {
	width: 100%;
	font-size: var(--large-font-size) !important;
	padding: 12px 30px;
}
.input_search input {
	border: none;
}
.brochure_list .check_all {
	position: absolute;
	right: 0px;
	top: 40px;
}
.brochure_list .listUl {
	padding-top: 30px;
}
.brochure_list .listUl .card_list {
	grid-template-columns: repeat(4, 1fr) !important;
}
.brochure_list .listUl .card_list .card {
	padding: 50px 30px;
	font-weight: 700;
	font-size: var(--stit-font-size);
    justify-content: center !important;
    align-items: center !important;
    cursor: pointer;
}
.brochure_list .listUl .card_list .card .delChk {
	position: absolute;
	top: 30px;
	left: 30px;
}
.brochure_agree {
	background: var(--light-color);
	border-radius: var(--normal-border-radius);
	padding: 25px;
	margin-top: 20px;
}
.brochure_agree h5 {
	font-weight: 700;
	margin-bottom: 15px;
}
.brochure_agree dl {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: var(--white-color);
    padding: 15px;
    border-radius: var(--normal-border-radius);
}
.brochure_agree dl dt {
	border-bottom: 1px solid var(--text-color);
    padding-bottom: 15px;
}
.brochure_agree dl .btn_detail {
	border-radius: var(--round-border-radius);
	border: var(--normal-border);
	font-size: var(--xsmall-font-size);
	padding: 3px 5px;
}
.brochure_agree dl ul {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.brochure_agree dl ul li {
	font-size: var(--small-font-size);
}
.brochure_agree dl ul li:last-child {
	padding-left: 20px;
}
.brochure_agree dl ul li label {
	font-weight: 700;
}
/* about */
main .sub_container.about section .solution_implementation ul {
	width: 100%;
    background: var(--white-color);
	border-radius: var(--normal-border-radius);
	padding: 40px;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	align-items: flex-start;
	gap: 30px;
}
main .sub_container.about section .solution_implementation ul li {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: var(--large-font-size);    
	text-align: center;
    gap: 15px;
}
main .sub_container.about section .solution_implementation {
	margin-bottom: 40px;
}

main .sub_container.about section .solution_implementation:last-child {
	margin-bottom: 0px;
}
main .sub_container.about section .solution_implementation.premier ul {
	display: flex;
	flex-wrap: wrap;
}
main .sub_container.about section .solution_implementation.premier ul li {
	flex: 1;
	align-items: flex-start;
	text-align: left;
}
main .sub_container.about section .solution_implementation.premier ul li span {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}
main .sub_container.about section .history ul {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
main .sub_container.about section .history ul li {
	flex: 1;
}
main .sub_container.about section .history ul.year {
	border-bottom: 1px solid var(--primary-light-color);
	margin: 50px 0px;
}
main .sub_container.about section .history ul.year li {
	font-weight: 700;
	font-size: var(--mtit-font-size);
	color: var(--primary-color);
	text-decoration: underline;
	padding-bottom: 30px;
	position: relative;
}
main .sub_container.about section .history ul.year li:after {
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    border-radius: var(--round-border-radius);
    background: var(--white-color);
    border: 3px solid var(--primary-color);
    position: relative;
    bottom: -37px;
}
main .sub_container.about section .history ul.detail li {
	padding: 20px;
	border-radius: var(--normal-border-radius);
	background: var(--white-color);
	display: flex;
	flex-direction: column;
	gap: 15px;
}
main .sub_container.about section .history ul.detail li span {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}
main .sub_container.about section .history_mobile {
	display: none;
}
/* �긽�떞�떊泥� */
main .sub_container .table_input dl dd .table_list tbody td ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
main .sub_container .agree {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
	margin-top: 20px;
}
main .sub_container .agree .btn_detail {
	border: var(--normal-border);
	border-radius: var(--round-border-radius);
	color: var(--default-color);
	margin: 0px 10px;
	padding: 5px 8px;
	font-size: var(--xsmall-font-size);
	background: var(--white-color);
}
main .sub_container .agree .btn_detail.less_margin {
	margin: 0px 5px;
}
main .sub_container .btn_area {
	margin-top: 50px;
	display: flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
}
main .sub_container .table_input {
	background: var(--white-color);
	border-radius: var(--normal-border-radius);
	padding: 30px;
	margin-bottom: 20px;
	box-shadow: var(--normal-box-shadow);
}
main .sub_container .table_input dl {
    display: flex;
    align-items: start;
    min-height: 50px;
}
main .sub_container .table_input dl.half dd {
	width: 50% !important;
}
main .sub_container .table_input dl dd {
    width: 100%;
    padding: 10px;
    vertical-align: middle;
}
main .sub_container .table_input dl dd .table_list tbody td {
	text-align: left;
}
main .sub_container .table_input dl dd .tit {
	font-size: var(--small-font-size);
	font-weight: 700;
    margin-bottom: 10px;
    display: block;
}
main .sub_container .table_input dl dd .input_text,
main .sub_container .table_input dl dd .select,
main .sub_container .table_input dl dd textarea {
    width: 100%;
}
main .sub_container .table_input dl dd textarea {
    padding: 20px;
}

main .sub_container section.gray {
	background: var(--light-blue-color);
}
main .search_list {
	overflow: hidden;
    background: white;
    display: none;
    width: 100%;
    left: 0px;
    padding: 20px 0px;
    position: absolute;
    box-shadow: var(--normal-box-shadow);
    z-index: 10;
    border-radius: var(--normal-border-radius);
}
main .search_list ul li {
	padding: 10px 20px;
}
main .search_list ul li:hover {
	background: var(--primary-light-color);
}
@media all and (min-width:1921px) {
	.blog_banner .blog_banner_content,
	.customer_banner .customer_banner_content {
		width: 1900px;
		margin: auto;
	} 
	.main_visual_list {
		height: calc(100vh - 160px)
	}
}
@media (min-width:1281px) and (max-width: 1400px) {
	main .sub_container section.architecture .img_architecture p img,
	main .sub_container section .img_benefit img {
		width: 100%;
	}
}
@media (min-width:1025px) and (max-width: 1280px) {
	main .sub_container section.architecture .img_architecture p img,
	main .sub_container section .img_benefit img {
		width: 100%;
	}
}
@media all and (max-width:1024px) {
	main .sub_container section.overview ul {
		flex-wrap: wrap;
		gap: 30px;
	}
	main .sub_container section.overview ul li img,
	main .sub_container section .solution_implementation .img_solution img,
	main .sub_container section.architecture .img_architecture p img,
	main .sub_container section.cppo .img_cppo img,
	main .sub_container section .feature_list li img,
	main .sub_container.mongodb section .solution_implementation ul li img,
	main .intro_about ul img,
	main .sub_container section .img_benefit img {
		width: 100%;
	}
	main .sub_container section.solution .ict_edu ul,
	main .sub_container section.solution .ict_academy ul,
	main .sub_container section.solution .solution_cost,
	main .sub_container section.benefit .benefit_managed,
	main .sub_container.offering section.solution .solution_cost,
	main .sub_container section .advantage_list,
	main .sub_container section .feature_list,
	main .sub_container section .feature_list.datadog,
	main .sub_container.about section .solution_implementation ul,
	.brochure_list .listUl .card_list,
	.customer_list ul,
	.card-list {
		grid-template-columns: 1fr !important;
		gap: 20px !important;
	}
	main .sub_container section.solution .managed_msp {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 20px !important;
	}
	main .sub_container section .service_benefit {
		flex-direction: column;
	}
	main .sub_container section.architecture .img_architecture,
	main .sub_container section.architecture .img_architecture p {
		padding: 10px;
	}
	main .tab_page {
		gap: 0px;
	}
	main .tab_page li {
		padding: 15px 8px;
	}
	.newsletter_intro {
		height: auto;
	}
	.newsletter_subscribe {
		position: unset;
		width: 100%;
		margin-top: 40px;
	}
	.listArea.newsletter .listUl .card_large .detail {
		width: 100% !important;
	}
	.main_visual_list {
		margin: 80px 0px 0px 0px;
		height: 500px; 
	}
	.blog_banner {
		padding: 50px 30px;
		height: 450px;
	}
	.blog_banner .blog_banner_content {
		display: block;
	}
	.blog_banner .tit_page {
		gap: 15px;
		align-items: center;
        text-align: center;
	}
	.blog_banner .tit_page h5 {
	    max-height: 60px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    line-height: 1.2;
	    padding: 0;
	}
	.blog_banner .blog_banner_content .main_symbol {
		margin-bottom: 20px;
	}	
	.blog_banner .blog_banner_content .main_symbol img {
		width: auto;
		max-width: 80%;
		max-height: 100px;
	}
	.customer_banner .customer_banner_content {
		gap: 20px !important;
		padding-bottom: 30px;
		flex-wrap: wrap;
	}
	.customer_banner .main_symbol,
	.customer_banner .tit_visual {
		width: 100%;
	}
	.customer_banner .main_symbol iframe {
		height: auto !important;
      	aspect-ratio: 16 / 9;
	}
	.customer_banner .tit_visual {
		gap: 10px;
		padding: 0px 30px;
	}
	.customer_banner .tit_visual .logo {
		height: 30px;
	}
	.customer_banner .tit_page h5 {
		background: none;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 4;
	    -webkit-box-orient: vertical;
	    line-height: 1.2;
	    padding: 0;
	    margin-bottom: 10px;
	}
	.listArea .splide_center_box .card .thumbnail {
		height: 200px;
	}
	.detailDiv {
		padding-top: 30px;
	}
	.case_header {
		flex-wrap: wrap;
	}
	.case_header .case_info, 
	.case_header p,
	.caseKeyDiv .keyListDiv,
	.interview_area .interview_detail,
	.interview_area .customer_info {
		width: 100%;
	}
	.case_header p img {
	    width: auto !important;
	}
	.case_header .case_info {
		padding-right: 0px;
	}
	.brochure_list .check_all {
		right: 30px;
	}
	.share_url {
		display: none !important;
	}
	main .sub_container.about section .history {
		display: none;
	}
	main .sub_container.about section .history_mobile {
		display: block;
	}
	main .sub_container.about section .history_mobile ul {
		display: flex;
		flex-direction: column;
		gap: 10px;
		flex-wrap: wrap;
	}
	main .sub_container.about section .history_mobile ul li.year {
		font-weight: 700;
		font-size: var(--mtit-font-size);
		color: var(--primary-color);
		text-decoration: underline;
		padding-bottom: 10px;
		position: relative;
	}
	main .sub_container.about section .history_mobile ul li.detail {
		padding: 20px;
		border-radius: var(--normal-border-radius);
		background: var(--white-color);
		display: flex;
		flex-direction: column;
		gap: 15px;
		margin-bottom: 15px;
	}
	main .sub_container.about section .history_mobile ul li.detail span {
		display: flex;
		gap: 10px;
		align-items: flex-start;
	}
	main .tit_area.marketplace_list {
		padding: 30px !important;
		position: relative;
	}
	main .tit_area.marketplace_list .input_search {
		position: absolute;
		bottom: -100px;
		right: 30px;
	} 
	main .tit_area.marketplace_list .input_search .btn {
		display: unset;
	}
	.aws-marketplace {
		flex-wrap: wrap;
	}
	.card-list dl .card-description {
		height: auto;
	}
	.product-info {
		padding: 30px;
		gap: 20px;
		flex-direction: column;
	}
	.product-logo {
		width: 100%;
	}
	.product-content {
		flex-direction: column;
	}
	.product-overview {
		width: 100%;
	}
}