@charset "utf-8";

/******************** wrapper ********************/
#wrapper {position:relative; overflow:hidden;}



/******************** header ********************/
#header {position:absolute; left:0; top:0; width:100%; z-index:300;}



/***** head *****/
#header .head {
    width:100%; 
    height:75px; 
    height:20.833vw;
    padding:0 20px; 
    padding:0 5.556vw; 
    box-sizing:border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom:1px solid rgba(255,255,255,0.3);
    background: rgba(0, 0, 0, 0.1);
}
#header .logo {
    text-align: left;
    display: flex;
    gap: 3.333vw;
    flex-direction: row;
    align-items: flex-end;
}
#header .logo a {
    display: block;
    width: 11.111vw;
    height: 15.278vw;
    background: url(../image/common/logo.svg) 0 0 no-repeat;
}
#header .logo span  {
    display: block;
    width: 18.056vw;
    height: 12.5vw;
    background: url(../image/common/logo02.svg) 50% 100% no-repeat;
}


#header .menu_btn {
    display:block; 
    font-size: 0; 
    width:27px;
    height:20px;
    width:7.5vw;
    height:5.556vw;
}
#header .menu_btn i {font-size: 6.111vw; color: #000;}

#header .menu_btn a {
    display:block;
}
#header .menu_btn span {
    display:block;
    width:15px;
    height:4px;
    width:4.722vw;
    height:1.111vw;
    margin:0.833vw 0;
    margin-left: 2.7vw;
    background-color: #fff;
}
#header .menu_btn::before{
    content: '';
    display: block;
    height:4px;
    height:1.111vw;
    background-color: #fff;
}
#header .menu_btn::after{
    content: '';
    display: block;
    height:4px;
    height:1.111vw;
    background-color: #fff;
}

/* 서브head */
.subBody #header .head {
    background: #fff;
    border-bottom:0.278vw solid #ddd;
}
.subBody #header .logo a {
    display: block;
    width: 11.111vw;
    height: 15.278vw;
    background: url(../image/common/logo_on.svg) 0 0 no-repeat;
}
.subBody #header .logo span  {
    display: block;
    width: 18.056vw;
    height: 12.5vw;
    background: url(../image/common/logo02_on.svg) 50% 100% no-repeat;
}
.subBody #header .menu_btn span, .subBody #header .menu_btn::before, .subBody #header .menu_btn::after {
    background-color: #000;
}


/***** lnb *****/
.main #lnb {
    display:none;}
#lnb {
    position:relative; 
    border-top:1px solid #ddd; 
    border-top:0.278vw solid #ddd; 
    background:#fff;
}

/* lnb_1depth */
#lnb .lnb {
    position:relative; 
    z-index:100; 
    padding:0 15px; 
    padding:0 4.167vw; 
    height:81px; 
    height:22.5vw; 
    text-align:center;
}
.lnb > ul {
    overflow:hidden; 
    overflow-x:auto; 
    width:100%; 
    height:100%; 
    white-space:nowrap;
    display: flex;
    justify-content: flex-start;
    gap:5.556vw;
}
.lnb > ul > li {
    display:inline-block; 
    vertical-align:top;
}
.lnb > ul > li > a {
    position:relative; 
    display:block; 
    height:45px; 
    height:12.5vw; 
    color:#333; 
    letter-spacing:-1px; 
    letter-spacing:-0.278vw; 
    line-height:48px; 
    line-height:13.333vw;
}
.lnb > ul > li > a:active, .lnb > ul > li.on > a {
    color:#b81b1a; 
    font-weight:bold;
}
.lnb > ul > li.on > a > span {
    position:absolute; 
    bottom:0; 
    left:0; 
    right:0; 
    display:block; 
    height:3px; 
    height:0.833vw; 
    background:#b81b1a;
}

