@charset "utf-8"; /* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap { width:100% !important; height:600px !important; } 
.root_daum_roughmap .wrap_map { height:600px !important; } 
.roughmap_lebel_text { line-height:0 !important; font-size:0 !important; } 
.roughmap_lebel_text:after { content:"주식회사 본글림"; font-size:12px; line-height:15px; } 

.doc-tit { position:relative; width: fit-content; margin: 0 auto var(--margin-50); font-weight:700; font-size: var(--font-size-40); letter-spacing: -0.02em; color: #242424; text-align:center; } 
.doc-tit::after { content: ""; position: absolute; top: -4px; right: -4px; width: 8px; height: 8px; background-color: rgba(237, 28, 36, 0.8); } 

.doc-cnt { padding:var(--padding-80) 0; } 
.doc-cnt:last-child { padding-bottom:0; } 
.doc-cnt.bg-grey { background-color: #f4f4f4; } 

.ml20 { margin-left:var( --margin-20-10); } 
.mb10 { margin-bottom:10px; } 
.mb60 { margin-bottom:var( --margin-60-30) !important; } 
.mr0 { margin-right:0 !important; } 

.pb0 { padding-bottom:0 !important; } 
.pb100 { padding-bottom:var(--padding-100-60) !important; } 

.txt-grey {color:#999 !important;}

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

/* company */
.sub-sec { position:relative; padding:var(--padding-120-80) 0; } 
.sub-sec .contain { max-width: 100%; height:100%; } 

/* .sub-sec.bg { height:calc(100vh - var(--header-height) ); width:100%; background-position: center; background-repeat: no-repeat; background-size: cover; } */
.sub-sec.bg { height:100vh; width:100%; background-position: center; background-repeat: no-repeat; background-size: cover; } 
.sub-sec.sec2.bg { background-image: url(/images/sub/bg-company-02.jpg); } 
.sub-sec.sec3.bg { background-image: url(/images/sub/bg-company-03.jpg); } 
.sub-sec.sec4.bg { background-image: url(/images/sub/bg-company-04.jpg); } 
.sub-sec.sec5.bg { background-image: url(/images/sub/bg-company-05.jpg); } 

.sub-sec.sec1 { padding-top:0; padding-bottom:var(--padding-100-60) } 
 .sec1 { position:relative; height:calc(100vh - var(--header-height) ); } 
/* .sec1 { position:relative; height:100vh; } */

.sec1::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1920px; background: url(/images/sub/bg-company-01.jpg) no-repeat center / cover; z-index: -1; height: 900px; } 

.sec1 .scroll { position:absolute; bottom:50px; left:50%; transform: translateX(-50%); height:15px; animation:1.5s scrollUpDown linear infinite; z-index:50; } 
@keyframes scrollUpDown { 0%,100% { transform:translateY(0); } 
50% { transform:translateY(10px); } 
 }

