//@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; padding-bottom:10px;}

#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_body img {width:100%;}
#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 {margin:0 auto;}

/* 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 { width:96%; 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;
}




.desc {
	display:block;
	height:10px;
	width:190px;
}

.eng_gallery_list p {width:220px; height:100%; font-family:'¸¼Àº °íµñ','µ¸¿ò',sans-serif; font-size:11px; line-height:1.5; display:table-cell; vertical-align:middle; text-align:center; padding: 20px 0 20px 0; }

/* eng pastList */

#past_list table {width:650px;}

#past_list td {	
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size:12px;
	line-height:1.9em;
}

#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:13px; font-family: 'Roboto', sans-serif; margin-top:20px; width:850px; }

#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:400px;}



/* main */

#main_wrap {width:900px; margin:0 auto;}
#main_image {text-align:center; margin-top:10px; overflow:hidden;}
/* #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;}
#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;
}

#cover 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,.video_caption > p,.video_caption > 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.4%;
	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; 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;}



#mobile_menu {
	display:none;
}


#company_img img{
	width:100%;
}

.very_small_width{
	width:4%;
}
.small_width{
	width:12%;
}

.middle_width{
	width:12%;
}

.large_width{
	width:72%;
}

.intro_text p {
	text-indent:10px;
	padding:25px;
	text-align:justify;
	font-family:'Roboto', sans-serif; font-size:14px;
	font-weight:300;
	line-height:1.5em;
}

#footer {
	border-top:1px solid #f0f0ee;
	font-family: 'Noto+Sans', sans-serif;
	font-weight: 400;
	font-size:14px;
	letter-spacing: -0.01em;
	color:#6b6b6b;
	
}

#container:after {
	content: ''; 
	display: table; 
	clear: both;
}

#main_wrap:after {
	content: ''; 
	display: table; 
	clear: both;
}

.artist_list_title{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size:1.2em;
	margin-top:20px;
}

.artist_list_title p{
	margin-left:10px;
	text-align:left;
}

.artist_list{
	width:98%;

	margin-left:2%;

}

.artist_list li a{
	text-decoration:none;
}

.artist_list ul li a{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size:1.1em;
	color:#6b6b6b;
}

.address > p{
		padding:15px;
		font-family: 'Noto+Sans', sans-serif;
		font-weight: 400;
		font-size:13px;
		letter-spacing: -0.01em;
		text-align:center;
	}


.clearfix {
	content:"";
	display:table;
	clear:both;

}

.lb-caption {
	font-family: 'Noto+Sans', sans-serif;
	font-weight: 300 !important;
	font-size:0.8em !important;
	line-height:1.3em !important;
}


.viewingroom {
	width:700px;
	height:500px;
}

.viewingroom_youjiin {
	width:700px;
	height:900px;
}



.read_more{
	width:100%;	
	text-align:center;
	font-family: 'Noto+Sans', sans-serif;
	margin-bottom:50px;
}

.read_more a:link{
	color:black;
	text-decoration:none;
	font-family: 'Noto+Sans', sans-serif;
	font-size:14px;
}

#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;}



/* artworks, installation List */

#install .gallery_bundle {width:700px; overflow:hidden;}
#install .eng_gallery_list {float:left; width:204px; margin-left:14px; margin-right:14px;}
#install .box_wrap {display:table;}
#install .img_box {width:190px; height:190px; padding:10px; border:1px solid #c6c6c6;display: table-cell; vertical-align:middle; text-align:center;}
#install img{ width:100%;}

#artworks .gallery_bundle {width:700px; overflow:hidden;}
#artworks .eng_gallery_list {float:left; width:204px; margin-left:14px; margin-right:14px;}
#artworks .box_wrap {display:table;}
#artworks .img_box {width:190px; height:190px; padding:10px; border:1px solid #c6c6c6;display: table-cell; vertical-align:middle; text-align:center;}
#artworks  img{ width:100%;}

