/* ================================================================*/
/* Community - youtube (sub)	   	 							   */
/* ================================================================*/

/* ================================================================*/
/* // Community - youtube (sub)	   	 							   */
/* ================================================================*/

/* ================================================================*/
/* Community - column (sub)	      	 							   */
/* ================================================================*/

.column_cont_area {
	width:100%;
	margin-top:60px;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
}

.column_cont {
	width: calc(100%/3 - 26.66666px);
	margin-bottom: 80px;
    margin-right: 40px;
}

.column_cont:nth-child(3n) {margin-right:0;}


.column_thumnail {
	position:relative;
	width:100%;
	padding-bottom: 58.91%;
	overflow:hidden;
}

.column_thumnail img {
    position: absolute;
    left: 0px;
    top: 50%;
    width: 100%;
    /* height: 100%; */
    transform: translateY(-50%);
}

.column_txt {
	margin-top:15px;
}

.column_title {
	color:#111;
	font-family: Pretendard;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	
	overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}

.column_date {
	color:#777;
	padding-top:10px;
	font-family: Lato;
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	letter-spacing: 0em;
	text-align: left;
}

.front_paging_line.column {
	margin-top:20px;
}


@media (max-width:991px) {
	.column_cont_area {
		width: 100%;
		margin-top: 0px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.column_cont {
		width: calc(50% - 10px);
		margin-bottom: 40px;
		margin-right: 0px;
	}
	
	.column_title {
		font-size: 17px;
		line-height: 22px;
	}
	
	.column_date {
		padding-top: 7px;
		font-size: 14px;
		line-height: 20px;
	}
}
@media (max-width:767px) {
	.column_cont_area {
		width: 100%;
		margin-top: 0px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
	}
	
	.column_cont {
		width:100%;
		margin-bottom: 25px;
		margin-right: 0px;
	}
	
	.column_title {
		font-size: 15px;
		line-height: 20px;
	}
	
	.column_date {
		padding-top: 5px;
		font-size: 12px;
		line-height: 18px;
	}
}

/* ================================================================*/
/*   // Community - column (sub)	      	 					   */
/* ================================================================*/


/* ================================================================*/
/*   Community - 자격판정 				      	 				   */
/* ================================================================*/

#jujment .c_title {
	text-align:center;
}

.j_box_t {
	color:#555;
    padding: 30px;
    background: #F8F8F8;
    width: 100%;
    max-width: 1000px;
    margin: 40px auto;
	
	font-family: Pretendard;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
}
.j_call {
	font-weight: 700;
}

.q_box_Wrap {
    color: #555;
    background: #fff;
    width: 100%;
    max-width: 1000px;
    margin: 40px auto;
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}
.q_box_Wrap .form-group{
	width:100%;
	padding:30px;
	margin:0 auto;
	max-width:1000px;
	margin-bottom: 20px;
	border:1px solid #EEE;
}
.q_box_Wrap .form-group label{
	display:block;
	font-size: 20px;
	font-weight: 500;
	line-height: 27px;
	letter-spacing: 0em;
	text-align: left;
	position:relative;
	padding-left:35px;
}
.q_box_Wrap .form-group label dd {
    position: absolute;
    left: 0px;
    top: 1px;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #00316A;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    color: #fff;
    font-family: Pretendard;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -1px;
    text-align: center;
}
.q_box_Wrap .form-group select{
	font-family: Pretendard;
	/* width: 190px; */
	padding: 15px;
	margin-top:25px;
    border: 1px solid #eee;
	position:relative;
	
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	letter-spacing: 0px;
	text-align: left;
	color:#555;
	
	/* -webkit-appearance: none; */
    /* -moz-appearance: none; */
    /* appearance: none; */
}
.q_box_Wrap .form-group .fgp{
	font-size: 16px;
    display: block;
    padding-left: 35px;
    margin-top: 0px;
}
.q_box_Wrap .form-group .fgul{
    display: block;
    padding-left: 35px;
}
.q_box_Wrap .form-group .fgul li{
	font-size: 15px;
    display: block;
    padding-left: 0px;
    margin-top: 0px;
}


.q_box_Wrap .form-group .boxscore{
	display:flex;
}
.q_box_Wrap .form-group .boxscore .boxscoreInner{
	position:relative;
	margin-right:15px;
}
.q_box_Wrap .form-group .boxscore .boxscoreInner select{
	width:190px;
	margin-top: 10px;
}
.q_box_Wrap .form-group .boxscore .boxscoreInner label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 1px;
    text-align: left;
    position: relative;
    padding-left: 0px;
    color: #00316A;
}

.marT10{margin-top:10px;}
.marT30{margin-top:30px;}
.marB30{margin-bottom:30px;}
/* .q_box_Wrap .form-group select{ */
	 /* cursor: pointer; */
    /* font-size: 16px; */
    /* line-height: 19px; */
    /* color: #555; */

    /* background: url(../img/nm_select-nav-arrow.png) no-repeat 90% 50%/15px auto; */
	

/* } */


