@charset "utf-8";



body, input, button, select, textarea {font-family:"Noto Sans Korean", "RobotoDraft", "Dotum", Sans-serif !important;}
a:hover, a:active, a:focus {text-decoration:none;}



/* 연혁 관련 스타일 */
.history-default {width:100%; position:relative;}
.history-default .title {display:block; width:100%; text-align:center; font-size:30px; line-height:30px; font-weight:bold;}
.history-default .items {width:100%; position:relative; padding:80px 0 20px; margin:30px auto 0; overflow:hidden;}
.history-default .items:before {display:block; content:''; width:1px; height:100%; position:absolute; top:0; left:50%; background:#000;}
.history-default .history-item {position:relative; width:calc(50% - 30px); padding:20px 30px; box-sizing:border-box; border:2px solid #d4d4d4; border-radius:10px; margin:0; margin-bottom:60px;
  transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
}
.history-default .history-item:before {display:block; content:''; width:15px; height:15px; border-radius:50%; background:#000; position:absolute; top:20px;}
.history-default .history-item.right:before {left:-39.5px;}
.history-default .history-item.left:before {right:-39.5px;}

.history-default .history-item:after {display:block; content:''; width:15px; height:28px; background:#fff; position:absolute; top:14px; background-position:center center;}
.history-default .history-item.right:after {left:-15px; background-image:url('/public/images/history_arrow_left_d4d4d4.png');}
.history-default .history-item.left:after {right:-15px; background-image:url('/public/images/history_arrow_right_d4d4d4.png');}

.history-default .history-item.right {float:right;}
.history-default .history-item.left {float:left;}
.history-default .history-item:nth-child(even) {margin-top:60px;}

.history-default .history-item p {display:block; text-align:left; margin:0;}
.history-default .history-item .year {font-size:20px; line-height:20px; font-weight:bold; margin-bottom:15px;}
.history-default .history-item .desc {font-size:15px; line-height:30px;}



/* 복합 검색 영역 관련 CSS */
#multiSearchWrap {width:100%; position:relative; margin:0 auto 30px; padding:0; background:#fff; border:0; border-radius:0; overflow:hidden;}
#multiSearchWrap .searchInp {width:280px; height:36px; float:right; background:#f0f0f0; overflow:hidden;}
#multiSearchWrap .searchInp input[type="text"] {display:block; float:left; width:244px; height:36px; line-height:36px; font-size:15px; padding:0 10px; box-sizing:border-box; background:none; border:0;}
#multiSearchWrap .searchInp a {display:block; width:36px; height:36px; float:right; text-align:center;}
#multiSearchWrap .searchInp a i {line-height:36px; vertical-align:middle; color:#333;}
#multiSearchWrap .s-ele {display:none !important;}
#multiSearchWrap .s-ele.active {display:block !important;}



/* 헤더 영역 :: S */
.headerWrap {width:100%; position:fixed; top:0; left:0; z-index:100;}
.headerWrap .header {width:100%; max-width:960px; max-width:768px; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.headerWrap .header ._type {width:100%; height:56px; position:relative; margin:0; padding:17.5px 0; box-sizing:border-box; background:#fff; /* border-bottom:1px solid #d8d8d8; */ display:none;}
.headerWrap .header ._type > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}

.headerWrap .header ._type.basic {display:block; padding:10px 10px;}
.headerWrap .header ._type.basic .logo {display:block; width:104px; height:35px; margin:0; padding:0;}
.headerWrap .header ._type.basic .logo a {display:block; width:100%; height:100%; position:relative; margin:0; padding:0;}
.headerWrap .header ._type.basic .logo a img {width:100%; vertical-align:top;}
.headerWrap .header ._type.basic .menu {position:absolute; top:50%; margin:-15px 0 0 0; padding:0;}
.headerWrap .header ._type.basic .menu.left {left:10px; text-align:left; display:none;}
.headerWrap .header ._type.basic .menu.right {right:10px; text-align:right;}
.headerWrap .header ._type.basic .menu > * {display:inline-block; position:relative; vertical-align:middle; height:30px; margin:0 4px 0 0; padding:0; box-sizing:border-box;}
.headerWrap .header ._type.basic .menu > *:last-child {margin:0;}
.headerWrap .header ._type.basic .menu a.reservation {width:58px; text-align:center; font-size:12px; line-height:28px; font-weight:400; color:#454545; border:1px solid #d8d8d8; border-radius:5px;}
.headerWrap .header ._type.basic .menu a._1 {width:56px; text-align:center; font-size:12px; line-height:30px; font-weight:400; color:#fff; border-radius:5px;}
.headerWrap .header ._type.basic .menu a.rsvtBtn {background:#98c42d;}
.headerWrap .header ._type.basic .menu a.calcBtn {background:#6d4b41;}

.headerWrap .header ._type.layer {}
.headerWrap .header ._type.layer a,
.headerWrap .header ._type.layer p {display:block; position:relative; margin:0; padding:0; box-sizing:border-box; text-align:center; vertical-align:middle;}
.headerWrap .header ._type.layer a img {max-width:100%; vertical-align:top;}
.headerWrap .header ._type.layer .prev {width:30px; height:30px; position:absolute; top:50%; left:10px; margin:-15px 0 0 0; padding:5.5px 5.5px; z-index:5;}
.headerWrap .header ._type.layer .title {width:100%; vertical-align:top; font-size:20px; line-height:20px; font-weight:500; color:#333;}
.headerWrap .header ._type.layer .setting {display:none; width:30px; height:30px; position:absolute; top:50%; right:10px; margin:-14px 0 0 0; padding:1px; z-index:5;}

/*
.headerWrap .header ._type.content.view {background:rgba(0,0,0,0.6); border-bottom:0; padding:10px 0; text-align:center;}
*/
.headerWrap .header ._type.content.view {padding:5px 10px;}
.headerWrap .header ._type.content.view .logo {display:block; width:133px; height:45px; margin:0 auto; padding:0;}
.headerWrap .header ._type.content.view .logo a {display:block; width:100%; height:100%; position:relative; margin:0; padding:0;}
.headerWrap .header ._type.content.view .logo a img {width:100%; vertical-align:top;}
.headerWrap .header ._type.content.view a {}
.headerWrap .header ._type.content.view .favorite,
.headerWrap .header ._type.content.view .share {display:block; width:30px; height:30px; text-align:center; position:absolute; top:50%; margin:-15px 0 0 0; padding:0; box-sizing:border-box;}
.headerWrap .header ._type.content.view .favorite {left:10px; padding:1.5px; opacity:0.8;}
.headerWrap .header ._type.content.view .favorite img {display:block; width:27px; height:27px; position:relative; vertical-align:middle; z-index:1;}
.headerWrap .header ._type.content.view .favorite img.on {position:absolute; top:50%; left:50%; margin:-13.5px 0 0 -13.5px; z-index:5; opacity:0;}
.headerWrap .header ._type.content.view .favorite.active img.on {opacity:1;}
.headerWrap .header ._type.content.view .share {right:10px;}


.quickMenuFake {width:100%; height:64px; position:relative; margin:0; padding:0; background:#fafafa; z-index:0;
/* display:none !important; */
background:none !important;}
.quickMenuWrap {width:100%; position:fixed; bottom:0; left:0; z-index:90;}
.quickMenuWrap .quickMenu {width:100%; max-width:768px; position:relative; margin:0 auto; padding:0;}
.quickMenuWrap .quickMenu ul {display:block; width:100%; position:relative; margin:0; padding:0; overflow:hidden; background:#83c00c; border-radius:10px 10px 0 0; border-bottom:3px solid #4a690e;
background:#00c470; border-bottom:0;
background:#ddd;}
.quickMenuWrap .quickMenu ul li {display:block; float:left; width:25%; position:relative; margin:0; padding:0; width:33.33333333333333%;}
.quickMenuWrap .quickMenu ul li a {display:block; width:100%; position:relative; margin:0; padding:10px 0 10px 0; box-sizing:border-box;}
.quickMenuWrap .quickMenu ul li a > * {display:block; width:100%; max-width:100%; position:relative; margin:0 auto; padding:0; font-size:12px; line-height:12px; font-weight:400; color:#fff; text-align:center;
color:#333;}
.quickMenuWrap .quickMenu ul li a img {width:auto; max-width:24px;}
.quickMenuWrap .quickMenu ul li a p {margin:8px auto 0;}
/* 헤더 영역 :: E */



/* 상단&좌측 고정배너 영역 :: S */
html body {width:100%; height:100%; position:relative; margin:0; padding:0;}
.sidebar {position:fixed; margin:0; padding:0; box-sizing:border-box; z-index:100;}


.sidebar._top {width:960px; top:0; left:50%; margin:0 0 0 -480px; background:#fff; border:1px solid #ccc; border-top:0;}

.sidebar._top .locationArea {width:100%; position:relative; text-align:center; margin:0 auto; padding:20px 0; display:none !important;}
.sidebar._top .locationArea > * {display:inline-block; text-align:center; position:relative; vertical-align:middle; margin:0 10px 0 0; padding:0; box-sizing:border-box; font-size:16px; line-height:20px; font-weight:600; color:#454545;}
.sidebar._top .locationArea > *:last-child {margin:0;}
.sidebar._top .locationArea .callMapContoller {display:block; padding:0 20px; box-sizing:border-box;}
.sidebar._top .locationArea .callMapContoller > * {display:inline-block; position:relative; vertical-align:middle;}
.sidebar._top .locationArea .callMapContoller i {float:right;}

html body .sidebar._top {max-width:768px; background:none; border:0; margin:0 0 0 -384px;}
.sidebar._top .headerArea {width:100%; position:relative; text-align:center; margin:0 auto; padding:15px 0; background:rgba(0,0,0,0.6);}
.sidebar._top .headerArea .logo {display:block; width:120px; height:30px; position:relative; margin:0 auto; padding:0;}
.sidebar._top .headerArea .logo a {display:block; width:100%; height:100%; position:relative; margin:0; padding:0; text-align:center; font-size:30px; line-height:30px; font-weight:900; color:#fff;}


/*
.sidebar._left {width:320px; height:100%; top:0; left:50%; margin:0 0 0 -800px; border-right:1px solid #ccc;}
.sidebar._left > div {width:100%; height:100%; max-width:100%; position:relative; margin:0; padding:15px; box-sizing:border-box; background:#fff; overflow-y:auto;}

.sidebar._left .logo {width:100%; position:relative; text-align:center;}
.sidebar._left .logo a {display:block; position:relative; text-align:center; font-size:32px; line-height:50px; font-weight:900; color:#333;}

.sidebar._left .memberBtns {width:100%; position:relative; text-align:center; margin:30px auto 0;}
.sidebar._left .memberBtns a {display:block; position:relative; margin:0 auto 5px; padding:0; text-align:center; font-size:16px; line-height:50px; font-weight:500; color:#454545; background:#ccc}
.sidebar._left .memberBtns a:last-child {margin:0 auto;}
.sidebar._left .memberBtns a:hover {color:#fff; background:#333;}

.sidebar._left .utilBtns {width:100%; position:relative; text-align:center; margin:15px auto 0; padding:10px; box-sizing:border-box; background:#ececec;}
.sidebar._left .utilBtns a {display:inline-block; position:relative; text-align:left; margin:0 auto 5px; padding:0; font-size:14px; line-height:18px; font-weight:400; color:#555;}
.sidebar._left .utilBtns a:last-child {margin:0 auto;}
.sidebar._left .utilBtns a:hover {color:#333; text-decoration:underline;}

.sidebar._left .keywordArea {width:100%; position:relative; text-align:left; margin:30px auto 0;}
.sidebar._left .keywordArea a {display:inline-block; position:relative; vertical-align:top; margin:0 6px 4px 0; padding:0; font-size:13px; line-height:16px; font-weight:400; color:#454545;}
.sidebar._left .keywordArea a:before {content:'#';}
.sidebar._left .keywordArea a:hover {color:#222; text-decoration:underline;}

.sidebar._left .helpBtns {width:100%; position:relative; margin:30px auto 0;}
.sidebar._left .helpBtns a {display:block; width:100%; position:relative; text-align:center; margin:0 auto 10px; padding:0; font-size:20px; line-height:150px; font-weight:700; color:#fff; background:#333;}
.sidebar._left .helpBtns a:last-child {margin:0 auto;}
*/
/* 상단&좌측 고정배너 영역 :: E */



/* 푸터 영역 :: S */
html body .scroll-to-top {display:none !important;}
html body .magnify-wrap {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); z-index:300;}

.footerWrap {width:100%; max-width:768px; position:relative; margin:80px auto 0; padding:0;}

.footerWrap .notice {width:100%; position:relative; margin:0 auto; padding:15px; box-sizing:border-box; text-align:center;}
.footerWrap .notice > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; font-size:13px; line-height:20px; font-weight:400; color:#454545; text-align:left;}
.footerWrap .notice p {width:80px; font-weight:600;}
.footerWrap .notice a {width:calc(100% - 85px);}
.footerWrap .notice a:after {display:inline-block; content:''; width:6px; height:12px; position:relative; vertical-align:middle; margin:-3px 0 0 10px; padding:0; background-size:cover !important; background:url('/public/images/cm_arrow_gray_1_right.gif') center center no-repeat;}

.footerWrap .footer {width:100%; position:relative; margin:0 auto; padding:30px 15px; box-sizing:border-box; background:#fafafa;
background:none;}
.footerWrap .footer > * {width:100%; position:relative; margin:0 auto 15px; padding:0 0 15px 0; border-bottom:1px solid #ececec;}
.footerWrap .footer > *:last-child {margin:0 auto; padding:0; border-bottom:0;}
.footerWrap .footer > * > a {display:inline-block; position:relative; vertical-align:middle; margin:0 12px 0 0; padding:0; font-size:12px; line-height:16px; font-weight:500; color:#555;}
.footerWrap .footer > * > a:last-child {margin:0;}

.footerWrap .footer .logo {}
.footerWrap .footer .logo a {display:block; width:137px; height:45px; position:relaitve; margin:0; padding:0;}
.footerWrap .footer .logo a img {max-width:100%; vertical-align:top;}

.footerWrap .footer .links {}

.footerWrap .footer .cs {}
.footerWrap .footer .cs a {width:100px; height:46px; background:#fff; border-radius:10px; border:1px solid #bbb; box-sizing:border-box; text-align:center; line-height:44px; margin:0 10px 0 0;}
.footerWrap .footer .cs a > * {display:inline-block; position:relative; vertical-align:middle; margin:0 2.5px; padding:0; font-size:13px; line-height:20px; font-weight:600; color:#333;}
.footerWrap .footer .cs p {display:inline-block; position:relative; margin:0; padding:0; vertical-align:middle; font-size:12px; line-height:20px; font-weight:500; color:#333;}
.footerWrap .footer .cs p span {font-weight:600; color:#777;}

.footerWrap .footer .socials {}
.footerWrap .footer .socials a {width:28px; height:28px; background:#fff; border:1px solid #bbb; box-sizing:border-box; border-radius:50%; text-align:center; line-height:22px;}
.footerWrap .footer .socials a > * {display:inline-block; position:relative; vertical-align:middle; font-size:12px; line-height:18px; font-weight:500; color:#555;}
.footerWrap .footer .socials a.faq {width:auto; padding:0 10px; border-radius:14px;}

.footerWrap .footer .info {}
.footerWrap .footer .info p {display:block; position:relative; margin:0; padding:0; font-size:13px; line-height:20px; font-weight:400; color:#555;}
.footerWrap .footer .info p.t1 {font-size:15px; font-weight:500; margin:0 auto 5px;}
/* 푸터 영역 :: E */