@import url("common.css");

@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,400i,500,500i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700');
/* Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%;list-style: none;}
map area {outline: none;}
/*����*/
#header {width:100%; height:35px; position:fixed; background:#fff; z-index:999;}
#header .logo {width:140px; margin:0 auto; padding-top:10px;}
#header .logo img {width:100%;}
.btn_st1 { font-size:10px; padding-top:8px; display:inline-block; background:url(../images/common/btn_arrowbg.gif) center top no-repeat; background-size:7px 5px; position:absolute;}
.btn_st1.type1 {top:10px; left:8px;}
.btn_st1.type2 {top:10px; right:8px;}
.tit_st1 {padding:25px 0 15px 0;  font-size:24px; font-weight:bold !important; color:#121212; position:relative;}
.tit_st1 .floor {position:absolute; right:0; vertical-align:top;}
.tit_st1 .f_size {font-size:15px;}
.tit_st2 {padding:25px 0 20px 0;  font-size:14px; color:#121212;}
.tit_st2 span { font-size:10px;}
.tit_st3 {padding:15px 0 20px 0;  font-size:12px; color:#121212;}
.tit_st4 {padding:17px 0;  font-size:11px; color:#121212;}
.sub_title {margin:25px 0 10px 0;  font-size:15px; color:#121212; border-bottom: 1px solid black;}
.sub_title span {padding-left: 10px;font-family:Arial; font-size:12px;}

.table_st1 thead th {padding:10px 0;  font-size:12px; color:#121212; border-bottom:#121212 1px solid;}
.table_st1 thead th.tal {padding-left:5px; text-align:left;}
.table_st1 tbody th {font-size:14px; color:#121212;  border-top:#121212 1px solid;}
.table_st1 tbody th.tal {padding-left:5px; text-align:left;}
.table_st1 tbody td {padding:10px 5px; font-size:9px; color:#121212; border-top:#121212 1px solid;}
.table_st1 tbody td.tac {text-align:center;}
.table_st1 tbody tr:first-child td {border-top:none;}
.table_st1 tbody tr:first-child th {border-top:none;}
.table_st1 tbody td .f_bold {}
.table_st1 tbody td .f_arial {}
.table_st1 tbody td .fs_down {font-size:8px;}
.table_st1.type2 {border-top:#121212 2px solid; border-bottom:#121212 2px solid;}
.table_st1.type2 tbody th {font-size:10px; padding: 10px;}

#header .languge_area {width:100%; height:100%; background:#000; position:absolute; top:4px; display:none;}
#header .languge_area.on {display:block;}
#header .languge_area .languge_close {margin-left:-150px; position:absolute; top:12px; left:50%;}
#header .languge_area .languge_close img {width:5px;}
#header .languge_area ul {margin-left:-132px; overflow:hidden; position:absolute; left:50%;} 
#header .languge_area li {width: 65px;text-align: center;float:left;}
#header .languge_area li:first-child {margin-left:0;}
#header .languge_area li a { font-size:10px; font-weight:bold; color:#fff; line-height:30px;padding: 2px;}
span.latin { vertical-align: baseline;}


#container .gnb_inner {padding:0 25px;}
#container .gnb_inner .menu_list {padding:15px 0; border-bottom:#121212 1px solid;}
#container .gnb_inner .menu_list li {padding-left:10px; font-family: 'Arial'; font-size:14px; font-weight:bold; color:#000;}
#container .gnb_inner .menu_list li a { font-size:14px; font-weight:bold; color:#000; line-height:28px;}
#container .gnb_inner .menu_list li.on {background:url(../images/common/li_img.gif) 0 12px no-repeat; background-size:5px 5px;}
#container .gnb_inner .menu_list li.on a {border-bottom:#000 2px solid;}


#gnb {overflow:hidden;}
#gnb li {width:50%; float:left; text-align:center; line-height:27px;}
#gnb li:nth-child(1) a {border-top:#000 2px solid; border-left:#000 2px solid;}
#gnb li:nth-child(2) a {border-top:#000 2px solid;}
#gnb li:nth-child(3) a {border-left:#000 2px solid;}
#gnb li:nth-child(5) a {border-left:#000 2px solid;}
#gnb li:nth-child(6) a {}
#gnb li:nth-child(7) a {height:29px;border-bottom:none; border-right:0;}
#gnb li:nth-child(8) a {border-bottom:none; border-right:0; font-size:8px;}
#gnb li a {display:block;  font-size:12px; font-weight:bold; color:#000; border-right:#000 2px solid; border-bottom:#000 2px solid;}
#gnb li.on a {background:#000; color:#fff; }


.pagination {text-align:center;}
.pagination .btn {width:10px; height:12px; display:inline-block;}
.pagination .btn img {width:100%;}
.pagination .page {vertical-align:top;}
.pagination .page a {width:10px; height:12px; font-size:10px; display:inline-block; color:#121212;}


/*����*/
#container {padding-top:42px; padding-bottom:30px;}
#container .container_inner {padding:0 40px;}

#container .container_inner .font_st1 {font-size:12px; color:#121212; letter-spacing:0px; line-height:25px;}
/*#container .container_inner .font_st1- a {font-size:12px; color:#121212; letter-spacing:-1px; line-height:25px;}*/
#container .container_inner .font_st1 .f_bold { vertical-align:top;}
#container .container_inner .font_st1 .f_big { font-size:12px; vertical-align:top;}
#container .container_inner .font_st1 .c_gray {color:#646464; vertical-align:top; }
#container .container_inner .font_st1 .f_arial { vertical-align:top;}
#container .container_inner .font_st2 { font-size:10px; color:#277138;}
#container .container_inner .info { font-size:8px; line-height:30px; letter-spacing:-1px; line-height:25px;}


#container .container_inner .artist_list li {padding-bottom:5px; overflow:hidden;}
#container .container_inner .artist_list li .ko_name {width:50%; float:left; font-size:12px; color:#000;}
#container .container_inner .artist_list li .eng_name {width:50%; float:left; font-size:12px;  color:#000;}


#container .touchslider {width:100%; height:150px; position:relative;}
#container .touchslider .viewport {width:100%; overflow:hidden;}
#container .touchslider .viewport .screen {width:100%;}
#container .touchslider .viewport .screen .item {width:100%; overflow:hidden;}
#container .touchslider .viewport .screen .item img {width:100%;}
#container .touchslider .navi {position:absolute; margin-left:-15px; bottom:7px; left:50%;}
#container .touchslider .navi a {width:8px; height:8px; display:inline-block; background:url(../images/common/slide_btn.png) 0 0 no-repeat; background-size:cover;}
#container .touchslider .navi a.on {background:url(../images/common/slide_btnon.png) 0 0 no-repeat; background-size:cover;}

#container .touchslider2 {width:100%; height:150px; position:relative;}
#container .touchslider2 .viewport {width:100%; overflow:hidden;}
#container .touchslider2 .viewport .screen {width:100%;}
#container .touchslider2 .viewport .screen .item {width:100%; overflow:hidden;}
#container .touchslider2 .viewport .screen .item img {width:100%;}
#container .touchslider2 .navi {position:absolute; margin-left:-15px; bottom:7px; left:50%;}
#container .touchslider2 .navi a {width:8px; height:8px; display:inline-block; background:url(../images/common/slide_btn.png) 0 0 no-repeat; background-size:cover;}
#container .touchslider2 .navi a.on {background:url(../images/common/slide_btnon.png) 0 0 no-repeat; background-size:cover;}

#container .open_time li { font-size:10px; color:#121212; line-height:18px;}
#container .open_time li .tit {width:55px; display:inline-block;}
#container .open_time li .f_arial {}

#container .map_area {margin:15px 5px 0 5px;}
#container .map_area img {width:100%;}

#container .map_area2 {margin:15px 12px 0 12px; border:#9e9e9e 1px solid; }
#container .map_area2 img {width:100%;}
.languageon{background-color:white;}
#header .languge_area li.languageon a{color:black;}



#container .what_new_list_wrap {border-bottom: 3px solid #000000;border-top: 3px solid #000000;margin-top: 50px;}
#container .what_new_list_wrap > li {width:100%; padding:25px 0; overflow:hidden; border-top: dotted 1px #000000;}
#container .what_new_list_wrap > li:first-child {border-top:0;}
#container .what_new_list_wrap > li > .img_area {width:32%; float: left;}

#container .what_new_list_wrap > li table{width:100%;}
#container .what_new_list_wrap > li table tr.borderBottom td{border-bottom:1px solid #afafaf;}
#container .what_new_list_wrap > li table tr.borderBottom2 td{border-bottom:1px solid #afafaf;}
#container .what_new_list_wrap > li table td{font-size:11px; text-align:center; color:#131313; padding:16px; vertical-align:middle}
#container .what_new_list_wrap > li table td strong{font-weight:bold;}
#container .what_new_list_wrap > li table td.title{font-size:11px; text-align:left;}
#container .what_new_list_wrap > li table td.listTitle{font-size:12px; text-align:left;}
#container .what_new_list_wrap > li table td.admin{font-size:11px;}
#container .what_new_list_wrap > li table td p.img{padding:35px 0 50px 0; text-align:center;}
#container .what_new_list_wrap > li table td.data{font-size:12px; text-align:left; color:#131313; padding:0; line-height:20px;}
#container .what_new_list_wrap > li table td.data span{display:block; padding-bottom:40px;}

.paginate_simple{padding:15px 0;text-align:center;line-height:normal; position:relative;}
.paginate_simple *{display:inline-block;position:relative;margin:0 -2px;padding:0 10px;font-size:12px;color:#131313; font-weight:normal;line-height:normal;text-decoration:none;vertical-align:middle}
.paginate_simple strong{color:#000000; font-weight:bold;}
.paginate_simple .direction{padding:0 5px;font-weight:bold;font-size:13px;color:#666;text-align:center;vertical-align: top;}
.paginate_simple .direction:hover,
.paginate_simple .direction:active,
.paginate_simple .direction:focus{background-color:transparent !important;color:#333}
.paginate_simple .direction span.hide{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.paginate_simple .back{position:absolute; top:33%; right:0;}


/* discover voyaage*/
#container .container_inner p {font-size:12px;}
#container .container_inner .vo_title,#container .container_inner .vo_title2 { margin-bottom:30px;font-size:10px;}
#container .container_inner .vo_title p {line-height:25px; font-weight:bold;font-size:10px;}
#container .container_inner .vo_title2 p {font-weight:bold;font-size:11px;}
#container .container_inner .discover_area table.vo_table tr td{border-bottom:1px solid #fff; padding:1px; line-height:20px;background-color:rgb(242,242,242);font-size:9px;}
#container .container_inner .discover_area table.vo_table th{border-bottom:1px solid #fff; padding:1px; line-height:20px; text-align:center;vertical-align: middle;background-color:rgb(231,230,230);font-size:9px;}
#container .container_inner .discover_area table.vo_table tr td p{line-height:30px;font-size:9px;}
#container .container_inner .discover_area table.vo_table tr td p img{width:80%;}

.tit{text-align:right}
.tit li{
	font-size:12px;
	display:inline-block;
	line-height:31px;
	height: 31px;
	border: 1px solid #000;
	border-bottom: none;
	
		
}
.tit li a{margin: 0 1em;cursor:pointer;}
.tit li.menu_on{background:#000;}
.tit li.menu_on a{color:#fff}


.ch_menu{width:100%;}
.ch_menu li{padding-bottom:20px;position:relative;}
.ch_menu li .r_over_img{position:absolute;top:0;left:0;opacity:0;}
.ch_menu li img{height:22px;}


.r_pop_div{
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	background: #fff;
}

.pop_title{font-family: 'Cormorant Garamond', serif; font-size:15px;font-weight:500; font-style: italic; color:#b8b8b8}
.r_pop_header{padding:5px 0 15px 0;}
.r_pop_header .con_1{font-family:Nanum Gothic;padding:5px 0 20px 0;font-weight:600;font-size:20px;color:#000}
.r_pop_header .con_1 span{font-family: 'Cormorant Garamond', serif; font-weight:800;}
.r_bottom{padding-bottom:100px;}

.content_restaurant{width:100%;padding-top:10px;position:relative;}
.r_close{position:absolute;top:15px;right:10px; cursor:pointer;height: 18px;  width:17px;}
.r_close .line {
	position: absolute;
	height: 1px;
	width: 17px;
	background-color: #ac8770;
	left: 0;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	pointer-events: none;
}

.r_close  .line.l_top {top: 0;}
.r_close  .line.l_low {top: 16px;}



#container .container_inner .content_restaurant .con_1{font-family:Nanum Gothic;padding-top:30px;font-weight:900;font-size:20px;color:#000}
#container .container_inner  .content_restaurant .con_1 span{font-size:16px;font-weight:500;display: inline-block;padding-top:3px;}
#container .container_inner  .content_restaurant .con_2{font-family:Nanum Gothic;font-size:12px;color:#000;font-weight: 600;}
#container .container_inner  .content_restaurant .con_3{padding-top:5px;font-family:Nanum Gothic;font-weight:600; font-size:13px;color:#1a1a1a}

#container .container_inner  .content_restaurant .con_4{padding-top:0;font-family: 'Cormorant Garamond', serif; font-weight:600;font-size: 16px;}
#container .container_inner  .content_restaurant .con_4 span{font-family: 'Roboto Slab', serif;color:#1a1a1a;font-weight:400; vertical-align: bottom; font-size:13px;}




.re_over{padding: 3px 5px 5px 5px;border: 1px solid #000;width: 80px;font-size: 12px;text-align: center; font-weight: bold;}
.re_over a{color:#000}

.ca_menu{width:100%;}
.ca_menu li{padding-bottom:20px;position:relative;display:inline-block; width:48.9%;}
.ca_menu li .r_over_img{position:absolute;top:0;left:0;opacity:0;}
.ca_menu li img{width:100%;}