/* .form-control:after { */
    /* content: ''; */
    /* position: absolute; */
    /* right: 20px; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
    /* background-image: url(../img/nm_select-nav-arrow.png); */
    /* background-size: 13px; */
    /* background-repeat: no-repeat; */
    /* background-position: center; */
    /* width: 22px; */
    /* height: 13px; */
    /* z-index: 10; */
/* } */

.form-control {
    height: auto;
    max-width: 100%;
    min-height: 37px;
    width: auto;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .5;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.nonefinalWrap {
    background: #fff;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
	padding:30px 0px 0px 0px;
}
.nonefinalWrap .alert-danger{
}
.nonefinalicon {
    padding-bottom: 40px;
    display: block;
    text-align: center;
}
.nonefinalicon img{
	display:inline-block;
	max-width:100%;
	height:60px;
}
.nonefinalWrap .alert-danger p {
    color: #555;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    display: block;
    margin-bottom: 0px;
	padding: 30px 30px 30px 30px;
	background: #F8F8F8;
}

.finalWrap {
    background: #fff;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
	padding:80px 0px 0px 0px;
}
.finalWrap h2 {
	display:block;
	font-size: 48px;
	font-weight: 700;
	line-height: 58px;
	letter-spacing: 0em;
	text-align: center;
	color:#111;
	opacity: 1;
}
.finalWrap .alert-info{
	padding: 30px 30px 130px 30px;
	background: #F8F8F8;
	margin-top:40px;
}

.finalWrap .alert-info p{
	color:#555;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0em;
	text-align: left;
	display:block;
	margin-bottom:40px;
}

.finiBox {
    position: relative;
    display: block;
    text-align: left;
}

#spouse_factors{
	margin-top:30px;
}
#skill_factors{
	top: 0px;
    display: inline-block;
    position: absolute;
    left: 290px;
}
#totals{
	position: absolute;
    left: 580px;
    top: 0px;
}

#spouse_factors2{
	margin-top:30px;
}
#skill_factors2{
	top: 0px;
    display: inline-block;
    position: absolute;
    left: 290px;
}
#totals2{
	position: absolute;
    left: 580px;
    top: 0px;
}


.facBox{
	display:inline-block;
	width:250px;
}
.facBox h3{
	background: #555555;
	padding:8px;
	display:block;
	
	text-align: center;
	color:#fff;
}
.facBox h3 strong{
	font-family: Pretendard;
	color:#fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 19px;
	letter-spacing: 0em;
}
.facBox .factorsInner{
	display:block;
	position:relative;
	padding:18px;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
}
.facBox .factorsInner .list-unstyled{
	padding-bottom:12px;
	border-bottom:1px solid #EEEEEE;
}
.facBox .factorsInner .list-unstyled li:first-child{
	margin-top:0px;
}
.facBox .factorsInner .list-unstyled li{
	position:relative;
	display:block;
	margin-top:8px;
	font-family: Pretendard;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: left;
	color:#555;
}
.facBox .factorsInner .list-unstyled li span{
	font-family: Pretendard;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: right;
	color:#111;
	position:absolute;
	right:0px;
	top:0px;
}
.facBox .factorsInner .lst-no-blt{
	padding-left:10px;
	display:block;
	position:relative;
	margin-top:10px;
}
.facBox .factorsInner .lst-no-blt li {
    display: block;
    position: relative;
    font-size: 15px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #999;
    margin-top: 5px;
}
.facBox .factorsInner .lst-no-blt li span{
	font-family: Pretendard;
	font-size: 15px;
	font-weight: 500;
	line-height: 19px;
	letter-spacing: 0em;
	text-align: right;
	color:#999;
	position:absolute;
	right:0px;
	top:0px;
}





.facBox .factorsInner p {
    line-height: 20px;
    display: block;
    margin-top: 12px;
    position: relative;
    margin-bottom: 0px;
}
.facBox .factorsInner p strong{
	margin:0;
	display:inline-block;
	font-family: Pretendard;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: left;
	color:#111;
}
.facBox .factorsInner p em{
	font-family: Pretendard;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: left;
	color:#555;
}
.facBox .factorsInner p span{
	font-family: Pretendard;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: right;
	color:#111;
	position:absolute;
	right:0px;
	top:0px;
}

.facDi:first-child{
	margin-top:0px;
}
.facDi{
	margin-top:40px;
	display:block;
	position:relative;
}
.facDi h4{
	display:block;
	font-family: Pretendard;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: left;
	color:#111;
	margin-bottom:15px;
	margin-top:0px;
}
.facDi p{
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: left;
	color:#555;
	display:block;
	position:relative;
}
.facdline{
	padding-bottom: 12px;
    border-bottom: 1px solid #eee;
}

