/* 코치마크 */
#coachmark-wrap{position:fixed; left:0; top:0; right:0; bottom:0; background-color:#f2f2f2;}
#coachmark-wrap .coachmark-swiper-wrap{position:absolute; z-index:3; height:100%; left:0; width:100%; top:0;}
#coachmark-wrap .coachmark-swiper-wrap .swiper-container{height:100%; z-index:3;}
#coachmark-wrap .coachmark-swiper-wrap .swiper-container .swiper-wrapper{height:100%;}
#coachmark-wrap .coachmark-swiper-wrap .swiper-slide .screen-image{position:absolute; top:-20px; left:0; width:100%; bottom:0; text-align:center; z-index:21;}
#coachmark-wrap .coachmark-swiper-wrap .swiper-slide .screen-image img{width:100%;}
#coachmark-wrap .coachmark-swiper-wrap .swiper-slide .screen-image02{position:absolute; left:0; width:100%; bottom:-30px; text-align:center; z-index:21;}
#coachmark-wrap .coachmark-swiper-wrap .swiper-slide .screen-image02 img{width:100%;}
#coachmark-wrap .swiper-pagination-bullets{bottom:auto; top:25px; left:22px; width:auto;}
#coachmark-wrap .swiper-pagination-bullets .swiper-pagination-bullet{width:6px; height:6px; opacity:0.2; background-color:#999999; vertical-align:top;}
#coachmark-wrap .swiper-pagination-bullets .swiper-pagination-bullet-active{opacity:1}

#coachmark-wrap .dim {position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/coachmark/bg.jpg') repeat; z-index:20}
#coachmark-wrap .btn_close{position:absolute; padding:10px; top:10px; right:15px; z-index:22; display:inline-block;}
#coachmark-wrap .btn_close img{width:16px; height:16px;}

@media screen and (max-width: 374px) {
}

@media only screen and (width: 375px) and (height: 812px) and (-webkit-device-pixel-ratio: 3) {
    #coachmark-wrap .coachmark-swiper-wrap .swiper-slide .hd{top:97px}
    #coachmark-wrap .swiper-pagination-bullets{top:50px}
    #coachmark-wrap .btn_close{top:35px;}
    #coachmark-wrap .coachmark-swiper-wrap .swiper-slide .screen-image{top:0px;}
    #coachmark-wrap .coachmark-swiper-wrap .swiper-slide .screen-image02{bottom:0;}
}