@charset "UTF-8";

h1#adm, h1#online {
	display: block;
    width: 100%;
    height: 200px;
    background: url('../imgs/main/002 참여안내, 수강신청.png') no-repeat center;
    background-size: cover;
    border-bottom: 1px solid #ccc;
}

 /* 온라인 수강신청 */
 /* 폼 전체를 감싸는 영역에 여백 */
 .form-wrapper {
     width: 92%;          
     margin: 0 auto 30px;      
     box-sizing: border-box;
 }
 
.mobile-edu-header,
article.intro h4{
	display: none;	
}

.intro_area h2.page-title{
	display: block;
}
.adm_area .box_inner{
    max-width: 1280px;
    width: 100%;
    box-sizing: border-box;
}
.adm_area article{
    float: right;
    width: 85%;
    padding: 20px;
    box-sizing: border-box;
}
.adm_area article h2 {
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'NanumGothic', sans-serif;
    margin: 10px 0 30px ;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}
.adm_area .article-wrap img{
    width: 100%;
}

.sugang_area{
    margin: 50px 0;
}

/* 수강 신청 완료 페이지 */
#mobile-download-btn{
	display: none;
}
#capture .top-elements{
	width: 100%;
	display: flex;
	gap: 5px;
}
#capture .top-elements .same-width{
	width: 33%;
}
#capture .top-elements .same-width.center{
	display: flex;
	justify-content: center;
}
#capture .top-elements #mobile-download-btn{
	width: 40px;
	height: 50px;
}
#capture .top-elements #mobile-download-btn img{
	width: 40px;
	height: 40px;
}
#capture .top-elements #mobile-download-btn p{
	font-size: 12px;
}
/*지원절차안내*/
.adm_guide_wrap{
	margin:0;
	width:100%;
	display:inline;
	float:left;
    box-sizing: border-box;    
}

.guide_tab1{
	text-align:center;
	width:50%;
	background-color:none;
	height:50px;
	float:left;
	line-height:50px;
	border:1px solid #e0e0e0;
    box-sizing: border-box;
    font-size: 1.2em;
    font-weight: bold;
}

.guide_tab2{
	text-align:center;
	width:50%;
	background-color:none;
	height:50px;
	float:left;
	line-height:50px;
	border-right:1px solid #e0e0e0;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
    box-sizing: border-box;
    font-size: 1.2em;
    font-weight: bold;
}

#section2{
    display: none;
}

.select_guide_tab{
	text-align:center;
	width:50%;
	background:rgba(31,99,162,1);
	color:#fff;
	height:50px;
	float:left;
	line-height:50px;
	border:1px solid #1F63A2;
}

.tab_down_img_left{
	width:5%;
}

.tab_down_img_center{
	width:5%;
	float:right;
}

.tab_down_img_right{
	width:5%;
	float:right;
}

.tab_down_img_wrap{
    position: relative;
	width:50%;
	height:20px;
    left: 25%;
    box-sizing: border-box;
}

.guide_content_wrap{
	width:100%;
	border-top:1px solid #fff;
	border-right:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	padding:20px;
    box-sizing: border-box;
}

.guide_tab1:hover,
.guide_tab2:hover,
.guide_tab3:hover{
	cursor:pointer;
}

/* tab common 리스트 스타일 */
.adm_guide_list{
	display:block;
	margin:0;
	padding:10px;
	background-color:#eeeeee;
}

.adm_guide_list li{
	text-align:left;
	font-size:0.85em;
	line-height:20px;
	margin-left:20px;
	color:#666;
}

.adm_guide_list .adm_guide_list_title{
	list-style:none;
	margin-left:0px;
	font-size:1em;
}

.g_c_content_ul{
	padding-left:15px;
}
.g_c_content_ul li{
	text-align:left;
	line-height:20px;
}


/* 세부 컨텐츠 랩퍼 */
.g_c_t_wrap{
	margin:20px 0;	
}