.totalLineBox {
    border-top: 1px solid #ddd;
    padding-top: 30px;
    position: absolute;
    left: -580px;
    bottom: -335px;
    width: 940px;
}
.totalLineBox p{
	width:100%;
	position:relative;
	margin:0;
}
.totalLineBox strong{
	font-family: Pretendard;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
	color:#111;
}
.totalLineBox dd {
    display: flex;
    top: 30px;
    margin: 0;
    position: absolute;
    right: 0px;
    font-family: Pretendard;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: right;
    color: #111;
}
.totalLineBox dd .hanto{
	display:inline-block;
	font-family: Pretendard;
	font-size: 24px;
	font-weight: 500;
	line-height: 40px;
	letter-spacing: 0em;
	text-align: left;
	color:#111;
	margin-right:10px;
}
.totalLineBox dd .hannum{
	display:inline-block;
	font-family: Pretendard;
	font-size: 33px;
	font-weight: 400;
	line-height: 40px;
	letter-spacing: 0em;
	text-align: right;
	color:#111;
}






































.quest_box {
	width:100%;
	padding:30px;
	margin:0 auto;
	max-width:1000px;
	margin-bottom: 20px;
	border:1px solid #EEE;
}

.quest_box:last-child {
    margin-bottom: 0;
}
.question {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.ques_num {
	width:25px;
	height:25px;
	background: #00316A;
	border-radius: 50%;
	display:flex;
	justify-content: center;
    align-items: center;
	margin-right:10px;
}
.q_num {
	color:#fff;
	font-family: Pretendard;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px;
	letter-spacing: -1px;
	text-align: center;
}
.ques{
	color:#111;
	font-family: Pretendard;
	font-size: 20px;
	font-weight: 500;
	line-height: 27px;
	letter-spacing: 0em;
	text-align: left;
}

select.answer {
    width: 190px;
	padding: 15px;
	margin-top:25px;
    border: 1px solid #eee;
   
}

select.answer {
    cursor: pointer;
    font-size: 16px;
    line-height: 19px;
    color: #555;

    background: url(../public/img/select-nav-arrow.png) no-repeat 91% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}

#jujment .send_btn {
    font-size: 22px;
    font-family: Pretendard;
    width: 240px;
    height: 74px;
    background: #01B5DC;
    margin: 0 auto;
    margin-top: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#jujment .sc_result {
	margin-top:120px;
}

.sc_result_box {
	width:100%;
	margin:40px auto 20px;
	max-width:1000px;
	background:#F8F8F8;
	padding:30px;
}

.sc_re_box_txt {
	color:#555;
	font-family: Pretendard;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
}

.question_box {
	width:100%;
	padding:30px;
	max-width:1000px;
	border-radius:5px;
	margin:40px auto 20px;
	border:1px solid #EEE;
}

.b_txt_box {
	display:flex;
	margin-top:20px;
}
.tel {
	width: 50%;
	color:#111;
	font-family: Pretendard;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	display: flex;
}
.b_tel {
    font-weight: 700;
    padding-right: 10px;
}

.final_score {
	display:flex;
	padding-top:30px;
	border-top:1px solid #DDD;
	
	font-family: Pretendard;
	font-size: 24px;
	font-weight: 500;
	line-height: 40px;
}

.f_txt {
	color:#111;
    width: 83.5%;
	font-size:18px;
	line-height:24px;
}
.f_score {
	font-weight:700;
	font-size:40px;
	line-height:40px;
	padding: 0 2px 0 10px;
}

.f_point {
	font-weight:400;
	font-size:33px;
	color:#111;
}


.test_box {
	width:250px;
	background:#fff;
	font-family: Pretendard;
}

.test_box_inner {
	padding:18px 20px;
}

.test_re {
	display:flex;
}

.test_name {
	width: 85%;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
}
.test_score {
	width: 17.2%;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	text-align: right;
}

ul.test_re.test_group {
    display: flex;
    flex-direction: column;
}

.b_test {
    display: flex;
}

.s_test {
    display: flex;
	padding-left: 10px;
	color:#999;
	font-size: 15px;
	line-height: 19px;
}

.plus_score {
	margin-top:12px;
	padding-top:12px;
	border-top: 1px solid #EEE;
}

.plus_score .test_name,.test_score {
	color:#111;
	font-size: 16px;
	line-height: 20px;
}

/* .test_box thead { */
	/* font-size: 16px; */
	/* font-weight: 600; */
	/* line-height: 19px; */
	/* text-align: center; */
	/* background:#555; */
	/* color:#fff; */
/* } */
/* .test_box th { */
	/* padding:8px 0; */
/* } */

/* .test_box td { */
    /* padding-bottom: 8px; */
/* } */

/* .test_box td.area { */
	/* color:#555; */
	/* font-size: 16px; */
	/* font-weight: 400; */
	/* line-height: 20px; */
/* } */
@media (max-width:1054px){
	
}

