/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * P A G E  T I T L E * * * * * * */
main{
    margin-top: 90px;
}
#GUKBI .pgTitle.Basic{
    background-image: url(/img/9gukbi/gukbi_pgTitle_bg_m.jpg);
	background-size: 140%;
    background-position: 70% center;
}

/* * * * * * * * * * 국 민 취 업 지 원 제 도 P A G E * * * * * * * * * * * */
/* * * * * G U K B I A R E A + S E C 0 1 ( 공 통 ) * * * * */
.kua_area, .hrd_area{
    position: relative;
    margin: 20px 0;
}

.kua_area .kua01_thumb,
.hrd_area .hrd01_thumb,
.pkg_area .pkg01_thumb{
    background: #fff;
    overflow: hidden;
    font-size: 0;
	padding-top: 20px;
}


.kua_area .kua01_wrap,
.hrd_area .hrd01_wrap,
.pkg_area .pkg01_wrap{
    width: 100%; height: auto;
    position: relative;
}

.kua01_wrap .kua01_txt,
.hrd01_wrap .hrd01_txt,
.pkg01_wrap .pkg01_txt{
    width: 100%;
}

.kua01_txt .kua01_tit,
.hrd01_txt .hrd01_tit,
.pkg01_txt .pkg01_tit{
	font-weight: 700;
    padding-top: 5px;
	font-size: 35px;
}

.kua01_txt .kua01_detail,
.hrd01_txt .hrd01_detail,
.pkg01_txt .pkg01_detail{
    width: 100%;
	padding: 5px 0;
}

.kua01_txt .kua01_detail>p,
.hrd01_txt .hrd01_detail>p,
.pkg01_txt .pkg01_detail>p{
    font-size: 13px;
    line-height: 23px;
}

.kua01_txt .kua01_detail>p>span,
.hrd01_txt .hrd01_detail>p>span,
.pkg01_txt .pkg01_detail>p>span{
	color: #ff7800;
	font-weight: 500;
}

.kua_area.kua01 .kua01_txt .kua01_txt_wrap,
.hrd_area.hrd01 .hrd01_txt .hrd01_txt_wrap,
.pkg_area.hrd01 .pkg01_txt .pkg01_txt_wrap{
    padding: 25px 10px;
}

/* * * * * K U A  A R E A * * * * */
/* kua sec02 */

.kua_area.kua02{
    padding: 5px 0 40px 0;
    background: #f7f7f7;
}

.kua_area.kua02 .kua02_wrap{
	margin-top: 40px;
}

.kua_area.kua02 .kua02_wrap .kua02_detail01,
.kua_area.kua02 .kua02_wrap .kua02_detail02{
	background: #fff;
    padding: 25px 20px;
	margin-bottom: 20px;
	font-size: 15px; 
}

.kua02_wrap .kua02_detail01 li,
.kua02_wrap .kua02_detail02 li{
	margin-bottom: 10px;
	padding-left: 10px;
	position: relative;
	display: block;
}

.kua02_wrap .kua02_detail01 li>span,
.kua02_wrap .kua02_detail02 li>span{
	color: #ff7800;
	font-weight: 500;
	
}

.kua02_wrap .kua02_detail01 li:before,
.kua02_wrap .kua02_detail02 li:before
{
	content: "";
	display: block;
	clear: both;
	width: 3px;
	height: 3px;
	background: #555;
	left: 0;
	top: 11px;
	position: absolute;
	
}
.kua02_wrap h4{
	text-align: center;
	font-size: 16px;
	margin-bottom: 20px;
}

.kua02_wrap h4>span{
	font-size: 14px;
	font-weight: 500;
}

.kua_area.kua02 .kua02_refer{
	background: #ececec;
    padding: 25px 20px;
}

.kua_area.kua02 .kua02_refer>h4{
	margin-bottom: 10px;
	font-size: 16px;
}

.kua_area.kua02 .kua02_refer>h4>span{
	font-size: 14px;
}

.kua_area.kua02 .kua02_refer li{
	margin-top: 10px;
	font-size: 15px;
}

/* kua sec03 */
.kua_area.kua03 .kua03_txt{
	background: #f7f7f7;
	padding: 10px 0 10px 10px;;
	margin-top: 40px;
	
}

.kua_area.kua03 .kua03_txt li{ 
	padding: 10px 20px;
	font-size: 14px;
	position: relative;
}

.kua_area.kua03 .kua03_txt li:before{
	content: "";
	display: block;
	clear: both;
	width: 3px;
	height: 3px;
	background: #555;
	left: 8px;
	top: 20px;
	position: absolute;
}

