@charset "utf-8";

/* 비쥬얼이미지 */
.ComapnyMap{background:url('/img/visual/company_map.jpg') repeat center 0;background-size:cover;}
.ComapnyNews{background:url('/img/visual/company_news.jpg') repeat center 0;background-size:cover;}
.ComapnyCeo{background:url('/img/visual/company_ceo.jpg') repeat center 0;background-size:cover;}
.ComapnyInquiry{background:url('/img/visual/company_inquiry.jpg') repeat center 0;background-size:cover;}
.ComapnyRecruit{background:url('/img/visual/company_recruit.jpg') repeat center 0;background-size:cover;}
.ComapnyCompany{background:url('/img/visual/company_company.jpg') repeat center 0;background-size:cover;}
.ComapnyPartner{background:url('/img/visual/company_partner.jpg') repeat center 0;background-size:cover;}
.ComapnyCiBi{background:url('/img/visual/company_ci.jpg') repeat center 0;background-size:cover;}

/* 맵 */
section.CompanyMap{width:1100px;margin:0 auto}
section.CompanyMap h2{font-size:2.3em;text-align:center;line-height:30px;margin:20px 0}
section.CompanyMap .contents{display:table;margin:20px 0}
section.CompanyMap .contents > div{display:table-cell;width:50%}

