@charset "euc-kr";

/**
noscript ´ëüÄÜÅÙÃ÷
**/
/* ±ÛÀÚÅ©±âÁ¶Àý */
#font_acc{position:absolute; top:10px; left:665px; width:100px; height:15px; padding:5px; background:#fff; border:1px solid #ccc;}

/**
°øÅë Àû¿ë¿ä¼Ò
**/
/*
°øÅë ·¹À̾ƿô
*/
body{background:#333;}
#skip-navigation{z-index:9999; position:absolute; left:0; top:0;}
#skip-navigation *{list-style:none; margin:0; padding:0;}
#skip-navigation a{display:block; width:1px; height:1px; overflow:hidden; color:#000; white-space:nowrap;}
#skip-navigation a:focus,
#skip-navigation a:active{width:100px; height:auto; background:#ffd;}

#containerBox{width:100%; background:#01b173 url(/source/child/images/common/bg.gif) repeat-x 0 -10px;}
#container{position:relative; overflow:hidden; width:1000px; margin:0 auto;}
#headArea{overflow:hidden; width:100%; height:120px; z-index:1;}

h1{position:absolute; top:27px; left:0; z-index:96;}
#lnb{float:right; width:345px; height:28px; font:bold 90% "Nanum Gothic"; background:url(/source/child/images/common/bg_lnb_left.gif) no-repeat;}
#lnb *{float:left; color:#fff;}
#global{padding:0 24px 0 15px; line-height:28px;}
#global li.start{padding:0 7px 0 15px; background:url(/source/child/images/common/bg_home.gif) no-repeat 0 50%;}
#global li.end{padding:0 0 0 9px; background:url(/source/child/images/common/bg_global.gif) no-repeat 0 50%;}
#font_control {height:21px; padding:7px 0 0 0; background:url(/source/child/images/common/bg_lnb_right.gif) no-repeat 100% 0;}
#font_control li{margin:0 7px 0 0;}

/* ¸ÞÀθ޴º */
#mainmenu{float:left; position:absolute; top:55px; left:230px; z-index:97; width:1000px; height:40px;}
#topmenu{float:left; width:100%; z-index:40;}
#topmenu li{float:left; line-height:0;}
#topmenu li a{float:left; padding:0 30px 0 30px; text-decoration:none; font:bold 150%/45px "Nanum Gothic"; }
#topmenu li.end a{padding:0 0 0 30px;}

#topmenu li.current a:active,
#topmenu li.current a:focus,
#topmenu li.current a:hover{color:#fd7700;}

#topmenu li.current_on a:link,
#topmenu li.current_on a:visited,
#topmenu li.current_on a:active,
#topmenu li.current_on a:focus,
#topmenu li.current_on a:hover{color:#fd7700;}

#topmenu li ul{float:left; position:absolute; top:63px; left:0; width:760px; height:33px; z-index:99; display:none; background:url(/source/child/images/common/mainmenu/bg_left.png) no-repeat 0 -2px;}
#topmenu li ul li{float:left;}
#topmenu li ul li a{float:left; height:33px; padding:0 15px 0 15px; font:bold 105%/33px "Nanum Gothic"; color:#4c4c4c;}
#topmenu li ul li.last-child{background:url(/source/child/images/common/mainmenu/bg_right.png) no-repeat 100% 0;}
#topmenu li ul li.first-child{display:inline;}

#topmenu li.menu1 ul li.first-child{margin-left:0px;}
#topmenu li.menu1 ul li a{padding:0 15px 0 15px;}

#topmenu li ul li.current a:link,
#topmenu li ul li.current a:visited{color:#4c4c4c;}
#topmenu li ul li.current a:active,
#topmenu li ul li.current a:focus,
#topmenu li ul li.current a:hover{color:#000; text-decoration:underline;}

#topmenu li ul li.current_on a:link,
#topmenu li ul li.current_on a:visited,
#topmenu li ul li.current_on a:active,
#topmenu li ul li.current_on a:focus,
#topmenu li ul li.current_on a:hover{color:#000; text-decoration:underline;}

/* ǪÅÍ */
#footArea{width:100%; background:#333; color:#b4b4b4;}
#foot{width:1000px; padding:27px 0 50px 0; margin:0 auto}
#foot .info address {font-style:normal; padding:0 0 5px 0; text-transform:uppercase;}
#foot .info p{text-transform:uppercase; font-size:80%;}

/*
¸ÞÀÎ ·¹À̾ƿô
*/
#mainContent{position:relative; overflow:hidden; width:1000px; height:752px; background:url(/source/child/images/main/bg.jpg) no-repeat;}
#mainContent h4{font:bold 150% "Nanum Gothic"; }

#slogan{float:left; width:421px; padding:35px 0 0 0;}
#quick{float:left; width:200px; padding:110px 0 0 0;}
#quick li{float:left;}
#quick li.start{margin:0 24px 0 0; padding:0 24px 0 0; background:url(/source/child/images/main/bg_link.gif) no-repeat 100% 8px;}

#mainBottom{clear:both; width:100%; padding:145px 0 0 0;}
#gallery{float:left; position:relative; width:610px; padding:110px 0 0 40px;}
#gallery h4{height:34px;}
#gallery .picture{float:left;}
#gallery .picture dl{float:left; width:89px; margin:0 14px 0 0;}
#gallery .picture dl dt {width:83px; border:3px solid #d4d4d4;}
#gallery .picture dl dt img{width:81px; height:52px; border:1px solid #fff;}
#gallery .picture dl dd.date{padding:5px 0 3px 0; font-size:90%;}
#gallery .more{position:absolute; top:125px; left:295px;}

#work{float:left; width:290px; height:140px;}
#work h4{float:left; height:30px;}
#work .more{float:right; padding:8px 0 0 0;}
#work ul{clear:both; width:100%; border-top:1px solid #fff; padding:18px 0 0 0;}
#work ul li{margin:0 0 10px 0; font:bold 115% "Nanum Gothic"}
#work ul li span{display:inline-block; width:15px; font:bold 100% verdana;}

/*
¼­ºê ·¹À̾ƿô
*/
#subContent{position:relative; overflow:hidden; width:1000px; background:url(/source/child/images/common/bg_middle.gif) repeat-y;}
#subVisual{overflow:hidden; width:1000px;}
#subContent #content{float:left; width:100%; padding:0 0 100px 0; background:url(/source/child/images/common/bg_bottom.gif) no-repeat 0 100%;}

/* ¹®¼­Á¤º¸ */
#pageInfo{overflow:hidden; width:880px; height:70px; padding:30px 0 0 60px;}
#pageInfo .pageTitle{float:left;}
#pageInfo .pageTitle h3{font-size:280%; font-weight:bold; letter-spacing:-2px;}
#pageInfo .loc{float:right; padding:13px 0 0 15px; font-size:92%; background:url(/source/korean/images/common/bullet/ico_home.gif) no-repeat 0 14px;}
#pageInfo .loc span.loc_current{font-weight:bold;}

/* ¼­ºê±âº» */
#sub_default{float:left; width:880px; padding:0 0 0 60px; line-height:150%; font-size:105%;}