/*---------------- view ---------------*/
.left_cont { width: 810px; float: left}
/*.news_view .left_cont table, th, td{border: 1px solid #ccc;}*/
.news_view .left_cont .no_line table,
.news_view .left_cont .no_line th, 
.news_view .left_cont .no_line td{border:none;}
.right_cont { width: 282px; float: right;}
#container {padding-top: 110px; transition: all ease 0.3s}
.calender.sub #container > .inner {padding-bottom: 70px;}
.sub #header {border-bottom: 1px solid #ddd}
.sub #container > .inner {padding: 50px 0 120px;}
.sub_tab {float: left}
.sub_tab:after {content: ""; display: block; clear: both; zoom: 1;}
.sub_tab li {float: left; margin-left: 15px; padding-left: 15px; background: url(../img/tab_line.png) no-repeat left 24px}
.sub_tab li:first-child {margin-left: 0; padding-left: 0; background: none;}
.sub_tab li a {color: #aaaaaa; font-size: 24px; padding-top: 15px;}
.sub_tab li.on a {font-size: 40px; color: #222; padding-top: 0; font-weight: bold}
div.sub_tab{display: none;}
select.sub_tab{display: none;}

.magazine_menu {margin-bottom: 30px}
.magazine_menu:after {content: ""; display: block; clear: both;}

/* title_box */
.left_cont h1 { font-size: 32px; }
.left_cont .title_box {width: 810px; padding:0 0 30px 0; }
.left_cont .title_box .tit_cont {  }
.left_cont .title_box .img_box {  float: left; }
.left_cont .title_box h3 { color: #f29200; font-size: 15px; font-weight: 400; padding-bottom: 10px; padding-top: 0;}
.left_cont .title_box h1  { color: #222222; font-weight: bold; padding: 5px 0 12px 0; }
.left_cont .title_box span { color: #acacac; font-size: 12px; font-weight:  }
.left_cont .title_box .icon { float: right; padding-top: 45px;}
.left_cont .title_box .icon a { width: 40px; height: 20px; display: inline-block; }
.left_cont .title_box .icon .facebook { background-image: url("../img/facebook_icon_bk.png"); background-repeat: no-repeat, repeat; }
.title_box .icon .twitter { background-image: url("../img/twitter_icon_bk.png"); background-repeat: no-repeat, repeat; }
.left_cont .title_box .icon .email { background-image: url("../img/email_icon.png"); background-repeat: no-repeat, repeat; }
.left_cont .title_box .icon .printer { background-image: url("../img/printer_icon.png"); background-repeat: no-repeat, repeat; }
.left_cont .profile h3 {padding-top: 0;}
/* left cont */
/* text */
.left_cont h2 {font-size:20px; font-weight:600; color: #F19200; padding-bottom: 10px;}
.left_cont h3 {font-size: 20px; font-weight: 600; padding: 15px 0 10px 0;}
.left_cont p.opeaning {font-size: 20px; color: #666666; line-height: 1.6}
.left_cont p {font-size: 18px; color: #333333; line-height: 1.6; letter-spacing: -0.025em; word-break:break-word; }
.left_cont p span { color: #ff9a00; font-weight: 400;}
.left_cont p.note {color: #829069; font-size:14px; letter-spacing:0}
.left_cont p.comment {color: #333333; font-size:14px; letter-spacing:0}
.left_cont .img_box {padding: 0; text-align: left}
.left_cont .img_box .caption {color: #666666; font-size:14px; letter-spacing:-0.3px;}
.left_cont .img_box table.news {text-align: center;}
.left_cont .img_box table.news thead th {background-color: #f29200; color: #fff; text-align: center; border-left: 1px solid #fff;}
.left_cont .img_box table.news thead th:first-child {padding: 0 5px;}
.left_cont .img_box table.news tbody td {border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; padding: 5px;}
.left_cont .img_box table.news tbody td:first-child {border-left: none;}
.left_cont a {color: #ff9a00 !important; float: none !important;word-break: break-all;display: inline;}
.left_cont em {font-size: 20px; font-style: italic;}
.left_cont table td.view_caption {font-size: 14px; color:#666666;}
.left_cont table{padding:5px;}
.left_cont > table{margin: 40px 0; overflow: hidden; }
.left_cont > table td:first-child{padding-right:20px;box-sizing:border-box;}
.left_cont > table td{color: #333333;vertical-align:top;padding:20px 0;border-top:1px solid #7a7a7a; border-bottom:1px solid #7a7a7a;}
.left_cont > table strong {display: inline-block; clear:both;margin-bottom: 10px; font-size: 16px;}

.wcyr_interpro {border-top:1px solid #7a7a7a ;border-bottom:1px solid #7a7a7a ; padding: 20px 0; overflow: hidden; }
.wcyr_interpro dt {float: left; margin- right:20px; width: 136px;}
.wcyr_interpro dd {float: right; width: 650px; color: #333333;}
.wcyr_interpro dd strong {display: block; margin-bottom: 10px; font-size: 16px;}


.wordbreak a {word-break: break-all; display: inline;}
.wordbreak {word-break: break-all;}

/*toast ui editor*/
.left_cont h4 {font-size: 20px; color: #666666; line-height: 1.6; letter-spacing:-0.025em;}
.left_cont h5 {color: #829069; font-size:14px; letter-spacing:0}
.left_cont h6 {color: #666666; font-size:14px; letter-spacing:-0.3px;}
.left_cont h6 em {font-size: 14px;}
.left_cont hr {border: #fff; padding: 5px;}
.left_cont p img {padding-bottom: 5px; }
.left_cont blockquote {margin:0; }
.left_cont blockquote p{color: #333; font-size: 14px;}

/* profile */
.left_cont .profile { color: #666666; background-color: #f9f9f9; width: 800px; padding: 30px; margin: 35px 0 0 0; box-sizing: border-box }
.left_cont .profile:after {content: ""; display: block; clear: both; zoom: 1}
.left_cont .profile img { width: 115px; float: left; position:relative;}
.left_cont .profile h3 { font-size: 16px; }
.left_cont .profile .icon { width: 115px; }
.left_cont .profile div { width: 605px; float: right;}
.left_cont .profile div p { font-size: 15px; }
.left_cont .profile .icon { float: right; text-align: right}
.left_cont .profile .icon a {display: inline-block}
.left_cont .profile .icon .facebook { padding-right: 15px; width: 15px; height: 15px; background-image: url("../img/facebook_icon_gray.png"); background-repeat: no-repeat, repeat; }
.left_cont .profile .icon .twitter { padding-right: 15px;   width: 15px; height: 15px; background-image: url("../img/twitter_icon_gray.png"); background-repeat: no-repeat, repeat; }
.left_cont .profile .icon .instagram { padding-right: 15px;  width: 15px; height: 15px; background-image: url("../img/instagram_icon_gray.png"); background-repeat: no-repeat, repeat; }
.left_cont .profile .icon .email { width: 15px; height: 15px; background-image: url("../img/email_icon_gray.png"); background-repeat: no-repeat, repeat; }


/*  right cont */
.right_cont .magazine_hashtag { border-top:1px solid #aaaaaa; padding: 15px 0 0 0;}
.right_cont .magazine_hashtag ul:after {content: ""; display: block; clear: both; zoom: 1}
.right_cont .magazine_hashtag li {float: left; margin: 0 5px 5px 0 }
.right_cont .magazine_hashtag a { color: #aaaaaa; border:1px solid #aaaaaa; padding:5px 7px; font-weight: 300; font-size: 13px; }
.right_cont .list { clear: left; }
.right_cont .list ul {margin-top: 40px;}
.right_cont .list ul li {margin-top: 40px;}
.right_cont .list ul li:first-child {margin-top: 0; padding-top: 15px;}
.right_cont .list ul li strong {font-size: 18px;}
.right_cont .list .related1, .most_viewed1 { border-top:1px solid #aaaaaa; }
.right_cont .list .title_box img { float: left; padding-bottom: 30px; }
.right_cont .list .title_box .list_tit { color:#615f5f; font-size:21px; display: inline; }
.right_cont .list .title_box .list_more { color:#f29200; font-size:13px; font-weight: 400; padding-left: 10px;}
.right_cont .list .text_box { line-height: 150%; margin: 10px 0 0 0; }
.right_cont .list .text_box .txt1 { color: #f29200; font-weight: 400; font-size: 13px; }
.right_cont .list .text_box .txt2 { color: #aaaaaa; font-weight: 400; font-size: 12px; }



/*---------------- magazien list ---------------*/
/* #section1 [main] */
.magazine_menu { font-size: 20px; }
.magazine_menu .sep { display: block; width: 1px; height: 12px; margin: 23px 20px 0 20px; box-sizing: border-box; background-color: #aaaaaa; }
.magazine_cont .left_cont h1 { font-size: 30px; font-weight: 600;}
.magazine_menu:after {content: ""; display: block; clear: both; zoom: 1;}
.magazine_menu .active_none a { padding-top: 10px; font-size: 22px; color: #aaaaaa; font-weight: 400; }
.magazine_menu .active_none a:hover { color: #000000; }
.magazine_menu .active a:link { color: #000000; font-weight: 600; font-size: 34px; }
.magazine_menu .active_none, .active { float: left; padding: 0 25px 25px 0; }
.magazine_menu .select_box { float: right; margin-top: 5px;}
.magazine_menu .magazine_select_bnt { width: 180px; border: 1px solid #f29200; color: #f29200; padding: 10px; font-size: 13px; font-weight: 400; }
.magazine_menu .magazine_select_bnt  { color: #f29200; }
.magazine_menu .sort { color: #aaaaaa; }
.magazine_cont .main_img_box { width: 790px; float: left}
.magazine_cont .main_img_box a {display: block;}
.magazine_cont .main_img_box img {width: 100%}
.main_txt_box { float: right; width: 380px; position: relative; border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; padding: 30px 0 80px; box-sizing: border-box;}
.main_txt_box .title_box span { font-size: 12px; font-weight: 400 ; color:#666666; }
.main_txt_box .title_box h3 {overflow: hidden; margin: 20px 0 30px 0; font-weight: 400; font-size: 26px; color: #000000; padding: 0; -webkit-line-clamp: 2; height: 66px; font-weight: bold;line-height: 1.2;}
.main_txt_box .magazine_hashtag {position: absolute; bottom: 30px; max-height: 102px; overflow: hidden;}
.main_txt_box .magazine_hashtag li {margin-top: 5px}
.magazine_cont .main_txt_box p {font-weight: 300; margin-bottom: 19px; font-size: 16px; color:#000000; -webkit-line-clamp: 6; height: 131px;}
.magazine_cont .main_txt_box .logo_box { padding-bottom: 66px; }
.main_txt_box .logo_box span { font-size: 13px; color: #aaaaaa; font-weight: 300; }
.magazine_cont .main_txt_box .logo_box img { float: right; padding-top: 5px; max-height: 60px;}
.magazine_cont .main_txt_box .main_txt_box .magazine_hashtag a { padding-top: 90px; }
.magazine_cont .section:after {content: ""; display: block; clear: both; zoom: 1;}
.magazine_cont .magazine_hashtag:after {content: ""; display: block; clear: both; zoom: 1;}
.magazine_cont .magazine_hashtag li {float: left; margin-right: 5px; margin-top: 5px;}
.magazine_cont .magazine_hashtag a { text-align: center; color: #aaaaaa; border:1px solid #aaaaaa; padding: 5px 7px; font-weight: 300; font-size: 13px; }


/* section [공통사항] */
.review_list { padding:70px 0 0; }
.review_list ul:after {content: ""; display: block; clear: both; zoom: 1;}
.review_list > ul > li {margin-left: 30px;}
.review_list ul li:first-child {margin-left: 0;}
.review_list .col { width: 380px;  float: left;}
.review_list .col .list_img {width: 380px; height: 230px; overflow: hidden}
.review_list .col .list_img img {width: 100%; height: 100%;}
.review_list .list_txt_box { padding:20px 0 15px 0; display: block; }
/* .review_list .list_txt_box span:nth-child(1) { color: #666666; font-size: 12px; font-weight: 600; } */
.list_txt_box h3 { margin:15px 0 15px 0; font-size: 24px; font-weight: 600; color: #000000;-webkit-line-clamp:2; }
.review_list .list_txt_box p { font-weight: 400; color: inherit; height: 80px;}
.review_list .list_txt_box span {position: relative; display: block; width: 100%;}
.review_list .list_txt_box span.v_cate{display: inline-block;color:#f29200;width:auto;font-size:15px;}
.main_txt_box .title_box span.v_cate{display: inline-block;color:#f29200;width:auto;font-size:13px;}
.review_list .list_txt_box span.v_date{display: inline-block;width:auto;}
.review_list .list_txt_box em { color: #aaaaaa; font-size: 14px; font-weight: 400; }
.review_list .list_txt_box img { float: right; max-height: 40px; position: absolute; bottom: 0; right: 0;}




/* art news */
.left_cont .link_box { padding: 20px 0 100px 0; }
.left_cont .site_link { padding:5px 0 5px 0;  width:28px; height:28px; background-image: url("../img/sitelink_icon.png"); background-repeat: no-repeat, repeat; display: block; }
.left_cont .site_link span { color: #fb9401; padding:5px 0 0 40px ; font-weight: 400; font-size: 14px; }
.left_cont .site_link2 { color: #ff9a01; font-weight: 400; padding: 5px 0 0 10px;  }
.new_content strong { color: #000000; font-size: 18px; }

/*----------------- Art News Calender -------------------*/
/* #Event Calender */
.calender_tit_box { padding:0 0 30px 0; }
.calender_cont .select_box {  }
.calender_cont .select_box .calender_select_bnt { width: 180px; height: 60px; color: #ff9a01; font-size: 18px; font-weight: 600; background-color: #f4f2f2; padding-left: 15px; border: none;}
.calender_cont .calender { height: 100%; padding-right: 15px; box-sizing: border-box }
.calender_cont .calender ul {display: table; height: 100%; width: 100%}
.calender_tit_box:after,
.calender_cont .calender > ul:after {content: ""; display: block; clear: both; zoom: 1;}
.calender_cont .calender > ul > li {display: table-cell; text-align: center; vertical-align: middle; height: 100%}
.calender_cont .calender > ul > li.today a {font-size: 24px; color: #f29200;}
.calender_cont .calender a:hover { color: #ff9a01; }
.calender_tit_box .active a:link { color: #000000; font-size: 32px; font-weight: 600; }
.calender_tit_box .active_none a { color: #aaaaaa; font-size: 24px; font-weight: 400; padding-top: 6px; }
.calender_cont { width: 1200px; height: 60px; background-color: #f4f2f2; margin-bottom: 50px; ; }
.calender_cont .calender li a { width: 28px; font-weight: bold; line-height: 3px;}
.calender_cont .calender li:last-child {margin-left: 5px;}
.calender_cont .calender li .ui-datepicker-trigger {cursor: pointer; position: relative; top: -1px;}
.calender {float: right; width: 1010px}
.calender_cont .select_box {float: left; width:190px}
.magazine_menu .active_none, .active {padding: 0 25px 15px 0;}

/* #DECEMBER */

.calender_tit { border-top:1px solid #aaaaaa; padding: 15px 0 0 0; }
.calender_tit h3 { color: #615f5f; font-size: 21px;}
.calender_tit h3 span {display: inline-block; margin: 0 5px; font-weight: bold}
.calender_tit h3 img {vertical-align: -2px}
.december_cont {margin-top: 30px}
.december_cont li{ width: 400px; padding-left: 60px; box-sizing: border-box; }
.themeList {width: 1300px; margin-left: -71px}
.december_cont .december_img { padding: 0 0 20px 0; display: block;}
.december_cont .december_img img {width: 100%;}
.december_cont .calender_txt_box { width: 360px; text-align: center; padding-bottom: 50px}
.calender_txt_box strong { line-height: 100%; }
.txt_event { color: #aaaaaa; font-size: 15px; padding: 0 35px 0 35px; line-height: 1.4; margin-bottom: 5px;}
.december_cont .calender_txt_box .txt_bg { width: 175px; color: #f29200; font-size: 12px; background-color: #f5f5f5; margin: 10px auto 0;}
.new_content strong { color: #000000; font-size: 18px; }
#waterfall { margin: 10px; }

.december_cont li {left: 0; top: 0; opacity: 0; transform: translateY(100px);}
.december_cont li.show {opacity: 1; transform: translateY(0); transition: all 0.3s, top 1s;}
.december_cont li.noresult {width: 100% !important; left: 10px !important; }
.december_cont li.noresult span {display: block; padding-bottom: 50px; font-size: 18px;}

/* #CURRENT EVENT/PAST EVNET */
.section .current_event_list { clear: left; }
.section .current_event_cont ul li { width: 280px; float: left; margin: 0 0 50px 25px; }
.section .current_event_cont ul li:nth-child(1) { margin: 0 0 50px 0px; }
.section .calender_txt_box { text-align: center; line-height: 180%; }
.section .current_col img { padding:0 0 20px 0; width: 100%;}
.section .current_col .calender_txt_box .txt_bg { width: 175px; color: #f29200; font-size: 12px; background-color: #f5f5f5;}
.section .past_event_list { clear: left; }


/*-------------------------- Art News List -----------------------------*/
.artnew_tit_box{ padding: 0;  }
.artnew_tit_box .active a:link { color: #000000; font-size: 32px; font-weight: 600; padding-left: 30px; }
.artnew_tit_box .active_none a { color: #aaaaaa; font-size: 24px; font-weight: 400; padding-top: 6px; }
.select_box .artnew_select_bnt1 { width: 185px; height: 36px; border: 1px solid #ff9a01;  color: #666666; font-size: 14px; font-weight: 600; padding: 0 0 0 15px; margin-right: 10px; }
.select_box .artnew_select_bnt2 { width: 185px; height: 36px; border: 1px solid #ff9a01;  color: #ff9a01; font-size: 14px; font-weight: 600; padding: 0 0 0 15px; }
.december_cont .artnew_img { width: 100%; }
.december_cont .artnew_img img {width: 100%}
.section_cont { clear: left; }
.art_market .section_cont a.img_box{width: 100%; text-align:center;}
/*.art_market .section_cont a.img_box img{width:auto;}*/
.museums .section_cont a.img_box{height: 230px; overflow: hidden; position: relative; width: 100%;}
.museums .section_cont a.img_box img{height: auto; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; width:100%;}
.news_txt_box span { line-height: 230%;  }
.news_txt_box .nation { font-size: 14px; font-weight: 400; color: #f29200; }
.news_txt_box .date { font-size: 13px; font-weight: 400; color: #888888; }
.news_txt_box strong { font-size: 22px; }
.news_txt_box .share_btn{width:15px;height:15px;background:none;background-image:url('../img/link.png');border: 0;background-repeat: no-repeat;display:inline-block;margin-left:5px;}
.news_txt_box img.company{float:right;max-width:50px;max-width: 140px; min-width: 50px;}
.news_txt_box .artnews_hashtag { padding:20px 0 60px 0;     margin-top: 25px;}
.news_txt_box .artnews_hashtag a { border: 1px solid #aaaaaa; padding:7px 12px 7px 12px; font-size: 14px; font-weight: 300; color: #aaaaaa; margin-top: 5px; margin-right: 5px; float: left}
.news_txt_box .artnews_hashtag:after,
.artnew_cont .artnew_tit_box:after {content: ""; display: block; clear: both}
.artnew_cont .select_box {float: ; padding-top: 10px; float: right}
.new_content .page_box {margin-top: 10px;}
/* Page Box */
.page_box { border-top: 1px solid #aaaaaa; text-align: center; margin-top: 70px;}
.page_box a { width: 50px; color: #999999; font-size: 15px; font-weight: 300; text-align: center; padding-top: 20px; position: relative; top: -1px}
.page_box li { display: inline-block }
.page_box li a.on,
.page_box li a:hover { border-top: 1px solid #000000; color: #000000; font-weight: 400; box-sizing: border-box}
.usefulsite_cont .page_box {margin-top: 0;}
/* ----------------------------- #People ------------------------------ */
.peple_tit_box .peple_title .tittle_main { color: #666666; font-size: 30px; }
.peple_select { float: right; }
.peple_select select { border: 1px solid #f29200; color: #666666; padding:10px; width: 170px; font-size: 13px; font-weight: 400; }
.peple_select select:nth-child(2) { margin-left: 7px; }
.peple_tit_box ul {margin-bottom: 20px;}
.peple_tit_box ul:after {content: ""; display: block; clear: both; zoom: 1;}
.peple_tit_box .active { color: #222222; font-size: 34px; font-weight: 600;}
.peple_tit_box .active_none { color: #aaaaaa; font-size: 24px; font-weight: 400; line-height: 18px; display: inline-block; padding-left: 20px;}
.peple_tit_box .active_none:hover { color: #222222; }
.peple_cont .main_img_box { width: 800px; }
.peple_cont .main_txt_box { float: left; width: 380px;border-top: 1px solid #aaaaaa;border-bottom: 1px solid #aaaaaa; padding: 30px 0 40px 20px; margin: 0 0 70px 10px;  }
.peple_cont .section { clear:left; }
.peple_cont .main_txt_box .title_box span { font-size: 13px; color:#666666; }
.peple_cont .main_txt_box .title_box h3 {font-weight: 400; font-size: 24px; padding: 25px 0 30px 0; ;}
.peple_cont .magazine_hashtag a { text-align: center; color: #aaaaaa; border:1px solid #aaaaaa; padding:7px 5px 7px 5px; margin: 0 0 5px 5px; font-weight: 300; font-size: 13px; }
.peple_cont .peple_menu .active_none1 a:hover { color:#222222;  }
.peple_cont .peple_menu .active_none2 a:hover { color:#222222;  }
.peple_cont .peple_menu .active_none3 a:hover { color:#222222;  }
.peple_cont .critic_logo_box img { width:105px; height: 30px; }
.peple_cont .main_txt_box p { line-height: 160%; font-weight: 400; font-size:15px; }
.peple_menu .active_none3 a { color: #aaaaaa; padding-top:7px; font-size: 22px; font-weight: 400; }




/* #Peple Index */
.peple_select .select_bnt1 { width: 150px; }
.search_box { height: 70px; background-color: #f5f5f5; clear: left; padding:15px 30px 15px 30px; line-height: 200%; }
.genre_cont ul {display: table;}
.genre_cont li {display: table-cell; vertical-align: middle}
.genre_cont li a { display: block;  padding: 0 20px; font-size: 14px; font-weight: 400; text-align: center}
.genre_cont li a:hover,
.genre_cont .genre_active { color: #f29200; font-weight: bold}
.genre_cont .genre_col { width: 89px; text-align: left; font-weight: 400; }
.alphabet_cont { clear: left; }
.alphabet_cont li {display: table-cell;}
.alphabet_cont li a { display: block; width: 38px; font-size: 14px; font-weight: 400; text-align: center}
.alphabet_cont li a:hover,
.alphabet_cont li a.on {color: #f29200; font-weight: bold}
.alphabet_cont .alphabet_col { width: 100px; font-weight: 400; }
.alphabet_cont li img, .genre_cont li img { margin-right: 10px; }
.peple_wrap:after {content: ""; display: block; clear: both; zoom: 1;}
.search_list li {float: none !important; width: auto !important}
.search_list li:after {content: ""; display: block; clear: both; zoom: 1;}
.search_list .index_list .img_box {float: left; width: auto; }
.index_list { padding: 10px 0 0 0;}
.index_list .people_col { float: left; width: 600px; margin-top: 20px; }
.index_list .img_box { width: 30%; }
.index_list .img_box img {width: 100%;}
.index_list .txt_box { width: 64%; padding: 5px 15px; float: right; margin-bottom: 30px; height:200px;} 
.index_list .txt_box .a_name { font-weight: 600;   }
.index_list .txt_box .artist { color: #f29200; font-size: 14px; padding-left: 5px; }
.index_list .txt_box p {font-size: 13px; margin: 10px 0 28px 0; 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:4; height: 70px; box-sizing: border-box;   }
.index_list .txt_box .peple_hashtag a { border: 1px solid #aaaaaa;  color: #aaaaaa; font-weight: 300; font-size: 13px; margin-right: 3px; margin-bottom: 5px; padding: 5px; line-height: 20px; }
.index_list .txt_box .peple_hashtag {width: 400px; height: 70px; overflow:hidden;}
.peple_wrap li .people-img-a {width:180px; height:170px; overflow:hidden;}

/* popup */

.popup_content {position: absolute; background-color: #fff; padding: 35px 30px; border: 1px solid #aaaaaa; display: none;}
.popup_box { width: 580px;  }
.popup_box img { width: 175px; }
.popup_tit { padding: 0 0 20px 0; }
.popup_tit .a_name { color: #000000; font-size: 18px; }
.popup_tit .artist { color: #f29200; font-size: 14px; }
.popup_cont > div {float: left; width: 30%;}
.popup_cont .popup_txt {width: 66%; padding-left: 4%;}
.popup_cont .popup_txt p {color: #222222; font-size: 13px; font-weight: 300; line-height: 1.4; padding-bottom: 20px;}
.popup_cont .popup_txt p a {color: #f29200}
.popup_cont:after {content: ""; display: block; clear: both; zoom: 1}
.popup_hashtag {margin-top: 10px;}
.popup_hashtag ul:after {content: ""; display: block; clear: both; zoom: 1}
.popup_hashtag li { margin-bottom: 5px; margin-right: 5px; float: left;}
.popup_hashtag li a { border: 1px solid #aaaaaa; color: #aaaaaa; font-size: 14px; font-weight: 300; padding: 6px;  }
.popup_hashtag li:last-child a { margin-bottom: 30px; }
.popup_box .link_box {border-top: 1px solid #000000; padding-top: 15px; position: relative}
.popup_box .link_box a { color: #666666;  font-weight: 300; line-height: 140%; font-size: 13px; display: inline-block; float: none}
.popup_box .link_box a:hover {color: #f29200}
.popup_box .link_box ul {padding-left: 15px; margin-top: 5px;}
.popup_box .link_box ul li {display: block;}
.link_icon { width:13px; height:17px; background-image: url("../img/sitelink_icon_13.jpg"); background-repeat: no-repeat; background-position: left center; font-weight: 400; font-size: 14px; padding-left: 20px;}
.popup_content > .b-close {position: absolute; top: 0; right: -58px; width: 48px; height: 48px; background: url(../img/popup_close.png) no-repeat center; display: block; float: none; text-indent: -9999px;}

/* Critic */
.critic_logo_box { float: left;  margin: 30px 0 30px 0; }
.critic_hashtag_box { clear: left; }
.peple_menu {  }
.peple_menu { font-size: 20px; }
.peple_menu a:link {  float: left; color: #aaaaaa; font-weight: 400; }
.peple_menu .active_none1 a { color: #aaaaaa; padding: 10px 30px 0 0; font-size: 22px; font-weight: 400; }
.peple_menu .active_none2 a { color: #aaaaaa; padding: 10px 30px 0 0; font-size: 22px; font-weight: 400; }
.peple_menu .active a:link {  color: #666666; font-weight: 600; font-size: 32px; }
.peple_menu .select_box { float: right; }
.peple_menu .select_bnt { border: 1px solid #f29200; color: #f29200; padding: 10px; width: 180px; font-size: 13px; font-weight: 400; }


/* interview */
.peple_menu_box .peple_menu_interview .active_none1 a { color: #aaaaaa; padding: 10px 0 0 0; font-size: 22px; font-weight: 400; }
.peple_menu_box .peple_menu_interview .active a:link {  color: #666666; font-weight: 600; font-size: 32px; padding: 0 0 0 60px;  }
.peple_menu_box .peple_menu_interview .active_none2 a { color: #aaaaaa; padding: 8px 0 0 80px; font-size: 22px; font-weight: 400; }
.peple_menu_box .peple_menu_interview .select_box { float: right; }
.peple_menu_box .peple_menu_interview .select_bnt { border: 1px solid #f29200; color: #f29200; padding: 10px; width: 180px; }




/*----------------- #Video --------------------*/
/* LIST */
/*
.video_content { padding: 20px 0 500px 0;  }
.video_cont { padding: 20px 0 130px 0; }
*/
.video_content .right_cont { padding-bottom: 130px;}
.video_menu { clear: left; height: 70px; }
.video_menu .section { width: 180px; }
.video_menu .section:nth-child(1) { color: #666666; margin-right: 5px;}
.video_menu .active a:link { font-size: 30px; font-weight: 600; }
.video_content section .main_txt_box .logo_box { padding: 15px 0 30px 0; }
.video_menu .select_box { float: right;  }
.video_menu .select_bnt { border: 1px solid #f29200; color: #f29200; padding: 10px; width: 180px; font-size: 13px; font-weight: 400; margin-right: 5px; }
.video_cont .main_img_box { width: 800px; float: left }
.video_cont .main_txt_box { float: right; width: 380px; border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; margin-left:20px; padding: 30px 0 30px 15px; }
.video_cont .main_txt_box .title_box span { font-size: 13px; color:#666666; }
.video_cont .main_txt_box .title_box h3 { margin: 25px 0 25px 0; font-weight: 400; font-size: 24px;}
.video_cont .magazine_hashtag a { text-align: center; color: #aaaaaa; border:1px solid #aaaaaa; padding:7px 5px 7px 5px; margin: 0 0 5px 5px; font-weight: 300; font-size: 13px; }
.video_cont .video_menu .active_none1 a:hover { color:#222222;  }
.video_cont .video_menu .active_none2 a:hover { color:#222222;  }

.video_cont .critic_logo_box img { width:105px; height: 30px; }
.video_cont .main_txt_box p { line-height: 150%; font-weight: 400; font-size:15px; padding-bottom: 20px;}
.video_cont .section { clear: left; }
.video_cont .main_txt_box .logo_box { padding: 0 0 20px 0; }
.video_cont .main_txt_box .logo_box img { float: right;  }
.video_cont .main_txt_box .by { font-size: 13px; color: #aaaaaa; font-weight: 300; }

/*----------------- #Archive --------------------*/
.archive_content .select_box { float: right; }
.archive_content .select_bnt { border: 1px solid #f29200; color: #f29200; padding: 10px; width: 180px; }
.archive_content .select_bnt2 { margin-left: 5px; border: 1px solid #f29200; color: #f29200; padding: 10px; width: 180px; }
.publication_menu { padding-bottom: 70px;  }
.publication_menu:after {content: ""; display: block; clear: both; zoom: 1;}
.publication_menu li .active_none { color: #aaaaaa; font-size: 22px; font-weight: 400; padding: 10px 20px 0 0; }
.publication_menu li .active_none:hover { color: #222222;  }
.publication_menu li .active { font-size: 32px;  font-weight: 600; }
.title_box { clear: left; }
/*.title_box h3 { color: #666666; font-size: 20px; }*/
.title_box h3 {  font-size: 20px; }
.title_box .year { font-size: 54px;  padding:30px 0 0 0; font-weight: 600; }
.title_box .download_bnt { color: #ffffff; font-size: 12px; font-weight: 300; padding:15px 20px 15px 45px;  background-image: url("../img/download_icon2.png"); background-repeat: no-repeat, repeat; display: block; background-color: #fe8f00; float: right; background-position: 10px center}

/* #Chronology */
.chronologys_cont .year {margin-top: 60px;}
.chronologys_cont .year .year_img { width: 1200px; height: 27px; background-image: url("../img/history.jpg"); background-repeat: no-repeat, repeat; display: block; }
.year .year_active_none {  width: 150px; text-align: center; float: left; color: #959595; font-size: 14px; font-weight: 600; padding-top:10px; margin-top: 32px; }
.year .year_active { text-align: center;  color: #959595; font-size: 14px; font-weight: 600; width: 150px; padding-bottom: 30px; color: #615f5f; font-size: 18px; }
.chronologys_cont .section div ul:after {content: ""; display: block; clear: both; zoom: 1 }
.history .chronology_col h1 { font-size: 32px; font-weight: 400; }
.history .chronology_col { color: #666666; font-size: 13px; width: 380px; float: left; padding:20px 0 0 0; border-top: 1px solid #a0a0a0; margin:0 15px 0 0;  }
.history .section {margin-top: 60px;}
.chronology_col .col_cont { line-height: 140%; font-weight: 300; }
.chronology_col .col_cont li {padding-left: 6px; text-indent: -6px; line-height: 1.6}
.chronology_col .col_cont ul li a{color: #f29200; display: inline-block; margin-left: 5px;}
.chronology_col .col_cont ul li span{color: #ee9402; font-style: italic; font-weight: 600;}
.chronology_col .col_cont ul li b{font-weight: 600;}
.chronology_col .col_cont ul li b a{font-weight: 600;}
.chronology_col .col_cont ul li a b em{color: #000; font-weight: normal;}
.chronologys_menu:after {content: ""; display: block; clear: both; zoom: 1;}
.chronologys_menu li .active_none { color: #aaaaaa; font-size: 22px; font-weight: 400; padding: 10px 20px 0 0; }
.chronologys_menu li .active_none:hover { color: #222222;  }
.chronologys_menu li .active { font-size: 32px;  font-weight: 600; }
.chronology_tab{background: url(../img/his_line.png)no-repeat 0 50px; width: 1200px; height: 80px;}
.chronology_tab:after{content: ''; display: block; clear: both;}
.chronology_tab li{float: left;}
.chronology_tab li a{text-indent: -9999px; width: 60px; height: 80px; margin-left: 83px;}
/*.chronology_tab .col1 a{ color: #666; width: 42px; height: 80px; background: url(../img/his_off.png)no-repeat 12px 35px; margin-left: 70px; padding-top: 52px;}
.chronology_tab .col1 a:hover{ font-size: 24px; font-weight: 600; color: #615f5f; width: 42px; height: 90px; background: url(../img/his_on.png)no-repeat 13px 86px; margin-left: 60px; margin-top: -64px;}*/
.chronology_tab .col1 a{background: url(../img/history2_2010.png)no-repeat 6px 46px; }
.chronology_tab .col2 a{background: url(../img/history2_2000.png)no-repeat 6px 46px; }
.chronology_tab .col3 a{background: url(../img/history2_1990.png)no-repeat 6px 46px; }
.chronology_tab .col4 a{background: url(../img/history2_1980.png)no-repeat 6px 46px; }
.chronology_tab .col5 a{background: url(../img/history2_1970.png)no-repeat 6px 46px; }
.chronology_tab .col6 a{background: url(../img/history2_1960.png)no-repeat 6px 46px; }
.chronology_tab .col7 a{background: url(../img/history2_1950.png)no-repeat 6px 46px; }
.chronology_tab .col8 a{background: url(../img/history2_1945.png)no-repeat 6px 46px; }
.chronology_tab .col1 a.on{background: url(../img/history2_2010_on.png)no-repeat 0 7px;}
.chronology_tab .col2 a.on{background: url(../img/history2_2000_on.png)no-repeat 0 7px; }
.chronology_tab .col3 a.on{background: url(../img/history2_1990_on.png)no-repeat 0 7px; }
.chronology_tab .col4 a.on{background: url(../img/history2_1980_on.png)no-repeat 0 7px; }
.chronology_tab .col5 a.on{background: url(../img/history2_1970_on.png)no-repeat 0 7px; }
.chronology_tab .col6 a.on{background: url(../img/history2_1960_on.png)no-repeat 0 7px; }
.chronology_tab .col7 a.on{background: url(../img/history2_1950_on.png)no-repeat 0 7px; }
.chronology_tab .col8 a.on{background: url(../img/history2_1945_on.png)no-repeat 0 7px; }
.chron_bot:after{content: ""; display: block; clear: both; zoom: 1;}
.chron_bot{margin-top: 60px;}
.chron_bot ul{float: left;}
.chron_bot ul li{margin: 15px 0;}
.chron_bot p{float: left; width: 745px; margin-left: 40px; margin-top: 12px;}


/* #chart */
.chart_content .title_box { border-top: 1px solid #aaaaaa; padding-top: 15px; margin-top: 30px;}
.chart_content .sub_menu_chart { padding-bottom: 70px;  }
.chart_content .sub_menu_chart .active_none { padding-right: 20px; color: #aaaaaa; font-size: 22px; font-weight: 400; padding-top: 10px;  }
.chart_content .sub_menu_chart .active_1 { padding-right: 20px; font-size: 34px;  font-weight: 600; width: 500px; }




/* Publication */
.publication_cont { padding: 20px 0 130px 0; }
.publication_cont .section { clear: left; }
.publication_cont .left_cont .title_box { float: left; width: 810px; padding:30px 0 30px 0; }
.publication_cont .sub_menu .active_none { padding-right: 20px; }
.publication_cont .sub_menu .active_none:hover { color: #222222; }
.publication_cont .select_bnt { font-size: 13px; font-weight: 400; margin-right: 5px; }
.publication_cont .select_bnt2 { font-size: 13px; font-weight: 400; }
.publication_cont .col { float: left; width: 400px; margin-bottom: 50px; text-align: center}
.publication_cont .col .img_box {text-align: center}
.publication_cont .col .img_box img {border: 1px solid #ccc}
.publication_cont .txt_box { padding:20px 0 20px 0; }
.publication_cont .txt_box p { font-size: 13px; color: #aaaaaa; font-weight: 400; padding: 0 0 15px 0; clear: left; }
.publication_cont .txt_box p span { color: #fc9902;  }
.publication_cont .txt_box strong { font-size: 20px; font-weight: 600; display: block; text-align: center; 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:2; height: 63px; box-sizing: border-box;}

/* Publication List */
.publication_cont .download_box { background-color: #fe8f00; padding: 0 10px 0 ; width: 100px; margin: 0 auto;}
.publication_cont .download_box .download_bnt { color: #ffffff; font-size: 12px; font-weight: 400; padding:15px 20px 15px 35px;  background-image: url("../img/download_icon2.png"); background-repeat: no-repeat, repeat; display: block; }

/* Publication View */
.publication_view_cont:after {content: ""; display: block; clear: both; zoom: 1;}
.publication_view_cont .left_cont .title_box h1 { font-size: 34px; line-height: 110%; }
.publication_view_cont table { line-height: 160%; }
.publication_view_cont table td {vertical-align: top; padding-bottom: 5px; border: none;}
.publication_view_cont table td .img_box img {border: 1px solid #ccc}
.publication_view_cont table .td2, .td3 { margin-bottom: 20px; font-weight: bold}
.publication_view_cont .table li span { color: #aaaaaa; font-size: 16px; font-weight: 300; }

.publication_view_cont .td1 { width: 195px; }
.publication_view_cont .td2 { color: #666666; font-weight: 400; width: 150px; font-size: 15px; padding-left:30px;  }
.publication_view_cont .td3 { color: #888888; font-size: 15px; font-weight: 300; width: 500px; padding-left:30px;  }
.publication_view_cont .td3 .td_sub { color: #888888;  }
.publication_view_cont .download_box2 { background-color: #fe8f00; padding: 0 10px 0  15px; width: 106px; }
.publication_view_cont .download_box2 .download_bnt { color: #ffffff !important; font-size: 12px; font-weight: 300; padding: 0 20px 0 35px; background-image: url("../img/download_icon2.png"); background-repeat: no-repeat, repeat; display: block; line-height: 40px; margin-top: 20px;}
.publication_view_cont .left_cont .table_box .img_box { padding:0; }

/* #Search */
.search_result_box { clear: left; text-align: center; background-color: #f2f2f2; padding: 50px 0 50px 0;  }
.search_result_box a.search_go { width: 60px; height: 60px; border: 1px solid #f29200; background-image: url(../img/search_2.png); background-repeat: no-repeat, repeat; display: block; }
.search_result_box h1 { font-weight: bold; font-size: 36px; }

.search_content .search_list .more { float: right; font-size: 14px; line-height: 24px}
.search_content .search_list .more a {color: #fe8f00}
.search_result_box .btn_search_go { width: 60px; height: 60px; background-image: url(../img/search_2.png); background-repeat: no-repeat, repeat; display: block;}
.search_content:after {content: ""; display: block; clear: both; zoom: 1;}
.search_content .search_left_cont { width: 800px; float: left}
.search_content .search_left_cont .title_box span { color: #000000; }
.search_content .search_title_box h3 {color: #f29200; font-weight: 400; font-size: 20px;}
.search_content .search_title_box span { color: #000000; }

.search_content div.tab { overflow: hidden; width: 800px; margin-top: 30px; margin-bottom: 40px; border-left: 1px solid #aaa}
.search_content div.tab div.tablinks { padding: 0;width: 16.66666%; color: #666666; font-size: 16px; float: left; text-align: center; font-weight: 400; border-right: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; box-sizing: border-box}
.search_content .tab div.tablinks:hover{ background-color: #f29200; color: #ffffff; border: 1px solid #f29200; color: #fff}
.search_content .tab div.tablinks:hover a {color: inherit}
.search_content div.tab div.tablinks.active { background-color: #f29200; color: #ffffff; border: 1px solid #f29200; color: #fff }
.search_content div.tab div.tablinks.active a {color: inherit}
.search_content div.tab div.tablinks a{padding: 10px 0 10px 0;display: block;width:100%;height:100%;}
.search_content {position: relative}
.search_content .search_right_cont { width: 300px; float: right; position: relative; right: 0; top: 0}
.search_content .search_right_cont em {color: #666; font-size: 20px; display: block; margin-bottom: 15px;}
.search_content .search_right_cont ul:after {content: ""; display: block; clear: both; zoom: 1}
.search_content .search_right_cont > div {margin-bottom: 30px;}
.search_content .search_right_cont .hashtag1 { border-top: 1px solid #aaaaaa; padding:15px 0 0 0; font-weight: 300; font-size: 18px; }
.search_content .search_right_cont .hashtag1 div, .search_content .search_right_cont .hashtag2 div { margin: 10px 0 10px 0;  }
.search_content .search_right_cont .hashtag1 a { margin: 5px 0 0 5px; color: #aaaaaa; font-weight: 300; border: 1px solid #aaaaaa; padding:6px; font-size: 14px; float: left }
.search_content .search_right_cont .hashtag2 { border-top: 1px solid #aaaaaa; padding:10px 0 0 0; font-weight: 300; font-size: 18px; }
.search_content .search_right_cont .hashtag2 a { margin: 5px 0 0 5px; color: #666666; font-weight: 300; background-color: #e5e5e5; padding: 7px 10px 7px 10px; font-size: 14px; float: left }


.search_list { clear: left; padding: 0 0 0 0; display: none;}
.all .search_list {display: block;}
.all > div > div {margin-bottom: 80px;}
.all > div > div:last-child {margin-bottom: 0;}
.searchs_list .tit_box .more { float: right; padding-right: 15px; color: #fe8f00; font-size: 14px; }
.results { color: #aaaaaa; font-size: 14px; }
.search_list .title { color: #aaaaaa;  font-size: 14px; }
.search_content .search_list .title { color: #615f5f; font-size: 19px; font-weight: 600; }
.search_content .search_list .results { color: #aaaaaa; padding-left: 5px;  display: inline-block; top: 1px; position: relative}
.search_content .search_list .more { color: #fe8f00; }
.search_content .txt_box .sub_tit { color: #fe8f00; font-weight: 400;  }
.search_content .txt_box .date { color: #aaaaaa;  font-weight: 400; font-size: 14px;}
.search_content .search_con .sub_img_box { width: 225px; float: left; height: 138px; overflow: hidden;}
.search_content .search_con .txt_box { width: 500px; float: left; margin-left: 20px;}
.search_content .search_con .txt_box > a {display: block;}
.search_content .search_con li { margin-top: 40px;}
.search_content .search_con li:first-child {margin-top: 20px;}
.search_content .search_con li:after {content: ""; display: block; clear: both; zoom: 1;}
.search_content .tab_hashtag { float: left;  }
.search_content .tab_hashtag:after {content: ""; display: block; clear: both; zoom: 1}
.search_content .tab_hashtag img { padding: 10px 0  0 10px; }
.search_content .tab_hashtag a { border: 1px solid #aaaaaa; padding: 5px 7px 5px 7px; margin-right: 5px; color: #aaaaaa; font-weight: 300; font-size: 14px; float: left; margin-bottom: 5px}
.search_content .tab_hashtag a:first-child {margin-left: 0;}
.search_content .txt_box div { padding: 10px 0 5px 0; line-height: 160%; }
.search_content .txt_box div span { font-weight: 300; font-size: 15px; display: block; line-height: 1.2; margin-top: 5px;}
.search_content .tit_box {border-top: none; padding: 0;}
.search_content .people_con li { clear: left; padding: 30px 0 30px 0; }
.search_content .people_con .txt_box { width: 600px; float: left; padding: 10px 0 0 20px; }
.search_content .people_con .artist { padding-left: 5px; color: #ff9a00; font-weight: 400; font-size: 13px; }


/*----------------------------- #directory ------------------------------*/
/* 01.directory */
.artspaces_content { padding: 2px 0 400px 0;  }
.d_museum_box { padding: 0 0 40px 0;   }
.directory_menu { padding: 0 0 70px 0;  }
.directory_menu .active_none a:link { padding-right: 20px; color: #aaaaaa; font-size: 20px; font-weight: 400; padding-top: 10px;  }
.directory_menu .active a:link { padding-right: 20px; font-size: 32px; font-weight: 600; }
.directory_menu select:nth-child(2), select:nth-child(3) { color: #666666; }
.directory_select_box { float: right; }
.d_museum_box .title_box  h3 { border-top: 1px solid #aaaaaa; padding: 10px 0 0 0; color: #666666;  font-size: 22px; margin-top: 30px; font-weight: 600; }
.d_museum_box .title_box  h3 img { padding-left: 10px; margin-bottom: 3px; }
.d_museum_box .slider { text-align: center; padding: 50px 0 60px 0; }
.d_museum_box .txt_box p { color: #0000000; line-height: 150%; font-weight: 300; font-size: 16px;}
.d_museum_box .link { padding: 50px 0 20px 0;  }
.d_museum_box .link span a:link { color: #ff8a01; font-weight: 300; }
.d_museum_box .icon_box { padding-left: 950px; }
.d_museum_box .icon_box a:link { float: left; padding: 0 20px 0 20px; }
.d_museum_box .icon_box .facebook { width:20px; height:20px; background-image: url("../img/facebook_icon_bk.png"); background-repeat: no-repeat, repeat; display: block; }
.d_museum_box .icon_box .twitter { width:20px; height:20px; background-image: url("../img/twitter_icon_bk.png"); background-repeat: no-repeat, repeat; display: block; }
.d_museum_box .icon_box .email { width:20px; height:20px; background-image: url("../img/email_icon.png"); background-repeat: no-repeat, repeat; display: block; }
.d_museum_box .icon_box .printer { width:20px; height:20px; background-image: url("../img/printer_icon.png"); background-repeat: no-repeat, repeat; display: block; }
.d_museum_box .address { padding: 15px 0 15px 0; color: #666666; font-size: 14px; font-weight: 300;  }
.d_museum_box .address span { color: #666666; font-size: 15px; font-weight: bold; padding: 0 20px 0 20px; }
.d_museum_box .address span.address {  padding-left:0; }
.usefulsite_content .related_box .title_box h3 { border-top: 1px solid #aaaaaa; padding: 10px 0 0 0; color: #666666;  font-size: 20px; }
.usefulsite_content .related_box .title_box h3 span { padding-left: 30px;  font-size: 13px; font-weight: 400; }
.usefulsite_content .related_list li { width: 300px; float: left; padding: 20px 0 60px 0; }
.usefulsite_content .related_list .img_box { padding: 0 0 15px 0; }
.usefulsite_content .related_list .txt_box { line-height: 160%; }
.usefulsite_content .related_list .txt_box .feature { font-size: 13px; font-weight: 400; color: #f29200; }
.usefulsite_content .related_list .txt_box .date { color: #888888; font-size: 13px; font-weight: 400; }
.usefulsite_content .related_box .title_box .directory_more { color: #ff8a01; }
.usefulsite_content .related_box .title_box strong { font-weight: 600; }

/* page box2 */
.usefulsite_content .page_box2 {  clear: left; border-top: 1px solid #aaaaaa; padding-top: 20px;}
.usefulsite_content .page_box2 .btn_box {text-align: center}
.usefulsite_content .page_box2 .btn_box a { width:120px; border: 1px solid #aaaaaa; text-align:center; padding:10px 0 10px 0; color:#aaaaaa; font-weight: 300; margin: 0 75px; font-size: 14px; display: inline-block}
.usefulsite_content .page_box2 .btn_box a:hover { border: 1px solid #ff8a01; color:#ffffff; background-color: #ff8a01; }


/*---------------------- usefulsites ----------------------*/
.usefulsite_cont {padding: 50px 0 120px;}
.usefulsite_cont #search_bar_box .select_tit { color: #000000; font-size: 24px; padding: 0 0 10px 0; }
.usefulsite_cont #search_bar_box { background-color: #f6f6f6; padding: 30px 0 40px 0; margin-top: 50px; }
.usefulsite_cont #search_bar_box select { width: 420px; text-indent: 20px; height: 50px; background-color: #ffffff; color: #666666; border: 1px solid #f29200;  }
.usefulsite_cont #search_bar_box select.usefulSel {width: 340px;}
.usefulsite_cont #search_bar_box  input  { width: 500px; height: 50px; background-color: #ffffff; color: #666666; border: 1px solid #f29200; }
.usefulsite_cont #search_bar_box .btn_search_go { width:50px; height:50px; background-image: url("../img/search50.jpg"); background-repeat: no-repeat, repeat; position: absolute; border: 1px solid #f29200; }
.usefulsite_cont #search_bar_box .search_cont { width: 880px; margin: 0 auto; }
.usefulsite_content h2 { font-size: 13px; padding: 50px 0 10px 0; color: #666666; font-weight: 400; }
.usefulsite_menu {margin-bottom: 40px;}
.usefulsite_menu:after {content: ""; display: block; clear: both; zoom: 1;}
.usefulsite_menu .active_none { padding-right: 20px; color: #aaaaaa; font-size: 20px; font-weight: 400; padding-top: 10px; }
.usefulsite_menu .active { padding-right: 20px; font-size: 32px; font-weight: 600; }

/* #accordion */
.usefulsite_cont div.accordion { border-top: 1px solid #aaaaaa; background-color: #ffffff; color: #444; cursor: pointer; padding: 30px 20px 30px 20px; width: 97%; text-align: left; }
.usefulsite_cont { outline: none; font-size: 15px; }

/* #tab menu */
.usefulsite_cont div.panel { padding: 0 18px; display: none; width: 97%; padding: 5px 20px 20px 55px; }
.usefulsite_cont div.panel p { line-height: 160%; font-weight: 300; font-size: 15px; padding: 0 15px }
.usefulsite_cont div.panel p a {color: #f29200}
.usefulsite_cont .accordion {display: table; position: relative}
.usefulsite_cont .accordion > span {display: table-cell; vertical-align: middle}
.usefulsite_cont span.plus { font-weight: 600; color: #666666; font-size: 19px; width: 30px; padding-right: 20px; }
.usefulsite_cont span.title { font-weight: 600; color: #666666; font-size: 22px; width: 300px; box-sizing: border-box; padding-right: 10px;}
.usefulsite_cont span.site { font-weight: 300; color: #666666;; }
.usefulsite_cont span.accordion_box { background-color: #f6f6f6; color: #f29200; padding: 5px 20px 5px 20px; float: right; font-weight: 300; position: absolute; top:50%; margin-top: -15px; right: 20px}


.usefulsite_cont div.tab { overflow: hidden; width: 800px; }
.usefulsite_cont div.tab div.tablinks { width: 130px; color: #666666; font-size: 14px; float: left; text-align: center; padding: 10px 0 10px 0; font-weight: 400; border-right: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; }
.usefulsite_cont div.tab div.tablinks:nth-child(1) { border-left: 1px solid #aaaaaa; }
.usefulsite_contdiv .tab div.tablinks:hover { background-color: #f29200; color: #ffffff; border: 1px solid #f29200; }
.usefulsite_cont div.tab div.tablinks.active { background-color: #f29200; color: #ffffff; border: 1px solid #f29200; }
.usefulsite_cont .tabcontent { width: 800px; padding: 20px 0 20px 0; }
/*-------------- usefulsites ----------------------*/
.usefulsite_cont .search_cont:after {content: ""; display: block; clear: both;}
.usefulsite_cont .search_cont span {color: #000000; font-size: 24px; padding: 0 0 10px 0; display: block; color: #000; font-weight: bold}
.usefulsite_cont .search_cont div {float: left; margin: 0 10px; position: relative}
.usefulsite_cont .search_cont div input {width: 450px}
.usefulsite_cont .search_cont div a {position: absolute; bottom: 0; right: -50px; height: 48px !important}


/*---------------------- artspace ----------------------*/
.artspace_cont { padding: 30px 0 0 0; }
.artspace_cont #search_bar_box { background-color: #f6f6f6; padding: 30px 0 40px 0; margin-top: 70px; }
.artspace_cont #search_bar_box select { width: 420px; height: 50px; background-color: #ffffff; color: #666666; border: 1px solid #f29200; margin-right: 10px; }
.artspace_cont #search_bar_box input  { width: 500px; height: 50px; background-color: #ffffff; color: #666666; border: 1px solid #f29200; }
.artspace_cont #search_bar_box .btn_search_go { width:50px; height:50px; background-image: url("../img/search50.jpg"); background-repeat: no-repeat, repeat; position: absolute; border: 1px solid #f29200; }
.artspace_cont #search_bar_box .search_cont { width:940px; margin: 0 auto; }
.artspace_cont #search_bar_box .search_cont .category { margin-right: 330px; }
.artspace_cont h2 { font-size: 13px; padding: 50px 0 10px 0; color: #666666; font-weight: 400; }



/* #tab menu */
.artspace_cont div.panel { padding: 0 18px; display: none; width: 97%; padding: 5px 20px 20px 55px; }
.artspace_cont div.panel p { width: 850px; line-height: 160%; font-weight: 300; font-size: 15px; }

.artspace_cont span.plus { font-weight: 600; color: #666666; font-size: 22px; padding-right: 20px; }
.artspace_cont span.title { font-weight: 600; color: #666666; font-size: 22px; width: 300px; display: inline-block;}
.artspace_cont span.site { font-weight: 300; color: #666666;}


.artspace_cont div.accordion a { display: table; width: 100%}
.artspace_cont div.accordion a > span {display: table-cell; vertical-align: middle}
.artspace_cont div.tab { overflow: hidden; width: 800px; }
.artspace_cont div.tab div.tablinks { width: 130px; color: #666666; font-size: 14px; float: left; text-align: center; padding: 10px 0 10px 0; font-weight: 400; border-right: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; }
.artspace_cont div.tab div.tablinks:nth-child(1) { border-left: 1px solid #aaaaaa; }
.artspace_cont .tab div.tablinks:hover { background-color: #f29200; color: #ffffff; border: 1px solid #f29200; }
.artspace_cont div.tab div.tablinks.active { background-color: #f29200; color: #ffffff; border: 1px solid #f29200; }
.artspace_cont .tabcontent { width: 800px; padding: 20px 0 20px 0; }
/*---------------------- artspace ----------------------*/


/* serch */

#search_box { padding:40px 0 0 0; }
#search_box form {height: 100%; display: block;`}
#search_box > div { width:1200px; height:60px; border: 1px solid #fe8f00; position: relative; margin: 0 auto; background: #fff;border-radius:0px;}
#search_box .select_bnt { width:145px; height: 100%; padding-left: 10px; color: #fe8f00}
#search_box .search_bar { width:600px; height:100%; border: none; background:none;}
#search_box .btn_search_go {width: 60px; height: 60px; background: #fe8f00 url("../img/search50.jpg") no-repeat center; display:inline-block; position: absolute; top: 0; right: 0; border: none;border-radius: 0px;}
#search_box .hashtag {margin-top: 15px; height: 85px; overflow: hidden}
#search_box .hashtag:after {content: ""; display: block; clear: both; zoom: 1}
#search_box .hashtag li { color:#fe8f00; font-size:14px; float:left; margin-right: 5px; margin-bottom: 5px;}
#search_box .hashtag li:first-child {margin-left: 0;}
#search_box .hashtag li a { padding:10px; border:1px solid #fe8f00; display: block;}
#search_box .hashtag li a,
#search_box .hashtag li a:link,
#search_box .hashtag li a:visited,
#search_box .hashtag li a:hover,
#search_box .hashtag li a:active { font-weight: 400;  color:#fe8f00;}

.search #search_box > div {width: 750px;}
.search #search_box input[type="text"] {padding-right: 70px}
.search #container {padding-top: 0 !important;}
.search .search_result_box {padding-top: 160px; transition: all ease 0.3s}
.search.fixed .search_result_box {padding-top: 125px;}

/*----------------------------- #about ------------------------------*/
.about_content { padding: 50px 0 120px}
.inner .about_content {padding: 0}
/* contact */
.contact_menu { padding: 0 0 40px 0; }
.contact_menu:after {content: ""; display: block; clear: both; zoom: 1}
.contact_menu li a:hover { color:#222222; }
.contact_menu .active_none1 a { color: #aaaaaa; font-size: 20px; font-weight: 400; padding: 10px 0 0 0; }
.contact_menu .active_none2 a { color: #aaaaaa; font-size: 20px; font-weight: 400; padding: 10px 0 0 20px; }
.contact_menu .active a { color: #222222; font-size: 32px; font-weight: 600; padding-left: 20px; }
.tit_box { clear: left; border-top: 1px solid #aaaaaa; padding: 15px 0 40px 0; }
.tit_box h3 { color: #615f5f; font-size: 20px; }
.address_box { color: #666666; font-weight: 300; line-height: 160%; padding-bottom: 30px; }
.contact_box { color: #666666; font-weight: 300; line-height: 160%; padding-bottom: 30px; }
.contact_box li:nth-child(1) .contact1 { margin-right: 40px; }
.contact_box li:nth-child(2) .contact1 { margin-right: 36px; }
.contact_box li:nth-child(3) .contact1 { margin-right: 25px; }
.contact2 { color: #f29200; }
.opinions_box { color: #666666; font-weight: 300; }
.opinions_box p { padding-bottom: 10px; list-style-type: disc; }
.opinions_bnt { color: #ffffff; width: 210px;  background-color: #ff8b00; text-align: center; padding: 10px 0 10px 0; margin-left: 10px; }
.opinions_bnt span { color: #ffffff; font-weight: 300; }
.subscribe_box { margin-top: 20px; background-color: #f6f6f6; padding: 50px; }
.subscribe_box .title_box { padding-bottom: 30px; }
.subscribe_box .title_box h3 { color: #615f5f; font-size: 20px; }
.subscribe_box .title_box h3 span { height: 16px; background-image: url("../img/diagonal.gif"); background-repeat: no-repeat, repeat; display: block; }
.subscribe_cont { padding: 0 0 0 20px;  }
.readers_box h3 {  padding: 0 0 15px 0; color: #666666; font-weight: 600; font-size: 18px}
.readers_box form, .activity_box form { padding: 0 0 0 15px; color: #222222;  font-weight: 300; }
.readers_box .int_txt { margin-right: 100px; }
.readers_box .int_txt2 { margin-right: 140px; }
.activity_box .int_txt { margin-right: 60px; }
.activity_box .int_txt2 { margin-right: 95px; }
.activity_box h3 {  padding: 30px 0 15px 0; color: #666666; font-weight: 600; }
.activity_box .row2 { padding-top: 15px; }
.subscribe_contact { padding: 30px 0 50px 0; color: #666666; }
.subscribe_contact .name_box { width: 300px; height: 40px; ; }
.subscribe_contact .email_box { width: 300px; height: 40px; ; }
.search_btn { background-color: #737373; width: 170px; height: 40px; color: #ffffff; }
.subscribe_contact form div { padding: 30px 0 0 0;  }
.organ_txt { width: 966px; height: 40px; border: 1px solid #aaaaaa;}
.organ_box { width: 114px; float: left;}
.input_box {margin-bottom: 30px;}
.input_box:after {content: ""; display: block; clear: both; zoom: 1}
.input_box > div {float: left; width: 55%;}
.input_box > div span {width: 114px; display: inline-block; text-align: center; font-size: 18px; font-weight: bold; color: #666666}
.input_box > div:first-child span {text-align: left}
.input_box > div input[type="button"] {outline: none; border: none; margin-left: 6px}
.button_box { width: 413px; margin: 0 auto }
.button_box .delete { width: 200px;  color: #ff8b00; border: 1px solid #ff8b00; background-color: #ffffff; text-align: center; padding: 10px 0 10px 0; font-weight: 300; }
.button_box .join { width: 200px;  color: #ffffff; border: 1px solid #ff8b00; background-color: #ff8b00; text-align: center; padding: 10px 0 10px 0; font-weight: 300; margin-left: 5px; }

/*about popup */
.about_popup_content { width: 100%; height: 100%; margin:0;  }
.about_popup_box { width: 960px; height: 865px; border: 1px solid #aaaaaa;  position: absolute; top: 25%; left: 30%; }

/* Kams Visual Art Program */
.about_tit_box { padding-bottom: 80px;  }
.about_tit_box .active a { color: #222222;  font-size: 32px; font-weight: 600; }
.about_tit_box .active_none a { color: #aaaaaa;  font-size: 22px; font-weight: 400; padding: 10px 0 0 20px; }
.kams_list { clear: left; }
.kams_list li { width: 100%; height: 150px; border-top: 1px solid #aaaaaa; display: table; }
.kams_list li > div {display: table-cell; vertical-align: middle}
.kams_list li:last-child { border-bottom: 1px solid #aaaaaa;  }
.kams_list .img_box { width: 150px; display: inline; padding-top: 50px; }
.kams_list .txt_box { width: 1040px; line-height: 140%;}
.kams_list li:nth-child(1) .txt_box { padding-top: 15px; }
.kams_list li:nth-child(7) .txt_box { padding-top: 30px; }
.kams_list li:nth-child(8) .txt_box { padding-top: 25px; }
.kams_list .txt_box strong { color: #615f5f; font-size: 20px; line-height: 200% }
.kams_list .txt_box p { color: #666666; font-weight: 300; font-size: 15px; }
.kams_list .txt_box span a { color: #f29200; font-weight: 300; line-height: 200%; font-size: 15px; }

/* theartro */

.theartro_cont .main_tit_box li a:hover { color:#222222; }
.theartro_cont .main_tit_box .active_none1 a { color: #aaaaaa; font-size: 22px; font-weight: 400; padding: 10px 0 0 0; }
.theartro_cont .main_tit_box .active a { color: #222222; font-size: 36px; font-weight: 600; padding-left: 20px; }
.theartro_cont .main_tit_box .active_none2 a { color: #aaaaaa; font-size: 22px; font-weight: 400; padding: 10px 0 0 20px; }
.theartro_cont .main_tit_box p { clear: left; padding-top: 40px; line-height: 160%; color: #666666; font-weight: 300; }
.theartro_cont .main_tit_box { padding-bottom: 60px; }
.theartro_cont section .tit_box { padding-bottom: 30px; }
.theartro_cont section .txt_box { padding: 0 10px 30px 30px; line-height: 190%; color: #666666; font-size: 16px; font-weight: 300; }
.theartro_cont section .txt_box li { padding: 0 0 15px 0; position: relative;; }
.theartro_cont section .txt_box > ul > li::before{content:"•";display: inline-block;clear: both;height:100%;left:-10px;position: absolute;}
.theartro_cont section .txt_box li.text_padding {position: relative; padding-left: 100px;}
.theartro_cont section .txt_box li.text_padding span.tit_bold {position: absolute; left: 0}
.theartro_cont section .txt_box li img {margin-left: 10px; vertical-align: middle}
.tit_bold { font-weight: 400; color: #666666;  }
.color_mail { color: #f29200; }
.members_list1, .members_list2, .members_list3 { padding: 10px 0 0 10px; line-height: 70%; }
.members_list1 .member_name1 { padding-right: 50px; }
.members_list1 .member_name2 { padding-right: 40px; }
.members_list1 .member_name3 { padding-right: 34px; }
.members_list1 .member_name4 { padding-right: 49px; }
.members_list2 .member_name1 { padding-right: 35px; }
.members_list3 .member_name1 { padding-right: 34px; }
.members_list3 .member_name2 { padding-right: 59px; }
.members_list3 .member_name3 { padding-right: 35px; }
.partners_box .logo_box { padding: 0 0 0 30px; }
.partners_box .logo_box li { float: left; padding-right: 22px; }

.publisher_list .img_1 { display: inline-block; width:63px; height:27px; background-image: url("../img/koreaarts_logo.jpg"); background-repeat: no-repeat, repeat; }


/* site map */
.sitemap .sitemap_cont h2 {font-size: 30px; font-weight: 600; margin-bottom: 50px;}
.sitemap .sitemap_cont > ul {}
.sitemap .sitemap_cont > ul:after {content: ""; display: block; clear: both; zoom: 1;}
.sitemap .sitemap_cont > ul > li {float: left; width: 25%;}
.sitemap .sitemap_cont > ul > li a {display: inline-block; float: none}
.sitemap .sitemap_cont > ul > li > a {border-top: 1px solid #333; margin-right: 40px; padding:15px 0 0; display: block;}
.sitemap .sitemap_cont > ul > li ul {padding: 20px 0 0; height: 230px; box-sizing: border-box;}
.sitemap .sitemap_cont > ul > li ul.var {height: 265px;}
.sitemap .sitemap_cont > ul > li ul li {padding: 10px 0;}
.sitemap .sitemap_cont > ul > li ul li a {font-size: 18px;}


/* contact popup */
.popup_open h3 {border-top: 1px solid #333; padding-top: 15px;}
.popup_open .popup_txt strong {font-size: 18px; color: #f29200}
.popup_open .popup_txt ul {padding-left: 20px; margin-bottom: 25px;}
.popup_open .popup_txt ul span {float: left; width: 15%; line-height: 40px; display: block; font-weight: bold}
.popup_open .popup_txt ul input {float: right; width: 82%}
.popup_open .popup_txt ul textarea {float: right; width: 82%; height: 200px;}
.popup_open .popup_txt ul li {margin-top: 10px;}
.popup_open .popup_txt ul li:first-child {margin-top: 0;}
.popup_open .popup_txt ul li:after {content: ""; display: block; clear: both; zoom: 1;}
.popup_open .popup_txt button {color: #fff; background-color: #f29200; font-size: 18px; width: 150px; height: 40px; line-height: 40px; text-align: center; border: none; margin: 0 auto; display: block; outline: none}


/* unified search */
.unified_content {width: 580px; display: none;}
.search_box2 .search_cont { width: 580px; height: 60px;}
.search_box2 .search_cont:after {content: ""; display: block; clear: both; zoom: 1;}
.search_box2 .search_bar { width: 395px; height: 60px; border: none; float: left}
.search_box2 .select_bnt { width: 125px; height: 60px; color: #fe8f00; padding-left: 20px; background-color: #ffffff; border: none; float: left}
.search_box2 .btn_search_go {float: right; width: 60px; height: 60px; background-image: url(../img/search_2.png); background-repeat: no-repeat, repeat; display: block;}
.unified_content .content_box { color: #ffffff; width: 520px; margin-top:20px; padding: 30px; background-color: rgba(0, 0, 0, .3)}
.unified_content .content_box .word_box { width: 40%; float: left}
.unified_content .content_box .like_box { width: 40%; float: right}
.unified_content .content_box:after {content: ""; display: block; clear: both; zoom: 1;}
.unified_content .content_box .imgBox {float: left; max-width: 50%}
.unified_content .content_box > div > div {float: left; width: 65%; margin-left: 10%;}
.unified_content .content_box > div > div ul {margin-top: 10px;}
.unified_content .content_box > div > div ul li {margin-top: 5px;}
.unified_content .content_box > div > div span {font-weight: bold}
.unified_content .content_box > div > div a {float: none;}
.unified_content .content_box span { margin-bottom: 20px; font-size: 18px; }
.unified_content .content_box ul a { color: #ffffff; font-weight: 300; line-height: 140%; font-size: 16px; }

.sub .bx-wrapper {position: relative; width: 1000px; margin: 0 auto}
.sub .bx-wrapper .bx-controls a {position: absolute; top: 50%; width: 18px; height: 43px; background-position: center; background-repeat: no-repeat; text-indent: -9999px}
.sub .bx-wrapper .bx-prev {left: -50px; background-image: url(../img/bx-prev.png)}
.sub .bx-wrapper .bx-next {right: -50px; background-image: url(../img/bx-next.png)}


.article td {border-right:1px solid #000;}
.article tr {border-bottom:1px solid #000;}
.article table {border-top:1px solid #000;border-left:1px solid #000;}
.article ul {list-style-type: square;}
.article li {text-indent: 15px; background:url('../img/dot.png') no-repeat 5px 10px;}


.main .section .section_cont .text_box p.writer{font-size:16px;color:#999999; width: 58.4%; display: inline-block;letter-spacing:-0.05em; margin: 0;font-weight:bold;}
.com_logo {max-width:40%;position:absolute;right:5px;bottom:-3px;}
.only_m{display: none;}


/*200424 추가 index_people*/
.left_people_cont > div {float: left; width: 27%; overflow: hidden;}
.left_people_cont .left_people_txt {width: 73%; color: #666666; }
.left_people_cont .left_people_txt p {font-size:16px !important;}
.left_people_cont .left_people_txt p em {font-size: 16px !important;}
.left_people_cont #people_txt_list {width: 100%; float: left; margin-top: 40px;}
#people_txt_list > li {padding:10px 0px; font-size: 15px; line-height: 23px;}
.txt_list_left {float: left; width:24%; font-weight:bold; color: #666666;}
#people_txt_list > li > ul {width: 70%; display: inline-block; }
#people_txt_list > li > ul > li {color: #888888;}
#people_txt_list > li > ul > li > a {cursor:pointer; /*color:#888888;*/}
/*#people_txt_list > li > ul > li:hover > a {color: #f29200;}*/
#people_txt_list a {cursor:pointer;}
#people_txt_list > li:last-child > a:nth-child(3) > img {margin-left: 30px;}
#people_txt_list > li:last-child > a:nth-child(4) > img {margin-left: 20px;}


#people_img_list{width:100%; margin-top: 40px;}
#people_img_list .peo_img_top {width:100%; height:136px;}
.peo_img_top .pit_arrow {width: 30px; height:100%; background-repeat:no-repeat; background-position:center; cursor:pointer;}
.peo_img_top .pit_arrow-left {background-image: url('../img/icon/pit_left_arrow.png'); float: left;}
.peo_img_top .pit_arrow-right {background-image: url('../img/icon/pit_right_arrow.png'); float: right;}
.peo_img_top .pit-list-overflow {width: calc(100% - 60px); height: 100%;float: left; overflow: hidden;}
.peo_img_top .pit-list-overflow > .pit-list-box {width: 800px; height:100%;}
.peo_img_top .pit-list-overflow > .pit-list-box > li {width:240px; height:100%; background: #ff9a00; float: left; margin-right:15px; cursor:pointer;}
#people_img_list .peo_img_bottom {width: 100%; margin-top: 20px;}
.peo_img_bottom .ptb_img {width: 100%; height: 100%;}
.peo_img_bottom .ptb_img img {margin: 0 auto;}
.peo_img_bottom p {padding: 10px 0px; font-size: 14px;}