/*ul 스타일*/
ul.list-none { list-style: none; padding: 0; margin: 0; /*margin-top: 30px;*/ padding-left: 0 !important;}
ul.list-none li { /*color: #696969;*/ padding-bottom: 5px; }

ul.custom { list-style: none; padding: 0; margin: 0; /*margin-top: 30px;*/ padding-left: 0 !important; }
ul.custom li { /*color: #696969;*/ padding-bottom: 5px; display: table; }
ul.custom li::before { content: "•\00a0"; color: #696969; display: table-cell; /* or whatever color you prefer */ }
ul.custom li p { padding-left: 10px; font-size: 15px; line-height: 0.7em; padding-top: 5px; }

ul.custom-dash {list-style: none;padding: 0;margin: 0;/* margin-top: 30px; */padding-left: 0 !important;}
ul.custom-dash li {/* color: #696969; */padding-bottom: 5px;display: table;}
ul.custom-dash li::before { content: "-\00a0"; color: #696969; display: table-cell; }


ul.custom-month { list-style: none; padding: 0; margin: 0; /* margin-top: 30px; */ padding-left: 0 !important; }
    ul.custom-month li {/* color: #696969; *//* margin-left: 5px; */padding-bottom: 5px;display: table;}
        ul.custom-month li::before {  padding-right: 5px; }
        ul.custom-month li._01::before { content: "01."; color: #0966A9; display: table-cell; font-weight: bold ;font-size:1.1rem}
        ul.custom-month li._02::before { content: "02."; color: #0966A9; display: table-cell; font-weight: bold ;font-size:1.1rem}
        ul.custom-month li._03::before { content: "03."; color: #0966A9; display: table-cell; font-weight: bold ;font-size:1.1rem}
        ul.custom-month li._04::before { content: "04."; color: #0966A9; display: table-cell; font-weight: bold ;font-size:1.1rem}
        ul.custom-month li._05::before { content: "05."; color: #0966A9; display: table-cell; font-weight: bold ;font-size:1.1rem}
        ul.custom-month li._06::before { content: "06."; color: #0966A9; display: table-cell; font-weight: bold ;font-size:1.1rem}
        ul.custom-month li._07::before { content: "07."; color: #0966A9; display: table-cell; font-weight: bold ;font-size:1.1rem}
        ul.custom-month li._08::before { content: "08."; color: #0966A9; display: table-cell; font-weight: bold ;font-size:1.1rem}
        ul.custom-month li._09::before { content: "09."; color: #0966A9; display: table-cell; font-weight: bold ;font-size:1.1rem}
        ul.custom-month li._10::before { content: "10."; color: #0966A9; display: table-cell; font-weight: bold ;font-size:1.1rem}
        ul.custom-month li._11::before { content: "11."; color: #0966A9; display: table-cell; font-weight: bold ;font-size:1.1rem}
        ul.custom-month li._12::before {content: "12.";color: #0966A9;display: table-cell;font-weight: bold;font-size:1.1rem;}

         
@media all and (min-width: 576px) {
    ul.custom-month.reverse li {float:right; min-width: 220px; }
    ul.custom-month.reverse li::after {padding-left: 5px;}
    ul.custom-month.reverse li._01::before { content: ""; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
    ul.custom-month.reverse li._02::before { content: ""; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
    ul.custom-month.reverse li._03::before { content: ""; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
    ul.custom-month.reverse li._04::before { content: ""; color: #0966A9; display: table-cell; font-weight: bold;font-size: 1.1rem;/* text-align: right; */}
    ul.custom-month.reverse li._05::before { content: ""; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
    ul.custom-month.reverse li._06::before { content: ""; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
    ul.custom-month.reverse li._07::before { content: ""; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
    ul.custom-month.reverse li._08::before { content: ""; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
    ul.custom-month.reverse li._09::before { content: ""; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
    ul.custom-month.reverse li._10::before { content: ""; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
    ul.custom-month.reverse li._11::before { content: ""; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
    ul.custom-month.reverse li._12::before { content: ""; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
    ul.custom-month.reverse li._01::after { content: ".01"; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
    ul.custom-month.reverse li._02::after { content: ".02"; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem;width: 20px;}
    ul.custom-month.reverse li._03::after { content: ".03"; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
    ul.custom-month.reverse li._04::after { content: ".04"; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem;width: 20px;}
    ul.custom-month.reverse li._05::after { content: ".05"; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
    ul.custom-month.reverse li._06::after { content: ".06"; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
    ul.custom-month.reverse li._07::after { content: ".07"; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
    ul.custom-month.reverse li._08::after { content: ".08"; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
    ul.custom-month.reverse li._09::after { content: ".09"; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
    ul.custom-month.reverse li._10::after { content: ".10"; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
    ul.custom-month.reverse li._11::after { content: ".11"; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
    ul.custom-month.reverse li._12::after { content: ".12"; color: #0966A9; display: table-cell; font-weight: bold; font-size: 1.1rem }
}

/* 갤러리형식 표현 http://sangnok.dallago.me/hotel/cheonan/convention/home*/
.galleryWrap { margin: 0 auto 30px auto; width: 70%; }
.galleryWrap .gallery-detail { margin: 0 auto; width: 700px; height: 352px; }

/*링크 사각형 표현 http://sangnok.dallago.me/hotel/cheonan/convention/home*/
.anchorListWrap { display: block; margin: 10px auto; /* width: 90%; */ text-align: center; }
.anchorListWrap a { width: 180px; border: 1px solid #007ECC; padding: 10px 20px; margin: 5px 5px; color: #000; font-weight: bold; display: inline-block; }
.anchorListWrap a:hover, .anchorListWrap a:active, .anchorListWrap a:focus { background-color: #007ECC; color: #fff; width: 180px; border: 1px solid #007ECC; padding: 10px 20px; margin: 5px 5px; font-weight: bold; display: inline-block; }


/*음식메뉴 이미지 열거 형태 http://sangnok.dallago.me/hotel/cheonan/facilities/messhall*/
.website .content-list { margin-left: -10px; clear: both }
.website .content-list::after { display: block; height: 0; content: "."; font-size: 0; visibility: hidden; clear: both; }
.website .content-item { width: 20%; float: left; margin-bottom: 30px; }
.website .cimg { margin: 0 20px 20px 20px; background-color: #FCFCFC; border: 1px solid #D4D4D4; width: 200px; height: 120px; }
.website .cimg img { width: 198px; height: 118px; }



.website .infoWrap-thumb { clear: both; position: relative; }
.website .infoWrap-thumb::after { display: block; height: 0; content: "."; font-size: 0; visibility: hidden; clear: both; }

/*썸네일 형식의 정보표현*/
.website .tImg { float: left; width: 345px; margin-bottom: 30px }
.website .tInfo { float: left; margin-left: 30px; max-width: 820px; margin-bottom: 10px; }
.website .tImg img { width: 100%; }
.website .tInfo h4 { margin-top: 10px; margin-bottom: 30px; }
.website .hr-dotted { clear: both }

.golf .course .tImg { float: left; width: 336px; margin-bottom: 30px }
.golf .course .infoWrap-thumb a { position: absolute; bottom: 30px; }
.golf .course .infoWrap-thumb a:hover { color: white !important; }

.golf.website .tInfo h4 { margin-top: 5px; margin-bottom: 15px; }
.golf.website .tInfo p { margin-bottom: 30px; }

.leisure.website .tInfo h4 { margin-top: 5px; margin-bottom: 15px; }
.leisure.website .tInfo p { margin-bottom: 30px; }

/*게시판*/
.website.bbs .info-wrap.bg-with { position: relative; margin-top: -451px; }
/*.hotel.website .info-wrap .listWrap ul li::before { content: ''; color: inherit; }*/

.search-box { background-color: #E5E5E5; border: 1px solid #adadad; padding: 15px 20px; position: relative; margin: 20px 0 30px; box-shadow: 1px 1px #e5e5e5; }
.search-box label { width: 120px; }
.search-box select { height: 40px; }
.search-box input[type=text].form-control { max-width: 830px; text-align: left; height: 40px; /*padding-top: 1px;*/ }

/*.search-box .fWrap { display: inline-block; width: 850px; text-align: left; }
        .search-box .fWrap input.form-control { height: 40px; }*/
.search-box input.btn { margin-left: 40px; margin-top: -7px; }


.website .gallery .content-list { margin-left: -10px; }
.website .gallery .content-item { width: 25%; float: left; margin-bottom: 30px; }
.website .gallery .cimg { margin: 0 20px 20px 20px; background-color: #FCFCFC; border: 1px solid #D4D4D4; width: 260px; height: 160px; }
.website .gallery .cimg img { width: 100%; height: auto !important; }

.gallery a { color: #000 }
.gallery .info-ment { margin-left: 20px; text-align: left }
.gallery span, .gallery label { margin-top: 20px }

.gallery span.label-event { background-color: #2BB6C9; color: white; padding: 5px 20px; font-size: 18px; }
.gallery span.label-promotion { background-color: #144468; color: white; padding: 5px 20px; font-size: 18px; }

.website .list-faq { border-top: 1px solid #ddd; }
.website .list-faq .item { border-bottom: 1px solid #ddd; padding-top: 15px; background-color: white; }
.website .list-faq .item .detail { display: none; background-color: #F8F8F8; border: 1px solid #d0d0d0; padding: 40px; padding-top: 10px }
.website .list-faq .item .detail h2 { color: #696969; font-size: 40px; font-weight: bold; margin-bottom: 0; }

.website .list-faq .item .category { text-align: center; width: 100px; }
.website .list-faq h2.subject { font-size: 17px; text-decoration: inherit; color: #000; line-height: 22px; cursor: pointer }