/*tab_spot*/
.tab_spot .tit h5 {
    margin-top: 10px;
}

/*ct_wrp*/
.ct_wrp .ct_item {
    border: 1px solid #333;
    box-shadow: 0 3px 0 rgba(0,0,0,0.1);
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
}
@media (max-width:768px) {
    .ct_wrp .ct_item {
        margin: 5px 0;
    }
}
/* numList */
.numList > li {
    display: flex;
    align-items: flex-start;
}
.numList.hasBorder > li {
    display: flex;
    align-items: flex-start;
    padding: 7px 16px;
    border-radius: 100px;
    background-color: rgb(242, 245, 242);
}
.numList.dept1 > li > .num {
    width: 35px;
}
.numList.dept1 > li > .num p {
    display: inline-block;
    width: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #1ea11e;
    color: #fff;
    border-radius: 50%;
    margin-top: 3px;
}
.numList.dept1 > li > .con {
    width: calc(100% - 35px);
}
.numList.dept2 > li > .num {
    width: 20px;
}
.numList.dept2 > li > .con {
    width: calc(100% - 20px);
}
@media (max-width:767px) {
    .numList.hasBorder > li {
        border: 1px solid #454f5d;
        border-radius: 5px;
        padding: 10px;
        align-items: flex-start;
    }
    .numList.dept1 > li > .num {
        width: 30px;
    }
    .numList.dept1 > li > .num p {
        width: 20px;
        line-height: 20px;
        margin-top: 3px;
    }
}
/* imgPad */
.imgPad {
    padding: 40px;
}
.imgPadBig {
    padding: 60px;
}
.imgPadsm {
    padding: 5px;
}
@media (max-width:767px) {
    .imgPad {
        padding: 15px;
    }
    .imgPadBig {
        padding: 20px;
    }
}
/* smGap */
.smGap.row {
    margin: 0 -5px;
}
.smGap.row > div,
.smGap.row > li {
    padding: 0 5px;
}

/* imgBorder */
.imgBorder {
    border-radius: 10px;
    border: 1px solid #ddd;
    overflow: hidden;
}
.imgBorder h5 span {
    display: inline-block;
    background-color: #f7f7f7;
    padding: 5px 25px;
    border-radius: 60px;
}
/*jobidea_01*/
#jobidea_01 .sec1 p {
	margin-top: 15px;
	font-weight: 300;
}
#jobidea_01 .sec2 {
	background-color: #f7f7f7;
}
@media (max-width:768px){
	#jobidea_01 .sec1 .imgbox {
		text-align: center;
		padding-top: 25%;
	}
	#jobidea_01 .sec1 .imgbox img {
		width: 150px;
	}
}
/*history_wrp*/
.history_wrp {
    padding: 30px 0;
    position: relative;
}
.history_wrp:after {
    content: "";
    position: absolute;
    left: 50%;
    height: 100%;
    width: 1px;
	background-color: #666;
    top: 0;
}
.history_wrp > li {
    position: relative;
    z-index: 3;
}
.history_wrp .img_wrp {
    position: absolute;
    height: 100%;
}
.history_wrp .img_wrp:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    width: 150px;
    background-color: #666;
}
.history_wrp > li:nth-child(even) .img_wrp:after {
    background-color: #666;
}
.history_wrp > li .img_wrp:before {
    content: "";
    position: absolute;
    z-index: 3;
    width: 9px;
    height: 100%;
    top: 0;
    background: url(../img/h_dot.png) center center no-repeat;
}
.history_wrp .num {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 1em;
    font-weight: 600;
}
.history_wrp .num .c_wrp {
    height: 100%;
    font-size: 30px;
    line-height: 1em;
    font-weight: 900;
    color: #1e1e1e;
}
.history_wrp .hst_item .c_wrp h1 {
    font-size: 50px;
    line-height: 1em;
    font-weight: 700;
    color: #ec4f20;
    opacity: 1;
}
.history_wrp .hst_item .c_wrp ul {
    padding-left: 0;
    margin-top: 15px;
}

