//@import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css);
//@import url(https://fonts.googleapis.com/earlyaccess/hanna.css);
//@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
//@import url(https://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
//@import url('https://fonts.googleapis.com/css?family=Arvo');

/* ¿µ¹® ÆùÆ® font-family: 'Roboto', sans-serif; font-weight: 400;*/
//@import url(https://fonts.googleapis.com/css?family=Roboto:500,400,300);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i&display=swap');


/* 2018-12-05 ¸ÞÀÎ english ÆäÀÌÁö*/

#test_wrap{
	width:1200px;
}

.main_intro{	
	width:700px;
	margin:0 auto;
	margin-top:20px;
	text-align:center;
}

.main_intro_top{
	padding:40px;
	background-color:black;
	color:white;
}

.main_intro_top > p{
	padding:10px;
	font-size:19px;
} 

.main_intro_top h1{
	padding:50px;
	//font-weight:bold;
	font-size:35px;
}

.main_intro_bottom {
	padding:40px;
	margin-bottom:30px;
	line-height:22px;
	font-family:'Roboto Slab', serif;
	font-size:14px;
	letter-spacing:1px;
	text-align:justify;
}

.main_intro_bottom .bold{
	font-weight:bold;
}



/* Left menu start */

.left_menu{
	margin-top:40px;
	font-family: 'Noto sans', serif;
	font-size:13px;
	width:200px;
	letter-spacing:-1px;
}

.left_menu ul {	
	list-style-type:none;
	position:relative;
	left:-30px;
}

.left_menu li {	
	margin:1px 0;
}

.left_menu ul li a {
	display:block;
	padding:4px 3px 1px 5px;
	border-radius:3px;
}

.left_menu ul li:hover > a {
	background-color:#696262;
	display:block;
	color:white;
}

.sub {
	padding-left:10px;
}


/* gallery */

#gallery, #gallery_install {
	width:700px;
}

#gallery .img_wrap, #gallery_install .img_wrap{
 	display: table;	
}
#gallery .img, #gallery_install .img {
	width:202px;
	height:206px;
    text-align:center;
	display:table-cell;
	vertical-align:middle;
	border: 2px solid #dddddd;
	line-height:206px;
}
#gallery .img img, #gallery_install .img img {
	padding:2px;
	opacity: 1;
}

#gallery .img a:hover img , #gallery_install .img a:hover img {
	opacity: 0.8;
}

#gallery .gallery_list, #gallery_install .gallery_list {
	float:left;
	margin:2px;
	padding:2px;

}

#gallery .desc, #gallery_install .desc {
	width:180px;
	vertical-align:middle;
	text-align:center;
	display:table-cell;
	padding:10px 8px;
	font-family: verdana, "µ¸¿ò", sans-serif;
	font-size:11px;
	color:#919191;

}
#gallery .desc {
	height:140px;
}


#gallery_install .desc {
	height:50px;
}

/* sub menu  */

#sub_leftmenu {font-family: 'Noto sans', sans-serif; font-size:11px; color:#9e9e9e; text-align:left;}


/* Artist LISTS main contents */

#contents {width:900px; margin:0 auto;}

#left_menu {float:left; width:200px; margin:0 auto; margin-top:50px; padding:0 5px; text-align:left;}
#main_contents {float:left; margin-top:20px; }

