@charset "utf-8";


@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* reset */
html,body{width:100%;height:100%;}
html{overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,input{margin:0;padding:0}
body,h1,h2,h3,h4,h5,h6,input,button{font-family:"Nanum Gothic", Dotum, Gulim, Helvetica, AppleGothic, sans-serif;font-size:12px; line-height:1;color:#000;}
body{word-break:keep-all;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
img,input{vertical-align:top}
em,address{font-style:normal}
button{margin:0;padding:0}
a { text-decoration:none; color:#000;  }
a:hover,a:focus/*,a:visited,a:active*/{color:#000;}
table { border-collapse:collapse; }
caption,legend, hr{width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; border:0 none; position:absolute; left:-1000em;}
caption,legend { position:static;}


/* common */
.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block; }
.clfix {display: block;}
* html .clfix {height: 1%;} /* Hides from IE-mac */
.clfix { *zoom:1; } /*for IE 5.5-7*/

.hidden { visibility:hidden; width:0px; height:0px; overflow:hidden; font-size:0px; line-height:0; position:absolute;}
.show { display:block !important; }
.pre {white-space:pre;}
.fl { float:left !important; }
.fr { float:right !important; }
.cl {clear:both; }
.at { vertical-align:top }
.ab { vertical-align:bottom }
.am { vertical-align:middle }
.ac { text-align:center !important; }
.ar { text-align:right; }


.chk,.radio { width:13px; height:13px; }
input.focus { color:#d1d1d1; font-weight:bold; font-family:'Nanum Gothic'; font-size:15px;}
input.focus.focus-txt { color:#666; font-size:12px;font-family:'Nanum Gothic'; }
input.ipt { border-top:1px solid #8b8b8b; border-left:1px solid #8b8b8b; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; height:20px; line-height:20px; padding-left:5px; color:#666; font-size:12px; }
input.ipt.ac { text-align:center; padding-left:0; }
textarea.textarea {text-align:left; border-top:1px solid #8b8b8b; border-left:1px solid #8b8b8b; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; line-height:16px; font-size:12px; font-family:'Nanum Gothic'; padding:5px; color:#666; overflow-x:hidden; overflow-y:auto; }
textarea.textarea.bg-gray { background:#fbfbfb !important;}
select { height:22px; line-height:22px; border-top:1px solid #8b8b8b; border-left:1px solid #8b8b8b; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; color:#666;font-family:dotum !important; }

body {  background:url(../images/body_bg.png) repeat-y center top;}
#wrap { width:1280px; margin:0 auto; overflow:hidden; padding-bottom:50px;}
#wrap #left { float:left; width: 198px; overflow:hidden; }
#wrap #left ul.gnb { padding-top:65px; }
#wrap #left ul.gnb li.listWrap:hover { background:url(../images/gnb_list_bg.png) no-repeat 30px 21px; color:#000; padding-left:20px;}
#wrap #left ul.gnb a.title { font-size:16px; padding:15px 30px;  display:block; }
#wrap #left ul.gnb a.title:hover {  font-weight:600;}
#wrap #left ul.gnb li ul { overflow:hidden; display:none; padding-top:0px; padding-left:15px;}
#wrap #left ul.gnb li ul li a { font-size:14px; padding-left:7px; padding-bottom:8px; display:block; color:#888;}
#wrap #left ul.gnb li ul li a:hover { color:#ec6e0b;}
#wrap #left address { position:absolute; left:0; bottom:0;}

.mainCon { overflow:hidden; padding-bottom:30px;}
.mainCon div { float:left; position:relative;}
.mainCon div.img01 { width:284px; height:562px;}
.mainCon div.img01 a { display:block; width:284px; height:377px; position:relative;}
.mainCon div.img01 a span.text { position:absolute; right:15px; bottom:17px; text-align:right; font-size:12px; color:#a29d9a;}
.mainCon div.img01 a span.text span { font-size:15px; line-height:30px; font-weight:600;}

.mainCon div.img02 a { display:block; width:322px; height:460px; padding-top:102px; position:relative;}

.mainCon div.img03 a { display:block; width:292px; height:194px; position:relative;}
.mainCon div.img03 a span.text { position:absolute; left:15px; bottom:17px; text-align:left; font-size:12px; color:#21201e;}
.mainCon div.img03 a span.text span { font-size:15px; line-height:30px; font-weight:600;}

.mainCon div.img04 a { display:block; width:476px; height:368px; position:relative;}
.mainCon div.img04 a span.text { position:absolute; right:15px; bottom:17px; text-align:right; font-size:12px; color:#21201e;}
.mainCon div.img04 a span.text span { font-size:15px; line-height:30px; font-weight:600;}

.mainCon div.img05 a { display:block; width:360px; height:275px; position:relative;}
.mainCon div.img05 a span.text { position:absolute; left:15px; bottom:17px; text-align:left; font-size:12px; color:#000;}
.mainCon div.img05 a span.text span { font-size:15px; line-height:30px; font-weight:600;}

.mainCon div.img06 a { display:block; width:722px; height:275px; position:relative;}
.mainCon div.img06 a span.text { position:absolute; left:15px; bottom:17px; text-align:left; font-size:12px; color:#fff;}
.mainCon div.img06 a span.text span { font-size:15px; line-height:30px; font-weight:600;}


.mainCon2 { overflow:hidden; margin:116px 0 0 116px; width:900px;}
.mainCon2 ul li { float:left; width:166px; height:166px; background:#f3f3f3; border-bottom:5px solid #fff;margin-right:5px; overflow:hidden;}



#wrap #right { float:left; width:1082px;  overflow:hidden;}
#wrap #right .topNavi { width:940px; margin-left:80px; height:124px; border-bottom:1px solid #000; overflow:hidden; margin-bottom:50px;}
#wrap #right .topNavi h2 { padding-top:38px; padding-left:100px; opacity:0;}
#wrap #right .topNavi h2 span { font-family: 'Nanum Myeongjo', serif; font-size:50px; font-weight:normal;  border-bottom:9px solid #000; padding-bottom:23px; }
#wrap #right .topNavi .navi { float:right; padding-top:0px; padding-right:100px; opacity:0;}
#wrap #right .contents { min-height:780px; padding-left:80px; width:940px; }

.pageing { display:block; width:100%; text-align:center;}
.pageing strong { width:30px; height:30px; text-align:center; line-height:30px; background:#ff780e; color:#fff; display:inline-block; margin:0 2px;}
.pageing a.num { display:inline-block; width:28px; height:28px; text-align:center; border:1px solid #aaa; line-height:28px;  margin:0 2px;}
.pageing a.left , .pageing a.right { width:30px; height:30px; line-height:30px; margin:0 15px;}

#footer { width:200px; float:left; overflow:hidden; margin-top:-100px;}
#footer address { line-height:18px; font-size:11px; color:#777; padding-left:30px; padding-bottom:30px;}
#footer address span { font-size:10px; letter-spacing:-1px;}

.searchWrap p { border:1px solid #000; width:266px; height:16px; padding:7px; padding-right:0px; overflow:hidden; margin-bottom:30px;}
.searchWrap p label , .searchWrap p input , .searchWrap p a { float:left;}
.searchWrap p label { padding:2px 15px 0 8px; border-right:1px solid #aaa; margin-right:15px; }
.searchWrap p input { width:160px; margin-right:10px; border:1px solid #fff; font-size:13px;}

.artistList { overflow:hidden;}
.artistList li { width:50%; float:left; padding-bottom:26px; margin-bottom:26px; border-bottom:1px solid #ddd; height:240px}
.artistList li img { border:4px solid #fff; float:left; margin-right:20px;}
.artistList li span.text { float:left; font-size:16px; line-height:28px; padding-top:20px; width:260px;}
.artistList li span.text span.eng { color:#888;}
.artistList li span.text span.Biography { font-size:12px; line-height:20px; display:block; padding-top:5px;}

.artistDetail .imgWrap { width:280px; float:left; overflow:hidden; background:#ec6e0b; padding-bottom:100px; min-height:450px; margin-right:60px;}
.artistDetail .imgWrap img { width:250px; padding:10px; padding-bottom:12px; margin-bottom:3px; background:url(../images/img_bg.png) no-repeat center bottom; }
.artistDetail .imgWrap h2 { padding:5px 10px 24px 10px; font-size:20px; color:#fff; font-weight:normal;}
.artistDetail .imgWrap h2 span { border-bottom:1px solid #fff; padding-bottom:6px;}
.artistDetail .imgWrap p { font-size:13px; color:#fff; line-height:20px; padding:0 10px; overflow:hidden;}
.artistDetail .imgWrap p span { padding-bottom:5px;}
.artistDetail .imgWrap p span.left {float:left; width:37px;}
.artistDetail .imgWrap p span.right { float:left; width:220px;}
.artistDetail .listWrap { float:left; width:600px;  overflow:hidden;}
.artistDetail .listWrap .listBox { padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #eee;}
.artistDetail .listWrap h3.h3Title { font-size:20px; font-weight:normal; background:url(../images/h3_title_bg.png) no-repeat; padding-top:12px; padding-bottom:20px; }
.artistDetail .listWrap h3.h3Title span { font-size:12px; color:#999; padding-left:3px; font-weight:normal;}
.artistDetail .listWrap .artBox { width:600px; overflow:hidden; padding-top:3px;}
.artistDetail .listWrap .artBox li { float:left; margin-right:5px; margin-bottom:5px; }

.artistDetail .listWrap .artBox li img { width:80px; height:80px;}
.artistDetail .listWrap .artBox li img:hover { border:4px solid #ec6e0b; width:72px; height:72px;}

.artistDetail .listWrap .listBox p.textList { line-height:28px; overflow:hidden; margin-top:-5px; font-size:13px; }
.artistDetail .listWrap .listBox p.textList span.left { float:left; width:80px;}
.artistDetail .listWrap .listBox p.textList span.right { float:left; width:520px;}
.artistDetail a.priceBtn { display:block; width:115px; margin-top:20px; color:#ec6e0b; font-size:13px; padding-left:10px; height:28px; background:url(../images/price_btn.png) no-repeat; line-height:28px;}
.artistDetail a.priceBtn:hover { background:url(../images/price_btn_on.png) no-repeat; color:#fff; font-weight:600;}
.artistDetail .listWrap .listBoxLast { border-bottom:0; padding-bottom:0; margin-bottom:0;}
.galleryList { overflow:hidden;}
.galleryList li { width:50%; float:left; padding-bottom:26px; margin-bottom:26px; border-bottom:1px solid #ddd;}
.galleryList li img { border:4px solid #fff; float:left; margin-right:20px; width:190px; height:190px;}
.galleryList li span.text { float:left; font-size:16px; line-height:28px; padding-top:20px; width:230px; }
.galleryList li span.text span.eng { color:#888;}
.galleryList li span.text span.Biography { font-size:12px; line-height:20px; display:block; padding-top:5px;}


.exhibitionList { overflow:hidden; width:1100px;}
.exhibitionList li { 250px; float:left; padding-right:83px; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ddd;}
.exhibitionList li img { border:4px solid #eee; margin-right:20px; width:250px; margin:0 auto; display:block; }
.exhibitionList li span.text { margin:0 auto; display:block; text-align:center; font-size:16px; line-height:28px; padding-top:15px; width:250px; }
.exhibitionList li span.text span.eng { color:#888;}
.exhibitionList li span.text span.Biography { font-size:12px; line-height:20px; display:block; padding-top:10px; color:#888;}

.goList { width:100%; margin-top:50px; border-top:1px solid #606060; overflow:hidden; float:left;}
.goList a { display:block; float:right; width:51px; height:51px; background:url(../images/list_btn.png) no-repeat; text-align:center; line-height:64px; color:#fff; letter-spacing:0px;}



.sub01_2 { overflow:hidden; position:relative;  }
.sub01_2 h2 { background:url(../images/history_bg.png) no-repeat; font-size:24px; font-weight:normal; color:#fff; height:125px; line-height:125px; padding-left:44px;}
.sub01_2 .line { width:1px; height:2000px; background:#000;  position:absolute; left:250px; top:0px;}

.sub01_2 ul { padding-top:20px; margin-top:20px; padding-bottom:40px; border-bottom:1px solid #000;}
.sub01_2 ul li { overflow:hidden; margin-bottom:0px; padding-bottom:0px; padding-top:0px;   padding:10px 0;}
.sub01_2 ul li:hover { background:#fafafa;}

.sub01_2 ul li h3 { float:left; font-size:16px; font-weight:300; width:243px; text-align:center; padding-top:4px;}
.sub01_2 ul li p { float:left;  line-height:24px;  font-size:13px; background:url(../images/round_15x15.png) no-repeat left 5px; padding-left:50px;}

.sub01_1 h3.h3Title { font-size:20px; font-weight:normal; background:url(../images/h3_title_bg.png) no-repeat; padding-top:12px; padding-bottom:20px; width:230px; float:left; }
.sub01_1 .titleWrap { overflow:hidden; padding-bottom:30px; margin-bottom:40px; border-bottom:1px solid #ddd;}
.sub01_1 { font-size:13px;}
.sub01_1 .titleWrap img ,  .sub01_1 .titleWrap div { float:left;}
.sub01_1 .titleWrap img {}
.sub01_1 .titleWrap div { padding:30px 40px;  border-left:0; }
.sub01_1 .titleWrap div h2 { font-size:32px;  font-weight:600; padding-bottom:20px; padding-top:15px;}
.sub01_1  p { line-height:22px; padding-bottom:36px;}
.sub01_1  p.pTitle01 { padding-bottom:0; padding-bottom:36px; font-size:13px; padding-bottom:50px; margin-bottom:40px; border-bottom:1px solid #ddd;}
.sub01_1  p.pTitle02 { font-size:16px; padding-bottom:20px;}
.sub01_1 ul {  overflow:hidden;}
.sub01_1 ul li { padding-bottom:12px; font-size:13px; overflow:hidden;}
.sub01_1 ul li span { display:block; width:15px; height:15px; background:#999; color:#fff; text-align:center; float:left; border-radius:20px; margin-right:10px; font-size:11px; line-height:15px;}

.sub01_5 .textWrap { background:#4b4b4b; padding:20px; padding-bottom:5px; margin-top:20px;}
.sub01_5 h3 {  font-size:16px;padding-top:30px; }
.sub01_5 ul { overflow:hidden;}
.sub01_5 ul li { font-size:13px; margin-bottom:15px; float:left; margin-right:30px; border-left:3px solid #999; padding-left:6px; color:#fff;}