@media (min-width:580px){
    .history_wrp > li:nth-child(even) {
        width: 50%;
        padding-right: 5%;
    }
    .history_wrp > li:nth-child(odd) {
        margin-left: 50%;
        padding-left: 170px;
    }    
    .history_wrp > li:nth-child(odd) .img_wrp:before {
        left: -4px;
    }
    .history_wrp > li:nth-child(even) .img_wrp:before {
        right: -4px;
    }
    .history_wrp > li:nth-child(odd) .img_wrp:after {
        left: 100%;
    }
    .history_wrp > li:nth-child(even) .img_wrp:after {
        right: 100%;
    }
    .history_wrp > li:nth-child(odd) .img_wrp {
        left: 0;
    }
    .history_wrp > li:nth-child(even) .img_wrp {
        right: 0;
    }
    .history_wrp > li:nth-child(even) .hst_item {
        text-align: right;
    	padding-right: 25%;
    }
    
    .history_wrp .hst_item .c_wrp h1 {
        margin-top: 0;
    }
}
@media (max-width:579px){
    .history_wrp:after {
        left: 0px;
    }
    .history_wrp > li {
		padding: 10px 0 10px 40px;
    }    
	.history_wrp > li .img_wrp {
		left: 0;
	}
    .history_wrp > li .img_wrp:after {
        left: 100%;
        width: 25px;
    }
    .history_wrp > li .img_wrp:before {
        content: "";
        width: 5px;
        background-size: 100%;
        left: -2px;
    }
    .history_wrp .hst_item .c_wrp h1 {
        font-size: 40px;
    }
	.history_wrp .hst_item .c_wrp ul {
		margin-top: 5px;
	}
    .history_wrp .num .c_wrp {
        font-size: 16px;
    }
}

/*t_list1*/
.t_list1 > li {
    font-size: 17px;
    line-height: 1.4em;
    color: #221814;
    font-weight: 400;
    position: relative;
    word-break: keep-all;
    padding-left: 10px;
}
.t_list1 > li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    height: 3px;
    width: 3px;
    margin-bottom: 5px;
    border-radius: 50%;
    background-color: #ff7e00;
}
@media (max-width:579px){
    .t_list1 > li {
        font-size: 14px;
    }
}


/*t_list3*/
.t_list3 > li {
    font-size: 17px;
    line-height: 1.4em;
    color: #221814;
    font-weight: 400;
    position: relative;
    word-break: keep-all;
}
@media (max-width:579px){
    .t_list3 > li {
        font-size: 14px;
    }
}


/*t_list2*/
.t_list2 > li {
    font-size: 15px;
    line-height: 1.4em;
    color: #221814;
    font-weight: 300;
    position: relative;
    word-break: keep-all;
    padding-left: 10px;
}
.t_list2 > li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    height: 1px;
    width: 5px;
    margin-bottom: 5px;
    border-radius: 50%;
    background-color: #aaa;
}
@media (max-width:579px){
    .t_list2 > li {
        font-size: 13px;
    }
}