.sub-sec .txt-wrap.blk .tit { color: #000; } 
.sub-sec .txt-wrap.blk .desc { color: #454545; } 
.sub-sec .txt-wrap { position:relative; display: flex; flex-direction: column; justify-content: end; color: #fff; height: 100%; justify-content: normal; justify-content: flex-end; float: right; } 
.sub-sec .txt-wrap.block {float:none; display:block;}
.sub-sec .txt-wrap::after { content:''; display:block; clear:both; } 
.sub-sec:nth-child(even) .txt-wrap { float:left; } 
.sub-sec.sec5 .txt-wrap { float:left; } 
.sub-sec.sec4 .txt-wrap { justify-content: flex-start; } 
.sub-sec .txt-wrap .tit { margin-bottom:var(--margin-20-10); font-size: var(--font-size-50-30); line-height:initial; font-weight:400; } 
.sub-sec .txt-wrap .desc { font-size: var(--font-size-20-16); line-height:1.5em; } 
.sub-sec .txt-wrap .desc p { margin-bottom:var(--margin-20-10); } 
.sub-sec .txt-wrap .desc p:last-child { margin-bottom:0; } 
.sub-sec .txt-wrap .desc p strong { font-weight:600; } 

.sub-solution .contain { max-width: 1600px; } 
.sub-sec.sub-solution .txt-wrap { display:block; float:none; margin-bottom:var(--margin-40-20); } 
.solution-list { border-top:1px solid #000; padding-top:var( --padding-30-16); } 
.solution-list > ol { display:flex; justify-content: center; } 
.solution-list ol li { margin-right:var(--margin-200-20); } 
.solution-list ol li:last-child { margin-right:0; } 
.solution-list ol li h3 { font-size: var(--font-size-28-19); color: #000; line-height:1.214em; margin-bottom:var(--margin-30-10); } 
.solution-list ol li p { font-size: var(--font-size-20-16); line-height:1.75em; } 

.sub-partner { background-color: #f8f8f8; } 
.sub-partner .contain { max-width: 1600px; } 
.sub-sec.sub-partner .txt-wrap.block {position: relative;padding-top: 50px;}
 .sub-sec.sub-partner .txt-wrap .tit {position: absolute; top: 10px; z-index: 10; width: fit-content; height: 100%; margin-bottom: 0; padding-right:40px;line-height: 1em;} 
.sub-partner .txt-wrap .tit::before {content: ""; position: absolute;z-index: -1;width: 100%; height: 51px;background: #f8f8f8;}

/*.sub-partner .txt-wrap .tit::after {content: ""; position: absolute; width: 78%; height: 1px; bottom: 7px; background: #000; z-index: -1; right: 0;}  */

.partner-list {padding-top: var(--padding-60-30); border-top:1px solid #000;}
.partner-list ul { display:flex; flex-wrap: wrap; margin:-30px 0; } 
.partner-list ul li { width:20%; display:flex; justify-content: center; align-items: center; padding: 30px 0; } 

.sub-sec.sub-map { padding-bottom:0; } 
.sub-map .logo { margin-bottom:var(--margin-60-30); } 
.sub-map .btn-about { display:flex; justify-content: center; align-items: center; margin-bottom:var(--margin-100-60); } 
.sub-map .btn-about > a { display:block; } 
.sub-map .btn-about > a:first-child { margin-right:20px; } 

.guide-tit { display:flex; align-items: start; justify-content: space-between; margin-bottom:var(--margin-40-20); } 
.guide-tit h3 { font-size: var(--font-size-35-25); font-weight:700; color: #000; line-height:1em; } 
.guide-tit a { display:block; } 

.guide-intro ol { border-top:1px solid #000; } 
.guide-intro ol li { padding:var(--padding-60-30) var(--padding-30-16); border-bottom: 1px dashed #ddd; } 
.guide-intro ol li a { display:block; position:relative; } 
.guide-intro ol li a::after { content: ""; position: absolute; top:50%; right:0; width:21px; height:39px; background: url(/images/sub/arrow-guide.png) no-repeat center/contain; opacity:.7; transition: .3s; } 
.guide-intro ol li a:hover::after { opacity:1; } 
.guide-intro .tit { position:relative; font-weight:700; font-size: var(--font-size-42-22); color: #000000; line-height: 1em; padding-top: var(--padding-60-24); } 
.guide-intro .tit::before { content: "01"; position: absolute; top:0; left:0; font-weight:900; font-size: var(--font-size-120-60); color: rgba(0,0,0,0.05); line-height: 1em; display: inline-block; } 
.guide-intro ol li:nth-child(2) .tit::before { content: "02"; } 
.guide-intro ol li:nth-child(3) .tit::before { content: "03"; } 
.guide-intro .cnt { width:100%; max-width: 950px; color: #686868; line-height:1.875em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } 

/* review */
.review .inquiry-tit { margin-bottom: 0; } 
.review-list > p { font-size: var(--font-size-17-15); line-height:1.76em; padding:var(--padding-20-16) 0 var(--margin-40-20); text-align:center; } 
.review-list { margin-top:var(--padding-30-16); padding:35px 0 20px; border-bottom:1px solid #ddd; border-top:2px solid #000; } 
/* .review-list > ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--padding-60-30) var(--padding-30-16); }  */
.review-list > ul {     display: flex; flex-wrap: wrap;  margin: 0 -15px;} 

.review-list > ul li {width:25%; padding: 0 15px; margin-bottom: var(--margin-60-20); }
.review-list > ul li.none { width:100%; padding:var(--padding-70-30) 0; margin:0; color:#767676; } 
.review-list > ul li a { display:block; } 
.review-list > ul li .thumb { position:relative; padding-bottom:100%; overflow:hidden; } 
.review-list > 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; } 
.review-list > ul li .thumb:after { content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; } 
.review-list .txt-wrap { padding:var(--padding-30-16); border: 1px solid #ddd; border-top: 0;height: 240px; } 
.review-list > ul li .tit { font-weight:500; font-size:var(--font-size-18-15); line-height:1.22em; color: #242424; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} 
.review-list .cop { font-weight:500; color: #686868; margin-top:var(--padding-30-16); } 
.review-list .comment { display:flex; align-items: center; margin-top:var(--padding-40-20); } 
.review-list .comment .img { width:auto; margin-right:10px; } 
.review-list .comment .rating { flex: 1 1 auto; width:1%; min-width:0; height:36px; } 
.review-list .comment .rating p { font-size: var(--font-size-15-13); color: #000; line-height: 1em; margin-bottom: 3px; } 
.btn-pack.review { margin-top:var(--padding-60-30) !important; display:block; margin: 0; background: #000; color: #fff; border: 0; width: 120px; height: 45px; line-height:43px; border-radius: 6px; font-weight: 500; } 

.pop-review { display: block; } 
.pop-review .thumb { width: 100%; border-bottom: 1px solid #ddd; } 
.pop-review .cnt { min-width: 100%; width: 100%; } 

.flex-wrap {display:flex; }
.flex-wrap.a-i-center {align-items: center;}