@charset "utf-8"; 
/* TWD Cho seong mi 2013-03-19 */ 

/* reset */
html,body{margin:0; padding:0; font-size:12px; font-family:"돋움", Dotum, "굴림", Gulim, Arial, sans-serif;height:100%}
*{margin:0; padding:0}
body,hr,img,fieldset,form,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,q,blockquote,caption,legend,address,input,select,textarea,button,p{margin:0;padding:0}
hr{display:none}
img,input,button,fieldset,form,legend,hr{border:0 none}
img{vertical-align:top}
dl,ul,ol,li{list-style:none}
h1,h2,h3,h4,h5,h6,big,small{font-size:1em;line-height:1.5em}
q,blockquote{quotes:none}
q:before,q:after{content:''}
legend,caption{height:1px;overflow:hidden;font:0em/0em serif;text-indent:-9999px}
a{text-decoration:none}
a:visited{text-decoration:none}
a:active{text-decoration:none}
a:hover{text-decoration:underline}
dfn,em,cite,address{font-style:normal}
sup,sub{font-style:normal;font-variant:normal;text-transform:none}
input,select,textarea,button{font-size:1em;line-height:1.5em;vertical-align:middle}
button{border:0 none;padding:0}
body,input,select,textarea,button{font-family:"돋움", Dotum, "굴림", Gulim, Arial, sans-serif; font-size:12px}
/*body{font-size:12px;line-height:1.5em;color:#898989;word-break:break-all}*/
a,input,select,textarea,button{color:#666}
select{border:1px solid #999}
table{border-collapse:collapse}
.mg0{margin:0 !important}
.trans{display:block !important;width:1px !important;height:1px !important;overflow:hidden !important;position:absolute !important;left:-9999px !important;top:-9999px !important}

/* after */
.clearfix:after{content:"";display:block;clear:both;height:0;visibility:hidden}
/*.clearfix{display:inline-block}*/
.clearfix{display:block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
/* End hide from IE-mac */
.clearfix{zoom:1;} /*for IE 5.5-7*/

body{background:#2b2e30 url("../images/bg/bg_repeat.jpg") repeat-y 0 0 }

/* skip */
#ui_access{position:absolute;width:100%;padding:5px 0;text-align:center;background:#000;font-weight:bold;z-index:999}
#ui_access li{display:inline}
#ui_access li a{color:#fff}

/* wrap */
#index{background:transparent url("../images/bg/index_bg.jpg") no-repeat 50% 0;position:relative;height:100%}
#index a{display:block;width:231px;height:357px;position:absolute;top:50%;left:50%;margin:-178px 0 0 -115px}
#ui_wrap{overflow:hidden;}
#ui_wrap h2.hidden{position:Absolute;top:-9999px;left:-9999px;overflow:hidden}

/* quick menu*/


/* header */
#header{overflow:hidden}
#header h1.logo{width:150px;margin:22px 0 0 30px;display:block;float:left}
#header #ui_gnb{float:left;margin:30px 0 0 30px}

#gnb{overflow:hidden}
#gnb li{float:left;background:url("../images/gnb_dot.png") no-repeat 0 74px}
#gnb li#gnb01{background:none}
/*#gnb li a em{width:111px;display:block;height:101px;cursor:pointer}*/
#gnb li a span{color:#fff;font-size:14px;display:block;margin:10px 0 0 0;font-family:"Helvetica Neue";font-weight:bold}
#gnb li a{display:block;height:101px !important}
#gnb li#gnb01 a{width:111px;display:block}
#gnb li#gnb02 a{width:99px}
#gnb li#gnb03 a{width:99px}
#gnb li#gnb04 a{width:99px}
#gnb li#gnb05 a{width:99px}
#gnb li#gnb06 a{width:99px}
#gnb li#gnb07 a{width:99px}
#gnb li#gnb08 a{width:89px}
#gnb li#gnb01 a em{margin:0;width:111px}

#gnb li.active .bar{background-position:0px 62px}
#gnb li.on .bar2{background-position:-111px 62px !important}
#gnb li a.bar{background:url("../images/gnb_lobar.png") no-repeat -111px 62px;display:block;height:12px;width:111px}
#gnb li a.bar2{background:url("../images/gnb_lobar.png") no-repeat -111px 62px;display:block;height:12px;width:111px}


/* container */
#container{overflow:hidden}

/* lnb 
#lnb{position:absolute;top:169px;left:24px}
#lnb ul.lnb-li li{margin:0 0 9px 0;width:96px}
#lnb ul.lnb-li li a{display:block}*/
/* contents */

.cont-w{overflow:hidden}
.list-wp{float:left;width:305px;margin:0 7px 0 0}
.s{width:135px}
.list-wp h3{margin:0 0 9px 0;font-size:35px;color:#fff;font-family:"Helvetica Neue";font-weight:normal}
.list-wp a{display:block}

.t{margin-top:7px}
.b{margin-bottom:7px}
.r{margin-right:7px}
.frt{float:right}
.flt{float:left}
.clear{clear:both}

.s ul.pos li.kind2 .over_page{width:105px;height:90px;}
ul.pos{position:relative;clear:both}
ul.pos li{position:relative}
ul.pos li .over_page{position:absolute;left:0;top:0;background: url(../images/bg/trans_bg.png) repeat 0 0;padding:19px 15px}
ul.pos li.kind1{width:305px;height:256px}
ul.pos li.kind2{width:149px;height:128px}
ul.pos li.kind3{width:305px;height:128px}
ul.pos li.kind4{width:149px;height:256px}
ul.pos li.kind1 .over_page{width:275px;height:218px}
ul.pos li.kind2 .over_page{width:119px;height:90px;}
ul.pos li.kind3 .over_page{width:275px;height:90px}
ul.pos li.kind4 .over_page{width:119px;height:218px}
ul.pos li.kind1 .over_page p.over-text{margin-bottom:3px;width:100%;height:140px;overflow:hidden;}
ul.pos li.kind2 .over_page p.over-text a{width:119px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
ul.pos li .over_page p.over-text a{line-height:20px;font-weight:bold;color:#3eb3e0;font-size:13px}
.over_page ul.bt{position:absolute;left:15px;bottom:19px}
.over_page ul.bt li.over-date a{color:#999999;display:block}
.over_page ul.bt li.over-sns{margin:18px 0 0 0;overflow:hidden}
.over_page ul.bt li.over-sns a{display:block;margin:0 10px 0 0;float:left}


.ui-content{margin:46px 0 0 30px;padding:20px 0 0 0}

/* 스카이 스크래퍼 */
#sky-scr{position:absolute;top:580px;left:30px}
#sky-scr ul{}
#sky-scr ul li{margin:0 0 5px 0 }
.copy{margin:13px 0 0 0}
.snb{position:absolute;top:0;right:1%;overflow:hidden;min-width:150px}
.snb-list{overflow:hidden;float:left;margin:13px 0 0 0;}
.snb-list li{float:left;background:url("../images/ico/ico_bar.gif") no-repeat 100% 0;padding:0 8px 0 0;margin:0 6px 0 0}
.snb-list li.last{margin:0 16px 0 0;padding:0;background:none}
p.all{float:left}
#fam a{font-size:10px;letter-spacing:-1px}


.wrapmenu h1{margin:30px 0 0 22px}
#lnb{margin:30px 0 0 42px}
#lnb li{width:96px;margin:0 0 9px 0}
#lnb li a{display:block}
#left-menu{position:absolute;float:left;display:block !important}
#content-wrapper{margin-left:180px}

#section{position:relative}
#ui-content{}
.slide{position:relative;width:100%;height:14px;}
.slider-bt{background:url("../images/bg/scroll_bg.png") no-repeat 0 0;width:90px;height:14px;position:absolute;top:0px;right:1%;}
.slider-bt a{background:url("../images/btn/scroll_bt.png") no-repeat 0 0;width:19px;text-indent:-9999px;overflow:hidden;height:12px;display:block;margin:1px 0 0 1px}

.header{position:relative;padding:65px 0 0 0;z-index:101}
/*.logo_60th{display:block;text-indent:-9999px;overflow:hidden;background:url("./common/images/logo_60th.png") no-repeat 0 30px;width:89px;z-index:9999;position:relative}*/
.logo_60th{position:absolute;top:27px;left:30px;z-index:100}
.logo_60th a{display:block;width:89px;height:60px}
.time_line{margin:0 0 0 30px;width:97%}
.time_line .line_bg{height:42px;background: url(../images/line_mid.png) repeat-x 0 26px;position:relative;z-index:2}
.time_line .line_bg .line_header{display:block;width:3px;height:12px;position:absolute;left:0;top:0;background: url(../images/line_header.png) no-repeat 0 26px;z-index:3}
.time_line .line_bg .line_footer{display:block;width:3px;height:12px;position:absolute;left:100%;top:0;background: url(../images/line_foot.png) no-repeat 0 26px;z-index:3}
.line_inner{overflow:hidden}
.line_inner > li{float:right;width:15%;height:39px;position:relative;padding-top:26px}
.line_inner > li span.pop{position:absolute;left:-14px;top:0;display:none}
.line_inner > li span.pop.first{position:absolute;left:-27px;top:0}
.line_inner.select > li.over span.pop{display:block}
.line_inner.select > li.first:hover span.pop{display:block}
.line_inner.select > li.over.click span.pop{display:none}
.line_inner > li.first{width:12px!important;position:relative;height:39px}
.line_inner > li.first img.btn_year{position:absolute;left:-31px;bottom:0}
.line_inner > li > a{display:block;position:relative;height:39px;width:10%;float:left}
.line_inner > li > a img.btn_year{position:absolute;left:-31px;bottom:0}
.depth2{float:left;display:none;background: url(../images/depth2_bar.png) repeat-x 0 0;width:90%}
.depth2 li{float:left;height:39px;width:11%}
.depth2 li.on2{background: url(../images/line_over.png) repeat-x 0 0}
.depth2 li.over2{background: url(../images/line_over.png) repeat-x 0 0}
.depth2 li a{position:relative;display:block;height:39px;width:100%}
.depth2 li a img.btn_syear{position:absolute;left:-9px;top:29px}
#section{height:100% !important}

.line_inner > li.click .depth2{display:block}
.line_inner > li.over{background: url(../images/line_over.png) repeat-x 0 26px}
.line_inner > li.on{background: url(../images/line_over.png) repeat-x 0 26px}
.th2013 .tx-w{width:12%}
.th2003 .tx-w{width:12%}
.th1993 .tx-w{width:12%}
.th1983 .tx-w{width:12%}
.th1973 .tx-w{width:12%}
.depth2 .th1963 li{width:12%}
.depth2 .th1963 li.tx-w{width:13%}