@charset "utf-8";
* {margin:0; padding:0}
ul, ol, li {list-style:none}
table {border-collapse: collapse}

#path {position:relative;height:17px;margin:30px 0 40px 0;}
#path img {margin-right:10px;padding-bottom:10px;}
#path span {display:inline-block;padding-left:30px;background:url('/img/common/arrow01.gif') no-repeat 0 30%;}
#path span a {display:inline-block;width:190px;padding-bottom:10px;background:url('/img/common/arrow02.gif') no-repeat 100% 30%;color:#333;font-size:15px;line-height:17px;}
#path span.on {display:inline-block;margin-left:20px;}
#path span.on > a{color:#2c64a8;border-bottom:2px solid #2c64a8}


.lnb {display:none;position:absolute;top:27px;left:299px;width:190px;border:1px solid #2d64a7;z-index:2;}
.lnb.lnb1 {position:absolute;top:27px;left:62px;width:163px;border:1px solid #2d64a7;z-index:2;}
.lnb ul {padding:5px 0 5px 7px;background:#fff;}
.lnb ul li a {display:block;/* width:150px; */ width:100%; color:#777;font-size:14px;line-height:38px;}
.lnb ul li.on a{color:#2e63a9;}

.company01 {width:1000px;height:621px;background:url('/img/sub/sub1_01.jpg') no-repeat 0 0;}
.company02 {width:1000px;height:72px;margin-top:30px;background:url('/img/sub/sub1_02.jpg') no-repeat 0 0;}
.develop01 {width:1000px;height:802px;background:url('/img/sub/sub3_01.jpg') no-repeat 0 0;}
.develop02 {width:1000px;height:802px;background:url('/img/sub/sub3_02.jpg') no-repeat 0 0;}
.develop03 {width:1000px;height:584px;background:url('/img/sub/sub3_03.jpg') no-repeat 0 0;}
.info01 {width:1000px;height:396px;background:url('/img/sub/sub4_01.jpg') no-repeat 0 0;}
.info02 {width:1000px;background:url('/img/sub/sub4_02.jpg') no-repeat right 70px;}
.info03 {overflow:hidden;width:1000px;background:url('/img/sub/sub4_03.jpg') no-repeat right 0;}

.search_product {width:100%;/* height:115px; */ padding:40px 0; border-width:1px 0;border-style:solid;border-color:#e4e4e4; background:#fafafa; }
.search_product:after{ content:''; display:block; clear:both; }
.search_product button{ position:relative; float:left; margin-left:30px; border:0; cursor:pointer; overflow:visible; }
.search_product button .big{ display:none; }
.search_product button.on .big{ position:absolute; left:0; bottom:calc(100% + 10px); display:inline-block;}
.search_product p {float:left; padding-top:17px; min-height:72px; margin:0 0 0 20px;color:#777;  box-sizing:border-box; }
.search_product p strong {display:block;color:#2e63a9;}
.search_product form {float:right;margin:20px 28px 0 0;}
.search_product legend, .search_product label {font-size:0;text-indent:-99999px;}
.search_product input {width:375px;height:40px;border:2px solid #2e63a9;color:#999;font-size:13px;}
.search_product a {display:inline-block;padding:0 22px;background:#2e63a9;color:#fff;font-size:13px;font-weight:600;line-height:40px;}

.search_board {width:100%;height:80px;border-width:1px 0;border-style:solid;border-color:#e4e4e4; background:#fafafa;}
.search_board select{width:100px;height:40px;line-height:40px;}
.search_board option{line-height:40px;}
.search_board form {margin:20px 28px 0 157px;}
.search_board legend, .search_board label {font-size:0;text-indent:-99999px;}
.search_board input {width:455px;height:40px;border:1px solid #ccc;color:#999;font-size:13px;}
.search_board a {display:inline-block;width:120px;text-align:center;background:#2e63a9;color:#fff;font-size:13px;font-weight:600;line-height:40px;}

.list01 li {width:580px;padding:18px 0 18px;background:url('/img/sub/bg_line01.png') repeat-x 0 0;font-size:13px;line-height:20px;}
.list01 li:first-child {background:none;}
.list01 li:before{content:'';padding-left:14px;background:url('/img/sub/bu_01.png') no-repeat 0 3px;}
.list01 span {margin-left:14px;}

.list02 {float:left;width:480px;}
.list02>li {padding:10px 0 35px;color:#333;font-size:16px;background:url('/img/sub/bu_02.png') no-repeat 0 0px;}
.list02 li ul {padding-top:16px}
.list02 li ul li{padding-left:14px;background:url('/img/sub/bu_01.png') no-repeat 0 8px;font-size:13px;line-height:25px;}

.list03 dl {overflow:hidden;padding:30px 0 40px;background:url('/img/sub/bg_line01.png') repeat-x 0 0;}
.list03 dt {float:left;width:180px;padding-top:10px;color:#333;font-size:16px;background:url('/img/sub/bu_02.png') no-repeat 0 0px;}
.list03 dt span {color:#a3a3a3;font-weight:600;vertical-align:top;}
.list03 dd {float:left;width:820px;padding-top:5px;}
.list03 dd ul li {color:#777;font-size:14px;line-height:24px;}
.list03 dd ul li span {color:#2e63a9;vertical-align:top;}

.list04>li {padding-top:25px;}
.list04>li:first-child {padding-top:0;}
.list04 li strong {display:block;margin-bottom:0px;padding:10px 26px 5px 24px;color:#2e63a9;background:url('/img/sub/bg_tit01.png') no-repeat 0 8px;}
.list04 li strong.txt01 {background:url('/img/sub/bg_tit03.png') no-repeat 0 9px;}


.tit01 {padding:10px 0 20px;color:#333;font-size:22px;background:url('/img/sub/bu_02.png') no-repeat 0 0px;}
.tit02 {display:inline-block;padding:10px 0 20px;margin-top:30px;color:#333;font-size:16px;background:url('/img/sub/bu_02.png') no-repeat 0 0px;}
.refer {display:inline-block;width:800px;text-align:right;}

.product-list-w {margin-top:50px;}
.product-list-w > ul{ font-size:0; margin-right:-20px; margin-bottom:-20px; }
.product-list-w > ul > li{ display:inline-block; vertical-align:top; margin-right:20px; margin-bottom:20px; width:calc(50% - 20px); box-sizing:border-box; overflow:hidden;}
.product-list-w .product-list {position:relative;/* height:230px;margin-top:30px; */ min-height:230px; border:1px solid #dbdbdb; border-top:2px solid #2e63a9;}
.product-list-w .product-list {}
.product-list-w .type01 {position:absolute;top:-2px;left:-7px;width:134px;height:70px;background:url('/img/sub/img_type01.png') no-repeat 0 0px;text-indent:-99999px;}
.product-list-w .type02 {position:absolute;top:-2px;left:-7px;width:134px;height:70px;background:url('/img/sub/img_type02.png') no-repeat 0 0px;text-indent:-99999px;}

.product-list .thumb_image { width:40%; float:left;}
.product-list .thumb_image a { display:block; padding-bottom:100%; }

.product-list .info_wrap{width:60%; float:left;}

.product-list .info {overflow:hidden; width:100%; padding:16px; box-sizing:border-box;}
.product-list .info a {display:block;color:#2e63a9;font-size:16px;font-weight:800;}
.product-list .info ul {margin-top:4px;}
.product-list .info ul li {padding-left:10px;background:url('/img/sub/bu_01.png') no-repeat 0 7px;color:#666;font-size:13px; line-height:24px;}
.product-list .info ul li strong {width:60px; display:inline-block; color:#333; font-size:13px;}
.product-list .info p {margin-top:10px;}
.product-list .info p img{margin-right:9px;}
.product-list .info p img.mark01{width:28px;}
.product-list .info p img.mark02{width:16px;}
.product-list .info p img.mark03{width:20px;}

.product-list .price {padding:0 16px 16px 16px; font-size:0; box-sizing:border-box; }
.product-list .price span {display:inline-block; vertical-align:top; /* width:calc(100% - 130px); */ width:100%; color:#777;font-size:14px; text-align:left; }
.product-list .price span em {color:#000; font-size:15px; line-height:20px; font-weight:700; font-style:normal; text-align:left; }
.product-list .price a {display:inline-block; vertical-align:top;width:130px;height:35px; line-height:35px;background:url('/img/sub/btn_02.png') no-repeat 0 0;color:#2e63a9;font-size:14px;font-weight:600;}
.product-list .price a:hover {background:url('/img/sub/btn_01.png') no-repeat 0 0;color:#fff;}


.details_info {margin-top:50px;}
.h4-box {margin:40px 0;}
.h4-box h4 {padding:4px 0 0;color:#333;font-size:16px;background:url('/img/sub/bu_02.png') no-repeat 0 0px;}
.h4-box p {margin-top:10px;}
.h4-box p.img {text-align:center;}

.delivery {margin-top:15px;padding: 10px 20px 20px 20px;border:1px solid #ccc;}
.delivery strong {display:inline-block;margin-top:10px;font-size:13px;line-height:25px;}
.delivery p {margin:0 0 0 5px;;color:#888;font-size:11px;line-height:22px;}


/* Board Style */
.board01 {width:100%;border-top:1px solid #2e63a9;text-align:center;}
.board01 thead tr th {padding:7px 0 7px 0;background:#f3f3f3;border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;font-size:13px;}
.board01 tbody tr th {border-bottom:1px solid #e4e4e4;border-left:1px solid #e4e4e4;background:#fafafa;line-height:32px;}
.board01 tbody tr td {border-bottom:1px solid #e4e4e4;border-left:1px solid #e4e4e4;}
.board01 tbody tr td.gray {background:#dcf1fb;}
.board01 thead tr th.first,.board01 tbody tr th.first, .board01 tbody tr td.first, .board01 tfoot tr td.first {border-left:none;}
.board01 tbody tr td.center, .board01 tfoot tr td.center {text-align:center;}

.board02 {width:100%;margin-top:10px;text-align:center;border:1px solid #e0e0e0;font-size:12px;}
.board02 thead tr th {height:30px;padding:6px 0;background:#f3f3f3;color:#000;border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;font-size:13px;}
.board02 tbody tr th {padding:6px 0;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;background:#fafafa;}
.board02 tbody tr th.bo_cb{color:#2E63A9;font-weight:bold;font-size:13px;}
.board02 tbody tr td {padding:6px 0;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;color:#666;}
.board02 tbody tr td.gray {background:#dcf1fb;}
.board02 thead tr th.first,.board02 tbody tr th.first, .board02 tbody tr td.first, .board02 tfoot tr td.first {border-left:none;}
.board02 tbody tr td.left, .board02 tfoot tr td.left {text-align:left;}
.board02 td>ul {padding-left:10px;}
.board02 ul>li {padding-left:15px;background:url('/img/sub/bu_01.png') no-repeat 0 11px;line-height:30px;}
.board02 ul li ul li {padding-left:7px;background:url('/img/sub/bu_03.gif') no-repeat 0 11px;line-height:23px;}
.bdt_b{border-top:2px solid #2E63A9;}
.ali_le{text-align:left;text-indent:20px;}

.board02.st01 tbody tr td {border-top:1px solid #e0e0e0;}
.board02.st02 tbody tr td, .board02.st02 tbody tr th {border-top:1px solid #e0e0e0;}




.sitemap {overflow:hidden;width:1000px;height:}

.s_list {float:left;width:1000px;}
.s_list>li {/* width:200px; */ width:25%; float:left;padding:10px 0 35px;color:#333;font-size:16px;background:url('/img/sub/bu_02.png') no-repeat 0 0px;}
.s_list li ul {padding-top:16px}
.s_list li ul li{padding-left:14px;background:url('/img/sub/bu_01.png') no-repeat 0 8px;line-height:25px;}
.s_list li ul li a{font-size:13px;color:#333;}
.s_list li ul li a:hover{text-decoration:underline;}



/* 인증서_2016.04.05 추가 */
.ac_list{overflow:hidden;}
.ac_list > div{float:left;}
.ac{display:block; cursor:pointer; border-bottom:1px solid #ccc; padding-left:43px; margin-bottom:50px}
.ac_box:first-child .ac{padding-left:0;}
.ac img{width:215px; height:287px; border:1px solid #ccc;}
.ac span{display:block; color:#333; font-size:16px; text-align:center; padding:23px 0 30px 0}
/*.popup{display:none; background:#fff; width:500px; height:707px; position:absolute; top:50%; left:50%}
.popup span{display:block; width:500px; height:707px;}*/
.popup{display:none; background:#fff; width:510px; height:660px; position:absolute; top:50%; left:50%; background:#fff;}
.popup span{display:block; width:450px; height:600px; margin:30px auto;}
.popup span img{width:100%; height:100%;}
.popup .btn_close{position:absolute;top: 5px;right: 5px;}

.ac_09,.ac_010,.ac_011,.ac_012{border-bottom:none; padding-bottom:0;}
.ac_05,.ac_09,.ac_013,.ac_017{padding-left:0;}


/* 연혁 */
.top_txt{ margin-bottom:40px; font-size:18px; line-height:32px; color:#555; letter-spacing:-0.02em; }
.top_txt span{ color:#2d64a5; }

.history_bx .bx{ border:1px solid #dcdcdc; margin-bottom:10px; padding:27px 50px 33px; }
.history_bx .bx:last-of-type{ margin-bottom:0; }
.history_bx .bx strong.year{ display:block; padding-bottom:13px; font-size:46px; line-height:56px; color:#2d64a5; font-weight:900; border-bottom:1px solid #2d64a5; font-family: 'Lato', sans-serif; }
.history_bx .bx ul li{ font-size:0; padding:13px 0; border-bottom:1px solid #ebebeb; }
.history_bx .bx ul li:last-child{ border-bottom:0; padding-bottom:0; }
.history_bx .bx ul li strong{ display:inline-block; vertical-align:top; width:35px; font-size:14px; line-height:24px; color:#333; text-align:center; font-weight:700; }
.history_bx .bx ul li p{ display:inline-block; vertical-align:top; padding-left:20px; width:calc(100% - 35px); font-size:14px; line-height:24px; color:#777; box-sizing:border-box;  }

/* 납품실적 */
.company04 > dl{ margin-bottom:50px; }
.company04 > dl:last-of-type{ margin-bottom:0; }
.company04 > dl dt{ margin-bottom:10px; border:2px solid #2d64a5; height:64px; padding:16px 30px; font-size:18px; line-height:28px; color:#333; font-weight:700; letter-spacing:-0.02em; box-sizing:border-box; }
.company04 > dl dd ul li{ padding:13px 32px; border-bottom:1px solid #ebebeb; }
.company04 > dl dd ul li:nth-child(2n){ background:#fafafa; }
.company04 > dl dd ul li p{ position:relative; padding-left:16px; font-size:14px; line-height:24px; color:#777; }
.company04 > dl dd ul li p:after{ content:''; position:absolute; left:0; top:11px; width:4px; height:4px; background:#2d64a5; border-radius:50%; }

/* 인증현황 */
.certificate_list{ margin-top:20px; border-top:2px solid #333; border-bottom:1px solid #d4d4d4; padding:30px 0 45px; overflow:hidden; }
.certificate_list ul{ font-size:0; margin-right:-20px; margin-bottom:-30px; }
.certificate_list ul li{ display:inline-block; vertical-align:top; width:calc(33.33% - 20px); margin-right:20px; margin-bottom:30px; }
.certificate_list ul li .img_bx{ border:1px solid #dfdfdf; height:427px; box-sizing:border-box; }
.certificate_list ul li p{ margin-top:15px; font-size:14px; line-height:24px; color:#777; text-align:center; }