.P-header {position:relative;}
.P-scontent {position: relative; margin: 0 auto;}	
.P-scontent_in {width: 100%; height: 100%; word-break:keep-all;}
.top_tit {padding:66px 0 0; border-top: 1px solid #ecf0f2; color:#00345a; font-size:40px; font-weight:700; line-height:1.5; text-align:left; z-index:-1;}
.top_tit small {display:block; font-size:18px; color:#333; font-weight:400; line-height: 1.5; margin:10px 0 0px;}
.top_tit:before {content:""; position:absolute; left:24%; top: 33px;}
.sub_wrap {width:1280px; margin:1% auto 120px;}
/* 게시판 */
.boxx3 a, a:hover {color:#000 !important;}
.sub_board_list_warp {max-width:100% !important; background: #f9f9f9 !important; margin: -50px auto 0; padding-top: 30px;}
form#schfrm {width:1280px; margin:0 auto; margin-top: -50px;}
#img-row-cover1 .img-row-div {width:1280px !important; float:none !important; margin:0 auto;}
#img-row-cover1 .img-url img {width:100% !important;}
.paging-pc {margin-bottom:0 !important; padding-bottom:80px !important;}
#SY_b02_list {width:1280px !important; margin:0 auto;}
#wrap_text {width:100%; min-height:64px; text-align:center; position: relative; padding:14px;}
#board-list-search .write_btn li p {background:#066dbd !important;}
.paginate_complex strong {color: #f80310 !important; border-bottom:2px solid #f80310 !important;}
/* 게시판 */


.mainTab {width:100%;height:60px; line-height:60px; border-bottom: 1px solid #e6e6e6;}
.tab {width:80%; margin: 0 auto; display: flex; flex-direction: row;justify-content: center; align-items: center;}
.tab li {position:relative;cursor:pointer; width:150px; height: 60px;float: left; margin:0 40px; font-size:18px; line-height: 2;font-weight:400; color:#000; text-align:center; border-bottom: 2px solid transparent; transition: .2s;}
.tab li.on {font-weight:600;border-bottom:2px solid #000; z-index: 1;line-height: 1;}

.tab_box, .tab_box2 {
  width:100%;
  padding-top: 50px;
  z-index:1;
}
.tab_boxIn, .tab_boxIn2 {
  height: 100%;
  text-align:center; 
  flex-flow : row wrap
}
.s_tab, .s_tab2 {
  height: 40px;
  line-height:40px;
  float:left;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 2px solid transparent;
  transition:all 0.3s ease;
  margin-right: 30px;
}
.s_tab a, .s_tab2 a {
  font-size: 16px;
  line-height: 30px;
  color: rgba(8, 26, 64, 0.5);
  font-weight: 800;
  display: inline-block;
}
.s_tab.on, .s_tab2.on {
  border-bottom: 3px solid #00345a!important;
  color: #00345a;
}
.s_tab:hover a, .s_tab2:hover a, .s_tab2.on:hover a {color:#00345a !important;}
.s_tab.on:hover a, .s_tab.on a {color:#00345a !important;}
.tab_boxIn:after, .tab_boxIn2:after {content:""; display:block; clear:both;}

/* sub01 */
.gasantech_subTxt {width:100%; margin:0 auto 60px; font-size:16px; font-weight:400; color:#333; line-height:2; word-break:keep-all;}
.gasantech_subtit {font-size: 32px;  line-height: 1.4; color: #00345a; font-weight: 400; margin: 60px 0 30px; text-transform: uppercase;}
.gasantech_subTxt p {width: 66%; font-size: 16px; font-weight: 400; color:#333; line-height: 1.5; font-weight: 400; float:left;}
.gs_rightwrap {position:relative; width: 30%; float: right;}
.gs_rightwrap.mobile {display:none;} 
.gasantech_img.swiper-container {width: 100%; border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius:50%; border-radius: 50%; margin-top: -100px; -webkit-appearance: none;}
.gasan_bgbox {width: 130%; position:absolute; top:-184px; left:50%; transform:translateX(-50%);}
.gasan_bgbox.second {top: -130px; z-index:2;}
.gasantech_about {margin-bottom: 100px;}
.gasantech_about:after {content:""; display:block; clear:both;}
.gasantech_history {float:left; width:60%;}
.gasantech_history ul {position: relative; border-left:1px solid #ddd; margin-left:180px;}
.gasantech_history ul + ul {padding: 20px 0;}
.gasantech_history ul li {font-size:16px; font-weight: 400; color:#333; position:relative; padding-left: 42px;} 
/*
.gasantech_history:before {content: ''; width: 273px; height: 273px; top: auto; bottom: -185px; right: 12px; z-index: -1;}
.gasantech_history:after {content: ''; width: 136px; height: 136px; position: absolute; top: 0; right: 0; background: #71cd48; border-radius: 100%;  top: 52%;  right: -40px;}
*/
.gasantech_history ul li:nth-child(1):before {content: ''; position: absolute; width: 10px; height: 10px; border-radius: 100px; background: #0b65a8;  left:189px;  top: 19px;   z-index: 1;}
.gasantech_history ul li:nth-child(1):after {content: ''; position: absolute; width: 20px; height: 20px; background: #e4efdf; border-radius: 100px;  left:184px;  top: 14px;  z-index: 0;}
.gasantech_history .year {font-size:26px; font-weight:600; letter-spacing:0.5px; color:#0b65a8; width: auto; position: absolute; left: -194px; top:11px;}
.gasantech_history ul:nth-child(1) .year {top:-7px;}
.his_img_wrap {position: relative; float: right; width:40%; padding: 0 0 79px;}
.his_img_box {position: absolute;left: -30px; width:100%; height: 600px; background: url("../images/sub/history.png") no-repeat center / cover; -webkit-border-radius: 100px 0 0 0; -moz-border-radius: 100px 0 0 0; border-radius: 100px 0 0 0;}
.his_bg {margin-top:300px; width:830px; height: 380px; background: url("../images/sub/history_bg.png") no-repeat center / cover;}
.gasantech_hwrap:after {content:""; display:block; clear:both;}
/*.his_img_wrap:before {
position: absolute;
z-index: -1;
bottom: 0;
right: -300px;
display: block;
width: 831px;
height: 450px;
content: '';
background: url("../images/sub/history_bg.png") 0 0 no-repeat;
}*/
.gasantech_partner li {position:relative; width:23%; height:180px; margin:1%; float:left; background: #fff; border:1px solid #ddd; padding:0 0 10px;}
.gasantech_partner li div {width:90%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);font-size:16px; font-weight: 400; color:#333; text-align:center; line-height:1.3; word-break:keep-all;}
.gasantech_partner li img {display:block; margin:0 auto; padding-bottom:15px; mix-blend-mode: multiply;}
.gasantech_partner:after {content:""; display:block; clear:both;}
.map {width: 100%;height: 400px;overflow: hidden;}
.location {margin-top:150px;}
.map_explain ul {width:33.33%; margin-top:30px; float:left;}
.map_explain li {padding:5px 0;}
.map_explain ul:first-child li b {display:inline-block; width:80px;}
.map_explain ul:nth-child(2) li:nth-child(2), .map_explain ul:nth-child(3) li:nth-child(2) {padding-left: 40px;}
.map_explain li b {color: #1a1e21; font-size: 18px; font-weight: 600; margin-right:20px;}
.map_explain li .circle {position:relative; display:inline-block; width: 30px; height: 30px; background:#386de8; border-radius:50%; margin-right:10px; color: #fff; text-align: center;  line-height: 30px; font-weight: 700;  font-size: 18px; vertical-align: bottom;}
.map_explain li .circle.subway {background:#8bc53f;}
.map_explain i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.map_explain:after {content:""; display:block; clear:both;}

/*.gasantech_table {width:100%; margin-top:4%; text-align:center;}
table.gasantech_table {margin-top:12px;margin-bottom: 15%;}
.gasantech_table tr:first-child th {background:#0b65a8 !important; color:#fff; font-weight:400; padding:13px 0;}
.gasantech_table tr:first-child th:nth-child(1) {border-right:1px solid #3682bb; }
.gasantech_table tr:first-child th:nth-child(2) {border-right:1px solid #3682bb; border-left:1px solid #3682bb;}
.gasantech_table th, .gasantech_table td {padding:18px 10px; line-height:1.3; font-size:14px; text-align: center; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; background: #fff; word-break:keep-all;}
.gasantech_table th {font-size:16px; font-weight:600; padding:22px 10px;}
.gasantech_table td:last-child {border-right:0;}
//
.pro_table table {width:100%; text-align:center; border-top:2px solid #0b65a8;}
.pro_table table th {width:50%; padding:8px 10px; line-height:1.4; font-size:16px; font-weight:normal; text-align: center; color:#000; border-top: solid 1px #e4e4e4; border-left: 1px solid #e4e4e4; background: #f4f6ff; word-break:keep-all}
.pro_table table td {width:50%; padding:20px; line-height:1.6; font-size:15px; text-align:center; color:#333; border-top: solid 1px #e4e4e4; border-bottom: 1px solid #0b65a8; border-left: 1px solid #e4e4e4; word-break:keep-all; }
.pro_table table th {font-size:16px; font-weight:600; padding:22px 10px;}
.pro_table table th:first-child, .pro_table table td:first-child {border-left:0;}
.pro_table table td:last-child {border-right:0;}
.pro_table .gasantech_subtit {margin: 70px 0 14px;}
.pro_table .gasantech_subtit:first-child {margin-top:60px;}
*/

.pro_table .gasantech_subtit {float:left;}
.pro_explaintxt {width:88%; float:right; margin-top: 64px; text-align:left;}
.pro_explaintxt p {font-size: 17px; font-weight: 400; line-height:1.8;}
.pro_explaintxt p span {width: 90%; display: inline-block; overflow: hidden; vertical-align: top;}
.pro_explaintxt small {display: block; font-size: 15px; font-weight: 400; line-height:1.8; color:#8a8f92; padding-left: 8px;}
.line {display:block; width:100%; height:1px; background:#dcdcdc; margin-top:60px;}
/* sub01 */


@media all and (max-width:1280px){
  .wrap, .Bottom_con {max-width:initial; height: 100%;}
  .wrap, .footer_in {width:90%;}
  .his_img_wrap {width:35%; margin-top:60px;}
  .his_img_box {height:500px;}
  .his_bg {height:280px;}
  .gasantech_partner li img {height:90px;}
  form#schfrm, #SY_b02_list {width:90% !important;}
  #SY_b02_list, #board-list-search {padding:0 !important;}
}

@media all and (max-width:876px){
  .top_tit {font-size:36px;}
  .gs_rightwrap {display:none;}
  .gs_rightwrap.mobile {display:block; float:none; margin:140px auto 50px; width:50%;}
  .gasan_bgbox { top: -14px;}
  .gasan_bgbox.second {top: 32px; width: 136%;}
  .gasantech_subTxt p {width:100%;}
  .gasantech_subtit {font-size:28px; margin:30px 0 20px;}
  .gasantech_history .year {font-size: 20px; left:-138px;}
  .gasantech_history ul + ul {padding: 15px 0;}
  .gasantech_history ul {margin-left: 130px;}
  .gasantech_history ul li {padding-left:22px; font-size: 15px; line-height:1.8;}
  .gasantech_history ul li:nth-child(1):before {left:133px; width: 8px; height: 8px; top: 15px;}
  .gasantech_history ul li:nth-child(1):after {left:129px; width: 16px; height: 16px; top: 11px;}
  .his_img_box {height: 400px;}
  .his_bg {height: 180px;}
  .gasantech_partner li {width: 31%;}
  .gasantech_partner li div {font-size: 15px;}
  .location {margin-top: 150px;}
  .map {height:300px;}
  .map_explain li b {font-size: 16px;}
  .map_explain ul:first-child li b {width:60px;}
  .map_explain ul {width: 25%;}
  .map_explain ul:first-child {width: 50%;}
  .map_explain li .circle {width:28px; height:28px;}
  .pro_table .gasantech_subtit {float:none; margin: 30px 0 10px; word-break:keep-all;}
  .pro_explaintxt {width: 100%; float: none; margin-top:0;}
  .line {margin-top:40px;}
  .pro_explaintxt p {font-size:16px; word-break:keep-all;}
}

@media all and (max-width:640px){
  .top_tit {font-size:34px;}
  .gasantech_subtit {font-size: 26px; margin:20px 0 30px;}
  .gasantech_img.swiper-container.mobile {width:60%;}
  .gasantech_history {width:100%;}
  .his_img_wrap {display:none;}
  .location {margin-top: 150px;}
  .map_explain ul {width: 50%; margin-top: 15px;}
  .map_explain ul:first-child {width: 100%; float:none; border-bottom:1px solid #ccc; padding-bottom: 15px;}
  .gasantech_partner li {width: 48%;}
  .uk_search_select_ul li {margin-top:0 !important;}
  .top_tit.ga_board {padding-bottom:20px;}
  .pro_table table th, .pro_table table td {padding:14px 10px;}
  .pro_table table th {font-size:15px;}
  .pro_table table td {font-size:14px; line-height:1.8;}
  .pro_table .gasantech_subtit:first-child {margin-bottom:14px;}
}

@media all and (max-width:480px){
  .s_tab, .s_tab2 {margin-right:22px;}
  .top_tit {font-size:28px;}
  .gasantech_subtit {font-size: 24px;}
  .gasantech_subTxt p {font-size:15px; line-height:1.8;}
  .gs_rightwrap.mobile {width:80%; margin:140px auto 50px;}
  .map_explain ul {width: 100%;}
  .gasantech_partner li {width: 100%; margin-bottom:1%;}
  .gasantech_history ul {margin-left: 120px;}
  .gasantech_history .year {font-size: 18px;}
  .pro_explaintxt p {font-size:15px; word-break:keep-all;}
  /*.gasantech_table {white-space: nowrap;}*/
}