@charset "utf-8";
/* CSS Document */

#main {position: relative; top:0; left:0; z-index:3;  height: calc(100% - 90px); box-sizing: border-box;}

#main .cateNav {position: absolute; top: 20px; left: 0; width: 100%; z-index: 10;}
#main .cateNav .pc {text-align: center;}
#main .cateNav .pc ul > li {display: inline-block; margin-left: 10px;}
#main .cateNav .pc ul > li:first-child {margin-left: 0;}
#main .cateNav .txt3 {width: 109px;}
#main .cateNav .txt4 {width: 123px;}
#main .cateNav .item1 a {background-image: url('/img/btn_ico_01.png');}
#main .cateNav .item2 a {background-image: url('/img/btn_ico_02.png');}
#main .cateNav .item3 a {background-image: url('/img/btn_ico_03.png');}
#main .cateNav .item4 a {background-image: url('/img/btn_ico_04.png');}
#main .cateNav a {display: block; padding: 0 15px 0 40px; height: 40px; line-height: 38px; font-size: 15px; color: #535862; border-style: solid; border-width: 1px; border-color: #c2c9d7; border-radius: 40px; background-color: #fff; background-repeat: no-repeat; background-position: 22px 50%; box-sizing: border-box; transition-property: all; transition-duration:.1s;}
#main.en .cateNav a{padding-left:20px; padding-right:5px; line-height:36px; background-position: 17px 50%;}
#main.en .cateNav .txt2 {width: 100px;}
#main.en .cateNav .txt4 {width: 100px;}
#main .cateNav .item1 a.on {border-color: #e8bc0c;}
#main .cateNav .item2 a.on {border-color: #ea2929;}
#main .cateNav .item3 a.on {border-color: #9851e2;}
#main .cateNav .item4 a.on {border-color: #2a59b0;}

#main .leftBox  a {display: block; width: 45px; height: 45px; line-height: 45px; font-size: 0; text-align: center; background: #fff; box-sizing: border-box;}
#main .leftBox {position: absolute; top: 50%; right: 20px; margin-top: -98px;}
#main .leftBox li {margin-top: 6px;}
#main .leftBox li:first-child {margin-top: 0;}
#main .leftBox li a {border: 1px solid #c2c9d7; border-radius: 3px; -webkit-transition: opacity .3s; transition: opacity .3s;}
#main .leftBox li a:hover { opacity: .6;}
#main .rightBox {position: absolute; bottom: 10%; right: 30px; border: 1px solid #c2c9d7; border-radius: 3px; overflow: hidden;}
#main .rightBox li {border-top: 1px solid #c2c9d7; box-sizing: border-box;}
#main .rightBox li:first-child {border-top: 0;}

#main .trafficBtn {position: absolute; bottom: 95px; left: 50%; margin-left: -350px; z-index: 10;}
#main .trafficBtn.on { bottom: 220px; }
#main .trafficBtn a {float: left; display: block; width: 100px; height: 40px; line-height: 38px; font-size: 0; text-align: center; background-color: #fff; box-sizing: border-box; background-repeat: no-repeat;}
#main .trafficBtn a span {display: inline-block; font-size: 1.5rem; font-weight: 500; color: #666; vertical-align: middle;}
#main .trafficBtn a img {display: inline-block;}
#main .trafficBtn a.left {border-radius: 8px 0 0 8px; border-top: 1px solid #7f7b7b; border-bottom: 1px solid #7f7b7b; border-left: 1px solid #7f7b7b; background-image: url('/img/traffic_1-1.png'); background-position: 20px 50%;}
#main .trafficBtn a.left span {margin-left: 26px;}
#main .trafficBtn a.right {border-radius: 0 8px 8px 0; border-top: 1px solid #7f7b7b; border-bottom: 1px solid #7f7b7b; border-right: 1px solid #7f7b7b; background-image: url('/img/traffic_2-1.png'); background-position: 15px 50%;}
#main .trafficBtn a.right span {margin-left: 22px;}
#main .trafficBtn a.on {background-color: #e96b5c; border-color: #e96b5c;}
#main .trafficBtn a.on span {color: #fff; font-weight: 700;}
#main .trafficBtn a.on.left {background-image: url('/img/traffic_1-0.png');}
#main .trafficBtn a.on.right {background-image: url('/img/traffic_2-0.png');}
#main.en .trafficBtn a{width:120px; line-height:36px;}
#main.en .trafficBtn a.left span{margin-left:20px;}


