﻿/* ================================================
	common style
	source file: style.css
	target: CSS Level 2
================================================ */
/* common style */
* { margin: 0; padding: 0; }
body {background:url(../images/common/bg01.gif) repeat-x;}
body, input, textarea {font-Family:Dotum, Arial; font-size:11px; color:#343434; }
input, select, textarea { vertical-align: middle;}
select {font-size:11px; line-height:21px; color:#343434;}
textarea {overflow:auto;}
a { color: #343434; text-decoration: none; }
a:hover {color:#252525; text-decoration: none;}
img { border: 0; display: inline-block; }
ul, ol { list-style: none; }
hr {display:none;}

.layout_fix {overflow:hidden;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}

.hide {display:none;}

.mg_t20 {margin-top:20px;}
.mg_t30 {margin-top:30px;}
.mg_t50 {margin-top:50px;}

.pd_0 {padding:0;}

/* .img_on {filter:alpha(opacity=100); opacity:1; -webkit-opacity:1;}
.img_off {filter:alpha(opacity=70); opacity:0.7; -webkit-opacity:0.7;} */

.input_gray {height:19px; border:solid #929294 1px;}

.tab01 {width:651px; overflow:hidden; font-family:arial; font-weight:bold}
 .tab01 ul {float:left; display:inline; width:669px; margin-left:-18px;}
 .tab01 li {float:left; display:inline; margin-left:18px; padding-right:17px; background:url(../images/common/line01.gif) no-repeat right 4px; font-size:12px; color:#757575;}
 .tab01 li a {color:#757575;}
 .tab01 .on {color:#252525;}
 .tab01 .on a {color:#252525 !important;}
 .tab01 .last {padding-right:0; background:none;}

.notice01 {color:#6b6b6b; line-height:14px;}
 .notice01 span {display:inline-block; padding:5px 7px 5px 7px; margin-bottom:8px; background:#2a2a2e; font-family:arial; font-size:11px; color:#ffffff;}
 .notice01 strong {text-decoration:underline; font-weight:normal;}


/* intro style */
#intro  {width:930px; margin:0 auto; padding-top:110px;}
 #intro .logo {text-align:center;}
 #intro .pic {margin-top:83px; text-align:center;}
 #intro .link {margin-top:68px;}
 #intro .link ul {width:128px; margin:0 auto; overflow:hidden;}
 #intro .link .left {width:64px; background:url(../images/common/line01.gif) no-repeat right top;}


/* main style */
#main {background:none;}
 #main .main_wrap {width:930px; margin:0 auto; padding-top:100px;}
 #main .logo {text-align:center;}
 #main .link {margin-top:10px;}
 #main .link ul {width:154px; margin:0 auto; overflow:hidden;}
 #main .link .left {width:109px; background:url(../images/common/line01.gif) no-repeat right top;}
 #main .pic {width:930px; margin-top:150px; overflow:hidden;}
 #main .pic ul {float:left; display:inline; width:960px; margin-left:-30px;}
 #main .pic li {float:left; display:inline; width:210px; margin-left:30px;}
 #main .pic li img {display:block;}

/* layout style */
#wrap {width:1025px; margin:0 auto;}

#container {width:924px; margin:0 auto; overflow:hidden;}

#top_menu {height:195px;}

#left_menu {float:left; display:inline; width:247px; padding-right:26px; background:white; font-family:arial}
 #left_menu .title {float:left; width:247px; color:#343434; font-size:15px; font-weight:bold; font-family:Dotum}
 #left_menu p {float:left; width:247px; color:#343434; font-size:15px; font-weight:bold;}
 #left_menu .date {margin-top:13px; color:#343434; font-size:11px;}
 #left_menu ul {float:left; width:247px;}
 #left_menu li {float:left; width:247px;}
 #left_menu .type1 {margin-top:20px; color:#757575; font-size:11px; line-height:15px;}
 #left_menu .type1 a {color:#757575;}
 #left_menu .type1 a:hover {color:#252525; text-decoration: none;}
 #left_menu .type2 {margin-top:30px; color:#757575; font-size:12px; font-weight:bold; line-height:18px;}
 #left_menu .type2 a {color:#757575;}
 #left_menu .type2 a:hover {color:#252525; text-decoration: none;}
 #left_menu .type3 {color:#757575; font-size:15px; font-weight:bold; line-height:19px;}
 #left_menu .type3 a {color:#757575;}
 #left_menu .type3 a:hover {color:#252525; text-decoration: none;}
 #left_menu .on {color:#252525;}
 #left_menu .on a {color:#252525;}
 #left_menu .on a:hover {color:#252525;}
 #left_menu .btn_back {margin-top:18px; color:#343434; font-size:12px; font-weight:bold;}
 #left_menu .btn_back a {color:#252525;}
 #left_menu .btn_back img {vertical-align:middle;}

#contents {float:left; display:inline; width:651px; padding-bottom:35px;}
#contents2 {float:left; display:inline; width:924px; padding-bottom:35px;}

.introduction {width:443px; overflow:hidden; line-height:21px;}
 .introduction p {margin-top:15px;}
 .introduction dl {width:443px; margin-top:20px; overflow:hidden;}
 .introduction dt {float:left; width:443px; font-weight:bold;}
 .introduction dd {float:left; width:443px;}
 .introduction dd .btn_print {margin-top:9px; text-align:right;}
 .introduction dd .btn_print img {vertical-align:middle;}
 .introduction dd a {text-decoration:underline;}


.press_release {width:450px; color:#343434; line-height:21px;}
 .press_release p {margin-top:25px;}
 .press_release .down {margin-top:15px; font-weight:bold;}
 .press_release .down img {vertical-align:middle;}
 .press_release .down a {text-decoration:underline;}

.press {color:#343434; line-height:21px;}
 .press ul {width:651px; margin-top:-30px; overflow:hidden;}
 .press li {float:left; width:651px; margin-top:30px;}
 .press span {margin-right:5px; font-size:13px; font-weight:bold;}
 .press .down {margin-top:5px; font-weight:bold;}
 .press .down img {vertical-align:middle;}
 .press .down a {text-decoration:underline;}


.artist_list {width:900px; overflow:hidden;}
 .artist_list ul { width:900px;margin-bottom:10px;}
 .artist_list li {width:225px; margin-bottom:10px;}

.artist_list2 {width:900px;}

.artist_list3 {width:651px; overflow:hidden; font-family:arial;}
 .artist_list3 p {font-size:15px;}
 .artist_list3 ul {float:left; display:inline; width:651px; margin-top:40px;}
 .artist_list3 li {float:left; display:inline; width:165px; margin-right:45px; font-size:12px; color:#757575; font-weight:bold;}
 .artist_list3 li span {display:block; margin-top:10px; text-align:center;}
 .artist_list3 li a {color:#757575;}

.artist {font-family:arial; font-weight:bold;}
 .artist span {display:inline-block; width:60px;}
 .artist .text {display:inline-block; width:150px;}
 .artist img {vertical-align:middle;}

.artist2 {font-family:arial; padding-top:13px;}
 .artist2 .date {color:#343434; font-size:11px; font-weight:bold;}
 .artist2 .name {color:#757575; font-size:11px;}
 .artist2 .pic {margin-top:10px;}

.textnprint {color:#343434; line-height:21px;}
 .textnprint ul {width:651px; margin-top:-30px; overflow:hidden;}
 .textnprint li {float:left; width:651px; margin-top:30px;}
 .textnprint span {margin-right:5px; font-size:13px; font-weight:bold;}
 .textnprint .down {margin-top:5px; font-weight:bold;}
 .textnprint .down img {vertical-align:middle;}
 .textnprint .down a {text-decoration:underline;}

.art_school {width:584px;}
 .art_school p {margin-bottom:20px;}

.upcomming {}
 .upcomming dl {width:584px; overflow:hidden;}
 .upcomming dt {float:left; width:584px; margin-bottom:4px; font-size:13px; font-weight:bold;}
 .upcomming dd {float:left; width:584px; line-height:21px;}
 .upcomming dd .down {margin-top:5px; font-weight:bold;}
 .upcomming dd .down img {vertical-align:middle;}
 .upcomming dd .down a {text-decoration:underline;}

.past_list ul {width:651px; overflow:hidden; font-family:arial;}
 .past_list li {float:left; width:651px; margin-bottom:11px;}
 .past_list li p {float:left; width:179px;}
 .past_list li p img {float:left;}
 .past_list li .type1 {float:left; width:472px;}
 .past_list li .type1 dt {float:left; width:472px; margin-bottom:4px; padding-top:2px; font-size:15px;}
 .past_list li .type1 dd {float:left; width:472px; font-size:11px; color:#757575;}
 .past_list li .type1 dd a {color:#757575;}
 .past_list li .type2 {float:left; width:472px;}
 .past_list li .type2 dt {float:left; width:472px; margin-bottom:4px; padding-top:2px; font-size:14px; font-weight:bold; font-family:Dotum;}
 .past_list li .type2 dd {float:left; width:472px; font-size:11px; color:#757575; font-family:Dotum; line-height:16px;}
 .past_list li .type2 dd span {display:inline-block; width:65px;}


/* img view style */
.img_view {width:651px; overflow:hidden; font-family:arial; color:#757575;}
 .img_view .pic {float:left; display:inline; width:455px;}
 .img_view .pic img {filter:alpha(opacity=100);}
 .img_view .pic img.idupe {position:absolute; z-index:30000; visibility:hidden;}
 .img_view .desc {float:left; display:inline; width:170px; margin-left:26px;}
/* .img_view .desc p {margin-bottom:5px; color:#343434; font-size:12px; font-weight:bold; font-style:italic;}*/
 .img_view .desc span {display:block; margin-bottom:7px; font-size:11px;}
 .img_view .thumb {float:left; display:inline; width:177px; margin-left:-7px;}
 .img_view .thumb li {float:left; display:inline; width:50px; border:solid #ffffff 1px; margin:8px 0 0 7px;}
 .img_view .thumb img {display:block;}
 .img_view .thumb .on {border:solid #000000 1px;}
 .img_view .paging {clear:both; width:170px; padding-top:27px; overflow:hidden;}
 .img_view .paging span {display:inline; margin:0 10px; color:#343434;}
 .img_view .paging img {vertical-align:middle;}


/* artist style */
.artist_bio {width:651px; overflow:hidden;}
 .artist_bio .name {font-size:14px; font-weight:bold;}
 .artist_bio .name span {margin-left:5px; font-size:12px; font-weight:normal;}
 .artist_bio .name a {text-decoration:underline;}
 .artist_bio dl {width:651px; margin-top:25px; overflow:hidden;}
 .artist_bio dt {float:left; width:651px; margin-bottom:3px; font-weight:bold;}
 .artist_bio dd {float:left; width:651px;}
 .artist_bio dd table {width:100%;}
 .artist_bio dd th {width:37px; text-align:left; font-weight:normal; line-height:20px; vertical-align:top;}
 .artist_bio dd td {line-height:20px; vertical-align:top;}

.artist_ex ul {width:651px; overflow:hidden; font-family:arial;}
 .artist_ex li {float:left; width:651px; margin-bottom:11px;}
 .artist_ex li p {float:left; width:179px;}
 .artist_ex li p img {float:left;}
 .artist_ex li dl {float:left; width:472px;}
 .artist_ex li dt {float:left; width:472px; margin-bottom:4px; font-size:15px;}
 .artist_ex li dd {float:left; width:472px; font-size:11px; color:#757575;}
 .artist_ex li dd a {color:#757575;}
 .artist_ex .ex_etc {margin-top:15px; font-family:arial;}
 .artist_ex .ex_etc .other {width:165px; padding-bottom:2px; margin-bottom:20px; border-bottom:solid #dedede 1px; font-size:12px; font-weight:bold;}

.contact dl {width:651px; margin-top:25px; overflow:hidden;}
 .contact dt {float:left; width:651px; margin-bottom:3px; font-weight:bold;}
 .contact dd {float:left; width:651px; line-height:20px;}
 .contact dd .map {margin-top:5px;}
 .contact dd .btn_print {width:443px; margin-top:9px; text-align:right;}
 .contact dd .btn_print img {vertical-align:middle;}
 .contact dd .btn_print a {text-decoration:underline;}

.mailling p {font-family:arial; font-size:15px; color:#757575;}
 .mailling dl {width:651px; overflow:hidden;}
 .mailling dt {float:left; width:82px; padding-top:7px;}
 .mailling dd {float:left; width:569px; padding-bottom:9px;}


/* list style */
.list {width:100%;}
 .list th {padding:8px 0; background:#777778 url(../images/common/list_line.gif) no-repeat right 8px;; color:#ffffff;}
 .list th.last {background:#777778;}
 .list td {padding:7px 0 4px 0; border-bottom:solid #eeeeee 1px; text-align:center; color:#777777;}
 .list .title {padding-left:25px; text-align:left;}
 .list td a {color:#777777;}
 .list td a:hover {color:#434343;}

.list2 {width:100%;}
 .list2 td {padding:3px 0 15px 0;}
 .list2 td a:hover {text-decoration:underline;}
 .list2 .num {font-family:arial;}
 .list2 .category {font-family:arial;}
 .list2 .date {}

.view {width:100%;}
 .view td {vertical-align:top;}
 .view .num {font-size:13px; font-weight:bold;}
 .view .title {font-size:13px; font-weight:bold;}
 .view .date {color:#929294; text-align:right;}
 .view .date span {margin:0 5px;}
 .view .down {padding-top:10px; font-weight:bold;}
 .view .down span {margin-right:15px;}
 .view .down img {vertical-align:middle;}
 .view .down a {text-decoration:underline;}

.view_article {margin:25px 0; line-height:21px;}

.btn_back {margin-top:18px; color:#343434; font-size:11px; font-weight:bold;}
 .btn_back a {color:#343434;}
 .btn_back a:hover {color:#343434;}
 .btn_back img {vertical-align:middle;}

.paging_wrap {text-align:center; margin-top:10px; color:#919191; font-family:arial;}
 .paging_wrap  img {vertical-align:middle;}
 .paging_wrap span {margin:0 5px;}
 .paging_wrap a {margin:0 0px; color:#919191;}
 .paging_wrap .on {margin:0 5px; color:#323232;}

.paging_wrap2 {text-align:left;}


@media print {
	#top_menu, #left_menu {display:none;}
	#wrap {width:651px; padding:0; margin:0;}
	#contents {width:651px; padding:0; margin:0;}
}
