@charset "utf-8";

@font-face {src:url("/skin/view/sub10/img/Jalnan.ttf") format('truetype'); font-family: 'jal';}
@font-face {src:url("/skin/view/sub10/img/Californian-FB_9060.ttf") format('truetype'); font-family: 'cali';}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');



.swid{padding: 0px;width: 100%;overflow:hidden;}
.lovetest{width: 100%;}



/*menu*/
#sns_link{
    text-align: center;
    font-size: 20px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
    margin-bottom: 80px;}
#sns_link li{
    padding: 10px 15px;
    border-radius: 50px;
    display: inline-block;
    cursor: pointer;
    margin-right: 2.5%;
    margin-bottom: 15px}
#sns_link li a{color: white;}
#sns_link li:first-child{
    background: linear-gradient(45deg,#c2eadf,#e4bcd6);}
#sns_link li:nth-child(2){
    background: linear-gradient(45deg,#e4bcd6,#f8b4b1);}
#sns_link li:nth-child(3){
    background: linear-gradient(45deg,#f8b4b1,#f1cc7e);}
#sns_link li:nth-child(4){
    background: linear-gradient(45deg,#e2bcd3,#85bbdd)}
#sns_link li:last-child{
    background: linear-gradient(45deg,#e4bcd6,#c2eadf);
    margin-right: 0}

.tabmenu {
    font-family: 'Noto Sans KR', sans-serif;
    color: #a0a0a0;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
.tabmenu li{
    margin-right: 80px;
    cursor: pointer;
    padding-bottom: 15px;
    display: inline-block
}
.tabmenu li:hover{color: #e4bcd6}
.tabmenu li:last-child{margin-right: 0}
.tabmenu li.on{color: #e4bcd6;border-bottom: 3px solid #e4bcd6;}



/*cont*/
.tabcont {display: none;width: 100%;}
.tabcont.on {display: block;}
.tabcont h1 {font-family: 'cali';padding-bottom:55px;color: #e4bcd6;text-align: center;letter-spacing: 10px}

#tab1 ul{position: relative}
#tab1 li{float:left;}
#tab1 img{width:100%;cursor:pointer;}
#tab1 p{
    margin: 20px 0 50px 0 !important;
    width:100%;
    float:left;
    text-overflow: ellipsis;
    overflow:hidden;
    white-space:nowrap;
    color: #a0a0a0;
    font-weight: bold;
}

#tab1 .all{margin-top: -10px;width: 100%}


.morebtn{
    margin: 20px auto;
    color: #f9876f;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    border-radius: 50px;
    border: 3px solid #f9876f;
    width: 140px;
    height: 50px;
    line-height:45px;
    box-sizing:border-box;
}

/*팝업영상*/
#popup_video {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  z-index: 999;
}
#popup_video.hide {
  display: none;
}
#popup_video .video img{
      width: 30px;
      float: right;
    }
#popup_video .video div{float: right;}