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

ul,ol,li,p,span,h1,h2,h3,h4,h5,h6,textarea,table,tr,td,dl,dt,dd,input,select,option,img,a { margin:0; padding:0; list-style-type:none; border:none; }
body { margin:0 auto; padding:0; font-family: 'Roboto', Arial; }

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
.inner {width:1200px; margin: 0 auto;}
#wrap { margin:0 auto; padding:0; width: 100%; }


/*---------------- view ---------------*/
.left_cont { width: 810px; }
.right_cont { width: 282px; float: left; position: absolute; top:150px; padding: 0 0 0 900px; display: block;}

/* title_box */
.left_cont .title_box { float: left; width: 810px; padding:50px 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; }
.left_cont .title_box h1  { color: #222222; font-weight: 500; 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: 30px;}
.left_cont .title_box .icon a { width: 20px; height: 20px; padding:0 15px 0 15px; }
.left_cont .title_box .icon .facebook { background-image: url("../img/facebook_icon_bk.png"); background-repeat: no-repeat, repeat; display:block; }
.title_box .icon .twitter { background-image: url("../img/twitter_icon_bk.png"); background-repeat: no-repeat, repeat; display:block; }
.left_cont .title_box .icon .email { background-image: url("../img/email_icon.png"); background-repeat: no-repeat, repeat; display:block; }
.left_cont .title_box .icon .printer { background-image: url("../img/printer_icon.png"); background-repeat: no-repeat, repeat; display:block; }

/* left cont */
/* img */
.left_cont .img_box { padding:30px 0 30px 0; }
.left_cont .img_box img { padding-bottom: 15px; }
.left_cont .img_box .caption { color: #acacac; font-size: 13px; font-weight: 400; }

/* text */
.left_cont p { color: #222222; font-size: 18px; font-weight: 300; line-height: 150%; letter-spacing: 0.3px; padding: 20px 0 20px 0; }
.left_cont p span { color: #ff9a00; font-weight: 400; }
.left_cont h2 { font-weight: 500;  }

/* profile */
.left_cont .profile { color: #666666; float: left; background-color: #f9f9f9; width: 810px; padding: 30px; margin-bottom: 100px;}
.left_cont .profile img { width: 115px; float: left; }
.left_cont .profile h3 { font-size: 16px; }
.left_cont .profile .icon { float: right; }
.left_cont .profile div { width: 635px; float: left; padding-left: 35px; }
.left_cont .profile div p { font-size: 15px; }
.left_cont .profile  a { width: 15px; height: 15px; }
.left_cont .profile .icon { float: right; width: 100px}
.left_cont .profile .icon .facebook { background-image: url("../img/facebook_icon_gray.png"); background-repeat: no-repeat, repeat; display:block; }
.left_cont .profile .icon .twitter { background-image: url("../img/twitter_icon_gray.png"); background-repeat: no-repeat, repeat; display:block; }
.left_cont .profile .icon .instagram { background-image: url("../img/instagram_icon_gray.png"); background-repeat: no-repeat, repeat; display:block; }
.left_cont .profile .icon .email { background-image: url("../img/email_icon_gray.png"); background-repeat: no-repeat, repeat; display:block; }


/*  right cont */
.right_cont .magazine_hashtag { border-top:1px solid #aaaaaa; padding:20px 0 150px 0;  }
.right_cont .magazine_hashtag a { color: #aaaaaa; border:1px solid #aaaaaa; padding:10px; margin: 0 0 5px 5px; font-weight: 300; font-size: 13px; }
.right_cont .list { clear: left; }
.right_cont .list ul li { padding: 0 0 40px 0; }

.right_cont .list .related1, .most_viewed1 { border-top:1px solid #aaaaaa; }
.right_cont .list ul img { padding:20px 0 20px 0; }
.right_cont .list .title_box .list_tit { color:#615f5f; font-size:21px; }
.right_cont .list .title_box .list_more { float: right; color:#f29200; font-size:13px; font-weight: 400; padding:5px 0 0 0; }
.right_cont .list .text_box { line-height: 150%; }
.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_cont { padding:40px 0 30px 0; }
.magazine_menu { font-size: 20px; }
.magazine_menu .active_none a:link { padding-top: 12px; font-size: 22px; color: #aaaaaa; font-weight: 400; }
.magazine_menu .active a:link { color: #222222; font-weight: 500; font-size: 34px; }
.magazine_menu .active_none, .active { width: 120px; float: left; padding-bottom: 25px; }
.select_box { float: right; }
.magazine_menu .magazine_select_bnt { width: 180px; border: 1px solid #f29200; color: #f29200; padding: 10px; }
.magazine_menu .magazine_select_bnt  { color: #f29200; }
.magazine_menu .sort { color: #aaaaaa; }
.magazine_cont .main_img_box { width: 800px; }
.magazine_cont .main_txt_box { float: left; width: 380px; height: 470px; position: absolute; top:230px; padding-left: 820px;  }
.magazine_cont .main_txt_box .title_box { border-top:1px solid #aaaaaa; padding:30px 0 30px 0; }
.magazine_cont .main_txt_box .title_box span { font-size: 13px; font-weight: ; color:#666666; }
.magazine_cont .main_txt_box .title_box h3 { padding: 15px 0 15px 0; font-weight: 400; font-size: 24px; }
.magazine_cont .main_txt_box p { line-height: 160%; font-weight: 400; font-weight: 400; }
.magazine_cont .main_txt_box .logo_box { padding: 40px 0 40px 0; }
.magazine_cont .main_txt_box .logo_box span { font-size: 13px; color: #666666; }
.magazine_cont .main_txt_box .logo_box img { float: right; padding-top: 5px; }
.magazine_cont .main_txt_box .main_txt_box .magazine_hashtag a { padding-top: 90px; }

/* section [공통사항] */
.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; }
.review_list { padding:50px 0 50px 0; }
.review_list .col { width: 380px;  float: left; margin-bottom: 50px;}
.review_list li:nth-child(2) { padding:0 30px 0 30px; }
.review_list .list_txt_box { padding:20px 0 10px 0; }
.review_list .list_txt_box span:nth-child(1) { color: #666666; font-size: 12px; font-weight: 500; }
.review_list .list_txt_box h3 { padding:15px 0 15px 0; font-size: 22px; }
.review_list .list_txt_box p { font-weight: 400; padding-bottom: 15px; line-height: 140%; }
.review_list .list_txt_box em { color: #aaaaaa; font-size: 14px; font-weight: 400; }
.review_list .list_txt_box img { float: right; }


/* 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;  }

/*----------------- Art News Calender -------------------*/
/* #Event Calender */
.new_content { padding: 30px 0 50px 0; }
.calender_tit_box { padding:0 0 60px 0; }
.calender_cont .select_box { float: left; margin-right: 30px;  }
.calender_cont .select_box .calender_select_bnt { width: 180px; height: 60px; color: #ff9a01; font-size: 18px; font-weight: 500; background-color: #f4f2f2; padding: 0 0 0 15px; border: none;}
.calender_tit_box li { float: left; }
.calender { padding: 20px 0 0 0; }
.calender a:hover { color: #ff9a01; }
.calender_tit_box li:last-child { padding-left: 40px; }
.calender_tit_box a:link { color: #222222; font-size: 30px; font-weight: 400; }
.calender_tit_box li:nth-child(2) a:link { color: #aaaaaa; font-size: 22px; font-weight: 400; padding-top: 7px;}
.calender_cont { width: 1200px; height: 60px; background-color: #f4f2f2; margin-bottom: 50px; }
.calender_cont .calender li a:link { width: 30px; }


/* #DECEMBER */

.calender_tit { border-top:1px solid #aaaaaa; padding: 15px 0 0 0; margin-top: }
.calender_tit h3 { color: #615f5f; font-size: 21px; }
.december_cont li{ width: 380px; float: left; margin: 0 0 90px 0; }
.december_cont ul li:nth-child(2) { margin: 0 30px 90px 30px; }
.december_cont .december_img { padding:30px 0 20px 0; }
.december_cont .calender_txt_box { width: 380px; text-align: center; line-height: 150%; }
.txt_event { color: #aaaaaa; font-size: 15px; padding: 0 35px 0 35px;  }
.december_cont .calender_txt_box .txt_bg { width: 175px; color: #f29200; font-size: 12px; background-color: #f5f5f5; margin: 10px 0 0 100px;}

/* #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:30px 0 20px 0; }
section .current_col .calender_txt_box .txt_bg { width: 175px; color: #f29200; font-size: 12px; background-color: #f5f5f5; margin: 10px 0 0 60px;}
section .past_event_list { clear: left; }


/*-------------------------- Art News List -----------------------------*/
.artnew_tit_box{ padding: 0 0 80px 0;  }
.artnew_tit_box a:link { color: #222222; font-size: 30px; font-weight: 400; margin-right:20px ; }
.artnew_tit_box li:nth-child(1) a:link { color: #aaaaaa; font-size: 22px; font-weight: 400; padding:7px 20px 0 0; border-right: 2px solid #aaaaaa;  }
.select_box .artnew_select_bnt1 { width: 185px; height: 36px; border: 1px solid #ff9a01;  color: #666666; font-size: 14px; font-weight: 500; 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: 500; padding: 0 0 0 15px; }
.december_cont .artnew_img { padding:0 0 20px 0; }
.section_cont { clear: left; }
.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 .artnews_hashtag { padding:20px 0 0 0; }
.news_txt_box .artnews_hashtag a { border: 1px solid #aaaaaa; padding:7px 12px 7px 12px; font-size: 14px; font-weight: 300; color: #aaaaaa; }
.news_txt_box .artnews_hashtag a:nth-child(2) { margin-left: 5px; }

/* Page Box */
.page_box { clear: left; border-top: 1px solid #aaaaaa; padding-left: 20%; margin: 0 0 100px 0; }
.page_box a:link { width: 50px; color: #999999; font-size: 15px; font-weight: 300; text-align: center; padding-top: 20px; }
.page_box li { float: left; }
.page_box li a:hover { border-top: 1px solid #000000; color: #000000; font-weight: 400; }

/* ----------------------------- #People ------------------------------ */
.peple_cont { padding:40px 0 70px 0;  }
.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; }
.peple_select select:nth-child(2) { width: 170px; margin-left: 7px; }

.peple_tit_box li { float: left; width: 130px; }
.peple_tit_box .active_none { color: #aaaaaa; font-size: 24px; font-weight: 400; padding-top: 15px; }
.peple_tit_box .active { color: #222222; font-size: 34px; font-weight: 400; padding-bottom: 20px;}
.peple_tit_box .active_none:hover { color: #222222; }
.peple_tit_box .active_none2 { padding-top:7px; }
.peple_tit_box .active { padding-top:7px; }

.peple_cont .main_img_box { width: 800px; }
.peple_cont .main_txt_box { float: left; width: 380px; height: 470px; position: absolute; top:222px; padding-left: 820px;  }
.peple_cont .title_box { border-top:1px solid #aaaaaa; padding:30px 0 30px 0; }
.peple_cont .main_txt_box .title_box span { font-size: 13px; color:#666666; }
.peple_cont .main_txt_box .title_box h3 { padding: 15px 0 15px 0; font-weight: 400; font-size: 24px; }
.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 .critic_hashtag_box { border-bottom:1px solid #aaaaaa; padding:0 0 70px 0; }
.peple_cont .critic_logo_box img { width:105px; height: 30px; }
.peple_cont .main_txt_box p { line-height: 170%; font-weight: 300; font-size:15px; }
.peple_menu .active_none3 a { color: #aaaaaa; padding: 7px 0 0 80px; 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 li a:link { float: left; width: 120px; font-size: 14px; font-weight: 400; }
.genre_cont li a:hover { color: #f29200; }
.genre_cont .genre_col { float: left; width: 140px; font-weight: 400; }
.alphabet_cont { clear: left; }
.alphabet_cont li a:link { float: left; width: 40px; font-size: 14px; font-weight: 400; }
.alphabet_cont .alphabet_col { float: left; width: 140px; font-weight: 400; }
.alphabet_cont li img, .genre_cont li img { margin-right: 10px; }
.index_list { padding: 30px 0 30px 0; margin-bottom: 100px; }
.index_list li { float: left; width: 600px; margin-bottom: 15px; }
.index_list li:nth-child(12) { margin-bottom: 50px; }
.index_list .img_box { width: 174px; }
.index_list .txt_box { width: 400px; padding: 15px 0 15px 190px; }
.index_list .txt_box .a_name { font-weight: 500;   }
.index_list .txt_box .artist { color: #f29200; font-size: 14px; padding-left: 5px; }
.index_list .txt_box p { font-size: 13px; padding: 10px 0 40px 0; line-height: 150%; }
.index_list .txt_box .peple_hashtag li:nth-child(1) { width: 95px; }
.index_list .txt_box .peple_hashtag li:nth-child(2) { width: 105px; }
.index_list .txt_box .peple_hashtag li:nth-child(3) { width: 80px; }
.index_list .txt_box .peple_hashtag li:nth-child(4) { width: 100px; }
.index_list .txt_box .peple_hashtag li a:link { border: 1px solid #aaaaaa;  color: #aaaaaa; padding: 7px; font-weight: 400; font-size: 13px; }


/* #Popup */
#wrap .popup_content { background-color: #000000; width: 100%; height: 100%;}
#wrap .popup_box { border: 1px solid #222222; width: 500px; height: 500px; padding: 25px;  position: absolute; top: 25%; left: 30%;  }
#wrap .popup_box .popup_tit { margin-bottom:15px;  }
#wrap .popup_box .popup_tit .a_name { font-weight: 500; font-size: 17px; }
#wrap .popup_box .popup_tit .artist { color: #f29200; font-size: 11px; padding-left: 2px; }
#wrap .popup_box .popup_txt a { width: 175px; }
#wrap .popup_box .popup_txt p { font-size: 13px; padding-left:190px; line-height: 130%; }
#wrap .popup_box .artist_hashtag { width: 175px; position: absolute; top: 230px; }
#wrap .popup_box .artist_hashtag a:link { color: #aaaaaa; font-size: 13px; font-weight: 400; border:1px solid #aaaaaa; padding:7px; margin-top:5px;  }
#wrap .popup_box .artist_hashtag li:nth-child(2) a:link { margin-left: 5px; }
#wrap .popup_box .link_box { color: #aaaaaa; font-size: 13px; font-weight: 300; position: absolute; bottom: 25px; border-top:1px solid #222222; width: 500px; padding-top:15px;  }
#wrap .popup_box .link_box li { clear: left; }
#wrap .popup_box .link_box a:link { font-weight: 300; }
#wrap .popup_box .link_box ul { padding-left:20px; }
#wrap .popup_box .link_icon { width:20px; height:20px; background-image: url("../img/sitelink_icon_15.png"); background-repeat: no-repeat, repeat; display: block; }
#wrap .popup_box .link_icon  span { padding-left: 20px; font-weight: 400; }
#wrap .popup_box .close_box { border: 1px solid #222222; width: 55px; height: 50px; position: absolute; top:0px; ;left: 560px; }
#wrap .popup_box .close_bnt { width:55px; height:50px; background-image: url("../img/close.png"); background-repeat: no-repeat, repeat; display: block; }



/* Critic */
.critic_logo_box { float: left;  margin: 30px 0 30px 0; }
.critic_hashtag_box { clear: left; }
.peple_cont { padding: 40px 0 70px 0; }
.peple_menu { padding: 0 0 20px 0; }
.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 0 0 0; font-size: 22px; font-weight: 400; }
.peple_menu .active_none2 a { color: #aaaaaa; padding: 10px 0 0 30px; font-size: 22px; font-weight: 400; }
.peple_menu .active a:link {  color: #666666; font-weight: 500; font-size: 32px; padding: 0 0 0 30px;  }
.peple_menu .select_box { float: right; }
.peple_menu .select_bnt { border: 1px solid #f29200; color: #f29200; padding: 10px; width: 180px; }
.peple_menu select option span { color: #aaaaaa; }

/* 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: 500; font-size: 32px; padding: 0 0 0 30px;  }
.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; }
.peple_menu_box .peple_menu_interview select option span { color: #aaaaaa; }



/*----------------- #Video --------------------*/
/* LIST */
.video_cont { padding: 40px 0 70px 0; }
.video_content { padding: 40px 0 70px 0; }
.video_menu { clear: left; height: 70px; padding-top:20px; }
.video_menu select { width: 180px; }
.video_menu select:nth-child(1) { color: #666666; margin-right: 5px;}
.video_menu .active a:link { font-size: 30px; font-weight: 400; }
.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; }
.video_cont .main_img_box { width: 800px; }
.video_cont .main_txt_box { float: left; width: 380px; height: 470px; position: absolute; top:250px; padding-left: 820px;  }
.video_cont .title_box { border-top:1px solid #aaaaaa; padding:30px 0 30px 0; }
.video_cont .main_txt_box .title_box span { font-size: 13px; color:#666666; }
.video_cont .main_txt_box .title_box h3 { padding: 15px 0 15px 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_hashtag_box { border-bottom:1px solid #aaaaaa; padding:0 0 70px 0; }
.video_cont .critic_logo_box img { width:105px; height: 30px; }
.video_cont .main_txt_box p { line-height: 170%; font-weight: 300; font-size:15px; }



/*----------------- #Archive --------------------*/
.archive_content { padding: 40px 0 0 0; }
.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; }
.sub_menu { padding-bottom: 70px;  }
.sub_menu li .active_none { padding-right: 20px; color: #aaaaaa; font-size: 22px; font-weight: 400; padding-top: 10px;  }
.sub_menu li .active { padding-right: 20px; font-size: 34px;  font-weight: 500; }
.title_box { clear: left; padding-top: 20px; } border-top: 1px solid #aaaaaa;
.title_box h3 { color: #666666; font-size: 20px; }
.title_box .year { font-size: 54px;  padding:30px 0 0 0; font-weight: 500; }
.title_box .download_box { float: right;  }
.title_box .download_box { background-color: #fe8f00; padding: 0 10px 0  10px;  }
.title_box .download_box .download_bnt { color: #ffffff; font-size: 12px; font-weight: 300; padding:15px 10px 15px 35px;  background-image: url("../img/download_icon2.png"); background-repeat: no-repeat, repeat; display: block; }

/* #Chronology */
.chronologys_cont { padding: 0 0 70px 0; }
.year .year_active_none {  width: 150px; text-align: center; float: left; color: #959595; font-size: 14px; font-weight: 500; border-top: 1px solid #ff9a00; padding-top:10px; margin-top: 32px; }
.year .year_active { text-align: center; float: left; color: #959595; font-size: 14px; font-weight: 500; width: 150px; border-bottom: 1px solid #ff9a00; padding-bottom: 10px; color: #615f5f; font-size: 18px; }
.archive_content .sub_menu .ative_none { color: #aaaaaa; font-size: 22px; font-weight: 400; padding-top: 10px; }
.archive_content .sub_menu .active_none3 { padding-left: 55px;  }
.archive_content section div { clear: left; }
.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 30px 0; border-top: 1px solid #a0a0a0; margin:50px 15px 30px 0;  }
.chronology_col .col_cont { line-height: 140%; font-weight: 300; }

/* #chart */
.chart_cont { padding: 0 0 100px 0;}
.archive_content .sub_menu_chart { padding-bottom: 70px;  }
.archive_content .sub_menu_chart .active_none { padding-right: 20px; color: #aaaaaa; font-size: 22px; font-weight: 400; padding-top: 10px;  }
.archive_content .sub_menu_chart .active_1 { padding-right: 20px; font-size: 34px;  font-weight: 500; width: 500px; }




/* Publication */
.publication_cont { padding: 50px 0 70px 0; }
.publication_cont .sub_menu .active { margin-right:60px; }
.publication_cont .col { float: left; width: 400px; margin-bottom: 50px; }
.publication_cont .col .img_box { padding:0 0 0 70px; }
.publication_cont .txt_box { padding:20px 0 20px 50px; }
.publication_cont .txt_box p { font-size: 13px; color: #aaaaaa; font-weight: 400; padding: 0 0 15px 0; }
.publication_cont .txt_box p span { color: #fc9902;  }
.publication_cont .txt_box strong { font-size: 20px; font-weight: 500; }

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

/* Publication View */
.publication_view_cont { padding:0 0 200px 0; }
.publication_view_cont table { line-height: 140%; }
.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 .download_box2 { background-color: #fe8f00; padding: 0 10px 0  10px; width: 100px; height: 40px; }
.publication_view_cont .download_box2 .download_bnt { color: #ffffff; font-size: 12px; font-weight: 300; padding:15px 20px 15px 35px;  background-image: url("../img/download_icon2.png"); background-repeat: no-repeat, repeat; display: block; }


/* #Search */
.search_result_box { clear: left; text-align: center; background-color: #f2f2f2; padding: 50px 0 50px 0;  }
.search_result_box input.search_bar { color: #aaaaaa; width: 764px; height: 50px; border: 1px solid #f29200; margin: 50px 0 50px 0; font-size: 18px; }
.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: 400; font-size: 36px; }

.search_content { margin-bottom: 150px; }
.search_content .search_list .more { float: right; font-size: 14px; padding-right: 10px; }
.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 { padding: 0 0 200px 0; }
.search_content .search_left_cont { width: 800px; }
.search_content .search_left_cont .title_box span { color: #000000; }
.search_content .search_title_box h3 { padding: 50px 0 30px 0; color: #f29200; font-weight: 300; }
.search_content .search_title_box span { color: #000000; }

.search_content .search_right_cont { width: 300px; float: left; position: absolute; top:500px; margin-left: 850px;  }
.search_content .search_right_cont .hashtag1 { border-top: 1px solid #aaaaaa; padding:10px 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;  }
.search_content .search_right_cont .hashtag2 { margin-top: 160px;  clear: left; 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;  }


.search_list { clear: left; padding: 40px 0 40px 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: 0 0 0 15PX; }
.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; }
.search_content .search_con .txt_box { width: 500px; float: left; padding: 4px 0 0 20px; }
.search_content .search_con li { clear: left; padding: 30px 0 30px 0; }
.search_content .tab_hashtag { float: left;  }
.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-left: 5px; color: #aaaaaa; font-weight: 300; font-size: 14px; }
.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;  }

.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: 70px 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: 500; }
.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: 20px; }
.d_museum_box .slider { text-align: center; padding: 50px 0 60px 0; }
.d_museum_box .txt_box p { color: #0000000; line-height: 140%; font-weight: 300; }
.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: 400; padding: 0 20px 0 20px; }
.d_museum_box .address span.address {  padding-left:0; }
.related_box .title_box h3 { border-top: 1px solid #aaaaaa; padding: 10px 0 0 0; color: #666666;  font-size: 20px; }
.related_box .title_box h3 span { padding-left: 30px;  font-size: 13px; font-weight: 400; }
.related_list li { width: 300px; float: left; padding: 20px 0 30px 0; }
.related_list .img_box { padding: 0 0 15px 0; }
.related_list .txt_box { line-height: 160%; }
.related_list .txt_box .feature { font-size: 13px; font-weight: 400; color: #f29200; }
.related_list .txt_box .date { color: #888888; font-size: 13px; font-weight: 400; }




/* 02.link */
.usefulsite_cont { padding: 50px 0 70px 0; }
.usefulsite_menu { padding: 70px 0 50px 0; }
#search_bar_box { text-align: center; background-color: #f6f6f6; padding: 50px 0 50px 0; }
#search_bar_box select { width: 350px; height: 50px; background-color: #ffffff; color: #666666; border: 1px solid #f29200; margin-right: 10px; }
#search_bar_box  input  { width: 500px; height: 50px; background-color: #ffffff; color: #666666; border: 1px solid #f29200; }
#search_bar_box .btn_search_go { position: absolute; top: 250px; right: 520px; width:50px; height:50px; background-image: url("../img/search50.jpg"); background-repeat: no-repeat, repeat; display: block; }

.usefulsite_content h2 { font-size: 13px; padding: 70px 0 10px 0; color: #666666; font-weight: 400; }

.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: 500; }

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


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

span.plus { font-weight: 600; color: #666666; font-size: 19px; padding-right: 20px; }
span.title { font-weight: 600; color: #666666; font-size: 19px; font-size: 19px; }
span.site { font-weight: 300; color: #666666; }
span.accordion_box { background-color: #f6f6f6; color: #f29200; padding: 5px 20px 5px 20px; float: right;}
section .inner .page_box { margin: 0 0 100px 0;  }

div.tab { overflow: hidden; width: 800px; }
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; }
div.tab div.tablinks:nth-child(1) { border-left: 1px solid #aaaaaa; }
div.tab div.tablinks:hover { background-color: #f29200; color: #ffffff; border: 1px solid #f29200; }
div.tab div.tablinks.active { background-color: #f29200; color: #ffffff; border: 1px solid #f29200; }
.tabcontent { width: 800px; padding: 20px 0 20px 0; }


/*----------------------------- #about ------------------------------*/
.about_content { padding: 50px 0 70px 0;  }
/* contact */
.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: #666666; font-size: 32px; font-weight: 500; padding-left: 20px; }




/* serch */

#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:13px; color: #fe8f00; border-right: 1px solid #fe8f00; margin-top: 20px; padding-left: 20px;  }

#search_box .search_bar { width:995px; height:60px;  }
#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 6px; }
#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; }