/*n_list*/
.n_list > li {
    font-size: 16px;
    color: #221814;
    line-height: 1.6em;
    font-weight: 400;
    margin: 10px 0;
    padding-left: 15px;
    position: relative;
    word-break: keep-all;
    text-align: left;
    padding-left: 30px;
}
.n_list > li > strong {
    position: absolute;
    left: 0;
    top: -1px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #314b6d;
    color: #fff;
    font-weight: 600;
    border-radius: 50%;
    font-size: 0.9em;
}
@media (max-width:768px){
    .n_list > li {
        font-size: 14px;
        padding-left: 25px;
    }
    .n_list > li > strong {
        width: 22px;
        line-height: 22px;
    }
}
/*mapbox*/
.mapbox .root_daum_roughmap {
	border: 0px;
	border-radius: 0px;
	padding: 0px;
}
.mapbox .root_daum_roughmap .wrap_map {
    height: 500px !important;
}
@media (max-width:768px) {
	.mapbox .root_daum_roughmap .wrap_map {
		height: 250px !important;
	}
}
/*table_basic*/
.table_tit {
	margin-bottom: 40px;
}
.table_tit .lined:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 1px;
	background-color: #aaa;
}
.table_basic {
	border-top: 1px solid #aaa;
}
.table_basic thead tr th,
.table_basic thead tr td,
.table_basic tbody tr th,
.table_basic tbody tr td {
	font-size: 17px;
	line-height: 1.2em;
	padding: 15px;
	color: #333;
	font-weight: 400;
	border-bottom: 1px solid #ddd;
	text-align: center;
}
.table_basic.t-left thead tr th,
.table_basic.t-left thead tr td,
.table_basic.t-left tbody tr th,
.table_basic.t-left tbody tr td {
	text-align: left;
}
.table_basic thead tr th {
	border-bottom: 2px solid #ddd;
	font-weight: 600;
}
.table_basic tbody tr:nth-child(even) {
	background-color: #fcfcfc;
}
.table_basic tbody tr td > ul > li:not(:last-child) {
    margin-bottom: 10px;
}
@media (max-width:768px) {
	.table_tit {
		margin-bottom: 15px;
	}
	.table_basic {
		border-top: 1px solid #aaa;
	}
	.table_basic thead tr th,
	.table_basic thead tr td,
	.table_basic tbody tr th,
	.table_basic tbody tr td {
		font-size: 13px;
		padding: 10px;
		word-break: keep-all;
	}
}
/*jobidea_02*/
#jobidea_02 .top_tch {
    max-width: 900px;
    margin: 0 auto;
}
#jobidea_02 .top_tch > div {
    vertical-align: top;
}
#jobidea_02 .top_tch .lft a {
	text-decoration: none;
	display: block;
	max-width: 300px;
	margin: 0 auto;
}
#jobidea_02 .top_tch .lft a img {
    border: 1px solid #ddd;
}
#jobidea_02 .top_tch .lft .bt_btn {
	background-color: #288828;
    font-size: 20px;
    color: #fff;
	text-align: center;
    font-weight: 500;
    line-height: 1em;
	padding: 15px;
    text-transform: none;
}
#jobidea_02 .top_tch .rt h1 span {
	font-size: 0.5em;
	font-weight: 400;
}
#jobidea_02 .top_tch .rt h5 span {
    display: inline-block;
    border-top: 1px solid #ddd;
    padding-top: 5px;
}
#jobidea_02 .top_tch .rt > ul > li {
	margin-top: 25px;
}
#jobidea_02 .top_tch .rt > ul > li p {
	position: relative;
	padding-left: 10px;
	line-height: 1em;
	margin-bottom: 10px;
}
#jobidea_02 .top_tch .rt ul li p:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 3px;
	background-color: #288828;
}
#jobidea_02 .top_tch .rt .bk {
    max-width: 400px;
    margin: 0 -5px;
    margin-top: 15px;
}
#jobidea_02 .top_tch .rt .bk > div {
    padding: 0 5px;
}
#jobidea_02 .tab-content {
	box-shadow: 0 0 0;
	border: 0px;
	border-radius: 0px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
#jobidea_02 .nav-tabs img {
	max-width: 150px;
	display: inline-block;
	border-radius: 50%;
}
#jobidea_02 .nav-tabs > li {
    float: left;
    display: block;
}
#jobidea_02 .nav-tabs li a {
	border: 1px solid #ddd;
	background-color: #f7f7f7;
	margin-bottom: 20px;
	border-radius: 0px;
	padding: 15px;
	cursor: pointer;
}
#jobidea_02 .nav-tabs li.active a {
	background-color: #ffff;
	border: 1px solid #288828;
}
#jobidea_02 .nav-tabs ul li {
    color: #333;
}
#jobidea_02 .nav-tabs .btbox ul li {
    display: block;
    word-break: keep-all;
    line-height: 1.3em;
    margin: 4px 0;
    font-weight: 300;
}
#jobidea_02 .nav-tabs .btbox ul li .ect {
    display: inline-block;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
