﻿.firstview_flex a{text-decoration:none; color: #000 !important;}
.firstview_flex a:hover{opacity: 0.7; transition:.3s; text-decoration:none }
.firstview_flex ul{list-style-type: none !important;}

/* firstview_h1 */
div.firstview_h1{background: #f0f0f0; width: 100% !important; padding: 10px 0;}
h1.firstview_h1{display: block; font-size: 10px; margin: 0 auto; width: 1000px;}

/* firstview_h2 */
div.firstview_h2{width: 100%; position: relative;}
div.firstview_h2::before{content: ""; position: absolute; background:linear-gradient(45deg, rgba(180, 25, 15, 1), rgba(233, 75, 34, 1)); width: 100%; height: 163px; top: 0; left: 0; z-index: -1;}
h2.firstview_h2{color: #fff; font-size: 30px; font-weight: bold; width: 1000px; margin: 0 auto; padding: 30px 0;}

/* firstview_flex */
#ContentsMainArea .firstview_flex{display: flex; flex-wrap: wrap; justify-content: space-between; width: 1000px; margin: 0 auto 60px !important;}

/* firstview_box1 */
.firstview_box1{width: 65%;}

/* quicksearch */
.quicksearch{display: flex; flex-wrap: wrap; justify-content: space-between;}
.quicksearch a{position: relative; background:#f0f0f0; border-radius: 10px; overflow: hidden; font-size:16px; font-weight: bold; text-align: center; padding: 18px; margin-bottom: 10px; width: 24%;}
.quicksearch a:nth-child(-n+3){width: 32.5%; padding: 0 0 18px;}
.quicksearch a img{margin-bottom: 18px;}
.quicksearch a::after{content:""; position:absolute; bottom:0; right:0; border:8px solid; border-color:transparent #e94b22 #e94b22 transparent;}

/* concierge */
.concierge{display: block; position: relative; background: url(../images/firstview_8.png) no-repeat; background-size: cover; padding: 30px 0; margin: 0 0 50px; border-radius: 10px; overflow: hidden; color:#fff !important; text-align: center; font-weight: bold; font-size: 18px;}
.concierge span{background: #fff; color: #e94b22; font-size: 14px; border-radius: 100px; padding:5px 10px; margin-right: 5px;}
.concierge::after{content:""; position:absolute; bottom:0; right:0; border:8px solid; border-color:transparent #e94b22 #e94b22 transparent;}

/* topics */
.topics{display: flex; flex-wrap: wrap; justify-content: space-between;}
.topics a{position: relative; width: 30%; font-size: 14px; line-height: 18px; border-bottom:1px solid #E6E6E6; padding: 12px 0;}
.topics a::before{content:""; position: absolute; top:50%; transform:translateY(-50%); right:0; width:20px; height:20px; background: #e94b22; border-radius: 100%;}
.topics a::after{content:""; position: absolute; top:50%; transform:translateY(-50%) rotate(-45deg); right:7px; width:6px; height:6px; border-right:solid 2px #fff; border-bottom:solid 2px #fff;}

/* firstview_box2 */
.firstview_box2{width: 30%;}

/* slider */
.slider { position:relative; height: 170px; margin-bottom: 30px;}
.slider-item01 {background:url(../images/slider_1.jpg);}
.slider-item02 {background:url(../images/slider_2.jpg);}
.slider-item03 {background:url(../images/slider_3.jpg);}
.slider-item04 {background:url(../images/slider_4.jpg);}
.slider-item {width: 300px; height:170px; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; border-radius: 10px;}
.slick-dots {text-align:center; margin:5px 0 0 0;}
.slick-dots li {display:inline-block; margin:0 5px;}
.slick-dots button {color: transparent; outline: none; width:8px; height:10px; border-radius:100%; background:#c8c8c8; border: none;}
.slick-dots .slick-active button{background:#787878;}

/* news */
.news{background: #f0f0f0; border-radius: 10px; padding: 20px;}
.news .title-search{ border: none; padding: 0; margin: 0;}
.news a{border-bottom: solid 1px #000; font-size: 14px; line-height: 1.5em; text-align: justify;}
.news a span{font-weight: bold; color:#969696; display: inline-block; margin: 20px 0 6px;}

.news_btn{display: flex; flex-wrap: wrap; justify-content: space-between;}
.news_btn a, .search_link a{text-align: center; color: #fff !important; font-size:14px; font-weight: bold; text-align: center; width: 48%; height:30px; justify-content: center; align-items: center; background:#e94b22; border-radius:100px; display: inline-flex; position: relative; border: none; margin: 20px 0 0;}
.news_btn a::after, .search_link a::after{content:""; position:absolute; top:50%; transform:translateY(-50%) rotate(-45deg); right:10px; width:6px; height:6px; border-right:solid 2px #fff; border-bottom:solid 2px #fff;}

.search_link{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}

/* searchwindow */
.searchwindow{background:url(../images/firstview_7.png) no-repeat; background-size: cover; padding: 60px 0; margin: 60px 0;}
.searchwindow .title-search{color: #fff; border-bottom:2px solid #fff;}

/* radio */
.radio-2 {display: flex; flex-wrap: wrap; gap: .3em 2em; border: none; margin: 20px 0 10px;}
.radio-2 label { display: flex; align-items: center; gap: 0 .5em; position: relative; cursor: pointer; color: #fff; font-size: 16px; font-weight: bold;}
.radio-2 label::before, .radio-2 label::after {border-radius: 50%; content: '';}
.radio-2 label::before {width: 25px; height: 25px; box-sizing: border-box; background: #fff;}
.radio-2 label::after {position: absolute; top: 50%; left: 12px; transform: translate(-50%, -50%); width: 15px; height: 15px; background-color: #E6E6E6;}
.radio-2 label:has(:checked)::after {background-color: #E94B22; animation: anim-radio-2 .3s linear;}
@keyframes anim-radio-2 {
    0% {box-shadow: 0 0 0 1px transparent;}
    50% {box-shadow: 0 0 0 10px #2589d033;}
    100% {box-shadow: 0 0 0 10px transparent;}}
.radio-2 input {display: none;}

/* search-form-2 */
.search-form-2 {display: flex;}
.search-form-2 input {width: 800px; height: 50px; padding: 5px 15px; border: none; border-radius: 100px 0 0 100px; box-sizing: border-box; background-color: #fff; font-size: 18px; font-weight: normal; outline: none;}
.search-form-2 input::placeholder { color: #c8c8c8;}
.search-form-2 button {position: relative; display: flex; justify-content: center; align-items: center; width: 200px; height: 50px; border: none; background-color: #E94B22; cursor: pointer; border-radius: 0 100px 100px 0; color: #fff; font-size:24px; font-weight: bold; padding-left: 20px;}
.search-form-2 button::after {position: absolute; width: 24px; height: 24px; background-image: url(../images/firstview_6.png); background-size: cover; content:''; left: 50px;}

.advanced-2 .heading-advanced2 h4.title {
    padding-top: 20px;
    padding-bottom: 10px;
    color: #e94b22;
    font-size: 23px;
    font-weight: 600;
}
.clamp-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-decoration: underline !important;
    border-bottom: none !important;
    text-underline-offset: 3px;
}
.clamp-text:last-of-type{
    margin-bottom: 2px;
}
#lastestInfoPc{
    height: 381px;
}

.news {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

.news_btn {
    margin-top: auto;
}