/* common */
a:link, a:visited {text-decoration:none;color:#666;}
a:hover, a:active {text-decoration:none;color:#006600;}

body {background-color:#fff;}

#wrap {width:100%;min-width:1024px; height:1295px;margin:0 auto;background:url(image/bg.gif) repeat center 0; background-color:#fff;}

/* header */
#header {position:relative;width:1000px;height:120px;padding-top:70px;margin:0 auto; }
#header h1 {position:absolute;left:0;top:60px; }

/* header > nav */
#header .nav {position:relative;width:770px;height:67px;margin-left:220px;margin-top:-8px;background:url(image/bg_nav.png) no-repeat 0 0; }
#header .nav::after {display:block;content:"";clear:both;}
#header .nav li {float:left;height:42px;}
#header .nav li:hover > .sub {display:block;}
#header .nav li a {display:block;width:100%;height:44px;overflow:hidden;text-indent:-9999em;background:url(image/nav.png) no-repeat 0 0;}
#header .nav li.na01 {width:180px;}
#header .nav li.na02 {width:210px;}
#header .nav li.na03 {width:180px;}
#header .nav li.na04 {width:192px; }

#header .nav li.na01 a {background-position:0 0;}
#header .nav li.na02 a {background-position:-180px 0;}
#header .nav li.na03 a {background-position:-390px 0;}
#header .nav li.na04 a {background-position:-578px 0;}
#header .nav li.na01 a:hover, #header .nav li.na01 a.on {background-position:0 -67px;}
#header .nav li.na02 a:hover, #header .nav li.na02 a.on {background-position:-180px -67px;}
#header .nav li.na03 a:hover, #header .nav li.na03 a.on {background-position:-390px -67px;}
#header .nav li.na04 a:hover, #header .nav li.na04 a.on  {background-position:-578px -67px;}




/* header > nav > sub nav */
#header .nav li .sub {position:absolute;top:42px;display:none;height:50px;padding-top:4px;}
#header .nav li .sub.on {display:block;}
#header .nav li .sub li {float:left;height:50px;}
#header .nav li .sub li a {display:block;height:50px;overflow:hidden;text-indent:-9999em;background:url(image/nav_sub.png) no-repeat 0 0;}
#header .nav li.na01 .sub {left:0px;}
#header .nav li.na01 .sub li.sub01 {width:123px;}
#header .nav li.na01 .sub li.sub02 {width:190px;}
#header .nav li.na01 .sub li.sub03 {width:140px;}
#header .nav li.na01 .sub li.sub04 {width:171px;}
#header .nav li.na01 .sub li.sub05 {width:119px;}

#header .nav li.na01 .sub li.sub01 a {background-position:0 0;}
#header .nav li.na01 .sub li.sub02 a {background-position:-123px 0;}
#header .nav li.na01 .sub li.sub03 a {background-position:-313px 0;}
#header .nav li.na01 .sub li.sub04 a {background-position:-453px 0;}
#header .nav li.na01 .sub li.sub05 a {background-position:-624px 0;}
#header .nav li.na01 .sub li.sub01 a:hover, #header .nav li.na01 .sub li.sub01 a.on {background-position:0 -50px;}
#header .nav li.na01 .sub li.sub02 a:hover, #header .nav li.na01 .sub li.sub02 a.on {background-position:-123px -50px;}
#header .nav li.na01 .sub li.sub03 a:hover, #header .nav li.na01 .sub li.sub03 a.on {background-position:-313px -50px;}
#header .nav li.na01 .sub li.sub04 a:hover, #header .nav li.na01 .sub li.sub04 a.on {background-position:-453px -50px;}
#header .nav li.na01 .sub li.sub05 a:hover, #header .nav li.na01 .sub li.sub05 a.on {background-position:-624px -50px;}

#header .nav li.na02 .sub {left:110px;}
#header .nav li.na02 .sub li.sub01 {width:131px;}
#header .nav li.na02 .sub li.sub02 {width:135px;}
#header .nav li.na02 .sub li.sub03 {width:125px;}
#header .nav li.na02 .sub li.sub04 {width:105px;}
#header .nav li.na02 .sub li.sub01 a {background-position:0 -100px;}
#header .nav li.na02 .sub li.sub02 a {background-position:-131px -100px;}
#header .nav li.na02 .sub li.sub03 a {background-position:-266px -100px;}
#header .nav li.na02 .sub li.sub04 a {background-position:-391px -100px;}
#header .nav li.na02 .sub li.sub01 a:hover, #header .nav li.na02 .sub li.sub01 a.on {background-position:0 -150px;}
#header .nav li.na02 .sub li.sub02 a:hover, #header .nav li.na02 .sub li.sub02 a.on {background-position:-131px -150px;}
#header .nav li.na02 .sub li.sub03 a:hover, #header .nav li.na02 .sub li.sub03 a.on {background-position:-266px -150px;}
#header .nav li.na02 .sub li.sub04 a:hover, #header .nav li.na02 .sub li.sub04 a.on {background-position:-391px -150px;}

#header .nav li.na03 .sub {left:10px;}
#header .nav li.na03 .sub li.sub01 {width:112px;}
#header .nav li.na03 .sub li.sub02 {width:104px;}
#header .nav li.na03 .sub li.sub03 {width:84px;}
#header .nav li.na03 .sub li.sub04 {width:95px;}
#header .nav li.na03 .sub li.sub05 {width:93px;}
#header .nav li.na03 .sub li.sub06 {width:117px;}
#header .nav li.na03 .sub li.sub07 {width:136px;}
#header .nav li.na03 .sub li.sub01 a {background-position:0 -200px;}
#header .nav li.na03 .sub li.sub02 a {background-position:-112px -200px;}
#header .nav li.na03 .sub li.sub03 a {background-position:-216px -200px;}
#header .nav li.na03 .sub li.sub04 a {background-position:-300px -200px;}
#header .nav li.na03 .sub li.sub05 a {background-position:-395px -200px;}
#header .nav li.na03 .sub li.sub06 a {background-position:-488px -200px;}
#header .nav li.na03 .sub li.sub07 a {background-position:-605px -200px;}
#header .nav li.na03 .sub li.sub01 a:hover, #header .nav li.na03 .sub li.sub01 a.on {background-position:0 -250px;}
#header .nav li.na03 .sub li.sub02 a:hover, #header .nav li.na03 .sub li.sub02 a.on {background-position:-112px -250px;}
#header .nav li.na03 .sub li.sub03 a:hover, #header .nav li.na03 .sub li.sub03 a.on {background-position:-216px -250px;}
#header .nav li.na03 .sub li.sub04 a:hover, #header .nav li.na03 .sub li.sub04 a.on {background-position:-300px -250px;}
#header .nav li.na03 .sub li.sub05 a:hover, #header .nav li.na03 .sub li.sub05 a.on {background-position:-395px -250px;}
#header .nav li.na03 .sub li.sub06 a:hover, #header .nav li.na03 .sub li.sub06 a.on {background-position:-488px -250px;}
#header .nav li.na03 .sub li.sub07 a:hover, #header .nav li.na03 .sub li.sub07 a.on {background-position:-605px -250px;}



#header .nav li.na04 .sub {left:20px;  }
#header .nav li.na04 .sub li.sub01 {width:118px;}
#header .nav li.na04 .sub li.sub02 {width:156px;}
#header .nav li.na04 .sub li.sub03 {width:162px;}
#header .nav li.na04 .sub li.sub04 {width:141px;}
#header .nav li.na04 .sub li.sub05 {width:166px;}

#header .nav li.na04 .sub li.sub01 a {background-position:0 -300px;}
#header .nav li.na04 .sub li.sub02 a {background-position:-118px -300px;}
#header .nav li.na04 .sub li.sub03 a {background-position:-274px -300px; }
#header .nav li.na04 .sub li.sub04 a {background-position:-436px -300px;}
#header .nav li.na04 .sub li.sub05 a {background-position:-577px -300px;}

#header .nav li.na04 .sub li.sub01 a:hover, #header .nav li.na04 .sub li.sub01 a.on {background-position:0 -350px;}
#header .nav li.na04 .sub li.sub02 a:hover, #header .nav li.na04 .sub li.sub02 a.on {background-position:-118px -350px;}
#header .nav li.na04 .sub li.sub03 a:hover, #header .nav li.na04 .sub li.sub03 a.on {background-position:-274px -350px; }
#header .nav li.na04 .sub li.sub04 a:hover, #header .nav li.na04 .sub li.sub04 a.on {background-position:-436px -350px;}
#header .nav li.na04 .sub li.sub05 a:hover, #header .nav li.na04 .sub li.sub05 a.on {background-position:-577px -350px;}




/* header > log */
#header .log {position:absolute;right:38px;top:42px;}
#header .log li {float:left;height:18px;margin-left:4px;}
#header .log li a {display:block;height:18px;line-height:18px;padding:0 8px;overflow:hidden;font-size:12px;color:#fff;background:#0092b1;border-radius:3px;}
#header .log li:first-child a {display:block;height:18px;line-height:18px;overflow:hidden;font-size:12px;color:#000;background:none;font-weight:bold;}



/* container ------------------------------------------------------------------------------------------------------------------------------ */
#container {position:relative;width:980px;margin:0 auto;background:url(image/bg_sub_top.png) no-repeat right 0;}
#container .ca01 {position:absolute;top:111px;left:-64px;width:82px;height:54px;background:url(image/bg_sub_ca_01.png) no-repeat 0 0;z-index:10;}
#container .ca05 {position:absolute;top:-30px;right:-15px;width:266px;height:208px;background:url(image/bg_ca_05.png) no-repeat 0 0;z-index:9;}



/* aside ----------------------------------------------------------------------------------------------------------------------------------- */
#aside {position:absolute;top:198px;left:-90px;width:81px;z-index:9;}
#aside ul {}
#aside ul li {vertical-align:top;margin-bottom:5px;}
#aside ul li a {display:block;width:81px;height:81px;}
#aside ul li a img {display:block;}

/* contents ------------------------------------------------------------------------------------------------------------------------------ */
#contents {position:relative;width:968px;margin:0 0 50px 12px;padding:159px 0 30px 0;background:url(image/bg_sub_contbox.png) no-repeat 0 bottom;overflow:hidden;}

#contents .contTabMenu {position:relative;margin-left:20px;width:948px;margin-bottom:15px;overflow:hidden;z-index:12;}
#contents .contTabMenu li {float:left;height:68px;padding-left:1px;background:#fff;}
#contents .contTabMenu li:first-child {padding:0;}
#contents .contTabMenu li a {display:block;height:38px;line-height:38px;padding:0 22px;font-size:13px;font-weight:bold;letter-spacing:-1px;color:#fff;text-align:center;background:#419dea;}
#contents .contTabMenu li a:hover, #contents .contTabMenu li a.on {color:#3e3e3e;background:#fff;;}
#contents .contTabMenu li ul {position:absolute; border-top:1px solid #fff;;}
#contents .contTabMenu li ul li a {display:block;height:28px;line-height:28px;padding:0 22px;font-size:12px;font-weight:bold;letter-spacing:-1px;color:#333f;text-align:center; background:#74cbc8;}
#contents .contTabMenu li ul li a:hover, #contents .contTabMenu li ul li a.on {color:#fff; background:#1fcec8;}


#contents h1 {padding-left:43px;font-size:33px;color:#1a1a1a;background:#fff;letter-spacing:-2px;font-weight:normal;}
#contents .contBox {padding:0 43px 0;background:#fff;}


/* 함께해요. */
.mbbs2 {position:relative;}
.mbbs2 .together {width:280px;height:150px;float:left;border:#efefef dashed 1px;margin-right:10px;}
.mbbs2 .together h2 {top:6px;background-position:0 0;  width:187px; padding-top:13px; margin-left:14px;font-size:14px; }
.mbbs2 .together h3 {margin-left:238px; width:33px; height:33px;margin-top:-35px; padding-bottom:16px;}
.mbbs2 .together h3 img{ margin-top:10px;}
.mbbs2 .together h2.on {top:6px;background-position:-146px 0;z-index:2;}
.mbbs2 .together ul {}
.mbbs2 .together ul li {width:267px;height:23px;line-height:23px;margin-left:8px;padding-left:6px;padding-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mbbs2 .together ul li img{}
.mbbs2 .together ul li:hover {font-weight:bold;color:#666;letter-spacing:-1px; } 
.mbbs2 .together ul li a {font-size:12px;color:#666;margin-bottom:-15px; }
.mbbs2 .together ul li a:frist-child{font-size:12px; color:#666; font-weight:bold;}
.mbbs2 .together ul li a:hover {font-weight:bold;color:#666;letter-spacing:-1px;}


.mbbs2 .together2 {width:280px;height:150px;float:left;border:#efefef dashed 1px;margin-right:10px;}
.mbbs2 .together2 h2 {top:6px;background-position:0 0;  width:187px; padding-top:13px; margin-left:14px;font-size:14px; }
.mbbs2 .together2 h3 {margin-left:238px; width:33px; height:33px;margin-top:-35px; padding-bottom:16px;}
.mbbs2 .together2 h3 img{ margin-top:10px;}
.mbbs2 .together2 h2.on {top:6px;background-position:-146px 0;z-index:2;}
.mbbs2 .together2 ul {}
.mbbs2 .together2 ul li {width:267px;height:23px;line-height:23px;margin-left:8px;padding-left:6px;padding-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mbbs2 .together2 ul li img{}
.mbbs2 .together2 ul li:hover {font-weight:bold;color:#666;letter-spacing:-1px; } 
.mbbs2 .together2 ul li a {font-size:12px;color:#666;margin-bottom:-15px; }
.mbbs2 .together2 ul li a:frist-child{font-size:12px; color:#666; font-weight:bold;}
.mbbs2 .together2 ul li a:hover {font-weight:bold;color:#666;letter-spacing:-1px;}


/* footer --------------------------------------------------------------------------------------------------------------------- */
#footer {position:relative;left:6px;width:968px;margin:0 auto;padding:67px 0 50px 0;overflow:hidden;background:url(image/bg_footer_line.gif) #fff repeat-x 0 0;}
#footer strong {position:absolute;left:0;top:23px;}
#footer ul {position:absolute;right:10px;top:30px;}
#footer ul li {float:left;padding:0 10px;}
#footer ul li a {color:#717171;}
#footer .copy {padding-left:38px;color:#717171;}
#footer .copy span {color:#eceded;padding:0 5px}
#footer .copy em {color:#acacac;}