/*공통*/

.t_1{font-size:1.4em; padding:10px;}
.t_2{font-size:1.2em; color:#1f51ad; padding:0 10px;}
.t_3{font-size:1.0em; }
.t_4{font-size:18px; color:#ffffff; }


.sub_wrap {padding:10px 10px;}


.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

/* 테이블1 */

.board_list                  	{clear:both; border-collapse:collapse; width:100%; margin:0px; border-top:2px solid #595959;}
.board_list caption {position:relative; text-align:center; width:100%; font-size:19px; color:#0056C1; padding-top:10px; padding-bottom:7px;}
.board_list thead th            {padding:10px; background:#ebebeb; color:#353535; text-align:center; font-weight:bold; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}
.board_list thead th.no         {border-right:#fff 1px solid;}

.board_list tbody th            {padding:10px; background:#ebebeb; color:#1f51ad; text-align:center; font-weight:bold; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}
.board_list tbody th p          {color:#222222;font-size:0.8em;}

.board_list tbody td            {padding:10px; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid; padding-left:15px; font-size:13px;}

.board_list tbody td.tit        {padding:10px; background:#ebebeb; color:#353535; text-align:center; font-weight:bold; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}

.board_list tbody td.cen        {text-align:center;}

.board_list tbody td.bg         {background:#fdfdfd;}
.board_list tbody td.cen_bg     {text-align:center; background:#fdfdfd;}
.board_list tbody td.no_bg      {border-right:#fff 1px solid; background:#fdfdfd;}

.board_list tbody td.no         {border-right:#fff 1px solid;}
.board_list tbody td.no_cen     {border-right:#fff 1px solid; text-align:center;}
.board_list tbody td.no_cen_bg  {border-right:#fff 1px solid; text-align:center; background:#fdfdfd;}


.company_img {text-align:center;margin-bottom:20px;}
.company_table{border-collapse:collapse;  width:100%; border-top:1px solid #fff; margin-bottom:100px;}
.company_table th{font-family:'Nanum Gothic'; text-align:left; padding:15px 0 15px 0; border-bottom:1px dotted #dcdcdc; border-right:#fff 1px solid;}
.company_table th span{font-family:'Nanum Gothic'; border-left:#028540 3px solid; font-size:15px; color:#222; text-align:left; padding-left:12px;}
.company_table td{font-family:'Nanum Gothic'; font-size:15px; color:#222; text-align:left; line-height:24px; padding:15px 15px 15px 20px; background:#FFF; border-bottom:1px dotted #dcdcdc; border-right:#fff 1px solid;}
.company_table td.no{border-right:#fff 1px solid;}


.icon_wrap{width: 320px; margin:50px auto 50px;overflow:hidden;}
.icon {width:33%; text-align:center;  float:left;}
.icon .img img {width:80%;}
.icon .tt{font-size:0.9em; line-height:14px; padding:5px;}
.icon .tt span{font-size:16px; line-height:26px; color:#008643; font-weight:bold; margin-bottom:5px; display:inline-block;}

.icon_last{width:120px;  text-align:center; border-right:1px dotted #fff; float:left;}
.icon_last .tt{font-size:14px; line-height:26px; padding:20px;}
.icon_last .tt span{font-size:16px; line-height:26px; color:#008643; font-weight:bold; margin-bottom:5px; display:inline-block;}



/*테이블2*/

.board_list2                  	{clear:both; border-collapse:collapse; width:100%; margin:0px; border-top:2px solid #bf40b9; float:left;}
.board_list2 thead th            {padding:10px; background:#ebebeb; color:#353535; text-align:center; font-weight:bold; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}
.board_list2 thead th.no         {border-right:#fff 1px solid;}

.board_list2 tbody th            {padding:10px; background:#ff99cc; color:#ffffff; text-align:center; font-weight:bold; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}

.board_list2 tbody td            {padding:10px; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;   text-align:center;}
.board_list2 tbody td.tit        {padding:10px; background:#ebebeb; color:#353535; text-align:center; font-weight:bold; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}

.board_list2 tbody td.cen        {text-align:center;}

.board_list2 tbody td.bg         {background:#fdfdfd;}
.board_list2 tbody td.cen_bg     {text-align:center; background:#fdfdfd;}
.board_list2 tbody td.no_bg      {border-right:#fff 1px solid; background:#fdfdfd;}

.board_list2 tbody td.no         {border-right:#fff 1px solid;}
.board_list2 tbody td.no_cen     {border-right:#fff 1px solid; text-align:center;}
.board_list2 tbody td.no_cen_bg  {border-right:#fff 1px solid; text-align:center; background:#fdfdfd;}




/* 테이블3 */
.table_scrollx_wrap		{width:100%;overflow:auto;}
.board_list3                  	 {clear:both; border-collapse:collapse; width:640px; margin:0px; border-top:2px solid #595959;}
.board_list3 thead th            {padding:10px; background:#ebebeb; color:#353535; text-align:center; font-weight:bold; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}
.board_list3 thead th.no         {border-right:#fff 1px solid;}
.board_list3 tbody th            {padding:10px; background:#ebebeb; color:#1f51ad; text-align:center; font-weight:bold; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}
.board_list3 tbody th p          {color:#222222;font-size:0.8em;}
.board_list3 tbody td            {padding:10px; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid; padding-left:15px; font-size:13px;}
.board_list3 tbody td.tit        {padding:10px; background:#ebebeb; color:#353535; text-align:center; font-weight:bold; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}
.board_list3 tbody td.cen        {text-align:center;}
.board_list3 tbody td.bg         {background:#fdfdfd;}
.board_list3 tbody td.cen_bg     {text-align:center; background:#fdfdfd;}
.board_list3 tbody td.no_bg      {border-right:#fff 1px solid; background:#fdfdfd;}
.board_list3 tbody td.no         {border-right:#fff 1px solid;}
.board_list3 tbody td.no_cen     {border-right:#fff 1px solid; text-align:center;}
.board_list3 tbody td.no_cen_bg  {border-right:#fff 1px solid; text-align:center; background:#fdfdfd;}



/* 공간 */
	div.space5	{height:5px; clear:both;}
	div.space10	{height:10px; clear:both;}
	div.space15	{height:15px; clear:both;}
	div.space20	{height:20px; clear:both;}
	div.space30	{height:30px; clear:both;}

/* 점선라인 */
	.dotddd	{height:3px; background:url(../images/dot3ddd.gif) repeat-x;}
	.dotccc	{height:3px; background:url(../images/dot3ccc.gif) repeat-x;}
	.doteee	{height:3px; background:url(../images/dot3eee.gif) repeat-x;}

/*제품리스트*/
	.products_sum_wrap	{width:170; height:190px; text-align:center; float:left; display:inline; margin-right:20px;}
	.products_sum_img	{text-align:center;}
	.products_sum_img img	{border:9px #eee solid;}
	.products_sum_name	{text-align:center; padding-top:3px;}


/*타이틀*/	
.tit_bg {width:200px; height:100px; background:url(../images/t_bg.png) no-repeat; color:#FFF; 
font-size:24px; letter-spacing:-1px; line-height:123px; text-align:center; margin-right:50px; float:left;   clear:both;}

/*.cont{  float:left; font-size:15px; padding-top:30px; background:url(../images/sub_line.png) no-repeat; margin-bottom:50px;}*/
/*.cont2{  float:left; font-size:15px;  background:url(../images/sub_line.png) no-repeat; margin-bottom:50px;}*/

.b_tit{font-size:20px; color:#2f3447;}
.cont_s{float:left; width:261px; margin:25px 11px 15px 0 ;}
.cont_s span{font-size:15px;}


/* company */
.company{clear: both; overflow: hidden;}
.company .title_wrap {width:100%;}
.company .title_wrap p.title{font-family:'Nanum Gothic';font-size: 2.0em;letter-spacing:-0.5px;font-weight:400;color:#333;padding: 10px 0;text-align:center;color:#fff;}
.company .title_wrap h3 {font-family:'Nanum Gothic';font-size:30px;font-weight:400;color:#333;letter-spacing:-2px;margin: 20px 0;}
.company .title_wrap p.cont{font-family:'Nanum Gothic';font-size: 13px;font-weight:400;color:#666;line-height:28px;/* margin:0 80px 0 0; */}
.company .title_wrap div.btn{border:1px solid #006ca7; background:#0b2f8d; width:160px;  font-family:'Nanum Gothic'; text-align:center; font-size:15px; margin:10px auto 10px; padding:13px;}
.company .content_wrap {width:100%;background: url(../company/images/company.jpg) no-repeat;background-size:cover;height: 150px;text-align: center;margin-bottom: 10px;}

.summary {margin-top: 0;}
.summary .table{width:100%; clear:both; border-collapse:collapse; border-top:2px solid #595959; border-right:#d8d8d8 1px solid; border-bottom:#d8d8d8 1px solid; border-left:#d8d8d8 1px solid; }
.summary .table th{font-family:'Nanum Gothic'; color:#1f51ad; font-size:14px; text-align:left; background:#ebebeb; padding:10px; border-bottom:#d8d8d8 1px solid; border-right:#d8d8d8 1px solid;}
.summary .table td{font-family:'Nanum Gothic'; color:#333; font-size:14px; text-align:left; padding:10px; border-bottom:#d8d8d8 1px solid; border-right:#d8d8d8 1px solid;}

/* history */
.history_wrap {clear: both; overflow: hidden;}
.history_wrap p {text-align:center;margin-bottom:10px;}
.history {width:100%; margin:0; padding:0; }
.history dl{padding: 0;margin: 0;border-bottom:1px dotted #999;clear: both;overflow: hidden;}
.history dt{/* float:left; *//* width:130px; */font-family:'Nanum Gothic';font-size: 24px;color:#e21f2a;font-weight:bold;/* margin-top:-12px; */padding: 0;}
.history dd{/* float:left; */font-family:'Nanum Gothic';font-size: 14px;color:#333;margin:0;padding:10px 0;}






/* 주요업무 */
h2.top_title {
    position: relative;
    /* float: left; */
    width: 100%;
    padding: 0;
    font-size: 36px;
    letter-spacing:-1px;
    text-align: center;
    color: #222;
    margin-top: 20px;
 }
h2.top_title:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    background: #5a6379;
}

h2.top_title span {
	font-size:24px;
	color:#333;
    z-index: 10;
    position: relative;
    padding: 0 10px;    display: inline-block;
    background: #fff;
}


/* cont3 */
.cont3_wrap{clear: both; overflow: hidden; margin-top:25px;}

.cont3 {width:100%; text-align:center; border-bottom:1px dotted #c8c8c8; float:none; background:#f3f3f3;}
.cont3 .tt{font-family:'Nanum Gothic'; font-size:15px; color:#333; line-height:28px; padding:40px;}
.cont3 .tt span{font-family:'Nanum Gothic'; font-size:18px; color:#0b5db5; font-weight:bold; line-height:30px;  margin:0 0 15px 0; display:inline-block;}

.cont3_last{width:399px; text-align:center; border-right:1px dotted #fff; float:left; background:#f3f3f3;}
.cont3_last .tt{font-family:'Nanum Gothic'; font-size:15px; color:#333; line-height:28px; padding:80px 40px;}
.cont3_last .tt span{font-family:'Nanum Gothic'; font-size:18px; color:#0b5db5; font-weight:bold; line-height:30px; margin:0 0 15px 0; display:inline-block;}

.img_center{text-align:center; margin:100px 0;}

/* cont3_nobg */
.cont3_nobg_wrap{clear: both; overflow: hidden;}

.cont3_nobg {width:100%; text-align:center; border-bottom:1px dotted #c8c8c8; float:none; background:#fff;margin-bottom: 20px;}
.cont3_nobg .tt{font-family:'Nanum Gothic'; font-size:15px; color:#333; line-height:24px; padding:10px;}
.cont3_nobg .tt span{font-family:'Nanum Gothic'; font-size:16px; color:#0b5db5; font-weight:bold; margin:0 0 15px 0; display:inline-block;}

.cont3_nobg_last{width:399px; text-align:center; border-right:1px dotted #fff; float:left; background:#fff;}
.cont3_nobg_last .tt{font-family:'Nanum Gothic'; font-size:15px; color:#333; line-height:24px; padding:40px 60px;}
.cont3_nobg_last .tt span{font-family:'Nanum Gothic'; font-size:16px; color:#0b5db5; font-weight:bold; margin:0 0 15px 0; display:inline-block;}

/* ocean */
.ocean{font-family:'Nanum Gothic'; font-size:14px; color:#333; line-height:28px; margin:10px 0 30px 0; padding-top:20px;  display:inline-block;}


/* contact */
.contact_wrap{clear: both; overflow: hidden;}
.contact {width:100%; text-align:center; border-bottom:1px dotted #c8c8c8;}
.contact .tt{font-family:'Nanum Gothic'; font-size:15px; color:#333; line-height:24px; padding:5px 15px 20px;}
.contact .tt span{font-family:'tahoma'; font-size:18px; color:#000; font-weight:bold; margin:0 0 5px 0; display:inline-block;}
.contact_last{width:299px; text-align:center; border-right:1px dotted #fff; float:left;}
.contact_last .tt{font-family:'Nanum Gothic'; font-size:15px; color:#333; line-height:24px; padding:20px 20px 0 20px;}
.contact_last .tt span{font-family:'tahoma'; font-size:18px; color:#000; font-weight:bold; margin:0 0 15px 0; display:inline-block;}

/* 오시는길 */
.location_table{clear:both; border-collapse:collapse; width:100%; border-top:1px solid #555; }
.location_table th{font-family:'Nanum Gothic'; font-size:14px; color:#222; text-align:left; padding:10px; background:#d8e6e7; border-bottom:#cccccc 1px solid; border-right:#cccccc 1px solid;}
.location_table td{font-family:'Nanum Gothic'; font-size:14px; color:#222; text-align:left;padding:10px; background:#FFF; border-bottom:#cccccc 1px solid; border-right:#cccccc 1px solid;}
.location_table td.no{border-right:#fff 1px solid;}

/*오시는길*/
.location {position:relative; clear:both;overflow:hidden;margin-bottom:10px;}
.location div.ico {float:left;position:relative;width:20px;}
.location div.ico img {max-width:100%;display:block;}
.location p {float:left; position:relative;line-height:28px;font-size:20px;padding-left:10px;}
.add {position:relative;font-size:16px;clear:both;padding-top:10px;}
.red {color:#FF0000; font-size:16px;}

/* 제품소개 */
.sum {float:left;width:46%;margin-right:2%;margin-left:2%;}
.sum.last {margin-right:0;}
.sum dl{background:#fff;  border:1px #d2d2d2 solid;}
.sum dt {text-align:center;}
.sum dd{font-family:'Nanum Gothic'; letter-spacing:-1px; font-size:15px; color:#333; font-weight:bold; line-height:22px; text-align:center; margin:10px 0;}
.sum dd img{margin-top:12px;text-align:center;}


/* 제품소개 details */
.details{}
.details dl{}
.details dt{text-align:center; margin:0; padding:0;}
.details dd{font-family:'Nanum Gothic'; font-size:30px; color:#000; line-height:1.5; letter-spacing:-2px; text-align:center; margin:0 0 10px 0;}
.details dd span{font-family:'Nanum Gothic'; font-size:18px; color:#555; line-height:36px; text-align:center; margin:4px 0 0 0; display:inline-block;}
.details_table{border-collapse:collapse; width:100%; border-top:1px solid #639759; margin:20px 0 0 0;}
.details_table th{font-family:'Nanum Gothic'; font-size:14px; color:#639759; text-align:left; font-weight:bold; letter-spacing:-0.4px; padding:5px; background:#f0f8ee; border-bottom:#e3e4e6 1px solid; border-right:#e3e4e6 1px solid;}
.details_table td{font-family:'Nanum Gothic'; font-size:14px; color:#222; text-align:left; line-height:24px;  letter-spacing:-0.4px; padding:5px; background:#fff; border-bottom:#e3e4e6 1px solid; border-right:#e3e4e6 1px solid;}
.details_table td span{font-family:'Nanum Gothic'; font-size:13px; color:#888; }
.details_table td.no{border-right:#fff 1px solid;}
.products2_table{border-collapse:collapse; width:100%; border-top:1px solid #555; margin:10px 0 0 0;}
.products2_table caption {font-family:'Nanum Gothic'; font-size:14px; color:#222; font-weight:bold; font-weight:bold; text-align:left; padding-bottom:5px;}
.products2_table th{font-family:'Nanum Gothic'; font-size:14px; color:#fff; text-align:center; padding:8px; background:#6f7784; border-bottom:#e4e4e4 1px solid; border-right:#e4e4e4 1px solid;}
.products2_table th.no{border-right:#fff 1px solid;}
.products2_table td{font-family:'Nanum Gothic'; font-size:14px; color:#222; text-align:center; line-height:24px; padding:8px; border-bottom:#e4e4e4 1px solid; border-right:#e4e4e4 1px solid;}
.products2_table td.no{border-right:#fff 1px solid;}

/*** 제품소개 섬네일 ***/
.products_bar	{ background:#0C93FD; font-size:20px; color:#fff; padding:5px 0 5px 15px;}
.products_end	{clear: both; height:50px;}
.products_sum{
	margin: 10px 0px 0px 0px;
}
.products_sum:after{
	display: block;
	clear: both;
	content: "";
}
.products_sum li {
	display: inline-block;
	width:48%;     height: 280px;margin:0 3% 10px 0;
	float: left;
	border: 1px solid #bbb;
	color: #333;
}
.products_sum li.even {margin: 0 0 10px 0;}

@media (max-width: 480px) {
	.products_sum li {float:none;width:100%;margin:0 0 10px 0;}
}

.products_sum li:hover{
	color: #fff;  background:#0C93FD; border: 1px solid #0C93FD;
}
.products_sum li div {text-align:center; margin-top:2px;}
.products_sum li div img {width:280px; height:207px;}
.products_sum li p {text-align:center; padding:12px 0 8px 0; font-size: 12pt; font-family:'NanumGothicWeb';
	text-decoration: none;}
	


/* cert */
.cert {width:100%; clear:both;}
.cert dl{float:left; width:48%; margin-right:4%;}
.cert dl.no{margin-right:0;}
.cert dt{color:#4f4f4f; border:1px #d8d8d8 solid;}
.cert dt img {max-width:100%;display:block;margin:0 auto;}
.cert dd{font-family:'Nanum Gothic'; font-size:15px; color:#222;  margin:10px 0 20px 0; text-align:center;}

.cert2 {width:100%; clear:both; text-align:center;}
.cert2 dl{text-align:center; display:inline-block; margin-top:30px;}
.cert2 dt{width:300px; border:1px #d8d8d8 solid;}
.cert2 dt img {max-width:100%;}
.cert2 dd{font-family:'Nanum Gothic'; font-size:15px; color:#222;  margin:10px 0 0 0; text-align:center;}

/* process */
.process{margin:30px 0 10px 0; clear:both; display:inline-block;}
.process .img{float:left; margin:0 25px 0 0;}
.process .cont{float:left; width:440px; margin:10px 0 0 0;}
.process .cont p{font-family:'Nanum Gothic'; font-size:15px; color:#222; text-align:left; line-height:26px; margin:0 0 8px 0;}
.process .cont span{font-family:'Nanum Gothic'; font-size:20px; color:#222; text-align:left; font-weight:bold; line-height:26px; padding:0 0 15px 0; display:inline-block;}




/* 프랜차이즈 */

.brand_title{text-align:center; font-size:18px;}

.message {margin:20px 0;padding:0 10px;}
.message li{margin-bottom:20px;}
.message li p{color:#ec6b34;}


html {overflow-y:scroll}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
nav ul, ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:dotum}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:underline}