/*
#search_box { padding:40px 0 0 0; }
#search_box div { width:1200px; height:60px; border: 1px solid #fe8f00; }
#search_box .select_bnt { width:145px; height:20px; color: #fe8f00;  margin-top: 20px; padding-left: 20px; background-color: #ffffff; outline: none; }

#search_box .search_bar { width:995px; height:60px; position: absolute; }
#search_box .btn_search_go { float: right; width:60px; height:60px; background-image: url("../img/search_2.png"); background-repeat: no-repeat, repeat; display:block; }
#search_box .hashtag li { color:#fe8f00; font-size:14px; float:left; padding:25px 0 25px 0; margin-right: 6px; }
#search_box .hashtag li:nth-chid(1) {  }
#search_box .hashtag li a, a:link, a:visited, a:hover, a:active { font-weight: 400;  color:#fe8f00;}
#search_box .hashtag li a { padding:10px; border:1px solid #fe8f00; }
*/

#container .inner { overflow: hidden; }

/* 공통사항 */
body.main{overflow:visible;}
.main {overflow: hidden}
.main #container {padding-bottom: 100px;}
.main #container strong { font-weight: 600;display:-webkit-box;}
.lineClamp {overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.4; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; height: 65px; box-sizing: border-box;}

#main_visaul {padding: 0; position: relative; margin: 0 auto; width: 100%; height: 500px;}
#main_visaul .row {width: 2500px; left: 50%; margin-left: -1225px; position: absolute}
#main_visaul .owl-item {padding: 0; cursor: pointer}
#main_visaul .visual_text {position: absolute; color: #fff; top: 50px; left: 50px;}
#main_visaul .visual_text span {font-size: 12px; text-transform:uppercase; display: block;}
#main_visaul .visual_text em {font-size: 40px; line-height: 1.2; display: block; font-weight: bold; margin-top: 20px;}
#main_visaul .owl-theme .owl-nav {position: relative; width: 1200px; margin: 0 auto; left: -25px;}
#main_visaul .owl-theme .owl-nav > div {position: absolute; text-transform: uppercase; top: -70px;}
#main_visaul .owl-theme .owl-nav .owl-next {right: 50px; background: url(../img/main_next.png) no-repeat right; padding-right: 55px;}
#main_visaul .owl-theme .owl-nav .owl-prev {left: 50px; background: url(../img/main_prev.png) no-repeat left; padding-left: 55px;}
/* #main_visaul .owl-theme .owl-dots {position: absolute; width: 200px; margin-left: -100px; left: 50%; bottom: 30px; text-align: center} */
#main_visaul .owl-theme .owl-dots {position: absolute; width: auto; margin-left: -5%; left: 50%; bottom: 30px; text-align: center}
#main_visaul .owl-theme .owl-dots > div {display: inline-block; float: none; padding: 0; width: 26px; height: 26px;}
#main_visaul .owl-theme .owl-dots > div span {display: inline-block;}
#main_visaul .owl-theme .owl-dots > div.active {border: 1px solid #fff; border-radius: 50%; box-sizing: border-box; position: relative; top: -2px;}
#main_visaul .owl-theme .owl-dots > div.active span {background: #fff; position: relative; top: 2px}
#main_visaul .owl-theme .owl-dots > div:hover span {background: #fff}

