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

/* header : logo */
#header h1#logo {float:left; margin:30px 0 0; width:215px; height:50px;}
#header div.t-menu {float:right;}

/* header : local navigation menu */
#header ul#lnb {float:right; height:20px; margin:8px 0 0; padding:0;}
#header ul#lnb li {float:left; margin-left:8px; padding:0 0 0 9px; background:url('../Images/ko/common/copy_menu_bar.gif') no-repeat 0 3px;}
#header ul#lnb li.f {background:none;}
#header ul#lnb li span {display:inline-block; margin:4px 0 0;}
/* header : local navigation menu link */
#header ul#lnb li a, #header ul#lnb li a:link {font-family:dotum,gulim,sans-serif;color:#666; text-decoration:none;}
#header ul#lnb li a:visited {color:#666; text-decoration:none;}
#header ul#lnb li a:hover, #header ul#lnb li a:focus {color:#333; text-decoration:none;}
#header ul#lnb li a:active {color:#333;}

.nav	{clear:both; float:right; width:720px; height:50px; margin:20px 0 0 0; padding:0; z-index:5; overflow:hidden;}
.nav li {float:left; height:40px; padding:0 10px 0 10px;}
.nav li a {float:left; height:25px; overflow:hidden; font-size:16px; font-weight:normal; line-height:25px}
.nav li.on a {color:#245abe}
.nav li div	{display:none; position:absolute; left:0; top:80px; width:980px; height:80px; z-index:9;}
.nav li .title	{float:left; width:200px; font-size:16px;; height:30px; text-align:right; margin:20px 0 0 0; padding:15px 0 0 0;}
.nav li ul	{position:relative; float:left; width:650px; margin:15px 0 0 80px; padding:18px 0 0 0;}
.nav li ul li {height:20px; padding:0 15px 0 0; overflow:hidden;}
.nav li div.depth2 ul li a{font-size:12px; color:#777}
.nav li div.depth2 ul li.on a{color:#245abe}
.nav li ul li .depth3 {display:none; position:absolute; left:0; top:63px; width:550px; padding:5px 0 0; border-top:1px solid #d6d3d0;}
.nav li ul li .depth3 ul {display:inline; width:auto; padding:0 !important;}
.nav li ul li .depth3 ul li	{height:auto; padding:0 15px 0 0;}
.nav li ul li.on ul	{display:block;}
.nav li.last {padding-right:0 !important;}
.nav li div.sub1 {background:url('../Images/ko/common/sub_menu_bg.png') repeat 0 0;}
.nav li div.sub2 {background:url('../Images/ko/common/sub_menu_bg.png') repeat 0 0;}
.nav li div.sub3 {background:url('../Images/ko/common/sub_menu_bg.png') repeat 0 0;}
.nav li div.sub4 {background:url('../Images/ko/common/sub_menu_bg.png') repeat 0 0;}
.nav li div.sub5 {background:url('../Images/ko/common/sub_menu_bg.png') repeat 0 0;}
.nav li div.sub6 {background:url('../Images/ko/common/sub_menu_bg.png') repeat 0 0;}


/* contents : a side menu */
#container #aside {float:left; margin:0 0 25px 0; z-index:7;}
#container #aside p {margin:8px 0 10px; padding:0;}
#container #aside ul {margin:0; padding:0; border:0;}
#container #aside ul li {position:relative; margin:0; padding:0; border:0;}
#container #aside ul li a {}
#container #aside ul li a:hover, 
#container #aside ul li a:focus {}

/* contents : a side category */
#container #aside ol.category {margin:0; padding:0; border:0;}
#container #aside ol.category li {position:relative; height:22px; line-height:22px; margin:0; padding:0 2px 0 0; border:0;}
#container #aside ol.category li a {display:inline-block; width:100%; height:20px; border:1px solid #fff; *background:#fff;}
#container #aside ol.category li a:hover, 
#container #aside ol.category li a:focus {border:1px solid #ccc; background:#f6f6f6;}
#container #aside ol.category li.no-data {height:100px; line-height:100px; text-align:center;}

#container #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;}
#container #aside ol.category li div.cate-sdiv ul.m-category {margin:0; padding:0;}
#container #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;}
#container #aside ol.category li div.cate-sdiv ul.m-category li a {display:inline-block; width:100%; height:20px; border:1px solid #fff; *background:#fff;}
#container #aside ol.category li div.cate-sdiv ul.m-category li a:hover, 
#container #aside ol.category li div.cate-sdiv ul.m-category li a:focus {background:#f3f3f3;}

#container #aside ul li a span, 
#container #aside ol.category li a span, 
#container #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;}

/* 사이드 배너 */
#container #aside .side-banner {margin:40px 0 0; padding:0; overflow:hidden;}
#container #aside .side-banner ul {margin:0; padding:0; overflow:hidden;}
#container #aside .side-banner ul li {margin:3px 0 0; padding:0; overflow:hidden;}


/* contents : title image & location */
#container #contents .contents_subject {clear:both; position:relative; height:44px; margin:0; padding:0; overflow:hidden; background:url('../Images/ko/common/conts_under_line.gif') repeat-x 0 100%;}
#container #contents .contents_subject h1 {position:absolute; font-size:16px; line-height:30px; font-weight:normal; bottom:0; left:0; border-bottom:1px solid #fd6b49;}
#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:0.95em; color:#8f8f8f;}
#container #contents .contents_subject dl dd span {font-weight:bold; color:#757575;}
#container #contents .contents_main {clear:both; width:740px; margin:30px auto 10px; overflow:hidden;}

.ej-conts {clear:both; margin:0; padding:0; overflow:hidden;}
.ej-fancy ul {position:relative; margin:0; padding:0; border:none; border-top:0; border-left:0; border-right:0; list-style:none; overflow:hidden; font-size:12px; font-family:Tahoma, Geneva, sans-serif; *zoom:1;}
.ej-fancy ul:after {content:""; display:block; clear:both;}
.ej-fancy li {position:relative; top:1px; float:left; width:240px; overflow:hidden;}
.ej-fancy .thumb {position:relative; display:block; padding:10px 0; line-height:120px; overflow:hidden; text-align:center; color:#666; white-space:nowrap;}
.ej-fancy .thumb img {display:block; border:0; margin:0 auto;}
.ej-fancy .thumb em {position:absolute; visibility:hidden; width:1px; height:1px; left:0; top:50%; text-align:center; background:#000; opacity:.6; filter:alpha(opacity=60); color:#fff; font-weight:bold; font-style:normal;}
.ej-fancy .thumb em {_width:100%; _height:auto; _line-height:20px; _visibility:visible; _top:0; _margin:0;}
.ej-fancy a.i {display:block; width:200px; padding:20px 0 0 0; margin:0 auto; text-decoration:none; cursor:pointer;}
.ej-fancy a.i strong {display:inline-block; width:200px; height:18px; line-height:18px; margin:8px 0 0 0; color:#333; font-size:11px; text-align:center; overflow:hidden; word-break:break-all; word-wrap:break-word;}
.ej-fancy p {width:200px; margin:0 auto; font-size:11px; color:#767676;}
.ej-fancy a.i:hover strong,
.ej-fancy a.i:active strong,
.ej-fancy a.i:focus strong {text-decoration:underline;}
.ej-fancy a.i:hover .thumb,
.ej-fancy a.i:active .thumb,
.ej-fancy a.i:focus .thumb {border:3px solid #ccc; margin:-3px; -moz-box-shadow:0 0 5px #ddd; -webkit-box-shadow:0 0 5px #ddd;}
.ej-fancy a.i:hover .thumb em,
.ej-fancy a.i:active .thumb em,
.ej-fancy a.i:focus .thumb em {width:100%; height:auto; line-height:200px; margin:-100px 0 0 0; visibility:visible;}

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

/* poll : print */
div#poll {overflow:hidden;}
div#poll ul li.poll-header {height:25px; line-height:25px; margin:0 0 5px; font-weight:bold; border-bottom:1px solid #ddd; 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 address {width:980px; height:20px; font-size:0.9em; color:#999; margin:0 auto; text-align:center;}
#footer p {width:980px; height:20px; font-size:0.9em; color:#aaa; margin:0 auto; text-align:center;}


#footer .footer-menu {position:relative; width:980px; height:20px; margin:0 auto; padding:0; z-index:5;}
#footer .footer-menu ul {margin:0; padding:0;}
#footer .footer-menu ul li {float:left; margin:0; padding:0 16px 0 17px; background:url('../Images/ko/common/copy_menu_bar.gif') no-repeat 0 3px;}
#footer .footer-menu ul li.f {padding:0 16px 0 0; background:none;}

div div.footer-area {position:relative; width:980px; height:90px; margin:0 auto; padding:0; background:url('../Images/ko/common/copyright.gif_') no-repeat 0 15px;}
div div.footer-area dl {height:50px; margin:0; padding:0; overflow:hidden;}
div div.footer-area dl dt {margin:0; padding:35px 0 0; text-align:center; overflow:hidden;}

div div.footer-area div {position:absolute; top:-20px; right:0; width:80px; height:15px; margin:0; padding:0;}

/* intro */
.bbs-box .title { font-size:14px;}

/* left menu */
#left_menu .title { height:37px; border-bottom:1px solid #ddd; font-size:18px; line-height:40px }
#left_menu ul li { height:25px; line-height:25px; font-size:12px; border-bottom:1px dotted #ddd !important}
#left_menu ul li a { display:block; width:100%; height:100% }
#left_menu ul li a:hover {color:#245abe !important}
#left_menu ul li.on a{ color:#245abe}
#left_menu ul li.off a{ color:#777; }


/* 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 {height:18px; height:/*\**/14px\9;  *height:14px; padding:0 3px 0; padding:/*\**/3px 3px 0\9; *padding:3px 3px 0; font-family:dotum,gulim,sans-serif; font-size:1em; border:1px solid #ddd;}
.in-file {height:20px; padding:0 3px 0; padding:/*\**/3px 3px 0\9; *padding:3px 3px 0; font-size:1em; border:1px solid #ddd; background:#f9f9f9;}
.no-inp {height:18px; height:/*\**/14px\9;  *height:14px; padding:0 3px 0; padding:/*\**/3px 3px 0\9; *padding:3px 3px 0; font-family:dotum,gulim,sans-serif; font-size:1em; color:#999; border:1px solid #ddd; background:#eee !important;}

/* select box */
.seb {height:20px; font-family:dotum,gulim,sans-serif; font-size:1em; border:1px solid #ddd;}
.s-seb {height:18px; font-family:dotum,gulim,sans-serif; font-size:1em; margin-top:3px; border:1px solid #ddd;}

/* 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;}
.tpad15 {padding-top:15px !important;}
.tpad20 {padding-top:20px !important;}
.tpad25 {padding-top:25px !important;}
.tpad30 {padding-top:30px !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;}