@charset "utf-8";
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

.txt-blue{ color:#2c3b8f; }
.square{ font-family:'NanumSquare'; }
.doc-tit{ position:relative; font-family:'NanumSquare'; font-size:20px; font-weight:bold; line-height:1em; color:#454545; padding-left:30px;  }
.doc-tit:before{ content: ""; position:absolute; width:19px; height:19px; top:1px; left:2px; background:url("/images/sub/icon_tit.png") no-repeat;  }

/*greeting*/
.greeting{ box-shadow:1px 1px 5px rgba(0,0,0,0.2); }
.greeting .cnt{ padding:40px 14%; background:url("/images/sub/greeting_bg.png") no-repeat left bottom;}
.greeting .cnt p{ font-size:18px; font-weight:500; line-height:1.556em; color:#555555; margin-bottom:22px;}
.greeting .cnt .sign{ margin-bottom:0; color:#242424; }

/*management*/
.management {position:relative;}
.management .icon{ background:url("/images/sub/management_bg1_1.png") no-repeat left top; width:51.33%; height:65px; margin:0 auto 55px auto; }
.management .icon p{ font-size:30px; font-weight:bold; line-height:1.600em; height:65px; background:url("/images/sub/management_bg1_2.png") no-repeat right top;  }
.management .icon p span{ font-weight:800; }

.management .icon-box{ display:flex; margin-bottom:80px; margin-bottom:80px;}
.management .icon-box li{ text-align:center; width:25%; padding:0 10px;}
.management .icon-box .img{ margin-bottom: 20px; }
.management .icon-box li p{ font-size: 20px; font-weight: bold; line-height: 1.5em; color: #242424; letter-spacing: -.03em; }
.management .icon-box .mr-10 {margin: 0 -20px;}

.management .group2 {background: url("/images/sub/management_bg2.jpg") 0% 0% no-repeat; background-size:62.5% 100%; padding:80px 0;}

.management .group2 .bg p {color:#ffffff;}
.management .group2 .bg .tit {font-size:30px; line-height:0.857em; font-weight:bold; margin-bottom:10px;}
.management .group2 .bg .tit span {color: #9ba9fd;}
.management .group2 .bg .txt { font-size:16px; font-weight:300; line-height:1.875em; margin-bottom:30px; }
.management .group2 .bg .txt span { font-size 18px; font-weight:500; }
.management .group2 .cnt {display:flex; align-items: center; width: calc(50% + 200px); margin-left:auto; background: #fafafa; padding: 20px 0 20px 20px; border: 1px solid #dddddd; }
.management .group2 .cnt {border-right:0;}
.management .cnt .img{margin-right:38px;}

.management .cnt li div{ display: flex; align-items: flex-start; font-size: 16px; line-height: 2.5em; font-weight: 400; color: #454545; }
.management .cnt .tit{ text-align: center; font-size: 16px; font-weight: 600; color: #1d275f; width: 55px; }
.management .cnt .txt{ position: relative; margin-left: 35px; }
.management .cnt .txt:before{ content: ""; position: absolute; width:3px; height:3px; top: 20px; left: -20px; border-radius: 100%; background: #1d275f;  }


/*org*/
.org{ background: #fafafa; padding: 80px 0; }

/*map*/
.root_daum_roughmap{ max-width: 100%; }
.map .point{ position: relative; padding-left: 28px; font-size: 20px; font-weight: 800; line-height: 2.5em; }
.map .point:before{ content: ""; position: absolute; width: 19px; height: 19px; top: 15px; left: 2px; background: url("/images/sub/icon_tit.png") no-repeat; }
.map .hanam ul{ margin-bottom: 60px; }
.map li{ display: flex; font-size: 16px; font-weight: 400; border-bottom: 1px solid #dddddd; padding:15px 5px;}
.map li p{ padding: 0 25px; }
.map li .tit{ font-weight: 500; color: #0f5dac; }

/*production*/
.production{ background:#fafafa; padding:70px 0 100px 0; }
.production .group{ position:relative; display:flex; }
.production .group .img{ position:absolute; width: 45.08%; left:59.16%;  }
.production .group ul{ width: 51.33%; padding:30px 0 0 4.166%; margin-right: 4%; }
.production .group li{ margin-bottom: 30px; }
.production .tit{ position: relative; padding-left: 28px; font-size:20px; font-weight:600; line-height:1em; }
.production .tit:before{ content: ""; position: absolute; width:19px; height:19px; top:0px; left:2px; background: url("/images/sub/icon_tit.png") no-repeat; }
.production .group .cnt-tit{display:flex; }
.production .group .cnt-tit{font-size: 18px; font-weight: 500; line-height :1.111em; color: #1d275f; margin:30px 0;}
.production .group .cnt-tit span{flex:1; display:block; font-size: 16px; line-height :1.556em; font-weight: 400; color: #454545; padding-left:10px;}
/* 
.production .group .cnt .cnt-tit{ font-size: 18px; font-weight: 500; line-height :1.111em; color: #1d275f; margin:30px 0;} */

/*rental*/
.rental{ padding: 70px 0 40px 0; background: #fafafa; }
.rental ul{ position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; }
.rental ul li{ position: relative; width: 31.66%; margin-bottom: 40px; }
.rental .cnt{ position: absolute; background: rgba(0,0,0,0.6); color: #ffffff; width: 100%; padding: 20px 30px; bottom: 0; }
.rental .cnt-tit{ font-size: 18px; font-weight: bold; line-height: 1.111em; margin-bottom: 14px; }
.rental .cnt-txt{ font-size: 16px; font-weight: 400; line-height: 1.250em; }

/*transport*/
.transport .tit{text-align: center; font-size: 18px; line-height: 1.667em; font-weight: 500; color: #454545; margin-bottom: 30px; }
.transport .tit span{ font-weight: bold; color: #1d275f; }
.transport .point{ position: relative; font-size: 20px; font-weight: bold; color: #242424; padding-left: 30px; margin-bottom: 30px; }
.transport .point:before{ content: ""; position: absolute; width: 20px; height: 20px; border-radius: 100%; border: 5px solid #1d275f; top:3px; left: 0;  }
.transport .img {width:100%; padding:50px; background:#fafafa; border:1px solid #dddddd;}

/*certification*/
.certi ul{ width: 100%; display: flex;  justify-content: center; text-align: center; }
.certi ul li p{ font-size: 16px; line-height: 1.438em; font-weight: 400; color: #686868; }
.certi ul li:first-child{ margin-right: 20px; }
.certi ul li .img{ border: 1px solid #dddddd; margin-bottom: 13px; }

/*expos*/
.expos{ background: #fafafa; padding: 60px 50px;}
.expos .cnt{ padding-left: 30px; margin-bottom: 70px; }
.expos .txt-blue{ color: #212c6b; }
.expos .cnt-tit{ position: relative; font-size: 16px; line-height: 1.750em; font-weight: 500; padding-left: 14px; letter-spacing: -.03em; margin-bottom: 10px; }
.expos .cnt-tit:before{ content: ""; position: absolute; width: 3px; height: 3px; border-radius: 100%; background:  #1d275f; top:13px; left: 0; }
.expos .cnt-txt{ position: relative; font-size: 15px; line-height: 1.867em; font-weight: 400; color: #454545; padding-left: 26px; letter-spacing: -.03em; }
.expos .cnt-txt:before{ content: ""; position: absolute; width: 4px; height: 1px; background:  #454545; top:12px; left: 16px; }
.expos .sub-tit{ font-size: 16px; line-height: 1.750em; font-weight: 400; color: #454545; padding-left: 30px; }

.expos .cnt2 p{ font-weight: 400; }
.expos .cnt3 .cnt-tit{ font-weight: 400; margin-bottom: 5px; }
.expos .dot{ position: relative; padding-left: 50px; font-size: 16px; line-height: 2.188em; font-weight:400; }
.expos .dot:before{ content: ""; position: absolute; width: 3px; height: 3px; border-radius: 100%; background: #1d275f; top: 16px; left: 35px; }

.expos table{  width: 93.63%; border-collapse: collapse; margin:0 auto 60px auto; }
.expos table thead tr{ background: #1d275f; color: #ffffff;  }
.expos table thead th{ padding: 10px 5px; font-size: 16px; font-weight: 500; }
.expos table thead th:first-child{ width: 27.27%;  border-right: 1px solid #ffffff; }
.expos table tbody tr:first-child td:last-child{ line-height: 2.063em; }
.expos table tbody td{ padding: 15px 20px; font-size: 16px; font-weight: 400;  border: 1px solid #dddddd; }
.expos table tbody td:first-child{ background: #f5f6f8; font-weight: 500; }
.expos table tbody td:last-child{ background: #ffffff;}
.expos table li{ position: relative; padding-left: 10px; font-size: 15px; font-weight: 400; }
.expos table li:before{ content: ""; position: absolute; width: 4px; height: 1px; background: #454545; top: 15px; left: 0; }

.pl-15 {font-size:15px; line-height:1.667em; font-weight: 400; padding-left: 15px; }
.pl-26 {font-size:15px; line-height:1.667em; font-weight: 400; padding-left: 26px; }
.br-25 {margin-bottom: 25px !important; }
.br-10 {margin-bottom: 10px !important; }
.br-5 {margin-bottom:5px !important;}

/*standard*/
.standard table{ width:100%; border-collapse:collapse; text-align:center; border-top:1px solid #333333; border-bottom:1px solid #333333; }
.standard thead th{ background:#f5f6f8; font-size:16px; font-weight:500; color:#333333; padding:10px 0; border-top:1px solid #000000;  border-right:1px solid #dddddd;  }
.standard tbody td{ border-top:1px solid #dddddd; border-right:1px solid #dddddd; padding:10px 5px; font-weight:400; }
.standard tbody td:last-child, .standard th:last-child{ border-right:0; }
.f-500{ font-weight:500;  }
.wd-25{ width:25%; }
.wd-16{ width:16.66%; }
.wd-41{ width:41.66%; }