@font-face {
    font-family: 'SUIT';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'Gmarket Sans TTF';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
    font-family: 'Gmarket Sans TTF';
    src: url('../fonts/GmarketSansTTFBold.woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gmarket Sans TTF';
    src: url('../fonts/GmarketSansTTFLight.woff');
    font-weight: 300; /* light는 일반적으로 300의 폰트 가중치에 해당합니다. */
    font-style: normal;
}

@font-face {
    font-family: 'Gmarket Sans TTF';
    src: url('../fonts/GmarketSansTTFMedium.woff');
    font-weight: 500; /* medium은 일반적으로 500의 폰트 가중치에 해당합니다. */
    font-style: normal;
}


@font-face {
  font-family: 'Akira Expanded';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/Akira-Expanded-Demo.woff');
}



.tp-bannertimer	{
	display:none !important;
}


@media (min-width: 1660px) {
    .container {
        width: 1630px;
    }
}

@media (min-width: 1260px) {
    .container.mid_width {
        width: 1230px;
    }
}

.erom_blue {
	color: #3582FF !important;
}

#header a.logo>img {
	width:260px; height:auto !important;
}

.container_header {	
	padding-right: 60px;
    padding-left: 60px;
    margin-right: auto;
    margin-left: auto;
}

#topMain.nav-pills>li>a { 

	color: #FFF !important;

	font-family: "Gmarket Sans TTF" !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 700 !important; 
	letter-spacing: -0.1px !important;

	padding: 10px 30px !important;

	border-radius: 0px !important;
}

#topMain.nav-pills>li.active>a {
	border-bottom:1px solid #3582FF; 
}

#header.fixed.transparent #topMain.nav-pills>li>a {
    color: #151515 !important;
}

.sub_header #topMain.nav-pills>li>a { 
	color: #333 !important;
}

.sub_header #topMain.nav-pills>li.active>a { 
	color: #3582FF !important;
}



#header ul.nav-second-main {
    border-left: 1px solid #fff !important;
    padding-left: 15px !important;
}

.ter_top_link a {  

	position:relative;

	color: #FFF !important;
	font-family: "Gmarket Sans TTF" !important;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.3px;

	padding-left:36px !important;
}

#header.fixed .ter_top_link a, .sub_header .ter_top_link a {  
	color: #3582FF !important;
}

#header.fixed ul.nav-second-main {
    border-left: 1px solid #ddd !important;
}

.ter_top_link a img { 
	position:absolute;
	top:-5px;
	left:0px;
}



.erom_slide_text_box {
	position:absolute; top:46%; left:10%;
}

.erom_slide_text_box h1 {
	
	color: #FFF;
	font-family: "Akira Expanded";
	font-size: 100px;
	font-style: normal;
	font-weight: 800;
	line-height: 90px; /* 90% */
	letter-spacing: -2.5px;

	margin-bottom:50px;	

	text-shadow:none !important;
}

.erom_slide_text_box h3 {
	
	color: #FFF;
	font-family: SUIT;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.8px;

	margin-bottom:12px;	
	margin-left:100px;

	text-shadow:none !important;
}

.erom_slide_text_box p {
	
	color: #FFF;
	font-family: SUIT;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.36px;

	margin-bottom:40px;	
	margin-left:100px;

	text-shadow:none !important;
}

.erom_slide_text_box a {

	display: inline-flex;
	padding: 8px 20px;
	justify-content: center;
	align-items: center;
	gap: 6px;

	border: 1px solid #FFF;

	color: #FFF !important;
	font-family: "Akira Expanded";
	font-size: 13px;
	font-style: normal;
	font-weight: 800;
	line-height: 140%; /* 18.2px */

	text-shadow: rgba(0, 0, 0, 0.16) 1px 1px 1px;

	margin-left:100px;

	text-shadow:none !important;
}

.erom_slide_text_box a span {
	font-family: SUIT;
}




.erom_slide_text_box.gray_text_box h1, .erom_slide_text_box.gray_text_box h3, .erom_slide_text_box.gray_text_box p {
	color:#333 !important;
}

.erom_slide_text_box.gray_text_box a {
	color:#333 !important;
	border: 1px solid #333 !important;
}


.erom_slide_text_box a:hover, .erom_slide_text_box a:focus {
	background:#3582FF; border: 1px solid #3582FF !important; color:#fff !important;
}







.erom_tit {
	color: #333;
	font-family: "Gmarket Sans TTF";
	font-size: 50px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: -1px;
	text-transform: capitalize;
}

.erom_tit strong {
	font-weight: 500;
}





.erom_pf_box {
	margin-bottom:40px;
}

.erom_pf_box .image-hover {
	overflow:hidden;
}

.erom_pf_box .image-hover img {
	width:100%; 
}

.erom_pf_box .image-hover:hover>img {
	transform: scale(1.05);
}

.erom_pf_box h5 {
	margin-top:15px; margin-bottom:2px;
	color: #999;
	font-family: SUIT;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
	letter-spacing: -0.4px;
	text-transform: capitalize;
}

.erom_pf_box h3 {
	color: #333;
	font-family: SUIT;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: -0.45px;
	margin-bottom:0px;
}






.erom_work_info {
	background: #F7F7F7;
	padding:120px 0px;
	position:relative;
}

.erom_work_info .att_img {
	position:absolute; 
	top:-56px;
	right:0px;
}

.erom_work_info h1 {
	color: #333;
	font-family: "Gmarket Sans TTF";
	font-size: 58px;
	font-style: normal;
	font-weight: 500;
	line-height: 70px; /* 120.69% */
	letter-spacing: -1.45px;
	text-transform: capitalize;
	margin-bottom:90px;
}

.erom_work_info h1 img {
	margin-left:12px;
}

.erom_work_info ul {
	list-style:none; margin:0; padding:0;
}

.erom_work_info ul li {
	float:left; margin-left:60px;
}
.erom_work_info ul li:first-child {
	margin-left:0px;
}

.work_info_box {
	width:330px;
}

.work_info_box h3 {
	margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #ddd;
	color: #333;
	font-family: "Gmarket Sans TTF";
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 25.2px */
	letter-spacing: -0.45px;
	text-transform: capitalize;
}

.work_info_box p {
	color: #333;
	font-family: SUIT;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; /* 175% */
	letter-spacing: -0.4px;
	margin-bottom:0px;
}


.erom_work_info ul:after {
    content: "";
    display: block;
    clear: both;
}





.erom_tech_info {
	padding:120px 0px; 
}

.erom_tech_info h1 {
	color: #333;
	text-align: center;
	font-family: SUIT;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 56px; /* 140% */
	letter-spacing: -1px;
	margin-bottom:60px; text-align:center;
}




.erom_footer {
	background: #18181D;
	padding:60px 0px;
}

.erom_footer .logo_line {
	margin-bottom:46px;
}
.erom_footer .logo_line img {
	margin-right:80px;
}

.erom_footer .logo_line span {
	display: inline-flex;
	align-items: center;
	gap: 30px;
}
.erom_footer .logo_line span a {
	color: #FFF;
	font-family: SUIT;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px; /* 162.5% */
	letter-spacing: -0.4px; 
}

.erom_footer .logo_line span span {
	width: 1px;	height: 14px; background: #666;
}

.erom_footer .company_info_line {
	color: #999;
	font-family: SUIT;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px; /* 175% */
	letter-spacing: -0.4px;
	margin-bottom:40px;
}

.erom_footer .copyright_line {
	color: #999;
	font-family: SUIT;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px; /* 200% */
	letter-spacing: -0.35px;
}


.erom_cs_box {
	position:absolute; top:17px; right:0px; text-align:right;
}

.erom_cs_box h2 {
	color: #FFF;
	font-family: "Gmarket Sans TTF";
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.6px;
	margin-bottom:15px;
}
.erom_cs_box h2 img {
	margin-right:14px; margin-top:-5px;
}
.erom_cs_box h3 {
	color: #999;
	text-align: right;
	font-family: SUIT;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px; /* 155.556% */
	letter-spacing: -0.45px;
}