/* 세부 컨텐츠 디아비어더 */
.g_c_t_wrap .divider{
	width:100%;
}

/* 탭 컨텐츠 제목 */
.g_c_title{
	width:100%;
	height:25px;
	line-height:25px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
    
}
.s_red{
    color: #f00;
}
.s_blue{
    color: #00f;
}

/* 탭 컨텐츠 내용 */
.g_c_content{
	padding:10px;
	text-align:left;
	font-size:16px;
	line-height:30px;
}

/*입학신청절차*/
.section_table{
	text-align:left;
	font-size:14px;
	border-collapse:collapse;
	width:100%;
    padding: 10px;
    margin: 10px 10px 10px 0;
    box-sizing: border-box;
}

.section_table .tr_divider{
	height:1px;
	background:none;
	border-right:none;
	border-top:none;
	border-bottom:none;
	border-left:none;
}

.section_table .tr_divider .td_divider{
	height:1px;
	background:none;
	border-right:none;
	border-top:none;
	border-bottom:none;
	border-left:none;
}

.section_table tr td:first-child{
	background-color:#007AC3;
	width:10%;	
	text-align:center;
	color:white;
	height:40px;
	font-family:NanumGothicBold;
}

.section_table tr td:last-child{
	height:40px;
    line-height: 40px;
	font-size:1em;
	padding-left:10px;
	font-family:NanumGothicBold;
}

.section_table tr td{
	border:1px solid #007AC3;
}

.worknet{
	text-align:center;
	float:right;
	margin:5px;
	width:120px;
	height:30px;
    line-height: 30px;    
	background:rgba(0,0,0,0.6);
	text-decoration:none;
	color:white;
	border:1px solid white;
    border-radius: 15px;
}
.worknet:hover{
	background:none;
	color:#333;
	border:1px solid #333;
	cursor:pointer;
}


/*온라인수강신청*/

.req_table_wrap .policy{
    width:100%;
}
.req_table_wrap textarea.policy-area{
    width:100%;
    height: 170px;
    font-size: 0.85em;
    color: #666;
}
.req_table_wrap .policy .accept_label{
    font-size:14px;
}

.adm_process{
    width:350px;
    font-size: 1.2em;
    color: #333;
}

.req_table_wrap{
    margin:20px 0;
}

.req_table_wrap .req_table{
    border-collapse:collapse;
    text-align:left;
    width:100%;
    border-left:3px solid #1D326C;
}

.req_table_wrap .req_table_title{
    text-align:left;
    background:none;
    font-size:20px;
    font-weight:bold;
    color:#1D326C;
    height:40px;
}

.req_table_wrap .req_table tr td:first-child{
    text-align:center;
    width: 20%;
    min-width:100px;
    border-left:none;
    border-right:none;
    border-top:none;
    border-bottom:1px solid #fff;
    background-color:whitesmoke;
    color:#000000;
     font-weight:bold; 
    font-family:NanumGothicBold;
}

.req_table_wrap tr td{
    border:1px solid #e0e0e0;
    height:40px;
    padding:5px;
}


.req_table_wrap input[type='text']{
    height:40px;
    padding:5px;
    border:1px solid #e0e0e0;
    color:#333;
}

.req_table_wrap select{
    font-size:14px;
    height:40px;
    padding:0;
    border:1px solid #e0e0e0;
    color:#333;
    width: 70%;
}

.req_table_wrap .address{
    height:80px;
    line-height:5px;
}

.postcodify_search_button{
    height:40px;
    font-size:11px;	
    width:80px;
    font-size: 1em;
}

.postcodify_address,
.postcodify_extra_info{
    width:300px;
}

.adm_phone_1,
.adm_mobile_1{
    text-align: center;
    font-size: 1.2em;
    color: #333;
/*    width: req.php 에서 수정*/
}