.contents_top p {font-family: 'Noto sans', sans-serif; font-size:21px; color:#696969; text-align:left; line-height:18px;}
.contents_top { width:680px; height:28px; margin-top:40px; border-bottom:1px solid #e55900; }

.contents_title p {font-family: 'Noto sans', sans-serif; font-size:21px; color:#9e9e9e; text-align:left; line-height:18px; margin-top:30px;}

.artist_list ul {list-style:none; margin-top:20px; margin-left:5px; }
.artist_list ul li {font-family: 'µ¸¿ò', serif; font-size:14px; color:#000; text-align:left; line-height:23px;}

.artist_list ul li:hover a { color:#ae0d0d; }

/* upcoming */

#upcoming_top p {font-family: 'Noto sans', sans-serif; font-size:20px; text-align:left; line-height:18px;}
#upcoming_top { width:800px; height:28px; margin-top:40px; border-bottom:1px solid #e55900; }

#upcoming_body {margin-top:20px;}
.upcoming_body {margin-top:20px;}
#upcoming_ready {text-align:center; margin: auto; margin-top:20px;}
.upcoming_ready {text-align:center; margin: auto; margin-top:20px;}
.upcoming_ready img{margin-bottom:50px;}

#upcoming_contents {width:800px; margin:0 auto;}

/* footer */
#footer {width:900px; margin:0 auto; margin-top:20px; margin-bottom:30px;}

/* korean leftmenu */

#kor_leftmenu {width:185px; float:left; margin-top:320px;margin-top:320px; margin-right:15px;}

#kor_leftmenu ul { font-family: 'Noto sans', sans-serif; font-weight: 300; font-size:10.5px; color:#2a2a2a;}
#kor_leftmenu > ul {margin-left:20px; }
#kor_leftmenu > ul> li {font-weight:bold;}
#kor_leftmenu li{list-style:none; text-align:left; line-height:1.8;}
#kor_leftmenu li a{ text-decoration:none; color:#2a2a2a;}
#kor_leftmenu ul li a:hover{ color:#cc0044;}


#kor_leftmenu ul ul {margin-left:5px; margin-right:20px; }



/* English CSS */
#div_wrap{width:100% margin:0 auto;}

/* English top menu */
#top_nav {width:910px; margin:0 auto;}

/* English container */
#container {width:910px; margin:0 auto;}

/* English leftmenu */

#eng_leftmenu {width:200px; float:left; margin-top:320px;}

#eng_leftmenu ul { font-family: 'Roboto', sans-serif; font-weight: 300; font-size:10.5px; color:#2a2a2a;}
#eng_leftmenu > ul {margin-left:20px; }
#eng_leftmenu li{list-style:none; text-align:left; line-height:1.8;}
#eng_leftmenu li a{ text-decoration:none; color:#2a2a2a;}
#eng_leftmenu ul li a:hover{ color:#cc0044;}
#eng_leftmenu > ul> li {font-weight:500;}

#eng_leftmenu ul ul {margin-left:10px; margin-right:50px; }


/* Sub menu */

.sub_menu { border-bottom:1px dotted #d4d4d4;}

#menu_title {
	font-family: 'Noto sans', sans-serif; font-weight: 300; font-size:10.5px; color:#2a2a2a;
	font-size:14px;
	margin-bottom:8px;
	border-bottom:1px solid #eee;	
}

.menu1 {margin-bottom:7px;}
.menu1 > ul {margin-top:8px;}


/* English contents */
#contents {width:700px; float:left; margin-top:30px; margin-bottom:30px;}

#eng_ex_title  p {font-family: 'Noto sans', sans-serif; font-size:20px; text-align:left; line-height:18px;}
#eng_ex_title { width:700px; height:28px; margin-top:20px; margin-bottom:20px; border-bottom:1px solid #e55900; }

/* artist */
#artist {font-family:'¸¼Àº °íµñ','µ¸¿ò',sans-serif; font-size:13px; line-height:1.5; text-align:left;}
#artist img {margin-bottom: 20px;}
#artist h3 {font-family:'¸¼Àº °íµñ','µ¸¿ò',sans-serif; font-weight:bold; font-size:30px; text-align:left;}
.divide {line-height:2.5; font-size:18px; font-weight:bold;}

#artist table {width:700px}
#artist p {
	text-align:left;
}


/* eng gallery */

#eng_gallery_wrap {width:700px; margin-top:20px; margin-bottom:5px; overflow:hidden;}
.eng_gallery_list {float:left; width:204px; margin-left:14px; margin-right:14px;}
.box_wrap {display:table;}
.img_box {width:190px; height:190px; padding:10px; border:1px solid #c6c6c6;display: table-cell; vertical-align:middle; text-align:center;}



.desc {
	display:block;
	height:10px;
	width:190px;
}

.eng_gallery_list p {width:220px; height:100px; font-family:'¸¼Àº °íµñ','µ¸¿ò',sans-serif; font-size:11px; line-height:1.5; display:table-cell; vertical-align:middle; text-align:center; padding: 10px 0 10px 0; }

/* eng pastList */

#past_list table {width:650px;}

#past_list td {font-family:'¸¼Àº °íµñ','µ¸¿ò',sans-serif; font-size:12px; line-height:1.6;}

#past_list td a { text-decoration:none; color:#1c1c1c;}
#past_list td a:link { text-decoration:none; color:#1c1c1c;}


/* Contact Us */

#contact_wrap {width:910px; margin:0 auto; margin-top:20px;}

#company_img {overflow:hidden; margin-bottom:30px;}
#img_left { float:left;}
#img_right {float:right;}

#road_info { font-size:12px; font-family:"µ¸¿òü"; margin-top:20px; width:850px; }

#road_info p, #road_info ul li { padding:5px;}

#road_info ul li a { text-decoration:none; color:black;}

#google_map {border:1px solid #ddd; width:900px;height:100%;}



/* main */

#main_wrap {width:900px; margin:0 auto;}
#main_image { width:900px;  text-align:center; margin-top:10px;}
/* #main_image img { width:800px;} */
#main_ready {text-align:center; margin: auto; margin-top:220px; margin-bottom:220px;}

#main_ready:after{
	content: " Àü½ÃÁغñÁßÀÔ´Ï´Ù";
	font-family:'¸¼Àº °íµñ','µ¸¿ò',sans-serif; 
	font-size:16px; 
}

#main_ready_eng {text-align:center; margin: auto; margin-top:220px; margin-bottom:220px;}

#main_ready_eng:after{
	content: "The next preparing for the exhibition.";
	font-family:'¸¼Àº °íµñ','µ¸¿ò',sans-serif; 
	font-size:16px; 
}

#past_exhibition {width:900px; overflow:hidden;}

#past_exhibition h3 {
	width:900px;
	font-family: 'Roboto', sans-serif; font-weight: 500; font-size:13px; color:#2a2a2a;
	line-height:1.4;
	border-bottom:1px solid #ddd;
}
.circle {
	display:inline-block;
	width:5px;
	height:5px;
	border-radius:2px;
	background-color:orange;
	margin-right:5px;
	margin-bottom:2px;
}

#past_exhibition ul {
	margin-top:15px;
	width:860px;
	margin: auto;
}

#past_exhibition ul li {
	text-decoration:none;
	float:left; 
	width:200px; 
	margin-right:5px;
	font-family:'¸¼Àº °íµñ','µ¸¿ò',sans-serif; 
	font-size:12px; 
	line-height:1.1;
	text-align:center;
}

