body { font-size: 14px; overflow-y: scroll; word-break: keep-all; margin: 0; padding: 0; font-family: AppleGothic, "맑은 고딕", "굴림", Gulim, "돋움", Dotum, Sans-serif; font-weight: bold; background-color: #f0f0f8; }
    body.modal-open { padding-right: 0 !important; overflow-y: scroll !important; /*for modal open */ }
p { margin: 0; }

.container { padding-right: 10px; padding-left: 10px; }

header { /*background: url('siteImages/background.jpg') center top;*/ background-color: #f0f0f8; }
.container.main { margin-top: 165px; }
.navbar { margin-bottom: 0; }
div.topBar { background: url('siteImages/wave.png') center bottom; height: 100px; background-color: #A7DBFF; }
    div.topBar .container { position: relative; text-align: center; height: 100px; /*border: 1px solid red;*/ }
        div.topBar .container .title { vertical-align: middle; text-align: center; margin-top: 14px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1000; }
    div.topBar .icon { position: absolute; }
    div.topBar .container .icon.yacht { bottom: 0; left: 5%; }
    div.topBar .container .icon.surfing { bottom: 10px; left: 20%; }
    div.topBar .container .icon.cruise { bottom: 0; right: 5%; }
    div.topBar .container .icon.mini { bottom: 5px; right: 30%; }
footer { background-color: #F5F5F5; border-top: 1px solid #E5E5E5; margin-top: 20px; padding: 20px 0; text-align: center; }


.nav-pills { border-bottom: 4px solid #337ab7; margin: 10px 0 5px 0; cursor: pointer; background-color: #f0f0f8; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); }
    .nav-pills > li { margin-bottom: 0px; }
        .nav-pills > li + li { margin-left: 4px; }
        .nav-pills > li > a { border-radius: 4px 4px 0 0; font-size: 14px; font-weight: bolder; background-color: #F5F5F5; border: 1px solid #337ab7; border-bottom: none; padding: 7px 2px; cursor: pointer; min-width: 40px; text-align: center; }

h3.title { border-radius: 5px; padding: 16px 0; font-size: 16px; text-align: center; font-weight: bolder; color: #fff; background-color: #337ab7; border-color: #337ab7; margin-bottom: 20px; margin-top: 10px; }

div.topHeader { background: url('siteImages/bgfull.jpg') center top;; height: 62px; margin-top: 20px; margin-bottom: 10px; border-radius: 5px; }
span.org { text-decoration: line-through; font-weight: unset; }

span.discount { color: red; font-weight: unset; }
.panel-info { font-weight: bolder; margin-bottom: 10px; }
    .panel-info .panel-heading { font-weight: bolder; padding: 8px; position: relative; min-height: 34px; }
        .panel-info .panel-heading span.title { position: absolute; left: 5px; }
        .panel-info .panel-heading a.btn-confirm, .panel-info .panel-heading a.btn-cancel { position: absolute; right: 5px; }
        .panel-info .panel-heading a.btn-cancel { background-color: #f0ad4e !important; }

    .panel-info .panel-body { padding: 8px 12px; }

.panel-body ul { padding: 0 0 0 10px; margin: 0; }
.panel-heading a { text-decoration: none; }
    .panel-heading a.badge-warning { background-color: #f0ad4e !important; }


.panel-heading p { text-indent: -19px; margin-left: 19px; }
/* background-color: #337ab7; */
.tab-content { /*color: white;*/ /*background-color: #337ab7;
			padding: 15px 15px;
			border-radius: 4px;
			border: 3px solid #337ab7;
			padding: 15px 15px;*/ }

div.section_info { padding: 10px 15px; }

div.section_info_bottom .panel-body { max-height: 100px; overflow-y: auto; }
    div.section_info_bottom .panel-body ol { padding: 0 0 0 10px; margin: 0; }

.modal-body { padding: 0; }
img.modal-content.img-responsive { padding: 0; margin: 0; width: 100%; }
.btn-primary { padding: 2px 4px; }


p.indent12 { text-indent: -13px; margin: 0 0 0 8px; }




/*check */
#tabCheck h3.title { background-color: #366b79; width: 100%; padding: 22px; font-weight: 800; font-size: 20px; margin: 10px 0; }
.part { padding: 20px 20px 30px 20px; border-bottom: 1px solid #c0c0c0; border-top: 2px solid #ffffff; }

.partHeader { position: relative; margin: 10px; position: relative; margin: 30px 0; }
    .partHeader .textInfo { position: absolute; top: 50%; left: 50%; box-shadow: 0 0 3px rgba(0, 0, 0, 1); padding: 5px 20px; font-size: 14px; padding: 16px 5px; border-radius: 6px; text-align: center; width: 70%; font-weight: 800; }
    .partHeader .couponOn { background-color: #fff; }

    .partHeader.translate > .textInfo { transform: translate(-50%, -50%); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; }

    .partHeader img { width: 100%; }

.partFooter { padding: 20px; border-bottom: 0px none; background-color: #366b79; color: #95b2b6; border-radius: 6px; }
    .partFooter p { color: #95b2b6; line-height: 1.5; line-height: 1.8; letter-spacing: -1px; }

    .partFooter div.btnOn .btn { display: block; width: 100%; padding: 12px; text-align: center; color: #ffffff; text-decoration: none; width: 100%; vertical-align: middle; text-align: center; border-radius: 5px; color: #fff; margin: 0 0 30px 0; }

    .partFooter .btnOff { background-color: #d58512 !important; width: 100%; padding: 18px; vertical-align: middle; text-align: center; border-radius: 5px; color: #fff; margin: 0 0 30px 0; }
/*.partFooter span.btnOff .btn { display: block; text-align: center; width: 100%; height: 71px; line-height: 71px; color: #ffffff; text-decoration: none; font-size: 120% }*/

@media only screen and (max-width: 768px) /*64%  md*/ {
    .navbar .container { padding: 0; }
    .container.nav { padding: 0; }
    .container.main { margin-top: 200px; }


    .nav-pills { border-bottom: 4px solid #337ab7; margin: 0 0 5px 0; padding: 4px; border-radius: 0; cursor: pointer; background-color: #f0f0f8; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); }
        .nav-pills > li { margin: 2px 6px 2px 0; }
            .nav-pills > li > a { border-radius: 4px; font-size: 14px; font-weight: bolder; background-color: #F5F5F5; border: 1px solid #337ab7; padding: 7px 2px; cursor: pointer; min-width: 70px; text-align: center; }
            .nav-pills > li + li { margin-left: 0; }

    div.topBar .container .icon.cruise { width: 60px; }
    div.topBar .container .icon.surfing { bottom: 2px; left: 30%; width: 60px; }
    div.topBar .container .icon.yacht { width: 50px; }
    div.topBar .container .icon.mini { width: 30px; }
}