@charset "utf-8";

#container .contentWrap { max-width:1000px; margin:0 auto; padding-bottom:200px; }

:root {
	/* color */
	--color-1:#071F58;
	--color-2:#2B5FB7;
	--color-3:#C7DFFF;
	--color-4:#F1F8FF;
	--color-g-1:#000;
	--color-g-2:#6D6D6D;
	--color-g-3:#AEAEAE;
	--color-g-4:#F7F7F7;
}

/* common */
html, body { font-family:'Pretendard', 'Montserrat', 'Noto Sans KR', sans-serif; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family:'Pretendard', 'Montserrat', 'Noto Sans KR', sans-serif; }
#container { width:100%; min-height:600px; margin:0; }
p { margin:0; }
.conTable_wrap { width:100%; position:relative; overflow:hidden; }
.scroll { position:relative; overflow-x:auto; }
.scroll > table,
.scroll > div { min-width:768px; }
.hidden { position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0 none;overflow:hidden;clip:rect(0, 0, 0, 0); }

/* header */
#hd { position: absolute; top: 0; left: 0; right: 0; background: transparent; z-index:10; }
#hd::after { border-bottom:0 none; box-shadow:none; }
/* #hd_wrap { width:1300px; } */
#hd_logo { height:110px; }
.hd_logo_bk { display:block; }
.hd_main_logo { display:none; }
#hd.hd_zindex #hd_logo .hd_logo_wt { display:block; }
#gnb_1dul .gnb_1dli { height:110px; }
#gnb_1dul .gnb_1dli .gnb_1da { position:relative; height:110px; margin:0; padding:20px 0 0 0; color:#fff; font-size:1.25rem; letter-spacing:-0.02em; }

/* footer */
#ft_wrap { width:1300px; }

/* visual_2차메뉴 */
#vis #titler { height:401px; }
#vis #titler::before { display:none; }
#vis #titler .leader { font-weight:800; font-size:3.438rem; transform:translateY(-10%); }
#vis #titler .menutab { bottom:-75px; min-height:auto; background:#fff; border-bottom:1px solid #ddd; }
#vis #titler .menutab .menutab_wrap { max-width:1300px; justify-content: center;}
#vis #titler .menutab .menutab_wrap h3 { display:none; }
#vis #titler .menutab .menutab_wrap h3 i { position: absolute; top: 50%; right: 0.875rem; transform: translateY(-50%); transition: all .25s; }
#vis #titler .menutab .menutab_wrap h3 .di-arr-bot:before { }
#vis #titler .menutab .menutab_wrap h3.open .di-arr-bot:before { content:'\68'; }
#vis #titler .menutab .dep-wrap > li { padding:0; }
#vis #titler .menutab .dep-wrap a { position:relative; padding:22px 25.3px; color:#111; font-size:1.25rem; transition:0.3s; }
#vis #titler .menutab .dep-wrap a span { position:relative; }
#vis #titler .menutab .dep-wrap a span::before { content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:18px; margin-right:-28px; background:#ddd; }
#vis #titler .menutab .dep-wrap > li:last-child a span::before { display:none; }
#vis #titler .menutab .dep-wrap li a::after { }
#vis #titler .menutab .dep-wrap li.on a::after,
#vis #titler .menutab .dep-wrap a:hover::after { content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#2B5FB7; }
#vis #titler .menutab .actions { display:none; }

#main { margin-top:74px; }