.adm_phone_2, .adm_phone_3,
.adm_mobile_2, .adm_mobile_3{
    width:25%;
    margin-left:20px;
    text-align: center;
    font-size: 1.1em;
    color: #333;
}

.adm_result_text{
    display: inline-block;
    margin-left: 20px;
    font-size: 1em;
    height:25px;
    line-height: 25px;
}

.req_table_wrap table tr .td_divider{
    width:3px;
    height:30px;
    background:none;
    border:none;
    padding:0;
}

.req_table_wrap table .tr_divider{
    width:100%;
    height:2px;
    background:none;
    border-right:none;
    border-top:none;
    border-bottom:none;
    padding:0;
}

.req_table_wrap table .tr_divider .tr_td_divider {
    height:2px;
    background:none;
    padding:0;
}

.adm_accept_wrap{
    float:right;
    height:40px;
    line-height:40px;
}

.adm_sub_text{
    font-size:13px;
    color:#5d5d5d;
    font-family:NanumGothicBold;
}

.adm_motive{
    width:120px;	
    text-align: center;
    font-size: 1.1em;
    color: #333;
}
.adm_motive_text_wrap{
    display:inline-block;
    margin-left:20px;
}

.btn_wrap{
    width:100%;
    margin-top:30px;
    margin-bottom:50px; 
    text-align:center;
}

.btn_wrap .adm_btn{
    border:1px solid #e0e0e0;
    font-size:14px;
    font-weight:bold;
    width:150px;
    height:50px;
    background:whitemoke;
    margin: 0 10px;
}

.btn_wrap .adm_btn:hover,
.postcodify_search_button:hover{
    cursor: pointer;
}

.form-row .tip-txt{
	font-size: 16px;	
	width: 50%;
	word-break: keep-all;
    overflow-wrap: break-word;
}