@media (max-width:991px){
	.j_box_t {
		padding:15px;
		margin:16px 0 20px;
		font-size:14px;
		line-height:23px;
	}
	
	#jujment .send_btn {
		width:100%;
	}
	
	.finalWrap .alert-info {
		padding: 30px 30px 60px 30px;
		background: #F8F8F8;
		margin-top: 40px;
	}
	.q_box_Wrap .form-group {
		padding: 20px;
		margin-bottom: 20px;
	}
	.q_box_Wrap .form-group label {
		font-size: 18px;
	}
	.q_box_Wrap .form-group label dd {
		font-size: 12px;
	}
	
	
	.q_box_Wrap .form-group .boxscore .boxscoreInner {
		width: 100%;
		position: relative;
		margin-right: 15px;
	}
	.q_box_Wrap .form-group .boxscore .boxscoreInner select {
		width: 100%;
		margin-top: 10px;
	}
	
	
	.facBox {
		display: inline-block;
		width: 100%;
	}
	#skill_factors {
		margin-top: 30px;
		top: 0px;
		display: block;
		position: relative;
		left: 0px;
	}
	#totals {
		position: relative;
		left: 0px;
		top: 0px;
		margin-top: 30px;
	}
	.totalLineBox {
		margin-top: 30px;
		border-top: 1px solid #ddd;
		padding-top: 30px;
		position: relative;
		left: 0px;
		bottom: 0px;
		width: 100%;
	}
}

@media (max-width:767px){
	.q_box_Wrap {
		margin: 20px auto;
	}
	.q_box_Wrap .form-group {
		padding: 15px;
		margin-bottom: 10px;
	}
	.q_box_Wrap .form-group label {
		line-height: 24px;
		padding-left: 26px;
		font-size: 15px;
	}
	.q_box_Wrap .form-group label dd {
		top: 2px;
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 11px;
		margin-right:0px;
	}
	.q_box_Wrap .form-group select {
		background-color:#fff;
		padding: 15px;
		margin-top: 10px;
		font-size: 14px;
		line-height: 16.8px;
	}
	.form-control {
		height: auto;
		max-width: 100%;
		min-height: 37px;
		width: 100%;
	}
	
	.form-group p strong{
		font-size: 17px;
	}
	.marT30 {margin-top: 20px;}
	.marB30 {margin-bottom: 20px;}
	
	
	.boxscore{
		text-align: left;
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		list-style: none;
		padding: 0;
		margin:10px 0px 0px 0px;
	}
	.boxscore .boxscoreInner {
		float: left;
		text-align: center;
		width: calc(50% - 5px)!important;
		position: relative;
		display: inline-block;
		list-style: none;
		margin: 0 10px 10px 0px!important;
	}
	.boxscore .boxscoreInner:nth-child(2n){
		margin: 0 0px 10px 0px!important;
	}
	.q_box_Wrap .form-group .boxscore .boxscoreInner label {
		font-size: 13px;
		line-height: 15px;
		letter-spacing: 1px;
	}
	
	.q_box_Wrap .form-group .fgp {
		font-size: 13px;
		display: block;
		padding-left: 26px;
		margin-top: 0px;
		line-height: 18px;
	}
	.q_box_Wrap .form-group .fgul {
		display: block;
		padding-left: 26px;
	}
	.q_box_Wrap .form-group .fgul li {
		font-size: 13px;
		display: block;
		padding-left: 0px;
		margin-top: 0px;
		line-height: 18px;
	}
	.form-group p strong {
		font-size: 16px;
	}
	
	#jujment .send_btn {
		font-size: 18px;
		width: 100%;
		height: 66px;
		margin-top: 30px;
	}
	
	.finalWrap {
		padding: 60px 0px 0px 0px;
	}
	.finalWrap h2 {
		font-size: 20px;
		line-height: 26px;
		text-align: left;
	}
	.finalWrap .alert-info {
		padding: 15px 15px 30px 15px;
		margin-top: 16px;
	}
	.finalWrap .alert-info p {
		font-size: 14px;
		line-height: 23px;
		margin-bottom: 20px;
	}
	.facBox h3 strong {
		font-size: 13px;
		line-height: 15px;
	}
	.facBox .factorsInner {
		padding: 14px 16px 14px 16px;
	}
	#spouse_factors {
		margin-top: 20px;
	}
	#skill_factors {
		margin-top: 20px;
	}
	#totals {
		margin-top: 20px;
	}
	.totalLineBox {
		margin-top: 20px;
		padding-top: 20px;
	}
	.totalLineBox strong {
		font-size: 14px;
		line-height: 23px;
	}
	.totalLineBox dd {
		top: 20px;
		font-size: 30px;
		line-height: 35px;
	}
	.totalLineBox dd .hanto {
		font-size: 18px;
		line-height: 35px;
		margin-right: 7px;
	}
	.totalLineBox dd .hannum {
		font-size: 26px;
		line-height: 35px;
	}
	
	.facBox .factorsInner .list-unstyled {
		padding-bottom: 10px;
	}
	.facBox .factorsInner .list-unstyled li {
		margin-top: 6px;
		font-size: 13px;
		line-height: 16px;
	}
	.facBox .factorsInner .list-unstyled li span {
		font-size: 13px;
		line-height: 16px;
	}
	.facBox .factorsInner .lst-no-blt {
		padding-left: 8px;
		margin-top: 6px;
	}
	.facBox .factorsInner .lst-no-blt li {
		font-size: 12px;
		font-weight: 500;
		line-height: 15px;
		margin-top: 5px;
	}
	.facBox .factorsInner .lst-no-blt li span {
		font-size: 12px;
		line-height: 15px;
	}
	.facBox .factorsInner p {
		line-height: 16px;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	.facBox .factorsInner p strong {
		font-size: 13px;
		font-weight: 500;
		line-height: 16px;
	}
	.facBox .factorsInner p span {
		font-size: 13px;
		font-weight: 500;
		line-height: 16px;
	}
	.facBox .factorsInner p em {
		font-size: 13px;
		line-height: 16px;
	}
	.facDi h4 {
		font-size: 13px;
		line-height: 16px;
		margin-bottom: 12px;
		margin-top: 0px;
	}
	.facDi {
		margin-top: 26px;
	}
	
	
	.question_box {
		padding: 15px 15px 20px 15px;
		border-radius: 5px;
		margin: 20px auto 0px;
	}
	.b_txt_box {
		display: block;
		margin-top: 12px;
	}
	.sc_re_box_txt {
		font-size: 14px;
		line-height: 23px;
	}
	.tel {
		padding-left: 66px;
		position: relative;
		margin-bottom: 8px;
		width: 100%;
		color: #111;
		font-family: Pretendard;
		font-size: 14px;
		font-weight: 500;
		line-height: 16.8px;
		display: flex;
	}
	.b_tel {
		position: absolute;
		font-weight: 700;
		padding-right: 10px;
		left: 0px;
		top: 0px;
	}
	.tel:last-child{
		margin-bottom:0px;
	}
}
@media (max-width:440px){
	.facBox {
		width: 205px;
	}
}

