@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,900&display=swap&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&display=swap&subset=korean');

/*
body,table,input,textarea {font-size:16px;font-family: 'Noto Sans KR', sans-serif;color:#6c6d6f;letter-spacing:-0.7px;word-break:keep-all; word-wrap:break-word;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block }
body, select, input, a, button{line-height:1.2;}
a{outline:none;select-dummy:expression(this.hideFocus=true);}
div, pre, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
ul, ol, li { list-style:none; }
em,address{font-style:normal;}
table {border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;}
table th{word-wrap:break-word}
table td{word-wrap:break-word}
img, fieldset { border:none; }
img, object { vertical-align:top; }
caption {text-align:left;}
button,
input[type="submit"] { cursor:pointer;  box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;padding:0 10px;border:none; background:none; }
select {font-size:12px; vertical-align:middle;color:#666;}
input {font-size:12px; vertical-align:middle;color:#666;}
textarea {font-size:12px; color:#666;}
input[type="radio"]{vertical-align:middle;}
input,
button,
select,
textarea { font-family: 'Noto Sans KR', sans-serif;}

a:link{color:#666; text-decoration:none;}
a:active{color:#666; text-decoration:none;}
a:visited{color:#666; text-decoration:none;}
a:hover{color:#666; text-decoration:none;}
hr,caption, legend {width:0;height:0;font-size:0;line-height:0;overflow:hidden;  visibility:hidden;  text-indent:-9999px;}
*/

.hide{position:absolute;top:-9999px;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}

