@charset "utf-8";

@media screen and (max-width:1150px){
    .modal{
        width:calc(100% - 20px) !important;
        height:calc(100% - 20px) !important;
        padding: 10px;
    }
    .modal .modal-content{
        padding:10px;
    }
    .modal .modal-content p{
        font-size: 14px;
    }
    .modal .modal-content h2{
        font-size: 16px;
    }
    .modal .modal-content h3{
        font-size: 15px;
    }
    .modal .modal-header h1{
        font-size: 20px;
    }
    .modal .modal-header h1,
    .modal .modal-content h2,
    .modal .modal-content h3{
        font-weight: 600;
    }
    
    .modal_popup_back table #backBtn{
    	padding: 15px 15px !important;
    }
}

@media screen and (max-width:768px){
	body{
		align-items:center;
		height:100%;
	}
	html{
		height:100%;
	}
	#ex p{
		font-size:14px;
		text-indent: -8px;
    	margin-left: 8px;
	}
    .include-btn input[type='submit']{
        width:50px;
    }
    .include-btn input:not(input[type='submit']){
        width:calc(100% - 50px);
    }
    #container{
        width:100%;
        padding:20px 0;
        display: flex;
        flex-direction: column;
        gap: 10px;
        height:auto;
    }
    #container.qna{
        height:100%;
    }
    #content{
        padding:0;
        height:calc(100% - 151px);
    }
    #content::before{
        display: none;
    }
    .start-container{
        gap:20px;
        width:100%;
    }
    .start-container li{
        width:auto;
        height:auto;
        flex:1;
    }
    .start-container li:hover{
        background: none;
    }
    .start-container li a{
        border:0;
    }
    .title .subheading{
        font-size: 16px;
    }
    .title .mainheading,
    .title .mainheading em{
        font-size: 16px;
    }
    #footer address{
        text-align: center;
    }
    #header{
        height:auto;
        flex-direction: column;
        align-items: flex-start;
    }

    #header .header-step li{
        font-size: 12px;
    }
    .inner-content{
        gap: 10px;
        min-width: 0;
    /*     height:calc(100% -40px); */
    }
    .btn-wrap{
        border-top: 0;
        padding: 0;
    }
    #content{
        gap:15px;
        padding: 0 10px;
    }
    #content.start{
        gap:20px;
    }
    .input-box label{
        font-size: 14px;
    }
    .inner-wrap[data-type='table']{
        display: flex;
        flex-direction: column;
        gap:10px;
        max-height:unset;
        height:calc(100% - 122px);
    }
    .scroll-view{
        min-height: 280px;
    }
    #svcEnlPage_3 .scroll-view{
    	min-height:unset;
    }
    .scroll-view,
    #leftTable,
    #rightTable{
        width:100%;
    }
    .inner-wrap[data-type='accordion']{
        gap:10px;
    }
    .inner-wrap[data-type='accordion'] dl:not(.accordion) dt{
        font-size: 12px;;
    }
    .btn.popup{
        height:20px;
    }
    .inner-wrap[data-type='accordion'] dl:not(.accordion) dd label{
        font-size: 12px;;
    }
    .text01{
    	border-top: 0px; 
    	font-size: 12px;
    }
    .text01 label{
        margin-left: 0; 
        font-size: 12px; 
        color: #777777;
	}
    .tabs{
        display: flex;
    }
    .pc-head{
        display: none;
    }
    .table-result::before,
    .table-result::after{
        content:"";
        position: absolute;
        top:0;
        width:calc(100% - 10px);
        height:29px;
        background-color: #cccccc;
        z-index: 1;
    }
    #svcEnlPage_2{
    	height:calc(100vh - 220px);
    	padding:0;
    }
    #svcTerPage_1{
    	width:100%;
    }
    .disCon{
		width:100%;
	}
	
}
@media (max-height:680px){
	body{
		align-items:flex-start;
		height:auto;
	}
	body.start{
		align-items:center;
		height:100%;
	}
	.cd-intro{
		top:50%;
	}
	#container{
		align-items:center;
		
	}
}