@charset "utf-8";
/* 서브공통 */
.body-content{padding:10vh 0;}
.body-content img{max-width:100%;}
.body-content .img_wrap.full img{width:100%;}
.body-content section + section{margin-top:10vh;}
.body-content h2{font-size:36px;font-weight:700;color:#555;margin-bottom:30px;}
.body-content h3{font-size:30px;font-weight:600;}
.body-content h4{font-size:24px;}
.body-content h5{font-size:24px;font-weight:600;margin-bottom:30px;}
.body-content section p{font-size:21px;line-height:1.8}
.body-content p{font-size:16px;}
.body-content p.f_big{font-size:22px;line-height:1.8}

/* 브랜드스토리 */
.dl_st_01{display:flex;}
.dl_st_01 > dt{flex:0 0 25%;font-size:36px;font-weight:700;color:#4b4b4b;font-family: "Open Sans", sans-serif;padding-right:70px;}
.dl_st_01 > dd{flex:0 0 75%;}
.dl_st_01 > dd p{margin:5% 0;}
.dl_st_01 > dd p:first-of-type{margin-top:0;}
.dl_st_01 > dd p:last-of-type{margin-bottom:0;}

/* CI */
.ci_box{border-radius:20px;border:1px solid #ddd;overflow:hidden;text-align:center;padding:10% 5%;}
.ci_box .slogan_wrap{position:relative;}
.ci_box .slogan_wrap img{width:100%;}
.ci_box .slogan{position:absolute;text-align:center;width:100%;padding-top:50px;}
.ci_box .slogan .text_01{font-size:46px;font-family:'GmarketSansBold';margin:3% 0;}
.ci_box .slogan .text_01 span{color:#ff4d00;}
.ci_box .slogan .text_02{margin:3% 0;}
.color_system img + img{margin-left:30px;}

/* 경영이념 */
.dl_st_02 + .dl_st_02{margin-top:5%;}
.dl_st_02{display:flex;}
.dl_st_02 dt{flex:0 0 220px;height:220px;margin-right:5%;border-radius:100%;background:#f5f5f5;border:1px solid #cacaca;display:flex;align-items:center;justify-content:center;font-size:0;}

/* 조직도 */
.content5 .body-content{padding-bottom:0;}
.organ{font-size:22px;color:#4b4b4b;}
.organ ul.depth_01 > li, .organ ul.depth_02 > li{display:flex;}
.organ ul.depth_01 > li > .box{padding-right:100px;}
.organ ul.depth_01 > li > .box span{display:inline-block;padding:50px 70px;border:1px solid #cacaca;border-radius:15px;position:relative;}
.organ ul.depth_01 > li > .box span::before{content:'';position:absolute;width:100px;height:1px;background:#cacaca;top:50%;right:-100px;}
.organ ul.depth_02{position:relative;padding-left:70px;flex: 1 0 auto;}
.organ ul.depth_02::before{content:'';position:absolute;width:1px;height:calc(100% - 525px);background:#cacaca;top:50px;left:-1px;}
.organ ul.depth_02 > li + li{margin-top:100px;}
.organ ul.depth_02 > li > .box span{display:flex;padding:20px;align-items:center;border:1px solid #cacaca;border-radius:15px;height:100px;line-height:100px;position:relative;}
.organ ul.depth_02 > li > .box span::before{content:'';position:absolute;width:70px;height:1px;background:#cacaca;top:50%;left:-71px;}
.organ ul.depth_03{flex:1 0 auto;padding-left:150px;position:relative;}
.organ ul.depth_03::before{content:'';position:absolute;left:0;width:75px;height:1px;background:#cacaca;top:50px;}
.organ ul.depth_03::after{content:'';position:absolute;left:75px;width:1px;height:calc(100% - 100px);background:#cacaca;top:50px;}
.organ ul.depth_03 > li{border-radius:15px;background:#edecec;border:1px solid #cacaca;max-width:250px;text-align:center;padding:34px 0;position:relative;}
.organ ul.depth_03 > li::before{content:'';position:absolute;left:-75px;width:75px;height:1px;background:#cacaca;top:49px;}
.organ ul.depth_03 > li + li{margin-top:40px;}
.organ ul.depth_03 > li > .depth_04{line-height:40px;}
.organ ul.depth_03 > li > span + .depth_04{margin-top:34px;padding-top:34px;border-top:1px solid #cacaca;}
.organ .com_info{border-radius:15px;border:1px solid #cacaca;}
.organ .com_info li{padding:2%;font-size:22px;display: flex;}
.organ .com_info li + li{border-top:1px solid #cacaca;}
.organ .com_info li strong{flex:0 0 20%;width:20%;padding-left:5%;margin-right:5%;position:relative;}
.organ .com_info li strong::before{content:'';position:absolute;right:0;top:20%;width:1px;height:22px;background:#4b4b4b;}
section.bg{padding:10vh 0;background:#f5f5f5;}
.partner ul{display:flex;flex-wrap:wrap;gap:20px;}
.partner ul li{flex:0 0 calc(50% - 20px);background:#fff;border:1px solid #cacaca;border-radius:15px;}
.partner ul li a{height:200px;display:flex;align-items:center;justify-content:center;}
.partner ul li:hover{border-color:#444;}

/* 프로세스 */
.ul_process{display:flex;gap:67px;align-items:center;text-align:center;}
.ul_process div[class^=icon]::before{content:'';position:absolute;background:url('../images/sub/sub2010_arrow.png') no-repeat;width:67px;height:29px;right:-67px;top:50%;margin-top:-14.5px;}
.ul_process li:last-of-type div[class^=icon]::before{content:none;}
.ul_process li div{width:210px;height:210px;display:flex;align-items:center;flex-direction:column;justify-content:center;border:1px solid #cacaca;background:#f5f5f5;border-radius:100%;position:relative;}
.ul_process li div[class^=icon] p{font-size:15px;font-family:'GmarketSansMedium';margin-top:20px;line-height:1}
.ul_process li div p .num{font-size:26px;font-family:'GmarketSansBold';}
.ul_process li p.title{font-size:24px;font-weight:700;margin-top:20px;}
.process_detail{margin-top:10vh}
.dl_st_03 + .dl_st_03{margin-top:7%;}
.dl_st_03 dt{width:450px;margin-left:20px;border-radius:15px 15px 0 0;background:#efefef;padding:20px 50px 15px;font-size:28px;font-weight:700;}
.dl_st_03 dt .num{color:#ff4d00;font-family:'GmarketSansBold';margin-right:20px;}
.dl_st_03 dd{border-radius:15px;border:1px solid #898989;padding:5%;display:flex;}
.dl_st_03 dd .img_wrap{flex:1 0 auto;margin-right:5%;}

/* 등급기준 */
.grade_mobile{display:none;}
.grade_container {display: flex;flex-direction: column;margin: 0 auto;}
.row-wrapper {display: flex;align-items: stretch;}
.category-cell {width:18%;background-color: #fff;border: 1px solid #898989;border-top: 1px solid #ddd;border-bottom:0;margin-right: 12px;display: flex;align-items: center;justify-content: center;font-weight: bold;color: #888;font-size:24px;text-align: center;}
.data-group {flex: 1;display: flex;border-left: 1px solid #898989;border-right: 1px solid #898989;}
.data-group .data-cell:last-of-type{border-right:0;}
.data-cell {flex: 1;padding:35px 10px;border: 1px solid #ddd;border-bottom:0;border-left:0;display: flex;flex-direction: column;justify-content: center;text-align: center;background: #fff;}
.header-row .category-cell {background-color: #ccc;color: #fff;border: 1px solid #898989;border-bottom:0;border-radius:15px 15px 0 0;}
.header-row .data-group{border: 1px solid #898989;border-bottom:0;border-radius:15px 15px 0 0;overflow:hidden;}
.header-row .data-cell { color: #fff; border-right: 1px solid rgba(255,255,255,0.15);border-top:0;flex-direction:row;align-items:center;}
.header-row .data-cell strong {color: #fff;font-size:38px; margin-bottom: 0;display:inline;}
.header-row .data-cell span {color: #fff;font-size:24px;font-weight:300;display:inline;margin-left:10px;}
.grade-a-plus { background-color: #79D13B; }
.grade-a { background-color: #6C7DF5; }
.grade-a-minus { background-color: #FBB04D; }
.grade-b { background-color: #F87D41; }
.data-cell strong {display: block;font-size:24px;color: #222;margin-bottom: 5px;}
.data-cell span {display: block;font-size:24px;color: #333;line-height: 1.4;font-weight:300;}
.example-row .data-cell {padding:35px 10px 10px;}
.data-cell img {height: auto; margin: 0 auto;padding-right:20px;}
.example-row .category-cell{border-radius:0 0 15px 15px;border: 1px solid #898989;border-top:1px solid #ddd;}
.example-row .data-group{border-radius:0 0 15px 15px;border: 1px solid #898989;border-top:0;overflow:hidden;}

/* 브랜드종류 */
.tab_menu {display: flex;gap:30px;}
.tab_link {flex: 1;padding:15px 25px;;border: 1px solid #d9d9d9;border-radius:50px; transition: 0.3s;font-size:21px;}
.tab_link:hover {  background-color: #ff4d00;color: #fff;border-color: #ff4d00;}
.tab_link.active {  background-color: #ff4d00;color: #fff;border-color: #ff4d00;}
.brand .tab_content {display:none;padding:5% 0;  animation: fadeEffect 0.5s; }
.brand .tab_content.active {display:flex;flex-wrap:wrap;gap:16px}
.brand .tab_content img{width:49%}
.brand .tab_content img.one{width:24%;}

@keyframes fadeEffect {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* 회사소개서 */
.company.img_wrap{border-radius:15px;overflow:hidden;background:url('../images/sub/sub4010_01.jpg') center/cover no-repeat;min-height:80vh;display:flex;align-items:center;padding-left:10%;color:#fff;}
.company .text_box .text{font-family:'GmarketSansBold';font-size:52px;}
.company .text_box .download{display:inline-block;margin-top:20px;border-radius:50px;background:url('../images/common/download_01.png') 85% center #ff4d00 no-repeat;font-size:20px;font-weight:600;padding:10px 80px 10px 30px;}

/*견적문의*/
.estimate .header{display:flex;justify-content:space-between;}
.estimate .header .tel{font-size:24px;}
.estimate .header .tel span{position:relative;padding-right:15px;margin-right:10px;}
.estimate .header .tel span::before{content:'';position:absolute;width:1px;height:24px;top:8px;right:0;background:#999;}
.estimate .agree{margin:30px 0;display:flex;justify-content:space-between;align-items:center;}
.estimate .form-check-input + label{font-size:22px;}
.estimate .form-check-input + label span{color:#ff4d00;}
.estimate .modal_open{color:#ccc;font-size:20px;font-weight:500;cursor:pointer;}
.estimate .modal_open .off{display:none;}
.estimate .modal_open.on .on{display:none;}
.estimate .modal_open.on .off{display:block;}
.estimate .modal{display:none;padding:30px;margin:20px 0;background:#f7f3f2}
.estimate .modal h5{font-size:18px;font-weight:500;margin:5px 0;}

/*오시는길*/
.content15 .body-content{padding-bottom:0;}
.location{font-size:23px;line-height:1.8}
.location .icon_list{display:flex;align-items:center;}
.location .icon_list li + li{margin:0 0 0 20px;}
.location_map .section_address {display:none;}

/* 넓이가 1600px 이하일 때*/
@media all and (max-width:1600px) {
    .dl_st_01 > dt{flex:0 0 20%;padding-right:30px;}
    .dl_st_01 > dd{flex:0 0 80%;}

    /* 조직도 */
    .organ ul.depth_01 > li > .box span{padding:30px 50px;}
    .organ ul.depth_02 > li > .box span{padding:10px;}

    /* process */
    .ul_process li div{width:180px;height:180px;}

    /* 등급기준 */
    .category-cell, .data-cell strong, .data-cell span{font-size:18px;}
    .header-row .data-cell strong{font-size:24px;}
    .header-row .data-cell span{font-size:20px;}

    /* 브랜드종류 */
    .tab_menu{gap:20px;}
    .tab_link{font-size:16px;}


}

/* 넓이가 1280px 이하일 때*/
@media all and (max-width:1280px) {
    .body-content h3{font-size:24px;}
    .body-content h5{font-size:20px;}
    .body-content p{font-size:18px;}

    /* 브랜드스토리 */
    .dl_st_01{flex-direction:column;}
    .dl_st_01 > dt{flex:auto;padding:0 0 5%;font-size:30px;}
    .dl_st_01 > dd p{margin:5% 0}

    /* 조직도 */
    .organ{font-size:18px;}

    /* 프로세스 */
    .ul_process{gap:40px;}
    .ul_process li div{width:150px;height:150px;}
    .ul_process li div[class^="icon"] p{font-size:12px;}
    .ul_process li div p .num{font-size:20px;}
    .ul_process div[class^="icon"]::before{right:-40px;z-index:-1}
    .ul_process div[class^="icon"] img{height:40px;}
    .ul_process li p.title{font-size:18px;margin-top:10px;}
    .dl_st_03 dt{font-size:20px;padding:15px 20px 10px;width:280px;}

    /*오시는길*/
    .location .info{display:block;}
    .location .info p + p{margin-left:0;}

    /*견적문의*/
    .estimate .header{display:flex;flex-direction:column;}
    .estimate .form-check-input + label{font-size:18px;}

}

/* 넓이가 810px 이하일 때*/
@media all and (max-width:810px) {


}

/* 넓이가 768px 이하일 때*/
@media all and (max-width:768px) {
    .body-content{padding:5vh 0;}
    .body-content h2{font-size:24px;}
    .body-content h3{font-size:18px;}
    .body-content h5{font-size:18px;margin-bottom:10px;}
    .body-content p{font-size:15px;}
    .body-content p.f_big{font-size:16px;}
    .body-content section + section{margin-top:5vh}
    section.bg{padding:5vh 0;}

    /* 브랜드스토리 */
    .dl_st_01 > dt{font-size:24px;}

    /* ci */
    .ci_box .slogan{padding:5% 10% 0;}
    .ci_box .slogan .text_01, .ci_box .slogan .text_02{margin:0;}
    .ci_box .slogan .text_01{font-size:20px;}
    .color_system img + img{margin:20px 0 0;}

    /* 경영이념 */
    .dl_st_02 + .dl_st_02{margin-top:10%;}
    .dl_st_02{flex-direction:column;}
    .dl_st_02 dt{width:220px;margin:0 auto 20px;}

    /* 조직도 */
    .organ{font-size:16px;}
    .organ ul.depth_01 > li{flex-direction:column;}
    .organ ul.depth_01 > li > .box{padding:0 0 50px;}
    .organ ul.depth_01 > li > .box span::before{width:1px;height:100px;left:20px;right:auto;top:auto;bottom:-100px;}
    .organ ul.depth_02{padding-left:50px;}
    .organ ul.depth_02::before{left:21px;top:-1px;height: calc(100% - 267px);}
    .organ ul.depth_02 > li + li{margin-top:50px;}
    .organ ul.depth_02 > li > .box span{height:60px;}
    .organ ul.depth_02 > li > .box span::before{left:-30px;width:30px;}
    .organ ul.depth_03{padding-left:60px;}
    .organ ul.depth_03::before{width:30px;top:30px;}
    .organ ul.depth_03::after{left:30px;top:21px;height: calc(100% - 45px);}
    .organ ul.depth_03 > li{padding:10px 0;}
    .organ ul.depth_03 > li::before{width:30px;left:-30px;top:20px;}
    .organ ul.depth_03 > li > span + .depth_04{padding-top:10px;margin-top:10px;}
    .organ ul.depth_03 > li > .depth_04 li{padding:0 5px;}
    .organ .com_info li{font-size:16px;}
    .organ .com_info li strong{flex: 0 0 30%}
    .organ .com_info li strong::before{height:16px;}
    .partner ul li a{height:100px;padding:5% 10%;}

    /* 프로세스 */
    .ul_process{flex-wrap:wrap;}
    .dl_st_03 dd{flex-direction:column;}
    .dl_st_03 dd .img_wrap{margin-right:0;}
    .dl_st_03 dd .img_wrap + div{margin-top:20px;}

    /* 등급기준 */
    .grade_container_wrap{overflow-x:scroll;}
    .category-cell, .data-cell strong, .data-cell span{font-size:15px;}
    .data-cell{padding:20px 10px;}
    .grade_container{min-width:768px;}
    .grade_mobile{display:block;margin-bottom:10px;}

    /* 브랜드종류 */
    .brand .tab_content img{width:100%;}
    .brand .tab_content img.one{width:48%;}
    .tab_menu{flex-wrap:wrap;gap:10px;}
    .tab_link{flex:0 0 auto;font-size:14px;padding:10px 15px;}

    /* 회사소개서  */
    .company.img_wrap{min-height:50vh}
    .company .text_box .text{font-size:20px;}
    .company .text_box .download{font-size:15px;background-size:15px;padding:10px 50px 10px 30px}

    /* 오시는길 */
    .location{font-size:16px;}
    .location_map{height:400px;overflow:hidden;}

}