.erom_cs_box_request {
	display: flex;
    justify-content: flex-end; 
}
.erom_cs_box .erom_cs_box_request a {
	display: flex;
	width: 200px;
	height: 50px;
	padding: 14px 26px;
	align-items: center;
	gap: 20px;
	flex-shrink: 0;

	background: #FFF;

	color: #333;
	font-family: SUIT;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 22.4px */
	letter-spacing: -0.4px;
}




.erom_pf_nav {
	flex-shrink: 0; margin-bottom:60px;
}

.erom_pf_nav a {
	display: inline-flex;
	padding: 8px 26px;
	justify-content: center;
	align-items: center;
	gap: 8px;

	border-radius: 999px;
	background: #F4F4F4;

	color: #333;
	font-family: SUIT;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 22.4px */
	letter-spacing: -0.4px;
}

.erom_pf_nav a.active { 
	background: #3582FF;
	color: #FFF;
}








#fade {
	display:none;
	background-color:#000;
	position:fixed; left:0; top:0;
	width:100%; height:100%;
	opacity:.80;
	z-index:999999999;
}
.modal-block {
	display:none;
	background-color:#fff; 
	padding:40px 40px 40px 40px;
	position:fixed;
	top:50%; left:50%;
	z-index:9999999999; 
	overflow:hidden;
	box-shadow:0 0 20px #000;
	-webkit-box-shadow:0 0 20px #000;
	-moz-box-shadow:0 0 20px #000;
	border-radius:14px;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
}
.modal-close { display:block; position:absolute; right:20px; top:20px; }
.modal-tit { 
	color: #000;
	font-family: "Gmarket Sans TTF";
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 33.6px */
	letter-spacing: -0.6px;
	margin-bottom:17px;
}
.modal-con-area { width:560px; height:315px; margin-top:20px; }
*html #fade {
	position:absolute;
}
*html .modal-block {
	position:absolute;
}







