@charset "utf-8";

/* Reset */
* { margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,p,iframe {font-family: 'Nanum Gothic',"나눔고딕"; margin:0; padding:0; font-size:inherit; word-break:keep-all; word-break:break-word; }
table { font-size:inherit; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
th, td {font-family: 'Nanum Gothic',"나눔고딕"; }
fieldset, iframe { border:0; vertical-align:top; }
img { border:0; font-size:0; vertical-align:top; }
address{ font-style:normal; font-weight:normal; }
li, dd { list-style:none; font-family: 'Nanum Gothic',"나눔고딕"; }
caption { overflow:hidden;width:100%;height:1px;font-size:0;line-height:0;text-indent:-9999px; margin-top:-1px; } /* 2013-08-16 ¼öÁ¤ */
legend { display:block; position:absolute; left:-9999px; text-indent:9999px; width:0; height:0; overflow:hidden; font-size:0; line-height:0; white-space:nowrap; color:#333; }
em { font-family: 'Nanum Gothic',"나눔고딕";font-style:normal; font-size:100%; }
strong { font-size:100%; }
h1, h2, h3, h4, h5, h6 { font-family: 'Nanum Gothic',"나눔고딕";font-weight:normal; line-height:1.2em; font-size:100%; }
a, a code { font-family: 'Nanum Gothic',"나눔고딕";color:#333; text-decoration:none; outline:none;  -webkit-tap-highlight-color: transparent;}
a:active, a:active code { font-family: 'Nanum Gothic',"나눔고딕";text-decoration:none; outline: none;  -webkit-tap-highlight-color: transparent;}
a:hover, a:hover code, a:focus, a:focus code {  font-family: 'Nanum Gothic',"나눔고딕";text-decoration:none; outline: none;  -webkit-tap-highlight-color: transparent; }
select { font-family: 'Nanum Gothic',"나눔고딕";padding:0; height:23px; *height:auto; font-size:1em; color:#333; line-height:23px; vertical-align:middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none;	-moz-appearance: none;	appearance: none; }
input { font-family: 'Nanum Gothic',"나눔고딕";display:inline-block; margin:0; padding:0; vertical-align:middle; -webkit-border-radius:0;  -webkit-appearance:none; appearance:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip:padding-box; }
input[type="text"], input[type="password"]{ font-family: 'Nanum Gothic',"나눔고딕";font-size:inherit; height:22px; line-height:22px; color:#333; border:1px solid #dfdfdf; border-left-color:#bcbcbc; border-top-color:#bcbcbc; -webkit-appearance:none; appearance:none; }
input[type="password"] { padding-top:0px; }
input[type="checkbox"] { width:13px; height:13px; vertical-align:-2px; *margin-right:-3px;}

input[type="checkbox"] {  background-color:#fff; -webkit-appearance:checkbox; }
input:checked[type="checkbox"]{ background-color:#fff; -webkit-appearance:checkbox; }
input[readOnly="readOnly"],input.readOnly,input[readOnly] { background-color:#e2e2e2 !important; }
textarea { -webkit-appearance:none; appearance:none; }
input:focus, textarea:focus { outline: none;  -webkit-tap-highlight-color: transparent; }


/* 예비로 둠--.site_body{position:relative;width:1000px;left:50%;margin-left:-500px;border:1px solid red;} */

/* common */
html, body { height:100%; }
body{ font:normal 14px/20px Nanum Gothic !important; color:#333; -webkit-text-size-adjust: 100%; }

.none { display:none !important; }
.block { display:block !important; }
.fL { float:left !important; }
.fR { float:right !important; }
.color1 { color:#00acff; }
.color2 { color:#0162a0; }
.color3 { color:#00acff; }
.color4 { color:#0162a0; }

/*매장별 탑 매뉴 글색*/
.color1_top_shop { color:#FFFFFF; }


.btnBox { display:inline-block; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-align:center; color:#fff !important; border-style:solid; border-width:1px; /*background:#00acff;*/ }
.btnBox a, .btnBox2 a { display:block;  padding:10px 0; color:#fff !important; }
.btnBox i.fa { font-size:2em; line-height: 1.5em; padding-right:10px; vertical-align: middle; }
.btnBox span { display:inline-block; color:#fff !important; font-size:1.5em; line-height: 1.5em; vertical-align: middle; }

.btnBox2 { display:inline-block; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-align:center; color:#fff !important; padding:10px 0; border-style:solid; border-width:1px; /*background:#00304e;*/ }
.btnBox2 span { display:inline-block; color:#fff !important; font-size:0.75em; vertical-align: middle; }

/*탬플릿 컬러 - 변경가능*/
.templetBgColor1 { background:#082a4c !important; }/*진파랑1*/
.templetBgColor2 { background:#00acff !important; }/*연파랑*/
.templetBgColor3 { background:#0e3f84 !important; }
.templetBgColor1_bar_search { background:#ed2024 !important; }/*진파랑1*/
.templetBgColor_pc { background:#FFFFF !important; }/*연파랑*/


.templetColor1_crm { font-family: 'Nanum Gothic',"나눔고딕";color:#fff !important; }/*진파랑2*/
.templetColor1 { font-family: 'Nanum Gothic',"나눔고딕";color:#00acff !important; }/*진파랑2*/
.templetColor1_black { font-family: 'Nanum Gothic',"나눔고딕";color:#000000 !important; }/*블랙*/
.templetColor2 { font-family: 'Nanum Gothic',"나눔고딕";color:#00acff !important; }
.templetColor3.on { font-family: 'Nanum Gothic',"나눔고딕";color:#00acff !important; border-color:#00acff !important; }
.templetColor4 { font-family: 'Nanum Gothic',"나눔고딕";background:#082a4c !important; color:#fff !important; }/*테이블배경색*/
.templetColor5 { font-family: 'Nanum Gothic',"나눔고딕";color:#082a4c !important; }/*진파랑1_카드단말기, 소프트웨어 사용*/

.templetBtnColor1 { background:#082a4c !important; border-color:#0288ba !important; }
.templetBtnColor2 { background:#00acff !important; border-color:#0288ba !important; }

nav #gnb li a:hover, /*nav #gnb li a.on { color:#00acff; } /*top_gnb 메뉴 선택컬러*/
.pagination ul .active, .pagination ul .active:hover, .pagination ul .active:focus, .pagination ul .active:active { background:#00acff; border-color:#00acff; }/*게시판 페이지넘버 컬러*/
/*탬플릿 컬러 - end*/

/*top_event_banner*/
#event_banner2 { display:none; }
#event_banner,
#event_banner2 { background:url(../images/event/banner2_bg.png) repeat-x; position:relative; }
#event_banner ul.cont,
#event_banner2 ul.cont { width:1000px; margin:0 auto; }
#event_banner ul.cont:after,
#event_banner2 ul.cont:after { content:""; display:block; clear:both; }
#event_banner ul.cont li,
#event_banner2 ul.cont li  { float:none; }
#event_banner .close,
#event_banner2 .close  { position:absolute; top:0; right:0; }
#event_banner .close ul.btn li,
#event_banner2 .close ul.btn li { float:left; }
#event_banner .close ul.btn li a,
#event_banner2 .close ul.btn li a { display:inline-block; color:#fff; font-size:12px; }
#event_banner .close .txt,
#event_banner2 .close .txt { background:rgba(8,42,76,0.5); padding: 0 15px; line-height: 40px; }
#event_banner .close .icon,
#event_banner2 .close .icon { background:rgba(8,42,76,0.7); padding: 0 15px; }
#event_banner .close .icon i.fa,
#event_banner2 .close .icon i.fa { font-size: 17px; line-height:40px; }

/*header*/
.web { display:block; }
.mobile { display:none; }
header { /*background:#082a4c;*/ padding:14px 0; }
header .top { display:block; width:1000px; margin:0 auto; overflow:hidden; color:#cccccc; }
header .top a { color:#fff; display:inline-block; font-size:14px; line-height:20px; vertical-align: middle; }
header .top i.fa { /*color:#00acff;*/ padding-right:7px; font-size: 1.3em; line-height:22px; vertical-align: top; }
header .top .fL span { padding-left:0; } 
header .top .fL a { padding-left:20px; }
header .top .fL a:first-child { padding-left:0px; }
header .top .fR span { display:inline-block; padding-right:10px; }
header .top .fR span.sns { padding-right:0; }
header .top .fR span:first-child a { padding:0 5px; }
header .top .fR i.fa { font-size:1.7em; }
header .top .kakao img { width:19px; vertical-align:middle; margin-right:7px; }

nav { background:#fff; padding:25px 0; }
nav .gnbBox { display:block; width:1000px; margin:0 auto; overflow:hidden; }
nav .gnbBox h1 { float:left; padding-left:0px; width:16%; font-weight:900; font-size:2em; line-height:32px;}
nav .gnbBox h1  a { color:#0162a0;  }
nav .gnbBox ul { float:right; width:70%; }
nav .gnbBox ul li { float:left; text-align:center; width:23%; font-size:1.125em; line-height:32px; }
nav .gnbBox ul li:nth-child(4), nav .gnbBox ul li:nth-child(5) { width:15%; }
/*nav #gnb li a:hover,
nav #gnb li a.on { color:#00acff; }  활성화 되었을때 스타일 */

nav { background:#fff; padding:25px 0; }
nav .gnbBox_admin { display:block; width:100%; overflow:hidden; }
nav .gnbBox_admin h1 { float:left; padding-left:0px; width:16%; font-weight:900; font-size:2em; line-height:32px;}
nav .gnbBox_admin h1  a { color:#0162a0;  }
nav .gnbBox_admin ul { float:right; width:70%; }
nav .gnbBox_admin ul li { float:left; text-align:center; width:23%; font-size:1.125em; line-height:32px; }
nav .gnbBox_admin ul li:nth-child(4), nav .gnbBox ul li:nth-child(5) { width:15%; }
/*nav #gnb li a:hover,
nav #gnb li a.on { color:#00acff; }  활성화 되었을때 스타일 */


/*footer*/
footer { /*background:#082a4c;*/ padding:72px 0; text-align: center; color:#cdcdcd; font-size:1em; width:100%; }
footer  a { color:#cdcdcd; }
footer .footlogo { font-size:2em; font-weight: 700; margin-bottom:20px; }
footer i.fa { font-size:1.2em;  vertical-align: middle; padding-right:7px; margin-left:15px; }
footer .inblock { display:inline; }

/*topBtn*/
.topBtn a { display:block; position:fixed; bottom:3%; right:2%; background: rgba(0,0,0,0.2); padding:5px 10px; color:#fff; font-size:1.5em; z-index:10; }

/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	margin-top: 20px;
	position:absolute;
	width:100%;
	bottom:15px; left:0;
	outline: none;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: none;
	border:solid 1px #fff;
	text-indent: -9999px;
	display: block;
	width: 15px;
	height: 15px;
	margin: 0 12px;
	outline: none;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff;
	outline: none;
}

/* Slider */
.slider { width: 70%;  margin: 0 auto; }
.slick-slide { margin: 0px 20px; outline: none; }
.slick-slide img { width: 100%; }

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;    

    width: 49px;
    height: 100px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    /*background: transparent;*/
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
   outline: none;
    opacity: 1;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'Nanum Gothic',"나눔고딕";
    font-size: 40px;
    line-height: 40px;
    color:#ccc;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev { left: -22%; background:url(../images/circle_L.png) left center no-repeat; background-size:100%; }
[dir='rtl'] .slick-prev { right: -22%; left: auto;  }
.slick-prev:before { content: '\f104';}
[dir='rtl'] .slick-prev:before { content: '\f105';}

.slick-next { right: -22%; background:url(../images/circle_R.png) right center no-repeat; background-size:100%; }
[dir='rtl'] .slick-next { right: auto; left: -22%;}
.slick-next:before { content: '\f105';}
[dir='rtl'] .slick-next:before { content: '\f104';}

.slick-slider { position: relative; display: block; box-sizing: border-box; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none;}
.slick-list.dragging { cursor: pointer; cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track { position: relative; top: 0;left: 0; display: block;}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after { clear: both;}
.slick-loading .slick-track { visibility: hidden;}

.slick-slide { display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide { float: right;}
.slick-slide img { display: block;}
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide { display: block;}
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide { display: block;    height: auto;    border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}

/*버튼*/
.button-default { font-size: 14px; color: #555555; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #fff; border: 1px solid #bcbcbc; z-index: 1; }
.button-default [class^="icon-"] { color: #555555; vertical-align: middle; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .button-default [class^="icon-"] { vertical-align: sub; } }
.button-default:hover, .button-default:active, .button-default:focus { color: #555555; background: whitesmoke; border: 1px solid #b2b2b2; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
.button-default:hover [class^="icon-"], .button-default:active [class^="icon-"], .button-default:focus [class^="icon-"] { color: #555555; vertical-align: middle; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .button-default:hover [class^="icon-"], .button-default:active [class^="icon-"], .button-default:focus [class^="icon-"] { vertical-align: sub; } }

.button-blue { font-size: 14px; color: #fff; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #0054a3; border: 1px solid #003a70; z-index: 1; }
.button-blue [class^="icon-"] { color: #fff; vertical-align: middle; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .button-blue [class^="icon-"] { vertical-align: sub; } }
.button-blue:hover, .button-blue:active, .button-blue:focus { color: #fff; background: #00498f; border: 1px solid #002547; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
.button-blue:hover [class^="icon-"], .button-blue:active [class^="icon-"], .button-blue:focus [class^="icon-"] { color: #fff; vertical-align: middle; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .button-blue:hover [class^="icon-"], .button-blue:active [class^="icon-"], .button-blue:focus [class^="icon-"] { vertical-align: sub; } }

.button-skyblue { font-size: 14px; color: #fff; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #36b5e8; border: 1px solid #168cbc; z-index: 1; }
.button-skyblue [class^="icon-"] { color: #fff; vertical-align: middle; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .button-skyblue [class^="icon-"] { vertical-align: sub; } }
.button-skyblue:hover, .button-skyblue:active, .button-skyblue:focus { color: #fff; background: #1fade5; border: 1px solid #137ba5; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
.button-skyblue:hover [class^="icon-"], .button-skyblue:active [class^="icon-"], .button-skyblue:focus [class^="icon-"] { color: #fff; vertical-align: middle; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .button-skyblue:hover [class^="icon-"], .button-skyblue:active [class^="icon-"], .button-skyblue:focus [class^="icon-"] { vertical-align: sub; } }

.button-yellowish-green { font-size: 14px; color: #fff; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #99cc00; border: 1px solid #7da601; z-index: 1; }
.button-yellowish-green [class^="icon-"] { color: #fff; vertical-align: middle; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .button-yellowish-green [class^="icon-"] { vertical-align: sub; } }
.button-yellowish-green:hover, .button-yellowish-green:active, .button-yellowish-green:focus { color: #fff; background: #8ebd00; border: 1px solid #6a8d01; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
.button-yellowish-green:hover [class^="icon-"], .button-yellowish-green:active [class^="icon-"], .button-yellowish-green:focus [class^="icon-"] { color: #fff; vertical-align: middle; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .button-yellowish-green:hover [class^="icon-"], .button-yellowish-green:active [class^="icon-"], .button-yellowish-green:focus [class^="icon-"] { vertical-align: sub; } }

.button-orange { font-size: 14px; color: #fff; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #ff8800; border: 1px solid #e25500; z-index: 1; }
.button-orange [class^="icon-"] { color: #fff; vertical-align: middle; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .button-orange [class^="icon-"] { vertical-align: sub; } }
.button-orange:hover, .button-orange:active, .button-orange:focus { color: #fff; background: #f08000; border: 1px solid #c94b00; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
.button-orange:hover [class^="icon-"], .button-orange:active [class^="icon-"], .button-orange:focus [class^="icon-"] { color: #fff; vertical-align: middle; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .button-orange:hover [class^="icon-"], .button-orange:active [class^="icon-"], .button-orange:focus [class^="icon-"] { vertical-align: sub; } }

.button-dark-gray { font-size: 14px; color: #fff; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #555; border: 1px solid #4c4c4c; z-index: 1; }
.button-dark-gray [class^="icon-"] { color: #fff; vertical-align: middle; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .button-dark-gray [class^="icon-"] { vertical-align: sub; } }
.button-dark-gray:hover, .button-dark-gray:active, .button-dark-gray:focus { color: #fff; background: #3b3b3b; border: 1px solid #383838; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
.button-dark-gray:hover [class^="icon-"], .button-dark-gray:active [class^="icon-"], .button-dark-gray:focus [class^="icon-"] { color: #fff; vertical-align: middle; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .button-dark-gray:hover [class^="icon-"], .button-dark-gray:active [class^="icon-"], .button-dark-gray:focus [class^="icon-"] { vertical-align: sub; } }


/*인증 버튼*/
.button-dark-gray_in { font-size: 14px; color: #fff; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #555; border: 1px solid #4c4c4c; z-index: 1; }
.button-dark-gray_in [class^="icon-"] { color: #fff; vertical-align: middle; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .button-dark-gray_in [class^="icon-"] { vertical-align: sub; } }
.button-dark-gray_in:hover, .button-dark-gray_in:active, .button-dark-gray_in:focus { color: #fff; background: #3b3b3b; border: 1px solid #383838; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
.button-dark-gray_in:hover [class^="icon-"], .button-dark-gray_in:active [class^="icon-"], .button-dark-gray_in:focus [class^="icon-"] { color: #fff; vertical-align: middle; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .button-dark-gray_in:hover [class^="icon-"], .button-dark-gray_in:active [class^="icon-"], .button-dark-gray_in:focus [class^="icon-"] { vertical-align: sub; } }


.button-green { font-size: 14px; color: #fff; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #99cc01; border: 1px solid #7da600; z-index: 1; }
.button-green [class^="icon-"] { color: #fff; vertical-align: middle; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .button-green [class^="icon-"] { vertical-align: sub; } }
.button-green:hover, .button-green:active, .button-green:focus { color: #ffffff;  background-color: #5cb85c;  border-color: #4cae4c; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
.button-green:hover [class^="icon-"], .button-green:active [class^="icon-"], .button-green:focus [class^="icon-"] { color: #fff; vertical-align: middle; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .button-green:hover [class^="icon-"], .button-green:active [class^="icon-"], .button-green:focus [class^="icon-"] { vertical-align: sub; } }

.button-red { font-size: 14px; color: #fff; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #f34d4d; border: 1px solid #ff0000; z-index: 1; }
.button-red [class^="icon-"] { color: #fff; vertical-align: middle; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .button-red [class^="icon-"] { vertical-align: sub; } }
.button-red:hover, .button-red:active, .button-red:focus { color: #fff; background: #dc4848; border: 1px solid #ff0000; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
.button-red:hover [class^="icon-"], .button-red:active [class^="icon-"], .button-red:focus [class^="icon-"] { color: #fff; vertical-align: middle; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .button-red:hover [class^="icon-"], .button-red:active [class^="icon-"], .button-red:focus [class^="icon-"] { vertical-align: sub; } }


/*이미지 뷰, 등록 팝업*/
#layer_pop1, #layer_pop2, #layer_pop3, #layer_pop4, #layer_pop6 { position:fixed; top:0; left:0; width:100%; height:100%; display:none; text-align:center; background:rgba(0,0,0,0.7); z-index:100; }

.layerPop1 { display:block; margin:0 auto; position:relative; width:800px; height:750px; background:#fff; padding:30px; border-radius:10px; }
.layerPop1_scroll { height:690px; overflow-y:auto; overflow-x:hidden; }
.layerPop1_scroll img { width:100%; }
.layerPop1 dl { text-align:left; margin-top:5px; }
.layerPop1 .title { color:#37b5e8; font-size:18px; line-height: 28px; padding:10px 0; }
.layerPop1 .cont { color:#303030; font-size:14px; padding-bottom:2px; }
.layerPop1 .date { color:#777; font-size:14px; line-height: 28px; }

.layerPop2 { display:block; margin:0 auto; position:relative; width:800px; min-height:300px; background:#fff; padding:40px; border-radius:10px;}
.layerPop2 .button-green { margin-left:20px; }
.layerPop2 .form dl { text-align:left; }
.layerPop2 .form dd span textarea { padding:10px 1%; border:solid 1px #cdcdcd; width: 94%;  height: 150px; -webkit-appearance:none;}
.layerPop2 .imgsize { color:red; margin-top:5px; font-size:14px; }
.layerPop2 input[type="text"] { width:92%; border:1px solid #cdcdcd;padding:6px 2%; line-height:1em;height:32px;}


.layerPop1 .close, .layerPop2 .close { width:50px; height:50px; border-radius:100px; /*background:#37b5e8;*/ color:#fff; display:block; position:absolute; top:-20px; right:-20px; font-size:40px; line-height: 48px; }

/*관리자로그인 레이어팝업*/
#layer_pop3 { position:fixed; top:0; left:0; width:100%; height:100%; display:none; text-align:center; background:rgba(0,0,0,0.7); z-index:100; }
.layerPop3 { display:block; margin:0 auto; position:relative; width:450px; height:350px; background:#fff; padding:40px; border-radius:10px; }
.layerPop3 dl dt { font-size:36px; line-height:38px; margin-bottom:30px; }
.layerPop3 dl dd { margin-bottom:10px; }
.layerPop3 dl dd input {width:100%; border:1px solid #cdcdcd; padding:3px 1%; line-height:30px; height:30px; }
.layerPop3 .from-btn { overflow:hidden; width:100%; margin-top:25px; }
.layerPop3 .from-btn span {  line-height:30px; }
.layerPop3 input[type="checkbox"] { border:1px solid #cdcdcd; width:20px; height:20px; vertical-align: middle; margin-right:5px;}
.layerPop3 [class^="button-"] { display: inline-block; min-width: 80px; padding: 0 10px; height: 30px; line-height: 28px; box-sizing: border-box; }
.layerPop3 .copy { font-size:12px; margin-top:30px; }
.layerPop3 .close { width:50px; height:50px; border-radius:100px; /*background:#37b5e8;*/ color:#fff; display:block; position:absolute; top:-20px; right:-20px; font-size:40px; line-height: 48px; }

/*예약 레이어팝업*/
#layer_pop4 { position:fixed; top:0; left:0; width:100%; height:100%; display:none; text-align:center; background:rgba(0,0,0,0.7); z-index:100; }
.layerPop4 { display:block; margin:0 auto; position:relative; width:450px; height:290px; background:#fff; padding:40px; border-radius:10px; }
.layerPop4 dl dt { font-size:24px; line-height:38px; margin-bottom:30px; }
.layerPop4 dl dd { margin-bottom:10px; }
.layerPop4 dl dd input {border:1px solid #cdcdcd; padding:3px 1%; line-height:30px; height:30px; }

.layerPop4 .selecBox { position:relative; width:200px; background:#fff url(../images/arrow.png) right top no-repeat; border:solid 1px #cdcdcd; z-index: 1; }
.layerPop4 .selecBox label { position: absolute; font-size: 13px; height:30px; line-height:30px; top: 0; left: 1%; z-index:-1; }
.layerPop4 .selecBox select { width:200px; line-height:30px; opacity: 0; filter: alpha(opacity=0); }
.layerPop4 .selecBox select option { border:solid 1px #cdcdcd; }

.layerPop4 .from-btn { overflow:hidden; width:100%; margin-top:25px; }
.layerPop4 .from-btn span {  line-height:30px; }
.layerPop4 input[type="checkbox"] { border:1px solid #cdcdcd; width:20px; height:20px; vertical-align: middle; margin-right:5px;}
.layerPop4 [class^="text-hp"] { font-size:inherit;width:198px;height:22px; line-height:22px; color:#333; border:1px solid #dfdfdf; border-left-color:#bcbcbc; border-top-color:#bcbcbc; -webkit-appearance:none; appearance:none; ime-mode:active;}
.layerPop4 [class^="text-hp-num"] { font-size:inherit; width:148px; height:22px; line-height:22px; color:#333; border:1px solid #dfdfdf; border-left-color:#bcbcbc; border-top-color:#bcbcbc; -webkit-appearance:none; appearance:none;}
.layerPop4 [class^="text-hp-send-code"] { font-size:inherit; width:109px; height:22px; line-height:22px; color:#333; border:1px solid #dfdfdf; border-left-color:#bcbcbc; border-top-color:#bcbcbc; -webkit-appearance:none; appearance:none;}
.layerPop4 [class^="button-"] { display: inline-block; min-width: 80px; padding: 0 10px; height: 30px; line-height: 28px; box-sizing: border-box; }
.layerPop4 [class^="button-dark-gray_in"] { display: inline-block; min-width: 0px; padding: 0 10px; height: 30px; line-height: 28px; box-sizing: border-box; }
.layerPop4 .copy { font-size:12px; margin-top:60px; }
.layerPop4 .close { width:50px; height:50px; border-radius:100px; /*background:#37b5e8;*/ color:#fff; display:block; position:absolute; top:-20px; right:-20px; font-size:40px; line-height: 48px; }



/*예약 뷰 레이어팝업*/
#layer_pop5 { position:fixed; top:0; left:0; width:100%; height:100%; display:none; text-align:center; background:rgba(0,0,0,0.7); z-index:100; }
.layerPop5 { display:block; margin:0 auto; position:relative; width:450px; height:290px; background:#fff; padding:40px; border-radius:10px; }
.layerPop5 dl dt { font-size:36px; line-height:38px; margin-bottom:30px; }
.layerPop5 dl dd { margin-bottom:10px; }
.layerPop5 dl dd input {border:1px solid #cdcdcd; padding:3px 1%; line-height:30px; height:30px; }

.layerPop5 .selecBox { position:relative; width:168px; background:#fff url(../images/arrow.png) right top no-repeat; border:solid 1px #cdcdcd; z-index: 1; }
.layerPop5 .selecBox label { position: absolute; font-size: 13px; height:30px; line-height:30px; top: 0; left: 1%; z-index:-1; }
.layerPop5 .selecBox select { width:168px; line-height:30px; opacity: 0; filter: alpha(opacity=0); }
.layerPop5 .selecBox select option { border:solid 1px #cdcdcd; }

.layerPop5 .from-btn { overflow:hidden; width:100%; margin-top:25px; }
.layerPop5 .from-btn span {  line-height:30px; }
.layerPop5 input[type="checkbox"] { border:1px solid #cdcdcd; width:20px; height:20px; vertical-align: middle; margin-right:5px;}
.layerPop5 [class^="button-"] { display: inline-block; min-width: 80px; padding: 0 10px; height: 30px; line-height: 28px; box-sizing: border-box; }
.layerPop5 .copy { font-size:12px; margin-top:60px; }
.layerPop5 .close { width:50px; height:50px; border-radius:100px; /*background:#37b5e8;*/ color:#fff; display:block; position:absolute; top:-20px; right:-20px; font-size:40px; line-height: 48px; }

/*예약 레이어팝업*/
#layer_pop6 { position:fixed; top:0; left:0; width:100%; height:100%; display:none; text-align:center; background:rgba(0,0,0,0.7); z-index:100; }
.layerPop6 { display:block; margin:0 auto; position:relative; width:450px; height:290px; background:#fff; padding:40px; border-radius:10px; }
.layerPop6 dl dt { font-size:36px; line-height:38px; margin-bottom:30px; }
.layerPop6 dl dd { margin-bottom:10px; }
.layerPop6 dl dd input {border:1px solid #cdcdcd; padding:3px 1%; line-height:30px; height:30px; }

.layerPop6 .selecBox { position:relative; width:168px; background:#fff url(../images/arrow.png) right top no-repeat; border:solid 1px #cdcdcd; z-index: 1; }
.layerPop6 .selecBox label { position: absolute; font-size: 13px; height:30px; line-height:30px; top: 0; left: 1%; z-index:-1; }
.layerPop6 .selecBox select { width:168px; line-height:30px; opacity: 0; filter: alpha(opacity=0); }
.layerPop6 .selecBox select option { border:solid 1px #cdcdcd; }

.layerPop6 .from-btn { overflow:hidden; width:100%; margin-top:25px; }
.layerPop6 .from-btn span {  line-height:30px; }
.layerPop6 input[type="checkbox"] { border:1px solid #cdcdcd; width:20px; height:20px; vertical-align: middle; margin-right:5px;}
.layerPop6 [class^="text-hp"] { font-size:inherit;height:22px; line-height:22px; color:#333; border:1px solid #dfdfdf; border-left-color:#bcbcbc; border-top-color:#bcbcbc; -webkit-appearance:none; appearance:none;}
.layerPop6 [class^="text-hp-num"] { font-size:inherit; width:148px; height:22px; line-height:22px; color:#333; border:1px solid #dfdfdf; border-left-color:#bcbcbc; border-top-color:#bcbcbc; -webkit-appearance:none; appearance:none;}
.layerPop6 [class^="text-hp-send-code"] { font-size:inherit; width:109px; height:22px; line-height:22px; color:#333; border:1px solid #dfdfdf; border-left-color:#bcbcbc; border-top-color:#bcbcbc; -webkit-appearance:none; appearance:none;}
.layerPop6 [class^="button-"] { display: inline-block; min-width: 80px; padding: 0 10px; height: 30px; line-height: 28px; box-sizing: border-box; }
.layerPop6 [class^="button-dark-gray_in"] { display: inline-block; min-width: 0px; padding: 0 10px; height: 30px; line-height: 28px; box-sizing: border-box; }
.layerPop6 .copy { font-size:12px; margin-top:60px; }
.layerPop6 .close { width:50px; height:50px; border-radius:100px; /*background:#37b5e8;*/ color:#fff; display:block; position:absolute; top:-20px; right:-20px; font-size:40px; line-height: 48px; }


@media (max-width: 1199px) {
	header .top, nav .gnbBox { width:96%; }
    #event_banner ul.cont,
    #event_banner2 ul.cont { width:100%; }
    #event_banner ul.cont li:first-child,
    #event_banner2 ul.cont li:first-child { width:95%; margin:0 auto; }
    #event_banner ul.cont li:last-child,
    #event_banner2 ul.cont li:last-child { width:95%; margin:0 auto; }
    #event_banner ul.cont li img,
    #event_banner2 ul.cont li img { width:100%; }
}

@media (max-width: 800px) {
	.web { display:none; }
	.mobile { display:block; position:fixed; top:0; left:0; width:100%; z-index:99; }
	header .m_top, nav .m_gnb { width:100%; }
	
	header .m_top div { overflow: hidden; }
	header .m_top a { color:#fff; float:left; width:33.3%; text-align:center; font-size:16px; line-height:22px; vertical-align: middle; }
	header .m_top2 { padding-left:100px;color:#fff; float:left; width:33.3%; text-align:center; font-size:16px; line-height:22px; vertical-align: middle;}
	header .m_top i.fa { color:#00acff; padding-right:7px; font-size: 1.4em; line-height:22px; vertical-align: top; }
	header .m_top img { width:28px; padding-right:7px; vertical-align: middle;  }
	
	nav .m_gnb { display:block;  overflow:hidden; position:relative; }
	nav .m_gnb h1 { width:25%; font-size:1.8em; line-height:1em; padding-left:30px;  font-weight:900; }
	nav .m_gnb h1 a {  color:#0162a0;}
	nav .m_gnb .openMOgnb i.fa {  font-size:2em; color:#999; }

	.realWrap { position:relative; right:0; } /* menu 열 때 옆으로 밀리도록 미리 준비 */

	.openMOgnb { position:absolute; right:30px; top:0px; } 
	.moPop { position:fixed; right:0; top:0; width:100%; height:100%; display:none; z-index:10; }
	.moPop .dimmed { display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); }
	.moPop .moPopCon { position:absolute; right:-300px; top:0; width:300px; height:100%; overflow-y:auto; /*background: #2fb7e9;*/ color: #fff; } /* 마진 : menu 열 때 옆으로 밀리도록 미리 준비 */
	.moPop .moPopCon .closeBtn { color:#fff; text-align:center; font-size:20px; width:30px; height:25px; font-family: RobotoCondensedRegular; position:absolute; top:30px; right:20px; }
	.moPopCon ul { padding:30px 30px 0 20px; }
	.moPopCon ul li { font-size:1.2em; }
	.moPopCon ul li a { display:block;  padding-bottom:27px; color: #fff; }
	.moPopCon ul li a i.fa { width:25px; padding-right:10px; font-size:1.2em; color:#fff; vertical-align:middle; }

    #event_banner2 { display:block; margin-top:128px; }
    #event_banner .close .icon,
    #event_banner2 .close .icon { background:rgba(8,42,76,0.3); padding: 0 15px; }
}

@media (max-width: 670px) {
	footer {font-size:12px; line-height:1.5em; padding:50px 10px; }
	footer .footlogo { font-size:2em;  line-height:2em; }
	footer i.fa { font-size:1.8em; }
	footer .login { margin-top:10px;}

	/*관리자로그인 레이어팝업*/
	.layerPop3 { width:350px; padding:20px; }
	.layerPop3 .copy { margin-top:15px; }
	.layerPop3 .close { width:30px; height:30px; border-radius:100px; background:#37b5e8; color:#fff; display:block; position:absolute; top:-15px; right:-10px; font-size:22px; line-height: 30px; }
}

@media (max-width: 480px) {
	nav .m_gnb h1 { width:35%; font-size:1.8em; line-height:1em; padding-left:10px;  font-weight:900; }
	.openMOgnb { position:absolute; right:10px; top:0px; } 
	
	.moPopCon ul li { font-size:1em; }

	footer { font-size:13px; line-height:1.5em; padding:20px 10px 30px; }
	footer .footlogo { margin-bottom:5px; }
	footer .inblock { display:block; }
	footer .pdt10 { padding-top:10px; } 
	footer i.fa { font-size:1.4em; }   

	/*관리자로그인 레이어팝업*/
	.layerPop3 { width:90%; padding:5%; }
	.layerPop3 dl dt { font-size:32px; line-height:55px; margin-bottom:20px; }
	
	
}

/*예약 팝업*/

@media (max-width: 670px) {
	footer {font-size:12px; line-height:1.5em; padding:50px 10px; }
	footer .footlogo { font-size:2em;  line-height:2em; }
	footer i.fa { font-size:1.8em; }
	footer .login { margin-top:10px;}

	/*관리자로그인 레이어팝업*/
	.layerPop4 { width:350px; padding:20px; }
	.layerPop4 .copy { margin-top:15px; }
	.layerPop4 .close { width:30px; height:30px; border-radius:100px; background:#37b5e8; color:#fff; display:block; position:absolute; top:-15px; right:-10px; font-size:22px; line-height: 30px; }
}

@media (max-width: 480px) {
	nav .m_gnb h1 { width:35%; font-size:1.8em; line-height:1em; padding-left:10px;  font-weight:900; }
	.openMOgnb { position:absolute; right:10px; top:0px; } 
	
	.moPopCon ul li { font-size:1em; }

	footer { font-size:13px; line-height:1.5em; padding:20px 10px 30px; }
	footer .footlogo { margin-bottom:5px; }
	footer .inblock { display:block; }
	footer .pdt10 { padding-top:10px; } 
	footer i.fa { font-size:1.4em; }   

	/*관리자로그인 레이어팝업*/
	.layerPop4 { width:90%; padding:5%; }
	.layerPop4 dl dt { font-size:20px; line-height:55px; margin-bottom:20px; }
	
	
}

/*예약 뷰 팝업*/

@media (max-width: 670px) {
	footer {font-size:12px; line-height:1.5em; padding:50px 10px; }
	footer .footlogo { font-size:2em;  line-height:2em; }
	footer i.fa { font-size:1.8em; }
	footer .login { margin-top:10px;}

	/*관리자로그인 레이어팝업*/
	.layerPop5 { width:350px; padding:20px; }
	.layerPop5 .copy { margin-top:15px; }
	.layerPop5 .close { width:30px; height:30px; border-radius:100px; background:#37b5e8; color:#fff; display:block; position:absolute; top:-15px; right:-10px; font-size:22px; line-height: 30px; }
}

@media (max-width: 480px) {
	nav .m_gnb h1 { width:35%; font-size:1.8em; line-height:1em; padding-left:10px;  font-weight:900; }
	.openMOgnb { position:absolute; right:10px; top:0px; } 
	
	.moPopCon ul li { font-size:1em; }

	footer { font-size:13px; line-height:1.5em; padding:20px 10px 30px; }
	footer .footlogo { margin-bottom:5px; }
	footer .inblock { display:block; }
	footer .pdt10 { padding-top:10px; } 
	footer i.fa { font-size:1.4em; }   

	/*관리자로그인 레이어팝업*/
	.layerPop5 { width:90%; padding:5%; }
	.layerPop5 dl dt { font-size:32px; line-height:55px; margin-bottom:20px; }
	
	
}


/*예약 뷰 로그인 팝업*/

@media (max-width: 670px) {
	footer {font-size:12px; line-height:1.5em; padding:50px 10px; }
	footer .footlogo { font-size:2em;  line-height:2em; }
	footer i.fa { font-size:1.8em; }
	footer .login { margin-top:10px;}

	/*관리자로그인 레이어팝업*/
	.layerPop6 { width:350px; padding:20px; }
	.layerPop6 .copy { margin-top:15px; }
	.layerPop6 .close { width:30px; height:30px; border-radius:100px; background:#37b5e8; color:#fff; display:block; position:absolute; top:-15px; right:-10px; font-size:22px; line-height: 30px; }
}

@media (max-width: 480px) {
	nav .m_gnb h1 { width:35%; font-size:1.8em; line-height:1em; padding-left:10px;  font-weight:900; }
	.openMOgnb { position:absolute; right:10px; top:0px; } 
	
	.moPopCon ul li { font-size:1em; }

	footer { font-size:13px; line-height:1.5em; padding:20px 10px 30px; }
	footer .footlogo { margin-bottom:5px; }
	footer .inblock { display:block; }
	footer .pdt10 { padding-top:10px; } 
	footer i.fa { font-size:1.4em; }   

	/*관리자로그인 레이어팝업*/
	.layerPop6 { width:90%; padding:5%; }
	.layerPop6 dl dt { font-size:32px; line-height:55px; margin-bottom:20px; }
	
	
}


#jb-container {
	width: 940px;
	margin: 10px auto;
	/* padding: 20px; */
	/* border: 1px solid #bcbcbc; */
  }
  #jb-header {
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #bcbcbc;
  }
  #jb-content {
	width: 580px;
	padding: 20px;
	margin-bottom: 20px;
	float: left;
	border: 1px solid #bcbcbc;
  }
  #jb-sidebar {
	width: 260px;
	padding: 20px;
	margin-bottom: 20px;
	float: right;
	border: 1px solid #bcbcbc;
  }
  #jb-footer {
	clear: both;
	/* padding: 20px; */
	/* border: 1px solid #bcbcbc; */
  }
  @media ( max-width: 480px ) {
	#jb-container {
	  width: auto;
	}
	#jb-content {
	  float: none;
	  width: auto;
	}
	#jb-sidebar {
	  float: none;
	  width: auto;
	}
  }

.btn-submit{
	text-align:right;padding-right:10px;padding-bottom:5px;
}