.kua03_table_wrap >h5{
	margin: 20px 0 10px 0;
}

.kua03_table_wrap .table_box{
	width: 100%;
	border-bottom: 2px solid #aaa; 
	font-size: 13px;
	margin-bottom: 20px;
}

.kua03_table_wrap .table_box,
.kua03_table_wrap .table_box th,
.kua03_table_wrap .table_box td{
	text-align: center;
	padding: 2px 3px;
	margin: auto;
	vertical-align: middle;
	border: 1px solid #ddd;
}

.kua03_table_wrap .table_box .hd_border{
	border: 2px solid #fff;
	background-color: #ff7800;
	font-weight: 600;
	font-size: 15px;
}

.table_box .hd_border>th{
	color: #fff;
}
.table_box .hd_border>th:nth-child(1){
	width: 30%;

}
.table_box .hd_border>th:nth-last-child(1){
	padding: 10px 0;
}

.table_box .bg_gray>td{
	background-color: #eee;
	border: 2px solid #fff;
	font-weight: 400;
	font-size: 14px;
	color: #444;
	padding: 5px;
}

.kua03_table_wrap .table_box .clear_border_l{
	border-left: 1px solid #fff;
}

.kua03_table_wrap .table_box .clear_border_r{
	border-right: 1px solid #fff;
}

/* kua sec04 */

.kua_area.kua04{
    padding: 5px 0 40px 0;
    background: #f7f7f7;
}

.kua_area.kua04 .kua04_wrap{
	margin-top: 40px;
	line-height: 150%;
}

.kua04_wrap .kua04_txt{
	margin-bottom: 20px;
}

.kua04_wrap .kua04_txt>dt{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 8px;
}

.kua04_wrap .kua04_txt>dt>span{
	color: #ff7800;
	font-size: 20px;
	font-weight: 700;
}

.kua04_wrap .kua04_txt>dd{
	padding-left: 12px;
	margin-bottom: 5px;
	font-size: 14px;
	position: relative;
}
.kua04_wrap .kua04_txt>dd>p{
	font-size: 13px;
	color: gray;
	line-height: 140%;
	font-weight: 300;
}

.kua04_wrap .kua04_txt>dd:before{
	content: "";
	display: block;
	clear: both;
	width: 3px;
	height: 3px;
	background: #555;
	position: absolute;
	left: 2px;
	top: 10px;
}

.kua04_wrap .kua04_table{ 
	background: #fff;
	padding: 10px 0 ;
	width: 100%; height: 137px;
}

.kua04_wrap .kua04_table:not(.dased_clear){
	border-bottom: 1.5px dashed #555;
}

.kua04_wrap .kua04_table th{
	font-size: 16px;
	color: #ff7800;
	font-weight: 500;	
}

.kua04_wrap .kua04_table th>em{
	font-size: 13px;
	color: #ff7800;
	font-weight: 300;
	width: 33%;
}

.kua04_wrap .kua04_table td{
	color: #555;
	font-size: 14px;
	width: 33.33%;
	height: 116px;
}

.kua04_wrap .kua04_table th,
.kua04_wrap .kua04_table td{
	padding: 10px;
	text-align: center;
	vertical-align: middle;
/*	border: 1px solid red;*/
}

.kua04_wrap .kua04_table td>strong{
	font-size: 22px;
	font-weight: 600;
	color: #fff;
}

.kua04_wrap .kua04_table td:nth-last-child(1){
	background: #ff7800;
	color: #fff;
	border-radius: 10px;
}

/* kua sec05 */

.kua_area.kua05 .kua05_wrap{
	padding: 10px;
}

.kua05_wrap > .process_detail{ 
	border-top: 2px solid #777;
	margin-top: 20px;
}

.kua05_wrap > .process_detail>dl{
	padding: 10px;
	border-bottom: 1px dashed #888;
}

.kua05_wrap > .process_detail dl:nth-last-child(2){
	padding: 10px;
	border-bottom: 2px solid #777;
}

.kua05_wrap > .process_detail>dl>dt{
	padding-bottom: 5px;
	width: 100%; height: auto;
	font-size: 15px;
	font-weight: 500;
}

.kua05_wrap > .process_detail>dl>dd{
	color: #555;
	font-size: 13px;
}

.kua05_wrap .process_detail .detail_refer{
	color:#777;
	font-size: 11px;
	text-align: end;
	padding: 10px 0;
}

/* * * * * * * * * * 국 민 내 일 배 움 카 드 P A G E * * * * * * * * * * * */
/* hrd sec02 */