@media (min-width:769px){
    #jobidea_02 .nav-tabs li a {
        height: 400px;
        overflow: hidden;
    }
    #jobidea_02 .top_tch {
        border: 1px solid #ddd;
        padding: 60px 30px;
    }
    #jobidea_02 .top_tch .rt {
        padding-left: 30px;
    }
    #jobidea_02 .top_tch .lft {
        width: 30%;
    }
}
@media (max-width:768px){
	#jobidea_02 .top_tch .lft a {
		max-width: 200px;
		margin-bottom: 15px;
	}
	#jobidea_02 .top_tch .rt > ul > li {
		margin-top: 15px;
	}
	#jobidea_02 .tab-content {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	#jobidea_02 .nav-tabs img {
		max-width: 100%;
	}
	#jobidea_02 .nav-tabs li a {
		padding: 8px;
		margin-bottom: 10px;
	}
	#jobidea_02 .nav-tabs li a h4 {
		color: #666 !important;
        margin-top: 0px !important;
		font-size: 15px !important;
	}
}
/*car_li*/
.car_li li {
    position: relative;
    font-size: 15px;
    color: #1e1e1e;
    font-weight: 300;
    line-height: 1.4em;
    text-transform: none;
    margin: 3px 0;
    padding-left: 10px;
    position: relative;
}
.car_li li span {
    position: absolute;
    left: 0;
}
/*bs_wrp*/
.bs_wrp > li {
    margin: 15px 0;
}
.bs_wrp .bs_item {
    border: 1px solid #ddd;
    position: relative;
    padding: 35px 30px;
}
.bs_wrp .bs_item .ibox img {
    width: 110px;
}
.bs_wrp .bs_item ul {
    margin-top: 15px;
}
.bs_wrp .bs_item ul li {
    font-size: 15px;
    color: #1e1e1e;
    font-weight: 300;
    line-height: 1.4em;
    text-transform: none;
    margin-bottom: 10px;
    word-break: keep-all;
}
@media (min-width:769px){
    .bs_wrp .bs_item {
        padding-right: 200px;
        height: 280px;
    }
    .bs_wrp .bs_item .ibox {
        position: absolute;
        right: 35px;
        bottom: 35px;
    }
}
@media (max-width:768px){
    .bs_wrp .bs_item .ibox {
        width: 110px;
        padding-right: 20px;
    }
    .bs_wrp .bs_item ul li {
        font-size: 13px;
        margin-bottom: 7px;
    }
}
/*top_pt*/
.top_pt > ul {
    display: flex;
    flex-wrap: wrap;
}
.top_pt > ul > li {
    width: 25%;
    padding: 2%;
    border: 1px solid #ddd;
    margin-top: -1px;
    margin-left: -1px;
}
.top_pt > ul > li ul,
.top_pt > ul > li p {
    margin-top: 10px;
}
.top_pt > ul > li ul li,
.top_pt > ul > li p {
    font-size: 16px;
    color: #1e1e1e;
    font-weight: 300;
    line-height: 1.4em;
    text-transform: none;
    margin-bottom: 5px;
    word-break: keep-all;
}
@media (max-width:992px){
    .top_pt > ul > li {
        width: 50%;
        padding: 4% 2%;
    }
}
@media (max-width:768px){
    .top_pt {
        margin-top: 15px;
    }
    .top_pt > ul > li {
        width: 100%;
    }
}
/*pt_wrp*/
#pt_wrp li {
	margin: 10px 0;
}
#pt_wrp li .logobox {
	text-align: center;
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #ddd;
    overflow: hidden;
}
@media (max-width:768px){
    #pt_wrp li {
        margin: 5px 0;
    }
}
/*bs_sec*/
.bs_sec .con_wrp {
	position: relative;
}
.bs_sec .con_wrp .stit h2 {
	line-height: 1.2em;
}
.bs_sec .con_wrp .stit h3 {
	line-height: 1.2em;
}
@media (min-width:769px){
	.bs_sec .con_wrp .stit {
		position: absolute;
		left: 0px;
		top: 0;
		width: 250px;
	}
	.bs_sec .con_wrp .con {
		padding-left: 250px;
	}
}

