@charset "UTF-8";
/* COMMON */
.g_tit{font-size:36px;font-weight:bold;color:#b1966a;text-align:center;border-bottom:2px solid #b1966a;padding-bottom:20px;padding-top:40px}
.m_tit{font-size:24px;font-weight:bold;color:#b1966a;text-align:left}
.mr20{margin-right:20px}
#sub_wrap .sub_titlebg{background:url('/upload/menu/sub_title.jpg') no-repeat center;width:1200px;height:130px;margin:auto;color:#fff;font-family:'Nanum Myeongjo',serif;text-align:center;margin-bottom:45px}
#sub_wrap .sub_titlebg p{font-size:22px;line-height:130px;margin-top:40px}
#sub_wrap .sub_titlebg span{font-size:42px;vertical-align:middle}
#sub_wrap .navi_wrap{text-align:right;font-size:12px;padding-right:15px}
#sub_wrap .menuDepth1:first-child > a[href="/main?mc_code=1110"]{display:none}
#sub_wrap .lnbWrap{float:left}
#sub_wrap .top{width:250px;height:70px;background:url('/upload/menu/sub_aside_title_bg.jpg') no-repeat;text-align:center;color:#fff;font-size:25px}
#sub_wrap .top h2{line-height:70px}
#sub_wrap .lnb{width:250px;border:3px solid #d7d7d7;box-sizing:border-box;padding:20px 0}
#sub_wrap .lnb li a{font-size:16px;color:#544838;font-weight:bold;padding-left:10px;margin:15px 30px;position:relative}
#sub_wrap .lnb li a:before{content:"";display:block;width:3px;height:14px;background-color:#1c5f05;position:absolute;left:0;top:50%;margin-top:-7px}
#sub_wrap .asideImg{margin-top:20px}
#subpage,.subpage{float:right;width:900px}
#subpage .m_btnwrap{display:block;border-bottom:1px solid #e1e1e1}
#subpage .m_btnwrap li{display:inline-block;vertical-align:bottom}
#subpage .m_btnwrap li a{display:block;width:115px;height:30px;border-radius:5px 5px 0 0;font-size:13px;color:#767676;background-color:#e1e1e1;text-align:center;padding-top:8px;font-weight:bold}
#subpage .m_btnwrap li a.on{width:140px;padding-top:10px;background:linear-gradient(to top,#544838 ,#8b6b59);color:#fff;font-size:14.5px;height:32px}
#subpage .btnwrap{border-bottom:1px solid #e1e1e1}
#subpage .btnwrap li{display:inline-block;vertical-align:bottom}
#subpage .btnwrap li a{display:block;width:115px;height:30px;border-radius:5px 5px 0 0;font-size:13px;color:#767676;background-color:#e1e1e1;text-align:center;padding-top:8px;font-weight:bold}
#subpage .btnwrap li a.on{width:140px;padding-top:10px;background:linear-gradient(to top,#544838 ,#8b6b59);color:#fff;font-size:14.5px;height:32px}
#subpage h3:not(.sub_tit ){margin:40px 0}
#subpage h4{font-size:22px;color:#544838;position:relative;padding-left:15px}
#subpage h4:before{content:'';display:block;width:2px;height:20px;background-color:#544838;position:absolute;left:0;top:50%;margin-top:-8px}
#subpage .contentBox{padding-top:45px;margin-bottom:45px}
#subpage .content{padding:0 12px}
#subpage .p-txt{position:relative;padding-left:10px !important;font-size:14px;margin:8px 0}
#subpage .p-txt:before{content:'';display:block;width:4px;height:4px;border-radius:2px;background-color:#ab4508;position:absolute;left:0;top:50%;margin-top:-2px}
#subpage .box{color:#6a6a6a;font-weight:bold;padding:20px 30px;border:1px solid #ddd;box-shadow:0 0 10px #ccc;margin:20px 0}
#subpage .imgBox{margin:30px 0}
#subpage .txtWrap{margin:20px 0}
#subpage .imgBox li{display:inline-block;margin-bottom:40px;overflow:hidden;margin-right:50px}
#subpage .imgBox li span{display:block;padding:15px 0;text-align:center;font-size:14px}
#subpage .imgBox li p{display:inline-block}
/* 회사소개 */
.company .p-txt{font-size:16px !important}
#greeting .content{overflow:hidden}
#intro .content li{margin-bottom:35px}
#intro .content li:nth-child(1) p,#intro .content li:nth-child(3) p{margin-bottom:10px}
#intro .content li p{font-size:22px;font-family:'Nanum Myeongjo',serif;line-height:22px}
#intro .content li p b{font-size:26px;color:#1c5f05}
#intro .content li small{font-size:16px}
#intro .content li small b{font-size:22px;color:#1c5f05;font-weight:normal}
#intro .content li small span{font-size:22px;color:#ff2a00}
#greeting .content > p{padding-left:10px;color:#544838;position:relative}
#greeting .content > p:before{content:'';display:block;width:2px;height:14px;background-color:#544838;position:absolute;left:0;top:50%;margin-top:-7px}
#greeting .content .profile{margin:50px 0}
#greeting .content .profile img{display:inline-block}
#greeting .content .profile ul{display:inline-block;margin-left:30px}
#greeting .content .profile ul h4{font-size:24px;font-weight:normal;margin-bottom:20px;font-family:'Nanum Myeongjo',serif}
#greeting .content .profile ul h4 span{font-size:26px}
#greeting .content .profile ul li{margin-bottom:6px}
#greeting .content .txt p{margin-bottom:40px;letter-spacing:-0.2px;text-align:justify;line-height:26px}
#patent .content p{line-height:28px}
#patent .content ul li{display:inline-block;margin-right:15px;margin:50px 0}
/* 사업분야 - 복원 */
.restore .imgBox li p.arrow{padding:0 25px;margin-top:-8%}
.restore #foreign .imgBox li p.arrow{margin-top:2%}
/* .restore .imgBox li p.arrow img{position:relative;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)} */
.restore #foreign .imgBox li{margin-right:0}
.restore #foreign .imgBox li span{text-align:left}
.restore .imgBox li p{display:inline-block;vertical-align:middle}
.restore .imgBox li{border-bottom:2px dotted #ddd;margin-bottom:25px;padding-bottom:25px}
/* 사업분야 - 포갑 */
.wrapping .imgBox li{margin-right:0 !important;margin-bottom:80px !important}
.wrapping .imgBox li p{margin-right:50px}
.wrapping .imgBox li p:nth-child(3){margin-right:0px}
/* 오시는 길 */
#subpage .map .contentBox{padding-top:0;padding:0px 12px}
#subpage .map .contentBox .adress{overflow:hidden;color:#3a3a3a}
#subpage .map .contentBox .adress h5{color:#544838;padding-left:10px;position:relative}
#subpage .map .contentBox .adress h5:before{content:'';display:block;width:2px;height:10px;background-color:#544838;position:absolute;left:0;top:50%;margin-top:-5px}
#subpage .map .contentBox .adress > h5{margin:50px 0}
#subpage .map .contentBox .adress ul{float:left}
#subpage .map .contentBox .adress ul.trafic{padding-right:40px}
#subpage .map .contentBox .adress ul h5{margin-bottom:10px}
#subpage .map .contentBox .adress ul li{line-height:28px;font-size:15px}
#subpage .map .contentBox .m_address{display:none}
#subpage .map .contentBox .m_address h5{color:#544838;padding-left:10px;position:relative}
#subpage .map .contentBox .m_address h5:before{content:'';display:block;width:2px;height:10px;background-color:#544838;position:absolute;left:0;top:50%;margin-top:-5px}
#subpage .map .contentBox .m_address ul{margin-bottom:50px}
#subpage .map .contentBox .m_address ul:first-child{margin-top:50px}
#subpage .map .contentBox .m_address ul.trafic{padding-right:40px}
#subpage .map .contentBox .m_address ul h5{margin-bottom:10px}
#subpage .map .contentBox .m_address ul li{line-height:28px;font-size:15px}

/* 게시판 */
.sub_tit.g_tit{width:144px;height:50px;border-bottom:none;}
.sub_wrap{font-size:14px;width:825px;margin:auto;font-weight:normal}
.sub_wrap table{width:100%;font-size:14px}
.sub_wrap .tbl02 thead th{background-color:#544838;color:#fff;padding:10px }
.sub_wrap .tbl02 tbody tr td{border-bottom:1px solid #eeeeee;padding:10px 0;color:#000}
.sub_wrap .tbl02 tbody tr td.td_cont{text-align:left;padding-left:20px}
.sub_wrap .t-right{text-align:right;padding-bottom:50px;margin-top:20px}
.sub_wrap a.btn{display:inline;border:1px solid #544838;padding:10px 25px;color:#544838}
.sub_wrap .btn_wrap .btn{display: inline-block;border:1px solid #544838;padding:15px 30px;color:#544838;background-color:#fff;margin-bottom:100px;margin-top:20px}
.sub_wrap .pagination ul{text-align:center;margin:20px 0}
.sub_wrap .pagination ul li{display:inline-block;border:1px solid #544838;padding:0px 8px}
.sub_wrap .pagination ul li a{color:#544838}
.sub_wrap .pagination ul li.active{background-color:#544838}
.sub_wrap .pagination ul li.active a{color:#fff}
.table01 tr th{text-align:left;color:#000}
.table01 tr td{padding:10px 0}
.table01 tr td input.txt{width:330px}
.table01 tr td input.title{width:100%}
.table01 tr:last-child th{vertical-align:top;padding:10px 0}
.data_view td.top{padding-bottom:10px;display:inline-block;color:#999}
.data_view td.top a{color:#999;display:inline}
.data_view td.con{padding:10px 0}
/* .data_view .pn_list{border-top:1px solid #eee} */
.data_view .pn_list.nextlist{border-bottom:1px solid #eee}
.data_view .pn_list dt{display:inline-block;font-weight:normal;color:#999;padding:5px 0px;width:15%;text-align:center}
.data_view .pn_list dd{display:inline-block;font-weight:bold;padding:5px;width:82%}
.data_view .pn_list dd a{;color:#999}
.data_view .btn_wrap{padding-top:25px;padding-bottom:100px}
.data_view .view-table tr{border-bottom:1px solid #eee;padding:2%}
.data_view .view-table tr:first-child{border-bottom:2px solid #1c5f05}
.data_view .view-table td,.data_view .view-table th{padding:5px 0}
.data_view #bd_content{padding:3% 0%}

.gallery_con li {float: left;width: 23.5%;margin-right: 2%;margin-bottom: 2%;border: 1px solid #ddd;box-shadow:0 0 15px #f3f3f3;box-sizing:border-box;text-align: center;}
.gallery_con li:nth-child(4n) {margin-right: 0;}
.gallery_con li a {padding: 15px 15px 10px;}

.gallery_con li p {margin-top: 10px;padding-top: 8px;border-top: 1px solid #ddd;}

.thum {position: relative;}
.thum img {position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%)}
.thum .width {width: 98%;height: auto;}
.thum .height {width: auto;height: 98%;}
.data_view .wrap_thum {border: 1px solid #ddd;background-color: #fafafa;padding: 15px;}
.data_view .thum {float: left;width: 30%;max-width: 180px;margin-left: 2%;margin-bottom: 2%;box-sizing:border-box;}
.data_view .thum:first-child {float: left;width: 60%;max-width: 350px; margin:0;padding-right: 2%;border-right: 2px solid #bbb;text-align: center;}