#main_visual{height: 600px; background: url(/images/main_visual_bg.jpg) no-repeat center; position: relative; overflow: hidden; background-size: cover;}
#main_visual .bg_layer{position: absolute; right:0; background: rgba(255,255,255,0.8); height: 100%;}
#main_visual .wrap_fix{height:100%; overflow-x: hidden;}
.mv_shortcut{position: absolute; right:-455px; top:0; width: 875px; height: 600px; background: rgba(255,255,255,0.8); -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.mv_shortcut .mvs_text .mvs_t_1{font-size: 60px;}
.mv_shortcut .mvs_text .mvs_t_2{font-size: 35px;}
.mv_shortcut .btn_mvs{display: inline-block; vertical-align: middle; position: absolute; left:-45px; top:50%; margin-top: -45px; width: 90px; height: 90px; background: #d00616; color:#ffffff; text-align: center;}
.mv_shortcut .btn_mvs span{ -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.mv_shortcut .btn_mvs .icon{display: inline-block; vertical-align: middle; margin-left: -5px; margin-top: 18px; width:100%; height: 35px; background: url(../images/top-arrow.svg) no-repeat center; background-size: 24px; transform: rotate( -90deg );}
.mv_shortcut .btn_mvs .text{font-size: 13px;}
.mv_shortcut.open{right:0;}
.mv_shortcut.open .btn_mvs .icon{transform: rotate( 90deg ); margin-left: 2px;}
.mv_shortcut .btn_mvs:hover .icon, .mv_shortcut .btn_mvs:focus .icon{background-size: 30px;}
.mv_shortcut .btn_mvs:hover .text, .mv_shortcut .btn_mvs:focus .text{font-size: 14px;}
.mv_shortcut .mvs_text{float: left; margin-top: 225px; margin-left: 90px; margin-right: 40px;}
.mv_shortcut ul{margin-top: 240px;}
.mv_shortcut ul li{float: left; width:90px; text-align: center;}
.mv_shortcut ul li span{-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.mv_shortcut ul li span.icon{display: inline-block; vertical-align: middle; width: 80px; height: 80px; background: url(/images/iconset_visual_shortcut.png) no-repeat;}
.mv_shortcut ul li.mvs_1 a span.icon{background-position: 0 0;}
.mv_shortcut ul li.mvs_2 a span.icon{background-position: -80px 0;}
.mv_shortcut ul li.mvs_3 a span.icon{background-position: -160px 0;}
.mv_shortcut ul li.mvs_4 a span.icon{background-position: -240px 0;}
.mv_shortcut ul li.mvs_5 a span.icon{background-position: -320px 0;}
.mv_shortcut ul li.mvs_1 a:hover span.icon,.mv_shortcut ul li.mvs_1 a:focus span.icon{background-position: 0 -80px;}
.mv_shortcut ul li.mvs_2 a:hover span.icon,.mv_shortcut ul li.mvs_2 a:focus span.icon{background-position: -80px -80px;}
.mv_shortcut ul li.mvs_3 a:hover span.icon,.mv_shortcut ul li.mvs_3 a:focus span.icon{background-position: -160px -80px;}
.mv_shortcut ul li.mvs_4 a:hover span.icon,.mv_shortcut ul li.mvs_4 a:focus span.icon{background-position: -240px -80px;}
.mv_shortcut ul li.mvs_5 a:hover span.icon,.mv_shortcut ul li.mvs_5 a:focus span.icon{background-position: -320px -80px;}
.mv_shortcut ul li span.text{font-size: 16px; letter-spacing: -1px}
.sns_wrap{position: absolute; left:0; top:157px; width:70px; height: 670px; background: #ffffff;}
.sns_wrap .sns_scroll{display: inline-block; vertical-align: middle; width: 30px; height: 140px; background: url(/images/iconset_sns.png) no-repeat; margin-top: 80px; background-position: 0 -168px;}
.sns_wrap a{background: url(/images/iconset_sns.png) no-repeat; display: inline-block; vertical-align: middle; width: 30px; height: 40px;}
.sns_wrap a.btn_sns_blog{background-position: 0 0; margin-top: 210px;}
.sns_wrap a.btn_sns_facebook{background-position: 0 -40px; margin-top: 20px;}
.sns_wrap a.btn_sns_youtube{background-position: 0 -80px; margin-top: 20px;}
.sns_wrap a.btn_sns_insta{background-position: 0 -120px; margin-top: 20px;}
.sns_wrap a:hover.btn_sns_blog, .sns_wrap a:focus.btn_sns_blog{background-position: -30px 0; margin-top: 210px;}
.sns_wrap a:hover.btn_sns_facebook, .sns_wrap a:focus.btn_sns_facebook{background-position: -30px -40px; margin-top: 20px;}
.sns_wrap a:hover.btn_sns_youtube, .sns_wrap a:focus.btn_sns_youtube{background-position: -30px -80px; margin-top: 20px;}
.sns_wrap a:hover.btn_sns_insta, .sns_wrap a:focus.btn_sns_insta{background-position: -30px -120px; margin-top: 20px;}

#latest_wrap{position: relative;}
#latest_wrap .latest_top{display: inline-block; vertical-align: middle; width: 100%;}
#latest_wrap section{width:560px; height: 260px; display: inline-block; vertical-align: middle; text-align:left; padding:50px 20px 20px 20px;}
#latest_wrap .bbs_title{float: left; width: 115px;}
#latest_wrap .bbs_title .sub_title{font-size: 13px; position: relative;}
#latest_wrap .bbs_title .sub_title::after{content:""; position: absolute; left:20px; top:22px; width: 65px; height:1px; background: #848484;}
#latest_wrap .bbs_title h1{font-size: 24px; font-weight: bold; margin-top: 15px;}
#latest_wrap .bbs_box{float: left; width: 445px;}
.latest_top .lt_left{width: 50%; float: left; text-align: right;}
.latest_top .lt_right{width: 50%; float: left; background: #f6f6f6; text-align: left;}
.latest_top .bbs_box dl{margin-top: 40px;}
.latest_top .bbs_box dl dt{font-size: 18px; font-weight: 500;}
.latest_top .bbs_box dl dt a{display: inline-block; vertical-align: middle; width: 440px; text-overflow: ellipsis; overflow-x:hidden; white-space: nowrap;}
.latest_top .bbs_box dl dd.con{font-size: 14px; line-height: 30px; margin-top: 20px;}
.latest_top .bbs_box dl dd.con a{display: inline-block; vertical-align: middle; height: 112px; overflow: hidden;}
.latest_top .bbs_box dl dd.date{margin-top: 20px; font-size: 14px; color:#a2a2a2;}
.latest_top .bbs_notice{position: relative;}
.latest_top .btn_more{font-size: 18px; color:#d00616; position: absolute; right:35px; top:59px; }
.latest_top .btn_more:after, .latest_top .btn_more:hover{right:30px; padding-right: 5px;}
.latest_top figure{margin-top: 20px; margin-left: 10px;}
#latest_wrap .latest_bottom{display: inline-block; vertical-align: middle; width: 100%;}
.latest_bottom .lb_left{width: 50%; float: left; text-align: right; background: #f6f6f6;}
.latest_bottom .lb_right{width: 50%; float: left; background: #f4f0f1; text-align: left;}

.bbs_schedule{position: relative; display: block; padding: 0 20px;}
.bbs_schedule .calendar_subject{position: relative; font-size: 1.1rem; font-size: 11px; color:#6f7375; font-weight: 500; text-align: right; margin-right: 20px;}
.bbs_schedule .calendar_subject b{display: inline-block; width: 100%; font-size: 2.5rem; font-size: 25px; color:#b41d26;}
.bbs_schedule .btn_mcs{position: absolute; top:11px; font-size: 16px; color:#d00616;}
.bbs_schedule .btn_mcs.btn_mcs_prev{left:0;}
.bbs_schedule .btn_mcs.btn_mcs_next{left:30px;}
.bbs_schedule .btn_mcs.btn_mcs_prev:hover, .bbs_schedule .btn_mcs.btn_mcs_prev:focus{left:-5px; padding-right:5px;}
.bbs_schedule .btn_mcs.btn_mcs_next:hover, .bbs_schedule .btn_mcs.btn_mcs_next:focus{left:35px; padding-left:5px;}
.bbs_schedule .calendar_wrap{float: left; width: 425px; margin-top: 15px;}
.bbs_schedule .calendar_wrap table{width: 100%;}
.bbs_schedule .calendar_wrap table tr.first td{border-top: 2px solid #b41d26; background: #ffffff;}
.bbs_schedule .calendar_wrap table td{border: 1px solid #e8ebee; background: #ffffff;}
.bbs_schedule .calendar_wrap table td.lr{border-right: 1px solid #cacdcf;}
.bbs_schedule .calendar_wrap table td.lb{border-bottom: 1px solid #cacdcf;}
.bbs_schedule .calendar_wrap table td.today{background: #f4f6f7;}
.bbs_schedule .calendar_wrap table td.active{background: rgba(255, 143, 34,0.1);}
.bbs_schedule .calendar_wrap table td a{display: inline-block; vertical-align: middle; width: 100%; height: 30px; line-height: 30px;  font-size: 13px; color:#999999; text-align: center;}
.bbs_schedule .calendar_wrap table.tr_6 td a{height: 30px; line-height: 30px;}
.bbs_schedule .calendar_wrap table td a.saturday{color:#566db7;}
.bbs_schedule .calendar_wrap table td a.sunday{color:#db3337;}
.bbs_schedule .calendar_wrap table td a.active{font-weight: bold; color:#b41d26;}

#visual_bottom{display: inline-block; vertical-align: middle; width: 100%; height: 550px; background: url(/images/main_bottom_bg.jpg) no-repeat center;  background-size: 100% auto; background-attachment: fixed;}
#visual_bottom .wrap_fix{height:550px;}
@media screen and (max-width:1600px){
    #visual_bottom{background-size: 1600px auto;  background-attachment:inherit;}
}

#latest_wrap{z-index: 20;}
#latest_wrap .popup_wrap{float: left; margin-left: 10px;}
.popup_wrap .pz_nav{display:inline-block; position: absolute; left:20px; bottom:-20px;}
.popup_wrap .pz_nav a{display:inline-block; background: #b41d26; width: 50px; height: 40px; color:#f3ddde; font-size: 20px; text-align: center;}
.popup_wrap .pz_nav a span {display:inline-block; vertical-align: middle; line-height: 40px;}
.popup_wrap .pz_nav a.pz_prev{border-right: 0;}
.popup_wrap .pz_nav a.pz_startpause{border-left: 1px solid #e96f78; border-right: 1px solid #e96f78;}
.popup_wrap .pz_nav a.pz_next{border-left: 0;}

#visual_bottom{z-index: 15;}
.slogan_wrap{text-align: center; margin-top: 85px;}
.slogan_wrap .slogan_top{font-size: 30px; font-weight: 300; text-shadow: 2px 2px 0px rgba(255,255,255,0.7);}
.slogan_wrap .slogan_top span{background: #bf434c; color:#ffffff; padding: 0 5px; text-shadow: none;}
.slogan_wrap .slogan_bottom{font-size: 14px; margin-top: 10px; text-shadow: 0px 0px 2px rgba(255,255,255,1);}

.tel_wrap{margin-top: 35px; text-align: center;}
.tel_wrap p span{position: relative; font-size: 35px; font-weight: bold; text-shadow: 2px 2px 0px rgba(255,255,255,0.7);}
.tel_wrap p span::before{content:""; position: absolute; left:-25px; width:20px; height:15px; background: url(/images/icon_dubblequotation_left.png) no-repeat;}
.tel_wrap p span::after{content:""; position: absolute; right:-25px; width:20px; height:15px; background: url(/images/icon_dubblequotation_right.png) no-repeat;}
.tel_wrap p span{border-bottom: 5px solid #b41d26;}

.inq_wrap{
    margin-top:80px; font-size: 20px; background: rgba(255,255,255,0.6); border-radius: 10px; text-align: center; padding: 20px;
}