.pf_detail_wrap {
	width:100%; height:710px; margin-bottom:100px;
	background-image: url('../../images/pf_detail_bg.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	position:relative;
}

.pf_detail_wrap .tit {
	position:absolute; 
	top:90px; left:50%; transform: translate(-50%, 0);

	color: #FFF;
	text-align: center;
	font-family: SUIT;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 50.4px */
	letter-spacing: -0.9px;
}

.pf_detail_wrap .pf_img {
	position:absolute; 
	top:178px; left:50%; transform: translate(-50%, 0); 
}

.pf_arrow_prev {  
	position:absolute; 
	top:50%; left:-100px; transform: translate(0, -50%); 
}

.pf_arrow_next {  
	position:absolute; 
	top:50%; right:-100px; transform: translate(0, -50%); 
}


.pf_detial_info_box {
	margin:0 auto; width:680px;
}
.pf_detial_info_box h3 {
	color: #333;
	font-family: SUIT;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 39.2px */
	letter-spacing: -0.7px;
	margin-bottom:40px;
}
.pf_detial_info_box ul {
	margin:0; padding:0; list-style:none;
}
.pf_detial_info_box ul li {
	float:left; margin-left:40px; width:200px;
}
.pf_detial_info_box ul li:first-child {
	margin-left:0px;
}
.pf_detial_info_box ul li h4 {
	color: #333;
	font-family: SUIT;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 22.4px */
	letter-spacing: -0.4px;

	margin-bottom:20px; padding-bottom:20px;
	border-bottom:4px solid #000;
}
.pf_detial_info_box ul li p {
	color: #333;
	font-family: SUIT;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 21px */
	letter-spacing: -0.375px;

	margin-bottom:0px;
}
.pf_detial_info_box ul li p a {
	color: #333;
	font-family: SUIT;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 21px */
	letter-spacing: -0.375px;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}

.pf_detial_info_box ul:after {
    content: "";
    display: block;
    clear: both;
}

.pf_detial_info_box > p {
	margin-top:40px; margin-bottom:60px;
	color: #333;
	font-family: SUIT;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px; /* 187.5% */
	letter-spacing: -0.4px;
}

.pf_detial_link {
	display: flex;
}
.pf_detial_link .btn_request {
	display: flex;
	width: 200px;
	height: 50px;
	padding: 14px 26px;
	align-items: center;
	gap: 20px;
	flex-shrink: 0;

	background: #3582FF;

	color: #FFF;
	font-family: SUIT;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 22.4px */
	letter-spacing: -0.4px;

	border-radius: 4px;
}

.pf_detial_link .btn_pf_list {
	display: flex;
	width: 200px;
	height: 50px;
	padding: 14px 26px;
	align-items: center;
	gap: 70px;
	flex-shrink: 0;

	border: 1px solid #333;
	background: #FAFAFA;

	color: #333;
	font-family: SUIT;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 22.4px */
	letter-spacing: -0.4px;

	border-radius: 4px;
}



.service_wrap {
	position:relative;
	padding-bottom:200px;
}

.service_wrap .service_tit_box {
	background: #0E2749;
	padding:109px 157px;
	display:inline-flex;
	flex-direction: column;
	justify-content: center;
	z-index:3; position:relative;
}

.service_wrap .service_tit_box h2 {
	text-align:center; margin-bottom:12px;
	color: #FFF;
	text-align: center;
	font-family: SUIT;
	font-size: 38px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 53.2px */
	letter-spacing: -0.95px;
	text-transform: capitalize;
}
.service_wrap .service_tit_box h2 span {
	color: #A2DAFF;
}

.service_wrap .service_tit_box h4 {
	color: #FFF;
	text-align: center;
	font-family: SUIT;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 25.2px */
	letter-spacing: -0.45px;
	margin-bottom:26px;
}

.service_wrap .service_tit_box p {
	color: #FFF;
	text-align: center;
	font-family: SUIT;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 22.4px */
	letter-spacing: -0.4px;
	margin-bottom:0px;
}

.service_tit_bg_img {
	position:absolute;
	top:80px; right:0px;
	z-index:2;
}

.service_tit_bg_text {
	position:absolute;
	top:-50px; left:50%; margin-left:90px;
	z-index:1;

	color: #F8F8F8;
	text-align: center;
	font-family: "Gmarket Sans TTF";
	font-size: 140px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 196px */
	letter-spacing: -3.5px; 

	text-transform: uppercase !important;
}


.gap_line {
	margin:0 auto;
	width: 1px; height: 76px; background: #DDD;
}

.service_tit {
	margin-bottom:70px; margin-top:40px;
}
.service_tit h5 {
	text-align: center; margin-bottom:0px;
	color: #3582FF;
	font-family: SUIT;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 166.667% */
	letter-spacing: -0.45px;
}
.service_tit h2 {
	text-align: center; margin-bottom:30px;
	color: #333;
	text-align: center;
	font-family: "Gmarket Sans TTF";
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 84px */
	letter-spacing: -2.4px;
}
.service_tit p {
	text-align: center; margin-bottom:0px;
	color: #333;
	text-align: center;
	font-family: SUIT;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 166.667% */
	letter-spacing: -0.45px;
}



.serivce_work_box {
	padding-top:180px; padding-bottom:120px; margin-bottom:120px; 
	position:relative;

	background-image: url('../../images/bg_service_box_01.svg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.serivce_work_box .line_01 {
	position:absolute;
	top:0px; left:50%; margin-left:-800px;
	display:inline-block;
	width: 1px;
	height: 100%;
	opacity: 0.2;
	background: #FFF;
}

.serivce_work_box .line_02 {
	position:absolute;
	top:0px; left:50%; margin-left:-300px;
	display:inline-block;
	width: 1px;
	height: 100%;
	opacity: 0.2;
	background: #FFF;
}

.serivce_work_box .line_03 {
	position:absolute;
	top:0px; left:50%; margin-left:200px;
	display:inline-block;
	width: 1px;
	height: 100%;
	opacity: 0.2;
	background: #FFF;
}

.serivce_work_box h1 {
	color: #FFF;
	font-family: "Gmarket Sans TTF";
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 84px */
	letter-spacing: -2.4px;

	margin-bottom:120px; 
}


.erom_work_cont_wrap {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
}
.erom_work_cont {
	width:500px;
}
.erom_work_cont h3 {
	color: #FFF;
	font-family: SUIT;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 39.2px */
	letter-spacing: -0.7px;
	margin-bottom:66px;
}
.erom_work_cont h3 span {
	color: #84F7FF;
}
.erom_work_cont h5 {
	color: #FFF;
	font-family: SUIT;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px; /* 166.667% */
	letter-spacing: -0.45px;
	margin-bottom:0px;
}
.erom_work_cont .work_value {
	color: #84F7FF; 
	font-family: ChangwonDangamRound;
	font-size: 80px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 112px */
}
.erom_work_cont .work_value span {
	color: #FFF;
	font-family: SUIT;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 125% */
	letter-spacing: -0.6px;
}




.our_service_wrap {
	margin-bottom:160px;
}
.our_service_wrap h2 {
	color: #333;
	text-align: center;
	font-family: "Gmarket Sans TTF";
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 42px */
	letter-spacing: -0.75px;
	text-transform: capitalize;
	margin-bottom:60px;
}

.our_service_box {
	background: #FAFAFA;
	height: 460px;
	text-align: center;
}

.our_service_box h4 {
	padding-top:50px; margin-bottom:15px;
	color: #3582FF;
	text-align: center;
	font-family: "Gmarket Sans TTF";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 19.6px */
	letter-spacing: 1.4px;
	text-transform: capitalize;
}

.our_service_box h3 {
	color: #333;
	text-align: center;
	font-family: SUIT;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px; /* 125% */
	letter-spacing: -0.6px;

	margin-bottom:20px; padding-bottom:20px; position:relative;
}
.our_service_box h3:after {
	content: '';
	position: absolute;
	bottom: 0px; left:50%; margin-left:-10px;
	width: 20px; height: 1px; background: #DDD;
}

.our_service_box p {
	color: #333;
	text-align: center;
	font-family: SUIT;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 162.5% */
	letter-spacing: -0.4px;

	margin-bottom:55px;
}

.our_service_box .box_icon_img {
	text-align: center;
}

.request_btn_wrap {
	text-align: center; margin-top:100px;
}
.request_btn_wrap a {
	display: inline-flex;
	height: 50px;
	padding: 14px 34px;
	align-items: center;
	gap: 30px;
	flex-shrink: 0;
	border-radius: 999px;
	background: #3582FF;

	color: #FFF;
	font-family: SUIT;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 25.2px */
	letter-spacing: -0.45px;
}
.request_btn_wrap a:hover, .request_btn_wrap a:focus {
	color: #FFF;
}




.service_shop_wrap {
	margin-bottom:160px;
}

.service_shop_tit {
	margin-bottom:100px;  text-align: center; 
}
.service_shop_tit h2 {
	color: #333;
	font-family: "Gmarket Sans TTF";
	font-size: 44px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 61.6px */
	letter-spacing: -1.1px;
	text-transform: capitalize;

	margin-bottom:19px;
}
.service_shop_tit p {
	color: #333;
	font-family: SUIT;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; /* 175% */
	letter-spacing: -0.4px;

	margin-bottom:0px;
}

.service_shop_box {
	position:relative;
	border-radius: 40px 0px;
	padding:70px 50px;
	background: #26477B;
}

.service_shop_box h4 {
	color: #FFF;
	font-family: "Gmarket Sans TTF";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 19.6px */
	letter-spacing: 1.4px;
	text-transform: capitalize;

	margin-bottom:15px;
}

.service_shop_box h3 {
	color: #FFF;
	font-family: SUIT;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px; /* 125% */
	letter-spacing: -0.6px;

	margin-bottom:20px; padding-bottom:20px; position:relative;
}

.service_shop_box h3:after {
	content: '';
	position: absolute;
	bottom: 0px; left:0px;
	width: 20px; height: 1px; background: #DDD;
	opacity: 0.5;
}

.service_shop_box p {
	color: #FFF;
	font-family: SUIT;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px; /* 162.5% */
	letter-spacing: -0.4px;

	margin-bottom:0px;
}

.service_shop_box .box_icon_img {
	position:absolute; top:50px; right:50px;
}

.service_shop_box.type1 {
	margin-top:-30px;
}

.service_shop_box.type2 {
	background: #EEF2F9;
}
.service_shop_box.type2 h4 {
	color: #9DA9BE; 
}
.service_shop_box.type2 h3 {
	color: #333; 
}
.service_shop_box.type2 p {
	color: #666; 
}

.service_shop_box.type3 {
	background: #798393;
}

.service_shop_box.type4 {
	background: #FAFAFA;
}
.service_shop_box.type4 h4 {
	color: #9DA9BE; 
}
.service_shop_box.type4 h3 {
	color: #333; 
}
.service_shop_box.type4 p {
	color: #666; 
}




.service_sns_box {
	min-height:580px;
	border-radius: 20px; background: #FAFAFA;
	padding:50px 20px 20px 20px;
	text-align:center;
}
.service_sns_box .box_icon_img {
	text-align:center; margin-bottom:34px;
}

.service_sns_box h4 {
	color: #3582FF;
	font-family: SUIT;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 21px */
	letter-spacing: -0.375px;

	margin-bottom:8px;
}

.service_sns_box h3 {
	color: #333;
	font-family: "Gmarket Sans TTF";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 22.4px */
	letter-spacing: -0.4px;
	text-transform: capitalize;
	margin-bottom:20px; padding-bottom:20px; position:relative;
}
.service_sns_box h3:after {
	content: '';
	position: absolute;
	bottom: 0px; left:50%; margin-left:-10px;
	width: 20px; height: 1px; background: #DDD;
}

.service_sns_box p {
	color: #333;
	text-align: center;
	font-family: SUIT;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 173.333% */
	letter-spacing: -0.375px;
	margin-bottom:0px;
}




.erom_form_wrap {
	border-top:4px solid #333; border-bottom:4px solid #333;
	padding:50px 0px;
	margin-bottom:30px;
}

.erom_form_wrap .tit {
	color: #333;
	font-family: SUIT;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 25.2px */
	letter-spacing: -0.45px;
	margin-bottom:22px;
}
.erom_form_wrap .tit_guide {
	color: #3582FF;
	font-family: SUIT;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 19.6px */
	letter-spacing: -0.35px;
}

.form_gap_line {
	width:100%; height:1px; background: #333;
	margin:50px 0px;
}

.form_tit {
	color: #333;
	font-family: SUIT;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 19.6px */
	letter-spacing: -0.35px;
	margin-bottom:10px;
}

.erom_form_wrap .form-control {
	border-radius: 6px;
	border: 2px solid #DDD;
	opacity: 0.8;
	height: 54px;
	margin-bottom:30px;
}


.agree_wrap label a {
	color: #333;
 
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}



.request_form_submit_wrap {
	text-align:center; margin:80px 0px;
}

.request_form_submit_wrap a {
	display: inline-block;
	width: 200px;
	height: 50px; line-height: 48px;
	padding: 0px 26px;
	text-align: center;

	border: 1px solid #333;
	background: #FFF;

	color: #333;
	font-family: SUIT;
	font-size: 18px;
	font-style: normal;
	font-weight: 600; 
	letter-spacing: -0.45px;
}




.erom_location_wrap {
	border-top:4px solid #333; 
	padding:40px 0px;
	margin-bottom:30px;
}

.location_desc {
	margin-top:16px;
}

.location_desc h3 {
	color: #000;
	font-family: SUIT;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 28px */
	letter-spacing: -0.5px;
	margin-bottom:20px;
}
.location_desc h4 {
	color: #333;
	font-family: SUIT;
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 23.8px */
	letter-spacing: -0.425px;
	margin-bottom:10px;
}
.location_desc h5 {
	color: #333;
	font-family: SUIT;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	letter-spacing: -0.35px;
	margin-bottom:32px;
}
.location_desc h5 span {
	color: #999;
}

.location_tel {
	position:relative; padding-left:38px;

	color: #3582FF;
	font-family: "Gmarket Sans TTF";
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.3px;
}

.location_tel img {
	position:absolute; top:0px; left:0px;
}

.location_tel span {
	color: #333;
	font-family: SUIT;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 21px */
	letter-spacing: -0.375px;
	display:inline-block; 
}


.erom_company_tit {
	position:relative; overflow:visible;
}

.erom_company_tit h2 {
	color: #333;
	font-family: SUIT;
	font-size: 60px;
	font-style: normal;
	font-weight: 800;
	line-height: 72px; /* 120% */
	letter-spacing: -1.5px;
	text-transform: capitalize;

	margin-bottom:40px; position:relative;
}

.erom_company_tit h2 img {
	position:absolute; top:-35px; left:360px;
}

.erom_company_tit p {
	color: #333;
	font-family: SUIT;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; /* 155.556% */
	letter-spacing: -0.45px;
	text-transform: capitalize;

	margin-bottom:0px;	
}

.erom_company_tit .tit_bg {
	position:absolute; bottom:40px; left:50%; margin-left:0px;
}



.erom_company_adbox_wrap {
	background-image: url('../../images/img_company_bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	padding:90px 0px; margin-bottom:120px;
}
.erom_company_adbox {
	border-radius: 10px;
	border: 1px solid #FFF;
	background: rgba(255, 255, 255, 0.92);

	padding:44px 40px 0px 40px; min-height:380px;
}
.erom_company_adbox h3 {
	color: #3582FF;
	font-family: "Gmarket Sans TTF";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 22.4px */
	text-transform: capitalize;

	margin-bottom:45px; padding-bottom:17px; border-bottom:1px solid #3582FF;
}
.erom_company_adbox h4 {
	color: #333;
	font-family: SUIT;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px; /* 130% */
	letter-spacing: -0.5px;
	text-transform: capitalize;

	margin-bottom:20px;	
}
.erom_company_adbox p {
	color: #333;
	font-family: SUIT;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 162.5% */
	letter-spacing: -0.4px;
	text-transform: capitalize;

	margin-bottom:0px;	
}


.erom_company_slide_wrap {
	margin-bottom:160px;
}

.erom_company_slide_tit {
	margin-bottom:60px;
}

.erom_company_slide_tit h2 {
	color: #333;
	font-family: SUIT;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 50px; /* 125% */
	letter-spacing: -1px;
	text-transform: capitalize;

	margin-bottom:18px;	
}

.erom_company_slide_tit p {
	color: #333;
	font-family: SUIT;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; /* 155.556% */
	letter-spacing: -0.45px;
	text-transform: capitalize;

	margin-bottom:0px;	
}







.company_box_wrap {
	display: flex;
	width: max-content;
	animation: scrollCompany 20s linear infinite;
}
@keyframes scrollCompany {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}


.company_box {
	display:flex;
	justify-content: space-between;

	width: 640px; height: 320px;
	border-radius: 10px; background: #42445C; overflow:hidden; position:relative; margin:0px 20px;
}
.company_box.type_02 {
	background: #0F3F6A;
}
.company_box.type_03 {
	background: #4F7B97;
}
.company_box.type_04 {
	background: #a18168;
}

.company_box_cont {
	padding:50px 0px 0px 40px; 
}
.company_box_cont h3 {
	color: #FFF;
	font-family: SUIT;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 42px */
	letter-spacing: -0.75px;
	text-transform: capitalize;	

	margin-bottom:10px;	

}
.company_box_cont p {
	color: #FFF;
	font-family: SUIT;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px; /* 155.556% */
	letter-spacing: -0.45px;
	text-transform: capitalize;

	margin-bottom:0px;	
}
.company_box_cont h4 {
	color: #565873;
	font-family: "Gmarket Sans TTF";
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 42px */
	letter-spacing: -0.75px;
	text-transform: capitalize;

	margin-bottom:0px;	position:absolute; bottom:30px; left:40px;
}
.company_box.type_02 .company_box_cont h4 {
	color: #194D7C;
}
.company_box.type_03 .company_box_cont h4 {
	color: #658FAA;
}
.company_box.type_04 .company_box_cont h4 {
	color: #c3a085;
}


.company_box_img {
}
.company_box_img img {
	width:100%;
}

@media only screen and (max-width: 768px) {

	.company_box {
		width: 320px; height: 160px; border-radius: 10px; margin:0px 10px;
	} 

	.company_box_cont {
		padding:15px 0px 0px 15px; 
	}
	.company_box_cont h3 { 
		font-size: 20px;
		line-height: 1.4; /* 42px */
		letter-spacing: -0.25px;
		margin-bottom:10px;	
	}
	.company_box_cont p {
		font-size: 13px;
		line-height: 1.4; /* 155.556% */
		letter-spacing: -0.15px;
		margin-bottom:0px;	
	}
	.company_box_cont h4 {
		font-size: 18px;
		letter-spacing: -0.25px;
		bottom:15px; left:15px;
	}
	.company_box_img {
		width:45%;
	}
	.company_box_img img {
		width:auto; height:100%;
	}

}







#erom_side_quick_open {
	position:fixed; top:50%; right:0px; transform: translate(0, -50%); z-index: 5;
}

.erom_quick_cont {
	padding:20px;
	border-radius: 8px 0px 0px 8px;
	border: 2px solid #3582FF; border-right:0px;
	background: #FFF;
	position:relative;
}
.erom_quick_cont h4 {
	color: #330;
	font-family: SUIT;
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
	letter-spacing: -0.425px;
	text-transform: capitalize;

	text-align:center;
	margin-bottom:18px;
}
.erom_quick_cont h4 img {
}
.erom_quick_cont h3 {
	color: #333;
	font-family: "Gmarket Sans TTF";
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.375px;

	text-align:center;
	margin-bottom:0px; margin-top:26px;
}
.erom_quick_cont h3 img {
}
.erom_quick_cont form input {
	display: block;
	width: 160px;
	height: 44px;
	padding: 12px; 

	border-radius: 4px;
	border: 1px solid #DDD;
	background: #F4F4F4;

	margin-bottom:8px;
}
.erom_quick_cont form a {
	display: flex;
	width: 160px;
	height: 44px;
	padding: 11px 0px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;

	border-radius: 4px;
	background: #3582FF;

	color: #FFF;
	font-family: SUIT;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 22.4px */
	letter-spacing: -0.4px;
	text-transform: capitalize;
}
.erom_quick_cont form a:focus, .erom_quick_cont form a:hover {
	color: #FFF !important;
}

#btn_quick_close {
	position:absolute; top:50%; left:-36px; transform: translate(0, -50%); cursor:pointer;
}


#erom_side_quick_close {
	position:fixed; top:50%; right:-36px; transform: translate(0, -50%); cursor:pointer; z-index: 5;
}





