/* sub common */
.sub_sect { position: relative; padding: 70px 0; }
.sub_sect .sub_tit { padding-bottom: 50px; font-family: 'GmarketSans'; text-align: center; font-weight: 500; font-size: 34px; color: #333; }
.sub_sect .sub_tit1 { padding-bottom: 50px; font-family: 'GmarketSans'; text-align: center; font-weight: 500; font-size: 34px; color: #333; }
.sub_sect .sub_tit2 { padding-bottom: 50px; font-family: 'GmarketSans'; text-align: center; font-weight: 500; font-size: 34px; color: #333; }
.sub_sect .sub_tit3 { padding-bottom: 40px; text-align: left; font-weight: 700; font-size: 30px; color: #000; }

/* sub_about */ 
.sub_about .text1 { text-align: center; font-size: 18px; color: #333; line-height: 1.6; }

/* sub_company */
.sub_company .contents1 { position: relative; padding: 210px 60px; overflow: hidden; background: url(/image/sub/company_bg.jpg) no-repeat center/cover; }
.sub_company .contents1 .textbox { text-align: right; }
.sub_company .contents1 .textbox .texts { display: inline-block; padding: 90px 80px; background-color: rgba(0, 0, 0, 0.7); border-radius: 50px; text-align: left; }
.sub_company .contents1 .textbox .texts .text1 { font-weight: 600; font-size: 50px; color: #fff; letter-spacing: -0.025em; line-height: 1.2; white-space: nowrap }
.sub_company .contents1 .textbox .texts .text2 { margin-top: 35px; font-size: 18px; color: #fff; line-height: 1.55; white-space: nowrap; }
@media (max-width: 1535px) {
    .sub_company .contents1 { padding: 170px 50px; }
    .sub_company .contents1 .textbox .texts { padding: 60px; border-radius: 40px; }
}
@media (max-width: 1279px) {
    .sub_company .contents1 { padding: 140px 40px; }
    .sub_company .contents1 .textbox .texts { padding: 40px; border-radius: 30px; }
}
@media (max-width: 1023px) {
    .sub_company .contents1 { padding: 120px 30px; }
    .sub_company .contents1 .textbox .texts { padding: 30px; border-radius: 20px; }
}
@media (max-width: 767px) {
        .sub_company .contents1 { padding: 60px 20px; }
            .sub_company .contents1 .textbox .texts { padding: 20px; border-radius: 15px; }
    .sub_company .contents1 .textbox .texts .text1 { white-space: normal; }
    .sub_company .contents1 .textbox .texts .text2 { white-space: normal; }
    .sub_company .contents1 .textbox .texts .text2 br { display: none; }
}

/* itemdetail */
.itemdetail .info { margin-top: 40px; }
.itemdetail .info > span { display: block !important; }
.itemdetail .info strong { display: block; margin-bottom: 20px; padding: 20px; font-weight: 600; font-size: 22px; color: #000; line-height: 1.4; border: 1px solid #e5e5e5; background-color: #f7f7f7; }
.itemdetail .info strong span { color: #d40102; }
.itemdetail .info .text1 { font-size: 18px; color: #404040; line-height: 1.55; }
.itemdetail .info .tablewrap { position: relative; margin-top: 20px; font-size: 18px; color: #404040; line-height: 1.55; }
.itemdetail .info .tablewrap * { font-size: inherit; color: inherit; line-height: inherit; }
.itemdetail .info .tablewrap table { width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 2px solid #424242; border-left: 1px solid #d6d7d8; }
.itemdetail .info .tablewrap table th, .itemdetail .info .tablewrap table td { padding: 15px 12px; text-align: center; border-bottom: 1px solid #d6d7d8; border-right: 1px solid #d6d7d8; }
.itemdetail .info .tablewrap table th { color: #000; background-color: #fcfcfc; }
@media (max-width: 1535px) {
    .itemdetail .info { margin-top: 35px; }
    .itemdetail .info strong { margin-bottom: 17px; padding: 17px; }
    .itemdetail .info .tablewrap  { margin-top: 17px; }
    .itemdetail .info .tablewrap table th, .itemdetail .info .tablewrap table td  { padding: 13px 10px; }
}
@media (max-width: 1279px) {
    .itemdetail .info { margin-top: 30px; }
    .itemdetail .info strong { margin-bottom: 15px; padding: 15px; }
    .itemdetail .info .tablewrap  { margin-top: 15px; }
    .itemdetail .info .tablewrap table th, .itemdetail .info .tablewrap table td  { padding: 10px 8px; }
}
@media (max-width: 1023px) {
    .itemdetail .info strong { margin-bottom: 13px; padding: 13px; }

    .itemdetail .info .tablewrap { overflow-x: scroll !important; }
    .itemdetail .info table { width: 1300px !important; }
}
@media (max-width: 767px) {
    .itemdetail .info strong { padding: 10px; }
    
    .itemdetail .info table { width: 800px !important; }
}