@charset "UTF-8";

/* 공통 */
	.title { position: relative; padding: 20px 0 40px 0; text-align: center; color: #fe7650; }
	.title:after { content: ""; position: absolute; left: 0; right: 0; bottom: 20px; width: 30px; height: 2px; margin: 0 auto; background: #fe7650; }

/* 로그인 */
	.login { overflow: hidden; }
	.login ul { width: 80%; margin: 0 auto; }
	.login li { padding: 5px 0; }
	.login .img { padding: 0 0 5% 0; }
	.login input[type="button"] { border: 0; }
	.login li a { display: block; text-align: right; color: #666; }
	.login .join_btn { padding: 20px 0; }
	.login .join_btn p { width: 80%; margin: 0 auto; padding: 10px 15px; border: 1px solid #072c87; overflow: hidden; }
	.login .join_btn a { float: right; }

/* 회원가입 */
	.join         { padding: 0 0 20px 0 ; }   
	.join ul      { padding: 0 20px ; }
	.join li      { padding-top: 5px; padding-bottom: 10px; }
	.join li span { display: block; padding: 0 0 5px 0; font-weight: 500; color: #38beef; }
	.join li p    { position: relative; padding: 5px 0 0 15px; font-size: 0.9em; letter-spacing: -1px; line-height: 1.2em; color: #666; }
	.join li p:before { content: "\e9ab"; font-family: xeicon; position: absolute; left: 0; color: #fe7650; }
	.join li a    { display: block; line-height: 40px; text-align: center; border-radius: 0; }
	.join li strong { display: block; margin: 0 -20px; padding: 10px 20px; border-top: 1px solid #ebebeb; }
	.join li button { display: inline-block; padding: 2px 5px; color: #707070; border: 1px solid #e1e1e1; border-radius: 2px; background: #fafafa; }

/* 정보관리 */
	.info         { padding: 0 0 20px 0 ; }   
	.info li      { position: relative; padding-top: 5px; padding-bottom: 5px; line-height: 40px; }
	.info .sub_tt { display: inline-block; margin:0 -10px 10px -10px; padding: 5px 20px 5px 10px; color: #fff; border-radius: 0 20px 20px 0; background: #38beef }

	.survey          { padding: 0 0 10px 0; }
    .survey .tt      { position: relative; margin: 0 -10px; padding: 10px 10px 5px 10px; font-weight: 500; border-top: 1px solid #ebebeb; color: #072c87; }
    .survey .etc     { overflow: hidden; }
    .survey .etc p   { display: inline-block; width: 20%; float: left; line-height: 40px; }
    .survey .etc div { display: inline-block; width: 80%; float: left; }

/* 리스트 */
	.list .box        { padding: 0 0 20px 0; }
	.list .box > div  { padding: 10px; border: 1px solid #ddd; overflow: hidden; }
	.list .box button { width: 100%; text-align: center; height: 40px; line-height: 40px; border: 0; }
	.list .box a      { display: block; width: 100%; text-align: center; height: 40px; line-height: 40px; border: 0; }
	.list .box .img   { float: left; width: 30%; padding: 0 10px 0 0; }
	.list .box .info  { float: left; width: 70%; }
	.list .box h5 { position: relative; padding: 20px 0 10px 0; clear: both; }
	.list .box h5:before { content: ""; position: absolute; top: 13px; left: 0; width: 30px; height: 2px; background: #38beef; }
	.list .box th { width: 25%; padding: 3px; font-weight: 400; color: #666666; }
	.list .box td { width: 25%; padding: 3px; }

	.matching    { text-align: center; }
	.matching .modal-header .close { opacity: 1; color: #fff; }
	.matching .modal-header { padding: 30px 0; }
	.matching .modal-content { border: 0; box-shadow: none; background: none; }
	.matching .modal-body { padding: 30px 0; background: #fff; }
	.matching .modal-footer { background: #fff; }
	.matching h5 { padding: 0 0 10px 0; }