@media (min-width: 768px) and (max-width: 10000px) {
    .mOnly, .mBreak { display:none; }
}
@media all and (max-width : 767px) {
    .pcOnly { display: none !important;}
    .mOnly { display:block; }
    .mBreak { display:inline; }
}

input[type="text"], input[type="tel"], input[type="password"], input[type="number"], input[type="email"] {vertical-align: bottom; display:inline-block; padding-left:10px; font-family:engMed, korMed; font-size:14px; color:#333; line-height:14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizig: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color:none; }
input[type="text"]:focus { outline: none; }
.inputype01 {height:40px; border-radius:3px; border:1px solid #999; margin:0; color:#333; font-size:14px; }
.inputype02 {height:60px; border:2px solid #222; margin:0; color:#333; font-size:18px !important; padding:0 20px !important; }
.inputype03 {height:46px; border-radius:3px; border:1px solid #999; margin:0; color:#333; font-size:16px; }

select {vertical-align: bottom; display:inline-block; padding-left:8px; font-family:engMed, korMed; font-size:14px; color:#333; line-height:18px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizig: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color:none; }
select::-ms-expand { display: none; }
select:focus { outline: none; }
.seltype01 {height:40px; border-radius:3px; border:1px solid #acb1bb; background:#fff url(../images/common/arrow03.png) no-repeat right 10px top 15px; padding-right: 30px;}
.seltype02 {height:46px; border-radius:3px; border:1px solid #acb1bb; background:#fff url(../images/common/arrow03.png) no-repeat right 10px top 18px; }

input[type="radio"] { display:none; }
input[type="radio"] + label span {float:none; display:inline-block; width:26px; height:28px; margin:0 1px 0 0; vertical-align:middle; background:url('../images/common/radio01.svg') top 0 left 0 no-repeat; cursor:pointer; background-size:110px 26px; }
input[type="radio"]:checked + label span { background:url('../images/common/radio01.svg') top 0 left -28px no-repeat; background-size:110px 26px; }

.chRound input[type="checkbox"] { display:none; }
.chRound input[type="checkbox"] + label span {float:none; display:inline-block; width:26px; height:28px; margin:0 8px 0 0; vertical-align:middle; background:url('../images/common/check01.svg') top 0 left 0 no-repeat; cursor:pointer; background-size:110px 26px; }
.chRound input[type="checkbox"]:checked + label span { background:url('../images/common/check01.svg') top 0 left -28px no-repeat; background-size:110px 26px; }

.chk01 input[type="checkbox"] { display:none; }
.chk01 input[type="checkbox"] + label span {float:none; display:inline-block; width:20px; height:22px; margin:0 8px 0 0; vertical-align:middle; background:url('../images/common/check02.svg') top 0 left 0 no-repeat; cursor:pointer; background-size:86px 20px; }
.chk01 input[type="checkbox"]:checked + label span { background:url('../images/common/check02.svg') top 0 left -22px no-repeat; background-size:86px 20px; }

.squareChk { display:none; }
.squareChk + label {font-size:16px; font-family:engReg, korMed; line-height:24px; color:#333; letter-spacing:-.5px; }
.squareChk + label span {float:none; display:inline-block; width:20px; height:24px; margin:0 5px 0 3px; vertical-align:middle; background:url('../images/common/check02.svg') top 0 left 0 no-repeat; cursor:pointer; background-size:86px 20px; }
.squareChk:checked + label span { background:url('../images/common/check02.svg') top 0 left -22px no-repeat; background-size:86px 20px; }

textarea {text-align:left; padding:10px; letter-spacing:0; line-height:24px; word-break:nowrap; color:#222; border:1px solid #ccc; ; font-family: korMed; font-size:14px; -webkit-box-sizig: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y:auto; }
input::placeholder, textarea::placeholder { color: #999; font-size:14px; font-family:engMed, korMed; }
::placeholder { font-size: 14px !important; }
:-ms-input-placeholder { font-size: 14px !important;}
::-ms-input-placeholder { font-size: 14px !important;}

.bgWhite {background-color:#fff; color:#333; border:1px solid #acb1bb; }
.bgWhite:hover {background-color:#eee; }
.bgBlue {background-color:#3d7dff; color:#fff; }
.bgBlue:hover {background-color:#5b91ff; }
.dkGray {background-color:#3f434c; color:#fff; }
.dkGray:hover {background-color:#222; }
.dkBlue {background-color:#808997; color:#fff; }
.dkBlue:hover {background-color:#969eac; }
.lightGray {background-color:#b1b7c2; color:#fff; }
.lightGray:hover {background-color:#959ca8; }
.btnRed {background-color:#ff3c3c; color:#fff; }
.btnRed:hover {background-color:#959ca8; }
.bdBlue {border:1px solid #3d7dff; color:#3d7dff; background-color:#fff}
.bdBlue:hover { background-color:#3d7dff; color:#fff; }

/* Button Style */
.btnType01 { display:inline-block; border-radius:3px; line-height:48px; height:48px; font-size:18px; font-family:engMed, korMed; width:200px; cursor:pointer; }
.btnType02 { display:inline-block; border-radius:3px; line-height:36px; height:36px; padding:0 20px; font-size:14px; font-family:engMed, korMed; cursor:pointer; }
.btnType03 { display:inline-block; border-radius:3px; line-height:34px; height:34px; padding:0; width:100%; font-size:14px; font-family:engMed, korMed; cursor:pointer; }
.btnType04 { display:inline-block; border-radius:3px; line-height:46px; height:46px; padding:0; width:100%; font-size:14px; font-family:engMed, korMed; cursor:pointer;}
.btnType05 { display:inline-block; line-height:52px; height:52px; font-size:18px; font-family:engMed, korMed; cursor:pointer; }
.btnType06 { display:inline-block; border-radius:3px; line-height:34px; height:34px; padding:0 20px; font-size:14px; font-family:engMed, korMed; cursor:pointer; }
.btnType07 { display:inline-block; border-radius:3px; line-height:40px; height:40px; padding:0 20px; font-size:14px; font-family:engMed, korMed; cursor:pointer; }
.btnType08 { display:inline-block; border-radius:3px; line-height:32px; height:32px; padding:0 10px; font-size:14px; font-family:engMed, korMed; cursor:pointer;  }

.reservBtn {display:inline-block; text-align:center; line-height:38px; height:40px; font-size:14px; font-family:engMed, korMed; border-radius:3px; }
.downloadBtn {display:inline-block; text-align:center; line-height:38px; height:40px; font-size:14px; font-family:engMed, korMed; border-radius:3px; }
.btnZipcode { display:inline-block; border-radius:3px; line-height:34px; height:34px; padding:0 20px; font-size:14px; font-family:engMed, korMed; cursor:pointer; /* margin-left:5px; */ }

@media all and (max-width : 767px) {
    .inputype01 {height:40px; }
    .inputype02 {font-size:16px !important; }
    .seltype01 {height:40px; background:#fff url(../images/common/arrow03.png) no-repeat right 13px top 15px; }

    .btnType01 { line-height:48px; height:48px; font-size:17px; width:100%; }
    .btnType02 { display:inline-block; border-radius:3px; line-height:40px; height:40px; font-size:16px; }
    .btnType07 { display:inline-block; border-radius:3px; line-height:40px; height:40px; padding:0 20px; font-size:14px; font-family:engMed, korMed; cursor:pointer; }
    .reservBtn {display:inline-block; text-align:center; line-height:40px; height:40px; font-size:14px; width:100%; border-radius:3px; }
    .downloadBtn {display:inline-block; text-align:center; line-height:38px; height:40px; font-size:14px; font-family:engMed, korMed; width:100%; padding-left:10px; border-radius:3px; background-size:14px; }
    .btnZipcode { display:inline-block; text-align:center; width:100%;  border-radius:3px; line-height:40px; height:40px; padding:0 20px; font-size:14px; font-family:engMed, korMed; cursor:pointer; margin-left:0;}

    .squareChk { display:none; }
    .squareChk + label {font-size:14px; font-family:engReg, korMed; line-height:24px; color:#333; letter-spacing:-.5px; }
    .squareChk + label span {float:none; display:inline-block; width:20px; height:24px; margin:0 5px 0 3px; vertical-align:middle; background:url('../images/common/check02.svg') top 0 left 0 no-repeat; cursor:pointer; background-size:86px 20px; }
    .squareChk:checked + label span { background:url('../images/common/check02.svg') top 0 left -22px no-repeat; background-size:86px 20px; }
}

span.space {display:inline-block; width:3px !important; margin:0 !important;  }
.brdTop1 {border-top:1px solid #ccc;}
.wdtYear { width:80px; }
.wdtDay { width:60px; }
.wdt100px {width:100px; }
.wdt130px {width:130px; }
.wdt25 {width:25%; }
.wdt30 {width:30%; }
.wdt40 {width:40%; }
.wdt45 {width:45%; }
.wdt50 {width:50%; }
.wdt100 {width:100%; }
.mgb5 {margin-bottom:5px; }
.mgb10 {margin-bottom:10px; }
.mgb20 {margin-bottom:20px; }
.mgb30 {margin-bottom:30px; }
.mgb40 {margin-bottom:40px; }
.mgb50 {margin-bottom:50px; }
.mgb80 {margin-bottom:80px; }
.mgt50 {margin-top:50px; }
.mgr10 {margin-right:6px; }

.wdt200px {width:200px; }
.tal {text-align:left; }