.hrd_area.hrd02{
    padding: 5px 0 40px 0;
    background: #f7f7f7;
}

.hrd_area.hrd02 .hrd02_wrap{
	margin-top: 40px;
}


.hrd_area.hrd02 .hrd02_wrap .hrd02_detail>ul{
	background: #fff;
    padding: 25px 20px;
	margin-bottom: 20px;
	font-size: 15px; 
}

.hrd02_wrap .hrd02_detail li{
	margin-bottom: 10px;
	padding-left: 10px;
	position: relative;
	display: block;
}

.hrd02_wrap .hrd02_detail li>span{
	color: #ff7800;
	font-weight: 500;
	
}

.hrd02_wrap .hrd02_detail li:before{
	content: "";
	display: block;
	clear: both;
	width: 3px;
	height: 3px;
	background: #555;
	left: 0;
	top: 11px;
	position: absolute;
	
}
.hrd02_wrap h4{
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	background: #ff7800;
	color: #fff;
	padding: 10px 0;
}

/* hrd sec03 */

.hrd03_wrap .hrd03_table1 h5,
.hrd03_wrap .hrd03_table2 h5{
	margin: 20px 0 15px 0;
}

.hrd03_wrap .hrd03_table1 h5>span,
.hrd03_wrap .hrd03_table2 h5>span{
	color: #ff7800;
	font-size: 20px;
	font-weight: 600;
}

.hrd03_wrap .hrd03_table1,
.hrd03_wrap .hrd03_table2{
	margin-top: 20px;
}

.hrd03_wrap .table_box{
	width: 100%;
	border-bottom: 2px solid #aaa; 
	font-size: 14px;
	margin-bottom: 20px;
}

.hrd03_wrap .table_box,
.hrd03_wrap .table_box th,
.hrd03_wrap .table_box td{
	text-align: center;
	padding: 10px 3px;
	margin: auto;
	vertical-align: middle;
	border: 1px solid #ddd;
}

.hrd03_wrap .hrd03_table1 .table_box .hd_border:nth-child(1){
	width: 15%;
}

.hrd03_wrap .hrd03_table1 .table_box .txttype_bold{
	font-size: 16px;
	font-weight: 600;
}

.hrd03_wrap .hrd03_table1 .table_box .txttype_big{
	font-size: 15px;
	font-weight: 500;
}

.hrd03_wrap .hrd03_table2 .table_box .tit_highlight{
	color: #ff7800;
	font-weight: 500;
}

.hrd03_wrap .hrd03_table2 .table_box .hd_border:nth-child(1){
	width: 28%;
}

.hrd03_wrap .table_box .hd_border{
	border: 1px solid #fff;
	background-color: #ff7800;
	font-weight: 500;
	font-size: 14px;
	color: #fff;
	padding: 8px 0;
} 

.hrd03_wrap .table_box .hd_border>th:nth-child(1){
	width: 30%;

}
.hrd03_wrap .table_box .hd_border>th:nth-last-child(1){
	padding: 10px 0;
}

.hrd03_wrap .table_box .hd_border>small{
	color: #fff;
	font-size: 13px;
	
}

.hrd03_wrap .table_box .clear_border_l{
	border-left: 1px solid #fff;
}

.hrd03_wrap .table_box .clear_border_r{
	border-right: 1px solid #fff;
}

.hrd03_wrap .table2_refer{
	background: #f7f7f7;
	margin-top: 10px;
	padding: 10px;
	line-height: 20px;
}

.hrd03_table2 .table2_refer>em{
	font-size: 13px;
	color: #555;
}


/* * * * * * * * * * 취 업 성 공 패 키 지 P A G E * * * * * * * * * * * */
/* pkg sec01 */

.pkg_area{
    position: relative;
	padding-top: 20px;
}

.pkg_area .Wrapper{
    position: relative;
}

.pkg_area .pkg01_support{
	margin-top: 20px;
	margin-bottom: 20px;
}

/* pkg sec02 */

.pkg_area.pkg02{
    padding: 5px 0 40px 0;
    background: #f7f7f7;
}

.pkg_area.pkg02 .pkg02_wrap{
	margin-top: 40px;
}

.pkg_area.pkg02 .pkg02_wrap .pkg02_detail01,
.pkg_area.pkg02 .pkg02_wrap .pkg02_detail02{
	background: #fff;
	margin-bottom: 20px;
	font-size: 15px; 
}

.pkg02_wrap h4{
	background: #ff7800;
	color: #fff;
	text-align: center;
	font-size: 16px;
	padding: 15px 0;
}

