@IMPORT url("/css/common/editImage.css");
/* common */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}  
body,input,textarea,select,button,table{font-family:'굴림',Gulim,sans-serif,sans-serif;font-size:12px; color:#424242; }  
img,fieldset{border:0}
div,ul,ol{list-style:none}  
em,address{font-style:normal}  
a{text-decoration:none; color:inherit}
a, img, input{selector-dummy:expression(this.hideFocus=true);}
a:link, a:visited { text-decoration:none}
dt{display:block;}

#wrap{width:100%; text-align:center; margin:0 auto;}

/* header  */
#util {text-align:right; width:980px; margin:0 auto; padding:10px 0 5px 0; height:20px;}
#util ul{padding-left:640px;}
#util li {float:left; margin:5px 0 0 0px; padding:0 0 0 10px}
#util p{ float:right; margin-left:10px; text-align:left;}

#util-login {text-align:right; width:980px; margin:0 auto; padding:10px 0 5px 0; height:20px;}
#util-login ul{padding-left:600px;}
#util-login li {float:left; margin:5px 0 0 0px; padding:0 0 0 10px}
#util-login p{ float:right; margin-left:10px; text-align:left;}

#header{height:80px; background:url('/images/web/common/top_bg.gif') repeat-x;}
#inner{ width:980px; margin:0 auto}
h1{float:left; width:180px;}

/* common : gnb */
#gnb {float:right;}
#gnb li { display:inline; float:left; margin:12px 0 0 80px; }
#gnb li a { display:block; height:37px; background:url('/images/web/common/bg_nav.gif') 0 0 no-repeat; font-size:0; line-height:1; text-indent:-9999px; }
#gnb li.nav1 a { width:35px; background-position:0 0; }
#gnb li.nav1 a:hover,
#gnb li.nav1 a.hover,
#gnb.workActive li.nav1 a { background-position:0 -42px; }
#gnb li.nav2 a { width:34px; background-position:-112px 0; }
#gnb li.nav2 a:hover,
#gnb li.nav2 a.hover,
#gnb.artistActive li.nav2 a { background-position:-112px -42px; }
#gnb li.nav3 a { width:32px; background-position:-223px 0; }
#gnb li.nav3 a:hover,
#gnb li.nav3 a.hover,
#gnb.exhibitionActive li.nav3 a { background-position:-223px -42px; }
#gnb li.nav4 a { width:32px; background-position:-334px 0; }
#gnb li.nav4 a:hover,
#gnb li.nav4 a.hover,
#gnb.newsActive li.nav4 a { background-position:-334px -42px; }
#gnb li.nav5 a { width:37px; background-position:-408px 0; }
#gnb li.nav5 a:hover,
#gnb li.nav5 a.hover,
#gnb.d1Active5 li.nav5 a { background-position:-408px -42px; }


/* member */
#popWrap{border:3px solid #929292; padding:15px;}
#popWrap .tit{border-bottom:2px solid #2c2c2c; padding-bottom:2px; font-size:1.4em; color:2c2c2c; font-weight:bold; margin-bottom:20px}
#popWrap .con{border:1px solid #eee; padding:25px;}
#popWrap .con table{text-align:left; line-height:26px}
#popWrap .sear img{vertical-align:middle; padding-left:20px;}
#popWrap .sear th{text-align:left;}
#popWrap .sear{font-size:0.9em; padding-top:10px; text-align:left;}
#popWrap .con table th{width:110px; text-align:left;}
#popWrap .bot{border-top:2px solid #2c2c2c; padding-top:10px; text-align:center; margin-top:20px}

/* ����5px, 3px */
.bd{border:1px solid #f00}
.bd6{border:5px solid #a0c04a}
.bd5{border:1px solid #d4d4d4;border-top:0px;}
.bd5_1{border:1px solid #d4d4d4;border-top:0px; border-bottom:0px; }
.bd3{border:3px solid #bdbdbd}
.bd2{border:2px solid #bdbdbd}
.bd1{border:1px solid #bdbdbd}


/* ȸ���� */
#join{ border-bottom:1px solid #879539; padding-bottom:20px}
#agree{width:90%;height:150px;margin:auto;background:#f6f6f6;padding:10px;overflow:scroll;overflow-x:hidden; text-align:left}
#join p{text-align:left; font-size:1.4em; font-weight:bold; margin:20px 0 5px 40px; color:#879539}
#agreeChk{width:150px;height:20px;margin:auto;font-weight:bold;margin-top:10px;margin-bottom:10px;color:#5c5c5c}
#registerFrm{padding:20px 0 10px 5px; text-align:left; border-bottom:1px solid #879539; margin-left:10px}
.registerTbl {width:100%;color:#5c5c5c}
.registerTbl th{height:32px; width:120px;}
.registerTbl td{height:32px; font-size:0.9em; line-height:16px}
.reg_btn{width:980px; margin:20px 0; text-align:center; display:inline-block}




/* footer */
#footerWrap{width:100%; border-bottom:1px solid #b3b3b3; background-color:#ececec; margin-top:20px; height:215px;}
#footerWrap .sitemap{padding:0 0 15px 20px; position:relative; z-index:1; width:980px; margin:0 auto}
#footerWrap .sitemap ul{float:left; text-align:left; color:#3d3d3d; line-height:20px; margin-right:90px; padding-top:25px;}
#footerWrap .sitemap ul p{font-weight:bold; padding-bottom:15px;}
#footerWrap .sitemap .about{margin:0; padding-right:36px;}
#footerWrap .sitemap .menu{float:left; height:175px; margin:0; width:180px; font-size:11px; line-height:26px;border-bottom:1px solid #b3b3b3; background-color:#dcdcdc; padding:25px 0 15px 38px;}
#footerWrap .sitemap .menu .sns {float:left; margin:10px 3px 20px 0;}

#footer{ padding:10px 0 10px 0; height:70px; position:relative; z-index:1; width:980px; margin:0 auto;}
#footer .bot_logo{float:left; height:55px; margin-right:20px;}
#footer address{width:650px; line-height:16px; color:#727272; font-size:11px; text-align:left;}
#footer #footerlogo{ position:absolute; right:0; top:12px; padding-right:6px}
#footer #footerlogo li{ float:left; display:inline; margin-left:16px}

/*font*/
.f_b{font-weight:bold;}
.f_11{font-size:11px; color:#666; text-align:left}
.f_brown{font-weight:bold; color:#8b5d27}
.f_red{font-size:11px; color:#ff5858; text-align:left}
.f_14{font-size:14px; font-weight:bold; color:333;}
.f_on{color:#FF6600}

.wf_tit{font-family: 'NanumGothicBold'; font-size: 24px; font-weight: bold!important; color:#333; text-align:left}
.wf_txt{font-family: 'NanumGothicBold'; font-size: 24px; font-weight: bold!important; color:#8b5d27; padding:1px 0 0 20px; text-align:left}
.wf_txt2{ padding:15px 0 5px 20px; text-align:left; font-weight:bold}

/* top_search */
.top_search .util {float:right; margin:0 3px 0 0;}
.top_search .util fieldset.util-search {width:150px; height:22px; padding:3px 0 0 0; background:url('/images/web/common/bg_search_bx.gif') repeat-x;}

.top_search .util fieldset.util-search * {vertical-align:middle; margin-right:5px}
.top_search .input-sear {width:115px; height:16px; margin-right:19px; padding-top:2px; font-size:11px; color:#999; border:0;}


/* main_visual */
.cubebox {position:relative; width:978px; height:314px; margin:0 auto; overflow:visible; margin-bottom: 20px; border:1px solid #CCC}
.cubebox .cubelist {position:relative; width:980px; min-height:314px; height:314px; overflow:hidden;}
.cubebox .cubelist .items {width:980px;height:314px;overflow:hidden;}
.cubebox .cubelist .item {position:relative; float: left; width:980px;height:314px;overflow:hidden;}
.cubebox .cube {position:absolute; bottom:10px; left:900px; text-align:center;}
.cubebox .cube a {margin:0 3px 0 3px;}

#contents_top{position:relative; z-index:1; width:980px; margin:0 auto;}
#contents_top:after { content:""; display:block; clear:both; }

#contents{position:relative; z-index:1; width:980px; margin:0 auto;}
#contents:after { content:""; display:block; clear:both; }

#contents_board{text-align:left; line-height:18px; margin:15px 100px;}

.m_img p{margin-top:20px;}

#con{float:left; width:225px; margin:0 12px 0 5px}
#con .m_tit{border-top:2px solid #879539 ; padding:10px 0 25px 0;}
#con .m_tit li{float:left;}
#con .m_tit .title{padding-right:153px;}
#con .m_pre{background:url(/images/web/common/mtab_dashline.gif) left top repeat-x; width:230px; text-align:left; float:left;}
#con .m_pre li{float:left; padding:10px 27px 0 0}
#con .m_pre .img{float:right; padding:0; margin-top:7px; margin-right:7px}

#con .m_con{float:left; width:230px; margin:10px 0 17px 0}
#con .m_con .img{float:left; border:1px solid #CCC; width:101px; height:101px}
#con .m_con .img img{width:101px; height:101px}
#con .m_con dl{float:left; width:120px; text-align:left; padding:10px 0 0 7px}
#con .m_con dl dt{font-weight:bold; padding-bottom:13px;}
#con .m_con .name{font-weight:bold; line-height:20px;}
#con .txt{ float:left; width:220px; height:70px; font-size:11px; text-align:left; line-height:16px; color:#666;}

.contents_02 {width:50%; float:right;}
.contents_02 ul {*zoom:1; overflow:hidden;}
.contents_02 ul.tab li{float:left; margin-bottom:15px;}
.contents_02 ul.tab .bg{text-align:right; height:31px; width:294px; background:url(/images/web/common/tab_bg.gif) left bottom repeat-x;}
.contents_02 ul.tab .bg img{ padding:15px 5px 0 0;}
.contents_02 .tbl{text-align:left; line-height:20px; padding:7px 0 0 13px}
.contents_02 .tbl .space{color:#8b5d27;}
.contents_02 ul.list {padding-left:5px; margin-top:8px; background:none; width:286px}
.contents_02 ul.list li {padding-left:10px; font-size:11px; line-height:18px}
.contents_02 ul.list li img{vertical-align:middle}

.contents_main {width:440px; float:left;}
.contents_main  ul {*zoom:1; overflow:hidden;}
.contents_main  ul.tab li{float:left; margin-bottom:15px;}
.contents_main  ul.tab .bg{text-align:right; height:31px; width:259px; background:url(/images/web/common/tab_bg.gif) left bottom repeat-x;}
.contents_main  ul.tab .bg img{ padding:15px 5px 0 0;}
.contents_main  .tbl{text-align:left; line-height:20px; padding:7px 0 0 13px}
.contents_main  .tbl .space{color:#8b5d27;}
.contents_main  ul.list {padding-left:5px; margin-top:8px; background:none; width:286px}
.contents_main  ul.list li {padding-left:10px; font-size:11px; line-height:18px}
.contents_main  ul.list li img{vertical-align:middle}


#artistContent{float:left; text-align:left; margin:20px 0 30px 0; width:980px;}
#artistContent:after {clear:both;	display:block;	content:"";}
#artistContent li{float:left; width:325px; margin-bottom:30px;}
#artistContent h3{float:left; margin-right:15px; border:1px solid #c4c4c4}
#artistContent dl{line-height:20px;}
#artistContent dt{padding-bottom:5px;}
#artistContent .last{ margin-left:5px;}

#artist{width:966px; border-top:2px solid #666; padding:20px 7px 20px 7px; margin:20px 0 15px 0;}
#artist .pic{float:left; margin-right:40px;}
#artist .artist_info{float:left; text-align:left;  margin-top:5px; width:750px;}
#artist .name{font-size:14px; font-weight:bold; padding-bottom:20px; text-align:left;}
#artist dt{float:left; width:85px; font-weight:bold; clear:both;}
#artist dd{ float:left}


/* search */
#search{ border:1px solid #879539; padding:8px 0 8px 0; height:27px; margin-bottom:20px;}
#search:after {clear:both;	display:block;	content:"";}
#search li{float:left;}
#search .exhi{padding-top:5px; width:385px; text-align:left}
#search .exhi .on{font-weight:bold;}
#search .select { width:170px; padding:5px 40px 0 35px}
#search .select .on{font-weight:bold; color:#879539;}
#search .span {width:360px; float:left; font-size:11px; color:#666; text-align:left}
#search .span .on{font-weight:bold; color:#879539;}
#search li dl dt dd{float:left;}

#searchWrap {width:300px; float:right; height:20px; padding:3px 0 0 60px;}
#searchWrap:after {clear:both;	display:block;	content:"";}
#searchWrap dt {float:left;	width:100px; height:22px; padding-right:20px;}
#searchWrap dd {float:left;	height:22px;}
#searchWrap dd.field {padding-right:5px;}
#searchWrap dd.field input {display:inline;	position:relative; height:18px;	padding:2px 2px 0 2px;	border:1px solid #d2d2d2; font-size:12px;	color:#878787;	*margin:-1px 0;}

/* paginate */
.paginate_complex{overflow:hidden;clear:both;margin:0 auto;padding:15px 0 10px 0; line-height:normal;text-align:center;zoom:1}
.paginate_complex:after {clear:both; display:block;	content:"";}
.paginate_complex .number{margin:0 0px; padding:1px 5px; background-color:#fff; font:bold 12px/16px Tahoma, Sans-serif; color:#323232; text-decoration:none; vertical-align:top}
.paginate_complex strong{margin:0 0px; padding:1px 5px; background-color:#fff; font:bold 12px/16px Tahoma, Sans-serif; color:#ff8600; text-decoration:none; vertical-align:top}



.art_paginate{ margin:0 auto; text-align:center;}
.art_paginate .btn{padding-top:20px; border:none}
.art_paginate a,
.art_paginate strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:1px 8px; font:bold 12px/16px Tahoma, Sans-serif;color:#323232;text-decoration:none;vertical-align:top}

/*.art_paginate a:hover,
.art_paginate a:active,
.art_paginate a:focus{ border:1px solid #fff;}*/
.art_paginate .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1}
.art_paginate .direction:hover,
.art_paginate .direction:active,
.art_paginate .direction:focus{color:#323232;background-color:#fff}

.else_paginate{ float:left; text-align:left; display:block; width:700px;}
.else_paginate .btn{padding-top:25px; border:none;}
.else_paginate a{display:inline-block;margin:30px 0 50px -3px;padding:1px 8px;vertical-align:top}


#art_name{padding:13px 7px; height:30px; border-top:2px solid #666; border-bottom:1px solid #666; width:965px;}
#art_name ul li{float:left;}
#art_name .btn{float:right; padding-top:7px}

.art_img{width:750px; margin:0 auto;  padding:10px 0 50px 0;}
.art_img ul li{float:left;}
.art_img .txt2{float:right;}

.sub_contents{margin-top:40px; text-align:left; float:left; width:980px;}
.sub_contents:after {clear:both;	display:block;	content:"";}
.sub_contents dt{ float:left; width:180px; border-top:2px solid #a3ae69; padding:10px 0 0 3px; font-weight:bold; font-size:14px} 
.sub_contents dd{border-top:1px solid #a3ae69; text-align:justify; padding:30px 5px 30px 220px; line-height:20px}
.sub_contents dd#top{border-top:1px solid #a3ae69; text-align:justify; padding:0; line-height:0}
.sub_contents p{text-align:right; padding-right:10px; color:#999;}
.sub_contents .tit{border:0; padding:0; font-weight:bold; color:#8b5d27; margin-bottom:20px;}
.sub_contents .txt{border:0; padding:0; width:900px; margin-bottom:30px;}
.sub_contents li{float:left; padding:0 10px 10px 0; }
.sub_contents .last{margin:0;}

.table{margin-top:40px; text-align:left; float:left; width:980px;}
.table:after {clear:both;	display:block;	content:"";}
.table dt{ float:left; width:180px; border-top:2px solid #a3ae69; padding:10px 0 0 3px; font-weight:bold; font-size:14px} 
.table dd{ float:left; border-top:1px solid #a3ae69; width:780px; line-height:18px; padding-top:30px;}
.table dd#top{border-top:1px solid #a3ae69; text-align:justify; padding:0; line-height:0}
.table .group{ float:left; padding-bottom:10px; text-align:left}
.table p{float:right;text-align:right; padding-right:10px; color:#999;}


.space_view{width:980px; margin:0 auto; text-align:left; padding-top:20px}
.space_view:after {clear:both;	display:block;	content:"";}
.space_view .exhi_img{ float:left; width:317px; border:1px solid #ddd; margin:0 50px 0 20px}
.space_view .exhi_info{float:left; text-align:left; line-height:12px; margin-top:10px; width:500px}
.space_view dt{float:left; width:100px; font-weight:bold; clear:both;}
.space_view dd{float:left;}


/* ��ð� �Ұ� */
.gallary_top{border-top:2px solid #879539; padding:10px 0 20px 0; text-align:left; clear:both;}
.gallary_list{width:980px;; float:left; text-align:left}
.gallary_list ul li{float:left; margin:0 45px 10px 0; border:1px solid #adaead; padding:7px; width:195px}
.gallary_list .simg{float:left; margin-right:20px;}
		 dt{padding:3px 10px 10px 0; font-weight:bold}
.gallary_list .info{float:left;}
.gallary_list .last{margin:0;}

.mapWrap{border:1px solid #adaead; margin-bottom:30px; float:left; width:980px}
.mapWrap:after {clear:both;	display:block;	content:"";}
.mapWrap .gallary_search{float:left; text-align:left}
.mapWrap .map{float:left; text-align:left;}
.gallary_search{width:210px; padding:5px 0 5px 0;}
.gallary_search h3{font-size:12px; font-weight:bold; border-bottom:1px solid #666; padding:5px 0 6px 10px; color:#666; margin-bottom:15px;}
.gallary_search li{border:1px solid #e5e0c7; text-align:left; padding:5px 0 5px 10px; margin:-1px 10px 0 10px}
.gallary_search .on{background-color:#879539; }
.gallary_search .on a{color:#fff;}

.another{float:left; width:980px;}
.another:after {clear:both;	display:block;	content:"";}
.another dt{float:left; text-align:left; margin-top:30px; margin-bottom:20px; width:80%; padding:10px 30px 0 3px; font-weight:bold; font-size:13px; line-height:18px;} 
.another dd{display:block;}
.another .key{float:left; margin-top:40px;}

.page_bot{border-top:2px solid #444; padding-top:10px; width:980px; float:left; margin-top:30px; height:40px;}
.page_bot:after{content:""; display:block; clear:both;}
.page_bot .sns_box {padding:0px;margin:0px;padding-left:3px; float:left; height:50px; display:table-cell; vertical-align: middle;}
/*
.page_bot li a {padding-left:3px; float:left; display:block; height:20px; background:url('/images/web/common/btn_sns.gif') 0 0 no-repeat; text-indent:-9999px; font-size:0; }
.page_bot li.twit a { width:55px; }
.page_bot li.twit_num a { width:18px; background-position:-57px 0; }
.page_bot li.fabok a { width:46px; background-position:-82px 0; }
.page_bot li.send a { width:50px; background-position:-133px 0; }
*/
.page_bot p{ float:right; margin-right:10px;}


.pn_box{width:980px; border-top:1px solid #879539; border-bottom:1px solid #879539; padding:5px 10px; text-align:left; display:inline-block; margin:20px 0}
.pn_box:after{content:""; display:block; clear:both;}
.pn_box .pn_list{border-bottom:1px dotted #d5d5d5; width:980px; padding:5px; }
.pn_box .pn_img{float:left; padding-right:20px}
.pn_box .pn_list2{ width:980px; padding:8px 5px 5px 5px}


/* �ҽ� ������ */
#notice{float:left; width:47%; margin:0 20px 0 0}
#notice .m_tit{border-top:2px solid #879539 ; padding:10px 0 25px 5px;}
#notice .m_tit li{float:left;}
#notice .m_tit .more{ float:right; padding-right:5px}
#notice .interlist{line-height:22px; text-align:left; padding:10px 0 0 5px;}

.newsWrap{width:980px; margin:0 auto; height:480px}
.newsWrapt:after {content:""; display:block; clear:both;}
.mazine{border:1px solid #c4c4c4; float:left; width:420px; height:450px}
.mazine .top{height:30px; border-bottom:1px solid #c4c4c4; padding-bottom:3px;}
.mazine .top p{ padding:15px}
.mazine .top .tit{float:left; padding:0; margin:10px 12px 0 12px}
.mazine .con{ width:386px; margin-top:30px; text-align:left; margin:15px}
.mazine .con p{border:1px solid #c4c4c4; margin-bottom:10px}
.mazine .con dt{color:#b27140;}
.mazine .con dd{width:160px; font-size:0.9em; line-height:16px; margin-bottom:5px}
.mazine .con .btn{ margin:15px 0 10px 0}
.mazine .con_01{float:left; width:180px; margin:0 20px 0 3px}
.mazine .con_02{float:right}

.artistStory{border:1px solid #c4c4c4; float:left; border-left:0; width:267px; height:450px; margin-right:8px;}
.artistStory .top{height:30px; border-bottom:1px solid #c4c4c4; padding-bottom:3px;}
.artistStory .top p{ padding:15px}
.artistStory .top .tit{float:left; padding:0; margin:10px 80px 0 12px}
.artistStory .con{ text-align:center; padding:15px}
.artistStory .con p{border:1px solid #c4c4c4; margin-bottom:10px;}
.artistStory .con dl{width:235px; text-align:left;}
.artistStory .con dt{color:#b27140; line-height:16px}
.artistStory .con dd{font-size:0.9em; line-height:16px; margin-bottom:5px}
.artistStory .con .bold{font-weight:bold}

.people{border:1px solid #c4c4c4; float:left; width:280px; height:450px;}
.people .top{height:30px; border-bottom:1px solid #c4c4c4; padding-bottom:3px;}
.people .top p{ padding:15px}
.people .top .tit{float:left; padding:0; margin:10px 140px 0 12px}
.people .con{text-align:left; padding:15px; height:235px}
.people .con p{float:left; margin-right:13px}
.people .con dl{width:145px; float:left; }
.people .con dd{line-height:16px;}
.people .con .fir{background:url(/images/web/common/mtab_dashline.gif) left bottom repeat-x; padding-bottom:25px; margin-bottom:15px; height:85px}
.people .top_artnb{height:30px; border-bottom:1px solid #c4c4c4; border-top:1px solid #c4c4c4; padding-bottom:3px;}
.people .top_artnb p{ padding-top:15px;}
.people .top_artnb .tit{float:left; padding:0; margin:10px 110px 0 12px}
.people .con_artnb{ text-align:left; padding:15px; height:80px}
.people .con_artnb p{ width:70px; float:left; margin-right:13px}
.people .con_artnb dl{width:165px; float:left;}
.people .con_artnb dd{line-height:18px;}


/* yun */
#Btit{width:980px; margin-top:20px; height:70px;}
#Btit:after{content:""; display:block; clear:both;}
.list_img {float:left; width:800px; text-align:left}
.location{ display:inline;  float:right; text-align:right; position:relative; right:2px; top:30px;}
.location a {color: #aaa;}
.location .on{color:#696969}
.location img {margin:2px 3px 0 3px;}

#Btit2{width:980px; margin-top:20px; height:70px;; border-bottom:2px solid #323232;}
#Btit2:after{content:""; display:block; clear:both;}
.list_img {float:left; width:800px; text-align:left}
.location{ display:inline;  float:right; text-align:right; position:relative; right:2px; top:30px;}

#list_name{width:980px; height:50px;}
#list_name:after {content:""; display:block; clear:both;}
#list_name ul li{float:left;}

.list_select{ text-align:right; padding:10px 5px 5px 0; border-bottom:solid 2px #879539; }
.list_select .on{font-weight:bold; color:#879539;!important;}

.release_list {margin:0 0 10px 0; padding:0;}
.release_list:after {content:""; display:block;	clear:both;}
.release_list table {border-collapse:collapse;	width:100%;	line-height:18px; line-height:22px;}
.release_list table th { padding:10px 3px 3px 3px; font-family:arial; font-weight:bold; color:#404040;}
.release_list table td {padding:7px; color:#000; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; text-align:center; }
.release_list table td.left {padding:7px 7px 7px 20px; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; text-align:left;}
.release_list table td img {vertical-align:middle;}
.release_list .colorbox {background-color:#fafafa;}
.release_list .view{text-align:left; background-color:#eee; padding:10px 20px; color:#2d6687; line-height:16px;}


/* 리스트 보기 
.list_cont{padding:10px 2px 0 10px; width:980px; margin:0 auto; text-align:left; border-bottom:1px solid #cbd1aa; border-top:2px solid #879539; height:26px;}
	.list_no{float:left; font-weight:bold; padding-right:70px}
	.list_title{float:left; font-weight:bold; width:450px;}
	.writer{float:left; width:135px;}*/
#list_cont{width:100%; text-align:left; border-bottom:1px solid #cbd1aa; border-top:2px solid #879539; height:30px; padding:10px 0 0 20px;}
#list_cont li{float:left; padding-right:20px;}
#list_cont .list_btn{padding-right:20px; display:block}
#list_cont .list_tit{width:500px; font-weight:bold}
	.list_no{float:left; font-weight:bold; padding-right:70px}
	.list_title{float:left; font-weight:bold; width:450px;}
	.writer{float:left; width:135px;}
	.day{float:right; padding-right:10px;text-align: right}
.con_img{margin:20px 0; text-align:center}
.cont_txt{text-align:left; color:#2d6687; line-height:18px; padding:20px 100px;}
.cont_txt p{padding-bottom:5px;}





#listwrap {border-bottom:1px solid #d9d9d9; height:180px; width:980px; padding:20px 0 5px 0; text-align:left}
#listwrap:after {clear:both;	display:block;	content:"";}
#listwrap li {float:left;}
#listwrap dd { width:450px; text-align:left; line-height:18px}
#listwrap dt { font-weight:bold; margin: 40px 0 10px 0; }
#listwrap .num {font-weight:bold; margin:80px 40px 0 20px;}
#listwrap .img {width:260px; border:1px solid #c4c4c4; height:160px; margin-right:20px} 
#listwrap .date{width:150px; margin-top:80px; float:right; display:block; text-align:center}

#listwrap_book {border-bottom:1px solid #d9d9d9; height:220px; width:980px; padding:20px 0 5px 0;}
#listwrap_book li {float:left;}
#listwrap_book dl { width:700px; margin-left:20px; text-align:left}
#listwrap_book dt { font-weight:bold; margin: 30px 0 5px 0; }
#listwrap_book .num {font-weight:bold; margin-top:80px; width:80px; text-align:center;}
#listwrap_book .img_book {width:150px; border:1px solid #c4c4c4; height:195px;} 
#listwrap_book .book_info{margin-top: 30px; color:#666; line-height:16px}

.al_right{text-align:right; padding-right:5px}
.al_center{ text-align:center; padding-top:10px}

/*view

#view_name{padding: 20px 7px 20px 7px; float:left; border-top:solid 2px #879539; border-bottom:1px solid #d9d9d9; width:965px; margin:0 auto; margin:0 0 30px 0;}
#view_name ul li{float:left;}
#view_name .btn{float:right; padding-top:10px}
#view_name .on {font-weight:bold; color:#879539}*/
	
.art_img{width:750px; margin:0 auto;  padding:10px 0 50px 0;}
.art_img ul li{float:left;}
.art_img .txt2{float:right;}

.contents_03 {text-align:left; line-height:18px; padding:20px 100px; margin-bottom:15px;} 
.contents_03 p{text-align:center; margin:20px 0;}
.contents_03 li{padding-bottom:10px;}
.view_sns {float:left;}
.btn_list{float:right;}


.user_id_tie{height:20px; width: 100px;   background:#f8faee; margin-right:50px; font-weight:bold; padding-top:10px;}
.user_id{height:20px; width:800px; text-align:left; padding-top:10px; }



/* 작품, 작가메인 미술이야기, 작가인터뷰 */
#smain{border-top:2px solid #879539 ; border-bottom:1px solid #c4c4c4; border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4; padding:10px 0 10px 0; width:622px; height:220px;  margin:0 10px 15px 0; float:left}
#smain .smain_lft{float:left; width:410px; margin-right:35px; text-align:left;} 
#smain .smain_lft p{padding-bottom:20px;}
#smain .smain_lft dt{ padding:0 0 20px 20px}
#smain .smain_lft dd{padding-left:20px; line-height:18px;}
#smain .smain_rig{float:left; width:150px}
#smain .smain_rig p{font-size:0.9em; padding-top:10px}
/* //작품, 작가메인 미술이야기, 작가인터뷰 */

.wf_arthis_tit{font-family: 'NanumGothicBold'; font-size: 18px; font-weight: bold!important; color:#333;}
.wf_arthis_txt{font-family: 'NanumGothicBold'; font-size: 12px; font-weight: bold!important; color:#666;}

.intview_day{width:965px; height:20px; border-bottom:1px dashed #CCC; padding:8px 10px 0 10px; margin-bottom:20px; font-size:11px}
.intview_day li{ text-align:left;}
	.mon{ float:left; padding-right:20px}
	.interviewer{float:left;}
	.ad_writer{float:right;}
	
#listwrap dt p{padding-top:5px; font-weight:normal; color:#8b5d27;}


.scroll_title {overflow:hidden;width:163px;white-space:nowrap;display:block;}