@charset "utf-8";

/* common */
html,
body { background-color:#000; color:#fff; }
#main { }
#container { max-width:1540px; width:100%; margin:0 auto 100px; min-height:600px; }
#container .heading { margin:3.75rem 0; display:none; }
#container .heading h3 { letter-spacing:-0.03em; font-size:2.5rem; }
.contentContainer .h4_tit { font-size:2rem; font-weight:700; line-height:1.5; }
.contentContainer .d_flex { display:flex; }
.contentContainer a { color:#fff; }
.modal-backdrop.show { opacity:.8; }
.inner { max-width:1540px; margin:0 auto; }
input::placeholder { color:#fff !important; }
@media (max-width:1540px) {
	.inner { max-width:none; width:100%; padding:0 20px; }
	#container { max-width:none; width:100%; padding:0; }
}
@media (max-width:1200px) {
	#container { padding:0; }
}
@media (max-width:992px) {
	#container { margin:0 auto 50px; }
}
@media (max-width:768px) {
	.contentContainer .h4_tit { font-size:1.467rem; }
}
@media (max-width:486px) {
	#container { min-height:auto; margin:0 auto 80px; }
}

/* 헤더영역 */
#hd { position:static; }

/* 푸터영역 */
#ft { position:relative; width:100%; border-top:1px solid rgba(255, 255, 255, .30); color:#999; line-height:1.4; }
.foot_con { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; max-width:1540px; margin:0 auto; padding:60px 0; }
.foot_con .cp_logo { max-width:180px; margin:0 0 40px; }
.foot_con .cp_logo a { }
.foot_con .cp_logo img { max-height:none; }
.foot_con .cp_add { word-break:keep-all; }
.foot_con .cp_add em { font-weight:700; }
.foot_con .cp_add .txt_add { margin-left:5px; }
.foot_con .cp_add .txt_tel { position:relative; margin-left:8px; padding-left:12px; }
.foot_con .cp_add .txt_tel::before { content:""; display:block; position:absolute; top:5px; left:0; width:1px; height:10px; background-color:#999; }
.foot_con .cp_info { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:8px; }
.foot_con .cp_info p { position:relative; font-size:1rem; word-break:keep-all; }
.foot_con .cp_info p::after { content:""; display:block; position:absolute; top:50%; right:-14px; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); width:1px; height:10px; background-color:#999; }
.foot_con .cp_info p:last-child::after { content:none; }
.foot_con .cp_sns { display:flex; gap:10px; }
.foot_con .cp_sns a { display:block; position:relative; width:64px; height:64px; border-radius:10px; border:1px solid rgba(255, 255, 255, .20); text-indent:-10000em; transition:.3s; }
.foot_con .cp_sns a::after { content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:32px; height:32px; background-size:cover; background-position:center; background-repeat:no-repeat; }
.foot_con .cp_sns a.instagram::after { background-image:url("../images/common/ico_insta.svg"); }
.foot_con .cp_sns a.youtube::after { background-image:url("../images/common/ico_youtube.png"); }
.foot_con .cp_sns a.blog::after { background-image:url("../images/common/ico_blog.svg"); }
.foot_con .cp_sns a.facebook::after { background-image:url("../images/common/ico_facebook.svg"); width:16px; }
.foot_con .cp_sns a.instagram:hover { background:radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); border-color:#000; }
.foot_con .cp_sns a.youtube:hover { background-color:#FF0808; border-color:#FF0808; }
.foot_con .cp_sns a.blog:hover { background-color:#2CB24A; border-color:#2CB24A; }
.foot_con .cp_sns a.facebook:hover { background-color:#5072AC; border-color:#5072AC; }
@media (max-width:1720px) {
	#ft { padding:0 20px; }
}
@media (max-width:1540px) {
	.foot_con { max-width:none; width:100%; padding:30px 0; }
}
@media (max-width:1400px) {
}
@media (max-width:1200px) {
	.foot_con .cp_sns a { width:48px; height:48px; }
	.foot_con .cp_sns a::after { width:24px; height:24px; }
	.foot_con .cp_sns a.facebook::after { width:12px; }
}
@media (max-width:992px) {
}
@media (max-width:768px) {
	.foot_con { flex-wrap:wrap; }
	.foot_con .cp_sns { width:100%; }
	.foot_con .cp_sns a { width:40px; height:40px; }
	.foot_con .cp_sns a::after { width:20px; height:20px; }
	.foot_con .cp_sns a.facebook::after { width:10px; }
}
@media (max-width:576px) {
	.foot_con .cp_add + .cp_add { margin-top:8px; }
	.foot_con .cp_add .txt_tel { display:block; margin:0; padding:0; }
	.foot_con .cp_add .txt_tel::before { content:none; }
}
@media (max-width:486px) {
	.foot_con .cp_logo { margin:0 0 20px; }
	.foot_con,
	.foot_con .cp_info p { font-size:13px; }
	.foot_con .cp_info { gap:8px 16px; }
	.foot_con .cp_info p::after { right:-10px; }
	.foot_con .cp_add .txt_add { display:block; margin:0; }
}
@media (max-width:420px) {
	.foot_con .cp_info { gap:0; }
	.foot_con .cp_info p { width:100%; }
	.foot_con .cp_info p::after { content:none; }
}

/* 서브레이아웃 */
#vis { margin-bottom:60px; }
#vis #titler { height:250px; background:0 none !important; border-bottom:1px solid #333; }
#vis #titler::before { content:none; }
#vis #titler .leader { font-family:var(--font-mont); font-size:3.75rem; font-weight:700; transform:translateY(-75%); text-transform:uppercase; }
#vis #titler .helper { display:none; }
#vis #titler .menutab { min-height:auto; z-index:99; }
#vis #titler .menutab .menutab_wrap { max-width:1540px; }
#vis #titler .menutab .dep-wrap { max-width:1540px; justify-content:flex-start; gap:60px; }
#vis #titler .menutab .dep-wrap a { padding:19px 0; }
#vis #titler .menutab > ul > li > a { font-family:var(--font-mont); color:#333; font-weight:700; transition:all 0.5s; }
#vis #titler .menutab > ul > li > a::after { content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:0%; height:3px; background:var(--theme-color); transition:all 0.5s; }
#vis #titler .menutab > ul > li > a:active::after,
#vis #titler .menutab > ul > li > a:focus::after,
#vis #titler .menutab > ul > li > a:hover::after { width:100%; }
#vis #titler .menutab > ul > li.on > a::after { width:100%; }
#vis #titler .menutab .dep-wrap .home { width:75px; background:var(--theme-color); }
#vis #titler .menutab .dep-wrap .dep > div { height:100%; }
#vis #titler .menutab .dep-wrap .dep .dep_a { display:flex; align-items:center; justify-content:space-between; min-width:210px; height:100%; padding:0 1rem; color:#333; border-right:1px solid rgba(182, 182, 182, 0.3); }
#vis #titler .menutab .dep-wrap .dep .dep_a i { color:#333; font-size:0.75rem; transition:all .2s; }
#vis #titler .menutab .dep-wrap .home a,
#vis #titler .menutab .dep-wrap .dep .dep_a span { padding:1.5rem 0; font-weight:500; }
#vis #titler .menutab .dep-wrap .dep ul { border-right:0; background:var(--theme-color); }
#vis #titler .menutab .dep-wrap .dep ul li a { text-align:center; }
#vis #titler .menutab .dep-wrap .dep ul li.on a { background:rgba(0,0,0,0.4); }
#vis #titler .menutab .dep-wrap .dep ul li a:hover,
#vis #titler .menutab .dep-wrap .dep ul li a:focus { background:rgba(255,255,255,0.125); }
#vis #titler .menutab .actions { display:none; }
@media (max-width:1540px) {
	#vis #titler .menutab .menutab_wrap { max-width:none; width:100%; }
	#vis #titler .menutab .dep-wrap { gap:40px; max-width:none; width:100%; padding:0 20px; }
}
@media (max-width:1200px) {
	#vis { margin-bottom:30px; }
	#vis #titler { height:150px; }
	#vis #titler .leader { margin:0 20px; font-size:3.125rem; }
	#vis #titler .menutab .dep-wrap a { padding:10px 0; }
	#vis #titler .menutab > ul > li > a { font-size:1rem; }
}
@media (max-width:768px) {
	#vis #titler .leader { font-size:2rem; }
	#vis #titler .menutab .dep-wrap { gap:20px; }
	#vis #titler .menutab > ul > li > a { font-size:0.933rem; }
}
@media (max-width:576px) {
	#vis #titler .leader { transform:translateY(-100%); }
	#vis #titler .menutab > ul { background-color:#000; }
	#vis #titler .menutab > ul > li { padding:0 20px; }
	#vis #titler .menutab > ul > li:active,
	#vis #titler .menutab > ul > li:focus,
	#vis #titler .menutab > ul > li:hover,
	#vis #titler .menutab > ul > li.on { background-color:#191919; }
	#vis #titler .menutab > ul > li > a { }
	#vis #titler .menutab > ul > li > a:active,
	#vis #titler .menutab > ul > li > a:focus,
	#vis #titler .menutab > ul > li > a:hover,
	#vis #titler .menutab > ul > li.on > a { background:none; }
	#vis #titler .menutab .dep-wrap { gap:0; width:100%; padding:0; border-bottom:1px solid #333; display:none; }
	#vis #titler .menutab .dep-wrap > li { }
	#vis #titler .menutab .dep-wrap .dep:last-child .dep_a { border-right:0; }
	#vis #titler .menutab .dep-wrap .dep a.dep_a { min-width:auto; font-size:1rem; }
	#vis #titler .menutab .dep-wrap .home { width:40px; }
	#vis #titler .menutab .di-arr-bot { position:absolute; top:50%; right:20px; transform:translateY(-50%); transition:.3s; }
	#vis #titler .menutab h3 { font-family:var(--font-mont); border-color:#333; }
	#vis #titler .menutab h3.open .di-arr-bot:before { content:"\68"; }
	#vis #titler .menutab > h3::after { content:none; }
}

/* btn */
.btn_go a { display:block; }
.btn_go a > span { position:relative; padding:0 56px 0 0; transition:all .15s; }
.btn_go a > span::before,
.btn_go a > span::after { content:""; position:absolute; top:0; right:0; background:#fff; height:2px; transition:all .15s; }
.btn_go a > span::before { top:50%; transform:translateY(calc(-50% + 3px)); width:38px; }
.btn_go a > span::after { top:calc(50% - 2px); right:0; transform:translateY(-50%) rotate(45deg); width:11px; }
.btn_area { text-align:center; margin-top:60px; }
.btn_area > a { display:inline-flex; justify-content:space-between; align-items:center; position:relative; min-width:260px; height:64px; line-height:62px; padding:0 30px; color:#fff; font-size:1.125rem; font-weight:700; background-color:#FF474A; border:2px solid #FF474A; border-radius:40px; overflow:hidden; transition:all 0.3s; z-index:1; }
.btn_area > a::before { content:""; position:absolute; width:0; height:100%; top:0px; left:0px; background-color:#000; transition:all 0.3s ease; z-index:-1; }
.btn_area > a::after { content:"\e93f"; margin-left:10px; font-family:"xeicon"; vertical-align:middle; }
.btn_area > a.btn_down::after { content:"\e904"; }
.btn_go a:hover > span::before { }
.btn_go a:hover > span::after { }
.btn_area > a:hover { border-color:#FF474A; color:#FF474A; }
.btn_area > a:hover::before { width:100%; background-color:#000; }
.btn_go a:hover > span::before,
.btn_go a:hover > span::after { background:var(--theme-color); }

.btn_area > a.reverse { background:#000; color:#FF474A; }
.btn_area > a.reverse:hover { background-color:#000; color:#fff; }
.btn_area > a.reverse:hover::before { width:100%; background-color:#FF474A; }
@media (max-width:992px) {
	.sec_more a { display:inline-block; width:auto; height:auto; line-height:1.2; padding:10px 20px; font-size:1rem; border-radius:40px; }
}
@media (max-width:768px) {
	.btn_area { margin-top:40px; }
	.btn_area > a { min-width:200px; height:54px; line-height:52px; padding:0 20px; border-radius:30px; }
}
@media (max-width:486px) {
	.btn_area > a { display:block; }
	.btn_area > a + a { margin-top:10px; }
}

/* third_menu */
.third_menu { margin-bottom:80px; }
.tab_page_nav { display:flex; flex-wrap:wrap; margin:0; border:1px solid #333; }
.tab_page_nav > li { width:50%; }
.tab_page_nav > li > a { display:block; padding:19px; font-family:var(--font-mont); font-size:1.125rem; color:#fff; background-color:#000; font-weight:700; text-align:center; transition:all 0.5s; }
.tab_page_nav > li > a:hover,
.tab_page_nav > li > a:focus,
.tab_page_nav > li.on > a { background-color:#333; }
@media (max-width:1540px) {
	.tab_page_nav { margin:0 20px; }
}
@media (max-width:1200px) {
	.third_menu { margin-bottom:40px; }
	.tab_page_nav > li > a { padding:10px; font-size:1rem; }
}
@media (max-width:768px) {
	.tab_page_nav > li > a { font-size:0.875rem; }
}
@media (max-width:486px) {
	.tab_page_nav { gap:10px; border:0 none; }
	.tab_page_nav > li { width:auto; }
	.tab_page_nav > li > a { padding:5px 10px; border-radius:20px; }
}

/* 서브 메뉴
	contentId-48c4cfdabb979aa842bf36e258a37296 : COMPANY
	contentId-8d68d612a383224afa6e1635ac2c782a :SERVICE
	contentId-8f14e45fceea167a5a36dedd4bea2543 :PORTFOLIO
	contentId-f14aee14ae040b981fb21684ecfbc0db : SOLUTION
	contentId-18bdf223e17d2a208cdf2c4b40da3644 : 로그인
	contentId-5e742bc41e5857da6431ce77f51419bb : 아이디 찾기
	contentId-be519a9b12223d63de0289e216562d03 : 비밀번호 찾기
*/
/* 우선 반영, 추후 정리 */
#contentId-f14aee14ae040b981fb21684ecfbc0db .third_menu { display:none; }
/* 특정서브메뉴안보이기 */
#contentId-8f14e45fceea167a5a36dedd4bea2543 #vis { margin:0; }
#contentId-48c4cfdabb979aa842bf36e258a37296 #vis #titler,
#contentId-8d68d612a383224afa6e1635ac2c782a #vis #titler,
#contentId-8f14e45fceea167a5a36dedd4bea2543 #vis #titler { border:0 none; }
#contentId-48c4cfdabb979aa842bf36e258a37296 #vis #titler .menutab,
#contentId-8d68d612a383224afa6e1635ac2c782a #vis #titler .menutab,
#contentId-8f14e45fceea167a5a36dedd4bea2543 #vis #titler .menutab { display:none; }
/* 로그인, 아이디찾기, 비밀번호찾기, 회원정보수정 */
#contentId-18bdf223e17d2a208cdf2c4b40da3644 #vis,
#contentId-5e742bc41e5857da6431ce77f51419bb #vis,
#contentId-be519a9b12223d63de0289e216562d03 #vis,
#contentId-d600d70c1e887db42cbe9132c6fa79f6 #vis { display:none; }
#contentId-18bdf223e17d2a208cdf2c4b40da3644 #vis #titler,
#contentId-5e742bc41e5857da6431ce77f51419bb #vis #titler,
#contentId-be519a9b12223d63de0289e216562d03 #vis #titler,
#contentId-d600d70c1e887db42cbe9132c6fa79f6 #vis #titler { border:0 none; height:200px; }
#contentId-18bdf223e17d2a208cdf2c4b40da3644 #vis #titler .leader,
#contentId-5e742bc41e5857da6431ce77f51419bb #vis #titler .leader,
#contentId-be519a9b12223d63de0289e216562d03 #vis #titler .leader,
#contentId-d600d70c1e887db42cbe9132c6fa79f6 #vis #titler .leader { display:none; }
#contentId-18bdf223e17d2a208cdf2c4b40da3644 #vis #titler .menutab,
#contentId-5e742bc41e5857da6431ce77f51419bb #vis #titler .menutab,
#contentId-be519a9b12223d63de0289e216562d03 #vis #titler .menutab,
#contentId-d600d70c1e887db42cbe9132c6fa79f6 #vis #titler .menutab{ display:none; }
@media (max-width:1200px) {
	#contentId-48c4cfdabb979aa842bf36e258a37296 #vis,
	#contentId-8d68d612a383224afa6e1635ac2c782a #vis,
	#contentId-8f14e45fceea167a5a36dedd4bea2543 #vis { margin:0; }
}
@media (max-width:768px) {
	#contentId-48c4cfdabb979aa842bf36e258a37296 #vis #titler,
	#contentId-8d68d612a383224afa6e1635ac2c782a #vis #titler,
	#contentId-8f14e45fceea167a5a36dedd4bea2543 #vis #titler { height:100px; }
}
@media (max-width:576px) {
	#contentId-48c4cfdabb979aa842bf36e258a37296 #vis #titler .leader,
	#contentId-8d68d612a383224afa6e1635ac2c782a #vis #titler .leader,
	#contentId-8f14e45fceea167a5a36dedd4bea2543 #vis #titler .leader { transform:translateY(-50%); }
}

/* 로그인, 아이디찾기, 비밀번호찾기, 비밀번호변경 공통 */
.mb_form,
.mb_join { display:flex; flex-direction:column; justify-content:center; width:600px; height:calc(100vh - 100px); margin:0 auto; }
.mb_form .title,
.mb_join .title { font-family:var(--font-mont); font-size:3.75rem; line-height:1; font-weight:700; color:#fff; }
.mb_form .text,
.mb_join .text { margin:20px 0 30px; font-size:1.25rem; text-align:center; color:#999; word-break:keep-all; }
.mb_form .mb_inner { padding:40px; border:1px solid #333; }
.mb_form .mb_inner .btn_wrap .btn_submit { background:var(--theme-color); }
.mb_form .mb_inner .form-control,
.mb_join .mb_inner .form-control { background-color:#191919; border:0 none; border-radius:0; color:#fff; }
.mb_form .form-group + .form-group { margin-top:15px; }
.mb_form .btn_wrap { margin:30px 0; }
.mb_form .lnk_wrap > a { color:#999; }
.mb_form .custom-control-label::before { border:1px solid #333; background-color:#191919; }
.mb_form .mb_check .btn_wrap { margin:15px 0 0; }
.mb_form .form-control, .mb_form .custom-select, .mb_form .btn, .mb_join .form-control, .mb_join .custom-select, .mb_join .btn { padding:0.75rem 1.25rem; height:auto; font-size:1.25rem; }
/* 로그인 */
.mb_login .ck_area { margin-top:20px; }
.mb_login .id_area::before,
.mb_login .pw_area::before { color:rgba(255, 255, 255, .3); }
.mb_login .ck_area { color:#999; }
/* 비밀번호변경 */
.mb_join .btn_wrap .btn_submit { background:var(--theme-color); }
.mb_join .form-group { margin-bottom:20px; }
.text-muted { margin-top:10px; }
@media (max-width: 768px) {
	.mb_form { display:block; height:100%; margin:60px auto 0; }
	.mb_form .title { font-size:3.125rem; }
	.mb_form .text { margin:10px 0 20px; font-size:1.125rem; }
	.mb_form .form-control,
	.mb_form .custom-select,
	.mb_form .btn { font-size:1rem; }
	.mb_login .id_area::before,
	.mb_login .pw_area::before { left:10px; font-size:1.25rem; }
}
@media (max-width: 600px) {
	.mb_form { width:100%; padding:0 40px; }
}
@media (max-width: 486px) {
	.mb_form { padding:0 30px; }
	.mb_form .mb_inner { padding:20px; }
	.mb_form .title { font-size:2rem; }
	.mb_form .text { font-size:0.938rem; }
}

/* tab-style : 탭 스타일 */
.tab-style-03 .nav-item { flex:1 1 auto; }
.tab-style-03 .nav-item .nav-link { color:#8D8D8D; background:#ECECEC; border:none; }

/* table-style : 테이블 스타일 */
.table-style { border-top:2px solid #003288; border-bottom:2px solid #003288; border-right:0 none; }
.table-style th,
.table-style td { padding:40px 30px; border-right:0 none; border-bottom:1px solid #C2C2C2; letter-spacing:-0.03em; }
.table-style tbody td { font-weight:400; }
.table-style thead th,
.table-style tbody th { font-size:1.25rem; font-weight:600; color:#003288; background:#F8F8F8; }
@media (max-width: 1170px) {
	.table-scroll { position:relative; max-width:100%; overflow-x:hidden; }
	.table-scroll-desc { display:none; }
	.table-words { top:0; }
	.table-scroll .table-style { min-width:100%; }
}
@media (max-width: 768px) {
	/* 테이블 스타일 */
	.table-scroll { position:relative; max-width:100%; overflow-x:auto; }
	.table-scroll-desc { display:block; }
	.table-words { top:0; }
	.table-scroll .table-style { min-width:768px; }
	.table-style th,
	.table-style td { padding:10px 15px; }
	.table-style tbody th,
	.table-style tbody td { font-size:1rem; }
	.table-style thead th,
	.table-style tbody th { font-size:1.125rem; }
}

/* con_box_wrap */
.con_box_wrap { width:100%; margin:30px 0; padding:40px 35px 30px; font-size:1rem; color:#999; background:#F5F5F5; }
.con_box_wrap p.text { margin-bottom:5px; padding-left:15px; text-indent:-14px; }
@media (max-width: 768px) {
	/* con_box_wrap */
	.con_box_wrap { padding:25px 20px 15px; }
}

/* cont_term : 프로젝트 의뢰 개인정보처리방침 모달 팝업 */
.cont_term { font-size:0.938rem; }
/* .cont_term .sec1,
.cont_term .sec2,
.cont_term .sec3,
.cont_term .sec4,
.cont_term .sec5 { padding-bottom:40px; } */
.cont_term h4 { font-family:var(--font01); font-size:1.5rem; margin-bottom:40px; font-weight:700; }
.cont_term h5 { font-family:var(--font01); font-size:1.125rem; margin:20px 0px; font-weight:700; }
.cont_term .top_box { border:1px solid #dcdcdc; background:#f5f5f5; padding:25px; font-size:1rem; word-break:keep-all; border-radius:10px; }
.cont_term .content-box { margin-top:20px; padding:25px; border:1px solid #dcdcdc; border-radius:10px; }
.cont_term div.content-box { margin-bottom:10px; }
.cont_term div.content-box ul { padding:0; }
.cont_term div.content-box ul li { margin:5px 0; word-break:keep-all; }
.cont_term div.content-box ul.ul_list { padding:0 20px; }
.cont_term div.content-box ul.ul_list li { list-style:decimal; }
.cont_term div.content-box ul.ul_list1 li { margin:5px 0 10px; }
.cont_term div.content-box ul.ul_list1 li b { font-size:1rem; }
.cont_term div.content-box dl { margin:5px 0; }
.cont_term div.content-box dl dd { margin:5px 0; }
.cont_term div.content-box dl.dl_list1 dd:before { content:"-"; display:inline-block; position:relative; margin-right:4px; }
.privacy .sec1 { padding:10px; }
.privacy h4 { margin:30px 0 10px; }
.privacy div.content-box { margin-top:20px; padding:15px 25px; border:1px solid #dcdcdc; border-radius:10px; }
@media (max-width:999px) {
	.cont_term { font-size:100%; padding:0 2%; }
	.cont_term h4 { font-size:130%; margin-bottom:4%; }
	.cont_term h5 { font-size:110%; margin-bottom:2%; }
	.cont_term div.content-box ul.ul_list1 li b { font-size:100%; }
	.cont_term .top_box { padding:25px 20px; font-size:100%; }
	.privacy div.content-box { padding:15px 20px; }
}

/* ul, ol */
.list_style { }
.list_style > li { position:relative; padding-left:8px; font-size:1.25rem; line-height:1.4; color:#fff; letter-spacing:-0.03em; word-break:keep-all; }
.list_style > li::before { content:""; display:inline-block; position:absolute; top:13px; left:0; width:3px; height:3px; background:#fff; border-radius:100%; }
.list_style > li + li { margin-top:3px; }
@media (max-width: 1200px) {
	.list_style > li { font-size:1.125rem; }
	.list_style > li::before { top:11px; }
}
@media (max-width: 992px) {
	.list_style > li { font-size:1.067rem; }
	.list_style > li::before { top:9px; }
}
@media (max-width: 486px) {
	.list_style > li { font-size:0.933rem; }
}

/* basic_require */
.basic_require { margin-bottom:10px; text-align:right; color:#999; }
.basic_require span { color:var(--theme-color); }

/* modal */
.modal.center { top:50%; transform:translateY(-50%); height:auto; }
.modal .modal-content { background-color:#111; color:#fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius:10px; }
.modal .modal-body { padding:30px; }
.modal .modal-title { margin-bottom:1.5rem; font-size:1.563rem; }
.modal .close { position:absolute; top:30px; right:30px; color:#fff; text-shadow:none; }
.modal .noti_tel { color:#999; }
.modal .noti_tel .tit { margin-bottom:10px; color:#fff; }
.modal .noti_tel .tit svg { width:16px; margin:-3px 3px 0 0; vertical-align:middle; }
.modal *::placeholder { color:#fff; font-weight:400; }
.modal .req { display:inline-block; position:relative; margin:0 0 0 6px; text-indent:-9999em; color:var(--theme-color); font-weight:700; }
.modal .req::before { content:"*"; position:absolute; padding:0; top:50%; left:-50%; transform:translate(-50%, -50%); text-indent:0; }
.modal .form-row + .form-row { margin-top:10px; }
.modal .form-control { height:45px; padding:20px; color:#fff; font-weight:400; background-color:#191919; border:0 none; border-radius:0; }
.modal #dm_content,
.modal #txt_content { position:relative; min-height:120px; padding:20px; color:#fff; font-weight:400; resize:none; border-color:transparent; background-color:#191919; }
.modal .basic_buttons { margin:30px 0 0; text-align:center; }
.modal .basic_buttons .btn { display:inline-block; position:relative; width:150px; height:45px; color:#fff; font-weight:700; background-color:#191919; transition:all 0.25s; border:2px solid #191919; border-radius:30px; overflow:hidden; z-index:1; }
.modal .basic_buttons .btn:hover,
.modal .basic_buttons .btn:focus { color:var(--theme-color); }
.modal .basic_buttons .btn::after { content:""; position:absolute; left:0; top:0; width:0; height:100%; opacity:0; background-color:#000; border:2px solid var(--theme-color); border-radius:30px; transition:all 0.3s ease; overflow:hidden; z-index:-1; }
.modal .basic_buttons .btn:hover::after { width:100%; opacity:1; }
.modal .basic_buttons .btn_submit { background-color:var(--theme-color); border:2px solid #000; color:#fff; }
.modal .basic_buttons .btn_submit::after { }
@media (max-width: 768px) {
	.modal .modal-body { padding:20px; }
}
@media (max-width: 390px) {
	.modal .basic_buttons .btn { width:120px; }
}

/* tabs */
.tabs { display:inline-block; width:100%; }
.tabs .tab-links { }
.tabs .tab-links li { }
.tabs .tab-links a { }
.tabs .tab-content { }
.tabs .tab { display:none; }
.tabs .tab.active { display:block; }
.tab-content { width:100%; margin-top:0; padding:0; }

/* 게시판 : 공통 */
.table-form { background:#191919; border-top:1px solid #333; }
.table-form th,
.table-form td { padding:10px 30px; background:none; border-bottom:1px solid #333; }
.table-form th { white-space:nowrap; }
.table-form td { border-right:1px solid #333; }
.table-form td:last-child { border-right:0 none; }
.table-form tbody th { border-right:1px solid #333; }
/* bbs_btn */
.bbs .btn_list, 
.bbs .btn_write, 
.bbs .btn_close, 
.bbs .btn_submit, 
.bbs .btn_cancel, 
.bbs .btn_comment, 
.bbs .btn_modify, 
.bbs .btn_delete { padding:10px 20px; background-color:var(--theme-color); border-color:var(--theme-color); border-radius:10px; }
.bbs .btn_delete,
.bbs .btn_cancel,
.bbs .btn_list { background-color:#191919; border-color:#333; }
.bbs .btn_list:hover,
.bbs .btn_write:hover,
.bbs .btn_close:hover,
.bbs .btn_submit:hover,
.bbs .btn_cancel:hover,
.bbs .btn_comment:hover,
.bbs .btn_modify:hover,
.bbs .btn_delete:hover { background-color:#FF474A; border-color:#FF474A; }
.bbs_listbtn .btn_write { color:#FF474A; border:2px solid #FF474A; background:transparent; }
/* list */
.bbs_listing .table { border-top:1px solid #333; }
.bbs_listing .table th,
.bbs_listing .table td { padding:25px; font-size:1.125rem; line-height:1.5; }
.bbs_listing .table thead th,
.bbs_listing .table tbody td { color:#fff; }
.bbs_listing .table tbody td { border-color:#333; font-weight:300; }
.bbs_listing .table tbody td.td_subject i { margin-right:8px; }
.bbs_listing .table tbody td.td_subject img { margin-left:8px; }
.pg_current { color:#FF474A !important; }
.pg_current::after { background-color:#FF474A; }
.bbs_listbtn .btn_write { border-radius:30px; }
.bbs_listbtn .btn_write::before { background-color:#FF474A; }
.bbs_listbtn .btn_write:hover { color:#fff; background-color:#FF474A; border-color:#FF474A; }
.bbs_cate { margin:0 0 60px; }
.bbs_cate > ul > li { margin:0 4px; }
.bbs_cate > ul > li > a { padding:11px 20px; font-size:1.25rem; font-weight:700; color:#555; border-radius:30px; }
.bbs_cate > ul > li:hover > a,
.bbs_cate > ul > li.on > a { background:var(--theme-color); }
@media (max-width: 1540px) {
	.bbs_list { max-width:none; width:100%; padding:0 20px; }
}
@media (max-width: 1200px) {
	/* list */
	.bbs_cate > ul > li > a { padding:8px 15px; font-size:1.125rem; }
	/* 게시판 페이징 */
	.bbs_paging { margin:20px 0; }
}
@media (max-width: 992px) {
	/* list */
	.bbs_cate > ul > li > a { padding:4px 12px; font-size:1.067rem; }
	
	/* 게시판 공통 */
	.table-form th,
	.table-form td { padding:10px 20px; }
}
@media (max-width: 768px) {
	/* list */
	.bbs_cate { margin:0 0 30px; }
}
@media (max-width: 486px) {
	/* bbs_btn */
	.bbs .btn_list, 
	.bbs .btn_write, 
	.bbs .btn_close, 
	.bbs .btn_submit, 
	.bbs .btn_cancel, 
	.bbs .btn_comment, 
	.bbs .btn_modify, 
	.bbs .btn_delete { padding:5px 10px; }
}

/* view */
.nb_ul { border-color:#333; }
.nb_ul li { padding:0 30px; border-color:#333; background:#000; }
.nb_ul li a { padding:20px; }
.nb_ul li .nb_tit { color:#999; }
.nb_ul li:hover {  background:#191919; }
.cmt_btn,
.cmt_btn i { color:#fff; }
.cmt_btn { border:0 none; }
.cmt_btn:before { content:none; }
.comment_ul,
.comment_li { border-color:#333; }
.comment_form { border-color:#333; background-color:#191919; }
.bbs_view_contents iframe { max-height:600px; }
.bo_v_con { width:100%; min-height:200px; margin:0; padding:30px; border:1px solid #333; word-break:break-all; overflow:hidden; }
.bo_v_con p:has(img) { text-align:center; }
/* .bbs_view_contents_img { display:none; } */
.bbs_post .fileout .fileout_checkbox { background-color:#000; border-color:#333; }
.bbs_view_link { margin-top:30px; }
.bbs_view_link dt { margin-bottom:10px; }
@media (max-width: 486px) {
	.nb_ul { margin:30px 0 20px; }
	.nb_ul li { padding:0 0 0 15px; }
	.nb_ul li a { padding:10px; font-size:0.933rem; }
	.nb_ul li .nb_tit { flex:0 0 60px; max-width:60px; font-size:0.933rem; }
	.cmt_btn { margin:0; font-size:1.067rem; }
}

/* write */
.bbs_post textarea { color:#fff !important; background:#000; border:1px solid #666; }
.bbs_post .table-form th,
.bbs_post .table-form td { padding:15px 20px; }
.bbs_post .form-control,
.bbs_post .custom-select,
.bbs_post .custom-file-input,
.bbs_post .custom-file-label,
.bbs_post .custom-file-label::after { height:auto; padding:12px 20px; color:#fff; background-color:#000; border-color:#666; border-radius:0; }
.bbs_post .custom-file { height:auto; }
.note-frame { color:#fff !important; }
.note-placeholder { color:#fff !important; }
.dropdown-toggle::after { content:none; }
.note-editor.note-frame iframe { width:100%; }
.txt_tip_file { display:block; margin:5px 0 0; color:#999; }
@media (max-width: 1540px) {
	.p_write_required,
	.bbs_post { padding:0 20px; }
}

/* COMPANY */
.company_wrap { }
.company_wrap .con_tit { font-family:var(--font-mont); font-size:3.75rem; font-weight:700; line-height:1.4; text-align:center; }
.company_wrap .con_txt { font-size:1.125rem; line-height:1.5; text-align:center; }
.company_wrap .about_con { }
.company_wrap .about_con .bg_con_box { display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; padding:180px 20px; text-align:center; background:url("../images/pages/bg_compay_about.png") center/cover no-repeat; border-radius:40px; z-index:1; }
.company_wrap .about_con .bg_con_box .tit { margin-bottom:40px; font-family:var(--font-mont); font-size:3.375rem; font-weight:500; line-height:1.4; }
.company_wrap .about_con .bg_con_box .tit em { font-weight:700; }
.company_wrap .about_con .bg_con_box .txt { font-size:1.563rem; font-weight:700; line-height:1.4; word-break:keep-all; }
.company_wrap .about_con .bg_con_box .txt.MAT30 { margin-top:30px; }
.company_wrap .about_con .info_box { display:grid; grid-template-columns:repeat(4, 1fr); margin-top:100px; }
.company_wrap .about_con .info_box > .con { display:flex; flex-direction:column; justify-content:space-between; text-align:center; }
.company_wrap .about_con .info_box > .con + .con { border-left:1px solid #333; }
.company_wrap .about_con .info_box > .con .tit { position:relative; min-height:53px; margin-bottom:27px; padding-top:80px; font-size:1.25rem; line-height:1.5; }
.company_wrap .about_con .info_box > .con .tit::before { content:""; display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); width:64px; height:64px; background-position:center; background-size:cover; background-repeat:no-repeat; }
.company_wrap .about_con .info_box > .con:nth-child(1) .tit::before { background-image:url("../images/pages/bg_com_info_1.png"); }
.company_wrap .about_con .info_box > .con:nth-child(2) .tit::before { background-image:url("../images/pages/bg_com_info_2.png"); }
.company_wrap .about_con .info_box > .con:nth-child(3) .tit::before { background-image:url("../images/pages/bg_com_info_3.png"); }
.company_wrap .about_con .info_box > .con:nth-child(4) .tit::before { background-image:url("../images/pages/bg_com_info_4.png"); }
.company_wrap .about_con .info_box > .con .tit span { display:block; font-size:0.938rem; }
.company_wrap .about_con .info_box > .con .txt { font-size:1.125rem; font-weight:700; word-break:keep-all; }
.company_wrap .about_con .info_box > .con .txt em { font-size:2.5rem; }
.company_wrap .vision_value_con { margin-top:180px; }
.company_wrap .vision_value_con .con_tit { margin-bottom:24px; }
.company_wrap .vision_value_con .con_txt2 { margin-top:80px; font-family:var(--font-mont); font-size:3.125rem; font-weight:700; line-height:1.4; text-align:center; background:linear-gradient(180deg, #FF474A 23.98%, #DC1E21 79.59%); background-clip:text; -webkit-background-clip:text; color:transparent; }
.company_wrap .vision_value_con .con_list { display:grid; grid-template-columns:repeat(5, 1fr); gap:25px; margin-top:90px; }
.company_wrap .vision_value_con .con_list li { padding:60px 0 50px; text-align:center; border:1px solid #333; }
.company_wrap .vision_value_con .con_list li span { display:block; position:relative; padding-top:120px; font-size:1.5rem; font-weight:700; }
.company_wrap .vision_value_con .con_list li span::before { content:""; display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); width:80px; height:80px; background-position:center; background-size:cover; background-repeat:no-repeat; }
.company_wrap .vision_value_con .con_list li:nth-child(1) span::before { background-image:url("../images/pages/bg_vision_value_1.png"); }
.company_wrap .vision_value_con .con_list li:nth-child(2) span::before { background-image:url("../images/pages/bg_vision_value_2.png"); }
.company_wrap .vision_value_con .con_list li:nth-child(3) span::before { background-image:url("../images/pages/bg_vision_value_3.png"); }
.company_wrap .vision_value_con .con_list li:nth-child(4) span::before { background-image:url("../images/pages/bg_vision_value_4.png"); }
.company_wrap .vision_value_con .con_list li:nth-child(5) span::before { background-image:url("../images/pages/bg_vision_value_5.png"); }
.company_wrap .history_con { width:100vw; margin:180px 0; margin-left:calc(-50vw + 50%); padding:180px 0; background:rgba(255, 255, 255, .1); }
.company_wrap .history_con .con_tit { margin-bottom:60px; text-align:left; }
.company_wrap .history_con .tabs { display:flex; position:relative; width:100%; padding-top:80px; }
.company_wrap .history_con .tabs .tab-links { width:140px; height:322px; overflow-y:auto; }
.company_wrap .history_con .tabs .tab-links li { }
.company_wrap .history_con .tabs .tab-links li + li { margin-top:20px; }
.company_wrap .history_con .tabs .tab-links a { font-family:var(--font-mont); font-size:1.875rem; font-weight:700; line-height:1.2; color:rgba(255, 255, 255, .3); }
.company_wrap .history_con .tabs .tab-links a:hover,
.company_wrap .history_con .tabs .tab-links li.active a { color:var(--theme-color); }
.company_wrap .history_con .tabs .tab-links a span { margin-left:5px; font-size:1.25rem; }
.company_wrap .history_con .tabs .tab-links::-webkit-scrollbar { width:5px; }
.company_wrap .history_con .tabs .tab-links::-webkit-scrollbar-track { background-color:transparent; }
.company_wrap .history_con .tabs .tab-links::-webkit-scrollbar-thumb { border-radius: 3px; background-color:rgba(255, 255, 255, .1); }
.company_wrap .history_con .tabs .tab-links::-webkit-scrollbar-button { width:0; height:0; }
.company_wrap .history_con .tab-content { width:calc(100% - 140px); padding-left:60px; }
.company_wrap .history_con .tab-content .tab { }
.company_wrap .history_con .tab-content .list { /* max-height:280px; */ overflow-y:hidden; }
.company_wrap .history_con .tab-content .list > li { display:flex; gap:8px; position:relative; padding-left:10px; font-size:1.125rem; line-height:1.5; color:#555; word-break:keep-all; }
.company_wrap .history_con .tab-content .list > li::before { content:""; display:inline-block; position:absolute; top:13px; left:0; width:3px; height:3px; background-color:#555; border-radius:50%; }
.company_wrap .history_con .tab-content .list > li + li { margin-top:15px; }
.company_wrap .history_con .tab-content .list > li .month { display:inline-block; font-weight:700; line-height:1.5; color:#555; }
.company_wrap .history_con .tab-content .list > li .con_text { }
.company_wrap .history_con .tab-content #tab4 .list > li .month { min-width:110px; }
.company_wrap .history_con .tab-content .list::-webkit-scrollbar { width:5px; }
.company_wrap .history_con .tab-content .list::-webkit-scrollbar-track { background-color:transparent; }
.company_wrap .history_con .tab-content .list::-webkit-scrollbar-thumb { border-radius: 3px; background-color:rgba(255, 255, 255, .1); }
.company_wrap .history_con .tab-content .list::-webkit-scrollbar-button { width:0; height:0; }
.company_wrap .history_con .history_slide { display:grid; grid-auto-flow:column; /* position:absolute; */ width:100%; margin:0; padding:0; overflow:hidden; }
.company_wrap .history_con .history_slide .swiper-slide { /* display:flex; flex-direction:column; justify-content:flex-end; */ }
.company_wrap .history_con .history_slide .swiper-slide.on { }
.company_wrap .history_con .history_slide .swiper-slide.on .list { overflow:auto; }
.company_wrap .history_con .history_slide .swiper-slide.on .list > li { font-weight:700; color:#fff; }
.company_wrap .history_con .history_slide .swiper-slide.on .list > li::before { background-color:#fff; }
.company_wrap .history_con .history_slide .swiper-slide.on .list > li .month { color:var(--theme-color); }
.company_wrap .history_con .ctl_box { display:flex; align-items:center; gap:8px; position:absolute; top:0; right:0; cursor:pointer; z-index:99; }
.company_wrap .history_con .ctl_box .swiper-button-prev,
.company_wrap .history_con .ctl_box .swiper-button-next { position:relative; width:50px; height:50px; margin:0; padding:0; border:1px solid #fff; border-radius:50%; background:0 none; transition:all 0.3s ease; }
.company_wrap .history_con .ctl_box .swiper-button-prev { left:0; }
.company_wrap .history_con .ctl_box .swiper-button-next { right:0; }
.company_wrap .history_con .ctl_box .swiper-button-prev::before,
.company_wrap .history_con .ctl_box .swiper-button-next::before { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-family:"xeicon"; vertical-align:middle; font-size:0.889rem; font-weight:400; color:#fff; }
.company_wrap .history_con .ctl_box .swiper-button-prev::before { content:"\e93b"; }
.company_wrap .history_con .ctl_box .swiper-button-next::before { content:"\e93e"; }
.company_wrap .certification_con { }
.company_wrap .certification_con .list { display:flex; flex-wrap:wrap; justify-content:center; gap:25px; margin-top:40px; }
.company_wrap .certification_con .list > li { display:flex; flex-direction:column; align-items:center; justify-content:center; width:calc(25% - 25px); min-height:152px; padding:30px 40px; text-align:center; border:1px solid #333; }
.company_wrap .certification_con .list > li img { }
.company_wrap .certification_con .list > li span { display:block; margin-top:10px; color:#999; font-size:0.875rem; line-height:1.4; word-break:keep-all; }
.company_wrap .organization_con { margin-top:180px; }
.company_wrap .organization_con .org_box { margin-top:80px; }
.company_wrap .organization_con .org_box .org_tit { display:flex; align-items:center; justify-content:center; position:relative; width:520px; height:520px; margin:0 auto; border:1px dashed #FF474A; border-radius:50%; z-index:1; }
.company_wrap .organization_con .org_box .org_tit::before { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:1400px; height:160px; background:url("../images/pages/img_logo_2.png") center no-repeat; z-index:-1; }
.company_wrap .organization_con .org_box .org_tit span { display:flex; align-items:center; justify-content:center; position:relative; width:250px; height:250px; background-color:#FF474A; border-radius:50%; color:#fff; font-size:1.5rem; font-weight:700; z-index:1; }
.company_wrap .organization_con .org_box .org_tit span::before { content:""; display:block; position:absolute; left:-30px; top:-30px; width:310px; height:310px; background:rgba(255, 71, 74, .3); border-radius:50%; z-index:-1; }
.company_wrap .organization_con .org_con { display:grid; grid-template-columns:repeat(5, 1fr); align-items:flex-start; gap:28px; position:relative; max-width:1112px; margin:-60px auto 80px; z-index:2; }
.company_wrap .organization_con .org_con > .con { padding:16px 10px; text-align:center; background-color:#222; border-radius:20px; }
.company_wrap .organization_con .org_con > .con .org_1 { }
.company_wrap .organization_con .org_con > .con .org_1 span { font-size:1.125rem; font-weight:700; line-height:1.2; }
.company_wrap .organization_con .org_con > .con .org_2_wrap { margin-top:16px; }
.company_wrap .organization_con .org_con > .con .org_2_wrap ul { }
.company_wrap .organization_con .org_con > .con .org_2_wrap ul li { padding:11px; font-size:0.938rem; font-weight:500; line-height:1.2; background-color:#333; border-radius:30px; }
.company_wrap .organization_con .org_con > .con .org_2_wrap ul li + li { margin-top:8px; }
/* .company_wrap .organization_con .org_con > .con:has(.org_2_wrap) { padding:0 10px 16px 10px; border-radius:20px; background-color:#222; } */
.company_wrap .organization_con .con_txt { font-size:1.875rem; font-weight:700; text-align:center; word-break:keep-all; }
/* .company_wrap .history_con .tab-content .tab:last-child .swiper-slide { display:none; }
.company_wrap .history_con .tab-content .tab:last-child .swiper-slide.on { display:block; } */
@media (max-width: 1400px) {
	.company_wrap .organization_con .org_box .org_tit::before { width:200%; background-size:contain; }
}
@media (max-width: 1200px) {
	.company_wrap .about_con .bg_con_box { padding:120px 20px; }
	.company_wrap .about_con .bg_con_box .tit { margin-bottom:20px; font-size:2rem; }
	.company_wrap .about_con .bg_con_box .txt { font-size:1rem; }
	.company_wrap .about_con .info_box { margin-top:60px; }
	.company_wrap .about_con .info_box > .con { padding:0 20px; }
	.company_wrap .about_con .info_box > .con .tit span { font-size:0.875rem; }
	.company_wrap .about_con .info_box > .con .txt { font-size:1rem; }
	.company_wrap .about_con .info_box > .con .txt em { font-size:2rem; }
	.company_wrap .about_con .info_box > .con .txt br { display:none; }
	.company_wrap .vision_value_con { margin-top:100px; }
	.company_wrap .con_tit { font-size:3.25rem; }
	.company_wrap .vision_value_con .con_txt2 { margin-top:40px; font-size:2.5rem; }
	.company_wrap .history_con { margin:100px 0; padding:80px 0; }
	.company_wrap .history_con .con_tit { margin-bottom:0; }
	.company_wrap .history_con .tabs .tab-links a { font-size:1.375rem; }
	.company_wrap .history_con .tab-content { padding-left:0; }
	.company_wrap .history_con .tab-content .list > li { font-size:1rem; }
	.company_wrap .history_con .tab-content .list > li::before { top:10px; }
	.company_wrap .history_con .tab-content #tab4 .list > li .month { min-width:90px; }
	.company_wrap .certification_con .list { gap:20px; }
	.company_wrap .certification_con .list > li { width:calc(33.33% - 20px); min-height:auto; padding:20px 30px; }
	.company_wrap .organization_con { margin-top:100px; }
	.company_wrap .organization_con .org_box { margin-top:40px; }
	.company_wrap .organization_con .org_box .org_tit { width:360px; height:360px; }
	.company_wrap .organization_con .org_box .org_tit span { width:180px; height:180px; font-size:1.25rem; }
	.company_wrap .organization_con .org_box .org_tit span::before { width:240px; height:240px; }
	.company_wrap .organization_con .org_con { gap:15px; max-width:none; width:100%; margin:-50px auto 60px; }
	.company_wrap .organization_con .org_con > .con .org_1 span { font-size:1rem; }
	.company_wrap .organization_con .org_con > .con .org_2_wrap { margin-top:10px; }
	.company_wrap .organization_con .org_con > .con .org_2_wrap ul li { font-size:0.875rem; }
	.company_wrap .organization_con .con_txt { font-size:1.5rem; }
}
@media (max-width: 992px) {
	.company_wrap .about_con .bg_con_box::after { content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, .5); z-index:-1; }
	.company_wrap .about_con .info_box { grid-template-columns:repeat(2, 1fr); gap:40px 10px; margin-top:40px; }
	.company_wrap .about_con .info_box > .con { justify-content:flex-start; }
	.company_wrap .about_con .info_box > .con + .con { border:0; }
	.company_wrap .about_con .info_box > .con .tit { margin-bottom:10px; font-size:1.2rem; }
	.company_wrap .about_con .info_box > .con .txt { font-size:1rem; }
	.company_wrap .vision_value_con { margin-top:80px; }
	.company_wrap .history_con .tabs .tab-links { width:120px; }
	.company_wrap .con_tit { font-size:3.067rem; }
	.company_wrap .con_txt { font-size:1.067rem; }
	.company_wrap .vision_value_con .con_list { gap:20px; margin-top:40px; }
	.company_wrap .vision_value_con .con_list li { padding:40px 0 30px; }
	.company_wrap .vision_value_con .con_list li span { font-size:1.333rem; }
}
@media (max-width: 768px) {
	.company_wrap .about_con .bg_con_box { padding:40px 15px; }
	.company_wrap .about_con .bg_con_box .tit { font-size:1.867rem; }
	.company_wrap .about_con .bg_con_box .txt { font-size:1rem; }
	.company_wrap .about_con .bg_con_box .txt br { display:none; }
	.company_wrap .about_con .info_box > .con .tit { padding-top:55px; }
	.company_wrap .about_con .info_box > .con .tit::before { width:40px; height:40px; }
	.company_wrap .about_con .info_box > .con .txt em { font-size:1.733rem; }
	.company_wrap .vision_value_con .con_txt2 { font-size:2rem; }
	.company_wrap .vision_value_con .con_list li { padding:30px 0 20px; }
	.company_wrap .vision_value_con .con_list li span { padding-top:60px; font-size:1.2rem; }
	.company_wrap .vision_value_con .con_list li span::before { width:50px; height:50px; }
	.company_wrap .history_con .tabs { gap:20px; padding-top:60px; }
	.company_wrap .history_con .ctl_box .swiper-button-prev,
	.company_wrap .history_con .ctl_box .swiper-button-next { width:40px; height:40px; }
	.company_wrap .certification_con .list > li { width:calc(50% - 20px); padding:20px; }
	.company_wrap .organization_con { margin-top:50px; }
	.company_wrap .organization_con .org_box .org_tit { width:250px; height:250px; }
	.company_wrap .organization_con .org_box .org_tit span { width:120px; height:120px; font-size:1.2rem; }
	.company_wrap .organization_con .org_box .org_tit span::before { width:180px; height:180px; }
	.company_wrap .organization_con .org_con > .con { padding:10px; }
	.company_wrap .organization_con .org_con { grid-template-columns:repeat(2, 1fr); margin:-30px auto 30px; }
	.company_wrap .organization_con .org_con > .con .org_1 span { font-size:1rem; }
	.company_wrap .organization_con .org_con > .con .org_2_wrap ul li { font-size:0.867rem; }
	.company_wrap .organization_con .con_txt { font-size:1.2rem; }
}
@media (max-width: 576px) {
	.company_wrap .vision_value_con .con_list { display:flex; flex-wrap:wrap; justify-content:center; gap:15px; }
	.company_wrap .vision_value_con .con_list li { width:calc(33.33% - 15px); }
	.company_wrap .history_con { margin:60px 0; padding:40px 0; }
	.company_wrap .history_con .tabs .tab-links { width:90px; }
	.company_wrap .history_con .tabs .tab-links a { font-size:1.333rem; }
	.company_wrap .history_con .tab-content { padding:0; }
	.company_wrap .history_con .tab-content .list > li { font-size:0.933rem; }
	.company_wrap .history_con .tab-content .list > li::before { top:9px; width:2px; height:2px; }
	.company_wrap .history_con .history_slide .swiper-slide.on .list > li { font-weight:normal; }
	.company_wrap .organization_con .org_box .org_tit::before { width:150%; }
}
@media (max-width: 486px) {
	.company_wrap .about_con .bg_con_box .txt br { display:none; }
	.company_wrap .about_con .info_box { grid-template-columns:repeat(1, 1fr); gap:20px 0; }
	.company_wrap .about_con .info_box > .con .txt em { font-size:1.467rem; }
	.company_wrap .about_con .info_box > .con .tit { margin:0; font-size:1.067rem; }
	.company_wrap .about_con .info_box > .con .txt { font-size:13px; }
	.company_wrap .con_tit { font-size:2.533rem; }
	.company_wrap .con_txt { font-size:0.933rem; }
	.company_wrap .vision_value_con .con_list li { width:calc(50% - 15px); }
	.company_wrap .vision_value_con .con_list li span { font-size:1.067rem; }
	.company_wrap .history_con .tabs { display:block; }
	.company_wrap .history_con .tabs .tab-links { display:flex; gap:18px; width:100%; height:30px; margin-bottom:15px; overflow-y:hidden; overflow-x:auto; }
	.company_wrap .history_con .tabs .tab-links li + li { margin:0; }
	.company_wrap .history_con .tabs .tab-links li a { font-size:1.2rem; }
	.company_wrap .history_con .tab-content { width:100%; }
	.company_wrap .history_con .tab-content .list { max-height:none; height:100%; }
	.company_wrap .history_con .tab-content .list > li + li { margin-top:10px; }
	.company_wrap .history_con .tab-content #tab4 .list > li .month { min-width:82px; }
	.company_wrap .history_con .tabs .tab-links::-webkit-scrollbar { height:5px; }
	.company_wrap .history_con .history_slide { position:static; }
	.company_wrap .certification_con .list { gap:10px; justify-content:flex-start; }
	.company_wrap .certification_con .list > li { width:calc(50% - 5px); }
	.company_wrap .organization_con .org_con { grid-template-columns:repeat(1, 1fr); }
	.company_wrap .organization_con .con_txt { font-size:1.067rem; }
}
@media (max-width: 420px) {
	.company_wrap .organization_con .org_box .org_tit::before { content:none; }
}
@media (max-width: 360px) {
	.company_wrap .vision_value_con .con_list li { display:flex; align-items:center; width:100%; min-height:80px; padding:15px; }
	.company_wrap .vision_value_con .con_list li span { padding:0; padding-left:70px; text-align:left; }
	.company_wrap .vision_value_con .con_list li span::before { top:50%; left:0; transform:unset; transform:translateY(-50%); }
	.company_wrap .certification_con .list > li { width:100%; }
}

/* SERVICE */
.service_wrap { }
.service_wrap .tabs { }
.service_wrap .tab-links { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:80px; margin-bottom:100px; }
.service_wrap .tab-links li { margin:0; }
.service_wrap .tab-links a { display:flex; align-items:center; justify-content:center; width:240px; height:240px; padding:10px; font-family:var(--font-mont); font-size:2rem; font-weight:700; color:rgba(255, 255, 255, .5); text-align:center; background:#1F1F1F; border-radius:50%; cursor:pointer; transition:all 0.5s ease; }
.service_wrap .tab-content { }
.service_wrap .tab { }
.service_wrap .tab.active { }
.service_wrap .tit_txt { margin-bottom:80px; }
.service_wrap .tit_txt p { font-size:1.625rem; font-weight:700; line-height:1.4; text-align:center; word-break:keep-all; }
.service_wrap .service_list { display:flex; flex-wrap:wrap; gap:20px; margin:40px 0 150px; }
.service_wrap .service_list > li { position:relative; width:calc(50% - 10px); padding:35px; font-size:1.25rem; border:1px solid #333; word-break:keep-all; }
.service_wrap .service_list > li::before { content:"\e929"; margin-right:15px; font-family:"xeicon"; vertical-align:middle; font-size:1.875rem; color:var(--theme-color); }
.service_wrap .service_list > li::after { content:""; position:absolute; top:50%; right:35px; transform:translateY(-50%); width:32px; height:32px; background-position:center; background-repeat:no-repeat; background-size:cover; }
/* contents */
.con_list_1 > li:nth-child(1)::after { background-image:url("../images/pages/ico_service_con_1_1.png"); }
.con_list_1 > li:nth-child(2)::after { background-image:url("../images/pages/ico_service_con_1_2.png"); }
.con_list_1 > li:nth-child(3)::after { background-image:url("../images/pages/ico_service_con_1_3.png"); }
.con_list_1 > li:nth-child(4)::after { background-image:url("../images/pages/ico_service_con_1_4.png"); }
/* brand */
.con_list_2 > li:nth-child(1)::after { background-image:url("../images/pages/ico_service_con_2_1.png"); }
.con_list_2 > li:nth-child(2)::after { background-image:url("../images/pages/ico_service_con_2_2.png"); }
.con_list_2 > li:nth-child(3)::after { background-image:url("../images/pages/ico_service_con_2_3.png"); }
.con_list_2 > li:nth-child(4)::after { background-image:url("../images/pages/ico_service_con_2_4.png"); }
/* platform */
.con_list_3 > li:nth-child(1)::after { background-image:url("../images/pages/ico_service_con_3_1.png"); }
.con_list_3 > li:nth-child(2)::after { background-image:url("../images/pages/ico_service_con_3_2.png"); }
.con_list_3 > li:nth-child(3)::after { background-image:url("../images/pages/ico_service_con_3_3.png"); }
.con_list_3 > li:nth-child(4)::after { background-image:url("../images/pages/ico_service_con_3_4.png"); }
/* marketing */
.con_list_4 > li:nth-child(1)::after { background-image:url("../images/pages/ico_service_con_4_1.png"); }
.con_list_4 > li:nth-child(2)::after { background-image:url("../images/pages/ico_service_con_4_2.png"); }
.con_list_4 > li:nth-child(3)::after { background-image:url("../images/pages/ico_service_con_4_3.png"); }
.con_list_4 > li:nth-child(4)::after { background-image:url("../images/pages/ico_service_con_4_4.png"); }
.service_wrap .example_list { margin-top:40px; }
.service_wrap .example_list li { position:relative; border-bottom:1px solid #333; }
.service_wrap .example_list .pofol { display:flex; position:relative; align-items:center; min-height:150px; padding:30px; }
.service_wrap .example_list .pofol .stit_date { line-height:1.4; }
.service_wrap .example_list .pofol .stit_date em { display:inline-block; margin-bottom:12px; font-weight:500; }
.service_wrap .example_list .pofol .stit_date span { position:relative; margin-left:8px; padding-left:8px; color:#999; }
.service_wrap .example_list .pofol .stit_date span::before { content:""; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:2px; height:2px; background-color:#D9D9D9; border-radius:50%; }
.service_wrap .example_list .pofol .subject { font-size:1.375rem; font-weight:700; line-height:1.5; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; }
.service_wrap .example_list .pofol .thumb { position:absolute; right:7%; top:50%; transform:translateY(-40%); width:400px; opacity:0; pointer-events:none; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; z-index:6; }
.service_wrap .example_list .pofol .thumb .img-box { position:relative; width:100%; padding-top:100%; border-radius:20px; /* background-color:#222; */ overflow:hidden; }
.service_wrap .example_list .pofol .thumb .img-box img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; }
.service_wrap .tab-links a:hover,
.service_wrap li.active a,
.service_wrap li.active a:hover { background:linear-gradient(180deg, #FF474A 0%, #992A2C 100%); color:rgba(255, 255, 255, 1); }
.service_wrap .example_list .pofol:hover { background:rgba(255, 255, 255, .1); z-index:5; }
.service_wrap .example_list.active .pofol:hover .thumb { opacity:1; transform:translateY(-50%); }
@media (max-width: 1540px) {
	.service_wrap { padding:0 20px; }
}
@media (max-width: 1260px) {
	.service_wrap .example_list .thumb { width:280px; }
}
@media (max-width: 1200px) {
	.service_wrap .tab-links { gap:40px; margin-bottom:60px; }
	.service_wrap .tab-links a { width:180px; height:180px; font-size:1.375rem; }
	.service_wrap .tit_txt { margin-bottom:40px; }
	.service_wrap .tit_txt p { font-size:1.25rem; }
	.service_wrap .service_list { margin:20px 0 60px; }
	.service_wrap .service_list > li { padding:20px; font-size:1.125rem; }
	.service_wrap .service_list > li::before { margin-right:10px; font-size:1.375rem; }
	.service_wrap .service_list > li::after { right:20px; width:22px; height:22px; }
	.service_wrap .example_list .pofol { min-height:100px; padding:20px; }
	.service_wrap .example_list .pofol .stit_date { font-size:0.875rem; }
	.service_wrap .example_list .pofol .subject { font-size:1.125rem; }
	.service_wrap .example_list .pofol .thumb { right:5%; width:250px; }
	.service_wrap .example_list { margin-top:20px; }
}
@media (max-width: 1024px) {
	.service_wrap .example_list .thumb { width:200px; }
}
@media (max-width: 992px) {
	.service_wrap .tab-links { gap:15px; margin-bottom:40px; }
	.service_wrap .tab-links a { width:100%; height:100%; padding:8px 20px; font-size:1.2rem; border-radius:30px; }
	.service_wrap .service_list { gap:10px; }
	.service_wrap .service_list > li { width:100%; }
	
}
@media (max-width: 768px) {
	.service_wrap .example_list .pofol .stit_date { margin-bottom:5px; }
	.service_wrap .example_list .thumb { display:none; }
}
@media (max-width: 486px) {
	.service_wrap .tit_txt p { font-size:1.2rem; }
	.service_wrap .tit_txt p br { display:none; }
	.service_wrap .service_list > li { padding:15px 35px 15px 15px; font-size:1.067rem; }
	.service_wrap .service_list > li::before { content:none; }
	.service_wrap .service_list > li::after { right:15px; width:16px; height:16px; }
	.service_wrap .example_list .pofol { padding:15px; }
	.service_wrap .example_list .pofol .stit_date { font-size:0.867rem; }
	.service_wrap .example_list .pofol .subject { font-size:1.067rem; }
}

/* solution > iCMS */
.icms_wrap { margin-top:60px; }
.icms_wrap h4.h4_tit { font-size:2.875rem; }
.icms_wrap .icms_con { }
.icms_wrap .icms_con + .icms_con { margin-top:200px; }
.icms_wrap .intro { display:flex; position:relative; padding-bottom:168px; z-index:1; }
.icms_wrap .intro::before { content:""; display:block; position:absolute; bottom:0; right:0; width:1200px; height:137px; background:url("../images/pages/img_logo.png") center/cover no-repeat; z-index:-1; }
.icms_wrap .intro .txt_wrap { width:calc(100% - 640px); }
.icms_wrap .intro .txt_wrap .title { margin-bottom:20px; font-size:3.25rem; font-weight:700; line-height:1.3; }
.icms_wrap .intro .txt_wrap .title em { color:var(--theme-color); }
.icms_wrap .intro .txt_wrap .text { font-size:1.125rem; line-height:1.5; }
.icms_wrap .intro .txt_wrap .con_box { display:flex; flex-wrap:wrap; gap:80px; margin-top:54px; }
.icms_wrap .intro .txt_wrap .con_box .tit { margin-bottom:20px; font-size:1.5rem; font-weight:700; line-height:1.5; }
.icms_wrap .intro .txt_wrap .feature { width:436px; }
.icms_wrap .intro .txt_wrap .feature ul { }
.icms_wrap .intro .txt_wrap .feature ul li { padding:14px 16px; border:1px solid #333; }
.icms_wrap .intro .txt_wrap .feature ul li + li { margin-top:8px; }
.icms_wrap .intro .txt_wrap .feature ul li span { display:block; position:relative; padding:0 30px 0 34px; font-size:1.125rem; line-height:1.5; }
.icms_wrap .intro .txt_wrap .feature ul li span::before,
.icms_wrap .intro .txt_wrap .feature ul li span::after { content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); }
.icms_wrap .intro .txt_wrap .feature ul li span::before { left:0; width:24px; height:24px; background-position:center; background-repeat:no-repeat; background-size:24px 24px; }
.icms_wrap .intro .txt_wrap .feature ul li:nth-child(1) span::before { background-image:url("../images/pages/ico_feature_1.svg"); }
.icms_wrap .intro .txt_wrap .feature ul li:nth-child(2) span::before { background-image:url("../images/pages/ico_feature_2.svg"); }
.icms_wrap .intro .txt_wrap .feature ul li:nth-child(3) span::before { background-image:url("../images/pages/ico_feature_3.svg"); }
.icms_wrap .intro .txt_wrap .feature ul li:nth-child(4) span::before { background-image:url("../images/pages/ico_feature_4.svg"); }
.icms_wrap .intro .txt_wrap .feature ul li:nth-child(5) span::before { background-image:url("../images/pages/ico_feature_5.svg"); }
.icms_wrap .intro .txt_wrap .feature ul li span::after { content:"\e928"; right:0; font-family:"xeicon"; vertical-align:middle; font-size:1.25rem; font-weight:700; color:var(--theme-color); }
.icms_wrap .intro .txt_wrap .example { max-width:384px; }
.icms_wrap .intro .txt_wrap .example .list_style > li + li { margin-top:12px; }
.icms_wrap .intro .img_wrap { max-width:640px; }
.icms_wrap .icms_con.start { margin-top:168px; }
.icms_wrap .start { width:100vw; margin-left:calc(-50vw + 50%); padding:150px 0; text-align:center; background:linear-gradient(180deg, #191919 0%, #000000 100%); }
.icms_wrap .start h4.h4_tit { margin-bottom:24px; }
.icms_wrap .start .text { padding:0 20px; font-size:1.5rem; line-height:1.5; word-break:keep-all; }
.icms_wrap .start .text strong { color:var(--theme-color); }
.icms_wrap .start .img_con_wrap { margin-top:126px; }
.icms_wrap .start .img_con { position:relative; width:640px; height:640px; margin:0 auto; border:1px dashed #999; border-radius:50%; z-index:1; }
.icms_wrap .start .img_con::before { content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:526px; height:477px; background:url("../images/pages/bg_earth.png") center/cover no-repeat; z-index:-1; }
.icms_wrap .start .img_con .tit { display:flex; flex-direction:column; justify-content:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; font-size:2.5rem; font-weight:700; line-height:1.3; }
.icms_wrap .start .img_con .txt { position:absolute; }
.icms_wrap .start .img_con .txt.n1 { top:50px; left:calc(0px - 42px - 44px); }
.icms_wrap .start .img_con .txt.n2 { top:83px; right:calc(0px - 42px - 52px); }
.icms_wrap .start .img_con .txt.n3 { bottom:144px; left:calc(0px - 42px - 120px); }
.icms_wrap .start .img_con .txt.n4 { bottom:161px; right:calc(0px - 42px - 128px); }
.icms_wrap .start .img_con .txt.n5 { bottom:0px; right:calc(0px - 42px + 75px); }
.icms_wrap .start .img_con .txt span { display:inline-block; position:relative; padding:0 42px; font-size:1.75rem; font-weight:700; line-height:1.5; }
.icms_wrap .start .img_con .txt span::before,
.icms_wrap .start .img_con .txt span::after { content:""; display:inline-block; position:absolute; top:50%; transform:translateY(-50%); width:20px; height:20px; background-color:#fff; border-radius:50%; }
.icms_wrap .start .img_con .txt span::before { left:0; }
.icms_wrap .start .img_con .txt span::after { right:0; }
.icms_wrap .start .img_con .txt.n2 span::after,
.icms_wrap .start .img_con .txt.n4 span::after,
.icms_wrap .start .img_con .txt.n5 span::after { content:none; }
.icms_wrap .start .img_con .txt.n1 span::before,
.icms_wrap .start .img_con .txt.n3 span::before { content:none; }
.icms_wrap .start .img_con_m { display:none; }
.icms_wrap .icms_con.lineup { margin-top:80px; }
.icms_wrap .lineup { }
.icms_wrap .lineup .lineup_box { display:flex; flex-wrap:wrap; justify-content:space-between; gap:30px 20px; margin-top:40px; }
.icms_wrap .lineup .lineup_box > .con { width:calc(25% - 20px); padding:40px 20px 40px 40px; border-radius:30px; border:2px solid transparent; background:linear-gradient(180deg, #191919 0%, #111111 100%); transition:all .3s; }
.icms_wrap .lineup .lineup_box .con .stit { min-height:60px; font-size:1.125rem; font-weight:500; line-height:1.5; word-break:keep-all; }
.icms_wrap .lineup .lineup_box .con .tit { font-size:2.25rem; font-weight:700; line-height:1.3; color:#FF474A; word-break:keep-all; }
.icms_wrap .lineup .lineup_box .con .check_list { margin-top:35px; }
.icms_wrap .lineup .lineup_box .con .check_list > li { color:#999; }
.icms_wrap .lineup .lineup_box .con .check_list > li::before { content:"\e929"; font-family:"xeicon"; vertical-align:middle; font-size:1.25rem; }
.icms_wrap .lineup .lineup_box > .con.w50per { width:calc(50% - 10px); }
.icms_wrap .lineup .lineup_box .con.w50per .check_list { display:flex; gap:16px; }
.icms_wrap .lineup .lineup_box .con.w50per .tit { font-size:3.75rem; }
.icms_wrap .lineup .lineup_box > .con:hover,
.icms_wrap .lineup .lineup_box > .con:focus { border:2px solid #999; }
.icms_wrap .module { }
.icms_wrap .module .module_box { margin-top:40px; }
.icms_wrap .module .module_box ul { display:flex; flex-wrap:wrap; gap:20px; }
.icms_wrap .module .module_box ul li { position:relative; width:calc(33.33% - 14px); min-height:340px; padding:40px; font-size:1.5rem; font-weight:700; line-height:1.5; word-break:keep-all; border:1px solid #333; border-radius:30px; }
.icms_wrap .module .module_box ul li::before { content:""; display:block; position:absolute; bottom:40px; right:40px; width:100px; height:100px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.icms_wrap .module .module_box ul li:nth-child(1)::before { background-image:url("../images/pages/ico_module_1.png"); }
.icms_wrap .module .module_box ul li:nth-child(2)::before { background-image:url("../images/pages/ico_module_2.png"); }
.icms_wrap .module .module_box ul li:nth-child(3)::before { background-image:url("../images/pages/ico_module_3.png"); }
.icms_wrap .module .module_box ul li:nth-child(4)::before { background-image:url("../images/pages/ico_module_4.png"); }
.icms_wrap .module .module_box ul li:nth-child(5)::before { background-image:url("../images/pages/ico_module_5.png"); }
.icms_wrap .module .module_box ul li:nth-child(6)::before { background-image:url("../images/pages/ico_module_6.png"); }
.icms_wrap .certification { }
.icms_wrap .certification ul { display:flex; flex-wrap:wrap; gap:20px; margin-top:40px; }
.icms_wrap .certification ul li { display:flex; align-items:center; width:calc(50% - 20px); padding:20px 30px; border:1px solid #333; border-radius:30px; }
.icms_wrap .certification ul li span { }
.icms_wrap .certification ul li .img { margin-right:40px; }
.icms_wrap .certification ul li .txt { font-size:1.25rem; font-weight:500; line-height:1.5; word-break:keep-all; }
@media (max-width: 1540px) {
	.icms_wrap { padding:0 20px; }
}
@media (max-width: 1400px) {
	.icms_wrap .intro::before { width:80%; background-size:contain; }
	.icms_wrap .intro .txt_wrap { width:calc(100% - 520px); }
	.icms_wrap .intro .img_wrap { max-width:520px; }
}
@media (max-width: 1200px) {
	.icms_wrap h4.h4_tit { font-size:2rem; }
	.icms_wrap .icms_con + .icms_con { margin-top:80px; }
	.icms_wrap .intro .txt_wrap { width:calc(100% - 460px); }
	.icms_wrap .intro .txt_wrap .title { font-size:2.375rem; }
	.icms_wrap .intro .txt_wrap .text { font-size:1rem; }
	.icms_wrap .intro .txt_wrap .con_box { gap:40px; }
	.icms_wrap .intro .txt_wrap .con_box .tit { margin-bottom:10px; font-size:1.25rem; }
	.icms_wrap .intro .img_wrap { max-width:460px; }
	.icms_wrap .intro .txt_wrap .feature ul li span { font-size:1rem; }
	.icms_wrap .icms_con.start { margin-top:80px; }
	.icms_wrap .start { padding:80px 0; }
	.icms_wrap .start .text { font-size:1.25rem; }
	.icms_wrap .start .img_con_wrap { margin-top:80px; }
	.icms_wrap .start .img_con { width:430px; height:430px; }
	.icms_wrap .start .img_con::before { width:300px; height:280px; }
	.icms_wrap .start .img_con .tit { font-size:1.875rem; }
	.icms_wrap .start .img_con .txt.n1 { top:35px; left:calc(0px - 30px - 40px); }
	.icms_wrap .start .img_con .txt.n2 { top:70px; right:calc(0px - 30px - 56px); }
	.icms_wrap .start .img_con .txt.n3 { bottom:120px; left:calc(0px - 30px - 102px); }
	.icms_wrap .start .img_con .txt.n4 { right:calc(0px - 30px - 113px); }
	.icms_wrap .start .img_con .txt.n5 { bottom:-14px; right:calc(0px - 30px + 90px); }
	.icms_wrap .start .img_con .txt span { padding:0 30px; font-size:1.25rem; }
	.icms_wrap .start .img_con .txt span::before,
	.icms_wrap .start .img_con .txt span::after { width:10px; height:10px; }
	.icms_wrap .icms_con.lineup { margin-top:0; }
	.icms_wrap .lineup .lineup_box { margin-top:20px; }
	.icms_wrap .lineup .lineup_box > .con { padding:30px 20px 30px 30px; }
	.icms_wrap .lineup .lineup_box .con .stit { min-height:52px; font-size:1rem; }
	.icms_wrap .lineup .lineup_box .con .stit br { display:none; }
	.icms_wrap .lineup .lineup_box .con .tit { font-size:1.5rem; }
	.icms_wrap .lineup .lineup_box .con.w50per .tit { font-size:2.5rem; }
	.icms_wrap .module .module_box { margin-top:20px; }
	.icms_wrap .module .module_box ul li { min-height:200px; padding:30px; font-size:1.125rem; }
	.icms_wrap .module .module_box ul li::before { right:30px; bottom:30px; width:60px; height:60px; }
}
@media (max-width: 992px) {
	.icms_wrap { margin-top:20px; }
	.icms_wrap .intro { flex-wrap:wrap; }
	.icms_wrap .intro .txt_wrap { order:2; width:100%; margin-top:20px; }
	.icms_wrap .intro .img_wrap { order:1; max-width:none; width:50%; margin:0 auto; }
	.icms_wrap .lineup .lineup_box { gap:20px; }
	.icms_wrap .lineup .lineup_box > .con { width:calc(50% - 10px); }
	.icms_wrap .lineup .lineup_box > .con.w50per { width:100%; }
	.icms_wrap .lineup .lineup_box .con .stit { min-height:auto; margin-bottom:10px; }
	.icms_wrap .lineup .lineup_box .con .check_list,
	.icms_wrap .lineup .lineup_box .con.w50per .check_list { margin-top:20px; }
	.icms_wrap .lineup .lineup_box .con.w50per .check_list { display:block; }
	.icms_wrap .module .module_box ul li { width:calc(50% - 10px); font-size:1.067rem; }
	.icms_wrap .module .module_box ul li br { display:none; }
	.icms_wrap .certification ul { margin-top:20px; }
	.icms_wrap .certification ul li { padding:20px; }
	.icms_wrap .certification ul li .img { margin-right:20px; }
	.icms_wrap .certification ul li .txt { font-size:1.2rem; }
}
@media (max-width: 768px) {
	.icms_wrap h4.h4_tit { font-size:1.733rem; }
	.icms_wrap .icms_con + .icms_con { margin-top:50px; }
	.icms_wrap .intro { padding-bottom:40px; }
	.icms_wrap .intro .img_wrap { width:80%; }
	.icms_wrap .intro .txt_wrap .feature { width:100%; }
	.icms_wrap .intro .txt_wrap .example { max-width:none; width:100%; }
	.icms_wrap .intro .txt_wrap .title { font-size:2rem; }
	.icms_wrap .icms_con.start { margin-top:40px; }
	.icms_wrap .start { padding:40px 0; }
	.icms_wrap .start .text { font-size:1.2rem; }
	.icms_wrap .start .img_con_m { display:block; margin:50px 60px 0; }
	.icms_wrap .start .img_con_wrap { display:none; }
	.icms_wrap .icms_con.lineup { margin-top:0; }
	.icms_wrap .lineup .lineup_box > .con { width:100%; padding:20px; border-radius:20px; }
	.icms_wrap .lineup .lineup_box .con .stit { margin:0;}
	.icms_wrap .lineup .lineup_box .con .check_list,
	.icms_wrap .lineup .lineup_box .con.w50per .check_list { margin-top:10px; }
	.icms_wrap .module .module_box ul { gap:10px; }
	.icms_wrap .module .module_box ul li { width:100%; min-height:auto; padding:20px 70px 20px 20px; font-size:0.933rem; border-radius:20px; }
	.icms_wrap .module .module_box ul li::before { right:20px; bottom:0; top:50%; transform:translateY(-50%); width:30px; height:30px; }
	.icms_wrap .certification ul { gap:10px; }
	.icms_wrap .certification ul li { width:100%; padding:10px 20px; border-radius:20px; }
	.icms_wrap .certification ul li .img { margin-right:15px; }
	.icms_wrap .certification ul li .txt { font-size:1.067rem; }
}
@media (max-width: 576px) {
	.icms_wrap .start .text { font-size:1.067rem; }
	.icms_wrap .start .text br { display:none; }
	.icms_wrap .start .img_con_m { margin:30px; }
}

/* Maintenance_Guide */
.maintenance_wrap { }
.maintenance_wrap h4.h4_tit { font-size:2.875rem; }
.maintenance_wrap .maintenance_con { margin-top:200px; }
.maintenance_wrap .maintenance_con.guide { margin-top:90px; }
.maintenance_wrap .guide .con_tit { margin-bottom:97px; font-size:3.125em; font-weight:700; line-height:1.5; text-align:center; }
.maintenance_wrap .guide .step_list { display:grid; grid-template-columns:repeat(6, 1fr); gap:44px; margin-top:40px; }
.maintenance_wrap .guide .step_list > li { min-height:310px; padding:60px 45px 50px; text-align:center; background-color:#222; border-radius:120px; }
.maintenance_wrap .guide .step_list > li > p { line-height:1.4; }
.maintenance_wrap .guide .step_list > li .step { margin-bottom:24px; font-size:0.875rem; font-weight:700; }
.maintenance_wrap .guide .step_list > li .tit { position:relative; padding-top:84px; font-weight:700; word-break:keep-all; }
.maintenance_wrap .guide .step_list > li .tit::before { content:""; display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); width:60px; height:60px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.maintenance_wrap .guide .step_list > li:nth-child(1) .tit::before { background-image:url("../images/pages/bg_guide_step_1.png"); }
.maintenance_wrap .guide .step_list > li:nth-child(2) .tit::before { background-image:url("../images/pages/bg_guide_step_2.png"); }
.maintenance_wrap .guide .step_list > li:nth-child(3) .tit::before { background-image:url("../images/pages/bg_guide_step_3.png"); }
.maintenance_wrap .guide .step_list > li:nth-child(4) .tit::before { background-image:url("../images/pages/bg_guide_step_4.png"); }
.maintenance_wrap .guide .step_list > li:nth-child(5) .tit::before { background-image:url("../images/pages/bg_guide_step_5.png"); }
.maintenance_wrap .guide .step_list > li:nth-child(6) .tit::before { background-image:url("../images/pages/bg_guide_step_6.png"); }
.maintenance_wrap .guide .step_list > li .txt { margin-top:8px; font-size:0.875rem; color:#999; word-break:keep-all; }
.maintenance_wrap .membership { }
.maintenance_wrap .membership .mubership_box { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; margin-top:40px; }
.maintenance_wrap .membership .mubership_box .con { padding:40px 50px; color:#111; background-color:#fff; border-radius:40px; }
.maintenance_wrap .membership .mubership_box .con .tit { margin-bottom:25px; padding-bottom:20px; font-family:var(--font-mont); font-size:1.875rem; font-weight:700; line-height:1.2; border-bottom:1px solid #ddd; }
.maintenance_wrap .membership .mubership_box .con .num { margin-bottom:20px; font-size:1.25rem; font-weight:700; line-height:1.2; }
.maintenance_wrap .membership .mubership_box .con .num em { padding:0 5px; font-family:var(--font-mont); font-size:3.125em; }
.maintenance_wrap .membership .mubership_box .con .txt { font-size:1.25rem; font-weight:700; line-height:1.5; word-break:keep-all; }
.maintenance_wrap .membership .mubership_box .check_list { margin-top:20px; }
.maintenance_wrap .membership .mubership_box .check_list > li { font-size:1.125rem; color:#111; }
.maintenance_wrap .membership .mubership_box .check_list > li::before { content:"\e929"; margin-right:5px; font-family:"xeicon"; color:#FF474A; vertical-align:middle; font-size:1.375rem; }
.maintenance_wrap .membership .mubership_box .check_list > li + li { margin-top:3px; }
.maintenance_wrap .membership .mubership_box .con.primium { border:2px solid #FF474A; }
.maintenance_wrap .membership .mubership_box .con.primium .tit { color:#FF474A; }
.maintenance_wrap .policy .list_style { margin-top:40px; }
.maintenance_wrap .service_list { display:grid; grid-template-columns:repeat(2, 1fr); gap:20px; margin-top:40px; }
.maintenance_wrap .service_list > li { display:flex; align-items:center; justify-content:space-between; position:relative; padding:55px; border:1px solid #333; border-radius:20px; }
.maintenance_wrap .service_list > li::before { content:""; position:absolute; top:50%; left:30px; transform:translateY(-50%); width:80px; height:80px; background-color:#222; background-size:32px 32px; background-repeat:no-repeat; background-position:center; border-radius:50%; }
.maintenance_wrap .service_list > li:nth-child(1)::before { background-image:url("../images/pages/ico_service_1.png"); }
.maintenance_wrap .service_list > li:nth-child(2)::before { background-image:url("../images/pages/ico_service_2.png"); }
.maintenance_wrap .service_list > li:nth-child(3)::before { background-image:url("../images/pages/ico_service_3.png"); }
.maintenance_wrap .service_list > li:nth-child(4)::before { background-image:url("../images/pages/ico_service_4.png"); }
.maintenance_wrap .service_list > li:nth-child(5)::before { background-image:url("../images/pages/ico_service_5.png"); }
.maintenance_wrap .service_list > li:nth-child(6)::before { background-image:url("../images/pages/ico_service_6.png"); }
.maintenance_wrap .service_list > li:nth-child(7)::before { background-image:url("../images/pages/ico_service_7.png"); }
.maintenance_wrap .service_list > li:nth-child(8)::before { background-image:url("../images/pages/ico_service_8.png"); }
.maintenance_wrap .service_list > li:nth-child(9)::before { background-image:url("../images/pages/ico_service_9.png"); }
.maintenance_wrap .service_list > li:nth-child(10)::before { background-image:url("../images/pages/ico_service_10.png"); }
.maintenance_wrap .service_list > li .tit { padding-left:90px; font-size:1.25rem; font-weight:700; word-break:keep-all; }
.maintenance_wrap .service_list > li .txt { font-size:0.938em; color:#999; font-weight:500; }
.maintenance_wrap .service_list > li .txt em { margin-left:10px; font-size:1.25rem; color:#FF474A; font-weight:700; }
.maintenance_wrap .tip_txt { display:flex; gap:5px; margin-top:30px; }
.maintenance_wrap .tip_txt span { font-size:1.25rem; }
.maintenance_wrap .tip_txt .ico { }
.maintenance_wrap .tip_txt .txt { }

/* 20260223 */
.bbs_view_maintenance .bbs_view_extra { }
.bbs_view_maintenance .bbs_view_extra .table-form { }
.bbs_view_maintenance .bbs_view_extra .table-form .tr_view_extra { }
.bbs_view_maintenance .bbs_view_extra .table-form .tr_view_extra_5 td { }
@media (max-width: 1540px) {
	.maintenance_wrap { padding:0 20px; }
}
@media (max-width: 1200px) {
	.maintenance_wrap h4.h4_tit { font-size:2rem; }
	.maintenance_wrap .maintenance_con { margin-top:100px; }
	.maintenance_wrap .maintenance_con.guide { margin-top:60px; }
	.maintenance_wrap .guide .con_tit { margin-bottom:40px; font-size:2.5rem; }
	.maintenance_wrap .guide .step_list { grid-template-columns:repeat(3, 1fr); gap:20px; margin-top:20px; }
	.maintenance_wrap .guide .step_list > li { min-height:auto; padding:30px 20px; border-radius:60px; }
	.maintenance_wrap .membership .mubership_box { margin-top:20px; }
	.maintenance_wrap .membership .mubership_box .con { padding:30px; }
	.maintenance_wrap .membership .mubership_box .con .tit { margin-bottom:15px; padding-bottom:15px; font-size:1.875rem; }
	.maintenance_wrap .membership .mubership_box .con .num { margin-bottom:10px; font-size:1.125rem; }
	.maintenance_wrap .membership .mubership_box .con .num em { font-size:2.375rem; }
	.maintenance_wrap .membership .mubership_box .con .txt { font-size:1.125rem; }
	.maintenance_wrap .membership .mubership_box .check_list > li { font-size:1rem; }
	.maintenance_wrap .membership .mubership_box .check_list > li::before { font-size:1.125rem; }
	.maintenance_wrap .policy .list_style { margin-top:20px; }
	.maintenance_wrap .service_list { margin-top:20px; }
	.maintenance_wrap .service_list > li { display:block; padding:40px 20px; }
	.maintenance_wrap .service_list > li::before { left:20px; width:60px; height:60px; background-size:22px 22px; }
	.maintenance_wrap .service_list > li .tit { padding-left:80px; font-size:1.125rem; }
	.maintenance_wrap .service_list > li .txt { display:block; margin-left:80px; font-size:0.875rem; }
	.maintenance_wrap .service_list > li .txt.none_type { margin-left:70px; }
	.maintenance_wrap .service_list > li .txt em { font-size:1.125rem; }
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
	.maintenance_wrap h4.h4_tit { font-size:1.733rem; }
	.maintenance_wrap .maintenance_con { margin-top:60px; }
	.maintenance_wrap .maintenance_con.guide { margin-top:40px; }
	.maintenance_wrap .guide .con_tit { margin-bottom:30px; font-size:2rem; }
	.maintenance_wrap .guide .step_list { grid-template-columns:repeat(2, 1fr); }
	.maintenance_wrap .guide .step_list > li { padding:20px; border-radius:30px; }
	.maintenance_wrap .membership .mubership_box { grid-template-columns:repeat(1, 1fr); gap:10px; }
	.maintenance_wrap .membership .mubership_box .con { padding:20px; border-radius:20px; }
	.maintenance_wrap .membership .mubership_box .con .tit { padding-bottom:10px; font-size:1.733rem; }
	.maintenance_wrap .membership .mubership_box .con .num { font-size:1.067rem; }
	.maintenance_wrap .membership .mubership_box .con .num em { font-size:2rem; }
	.maintenance_wrap .membership .mubership_box .con .txt { font-size:1.067rem; }
	.maintenance_wrap .membership .mubership_box .check_list { margin-top:10px; }
	.maintenance_wrap .membership .mubership_box .check_list > li { font-size:0.933rem; }
	.maintenance_wrap .membership .mubership_box .check_list > li::before { font-size:1.067rem; }
	.maintenance_wrap .service_list { grid-template-columns:repeat(1, 1fr); gap:10px; }
	.maintenance_wrap .service_list > li { padding:20px; }
	.maintenance_wrap .service_list > li::before { width:40px; height:40px; }
	.maintenance_wrap .service_list > li .tit { padding-left:60px; font-size:1.067rem; }
	.maintenance_wrap .service_list > li .txt { margin-left:60px; }
	.maintenance_wrap .service_list > li .txt.none_type { margin-left:50px; }
	.maintenance_wrap .service_list > li .txt em { font-size:1.067rem; }
}
@media (max-width: 576px) {
}
@media (max-width: 486px) {
	.maintenance_wrap h4.h4_tit { font-size:1.467em; }
	.maintenance_wrap .maintenance_con { margin-top:50px; }
	.maintenance_wrap .guide .con_tit { font-size:1.6em; }
	.maintenance_wrap .guide .step_list { grid-template-columns:repeat(1, 1fr); gap:10px; }
	.maintenance_wrap .guide .step_list > li .step { margin-bottom:10px; }
	.maintenance_wrap .guide .step_list > li .tit { padding-top:54px; }
	.maintenance_wrap .guide .step_list > li .tit::before { width:40px; height:40px; }
	.maintenance_wrap .guide .step_list > li .txt br { display:none; }
}
@media (max-width: 360px) {
	.maintenance_wrap .service_list > li::before { top:15px; transform:unset; }
	.maintenance_wrap .service_list > li .tit,
	.maintenance_wrap .service_list > li .txt { display:block; margin:0; padding:0; }
	.maintenance_wrap .service_list > li .tit { padding-top:45px; }
	.maintenance_wrap .service_list > li .txt.none_type,
	.maintenance_wrap .service_list > li .txt.none_type em { margin:0; }
}

/* Contact Us */
#contentId-7f891bd81f164dc97d2bc19824273d10 #vis { margin:0; }
.contact_wrap { }
.contact_wrap .contact_con { width:100vw; margin:0 0 150px; margin-left:calc(-50vw + 50%); padding:140px 0 150px; background:url("../images/pages/bg_contact_con.png") center/cover no-repeat; }
.contact_wrap .con_info_wrap { text-align:center; }
.contact_wrap .con_info_wrap .logo { max-width:180px; margin:0 auto; }
.contact_wrap .con_info_wrap .title { margin-top:84px; font-size:3.25rem; font-weight:700; line-height:1.3; }
.contact_wrap .con_info_wrap .info_group { display:flex; flex-wrap:wrap; justify-content:center; gap:60px; margin:80px 0; }
.contact_wrap .con_info_wrap .info_group .con { text-align:left; }
.contact_wrap .con_info_wrap .info_group .con > .tit { margin-bottom:4px; font-family:var(--font-mont); font-size:1.25rem; font-weight:700; line-height:1.5; }
.contact_wrap .con_info_wrap .info_group .con > .txt { word-break:keep-all; }
.contact_wrap .btn_wrap { display:flex; justify-content:center; gap:20px; }
.contact_wrap .btn_wrap .btn_con { }
.contact_wrap .btn_wrap .btn_con a { display:block; position:relative; width:533px; padding:34px 110px 34px 40px; background-color:rgba(255, 71, 74, .7); border-radius:20px; transition:.3s; }
.contact_wrap .btn_wrap .btn_con a .tit { margin-bottom:12px; font-size:1.5rem; font-weight:700; line-height:1.5; }
.contact_wrap .btn_wrap .btn_con a .txt { color:rgba(255, 255, 255, .5); word-break:keep-all; }
.contact_wrap .btn_wrap .btn_con a::after { content:"\e93f"; display:flex; align-items:center; justify-content:center; position:absolute; top:50%; right:40px; transform:translateY(-50%); width:50px; height:50px; font-family:"xeicon"; vertical-align:middle; font-size:1.25rem; font-weight:400; color:#fff; background-color:rgba(255, 255, 255, .2); border-radius:50%; }
.contact_wrap .btn_wrap .btn_con.btn_white a { background-color:rgba(255, 255, 255, .8); }
.contact_wrap .btn_wrap .btn_con.btn_white a .tit { color:#111; }
.contact_wrap .btn_wrap .btn_con.btn_white a .txt { color:rgba(0, 0, 0, .5); }
.contact_wrap .btn_wrap .btn_con.btn_white a::after { background-color:rgba(17, 17, 17, .5); }
.contact_wrap .btn_wrap .btn_con.btn_down a::after { content:"\e904"; background-color:rgba(17, 17, 17, .5); }
.contact_wrap .btn_wrap .btn_con a:hover { transform:translateY(-10px); background-color:rgba(0, 0, 0, .7); }
.contact_wrap .btn_wrap .btn_con a:hover .tit { color:#fff; }
.contact_wrap .btn_wrap .btn_con a:hover .txt { color:rgba(255, 255, 255, .5); }
.contact_wrap .btn_wrap .btn_con a:hover::after { color:#000; background-color:rgba(255, 255, 255, 1); }
/* .contact_wrap .btn_wrap .btn_con.btn_white a:hover { background-color:rgba(255, 71, 74, .7); }
.contact_wrap .btn_wrap .btn_con.btn_white a:hover .tit { color:#fff; }
.contact_wrap .btn_wrap .btn_con.btn_white a:hover .txt { color:rgba(255, 255, 255, .5); }
.contact_wrap .btn_wrap .btn_con.btn_white a:hover::after { background-color:rgba(255, 255, 255, .2); } */
.contact_wrap .homepage_service { }
.contact_wrap .homepage_service .title_btn { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:32px; }
.contact_wrap .homepage_service .btn_go { }
.contact_wrap .homepage_service .btn_go a { }
.contact_wrap .homepage_service .btn_go a span { }
.contact_wrap .homepage_service .btn_go a:hover span { color:var(--theme-color); }
.contact_wrap .homepage_service .service_list { display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; }
.contact_wrap .homepage_service .service_list > li { width:calc(33.33% - 20px); text-align:center; border:1px solid #333; border-radius:16px; }
.contact_wrap .homepage_service .service_list > li span { display:block; position:relative; min-height:191px; padding:124px 30px 40px; font-size:1.125rem; word-break:keep-all; }
.contact_wrap .homepage_service .service_list > li span::before { content:""; position:absolute; top:40px; left:50%; transform:translateX(-50%); width:60px; height:60px; background-color:#222; background-size:32px 32px; background-repeat:no-repeat; background-position:center; border-radius:50%; }
.contact_wrap .homepage_service .service_list > li:nth-child(1) span::before { background-image:url("../images/pages/ico_home_service_1.svg"); }
.contact_wrap .homepage_service .service_list > li:nth-child(2) span::before { background-image:url("../images/pages/ico_home_service_2.svg"); }
.contact_wrap .homepage_service .service_list > li:nth-child(3) span::before { background-image:url("../images/pages/ico_home_service_3.svg"); }
.contact_wrap .mail_list { display:flex; flex-wrap:wrap; gap:20px; }
.contact_wrap .mail_list > li { width:calc(20% - 16px); padding:20px; text-align:center; border:1px solid #333; border-radius:16px; transition:.3s; }
.contact_wrap .mail_list > li span { display:block; position:relative; padding-top:60px; font-size:0.938em; }
.contact_wrap .mail_list > li span::before { content:"\f0e0"; display:inline-flex; align-items:center; justify-content:center; position:absolute; top:0; left:50%; transform:translateX(-50%); width:50px; height:50px; font-family:"Font Awesome 5 Free"; font-weight:900; border-radius:50%; background-color:#222; transition:.3s; }
.contact_wrap .mail_list > li a { }
.contact_wrap .mail_list > li:hover {	background-color:#222; }
.contact_wrap .mail_list > li:hover span::before { content:"\f2b6"; background-color:#000; color:#FF474A; }
@media (max-width: 1540px) {
	.contact_wrap .homepage_service { padding:0 20px; }
}
@media (max-width: 1200px) {
	.contact_wrap .contact_con { margin:0 0 80px; padding:60px 0 50px; }
	.contact_wrap .con_info_wrap .title { margin-top:40px; font-size:2.5rem; }
	.contact_wrap .con_info_wrap .info_group { gap:30px; margin:0; padding:40px; }
	.contact_wrap .con_info_wrap .info_group .con > .tit { font-size:1.125rem; }
	.contact_wrap .con_info_wrap .info_group .con > .txt { font-size:0.875rem; }
	.contact_wrap .btn_wrap { gap:10px; width:90%; margin:0 auto; }
	.contact_wrap .btn_wrap .btn_con { width:100%; }
	.contact_wrap .btn_wrap .btn_con a { width:100%; padding:20px 60px 20px 20px; }
	.contact_wrap .btn_wrap .btn_con a .tit { margin-bottom:5px; font-size:1.125rem; }
	.contact_wrap .btn_wrap .btn_con a .txt { font-size:0.875rem; }
	.contact_wrap .btn_wrap .btn_con a::after { right:20px; width:40px; height:40px; font-size:1rem; }
}
@media (max-width: 992px) {
	.contact_wrap .mail_list { gap:10px; }
	.contact_wrap .mail_list > li { width:calc(50% - 5px); padding:20px 15px; text-align:left; }
	.contact_wrap .mail_list > li span { display:inline-block; margin-right:5px; padding:0 0 0 55px; }
	.contact_wrap .mail_list > li span::before { top:50%; left:0; transform:translateY(-50%); width:40px; height:40px; }
}
@media (max-width: 768px) {
	.contact_wrap .contact_con { position:relative; margin:0 0 40px; padding:40px 0 30px; z-index:1; }
	.contact_wrap .contact_con::after { content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .4); z-index:-1; }
	.contact_wrap .con_info_wrap .title { margin-top:30px; font-size:2rem; }
	.contact_wrap .con_info_wrap .info_group .con.add_con { width:100%; text-align:center; }
	.contact_wrap .btn_wrap { flex-wrap:wrap; }
	.contact_wrap .btn_wrap .btn_con a { padding:15px 80px 15px 20px; }
	.contact_wrap .homepage_service .service_list { gap:10px; }
	.contact_wrap .homepage_service .service_list > li { width:100%; text-align:left; }
	.contact_wrap .homepage_service .service_list > li span { min-height:auto; padding:20px 20px 20px 70px; font-size:1.067rem; }
	.contact_wrap .homepage_service .service_list > li span::before { top:50%; left:15px; transform:translateY(-50%); width:40px; height:40px; background-size:22px 22px; }
	.contact_wrap .mail_list > li { width:100%; }
	.contact_wrap .mail_list > li span { font-size:0.933rem; }
	.contact_wrap .mail_list > li a { font-size:0.933rem; }
}
@media (max-width: 576px) {
}
@media (max-width: 486px) {
	.contact_wrap .con_info_wrap .title { font-size:1.467em; }
	.contact_wrap .con_info_wrap .info_group { gap:15px 20px; padding:30px; }
	.contact_wrap .con_info_wrap .info_group .con { text-align:center; }
	.contact_wrap .homepage_service .title_btn { display:block; margin-bottom:20px; }
	.contact_wrap .homepage_service .btn_go { margin-top:15px; text-align:right; }
}
@media (max-width: 360px) {
	.contact_wrap .con_info_wrap .info_group { display:block; padding:30px; }
	.contact_wrap .con_info_wrap .info_group .con { text-align:left; }
	.contact_wrap .con_info_wrap .info_group .con + .con { margin-top:15px; }
	.contact_wrap .con_info_wrap .info_group .con.add_con { text-align:left; }
	.contact_wrap .con_info_wrap .info_group .con > .tit { margin:0; }
	.contact_wrap .mail_list > li span { display:block; }
	.contact_wrap .mail_list > li a { margin-left:55px; }
	.contact_wrap .mail_list > li span::before { transform:translateY(calc(-50% + 12px)); }
}

/* board - view */
.bbs_viewing .bbs_view_contents { font-family:'Pretendard', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; font-size:1rem; font-weight:400; color:#fff; }
.bbs_viewing .bbs_view_contents p,
.bbs_viewing .bbs_view_contents span,
.bbs_viewing .bbs_view_contents div,
.bbs_viewing .bbs_view_contents li { font-family:inherit !important; font-size:inherit; color:inherit; line-height:1.5; }