@charset "utf-8";
@import url("../../fonts/font.css");

body {font-family:"Nanum Gothic","맑은 고딕","Malgun Gothic","돋움","Dotum","Arial","sans-serif";font-size:12px;color:#666;letter-spacing:-1px}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, textarea, pre {margin: 0; padding: 0;}
input, select {font-family:"Nanum Gothic","맑은 고딕","Malgun Gothic","돋움","Dotum","Arial","sans-serif";}
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 12px;}
em {font-style:normal;}
ul, ol, li{list-style: none}
fieldset, img {border: none}
img{vertical-align:top;font-size:0;line-height:0}
body a {color:#555;text-decoration: none;}
pre {padding-top: 5px;}
table {margin:0;padding:0;border-spacing:0;border-collapse:collapse;border:0;}
td {text-align:left;}
hr {display:none}
caption, legend{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
	visibility:hidden;
	display: none;
	text-indent:-9999px;
	font-size:0;
}
.invisible {
	overflow:hidden;
	visibility:hidden;
	position:absolute;
	width:0;
	height:0;
	font-size:0;
}
body{
	overflow-x:hidden; 
	margin:0;
}

#wrap{width:100%;overflow:hidden}
#header{background:url(../img/bg-header.jpg) no-repeat center top;height:470px;}
#header .top-menu{position:relative;background:url(../img/bg-top.png) repeat-x;height:71px;}
#header .top-menu .seoul-logo{float:left;padding:20px 25px 0 0;background:url(../img/line-seoul-logo.png) no-repeat right 25px;}
#header .top-menu .storyin{float:left;padding:20px 0 0 25px;}
#header .top-menu .sns{position:absolute;right:0px;top:17px;}
#header .top-menu .sns li{float:left;width:34px;height:34px;background-image:url(../img/icon-sns.png);background-repeat:no-repeat;text-indent:-9999px}
#header .top-menu .sns li a{width:34px;height:34px;display:block;}
#header .top-menu .sns li.tw{margin-right:10px;background-position:0px 0px}
#header .top-menu .sns li.fb{background-position:-45px 0px}
#header .header-tit{position:relative;width:920px;margin:0 auto;padding:50px 0 0 0;}
.fixed-tab-wrap{position:relative;width:100%;height:83px;background:#333333;z-index:99;}
.fixed-tab-wrap.fixed{position:fixed;top:0px;}
.fixed-tab-wrap .fixed-tab{width:920px;margin:0 auto;overflow:hidden}
.fixed-tab-wrap .fixed-tab li{float:left;}

.centent{position:relative;width:920px;margin:0 auto;}
#since-1{background:#ffa92e;padding-bottom:80px;}
#since-1.fixed{padding-top:83px;}
#since-1 .s1-ct-txt{padding:50px 0 30px 0;border-bottom:1px solid #b27620;text-align:center}

#since-2{background:#009dd9;padding-bottom:80px;}
#since-2 .s2-ct-txt{padding:50px 0 30px 0;border-bottom:1px solid #006e97;text-align:center}

#since-3{background:#febab8;padding-bottom:80px;}
#since-3 .s3-ct-txt{padding:50px 0 30px 0;border-bottom:1px solid #b18280;text-align:center}

#since-4{background:#fff;padding-bottom:80px;border-top:5px solid #333;}
#since-4 .s4-ct-tab{padding:90px 0 30px 0;}
#since-4 .s4-ct-tab.s4-ct-tabbox{width: 630px; margin: 0 auto;}
#since-4 .s4-ct-tab li{float:left;width:96px;height:109px;margin-right:1px;background-image:url(../img/graph-tab.gif);background-repeat:no-repeat;cursor:pointer;text-indent: -9999px}
#since-4 .s4-ct-tab li.m1{background-position: 0px 0px;}
#since-4 .s4-ct-tab li.m2{background-position: -97px 0px;}
#since-4 .s4-ct-tab.s4-ct-tabbox li.m2{background-position: -291px 0px;}
#since-4 .s4-ct-tab li.m3{background-position: -194px 0px;}
#since-4 .s4-ct-tab.s4-ct-tabbox li.m3{background-position: -388px 0px;}
#since-4 .s4-ct-tab li.m4{background-position: -291px 0px;}
#since-4 .s4-ct-tab.s4-ct-tabbox li.m4{background-position: -485px 0px;}
#since-4 .s4-ct-tab li.m5{background-position: -388px 0px;}
#since-4 .s4-ct-tab.s4-ct-tabbox li.m5{background-position: -582px 0px;}
#since-4 .s4-ct-tab li.m6{background-position: -485px 0px;}
#since-4 .s4-ct-tab.s4-ct-tabbox li.m6{background-position: -679px 0px; margin-right:0;}
#since-4 .s4-ct-tab li.m7{background-position: -582px 0px;}
#since-4 .s4-ct-tab li.m8{background-position: -679px 0px;}
#since-4 .s4-ct-tab li.m9{background-position: -776px 0px; margin-right: 0px;}

#since-4 .s4-ct-tab li.on{width: 144px; height: 171px; margin-top: -20px;}
#since-4 .s4-ct-tab li.on.m1{background-position: 0px -109px;}
#since-4 .s4-ct-tab li.on.m2{background-position: -145px -109px;}
#since-4 .s4-ct-tab.s4-ct-tabbox li.on.m2{background-position: -435px -109px;}
#since-4 .s4-ct-tab li.on.m3{background-position: -290px -109px;}
#since-4 .s4-ct-tab.s4-ct-tabbox li.on.m3{background-position: -580px -109px;}
#since-4 .s4-ct-tab li.on.m4{background-position: -435px -109px;}
#since-4 .s4-ct-tab.s4-ct-tabbox li.on.m4{background-position: -725px -109px;}
#since-4 .s4-ct-tab li.on.m5{background-position: -580px -109px;}
#since-4 .s4-ct-tab.s4-ct-tabbox li.on.m5{background-position: -870px -109px;}
#since-4 .s4-ct-tab li.on.m6{background-position: -725px -109px;}
#since-4 .s4-ct-tab.s4-ct-tabbox li.on.m6{background-position: -1015px -109px;}
#since-4 .s4-ct-tab li.on.m7{background-position: -870px -109px;}
#since-4 .s4-ct-tab li.on.m8{background-position: -1015px -109px;}
#since-4 .s4-ct-tab li.on.m9{background-position: -1160px -109px;}

.graph-bg{width:919px;height:370px;margin-top:170px;}
.graph-txt{margin-top:40px;border:1px solid #6890cb;background:#e6ecf8;padding:30px 40px;overflow:hidden}
.graph-txt img{vertical-align:middle}
.graph-txt dt{float:left;width:122px;margin-bottom:5px;}
.graph-txt dt.cb{clear:both;float:left;}
.graph-txt dd{float:left;width:275px;margin:4px 0 0 15px;}


.footer-wrap{position:relative;background:#eeeeee;padding:20px 0 40px 0;}
.make-day{width:138px;margin:0 auto;height:22px;border:1px solid #777;border-radius:3px;}
.make-day li{float:left;text-align:center;font-size:11px;padding:0px 7px;line-height:22px;color:#888;}
.make-day li.txt{background:#777;color:#fff;width:40%;}
.copyright {position:relative;margin:0 auto;width:1000px;text-align: center;color:#888;letter-spacing:0px;line-height:50px;font-size: 14px;}
.copyright .toplink {position: absolute; right:0px;top:-44px;}


/* margin */
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt70{margin-top:70px;}
.mt90{margin-top:90px;}
.tc{text-align:center}