@charset "UTF-8";

.visa_top{padding: 4rem 0; display: flex; align-items: center; justify-content: space-between;}
.visa_date_btn{display: inline-block; padding: 0.8rem 1.4rem 0.8rem 4rem; background: #fff url('../img/visa_date_btn.png') center left 1.8rem no-repeat; border: 1px solid #d5ddeb; border-radius: 5rem; color: #8e98a8; font-size: 1.5rem; font-weight: 600;}

.bot_li{display: flex; flex-wrap: wrap; gap: 2rem;}
.bot_li > li{width: calc((100% - 4rem)/3);}
.bot_li > li > a{display: block; text-decoration: none !important; padding: 3rem 2.5rem; background: #fff; border: 1px solid #e4e7ed; border-radius: 1.3rem; transition: 0.2s;}
.bot_li > li > a:hover{border-color: var(--primary); box-shadow: 0 0 10px rgba(208,2,27,0.2);}
.bot_li > li > a dl dt{margin-bottom: 2rem; transition: 0.2s; color: var(--text);}
.bot_li > li > a dl dt strong{display: block; font-size: 2.5rem; font-weight: 800; margin-bottom: 1.9rem;}
.bot_li > li > a dl dt span{display: block; font-weight: 500; font-size: 1.6rem;}
.bot_li > li > a dl dd .cont_li{color: #5c5c5c; font-size: 1.6rem; margin-bottom: 2rem; line-height: normal; height: 11rem; overflow-y: auto;}

.bot_li.en > li > a dl dd .cont_li{height: 18rem;}
.bot_li.vnn > li > a dl dd .cont_li{height: 21rem;}

.bot_li > li > a dl dd .cont_li li{position: relative; margin: 0.8rem 0; padding-left: 2.6rem;}

.bot_li > li > a dl dd .cont_li li::before{position: absolute; content:""; background: url('/img/visa_main_icon.png') no-repeat; background-size: 300% auto; left: 0; width: 19px; height: 19px;}
.bot_li > li > a dl dd .cont_li li:nth-child(2):before{background-position-x: 47%;}
.bot_li > li > a dl dd .cont_li li:nth-child(3):before{background-position-x: 100%;}

.bot_li > li > a dl dd .cont_btn{display: block; color: var(--text); background: #edf1f5; border-radius: 0.8rem; padding: 1.5rem; font-weight: 600; text-align: center; transition: 0.2s;}

.bot_li > li > a:hover dl dt{color: var(--primary);}
.bot_li > li > a:hover dl dd .cont_btn{background-color: var(--primary); color: #fff;}
.bot_li > li > a dl dd .cont_li::-webkit-scrollbar{width: 0.8rem;}

@media all and (max-width: 991.98px){
  .visa_top{flex-wrap: wrap; gap: 2rem; padding: 4rem 0 2rem 0;}
  .visa_top > div{width: 100%;}
  .bot_li > li{width: calc((100% - 4rem)/2);}
}
@media all and (max-width: 480px){
  .bot_li > li{width: 100%;}
  .bot_li > li > a dl dd .cont_li{height: auto !important;}
}