input,
select,
select option,
button,
label,
textarea {

}



.inputTypeA {
    display: block;
    width: 100%;
    height: 130px;
    color: #000;
    font-size: 79px;
    font-weight: 400;
    letter-spacing: -0.025em;
    border: 0;
    background-color: transparent;
}

    .inputTypeA::-webkit-input-placeholder { /* WebKit browsers */
        color: #000;
    }

    .inputTypeA:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #000;
    }

    .inputTypeA::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #000;
    }

    .inputTypeA:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #000;
    }



.inputTypeB {
    margin: 0px;
    display: block;
    width: 100%;
    height: auto;
    padding: 5px 8px 5px 5px;
    color: #b29472;
    font-size: 13px;
    font-weight: 600;
    border: 2px solid #b29472;
    background-color: #fff;
    border-radius: 3px 0 0 3px;
    border-style: solid;
}

    .inputTypeB::-webkit-input-placeholder { /* WebKit browsers */
        color: #b29472 !important;
    }

    .inputTypeB:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #b29472 !important;
    }

    .inputTypeB::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #b29472 !important;
    }

    .inputTypeB:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #b29472 !important;
    }


/* ddlmanipulator */
.formContent .dropdownDiv {
    width:100%;
}
    .formContent .dropdownDiv .title {
        border-radius: 3px 0 0 3px;
            margin-bottom: 15px;
    }
.formContent .dropdownDiv .title span {
            background:url(../../images/_common/ddlDown.png) no-repeat 4px 7px #B2946F;
            width:20px;
        }
        .formContent .dropdownDiv:hover .title span {
            background:url(../../images/_common/ddlUp.png) no-repeat 4px 5px #B2946F;
        }
.formContent .dropdownDiv .dropdownUlCont ul li {
	        padding: 5px 8px;
	        margin-bottom: 0;
            border-bottom:2px solid #fff;
	        cursor: pointer;
        }
            .formContent .dropdownDiv .dropdownUlCont ul li:last-child {
                border-bottom:none;
            }
/* ddlmanipulator*/


.selectTypeA {
    width: 100%;
    height: 50px;
    padding: 0 0 0 20px;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    background-image: url('../Images/@2x/arrow-down-gray@2x.png');
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 11px 6px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}


.selectTypeB {
    width: 214px;
    height: 75px;
    color: #404040;
    font-size: 13px;
    font-weight: 500;
    background-color: #fff;
    background-image: url('../Images/@2x/arrow-down-gray@2x.png');
    background-repeat: no-repeat;
    background-position: 85% center;
    background-size: 11px 6px;
    border: 0;
}


.selectTypeC {
    width: 210px;
    height: 40px;
    padding: 0 0 0 20px;
    color: #7a7a7a;
    font-size: 16px;
    font-weight: 500;
    background-color: transparent;
    background-image: url('../Images/@2x/arrow-down-gray@2x.png');
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 11px 6px;
    border: 0;
}







/* INPUT TYPE=CHECKBOX */
.chkListStyleA label {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}



    .chkListStyleA label span.box {
        display: inline-block;
        position: absolute;
        left: 0;
        width: 20px;
        height: 20px;
        background-color: #fff;
        border: 1px solid #e2e2e2;
        border-radius: 4px;
        transition: border 0.5s;
    }

    .chkListStyleA label span.text {
        display:inline-block;
        margin-top:2px;
        color: #676767;
        transition: color 0.3s;
        -webkit-transition: color 0.3s;
    }

    .chkListStyleA label:hover span.text {
        color: #555;
    }

    .chkListStyleA label input[type=checkbox]:checked ~ span.box {
        border: 1px solid #bbb;
        background-image: url('../Images/@2x/icon-checkbox@2x.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 8px 6px;
    }

    .chkListStyleA label input[type=checkbox]:checked ~ span.text {
        color: #555;
    }




.chkListStyleB label {
    display: inline-block;
    padding-left: 35px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

    .chkListStyleB label input[type=checkbox] {
        display: none;
    }

   /*label  span.text:before {
        display: inline-block;
        position: absolute;
        left: -25px;
        width: 20px;
        height: 20px;
        background-color: #fff;
        border: 2px solid #b29472;
        transition: border 0.5s;
        content:'';
    }*/
   label span.text {
        display:inline-block;
        margin-top:2px;
        color: #676767;
        transition: color 0.3s;
        -webkit-transition: color 0.3s;
    }

    label:hover span.text {
        color: #555;
    }

     /*input[type=checkbox]:checked ~ label span.text:before {
        border: 2px solid #b29472;
        background-image: url('../../Images/_common/@2x/icon-checkbox@2x.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 8px 6px;

    }*/

    input[type=checkbox]:checked ~ label span.text {
        color: #555;
    }





@media all and (max-width: 767px) {
    .inputTypeA {
        width: calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
        height: 40px;
        font-size: 25px;
    }


    .selectTypeB {
        width: 100%;
        height: 43px;
        padding: 0 0 0 10px;
        color: #4c4c4c;
        border: 1px solid #e5e5e5;
        background-position: 90% center;
    }

    .selectTypeC {
        width: 100%;
        height: 43px;
        padding: 0 0 0 10px;
        color: #4c4c4c;
        font-size: 14px;
        font-weight: 500;
        border: 1px solid #e5e5e5;
        background-color: #fff;
    }



    .chkListStyleA label {
        font-size: 13px;
    }

        .chkListStyleA label span.text {
            display: inline-block;
            margin-top: 3px;
        }



    .chkListStyleB label {
        font-size: 13px;
    }

        .chkListStyleB label span.text {
            display: inline-block;
            margin-top: 3px;
        }
}


@media all and (min-width: 768px) and (max-width: 1023px) {
    .inputTypeA {
        height: 120px;
        font-size: 65px;
    }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
    .selectTypeB {
        width: 122px;
    }
}

@media all and (min-width: 1024px) and (max-width: 1200px) {
    .selectTypeB {
        width: 164px;
    }
}

@media all and (min-width: 1201px) and (max-width: 1340px) {

    .selectTypeB {
        width: 184px;
    }
}