﻿@charset "utf-8";
/* CSS Document */

/*컨텐츠*/

#body {float:left; width:90%; padding:5%; background:#ffffff; border-left:1px solid #e5e5e5; min-height:800px; }
.bgimg04 { background:url(../_Image/customer/img.jpg) no-repeat 93% 1%}
*:first-child+html .bgimg04 { background:url(../_Image/customer/img.jpg) no-repeat 93% 7%}

			
/*컨텐츠 타이틀 및 페이지 경로*/
#body_head {width:100%; margin-bottom:20px; overflow:hidden}
#body_head h1 {font-size:28px; color:#222222; font-weight:500; line-height:35px; margin:10px 0 0 0; padding:8px 0;   }
*:first-child+html #body_head h1 {font-size:28px; color:#444444; font-weight:600; line-height:35px; margin:15px 0 0 0; padding:8px 0; }
#body_head .location {clear:both ; float:left;width:100%;  font-size:13px; color:#bbb; font-weight:600; padding-bottom:30px}
*:first-child+html #body_head .location { padding-top:20px; padding-bottom:20px}
#body_head .location dt {float:left; margin:0; text-indent:-10000px}
#body_head .location dd { display:inline; color:#bbb; height:17px; padding:0 15px 0 0}


.loc_wrap {padding-bottom:30px}
.loc_wrap li {float:left; display:inline-block; background:url(../_Image/common/bu_loc.png) no-repeat 0 50%; padding:0 7px 0 10px;}
.loc_wrap li.home {background:url(''); margin-top:-1px;}
.loc_wrap li a {font-size:13px; color:#bbb; text-decoration:none;}
.loc_wrap li a:hover {font-size:13px; color:#bbb; text-decoration:none;}
.loc_wrap li span {font-size:13px; color:#bbb; font-weight:500;}
				
#content {clear:both; width:100%; float:left; min-height:500px;}
#content:after { content:''; display:block ; clear:both }



/*인사말*/
#company {width:100%; background:url(../_Image/company/company01_01.jpg) no-repeat right top}
.s_tit_blue { font-size:30px; color:#1d4ca1; font-weight:500; line-height:44px;}
.s_tit_bl { font-size:17px; color:#444444; font-weight:500; line-height:26px; padding :20px 0}

.aeo_type{overflow:hidden;background-color:#fff; font-size:12px}
.aeo_type dt{padding:5px 0;font-size:14px}
.aeo_type dt.tit{margin-left:275px;}
.aeo_type dd.photo{display:inline;float:left;margin:-30px 20px 0 0;color:#fff;text-align:center}
.aeo_type dd{line-height:16px;padding:10px 0;}
.aeo_type dd img{border:none}


/* history */
#content .history { width:100%; overflow:hidden; font-size:13px; line-height:21px; background:url(../_Image/company/company02_01.jpg) no-repeat right top}
#content .history dl { width:100%; overflow:hidden; margin-bottom:40px; text-align: left}
#content .history dt { font-weight:600; color: rgb(65, 103, 181); padding-top:20px; padding-bottom:10px; font-size:15px; }
#content .history dd { word-break:keep-all}

/* 조직도 */
.organization { width:100%; padding-bottom:50px}
.organization p { width:100% ; /*text-align:center;*/ margin:0 auto}
.organization p img { text-align:center; margin:0 auto;}
.organization .title { width:100% ; text-align:center; margin:0 auto; font-size:22px; font-weight:500; color:#000; margin-bottom:20px}
.organization .title_sub { width:100% ; text-align:center; margin:0 auto; font-size:20px; font-weight:500; color:#4881d0; margin-bottom:20px}
.organization .point01 { width:100% ; text-align:center; margin:0 auto; font-size:26px; font-weight:500; color:#fc6719; margin-bottom:20px}

.motto {font-size:17px; font-weight:500; color:#000; text-align:left !important}
.motto span {font-size:17px; font-weight:500;}

/* 약도 */
.mapimg { width: 100%; height:450px; border:1px solid #e1e1e1; text-align:center ; margin-bottom:30px}
.map ul li {padding-left:21px; margin-bottom:5px; line-height:20px; color:#33343b; font-size:15px; font-weight:500;}
.map ul li p {font-weight:normal; font-size:13px; padding-bottom:15px}

/* 고객센터_전화상담안내 */
.telbox { clear:both; width: 99%; border:3px solid #e1e1e1; text-align:center ; margin-bottom:30px}
.telbox .tel{  color:#253992; font-size:17px; 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%}

/*업무안내*/
#business {float:left; width:100%; }
#business #imgnone {float:left; width:100%; background:none}
/*업무안내 테이블*/
.table_1 {width: 100%;border-top-color: #5a4f4a ; border-bottom-color: #acacac; border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;}
.table_1 th {padding: 10px 10px; background:#ebebeb; color:#333; font-weight:500;border:1px solid #d8d8d8; text-align:center}
.table_1 td {padding: 10px 10px; /*text-align: left;*/ color:#333; border:1px solid #d8d8d8}

.eco {width:100%; overflow:hidden;}
.eco strong { font-weight:500; color: #000;}
.eco p {padding-left: 18px; margin-bottom:20px;}
.eco ul, .eco dl {padding-left: 18px; margin-bottom:20px;}
.eco dt {color: #160b0b; font-size: 15px; font-weight: 500; margin: 5px 0px;}

.popup_close { background-color: #f5f5f5; padding: .5rem 1rem}
.popup_close a { float: right; font-weight:bold;}
.pop_title { display: none; color: #242427; font-size: 2.4rem; margin-bottom: 2.5rem }
.pop_close { display: none; position: absolute; right: 3rem; top: 3rem; font-size: 2.5rem; color: #242427 }

/* 바로가기 아이콘형,텍스트형(설명글) */
.uilnk.type1 .box_col .col b{display:block;margin:0px 0 10px;color:#333;font-size:17px;text-align:center;font-weight:500;}
.uilnk.type1 .box_col .col p{margin: 0;text-align: center;}
.uilnk.type1 .box_col .col .btnwrap{margin-top: 10px;text-align: center;}
/* 바로가기 */
.uilnk{overflow:hidden;position:relative;}
.uilnk:after,
.uilnk .box_col:after{content:"";clear:both;display:block;visibility:hidden}
.uilnk .box_col .col{display:inline-block;float:left;}
.uilnk .box_col .col .item{width:86%;margin:0 auto;margin-bottom:10px;padding:20px 10px 30px;border:1px solid #d9d9d9;background:#ffffff}
.uilnk .box_col .col .item .tp_icon{margin: 0 auto 20px;}
.uilnk .box_col.col1 .col{display:block;float:none;width:100%;}
.uilnk .box_col.col1 .col .item{width:100%}
.uilnk .box_col.col2{margin-left:-1.25%;}
.uilnk .box_col.col2 .col{width:50%;}
.uilnk .box_col.col3{margin-left:-0.8%;}
.uilnk .box_col.col3 .col{width:33.33%;}
.uilnk .box_col.col4{margin-left:-0.6%;}
.uilnk .box_col.col4 .col{width:25%;}
/* 탑박스 아이콘 */
.tp_icon{display:block;overflow:hidden;width:110px;height:110px;background:url(../_Image/common/tp_icon.png) no-repeat;}
.tp_icon.circle1{background-position:0 0;}
.tp_icon.circle2{background-position:-110px 0;}
.tp_icon.circle3{background-position:-220px 0;}
.tp_icon.circle4{background-position:-330px 0;}
.tp_icon .icon{display:block;overflow:hidden;width:110px;height:110px;background:url(../_Image/common/tp_icon.png) no-repeat;}
.tp_icon .icon1{background-position:0 -110px;}
.tp_icon .icon2{background-position:-110px -110px;}
.tp_icon .icon3{background-position:-220px -110px;}
.tp_icon .icon4{background-position:-330px -110px;}
.tp_icon .icon5{background-position:-440px -110px;}
.tp_icon .icon6{background-position:-550px -110px;}
.tp_icon .icon7{background-position:0 -220px;}
.tp_icon .icon8{background-position:-110px -220px;}
.tp_icon .icon9{background-position:-220px -220px;}
.tp_icon .icon10{background-position:-330px -220px;}
.tp_icon .icon11{background-position:-440px -220px;}
.tp_icon .icon12{background-position:-550px -220px;}
.tp_icon .icon13{background-position:0 -330px;}
.tp_icon .icon14{background-position:-110px -330px;}
.tp_icon .icon15{background-position:-220px -330px;}
.tp_icon .icon16{background-position:-330px -330px;}
.tp_icon .icon17{background-position:-440px -330px;}
.tp_icon .icon18{background-position:-550px -330px;}
/* button */
.btn0{display:inline-block;position:relative;padding:7px 35px 7px 35px;border:none;background:none;border:1px solid transparent;font-size:14px;font-weight:400;line-height:1.42857143;vertical-align:middle;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;}
.btn0 *{vertical-align:middle}
.btn0:after{content:'';position:absolute;z-index:-1;transition:all 0.3s;}
.btn0:before{position:relative;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;line-height:1;}
.btn0,
.btn0:link,
.btn0:visited{background-color:#06378e;color:#fff;}
.btn0:hover,
.btn0:focus,
.btn0:active{background-color:#fff;border-color:#06378e;color: #06378e;}
.btn0.default,
.btn0.default:link,
.btn0.default:visited{background-color:#63676d;}
.btn0.default:hover,
.btn0.default:focus,
.btn0.default:active{background-color:#fff;border-color:#63676d;color:#63676d;}

/*게시판 검색*/
.searchPolicy {min-height:27px; margin-bottom:15px; overflow:hidden; text-align:center;}
.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 {padding: 4px 5px; height: 27px; margin-right:5px; vertical-align:top }
.searchPolicy .inText {position:relative; left:0; display:inline-block; width:250px; height:22px; line-height:1; padding-top:3px; border:1px solid #e5e5e5; background:#fff}
.searchPolicy .inText input[type="text"] {width:180px; padding:0; border:0; height:16px; line-height:16px; vertical-align:baseline; background:#fff}
.ie10 .searchPolicy .inText input[type="text"] {width:180px; padding:0; border:0;}
.searchPolicy .inText .btnSch {position:absolute; top:-1px; right:-1px;}
.ie7 .searchPolicy .inText input[type="text"] {text-indent:10px;}
.searchPolicy input {padding: 0px; border:none}
.searchPolicy button {float: left;}
.searchPolicy .input_text {padding: 0px 2px; width: 77%; height: 21px; line-height: 22px; margin-right: 5px;}
.searchPolicy .result {float:left; line-height:240%; margin-right:5px;}
.searchPolicy .result strong {color:#bd2f3c;}
.searchPolicy .search {float:right;}


.searchPolicy1 {margin-bottom:15px; padding:20px; border:1px solid #d8d8d8; background:#fcfcfc;}
.searchPolicy1::after {clear: both; display: block; content: "";}
.searchPolicy1 .alignL {float: left;}
.searchPolicy1 .alignL .marR10 {margin-right: 10px; float: left;}
.searchPolicy1 .alignR {float: right;}
.searchPolicy1 select {padding: 0px; height: 24px; margin-right:5px; vertical-align:top }
.searchPolicy1 input[type="text"] {width:180px; padding:0; border:1px solid #e5e5e5; height:22px; line-height:22px; vertical-align:baseline; background:#fff}
.ie10 .searchPolicy1 .inText input[type="text"] {width:180px; padding:0; border:0;}
.searchPolicy1 .inText .btnSch {position:absolute; top:-1px; right:-1px;}
.ie7 .searchPolicy1 .inText input[type="text"] {text-indent:10px;}
.searchPolicy1 input {padding: 0px; border:none}
.searchPolicy1 button {float: left;}
.searchPolicy1 .input_text {padding: 0px 2px; width: 77%; height: 21px; line-height: 22px; margin-right: 5px;}
.searchPolicy1 .result {float:left; line-height:240%; margin-right:5px;}
.searchPolicy1 .result strong {color:#bd2f3c;}
.searchPolicy1 .search {float:right;}




.btnSch {display:inline-block; min-width:60px; height:27px; background:rgba(115,115,115,1); border-radius:0 !important; padding-bottom:3px; background:#737373; color:#fff; font-size:12px; vertical-align:middle; text-align:center;}
input.btnSch {padding:0 19px 4px !important;}
input.btnSch.gray {border:1px solid #d2d2d2 !important; background:#f0f0f0 !important; color:#4d4d4d;}
.ie7 .btnSch, .ie8 .btnSch {padding-bottom:1px !important;}
.ie7 input.btnSch, .ie8 input.btnSch {padding:0 2px 1px !important;}
.ie9 input.btnSch, .ie10 input.btnSch, .ie11 input.btnSch {padding:1px 19px 3px !important;}
/*@-moz-document url-prefix() input.btnSch {padding-right:16px !important; padding-left:16px !important;}*/

.scroll {overflow:auto; width:100%;}
/*게시판 목록*/
.tableList {width: 100%;}
.tableList thead th {padding: 8px 5px; text-align: center; color: #343434; border-top:2px solid #585858; border-bottom:1px solid #a0a0a0  ; font-weight:600; white-space:nowrap;}
.tableList tbody {border-bottom:1px solid #a0a0a0;}
.tableList .left {border-left:3px solid #52a1db}
.tableList .right {border-right:3px solid #52a1db}
.tableList td {padding: 10px 5px; color: rgb(78, 84, 90); border-bottom-color: rgb(216, 216, 216); border-bottom-width: 1px; border-bottom-style: solid; white-space:nowrap;}
.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;}
.tableList .alignR {text-align: right;}
.tableList .alignC {text-align: center;}

/*게시판 보기*/
.tableView {width: 100%;}
.tableView thead th {padding: 8px 0px; padding-left:5px; text-align: left; color: #343434; border-top:2px solid #585858; border-bottom:1px solid #a0a0a0  ; font-weight:500}
.tableView tbody th .title {margin-right: 3px; color: #343434; padding-left:0px; font-weight:500;}
.tableView tbody td .title {margin-right: 3px; color: #343434; padding-left:0px; font-weight:500;}
.tableView tbody td {padding: 8px 5px; 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: 30px 10px 30px 10px; 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 10px !important;}
.tableView tbody td.viewContents p {padding-bottom:0px}
.tableView tbody td.file {padding: 8px 0px 8px 5px; 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); margin-right: 14px;}
.tableView td.viewContents .comment {text-align: left; color: rgb(146, 152, 156); margin-top: 5px;}
.tableView td img {width: 100%;}

/*게시판 쓰기*/
.tableEdit {width: 100%; border-top:2px solid #585858;}
.tableEdit thead th {padding: 8px 0px; color: #000000; text-align:left; border-bottom:1px solid #a0a0a0; font-weight:500}
.tableEdit tbody td {padding: 8px 0px; font-size: 14px; border-bottom-color: rgb(216, 216, 216); border-bottom-width: 1px; border-bottom-style: solid;}
.tableEdit .title {width:30%; color: #343434; font-weight:500; float:left; line-height:28px; padding-left:10px;}
.tableEdit .edit {width:66%; color: #343434; float:left; line-height:28px;}


/*게시판 페이징*/
.paging {text-align: center; line-height: 17px; margin-top: 30px;}
.paging a {font-size: 12px; background:#e7e5e5; width:28px; height:28px; line-height:26px; margin:0 -1px; text-align: center; color: #4d4d4d; font-weight:500; display: inline-block; vertical-align:middle;}
.paging strong {font-size: 12px; background:#737373; width:28px; height:28px; line-height:26px; margin:0 -1px; text-align: center; color: #ffffff; font-weight:500; display: inline-block;}
.paging a span {text-indent: -999em; display: inline-block;}
.paging a.first {padding: 0px; border: 0px currentColor; width:28px; height:28px;}
.paging a.last {padding: 0px; border: 0px currentColor; width:28px; height:28px;}
.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:28px; height:28px;}
.paging a.next {padding: 0px; border: 0px currentColor; width:28px; height:28px;}
.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;}

/*버튼*/
.btn {  text-align: right; padding-top: 20px; padding-bottom:10px}

/*로그인*/
.login_outer { margin:0 auto; width:80%; height:230px; padding:10%; border:1px solid #e7e7e7;}
.login_outer legend {display:none}
.login_outer h3 { position:relative; margin:0px 0px 20px 0px; text-align:center; font-size:12px; padding:0px;}
.login_outer fieldset {position:relative; margin:0 auto; width:100%; background:#fff; border:0px solid #e7e7e7; }
.login_outer .login {float:left; width:100%;}
.login_outer .login label {font-weight:bold;}
.login_outer .login dt, .login_outer .login dd {float:left; padding-bottom:10px;line-height:28px;}
.login_outer .login dt {width:20%; font-size:14px;}
.login_outer .login dd {width:80%;}
.login_outer .inputText {background:#ececec; border:1px solid #bfbfbf; height: 28px; line-height:28px; padding:0px; font-size:14px;}
.login_outer .focus {border:1px solid #2a3333;}
.login_outer .focusnot {border:1px solid #cccccc;}
.login_outer .checkbox {padding-left:20%; padding-bottom:10px;}
.login_outer .login_bt {padding-left:20%; clear:both}
.login_outer span {float:left; } 
.login_outer .login_info {position:relative; font-size:14px; padding-top:10px; padding-left:20%;}
.login_outer .login_info a {color:#4881d0; text-decoration:underline;}

.login_outer .login_bt a{ color:#fff}
.btn_com  {text-decoration:none; text-indent:0px; line-height:30px; border-radius:4px; text-align:center; vertical-align:middle;	display:inline-block; font-size:14px; font-weight:600; background:#6399d9; color:#fff; padding:5px 20px; margin:4px; border:1px solid #4480c7;}
.btn_com:hover  {text-decoration:none; background:#4480c7; padding:5px 20px; margin:4px; color:#fff;}
.btn_com:active  {text-decoration:none; padding:5px 20px; margin:4px; color:#fff;}
.btn_com:focus  {text-decoration:none;  padding:5px 20px; margin:4px; color:#fff;}
.btn_com:visited {text-decoration:none;  padding:5px 20px; margin:4px; color:#fff;}

.body_text1 { font-size:13px; color:#333; line-height:22px; text-align:left !important}
/* UI Object */
.lst_type{width:90%;padding:20px; margin:20px 0px; border:1px solid #e5e5e5;list-style:none}
.lst_type li{margin-bottom:5px;padding-left:30px;font-size:13px;font-weight:normal;line-height:20px;vertical-align:top}
.lst_type li span{display:block;float:left;width:30px;margin:0 0 0 -30px;color:#f05a22;font-weight:bold}
/* //UI Object */
/* 경영진소개 */
.officer_group { }
.officer_group ul { }
.officer_group ul li { border:1px solid #d8d8d8; border-radius:20px; overflow:hidden; width:48.5%; float:left; box-sizing:border-box; margin-bottom:3%; }
.officer_group ul li.alt { float:right; }
/*.officer_group ul li:first-child { width:100%; }*/
.officer_group ul li .og_top { width:100%; line-height:30px; height:30px; text-align:center; background:#4c82c3; color:#fff; font-weight:400; font-size:16px; }
.officer_group ul li .og_top.alt { background:#0c8b8c; }

.officer_group ul li .og_cont { padding:20px 0; float:left; }

.officer_group ul li .og_pic { float:left; width:250px; }
.officer_group ul li .og_pic dl {padding-left:15px;}
.officer_group ul li .og_pic dt {float:left; font-weight:bold; padding-right:5px;}
.officer_group ul li .og_pic dd { font-size:13px;}
.officer_group ul li .og_pic .og_img { display:block; position:relative; text-align:center; width:115px; height:140px; margin:0 auto; margin-top:10px;margin-bottom:30px; }
.officer_group ul li .og_pic .alt { width:57px; height:58px; background:url(/kor/images/content/officer_dot2.png) 0 0 no-repeat; display:block; position:absolute; top:85px; left:80px; z-index:1; }

.officer_group ul li .og_pic p { color:#333; font-size:14px; text-align:center; line-height:20px; }
.officer_group ul li .og_pic p b { font-size:18px; display:block; }
.officer_group ul li .og_history { float:left; width:200px; border-left:1px solid #c8cacc; height:250px; }
.officer_group ul li .og_history.over {height:500px;}

.officer_group ul li .og_history dl { padding-left:10px; }
.officer_group ul li .og_history dt { font-size:13px; color:#3b6cca; font-weight:bold; background:url(/kor/images/content/mini_dot.gif) 0 9px no-repeat;  margin-top:6px;}
.officer_group ul li .og_history dd { font-size:13px; color:#555; }



.orgCenters .tit a {color:#fff;}
.centerTeams {background:#fff; padding:15px 20px; text-align:left;}
.centerTeams li {line-height:22px; color:#555; letter-spacing:-0.03em;}
.orgCenters.type2 {margin:20px 0px; overflow:hidden}
.orgCenters.type2 > li {width:300px; margin-right:15px; margin-bottom:15px; float:left}
.orgCenters.type2 .tit {width:300px; font-size:16px; background:#1358a5; color:#fff; font-weight:500; text-align:center; padding:15px 0px}
.orgCenters.type2 .c2 .tit {background:#49c3bf; border-radius: 20px 20px 0 0;}
.orgCenters.type2 .centerTeams {height:100px; font-size:14px;border:1px solid #ddd;}
.orgCenters.type2 .centerTeams li {font-size:14px;}

.orgCenters.type3 {margin:20px 0px; overflow:hidden}
.orgCenters.type3 > li {width:100%; margin-right:15px; margin-bottom:15px; float:left}
.orgCenters.type3 .tit {width:100%; font-size:18px; background:#1358a5; color:#fff; font-weight:500; text-align:center; padding:20px 0px}
.orgCenters.type3 .tit_txt {border-left:1px solid #dadada; border-right:1px solid #dadada; font-size:15px; line-height:24px; font-weight:500; color:#333333; padding:15px 20px;}
.orgCenters.type3 .c2 .tit {background:#192c56;}
.orgCenters.type3 .centerTeams {font-size:14px;  border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.orgCenters.type3 .centerTeams li {font-size:14px; line-height:34px;}


.mr0  {margin-right: 0px !important; }

/* UI Object */
.lst_type1{overflow:hidden;width:100%;padding:0 10px 10px;}
.lst_type1 li{overflow:hidden;clear:both;margin:10px 0 0;color:#2d2c2d;line-height:24px;list-style:none}
.lst_type1 li img{display:inline;float:left;margin:0 10px 0 0;border:none}
.lst_type1 li a{color:#2d2c2d;text-decoration:none}
.lst_type1 li a:hover{text-decoration:underline}
/* //UI Object */
/* //UI Object */
.businessList ul {overflow:hidden;border-top:1px solid #d9d9d9;}
.businessList ul li {float:left;width:48.5%;margin-left:3%;margin-bottom:10px;}
.businessList ul li:first-child, .businessList li.sector3 {margin-left:0;}
.businessList ul li a {display:block;}
.businessList ul li img {display:block;width:100%;}
.businessList ul.imgType02 {}
.businessList ul.imgType02 li {width:50%;margin:0;box-sizing:border-box;}
.businessList ul.imgType02 li a {padding:40px 0;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;box-sizing:border-box;text-align:center;color:#222;font-size:16px;}
.businessList ul.imgType02 li:nth-child(1) {background:url(../_Image/service/service_icon01.png) no-repeat center 30px}
.businessList ul.imgType02 li:nth-child(2) {background:url(../_Image/service/service_icon02.png) no-repeat center 30px}
.businessList ul.imgType02 li:nth-child(3) {background:url(../_Image/service/service_icon03.png) no-repeat center 30px}
.businessList ul.imgType02 li:nth-child(4) {background:url(../_Image/service/service_icon04.png) no-repeat center 30px}
.businessList ul.imgType02 li:nth-child(5) {background:url(../_Image/service/service_icon05.png) no-repeat center 30px}
.businessList ul.imgType02 li:nth-child(6) {background:url(../_Image/service/service_icon06.png) no-repeat center 30px}
.businessList ul.imgType02 li:nth-child(7) {background:url(../_Image/service/service_icon07.png) no-repeat center 30px}
.businessList ul.imgType02 li:nth-child(8) {background:url(../_Image/service/service_icon08.png) no-repeat center 30px}

.businessList ul.imgType02 li a:hover {background-color:#205e9f;color:#fff;}
.businessList ul.imgType02 li a span:hover {background-color:#205e9f;color:#fff;}
.businessList ul.imgType02 li a span {display:block;margin-top:14px;color:#555;text-decoration:underline;}
.businessList ul.imgType02 li.sector1 a, .businessList ul.imgType02 li.sector3 a {border-left:1px solid #d9d9d9;}

.vision-tit {background:#e8e8e8; border-radius:50px; color:#2a2f7c; font-size:20px; font-weight:600; padding:35px; text-align:center; margin-top:20px; margin-bottom:40px;}
.vision-tit span {background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 65%, rgba(255,203,8,1) 65%, rgba(255,203,8,1) 100%); color:#222; font-size:20px; font-weight:600; text-align:center;}

@media screen and (min-width:768px) {
.businessList ul.imgType02 li {width:25%;}
.businessList ul.imgType02 li a {padding:70px 0 40px 0;font-size:17px;}
.businessList ul.imgType02 li a span {margin-top:10px;font-size:1.6em;}
.businessList ul.imgType02 li.sector3 {margin-left:0;}
.businessList ul.imgType02 li.sector3 a {border-left:0;}

}
@media all and (max-width:1260px) and (min-width:850px) {

#company {float:left; width:100%; background: none}
/*경영방침*/
#content .history {float:left; width:100%; background:none}
.organization p img { width:100%; height:auto; text-align:center; margin:0 auto;}
.eco p img { width:100%; height:auto; text-align:center; margin:0 auto;}

/*업무안내*/
#business {float:left; width:100%; background:none}
.searchPolicy .input_text {padding: 0px 2px; width: 67%; height: 21px; line-height: 22px; margin-right: 5px;}

/*게시판 목록*/
.bgimg04 {background:none}
.uilnk .box_col.col4 .col{width:50%;}
}

@media all and (max-width:850px) and (min-width:530px) {

#body { float:left; width:90%;}
#sidemenu {display:none}	

#company {float:left; width:100%; background: none}
/*경영방침*/
#content .history {float:left; width:100%; background:none}
.organization p img { width:100%; height:auto; text-align:center; margin:0 auto;}
.eco p img { width:100%; height:auto; text-align:center; margin:0 auto;}

/*업무안내*/
#business {float:left; width:100%; background:none}
.searchPolicy .input_text {padding: 0px 2px; width: 57%; height: 21px; line-height: 22px; margin-right: 5px;}
.text22 p img { padding-top:20px; width:100% ; height:auto}
.text22 li img { padding-top:20px; width:100% ; height:auto}
/*게시판 목록*/
.bgimg04 {background:none}

/* 경영진소개 */
.officer_group ul li { width:100%; float:none; margin-bottom:3%; }
.officer_group ul li.alt { float:none; }
.officer_group ul li .og_cont { float:none; width:auto; }
.officer_group ul li .og_pic { float:none; width:94%; margin:0 auto; text-align:center;  border-bottom:1px solid #c8cacc; padding-bottom:20px;  }
.officer_group ul li .og_pic p b { display:inline-block; padding-right:5px; }
.officer_group ul li .og_history { float:none; width:94%; border:none; margin:0 auto; padding-top:12px; height:auto; padding-bottom:10px; }
.officer_group ul li .og_history.over {height:auto; padding:12px 0 10px 0;}
.officer_group ul li .og_history dl { padding:0; margin-bottom:20px; }
.officer_group ul li .og_history.alt dl { float:left; width:50%;  margin-bottom:20px;}
.officer_group ul li .og_history.alt dl dd.alt { height:70px; }

.businessList ul.imgType02 li:nth-child(1) {background: none}
.businessList ul.imgType02 li:nth-child(2) {background: none}
.businessList ul.imgType02 li:nth-child(3) {background: none}
.businessList ul.imgType02 li:nth-child(4) {background: none}
.businessList ul.imgType02 li:nth-child(5) {background: none}
.businessList ul.imgType02 li:nth-child(6) {background: none}
.businessList ul.imgType02 li:nth-child(7) {background: none}
.businessList ul.imgType02 li:nth-child(8) {background: none}
.img_m {width:100%; height:auto;}
.uilnk .box_col.col4 .col{width:50%;}
}

@media all and (max-width:530px) and (min-width:0px) {
#body { float:left; width:96%; padding:0% 2% 10% 2%; min-height: inherit;}
#body_head {margin-bottom:0px;}
#content {min-height: inherit;}
#sidemenu {display:none}
#company {float:left; width:100%; background: none}

.loc_wrap {padding-top:10px; padding-bottom:30px; background:#6399d9}
.loc_wrap li {float:left; display:inline-block; background:url(../_Image/common/bu_loc.png) no-repeat 0 50%; padding:0 7px 0 10px;}
.loc_wrap li.home {background:url(''); margin-top:-1px;}
.loc_wrap li a {font-size:13px; color:#ffffff; text-decoration:none;}
.loc_wrap li a:hover {font-size:13px; color:#ffffff; text-decoration:none;}
.loc_wrap li span {font-size:13px; color:#ffffff; font-weight:bold;}

/*경영방침*/
#content .history {float:left; width:100%; background:none}
.organization {padding-bottom: 0px;}
.organization p img { width:100%; height:auto; text-align:center; margin:0 auto;}
.eco p img { width:100%; height:auto; text-align:center; margin:0 auto;}
/*업무안내*/
#business {float:left; width:100%; background:none}
.s_tit_blue { clear:both; float:left; font-size:20px; color:#1d4ca1; font-weight:500; line-height:34px}
.text22 p img { padding-top:20px; width:100% ; height:auto}
.text22 li img { padding-top:20px; width:100% ; height:auto}

.s_tit_bl {font-size:16px;}

/*게시판 목록*/
.bgimg04 {background:none}
.tableList {width: 100%;}
.tableList .news_no1 {width: 0%; display: none;}
.tableList .product_no1, .tableList .product_no3, .tableList .product_no4, .tableList .product_no5 {width: 0%; display: none;}
.searchPolicy .inText {position:relative; left:0; display:inline-block; width: auto; height:22px; line-height:1; padding-top:3px; border:1px solid #e5e5e5; background:#fff}

.searchPolicy .result { display:none;}
/*버튼*/
.btn {text-align: center; margin : 20px 0;}
.table_org img { width:70px; height:auto; text-align:center; margin:0 auto;}
.busi img { width:100%; height:auto; text-align:center; margin:0 auto;}
.img_m {width:100%; height:auto;}
/* 경영진소개 */
.officer_group ul li { width:100%; float:none; margin-bottom:3%; }
.officer_group ul li.alt { float:none; }
.officer_group ul li .og_cont { float:none; width:auto; }
.officer_group ul li .og_pic { float:none; width:94%; margin:0 auto; text-align:center; border-bottom:1px solid #c8cacc; padding-bottom:20px; }
.officer_group ul li .og_pic p b { display:inline-block; padding-right:5px; }
.officer_group ul li .og_history { float:none; width:94%; border:none; margin:0 auto; padding-top:12px; height:auto; padding-bottom:10px; }
.officer_group ul li .og_history.over {height:auto; padding:12px 0 10px 0;}
.officer_group ul li .og_history dl { padding:0; margin-bottom:20px; }
.officer_group ul li .og_history.alt dl { float:left; width:50%;  margin-bottom:20px;}
.officer_group ul li .og_history.alt dl dd.alt { height:70px; }

.orgCenters.type2 > li {width:100%; margin-right:15px; margin-bottom:15px; float:left}
.orgCenters.type2 .tit {width:100%;font-size:15px; padding-top:15px; display:inline-block}

.businessList ul.imgType02 li:nth-child(1) {background: none}
.businessList ul.imgType02 li:nth-child(2) {background: none}
.businessList ul.imgType02 li:nth-child(3) {background: none}
.businessList ul.imgType02 li:nth-child(4) {background: none}
.businessList ul.imgType02 li:nth-child(5) {background: none}
.businessList ul.imgType02 li:nth-child(6) {background: none}
.businessList ul.imgType02 li:nth-child(7) {background: none}
.businessList ul.imgType02 li:nth-child(8) {background: none}
.uilnk .box_col.col4 .col{width:100%;}
}