/* lnb_2depth */
.lnb_2depth {
    display:none; 
    position:absolute; 
    top:45px; 
    top:12.5vw; 
    left:0; 
    width:100%; 
    text-align:left; 
    overflow: scroll;
}
.lnb_2depth ul {
    padding:0 25px; 
    padding:0 6.944vw;

    display: flex;
    gap:5.556vw
}
.lnb_2depth li {
    display:inline-block; 
    height:36px; 
    height:10vw; 
}
.lnb_2depth li:last-child {
    padding-right:6.944vw;
}
.lnb_2depth li a {
    display:initial; 
    font-size:14px; 
    font-size:3.889vw; 
    letter-spacing:-1px; 
    letter-spacing:-0.278vw; 
    line-height:36px; 
    line-height:10vw;
}
.lnb_2depth li.openWin i {
    font-size: 3.333vw;
}
.lnb_2depth li a:active, .lnb_2depth li.on > a {
    font-weight: bold;
    color:#000;
}
#lnb li.on .lnb_2depth {
    display:block;
}
#lnb .bg {
    position:absolute; 
    z-index:1; 
    bottom:0; 
    left:0; 
    width:100%; 
    height:36px; 
    height:10vw; 
    border-top:0.278vw solid #efefef; 
    background:#f1f4f7;
}



/***** lnb2 *****/
.main .lnb2 {
    display:none;
}

/* lnb_1depth */
.lnb2 {
    overflow:hidden; 
    overflow-x:auto; 
    position:relative; 
    z-index:100; 
    margin-top:4.167vw; 
    padding:0 20px; 
    padding:0 5.556vw; 
    text-align:center; 
    white-space:nowrap;
}

/* lnb_3depth */
.lnb_3depth {
    /*display:none; 
    position:absolute; 
    top:20px; 
    top:5.556vw; 
    left:0; 
    width:100%; 
    text-align:left;*/
}
.lnb_3depth ul {
    overflow-x:auto;
}
.lnb_3depth li {
    display:inline-block; 
    padding:0 2px 0 0; 
    padding:0 0.556vw 0 0; 
    margin-bottom:2.778vw;
}
.lnb_3depth li a {
    display:block; 
    padding:0 15px; 
    padding:0 4.167vw; 
    line-height:8.333vw;
}
.lnb_3depth li a:active, .lnb_3depth li.on > a {
    padding:0 15px; 
    padding:0 4.167vw; 
    background:#b81b1a; 
    border-radius:100px; 
    color:#fff; 
    line-height:8.333vw; 

}
.lnb_3depth li:last-child > a {
    margin-right:4.167vw;
}
.lnb_3depth:after {
     content:''; 
     width:11.111vw; 
     height:8.333vw; 
     position:absolute; 
     right:0; 
     top:0; 
     z-index:20; 
     background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 45%) 
    }
#lnb2 li.on .lnb_3depth {
    display:block;
}
#lnb2 .bg {
    position:absolute; 
    z-index:1; 
    bottom:0; 
    left:0; 
    width:100%; 
    height:36px; 
    height:10vw; 
    border-top:0.278vw solid #efefef; 
    background:#efefef;
}



/***** menu *****/
#menu {
    position:fixed; 
    left:0px; 
    top:0px; 
    background-color:rgba(0,0,0,0.8); 
    width:100%; 
    height:100%; 
    z-index:9999;
}
.menu_box {
    position:fixed; 
    right:0; 
    top:0px; 
    bottom:0; 
    overflow-x:hidden; 
    overflow-y:auto; 
    -webkit-overflow-scrolling:touch; 
    width:100%; 
    min-height:100%; 
    color:#333; 
    background:#fff; 
    z-index:999;
}
.menu_box a {
    display:block; 
    color:#333; 
    text-decoration:none;
}
.menu_touch {
    position:fixed; 
    top:0; 
    left:0; 
    bottom:0; 
    overflow:hidden; 
    width:0%; 
    min-height:100%; 
    z-index:999;
}

