@charset "utf-8";
select { cursor: pointer; border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ }
select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }





#sch_res_detail { width: 100%; margin: 30px auto 60px; display: flex; justify-content: center; align-items: center; }
#sch_res_detail select{ width: 200px; height: 60px; font-size: 16px; color: #aaa; line-height: 60px; padding: 0 20px; border-radius: 0; background: url(/img/ico_select.png) no-repeat 90% center, #f4f4f4; background-size: auto; border: 1px solid #f4f4f4; outline: none; margin-right: 10px; transition: all 0.2s ease-in-out; }
#sch_res_detail input[type="text"]{ width: 450px; height: 60px; font-size: 16px; color: #000; line-height: 60px; padding: 0 20px; border-radius: 0; background-color: #f4f4f4; border: 1px solid #f4f4f4; outline: none; transition: all 0.2s ease-in-out; }
#sch_res_detail select:focus,
#sch_res_detail select:focus-visible,
#sch_res_detail input[type="text"]:focus,
#sch_res_detail input[type="text"]:focus-visible{ border: 1px solid #cccccc; }
#sch_res_detail .btn_submit{ width: 60px; height: 60px; font-size: 16px; font-weight: 500; color: #fff; line-height: 60px; padding: 0 20px; border-radius: 0; background-color: #000; border: none; outline: none; }

#sch_result{ width: 100%; margin: 0 auto; }
#sch_result > h3{ font-size: 24px; font-weight: 400; color: #000011; letter-spacing: 0px; line-height: 34px; margin-bottom: 60px; }
#sch_result > h3 strong{ font-size: 30px; font-weight: 700; color: #000; }
#sch_result > .sch_res_list{ border-top: 1px solid #111; }
#sch_result > .sch_res_list .search_board_result ul li{ border-bottom: 1px solid #111; transition: all .2s ease-out; }
#sch_result > .sch_res_list .search_board_result ul li a{ display: flex; justify-content: flex-start; align-items: center; width: 100%; padding: 25px 30px; }
#sch_result > .sch_res_list .search_board_result ul li a > div:nth-of-type(2){ text-align: left; padding-left: 30px; }
#sch_result > .sch_res_list .search_board_result ul li a > div > h4{ font-size: 30px; font-weight: 700; letter-spacing: -0.5px; line-height: 30px; margin-bottom: 15px; }
#sch_result > .sch_res_list .search_board_result ul li a > div > h4 .sch_word{ display: inline-block; color: #111; background: #fbff5f; }
#sch_result > .sch_res_list .search_board_result ul li a > div > p{ font-size: 16px; font-weight: 300; line-height: 22px; }
#sch_result > .sch_res_list .search_board_result ul li a > div > p .sch_word{ display: inline-block; color: #111; background: #fbff5f; }
#sch_result > .sch_res_list .search_board_result ul li a > div > span{ display: block; font-size: 14px; color: #111; line-height: 24px; margin-top: 20px; }

/*? hover */
#sch_result > .sch_res_list .search_board_result ul li:hover{ background-color: #f4f4f4; }



