@media (min-width:1201px) {
    /*콘텐츠 너비*/
    #khplay .sub_container { width: 1200px;  margin: auto; float:none;}
    #footer{float: left; width: 100%;}	

    .sub_container .con {
        float: left;
        width: 100%;
        margin-top: 1%;
        margin-bottom: 4%;
    }	
    .sub_container .con .mv_co {
        float: left;
        width: 100%;
        font-size: 18px;
        text-align: center;
    }
    .sub_container .con .mv_ti {
        float: left;
        width: 100%;
        font-size: 22px;
        padding-top: 2%;
        font-weight: 600;
        text-align: center;
    }



    .sub_tit {
        position: relative;
        margin-bottom: 15px;
        line-height: 30px;
        font-size: 23px;
        font-weight: 600;
        color: #000;
        display:inline-block;
    }
    .sub_tit:before {
        content: '';
        position: absolute;
        top: -8px;
        left: -8px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #539eef;
    }
    .sub_tit span {
        font-family: 'GimpoTitle';
    }



    .sub_container .corporate_T {
        font-family: 'GimpoTitle';
        font-size: 32px;
        text-align:center;
    }
    .sub_container .corporate_greeting {
        margin-top:70px;
    }
    .sub_container .corporate_greeting .corpor_grt {
        display:flex;
        align-items:center;
    }
    .sub_container .corporate_greeting .corpor_grt .corpor_grt_img {
        border-radius:30px;
        overflow:hidden;
    }
    .sub_container .corporate_greeting .corpor_grt .corpor_grt_txt {
        flex:1;
        margin-left:50px;
        text-align:left;
    }
    .sub_container .corporate_greeting .corpor_grt .corpor_grt_txt p {
        line-height:1.8;
    }
    .sub_container .corporate_greeting .corpor_grt .corpor_grt_txt p + p {
        margin-top:45px;
    }
    .sub_container .corporate_greeting .corpor_grt .corpor_grt_txt p span {
        font-weight:bold;
        color:#339cff;
    }



    .sub_container .corpor_info {
        margin-top:70px;
        display:flex;
        align-items: stretch;
        border:1px solid #ddd;
        border-radius:30px;
        overflow:hidden;
    }
    .sub_container .corpor_info .corpor_info_le {
        flex:0.5;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        
    }
    .sub_container .corpor_info .corpor_info_ri {
        flex:1;
        background-color:#e9f3ff;
        padding:35px 50px;
        display: flex;
        align-items: center;
        justify-content: left;
        flex-wrap: wrap;
    }
    .sub_container .corpor_info .corpor_info_ri ul {
        width: 100%;
    }
    .sub_container .corpor_info .corpor_info_ri ul + ul {
        margin-top:20px;
    }
    .sub_container .corpor_info .corpor_info_ri ul::after {
        content:'';
        display:block;
        clear:both;
    }
    .sub_container .corpor_info .corpor_info_ri ul .corpor_info_T {
        float:left;
        width:100px;
        background-color:#fff;
        padding:5px 0;
        text-align:center;
        border-radius:10px;
        font-size:18px;
        font-weight:bold;
    }
    .sub_container .corpor_info .corpor_info_ri ul .corpor_info_ti {
        font-size:18px;
        padding:5px 0;
        margin-left:20px;
        width:calc(100% - 120px);
        float:left;
        text-align: left;
    }
    .sub_container .corpor_info .corpor_info_ri ul .corpor_info_ti a {
        text-decoration:underline;
    }
    .sub_container .corpor_info .corpor_info_ri ul .corpor_info_ti a:hover {
        color:#339cff;
    }


    .sub_container .corpor_mission {
        margin-top:35px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .sub_container .corpor_mission img {
        max-width:1200px;
        margin-bottom: 30px;
    }


    .corpor_cont {}
    .corpor_cont {
        float:left;
        width:100%;
        background-color:#e9f3ff;
        padding:100px 0;
    }
    .sub_container .corpor_facility {
        margin-top:35px;
        display:flex;
        flex-wrap:wrap;
    }
    .sub_container .corpor_facility .corpor_fac_box {
        /* flex:1 1 48%; */
        width:31%;
        margin:1%;
        border:3px solid #539eef;
        background-color:#fff;
        border-radius:30px;
        padding:35px 10px;
        font-size:18px;
        text-align:center;
    }


}




@media (max-width:1200px) and (min-width:741px) {
    /*콘텐츠 너비*/
    #khplay .sub_container { width: 100%;  margin: auto; padding: 1%;}
    #footer{float: left; width: 100%;}	



    .sub_tit {
        position: relative;
        margin-bottom: 15px;
        line-height: 30px;
        font-size: 20px;
        font-weight: 600;
        color: #000;
        text-align:left;
    }
    .sub_tit:before {
        content: '';
        position: absolute;
        top: -8px;
        left: -8px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #539eef;
    }
    .sub_tit span {
        font-family: 'GimpoTitle';
    }



    .sub_container .corporate_T {
        font-family: 'GimpoTitle';
        font-size: 24px;
        text-align:center;
    }
    .sub_container .corporate_greeting {
        margin-top:40px;
    }
    .sub_container .corporate_greeting .corpor_grt {
        display:flex;
        align-items:center;
        flex-direction: column;
    }
    .sub_container .corporate_greeting .corpor_grt .corpor_grt_img {
        border-radius:30px;
        overflow:hidden;
        margin-bottom:30px;
    }
    .sub_container .corporate_greeting .corpor_grt .corpor_grt_img img {
        width:100%;
        max-width:200px;
    }
    .sub_container .corporate_greeting .corpor_grt .corpor_grt_txt {
        flex:1;
        text-align:left;
    }
    .sub_container .corporate_greeting .corpor_grt .corpor_grt_txt p {
        line-height:1.8;
        font-size:16px;
    }
    .sub_container .corporate_greeting .corpor_grt .corpor_grt_txt p + p {
        margin-top:30px;
    }
    .sub_container .corporate_greeting .corpor_grt .corpor_grt_txt p span {
        font-weight:bold;
        color:#339cff;
    }



    .sub_container .corpor_info {
        margin-top:70px;
        display:flex;
        align-items:stretch;
        border:1px solid #ddd;
        border-radius:30px;
        overflow:hidden;
    }
    .sub_container .corpor_info .corpor_info_le {
        flex:0.5;
        text-align:center;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .sub_container .corpor_info .corpor_info_ri {
        flex:1;
        background-color:#e9f3ff;
        padding:35px;
    }
    .sub_container .corpor_info .corpor_info_ri ul {
        width:100%;
    }
    .sub_container .corpor_info .corpor_info_ri ul + ul {
        margin-top:20px;
    }
    .sub_container .corpor_info .corpor_info_ri ul::after {
        content:'';
        display:block;
        clear:both;
    }
    .sub_container .corpor_info .corpor_info_ri ul .corpor_info_T {
        float:left;
        width:100px;
        background-color:#fff;
        padding:5px 0;
        text-align:center;
        border-radius:10px;
        font-size:16px;
        font-weight:bold;
    }
    .sub_container .corpor_info .corpor_info_ri ul .corpor_info_ti {
        font-size:16px;
        padding:5px 0;
        margin-left:10px;
        width:calc(100% - 110px);
        float:left;
        text-align:left;
    }
    .sub_container .corpor_info .corpor_info_ri ul .corpor_info_ti a {
        text-decoration:underline;
    }
    .sub_container .corpor_info .corpor_info_ri ul .corpor_info_ti a:hover {
        color:#339cff;
    }


    .sub_container .corpor_mission {
        margin-top:35px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .sub_container .corpor_mission img {
        max-width:1200px;
        width: 100%;
        margin-bottom: 30px;
    }


    .corpor_cont {}
    .corpor_cont {
        float:left;
        width:100%;
        background-color:#e9f3ff;
        padding:80px 0;
    }
    .sub_container .corpor_facility {
        margin-top:20px;
        display:flex;
        flex-wrap:wrap;
    }
    .sub_container .corpor_facility .corpor_fac_box {
        /* flex:1 1 48%; */
        width:31%;
        margin:1%;
        border:3px solid #539eef;
        background-color:#fff;
        border-radius:30px;
        padding:20px 10px;
        font-size:16px;
        text-align:center;
    }



}


@media (max-width:747px) {
    /*콘텐츠 너비*/
    #khplay .sub_container { width: 100%;  margin: auto; padding: 1%;}
    #footer{float: left; width: 100%;}	





    .sub_tit {
        position: relative;
        margin-bottom: 15px;
        line-height: 30px;
        font-size: 18px;
        font-weight: 600;
        color: #000;
        text-align:left;
    }
    .sub_tit:before {
        content: '';
        position: absolute;
        top: -8px;
        left: -8px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #539eef;
    }
    .sub_tit span {
        font-family: 'GimpoTitle';
    }



    .sub_container .corporate_T {
        font-family: 'GimpoTitle';
        font-size: 20px;
        text-align:center;
    }
    .sub_container .corporate_greeting {
        margin-top:20px;
    }
    .sub_container .corporate_greeting .corpor_grt {
        display:flex;
        align-items:center;
        flex-direction: column;
    }
    .sub_container .corporate_greeting .corpor_grt .corpor_grt_img {
        border-radius:30px;
        overflow:hidden;
        margin-bottom:30px;
    }
    .sub_container .corporate_greeting .corpor_grt .corpor_grt_img img {
        width:100%;
        max-width:200px;
    }
    .sub_container .corporate_greeting .corpor_grt .corpor_grt_txt {
        flex:1;
        text-align:left;
    }
    .sub_container .corporate_greeting .corpor_grt .corpor_grt_txt p {
        line-height:1.8;
        font-size:14px;
    }
    .sub_container .corporate_greeting .corpor_grt .corpor_grt_txt p + p {
        margin-top:20px;
    }
    .sub_container .corporate_greeting .corpor_grt .corpor_grt_txt p span {
        font-weight:bold;
        color:#339cff;
    }



    .sub_container .corpor_info {
        margin-top:50px;
        margin-bottom:50px;
        display:flex;
        flex-direction:column;
        align-items:center;
        border:1px solid #ddd;
        border-radius:30px;
        overflow:hidden;
    }
    .sub_container .corpor_info .corpor_info_le {
        flex:0.5;
        text-align:center;
        padding:20px 0;
    }
    .sub_container .corpor_info .corpor_info_ri {
        flex:1;
        background-color:#e9f3ff;
        padding:20px;
        width: 100%;
    }
    .sub_container .corpor_info .corpor_info_ri ul {}
    .sub_container .corpor_info .corpor_info_ri ul + ul {
        margin-top:10px;
    }
    .sub_container .corpor_info .corpor_info_ri ul::after {
        content:'';
        display:block;
        clear:both;
    }
    .sub_container .corpor_info .corpor_info_ri ul .corpor_info_T {
        float:left;
        width:80px;
        background-color:#fff;
        padding:5px 0;
        text-align:center;
        border-radius:10px;
        font-size:14px;
        font-weight:bold;
    }
    .sub_container .corpor_info .corpor_info_ri ul .corpor_info_ti {
        font-size:14px;
        padding:5px 0;
        margin-left:10px;
        width:calc(100% - 90px);
        float:left;
        text-align:left;
    }
    .sub_container .corpor_info .corpor_info_ri ul .corpor_info_ti a {
        text-decoration:underline;
    }
    .sub_container .corpor_info .corpor_info_ri ul .corpor_info_ti a:hover {
        color:#339cff;
    }


    .sub_container .corpor_mission {
        margin-top:35px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .sub_container .corpor_mission img {
        max-width:1200px;
        width: 100%;
        margin-bottom: 30px;
    }


    .corpor_cont {}
    .corpor_cont {
        float:left;
        width:100%;
        background-color:#e9f3ff;
        padding:50px 0;
    }
    .sub_container .corpor_facility {
        margin-top:20px;
        display:flex;
        flex-wrap:wrap;
    }
    .sub_container .corpor_facility .corpor_fac_box {
        flex:1 1 100%;
        margin:1%;
        border:3px solid #539eef;
        background-color:#fff;
        border-radius:20px;
        padding:10px;
        font-size:14px;
        text-align:center;
    }


	
	
}
@media (max-width:500px) {
	.con.leadership div, .con.assignment div, .con.effort div {width: 100%; height: auto;}	
	.mv_co .con.value{padding: 0;}
	.con.value ul {margin: 0; width: 25%;}
	.corporate_top .gr strong {
    display: block;
    margin-top: 5%;
    text-align: left;
}
	.corporate_top .gr {
    text-align: left;
}
    .sub_container .corpor_mission {
        margin-top:35px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .sub_container .corpor_mission img {
        max-width:1200px;
        width: 100%;
        margin-bottom: 30px;
    }

}