@charset "utf-8";

.hypen-list > li {padding-left:.55em; text-indent:-.55em;}

.about {display:flex; color:#505050; font-size:18px; line-height:1.667em; letter-spacing:-.04em;}
.about .img {width:43%; max-width:510px; margin-right:60px;}
.about .img img {box-shadow:7px 10px 0 rgba(0,0,0,.2);}
.about .cnt {flex:1 1 auto; min-width:0; width:1%;}
.about h3 {display:inline-block; vertical-align:top; color:#2c2c2c; font-family:'Playfair Display', serif; font-size:50px; line-height:1.3em; letter-spacing:0; padding:16px 0; margin-bottom:20px; border-bottom:3px solid #dfdfdf;}
.about p {margin-top:16px;}

.contact-wrap {display:flex; color:#505050; line-height:1.625em;}
.contact-wrap .img {width:50%;}
.contact-wrap .cnt {width:50%; padding-left:60px;}
.contact-wrap .group {padding:16px 0; border-bottom:1px solid #dfdfdf;}
.contact-wrap .group:last-child {border-bottom:0; padding-bottom:0;}
.contact-wrap .tit {color:#2c2c2c; font-size:18px; line-height:1.625em; font-weight:500;}
.contact-wrap .txt {margin:5px 0 0 15px;}
.contact-wrap .txt ul li {padding-left:.6em; text-indent:-.6em;}

.root_daum_roughmap {width:100% !important;}

.location-info {display:flex; border:1px solid #dfdfdf; margin-top:30px;}
.location-info .box {width:33.33333333%; padding:36px 39px; border-left:1px solid #dfdfdf; background-position:100% 100%; background-repeat:no-repeat;}
.location-info .box:first-child {border-left:0;}
.location-info .box.bg1 {background-image:url("../images/sub/loc_icon1.gif");}
.location-info .box.bg2 {background-image:url("../images/sub/loc_icon2.gif");}
.location-info .box.bg3 {background-image:url("../images/sub/loc_icon3.gif");}
.location-info dt {line-height:1.3em; font-weight:500; margin-bottom:20px;}
.location-info dd {max-width:260px; font-family:'NanumSquare',sans-serif; color:#505050; font-size:20px; font-weight:700; line-height:1.525em; letter-spacing:-.04em;}
.location-info .num {font-size:28px; line-height:1.2em;}

.tech-tit {color:#2c2c2c; font-size:32px; line-height:1.375em; letter-spacing:-.04em; margin-top:-8px; margin-bottom:18px;}

.tech-sub-tit {color:#2c2c2c; font-size:18px; line-height:1.667em; letter-spacing:-.04em; margin-top:15px; margin-bottom:2px;}

.technology {color:#505050; font-weight:200; line-height:1.875em; margin-bottom:50px;}
.technology .group {display:flex; margin-bottom:120px;}
.technology .group:last-child {margin-bottom:0;}
.technology .group .img {width:50%; max-width:560px;}
.technology .group .cnt {flex:1 1 auto; min-width:0; width:1%; padding-left:60px;}
.technology .group:nth-child(even) .img {order:2;}
.technology .group:nth-child(even) .cnt {padding-left:0; padding-right:60px;}
.technology .arrow {text-align:center; margin:20px 0;}
.technology .img-tit {padding:12px; color:#fff; font-size:28px; font-weight:500; line-height:1.3em; letter-spacing:-.02em; text-align:center; background:#2c2c2c;}
.technology .dots {font-size:14px; line-height:1.571em; margin-top:5px; margin-left:.55em;}
.technology .dots > li {padding-left:.6em; text-indent:-.6em;}

.tech-compare {display:flex; position:relative; text-align:center; border:1px solid #dfdfdf; margin-bottom:120px; font-size:18px; line-height:1.667em; letter-spacing:-.04em;}
.tech-compare .col {width:50%; padding:45px;}
.tech-compare .arrow {position:absolute; top:50%; left:50%; margin:-25px 0 0 -17px;}
.tech-compare h4 {font-size:24px; line-height:1.5em; letter-spacing:-.04em;}
.tech-compare .img {margin:20px 0;}
.tech-compare ul {display:inline-block; text-align:left;}
.tech-compare ul li {padding-left:.6em; text-indent:-.6em;}
.tech-compare .gray {color:#676767;}

.tech-graph {font-size:18px; line-height:1.667em; letter-spacing:-.04em; margin-bottom:120px;}
.tech-graph .tech-tit {font-size:36px;}
.tech-graph .box {padding:49px; border:1px solid #dfdfdf;}
.tech-graph .box .inner {max-width:725px; margin:0 auto;}
.tech-graph .box .img {margin-bottom:24px;}
.tech-graph .box .txt {display:flex; margin:0 -15px;}
.tech-graph .box .txt ul {width:50%; padding:0 15px;}
.tech-graph .box .txt ul li {padding-left:.6em; text-indent:-.6em;}
.tech-graph .box .red {color:#e82626;}

.tech-app .tech-tit {font-size:36px; margin-bottom:20px;}
.tech-app ul {display:flex; flex-wrap:wrap; margin:-20px -10px;}
.tech-app ul li {width:25%; padding:20px 10px; text-align:center; line-height:1.5em;}
.tech-app ul li img {display:block; margin:0 auto 13px;}

.patent {text-align:center; color:#505050; font-size:18px; font-weight:200; line-height:1.778em; letter-spacing:-.04em;}
.patent .top-txt {color:#2c2c2c; font-family:'Playfair Display', serif; font-size:50px; font-weight:700; line-height:1.3em; letter-spacing:0; margin-bottom:20px;}
.patent .wrap {display:flex;}
.patent .col {width:33.33333333%;}
.patent .img {display:flex; align-items:center; justify-content:center; height:308px; margin-bottom:40px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.patent .col:first-child .img {border-left:1px solid #dfdfdf;}
.patent .col:last-child .img {border-right:1px solid #dfdfdf;}
.patent .bar {display:block; width:30px; height:4px; background:#1e1809; margin:0 auto 35px;}
.patent h3 {color:#2c2c2c; font-size:24px; line-height:1.5em; letter-spacing:-.04em; margin-bottom:18px;}
.patent .cnt {position:relative; padding:0 20px;}
.patent .cnt:before {content:""; position:absolute; top:0; left:0; width:1px; height:100px; background:#dfdfdf;}
.patent .col:first-child .cnt:before {display:none;}