@media (max-width:768px) { 
    .contactUs_list ul li a {
        font-size: 0.75rem !important;
        padding: 10px 10px !important;
    }
    .contactUs_list ul li {
        margin-right: 5px !important;
    }
    .contactUs_list ul li:nth-child(3) {
        margin-right: 0px !important;
    }
    .tab label {
        font-size: 0.75rem !important;
        padding: 10px 16px !important;
    }
    .tab label {
        margin-right: 5px !important;
		font-family:Pretendard,"Malgun Gothic";
    }
    
    .content-dis img {
        width: 100% !important;
    }
    .content {
        overflow-x: auto !important;
        transition: .3s opacity;
        transform: translate3d(0,0,0);
        margin-top: 0px !important;
        padding-top: 20px !important;
    }
    
    .content-dis img {
        /* left: -100px !important; */
    }
    .content-dis {
        width: 768px !important;
    }    
    }
   
	.title_div{
		width:100%;
		height:130px;
		position: relative;
		background : #C2E8FF;
	}
	
   .title_img{
    position: relative;
    width: 1240px;
    height: 130px;
   }
   
    .img01{    
	float:right;
	margin:5px 40px 0 0 ;
   }

	.title01{
	 position:absolute;
	 top : 36%;
	 left:24px;
	 font-size:29px;
	 color:#000000;
	 font-weight:bold;
	 font-family: Pretendard;  
	}
	.ul01{
	 list-style-type: none;
	}
	.li01{
	 margin-top: 50px;
	}
	
    @keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translate3d(0, 100%, 0);
        }
        to {
            opacity: 1;
            transform: translateZ(0);
        }
    }
    
    .fade_up {
        position: relative;
        animation: fadeInUp 2s;
    }
    .fade_up2 {
        position: relative;
        animation: fadeInUp 2s;
        transition-delay: 4s;
        margin-top: 25px;
    }
    .fade_up3 {
        position: relative;
        animation: fadeInUp 4s;
        transition-delay: 4s;
        margin-top: 25px;
    }
    .fade_up4 {
        position: relative;
        animation: fadeInUp 5s;
        transition-delay: 5s;
        margin-top: 25px;
    }
    .fade_up5 {
        position: relative;
        animation: fadeInUp 5s;
        transition-delay: 6s;
        margin-top: 25px;
    }
    .fade_up6 {
        position: relative;
        animation: fadeInUp 5s;
        transition-delay: 7s;
        margin-top: 25px;
    }
    .fade_up7 {
        position: relative;
        animation: fadeInUp 5s;
        transition-delay: 8s;
        margin-top: 25px;
    }
    .fade_up8 {
        position: relative;
        animation: fadeInUp 5s;
        transition-delay: 10s;
        margin-top: 110px;
    }
    .fade_up9 {
        position: relative;
        animation: fadeInUp 5s;
        transition-delay: 11s;
        margin-top: 110px;
    }
    
    .contactUs_list {
        margin-top: 56px;
    }
    .contactUs_list ul {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .contactUs_list ul li {
        margin-right: 16px;
    }
    .contactUs_list ul li a {
        font-size: 18px;
        font-weight: 500;
        display: flex;
        align-items: center;
        border-radius: 56px;
        border: 2px solid #1C1C1E;
        padding: 8px 32px;
    }
    .contactUs_list ul li:nth-of-type(2) a{
        background-color: #1C1C1E;
        color: #FFFFFF;
    }
    
    .content-dis img {
        width: 100%;
    }
    .container{
        width:1240px;
        height:719;
    }
    
    .container h5 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 56px;
    }
    .main input[type=radio] {
    display: none;
    }
    .tab {
    margin-top: 20px;
    }
    .tab label {
    margin-right: 12px;
    }
    #tab-1:checked ~ .tab label:nth-child(1),
    #tab-2:checked ~ .tab label:nth-child(2),
    #tab-3:checked ~ .tab label:nth-child(3),
    #tab-4:checked ~ .tab label:nth-child(4){
    color:#fff;
    border: 1px solid #263a81;
    background-color: #263a81;
    }
    .content > div {
    display: none;
    }
    #tab-1:checked ~ .content div:nth-child(1),
    #tab-2:checked ~ .content div:nth-child(2),
    #tab-3:checked ~ .content div:nth-child(3),
    #tab-4:checked ~ .content div:nth-child(4)  {
    display: block;
    }
    .tab {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .tab label {
    color: #636366;
    border: 1px solid #636366;
    font-weight: 500;
    font-size: 18px;
    padding: 8px 32px;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    user-select: none;
    }
    .content {
    margin-top: 60px;
    }
    
    @media (max-width:653px) {
        .contactUs_list ul {
            justify-content: flex-start;
        }
    }