section.MapApi{width:100%;height:670px;border-top:1px solid #6f6f6f;border-bottom:1px solid #6f6f6f;}
section.MapApi div{background:url('/img/company/map.jpg') repeat center 0;height:100%;}

/* 뉴스 */
.CompanyNewsWrap{width:1100px;margin:0 auto}
.CompanyNewsWrap .NewsSearch{overflow:hidden;margin:30px 5px 5px 5px}
.CompanyNewsWrap .NewsSearch .pageNum{float:left;color:#8f8f8f;margin:10px 0 0 0}
.CompanyNewsWrap .NewsSearch .pageNum span{color:#ff6600}
.CompanyNewsWrap .NewsSearch .SearchWrap{float:right}
.CompanyNewsWrap .NewsSearch .SearchWrap .box{border:1px solid #ccc;padding:3px 5px;border-radius:3px;height:33px;width:220px}
.CompanyNewsWrap .NewsSearch .SearchWrap .btn{width:80px;height:33px;background:url('/img/company/searchbtn.gif') no-repeat -5px 0;border:0;border-radius:3px}
.CompanyNewsWrap section.NewsList{width:100%;overflow:hidden;margin-bottom:20px}
.CompanyNewsWrap section.NewsList .thumbnail{float:left;display:table;width:25%;}
 section.NewsList .thumbnail .thumbnailBox{position:relative;border:1px solid #e1e1e1;margin:5px;cursor:pointer;}
 section.NewsList .thumbnail .thumbnailBox > div:before {content: "";position: absolute;top: 15px;left:0;	background: rgba(255, 255, 255, 0.7) url('/img/company/btn_hover.png') no-repeat center center;opacity: 0;}
 section.NewsList .thumbnail .thumbnailBox > div:hover:before {content: "";	position: absolute;top: 0px;left:0;width: 100%;height: 100%;z-index: 30;
 background: rgba(255, 255, 255, 0.7) url('/img/company/btn_hover.png') no-repeat center center;opacity: 1; filter: alpha(opacity=100);
 -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;   transition: all 0.3s ease;}
 section.NewsList .thumbnail .thumbnailBox > div:after {content: "";	position: absolute;width: 100%;	height: 100%;	top: 0;left: 0;
    -webkit-transition: all 0.3s ease;   -moz-transition: all 0.3s ease;   -o-transition: all 0.3s ease;   transition: all 0.3s ease;}

 section.NewsList .thumbnail .thumbnailBox p img{width:100%;height:150px}
 section.NewsList .thumbnail .thumbnailBox  .newsInfo{width:calc(100% - 25px);padding:1.5em 1em;color:#676767}
 section.NewsList .thumbnail .thumbnailBox  .newsInfo .title{font-family:ng,나눔 고딕, 'Nanum Gothic';font-size:1.2em;width:100%;overflow:visible;line-height:20px;height:auto;max-height:100px}
 section.NewsList .thumbnail .thumbnailBox  .newsInfo .info{color:#959595;font-family: 'PT Sans', sans-serif;line-height:30px}
 section.NewsList .thumbnail .thumbnailBox  .newsInfo .info .date{border-left:1px solid #cdcdcd ; margin-left:10px;padding-left:10px}
 section.NewsList .pageRap{position:relative;margin-top:400px;text-align:center;}

.CompanyNewsViewWrap{}
.NewsViewWrap{width:800px;margin:0 auto;}
.NewsViewBox{position:relative;border:1px solid #ccc;background:#fff;border-radius:8px;font-size:1.2em;}
.NewsViewBox .Btnclose{position: absolute;top:20px;right:8px;width:30px;height:30px;border:0;background:url('/img/company/btn_close.png') no-repeat center center;cursor:pointer;}
.NewsViewBox .title{border-bottom:1px solid #ccc;background:#fbfbfc;padding:1.3em;border-radius:9px 9px 0 0;overflow:hidden;cursor:pointer}
.NewsViewBox .title h3{font-size:1.4em;}
.NewsViewBox .title .info{font-size:.9em;color:#959595;margin-top:7px}
.NewsViewBox .title .info .date{border-left:1px solid #bbb ; margin-left:10px;padding-left:10px}
.NewsViewBox .contents{margin:20px 15px;font-family:ng,나눔 고딕, 'Nanum Gothic';color:#4f4f4f}


/* ceo */
.CompanyCeoWrap{width:1100px;margin:0 auto}
.CompanyCeoContents{overflow:hidden;}
.CompanyCeoContents .CompanyCeoImg{position:relative;float:left;width:380px;margin-top:50px;padding:0 90px 80px 0;background:url('/img/company/ceo_img.png') no-repeat 25px 0}
.CompanyCeoContents .CompanyCeoImg .sign{position: absolute;bottom:0px;right:20px}
.CompanyCeoContents .CompanyCeoImg .img{}
.CompanyCeoContents .CeoBoxContents{float:left;width:590px;padding-left:15px;margin:25px 0;font-size:1.2em;line-height:1.5em;}
.CompanyCeoContents .CeoBoxContents .impact{font-size:2.9em;padding:30px 0}
.CompanyCeoContents .CeoBoxContents .info{font-size:1.5em;}
.CompanyCeoContents .CeoBoxContents .story{font-family:ng,나눔 고딕, 'Nanum Gothic';color:#595959}
.CompanyCeoContents .CeoBoxContents .story p{margin:20px 0}
.CompanyCeoContents .CeoBoxContents .story p span.point01{font-weight:bold;color:#000}
.CompanyCeoContents .CeoBoxContents .story p span.point02{color:#ff7e00}
.CompanyCeoContents .CeoBoxContents .story p span.point03{text-decoration:underline}

/* 문의 요청 */
.SubVisualSlogan .telNum{display:block;font-size:2.3em;margin-top:5px;color:#ffdc3a}
.CompanyInquiryWrap{width:1100px;margin:0 auto}
.InquirySection{margin:20px 0}
.InquirySection h3{font-weight:bold;font-size:1.6em;background:url('/img/common.png') no-repeat -480px -38px;padding-top:10px}
.InquirySection .InquiryTB{margin:10px 0;font-family:ng,나눔 고딕, 'Nanum Gothic';font-size:1.2em;border-top:2px solid #bcbcbc}
.InquirySection .InquiryTB th{width:25%;background:#f5f5f5;border-bottom:1px solid #dcdcdc;font-weight:normal;font-size:1.1em}
.InquirySection .InquiryTB td{width:75%;border-bottom:1px solid #dcdcdc;padding:8px}

.CompanyInquiryWrap .product_checkbox.item {display:inline-block;}
.CompanyInquiryWrap .product_checkbox .myCheckbox { cursor:pointer;margin-right:10px;}
.CompanyInquiryWrap .product_checkbox .myCheckbox input { display: none;}
.CompanyInquiryWrap .product_checkbox .myCheckbox span.check01 {width: 20px;height: 20px;display: inline-block; background: url('/img/company/form_check.png') no-repeat 0 -30px;margin-top:5px }
.CompanyInquiryWrap .product_checkbox .myCheckbox span.txt{display: inline-block;color:#000;vertical-align:top;font-family:ngb,나눔고딕, 'Nanum Gothic';margin-top:5px }
.CompanyInquiryWrap .product_checkbox .myCheckbox input:checked + .check01 { background-position: 0 0; }
.CompanyInquiryWrap .product_checkbox .myCheckbox input:checked + .txt{color:red}

.InquirySection {width:600px; margin-left: auto; margin-right: auto;}
.InquirySection .InquiryTB td .Required{width: 60%; height: 30px; border:3px solid #ff8421 !important; border-radius: 5px;}
.InquirySection .InquiryTB td input{width:60%; height: 27px; border: 0.6px solid #ccc; border-radius: 5px;}
.InquirySection .InquiryTB td #requestData{width:100%}
.InquirySection .InquiryTB td #cellPhone{width:60%;}
.InquirySection .InquiryTB td .employees{width: 60px; height: 30px; border:3px solid #ff8421 !important; border-radius: 5px;}
.InquirySection .InquiryTB td #datepicker{width:100px; text-align:center; height:30px; border:3px solid #ff8421 !important; border-radius: 5px;}
.InquirySection .InquiryTB td #TextAreaFor{width: 100%; height: 200px; resize: none;}

.InquirySection .InquiryTB textarea{border:1px solid #ccc;border-radius:3px;padding:3px 5px;width:100%;height:100px;}
.Inquirytextarea{border:1px solid #ccc;border-radius:3px;padding:10px 10px 20px 10px;width:99%;height:150px;overflow-y:scroll;box-sizing:border-box;font-family:ng,나눔 고딕, 'Nanum Gothic';font-size:1em;color:#6c6c6c}
.InquiryAgree{padding:10px 0;overflow:hidden}
.InquiryAgree .Mytxt{float:left;margin-top:6px;}
.InquiryAgree .MyChoice{float:right;}

.InquiryChoiceBtn{float:left;}
.InquiryChoiceBtn > div{display:inline-block;padding:5px 0;margin-right:-6px}
.InquiryChoiceBtn > div label{border:1px solid #ff8421;background:#fff;padding:7px 9px;cursor:pointer;font-family:ngb,나눔고딕, 'Nanum Gothic'; }
.InquiryChoiceBtn > div:first-child label{border-radius:4px 0 0 4px}
.InquiryChoiceBtn > div:last-child label{border-radius:0 4px 4px 0}
.InquiryChoiceBtn > div input{display:none}
.InquiryChoiceBtn > div input:checked + label {background:#ff8421;color:#fff ;border:1px solid #ff8421;font-weight:bold;}

.InquiryTB .select_box { position: relative; width: auto;  height: 25px;background:#fff url(/img/company/select_arrow01.png) right center no-repeat;border: 1px solid #aaa;border-radius: 3px;}
.InquiryTB .select_box label {position: absolute;  top:5px; left: 12px;}
.InquiryTB .select_box select#num { width: 100%; height: 25px;line-height:25px; padding: 0 10px; opacity: 0;  filter: alpha(opacity=0);}

.InquiryAgree .MyChoice .myCheckbox { cursor:pointer;margin-right:10px;}
.InquiryAgree .MyChoice .myCheckbox input { display: none;}
.InquiryAgree .MyChoice .myCheckbox span.check01 {width: 20px;height: 20px;display: inline-block; background: url('/img/company/form_check.png') no-repeat 0 -30px;margin-top:5px }
.InquiryAgree .MyChoice .myCheckbox span.txt{display: inline-block;color:#000;vertical-align:top;font-family:ngb,나눔고딕, 'Nanum Gothic';margin-top:5px }
.InquiryAgree .MyChoice .myCheckbox input:checked + .check01 { background-position: 0 0; }
.InquiryAgree .MyChoice .myCheckbox input:checked + .txt{color:red}

.protection{border-bottom:1px solid #938d89;margin-bottom:5px;padding-bottom:10px;text-align:center}
.protection .attention{padding-bottom:5px}
.protection .protectionInput{overflow:hidden;margin:0 auto;width:280px}
.protection .protectionInput .words{float:left;border:1px solid #343434;background:#343434;color:#ffc60c;font-weight:bold;font-size:1.7em;padding:8px 30px}
.protection .protectionInput .action{float:left;margin-left:10px}
.protection .protectionInput .action input{border:1px solid #707178;font-weight:bold;font-size:1.5em;width:120px;padding:6px 0;text-align:center}

.InquiryBtnwrap{margin-bottom:20px;text-align:center;}
.InquiryBtnwrap input{background:#8e8e8e;color:#fff;font-size:1.3em;border:0;padding:12px 25px;margin:2px; cursor:pointer}
.InquiryBtnwrap input.request{background:#ff8122}

.CompanyInquiryEnd{margin:60px 0 40px 0;text-align:center;}
.CompanyInquiryEnd div{margin:50px;}
.CompanyInquiryEnd p{text-align:center;margin-bottom:20px}

/* 리쿠르트 */
.ComapnyRecruitWrap{width:1100px;margin:0 auto}
.ComapnyRecruitWrap section.recruit01{font-family: Nanum Barun Gothic,"나눔고딕",'Nanum Gothic';font-size:1.6em;line-height:33px;text-align:center;margin:40px 0}
.ComapnyRecruitWrap section.recruit01 div{color:#ff8802;font-size:1.4em;margin:15px 0}
.ComapnyRecruitWrap section.recruit01 p.impact01{font-size:1.4em;}
.ComapnyRecruitWrap section.recruit01 p.impact02{color:#e5622c;font-size:1.2em;}
.ComapnyRecruitWrap section.recruit02{font-family: Nanum Barun Gothic,"나눔고딕",'Nanum Gothic';font-size:1.1em ;overflow:hidden;box-sizing:border-box;padding:15px 0}
.ComapnyRecruitWrap section.recruit02 h3{font-weight:normal;font-size:1.8em;letter-spacing:-1px;background:url('/img/common.png') no-repeat -480px -38px;padding:15px 0}
.ComapnyRecruitWrap section.recruit02 dl{float:left;width:25%;padding:20px;box-sizing:border-box;padding-top:200px}
.ComapnyRecruitWrap section.recruit02 dl.talented01{background:url('/img/company/recruit_img01.gif') no-repeat center 0;}
.ComapnyRecruitWrap section.recruit02 dl.talented02{background:url('/img/company/recruit_img02.gif') no-repeat center 0;}
.ComapnyRecruitWrap section.recruit02 dl.talented03{background:url('/img/company/recruit_img03.gif') no-repeat center 0;}
.ComapnyRecruitWrap section.recruit02 dl.talented04{background:url('/img/company/recruit_img04.gif') no-repeat center 0;}
.ComapnyRecruitWrap section.recruit02 dt{font-size:1.3em;font-weight:bold;text-align:center;margin-bottom:20px}
.ComapnyRecruitWrap section.recruit02 dt span{color:#fe7806} 
.ComapnyRecruitWrap section.recruit02 dd{color:#515151;background:url('/img/company/dot.gif') no-repeat 0 6px;padding-left:10px}
.ComapnyRecruitWrap section.recruit03{position: relative;background:url('/img/company/recruit_imgbg.jpg') no-repeat;height:383px;font-size:1.1em ;}
.ComapnyRecruitWrap section.recruit03 div{float:right;margin:50px;}
.ComapnyRecruitWrap section.recruit03 div p{text-indent:90px;font-size:1.8em;line-height:30px;}
.ComapnyRecruitWrap section.recruit03 div p span{display:block}
.ComapnyRecruitWrap section.recruit03 dl{margin-top:30px;margin-left:100px}
.ComapnyRecruitWrap section.recruit03 dt{font-family: Nanum Barun Gothic,"나눔고딕",'Nanum Gothic';font-size:1.3em;font-weight:bold;margin-bottom:20px}
.ComapnyRecruitWrap section.recruit03 dd{color:#515151;height:20px;}
.ComapnyRecruitWrap section.recruit04{font-family:ng,나눔 고딕, 'Nanum Gothic';font-size:1.2em;margin:40px 0}
.ComapnyRecruitWrap section.recruit04 h3{font-family: 'Noto Sans KR';font-weight:normal;font-size:1.5em;letter-spacing:-1px;background:url('/img/common.png') no-repeat -480px -38px;padding:15px 0}
.ComapnyRecruitWrap section.recruit04 .recruitTb{}
.ComapnyRecruitWrap section.recruit04 .recruitTb th{background:#fcf7f7;border-top:1px solid #fe7e45;border-bottom:1px solid #fe7e45;padding:8px 0}
.ComapnyRecruitWrap section.recruit04 .recruitTb td{border:1px solid #d4d4d4;text-align:center;padding:8px 0;color:#4f4f4f}
.ComapnyRecruitWrap section.recruit04 .recruitTb td:first-child{border-left:0}
.ComapnyRecruitWrap section.recruit04 .recruitTb td:last-child{border-right:0}
.ComapnyRecruitWrap section.recruit04 .recruitTb td.left{text-align:left;padding-left:15px;font-size:.9em;line-height:23px;}
.ComapnyRecruitWrap section.recruit05{font-family:ng,나눔 고딕, 'Nanum Gothic';font-size:1.2em;margin:40px 0}
.ComapnyRecruitWrap section.recruit05 h3{font-family: 'Noto Sans KR';font-weight:normal;font-size:1.6em;letter-spacing:-1px;background:url('/img/common.png') no-repeat -480px -38px;padding:15px 0}
.ComapnyRecruitWrap section.recruit05 .porcess{position: relative}
.ComapnyRecruitWrap section.recruit05 .porcess .attention{position: absolute;border-left:2px solid #444;padding-left:10px}
.ComapnyRecruitWrap section.recruit05 .porcess .attention p{padding:5px 0;font-size:1.2em;color:#ff8100;font-family: 'Noto Sans KR';}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList{background:url('/img/company/recruit_imgline.png') repeat-x 0 100px;overflow:hidden;position: relative;padding-top:100px;height:140px;}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList dl{float:left;background:url('/img/company/recruit_imgdot.png') no-repeat center 0; padding-top:30px;width:28%}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList dt{text-align:center;font-family: Nanum Barun Gothic,"나눔고딕",'Nanum Gothic';font-weight:bold;line-height:23px;font-size:1.3em}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList dd{font-size:.9em;text-align:center;margin-top:4px;color:#4f4f4f}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList dd a{font-size:.9em;border:1px solid #909090;padding:3px 9px;border-radius:3px}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList dd a:hover{background:#ff7c19;color:#fff;border:1px solid #ff7c19;-webkit-transition:0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList dl.final{position: absolute;top:0px;right:0px;background:none;background:url('/img/company/recruit_final.png') no-repeat;width:204px;height:204px}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList dl.final dt{color:#fff;font-size:1.7em;margin:35px 0 10px 0}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList dl.final dd{color:#f8ece0;text-align:center}

/* 협력사 */
.CompanyPartnerWrap{background: #707178;
background: -moz-linear-gradient(top,  #707178 0%, #9e9e9e 50%, #938d89 100%);
background: -webkit-linear-gradient(top,  #707178 0%,#9e9e9e 50%,#938d89 100%);
background: linear-gradient(to bottom,  #707178 0%,#9e9e9e 50%,#938d89 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707178', endColorstr='#938d89',GradientType=0 ); }
.CompanyPartnerWrap .CompanyPartner{width:1100px;margin:0 auto}
section.PartnerGridTab{overflow:hidden;padding:10px 0 0px 0;width:100%;}
section.PartnerGridTab div{border-bottom:1px solid #343434}
section.PartnerGridTab div span{display:inline-block;text-align:center;font-size:1.5em;color:#d1d1d1;font-family: Nanum Barun Gothic,"나눔고딕",'Nanum Gothic';background:#343434;width:30%;
border:1px solid #343434;padding:10px 0;margin-bottom:-1px;cursor:pointer}
section.PartnerGridTab div span.select{background:none;border-bottom:1px solid #77787e;color:#fff}
section.PartnerGridTilte{font-size:1.1em;color:#fff;font-family: Nanum Barun Gothic,"나눔고딕",'Nanum Gothic';text-align:center;margin-top:40px}
section.PartnerGridTilte p{font-size:1.8em;margin:8px 0}
section.PartnerGridWrap{overflow:hidden;width:100%;box-sizing:border-box;padding:20px 0}
section.PartnerGridWrap div{float:left;width:20%;padding:7px;box-sizing:border-box;}
section.PartnerGridWrap div dl{background:#fff;width:100%;}
section.PartnerGridWrap div dt{text-align:center;border-bottom:1px solid #ccc}
section.PartnerGridWrap div a dl dd{padding:12px 3px;background:url('/img/company/banner_arrow.png') no-repeat right 8px;font-size:1.2em;text-align:center}
section.PartnerGridWrap div a:hover dl dd{background:url('/img/company/banner_arrow.png') no-repeat right -40px;}
section.PartnerGridWrap article{overflow:hidden;margin:30px 0}
section.PartnerGridWrap article div{;width:33.3%;}
section.PartnerGridWrap h2{font-size:1.5em;color:#fff;font-family: Nanum Barun Gothic,"나눔고딕",'Nanum Gothic';letter-spacing:-1px;border-left:2px solid #fff;margin-left:8px;padding-left:8px}
section.PartnerGridWrap .txtDesign{float:none !important;width:100%;text-align:right;color:#fff;font-size:3em;font-family: Nanum Barun Gothic,"나눔고딕",'Nanum Gothic';letter-spacing:-1px;
text-shadow:0px 2px 0px rgba(000,000,000,0.4),0px 1px 0px rgba(255,255,255,0.3);margin:20px 0}
section.PartnerGridWrap .txtDesign span{font-size:.7em}

/*회사소개*/
.CompanyInfoWrap{width:1100px;margin:0 auto}
.CompanyInfoWrap h3{font-weight:normal;font-size:1.8em;letter-spacing:-1px;background:url('/img/common.png') no-repeat -480px -38px;padding:10px 0 15px 0}
section.CompanyInfo{overflow:hidden;margin:15px 0}
section.CompanyInfo .CompanyInfoTxt{float:left;width:40%;font-size:1.2em;margin-top:20px}
section.CompanyInfo .CompanyInfoTxt .txt01{font-family:"나눔고딕",'Nanum Gothic';font-size:2.0em;line-height:1.3em;margin-bottom:20px;letter-spacing:-1px}
section.CompanyInfo .CompanyInfoTxt .txt02{font-family:"나눔고딕",'Nanum Gothic';font-size:2.5em;letter-spacing:-1px;font-weight:bold;padding:25px 0;margin-bottom:10px;line-height:1.1em}
section.CompanyInfo .CompanyInfoTxt .txt02 span{color:#ff8a01}
section.CompanyInfo .CompanyInfoTxt .txt03{color:#616161}
section.CompanyInfo .CompanyInfoTxt dl{margin-top:20px}
section.CompanyInfo .CompanyInfoTxt dt{font-family:"나눔고딕",'Nanum Gothic';font-size:1.3em;font-weight:bold;padding:5px 0}
section.CompanyInfo .CompanyInfoTxt dd{color:#616161}
section.CompanyInfo .CompanyInfoTxt .ComTxtIm01{font-family:"나눔고딕",'Nanum Gothic';font-size:1.9em;line-height:1.1em;font-weight:bold;margin-bottom:10px;letter-spacing:0px}
section.CompanyInfo .CompanyInfoTxt .ComTxtIm01 span{display:inline-block;background:#707178;width:23px;height:23px;border-radius:30px;color:#fff;padding:0 0 7px 6px;}
section.CompanyInfo .CompanyInfoGrid{float:right;width:50%;font-size:1.2em;font-family:"나눔고딕",'Nanum Gothic';}
section.CompanyInfo .CompanyInfoGrid .InfoGrid01, section.CompanyInfo .CompanyInfoGrid .InfoGrid02, section.CompanyInfo .CompanyInfoGrid .InfoGrid03{display:table;width:100%;height:180px}
section.CompanyInfo .CompanyInfoGrid .img{display:table-cell;width:50%;}
section.CompanyInfo .CompanyInfoGrid .InfoGrid01 .img{background:url('/img/company/info_img01.jpg') no-repeat center}
section.CompanyInfo .CompanyInfoGrid .InfoGrid02 .img{background:url('/img/company/info_img02.jpg') no-repeat center}
section.CompanyInfo .CompanyInfoGrid .InfoGrid03 .img{background:url('/img/company/info_img03.jpg') no-repeat center}
section.CompanyInfo .CompanyInfoGrid .explan{display:table-cell;width:50%;background:#4c6f9a;vertical-align:middle;}
section.CompanyInfo .CompanyInfoGrid .explan p{margin:18px;color:#dcdfe2;font-size:.9em}
section.CompanyInfo .CompanyInfoGrid .explan p span{display:block;color:#fff;text-align:center;font-weight:bold;font-size:1.3em;margin-bottom:7px}
section.CompanyArea{position: relative;background:url('/img/company/company_imgbg.jpg') no-repeat;height:300px;font-family:ng,"나눔고딕",'Nanum Gothic';font-size:1.2em }
section.CompanyArea div{float:right;width:300px;margin-top:40px}
section.CompanyArea h3{font-weight:normal;font-size:1.5em;letter-spacing:-1px;font-weight:bold;padding:10px 0 15px 0}
section.CompanyArea li{font-family: 'Noto Sans KR';font-weight:normal;background:url('/img/company/dot.gif') no-repeat 0 10px;padding:4px 0 4px 10px;}
section.CompanyHistory{margin:25px 0;font-size:1.1em}
section.CompanyHistory .tab{padding:0;overflow:hidden}
section.CompanyHistory .tab li{	width:25%;height:40px;	float:left;box-sizing:border-box}
section.CompanyHistory .tab li a{cursor:pointer;background:#f1f1f1;border-left:1px solid #ccc;outline:none;color:#8d8b8b;display:block;line-height:40px;text-align:center;height:40px;box-sizing:border-box}
section.CompanyHistory .tab li:first-child a{border-left:0}
section.CompanyHistory.tab li a:link{	line-height:40px;}
section.CompanyHistory .tab li a.selected{	background:#fb8806;color:#fff;font-weight:bold}
section.CompanyHistory ul.panel{clear:both;border-top:none;padding:0;}
section.CompanyHistory ul.panel li{padding:10px;}
section.CompanyHistory ul.panel li dl{color:#646464;margin:20px 0}
section.CompanyHistory ul.panel li dt{color:#fb8806;font-size:1.8em;line-height:1.4em}
section.CompanyHistory ul.panel li dd{font-size:1.2em;line-height:1.2em}
section.CompanyHistory ul.panel .HistoryContents{overflow:hidden;margin:30px 0 15px 0;}
section.CompanyHistory ul.panel .HistoryContents .HistoryImg{float:left;margin:0 20px 0 0;}
section.CompanyHistory ul.panel #tab1 .HistoryContents .HistoryImg{background:url('/img/company/info_history01.jpg') no-repeat center top; width:350px;height:200px;background-size:100%}
section.CompanyHistory ul.panel #tab2 .HistoryContents .HistoryImg{background:url('/img/company/info_history02.jpg') no-repeat center top; width:300px;height:200px;background-size:100%}
section.CompanyHistory ul.panel #tab3 .HistoryContents .HistoryImg{background:url('/img/company/info_history03.jpg') no-repeat center top; width:300px;height:200px;background-size:100%}
section.CompanyHistory ul.panel #tab4 .HistoryContents .HistoryImg{background:url('/img/company/info_history04.jpg') no-repeat center top; width:300px;height:200px;background-size:100%}
section.CompanyHistory ul.panel .HistoryContents .HistoryList{float:left;font-family:ng,"나눔고딕",'Nanum Gothic';font-size:1.0em;}
section.CompanyHistory ul.panel .HistoryContents .HistoryList{/*margin-top:30px*/}
section.CompanyHistory ul.panel .HistoryContents .HistoryList div p{background:url('/img/company/dot.gif') no-repeat 0 10px;padding:4px 0 4px 10px;}
section.CompanyHistory ul.panel .HistoryContents .HistoryList .HistoryLeft{float:left;margin-right:30px}
section.CompanyHistory ul.panel .HistoryContents .HistoryList .HistoryRight{float:left}
section.CompanyAward{}
section.CompanyAward .CompanyAwardWrap{background:#f2f2f2;position: relative;padding:15px 45px}
section.CompanyAward input{position: absolute;background:url('/img/company/arrow.png') no-repeat;width:31px;height:31px;border:0;cursor:pointer;}
section.CompanyAward input.Left{top:43%;left:15px}
section.CompanyAward input.Left:hover{background-position:0 -41px}
section.CompanyAward input.Right{top:43%;right:15px;background-position:-42px 0}
section.CompanyAward input.Right:hover{background-position:-42px -41px}
section.CompanyAward .CompanyAwardList{overflow:hidden}
section.CompanyAward .CompanyAwardList dl{float:left;padding:5px;width:25%;text-align:center;box-sizing:border-box}
section.CompanyAward .CompanyAwardList dt img{border:1px solid #ccc}
section.CompanyAward .CompanyAwardList dd{margin-top:10px}

/* CIBI 소개 */
.CiBiWrap{width:1100px;margin:0 auto;word-break:keep-all;-ms-word-break:keep-all}
.CiBiWrap h3{font-weight:bold;font-size:2.2em;letter-spacing:-1px;padding:10px 0 15px 0}
.CiBiWrap > section{padding:30px 0}
.CiBiWrap section.CIinfo .CIinfo_ci{background:url('/img/company/ci_bg.gif') repeat;margin:10px 0;text-align:center;padding:63px 0;border-right:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4}
.CiBiWrap section.CIinfo .CIinfo_ci img{text-align:center}
.CiBiWrap section.CIinfo .CIinfo_ci .downloadBtn{padding-top:40px}
.CiBiWrap section.CIinfo .CIinfo_ci .downloadBtn input{background:#fff url('/img/company/ci_down.gif') right  8px no-repeat;padding:10px 35px 10px 20px;border:1px solid #ccc;cursor:pointer;font-size:1.2em;box-shadow:2px 2px  2px #dbdbdb}
.CiBiWrap section.CIinfo .CIinfoTxt{text-align:center;font-size:1.2em}
.CiBiWrap section.CIinfo .CIinfoTxt .txt01{font-family:"나눔고딕",'Nanum Gothic';font-size:2.5em;letter-spacing:-1px;font-weight:bold;padding:25px 0;line-height:1.1em}
.CiBiWrap section.CIinfo .CIinfoTxt .txt01 span{color:#ff8a01}
.CiBiWrap section.CIinfo .CIinfoTxt .txt02 {font-family:"나눔고딕",'Nanum Gothic';font-size:1.9em;line-height:1.1em;font-weight:bold;margin-bottom:10px;letter-spacing:0px}
.CiBiWrap section.CIinfo .CIinfoTxt .txt02 span{display:inline-block;background:#707178;width:29px;height:24px;border-radius:30px;color:#fff;padding:0 0 7px 3px;}
.CiBiWrap section.CIinfo .CIinfoTxt .txt03{color:#616161;margin-bottom:6px}
.CiBiWrap section.CIinfo .CITypeRule{overflow:hidden;border:1px solid #dedede;padding:20px;margin-top:50px}
.CiBiWrap section.CIinfo .CITypeRule .CITypeImg{float:right}
.CiBiWrap section.CIinfo .CITypeRule .CITypeRuleInfo{float:left;width:40%;font-size:1.2em;line-height:1.4em;color:#6f6f6f}
.CiBiWrap section.CIinfo .CITypeRule .CITypeRuleInfo p{padding:10px}
.CiBiWrap section.CIinfo .CITypeRule .CITypeRuleInfo p.attention{color:#0155b4}

.CiBiWrap section.BIinfo{}
.CiBiWrap section.BIinfo .BidentityWrap{background:#f5f5f5;padding:40px;}
.CiBiWrap .BidentityWrap .BidentityExplain{overflow:hidden;font-size:1.2em;line-height:1.5em}
.CiBiWrap .BidentityWrap .BidentityExplain .BidentityExplainImg{float:right;width:40%;background:url('/img/company/ci_bg.gif') repeat;margin:10px 0;text-align:center;padding:17px 0}
.CiBiWrap .BidentityWrap .BidentityExplain .BidentityExplainImg img{width:95%}
.CiBiWrap .BidentityWrap .BidentityExplain .BidentityExplainInfo{float:left;width:50%;}
.CiBiWrap .BidentityWrap .BidentityExplain .BidentityExplainInfo h4{font-size:1.8em;padding:5px 0;font-weight:bold}
.CiBiWrap .BidentityWrap .BidentityExplain .BidentityExplainInfo .txt01{font-size:1.4em;margin:10px 0;word-break:keep-all;-ms-word-break:keep-all;line-height:1.5em}
.CiBiWrap .BidentityWrap .BidentityExplain .BidentityExplainInfo li{margin:20px 0;color:#5a5a5a}
.CiBiWrap .BidentityWrap .BidentityConcept{overflow:hidden;font-size:1.1em;line-height:1.5em;padding:30px 0 15px 0}
.CiBiWrap .BidentityWrap .BidentityConcept li{float:left;width:30%;padding:10px}
.CiBiWrap .BidentityWrap .BidentityConcept li h5{padding:5px 0;font-weight:bold;font-size:1.3em}
.CiBiWrap .BidentityWrap .BidentityConcept li.Service{width:32%;border-left:1px solid #cacaca;border-right:1px solid #cacaca;margin:0 20px;padding-left:20px;box-sizing:border-box}

.CiBiWrap section.SignatureType{padding:10px 0 50px 0}
.CiBiWrap section.SignatureType > p{font-size:1.1em}
.CiBiWrap section.SignatureType ul{overflow:hidden;margin-top:15px}
.CiBiWrap section.SignatureType li{float:left;width:25%;text-align:center}
.CiBiWrap section.SignatureType li .Signatureimg{}
.CiBiWrap section.SignatureType li .downloadBtn{padding:15px 0}
.CiBiWrap section.SignatureType li .downloadBtn input{background:#fff url('/img/company/ci_down.gif') right  8px no-repeat;padding:10px 25px 10px 13px;border:1px solid #ccc;cursor:pointer;font-size:1.2em;box-shadow:2px 2px  2px #dbdbdb}

/**************************************   미디어스크린 조절 시작 **************************************/
@media screen and (max-width:1100px){
section.CompanyMap, .CompanyNewsWrap, .NewsViewWrap, .CompanyCeoWrap, .CompanyInquiryWrap, .ComapnyRecruitWrap, .CompanyPartnerWrap .CompanyPartner, .CompanyInfoWrap, .CiBiWrap{width:100%;}


/* 오시는 길*/
section.CompanyMap .contents > div{display:block;margin:10px 0;width:100%;-webkit-transition:1.0s ease;-moz-transition: all 1.0s ease;transition: all 1.0s ease}

/*뉴스*/
.CompanyNewsWrap section.NewsList .thumbnail{width:33.3%;}

/* ceo */
.CompanyCeoContents .CompanyCeoImg{position:relative;float:none;width:100%;margin-top:20px;padding:0 0 50px 0;background:#fafafa url('/img/company/ceo_img.png') no-repeat 0 0}
.CompanyCeoContents .CompanyCeoImg .sign{position: absolute;bottom:0px;left:220px}
.CompanyCeoContents .CompanyCeoImg .img{}
.CompanyCeoContents .CeoBoxContents{float:none;width:100%;padding:0 10px;box-sizing:border-box}

/*리쿠르트*/
.ComapnyRecruitWrap section.recruit02, .ComapnyRecruitWrap section.recruit04, .ComapnyRecruitWrap section.recruit05 {padding:0 8px}
.ComapnyRecruitWrap section.recruit02 dl.talented01, .ComapnyRecruitWrap section.recruit02 dl.talented02, .ComapnyRecruitWrap section.recruit02 dl.talented03, .ComapnyRecruitWrap section.recruit02 dl.talented04{background-size:160px auto}
.ComapnyRecruitWrap section.recruit03 div p{text-indent:0px;font-size:1.6em;line-height:25px;}
.ComapnyRecruitWrap section.recruit04 .recruitTb{font-size:.9em}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList{overflow:hidden;height:auto;padding-bottom:8px}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList dl{width:25%}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList dd{font-size:.8em;}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList dd a{font-size:1em;}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList dl.final{background-size:190px auto;width:190px;height:190px}

/*협력사*/
section.PartnerGridWrap div{width:25%}
section.PartnerGridWrap dt img{width:95%}

/*소개*/
section.CompanyInfo{margin:15px 10px}
section.CompanyInfo .CompanyInfoTxt{width:50%;font-size:1.1em;}
section.CompanyInfo .CompanyInfoTxt .txt01{font-size:2.0em;line-height:1.3em}
section.CompanyInfo .CompanyInfoTxt .txt02{font-size:2.9em;font-weight:bold;padding:20px 0;margin-bottom:10px}
section.CompanyInfo .CompanyInfoGrid .InfoGrid01, section.CompanyInfo .CompanyInfoGrid .InfoGrid02, section.CompanyInfo .CompanyInfoGrid .InfoGrid03{height:130px}

section.CompanyHistory ul.panel .HistoryContents{display:table;overflow:hidden;margin:30px 0 15px 0;}
section.CompanyHistory ul.panel .HistoryContents .HistoryImg{display:table-cell;float:none;margin:0 20px 0 0;width:32%}
section.CompanyHistory ul.panel #tab1 .HistoryContents .HistoryImg{background:url('/img/company/info_history01.jpg') no-repeat center top; width:300px;height:250px;background-size:100%}
section.CompanyHistory ul.panel #tab2 .HistoryContents .HistoryImg{background:url('/img/company/info_history02.jpg') no-repeat center top; width:300px;height:250px;background-size:100%}
section.CompanyHistory ul.panel #tab3 .HistoryContents .HistoryImg {background:url('/img/company/info_history03.jpg') no-repeat center top; width:300px;height:250px;background-size:100%}
section.CompanyHistory ul.panel #tab4 .HistoryContents .HistoryImg {background:url('/img/company/info_history04.jpg') no-repeat center top; width:300px;height:250px;background-size:100%}
section.CompanyHistory ul.panel .HistoryContents .HistoryList{display:table-cell;float:none;font-family:"나눔고딕",'Nanum Gothic';font-size:1.0em;width:68%;padding-left:15px;}
section.CompanyHistory ul.panel .HistoryContents .HistoryList{margin-top:10px}

/*CIBI 소개 */
.CiBiWrap section.CIinfo .CITypeRule .CITypeImg{float:none;text-align:center}
.CiBiWrap section.CIinfo .CITypeRule .CITypeRuleInfo{float:none;width:100%;}
.CiBiWrap section.CIinfo .CITypeRule .CITypeRuleInfo p{width:100%;}
.CiBiWrap .BidentityWrap .BidentityConcept{border-top:1px solid #ccc;margin-top:20px}
.CiBiWrap .BidentityWrap .BidentityConcept li{float:none;width:100%;}
.CiBiWrap .BidentityWrap .BidentityConcept li h5{padding:5px 0;}
.CiBiWrap .BidentityWrap .BidentityConcept li.Service{width:100%;border-left:0px;border-right:0px;margin:0px;padding-left:10px;}
.CiBiWrap section.SignatureType li .Signatureimg img{width:90%}
}

@media screen and (max-width:580px){

/* map*/
section.CompanyMap .contents div img{width:100%}

/*뉴스*/
.CompanyNewsWrap .NewsSearch .pageNum{display:none}
.CompanyNewsWrap section.NewsList .thumbnail{width:100%;}
 section.NewsList .thumbnail .thumbnailBox p img{width:100%;height:250px}
 .NewsViewWrap{padding-top:60px;}
 .NewsViewBox{font-size:.9em;}
 .NewsViewBox .contents img{max-width:100%;}

/* ceo */
.CompanyCeoContents .CompanyCeoImg{margin-top:0px;padding:0;}
.CompanyCeoContents .CompanyCeoImg .sign {top:90px;left:0;height:205px;width:200px;background:#ff8122;}
.CompanyCeoContents .CompanyCeoImg .img img{width:100%;height:370px}
.CompanyCeoContents .CeoBoxContents .impact{font-size:2.3em;color:#d1391b}

/* 문의요청 */
.InquirySection .InquiryTB{margin:10px 0;font-size:.9em;}
/*개인 css*/
.InquirySection .InquiryTB .product_checkbox {width: auto;}
.InquirySection .InquiryTB td input{width:95%}
.CompanyInquiryEnd p img{width:100%}

/* 리쿠르트*/
.ComapnyRecruitWrap section.recruit01{font-size:1.1em;line-height:20px}
.ComapnyRecruitWrap section.recruit02 dl{float:left;width:50%;padding:20px;box-sizing:border-box;padding-top:180px;font-size:.9em}
.ComapnyRecruitWrap section.recruit03 div p{text-indent:0px;font-size:1.3em;line-height:25px;}
.ComapnyRecruitWrap section.recruit03 dl{margin-left:10px;background:#fff;opacity:0.9;filter:alpha(opacity=90);border-radius:10px;padding:10px 10px 10px 20px}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList{background:none;overflow:hidden;position: relative;padding-top:100px;height:auto}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList dl{float:none;padding:10px 0 0 0px;width:100%;background:url('/img/company/recruit_imgline02.png') repeat-y 0 10px;margin-left:80px }
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList dl:nth-child(3){padding-bottom:20px}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList dt{background:url('/img/company/recruit_imgdot.png') no-repeat 0 0px; text-align:left;font-size:1.2em;text-indent:23px}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList dd{text-align:left;margin-top:4px;padding-left:20px}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList dl.final{position: static;margin-left:0}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList dl.final dt{background:none;font-size:1.7em;text-align:center;margin:50px 15px 0 0;padding:0}
.ComapnyRecruitWrap section.recruit05 .porcess .porcessList dl.final dd{padding-left:0;text-align:center}

/*협력사*/
section.PartnerGridWrap div, section.PartnerGridWrap article div{width:50%}
section.PartnerGridTab div a{width:49%;box-sizing:border-box;font-size:1.2em}
section.PartnerGridWrap div a dl dd{padding:12px 3px;background:url('/img/company/banner_arrow.png') no-repeat right 8px;font-size:1.1em;text-align:center;overflow:hidden;height:18px;line-height:24px}
section.PartnerGridWrap .txtDesign{font-size:2.5em}

/* 소개 */
section.CompanyInfo .CompanyInfoTxt{float:none;width:100%;margin:10px 0}
section.CompanyInfo .CompanyInfoTxt .txt01{font-size:1.5em;line-height:1.1em}
section.CompanyInfo .CompanyInfoGrid{float:none;width:100%;font-size:1.0em;}
section.CompanyHistory .tab li{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
section.CompanyHistory .tab li{	width:50%;}
section.CompanyHistory .tab li a{border-bottom:1px solid #ccc;}
section.CompanyHistory ul.panel .HistoryContents{display:block;overflow:hidden;margin:30px 0 15px 0;}
section.CompanyHistory ul.panel .HistoryContents .HistoryImg{display:block;float:none;margin:0 20px 0 0;width:100%;}
section.CompanyHistory ul.panel #tab1 .HistoryContents .HistoryImg{width:100%;background-size:100%}
section.CompanyHistory ul.panel #tab2 .HistoryContents .HistoryImg{ width:100%;background-size:100%}
section.CompanyHistory ul.panel #tab3 .HistoryContents .HistoryImg {width:100%;background-size:100%}
section.CompanyHistory ul.panel #tab4 .HistoryContents .HistoryImg { width:100%;background-size:100%}
section.CompanyHistory ul.panel .HistoryContents .HistoryList{display:block;float:none;font-family:"나눔고딕",'Nanum Gothic';font-size:1.0em;width:100%;padding-left:15px;}
section.CompanyHistory ul.panel .HistoryContents .HistoryList{margin-top:10px}
section.CompanyHistory ul.panel li dt{color:#fb8806;font-size:1.6em;line-height:1.4em}
section.CompanyHistory ul.panel li dd{font-size:1em;line-height:1.2em}
section.CompanyAward .CompanyAwardList {height:290px;overflow:hidden}
section.CompanyAward .CompanyAwardList dl{width:50%;height:290px;}

/*CIBI 소개 */
.CiBiWrap section.CIinfo .CIinfo_ci img{width:80%;}
.CiBiWrap section.CIinfo .CIinfoTxt{text-align:center;font-size:1.0em;padding:0 10px}
.CiBiWrap section.CIinfo .CIinfoTxt p.txt03{text-align:left}
.CiBiWrap section.CIinfo .CIinfoTxt .txt02 span{width:26px;height:18px;border-radius:30px;color:#fff;padding:0 0 7px 1px;}
.CiBiWrap section.CIinfo .CITypeRule .CITypeImg img{width:95%}
.CiBiWrap section.CIinfo .CITypeRule .CITypeRuleInfo{font-size:1.0em;}
.CiBiWrap section.CIinfo .CITypeRule .CITypeRuleInfo p{padding:5px;}

.CiBiWrap section.BIinfo .BidentityWrap{padding:20px;}
.CiBiWrap .BidentityWrap .BidentityExplain{overflow:hidden;font-size:1.1em;line-height:1.5em}
.CiBiWrap .BidentityWrap .BidentityExplain .BidentityExplainImg{float:none;width:100%;}
.CiBiWrap .BidentityWrap .BidentityExplain .BidentityExplainImg img{width:90%}
.CiBiWrap .BidentityWrap .BidentityExplain .BidentityExplainInfo{float:none;width:100%;}
.CiBiWrap .BidentityWrap .BidentityExplain .BidentityExplainInfo li{margin:10px 0;color:#5a5a5a}
.CiBiWrap .BidentityWrap .BidentityConcept li h5{color:#ff7e00;}

.CiBiWrap section.SignatureType li{width:50%;padding:4px;box-sizing:border-box}
}

/* 추가 버튼타입 01*/
.SearchType{float:left;}
.SearchType div{display:inline-block;padding:5px 0;margin-right:-6px}
.SearchType div label{border:1px solid #ff8421;background:#fff;padding:6px 9px;cursor:pointer;font-family:ngb,나눔고딕, 'Nanum Gothic';font-size:.9em }
.SearchType div:first-child label{border-radius:4px 0 0 4px}
.SearchType div:last-child label{border-radius:0 4px 4px 0}
.SearchType div input{display:none}
.SearchType div input:checked + label {background:#ff8421;color:#fff ;border:1px solid #ff8421;font-weight:bold;}