@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px auto;padding:20px;background:#fff}
.ctt_admin {text-align:right;position: absolute;}
#ctt header h1 {position:absolute;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
.ctt_img {text-align:center}
/* #ctt h4{font-size: 20px;}
#ctt p{font-size: 16px;} */
h3 {font-size:1.2em;}

.sub_toptitle{width:100%; height:250px;background:url('../../../img/company/subtopbg_01.jpg') no-repeat center bottom;
    background-size: cover;}
.sub_toptitle h1{font-size: 40px;    font-weight: 400;    width: 100%;    max-width: 1200px;    margin: 0 auto;    line-height: 5;padding:20px;}
.sub h2{font-size: 2em;padding-bottom:20px; text-align: center;} 
.sub h4{font-size: 1.4em;padding-bottom:20px;}

#ctt p {padding:5px;}

@media (max-width:747px) {

    /* 서브타이틀 */
    .sub_toptitle {
        background: url('../../../img/company/subtopbg_01_m.jpg') no-repeat center bottom;
        background-size: cover;
        margin: 0 0 20px 0;
        height:200px;
    }
    .sub_toptitle h1{text-align: center; line-height: 3;}

}

/* 내용 */
h4{font-size: 1.2em;padding-bottom:20px;}


.wide {width:100%; background:#F2F2F2; z-index: 2;}
.wide .inner{width: 100%; max-width:1000px; line-height: 2; margin: 0 auto; padding: 5% 20px;}



/* 회사정보 */
#cpinfo {width: 50%;display: inline-block;float: left;font-size: 1.2em;line-height: 2;}
#cpinfo .txt1 {
    border: 1px solid #D0D0D0;
    /* padding: 5px; */
    width: 100px;
    text-align: center;
    line-height: 2;
}
#cpinfo .txt2 a{
    font-size: 50px;
    color: #14783d;
    font-weight: 600;
    /* line-height: 1; */
}
#cpinfo .txt3{}
#cpinfo .txt4{}
#cpinfo .txt5{
    width:400px;
    padding-top: 20px;
    border-top: 1px solid #585858;
    margin-top: 20px;
    line-height: 3;
}
#cpinfo img{padding:0 10px 0 0;} 
#cpinfo .txt6{}


/* inquiry */
#inquiry {width:50%;display: inline-block;}
#inquiry .contact {max-width: 1100px;margin: 0 auto;}
#inquiry .contact ul{padding:20px; margin:0;}
#inquiry .contact li{font-size: 23px;display: inline-block; padding:10px 0;   width: 50%;}
#inquiry .contact li:nth-last-child(1n){float:left;}
#inquiry .contact li:nth-last-child(2n){}
#inquiry .contact li:nth-last-child(3n){width:100%;}

#inquiry .contact li label{font-size: 16px; line-height: 1.5;    display: block;    text-align: left; margin-bottom: 10px; display: none;}
#inquiry .contact li input{
    width: 100%;
    padding: 10px 10px;
    font-size: 16px;
    background: #f8f8f8;
    border: 1px solid #e2e2e2;border-radius: 30px;
}
#inquiry .contact li textarea{
    width: 100%;
    padding: 30px;
    font-size: 16px;
    background: #f8f8f8;
    border: 1px solid #e2e2e2;
    border-radius: 30px;
}
#inquiry .contact li:nth-child(5){width:100%;}
#inquiry .contact li:nth-child(6){width:100%; clear: both;}
#inquiry .new-b-con{display: block;font-size: 16px;padding: 15px 20px;clear: both;}

#inquiry .r-btn{background-color: #14783d;padding: 10px 40px;font-size: 18px;color: #fff;border-radius: 25px;width: 100%;border: 0;margin:0 20px;}
#inquiry #privacy{text-decoration: underline;color: #003365;font-weight: 700;}


@media (max-width:747px) {

    /* 서브타이틀 */
    .sub_toptitle {
        background: url('../../../img/company/subtop_contact_m.jpg') no-repeat center bottom;
        background-size: cover;
        margin: 0 0 20px 0;
        height:200px;
    }
    .sub_toptitle h1{text-align: center; line-height: 3;}


    #cpinfo {width: 100%; padding:20px; text-align: center;}
    #inquiry {width:100%; padding:0px;}
    #cpinfo .txt1{margin: 0 auto;}
    #cpinfo .txt5,.txt6 {width: 100%; font-size:18px; letter-spacing: -2px;}


    #cpinfo .txt2 a {font-size: 30px;}
    #inquiry .new-b-con {font-size: 12px;}
    #inquiry .contact {text-align: center;}

}