@media all and (max-width:1065px) and (min-width:801px){
    
    aside{
        display: none;
    }
    
    h1#adm{
        width: 100%;
        height: 160px;
        background: url('../imgs/main/banner_sub2.png') no-repeat center;
        background-size: cover;
        border-bottom: 1px solid #ccc;
    }

    .adm_area .box_inner{
        width: 100%;
    }
    .adm_area article{
        width: 100%;
        padding: 0;
    }
    .adm_area article h2 {
        font-size: 30px;
        text-transform: uppercase;
        font-family: 'NanumGothic', sans-serif;
        margin: 10px 0 30px ;
        border-bottom: 1px solid #ccc;
        padding: 10px 0 10px 10px;
    }
    .adm_area .article-wrap img{
        width: 100%;
    }

    .sugang_area{
        margin: 50px 0;
    }
    
    
    /*지원절차안내*/
    .adm_guide_wrap{
        margin:0;
        width:100%;
        display:inline;
        float:left;
        box-sizing: border-box;    
    }

    .guide_tab1{
        text-align:center;
        width:50%;
        background-color:none;
        height:50px;
        float:left;
        line-height:50px;
        border:1px solid #e0e0e0;
        box-sizing: border-box;
        font-size: 1.2em;
        font-weight: bold;
    }

    .guide_tab2{
        text-align:center;
        width:50%;
        background-color:none;
        height:50px;
        float:left;
        line-height:50px;
        border-right:1px solid #e0e0e0;
        border-top:1px solid #e0e0e0;
        border-bottom:1px solid #e0e0e0;
        box-sizing: border-box;
        font-size: 1.2em;
        font-weight: bold;
    }

    .select_guide_tab{
        text-align:center;
        width:50%;
        background:rgba(31,99,162,1);
        color:#fff;
        height:50px;
        float:left;
        line-height:50px;
        border:1px solid #1F63A2;
    }

    .tab_down_img_left{
        width:8%;
    }

    .tab_down_img_center{
        width:8%;
        float:right;
    }

    .tab_down_img_right{
        width:8%;
        float:right;
    }

    .tab_down_img_wrap{
        position: relative;
        width:50%;
        height:20px;
        left: 25%;
        box-sizing: border-box;
    }

    .guide_content_wrap{
        width:100%;
        border-top:1px solid #fff;
        border-right:1px solid #e0e0e0;
        border-left:1px solid #e0e0e0;
        border-bottom:1px solid #e0e0e0;
        padding:20px;
        box-sizing: border-box;
    }

    .guide_tab1:hover,
    .guide_tab2:hover,
    .guide_tab3:hover{
        cursor:pointer;
    }

    /* tab common 리스트 스타일 */
    .adm_guide_list{
        display:block;
        margin:0;
        padding:10px;
        background-color:#eeeeee;
    }

    .adm_guide_list li{
        text-align:left;
        font-size:0.85em;
        line-height:30px;
        margin-left:20px;
        color:#666;
    }

    .adm_guide_list .adm_guide_list_title{
        list-style:none;
        margin-left:0px;
        font-size:1em;
    }

    .g_c_content_ul{
        padding-left:15px;
    }
    .g_c_content_ul li{
        text-align:left;
        line-height:20px;
    }


    /* 세부 컨텐츠 랩퍼 */
    .g_c_t_wrap{
        margin:20px 0;	
    }

    /* 세부 컨텐츠 디아비어더 */
    .g_c_t_wrap .divider{
        width:100%;
    }

    /* 탭 컨텐츠 제목 */
    .g_c_title{
        width:100%;
        height:25px;
        line-height:25px;
        text-align:left;
        font-size:18px;
        font-weight:bold;
        padding: 10px 0;
    }
    .adm_guide_list_title{
        padding: 10px 0;
    }
    .s_red{
        color: #f00;
    }
    .s_blue{
        color: #00f;
    }

    /* 탭 컨텐츠 내용 */
    .g_c_content{
        padding:10px;
        text-align:left;
        font-size:16px;
        line-height:30px;
    }

    /*입학신청절차*/
    .section_table{
        text-align:left;
        font-size:14px;
        border-collapse:collapse;
        width:100%;
        padding: 0px;
        margin: 0px;
        box-sizing: border-box;
    }

    .section_table .tr_divider{
        height:1px;
        background:none;
        border-right:none;
        border-top:none;
        border-bottom:none;
        border-left:none;
    }

    .section_table .tr_divider .td_divider{
        height:2px;
        background:none;
        border-right:none;
        border-top:none;
        border-bottom:none;
        border-left:none;
    }

    .section_table tr td:first-child{
        background-color:#007AC3;
        width:15%;	
        text-align:center;
        color:white;
        height:40px;
        font-family:NanumGothicBold;
        box-sizing: border-box;
    }

    .section_table tr td:last-child{
        height:40px;
        line-height: 40px;
        font-size:1em;
        padding-left:10px;
        font-family:NanumGothicBold;
        width:85%;
        box-sizing: border-box;
    }

    .section_table tr td{
        border:1px solid #007AC3;
    }

    .worknet{
        text-align:center;
        float:right;
        margin:5px;
        width:120px;
        height:30px;
        line-height: 30px;    
        background:rgba(0,0,0,0.6);
        text-decoration:none;
        color:white;
        border:1px solid white;
        border-radius: 15px;
    }
    .worknet:hover{
        background:none;
        color:#333;
        border:1px solid #333;
        cursor:pointer;
    }
    
}