/*pr_wrp*/
.pr_wrp li .ibox {
    text-align: center;
    position: relative;
}
.pr_wrp li .ibox img {
    width: 90px;
}
.pr_wrp li .tbox {
    border: 1px solid #ddd;
    padding: 35px 25px;
}
.pr_wrp li .tbox ul {
    margin-top: 15px;
}
@media (min-width:769px){
    .pr_wrp li .ibox {
        padding-bottom: 25px;
    }
    .pr_wrp li .ibox:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0px;
        width: 1px;
        height: 25px;
        background-color: #333;
    }
    .pr_wrp li .tbox {
        min-height: 300px;
    }
    .pr_wrp li .tbox h5,
    .pr_wrp li .tbox h6 {
        text-align: center;
    }
}
@media (max-width:768px){
    .pr_wrp > ul > li {
        margin-bottom: 20px;
    }
    .pr_wrp li .ibox {
        width: 100px;
    }
    .pr_wrp li .ibox img {
        width: 70px;
    }
}

/*t_tit*/
.t_tit h2 {
    position: relative;
    padding-left: 35px;
}
.t_tit h2:after {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 25px;
    height: 25px;
    border: 6px solid #c5ca44;
}
@media (max-width:768px){
    .t_tit h2 {
        padding-left: 20px;
    }
    .t_tit h2:after {
        top: 6px;
        width: 15px;
        height: 15px;
        border: 4px solid #c5ca44;
    }
}
/*consec*/
.consec > li {
    margin-top: 6rem;
    position: relative;
}
.consec .lft_t {
    border-top: 1px solid #aaa;
    padding-top: 20px;
    position: relative;
}
.consec .lft_t h4 {
    font-weight: 600;
    line-height: 1.2em;
}
.consec .rt_c {
    padding-top: 2rem;
}
.consec .rt_c h5 {
    padding-top: 1rem;
}
.consec .rt_c .c_list li {
    font-size: 1.7rem;
    line-height: 1.4em;
    color: #222;
    font-weight: 300;
    position: relative;
    padding-left: 20px;
    margin: 0.5rem 0;
}
.consec .rt_c .c_list li i {
    position: absolute;
    left: 0;
    color: #8b2d2a;
    top: 3px;
}
@media (min-width:769px) {
    .consec .lft_t {
        width: 23%;
        float: left;
    }
    .consec .rt_c {
        float: left;
        margin-left: 5%;
        width: 72%;
        border-top: 1px solid #aaa;
    }
}
@media (max-width:768px) {
    .consec p {
        font-size: 14px;
    }
}
/*img_pr*/
.img_pr > div {
    padding: 15px;
}
.img_pr img {
    border-radius: 10px;
    border: 5px solid #ddd;
}
@media (max-width:768px) {
    .img_pr > div {
        padding: 5px;
    }
    .img_pr img {
        border-top-width: 2px;
    }
}
/*table_basic*/
.table.table_basic {
    border-top: 2px solid #314b6d;
}
.table.table_basic.table_fx {
    table-layout: fixed;
}
.table.table_basic thead tr th {
    background-color: #f4f4f4;
}
.table.table_basic thead tr th,
.table.table_basic thead tr td,
.table.table_basic tbody tr th,
.table.table_basic tbody tr td {
    font-size: 1.7rem;
    color: #221814;
    line-height: 1.3em;
    text-transform: none;
    border: 1px solid #ddd;
    font-weight: 600;
    padding: 2rem;
    word-break: keep-all;
}
.table.table_basic thead tr th:first-child,
.table.table_basic thead tr td:first-child,
.table.table_basic tbody tr th:first-child,
.table.table_basic tbody tr td:first-child {
    border-left: 0px;
}
.table.table_basic thead tr th:last-child,
.table.table_basic thead tr td:last-child,
.table.table_basic tbody tr th:last-child,
.table.table_basic tbody tr td:last-child {
    border-right: 0px;
}
.table.table_basic thead tr th,
.table.table_basic tbody tr th {
    font-weight: 500;
}
.table.table_basic tbody tr td {
    font-weight: 400;
}
.table.table_basic.table_center thead tr th,
.table.table_basic.table_center thead tr td,
.table.table_basic.table_center tbody tr th,
.table.table_basic.table_center tbody tr td {
    text-align: center;
}
.table.table_basic.table_vh thead tr th,
.table.table_basic.table_vh thead tr td,
.table.table_basic.table_vh tbody tr th,
.table.table_basic.table_vh tbody tr td {
    vertical-align: middle;
}
.table.table_basic.table_wb thead tr th,
.table.table_basic.table_wb tbody tr td,
.table.table_basic.table_wb tbody tr th {
    word-break: keep-all;
}
.table.table_basic tbody tr th,
.table.table_basic tbody tr td {
    background-color: rgba(255, 255, 255, 0.5);
}
.table.table_basic tbody tr.imp th,
.table.table_basic tbody tr.imp td {
    background-color: #fdfffb;
}
.table.table_basic tbody tr.imp td {
    color: #082c44;
    font-weight: 500;
}
.table.table_basic tbody tr td.text-left {
    text-align: left;
}
.table.table_basic tbody tr td.text-right {
    text-align: right;
}
.table.table_basic tbody tr.bg_gr {
    background-color: #f7f7f7;
}
@media (max-width:768px) {
    .tb_wrp {
        overflow-x: scroll;
    }
    .tb_wrp:before {
        content: "☞ 좌우로 스크롤하여 표 전체 내용 확인이 가능합니다.";
        display: inline-block;
        margin-bottom: 5px;
        font-weight: 300;
    }
    .tb_wrp .table.table_basic {
        width: 600px;
    }
    .table.table_basic thead tr th,
    .table.table_basic thead tr td,
    .table.table_basic tbody tr th,
    .table.table_basic tbody tr td {
        font-size: 13px;
    }
}
/*info_list*/
.info_list > li:not(:first-child) {
    margin-top: 3rem;
}
.info_list > li > h5 {
    margin-bottom: 1rem;
    position: relative;
    padding-left: 25px;
    padding-top: 0px !important;
    line-height: 1em;
}
.info_list > li > h5:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(../img/cl_dt.png) left center no-repeat;
    background-size: 20px;
}

