@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,700');

html, body { -webkit-text-size-adjust:none; } /*글자자동조절방지*/
html, body, div, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, 
ul, li, ol, dl,  dt, dd, blockquote, address, p, table, th, td, caption { margin:0; padding:0; font:normal 12px,AppleGothic,Sans-serif; color:#333;}
ul, li, ol { list-style:none;  }
img, fieldset , video{ border:0;  vertical-align:top; }
input, textarea, select { vertical-align:middle; resize:none; position:relative;  /* -webkit-appearance:none; */ -webkit-border-radius:0;}	
button { border:0 none; background:transparent; cursor:pointer; }		
caption, caption legend, .hide  { position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px; }
table { border-collapse:collapse; border-spacing:0; line-height:1.5}
table caption.tit { width:100%; height:auto; margin:20px 0; font-size:20px; font-weight:bold; text-indent:0; visibility:visible}
a, a:link, a:visited  { text-decoration:none; color:#333; }
a, a:active, a:hover, a:focus { text-decoration:none; }
/* HTML5 display-role reset for older browsers   */	
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,
dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,
canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,
time,mark,audio,video,button,input{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	text-decoration:none;
	font-family: 'Noto Sans KR', sans-serif;
	letter-spacing:-1px;
	line-height:100%;
}


body { width:100%; }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

ul,ol,li{list-style:none}

button {margin:0; padding:0; background:none; border:0; cursor:pointer;}

.clear {clear:both;}


/* skipnavi */
#skip_navigation {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	z-index:9999999;
	line-height:0;
	font-size:0;
}
#skip_navigation li a {
	position:absolute;
	top:-500px;
	text-indent:-9999px;
	line-height:1;
	font-size:12px;
	color:#fff;
}
#skip_navigation li a:hover {
	font-size:12px;
	line-height:1;
	position:absolute;
	left:0px;
	top:0px;
	font-weight:bold;
	text-indent:0px;
	padding:4px 0 0 0;
	text-align:center;
	background:#027bc4;
	width:100%;
	display:block; 
	height:20px;
	z-index:1000;
	color:#fff;
}
#skip_navigation li a:focus {
	font-size:12px;
	line-height:1;
	position:absolute;
	left:0px;
	top:0px;
	font-weight:bold;
	text-indent:0px;
	padding:4px 0 0 0;
	text-align:center;
	background:#027bc4;
	width:100%;
	display:block; 
	height:20px;
	z-index:1000;
	color:#fff;
} 
#skip_navigation li a:active {
	font-size:12px;
	line-height:1;
	position:absolute;
	left:0px;
	top:0px;
	font-weight:bold;
	text-indent:0px;
	padding:4px 0 0 0;
	text-align:center;
	background:#027bc4;
	width:100%;
	display:block; 
	height:20px;
	z-index:1000;
	color:#fff;
}

.guide_txt { clear:both; margin:50px 0 10px 0; font-size:20px; font-weight:bold; color:red; }

#wrap { position:relative; /* width:1280px; */ height:auto; margin:0 auto; overflow-x:hidden; }

#dim { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:99999; }

/* header */
#header { clear:both; position:relative; width:100%; height:120px; background:#fff; border-bottom:1px solid #bbbbbb; z-index:999999; }
#header #utility { width:100%; background:#f2f2f2; }
#header #utility .top { clear:both; /* overflow:hidden; */ width:1280px; margin:0 auto; text-align:right; }
#header #utility .top .topMenu { display:inline-block; /* float:right; */ margin-right:7.8%; padding:13px 0; text-align:left; }
#header #utility .top .topMenu:after { overflow:hidden; clear:both; }
#header #utility .top .topMenu li { float:left; position:relative; font-size:13px; letter-spacing:0px;}
/*#header #utility .top .topMenu li:after { content:"|"; display:inline-block; margin:0 10px; color:#c6c6c6; }*/
#header #utility .top .topMenu li+li+li:after { display:none; }
#header #utility .top .topMenu li a {letter-spacing:0;}
#header #utility .top .topMenu li:last-child a { margin-right:8px; padding-right:12px; background:url('/eng/z00_images/common/icon_gnb.png') no-repeat right; }
#header #utility .top .topMenu li .languageBox { display:none; position:absolute; top:-9px; right:0; z-index:9; }
#header #utility .top .topMenu li .languageBox li { float:none; width:79px; padding:8px 0 9px 10px; background:#fff none; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; border-left:1px solid #cccccc; }
#header #utility .top .topMenu li .languageBox li:first-child { padding:9px 0 11px 10px; border-top:1px solid #cccccc; }
#header #utility .top .topMenu li .languageBox li:after { content:""; display:inline; margin:0 0; color:#888888; }
#header #utility .top .topMenu li .languageBox li a { color:#888888; background:none; }
#header #utility .top .topMenu li .languageBox li:hover a { color:#444444; text-decoration:underline; }
#header #utility .top .topMenu li .languageBox li:first-child a { padding-right:12px; background:url('/eng/z00_images/common/icon_gnb02.png') no-repeat right; }
#header #utility .top .topMenu li .languageBox li.now a { color:#444444; }
#header .headBox { position:relative; width:1280px; margin:0 auto; }
#header .headBox h1.logo { /* float:left; margin-top:56px; */ position:absolute; top:14px; left:7.8%; }
#header .headBox h1.logo a {display:block;}
#header .headBox .gnbBtn { /* float:right; margin-top:69px; */ position:absolute; top:30px; right:7.8%; }
#header .gnbBtn .gnb_off { display:none; }
#header .headBox #gnb { display:none; clear:both; position:absolute; top:80px; left:0; width:100%; padding:5px 0 40px 0; background:#fff; z-index:999; }
#header #gnb .depth1 { max-width:1080px; margin:0 auto; }
#header #gnb .depth1 > li { float:left; width:30%; margin-right:4%; }
/* #header #gnb .depth1 > li { float:left; width:16.8%; margin-right:4%; } */
#header #gnb .depth1 > li:last-child { margin-right:0%; }
#header #gnb .depth1 > li > h2 { padding:25px 0; color:#444444; font-size:24px; font-weight:bold; border-bottom:2px solid #444444; }
#header #gnb .depth1 .depth2  > li > a { display:block; padding:20px 0; color:#444444; font-size:17px; font-weight:bold; border-bottom:1px solid #888888; } 
#header #gnb .depth1 .depth2  > li > a.btn_depth3 { margin-right:10px; background:url('/eng/z00_images/common/icon_gnb.png') no-repeat right; border-bottom:0; } 
#header #gnb .depth1 .depth2 .depth3 { padding:10px 20px; border-top:1px solid #ddd; border-bottom:1px solid #888; }
#header #gnb .depth1 .depth2 .depth3 > li > a { display:block; padding:10px; color:#888888; font-size:14px; background:url('/eng/z00_images/common/bul03.png') no-repeat left; } 
#header #gnb .depth1 .depth2 .depth3 > li > a:hover { color:#444444; text-decoration:underline; } 
#header #gnb .depth1 .depth2 .depth3 > li > a:focus { color:#444444; text-decoration:underline; } 

