/*open sans*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');

/*Noto*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: normal;
	src: url('font/notokr-regular.eot');
	src: url('font/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('font/notokr-regular.woff2') format('woff2'),
		 url('font/notokr-regular.woff') format('woff');
}
 
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url('font/notokr-medium.eot');
	src: url('font/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('font/notokr-medium.woff2') format('woff2'),
		 url('font/notokr-medium.woff') format('woff');
}
 
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: bold;
	src: url('font/notokr-bold.eot');
	src: url('font/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('font/notokr-bold.woff2') format('woff2'),
		 url('font/notokr-bold.woff') format('woff');
}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:155%;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; font-size:13px; color:#666; font-family:'GmarketSansMedium', 'Noto Sans KR', sans-serif; height:100%;}
*{font-family:'GmarketSansLight', 'Noto Sans KR', sans-serif; }
body {background: #000;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate;border-spacing:0; font-size:13px;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:13px;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:155%;letter-spacing:normal;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:#666;}
address{font-style:normal;}
img{max-width:100%;}
input,select,img{vertical-align:middle;}
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/
.input_search {border:0; background:none; height:20px; width:155px; font-size:12px; color:#909496; font-family:'GmarketSansLight', 'Noto Sans KR', sans-serif;}


/* 색상 및 폰트웨이트 */
.ft_med{font-family: 'GmarketSansMedium', sans-serif; !important}
.ft_red{color:#f00; !important}
.ft_blue{color:#1B80D6; !important}
.ft_wt{color:#fff; !important }
.ft_yw { color: rgb(239,221,185); !important}
.txt_left{text-align: left; !important}
.txt_center{text-align: center; !important}


/* Web Content Accessibility TTS(Text To Speech) Code */
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}

/* 바로가기 */
#accessibilityMenu {position:absolute; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

/* Common */
.line_bg{height:2px; background-color:#f5f5f5}
.img_bor{border:1px solid #ddd}
.clearfix:after{display: block; content: ''; clear: both;}


/* pc, 모바일 상태에 따라 숨김처리 */ 
.pc {display:block;}
.mobile1 {display:none;}
.header_pc {display:block;}
.header_mobile {display:none;}

/* table */
.table_style1_main{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #8f8f8f; border-left:1px solid #ddd; overflow:auto; }
.table_style1_main th{color:#2d3133; font-family:NotoKR-Regular; font-weight:100; font-size:1em; text-align:center; padding:13.5px; border-bottom:1px solid #ddd; letter-spacing:-0.5pt; border-right:1px solid #ddd; background-color:#efefef;}
.table_style1_main td{border-bottom:1px solid #ddd; padding:13.5px; font-size:1em;  letter-spacing:-0.5pt; border-right:1px solid #ddd;}
.table_style1_main th sup{font-size:11px}
.table_style1_main .bor{border-right:1px solid #ddd;}


/* 메뉴 : 슬라이드 메뉴 */
#menuArea {width:100%; height:100%; position:fixed; right:0; top:0; z-index:9999; overflow-x:hidden;overflow-y:auto;display:none;}
/* #menuArea {max-width:500px; min-width:220px; height:100%; position:fixed; right:0; top:0; z-index:9999; overflow-x:hidden;overflow-y:auto;display:none;} */
#menuArea .mlogo{background: rgba(0,0,0,0.4); overflow:hidden; clear:both; padding:20px;border-bottom:1px solid #333;}
#menuArea .mlogo img{width:160px;}

#menuArea .menuList>.gnb_m{padding:10px;}
#menuArea .menuList>.gnb_m>li{padding:10px;}
#menuArea .menuList>.gnb_m>li>h3{padding:5px; font-family: 'GmarketSansMedium';}
#menuArea .menuList>.gnb_m>li>.lnb_m{}
#menuArea .menuList>.gnb_m>li>.lnb_m>li{float:left; width: 32%; margin-right: 2%; background-color: #e0e0e0; box-sizing: border-box;text-align: center; white-space: nowrap; overflow: hidden;}
#menuArea .menuList>.gnb_m>li>.lnb_m>li:last-of-type{margin-right: 0;}
#menuArea .menuList>.gnb_m>li>.lnb_m>li>a{display:block; text-overflow: ellipsis; font-size: 1.1em; padding: 10px; font-weight:800;}

#menuArea .menuList>.gnb_m{padding:10px;}
#menuArea .menuList>.gnb_m>li{padding:10px;}
#menuArea .menuList>.gnb_m>li>h3{padding:5px; font-family: 'GmarketSansMedium';}
#menuArea .menuList>.gnb_m>li>.lnb_m2{}
#menuArea .menuList>.gnb_m>li>.lnb_m2>li{float:left; width: 23.5%; margin-right: 2%; background-color: #e0e0e0; box-sizing: border-box;text-align: center; white-space: nowrap; overflow: hidden;}
#menuArea .menuList>.gnb_m>li>.lnb_m2>li:last-of-type{margin-right: 0;}
#menuArea .menuList>.gnb_m>li>.lnb_m2>li>a{display:block; text-overflow: ellipsis; font-size: 1.1em; padding: 10px; font-weight:800;}



#menuArea .menuList {width:100%; min-height:100%; background: rgba(0,0,0,0.3); position:absolute; right:-528px; box-sizing:border-box;overflow-y:auto; box-shadow:-2px 0 2px rgba(0,0,0,0.8);}
/* #menuArea .menuList {width:40%; max-width:500px; min-width:220px; min-height:100%;  background: #fff; position:absolute; right:-528px; box-sizing:border-box;overflow-y:auto; box-shadow:-2px 0 2px rgba(0,0,0,0.8);} */
#menuArea .menuList>.list {background-color:#fff;}
/* #menuArea .menuList>.list>li {background:#fff;} */
#menuArea .menuList>.list>li.active>a{    background: url('../img/common/mallcate_up.png') no-repeat right 18px center, #3177d4 !important;
color: #fff !important;font-family:'GmarketSansLight', 'Noto Sans KR', sans-serif; font-weight:bold;border-bottom: 1px solid #ddd;}
#menuArea .menuList>.list>li>a { padding: 0 0 0 18px; background: url('../img/common/mallcate_li.gif') no-repeat right 18px center, #fff; padding:13px 0 13px 15px; display:block; font-size:14px; line-height:100%; border-bottom:1px solid #ddd; color:#666; letter-spacing:-0.5pt;}
/* #menuArea .menuList>.list>li.icon02>a {background:#fff;} */
#menuArea .menuList>.list .sMenu {background-color: #f9f9f9; position: relative;  width: 100%;  padding:14px 0 14px 15px; display:none;  border-bottom:1px solid #ddd;}
#menuArea .menuList>.list .sMenu>li {}
#menuArea .menuList>.list .sMenu>li>a {display:block; background:url('../img/common/menudot2.gif') left center no-repeat; padding:2px 0 2px 12px; border:none; font-size:13px; letter-spacing:-0.5pt; color:#666;}
#menuArea .menuList .btnMenu_mClose {display:block; width:96%; line-height:130%; padding:10px 0; text-align:center; font-size:13px; background:#000; color:#fff; letter-spacing:-0.75pt; margin:10px auto; border:none;font-weight:800;}
#menuArea .menuList>.list>li.icon05 img{width:60px;}
#grayLayer {width:100%; height:100% !important; background:rgba(30,30,30,0.8); position:fixed; left:0; top:0; z-index:999; overflow-x:hidden;overflow-y:auto;display:none;}
#grayLayer > a {display:block;width:100%;height:100%}
.sMeun_in{position:relative; margin-left:13px}
.sMeun_in a{color:#888}


/* 전체메뉴 버튼 */
button.menu-trigger{padding:0; width:45px; height:45px; background-color: transparent; line-height:45px; position: relative; border:none; cursor: pointer;}



/*불렛버튼*/
.bullet{display: inline-block; width:13px; height:13px; background-image:url('/../img/common/bullet.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}





/* 레이아웃 */
#wrap {position:relative; width:100%; height:100%; min-width:1200px;}

/* Header */
#header {position:fixed; top:0; z-index:999; width:98%;  box-sizing:border-box; }

@media (max-width: 1200px) { 
	#header {width:100%;}
}

#header2 { display:none;}
	#header2 .gnbDiv .gnbWrap .gnb .oneDep {color:#fff !important; }
	#header2 .gnbDiv .gnbWrap .gnb ul li.top_search a{background: url('../img/common/btn_search2.png') center center no-repeat !important;}
	#header2 .gnbDiv .gnbWrap .gnb ul li.englink{ background: url('../img/common/line2.gif') left top no-repeat !important;}
	#header2 .gnbDiv .gnbWrap .gnb ul li.englink a{color:#444 !important;}
	#header2 .gnbDiv .gnbWrap .gnb ul li.header_btn .btn_menu{color:#fff !important; }

	.t_on{border-bottom:1px solid #e9e9e9; background:#fff}
	.t_on dl{border-left:1px solid #e9e9e9}
	.t_on dd a{color:#777; border-right:1px solid #e9e9e9;}
	.t_on li a{color:#777;}
	.t_on li.point a {border-left:1px solid #e9e9e9;color:#777;}
	.t_on li.point:last-child a {border-right:1px solid #e9e9e9;}

	.header_wrap {position:relative; width:100%; height:98px; border-bottom:1px solid rgba(255,255,255,0.2); box-sizing:border-box;}
	.header_in {position:relative; width:90%; margin:0 auto;z-index:999999999;}
	.header_in .logo {float:left; padding-top:18px; z-index:999999999;}
	
	/* 예약 조회 버튼 */
.footer_btn_m a{display: none;}    
.footer_btn2_m a{display: none;}    
.footer_btn3_m a{display: none;}    
.footer_btn4_m a{display: none;}    

.footer_btn5_m a{ display: block; position: fixed; bottom: 76%; right: 25px; background-color: #1B80D6; width:50px; height:50px; border-radius: 50%; background-image:url('/../img/common/icon05.png'); background-color: #2d2d2d; background-position: center; background-size: cover; font-size: 1.3em; font-family: 'GmarketSansMedium'; z-index: 1;}  
.footer_btn6_m a{ display: block; position: fixed; bottom: 70%; right: 25px; background-color: #1B80D6; width:50px; height:50px; border-radius: 50%; background-image:url('/../img/common/icon06.png'); background-color: #2d2d2d; background-position: center; background-size: cover; font-size: 1.3em; font-family: 'GmarketSansMedium'; z-index: 1;}  
  
/* TOP 메뉴 */
#menu {position:absolute; width:100%; top:0; height:98px; z-index:1000; background: #000;}
.gnbDiv {width:100%; height:250px; overflow:hidden; position:absolute; top:0; left:0; z-index:10000;}
.gnbDiv .gnbWrap {position:absolute; top:0; z-index:10000; margin: 0 auto; overflow: hidden; position: relative; width:90%; z-index: 10000;} 
.gnbDiv .gnbWrap h1{position:absolute; padding:18px 0 0 0; z-index:9999999; display:none}
.gnbDiv .gnbWrap .gnb {width:800px; z-index:10000; height:250px; float:right; margin-right: 120px;}
.gnbDiv .gnbWrap .gnb .oneDep {font-family:'GmarketSansLight', 'Noto Sans KR', sans-serif;font-weight: bold; line-height:100%; font-size:18px; height:67px; color:#333; letter-spacing:-0.5pt; padding-top:40px; text-align:left; }
.gnbDiv .gnbWrap .gnb ul{overflow:hidden; width:100%; height:250px;}
.gnbDiv .gnbWrap .gnb ul li{height: 250px; position:relative; float:left; text-align:left; line-height:100%; padding-right:9%}	

/* .gnbDiv .gnbWrap .gnb ul li.one{} 
.gnbDiv .gnbWrap .gnb ul li.two{}  
.gnbDiv .gnbWrap .gnb ul li.three{} 
.gnbDiv .gnbWrap .gnb ul li.four{}  */
.gnbDiv .gnbWrap .gnb ul li.five{padding-right:0} 
.gnbDiv .gnbWrap .gnb ul li.five .oneDep{font-size:15px; color:rgba(255,255,255,0.6); letter-spacing:-0.75pt; padding: 0 40px 0 0; margin:56px 0 0 0; background:url('../img/common/t_bar.png') 104px 1px no-repeat !important;} 
.gnbDiv .gnbWrap .gnb ul li.six{padding-right:0}
.gnbDiv .gnbWrap .gnb ul li.six .oneDep{font-size:15px; color:rgba(255,255,255,0.6); letter-spacing:-0.75pt; padding: 0 40px 0 0; margin:56px 0 0 0; background:url('../img/common/t_bar.png') 80px 1px no-repeat !important;}
.gnbDiv .gnbWrap .gnb ul li.seven {padding-right:0}
.gnbDiv .gnbWrap .gnb ul li.seven .oneDep{font-size:15px; color:rgba(255,255,255,0.6); letter-spacing:-0.75pt; padding:56px 0 0 0; }



.gnbDiv .gnbWrap .gnb ul li.header_btn {float:left; padding-right:0; position:absolute; top:35px; right:170px;}
.gnbDiv .gnbWrap .gnb ul li.header_btn .btn_menu{font-family:'GmarketSansMedium' , sans-serif; border: 3px solid #fff; border-radius: 15px; display: block; text-align:center; width:155px; box-sizing: border-box; padding: 10px 0; color:#fff !important; line-height:100%; font-size:16px; letter-spacing:1px; font-weight: 300 !important; background-image: none !important; }
/*.gnbDiv .gnbWrap .gnb ul li.header_btn .btn_menu img{padding-right:8px;}*/

.gnbDiv .gnbWrap .gnb ul li.header_btn2 {float:left; padding-right:0; position:absolute; top:35px; right:0;}
.gnbDiv .gnbWrap .gnb ul li.header_btn2 .btn_menu{font-family:'GmarketSansMedium' , sans-serif; border: 3px solid #fff; border-radius: 15px; display: block; text-align:center; width:155px; box-sizing: border-box; padding: 10px 0; color:#fff !important; line-height:100%; font-size:16px; letter-spacing:1px; font-weight: 300 !important; background-image: none !important;}
/*.gnbDiv .gnbWrap .gnb ul li.header_btn2 .btn_menu img{padding-right:8px;}*/

.ticket-btn { position: fixed; top: 30px; right: 200px;
  border: 2px solid #fff;    color: #fff; background: none; font-weight: bold; padding: 12px 20px; font-size: 1.15em;   border-radius: 15px; cursor: pointer;  z-index: 999; } 

/* 팝업 오버레이 */
.popup-overlay { position: fixed; top: 0; left: 0; width: 100%;  height: 100%;  background: rgba(0,0,0,0.5);  display: none; justify-content: center; align-items: center; z-index: 9999;}
.popup-content {  display: flex;  flex-direction: row; gap: 30px; position: relative;  max-width: 600px; width: 40%; justify-content: center;  align-items: center;  background: transparent;   box-shadow: none;   padding: 0;}
.reservation-option { flex: 1; text-align: center; padding: 20px;  border-radius: 20px;}
.reservation-option h3 {  margin: 10px 0; font-size: 1.7em;}
.reservation-option p { color: #fff; margin-bottom: 20px; font-weight: bold;}
.reservation-option .btn { display: inline-block; padding: 10px 20px;  border-radius: 15px;  font-weight: bold;  border: 2px solid #333; text-decoration: none; transition: 0.3s;}

.reservation-option.reserve { background: rgba(0,0,0,0.8); color: #fff; border: 2px solid #fff; }
.reservation-option.reserve a {color: #fff; font-weight: bold; font-size: 1.12em;}
.reservation-option.inquiry a {color: #fff; font-weight: bold; font-size: 1.12em;} 
.reservation-option.inquiry { background: rgba(0,0,0,0.8);  color: #fff; border: 2px solid #fff;}
.reservation-option.reserve .btn {  background: none; border: 2px solid #fff; border-radius: 12px;}
.reservation-option.inquiry .btn {  border: 2px solid #fff;  color: #fff;  background: none; border-radius: 12px; }
.close-btn {  position: absolute; top: 30px;  right: 30px; font-size: 22px; color: #fff;  background: none;  border: none;  cursor: pointer;  z-index: 10001;}
.reservation-option .btn:hover { background-color: #fff; color: #000; transform: scale(1.2); }

/* 반응형 */
@media (max-width: 768px) { 
  .popup-content {  flex-direction: column; padding: 30px 20px; gap: 20px;  }
  .reservation-option { padding: 15px;  }
}

/* iframe 팝업 기본 숨김 */
.iframe-popup {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 90vw;
  max-width: 480px;
  height: 80vh;
  background: white;
  border-radius: 15px 15px 0 0;
  box-shadow: 0 -3px 10px rgba(0,0,0,0.4);
  overflow: hidden;
  z-index: 10000;
  transition: transform 0.5s ease;
}

/* 보이기 애니메이션 */
.iframe-popup.active {
  transform: translate(-50%, 0);
}

/* 숨김 클래스 */
.hidden {
  display: none;
}

/* 닫기 버튼 스타일 */
.close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  background: transparent;
  border: none;
  font-size: 1.5em;
  cursor: pointer;
  z-index: 10001;
}

/* iframe 꽉 채우기 */
.iframe-popup iframe {
  width: 100%;
  height: 100%;
  border: none;
}











.gnbDiv .gnbWrap .gnb ul li.englink{background:url('../img/common/line.png') left top no-repeat; padding-left:15px; padding-right:0; position: absolute;right:130px; top:39px;}
.gnbDiv .gnbWrap .gnb ul li.englink.on a{color:#5f6871}
.gnbDiv .gnbWrap .gnb ul li.englink a{ color:#fff; font-size:15px; line-height:100%; }
.gnbDiv .gnbWrap .gnb ul li.englink img{width:27px; padding-right: 6px; margin-bottom: 1px;}
.gnbDiv .gnbWrap .gnb ul li.top_search {float:left; padding-right:0;position:absolute; top:38px; z-index:999999; right:220px;}
.gnbDiv .gnbWrap .gnb ul li.top_search a{display: block; background:url('../img/common/btn_search.png') center no-repeat; width:18px; height:18px;} 
	.top_search dl {position:relative;}
	.top_search dl, .top_search dl dd, .top_search dl dt {float:left;}
	.top_search dl dd input { position: absolute; top:-14px; right:10px; border-radius:52px; width:200px; height:52px; background:#fff; box-sizing:border-box; padding:0 10px; color:#aaa; border:1px solid #ddd;}
	.top_search dl dt{padding:0; position:absolute; top:2x; right:25px}
	.top_search .search_btn {float:left;}
	.top_search .search_btn img{cursor:pointer}

.gnbDiv .gnbWrap .gnb ul li.top_search2 {float:left; padding-right:0;position:absolute; top:38px; z-index:999999; right:200px;}
	.top_search2 dl {position:relative;}
	.top_search2 dl, .top_search dl dd, .top_search dl dt {float:left;}
	.top_search2 dl dd input{     position: absolute; top:-14px; right:10px; border-radius:52px; width:200px; height:52px; background:#fff; box-sizing:border-box; padding:0 10px; color:#aaa; border:1px solid #ddd;}
	.top_search2 dl dt{padding:0; position:absolute; top:2x; right:25px}
	.top_search2 .search_btn {float:left;}
	.top_search2 .search_btn img{cursor:pointer}


.gnbDiv .gnbWrap .gnb ul li a.oneDep{display:block; position:relative; color:#fff; text-decoration:none !important;  background:center 68px ; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; letter-spacing: 1px;}
.gnbDiv .gnbWrap .gnb ul li.on {}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep {color:#193E75 !important; text-decoration:none; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.gnbDiv .gnbWrap .gnb ul li.five.on a.oneDep {background:none;}
.gnbDiv .gnbWrap .gnb ul li.six.on a.oneDep {background:none;}
.gnbDiv .gnbWrap .gnb ul li.seven.on a.oneDep {background:none;}
.gnbDiv .gnbWrap .gnb ul li.header_btn.on {}
/* .gnbDiv .gnbWrap .gnb ul li.on a.oneDep:hover{color:#000 !important; text-decoration:none;} */

/* .gnbDiv .gnbWrap .twoDep {display:block; padding-top:14px; box-sizing:border-box; position:relative; visibility: visible;}
.gnbDiv .gnbWrap li.on .twoDep{} */
/* .gnbDiv .gnbWrap li.on .twoDep a.off:hover{color:#000; vertical-align:top;}
.gnbDiv .gnbWrap li .twoDep a.on{color:#000; vertical-align:top;}
.gnbDiv .gnbWrap li .twoDep a {display:block; color:#777; line-height:100%; letter-spacing:-0.5pt; font-size:15px; padding:7px 0; margin-bottom:3px; text-align:left; font-family: 'GmarketSansMedium';} */
/* .disB{display:block;} */
/* .gnbDiv .gnbWrap li.one .twoDep{ box-sizing:border-box;} */
/* .twoDbg{display:; background:#fff; border-top:1px solid #ddd; position:absolute; top:98px; left:0; height:248px; width:100%; z-index:9999; line-height:100%;}
.twoDbg .twoDbg_bg{} */


.gnbDiv .gnbWrap .box{text-align:left; padding-bottom:5px; line-height: 100%; letter-spacing: -0.5pt; font-size: 15px;}
.gnbDiv .gnbWrap .box .dropdown-toggle{position:relative; letter-spacing: -0.5pt;}
/* .gnbDiv .gnbWrap .box .dropdown-toggle:hover{color:#193E75;} */
.gnbDiv .gnbWrap .box .dropdown-toggle span{ line-height: 100%; position:absolute; right:17px; display:inline-block; border:1px solid #ddd; width:19px; height:19px;background:url('../img/common/plus2.gif') center no-repeat;}
.gnbDiv .gnbWrap .box.active .dropdown-toggle span{display:inline-block; border:1px solid #ddd; width:19px; height:19px;background:url('../img/common/plus.gif') center no-repeat;}
.gnbDiv .gnbWrap .box.active .dropdown-toggle{color:#3177d4;}
#menu .gnb ul>li .psmenu {margin-top:8px; position: relative;  width: 100%;  display:none; margin-bottom:10px}
#menu .gnb ul>li .psmenu dd{margin-bottom:7px}
#menu .gnb ul>li .psmenu a { line-height:18px; display:block; text-align:left; border:none; font-size:13px; letter-spacing:-0.5pt; color:#666; padding-left:5px; box-sizing:border-box;}
#menu .gnb ul>li .psmenu dd.last{margin-bottom:0}
/* #menu .gnb ul>li .psmenu dd:hover a{color:#193E75; text-decoration: underline;} */




.accordion, .accordion * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}

.accordion {overflow: hidden;}

.accordion-section-header {width:100%; position:relative; display: inline-block; font-size: 15px; letter-spacing: -0.5pt; line-height:19px; padding: 3px 0;margin-bottom: 3px;}
/* .accordion-section-header:hover{color:#193E75;} */
.accordion-section-header span{line-height: 100%; position:absolute;top:5px; right:0px; display:inline-block; border:1px solid #ddd; width:15px; height:15px;background:url('../img/common/plus2.gif') center no-repeat;}
.accordion-section-header.active{color:#193E75;}
.accordion-section-header.active span{display:inline-block; border:1px solid #ddd; width:15px; height:15px;background:url('../img/common/plus.gif') center no-repeat;}
.accordion-section-content { display: none;}
.accordion-section-content dl{margin-top:8px; position: relative;  margin-bottom:10px}
.accordion-section-content dd{margin-bottom:7px}
.accordion-section-content dd a{line-height:16px; display:block; text-align:left; border:none; font-size:13px; letter-spacing: -0.5pt; color:#666; padding-left:5px; box-sizing:border-box;}
.accordion-section-content dd a:hover{color:#193E75; text-decoration: underline;}
.accordion-section-content dd.last{margin-bottom:0}



.searchZone{ position:absolute; top:18px;right: 56px; z-index:89; display:none;}
.mask {position:absolute; left:0; top:0; z-index:9999; background-color:#3c4247; display:none;}
.window {display: none; z-index:99995; width:90%; max-width:1000px; height:55px; background:#fff; border-radius:8px; box-sizing:border-box; padding:10px 15px; margin-left:-3%;}
.window .close{display:block; font-size:20px; color:#fff; position:absolute; top:-30px; right:8px; height:19px; width:19px; z-index:99999; cursor:pointer; }
.inputB{width:100%; overflow:hidden; clear:both; }
.inputB dd{float:left; width:70%; overflow:hidden; }
.input_search2{border:none !important;  letter-spacing:-0.55pt; width:100%; font-size:14px; color:#777; letter-spacing:-0.35pt; padding:8px 0}
.inputB dt{float:right; padding:0px 0 0px 15px;  }
.inputB dt input{cursor:pointer; width:35px;}

input::-webkit-input-placeholder { color:#999; font-size:13px;}
input::-moz-placeholder { color:#999; font-size:13px;}
input:-ms-input-placeholder { color:#999; font-size:13px;}




/* 하단 */
#footer {position:relative; width:100%; clear:both; overflow:hidden; background:#000;}
#footer .foot_in {position:relative; margin:0 auto; max-width:1240px; overflow:hidden; padding:30px 0 60px 0;}
#footer .foot_in .flogo{position:relative; overflow:hidden;float:left; width:30%; padding-top:20px;}
#footer .foot_in .info{float:left; position:relative; overflow:hidden; margin-left:5%; width: 30%; padding-top:20px;}

#footer .foot_in .copy_wrap{margin-bottom: 30px;}
#footer .copy{position:relative; overflow:hidden; clear:both; }
#footer .copy ul{}
#footer .copy li{line-height:28px; color:rgba(255,255,255,1.0); font-size:15px;}
#footer .copy li span{line-height:28px; margin-right:20px;  letter-spacing:-0.3px;color:#fff;}
#footer .copy li span.bold{color:#fff;}
#footer .copy li span.bold2{margin-right:0; color:#fff;}
#footer .copy li span img{padding-right:5px; padding-bottom: 3px;}
#footer .copy li.copyright{color:rgba(133,133,133,1.0); font-size:14px; padding:12px 0; text-transform: uppercase;}

#footer .footer_nav{position: relative;z-index: 10; margin-left:-15px}
#footer .footer_nav ul:after{content: ""; display: table; clear: both;}
#footer .footer_nav ul li{/*width:12.5%;*/ float: left;position: relative;}
#footer .footer_nav ul li:after{content: "";width:1px; height: 10px; background: #c7c7c7; position: absolute; top:50%; margin-top:-5px; right:0; }
#footer .footer_nav ul li:last-child:after{display: none;}
#footer .footer_nav ul li a{display: block;color:#c7c7c7; line-height: 1.4em;padding:16px 15px 15px;text-align: center;font-weight: 600;position: relative; z-index: 10;font-size:12px;}
#footer .footer_nav ul li.bold a{color:#c7c7c7;}

#footer .foot_in .foot_bottom{border-top:1px solid #565656;}
#footer .copy ul li .map_btn{padding:10px 30px; font-family: 'GmarketSansMedium'; background-color: #8f8f8f; float: left; margin:4px; color:#fff;}

/* 게시판 페이징 */
.page_num { position: relative; width: 100%; text-align: center; padding: 15px 0 0 0 }
.page_num ul.pagination { display: inline-block; padding: 0; margin: 0 }
.page_num ul.pagination li { display: inline }
.page_num ul.pagination li a { color: #666; float: left; padding: 6px 12px; text-decoration: none; border: 1px solid #CBCBCB; margin: 0 1px }
.page_num ul.pagination li a.active { background: #484C57; color: #FFF; border: 1px solid #484C57 }



/* 푸터 지도 아이콘 */
#footer .copy li > .btn-des01{}
#footer .copy li > .btn-des01 > li{float: left; width: 42%; box-sizing: border-box; background-color:#fff;}
#footer .copy li > .btn-des01 > li:first-of-type{margin-right: 6%;}
#footer .copy li > .btn-des01 > li > a{}
#footer .copy li > .btn-des01 > li > a > img.naver-icon{display: inline-block; width:30px; height:30px; background-image: url('/../img/common/naver-icon.jpg');}






/*탑 버튼*/

div.topBtn { position:fixed; right:30px; bottom:30px; z-index:999; }
div.topBtn #scroll {display:block; background:url('../img/common/top.png') center no-repeat, #193E75; border-radius: 57px; width:57px; height:57px; box-shadow:5px 5px 20px rgb(0,0,0,0.2);
}
/* div.topBtn #scroll:hover{background:url('../img/common/top.png') center no-repeat, #193E75; } */




/*******************************************************************************
	@media 1024px~1200px
*******************************************************************************/
@media all and (max-width:1169px){


#wrap {position:relative; width:100%; min-width:100%; }
	.header_in{position:relative; margin:0 auto; width:96%;}
	.header_in h1{position:absolute; float:left; z-index:99999; }
	
	#header .top_in{width:96%;}
	
	.gnbDiv .gnbWrap {top:0; z-index:10000; margin: 0 auto; overflow: hidden; position: relative; width:100%; z-index: 10000;} 



.header_pc {display:none;}
.header_mobile {display:inline-block;}
.header_in #top_box{display:none;}
.all_cate{position:relative; z-index:99999; top:-3px;}
.all_cate button{background:none; cursor:pointer}
.englink{    position: absolute;    top: 29px;right: 50px; background: url('../img/line.png') left 1px no-repeat;padding-left: 12px;}
.englink a{color:#fff !important ; line-height:100%; font-size:15px}
.englink a img{width:27px; padding-right:5px;}


#header {height:80px;}
.header_wrap {height:80px}
.header_in .logo {padding-top:16px; width:220px;}
.header_in .logo img {max-width:100%}
#menu {display:none;}
.header_mobile {display:block; float:right;}
.header_mobile .top_search {float:left; padding-right:0;position:absolute; top:28px; z-index:999999; right:134px;}
.header_mobile .top_search a{width:18px; height:18px; background:url('../img/common/btn_search.png') center no-repeat; display:inline-block;}
.header_mobile .header_btn {width:50px; height:50px; background:url('../img/common/sitemap.png') center no-repeat; border: 2px solid rgba(255,255,255,0.9); display:inline-block; border-radius: 50px; float:left;  position:absolute; top:20px; right:5px; cursor:pointer;}
#header2 .englink{background: url(/img/common/line2.gif) left 1px no-repeat;}
#header2 .englink a{color:#444 !important;}
#header2 .header_mobile .header_btn{border: 1px solid #ddd !important; background:url('../img/common/sitemap2.png') center no-repeat !important}
#header2 .header_mobile .top_search a{width:18px; height:18px; background:url('../img/common/common/btn_search2.png') center no-repeat; display:inline-block;}

/* 예약 조회 버튼 */
.footer_btn_m a{ display: block; position: fixed; top: 100px; right: 10px; border: 2px solid #fff; color: #fff; border-radius: 50%; padding: 12px 9px; font-size: 1.3em; font-family: 'GmarketSansMedium'; z-index: 1;}    
.footer_btn2_m a{ display: block; position: fixed; top: 165px; right: 10px; border: 2px solid #fff; color: #fff; border-radius: 50%; padding: 12px 9px; font-size: 1.3em; font-family: 'GmarketSansMedium'; z-index: 1;} 

.footer_btn3_m a{ display: block; position: fixed; bottom: 200px; right: 10px; background-color: #8F8F8F; width:40px; height:40px; border-radius: 50%; background-image:url('/../img/common/icon01.png'); background-color: #fff; background-position: center; background-size: cover; font-size: 1.3em; font-family: 'GmarketSansMedium'; z-index: 1;}    
.footer_btn4_m a{ display: block; position: fixed; bottom: 110px; right: 10px; background-color: #1B80D6; width:40px; height:40px; border-radius: 50%; background-image:url('/../img/common/icon02.png'); background-color: #fff; background-position: center; background-size: cover; font-size: 1.3em; font-family: 'GmarketSansMedium'; z-index: 1;}  

.footer_btn5_m a{ display: block; position: fixed; bottom: 155px; right: 10px; background-color: #1B80D6; width:40px; height:40px; border-radius: 50%; background-image:url('/../img/common/icon05.png'); background-color: #2d2d2d; background-position: center; background-size: cover; font-size: 1.3em; font-family: 'GmarketSansMedium'; z-index: 1;}  
.footer_btn6_m a{ display: block; position: fixed; bottom: 110px; right: 10px; background-color: #1B80D6; width:40px; height:40px; border-radius: 50%; background-image:url('/../img/common/icon06.png'); background-color: #2d2d2d; background-position: center; background-size: cover; font-size: 1.3em; font-family: 'GmarketSansMedium'; z-index: 1;}  

.topbox{top:25px}
.topbox .btnMenu_m img{margin:0; width:44px; height:44px; border:1px solid #333;}
.searchZone2{display:none;}
.searchZone{top:-3px; right:44px; display:block;  border:1px solid #333;}
.topbox .lan{top:8px}

/* 탑버튼 */
div.topBtn{right:2%; bottom:2%}


#wrap {position:relative; width:100%; -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  -webkit-transition: all 0.3s ease;  padding-right: 0; -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;}
#wrap.toggled { margin:0 ; }
#wrap.toggled #sidebar-wrapper { width: 200px;}


/* .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none; }
.dropdown-menu li a{padding:6px 0 6px 15px; background:#f9f9f9; border:none; font-size:13px; letter-spacing:-0.5pt; } */
/* .dropdown-menu li a:hover{background:#f9f9f9 !important; text-decoration:none; } */
.open>.dropdown-menu{display:block}
.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;z-index:1030}


.hamburger { border: none;  display: block;}






/* 풋터 */
#footer{margin:0 auto; }
#footer .foot_in{width:96%; }


}

@media all and (max-width:600px){
	/*#wrap {height:300px;}*/
}

/*******************************************************************************
	@media 768~980px
*******************************************************************************/

@media all and (max-width:980px){


/* 풋터 */
#footer .copy li{font-size:13px; line-height:20px}
#footer .foot_in{padding:30px 0}
#footer .foot_in .flogo{width:100%; margin-bottom:15px;}
#footer .copy li span{display:inline-block;line-height:20px }
#footer .foot_in .info{width:100%; margin-left:0; padding-top:0; margin-bottom:15px;}
#footer .copy li.copyright{font-size:12px; line-height:18px;}

#footer .footer_nav ul li:after{content: "";width:1px; height: 12px; background: #fff; position: absolute; top:50%; margin-top:-5px; right:0; }
#footer .footer_nav ul li a{font-size:13px;}

}

/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px){
.header_wrap{height:70px}
.header_in .logo{width:180px;padding-top:12px;}
.header_in .logo img {max-width:100%}
.header_mobile .header_btn{top:10px}
.englink{top:26px;}
.englink a{font-size:14px}
.header_mobile .top_search{top:25px; right:132px;}



/* 풋터 */
#footer{margin:0 auto}
#footer .foot_in{width:94%; padding:20px 0}
div.topBtn #scroll{width:50px; height:50px}
#footer .copy li span.bold{display:block}

}


/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){


}


/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px){

.header_mobile .header_btn{width:35px; height:35px;}
.englink a{font-size:13px}
.englink a img{width:23px;}
.englink{right:42px}
.header_mobile .top_search{right:116px;}

#menuArea .menuList>.gnb_m>li>.lnb_m>li>a{display:block; text-overflow: ellipsis; font-size: 1.1em; padding: 10px; }

}

@media all and (max-width:300px){


#menuArea .menuList>.gnb_m>li>.lnb_m>li>a{font-size: 0.9em; }

}


/*** Table ***/
table {width:100%; }
table tbody th, tfoot th, .tbl  tfoot td { font-weight: 400}
.tbl {margin-bottom: 10px; border-top:2px solid  #555; }
.tbl thead th {color:#222; padding:15px 5px; border-left:1px solid #d5d5d5; border-bottom:1px solid #979797; background:#fafafa;  text-align:center; }
.tbl tbody th,
.tbl tfoot th,
.tbl td {padding:10px ; border-right:1px solid #d5d5d5; border-bottom:1px solid #979797; text-align:center; background:#fff;font-weight:800;}
.tbl tbody th{ color:#222; background:#fafafa;}
.tbl tfoot th, .tbl  tfoot td { background-color: #4093d6; color: #fff; border-bottom:1px solid #91b8d6;border-right:1px solid #6ab1ea; }
.tbl thead th:first-child,
.tbl tfoot th:first-child,
.tbl tbody th:first-child{border-left:none;}
.tbl tbody.tL td,
.tbl td ul {text-align:left;}
.tbl tbody td.line {border-color:#ddd;}
.tbl tbody th.line {border-left:1px solid #d5d5d5;}
.tbl tbody th:last-child,
.tbl tbody td:last-child{border-right:0;}

table td li { text-align: left; position:relative; box-sizing:border-box; padding-left:10px;margin-bottom:5px;}
table td li:before{ background:#5d5d5d; width:3px; height:3px;} 
table td li:before { content:''; display:block; position:absolute; left:0px; top:9px; } 
table td li ul{ padding:5px 0;}
table td li li { margin-bottom:3px; color:#999; font-size: .95em}
table td li li:before{ content:''; display:block; position:absolute; left:0; top:8px; background:#8a8a8a; width:5px; height:1px; } 
table ul li:last-child {margin-bottom:0 !important;}

/* table :: white -14px */
.tbl_white {position:relative; width:100%; border-top:2px solid #666; overflow:hidden;margin-bottom: 30px;}
.tbl_white table {width:100%; }
.tbl_white thead th {padding:12px 5px 14px 5px; text-align:center; color:#2d2d2d; border-bottom:1px solid #ccc; background:#fff;}
.tbl_white th,
.tbl_white td {padding:10px 5px 12px 5px; text-align:center;  border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4;word-break:keep-all;}
.tbl_white th:last-child,
.tbl_white td:last-child{border-right:0;}
.tbl_white td span.col-C01 {color:#f71958;}
.tbl_white td span.col-C02 {color:#2a9c00;}
.tbl_white td span.col-C03 {color:#006798;}

/* table :: 기본-12px, center */
.tbl_col {position:relative; width:100%; border-top:1px solid #737373; border-right:1px solid #d3d3d3; overflow:hidden;margin-bottom: 30px;}
.tbl_col table {width:100%; font-family:'돋움',Dotum; font-size:12px;}
.tbl_col th, .tbl_col td {padding:10px 5px 8px 5px; text-align:center; border-left:1px solid #d3d3d3;} 
.tbl_col thead th {font-weight:500;border-bottom:1px solid #d3d3d3; background:#f2f2f2;color:#2d2d2d;}
.tbl_col th{ border-bottom:1px solid #e4e4e4;}
.tbl_col td {border-bottom:1px solid #e4e4e4; background:#fff;}

/* table :: 파랑-11px, 오른쪽, 왼쪽정렬 */
.tbl_blue {position:relative; width:100%; border-top:1px solid #0056ab; overflow:hidden;margin-bottom: 30px;}
.tbl_blue table {width:100%; font-family:'돋움',Dotum; font-size:11px;}
.tbl_blue thead th:first-child, .tbl_blue td:first-child {border-left:1px solid #bec9d3;}
.tbl_blue thead th, .tbl_blue td {padding:8px 4px 6px 4px; text-align:center; border-right:1px solid #bec9d3; border-bottom:1px solid #c1d2e2;} 
.tbl_blue thead th {background:#dce6ef;color:#2d2d2d;}
.tbl_blue th{ border-bottom:1px solid #c1d2e2; border-right:1px solid #bec9d3;}
.tbl_blue th:first-child{ border-left:1px solid #bec9d3;}
.tbl_blue td {background:#fff;}



.h_60 {height:60px; line-height:60px}


/* ****************** MODAL LAYERPOPUP ********************** */
/* modal layer */
.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; /*background:#000;*/ background:rgba(0,0,0,0.4);}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* modal layer content */
.footer-modal-content{position:relative; width:96%; max-width:1250px; margin:70px auto; background-color:#fff; }
.footer-modal-content h1{height:70px; line-height:70px; font-size:24px; font-weight:600; letter-spacing:-0.5px; padding:0; background-color:#193E75; color:#fff; padding:0 4%;}
.modal-close-btn{position:absolute; top:-60px; right:50%; margin-right:-19px; color:#fff; }
.modal-close-btn i{font-size:38px;}
/* .modal-close-btn i:hover {color:#fff} */
.footer-inner-box{padding:30px; }
.footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }

@media all and (max-width: 800px){
	/* modal layer content */
	.footer-modal-content h1{height:46px; line-height:46px; font-size:18px; text-align:left; padding:0 15px}
	.modal-close-btn i{font-size:24px}
	.footer-inner-box{padding:15px}
	.footer-inner{padding:10px; height:250px;}
}

/* 네이버 예약 */
.footer_btn10_m a{ display: block; position: fixed; bottom: 58%; right: 25px; background-color: #F7E600; color: #fff; width:50px; height:50px; border-radius: 50%; background-image:url('/../img/common/icon10.png'); background-position: center; background-size: cover; font-size: 1.3em; font-family: 'GmarketSansMedium'; z-index: 1;} 
.footer_btn10_m a::after{display: block; content: "카카오챗봇"; width: 98px; position: absolute; left: -30%; top: 100%; font-size: 0.8em; transform: scale(0); transform-origin: 43px top; padding: 5px 8px 3px; color: rgba(255,255,255,1);
    text-shadow: 1px 1px 1px black; transition: all 0.3s ease;}
.footer_btn10_m:hover > a::after{display: block; transform: scale(1); }

@media all and (max-width:1169px){
/* 카카오챗봇 */
.footer_btn10_m a{ display: block; position: fixed; top: 275px; right: 5px; background-color: #F7E600; color: #fff; width:50px; height:50px; border-radius: 50%; background-image:url('/../img/common/icon10.png'); background-position: center; background-size: cover; font-size: 1.3em; font-family: 'GmarketSansMedium'; z-index: 1;} 
.footer_btn10_m a::after{display: none;}
/* .footer_btn10_m:hover > a::after{display: none;} */
}


/*** Button ***/
.booking {
    position: fixed;
    display: none;
    right: 5px;
    top: 220px;
    z-index: 99;
    background-color: #263a7f;
    font-size: 0.9em;
    font-weight: 500;
    color: #fff;

}
.booking2 {
    position: fixed;
    display: none;
    right: 25px;
    bottom: 64%;
    z-index: 96;
    background-color: #03c65a;
    font-size: 1em;
    font-weight: 500;
    color: #fff;
}

@media all and (max-width: 1169px){
	.booking2 {
		right: 5px;
		top: 215px;
	}
}

.btn {
    font-weight: 500;
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-secondary {
    color: #FFFFFF;
}

.btn-square {
    width: 28px;
    height: 28px;
}

.btn-sm-square {
    width: 26px;
    height: 26px;
}

.btn-lg-square {
    width: 38px;
    height: 38px;
}
.btn-xlg-square {
    width: 50px;
    height: 50px;
    border-radius: 35px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square,
.btn-xlg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

.btn-outline-body {
    color: var(--primary);
    border-color: #777777;
}

/* .btn-outline-body:hover {
    color: #FFFFFF;
    background: var(--primary);
    border-color: var(--primary);
} */