/* 전체 메뉴 */
.menuBg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.menuWrap {position: fixed; top: 0; left: 0; height: 100%; z-index: 9999; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0);  -webkit-transition: transform .3s cubic-bezier(0.075, 0.82, 0.165, 1); transition: transform .3s cubic-bezier(0.075, 0.82, 0.165, 1); box-shadow: 0px 0px 19.32px 1.68px rgba(36, 35, 29, 0.2);}
.menuWrap.active { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
.menuWrap .menuBtn {position: absolute; top: 50%; right: -40px; display: block; margin-top: -40px; width: 40px; height: 80px; line-height: 78px; font-size: 0; text-align: center; border-radius: 0 10px 10px 0; border-top: 1px solid #c2c9d7; border-bottom: 1px solid #c2c9d7; border-right: 1px solid #c2c9d7; background: #fff; box-sizing: border-box;}
.menuWrap .menuCont {width: 100%; max-width: 350px; height: 100%; background: #fff; }
.menuWrap .topArea {padding: 0 30px; box-sizing: border-box;}
.menuWrap .topArea a {display: inline-block; height: 90px; line-height: 90px;}
.menuWrap .searchArea {padding: 35px 30px; background: #f3f1ef; box-sizing: border-box;}
.menuWrap .searchArea input[type='text'] {display: block; padding: 0 20px 0 40px; height: 55px; line-height: 55px; font-size: 16px; color: #847f7b; border: 1px solid #d7ccc2; background-repeat: no-repeat; background-position: 18px 50%; box-sizing: border-box;}
.menuWrap .searchArea input[type='text']::placeholder {font-size: 16px; font-weight: 300; color: #c3bfbb;}
.menuWrap .searchArea .start input[type='text'] {border-radius: 15px 15px 0 0; background-image: url('/img/spot_ico_01.png');}
.menuWrap .searchArea .end {margin-top: -1px;}
.menuWrap .searchArea .end input[type='text'] {border-radius: 0 0 15px 15px; background-image: url('/img/spot_ico_02.png');}
.menuWrap .searchArea .btnBox {margin-top: 10px;}
.menuWrap .searchArea a {display: block; padding: 0 12px; width: 85px; height: 30px; line-height: 30px; font-size: 13px; border-radius: 5px; background-repeat: no-repeat; letter-spacing: -.5px; box-sizing: border-box;}
.menuWrap .searchArea a.clearBtn {float: left; color: #666; background-color: #e2dcda; text-align: right; background-image: url('/img/clear_ico.png'); background-position: 8px 50%;}
.menuWrap .searchArea a.goBtn {float: right; font-weight: 500; color: #fff; background-color: #384b70; background-image: url('/img/go_ico.png'); background-position: right 10px top 50%;}
.menuWrap .menuArea {padding: 30px; box-sizing: border-box;}
.menuWrap .menuArea ul li {border-top: 1px solid #e3e3e3;}
.menuWrap .menuArea ul li:first-child {border-top: 0;}
.menuWrap .menuArea ul li a {display: block; height: 65px; line-height: 65px; font-size: 20px; font-weight: 700; color: #333; letter-spacing: -.5px;}
.menuWrap.en .searchArea a{line-height:28px;}
.menuWrap.en .searchArea a.goBtn{width:120px; background-position: right 10px top 52%;}


/* 메인 - 이벤트 리스트 팝업 */
.listBg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 40;}
.listWrap {position: absolute; top: 100%; left: 0; width: 100%; height: 100%; z-index: 50;}
.listWrap .size {height: 100%; box-sizing: border-box;}
.listWrap .inner {position: relative; border-radius: 20px 20px 0 0; box-shadow: 0px 0px 19.32px 1.68px rgba(14, 36, 29, 0.3); }
.listWrap .popClose {display: none; position: absolute; top: -136px; right: -5px; width: 75px; height: 75px; line-height: 70px; text-align: center;}
.listWrap .tabArea {position: absolute; top: -65px; left: 0; width: 100%;}
.listWrap .tabArea ul {border-radius: 20px 20px 0 0; background-image: url('/img/texture_bg_02.png'); background-position: 50% 50%;}
.listWrap .tabArea ul li {float: left; width: 50%;}
.listWrap .tabArea ul li a {display: block; height: 65px; line-height: 65px; text-align: center; border-radius: 20px 20px 0 0;}
.listWrap .tabArea ul li a span {display: inline-block; width: 25px; height: 25px; line-height: 25px; font-size: 0; margin-right: 10px; border-radius: 25px; background: #849f82; vertical-align: middle;}
.listWrap .tabArea ul li a em {display: inline-block; font-size: 16px; font-weight: 500; color: #fff; vertical-align: middle;}
.listWrap .tabArea ul li a.on {background-image: url('/img/texture_bg_01.png');}
.listWrap .tabArea ul li a.on span {background-color: #998268;}
.listWrap .tabArea ul li a.on em {color: #645749; }
.listWrap .contArea { display:none; padding: 20px; background-image: url('/img/event_bg.jpg'); background-repeat: repeat-y; background-size: 100% auto; box-sizing: border-box;}
.listWrap .contArea.active { display: block; }
.listWrap .contArea .scrollBox {overflow-y: auto;}
.listWrap .contArea .item {margin-top: 20px; padding: 30px; border-radius: 15px; background: rgba(255,255,255,.75); /* box-shadow: 0px 0px 16.56px 1.44px rgba(118, 73, 60, 0.15); */ box-sizing: border-box;}
.listWrap .contArea .item:first-child {margin-top: 0;}
.listWrap .contArea .titBox strong {position: relative; display: inline-block; line-height: 1; padding: 0 5px; font-size: 46px; font-weight: 500; color: #aa6856; font-family: 'Dokdo'; box-sizing: border-box; z-index: 1;}
.listWrap .contArea .titBox strong:before {content: ''; position: absolute; top: 50%; left: 0; display: block; margin-top: -5px; width: 100%; height: 14px; background: #f7e6e1; z-index: -1;}
.listWrap .contArea .listBox {padding-top: 20px;}
.listWrap .contArea .listBox ul {margin-top: -20px;}
.listWrap .contArea .listBox ul li {position: relative; padding: 20px 0; border-top: 1px solid #ddd; box-sizing: border-box;}
.listWrap .contArea .listBox ul li:first-child {border-top: 0;}
.listWrap .contArea .listBox ul li:last-child {padding-bottom: 0;}
.listWrap .contArea .listBox ul li > a {display: block;}
.listWrap .contArea .listBox em {display: block; padding-right:70px; word-break: keep-all; line-height: 1.3; font-size: 18px; font-weight: 700; color: #333;}
.listWrap .contArea .listBox i {display: block; margin-top: 8px; line-height: 1.3; padding-left: 20px; font-size: 16px; font-weight: 300; color: #666; font-style: normal; background-image: url('/img/spot_ico_03.png'); background-repeat: no-repeat; background-position: 0 50%; box-sizing: border-box;}
.listWrap .contArea .listBox > span { display: block; padding-top:7px; line-height: 1.3; font-size: 15px; font-weight: 300; color: #666; text-align: left; box-sizing: border-box;}
.listWrap .contArea .listBox span span { position: relative; }
.listWrap .contArea .listBox span span:before {content: ''; position: absolute; top: 3px; left: 0; display: block; width: 1px; height: 16px; background: #ddd;}
.listWrap .contArea .listBox .btnBox {position: absolute; top: 20px; right: 0;}
.listWrap .contArea .listBox .btnBox a {display: block; padding: 7px 0; width: 50px; height: 50px; line-height: 1.2; font-size: 15px; font-weight: 500; border-radius: 6px; text-align: center; box-sizing: border-box;}
.listWrap .contArea .listBox .btnBox a.btn1 {color: #fff; background: #cd9685;}
.listWrap .contArea .listBox .btnBox a.btn2 {color: #b7a8a8; background: #e9e4e4;}
.listWrap.en .contArea .titBox strong{font-size:37px;}
.listWrap.en .contArea .listBox ul li {padding: 20px 50px 20px 0;}
.listWrap.en .contArea .listBox i {background-position: 0 5px;}
.listWrap.en .contArea .listBox .btnBox a{padding:0; font-size:12px; line-height:50px;}

/* 메인 - 이벤트 미리보기 팝업 */
.eventBg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 90;}
.popCmm {display: none; position: absolute; bottom: 0; left: 50%; width: 100%;  z-index: 100; max-width:760px; -webkit-transform:translate3d(-50%, 0, 0); transform:translate3d(-50%, 0, 0)}
.popCmm .size {padding: 0; height: 100%;}
.popCmm .inner {position: relative; background: #f3f1ef; /* border-radius: 20px 20px 0 0; */ box-shadow: 0px 0px 19.32px 1.68px rgba(73, 53, 46, 0.3); box-sizing: border-box;}
.popCmm .imgBox {position: absolute; top: 25px; left: 20px; border: 1px solid #577755; box-sizing: border-box;}
.popCmm .infoBox {padding-left: 155px; height: 120px; box-sizing: border-box;}
.popCmm .infoBox .titBox {padding-bottom: 10px; box-sizing: border-box;}
.popCmm .infoBox .titBox em {display: block; line-height: 1.3; font-size: 20px; font-weight: 700; color: #333;}
.popCmm .infoBox .titBox i {display: block; margin-top: 2px; padding-left: 20px; line-height: 1.3; font-size: 16px; color: #638561; font-style: normal; background-image: url('/img/spot_ico_03.png'); background-repeat: no-repeat; background-position: 3px 75%; box-sizing: border-box;}
.popCmm .infoBox .titBox em {line-height: 1.2;}
.popCmm .infoBox .tipBox {padding-top: 6px; border-top: 1px solid #ddd; box-sizing: border-box;}
.popCmm .infoBox .tipBox em {position: relative; display: block; padding-left: 13px; font-size: 14px; color: #000;}
.popCmm .infoBox .tipBox em:before {content: ''; position: absolute; top: 50%; left: 4px; display: block; width: 3px; height: 3px; border-radius: 3px; background: #000;}
.popCmm .infoBox .tipBox span {margin-top: 3px; padding-left: 0; line-height: 1.4; font-size: 13px; color: #777; height: 36px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; word-break: keep-all; overflow: hidden;}
.popCmm .infoBox .detailBox {padding-top: 6px; border-top: 1px solid #ddd; box-sizing: border-box;}
.popCmm .infoBox .detailBox > span {display: block; line-height: 1.5; padding-left: 20px; font-size: 15px; font-weight: 300; color: #555; background-repeat: no-repeat; background-position: 0 50%; box-sizing: border-box;}
.popCmm .infoBox .detailBox span span { display: block; }
.popCmm .infoBox .detailBox span.date {background-image: url('/img/date_ico.png');}
.popCmm .infoBox .detailBox span.time {background-image: url('/img/time_ico.png');}
.popCmm .infoBox .detailBox span.event {background-image: url('/img/event_ico.png');}
.popCmm .infoBox .detailBox span.tel {background-image: url('/img/tel_ico.png');}
.popCmm .btnBox {position: absolute; top: 23px; right: 20px; z-index: 1;}
.popCmm .btnBox a {display: inline-block; padding: 0 10px; width: 65px; height: 30px; line-height: 30px; font-size: 13px; font-weight: 500; color: #fff; text-align: left; border-radius: 5px; background-color: #384b70; background-image: url('/img/go_ico_03.png'); background-repeat: no-repeat; background-position: right 10px top 50%; box-sizing: border-box;}
.popCmm .topArea {position: absolute; top: -205px; width: 100%;}
.popCmm .topArea .topCont {position: relative; padding: 25px 20px; border-radius: 20px 20px 0 0; background-color: #fff;  box-sizing: border-box;}

.btnBox a.btn_en{width:120px; background-position: right 10px top 52%;}


.eventPop .topArea {position: absolute;}
.eventPop .popClose {display: block; position: absolute; top: -73px; right: 0; width: 75px; height: 75px; line-height: 75px; text-align: center;}
.eventPop .topArea .scrollBtn {display: block; height: 35px; line-height: 35px; font-size: 14px; font-weight: 500; color: #838383; text-align: center; background: #f1f1f1; border-bottom: 1px solid #dedede; box-sizing: border-box;}
.eventPop .topArea .scrollBtn img {display: inline-block; margin-left: 10px; margin-top: -1px;}
.eventPop .contArea {padding: 20px; background: #f0f0f0;}
.eventPop .contArea .scrollBox {overflow-y: auto;}
.eventPop .contArea .item { position: relative; margin-top: 10px; padding: 10px; background: #fff; box-sizing: border-box;}
.eventPop .contArea .item a { display:flex; align-items: center;}
.eventPop .contArea .item:first-child {margin-top: 0;}
.eventPop .contArea .imgBox {top: 10px; left: 10px; width:125px; height:115px; }
.eventPop .contArea .imgBox .back_img { width: 100%; height: 100%; }
.eventPop .contArea .imgBox img { width: 100%; height: 100%; }
.eventPop .contArea .infoBox {padding-top: 6px; padding-left: 145px; height: auto; min-height: 115px; }
.eventPop .contArea .infoBox em {font-size: 17px; margin-bottom: 10px; }
.eventPop .contArea .infoBox i {margin-top: 4px; padding-left: 17px; color: #8a8d93; background-image: url('/img/spot_ico_04.png'); background-position: 0 50%;}
.eventPop .contArea .infoBox span {line-height: 1.4;}

/* 메인 - 함께가게 팝업 */
.storeBg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 90;}
.storePop .inner {position: relative;}
.storePop .popClose {display: block; position: absolute; top: -243px; right: 0; width: 75px; height: 75px; line-height: 75px; text-align: center;}
.storePop .topArea {top: auto; bottom: 0;}
.storePop .topCont {background-image: url('/img/store_bg.png'); background-repeat: no-repeat; background-position: right 27px top 58px;}
.storePop .infoBox {padding-left: 135px;}

.toiletPop .infoBox {padding-top: 20px; padding-left: 0;}
.toiletPop .infoBox .tbc {vertical-align: top;}

.parkingPop .infoBox {padding-left: 0;}
/* 메인 - 기본 편의시설 팝업 */
.basicBg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 90;}
.basicPop {display: none; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 100;}
.basicPop .contArea {padding: 24px 20px; border-radius: 20px 20px 0 0; background: #fff; box-shadow: 0px 0px 19.32px 1.68px rgba(73, 53, 46, 0.3); box-sizing: border-box;}
.basicPop .contArea .titBox em {display: inline-block; font-size: 20px; font-weight: 700; color: #333;}
.basicPop .contArea .titBox i {display: inline-block; margin-left: 5px; font-size: 13px; font-weight: 300; color: #999; font-style: normal;}
.basicPop .contArea .infoBox span {display: block; line-height: 1.4; padding-left: 18px; font-size: 16px; color: #638561; background-image: url('/img/spot_ico_03.png'); background-position: 0 50%; background-repeat: no-repeat;}


#sub.layout { position:relative; width: 100%; height: calc(100% - 90px); background-image: url('/img/event_bg_02.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
#sub.layout .viewWrap, #sub.layout .size, #sub.layout .contWrap {height: 100%;}
#sub.layout .viewWrap {padding-top: 60px; box-sizing: border-box;}
#sub.layout .contWrap {position: relative; padding: 65px 30px 85px; background: #fff; background-image: url('/img/bg_ico.png'); background-repeat: no-repeat; background-position: 100% 0; box-sizing: border-box; box-shadow: 0px 0px 16.56px 1.44px rgba(118, 73, 60, 0.15);}
#sub.layout .contWrap .scroll {height: 100%; overflow: auto;}
#sub.layout .backBtn {position: absolute; top: 0; left: 0; width: 65px; height: 65px; line-height: 65px; font-size: 0; text-align: center; background: #c36c62;}

/* 테이블 스타일 - 1 */
#sub .tableType_1  {text-align: left;}
#sub .tableType_1 tbody {border-top: 1px solid #b86a61; border-bottom: 1px solid #ddd; box-sizing: border-box;}
#sub .tableType_1 tbody tr {border-top: 1px solid #ddd; box-sizing: border-box;}
#sub .tableType_1 tbody tr:first-child {border-top: 0;}
#sub .tableType_1 th {padding: 6px 0; line-height: 1.4; font-size: 13px; font-weight: 500; color: #b86a61; box-sizing: border-box;}
#sub .tableType_1 td {padding: 9px 0; line-height: 1.4; font-size: 15px; font-weight: 300; color: #555; box-sizing: border-box;}

#sub.eventView .scroll > .titBox {text-align: center;}
#sub.eventView .scroll > .titBox strong {display: inline-block; line-height: 1.3; font-size: 25px; font-weight: 900; color: #333; word-break: keep-all;}
#sub.eventView .scroll > .titBox span {display: block; margin-top: 6px;}
#sub.eventView .scroll > .titBox b {position: relative; display: inline-block; padding: 0 3px; line-height: 1.3; font-size: 16px; color: #b86a61; z-index: 1;}
#sub.eventView .scroll > .titBox b:before {content: ''; position: absolute; top: 50%; left: 0; display: block; margin-top: -3px; width: 100%; height: 10px; background: #f7e6e1; z-index: -1;}
#sub.eventView .scroll > .imgBox {position: relative; margin-top: 25px;}
#sub.eventView .scroll > .imgBox .stsBox {position: absolute; bottom: 0; right: 0;}
#sub.eventView .scroll > .imgBox .stsBox span,
#sub.eventView .scroll > .imgBox .stsBox a {display: block; padding: 8px 12px; width: 52px; line-height: 1.2; font-size: 15px; font-weight: 500; color: #fff; letter-spacing: 0; text-align: center; border-radius: 5px 0 0 0; background: #cd8d85; box-sizing: border-box;}
#sub.eventView .scroll > .imgBox .stsBox span {color: #b7a8a8; background: #e9e4e4;}
#sub.eventView .scroll > .dateBox {margin-top: 20px;}
#sub.eventView .scroll > .infoBox {margin-top: 30px; line-height: 1.5; font-size: 16px; font-weight: 300; color: #333;}
#sub.eventView .scroll > .btnBox {margin-top: 25px; text-align: center;}
#sub.eventView .scroll > .btnBox a {display: inline-block; padding: 0 12px; width: 90px; height: 35px; line-height: 33px; font-size: 15px; font-weight: 500; color: #658763; text-align: left; border-radius: 5px; border: 1px solid #638561; background-image: url('/img/go_ico_02.png'); background-repeat: no-repeat; background-position: right 13px top 50%; box-sizing: border-box;}
#sub.eventView.en .scroll > .btnBox a{width:140px; background-position: right 13px top 57%;}
#sub.eventView.en .scroll > .imgBox .stsBox span,
#sub.eventView.en .scroll > .imgBox .stsBox a {width: auto; font-size:12px;}

#sub.board .titArea {padding: 20px 0 30px;}
#sub.board .titArea h2 {line-height: 1; font-size: 26px; font-weight: 900; color: #333; text-align: center;}
#sub.board .btnArea {margin: 30px 0 80px; text-align: center;}
#sub.board .btnArea a {display: inline-block; padding: 0 15px; width: 90px; height: 35px; line-height: 32px; font-size: 15px; color: #658763; text-align: left; border: 1px solid #638561; border-radius: 5px; background-image: url('/img/go_ico_02.png'); background-repeat: no-repeat; background-position: right 14px top 49.5%; box-sizing: border-box;}
#sub.board .btnArea input[type='submit'] {display: inline-block; padding: 0 20px; height: 35px; line-height: 33px; font-size: 15px; font-weight: 500; color: #658763; border: 1px solid #638561; border-radius: 5px; background: #fff; box-sizing: border-box; cursor: pointer;}

#sub.noticeList .titArea {padding: 20px 0;}
#sub.noticeList .tableType_1 tbody tr {cursor: pointer;}
#sub.noticeList .tableType_1 td {padding: 14px 0;}
#sub.noticeList .title em {display: -webkit-box; height: 21px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: keep-all; overflow: hidden; box-sizing: border-box;}
#sub.noticeList .date span {position: relative; display: block; font-size: 13px;}
#sub.noticeList .date span:before {content: ''; position: absolute; top: 50%; left: -12px; display: block; margin-top: -7.5px; width: 1px; height: 15px; background: #ddd;}

#sub.noticeView .contArea .titBox {padding: 18px 0 20px; border-top: 1px solid #b86a61; border-bottom: 1px solid #ddd; box-sizing: border-box;}
#sub.noticeView .contArea .titBox strong {display: block; line-height: 1.3; font-size: 18px; font-weight: 700; color: #b86a61;}
#sub.noticeView .contArea .titBox ul {margin-top: 12px;}
#sub.noticeView .contArea .titBox ul li {float: left; display: inline-block; margin-left: 16px; padding-left: 20px; line-height: 1; font-size: 14px; font-weight: 300; color: #777; background-repeat: no-repeat; background-position: 0 48%; box-sizing: border-box;}
#sub.noticeView .contArea .titBox ul li:first-child {margin-left: 0;}
#sub.noticeView .contArea .titBox ul li.date {background-image: url('/img/ico_date.png');}
#sub.noticeView .contArea .titBox ul li.hit {background-image: url('/img/ico_hit.png');}
#sub.noticeView .contArea .txtBox {padding: 20px 0; font-size: 15px; font-weight: 300; color: #555; border-bottom: 1px solid #ddd; box-sizing: border-box;}
#sub.noticeView .contArea .txtBox img {display: inline-block; max-width: 100%;}
#sub.noticeView .btnArea a {background-image: url('/img/list_ico.png');}

#sub.page .contArea > ul {border-top: 1px solid #b86a61; border-bottom: 1px solid #ddd; box-sizing: border-box;}
#sub.page .contArea > ul > li {padding: 20px 0; border-top: 1px solid #ddd; box-sizing: border-box;}
#sub.page .contArea > ul > li:first-child {border-top: 0;}
#sub.page .contArea > ul > li em {display: block; line-height: 1.3; font-size: 18px; font-weight: 700; color: #333;}
#sub.page .contArea > ul > li i {display: block; margin-top: 5px; padding-left: 20px; font-size: 16px; font-weight: 300; color: #666; font-style: normal; background-image: url('/img/spot_ico_04.png'); background-repeat: no-repeat; background-position: 0 6px; box-sizing: border-box;}
#sub.page .contArea > ul > li .infoBox {margin-top: 10px; padding: 10px;  font-size: 16px; background: #f9f9f9; box-sizing: border-box;}
#sub.page .contArea > ul > li .infoBox b {position: relative; display: block; line-height: 1.4; padding-left: 20px; font-weight: 500; color: #c36c62; box-sizing: border-box;}
#sub.page .contArea > ul > li .infoBox b:before {content: '￦'; position: absolute; top: 0; left: 0; display: block; font-weight: 700; color: #c36c62;}
#sub.page .contArea > ul > li .infoBox span {display: block; line-height: 1.4; padding-left: 20px; font-weight: 300; color: #666; box-sizing: border-box;}
#sub.page .contArea > ul > li .infoBox > ul {padding-left: 20px; font-size: 0; box-sizing: border-box;}
#sub.page .contArea > ul > li .infoBox > ul > li {position: relative; display: inline-block; padding-left: 15px; line-height: 1.4; font-size: 16px; font-weight: 300; color: #666; box-sizing: border-box;}
#sub.page .contArea > ul > li .infoBox > ul > li:after {content: ''; position: absolute; top: 50%; left: 7px; display: block; margin-top: -5px; width: 1px; height: 12px; background: #999;}
#sub.page .contArea > ul > li .infoBox > ul > li:first-child {padding-left: 0;}
#sub.page .contArea > ul > li .infoBox > ul > li:first-child:after {display: none;}

#sub.suggest .contArea textarea {display: block; padding: 20px; width: 100%; min-height:255px; resize: vertical; font-size: 16px; font-weight: 300; color: #333; border: 1px solid #ddd; box-sizing: border-box; resize: none;  -webkit-appearance: none; -webkit-border-radius: 0;}
#sub.suggest .contArea textarea::placeholder {color: #aaa;}
#sub.suggest .btnArea {margin: 35px 0;}


/* js-clone */
.js-clone { position:absolute; left:-99999px; top:-99999px}


/* svg loader */
.loader {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:9999999;
    background:rgba(255,255,255,.95);
}
.loader.hidden {
    display:none;
}
.loader svg {
    width:400px;
    height:400px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate3d(-50%, -50%, 0);
}

.svg_text {
    fill:transparent;
    animation: text 0.8s forwards;
}

.text_big {
    opacity:0;
    animation: opa 0.5s forwards;
}

.svgid_3 { animation: dash3 0.1s forwards; }
.svgid_4 { animation: dash4 0.2s forwards; }
.svgid_5 { animation: dash5 0.3s forwards; }
.svgid_6 { animation: dash6 0.4s forwards; }
.svgid_7 { animation: dash7 0.5s forwards; }

@keyframes dash3 {
    0% { fill:transparent; }
    100% { fill:url(#SVGID_3_);  }
}

@keyframes dash4 {
    0% { fill:transparent;  }
    100% { fill:url(#SVGID_4_); }
}

@keyframes dash5 {
    0% { fill:transparent; }
    100% { fill:url(#SVGID_5_); }
}

@keyframes dash6 {
    0% { fill:transparent;  }
    100% { fill:url(#SVGID_6_); }
}

@keyframes dash7 {
    0% { fill:transparent;  }
    100% { fill:url(#SVGID_7_); }
}

@keyframes text {
    0% { fill:transparent; }
    100% { fill:#2C435D; }
}

@keyframes opa {
    0% { opacity:0; }
    100% { opacity:1; }
}