@charset "utf-8";

/** default letter-spacing:-0.05em; */
/*
body,form{background-color:#fff;color:#444;font:11px/1.6 verdana,돋움,Dotum,AppleGothic,sans-serif;  margin:0; padding:0; }

@media print{body{color:#000;}}
li{list-style:none;}
input,textarea,select{background-color:#fff;font-family:inherit;font-size:1.05em;}
input{padding-right:1px;}
select{height:20px;}
a{color:#444;text-decoration:none;}
a:visited,a:visited *{color:#87124f;}
a.visited,a.visited:visited{color:#444;}
a:hover,a:hover *,a.visited:hover{color:#438a01;text-decoration:underline;}
legend,.skip,.alt,.hd{display:none;}

img{border:0 none;}


body{position:relative;}

.txt15 {color:#007799; font-size:15px; font-weight:bold; }
.img_b2 {border:2px solid #e0e0e0}
table.tstyle{margin:0; padding:0; border-collapse:collapse;}
*/


.collection_wrap{ max-width:100%; border:#282828 solid 1px }
.collection_wrap h2{ color:#fff; background:#000; font-size:18px; font-weight:300; text-align:center; height:50px; line-height:50px; }
.collection_top{ padding:25px; background:#fafafa; min-height:200px;; border-bottom:#d8d8d8 solid 1px;}
.collection_top input[type="text"]{ width:100%; height:36px; width:100%; padding:0 5px; margin-top:10px }
.collection_top input[type="submit"],.collection_top input[type=reset]{ font-family:Nanum Barun Gothic; height:36px; background:#282828; font-size:16px; color:#fff; border:0; margin-top:10px; cursor:pointer}
.collection_top #btn_reset { float:left; width:49%;  margin-right:2%; background:#999; border:#727272 solid 1px; }
.collection_top #btn_search{ float:left; width:49%;}

.col_copy{ background:#666666; padding:25px; text-align:left; color:#fff; max-width:900px}
.col_copy h1{ margin-bottom:15px;}
.col_copy p.address{ font-size:16px; margin:10px 0 }
.col_copy p{ margin:3px 0; line-height:130%; font-size:12px; }

.search_result{ padding:25px 25px 60px 25px; overflow:hidden}
.search_result.main{  text-align:center}
.search_result.main img{ max-width:100%;}
.search_result.main p{ text-align:center; line-height:150%; color:#747474}

.select {width:100%;line-height: normal;vertical-align: middle;display: inline-block;z-index: 1000;position: relative;}
.select .myValue { background: none; border: 1px solid #a8a8a8; border-image: none; left: 0px; top: 0px; text-align: left; color: #666; line-height: 36px; overflow: visible; position: relative; z-index: 2; _line-height: normal; }
.select .myValue.selected { font-weight: bold;}
.select.open .myValue {	border: 1px solid #999; border-image: none;}
.select .myValue.outLine {border: 1px solid #999; border-image: none;}
.select button.myValue {width: 100%; height: 21px; text-indent: 5px;}
.select div.myValue { height: 36px; line-height:33px; text-indent: 8px;}
.select .ctrl { border-width: 1px; border-style: solid; border-color: #a8a8a8; border-image: none; top: 0px; width: 36px; height: 36px; right: 0px; position: absolute;}
.select .arrow { top: 15px; width: 0px; height: 0px; right: 11px; line-height: 0; font-size: 0px; border-top-color: #999; border-right-color: #fff; border-left-color: #fff; border-top-width: 6px; border-right-width: 6px; border-left-width: 6px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: absolute;
}
.select ul { position:absolute; background:#fff;  border:#a8a8a8 solid 1px;  list-style: none; left: 0px; top: 35px; width: 100%; padding:5px 0; overflow: hidden;}
.select ul.iList { left: -2000px; }
.select.open ul.iList {left: 0px;}
.select li { height: 25px; overflow: hidden;  white-space: nowrap; position: relative;}
.select li input.option { height: 20px; line-height: 20px;  position: absolute; }
.select li label {background:#fff;position: absolute;left: 0px;top: 0px;width: 100%;height: 25px;color: #767676;line-height: 25px;text-indent: 8px;font-size:14px;color:#111;margin: 0;padding-left: 0;}
.select li a {background: #fff; height: 18px; color: #767676; line-height: 18px; text-indent: 8px; text-decoration: none; display: block;}
.select li.hover * {background: #999; color: #fff;}
@media all and (min-width:640px){
.collection_top{ padding:22px 44px; }
.collection_top input[type=text]{ height:36px; width:49%; padding:0 5px; margin-top:10px }
.collection_top #btn_reset,.collection_top #search_work { float:left; width:49%;  margin-right:2%;  }
.collection_top #btn_search,.collection_top #search_artist{ float:left; width:49%;}

.select .myValue { display:none; }
.select ul { position:relative; background:none; border:0; list-style: none;  left: 0px; top: 0px; width: 100%; overflow: hidden;}
.select .ctrl { display:none }
.select ul.iList { left:0;}
.select li { float:left; width:19%; margin-bottom:5px; height:auto; overflow: hidden; border:0; white-space: nowrap; position: relative;}
.select li input.option {width:auto; margin-right:10px; width:18px; height: 18px; background:#fff; border:#d0d0cf solid 1px;  vertical-align:top;  }
.select li label { background:none;  position: relative;}
}
@media all and (min-width:900px){
  .select {width:85%;}
.collection_top{  padding:22px 44px; }
.collection_top fieldset{ position:relative; }
.collection_top input[type=text]{ height:36px; width:49%; padding:0 5px; margin-top:10px }
.collection_top input[type=submit],.collection_top input[type=reset]{ position:absolute; top: 0; right:0;  width:120px !important;  }
.collection_top #search_work{ width:55%; margin-right:2%;}
.collection_top #search_artist{ width:24%}
.collection_top #btn_search{  height:90px; line-height:90px; margin-top:20px;}
.collection_top #btn_reset{ top:126px; margin:0; }

.select .myValue { display:none; }
.select ul { position:relative; background:none; border:0; list-style: none;  left: 0px; top: 0px; width: 100%; overflow: hidden;}
.select .ctrl { display:none }
.select ul.iList { left:0; width:90%;}
.select li { float:left; width:19%; margin-bottom:5px; height:auto; overflow: hidden; border:0; white-space: nowrap; position: relative;}
.select li input.option {width:auto; margin-right:10px; width:18px; height: 18px; background:#fff; border:#d0d0cf solid 1px;  vertical-align:top; }
.select li label { background:none;  position: relative;}
.select li.hover * {background:none; color: #111;}
}
@media all and (min-width:900px){
.select li input[type='checkbox']{ margin-right:15px; width:20px; height:20px; opacity:0; position:absolute;  cursor:pointer}
.select li input[type='checkbox'] + label {display:inline-block;  background:url(/home/artmuse/images/sub/icon_checked.png) 0px 0px  no-repeat; margin:5px;  font-size:16px;  height:20px; line-height:1;  padding-left:30px; cursor:pointer; background-size:20px; margin:10px 10px 10px 0; ; text-align:left; }
.select li input[type='checkbox']:checked + label{ background-position: 0px -20px}
.select li input[type='checkbox'] {display:inline-block; }
}


/*검색결과*/
.collection{ width:100%;}
.collection li { float:left; width:100%;  margin-bottom:5%;}
.collection li a{ display:block; }
.collection li div.img_wrap{ background:#000; width:100%; text-align:center; font-size:0;  line-height:230px; height:auto;}
.collection li div.img_wrap img{ vertical-align:middle}
.collection li span{ display:block; }
.collection li span.subject{ color:#111; padding:10px 0}
.collection li span.artist{ color:#727272; font-size:12px; }

@media all and (min-width:768px) and (max-width:899px){
.collection li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.collection li div.img_wrap{ height:230px;}
.collection li:nth-child(2n){ margin-right:2%;}
.collection li:nth-child(3n){ margin-right:0;}
.collection li:nth-child(5n){ margin-right:2%;}
}
@media all and (min-width:900px){
.collection li{ float:left; width:23%; margin-right:2.666667%; margin-bottom:2.5%;}
.collection li div.img_wrap{ height:230px;}
.collection li div.img_wrap img{ vertical-align:middle}
.collection li:nth-child(2n){ margin-right:2.5%;}
.collection li:nth-child(3n){ margin-right:2.5%;}
.collection li:nth-child(4n){ margin-right:0;}
}



.collection_wrap{ max-width:100%;}
.collection_wrap .collection_img{ background:#383838; text-align:center; padding:25px;}
.collection_wrap .collection_img img{ max-width:100%;  }
.collection_wrap .coll_detail_body{ padding:25px; background:#414141; color:#fff; }
.collection_wrap .coll_detail_body h3{ font-size:24px; font-weight:300; padding-bottom:25px; border-bottom:#000 solid 1px; }
.collection_wrap .coll_detail_body dl{  padding-top:20px; overflow:hidden}
.collection_wrap .coll_detail_body dl.profile dt{ float:left; width:30%; margin-bottom:10px; color:#a4a4a4;  line-height:130%;}
.collection_wrap .coll_detail_body dl.profile dd{ float:left; width:70%;  margin-bottom:10px; line-height:130%;}
.collection_wrap .coll_detail_body dl.exp_detail dt{ color:#a4a4a4;  line-height:130%; margin-bottom:15px;}
.collection_wrap .coll_detail_body dl.exp_detail dd{ font-size:14px;  line-height:130%; text-align:justify }
.collection_wrap .coll_detail_body dl.exp_detail dd p{ overflow:hidden}
.collection_wrap .coll_detail_body dl.exp_detail dd p.open{ display:inline; height:auto; transition:all 0.2s ease-out;   }
@media all and (min-width:768px){
.collection_wrap .coll_detail_body dl.profile dt{ float:left; width:10%; }
.collection_wrap .coll_detail_body dl.profile dd{ float:left; width:39%; margin-right:1%; }
.collection_wrap .coll_detail_body dl.exp_detail dt{ float:left; width:10%;}
.collection_wrap .coll_detail_body dl.exp_detail dd{ float:left; width:90%;}

/*컨텐츠용버튼*/
.btn_con{ background-color:#fff;  background-position:90% center; background-repeat:no-repeat; padding:15px 50px 15px 15px ;  font-size:12px; color:#000;   }
.btn_con:hover{  background-color:#f6f6f6; background-position:90% center; background-repeat:no-repeat;}
.btn_open,.btn_open:hover{ background-image:url(/home/artmuse/images/sub/open.png); }
.btn_close,.btn_close:hover{ background-image:url(/home/artmuse/images/sub/close.png); }
.btn_more,.btn_more:hover{ background-image:url(/home/artmuse/images/sub/more.png); }
.btn_down,.btn_down:hover{ background-image:url(/home/artmuse/images/sub/down.png); }
.btn_link,.btn_link:hover{ background-image:url(/home/artmuse/images/sub/blank.png); }




/* font size Style  20161117is추가*/
.fs15 {font-size:1.5em !important}
.fs12 {font-size:1.2em !important}
.fs1 {font-size:1em !important}
.fs2 {font-size:2em !important}
.fs25 {font-size:2.5em !important}
.fs3 {font-size:3em !important}
.fs35 {font-size:3.5em !important}
.fs4 {font-size:4em !important}
.fs45 {font-size:4.5em !important}
.fs5 {font-size:5em !important}
.fs55 {font-size:5.5em !important}


/* font color Style  20161117is추가*/
.fc_orange {color:#ffba02 !important}
.fc_wihte {color:#fff !important}
.fc_blue {color:#2c5ad6 !important}
.fc_red {color:#ec1c24 !important}
.fc_skyblue {color:#00adf0 !important}
.fc_green {color:#479b02 !important}
.fc_black {color:#000 !important}

.ftbold {font-weight:500 !important}

.appNotDisplay { display:none !important;}