@charset "utf-8";

/* reset */
html,body{width:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em,iframe,img, textarea,input {margin:0;padding:0;}
body {width:100%;font-family:'돋움',dotum,Helvetica,sans-serif;font-size:12px;line-height:1.6;color:#333;text-align:left;word-break:break-all;-ms-word-break:break-all;background:#fff; letter-spacing:-1px;}
dl,ul,ol,li {list-style:none;}
fieldset, img {border:none;}
img {vertical-align:top;}
hr {display:none;}
input,textarea,select{font-size:12px;color:#333;vertical-align:top;}
table {width:100%;border-spacing:0;border-collapse:collapse;empty-cells:show;}
legend, caption {width:0; height:0; font:0/0 Sans-serif; visibility:hidden; z-index:-1;}
em, address {font-style:normal;}
a {cursor:pointer;}

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


/* wrap -----------------------------------------------------------------------------------------------------------------------------------------------------*/
#wrap {width:100%;}

/* wrapper -----------------------------------------------------------------------------------------------------------------------------------------------------*/
#wrapper {width:1290px; margin:0px; border-left:0px;}

/* header -----------------------------------------------------------------------------------------------------------------------------------------------------*/
#header{float:left; width:248px; height:100%; min-height:1087px; background-color:#262626; background:url(../images/header_bg.gif);}
#header .log{margin-top:15px; margin-left:52px;}
#header h1{margin-top:39px; margin-left:50px;}

/* navbar -----------------------------------------------------------------------------------------------------------------------------------------------------*/
#navbar{width:140px; margin-top:57px; margin-left:53px;}
#navbar p{margin-bottom:16px;}
#navbar ul{margin-left:14px; margin-bottom:20px;}
#navbar ul li{margin-bottom:9px;}
#navbar ul li:last-child{margin-bottom:0px;}

/* contents -----------------------------------------------------------------------------------------------------------------------------------------------------*/
#contents{float:right; width:1042px; height:100%; min-height:1087px;}

/* top_column */
#top_column{width:1042px; height:551px;}
#visual{width:770px; height:551px; float:left;}
#showcase .showcase-onepage .showcase-content{margin-bottom:10px;}
#showcase .showcase-button-wrapper{clear:both; position:absolute; text-align:center;  margin:-19px 0 0 642px;}
#showcase .showcase-button-wrapper span{float:left; width:14px; height:14px; cursor:pointer; margin-right:3px; color:#444444; text-indent:-999em; background:url(../images/visual_btn.png) no-repeat ;}
#showcase .showcase-button-wrapper span.active{background-position:0 -14px; color:#fff;}

/* banner */
#banner{}

/* book_column -----------------------------------------------------------------------------------------------------------------------------------------------------*/
#book_column{width:1042px; height:79px;}

/* gallery_column -----------------------------------------------------------------------------------------------------------------------------------------------------*/
#gallery_column{width:1042px; height:300px; display:inline-block; border-bottom:1px solid #f0f0f0;}
#gallery_column .gallery_box{float:left; width:306px; height:115px; margin-top:31px; margin-left:36px;}
#gallery_column .gallery_box h1{float:left;margin-bottom:16px; color:#3d3d3d; font-size:19px; font-weight:bold;}
#gallery_column .gallery_box p{float:right; margin-top:8px; margin-right:15px;  font-size:11px;}
#gallery_column .gallery_box .gallery_box_sub{clear:both;margin-top:20px; overflow:hidden; border-right:1px solid #aaa;}
#gallery_column .gallery_box .gallery_box_sub.gallery_box_sub_line{border-right:0px;}
#gallery_column .gallery_box img{float:left;}
#gallery_column .gallery_box dl{width:135px; float:left; margin-left:17px;}
#gallery_column .gallery_box dt{width:135px; height:30px; margin-top:2px; font-size:13px; font-weight:bold; line-height:15px; overflow:hidden;}
#gallery_column .gallery_box dt a{color:#383636;}
#gallery_column .gallery_box dd{width:135px; height:36px; margin-top:5px; font-size:12px; line-height:20px; overflow:hidden;}
#gallery_column .gallery_box dd a{color:#383636;}

/* messagey_column -----------------------------------------------------------------------------------------------------------------------------------------------------*/
#messagey_column{width:1042px; height:197px; border-bottom:1px solid #f0f0f0;}
#messagey_column div{background:url(../images/gallery_line.gif)no-repeat right 50px;}
#messagey_column div:last-child{background:none;}
#messagey_column .messagey_box{width:507px; height:169px; float:left;}
#messagey_column .messagey_box h1{float:left; margin:28px 0 0 39px; color:#3d3d3d; font-size:19px; font-weight:bold; letter-spacing:-2px;}
#messagey_column .messagey_box ul{float:right; margin-top:41px; margin-right:93px;}
#messagey_column .messagey_box ul li{margin:0 0 0 0; font-size:13px; font-weight:bold; background:url(../images/messagey_dot.gif) no-repeat 0 8px;}
#messagey_column .messagey_box ul li a{color:#3d3d3d; padding-left:12px;}
/* footer -----------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer{width:1042px; height:98px; background-color:#515151;}
#footer img{float:left; margin-top:20px; margin-left:28px;}
#footer p{float:left; margin-top:24px; margin-left:25px; font-size:13px; color:#b5b5b5;}