/* proList */
.proList {
    position: relative;
    z-index: 3;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.proList li {
    position: relative;
}
.proList li:after {
    content: "";
    position: absolute;
    width: 28px;
    height: 60px;
}
.proList .item .icon {
    width: 60px;
    height: 60px;
    background-color: #f7f7f7;
    border-radius: 50%;
    font-size: 25px;
    color: #111;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1em;
    margin: 0 auto;
}
.proList .item .txt h6 {
    line-height: 1.2em;
}
.proList .item .txt p {
    line-height: 1.3em;
}
.proList .item .txt p i {
    font-weight: 700;
}
@media (min-width:768px){
    .proList .item .txt h5 {
        margin-top: 15px;
    }
}
@media (min-width:992px){
    .proList .item .txt {
        margin-top: 15px;
    }
    .proList .item .txt p {
        margin-top: 5px;
    }
    .proList .prc1:after,
    .proList .prc2:after,
    .proList .prc3:after,
    .proList .prc4:after {
        top: calc(50% - 30px);
        right: -14px;
        background: url(../img/arrRt.png) center center no-repeat;
    }
}
@media (max-width:992px){
    .proList {
        display: flex;
        flex-wrap: wrap;
    }
    .proList > li {
        width: 50%;
        margin-bottom: 40px;
    }
    .proList .item .txt {
        margin-top: 15px;
        height: 130px;
    }
    .proList .prc1 {order:1}
    .proList .prc2 {order:2}
    .proList .prc3 {order:4}
    .proList .prc4 {order:3}
    .proList .prc5 {order:5;}
    .proList .prc6 {order:6;}
    .proList1 .prc5 {margin-bottom: 0px;}
    .proList1 .prc6 {margin-bottom: 0px;}
    .proList .prc2:after,
    .proList .prc4:after{
        background: url(../img/arrBt.png) center center no-repeat;
        bottom: -30px;
        left: calc(50% - 30px);
    }
    .proList .prc3:after{
        left: -30px;
        background: url(../img/arrLt.png) center center no-repeat;
    }
    .proList .prc1:after,
    .proList .prc3:after,
    .proList .prc5:after{
        top: calc(50% - 30px);
    }
}
@media (max-width:767px){
    .proList > li {
        width: 100%;
        padding: 15px;
        margin: 0px;
    }
    .proList .item {
        border: 1px solid #ddd;
        padding: 20px 15px;
        border-radius: 10px;
    }
    .proList .item .txt {
        margin-top: 0;
        height: auto;
    }
    .proList li:after {
        width: 20px;
        height: 20px;
        background-size: 20px !important;
    }
    .proList .prc1:after,
    .proList .prc2:after,
    .proList .prc3:after,
    .proList .prc4:after {
        background: url(../img/arrBt.png) center center no-repeat;
        bottom: -10px;
        top:  auto;
        left: calc(50% - 10px);
    }
    .proList1 .prc6:after,
    .proList2 .prc8:after {
        display: none;
    }
    .proList > li .m_wrp {
        padding: 20px;
        border: 1px solid #ddd;
    }
    .proList > li .img {
        width: 20%;
    }
    .proList > li .txt {
        text-align: left;
        width: 80%;
        padding-left: 0;
    }

    .proList .prc1 {order:1}
    .proList .prc2 {order:2}
    .proList .prc3 {order:3}
    .proList .prc4 {order:4}
    .proList .prc5 {order:5;}
    .proList .prc6 {order:6;}
}

@media (max-width:767px){
    .proList > li {
        padding: 20px 0;
    }
    .proList .item {
        display: flex;
        align-items: center;
    }
    .proList .item .icon {
        width: 50px;
        height: 50px;
        text-align: center;
    }
    .proList .item .icon span {
        display: inline-block;
        background-color: #fff;
        border-radius: 50%;
        padding: 0;
    }
    .proList .item .txt {
        padding-left: 20px;
        width: calc(100% - 50px);
        text-align: left;
    }
}
@media (max-width:500px){
    .proList .item .txt h5 {
        font-size: 15px;
    }
}
/* btnWrp */
.btnWrp .btnItem {
    overflow: hidden;
    position: relative;    
    text-decoration: none;
    display: inline-block;
    padding: 12px 30px;
    line-height: 1em;
    background-color: #1b2847;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    border-radius: 5px;
    letter-spacing: 0px;
    margin-top: 3px;
    cursor: pointer;
}
.btnWrp .btnItem.none {
    background-color: #a5a5a5;
}
.btnWrp .btnItem.line {
    background-color: transparent;
    color: #666;
    border: 1px solid #aaa;
}
.btnWrp .btnItem.sm {
    font-size: 17px;
    width: 150px;
    font-weight: 500;
    text-align: center;
    margin: 0 2px;
}
.btnWrp .btnItem.md {
    font-size: 20px;
    width: 150px;
    font-weight: 500;
    text-align: center;
    margin: 0 2px;
}
.btnWrp .btnItem.sq {
    border-radius: 5px;
}
@media (max-width:768px){
    .btnWrp .btnItem {
        font-size: 12px;
        padding: 8px 15px;
    }
    .btnWrp .btnItem.md {
        font-size: 16px;
        width: 130px;
    }
    .btnWrp .btnItem.sm {
        font-size: 14px;
    }
    .btnWrp .btnItem.md {
        font-size: 16px;
    }
}
/* deptList */
.deptList .item {
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 40px 15px;
}
.deptList .item .icon i {
    font-size: 40px;
    line-height: 1em;
}
.deptList .item h4 {
    font-weight: 700;
}
.deptList .item h5 {
    line-height: 1.4em;
}
@media (max-width:767px) {
    .deptList .item {
        display: flex;
        border: 1px solid #ddd;
        border-radius: 15px;
        padding: 15px;
        align-items: center;
        margin: 10px 0;
    }
    .deptList .item .icon {
        width: 20%;
        align-items: center;
        justify-content: center;
    }
    .deptList .item .icon i {
        font-size: 18px;
    }
    .deptList .item .txt {
        width: 80%;
        text-align: left;
        padding-left: 10px;
    }
}

/* notionImg */
.notionImg {
    width: 150px;
}