@charset "utf-8";
/* CSS Document */
#wrap {background: url("../_Image/Common/container_bg.gif") repeat-x left top rgb(255, 255, 255); height: 100%;  position: relative;min-height: 100%; }
#header {background: url("../_Image/Common/nav_bg.gif") repeat-y left top; padding: 0px; left: 0px; width: 360px; height: 100%; float: left; position: absolute; z-index: 9; min-height: 950px;}
#container {background: url("../_Image/Common/container_bg.gif") repeat-x left top rgb(255, 255, 255); overflow: hidden; width:839px; margin-left: 395px; height: 100%;position: relative; z-index: 8;}
#content {padding: 40px 30px; width: 670px; -ms-overflow-x: hidden; min-height: 627px;}
.top_gnb {height: auto; display: block; position: relative; z-index: 1;}



	#tabmenu {background: url("/images/common/tabimage.gif") no-repeat scroll 0 top transparent;overflow: hidden;position: relative;width:700px}
	#tabmenu ul {overflow: hidden;padding-left: 1px;width: 100%;}
	#tabmenu li {background: url("/images/common/tabimage.gif") no-repeat scroll -1px top transparent;display: inline;float: left;margin-left: -1px;padding-left: 5px;}
	#tabmenu li a {background: url("/images/common/tabimage.gif") no-repeat scroll right top transparent;display: inline-block;height: 32px;letter-spacing: -1px;line-height: 32px;padding:0 15px 0 15px;text-decoration: none;vertical-align: top;color:#555}
	#tabmenu li a:hover, #tabmenu li a:active {text-decoration: none;}
	#tabmenu li.selected {background-position: 0 -58px;margin-right: 1px;position: static;z-index: 10;}
	#tabmenu li.selected a {background-position: right -58px;color: #555555;font-weight: bold;color:#4badc9;}