.section_title {margin-bottom: 25px;}
.main .section { padding:30px 0 30px 0; }
.main .section:after,
.main .section ul:after {content: ""; display: block; clear: both; zoom: 1}
.main .section ul li { float:left; width:380px; position: relative}
.main .section .art_fairs { padding-left:30px; }
.main .section .museums { padding-left:30px; }
.main .section li .section_title { border-top:1px solid #aaaaaa; padding:10px 0 0 0; }
.main .section .section_tit { color:#615f5f; font-size:20px; clear:left;}
.main .section .section_title {height: 40px; box-sizing: border-box}
.main .section .section_more {display: block;}
.main .section .section_more a { color:#aaaaaa; font-size:14px; font-weight: 400; padding: 4px 0 0 10px; display: inline-block;}
.main .section .section_cont .text_box li {}
.main .section .section_cont .text_box strong { color:#000000; font-size:21px; }
.main .section .section_cont .text_box p { color:#000000; font-weight: 400; font-size:16px; margin: 15px 0 25px}

.main .section .section_cont .text_box span { color:#aaaaaa;}
.main .section .section_cont .text_box span span { font-size:14px; color:#aaaaaa; font-weight: 600; }
.main .section .section_cont .text_box span img { position: absolute; right: 0; bottom: 0; }
.main .section .section_tit { float: left; }

.main .section .art_market .text_box,
.main .section .art_fairs .text_box,
.main .section .museums .text_box {  float: none;}
.main .section .art_fairs ul li .img_box,
.main .section .art_market ul li .img_box,
.main .section .museums ul li .img_box {width: 380px; height: 230px; overflow: hidden}

/* #video */
.main .section .video_wrap { padding-top: 50px; }
.main .section .video { width:380px; height: 460px; background-color:#f2f2f2; float: left; position: relative;}
.main .section .video strong {-webkit-line-clamp: 2;overflow: hidden;height: 50px;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;}
.main .section .video .section_title { padding: 30px 30px 0; height: auto}
.main .section .video .section_cont { padding:0 32px 0 30px; }
.main .section .video .section_more a { color:#aaaaaa; font-size:14px; font-weight: 400; padding-top: 5px; }
.main .section .video .video_text_box { color:#000000; margin-top: 20px; display: block;}
.main .section .video .video_text_box strong { font-size: 18px; }
.main .section .video .video_text_box p { font-size: 14px; height: 36px; font-weight: 400; margin: 10px 0 15px; -webkit-line-clamp:2}
.main .section .video .video_text_box span { color:#aaaaaa; font-size:14px; font-weight: 600; }
.main .section .video .video_text_box img { float: right; }

/* #features */
.main .section .features .section_title {border-top:1px solid #aaaaaa; padding:10px 0 0 0;}
.main .section .features .section_cont > a {float: left; width: 184px; height: 118px; overflow: hidden;}
.main .section .features .section_cont > a img {width: 100%; height: 100%;}
.main .section .features { float: right; width: 790px; position: relative}
.main .section .features ul li { width:800px; padding-top: 20px; position: relative}
.main .section .features ul li:first-child { padding-top: 0; }
.main .section .features .section_cont div { float:left; width:600px; box-sizing: border-box; padding-left: 20px; height: 118px; position: relative}
.main .section .features .section_cont div .text_box strong { font-size:17px; }
.main .section .features .section_cont div .text_box .section_sub1_text {font-size:14px; -webkit-line-clamp:2; height: 38px}

/* #what's on */
.main .section .whats_on  { float: left; width: 790px; position: relative}
.main .section .whats_on .section_title {border-top:1px solid #aaaaaa; padding:10px 0 0 0;}
.main .section .whats_on ul { width:800px; }
.main .section .whats_on ul > li { float: none; width: 100%; padding-top: 20px; }
.main .section .whats_on ul > li:first-child { padding-top: 0; }
.main .section .whats_on ul > li .section_cont:after {content: ""; display: block; clear: both; zoom: 1;}
.main .section .whats_on ul > li .img_box {width: 185px; float: left}
.main .section .whats_on .section_cont div { float:right; padding:0 0 0 15px; width:590px; height: 118px; position: relative}
.main .section .whats_on .section_cont div .text_box strong { font-size:17px; }
.main .section .whats_on .section_cont .text_box .section_sub1_text { -webkit-line-clamp:2; height: 38px; font-size:14px; }

.main .section .sub_visual_box { width:380px; float: right;}
.main .section .sub_visual_box > a {float: left;}
.main .section .sub_visual_box > a:first-child {margin-bottom: 2px;}
.main .section .sub_visual_box .sub_visual1 { width: 380px; height: 356px; background-image: url("../img/11_exhibition.jpg"); background-repeat: no-repeat, repeat; display:block; }
.main .section .sub_visual_box .sub_visual2 { width: 380px; height: 112px; background-image: url("../img/12_space.jpg"); background-repeat: no-repeat, repeat; display:block; }

/* #publication */
.main .section .publication { width: 380px; float: left; position: relative; padding: 0}
.main .section .publication .section_cont .img_box {float: left;}
.main .section .publication .section_cont .img_box img {border: 1px solid #ddd;}
.main .section .publication .section_cont div { width:180px; float: left; padding: 0 0 0 20px;}
.main .section .publication .section_cont .text_box div {  }
.main .section .publication .section_cont .text_box p { padding:0; }
.main .section .publication .section_title { width: 380px;  border-top:1px solid #aaaaaa; padding:10px 0 0 0; }
.main .section .section_tit { color:#615f5f; font-size:21px; display:inline; }
.main .section .section_more { color:#aaaaaa; font-size:14px; font-weight:400; padding:5px 0 0 20px; }
.main .section .publication .section_cont .text_box {position: absolute; bottom: 0;}
.main .section .publication .section_cont .text_box strong { color:#000000; font-size: 18px; }
.main .section .publication .section_cont .text_box .section_sub1_text {margin-bottom: 0; font-size:14px;}



.main .section .banner { float: right; width:800px; padding: 0; position: relative; }
.main .section .banner a { width: 400px; height: 160px; float: left}
.main .section .banner a div { padding: 60px 0 0 32px; }
.main .section .banner .banner { font-size: 14px; font-weight: 300; color:#000000; }
.main .section .banner .banner1_cont { padding: 90px 0 0 32px; }
.main .section .banner .banner_txt { font-size: 14px; font-weight: 300; color:#000000; }


.main .section .banner a div .spanart_market { color:#000000; font-size: 12px; font-weight: 400; }
.main .section .banner .banner1 { background-image: url("../img/14_art_program.jpg"); background-repeat: no-repeat, repeat; display:block; }
.main .section .banner .banner2 { background-image: url("../img/15_chronology.jpg"); background-repeat: no-repeat, repeat; display:block; }
.main .section .banner .banner3 { background-image: url("../img/16_site_link.jpg"); background-repeat: no-repeat, repeat; display:block; }
.main .section .banner .banner4 { background-image: url("../img/17_art_history_chart.jpg"); background-repeat: no-repeat, repeat; display:block; }

.main .main_tabwrap .bx-controls {position: absolute; top: 21px; right: 0;}
.main .main_tabwrap .bx-controls .bx-pager:after {content: ""; display: block; clear: both; zoom: 1;}
.main .main_tabwrap .bx-controls .bx-pager > div {float: left}
.main .main_tabwrap .bx-controls .bx-pager > div a {text-indent: -9999px; width: 10px; height: 10px; background-color: #aaa; display: block; border-radius: 50%; margin-left: 5px; padding: 0 !important}
.main .main_tabwrap .bx-controls .bx-pager > div a {padding: 0;}
.main .main_tabwrap .bx-controls .bx-pager > div .active {background: #f29200}