/* side_menu_top */
.side_menu_top {
    height:65px;
    padding:14px 20px; 
    font-size:18px; 

    height:18.056vw;
    padding:3.889vw 5.556vw; 
    border-bottom:0.278vw solid #efefef; 
    font-size:5vw; 
    font-weight: bold;
    color:#000; 
    line-height:1; 
    text-align:center;
    box-sizing: border-box;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu_box_home i {
    font-size: 5vw;
}
.menu_box_close i {
    font-size: 7.222vw;
}


/***** addon *****/
.addon {
    /*margin-bottom:2.778vw;*/
    padding:4.167vw 5.56vw;
    font-size: 4.167vw;
    color: #333;
    background-color: #f5f5f5;
    border-top: 0.278vw solid #e4e4e4;
    display: flex;
    gap:5.556vw;
    align-items: center;
}
.addon li {position: relative;}
.addon .login, .addon .join {
    padding-left:20px;
}
.addon .login:after {
    content: "\f023"; 
    font-family: "FontAwesome", "Font Awesome"; 
    font-size: 13px;
    left: 0; 
    top: 50%; 
    transform: translateY(-50%);
    position: absolute; 
    pointer-events: none;
}
.addon .join:after {
    content: "\f007"; 
    font-family: "FontAwesome", "Font Awesome"; 
    font-size: 13px;
    left: 0; 
    top: 50%; 
    transform: translateY(-50%);
    position: absolute; 
    pointer-events: none;
}
.addon .sns_insta {
    padding-left:25px;
    background:url("../image/common/sns_insta.svg") 0 50% no-repeat;
    background-size: auto 80%;
}

.language {
    margin-bottom:2.778vw;
    padding:4.167vw 5.56vw;
    font-size: 4.167vw;
    color: #333;
    background-color: #f5f5f5;
    border-top: 0.278vw solid #e4e4e4;
    display: flex;
    gap:5.556vw;
    align-items: center;
}

#google_translate_element {z-index: 9999;}
#google_translate_element > div > div {position: relative;}

#google_translate_element > div > div:after {
    content: "\f078"; 
    font-family: "FontAwesome", "Font Awesome"; 
    font-size: 3.611vw;
    color: #333; 
    right: 2.778vw; 
    top: 1.111vw; 
    position: absolute; 
    pointer-events: none;
}

#google_translate_element > div > div > select {
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
    display: block; 
    width: 33.333vw; 
    height: 8.333vw; 
    margin:0;
    padding: 0px 4.167vw; 
    line-height: 1.75; 
    color: #333; 
    word-break: normal; 
    border-radius: 1.111vw;
    font-size:4.167vw;
}
.goog-te-gadget {
    font-size: 0 !important;
}
.goog-te-gadget span {
    display: none;
}

/* side_menu_1depth */
.side_menu {
    font-size:17px; 
    font-size:4.722vw;
}
.side_menu li {
    border-bottom:0.278vw solid #efefef; 
    letter-spacing:-0.278vw;
}
.side_menu li a {
    font-weight:bold; 
    color: #000;
}
.side_menu li span a:active, .side_menu li.on span a  {
    color:#b81b1a;
}
.side_menu li span {
    padding:16px 17px 5px; 
    padding:4.444vw 4.722vw 1.389vw; 
    display:block; 
    font-weight:normal;
}

/* side_menu_2depth */
.side_menu_2depth {
    overflow:hidden; 
    padding:9px 17px 12px; 
    padding:2.500vw 4.722vw 3.333vw; 

    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap:2.778vw;
}
.side_menu_2depth li {
    border:none; 
    font-size:15px; 
    font-size:4.167vw; 
    color:#555; 
}
.side_menu_2depth li.openWin i {
    font-size: 3.333vw;
}
.side_menu_2depth li a {
    display:initial; 
    font-weight: normal;
    color:#555;
}
.side_menu_2depth li a:active, .side_menu_2depth li.on a {
    font-weight:600; 
    color:#000;
}



/******************** footer ********************/
.footer {
    position:relative; 
    z-index:100; 
    clear:both; 
    padding:40px 15px; 
    padding:11.111vw 4.167vw; 
    background:#3a3a3a; 
}



/***** top *****/
#top {position:fixed; right:15px; right:4.167vw; bottom:15px; bottom:4.167vw; display:block; z-index:250; width:40px; width:11.111vw; height:40px; height:11.111vw; background:#000; border-radius:50%;}
#top img {width:100%; height:100%;}



/***** fnb *****/
.fnb {
    display: flex;
    gap:5vw;
    border-bottom: 0.278vw solid #5a5a5a;
    padding-bottom: 8.333vw;
    margin-bottom: 8.333vw;
}
.fnb li a {
    color:#fff; 
    vertical-align:middle;
}
.fnb li:first-child a {
    font-weight: 600;
    color: #c5b179;
}



/***** foot *****/
.foot address {
    color:#ddd; 
    margin-bottom:8.333vw;
    display: flex;
    flex-direction: column;
    gap:3px;
}
.foot p {
    color:#cecece; 
    font-size:15px; 
    font-size:4.167vw;
}
.foot p span {
    color:#cecece;
}





