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

@import url("common.css");

/* layout */
#header{height:299px; background:url(../images/common/bg_visual.jpg) no-repeat 0 96px;}
#container{margin:0 auto; width:1000px; *zoom:1;}
#container:after{display:block; content:''; clear:both;}
#snb{float:left; margin:0 -1px 0 0; padding:30px 0 40px 10px; width:219px; border-right:1px solid #efefef; overflow:hidden;}
#content{position:relative; float:left; padding:30px 0 40px 70px; width:690px; border-left:1px solid #efefef;}
.section{padding:37px 0 0 0; width:690px;}

/* header */
body.architect #header{background-position:0 96px;}
body.work #header{background-position:0 -204px;}
body.writing #header{background-position:0 -504px;}
body.publication #header{background-position:0 -804px;}
.gnb ul{height:172px;}

/* snb */
#snb h2{height:59px;}
.menu{margin:0 0 33px 0; width:200px; border-top:1px solid #F4F4F4;}
.menu a{position:relative; display:block; height:32px; color:#ffffff; cursor:pointer;}
.menu ul{padding:10px 20px 18px 20px; border-bottom:1px solid #F4F4F4;}
.menu ul a{height:20px; width:160px;}
.menu a span{position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/common/menu.gif) no-repeat;}
.menu a:hover span, .menu a.on span{background-image:url(../images/common/menu_on.gif);}
.menu a.mCareer span{background-position:0 -1px;}
.menu a.mResume span{background-position:0 -33px;}
.menu a.mLife span{background-position:0 -65px;}
.menu a.mTheory span{background-position:0 -97px;}
.menu a.mArticle span{background-position:0 -129px;}
.menu a.mMedia span{background-position:0 -161px;}
.menu a.mWorkslist span{background-position:-200px -1px;}
.menu a.mChronological span{background-position:-200px -33px;}
.menu a.mWriting1 span{background-position:-400px -1px;}
.menu a.mWriting2 span{background-position:-400px -33px;}
.menu a.mWriting3 span{background-position:-400px -65px;}
.menu a.mWriting4 span{background-position:-400px -97px;}
.menu a.mWriting5 span{background-position:-400px -129px;}
.menu a.mWriting6 span{background-position:-400px -161px;}
.menu a.mWriting7 span{background-position:-400px -193px;}
.menu a.mWriting8 span{background-position:-400px -225px;}
.menu a.mWriting9 span{background-position:-400px -257px;}
.menu a.mWriting10 span{background-position:-400px -289px;}
.menu a.mPublication1 span{background-position:-600px -1px;}
.menu a.mPublication2 span{background-position:-600px -33px;}
.menu a.mPublication3 span{background-position:-600px -65px;}
.menu a.mPublication4 span{background-position:-600px -97px;}
.menu a.mPublication5 span{background-position:-600px -129px;}
.menu a.mPublication6 span{background-position:-600px -161px;}
.menu a.mPublication7 span{background-position:-600px -193px;}
.menu a.mPublication8 span{background-position:-600px -225px;}
.menu a.mPublication9 span{background-position:-600px -257px;}
.menu a.mPublication10 span{background-position:-600px -289px;}
.menu a.mBoard1 span{background-position:-800px -1px;}
.menu a.mBoard2 span{background-position:-800px -33px;}
.menu a.mGallery1 span{background-position:-1000px -1px;}
.menu a.mGallery2 span{background-position:-1000px -33px;}
.menu a.mGallery3 span{background-position:-1000px -65px;}
.menu a.mGallery4 span{background-position:-1000px -97px;}
.menu a.mGallery5 span{background-position:-1000px -129px;}
.menu a.mGallery6 span{background-position:-1000px -161px;}
.menu a.mGallery7 span{background-position:-1000px -193px;}
.menu a.mGallery8 span{background-position:-1000px -225px;}
.menu a.mGallery9 span{background-position:-1000px -257px;}
.menu a.career1 span{background-position:0 -500px;}
.menu a.career2 span{background-position:0 -520px;}
.menu a.career3 span{background-position:0 -540px;}
.menu a.career4 span{background-position:0 -560px;}
.menu a.career5 span{background-position:0 -580px;}
.menu a.career6 span{background-position:0 -600px;}
.menu a.career7 span{background-position:0 -620px;}
.menu a.career8 span{background-position: 0 -640px;}
.menu a.career9 span{background-position:0 -660px;}
.menu a.career10 span{background-position:0 -680px;}
.menu a.career11 span{background-position:0 -700px;}
.menu a.workslist1 span{background-position:-200px -500px;}
.menu a.workslist2 span{background-position:-200px -520px;}
.menu a.workslist3 span{background-position:-200px -540px;}
.menu a.workslist4 span{background-position:-200px -560px;}
.menu a.workslist5 span{background-position:-200px -580px;}
.menu a.workslist6 span{background-position:-200px -600px;}
.menu a.workslist7 span{background-position:-200px -620px;}
.menu a.workslist8 span{background-position:-200px -640px;}
.menu a.workslist9 span{background-position:-200px -660px;}
.menu a.workslist10 span{background-position:-200px -680px;}
.menu a.chronological1 span{background-position:-200px -700px;}
.menu a.chronological2 span{background-position:-200px -720px;}
.menu a.chronological3 span{background-position:-200px -740px;}
.menu a.chronological4 span{background-position:-200px -760px;}
.menu a.chronological5 span{background-position:-200px -780px;}
.menu a.chronological6 span{background-position:-200px -800px;}
#snb .banner{float:left; margin:0 40px 0 0; width:200px;}
#snb .banner li{margin:0 0 2px 0;}

/* content */
#content h3{height:30px;}
#content p.path{float:right; margin:-15px 0 0 0; font-size:11px; line-height:12px; color:#b7b7b7;}
#content p.path em{font-style:normal; color:#a2a2a2;}
#content p.path img{vertical-align:text-top;}
#content p.path span{display:inline-block; padding:10px 0 0 4px; width:0; height:0; background:url(../images/common/bu_path.gif) no-repeat 0 2px; vertical-align:top; overflow:hidden;}
input.text, textarea.text{border:1px solid #E9E9E9; font-size:11px; color:#7E7E7E;}
input.text{padding:2px 0 0 3px; height:16px;}

.tabMenu{margin:0 0 15px -2px; overflow:hidden; _zoom:1;}
.tabMenu li{position:relative; float:left; margin:0 0 0 2px; text-align:center; display:inline;}
.tabMenu a{display:block; width:171px; height:35px;}
.tabMenu span{position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/common/tabmenu.gif) no-repeat; cursor:pointer;}
.tabSculpture a{width:344px;}
.tabIndustrial a{width:96px;}
.tabIndustrial a.list5, .tabIndustrial a.list6{width:97px;}
.tabIndustrial a.list7{width:100px;}
.tabSign a{width:228px;}
.tabSign a.list3{width:230px;}
.tabMenu a:hover span, .tabMenu a.on span{background-image:url(../images/common/tabmenu_on.gif);}
.tabWorkslist a{width:136px;}
.tabWorkslist .list1 span{background-position:0 0;}
.tabWorkslist .list2 span{background-position:-160px 0;}
.tabWorkslist .list3 span{background-position:-320px 0;}
.tabWorkslist .list4 span{background-position:-480px 0;}
.tabWorkslist .list5 span{background-position:-640px 0;}
.tabDrawing .list1 span{background-position:0 -50px;}
.tabDrawing .list2 span{background-position:-200px -50px;}
.tabDrawing .list3 span{background-position:-400px -50px;}
.tabDrawing .list4 span{background-position:-600px -50px;}
.tabSculpture .list1 span{background-position:0 -100px;}
.tabSculpture .list2 span{background-position:-400px -100px;}
.tabPhoto .list1 span{background-position:0 -150px;}
.tabPhoto .list2 span{background-position:-200px -150px;}
.tabPhoto .list3 span{background-position:-400px -150px;}
.tabPhoto .list4 span{background-position:-600px -150px;}
.tabInk .list1 span{background-position:0 -200px;}
.tabInk .list2 span{background-position:-200px -200px;}
.tabInk .list3 span{background-position:-400px -200px;}
.tabInk .list4 span{background-position:-600px -200px;}
.tabIndustrial .list1 span{background-position:0 -250px;}
.tabIndustrial .list2 span{background-position:-100px -250px;}
.tabIndustrial .list3 span{background-position:-200px -250px;}
.tabIndustrial .list4 span{background-position:-300px -250px;}
.tabIndustrial .list5 span{background-position:-400px -250px;}
.tabIndustrial .list6 span{background-position:-500px -250px;}
.tabIndustrial .list7 span{background-position:-600px -250px;}
.tabSign .list1 span{background-position:0 -300px;}
.tabSign .list2 span{background-position:-250px -300px;}
.tabSign .list3 span{background-position:-500px -300px;}
.tabTrip .list1 span{background-position:0 -350px;}
.tabTrip .list2 span{background-position:-200px -350px;}
.tabTrip .list3 span{background-position:-400px -350px;}
.tabTrip .list4 span{background-position:-600px -350px;}

/* architect */
.career p{margin:0 0 18px 0; line-height:18px; color:#a5a4a4;}
.career h4{margin:12px 0 2px 0; font-weight:normal; font-size:11px; color:#7e7e7e; letter-spacing:9px; text-indent:7px;}
.career .photo{float:left; margin:0 20px 0 0;}
.career ul{font-size:11px; line-height:20px; color:#7e7e7e; overflow:hidden; _zoom:1;}
.career li{padding:0 0 0 6px; background:url(../images/common/bu_dot.gif) no-repeat 0 8px;}
.career li span{word-spacing:18px;}
.career li span.letter3{padding:0 0 0 1px; word-spacing:1px;}
.career li span.letter4{word-spacing:0;}
.partner .photo{margin:15px 0; padding:19px 0 14px 0; border:1px solid #EFEFEF; background:url(../images/architect/bg_partner.gif); text-align:center; line-height:20px; font-size:11px; color:#A5A4A4;}
.partner .photo img{display:block; margin:0 auto 14px auto;}
.partner .first{margin-top:0;}
.partner .text{margin:3px 0 0 64px; color:#A5A4A4;}
.schooling h4, .prize h4, .present h4{padding:5px 0 25px 0;}
.resume h4{margin:35px 0 20px 0;}
.resume h4.first{margin-top:0;}
.resume p{margin:0 18px 10px 18px; color:#A5A4A4;}

ul.list li{margin:0 0 0 64px; line-height:20px; color:#a5a4a4;}
ul.list li.space{margin-bottom:20px;}
ul.list li span.year, ul.list li span.name{display:inline-block; margin:0 0 0 -64px; padding-top:1px; width:60px; height:19px; font-size:11px; color:#7e7e7e; vertical-align:middle; overflow:hidden;}
ul.list li span.name{padding-left:7px; background:url(../images/common/bu_dot.gif) no-repeat 0 9px;}
ul.listLine{margin:0 0 35px 19px; padding:0 0 25px 0; border-bottom:1px solid #efefef;}
ul.last{margin-bottom:0; padding-bottom:0; border:none;}
.schooling ul.list li{margin-left:107px;}
.schooling ul.list li span.year{margin-left:-107px; width:103px;}
.present ul.list{margin:0 0 0 20px; background:url(../images/architect/img_career04.jpg) no-repeat right 0; line-height:20px; color:#a5a4a4;}
.present ul.list li{margin:0;}
.activity ul.list{background:url(../images/architect/img_career05.jpg) no-repeat right 0;}
.activity ul.list li{margin-left:100px;}
.activity ul.list li span.year{margin-left:-100px; width:96px;}
.book ul.list{padding-bottom:275px; background:url(../images/architect/img_career06.jpg) no-repeat 64px bottom;}
.translation ul.list{padding-bottom:120px; background:url(../images/architect/img_career07.jpg) no-repeat right 0;}
.works ul.list{padding-bottom:115px; background:url(../images/architect/img_career08.jpg) no-repeat right 0;}
.redaction ul.list{background:url(../images/architect/img_career09.jpg) no-repeat right 0;}
.partner ul.list{padding-right:65px;}
.resume ul.list{margin:0 18px; padding-bottom:25px; border-bottom:1px solid #EFEFEF;}
.resume ul.list li{margin-left:100px;}
.resume ul.listDot li{margin-left:180px;}
.resume ul.list li span.year{margin-left:-100px; width:96px;}
.resume ul.list li span.name{margin:0 0 0 -180px; width:170px;}
.resume ul.listIndent li{margin-left:0;}

/* work */
.workslist h4{margin:0 0 10px 0; padding:14px 0 0 19px; height:28px; border:1px solid #CDCDD1; background:url(../images/work/bg_h.gif) repeat-x; font-weight:normal; font-size:15px; color:#4985E0;}
.workslist .detail{margin:0 0 10px 0; padding:0 0 15px 0; border-bottom:1px solid #B3B3B3; *zoom:1;}
.workslist .detail:after{display:block; content:''; clear:both;}
.workslist .image{float:left; text-align:center;}
.workslist .image .photo{margin:0 0 10px 0; border:1px solid #B3B3B3;}
.workslist .image .photo img {width:440px; height:400px;}
.workslist .description{float:right; margin:7px 0 0 0; width:228px; line-height:18px; color:#7E7E7E;}
.workslist .description li{padding:0 0 0 6px; background:url(../images/common/bu_dot.gif) no-repeat 0 7px;}
.workslist .description span{display:inline-block; width:48px; white-space:pre;}
.workslist .listImage{position:relative; float:right; width:228px;}
.workslist .listImage ul{margin:19px 0 0 -18px; height:359px; overflow:hidden; _zoom:1;}
.workslist .listImage li{float:left; margin:0 0 18px 18px; display:inline;}
.workslist .listImage li img{width:103px; height:99px; border:1px solid #B3B3B3;}
.workslist .listImage .pagination{padding-top:0;}

/* gallery */
.galleryBox{border:solid #B3B3B3; border-width:2px 0 1px 0; overflow:hidden; _zoom:1;}
ul.gallery{margin:0 0 0 -18px; overflow:hidden; _zoom:1;}
ul.gallery li{float:left; margin:0 0 0 18px; padding:15px 0 0 0; width:159px; height:229px; font-size:11px; line-height:18px; display:inline;}
ul.gallery li a{color:#7E7E7E;}
ul.gallery li img{width:157px; height:157px; display:block; margin:0 0 7px 0; border:1px solid #B3B3B3;}
ul.gallery .date{color:#A5A4A4;}
ul.gallery span{display:block; padding:0 0 0 6px; background:url(../images/common/bu_dot.gif) no-repeat 0 7px;}

/* board */
.tableList{border-collapse:collapse; width:100%; border:solid #b3b3b3; border-width:2px 0 1px 0;}
.tableList th, .tableList td{border:solid #efefef; color:#7e7e7e;}
.tableList th{padding:10px 0 8px 0; border-width:0 0 0 1px; background:#f6f6f6; font-weight:normal;}
.tableList td{padding:8px 10px 6px 10px; border-width:1px 0 0 1px; text-align:center; font-size:11px;}
.tableList .first{border-left:none;}
.tableList .number{width:60px;}
.tableList .date{width:100px;}
.tableList .view{width:60px;}
.tableList .media{width:150px;}
.tableList .branch{width:250px;}
.tableList .category{width:120px;}
.tableList .left{text-align:left; font-size:12px;}
.tableList .ano a {font-weight:bold; color:#ff0080;}
.tableList a:hover{color:#72b11e;}
.tableList td.vod a{padding:5px;}
.tableList td.merge{font-size:12px;}
.tableList td .reply{padding:0 0 0 12px; background:url(../images/common/bu_reply.gif) no-repeat 0 -7px;}
.tableView th{width:60px;}
.tableView td{text-align:left; font-size:12px;}
.tableView td.detail{padding:14px 14px 11px 14px;}
.tableView td.date{width:80px;}
.tablePost{border-collapse:collapse; width:100%; border-bottom:1px solid #B3B3B3;}
.tablePost th, .tablePost td{border:solid #EFEFEF; border-width:1px 0 0 0; font-weight:normal;}
.tablePost th{width:72px; background:#F6F6F6; color:#7E7E7E;}
.tablePost td{padding:6px 0 6px 10px; border-width:1px 0 0 1px;}
.tablePost input.text{width:602px; height:18px; font-size:12px;}
.tablePost textarea.text{padding:5px; width:595px; height:400px; font-size:12px; overflow:hidden; overflow-y:auto;}
.tablePost .listFile li{margin:3px 0;}
.tablePost .file{font-size:11px;}
.tablePost .file input.text{margin:0 5px; width:464px; height:16px; font-size:11px;}
.work .tableList a:hover{color:#76A7F1;}
.writing .tableList a:hover{color:#D25DE9;}
.publication .tableList a:hover{color:#F07C37;}
.gallery .tableList a:hover{color:#E04949;}
.board .tableList a:hover{color:#FF5858;}
.board .tableList a:visited{color:red;}

.fSearch *, .fReply *, .fModify *, fPost *{vertical-align:middle;}
.fSearch{padding:11px; border:1px solid #E9E9E9; background:#F7F7F7; text-align:center;}
.fSearch select{width:69px; height:20px; border:1px solid #ABADB3; text-align:center; font-size:11px; color:#7E7E7E;}
.fSearch input.text{width:288px;}
.fReply{margin:20px 0 10px 0; padding:9px 19px; border:1px solid #E9E9E9; background:#F7F7F7; font-size:11px;}
.fReply label{margin:0 30px 0 0; padding:0 0 0 7px; background:url(../images/common/bu_dot.gif) no-repeat 0 40%;}
.fReply .detail{margin:2px 0 0 0; overflow:hidden;}
.fReply .detail span{letter-spacing:4px;}
.fReply .detail label{margin:0;}
.fReply input.text{margin:0 0 0 5px; width:95px;}
.fReply textarea.text{margin:0 2px 0 0; width:520px; _width:500px; height:38px; overflow:hidden; overflow-y:scroll; vertical-align:middle;}
.fModify input.text{width:95px;}
.fModify textarea.text{display:block; margin:5px 0 0 0; padding:8px; width:631px; font-size:12px; line-height:18px;}
.fModify input.pw{background:url(../images/common/bg_pw.gif) no-repeat;}
.post{border-top:2px solid #B3B3B3;}
.fPost{margin:0 0 15px 0; padding:9px 19px; border:1px solid #E9E9E9; background:#F7F7F7; font-size:11px;}
.fPost label{margin:0 30px 0 0; padding:0 0 0 7px; background:url(../images/common/bu_dot.gif) no-repeat 0 4px;}
.fPost input.text{margin:0 0 0 5px; width:95px;}

.listReply{padding:0 19px; border:1px solid #E9E9E9;}
.listReply .button{vertical-align:middle;}
.listReply li{padding:20px 0; border-top:1px dashed #E9E9E9;}
.listReply li.first{border:none;}
.listReply .author{padding:0 5px 0 7px; background:url(../images/common/bu_dot.gif) no-repeat 0 5px; font-size:11px;}
.listReply p{margin:7px 0 0 0; line-height:18px;}

/* sitemap */
ul.sitemap{margin:0 0 0 -30px; width:auto; border:none; overflow:hidden; _zoom:1;}
ul.sitemap h4{padding:30px 0 0 0; height:56px; border-top:2px solid #72B11E;}
ul.sitemap h4.work{border-color:#4985E0;}
ul.sitemap h4.writing{border-color:#C249E0;}
ul.sitemap h4.publication{border-color:#F07C37;}
ul.sitemap h4.gallery{border-color:#E04949;}
ul.sitemap li{float:left; margin:0 0 0 30px; padding:0; width:210px; _display:inline;}
ul.sitemap ul{padding:0; border-top:1px solid #F4F4F4; border-bottom:0;}
ul.sitemap ul li{float:none; margin:0; padding:0; border:none;}
ul.sitemap a{position:relative; height:32px; width:auto; color:#ffffff;}
ul.sitemap ul ul{padding:10px 20px 50px 20px;}
ul.sitemap ul ul a{height:20px; width:160px;}

/* popup */
.popupMedia{position:absolute; top:89px; right:0; padding:19px 18px; width:790px; height:402px; border:1px solid #EFEFEF; background:#fff; z-index:10;}
.popupMedia h4{height:33px;}
.popupMedia ul{margin:0 0 15px 0; padding:11px 14px 0 14px; height:48px; border:1px solid #CDCDD1; background:url(../images/architect/bg_vod.gif) repeat-x; line-height:20px;}
.popupMedia li{padding:0 0 0 6px; background:url(../images/common/bu_dot.gif) no-repeat 0 8px;}
.popupMedia .vod{float:left;}
.popupMedia .list{float:right; padding:0 10px 0 0; width:444px; height:292px; overflow:hidden; overflow-y:scroll;}
.popupMedia .tableList td{border-width:1px 0 0 0;}
.popupMedia .pagination{padding:14px 0;}

.popupWork{position:absolute; top:40px; left:0; padding:19px; width:600px; height:666px; border:1px solid #EFEFEF; background:#ffffff; text-align:left; z-index:10;}
.popupWork .thumbnail{position:relative; padding:10px 0 0 0; overflow:hidden; _zoom:1;}
.popupWork .thumbnail img{vertical-align:middle;}
.popupWork .thumbnail li{display:inline;}
.popupWork .thumbnail ul{margin:0 0 0 44px;}
.popupWork .thumbnail ul li{margin:0 7px;}
.popupWork .thumbnail ul img{border:1px solid #B3B3B3;}
.popupWork .thumbnail li.prev, .popupWork .thumbnail li.next{position:absolute; top:38px;}
.popupWork .thumbnail li.prev{left:0;}
.popupWork .thumbnail li.next{right:0;}
.popupWork .close{position:absolute; top:-36px; right:-1px;}

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

.popupUpload{position:absolute; top:255px; left:160px; padding:15px 20px 20px 20px; width:200px; border:2px solid #B3B3B3; background:#FFFFFF; font-size:11px; line-height:18px; display:none;}
.popupUpload .fPw{display:block; margin:0; padding:5px; background:#F6F6F6;}
.popupUpload input.text{margin:0; width:100%;}

div.cate {text-align:right; margin-bottom:5px;}
div.cate select {padding:3px;}
div.cate table {border-collapse:collapse;}
div.cate td {width:100px; height:25px; background:#666; color:#fff; text-align:center; vertical-align:middle; border:1px solid #fff;}
div.cate td.on {font-weight:bold; background:#000;}
div.cate a {color:#fff; text-decoration:none;}

td.thumb {height:60px;}
td.thumb img {width:50px; height:50px; cursor:pointer; border:2px solid #fff;}
td.thumb img.on {border:2px solid #000;}
td.thumb div {float:left; width:52px; margin-right:3px; text-align:center;}
td.thumb input {width:52px; background:#000; border:1px solid #000; margin-top:1px; font:11px dotum; color:#fff;}

ul.menu a.mSub nobr {font:8.5pt malgun gothic; letter-spacing:-1px; color:#444;}
ul.menu a.mSub {text-overflow:ellipsis; overflow:hidden; width:190px; height:auto; margin-left:-11px; padding:4px 0;}
ul.menu div.entry {display:none;}
ul.menu div.entry a.mSub {width:180px; margin:0;}
ul.menu div.on2 {display:block;}