input[type=text]          {padding:2px 2px; width:98%; height:20px; line-height:22px; border:1px solid rgb(220,220,220); background:rgb(246,246,246); color:rgb(0,0,0);IME-MODE:active;}
input[type=text].onInput  {padding:2px 2px; width:98%; height:20px; line-height:22px; border:1px solid #44a7df; background:#ffffff; color:rgb(0,0,0);IME-MODE:active;}
input[type=text].offInput {padding:2px 2px; width:98%; height:20px; line-height:22px; border:1px solid rgb(220,220,220); background:rgb(246,246,246); color:rgb(0,0,0);IME-MODE:active;}

input[type=password]          {padding:2px 2px; width:98%; height:20px; line-height:22px; border:1px solid rgb(220,220,220); background:rgb(246,246,246); color:rgb(0,0,0);}
input[type=password].onInput  {padding:2px 2px; width:98%; height:20px; line-height:22px; border:1px solid #ff5858; background:#ffffff; color:rgb(0,0,0);}
input[type=password].offInput {padding:2px 2px; width:98%; height:20px; line-height:22px; border:1px solid rgb(220,220,220); background:rgb(246,246,246); color:rgb(0,0,0);}

input[type=file]          {padding:0; width:98%; height:24px; line-height:22px; border:1px solid rgb(220,220,220); background:rgb(246,246,246); color:rgb(0,0,0);}
input[type=file].onInput  {padding:0; width:98%; height:24px; line-height:22px; border:1px solid #44a7df; background:#ffffff; color:rgb(0,0,0);}
input[type=file].offInput {padding:0; width:98%; height:24px; line-height:22px; border:1px solid rgb(220,220,220); background:rgb(246,246,246); color:rgb(0,0,0);}

textarea {width:98%; padding:12px 2%; height:auto; border:1px solid rgb(220,220,220); background:#f6f6f6; color:rgb(0,0,0);IME-MODE:active;}
textarea.onInput  {width:98%; padding:12px 2%; height:auto; border:1px solid #44a7df; background:#ffffff; color:rgb(0,0,0);IME-MODE:active;}
textarea.offInput {width:98%; padding:12px 2%; height:auto; border:1px solid rgb(220,220,220); background:#f6f6f6; color:rgb(0,0,0);IME-MODE:active;}

select {width:98%; height:24px; padding:0; border:1px solid rgb(220,220,220); color:rgb(0,0,0);} 
btnSend {clear:both; overflow:hidden; margin-top:10px; text-align:right;}



/* 테이블 */
.tb1 {border-top:2px solid rgb(117, 152, 204);}
.tb1 table{width:100%; border-spacing:0px; border-collapse:collapse;}
.tb1 caption{display:none;}
.tb1 th{background:#f8faf9; border-left:0; text-align:left; border-bottom:1px solid #ddd; padding:7px 16px; font-weight:bold; }
.tb1 td{text-align:left; border:0; border-bottom:1px solid #ddd; padding:10px 16px; }
.tb1 .td1 {text-align:left; border:0; padding:10px 0 0 16px; }
.tb1 .right{text-align:right;}
.tb1 .right100{text-align:right;padding-right:120px;}
.tb1 .right90{text-align:right;padding-right:90px;}
.tb1 .right60{text-align:right;padding-right:60px;}
.tb1 .right20{text-align:right;padding-right:20px;}
.tb1 .center{text-align:center;}
.tb1 a{text-decoration:underline;}






.tableEdit {border-top:2px solid rgb(117, 152, 204);}
.tableEdit table{width:100%;}
.tableEdit thead th {padding: 8px 0px; color: rgb(0, 0, 0); text-align:left; font-size: 14px; border-top-color: rgb(101, 117, 156); border-bottom-color: rgb(101, 117, 156); border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;}
.tableEdit thead th select {width:98%; height:30px; padding:4px 5px; border:1px solid rgb(220,220,220); color:rgb(0,0,0);} 
.tableEdit tbody td {padding: 8px 0px; font-size: 14px; border-bottom-color: rgb(230, 230, 230); border-bottom-width: 1px; border-bottom-style: solid;}
.tableEdit tbody td input[type=text] {width:98%; height:28px; line-height:28px; border:1px solid rgb(220,220,220); background-color: rgb(246, 246, 246); color:rgb(0,0,0);}
.tableEdit tbody td input[type=password] {width:98%; height:28px; line-height:28px; border:1px solid rgb(220,220,220); background-color: rgb(246, 246, 246); color:rgb(0,0,0);}
.tableEdit tbody td textarea { width:96%; height:auto; color:rgb(0,0,0); height:118px; border:1px solid rgb(220,220,220); background-color: rgb(246, 246, 246); color:rgb(0,0,0);}
.tableEdit .title {width:20%; color: rgb(52, 52, 52); font-weight:600; float:left; line-height:28px; padding-left:15px;}
.tableEdit .edit {width:75%; color: rgb(52, 52, 52); float:left; line-height:28px;}

.btn {text-align: right; margin-top: 20px;}
.btn1 {text-align: right; margin-top: 4px;}








/* 지원서보기 테이블 */
.tb2 {border-top:2px solid rgb(117, 152, 204);}
.tb2 table{width:100%; border-spacing:0px; border-collapse:collapse;}
.tb2 caption{display:none;}
.tb2 th{background:#f1f1f1; border-left:0; text-align:left; border-bottom:1px solid #999; padding:7px 16px; font-weight:bold; white-space:nowrap}
.tb2 td{text-align:left; border:0; border-bottom:1px solid #999; padding:1px 16px; height:26px;}
.tb2 .td1 {text-align:left; border:0; padding:10px 0 0 16px; }
.tb2 .right{text-align:right;}
.tb2 .right100{text-align:right;padding-right:120px;}
.tb2 .right90{text-align:right;padding-right:90px;}
.tb2 .right60{text-align:right;padding-right:60px;}
.tb2 .right20{text-align:right;padding-right:20px;}
.tb2 .center{text-align:center;}
.tb2 a{text-decoration:underline;}


.tb3 {border-top:2px solid rgb(117, 152, 204);}
.tb3 table{width:100%; border-spacing:0px; border-collapse:collapse;}
.tb3 caption{display:none;}
.tb3 th{background:#f8faf9; border-left:0; text-align:left; border-bottom:1px solid #999; padding:7px 16px; font-weight:bold; white-space:nowrap}
.tb3 td{text-align:center; border:0; border-bottom:1px solid #999; padding:1px 16px; height:26px;}
.tb3 .td1 {text-align:left; border:0; padding:10px 0 0 16px; }
.tb3 .right{text-align:right;}
.tb3 .right100{text-align:right;padding-right:120px;}
.tb3 .right90{text-align:right;padding-right:90px;}
.tb3 .right60{text-align:right;padding-right:60px;}
.tb3 .right20{text-align:right;padding-right:20px;}
.tb3 .center{text-align:center;}
.tb3 a{text-decoration:underline;}


/* mg */
.mgt_10 {margin-top:-10px !important;}
.mgt00 {margin-top:0 !important;}
.mgb00 {margin-bottom:0 !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb60 {margin-bottom:60px !important;}




.btnCenter{text-align:center;padding-top:15px !important}
.btnCenter .btnPack{margin:0 1px 0 0}
.btnRight{text-align:right}
/* button */
.btnPack,.btnPack *{position:relative;overflow:visible;margin:0;padding:0;display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;border:0;white-space:nowrap}
.btnPack{margin-right:0;*margin-right:2px;z-index:8}
.btnPack, .btnPack *{padding:0;cursor:pointer;_cursor:hand;vertical-align:middle !important}
.btnPack button:active{text-decoration:none}

/* button2 */
.btnPack2,.btnPack2 *{position:relative;overflow:visible;margin:0;padding:0;display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;border:0;white-space:nowrap}
.btnPack2{margin-right:0;*margin-right:2px;z-index:8}
.btnPack2, .btnPack2 *{padding:0;cursor:pointer;_cursor:hand;vertical-align:middle !important}
.btnPack2 button:active{text-decoration:none}

.btnColor, .btnColor *{height:35px;line-height:35px;color:#fff;background:url(/images/button/bg_btn.gif) no-repeat 0 0}
.btnColor *{padding:0 19px;font-size:12px;font-weight:bold;vertical-align:top;background-position:100% 0}
.btnColor *:link, .btnColor *:hover, .btnColor *:active, .btnColor *:visited,
.btnMcolor *:link, .btnMcolor *:hover, .btnMcolor *:active, .btnMcolor *:visited,
.btnScolor *:link, .btnScolor *:hover, .btnScolor *:active, .btnScolor *:visited,
.btnSgray *:link, .btnSgray *:hover, .btnSgray *:active, .btnSgray *:visited{color:#fff;text-decoration:none}
.btnMbs *:link, .btnMbs *:hover, .btnMbs *:active, .btnMbs *:visited, .btnMbs *:focus{text-decoration:none}
.btnLine *:link, .btnLine *:hover, .btnLine *:active, .btnLine *:visited, .btnLine *:focus,
.btnMline *:link, .btnMline *:hover, .btnMline *:active, .btnMline *:visited, .btnMline *:focus{color:#0098de;text-decoration:none}
.btnSline *:link, .btnSline *:hover, .btnSline *:active, .btnSline *:visited, .btnSline *:focus{color:#0098de;text-decoration:none}
.btnBs *:link, .btnBs *:hover, .btnBs *:active, .btnBs *:visited, .btnBs *:focus{color:#404657;text-decoration:none}
.btnSbs *:link, .btnSbs *:hover, .btnSbs *:active, .btnSbs *:visited, .btnSbs *:focus{color:#6c6f77;text-decoration:none}


/* select input 등을 span 으로 감쌈 */
 .ItemName1 {display:inline-block;width:50px;padding:0;}
 .ItemName2 {display:inline-block;width:50px;padding:0;margin-right:4px;}
 .ItemName_record {height:23px;width:50px;padding:0px 0;float:left;}



.span_sel_yy_out {position:relative;margin-right:2px;width:57px;height:23px;border:1px solid #bfbfbf;background-color:#f5f5f5;}
.span_sel_yy_in  {position:absolute;left:0px;top:0px;width:55px;height:22px;clip:rect(1,53,20,1);}
.span_sel_yy     {height:23px;width:55px;border:1px solid silver; font-size:12px;color:#444444; background-color:#f5f5f5;padding:3px 2px 0 2px;}

.span_sel_mm_out {position:relative;margin-right:0px;width:44px;height:23px;border:1px solid #bfbfbf;background-color:#f5f5f5;}
.span_sel_mm_in  {position:absolute;left:0px;top:0px;width:42px;height:22px;clip:rect(1,48,20,1);}
.span_sel_mm     {height:23px;width:42px;border:1px solid silver; font-size:12px;color:#444444; background-color:#f5f5f5;padding:3px 2px 0 2px;}

.span_sel_dd_out {}
.span_sel_dd_in  {}
.span_sel_gb_out {position:relative;margin-right:0px;width:103px;height:23px;border:1px solid #bfbfbf;background-color:#f5f5f5;}
.span_sel_gb_in  {position:absolute;left:0px;top:0px;width:101px;height:22px;clip:rect(1,99,20,1);}
.span_sel_gb     {height:23px;width:101px;border:1px solid silver; font-size:12px;color:#444444; background-color:#f5f5f5;padding:3px 2px 0 2px;}

.span_sel_point_out {position:relative;margin-right:0px;margin-left:4px;width:54px;height:23px;border:1px solid #bfbfbf;background-color:#f5f5f5;}
.span_sel_point_in  {position:absolute;left:0px;top:0px;width:52px;height:22px;clip:rect(1,50,20,1);}

.span_input_point_out {position:relative;margin-right:0px;width:56px;height:24px;border:0;}
.span_input_point_in  {position:absolute;left:0px;top:0px;width:54px;height:23px;clip:rect(1,54,24,1);text-align:center;}


	#qTip {
 	padding: 3px;
 	border: 2px solid #999999;
 	display: none;
 	background: #fffec4;
 	color: #000;
	 font: 13px 나눔고딕, Verdana, Arial, Helvetica, sans-serif;
	 text-align: left;
	 line-height:22px;
	 position: absolute;
	 z-index: 1000;
	}

	i {
 	 font-style: normal;
 	 text-decoration: underline;
	}	




/* 사업장소개 */
.site {margin-bottom:20px;overflow:hidden;}
.site .jemok1 {font-weight:600;padding-bottom:6px;color: rgb(65, 103, 181);overflow:hidden;}
.site .subbox1 {width:100%;overflow:hidden;}
.site .jemok2 {width:70px;float:left;overflow:hidden;}
.site .detail {width:*;float:left;overflow:hidden;}


/* 찾아오시는 길*/
.contact-wrap {overflow:hidden; zoom:1;}
.contact-lnb {float:left; width:150px; border-top:2px solid #6c7d85;}
.contact-lnb ul li {padding:15px 0 15px 0; border-bottom:2px solid #6c7d85;}
.contact-lnb ul li li {margin:0 0 -3px 0; padding:11px 0 0 0; border-bottom:none;}
.contact-con {float:left; width:100%; padding:40px 0; }
.contact-con h4 {margin:0 0 20px 0;}
.contact-con .contact-list {position:relative; margin:30px 0 0 0;}
.contact-con .contact-list li {padding:10px 0 0 0; font-size:0; line-height:10px; overflow:hidden; zoom:1;}
.contact-con .contact-list li span {float:left; line-height:20px;}
.contact-con .contact-list li .tit {width:87px; padding-left:19px; background:url("/images/icon/ico_square01.gif") no-repeat 0 7px;}
.contact-con .contact-list li .txt {line-height:30px;}
.contact-con .contact-list li .txt a:hover,
.contact-con .contact-list li .txt a:focus {text-decoration:underline;}
.contact-con .contact-list li.btn-email {position:absolute; top:3px; right:6px;}


/* 채용절차 */
	.f16        { font-size:16px; }	
	.f16b       { font-size:15px; font-weight: bold; padding:10px 0 20px;}	
	.f16b li    { font-size:13px; font-weight: normal; line-height:20px; }	
	.f13        { font-size:13px; }

	.ul1        { font-size:13px; line-height:30px;}
	.ul1 li     { list-style:none;background:url("/images/icon/dot2.gif") no-repeat left 14px;display:block;padding:0 0 0 10px;margin:0 0 0 10px; }

/* 인적자원개발 */
	.divTwo_L{width:310px; float:left; clear:both; padding-bottom:50px; padding-right:20px;}
	.divTwo_R{width:310px; float:left; padding-bottom:50px;}
	ul.welList  { font-size:13px;padding-bottom:30px; line-height:22px;}
	ul.welList li {list-style:none; background:url('/images/icon/dot2.gif') no-repeat left 9px; display:block;padding:0 0 0 10px;}


/* recruitTab / 전체 tab */
.recruitTab { float:left; margin-bottom:40px;  width:100% ;border-left:1px solid #e1e1e1 ; }
.recruitTab .tab li { float: left; background:url(../_Image/Common/tabbg.gif) repeat-x left 50%; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; } 
.recruitTab .tab li a {display:block;  height:22px; font-weight:600; font-size:13px;  text-align:center; border:1px solid #e1e1e1; padding: 3px 30px 2px 30px; margin-left:-1px;}
.recruitTab .tab li.selected a {margin-left:-1px; color:#fff; background:url(../_Image/Common/tabbg_select.gif) repeat-x left 50%; border-right:1px solid #f68b1f; border-top:1px solid #f68b1f;border-bottom:1px solid #f68b1f;}
.recruitTab .tab li.selected a.first {border-left:1px solid #f68b1f;}

/* 상단박스 - 접수안내 */
.topbox {width:98% ; float:left; clear:both;}
.topbox { width: 99%; display: inline-block; position: relative; float:left; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; border: 3px solid #e3e1da; line-height:25px ; margin-bottom:30px;}
.topbox ul { float:left; width:100%; }
.topbox li { float:left ; display:inline; }
.topbox li img { display:inline; padding:20px 0 0 0; margin:0 auto }
.topbox .txt { min-width: 61% ; max-width:99%; padding:20px 20px 10px 20px; }
.topbox .txt_p {font-size:16px; font-weight:600; color: rgb(37, 57, 146); padding-bottom:15px; }

/* 상단 알림 */
.topbox1 {width:98% ; float:left; clear:both;}
.topbox1 { width: 98%; display: inline-block; position: relative; float:left; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; border: 3px solid #e3e1da; line-height:25px ; margin-bottom:30px;padding:10px 0 10px 10px;}
.topbox1 ul { float:left; width:100%; font-size:13px; line-height:21px;}
.topbox1 li { list-style:none;background:url("/images/icon/dot2.gif") no-repeat left 14px;display:block;padding:5px 0 0 10px;margin:0 0 0 10px; }
.topbox1 li img { display:inline; padding:20px 0 0 0; margin:0 auto }
.topbox1 .txt { min-width: 61% ; max-width:99%; padding:20px 20px 10px 20px; }
.topbox1 .txt_p {font-size:16px; font-weight:600; color: rgb(37, 57, 146); padding-bottom:15px; }






.indicator {left: 0px; top: 0px; width: 32px; height: 100%; overflow: hidden; display:none; position: absolute; z-index: 10;}
.indicator .slider {background: url("../images/common/bg_slider.html") repeat-x 0px 0px; height: 0px;}
.indicator .slider .stick {width: 770px; height: 4px; left: 168px; right: 0px; display: block; position: absolute; cursor: pointer; overflow: hidden;}
.indicator .move {visibility: visible; background: rgb(62, 73, 103); height: 100%; color: transparent; line-height: 0; font-size: 0px; position: fixed;}
.indicator .move a {text-indent: -9999px; overflow: hidden; display: block;}
.indicator .move a span {line-height: 0; font-size: 0px;}
.indicator .move #move_content_left {background: url("../_Image/Common/btn_move_left.gif") no-repeat 0px 0px; width: 32px; height: 32px;}
.indicator .move #move_content_right {background: url("../_Image/Common/btn_move_right.gif") no-repeat 0px 0px; width: 32px; height: 32px;}
.indicator .move .move_left {display: block; background: url("../_Image/Common/btn_move_left.gif") no-repeat 0px 0px; width: 32px; height: 32px;}
.indicator .move .move_right {display: none; background: url("../_Image/Common/btn_move_right.gif") no-repeat 0px 0px; width: 32px; height: 32px;}

.point_blue {color: rgb(65, 103, 181); font-weight: 600;}
.point {color: rgb(255, 126, 0); font-weight: 600;}
.cont_header {width: 100%; overflow:hidden;}
.cont_header h2 {width: 70%; height: 75px; text-align: left; color: rgb(246, 139, 31); font-size: 30px; font-weight: 600; line-height:75px; float:left;}
.cont_header p.cm {height: 41px; text-align: right;}
.cont_header .infoBox {padding: 5px 0px 5px 0px; height:22px; margin-bottom:15px;}
.cont_header .infoBox p.info {background: url("../_Image/Common/icon_home.png") no-repeat left center; padding: 2px 0px 0px 6px; color: rgb(255, 255, 255);}
.cont_header .infoBox p.info span {background: url("../_Image/Common/info_dot.html") no-repeat 0px 3px; padding: 0px 10px 0px 10px; color: rgb(255, 255, 255); font-size: 11px; font-weight: 600;}
.cont_header .infoBox p.info span a {font-size: 11px; font-weight: normal; color: rgb(255, 255, 255);}

.sns {width: 30%; float:right; height: 75px;}
.sns ul {float:right; padding-top:30px;}
.sns li {float:left; padding-left:3px;}

.contaner {width: 100%; min-height: 600px;}
.contaner p {-ms-word-break: keep-all;}
.cont_company {padding: 0px 0px 50px; width: 100%; }
.cont_title { background:url(../_Image/Common/icon_title.gif) no-repeat  left top; font-size:20px; font-weight:600; color: rgb(37, 57, 146);line-height:40px; padding-bottom:5px}






/* 임의 */
.smtitle { width:95%; clear:both; line-height:20px ; font-size:15px; font-weight:600; color: rgb(65, 103, 181); padding-bottom:7px;}

.smtitle_box {width:100%;margin:0 0 4px 0;}
.smtitle_txt {width:50%; font-size:15px; font-weight:600; color: rgb(65, 103, 181); padding:0px}
.smtitle_btn {width:50%;text-align:right;}

.txt {font-size:13px;line-height:24px;}
.txt .txt_p {font-size:16px; font-weight:600; color: rgb(37, 57, 146);}





/* Bullet */
.txt_p {font-size:15px; font-weight:600; color: rgb(65, 103, 181);}
.squareBullet li { width:99%; clear:both; padding-left:6px; background:url("../_Image/Common/squareBullet.gif") no-repeat scroll 0 9px;line-height:20px ; padding-bottom:7px}
.squareBullet2 li { width:93%; clear:both; padding-left:6px; background:url("../_Image/Common/squareBullet.gif") no-repeat scroll 0 9px;line-height:20px ; padding-bottom:3px}
.blue_tit .num01 { width:95%; clear:both; padding-left:27px; background:url("../_Image/Common/num01.jpg") no-repeat scroll 0 5px;line-height:20px ; font-size:15px; font-weight:600; color: rgb(65, 103, 181); padding-bottom:7px}
.blue_tit .num02 { width:95%; clear:both; padding-left:27px; background:url("../_Image/Common/num02.jpg") no-repeat scroll 0 5px;line-height:20px ; font-size:15px; font-weight:600; color: rgb(65, 103, 181); padding-bottom:7px}
.blue_tit .num03 { width:95%; clear:both; padding-left:27px; background:url("../_Image/Common/num03.jpg") no-repeat scroll 0 5px;line-height:20px ; font-size:15px; font-weight:600; color: rgb(65, 103, 181); padding-bottom:7px}
.blue_tit .num04 { width:95%; clear:both; padding-left:27px; background:url("../_Image/Common/num04.jpg") no-repeat scroll 0 5px;line-height:20px ; font-size:15px; font-weight:600; color: rgb(65, 103, 181); padding-bottom:7px}

/* 회사개요 */
.ceo_area {width: 100%; text-align: center; display: inline-block; position: relative; float:left;}
.ceo_area img {width: 100%;}
.ceo_message {font-size:13px;}
.ceo_message .txt_p {font-size:16px; font-weight:600; color: rgb(37, 57, 146);}


/* 입사지원서 탭 tab */
.resumeTab { float:left; margin-bottom:35px; padding-bottom:2px; width:100% ;border-left:1px solid #e1e1e1 ; }
.resumeTab .tab li { float: left; background:url(../_Image/Common/tabbg.gif) repeat-x left 50%; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; } 
.resumeTab .tab li a {display:block;  height:24px; font-weight:600; font-size:13px;  text-align:center; border:1px solid #e1e1e1; padding: 2px 30px 0 30px; margin-left:-1px;}
.resumeTab .tab li.selected a {margin-left:-1px; color:#fff; background:url(../_Image/Common/tabbg_select.gif) repeat-x left 50%; border-right:1px solid #f68b1f; border-top:1px solid #f68b1f;border-bottom:1px solid #f68b1f;}
.resumeTab .tab li.selected a.first {border-left:1px solid #f68b1f;}


/* 연혁 내용 */
.history {clear:both;float:left; width:100% ; font-size:13px; line-height:21px}
.history h3 {float:left; clear:both; font-size:20px; font-weight:600; color: rgb(37, 57, 146);line-height:40px; }
.history dl { width:100%; float:left; clear:both; padding:0 0 30px 15px ; text-align: left; }
.history dt { float:left;width:100px;  font-weight:600; color: rgb(65, 103, 181); padding-bottom:10px ; word-break:keep-all; }
.history dd { loat:left;width:auto; padding-bottom:10px; word-break:keep-all; }

/* 찾아오시는길 */
.map {width: 100%; }
.map_m {width: 340px; }
.ggmap {width:100%; height:350px;}


























/* 비전 */
.vision_area { width:100% ; margin:0 auto; text-align: center; float:left;}
.vision_area img { margin:0 auto; text-align: center;}
.vision_message_l {font-size:13px; float:left; width:49%}
.vision_message_l .txt_p {font-size:15px; font-weight:600; color: rgb(65, 103, 181);}
.vision_message_r {font-size:13px;float:right; width:49%}
.vision_message_r .txt_p {font-size:15px; font-weight:600; color: rgb(65, 103, 181);}

/* Ci */
.ci_box { clear:both; float:left ; border: 1px solid #e3e1da ; background:url(../_Image/Company/company_img04_01.gif) repeat left 50% ; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: }
.ci_box .logo { float:left;   padding:30px 30px 0 30px}
.ci_box .text { float:left;  padding:30px}
.ci_box .text ul { display:block; }
.ci_box .text ul p { display:inline; float:left; padding-right:8px}
.ci_box .text ul li { display:block; }
.ci_box .orange { color:#f68b1f; }
.ci_box .blue { color:#0353a5; }



/* 채용 */
.recruit_text {width: 100%; text-align: center; display: inline-block; position: relative; clear:both ; }
.recruit_text p {clear:both; width: 80%; margin:0 auto}
.recruit_text .txt_p {font-size:18px; font-weight:600; color: rgb(37, 57, 146);}
.recruit_text .txt_p_s {font-size:14px; font-weight:600; color: rgb(65, 103, 181); }
.recruit_area {width: 100%; text-align: center; display: inline-block; position: relative; clear:both ; }
.recruit_area ul {clear:both;  }
.recruit_area ul li{ display:inline ; width:25%;}

/* 솔루션 */
.solution {width:98% ; float:left; clear:both;}
.solution_box { width: 99%; display: inline-block; position: relative; float:left; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; border: 1px solid #e3e1da; line-height:25px ; margin-bottom:30px;}
.solution_box ul { float:left; width:100%; }
.solution_box li { float:left ; display:inline; width:70%; }
.solution_box li img { display:inline; padding:20px 0 0 0; margin:0 auto }
.solution_box .txt { min-width: 61% ; max-width:99%; padding:20px 20px 10px 20px; }
.solution_box .txt_p {font-size:16px; font-weight:600; color: rgb(37, 57, 146); padding-bottom:15px; }


.solution_box2 { width: 99%; display: inline-block; position: relative; float:left; border: 1px solid #e3e1da; line-height:25px ; margin-bottom:30px;}
.solution_box2 ul { float:left; width:100%; }
.solution_box2 li { float:left ; display:inline; }
.solution_box2 li img { display:inline; padding:20px 0 0 0; margin:0 auto }
.solution_box2 .txt { min-width: 63% ; max-width:63%; padding:20px 20px 10px 20px; }
.solution_box2 .txt_p {font-size:16px; font-weight:600; color: rgb(37, 57, 146); padding-bottom:15px}

/* 솔루션 / 01 */
.solution_area01 { position:relative;  margin:0 auto; width:85%; text-align: center; font-weight:600;}
.solution_area01 ul {display:inline ; float:left; background:url(../_Image/Solutions/solution_circle01.jpg) no-repeat center 50% ; width:215px ; height:215px ;text-align: center; margin-right:20px}
.solution_area01 ul li{ display:inline ; }
.solution_area01 ul li p { margin:0 auto ;  padding-top:55px; width:115px ; text-align:center; color:#3c6e9d;}
/* 솔루션 / 02 */
.solution_area02 { position:relative;  margin:0 auto; width:85%; text-align: center; font-weight:600;}
.solution_area02 ul {display:inline ; float:left; background:url(../_Image/Solutions/solution_circle02.jpg) no-repeat center 50% ; width:215px ; height:215px ;text-align: center; margin-right:20px}
.solution_area02 ul li{ display:inline ; }
.solution_area02 ul li p { margin:0 auto ;  padding-top:53px; width:115px ; text-align:center; color:#a4404b;}
/* 솔루션 / 03 */
.solution_area03 { position:relative;  margin:0 auto; width:85%; text-align: center; font-weight:600;}
.solution_area03 ul {display:inline ; float:left; background:url(../_Image/Solutions/solution_circle03.jpg) no-repeat center 50% ; width:215px ; height:215px ;text-align: center; margin-right:20px}
.solution_area03 ul li{ display:inline ; }
.solution_area03 ul li p { margin:0 auto ;  padding-top:70px; width:115px ; text-align:center; color:#188273;}
/* 솔루션 / 04 */
.solution_area04 { position:relative;  margin:0 auto; width:85%; text-align: center; font-weight:600;}
.solution_area04 ul {display:inline ; float:left; background:url(../_Image/Solutions/solution_circle04.jpg) no-repeat center 50% ; width:215px ; height:215px ;text-align: center; margin-right:20px}
.solution_area04 ul li{ display:inline ; }
.solution_area04 ul li p { margin:0 auto ;  padding-top:75px; width:115px ; text-align:center; color:#a9781c;}
/* 솔루션 / 05 */
.solution_area05 { position:relative;  margin:0 auto; width:100%; text-align: center; font-weight:600;}
.solution_area05 ul {display:inline ; float:left; background:url(../_Image/Solutions/solution_circle05.jpg) no-repeat center 50% ; width:196px ; height:196px ;text-align: center; margin-right:13px}
.solution_area05 ul li{ display:inline ; }
.solution_area05 ul li p { margin:0 auto ;  padding-top:48px; width:115px ; text-align:center; color:#5847a2;}

/* 서비스_컨설팅 */
.service_bluebox {float:left;width: 100%; background:#f1f1f1; margin-top:20px}
.service_bluebox h2 { float:left;width: 100%; text-align:center ; color:#FFF; background:#5481c3 ; padding:5px 0; font-size:14px;}
.service_bluebox p { padding:20px 0 ; text-align:center }
.service_bluebox img { padding-top:20px}
.service_greenbox { position: relative; float:left;width: 100%; background:#f1f1f1 }
.service_greenbox h2 { float:left;width: 100%; text-align:center ; color:#FFF; background:#198daa ; padding:5px 0; font-size:14px;}
.service_greenbox p { padding:20px 0 ; text-align:center }
.service_greenbox img { padding-top:20px}
.service_orangebox { position: relative; float:left;width: 100%; background:#f68b1f ; border:3px solid #c86400 ;  box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; ; margin:25px 0 }
.service_orangebox p { padding:20px ; text-align:center }

/* 서비스_솔루션 */
.service_s_box { width:99%; float:left ; background:#f1f1f1;  }
.boxtext {float:left; width:99%; }
.boxtext ul {width:90%;margin:0 auto ; padding:20px 0}
.boxtext li {width:76%; clear:both; border: 1px solid #e1e1e1 ; background:#FFF ; margin:5px auto ; padding:7px 30px; line-height:20px ; font-size:15px; font-weight:600; color: rgb(65, 103, 181);  }
.boxtext li ul li {border:none ; padding:0 ; margin:0}
.boxtext li ul {border:none ; padding:0 ; margin:0}





.service_s_bluebox {width: 99% ; float:left; background:#fff; margin-bottom:20px ; border: 1px solid #e1e1e1 ; clear:both}
.service_s_bluebox h2 { float:left;width: 100%; text-align:center ; color:#FFF; background:#5481c3 ; padding:5px 0; font-size:14px;font-weight:600;}
.service_s_bluebox ul { float:left; padding: 10px ;}
.service_s_bluebox li {float:left; width: 100%; display:block ; line-height:24px}

/* 서비스_it서비스 */
.it_table { clear:both; width: 100%; }
.it_table th {padding: 8px 0px; text-align: center; color: rgb(255, 255, 255); background:rgb(117, 152, 204); font-size: 13px; border:1px solid #e1e1e1}
.it_table td {padding: 8px 10px; text-align: left; color: rgb(78, 84, 90); font-size: 13px;; border:1px solid #e1e1e1; vertical-align:text-top}
.it_table .alignC {text-align: center;}
.it_text { line-height:24px ;}
.it_text img {width:100%}

/* 서비스인증절차 */
.s_step img { padding-bottom:10px}

/* 서비스HelpEDI */
.s_helpedi { width: 99.8% ; float:left; border:1px solid #e1e1e1}
.s_helpedi ul {width: 100% ;  display: block ; padding:18px;float:left; }
.s_helpedi ul li { float:left; display:inline ; padding:10px 10px}

/* 고객센터_전화상담안내 */
.telbox { clear:both; width: 99%; border:3px solid #e1e1e1; text-align:center ; }
.telbox .tel{  color:#253992; font-size:20px; font-weight:600 ; padding-bottom:10px ; padding:20px 20px 15px 20px}
.telbox .tel2 { color:#4167b5; font-size:14px; font-weight:600 ; padding: 0 15px 20px 15px}
.tel_text { line-height:20px ;}
.tel_text img {width:100%}






/* 사이트맵 */

.sitemap {margin-left:0px; overflow:hidden; zoom:1;}
.sitemap li {float:left; width:180px; height:200px; margin-left:10px;padding-top:10px;padding-left:10px; border-top:2px solid rgb(65, 103, 181); }
.sitemap h2 { width:95%; clear:both; line-height:20px ; font-size:15px; font-weight:600; color: rgb(65, 103, 181); padding-bottom:7px}
.sitemap li ul {border-top:0px solid #bfbfbf; border-bottom:0px solid #bfbfbf;margin-top:10px; }
.sitemap li li {width:90%; clear:both; height:auto; margin-left:10px;  padding:5px 0 5px 0; border-top:0px solid #ddd; border-bottom:none;}









.searchPolicy {width: 100%; margin-bottom: 10px;}
.searchPolicy::after {clear: both; display: block; content: "";}
.searchPolicy .alignL {float: left;}
.searchPolicy .alignL .marR10 {margin-right: 10px; float: left;}
.searchPolicy .alignR {float: right;}
.searchPolicy label {margin: 2px 5px 0px 0px; font-weight: 600; float: left; display:none;}
.searchPolicy select {margin: 0px 5px 0px 0px; padding: 0px; height: 23px; float: left;}
.searchPolicy input {padding: 0px; float: left;}
.searchPolicy button {float: left;}
.searchPolicy .input_text {padding: 0px 2px; width: 90px; height: 21px; line-height: 22px; margin-right: 5px;}



.tableList {width: 100%;}
.tableList th {padding: 8px 0px; text-align: center; color: rgb(52, 52, 52); font-size: 14px; border-top-color: rgb(101, 117, 156); border-bottom-color: rgb(101, 117, 156); border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;}
.tableList td {padding: 10px 0px; text-align: center; color: rgb(78, 84, 90); font-size: 13px; border-bottom-color: rgb(224, 230, 237); border-bottom-width: 1px; border-bottom-style: solid;}
.tableList td a {color: rgb(78, 84, 90);}
.tableList td.no {color: rgb(140, 144, 148);}
.tableList .gray {color: rgb(78, 84, 90);}
.tableList .blue {color: rgb(69, 138, 207);}
.tableList .red {color: rgb(188, 32, 39);}
.tableList .alignL {text-align: left;}

.tableView {width: 100%;}
.tableView thead th {padding: 8px 0px; padding-left:20px; text-align: left; color: rgb(52, 52, 52); overflow: hidden; font-size: 14px; border-top-color: rgb(101, 117, 156); border-bottom-color: rgb(101, 117, 156); border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;}
.tableView tbody th .title {margin-right: 10px; color: rgb(52, 52, 52); padding-left:0px; font-weight:600;}
.tableView tbody td .title {margin-right: 10px; color: rgb(52, 52, 52); padding-left:0px; font-weight:600;}
.tableView tbody td {padding: 8px 20px; text-align: left; font-size: 14px; border-bottom-color: rgb(230, 230, 230); border-bottom-width: 1px; border-bottom-style: solid;}
.tableView tbody td.viewContents {padding: 45px 20px 45px 20px; line-height: 1.5em; border-bottom-color: rgb(230, 230, 230); border-bottom-width: 1px; border-bottom-style: solid;word-wrap:break-word;}

.tableView tbody td.viewContents table td {padding: 10px 20px !important;}
.tableView tbody td.file {padding: 8px 0px 8px 20px; font-size: 12px; border-bottom-color: rgb(230, 230, 230); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(247, 247, 247);word-wrap:break-word;}
.tableView tbody td.file strong {margin-right: 10px;}
.tableView tbody td.file span {margin-right: 10px;}
.tableView .gray {color: rgb(140, 144, 148); font-weight: normal;}
.tableView .title {padding-left: 20px;}
.tableView .title span {color: rgb(89, 169, 218); font-size: 13px; margin-right: 14px;}
.tableView td.viewContents .comment {text-align: left; color: rgb(146, 152, 156); font-size: 13px; margin-top: 5px;}
.tableView td img {width: 100%;}

.tableEdit {width: 100%;}
.tableEdit thead th {padding: 8px 0px; color: rgb(0, 0, 0); text-align:left; font-size: 14px; border-top-color: rgb(101, 117, 156); border-bottom-color: rgb(101, 117, 156); border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;}
.tableEdit thead th select {width:98%; height:30px; padding:4px 5px; border:1px solid rgb(220,220,220); color:rgb(0,0,0);} 
.tableEdit tbody td {padding: 8px 0px; font-size: 14px; border-bottom-color: rgb(230, 230, 230); border-bottom-width: 1px; border-bottom-style: solid;}
.tableEdit tbody td input[type=text] {width:98%; height:28px; line-height:28px; border:1px solid rgb(220,220,220); background-color: rgb(246, 246, 246); color:rgb(0,0,0);}
.tableEdit tbody td input[type=password] {width:98%; height:28px; line-height:28px; border:1px solid rgb(220,220,220); background-color: rgb(246, 246, 246); color:rgb(0,0,0);}
.tableEdit tbody td textarea { width:96%; height:auto; color:rgb(0,0,0); height:118px; border:1px solid rgb(220,220,220); background-color: rgb(246, 246, 246); color:rgb(0,0,0);}
.tableEdit .title {width:20%; color: rgb(52, 52, 52); font-weight:600; float:left; line-height:28px; padding-left:15px;}
.tableEdit .edit {width:75%; color: rgb(52, 52, 52); float:left; line-height:28px;}

.btn {text-align: right; margin-top: 20px;}
.paging {text-align: center; line-height: 17px; margin-top: 30px;}
.paging a {margin: 0px 2px; padding: 0px 8px; border: 1px solid rgb(233, 233, 233); height: 23px; text-align: center; color: rgb(78, 84, 90); line-height: 23px; vertical-align: top; display: inline-block;}
.paging strong {margin: 0px 2px; padding: 0px 8px; border: 1px solid rgb(233, 233, 233); height: 23px; text-align: center; color: rgb(78, 84, 90); line-height: 23px; vertical-align: top; display: inline-block;}
.paging a span {text-indent: -999em; display: inline-block;}
.paging a.first {padding: 0px; border: 0px currentColor; width: 29px; height: 25px;}
.paging a.last {padding: 0px; border: 0px currentColor; width: 29px; height: 25px;}
.paging a.first {background:rgb(185, 185, 185) url("../_Image/Common/btnFirst.gif") no-repeat center center;}
.paging a.last {background:rgb(185, 185, 185) url("../_Image/Common/btnLast.gif") no-repeat center center;}
.paging a.prev {padding: 0px; border: 0px currentColor; width: 25px; height: 25px;}
.paging a.next {padding: 0px; border: 0px currentColor; width: 25px; height: 25px;}
.paging a.prev {background:rgb(185, 185, 185) url("../_Image/Common/btnPrev.gif") no-repeat center center; margin-right: 12px;}
.paging a.next {background:rgb(185, 185, 185) url("../_Image/Common/btnNext.gif") no-repeat center center; margin-left: 12px;}
.paging a.normal {margin: 0px 2px; padding: 0px 8px;}

.product_passwordBg {display:none; position: fixed; left:0; top:0; z-index:90; width:100%; height:100%; background:rgb(0,0,0); opacity:0.5; filter: alpha(opacity=50);}
.product_password {display:none; position:fixed; left:50%; top:50%; z-index:91; max-width:650px; width:96%; border:1px solid #7ea2d7; background-color: rgb(255, 255, 255); text-align:left;}
.product_password .product_passwordInner {padding:2% 3%;}
.product_password h4 {margin-top:10px; margin-bottom:19px; font-size:24px; color: rgb(65, 113, 184); font-weight:500;}
.product_password p {margin-bottom:10px; height:28px;}
.product_password p input[type=text] {padding:0 2%; width:96%; height:28px; line-height:28px; border:1px solid rgb(220,220,220); background-color: rgb(246, 246, 246); color:rgb(0,0,0);}
.product_password p input[type=password] {padding:0 2%; width:96%; height:28px; line-height:28px; border:1px solid rgb(220,220,220); background-color: rgb(246, 246, 246); color:rgb(0,0,0);}
.product_password p.textarea {height:auto; color:rgb(0,0,0);}
.product_password p.textarea textarea {width:96%; padding:12px 2%; height:118px; border:1px solid rgb(220,220,220); background-color: rgb(246, 246, 246); color:rgb(0,0,0);}
.product_password p select {width:100%; height:30px; padding:4px 5px; border:1px solid rgb(220,220,220); color:rgb(0,0,0);} 
.product_password .btnSend {clear:both; overflow:hidden; margin-top:10px; text-align:right;}
.product_password .close {position:absolute; right:18px; top:18px;}

#m_topMenu {left: 0px; width: 100%; padding-top: 0px; display: block;}
*#m_topMenu .depth01 {position: relative;}
#m_topMenu .depth01 li {background: rgb(255, 255, 255); padding: 11px 17px 0px 10px; height: 30px; text-align: left; color: rgb(103, 103, 103); border-bottom-color: rgb(195, 195, 195); border-bottom-width: 1px; border-bottom-style: solid; display: none;}
#m_topMenu .depth01 li.on {background: rgb(65, 113, 184); color: rgb(255, 255, 255); font-size: 20px; font-weight: 600;}

@media all and (max-width:530px) and (min-width:0px) {
#wrap {position:relative;}
.cont_box {margin-right: 0px;}
#header {display: none;}
.indicator {display: none;}
.top_gnb {display: block;}
.cont_header h2 {text-align: left;}
.cont_header h2 img {max-width: 90%;}
.cont_header p.cm {height: 41px; text-align: left;}

.searchPolicy .alignL {overflow: hidden; margin-bottom: 10px; float: none;}
.searchPolicy .alignR {overflow: hidden; float: none; width:100%}
.searchPolicy .alignL span {width: 77.3% !important;}
.searchPolicy .alignR select {margin-bottom: 10px;}
.searchPolicy .alignR .input_text {width: 58.7%;}
.tableList .news_no1 {width: 0%; display: none;}
.tableList .product_no1, .tableList .product_no3, .tableList .product_no5 {width: 0%; display: none;}
.btn {text-align: center; margin-top: 20px;}
.paging a.prev {margin-right:0; width:20px;}
.paging a.next {margin-left:0; width:20px; background-position:50% 0;}
.paging a.first,
.paging a.last {width:24px; background-position:50% 0;}
.paging a, 
.paging strong {padding:0 5px;}
#footers .footer_util ul {padding-left:10px;}
#footers .copy_text ul {padding-left:10px;}
#footers .copy_banner ul {padding-left:10px;}

/* 솔루션 / 01 */
.solution_area01 {position:relative;  margin:0 auto; width:100%; text-align: center; font-weight:600}
.solution_area01 ul {background:url(../_Image/Solutions/solution_circle01.jpg) no-repeat center 50% ; width:100% ; height:215px ;text-align: center; margin-right:20px}
.solution_area01 ul li p { margin:0 auto ;  padding-top:55px; width:115px ; text-align:center; color:#3c6e9d;}
/* 솔루션 / 02 */
.solution_area02 {position:relative;  margin:0 auto; width:100%; text-align: center; font-weight:600}
.solution_area02 ul {background:url(../_Image/Solutions/solution_circle02.jpg) no-repeat center 50% ; width:100% ; height:215px ;text-align: center; margin-right:20px}
.solution_area02 ul li p { margin:0 auto ;  padding-top:53px; width:115px ; text-align:center; color:#a4404b;}
/* 솔루션 / 03 */
.solution_area03 {position:relative;  margin:0 auto; width:100%; text-align: center; font-weight:600}
.solution_area03 ul {background:url(../_Image/Solutions/solution_circle03.jpg) no-repeat center 50% ; width:100% ; height:215px ;text-align: center; margin-right:20px}
.solution_area03 ul li p { margin:0 auto ;  padding-top:70px; width:115px ; text-align:center; color:#188273;}
/* 솔루션 / 04 */
.solution_area04 { position:relative;  margin:0 auto; width:100%; text-align: center; font-weight:600}
.solution_area04 ul {background:url(../_Image/Solutions/solution_circle04.jpg) no-repeat center 50% ; width:100% ; height:215px ;text-align: center; margin-right:20px}
.solution_area04 ul li p { margin:0 auto ;  padding-top:75px; width:115px ; text-align:center; color:#a9781c;}
/* 솔루션 / 05 */
.solution_area05 { position:relative;  margin:0 auto; width:100%; text-align: center; font-weight:600;}
.solution_area05 ul {background:url(../_Image/Solutions/solution_circle05.jpg) no-repeat center 50% ; width:100% ; height:196px ;text-align: center; margin-right:15px}
.solution_area05 ul li p { margin:0 auto ;  padding-top:48px; width:115px ; text-align:center; color:#5847a2;}

}
@media all and (max-width:770px) and (min-width:0px) {
#footer_util01 {display:none;}

.cont_header h2 {width: 70%; height: 75px; text-align: left; color: rgb(246, 139, 31); font-size: 20px; font-weight: 600; line-height:75px; float:left;}

/* 솔루션 / 01 */
.solution_area01 {position:relative;  margin:0 auto; width:100%; text-align: center; font-weight:600}
.solution_area01 ul {background:url(../_Image/Solutions/solution_circle01.jpg) no-repeat center 50% ; width:100% ; height:215px ;text-align: center; margin-right:20px}
.solution_area01 ul li p { margin:0 auto ;  padding-top:55px; width:115px ; text-align:center; color:#3c6e9d;}
/* 솔루션 / 02 */
.solution_area02 {position:relative;  margin:0 auto; width:100%; text-align: center; font-weight:600}
.solution_area02 ul {background:url(../_Image/Solutions/solution_circle02.jpg) no-repeat center 50% ; width:100% ; height:215px ;text-align: center; margin-right:20px}
.solution_area02 ul li p { margin:0 auto ;  padding-top:53px; width:115px ; text-align:center; color:#a4404b;}
/* 솔루션 / 03 */
.solution_area03 {position:relative;  margin:0 auto; width:100%; text-align: center; font-weight:600}
.solution_area03 ul {background:url(../_Image/Solutions/solution_circle03.jpg) no-repeat center 50% ; width:100% ; height:215px ;text-align: center; margin-right:20px}
.solution_area03 ul li p { margin:0 auto ;  padding-top:70px; width:115px ; text-align:center; color:#188273;}
/* 솔루션 / 04 */
.solution_area04 { position:relative;  margin:0 auto; width:100%; text-align: center; font-weight:600}
.solution_area04 ul {background:url(../_Image/Solutions/solution_circle04.jpg) no-repeat center 50% ; width:100% ; height:215px ;text-align: center; margin-right:20px}
.solution_area04 ul li p { margin:0 auto ;  padding-top:75px; width:115px ; text-align:center; color:#a9781c;}
/* 솔루션 / 05 */
.solution_area05 { position:relative;  margin:0 auto; width:100%; text-align: center; font-weight:600;}
.solution_area05 ul {background:url(../_Image/Solutions/solution_circle05.jpg) no-repeat center 50% ; width:100% ; height:196px ;text-align: center; margin-right:15px}
.solution_area05 ul li p { margin:0 auto ;  padding-top:48px; width:115px ; text-align:center; color:#5847a2;}


}
@media all and (max-width:3000px) and (min-width:770px) {
#footer_util01 {display:block;}
}

@media all and (max-width:980px) and (min-width:530px) {
.cont_box {margin-right: 0px;}
#header {display: block;}
.cont_header h2 {height: 75px; text-align: left;}
.cont_header p.cm {height: 75px; text-align: right;}
.paging a { margin:0;}
.paging a.prev { margin-right:1%; }
.paging a.next { margin-left:1%; }	
#footers .footer_util ul {padding-left:30px;}
#footers .copy_text ul {padding-left:30px;}
#footers .copy_banner ul {padding-left:30px;}


/* 솔루션 / 01 */
.solution_area01 {position:relative;  margin:0 auto; width:100%; text-align: center; font-weight:600}
.solution_area01 ul {background:url(../_Image/Solutions/solution_circle01.jpg) no-repeat center 50% ; width:100% ; height:215px ;text-align: center; margin-right:20px}
.solution_area01 ul li p { margin:0 auto ;  padding-top:55px; width:115px ; text-align:center; color:#3c6e9d;}
/* 솔루션 / 02 */
.solution_area02 {position:relative;  margin:0 auto; width:100%; text-align: center; font-weight:600}
.solution_area02 ul {background:url(../_Image/Solutions/solution_circle02.jpg) no-repeat center 50% ; width:100% ; height:215px ;text-align: center; margin-right:20px}
.solution_area02 ul li p { margin:0 auto ;  padding-top:53px; width:115px ; text-align:center; color:#a4404b;}
/* 솔루션 / 03 */
.solution_area03 {position:relative;  margin:0 auto; width:100%; text-align: center; font-weight:600}
.solution_area03 ul {background:url(../_Image/Solutions/solution_circle03.jpg) no-repeat center 50% ; width:100% ; height:215px ;text-align: center; margin-right:20px}
.solution_area03 ul li p { margin:0 auto ;  padding-top:70px; width:115px ; text-align:center; color:#188273;}
/* 솔루션 / 04 */
.solution_area04 { position:relative;  margin:0 auto; width:100%; text-align: center; font-weight:600}
.solution_area04 ul {background:url(../_Image/Solutions/solution_circle04.jpg) no-repeat center 50% ; width:100% ; height:215px ;text-align: center; margin-right:20px}
.solution_area04 ul li p { margin:0 auto ;  padding-top:75px; width:115px ; text-align:center; color:#a9781c;}
/* 솔루션 / 05 */
.solution_area05 { position:relative;  margin:0 auto; width:100%; text-align: center; font-weight:600;}
.solution_area05 ul {background:url(../_Image/Solutions/solution_circle05.jpg) no-repeat center 50% ; width:100% ; height:196px ;text-align: center; margin-right:15px}
.solution_area05 ul li p { margin:0 auto ;  padding-top:48px; width:115px ; text-align:center; color:#5847a2;}

}

@media all and (max-width:3000px) and (min-width:980px)
{
.cont_box {margin-right: 0px;}
#footers .footer_util ul {padding-left:30px;}
#footers .copy_text ul {padding-left:30px;}
#footers .copy_banner ul {padding-left:30px;}
}