/* ================================================================*/
/*   // Community - 자격판정 			      	 					   */
/* ================================================================*/



/* ================================================================*/
/*   	 Community - Q&A (sub)	      	 						   */
/* ================================================================*/

.reTable_Wrap{
	margin-top:60px;
	width:100%;
	position:relative;
}

.reTable_Top{
	width:100%;
	display:flex;
	border-top:1px solid #111111;
	border-bottom: 1px solid #EEE;
}

.reTable_Top span {
	color:#222;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.44;
	padding: 16px 0px 17px 0px;
	text-align: center;
}

/* .reTable_Top .rtwid72 {font-family: 'Noto Sans KR';} */

.nonefont{font-family: Pretendard!important;}
.rtwid5{font-family: 'Lato'; width:6.48%;}
.rtwid72{width:72.2%;padding-left:20px;text-align:left;}
.rtwid82{width:82.93%;padding-left:20px;text-align:left;}
.rtwid10{ width:10.73%;}
.rtwid10_2{ font-family: 'Lato'; width:10.73%;}

/* 승인현황 리스트 */

.reTable_Mid{
	color:#222;
	display:flex;
	width:100%;
	border-bottom:1px solid #EEEEEE;
	border-left:none;
	border-right:none;
	text-align: center;

	font-size: 20px;
	font-weight: 400;
	line-height: 1.2;
}

.reTable_Mid:hover {
    background: #F6F6F6;
    cursor: pointer;
}

.Receipt{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	width: 76px;
	height: 28px;
	display:inline-block;
	border: 1px solid #999999;
	border-radius: 15px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 26px;
	text-align: center;
	color: #999999;
}
.complete{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	width: 76px;
	height: 28px;
	display:inline-block;
	border: 1px solid #01B5DC;
	border-radius: 15px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 26px;
	text-align: center;
	color: #01B5DC;
}

.rtm{
	position:relative;
	color:#111;
	font-weight:400;
	font-size: 18px;
	font-weight: 400;
	line-height: 21.6px;
	padding:24px 0px;
}

.rmLink {
    padding-left: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 22px;
    overflow: hidden;
}

.rtm.rmLink.rtwid72 a {
    position: relative;
    margin-right: 20px;
}

.gray {color:#999;}
.nameblock span{
	overflow: hidden;
	 text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.rtm.rtwid10_2.gray p {
    display: inline;
}
.moreg_only{
	display:none!important;
}

.lock_icon {
	display:flex;
}

.icon_box {
    right: -2px;
    top: 0px;
    width: 12px;
    height: 13px;
    padding-left: 10px;
    position: relative;
}

.icon_box img {
	height: 100%;
}

#qna .list_btn {
    width: 180px;
	margin: 60px auto 0px;
	background-color: #fff;
    border: 2px solid #01B5DC;
    transition: all 0.15s ease-in;
}

#qna .list_btn p {
	width: 100%;
	display: inline-block;
    text-align: center;
    padding: 19px 0;
    color: #039BD0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.22;
    transition: all 0.15s ease-in;
}
#qna .list_btn:hover {background:#01B5DC;}
#qna .list_btn:hover p {color:#fff!important;}
 
