/* common */
/* font-family: 'Nanum Square'; */
#subWrap { padding:100px 0 0 0; font-size:15px; font-size:14px; }
#subContents { border:1px solid #e0e0e0; border-top:none; border-bottom:none; min-height:800px; padding:0 0 100px 0;}
#subContents .cont { padding:30px 5% 100px 5%;position:relative; /*width:calc(100% - 10%); */max-width:1200px;/* display:inline-block;*/ 
	box-sizing:border-box;
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-ms-box-sizing:border-box;

}

#sv { background-size:cover !important; height:235px; text-align:center; color:#fff; display:table; width:100%;}
#sv dl { display:table-cell; vertical-align:middle;}
#sv dl dt { font-size:46px; font-family: 'Exo', sans-serif; margin:0 0 20px 0;}
#sv dl dd { font-size:16px;  font-family: 'Nanum Square','나눔스퀘어'; }

.sv01 { background:url("/img/sub/sv01.jpg") no-repeat center top; }
.sv02 { background:url("/img/sub/sv01.jpg") no-repeat center top; }
.sv03 { background:url("/img/sub/sv01.jpg") no-repeat center top; }
.sv04 { background:url("/img/sub/sv01.jpg") no-repeat center top; }
.sv05 { background:url("/img/sub/sv01.jpg") no-repeat center top; }

