﻿/*서브 페이지 gnb 높이 수정 */
.gnb{height:84px}
/*서브 페이지 레이아웃font-size:17px;line-height:1.75em; */
.subContainer{width:998px;font-size:16px;line-height:1.75em;color:#333;margin:0 auto; padding-left:26px;}
.subHeader{padding:35px 0 5px 0;border-bottom:1px solid #e4e4e4;overflow:hidden}
.subHeader h3{float:left;width:50%;font-size:17px;font-weight:bold;}
.location{width:50%;float:right;font-size:14px;text-align:right}
.home{vertical-align:middle;margin-top:-3px}
.nowpage{font-weight:bold; font-size:16px;}
.subContents{padding:35px 0 35px 0;overflow:hidden}
.subContents p{margin:0 0 30px 0;font-size:15px}
.subContents p img{max-width:100%}
.colorred{color:#8a1c22}
/*서브 탭*/
.tabs{*zoom:1;margin-bottom:40px;text-align:left;border-bottom:2px solid #627c8a}
.tabs:after{clear:both;display:block;content:"";}
.tabs li{float:left; margin-right:0px; margin-bottom:-1px;}
.tabs li:hover{background-color:#dde6e9;}
.tabs a{display:block; border:1px solid #dddddd;border-bottom:0px;color:#9E9E9E;text-decoration:none;padding:8px 25px;font-weight:bold; font-size:14px;}
.tabs li.active a{color:#ffffff;background-color:#5c707c;border:1px solid #5c707c;font-weight:bold; font-size:14px;/*border-top:2px solid #8a1c22*/}

/* history */
.history{border-top:1px solid #e4e4e4;overflow:hidden;padding:20px 0 ; font-size:16px;}
.history dt{float:left;width:18%;font-weight:bold; font-size:17px;}
.history dd{float:right;width:82%; line-height:1.90em}
.history .hnum{padding:0 20px 0 0}
.newspage{float:right}
/*news */
.newsBoard{width:100%;margin:0 0 20px 0;border-top:2px solid #a8a8a8}
.newsBoard th{padding:8px 16px;border-top:1px solid #c8d0d9;border-bottom:1px solid #dde6e9;font-weight:bold;background:#ECF1F1;font-size:14px; text-align:center}
.newsBoard td{padding:5px 20px;border-top:1px solid #dde6e9;border-bottom:1px solid #dde6e9; font-weight: normal;font-size:14px}
.newsBoard tr:hover,.newsBoard td:hover a,.newsBoard tr.select,.newsBoard td.select a{background:#f1f5f6;color:#852e2f;}
.newsBoard th:hover{ color:#333;}
.pagenum{padding:0 0 0 0px}
.pagenum a{padding:0 10px 0 0;color:#333;font-weight:normal}
.pagenum a.current{font-weight:bold}
.searchNews{padding:0 0px 0 0}
.searchNews label{background:url(../../images/common/ico.png) no-repeat 0px 3px;padding:0px 0px 0 27px}
.search_mob label{background:url(../../images/common/ico.png) no-repeat 0px 3px;padding:0px 0px 0 27px;}
.searchNewsBtn{font-size:16px;background:#6b6b6b;color:#fff;padding:5px 20px;}
/*회색 구분선*/
.silverline{width:99.62%;height:1px;border-top:1px solid #e4e4e4}

/*news 보기*/
.viewBoard{width:100%;margin:0px 0 20px 0;border-top:2px solid #a8a8a8}
.viewBoard th{background:#fbfbfb;}
.title,.date{background:#fbfbfb}
.news_view_date,.news_view_con{background:#f6f9fa}
.viewBoard th,.viewBoard td{padding:10px;border-top:1px solid #dde6e9;border-bottom:1px solid #dde6e9 ; text-align:inherit; text-align:start;font-size:15px;font-weight:bold}
.viewBoard .viewContent{padding:30px 15px 50px 15px;border-bottom:0}
.viewBoard .viewContent p{text-align:center}
.bbs_conts{padding:20px 15px 20px 15px;border-bottom:1px solid #dde1e6 ;}
/*about*/
.about-top{overflow:hidden;margin:0 0 40px 0}
.about-top p{float:left;width:56%;margin:0 4% 0 0}
.about-top img{float:right;width:40%}
.about-strong{}
.about-strong strong{display:block;margin:0 0 40px 0;font-weight:bold}
/*ProjectWork*/
.instructor-top{overflow:hidden;margin:0 0 40px 0}
.instructor-top p{float:left;width:56%;margin:0 4% 0 0}
.instructor-top img{float:right;width:40%}
/*productInquiry*/
.tstyle{width:100%;border:1px solid #dde1e6;}
.tstyle th{font-weight:bold;background:#fbfbfb;border-right:1px solid #dde1e6;vertical-align:middle}
.tstyle th,.tstyle td{padding:10px 20px;border-top:1px solid #dde1e6;border-bottom:1px solid #dde1e6}

.tstyle1{width:100%;border:1px solid #dde1e6;}
.tstyle1 th{background:#fbfbfb;border-right:1px solid #dde1e6;vertical-align:middle}
.tstyle1 th,.tstyle1 td{padding:10px 20px;border-top:1px solid #dde1e6;border-bottom:1px solid #dde1e6;vertical-align:middle}
.tstyle1 em{color:#f26522}
.agree{height:130px;padding:20px 20px;overflow-y:auto;overflow-x:hidden;border:1px solid #e4e4e4;font-family: 'Noto Sans SC', Arial, Helvetica,  sans-serif; font-size:0.875em; line-height:1.5em}
#msg{width:100%;height:80px}
/*as*/
.tstyle2{width:100%;border-top:2px solid #a8a8a8;}
.tstyle2 th{background:#f9f9fb;border-right:1px solid #dde6e9;vertical-align:middle; font-weight:bold;font-size:15px;color:#555555; text-align:center}
.tstyle2 th,.tstyle2 td{padding:8px 16px;border-bottom:1px solid #dde6e9;vertical-align:middle;font-size:13px;border-left:1px solid #dde6e9}
.tstyle2 th,.tstyle2 td:first-child{border-left:1px solid white}
.tstyle2 em{color:#8a1c22;font-weight:bold}

.tstyle2 td.zip{background:#fbfbfb;padding:20px 40px}
.tstyle2 .bg{background:#fbfbfb;padding-top:20px;padding-bottom:20px}
.tstyle2 strong{font-weight:bold}
.tstyle2 .underline{text-decoration:underline}
.on{/*background:#f1f5f6*/font-weight:bold}
.select, .select a{font-weight:bold}


.tstyle2 .check_sn{display:none;}
.tstyle2 .name, .email, .tel, .st_con, .as_entry, .m_zip03{width:99%;}
.name2{width:90%;}

.tstyle2 .a_dd{width:80%;}
.tstyle2 .zip_code{width:40%;}
input.fileupload{width:270px; font-size:11px; padding:2px; height:26px;border:1px solid #dbdbdb; background-color:#f9f9f9; color:#798dd8; letter-spacing:0;}
.tstyle3{width:100%;border:1px solid #dde1e6;}
.tstyle3 th{background:#fbfbfb;border-right:1px solid #dde1e6;vertical-align:middle; font-weight:normal;}
.tstyle3 th,.tstyle3 td{padding:10px 20px;border:1px solid #dde1e6;vertical-align:middle}
.tstyle3 em{color:#f26522}
.tstyle3 td.zip{background:#fbfbfb;padding:20px 40px}
.tstyle3 .bg{background:#fbfbfb;padding-top:20px;padding-bottom:20px}
.tstyle3 strong{font-weight:bold}
.tstyle3 .underline{text-decoration:underline}

/*faq*/
.faq{width:auto;}
.faq dt,.faq dd{padding:10px;border-bottom:1px solid #e4e4e4;clear:both;overflow:hidden}
.faq dd{background:#f6f9fa}
.faq span{display:block;float:left}
.faq .question{margin-left:15px;width:90%;font-size:15px;font-weight:bold}

.faq .answer{margin-left:15px;width:90%;font-size:14px; line-height:24px;color:#666666}
.faq .ico{width:22px;font-size:14px;font-weight:normal;background-color:#77939e;color:white; text-align:center;}
.faq .ico2{width:22px;font-size:13px;font-weight:normal; background-color:#8a1c22;color:white;text-align:center;}
.ico3{width:22px;font-size:13px;font-weight:normal; background-color:#8a1c22;color:white;text-align:center;}

/*pds*/
.pbox{background:#f8f8f8;padding:20px;overflow:hidden}
p.pbox img.fl{padding-right:20px}
.pimg{overflow:hidden}
.pimg li{float:left;margin-right:20px}
.pimg li img{border:1px solid #cad2d2}
.pimg li span{display:block;padding:0 0 3px 0}
/*employmentt */
.resumeBoard{width:100%;margin:20px 0 20px 0}
.resumeBoard th{font-weight:bold;background:#fbfbfb}
.title,.date{background:#fbfbfb}
.resumeBoard th,.resumeBoard td{padding:10px;border-top:1px solid #dde1e6;border-bottom:1px solid #dde1e6}
.resumeBoard .resumeBoard{padding:30px 15px 50px 15px;border-bottom:0}
.resumeBoard p{text-align:center}
.resumeBoard .select{color:#852e2f;background:#ebecf0}
/*인바디기술*/
p.half{width:50%;}
p.half2{width:50%;}
/*본사및 지사 */
ul.traffic{clear:both;width:100%;padding-bottom:30px;overflow:hidden}
ul.traffic li{clear:both}
ul.traffic li span{display:block;float:left}
ul.traffic li .rtitle{width:170px}
ul.traffic li .rtxt{width:70%}
/*0820약도S*/
.bio_view{width:100%;}
.biomap{font-weight:bold;font-size:17px}
.biomap_tit{line-height:28px;padding-left:12px;background:url(../../images/common/dot.gif) no-repeat 0 13px}
.biomap_tit dd{line-height:28px; font-weight:normal}
.biomap_tit dt{ margin-bottom:7px; margin-top:7px;}
.biomap_tit dd{line-height:23px;padding-left:10px;padding-bottom:10px;background:url(../../images/common/libar.gif) no-repeat 0 12px}
.biomap_tit dd.no_icon{line-height:23px;padding-left:10px;padding-bottom:10px; background:none;}
/*인재채용 직무소개 */
.halftitle{background:#6b6b6b;padding:5px 15px 7px 15px;color:#fff;}
/*복리후생*/
.welfareImg{text-align:center;overflow:hidden}
/*.welfareImg img{margin-right:5px}*/
.boxShape{clear:both;border:1px solid #dadde3;margin:0 0 20px 0}
.boxShape li{padding-bottom:10px}
.boxShape dl{padding:20px 30px;}
.boxShape dl dt{font-weight:bold; font-size:17px; padding-bottom:5px;}
.boxShape dl dd{padding:0 0 15px 10px}
.boxShape_txt{background:#f1f5f6;padding:6px 30px 11px 30px;color:#333;font-size:17px;font-weight:bold; font-size:17px;}
span.icon_b{color:#506b8c;}
/*product list */
h3{font-size:17px;font-weight:bold;}
h4{font-size:20px;font-weight:bold !important; /*color:#852e2f*/color:#5a6e79;}
h5{font-size:14px; font-weight: normal; margin-top:-10px;} 
h6{font-size:15px; font-weight: normal; margin-top:-20px; padding-left:22px;}

sapn.unit{ font-family:Arial}
.product_tit{font-size:17px;font-weight:bold; /*padding-left:10px;*/}
.view_tit{font-size:16px;}

/*inbody*/
.toptxt{/*30*/font-size:29px;font-weight:bold;margin-bottom:40px;line-height:1.4em}
p.img720{padding-top:90px}
/*수정*/
p.img720_02{padding-top:0px}
p.img720_03{padding-top:30px}
p.img720_04{padding-top:50px}
p.img720_08{padding-top:80px}
p.img720_40{padding-top:40px}
/*썸네이위치*/
p.img720_pt0{padding-top:0px}
p.img720_pt20{padding-top:20px}
p.img720_pt30{padding-top:30px}
p.img720_pt40{padding-top:40px}
p.img720_pt50{padding-top:50px}
p.img720_pt60{padding-top:60px}
p.img720_pt70{padding-top:70px}
p.img720_pt90{padding-top:90px}   
/*수정*/
p.img720 img{margin-right:15px}
dl.inbody720 dt{font-weight:bold;padding-top:8px}
dl.inbody720 dd{padding:0 0 5px 10px}

.inbodyLside{width:45%;}
.inbodyRside{width:51%;}
.inbodyRside dt{ font-weight:bold;}
.inbodyRside dd{line-height:25px;padding-left:10px;padding-bottom:10px;background:url(../../images/common/libar.gif) no-repeat 0 15px}

.portable{width:100%}
.portable li {display:block;float:left; width:33.333%; text-align:center;font-weight:normal;}
.portable li img{max-width:100%}

.img230_p{width:100%}
.img230_p li {display:block;float:left; text-align:center;font-weight:normal;}
.img230_p li img{max-width:100%}
/*0820제품특징S*/
.inbodyfeature{width:100%;}
.inbodyfeature{font-weight:bold;font-size:16px}
.feature_tit{line-height:27px;padding-left:12px;background:url(../../images/common/dot.gif) no-repeat 0 13px}
.feature_tit dd{line-height:24px; font-weight:normal; font-size:14px;}
span.d_sp{margin-top:5px; display:block;}
.feature_tit dt{ margin-bottom:7px; margin-top:7px; font-size:15px;}
.feature_tit dt.no_fon{font-weight:normal; font-size:17px}
.inbodyfeature dd{line-height:23px;padding-left:10px;padding-bottom:10px;background:url(../../images/common/libar.gif) no-repeat 0 12px}
/*0820제품특징E*/
/*inbodyBPO320n */
.tstyle3{width:100%;border:1px solid #dde1e6;}
.tstyle3 th{background:#fbfbfb;border-right:1px solid #dde1e6;vertical-align:top}
.tstyle3 th,.tstyle3 td{padding:7px;border:1px solid #dde1e6;vertical-align:top}
/*bsm370 */
ul.bsm{clear:both;width:100%;overflow:hidden}
ul.bsm li{width:33.333%;float:left;text-align:center;background:none;padding:0}
ul.bsm li img{max-width:100%} 
/*ipt */
div.ipt{float:left;width:46%;margin-bottom:30px; margin-right:4%}
div.ipt img{float:left;width:90%;margin-bottom:30px}
img.s_fintess{ width:100%;}
/*IPTS*/
.ipt_tit{line-height:28px;padding-left:12px;background:url(../../images/common/dot.gif) no-repeat 0 20px}
.ipt_tit dd{line-height:28px; font-weight:normal}
.ipt_tit dt{ margin-bottom:7px; margin-top:7px;}
/*개인정보취급방침 */
.personal-info-guide{width:100%}
/*필수항목 표시*/
.essential {padding-left:2px;color:#be2c2e;}


/**********************2014.12.31 추가 *************************/


.main-icon .wrap-d2{line-height:25px;font-size:12px;padding:30px 0 20px 0;width:100%;width:998px;margin:0 auto;}
/*직무사진관련*/
.joblist{width:101.1%;overflow:hidden;margin-bottom:35px;margin:0 auto;}
.joblist li{float:left;margin:10px 15px 10px 0px; padding:5px 10px 0 10px;border:1px solid #e5e5e5;width:29.6%;text-align:center}
.joblist li img{max-width:100%;margin:0 auto;margin-top:5px}
.joblist li span{display:block;text-align:left;font-size:13px;line-height:23px;margin-left:6px;letter-spacing:-0.5px}
.joblist li .ptitle{font-weight:bold;padding:10px 0 0px 0; text-align:left; font-size:18px;}
.joblist li .ptxt{line-height:26px; text-align:left; font-size:16px; padding-top:5px; letter-spacing:-2px}
.joblist li img:hover{ opacity:0.9;}
.jobtextmark{background:url(../../images/common/dot2.png) no-repeat 0px 7px;padding-left:10px;}

/*직무소개View화면*/
.jobheadtxt{font-weight:bold; font-size:28px;line-height:36px}
.jobtxt{font-size:18px;}
.jobteamtxt{font-weight:bold;font-size:18px}
.jobtxtline{border-bottom:2px solid #8297a3;padding-bottom:5px}
.jobtopline{border-top:5px solid #8a1c22;padding:5px 0px 0px 0px}
.jobhalf{width:60%;}
.jobhalf2{width:40%;padding-top:10px} 
.subContents .mt30 img{width:95%}


/*제품소개*/
.productlist{width:100%;overflow:hidden;margin-bottom:35px;margin:0 auto;padding-bottom:20px}
.productlist li{float:left;margin:10px 21px 10px 0; padding:5px 5px 0 5px;border:1px solid #e5e5e5;width:16.6%}
.productlist li .last{margin-right:0px;}
.productlist li img{max-width:100%;margin:0 auto;}
.productlist li span{display:block;text-align:left;font-size:13px;line-height:22px;}
.productlist li .ptitle{font-weight:bold;padding:10px 0 0px 0; text-align:left; font-size:18px;}
.productlist li .ptxt{line-height:26px; text-align:left; font-size:16px; padding-top:5px; letter-spacing:-2px}
.productlist li img:hover{ opacity:0.9;}
.productlist li .color{ background-color:#899da8;color:White;font-size:15px;text-align:center;padding:10px 0;font-weight:bold}
.productlist li .producttxt{font-size:13px;margin:5px 0 5px;background:url(../../images/common/dot2.png) no-repeat 0px 7px;padding-left:10px;height:70px}

/*메인 33% , 50% 컨텐츠 */
.mainthumbnail{width:30.7%;float:left;padding-left:10px;margin-bottom:15px}
.mainthumbnail div img:hover{background:url(../../images/main/main_icon01_hover.png) no-repeat 0;}
.redline{border-top:3px solid #8a1c22;padding-top:3px}
.redbottomline{border-bottom:3px solid #8a1c22;padding-bottom:3px}
.mainthumbnail2{width:46%;padding-left:0px;margin:10px 0px 0px 0px; padding:5px 10px 30px 10px;border:1px solid #e5e5e5;}
.mainthumbnail2 .thumbnailBD{line-height:21px;background:url(../../images/common/dot2.png) no-repeat 0px 8px;padding-left:10px;margin-left:5px}
.mainthumbnail2 .thumbnailBD a{text-decoration:underline;color:#}
.mainthumbnail2 a img:hover{opacity:0.9}
.tabs-content .joblist a{text-decoration:underline;color:#}

/*아이콘 이미지 오버*/
.icon01      {background:url(../../images/main/main_icon_global.png) no-repeat 0 0;width:66px;height:66px}
.icon01:hover{background:url(../../images/main/main_icon_global.png) no-repeat 0px -65px;width:66px;height:66px}
.icon02      {background:url(../../images/main/main_icon_global.png) no-repeat -66px 0;width:66px;height:66px}
.icon02:hover{background:url(../../images/main/main_icon_global.png) no-repeat -66px -65px;width:66px;height:66px}
.icon03      {background:url(../../images/main/main_icon_global.png) no-repeat -132px 0;width:66px;height:66px}
.icon03:hover{background:url(../../images/main/main_icon_global.png) no-repeat -132px -65px;width:66px;height:66px}

/*상단 페이스북 아이콘 오버*/
.topicon01      {background:url(../../images/main/maintop_icon_global.png) no-repeat -35px 0px;width:35px;height:35px}
.topicon01:hover{background:url(../../images/main/maintop_icon_global.png) no-repeat -35px -34px;width:35px;height:35px}
.topicon02      {background:url(../../images/main/maintop_icon_global.png) no-repeat -70px 0;width:35px;height:35px}
.topicon02:hover{background:url(../../images/main/maintop_icon_global.png) no-repeat -70px -35px;width:35px;height:35px}
.topicon03      {background:url(../../images/main/maintop_icon_global.png) no-repeat 0px 0;width:35px;height:35px}
.topicon03:hover{background:url(../../images/main/maintop_icon_global.png) no-repeat 0px -35px;width:35px;height:35px}