@charset "utf-8";
/* 공통 */
.subtit { font-size: 30px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; color: #242424; position: relative; padding-left: 36px;}
.subtit::before { content: ""; position: absolute; left: 0; top: 5px; width: 25px; height: 25px; background-size: contain; background: url(../images/sub/bf.png) center no-repeat; }
.subpd { padding-left: 36px;}

/* about Us */
.about-sec1 { padding-bottom: 100px;}
.about-box { display: flex; align-items: center; margin-top: 20px;}
.about-left {width: 50%; padding-left: 36px;}
.about-left .tit { font-size: 30px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; color: #242424; }
.about-left .tit span { color: #0055a4;}
.about-left p { color: #454545; line-height: 1.5em; font-size: 18px; font-weight: 300; letter-spacing: -.03em; margin-top: 15px;}
.about-right {width: 50%; border-radius: 10px; overflow: hidden;}
.about-right img { width: 100%;}
.about-sec2 { padding-bottom: 150px;}
.about-list::after { content:""; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; height: 1px; width: 80%; background: #ddd;  z-index: -1;}
.about-list { margin-top: 40px; display: flex; justify-content: center; position: relative; gap: 100px;}
.about-list2 { margin-top: 20px;}
.about-list2::after { width: 150px;}
.about-list li .circle { display: flex; align-items: center; justify-content: center; width: 280px; height: 280px; border-radius: 100%; background: #f3f8fb; text-align: center; margin: auto;}
.about-list li .circle strong { display: block; font-size: 24px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; margin: 25px 0 10px;}
.about-list li .circle p { font-size: 18px; font-weight: 400; letter-spacing: -.03em; line-height: 1.5em; color: #b8b8b8;}
.about-sec3 { padding-bottom: 150px; position: relative;}
.about-sec3 .contain2 { display: flex;}
.about-sec3-left { width: 40%; border-radius: 10px; position: relative;}
.about-sec3::after { content: ""; position: absolute; height: 360px; width: 47%;top: 100px; background: #f3f6fa; border-radius: 0 0 60px 0; z-index: -1; left: 0;}   
.about-sec3-left img { border-radius: 10px;}
.about-sec3-right { width: 60%; padding-left: 160px;}
.about-sec3-right>h5 { font-size: 20px; font-weight: 500; letter-spacing: -.03em; line-height: 1.2em; color: #0055a4; margin-bottom: 12px;}
.about-sec3-right>h4 { font-size: 30px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; color: #333; margin-bottom: 45px;}
.about-sec3-right>h4 span { color: #0055a4;}
.about-sec3-right>p { margin-bottom: 33px; font-size: 18px; font-weight: 300; letter-spacing: -.03em; line-height: 1.5em; color: #454545;}
.about-sec3-right>strong { display: block; font-size: 20px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; color: #242424; margin-top: 40px;}
.about-sec4-list { display: flex; gap: 20px; margin-top: 30px;}
.about-sec4-list li { width: calc(100%/4); text-align: center;}
.about-sec4-list li .imgbox { border-radius: 10px; overflow: hidden; margin-bottom: 20px;}
.about-sec4-list li .imgbox img { width: 100%;}
.about-sec4-list li .tit { font-size: 20px; font-weight: 500; letter-spacing: -.03em; line-height: 1.2em; color: #000;}

/* capability */
.cap-sec1 { padding-bottom: 100px;}
.cap-sec1-list { display: flex; gap: 30px; margin-top: 25px;}
.cap-sec1-list li { width: calc(100%/4); text-align: center;} 
.cap-sec1-list li .imgbox { width: 100%; border-radius: 10px; overflow: hidden; position: relative;}
.cap-sec1-list li .imgbox img { width: 100%;}
.cap-sec1-list li .imgbox .tit { font-size: 30px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; color: #fff; position: absolute; left: 0; right: 0; margin: auto; bottom: 30px;}
.cap-sec1-list li .line { width: 1px; height: 30px; margin: 15px auto 8px; background: #ddd;}
.cap-sec1-list li .txt { font-size: 18px; font-weight: 300; line-height: 1.5em; letter-spacing: -.03em; color: #454545;}
.cap-txt { font-size: 18px; font-weight: 300; margin-top: 25px; line-height: 1.2em; letter-spacing: -.03em; color: #454545;}
.cap-txt span { font-weight: 600; color: #0055a4 !important;}
.cap-sec2-list { display: flex; gap: 75px; margin-top: 28px;}
.cap-sec2-list li { width: calc(100%/4); text-align: center;}
.cap-sec2-list li .imgbox { width: 100%; border-radius: 10px; position: relative; margin-bottom: 20px;}
.cap-sec2-list li .imgbox img { width: 100%; border-radius: 10px;}
.cap-sec2-list li .imgbox::after { content: ""; position: absolute; right: -57px; top: 0; bottom: 0; margin: auto; width: 40px; height: 8px; background-size: contain; background: url(../images/sub/sub1_2_right.png) center no-repeat; z-index: 1;}
.cap-sec2-list li .tit { font-size: 20px; font-weight: 500; line-height: 1.2em; letter-spacing: -.03em; color: #242424;}
.cap-sec2-list li:last-child .imgbox::after { display: none;}

/* customers */
.op-list { display: flex; flex-wrap: wrap; gap: 45px 30px;}
.op-list li { width: calc(100%/4 - 23px); text-align: center;}
.op-list li .thumb {display:block; position:relative; padding-bottom:36%; overflow:hidden; margin-bottom: 18px; border-radius: 10px;}
.op-list 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:contain;}
.op-list li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; border-radius: 10px;}
.op-list li .tit { font-size: 18px; font-weight: 300; letter-spacing: -.03em; line-height: 1.2em; color: #454545;}

/* contact US */
.ct-sec1 { padding-bottom: 100px;}
.ct-sec1 p { font-size: 18px; font-weight: 500; letter-spacing: -.03em; line-height: 1.6em; color: #454545; margin-top: 20px;}
.ct-sec1 p span { font-weight: 600; color: #0055a4;}
.ct-sec2 { padding-bottom: 100px;}
.ct-sec3 { padding-bottom: 140px;}
.ct-sec3-list { margin-top: 30px; display: flex;}
.ct-sec3-list li { text-align: center; width: calc(100%/5); position: relative;}
.ct-sec3-list li::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 1px; height: 60px; background: #ddd;}
.ct-sec3-list li:last-child::after { display: none;}
.ct-sec3-list li .tit { margin-top: 20px; font-size: 20px; font-weight: 600; line-height: 1.2em; letter-spacing: -.03em; color: #454545;}
.ct-sec3-list li .txt { margin-top: 10px; font-size: 16px; font-weight: 400; line-height: 1.4em; letter-spacing: -.03em; color: #b8b8b8;}
.ct-sec3-list li img { height: 70px;}
.ct-sec4 { padding-bottom: 80px;}
.ct-sec4-tit { font-size: 60px; font-weight: 700; line-height: 1em; letter-spacing: -.03em; text-align: right; color: #f1f1f1; font-family: 'Montserrat', sans-serif;}
.ct-sec4-box { display: flex; gap: 30px; margin-top: 25px;}
.ct-sec4-box>div { width: 100%;}
.root_daum_roughmap {width:100% !important;}
.directions {margin-top:20px;}
.directions .address-info {margin-bottom:20px;}
.directions .address-info .comp {color:#0055a4; font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#0055a4;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}