#sidepanel_btn, .erom_bottom_tel, .erom_mobile_quick {
	display:none; 
}



/****************************************************************************************************************************************************mobile****************************************************************************************************************************************************/

@media only screen and (max-width: 768px) {

	#erom_side_quick_open {
		position:fixed; top:50%; right:-240px; transform: translate(0, -50%);
	}

	#erom_side_quick_close {
		position:fixed; top:50%; right:0px; transform: translate(0, -50%); cursor:pointer;
	}


	.container_header {
		padding-right: 20px;
		padding-left: 20px;
	}

	#header a.logo>img {
		height:24px !important;
		width: auto !important; 
	}


	#sidepanel {
		padding:0px 30px;
	}

	#sidepanel_btn {
		display:inline-block;
		float:right;
		height:42px !important;
		line-height:42px !important;
	}

	.erom_side_nav {
		list-style:none; margin:0; padding:0; 
	}
	.erom_side_nav li {
		margin-bottom:40px;
	}
	.erom_side_nav li:last-child {
		margin-bottom:0px;
	}
	.erom_side_nav li a {
		color: #333 !important;
		font-family: "Gmarket Sans TTF";
		font-size: 15px !important;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: -0.3px;
		display:block;
	}


	.erom_side_info {
		border-top:1px solid #ddd;
		position:absolute; left:0px; bottom:0px; 
		padding:20px 30px 30px 30px; 
		width:100%;
	}

	.erom_side_info h4 {
		color: #333;
		font-family: SUIT;
		font-size: 13px;
		font-style: normal;
		font-weight: 500;
		line-height: 148%; /* 19.24px */
		letter-spacing: -0.325px;
		margin-bottom:8px;
	}

	.erom_side_info .erom_side_tel {
		color: #333; 
		font-family: "Gmarket Sans TTF";
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: -0.32px;
		display:block;
		margin-bottom:30px; text-align:left;
	}

	.erom_side_info .erom_side_request {
		display: inline-flex;
		padding: 14px 30px;
		align-items: center;
		gap: 30px;

		border-radius: 4px;
		background: #3582FF;

		color: #FFF;
		font-family: SUIT;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 140%; /* 22.4px */
		letter-spacing: -0.4px;
	}
	



	#toTop {
		display:none !important;
	}
	


	.erom_footer {
		padding-top:0px; padding-bottom:80px; background:#222;
	}
	.erom_footer .container {
		padding-right: 20px;  padding-left: 20px;
	}

	.erom_footer .logo_line {
		background: #18181D; height:50px; line-height:50px; margin-right:-20px; margin-left:-20px; padding:0px 20px;
		margin-bottom: 22px;
	}
	.erom_footer .logo_line img {
		height:13px; margin-right: 0px;
	}
	.erom_footer .logo_line span {
		display:none;
	}
	.erom_bottom_tel {
		display:inline-block;
		float:right;
		color: #FFF; 
		font-family: "Gmarket Sans TTF";
		font-size: 14px;
		font-style: normal;
		font-weight: 700; 
		letter-spacing: -0.28px;
	}
	.erom_bottom_tel img {
		margin-top:-4px; margin-right: 4px !important; height:auto !important;
	}
	.erom_footer .logo_line:after {
		content: "";
		display: block;
		clear: both;
	}

	.erom_cs_box {
		display:none;
	}

	.erom_footer_mobile_link {
		display: inline-flex !important;
		align-items: center;
		gap: 14px;
		margin-bottom:22px;
	}
	.erom_footer_mobile_link a {
		color: #FFF;
		font-family: SUIT;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: 26px; /* 185.714% */
		letter-spacing: -0.35px;
	}
	.erom_footer_mobile_link span {
		display:inline-block;
		width: 1px;
		height: 14px;
		background: #666;
	}

	.erom_footer .company_info_line {
		color: #999;
		font-family: SUIT;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: 20px; /* 166.667% */
		letter-spacing: -0.3px;
		margin-bottom: 17px;
	}

	.erom_footer .copyright_line {
		color: #999;
		font-family: SUIT;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: 22px; /* 183.333% */
		letter-spacing: -0.3px;
	}


	.erom_mobile_quick {
		display:block; list-style:none; margin:0; padding:0;
		position:fixed; bottom:0px; left:0px; width:100%;
	}
	.erom_mobile_quick li {
		float:left; width:50%;
	}
	.erom_mobile_quick li a {
		display:block;
		background: #FF6F36;
		color: #FFF;
		font-family: SUIT;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 22.4px */
		letter-spacing: -0.32px;

		height: 44px; line-height:44px; text-align:center;
	}
	.erom_mobile_quick li a img {
		margin-right:6px; margin-top:-3px;
	}
	.erom_mobile_quick li a.blue_bg {
		background: #3582FF;
	}

	.erom_mobile_quick:after {
		content: "";
		display: block;
		clear: both;
	}







	.fullwidthbanner-container {
		height:300px !important;
	}


	.erom_slide_text_box {
		position:absolute; top:60px; left:30px;
	}

	.erom_slide_text_box h1 {		
		color: #FFF;
		font-family: "Akira Expanded";
		font-size: 26px;
		font-style: normal;
		font-weight: 800;
		line-height: 30px; /* 115.385% */
		letter-spacing: -0.65px;
		margin-bottom:26px;	
		text-align:left;
	}

	.erom_slide_text_box h3 {		
		color: #FFF;
		font-family: SUIT;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: -0.4px;

		margin-bottom:7px;	
		margin-left:0px; text-align:left;
	}

	.erom_slide_text_box p {		
		color: #FFF;
		font-family: SUIT;
		font-size: 13px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		letter-spacing: -0.26px;
		margin-bottom:30px;	
		margin-left:0px; text-align:left;
	}

	.erom_slide_text_box a {

		display: inline-flex;
		padding: 8px 20px;
		justify-content: center;
		align-items: center;
		gap: 6px;

		border: 1px solid #FFF;

		color: #FFF;
		font-family: "Akira Expanded";
		font-size: 11px;
		font-style: normal;
		font-weight: 800;
		line-height: 140%; /* 15.4px */

		text-shadow: rgba(0, 0, 0, 0.16) 1px 1px 1px;

		margin-left:0px;
	}

	.erom_slide_text_box.gray_text_box h1, .erom_slide_text_box.gray_text_box h3, .erom_slide_text_box.gray_text_box p {
		color:#333 !important;
	}

	.erom_slide_text_box.gray_text_box a {
		color:#333 !important;
		border: 1px solid #333 !important;
	}


	.erom_slide_text_box a:hover, .erom_slide_text_box a:focus {
		background:#3582FF; color:#fff !important;
	}








	section.pt-120 {
		padding-top:30px !important; padding-bottom:30px !important;
	}

	.erom_tit {
		font-size: 20px;
	}
	.erom_tit.mb-60 {
		margin-bottom: 30px !important;
	}



	.row.erom_pf_box_wrap {
		padding:0px 7px;
	}

	.erom_pf_box_wrap .col-xs-6 {
		padding:0px 5px;
	}

	.erom_pf_box {
		margin-bottom: 18px;
	}

	.erom_pf_box h5 {
		display:none;
	}

	.erom_pf_box h3 {
		color: #333;
		font-family: SUIT;
		font-size: 13px;
		font-style: normal;
		font-weight: 500;
		line-height: 148%; /* 19.24px */
		letter-spacing: -0.325px;
		margin-top:8px;
	}

	.erom_pf_more_btn {
		width: 32px;

	}


	

	.erom_work_info {
		padding: 70px 0px;
	}

	.erom_work_info .att_img {
		position: absolute;
		top: -56px;
		right: 0px;
	}
	.erom_work_info .att_img img {
		height: 146px;
	}

	.erom_work_info h1 {
		color: #333;
		font-family: "Gmarket Sans TTF";
		font-size: 26px;
		font-style: normal;
		font-weight: 500;
		line-height: 36px; /* 138.462% */
		letter-spacing: -0.65px;
		text-transform: capitalize;	
		margin-bottom: 50px;
	}

	.erom_work_info h1 img {
		height:30px;
	}

	.erom_work_info ul {
		margin:0px -8px; padding:0px 8px;
	}

	.erom_work_info ul li {
		float:left; margin-left:0px; width:50%; 
		padding:0px 8px;
	}
	.erom_work_info ul li:first-child {
		margin-left:0px;
	}
 

	.work_info_box {
		width:100%; margin-bottom:30px;
	}

	.work_info_box h3 {
		margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #ddd;
		color: #333;
		font-family: "Gmarket Sans TTF";
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 140%; /* 19.6px */
		letter-spacing: -0.35px;
		text-transform: capitalize;
	}

	.work_info_box p {
		color: #333;
		font-family: SUIT;
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 22px; /* 169.231% */
		letter-spacing: -0.52px;
		margin-bottom:0px;
	}


	.erom_work_info ul:after {
		content: "";
		display: block;
		clear: both;
	}








	.erom_tit.mb-40 {
		margin-bottom: 20px !important;
	}

	.erom_pf_nav {
		margin-bottom:20px;
	}

	.erom_pf_nav a {
		padding: 6px 18px;
		gap: 8px;

		border-radius: 999px;

		font-size: 16px;
		line-height: 140%; /* 22.4px */
		letter-spacing: -0.2px;
		margin-bottom:10px;
	}


	.pf_detail_wrap {
		height: auto;
		margin-bottom: 30px;
		padding:46px 0px;
	}

	.pf_detail_wrap .tit {
		position: relative; text-align:center;
		top: 0px; left: 0px;
		transform: translate(0, 0);
		color: #FFF;
		text-align: center;
		font-family: SUIT;
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%;
		letter-spacing: -0.6px;
		margin-bottom:20px;
	}


	.pf_detail_wrap .pf_img { 
		position: relative; text-align:center;
		top: 0px; left: 0px;
		transform: translate(0, 0);
		padding:0px 20px;
	}

	.pf_detail_wrap .pf_img img { 
		max-width:100%;
	}

	.pf_arrow_prev {  
		display:none;
	}

	.pf_arrow_next {  
		display:none;
	}



	.pf_detial_info_box {
		margin:0 auto; width:100%;
	}
	.pf_detial_info_box h3 {
		color: #333;
		font-family: SUIT;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 39.2px */
		letter-spacing: -0.4px;
		margin-bottom:20px;
	}
	.pf_detial_info_box ul {
		margin:0; padding:0; list-style:none;
	}
	.pf_detial_info_box ul li {
		float:none; margin-left:0px; width:100%; margin-bottom:15px;
	}
	.pf_detial_info_box ul li:first-child {
		margin-left:0px;
	}
	.pf_detial_info_box ul li h4 {
		color: #333;
		font-family: SUIT;
		font-size: 15px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 22.4px */
		letter-spacing: -0.4px;

		margin-bottom:10px; padding-bottom:10px;
		border-bottom:2px solid #000;
	}
	.pf_detial_info_box ul li p {
		color: #333;
		font-family: SUIT;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 140%; /* 21px */
		letter-spacing: -0.375px;

		margin-bottom:0px;
	}
	.pf_detial_info_box ul li p a {
		color: #333;
		font-family: SUIT;
		font-size: 15px;
		font-style: normal;
		font-weight: 500;
		line-height: 140%; /* 21px */
		letter-spacing: -0.375px;
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: auto;
		text-decoration-thickness: auto;
		text-underline-offset: auto;
		text-underline-position: from-font;
	}

	.pf_detial_info_box ul:after {
		content: "";
		display: block;
		clear: both;
	}

	.pf_detial_info_box > p {
		margin-top:30px; margin-bottom:50px;
		color: #333;
		font-family: SUIT;
		font-size: 15px;
		font-style: normal;
		font-weight: 600;
		line-height: 26px; /* 187.5% */
		letter-spacing: -0.4px;
	}

	.pf_detial_link {
		display: flex;
	}
	.pf_detial_link .btn_request {
		display: flex;
		width: auto;
		height: 50px;
		padding: 14px 26px;
		align-items: center;
		gap: 10px;
		flex-shrink: 0;

		background: #3582FF;

		color: #FFF;
		font-family: SUIT;
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 140%; /* 22.4px */
		letter-spacing: -0.4px;

		border-radius: 4px;
	}

	.pf_detial_link .btn_pf_list {
		display: flex;
		width: auto;
		height: 50px;
		padding: 14px 26px;
		align-items: center;
		gap: 10px;
		flex-shrink: 0;

		border: 1px solid #333;
		background: #FAFAFA;

		color: #333;
		font-family: SUIT;
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 140%; /* 22.4px */
		letter-spacing: -0.4px;

		border-radius: 4px;
	}










	.service_wrap { 
		padding-bottom:40px;
	}

	.service_wrap .service_tit_box { 
		padding:20px;
		display:block;
		z-index:3; position:relative;
	}

	.service_wrap .service_tit_box h2 {
		text-align:center; margin-bottom:12px;
		color: #FFF;
		text-align: center;
		font-family: SUIT;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 53.2px */
		letter-spacing: -0.4px;
		text-transform: capitalize;
	}
	.service_wrap .service_tit_box h2 span {
		color: #A2DAFF;
	}

	.service_wrap .service_tit_box h4 {
		color: #FFF;
		text-align: left;
		font-family: SUIT;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 140%; /* 25.2px */
		letter-spacing: -0.45px;
		margin-bottom:10px;
	}

	.service_wrap .service_tit_box p {
		color: #FFF;
		text-align: left;
		font-family: SUIT;
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%; /* 22.4px */
		letter-spacing: -0.4px;
		margin-bottom:0px;

		word-break:keep-all;
	}

	.service_wrap .service_tit_box p br {
		display:none;
	}

	.service_tit_bg_img {
		position:relative;
		top:0px; right:0px;
		z-index:2;
		width:100%;
	}

	.service_tit_bg_text {
		display:none;
	}


	.gap_line {
		margin:0 auto;
		width: 1px; height: 36px; background: #DDD;
	}

	.service_tit {
		margin-bottom:40px; margin-top:20px;
	}
	.service_tit h5 {
		text-align: center; margin-bottom:0px;
		color: #3582FF;
		font-family: SUIT;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 30px; /* 166.667% */
		letter-spacing: -0.45px;
	}
	.service_tit h2 {
		text-align: center; margin-bottom:20px;
		color: #333;
		text-align: center;
		font-family: "Gmarket Sans TTF";
		font-size: 40px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 84px */
		letter-spacing: -1.4px;
	}
	.service_tit p {
		text-align: center; margin-bottom:0px;
		color: #333;
		text-align: center;
		font-family: SUIT;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 30px; /* 166.667% */
		letter-spacing: -0.45px;

		word-break:keep-all;
	}

	.service_tit p br {
		display:none;
	}



	.serivce_work_box {
		padding-top:30px; padding-bottom:30px; margin-bottom:60px; 
		position:relative;

		background-image: url('../../images/bg_service_box_01.svg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.serivce_work_box .line_01, .serivce_work_box .line_02, .serivce_work_box .line_03 {
		display:none;
	}

	.serivce_work_box h1 {
		color: #FFF;
		font-family: "Gmarket Sans TTF";
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 84px */
		letter-spacing: -1.4px;

		margin-bottom:0px; 
	}


	.erom_work_cont_wrap {
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
	}
	.erom_work_cont {
		width:100%; margin-top:30px;
	}
	.erom_work_cont h3 {
		color: #FFF;
		font-family: SUIT;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 39.2px */
		letter-spacing: -0.2px;
		margin-bottom:8px;
	}
	.erom_work_cont h3 span {
		color: #84F7FF;
	}
	.erom_work_cont h5 {
		color: #FFF;
		font-family: SUIT;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: 24px; /* 166.667% */
		letter-spacing: -0.1px;
		margin-bottom:0px;
	}
	.erom_work_cont .work_value {
		color: #84F7FF; 
		font-family: ChangwonDangamRound;
		font-size: 28px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%; /* 112px */
	}
	.erom_work_cont .work_value span {
		color: #FFF;
		font-family: SUIT;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 30px; /* 125% */
		letter-spacing: -0.6px;
	}




	.our_service_wrap {
		margin-bottom:160px;
	}
	.our_service_wrap h2 {
		color: #333;
		text-align: center;
		font-family: "Gmarket Sans TTF";
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 42px */
		letter-spacing: -0.75px;
		text-transform: capitalize;
		margin-bottom:30px;
	}

	.our_service_box {
		background: #FAFAFA;
		height: auto; margin-bottom:20px; padding-bottom:20px;
		text-align: center;
	}

	.our_service_box h4 {
		padding-top:20px; margin-bottom:5px;
		color: #3582FF;
		text-align: center;
		font-family: "Gmarket Sans TTF";
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 140%; /* 19.6px */
		letter-spacing: 1.4px;
		text-transform: capitalize;
	}

	.our_service_box h3 {
		color: #333;
		text-align: center;
		font-family: SUIT;
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: 1.4; /* 125% */
		letter-spacing: -0.6px;

		margin-bottom:10px; padding-bottom:10px; position:relative;
	}
	.our_service_box h3:after {
		content: '';
		position: absolute;
		bottom: 0px; left:50%; margin-left:-10px;
		width: 20px; height: 1px; background: #DDD;
	}

	.our_service_box p {
		color: #333;
		text-align: center;
		font-family: SUIT;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px; /* 162.5% */
		letter-spacing: -0.2px;

		margin-bottom:15px;
	}

	.our_service_box .box_icon_img {
		text-align: center;
	}
	.our_service_box .box_icon_img img {
		height:60px;
	}

	.request_btn_wrap {
		text-align: center; margin-top:50px;
	}
	.request_btn_wrap a {
		display: inline-flex;
		height: 50px;
		padding: 14px 34px;
		align-items: center;
		gap: 30px;
		flex-shrink: 0;
		border-radius: 999px;
		background: #3582FF;

		color: #FFF;
		font-family: SUIT;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 25.2px */
		letter-spacing: -0.45px;
	}
	.request_btn_wrap a:hover, .request_btn_wrap a:focus {
		color: #FFF;
	}




	.service_shop_wrap {
		margin-bottom:100px;
	}

	.service_shop_tit {
		margin-bottom:50px;  text-align: center; 
	}
	.service_shop_tit h2 {
		color: #333;
		font-family: "Gmarket Sans TTF";
		font-size: 34px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 61.6px */
		letter-spacing: -1.1px;
		text-transform: capitalize;

		margin-bottom:19px;
	}
	.service_shop_tit p {
		color: #333;
		font-family: SUIT;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 28px; /* 175% */
		letter-spacing: -0.4px;

		margin-bottom:0px;
	}

	.service_shop_box {
		position:relative;
		border-radius: 40px 0px;
		padding:40px 30px;
		background: #26477B;
		margin-bottom:20px;
	}

	.service_shop_box h4 {
		color: #FFF;
		font-family: "Gmarket Sans TTF";
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 140%; /* 19.6px */
		letter-spacing: 1.4px;
		text-transform: capitalize;

		margin-bottom:15px;
	}

	.service_shop_box h3 {
		color: #FFF;
		font-family: SUIT;
		font-size: 22px;
		font-style: normal;
		font-weight: 600;
		line-height: 30px; /* 125% */
		letter-spacing: -0.6px;

		margin-bottom:10px; padding-bottom:10px; position:relative;
	}

	.service_shop_box h3:after {
		content: '';
		position: absolute;
		bottom: 0px; left:0px;
		width: 20px; height: 1px; background: #DDD;
		opacity: 0.5;
	}

	.service_shop_box p {
		color: #FFF;
		font-family: SUIT;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 26px; /* 162.5% */
		letter-spacing: -0.4px;

		margin-bottom:0px;
	}

	.service_shop_box .box_icon_img {
		position:absolute; top:30px; right:30px;
	}

	.service_shop_box.type1 {
		margin-top:0px;
	}

	.service_shop_box.type2 {
		background: #EEF2F9;
	}
	.service_shop_box.type2 h4 {
		color: #9DA9BE; 
	}
	.service_shop_box.type2 h3 {
		color: #333; 
	}
	.service_shop_box.type2 p {
		color: #666; 
	}

	.service_shop_box.type3 {
		background: #798393;
	}

	.service_shop_box.type4 {
		background: #FAFAFA;
	}
	.service_shop_box.type4 h4 {
		color: #9DA9BE; 
	}
	.service_shop_box.type4 h3 {
		color: #333; 
	}
	.service_shop_box.type4 p {
		color: #666; 
	}




	.service_sns_box {
		min-height:0px; 
		padding:30px 15px 15px 20px; margin-bottom:20px;
	}
	.service_sns_box .box_icon_img {
		text-align:center; margin-bottom:24px;
	}

	.service_sns_box h4 {
		color: #3582FF;
		font-family: SUIT;
		font-size: 15px;
		font-style: normal;
		font-weight: 500;
		line-height: 140%; /* 21px */
		letter-spacing: -0.375px;

		margin-bottom:8px;
	}

	.service_sns_box h3 {
		color: #333;
		font-family: "Gmarket Sans TTF";
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 22.4px */
		letter-spacing: -0.4px;
		text-transform: capitalize;
		margin-bottom:10px; padding-bottom:10px; position:relative;
	}
	.service_sns_box h3:after {
		content: '';
		position: absolute;
		bottom: 0px; left:50%; margin-left:-10px;
		width: 20px; height: 1px; background: #DDD;
	}

	.service_sns_box p {
		color: #333;
		text-align: center;
		font-family: SUIT;
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 22px; /* 173.333% */
		letter-spacing: -0.375px;
		margin-bottom:0px;
	}




	.erom_form_wrap {
		border-top:2px solid #333; border-bottom:2px solid #333;
		padding:30px 0px;
		margin-bottom:20px;
	}

	.erom_form_wrap .tit {
		color: #333;
		font-family: SUIT;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 25.2px */
		letter-spacing: -0.45px;
		margin-bottom:22px;
	}
	.erom_form_wrap .tit_guide {
		color: #3582FF;
		font-family: SUIT;
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 140%; /* 19.6px */
		letter-spacing: -0.35px;
	}

	.form_gap_line {
		width:100%; height:1px; background: #333;
		margin:20px 0px;
	}

	.form_tit {
		color: #333;
		font-family: SUIT;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 19.6px */
		letter-spacing: -0.35px;
		margin-bottom:10px;
	}

	.erom_form_wrap .form-control {
		border-radius: 6px;
		border: 2px solid #DDD;
		opacity: 0.8;
		height: 54px;
		margin-bottom:20px;
	}


	.agree_wrap label a {
		color: #333;
	 
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: auto;
		text-decoration-thickness: auto;
		text-underline-offset: auto;
		text-underline-position: from-font;
	}



	.request_form_submit_wrap {
		text-align:center; margin:40px 0px;
	}

	.request_form_submit_wrap a {
		display: inline-block;
		width: 200px;
		height: 50px; line-height: 48px;
		padding: 0px 26px;
		text-align: center;

		border: 1px solid #333;
		background: #FFF;

		color: #333;
		font-family: SUIT;
		font-size: 18px;
		font-style: normal;
		font-weight: 600; 
		letter-spacing: -0.45px;
	}




	.erom_location_wrap {
		border-top:4px solid #333; 
		padding:40px 0px;
		margin-bottom:30px;
	}

	.location_desc {
		margin-top:16px;
	}

	.location_desc h3 {
		color: #000;
		font-family: SUIT;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 28px */
		letter-spacing: -0.5px;
		margin-bottom:20px;
	}
	.location_desc h4 {
		color: #333;
		font-family: SUIT;
		font-size: 17px;
		font-style: normal;
		font-weight: 500;
		line-height: 140%; /* 23.8px */
		letter-spacing: -0.425px;
		margin-bottom:10px;
	}
	.location_desc h5 {
		color: #333;
		font-family: SUIT;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%;
		letter-spacing: -0.35px;
		margin-bottom:32px;
	}
	.location_desc h5 span {
		color: #999;
	}

	.location_tel {
		position:relative; padding-left:0px;

		color: #3582FF;
		font-family: "Gmarket Sans TTF";
		font-size: 15px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0.3px;
	}

	.location_tel img {
		position:absolute; top:0px; left:0px;
	}

	.location_tel span {
		margin-bottom:10px;
	}

	.location_tel span.ml-20 {
		margin-left:0px !important;
	}

	.location_tel.mt-15 {
		margin-top:0px !important;
	}


	.erom_company_tit {
		position:relative; overflow:visible;
	}

	.erom_company_tit h2 {
		color: #333;
		font-family: SUIT;
		font-size: 36px;
		font-style: normal;
		font-weight: 800;
		line-height: 1.2; /* 120% */
		letter-spacing: -1.2px;
		text-transform: capitalize;

		margin-bottom:30px; position:relative; margin-top:20px;
	}

	.erom_company_tit h2 img {
		position:absolute; top:-25px; left:220px; width:50px;
	}

	.erom_company_tit p {
		color: #333;
		font-family: SUIT;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 24px; /* 155.556% */
		letter-spacing: -0.45px;
		text-transform: capitalize;

		margin-bottom:0px;	
	}

	.erom_company_tit .tit_bg {
		display:none;
	}



	.erom_company_adbox_wrap {
		background-image: url('../../images/img_company_bg.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;

		padding:90px 0px; margin-bottom:60px;
	}
	.erom_company_adbox {
		padding:30px 20px; min-height:0px; margin-bottom:20px;
	}
	.erom_company_adbox h3 {
		color: #3582FF;
		font-family: "Gmarket Sans TTF";
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 22.4px */
		text-transform: capitalize;

		margin-bottom:25px; padding-bottom:17px; border-bottom:1px solid #3582FF;
	}
	.erom_company_adbox h4 {
		color: #333;
		font-family: SUIT;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 26px; /* 130% */
		letter-spacing: -0.5px;
		text-transform: capitalize;

		margin-bottom:15px;	
	}
	.erom_company_adbox p {
		color: #333;
		font-family: SUIT;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 22px; /* 162.5% */
		letter-spacing: -0.4px;
		text-transform: capitalize;

		margin-bottom:0px;	
	}


	.erom_company_slide_wrap {
		margin-bottom:100px;
	}

	.erom_company_slide_tit {
		margin-bottom:40px;
	}

	.erom_company_slide_tit h2 {
		color: #333;
		font-family: SUIT;
		font-size: 36px;
		font-style: normal;
		font-weight: 700;
		line-height: 46px; /* 125% */
		letter-spacing: -1px;
		text-transform: capitalize;

		margin-bottom:18px;	
	}

	.erom_company_slide_tit p {
		color: #333;
		font-family: SUIT;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 28px; /* 155.556% */
		letter-spacing: -0.45px;
		text-transform: capitalize;

		margin-bottom:0px;	
	}

}







.erom_tech_slide_wrap {
	margin-left:20px;
}
.erom_tech_slide {
}



.tech_slide_container {
	width: 100%;
  overflow: hidden;
  position: relative; 
  height: 320px;
}
.slide-track {
 display: flex;
  width: max-content;
  animation: scrollLeft 20s linear infinite;
  margin-bottom:0px; margin:0; padding:0;
}

.slide-track li {
  list-style: none;
  flex: 0 0 auto;
  margin-right: 20px;
}

@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}