@media screen and (min-width:768px) and (max-width: 1279px){
    
#sch_res_detail { width: 100%; margin: 30px auto 60px; display: flex; justify-content: center; align-items: center; }
#sch_res_detail select{ width: 200px; height: 60px; font-size: 16px; color: #aaa; line-height: 60px; padding: 0 20px; border-radius: 0; background: url(/img/ico_select.png) no-repeat 90% center, #f4f4f4; background-size: auto; border: 1px solid #f4f4f4; outline: none; margin-right: 10px; transition: all 0.2s ease-in-out; }
#sch_res_detail input[type="text"]{ width: 450px; height: 60px; font-size: 16px; color: #000; line-height: 60px; padding: 0 20px; border-radius: 0; background-color: #f4f4f4; border: 1px solid #f4f4f4; outline: none; transition: all 0.2s ease-in-out; }
#sch_res_detail select:focus,
#sch_res_detail select:focus-visible,
#sch_res_detail input[type="text"]:focus,
#sch_res_detail input[type="text"]:focus-visible{ border: 1px solid #cccccc; }
#sch_res_detail .btn_submit{ width: 60px; height: 60px; font-size: 16px; font-weight: 500; color: #fff; line-height: 60px; padding: 0 20px; border-radius: 0; background-color: #000; border: none; outline: none; }

#sch_result{ width: 100%; margin: 0 auto; }
#sch_result > h3{ font-size: 24px; font-weight: 400; color: #000011; letter-spacing: 0px; line-height: 34px; margin-bottom: 60px; }
#sch_result > h3 strong{ font-size: 30px; font-weight: 700; color: #000; }
#sch_result > .sch_res_list{ border-top: 1px solid #111; }
#sch_result > .sch_res_list .search_board_result ul li{ border-bottom: 1px solid #111; transition: all .2s ease-out; }
#sch_result > .sch_res_list .search_board_result ul li a{ display: flex; justify-content: flex-start; align-items: center; width: 100%; padding: 25px 30px; }
#sch_result > .sch_res_list .search_board_result ul li a > div:nth-of-type(2){ text-align: left; padding-left: 30px; }
#sch_result > .sch_res_list .search_board_result ul li a > div > h4{ font-size: 20px; font-weight: 700; letter-spacing: -0.5px; line-height: 30px; margin-bottom: 15px; }
#sch_result > .sch_res_list .search_board_result ul li a > div > h4 .sch_word{ display: inline-block; color: #111; background: #fbff5f; }
#sch_result > .sch_res_list .search_board_result ul li a > div > p{ font-size: 14px; font-weight: 300; line-height: 22px; }
#sch_result > .sch_res_list .search_board_result ul li a > div > p .sch_word{ display: inline-block; color: #111; background: #fbff5f; }
#sch_result > .sch_res_list .search_board_result ul li a > div > span{ display: block; font-size: 13px; color: #111; line-height: 22px; margin-top: 20px; }

/*? hover */
#sch_result > .sch_res_list .search_board_result ul li:hover{ background-color: #f4f4f4; }

}

@media screen and (max-width: 767px){ 

#sch_res_detail{ width: 100%; margin: 30px auto; flex-wrap: wrap; }
#sch_res_detail select{ width: 100%; height: 60px; font-size: 15px; color: #aaa; line-height: 60px; padding: 0 15px; border-radius: 0; background: url(/img/ico_select.png) no-repeat 95% center, #f8f8f8; background-size: auto; border: none; outline: none; margin-right: 0; margin-bottom: 10px; }
#sch_res_detail input[type="text"]{ width: calc(100%); height: 60px; font-size: 15px; color: #000; line-height: 60px; padding: 0 15px; border-radius: 0; background: #f8f8f8; border: none; outline: none; margin: 0; }
#sch_res_detail input[type="text"]::placeholder{ color: #aaa; }
#sch_res_detail .btn_submit{ width: 100%; height: 60px; font-size: 16px; font-weight: 500; color: #fff; letter-spacing: -0.5px; line-height: 60px; padding: 0 10px; border-radius: 0; background: #000; border: none; outline: none; margin-top: 10px; }

#sch_result{ width: 100%; }
#sch_result > h3{ font-size: 14px; font-weight: 700; color: #000011; letter-spacing: -0.5px; line-height: 30px; word-break: keep-all; margin-bottom: 10px; }
#sch_result > h3 strong{ font-size: 18px; font-weight: 700; color: #000; }
#sch_result > .sch_res_list{ border-top: 1px solid #303030; }
#sch_result > .sch_res_list .search_board_result ul li{ border-bottom: 1px solid #111; transition: all .2s ease-out; }
#sch_result > .sch_res_list .search_board_result ul li a{ display: block; width: 100%; text-align: left; padding: 25px 0; }
#sch_result > .sch_res_list .search_board_result ul li a > div:nth-of-type(2){ text-align: left; padding-left: 0; }
#sch_result > .sch_res_list .search_board_result ul li a > div > h4{ font-size: 20px; font-weight: 700; letter-spacing: -0.5px; line-height: 30px; margin-bottom: 5px; margin-top: 15px; }
#sch_result > .sch_res_list .search_board_result ul li a > div > h4 .sch_word{ display: inline-block; color: #111; background: #fbff5f; }
#sch_result > .sch_res_list .search_board_result ul li a > div > p{ font-size: 14px; font-weight: 300; line-height: 22px; }
#sch_result > .sch_res_list .search_board_result ul li a > div > p .sch_word{ display: inline-block; color: #111; background: #fbff5f; }
#sch_result > .sch_res_list .search_board_result ul li a > div > span{ display: block; font-size: 13px; color: #111; line-height: 22px; margin-top: 20px; }
}