.quick_menu {position: fixed; z-index: 12; top: 100px; right: 0; width: 110px; background: #214453;}
.quick_menu li {display: table; text-align: center; width: 100%; border-bottom: 1px solid #18323f; height: 75px}
.quick_menu .iconWrap {position: relative; width: 100%; height: 30px;}
.quick_menu .iconWrap img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: .3s ease; }
.quick_menu li .iconWrap img:nth-of-type(1) {opacity: 0;}
.quick_menu li:hover .iconWrap img:nth-of-type(1) {opacity: 1;}
.quick_menu li:hover .iconWrap img:nth-of-type(2) {opacity: 0;}
.quick_menu li a {display: table-cell; vertical-align: middle;}
.quick_menu p {font-size: 0.875rem; font-weight: 700; color: #9397a7; margin: 10px 0 0; text-align: center; transition: .3s ease;}
.quick_menu li:hover p {color: #fff;}


.quickSns {display: table; width: 100%; height: 130px; padding: 0 15px;}
.quickSns:hover p {color: #fff;}
.quickSnsWrap {display: table-cell; vertical-align: middle; }
/*.quick_menu .iconSns {position: relative; display: inline-block; height: 30px; width: calc((100% - 20px) / 3); float: left; margin: 0 10px 0 0; padding: 5px} - 2023.02.10. */
.quick_menu .iconSns {position: relative; display: inline-block; height: 30px; width: calc((100% - 20px) / 2); float: left; margin: 0 5px; padding: 5px}
/*.quick_menu .iconSns:last-child {margin: 0;}*/
.quick_menu .iconSns img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: .3s ease;}
.quick_menu .iconSns img:nth-of-type(1) {opacity: 0;}
.quick_menu .iconSns:hover img:nth-of-type(1) {opacity: 1;}
.quick_menu .iconSns:hover img:nth-of-type(2) {opacity: 0;}


.videoJs .video {position: relative; }
.videoJs .txt_wrap {position: absolute; left: 0; top: 0; width: 100%; background: rgba(0,0,0,0.5); text-align: center; transition: .3s ease; height: 100%; text-align: center; padding: 150px 0 0;}
.videoJs .video .txt_wrap.hidden {opacity: 0; visibility: hidden;}
.videoJs .txt_wrap > div strong {display: block; font-weight: 700; font-size: 3.438rem; color: #fff; text-shadow: 4px 4px 10px rgb(0,0,0,0.15); padding: 0 150px 0 0; margin: 0 0 15px;}
.videoJs .txt_wrap > div span {display: block; font-size: 1.625rem; font-weight: 700; color: #fff; }
.videoJs .txt_wrap .contents {display: inline-block; text-align: left; }
.videoJs .txt_wrap .contents .img_wrap {text-align: right; transform: translate(0,-40px);}

.videoJs .video-js {position: relative; width: 100%; overflow: hidden; height: 0; padding-bottom: 56.25%;}
.videoJs .video-js .vjs-tech {width: 100%; height: auto; left: 50%; top: 0; transform: translate(-50%,0%);}
.videoJs .btn_start {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3; cursor: pointer; transition: .3s ease;;}
.videoJs .btn_start.hidden {opacity: 0; visibility: hidden;}