.erom_tech_slide_box {
	width: 320px; height: 320px; border-radius: 20px; position:relative;
}

.erom_tech_slide_box .tech_text {
	position:absolute; bottom:24px; left:29px;
}
.erom_tech_slide_box .tech_text h4 {
	color: #333;
	font-family: SUIT;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 19.6px */

	margin-bottom:0px;
}
.erom_tech_slide_box .tech_text h3 {
	color: #333;
	text-align: center;
	font-family: SUIT;
	font-size: 20px;
	font-style: normal;
	font-weight: 800;
	line-height: 140%; /* 28px */

	margin-bottom:0px;
}


.erom_tech_slide_box img {
	position:absolute; 
	top:50%; left:50%; transform: translate(-50%, -50%);
}

.erom_tech_slide_box.type_01 {
	background: #00146B;
}
.erom_tech_slide_box.type_01 img {
	width: 150.96px !important;
}
.erom_tech_slide_box.type_01 h4, .erom_tech_slide_box.type_01 h3{
	color: #fff;
}

.erom_tech_slide_box.type_02 {
	background: #9FD2FF;
}
.erom_tech_slide_box.type_02 img {
	width: 179.317px !important;
}

.erom_tech_slide_box.type_03 {
	background: #FEE103;
}
.erom_tech_slide_box.type_03 img {
	width: 136px !important;
}

