.sub_top {padding:280px 0px 20px; border-bottom:1px solid #ddd;}
.sub_content {padding:150px 0px 80px;}
.sub_title {margin:0px auto 300px;}
.sub_content h4 {font-size:24px; line-height: 1.5; margin-bottom:100px;}

.search_box {width:450px; margin:0 auto 50px; display: flex;}
.search_box select {margin-right:30px; width: 30%; font-size:20px; padding:0 0 20px 0px; border:0; border-bottom:1px solid #000; color:#666;}
.search_box input {appearance: none; width:70%; font-size:20px; background: url(/img/magnify_icon.png) no-repeat right 10px top; padding:0 0 20px 0px; border:0; border-bottom:1px solid #000;}

.contact_box {width:100%; padding:40px 0px; background: #F2F8FF; text-align: center; margin-bottom:50px;; box-sizing: border-box;}
.contact_box p {font-size:20px; font-weight:var(--weight_medium); margin-bottom:20px;}
.contact_box a {background: #3080E2; font-size:20px; padding:16px 30px;}

#accordion {width:100%; border-top:1px solid #000; border-bottom:1px solid #eee;}
#accordion .acc_subject {padding:30px 50px; display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
#accordion .acc_subject .question {font-size:30px; font-weight:var(--weight_medium); color:#E60012; margin-right:50px;}
#accordion .acc_subject img {height:10px; transform: rotate(180deg);}
#accordion .ui-state-active img {transform: rotate(0deg);}
#accordion .acc_subject p {font-size:24px;}
#accordion .acc_content {padding:30px 50px; display: flex; align-items: flex-start; background: #F9F9F9; border-top:1px solid #eee; border-bottom:1px solid #eee;}
#accordion .acc_content .answer {font-size:30px; font-weight:var(--weight_medium); color:#222; margin-right:50px;}
#accordion .acc_content p {font-size:20px; line-height:1.5;}

@media (max-width: 768px){
    .sub_top {padding:80px 0px 10px;}
    .sub_title {margin:0px auto 80px;}
    .sub_content {padding:50px 0px 80px;}
    .sub_content h4 {font-size:18px; margin-bottom:20px;}

    .search_box {width: 100%; margin-bottom:30px;}
    .search_box input {font-size:18px; background: url(/img/magnify_icon.png) no-repeat right 10px top / 25px;}

    .contact_box {padding:20px; margin-bottom:30px;}
    .contact_box p {font-size: 16px; line-height: 1.5;}
    .contact_box a {font-size: 16px;}

    #accordion .acc_subject {padding:20px 0px;}
    #accordion .acc_subject .question {font-size:24px; margin-right:10px;}
    #accordion .acc_subject p {font-size:16px;}

    #accordion .acc_content {padding:20px 10px;}
    #accordion .acc_content .answer {font-size:24px; margin-right:10px;}
    #accordion .acc_content p {font-size:16px;}

    #accordion .acc_subject img {height: 5px;}
}