#past_exhibition ul li a{
	text-decoration:none;
	color:#000;
}

#bottom_content {overflow:hidden; margin-top:30px;}

#bottom_left { float:left;}
#bottom_right { float:right;}

/* .intro_image { width:700px } */

#intro {width:700px; text-align:center;}
#intro_desc {margin-top:20px; margin-bottom:30px; font-family: 'Noto Sans', sans-serif;}
#intro_desc p{padding:10px; font-size:12px;}

#intro img {
	width:700px;
}

#intro {
	font-family: 'Noto Sans', sans-serif;

}

#intro h1{

	margin:30px;
}

#intro_desc {
	font-family: 'Noto Sans', sans-serif;
	font-size:14px;
	line-height:1.3;
	text-align:left;
}

#intro_desc_foot {
	text-align:right;
	padding-right:10px;
	float:right;
}

#intro_desc_foot p {
	padding-bottom:10px;
}

.past_banner {
	margin:10px;
}

.past_banner div{
	width:160px;
	margin-bottom:10px;
}

.past_banner div:first-child{
	height:75px;
	overflow:hidden;
}

.past_banner img{
	width:160px;
	text-align:center;
}
.past_desc {
	position:relative;
	height:60px;
}

.upcoming_content{
	width:100%;
	text-align:center;
}
.upcoming_content h1{
	font-family: 'Noto Sans', sans-serif;
	font-size:40px;
	font-weight:500;
	padding:10px;
}
.upcoming_content h2{
	font-family: 'Noto Sans', sans-serif;
	font-size:25px;
	font-weight:400;
	padding:10px;
}

.upcoming_image {
	margin-top:30px;
}

.hwarang_logo {
	background:grey;
	width:700px;
	text-align:center;
	margin-bottom:30px;
}

.hwarang_logo img {
	padding-top:20px;
	padding-bottom:20px;
	width:500px;
}
.upcoming_content p {
	padding:10px;
	font-family: 'Noto Sans', sans-serif;
	font-size:15px;
	text-align:left;
	line-height:1.5em;
}


video {
	width:100%;
}

.video_caption{
	margin-top:20px;
}

.video_caption h2, p, h3{
	text-align:center;
}

.video_caption h2{
	font-family:'Roboto', sans-serif; font-size:17px;
	font-style:italic;
	font-weight:bold;
}

.video_caption h3{
	font-family:'Roboto', sans-serif; font-size:16px;
	font-weight:400;
}

.video_caption p{
	font-family:'Roboto', sans-serif; font-size:14px;
	line-height:23px;

}

.intro_page p:nth-child(2){
	padding:15px;
	text-align:left;
	font-family:'Roboto', sans-serif; font-size:13px;
	font-weight:400;
	line-height:23px;
}

.intro_page p:nth-child(3){
	padding:15px;
	text-align:left;
	font-family:'Roboto', sans-serif; font-size:13px;
	font-weight:400;
	font-style: italic;
	line-height:23px;
}


.eisa_jocson_artworks_image {
	margin-top:50px;
	margin-bottom:30px;
}

.eisa_jocson_artworks_image img{
	padding:0.6%;
	width:18%;
}

.eisa_jocson_artworks_caption > h2{
	text-align:center;
	font-family:'Roboto', sans-serif; font-size:15px;
	font-weight:400;
	font-weight:bold;
	font-style:italic;
}