.erom_tech_slide_box.type_04 {
	background: #01143C;
}
.erom_tech_slide_box.type_04 img {
	width: 183.857px !important;
}
.erom_tech_slide_box.type_04 h4, .erom_tech_slide_box.type_04 h3{
	color: #fff;
}

.erom_tech_slide_box.type_05 {
	background: #FEE103;
}
.erom_tech_slide_box.type_05 img {
	width: 140.4px !important;
}

.erom_tech_slide_box.type_06 {
	background: #0082FE;
}
.erom_tech_slide_box.type_06 img {
	width: 214.19px !important;
}
.erom_tech_slide_box.type_06 h4, .erom_tech_slide_box.type_06 h3{
	color: #fff;
}



@media only screen and (max-width: 768px) {


	.erom_tech_info {
		padding:40px 0px; 
	}

	.erom_tech_info h1 {
		color: #333;
		text-align: center;
		font-family: SUIT;
		font-size: 22px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 30.8px */
		letter-spacing: -0.55px;
		margin-bottom:30px; text-align:center;
	}
	
	.erom_tech_slide_box {
		width: 130px; height: 130px;
	}

	.erom_tech_slide_box.type_01 img, .erom_tech_slide_box.type_02 img, .erom_tech_slide_box.type_03 img, .erom_tech_slide_box.type_04 img, .erom_tech_slide_box.type_05 img, .erom_tech_slide_box.type_06 img {
		width: 50% !important;
	}

	.owl-carousel-2.erom_tech_slide .owl-item {
		
	}



	.erom_tech_slide_box .tech_text {
		position:absolute; bottom:12px; left:12px;
	}
	.erom_tech_slide_box .tech_text h4 {
		color: #333;
		font-family: SUIT;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: 140%; /* 16.8px */

		margin-bottom:0px;
	}
	.erom_tech_slide_box .tech_text h3 {
		color: #333;
		text-align: center;
		font-family: SUIT;
		font-size: 14px;
		font-style: normal;
		font-weight: 800;
		line-height: 140%; /* 19.6px */

		margin-bottom:0px;
	}


	.tech_slide_container { 
	  height: 130px;
	}
}










