/* 공통 레이아웃 */
.png {behavior:url('../Common/iepngfix.htc');}

/* header : logo */
#header h1#logo {float:left; width:200px; margin:0; padding:20px 0 0; overflow:hidden;}
#header div.t-menu {float:left; width:780px; height:90px; margin:0; padding:0;}

/* header : local navigation menu */
#lnb {float:right; margin:35px 0 0; padding:0;}
#lnb ul {float:left; height:21px; margin:0; padding:0 5px 0 0;}
#lnb ul li {float:left; margin:0; padding:0;}

#lnb ul li a {display:block; margin:0; padding:5px 2px 5px 4px; font-size:11px; background:url('../Images/ko/common/lnb_bar.jpg') no-repeat 0 8px;}
#lnb ul li a.f {padding:5px 2px 5px 0; background:none;}
#lnb ul li a:link,
#lnb ul li a:visited {color:#000; text-decoration:none;}
#lnb ul li a:hover,
#lnb ul li a:focus,
#lnb ul li a:active {color:#ffa01e; text-decoration:none;}

/* header : global navigation menu */
#gnb {clear:both; float:left; position:relative; width:520px; margin:25px 0 0 40px; padding:0; z-index:30;}
#gnb li {float:left; margin:0; padding:0; text-align:center; }
/* header : global navigation menu link */
#gnb li a.gnb {display:block; height:100%; padding:10px 15px 10px;}

#gnb li .gnb-sub {position:absolute; top:40px; width:173px; margin:0; padding:0; overflow:hidden; z-index:50; background:url('../Images/ko/common/sm_top.png') no-repeat 0 0; display:none;}
#gnb li .gnb-sub ol {margin:14px 0 0; padding:10px; overflow:hidden; background:url('../Images/ko/common/sm_bg.png') no-repeat 0 100%;}
#gnb li .gnb-sub ol li {clear:both; width:100%; margin:0; padding:0;}
#gnb li .gnb-sub ol li a {display:block; text-align:left; margin:0; padding:5px 5px 5px 15px; color:#8493aa;}
#gnb li .gnb-sub ol li a:hover,
#gnb li .gnb-sub ol li a.active {font-weight:bold;}
#gnb li .gnb-sub ol li a.active {padding:5px 5px 5px 15px; background:url('../Images/ko/common/sm_arrow.gif') no-repeat 2px 7px;}


/*
#gnb li #g-sub1 {left:0;}
#gnb li #g-sub2 {left:80px;}
#gnb li #g-sub3 {left:165px;}
#gnb li #g-sub4 {left:245px;}
*/

/* contents : a side menu */
#aside {float:left; margin:0 0 25px 0; z-index:7;}
#aside p {margin:10px 0 0 0; padding:0; border-bottom:1px solid #ddd; overflow:hidden;}
#aside ul.s-menu {margin:0px 0 0; padding:0; border:0;}
#aside ul.s-menu li {margin:0; padding:0; border:0;}
#aside ul.s-menu li a {display:block; height:32px; margin:0; padding:0 0 0 20px; line-height:32px; font-weight:bold; color:#555; background:url('../Images/ko/sub/side_menu_df_bg.gif');}
#aside ul.s-menu li a:hover,
#aside ul.s-menu li a:focus,
#aside ul.s-menu li a.active {font-weight:bold; color:#092399;}
#aside ul.s-menu li a.active {padding:0 0 0 5px; color:#fff; background:url('../Images/ko/sub/side_menu_bg.gif') no-repeat 0 0;}


#aside ul.s-menu li .side-sub {clear:both; margin:0; padding:0; overflow:hidden; border:0px solid #ccc; border-top:none; display:none;}
#aside ul.s-menu li .side-sub ol {margin:0; padding:0; overflow:hidden; background:#ddd;}
#aside ul.s-menu li .side-sub ol li {clear:both; width:100%; margin:0; padding:0;}
#aside ul.s-menu li .side-sub ol li a {display:block; overflow:hidden; height:14px;text-align:left; font-weight:normal; margin:0; padding:5px 5px 5px 10px; line-height:18px; color:#555; border-top:1px solid #fff; background:#ddd;}
#aside ul.s-menu li .side-sub ol li a:hover,
#aside ul.s-menu li .side-sub ol li a.active {font-weight:bold; color:#092399;}
#aside ul.s-menu li .side-sub ol li a.active {padding:5px 5px 5px 10px; background:none;}