@media all and (max-width:800px) {
    
    h1#online {
	    width: 100%;
	    height: 300px;
	    background: url('../imgs/adm/online/004.png') no-repeat center;
	    background-size: cover;
	    border-bottom: 1px solid #ccc;
	}
    
    body > div.intro_area > div.intro_box.box_inner.clear{
    	padding: 0;
    }
    
    .intro_area .mobile-edu-header{
		display: block;
		margin-top: -130px;
		margin-bottom: 50px;
		color: #fff;
		padding-left: 20px;
	}
	
	.mobile-edu-header .header-txt-box .top-header-txt{
		font-size: 25px;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.mobile-edu-header .header-txt-box .bottom-header-txt{
		width: 50%;
		word-break: keep-all;
        overflow-wrap: break-word;
        line-height: 20px;
	}
	
	.mobile-edu-header.course .header-txt-box .bottom-header-txt{
		width: 100%;
		word-break: keep-all;
        overflow-wrap: break-word;
        margin-bottom: 3px;
	}
    
    aside{
        display: none;
    }
        
    .header_background {
        height: 80px;
        width: 100%;
        background:rgba(14,16,118,0.9);
        z-index: -10;
        box-sizing: border-box;
    }

    h1#adm{
        width: 100%;
        height: 120px;
        background: url('../imgs/main/banner_sub2.png') no-repeat center;
        background-size: cover;
        border-bottom: 1px solid #ccc;
    }

	.intro_area article h2.page-title.border-none {
	    border-style: none;
	    font-weight: bold;
	    margin-left: 0;
	    font-size: 23px;
	}
	.intro_area article h4{
		display: block;
		margin-left: 12px;
		margin-bottom: -18px;
		margin-top: 20px;
		font-weight: bold;
		color: #1d2b70;
	}

    .adm_area .box_inner{
        width: 100%;
    }
    .adm_area article{
        width: 100%;
        padding: 0;
    }
    
    .adm_area .article-wrap img{
        width: 100%;
    }

    .sugang_area{
        margin: 50px 0;
    }
    
    
    /*온라인수강신청*/
    
    .req_table_wrap{
        padding: 10px;
        box-sizing: border-box;
    }
    .req_table_wrap .policy{
/*        width:100%;*/
    }
    .req_table_wrap textarea.policy-area{
        width:100%;
        height: 170px;
        font-size: 0.85em;
        color: #666;
        box-sizing: border-box;
    }
    .req_table_wrap .policy .accept_label{
        font-size:14px;
    }

    .req_table_wrap .req_table{
        border-collapse:collapse;
        text-align:left;
        width:100%;
        border-left:3px solid #1D326C;
        box-sizing: border-box;
    }

    .req_table_wrap .req_table_title{
        text-align:left;
        background:none;
        font-size:20px;
        font-weight:bold;
        color:#1D326C;
        height:40px;
    }

    .req_table_wrap .req_table tr td:first-child{
        text-align:center;
        width: 20%;
        min-width:100px;
        border-left:none;
        border-right:none;
        border-top:none;
        border-bottom:1px solid #fff;
        background-color:whitesmoke;
        color:#000000;
         font-weight:bold; 
        font-family:NanumGothicBold;
        box-sizing: border-box;
    }
    .req_table_wrap .req_table tr td:last-child{
        width: 80%;
        box-sizing: border-box;
    }

    .req_table_wrap tr td{
        border:1px solid #e0e0e0;
        height:40px;
        padding:5px;
    }

    .req_table_wrap input[type='text']{
        height:40px;
        padding:5px;
        border:1px solid #e0e0e0;
        color:#333;
    }

    .req_table_wrap select{
        font-size:14px;
        height:40px;
        padding:0;        
        border:1px solid #e0e0e0;
        color:#333;
        width: 100%;
    }

    .req_table_wrap .address{
        height:80px;
        line-height:5px;
    }

    .postcodify_postcode5{
        width:50%;
        box-sizing: border-box;
    }
    .postcodify_search_button{
        height:40px;
        font-size:11px;	
        width:30%;
        font-size: 1em;
        box-sizing: border-box;
    }

    .postcodify_address,
    .postcodify_extra_info{
        width:100%;
    }

    .adm_phone_1,
    .adm_mobile_1{
        text-align: center;
        font-size: 1.2em;
        color: #333;
    }

    .adm_phone_2, .adm_phone_3,
    .adm_mobile_2, .adm_mobile_3{
        width:25%;
        margin-left:10px;
        text-align: center;
        font-size: 1.1em;
        color: #333;
    }

    .adm_result_text{
        display: inline-block;
        margin-left: 20px;
        font-size: 1em;
        height:40px;
        line-height: 40px;
        box-sizing: border-box;
    }

    .req_table_wrap table tr .td_divider{
        width:3px;
        height:30px;
        background:none;
        border:none;
        padding:0;
    }

    .req_table_wrap table .tr_divider{
        width:100%;
        height:2px;
        background:none;
        border-right:none;
        border-top:none;
        border-bottom:none;
        padding:0;
    }

    .req_table_wrap table .tr_divider .tr_td_divider {
        height:2px;
        background:none;
        padding:0;
    }

    .adm_accept_wrap{
        float:right;
        height:40px;
        line-height:40px;
    }

    .adm_sub_text{
        font-size:13px;
        color:#5d5d5d;
        font-family:NanumGothicBold;
    }

    .adm_motive{
        width:50%;
        text-align: center;
        font-size: 1.1em;
        color: #333;
        box-sizing: border-box;
    }
    .adm_motive_text_wrap{
        display:inline-block;
        width:50%;
        box-sizing: border-box;
        margin-left: 0;
    }

    .btn_wrap{
        width:100%;
        margin-top:30px;
        margin-bottom:50px; 
        text-align:center;
    }

    .btn_wrap .adm_btn{
        border:1px solid #e0e0e0;
        font-size:14px;
        font-weight:bold;
        width:150px;
        height:50px;
        background:whitemoke;
        margin: 0 10px;
    }

    .btn_wrap .adm_btn:hover,
    .postcodify_search_button:hover{
        cursor: pointer;
    }
    
    .adm_process{
        width: 100%;
        font-size: 1.2em;
        color: #333;
    }
    .adm_name{
        width: 60%;
    }
    .adm_birth{
        width: 60%;
    }
    
    .section_table tr td:first-child{        
        width:20%;
    }
    
    .form-row .tip-txt{
		font-size: 14px;	
		word-break: keep-all;
	    overflow-wrap: break-word;
	    width: 80%;
	}
	h1#adm.none, h2.page-title.none1{
   		display: none;
   	}
   
	div.intro_area > div.intro_box.box_inner.none1.clear{
		padding: 0;
	}
	
	/* 수강 신청 결과 페이지 */
	article.intro.result .form-wrapper{
		gap: 35px;
		padding: 20px;
	}
	
	article.intro.result .page-title{
		display: none;
	}
	
	article.intro.result .check-img-box{
		width: 55px;
		height: 55px;
	}
	
	article.intro.result .reg-info-wrap{
		padding: 10px;
		width: 100%;
	}
	
	article.intro.result .thanks-txt p{
		font-size: 18px;
		word-break: keep-all;
		width: 100%;
	}
	
	.reg-info-wrap p{
		width: 100%;
		font-size: 18px;
		line-height: 25px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	article.intro.result div.naver-box{
		width: 90%;
		height: 80px;
		gap: 5px;
	}
	
	article.intro.result div.naver-box:hover{
		cursor: pointer;
	}
	article.intro.result div.naver-box:active{
		transform: scale(1.01);
	}
	
	article.intro.result div.naver-box .img-box{
		width: 55px;
		height: 55px;
	}
	
	article.intro.result div.naver-box .consult{
		width: 75%;
		font-size: 20px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	article.intro.result div.naver-box .consult p{
		margin: 0 auto;
		font-size: 17PX;
	}

	article.intro.result div.done-text{
		font-size: 25px;
	}
	article.intro.result .download-wrap{
		display: none;
	}
	
	
	/* 수강 신청 완료 페이지 */
	#mobile-download-btn{
		display: block;
	}
	
	 .form-wrapper.margin-none {
        margin-bottom: 80px;
    }
	#capture .top-elements #mobile-download-btn:hover{
		cursor: pointer;
	}
	#capture .top-elements #mobile-download-btn:active{
		transform: scale(1.02);
	}
	
	
}


