@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------------------------------------------------------------------------------------------------------
	result.html
--------------------------------------------------------------------------------------------------------------------------------------------------------*/
#notfoundList { justify-content: space-between; }
#notfoundList > li { width: 32%; margin-left: 0; }
#notfoundList li > a,
#notfoundList li > div { height: 100%; background-color: #ac1a10; display: block; }
#notfoundList li .grayBg { padding: 0 30px; text-align: center; background-color: #f7f8f8; height: 165px; display: flex; align-items: center; justify-content: center; }
#notfoundList li .grayBg img { width: 58px; }
#notfoundList li .grayBg .bcs-container-searchbox { background-color: #fff; }
#notfoundList li .redBg { padding: 10px 40px; text-align: center; color: #fff; position: relative; }
#notfoundList li > a .redBg::before { content: ''; display: block; position: absolute; left: 15px; top: calc(50% - 4px); width: 18px; height: 4px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; transform: skew(45deg); }

#notfoundList li .grayBg #pageSearch { border: solid 1px #ccc; padding: 17px 15px 17px 30px; line-height: 0.9em; display: flex; align-items: center; background-color: #fff; }
#notfoundList li .grayBg #pageSearch #pageSearchInput { width: 100%; border: none; padding: 0 5px 2px 0; }
#notfoundList li .grayBg #pageSearch #pageSearchBtn { width: 35px; }

#notfoundList + p { margin-top: 75px; text-align: center; }

/* form */
form.resultForm { padding: 0 13px; }
form.resultForm input[type="text"] { margin: 0; padding: 22px 0 22px 15px; }
form.resultForm input[type=submit] { width: 35px; padding: 0; }