.eisa_jocson_artworks_caption > p{
	text-align:center;
	font-family:'Roboto', sans-serif; font-size:14px;
	font-weight:400;
	line-height:23px;
}

#gallery > img {width:100%;}


.artworks_p:nth-child(1) {
	float:left;
	margin-right:2%;
	width:35%;
	overflow:hidden;

}

.artworks_p:nth-child(2) {
	float:left;
	margin-right:2%;
	width:35%;
	overflow:hidden;

}

.artworks_p:nth-child(3) {
	float:left;
	width:22%;
	overflow:hidden;

}

.eisa_jocson_artworks_caption_p > h2{
	margin-top:20px;
	text-align:center;
	font-family:'Roboto', sans-serif; font-size:14px;
	font-weight:400;
	font-weight:bold;
	font-style:italic;
}

.eisa_jocson_artworks_caption_p > p{
	width:100%;
	font-family:'Roboto', sans-serif; font-size:11px;
	font-weight:400;
	line-height:1.3em;
}



.artworks_s:nth-child(1) {
	float:left;
	margin-right:2%;
	width:48%;
	overflow:hidden;

}

.artworks_s:nth-child(2) {
	float:left;
	width:48%;
	overflow:hidden;

}

.eisa_jocson_artworks_installtion{
	margin-top:50px;
	clear:both;
} 

.artworks_install{
	width:100%;
}

.eisa_jocson_artworks_caption_install > h2{
	margin-top:20px;
	text-align:center;
	font-family:'Roboto', sans-serif; font-size:16px;
	font-weight:400;
	font-weight:bold;
	font-style:italic;
}

.eisa_jocson_artworks_caption_install > p{
	width:100%;
	font-family:'Roboto', sans-serif; font-size:12px;
	font-weight:400;
	line-height:1.6em;
}

.eisa_jocson_artworks_install_detail img{
	padding:0.8%;
	width:31%;
}

.eisa_jocson_artworks_p_section img, .eisa_jocson_artworks_s_section img,  .eisa_jocson_artworks_installation img{
	width:100%;
}

.eisa_jocson_artworks_p_section, .eisa_jocson_artworks_s_section,  .eisa_jocson_artworks_installation{
	overflow:hidden;
}

#gallery > div {
	margin-top:30px;
	margin-bottom:20px;
}


#NEW##################################################################################################################


#main_contents, #artist_bio{
	width:700px;
	
}

#intro img{
	width:100%;
}

#artist_bio h1{
	font-family:'Roboto', sans-serif; 
	font-size:30px;
	font-weight:500;
	line-height:1.6em;
	text-align:left;
	padding-bottom:10px;
}

#artist_bio h3{
	font-family:'Roboto', sans-serif; font-size:22px;
	font-weight:400;
	line-height:1.6em;
	text-align:left;
	padding-bottom:10px;
}

#artist_bio p{
	font-family:'Roboto', sans-serif; font-size:14px;
	font-weight:300;
	line-height:1.6em;
	text-align:left;
	padding-bottom:30px;
}

#artworks, #install{
	width:700px;
	overflow:hidden;
}

.artworks_wrap, .install_wrap{
	overflow:hidden;
}

.img_outbox{
	float:left;
	width:228px;	
	margin-right:6px;	
	overflow:hidden;
}

.img_outbox p{
	padding:20px;
	font-family:'Roboto', sans-serif; font-size:13px;
	font-weight:300;
	line-height:1.5em;
	text-align:center;
}

.img_outbox:nth-child(3n){
	margin-right:0px;
}

.img_inbox {
	display:table-cell;
	vertical-align:middle;
	width:210px;
	height:210px;
	padding:8px;
	border:1px solid #c6c6c6;
	overflow:hidden;
	text-align:center;

}

.img_inbox img{
	width: 100%;
    height: 100%;
	object-fit: contain;
}

table td{
	font-family:'Roboto', sans-serif; font-size:14px;
	font-weight:300;
	line-height:1.8em;
}

.artist_subtitle {
	font-family:'Roboto', sans-serif; font-size:18px;
	font-weight:400;
	line-height:1.8em;
	font-style:bold;

}

#cover {
	width:700px;
}

span.font_13 {
	font-size:14px;
}


.popup_background{ position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:#000; opacity:.7; filter:alpha(opacity=70);z-index:9990}
#popup{ position:fixed; left:50%; top:50%; margin-left:-500px; margin-top:-250px; width:800px; height:471px; background-color:#fff; z-index:9995;}
#popup img {width:800px;}
.popup_close{ font-family:verdana; font-size:40px; color:#fff; background-color:#ddd; padding:2px 7px; position:absolute; top:5px; right:5px; border-radius:3px; border:none;}
.popup_close:link{ border:none;}
.popup_close:hover{ background-color:#727272; transition:background-color .5s;}