/* contents : a side category */
#aside ol.category {margin:10px 0 0; padding:0; border:0;}
#aside ol.category li {position:relative; margin:0; padding:0; border:0;}
#aside ol.category li a {display:block; margin:0 0 0 10px; padding:8px 0 8px 12px; color:#333; border:none; background:url('../Images/ko/sub/bullet.gif') no-repeat 0 9px;}
#aside ol.category li a:hover,
#aside ol.category li a:focus,
#aside ol.category li a.active {font-weight:bold; color:#f36f21;}
#aside ol.category li.no-data {height:100px; line-height:100px; text-align:center;}

#aside ol.category li div.cate-sdiv {position:absolute; top:0; left:150px; width:200px; margin:0; padding:0; border:1px solid #ccc; overflow:hidden; background:#fff; display:none;}
#aside ol.category li div.cate-sdiv ul.m-category {margin:0; padding:0;}
#aside ol.category li div.cate-sdiv ul.m-category li {position:static; height:22px; line-height:22px; margin:0; padding:0 2px 0 0; border:0;}
#aside ol.category li div.cate-sdiv ul.m-category li a {display:inline-block; width:100%; height:20px; margin:0; padding:0; border:1px solid #fff; *background:#fff; background:none;}
#aside ol.category li div.cate-sdiv ul.m-category li a:hover,
#aside ol.category li div.cate-sdiv ul.m-category li a:focus {background:#f3f3f3;}
#aside ol.category li div.cate-sdiv ul.m-category li a span {display:inline-block; padding:0 5px; overflow:hidden; white-space:nowrap; cursor:pointer; _cursor:hand;}

/* 좌측 배너 */
.side-banner {margin:10px 0; padding:0; overflow:hidden;}
.side-banner p {margin:0; padding:0;}

/* contents : title image & location */
#container #contents .contents_subject {clear:both; position:relative; height:44px; border-bottom:1px solid #ccc; overflow:hidden;}
#container #contents .contents_subject h1 {float:left; margin-top:10px;}
#container #contents .contents_subject h1 p {display:inline-block; margin-top:10px; vertical-align:top; color:#333;}
#container #contents .contents_subject h1 p a {color:#00f; font-weight:bold;}
#container #contents .contents_subject dl {position:absolute; bottom:8px; right:0; padding-left:15px; background:url("../Images/ko/sub/sub_location_home.gif") no-repeat 0 1px; background:/*\**/url("../Images/ko/sub/sub_location_home.gif") no-repeat 0 0\9; *background:url("../Images/ko/sub/sub_location_home.gif") no-repeat 0 0;}
#container #contents .contents_subject dl dd {font-size:11px; color:#8f8f8f;}
#container #contents .contents_subject dl dd span {font-weight:bold; color:#757575;}
#container #contents .contents_main {clear:both; margin:0 0 10px; overflow:hidden;}

/* poll : result */
div#poll-result {margin:10px auto 10px; overflow:hidden;}
div#poll-result h1 {font:bold 14px dotum,gulim,sans-serif; margin-bottom:5px; padding-left:20px; overflow:hidden; background:url('../Images/ko/common/bullet.jpg') no-repeat 5px 2px;}
div#poll-result p {font-weight:bold; line-height:130%; margin:0 auto; padding:5px; border:1px solid #ddd; overflow:hidden; background:#f9f9f9;}
div#poll-result dl {line-height:130%; margin:0 auto; padding:5px; overflow:hidden;}
div#poll-result dl dd.graph {height:15px; margin-top:5px; overflow:hidden;}
div#poll-result dl dd.txt {margin-bottom:5px; overflow:hidden;}

/* poll : print */
div#poll {overflow:hidden;}
div#poll ul {margin:0; padding:0;}
div#poll ul li {margin:0; padding:0;}
div#poll ul li.poll-header {height:25px; line-height:25px; margin:0 0 5px; font-weight:bold; border-bottom:1px solid #aaa; overflow:hidden;}
div#poll ul li.poll-subject {padding:3px; font-weight:bold; border:1px solid #ddd; overflow:hidden; background:#f9f9f9;}
div#poll ul li.poll-item {margin:3px 0; overflow:hidden;}
div#poll ul li.poll-btn {text-align:center; margin:10px auto 5px; overflow:hidden;}

