@charset "euc-kr";
/* CSS Document */
html, body { width:100%; height:100%; font-family:'dotum,arial'; font-size:12px; word-wrap:normal; }
html, h1, h2, h3, h4, ul, li, dl, dt, dd, input, div, span, p { padding:0px; margin:0px; }
h1, ul, li, dl, dt, dd { list-style:none; }
a { text-decoration:none; color:#6d6d6d; }
img { border:0px; }
body {width:100%; margin:0 auto; font-family:'gulim';color:#666; font-size:12px;letter-spacing:normal;-webkit-text-size-adjust:none}
.wrap {width:100%; margin:0 auto; background:url(../html/img/main/main_bg.gif) repeat-x;}
.both {clear:both;}

/*header*/
.mp_header {width:100%; position:relative; margin:0 auto; z-index:20;}
.mp_header .mp_sub_header {width:1000px; height:100px; margin:0 auto; position:relative; z-index:21;}
.mp_header .mp_logo {width:260px; float:left;}
.mp_header .mp_top_menu {width:260px; height:20px; float:right;}
.mp_header .mp_top_menu ul {width:260px;}
.mp_header .mp_top_menu ul li {float:left; margin-left:5px;}

.mp_header .subBg { position: absolute; top: 100px; left: 0; width: 100%; height: 160px; background:url(../html/img/sub/menu_bg.png) repeat; border-bottom: 1px solid #036F26; _top: 170px;  z-index:1; }
.mp_header .mp_main_menu { top:27px; left: 0; position: relatve; z-index: 40; }
.gnb {width:720px; float:left; margin: 0 auto; position: relative; z-index:41; top:20px;}
.gnb .closeMenu { position: absolute; right: 0px; bottom: -100px; width: 23px; height: 23px; z-index: 41; _bottom: 30px; }
.gnb ul.menu {}
.gnb ul.menu:after { content: ''; clear: both; display: block }
.gnb ul.menu li { float: left;  text-align: center; z-index: 40; _display: inline; margin-left:40px; }
.gnb ul.menu li a { padding: 10px 0; display: inline-block }
.gnb ul.menu li.menu01 { margin-left: 60px; background-image: none !important; height:58px; z-index: 100;}
.gnb ul.menu li.menu02 { height:50px;}
.gnb ul.menu li.menu03 { height:50px;}
.gnb ul.menu li.menu04 {height:50px;}
.gnb ul.menu li.menu05 {height:50px;}
.gnb ul.menu li.menu06 {height:50px;}
.gnb ul.menu li.menu07 {height:50px;}
.gnb ul.menu li.menu01 .subWrap {width:140px;  top: 60px; left: 40px }
.gnb ul.menu li.menu02 .subWrap {width:140px;  top: 60px; left: 235px }
.gnb ul.menu li.menu03 .subWrap {width:130px;  top: 60px; left: 400px }
.gnb ul.menu li.menu04 .subWrap {width:130px;  top: 60px; left: 470px }
.gnb ul.menu li.menu05 .subWrap {width:120px;  top: 60px; left: 590px }
.gnb ul.menu .subWrap { height: 110px;  z-index: 41; position: absolute; _margin-top: 4px; _height: 220px; left:-20px;}
.gnb ul.menu .subWrap.fir { border-left: none !important}
.gnb ul.menu .subWrap ul { padding-top:15px;  }
.gnb ul.menu .subWrap li { float: none; font-size: 12px; color: #333; position: relative; text-align: left; _display: block; line-height: 1.4; margin-bottom: 7px; background-image: none !important; text-align:center;}
.gnb ul.menu li.menu02 .subWrap li {margin-left:5px; !important;}
.gnb ul.menu li.menu05 .subWrap li {margin-left:0px; !important;}
.gnb ul.menu .subWrap ul li a { padding: 0 !important; color: #333; height: auto; text-decoration: none }
.gnb ul.menu .subWrap ul li a:hover { color:#a67820; font-weight: bold; text-decoration: underline }
.gnb ul.menu li .on { display: block }
.gnb ul.menu .subWrap.subOn { margin-top: -1px !important; _margin-top: 2px; }
.gnb ul.menu .subWrap.subOn ul {  }
.subWrap, .subBg, .closeMenu { display: none }

/*container*/
.mp_container {width:1000px; margin:0 auto; position:relative;}
.mp_container .mp_sub_visual {height:250px; margin-bottom:8px;}
.mp_container .mp_sub_left {width:200px; min-height:700px; float:left;}
.mp_container .mp_sub_left .mp_sub_lt {width:200px; height:109px;}
.mp_container .mp_sub_left .mp_sub_lm {width:200px;}
.mp_container .mp_sub_left .mp_sub_lm ul {width:200px;}
.mp_container .mp_sub_left .mp_sub_lm ul li {width:200px; height:30px; margin-top:10px;}
.mp_container .mp_sub_left .mp_sub_lm ul li a {width:200px; height:30px;}
.mp_container .mp_sub_left .mp_banner {width:200px; margin-top:10px;}
.mp_container .mp_sub_con_area {width:780px; float:right;}
.mp_container .mp_sub_con_area .mp_sub_cont {width:780px; height:117px; margin-bottom:10px;}
.mp_container .mp_sub_con_area .mp_sub_cont .mp_sub_cont_title {width:780px; heigth:69px;}
.mp_container .mp_sub_con_area .mp_sub_cont .mp_sub_cont_location {width:780px; height:48px; display:block; background:url(../html/img/sub/con_location_bg.gif) repeat-x;}
.mp_container .mp_sub_con_area .mp_sub_cont .mp_sub_cont_location p {float:right; vertical-align:middle; text-align:right; margin-top:17px;}
.mp_container .mp_sub_con_area .mp_sub_con {width:780px; margin:0 auto; position:relative;}

/*guide*/
.sub3_1table {clear:both; table-layout:fixed; width:100%; border-collapse:collapse;	border:0; border-spacing:0; margin-bottom:20px;}
.sub3_1table th	{padding:0; border:0; padding:5px 0; background-color:#f7f7f7; border:1px solid #ededed; vertical-align:middle;	text-align:center; font-size:12px;}
.sub3_1table td	{padding:0;	border:0; padding:5px 0; background-color:#fff;	border:1px solid #ededed; vertical-align:middle; text-align:center;	font-size:12px;}

.sub2_table {clear:both; table-layout:fixed; width:100%; border-collapse:collapse;	border:0; border-spacing:0; margin-bottom:20px;}
.sub2_table th	{padding:0; border:0; padding:5px 0; background-color:#f7f7f7; border:1px solid #ededed; vertical-align:middle;	text-align:center; font-size:12px;}
.sub2_table td	{padding:0;	border:0; padding:5px 0; background-color:#fff;	border:1px solid #ededed; vertical-align:middle; text-align:center;	font-size:12px;}

.sub2_1table {clear:both; table-layout:fixed; width:100%; border-collapse:collapse;	border:0; border-spacing:0; margin-bottom:20px; margin-top:10px;}
.sub2_1table th	{padding:0; border:0; padding:5px 0; background-color:#f7f7f7; border:1px solid #ededed; vertical-align:middle;	text-align:center; font-size:12px;}
.sub2_1table td	{padding:0;	border:0; padding:5px 0; background-color:#fff;	border:1px solid #ededed; vertical-align:middle; text-align:center;	font-size:12px;}

/*footer*/
.mp_footer {width:1000px; height:79px; margin:0 auto; position:relative; clear:both; border-top:1px solid #343434; top:10px}
.mp_footer .mp_copy_logo {width:240px; float:left;}
.mp_footer .mp_copy_adr {width:600px; float:left;}
.mp_footer .mp_family {width:160px; margin-top:20px; float:right;}
.mp_footer .mp_family p {margin-bottom:5px;}
.mp_footer .mp_family .family_site {width:140px; margin:0 auto;}


/*ÅǸ޴º*/
/*ÅǸ޴º*/
.sub2_1 .TabMenu{width:80px;  text-align:center;overflow:hidden; position:relative; z-index:40;}
.sub2_1 .TabMenu #tab1 {width:80px; height:22px;}
.sub2_1 .TabMenu #tab2 {width:80px; height:22px;}
.sub2_1 .TabMenu #tab3 {width:80px; height:22px;}
.sub2_1 .TabMenu #tab4 {width:80px; height:22px;}
.sub2_1 .TabMenu li{}
 
.sub2_1 #content01{width:780px; display:none; margin:0 auto;  position:absolute; top:0; left:0;}
.sub2_1 #content02{width:780px; display:none; margin:0 auto;  position:absolute; top:0; left:0;}
.sub2_1 #content03{width:780px; display:none; margin:0 auto;  position:absolute; top:0; left:0;}
.sub2_1 #content04{width:780px; display:none; margin:0 auto;  position:absolute; top:0; left:0;}

.sub2_1 #content01 ul {width:650px; height:100px; margin-left:90px;}
.sub2_1 #content02 ul {width:650px; height:100px; margin-left:90px;}
.sub2_1 #content03 ul {width:650px; height:100px; margin-left:90px;}
.sub2_1 #content04 ul {width:650px; height:100px; margin-left:90px;}

.sub2_1 #content01 ul li {float:left; margin-top: -3px;}
.sub2_1 #content02 ul li {float:left; margin-top: 18px;}
.sub2_1 #content03 ul li {float:left; margin-top: 38px;}
.sub2_1 #content04 ul li {float:left; margin-top: 60px;}


/*sub2_2*/
.sub2_2 .TabMenu{width:780px;  text-align:center;overflow:hidden; position:relative; z-index:40;}
.sub2_2 .TabMenu li.active {border:1px solid #a3a3a3; border-bottom:none !important}
.sub2_2 .TabMenu #tab1 {width:85px; height:30px; float:left; border-bottom:1px solid #a3a3a3;}
.sub2_2 .TabMenu #tab2 {width:85px; height:30px; float:left; border-bottom:1px solid #a3a3a3;}
.sub2_2 .TabMenu #tab3 {width:85px; height:30px; float:left; border-bottom:1px solid #a3a3a3;}
.sub2_2 .TabMenu #tab4 {width:85px; height:30px; float:left; border-bottom:1px solid #a3a3a3;}
.sub2_2 .TabMenu #tab5 {width:85px; height:30px; float:left; border-bottom:1px solid #a3a3a3;}
.sub2_2 .TabMenu #tab6 {width:85px; height:30px; float:left; border-bottom:1px solid #a3a3a3;}
.sub2_2 .TabMenu #tab7 {width:85px; height:30px; float:left; border-bottom:1px solid #a3a3a3;}
.sub2_2 .TabMenu #tab8 {width:85px; height:30px; float:left; border-bottom:1px solid #a3a3a3;}
.sub2_2 .TabMenu #tab9 {width:85px; height:30px; float:left; border-bottom:1px solid #a3a3a3;}
.sub2_2 .TabMenu #tab10 {width:178px; height:30px; float:left; border-bottom:1px solid #a3a3a3;}
.sub2_2 .TabMenu li{}
 
.sub2_2 #content01{width:778px; display:none; margin:0 auto;  position:relative; top:0; left:0; border:1px solid #a3a3a3; border-top:none; overflow:hidden;}
.sub2_2 #content01 #imgb101 {float:right; margin-top:130px;}
.sub2_2 #content02{width:778px; display:none; margin:0 auto;  position:relative; top:0; left:0; border:1px solid #a3a3a3; border-top:none; overflow:hidden;}
.sub2_2 #content02 #img101 {float:right; margin-top:130px;}
.sub2_2 #content03{width:778px; display:none; margin:0 auto;  position:relative; top:0; left:0; border:1px solid #a3a3a3; border-top:none; overflow:hidden;}
.sub2_2 #content03 #img201 {float:right; margin-top:130px;}
.sub2_2 #content04{width:778px; display:none; margin:0 auto;  position:relative; top:0; left:0; border:1px solid #a3a3a3; border-top:none; overflow:hidden;}
.sub2_2 #content04 #img202 {float:right; margin-top:130px;}
.sub2_2 #content05{width:778px; display:none; margin:0 auto;  position:relative; top:0; left:0; border:1px solid #a3a3a3; border-top:none; overflow:hidden;}
.sub2_2 #content05 #img301 {float:right; margin-top:130px;}
.sub2_2 #content06{width:778px; display:none; margin:0 auto;  position:relative; top:0; left:0; border:1px solid #a3a3a3; border-top:none; overflow:hidden;}
.sub2_2 #content06 #img302 {float:right; margin-top:130px;}
.sub2_2 #content07{width:778px; display:none; margin:0 auto;  position:relative; top:0; left:0; border:1px solid #a3a3a3; border-top:none; overflow:hidden;}
.sub2_2 #content07 #img302 {float:right; margin-top:130px;}
.sub2_2 #content08{width:778px; display:none; margin:0 auto;  position:relative; top:0; left:0; border:1px solid #a3a3a3; border-top:none; overflow:hidden;}
.sub2_2 #content08 #img302 {float:right; margin-top:130px;}
.sub2_2 #content09{width:778px; display:none; margin:0 auto;  position:relative; top:0; left:0; border:1px solid #a3a3a3; border-top:none; overflow:hidden;}
.sub2_2 #content09 #img303 {float:right; margin-top:130px;}

.thumb {width:260px; float:left;}
.thumb_nail {width:260px;}
.thumb_nail li {width:120px; float:left; margin:5px 5px 5px 3px; }
.big_img {width: 510px; float:right; margin:5px 5px 5px 0px;}



/*sub3_1*/
.sub3_1 {margin-top:10px; margin-bottom:15px; text-align:center;}




/*sitemap*/

.site_map ul li.site {float:left; margin-left:24px; text-align:center;}
.site_sub ul li {margin-top:10px;}