@charset "utf-8";

@import url('//fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap');

/* 헤더영역 */
#hd_wrap { max-width:1500px; }

/* common */
.contentWrap { padding:0; }
#container,
.sub-container { max-width:1100px; width:100%; padding-bottom:200px; }
.text { margin:30px 0 0; color:#111; font-size:1.125rem; letter-spacing:-0.03em; line-height:1.6; word-break:keep-all; }
.text strong { font-weight:700; }
p { margin:0; }
img { max-width:100%; }
h4.h4_tit { display:block; position:relative; width:fit-content; margin:100px 0 20px; padding-right:8px; font-size:1.563rem; font-weight: 600; color:#111; letter-spacing:-0.03em; font-family: 'Pretendard';}
h4.h4_tit::before { content:''; display:block; position:absolute; top:0; right:0; width:6px; height:6px; background-color:#2B5FB7; border-radius:100%; }
h5.h5_tit { display:inline-block; margin:50px 0 10px; font-size:1.25rem; font-weight:600; color:#2344B4; letter-spacing:-0.03em; }
.textAlignCenter { text-align:center !important; }
.textAlignLeft { text-align:left !important; }
.textAlignRight { text-align:right !important; }

/* quotation */
.quotation { position:relative; display:inline-block; text-align:center; font-size:1.813rem; letter-spacing:-0.03em; color:#2344B4; font-weight:600; font-family: 'Noto Serif KR', 'pretendard', sans-serif !important; }
.quotation::before,
.quotation::after { content:""; position:absolute; width:36px; height:21px; background:url('../images/pages/ico_quotation.png') center/contain no-repeat; }
.quotation::before { top:0rem; left:-3.625rem; }
.quotation::after { top:0rem; right:-3.625rem; transform:rotate(180deg); }

/* top_box */
.top_box { width:100%; margin-bottom:50px; padding:35px 50px; border:6px solid #F5F5F5; border-radius:10px; text-align:center; }
.top_box .tit { margin-bottom:15px; color:#2344B4; font-weight:700; letter-spacing:-0.05em; font-size:1.5rem; }
.top_box .ul_list { display:inline-block; text-align:left; }
.top_box .ul_list li { margin-bottom:10px; font-size:1.125rem; letter-spacing:-0.025em; }
.top_box .ul_list li:last-child { margin:0; }
.top_box .ul_list strong { font-weight:600; }
.top_box .ul_list span { }

/* con_box */
.con_box { width:100%; margin-top:60px; padding:40px 200px 40px 50px; background-color:#F9F9F9; background-image:url('../images/pages/bg_con_box.png'); background-position:right 0; background-repeat:no-repeat; background-size:contain; }
.con_box .tit { margin-bottom:25px; font-size:1.25rem; font-weight:700; letter-spacing:-0.03em; color:#2344B4; word-break:keep-all; }
.con_box .list_style { }
.con_box .list_style.col_2 { display:flex; margin:0; }
.con_box .list_style.col_2 li { width:50%; margin-right:20px; word-break:keep-all; }

/* info_wrap */
.info_wrap { display:flex; flex-wrap:wrap; width:calc(100% + 20px); margin:0 0 0 -10px; }
.info_wrap .info_wrap1 { height:auto; border:1px solid #ddd; position:relative; margin:0 10px 20px; min-height:200px; padding:30px; }
.info_wrap .num { margin-bottom:14px; color:#999; font-size:1.125rem; font-family:'Play', sans-serif; }
.info_wrap .tit { margin-bottom:20px; color:#213D75; font-weight:700; font-size:1.25rem; letter-spacing:-0.03em; word-break:keep-all; }
.info_wrap .txt { color:#111; font-size:1.125rem; letter-spacing:-0.03em; }
.info_wrap.list_col_2 .info_wrap1 { width:calc(50% - 20px); }
.info_wrap.list_col_3 .info_wrap1 { width:calc(33.33% - 20px); }

/* table-style */
.table-style { border-top: 2px solid #004173; border-bottom: 1px solid #ddd; }
.table-style thead th { font-size:1.25rem; }
.table-style .s_txt { font-size:0.875rem; }
.table-style td.td_left { text-align:left; }

/* list_style */
ul.list_style { margin:10px 0; }
ul.list_style li { position:relative; margin-bottom:10px; padding-left:0.5em; text-align:left; color:#111; letter-spacing:-0.05em; font-size:1.125rem; }
ul.list_style li::before { content:''; width:3px; height:3px; position:absolute; top:0.7em; left:0; background-color:#111; border-radius:100%; }
ul.list_style.t_a_justify li { text-align:justify; }

/* ol_list_1 */
.ol_list_1 { }
.ol_list_1 li { display:flex; align-items:center; width:100%; margin-bottom:20px; padding:15px 25px; font-size:1.125rem; border:1px solid #ddd; border-radius:33px; }
.ol_list_1 li .num { display:flex; align-items:center; justify-content:center; width:36px; height:36px; color:#fff; font-size:1.063rem; background-color:#2344B4; text-align:center; border-radius:100%; }
.ol_list_1 li .txt { width:calc(100% - 60px); margin-left:24px; word-break:keep-all; }

/* btn */
.bbs .a_bbs_lint_link { background-color: #2344B4; color: #fff; }
.bbs .btn_reset { background-color: #6c757d; color: #fff; }

/* 인증서 */
.certification { }
.certification ul { display:flex; flex-wrap:wrap; width:calc(100% + 30px); margin-left:-15px; }
.certification ul li { width:calc(25% - 30px); margin:0 15px; text-align:center; transition:all 0.5s; }
.certification ul li .img { margin-bottom:15px; border:1px solid #ddd; }
.certification ul li:hover,
.certification ul li:focus { transform:translateY(-10px); }
.certification ul li .tit { margin:0; color:#111; font-size:1.25rem; letter-spacing:-0.06em; }

/* tab-style-01 */
.tab-style-01 .nav-item .nav-link.active { background:#2344B4; border-color:#2344B4; color:#fff; }
@media (hover: hover), (-ms-high-contrast:none) {
    .tab-style-01 .nav-item .nav-link:hover,
		.tab-style-01 .nav-item .nav-link:focus { color:#2344B4; }
    .tab-style-01 .nav-item .nav-link.active:hover,
		.tab-style-01 .nav-item .nav-link.active:focus { color:#fff; }
}

/* agree-box */
.agree-box { margin:50px 0; padding:0; border:1px solid #ddd; }
.agree-box dt { padding:20px 35px; background:#fff; font-size:1.25rem; font-weight:700; letter-spacing:-0.05em; border-bottom:1px solid #ddd; }
.agree-box dt .accent_color { margin-left:5px; color:#2B5FB7; }
.agree-box dd { height:95px; padding:30px 35px; background:#F9F9F9; overflow-y:scroll; font-size:1.125rem; letter-spacing:-0.03em; color:#111; }
.agree-box dd::-webkit-scrollbar { width:3px; }
.agree-box dd::-webkit-scrollbar-thumb { background-color:#ddd; }
.agree-box .custom-control-label { padding-left:35px; }
.agree-box .custom-control-label::before { left:0; width:24px; height:24px; border:1px solid #ddd; border-radius:0; top:50%; transform:translateY(-50%); }
.agree-box .custom-control-label::after { left:0; width:24px; height:24px; top:50%; transform:translateY(-50%); }

/* 인사말 */
.intro { display:flex; justify-content:center; align-items:flex-start; }
.intro .intro_img img { max-width:473px; }
.intro .intro_con { padding-left:35px; }
.intro .intro_con .tit_txt { margin-bottom:30px; font-size:1.875rem; letter-spacing:-0.05em; color:#333; font-weight:800; line-height:1.5; word-break:keep-all; }
.intro .intro_con .txt p { margin-bottom:20px; text-align:left; font-size:1.25rem; color:#555; letter-spacing:-0.05em; line-height:1.6; text-align:justify; word-break:break-all; }
.intro .intro_con .sign { text-align:right; font-size:1.25rem; color:#555; letter-spacing:-0.05em; }


/* 오시는길 */
.dm-map { height:400px; border-bottom:2px solid var(--theme-color-2); }
.dm-loc { position:relative; margin:0; padding:40px 50px; background:#fff; border-bottom:1px solid #ddd; }
.dm-loc .dm-loc-title { padding:0; }
.dm-loc .dm-loc-title > h5 { margin:0; padding:0; color:#000; font-size:1.75rem; font-weight:700; letter-spacing:-0.03em; }
.dm-loc-info { margin:20px 0 0; padding:0; font-size:1.25rem; }
.dm-loc-info > dl { justify-content:flex-start; width:50%; margin:0; white-space:normal; color:#111; letter-spacing:-0.04em; }
.dm-loc-info > dl > dt { margin-right:20px; padding-left:25px; font-weight:700; }
.dm-loc-info > dl > dt::before { content:''; left:1px; display:inline-block; font-size:1.125rem; color:var(--theme-color-2); font-family:'Font Awesome 5 Free'; }
.dm-loc-info > dl.dm-loc-add > dt::before { content:'\f3c5'; }
.dm-loc-info > dl.dm-loc-tel > dt::before { content:'\f879'; font-size:1rem; }
.dm-loc-info > dl > dd { min-width:auto; width:100%; }
.root_daum_roughmap .map { }
.root_daum_roughmap .wrap_controllers { display:none; }

/* 렌탈문의 */
.round_box { width:100%; padding:30px 35px; border:4px solid #F5F5F5; border-radius:10px; font-size:1.25rem; color:#111; letter-spacing:-0.03em; }
.round_box p + p { margin-top:5px; }
.task { display:flex; flex-wrap:wrap; justify-content:center; text-align:center; gap:1rem 0; margin-top:30px; }
.task li { flex:0 1 20%; min-width:160px; margin:0 -0.063rem; }
.task dl dt { height:0; padding:50% 0; margin-bottom:0.938rem; position:relative; }
.task li:nth-child(odd) dl dt { background:url("../images/pages/bg_task_1.png") no-repeat 50% / 100% auto; }
.task li:nth-child(even) dl dt { background:url("../images/pages/bg_task_2.png") no-repeat 50% / 100% auto; }
.task dl dt::before { content:''; display:block; position:absolute; left:-0.3rem; width:12px; height:12px; border-radius:100%; background-color:var(--theme-color-2); }
.task dl dt img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:60%;}
.task dl dd { max-width:145px; margin:0 auto; padding:8px 0 6px; line-height:1.4; border-radius:30px; background-color:var(--theme-color-2); color:#fff; font-size:1rem; font-weight:600; text-align:center; }
.task li:nth-child(1) dl dt::before { left:-0.2rem; }
.task li:last-child dl dt::after { content:''; position:absolute; right:-0.4rem; width:18px; height:19px; background:url('../images/pages/ico_tar.png') no-repeat 50%/100% auto; }

/* A/S유상접수 */
.process-list { display:flex; /* align-items:center; */ flex-wrap:wrap; width:calc(100% + 2rem); margin:4.125rem 0 0 -1rem; gap:3rem 0; }
.process-list .process-item { position:relative; display:flex; flex-direction:column; justify-content:space-between; align-items:center; width:calc(25% - 2rem); height:280px; margin:0 1rem; background-color:#fff; border: 1px solid #ddd; border-radius:0.625rem; text-align:center; transition:all .4s ease-in-out; }
.process-list .process-item:not(:first-child)::before { content:'\e5e1'; display:inline-block; position:absolute; left:-27px; top:50%; transform:translateY(-50%); font-family:'Material Icons'; font-size:1.25rem; color:var(--theme-color-2); }
.process-list .process-item:nth-child(5)::before { display:none; }
.process-list .process-item .step { position:absolute; top:-1rem; left:50%; transform:translateX(-50%); min-width:111px; padding:0.5rem; border-radius:30px; background-color:#fff; border:1px solid var(--theme-color-2); color:var(--theme-color-2); font-family:'Poppins', 'Pretendard', sans-serif; font-size:0.813rem; font-weight:700; letter-spacing:0; line-height:1; }
.process-list .process-content { width:100%; padding:2.8rem 0; }
.process-list .process-img { max-width:111px; margin:0 auto 1.25rem; }
.process-list .process-img img { width:100%; }
.process-list .process-txt { padding:0 0.5rem; font-size:1.125rem; color:#111; font-weight:500; letter-spacing:-0.03em; line-height:1.4; }
.process-list .process-txt span { display:inline-block; }

/* 게시판 공통 */
.bbs_cate > ul > li:hover > a, .bbs_cate > ul > li.on > a { background:var(--theme-color-2); }
.bbs_listbtn { margin:0; }
.bbs_listbtn .btn_write { margin:50px 0; border:1px solid var(--theme-color-2); color:var(--theme-color-2); }
.bbs_listbtn .btn_write::before { background-color:var(--theme-color-2); }
.bbs_viewbtn .btn_write,
.bbs_viewbtn .btn_modify { background:var(--theme-color-2); border:1px solid var(--theme-color-2); }
.bbs_viewbtn .btn_write:hover,
.bbs_viewbtn .btn_list:hover,
.bbs_viewbtn .btn_close:hover,
.bbs_viewbtn .btn_submit:hover,
.bbs_viewbtn .btn_cancel:hover,
.bbs_viewbtn .btn_reset:hover,
.bbs_viewbtn .btn_comment:hover,
.bbs_viewbtn .btn_modify:hover,
.bbs_viewbtn .a_bbs_lint_link:hover,
.bbs_viewbtn .btn_delete:hover { background-color:var(--theme-color-2); border:1px solid var(--theme-color-2); }
.bbs_postbtn .btn_submit { background:var(--theme-color-2); border:1px solid var(--theme-color-2); }
.bbs_postbtn .btn_cancel:hover,
.bbs_postbtn .btn_submit:hover { background-color:#00D5B8; border:1px solid #00D5B8; }

/* 납품 구경하기 */
.con_info {  }
.con_info .ca_name { margin:0.938rem 0 0; color:#111; font-size:1.125rem; letter-spacing:-0.05em; font-weight:800; }
.con_info .company_nm { font-family:'Poppins'; font-size:0.938rem; color:#999; font-weight:300; }
.bbs_gallist ul.gall li.cell .cell_subject { width:100%; text-align:left; font-size:1rem; letter-spacing:-0.05em; }
.bbs_gallist ul.gall li.cell .cell_subject { display:inline-block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.selec_bbs_chk.selec_bbs_chk_gallery { margin:0; }

/* 개인정보처리방침 */
.clause { width:100%; padding:30px; border:2px solid var(--theme-color-2); }
.clause h5 { margin:50px 0 12px; padding-bottom:8px; font-size:1.25rem; font-weight:700; color:var(--theme-color-2); border-bottom:1px dashed #ddd; }
.clause h5:last-child { margin-bottom:0; padding-bottom:0; border:0 none; }
.clause h5:first-child { margin-top:0; }
.clause p { margin:5px; font-size:0.938rem; }
.clause ol li,
.clause ul li { padding-left:0; }
.clause ul li ol,
.clause ul li ul,
.clause ol li ol,
.clause ol li ul { margin:0.5rem 0 0.75rem; }

/* Media Query (PC First) */
@media ( max-width: 1170px ) {
	.table-scroll-wrap { position: relative; }
	.table-scroll::-webkit-scrollbar { height: 4px; }
	.table-scroll::-webkit-scrollbar-track { background: #f5f5f5; border-radius: 10px; }
	.table-scroll::-webkit-scrollbar-thumb { background: #214397; border-radius: 10px; }
	.table-scroll::-webkit-scrollbar-thumb:hover { background: #12399c; }
	.table-scroll-desc { display: none; color: #666; font-size: 0.889rem; }

	.table-scroll { overflow-x: hidden; }
	.table-scroll-desc { display: none; }
	.table-scroll .table-style { min-width: 100%; }   
}

@media (max-width: 1360px) {
	#container,
	.sub-container { padding-left:15px; padding-right:15px; }
}

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {
	/* common */
	h4.h4_tit { margin:30px 0 20px; font-size:1.3rem; }

	/* con_box */
	.con_box .list_style.col_2 { flex-wrap:wrap; margin-bottom:0; }
	.con_box .list_style.col_2 li { width:100%; margin-bottom:5px; }

	/* info_wrap */
	.info_wrap { display:flex; flex-wrap:wrap; }
	.info_wrap .info_wrap1 { padding:15px; width:100%; flex-direction:column-reverse; height:auto; }

	/* 인사말 */
	.intro { display:block; }
	.intro .intro_img { text-align:center; }
	.intro .intro_img img { max-width:100%; }
	.intro .intro_con { padding:30px 0 0; }
	.intro .intro_con .txt p { text-align:left; }

	/* 오시는길 */
	.dm-loc { padding:25px 15px; }
	.dm-loc .dm-loc-title { display:block; word-break:keep-all; }
	.dm-loc .dm-loc-title > h5 { margin-bottom:10px; font-size:1.467rem; }

	/* A/S유상접수 */
	.process-list .process-item { width:calc(50% - 2rem); height:auto; min-height:200px; }
	.process-list .process-txt br { display:none; }
	.process-list .process-item:nth-child(even)::before { display:block; }
	.process-list .process-item:nth-child(odd)::before { display:none; }
	.process-list .process-content { padding:2.5rem 0 1.8rem; }
}

@media (max-width: 820px) {
	/* 렌탈문의 */
	.task { padding:0 50px; }
	.task li { flex:0 1 33.33%; }
}

@media (max-width: 768px) {
	/* common */
	#container,
	.sub-container { max-width:none; padding-bottom:50px; }
	.text { font-size:1rem; }
	#container .heading { margin:1.5rem 0; }
	#container .heading h3 { font-size:1.8rem; }

	/* table-style */
	.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-scroll.w486 { overflow-x: hidden; }
	.table-scroll.w486 .table-style { min-width: 100%; } 
	.table-scroll.w360 { overflow-x: hidden; }
	.table-scroll.w360 .table-style { min-width: 100%; } 
	.table-style thead th { font-size:1rem; }
	.table-style tbody th,
	.table-style tbody td { font-size:1rem; }
	.table-style th,
	.table-style td { padding:1rem 0.625rem; }

	/* list_style */
	ul.list_style li { font-size:1rem; }

	/* ol_list_1 */
	.ol_list_1 li { font-size:1rem; }

	/* quotation */
	.quotation { max-width:90%; font-size:1.25rem; }
	.quotation::before,
	.quotation::after { width:25px; height:15px; }
	.quotation::before { left:-2.5rem; }
	.quotation::after { right:-2.5rem;  }

	/* top_box */
	.top_box { margin-bottom:30px; padding:15px 20px; }
	.top_box .ul_list li { margin-bottom:5px; font-size:1rem; }

	/* con_box */
	.con_box { margin-top:30px; padding:30px 200px 30px 30px; }
	.con_box .tit { margin-bottom:15px; font-size:1.125rem; }

	/* info_wrap */
	.info_wrap { width:100%; margin:0; }
	.info_wrap .tit br { display:none; }
	.info_wrap.list_col_2 .info_wrap1 { width:100%; min-height:auto; margin:0 0 20px; }
	.info_wrap.list_col_3 .info_wrap1 { width:100%; min-height:auto; margin:0 0 20px; }

	/* 인증서 */
	.certification ul li { width:calc(50% - 30px); }
	.certification ul li .tit { font-size:1.125rem; }

	/* agree-box */
	.agree-box { margin:30px 0; }
	.agree-box dt { padding:10px; font-size:1.125rem; }
	.agree-box dd { height:60px; padding:10px; font-size:1rem; }
	.agree-box .custom-control-label { padding-left:28px; }
	.agree-box .custom-control-label::before { width:18px; height:18px; }
	.agree-box .custom-control-label::after { width:18px; height:18px; }

	/* 인사말 */
	.intro .intro_con .tit_txt { margin-bottom:20px; font-size:1.5rem; }
	.intro .intro_con .txt p { margin-bottom:15px; }

	/* 오시는길 */
	.dm-loc-info { flex-wrap:wrap; gap:0.5rem 0; }
	.dm-loc-info > dl { width:100%; }
	.dm-loc .dm-loc-title > h5 { font-size:1.25rem; }
	.dm-loc-info { font-size:1.125rem; }
	.dm-loc-info > dl > dt { margin-right:15px; }

	/* 렌탈문의 */
	.round_box { padding:20px; font-size:1.125rem; }

	/* 게시판 공통 */
	.bbs_listbtn .btn_write { margin:30px 0; }
	.bbs_view { margin-bottom:0; }
	.bbs_viewbtn { margin-bottom:0; }
}

@media (max-width: 576px) {
	/* A/S유상접수 */
	.process-list { width:100%; margin-left:0; }
	.process-list .process-item { width:100%; margin:0; min-height:auto; }
	.process-list .process-item:not(:first-child)::before { display:block; left:50%; top:auto; top:-3rem; transform:translateX(-50%) rotate(90deg); }	
}

@media (max-width: 486px) {
	/* con_box */
	.con_box { padding:25px; background-image:none; }

	/* table-style */
	.table-scroll.w486 { position: relative; max-width: 100%; overflow-x: auto; }
	.table-scroll.w486 .table-style { min-width:486px; }
}

@media (max-width: 446px) {
	/* 렌탈문의 */
	.task li:nth-child(1) dl dt::before,
	.task dl dt::before { left:50%; top:auto; bottom:-0.4rem; transform:translateX(-50%); }
	.task li:last-child dl dt::before { display:none; }
	.task li:last-child dl dt::after { left:50%; top:auto; bottom:-0.6rem; transform:translateX(-50%); }
}

@media (max-width: 360px) {
	/* table-style */
	.table-scroll.w360 { position: relative; max-width: 100%; overflow-x: auto; }
	.table-scroll.w360 .table-style { min-width:360px; }

	/* 오시는길 */
	.dm-loc-info > dl { flex-wrap:wrap; flex-direction:column; align-items:flex-start; }
	.dm-loc-info > dl > dd { margin-left:25px; }
}

@media (max-width: 320px) {
	.intro-box-01 { height:85px; }
	.intro-box-01 .intro-content { padding:15px; }
	.intro-box-01 .intro-content p { font-size:1rem; }
	.quality_policy .text_con::before { display:none; }
}

@media (max-width: 280px) {

}

@media (hover: hover), (-ms-high-contrast:none) {
	/* A/S유상접수 */
	.process-list .process-item:hover { border-color:var(--theme-color-2); transform:translateY(-15px); }
	.process-list .process-item:hover .process-txt,
	.process-list .process-item:focus .process-txt { }
}