/* footer : copyright */
#footer .footer-area {width:990px; margin:0 auto; padding:5px 0 0; font-size:11px; color:#999; overflow:hidden; background:url(/Images/ko/common/copyBack.jpg) no-repeat 50% 0;}
#footer .footer-area .ft-menu {width:980px; height:20px; margin-top:3px; padding:0; overflow:hidden;}
#footer .footer-area .ft-info {clear:both; width:700px; margin-top:15px; padding:0; overflow:hidden;}
#footer .footer-area ul {margin:0; padding:0;}
#footer .footer-area ul li {float:left; margin:0; padding:5px 5px 0 8px; background:url('../Images/ko/common/foot_bar.gif') no-repeat 0 3px;}
#footer .footer-area ul li.f {padding:5px 5px 0 3px; background:none;}
#footer .footer-area dl {float:right; margin:25px 0 0; padding:0;}
#footer .footer-area dl dt {float:left; width:1px; text-indent:-9999em;}
#footer .footer-area dl dd {float:left; margin:0 0 0 10px; padding:0;}

#footer .footer-area .ft-info span {display:block; float:left; margin:0; padding:3px 5px 0 8px; background:url('../Images/ko/common/foot_bar.gif') no-repeat 0 1px;}
#footer .footer-area .ft-info span.f {padding:3px 5px 0 0; background:none;}
#footer .footer-area .ft-info span em {font-style:normal; font-weight:bold; color:#999;}
#footer .footer-area .ft-info p {clear:both; margin:0; padding:5px 0 0; overflow:hidden; color:#999;}




/* button & swf progress bar */
.proc-btn {clear:both; position:relative; margin:10px auto 10px; text-align:center; overflow:hidden;}
.proc-btn p.progress {width:210px; margin:10px auto 10px;}
.proc-btn p.first {position:absolute; height:30px; top:0; left:5px; z-index:7;}
.proc-btn div.page {width:100%; height:50px; z-index:9;}
.proc-btn p.last {position:absolute; height:30px; top:0; right:5px; z-index:8;}


