/*Corporate Identity*/

#sub-organization .gw-sub-con-1400{position:relative;margin:0 auto;width: 1400px;}
#sub-organization .organization-container {padding:100px 0;background:#fff;border:1px solid #ddd;text-align: center; margin:0 auto;}



#sub-organization .organization-container .organization-pc {text-align: center; margin:0 auto;}
#sub-organization .organization-container .organization-pc img { display: inline-block; width: 100%;max-width: 1175px; height: auto; box-sizing: border-box;  }

#sub-organization .organization-container .organization-mo {text-align: center; margin:0 auto;}
#sub-organization .organization-container .organization-mo img {display: none;width: 100%; max-width: 100%; height: auto;}



#sub-organization .toggle-container {display: flex;align-items: center;place-content: flex-end;}
.switch {position: relative;display: inline-block;width: 90px;height: 34px;}
.switch input {opaorganizationty: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background: #ddd;transition: 0.4s;border-radius: 30px;}
.slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 5%;bottom: 4px;background: #fff;transition: 0.4s;border-radius: 50%;}
input:checked + .slider {background: #000;}
input:checked + .slider:before {transform: translateX(215%);}
.mode-label {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);color: #666;}
input:checked + .slider > .mode-label {right: 40px;color: #fff;}
#sub-organization .color{display:inline-block;width: 18px;height: 18px;border-radius: 100%;}
#sub-organization .color01{background: #0000FF;}
#sub-organization .color02{background: #000;}

/*Color System*/
#sub-organization .color-box{padding: 80px 40px 40px;}
#sub-organization .color-box01{background: #0000FF;}
#sub-organization .color-box02{background: #000;}
#sub-organization .color-code {background: #F2F2F2;padding: 40px;}

/*반응형------------------------------------------------------------------------------------------------------------------ */

@media screen and (max-width:1440px){
    .gw-sub-con-1400{width: 100% !important;}
        [class*="gw-sub-con"]{padding:0;}
}


@media screen and (max-width:1280px){
    #sub-organization .organization-container .organization-pc img { width:100%; }
}
@media screen and (max-width:768px){
    #sub-organization .gw-w-20 {width: 50% !important;}
    #sub-organization .organization-container{padding: 75px 0;}
    #sub-organization .color-box{padding:40px 20px 20px;}
    #sub-organization .color-code{padding:20px;}
}

@media screen and (max-width:576px){
    #sub-organization .organization-container .organization-pc img {display: none;}
    #sub-organization .organization-container .organization-mo img {display: inline-block;padding: 0 20px; box-sizing: border-box;}



    .switch{width: 80px;}
    .mode-label{font-size: 12px;}
    input:checked + .slider:before{transform: translateX(180%);}
    #sub-organization .organization-info {flex-direction: column;align-items: flex-start;gap: 10px;}
    #sub-organization .organization-color {flex-direction: column;align-items: flex-start;gap: 5px;}
    #sub-organization .color-system-container {flex-wrap: wrap;}
}