/* menu public css */
.pc {padding: 0 0 60px;}
.fuimg {margin: 25px 0; }
.half {width: 50%; float: left;}
.brgr {border: 1px #bcbcbc solid; text-align: center; } 
span.blue{color:#12a8d9;} 
span.orange{color:#ff6000;}
span.green {color:#97cd15;}
span.navy {color:#204691;}
span.red {color:red;}

/*인사말*/
.greeting h3 {margin: 0; padding: 0;font-size: 30px; color:#333742;line-height: 140%;font-weight: 400;}
.greeting h2 {color:#12a8d9; font-size: 35px; font-weight: 900;margin: 10px 0 20px; padding: 0;}
.greeting .txt {background: url('/pages/image/image1/greeting.jpg')13px 36px no-repeat; height: 424px}
.txt h4 {font-size: 22px; margin: 0; padding: 0 0 5px; font-weight: 600; border-bottom: 1px #757575 solid; display: inline-block;}
.or {color:#ff6000 !important; padding: 0 !important;}
.gr {color:#72c900 !important; padding: 0 !important;}
.greeting .txt p{color:#666666;font-size:14px;line-height: 180%;padding: 10px 0 40px;letter-spacing: -1px;    width: 50%;}
.greeting .txt span{color:#545252; font-size:13px;font-weight:600; vertical-align: top; padding:  0 0 0 10px;}

/*사업분야*/
.desc {font-size: 18px;color:#333742;letter-spacing: -1px;line-height: 140%;text-align: justify;}

.half .txt h4 {display: block; width: 85%;}
.clean ul {font-size: 14px; margin: 12px 0 0 16px; padding: 0;}
.clean ul li {padding: 5px 0;}
.clean ul li span {color:#666666;line-height: 170%;letter-spacing: -1px;}
.clean ul.or {color:#ff6000;}
.clean ul.gr {color:#72c900;}

/*제품소개*/
.pd_desc {width: 425px; border-top:1px #757575 solid; float: left;margin-left: 19px;}
.pd_desc .txt h4 {display: block; padding: 15px 0 8px 5px;}

.stitle {background: url('/pages/image/image1/bstic.jpg')no-repeat; margin: 28px 0 10px;}
.stitle h2 {margin: 0; padding: 0 0 0 15px; font-size: 22px; color:#333333; }
.profile {border-collapse: collapse;}
.profile th {color: #ff6600;font-size: 1.24em; font-weight: bold;    background-color: rgb(247, 247, 247); border: 1px #dfdfdf solid;}
.profile td {padding: 8px;background:#ffffff; border: 1px #dfdfdf solid;}

/*자료실*/
.tg {width: 100%;border-collapse: collapse; border-spacing: 0; border: 1px #dfdfdf solid; margin: 20px 0;}
.tg th {color: #333333;font-size: 1.24em; font-weight: bold;    background-color: rgb(247, 247, 247); border: 1px #dfdfdf solid; padding: 5px;}
.tg td { border: 1px #dfdfdf solid; font-size: 12px; padding: 5px;text-align: center;}
.tg td a {font-weight: bold;}

/*회사연혁*/
.history {}
.history div {display: inline-block;padding: 35px 35px 0 0; ;}
.history table {float: right;width: 560px; border-collapse: collapse; margin: 35px 0;}
.history table th {width: 35%;border-left: 1px #dfdfdf solid;text-align: right; padding-right: 30px; font-size: 24px; color:#12a8d9;
    vertical-align: baseline; }
.history table td {line-height: 180%;border-left: 1px #dfdfdf solid; padding-left: 30px;vertical-align: top; font-size: 14px; color:#666666}

/*경영이념*/
.business {}
.business .btxt {width:51%;float: left;}
.business .btxt h2{color:#555555; line-height: 160%;}
.business .btxt p {color:#666666; line-height: 180%;font-size: 14px; text-align: justify; letter-spacing: -0.7px; padding: 10px 0;}

.btitle {background: url('/pages/image/bar.jpg')no-repeat; margin: 28px 0 10px;}
.btitle h2 {margin: 0; padding: 8px 0 0 0; font-size: 22px; color:#333333; }

.ctitle {background: url('/pages/image/bar.jpg')left bottom no-repeat; margin: 28px 0 10px;}
.ctitle h2 {margin: 0; padding: 8px 0 10px 0; font-size: 22px; color:#043f98; }


.business_roll {border: 1px #dfdfdf solid; border-radius:8px; width: 100%; height: 65px; margin-bottom: 20px;}
.roll_title {width: 20%; display: inline-block; float: left; padding:22px 0 0 22px;}
.roll_title h3 {margin: 0; padding: 0;font-size: 18px; }
.business_roll ul {margin: 0; padding:1% 5%; width: 67%;display: inline-block; float: left;}
.business_roll ul li {color:#666666; line-height: 180%;font-size: 14px;letter-spacing: -0.7px;}

/*오시는길*/
.map img {padding: 20px 0; }
.addr {width: 100%; border: 1px #bcbcbc solid; border-top: 0; height: 117px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; background: #236eb1; margin-bottom: 30px;}
.addr table {padding: 20px 0 0 45px; color:#ffffff; font-size: 14px; }
.addr table td {padding-right: 19px;height: 20px;}

/*인증서*/
.license {float: left; margin: 0 2%;text-align: center; width: 29%;}
.license .limg {background: rgba(226,226,226,1);background: -moz-radial-gradient(center, ellipse cover, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(153,153,153,1) 100%);background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(153,153,153,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(153,153,153,1) 100%);background: -o-radial-gradient(center, ellipse cover, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(153,153,153,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(153,153,153,1) 100%);background: radial-gradient(ellipse at center, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(153,153,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#999999', GradientType=1 ); height: 349px;}
.license .limg  { width: 92%;padding: 3%; height: 313px; display: table;} 
.license .limg .imgbox  {max-height: 100%; max-width: 100%; background: #ffffff;  width:100%;  height: 313px;display:table-cell;  vertical-align: middle; }
.license .limg .imgbox img {height:auto; max-height:313px; width: 100%; max-width: 100%;}
.license h3 {font-size: 1.3em; color:#12a8d9; height: 54px;}

/*camara*/
.camera_link {width: 48%;float: left;text-align: center; padding: 60px 0; }
.camera_link h2 {color:#292c3d;}

.ip_roll {}
.ip_roll .roll_title {width: 80%; display: block; float: none; padding:15px 0 15px 15px;border: 1px #dfdfdf solid; border-radius:8px; width: 100%; margin-bottom: 10px;}
.ip_roll .roll_title h3 {margin: 0; padding: 0;font-size: 18px; }
.ip_roll ul {padding: 0; margin:1% 4%; width: 100%;display:block; float: none;}
.ip_roll ul li {color:#666666; line-height: 180%;font-size: 14px;letter-spacing: -0.7px;}

.ultxtl {text-align:left; padding-left: 25px; font-size: 14px; line-height: 150%;}

.port_tab {width: 33%; margin-right:0.3%; height:53px; background:#616a71; float: left; margin-bottom: 20px;}
.port_tab a {color: #e6e5e5;font-size: 1.4em; display: block; padding-top: 3%; line-height: 240%; text-align: center; font-weight: 600;}
.port_tab.select {background: #246ab2;}

/*채용공고*/
table.recruit {border-spacing: 0; border-collapse: collapse; border: 2px #5b5b5b solid; border-left: 0; border-right: 0; margin:20px 0 20px 17px; width: 95%;}
table.recruit th{color:#3c3c3c; background: #ededed; padding: 10px 0; font-size: 14px; border-bottom: 1px #a4a4a4 solid; border-right: 1px #a4a4a4 solid; }
table.recruit th:last-child {border-right: 0;}
table.recruit td {color:#3c3c3c;border-right: 1px #a4a4a4 solid;  font-size: 14px; padding: 10px 0; text-align: center; line-height: 180%;}
table.recruit td:last-child {border-right: 0;}

.circle_ul {    margin-bottom: 50px;}
.circle_ul li {list-style-image: url('/pages/image/circle.jpg'); font-size: 14px; color:#404040; line-height: 200%;}

.recruit_prc {padding: 20px 0 10px 17px;}
.recruit_ask {display: block; font-size: 14px; padding: 15px 0; line-height: 180%;}



@media screen and (max-width: 1100px) {
.history table {width: auto;}
.business_roll {height: auto;}
.pc img {max-width: 100%;}
.license .limg img {}
}


@media screen and (max-width: 640px) {
.sub_title h2 {font-size: 2em;}
.greeting h3 {font-size: 1.5em;letter-spacing: -1px;}
.greeting h2{font-size: 2.2em;}
.txt h4{font-size: 1.7em;}
.history div {padding: 35px 0 0 0;text-align: center;display: block;}
.history table {width: 100%;border-collapse: collapse;margin: 35px 0;}
.history table td {letter-spacing: -1px;    padding-left: 19px;}
.business .btxt {width: 100%; float: none;padding-bottom: 15px;} 
.business_roll ul {padding: 3% 0% 3% 9%; width: 88%;display:block;float: none;text-align: justify;}
.business_roll {border: 1px #dfdfdf solid; border-radius: 8px; width: 100%; height: auto;margin-bottom: 20px;}
.roll_title {width: 90%;display: block;float: none;}
.map img {width: 100%;}
.addr table {padding: 10px; font-size: 1.1em;}
.addr table td {letter-spacing: -1.5px;min-width: 40px;}
.fuimg {width: 100%;}
.clean ul li{text-align: justify;}
.half {width: 100%; float: none; margin-bottom: 20px;}
.port_tab a { line-height: 146%;}
.license {width: 100%;}
.license .limg .imgbox img {    max-height: none;}
}