@charset "utf-8";
* {box-sizing:border-box;}
.imgbox img {width:100%; display:block;}
.title {margin:0 auto; width:1200px; color:#333; ;}
.title h2 {font-size:48px;padding-top:40px; height:120px;border-bottom:3px solid #50bfd8; }
.sect_wrap { margin:0 auto; width:1200px; position:relative;}
.shadow {box-shadow:0 7px 20px 0 rgba(0,0,0,.2)}
.sub_vis {height:380px; background:url(../images/sub_vis01.png) no-repeat center center; background-size:cover; text-align:center; color:white;padding-top:190px;}
.bus .sub_vis {background:url(../images/adv.jpg) no-repeat center center;}
.pac .sub_vis  {background:url(../images/packing.jpg) no-repeat center center;}
.adv .sub_vis  {background:url(../images/business.jpg) no-repeat center center;}
.brd .sub_vis {background:url(../images/board.jpg) no-repeat center center;}
.rec .sub_vis  {background:url(../images/rec.jpg) no-repeat center center;}
.sub_vis h3 {padding-top:75px; font-size:24px; font-weight:500; letter-spacing:0.1em;}
.sub_vis h2 {padding-top: 20px; font-size:48px;  display:inline-block; letter-spacing:0.2em; font-weight:550; color:#fff;}
.sub_vis h4 {font-size:24px; padding-top:15px; font-weight:500; }
.lnb .lnb_wrap {max-width:1200px; margin:0 auto;}
.sub_vis label {padding: 0 6px;}
.lnb .home a {display:block;width:70px; height:50px; }
.lnb .lnb_sub {width:160px; border-right:1px solid #ddd; color:#727272; padding-left:30px; background:url(../images/location_bg.jpg) no-repeat 132px center; float:left;}
.lnb .lnb_dsc {border-right:1px solid #ddd; color:#2d2f8c; padding-left:30px; float:left; padding-right:30px;}
.col {float:left;}
.half {width:50%;}


/*greeting*/
.sect1 {text-align:center;position:relative;}
.greeting .sect1 { background:url(../images/greeting_bg.png) no-repeat center center; }
.sect1 h2, .sect2 h2{font-size:36px; padding-top:75px; background:url(../images/h2bg.png) no-repeat center 156px; padding-bottom:100px;position:relative; text-align:center; font-weight:400;}
.sect1 .title {width:1200px; border: 7px; background:url(../images/diagonal.png) no-repeat, url(../images/greeting.png) no-repeat 30px center;; height:381px; padding-left:600px; font-size:22px; text-align:left;padding-top:100px;line-height:1.4em;}
.sect1 h2::after {display:block; content:''; width:2px; height:40px; background:#0067ff; position:absolute; left:50%;top:133px;}
.sect1 .title em {color:#0067ff; font-style:normal;}

.sect2 {padding-top:60px;padding-bottom:100px;}
.bus .sect2 {padding-bottom:84px;}
.sect2 .v {position:relative; margin-bottom:100px; width:100%;}
.sect2 h3 {font-size:30px; color:#0067ff;}
.sect2 p {font-size:16px; line-height:1.6em;word-break:keep-all;}


/* vision */
.vision .sect1 .row{text-align:left; background:url(../images/v1.png) no-repeat right top; margin-top:20px;}
.vision h3 {font-size:36px; color:#0067ff; padding-bottom:22px;padding-top:40px; font-weight:600;}
.vision h3 b {color:#e3e3e3; padding-left:30px;letter-spacing: 5px;}
.sect_wrap h4 {font-size:28px; color:#353535; line-height:40px;padding-bottom:22px; text-align:left; font-weight:400;}
.vision .sect1 .row .col {padding-bottom:70px;}
.vision .sect1 .row .col:nth-of-type(1) {padding-bottom:60px; width:770px; border-bottom:1px solid #e1e1e1;}
.vision .sect1 p {line-height:30px; font-size:16px;}
.vision .sect2 h5 {font-size:24px; color:#0067ff; line-height:30px; padding-bottom:23px; padding-top:30px;}
.vision .sect2 .col {float:left; width:33.3%; padding-top: 35px;}
.vision .sect2 .col p {font-size:16px;}
.vision .sect2 .col:nth-of-type(3) {padding-left:24px;}

/* summary */
.sum h3 {font-size: 28px;}
.sum h4 { color:#333; text-align:left; }
.sum .sect1, .sum .sect2 {position:relative; margin-top: 100px; padding-top:220px;}
.sum .sect1 {margin-top:0; padding-top:0;}
.sum .sect1 .sum_bg{position:absolute;top:0; height:544px; width:100%; background:url(../images/summary01.jpg) no-repeat top center; background-size:cover;}
.sum .sect1 .sum_bg {margin-top:230px; height:619px;}
.sum .sect1 .row {padding:3rem 0;}
.sum .sect2 .sum_bg {background:url(../images/summary01.jpg) no-repeat top center;}
.sum .sect1 .col {width:50%; padding: 0 1rem;}
.sum .row {margin: 0 -1rem;}
table {font-size: 16px; text-align:left;line-height:60px; border-top: 2px solid #2d2f8c; border-left: 1px solid #dedede; border-right: 1px solid #dedede; width:100%;border-bottom: 1px solid #dedede;}
table tr {border-top:1px solid #dedede; width:100%; background:rgba(255,255,255,.9);}
table th {padding-left:30px; background:#f8f8f8; width: 200px; font-weight:normal; border:1px solid #dedede;}
table td {padding-left:30px; border:1px solid #dedede; line-height: 1.6em; padding:30px 10px; color:#666;}

.sum .summary01 + .sect_wrap .row {display:flex; flex-direction:column; align-items:center;}
.sum .summary01 + .sect_wrap .row .col {width:80%;}
.sum table {height:967px;}
.sum table th {width:12%; padding-left:0; text-align:center;font-size:15px;height:86px;}
.sum table td {width:25%; font-size:15px;}
.sum .summary01 {height:600px; width:100%;background:url(../images/summary01.jpg) no-repeat top center; background-size:cover; }
.sum .summary02 {height:600px; width:100%;background:url(../images/summary02.jpg) no-repeat top center; background-size:cover; }
.sum table b {color:#142d62; padding-top:0.5rem; display:block;}

/*history*/
.history .sect1 .row {position:relative; padding-bottom:100px;padding-left:150px;}
.history .sect1 .row img {position:absolute; right:0; box-shadow: 5px 5px 30px rgba(0,0,0,.21);}
.history .row img:nth-of-type(1) {top:0;}
.history .row img:nth-of-type(2) {top:750px;}
.history .row img:nth-of-type(3) {bottom:100px;}

.history .year {background:url(../images/h1_small.jpg) no-repeat 0 16px, url(../images/line.png) repeat-y 0 0; padding-left:60px; text-align:left;padding-bottom:25px; position:relative;}
.history .year h4 { color:#494a70;}
.history .year dl {padding-bottom:10px;}
.history .year dl::after {display:block; clear:both; content:'';}
.history .year:first-child::before {display:block; content:''; width:20px; background:white; height: 16px;position:absolute; left:0;}
.history .year.last::before {display:block; content:''; width:20px; background:white; height: 87px;position:absolute; left:0; bottom:0;}
.history dt {font-weight:600; float:left; width:63px;}
.history dd {float:left; color:#6e6f98; font-weight:300;}
.history .year:last-child {margin-bottom: 100px;}
.history .year.decade h4 {font-size:32px; font-weight: 600; color:#2d2f8c;}
.history .year.decade {background:url(../images/h1.png) no-repeat 0 16px, url(../images/line.png) repeat-y 0 0;}
/* organization */
.organization .sect2 {background:url(../images/hr.jpg) no-repeat center center;}
.organization .sect2 table {text-align:center; border-top:none;}
.organization .sect2 th {padding-left:0;}
.organization .sect2 tr:first-child {background: #052188; /* Old browsers */
background: -moz-linear-gradient(left, rgba(5,33,136) 0%, rgba(37,105,189) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(5,33,136) 0%, rgba(37,105,189) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(5,33,136) 0%, rgba(37,105,189) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#052188', endColorstr='#2569bd',GradientType=0 ); /* IE6-9 */}
.organization .sect2 tr:first-child th{
background:transparent; color:white; border:none;}
.organization .sect2 table tr > th:first-child {width: 70px;}
.organization .sect2 table tr > td {background:white;}
.organization .sect2 h2 {padding-top:30px; padding-bottom: 50px;}

/* facility */
.facility table {text-align:center;}
.facility table th {padding-left:0;}
.facility .sect3 {padding-top:40px; padding-bottom:100px;}
.facility .sect4 {padding-bottom:100px;}

/* certificate */
.certificate .sect2 {background:white; padding-top:0;padding-bottom:100px;}
.certificate .sect2 .col {width:20%; padding:10px; float:left; text-align:center;display:block; line-height:1.6em;}

/*location*/
.location h4 {font-size:32px; padding-bottom:30px; font-weight:600;}
.location h4 span {font-size:20px; color:#666;padding-left:30px; font-weight:400;}
.location .sect_wrap .col {float:left; width:33.3%;text-align:left; font-size:24px !important; color:#666; padding-bottom:40px; font-weight:300;}
.location .sect_wrap .col h5 {color:#0067ff; padding-bottom:15px;}
.location .sect2 {padding-top:100px;}
.location .sect2 p {font-size:24px;}
.location .sect_wrap svg {margin-right:5px;display:inline-block;}
.location .sect_wrap h6 {font-size: 20px; color:#333;padding-bottom:5px; padding-top:10px; font-weight:500;}
.location .sect_wrap h6 i {display:none;}
.location .sect3 {line-height:1.8em; color:#666; padding-bottom:100px; }
.location .sect3 i {color:#0067ff;}
.location .sect3 i.fa-arrow-alt-circle-right {color:#74a9fa;;margin:0 7px;}
.location .sect3 h4 {text-align:center; padding-bottom:60px; font-weight:500;}

/* business - sep */
.bus .big {box-shadow:10px 10px 30px rgba(0,0,0,.15); font-size:16px; text-align:left; background:white;}
.big .dsc {padding:45px; line-height:1.6em;}
.bus h3 {color:#0067ff; font-size: 28px; padding-bottom:25px; font-weight:500;}
.big .dsc ul {padding-left:10px; padding-top:5px;}
.big .dsc ul li {position:relative;text-indent: 10px;}
.big .dsc ul li::before {display:block; content:''; background:#0067ff; width:5px; height:5px; position:absolute; left:0; top:11px; border-radius:50%;}
.bus .sect2 {position:relative; padding-top:120px;}
.bus .sect2 h3 {text-align:center; color:#333; padding-bottom:20px;}
.bus.sep .sect2 h3 {padding-bottom:50px;}
.bus .sect2 .bg {background:#ebf1fa; position:absolute; top:-36px; height: 1350px; z-index:-2; width:100%;}
.bus .sect2 .row {margin: 0 -20px;}
.bus .sect2 .col {width:33.3%; padding:0 25px 40px; }
.bus .sect2 .box { box-shadow: 10px 10px 30px rgba(0,0,0,.15); background:white;}
.bus .sect2 .dsc {padding:17px 25px 30px;}
.bus .sect2 h4 {font-size:20px; padding-bottom:10px;}
.bus .sect2 p {font-size:16px;color:#666;}
.bus .sect2 .vertical .dsc {padding:40px 10px 30px 25px;}
.bus .sect2 .vertical img{height:302px;}
.bus .vertical::after {content:''; clear:both; display:block;}
.bus .vertical > div {width:50%; float:left;}
.bus .overflow .imgbox{overflow:hidden; height:188px;}
.bus .overflow h4 {line-height:18px;}
.bus .overflow .imgbox img {height:100%;}
.bus .sect2 i {color:#495057;position:absolute; font-size: 30px;top:0; left:0;}
.bus .sect2 i:nth-of-type(1) {top: 243px; left: 381px;}
.bus .sect2 i:nth-of-type(2) {top: 243px; left: 793px;}
.bus .sect2 i:nth-of-type(3) {top: 385px; left: 1000px;}
.bus .sect2 i:nth-of-type(4) {top: 568px; left: 380px;}
.bus .sect2 i:nth-of-type(5) {top: 568px; left: 792px;}
.bus .sect2 i:nth-of-type(6) {top: 730px; left: 177px;}
.bus .sect_wrap h4 {font-weight:500;}
.bus .sect2 .overflow .dsc {padding-bottom:17px;}
.bus .sect2 .col.full {height:300px;}
.bus .sect2 .col.last {transform:translateX(-412px);}

/* business - wood */
.wood .sect1 .col {width:45%;}
.wood .sect1 .col:last-child {width:55%;}
.wood .sect1 {position:relative;}
.wood .wood_bg {position:absolute; top:0; height:470px; width:100%; }
.wood .big{padding:45px;background:url(../images/wt.jpg) no-repeat center center; background-color:rgba(255,255,255,.01); border:1px solid #d8dee7;}
.wood h3 {color:#333;}
.wood .big .imgbox {width:400px; height:auto; }
.wood .big .imgbox img {width:100%;}
.wood .sect1 dl {line-height:2em; }
.wood .sect1 dl > * {float:left;}
.wood .sect1 dl::after {display:block; clear:both; content:'';}
.wood .sect1 dl dt {font-weight:600; width: 140px; position:relative;padding-left:10px;}
.wood .sect1 dl dt::before  {display:block; content:''; background:#0067ff; width:5px; height:5px; position:absolute; left:0; top:13px; border-radius:50%;}
.wood .sect1 dd {color:#666;}

.wood .sect2 {padding-top:80px;}
.wood .sect2 .row {margin: 0 -10px;}
.bus.wood .sect2 .row {margin:0 -10px;}
.wood .sect2 .row .col {padding: 0 10px 20px;}
.wood .sect2 h3 {text-align:left;padding-top:60px;}
.wood .sect2 table {margin-bottom:30px;}
.wood .sect2 th {text-align:center;}
.wood .sect2 td ul li {position:relative; padding-left:8px;}
.wood .sect2 td ul li::before {display:block; content:''; background:#0067ff; width:5px; height:5px; position:absolute; left:0; top:13px; border-radius:50%;}
.wood .sect2 .row img {height:270px;}

/* business - steel */
.wood .big.steel {background:url(../images/st.jpg) no-repeat center center; }

/* business - transportation */
.trans .sect2 {padding-top:0;}
.trans .sect2 h2, .sect2 h2{font-size:36px; padding-top:75px; background:url(../images/h2bg.png) no-repeat center 156px; padding-bottom:100px;position:relative; text-align:center; font-weight:400;}
.trans .sect2 h2::after {display:block; content:''; width:2px; height:40px; background:#0067ff; position:absolute; left:50%;top:133px;}

.trans .sect1 .transport {background:url(../images/t_12.png) no-repeat center center;height:520px; width:100%; background-size:cover; color:white; padding-top:166px;}
.trans .sect1 .row img {padding: 0 15px;}
.trans .sect1 h3 {font-size:34px;color:#fff;padding-top:30px; padding-bottom:15px; font-weight:400;}
.trans .sect1 h3 b {font-weight:600; color:#bee1ff;}
.trans .sect1 p {font-size:22px; line-height:1.4em;}
.trans .sect2 h3 {text-align:left;}
.trans .sect2 .col {width:25%; text-align:center; border-right:1px solid #ddd; padding: 40px 0 0 0 }
.trans .sect2 .col:last-child {border-right:none;}
.trans .sect2 .col .imgbox {width:120px; height:90px; display:block; margin:0 auto;background:url(../images/t_24.png) no-repeat center center;}
.trans .sect2 .col:nth-of-type(2) .imgbox {background:url(../images/t_21.png) no-repeat center center;}
.trans .sect2 .col:nth-of-type(3) .imgbox {background:url(../images/t_15.png) no-repeat center center;}
.trans .sect2 .col:nth-of-type(4) .imgbox {background:url(../images/t_18.png) no-repeat center center;}
.trans .sect2 .col .dsc {font-weight:400; color:#333;}
.trans .sect3 {background:#fafafa; padding-top:60px;}
.trans .sect3 h3 {color:#687088;padding-bottom:40px;}
.trans .sect3 img {width: 630px; padding-right:67px; }
.trans .sect3 .dsc {float:left;}
.trans .sect3 p { line-height:30px;}
.trans .sect3 .ocean > .col {float:right; text-align:right; margin-bottom:140px;}
.trans .sect3 .sect_wrap .ocean h4 {text-align:right;}
.trans .sect3 .ocean img {padding-right:0; padding-left:67px; width:600px;}
.trans .sect3 h4 {color:#0067ff; font-size:24px; padding-top: 80px;}
.trans .sect3 .box {width: 600px; height:250px; padding-top:50px; text-align:center;position:absolute; background:rgba(255,255,255,0.9); color:#666; box-shadow:0px 10px 30px rgba(0,0,0,.15); z-index:2;}
.trans .sect3 .box h5 {font-size:24px; padding-bottom:25px; color:#333;}
.trans .sect3 .box .imgbox {width:75px; height:80px; background:url(../images/t_34.png) no-repeat center center; display:block; margin:0 auto;}
.trans .sect3 .box .col:nth-of-type(2) .imgbox {background:url(../images/t_36.png) no-repeat center center;}
.trans .sect3 .box .col:nth-of-type(3) .imgbox {background:url(../images/t_31.png) no-repeat center center;}
.trans .sect3 .box .air .box .col .imgbox {background:url(../images/t_42.png) no-repeat center center;}
.trans .sect3 .box .col {width:33.3%; text-align:center; }
.trans .sect3 .box .col .dsc {float:none;}
.trans .sect3 .contents > div {padding-bottom: 50px;}
.trans .sect3 .ocean .box {top:770px; margin-left:295px; margin-top:73px;}
.trans .sect3 .air .box .col:nth-of-type(1) .imgbox {background:url(../images/t_42.png) no-repeat center center;}
.trans .sect3 .air .box .col:nth-of-type(2) .imgbox {background:url(../images/t_44.png) no-repeat center center;}
.trans .sect3 .air .box .col:nth-of-type(3) .imgbox {background:url(../images/t_39.png) no-repeat center center;}
.trans .sect3 .air .box {margin-top: 103px; transform:translateX(-370px);}
.trans .sect3 .contents .air {padding-bottom: 280px; padding-top:90px;}

/* packing - summary */

.pac .sect1 {background:url(../images/sum02.jpg) no-repeat bottom center;}
.pac .sect1 .sect_wrap > div {float:left;}
.pac .sect1 img {width: 487px; height:610px; transform:translateY(50px);}
.pac .sect1 .dsc {text-align:left; padding-left:100px;}
.pac .sect1 h3 {color:#0067ff; padding-top:330px;}

.pac h3 {font-size:28px; color:#333; padding-bottom:20px; padding-top:60px; font-weight:500;}
.pac .sect_wrap ul li {line-height:2.3em;background:url(../images/bullet.png) no-repeat left 10px; padding-left: 25px;}
.pac p {line-height: 1.6em;}
.pac .items {padding: 20px 0; padding-left:20px; background:#F1F2F7}
.pac .items::after {display:block; clear:both; content:'';}
.pac .item {background:#e7ebef; color:#545f70; margin-right: 15px; border-radius: 5px; width: 177px; height:130px; line-height:30px; display:block; margin-bottom: 15px; float:left; text-align:center; padding-top:33px;}
.pac .item.double {line-height: 1.2em; padding-top:10px;}
.pac .item.double i {padding-bottom:10px;padding-top:25px;}
.pac .mark {margin-top:30px;}
.pac .mark th, .pac .mark td:first-child {text-align:center;}
.pac .mark b {color:#2d2f8c; font-size:20px;}
.pac h4 {color:#2d2f8c; font-size:20px; font-weight:600; padding: 15px 0 0;}
.pac .condition ul {float:left; width:50%;}
.pac .pp {background:#e7ebef; padding: 30px; padding-top:10px; margin-top:20px;}
.pac .pp .items {background:none;}
.pac .pp .item {background:#93a8c7;width:171px;  color:#fff;}
.pac .pp .col {float:left;width:25%; padding: 0 10px;}
.pac .pp .col img {height:180px;}
.pac .pp .row {padding: 20px 10px;}
.pac .pp h4 {padding-left:20px;}
.pac .containerBtn {border:1px solid #0067ff; font-size: 14px; padding: 00px 20px; color:#0067ff;border-radius: 3px; margin-left: 20px; display:inline-block;}
.pac .np {margin-bottom:0;}

/* packing - flow */
.flow .sect1 .dsc {padding-left:0;}
.flow .sect1 .sect_wrap > div {float:none;}
.flow h2 + .dsc > p {text-align:center; margin:0 auto;}
.flow .sect1 {background:none;}
.flow .contents > .row > .col {width:16.667%; float:left; text-align:center;}
.flow .contents > .row:nth-of-type(2) > .col {float:right;}
.flow .contents {position:relative;}
.flow .contents > i {position:absolute;}
.flow .contents i.fa-chevron-right:nth-of-type(1) {top:67px; left:197px;}
.flow .contents i.fa-chevron-right:nth-of-type(2) {top:67px; left:397px;}
.flow .contents i.fa-chevron-right:nth-of-type(3) {top:67px; left:597px;}
.flow .contents i.fa-chevron-right:nth-of-type(4) {top:67px; left:797px;}
.flow .contents i.fa-chevron-right:nth-of-type(5) {top:67px; left:997px;}
.flow .contents i.fa-chevron-down {top:260px; right:93px;}
.flow .contents i.fa-chevron-left:nth-of-type(7) {top:371px; right: 195px;}
.flow .contents i.fa-chevron-left:nth-of-type(8) {top:371px; right: 395px;}
.flow .contents i.fa-chevron-left:nth-of-type(9) {top:371px; right: 595px;}
.flow .contents i.fa-chevron-left:nth-of-type(10) {top:371px; right: 795px;}
.flow .contents i.fa-chevron-left:nth-of-type(11) {top:371px; right: 995px;}

.flow .box {padding-bottom:70px;}
.flow .circle {width:150px; height:150px; border: 7px solid #e4e6f1; border-radius: 150px; padding-top:25px; position:relative; margin:0 auto;}
.flow .down .circle {border:7px solid #3b78d3;}
.flow .circle::after { position:absolute; background:#0067ff; height:2px; width: 20px; top: 56px; left: 59px; content:'';}
.flow .circle h4 {text-align:center; font-size:17px; color:#333; font-weight:400;}
.flow .circle.double h4{font-size:15px; line-height:1.3em;}
.flow .box i {color:#adb5bd; padding: 10px 0;}
.flow .add {width:150px; border: 5px solid #f2f3f8; margin: 0 auto; padding: 10px 0;}
.flow .last .circle {color:white; background:#3b78d3; border:none; }
.flow .last .circle::after {background:white; left:64px;}
.flow .last h4 {color:white;}


/* packing - heat */


.heat .big_row { margin: 0 -30px; position:relative;}
.heat .sect3 .row {width:33.3%; float:left; padding: 0 30px 60px;}
.heat .sect3 .col {width:100%;}
.heat .sect3::after {clear:both; content:''; display:block;}
.heat .circle {width:100%;; height:100px; border: 7px solid #e4e6f1;position:relative; margin:0 auto; color:white;}
.heat .circle p {text-align:center; display:none;}
.heat .circle br {display:none;}
.heat  .down .circle {border:7px solid #3b78d3; background:#3b78d3; color:white}
.heat  .circle::after { position:absolute; background:#fff; height:2px; width: 20px; top: 56px; left: 50%; transform:translateX(-10px); }
.heat  .circle h4 {text-align:center; font-size:20px; color:#fff; font-weight:400; line-height:1.3em;}
.heat  .circle.double h4{font-size:20px; line-height:1.3em;}
.heat .circle {padding-top: }
.heat .circle h5 {text-align:center; font-weight: 400; padding-top: 10px; font-size:16px;color:rgba(255,255,255,.6)}
.heat .col.dsc {box-shadow: 0 5px 10px rgba(0,0,0,.2); padding: 30px;  min-height: 200px; background:white;}
.heat .sect1 .dsc {width:652px;}
.pac.heat .pp {padding-top: 50px;}
.pac.heat .pp .col:first-child {width:30%;}
.pac.heat .pp .col:last-child {width:70%;}
.heat .sect2 {padding-bottom:80px;}
.heat .sect3 {padding-bottom:100px; background:#f9f9f9;}
.heat .two {padding-top:30px;}
.heat .sect3 i {position:absolute;}
.heat .sect3 i:nth-of-type(1) {top:150px; left:415px;}
.heat .sect3 i:nth-of-type(2) {top:150px; left:838px;}
.heat .sect3 i:nth-of-type(3) {top:325px; left:1040px;}
.heat .sect3 i:nth-of-type(4) {top:534px; left:415px;}
.heat .sect3 i:nth-of-type(5) {top:534px; left:838px;}
.heat .pp .col img {height:auto;}

/* packing - container */
.container .sect1 {background:none;}
.container .sect2 .col:first-child {float:left; width: 30%; padding-right:70px;}
.container .sect2 .col:last-child {float:left; width:70%;}
.container .sect2 .row {padding-top:20px;}
.container .sect2 table {text-align:center;}
.container .sect2 h4 {;padding-bottom:4px;}
.container .contents {padding-top: 40px;}
.container .sect2 {padding-top:0;}
.container .sect2 table th {padding-left:0; width: auto;}
.container .sect2 table td {padding: 10px 20px;}


/* advertisement - certificate */
.adv .col {width:33.3%; padding-bottom: 60px;}
.adv .col img {width:250px; display:block; margin:0 auto; padding-bottom: 10px;}
.adv .row {padding: 40px; margin: 0 -20px;}
.adv table {text-align:center;}
.adv table th {padding-left:0;}
.adv table td[rowspan] { vertical-align:top;}
.adv table td:last-child {vertical-align:middle;}
.adv h4 {padding-top: 60px}
.adv table td {width:18%;}
.adv table td:first-child {width:10%;}
.adv .sect1 {padding-bottom:100px;}


/* recruitment - welfare */
.rec .col {width: 285px;margin-right: 20px;  height: 200px; box-shadow: 0 5px 20px rgba(0,0,0,.2); padding-top: 50px; background:white;margin-bottom:20px;border-radius: 10px;}
.rec .col:nth-of-type(4), .rec .col:nth-of-type(8) {margin-right:0;}
.rec i {font-size:45px; padding-bottom: 30px; color:#506EE4;}
.rec .sect1 .sect_wrap {padding-bottom: 100px;}
.rec .sect1 .dsc {color:#545f70;}
.rec h3 {padding: 60px; padding-bottom:60px; font-size: 38px; font-weight:400; position:relative;width:1200px; margin:0 auto; line-height:1.6em; transform:translateY(-30px); background:#F1F2F7}
.rec h3 i {padding: 0 30px; color:#d8dee7; position:absolute; font-size: 50px;}
.rec h3 i:first-child {top:42%; left:200px;}
.rec h3 i:last-child {top:42%; right:200px;}
.rec h3 b {color:#0067ff;}



/* board normalize */
label {cursor:normal;}
body, h1, h2, h3, h4, h5, h6, th, td, input, textarea, select, option {font-size:16px; line-height:auto; color:#333;}
h2 {color:#333;}
h5 {font-weight:600; line-height:30px;}
.brd .sect1 {text-align:left;}
.rec table th , .brd table th {width: auto; text-align:center;}
.rec .list_body th.th_writer, .brd .list_body th.th_writer {text-align:center; padding-left:0;}
.write_head .write_subject label {opacity:0;}
.list_body td {text-align:center;}
.board_wrap {padding-bottom:100px;}
.sub .jyboard *, .jywrite *, .comment_wrap * { font-family:'Montserrat' , 'Noto Sans KR', sans-serif; font-size:16px;}
.sub .list_body td.nocontents {font-size:16px;}
.sub .list_body .item_subject .subject_area a {font-size:inherit;}
.sub .list_body th {background:#fafafa; border:none; line-height:40px; color:#333;}
.sub .list_body td { border:none; line-height:40px;}
.sub table {border-left:none; border-right:none; border-top: 2px solid #2d2f8c;}
.sub .jybo_top .fleft {padding-bottom:5px;}
.sub .list_body th a {color:#333 !important;}
.list_body .item_good em, .list_body .item_nogood em, .list_body .item_hit em {font-size:14px !important;}
.list_body .item_date, .list_body .item_good, .list_body .item_nogood, .list_body .item_hit, .list_body .item_good span, .list_body .item_nogood span, .list_body .item_hit span {font-size:14px !important;}
.list_body .item_no {font-size:14px !important;}
.list_body tbody .over {background:white !important;}
.sub .article_info span.txt_writer span, .article_info span.txt_writer a span {font-size:14px;}
.sub .article_info span.txt_ip {font-size:14px;}
.sub h4.article_tit { font-size:18px; font-weight:400;}
#writeContents {border-bottom:1px solid #ddd;}
.sub .article_head {border-top:2px solid #2d2f8c}

.sub .i_text {height:40px; font: 14px Tahoma;}
.sub html:first-child select {height:40px;}
.brd .box  img {width:100% !important;}

/*privacy*/
#privacy .sect1{padding-bottom:80px; text-align:left !important;}
#privacy article li{ list-style-position:inside !important;}
#privacy .sect1 h4{display:inline-block;padding-left:0;margin-bottom:10px;font-size:19px;color:#333;font-weight:normal;background:none;}
#privacy h5{margin-top:20px;font-size:17px}
#privacy h5:before{content:"▶";}
#privacy article p, #privacy article li{font-size:16px;line-height:1.6em;}
#privacy article p:first-child {padding-top:40px;}
#privacy .depth1>li{margin-top:40px;list-style:decimal;}
#privacy .depth2{margin-left:20px;}

#privacy article ol li{margin-bottom:10px;list-style:lower-roman;}

#privacy .depth3{display:block;margin-left:35px;margin-top:10px;}
	#privacy article ul li{list-style:square;}
#privacy .list-style-none li{margin-left:20px;margin-top:10px;list-style:none;}

#privacy article dl{overflow:hidden;}
#privacy article dt{clear:both;float:left;}
#privacy article dt:after{content:" : ";}
#privacy article dd{}


.wood .sect2 .quarter .col {width:25%;}
.wood .sect2 .quarter .col img {height:auto;}

.steel .sect2 .quarter .col {width:25%;}
.steel .sect2 .quarter .col img {height:auto;}