@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
.base-tit {font-size: 30px; font-weight: 300; color: #017cc1; line-height: 48px; text-transform: uppercase;}
.base-tit span {display: block; font-size: 35px; font-weight: 500;}
.base-txt {font-size: 16px; color: #757575; line-height: 28px; word-break: keep-all;}
.base-txt strong {font-weight: 500; color: #333;}
.base-txt strong.blue {color: #0075c8;}
.base-tbl {width: 100%; font-size: 16px;}
.base-tbl th,
.base-tbl td {border: 1px solid #e8e8e8; text-align: center; padding: 28px 0px;}

.base-tbl th {background:#f5f5f5; color: #000; font-weight: 400;}
.base-tbl td.title_color { color:#333; font-weight:500; width:170px; }
.base-tbl td.text_left { text-align:left; padding-left:70px;}
.base-tbl td.pl70 { padding-left:70px;} 
.base-tbl td.border_none { border-bottom:1px solid transparent; }
span.int20 {display: block; padding-left: 10px;}
.base-tbl td.add { width:140px; }



/*회장인사말*/
.ceo .tit {text-align: center; font-weight: 500; font-size: 28px; color: #149c6a; }
.ceo-top {
  width: 100%; height: 261px; background: url(../images/ceo-top.jpg) 0 0 no-repeat;
  display: table;
}
.ceo-top span {display: table-cell; vertical-align: middle; font-size: 17px; text-align: center; color: #fff; line-height: 36px;}
.ceo-bottom {margin-top: 35px;display:flex;align-items: flex-start;    justify-content: flex-start;}
.ceo-bottom .fl {width: 254px;}
.ceo-bottom .fr {width: 685px;}
.ceo-img{width:270px;padding-right:45px}
.ceo-introduce{text-align:center;margin-top:35px;font-size:16px;color:#757575;font-family: 'Noto Sans KR', sans-serif;font-weight:400}
.ceo-img .span1{padding-top:5px;font-size:16px;color:#757575;font-family: 'Noto Sans KR', sans-serif;font-weight:400}
.ceo-img .span2{font-size:15px; color:#333;font-weight:500;padding-right:12px;font-family: 'Noto Sans KR', sans-serif;}
.ceo-img strong{font-size:20px; color:#333;font-weight:bold;font-family: 'Noto Sans KR', sans-serif;}
.ceo-img p{text-align:center;}
.pd-10{padding-top:10px;}
/*협회개요*/
.outline {position: relative;}
.outline .outline-line {
	position: absolute;
  left: 70px;
	top: 0;
	bottom: 0;
	width: 1px;  background: url(../images/outline-line.gif) 0 0 repeat-y;
}
.outline .tit {position: relative;}
.outline .tit .tit-num {
  display: block; width: 30px; height: 30px; background: url(../images/outline-num.png) 0 0 no-repeat; font-size: 0; text-indent: -9999px;
  position: absolute; top: 0; left: 55px;
}
.outline .tit .tit-num.num2 {background-position: 0 -30px;}
.outline .tit .tit-num.num3 {background-position: 0 -60px;}
.outline .tit .tit-num.num4 {background-position: 0 -90px;}
.outline .tit .tit-txt {font-size: 28px; font-weight: 500; color: #149c6a; position: relative; left: 125px; top: 0;}
.outline .txt {margin-top: 30px; width: 740px; position: relative; left: 130px;}
.outline .txt .txt-list li {
  margin-top: 35px;
  padding-left: 15px;
  background: url(../images/outline-sq.gif) 0 10px no-repeat;
  font-size: 18px;
  line-height: 26px;
}
.outline .txt .txt-list li span {display: block; font-size: 16px;}
.outline .txt .stxt {margin-top: 10px; line-height: 22px;}
.outline .txt table .tal {padding-left:30px;}
.outline .txt table .tal1 {padding-left: 170px;text-align:left;}
.outline .txt .green {color: #149c6a;}

.outline-tbl {width: 100%; font-size: 14px; margin-top:20px;}
.outline-tbl th,
.outline-tbl td {border: 1px solid #e2e2e2;}
.outline-tbl tr {border: 1px solid #e2e2e2; height:90px;}
.outline-tbl th {background: #e2e2e2; color: #333; font-weight: normal; padding: 12px 0;}
.outline-tbl td {text-align: center; color: #656565; padding: 15px 5px;}

.outline-tbl1 {width: 100%; font-size: 14px; }
.outline-tbl1 th,
.outline-tbl1 td {border: 1px solid #e2e2e2;border-top: 1px solid #fff;}
.outline-tbl1 tr {border: 1px solid #e2e2e2; height:90px;}
.outline-tbl1 th {background: #e2e2e2; color: #333; font-weight: normal; padding: 12px 0;}
.outline-tbl1 td {text-align: center; color: #656565; padding: 15px 5px;}



/*회원사 소개*/
.member .tit {text-align: center; font-weight: 500; font-size: 24px; color: #149c6a;}
.member  table th {font-size:18px;}
.member  table tr {padding:10px 0;}
.member  table tr a {display:inline-block; width:200px; font-size:0;}


/*오시는길*/
.location-ad {
  padding: 25px 0 40px;
  border: solid #e8e8e8; border-width: 0 1px 1px 1px;
  border-top: 2px solid #0391d2;
  color: #6d6d6d; font-size: 15px; letter-spacing: -0.075em;
}
.location-ad p {margin-top: 15px;}
.location-ad span {
  margin-right: 10px;
  padding-right: 10px;
  width: 50px;
  display: inline-block;
  border-right: 1px solid #ccc;
  color: #0391d2;
}
.location-ad em {
  display: inline-block;
  width: 1px; height: 8px; background: #b0b0b0;
  margin: 0 5px 0 6px;
  vertical-align: top;
  position: relative; top: 9px;
  letter-spacing: -0.05em;
}

.location-ad .fl {
  margin-left: 35px;
  width: 650px; height: 50px;
}
.location-ad .fr {width: 250px;}



/* 벙커링 바로알기 */
.lng {width: 740px; margin: 0 auto;}
.lng .tit {font-size: 28px; font-weight: 500; color: #0894c9;}




/************* LNGbunkering006 ****************/
.LNGbunkering006 .cont_top ul{border-bottom:1px solid #b4b4b4;overflow:hidden;}
.LNGbunkering006 .cont_top li{text-align:center;line-height:26px;font-weight:bold;width:115px;float:left;height:26px;border:1px solid #b4b4b4;border-bottom:0 none;background:url(../images/bg/bg_sub02_06_th.jpg) repeat-x; }
.LNGbunkering006 .cont_top li a{color:#999999;text-decoration:none;font-weight:500; font-size:14px; display:block; width:100%; line-height:26px; }
.LNGbunkering006 .cont_top li.on{border:1px solid #0a1b73;border-bottom:0 none;background:#0a1b73;}
.LNGbunkering006 .cont_top li.on a{color:#ffffff;}
.LNGbunkering006 .cont_top input{width:116px;height:18px;border:1px solid #747474;}.LNGbunkering006 .cont_top input{width:116px;height:18px;border:1px solid #747474;}
.LNGbunkering006 .cont_top select{width:116px;height:20px;border:1px solid #747474;vertical-align:bottom;}.LNGbunkering006 .cont_top input{width:116px;height:18px;border:1px solid #747474;}
.LNGbunkering006 .cont_top p>img{vertical-align:top;}
.LNGbunkering006 .cont_top table th{text-align:left;padding-left:20px;}
.LNGbunkering006 .cont_top table td{text-align:left;padding-left:80px;}
.LNGbunkering006 .cont_top table td.bold{padding-left:40px;}
.LNGbunkering006 .cont_top table .bg_th01{background:url(../images/icon/icon_arrow_right02.png) no-repeat right center #f3f9fb;}
.LNGbunkering006 .cont_area h5{height:32px;background-color:#e1e1e1;padding:6px 0 0 12px;margin:20px 0;}
.LNGbunkering006 .cont_area>p{padding:0 20px 20px;line-height:18px;}

.LNGbunkering006  p {margin:5px 0; line-height:22px; font-size:15px; }
.LNGbunkering006 table{width:100%; border-top:2px solid #485e8d;border-bottom:1px solid #454545; line-height:20px; }
.LNGbunkering006 table th{padding:15px 0;border-bottom:1px solid #dadada;background-color:#f3f9fb; color:#333; font-weight:500;font-size:16px;}
.LNGbunkering006 table td{padding:15px 0;border-bottom:1px solid #dadada;text-align:center; font-size:15px;}
.LNGbunkering006 .bg_tr01 td{background-color:#f6f6f6;}
.LNGbunkering006 table tr.border_bot td{border-bottom:0 none;}
.LNGbunkering006 .cont_area>ul{margin:0 0 10px 15px;}
.LNGbunkering006 .cont_area>ul li{background:url(../images/icon/icon_bullet01.png) no-repeat left 8px;padding:0 15px;line-height:2em;letter-spacing:-0.07em;}
.LNGbunkering006  li.bold {font-weight:500; color:#333; margin-top:20px; margin-bottom:5px;}



/* 탭메뉴 */
.board-tab {border-bottom:1px solid #b4b4b4;overflow:hidden; margin-bottom:10px;}
.board-tab li{text-align:center;line-height:26px;font-weight:bold;width:115px;float:left;height:26px;border:1px solid #b4b4b4;border-bottom:0 none;background:url(../images/bg/bg_sub02_06_th.jpg) repeat-x; }
.board-tab li a{color:#999999;text-decoration:none;font-weight:500; font-size:14px; display:block; width:100%; line-height:26px; }
.board-tab li.active{border:1px solid #0a1b73;border-bottom:0 none;background:#0a1b73;}
.board-tab li.active a{color:#ffffff;}

/* 사이트 맵 */
.sitemap {
	display:block;
	width: 1000px; float: left;
	overflow:hidden;
}
.sitemap_mb {	
	margin-bottom:50px;
}
.sitemap dl {
	width: 230px; float: left;
	margin-left: 25px;
}
.sitemap dl:first-child {margin-left:0;}
.sitemap dt {
	padding: 13px 0px 12px 5px; 
	color: #1e2189; 
	font-size: 17px; 
	border-top:2px solid #1e2189;;
}
.sitemap dt a {
	color: #1e2189;
}
.sitemap dd {
	border-bottom: 1px solid #bfbfbf;
}
.sitemap dd > ul {
	background: url("../images/bg_tableline.gif") repeat-x 0px 0px;
}
.sitemap dd ul li {
	padding: 14px 0px 13px 5px;
	border-top: 1px solid #e9ecee;
}
.sitemap dd ul li a {
	color: #333; font-size: 14px; text-transform:uppercase; 
}
.sitemap dd ul li:first-child {
	border: 0px currentColor;
	border-image: none;
}
.sitemap dd ul li ul {
	padding-top: 3px;
}
.sitemap dd ul li ul li {
	background: url("../images/bl_sublist.gif") no-repeat 1px 10px; padding:
	0px 0px 0px 8px; border: 0px currentColor;
	border-image: none;
	line-height: 22px; margin-top: 2px;
}
.sitemap dd ul li ul li a {
	color: #333; font-size: 13px;
}
.sitemap .clear {
	padding-top: 50px;
}