@charset "utf-8";

/* faqList */
dl.faqList {clear:both;border-top:1px solid #e6e6e6;margin-bottom:40px;font-size:14px;}
dl.faqList dt span.faqImg, dl.faqList dd span.faqImg {position:absolute;left:15px;top:8px;text-indent:-9999px;display:inline-block;width:28px;height:28px;}
dl.faqList dt{border-bottom:1px solid #e6e6e6;background:url(../../../../image/ko/solution/common/ico/faqArrowDown.png) no-repeat right 50%;overflow:hidden}
dl.faqList dt.selected{background:url(../../../../image/ko/solution/common/ico/faqArrowUp.png) no-repeat right 50%;}
dl.faqList dt > a {position:relative;float:left;padding:14px 37px 14px 53px;color:#4d4d4d;font-size: 15px;}
dl.faqList dd {position:relative;border-bottom:1px solid #e6e6e6;padding:14px 37px 14px 53px;color:#4d4d4d;display:none;background:#eeeeee;font-size: 15px;}
dl.faqList dt span.faqImg {background:url(../../../../image/ko/solution/common/ico/faq.png) no-repeat 0 0}
dl.faqList dd span.faqImg {background:url(../../../../image/ko/solution/common/ico/faq.png) no-repeat -28px 0}
dl.faqList .selected  {display:block;}
dl.faqList dt > span{float:right;padding:8px 37px 8px 0;}
dl.faqList dt > span .questionCnt{margin-left:10px;}
dl.faqList dt > span a{vertical-align:middle;margin-left:10px;}

/* faq 리스트 전데 닫기/열기 */
.totalAnswerOpen p, .totalAnswerClose p{padding:0 33px 0 10px;border:1px solid #ccc;background-repeat:no-repeat;background-position:75px 50%}
.totalAnswerOpen p{border-radius: 8px;background: url(../../../../image/ko/solution/common/ico/selectOpt2.png) no-repeat right 8px center;}
.totalAnswerClose p{background-image:url(../../../../image/ko/solution/common/ico/faqArrowUp.png)}

dl.faqList dd table tr{border:1px solid #aaa} 
dl.faqList dd table td{padding: 5px 8px;border-left:1px solid #aaa}



/* FAQ 순서 변경 화면 */
.divisions{display:flex;width:100%}
.division{display:block;position:relative;width:50%;padding-bottom:60px;box-sizing:border-box; padding-right: 10px;}
.division .area {background: #f3f3f3; padding: 10px;}
.division ul {min-height: 100px;}
.listType{margin-bottom:10px;}

/* FAQ 드래그 관련 */
.sortable li{
	border: 1px solid #c8c8c8;
	margin: 0 3px 3px 3px;
	padding: 8px 15px;
	color:#626262;
	font-size:13px;
	line-height:13px;
	cursor: pointer;
	background: #ffffff;
}
.sortable .dragged {
	position: absolute;
	height:auto !important;
	left:0 !important;
	z-index: 2000;
	border: 1px solid #c8c8c8;
	background-color:#dbdbdb;
	padding: 8px 15px;
	color:#626262;
	font-size:13px;
	line-height:13px;
	cursor: pointer;
}
.sortable .placeholder {
	height:13px;
	border:1px solid #fcefa1;
	background-color:#fbf9ef
}
.sortable .list div {
    float: right;
}
.sortable .list div input {
    vertical-align: middle;
    margin-left: 5px;
}
.sortable.essential {
	background-color: #e8f9fe;
}

.chocie{
    border: solid red 1px !important;
}

.blue-background-class {
	background-color: #C8EBFB;
}