@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%; }

/* header */
/*#header { overflow: hidden; position: fixed; background-color: #ffffff; top: 0; width: 100%; }*/
.navbar { width:1200px; margin: 0 auto; height:40px; padding:20px 0 0 0;  }
#header h1 a { width:117px; height:64px; background-image: url("../img/theartro_logo_.gif"); background-repeat: no-repeat, repeat; display: block; }
#header .logo {  width:250px; padding:0 0 20px 5px; }
#nav { padding:40px 0 0 0; }
#header .gnb_util {  float:right;  }
#nav li { float:left;  width:120px; color:#4c4c4c4; font-weight: 900; font-size:15px;  }
#nav li a, a:link, a:visited, a:hover, a:active { color:#222222; }
#header .gnb_util li { float:left;  width:30px; color:#ffffff; font-weight:900; font-size:14px; padding-left: 10px; }
#header .gnb_util .join { padding-top: 3px; } 
#header .gnb_util .facebook { width:20px; height:20px; background-image: url("../img/facebook_icon.gif"); background-repeat: no-repeat, repeat; display:block; } 
#header .gnb_util .twitter { width:20px; height:20px; background-image: url("../img/twitter_icon.gif"); background-repeat: no-repeat, repeat; display:block; } 


#container { clear:left; } margin-top: 104px;
#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; position: absolute; }
#search_box .btn_search_go { float: right; width:60px; height:60px; background-image: url("../img/search_2.png"); background-repeat: no-repeat, repeat; display:block; }
#search_box .hashtag li { color:#fe8f00; font-size:14px; float:left; padding:25px 0 25px 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; }
#container .inner { clear:left; }

/* 공통사항 */
section { padding:30px 0 30px 0; }
section ul li { float:left; width:380px; padding: 0 0 15px 0; }
section .art_fairs { padding-left:30px; }
section .museums { padding-left:30px; }
section li .section_title { border-top:1px solid #aaaaaa; padding:10px 0 20px 0; }
section .section_tit { color:#615f5f; font-size:20px; }
section .section_more { color:#aaaaaa; font-size:14px; font-weight:4 00; padding:5px 0 0 20px; }
section .section_cont .text_box { padding-top: 10px; }
section .section_cont .text_box strong { color:#000000; font-size:21px; }
section .section_cont .text_box p { color:#000000; padding:15px 0 20px 0; font-weight:400; }
section .section_cont .text_box span { color:#aaaaaa; }
section .section_cont .text_box span em { font-size:14px; }
section .section_cont .text_box span img { float:right; }

/* section1 */
section .art_market  .section_tit { float: left; padding-bottom: 20px;}


/* section2 */
section .video_wrap { padding-top: 50px; }
section .video { width:380px; height: 460px; background-color:#f2f2f2; clear: left; position: relative; top:35px;}
section .video .section_title { padding:15px 32px 15px 30px; }
section .video .section_title h3 { font-size:30px; }
section .video .section_cont { padding:0 32px 0 30px; }
section .video .section_cont div {  }


section .features { float: left; width: 800px; position: absolute; top:1330px; padding:0px 0 0 400px;}
section .features ul { }
section .features ul li { width:800px; }
section .features .section_cont div { float:left; padding:0 0 0 15px; width:600px; }
section .features .section_cont div .text_box strong { font-size:17px; }
section .features .section_cont div .text_box .section_sub1_text { padding:10px 0 15px 0; font-size:12px; }


section .whats_on  { position: absolute; padding-top: 50px; }
section .whats_on  ul li { width:800px; }
section .whats_on .section_cont div { float:right; padding:0 0 0 15px; width:600px; }
section .whats_on .section_cont div .text_box strong { font-size:17px; }
section .whats_on  .section_cont .text_box .section_sub1_text { padding:10px 0 15px 0; font-size:12px; }

section .sub_visual_box { width:380px; padding:50px 0 0 820px; }
section .sub_visual_box .sub_visual1 a { width:380px; background-image: url("./img/11_exhibition.jpg"); background-repeat: no-repeat, repeat; display:block;}
section .sub_visual_box .sub_visual1 { width: 380px; height: 340px; background-image: url("../img/11_exhibition.jpg"); background-repeat: no-repeat, repeat; display:block; }
section .sub_visual_box .sub_visual2 { width: 380px; height: 112px; background-image: url("../img/12_space.jpg"); background-repeat: no-repeat, repeat; display:block; }

section .publication { width: 380px; position: absolute; padding: 0 0 50px 0;  }
section .publication .section_cont div { width:180px; float: left; padding-left:20px;}
section .publication .section_cont .text_box div {  }
section .publication .section_cont .text_box p { padding:0; }
section .publication .section_title { width: 380px;  border-top:1px solid #aaaaaa; padding:10px 0 20px 0; }
section .section_tit { color:#615f5f; font-size:21px; display:inline; }
section .section_more { color:#aaaaaa; font-size:14px; font-weight:400; padding:5px 0 0 20px; }
section .publication .section_cont div { padding-top:100px; }
section .section_cont .text_box strong { color:#000000; font-size:21px; }
section .section_cont .text_box p { color:#000000; padding:15px 0 20px 0; }
section .section_cont .text_box span { color:#aaaaaa; }
section .section_cont .text_box span em { font-size:14px; }


section .banner { float: left; width:800px; padding: 0 0 60px 400px; position: relative; }
section .banner a { width: 400px; height: 160px; }
section .banner a div { padding: 25px; }
section .banner a div strong { line-height: 150%; font-size: 18px; }
section .banner a div em { font-size: 12px; font-weight: 400; line-height: 110%;}
section .banner .banner1 { background-image: url("../img/14_art_program.jpg"); background-repeat: no-repeat, repeat; display:block; }
section .banner .banner1 strong { color:#ffffff; padding-bottom:5px; }
section .banner .banner2 { background-image: url("../img/15_chronology.jpg"); background-repeat: no-repeat, repeat; display:block; }
section .banner .banner2 strong { color:#666666; padding-bottom:5px; }
section .banner .banner3 { background-image: url("../img/16_site_link.jpg"); background-repeat: no-repeat, repeat; display:block; }
section .banner .banner3 strong { color:#666666; padding-bottom:5px; }
section .banner .banner4 { background-image: url("../img/17_art_history_chart.jpg"); background-repeat: no-repeat, repeat; display:block; }
section .banner .banner4 strong { color:#ffffff; padding-bottom:5px; }
section .banner .banner4 em { color:#666666; }

/* footer */
#footer { font-size: 14px; }
#footer .logo { width: 90px; height: 70px; background-image: url("../img/logo.png"); background-repeat: no-repeat, repeat; display:block; }
#footer .footer_con { width: 960px; padding:7px 0 0 115px; line-height: 150%;}
#footer .inner { padding: 20px 0 0 20px; }
#footer .footer_con ul li {  width: 70px; height:20px; float: left; }
#footer .footer_con ul li a, a:link, a:visited, a:hover, a:active { color:#444444; float: left; font-weight: 600; }
#footer .inner .subscribe { position: relative; top: -50px; left:1070px; width: 122px;  height: 30px; border: 1px solid #fe8f00; text-align: center; font-weight: 400; color: #fe8f00; padding-top: 12px; }