/* input box */
.inp {font-size:12px; margin:0; padding:2px 4px; color:#333; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#fff;}
.in-file {font-size:12px; margin:0; padding:2px 4px; color:#777; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#eee;}
.no-inp {font-size:12px; margin:0; padding:2px 4px; color:#777; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#eee;}

.inp-b {font-size:12px; margin:2px; padding:3px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}
.inp-bb {font-size:12px; margin:2px; padding:5px 4px 3px; border:1px solid #b7b7b7; border-left-color:#e1e1e1; border-top-color:#e1e1e1; background:transparent;}
.no-inp-b {font-size:12px; margin:2px; padding:3px 4px; color:#777; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#eee;}
.inp-black {font-size:12px; margin:2px; padding:5px 4px 3px; color:#fff; border:1px solid #555; border-left-color:#000; border-top-color:#000; background:#333;}

.inp-trans {font-size:12px; margin:2px; padding:3px 4px; border:none; background:transparent;}

.inp-b16 {font-size:16px; font-weight:bold; margin:2px; padding:3px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}
.inp-b18 {font-size:18px; font-weight:bold; margin:2px; padding:3px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}
.no-inp-b16 {font-size:16px; font-weight:bold; margin:0 4px 0 0; padding:3px 0 4px; color:#777; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#eee;}
.no-inp-b18 {font-size:18px; font-weight:bold; margin:2px; padding:3px 4px; color:#777; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#eee;}

/* 버튼 */
.b-gray {font-family:dotum,gulim,tahoma,verdana,sans-serif; margin:0; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#f7f7f7;}

.b-size11 {font-size:11px; padding:3px 4px;}
.b-size12 {font-size:12px; padding:3px 5px;}

/* 셀렉트폼 */
.seb {font-size:12px; margin:0; padding:1px 2px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#fff;}
.s-seb {font-size:11px; margin:0; padding:1px 2px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#fff;}
.seb-b {font-size:12px; margin:2px; padding:3px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}
.seb-b16 {font-size:16px; margin:0; padding:3px 0; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}
.seb-b18 {font-size:18px; margin:2px; padding:3px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}



/* common */
.clear {clear:both;}

/* default font */
.font10 {font-size:10px !important;}
.font11 {font-size:11px !important;}
.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font14 {font-size:14px !important;}
.normal {font-weight:normal !important;}
.bold {font-weight:bold !important;}

.bg_gray {background:#f5f5f5;}

/* color */
.white {color:#fff !important;}
.black {color:#000 !important;}
.gray {color:#999 !important;}
.red {color:#f00 !important;}
.pink {color:#f8f !important;}
.orange {color:#f80 !important;}
.violet {color:#ff32b1 !important;}
.blue {color:#00f !important;}
.sky {color:#00c3ff !important;}
.green {color:#369f36 !important;}

/* hand cursor type */
.hand {cursor:pointer !important; _cursor:hand !important;}

/* align */
.f_left {float:left !important;}
.f_right {float:right !important;}

.left {text-align:left !important;}
.center {text-align:center !important; padding-left:0 !important; padding-right:0 !important;}
.right {text-align:right !important;}

/* line height */
.lh_120 {line-height:120% !important;}
.lh_140 {line-height:140% !important;}
.lh_160 {line-height:160% !important;}
.lh_180 {line-height:180% !important;}
.lh_200 {line-height:200% !important;}
.lh_250 {line-height:250% !important;}

/* padding */
.pad3 {padding:3px !important;}
.pad5 {padding:5px !important;}
.pad8 {padding:8px !important;}
.pad10 {padding:10px !important;}
.tpad1 {padding-top:1px !important;}
.tpad3 {padding-top:3px !important;}
.tpad5 {padding-top:5px !important;}
.tpad8 {padding-top:8px !important;}
.tpad10 {padding-top:10px !important;}
.bpad1 {padding-bottom:1px !important;}
.bpad3 {padding-bottom:3px !important;}
.bpad5 {padding-bottom:5px !important;}
.bpad8 {padding-bottom:8px !important;}
.bpad10 {padding-bottom:10px !important;}
.lpad3 {padding-left:3px !important;}
.lpad5 {padding-left:5px !important;}
.lpad8 {padding-left:8px !important;}
.lpad10 {padding-left:10px !important;}
.rpad3 {padding-right:3px !important;}
.rpad5 {padding-right:5px !important;}
.rpad8 {padding-right:8px !important;}
.rpad10 {padding-right:10px !important;}

/* margin */
.mrg3 {margin:3px !important;}
.mrg5 {margin:5px !important;}
.mrg8 {margin:8px !important;}
.mrg10 {margin:10px !important;}
.mrg15 {margin:15px !important;}
.mrg20 {margin:20px !important;}
.tmrg1 {margin-top:1px !important;}
.tmrg3 {margin-top:3px !important;}
.tmrg5 {margin-top:5px !important;}
.tmrg8 {margin-top:8px !important;}
.tmrg10 {margin-top:10px !important;}
.tmrg15 {margin-top:15px !important;}
.tmrg20 {margin-top:20px !important;}
.bmrg1 {margin-bottom:1px !important;}
.bmrg3 {margin-bottom:3px !important;}
.bmrg5 {margin-bottom:5px !important;}
.bmrg8 {margin-bottom:8px !important;}
.bmrg10 {margin-bottom:10px !important;}
.bmrg15 {margin-bottom:15px !important;}
.bmrg20 {margin-bottom:20px !important;}
.lmrg3 {margin-left:3px !important;}
.lmrg5 {margin-left:5px !important;}
.lmrg8 {margin-left:8px !important;}
.lmrg10 {margin-left:10px !important;}
.lmrg15 {margin-left:15px !important;}
.lmrg20 {margin-left:20px !important;}
.rmrg3 {margin-right:3px !important;}
.rmrg5 {margin-right:5px !important;}
.rmrg8 {margin-right:8px !important;}
.rmrg10 {margin-right:10px !important;}
.rmrg15 {margin-right:15px !important;}
.rmrg20 {margin-right:20px !important;}