@media all and (max-width:370px) {
	
	article.intro.result{
		min-height: 500px;
	}
	
	article.intro.result .form-wrapper{
		gap: 20px;
	}
	
	article.intro.result .check-img-box{
		width: 35px;
		height: 35px;
	}
	article.intro.result .reg-info-wrap{
		height: 60px;
		border-radius: 10px;
		gap: 0;
	}
	.reg-info-wrap p{
		font-size: 13px;
		line-height: 20px;
		height: 18px !important;
	}

	article.intro.result .thanks-txt p{
		font-size: 13px;
	}
	
	
	article.intro.result div.naver-box{
		width: 90%;
		height: 50px;
		gap: 10px;
	}
	
	article.intro.result div.naver-box .img-box{
		width: 35px;
		height: 35px;
	}
	
	article.intro.result div.naver-box .consult{
		font-size: 13px;
	}

	article.intro.result div.done-text{
		font-size: 18px;
	}
	article.intro.result .btn-wrap button{
		font-size: 13px;
		height: 25px;
		width: 100px;
	}
	
	article.intro.result .download-wrap{
		display: none;
	}
	
	/* 수강신청 완료 페이지 */
	#capture .top-elements #mobile-download-btn{
		width: 30px;
		height: 40px;
	}
	#capture .top-elements #mobile-download-btn img{
		width: 30px;
		height: 30px;
	}
	#capture .top-elements #mobile-download-btn p{
		font-size: 8px;
	}
	
	article.intro.result div.naver-box .consult p{
		font-size: 13px;
	}
}



