@charset "UTF-8";

#partner-partner-page .inner .container .title {
	padding: 0 90px 0;
}
#partner-partner-page .inner .container .subtitle {
	padding: 0 90px 0;
}
/*=================================================
		플랫폼 partnerplatform.php
=================================================*/
.partnerplatform-section-wrap .item-wrap{
    padding: 40px 0px 50px;
}

.partnerplatform-section-wrap .item-wrap .ratio-platform::before{
    padding-top: 46%;
}

.partnerplatform-section-wrap .item-wrap .ratio-content {
    border: 30px solid #ebeff5;
    padding: 0 80px;
}

.partnerplatform-section-wrap .item-wrap tr td{
    padding: 28px 0 0;
}

.partnerplatform-section-wrap .item-wrap .img-cell{
    display: inline-block;
    width: 25px;
    margin: 0 10px 0 0;
    vertical-align: top;
}

.partnerplatform-section-wrap .item-wrap .txt-cell{
    /* text-align: left; */
    text-align: center;
    padding:0 10%;
}

.partnerplatform-section-wrap .item-wrap .txt-cell dt{
    padding: 3px 0 0;
    font-weight: 600;
}

.partnerplatform-section-wrap .item-wrap .txt-cell dd li{
    padding: 7px 0 0;
}

.partnerplatform-section-wrap .item-wrap .tag {
    position: absolute;
    top: -33px;
    right: 10px;
    width: 30px;
    height: 110px;
    background-color: #ebeff5;
    transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px){
    .partnerplatform-section-wrap .item-wrap .ratio-platform::before{
        padding-top: 60%;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){
    .partnerplatform-section-wrap .item-wrap .ratio-platform::before{
        padding-top: 90%;
    }

    .partnerplatform-section-wrap .item-wrap .ratio-content {
        border: 15px solid #ebeff5;
        padding: 0 20px;
    }

    .partnerplatform-section-wrap .item-wrap .tag {
        position: absolute;
        top: -10px;
        right: 10px;
        width: 15px;
        height: 50px;
    }
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px){
    .partnerplatform-section-wrap .item-wrap {
        padding: 40px 0 50px;
    }

    .partnerplatform-section-wrap .item-wrap .ratio-platform::before{
        padding-top: 90%;
    }

    .partnerplatform-section-wrap .item-wrap .ratio-content {
        border: 15px solid #ebeff5;
        padding: 0 20px;
    }

    .partnerplatform-section-wrap .item-wrap .tag {
        position: absolute;
        top: -10px;
        right: 10px;
        width: 15px;
        height: 50px;
    }
}

/***** xs *****/
@media (max-width: 575px) {
    .partnerplatform-section-wrap .item-wrap {
        padding: 30px 0;
    }

    .partnerplatform-section-wrap .item-wrap .ratio-platform::before{
        padding-top: 190%;
    }

    .partnerplatform-section-wrap .item-wrap .ratio-content {
        border: 15px solid #ebeff5;
        padding: 0 20px;
    }

    .partnerplatform-section-wrap .item-wrap .tag {
        position: absolute;
        top: -10px;
        right: 10px;
        width: 15px;
        height: 50px;
    }

    .partnerplatform-section-wrap .m-button{
        margin: 0;
        width: 100%;
    }
}

/*=================================================
		문의하기 partnercontact.php
=================================================*/
#partnercontact{
    padding: 30px 0 60px;
}

.partnercontact-section-wrap{
    padding: 15px 0 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.partnercontact-section-wrap .contact-wrap{
    padding: 0 90px;
}

.partnercontact-section-wrap .m-title-wrap{
    position: relative;

    margin: 0 0 15px;
    padding: 0 0 20px;

    text-align: left;

    border-bottom: 1px solid #888;
}

/*
.partnercontact-section-wrap .m-title-wrap::after{
    content: '';
    display: block;
    position: absolute;

    width: 1px;
    height: 10px;

    bottom: -2px;
    right: 3px;

    background-color: #ccc;
    
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
*/
.partnercontact-section-wrap .m-title-wrap .subtitle::after{
    content: '';
    display: block;
    position: absolute;

    width: 100px;
    height: 28px;

    bottom: 20px; right: 0;

/*    background-image: url('/img/partner_contact.png');
    background-repeat: no-repeat;
    background-size: cover;	*/
    /* background-position: ; */
}

.partnercontact-section-wrap .item-wrap table{
    width: 100%;
}

.partnercontact-section-wrap .item-wrap table tr td:first-child{
    width: 80px;
}

.partnercontact-section-wrap .item-wrap table tr td{
    padding: 12px 0 0;
}

.partnercontact-section-wrap .item-wrap table tr td input{
    background-color: #ffffff;
    border: solid 1px #cccccc;
}

.partnercontact-section-wrap .item-wrap table tr:last-child td:first-child{
    padding: 24px 0 0;

    vertical-align: top;
}

.partnercontact-section-wrap .item-wrap input{
/*    height: 40px;	*/
}

.partnercontact-section-wrap .item-wrap textarea{
    height: 120px;
}

input::-webkit-input-placeholder { font-size:14px; color:#919191 }
input::-moz-placeholder { font-size:14px; color:#919191 }
input::-ms-input-placeholder { font-size:14px; color:#919191 }


.partnercontact-section-wrap .btn-wrap{
    padding: 20px 0 0;
}

.partnercontact-section-wrap .btn-wrap .m-button{
    margin: 0;
}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px){

}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){
    .partnercontact-section-wrap .contact-wrap{
        padding: 0;
    }
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px){
    .partnercontact-section-wrap{
        padding: 30px 0;
        background-position: center top;
    }

    .partnercontact-section-wrap .logo-wrap{
        padding: 0 0 40px;
    }

    .partnercontact-section-wrap .contact-wrap{
        padding: 0;
    }
}

/***** xs *****/
@media (max-width: 575px) {
    .partnercontact-section-wrap{
        padding: 30px 0;
        background-position: center top 50px;
    }

    .partnercontact-section-wrap .logo-wrap{
        padding: 0 0 40px;
    }

    .partnercontact-section-wrap .btn-wrap .m-button{
        margin: 0;
        width: 100%;
    }

    .partnercontact-section-wrap .contact-wrap{
        padding: 0;
    }
}