@media (max-width:991px) {
	#qna .c_sub_title {
		margin-bottom:30px;
		font-family: Pretendard;
		font-size: 20px;
		font-weight: 700;
		line-height: 26px;
	}
	
	.reTable_Top span {
		color: #222;
		font-size: 14px;
		font-weight: 400;
		line-height: 16.8px;
	}
	
	.reTable_Wrap {
		margin-top: 0px;
	}
	
	.rtwid10_2 {
		width: 15.7%;
	}
	
	.reTable_Mid {justify-content: center;}
	
	.reTable_Mid:hover a {
		color:#111;
		font-family: Noto Sans KR;
		font-size: 14px;
		font-weight: 500;
		line-height: 20px;
		letter-spacing: 0px;
		text-align: left;

	}
	
	.icon_box {
		width: 8.6px;
		height: 9.7px;
		padding-left: 7.7px;
	}
	
	.moreg_only {
		display: block!important;
	}
}


@media (max-width:767px) {
	
	.reTable_Top {
		justify-content: center;
	}
	
	.reTable_Top span {
		margin:0 10px;
	}
	.rtwid5 {display:none;}
	.rtwid10 {width: 21%; text-align:center!important;}
	.rtwid10_2 {display:none;}
	.rtm .pc_only {display:none!important;}

	.rtm {
		font-family: Pretendard;
		font-size: 14px;
		font-weight: 400;
		line-height: 17px;
		letter-spacing: 0px;
		text-align: left;
		margin:0 10px;

		padding: 19px 0px 19px 0px;
	}
	.rtm.rtwid10_2.gray {text-align: center;}
	#qna .list_btn {
		width: 117px;
		margin-top:20px;
		background-color: #fff;
		border: 2px solid #01B5DC;
		transition: all 0.15s ease-in;
	}
	#qna .list_btn p {
		text-align: center;
		padding: 10px 0;
		color: #01B5DC;
		font-size: 15px;
		font-weight: 500;
		line-height: 18px;
		transition: all 0.15s ease-in;
	}
	.icon_box {
		padding-left: 4.7px;
	}
}

@media (max-width:500px) {
	.reTable_Top span {
		margin: 0px;
	}
	.rtm {
		margin: 0 0px 0px 0px;
	}
	
	.nameblock{
		margin-right:10px!important;
	}
	
	.stumwid01{
		width:80%!important;
	}
	.stumwid02{
		width:20%!important;
	}
	
	.complete {
		width: 66px;
		height: 28px;
		display: inline-block;
		border: 1px solid #01B5DC;
		border-radius: 15px;
		font-size: 13px;
		line-height: 26px;
	}
	.Receipt {
		width: 66px;
		height: 28px;
		font-size: 13px;
		line-height: 26px;
	}
	
	
}

/* ================================================================*/
/*   // Community - Q&A (sub)	      	 						   */
/* ================================================================*/



/* ============================================== */
/* qna 공개 게시글 (qnadetail)						  */
/* ============================================== */

.qna_detail_wrap .detail_btn {
    width: 9px;
    height: 18px;
}

.qna_detail_wrap .detail_btn img {
	width:100%;
}

.qna_detail_wrap .detail_cont {
	margin:60px auto;
}

.qna_detail_wrap .title {
	font-size: 27px;
	font-weight: 500;
	line-height: 1.11;
	padding-bottom:20px;
}

.qna_detail_wrap .date {
	opacity: 1;
	color:#AAAAAA;
	font-family: Lato;
    margin-top: 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.18;
	padding-bottom:30px;
}
.pad3020{padding-bottom:30px;}

.detail_bottom {
	display:flex;
	align-items: center;
	justify-content: center;
	border:1px solid #EEE;
	border-left:none;
	border-right:none;
}


.qna_detail_wrap .detail_bottom {
	justify-content: flex-start;
}

/* 이민칼럼 상세 */
.qna_detail_wrap .word_detail_txt{
	padding: 40px 0 40px 0px;
	font-family: Pretendard!important;
	word-break: break-all;
}
.qna_detail_wrap .word_detail_txt strong{
	font-weight: 700;
}
.qna_detail_wrap .word_detail_txt img{
	max-width:100%;
}
.qna_detail_wrap .word_detail_txt table{
	width:100%;
}

/* 승인현황 상세 */
.detail_statusbottom{
	display:block;
	border: 1px solid #EEE;
    border-left: none;
    border-right: none;
}
.qna_detail_wrap .status_detail_txt{
	padding: 40px 0 40px 0px;
	display:block;
	text-align:center;
}
.qna_detail_wrap .status_detail_txt p{
	display:inline-block;
}
.qna_detail_wrap .status_detail_txt p span{
	display:inline-block;
}
.qna_detail_wrap .status_detail_txt img{
	max-width:100%;
	display:inline-block;
}




.qna_detail_wrap .detail_txt {
    padding: 40px 0 40px 0px;
    font-size: 18px!important;
    font-weight: 400!important;
    line-height: 1.66!important;
	font-family: Pretendard!important;
    min-height: 230px;
}
.qna_detail_wrap .detail_txt p{
    font-size: 18px!important;
    font-weight: 400!important;
    line-height: 1.66!important;
	font-family: Pretendard!important;
}
.qna_detail_wrap .detail_txt p span{
    font-size: 18px!important;
    font-weight: 400!important;
    line-height: 1.66!important;
	font-family: Pretendard!important;
}
.qna_detail_wrap .detail_txt img{
	max-width:100%;
}

