<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
.cols .txt_big {font-size:1.75em; line-height:1.2em !important; color:#333; margin-bottom:.8em;}

.cols .txt_line_bt {display:inline-block; position:relative;}
.cols .txt_line_bt:after {content:""; display:block; position:absolute; left:0; bottom:.1em; width:100%; height:1px; background:#666;}
.cols .txt_line_bt.txt_green:after {background:#6dc854;}


h5.tit_pro {font-size:1.37em; line-height:1.3em; color:#4c9deb; margin-bottom:1em; margin-top:-.4em;}
h5.tit_pro:before {content:""; display:inline-block; width:32px; height:32px; background:url(/kor/images/ico_info.svg) no-repeat; background-size:cover; position:relative; top:.4em; margin-right:.6em;}
h5.tit_pro.black {color:#333; font-weight:600;}
h5.tit_pro.black:before {top:.5em; margin-right:.4em;}
h5.tit_pro.sm {font-size:1.37em;}
h5.tit_pro.big {font-size:1.62em; line-height:1.2em;}
h5.tit_pro.big:before {top:.4em;}

h5.tit_dot {font-size:1em; line-height:1em; color:#333; font-weight:600; letter-spacing:0; position:relative; padding-left:1em; margin-bottom:.6em; }
h5.tit_dot:before {content:""; display:block; width:8px; height:8px; background:#4c9deb; position:absolute; left:0; top:.25em;}
h5.tit_dot.big {font-size:1.37em; line-height:1em; padding-left:.8em;}
h5.tit_dot.big:before {top:.4em;}

h5.tit_check {display:inline-block; font-weight:600; color:#4c9deb; font-size:1.125em;/* font-family:'NanumSquare', 'Nanum Gothic', "돋움", "돋움체", sans-serif;*/}
h5.tit_check:before {content:""; display:inline-block; width:20px; height:20px; background:red; background:url(/kor/images/ico_check.svg) no-repeat 0 0; background-size:cover; margin-right:.5em; position:relative; top:.25em;}

.cols .anchor {position:absolute; left:0; top:-74px;}
.col_history .item .anchor,
.recruit .item .anchor {margin-top:-3.5em;}

.cols &gt; section:first-child .anchor,
.cols &gt; section.first.anchor {top:-120px;}

.col_blank,
.col_line {clear:both;}
.col_line {border-bottom:1px solid #f1f1f1;}

.txt_bt p {margin-bottom:1em;}

.blank90 {padding-bottom:90px;}
.line66 {padding-top:66px; margin-bottom:66px;}
.line42 {padding-top:42px; margin-bottom:42px;}


@media (max-width: 991px) {
.cols .txt_big {font-size:1.66em;}

h5.tit_pro {font-size:1.24em; margin-bottom:.8em;}
h5.tit_pro:before {width:26px; height:26px; top:.37em; margin-right:.45em;}
h5.tit_pro.black:before {top:.4em;}
h5.tit_pro.big {font-size:1.47em;}

h5.tit_dot.big {font-size:1.24em;}

h5.tit_check:before {width:18px; height:18px; top:.2em;}

.cols .anchor {position:absolute; left:0; top:-69px;}
.cols &gt; section:first-child .anchor {top:-105px;}

.blank90 {padding-bottom:70px;}
.line66 {padding-top:50px; margin-bottom:50px;}
.line42 {padding-top:32px; margin-bottom:32px;}
}


@media (max-width: 575px) { 
.cols .txt_big {font-size:1.55em;}

h5.tit_pro {font-size:1.13em;}
h5.tit_pro:before {width:20px; height:20px;}
h5.tit_pro.black:before {top:.28em;}
h5.tit_pro.big {font-size:1.33em;}

h5.tit_dot {padding-left:.8em;}
h5.tit_dot:before {width:6px; height:6px;}

h5.tit_dot.big {font-size:1.13em;}

h5.tit_check:before {width:15px; height:15px;}

.cols .anchor {position:absolute; left:0; top:-57px;}
.cols &gt; section:first-child .anchor,
.cols &gt; section.first.anchor {top:-85px;}
.col_history .item .anchor,
.recruit .item .anchor {margin-top:-2.6em;}

.blank90 {padding-bottom:53px;}
.line66 {padding-top:38px; margin-bottom:38px;}
.line42 {padding-top:24px; margin-bottom:24px;}
}


/*점*/
.db_dot {display:block; width:14px; height:14px; position:relative; background:#dbedff; position:absolute; top:0; left:50%; z-index:10;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.db_dot:after {content:""; display:block; width:6px; height:6px; background:#4c9deb; z-index:20; position:absolute; left:4px; top:4px;}
.db_dot.gray {background:#f8f8f8;}
.db_dot.gray:after {background:#bebebe;}

@media (max-width: 575px) {
.db_dot {width:13px; height:13px;}
.db_dot:after {width:5px; height:5px;}

}


/*table*/
.table-responsive {margin:0;}

.tb_775 {max-width:775px; margin:0 auto;}
.tb_basic .table {border-bottom:1px solid #d2d2d2; border-top:3px solid #4c9deb; margin:0; }
.tb_basic .table th,
.tb_basic .table td {font-size:1.125em; line-height:1.3em;padding:.54em 1.5em; color:#555; vertical-align:middle; letter-spacing:-0.02em;}
.tb_basic .table td {color:#666; border-color:#d2d2d2; border-right:1px solid #d2d2d2;  white-space:normal !important; padding-left:1em; padding-right:1em;}
.tb_basic .table tr &gt; td:last-child {border-right:none;border-bottom:1px solid #d2d2d2}

.tb_basic .table tbody th {background:#f1f1f1;}
.tb_basic .table &gt; thead &gt; tr &gt; th {border:none; background:#626262; color:#fff; white-space:nowrap;} 
.tb_basic .table .td_sm td {font-size:.93em; line-height:1.2em;}
.tb_spec .table td {font-family:'Titillium Web', Verdana, Geneva, sans-serif;}
/*.tb_spec .table td span {font-family:'NanumSquare', 'Nanum Gothic', "돋움", "돋움체", sans-serif;}*/
.thead_blue .table &gt; thead &gt; tr &gt; th {background:#959595;}
.thead_blue .table &gt; thead.th_blue &gt; tr &gt; th {background:#4c9deb;}
.th_left .table tbody th {text-align:left;}
.tb_basic.th_sm .table th {font-size:1em !important;}

.text-center .table th,
.text-center .table td {text-align:center;}
.text-center .table thead th,
.text-center .table td {padding-left:.5em !important; padding-right:.5em !important;}
.text-center .table td.td_left {text-align:left;}

.tb_basic .table .total td {background:#c7e1fb;}
.tb_basic .table .total td strong {font-weight:400;}
.tb_price .table tbody th {white-space:nowrap;}


@media (max-width: 1199px) { 
.tb_basic .table th,
.tb_basic .table td {letter-spacing:-0.04em;}
}

@media (max-width: 991px) { 
.tb_basic .table th,
.tb_basic .table td {font-size:1.02em; letter-spacing:-0.04em;  padding-left:1.2em; padding-right:1.2em;}
}

@media (max-width: 575px) { 
.tb_basic .table th,
.tb_basic .table td {font-size:.92em;}
}


/*ul*/
ul.ul_dot {list-style:none; margin:0; padding:0;}
ul.ul_dot &gt; li {position:relative;  margin-top:.5em;}
ul.ul_dot &gt; li:first-child {margin-top:0 !important;}
ul.ul_dot &gt; li:before {content:""; display:inline-block; width:8px; height:8px; background:#4c9deb; margin-right:.5em; position:relative; top:-.1em;}
ul.ul_dot.green &gt; li:before {background:#6dc854;}
ul.ul_dot.gray &gt; li:before {background:#bebebe;}

ul.ul_dot.big {font-size:1.25em; color:#333; font-weight:700; letter-spacing:0;} 

.ul_dot.left &gt; li {position:relative; padding-left:1em;}
.ul_dot.left &gt; li:before {position:absolute; left:0; top:.6em;}


@media (max-width: 991px) { 
ul.ul_dot &gt; li {margin-top:.3em;}


}

@media (max-width: 575px) { 
ul.ul_dot &gt; li:before {width:6px; height:6px; margin-right:.4em; top:-.15em;}

}



ul.ul_check {list-style:none; margin:0; padding:0;}
ul.ul_check &gt; li {margin-top:.4em; position:relative;}
ul.ul_check &gt; li:first-child {margin-top:0 !important;}
ul.ul_check &gt; li:before {content:""; display:inline-block; width:20px; height:20px; background:red; background:url(/kor/images/ico_check.svg) no-repeat 0 0; background-size:cover; margin-right:.5em; position:relative; top:.25em;}
ul.ul_check.sm &gt; li:before {width:14px; height:14px; top:.05em; margin-right:.3em;}
ul.ul_check.green &gt; li:before {background-image:url(/kor/images/ico_check_green.svg);}

ul.ul_check.left &gt; li {padding-left:1.8em;}
ul.ul_check.left &gt; li:before {position:absolute; left:0; top:.2em;}

ul.ul_check.left.sm &gt; li {padding-left:1.2em;}
ul.ul_check.left.sm &gt; li:before {top:.25em;}

ul.ul_check.big {font-size:1.25em; line-height:1.4em;}
ul.ul_check.big &gt; li:before {width:25px; height:25px; top:.3em; margin-right:.5em;}

@media (max-width: 991px) { 

ul.ul_check &gt; li:before {width:18px; height:18px; top:.2em;}
ul.ul_check.sm &gt; li:before {width:13px; height:13px; top:.03em;}

ul.ul_check.big {font-size:1.12em;}
ul.ul_check.big &gt; li:before {width:21px; height:21px;}

ul.ul_check.left &gt; li {padding-left:1.6em;}
ul.ul_check.left &gt; li:before {top:.2em;}

}

@media (max-width: 575px) { 

ul.ul_check &gt; li:before {width:15px; height:15px;}
ul.ul_check.sm &gt; li:before {width:11px; height:11px; top:0;}

ul.ul_check.big {font-size:1.06em;}
ul.ul_check.big &gt; li:before {width:17px; height:17px;}
}


ul.ul_line {list-style:none; margin:0; padding:0; color:#666;}
ul.ul_line &gt; li {position:relative; padding-left:.6em;}
ul.ul_line &gt; li:before {content:"-"; display:block; position:absolute; left:0; top:-.2em;}
ul.ul_line.sm {font-size:.87em;}
ul.ul_line.sm &gt; li:before {top:-.05em;}

/*CEO's Message */
.en_sub01_01 .row {position:relative;}
.en_sub01_01 .col_img .figure {width:100%; height:0; padding-bottom:365px; position:relative; z-index:10; background:url(/kor/images/0101_img_01.jpg) no-repeat center center; background-size:cover;}
.en_sub01_01 .col_img:after {content:""; display:block; width:65%; height:148%; background:#f9f9f9; position:absolute; left:46.5%; top:43%; z-index:1;
  transform:translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  -o-transform:translate(-50%, -50%);

}
.en_sub01_01 .col_txt {position:relative; z-index:10;}

.en_sub01_01 .col2 {position:relative; z-index:10;}
.en_sub01_01 .col2 p.txt_sign {float:right; margin-top:50px;}
.en_sub01_01 .col2 p.txt_sign img {max-width:128px; height:auto; margin-right:1.1em; position:relative; top:-1.25em;}
.en_sub01_01 .col2 p.txt_sign strong {display:inline-block; margin:0 .2em; position:relative; font-weight:400;}


@media (min-width: 768px) {
.en_sub01_01 .cols {padding-top:1em;}	
.en_sub01_01 .col_img {padding-right:4.8%;}
.en_sub01_01 .col_img .figure {background-position:70% center;}
.en_sub01_01 .txt_big {white-space:nowrap;}
.en_sub01_01 .col1 .col_txt {position:absolute; right:15px; top:49%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -o-transform:translateY(-50%);
}

.en_sub01_01 .cols p {line-height:1.7em; /*margin-bottom:1.3em;*/}
.en_sub01_01 .col2 {margin:0 17%;}
.en_sub01_01 .col2 p {padding:0 0 0 13.7%;}

.en_sub01_01 .col2 .txt_big.line {position:relative; padding-top:118px;}
.en_sub01_01 .col2 .txt_big.line:before,
.en_sub01_01 .col2 .txt_big.line:after {content:""; display:block; background:#e8e8e8; position:absolute;}
.en_sub01_01 .col2 .txt_big.line:before {left:0; top:0; height:136px; width:1px;}
.en_sub01_01 .col2 .txt_big.line:after {left:0; top:136px; height:1px; width:10%;}
}


@media (min-width: 1380px) {
.en_sub01_01 .col1 .col_txt {padding-left:3%;}	
.en_sub01_01 .col1 .col_txt p {min-width:670px;}	

}

@media (max-width: 1379px) {
.en_sub01_01 .col_txt p br {display:none;}
}


@media (min-width: 768px) and (max-width: 991px) {
.en_sub01_01 .col_img {width:45%;}
.en_sub01_01 .col1 .col_txt {width:55%;}
.en_sub01_01 .col1 .col_txt .txt_big {letter-spacing:-0.05em;}

.en_sub01_01 .col2 {margin:0 8.5%;}
.en_sub01_01 .col2 p {padding:0 6.3%;}
.en_sub01_01 .col2 .txt_big.line {padding-top:90px;}
.en_sub01_01 .col2 .txt_big.line:before {left:0; top:0; height:104px; width:1px;}
.en_sub01_01 .col2 .txt_big.line:after {top:104px; width:4.5%;}

}

@media (max-width: 991px) {	
.en_sub01_01 .col_img:after {height:135%; top:45.5%;}
.en_sub01_01 .col2 p.txt_sign img {max-width:116px; margin-right:.8em;}
}

@media (max-width: 767px) {	
.en_sub01_01 .col_img .figure {padding-bottom:67.5%;}
.en_sub01_01 .col_img:after {display:none;}

.en_sub01_01 .col_txt {margin-top:2.5em;}
}

@media (max-width: 575px) { 
.en_sub01_01 .col2 p.txt_sign {padding-top:52px; position:relative;}	
.en_sub01_01 .col2 p.txt_sign img {width:105px; position:absolute; right:0; top:0;}
}


@media (max-width:379px) {
.en_sub01_01 .col2 p.txt_sign {padding-top:47px;}	
.en_sub01_01 .col2 p.txt_sign img {width:96px; }

}


/*기업이념*/
.col_idea1 {margin-bottom:105px;}
.col_idea1 .warp &gt; div {padding:0 9px;}
.col_idea1 .item {border:1px solid #d6d6d6; padding:1.2em .5em; display:table; width:100%;}
.col_idea1 .item &gt; div {display:table-cell; vertical-align:middle; }
.col_idea1 .item .col_img {width:31%; border-right:1px solid #d6d6d6; text-align:center; padding:.8em 0 1.4em;}
.col_idea1 .item .col_img .figure {width:65%; margin:0 auto;}
.col_idea1 .item .col_txt {width:69%; padding:0 5.5%; padding-right:.5em;}
.col_idea1 .item .col_txt p {line-height:1.2em;}
.col_idea1 .item .ul_dot {margin-bottom:.4em;}
.col_idea1 .col1 .col_txt p {max-width:240px;}


@media (max-width: 1229px) {
.col_idea1 .warp {margin:0 -9px;}
}

@media (max-width: 991px) {
.col_idea1 {margin-bottom:80px;}
.col_idea1 .warp {margin:0 -7px;}	
.col_idea1 .warp &gt; div {padding:0 7px;}
}

@media (max-width: 767px) {
.col_idea1 .warp &gt; div {margin-top:10px;}
.col_idea1 .warp &gt; div:first-child {margin-top:0;}
}

@media (max-width: 575px) {
.col_idea1 {margin-bottom:60px;}	
}

.col_idea2 ul {list-style:none; margin:0; padding:0; position:relative;}
.col_idea2 ul &gt; li {text-align:center; zoom:1; position:relative; height:100%;}
.col_idea2 ul &gt; li:after {display:block;visibility:hidden;clear:both;content:""}
.col_idea2 .wrap {position:relative;}
.col_idea2 .txt_wrap {background:#fff; padding:1.5em .5em 1.9em;}
.col_idea2 .txt_wrap h4 {font-size:1.75em; line-height:1em; font-weight:600; margin-bottom:.2em;}
.col_idea2 .txt_wrap p {font-size:1.25em; line-height:1.3em;}
.col_idea2 .figure {width:100%;}
.col_idea2 .figure img {width:100%;}
.col_idea2 .item1 .hover {background-image:url(./img/4th_img_02.jpg);}
.col_idea2 .item2 .hover {background-image:url(./img/4th_img_01.jpg);}
.col_idea2 .item3 .hover {background-image:url(./img/4th_img_03.jpg);}

.col_idea2 .ico_plus {width:40px; height:40px; position:relative;}

.col_idea2 .ico_plus:before,
.col_idea2 .ico_plus:after {
content:"";
display:block;	  
width: 100%;
height:1px;
transition: all 0.2s;
background:#bbb;
position:absolute;
left:0; 
top:50%;
}
.col_idea2 .ico_plus:before {transform:rotate(90deg);}
.col_idea2 .ico_plus:after {transform:rotate(180deg);}


@media (min-width: 768px) {
.col_idea2 {margin-bottom:-125px;}
.col_idea2 ul {display:table; padding-bottom:110px; position:relative;}
.col_idea2 ul:after {content:""; display:block; position:absolute; left:13.8%; right:13.8%; bottom:0; height:1px;  background:#d6d6d6;}
.col_idea2 ul &gt; li {display:table-cell; width:27.6%;}

.col_idea2 .wrap:after {content:""; display:block; position:absolute; left:50%; bottom:-110px; height:110px; width:1px; background:#d6d6d6;}
.col_idea2 ul &gt; li:nth-child(3) .wrap:after {bottom:-130px; height:130px;}

.col_idea2 .txt_wrap {border:1px solid #d6d6d6; border-top:none; position:relative;}
.col_idea2 .txt_wrap:before,
.col_idea2 .txt_wrap:after {content:""; display:block; position:absolute; left:50%; }
.col_idea2 .txt_wrap:before {width:6px; height:6px; background:#bebebe; bottom:-3px; margin-left:-3px; z-index:20;}
.col_idea2 .txt_wrap:after {width:14px; height:14px; background:#f8f8f8; bottom:-7px; margin-left:-7px; z-index:10;}

.col_idea2 ul &gt; li.plus {width:8.6%;}
.col_idea2 ul &gt; li.bt {
-moz-transform: translateY(15.5%);
-webkit-transform: translateY(15.5%);
-o-transform: translateY(15.5%);
-ms-transform: translateY(15.5%);
transform: translateY(15.5%);
}

.col_idea2 .ico_plus {position:absolute; left:50%; top:0;
-moz-transform: translate(-50%, -160%);
-webkit-transform: translate(-50%, -160%);
-o-transform: translate(-50%, -160%);
-ms-transform: translate(-50%, -160%);
transform: translate(-50%, -160%);
}
}

@media (max-width: 991px) {
.col_idea2 .txt_wrap {background:#fff; padding:.9em .5em 1.3em;}
.col_idea2 .txt_wrap h4 {font-size:1.66em;}
.col_idea2 .txt_wrap p {font-size:1.12em;}

.col_idea2 .ico_plus {width:30px; height:30px;}
}


@media (min-width: 768px) and (max-width: 991px) {
.col_idea2 {margin-bottom:-95px;}
.col_idea2 ul {padding-bottom:84px;}	
.col_idea2 ul:after {left:14.5%; right:14.5%;}
.col_idea2 ul &gt; li {width:29%;}
.col_idea2 ul &gt; li.plus {width:6.5%;}

.col_idea2 .wrap:after {bottom:-84px; height:84px;}

}


@media (max-width: 767px) {
/*.col_idea2 {padding-bottom:30%;}	*/
.col_idea2 ul &gt; li {position:relative; padding:0;}
.col_idea2 .wrap {display:table; width:100%; background:#fff; border:1px solid #d6d6d6;}
.col_idea2 .wrap &gt; div {display:table-cell;}
.col_idea2 .wrap .figure {width:68%;}
.col_idea2 .item1 .hover {background-image:url(./img/mo_4th_img_02.jpg);}
.col_idea2 .item2 .hover {background-image:url(./img/mo_4th_img_01.jpg);}
.col_idea2 .item3 .hover {background-image:url(./img/mo_4th_img_03.jpg);}

.col_idea2 .wrap .txt_wrap {position:absolute; right:0; width:32%; background:none; top:50%; padding:0 .5em;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.col_idea2 ul &gt; li.plus {padding:1.2em 0; margin:0;}

.col_idea2 .ico_plus {top:0 !important; margin:0 auto;}

}


@media (max-width: 575px) {
.col_idea2 .txt_wrap h4 {font-size:1.55em;}
.col_idea2 .txt_wrap p {font-size:1.06em;}

.col_idea2 .ico_plus {width:25px; height:25px;}
}

.en_sub01_01_02 .col_1st .col_logo {position:relative; z-index:10;
-moz-transform: translateY(50%);
-webkit-transform: translateY(50%);
-o-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
.en_sub01_01_02 .col_1st .col_logo .figure {width:50%; max-width:313px; margin:0 auto;}

@media (max-width: 991px) {
.en_sub01_01_02 .col_1st .col_logo .figure {max-width:235px;}
}

@media (max-width: 767px) {
.en_sub01_01_02 .col_1st .col_logo {margin-top:-85px;}	
}

@media (max-width: 575px) {
.en_sub01_01_02 .col_1st .col_logo {padding-top:3%;}
.en_sub01_01_02 .col_1st .col_logo .figure {width:185px;}
}

@media (max-width: 379px) {
.en_sub01_01_02 .col_1st .col_logo {padding-top:5%;}
}

/*회사소개 큰이미지*/
.com_big_img {background-repeat:no-repeat; background-size:cover; background-position:center center; text-align:center; padding:0 !important; height:865px; position:relative;}
.com_big_img p {font-size:2.75em; line-height:1.3em; color:#fff; font-weight:600; max-width:960px; width:90%; margin:0 auto;}
.com_big_img .container {/*top:44%;*/top:48%; z-index:10;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);

}

.en_sub01_01_02 .com_big_img,
.en_sub01_01_02 .com_big_img .ani-bg {background-image:url(/kor/images/010102_bg_01.jpg); background-position:15% center;}


@media (max-width: 991px) {
.com_big_img {height:615px;}
.com_big_img p {font-size:2.5em;}
.com_big_img .container {top:52%;}
}


@media (max-width: 575px) {
.com_big_img {height:477px;}	
.com_big_img p {font-size:2.27em;}
}


/*연혁*/
/*.col_history &gt; section:after {display:block;visibility:hidden;clear:both;content:""}*/

/*.en_sub01_01_03 {overflow:hidden;}*/
.col_history {position:relative;}
.col_history article {position:relative;}
.col_history {position:relative; padding-top:100px;}
.col_history:after {content:""; display:block; width:1px; height:100%; position:absolute; left:50%; top:0; background:#bebebe; z-index:1;}
.col_history .item {max-width:1630px; margin:0 auto; padding:0 15px 2.2em; position:relative; top:-1.25em; z-index:5;}
.col_history .item:after {display:block;visibility:hidden;clear:both;content:""}
.col_history .item .txt_year {font:2.37em/1em 'Titillium Web', Verdana, Geneva, sans-serif; color:#4c9deb; margin-bottom:.5em; position:relative; z-index:10;}
.col_history .item ul {list-style:none; margin:0; padding:0; font-size:1.125em; line-height:1.6em; position:relative; z-index:10;}
.col_history .item ul &gt; li {position:relative; padding-left:1.5em;}
.col_history .item ul &gt; li:before {content:""; display:block; background:none; border-top:1px solid #4c9deb; border-right:1px solid #4c9deb; width:.6em; height:.6em; position:absolute; left:0; top:.52em;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}

.col_history .dot {display:block; width:14px; height:14px; position:relative; background:#dbedff; position:absolute; top:0; left:50%; margin-left:-7px; z-index:10;}
.col_history .dot:after {content:""; display:block; width:6px; height:6px; background:#4c9deb; z-index:20; position:absolute; left:4px; top:4px;}
.col_history .dot.gray,
.col_history .last .dot {background:#f8f8f8;}
.col_history .dot.gray:after,
.col_history .last .dot:after {background:#bebebe;}

.col_history .item .dot {top:.8em;}

.col_history .item .line {display:block; width:8.9%; height:1px; background:#c2c2c2; position:absolute; left:50%; top:.8em; margin-top:7px;}
.col_history .item .line:after {content:""; display:block; width:3px; height:3px; background:#bebebe; position:absolute; right:0; top:-1px;}

.col_history .item.last:before {content:""; display:block;  background:#fff; position:absolute; top:1em; width:10px; height:120%; z-index:5;}



@media (min-width: 1400px) {
.col_history .bg {position:absolute; z-index:0; width:32%; overflow:hidden;
-moz-transform:translateY(20%);
-webkit-transform:translateY(20%);
-o-transform:translateY(20%);
-ms-transform:translateY(20%);
transform:translateY(20%);
}
.col_history .bg.rt {right:0; text-align:right;}
.col_history .bg.lt {left:0; text-align:left;}
.col_history .bg img {max-width:100%; height:auto;}	


.col_history .bg.bg_2018 {bottom:75%; right:6%;}
.col_history .bg.bg_2017 {bottom:35%;}
.col_history .bg.bg_2016 {bottom:80%;}
.col_history .bg.bg_2014 {bottom:13%;}
.col_history .bg.bg_2013 {bottom:95%;}
.col_history .bg.bg_2013 img {margin-left:-10%;}
.col_history .bg.bg_2010 {/*bottom:53%;*/bottom:inherit; top:-9%;}
.col_history .bg.bg_2007 {/*bottom:68%;*/bottom:inherit; top:-6%; left:10%;}
.col_history .bg.bg_2004 {/*bottom:18%;*/bottom:inherit; top:41%;}
.col_history .bg.bg_2004 img {margin-right:-5%;}


.col_history .bg.bg_2014 img {
-moz-transform:translateX(20%);
-webkit-transform:translateX(20%);
-o-transform:translateX(20%);
-ms-transform:translateX(20%);
transform:translateX(20%);		
}

.col_history .bg.bg_2010 img,
.col_history .bg.bg_2004 img {
-moz-transform:translateX(15%);
-webkit-transform:translateX(15%);
-o-transform:translateX(15%);
-ms-transform:translateX(15%);
transform:translateX(15%);		
}

.col_history .bg.bg_2016 img {
-moz-transform:translateX(8%);
-webkit-transform:translateX(8%);
-o-transform:translateX(8%);
-ms-transform:translateX(8%);
transform:translateX(8%);		
}

.col_history .bg.bg_2013 img{
-moz-transform:translateX(-8%);	
-webkit-transform:translateX(-8%);	
-o-transform:translateX(-8%);	
-ms-transform:translateX(-8%);	
transform:translateX(-8%);		
}

.col_history .bg.bg_2007 img {
-moz-transform:translateX(-13%);	
-webkit-transform:translateX(-13%);	
-o-transform:translateX(-13%);	
-ms-transform:translateX(-13%);	
transform:translateX(-13%);		
}
}

@media (max-width: 1399px) {
.col_history .bg {display:none;}
.col_history .item ul &gt; li br {display:none;}
}



@media (min-width: 768px) {
.col_history .item .wrap {width:50%; position:relative;}
.col_history .item.even .wrap {float:left; text-align:right; padding-right:10.2%;}
.col_history .item.odd .wrap {float:right; padding-left:10.2%;}

.col_history .item.even ul &gt; li {padding:0; padding-right:1.5em;}
.col_history .item.even ul &gt; li:before {left:inherit; right:.2em; border:none; border-bottom:1px solid #4c9deb; border-left:1px solid #4c9deb;}

.col_history .item.even .line {margin-left:-8.9%;}
.col_history .item.even .line:after {left:inherit; left:0;}

.col_history .item.last:before {left:50%; margin-left:-5px;}

}

@media (max-width: 991px) {
.col_history {padding-top:77px;}	
.col_history .item {top:-1.1em;}
.col_history .item .txt_year {font-size:2.15em;}
.col_history .item ul &gt; li:before {width:.45em; height:.45em; top:.6em;}

.col_history .item .dot,
.col_history .item .line {top:.6em;}


.col_history .item ul &gt; li {padding-left:1em; font-size:1em;}
}

@media (min-width: 768px) and (max-width: 991px) {
.col_history .item.even ul &gt; li {padding-left:1.2em;}

}


@media (max-width: 767px) {
.col_history:after {left:1.5em;}

.col_history .item .wrap {padding-left:3.3em;}

.col_history .dot {left:1.5em;}
.col_history .item .dot,
.col_history .item .line {left:1.5em; top:.6em;}

.col_history .item .line {width:2em;}

}

@media (max-width: 575px) {
.col_history {padding-top:58px;}		
.col_history .item .txt_year {font-size:1.95em;}

.col_history .dot {width:13px; height:13px;}
.col_history .dot:after {width:5px; height:5px;}

.col_history .dot {margin-left:-6px;}
.col_history .item .line {margin-top:6px;}

}


/*조직도*/
.col_org {text-align:center; position:relative;}
.col_org:after {content:""; display:block; width:1px; height:100%; background:#c6c6c6; position:absolute; left:50%; top:0; z-index:0;}
.col_org .item {position:relative; z-index:10;}
.col_org h4 {padding-bottom:105px; position:relative;}
.col_org h4:after {content:""; display:block; width:1px; height:100%; background:#c6c6c6; position:absolute; left:50%; top:0; z-index:0;}
.col_org h4 .db_dot {top:100%;}
.col_org h4 .item {margin:0 auto; padding:10px; border:1px solid #4c9dec; position:relative; color:#fff;  display:inline-block; background:#fff;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;	
}
.col_org h4 .item &gt; p {background:#4c9dec; width:124px; height:124px; color:#fff; font-size:1.23em; line-height:124px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;	
}
.col_org ul:after {content:""; display:block; width:1px; height:100%; background:#c6c6c6; position:absolute; left:50%; top:0; z-index:0;}

.col_org ul .item {width:100%; max-width:194px; height:3.5em; /*line-height:3.4em;*/ font-size:1.06em; line-height:1.15em;
border-radius:200px;
-webkit-border-radius:200px;
-moz-border-radius:200px;
-o-border-radius:200px;
}
.col_org ul .item &gt; p {position:absolute; left:0; top:50%; width:100%; padding:0 .5em;

  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -o-transform:translateY(-50%);
}


@media (max-width: 991px) {
.col_org h4 {padding-bottom:80px;}
.col_org h4 .item {padding:8px;}
.col_org h4 .item &gt; p {width:100px; height:100px; line-height:100px; font-size:1.12em;}

.col_org ul .item {/*height:3.2em; line-height:3.1em;*/ font-size:1em; line-height:1em; letter-spacing:-0.05em;}
}


@media (max-width: 767px) {
.col_org ul .item {font-size:2vw;} 
}

@media (max-width: 575px) {
.col_org h4 {padding-bottom:60px;}		
.col_org h4 .item {padding:6px;}
.col_org h4 .item &gt; p {width:72px; height:72px; line-height:72px; font-size:1em;}
.col_org ul .item {font-size:2.5vw; height:4.5em;} 
}

.dth_warp .item {position:relative; border:1px solid #57a4ec; background:#fff; display:inline-block;}
.dth_warp .dth2 .item {border-color:#e1e1e1;}

.col_org ul {list-style:none; margin:0; padding:0;}
.col_org ul:after {display:block;visibility:hidden;clear:both;content:""}
.col_org .dth1 &gt; li &gt; div.item {color:#4c9deb;/* font-weight:700;*/}

.dth_down {position:relative;}
.dth_down:after {content:""; display:block; height:1px; background:#c6c6c6; position:absolute; left:0; top:0; z-index:0;}
.dth_down .dth1 &gt; li {float:left; padding:0 5px; padding-top:28px; position:relative;}
.dth_down .dth1 &gt; li:before {height:80% !important;}
.dth_down .dth1 .dth2 &gt; li {padding-top:17px;}
.dth_down ul &gt; li:before {content:""; display:block; width:1px; height:90%; background:#c6c6c6; position:absolute; left:50%; top:0; z-index:0;}


.dth_left .item .db_dot {top:50%; left:0;}
.dth_left:before {content:""; display:block; height:1px; width:90%; background:#c6c6c6; position:absolute; left:0; top:50%; z-index:0; margin-top:-.2em;}


@media (max-width: 991px) {
.dth_down .dth1 &gt; li {padding-top:22px;}
.dth_down .dth1 .dth2 &gt; li {padding-top:14px;}	
}


@media (max-width: 575px) {
.dth_down .dth1 &gt; li {padding:0 3px; padding-top:16px;}
.dth_down .dth1 .dth2 &gt; li {padding-top:10px;}	
}

.en_sub01_01_04 {background:#f8f8f8 url(/kor/images/010104_bg_01.jpg) no-repeat center bottom; background-size:auto 54%;}
.en_sub01_01_04 .dth_down .dth1 &gt; li {width:20%;}
.en_sub01_01_04 .dth_down:after {left:10%; right:10%;}
.en_sub01_01_04 .dth_left {position:absolute; left:50%; top:170px; width:50%; max-width:500px; padding-left:6.2%;}
.en_sub01_01_04 .dth_left &gt; ul {float:left; width:50%; display:block; padding:0 9px;} 

.en_sub01_01_04 .cols {padding-bottom:435px; margin-top:-30px;}

@media (max-width: 991px) {
.en_sub01_01_04 {background-position:center 95%;}
.en_sub01_01_04 .dth_left {padding-left:9%; top:130px;}
.en_sub01_01_04 .dth_left &gt; ul {padding:0 7px;} 

.en_sub01_01_04 .cols {padding-bottom:335px; margin-top:-20px;}
}


@media (max-width: 575px) {
.en_sub01_01_04 .dth_left {padding-left:8%; top:82%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -o-transform:translateY(-50%);

}	
.en_sub01_01_04 .dth_left &gt; ul {padding:0 5px;} 

.en_sub01_01_04 .cols {padding-bottom:255px; margin-top:-10px;}
}


/*R&amp;D 인프라 */
h4.tit_org {font-size:1.5em; height:1em; font-weight:400; color:#333; display:inline-block; margin:-20px 0 62px;}
h4.tit_org:before {content:""; display:inline-block; width:38px; height:34px; background:url(/kor/images/ico_org.svg) no-repeat 0 0; background-size:cover; position:relative; top:.4em; margin-right:.3em; margin-left:-1.6em;}

@media (max-width: 991px) {
h4.tit_org {font-size:1.36em; margin:-15px 0 48px;}
h4.tit_org:before {width:34px; height:30px; margin-left:-1.4em;}
}

@media (max-width: 575px) {
h4.tit_org {font-size:1.23em; margin:-10px 0 36px;}
h4.tit_org:before {width:30px; height:27px;}	
}


.en_sub03_01 {background:#f8f8f8 url(/kor/images/0301_bg_01.jpg) no-repeat 38% bottom; background-size:auto 54%;}
.en_sub03_01 .dth_down:after {left:31%; right:28%;}
.en_sub03_01 .dth1 &gt; li &gt; div.item {font-size:1.125em;}

.en_sub03_01 .dth2_left &gt; li:nth-child(2):before,
.en_sub03_01 .dth2_left &gt; li:nth-child(4):before {height:80%;}
.en_sub03_01 .dth_down .dth1 li {padding-top:65px;}
.en_sub03_01 .dth_down .dth1 &gt; li:before {height:100%;}
.en_sub03_01 .dth_down .dth1 &gt; li:nth-child(1) {width:62%;}
.en_sub03_01 .dth_down .dth1 &gt; li:nth-child(1) &gt; div.item {width:30.8%;}
.en_sub03_01 .dth_down .dth1 &gt; li:nth-child(2) {width:20%;}

.en_sub03_01 .dth_down .dth1 &gt; li:nth-child(1) .dth2 {position:relative;}
.en_sub03_01 .dth_down .dth1 &gt; li:nth-child(1) .dth2:before {content:""; display:block; height:1px; background:#c6c6c6; position:absolute;  top:0; left:16.66%; right:33.2%; z-index:0;}


.en_sub03_01 .dth_down .dth2 {margin-top:25px;}
.en_sub03_01 .dth_down .dth2 &gt; li {padding-top:28px; position:relative;}
.en_sub03_01 .dth2_left {position:relative;}
.en_sub03_01 .dth2_left:after {display:block;visibility:hidden;clear:both;content:""}
.en_sub03_01 .dth2_left &gt; li {float:left; width:33.33%; padding:0 5px;}
.en_sub03_01 .dth2_left &gt; li:nth-child(2),
.en_sub03_01 .dth2_left &gt; li:nth-child(4) {position:absolute; top:0; padding-top:104px;}
.en_sub03_01 .dth2_left &gt; li:nth-child(2) {left:16.66%;}
.en_sub03_01 .dth2_left &gt; li:nth-child(4) {right:16.66%;}
.en_sub03_01 .dth2_left &gt; li:nth-child(3):before {display:none;}

.en_sub03_01 .cols {padding-bottom:545px;}

@media (max-width: 991px) {
.en_sub03_01 {background-position:38% 90%;}	
.en_sub03_01 .dth1 &gt; li &gt; div.item {font-size:1.06em;}

.en_sub03_01 .dth_down .dth1 li {padding-top:50px;}
.en_sub03_01 .dth_down .dth2 {margin-top:20px;}
.en_sub03_01 .dth_down .dth2 &gt; li {padding-top:22px;}
.en_sub03_01 .dth2_left &gt; li:nth-child(2),
.en_sub03_01 .dth2_left &gt; li:nth-child(4) {padding-top:85px;}
.en_sub03_01 .cols {padding-bottom:400px;}
}

@media (max-width: 575px) {
.en_sub03_01 {background-size:auto 45%;}
.en_sub03_01 .dth1 &gt; li &gt; div.item {font-size:1em;}
.en_sub03_01 .dth_down .dth1 li {padding-top:35px;}	
.en_sub03_01 .dth_down .dth2 {margin-top:15px;}
.en_sub03_01 .dth_down .dth2 &gt; li {padding-top:16px;}
.en_sub03_01 .dth2_left &gt; li:nth-child(2),
.en_sub03_01 .dth2_left &gt; li:nth-child(4) {padding-top:17.5vw;}
.en_sub03_01 .dth2_left &gt; li {padding:0 3px;}
	
.en_sub03_01 .cols {padding-bottom:300px;}

.en_sub03_01 .col_org ul .item {height:4.8em;}

}


/*성장전략과 비전 */
.en_sub01_02 {background:#f8f8f8; text-align:center;}
.en_sub01_02 .com_big_img,
.en_sub01_02 .com_big_img .ani-bg {background-image:url(/kor/images/0102_bg_01.jpg); background-position:15% center;}
.en_sub01_02 .com_big_img p {max-width:940px; letter-spacing:-0.025em;}
.en_sub01_02 .com_big_img .container {top:41%;}

.en_sub01_02 .col_vision {margin-bottom:-46px;}

.en_sub01_02 .pro_box_warp {max-width:1165px; margin:0 auto; position:relative; z-index:50;}
.en_sub01_02 .pro_box_warp &gt; ul &gt; li {padding-bottom:2.4em;}
.en_sub01_02 .pro_box_warp .col_img {padding-bottom:1.8em;}
.en_sub01_02 .pro_box_warp .figure {width:55%; margin:0 auto;}
.en_sub01_02 .pro_box_warp .col_txt {padding:1.5em 0 0; /*height:6.5em;*/height:8.5em;}
.en_sub01_02 .pro_box_warp h5 {line-height:1.3em; margin-bottom:.2em !important;}
.en_sub01_02 .pro_box_warp p {line-height:1.3em;}

.en_sub01_02 .col_logo {margin-top:-24px; margin-bottom:-50px;}
.en_sub01_02 .col_logo .figure {width:50%; max-width:313px; margin:0 auto;}

.en_sub01_02 .col_vision .txtbox { /*white-space:nowrap;*/ position:absolute; left:50%; top:0; overflow:hidden;
	 display:inline-block;
	 max-width:320px;
	 height:4.2em;
	 /*line-height:4.3em;*/
	 background:#4c9deb;
	 color:#fff;
	 text-align:center;
	 padding:0 1.8em;
	border-radius:200px;
	-webkit-border-radius:200px;
	-moz-border-radius:200px;
	-o-border-radius:200p;
  transform:translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  -o-transform:translate(-50%, -50%);
}
.en_sub01_02 .col_vision .txtbox &gt; p {position:relative; top:50%; letter-spacing:-0.02em;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -o-transform:translateY(-50%);
}

@media (max-width: 1199px) {
.en_sub01_02 .pro_box_warp h5,
.en_sub01_02 .pro_box_warp p {margin:0 -.5em; letter-spacing:-0.04em;}
}


@media (max-width: 991px) {
.en_sub01_02 .col_vision {margin-bottom:-35px;}	
.en_sub01_02 .com_big_img .container {top:49%;}
	
.en_sub01_02 .pro_box_warp &gt; ul &gt; li {padding-bottom:1.84em;}
.en_sub01_02 .pro_box_warp .col_img {padding-bottom:1.4em;}
.en_sub01_02 .pro_box_warp .col_txt {/*height:6.1em;*/height:8.1em;}

.en_sub01_02 .col_logo {margin-top:-18px; margin-bottom:-38px;}
.en_sub01_02 .col_vision .txtbox {height:4em; line-height:3.9em;}

}


@media (max-width: 767px) {
.en_sub01_02 .pro_box_warp .figure {max-width:88px;}
}

@media (max-width: 575px) {
.en_sub01_02 .col_vision {margin-bottom:-27px;}
	
.en_sub01_02 .pro_box_warp .figure {max-width:80px;}

.en_sub01_02 .col_logo {margin-top:-14px; margin-bottom:-28px;}
.en_sub01_02 .col_logo .figure {width:185px;}
}

/*주요 사업영역 */
.en_sub01_03 {background:#f8f8f8 url(/kor/images/0103_bg_01.jpg) no-repeat center bottom; background-size:auto 42%;}
.en_sub01_03 .cols {padding-bottom:430px; overflow:hidden; margin-top:-2em;}
.en_sub01_03 ul.ul_dot {color:#333; line-height:1.7em; max-width:740px; margin:0 auto;}

.en_sub01_03 .col {max-width:840px; margin:0 auto;}
.en_sub01_03 .col1 {margin-top:118px; /*padding-bottom:94px;*/ margin-bottom:56px;}
.en_sub01_03 .col1 .row {margin:0 -2.9%;}
.en_sub01_03 .col1 .item {float:left; width:50%; padding:0 2.9%; position:relative;}
.en_sub01_03 .col1 .item:after {content:""; display:block; width:1px; background:#d6d6d6; position:absolute; left:50%; bottom:-94px; height:94px; }
.en_sub01_03 .col1 .item .box {background:#fff; border:1px solid #d6d6d6; position:relative; height:293px; padding:0 1.2em;}
.en_sub01_03 .col1 .item .box:after {display:block;visibility:hidden;clear:both;content:""}
.en_sub01_03 .col1 .ul_check {text-align:left; position:relative; float:left; top:53%; left:50%; min-width:200px;
  transform:translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  -o-transform:translate(-50%, -50%);
}

.en_sub01_03 .col1 .ul_check.ch2 &gt; li{margin-top:20px}
.en_sub01_03 .col1 .ul_check &gt; li {margin-top:33px;}
.en_sub01_03 .col1 .tit_box {position:absolute; left:50%; top:0; width:80%;
  transform:translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  -o-transform:translate(-50%, -50%);
}

.en_sub01_03 .col1 .item .box .db_dot {top:100%;}
.en_sub01_03 .col1 .row &gt; div:nth-child(2) .ul_check {letter-spacing:-0.04em;}


@media (max-width: 991px) {
.en_sub01_03 {background-size:auto 40%;}
.en_sub01_03 .cols {padding-bottom:330px; margin-top:-1.5em;}
.en_sub01_03 .col1 {margin-top:85px; margin-bottom:38px;}
.en_sub01_03 .col1 .row {margin:0 -2%;}
.en_sub01_03 .col1 .item {float:left; width:50%; padding:0 2%;}
.en_sub01_03 .col1 .item:after {bottom:-72px; height:72px; }
.en_sub01_03 .col1 .item .box {height:263px;}
.en_sub01_03 .col1 .ul_check &gt; li {margin-top:25px;}

}



@media (max-width: 767px) {
.en_sub01_03 .col1 .row {margin:0 -7.7px;}
.en_sub01_03 .col1 .item {padding:0 7.5px;}

}


@media (max-width: 575px) {
.en_sub01_03 {background-position:56% bottom; background-size:auto 35%;}	
.en_sub01_03 .cols {padding-bottom:250px; margin-top:-1em;}	
.en_sub01_03 .col1 {margin-top:65px; margin-bottom:56px;}
.en_sub01_03 .col1 .item:after {bottom:-55px; height:55px; }
.en_sub01_03 .col1 .item .box {height:253px;}	
.en_sub01_03 .col1 .row &gt; div:nth-child(1) .ul_check {margin-top:-.8em;}
.en_sub01_03 .col1 .ul_check {/*padding:0 10%;*/ min-width:inherit;}
.en_sub01_03 .col1 .ul_check &gt; li {margin-top:15px; letter-spacing:-0.08em;}
.en_sub01_03 .col1 .ul_check &gt; li br {display:none;}

}


.en_sub01_03 .col3 {margin-bottom:50px; position:relative; z-index:10;}
.en_sub01_03 .col3 .pro_box_warp &gt; ul {margin:0; display:table; width:100%; position:relative; padding-top:23px;}
.en_sub01_03 .col3 .pro_box_warp &gt; ul:after {content:""; display:block; background:#d6d6d6; position:absolute; top:0; height:1px; left:12%; right:12%; }
.en_sub01_03 .col3 .pro_box_warp &gt; ul &gt; li {float:none; display:table-cell; width:24%; margin:0; padding:.3em 0; position:relative;}
.en_sub01_03 .col3 .pro_box_warp &gt; ul &gt; li.blank {background:none; border:none; width:14%;}
.en_sub01_03 .col3 .pro_box_warp &gt; ul &gt; li:after {content:""; display:block; width:1px; background:#d6d6d6; position:absolute; left:50%; top:-23px; height:23px; }
.en_sub01_03 .col3 .pro_box_warp &gt; ul &gt; li:nth-child(3):after,
.en_sub01_03 .col3 .pro_box_warp &gt; ul &gt; li.blank:after {display:none;}
.en_sub01_03 .col3 .pro_box_warp .col_img {padding:1.3em 0;}
.en_sub01_03 .col3 .pro_box_warp .figure {width:55%;}
.en_sub01_03 .col3 .pro_box_warp .col_txt {height:auto; padding:.7em 0;}
.en_sub01_03 .col3 .pro_box_warp h5 {margin:0;}


@media (max-width: 991px) {
.en_sub01_03 .col3 {margin-bottom:38px;}
.en_sub01_03 .col3 .pro_box_warp &gt; ul {padding-top:18px;}
.en_sub01_03 .col3 .pro_box_warp &gt; ul:after {left:13.4%; right:13.3%; }
.en_sub01_03 .col3 .pro_box_warp &gt; ul &gt; li {width:26.6%;}
.en_sub01_03 .col3 .pro_box_warp &gt; ul &gt; li.blank {width:10%;}
.en_sub01_03 .col3 .pro_box_warp &gt; ul &gt; li:after {top:-18px; height:18px;}
}


@media (max-width: 575px) {
.en_sub01_03 .col3 {margin-bottom:30px;}	
.en_sub01_03 .col3 .pro_box_warp &gt; ul {padding-top:16px;}
.en_sub01_03 .col3 .pro_box_warp &gt; ul:after {left:15.5%; right:15.3%; }
.en_sub01_03 .col3 .pro_box_warp &gt; ul &gt; li {width:31.33%; }
.en_sub01_03 .col3 .pro_box_warp &gt; ul &gt; li.blank {width:3%;}
.en_sub01_03 .col3 .pro_box_warp .figure {max-width:60px;}
}

.en_sub01_03 .col2 {margin-bottom:20px; position:relative;}
.en_sub01_03 .col2:before {content:""; display:block; background:#d6d6d6; position:absolute; top:50%; height:1px; left:23.6%; right:23.4%;}
.en_sub01_03 .col2 .big.tit_box {width:80%; max-width:320px; height:3.2em; /*line-height:3.25em;*/ margin:0 auto; position:relative;
background: -webkit-gradient(linear, left top, right top, color-stop(0, #6dc854), color-stop(1, #4c9eeb));
background: -moz-linear-gradient(left, #6dc854 0%, #4c9eeb 100%);
background: -webkit-linear-gradient(left,  #6dc854 0%, #4c9eeb 100%);
background: -o-linear-gradient(left,  #6dc854 0%, #4c9eeb 100%);
background: -ms-linear-gradient(left,  #6dc854 0%, #4c9eeb 100%);
background: linear-gradient(left,  #6dc854 0%, #4c9eeb 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6dc854', endColorstr='#4c9eeb', gradientType=1);
}
.en_sub01_03 .col2 .big.tit_box:after {content:""; display:block; width:1px; background:#d6d6d6; position:absolute; left:50%; bottom:-50px; height:50px;}
.en_sub01_03 .col2 .big.tit_box img {width:18px; height:auto; margin-right:.35em;}

@media (max-width: 991px) {
.en_sub01_03 .col2 {margin-bottom:16px;}
.en_sub01_03 .col2 .big.tit_box {max-width:246px;}
.en_sub01_03 .col2:before {left:24%; right:24%;}
.en_sub01_03 .col2 .big.tit_box img {width:16px;}
}


@media (max-width: 767px) {
.en_sub01_03 .col2:before {left:24.3%; right:24.3%;}

}

@media (max-width: 575px) {
.en_sub01_03 .col2 {margin-bottom:14px;}	
.en_sub01_03 .col2 {margin-top:-28px;}	
.en_sub01_03 .col2 .big.tit_box {max-width:188px;}
.en_sub01_03 .col2 .big.tit_box img {width:14px;}
}



/*오시는 길*/
.cols_loc .col_map {padding-bottom:374px; margin-bottom:45px;}
.cols_loc .col_txt {margin:-10px;}
.cols_loc .col_txt table {border-spacing:10px; border-collapse:inherit; width:100%; }
.cols_loc .col_txt table td {border:1px solid #d6d6d6; width:50%; padding:1.2em 3%; vertical-align:top;}
.cols_loc .col_txt table td &gt; p {max-width:480px;}
.cols_loc .col_txt h5.tit_dot {padding-bottom:.8em; margin-bottom:.8em;}
.cols_loc .col_txt h5.tit_dot:after {content:""; display:block; width:1.5em; height:1px; background:#4c9deb; position:absolute; left:0; bottom:0;}


@media (max-width: 991px) {
.cols_loc .col_map {padding-bottom:290px; margin-bottom:35px;}	
.cols_loc .col_txt table td {padding-top:1.8em; padding-bottom:1.8em;}
.cols_loc .col_txt h5.tit_dot {padding-bottom:.6em; margin-bottom:.8em;}
}


@media (max-width: 575px) {
.cols_loc .col_map {padding-bottom:220px; margin-bottom:25px;}	
.cols_loc .col_txt {margin:0;}	
.cols_loc .col_txt table td {display:block; width:100%; margin-bottom:8px;}
.cols_loc .col_txt table {border-spacing:0;}
.cols_loc .col_txt table td {padding:1.5em 1.2em;}
}




/*주요제품*/

.tit_warp {color:#333; text-align:center; margin-bottom:35px;}
.tit_warp h4 {font-size:4.12em; line-height:1em; font-family:'Titillium Web', Verdana, Geneva, sans-serif; letter-spacing:0;}
.tit_warp h4 span{font-size:.4em}
/*.tit_warp h4 span {font-size:.82em; letter-spacing:-0.025em; font-family:'NanumSquare', 'Nanum Gothic', "돋움", "돋움체", sans-serif; font-weight:700; position:relative; top:-.1em;}*/
.tit_warp .sub_tit_mdd {font-size:1.8em; line-height:1em; font-family:'Titillium Web', Verdana, Geneva, sans-serif; letter-spacing:0; margin-top:.1em;}
.tit_warp .sbu_tit {font-size:1.38em; line-height:1em; color:#4c9deb; position:relative; padding-bottom:.3em; margin-bottom:.5em;}
.tit_warp .sbu_tit:after {content:""; display:block; width:1.2em; height:1px; background:#4c9deb; position:absolute; left:50%; bottom:0; margin-left:-.6em;}

.tit_warp.big {margin-bottom:75px;}
.tit_warp.mdd {margin-bottom:55px;}

@media (max-width: 991px) {
.tit_warp {margin-bottom:27px;}
.tit_warp h4 {font-size:3.74em;}

.tit_warp.big {margin-bottom:58px;}
.tit_warp.mdd {margin-bottom:42px;}

}


@media (max-width: 575px) {
.tit_warp {margin-bottom:20px;}
.tit_warp h4 {font-size:3.4em;}

.tit_warp.big {margin-bottom:44px;}
.tit_warp.mdd {margin-bottom:32px;}
}

.cols_pro &gt; section,
.recruit .cols &gt; section {border-top:1px solid #f1f1f1; /*padding-top:120px; margin-top:120px;*/padding-top:46px; margin-top:46px; position:relative;}
.cols_pro &gt; section:first-child,
.recruit .cols &gt; section:first-child {border:none; padding:0 !important; margin:0 !important;}
.cols_pro &gt; section.col_panel, {border:none; padding:0; margin:0; padding-top:65px;}
.cols_pro &gt; section.no_line {border:none;}

.cols_pro &gt; section.col_panel &gt; article {border-top:1px solid #f1f1f1; padding-top:50px; margin-top:50px;}
.cols_pro &gt; section.col_panel &gt; article:first-child {border:none; padding:0 !important; margin:0 !important;}

.cols_pro .container {overflow:hidden;}
.cols_pro .col_img {max-width:900px; margin:0 auto 50px;}
.cols_pro .ul_dot {margin-bottom:48px; color:#555;}


.cols_pro .pro3 .col {margin-bottom:110px;}
.cols_pro .pro3 .col.last {margin-bottom:0 !important;}


.cols_pro .sec1 .table .blank {padding-bottom:27px;}
.en_sub02_02 .cols_pro .sec1 .table .blank {padding-bottom:26px;}

#panel {display:none;}


@media (min-width: 1200px) {
.cols_pro .row {margin:0 -2.5%;}
.cols_pro .row .col {padding:0 2.5%;}


.cols_pro .pro3 .row {margin:0 -4.3%;}
.cols_pro .pro3 .row .col {padding:0 4.3%;}
}


@media (min-width: 992px) and (max-width: 1199px) {
.cols_pro .pro3 .row {margin:0 -2.5%;}
.cols_pro .pro3 .row .col {padding:0 2.5%;}
}

@media (min-width: 992px) {
.en_sub02_01_03 .ul_dot {min-height:3.5em;}
.cols_pro .sec1 .table th,
.cols_pro .sec1 .table td {white-space:nowrap !important;}
}

@media (max-width: 991px) {

.cols_pro &gt; section,
.recruit .cols &gt; section {/*padding-top:85px; margin-top:85px;*/padding-top:35px; margin-top:35px;}
.cols_pro &gt; section.col_panel {padding-top:50px;}

.cols_pro &gt; section.col_panel &gt; article {padding-top:38px; margin-top:38px;}

.cols_pro .col_img {margin-bottom:38px;}
.cols_pro .ul_dot {margin-bottom:36px;}

.cols_pro .row &gt; div {margin-top:40px;}
.cols_pro .row &gt; div:first-child {margin:0 !important;}

.cols_pro .pro3 .col {margin-bottom:80px;}

.cols_pro .sec1 .table .blank {display:none;}
}


@media (max-width: 575px) {

.cols_pro &gt; section,
.recruit .cols &gt; section {/*padding-top:65px; margin-top:65px;*/padding-top:27px; margin-top:27px;}
.cols_pro &gt; section.col_panel {padding-top:40px;}

.cols_pro &gt; section.col_panel &gt; article {padding-top:30px; margin-top:30px;}
	
.cols_pro .col_img {margin-bottom:30px;}
.cols_pro .ul_dot {margin-bottom:28px;}
.cols_pro .row &gt; div {margin-top:30px;}

.cols_pro .pro3 .col {margin-bottom:60px;}
}


.cols_pro .wms1 ul.ul_check &gt; li {margin-right:2em; margin-top:.4em !important; /*display:inline-block;*/}
.cols_pro .wms1 .txt2 ul.ul_dot {margin:0;}


@media (min-width: 768px) {
.cols_pro .wms1 {position:relative;}
.cols_pro .wms1 .col_txt &gt; div {position:absolute;}
.cols_pro .wms1 .txt1 {bottom:87%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -o-transform:translateY(-50%);
}
.cols_pro .wms1 .txt2 {top:76%; left:1%;
  transform:translateY(50%);
  -webkit-transform:translateY(50%);
  -moz-transform:translateY(50%);
  -o-transform:translateY(50%);

}

}

@media (min-width: 768px) and (max-width: 991px) {
.cols_pro .wms1 .txt1 {bottom:85%;}
}




@media (max-width: 767px) {
.cols_pro .wms1 .col_txt {text-align:center; margin-bottom:35px;}
.cols_pro .wms1 .col_txt .txt1 {margin-bottom:1em;}
.cols_pro .wms1 ul.ul_check &gt; li {margin:0 .5em;}

}


/*박스형 타이틀*/
.tit_box {
	 display:inline-block;
	 font-size:1.125em;
	 max-width:240px;
	 min-width:130px;
	 width:45%;
	 height:3.5em;
	 line-height:1.1em;
	 /*line-height:3.5em;*/
	 background:#4c9deb;
	 color:#fff;
	 text-align:center;
	 position:relative;
	 overflow:hidden;
	border-radius:200px;
	-webkit-border-radius:200px;
	-moz-border-radius:200px;
	-o-border-radius:200px;
}
.tit_box.long {max-width:407px; width:100%; white-space:nowrap; display:block; margin-left:auto; margin-right:auto;}
.tit_box.big {font-size:1.5em; max-width:264px; height:2.8em; /*line-height:2.8em;*/}
.tit_box.mdd &gt; span {font-size:1.12em;}
.tit_box.green {background-color:#6dc854;}
.tit_box &gt; span {display:block; position:absolute; left:0; width:100%; padding:0 .4em; top:50%; margin-top:-.05em;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -o-transform:translateY(-50%);

}


@media (max-width: 991px) {
.tit_box {max-width:180px; font-size:1.06em; letter-spacing:-0.025em; /*line-height:3.3em;*/}
.tit_box.long {max-width:315px;}
.tit_box.big {font-size:1.36em; max-width:200px;}
.tit_box.mdd &gt; span {font-size:1.06em;}
}

@media (max-width: 575px) {
.tit_box {max-width:160px;}
.tit_box.long {max-width:245px;}
.tit_box.big {font-size:1.23em; max-width:170px;}
}

.pro_box {position:relative;}
.pro_box.bd {border:1px solid #d6d6d6;}
.pro_box.pd {padding:2em 1em;}
.pro_box.mb {margin-bottom:46px;}
.pro_box &gt; ul {list-style:none; margin:0; padding:0; text-align:center;}

.pro_box .tit_box {position:absolute; left:50%; top:0; width:80%;

  transform:translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  -o-transform:translate(-50%, -50%);
}

@media (max-width: 991px) {
.pro_box.pd {padding:1.6em 1em;} 	
.pro_box.mb {margin-bottom:35px;}
}

@media (max-width: 575px) {
.pro_box.mb {margin-bottom:25px;}
}

.en_sub02_01_05 .pro_box &gt; ul {margin:-67px -10px 0;}
.en_sub02_01_05 .pro_box &gt; ul &gt; li {float:left; width:33.33%; padding:0 10px; margin-top:67px;}
.en_sub02_01_05 .pro_box .item {border:1px solid #d6d6d6; padding:3.3em 10px 1.8em; position:relative;}
.en_sub02_01_05 .pro_box .item .figure {margin-bottom:1.3em;}
.en_sub02_01_05 .sec3 {overflow:hidden;}


@media (min-width: 768px) {
.en_sub02_01_05 .pro_box &gt; ul &gt; li:nth-child(3n+1) {clear:both;}
}

@media (max-width: 767px) {
.en_sub02_01_05 .pro_box &gt; ul &gt; li {width:50%;}
.en_sub02_01_05 .pro_box &gt; ul &gt; li:nth-child(2n+1) {clear:both;}
}

@media (max-width: 991px) {
.en_sub02_01_05 .pro_box &gt; ul { margin:-55px -7.5px 0;}
.en_sub02_01_05 .pro_box &gt; ul &gt; li {padding:0 7.5px; margin-top:55px;}

.en_sub02_01_05 .pro_box .item {padding:3em 10px 1.2em;}
.en_sub02_01_05 .pro_box .item .figure {margin-bottom:1.1em;}
}

@media (max-width: 575px) {
.en_sub02_01_05 .pro_box &gt; ul { margin:-45px -5px 0;}
.en_sub02_01_05 .pro_box &gt; ul &gt; li {padding:0 5px; margin-top:45px;}
}



.en_sub02_03 .pro_box {padding:54px 0 1.2em;}
.en_sub02_03 .pro_box p {/*font-size:.87em; */ line-height:1.4em; padding-top:.6em; letter-spacing:-0.025em; color:#555;}
.en_sub02_03 .pro_box &gt; ul {padding:0 3%;}
.en_sub02_03 .pro_box &gt; ul &gt; li:nth-child(1) &gt; p {width:90%; max-width:350px; margin:0 auto;}

@media (min-width: 768px) {
.en_sub02_03 .pro_box &gt; ul &gt; li {float:left; width:50%;}
}

@media (max-width: 767px) {
.en_sub02_03 .pro_box &gt; ul &gt; li {margin-top:30px;}
.en_sub02_03 .pro_box &gt; ul &gt; li:first-child {margin:0 !important;}
}


@media (max-width: 991px) {
.en_sub02_03 .pro_box {padding:40px 0 30px;}	
}

@media (max-width: 575px) {
.en_sub02_03 .pro_box {padding:30px 0 23px;}	
.en_sub02_03 .pro_box &gt; ul {padding:0 5%;}
.en_sub02_03 .pro_box &gt; ul &gt; li {margin-top:20px;}
}


.en_sub02_03 .table td.td_left p {margin-left:-2em;}

@media (max-width: 991px) {
.en_sub02_03 .table td.td_left p {margin-left:-1.8em;}
}

@media (max-width: 575px) {
.en_sub02_03 .table td.td_left p {margin-left:-1.5em;}
}


/*태양광 EPC*/
.com_mdd_img {background-repeat:no-repeat; background-position:center center; background-size:cover; height:444px; color:#fff;}
.com_mdd_img .container {top:45%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);

}

.en_sub02_03_02 .com_mdd_img {background-image:url(/kor/images/020302_bg_01.jpg);}

.com_mdd_img p {width:90%; margin:0 auto;}
.com_mdd_img p.txt1 {font-size:2.25em; line-height:1.1em; font-weight:600; margin-bottom:.4em;}
.com_mdd_img p.txt2 {opacity:0.8; max-width:660px; line-height:1.4em;}


@media (max-width: 991px) {
.com_mdd_img {height:340px; background-position:35% center;}
.com_mdd_img p {letter-spacing:-0.02em;}	
.com_mdd_img p.txt1 {font-size:2.04em;}
}


@media (max-width: 575px) {
.com_mdd_img {height:260px; background-position:35% center}
.com_mdd_img p.txt1 {font-size:1.85em;}
}


.pro_box_warp &gt; ul {list-style:none; margin:0; margin-right:-3px; padding:0;}
.pro_box_warp &gt; ul &gt; li {float:left; width:25%; border:1px solid #d6d6d6; background:#fff; margin-right:-1px; padding:2.3em 2.9% 2em;}
.pro_box_warp .col_img {padding:1.3em 0;}
.pro_box_warp .figure {width:45%; margin:0 auto;}
.pro_box_warp .col_txt {padding:2.4em 0 0; border-top:1px solid #d6d6d6; position:relative; height:13em;}
.pro_box_warp .col_txt:before {content:""; display:block; width:5px; height:5px; background:#bebebe; position:absolute; left:50%; margin-left:-2.5px; top:-3px;}

.pro_box_warp .col_txt .ul_check &gt; li {line-height:1.3em;}
.pro_box_warp .col_txt .ul_check &gt; li {margin-top:.6em;}

.pro_box_warp h5 {line-height:1em; color:#333; margin-bottom:.8em; text-align:center;}

.pro_box_warp.box2_mt {margin-top:-53px;}
.pro_box_warp.box2_mt h5 {font-size:1.62em; font-weight:600;}


@media (min-width: 576px) {
.pro_box_warp .col_txt .ul_check {left:50%; position:relative; float:left;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-o-transform:translateX(-50%);
}

.pro_box_warp &gt; ul &gt; li:nth-child(1) .ul_check {max-width:215px;}
.pro_box_warp &gt; ul &gt; li:nth-child(2) .ul_check,
.pro_box_warp &gt; ul &gt; li:nth-child(4) .ul_check {max-width:185px;}
.pro_box_warp &gt; ul &gt; li:nth-child(3) .ul_check {max-width:160px;}
}

@media (min-width: 576px) and (max-width: 991px) {
.pro_box_warp &gt; ul &gt; li:nth-child(1) .ul_check {max-width:190px;}
.pro_box_warp &gt; ul &gt; li:nth-child(2) .ul_check,
.pro_box_warp &gt; ul &gt; li:nth-child(4) .ul_check {max-width:150px;}
.pro_box_warp &gt; ul &gt; li:nth-child(3) .ul_check {max-width:135px;}
}


@media (max-width: 991px) {
.pro_box_warp &gt; ul &gt; li {padding:1.8em 1.5em 1.5em;}
.pro_box_warp .col_img {padding:1em 0;}
.pro_box_warp .col_txt {letter-spacing:-0.05em; padding:2em 0 0; height:14em;}

.pro_box_warp.box2_mt {margin-top:-40px;}	
.pro_box_warp.box2_mt h5 {font-size:1.47em;}


}

@media (max-width: 767px) {
.pro_box_warp &gt; ul {margin-right:-2px;}
.pro_box_warp &gt; ul &gt; li {width:50%; margin-bottom:-1px;}
.pro_box_warp &gt; ul &gt; li:nth-child(2n+1) {clear:both;}
.pro_box_warp .figure {max-width:76px;}
}


@media (max-width: 575px) {
.pro_box_warp .col_txt {height:11.5em;}

.pro_box_warp.box2_mt {margin-top:-30px;}	
.pro_box_warp .col_txt .ul_check {margin:0 -.5em;}

}


@media (max-width:359px) {
.pro_box_warp .col_txt {height:14em;}
}


/*기술 응용 제품*/

.en_sub02_04 .cols .container {padding-top:15px;}
.en_sub02_04 .clearfix {position:relative;}
.en_sub02_04 .col {padding:0 3.8%;}
.en_sub02_04 .pro_box {padding:76px 1.5em 45px;}
.en_sub02_04 .pro_box p {font-size:1.37em; margin-top:.5em;}
.en_sub02_04 .col_txt {padding:0 .7em;}
.en_sub02_04 .col_txt p {color:#555;}

@media (min-width: 1354px) {
.en_sub02_04 .col_txt p {min-width:660px; line-height:1.6em;}

}

@media (max-width: 1199px) {
.en_sub02_04 .col_txt p &gt; br {display:none;}

}

@media (min-width: 992px) {
.en_sub02_04 .col_txt {position:absolute; right:0; top:50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}

@media (max-width: 991px) {
.en_sub02_04 .col {padding:0;}
.en_sub02_04 .pro_box {margin-bottom:35px; padding-top:55px; padding-bottom:30px;}
.en_sub02_04 .pro_box p {font-size:1.24em;}
}


@media (max-width: 575px) {
.en_sub02_04 .pro_box {margin-bottom:25px; padding-top:40px; padding-bottom:20px;}
.en_sub02_04 .pro_box p {font-size:1.13em;}
}


/*연구개발*/
.cols_rnd {margin-top:-25px;}
.cols_rnd &gt; article {padding-top:68px; margin-top:68px; border-top:1px solid #f1f1f1;}
.cols_rnd.sm &gt; article {padding-top:50px; margin-top:50px;}
.cols_rnd &gt; article.first {padding-top:0 !important; margin-top:0 !important; border:none;}
.cols_rnd .tit_warp {min-height:140px; margin:0; padding-bottom:1.5em; color:inherit;}
.cols_rnd .tit_warp .tit_box {margin-bottom:.7em;}
.cols_rnd .ul_dot {color:#333;}
.cols_rnd .ul_dot &gt; li {margin-top:1em;}

.cols_rnd .pro_box {max-width:1040px; margin-left:auto; margin-right:auto;}

.cols_rnd .col_tech p {color:#555;}
.cols_rnd .col_tech .col {margin-top:73px;}
.cols_rnd .col_tech .col.sm {margin-top:40px;}
.cols_rnd .col_tech .col.first {margin-top:0 !important;}

@media (max-width: 991px) {
.cols_rnd {margin-top:-20px;}
.cols_rnd &gt; article {padding-top:50px; margin-top:50px;}
.cols_rnd.sm &gt; article {padding-top:35px; margin-top:35px;}
.cols_rnd .tit_warp {min-height:105px;}

.cols_rnd .col_tech .col {margin-top:50px;}
.cols_rnd .col_tech .col.sm {margin-top:26px;}

.cols_rnd .ul_dot br,
.cols_rnd p br {display:none;}
}



@media (max-width: 575px) {
.cols_rnd {margin-top:-15px;}
.cols_rnd &gt; article {padding-top:40px; margin-top:40px;}
.cols_rnd.sm &gt; article {padding-top:25px; margin-top:25px;}
.cols_rnd .tit_warp {min-height:80px;}

.cols_rnd .col_tech .col {margin-top:35px;}
.cols_rnd .col_tech .col.sm {margin-top:18px;}
}


.rnd_box table {width:100%; border-collapse:collapse;}
.rnd_box table thead th {background:#898989; color:#fff; font-size:1.25em; text-align:center; height:3.2em;}
.rnd_box table thead th.green {background:#6dc854;}
.rnd_box table td {border:1px solid #d6d6d6; border-top:none; padding:1.7em 1.5em;}
.rnd_box .figure {margin:0 auto;}
.rnd_box .figure img {width:100%; height:auto;}

@media (max-width: 991px) {
.rnd_box table thead th {font-size:1.12em;}
.rnd_box table td {padding:1.4em 1.2em;}
}

@media (max-width: 575px) {
.rnd_box table thead th {font-size:1.06em; }
}


.txt_em_red {font-size:1.37em; color:#d20008;}
.txt_em_red strong {font-size:1.18em;}
.txt_em_red strong span {font-weight:400;}

@media (max-width: 991px) {
.txt_em_red {font-size:1.25em; letter-spacing:-0.08em;}
}

@media (max-width: 575px) {
.txt_em_red {font-size:1.13em; }
}


/*기술경쟁력 */
.en_sub03_02 .ul_dot,
.en_sub03_02 .col_tech .col &gt; p,
.en_sub03_02 .col_tech .col &gt; .figure {width:90%; margin-left:auto; margin-right:auto;}

.en_sub03_02 .rnd1 .rnd_box .figure {max-width:380px;}
.en_sub03_02 .rnd1 .rnd_box .txt_em_red {margin:.3em 0 .5em;}

.en_sub03_02 .rnd3 .item {color:#333;}
.en_sub03_02 .rnd3 .item .figure {max-width:782px;}

.en_sub03_02 .rnd3 .item1 .figure p {font-size:1.25em; font-weight:600;}
.en_sub03_02 .rnd3 .item1 &gt; ul {list-style:none; margin:1em auto 0; padding:0; max-width:668px; line-height:1.4em;} 
.en_sub03_02 .rnd3 .item1 &gt; ul &gt; li {float:left; width:25%; padding:0 2%;}
.en_sub03_02 .rnd3 .item1 &gt; ul &gt; li &gt; img {width:80%; max-width:85px; margin-bottom:.4em;}

.en_sub03_02 .rnd3 .item2 {font-size:1.08em; padding-bottom:1.6em;}
.en_sub03_02 .rnd3 .item2 .ul_check {/*font-size:1.18em; line-height:1.5em;*/ margin:1.7em 0 1em;}


.en_sub03_02 .rnd3 .col_line {border-color:#e6e6e6;}

@media (min-width: 768px) {
.en_sub03_02 .rnd3 .item1 &gt; ul {width:85%; }
.en_sub03_02 .rnd3 .item2 .ul_check &gt; li:before {top:.15em;}
}

@media (max-width: 991px) {
.en_sub03_02 .rnd3 .item2 {padding-bottom:1.2em;}
.en_sub03_02 .rnd3 .item2 .ul_check {margin:1.3em 0 .6em;}
}

@media (max-width: 575px) {
.en_sub03_02 .rnd3 .item1 &gt; ul {font-size:2.8vw; letter-spacing:-0.08em; }
}


/*품질관리 */
.en_sub03_03 .rnd1 .ul_check &gt; li {display:inline-block; padding:0 2.5%;}
.en_sub03_03 h5.tit_box {margin-bottom:35px;}

@media (max-width: 991px) {
.en_sub03_03 h5.tit_box {margin-bottom:26px;}
}

@media (max-width: 575px) {
.en_sub03_03 h5.tit_box {margin-bottom:18px;}
}


.en_sub03_03 .rnd2 .row {margin:0 -4px;}
.en_sub03_03 .rnd2 .col {padding:0 4px; position:relative;}
.en_sub03_03 .rnd2 .img {position:relative; left:50%; top:0; width:60%; max-width:146px; padding-bottom:60px;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);

}
.en_sub03_03 .rnd2 .img:after {content:""; display:block; width:1px; height:100%; background:#c6c6c6; position:absolute; left:50%; top:20%; bottom:0; z-index:0;}
.en_sub03_03 .rnd2 .img img {max-width:100%; height:auto; position:relative; z-index:10;} 
.en_sub03_03 .rnd2 .item {border:1px solid #d6d6d6; padding:0 14px; position:relative; background:#fff;}
.en_sub03_03 .rnd2 .item h5 {font-size:1.37em; line-height:1.1em; height:105px; color:#333; border-bottom:1px solid #d6d6d6; height:100px; font-weight:600; letter-spacing:-0.025em; overflow:hidden;}
.en_sub03_03 .rnd2 .item h5 &gt; span {position:relative; display:block; top:51%; 
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);

}
.en_sub03_03 .rnd2 .item .col_txt {text-align:left; padding:30px 5% 40px 5%;}
.en_sub03_03 .rnd2 .ul_dot &gt; li {margin-top:1.2em;}
.en_sub03_03 .rnd2 .ul_dot &gt; li:before {margin-top:-.1em;}
.en_sub03_03 .rnd2 .ul_dot &gt; li &gt; p {color:#333; font-weight:600; margin-bottom:.2em; font-size:1.125em; line-height:1.25em; }
/*.en_sub03_03 .rnd2 .ul_dot .ul_line {line-height:1.5em;}*/

@media (max-width: 991px) {
.en_sub03_03 .rnd2 .row {margin-top:-30px;	}
.en_sub03_03 .rnd2 .col {margin-top:30px;}	
.en_sub03_03 .rnd2 .img {padding-bottom:45px;}	
.en_sub03_03 .rnd2 .item h5 {font-size:1.24em; height:75px; letter-spacing:-0.04em;}
.en_sub03_03 .rnd2 .item .col_txt {padding:20px 0 30px;}
.en_sub03_03 .rnd2 .ul_dot &gt; li &gt; p {font-size:1.06em;}
.en_sub03_03 .rnd2 .ul_dot &gt; li:before {margin-top:-.2em;}
}

@media (max-width: 767px) {
.en_sub03_03 .rnd2 .row &gt; div:nth-child(2n+1) {clear:both;}
}

@media (max-width: 575px) {
.en_sub03_03 .rnd2 .row {margin-top:-20px;	}
.en_sub03_03 .rnd2 .col {margin-top:20px;}	

.en_sub03_03 .rnd2 .img {padding-bottom:35px; max-width:110px;}		
.en_sub03_03 .rnd2 .item h5 {font-size:3.7vw; height:55px;}
.en_sub03_03 .rnd2 .item .col_txt {padding:15px 0 25px;}
.en_sub03_03 .rnd2 .ul_dot &gt; li &gt; p {font-size:1em;}
}


/*인증 현황*/
.en_sub03_03 .rnd3 .pro_box {text-align:center; overflow:hidden; margin-top:-.5em; margin-bottom:53px; width:90%; max-width:840px;}
.en_sub03_03 .rnd3 .pro_box &gt; ul {margin:0; padding:0; float:left; position:relative; left:50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.en_sub03_03 .rnd3 .pro_box &gt; ul &gt; li {float:left; width:33.33%; padding:0 10px;}
.en_sub03_03 .rnd3 .pro_box &gt; ul &gt; li &gt; img {border:1px solid #d6d6d6;}

@media (max-width: 991px) {
.en_sub03_03 .rnd3 .pro_box {margin-bottom:40px;}	
.en_sub03_03 .rnd3 .pro_box &gt; ul &gt; li {padding:0 7.5px;}
}


@media (max-width: 575px) {
.en_sub03_03 .rnd3 .pro_box {margin-bottom:30px; width:100%;}		
.en_sub03_03 .rnd3 .pro_box &gt; ul &gt; li {padding:0 5px;}
}

.en_sub03_03 .rnd3 .table th {padding-left:0.5em !important; padding-right:0.5em !important;}
.en_sub03_03 .rnd3 .table th,
.en_sub03_03 .rnd3 .table td {white-space:nowrap !important;}


/*채용문의*/
/*.recruit .cols &gt; section {padding-top:100px; margin-top:100px; border-top:1px solid #f1f1f1; position:relative;}
.recruit .cols &gt; section.first {padding-top:0 !important; margin-top:0 !important; border:none;}
.recruit .cols .anchor {top:-20px;}*/
.recruit .sub_tab {margin-bottom:77px;}

@media (min-width: 992px) and (max-width: 1099px) {
.recruit .box2_mt.pro_box_warp h5 {font-size:2.3vw;}
}

@media (min-width: 768px) and (max-width: 991px) {
.recruit .box2_mt.pro_box_warp h5 {font-size:2.3vw;}
}


@media (max-width: 991px) {
/*.recruit .cols &gt; section {padding-top:70px; margin-top:70px;}	
.recruit .cols .anchor {top:-35px;}*/
}

@media (max-width: 575px) {
/*.recruit .cols &gt; section {padding-top:50px; margin-top:50px;}	*/
.recruit .sub_tab {margin-bottom:45px;}

}

.recruit .com_mdd_img {background-image:url(/kor/images/0503_bg_01.jpg);}
.recruit .com_mdd_img p.txt1 {font-weight:400; margin-bottom:0;}
.recruit .com_mdd_img p.txt1 strong {font-weight:800;}

.recruit .box2_mt.pro_box_warp h5 {margin-bottom:.3em; letter-spacing:-0.04em;}
.recruit .box2_mt.pro_box_warp .txt_mdd {color:#333;}
.recruit .pro_box_warp &gt; ul &gt; li {padding-top:0;}
.recruit .pro_box_warp .col_txt {padding-top:1.2em; padding-bottom:1.2em; margin-top:1.3em; height:5.7em;}
.recruit .pro_box_warp .col_txt p {margin:0 -.5em;}
.recruit .pro_box_warp .figure {width:56%;}
.recruit .pro_box_warp .col_img {padding:3.1em 0 2.6em;}


@media (min-width: 830px) and (max-width: 1199px) {
.recruit .pro_box_warp .col_txt {height:7em;}
}

@media (min-width: 768px) and (max-width: 829px) {
.recruit .pro_box_warp .col_txt {height:8.7em;}
}

@media (max-width: 475px) {
.recruit .pro_box_warp .col_txt {height:7em;}
}

@media (max-width: 349px) {
.recruit .pro_box_warp .col_txt {height:8.7em;}
}



@media (min-width: 992px) and (max-width: 1099px) {
.recruit .box2_mt.pro_box_warp h5 {font-size:2.3vw;}
}

@media (min-width: 768px) and (max-width: 991px) {
.recruit .box2_mt.pro_box_warp h5 {font-size:2.2vw;}
}


@media (max-width: 991px) {
.recruit .pro_box_warp .col_txt {padding-top:1em; padding-bottom:1em; margin-top:1.1em;}	
.recruit .pro_box_warp .col_img {padding:2.6em 0 2.1em;}
}

@media (max-width: 767px) {
.recruit .pro_box_warp .figure {max-width:98px;}
}


@media (max-width: 419px) {
.recruit .box2_mt.pro_box_warp h5 {font-size:4.1vw;}
}


/*복리후생*/
.col_benefit {max-width:1110px; margin:0 auto;}
.col_benefit .col {border:1px solid #d6d6d6; padding:10px 7px; margin-bottom:-1px; position:relative;}
.col_benefit .col:after {display:block;visibility:hidden;clear:both;content:""}
.col_benefit .col_img {text-align:center; padding-left:23%; padding-right:7px;}
.col_benefit .col_img .img {background-repeat:no-repeat; background-position:center center; background-size:cover;}
.col_benefit .col1 .col_img .img {background-image:url(/kor/images/0503_img_01.jpg);}
.col_benefit .col2 .col_img .img {background-image:url(/kor/images/0503_img_02.jpg);}
.col_benefit .col3 .col_img .img {background-image:url(/kor/images/0503_img_03.jpg);}
.col_benefit .col4 .col_img .img {background-image:url(/kor/images/0503_img_04.jpg);}
.col_benefit .col_img h5 {font-size:1.62em; color:#4c9deb; line-height:1.4em; font-weight:700; letter-spacing:0; background:url(/kor/images/ico_check.svg) no-repeat 0 center; background-size:auto 27px; display:inline-block; padding-left:1.4em;}
.col_benefit .col_img h5.green {color:#6dc854; background-image:url(/kor/images/ico_check_green.svg);}
/*.col_benefit .col_img .txt { background:red;}*/
.col_benefit .col_txt {padding:1.5em 4% 1.5em 6%;}
.col_benefit .ul_dot &gt; li {margin-top:.4em; padding-left:11.5em;}
.col_benefit .ul_dot &gt; li &gt; strong {color:#333; position:absolute; left:1em; top:0;}

@media (min-width: 992px) {
.col_benefit .col_img .img {position:absolute; left:7px; top:5px; bottom:5px; width:22.75%;}
}


@media (max-width: 1199px) {
.col_benefit .col_txt {padding:1.5em 4%;}
.col_benefit .col_img .img {width:25.75%;}
.col_benefit .col_img {padding-left:25.4%;}
}


@media (min-width: 768px) {
.col_benefit .col {display:table; width:100%;}	
.col_benefit .col &gt; div {display:table-cell; vertical-align:middle;}
.col_benefit .col_img {width:42%;}
.col_benefit .col_txt {border-left:1px solid #d6d6d6; width:58%;}
}


@media (max-width: 991px) {
.col_benefit .col .col_img {position:relative; padding:0 0 5px;}	
.col_benefit .col_img .img {width:100%; height:0; padding-bottom:65%; margin-top:-5px;}	
.col_benefit .col_img h5 {font-size:1.5em; background-size:auto 23px;}
}

@media (min-width: 768px) and (max-width: 991px) {
.col_benefit .col .col_img {vertical-align:top; padding-right:5px;}	
.col_benefit .ul_dot &gt; li {padding-left:1em;}	
.col_benefit .ul_dot &gt; li &gt; strong {position:static; width:100%; display:block;}
.col_benefit .col_img h5 {margin:1em 0 .6em;}
}


@media (max-width: 767px) {
.col_benefit .col {padding:0;}	
.col_benefit .col_img:after {display:block;visibility:hidden;clear:both;content:""}
.col_benefit .col_img {padding:5px 7px !important;}
.col_benefit .col_img .img {float:left; width:68%; padding-bottom:45%; margin:0;}
.col_benefit .col_img .txt {width:33%; position:absolute; right:0; top:50%; 
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);

}
.col_benefit .col_txt {border-top:1px solid #d6d6d6; height:auto !important;}
}


@media (max-width: 575px) {
.col_benefit .col_img h5 {font-size:1.36em; background-size:auto 19px;}

.col_benefit .ul_dot &gt; li {padding-left:1em;}	
.col_benefit .ul_dot &gt; li &gt; strong {position:static; width:100%; display:block;}

}

@media (max-width: 379px) {
.col_benefit .col_img h5 {background-size:auto 17px;}

}

.recruit .sec4 .col {margin-top:55px; color:#555;}
.recruit .sec4 .col.first {margin-top:0 !important;}
.recruit .sec4 .col strong {color:#333;}

.recruit .col_step {list-style:none; margin:0; padding:0; display:table; width:100%; text-align:center; border:1px solid #e1e1e1;}
.recruit .col_step &gt; li {display:table-cell; position:relative; padding:1.7em 0 1.5em 0.7em; width:20%;}
.recruit .col_step &gt; li:before {content:""; display:block; width:38px; position:absolute; left:-20px; top:0; height:100%; background:url(/kor/images/0503_step_line.png) no-repeat 0 center; }
.recruit .col_step &gt; li:first-child:before {display:none;}
.recruit .col_step .figure {width:40%; margin:0 auto;}
.recruit .col_step p {color:#333; line-height:1em; margin-top:1.2em;}


@media (max-width: 991px) {
.recruit .sec4 .col {margin-top:40px;}
.recruit .col_step &gt; li {padding:1.2em 0 1.2em 0.8em; }
.recruit .col_step p {margin-top:.8em;}
.recruit .col_step .figure {max-width:50px;}
}


@media (max-width: 575px) {
.recruit .sec4 .col {margin-top:30px;}
.recruit .col_step p  {font-size:2.6vw;}
}


.bbs_txt_warp {width:90%; margin:0 auto 10px; color:#333; line-height:1.7em;}
</pre></body></html>