/* CSS Document */

#container { width: 930px;  margin:0 auto; }

/* 탑메뉴, 로고, 메인메뉴 */
#top_logo_mainNav { width:930px; margin:0 auto; }
#top_logo_mainNav #topMenu { background:url(/image/top_back.gif) no-repeat; font-size:8px; float:right; width:209px}
#top_logo_mainNav #topMenu li        { display:block; _display:inline; float:left;  }
#top_logo_mainNav #topMenu li a      { width:48px; display:block; height:20px; }
#top_logo_mainNav #topMenu li a span { visibility:hidden ;  }

#top_logo_mainNav #logo { width:225px; float:left; margin-top:17px }

#top_logo_mainNav #mainNav { float:left; position:relative; z-index:100; }

/* 메인 이미지 플래시 */
#mainfla {width: 462px; top:30px; *top:-30px; _top:-29px;  position:relative; left:0px; min-width:970px; max-width:970px; }

/* 메인컨텐츠 및 footer */
#maincon_footer { width: 610px; position:relative; margin-top:-470px; left:360px; display:block; }
#maincon_footer .notice { width:464px; margin-left:130px; background:url(../image/main_notice.gif) no-repeat; height:54px;  margin-bottom:22px; }
#maincon_footer .notice li { float:left;  }
#maincon_footer .notice .li { display:block; _display:inline; width:209px; }
#maincon_footer .notice .li a { display:block; height:20px; margin:0 0 0 130px; width:30px; font-size:9px;  }
#maincon_footer .notice .li a:hover { text-decoration:none; }
#maincon_footer .notice .li a span { visibility:hidden;  }
#maincon_footer .notice .li_list {width:255px; margin-top:7px; height:86px }
#maincon_footer .notice .li_list a {  background:none;  margin:0 0 0 0; text-decoration:none; background:url(../image/arrow.gif) no-repeat 0 center; padding:0 0 0 6px; }
#maincon_footer .notice .li_list a:hover { text-decoration:underline; background:url(../image/arrow.gif) no-repeat 0 center; color:#3e3e3e; text-decoration:none;  }

#maincon_footer .banner { width:493px; margin-left: 82px; padding-left:19px;  }
#maincon_footer .banner .call { width:187px; float:left; margin-top:29px; *margin-top:22px; _margin-top:22px; }
#maincon_footer .banner .call li { background:url(../image/back_bar.gif) no-repeat 0 bottom; padding-bottom:16px; padding-left:27px; }
#maincon_footer .banner .call li.li_01 { }
#maincon_footer .banner .call li.li_02 { padding-top:17px; }
#maincon_footer .banner .link { background:url(../image/main_link01.jpg) no-repeat 0 0; position:relative; margin:0 0 0 175px; width:315px; *width:300px; *left:-12px; _left:-13px; _width:300px; padding-top:15px; padding-bottom:30px; }
#maincon_footer .banner .link li { display:block; _display:inline; padding-left:150px;  }
#maincon_footer .banner .link li a { display:block; height:31px;width:150px;  _margin-left:150px; text-decoration:none; }
#maincon_footer .banner .link li a span { visibility:hidden;  }

#maincon_footer .banner_link { background:url(../image/main_link01.jpg) no-repeat; width:610px; height:51px; }
#maincon_footer .banner_link li { float:left; display:block; _display:inline;  }
#maincon_footer .banner_link li a { display:block; overflow:hidden; height:45px;  }
#maincon_footer .banner_link li a:hover { text-decoration:none;  }
#maincon_footer .banner_link li.li01 a { width:177px; }
#maincon_footer .banner_link li.li02 a { width:99px; }
#maincon_footer .banner_link li.li03 a { width:143px;}
#maincon_footer .banner_link li.li04 a { width:92px; }
#maincon_footer .banner_link li.li05 a { width:95px; *width:90px; _width:90px; }
#maincon_footer .banner_link li a span { visibility:hidden; }
/* footer */
#footer { margin:10px 0 0 0}

/* === 서브 === */
#subVsl { width:930px; margin:0 auto; position:relative; top:-23px; left:0}
#sub_container {width:930px; position:relative; margin:0 auto; }

.leftMenu { width:200px; float:left;margin-bottom:50px; _width:200px; }
.leftMenu h1 { padding:15px 0 14px 0; border-bottom:1px solid #DCDCDC; }
.leftMenu h2 { padding-top:15px }
.leftMenu ul { padding:0; margin:0; position:relative; _position:none}
.leftMenu ul li { border-bottom:1px solid #DCDCDC; background:url(../image/bullet.gif) no-repeat 18px center; display:block; height:44px; padding:0; _position:relative; line-height:44px}
.leftMenu ul li a { padding-left:18px; font-family:맑은 고딕, 돋움; font-size:1.10em; font-weight:bold; display:block; height:44px; line-height:44px}
.leftMenu ul li a:hover {border: none; background: url(/html/images/include/lmenu_on.gif) no-repeat; width:200px; height:44px; color:#FFF; font-size:1.12em; line-height:44px; position:relative; display:block}

.leftMenu p { margin-top:50px; }

.leftMenu label{display:block;border-top:1px solid #233c96; padding-left:18px; font-family:맑은 고딕, 돋움; font-size:1.10em; font-weight:bold; position:relative; height:44px; cursor:pointer; color:#9b9b9b; line-height:44px;}
.leftMenu label:hover{background:url(/html/images/include/lmenu_on2.gif) no-repeat;color:#FFF;}
.leftMenu label a{color:#9b9b9b}
.leftMenu label a:hover{color:#fff}
.leftMenu input:checked + label,
.leftMenu input:checked + label:hover{border:none; background:url(/html/images/include/lmenu_on2.gif) no-repeat; width:200px; height:44px; color:#FFF; font-size:1.12em; line-height:44px; position:relative; display:block}
.leftMenu input{display: none;}
.leftMenu .article{background: rgba(255, 255, 255, 0.5);overflow: hidden;height: 0px;position: relative;z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.leftMenu .article p{margin-top:1px;border-bottom:1px solid #DCDCDC;font-family:맑은 고딕, 돋움; font-size:1.10em; margin:0; padding-left:18px; font-weight:bold; width:200px; height:44px;line-height:44px}
.leftMenu .article p:hover,.leftMenu .article p:hover:after{color:#233c96}
.leftMenu input:checked ~ .article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}
.leftMenu input:checked ~ .article.ac-small{height: 315px;}
.leftMenu input:checked ~ .article.ac-medium{height: 180px;}
.leftMenu input:checked ~ .article.ac-large{height: 45px;}



/* sub container */
.subContainer { width:680px; float:left; margin-left:33px; margin-top:-5px; margin-bottom:20px; background:url(../images/subpage/tbg.gif) no-repeat right top}
.subContainer h1 { padding:43px 0 15px 0; }

.subContainerC { width:680px; float:left; margin-left:33px; margin-top:-5px; margin-bottom:20px}
.subContainerC h1 { padding:43px 0 15px 0; }