/******************** main ********************/
/***** main_visual  *****/
.main_visual {
    position:relative; 
    z-index:200; 
}

/* swiper-container */
.swiper-container {
    padding:0; 
    margin:0; 
    height:370px; 
    height:102.78vw;
}
.swiper-wrapper {
    position:relative; 
    width:100%; 
    height:100%;
}
.swiper-wrapper img {
    width:100%; 
    height:100%;
}
.swiper-slide div {
    position:absolute; 
    top:53%; 
    left:50%;
    transform: translate(-50%, -50%); 
    z-index:500; 
    padding-bottom:2px; 
    padding-bottom:0.556vw; 
    width:100%; 
    padding:0 8.333vw;
    box-sizing: border-box;
}
.swiper-slide p {
    width:100%; 
    color:#fff; 
    text-align:left; 
    vertical-align:middle; 
    line-height:1.3;
    text-shadow: 1.389vw 1.389vw 1.389vw rgba(0,0,0,0.3);
}
.swiper-slide p:first-child {
    margin-bottom:6.944vw;
    font-size:35px; 
    font-size:9.722vw; 
    letter-spacing: -0.556vw;
}
.swiper-slide p:first-child span {
    display:block;
    font-weight: bold;
}
.swiper-slide span {
    color:#c5b179;
}

/* swiper-pagination */
.swiper-button-next, .swiper-button-prev {
    display:none;
    width: 6.111vw !important;
    height: 11.111vw !important;
    background-size: 6.111vw 11.111vw !important;
}
.swiper-pagination {
    position:absolute; 
    bottom:5.556vw !important; 
    z-index:1000 !important;
    padding:2.778vw 8.333vw;
    border-radius: 8.333vw;
    width:auto !important;
    left:50% !important;
    transform: translateX(-50%) !important; 
    background-color: rgba(0,0,0,0.3);

    display: flex;
    justify-content: center;
    align-items: center;
    gap:1.944vw;

}
.swiper-pagination .swiper-pagination-bullet {
    margin:0 !important; 
    width:2.5vw !important; 
    height:2.5vw; 
    background:#fff; 
    border-radius:2.5vw;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width:5.278vw !important;
    background:#c5b179 !important;
}



/***** main_contents  *****/
.inner {
    padding:30px 15px;
    padding:8.333vw 4.167vw;
}
.main-sect {
    position: relative;
    padding: 11.111vw 4.167vw;
}
.main-sect.bg {
    background:#f7f6f6 url("../image/main/bg_program.png") 0 100% no-repeat;
}
.main-sect.bg02 {
    background:#b9182c url("../image/main/bg_product.jpg") 100% 0 no-repeat;
    background-size: cover;
}
.main-sect .tit h2 {
    margin-bottom:5.556vw; 
    font-size:8.889vw; 
    font-weight: 400; 
    color:#000; 
    letter-spacing: -0.556vw;
    text-align: center;
    line-height: 1.2;
}
.main-sect .tit h2 b {
    font-weight: 600;
}
.main-sect .tit h2 span {
    display:block; 
    margin-bottom:2.222vw; 
    font-size:4.722vw; 
    font-weight:normal; 
    color:#b9182c; 
    letter-spacing: 0.138vw;
}
.main-sect .tit p {
    text-align: center;
}
.main-sect .tit .line {
    display: block;
    width: 3.889vw;
    height: 0.278vw;
    margin: 0 auto;
    background-color: #c9c9c9;
}
.main-sect .more {
    width:fit-content;
    height:9.722vw;
    margin:0 auto;
    padding-right:19.944vw;
    background:url("../image/common/more.svg") 100% 50% no-repeat;
    display:flex;
    gap:2.778vw;
    align-items: center;
    overflow:hidden;
    font-weight: 600;
    color:#1d1d1d;
}
.main-sect .more02 {
    width:fit-content;
    margin:0 auto;
    padding:1.667vw 11.111vw;
    display:flex;
    gap:2.778vw;
    align-items: center;
    overflow:hidden;
    color:#1d1d1d;
    border:0.278vw solid #c9c9c9;
    border-radius: 13.889vw;
}
.main-sect .more02 i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.611vw;
    color:#222;
}

.main-sect .point_bg {
    display: inline-block;
    padding:0.278vw 4.167vw;
    background-color: #b9182c;
    border-radius: 5.556vw;
    color: #fff;
}