/* table */
table.conTable { width:100%; border-top:2px solid #213D75; border-bottom:1px solid #ccc; }
table.conTable.borderTopNone { border-top:0 none; }
table.conTable th,
table.conTable td { padding:18px 30px; line-height:1.4; color:#111; border-left:1px solid #ddd; border-top:1px solid #ddd; vertical-align:middle; word-break:keep-all; }
table.conTable td.td_left { text-align:left; }
table.conTable td.td_center { text-align:center; }
table.conTable td.td_right { text-align:right; }
table.conTable th,
table.conTable strong.th_strong { padding:20px 30px; background:#f9f9f9; font-size:1.125rem; font-weight:700; }
table.conTable td { font-size:1.125rem; letter-spacing:-0.02em; }
table.conTable thead tr th:first-child,
table.conTable tbody tr th:first-child,
table.conTable tbody tr td:first-child,
table.conTable tfoot tr th:first-child,
table.conTable tfoot tr td:first-child { border-left:0 none; }
table.conTable thead th { padding:20px 30px; }
table.conTable .borL { border-left:1px solid #ddd !important; }
table.tdCenter tr th,
table.tdCenter tr td { text-align:center; }
table.tdRight tr th,
table.tdRight tr td { text-align:right; }
table.thLeft tr th,
table.tdLeft tr td { text-align:left; }
table.conTable td .txt { text-align:justify; word-break:break-word; }

table tr td.td_left { text-align:left !important; }
table tr td .ul-style > li { margin-bottom:0; }

table.table-style tbody tr th { background:#f9f9f9; font-weight:700; }

.table-style tbody th,
.table-style tbody td { font-size:1rem; }
@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; }
}

/* list_style */
.list_style { margin:0; }
.list_style li { position:relative; margin-bottom:15px; padding-left:0.5em; text-align:left; color:#111; letter-spacing:-0.03em; line-height:1.4; font-size:1.125rem; }
.list_style li::before { content:''; width:3px; height:3px; position:absolute; top:0.6em; left:0; background-color:#394881; border-radius:100%; }
.list_style li:last-child { margin-bottom:0; }

/* button */
.btn_large { min-width:250px; padding:25px 90px 24px; font-size:1.125rem; letter-spacing:-0.02em; text-align:center; color:#767676; border:1px solid #ddd; border-radius:5px; background:#fff; transition:0.3s; }
.btn_large:hover { color:#111; border:1px solid #333; }
.btn_mid { min-width:200px; padding:18px 70px 17px; font-size:1.125rem; letter-spacing:-0.02em; text-align:center; color:#767676; border:1px solid #ddd; border-radius:5px; background:#fff; transition:0.3s; }
.btn_mid:hover { color:#111; border:1px solid #333; }
.btn_small { min-width:160px; padding:15px 48px 14px; font-size:1rem; letter-spacing:-0.02em; text-align:center; color:#767676; border:1px solid #ddd; border-radius:5px; background:#fff; transition:0.3s; }
.btn_small:hover { color:#111; border:1px solid #333; }
.btn_small2 { min-width:160px; padding:15px 48px 14px; font-size:1rem; letter-spacing:-0.02em; text-align:center; color:var(--color-2); border:1px solid var(--color-2); border-radius:5px; background:#fff; transition:0.3s; }
.btn_small2:hover { color:#111; border:1px solid #333; }
.btn_small3 { min-width:160px; padding:15px 48px 14px; font-size:1rem; letter-spacing:-0.02em; text-align:center; color:#fff; border-radius:5px; background:var(--color-1); }
.btn_small3:hover { background:#000; }

/* tab-style */
.tab-style-03 .nav-item .nav-link { font-weight:normal; color:#767676; }
.tab-style-03.c2 .nav-item .nav-link.active { background: var(--color-1); border-color: var(--color-1); color: #fff; font-weight:700; }

/* input */
.input_style { min-width:300px; height:48px; padding:15px 20px 14px; background:#fff; border:1px solid #ddd; border-radius:5px; font-size:1rem; color:#767676; }
.input_style:focus { border:0 none; outline:1px solid #9FABD8; }
textarea { width:100%; min-height:100px; padding:15px 20px; }
textarea::-webkit-scrollbar { width:3px; margin:10px 8px; }
textarea::-webkit-scrollbar-button { display:none; }
textarea::-webkit-scrollbar-track { background-color:#F5F9FF; border-radius:30px; }
textarea::-webkit-scrollbar-thumb { background:#9FABD8; border-radius:10px; }

input::-webkit-input-placeholder { color:#BABABA; }
input:-ms-input-placeholder { color:#BABABA; }
textarea::-webkit-input-placeholder { color:#BABABA; }
textarea:-ms-input-placeholder { color:#BABABA; }

/* placeholder */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { color:transparent; } /* WebKit browsers */
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { color:transparent; } /* Mozilla Firefox 4 to 18 */
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { color:transparent; } /* Mozilla Firefox 19+ */
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { color:transparent; } /* Internet Explorer 10+ */

/* #vis */
#vis #titler .menutab .dep-wrap .dep ul { background:var(--color-4); }
#vis #titler .menutab .dep-wrap .dep ul li a { color:var(--color-g-1); }

.request {}

.agree-box {padding:30px 50px;}
.agree-box dd {height:300px;padding:16px 15px;background:#fff;border:1px solid #ddd;overflow-y:scroll; font-size:16px;font-weight:400;letter-spacing:-.3px;color:#555;}
.agree-box dd::-webkit-scrollbar {width:3px;}
.agree-box dd::-webkit-scrollbar-thumb {background-color:#ddd;}

.request_form {display:flex;flex-wrap:wrap;}
.request_form_line {margin:30px 0;padding:30px 0;border:1px solid #ddd;border-width:1px 0 1px 0;}
.request_form_border {border-bottom:1px solid #ddd;}
.request_form > li {width:100%;padding:0 50px;margin-bottom:25px;}
.request_form_half > li {width:50%;}
.request_title {margin-bottom:10px;color:#111;font-size:1rem;font-weight:600;letter-spacing:-.3px;}

.form-control {height:40px;border-radius:0;padding:0 25px;font-size:1rem;font-weight:400;letter-spacing:-0.05em;border:1px solid #ced4da;}
.form-control-inline {display:inline-block;}
.form-control::placeholder, .upload-name::placeholder {font-size:1rem;font-weight:400;letter-spacing:-0.05em;}
.bbs_post .custom-select,
.bbs_post .form-control { border-radius:5px; }
textarea { border-radius:5px; }
textarea.form-control {height:224px;overflow-y:scroll;padding:20px 25px;}

.upload-name:disabled {display:inline-block;max-width:500px;background:#fff;}

.formz {display: inline-block;position: relative;padding-left: 35px;cursor: pointer; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; margin-right: 20px;font-size:18px;line-height:36px;color:#555;}

.formz input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.formz input:checked ~ .radiobtn:after { display: block; }

.radiobtn {position:absolute;top:5px;left:0;height:26px;width:26px;background-color:#fff;border:1px solid #ddd;border-radius:50%;}
.radiobtn:after {content: "";position: absolute;display: none;}
.radiobtn_active {background-color:#fff;}
.radiobtn_active:after {top:5px;left:5px;width:14px;height:14px;border-radius: 50%;background:#2B5FB7;}

.btn-md {height:50px;vertical-align:middle;line-height:50px;min-width:120px;text-align:center;margin:-5px 0 0 4px;}
.request_form .file_label {background:#111;border:1px solid #111;color:#fff;font-size:18px;font-weight:400;letter-spacing:-.3px;}
.request_form input[type="file"] {position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0 none;overflow:hidden;clip:rect(0, 0, 0, 0);}

/* .custom-control-input {position:static;} */
.custom-control-input:not(:disabled):active~.custom-control-label::before {background-color:#2B5FB7;border-color:#2B5FB7;}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {border-color:#ced4da;}
.custom-checkbox {margin:0;}
.custom-control-input:focus~.custom-control-label::before {box-shadow:none;}
.custom-control-input:checked~.custom-control-label::before {background-color:#2B5FB7;border-color:#2B5FB7;box-shadow:none;}
.custom-control-label {padding-left:15px;line-height:36px;}
.custom-control-label::before {width:26px;height:26px;border:1px solid #ced4da;border-radius:3px;}
.custom-control-label::after {width:26px;height:26px;}
/* .custom-checkbox .custom-control-input:checked~.custom-control-label::after {background:url("../images/checkbox.png") center no-repeat;} */

.accent_color {display:inline-block;margin-left:5px;font-size:16px;font-weight:500;color:#2B5FB7;letter-spacing:-.3px;}

.btn-submit {width:197px;margin-top:60px;padding:20px 0;text-align:center;background:#2B5FB7;border:0;border-radius:50px;color:#fff;font-size:20px;font-weight:700;letter-spacing:0;}
.bbs_postbtn { margin-bottom:0; }

@media (max-width: 991.98px) {
    .request_form_half > li {width:100%;}
    .upload-name:disabled {max-width:calc(100% - 104px);}
    .request_form .file_label {font-size:16px;}
    .btn-md {min-width:80px;margin:-5px 0 0 0px;}
}

@media (max-width: 575.98px) {
    .agree-box {padding:30px 0;}
    .request {padding:30px 20px;}
    .request_form > li {padding:0;}
    .form-control {padding:0 7px;}

	#container .contentWrap {padding-bottom: 3rem;}
}

.div_diam_page_container {letter-spacing: -0.03em;}

/* 게시판 목록 : 공통 */
.bbs_listbtn { margin-bottom:0; }
.class_board_tit { display:none; }

/* 게시판 목록 : 갤러리 */
.cell_wr_name,
.cell_bottom { display:none; }

/* 게시판 상세 : 견적문의 */
.btn_bbs_save { display:none; }
.bbs_agree_docs .custom-control { padding:15px 20px; border:1px solid #ddd; border-top:0 none; }
.bbs_agree_docs .custom-control-input {position:static;}

/* 인사말 */
.greeting_img {overflow:hidden;}
.greeting_img img {width: 100%;}

.greeting {display:flex;margin:50px 0 0;;color:#111;}
.greeting_title {width:100%;padding-right:50px;}
.greeting_ceo { width:100%;padding-right:50px; }
.greeting h4 {position:relative;font-size:26px;font-weight:700;}
.greeting h4:after {content:"";position:absolute;bottom:-26px;left:0;width:25px;height:3px;background:#2B5FB7;border-radius:20px;transform:rotate(40deg);}
.greeting p {margin:0;font-size:18px;font-weight:300;line-height:1.7;text-align:justify;}
.greeting p:last-child {margin-top:80px;text-align:right;}
.greeting p:last-child i {margin-left:7px;font-size:21px;font-style:normal; font-weight: bold;}

@media (max-width:1090px) {
    .greeting {flex-direction:column;margin:40px 0;}
    .greeting_title {margin-bottom:80px;padding:0;}
}

/* 연혁 */
.con_history {position: relative;}
.con_history .history_img img {width: 100%;}
#history_img { position:relative; width:100%; margin:0; }
#history_img .swiper-controller { display:flex; align-items:center; position:relative; bottom:415px; max-width:1300px; margin:0 auto; z-index:1; }
#history_img #swiper_button_con { position:absolute; left:0; right:0; top:50%; z-index:1; transform:translateY(-50%); }
#history_img .swiper-button-prev,
#history_img .swiper-button-next { width:40px; height:40px; background-size:100% auto; }
#history_img .swiper-button-prev { left:-70px; background-image:url('../images/pages/btn_slide_prev.png'); }
#history_img .swiper-button-next { right:-70px; background-image:url('../images/pages/btn_slide_next.png'); }
#history_img .swiper-button-prev,
#history_img .swiper-button-next { margin-top:0; transform:translateY(-50%); }

.ul_history {position: relative; padding:1rem 0 5rem;}
.ul_history::before {content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px dashed #dddddd;}
.ul_history > li { width: 50%; margin: 3rem 0; }
.ul_history > li > dl { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.ul_history > li > dl > dt,
.ul_history > li > dl > dd { position: relative; font-weight: normal; }
.ul_history > li > dl > dt { flex: 0 0 auto; margin: 0 35px; color: #111; font-size: 35px; line-height: 1;}
.ul_history > li > dl > dd {margin:0 1rem; margin-top: 0.3em; color:#111;font-size:18px;}
.ul_history > li > dl > dt i,
.ul_history > li > dl > dt em { font-style: normal; }
.ul_history > li > dl > dt em {color:#000;font-size:30px;font-weight:700}
.ul_history > li > dl > dt i,
.ul_history > li > dl > dt::after {content: "";border:3px solid #707070;}
.ul_history > li > dl > dt::after { display: block; content: ""; position: absolute; top: calc((35px / 2) - 8px); border-radius: 50%; width: 16px; height: 16px; background: #fff; border: 3px solid #707070; }
.ul_history > li:hover > dl > dt::before { content: ""; }
.ul_history > li:nth-child(odd) {margin-left:auto;margin-right:0;}
.ul_history > li:nth-child(odd) > dl {justify-content:flex-start;text-align:left;}
.ul_history > li:nth-child(odd) > dl > dt {order:-1;margin:0 0 0 25px;}
.ul_history > li:nth-child(odd) > dl > dd {text-align:left;}
.ul_history > li:nth-child(odd) > dl > dt::after {left:calc(-25px - 8px);}

.ul_history > li:nth-child(even) {margin-left:0;}
.ul_history > li:nth-child(even) > dl {justify-content:flex-end;text-align:right;}
.ul_history > li:nth-child(even) > dl > dt {order:2;margin:0 25px 0 0;text-align:right;}
.ul_history > li:nth-child(even) > dl > dt::after {left:auto;right:calc(-25px - 8px);}
.ul_history > li:nth-child(even) > dl > dd > ol > li {justify-content:flex-end;}
.ul_history > li:nth-child(even) > dl > dd > ol > li > span.month {order:1;}
.ul_history > li > dl > dt > i { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.ul_history > li > dl > dd > ol {}
.ul_history > li > dl > dd > ol > li {display:flex;align-items:baseline;margin:0;line-height:1.7;}
@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {
	#history_img .swiper-controller { padding:0 3rem; }
	#history_img .swiper-button-prev { left:20px; background-image:url('../images/pages/btn_slide_prev_w.png'); }
	#history_img .swiper-button-next { right:20px; background-image:url('../images/pages/btn_slide_next_w.png'); }
}
@media (max-width: 991.98px) {
  .ul_history > li > dl { flex-direction: column; }
  .ul_history > li > dl > dt { order: 0 !important; }
  .ul_history > li > dl > dd { margin: 10px 35px; font-size: 1rem; }
}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {
	#history_img .swiper-button-prev,
	#history_img .swiper-button-next { width:25px; height:25px; }

	.ul_history::before {left:4.5px;}
  .ul_history > li { width: auto; margin: 3rem 0; }
 	.ul_history > li > dl > dt,
 	.ul_history > li > dl > dd { margin: 0 !important; }
 	.ul_history > li > dl > dt,
  .ul_history > li > dl > dt em {margin-left:30px;}
  .ul_history > li > dl > dt::after {content:"";width:10px;height:10px;}
  .ul_history > li:nth-child(odd) > dl > dt::after,
	.ul_history > li:nth-child(even) > dl > dt::after {content:"";left:0 !important;}
  .ul_history > li:nth-child(even) > dl > dt {text-align:left;}
  .ul_history > li:nth-child(even) > dl > dd > ol > li {justify-content:flex-start;}
  .ul_history > li:nth-child(even) > dl > dd > ol > li > span.month {order:inherit;}
}


/* CI 소개 */
/* 공통 */
.ciinfo-area {  }
.ciinfo-area .ciinfo-img { margin-top: 1.25rem; margin-bottom: 3rem; background: url("../images/pages/clinfo_back_img.png") center no-repeat; background-size: cover; border: 1px solid #CECECE; height: 19.438rem; display: inline-flex; justify-content: center; align-items: center; padding: 70px 0; width: 100%; }
.ciinfo-area .ciinfo-content { margin: 1.875rem 0 5rem 0; }
.ciinfo-area .ciinfo-content ul li { font-size: 1.25rem; color: #222; line-height: 1.4; }

/* 로고 타입 */
.ci-logo-img img { padding-left: 3rem; }
.ci-logo-img img:nth-child(1) { padding-left: 0; }

/* 전용색상 */
.ci-color-img.ciinfo-img { display: block; padding: 60px 0; }
.ci-color-img.ciinfo-img img { padding-left: 4rem; }
.ci-color-img.ciinfo-img p { padding: 3rem 4rem 0; padding-top: 47px; font-size: 1.125rem; }
.ci-color-img.ciinfo-img p span { color: #FF440C; }

.ci-color .ciinfo-img { margin-bottom:0; }

@media ( max-width: 1400px ) {
  .ciinfo-area .ciinfo-img{ display: block; }
  .ciinfo-area img { padding: 30px 0; display: flex; justify-content: center; align-items: center; margin: auto; }
  .ciinfo-area .ciinfo-img { height: auto; }
}
@media ( max-width: 768px ) {
  .ciinfo-area .ciinfo-img { display: block; text-align: center; }
  .ci-signature-img { display: block; text-align: center; }
  .ci-signature-img .ciinfo-img:nth-child(2) { margin-left: 0; }

  .ci-logo-img.ciinfo-img img { padding-top: 30px; padding-left: 0; width: 50%; }
  .ci-emblem-img.ciinfo-img img { padding: 1rem; width: 30%; }
  .ci-color-img.ciinfo-img img { padding: 30px 4rem 0; }

  .ciinfo-area .ciinfo-content {margin: 1.875rem 0 3rem 0;}
}

@media ( max-width: 425px ) {
  .ci-logo-img.ciinfo-img img { width: 80%; }
  .ci-emblem-img.ciinfo-img img { width: 50%; }
  .ci-signature-img .ciinfo-img:nth-child(1) img { width: 30%; }
  .ci-signature-img .ciinfo-img img { width: 80%; height: auto; }
  .ci-color-img.ciinfo-img img { width: 100%; }
}

/* 오시는길 */
/*
.root_daum_roughmap .wrap_controllers {display: none;}
.div_diam_page_container .root_daum_roughmap_landing .border2 {display: block;}
*/
.direction_wrap .dm-map { height: 25rem; }
.direction_wrap .dm-loc { margin-bottom:0; padding: 2.438rem 3.688rem 0; background: #fff; border: 1px solid #ddd; border-top: 2px solid #0070C4; }
.direction_wrap .dm-loc > h5 { margin-bottom: 2rem; font-size: 1.75rem; font-weight: 700; color: #0070C4; }
.direction_wrap .dm-loc-info { flex-wrap: wrap; font-size: 1.375rem; }
.direction_wrap .dm-loc-info > dl {margin-right: 0; align-items:flex-start; }
.direction_wrap .dm-loc-info > dl > dt { min-width: 5.625rem; margin-right: 1.25rem; padding: 0; font-size: 1rem; font-weight: 700; }
.direction_wrap .dm-loc-info > dl > dt::before { display: none; }
.direction_wrap .dm-loc-info > dl > dt svg { margin-right: 0.625rem; }
.direction_wrap .dm-loc-info > dl > dt i {color: rgb(0, 112, 196); margin-right: 0.625rem;}
.direction_wrap .dm-loc-info > dl > dd { font-size: 1rem; font-weight: 300; }
.direction_wrap .dm-loc-info > dl.dm-loc-tel {justify-content: space-between; width: 100%;}
.direction_wrap .dm-loc-info > dl.dm-loc-tel dt {margin-right:0; width:110px;}
.direction_wrap .dm-loc-info > dl.dm-loc-tel dd {width:calc(33.33% - 110px)}

@media (max-width: 1200px) {
    .direction_wrap .dm-loc { flex-direction: column; align-items: flex-start; }
    .direction_wrap .dm-loc-info { align-items: flex-start; }
    .direction_wrap .dm-loc-info > dl:not(:last-child) { margin: 0 0 1.25rem 0; }
}
@media ( max-width: 992px ) {
    .direction_wrap .dm-loc { padding: 2.438rem 2.688rem; }
    .direction_wrap .dm-loc > h5 { font-size: 1.5rem; }
    .direction_wrap .dm-loc-info > dl.dm-loc-tel , .direction_wrap .dm-loc-info > dl.dm-loc-fax { width: 100%; justify-content: left; }
	.direction_wrap .dm-loc-info > dl.dm-loc-tel {flex-wrap: wrap;}
	.direction_wrap .dm-loc-info > dl.dm-loc-tel dd {width:calc(100% - 110px)}
	.direction_wrap .dm-loc-info > dl.dm-loc-tel dt,
	.direction_wrap .dm-loc-info > dl.dm-loc-tel dd {margin-bottom: 30px;}
}
@media (max-width: 576px) {
    .staff-content { margin: 5rem 0.625rem 0; }
    .direction_wrap .dm-map { height: 20rem; }
    .direction_wrap .dm-loc { padding: 2rem 1.5rem; }
    .direction_wrap .dm-loc-info > dl { display: block; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; white-space: nomal; }
    .direction_wrap .dm-loc-info > dl > dt { margin: 0 1.25rem 0.313rem 0; }
	.direction_wrap .dm-loc-info > dl.dm-loc-tel dt {margin-bottom: 0.313rem;}
}

.maplist-wrap { position: relative; padding: 2.778rem 0; }
.maplist { position: relative; display: flex; }
.maplist > h5 { position:relative; min-width: calc(345px - 4.444rem); font-size: 1.25rem; font-weight: 700; line-height: 1.6; color: #111; padding-top: 35px; }
.maplist img {margin-right: 0.6rem;}
.maplist:nth-child(1) h5 { border-top: 1px solid #999; }
/*.maplist > h5::after { display: none; }
.maplist > h5::after { content:''; display:block; width:17px; height:17px; margin-top:5px; background:url('../images/pages/ico_bus.png') 0 0 no-repeat; }*/
.maplist > ul { width: 100%; padding-top: 35px; }
.maplist:nth-child(1) ul { border-top: 1px solid #ddd; }
.maplist > ul > li { position: relative; }
.maplist.style01 > ul > li > div.maplist-title { position: relative; margin-bottom: 10px; font-size: 1rem; font-weight: 500; }
.maplist.style01 > ul > li > div.maplist-title > span { color: #999; margin-left: 10px; font-size: 0.889rem; font-weight: 400; vertical-align: middle; }
.maplist.style01 > ul > li > div.maplist-info { position: relative; margin-bottom: 5px; font-weight: 400; }
.maplist.style01 > ul > li > div.maplist-info > .box { position: relative; display:inline-block; width: auto; margin-right: 10px; color: #fff; padding: 0 10px; font-size: 13px; }
.maplist.style01 > ul > li > div.maplist-info > .box1 { background-color: #50A232; }

.maplist.subway > ul > li { margin-bottom: 0.556rem; }

.maplist.style01 > ul > li dl { display: flex; padding-bottom: 1rem; }
.maplist.style01 > ul > li dl dt { width: 15%; }
.maplist.style01 > ul > li dl dd { width: 85%; }
.maplist.style01 > ul > li dl dd p span { color: #999; font-size: 1.125rem; padding-top: 5px; }
.maplist.style01 > ul > li dl dd a { color: #0070C4; font-weight: 700; padding-left: 1rem; }

@media (max-width:992px) {
	.maplist-wrap {padding-top: 0;}
}

@media (max-width: 768px) {

    .maplist {flex-direction: column;}

    .maplist:nth-child(1) > h5 { padding-bottom: 35px; }
    .maplist.style01 > ul > li > div.maplist-info { margin-bottom: 15px; }
    .maplist.style01 > ul > li > div.maplist-info > .box { margin-bottom: 10px; }
    .maplist.style01 > ul > li > div.maplist-info span { width: 100%; }
}
@media (max-width: 576px) {
  .maplist.style01 > ul > li dl { display: block; }
  .maplist.style01 > ul > li dl dt,
  .maplist.style01 > ul > li dl dd { width: 100%; }
}

/* 스마트 적재 시스템 */
.purchase_step { position: relative; }
.purchase_step h5 { padding: 20px; text-align: center; font-size: 26px; font-weight: 700; background-color: #F2F6FB; }
.purchase_step .row { position: relative; margin: 50px auto 0; -ms-flex-pack: center; justify-content: center; }
.purchase_step .row::after { content: ""; position: absolute; left: 0; top: 119px; right: 0; height: 1px; background: #ddd; }
.purchase_step .row > div { position: relative; padding: 0; width: 200px; flex: 0 0 auto; }
.purchase_step .row > div::after { content: none; position: absolute; left: 0; top: 119px; right: 0; height: 1px; background: #ddd; }
.purchase_step figure { position: relative; margin: 0 auto 42px auto; width: 100px; height: 100px; border-radius: 50%; background: #F5F5F5; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-align: center; }
.purchase_step figure::before { content: ""; position: absolute; bottom: -28px; left: 50%; transform: translateY(-50%); text-align: center; display: block; width: 8px; height: 8px; border-radius: 4px; background: #999; z-index: 1; }
.purchase_step dl { position: relative; margin: auto; text-align: center; }
.purchase_step dt { margin: auto; width: 80px; height: 26px; overflow: hidden; white-space: nowrap; border-radius: 20px; background: #23419B; color: #fff; font-family: 'Poppins',sans-serif; font-size: 14px; font-weight: 500; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.purchase_step dd { margin-top: 10px; font-size: 22px; font-weight: 700;}
.purchase_step.entp { background-color: #F5F5F5; padding-bottom: 65px; }
.purchase_step.entp h5 { margin-bottom: 60px; background-color: #354165; color: #fff; }
.purchase_step.entp figure { background: #fff; }
.purchase_step > p { margin: 20px 0 0 0; color: #4B3CB1; font-size: 18px; line-height: 1.25; }
.purchase_step .result { position:relative; text-align:center; }
.purchase_step .result::before { content:''; display:block; width:90px; height:92px; margin:35px auto 0; background:url('../images/pages/bg_arrow.png') 0 0 no-repeat; }
.purchase_step .result .con { position:relative; }
.purchase_step .result .con::before { content:''; display:block; width:49px; height:33px; margin:30px auto 25px; background:url('../images/pages/ico_smart.png') 0 0 no-repeat; }
.purchase_step .result p { display:inline-block; padding:20px 40px; font-size:1.563rem; letter-spacing:-0.03em; color:#111; border:1px solid #E2E2E2; border-radius:10px; }

@media (max-width: 1080px) {
	.purchase_step .row > div { width: 100%; flex: 1 1 0; }
}

@media (max-width: 768px) {
  .purchase_step .row::after { content: none; }
  .purchase_step .row > div { flex: 0 0 33.33%; max-width: 33.33%; margin-bottom: 20px; }
  .purchase_step .row > div::after { content: ""; }
}

@media (max-width: 420px) {
	.purchase_step .row > div { flex: 0 0 50%; max-width: 50%; margin-bottom: 20px; }
}

/* 최적의 운송수단 */
.direction-box {width:100%;padding:30px 40px;border:1px solid #DDDDDD;border-radius:20px;}
.direction-box:nth-child(odd) {margin-right:30px;}
.direction-box:nth-of-type(1) {width:100%;}
.direction-box h6 {margin-bottom:25px;font-size:24px;}
.direction-box h6 span {margin-left:10px;font-size:18px;font-weight:400;color:#2B5FB7;}
.direction-detail-wrap {display:flex;}
.direction-detail-wrap > div {margin-right:25px;}
.direction-detail-wrap .direction-detail {margin:0;}
.direction-detail-title {margin-top:15px;font-weight:700;color:#111;}
.direction-detail {min-height:110px;margin-top:25px;font-size:18px;font-weight:400;color:#777;word-break:break-all;}
.direction-detail b {font-weight:700;}

@media (max-width: 1199.98px) {
    .direction-box img {width:100%;}
    .direction-box .direction-detail-wrap div {width:50%;}
}

@media (max-width: 767.98px) {
    .direction-detail-wrap {flex-direction:column;}
    .direction-box .direction-detail-wrap div {width:100%;}
}

@media (max-width: 575.98px) {
    .direction-box {width:100%;padding:20px 15px;}
    .direction-box:nth-child(odd) {margin-right:0;}
    .direction-box h6 {font-size:20px;}
    .direction-box h6 span {font-size:16px;}

    .direction-detail {font-size:16px;}
}

/* 전문성 */
.arr_box_wrap{ position: relative; display: flex; }
.arr_box_wrap::after { content: ''; display: block; clear: both; }
.arr_box_wrap > div.box { position: relative; float: left; width: calc(100%  / 3); background: #fff; padding: 35px 45px; border: 1px solid #ddd; }
.arr_box_wrap > div.box h5 { font-size: 22px; margin-bottom: 20px; }
.arr_box_wrap > div.box:not(:first-of-type) { border-left: 0 none; }
.arr_box_wrap > div.box:not(:first-of-type)::before { content: ''; position: absolute; width: 22px; height: 22px; border: 1px solid #ddd; background-color: #F5F5F5; transform: rotate(-45deg) translateY(-70%); top: 28px; left: 0; }
.arr_box_wrap > div.box:not(:first-of-type)::after { content: ''; position: absolute; width: 22px; height: 22px; border: 1px solid #F5F5F5; background-color: #F5F5F5; transform: rotate(-45deg) translateY(-70%); top: 28px; left: -2px; }

.pro_box_wrap { flex-wrap: wrap; text-align: center;}
.pro_box_wrap > div.box { width: 25%; padding: 0; }
.pro_box_wrap > div.box h4 { display: block; margin: 0; padding: 15px 0; background-color: #F5F5F5; color: #213D75; font-size: 1.25rem; }
.pro_box_wrap > div.box:last-child h4 {background: #fff;}
.pro_box_wrap > div.box img {width: 100%;}
.pro_box_wrap .h5_tit.ver3 { margin: 25px 0 35px; color: #111; }
.pro_box_wrap .h5_tit.ver3:after { left: 50%; transform: translateX(-50%); }


@media ( max-width: 768px ) {

	.arr_box_wrap > div.box:not(:first-of-type)::before,
	.arr_box_wrap > div.box:not(:first-of-type)::after {content: none;}

    .pro_box_wrap { border-bottom: 1px solid #ddd;}
    .pro_box_wrap > div.box { width: 50%; border: 0; }
	.pro_box_wrap > div.box h4 {border: 1px solid #ddd; font-size: 1rem;}
	.pro_box_wrap > div.box:nth-child(even) h4 {border-left: 0;}
}

.factory_img {margin-top: 3rem;}
.factory_img img {width: 100%;}


/* 제품소개 */
.intro-box { display:flex; flex-wrap:wrap; align-items:center; margin:2.813rem 0 3.75rem; padding:20px; border:1px solid #ddd; }
.intro-img { width:150px; height:150px; border-radius:100%; /* height:15.625rem; */ background-size:cover; background-position:center; background-repeat:no-repeat; }
.intro-img-01 { display:none; background-image: url("../images/pages/intro_product01.jpg"); }
.intro-img-02 { display:none; background-image: url("../images/pages/intro_product02.jpg"); }
.intro-img-03 { background-image: url("../images/pages/intro_product03.jpg"); }
.intro-img-04 { background-image: url("../images/pages/intro_product04.jpg"); }
.intro-img-05 { background-image: url("../images/pages/intro_product05.jpg"); }
.intro-img-06 { background-image: url("../images/pages/intro_product06.jpg"); }
.intro-img-07 { background-image: url("../images/pages/intro_product07.jpg"); }
.intro-img-08 { background-image: url("../images/pages/intro_product08.jpg"); }
.intro-img-09 { display:none; background-image: url("../images/pages/intro_product09.jpg"); }
.intro-img-10 { background-image: url("../images/pages/intro_product10.jpg"); }
.intro-img-11 { background-image: url("../images/pages/intro_product11.jpg"); }
.intro-txt { width:calc(100% - 150px); padding: 2rem; }
.intro-txt.w100 { width:100%; }
.intro-txt p { font-size: 1.125rem; font-weight: 400; line-height: 1.8; }
.intro-txt p b { font-weight: 700; }
@media ( max-width: 767px ) {
	.intro-box { flex-direction:column; }
  .intro-img { /* height: 12rem; */ }
  .intro-txt { width:100%; padding:1.5rem 0.5rem; }
}

.pro_sub:not(:last-child) {margin-bottom: 5rem;}
.pro_sub h5 { margin-bottom: 1.875rem; text-align: center; color: #004173; font-size: 1.5rem; font-weight: 800;}
.pro_sub h4 ~ .table-data-wrap,
.pro_sub h4 ~ .table-scroll-wrap {margin-top: 1.875rem;}


.info_box {margin: 1.875rem 0; border: 6px solid #F5F5F5; border-radius: 10px; padding: 2rem;}
.info_box p {font-size: 1.25rem;}
.info_box p * {vertical-align: middle;}
.info_box p span.num {display: inline-block; margin-right: 5px; border-radius: 50px; width: 18px; height: 18px; color: #fff; background: #003D6C; font-size: 12px; text-align: center;}
.info_box p small {margin-left: 5px; color: #003D6C;}
.info_box .ul-style {margin-top: 1rem; font-size: 1.125rem;}
.info_box .ul-style > li {margin-bottom: 0;}
.info_box .ul-style > li::before {top: 13px;}
.info_box + .table-data-wrap {margin-bottom: 5rem;}

.two_con { display:flex; align-items:flex-end; flex-wrap:wrap; justify-content:center; gap:30px 25px; margin-top:30px; }
.two_con > div { }
.two_con .left_con { width:100%; max-width:340px; }
.two_con .left_con .img_box { }
.two_con .left_con .img_box img { width:100%; max-width:100%; }
.two_con .right_con { flex-grow:1; width:60%; }

@media (max-width:768px) {
	.info_box + .table-data-wrap table {border-bottom: 0;}
}

@media (max-width:576px) {
  .info_box p small {display: block; margin-left: 25px;}
}

.product-slider {position:relative; margin-top: 1.875rem;}
.product-slider .swiper-button-next, .product-slider .swiper-button-prev {top:45%;width:16px;height:32px;background:none;}
.product-slider .swiper-button-next {right:-41px;}
.product-slider .swiper-button-prev {left:-41px;}

.swiper {width:100%;height:100%;}
.swiper-slide img {display:block;width:100%;height:100%;object-fit:cover;}
.swiper {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.swiper-slide {background-size: cover;background-position: center;}
.mySwiper2 {overflow: hidden; height:75%;width: 100%;border-radius:20px;}
.mySwiper {overflow: hidden; height:calc(25% - 25px);box-sizing: border-box;margin-top:25px;}
.mySwiper .swiper-slide {width: 25%;height: 100%;opacity: 0.4;border-radius:10px;overflow:hidden;cursor:pointer;}
.mySwiper .swiper-slide-thumb-active {opacity: 1;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

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

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

@media (max-width: 575.98px) {
    .mySwiper2 {width:80%;border-radius:10px;}
    .mySwiper .swiper-slide {border-radius:5px;}
    .product-slider .swiper-button-next, .product-slider .swiper-button-prev {top:40%;width:10px;}
    .product-slider .swiper-button-next {right:0px;}
    .product-slider .swiper-button-prev {left:0px;}
}

.pro_feature {margin-top: 1.875rem;}
.pro_feature ul {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1.125rem;}
.pro_feature ul li {/*flex: 1 1 40%;*/ padding: 2.5rem; border: 1px solid #ddd; line-height: 1.8; width:100%;}
.pro_feature ul li p {margin-bottom: 10px; font-size: 1.25rem; font-weight: bold; color: #005DA4; vertical-align: middle;}
.pro_feature ul li p span.num {display: inline-block; vertical-align: middle; margin-right: 10px; padding-top: 7px; width: 30px; height: 30px; border-radius: 50px; color: #fff; font-size: 1rem; text-align: center; background: #005DA4; line-height: 1;}
.pro_feature ul li img {display: block; margin: 0 auto; max-width: 100%;}
.pro_feature ul li img:nth-child(n+2) {margin-top: 3rem;}

@media (max-width:768px) {
  .pro_feature ul li {flex: 1 1 100%;}
}

.ul_use {display: flex; flex-wrap: wrap; justify-content: center; gap:2rem; margin-top: 1.875rem; text-align: center;}
.ul_use li div {display: flex; justify-content: center; align-items: center; width: 150px; height: 150px; border-radius: 200px; background: #F5F5F5;}
.ul_use li p {margin-top: 1rem; font-size: 1.25rem;}

@media (max-width:768px) {
  .ul_use li {width: calc(50% - 1rem);}
  .ul_use li div {margin: 0 auto;}
}

@media (max-width:420px) {
  .ul_use li div {width: 130px; height: 130px;}
}

.ul_color {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2rem 0; margin-top: 1.875rem;}
.ul_color li {width: 22%;}
.ul_color li .color_sample {border: 1px solid #707070; border-radius: 15px; height: 235px;}
.ul_color li p {display: flex; justify-content: space-between; margin-top: 10px; font-size: 1.125rem;}
.ul_color li p span {display: inline-block; padding: 0 5px; color: #fff; background: #A7996E;}

@media (max-width:768px) {
  .ul_color li {width: 47%;}
}

/* 견적문의 */
.bbs_agree_docs .custom-checkbox {margin:0 0 30px;}


@media (max-width: 1300px) {
	/* common */
	#hd_wrap, #gnb_wrap, #pop_wrap, #vis_wrap, #container, #ask_wrap, #kit_wrap, #stv_wrap, #hub_wrap, #ft_wrap, .section { width:auto; }

	/* header */
	#hd { height:100px; }
	#hd_wrap { width:100%; }
	#hd_logo { margin-left:30px; }
	#hd_logo a { top:50%; transform:translateY(-50%); }
	#hd_toggle { display:flex; top:0; width:100px; height:100px; margin-right:0; }
	#gnb,
	#hd_button,
	#off #off_member,
	#off_search { display:none; }
	.offcanvas-toggle { height:100px; }
	.offcanvas-toggle .icon-bar { width:30px; height:5px; background:#fff; }
	.offcanvas-toggle.is-open .icon-bar:nth-child(1) { -webkit-transform:rotate(45deg) translate(9px, 9px); -ms-transform:rotate(45deg) translate(9px, 9px); transform:rotate(45deg) translate(9px, 9px); }
	.offcanvas-toggle.is-open .icon-bar:nth-child(3) { -webkit-transform:rotate(-45deg) translate(7px, -7px); -ms-transform:rotate(-45deg) translate(7px, -7px); transform:rotate(-45deg) translate(7px, -7px); }
	#off .hd_logo_bk { display:none; }
	#off .hd_main_logo { display:block; }
	#off h2 > a { height:80px; padding:25px; }
	#off #off_container { height:calc(100% - 80px); margin-top:80px; }
}


@media (max-width: 1200px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 992px) {

}

@media (max-width: 900px) {
	/* visual_2차메뉴 */
	#vis #titler .menutab { position:relative; top:100%; bottom:auto; display:block; max-width:100%; width:100%; min-height:initial; }
	#vis #titler .menutab .menutab_wrap { position:relative; display:block; max-width:100%; width:100%; min-height:initial; }
	#vis #titler .menutab .menutab_wrap h3 { position:relative; display:block; width:100%; font-size:1rem; padding:18px 20px 14px; background:#fff; color:#111; }
	#vis #titler .menutab .menutab_wrap h3 .di-arr-bot:before { }
    #vis #titler .menutab .menutab_wrap .dep-wrap { display:none; position:relative; padding:0; background:#2B5FB7; z-index:10; }
    #vis #titler .menutab .dep-wrap > li { width:100%; max-width:100%; margin:0; border-top:1px solid rgba(255,255,255,0.125); }
    #vis #titler .menutab .menutab_wrap ul li a { font-size:1rem; width:100%; padding:15px 20px; color:#fff; }
    #vis #titler .menutab .menutab_wrap ul li a:active,
	#vis #titler .menutab .menutab_wrap ul li a:focus,
	#vis #titler .menutab .menutab_wrap ul li a:hover,
	#vis #titler .menutab .menutab_wrap ul li.on a { color:#fff; background-color:rgba(255,255,255,0.125); }
	#vis #titler .menutab .menutab_wrap ul li a span { }
	#vis #titler .menutab .menutab_wrap ul li a span::before { display:none; }
    #vis #titler .menutab .menutab_wrap ul li a:active:after,
	#vis #titler .menutab .menutab_wrap ul li a:focus:after,
	#vis #titler .menutab .menutab_wrap ul li a:hover:after,
	#vis #titler .menutab .menutab_wrap ul li.on > a:after { content:none; }

	#main { margin-top:52px; }
	
}

@media (max-width: 768px) {
	/* header */
	#hd { height:90px; }
	#hd_logo { height:90px; margin-left:10px; }
	#hd_toggle { width:90px; height:90px; }
	.offcanvas-toggle { height:90px; }

	/* visual_2차메뉴 */
	#vis #titler { height:250px; }
	#vis #titler .leader { font-size:1.75rem; font-weight:700; }

	#container .heading { margin:30px 0; }
	
}

@media (max-width: 576px) {

}

@media (max-width: 486px) {

}

@media (max-width: 386px) {
	/* header */
	#hd_toggle { width:50px; }
	.offcanvas-toggle .icon-bar { height:3px; }
	.offcanvas-toggle.is-open .icon-bar:nth-child(1) { -webkit-transform:rotate(45deg) translate(6px, 6px); -ms-transform:rotate(45deg) translate(6px, 6px); transform:rotate(45deg) translate(6px, 6px); }
}

@media (max-width: 320px) {

}