/* ��ǰ  */
#work_main{position:relative; z-index:1; width:980px; margin:0 auto}
#work_main:after { content:""; display:block; clear:both}

#workContent{float:left; text-align:left; margin-top:15px; width:980px}
#workContent:after {content:""; display:block; clear:both}
#workContent li{width:175px; height:325px; float:left; margin-left:35px; margin-right:35px}
#workContent .last{margin:0; float:left; height:325px}
#workContent h3{border:1px solid #CCC; margin-bottom:5px}
#workContent dd{line-height:26px}
#workContent .content_img{width:173px; height:173px}
#workContent p{margin-top:3px}

#work_main_left{float:left; width:622px; margin:0 10px 15px 0}
#work_main_left .m_tit{border-top:2px solid #879539; padding:10px 0 25px 5px}
#work_main_left .m_tit li{float:left}
#work_main_left .m_tit .title{padding-right:505px}
#work_main_left .m_tit .more{ float:right; padding-right:5px}
#work_main_left .border{border:0; padding:0px; height:352px; text-align:left}
#work_main_left .border .main_img{position:absolute; top:38px; left:1px; z-index:1}
#work_main_left .border .main_img img{width:622px; height:352px;border:1px solid #CCC;}
#work_main_left .border .main_desc{position:absolute; top:58px; left:20px; z-index:2; color:#fff; font-family:'NanumGothicBold'; font-size:18px; font-weight:bold!important;}
#work_main_left .border .sub_left_background{width:311px; height:90px; filter:alpha(opacity=80); opacity:0.8; background-color:#FFF; position:absolute; top:301px; left:2px; z-index:2}
#work_main_left .border .sub_left_img{width:311px; height:90px; position:absolute; top:300px; left:1px; margin:10px 10px 0px 10px; z-index:3}
#work_main_left .border .sub_left_img img{width:70px; height:70px; margin-right:10px; float:left}
#work_main_left .border .sub_right_background{width:311px; height:90px; filter:alpha(opacity=80); opacity:0.8; background-color:#FFF; position:absolute; top:301px; left:313px; z-index:2}
#work_main_left .border .sub_right_img{width:311px; height:90px; position:absolute; top:300px; left:312px; margin:10px 10px 0px 10px; z-index:3}
#work_main_left .border .sub_right_img img{width:70px; height:70px; margin-right:10px; float:left}

#work_main_left .m_no_tit{border-top:2px solid #879539; border-right:1px solid #CCC; border-left:1px solid #CCC; border-bottom:1px solid #CCC}
#work_main_left .m_no_tit .content{text-align:left; padding:10px 10px 10px 0px}
#work_main_left .m_no_tit .content .title{width:410px; height:35px; padding:0px 0px 25px 5px}
#work_main_left .m_no_tit .content .text_title{width:410px; height:31px; padding-left:20px; font-family:'NanumGothicBold'; font-size:18px; font-weight:bold!important; color:#333}
#work_main_left .m_no_tit .content .text_desc{float:left; width:410px; height:100px; padding-left:18px}

#work_main_right{float:left; width:346px; margin-bottom:15px}
#work_main_right .m_tit{border-top:2px solid #879539; padding:10px 0 25px 5px}
#work_main_right .m_tit li{float:left}
#work_main_right .m_tit .more{ float:right; padding-right:5px}
#work_main_right .m_tit .title_list{padding-right:200px}
#work_main_right .border{border:1px solid #CCC; padding:10px; height:332px}
#work_main_right .border p{margin-bottom:10px}
#work_main_right .border dl{text-align:left; line-height:18px}
#work_main_right .border dl dt{padding-bottom:8px}
#work_main_right .interlist{line-height:22px; text-align:left; padding:10px 0 0 15px}
#work_main_right .interlist li {float:left}
#work_main_right .interlist .list_left{width:286px}
#work_main_right .interlist .list_right{width:35px}


/* artworks */
/* width:980px; height:700px; */
#artworks{position:relative; width:100%; height:100%; background-color:#13171a; padding:10px; color:#aeaeae; overflow:hidden}
#artworks .art_picture{width:95%; height:95%}
#artworks .art_picture .img{}
#artworks .artw_paginate{position:relative; float:left; width:100%%; height:64px; top:-64px; left:0px; filter:alpha(opacity=70); opacity:0.7; background-color:#000; text-align:center}
#artworks .artw_paginate .artw_list{position:relative; float:left; width:100%; height:64px}
#artworks .tab_artw{position:relative; width:277px; height:100%%; /*top:-760px; left:713px*/}
#artworks .tab_artw .tab_btn{float:left; width:27px; height:84px; padding-top:505px; padding-bottom:111px; border-right:1px solid #555}

#artworks .tab_artw .tab_left{float:left; width:216px; height:750px; background:url('/images/web/work/tab_left.gif') 0 0 no-repeat; margin-left:10px; padding:0 0 0 15px}
#artworks .tab_artw .tab_left .tab{padding-top:10px; margin-bottom:40px}
#artworks .tab_artw .tab_left .tab .on{float:left; width:83px; font-weight:bold; color:#fff; padding:0 0 0 15px}
#artworks .tab_artw .tab_left .tab .off{float:left; width:83px; padding:0 30px 0 5px}

#artworks .tab_artw .tab_right{float:left; width:216px; height:750px; background:url('/images/web/work/tab_right.gif') 0 0 no-repeat; margin-left:10px; padding:0 0 0 15px}
#artworks .tab_artw .tab_right .tab{padding-top:10px; margin-bottom:40px}
#artworks .tab_artw .tab_right .tab .on{float:left; width:83px; font-weight:bold; color:#fff; padding:0 30px 0 5px}
#artworks .tab_artw .tab_right .tab .off{float:left; width:83px; padding:0 0px 0 15px}
#artworks .tab_artw .name{ padding:5px 0 50px 0; font-size:14px; font-weight:bold; line-height:24px}
#artworks .tab_artw .exhi{color:#507dd8; padding-bottom:10px}
#artworks .tab_artw dt{font-size:14px; font-weight:bold; color:#fff; padding-bottom:15px}
#artworks .tab_artw dd{padding-bottom:7px}
#artworks .tab_artw .caption{width:180px; padding-bottom:30px}
#artworks .tab_artw .key{padding-top:50px; line-height:20px}
.selected_artworks {}