.special_program, .main_program, .main_product, .photo, .notice {
    position: relative;
    display: flex;
    flex-direction: column;
    gap:8.333vw;
}

/***** 스페셜체험프로그램 *****/
.special_program ul {
    display: flex;
    gap:3.333vw;
}
.special_program ul li {
    flex:1;
    overflow: hidden;
    height:27.778vw;
    border-radius: 2.778vw;
    display: flex;
    justify-content: center;
}
.special_program ul li img {
    height:100%;
}

/***** 동백체험프로그램 *****/

.main_program .tit {
    margin-bottom:8.333vw;
}
.main_program .conbox {
    /*
    width:395px;
    flex-shrink:0;
    */
    text-align: center;
}

.main_program .picbox {
    flex:1;
}


.main_program .picbox a {
    display: flex;
    flex-direction: column;
    gap:2.778vw;
    overflow: hidden;
    position: relative;
}
.main_program .picbox ul {
    display: flex;
    flex-wrap: wrap;
    gap:3.333vw;
}
.main_program .picbox ul li {
    flex:1;
}
.main_program .picbox ul li .thumb_wrap img {
    width:100%;
}
.main_program .picbox ul li:nth-child(1) .thumb_wrap {
    
}
.main_program .picbox ul li:nth-child(2) .thumb_wrap {
    
}
.main_program .picbox ul li:nth-child(3) .thumb_wrap {
    
}
.main_program .thumb_wrap {
    overflow: hidden;
    position: relative;
    height:30.556vw;
    border-radius: 2.778vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main_program .picbox .cont_tit {
    display: flex;
    flex-direction: column;
    gap:3.333vw;
    align-items: center;
}
.main_program .picbox .cont_tit b {
    color:#000;
}
.main_program .picbox .cont_tit span {
    display: none;
}
/*
.main_program .picbox .thumb_wrap::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 57px;
    height: 57px;
    background: url("../image/main/bg_thumb.png") no-repeat 100% 100%;
    background-size: 100%;
}

.main_program .picbox .thumb_wrap::after {
    content: '\2b';
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 26px;
    height: 26px;
    color: #988061;
    border:2px solid #c3b4a1;
    border-radius: 100%;
    font-family: 'Font Awesome 6 Free';
    font-size: 15px;
    line-height: 1;
}
*/

/***** 동백숙소 *****/
.roombox {
    overflow: hidden;
    position: relative;
    width:100%;
    height:55.556vw;
    display: flex;
    border-radius: 2.778vw;

}
.roombox .swiper-wrapper {
    width:100% !important;
    /*transform: translate3d(0,0,0) !important;*/
}

.roombox .control-area-wrap {
    position: absolute;
    bottom:5.556vw;
    left:50%;
    transform: translate(-50%, 0);
    z-index: 999;
    background-color: rgba(152, 128, 97, 0.4);
    border-radius: 8.333vw;
    padding:1.389vw 6.944vw;
}
.roombox .control-area {
    display:flex;
    gap:8.333vw;

}
.roombox .swiper-pagination {
    display:flex;
    gap:2.222vw;
    align-items: center;
    display: none;
}

.roombox .swiper-pagination-bullet {
    background-color: #fff;
}
.roombox .swiper-pagination-bullet-active {
    background-color: #b9182c;
    width:5.556vw;
}
.roombox .control-area button span {
    display: block;
}
.roombox .control-area button span i {
    color:#fff;
}
.roombox .control-area .btn-pause {
    padding:1.389vw;
}
.roombox .control-area .btn-pause span {
    width:2.222vw;
    height:3.333vw;
    background:url("../image/main/pause.svg") 50% 50% repeat-y; 
    text-indent:-99999px;

}
.roombox .control-area .btn-prev span {
    width:3.333vw;
    background:none; 
    text-align: left;
}
.roombox .control-area .btn-next span {
    width:3.333vw;
    background:none; 
    text-align: right;

}


/***** 동백제품 *****/
.main_product {
    position: relative;
}
.main_product .tit h2, .photo .tit h2 {
    margin-bottom:0;
}
.main_product .tit h2, .main_product .tit h2 span {
    color:#fff;
}

.main_product .more02 {
    color:#fff;
    border:0.556vw solid rgba(255,255,255,0.4);
}
.main_product .more02 i {
    color:#fff;
}

.main_product ul {
    display:flex;
    gap:3.333vw;
}
.main_product li {
    flex:1;
    position: relative;
    display: flex;
    flex-direction: column;
}
.main_product li a {
    display: flex;
    flex-direction: column;
    gap:5.556vw;
}
.main_product li .pic {
    height:83.333vw;
    overflow: hidden;
    border-radius: 2.778vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main_product li .pic img {
    width: 100%;
    min-height:83.333vw;
}
.main_product li .txt {
    padding:0 1.111vw;
}
.main_product li .tit {
    margin-bottom:1.389vw;
    font-size: 6.111vw;
    font-weight: 600;
    color:#c5b179;
}
.main_product li .desc {
    margin-bottom:5.556vw;
    color:#fff;
}
.main_product li .price {
    font-size: 5.278vw;
    color:#fff;
    display: flex;
    gap:3.333vw;
    align-items: center;
    font-weight: 600;
}
.main_product li .price span.selling {
    padding:0.833vw 5.556vw;
    background-color: #da2d2b;
    border-radius: 13.889vw;
    font-size: 4.167vw;
}
.main_product li .price span.cancellation {
    font-weight: 400;
    text-decoration: line-through;
    opacity: 0.7;
}

/* 게시판 */
.main_board {
    overflow: auto;
    position:relative; 
    display: flex;
    flex-direction: column;
    gap:11.111vw;
}
.main_board > div {
    position:relative; 
    z-index:10; 
}
.main_board h2 {
    text-align: center !important;
}

/* photo */
.photo {
    position:relative;
    width:100%;
}
.photo ul {
    display:flex;
    gap:3.333vw;
    background-color: #fff;
}
.photo li {
    flex:1;
    position: relative;
    display: flex;
    flex-direction: column;
    border:0.278vw solid #ddd;
    border-radius: 2.778vw;
}
.photo li a {
    display: block;
    font-size: 0;
}
.photo li a span {
    display: block;
    height:13.889vw;
    line-height:13.889vw;
    padding:0 5.556vw;
    box-sizing: border-box;
    font-size:4.722vw; 
    color:#000;
    text-align: center;
}
.photo li a img {
    position:relative; 
    z-index:10; 
    width:100%; 
    height:auto;
    overflow: hidden;
    border-radius: 2.778vw 2.778vw 0 0;
}
.photo li:hover {
    border-color: #b9182c;
    transition: 0.3s;
    box-shadow: 1.389vw 1.389vw 2.778vw rgba(0,0,0,0.1);
}
.photo li:hover a span {
    color:#b9182c;
}


/* 공지사항 */
.notice {
    position: relative;
}
.notice .tit h2 {
    letter-spacing: 0;
}
.notice .board_list {
    display: flex;
    flex-direction: column;
    gap:5.556vw;
}
.notice .board_list li {
    flex:1;
    /*padding:0 5.556vw 5.556vw;*/
    padding:0 5.556vw;
    border-bottom:0.278vw dashed #aaa;
}
.notice .board_list li:last-child {
    border:none;
}
.notice .board_list li span {
    display: block;
}
.notice .board_list li .date {
    font-size: 4.167vw;
}
.notice .board_list li .subject {
    padding-bottom:1.389vw;
    font-size: 5.278vw;
    font-weight: 600;
    color:#000;
}
.notice .board_list li a:hover .subject {
    color:#b9182c;
}
.notice .board_list li a:hover .date, .notice .board_list li a:hover .comment {
    color:#000;
}


/******************** sub_layout ********************/
#sub_visual {
    position:relative; 
    padding-top:145px; 
    padding-top:41.667vw;
}
#sub_visual > div {
    height: 120px;
    height: 38.889vw;
    text-align:center; 
    color:#fff;
    font-weight: bold; 
    font-size:28px; 
    font-size:7.778vw; 
    letter-spacing: -0.278vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
#sub_visual > div span {
    text-shadow: 0.278vw 0  0.278vw rgba(0,0,0,0.8);
}
#location {
    display:none;
}
#sub_content {
    clear:both; 
    position:relative; 
    padding:20px 20px 50px; 
    padding:5.556vw 5.556vw 13.889vw;
}










/******************** media ********************/
@media screen and (orientation: landscape) {
    #header {position:absolute;}
}