@charset "utf-8";
/* 
------------------------------------------------------------
first written: YYB 120213
updated: 
------------------------------------------------------------
*/

/* common */
html, body, form, fieldset, legend, input, h1, h2, h3, h4, h5, ul, ol, p, li, dl, dt, dd, th, td{margin:0; padding:0;}

*{font-family:"돋움", dotum, "굴림", gulim, Verdana, Arial, Helvetica, sans-serif;}
body{font-size:12px; line-height:16px; color:#666666; background:#ffffff;}
input, select{font-size:12px;}
.hidden{position:absolute; top:0; left:0; margin:0; padding:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
fieldset, img{border:none;}
dl img, li img{vertical-align:top;}
ul, ol, li{list-style:none;}
a{text-decoration:none; color:#666666;}
a:hover{text-decoration:underline; color:#666666;}

html{_filter:expression(document.execCommand("BackgroundImageCache", false, true));}
.png24{_tmp:expression(setPng24(this));}

/* layout */
#header, #content, #footer{margin:0 auto; width:1000px;}
#header{position:relative;}
#footer{padding:17px 0 15px 0; border-top:1px solid #efefef; overflow:hidden; _zoom:1;}

/* footer */
#footer .visitor{float:left; padding:0 80px 0 39px; width:121px;}
#footer .visitor li{text-align:right; font-family:Verdana; font-size:10px; color:#a2a2a2;}
#footer .visitor li.today{margin:0 0 4px 0; font-size:12px;}
#footer .visitor li img{float:left; margin:3px 0 0 0;}
#footer address{float:left; margin:2px 0 0 0;}
#footer address p{margin:0 0 6px 0;}
#footer address p.email{margin:0 0 11px 0; background:url(../images/common/gnb_on.gif) no-repeat 100px 100px;}

/* header */
#header h1{position:relative; font-size:14px;}
.gnb{position:absolute; top:27px; left:266px;}
.lnb{position:absolute; top:48px; left:803px; width:200px;}
.gnb .bg{position:absolute; top:69px; left:-266px; width:1000px; background-color:#000000; background-color:rgba(0, 0, 0, 0.7); *filter:alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.gnb .bg1{position:absolute; top:69px; left:-26px; width:139px; background-color:#72B11E; background-color:rgba(0, 0, 0, 0.7); *filter:alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.gnb .bg2{position:absolute; top:69px; left:76px; width:139px; background-color:#6698E5; background-color:rgba(0, 0, 0, 0.7); *filter:alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.gnb .bg3{position:absolute; top:69px; left:176px; width:139px; background-color:#CB65E5; background-color:rgba(0, 0, 0, 0.7); *filter:alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.gnb .bg4{position:absolute; top:69px; left:273px; width:139px; background-color:#F49D69; background-color:rgba(0, 0, 0, 0.7); *filter:alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.gnb ul{position:relative; top:-5px; padding:17px 0 14px 0; width:100px; background:url(../images/common/bu_gnb.gif) no-repeat center 0; text-align:center; display:none;}
.gnbArchitect_on ul, .gnbWork_on ul, .gnbWriting_on ul, .gnbPublication_on ul{display:block;}
.gnbArchitect ul{margin-left:20px;}
.gnbWork ul{margin-left:16px;}
.gnbWriting ul{margin-left:16px;}
.gnbPublication ul{margin-left:16px;}
.gnb li, .lnb li{float:left; margin:0 -1px 0 0; padding:0 0 0 1px; background:url(../images/common/line_gnb.gif) no-repeat 0 28px;}
.lnb li{background-position:-400px 10px;}
.gnb li.first, .lnb li.first{padding:0; background:none;}
.gnb ul li{float:none; margin:0 0 1px 0; padding:0; background:none; font-size:11px;}
.gnb a, .lnb a{display:block; position:relative; width:98px; height:69px;}
.lnb a{width:50px; height:31px;}
.gnb ul a{margin:0 auto; width:auto; height:17px; overflow:hidden;}
.gnb span, .lnb span{display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/common/gnb.png) no-repeat; _background:url(../images/common/gnb.gif) no-repeat; cursor:pointer;}
.gnb a:hover span, .lnb a:hover span, .gnbArchitect_on strong span, .gnbWork_on strong span, .gnbWriting_on strong span, .gnbPublication_on strong span, body.architect .gnbArchitect strong span, body.work .gnbWork strong span, body.writing .gnbWriting strong span, body.publication .gnbPublication strong span, body.gallery .lnbGallery span, body.board .lnbBoard span, body.sitemap .lnbSitemap span{background-image:url(../images/common/gnb_on.gif);}
.gnb ul span{position:inherit;}
.gnbArchitect span{background-position:0 0;}
.gnbWork span{background-position:-100px 0;}
.gnbWriting span{background-position:-200px 0;}
.gnbPublication span{background-position:-300px 0;}
.lnbGallery span{background-position:-400px 0;}
.lnbBoard span{background-position:-450px 0;}
.lnbAdmin span{background-position:-500px 0;}
.lnbSitemap span{background-position:-550px 0;}
.gnbArchitect .sub1 a, .gnbArchitect .sub4 a, .gnbArchitect .sub6 a, .gnbPublication .sub1 a, .gnbPublication .sub2 a, .gnbPublication .sub3 a, .gnbPublication .sub4 a, .gnbPublication .sub6 a{width:38px;}
.gnbArchitect .sub2 a, .gnbArchitect .sub5 a, .gnbPublication .sub10 a{width:48px;}
.gnbArchitect .sub3 a{width:55px;}
.gnbWork .sub1 a{width:60px;}
.gnbWork .sub2 a{width:108px;}
.gnbWriting .sub1 a, .gnbWriting .sub2 a{width:66px;}
.gnbWriting .sub3 a, .gnbWriting .sub4 a, .gnbWriting .sub5 a, .gnbWriting .sub6 a, .gnbWriting .sub7 a, .gnbWriting .sub8 a, .gnbWriting .sub9 a, .gnbWriting .sub10 a{width:36px;}
.gnbPublication .sub5 a, .gnbPublication .sub7 a, .gnbPublication .sub8 a{width:70px;}
.gnbPublication .sub9 a{width:29px;}
.gnbArchitect .sub1 span{background-position:0 -100px;}
.gnbArchitect .sub2 span{background-position:0 -118px;}
.gnbArchitect .sub3 span{background-position:0 -136px;}
.gnbArchitect .sub4 span{background-position:0 -154px;}
.gnbArchitect .sub5 span{background-position:0 -172px;}
.gnbArchitect .sub6 span{background-position:0 -190px;}
.gnbWork .sub1 span{background-position:-100px -100px;}
.gnbWork .sub2 span{background-position:-100px -118px;}
.gnbWriting .sub1 span{background-position:-300px -100px;}
.gnbWriting .sub2 span{background-position:-300px -118px;}
.gnbWriting .sub3 span{background-position:-300px -136px;}
.gnbWriting .sub4 span{background-position:-300px -154px;}
.gnbWriting .sub5 span{background-position:-300px -172px;}
.gnbWriting .sub6 span{background-position:-300px -190px;}
.gnbWriting .sub7 span{background-position:-300px -208px;}
.gnbWriting .sub8 span{background-position:-300px -226px;}
.gnbWriting .sub9 span{background-position:-300px -244px;}
.gnbWriting .sub10 span{background-position:-300px -262px;}
.gnbPublication .sub1 span{background-position:-400px -100px;}
.gnbPublication .sub2 span{background-position:-400px -118px;}
.gnbPublication .sub3 span{background-position:-400px -136px;}
.gnbPublication .sub4 span{background-position:-400px -154px;}
.gnbPublication .sub5 span{background-position:-400px -172px;}
.gnbPublication .sub6 span{background-position:-400px -190px;}
.gnbPublication .sub7 span{background-position:-400px -208px;}
.gnbPublication .sub8 span{background-position:-400px -226px;}
.gnbPublication .sub9 span{background-position:-400px -244px;}
.gnbPublication .sub10 span{background-position:-400px -262px;}

/* pagination */
.pagination{padding:20px 0; text-align:center; line-height:normal;}
.pagination a, .pagination strong{position:relative; display:inline-block; margin:0 1px; padding:4px 8px 2px 8px; border:1px solid #e9e9e9; font-weight:normal; font-size:11px; line-height:16px; color:#b7b7b7; vertical-align:top; text-decoration:none !important; z-index:2;}
.pagination a:hover, .pagination a:active, .pagination a:focus, .pagination strong{border-color:#72b11e; background:#72b11e; color:#ffffff;}
.pagination .direction{width:6px; height:16px;}
.pagination .direction span{position:relative; display:inline-block; top:4px; width:0; height:0; border:2px solid; border-top:solid #fff; border-bottom:solid #fff; font-size:0; line-height:0; vertical-align:top;}
.pagination .direction:hover span{border-top-color:#72b11e; border-bottom-color:#72b11e;}
.pagination strong.direction{border:1px solid #e9e9e9 !important; background:transparent !important;}
.pagination strong.direction span{border-color:#b7b7b7 !important; border-top:solid #fff !important; border-bottom:solid #fff !important;}
.pagination .prev span{border-left:0; margin-right:1px;}
.pagination .next span{border-right:0; margin-left:1px;}
.work .pagination a:hover, .work .pagination a:active, .work .pagination a:focus, .work .pagination strong{border-color:#76A7F1; background:#76A7F1;}
.work .pagination .direction:hover span{border-top-color:#76A7F1; border-bottom-color:#76A7F1;}
.writing .pagination a:hover, .writing .pagination a:active, .writing .pagination a:focus, .writing .pagination strong{border-color:#D25DE9; background:#D25DE9;}
.writing .pagination .direction:hover span{border-top-color:#D25DE9; border-bottom-color:#D25DE9;}
.publication .pagination a:hover, .publication .pagination a:active, .publication .pagination a:focus, .publication .pagination strong{border-color:#F07C37; background:#F07C37;}
.publication .pagination .direction:hover span{border-top-color:#F07C37; border-bottom-color:#F07C37;}
.gallery .pagination a:hover, .gallery .pagination a:active, .gallery .pagination a:focus, .gallery .pagination strong{border-color:#E04949; background:#E04949;}
.gallery .pagination .direction:hover span{border-top-color:#E04949; border-bottom-color:#E04949;}
.board .pagination a:hover, .board .pagination a:active, .board .pagination a:focus, .board .pagination strong{border-color:#FF5858; background:#FF5858;}
.board .pagination .direction:hover span{border-top-color:#FF5858; border-bottom-color:#FF5858;}

/* button */
.btnGroup{margin:10px 0 0 0; text-align:right; overflow:hidden; _zoom:1;}
.btnGroup.center{text-align:center;}
.btnGroup.btnMargin{margin-bottom:10px;}
.btnGroup .left{float:left; margin-right:6px;}
.button, .button *{position:relative; display:-moz-inline-stack; display:inline-block; margin:0; padding:0; border:0; text-decoration:none !important; font-size:12px; white-space:nowrap; background:url(../images/common/button.gif) no-repeat; overflow:visible; color:#7e7e7e;}
.button{height:27px; padding:0; vertical-align:top; margin-right:2px; background-position:left top;}
.button *{left:2px; padding:0 13px 0 11px; height:27px; background-position:right top; line-height:30px; vertical-align:top; cursor:pointer; overflow:hidden;}
.button.small{height:20px; background-position:0 -30px;}
.button.small *{height:20px; background-position:right -30px; font-size:11px; line-height:22px;}
.button.large{height:40px; background-position:0 -60px;}
.button.large *{height:40px; padding:0 10px 0 9px; background-position:right -60px; font-size:11px; line-height:45px;}

.popupLogin{position:absolute; top:96px; left:756px; padding:15px 20px 20px 20px; width:200px; border:2px solid #B3B3B3; background:#FFFFFF; font-size:11px; line-height:18px; display:none;}
.popupLogin .fPw{display:block; margin:8px 0 0 0; padding:10px; background:#F6F6F6;}
.popupLogin label{padding:0 0 0 7px; background:url(../images/common/bu_dot.gif) no-repeat 0 4px;}
.popupLogin input.text{margin:0 0 0 10px; width:103px;}

#sub_contents {display:none;}
#sub_contents img {max-width:650px;}