/* reset */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, a, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, .conts_bot, header, hgroup, menu, nav, section, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;font-family:inherit;vertical-align:baseline;background:transparent;}
html {font-size:100.1%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-y:scroll;}
*+ html img {-ms-interpolation-mode:bicubic;}
* html html {filter:expression(document.execCommand("BackgroundImageCache", false, true));}
body {line-height:1;color:black;background:white;}
ol, ul {list-style:none;}
table {border-collapse:separate;border-spacing:0;}
th, td {text-align:left;font-weight:normal;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
article, aside, details, footer, figcaption, figure, header, hgroup, menu, nav, section, summary {display:block;}
audio, video, canvas {display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]), [hidden] {display:none;height:0;}
caption, hr {display:none;}
a:focus {outline:thin dotted;}
a:hover, a:active {outline:0;}
label, input[type=button], input[type=submit], button {cursor:pointer;}
button, input, select, textarea {margin:0;}
input, button {width:auto;overflow:visible;}
input, select, img {vertical-align:middle;}
textarea {overflow:auto;resize:none;}
em {font-style:normal;}
pre {white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;}
pre, code, kbd, samp {font-family:monospace, sans-serif;}
sub, sup {font-size:75%;line-height:0;position:relative;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
i{font-style:normal;font-weight:normal;}

/* common */
body {font:12px normal Dotum, "돋움", sans-serif;color:#666;background:#fafafa url('/image/front/layout/item1-pattern.png') 0 0 repeat;}
a {color:#666;text-decoration:none;}
a:hover {color:#608cd1;text-decoration:underline;}
.skip_nav a{background:#D1D028;width:176px;display:block;overflow:hidden;position:absolute;top:-5000px;left:0;z-index:100;color:#02316D;text-align:center;}
.skip_nav a:hover,.skip_nav a:focus,.skip_nav a:active{position:absolute;top:0;z-index:200;height:25px}
.hidden {width:0;height:0;font-size:0;line-height:0;position:absolute;left:-9999px;}
.float_wrap {zoom:1;}
.float_wrap:after {content:"";display:block;clear:both;}
.float_wrap > .left {float:left;}
.float_wrap span{color:#777;font-size:11px;}
.float_wrap > .right {float:right;}
.float_wrap b{margin-right:10px;color:#777;font-size:11px;}
.float_wrap ul > li{padding-left:10px;margin-top:5px;background:url('/image/front/icon/square_3x3-bul.gif') no-repeat 0 6px;line-height:1.7;}
.float_wrap ul > li:first-child{margin-top:0;}
.acenter {text-align:center;}
.aright {text-align:right;}
#container {width:1000px;margin:0 auto;*zoom:1;}
#container:after {content:"";display:block;clear:both;}

/* header */
#header {position:relative;z-index:100;height:103px;background:#fafafa url('/image/front/layout/item2-pattern.png') 0 0 repeat-x;}
#header:after {position:absolute;top:103px;left:0;display:block;content:"";width:100%;height:5px;background:url('/image/front/layout/item4-pattern.png') 0 0 repeat-x;}
#header .inner_wrap {width:1001px;margin:0 auto;}
#header .inner_wrap .head {height:58px;*zoom:1;}
#header .inner_wrap .head:after {content:"";display:block;clear:both;}
#header .inner_wrap .head h1 {float:left;width:280px;height:57px;margin-left:-85px;background:url('/image/front/text/logo.png') 0 0 no-repeat;}
#header .inner_wrap .head h1 > a {display:block;width:170px;height:55px;margin-left:110px;white-space:nowrap;overflow:hidden;text-indent:100%;}
#header .inner_wrap .head nav {float:right;width:60%;padding-top:27px;text-align:right;}
#header .inner_wrap .head nav a {margin-left:3px;padding-left:9px;background:url('/image/front/icon/item1-dot.png') 0 5px no-repeat;}
#header .inner_wrap .head nav a:first-child {margin-left:0;padding-left:0;background:none;}
#header .inner_wrap .gnb > ul > li {float:left;}
#header .inner_wrap .gnb > ul > li > a {float:left;display:block;width:199px;height:29px;padding-top:15px;border-right:1px solid #e8e8e8;white-space:nowrap;text-indent:-100%;overflow:hidden;background-position:50% 15px;background-repeat:no-repeat;}
#header .inner_wrap .gnb > ul > li:first-child {border-left:1px solid #e8e8e8;}
#header .inner_wrap .gnb > ul > li.current, #header .inner_wrap .gnb > ul > li:hover {background:url('/image/front/layout/item3-pattern.png') 0 0 no-repeat;}
#header .inner_wrap .gnb > ul > li.current > a {background-position:50% -70px;}
#header .inner_wrap .gnb > ul > li > a[title="고객서비스"] {background-image:url('/image/front/text/gnb1-header.png');}
#header .inner_wrap .gnb > ul > li > a[title="요금조회납부"] {background-image:url('/image/front/text/gnb2-header.png');}
#header .inner_wrap .gnb > ul > li > a[title="SCG그룹"] {background-image:url('/image/front/text/gnb3-header.png');}
#header .inner_wrap .gnb > ul > li > a[title="도시가스"] {background-image:url('/image/front/text/gnb4-header.png');}
#header .inner_wrap .gnb > ul > li > a[title="R&D"] {background-image:url('/image/front/text/gnb5-header.png');}
#header .inner_wrap .gnb > ul > li > a[title="Introduction"] {background-image:url('/image/front/text/en/gnb1-header.png');}
#header .inner_wrap .gnb > ul > li > a[title="IR"] {background-image:url('/image/front/text/en/gnb2-header.png');}
#header .inner_wrap .gnb > ul > li > a[title="Gas Safety"] {background-image:url('/image/front/text/en/gnb3-header.png');}
#header .inner_wrap .gnb > ul > li > a[title="Uses Of Natural Gas"] {background-image:url('/image/front/text/en/gnb4-header.png');}
#header .inner_wrap .gnb .submenu {display:none;position:absolute;z-index:101;top:102px;left:0;width:100%;border-bottom:1px solid #92a3b9;background:#f2f2f2 url('/image/front/layout/item4-pattern.png') 0 0 repeat-x;}
#header .inner_wrap .gnb .submenu > ul {overflow:hidden;width:1000px;margin:0 auto;}
#header .inner_wrap .gnb .submenu > ul > li {float:left;width:200px;padding:17px 0;line-height:1.8;letter-spacing:-1px;}
#header .inner_wrap .gnb .submenu > ul > li.current {background:url('/image/front/layout/item5-pattern.png') 0 0 no-repeat;}
#header .inner_wrap .gnb .submenu > ul > li a {color:#8c8c8c;display:block;}
#header .inner_wrap .gnb .submenu > ul > li a.current, #header .inner_wrap .gnb .submenu > ul > li a:hover {font-weight:bold;color:#568dee;text-decoration:none;}
#header .inner_wrap .gnb .submenu > ul > li:first-child a {margin-left:70px;}
#header .inner_wrap .gnb .submenu > ul > li:first-child + li a {margin-left:65px;}
#header .inner_wrap .gnb .submenu > ul > li:first-child + li + li a {margin-left:75px;}
#header .inner_wrap .gnb .submenu > ul > li:first-child + li + li + li a {margin-left:75px;}
#header .inner_wrap .gnb .submenu > ul > li:first-child + li + li + li + li a {margin-left:87px;}

/* footer */
#footer {min-height:115px;margin-top:50px;padding-top:5px;line-height:1.3;border-top:1px solid #ebebeb;}
#footer .inner_wrap {width:1000px;margin:0 auto;}
#footer .inner_wrap .item1, #footer .inner_wrap .item2 {margin-bottom:5px;*zoom:1;}
#footer .inner_wrap .item1:after, #footer .inner_wrap .item1:after {content:"";display:block;clear:both;}
#footer .inner_wrap .item1 nav {float:left;width:80%;height:25px;margin-top:8px;}
#footer .inner_wrap .item1 nav > a {margin-left:7px;padding-left:12px;background:url('/image/front/icon/item1-bar.gif') 0 3px no-repeat;}
#footer .inner_wrap .item1 nav > a:first-child {margin-left:0;padding-left:0;background:none;}
#footer .inner_wrap .item1 .familysite {position:relative;float:right;width:18%;text-align:right;}
#footer .inner_wrap .item1 .familysite p {text-align:left;width:160px;padding:5px;border-radius:2px;border:1px solid #f1f1f1;color:#b1b1b1;font-size:11px;background:url('/image/front/icon/item1-arrow.gif') 100% 50% no-repeat;cursor:pointer;}
#footer .inner_wrap .item1 .familysite ul {display:none;position:absolute;bottom:25px;left:0;width:170px;text-align:left;border:1px solid #f1f1f1;background-color:#fff;}
*+ html #footer .inner_wrap .item1 .familysite ul {left:8px;}
#footer .inner_wrap .item1 .familysite ul li:hover {background-color:#f1f1f1;}
#footer .inner_wrap .item1 .familysite ul li a {padding:5px;display:block}
#footer .inner_wrap .item2 .info {float:left;width:50%;}
#footer .inner_wrap .item2 .info .logo, #footer .inner_wrap .item2 .info address {float:left;margin-right:28px;padding-top:6px;}
#footer .inner_wrap .item2 .info .logo {margin-right:28px;}
#footer .inner_wrap .item2 .link {float:right;width:48%;text-align:left;}
#footer .inner_wrap .item2 .link .l1, #footer .inner_wrap .item2 .link .l2 {margin-bottom:5px}
#footer .inner_wrap .item2 .link .l1 a {margin-left:30px;}
#footer .inner_wrap .item2 .link .l2 a {margin-left:30px;}

/* en */
.en #header .inner_wrap .head h1 {float:left;width:322px;height:57px;margin-left:-75px;background:url('/image/front/en/logo.png') 0 0 no-repeat;}
.en #header .inner_wrap .gnb > ul > li > a {width:248px;background-position:50% 19px;}
.en #header .inner_wrap .gnb > ul > li.current, .en #header .inner_wrap .gnb > ul > li:hover {background:url('/image/fron/layout/enitem3-pattern.png') 0 0 no-repeat;}
.en #header .inner_wrap .gnb .submenu > ul > li {width:248px;}
.en #header .inner_wrap .gnb .submenu > ul > li.current {background:url('/image/front/layout/item5-pattern.png') 25px 0 no-repeat;}
.en #footer{padding-top:20px;}
.en #footer .inner_wrap .item2{overflow:hidden;}
.en #footer .inner_wrap .item2 .info .logo{float:left;margin-right:25px;padding-top:6px;}
.en #footer .inner_wrap .item2 .info address{margin-right:0;}
.en #footer .inner_wrap .item2 .link{width:500px;}
.en #footer .inner_wrap .item2 .link a {margin-left:10px;}
.en #footer .inner_wrap .item2 .link > a:first-child{margin-left:0;}