.pkg02_wrap .pkg02_detail01 ul,
.pkg02_wrap .pkg02_detail02 ul{
	padding: 15px;
}

.pkg02_wrap .pkg02_detail01 li,
.pkg02_wrap .pkg02_detail02 li{
	margin-bottom: 10px;
	padding-left: 10px;
	position: relative;
	display: block;
	font-size: 14px;
}

.pkg02_wrap .pkg02_detail01 .refer{
	color: gray;
	font-size: 13px;
}

.pkg02_wrap .pkg02_detail02 li>strong{
	font-size: 15px;
	font-weight: 500;
}

.pkg02_wrap .pkg02_detail01 li:not(.refer):before,
.pkg02_wrap .pkg02_detail02 li:before
{
	content: "";
	display: block;
	clear: both;
	width: 3px;
	height: 3px;
	background: #555;
	left: 0;
	top: 11px;
	position: absolute;
	
}

.pkg_area.pkg02 .pkg02_refer{
	background: #ececec;
    padding: 25px 20px;
}

/* pkg sec03 */

.pkg03_table .table_box{
	width: 100%;
	border-bottom: 2px solid #aaa; 
	font-size: 13px;
	margin-bottom: 20px;
}

.pkg03_table .table_box,
.pkg03_table .table_box th,
.pkg03_table .table_box td{
	text-align: center;
	padding: 2px 3px;
	margin: auto;
	vertical-align: middle;
	border: 1px solid #ddd;
}

.pkg03_table .table_box .hd_border{
	border: 2px solid #fff;
	background-color: #ff7800;
	font-weight: 500;
	font-size: 15px;
}

.pkg03_table .table_box .hd_border{
	color: #fff;
	padding: 5px 0;
}

.table_box .hd_border:nth-child(1){
	width: 35%;
}

.pkg03_table .table_box .txttype_big{
	font-weight: 500;
}

.pkg03_table .table_box .type_wd{
	width: 14%;
}

.pkg03_table .table_box .clear_border_l{
	border-left: 1px solid #fff;
}

.pkg03_table .table_box .clear_border_r{
	border-right: 1px solid #fff;
}

.pkg03_wrap .pkg03_txt {
	border-top: 2px solid #777;
	margin-top: 20px;
}

.pkg03_wrap .pkg03_txt>dl{
	padding: 10px;
	border-bottom: 1px dashed #888;
}

.pkg03_wrap .pkg03_txt dl:nth-last-child(1){
	padding: 10px;
	border-bottom: 2px solid #777;
}

.pkg03_wrap .pkg03_txt>dl>dt{
	padding-bottom: 5px;
	width: 100%; height: auto;
	font-size: 18px;
	font-weight: 500;
}

.pkg03_wrap  .pkg03_txt>dl>dd{
	color: #555;
	font-size: 13px;
}

.pkg03_wrap > .pkg03_txt>dl>dd>p{
	padding: 5px 0;
}

.pkg03_wrap .pkg03_txt dd>p:before{
	content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	background: #555;
	left: 0;
	margin-right: 8px;
	margin-bottom: 4px;
	
}


/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * M E D I A  * * * * * * * * */

/* 화면 넓이 아이폰6 보다 좁은 경우 */
@media screen and (max-width: 365px){	
	
    /*국비지원제도*/
    .kua_area{
        margin-bottom: 5px;s
    }
    .kua_area.kua02{
        padding: 0;
        padding-top: 35px;
    }
    .kua_area.kua01 .kua01_txt .kua01_txt_wrap, 
    .kua_area.kua03 .kua01_txt .kua01_txt_wrap{
        padding: 15px 0;
        padding-left: 5px;
    }
    .kua_area.kua02 .kua01_txt .kua01_txt_wrap, .kua_area.kua4 .kua01_txt .kua01_txt_wrap{
        padding: 15px 0;
        padding-left: 0;
    }
    .kua_area.kua01 .kua01_txt .kua01_tit, 
    .kua01_txt .kua01_tit{
        width: 14%;
        font-size: 32px;
        text-align: left;
    }
    .kua01_txt .kua01_detail{
        width: 84%;
    }
    .kua01_txt .kua01_detail{
        font-size: 13px;
        margin-bottom: 3px;
    }
    .kua_area.kua01 .kua01_txt .kua01_detail, 
    .kua_area.kua03 .kua01_txt .kua01_detail{
        width: 86%;
    }
    .kua_area.kua02 .kua01_txt .kua01_detail,
	.kua_area.kua04 .kua01_txt .kua01_detail{
        padding-right: 0;
    }
    
}