@charset "utf-8"; 
.none{display:none}




/*회사소개*/

.info_area{width:100%}
.info_01{font-size:13px; margin:0px 0px 20px 0px; line-height:20px}
.info_h5{font-size:18px; font-weight:bold; color:#0065a5; margin-bottom:10px}
.info_box{width:710px; height:156px; margin:20px 0px 20px 0px; background: url(/static/images/sub/company/info/bg.jpg)}
.info_box .txt{font-size:13px; padding:20px 20px 20px 380px; line-height:22px}
.info_box .txt2{color:#004187; font-weight:bold; padding-left:10px; background: url(/static/images/sub/company/info/dot.gif)no-repeat}



/*CI소개*/
.h_ci_visual{width:710px; margin:0; list-style:none; position:relative; top:-20px} 
.h_ci_visual div.h_ci_tit{position:absolute; margin:50px 0 0 290px; font-size:13px; line-height:24px; width:420px; text-align:justify}
.h_ci_visual div.h_ci_tit_2{position:absolute; margin:300px 0 0 290px; font-size:14px; color:676767; line-height:22px; letter-spacing:1px; text-align:justify}
.h_ci_visual div.h_ci_tit_3{position:absolute; margin:30px 0 0 0}
.h_ci_visual div.simbol{height:270px; position:relative}
.h_ci_visual p.h_simbol_text{position:absolute; font-size:13px; letter-spacing:-1px; color:676767; width:405px; text-align:justify}
.h_ci_visual div.img{position:absolute; margin:50px 0 0 0}
.h_ci_dn{position:relative; float:right; margin:-290px 30px 20px 0}
.h_ci_visual div.h_ci_dn a{margin:0 5px}
.h_ci_visual div.color{width:100%; height:180px; margin:20px 0 0 0}
.h_ci_visual div.ci{width:100%; margin:150px 0 0 0}
.h_ci_tab_h4{font-size:16px; color:#676767}
.tab_h4 a:hover{font-size:14px; color:#676767}
.h_ci_visual div.subsidiary{width:100%; height:160px; margin:0px 0 0 0}
.h_subsidiary_01{background-color:#eee; width:100%; height:235px; margin:20px 0 20px 0}
.h_subsidiary_01_ci{padding:10px 12px 1px 10px}
.h_subsidiary_02{background-color:#eee; width:100%; height:330px; margin:10px 0 0 0}
.h_ci_visual .color_text{position:relative; margin-top:20px; font-size:13px; color:676767; line-height:22px}
.h_ci_visual p.color_text span{color:#03369a}
.h_ci_visual div.h_ci_b{position:relative; float:left; margin-top:10px; padding-top:7px; background:url(/static/images/sub/company/ci/bg_h_ci_b.jpg) no-repeat 0 0; width:352px; height:86px}
.h_ci_visual div.h_ci_g{position:relative; margin:10px 0 0 360px; padding-top:7px; background:url(/static/images/sub/company/ci/bg_h_ci_g.jpg) no-repeat 0 0; width:352px; height:86px; margin-left:350px; }
.h_ci_visual div.h_ci_g strong, .h_ci_visual div.h_ci_b strong{font-size:12px; margin-left:40px}
.h_ci_visual div.h_ci_g p, .h_ci_visual div.h_ci_b p{font-size:12px; margin-left:40px}
.h_ci_visual dl{text-decoration:none; margin:0 0 0 10px}
.h_ci_bg{border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; width:710px; height:100px}
.h_ci_visual p.h_ci_left{position:relative; float:left; clear:both; margin:30px 0 0 50px}
.h_ci_visual p.h_ci_right{position:relative; float:right; margin:-50px 100px 0 0}
.h_ci_visual div.sig{width:100%; float:left; height:250px; margin:10px 0 0 0}
.h_ci_h4{font-size:16px; font-weight:bold; color:#004187}
.h_ci_h5{font-size:18px; font-weight:bold; color:#0065a5; margin-bottom:10px}




/*CI소개 tab*/

/*ci tab*/
.tab_ci {position: relative; width: 100%}
.tab_ci_list {height: 42px}
.tab_ci_list li {float: left; font-size: 14px; font-weight: bold; padding: 5px 0; text-align: center; width: 142px}
.tab_ci_list li a {border: 1px solid #BFBFBF; color: #5E5E5E; display: block; height: 18px; margin-left: 0; padding: 8px 0}
.tab_ci_list li:hover, .tab_ci_list li:focus {border: 0 none}
.tab_ci_list li a:hover, .tab_ci_list li a:focus, .tab_ci_list li a.select { border: 2px solid #0c4e95; border-bottom:none; color: #0c4e95; font-weight: bold;
 height: 18px; margin-right: 0; text-decoration: underline}
.tab_ci_list .li02 {background: url(/static/images/sub/Service/Sm/ITInfra/tab_bg.gif); height: 36px; width:420px}


/*연혁*/
	  
.history_area{width:100%; margin-top:20px; }
.history-list{width:100%; display:block;  margin:0 auto}
.history-list li{text-align:center; float:left}
/*div, body, table, td, tr{padding:0; margin:0}*/

.history-list li a{
	background:#f5f5f5; 
	font-size:16px; font-weight:bold; 
	padding:20px 0px;
	color:#224a8d; 
	border-top-style:solid; border-top-width:thin; border-top-color:#999; border-left-style:solid; border-left-width:1px; border-left-color:#e2e2e2; border-top-style:solid; border-top-width:2px; border-top-color:#999; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#ccc; 
	display:block;text-decoration:none}

.history-list li a:last-child{
	border-right:  solid 1px #e2e2e2 }

.history-list li a.left{border-left-style:none}
.bor-r{border-right-color:rgb(226, 226, 226); border-right-width:1px; border-right-style:solid}

.history-list li a:hover,.history-list li a:focus{background:#fff; color:#224a8d; text-decoration:underline; border-top-color:#224a8d; border-top-width:2px; border-top-style:solid; border-bottom-width:0px; }
.history-list li a.select{background:#fff; color:#224a8d; text-decoration:underline; border-top-color:#224a8d; border-top-width:2px; border-top-style:solid; border-bottom-width:0px; }
.history{width:100%; position: relative   }
.history h5{font-size:22px; font-weight:normal;float:right; color:#0d4b24; font-weight:bold; margin:50px 0 0 0; width:100%; line-height:40px; border-bottom:solid 1px #e0e0e0; height:40px; width:70%;  }
.history h5 span{margin-left:15px}
.history h5.second{border-top:solid 1px #e0e0e0; height:40px}
/*.history .txt{width:100%; margin-top:15px; float:left}*/
.history .txt{ width:70%; margin-top:0px; float:right}
.history .txt dl{padding:0px 0px 20px 20px; overflow:hidden}
.history .txt dd{text-indent:6px; font-size:14px; margin-left:0px; float:left}
.history .txt li{padding:7px 3px; background:url(/Images/Company/History/history_dot.gif) no-repeat 0 50%}
.history-box li{overflow:hidden}
.history-box li p{margin:0px 4%; width:24%; color:rgb(0, 0, 0); float:left; font-size-adjust:none; font-stretch:normal}

.history_left {width: 15%; float: left;  font-weight: 800; font-size: 40px; color:#3053c1; margin: 65px 0 0 100px;font-style: italic; position: absolute; top:65px }

li, ul{list-style:none; padding:0}


/* 사업분야 */

.business{width:100%; font-family:NanumGothic; margin:0 0 0 20px}
.business ul{margin-top:16px; float:left; width:100%}
.business li{float:left; width:96px; height:100px}
.business li p.img{height:62px}
.business li p.tit {line-height:16px; padding-top:5px}
.business li p.tit a{color:#666; text-decoration:none; line-height:16px}
.business li p.tit a:hover{color:#06F; text-decoration:underline}
.business .sector{color:#1f5fa6; font-size:16px; font-weight:bold; text-align:left; padding-top:10px}



/* 계열사 현황 */
.affiliate{width:100%; height:36px}
.name{float:left; padding-top:3px}
.goto{float:right; text-align:right}

.photo{width:100%}
.photo li{display:inline}

.photo .info{position:relative; width:745px; height:70px;  padding:12px 0 0 0; background:#eee url(/_websrc/images/business/corporation/bar.gif) 180px 16px no-repeat}
.photo .info .name{position:absolute; width:180px; height:70px; text-align:center; font-weight:bold; font-size:18px; color:#363636; padding-top:17px; line-height:18px}
.photo .info .name_1{position:absolute; width:180px; height:70px; text-align:center; font-weight:bold; font-size:18px; color:#363636; padding-top:3px; line-height:24px}
.photo .info .detail{position:absolute; left:200px; width:500px; font-size:12px; color:#636363; line-height:18px}

.photo .info2{position:relative; width:745px; height:90px; padding:12px 0 0 0; background:#eee url(/_websrc/images/business/corporation/bar2.gif) 180px 16px no-repeat; }
.photo .info2 .name2{position:absolute; width:180px; height:70px; text-align:center; font-weight:bold; font-size:18px; color:#363636; padding-top:27px}
.photo .info2 .detail2{position:absolute; left:200px; width:500px; font-size:12px; color:#636363; line-height:18px}

.photo .info3{position:relative; width:745px; height:70px;  padding:12px 0 0 0; background:#eee url(/_websrc/images/business/corporation/bar.gif) 220px 16px no-repeat }
.photo .info3 .name{position:absolute; width:220px; height:70px; text-align:center; font-weight:bold; font-size:18px; color:#363636; padding-top:3px; line-height:24px}
.photo .info3 .detail{position:absolute; left:240px; width:500px; font-size:12px; color:#636363; line-height:18px}



.photo .cont{margin-top:12px}
.thumb{float:left}
.family{float:right; text-align:right}
.family p{ height:20px}
.family2{float:right; text-align:right; line-height:20px}
.family2 p{height:18px}
.family2 .h30{height:30px}

.txt_cont{}
.txt_cont .tit{ font-size:13px; font-weight:bold; color:#1a8cea; padding:30px 0 6px 0}
.txt_cont .txt{ font-size:11px; line-height:18px}

.both{clear:both}

.b{font-weight:bold}



/*아주아이티 소식 게시판*/


.board_current {width:100%; background-color: #e4effa; margin-bottom: 30px; z-index: -10}
.board_current .txt{overflow: hidden; padding: 10px; position: relative; line-height:12px}
.board_current .txt img{background-color: #FFFFFF; border: 1px solid #d4d4d4; float: left; height: 80px; margin-right: 30px; padding: 5px; width: 140px}
.board_current .tit a{font-weight:bold; color:#034c92; padding:10px 0 10px 0; font-size:15px}
.board_current .tit a:hover{text-decoration:underline}
.board_current .txt span.date {float: left; margin: 10px 0 10px 20px; width: 56px}
.board_current .txt p {padding:8px 0 5px 0; float: left; line-height: 100%; text-align: justify; width: 470px}
.board_current .txt p a:hover{text-decoration:underline}
.board_current .txt a.btn_more {position: absolute; right: 30px; top: 27px}



/*board*/
.board_list02 a{color:#676767}
.board_list02 a:hover{color:#676767; text-decoration:underline}
.board_list02{width:100%; margin-top:10px}
.board_list02 th{border-top:2px solid #0c4e95; background:#f3f6fc; color:#333; padding: 20px 0; border-bottom: 1px solid rgba(156,156,156,.2); }
.board_list02 td{ border-right:none; border-left:none; color:#676767; border-bottom: 1px solid rgba(156,156,156,.3); padding: 20px 0}
.board_list02 td.center{text-align:center}
.board_list02 td.tit{padding-left:10px}
.paging{margin:15px auto; text-align:center; color:#007639}
.paging a{padding:0px 10px}
.paging a:hover{text-decoration:underline}
.paging a:active{text-decoration:underline; font-weight:bold; color:#004187} 
.paging a.select{text-decoration:underline; font-weight:bold; color:#004187}

.board_view02{width:100%; margin-top:10px}
.board_view02 thead th{border-top:2px solid #0c4e95; background:#f6f6f6; color:#0c4e95; padding:20px }
.board_view02 thead th.tit{color:#333; text-align:left; background-color:#fff;  }
.board_view02 thead th.tit a{color:#ff0000; text-decoration:underline}
.board_view02 thead td{border-right:none; border-left:none; color:#0c4e95; text-align:center; font-weight:bold;background:#f6f6f6; padding: 20px }
.board_view02 thead td.date{color:#333; text-align:left; background-color:#fff; }
.board_view02 thead td.file{color:#0061ca; text-align:left; background-color:#fff; }
.board_view02 thead td.file a{color:#0054bb; text-decoration:underline}
.board_view02 td{border-top:1px solid #cfcfcf; border-right:none; border-left:none; padding: 20px 0}
.board_view02 td.text{padding:35px 25px; color:#555; }
.board_view02 td.pre{text-align:center; font-weight:bold; background:#f6f6f6 url(/static/images/common/bu_pre_board.gif) no-repeat 95% 50%}
.board_view02 td.pre_tit{color:#555; padding-left:10px;background:#f6f6f6}
.board_view02 td.next{text-align:center; font-weight:bold; background:#f6f6f6 url(/static/images/common/bu_next_board.gif) no-repeat 95% 50%;border-bottom:2px solid #888}
.board_view02 td.next_tit{color:#555; padding-left:10px;background:#f6f6f6;border-bottom:2px solid #888}
.board_view02 a:hover{text-decoration:underline}
.source{font-weight:bold;font-size:11px; color:676767; height:30px}

.btn_list02{width:100%; text-align:right; margin-top:19px}
.btn_list button.list{width:84px; height:28px; background-color:#0d4f95; color:#FFF; font-size:11px; font-weight:bold; border:1px solid #003773; cursor:pointer}
.btn_list button.back{width:59px; height:28px; background-color:#f2f2f2; color:#333; font-size:11px; font-weight:bold; border:1px solid #b9b9b9; cursor:pointer}




/*오시는 길*/
.cus_map {margin-bottom: 20px}
.ar {text-align: right; padding-right:22px}
.map_tit {color: #004187; font-size: 15px; font-weight: bold; height: 28px}
.map_txt {line-height: 20px; padding-bottom: 24px}
.map_txt2 {height: 78px; line-height: 22px}
.map_txt3 {font-size: 13px}



/*Service*/

.service_h4{font-size:18px; font-weight:bold; color:#4a43a5}
.service_h5{font-size:16px; font-weight:bold; color:#382e98; margin-left:30px}

.sap_erp_box{width:90%; height:250px; padding: 20px; padding-top:30px;  background: url(/static/images/sub/Service/Sm/Application/sap_erp_01.jpg) 700px 40px no-repeat; border: #eae7f2 solid 5px; margin:20px 5%}
.sap_erp_box dl dt{color:#634ea4; font-weight:bold; margin:15px 0 0 30px}
.sap_erp_box dl dd{padding:10px 20px 0 20px; line-height:20px; margin-left:18px; font-size: 14px}

.sap_erp_box02{width:90%; height:250px; padding: 20px; padding-top:30px;  background: url(/static/images/sub/Service/Sm/Application/sap_erp_02.jpg) 700px 40px no-repeat; border: #eae7f2 solid 5px; margin:20px 5%}
.sap_erp_box02 dl dt{ color:#634ea4; margin:15px 0 0 30px; line-height:20px}
.sap_erp_box02 dl dd{padding:10px 20px 0 20px; margin-left:18px}

.sap_erp_box03{width:90%; height:250px; padding: 20px; padding-top:30px;  background: url(/static/images/sub/Service/Sm/Application/sap_erp_02.jpg) 700px 40px no-repeat; border: #eae7f2 solid 5px; margin:20px 5%}
.sap_erp_box03 dl dt, .sap_erp_box04 dl dt, .sap_erp_box05 dl dt, .sap_erp_box06 dl dt, .security_box dl dt{ color:#634ea4; margin:15px 0 0 30px; line-height:13px}
.sap_erp_box06 dl dt{font-size:15px; color:#634ea4; margin:15px 0 0 30px; line-height:13px}


.sap_erp_box04{width:90%; height:250px; padding: 20px; padding-top:30px; background: url(/static/images/sub/Service/Sm/Application/sap_erp_03.jpg) 700px 40px no-repeat; border: #eae7f2 solid 5px; margin:20px 5%}
.sap_erp_box05{width:90%; height:131px; padding: 20px; padding-top:30px; border: #eae7f2 solid 5px; margin:20px 5%}

/*인프라 서버  bg*/
.sap_erp_box06{width:90%; height:195px; padding: 20px; padding-top:30px; border: #eae7f2 solid 5px; margin:20px 5%;  background: url(/static/images/sub/Service/Sm/ITInfra/server.jpg) 700px 10px no-repeat;  }

.sap_erp_list{width:100%; padding: 20px 10%;  padding-top:10px}
.sap_erp_list h6{text-align:center}
.sap_erp_list dl dt{clear: both; float: left; margin:20px 30px 0 0}
.sap_erp_list dl dd{display: inline-block; width:85%; position: relative; line-height:22px; text-align: left; padding:20px 0 30px 0; text-align: justify}

.sap_erp_list span{padding-left:7px}

.sap_erp_list02 dl dd{display: inline-block; width:565px; position: relative; line-height:20px; text-align: left; padding:5px 0 0 0; text-align: justify}

.sap_erp_list03 dl dt{color:#463caa; margin:15px 0 0 0px; font-weight:bold}
.sap_erp_list03 dl dd{display: inline-block; width:100%; position: relative; line-height:22px; text-align: left; padding:5px 0 0 0; text-align: justify}
.sap_erp_list03 p { text-align:center; padding:50px 0 0 0}
.sap_erp_box06 ul {width: 90%; margin: 30px 1% 30px 3%}
.sap_erp_box06 li {display:inline-block; width: 28%; font-weight: 600}
.sap_erp_box06 li:nth-child(1) {display:inline-block; width: 23%}
.sap_erp_box06 li:nth-child(2) {display:inline-block; width: 19%}

.itinfra_list, .network_list{width:100%; margin:0 5%; padding-top:10px}
.itinfra_list div, .itinfra_list div { margin: 0 auto; display: block; position: relative; width: 900px}
.itinfra_list div{background: url(/static/images/sub/Service/Sm/ITInfra/itinfra_dl_bg.jpg) no-repeat 10px 0;  }
.network_list div{background: url(/static/images/sub/Service/Sm/ITInfra/network_dl_bg.jpg) no-repeat 10px 10px;}


.itinfra_list h6{text-align:center}
.itinfra_list dl, .network_list dl{margin-top:20px;}
.itinfra_list dl dt{clear: both; float: left; margin:5px 30px 0 45px}
.itinfra_list dl dd{display: inline-block; width:600px; position: relative; line-height:22px; text-align: left; margin:10px 0 30px 0; padding:20px 0 20px 100px; text-align: justify}

.network_list dl dt{clear: both; float: left; margin:5px 30px 10px 45px}
.network_list dl dd{display: inline-block; width:800px; position: relative; line-height:22px; text-align: left; margin:4px 0 10px 0; padding:20px 0 20px 100px; text-align: justify}

.network_list .tit{ color:#463caa; font-weight:bold}
.network_list .tit02{font-size:14px; color:#463caa; font-weight:bold}
.itinfra_list p, .network_list p{  padding:50px 0 0 230px;  }

/*보안 bg*/
.security_box{width:90%; height:250px; padding: 20px; padding-top:30px;  background: url(/static/images/sub/Service/Sm/security/security.jpg) 700px 40px no-repeat; border: #eae7f2 solid 5px; margin:20px 5%}


.portfolio_box{width:90%; height:330px; padding: 20px; padding-top:30px; border: #eae7f2 solid 5px; margin:20px 5%}
.portfolio_box p{padding:10px 20px 20px 12px; font-size:13px; line-height:22px; margin-left:18px}
.portfolio_box img{padding:10px 20px 20px 25px; text-align:center}
.portfolio_box02{width:705px; height:530px; margin:30px 0px 30px 0px; padding-top:30px; border: 1px solid #e3e3e3}
.portfolio_h6{color:#fff; font-weight:bold; font-size:18px}


.webprocess_box{width:90%; height:1350px; margin:30px 5%; padding-top:30px; border: 1px solid #e3e3e3}
.webprocess_box .dl01{background: url(/static/images/sub/Service/Web/step_bg.jpg) no-repeat 180px 0; height:130px}
.webprocess_box .dl02{background: url(/static/images/sub/Service/Web/step02_bg.jpg) no-repeat 180px 0;  height:140px}
.webprocess_box .dl03{height:140px}

.webprocess_box .dl01 dt, .webprocess_box .dl02 dt{margin:30px 20px 10px 12px; text-align:center}
.webprocess_box .dl01 dd, .webprocess_box .dl02 dd{margin:0px 20px 40px 0px; font-size:13px; text-align:center}

.webprocess_box .dl03 dt{color:#1f0b95; font-weight:bold; font-size:18px; text-align:center; padding:30px 0 10px 0}
.webprocess_box .dl03 dd{color:#232e9c; font-size:14px; text-align:center}


/** 2017.12 Service CSS 추가 **/
#content .tqs_list01{width:100%; margin:0; padding:30px 5% 0px}
#content .tqs_list01 h6{font-size:16px; clear:both; float:left; margin:0  0 10px; font-weight:bold; color:#463caa; display: block; width: 100%}
#content .tqs_list01 ol {margin:30px 0 30px 0}
#content .tqs_list01 li{display: inline-block; width:800px; position: relative; line-height:20px; text-align: left; padding:5px 0 0 0; text-align: justify}
#content .tqs_list01 p { /*text-align:left;*/ padding:20px 0 30px 0}
#content .tqs_list01 dl dt{font-size:18px; clear: both; float: left; margin:20px 30px 0 0; font-weight:bold; color:#463caa}
#content .tqs_list01 dl dd{display: inline-block; width:100%; position: relative; line-height:22px; text-align: left; padding:10px 0 30px 0; text-align: justify}

#content .tqs_box {display: block; height: 900px}
#content .tqs_box ul{ width: 100%; padding: 0px 5% 0; }
#content .tqs_box ul li.w45:first-child{display:inline; width:49%; float:left; margin-right:2%}
#content .tqs_box ul li.w45{display:inline; width:49%; float:left; }
#content .tqs_box ul li.w46{display:inline; width:46%; float:left; margin-right:1.5%}
#content .tqs_box ul li.w100{display:inline; width:100%; float:left}
#content .tqs_box ul li .con{}
#content .tqs_box ul li .con .tit{border:1px solid #ccc; padding: 20px; background-color:#ccc; font-size:15px; text-align: center; font-weight:bold}
#content .tqs_box ul li .con .tit2{border:1px solid #ccc; padding: 20px; background-color:#ccc; font-size:14px; text-align: center; font-weight:bold}
#content .tqs_box ul li .con .txt{border:1px solid #ccc; padding: 20px; background-color:#fefefe; }
#content .tqs_box ul li .con .txt p{ margin-bottom:10px}

#content .tqs_box ul li .con2{margin-top:30px}
#content .tqs_box ul li .con2 h6{ border:1px solid #ccc; padding: 20px; background-color:#ccc; font-size:15px; text-align: center; font-weight:bold}
#content .tqs_box ul li .con2 .sub_con{ border:1px solid #ccc; padding: 20px; background-color:#fefefe; }
#content .tqs_box ul li .con2 .sub_con dt{font-weight:bold }
#content .tqs_box ul li .con2 .sub_con dd{ }
#content .tqs_box ul li .con2 .sub_con dd.last{margin-bottom:10px }

.h260{height:260px  }
.h230{height:230px  }
.h200{height:200px  }
.h100{height:100px  }

#content .tqs_tbl{border:1px solid #ccc; border:0px; border-collapse:collapse; padding:0px; border-spacing:0px; margin: 30px 0 30px 0}
#content .tqs_tbl th, #content .tqs_tbl td {border:1px solid #ccc; padding:10px;}
#content .tqs_tbl th{background-color:#7ea6cb}
#content .tqs_tbl th.rTit{background-color:#9fc1e1}
#content .tqs_tbl td.rTit2{background-color:#d3e5f6; font-weight:bold}

#content h6.tqs{font-size:18px; clear:both; float:left; margin:30px 10px 20px 0; font-weight:bold; color:#463caa}
#content p{clear:both}

#content .tqs_tbl_2{border:1px solid #bfbfbf; border:0px; border-collapse:collapse; padding:0px; border-spacing:0px; margin: 30px 0 30px 0}
#content .tqs_tbl_2 th, #content .tqs_tbl_2 td {border:1px solid #bfbfbf; padding:10px; text-align: center}
#content .tqs_tbl_2 th span{font-size:10px}
#content .tqs_tbl_2 th{background-color:#d9d9d9}
#content .tqs_tbl_2 th.rTit{background-color:#fff}



/*Solutoin*/
#content .content_area2{margin:25px 0; width:711px}
.solution_h4{font-size:18px; font-weight:bold; color:#115ca0}
/*.solution_h5{font-size:16px; font-weight:bold; color:#2a85ca; margin-left:30px}*/

.solution_img{ background:url(../images/sub/Solution/touchtest_01.jpg) 0 0 no-repeat; width:100%; height:269px; margin-top:20px}
.solution_img .t1{ text-align:center; padding:38px 0 40px 0; }
.solution_img .t2{ text-align:center; padding-bottom:30px; color:#fff; font-size:18px; font-weight:bold}
.solution_img .t2 span{color:#25aae1}
.solution_img .t3{text-align:center; color:#fff; font-size:14px; line-height:24px}

.solution_point{width:100%; text-align:center; margin-top:30px; margin-bottom:50px}
.solution_point p{display:inline}
.solution_point div.txtbox{margin:0 auto; width:100%; background:url(../images/sub/Solution/TouchTest_textbox.gif) 50% 5% no-repeat; height:150px; text-align:center}
.solution_point div.txtbox .txt{width:50%; margin:0 auto; color:#fff; padding-top:30px; line-height:24px}
.pr30{ padding-right:70px}


.solution_con_1{background-color:#f9f9f9; height:250px; margin-bottom:20px}
.solution_con_1 .left{ float:left; width:45%; margin:60px 0 0 26px}
.solution_con_1 .left .tit{color:#0183bf; font-size:20px; font-weight:bold; margin-bottom:20px}
.solution_con_1 .left .txt{/*font-size:14px;*/ line-height:20px }
.solution_con_1 .right{ float:right; width:45%; text-align:right; margin:20px 30px 0 0 }
.solution_con_1 .right2{ float:right; width:45%; text-align:right; margin:50px 30px 0 0 }

.solution_con_2{height:250px}
.solution_con_2 .left{ float:left; width:42%; /*text-align:right;*/ margin:20px  0 0 30px}
.solution_con_2 .right{ float:right; width:48%; margin:60px 26px 0 0}
.solution_con_2 .right .tit{color:#0183bf; font-size:20px; font-weight:bold; margin-bottom:20px}
.solution_con_2 .right .txt{/*font-size:14px;*/ line-height:20px }
.solution_con_2 .right2{ float:right; width:48%; margin:60px 26px 0 0; line-height:24px}
.solution_con_2 .right2 p{padding-bottom:20px}
.solution_con_2 .right2 .tit{color:#111; font-size:16px; font-weight:bold; margin-bottom:50px}


.solution_con_3{margin-bottom:40px}
.solution_con_3 .tit{color:#0183bf; font-size:20px; font-weight:bold; margin-bottom:12px}
.solution_con_3 .txt{/*font-size:14px;*/ line-height:20px }


.solution_con_4{ clear:both; padding-top:50px}
.solution_con_4 .tit{background:#f7f7f7; border:solid 1px #ececec; padding:16px; font-size: 18px; color:#0183bf; font-weight:bold}
.solution_con_4 .left{ float:left; width:57%}
.solution_con_4 .left .stit{font-size:15px; font-weight:bold; padding:16px 0px 7px 0px}
.solution_con_4 .left .p{line-height:20px}
.solution_con_4 .right{ float:right; width:43%; text-align:right; margin-top:20px}
.solution_con_4 .stit{font-size:15px; font-weight:bold; padding:0px 0px 7px 0px}
.solution_con_4 .p{line-height:20px}


/*Solutoin_160622 이효정 추가*/
.solution_cloud_img { background:url(../images/sub/Solution/cloudtest_01.jpg) 0 0 no-repeat; width:100%; height:270px; margin-top:20px}
.solution_cloud_img .t1{ text-align:center; padding:38px 0 40px 0; }
.solution_cloud_img .t2{ text-align:center; padding-bottom:30px; color:#fff; font-size:18px; font-weight:bold}
.solution_cloud_img .t2 span{color:#25aae1}
.solution_cloud_img .t3{text-align:center; color:#fff; font-size:14px; line-height:24px}

.solution_point div.title01 { color:#252829; font-size:20px; font-weight:bold; width:100%; text-align:center; padding-bottom:20px; letter-spacing:-1px; }
.solution_point div.cloud_img01 { margin:20px auto; }
.solution_point div.txtbox_cloud {margin:0 auto; width:100%; background:url(../images/sub/Solution/cloudtest_txt_bg.gif) 50% 5% no-repeat; height:119px; text-align:center}
.solution_point div.txtbox_cloud .txt {width:50%; margin:0 auto; color:#fff; padding-top:30px; line-height:24px}

.solution_con_5 {background-color:#f9f9f9; margin-bottom:20px; overflow:hidden; }
.solution_con_5 .left{ float:left; width:58%; margin:40px 0 40px 26px;  }
.solution_con_5 .left .tit{color:#0183bf; font-size:18px; font-weight:bold; margin-bottom:20px; letter-spacing:-1px;  }
.solution_con_5 .left .txt{/*font-size:14px;*/ line-height:20px; }
.solution_con_5 .right{ float:right; text-align:right; margin:0; }
.solution_con_5 .right2{ float:right; text-align:right; margin-top:33px; }

.solution_con_6 { overflow:hidden; }
.solution_con_6 .left { float:left; margin:30px 0 30px 30px; }
.solution_con_6 .right { float:right; width:55%; margin:30px 0 30px 0; }
.solution_con_6 .right .tit { color:#0183bf; font-size:18px; font-weight:bold; margin-bottom:20px; letter-spacing:-1px; }
.solution_con_6 .right .txt {/*font-size:14px;*/ line-height:20px }
.solution_con_6 .right .txt p.para { margin-top:5px; }

.solution_cloud_img2 { background:url(../images/sub/Solution/cloudtest_07.jpg) 0 0 repeat; width:733px; height:296px; margin:40px 0; }
.solution_cloud_img2 .t1{ padding:30px 0 30px 25px; }
.solution_cloud_img2 .t2{ padding:0 0 15px 25px; color:#fff; font-size:18px; font-weight:bold}
.solution_cloud_img2 .t3{ padding-left:25px; color:#a4a5a4; font-size:14px; line-height:20px}

.solution_con_7 { background-color:#F9F9F9; padding:40px 0; }
.solution_con_7 .cloud_img02 { text-align:center; margin-bottom:20px; }
.solution_con_7 .tit { color:#0183bf; font-size:18px; font-weight:bold; margin-left:26px; }
.solution_con_7 .txt { line-height:20px; margin:10px 26px 0 26px; }
.solution_con_7 .txt p.para { margin-top:5px; }
.solution_con_7 .mt30 { margin-top:30px; }

.solution_con_8 { display:inline-block; width:100%; margin:40px 0; }
.solution_con_8 li { float:left; background:url(../images/sub/Solution/cloudtest_line.gif) right top no-repeat; width:33%; height:180px; text-align:center; padding-top:20px; letter-spacing:-1px; }
.solution_con_8 li.back_none { background:none; }
.solution_con_8 li p.tit { font-size:24px; color:#0183bf; font-weight:bold; margin:20px 0; }


/*Solutoin_170523 김진숙 추가*/
.solution_ara { width:100%;padding: 30px 5% 0px; margin :0;}
.solution_ara .text_box { width:98%; background:#e8e8e8; border:1px solid #ddd; padding:20px 20px 20px 50px; margin:20px 0; }
.solution_ara .text_box span { font-weight:bold;}

.solution_ara dl { display:block; border:1px solid #c0c0c0; height:auto; margin-bottom:10px;}
.solution_ara dt { display:table-cell; width:260px; font-size:14px; color:#000; padding:20px; text-align:center; font-weight:bold; vertical-align:middle; }
.solution_ara dt.bg { background:#8abdd9; }
.solution_ara dd { display:table-cell; padding:20px; }
.solution_ara dd  span { font-weight:bold; }

/*Solutoin_180111 김양희 추가*/
.solution_rpa{ width:100%; margin-top:30px;}
.solution_rpa .tit{font-size:22px; text-align:center; line-height:140%; margin-bottom:20px; color:#0183bf; font-weight:bold}
.solution_rpa .stit{display:block; font-size:23px; text-align:center; line-height:140%; margin-bottom:20px; padding-top:50px; clear:both; color:#0183bf; font-weight:bold}
.solution_rpa .stit .stxt{font-size:18px; color:#0183bf}

.solution_rpa { overflow:hidden; }
.solution_rpa .left { float:left; width:45%; margin-right:5% }
.solution_rpa .left img{width:100%; margin-bottom:20px }
.solution_rpa .right { float:right; width:45%}
.solution_rpa .right img{ width:100%; margin-bottom:20px}

.solution_rpa .img3{}
.solution_rpa .img3 p{ text-align:left}
.solution_rpa .img3 img{ width:40%; margin-bottom:20px}
.solution_rpa .img3 .imgArea{ height:70px; margin: 30px auto; text-align:center}
.solution_rpa .img3 .tit{ margin: 10px auto; font-size:20px; text-align:center; color:#111}
.solution_rpa .img3_L_30 { float:left; width:30%; margin-right:4.9% }
.solution_rpa .img3_M_30 { float:left; width:30%; margin-right:4.8% }
.solution_rpa .img3_R_30 { float:right; width:30% }

.solution_rpa dl { height:auto; margin:20px 0 20px 0; }
.solution_rpa dt { display:block; font-size:14px; /*color:#0183bf;*/ text-align:left; font-weight:bold; line-height:200%}
.solution_rpa dt.black {color:#111}
.solution_rpa dd { display:block; padding:0; /*text-align:justify;*/ line-height:170% }
.solution_rpa p{display:block; margin-bottom:14px; text-align:center }
.solution_rpa .img_01{width:100%; margin-bottom:20px}
.h_120{height:120px}

.solution_rpa .btn_wrap{width:100%; background-color:#111; }
.solution_rpa .btn_wrap a.btn_b,
.solution_rpa .btn_wrap button.btn_b{width:100%; display:inline-block; padding:15px 0 15px; font-size:14px; text-align:center; color:#fff; line-height:normal; text-decoration:none; border:none; background:#63769d; margin:0 auto}	
.solution_rpa .btn_wrap a.btn_b:hover,
.solution_rpa .btn_wrap button.btn_b:hover{background:#4a4a6d; }


.solution_mtest{ border-top:solid; border-top-width:5px; border-top-color:#0183bf; border-bottom:solid; border-bottom-width:1px; border-bottom-color:#0183bf; padding:30px 0 30px 0; margin-bottom:30px}
.solution_mtest h6{color:#1c2e5c; text-align:center; font-size:28px; font-weight:bold; margin-bottom:30px; letter-spacing:-1px}
.solution_mtest p{ line-height:22px; margin:0 auto; width:76%; text-align:justify}

pb20{ padding-bottom:20px}
mb10{ margin-bottom:10px}

/*Solutoin/모바일골재입고 180212 김양희 추가*/
.solution_aggregate { width:100%; height:auto; margin-bottom:10px}
.solution_aggregate .img3{ margin-top:20px; height:300px; background: url(../images/sub/Solution/mobileAggregate1_arrow.png) 25px 50% no-repeat;}
.solution_aggregate .img3 p{ text-align:left; }
.solution_aggregate .img3 p.txt01{ text-align:center;  }
.solution_aggregate .img3 img{ /*width:70%;*/ margin-bottom:20px; text-align:center}
.solution_aggregate .img3 .imgArea{ height:70px; margin: 30px auto; text-align:center}
.solution_aggregate .img3 .tit{ margin: 10px auto; font-size:17px; font-weight:bold; text-align:center; color:#1868a2}
.solution_aggregate .img3_L_30 { float:left; width:30%; margin-right:4.9%; text-align:center;  }
.solution_aggregate .img3_M_30 { float:left; width:30%; margin-right:4.8%; text-align:center }
.solution_aggregate .img3_R_30 { float:right; width:30%; text-align:center }
.solution_aggregate .tBox{border:1px solid #b6b6b6; padding:15px}
.solution_aggregate .tBox .list{font-weight:400; letter-spacing:-1px; margin-bottom:5px}

.solution_aggregate .effect dl { width:100%; margin:30px 0;  border-bottom:1px dotted #8e8e8e}
.solution_aggregate .effect dl:last-Child { width:100%; margin:30px 0;  border-bottom:0}
.solution_aggregate .effect dt {float:left; width:28%; font-size:1.188em; line-height:150%; font-weight:bold; color:#105a99; padding:21px 0; background-color:#f5f5f5; text-align:center; border-radius:5px}
.solution_aggregate .effect dd {float:right; width:65%;}
.solution_aggregate .effect dd  p{line-height:150%}
.solution_aggregate .effect dd .tit {font-weight:bold; font-size:1.063em; margin-bottom:10px}
.h_120{height:120px;}
.h_150{height:150px;}



.solution_aggregate ol{height:100%; margin-top:20px;margin-left: 5%}
.solution_aggregate ol li{display:inline-block; width:24.6%;}

.solution_aggregate ul{width:100%; height:auto; margin-top:20px; background:url(../images/sub/Solution/mobileAggregate2_line_bg.gif) 48% 50% no-repeat}
.solution_aggregate ul li{display:inline-block; width:350px;text-align:center}
.solution_aggregate .box_tit{border:1px solid #cddde5; padding:14px; font-size:17px; font-weight:bold; background:#f2fbff; text-align:center; margin: 20px 0}
.mobileAggregate img {text-align: center; }


.box_order{border:1px solid #cddde5; padding:20px 0px; font-size:14px; font-weight:bold; background:#f2fbff; text-align:center; margin: 20px 0}
.box_order> ol { width:100%}
.box_order > ol li{display:inline-block; text-align:left}
.box_order > ol li.one{width:180px; padding:0 16px 0 0; background: url(../images/sub/Solution/mobileAggregate2_arrow.png) right 50% no-repeat; }
.box_order > ol li.two{width:200px; padding:0 16px 0 40px; background: url(../images/sub/Solution/mobileAggregate2_arrow.png) right 50% no-repeat; }
.box_order > ol li.three{width:200px; padding:0 16px 0 25px; background: url(../images/sub/Solution/mobileAggregate2_arrow.png) right 50% no-repeat; color:#b92c2c}
.box_order > ol li.four{width:140px; padding:0 0 0 20px}
.h_90{height:120px}


.solution_ara p {line-height: 1.5em}

.solution_ara h6{
    font-size: 1.250em!important;
    font-weight: bold;
    color: #004187!important;
}


/*Solutoin/gaide  20200507 이선미 */

.solution_gaide { width:100%; height:auto; margin-bottom:30px; margin-top:45px;}
.solution_gaide p {
     font-size: 1.063em; color: #5d5d5d;  display: block; line-height:1.8em;  padding: 5px 0 
}


.solution_gaide .img3{ margin-top:20px; height:390px; }
.solution_gaide .img3 p{ text-align:left;  }
.solution_gaide .img3 p.txt01{ text-align:center;  }
.solution_gaide .img3 img{ /*width:70%;*/ text-align:center; margin: 0px}
.solution_gaide .img3 .imgArea{ height:70px; margin: 30px auto; text-align:center}
.solution_gaide .img3 .tit{ margin: 10px auto; font-size:1.375em; font-weight:bold; text-align:center; color:#1868a2}
.solution_gaide .img3_L_30 { float:left; width:30%; margin-right:4.9%; text-align:center;  }
.solution_gaide .img3_M_30 { float:left; width:30%; margin-right:4.8%; text-align:center }
.solution_gaide .img3_R_30 { float:right; width:30%; text-align:center }
.solution_gaide .tBox{border:0px solid #b6b6b6; padding:15px 0 15px 30px }

.solution_gaide .tBox .list{font-weight:400;  margin-bottom:0px; font-size: 1em; letter-spacing: -0.03em;  line-height:1.4em; }
.solution_gaide .tBox .list br {padding-left: 10px}
.solution_gaide ul{width:100%; height:auto; margin-top:20px; }
.solution_gaide ul li{ text-align:left;  font-size: 13px; }
.solution_gaide span { padding-left: 10px}
.solution_gaide .box_tit{ border:0px solid #cddde5; padding:14px; font-size:14px; font-weight:bold; background:#f2fbff; text-align:center; margin: 20px 0}

.gaider_logo {text-align: center; position: relative; margin: 40px auto 30px}
.gaider_logo img {margin:20px 0 25px }

.gaide_arrow {
    position: absolute;
    top: 120px;
    bottom: 0px;
    left: 34%;
    transform: translate(50%, 0);
    background: url(../images/sub/Solution/gaider_arrow.png) left top no-repeat;
    width: 200px;
    height: 17px;
    opacity: 1;
    transition: all 0.5s;
}
/*.gaider_logo a:hover img { transform: scale(1.1); opacity: 0.4; }*/
.gaider_logo a:hover p { font-size: 1em; transition: all 0.1s;; font-weight: 600; cursor: pointer}
.gaider_logo a:hover .gaide_arrow { left: 36%; opacity: 1; cursor: pointer}



.visual_video{
    position:relative;
    left: 0%;
    top: 0%;
    transform: translateY(-0%);       
}
.visual_video_nav li {
  float: left;
  width: 33.33%;
}
.tvisual_video_nav li:first-child a {
  border-right: 0;
  border-top-left-radius: 0px;
}
.visual_video_nav li:last-child a {
  border-top-right-radius: 0px;
}
.visual_video_nav a {
 background: #efefef;
  border: 1px solid #cecfd5;
  color: #bbbbbb;
  display: block;
  padding: 10px 0;
  text-align: center;
 font-size: 13px;
    
}
.visual_video_nav a:hover,
.visual_video_active a {
  font-weight: 600;
    
    background: url(/static/images/sub/Solution/tab_bg.gif);
    border: 1px solid #0464ac;
    color: #FFFFFF;
    margin-right: 0;
}
.visual_video_stage {
  clear: both;
}




/*상단 탭메뉴*/


.tab_service {position: relative; width: 100%}
.tab_service_list {height: 60px; width: 100%; }
.tab_service_list li {float: left;  font-weight: 600; padding: 0px 0; text-align: center;  }
.tab_service_list li a { color: #5E5E5E; display: block; font-size: 17px; margin-left: 0; padding: 15px 0; border: 1px solid #d7d7d7;  border-left:1px solid #d7d7d7;  border-bottom:1px solid #d7d7d7;  border-top:1px solid #d7d7d7;  }
.tab_service_list li:last-child a {   border-right:1px solid #d7d7d7;  }
.tab_service_list li a:hover, .tab_service_list li a:focus {border: 1px solid #3c57e1; color: #FFFFFF; font-weight: bold; background-color: #3c57e1; /*height: 18px;*/ margin-right: 0; text-decoration: underline; }




.tab_service_list li .select { border: 1px solid #3c57e1; color: #FFFFFF; font-weight: bold; background-color: #3c57e1; /*height: 18px;*/ margin-right: 0; text-decoration: underline;  }
.tab_service_list .li02 {background: url(/static/images/sub/Service/Sm/ITInfra/tab_bg.gif); height: 36px; width:420px}

.box2 li {width: 50%}
.box3 li {width: 33.3%}
.box4 li {width: 25%}
.box5 li {width: 20%}

.tab_solution {position: relative; width: 100%}
.tab_solution_list {height: 42px}
.tab_solution_list li {float: left; font-size:13px; font-weight: bold; padding: 5px 0; text-align: center; width: 142px}
.tab_solution_list li a {border: 1px solid #BFBFBF; color: #5E5E5E; display: block;  margin-left: 0; padding: 8px 0}
.tab_solution_list li:hover, .tab_solution_list li:focus {border: 0 none}
.tab_solution_list li a:hover, .tab_solution_list li a:focus, .tab_solution_list li a.select {background: url(/static/images/sub/Solution/tab_bg.gif); border: 1px solid #0464ac; color: #FFFFFF; font-weight: bold;
margin-right: 0; text-decoration: underline}
.tab_solution_list .li02 {background: url(/static/images/sub/Service/Sm/ITInfra/tab_bg.gif); height: 36px; width:420px}

.tab_solution_list2 {height: 42px}
.tab_solution_list2 li {float: left; font-size:13px; font-weight: bold; padding: 5px 0; text-align: center; width: 222px}
.tab_solution_list2 li a {border: 1px solid #BFBFBF; color: #5E5E5E; display: block; margin-left: 0; padding: 8px 0}
.tab_solution_list2 li:hover, .tab_solution_list2 li:focus {border: 0 none}
.tab_solution_list2 li a:hover, .tab_solution_list2 li a:focus, .tab_solution_list2 li a.select {background: url(/static/images/sub/Solution/tab_bg.gif); border: 1px solid #0464ac; color: #FFFFFF; font-weight: bold;
  margin-right: 0; text-decoration: underline}
.tab_solution_list2 .li02 {background: url(/static/images/sub/Service/Sm/ITInfra/tab_bg.gif); height: 36px; width:420px}



.tab_service_contant div.tab_item {min-height: 300px}
.tab_service_contant div.tab_item ul {float: left; height: 150px; position: relative; width: 714px}
.tab_service_contant div.tab_item li {background-color: #0C4E95; color: #FFFFFF; float: left; height: 115px; width: 181px}
.tab_service_contant div.tab_item li.last {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); margin: 0}
.tab_service_contant div.com_list {height: 116px; margin: 0 auto; width: 175px}
.tab_service_contant div.com_list:hover {border: 3px solid #5181BE; color: #FF0000; font-weight: bold; margin-top: -3px}

.tab_service_contant div.com_list div.img a {background: none repeat scroll 0 0 #FFFFFF; cursor: pointer; display: block; height: 88px; width: 175px}

.tab_service_contant div.com_list span {margin-top: 10px; position: absolute; text-align: center; width: 175px}
.tab_service_contant div.com_list div.tit {height: 27px; line-height: 27px; position: relative; width: 175px}
.tab_service_contant div.com_list div.tit a {border: 1px solid #CDCDCD; display: block} 
.tab_service_contant div.com_list img {max-height: 50px; max-width: 150px; min-height: 40px; min-width: 50px;padding: 10px 0}
   




/*채용*/



/*채용안내 게시판*/

.employment_h4 {font-weight:bold; color:#00672d; padding:20px 0 10px 20px; margin-top:20px; font-size:15px}

.board_employment {width:100%; background-color: #edf9f2; padding: 10px 0 10px 0}
.board_employment .txt{overflow: hidden; padding: 10px; position: relative; line-height:20px}
.board_employment .txt img{background-color: #FFFFFF; border: 1px solid #d4d4d4; float: left; height: 80px; margin-right: 30px; padding: 5px; width: 140px}
.board_employment .tit a{font-weight:bold; color:#075724; padding:10px 0 10px 0; font-size:15px}
.board_employment .tit a:hover{text-decoration:underline}
.board_employment .txt span.date {float: left; margin: 10px 0 10px 20px; width: 56px}
.board_employment .txt p {color:#5d5d5d; font-size:13px; padding:10px 0 10px 20px; float: left; line-height: 150%; text-align: justify; width: 600px}
.board_employment .txt p a:hover{text-decoration:underline}
.board_employment .txt a.btn_more {position: absolute; right: 30px; top: 27px}

.employment_list_h4 {font-weight:bold; color:#00672d; padding:20px 0 10px 0; margin-top:10px; font-size:16px}
.employment_list{width:100%; padding: 10px 0 10px 0}
.employment_list .txt{overflow: hidden; padding: 10px; position: relative; line-height:20px}
.employment_list .txt p{color:#5d5d5d; font-size:13px; padding:10px 0 30px 0; float: left; line-height: 30px; width: 710px}
.employment_list .txt img{margin-bottom:20px}
.employment_list .txt span{color:#1a7f2f; font-weight:bold}
.step{padding:20px 10px 30px 0}




/*board*/

.board_list03 a{color:#676767}
.board_list03 a:hover{color:#676767; text-decoration:underline}
.board_list03{width:100%; margin-top:10px}
.board_list03 th{border-top:2px solid #27794b; background:#f5faf8; color:#333; font-size:14px; height:36px}
.board_list03 td{border:1px solid #cfcfcf; border-right:none; border-left:none; color:#676767; font-size:13px; height:36px}
.board_list03 td.center{text-align:center}
.board_list03 td.tit{padding-left:10px}
.paging{margin:15px auto; text-align:center; color:#007639}
.paging a{padding:0px 10px}
.paging a:hover{text-decoration:underline}
.paging a:active{text-decoration:underline; font-weight:bold; color:#004187} 
.paging a.select{text-decoration:underline; font-weight:bold; color:#004187}

.board_view03{width:100%; margin-top:10px}
.board_view03 thead th{border-top:2px solid #27794b; background:#f6f6f6; color:#126c25; font-size:12px; height:36px}
.board_view03 thead th.tit{color:#333; text-align:left; background-color:#fff; padding-left:20px}
.board_view03 thead th.tit a{color:#ff0000; text-decoration:underline}
.board_view03 thead td{border-right:none; border-left:none; color:#126c25; font-size:12px; height:36px; text-align:center; font-weight:bold;background:#f6f6f6}
.board_view03 thead td.date{border-top:2px solid #27794b; color:#333; text-align:left; background-color:#fff; padding-left:20px}
.board_view03 thead td.number{color:#333; text-align:left; background-color:#fff; padding-left:20px}
.board_view03 thead td.division{border-right:1px solid #cfcfcf; color:#126c25; font-size:12px; height:36px; text-align:center; font-weight:bold;background:#f6f6f6}
.board_view03 thead td.division02{border-right:1px solid #cfcfcf; color:#333; text-align:center; background-color:#fff}
.board_view03 thead td.division03{color:#333; text-align:center; background-color:#fff}
.board_view03 td.contact{color:#126c25; font-size:12px; height:36px; text-align:center; font-weight:bold;background:#f6f6f6}
.board_view03 td.contact01{color:#126c25; font-size:12px; height:36px; text-align:center; font-weight:bold;background:#f6f6f6; border-bottom:1px solid #cfcfcf}
.board_view03 td.contact02{color:#333; text-align:left; padding-left:20px; background-color:#fff}
.board_view03 td.contact03{color:#333; text-align:left; padding-left:20px; background-color:#fff; border-bottom:1px solid #cfcfcf}


.board_view03 thead td.file{color:#676767; text-align:left; background-color:#fff; padding-left:20px; font-size:11px}
.board_view03 thead td.file a{color:#0054bb; text-decoration:underline}
.board_view03 td.job{border-top:2px solid #27794b; background:#f6f6f6; color:#126c25; font-size:12px; height:36px; font-weight:bold; padding-left:20px}
.board_view03 td{border-top:1px solid #cfcfcf; border-right:none; border-left:none}
.board_view03 td.text{padding:35px 25px; color:#555; font-size:13px;line-height:19px}
.board_view03 td.pre{text-align:center; font-weight:bold;font-size:14px; height:36px; background:#f6f6f6 url(/static/images/common/bu_pre_board.gif) no-repeat 95% 50%}
.board_view03 td.pre_tit{color:#555; padding-left:10px;font-size:14px;background:#f6f6f6}
.board_view03 td.next{text-align:center; font-weight:bold;font-size:14px; height:36px; background:#f6f6f6 url(/static/images/common/bu_next_board.gif) no-repeat 95% 50%;border-bottom:2px solid #888}
.board_view03 td.next_tit{color:#555; padding-left:10px;font-size:14px;background:#f6f6f6;border-bottom:2px solid #888}
.board_view03 a:hover{text-decoration:underline}
.source{font-weight:bold;font-size:11px; color:676767; height:30px}

.btn_list02{width:100%; text-align:right; margin-top:19px}
.btn_list button.list{width:84px; height:28px; background-color:#0d4f95; color:#FFF; font-size:11px; font-weight:bold; border:1px solid #003773; cursor:pointer}
.btn_list button.back{width:59px; height:28px; background-color:#f2f2f2; color:#333; font-size:11px; font-weight:bold; border:1px solid #b9b9b9; cursor:pointer}



/*인재상*/

/*상단 탭메뉴*/


.tab_recruit{position: relative; width: 100%}
.tab_recruit_list {height: 42px}
.tab_recruit_list li {float: left; font-size: 14px; font-weight: bold; padding: 5px 0; text-align: center; width: 142px}
.tab_recruit_list li a {border: 1px solid #BFBFBF; color: #5E5E5E; display: block; margin-left: 0; padding: 8px 0}
.tab_recruit_list li:hover, .tab_recruit_list li:focus {border: 0 none}
.tab_recruit_list li a:hover, .tab_recruit_list li a:focus, .tab_recruit_list li a.select {background: url(/static/images/sub/Recruit/tab_bg.gif); border: 1px solid #167342; color: #FFFFFF; font-weight: bold;margin-right: 0; text-decoration: underline}
.tab_recruit_list .li02 {background: url(/static/images/sub/Service/Sm/ITInfra/tab_bg.gif); height: 36px; width:420px}


.wanted_area {/*background: url(/static/images/sub/Recruit/Talent/inje_img.jpg) no-repeat 170px 0;*/ height: 700px; width: 90%; margin: 0 5%}
.wanted_text_area {}
div.wanted_tit { padding-top: 50px}

.wanted_text_area div.con01 {width: 100%; position: relative; margin: 50px auto 0; display: block; height:263px}
.wanted_text_area div.con01 .txt {position: absolute; width: 50%; float: right; right: 0; display: inline-block; top:55px}
.wanted_text_area div.con01 .img {position: absolute; width: 50%; float: left; left: 0}
.wanted_text_area .txt p span {font-size: 24px; color:#463caa; font-weight: 800;}
.wanted_text_area .txt p {color: #463caa; font-size: 17px;  height: 70px; line-height: 30px; margin: 11px auto 0; }
.wanted_text_area .txt div {/*margin: 12px 22%*/}
.wanted_text_area .txt li {height: 25px; line-height: 1.6em; text-align: left}

.wanted_text_area div.con02 {width: 100%; position: relative; margin: 50px auto 0; display: block; height:  263px}
.wanted_text_area div.con02 .txt {position: absolute; width: 50%;  float: left; left: 0; display: inline-block; top:55px}
.wanted_text_area div.con02 .img {position: absolute; width: 50%; float: right; right: 0; }





.wanted_text_area div.box01, .wanted_text_area div.box02{ height: 160px; margin-bottom: 30px}
.wanted_text_area p span {font-size: 23px;}
.wanted_text_area div.box01 p {color: #055d0f; font-size: 17px; font-weight: bold; height: 70px; line-height: 30px; margin: 11px auto 0; text-align: center}
.wanted_text_area div.box01 div {margin: 12px 22%}
.wanted_text_area div.box01 div li {height: 25px; line-height: 1.6em}
.wanted_text_area div.box02 p {color: #055d0f; font-size: 17px; font-weight: bold; height: 70px; line-height: 30px; margin: 11px auto 0; text-align: center; }
.wanted_text_area div.box02 div {margin: 12px 22%}
.wanted_text_area div.box02 div li {height: 25px; line-height: 1.6em}
.wanted_text_area div.box03 p {color: #055d0f; font-size: 17px; font-weight: bold; height: 70px; line-height: 30px; margin: 11px auto 0; text-align: center}
.wanted_text_area div.box03 div {margin: 12px 22%}
.wanted_text_area div.box03 div li {height: 25px; line-height: 1.6em}
.wanted_area li div {float: right; width: 500px}
.wanted_tit span {color: #055d10}


/*기업문화*/

/*values*/
.values{background: url(/static/images/sub/company/bg_values.gif) no-repeat; height:140px; width:712px; margin:20px 0 0 0}
.values .values_01_tit{margin:26px 0px 20px 110px; font-weight:bold;font-size:16px; color:262626; text-align:center; position:relative; float:left; clear:both}
.values .values_01{margin:0px 0px 50px 40px; font-size:14px; line-height:24px; text-align:left; position:relative; float:left; clear:both}
.values .values_02_tit{padding:26px 0px 20px 330px; font-weight:bold; font-size:16px; color:262626; text-align:center; position:relative}
.values .values_02{margin:0px 0px 50px 430px; font-size:14px; line-height:24px; text-align:left; position:relative}

/* 긍정과기쁨 */
.values_02 dt{background: url(/static/images/sub/company/bg_values_01.gif) no-repeat; height:140px; width:712px; margin:20px 0 0 0}
.values_02 dl{margin:26px 0px 20px 0px; font-weight:bold; font-size:16px; color:262626; text-align:left; position:relative; float:left; clear:both; }
.values_02 dd{margin:0px 0px 50px 0px; font-size:14px; line-height:24px; text-align:left; position:relative; float:right}


/* 핵심가치 리스트*/
.values_list dl{width:100%; margin:15px 0 0 0; border-bottom:#e2e2e2 solid 1px; padding-bottom:15px}
.values_list dl, .values_list dt, .values_list dd{float:left}
.values_list dt{}
.values_list dd{font-size:13px; margin:30px 0 0 0px; line-height:22px; color:#676767}
.values_list dd.01 {font-size:13px; margin:120px 0 0 0px; line-height:22px; color:#676767 }
.values_list dd.tit{width:130px; font-size:16px; font-weight:bold; margin:42px 0 0 20px; color:#353535}



/*인사시스템*/

/*system*/

.system_h4 {font-weight:bold; color:#00672d; padding:20px 0 10px 0; margin-top:20px; font-size:15px}
.system_area{width:100%}
.system_tit{font-size:1.063em; font-weight:bold; color:#3053c1; line-height:24px; padding:0 0 10px 0}
.system_tit02{font-size:1.063em; font-weight:bold; color:#3053c1; line-height:24px; padding:20px 0 10px 0}
.system_01{position:relative; width:100%; padding:20px 0 30px 0}
.system_01 ul li div{width:100%; height:68px; border:1px solid #dedede; padding:0 20px 0 20px}
.system_01 ul li div img{padding:10px 15px 0 16px}
.system_02_txt01{padding:0 0 20px 0; line-height:20px; font-size:13px; text-align:justify; width:712px}
.system_02_txt01 span{letter-spacing:-1px}


/*복리후생*/

/*
.benefit_list {height: 750px; width: 712px; background: url(/static/images/sub/Recruit/Benefit/bg.gif) no-repeat; padding-top:20px}
.benefit_list dl{width:100%; margin:16px 0 0 0;  position:relative; float:left}
.benefit_list dl.01{padding:30px 0 0 0;}
.benefit_list dl, .benefit_list dt, .benefit_list dd{float:left}
.benefit_list dt{width:200px; font-size:14px; font-weight:bold; margin:12px 0 0 15px; color:#207330}
.benefit_list dd{font-size:12px; margin:10px 0 0 20px; line-height:20px; color:#676767; display:block}
.benefit_list dd.01{padding-top:50px}
.benefit_list dd.tit{width:130px; font-size:16px; font-weight:bold; margin:22px 0 0 20px; color:#353535}
*/
.benefit_list{width: 100%; border-top:3px solid #3c57e1; display: table; margin-top: 40px}
.benefit_list dt, .benefit_list dd{display: table-cell;}
.benefit_list dl{width:100%; border-bottom: 1px solid #e8e8e8; }
.benefit_list dt{width:300px; font-size:1em; font-weight:bold; padding:0 0 0px 60px;  border-right: 0px solid #d7d7d7; height: 60px;vertical-align: middle;}
.benefit_list dd{font-size:.9375em;; line-height:1.5em; padding: 30px 20px; vertical-align: middle;}

	


/*board*/

.board_list04 a{color:#676767}
.board_list04 a:hover{color:#676767; text-decoration:underline}
.board_list04{width:100%; margin-top:10px}
.board_list04 th{border-top:2px solid #27794b; background:#f5fcf4; color:#333; font-size:14px; height:36px}
.board_list04 td{border-top:1px solid #c9d9c9; background:#f5fcf4;color:#676767; font-size:13px; height:36px}
.board_list04 td.head{border-right:1px solid #c9d9c9; background:#f5fcf4; color:#676767; font-size:13px; height:36px}

.board_list04 td.center{text-align:center}
.board_list04 td.tit{padding-left:10px}