/* 바꾼 것 */

/* 온라인 수강신청 */
/* 전체 신청 폼 박스 */
.form-wrapper {
    max-width: 950px;    
    width: 97%;          
    margin: 20px auto;    
    padding: 15px 15px;
    border: 1px solid #d6d6d6;
    border-radius: 15px;
    background: #fff;
    box-sizing: border-box;
}

/* PC 기본 폰트 설정 */
.pc-form {
    font-size: 17px;
    line-height: 1.45;
}

/* 입력 항목 한 줄(라벨 + 인풋 묶음) */
.form-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 35px;
    margin-bottom: 22px;
    gap: 8px;
}

/* 입력 라벨 (지원과정, 이름 등) */
.form-row label {
    font-size: 17px;
    color: #0a0d78;
    font-weight: 800;
    width: 100%;
}

/* 개인정보동의 한 줄 영역 */
.agree-row {
    font-size: 17px;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 15px;
}

/* 개인정보동의 체크박스 (동그라미 기본 상태) */
.agree-row input[type="checkbox"] {
    appearance: none;
    width: 22px;
    height: 22px;
    border: 2px solid #666;
    border-radius: 50%;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 0;
}

/* 체크된 상태 - 이미지 표시 */
.agree-row input[type="checkbox"]:checked { 
    background-image: url('../../resources/imgs/adm/online/025.png');
    background-size: 22px 22px; /
    background-repeat: no-repeat;
}

/* 공통 인풋/셀렉트 크기 통일 */
.form-row input,
.form-row select {
    width: 100%;
    max-width: 420px;
    height: 48px;
    padding: 0 14px;
    font-size: 18px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-sizing: border-box;
}

/* 연락처 3칸 한 줄 */
.input-inline {
    display: flex;
    gap: 10px;
}

/* 연락처 3칸 내부 인풋 */
.input-inline select,
.input-inline input {
    width: 100%;
    height: 48px;
    padding: 0 14px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-sizing: border-box;
    text-align: center;
}

/* 희망 / 비희망 전체 라디오 묶음 */
.visit-select {
    display: flex;
    align-items: center;
    gap: 35px;
    margin-top: 10px;
}

