@charset 'utf-8';

select { min-width:100px; padding:2px 2px 2px 0; /*margin:0px 2px;*/ border:1px solid #c7c9cf; color:#4E545A; }
input[type=text] { padding:2px; border:1px solid #c7c9cf; }
.input1{height:22px; border:1px solid #d1cde3;   color:#8f8f8f; padding:1px 0 0 0; vertical-align:middle}

figure > img {max-width:100%}
figcaption {position:absolute;left:-99999px;}
h4 { font-size:19px; font-weight: bold;  }
.hidden {font-size:0px; line-height:0px; width:0px; height:0px;}
.alignR { text-align:right; font-size:12px; color:#696969;}
.pl20 { padding-left:20px !important;}
.link {text-decoration:underline;}
.btm22_1 { border-bottom:1px solid #b1b1b1;}
.underLIne { color:#137cbc}
.p10 { padding-bottom:10px;}

/* 관리자 폰트 */
.txt em {font-style:italic;}

/* 구축사례보고*/
.service .summary { margin-bottom:30px; line-height:1.6em; font-size:20px; color:#566e8d;}
.service .summary strong { display:block; margin-bottom:5px; font-size:18px;  }
.service h4 { margin-bottom:15px; color:#0054a6; }
.service .epc li { margin-bottom:30px; padding-left:250px; min-height:156px; }
.service .epc li h5 {margin-bottom:10px; font-size:19px; color:#0054a6;}
.service .epc li p { line-height:1.7em; } 
.service .epc li.epc1 { background:url(../img/common/t_01_1.gif) 0 10px no-repeat;} 
.service .epc li.epc2 { background:url(../img/common/t_01_2.gif) 0 10px no-repeat; } 
.service .epc li.epc3 { background:url(../img/common/t_01_3.gif) 0 10px no-repeat;} 
.service .epc li.epc4 { background:url(../img/common/t_01_4.gif) 0 10px no-repeat;} 
.service .epc li.epc5 { background:url(../img/common/t_01_5.gif) 0 10px no-repeat;} 
.service .epc li.epc6 { background:url(../img/common/t_01_6.gif) 0 10px no-repeat;} 
 
/* table */
.tableList { width:100%; }
.tableList th { padding:8px 0; border-top:2px solid #677681; border-bottom:1px solid #677681; font-size:14px; text-align:center; color:#4e545a;}
.tableList td { padding:10px 0; border-bottom:1px solid #e0e6ed; font-size:13px; text-align:center; color:#4e545a;}
.tableList .gray,
.tableList td a { color:#4e545a; }
.tableList .blue { color:#458acf; }
.tableList .alignL { text-align:left;}
.tableList td.c8c9094 {color:#8c9094;}
.tableList td.bg { background-color:#f6f6f6;}

/* table */
.tableList2 { width:100%; }
.tableList2 th { padding:8px 0; border-top:2px solid #677681; border-bottom:1px solid #677681; font-size:14px; text-align:center; color:#4e545a;}
.tableList2 td { padding:5px 0; border-bottom:1px solid #e0e6ed; font-size:13px; text-align:center; color:#4e545a;}
.tableList2 .gray,
.tableList2 td a { color:#4e545a; }
.tableList2 .blue { color:#458acf; }
.tableList2 .alignc { text-align:center;}
.tableList2 .alignL { text-align:left;}
.tableList2 td.c8c9094 {color:#8c9094;}
.tableList2 td.bg { background-color:#fafafa;}

/* 이벤트 */
.tableList1 { width:100%; }
.tableList1 th { padding:8px 100px; border-top:2px solid #677681; border-bottom:1px solid #e0e6ed; font-size:14px; text-align:left; color:#4e545a;}
.tableList1 td { padding:10px 100px; border-bottom:1px solid #e0e6ed; font-size:14px; text-align:left; color:#4e545a;}
.tableList1 td.line{ padding:10px 100px; border-bottom:1px solid #677681; font-size:14px; text-align:left; color:#4e545a;}
.tableList1 td.line1{ text-align:center;border-bottom:0px solid #677681;}
.tableList1 .gray,
.tableList1 td a { color:#4e545a; }
.tableList1 th a { color:#4e545a; }
.tableList1 .blue { color:#458acf; }
.tableList1 .alignL { text-align:left;}
.tableList1 td.c8c9094 {color:#4e545a;}


.tableInfo { color: #4173BD;font-size: 13px;font-weight: bold;;padding-top: 13px;}
.btn { margin-top:10px; text-align:right; }


/* IT업계동향 */
/*imgBox*/
.imgBox .unit { text-align:right; font-size:12px; color:#696969; }
.imgBox{/*width:97.3%;*/padding:10px 10px 10px;border:1px solid #ededed;background:#f9fafa;text-align:center;overflow:hidden;}
.imgBox .col2{display:inline-block;width:100%;/*min-width:375px;*/margin:0px auto 10px}
.imgBox .paddeff {padding:14px 15px 18px;}

/*imgBox추가*/
.imgBox1 .unit { text-align:right; font-size:12px; color:#696969; }
.imgBox1{/*width:97.3%;*/padding:10px 10px 10px;border:1px solid #ededed;background:#fff;text-align:center;overflow:hidden;}
.imgBox1 .col2{display:inline-block;width:49%;/*min-width:375px;*/margin:0px auto 10px}
.imgBox1 .paddeff {padding:14px 15px 18px;}

.unit h4 { margin-bottom:15px; color:#0054a6; }
.unit .story { position:relative; margin:45px 0 0 0; }
.unit .story .storyBox { overflow:hidden; position:relative; padding:20px 0 20px 20px; background:#f7f7f8;}
.unit .story .img {margin-left:42px; float:left; width:430px;}
.unit .story .info1 { margin-left:0px; padding-right:60px; /* padding:0px 0 0 25px;  min-height:247px;*/}
.unit .story .info1 p {padding-top:10px;}



/*이벤트버튼*/
.IRArchive .boxButton span a { overflow:hidden; display:inline-block; width:200px; padding:6px 15px 6px 42px; height:30px; background-color:#4173bd;color:#ffffff; font-size:15px; line-height:30px; font-weight:bold;}
.IRArchive .btnMore span { padding-right:17px; background:url(../images/InvestorRelations/btnArrow.gif) right -10px no-repeat; color:#707070; }

/* title*/
.contents_tit.awardVisual {width:100%; min-height:210px; background:url('../img/common/bg_award.gif') no-repeat 100% 39px;}
.contents_tit.awardVisual .AccoladesExplan {margin-top:-13px; font-size:20px; color:#566e8d;}
.contents_tit.awardVisual .AccoladesExplan1 {margin-top:10px; font-size:15px; color:#566e8d;}

/* title*/
.contents_tit.awardVisual1 {margin-bottom:20px;width:100%; min-height:210px; background:url('../img/common/bg_award3.gif') no-repeat 100% 39px;}
.contents_tit.awardVisual1 .AccoladesExplan {margin-top:-13px; font-size:20px; color:#566e8d;}
.contents_tit.awardVisual1 .AccoladesExplan1 {margin-top:10px; font-size:15px; color:#566e8d;}

/* title*/
.contents_tit.awardVisual2 {margin-bottom:20px;width:100%; min-height:210px; background:url('../img/common/bg_award4.gif') no-repeat 100% 39px;}
.contents_tit.awardVisual2 .AccoladesExplan {margin-top:-13px; font-size:20px; color:#566e8d;}
.contents_tit.awardVisual2 .AccoladesExplan1 {margin-top:10px; font-size:15px; color:#566e8d;}

/* title*/
.contents_tit1.awardVisual {width:100%; min-height:210px; background:url('../img/common/bg_award1.gif') no-repeat 100% 39px;}
.contents_tit1.awardVisual .AccoladesExplan {margin-top:-13px; font-size:20px; color:#566e8d;}
.contents_tit1.awardVisual .AccoladesExplan1 {margin-top:10px; font-size:15px; color:#566e8d;}

/* title */
.contents_tit1.cVisual {margin-bottom:60px; height:210px; background:url('../img/common/bg_award.gif') no-repeat 100% 100%;}
.contents_tit1.cVisual p {width:70%;}
.contents_tit1 .visualtitle1 {margin-top:-14px; font-size:23px; color:#566e8d;}
.contents_tit1 .visualtitle2 {margin-top:-14px; font-size: 17px; color:#566e8d;}

/* title */
.contents_tit1.cVisual1 {margin-bottom:40px; height:210px; background:url('../img/common/bg_award1.gif') no-repeat 100% 100%;}
.contents_tit1.cVisual1 p {width:70%;}
.contents_tit1 .visualtitle1 {margin-top:-14px; font-size:23px; color:#566e8d;}
.contents_tit1 .visualtitle2 {margin-top:-14px; font-size: 17px; color:#566e8d;}

/* title */
.contents_tit2.cVisual {margin-bottom:10px; height:190px; background:url('../img/common/bg_award2.gif') no-repeat 100% 100%;}
.contents_tit2.cVisual p {width:70%;}
.contents_tit2 .visualtitle1 {margin-top:-14px; font-size:23px; color:#566e8d;}
.contents_tit2 .visualtitle2 {margin-top:-14px; font-size: 17px; color:#566e8d;}

/*.소개합니다 이미지*/
.Accolades { font-size:14px;}
.Accolades .title { font-size:18px; color:#1a559b;}
.Accolades h4 { margin-top:30px;margin-bottom:15px;font-size:19px; color: #0054a6}
.Accolades h4:first-child{margin-top:0;}
.Accolades ul { border-top:2px solid #677681; border-bottom:2px solid #677681; }
.Accolades ul li.img1 h5 span{ background:#f5f6f6 url(../img/common/cb02_img1.gif) no-repeat center center;}
.Accolades ul li.img2 h5 span{ background:#f5f6f6 url(../img/common/cb02_img2.gif) no-repeat center center;}
.Accolades ul li.img3 h5 span{ background:#f5f6f6 url(../img/common/cb02_img3.gif) no-repeat center center;}
.Accolades ul li.img4 h5 span{ background:#f5f6f6 url(../img/common/cb02_img4.gif) no-repeat center center;}
.Accolades ul li.img5 h5 span{ background:#f5f6f6 url(../img/common/cb02_img5.gif) no-repeat center center;}
.Accolades ul li.img6 h5 span{ background:#f5f6f6 url(../img/common/cb02_img6.gif) no-repeat center center;}
.Accolades ul li.img7 h5 span{ background:#f5f6f6 url(../img/common/cb02_img7.gif) no-repeat center center;}
.Accolades ul li.img8 h5 span{ background:#f5f6f6 url(../img/common/cb02_img8.gif) no-repeat center center;}
.Accolades ul li.img9 h5 span{ background:#f5f6f6 url(../img/common/cb02_img9.gif) no-repeat center center;}
.Accolades ul li.img10 h5 span{ background:#f5f6f6 url(../img/common/cb02_img10.gif) no-repeat center center;}
.Accolades ul li.img11 h5 span{ background:#f5f6f6 url(../img/common/cb02_img11.gif) no-repeat center center;}


/*.소개합니다*/
.Accolades ul li + li { border-top:1px solid #dce1e5;}
.Accolades ul li div{ position:relative;margin:10px 0px;}
.Accolades ul li h5 { /*font-size:0px;*/display: block;position: absolute;height: 100%;left: 0;top: 0;width:300px; }
.Accolades ul li h5 span{display:block;border: 1px solid #e2e3e3;text-indent: -999em;height: 100%;}
.Accolades ul li .awardCon {margin-left:300px;padding:12px 0px; padding-left:30px; }
.Accolades ul li .awardCon.pad20 {padding:20px 0 20px 30px;}
.Accolades ul li p {padding-left:6px; line-height:23px; background:url('../img/common/squareBullet.gif') no-repeat 0 10px;}
.Accolades ul li p .more { margin-left:15px; background: url("../images/company/bulMore.gif") no-repeat scroll 0 center transparent; padding-left:10px; color:#59a9da;}
.Accolades ul li p.strong {padding-left:0; font-weight: bold;; font-size:15px; background:none;}

/*quiz*/
.faq>dl{border-top:2px solid #677681}

.faq>dl>dt{border-bottom:1px solid #e2e2e2;background: url(../img/common/bgFaq_on.gif) no-repeat 97% 50%; font-size:15px; }
.faq>dl>dt.on{background: url(../img/common/bgFaq_off.gif) no-repeat 97% 50%;}
.faq>dl>dt>a{display:block;padding:23px 60px 23px 55px;background: url(../img/common/iconFAQ_Q.gif) no-repeat 27px 23px;}
.faq>dl>dt>a:hover, .faq>dl>dt>a:focus, .faq>dl>dt.on>a{color:#4173bd; }
.faq>dl>dd{display:none;padding:20px 60px 20px 85px;background:#f7f8f9 url() no-repeat 57px 23px;border-bottom:1px solid #e2e2e2;line-height: 1.8; font-size:14px; color:#727272; }
.faq>dl>dt>a .faqIr,
.faq>dl>dd .faqIr {display:block;position:absolute;left:-9999px;top:0;overflow:hidden;}
.faqInfo{margin-top:55px;}
.faqInfo>p{color:#a5abaf}
.faqInfo>p:first-child{padding-bottom:3px;font-size: 1.1em;color:#8c9094;}



/* title */
.contents_tit.cVisual {margin-bottom:44px; height:239px; background:url(../img/common/imgEthics.jpg) no-repeat 100% 100%;}
.contents_tit.cVisual p {width:59%;}
.contents_tit .visualtitle {margin-top:-14px; font-size:23px; color:#566e8d;}



/* contact us*/
.contactUs iframe { width:100%; height:800px; }

/* 크리니티소식,sulist */
.compliance > p { margin-bottom:60px; }
.compliance h4 { color:#0054a6; margin-bottom:15px; }
.compliance .contents { margin-bottom:50px; }
.compliance .contents a:link, .compliance .contents a:hover, .compliance .contents a:visited  { color:#137cbc; }
.compliance .contents a.link {text-decoration:underline;}
.compliance .contents { margin-bottom:50px; }

/* 크리니티소식 탭,sulist */
.compliance .tabLayout {margin-top:-39px;}
.compliance .tabLayout .tab {margin-bottom:0; border-bottom:1px solid #646a76;}
.compliance .tabLayout .tab li { float:left; padding-left:10px; margin-left:-10px; width:30%; border-top:0 none; background:url('../img/common/btn/bgTabOff_left.png') no-repeat 0 0; }
.compliance .tabLayout .tab li:first-child {margin-left:0;}
.compliance .tabLayout .tab li a { display:block; padding:0 35px 0 5%; height:31px; border:0 none; line-height:33px;  text-align:left; font-size:12px; color:#666; font-weight:bold; background:url('../img/common/btn/bgTabOff.png') no-repeat 100% 0;}
.compliance .tabLayout .tab li a {position:relative; z-index:5;}
.compliance .tabLayout .tab li+li a {position:relative; z-index:10;}
.compliance .tabLayout .tab li+li+li a {position:relative; z-index:15;}
.compliance .tabLayout .tab li.on {background:url('../img/common/btn/bgTabOn_left.png') no-repeat 0 0; }
.compliance .tabLayout .tab li.on a { padding-right:40px; color:#fff; background:url('../img/common/btn/bgTabOn.png') no-repeat 100% 0; }

/* 크리니티소식 탭열면 생기는 라인,sulist */
.compliance div[class*=tabBox] h4 { margin-bottom:10px; width:100%; font-size:15px; color:#222;}
.compliance div[class*=tabBox] h4.blackTitle {margin-bottom:2px;}
.compliance div[class*=tabBox] .close { margin:10px -21px -21px 0; text-align:right;}
.compliance div[class*=tabBox] .tabBoxInner {position:relative; padding:20px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
.compliance div[class*=tabBox] .tabBoxInner .innerClose {position:absolute; top:10px; right:10px;}
.compliance div[class*=tabBox] h4.blackTitle.dot {padding-left:6px; background:url("img/common/squareBullet.gif") no-repeat 0 10px;}
.compliance div[class*=tabBox] h4.blackTitle.dot2 {padding:0 0 9px 6px; background:url("img/common/squareBullet.gif") no-repeat 0 10px;}

div[class*=tabBox] .closeX { margin-top:0 !important; text-align:right;}
.compliance div[class*=tabBox] h4.tabBoxTitle {font-family:'airal'; font-size:15px; color:#222; font-weight: bold;;}

/* recruit */
.recruit h4 {color: #0054A6;font-size: 18px;margin-bottom: 12px;margin-left: 0;margin-right: 0;margin-top: 0;padding-top: 34px;}
.recruit .list li { margin-bottom:5px; padding-left:10px; background:url(../img/common/grayList.gif) 0 8px no-repeat;}
.recruit .list li .co458acf {color:#458acf; font-size:13px;}
.recruit .list li span,
.recruit .list li span a { color:#1a559b; font-size:12px; text-decoration:underline; }
.recruit .list li .noUnderLine { color:#4e545a; font-size:13px; text-decoration:none !important;}
.recruit table th {color:#222;}
.recruit table td {color:#4e545a;}


/* 크리니티 소식 */
.devideMid {width:100%; /*overflow:hidden;*/ color:#4e545a; line-height:23px;}
.devideMid:after {content:""; display:block; clear:both;}
.devideMid .pdfDown {overflow:hidden;}
.devideMid .pdfDown p {float:left; width:65%;}
.devideMid .pdfDown p+p {padding-left:2%; width:auto; overflow:hidden; text-align:center;}
.devideMid .pdfDown .pdfCover {margin-bottom:17px;}

/* 크리니티 소식 */
.sustainabilityLeft {float:left; width:46.5%;}
.sustainabilityRight {float:right; width:46.5%;}

.sustainabilityRight .RightConInner {margin-bottom:2px; overflow:hidden;}
.sustainabilityRight .RightConInner span {margin-right:10px;}
.sustainabilityRight .RightConInner a {color:#0054a6; text-decoration:underline;}
.sustainabilityRight .marB30 {margin-bottom:30px;}


/* 크리니티소식 갤러리 */
.compliance .activitiesGallery {width:100%; overflow:hidden;}
.compliance .activitiesGallery .galleryLeft {display:inline-block; padding-top:0px; float:left; width:65%; /*max-width:70%; width:100%; float:left;*/ text-align:center; }
.compliance .activitiesGallery .galleryLeft .picture img {max-width:749px; width:auto !important; max-height:450px;}
.compliance .activitiesGallery .galleryLeft dl {margin-top:17px;} 
.compliance .activitiesGallery .galleryLeft dt {display:inline; font-size:18px; color:#222;}
.compliance .activitiesGallery .galleryLeft dd {display:inline; color:#606060;}
.compliance .activitiesGallery .galleryRight {position:relative; padding-top:0px; float:right; width:30%; min-height:535px;  background:url(../img/common/bgActivities.gif) no-repeat 0 0;}
.compliance .activitiesGallery .galleryRight:after {content:""; display:block; clear:both;}
.compliance .activitiesGallery .galleryRight ul {margin-left:17px; overflow:hidden;}
.compliance .activitiesGallery .galleryRight li {margin:0 0 15px 15px; float:left; display:inline;}
.compliance .activitiesGallery .galleryRight li a {display:block; position:relative; float:left; }
 .compliance .activitiesGallery .galleryRight li img {width:100px; height:78px;}
.compliance .activitiesGallery .galleryRight li a.active {border:1px solid #458acf; text-decoration:none; float:left; overflow:hidden; filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; -webkit-filter: none;}
.compliance .activitiesGallery .galleryRight li a.active img {float:left; overflow:hidden; margin:-1px;}
.compliance .activitiesGallery .galleryRight .devide300 {position:absolute; bottom:30px; left:0; width:300px; float:right;}
.compliance .activitiesGallery .galleryRight .devide300 .paging {margin-top:15px;}


/* htview / 전체 tab */
.historyTab > ul {border-bottom:2px solid #4173bd;}
.historyTab>ul li {float: left; width: 20%; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.historyTab>ul li a {display:block; padding-top:6px; height:29px; font-weight: bold;;  font-size:17px; color:#677681; text-align:center; border-right:1px solid #c9d5e4; border-top:1px solid #c9d5e4; background:url('/static/images/common/bg/bgTab.gif') repeat-x left top;}
.historyTab>ul li a.first {border-left:1px solid #c9d5e4;}
.historyTab>ul li.on a {margin-left:-1px; color:#fff; background:#4173bd; border-right:1px solid #4173bd; border-top:1px solid #4173bd;}
.historyTab>ul li.on a.first {border-left:1px solid #4173bd;}



/* htView 탭안에 정렬  */
/* history */
.historyWrap{width:100%;overflow:hidden;position:relative; padding-bottom:2px;}
.historyInner{width:500%;position:relative;}
.historyInner>div{position:relative;float:left;width:20%;border-top:1px solid #e9edf1;background:#f7f7f7;color:#4e545a; }
.historyInner>div>div{padding:30px 40px 40px;}
.historyInner>div p { margin:0px 40px !important; font-size:16px; line-height:150%;}
.historyInner h4{margin-top:50px; margin-bottom:15px; font-size:4em;color:#30c3d5; font-weight: bold; line-height: 1;  font-family: 'Arial'}
.historyInner h4 span{display:inline-block;font-size:18px;color:#677681;  font-family:'Source Sans Pro'; letter-spacing:-0.01px; font-weight:bold;}

.galleryList01{position:relative; margin-top:30px; }
.galleryList01 .prev{position:absolute;top:33%;left:0px;}
.galleryList01 .next{position:absolute;top:33%;right:0px;}
.galleryList01>div{margin:0 40px;overflow:hidden;}
.galleryList01 ul{width:1410px;position:relative;left:0;}
.galleryList01 ul li{position:relative;float:left;width:120px;height:63px;margin-right:10px}
.galleryList01 ul li a img{width:120px;height:63px;}
.galleryList01 ul li a span{display:block;position:absolute;top:0;left:0px;width:120px;height:63px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.galleryList01 ul li.on a span{border:5px solid #458acf}

.galleryList02{position:relative; margin:0px 40px;}
.galleryList02 .prev{position:absolute;top:50%;left:30px;z-index:5;margin-top: 17px;}
.galleryList02 .next{position:absolute;top:50%;right:30px;z-index:5;margin-top: 17px;}
.galleryList02>div{position:relative;overflow:hidden;}
.galleryList02 ul{position:relative;/*width:1500%*/}
.galleryList02 ul li{/*float:left;width:6.6666%*/display:none;}
.galleryList02 ul li.on{display:block;}
.galleryList02 ul li img{width:100%;}
.galleryList02 div h4 { margin-top:33px; }