.qna_detail_wrap .list_btn_area {
	cursor:pointer;
    display: flex;
	margin:0 auto;
    justify-content: center;
}

.qna_detail_wrap .list_btn {
	width:180px;
	border: 2px solid #01B5DC;
	background-color:#fff;
	transition: all 0.15s ease-in;
}

.qna_detail_wrap .list_btn p {
	font-family: Pretendard;
	text-align:center;
	padding:19px 0;
	color: #039BD0;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	transition: all 0.15s ease-in;
}

.qna_detail_wrap .list_btn:hover {
	background: #01B5DC;
}

.qna_detail_wrap .list_btn:hover p {
	color:#fff;
}

@media (max-width:991px) {}
@media (max-width:767px) {
	.qna_detail_wrap .detail_cont {
		margin: 40px auto;
	}
	
	.qna_detail_wrap .title {
		font-size: 18px;
		font-weight: 500;
		line-height: 21px;
		padding-bottom: 15px;
	}
	
	.qna_detail_wrap .date {
		margin-top: 0px;
		font-size: 13px;
		font-weight: 400;
		line-height: 15px;
		padding-bottom: 20px;
	}
	.pad3020 {
		padding-bottom: 20px;
	}
	
	.qna_detail_wrap .detail_txt {
		padding: 30px 0 60px 0px;
		font-size: 15px!important;
		font-weight: 400!important;
		line-height: 24px!important;
	}
	.qna_detail_wrap .detail_txt p{
		font-size: 15px!important;
		font-weight: 400!important;
		line-height: 24px!important;
	}
	.qna_detail_wrap .detail_txt p span{
		font-size: 15px!important;
		font-weight: 400!important;
		line-height: 24px!important;
	}
	
	.qna_detail_wrap .list_btn {
		width: 132px;
		border: 2px solid #01B5DC;
		background-color: #fff;
		transition: all 0.15s ease-in;
	}
	
	
	.qna_detail_wrap .list_btn p {
		text-align: center;
		padding: 16px 0;
		color: #01B5DC;
		font-size: 15px;
		font-weight: 500;
		line-height: 18px;
		transition: all 0.15s ease-in;
	}
}

/* ============================================== */
/*   //  qna 공개 게시글 (qnadetail)				  */
/* ============================================== */


/* ============================================== */
/*   qna 게시글 작성 (write)						  */
/* ============================================== */

/* ============================================== */
/*   //  qna 게시글 작성 (write)					  */
/* ============================================== */





/* ============================================== */
/* qna 비밀 게시글 (qnadetaillock)					  */
/* ============================================== */
.qna_detail_wrap.lock .detail_bottom {
	justify-content: center;
}

.detail_text.lock {
	margin:177px 0;
	display: flex;
	flex-direction: column;
}

.detail_text.lock p {
	color:#444444;
	font-size: 16px;
	font-weight:400;
	line-height: 1.68;
	text-align: center;
}

.password_area {
	display: flex;
	margin-top: 30px;
    align-items: center
}

.password_area .type_area {
    width: 280px;
    color: #333;
    border: none;
    height: auto;
    font-size: 15px;
    background: #F4F4F4;
    line-height: 1.2;
    font-weight: 300;
    padding: 14px 20px;
	margin-top:0;
}
.password_area .oipwd {
    width: 280px;
    color: #333;
    border: none;
    height: auto;
    font-size: 15px;
    background: #F4F4F4;
    line-height: 1.2;
    font-weight: 300;
    padding: 14px 20px;
	margin-top:0;
}

.password_area input::placeholder {
	color:#AAA;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.2;
	font-family: Pretendard;
}

.password_area input::-webkit-input-placeholder {
	color:#AAA;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.2;
	font-family: Pretendard;
}

.password_area input:-ms-input-placeholder {
	color:#AAA;
	font-family: Pretendard;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.2;
}

.password_btn {
	color:#fff;
	width:80px;
	height:45px;
	border: none;	
	cursor: pointer;
	padding:13px 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.2;
	margin-left: 10px;
	text-align:center;
	background-color:#333333;
} 

@media (max-width:991px) {}
@media (max-width:767px) {
	
	.detail_text.lock {
		margin: 80px 0;
		display: flex;
		flex-direction: column;
	}
	
	.password_area {
		margin-top: 20px;
	}
	
	.detail_text.lock p {
		color:#333;
		font-size: 15px;
		font-weight:400;
		line-height: 1.68;
		text-align: center;
	}
		
	.password_area .type_area {
		width: 210px;
		color: #333;
		border: none;
		height: 20px;
		font-size: 15px;
		background: #F4F4F4;
		line-height: 1.2;
		font-weight: 300;
		padding: 14px 17px;
		margin-top: 0px;
	}
	.password_area .oipwd {
		width: 210px;
		color: #333;
		border: none;
		height: 20px;
		font-size: 15px;
		background: #F4F4F4;
		line-height: 1.2;
		font-weight: 300;
		padding: 14px 17px;
		margin-top: 0px;
	}
	
	.password_btn {
		width: 75px;
		font-size: 14px;
		line-height: 16.8px;
		margin-left: 5px;
	}
	
	#qna_write .w_box_title, .wriP_area.date {
		width: 75px;
	}
	
}
/* ============================================== */
/*   //  qna 비밀 게시글 (qnadetail)				  */
/* ============================================== */