.img_box_300 {width:190px; height:300px; padding:10px; border:1px solid #dedede;display: table-cell; vertical-align:middle; text-align:center;}
.img_box_350 {width:190px; height:350px; padding:10px; border:1px solid #dedede;display: table-cell; vertical-align:middle; text-align:center;}
.img_box_400 {width:190px; height:400px; padding:10px; border:1px solid #dedede;display: table-cell; vertical-align:middle; text-align:center;}
.img_box_430 {width:190px; height:430px; padding:10px; border:1px solid #dedede;display: table-cell; vertical-align:middle; text-align:center;}
.img_box_450 {width:190px; height:450px; padding:10px; border:1px solid #dedede;display: table-cell; vertical-align:middle; text-align:center;}



/*  **********************************************************************************************************************************************  */
@media only screen and (max-width: 768px){

	#pc_menu {
		display:none;
		transition: width 2s linear 1s;

	}

	#wrap {
		padding-top:150px;
		overflow:hidden;
	}

	#mobile_menu {
		display:block;
	}

	#top_nav {
		position:fixed;
		width:100%;
	}

	#main_wrap {
		width:100%;
		overflow:hidden;
	}

	#main_image {
		width:100%;
	}

	#footer {
		width:100%;
	}

	#kor_leftmenu {
		width:100%;
		float:left;
		margin-top:20px;
	}
	
	#kor_leftmenu li {
	
	}


	#kor_leftmenu a {
		font-family: 'Noto+Sans', sans-serif;
		font-weight: 400;
		font-size:1.4em;
	}

	#intro {
		width:100%;
	}

	#cover {
		width:100%;
	}

	#intro img {
		width:95%;
	}

	#cover img {
		width:100%;
	}

	#mobile_menu {
		background:#fbfbfb;
		border-bottom:1px solid #f0f0ee;
	}

	.mobile_top_logo {
		text-align:center;
	}

	#mobile_menu .mobile_top_logo img {
		width:300px;
		padding:20px;
		margin: auto;
		margin-top:10px;
	}

	#mobile_menu .mobile_navi_menu{width:100%; text-align:center;}
	#mobile_menu .mobile_navi_menu ul{display:inline-block;overflow:hidden; padding:5px 0 5px 0;}

	#mobile_menu .mobile_top_button div{float:left;margin-left:18px;padding:10px; }
	#mobile_menu .mobile_top_button div:nth-child(2){margin-left:0px;}
	#mobile_menu .mobile_top_button div a{text-decoration:none;background-color:#4c4c4c; padding:3px 10px 3px 10px; border:1px solid #acacac; border-radius: 10px;font-size:13px; font-family: 'Roboto', sans-serif;}
	#mobile_menu .mobile_top_button div a:link{color:#fff;}
	#mobile_menu .mobile_top_button div a:visited{color:#fff;}
	#mobile_menu .mobile_top_button div a:active{color:#fff;}
	#mobile_menu .mobile_top_button div a:hover{color:#fff;}
	
	.mobile_navi_menu li{
		float:left;
		position: relative;
		padding-right: 5px;
		margin-right: 5px;
		line-height: 20px;
		font-size: 14px;
		letter-spacing: -0.01em;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
	}

	.mobile_navi_menu li:after{
		content: "";
		position:absolute;
		top:5px;
		right:0px;
		width:1px;
		height:10px;
		background:#c8c8cd;
		
	}
	
	.mobile_navi_menu li:last-child:after{
		display:none;		
	}

	.mobile_navi_menu li a{
		text-decoration:none;
		color:#6b6b6b;	
	}

	

	.mobile_navi_menu li:first-child a{
		//color:white;

	}

	.mobile_navi_menu li:nth-child(2) a{
		//color:white;
	}
	
	.mobile_navi_menu {
		overflow:hidden;
	}
	

	#footer {
		border-top:1px solid #f0f0ee;
		
		color:#6b6b6b;
		
	}
	
	#container {
		padding-top:160px;
		width:100%;
		overflow:hidden;
	}

	#contents {
		width:92%;
		margin-left:4%;
		margin-right:4%;
		margin-top:0px;
		margin-bottom:0px;
	}
	
	#eng_ex_title {
		width:100%;		
		border-bottom:1px solid #ddd;
	}

	#eng_ex_title p {
		margin-left:5px;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size:1.2em;
	}
	
	#artist_bio {
		width:94%;
		margin-left:3%;
		margin-right:3%;
	}

	
	#artworks, #install {
		width:100%;
	}

	.img_outbox {
		width:100%;
	
	}

	.img_inbox {
		width:100%;
		border:0px;
	
	}

	.img_inbox img {
		width:100%;
		height:auto;
	}

	/* artworks, install */ 
	#artworks, #install { width:100%; text-align:center; }
	#install .gallery_bundle {width:100%;}
	#install .eng_gallery_list {width:100%;margin:0;}
	#install .eng_gallery_list p{width:100%;line-height:100px;display:block;font-size:14px;}
	#install .img_box {width:100%;}
	#install .img_box img{width:100%;}

	#artworks .gallery_bundle {width:100%;}
	#artworks .eng_gallery_list {width:100%;margin:0;}
	#artworks .eng_gallery_list p{width:100%;height:100%;display:block;font-size:14px; margin:40px 0 40px 0;}
	#artworks .img_box {width:100%;}
	#artworks .img_box img{width:100%;}

	.img_box_300 {width:100%;}
	.img_box_350 {width:100%;}
	.img_box_400 {width:100%;}
	.img_box_430 {width:100%;}
	.img_box_450 {width:100%;}


	#contact_wrap {
		padding-top:150px;
		width:92%;
		margin-top:0px;
		margin-left:4%;
		margin-right:4%;
		margin-bottom:20px;
	}

	#company_img img{
		width:100%;
	}

	#google_map {
		width:100%;
	}

	#road_info {
		width:100%;
	}

	#road_info, #road_info ul{
		font-family: 'Noto+Sans', sans-serif;
		font-weight: 400;
		font-size:15px;
		letter-spacing: -0.01em;
		color:#6b6b6b;
	}

	#popup{ position:fixed; left:0%; top:10%; margin-left:0px; margin-top:100px; width:100%; height:auto; background-color:#fff; z-index:9995;}

	#popup img{
		width:100%;
	}

	.lang_button a {
		color:#6b6b6b;
		text-decoration:none;
	}

	.lang_button a {
		//background:#646464;
		font-family: 'Noto+Sans', sans-serif;
		font-weight: 400;
		font-size:13px;
		line-height:40px;
		//border:1px solid #232323;
		border-radius:3px;
		//padding: 2px 5px 2px 5px;
		
	}

	.lang_button_kor{
		display:none;
	}
	
	.past_menu_list, .artistlist_leftmenu{
		display:none;
	}

	#past_list {
		width:94%;
		margin-left:3%;
		margin-right:3%;
	}
	
	
	.small_width{
		width:20%;
	}

	.very_small_width{
		width:4%;
	}

	.middle_width{
		width:16%;
	}
	
	.large_width{
		width:60%;
	}

	#past_list table{
		display:table-row;
		width:100%;
	}
	#past_list table td{
		font-family: 'Noto Sans KR', sans-serif;
		font-weight: 300;
		font-size:14px;
		line-height:22px;
		white-space: pre-line;
        text-overflow: ellipsis;
		overflow: hidden;
	}

	.address > p{
		padding:18px;
		font-family: 'Noto+Sans', sans-serif;
		font-weight: 400;
		font-size:13px;
		letter-spacing: -0.01em;
	}

	#artist{
		width:96%;
		margin-left:2%;
		margin-right:2%;
	}

	#artist table {
		width:96%;
		margin-left:2%;
		margin-right:2%;
	}

	#gallery {
		width:96%;
		margin-left:2%;
		margin-right:2%;
	}

	#past_list ul a{
		text-decoration:none;
	}

	.upcoming_body img{
		width:100%;
	}


	.button_singapore{
		position:absolute;
        right: 50px;
		//width:60px;
		top:88px;
		z-index:1000;
	}

	.viewingroom {
		width:100%;
		height:250px;
		
	}

	.viewingroom_youjiin {
		width:100%;
		height:500px;
	}
	
	

}