/* 온라인 문의 */
.online_form ul{border-top: 2px solid #333;}
.online_form ul li{display: flex; align-items: center;border-bottom: 1px solid #ddd; padding: 15px 0;}
.online_form ul li{display: flex; align-items: center;border-bottom: 1px solid #ddd; padding: 15px 0;}
.online_form ul li .th{width: 200px; font-size: 16px; font-weight: 500;}
.online_form ul li .th .red{color: red; margin-left: 5px;}
.online_form ul li .td{width: calc(100% - 200px);}
.online_form ul li .td .text{width: 100%; border: 1px solid #ddd; padding: 20px; font-size: 16px; line-height: 24px;}
.online_form ul li .td textarea{width: 100%; border: 1px solid #ddd; padding: 20px; height: 200px; font-size: 16px; line-height: 24px;}
.online_form ul li .td .file{padding: 20px 0; font-size: 16px;}


/*마이페이지 온라인 문의*/
#smb_online h2 {font-size: 1.25em; margin: 0 0 10px;}
#smb_online .online_ul {border-top: 2px solid #959da6;}
#smb_online .online_ul .online_li {padding: 15px 5px; border-bottom: 1px solid #f3f3f3; font-size: 1.167em; line-height: 20px}
#smb_online .online_ul .online_li.none {color: #777; text-align: center; padding: 50px 0; font-size: 14px}
#smb_online .online_ul .online_li a {display: block; cursor: pointer; position: relative}
#smb_online .online_ul .online_li .status {background: #edfbde; color: #8cc152; padding: 0 5px; margin-right: 20px; font-size: 14px}
#smb_online .online_ul .online_li .status.end {background: #84c93a; color: #fff;}
#smb_online .online_ul .online_li .date {color: #777; font-size: 14px; position: absolute; top: 50%; right: 0; transform: translateY(-50%)}
#smb_online .online_ul .online_li .details {/*white-space: nowrap;*/ width: 80%; /*text-overflow: ellipsis; overflow: hidden;*/ display: inline-block; vertical-align: middle}
#smb_online .online_ul .online_li .online_dt {padding: 15px; background: #f8f8f8; margin-top: 15px; display: none;}
#smb_online .online_ul .online_li .online_dt .dt_in {font-size: 15px; line-height: 18px;}
#smb_online .online_ul .online_li .online_dt .dt_li {font-size: 14px; margin-top: 15px; color: #777;}
#smb_online .online_ul .online_li .online_dt .dt_li span {display: inline-block; margin-right: 10px; color: #777;}


@media screen and (max-width: 1000px){
	.online_form ul li .th{width: 130px; font-size: 14px;}
	.online_form ul li .td{width: calc(100% - 130px);}
	.online_form ul li .td .text, .online_form ul li .td textarea{font-size: 14px; padding: 15px;}
	.online_form ul li .td .file{font-size: 14px; padding: 15px 0;}
    #smb_online .online_ul .online_li .details {width: 50%;}
}


@media screen and (max-width: 700px){
	.online_form ul li{display: block;}
	.online_form ul li .th{width: 100%; margin-bottom: 10px;}
	.online_form ul li .td{width: 100%;}
	.online_form ul li .td .text, .online_form ul li .td textarea{padding: 10px;}
	.online_form ul li .td .file{padding: 0;}
}