/* ============================================== */
/*   qna 게시글 작성								  */
/* ============================================== */
#qna_write {}

#qna_write .qna_detail_wrap .detail_cont {margin: 40px auto;}
.detail_title_group {display: flex; flex-wrap: wrap;}
#qna_write .detail_cont {border-top: 1px solid #111;}
#qna_write .qna_w {display:flex; align-items: center; height:60px;padding:0;width:50%;border-bottom: 1px solid #eee;}
#qna_write .w_box_title, .wriP_area.date {
	color:#222;
	width:80px;
	font-family: Pretendard;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
}
.wriP_area {width: 85%; max-width:620px;}
#qna_write input {
	width:100%;
	/* max-width:620px; */
	font-family: Pretendard;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0px;
	text-align: left;
	border:none;
}
#qna_write input:focus {border:none;}
#qna_write input::placeholder {
	color:#CCC;
	font-family: Pretendard;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
}
.wriP_area.date {width:85%;}
.wriP_area.date {padding-bottom:0;}

.qna_w_cont {
    padding-bottom: 40px;
    border-bottom: 1px solid #EEE;
    margin-bottom: 80px;
}


.qna_w_cont textarea {
	border: none;
	width: 1378px;
    height: 180px;
	resize:none;
    box-sizing: border-box;
	
	font-family: Pretendard;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0px;
	text-align: left;
	color:#111;
}

.qna_w_cont textarea::placeholder {color:#CCCCCC;}
@media (max-width:991px) {
	
	#qna_write .qna_detail_wrap .detail_cont {
		margin: 20px auto!;
	}
	#qna_write .qna_w {
		display: flex;
		align-items: center;
		height: 47px;
		padding: 0;
		width: 100%;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	
	.qna_w {border-bottom: 1px solid #EEE;}
	
	#qna_write .w_box_title, #qna_write input, .wriP_area.date {
		font-family: Pretendard;
		font-size: 15px;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: 0px;
		text-align: left;
	}
	
	#qna_write input {
		width: 100%;
		/* max-width: 620px; */
		font-family: Pretendard;
		font-size: 18px;
		font-weight: 400;
		line-height: 22px;
		letter-spacing: 0px;
		text-align: left;
	}
	
	#qna_write input::placeholder {
		font-size: 15px;
		line-height: 18px;
	}

}

@media (max-width:767px) {
	
	#qna_write .qna_detail_wrap .detail_cont {
		margin: 20px auto!important;
	}
}



.rep_Content{
	width:100%;
	position:relative;
	padding:3rem 0rem 3rem 0rem;
	border-bottom:1px solid #eee;
}
.replcontentBox{
	margin-top:3rem;
	display:block;
	text-align:left;
}
.replcontentBox p{
	font-size: 18px;
    font-weight: 400;
    line-height: 1.66;
	letter-spacing: 0px;
	text-align: left;

}

.det_cateLine{
	display:flex;
}
.det_cateBox{
	display:flex;
}
.det_cate{
	position:relative;
	margin-right: 40px;
}
/* .det_cate:last-of-type{ */
	/* margin-right:0rem; */
/* } */
.second:after{
	content:none!important;
}
.det_cate:after {
    content: '';
    width: 1px;
    height: 14px;
    background-color: #eee;
    position: absolute;
    right: -20px;
    top: 50%;
	transform: translateY(-50%);
}
.det_cate dt{
	display:inline-block;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.18;
	letter-spacing: 0px;
	text-align: left;
	color:#888;
	margin-right:1rem;
}
.det_cate dt:last-of-type{
	color:#222;
	font-weight:400;
	margin-right:0rem;
}
.det_cate dt img {
    position: relative;
    margin-left: 10px;
    height: 15px;
    top: 3px;
}
.flieitem_det{
	padding-top:10px;
}

@media (max-width:767px) {
	.det_cate dt {
		display: inline-block;
		font-size: 13px;
		font-weight: 300;
		line-height: 15px;
		letter-spacing: 0px;
		text-align: left;
		color: #888;
		margin-right: 10px;
	}
	.replcontentBox {
		margin-top: 30px;
		display: block;
		text-align: left;
	}
	.replcontentBox p {
		font-size: 15px;
		font-weight: 400;
		line-height: 24px;
		letter-spacing: 0px;
		text-align: left;
	}
}
@media (max-width:500px) {
	.statusCur .det_cate:last-child{
		margin-right: 0px;
	}
	.statusCur .det_cate {
		position: relative;
		margin-right: 16px;
	}
	.statusCur .det_cate dt {
		margin-right: 4px;
	}
	.statusCur .det_cate:after {
		content: none;
	}
}
/* ============================================== */
/*   //  qna 게시글 작성							  */
/* ============================================== */