@charset "utf-8";
@import url("default.css");
@import url("layout.css");
@import url("common.css");

.wrap{background-color:#eaeaea; margin:0 auto; text-align:center;}


.mainContArea { margin:0 auto;  display:block; text-align:center; margin-top:30px; }

.main_contents { margin:0 auto; overflow:hidden; box-sizing:border-box; position:relative; width:1240px; margin-bottom:40px;  word-break:keep-all; white-space:normal; word-wrap:break-word; text-align:justify; line-height:24px; color:#666666; letter-spacing:0;}


/* 메인공통 */
.main_contents .tit_area { overflow:hidden; display:block; margin-bottom:8px;}
.main_contents .tit_area .m_more { background:url("../../images/main/btn_more.gif") no-repeat 0 0; width:19px; height:19px; display:inline-block; text-indent:-9999px;}
.s_tit { float:left; display:inline-block; margin-left:7px; font-size:12px; font-weight:400px; vertical-align:bottom;}
.main_contents h2 { float:left; font-size:16px; display:inline-block; color:#000; font-weight:600; }
.main_contents h3 { float:left; font-size:16px; font-weight:600; float:left;  color:#000;}
.main_contents .r_btn { float:right; padding-top:8px; box-sizing:border-box;}
.main_contents .r_btn li { float:left; }
.main_contents .r_btn .btn_stop  { float:left; display:inline-block; background:url("../../images/main/btn_linkstop.png") no-repeat 0 0; width:8px; height:8px; text-indent:-9999px; margin-left:8px;}
.main_contents .r_btn .btn_play  { float:left; display:inline-block; background:url("../../images/main/btn_linkplay.png") no-repeat 0 0; width:6px; height:8px; text-indent:-9999px; margin-left:8px;}
.main_contents .r_btn .btn_link { float:left; display:inline-block; background:url("../../images/main/btn_linkdot.png") no-repeat 0 0; width:8px; height:8px; text-indent:-9999px; margin-left:8px;}
.main_contents .r_btn .btn_link_on { float:left; display:inline-block; background:url("../../images/main/btn_linkdot_on.png") no-repeat 0 0; width:8px; height:8px; text-indent:-9999px; margin-left:8px;}

.main_contents .roll_btn { box-sizing:border-box; position:absolute; top:105px; left:0; width:100%; padding:0 15px;}
.main_contents .roll_btn .btn_prev { float:left; background:url("../../images/main/btn_prev.png") no-repeat 0 0; width:10px; height:15px; text-indent:-9999px;}
.main_contents .roll_btn .btn_next { float:left; background:url("../../images/main/btn_next.png") no-repeat 0 0; width:10px; height:15px; text-indent:-9999px;}

.DB_tab2 {display: block; width: 100%; height: 161px; position: relative; overflow: hidden;}
.DB_tab2 .DB_img {display: block; width: 100%; height:100%;}
.DB_tab2 li {display: block; width: 100%; height:100%; float: left;}
.DB_tab2 li a {display: block; width: 100%; height:100%;}

.DB_tab2 .thumb { position:absolute;  width:100%; height:100%; z-index:10; background-position:center center; background-repeat:no-repeat; background-size:cover; cursor:pointer; border: 0;}
.DB_tab2 .thumb:before {content:""; position:absolute; bottom:0; right:0; top:0; left:0; box-sizing:border-box; border: 1px solid #ddd;}
.DB_tab2 .mask { position:absolute; left:0; bottom:0; background:url("../../images/main/img_thumb_mask.png") repeat-x; width:100%; height:73px; z-index:11; cursor:pointer;}
.DB_tab2 .flex { position:absolute; left:0; bottom:0; padding:0 13px 10px 13px; z-index:10; background:none; width: 100%; box-sizing: border-box;}
.DB_tab2 .flex .txt { display:block; color:#fff; font-size:14px; letter-spacing:-1px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}

.DB_tab2 .roll_btn {position: static; width: auto; height: auto;}
.DB_tab2 .roll_btn .DB_prev { position:absolute; top:50%; left:8px; z-index: 20; margin-top: -10px; background:url("../../images/main/btn_prev.png") no-repeat center; width:20px; height:20px; text-indent:-9999px;}
.DB_tab2 .roll_btn .DB_next { position:absolute; top:50%; right:8px; z-index: 20; margin-top: -10px; background:url("../../images/main/btn_next.png") no-repeat center; width:20px; height:20px; text-indent:-9999px;}

.main_contents .cont_wrap {position: relative; overflow: hidden; margin-bottom: 35px;}
.main_contents .cont_wrap .cont_l {float: left; width: 610px; margin-right: 20px;}
.main_contents .cont_wrap .cont_r {float: left; width: 610px;}

.main_contents .main_noimage {display: block; height: 100%; border: 0; cursor: auto; background: #f9f9f9 url(../../images/common/noimage_eng.png) no-repeat 50% 50%; position: relative;}
.main_contents .main_noimage:before {content:""; position:absolute; bottom:0; right:0; top:0; left:0; box-sizing:border-box; border: 1px solid #ddd;}


/* 메인왼쪽영역 */
.m_cont1 {}
.m_cont1 .cont1_wrap {}

/* 메인왼쪽영역 ------ [통계] */
.m_cont1 .cont1_wrap .visual_area {}
.m_cont1 .cont1_wrap .visual { position:relative; overflow:hidden; width:610px; height:400px;}
.m_cont1 .cont1_wrap .visual img { width:600px; height:400px;}
.m_cont1 .cont1_wrap .visual .thumb { overflow:visible; width:auto; height:auto;}
.m_cont1 .cont1_wrap .visual .mask { position:absolute; left:0; bottom:0; background:url("../../images/main/img_visual_mask.png") repeat-x; width:100%; height:81px; z-index:50; cursor:pointer;}
.m_cont1 .cont1_wrap .visual .flex { position:absolute; left:0; bottom:0; padding:0 0 15px 20px; z-index:100; cursor:pointer; background:none;}
.m_cont1 .cont1_wrap .visual .flex .txt { display:block; overflow:hidden; color:#fff; font-size:14px; letter-spacing:-1px; white-space:nowrap; text-overflow:ellipsis;}

.m_cont1 .cont1_wrap .visual .border_area{}
.m_cont1 .cont1_wrap .visual .DB_img{position:absolute; width:610px; height:400px;}
.m_cont1 .cont1_wrap .visual .DB_img img { width:100%;; height:100%; }
.m_cont1 .cont1_wrap .visual .DB_img li{width:100%; height:100%; margin:0; padding:0; position: relative; overflow:hidden;}
.m_cont1 .cont1_wrap .visual .DB_img li:before {content:""; position:absolute; bottom:0; right:0; top:0; left:0; box-sizing:border-box; border: 1px solid #ddd; z-index: -1;}
.m_cont1 .cont1_wrap .visual .DB_menu{position:absolute; bottom:15px; left: 0; z-index:51; width: 100%; text-align: center;}
.m_cont1 .cont1_wrap .visual .DB_menu li{display:inline-block; cursor:pointer; margin-right:5px}
.m_cont1 .cont1_wrap .visual .DB_menu li span {display: inline-block; width: 10px; height: 10px; border: 1px solid #fff; box-sizing: border-box; border-radius: 50px; text-indent: -9999px;}
.m_cont1 .cont1_wrap .visual .DB_menu li.DB_select span {background: #fff;}

/* 메인오른쪽영역 ------ [작품] */
.m_cont1 .artwork ul{ position:relative; overflow: hidden; width:100%; height: 400px; z-index:50; background: url("../../images/main/artwork_bg.gif") no-repeat; }
.m_cont1 .artwork_image_container { overflow: hidden; height: 100%; display:inline-block;}
.m_cont1 .artwork li {float:left; position:relative; z-index: 1; overflow: hidden; display: inline-block; width:25%; height:133px;}
.m_cont1 .artwork li:first-child {width: 50%; height:266px;}
.m_cont1 .artwork li:nth-child(n+6) {height: 134px;}
.m_cont1 .artwork ul li .artwork_image_container { display: block; width:100%; height:100%; text-align: center; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.m_cont1 .artwork ul li a{ display:block; width: 100%; height: 100%;}
.m_cont1 .artwork li .aw_txt{ position:absolute; left: 0; bottom: 0; width: 100%; opacity: 0; bottom: -60px; transition: bottom 0.25s;}
.m_cont1 .artwork li .aw_txt span{display:inline-block; position: relative; max-width: 100%; padding:0 10px 12px 15px; color:#ffffff; font-size:14px; letter-spacing: -1px; line-height:18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box;}
.m_cont1 .artwork ul li .aw_txt:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; background:url("../../images/main/img_thumb_mask03.png") repeat-x;}
.m_cont1 .artwork ul li:first-child .aw_txt:before {height: 140px; background:url("../../images/main/img_thumb_mask02.png") repeat-x;}
.m_cont1 .artwork ul li a:hover .aw_txt { opacity: 1; bottom: 0;}

/* 메인왼쪽영역 ------ [통계- 미술시장규모추이/작품거래증감률] */
.m_cont1 .cont1_wrap .graph_area { position:relative; overflow:hidden;}
.m_cont1 .cont1_wrap .gr_l { float:left; display:inline-block; overflow:hidden; width:290px;}
.m_cont1 .cont1_wrap .gr_r { float:right; display:inline-block; overflow:hidden; width:290px;}
.m_cont1 .cont1_wrap .graph_area img { float:left; display:inline-block;}
.m_cont1 .cont1_wrap .graph_area .span { border:1px solid #ff0000;}

/* 메인왼쪽영역 ------ [통계 - 아이콘 바로가기] */
.m_cont1 .cont1_wrap .icon_area { box-sizing:border-box; border:10px solid #e5e7e9; margin-top:20px; height:190px; margin-bottom:20px;}
.m_cont1 .cont1_wrap .icon_area ul { overflow:hidden; padding-top:48px;}
.m_cont1 .cont1_wrap .icon_area li { float:left; width:50%; text-align:center; background:url("../../images/main/img_bar.png") no-repeat 0 0;}
.m_cont1 .cont1_wrap .icon_area li:first-child { background:none;}
.icon_txt { clear:both; display:inline-block; margin-top:10px; font-size:18px; color:#121212; text-align:left; line-height:20px; margin-left:20px; vertical-align:top; margin-top:20px;}

/* 메인왼쪽영역 ------ [리포트] */
.m_cont1 .cont1_wrap .report_area { position:relative; overflow:hidden;}
.m_cont1 .cont1_wrap .report_area .report { position:relative; box-sizing:border-box; border:1px solid #ddd; width:100%; height:161px; padding:20px 25px 20px 315px; z-index:20;}
.m_cont1 .cont1_wrap .report_area .report .rep_img { position:absolute; top:-1px; left:-1px; width:290px; height:161px; z-index:500; background-position:center center; background-repeat:no-repeat; background-size:cover; cursor:pointer;}
.m_cont1 .cont1_wrap .report_area .report dl {word-wrap:normal;}
.m_cont1 .cont1_wrap .report_area .report dt { display:block; font-size:16px; font-weight:600;  color:#121212; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.m_cont1 .cont1_wrap .report_area .report dd { float:left; display:inline; font-size:14px; font-weight:400; height:80px;  color:#666666; line-height:21px; overflow:hidden; white-space:pre-wrap; }


/* 메인센터영역 */
.m_cont2 {}
.m_cont2 .cont2_wrap {}
.m_cont2 .cont2_wrap > div > div {float: left; width: 295px;}
.m_cont2 .cont2_wrap > div > div:first-child  {margin-right: 20px;}

/* 메인센터영역 ------ [경매] */
.aution_area .thumb {background-size: 80%;}
.aution_area {display: block; width: 100%; height: 161px; position: relative; overflow: hidden;}

/* 메인센터영역 ------ [화랑] */
.gallery_area {display: block; width: 100%; height: 161px; position: relative; overflow: hidden;}

/* 메인센터영역 ------ [페어] */
.fair_area {display: block; width: 100%; height: 161px; position: relative; overflow: hidden;}

/* 메인하단영역 */
.m_cont3 {}
.m_cont3 .cont3_wrap > div {margin-bottom: 35px;}
.m_cont3 .ic_new:after {content: ''; position: absolute; right: 0; top: 6px; width: 12px; height: 12px; background: url('../../images/icon/ic_new.gif') no-repeat;}

/* 메인하단영역 ------ [리포트/시장분석] */
.m_cont3 .cont3_wrap .report_area { position:relative; overflow:hidden;}
.m_cont3 .cont3_wrap .report { position:relative; box-sizing:border-box; border:1px solid #ddd; width:100%; height:161px; padding:20px 20px 20px 310px; z-index:20;}
.m_cont3 .cont3_wrap .report .rep_img {display: none; position:absolute; top:0; left:0; width:295px; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.m_cont3 .cont3_wrap .report li:first-child .rep_img {display: block;}
.m_cont3 .cont3_wrap .report li { background:url("../../images/icon/ul_bull03.gif") no-repeat 2px 12px; padding-left:11px; line-height:25px;}
.m_cont3 .cont3_wrap .report li a {position: relative; padding-right: 18px; display: inline-block; vertical-align: top; max-width: 100%; box-sizing: border-box;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.m_cont3 .cont3_wrap .report li a:hover {text-decoration: underline; color: #000; font-weight: 600; text-underline-position: under; -ms-text-underline-position: under;}

/* 메인하단영역 ------ [공지사항] */
.m_cont3 .notice_area {clear: both; margin-bottom: 0 !important;}
.m_cont3 .list {word-wrap:normal; border:1px solid #ddd; box-sizing:border-box; padding:20px 23px; position: relative; overflow: hidden;}
.m_cont3 .list li {float: left; background:url("../../images/icon/ul_bull03.gif") no-repeat 2px 12px; padding-left:11px; line-height:25px; position: relative; padding-right: 100px; width: 586px; box-sizing: border-box;}
.m_cont3 .list li:first-child {margin-right: 20px;}
.m_cont3 .list li a {position: relative; padding-right: 18px; display: inline-block; vertical-align: top; max-width: 100%; box-sizing: border-box;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.m_cont3 .list li a:hover {text-decoration: underline; color: #000; font-weight: 600; text-underline-position: under; -ms-text-underline-position: under;}
.m_cont3 .list li .date {position: absolute; right: 0; top: 0; color: #a6a6a6;}