@charset "utf-8";

/*공통*/

/*greeting*/
.greeting {position:relative; padding-bottom:200px; background:url("../images/sub/greeting_bg.jpg") no-repeat right bottom;}
.greeting:before {content:""; position:absolute; width:33%; height:465px; background:linear-gradient(135deg, #122780, #2da296); right:0; top:0;}
.greeting .contain {position:relative; z-index:1; padding-top:70px;}
.greeting .cnt {display:flex;}
.greeting .sign {text-align:right; font-size:20px; font-weight:700; line-height:1em; letter-spacing:-0.03em; color:#242424; margin-top:15px;}
.greeting .txt-wrap {flex: 1 1 auto; min-width: 0; width: 1%; padding-right:30px;}
.greeting .txt-wrap h3 {font-family:'NanumSquare',sans-serif; font-size:40px; font-weight:800; line-height:1.45em; letter-spacing:-0.03em; color:#242424; margin-bottom:25px;}
.greeting .txt-wrap .tit {font-family:'NanumSquare',sans-serif; font-size:28px; font-weight:700; line-height:1.7em; letter-spacing:-0.03em; color:#242424; margin-bottom:40px;}
.greeting .txt-wrap .txt {font-size:16px; font-weight:400; line-height:1.75em; letter-spacing:-0.03em; color:#454545; margin-bottom:28px;}
.greeting .txt-wrap .txt:last-child {margin-bottom:0;}

/*history*/
.history .tit-wrap {padding-bottom:72px; position:relative; z-index:1; display:inline-block; padding-right:66px; background:url("../images/sub/history_1.png") no-repeat right 18px;}
.history .tit-wrap .img {margin-bottom:18px;}
.history .tit-wrap p {font-family:'NanumSquare',sans-serif; font-size:18px; font-weight:700; line-height:1.7em;}

.history .part {display:flex; margin-bottom:72px;}
.history .part:last-child{margin-bottom:0;}
.history .part h3 {font-family:'Montserrat'; font-size:60px; font-weight:700; line-height:1em; letter-spacing:-0.03em; color:#242424; min-width:330px; border-right:2px solid #ddd;}
.history .part .cnt {padding:40px 0 40px 80px;} 
.history .group {margin-bottom:50px;}
.history .group:last-child{margin-bottom:0;}
.history .group .year {font-family:'NanumSquare',sans-serif; font-size:26px; font-weight:800; line-height:1em; letter-spacing:-0.03em; color:#242424; margin-bottom:20px;}
.history .group > ul {padding-top:17px; border-top:1px solid #ddd;}
.history .group > ul > li {position:relative; padding-left:20px; font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; margin-bottom:18px;}
.history .group > ul > li:before {content:""; position:absolute; width:5px; height:5px; background:#2da296; border-radius:100%; left:5px; top:7px;}
.history .group > ul > li:last-child {margin-bottom:0;}

/*org*/
.org .img {text-align:center;}

/*location*/
.map-explane {text-align:right; font-size:14px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#686868; margin-bottom:10px;}
.map-explane .org-txt {color:#ff8d1f;}
.location {display:flex; padding-top:40px; border-top:1px solid #ddd;}
.location .local {position:relative; width:100%; max-width:690px;}
.location .local-info {flex:1 0 auto; /* height:500px; */ padding-left:60px;}
.location .local-info li {margin-bottom:10px;}
.location .local-info li a {position:relative; display:flex; border:1px solid #e4e4e4; border-radius:10px; padding:20px 20px 20px 38px;}
.location .local-info li.active a:before {content:""; position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; border-radius:10px; border:2px solid #122780}
.location .local-info li:last-child {margin-bottom:0;}
.location .local-info li .icon {width:25px; height:38px; margin-top:7px; background-repeat:no-repeat; background-position:50% 50%; background-image:url("../images/sub/local_info2.gif");}
.location .local-info li.active .icon {background-image:url("../images/sub/local_info.gif");}
.location .local-info li .info-wrap {padding-left:29px;}
.location .local-info li .tit {font-size:20px; font-weight:700; color:#686868; margin-bottom:8px; line-height:1.2em;}
.location .local-info li.active .tit {color:#122780;} 
.location .local-info li .txt {font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; margin-bottom:10px;} 
.location .local-info li span {display:inline-block; position:relative; padding-left:20px; margin-right:25px; font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545;}
.location .local-info li span:before {content:""; position:absolute; left:0; top:2px; background-repeat:no-repeat; background-position:50% 50%; width:16px; height:16px;}
.location .local-info li .tel:before {background-image:url("../images/sub/tel_icon2.png")}
.location .local-info li.active .tel:before {background-image:url("../images/sub/tel_icon.png")}
.location .local-info li .fax:before {background-image:url("../images/sub/fax_icon2.png")}
.location .local-info li.active .fax:before {background-image:url("../images/sub/fax_icon.png")}
.location .local-info li span:last-child {margin-right:0;}
.location .root_daum_roughmap {width:100% !important; height:500px !important;}
.location .root_daum_roughmap .wrap_map {height:500px !important;}

.location .area {position:absolute; width:100%; left:0; top:0; z-index:0; opacity:0;}
.location .area.on {opacity:1; z-index:1;}

#local1 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
#local2 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
#local3 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
#local4 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}

#local1 .roughmap_lebel_text:after {content:"본사(HQ)"; font-size:12px; line-height:15px;}
#local2 .roughmap_lebel_text:after {content:"음성공장(제1공장)"; font-size:12px; line-height:15px;}
#local3 .roughmap_lebel_text:after {content:"음성공장(제2공장)"; font-size:12px; line-height:15px;}
#local4 .roughmap_lebel_text:after {content:"김포공장(R&D 연구센터)"; font-size:12px; line-height:15px;}


/*biz*/
.biz-wrap {background:url("../images/sub/biz_bg.gif") repeat-y center top;}
.biz .group {display:flex; margin-bottom:100px;}
.biz .group .cnt {position:relative; padding-top:120px; padding-left:70px; flex: 1 1 auto; min-width: 0; width: 1%;}
.biz .group .cnt h3 {padding-top:40px; position:relative; font-family:'NanumSquare',sans-serif; font-size:35px; font-weight:800; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-bottom:40px;}
.biz .group .cnt h3 span {display:inline-block; position:relative;}
.biz .group .cnt h3 span:before {content:""; position:absolute; width:100%; height:2px;  background:linear-gradient(45deg, #122780, #2da296); top:-40px; left:0;}
.biz .group .cnt:before {content:""; position:absolute; width:100%; height:1px; background:#ddd; top:120px; left:0;}
.biz .group .cnt > ul > li {position:relative; padding-left:30px; font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; margin-bottom:20px;}
.biz .group .cnt > ul > li:before {content:""; position:absolute; width:20px; height:20px; left:0; top:1px; background:url("../images/sub/check_icon.png") no-repeat 50% 50%;}
.biz .group .cnt li ul {margin-top:15px;}
.biz .group .cnt li li {font-size:15px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; padding-left:13px; position:relative; margin-bottom:13px;}
.biz .group .cnt li li:last-child {margin-bottom:0;}
.biz .group .cnt li li:before {content:""; position:absolute; width:4px; height:4px; background:#454545; border-radius:100%; left:0; top:8px;}
.biz .group .img img {filter: drop-shadow(15px 15px 10px rgba(0,0,0,0.3));}
.biz .group:last-child {margin-bottom:0;}
.biz .group:nth-child(odd) {flex-direction: row-reverse}
.biz-2 .group:nth-child(2) .cnt h3 {font-size:30px;}

/*rnd*/
.rnd .tit-wrap {position:relative; text-align:center; margin-bottom:55px; margin-top:-20px;}
.rnd .tit-wrap h3 {font-family:'Montserrat'; font-size:28px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; margin-bottom:20px;}
.rnd .tit-wrap p {font-family:'NanumSquare',sans-serif; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545;}
.rnd .cnt-wrap {padding-top:40px; border-top:2px solid #333;}
.rnd .cnt-wrap .group {display:flex; align-items: center; margin-bottom:40px;}
.rnd .cnt-wrap .group:last-child {margin-bottom:0;}
.rnd .cnt-wrap .group .cnt {flex: 1 1 auto; min-width: 0; width: 1%; padding-left:100px;}
.rnd .cnt-wrap .group:nth-child(even) {flex-direction: row-reverse}
.rnd .cnt-wrap .group:nth-child(even) .cnt {padding-left:80px;}
.rnd .cnt-wrap .group .cnt .tit {font-family:'NanumSquare',sans-serif; font-size:23px; font-weight:800; letter-spacing:-0.03em; color:#242424; margin-bottom:27px;}
.rnd .cnt-wrap .group .cnt ul li {position:relative; padding-left:14px; font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; margin-bottom:10px;}
.rnd .cnt-wrap .group .cnt ul li:before {content:""; position:absolute; width:5px; height:5px; border-radius:100%; background:#2da296; left:0; top:8px;}
.rnd .cnt-wrap .group .cnt ul li:last-child {margin-bottom:0;}

/*certi*/
.certi table {width:100%; text-align:center; border-collapse:collapse; border-top:2px solid #333;}
.certi table th {font-size:16px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#242424; padding:15px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.certi table th:last-child,
.certi table td:last-child {border-right:0;}
.certi table td {font-size:16px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#454545; padding:15px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.certi table td a {display:block; width:100%;}

/**/