@charset "utf-8"; /* doc.css는 디자인페이지 스타일을 정의합니다. */

.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4 { display:none !important; } 

.only-tablet { display:none; } 
.only-mobile { display:none; } 

.doc-tit { padding-bottom:var(--space-50); text-align:center; } 
.doc-tit h2 { font-weight:600; font-size: var(--font-size-40); color: var(--color-dark); line-height:1.25em; } 
.doc-tit p { padding-top:var(--space-20); } 
.doc-tit .en { color: #a3a3a3; letter-spacing: 0.25em; line-height:1.875em; } 

.doc-cnt { padding:var(--header-height) 0; } 
.doc-cnt:first-child { padding-top:0; } 

.doc-sub-tit { padding-bottom:var(--space-15); font-weight:600; font-size: var(--font-size-22); color: var(--color-dark); line-height:1.136em; float: left; } 

.pt0 { padding-top:0 !important; } 
.pb0 { padding-bottom:0 !important; } 

.p-40-0 { padding:var(--space-40) 0 !important; } 

.p0-30 { padding:0 var(--space-30) !important; } 

.pt5 { padding-top: 5px !important; } 

.pt-25 { padding:25px 0 0 0 !important; } 

.pt60 { padding-top:var(--space-60); } 
.pt100 { padding-top:var(--header-height); } 

.p100-0 { padding:var(--space-100) 0; } 

.p14-0 { padding:14px 0; } 

.pl50 { padding-left:var(--space-50); } 

.m0 { margin:0 !important; } 

.mt40 { margin-top:var(--space-40); } 

.mb30 { margin-bottom:var(--space-30); } 

.txt-primary { color: var(--color-primary) !important; } 
.txt-second { color: var(--color-secondary) !important; } 
.txt-grey { color: #454545 !important; } 
.txt-wht { color: #fff !important; } 

.bg-grey { background-color: #f8f8f8; } 
.bg-sky { background-color: #f3f6f9; } 
.bg-sky2 { background-color: #e8ecf3; } 
.bg-blue { background-color: var(--color-primary); } 

.fw500 { font-weight:500 !important; } 

.flex-wrap { display:flex; } 
.a-i-center { align-items: center; } 
.between { justify-content: space-between; } 
.justi-start { justify-content: start; } 
.flex-wrap.col2 > div { width:50% !important; } 
.flex-wrap.cnt .txt { width:36%; padding-right:var(--space-30); } 
.flex-wrap.cnt .img { width:64%; } 

.fs20 { font-size: var(--font-size-20) !important; } 
.fs18 { font-size: var(--font-size-18) !important; } 
.fs16 { font-size: var(--font-size-16) !important; } 

.lh875 { line-height:1.875em !important; } 
.lh16 { line-height:1.666em; } 
.lh125 { line-height:1.25em !important; } 
.lh15 { line-height:1.5em !important; } 

.highlight { display: inline; box-shadow: inset 0 -10px 0 rgba(8,36,77,0.1); } 
.highlight.sky { box-shadow: inset 0 -10px 0 rgba(28,72,137,0.1); } 

.tt32 { font-weight:600; font-size: var(--font-size-32); line-height:1em; color: var(--color-dark); } 
.tt24 { font-weight:600; font-size: var(--font-size-24); color: var(--color-dark); } 

.img.border-8 img { border-radius: 8px; } 
.img.box-shadow img { box-shadow: var(--box-shadow); } 

.w-60 { width:60% !important; } 
.w-f { width: fit-content; } 

/* 특장점 - 주요기능 */
.box-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-30); } 
.box-list .box { display:flex; flex-direction: column; justify-content: center; align-items: center; text-align:center; padding:var(--space-50); border-radius: var(--border-radius-16); border: 1px solid #ddd; background-color: #fff; cursor: pointer; } 
.box-list .box:hover { padding:var(--space-40); } 
.box-list .box .icon { margin-bottom:var(--space-40); } 
.box-list .box .tt { font-size: var(--font-size-24); font-weight: 600; line-height: initial; color: #242424; margin-bottom: 10px; } 

.box-list.en .box { padding: var(--space-40) var(--space-15); } 
.box-list.en .box .tx { margin-top:10px; } 
.box-list.en .box:hover .hover { padding:10px; } 

.box-list.col3 { grid-template-columns: repeat(3, 1fr); } 
.box-list.col4 { grid-template-columns: repeat(4, 1fr); } 
.box-list.col4 .box { padding: var(--space-50) var(--space-30); } 
.box-list.col6 { grid-template-columns: repeat(6, 1fr); } 

.box-list.flex { display: flex; flex-wrap: wrap; justify-content: center; } 
.box-list.flex .box { width: 31.333%; } 
.box-list .box:hover { padding:0; } 
.box-list .box:hover .icon,
.box-list .box:hover .tt { display:none; } 
.box-list .box .hover { display:none; font-size: var(--font-size-18); line-height: 1.444em; background-color: var(--color-primary); color:#fff; } 
.box-list .box:hover .hover { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: var(--border-radius-16); } 

.box-list.type2 { gap: 0; } 
.box-list.type2 .box { border: 0; border-right: 1px solid #ddd; border-radius: 0; padding:20px; } 
.box-list.type2 .box:last-child { border-right: 0; } 

/* solution- wms */
.box-list.type3 .box { display:flex; justify-content: center; align-items: center; flex-direction: column; padding:5px; border-radius: 8px; padding:var(--space-35) 0; } 
.box-list.type3 .box .icon { margin-bottom:var(--space-15); } 
.box-list.type3 .box .tt { font-size: var(--font-size-18); margin-bottom:0; } 
.box-list.type3 .box:hover .icon, 
.box-list.type3 .box:hover .tt { display: block; } 

.box-list.type3.en .box { padding:var(--space-16) 0; } 

.btn-inquiry2.type2 { background-color: transparent; border: 1px solid #fff; color: #fff; padding:0 clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px ); } 
.btn-inquiry2.navy { border: 1px solid var(--color-primary) !important; color: var(--color-primary) !important; } 
.btn-inquiry2.navy:hover { color: #fff !important; } 

.banner { border-top:1px solid #fff; } 
.banner .flex-wrap { justify-content: space-between; align-items: center; } 
.banner .flex-wrap > div { width:50%; } 

.banner.en .flex-wrap .left { width:65%; } 

.banner.type2 .left { position:relative; } 
.banner.type2 .left::after { content: ""; position: absolute; bottom: 0; right: 0; width: 54%; height: 89%; background: url(/images/sub/shipping-04.png) no-repeat bottom right / contain; } 

.logo-list { display:flex; justify-content: center; gap: 15px; margin-bottom:var(--space-60); } 
.logo-list .img { text-align:center; } 

.logo-wrap { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--space-30); } 
.logo-wrap .img { display: block; overflow: hidden; position: relative; background: #fff; border-radius: 8px; text-align: center; box-shadow: var(--box-shadow-sm); } 
.logo-wrap .img:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #ddd; border-radius: 8px; } 

.video-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-30); } 
.video-list .video-container { border-radius: var(--border-radius-16); } 
.video-list .video-container video { border-radius: var(--border-radius-16); } 

/* 스마트물류센터 */
.sub-tit { padding-bottom:var(--space-20); font-size:var(--font-size-20); font-weight:600; text-align:center; line-height:1.2em; color:var(--color-primary); } 

.swiper { width: 100%; height: 100%; } 
.swiper-slide { text-align: center; display: flex; justify-content: center; align-items: center; } 
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: var(--border-radius-16); } 
.swiper-button-next, 
.swiper-button-prev { width:60px !important; height:60px !important; margin-top: 50px; color: #fff !important; background-color: rgba(25,25,25,0.6); border-radius: 100%; } 
.swiper-button-next:hover , 
.swiper-button-prev:hover { background-color: var(--color-primary) !important; } 
.swiper-button-next { right: 30px !important; left: auto; } 
.swiper-button-prev { left: 30px !important; right: auto; } 
.swiper-button-next:after, .swiper-button-prev:after { font-size: 25px !important; } 

.step-slide { display:flex; overflow:hidden; } 
.step-slide > div { width:50%; } 
.step-slide .step { margin-bottom:var(--space-20); font-size: var(--font-size-14); color: #fff; background-color: var(--color-secondary); text-align:center; border-radius: 50vh; width:50px; line-height:20px; } 
.step-slide .tit { margin-bottom:var(--space-15); font-weight:700; font-size: var(--font-size-28); line-height:1em; color: var(--color-dark); } 

.swiper .swiper-slide { background-size: cover; background-position: center; } 

.stepSwiper2 { border-radius: var(--border-radius-16); } 
.stageBg { margin-left: var(--space-60); position: relative; flex-shrink: 0; } 
.stepSwiper { overflow: visible; height: 127px; position: relative; margin-top: var(--space-150); } 
.stepSwiper:before { content:''; position:absolute; top:0; left:0; width:3px; height:clamp(100px, calc(130 / 1500 * 100vw), 130px); background:#1e4a8a; } 
.stepSwiper .swiper-wrapper { display:block !important; height:100% !important; } 
.stepSwiper .swiper-slide { display:block; position: relative; margin-bottom:var(--space-30); text-align:left; opacity: 0.4; padding-left:var(--space-20); cursor: pointer; } 
.stepSwiper .swiper-slide.active { opacity: 1; } 
.stepSwiper .swiper-slide.active::before { opacity:1; } 

.img-list >ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-60) var(--space-30); } 
.img-list >ul li { position: relative; transition: .3s; cursor: pointer; } 
.img-list >ul li .img { position:relative;  border-radius: var(--border-radius-16); /* border: 1px solid #ddd; */ text-align:center; width:100%; max-width: 277px; margin:0 auto var(--space-20); } 
.img-list >ul li .img img { border-radius: var(--border-radius-16); } 
.img-list .tit { font-size: var(--font-size-20); font-weight:500; line-height: 1em; text-align:center; transition: .3s; } 
.img-list .hover { display: none; position: absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; padding:var(--space-20); border-radius: var(--border-radius-16); color: #fff; background-color: rgba(30,74,138,0.9); transition: .3s;text-align:left; } 
.img-list >ul li:hover .hover { display: block; } 
.img-list >ul li:hover .tit { color: var(--color-primary); font-weight:600; } 
.img-list.type2 { display:flex; justify-content: center; gap: var(--space-30); } 
.img-list.type2.gap0-80 { gap: 0 var(--space-80); } 
.img-list.col3 ul { grid-template-columns: repeat(3, 1fr); gap: var(--space-30); } 
.img-list.col3 ul li .img { border: none; } 
.img-list.type3 >ul { grid-template-columns: repeat(3, 1fr); gap: 0 var(--space-80); display: flex; justify-content: center; } 
.img-list.type3 >ul li { width: fit-content; } 

.icon-list >ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-60) var(--space-40); } 
.icon-list >ul li .icon { margin-bottom:var(--space-30); } 
.icon-list >ul li .icon img { border-radius: var(--border-radius-16); box-shadow: var(--box-shadow-sm); } 
.icon-list >ul li .tt { font-size: var(--font-size-24); font-weight: 600; line-height: initial; color: #242424; margin-bottom: 10px; } 
.icon-list.flex ul li { display:flex; align-items: center; } 
.icon-list.flex ul li.hover { display:block; } 
.icon-list.flex ul li.hover a { display:flex; align-items: center; } 
.icon-list.flex .icon { width:150px; margin-bottom:0; } 
.icon-list.flex .txt { flex: 1 1 auto; min-width: 0; width:1%; } 
.icon-list.flex ul li .icon img { border-radius: 0; box-shadow: none; } 
.icon-list .more { padding-top:var(--space-20); color: var(--color-primary); } 
.icon-list.box ul li { border-radius: var(--border-radius-16); border: 1px solid #ddd; padding:var(--space-30) var(--space-40); } 
.icon-list.box ul li.hover { position:relative; } 
.icon-list.box ul li.hover::after { content: ""; position:absolute; top:0; left:0; width:100%; height:100%; border: 2px solid var(--color-primary); opacity:0; transition: .3s; z-index: -1; } 
.icon-list.box ul li.hover:hover::after { opacity:1; border-radius: var(--border-radius-16); } 
.icon-list.gap30 ul { gap: var(--space-30); } 
.icon-list.dashed { padding-left:var(--space-30); } 
.icon-list.dashed ul { display:block; } 
.icon-list.dashed ul li { display:flex; align-items:center; padding-bottom:var(--space-30); border-bottom: 1px dashed #ddd; margin-bottom:var(--space-30); } 
.icon-list.dashed ul li:last-child { border-bottom: 0; padding-bottom:0; margin-bottom:0; } 
.icon-list.dashed ul li .img { width:110px; padding-right:var(--space-30); } 
.icon-list.dashed ul li .txt { flex: 1 1 auto; width:1%; min-width:0; } 
.icon-list.dashed ul li .tt { font-size: var(--font-size-20); line-height:1.3em; } 
.icon-list.type2 { padding-left:var(--space-60); } 
.icon-list.type2 ul li { padding-bottom:var(--space-20); margin-bottom:var(--space-20); } 

.border { border: 1px solid #ddd !important; } 
.border-none { border: none; } 

/* 글로벌서비스 */
.check-wrap { display: flex; align-items: center; justify-content: space-between; } 
.check-wrap .img { width: 56%; padding-right:var(--space-60); } 
.check-wrap .check-list { width:44%; } 
.check-list ul { border-top: 1px dashed #b2c1d7; } 
.check-list ul li { padding:var(--space-20); border-bottom: 1px dashed #b2c1d7; } 
.check-list ul li p { position:relative; padding-left:35px; font-weight:500; font-size: var(--font-size-18); line-height:1.388em; } 
.check-list ul li p::before { content: ""; position:absolute; top:0; left:0; width:20px; height:20px; background: url(/images/sub/check.png) no-repeat center/contain; } 

/* 옵티풀 솔루션 */
/* - fms */
#sub .tab-menu ul { display: flex; justify-content: center; margin-bottom: var(--space-60); } 
#sub .tab-menu ul li { margin-right:var(--space-20); } 
#sub .tab-menu ul li:last-child { margin-right:0; } 
#sub .tab-menu ul li a { position: relative; font-size: var(--font-size-18); font-weight: 600; display: flex; justify-content: center; align-items: center; width:110px; height:43px; color: var(--color-primary); border-radius: 8px; border: 1px solid var(--color-primary); } 
#sub .tab-menu ul li.active a { color: #fff; background-color: var(--color-primary); } 
#sub .tab-contents .flex-wrap .img,
#sub .tab-contents .flex-wrap .doc-tit { width:50%; } 
#sub .tab-contents .flex-wrap .dot-list { width:50%; } 
#sub .tab-contents .flex-wrap .img { padding-right:var(--space-30); } 
#sub .tab-contents .flex-wrap .doc-tit { padding-left:10px; } 
#sub .tab-contents .flex-wrap .img img { border-radius: var(--border-radius-16); box-shadow: var(--box-shadow-sm); border: 1px solid #ddd; } 

#sub .tab-menu.en ul li a { text-align: center; font-size: 15px; } 

#sub .tab-menu.type2 ul li a { width: auto; padding: 0 var(--space-30); } 

/* /service/3pl.php */
#sub .tab-contents.type2 .flex-wrap > div { width:50%; } 
#sub .tab-contents.type2 .img-wrap .img { width: 100%; } 
#sub .tab-contents.type2 .img-wrap .img { padding-right:0; } 
#sub .tab-contents.type2 .img-wrap .img img { border-radius: var(--border-radius-16); box-shadow: none; border: 0; } 
#sub .tab-contents.type2 .img-wrap .tt { padding-top:var(--space-30); font-weight:600; font-size: var(--font-size-24); color: var(--color-dark); line-height:1em; } 
#sub .tab-contents.type2 .img-wrap .tx { padding-top:var(--space-15); line-height:1.625em; } 
#sub .tab-contents.type2 .icon-list .img { width:110px; } 
#sub .tab-contents.type2 .icon-list .img img { border-radius:0; box-shadow: none; border: 0; } 

.img-wrap .img { text-align:center; } 
.img-wrap .desc { padding-top:var(--space-30); text-align:center; font-weight:500; font-size: var(--font-size-20); line-height:inherit; } 

.img-wrap-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-60) var(--space-30); } 
.img-wrap-list .img { margin-bottom:var(--space-30); } 
.img-wrap-list .tt24 { margin-bottom:var(--space-15); } 
.img-wrap-list p { text-align:center; } 

.link-list { display: grid; grid-template-columns: repeat(2, 1fr); gap:var(--space-30); } 
.link-list a { display:flex; border-radius: var(--border-radius-16); height: 160px; border: 1px solid #ddd; } 
.link-list .img { width:200px; height: 100%; } 
.link-list .img img { height: 100%; border-top-left-radius: var(--border-radius-16); border-bottom-left-radius: var(--border-radius-16); } 
.link-list .txt-wrap { display:flex; align-items: center; justify-content: space-between; height:100%; padding:var(--space-40); flex: 1 1 auto; min-width: 0; width: 1%; } 
.link-list .inquiry { color: #686868; } 
.link-list a:hover { box-shadow: var(--box-shadow); } 
.link-list a:hover p { color: var(--color-primary) !important; } 

/* 전국 물류 센터 */
.center-area { display:flex; gap: var(--space-30); } 
.center-area > div { width:50%; } 
.center-area > .map-wrap { position:relative; } 
.center-area > .map-wrap .map { width:100%; height: 650px; } 

.root_daum_roughmap { width:100% !important; height:650px !important; border: none; border-radius: var(--border-radius-16); } 
.root_daum_roughmap .wrap_map { width:100% !important; height:650px !important; border: none; border-radius: var(--border-radius-16); } 
.roughmap_lebel_text:after { content:""; font-size:12px; line-height:15px; } 
.center-area > .map-wrap .map-info { position: absolute; bottom:60px; left:50%; transform: translateX(-50%); z-index:10; border-radius: 8px; box-shadow: var(--box-shadow); padding:var(--space-15); background-color: #fff;  width: 200px; white-space: normal; } 

 .map-wrap .map-info .img { width:130px; display: none; } 
.map-wrap .map-info .img img { border-radius: 8px; } 
.map-wrap .map-info .txt { flex: 1 1 auto; width:1%; min-width:0; padding-left:var(--space-15); } 
.map-wrap .map-info .txt .ad { font-weight:600; font-size: var(--font-size-18); color: var(--color-primary); line-height:1.555em; } 
.map-wrap .map-info .txt .cate { font-weight:500; font-size: var(--font-size-14); margin-bottom: 8px; color: var(--color-dark); } 
 .map-wrap .map-info .txt .desc { font-size: var(--font-size-14); color: #686868; line-height:1.143em; display: none; } 
.map-wrap > .info-wrap .paginate { margin-top: var(--space-50); } 

.map-tab { margin-bottom:var(--space-30); } 
.map-tab ul { display:flex; gap: 10px; width: auto; } 
.map-tab ul li { text-align: center; flex: none; width: auto; } 
.map-tab ul li a { display:flex; justify-content:center; align-items:center; width: 80px; height: 30px; border-radius:50vh; background-color: rgb(243, 246, 249); color:#717171; text-align:center; font-weight:500; font-size: var(--font-size-18); margin:0; } 
.map-tab ul li.active a { background:var(--color-primary); color: #fff; } 
.map-tab ul li>a:after { display:none; } 
.map-tab.en ul {flex-wrap: wrap;}
.map-tab.en ul li{width:31.3333%}
.map-tab.en ul li a {width: auto; }

.center-list li { display:grid; padding: var(--space-20) var(--space-25); position:relative; } 
 .center-list li::after { content: ""; position: absolute; left:0; bottom:0; width:100%; height:1px; background-color: #ddd; z-index:-1; } 
.center-list .name { margin-bottom:4px; font-weight:500; font-size:var(--font-size-20); line-height:1.4em; letter-spacing:0; } 
.center-list .addr { position:relative; padding-left:20px; color: #686868; } 
.center-list .addr::before { content: ""; position: absolute; top:4px; left:0; width:13px; height:16px; background: url(/images/sub/i-location.png) no-repeat center/contain; } 
.center-list li.active::after { width:100%; height:100%; background:#f3f6f9; border-radius: var(--border-radius-16); box-shadow: var(--box-shadow-sm); } 
.center-list li.active { background:#f3f6f9; border-radius: var(--border-radius-16); box-shadow: var(--box-shadow-sm); border-bottom: 0; } 
.center-list li.active .name { font-weight:700; color: var(--color-primary); } 
.center-list li.active .addr { color: #454545; } 

/* 한익스프레스 */
.directions .info { width:42%; } 
.directions .contact-info { line-height:1.5em; } 
.directions .contact-info dl { display:flex; padding-bottom:var(--space-20); } 
.directions .contact-info dl:last-child { padding-bottom:0; } 
.directions .contact-info dt { position:relative; width:110px; color:#242424; font-size:var(--font-size-18); font-weight:600; } 
.directions .contact-info dt::after { content: ""; position: absolute; top:50%; right:0; transform: translateY(-50%); width: 1px; height: 12px; background-color: #ddd; } 
.directions .contact-info dd { padding-left:var(--space-15); flex:1 1 auto; min-width:0; width:1%; } 
.directions .map { width:58%; } 
.directions .root_daum_roughmap { height:400px !important; } 
.directions .root_daum_roughmap .wrap_map { height:400px !important; } 
.directions .iframe {width:100% !important; height:400px !important;}

.btn-wrap { display:flex; gap: var(--space-20); padding-top:clamp(30px, calc( 90 / var(--inner) * 100vw ), 90px ); } 
.btn-wrap a { display:flex; justify-content: center; align-items: center; border-radius: 8px; padding:10px var(--space-30); } 
.btn-wrap a p { color: #fff; font-weight:500; margin-right:var(--space-20); } 
.btn-wrap i { display:block; height:16px; } 
.btn-wrap i img { width:100%; height:100%; } 
.btn-wrap a.about { background-color: rgb(28, 72, 137); } 
.btn-wrap a.brochure { background-color: var(--color-secondary); } 

/* 파트너 */
.gallery-list2 ul { display:flex; flex-wrap:wrap; border-top:1px solid #ddd; border-left:1px solid #ddd; } 
.gallery-list2 ul li { width:16.6666%; text-align:center; padding: 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } 
.gallery-list2 ul li a { display:block; } 
.gallery-list2 ul li .thumb { position:relative; padding-bottom:100%; overflow:hidden; } 
.gallery-list2 ul li .thumb img { position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; } 

/* ESG 경영 */
.reverse-list .cnt { display:flex; padding-bottom:var(--space-60); align-items: center; } 
.reverse-list .cnt > div { width:50%; } 
.reverse-list .cnt .txt { padding-left:var(--space-60); } 
.reverse-list .cnt:nth-child(even) { flex-direction: row-reverse; justify-content: space-between; } 
.reverse-list .cnt:nth-child(even) .img { padding-right:0; padding-left:20px; / } 
.reverse-list .cnt:nth-child(even) .txt { padding-left:0; } 
.reverse-list .cnt:last-child { padding-bottom:0; } 
.reverse-list .dot-list { padding-top:var(--space-20); } 

/* 문의하기 */
.inquiry-form .board-form { position:relative; padding-bottom:var(--header-height); } 
.inquiry-form .board-form::after { content:''; display:block; clear:both; } 
.inquiry-form .board-form:last-child { padding-bottom:0; } 
.inquiry-form .required { color: var(--color-primary); } 
.inquiry-form .join-form-txt { float: right; color: #505050; font-weight: 400; line-height: 1.5625em; margin-bottom: 12px; } 
.inquiry-form .board-form .item { display: inline-block; margin-right:var(--space-40); } 
.inquiry-form .board-form .item:last-child { margin-right:0; } 
.inquiry-form .board-form .item .txt { display:inline-block; width: 56px; color: #505050; line-height:1.25em; } 
.inquiry-form .board-form .radiobox label { display: inline-block; color: #505050; } 
.inquiry-form .board-form table td { border-top: 0; border-left: 0; } 
.inquiry-form .item-col03 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-40); } 
.inquiry-form .item-col03 .item { display: flex; align-items: center; margin-right:0; } 
.inquiry-form .item-col03 .input { flex: 1 1 auto; min-width:0; width:1% !important; } 
.inquiry-form .board-form .input { color: #b5b5b5; line-height: 1.6em; } 
.inquiry-form .board-form .input:placeholder-shown { color: #b5b5b5; } 

 /* fnq */
.faq .cate { display:flex; justify-content: center; align-items: center; width: 38px; height: 18px; border: 1px solid var(--color-primary); border-radius: 4px; font-weight:600; font-size: var(--font-size-14); color: var(--color-primary); line-height:1.7142em; letter-spacing: 0; margin-right:10px; } 

/* 개인정보처리방침 */
.bt1d { border-top:1px solid #ddd; } 

.privacy { position:relative; width:100%; max-width: 1000px; margin:0 auto; } 
.privacy .sec { margin-bottom:var(--space-50); } 
.privacy .sec:last-child { margin-bottom:0; } 
.privacy .sec h3 { color:var(--color-dark); font-size:var(--font-size-20); line-height:1.3em; font-weight:600; margin-bottom:10px; } 
.privacy .sec p { margin-bottom:1.625em; line-height:1.625em; } 
.privacy .sec strong { font-weight:600; } 
.privacy .policy-contact { display:flex; padding:20px 0; background:#fafafa; border:1px solid #e5e5e5; margin-bottom:1em; } 
.privacy .policy-contact dl { flex:1; padding:0 20px; border-left:1px solid #e5e5e5; } 
.privacy .policy-contact dl:first-child { border-left:0; } 
.privacy .policy-contact dt { font-weight:500; color:#333; margin-bottom:12px; } 
.privacy .indent { padding-left:var(--space-15); text-indent: -12px; margin-left: 12px; } 
.sub-title .board-search { position: absolute; top:0; left:0; } 

.table-style table { width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #242424; line-height:1.5em; } 
.table-style table th { padding: 16px; border:1px solid #ddd; border-top:0; font-size: var(--font-size-18); font-weight:500; background:#f8f8f8; color: var(--color-dark); line-height:1.444em; } 
.table-style table td { padding: 22px 18px; text-align:center; border:1px solid #ddd; border-top:0; color: #454545; line-height: 1.625em; } 
.table-style tr th:first-child,
.table-style tr td:first-child { border-left:0; } 
.table-style tr th:last-child,
.table-style tr td:last-child { border-right:0; } 
.table-style span { display:inline-block; } 
.table-style .normal { font-weight:400; } 
.table-style .link { color: #1200ff; text-decoration: underline; } 

.procedure .img:first-child { margin-bottom:30px; } 

.cnt .doc-tit { text-align:left; } 
.cnt .doc-tit p { padding-top:0; } 


.dropdown { max-width: 144px; width: 100%; position: absolute; top: 0; left: 0; } 
.dropdown .tit { border: 1px solid #ddd; line-height: 44px; max-width: 144px; width: 100%; padding-left: var(--space-16); display: block; background: #fff; position: relative; font-size: var(--font-size-15); letter-spacing: -0.04em; } 
.dropdown .tit:after { content: ''; width: 14px; height: 9px; top: 50%; right: var(--space-16); transform: translateY(-50%); position: absolute; background: url(/images/bbs/select.png) no-repeat center / contain; } 
.dropdown .tit.active:after { transform:rotate(180deg); } 
.dropdown .dropdown-open { display:none; max-width:144px; width:100%; position: absolute; } 
.dropdown .dropdown-open a { display:block; line-height:44px; border:1px solid #ddd; background:#fff; border-top:0; font-size:var(--font-size-15); padding-left:var(--space-16); letter-spacing:-0.04em; } 
.dropdown .dropdown-open.active { display:block; }