@charset "utf-8";

/* ---------- import stylesheets ---------- */
@import url("reset.css");

/* ---------- common ---------- */
html, body {width:100%; height:100%;}
body, input, select, textarea { font-size:12px; font-family: NanumGothic,dotum,"돋움",Gulim; color:#444; background:#FFFFFF;}

a:link {color: #222; text-decoration:none;}
a:active {color: #222; text-decoration:none;}
a:visited {color: #222; text-decoration:none;}
a:hover {color: #2f58a6; text-decoration:none;}

.hidden {font-size:0; height:0; line-height:0; position:absolute; margin:0; padding:0; width:0; visibility:hidden; overflow:hidden;}
.bold {font-weight:bolder;}
caption {font-size:0; height:0; line-height:0; margin:0; padding:0; width:0; visibility:hidden; overflow:hidden;}

input {font-size:12px; vertical-align:middle; font-family:NanumGothic,dotum,"돋움",Gulim; color:#363636;}
input[type=checkbox] {background:none;}
input[type=file] {width:90%; height:25px;}
input[type=radio] {margin-top:-1px; vertical-align:top;}
.input_style1 {height:16px; line-height:14px; border:1px solid #ccc; padding:3px 5px 1px 5px; vertical-align: middle;}
.input_style2 {height:16px; line-height:14px; border:1px solid #ccc; padding:3px 5px 1px 5px; vertical-align: middle;}
select {vertical-align:middle; border:1px solid #ccc; font-size:12px; color:#363636;height:20px; }
select option {vertical-align:middle;}
textarea {font-size:12px; font-family:NanumGothic,dotum,"돋움",Gulim; color:#363636; border:1px solid #ccc; padding: 5px; line-height:18px; resize:none; }
textarea[readonly=readonly] {background:#ebebeb;}
.ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.blue {color:#006fbc;}
.red {color:#FF0000;}
.orange {color:#eb6100;}
.disabled {color:#898989;}
hr { color:#d2d2d2; border-width:1px; border-style: inset;}
.nopadding {padding:0;}

.text_alignC {text-align:center !important;}
.text_alignL {text-align:left !important;}
.text_alignR {text-align:right !important;}

.W100 {width:100%;}
.W90 {width:90%;}
.W80 {width:80%;}
.W75 {width:75%;}
.W70 {width:70%;}
.W50 {width:50%;}

.w40 {width:40px !important;}
.w42 {width:42px !important;}
.w54 {width:54px !important;}
.w50 {width:50px;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px;}
.w90 {width:90px !important;}
.w99 {width:99px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w220 {width:220px !important;}
.w250 {width:250px;}
.w280 {width:280px;}
.w400 {width:400px;}
.w410 {width:410px;}
.w450 {width:450px;}
.w480 {width:480px;}
.w500 {width:500px;}
.w650 {width:650px;}


.MT10 {margin-top:10px;}
.MT20 {margin-top:20px;}
.MT40 {margin-top:40px;}
.ML20 {margin-left:20px;}
.MR0 {margin-right:0 !important;}
.MR5 {margin-right:5px;}
.MB40 {margin-bottom:40px !important;}

.h10 {clear:both; height:10px;}
.h30 {clear:both; height:30px;}

/* ---------- layout ---------- */
#wrap {min-width:320px; max-width:100%;}


/* ---------- carousel ---------- */
.carousel {
	height: 340px;
	margin-top:20px;
	margin-bottom: 30px !important;
	border-top:2px solid #2f58a6;
}

.carousel-inner > .item > img {
	display:block;
	max-width: 100%;
	height: auto;
}

.carousel-inner .carousel-caption {
	width:20%;
	left:25%;
	top:10%;
	/*background-color: rgba(0,0,0,0.5) !important;*/
}

.navbar-brand {
    margin-top:3px;
  }	
.title_wrap {	}
.title_wrap p.logo {width:100%; border-bottom:1px solid #898989; padding-bottom:12px;}
.title_wrap p.logo span {display:inline-block; text-align:left; font-size:1.6em; color:#7d7d7d; text-shadow:none; padding-left:20px; margin-top:-5px; line-height:1.2em;}
.title_wrap p.logo img {width:auto; height:auto; margin-bottom:-4px;}
.title_wrap p.title {font-size:3em; font-weight:bold; color:#3058a6; text-shadow:none; padding-top:12px;}
.title_wrap p.title span {font-size:0.7em; font-weight:bold; color:#3058a6; text-shadow:none;}
.comment {font-size:1.2em; color:#555; text-shadow:none; text-align:left; margin-top:25px; line-height:1.6em;}
.comment span {display:block; width:100%; font-size:1.5em !important; font-weight:bold; color:#464646; text-shadow:none; width:100%; margin-bottom:10px; letter-spacing: -0.5px; }

.slide1 {display:inline-block; width:100%; height:340px; background:url("../images/slide1_1.jpg") no-repeat center;}
.slide2 {display:inline-block; width:100%; height:340px; background:url("../images/slide2_1.jpg") no-repeat center;}
.slide3 {display:inline-block; width:100%; height:340px; background:url("../images/slide3_1.jpg") no-repeat center;}
.slide4 {display:inline-block; width:100%; height:340px; background:url("../images/slide4_1.jpg") no-repeat center;}
.slide5 {display:inline-block; width:100%; height:340px; background:url("../images/slide5_1.jpg") no-repeat center;}

/* ---------- main contents ---------- */
.box > div {float:left; width:235px; height:272px; border:1px solid #e2e2e2; padding:15px; margin-right:20px; margin-bottom:30px;}
.box > div:first-child {padding:0;}			
.box > div:nth-child(2) {padding:0;}			
.box > div:last-child {margin-right:0;} 
.box > .space {width:100%; height: 1px; background: #fff; padding: 0; margin:0; border:none; }
.banner {width:auto; height:auto;}
.banner .title1 {float:left; width:100%; height:auto; vertical-align:top; position: absolute; z-index:100; text-align:center; font-size:16px; font-weight:bolder; line-height:25px; margin-top:-255px;}
.box .work_table{width: 100%; max-width: 470px;}
a.banner01:link, a.banner01:active, a.banner01:visited, a.banner01:hover {display:inline-block; width:100%; height:270px; background:url("../images/banner01.jpg") no-repeat center; background-size: cover;}
a.banner02:link, a.banner02:active, a.banner02:visited, a.banner02:hover {display:inline-block; width:100%; height:270px; background:url("../images/banner02.jpg") no-repeat center; background-size: cover;}
.box p {font-size:12px; line-height:20px; overflow:hidden; height:60px;}

.btn_num {float:right; text-align:right; width:100%; position:absolute; z-index:100; margin-top:-30px; padding-right:10px; }
.btn_num a.num:link, a.num:active, a.num:visited, a.num:hover {display:inline-block; width:20px; height:20px; border-radius: 5px; line-height:20px; text-align:center; font-weight:bolder; background-color: #464646; color:#fff;}
.btn_num .selected {display:inline-block; width:20px; height:20px; border-radius: 5px; line-height:20px; text-align:center; font-weight:bolder; background-color: #fff; color:#464646;}

.btn_more {float:right; margin-top:-27px;}
.business {}
.business li {background:url("../images/bullet_dot.gif") no-repeat center left; padding-left:10px; font-size:12px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

h3 {font-size:16px; font-weight:bolder; margin-bottom:12px;}
h4 {font-size:14px; margin-bottom:8px;}
#language{width: 75px;}
/* ---------- sub contents ---------- */
.page-header h2 {margin:0 auto; max-width:1000px; padding-left:40px; font-weight:bolder; }
.media {float:left; width:100%; padding:30px 0 30px 0; border-bottom:1px solid #e5e8ea; margin:0;}
.media:first-child {padding-top:40px;}
.media-object {margin-right:40px;}
.media-heading {font-size:23px; color:#555; letter-spacing:-0.5px; margin-bottom:10px; margin-top:10px; }
.media-body {width:650px;}
.media-body p {font-size:14px; line-height:24px; margin-bottom:10px; height:95px; overflow:hidden;}
.media-footer {width:100%; height:30px;line-height:30px; }
.media-footer span {float:right;}
.pagination_wrap {float:left; width:100%; margin:0 auto; margin-top:20px; text-align:center; margin-bottom:20px;}

.article-title {margin-top:40px; margin-bottom:40px; padding:30px 0 30px 0; text-align:center; font-size:30px; font-weight:bold; color:#555; background-color:#f6f6f6; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
article {float:left; width:100%;}
article img {text-align:center; margin:0 auto;}
article p {float:left; width:100%; font-size:14px; color:#707070; line-height:28px; text-align:left;}
.article-object {text-align:center; margin-bottom:40px;}
.article-date {float:left; width:100%; font-size:14px; color:#222; padding:20px 0 20px 0; border-bottom:1px solid #d7d7d7; text-align:left;}

.btn_area {float:left; width:100%; margin:20px 0 20px 0; text-align:right;}
.bbs_link {float:left; width:100%; border-top:1px solid #d7d7d7; margin-bottom:40px;}
.bbs_link ul li {height:40px; line-height:40px; border-bottom:1px solid #d7d7d7; font-size:14px;}
.bbs_link ul li span {float:left; display:inline-block; height:40px; line-height:40px; width:20%; text-align:center; font-weight:bolder; border-right:1px solid #d7d7d7;}
.bbs_link ul li a {display:inline-block; height:40px; line-height:40px; padding-left:50px; width:80%; overflow:hidden;}

.container_company {background-color:#fafafa;}
.company {width:auto; margin:0 auto; height:auto; padding-top:40px; padding-bottom:20px; }
.company h3 {max-width:955px; font-size:28px; font-weight:bold; padding-bottom:40px; padding-left:45px; margin:0 auto;}
.company div {height:auto !important; max-height:100% !important; width:43% !important; margin-left:50px; border:none !important; margin-right:0 !important; padding:0 !important;}
.company h4 {font-size:21px; margin-bottom:20px; color:#2f58a6; font-weight:bold; letter-spacing:-0.5px; line-height:32px;}
.company div p {height:auto; max-height:100%;}
.company div span {display:inline-block; font-size:14px; line-height:24px; margin-bottom:20px;}

.container_general_status {background-color:#f5f2eb;}
.general_status {width:auto; margin:0 auto; height:auto; padding-top:40px; padding-bottom:20px; }
.general_status h3 {max-width:955px; font-size:28px; font-weight:bold; padding-bottom:30px; padding-left:45px; margin:0 auto;}
.general_status div {height:auto !important; max-height:100% !important; width:35% !important; margin-left:50px; border:none !important; margin-right:20px !important; padding:0 !important;}
.general_status div:last-child {margin-left:0; width:55% !important; margin-right:0 !important;}
.general_status h4 {font-size:20px; margin-left:30px; margin-bottom:40px; color:#2f58a6; font-weight:bold; line-height:34px; padding:15px; background-color:#e9e6df; color:#464646;}
.general_status h4 span {color:#2e57a6;} 
.general_status table {max-width:570px; width:100%; }
.general_status table th {width:20%; background-color:#f2f2f2; font-size:16px; vertical-align: middle !important; padding-left:20px !important; }
.general_status table td {width:80%; background-color:#fafafa; font-size:16px; vertical-align: middle !important; line-height:26px !important; padding-left:20px !important;}

.container_cvalue {background-color:#e7e7e9;}
.cvalue {width:auto; margin:0 auto; height:auto; padding-top:40px; padding-bottom:40px; }
.cvalue h3 {max-width:955px; font-size:28px; font-weight:bold; padding-bottom:30px; padding-left:45px; margin:0 auto;}
.cvalue h4 {font-size:19px; margin-left:30px; margin-bottom:40px; color:#2f58a6; font-weight:bold; line-height:34px; padding:15px; background-color:#fafafa; color:#464646;}
.cvalue h4 span {color:#2e57a6;}
.cvalue_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:10px; margin-bottom:10px !important; margin-left:100px ; border:none !important; margin-right:0px !important; padding:0 !important;}
.cvalue_detail img {display:inline-block; float:left; width:800px; height:auto; padding-left:0px; }
/*.cvalue .text1 {position:absolute; z-index:100; top:55px; margin-left:100px; text-align:center; font-size:23px; line-height:26px; color:#374e8a; font-weight:bolder;}
.cvalue .text1 span {font-size:17px;}
.cvalue .text2 {position:absolute; z-index:100; top:220px; width:60%; height:100px; margin-left:65px; text-align:center; font-size:14px; font-weight:bolder; line-height:23px; color:#5b70a7;}*/

.container_history {background-color:#f4faf9;}
.history {width:auto; margin:0 auto; height:auto; padding-top:40px; padding-bottom:40px; }
.history h3 {max-width:955px; font-size:28px; font-weight:bold; padding-bottom:30px; padding-left:45px; margin:0 auto;}
.history ul.content {height:auto !important; max-height:100% !important; width:100% !important; margin-left:53px; border:none !important; margin-right:0px !important; padding:0 !important;}
.history ul li {float:left; width:95% !important; }
.history ul li:last-child {margin-bottom:10px;}
.history .year {float:left; display:inline-block; font-size:28px; font-weight:bolder; line-height:36px; width:30%; vertical-align: top; padding-top:10px;}
.history .table {float:right; display:inline-block; max-width:100%; width:600px; margin:0; padding-right:20px;}
.history .table th {width:100px; border-top:none; border-bottom:1px solid #dadee1; font-size:14px; font-weight:bolder; line-height:28px; padding:15px 0 15px 0;}
.history .table td {width:500px; border-top:none; border-bottom:1px solid #dadee1; font-size:14px; line-height:28px; padding:15px 0 15px 0;}
 
.container_partner {background-color:#fff;}
.partner {width:auto; margin:0 auto; height:auto; padding-top:40px; padding-bottom:40px; }
.partner h3 {max-width:955px; font-size:28px; font-weight:bold; padding-bottom:30px; padding-left:45px; margin:0 auto;}
.partner h4 {font-size:24px; margin-left:30px; margin-bottom:40px; font-weight:bold; line-height:34px; padding:15px; background-color:#f0f3f4; color:#464646;}
.partner h4 span {color:#2e57a6;}
.partner_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:0px; margin-bottom:10px !important; margin-left:40px ; border:none !important; margin-right:0px !important; padding:0 !important;}
.partner_detail ul {float:left; }
.partner_detail ul li {float:left; display:inline-block; border:4px solid #dadee1; margin-bottom:35px; margin-right:25px; padding:15px;}
.partner_detail p {float:left; display:inline-block; font-size:16px; line-height:30px; width:100%; height:100%;}
.partner_detail p a, .partner_detail p span {color:#2e57a6; font-weight:bold;}
 
.container_location {background-color:#eeece5;}
.location {width:auto; margin:0 auto; height:auto; padding-top:40px; padding-bottom:40px; }
.location h3 {max-width:955px; font-size:28px; font-weight:bold; padding-bottom:30px; padding-left:45px; margin:0 auto;}
.location div {float:left; display:inline-block; max-height:100% !important; width:48%; margin-left:0px; border:none !important; margin-right:0px !important; padding:0 !important;}
.location div p {max-width:100%; width:auto; height:auto; margin-left:55px; font-size:16px; padding-right:0px; line-height:30px;}
.location .map {float:left; width:100% !important; height:100%; }
.location .map img { max-width:100%; width:auto; height:auto; border:1px solid #898989;}

.container_people {margin-bottom:0;}
.people {width:auto; margin:0 auto; height:auto; padding-top:40px; padding-bottom:10px;}
.people h3 {max-width:955px; font-size:28px; font-weight:bold; padding-bottom:30px; padding-left:45px; margin:0 auto;}
.people h4 {font-size:24px; margin-left:30px; margin-bottom:30px; color:#fff; font-weight:bold; line-height:34px; padding:15px 25px 15px 25px; background-color:#019fc7; letter-spacing:-0.5px;}
.people div {float:left; display:inline-block; height:270px !important; max-height:100% !important; width:23% !important; margin-left:0px; margin-bottom:0px; border:1px solid #e2e5e7; background-color:#f6f6f6; margin-right:11px !important; padding:20px !important; border-radius:5px;}
.people div:nth-child(odd) {margin-left:30px !important;}
.people div:last-child {margin-left:0 !important;}
.people div p {font-weight:bolder; font-size:18px; height:auto !important; margin-bottom:15px;}
.people div span {line-height:22px; font-size:14px;}

.container_process {margin-bottom:0;}
.process {width:auto; margin:0 auto; height:auto; padding-top:40px; padding-bottom:10px;}
.process h3 {max-width:955px; font-size:28px; font-weight:bold; padding-bottom:30px; padding-left:45px; margin:0 auto;}
.process div {float:left; display:inline-block; text-align:center; height:auto !important; max-height:100% !important; width:100% !important; margin-left:0px; border:none; margin-right:0px !important; padding:0px !important;}
.process_detail {width:100% !important; }
.process_detail img {width:auto; margin-top:40px; text-align:center;}
.process_detail p {width:100%; margin-top:30px; height:20px; }
.process_detail p span {display:inline-block; width:24.5%; font-size:16px; font-weight:bolder; text-align:center;}
.company_application {width:100%; margin:0 auto; text-align:center; margin-top:5px !important;}
a.company_application:link, a.company_application:active, a.company_application:visited, a.company_application:hover {display:inline-block; margin:0 auto; text-align:center; font-weight:bolder; margin-top:20px; width:280px; background-color:#215ca7; color:#fff; font-size:28px; padding:15px; margin-bottom:50px; border-radius:50px;}
.company_application img {vertical-align: bottom; margin-bottom:-16px; margin-right:5px;}

.container_welfare {margin-bottom:0;}
.welfare {width:auto; margin:0 auto; height:auto; padding-top:40px; padding-bottom:10px;}
.welfare h3 {max-width:955px; font-size:28px; font-weight:bold; padding-bottom:30px; padding-left:45px; margin:0 auto;}
.welfare h4 {font-size:24px; margin-left:30px; margin-bottom:30px; color:#fff; font-weight:bold; line-height:34px; padding:15px 25px 15px 25px; background-color:#019fc7; letter-spacing:-0.5px;}
.welfare div {float:left; display:inline-block; height:270px !important; max-height:100% !important; width:23% !important; margin-left:0px; border:1px solid #e2e5e7; background-color:#f6f6f6; margin-right:11px !important; padding:20px !important; border-radius:5px;}
.welfare div:nth-child(odd) {margin-left:30px !important;}
.welfare div:last-child {margin-left:0 !important;}
.welfare div p {font-weight:bolder; font-size:18px; height:auto !important; margin-bottom:15px;}
.welfare div span {line-height:22px; font-size:14px;}

.container_business_division {background-color:#fafafa;}
.business_division {width:auto; margin:0 auto; height:auto; padding-top:40px; padding-bottom:10px;}
.business_division h3 {max-width:955px; font-size:28px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.business_division h4 {width:100%; font-size:24px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:34px; padding:15px; background-color:#eff2f3; color:#464646;}
.business_division h4 span {color:#2e57a6;}
.business_division_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:40px; border:none !important; margin-right:0px !important; padding:0 !important;}
.business_division_detail img {display:inline-block; float:left; width:849px; height:auto; padding-left:0px; text-align:center;}

.container_business_field {background-color:#f5f2eb;}
.business_field {width:auto; margin:0 auto; height:auto; padding-top:40px; padding-bottom:10px;}
.business_field h3 {max-width:955px; font-size:28px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.business_field h4 {width:100%; font-size:24px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:34px; padding:15px; background-color:#eeebe4; color:#464646;}
.business_field h4 span {color:#2e57a6;}
.business_field_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; text-align:center; margin-top:30px; margin-left:10px; border:none !important; margin-right:0px !important; padding:0 !important;}
.business_field_detail img {display:inline-block; float:left; width:944px; height:auto; padding-left:0px;}

.container_nlb_info {background-color:#eeeae1;}
.nlb_info {width:auto; margin:0 auto; height:auto; padding-top:40px; padding-bottom:10px;}
.nlb_info h3 {max-width:955px; font-size:28px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.nlb_info h4 {width:100%; font-size:24px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:34px; padding:15px; background-color:#f7f5f0; color:#464646;}
.nlb_info h4 span {color:#2e57a6;}
.nlb_info_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; text-align:center; margin-top:30px; margin-left:10px; border:none !important; margin-right:0px !important; padding:0 !important;}
.nlb_info_detail img {display:inline-block; float:left; width:970px; height:auto; padding-left:0px;}

.container_nse_info {background-color:#e4e2dd;}
.nse_info {width:auto; margin:0 auto; height:auto; padding-top:40px; padding-bottom:10px;}
.nse_info h3 {max-width:955px; font-size:28px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.nse_info h4 {width:100%; font-size:24px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:34px; padding:15px; background-color:#f2f1ee; color:#464646;}
.nse_info h4 span {color:#2e57a6;}
.nse_info_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; text-align:center; margin-top:30px; margin-left:10px; border:none !important; margin-right:0px !important; padding:0 !important;}
.nse_info_detail img {display:inline-block; float:left; width:970px; height:auto; padding-left:0px;}

.container_mbizpush_info {background-color:#ececeb;}
.mbizpush_info {width:auto; margin:0 auto; height:auto; padding-top:40px; padding-bottom:10px;}
.mbizpush_info h3 {max-width:955px; font-size:28px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.mbizpush_info h4 {width:100%; font-size:24px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:34px; padding:15px; background-color:#e7e6e3; color:#464646;}
.mbizpush_info h4 span {color:#2e57a6;}
.mbizpush_info_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; text-align:center; margin-top:30px; margin-left:10px; border:none !important; margin-right:0px !important; padding:0 !important;}
.mbizpush_info_detail img {display:inline-block; float:left; width:970px; height:auto; padding-left:0px;}

.container_nps_system {background-color:#e7e7e9;}
.nps_system {width:auto; margin:0 auto; height:auto; padding-top:40px; padding-bottom:10px;}
.nps_system h3 {max-width:955px; font-size:28px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.nps_system h4 {width:100%; font-size:24px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:34px; padding:15px; background-color:#f9f9f9; color:#464646;}
.nps_system h4 span {color:#2e57a6;}
.nps_system_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:10px; border:none !important; margin-right:0px !important; padding:0 !important;}
.nps_system_detail img {display:inline-block; float:left; width:944px; height:auto; padding-left:0px; }

.container_nlb_system {background-color:#f4faf9;}
.nlb_system {width:auto; margin:0 auto; height:auto; padding-top:40px; padding-bottom:10px;}
.nlb_system h3 {max-width:955px; font-size:28px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.nlb_system h4 {width:100%; font-size:24px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:34px; padding:15px; background-color:#e8edec; color:#464646;}
.nlb_system h4 span {color:#2e57a6;}
.nlb_system_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}
.nlb_system_detail img {display:inline-block; float:left; width:970px; height:auto; padding-left:0px; }

.container_ofbiz_solution {background-color:#fff;}
.ofbiz_solution {width:auto; margin:0 auto; height:auto; padding-top:40px; padding-bottom:10px;}
.ofbiz_solution h3 {max-width:955px; font-size:28px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.ofbiz_solution h4 {width:100%; font-size:24px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:34px; padding:15px; background-color:#f5f5f5; color:#464646;}
.ofbiz_solution h4 span {color:#2e57a6;}
.ofbiz_solution_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}
.ofbiz_solution_detail img {display:inline-block; float:left; width:970px; height:auto; padding-left:0px; }

.container_nba_champ {background-color:#fcfbfa;}
.nba_champ {width:auto; margin:0 auto; height:auto; padding-top:40px; padding-bottom:10px;}
.nba_champ h3 {max-width:955px; font-size:28px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.nba_champ h4 {width:100%; font-size:24px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:34px; padding:15px; background-color:#f2f1f0; color:#464646;}
.nba_champ h4 span {color:#2e57a6;}
.nba_champ_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}
.nba_champ_detail img {display:inline-block; float:left; width:970px; height:auto; padding-left:0px; }

.container_visual_solution {background-color:#fff;}
.visual_solution {width:auto; margin:0 auto; height:auto; padding-top:40px; padding-bottom:10px;}
.visual_solution h3 {max-width:955px; font-size:28px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.visual_solution h3 > a {color:#fff; margin-left:5px;}
.visual_solution h4 {width:100%; font-size:24px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:34px; padding:15px; background-color:#f2f1f0; color:#464646;}
.visual_solution h4 span {color:#2e57a6;}
.visual_solution_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}

/* ---------- 문의하기 ---------- */
.form-horizontal {border-top:1px solid #898989;}
.board_title {font-size:1.3em !important; margin-bottom:30px;}
.board_label {text-align:left !important; padding-top:0 !important; padding-left:15px !important; font-size:1.2em !important; line-height:55px; background-color:#f7f7f7;}
.board_value {line-height:55px; font-size:1.1em !important; vertical-align: middle; }
.board_value2 {min-height:100px; height:100%; line-height:26px; font-size:1.1em !important; vertical-align: middle; padding-top:10px; padding-bottom:10px; }
.board_value input {vertical-align: middle; margin-top:10px;}
.board_value textarea {margin-top:10px; margin-bottom:10px;}
.form-group {border-bottom:1px solid #dedede; margin:0 !important;}
.board_label_textarea {display:inline-block; height:153px; line-height:153px;}

.table_qna {clear:both; border-top:1px solid #898989; margin-bottom:0}
.table_qna thead {font-size:1.2em; background-color:#f7f7f7;}
.table_qna td img {margin-right:5px; vertical-align: middle;}
.table_qna td {border-top:none; border-bottom:1px solid #dedede; line-height:25px !important; font-size:1.1em !important;}
.table > thead > tr > th {border-bottom:1px solid #dedede; line-height:25px !important;}

.table_qna > tbody > tr > td:nth-child(1) {width:10%;}
.table_qna > tbody > tr > td:nth-child(2) {width:55%;}
.table_qna > tbody > tr > td:nth-child(3) {width:10%;}
.table_qna > tbody > tr > td:nth-child(4) {width:15%;}
.table_qna > tbody > tr > td:nth-child(5) {width:10%;}

.dropdown-menu {min-width:62px; left:0 !important;}
.dropdown-menu > li > a {padding:3px 15px;}

.navbar-form {margin-top:-10px; margin-bottom:15px;}	
.btn-gray, .btn-gray:hover, .btn-gray:active, .btn-gray:visited, .btn-gray:focus {background-color:#898989; color:#fff;}
			
/* ---------- footer ---------- */
footer {width:100%; min-height:100px; padding:15px 0; background-color:#464646; color:#c2c2c2; font-size:12px; line-height:22px; }
address p {float:left; width:70%; font-size:12px; line-height:22px; }
address p:last-child {float:right; width:30%; text-align:right; vertical-align:top; } 
address a.mail:link, a.mail:active, a.mail:visited, a.mail:hover {color:#c2c2c2;} 
a.btnbottom:link, a.btnbottom:active, a.btnbottom:visited, a.btnbottom:hover {display:inline-block; background-color:#959595; height:40px; line-height:40px; font-size:14px; border-radius:5px; text-align:center; width:90px; color:#252525; font-weight:bold;}


@media (min-width: 1050px) and (max-width: 1200px) {

/* ---------- main contents ---------- */
.box > div {float:left; width:23%; height:272px; border:1px solid #e2e2e2; padding:15px; margin-right:20px;}
.box > div:first-child {padding:0;}			
.box > div:last-child {margin-right:0;}	
.box .work_table{width: 100%; max-width: 460px;}
/* ---------- sub contents ---------- */
.process div {float:left; display:inline-block; text-align:center; height:auto !important; max-height:100% !important; width:100% !important; margin-left:0px; border:none; margin-right:0px !important; padding:0px !important;}

.location div {float:left; display:inline-block; max-height:100% !important; width:48%; margin-left:0px; border:none !important; margin-right:0px !important; padding:0 !important;}

.cvalue_detail {float:left; height:auto !important; max-height:100% !important; width:95% !important; margin-top:10px; margin-bottom:10px !important; margin-left:70px ; border:none !important; margin-right:0px !important; padding:0 !important;}

.partner_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:0px; margin-bottom:10px !important; margin-left:30px ; border:none !important; margin-right:0px !important; padding:0 !important;}
.partner_detail ul li {float:left; display:inline-block; border:4px solid #dadee1; margin-bottom:35px; margin-right:20px; padding:15px;}

}

@media (min-width: 910px) and (max-width: 1050px) {
/* ---------- header ---------- */
#navbar ul {margin-top:10px;}

.navbar-brand {
  margin-bottom:0px;  
}
	
/* ---------- carousel ---------- */
.carousel {
	height: 240px;
	margin-top:20px;
	margin-bottom: 30px !important;
	border-top:2px solid #2f58a6;
}

.carousel-inner .carousel-caption {
	width:36%;
	left:10%;
	top:8%;
	/*background-color: rgba(0,0,0,0.2) !important;*/
}


.slide1 {display:inline-block; width:100%; height:240px; background:url("../images/slide1_2.jpg") no-repeat center;}
.slide2 {display:inline-block; width:100%; height:240px; background:url("../images/slide2_2.jpg") no-repeat center;}
.slide3 {display:inline-block; width:100%; height:240px; background:url("../images/slide3_2.jpg") no-repeat center;}
.slide4 {display:inline-block; width:100%; height:240px; background:url("../images/slide4_2.jpg") no-repeat center;}
.slide5 {display:inline-block; width:100%; height:240px; background:url("../images/slide5_2.jpg") no-repeat center;}

/* ---------- main contents ---------- */
.box > div {float:left; width:23%; height:272px; border:1px solid #e2e2e2; padding:15px; margin-right:20px;}
.box > div:first-child {padding:0;}			
.box > div:last-child {margin-right:0;}	
.box .work_table{width: 100%; max-width: 715px;}
/* ---------- sub contents ---------- */
.page-header {margin-top:20px;}
.container_company .container {width:auto !important;}
.company div {height:auto !important; max-height:100% !important; width:90% !important; margin-left:50px; border:none !important; margin-right:0 !important; padding:0 !important;}
.company div:last-child {margin-top:30px;} 

.container_general_status .container {width:auto !important;}
.general_status h4 {width:95%; font-size:24px; margin-left:30px; margin-bottom:40px; color:#2f58a6; font-weight:bold; line-height:34px; padding:15px; background-color:#e9e6df; color:#464646;}

.container_cvalue .container {width:auto !important;}
.cvalue_detail {float:left; height:auto !important; max-height:100% !important; width:95% !important; margin-top:10px !important; margin-left:50px !important; border:none !important; margin-right:0px !important; padding:0px !important;}
.cvalue_detail img {display:inline-block; float:left; width:800px !important; height:auto; padding-left:0px; }

.container_partner .container {width:auto !important;}
.partner_detail {float:left; height:auto !important; max-height:100% !important; width:auto !important; margin-top:0px; margin-bottom:10px !important; margin-left:40px ; border:none !important; margin-right:0px !important; padding:0 !important;}
.partner_detail ul li {float:left; display:inline-block; border:4px solid #dadee1; margin-bottom:35px; margin-right:20px; padding:15px;}

.container_history .container {width:auto !important;}
.history {width:auto; margin:0 auto; height:auto; padding-top:40px; padding-bottom:40px; }
.history ul.content {height:auto !important; max-height:100% !important; width:95% !important; margin-left:50px; border:none !important; margin-right:0px !important; padding:0 !important;}
.history ul li {float:left; width:100% !important; }
.history .year {float:left; display:inline-block; font-size:28px; font-weight:bolder; line-height:36px; width:30%; vertical-align: top; padding-top:10px;}
.history .table {float:right; display:inline-block; max-width:100%; width:550px; margin:0;}
.history .table th {width:100px; border-top:none; border-bottom:1px solid #dadee1; font-size:14px; font-weight:bolder; line-height:28px; padding:15px 0 15px 0;}
.history .table td {width:450px; border-top:none; border-bottom:1px solid #dadee1; font-size:14px; line-height:28px; padding:15px 0 15px 0;}

.container_location .container {width:auto !important;}
.location div {float:left; display:inline-block; max-height:100% !important; width:48%; margin-left:0px; border:none !important; margin-right:0px !important; padding:0 !important;}

.container_people .container {width:auto !important;}
.people h4 {width:95%; font-size:24px; margin-left:30px; margin-bottom:30px; color:#fff; font-weight:bold; line-height:34px; padding:15px 25px 15px 25px; background-color:#019fc7; letter-spacing:-0.5px;}
.people div {float:left; display:inline-block; height:240px !important; max-height:100% !important; width:22% !important; margin-left:0px; border:1px solid #e2e5e7; background-color:#f6f6f6; margin-right:11px !important; padding:20px !important; border-radius:5px;}
.people div:nth-child(odd) {margin-left:30px !important;}
.people div:last-child {margin-left:0 !important;}
.people div.space {display:none !important;}

.container_process .container {width:auto !important;}
.process div {float:left; display:inline-block; text-align:center; height:auto !important; max-height:100% !important; width:100% !important; margin-left:0px; border:none; margin-right:0px !important; padding:0px !important;}
.process_detail {width:100% !important; border:none !important;}
.process_detail p {width:100%; margin-top:30px; height:20px; }
.process_detail p span {display:inline-block; width:24.5%; font-size:16px; font-weight:bolder; text-align:center; }

.container_welfare .container {width:auto !important;}
.welfare h4 {width:95%; font-size:24px; margin-left:30px; margin-bottom:30px; color:#fff; font-weight:bold; line-height:34px; padding:15px 25px 15px 25px; background-color:#019fc7; letter-spacing:-0.5px;}
.welfare div {float:left; display:inline-block; height:240px !important; max-height:100% !important; width:22% !important; margin-left:0px; border:1px solid #e2e5e7; background-color:#f6f6f6; margin-right:11px !important; padding:20px !important; border-radius:5px;}
.welfare div:nth-child(odd) {margin-left:30px !important;}
.welfare div:last-child {margin-left:0 !important;}
.welfare div.space {display:none !important;}

.container_business_division .container {width:auto !important;}
.business_division_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:40px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0px !important;}

.container_business_field .container {width:auto !important;}
.business_field_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0px !important;}

.container_nlb_info .container {width:auto !important;}
.nlb_info_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0px !important;}

.container_nse_info .container {width:auto !important;}
.nse_info_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0px !important;}

.container_mbizpush_info .container {width:auto !important;}
.mbizpush_info_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0px !important;}

.container_nps_system .container {width:auto !important;}
.nps_system_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0px !important;}

.container_nlb_system .container {width:auto !important;}
.nlb_system_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0px !important;}

.container_ofbiz_solution .container {width:auto !important;}
.ofbiz_solution_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0px !important;}

.container_nba_champ .container {width:auto !important;}
.nba_champ_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0px !important;}

.container_visual_solution .container {width:auto !important;}
.visual_solution_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0px !important;}

}

@media (min-width: 735px) and (max-width: 910px) {
/* ---------- header ---------- */
.nav {
  margin-top:10px;
  }
.navbar-brand {
  margin-bottom:0px;  
}
	
/* ---------- carousel ---------- */
.carousel {
	height: 240px;
	margin-top:20px;
	margin-bottom: 30px !important;
	border-top:2px solid #2f58a6;
}

.carousel-inner .carousel-caption {
	width:36%;
	left:10%;
	top:5%;
	/*background-color: rgba(0,0,0,0.2) !important;*/
}

.slide1 {display:inline-block; width:100%; height:240px; background:url("../images/slide1_2.jpg") no-repeat center;}
.slide2 {display:inline-block; width:100%; height:240px; background:url("../images/slide2_2.jpg") no-repeat center;}
.slide3 {display:inline-block; width:100%; height:240px; background:url("../images/slide3_2.jpg") no-repeat center;}
.slide4 {display:inline-block; width:100%; height:240px; background:url("../images/slide4_2.jpg") no-repeat center;}
.slide5 {display:inline-block; width:100%; height:240px; background:url("../images/slide5_2.jpg") no-repeat center;}

/* ---------- sub contents ---------- */
.page-header {margin-top:20px;}
.container_company .container {width:auto !important;}
.company div {height:auto !important; max-height:100% !important; width:90% !important; margin-left:40px; border:none !important; margin-right:0 !important; padding:0 !important;}
.company div:last-child {margin-top:30px;} 

.container_general_status .container {width:auto !important;}
.general_status h4 {width:93%; font-size:24px; margin-left:30px; margin-bottom:40px; color:#2f58a6; font-weight:bold; line-height:34px; padding:15px; background-color:#e9e6df; color:#464646;}
.general_status div {height:auto !important; max-height:100% !important; width:90% !important; margin-left:40px; border:none !important; margin-right:20px !important; padding:0 !important;}
.general_status div:last-child {margin-left:0; width:100% !important; margin-right:0 !important; margin-top:30px;}
.general_status table {max-width:90%; margin-left:40px;}

.container_cvalue .container {width:auto !important;}
.cvalue h4 {width:93%; font-size:24px; margin-left:30px; margin-bottom:40px; color:#2f58a6; font-weight:bold; line-height:34px; padding:15px; background-color:#fafafa; color:#464646;}
.cvalue_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:10px !important; padding-left:0px !important; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}
.cvalue_detail img {display:inline-block; float:left; width:95% !important; height:auto; padding-left:30px; }
/*.cvalue .text1 {position:absolute; z-index:100; top:50px; margin-left:95px; text-align:center; font-size:23px; line-height:26px; color:#374e8a; font-weight:bolder;}
.cvalue .text1 span {font-size:15px;}
.cvalue .text2 {position:absolute; z-index:100; top:190px; width:60%; height:100px; margin-left:65px; text-align:center; font-size:12px; font-weight:bolder; line-height:21px; color:#5b70a7;}*/

.container_partner .container {width:auto !important;}
.partner h4 {width:93%; font-size:24px; margin-left:30px; margin-bottom:40px; font-weight:bold; line-height:34px; padding:15px; background-color:#f0f3f4; color:#464646;}
.partner_detail {float:left; height:auto !important; max-height:100% !important; width:95% !important; margin-top:0px; margin-bottom:10px !important; margin-left:40px ; border:none !important; margin-right:0px !important; padding:0 !important;}
.partner_detail ul li {float:left; display:inline-block; border:4px solid #dadee1; margin-bottom:35px; margin-right:20px; padding:10px;}

.container_history .container {width:auto !important;}
.history ul.content {height:auto !important; max-height:100% !important; width:95% !important; margin-left:47px; border:none !important; margin-right:0px !important; padding:0 !important;}
.history ul li {float:left; width:100% !important; }
.history .year {float:left; display:inline-block; font-size:26px; font-weight:bolder; line-height:36px; width:25%; vertical-align: top; padding-top:10px;}
.history .table {float:right; display:inline-block; max-width:100%; width:480px; margin:0;}
.history .table th {width:50px; border-top:none; border-bottom:1px solid #dadee1; font-size:14px; font-weight:bolder; line-height:28px; padding:15px 0 15px 0;}
.history .table td {width:430px; border-top:none; border-bottom:1px solid #dadee1; font-size:14px; line-height:28px; padding:15px 0 15px 0;}

.container_location .container {width:auto !important;}

.container_people .container {width:auto !important;}
.people h4 {width:93%; font-size:24px; margin-left:30px; margin-bottom:30px; color:#fff; font-weight:bold; line-height:34px; padding:15px 25px 15px 25px; background-color:#019fc7; letter-spacing:-0.5px;}
.people div {float:left; display:inline-block; height:300px !important; max-height:100% !important; width:22% !important; margin-left:0px; border:1px solid #e2e5e7; background-color:#f6f6f6; margin-right:11px !important; padding:20px !important; border-radius:5px;}
.people div:nth-child(odd) {margin-left:30px !important;}
.people div:last-child {margin-left:0 !important;}
.people div.space {display:none !important;}

.container_process .container {width:auto !important;}
.process div {float:left; display:inline-block; text-align:center; height:auto !important; max-height:100% !important; width:100% !important; margin-left:0px; border:none; margin-right:0px !important; padding:0px !important;}
.process_detail {width:100% !important; border:none !important;}
.process_detail p {width:100%; margin-top:30px; height:20px; }
.process_detail p span {display:inline-block; width:24%; font-size:16px; font-weight:bolder; text-align:center; }
.process_detail img {width:80%; height:auto !important; margin-top:40px; text-align:center;}

.container_welfare .container {width:auto !important;}
.welfare h4 {width:93%; font-size:24px; margin-left:30px; margin-bottom:30px; color:#fff; font-weight:bold; line-height:34px; padding:15px 25px 15px 25px; background-color:#019fc7; letter-spacing:-0.5px;}
.welfare div {float:left; display:inline-block; height:300px !important; max-height:100% !important; width:22% !important; margin-left:0px; border:1px solid #e2e5e7; background-color:#f6f6f6; margin-right:11px !important; padding:20px !important; border-radius:5px;}
.welfare div:nth-child(odd) {margin-left:30px !important;}
.welfare div:last-child {margin-left:0 !important;}
.welfare div.space {display:none !important;}

.container_business_division .container {width:auto !important;}
.business_division h3 {max-width:955px; font-size:28px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.business_division h4 {width:100%; font-size:24px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:34px; padding:15px; background-color:#eff2f3; color:#464646;}
.business_division h4 span {color:#2e57a6;}
.business_division_detail {float:left; height:auto !important; max-height:100% !important; width:100%; margin-top:40px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}
.business_division_detail img {display:inline-block; float:left; width:100%; height:auto !important; padding-left:0px;}

.container_nlb_info .container {width:auto !important;}
.nlb_info_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}

.container_business_field .container {width:auto !important;}
.business_field_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}

.container_nlb_info .container {width:auto !important;}
.nlb_info_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}

.container_nse_info .container {width:auto !important;}
.nse_info_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}

.container_mbizpush_info .container {width:auto !important;}
.mbizpush_info_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}

.container_nps_system .container {width:auto !important;}
.nps_system_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}

.container_nlb_system .container {width:auto !important;}
.nlb_system_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}

.container_ofbiz_solution .container {width:auto !important;}
.ofbiz_solution_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}

.container_nba_champ .container {width:auto !important;}
.nba_champ_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}

.container_visual_solution .container {width:auto !important;}
.visual_solution_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}


}

@media (min-width:735px) and (max-width: 830px) {

.container_cvalue .container {width:auto !important;}
.cvalue h4 {width:93%; font-size:24px; margin-left:30px; margin-bottom:40px; color:#2f58a6; font-weight:bold; line-height:34px; padding:15px; background-color:#fafafa; color:#464646;}
.cvalue_detail {float:left; height:auto !important; max-height:100% !important;  margin-top:10px !important; padding-left:30px !important; border:none !important; margin-right:0px !important; padding:0 !important;}
.cvalue_detail img {display:inline-block; float:left; width:90% !important; height:auto; padding-left:30px; }
/*.cvalue .text1 {position:absolute; z-index:100; top:50px; margin-left:93px; text-align:center; font-size:21px; line-height:21px; color:#374e8a; font-weight:bolder;}
.cvalue .text1 span {font-size:13px;}
.cvalue .text2 {position:absolute; z-index:100; top:190px; width:60%; height:100px; margin-left:65px; text-align:center; font-size:12px; font-weight:bolder; line-height:19px; color:#5b70a7;}*/

}


@media (min-width:600px) and (max-width: 735px) {
	
/* ---------- carousel ---------- */
.carousel-inner .carousel-caption {
	width:30%;
	left:13%;
	top:10%;
	/*background-color: rgba(0,0,0,0.2) !important;*/
}
	
.title_wrap p.logo {width:100%; border-bottom:1px solid #898989; padding-bottom:5px;}
.title_wrap p.logo span {display:inline-block; text-align:left; font-size:0.9em; color:#7d7d7d; text-shadow:none; padding-left:10px; margin-top:-2px; line-height:1.1em;}
.title_wrap p.logo img {width:auto; height:20px; margin-bottom:-4px;}
.title_wrap p.title {font-size:1.2em; font-weight:bold; color:#3058a6; text-shadow:none; padding-top:5px;}
.title_wrap p.title span {font-size:0.8em; font-weight:bold; color:#3058a6; text-shadow:none;}	
.comment {font-size:0.9em; color:#555; text-shadow:none; text-align:left; margin-top:10px; line-height:1.3em; }
.comment span {display:block; width:100%; font-size:1.2em !important; font-weight:bold; color:#464646; text-shadow:none; width:100%; margin-bottom:3px; letter-spacing: -0.5px;}
.comment p {display:none;}

/* ---------- main contents ---------- */
.box > div {float:left; width:45%; height:272px; border:1px solid #e2e2e2; padding:15px; margin-left:10px; margin-right:10px;}
.box > div:first-child {padding:0;}			
.box > div:last-child {margin-right:0;}	
.box .work_table{width: 100%; max-width: 595px;}

}	

@media (min-width:400px) and (max-width: 600px) {
	
/* ---------- carousel ---------- */
.carousel-inner .carousel-caption {
	width:30%;
	left:13%;
	top:10%;
	/*background-color: rgba(0,0,0,0.2) !important;*/
}
	
.title_wrap p.logo {width:100%; border-bottom:1px solid #898989; padding-bottom:7px;}
.title_wrap p.logo span {display:none;}
.title_wrap p.logo img {width:auto; height:20px; margin-bottom:-4px;}
.title_wrap p.title {font-size:1.2em; font-weight:bold; color:#3058a6; text-shadow:none; padding-top:7px;}
.title_wrap p.title span {font-size:0.8em; font-weight:bold; color:#3058a6; text-shadow:none;}	
.comment {font-size:0.9em; color:#555; text-shadow:none; text-align:left; margin-top:10px; line-height:1.3em; }
.comment span {display:none;}
.comment p {display:none;}

/* ---------- main contents ---------- */
.box > div {float:left; width:45%; height:272px; border:1px solid #e2e2e2; padding:15px; margin-left:10px; margin-right:10px;}
.box > div:first-child {padding:0;}			
.box > div:last-child {margin-right:0;}	

}

@media (min-width:320px) and (max-width: 400px) {
	
/* ---------- carousel ---------- */
.carousel-inner .carousel-caption {
	width:29%;
	left:12%;
	top:12%;	
	/*background-color: rgba(0,0,0,0.2) !important;*/
}
		
.title_wrap p.logo {width:100%; border-bottom:1px solid #898989; padding-bottom:7px;}
.title_wrap p.logo span {display:none;}
.title_wrap p.logo img {width:auto; height:15px; margin-bottom:-4px;}
.title_wrap p.title {font-size:1em; font-weight:bold; color:#3058a6; text-shadow:none; padding-top:5px; letter-spacing: -0.5px;}
.title_wrap p.title span {font-size:1em; font-weight:bold; color:#3058a6; text-shadow:none; letter-spacing: -0.5px;}	
.comment {font-size:0.9em; color:#555; text-shadow:none; text-align:left; margin-top:7px; line-height:1.3em; }
.comment span {display:none;}
.comment p {display:none;}

/* ---------- main contents ---------- */
.box > div {float:left; width:90%; border:1px solid #e2e2e2; padding:15px; margin-left:10px; margin-right:10px; margin-bottom:10px;}			
.box > .space {width:100%; height: 0px; background: #fff; padding: 0; margin:0; border:none; }


}

@media (max-width:320px) {
/* ---------- header ---------- */	
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  margin-top:10px;
}
.nav > li > a {
  margin-bottom:5px;
  border-radius:5px;
}
.navbar-header {
    margin-bottom:5px;
  }	
.navbar-brand {
  margin-left:10px;  
}
.navbar-brand img {
 width:90%;
 height:auto; 
}


/* ---------- carousel ---------- */
.carousel {
	height: 120px;
	margin-top:0px;
	margin-bottom: 30px !important;
	border-top:2px solid #2f58a6;
}

.carousel-inner .carousel-caption {
	width:29%;
	left:12%;
	top:12%;
	/*background-color: rgba(0,0,0,0.2) !important;*/
}

.slide1 {display:inline-block; width:100%; height:120px; background:url("../images/slide1_3.jpg") no-repeat center;}
.slide2 {display:inline-block; width:100%; height:120px; background:url("../images/slide2_3.jpg") no-repeat center;}
.slide3 {display:inline-block; width:100%; height:120px; background:url("../images/slide3_3.jpg") no-repeat center;}
.slide4 {display:inline-block; width:100%; height:120px; background:url("../images/slide4_3.jpg") no-repeat center;}
	
.title_wrap p.logo {width:100%; border-bottom:1px solid #898989; padding-bottom:7px;}
.title_wrap p.logo span {display:none;}
.title_wrap p.logo img {width:auto; height:15px; margin-bottom:-4px;}
.title_wrap p.title {font-size:1em; font-weight:bold; color:#3058a6; text-shadow:none; padding-top:5px; letter-spacing: -0.5px;}
.title_wrap p.title span {font-size:1em; font-weight:bold; color:#3058a6; text-shadow:none; letter-spacing: -0.5px;}	
.comment {font-size:0.9em; color:#555; text-shadow:none; text-align:left; margin-top:7px; line-height:1.3em; }
.comment span {display:none;}
.comment p {display:none;}


/* ---------- main contents ---------- */
.box > div {float:left; width:90%; border:1px solid #e2e2e2; padding:15px; margin-left:10px; margin-right:10px; margin-bottom:10px;}			
.box > .space {width:100%; height: 0px; background: #fff; padding: 0; margin:0; border:none; }

a.banner02:link, a.banner02:active, a.banner02:visited, a.banner02:hover {display:inline-block; width:100%; height:270px; background:url("../images/banner02_m.jpg") no-repeat center; background-size: cover;}

/* ---------- footer ---------- */
address p {float:left; width:100%; font-size:12px; line-height:22px; }
address p:last-child {float:right; width:100%; text-align:left; margin-top:15px; vertical-align:top; } 		

}


@media (max-width: 650px) {

/* ---------- header ---------- */

.nav > li > a {
  margin-bottom:0px;
}
.nav-pills > li {
  float: left;
  font-size:16px;
  line-height:20px;
  width:100%;
}
.nav-pills > li > a {
  border-radius: 0px;
}
.nav-pills > li + li {
  margin-left: 0px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #2f58a6;
}


/* ---------- carousel ---------- */
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 40%;
  z-index: 5;
  display: inline-block;
}
.carousel-inner > .item > img {
	display:block;
	max-width: 150%;
	height: auto;
	margin-left:-100px;
}


}

@media (min-width:735px) and (max-width: 992px) {
/* ---------- main contents ---------- */
.box > div {float:left; width:47%; border:1px solid #e2e2e2; padding:15px; margin-right:20px;}			
.box > div:last-child {margin-right:0;} 
.box .work_table{width: 100%; max-width: 715px;}

}


@media (min-width:320px) and (max-width: 735px) {
/* ---------- header ---------- */
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  margin-top:10px;
}
.nav > li > a {
  margin-bottom:5px;
  border-radius:5px;
}
.navbar-header {
    margin-bottom:5px;
  }	
.navbar-brand {
  margin-left:10px;  
}
.navbar-brand img {
 width:90%;
 height:auto; 
}
.pull-left {
  float: none !important;
}

/* ---------- carousel ---------- */
.carousel {
	height: 120px;
	margin-top:10px;
	margin-bottom: 30px !important;
	border-top:2px solid #2f58a6;
}

.slide1 {display:inline-block; width:100%; height:120px; background:url("../images/slide1_3.jpg") no-repeat center;}
.slide2 {display:inline-block; width:100%; height:120px; background:url("../images/slide2_3.jpg") no-repeat center;}
.slide3 {display:inline-block; width:100%; height:120px; background:url("../images/slide3_3.jpg") no-repeat center;}
.slide4 {display:inline-block; width:100%; height:120px; background:url("../images/slide4_3.jpg") no-repeat center;}
.slide5 {display:inline-block; width:100%; height:120px; background:url("../images/slide5_3.jpg") no-repeat center;}

/* ---------- main contents ---------- */
.box > div:last-child {margin-bottom:30px;} 
.media-object {margin-right:10px;}
.bbs_link ul li span {float:left; display:inline-block; height:40px; line-height:40px; width:30%; text-align:center; font-weight:bolder; border-right:1px solid #d7d7d7;}
.bbs_link ul li a {display:inline-block; height:40px; line-height:40px; padding-left:20px; width:70%; overflow:hidden;}
.article-title {font-size:24px;}

/* ---------- sub contents ---------- */
.page-header {margin-top:10px; padding-top:20px; padding-bottom:20px; font-size:28px;}
.page-header h2 {margin:0 auto; max-width:1000px; padding-left:20px; font-weight:bolder; }
.container_company .container {width:auto !important;}
.company h3 {max-width:955px; font-size:24px; font-weight:bold; padding-bottom:40px; padding-left:10px; margin:0 auto;}
.company div {height:auto !important; max-height:100% !important; width:100% !important; margin-left:0px !important; border:none !important; margin-right:0 !important; padding: 0 10px 0 10px !important;}
.company div:last-child {margin-top:30px;} 

.container_general_status .container {width:auto !important;}
.general_status h3 {max-width:955px; font-size:24px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.general_status h4 {width:100%; font-size:17px; margin-left:0px; margin-bottom:40px; color:#2f58a6; font-weight:bold; line-height:30px; padding:15px; background-color:#e9e6df; color:#464646;}
.general_status div {height:auto !important; max-height:100% !important; width:90% !important; margin-left:30px; border:none !important; margin-right:20px !important; padding:0 !important;}
.general_status div:last-child {margin-left:0; width:100% !important; margin-right:0 !important; margin-top:30px;}
.general_status table {max-width:100%; margin-left:0px;}
.general_status table th {width:35%; background-color:#f2f2f2; font-size:16px; vertical-align: middle !important; padding-left:20px !important; }
.general_status table td {width:65%; background-color:#fafafa; font-size:16px; vertical-align: middle !important; line-height:26px !important; padding-left:20px !important;}

.container_cvalue .container {width:auto !important;}
.cvalue h3 {max-width:955px; font-size:24px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.cvalue h4 {width:100%; font-size:17px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:30px; padding:15px; background-color:#fafafa; color:#464646;}
.cvalue_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0px !important; border:none !important; margin-right:0px !important; padding:0 !important;}
.cvalue_detail img {display:inline-block; float:left; width:100% !important; height:auto; padding-left:0px; }

.container_partner .container {width:auto !important;}
.partner h3 {max-width:955px; font-size:24px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.partner h4 {width:100%; font-size:17px; margin-left:0px; margin-bottom:40px; font-weight:bold; line-height:34px; padding:15px; background-color:#f0f3f4; color:#464646;}
.partner_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:0px; margin-bottom:10px !important; margin-left:0px !important ; border:none !important; margin-right:0px !important; padding:0 !important;}
.partner_detail ul li {float:left; display:inline-block; border:4px solid #dadee1; margin-bottom:35px; margin-right:20px; padding:10px;}
.partner_detail p {float:left; display:inline-block; font-size:14px; line-height:26px; width:100%; height:100%;}

.container_history .container {width:auto !important;}
.history h3 {max-width:955px; font-size:24px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.history ul.content {height:auto !important; max-height:100% !important; width:100% !important; margin-left:0px; border:none !important; margin-right:0px !important; padding:0 !important;}
.history ul li {float:left; width:100% !important; }
.history .year {float:left; font-size:26px; font-weight:bolder; line-height:36px; width:90%; vertical-align: top; padding-top:10px;}
.history .table {float:left; table-layout:fixed; width:100% !important; margin:0;}
.history .table th {border-top:1px solid #dadee1;  border-bottom:1px solid #dadee1; font-size:14px; font-weight:bolder; line-height:28px; padding:15px 0 15px 0;}
.history .table td {border-top:1px solid #dadee1;  border-bottom:1px solid #dadee1; font-size:14px; line-height:28px; padding:15px 0 15px 0;}

.container_location .container {width:auto !important;}
.location h3 {max-width:955px; font-size:24px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.location div {float:left; display:inline-block; margin-bottom:0px !important; max-height:100%; width:100% !important; margin-left:0px !important; border:none !important; margin-right:0px !important; padding:0 !important;}
.location div p {max-width:100%; width:auto; height:auto; margin-left:0px; font-size:16px; padding-right:0px; line-height:30px;}
.location .map {float:left; width:100% !important; height:100%; margin-top:0px;}
.location .map img { max-width:100%; width:auto; height:auto; border:1px solid #898989;}

.container_people .container {width:auto !important;}
.people h3 {max-width:955px; font-size:24px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.people h4 {width:100%; font-size:21px; margin-left:0px; margin-bottom:30px; color:#fff; font-weight:bold; line-height:30px; padding:15px 25px 15px 25px; background-color:#019fc7; letter-spacing:-0.5px;}
.people div {float:left; display:inline-block; height:auto !important; max-height:100% !important; width:100% !important; margin-left:0px !important; border:1px solid #e2e5e7; background-color:#f6f6f6; margin-bottom:10px !important; margin-right:0px !important; padding:20px !important; border-radius:5px;}
.people div:nth-child(odd) {margin-left:0px !important;}
.people div:last-child {margin-left:0 !important;}
.people div.space {width:100% !important; min-height:1px !important; max-height:1px !important; height:1px !important; margin:0 !important; padding:0 !important;}

.container_process .container {width:auto !important;}
.process h3 {max-width:955px; font-size:24px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.process div {float:left; display:inline-block; text-align:center; height:auto !important; max-height:100% !important; width:100% !important; margin-left:0px; border:none; margin-right:0px !important; padding:0px !important;}
.process_detail {width:100% !important; border:none !important; margin-left:0 !important; margin-bottom:0 !important;}
.process_detail p {width:100%; margin-top:20px; height:20px; }
.process_detail p span {display:inline-block; width:24%; font-size:14px; font-weight:bolder; text-align:center; }
.process_detail img {width:80%; height:auto !important; margin-top:40px; text-align:center;}
.company_application {width:100%; margin:0 auto; text-align:center; margin-top:15px !important;}

.container_welfare .container {width:auto !important;}
.welfare h3 {max-width:955px; font-size:24px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.welfare h4 {width:100%; font-size:21px; margin-left:0px; margin-bottom:30px; color:#fff; font-weight:bold; line-height:30px; padding:15px 25px 15px 25px; background-color:#019fc7; letter-spacing:-0.5px;}
.welfare div {float:left; display:inline-block; height:auto !important; max-height:100% !important; width:100% !important; margin-left:0px !important; border:1px solid #e2e5e7; background-color:#f6f6f6; margin-bottom:10px !important; margin-right:0px !important; padding:20px !important; border-radius:5px;}
.welfare div:nth-child(odd) {margin-left:0px !important;}
.welfare div:last-child {margin-left:0 !important;}
.welfare div.space {width:100% !important; min-height:1px !important; max-height:1px !important; height:1px !important; margin:0 !important; padding:0 !important;}

.container_business_division .container {width:auto !important;}
.business_division h3 {max-width:955px; font-size:24px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.business_division h4 {width:100%; font-size:21px !important; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:30px; padding:15px; background-color:#eff2f3; color:#464646;}
.business_division h4 span {color:#2e57a6;}
.business_division_detail {float:left; height:auto !important; max-height:100% !important; width:100%; margin-top:40px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}
.business_division_detail img {display:inline-block; float:left; width:100%; height:auto !important; padding-left:0px; }

.container_business_field .container {width:auto !important;}
.business_field h3 {max-width:955px; font-size:24px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.business_field h4 {width:100%; font-size:21px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:30px; padding:15px; background-color:#eeebe4; color:#464646;}
.business_field_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}

.container_nlb_info .container {width:auto !important;}
.nlb_info h3 {max-width:955px; font-size:24px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.nlb_info h4 {width:100%; font-size:21px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:30px; padding:15px; background-color:#f7f5f0; color:#464646;}
.nlb_info_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}

.container_nse_info .container {width:auto !important;}
.nse_info h3 {max-width:955px; font-size:24px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.nse_info h4 {width:100%; font-size:21px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:30px; padding:15px; background-color:#f2f1ee; color:#464646;}
.nse_info_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}

.container_mbizpush_info .container {width:auto !important;}
.mbizpush_info h3 {max-width:955px; font-size:24px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.mbizpush_info h4 {width:100%; font-size:21px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:30px; padding:15px; background-color:#e7e6e3; color:#464646;}
.mbizpush_info_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}

.container_nps_system .container {width:auto !important;}
.nps_system h3 {max-width:955px; font-size:24px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.nps_system h4 {width:100%; font-size:21px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:30px; padding:15px; background-color:#f9f9f9; color:#464646;}
.nps_system_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}

.container_nlb_system .container {width:auto !important;}
.nlb_system h3 {max-width:955px; font-size:24px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.nlb_system h4 {width:100%; font-size:21px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:30px; padding:15px; background-color:#e8edec; color:#464646;}
.nlb_system_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}

.container_ofbiz_solution .container {width:auto !important;}
.ofbiz_solution h3 {max-width:955px; font-size:24px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.ofbiz_solution h4 {width:100%; font-size:21px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:30px; padding:15px; background-color:#f5f5f5; color:#464646;}
.ofbiz_solution_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}

.container_nba_champ .container {width:auto !important;}
.nba_champ h3 {max-width:955px; font-size:24px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.nba_champ h4 {width:100%; font-size:21px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:30px; padding:15px; background-color:#f2f1f0; color:#464646;}
.nba_champ_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}

.container_visual_solution .container {width:auto !important;}
.visual_solution h3 {max-width:955px; font-size:24px; font-weight:bold; padding-bottom:30px; padding-left:10px; margin:0 auto;}
.visual_solution h4 {width:100%; font-size:21px; margin-left:0px; margin-bottom:10px; color:#2f58a6; font-weight:bold; line-height:30px; padding:15px; background-color:#f2f1f0; color:#464646;}
.visual_solution_detail {float:left; height:auto !important; max-height:100% !important; width:100% !important; margin-top:30px; margin-left:0 !important; border:none !important; margin-right:0px !important; padding:0 !important;}


/* ---------- footer ---------- */
address p {float:left; width:100%; font-size:12px; line-height:22px; }
address p:last-child {float:right; width:100%; text-align:left; margin-top:15px; vertical-align:top; } 		

	
}


@media (min-width:320px) and (max-width: 520px) {			
/* ---------- main contents ---------- */
.box > div {float:left; width:95%; border:1px solid #e2e2e2; padding:15px; margin-left:10px; margin-bottom:10px;}			
.box > .space {width:100%; height: 0px; background: #fff; padding: 0; margin:0; border:none; }
.box .work_table{float:left; width:95%; border:1px solid #e2e2e2; padding:15px; margin-left:10px; margin-bottom:10px;}
/* a.banner02:link, a.banner02:active, a.banner02:visited, a.banner02:hover {display:inline-block; width:100%; height:270px; background:url("../images/banner02_m.jpg") no-repeat center; background-size: cover;} */
}

@media (min-width:320px) and (max-width: 370px) {
	
.visual_solution h3 > a {color:#fff; margin-left:0px; margin-top:15px;}

}

/* ---------- 문의하기 ---------- */
@media (max-width: 768px) {
    .form-horizontal {border-top:1px solid #898989;}
	.board_label {width:100%; text-align:left !important; padding-top:0 !important; padding-left:20px !important; font-size:1.2em !important; line-height:40px; background-color:#f7f7f7; border-bottom:1px solid #dedede;}
	.board_value input {vertical-align: middle; margin-top:15px; margin-bottom:15px;}
	.board_value textarea {margin-top:15px; margin-bottom:15px;}
	.board_label_textarea {display:inline-block; height:auto;}
	
	.table_qna > thead > tr > th:nth-child(3), .table_qna > thead > tr > th:nth-child(4), .table_qna > thead > tr > th:nth-child(5) {display:none;}
	.table_qna > tbody > tr > td:nth-child(3), .table_qna > tbody > tr > td:nth-child(4), .table_qna > tbody > tr > td:nth-child(5) {display:none;}
	.table_qna > tbody > tr > td:nth-child(1) {width:20%;}
	.table_qna > tbody > tr > td:nth-child(2) {width:80%;}
	
	.navbar-form {float:right; display:inline-block;}
	.navbar-form .btn-group {float:left; margin-right:5px;}
	.navbar-form .form-group {float:left; }
	.navbar-form .form-control {max-width:150px; width:auto; margin-right:5px;}
	
}

/* ---------- popup ---------- */
#wrap_popup {margin:0 auto; position:absolute; width:300px; height:200px; left:50%; top:50%; background-color:#fff; border-radius:5px; border:5px solid #898989; margin-left:-150px; margin-top:-90px; font-family:dotum,"돋움",Gulim;  }
#header_popup {width:100%; background:#898989; }
#header_popup h2 {color:#FFF; font-weight:bold; margin-left:10px; font-size:14px; margin-top:-5px; height:40px; line-height:40px; font-family:dotum,"돋움",Gulim !important; }
#header_popup img {float:right; margin-top:-27px; margin-right:12px;}
#container_popup {margin:0 auto; width:100%; margin:20px; }
#content_popup { line-height:18px; }
#content_popup label { display:inline-block; font-size:14px; color:#626262; font-weight:bold; margin-bottom:8px; height:20px; line-height:20px;}
#content_popup input {height:30px; line-height:30px;}
#content_popup span {display:block; color:#626262; }
#footer_popup {clear:both; margin:0 auto; margin-bottom:20px; margin-top:20px; padding-left:18px; text-align:center;}