/* 라디오 + 텍스트 묶음 */
.radio-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 18px;
    font-weight: 800;
    color: #0a0d78;
    white-space: nowrap;
    cursor: pointer;
}

/* 라디오 버튼(희망/비희망) 고정 크기 */
.radio-item input[type="radio"] {
    appearance: none;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    border: 2px solid #999;
    border-radius: 50%;
    position: relative;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 라디오 선택 시 내부 파란 점 */
.radio-item input[type="radio"]:checked::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #1e6eff;
    border-radius: 50%;
    top: 4px;
    left: 4px;
}

/* form-row 기본 input 스타일이 라디오에 적용되는 것 방지 */
.form-row input[type="radio"] {
    width: auto !important;
    height: auto !important;
}

/* 참고 안내 박스 (아이콘 + 글자) */
.tip-box {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #0000FF;
}

/* 참고 안내 이미지 */
.tip-img {
    width: 40px;
    height: auto;
    margin-top: 3px;
}

/* 주소 입력 그룹 */
.address-group input {
    width: 100%;
    margin-top: 4px;
}

/* 주소 검색 버튼 */
.search-btn {
    margin-top: 4px;
    padding: 9px 10px;
    background: #0d47a1;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

/* 체크박스 줄 여백 */
.checkbox-row {
    margin-bottom: 30px;
}

/* 제출 버튼 영역 */
.submit-wrap {
    text-align: center;
    margin-top: 35px;
}

/* 제출 버튼 */
.submit-btn {
    padding: 15px 50px;
    font-size: 18px;
    font-weight: 800;
    background: #0A50FF;
    color: #fff;
    border: none;
    border-radius: 28px;
    cursor: pointer;
}

/* 제출 버튼 hover */
.submit-btn:hover {
    background: #0b1d49;
}

/* 문의 작성하기 */
.qna-form {
    max-width: 520px;
    margin: 0 auto;
}

/* 상단 문구 */
.qna-head h3 {
    font-size: 22px;
    font-weight: 700;
    text-align: left;
    margin-bottom:60px;
}

.qna-head p {
    font-size: 14px;
    color: #555;
    margin-bottom: 28px;
}

/* 입력 그룹 */
.form-group {
    margin-bottom: 22px;
}

.form-group label {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: left;
    color: #0a0d78;
    margin-top: 20px;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 14px;
    box-sizing: border-box;
}

.form-group textarea {
    min-height: 160px;
    resize: none;
}

/* 버튼 */
.form-actions {
    text-align: center;
    margin-top: 32px;
}

.submit-btn {
    background: #1f2f6d;
    color: #fff;
    padding: 12px 48px;
    border-radius: 6px;
    border: none;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

label.password {
    display: block;             
    font-size: 16px;
    font-weight: 600;
    color: #222;
    margin-bottom: 8px;          
}
  /* 전체 폼 폭 */
  .qna-form {
    width: 100%;
    padding: 0 6px;
    box-sizing: border-box;
  }

  /* 상단 문구 */
  .qna-head h3 {
    font-size: 18px;
    margin-bottom: 32px;
  }

  .qna-head p {
    font-size: 13px;
    margin-bottom: 20px;
  }

  /* 입력 그룹 간격 */
  .form-group {
    margin-bottom: 18px;
  }

  .form-group label,
  label.password {
    font-size: 14px;
    margin-bottom: 6px;
    margin-top: 14px;
  }

  /* input / textarea */
  .form-group input,
  .form-group textarea {
    font-size: 14px;
    padding: 11px 12px;
    border-radius: 8px;
  }

  .form-group textarea {
    min-height: 140px;
  }

  /* 버튼 영역 */
  .form-actions {
    margin-top: 28px;
  }

  .submit-btn {
    background: #1f2f6d;
    color: #fff;
    padding: 12px 48px;
    border-radius: 6px;
    border: none;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
   }
   
}