@charset "utf-8";

/* 담당자 및 페이지 만족도 */
#charge-satisfy {width:100%; margin-top:30px}

/* 박스 : 박스 기본 타입 */
.box_st5 {position:relative; padding:15px 25px; border:2px solid #dfe6ee; background:#fff;}
.box_st5:before {content:''; position:absolute; top:-2px; left:-2px; width:50px; height:50px; border-top:4px solid #266ed4; border-left:4px solid #266ed4;}
.box_st5:after {content:''; position:absolute; bottom:-2px; right:-2px; width:50px; height:50px; border-bottom:4px solid #2a384a; border-right:4px solid #2a384a;}
.box_st_ico {position:relative; min-height:70px; padding-left:90px;}
.box_st_ico .ico_boxImg {position:absolute; left:0; top:0;}

/* 리스트 : 블릿 타입 */
.list_st1 > li {position:relative; padding:5px 0 5px 12px; font-size:14px; line-height:1.4; color:#444;}
.list_st1 > li:before {content:''; position:absolute; top:13px; left:0; width:5px; height:5px; background:#4a4e59;}

/* 컨텐츠 만족도 조사 & 담당자 정보 */
.satisfaction {font-family:"NotoM"; margin:30px 0 0;}
.satisfaction .satisfaction_list {background:#626779; border-bottom:1px solid #d3d3d3;} /* 191107 만족도만 표시시 하단 선 미표시 수정 jhk */
.satisfaction .satisfaction_list .question {padding: 14px 10px 14px 70px; background:#858a92 url("/images/com/con_com/ico_question.png")no-repeat 32px 11px; color:#fff; font-size:15px; line-height:18px;}
.satisfaction .satisfaction_list form {padding:33px;  border-left:1px solid #d3d3d3;  border-right:1px solid #d3d3d3;  background:#fff;}
.satisfaction .satisfaction_list form fieldset .input_radio {float:left; font-size:0;}
.satisfaction .satisfaction_list form fieldset .input_radio .input_line {display:inline-block; margin:5px 0 0 10px; vertical-align:middle;}
.satisfaction .satisfaction_list form fieldset .input_radio .input_line:first-child {margin-left:0;}
.satisfaction .satisfaction_list form fieldset .input_radio .input_line input[type='radio'] {display:inline-block; width:auto; height:auto;  margin:0; padding:0; border:0; line-height:17px; vertical-align:middle;}
.satisfaction .satisfaction_list form fieldset .input_radio .input_line label {display:inline-block; margin-left:3px; color:#333; font-size:15px; line-height:17px; vertical-align:middle;}
.satisfaction .satisfaction_list form fieldset .opinion {float:right; font-size:0;}
.satisfaction .satisfaction_list form fieldset .opinion input[type='text'] {display:inline-block; width:238px; height:29px; font-family:"NotoR";  border-bottom:1px solid #aaa;   border-top:1px solid #aaa;   border-left:1px solid #aaa;  color:#555; font-size:13px; line-height:16px; text-indent:8px;}
.satisfaction .satisfaction_list form fieldset .opinion input[type='button'] {display:inline-block; width:90px; height:31px;  font-family:"NotoR"; background:#424655; color:#fff; font-size:14px; line-height:15px;  margin:0; padding:0; border:0; }/* 190904 jhk 수정 submit -> button */
.satisfaction .manager_info {padding:14px 33px 19px;  border-bottom:1px solid #d3d3d3;  border-left:1px solid #d3d3d3;  border-right:1px solid #d3d3d3;}
.satisfaction .satisfaction_list ~ .manager_info {border-top:1px solid #d3d3d3;  }
.satisfaction .manager_info ul li {float:left; margin:5px 25px 0 0;  padding-left:12px; background:url("/images/com/con_com/bul_blue.gif")no-repeat left 7px;  font-size:0;}
.satisfaction .manager_info ul li span, #container .colgroup .satisfaction .manager_info ul li time {display:inline-block; vertical-align:middle;}
.satisfaction .manager_info ul li .title {margin-right:12px; padding-right:14px; background:url("/images/com/con_com/line_manager_tit.gif")no-repeat right 3px; color:#333; font-size:13px; line-height:15px;}
.satisfaction .manager_info ul li .text {color:#333; font-size:13px; line-height:15px;}

/* 텍스트 요소 : 폰트 크기 */
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs16 {font-size:16px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs22 {font-size:22px !important;}
.fs24 {font-size:24px !important;}
.fs26 {font-size:26px !important;}
.fs35 {font-size:35px !important;}

/* 텍스트 요소 : 폰트컬러 타입 */
.pc_blue {color:#155eb6 !important;}
.pc_navy {color:#17335a !important;}
.pc_org {color:#f58220 !important;}
.pc_black {color:#000 !important;}
.pc_green {color:#4db02c !important;}
.pc_mint {color:#00b0a0 !important;}
.pc_red {color:#e33d65 !important;}

/* 타이틀(블릿 타입) */
.tit1 {padding-left:25px;margin-bottom:10px; font-size:24px; line-height:1.3; font-family:'NotoM'; color:#222; letter-spacing:-1px; background:url("/images/com/con_com/bu_tit1.png") no-repeat left center;}
.tit2 {margin-bottom:10px; padding-left:20px; font-size:20px; line-height:1.3; font-family:'NotoM'; color:#222; letter-spacing:-1px; background:url("/images/com/con_com/bu_tit2.png") no-repeat left center;}
.tit3 {margin-bottom:10px; font-size:20px; line-height:1.3; font-family:'NotoM'; color:#222; letter-spacing:-1px;}

@media (max-width:960px){
	
}
@media screen and (max-width:800px){ 

	/* 컨텐츠 만족도 조사 & 담당자 정보 */
	.satisfaction {padding-right:2.5%; padding-left:2.5%;}
	.satisfaction .satisfaction_list form {padding-top:20px; padding-bottom:20px;}
	.satisfaction .satisfaction_list form fieldset .input_radio {float:none;}
	.satisfaction .satisfaction_list form fieldset .opinion {float:none; position:relative; margin-top:20px; padding-right:90px;}
	.satisfaction .satisfaction_list form fieldset .opinion input[type='text'] {width:100%; box-sizing:border-box; height:31px;}
	.satisfaction .satisfaction_list form fieldset .opinion input[type='button'] {position:absolute; top:0; right:0; }
	
}
@media screen and (max-width:600px){ 
	/* 박스 : 박스 기본 타입 */
	.box_st_ico {padding-left:0;}
	.box_st_ico .ico_boxImg {position:relative; left:auto; top:auto; margin:0 auto 10px; text-align:center;}
}

@media screen and (max-width:480px){ 
	
}

@media screen and (max-width:380px){ 
	
}

@media screen and (max-width:320px){ 
	

}