.tit h3 { color:#111; font-size:20px; font-weight:700; line-height:1.3; margin-bottom:-40px; }

.img_center img { width:auto; max-width:100%;}

/* 탭 스타일*/
.tabWrap { position:relative;}
.tabWrap > p  { display:none; }
.tabSt1 { font-size:0; text-align:center;}
.tabSt1 li {  height:55px; background:#fff; border:1px solid #ccc; display:inline-block; font-size:14px; color:#393939; width:207px; cursor:pointer;}
.tabSt1 li a { display:block; line-height:55px;}
.tabSt1 li.on a { color:#fff;}
.tabSt1 li.on { background:#525050; color:#fff;}

.tabSt2 { border-bottom:1px solid #d0d0d0;  text-align:center; height:43px;}
.tabSt2 li { border:1px solid #c7c7c7; border-radius:4px 4px 0 0; float:left; width:173px; border-bottom:none; background:#f6f6f6; line-height:43px; height:43px; cursor:pointer;
	box-sizing:border-box;
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-ms-box-sizing:border-box;
}
.tabSt2 li.on { background:#fff; height:44px; border-bottom:#fff;} 

.tabSt3 { font-size:0; text-align:center; margin-top:60px; }
.tabSt3 li {  height:55px; background:#fff; border:1px solid #ccc; display:table; /*display:inline-block;*/ float:left;  font-size:14px; color:#393939; width:19.8%; cursor:pointer; box-sizing:border-box;}
.tabSt3 li a { display:block; /*line-height:55px;*/ height:100%; display:table-cell; vertical-align:middle; }
.tabSt3 li.on a { color:#fff;}
.tabSt3 li.on { background:#525050; color:#fff;}

/* 타이틀 스타일 */
.titleSt3 {font-size:16px; color:#444; font-weight:700; /* margin-bottom:15px; */ position:relative; padding:0 0 0 12px; line-height:140%;} 
.titleSt3:before { content:""; width:3px; height:14px; background:#e70618; display:inline-block; vertical-align:middle; top:3px; left:0;  position:absolute; }
.text_pl {color:#565656;  font-size:15px; padding: 0 0 0 12px; line-height:160%; display:inline-block; }
.line_s {font-size:19px; color:#444444; border-bottom:1px solid #444; padding-bottom:5px; font-family: 'Nanum Square','나눔스퀘어'; display:inline-block; }
.img_center {width:100%; height:auto; display:inline-block; text-align:center; margin-bottom:60px; }
.rightv {font-size:16px; color:#444; font-weight:700; float:right; margin-bottom:15px; }


/* 네비 */
.navi { border-bottom:1px solid #e0e0e0; height:40px;}
.navi > article { float:left; font-family: 'Nanum Square','나눔스퀘어';  border-right:1px solid #e0e0e0; position:relative; box-sizing:border-box; } 
.navi > article.home { width:50px; text-align:center; line-height:40px; }
.navi > article.home img { vertical-align:middle;}
.navi > article.depth { width:256px;  }
.navi > article.depth1 a { display:block; }
.navi > article.depth > div { position:absolute; top:100%; background:#6e6f72;  width:100%;  z-index:10; height:0; overflow:hidden;}
.navi > article.depth > div a { padding:0 0 0 27px; color:#fff;     border-top: 1px solid #848487; display:block; line-height:50px;}
.navi > article.depth > a { font-size:16px; line-height:40px; padding:0 0 0 27px; background:url("/img/sub/navi_bg.gif") no-repeat 95% center; display:block; }
.navi > article.depth > div a:hover { background:#ee1d25;}

/* contens top*/
.contents .top { text-align:center; padding:70px 0 0 0;}
.contents .top > h2  { font-size:38px; color:#333; font-weight:700; font-family: 'Nanum Square','나눔스퀘어'; }
.contents .top > h2:after { content:""; width:52px; height:3px; background:#ed1b24; display:block; margin:25px auto 0;}

/* 240115 */
.new_map_box{font-size:0;}
.new_map_box h5{margin-bottom: 14px;}
.new_map_box > div {width: 100%; min-height:80px; padding:40px 60px; background:#f7f7f7 url(/img/sub/map_line_new.gif)no-repeat right top; border:1px solid #e5e5e5; box-sizing:border-box; display:inline-block; }
.new_map_box > div ul li {color:#565656; padding-left:10px; margin-bottom:12px; font-size:14px; position:relative; line-height:180%;}
.new_map_box > div ul li:before { content:""; width:4px; height:4px; background:#ed1b24; display:block; border-radius:2px; position:absolute; top:10px; left:0}
.new_map_box > div ul li:last-of-type{margin-bottom:0;}

/* 표스타일 */
.table_s table { border-top:2px solid #565656; margin:17px 0 20px 0;}
.table_s table th { background:#f5f7f7; font-weight:700;}
.table_s table th,
.table_s table td { padding:15px 20px; border:1px solid #c9c9c9; font-size:14px; line-height:1.4;}
.table_s table th:first-child,
.table_s table td:first-child { border-left:none;}
.table_s table th:last-child,
.table_s table td:last-child { border-right:none;}
.table_s table td:first-child { font-weight:700; }

/* 인사말 */
#greeting {  margin:100px 0 0 0; }
#greeting .txt {margin:-60px 0 0 0; width:48%; }
#greeting .txt p { line-height:28px; margin:0 0 40px 0; letter-spacing:-0.5px; float:right;}
/* #greeting .txt p:first-child { float:right;} */
#greeting .txt p:last-child { margin:0; }
#greeting .txt p.ceo {font-size:15px; font-weight:600; float:right; margin-right:40px; display:block; /*width:130px; */height:30px; }
#greeting .txt p.ceo span { display:inline-block; vertical-align:super; margin:0 0 0 15px;}
#greeting .img { position:absolute; right:60px; top:0;}


/* 창고료 조회*/
.container {  margin:50px 0 0 0;}
#lookup .container .table { margin:60px 0 0 0; display:none;}
#lookup .container .table.table01 { display:block;}
#lookup .container .table table { border-top:2px solid #565656; margin:17px 0 0 0;}
#lookup .container .table table th { background:#f5f7f7; font-weight:700;}
#lookup .container .table table th,
#lookup .container .table table td { padding:15px 12px; border:1px solid #c9c9c9; font-size:14px; line-height:1.4; }
#lookup .container .table table th:first-child,
#lookup .container .table table td:first-child { border-left:none;}
#lookup .container .table table th:last-child,
#lookup .container .table table td:last-child { border-right:none;}
#lookup .container .table table td:first-child { font-weight:700; }
#lookup .container .table table td.left { text-align:left }
#lookup .container .table .col1 { width:30%; text-align:center;}
#lookup .container .table table td p { margin:0 0 8px 0;}
#lookup .container .table table td p:last-child { margin:0; }
#lookup .container .table .info { margin:40px 0 0 0; border:1px dashed #dcdcdc; padding:30px; position:relative; width:95%; display:inline-block; }
#lookup .container .table .info dl { }
#lookup .container .table .info dl dt { color:#4258a4; font-weight:700; margin:0 0 14px 0;}
#lookup .container .table .info dl dt:before { content:""; width:12px; height:12px; border:3px solid #162e90; border-radius:50%; display:inline-block; box-sizing:border-box; vertical-align:top; margin:0 8px 0 0;}
#lookup .container .table .info dl dd { color:#565656; }
#lookup .container .table .info dl dd { line-height:22px; }
#lookup .container .table .info span { position:absolute; right:30px; bottom:30px; font-size:13px;}
#lookup .container .table .info span:before { content:""; width:4px; height:4px; background:#888; display:inline-block; vertical-align:middle; margin:0 5px 0 0;}
#lookup .container .table li:first-child {width:40%; float:left; }
#lookup .container li:last-child table {width:60%; float:right; border-left:1px solid #ddd; }
#lookup table input, #lookup table select  {height:24px; border-radius:4px; border:1px solid #ccc; padding: 0 10px; }
#lookup .bottom_button a {height:40px; width:160px; background:#fff; border-radius:4px; text-align:center; line-height:40px; margin:20px auto; display:block; border:1px solid #ed1b24; color:#ed1b24}
#lookup .bottom_button a:hover { background:#525050; color:#fff; border:1px solid #525050;}

#lookup .container .table table.b-list { text-align:center }
#lookup .container .table table.b-list td:first-child { font-weight:400; }

/* contactUs */
#contactUs {min-height:200px; }
#contactUs table {width:100%; float:left;text-align:center; }
#contactUs .tblLast {border-left:1px solid #ddd; }
#contactUs .mailTo {text-indent:-10000px; overflow:hidden; background:url(/img/sub/mailto.jpg)no-repeat; width:21px; height:15px; display:block; /* float:right; */ margin: auto; }

/* overview */
#overview { }
#overview .list { }
#overview .list > ul { text-align:center; position:relative; font-size:0;}
#overview .list > ul > li { width:44.16666666667%; display:inline-block; vertical-align:top; text-align:left; border:1px solid #ccc; height:350px; box-sizing:border-box; background-size:cover !important; position:relative; margin:0 1.58333333333% 20px 0; line-height:1.2; position:relative;}
#overview .list > ul > li a {}
#overview .list > ul > li:nth-child(2n) { margin:0 0 20px 0;}
#overview .list > ul > li .tit {font-size:18px; font-weight:700;  color:#fff; }
#overview .list > ul > li .tit span { font-size:12px; color:#e3e3e3; display:inline-block; margin:0 0 0 3px; }

#overview .list .ov { padding:37px 10%; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.8); left:0; top:0; box-sizing:border-box; display:none;}
#overview .list .ov .tit { border-bottom:1px solid #9da0a2; padding:0 0 18px 0;}
#overview .list .ov .tit:before { content:""; width:3px; height:16px; background:#e70618; display:inline-block;margin:0 8px 0 0;}
#overview .list .ov > .txt { padding:20px 0 0 13px; }
#overview .list .ov > .txt li { color:#fff; font-size:15px; margin:0 0 10px 0; position:relative; padding:0 0 0 10px;}
#overview .list .ov > .txt li:before { content:""; width:4px; height:4px; background:#fff; display:block; position:absolute; left:0; top:5px; }
#overview .list .ov > .txt li:last-child { margin:0;}
#overview .list .ov > .txt li:before { background:#fff;}
#overview .list .view { width:90px; height:30px; background:url("/img/sub/arrow_red.png") no-repeat 70px center #fff; display:block; border-radius:15px; color:#e70618; font-weight:700; text-align:center; line-height:30px; font-size:12px; position:absolute; right:11%; top:31px; }
#overview .list .ov .tit span { display:block; margin:5px 0 0 10px;}

#overview .list > ul > li:nth-child(1) .img { background:url("/img/sub/overView_img01.jpg") no-repeat center top; }
#overview .list > ul > li:nth-child(2) .img { background:url("/img/sub/overView_img02.jpg") no-repeat center top; }
#overview .list > ul > li:nth-child(3) .img { background:url("/img/sub/overView_img03.jpg") no-repeat center top; }
#overview .list > ul > li:nth-child(4) .img { background:url("/img/sub/overView_img04.jpg") no-repeat center top; }
/* #overview .list > ul > li:nth-child(5) .img { background:url("/img/sub/overView_img03.jpg") no-repeat center top; } */
#overview .list > ul > li:nth-child(5) .img { background:url("/img/sub/overView_img05.jpg") no-repeat center top; }
#overview .list > ul > li .img {position:relative; margin:0 0 20px 0; height:269px; background-size:cover !important;}
#overview .list > ul > li .img .tit { position:absolute; width:100%; bottom:0; height:50px; line-height:50px; background:rgba(0,0,0,0.7); padding:0 0 0 9.24528301887%; box-sizing:border-box;}
#overview .list > ul > li .img .tit .more { display:block; width:26px; height:26px; border:1px solid #fff; background:url("/img/sub/arrow_white.png") no-repeat center; box-sizing:border-box; position:absolute; right:39px; top:12px;}
#overview .list > ul > li .info { padding:0 0 0 9.24528301887%;}
#overview .list > ul > li > .info li { font-size:15px; margin:0 0 10px 0;  position:relative; padding:0 0 0 11px; }
#overview .list > ul > li > .info li:last-child { margin:0; }
#overview .list > ul > li > .info li:before { content:""; width:4px; height:4px; background:#333; display:block; position:absolute; left:0; top:5px; }

/* map */
#map article {width:100%; height:auto; display:inline-block; }
#map section {width:48%; float:left; margin-bottom:20px;  }
#map section:first-child {margin-right:4%}
#map section h5 {margin-bottom:20px; }
#map div {width: 100%; min-height:80px; padding:4% 10%; background:#f7f7f7 url(/img/sub/map_line.gif)no-repeat right top; border:1px solid #e5e5e5; box-sizing:border-box; display:inline-block; }
#map div ul li {color:#565656; padding-left:10px; font-size:14px; position:relative; line-height:180%;}
#map div ul li:before { content:""; width:4px; height:4px; background:#ed1b24; display:block; border-radius:2px; position:absolute; top:10px; left:0}

/* history */
#history .container .left {width:424px; float:left; text-align:right; }
#history .container .left p{font-size:26px; line-height:35px; color:#4c4c4c; font-family: 'Nanum Square'; font-weight:600; }
#history .container .left p span {color:#c7c7c7; }
#history .container .right {float:right; background:url(/img/sub/his_line.png) repeat-y 87px 0; width:55%; margin-bottom:100px; }
#history .container .right dl {min-height:50px; margin: 0 0 30px 0; display:block;  }
#history .container .right dl dt {font-size:24px; font-weight:800;  font-family: 'Nanum Square'; color:#3a3d42; float:left; width:97px; background:url(/img/sub/his_con_grey.png)no-repeat right; }
#history .container .right dl dt.red {background:url(/img/sub/his_con_red.png)no-repeat right; }
#history .container .right dl dd {font-size:13px; color:#6f6f6f; margin:0 0 20px 100px; }
#history .container .right dl dd span {color:#2c2c2c; /* margin:0 0 0 30px;  */line-height:160%; display:inline-block; 
width:calc(100% - 80px);
width:-moz-calc(100% - 80px);
width:-webkit-calc(100% - 80px);
}
#history .container .right dl dd b { display:inline-block; float:left; font-weight:400; margin:3px 0 0 0; width:50px;}

/* policy */
#policy .container1 article {border:1px solid #d0d0d0; background:#f8f8f8; padding:2%} 
#policy .container1 article section  {border:1px solid #d0d0d0; background:#fff; padding:5% } 
#policy .container1 article:before {content:"-"; width:100%; height:14px; background:#dedede url(/img/sub/policy_top.png)no-repeat left; display:block;}
#policy .container1 article section h6 {font-size:26px; line-height:28px; font-weight:800; color:#393838;font-family: 'Nanum Square';  padding-bottom:20px; border-bottom:1px solid #999; margin-bottom:20px; }
#policy .container1 article section h6 span {font-size:18px; font-weight:400; }
#policy .container1 article section div {width:calc(100% - 8%); padding:4%; background:#f0f3f6; font-size:15px; line-height:160%}
#policy .container1 article section div b {color:#444}
#policy .container1 article section div dl {margin:30px 0 30px 30px; }
#policy .container1 article section div dl dt {float:left; margin:0 10px 20px 0; }
#policy .container1 article section div dl dd {margin:0 0 20px 0; }
#policy .container1 article section p {font-size:16px; font-weight:700; text-align:right; line-height:180%; margin: 40px 0 20px; color:#333}
#policy .container1 article section em {text-align:center; display:block; width:100%;}

/* quality */
#quality h4 {font-size:21px; color:#162e90; font-family: 'Nanum Square'; margin-bottom:30px; }
#quality h5 {background:url(/img/sub/safety_con.png)no-repeat; font-size:15px; font-weight:600; padding: 0 0 0 20px; color:#333; margin-bottom:10px}
#quality h6 {display:inline-block; height:36px; line-height:36px; background:#f0f0f0; padding:1px 20px; color:#474747; font-size:14px; border-radius:22px; border:1px solid #e4e4e4; margin-bottom:10px}
#quality p {font-size:14px; color:#666666; line-height:160%}
#quality b {font-size:14px; color:#666666; line-height:160%; font-weight:400; display:inline-block; margin:-15px 0 20px 0 ; }
#quality .container2 .cont_s1 {background:#f6f8fa; border:1px solid #e4e4e4; padding:4%; margin-bottom:20px; height:auto; display:inline-block; width:calc(100% - 8%)}
#quality .container2 .cont_s1 .left {float:left; width:65%}
#quality .container2 .cont_s1 .view01 {float:left; width:40%}
#quality .container2 .cont_s1 .left p span {display:block; }
#quality .container2 .cont_s1 .right {text-align:right; min-width:280px; height:300px; float:right}
#quality .container2 .cont_s1 .right p {width:100%; display:block; }
#quality .container2 .cont_s1 .right p a { display:block; width:85px; height:25px; text-align:center; background:#4a58a0; color:#fff; line-height:25px; margin:15px 45px 0 0; float:right; }
#quality .container2 .cont_s2 {background:url(/img/sub/quality_back_n.jpg)no-repeat top; height:280px;padding:150px 0 0 0;  margin-top:50px; }
#quality .container2 .cont_s2 div {border:5px solid #f0f0f0; background:#fff; width:70%; padding:4%; margin:0 auto; }
#quality .container2 .cont_s3 {width:100%; display:inline-block; margin-bottom:40px; }
#quality .container2 .cont_s3 p {margin:0 0 35px 20px; }
#quality .container2 .cont_s3 div {width:80%;  float:right}
#quality .container2 .cont_s3 div section {margin-left:30px; }

#quality .container2 .cont_s4 {width:100%; display:inline-block; margin-bottom:40px; }
#quality .container2 .cont_s4 p {margin:0 0 35px 20px; }
#quality .container2 .cont_s4 div section {margin-left:30px; }

/* contribution */
#contribution article {width:100%; height:250px; background:url(/img/sub/contribution_top.png)no-repeat; text-align:center; padding:12% 0 0 0 ; line-height:160%; font-size:18px; color:#fff; font-family: 'Nanum Square'; text-shadow:3px 3px 7px #333; }
#contribution div {width:100%; height:300px; margin-bottom:40px; }
#contribution div img {float:left; }
#contribution div dl {width:45%; float:right; margin: 60px 0 0 0; }
/* #contribution div dl dt {font-size:19px; color:#444444;font-family: 'Nanum Square'; margin-bottom:20px; position:relative; padding-bottom:5px; display:inline-block; }
#contribution div dl dt:before {content:""; width:100%; height:1px; background:#444444; display:block; position:absolute; bottom:0} */
#contribution div dl dd {line-height:180%; font-size:15px; color:#565656}
#contribution div dl dd b {color:#333333; }
#contribution div dl dd span {display:inline-block; margin-left:100px; margin-top:-27px; }

/* customAir */
#customAir {padding:0 0 100px 0; width:100%}
#customAir div {width:100%; height:auto; display:block; margin:0 auto;}
#customAir dl {margin: 0 0.9% 2.4%; width:250px; float:left; }
#customAir dl dt {border:1px solid #dbdbdb; height:100px; text-align:center; }
#customAir dl dt img {margin-top:20px; }
#customAir dl dd {background:#f7f7f7; padding:5% 10%; color:#565656; font-weight:600; height:45px; border:1px solid #dbdbdb; line-height:180%; font-size:14px; }
#customAir dl dd a {color:#a4a4a4; font-weight:400;display:block;  }

/* system */
#system .container { display:none;}
#system .container1 { display:block;}
#system ul.syst_s {margin-top:40px; height:auto; display:inline-block; width:100%;  margin-bottom:80px; }
#system ul.syst_s li {width:40%; float:left; margin-right:10%;  }
#system ul.syst_s li:last-child {margin-right:0;width:50%;}
#system ul.syst_s li:first-child{text-align:center; vertical-align:middle; }
#system ul.line_g {border-bottom:1px solid #ddd; padding-bottom:60px; margin-bottom:0; }
#system ul li dl {margin-top:40px; }
#system ul li dl dt {font-size:15px; color:#494949; font-weight:600; position:relative; padding: 15px 0 20px 15px;}
#system ul li dl dt.system_b04 {color:#ffa516}
#system ul li dl dt.system_b03 {color:#ff8314}
#system ul li dl dt.system_b02 {color:#ff4d2b}
#system ul li dl dt.system_b01 {color:#af0006}
#system ul li dl dt.system_b05:before {content:""; position:absolute; background:url(/img/sub/system_b05.jpg)no-repeat top left; top:0; left:0; width:20px; height:20px; }
#system ul li dl dt.system_b04:before {content:""; position:absolute; background:url(/img/sub/system_b04.jpg)no-repeat top left; top:0; left:0; width:20px; height:20px; }
#system ul li dl dt.system_b03:before {content:""; position:absolute; background:url(/img/sub/system_b03.jpg)no-repeat top left; top:0; left:0; width:20px; height:20px; }
#system ul li dl dt.system_b02:before {content:""; position:absolute; background:url(/img/sub/system_b02.jpg)no-repeat top left; top:0; left:0; width:20px; height:20px; }
#system ul li dl dt.system_b01:before {content:""; position:absolute; background:url(/img/sub/system_b01.jpg)no-repeat top left; top:0; left:0; width:20px; height:20px; }
#system ul li dl dd {color:#676666; line-height:160%; padding: 0 0 0 20px; }

#system ul.syst_s02 li {width:47%; float:left; margin-right:6%; }
#system ul.syst_s02 li:last-child {margin-right:0; width:47%;}
#system ul.syst_s02 li:first-child {text-align:left; }
#system ul li h5 span {font-family: 'Nanum godic'}

/* benefits */
#benefits div {width:100%; height:230px; background:url(/img/sub/benefits01.jpg)no-repeat center; ; text-align:center; color:#fff; font-family: 'Nanum Square'; text-shadow:3px 3px 7px #333; font-size:18px; line-height:160%; padding-top:120px}
#benefits ul {display:inline-block; }
#benefits ul li {width:50%; float:right;  }
#benefits ul li:last-child img {width:92%; }
#benefits ul li:first-child {padding-left:4%; width:46%; padding-top:2%;}
#benefits ul li:first-child dl {margin-bottom:50px; }
#benefits ul li:first-child dl dt {margin-bottom:10px; }
#benefits ul li:first-child dl dd{color:#333333; font-weight:400; position:relative; padding: 0 0 0 25px; line-height:200%; }
#benefits ul li:first-child dl dd span{font-weight:400; }
#benefits ul li:first-child dl dd:before {content:""; position:absolute; width:2px; height:2px; border-radius:2px; top:10px; left:15px; background:#333; }

/* network */
#network section {width:100%; height:auto; margin-bottom:60px; display:inline-block; }
#network section div {width:67%; height:450px; float:left; }
#network section div:nth-child(2) { width:33%; height:450px; border:1px solid #cccccc; background:#f6f6f6; text-align:center; display:inline-block; box-sizing:border-box;  text-align:center;}
#network section .img { display:inline-block; width:auto; float:none; position:relative;}
#network section .img .pointer {}
#network section .img .pointer a { position:absolute; width:6px; height:6px; background:#44acf0;  border-radius:50%; display:block;}
#network section .img .pointer a span {  position:absolute; right:-20px; top:-20px; display:none; font-weight:700; color:#565656; background:#ddd; padding:2px 5px; min-width:62px;}
#network section .img .pointer a.on,
#network section .img .pointer a:hover { background:#ef1c23; }
#network section .img .pointer a:hover span { display:block;}
#network section .img .pointer a.incheon { left:60px; top:116px;}
#network section .img .pointer a.kimpo { left:80px; top:146px; }
#network section .img .pointer a.busan { left:193px; top:282px;}
#network section .img .pointer a.jeju { left:63px; top:386px;}
#network section .img .pointer a.gwangju { left:67px; top:308px;}
#network section .img .pointer a.jinju { left:164px; top:282px;}
#network section .img .pointer a.muan { left:44px; top:334px;}
#network section .img .pointer a.yeosu { left:121px; top:322px;}

#network dl {width:100%; display:inline-block; height:auto; margin-bottom:60px; }
#network dl dd {font-size:15px; color:#565656; padding-left:10px; line-height:160%}



/* Business */
#Business .text_pl {margin-bottom:40px; }
#Business article.from_top { width:100%; min-height:200px;padding:280px 0 0 0; text-align:center; margin-bottom:50px; }
#Business article.from_top div {width:70%; min-height:200px; background:#fff; margin:0 auto ; padding: 50px 4% 0 }
#Business article.from_top div h5 {margin-bottom:40px; }
#Business article.from_top div dl {margin-bottom:40px; }
#Business article.from_top div dl dt {margin-bottom:10px;font-size:15px; color:#494949; font-weight:600; position:relative; padding: 15px 0 20px 15px; display:inline-block; }
#Business article.from_top div dl dt:before {content:""; position:absolute; background:url(/img/sub/system_b03.jpg)no-repeat top left; top:0; left:0; width:20px; height:20px; }
#Business article.from_top div dl dd {line-height:160%; font-size:14px; }
#Business article.from_top div dl dd span:before { content:"「";}
#Business article.from_top div dl dd span:after { content:"」";}
#Business .img_list {margin-top:60px; display:block; overflow:hidden; }
#Business .img_list li {float:left; width:31%; margin:0 2.2% 20px 0; position:relative; }
#Business .img_list li img {width:100%}
#Business .img_list li:nth-child(3n) {margin:0 0 20px 0;}
#Business .img_list li span{position:absolute; width:100%; height:40px; line-height:40px; bottom:0; font-size:15px; text-indent:25px; display:block; background-color: rgba(0, 0, 0, 0.8); color:#fff; }
#Business .ws {width:65%; margin: 0 auto; min-height:450px; }
#Business .ws li {float:left; width:48%; margin:0 2.2% 20px 0; position:relative;}
#Business .ws li:nth-child(2n) {margin:0 0 20px 0;}
#Business .ws li:nth-child(3) { margin:0 2.2% 20px 0;}

#Business .refining {width:100%; margin: 0 auto; min-height:450px; }
#Business .refining li {float:left; width:100%; margin:0 0 20px ; position:relative;}
#Business .refining li:nth-child(2n) {margin:0 0 20px;}
#Business .refining li:nth-child(3) { margin:0 0 20px;}

article.cell_box {width:100%; display:inline-block; height:auto; margin:20px 0 0}
article.cell_box ul { /*float:left; width:50%;*/overflow:hidden;}
article.cell_box ul li {width:22.7%; height:60px; border:1px solid #cccccc; background:#f6f6f6; text-align:center; color:#333333; padding:10px 5px; line-height:140%; box-sizing:border-box; float:left; margin:0 3% 0 0; display:table;  text-align:center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
article.cell_box ul li:nth-child(4n) { margin:0 0 10px 0;}
article.cell_box ul li span {display:table-cell; vertical-align:middle; text-align:center; text-align:center;  }
a.butten_b {border:1px solid #bbbbbb; display:inline-block;  padding:15px 30px; }
a.butten_b img {margin:3px 0 0 10px; }


article.cell_box_3th ul {float:none; width:100%;}

/* 추가 유지보수 */
article.cell_box.mod ul li{display:inline-block; width: 22.7%; height: 80px; padding: 0; box-sizing:border-box;}
article.cell_box.mod ul li > img{width: 100%; height: 100%;}
#network .table.mod{margin-bottom:60px;}
#network .table.mod table { border-top:2px solid #565656; margin:17px 0 0 0;}
#network .table.mod table th { background:#f5f7f7; font-weight:700;}
#network .table.mod table th,
#network .table.mod table td { padding:15px 20px; border:1px solid #c9c9c9; font-size:14px; line-height:1.4; text-align: center;}
#network .table.mod table th:first-child,
#network .table.mod table td:first-child { border-left:none;}
#network .table.mod table th:last-child,
#network .table.mod table td:last-child { border-right:none;}
/* #network .table.mod table td:first-child { font-weight:700;  */}
#network .table.mod .col1 { width:30%; text-align:center;}
#network .table.mod table td p { margin:0 0 8px 0;}
#network .table.mod table td p:last-child { margin:0; }



/*
article.cell_box_3th ul li {width:29%; height:60px; border:1px solid #cccccc; background:#f6f6f6; text-align:center; color:#333333; padding:10px 25px; line-height:140%; box-sizing:border-box; float:left; margin-left:4%; margin-bottom:10px; display:table;  text-align:center;}
article.cell_box_3th ul li:nth-child(3n) {margin-left:0;}
article.cell_box_3th ul li:nth-child(2n+1) {margin-left:4%;}
*/

#Business article.b_groundOperation {background:url(/img/sub/groundOperation_img.jpg)no-repeat; }
#Business article.b_groundservice {background:url(/img/sub/b_groundservice.jpg)no-repeat; }
#Business article.b_cargo {background:url(/img/sub/b_cargo.jpg)no-repeat; }
#Business article.cargoService {background:url(/img/sub/cargoService.jpg)no-repeat; }
#Business article.terminal_top {background:url(/img/sub/terminal_top.jpg)no-repeat; }
#Business article.refining {background:url(/img/sub/refiningOperation.jpg)no-repeat; }
#Business article.maintenance {background:url(/img/sub/maintenance_top.jpg)no-repeat; }
#Business article.refiningService {background:url(/img/sub/refiningService.jpg)no-repeat; }
#Business article.qualityControl_top {background:url(/img/sub/qualityControl_top.jpg)no-repeat; }
#Business article.operation_top {background:url(/img/sub/operation_top.jpg)no-repeat; }
#Business article.operation_top { width:100%; min-height:130px;padding:320px 0 0 0; text-align:center; margin-bottom:50px; }
#Business article.operation_top div {min-height:80px;}
#Business article.etcBusiness_top {background:url(/img/sub/etcBusiness_top.jpg)no-repeat; }
#Business article.etcBusiness_top { width:100%; min-height:130px;padding:320px 0 0 0; text-align:center; margin-bottom:50px; }
#Business article.etcBusiness_top div {min-height:80px;}


#Business section {width:470px; height:auto; margin:0 auto; }
#Business section a {float:left; margin-left:20px; }

#Business .terminal_box ul {width:90%; min-height:250px;  margin:0 auto;}
#Business .terminal_box ul li {float:left; width:33.3333333333%; border-right:1px solid #ddd; text-align:center; height:200px; padding:15px 25px; box-sizing:border-box;}
#Business .terminal_box ul li:last-child { border-right: 0 auto;}
#Business .terminal_box ul li dl dt {font-size:15px;margin:20px 0 20px 0; }
#Business .terminal_box ul li dl {width:100%; font-weight:600; }
#Business .terminal_box ul li dl dd {text-align:left; line-height:28px ;position:relative; padding-left:10px }
#Business .terminal_box ul li dl dd:before {content:""; position:absolute; width:2px; height:2px; border-radius:2px; top:13px; left:0; background:#333; }

#Business .qualityControl {min-height:800px; margin-top:60px; width:100%; overflow:hidden;  }
#Business .qualityControl div {width:100%; min-height:800px; overflow:hidden; }
#Business .qualityControl dl {margin-bottom:50px; float:left; width:50%; }
#Business .qualityControl .refining {width:35%; float:right; }
#Business .qualityControl dl dt {font-weight:600; font-size:15px; margin-bottom:10px; color:#333333; }
#Business .qualityControl dl dd {font-weight:400; font-size:15px; color:#565656; line-height:28px;  margin-bottom:25px; padding-left:15px; }

#Business .operation_list {margin-bottom:50px; }
#Business .operation_list dt {font-weight:600; font-size:15px; margin-bottom:10px; color:#333333; }
#Business .operation_list dd {font-weight:400; font-size:15px; color:#565656; line-height:28px;  margin-bottom:25px; padding-left:15px; }

#Business .refiningService .img_list {margin-bottom:60px; }


@media screen and (max-width:1200px){
	
	/* customAir */	
	#customAir dl {margin: 0 0.9% 2.4%; width:31.4%; float:left; }	
	#customAir dl dd {background:#f7f7f7; padding:5% 10%; color:#565656; font-weight:600; height:45px; border:1px solid #dbdbdb; line-height:180%; font-size:12px; }
	
	/* #benefits ul li */ {width:100%; float:none; }
	#benefits ul li:last-child {text-align:center;margin-bottom:60px; width:100%}
	#benefits ul li:last-child img {width:100%}
	#benefits ul li:first-child {padding-left:0; width:100%;}


	/* history */
	#history .container .left {float:none; margin-bottom:60px; }
	#history .container .right {float:none; width:100%;}	

	#quality .container2 .cont_s1 .left {float:none; width:100%}
	#quality .container2 .cont_s1 .view01 {float:none; width:100%}
	#quality .container2 .cont_s1 .right {text-align:center; min-width:280px; height:300px; float:none; margin-top:20px; }
	#quality .container2 .cont_s1 .right p {width:100%; display:block; }
	#quality .container2 .cont_s1 .right p a { display:block; width:85px; height:25px; text-align:center; background:#4a58a0; color:#fff; line-height:25px; margin:15px auto 0; float:none; }
	#quality .container2 .cont_s3 {width:100%; display:inline-block; margin-bottom:40px; }
	#quality .container2 .cont_s3 img {text-align:center; margin:20px 0}
	#quality .container2 .cont_s3 div {width:100%;  float:none}
	#quality .container2 .cont_s3 div section {margin-left:0; }	
	#contribution div dl {width:100%; margin: 60px 0 0 0; }
	#contribution div img,
	#contribution div dl { float:none; }
	#contribution div { height:auto;}


	#history .container .right dl dd b { display:block; float:none; font-weight:400; margin:3px 0 0 0; width:100%; height:30px;  width:100%;}
	#history .container .right dl dd span {color:#2c2c2c; margin:0 0 0 0; line-height:160%; display:block; width:100%;}
	#history .container .left {width:100%; float:none; margin-bottom:60px; }
	#history .container .left img {width:100%}

	#greeting .txt {margin:-60px 0 0 0; width:100%; }

	#lookup .container .table .info span {position:initial; padding-top:20px; display:inline-block}
}

@media screen and (max-width:960px){
	#map section {width:100%; float:none; margin-bottom:20px;  }
	#system ul.syst_s li {width:100%; float:none; margin-right:0;  }
	#system ul.syst_s li:last-child {margin-right:0;width:100%;}
	#system ul.syst_s img {margin:0 0 60px; }
	#system ul.syst_s02 li {width:100%; float:none; margin-right:0; }
	#system ul.syst_s02 li:last-child {margin-right:0; width:100%;}

	#network section {margin-bottom:20px;}
	#network section div {width:100% !important; height:auto; float:none; }
	#network section .img { width:auto !important;}
	#network section div img {width:100%; height:auto; }
	#network section .img img { width:auto;}
	/*#network section p { width:100%; height:auto; border:1px solid #cccccc; background:#f6f6f6; text-align:center; display:inline-block; box-sizing:border-box; }*/
	#network section p img {width:auto; height:100%;}
	article.cell_box ul {float:none; width:100%;}
	article.cell_box.mod ul li{width:48%; height:80px; padding:5px 10px; background: transparent; margin:0 4% 10px 0 !important;}
	article.cell_box ul li {width:48%; height:60px;padding:5px 10px;  margin:0 4% 10px 0 !important;}	
	article.cell_box ul li:nth-child(2n) { margin:0 0 10px 0 !important;}
}

@media screen and (max-width:767px){
/* customAir */	
	#customAir dl {margin: 0 0.9% 2.4%; width:48%; float:left; }	
	#customAir dl dd {background:#f7f7f7; padding:5% 10%; color:#565656; font-weight:600; height:45px; border:1px solid #dbdbdb; line-height:180%; font-size:12px; }
}

@media screen and (max-width:640px){
	

	#contactUs table {width:100%; float:none; }
	#subContents .cont { padding:20px 1% 50px 1%;position:relative; display:inline-block; width:calc(100% - 2%)}	
	#system ul.syst_s li:first-child img {width:80%; margin-bottom:40px; }

/*	.img_center img {width:80%}*/
	.line_s {font-size:16px; color:#444444; border-bottom:1px solid #444; padding-bottom:5px; font-family: 'Nanum Square','나눔스퀘어'; display:inline-block; }
	#lookup .container .table {margin-bottom:0; }
	#lookup.check .container li:first-child {width:100%; float:none; }
	#lookup .container li:last-child table {width:100%; float:none; border-left:1px solid #ddd; }
	/* history */	
	#history .container .left p{font-size:26px; line-height:35px; color:#4c4c4c; font-family: 'Nanum Square'; font-weight:600; text-align:right; }
	#history .container .left p span {color:#c7c7c7; }
	#history .container .right {float:none; background:url(/img/sub/his_line.png)repeat-y 87px 0; width:100%; margin-bottom:100px; }
	#history .container .right dl {min-height:50px; margin: 0 0 30px 0; /*display:inline-block;  */}
	#history .container .right dl dt {font-size:24px; font-weight:800;  font-family: 'Nanum Square'; color:#3a3d42; float:none; width:97px; background:url(/img/sub/his_con_grey.png)no-repeat right; }
	#history .container .right dl dt.red {background:url(/img/sub/his_con_red.png)no-repeat right; }
	#history .container .right dl dd {font-size:15px; color:#6f6f6f; margin:0 0 20px 120px; }
	#history .container .right dl dd span {color:#2c2c2c; margin:0 0 0 0; line-height:160%; display:block; }

	#contribution div dl {width:100%; float:left; margin: 60px 0 20px 0; }
	#contribution div img {float:left; width:100%}

	#Business article.from_top {background-size:180%}
	#Business article.from_top div {width:80%; }
	#Business .img_list li {float:none; width:100%; margin:0 0 15px 0; }

	#Business .terminal_box ul li {float:none; width:100%; border-bottom:1px solid #ddd; border-right:0; text-align:center; height:200px; padding:15px 0}
	#Business .terminal_box ul li:last-child { border-right: 0 auto;}
	
	/* 급유조업 */
	#Business .qualityControl dl {margin-bottom:50px; float:none; width:100%; }
	#Business .qualityControl .refining {width:100%; float:none; }

}

@media screen and (max-width:588px){
	

	#Business .qualityControl dl {background:none }
	
}

@media screen and (max-width:480px){

}

@media screen and (max-width:425px){

}

@media screen and (max-width:360px){

}



.big_img { width:100%; height:100%; text-align:center; position:fixed; top:0; left:0; z-index:10000; display:none;}
.big_img:after { content:""; width:100%; height:100%; background:rgba(0,0,0,0.8); display:block; }
.big_img .box { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-height: 100%; max-width: 100%;}
.big_img .box img { max-height:100%;}

/* 20201005 추가 css */
.table_s .table_box:after{content:""; display:block; clear:both;}
.table_s .table_box:nth-of-type(n+2){margin-top:30px;}

/* 20250110 */
#Business .img_list.type2{ max-width: 690px; width: 100%; display: flex; flex-wrap: wrap; gap: 20px;}
#Business .img_list.type2 li{ width: calc((100% - 20px) / 2 ); margin: 0;}
#Business .img_list.type2 li:nth-child(3n){ margin: 0; }


@media screen and (max-width:640px){
	#Business .img_list.type2{ max-width:none; }
	#Business .img_list.type2 li{ width: 100%; }
}