.erom_service_circle_wrap {
	margin-bottom:70px;

	display: flex;
	position: relative;
	gap: 0; /* 간격 없앰 */

	justify-content: center;
}

.erom_service_circle {
	width: 300px;
	height: 300px;
	flex-shrink: 0;
	aspect-ratio: 1/1;

	border-radius: 300px;
	background: #F6F6F6;
	mix-blend-mode: multiply;

	position:relative;

	margin-left:-30px;
}

.erom_service_circle_cont {
	position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);
}
.erom_service_circle_cont h4 {
	color: #333;
	text-align: center;
	font-family: "Gmarket Sans TTF";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 22.4px */
	letter-spacing: 1.6px;
	text-transform: capitalize;

	margin-bottom:15px; transition: color 0.5s ease; 
}
.erom_service_circle_cont h3 {
	color: #333;
	text-align: center;
	font-family: "Gmarket Sans TTF";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 28px */
	letter-spacing: -0.5px;
	text-transform: capitalize;

	margin-bottom:12px; transition: color 0.5s ease; 
}
.erom_service_circle_cont p {
	color: #333;
	text-align: center;
	font-family: SUIT;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 166.667% */
	letter-spacing: -0.45px;

	margin-bottom:0px; transition: color 0.5s ease; 
}

 