.pl0{padding-left:0px !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pb0{padding-bottom:0px !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.ml0{margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.mr05{margin-right:05px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mb0{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}

.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs25{font-size:25px;}
.fs30{font-size:30px;}
.fs35{font-size:35px;}
.fs40{font-size:40px;}

.W30{width:30px;}
.W40{width:40px;}
.W50{width:50px;}
.W60{width:60px;}
.W70{width:70px;}
.W80{width:80px;}
.W90{width:90px;}
.W100{width:100px;}
.W110{width:110px;}
.W120{width:120px;}
.W130{width:130px;}
.W140{width:140px;}
.W150{width:150px;}
.W160{width:160px;}
.W170{width:170px;}
.W180{width:180px;}
.W190{width:190px;}
.W200{width:200px;}
.W210{width:210px;}
.W220{width:220px;}
.W230{width:230px;}
.W240{width:240px;}
.W250{width:250px;}
.W260{width:260px;}
.W270{width:270px;}
.W280{width:280px;}
.W290{width:290px;}
.W300{width:300px;}

.clearfix:after { content:''; display:block; clear:both; }


/* 공통 */
p.main-common{font-size:48px;font-weight:bold;letter-spacing:-0.025em;color:#26282c;text-align:center;}
span.main-common{display:block;font-size:22px;font-weight:400;letter-spacing:-0.05em;line-height:28px;padding-top:20px;color:#6c6d6f;text-align:center;}
p.main-common.white{color:#fff;}
span.main-common.white{color:#fff;}

p.sub-common{font-size:30px;font-weight:bold;color:#37877a;text-align:center;line-height:1;position:relative;padding:20px 0;margin-bottom:80px;}
p.sub-common-2 {font-size:30px;;letter-spacing:-0.05em;color:#111;line-height:1;position:relative;padding:10px 0;}
p.sub-common:after{display:block;content:"";position:absolute;width:50px;height:2px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);bottom:0;background-color:#37877a;}
p.sub-info {font-size:25px;letter-spacing:-0.05em;color:#37877a;text-align:center;line-height:1.2;position:relative;padding:15px 0;width:72%;margin:0 auto;}
p.sub-info-2 {font-size:25px;letter-spacing:-0.05em;color:#222;line-height:1.2;position:relative;padding:5px 0;}
p.sub-txt {font-size:17px;letter-spacing:-0.05em;color:#777;line-height:1.7;position:relative;padding:15px 0;margin:0;}
p.sub-txt-2 {font-size:17px;letter-spacing:-0.05em;color:#444;line-height:1.7;position:relative;padding:5px 0;}
p.sub-txt-3 {font-size:13px;letter-spacing:-0.05em;color:#777;line-height:1.7;position:relative;padding-bottom:5px;font-weight:200;}
p.sub-txt b {color:#111;}





@media all and (max-width:992px){
	p.sub-info {width:100%;}
	p.sub-txt {width:100%;}
}

@media all and (max-width:640px){
	p.sub-common{font-size:28px;line-height: 1.5;padding: 20px 11px;word-break: keep-all;}
	p.sub-info {font-size:20px;}
	p.sub-txt {font-size:16px;}
}

.pb30{padding-bottom:30px !important;}
.pb60{padding-bottom:60px !important;}
.pb100{padding-bottom:100px !important;}
.pb130{padding-bottom:130px !important;}
.pb150{padding-bottom:150px !important;}
.pb200{padding-bottom:200px !important;}
.pt70{padding-top:70px !important;}
.grayWrap{background-color:#f8f8f8;padding:70px 0;margin-bottom:130px;text-align:center;}
.txtSlo{font-size:22px;color:#6c6d6f;text-align:Center;line-height:32px;margin-bottom:50px;}
.txtSlo > span{display:block;}
.br{display:block;}

/* color */
.black{color:#26282c !important;}
.cbtBlue{color:#2e7dd2 !important;}

.line{content:""; display:block; width:100%;height:1px; background:#fff; margin:30px 0;}

.wrap_sub {width:100%;max-width:1200px;margin:0 auto;display:block;height:auto;overflow:hidden;}
.w1500{width:100%;margin:0 auto;}
.w1340{width:95%;margin:0 auto;display:block;height:auto;overflow:hidden;}

@media all and (max-width:1100px){
	.pc_ver{display:none;}
	.mo_ver{display:block;}
}

@media all and (max-width:640px){
	p.main-common{font-size:32px;}
	span.main-common{font-size:18px;padding:20px 25px 0;}
}
.pc_ver{display:block;text-align:center;}
.mo_ver{display:none;text-align:center;}







/* 회사소개 */
.overview{}
.overview .con01{}
.overview .con01 .w1500{background:url("/images/0101_11.png")no-repeat center top;width:100%;height:500px;margin:0 auto;}
.overview .con01 .w1500 .w1340{}
.overview .con01 .w1500 .w1340 > p{font-size:36px;font-weight:bold;letter-spacing:-0.025em;color:#fff;text-align:center;padding-top:150px;line-height:1.3;}
.overview .con01 .w1500 .w1340 > span{display:block;font-size:20px;font-weight:400;letter-spacing:-0.05em;line-height:32px;color:#fff;text-align:center;padding-top:20px;}

.service .sentence {margin-bottom: 60px; line-height: 32px; text-align: center; font-size: 24px; color: #6c6d6f;}
.service .type {padding: 75px 0 90px; background: #f8f8f8;}
.service .type .sub-common {margin-bottom: 80px;}
.service .type .list > ul::after {content: ""; display: block; clear: both;}
.service .type .list > ul > li {float: left; width: 49%; margin-right: 1%; margin-bottom: 1%; background: #fff; border: 1px solid #d7d7d7; box-sizing: border-box;}
.service .type .list > ul > li:last-child {margin-right: 0;}
.service .type .list > ul > li .img {width: 40%; float:left;}
.service .type .list > ul > li .img img {width: 100%;}
.service .type .list > ul > li .text_2 {width: 60%; float:right; padding: 20px; box-sizing:border-box;}
.service .type .list > ul > li .text_2 dl dt {margin-bottom: 10px; font-size: 23px; font-weight: 500; color: #26282c; letter-spacing:-1px;}
.service .type .list > ul > li .text_2 dl dd {margin-bottom: 30px; line-height: 28px; font-size: 16px; color: #6c6d6f;}

.line_box_list ul {position: relative;}
.line_box_list ul li {position: relative; margin-bottom: 10px; padding-left: 15px;}
.line_box_list ul li::before {content: ""; position: absolute; top: 35%; left: 3px; width: 1px; height: calc(100% + 5px); background: #d7d7d7;}
.line_box_list ul li:last-child::before {display: none;}
.line_box_list ul li::after {content: ""; position: absolute; top: 6px; left: 0; width: 6px; height: 6px; background: #2e7dd2;}


.social .sentence {margin: 30px 0; line-height: 32px; text-align: center; font-size: 24px; color: #6c6d6f;}
.social .list {position: relative; padding-bottom: 130px;}
/*.social .list::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 400px; background: #f8f8f8; z-index: -1;}*/
.social .list ul::after {content: ""; display: block; clear: both;}
.social .list ul li {float: left; width: 32%; margin-right: 2%; margin-bottom:2%;}
.social .list ul li:nth-child(3), .social .list ul li:nth-child(6) {margin-right: 0;}
/*.social .list ul li:last-child {margin-right: 0;}*/
.social .list ul li .img {height: auto; overflow: hidden; border:1px solid #d7d7d7;}
.social .list ul li .img img {width: 100%;}
.social .list ul li .content {display: table; width: 100%; height: 120px; background: #fff; border: 1px solid #d7d7d7; border-top-width: 0; box-sizing: border-box;}
.social .list ul li .content dl {display: table-cell; vertical-align: middle; text-align: center; padding:0 30px;}
.social .list ul li .content dl dt {margin-bottom: 15px; font-size: 24px; font-weight: 500; color: #26282c;}
.social .list ul li .content dl dd {padding: 0 10px; line-height: 26px; font-size: 17px; font-weight: 300; color: #6c6d6f;}

.supply .sentence {margin-bottom: 30px; line-height: 32px; text-align: center; font-size: 24px; color: #6c6d6f;}
.supply .box {height: 350px; background: url("/images/0101_41.png")no-repeat center 0; border-radius:40px 40px 0 0;}
.supply .box p {padding-top: 120px; font-size: 46px; text-align: center; color: #fff;}
.supply .box p span {position: relative; font-family: "Roboto"; font-size: 60px;}
.supply .box p span::before {content: ""; position: absolute; top: -10px; left: 50%; transform: translate(-50%); width: 7px; height: 7px; background: #fff; border-radius: 50%;}

.supply .sub-common {margin: 40px 0;}
.supply .list ul::after {content: ""; display: block; clear: both;}
.supply .list ul li {display: table; float: left; width: 100%; margin-bottom: 20px; height: 155px; background: #f8f8f8; border: 1px solid #d7d7d7; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.supply .list ul li .num {display: table-cell; width: 160px; vertical-align: middle;}
.supply .list ul li .num p {width: 100px; height: 100px; margin: 0 auto; line-height: 100px; background: #9e8e5f; border-radius: 50%; text-align: center; font-family: "Montserrat"; font-size: 30px; font-weight: 500; color: #fff;}
.supply .list ul li dl {display: table-cell; vertical-align: middle; padding-right: 15px;line-height:1.3;}
.supply .list ul li dl dt {margin-bottom: 10px; font-size: 24px; font-weight: 500; color: #26282c;}
.supply .list ul li dl dd {font-size: 17px; font-weight: 300; color: #6c6d6f;}

.supply .circle_list {margin: -150px 0 50px; padding: 70px 0;}
.supply .circle_list > ul::after {content: ""; display: block; clear: both;}
.supply .circle_list > ul > li {float: left; width: 23.5%; margin-right: 2%;}
.supply .circle_list > ul > li:last-child {margin-right: 0;}
.supply .circle_list > ul > li .circle {position: relative; width: 200px; height: 200px; padding: .1px; margin: 0 auto 25px; background: #30a2c3; border-radius: 50%;}
.supply .circle_list > ul > li:nth-child(2) .circle {background: #417fc1;}
.supply .circle_list > ul > li:nth-child(3) .circle {background: #9e8e5f;}
.supply .circle_list > ul > li:nth-child(4) .circle {background: #5864ae;}
/*.supply .circle_list > ul > li .circle::after {content: url("/html/img/sub/icon_line.png"); position: absolute; top: 100%; left: 50%; transform: translateX(-50%);}*/
.supply .circle_list > ul > li .circle .img {position: relative; width: 80px; height: 80px; margin: 50px auto; border: 1px solid transparent;}
.supply .circle_list > ul > li .circle .img img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; margin: auto;}
.supply .circle_list > ul > li .circle dl {text-align: center; color: #fff;}
.supply .circle_list > ul > li .circle dl dt {margin-bottom: 5px; font-size: 22px; font-weight: 700;}
.supply .circle_list > ul > li .circle dl dd {font-size: 18px; font-weight: 300;}
.supply .circle_list > ul > li .detail_list {padding: 30px 20px; box-sizing: border-box; width: 100%; display:table-cell; background: #f8f8f8; border: 1px solid #d7d7d7; border-radius: 10px; box-sizing: border-box; text-align:center;}
.supply .circle_list > ul > li .detail_list ul li {position: relative; margin-bottom: 20px; padding-left: 25px; line-height: 22px; font-size: 17px; font-weight: 300; color: #6c6d6f;}
.supply .circle_list > ul > li .detail_list ul li::before {content: url("/html/img/sub/icon_check1.jpg"); position: absolute; top: 0; left: 0;}
.supply .circle_list > ul > li:nth-child(2) .detail_list ul li::before {content: url("/html/img/sub/icon_check2.jpg");}
.supply .circle_list > ul > li:nth-child(3) .detail_list ul li::before {content: url("/html/img/sub/icon_check3.jpg");}
.supply .circle_list > ul > li:nth-child(4) .detail_list ul li::before {content: url("/html/img/sub/icon_check4.jpg");}


@media all and (max-width:992px){
	.overview .con01 .w1500 .w1340 > p{padding-top:120px;font-size:30px;}
	.overview .con01 .w1500 .w1340 > span{font-size:18px;}

    .service .type .list > ul > li {float: left; width: 100%; margin-right: 0;}
    .service .type .list > ul > li .text_2 {height: auto;padding: 15px;}
	.service .feature .list ul li .text_2 {font-size: 17px;}
    .service .feature .list ul li .text_2 strong {font-size: 19px;}

    .service .type .list > ul > li .img {width: 100%; float:left;height:250px;overflow:hidden;}
    .service .type .list > ul > li .img img {width: 100%;}
    .service .type .list > ul > li .text_2 {width: 100%; float:left;}

	.social .list {padding-bottom: 30px;}
	.social .list ul li .content dl {padding:0 15px;}
    .social .list ul li .content dl dt {font-size: 20px;}
    .social .list ul li .content dl dd {font-size: 16px;}
    .social .list ul li .content dl dd br {display: none;}

    .supply .box p {font-size: 28px;}
    .supply .box p span {font-size: 48px;}
    .supply .list ul li {width: 100%; margin-right: 0; padding:20px 0; height:auto;}
	.supply .list ul li .num {width:80px;}
	.supply .list ul li .num p {width:60px;height: 60px;line-height: 60px;font-size:30px;}
	.supply .list ul li dl dt {font-size:20px;}

	.supply .circle_list {padding: 70px 0 20px;}
    .supply .circle_list > ul > li {width: 48%; margin-right: 4%; margin-bottom: 30px;}
    .supply .circle_list > ul > li:nth-child(even) {margin-right: 0;}
	.supply .circle_list > ul > li .circle {width: 150px; height: 150px; }
	.supply .circle_list > ul > li .circle .img {width: 50px; height: 50px; margin: 50px auto; }

}

@media all and (max-width:640px){
	.overview .con01 .w1500 .w1340 > p{font-size:25px;}
	.overview .con01 .w1500 .w1340 > span{font-size:16px;line-height:24px;}

    .social .sentence {font-size: 20px;}
	.social .list ul li {float: none; width: 100%; margin-right: 0;}

    .supply .sentence {font-size: 20px;}
}


/* 인사말 */
.greeting {margin-top: 75px;}
.greeting .start {position: relative; height: 350px; margin-top: 105px;}
.greeting .start:after {content: ""; display: block; clear: both;}
.greeting .start .box {height: 280px; background: url("/images/11_1.png")no-repeat center 0;}
.greeting .start .box .sentence {padding: 80px 50px 0 0; text-align: right; font-size: 30px; font-weight: 700; color: #fff;}
.greeting .start .box .sentence span {font-family: "Nanum Myeongjo"; font-weight: 800;}
.greeting .start .ceo {position: absolute; bottom:70px; left: 0; width: 100%; border-bottom: 1px solid #d7d7d7;}
.greeting .start .ceo .img {padding-left: 0;}
.greeting .start .ceo .text_2 {position: absolute; left: 40%; bottom: 10%; width: 300px;}
.greeting .start .ceo .text_2 p {padding-bottom: 10px; font-size: 18px; color: #6c6d6f;}
.greeting .start .ceo .text_2 strong {font-size: 24px; color: #26282c;}

.greeting .force_sentence {position: relative; padding: 0 140px 50px; line-height: 40px; letter-spacing: -1.2px; font-size: 24px; font-weight: 700; color: #26282c;text-align:center;}
.greeting .force_sentence::before {content: url("/images/11_2.png"); position: absolute; top: 0; left: 80px;}
.greeting .force_sentence::after {content: url("/images/11_3.png"); position: absolute; top: 0; right: 80px;}

.greeting .desc {padding: 0 0 20px;height:auto;overflow:hidden;display:block;}
/*.greeting .desc {padding: 0 110px 0 140px;}*/
.greeting .desc > p {padding-bottom: 40px; line-height: 24px; font-size: 17px; font-weight: 300; color: #6c6d6f;}
.greeting .desc .finish {text-align: right; line-height: 32px; color: #6c6d6f;}
.greeting .desc .finish .sentence1 {font-size: 22px;font-family: "Nanum Myeongjo";font-weight:800;color:#be8644;padding:10px 0;}
.greeting .desc .finish .rank {font-size: 18px; font-weight: 300;}
.greeting .desc .finish .name {font-size: 30px; font-weight: 500; color: #26282c;}
.greeting .desc ul {padding: 0;}
.greeting .desc ul li {float:left;width:50%;height:auto;}


.greeting .desc-2 {padding: 0 0 20px;height:auto;overflow:hidden;display:block;}
.greeting .desc-2 .finish {text-align: right; line-height: 32px; color: #6c6d6f;}
.greeting .desc-2 .finish .sentence1 {font-size: 22px;font-family: "Nanum Myeongjo";font-weight:800;color:#be8644;padding:10px 0;}
.greeting .desc-2 .finish .rank {font-size: 18px; font-weight: 300;}
.greeting .desc-2 .finish .name {font-size: 30px; font-weight: 500; color: #26282c;}
.greeting .desc-2 ul {padding: 0;}
.greeting .desc-2 ul li {float:left;width:50%;height:auto;}



.con11_left {float:left;width:54%;height:auto;overflow:hidden;}
.con11_left img {width:100%;}
.con11_right {float:right;width:44%;height:auto;overflow:hidden;}



@media all and (max-width:1160px){
	.greeting .start  {height: 350px; margin-top: 30px;}
	.greeting .start .ceo {bottom: 70px;}
    .greeting .start .ceo .img img {width: 50%;vertical-align:bottom;}
}

@media all and (max-width:960px){
    .greeting .start .box .sentence {}
	.greeting .force_sentence {padding: 0 0 40px 0; font-size: 22px;}
	.greeting .force_sentence::before {content:"";}
	.greeting .force_sentence::after {content:"";}

	.greeting .desc {padding: 0;}
	.greeting .desc > p {line-height: 28px; font-size: 16px;}

	.con11_left, .con11_right {float:none;width:100%;}

}
@media all and (max-width:640px){
    .greeting .start .box {height: 260px;}
    .greeting .start .box .sentence {padding: 50px 10px;font-size: 28px;}

	.greeting .start .ceo {bottom: 90px;}
}








/* 연혁 */
.hisCon { width: 100%; }
.hisCon .menu { border:1px solid #d7d7d7; width: 100%; height: 90px; box-sizing:border-box; position: relative; transition:position .3s; -webkit-transition:position .3s; box-sizing: border-box;  }
.hisCon .menu.scroll { position: fixed; top: 100px; left: 50%; width: 1340px; transform: translateX(-50%); z-index:555; background: #fff; border-top-width: 0; }
.hisCon .menu li { float: left; width:33.333%; text-align: center; line-height:80px; font-family: 'Roboto', 'Noto Sans KR'; font-size:24px; color: #6c6d6f; cursor:pointer; }
.hisCon .menu li.on { position: relative; background: #3383d8;}
.hisCon .menu li.on a {font-weight: 700; color: #fff;}
/* .hisCon .menu li:before { content: ""; display: none; width: 100%; height:3px; background: #5fbc4e; position: absolute; bottom: 0; left: 0; } */
.hisCon .menu li.on:before { display: block; }
.hisCon .menu li a { display: block;  width: 100%; height:100%; line-height:90px;  }
.hisCon article { margin:20px 0; overflow: hidden; position: relative; }
.hisCon article > div {position: relative;padding-top: 0;}
.hisCon article > div > span { color: #000; opacity:0.05;font-size:240px; line-height:120%; font-family: "Montserrat"; font-weight: 700; text-align: center; display: block; width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);  z-index:-1; }
.hisCon article > div:first-child > span { top:80px; }
.hisCon article:before { content: ""; display: block; width: 1px; height: calc(100% - 75px); background: #e3e3e3; position: absolute; bottom: 0; left: 50%; }
.hisCon article:after { content: ""; display: block; width:12px; height:12px; background: #e3e3e3; border-radius:50%; position: absolute; top: 75px; left: 50%; margin-left: -6px; }
.hisCon article div {  }
.hisCon article ul {/* margin-top: 80px; */overflow: hidden;}
.hisCon article li {overflow: hidden;margin-top: 70px;}
.hisCon article li div { float: left; margin-left: 168px; }
.hisCon article li dl { float: right; width:calc(50% + 11px); }
.hisCon article li dt { color: #1e1e1e; font-family: "Roboto"; font-size:44px; font-weight: 700; line-height:44px; letter-spacing: -.5px; padding-left:110px; overflow: hidden; position: relative;}
.hisCon article li dt:before { content: ""; display: block; width:24px; height:24px; border-radius:50%; border:5px solid #3383d8; box-sizing:border-box; background: #fff; position: absolute; top: 5px; left: 0; z-index:55;  }
.hisCon article li dt:after { content: ""; display: block; width:80px; height:1px; background: #e3e3e3; position: absolute; top: 17px; left: 0; }
.hisCon article li dt + dd { margin-top:40px; }
.hisCon article li dd {position: relative; padding-left: 150px;  text-align: left; overflow: hidden; }
.hisCon article li dd i {position: absolute; top: 0; left: 110px; font-style:normal; font-family: "Roboto"; font-size: 20px; color: #939495;}
.hisCon article li dd p {padding-bottom: 20px;  color: #6c6d6f; font-size:17px; font-weight: 300;}

.hisCon article li:nth-child(even) dl,.hisCon article li.right dl {float: left;}
.hisCon article li:nth-child(even) dt,.hisCon article li.right dt {padding-left: 0; padding-right: 110px; text-align: right;}
.hisCon article li:nth-child(even) dt:before,.hisCon article li.right dt::before {left: inherit; right: 0;}
.hisCon article li:nth-child(even) dt:after,.hisCon article li.right dt::after {left: inherit; right: 0;}
.hisCon article li:nth-child(even) dd,.hisCon article li.right dd {padding-left: 0; padding-right: 150px; text-align: right;}
.hisCon article li:nth-child(even) dd i,.hisCon article li.right dd i {left: inherit; right: 110px;}

.hisCon article > div.leftstart li dl{float: left;}
.hisCon article > div.leftstart li dt{padding-left: 0; padding-right: 110px; text-align: right;}
.hisCon article > div.leftstart li dt:before{left: inherit; right: 0;}
.hisCon article > div.leftstart li dt:after{left: inherit; right: 0;}
.hisCon article > div.leftstart li dd{padding-left: 0; padding-right: 150px; text-align: right;}
.hisCon article > div.leftstart li dd i {position: absolute; top: 0; left: 110px; font-style:normal; font-family: "Roboto"; font-size: 20px; color: #939495;left: inherit; right: 110px;}
.hisCon article > div.leftstart li dd p {padding-bottom: 20px;  color: #6c6d6f; font-size:17px; font-weight: 300;}


.hisCon article > div.leftstart li:nth-child(even) dl{ float: right; width:calc(50% + 11px); }
.hisCon article > div.leftstart li:nth-child(even) dt{padding-left:110px; padding-right: 0; text-align: left;}
.hisCon article > div.leftstart li:nth-child(even) dt:before{left:0 ; right: inherit;}
.hisCon article > div.leftstart li:nth-child(even) dt:after{left: 0; right: inherit;}
.hisCon article > div.leftstart li:nth-child(even) dd{text-align: left; overflow: hidden;padding-left: 150px;}
.hisCon article > div.leftstart li:nth-child(even) dd i {top: 0; left: 110px; right:inherit;}


@media all and (max-width:960px){
    .hisCon .menu.scroll {width: 100%;}
	.hisCon .menu li{font-size:20px;}

    .hisCon article { margin:0;  }
	.hisCon article > div > span {font-size: 140px;}
    .hisCon article:before, .hisCon article:after {left: 30px;}
    .hisCon article li {margin-left: 18px; margin-top:50px;}
    .hisCon article li dl {width: 100%;}
    .hisCon article li dt {padding-left: 60px;font-size:34px;}
    .hisCon article li dt:after {width: 50px;}
    .hisCon article li dd {padding-left: 95px;}
    .hisCon article li dd i {left: 60px;}
	.hisCon article li dt + dd { margin-top:10px; }

    .hisCon article li:nth-child(even) dl,.hisCon article li.right dl {float: right;}
    .hisCon article li:nth-child(even) dt,.hisCon article li.right dt {padding-left: 60px; padding-right: 0; text-align: left;}
    .hisCon article li:nth-child(even) dt:before,.hisCon article li.right dt::before {left: 0; right: inherit;}
    .hisCon article li:nth-child(even) dt:after,.hisCon article li.right dt::after {left: 0; right: inherit;}
    .hisCon article li:nth-child(even) dd,.hisCon article li.right dd {padding-left: 95px; padding-right: 0; text-align: left;}
    .hisCon article li:nth-child(even) dd i,.hisCon article li.right dd i {left: 60px; right: inherit;}

	.hisCon article > div.leftstart li dl{float: left;}
	.hisCon article > div.leftstart li dt{padding-left: 60px; padding-right: 0; text-align: left;}
	.hisCon article > div.leftstart li dt:before{left: 0;}
	.hisCon article > div.leftstart li dt:after{left: 0;}
	.hisCon article > div.leftstart li dd{padding-left: 95px; padding-right: 0; text-align: left;}
	.hisCon article > div.leftstart li dd i {left: 60px;}
	.hisCon article > div.leftstart li dd p {padding-bottom: 20px;  color: #6c6d6f; font-size:17px; font-weight: 300;}


	.hisCon article > div.leftstart li:nth-child(even) dl{ float: right;width:100%}
	.hisCon article > div.leftstart li:nth-child(even) dt{padding-left:60px; padding-right: 0; text-align: left;}
	.hisCon article > div.leftstart li:nth-child(even) dt:before{left:0 ; right: inherit;}
	.hisCon article > div.leftstart li:nth-child(even) dt:after{left: 0; right: inherit;}
	.hisCon article > div.leftstart li:nth-child(even) dd{text-align: left; overflow: hidden;padding-left: 95px;}
	.hisCon article > div.leftstart li:nth-child(even) dd i {top: 0; left: 60px; right:inherit;}
}




/* 연구소 */
.social_2 .sentence {margin: 30px 0; line-height: 32px; text-align: center; font-size: 24px; color: #6c6d6f;}
.social_2 .list {position: relative; padding-bottom: 50px;}
/*.social .list::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 400px; background: #f8f8f8; z-index: -1;}*/
.social_2 .list ul::after {content: ""; display: block; clear: both;}
.social_2 .list ul li {float: left; width: 32%; margin-right: 2%; margin-bottom:2%;}
.social_2 .list ul li:nth-child(3), .social_2 .list ul li:nth-child(6) {margin-right: 0;}
/*.social .list ul li:last-child {margin-right: 0;}*/
.social_2 .list ul li .img {height: auto; overflow: hidden; border:1px solid #d7d7d7;}
.social_2 .list ul li .img img {width: 100%;}
.social_2 .list ul li .content {width: 100%; height: 220px; padding:20px 0; background: #fff; border: 1px solid #d7d7d7; border-top-width: 0; box-sizing: border-box;vertical-align:top;}
.social_2 .list ul li .content dl {vertical-align: middle; text-align: center; padding:0 15px;}
.social_2 .list ul li .content dl dt {margin-bottom: 15px; font-size: 24px; font-weight: 500; color: #26282c;}
.social_2 .list ul li .content dl dd {padding: 0; line-height: 26px; font-size: 17px; font-weight: 300; color: #6c6d6f; letter-spacing:-1px;}

.social_2 .numLst { margin-top:20px; text-align:left; }
.social_2 .numLst li { border-bottom:1px dashed #bababa; overflow:hidden; }

.social_2 .numLst div { float:left; position:relative; width:100%; padding:55px 0 45px 125px; box-sizing:border-box; }
.social_2 .numLst .num { position:absolute; left:25px; top:46px; display:block; width:76px; line-height:76px; font-size:36px; font-weight:700; color:#fff; font-family: 'Roboto', sans-serif; text-align:center; background:#a8acb2; border-radius:50%; }
.social_2 .numLst h4 { margin-bottom:5px; font-size:22px; line-height:1.3em; color:#517aac;}
.social_2 .numLst p { font-size:17px; font-weight:300; line-height:1.6em; color:#6c6d6f; }
.social_2 .numLst p.dot { position:relative; padding-left:10px; }
.social_2 .numLst p.dot:before { content:"\00B7"; position:absolute; left:0; top:0; }

.social_2 table {width:100%; border-collapse:collapse; margin:20px 0;background:#fff;}
.social_2 th {border-top:solid 2px #517aac;border-bottom:solid 1px #517aac; font-size:16px; padding:10px 20px; color:#333;}
.social_2 td {padding:10px 20px; font-size:16px;}



@media all and (max-width:992px){
	.social_2 .list {padding-bottom: 30px;}
	.social_2 .list ul li {float: left; width: 49%; margin-right: 2%; margin-bottom:2%;}

	.social_2 .list ul li:nth-child(3) {margin-right: 2%;}
	.social_2 .list ul li:nth-child(2), .social_2 .list ul li:nth-child(4), .social_2 .list ul li:nth-child(6), .social_2 .list ul li:nth-child(8) {margin-right: 0;}
	.social_2 .list ul li .content {height: 190px;}
	.social_2 .list ul li .content dl {padding:0 10px;}
    .social_2 .list ul li .content dl dt {font-size: 20px;}
    .social_2 .list ul li .content dl dd {font-size: 17px; line-height: 20px;}

	.social_2 .numLst div { padding:20px 0;}
	.social_2 .numLst div:first-child { border-bottom:1px dashed #bababa; }
	.social_2 .numLst div:last-child { border-bottom:none; }
	.social_2 .numLst .num { display:none; }

	.social_2 table {margin:10px 0;}
	.social_2 th {padding:5px 10px;}
	.social_2 td {padding:5px 10px;}

}

@media all and (max-width:640px){
    .social_2 .sentence {font-size: 20px;}
	.social_2 .list ul li {float: none; width: 100%; margin-right: 0;}
	.social_2 .list ul li .content {height: auto; padding:20px 0; }

    .social_2 .list ul li .content dl dd {font-size: 15px;}
}









/* 보유기술 */
.social_3 .sentence {margin: 30px 0; line-height: 32px; text-align: center; font-size: 24px; color: #6c6d6f;}


.social_3 .numLst { margin-top:20px; text-align:left; }
.social_3 .numLst li { border-bottom:0 dashed #bababa; overflow:hidden; }

.social_3 .numLst div { float:left; position:relative; width:100%; padding:35px 0; box-sizing:border-box; }
.social_3 .numLst .num { position:absolute; left:25px; top:46px; display:block; width:76px; line-height:76px; font-size:36px; font-weight:700; color:#fff; font-family: 'Roboto', sans-serif; text-align:center; background:#a8acb2; border-radius:50%; }
.social_3 .numLst h4 { margin-bottom:5px; font-size:22px; line-height:1.3em; color:#517aac;}
.social_3 .numLst p { font-size:17px; font-weight:300; line-height:1.6em; color:#6c6d6f; }
.social_3 .numLst p.dot { position:relative; padding-left:10px; }
.social_3 .numLst p.dot:before { content:"\00B7"; position:absolute; left:0; top:0; }

.social_3 table {width:100%; border-collapse:collapse; margin:20px 0;background:#fff;}
.social_3 th {border-top:solid 2px #517aac;border-bottom:solid 1px #517aac; font-size:16px; padding:10px 20px; color:#333;}
.social_3 td {padding:10px 20px; font-size:16px;}


@media all and (max-width:992px){
	.social_3 .list {padding-bottom: 30px;}


	.social_3 .numLst div { padding:20px 0;}
	.social_3 .numLst div:first-child { border-bottom:1px dashed #bababa; }
	.social_3 .numLst div:last-child { border-bottom:none; }
	.social_3 .numLst .num { display:none; }

	.social_3 table {margin:10px 0;}
	.social_3 th {padding:5px 10px;}
	.social_3 td {padding:5px 10px;}

}

@media all and (max-width:640px){
    .social_3 .sentence {font-size: 20px;}
	.social_3 .list ul li {float: none; width: 100%; margin-right: 0;}
	.social_3 .list ul li .content {height: auto; padding:20px 0; }

    .social_3 .list ul li .content dl dd {font-size: 15px;}
}




/* contact */
.contact .map {width: 100%; height: 550px;}
.contact .sub-common {margin: 30px 0;}
.contact .info_list {padding-bottom: 85px;}
.contact .info_list ul::after {content: ""; display: block; clear: both;}
.contact .info_list ul li {float: left; position: relative; width: 24%; height: 260px; margin-right: 1%; margin-bottom: 1%;background: #f8f8f8; border: 1px solid #d7d7d7; box-sizing: border-box;}
.contact .info_list ul li:last-child {margin-right: 0;}
.contact .info_list ul li .img {position: absolute; top: -50px; left: 50%; transform: translateX(-50%);}
.contact .info_list ul li dl {padding: 80px 10px 0 10px; text-align: center;}
.contact .info_list ul li dl dt {margin-bottom: 20px; font-size: 20px; font-weight: 700; color: #26282c;}
.contact .info_list ul li dl dd {line-height: 32px; font-size: 17px;padding:0;margin:0; color: #6c6d6f;}


.contact .s_title {margin-bottom: 25px; font-size: 20px; font-weight: 700; color: #26282c;}
.contact .traffic > ul > li {padding: 40px 50px; background: #f8f8f8; border-top: 1px solid #d7d7d7;}
.contact .traffic > ul > li::after {content: ""; display: block; clear: both;}
.contact .traffic > ul > li:last-child {border-bottom: 1px solid #d7d7d7;}
.contact .traffic > ul > li > .img {float: left; width: 15%;}
.contact .traffic > ul > li .vehicle {float: left; width:  85%;}
.contact .traffic > ul > li .vehicle dl dt {margin-bottom: 25px; font-size: 22px; font-weight: 700; color: #26282c;}
.contact .traffic > ul > li .vehicle dl dd .box {float: left; width: 40%;}
.contact .traffic > ul > li .vehicle dl dd ul li {margin-bottom: 10px; font-size: 18px;  font-weight: 300; color: #6c6d6f;}
.contact .traffic > ul > li .vehicle dl dd ul li div {position: relative; display: inline-block; width: 100px; font-family: "Roboto"; font-size: 20px; font-weight: 700; color: #26282c;}
.contact .traffic > ul > li .vehicle dl dd ul li div .num {display: inline-block; width: 26px; height: 26px; line-height: 22px; background: #ffe400; border: 2px solid #000; border-radius: 50%; text-align: center; font-size: 16px; color: #26282c; box-sizing: border-box;}
.contact .traffic > ul > li .vehicle dl dd ul li div .circle {display: inline-block; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; text-align: center; font-family: "Roboto"; font-size: 18px; font-weight: 700; color: #fff;}
.contact .traffic > ul > li .vehicle dl dd ul li div .blue {background: #395ac3;}
.contact .traffic > ul > li .vehicle dl dd ul li div .green {background: #55b725;}
.contact .traffic > ul > li .vehicle dl dd ul li div .yellow {background: #ffb400;}
.contact .traffic > ul > li .vehicle dl dd ul li div .red {font-family: "Noto Sans KR"; background: #e23737; font-size: 13px;}
.contact .traffic > ul > li .vehicle dl dd ul li div i {position: absolute; bottom: -10px; right: 10px; font-style: normal; font-size: 12px;}

@media all and (max-width:992px){
	.contact .info_list ul li {width: 49%;}
	.contact .info_list ul li dl {padding: 90px 10px 0 10px;}
}

@media all and (max-width:640px){
	.contact .info_list ul li {width: 100%;margin-right:0;}
}




/* R&D */
.social_4 .sentence {margin: 30px 0; line-height: 32px; text-align: center; font-size: 24px; color: #6c6d6f;}
.social_4 .list {position: relative; padding-bottom: 30px;height:auto; overflow:hidden;}
/*.social_4 .list::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 400px; background: #f8f8f8; z-index: -1;}*/
.social_4 .list ul::after {content: ""; display: block; clear: both;}
.social_4 .list ul li {float: left; width: 32%; margin-right: 2%; margin-bottom:2%;}
.social_4 .list ul li:nth-child(3), .social_4 .list ul li:nth-child(6) {margin-right: 0;}
/*.social_4 .list ul li:last-child {margin-right: 0;}*/
.social_4 .list ul li .img {height: auto; overflow: hidden; border:1px solid #d7d7d7;}
.social_4 .list ul li .img img {width: 100%;}
.social_4 .list ul li .content {display: table; width: 100%; height: 120px; background: #fff; border: 1px solid #d7d7d7; border-top-width: 0; box-sizing: border-box;}
.social_4 .list ul li .content dl {display: table-cell; vertical-align: middle; text-align: center; padding:0 30px;}
.social_4 .list ul li .content dl dt {margin-bottom: 15px; font-size: 22px; font-weight: 500; color: #26282c;}
.social_4 .list ul li .content dl dd {padding: 0 10px; line-height: 26px; font-size: 17px; font-weight: 300; color: #6c6d6f;}

.social_4 .list > ol {display:block;width:100%;height:auto;padding:0;margin:0;}
.social_4 .list > ol > li {float: left; width: 31%; margin-left: 1%; margin-right: 1%; margin-bottom:2%; padding:0; background:none; }
.social_4 .list > ol > li.content {display: table; width: 100%; height: 120px; background: #fff; border: 1px solid #d7d7d7; border-top-width: 0; box-sizing: border-box;}
.social_4 .list > ol > li .content dl {display: block; vertical-align: middle;  padding:30px; border: 1px solid #d7d7d7; background:#fff;}
.social_4 .list > ol > li .content dl dt {margin-bottom: 15px; font-size: 22px; font-weight: 800; color: #d2a625;text-align: center; }
.social_4 .list > ol > li .content dl dd {padding: 0; line-height: 26px; font-size: 17px; font-weight: 300; color: #6c6d6f;text-align: center;margin:0; letter-spacing:-1px;}


.social_4 .numLst { margin-top:20px; text-align:left; }
.social_4 .numLst li { border-bottom:1px dashed #bababa; overflow:hidden; }

.social_4 .numLst div {float: left;position: relative;width: 100%;padding: 26px 0 21px 113px;box-sizing: border-box;}
.social_4 .numLst .num {position: absolute;left: 25px;top: 21px;display: block;width: 60px;line-height: 60px;font-size: 27px;font-weight: 700;color: #fff;font-family: 'Roboto', sans-serif;text-align: center;background: #37877a;border-radius: 50%;}
.social_4 .numLst h4 { margin-bottom:5px; font-size:22px; line-height:1.3em; color:#b56f1c;}
.social_4 .numLst p { font-size:17px; font-weight:300; line-height:1.6em; color:#6c6d6f; }
.social_4 .numLst p.dot { position:relative; padding-left:10px; }
.social_4 .numLst p.dot:before { content:"\00B7"; position:absolute; left:0; top:0; }

.social_4 table {width:100%; border-collapse:collapse; margin:20px 0;background:#fff;border-top:solid 2px #517aac;}
.social_4 th {border-bottom:solid 1px #517aac; font-size:16px; padding:10px 20px; color:#333;text-align:center;}
.social_4 td {border-bottom:solid 1px #ddd;padding:10px 20px; font-size:16px;text-align:center;}

.social_4 .vLst { padding:45px 3.73%; font-size:18px; font-weight:300; color:#6c6d6f; line-height:1.9em; text-align:left; border:1px solid #d7d7d7; background:#f9f9f9; margin-bottom:20px;}
.social_4 .vLst h4 { margin-bottom:5px; font-size:22px; line-height:1.3em; color:#b56f1c;}

.social_4 .vLst li { padding-left:35px; background:url(/images/21_ico.png) left 7px no-repeat; }

.social_4 .circle_list {margin: 50px 0; padding: 0;}
.social_4 .circle_list > ul::after {content: ""; display: block; clear: both;}
.social_4 .circle_list > ul > li {float: left; width: 23.5%; margin-right: 2%;}
.social_4 .circle_list > ul > li:last-child {margin-right: 0;}
.social_4 .circle_list > ul > li .circle {position: relative; width: 200px; height: 200px; padding: .1px; margin: 0 auto 25px; background: #9e8e5f; border-radius: 50%;}
.social_4 .circle_list > ul > li:nth-child(2) .circle {background: #999;}
.social_4 .circle_list > ul > li:nth-child(3) .circle {background: #e9ba66;}
.social_4 .circle_list > ul > li:nth-child(4) .circle {background: #777;}
/*.supply .circle_list > ul > li .circle::after {content: url("/html/img/sub/icon_line.png"); position: absolute; top: 100%; left: 50%; transform: translateX(-50%);}*/
.social_4 .circle_list > ul > li .circle .img {position: relative; width: 80px; height: 80px; margin: 50px auto; border: 1px solid transparent;}
.social_4 .circle_list > ul > li .circle .img img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; margin: auto;}
.social_4 .circle_list > ul > li .circle dl {text-align: center; color: #fff;}
.social_4 .circle_list > ul > li .circle dl dt {margin-bottom: 5px; font-size: 22px; font-weight: 700;}
.social_4 .circle_list > ul > li .circle dl dd {font-size: 18px; font-weight: 300;}
.social_4 .circle_list > ul > li .detail_list {width: 100%;text-align:center;font-size:20px;}
.social_4 .circle_list > ul > li .detail_list ul li {position: relative; margin-bottom: 20px; padding-left: 25px; line-height: 22px; font-size: 17px; font-weight: 300; color: #6c6d6f;}
.social_4 .circle_list > ul > li .detail_list ul li::before {content: url("/html/img/sub/icon_check1.jpg"); position: absolute; top: 0; left: 0;}
.social_4 .circle_list > ul > li:nth-child(2) .detail_list ul li::before {content: url("/html/img/sub/icon_check2.jpg");}
.social_4 .circle_list > ul > li:nth-child(3) .detail_list ul li::before {content: url("/html/img/sub/icon_check3.jpg");}
.social_4 .circle_list > ul > li:nth-child(4) .detail_list ul li::before {content: url("/html/img/sub/icon_check4.jpg");}


.social_4.sub0101 .numLst div{width:100%;float:left}
.social_4.sub0101 .numLst li {border-bottom: 1px dashed #bababa;overflow: hidden;width: 50%;float: left;}
.social_4.sub0101 ol li:last-child{width:100%}
.social_4.sub0101 ul{width:100%;display:flex;justify-content: space-evenly;flex-wrap:wrap;}
.social_4.sub0101 ul li{width: 240px;height:240px;;text-align: center;font-size: 20px;background: #37877a;color: white;border-radius:100%;align-items: center;display: flex;justify-content: center;}
.social_4.sub0101 ul li:nth-child(3){}
.social_4.sub0101 ul li:nth-child(4){}
.social_4.sub0101 section:last-child{padding-top: 100px;}

.sub_0201 .first_sec{display:flex;justify-content: space-between;}
.sub_0201 .first_sec>div{width:49%;}
.sub_0201.social_4 .vLst{min-height:103px}

.sub_0201 .second_sec>div{display:flex;justify-content: space-between;margin-top: 40px;align-items: center;}
.sub_0201 .second_sec>div>div{width:49%;display:flex;flex-wrap:Wrap;justify-content: space-between;}
.sub_0201 .second_sec>div>div img{width:49.6%;margin-bottom:1%}
.sub_0201 .second_sec ul.vLst{width:49%;background:none;border:none;box-sizing:border-box;margin-bottom:0}
.sub_0201 .second_sec{padding-top:60px}
.sub_0201 .second_sec ul li {line-height: 2.1;}

.social_4.sub_0301{padding:0 10px}
.social_4.sub_0301 p.sub-common{text-align:left;font-size: 25px;margin-bottom:20px;}
.social_4.sub_0301 p.sub-common:after{left:0;transform:unset}
.social_4.sub_0301 p.sub-info{text-align: left;width: 100%;font-size: 19px;padding: 10px 0;line-height: 1.5;}
.social_4.sub_0301 p.sub-txt{text-align:left;line-height: 1.2;}
.social_4.sub_0301 .txt_box{padding:40px 40px;box-sizing: border-box;}
.social_4.sub_0301 section>div.sentence{margin:0;display:flex;justify-content: space-between;height: 350px;}
.social_4.sub_0301 section>div img{width: 100%;height: 100%;object-fit: cover;}
.social_4.sub_0301 section>div>div{width:50%;height: 100%;}

.social_4.sub_0302{padding:0 10px}
.social_4.sub_0302 p.sub-common{text-align:left;font-size: 25px;margin-bottom:20px;}
.social_4.sub_0302 p.sub-common:after{left:0;transform:unset}
.social_4.sub_0302 p.sub-info{text-align: left;width: 100%;font-size: 19px;padding: 10px 0;line-height: 1.5;}
.social_4.sub_0302 p.sub-txt{text-align:left;line-height: 1.2;}
.social_4.sub_0302 .txt_box{padding:50px 40px;box-sizing: border-box;}
.social_4.sub_0302 section>div.sentence{margin:0;display:flex;justify-content: space-between;height: 350px;}
.social_4.sub_0302 section>div img{width: 100%;height: 100%;object-fit: cover;}
.social_4.sub_0302 section>div>div{width:50%;height: 100%;}

@media(max-width:1100px){
    .social_4.sub_0301 section>div.sentence{height:unset;flex-wrap: wrap;}
    .social_4.sub_0301 section>div>div{width:100%;height:200px;}
    .social_4.sub_0301 .txt_box{height:unset}
    .social_4.sub_0301 section>div.sentence:nth-child(even){flex-direction:column-reverse}

    .social_4.sub_0302 section>div.sentence{height:unset;flex-wrap: wrap;}
    .social_4.sub_0302 section>div>div{width:100%;height:200px;}
    .social_4.sub_0302 .txt_box{height:unset}
}

@media all and (max-width:992px){
	.social_4 .list {padding-bottom: 30px;}
	.social_4 .list ul li .content dl {padding:0 15px;}
    .social_4 .list ul li .content dl dt {font-size: 20px;}
    .social_4 .list ul li .content dl dd {font-size: 16px;}
    .social_4 .list ul li .content dl dd br {display: none;}

	.social_4 .numLst div {padding:18px 0 11px 65px;}
	.social_4 .numLst div:first-child { border-bottom:1px dashed #bababa; }
	.social_4 .numLst div:last-child { border-bottom:none; }
	.social_4 .numLst .num {left: 5px;top: 50%;width: 50px;line-height: 50px;font-size: 21px;font-weight: 500;transform: translateY(-50%);}
    .social_4 .numLst p{font-size: 16px;}

	.social_4 table {margin:10px 0;}
	.social_4 th {padding:5px 10px;}
	.social_4 td {padding:5px 10px;}

    .social_4.sub0101 .numLst li{width:100%}
    .social_4.sub0101 section:last-child{padding-bottom:30px}
    .social_4.sub0101 ul li {width:190px;height: 190px;font-size: 17px;}

    .sub_0201 .first_sec>div{width:100%}
    .sub_0201 .first_sec{flex-wrap:wrap;}
    .social_4.sub_0201{padding:0 10px}
    .sub_0201 .second_sec>div{flex-direction:column}
    .sub_0201 .second_sec>div>div{width:95%}
    .sub_0201 .second_sec ul.vLst{width:95%;padding:20px 0}
}

@media all and (max-width:767px){
    .social_4.sub0101 ul li {width:160px;height: 160px;font-size: 17px;}

    .social_4.sub_0301 p.sub-common{font-size:22px;padding-left:0;padding-top:0}
    .social_4.sub_0301 p.sub-info{font-size:17px}
    .social_4.sub_0301 p.sub-info br{display:none;}
    .social_4.sub_0301 p.sub-txt{padding:0}
    .social_4.sub_0301 .txt_box{padding:30px 10px}

    .social_4.sub_0302 p.sub-common{font-size:22px;padding-left:0;padding-top:0}
    .social_4.sub_0302 p.sub-info{font-size:17px}
    .social_4.sub_0302 p.sub-info br{display:none;}
    .social_4.sub_0302 p.sub-txt{padding:0}
    .social_4.sub_0302 .txt_box{padding:30px 10px}
}
@media all and (max-width:640px){
    .social_4 .sentence {font-size: 20px;}
	.social_4 .list ul li {float: none; width: 100%; margin-right: 0;}

    .social_4.sub0101 ul li {width: 220px;height: 220px;margin-bottom: 10px;}
}
@media all and (max-width:440px){
    .social_4.sub0101 ul li {width: 160px;height: 160px;margin-bottom: 10px;}
}












/* 개발원료 */
.source img {max-width:100%;}
.source .sentence {margin: 30px 0; line-height: 32px; text-align: center; font-size: 24px; color: #6c6d6f; height:auto;}
.source .product {background:url("/images/0301_bg.png")no-repeat center top;width:100%;height:500px;margin:20px 0;padding:70px;box-sizing:border-box;}
.source .product ul {padding:0;}
.source .product ul li {float: left; width: 35%;}
.source .product ul li:last-child {float: right; width: 60%;}
.source .product ul li img {width: 100%;}

.source .product ul li h3 {font-size: 30px; padding:10px 0;color:#fff; font-weight:600;}
.source .product ul li h4 {font-size: 20px; padding:10px 0;color:#fff;}
.source .product ul li h5 {font-size: 19px; padding:10px 0;color:#95e752;}
.source .product ul li p {font-size: 16px; padding:0;color:#e7e7e7;font-weight:200;line-height:1.3em;}
.source .product ul li a {font-size: 18px; padding:10px 40px;color:#fff;background:#51a60c; display:inline-block; margin-top:15px;}


.source .list {position: relative; padding-bottom: 30px;}
.source .list ul::after {content: ""; display: block; clear: both;}
.source .list ul li {float: left; width: 32%; margin-right: 2%; margin-bottom:2%;}
.source .list ul li:nth-child(3), .source .list ul li:nth-child(6) {margin-right: 0;}
.source .list ul li .img {height: auto; overflow: hidden; border:1px solid #d7d7d7;}
.source .list ul li .img img {width: 100%;}
.source .list ul li .content {display: table; width: 100%; height: 120px; background: #fff; border: 1px solid #d7d7d7; border-top-width: 0; box-sizing: border-box;}
.source .list ul li .content dl {display: table-cell; vertical-align: middle; text-align: center; padding:0 30px;}
.source .list ul li .content dl dt {margin-bottom: 15px; font-size: 22px; font-weight: 500; color: #26282c;}
.source .list ul li .content dl dd {padding: 0 10px; line-height: 26px; font-size: 17px; font-weight: 300; color: #6c6d6f;}

.source table {width:100%; border-collapse:collapse; margin:20px 0;background:#fff;border-top:solid 2px #517aac;}
.source tr {border-bottom:solid 1px #ced5df;}
.source th {font-size:16px; padding:15px 20px; color:#333;}
.source td {padding:15px 20px; font-size:16px;}

.source .vLst { padding:45px 3.73%; font-size:18px; font-weight:300; color:#6c6d6f; line-height:1.9em; text-align:left; border:1px solid #d7d7d7; background:#f8f8f8; margin-bottom:20px;}
.source .vLst li { padding-left:35px; background:url(/images/21_ico.png) left 7px no-repeat; }

.source .vLst_2 { padding:45px 1.5%; font-size:18px; font-weight:300; color:#6c6d6f; line-height:1.9em; text-align:left; border:1px solid #d7d7d7; background:#f8f8f8; margin-bottom:20px;}
.source .vLst_2 li { padding-left:35px; background:url(/images/21_ico.png) left 7px no-repeat; }


@media all and (max-width:992px){
	.source .product {background-size:cover;width:100%;height:auto;overflow:hidden;padding:50px;}
	
	.source .product ul li {float: left; width: 100%;}
	.source .product ul li:last-child {float: left; width: 100%;}

	.source .product ul li h3 {font-size: 30px; padding:10px 0;color:#fff; font-weight:600;}
	.source .product ul li h4 {font-size: 20px; padding:10px 0;color:#fff;}
	.source .product ul li h5 {font-size: 19px; padding:10px 0;color:#95e752;}
	.source .product ul li p {font-size: 16px; padding:0;color:#e7e7e7;font-weight:200;line-height:1.3em;}
	.source .product ul li a {font-size: 18px; padding:10px 40px;color:#fff;background:#51a60c; display:inline-block; margin-top:15px;}



	.source .list {padding-bottom: 30px;}
	.source .list ul li .content dl {padding:0 15px;}
    .source .list ul li .content dl dt {font-size: 20px;}
    .source .list ul li .content dl dd {font-size: 16px;}
    .source .list ul li .content dl dd br {display: none;}

	.source table {margin:10px 0;}
	.source th {padding:10px;}
	.source td {padding:10px;}
}

@media all and (max-width:640px){
    .source .sentence {font-size: 20px;}
	.source .list ul li {float: none; width: 100%; margin-right: 0;}
}








/* HK윌리스 */
.social_5 .sentence {margin: 40px 0; line-height: 32px; text-align: center; font-size: 24px; color: #6c6d6f;}
.social_5 .list {position: relative; padding-bottom: 50px;}
/*.social .list::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 400px; background: #f8f8f8; z-index: -1;}*/
.social_5 .list ul::after {content: ""; display: block; clear: both;}
.social_5 .list ul li {float: left; width: 32%; margin-right: 2%; margin-bottom:2%;}
.social_5 .list ul li:nth-child(3), .social_5 .list ul li:nth-child(6), .social_5 .list ul li:nth-child(9), .social_5 .list ul li:nth-child(12), .social_5 .list ul li:nth-child(15) {margin-right: 0;}
/*.social .list ul li:last-child {margin-right: 0;}*/
.social_5 .list ul li .img {height: auto; overflow: hidden; border:1px solid #d7d7d7; background:url(/images/0501_badge.png)no-repeat 95% 5%;}
.social_5 .list ul li .img img {display:block; max-width:100%; margin:0 auto; padding:90px 0;}
.social_5 .list ul li .content {width: 100%; height: 160px; padding:20px 0; background: #fff; border: 1px solid #d7d7d7; border-top-width: 0; box-sizing: border-box;vertical-align:top;}
.social_5 .list ul li .content dl {vertical-align: middle; text-align: center; padding:0 15px;}
.social_5 .list ul li .content dl dt {margin-bottom: 15px; font-size: 20px; font-weight: 500; color: #26282c;}
.social_5 .list ul li .content dl dt b {color: #2fae61;}
.social_5 .list ul li .content dl dd {padding: 0; line-height: 26px; font-size: 17px; font-weight: 300; color: #6c6d6f; letter-spacing:-1px;}

.social_5 .numLst { margin-top:20px; text-align:left; }
.social_5 .numLst li { border-bottom:1px dashed #bababa; overflow:hidden; }

.social_5 .numLst div { float:left; position:relative; width:100%; padding:55px 0 45px 125px; box-sizing:border-box; }
.social_5 .numLst .num { position:absolute; left:25px; top:46px; display:block; width:76px; line-height:76px; font-size:36px; font-weight:700; color:#fff; font-family: 'Roboto', sans-serif; text-align:center; background:#a8acb2; border-radius:50%; }
.social_5 .numLst h4 { margin-bottom:5px; font-size:22px; line-height:1.3em; color:#517aac;}
.social_5 .numLst p { font-size:17px; font-weight:300; line-height:1.6em; color:#6c6d6f; }
.social_5 .numLst p.dot { position:relative; padding-left:10px; }
.social_5 .numLst p.dot:before { content:"\00B7"; position:absolute; left:0; top:0; }

.social_5 table {width:100%; border-collapse:collapse; margin:20px 0;background:#fff;}
.social_5 th {border-top:solid 2px #517aac;border-bottom:solid 1px #517aac; font-size:16px; padding:10px 20px; color:#333;}
.social_5 td {padding:10px 20px; font-size:16px;}



@media all and (max-width:992px){
	.social_5 .list {padding-bottom: 30px;}
	.social_5 .list ul li {float: left; width: 49%; margin-right: 2%; margin-bottom:2%;}

	.social_5 .list ul li:nth-child(3), .social_5 .list ul li:nth-child(6), .social_5 .list ul li:nth-child(9), .social_5 .list ul li:nth-child(12), .social_5 .list ul li:nth-child(15) {margin-right: 2%;}
	.social_5 .list ul li:nth-child(2), .social_5 .list ul li:nth-child(4), .social_5 .list ul li:nth-child(6), .social_5 .list ul li:nth-child(8), .social_5 .list ul li:nth-child(10), .social_5 .list ul li:nth-child(12), .social_5 .list ul li:nth-child(14) {margin-right: 0;}
	.social_5 .list ul li .content {height: 140px;}
	.social_5 .list ul li .content dl {padding:0 10px;}
    .social_5 .list ul li .content dl dt {font-size: 18px;}
    .social_5 .list ul li .content dl dd {font-size: 16px; line-height: 20px;}

	.social_5 .numLst div { padding:20px 0;}
	.social_5 .numLst div:first-child { border-bottom:1px dashed #bababa; }
	.social_5 .numLst div:last-child { border-bottom:none; }
	.social_5 .numLst .num { display:none; }

	.social_5 table {margin:10px 0;}
	.social_5 th {padding:5px 10px;}
	.social_5 td {padding:5px 10px;}

}

@media all and (max-width:640px){
    .social_5 .sentence {font-size: 20px;}
	.social_5 .list ul li {float: none; width: 100%; margin-right: 0;}
	.social_5 .list ul li .content {height: auto; padding:20px 0; }

    .social_5 .list ul li .content dl dd {font-size: 15px;}
}












/* E-브로슈어 */
.social_6 .sentence {margin: 40px 0; line-height: 32px; text-align: center; font-size: 24px; color: #6c6d6f;}
.social_6 .list {position: relative; padding-bottom: 50px; width:70%; margin:0 auto;}
.social_6 .list ul::after {content: ""; display: block; clear: both;}
.social_6 .list ul li {float: left; width: 49%; margin-right: 2%; margin-bottom:2%; text-align:center;}
.social_6 .list ul li:nth-child(2) {margin-right: 0;}
.social_6 .list ul li .img {height: auto; overflow: hidden; border:1px solid #d7d7d7;}
.social_6 .list ul li .img img {width: 100%; display:block; margin:0 auto;}

.social_6 .list_2 {position: relative; padding-bottom: 50px; width:100%; margin:0 auto;}
.social_6 .list_2 ul {border:1px solid #d7d7d7;}
.social_6 .list_2 ul::after {content: ""; display: block; clear: both;}
.social_6 .list_2 ul li {float: left; width: 20%; text-align:center; border-right:1px solid #d7d7d7; padding:30px 0;}
.social_6 .list_2 ul li:last-child {border-right:0 solid #d7d7d7;}
.social_6 .list_2 ul li img {max-width: 95%; display:block; margin:0 auto;}


@media all and (max-width:992px){
	.social_6 .list {padding-bottom: 30px; width:100%;}

}

@media all and (max-width:640px){
    .social_6 .sentence {font-size: 20px;}
	.social_6 .list ul li {float: none; width: 100%; margin-right: 0;}
	.social_6 .list ul li .content {height: auto; padding:20px 0; }

    .social_6 .list ul li .content dl dd {font-size: 15px;}
}