/* footer */
footer { width:100%; background:#fff; margin-top:40px;}
footer #footerSNS { clear:both; overflow:hidden; max-width:1080px; width:100%; margin:0 auto; padding:100px 0 40px 0; text-align:right; }
#footerSNS ul  { float:right; }
#footerSNS ul li { float:left; margin-left:8px; color:#666666; font-size:14px; font-weight:bold; vertical-align:middle; line-height:42px; }
#footerSNS ul li a {display:block;} 
#footer { clear:both; border-top:1px solid #dddddd; }
#footer .f_quickmenu1 { clear:both; overflow:hidden; max-width:1080px; width:100%; margin:0 auto; border-right:1px solid #dddddd; }
.f_quickmenu1 ul li { float:left; width:25%; padding:30px 30px 30px 50px; color:#444444; font-size:18px; border-left:1px solid #dddddd; }
.f_quickmenu1 ul li a { display:block; }
.f_quickmenu1 ul li a em { display:inline-block; float:left; padding-top:55px; }
.f_quickmenu1 ul li.reservation01 em { background:url('/eng/z00_images/common/icon_footer_quick01.png') no-repeat top; }
.f_quickmenu1 ul li.reservation02 em { background:url('/eng/z00_images/common/icon_footer_quick02.png') no-repeat top; }
.f_quickmenu1 ul li.reservation03 em { background:url('/eng/z00_images/common/icon_footer_quick03.png') no-repeat top; }
.f_quickmenu1 ul li span.btn_next { display:inline-block; float:right; margin-top:12px; }
#footer .footBox { color:#727375; background:#3b3c40; }
#footer .footBox .foot { clear:both; position:relative; max-width:1080px; width:100%; margin:0 auto; }
.foot .fTop { clear:both; overflow:hidden; border-bottom:1px solid #494a4d; }
.fTop .f_menu { overflow:hidden; float:left; }
.fTop .f_menu li { float:left; line-height:45px; }
.fTop .f_menu li a { padding:0 22px 0 16px; color:#909092; font-size:14px; background:url('/eng/z00_images/common/bar_footer.png') no-repeat left; } 
.fTop .f_menu li:first-child a { padding:0 22px 0 0; background:none; letter-spacing:0;}
.fTop .f_menu li a:hover { color:#a6a8ab; text-decoration:underline; }
.fTop .f_menu li a:focus { color:#a6a8ab; text-decoration:underline; }
.fTop .familyBox { float:right; }
.fTop .familyBox .family_tit { display:block; width:240px; padding:15px 20px; border-right:1px solid #494a4d; border-left:1px solid #494a4d; }
.fTop .familyBox .family_tit em { display:block; color:#7b7d80; font-size:14px; text-align:left; background:url('/z00_images/common/icon_family.png') no-repeat right; }
.fTop .familyBox .family_tit em.on  { background:url('/z00_images/common/icon_family_on.png') no-repeat right; }
.fTop .familyBox .family_list { display:none; position:absolute; top:-270px; right:0; background:#3b3c40; border-right:1px solid #494a4d; border-left:1px solid #494a4d; z-index:1;}
.fTop .familyBox .family_list li { border-bottom:1px solid #494a4d; }
.fTop .familyBox .family_list li a { width:231px; display:block; padding:15px 25px; color:#8f8f91; font-size:14px; }
.fTop .familyBox .family_list li a:hover { color:#b4b5b8; }
.fTop .familyBox .family_list li a:focus { color:#b4b5b8; }
.foot .fMid { clear:both; overflow:hidden; padding:28px 0 19px 0; border-bottom:1px solid #494a4d; }
.fMid .f_left { float:left; }
.fMid .f_left .policy_list { overflow:hidden; }
.fMid .f_left .policy_list li { float:left; height:17px; color:#727375; font-size:13px; line-height:17px; }
.fMid .f_left .policy_list li:first-child { margin-right:15px; padding-right:15px; background:url('/eng/z00_images/common/bar_footer.png') no-repeat right; }
.fMid .f_left .policy_list li a { color:#8f8f91; font-size:13px; letter-spacing:0;}
.fMid .f_left .policy_list li a:hover {color:#a6a8ab;text-decoration:underline;}
.fMid .f_left .policy_list li a:focus {color:#a6a8ab;text-decoration:underline;}
.fMid .f_left address { clear:both; margin-top:15px; color:#909092; font-size:13px; line-height:1.5; letter-spacing:0;}
.fMid .f_left .copyright { margin-top:20px; color:#8f8f91; font-size:13px; letter-spacing:0;}
.fMid .f_right { float:right; width:195px; }
.fMid .f_right .f_quickmenu2 li { float:left; margin:0 5px; }
.fMid .f_right .f_quickmenu2 li a { display:block; width:86px; padding-top:72px; color:#909092; font-size:14px; text-align:center; }
.fMid .f_right .f_quickmenu2 li a:hover {color:#a6a8ab;}
.fMid .f_right .f_quickmenu2 li a:focus {color:#a6a8ab;}
.fMid .f_right .f_quickmenu2 li.qm01 a { background:url('/eng/z00_images/common/icon_footer_quick04.png') no-repeat top; }
.fMid .f_right .f_quickmenu2 li.qm02 a { background:url('/eng/z00_images/common/icon_footer_quick05.png') no-repeat top; }
.fMid .f_right .f_quickmenu2 li.qm03 a { background:url('/eng/z00_images/common/icon_footer_quick06.png') no-repeat top; }
.fMid .f_right .f_quickmenu2 li.qm01 a:hover { background:url('/eng/z00_images/common/icon_footer_quick04_on.png') no-repeat top; }
.fMid .f_right .f_quickmenu2 li.qm02 a:hover { background:url('/eng/z00_images/common/icon_footer_quick05_on.png') no-repeat top; }
.fMid .f_right .f_quickmenu2 li.qm03 a:hover { background:url('/eng/z00_images/common/icon_footer_quick06_on.png') no-repeat top; }
.fMid .f_right .f_quickmenu2 li.qm01 a:focus { background:url('/eng/z00_images/common/icon_footer_quick04_on.png') no-repeat top; }
.fMid .f_right .f_quickmenu2 li.qm02 a:focus { background:url('/eng/z00_images/common/icon_footer_quick05_on.png') no-repeat top; }
.fMid .f_right .f_quickmenu2 li.qm03 a:focus { background:url('/eng/z00_images/common/icon_footer_quick06_on.png') no-repeat top; }
/* 171219 수정 */
.fMid .f_right .f_quickmenu2 li.fb,.fMid .f_right .f_quickmenu2 li.is{display:none;}
/* //171219 수정 */
.fMid .f_right .f_sns { float:right; margin-top:40px; }
.fMid .f_right .f_sns li { float:left; margin-left:10px; }
.fMid .f_right .f_sns li a {display:block; width:100%; height:100%;}
.foot .fBot { clear:both; overflow:hidden; padding:29px 0 31px 0; }
.fBot .f_site li { float:left; margin:0 20px; }

/* container */
#container { position:relative; width:1280px; margin:0 auto; }
/** contentsTop **/
#container #contentsTop { /* overflow:hidden; */ position:relative; width:100%; }
#contentsTop.vino { margin-bottom:50px; }
#contentsTop .lineMap { position:absolute; top:20px; left:101px; /* float:left; margin-left:101px; */ }
/* #contentsTop .lineMap ul { overflow:hidden; clear:both; } */
#contentsTop .lineMap ul li { float:left; margin-left:8px; padding-right:13px; color:#888888; font-size:14px; background:url('/eng/z00_images/common/icon_linemap.png') no-repeat right 3px; }
#contentsTop .lineMap ul li.last { background:none; }
#contentsTop .lineMap ul li a {letter-spacing:0;}
#contentsTop .visualTxt { position:absolute; top:22px; right:99px; /* float:right; margin-right:99px; */ font-size:60px; font-weight:bold; line-height:0.8; z-index:3; text-align:right; font-family: 'Open Sans', sans-serif;}
#contentsTop .visualTxt.cr_blue { color:#d7e2f4; }
#contentsTop .visualTxt.cr_pink { color:#ffdac4; }
#contentsTop .visualTxt.cr_mint { color:#d5eeeb; }
#contentsTop .visualTxt.cr_gray { color:#e7eaef; }
#contentsTop .visualTxt.cr_purple { color:#ebe9fe; }
#contentsTop .visualTxt.cr_pink2 { color:#f7e0ed; }
#contentsTop h3.pageTit { padding:67px 0 45px; color:#333333; font-size:42px; text-align:center; font-weight:bold; z-index:4; position:relative; }
#contentsTop h3.pageTit a { padding-right:40px; background:url('/eng/z00_images/common/icon_pageTit.png') no-repeat right; }
#contentsTop h3.pageTitno a { background:none; padding-right:0; }
#contentsTop.vino h3.pageTit { padding:68px 0 55px; text-align:center; border-bottom:1px solid #e5e5e5; font-weight:bold; }
#contentsTop .menuBox { display:none; position:absolute; top:136px; left:50%; width:190px; margin-left:-95px; text-align:center; background:#fff; z-index:4; }
#contentsTop .menuBox ul li { height:44px; color:#666; font-size:14px; line-height:44px; border-bottom:1px solid #bbbbbb; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; }
#contentsTop .menuBox ul li:first-child { border-top:1px solid #bbbbbb; }
#contentsTop .menuBox ul li:hover { color:#222; text-decoration:underline; }
#contentsTop .visualImg { height:auto; position:relative;}

/** contents **/
#container #contents { position:relative; width:1080px; margin:0 auto;}

/** title **/
h4.pageStit { padding:70px 0 26px; color:#333333; font-size:28px; text-align:left; font-weight:bold;}
p.pageCtit { margin:50px 0 25px 0; color:#444; font-size:34px; text-align:center;}
.pageCtitSub {font-size:20px; font-weight:normal; color:#666; line-height:30px; position:relative; text-align:center; padding-top:30px;}
.pageCtitSub:after {content:""; width:50px; height:1px; background:#c7c7c7; position:absolute; top:0px; left:50%; margin-left:-25px;}

/*** tab ***/
.tabBox { width:100%; border-top:2px solid #666666; }
.tabs { clear:both; overflow:hidden; position:relative; width:100%; padding:0; }
.tabs li { float:left; }	
.tabs li a{ display:block; margin:28px 0; padding:0 35px; color:#888; font-size:18px; text-align:center; }		
.tabs li.on a { color:#222; font-weight:bold; }
.tab_con{ width:100%; border: 1px solid blue; }

/*** table ***/
.tableBox { }
.tableBox .tb_list { width:100%; border-top:2px solid #444444; border-bottom:2px solid #a0a0a0;}
.tableBox .tb_list thead th { height:66px; color:#444; font-size:20px; font-weight:bold; line-height:66px; background:#f8f8f8; }
.tableBox .tb_list tbody td { padding:25px 30px; color:#222222; font-size:18px; font-weight:bold; border-top:1px solid #d5d5d5;}
.tableBox .tb_list tbody td:nth-child(2) { text-align:right; font-weight:normal; color:#444;} 
.tableBox .tb_list tbody td .sub_txt { display:block; margin-top:14px; padding-left:7px; color:#666666; font-size:16px; background:url('/eng/z00_images/common/bul01.png') no-repeat left; }

.tableBox .tb_con { width:100%; border-top:2px solid #444444; }
.tableBox .tb_con thead th { height:63px; color:#444; font-size:20px; font-weight:bold; text-align:center; line-height:63px; background:#fff; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; }
.tableBox .tb_con tbody td { padding:30px; color:#222222; font-size:18px; background:#f0f0f0; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; }

/*** button ***/
.btnBox { background:#ffa1a1; }
.btn_plus { width:36px; height:36px; font-size:0; background:url('/eng/z00_images/common/btn_plus.png') no-repeat 100% 100%; }
.btn_plus:hover, .btn_plus.on { background:url('/eng/z00_images/common/btn_plus_on.png') no-repeat 100% 100%; }
.btn_check { width:31px; height:31px; font-size:0; background:url('/eng/z00_images/common/btn_check.png') no-repeat 100% 100%; }
.btn_check:hover, .btn_check.on { background:url('/eng/z00_images/common/btn_check_on.png') no-repeat 100% 100%; }
.btn_close01 { width:25px; height:25px; font-size:0; background:url('/eng/z00_images/common/btn_close01.png') no-repeat 100% 100%; }
.btn_close02 { width:25px; height:25px; font-size:0; background:url('/eng/z00_images/common/btn_close02.png') no-repeat 100% 100%; }
.btn_prev { width:48px; height:48px; font-size:0; background:url('/eng/z00_images/common/btn_prev.png') no-repeat 100% 100%; opacity:0.5; }
.btn_next { width:48px; height:48px; font-size:0; background:url('/eng/z00_images/common/btn_next.png') no-repeat 100% 100%; opacity:0.5; }
.btn_prev:hover,.btn_prev.on, .btn_next:hover, .btn_next.on { opacity:1; }
.btn_reservation01 { /* width:158px; */ height:56px; padding:0 18px 0 14px; color:#fff; font-size:16px; font-weight:bold; text-align:center; background:#2d304f; border-radius:4px; }
.btn_reservation01 span { padding-right:68px; background:url('/eng/z00_images/common/icon_arrow01.png') no-repeat right; }
.btn_prev02 { /* width:156px; */ height:62px; padding:0 46px; color:#fff; font-size:18px; font-weight:bold; text-align:center; background:#9fa0a4; border-radius:4px; }
.btn_reservation02 { /* width:156px; */ height:62px; padding:0 46px; color:#fff; font-size:18px; font-weight:bold; text-align:center; background:#2d304f; border-radius:4px; }
.btn_list { /* width:98px; */ height:44px; padding:0 18px 0 14px; color:#444444; font-size:15px; text-align:center; background:#fff; border:1px solid #aaaaaa; border-radius:4px; }
.btn_list span { padding-left:39px; background:url('/eng/z00_images/common/icon_arrow02.png') no-repeat left; }
.btn_down { /* width:173px; */ height:46px; padding:0 16px 0 18px; color:#fff; font-size:15px; font-weight:bold; background:#9fa0a4; border-radius:4px; line-height:46px;}
.btn_down span { padding-right:39px; background:url('/eng/z00_images/common/icon_down.png') no-repeat right; }
.btn_print { /* width:173px; */ height:46px; padding:0 16px 0 18px; color:#fff; font-size:15px; font-weight:bold; background:#9fa0a4; border-radius:4px; }
.btn_print span { padding-right:39px; background:url('/eng/z00_images/common/icon_print.png') no-repeat right; }
.btn_cancel { /* width:94px; */ height:46px; padding:0 34px; color:#444; font-size:15px; text-align:center; background:#fff; border:1px solid #aaaaaa; border-radius:4px; }
.btn_ok { /* width:94px; */ height:46px; padding:0 34px; color:#fff; font-size:15px; font-weight:bold; text-align:center; background:#41435c; border-radius:4px; }
.btn_detail01 { /* width:186px; */ height:52px; padding:0 12px 0 18px; color:#fff; font-size:16px; text-align:center; border:2px solid #fff; }
.btn_detail01 span { padding-right:81px; background:url('/eng/z00_images/common/icon_arrow03.png') no-repeat right; }
.btn_detail02 { /* width:136px; */ height:42px; padding:0 12px 0 14px; color:#fff; font-size:14px; text-align:center; border:1px solid #cecece}
.btn_detail02 span { padding-right:46px; background:url('/eng/z00_images/common/icon_arrow04.png') no-repeat right; }
.btn_reservation03 { height:44px; padding:0 13px 0 18px; color:#3ac1b4; font-size:16px; font-weight:bold; text-align:center; background:#fff; border:1px solid #bbbbbb; border-radius:4px; }
.btn_reservation03 span { display:block; padding-left:38px; line-height:44px; background:url('/eng/z00_images/common/icon_check.png') no-repeat left; }
.btn_reservation03.on { height:44px; padding:0 13px 0 18px; color:#fff; font-size:16px; font-weight:bold; text-align:center; background:#54bfb5; border:0; }
.btn_reservation03.on span { background:url('/eng/z00_images/common/icon_check_on.png') no-repeat left; }
.btn_reservation03_2 { height:44px; padding:0 13px 0 18px; color:#fa7f25; font-size:16px; font-weight:bold; text-align:center; background:#fff; border:1px solid #bbbbbb; border-radius:4px; }
.btn_reservation03_2 span { display:block; padding-left:38px; line-height:26px; background:url('/eng/z00_images/common/icon_check.png') no-repeat left; }
.btn_reservation03_2.on { height:44px; padding:0 13px 0 18px; color:#fff; font-size:16px; font-weight:bold; text-align:center; background:#fa7f25; border:0; }
.btn_reservation03_2.on span { background:url('/eng/z00_images/common/icon_check_on.png') no-repeat left; }
.btn_wait { height:44px; padding:0 13px 0 18px; color:#666666; font-size:16px; font-weight:bold; text-align:center; background:#fff; border:1px solid #bbbbbb; border-radius:4px;}
.btn_wait span { display:block; padding-left:38px; line-height:44px; background:url('/eng/z00_images/common/icon_check.png') no-repeat left center; }
.btn_wait.on { height:44px; padding:0 13px 0 18px; color:#fff; font-size:16px; font-weight:bold; text-align:center; background:#696f78; border:0; }
.btn_wait.on span { background:url('/eng/z00_images/common/icon_check_on.png') no-repeat left; }
.btn_reservation_finish { height:44px; padding:0 13px 0 18px; color:#fff; font-size:16px; font-weight:normal; text-align:center; background:#cfd0d1; border:1px solid #bbbbbb; border-radius:4px; }
.btn_reservation_finish span { display:block; padding-left:38px; line-height:26px; background:url('/eng/z00_images/common/icon_reservation_finish.png') no-repeat left; }
.btn_prev03 { width:36px; height:36px; font-size:0px; background:url(/eng/z00_images/common/datepicker_prev.png) no-repeat; cursor:pointer; }
.btn_prev03:hover, .btn_prev03.on { background:url(/eng/z00_images/common/datepicker_prev_on.png) no-repeat; }
.btn_next02 { width:36px; height:36px; font-size:0px; background:url(/eng/z00_images/common/datepicker_next.png) no-repeat; cursor:pointer; }
.btn_next02:hover, .btn_next02.on { background:url(/eng/z00_images/common/datepicker_next_on.png) no-repeat; }
.btn_gray { /* width:173px; */ height:38px; padding:0 18px; color:#fff; font-size:14px; font-weight:bold; background:#9fa0a4; border-radius:4px; line-height:38px; }
.btn_gray span { }
.search_btn {width:72px; height:72px; font-size:0; background:url(/eng/z00_images/common/icon_search_btn.png) no-repeat center center;}
#top_btn {width:52px; height:52px; background:url(/eng/z00_images/common/btn_top.png) no-repeat; font-size:0; position:fixed; bottom:50px; right:50px; display:none; z-index:1;}


/*** bullet ***/
.txt_bul01 { padding-left:12px; color:#444; font-size:16px; background:url('/eng/z00_images/common/bul01.png') no-repeat left; }
.txt_bul02 { color:#666; font-size:14px; text-indent:20px; }
.txt_bul03 { margin-left:35px; padding-left:7px; color:#888888; font-size:14px; text-indent:7px; background:url('/eng/z00_images/common/bul02.png') no-repeat left 5px; }
.cr_red { color:#f06647; }

/*** form ***/
.formBox { padding:30px; color:#888888; font-size:16px; background:#f8f8f8; border:1px solid #dddddd; }

/*** contents-list ***/
.clistBox {}
.cList { clear:both; overflow:hidden; }
.cList li { float:left; width:32%; margin:0 2% 2% 0;/* width:340px; margin:0 15px 15px 0; */ text-align:center; }
.cList li.last { margin:0 0 2% 0; }
.cList li .img { width:100%; /* width:340px; */ height:260px;}
.cList li .txts { text-align:center; padding:30px 20px 20px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; }
.cList li a:hover .txts { padding:30px 20px 17px; border-bottom:4px solid #90afe2; }
.cList li a:focus .txts { padding:30px 20px 17px; border-bottom:4px solid #90afe2; }
.cList li.on .txts { padding:30px 20px 16px; border-bottom:4px solid #90afe2; }
.cList li .txts .category { font-size:16px; }
.cList li .txts .tit { margin:8px 0 18px; color:#222222; font-size:24px; font-weight:bold; }
.cList li .txts .txt { color:#444444; font-size:16px; line-height:22px; letter-spacing:-1px; }
.cList li .txts .place { margin-top:23px; color:#666666; font-size:14px; border-top:1px solid #dddddd; }
.cList li .txts .place span { display:inline-block; padding:20px 0 0 20px; background:url('/eng/z00_images/common/icon_cList01.png') no-repeat left 20px; }
.cList li .txts .date { margin-top:23px; color:#666666; font-size:14px; border-top:1px solid #dddddd; }
.cList li .txts .date span { display:inline-block; padding:20px 0 0 20px; background:url('/eng/z00_images/common/icon_cList02.png') no-repeat left 20px; }

.cList2 { clear:both; overflow:hidden; }
.cList2 li { float:left; width:32%; margin:0 2% 2% 0;/* width:340px; margin:0 15px 15px 0; */ text-align:center; }
.cList2 li.last { margin:0 0 2% 0; }
.cList2 li .img { width:100%; /* width:340px; */ height:260px; background:#ffa1a1; }
.cList2 li .txts { text-align:center; padding:30px 20px 20px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; }
.cList2 li .txts .category { color:#dddddd; font-size:16px; }
.cList2 li .txts .category em { margin:0 10px; color:#f97f25; font-style:normal; }
/* .cList2 li .txts .category em.age { padding-right:12px; background:url('/eng/z00_images/common/icon_cList04.png') no-repeat right; } */
.cList2 li .txts .tit { margin:10px 0 22px; color:#222222; font-size:24px; font-weight:bold; }
.cList2 li .txts .txt { color:#444444; font-size:16px; letter-spacing:-1px; line-height:1.3; }
.cList2 li .txts .explain { overflow:hidden; margin-top:26px; padding:20px 10px 4px; border-top:1px solid #dddddd; }
.cList2 li .txts .explain li { width:100%; margin-bottom:16px; padding-left:23px; color:#666666; font-size:14px; text-align:left; line-height:20px;}
.cList2 li .txts .explain li:first-child { background:url('/eng/z00_images/common/icon_cList01.png') no-repeat left top; }
.cList2 li .txts .explain li:nth-child(2) { background:url('/eng/z00_images/common/icon_cList02.png') no-repeat left top; }
.cList2 li .txts .explain li:last-child { background:url('/eng/z00_images/common/icon_cList03.png') no-repeat left top; }
.cList2 li .btn_apply { height:53px; padding:0 20px 0 30px; color:#000000; font-size:16px; text-align:left; line-height:53px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; }
.cList2 li:hover .btn_apply { height:50px; color:#fa7f25; font-weight:bold; line-height:53px; border-bottom:4px solid #fa7f25; }
.cList2 li.on .btn_apply { height:50px; color:#fa7f25; font-weight:bold; line-height:53px; border-bottom:4px solid #fa7f25; }
.cList2 li .btn_apply span { display:inline-block; width:100%; background:url('/eng/z00_images/common/icon_cList06.png') no-repeat right; }
.cList2 li:hover .btn_apply span { background:url('/eng/z00_images/common/icon_cList06_on.png') no-repeat right; }
.cList2 li.on .btn_apply span { background:url('/eng/z00_images/common/icon_cList06_on.png') no-repeat right; }

/*** color ***/
.color_exhibition { color:#6292de !important; }
.color_education { color:#fa7f25 !important; }
.color_watch { color:#65c2b9 !important; }
.color_news { color:#656d78 !important; }
.color_introduction { color:#e28dbd !important; }
.color_red { color:#f06647 !important; }

/*** font ***/
.newsletter_font { margin-right:40px; color:#222; font-size:40px; font-weight:bold; }

/* width */
.w30p {width:30% !important;}
.w70p {width:70% !important;}
.tw19p {width:19%;}
.tw25p {width:25%;}
.tw33p3p {width:33.3%;}

/* height */
.h190 {height:190px !important;}
.h130 {height:130px !important;}

/* padding */
.pd0 {padding:0 !important;}
.pdt74b30 {padding:74px 0 30px !important;}

/* padding-left */
.pdl0 {padding-left:0px !important;}

/* padding-top */
.pdt0 {padding-top:0px !important;}
.pdt70 {padding-top:70px !important;}

/* margin */
.mg0 {margin:0 !important;}

/* padding-bottom */
.pdb0 {padding-bottom:0px !important;}
.pdb20 {padding-bottom:20px !important;}

/* margin-top */
.mgtm2 {margin-top:-2px;}
.mgtm50 {margin-top:-50px !important;}
.mgt0 {margin-top:0px !important;}
.mgt30 {margin-top:30px !important;}

/* margin-left */
.mgl0 {margin-left:0 !important;}

/* border : 0 */
.bno { border:0 !important; }

/* input */
.input1 {width:186px; height:36px; padding-left:10px; border:1px solid #d5d5d5; border-radius:3px; font-size:14px; font-weight:normal; color:#444;}
.input2 {width:76px; height:36px; padding-left:10px; border:1px solid #d5d5d5; border-radius:3px; font-size:14px; font-weight:normal; color:#444;}
.input3 {width:186px; height:36px; padding-left:10px; border:1px solid #d5d5d5; border-radius:3px; font-size:14px; font-weight:normal; color:#444;}
.input4 {width:116px; height:36px; padding-left:10px; border:1px solid #d5d5d5; border-radius:3px; font-size:14px; font-weight:normal; color:#444;}
.input5 {width:256px; height:36px; padding-left:10px; border:1px solid #d5d5d5; border-radius:3px; font-size:14px; font-weight:normal; color:#444;}
.input6 {width:316px; height:48px; padding-left:10px; border:1px solid #d5d5d5; border-radius:3px; font-size:14px; font-weight:normal; color:#444;}


/* select */
.select {display:inline-block; width:226px; height:36px; border:1px solid #d5d5d5; border-radius:3px; vertical-align:middle; overflow:hidden;}
.select select {width:250px; height:36px; border:0px; padding-left:12px; background:#fff url(/eng/z00_images/reservation/select_btn.png) no-repeat 189px -1px; font-size:14px; font-weight:normal; color:#666;}
.select select option {font-size:14px; font-weight:normal; color:#666;}
.select2 {display:inline-block; width:166px; height:36px; border:1px solid #d5d5d5; border-radius:3px; vertical-align:middle; overflow:hidden;}
.select2 select {width:190px; height:36px; border:0px; padding-left:12px; background:#fff url(/eng/z00_images/reservation/select_btn.png) no-repeat 129px -1px; font-size:14px; font-weight:normal; color:#666;}
.select2 select option {font-size:14px; font-weight:normal; color:#666;}
.select3 {display:inline-block; width:100px; height:36px; border:1px solid #d5d5d5; border-radius:3px; vertical-align:middle; overflow:hidden;}
.select3 select {width:130px; height:36px; border:0px; padding-left:12px; background:#fff url(/eng/z00_images/reservation/select_btn.png) no-repeat 63px -1px; font-size:14px; font-weight:normal; color:#666;}
.select3 select option {font-size:14px; font-weight:normal; color:#666;}
.select4 {display:inline-block; width:126px; height:36px; border:1px solid #d5d5d5; border-radius:3px; vertical-align:middle; overflow:hidden;}
.select4 select {width:150px; height:36px; border:0px; padding-left:12px; background:#fff url(/eng/z00_images/reservation/select_btn.png) no-repeat 89px -1px; font-size:14px; font-weight:normal; color:#666;}
.select4 select option {font-size:14px; font-weight:normal; color:#666;}
.select5 {display:inline-block; width:96px; height:36px; border:1px solid #d5d5d5; border-radius:3px; vertical-align:middle; overflow:hidden;}
.select5 select {width:130px; height:36px; border:0px; padding-left:12px; background:#fff url(/eng/z00_images/reservation/select_btn.png) no-repeat 59px -1px; font-size:14px; font-weight:normal; color:#666;}
.select5 select option {font-size:14px; font-weight:normal; color:#666;}

/* textarea */
.textarea {width:480px; height:130px; padding:10px; border:1px solid #d5d5d5; border-radius:3px; font-size:14px; font-weight:normal; color:#444;}

/* radio */
.radio {width:20px; height:20px; background:#fff; border:1px solid #ddd; border-radius:100%;}

/* float */
.fl {float:left;}
.fr {float:right !important;}

/* text-align */
.tac {text-align:center !important;}

/* text-list */
.text_list {width:100%; height:auto;}
.text_list li {font-size:16px; font-weight:normal; color:#444; line-height:24px; background:url(/eng/z00_images/common/bul01.png) no-repeat left 10px; padding-left:12px; margin-bottom:10px;}
.text_list2 {width:100%; height:auto;}
.text_list2 > li {font-size:18px; font-weight:normal; color:#444; line-height:24px; background:url(/eng/z00_images/common/bul01.png) no-repeat left 10px; padding-left:12px; margin-bottom:10px;}
.text_list2 > li > ul {padding:10px 0;}
.text_list2 > li > ul > li {font-size:16px; font-weight:normal; color:#666; margin-top:10px;}
.text_list2 > li > ul > li > ul {padding:10px;}
.text_list2 > li > ul > li > ul > li {font-size:14px; font-weight:normal; color:#888; background:url(/eng/z00_images/common/bul02.png) no-repeat left 10px; padding-left:12px; line-height:20px;}
.text_list2 > li > ul > li .cuation {font-size:14px; font-weight:normal; color:#f06647; padding:0;}
.text_list2 > li strong {font-weight:bold; color:#f06646;}
.text_list3 {width:100%; height:auto;}
.text_list3 > li {font-size:18px; font-weight:bold; color:#444; line-height:24px; background:url(/eng/z00_images/common/bul01.png) no-repeat left 10px; padding-left:12px; margin-bottom:10px;}
.text_list3 > li span {font-weight:normal;}
.text_list3 > li > ul {padding:10px 0;}
.text_list3 > li > ul > li {font-size:16px; font-weight:normal; color:#666; line-height:26px; padding-left:10px;}
.text_list3 > li > ul > li a {font-size:16px; font-weight:bold; color:#2d304f;}
.text_list3 > li > ul > li a:hover {text-decoration:underline;}
.text_list4 {width:auto; height:auto; padding:30px; background:#f0f0f0; border:1px solid #d5d5d5;}
.text_list4 li {font-size:16px; font-weight:normal; color:#444; line-height:20px; background:url(/eng/z00_images/common/bul01.png) no-repeat left 10px; padding-left:12px; margin-bottom:10px;}

/* paging */
.paging{width:100%; height:auto; text-align:center; padding:60px 0;}
.paging ul{display:inline-block; width:auto; overflow:hidden; margin:0 auto;}
.paging li {float:left; width:36px; height:36px; border:1px solid #e2e2e2; background:#fff; margin-left:10px;}
.paging li:first-child{margin-left:0;}
.paging li a {display:inline-block; width:36px; height:36px; line-height:36px; font-size:14px; color:#aaa;}
.paging li a:hover,.paging li a:focus{background:#2d304f; color:#fff; font-weight:bold;}
.paging li.on a{background:#2d304f; color:#fff; font-weight:bold;}

/* 상태 */
.condition {width:60px; height:48px; padding-top:12px; font-size:16px; font-weight:normal; color:#fff; text-align:center; line-height:16px; background:#444; border-radius:100%;}
.condition.orange {background:#f66c07;}
.condition.green {background:#009b9d;}
.condition.blue {background:#0f94c5; height:60px; padding-top:0; line-height:60px;}
.condition.green2 {background:#009b9d; height:60px; padding-top:0; line-height:60px;}

/* 달력 */
.datePicker {width:216px; height:36px; border:1px solid #d5d5d5; border-radius:3px; padding-left:10px; font-size:14px; font-weight:normal; color:#666; background:url(/eng/z00_images/common/datepicker_btn.png) no-repeat top right;}

/* 검색 */
.search_wrap {width:100%; height:72px; position:relative; border:1px solid red;} /* 가이드 */
.search_btn {position:absolute; top:0; right:0;}
.search {width:100%; position:absolute; top:0; left:0; display:none;}
.search_input {display:block; width:87.5%; height:72px; border:0; padding:0 10% 0 2.5%; font-size:18px; font-weight:normal; color:#000;}
.search_btn.ok {right:5%;}
.search_close {width:72px; height:72px; font-size:0; background:url(/eng/z00_images/common/btn_search_close.png) no-repeat center center; position:absolute; top:0; right:0;}

/* 기타 */
.telBar {display:inline-block; font-size:16px; font-weight:normal; color:#ccc; line-height:68px; text-align:center; padding:0 8px;}
.at {display:inline-block; font-size:16px; font-weight:normal; color:#444; line-height:68px; text-align:center; padding:0 5px;}
.blind {width:0px; height:0px; text-indent:-10000000px; overflow:hidden; position:absolute; top:0; left:0; font-size:0;}
#print {padding:0px 0 50px;}
#print h4.pageStit {padding:20px 0;}
.pc {display:block;}
.mobile {display:none;}