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

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


/*----------------------------- #about ------------------------------*/
.about_content { padding: 50px 0 150px 0;  }
/* contact */
.contact_menu { padding: 0 0 70px 0; }
.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: 500; 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 { padding-bottom: 30px; 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 { clear: left; margin-top: 50px; background-color: #f6f6f6; width: 1200px; height: 580px; padding: 0 50px 20px 50px; }
.subscribe_box .title_box { padding: 50px 0 30px 0; }
.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: 500; }
.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: 500; }
.activity_box .row2 { padding-top: 15px; }
.subscribe_contact { padding: 50px 0 70px 0; color: #666666; }
.subscribe_contact .name_box { width: 300px; height: 40px; border: 1px solid #aaaaaa; margin-left: 105px; }
.subscribe_contact .email_box { width: 280px; height: 40px; border: 1px solid #aaaaaa; margin-left: 30px; }
.subscribe_contact .email { padding-left: 80px; }
.search_btn { background-color: #737373; width: 170px; height: 40px; color: #ffffff; }
.subscribe_contact form div { padding: 30px 0 0 0;  }
.organ_txt { width: 920px; height: 40px; border: 1px solid #aaaaaa; margin-left: 40px; }
.organ_box { width: 105px; float: left;}
.button_box { padding-left: 350px; }
.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%; }

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

/* Kams Visual Art Program */
.about_tit_box { padding-bottom: 80px;  }
.about_tit_box .active a { color: #222222;  font-size: 32px; font-weight: 500; }
.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; }
.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%; padding-top: 40px; float: right; }
.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: 500; 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;  }
.tit_bold { font-weight: 400; color: #666666;  }
.txt_box li:nth-child(1) .sub_txt { padding-left: 60px; }
.txt_box li:nth-child(2) .sub_txt { padding-left: 50px; }
.txt_box li:nth-child(3) .sub_txt { padding-left: 75px; }
.txt_box li:nth-child(4) .sub_txt { padding-left: 82px; }
.txt_box li:nth-child(5) .sub_txt { padding-left: 70px; }
.color_mail { color: #f29200; }
.publisher_list li:nth-child(4) .tit_bold { padding-right: 66px; }
.publisher_list li:nth-child(5) .tit_bold { padding-right: 70px; }
.publisher_list li:nth-child(6) .tit_bold { padding-right: 80px; }
.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: 50px; }

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