.erom_service_circle::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image: url('../../images/bg_serice_circle.svg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
      opacity: 0;
      transition: opacity 0.5s ease-in-out;
      pointer-events: none;
}

.erom_service_circle:hover h4, .erom_service_circle:hover h3, .erom_service_circle:hover p {
	color: #fff;
}

.erom_service_circle:hover::before {
	opacity: 1;
}



@media only screen and (max-width: 768px) {

	.erom_service_circle_wrap {
		margin-bottom:40px;
		gap: 0; /* 간격 없앰 */
		justify-content: center;
		flex-direction: column;		 
		align-items: center;
	}

	.erom_service_circle {
		width: 200px;
		height: 200px; 
		border-radius: 200px;

		margin-left:0px; margin-top:-30px;
	}

	.erom_service_circle_cont {
		width:160px;
	}
	.erom_service_circle_cont h4 {
		color: #333;
		text-align: center;
		font-family: "Gmarket Sans TTF";
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%; /* 22.4px */
		letter-spacing: 1.6px;
		text-transform: capitalize;

		margin-bottom:10px; transition: color 0.5s ease; 
	}
	.erom_service_circle_cont h3 {
		color: #333;
		text-align: center;
		font-family: "Gmarket Sans TTF";
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: 100%; /* 28px */
		letter-spacing: -0.5px;
		text-transform: capitalize;

		margin-bottom:8px; transition: color 0.5s ease; 
	}
	.erom_service_circle_cont p {
		color: #333;
		text-align: center;
		font-family: SUIT;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 100%; /* 166.667% */
		letter-spacing: -0.45px;

		margin-bottom:0px; transition: color 0.5s ease; 
	}

	 

	.erom_service_circle::before {
		  content: "";
		  position: absolute;
		  inset: 0;
		  background-image: url('../../images/bg_serice_circle.svg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		  opacity: 0;
		  transition: opacity 0.5s ease-in-out;
		  pointer-events: none;
	}

	.erom_service_circle:hover h4, .erom_service_circle:hover h3, .erom_service_circle:hover p {
		color: #fff;
	}

	.erom_service_circle:hover::before {
		opacity: 1;
	}

}