@charset"utf-8";
html,body{height:100%;}
.back{z-index:100;position:relative;background:url("../images/img/bg_01.jpg") left top no-repeat;width:100%;height:100%;background-size:100%;}
.back .bookmark_bottom_area{position:absolute;left:0;bottom:20px;width:100%;height:124px;background:url("../images/img/img_book_area.jpg") left top no-repeat;background-size:100%;}
.blind{text-indent:-9999px;font-size:0;overflow:hidden;}
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

.ly_toturial_wrap{font-family:'NanumSquare',sans-serif;}
.ly_toturial_wrap .ly_toturial_mask{z-index:9000;position:absolute;left:0;top:0;background-color:#000;opacity: 0.6;width:100%;height:100%;}
.ly_toturial_wrap .ly_toturial_contents{z-index:9900;position:absolute;left:0;top:0;width:100%;height:100%;}
.ly_toturial_wrap .ly_toturial_contents .ly_toturial_contents_area{position:relative;height:100%;padding-top:20px;}
.ly_toturial_wrap .ly_toturial_contents.toturial_view_01 .contents_look_area{position:absolute;top:30%;margin-top:-165px;width:100%}
.ly_toturial_wrap .ly_toturial_contents.toturial_view_01 .contents_look_area .text_area{display:block;text-align:center;margin-top:200px;line-height:180%;}
.ly_toturial_wrap .ly_toturial_contents.toturial_view_01 .btn_look_area{display:block;margin-top:80px;text-align:center;}
.ly_toturial_wrap .ly_toturial_contents.toturial_view_01 .day_btn_area{display:block;margin-top:60px;text-align:center;color:#fff;font-size:19px;}
.ly_toturial_wrap .ly_toturial_contents.toturial_view_010 .contents_look_area{position:absolute;top:30%;margin-top:-165px;width:100%}

@media all and (min-width:300px) and (max-width:320px) {
    .back{min-height:568px}
    .ly_toturial_wrap .ly_toturial_contents.toturial_view_05 .bottom_contents_area{position:absolute;bottom:57px !important;}
    .ly_toturial_wrap .ly_toturial_contents.toturial_view_07 .bottom_contents_area{position:absolute;bottom:57px !important;}
    .ly_toturial_wrap .ly_toturial_contents.toturial_view_09 .bottom_contents_area{position:absolute;bottom:57px !important;}
}


.ly_toturial_wrap .ly_toturial_contents.toturial_view_05 .bottom_contents_area{position:absolute;bottom:46px;}

@media all and (min-width:321px) and (max-width:360px)  {
    .ly_toturial_wrap .ly_toturial_contents.toturial_view_05 .bottom_contents_area{position:absolute;bottom:28px;}
}
@media all and (min-width:376px) and (max-width:411px) {
    .ly_toturial_wrap .ly_toturial_contents.toturial_view_05 .bottom_contents_area{position:absolute;bottom:39px;}
}
@media all and (min-width:412px) and (max-width:414px) {
    .ly_toturial_wrap .ly_toturial_contents.toturial_view_05 .bottom_contents_area{position:absolute;bottom:36px;}
}


.ly_toturial_wrap .ly_toturial_contents.toturial_view_07 .bottom_contents_area{position:absolute;bottom:46px;}

@media all and (min-width:321px) and (max-width:360px) {
    .ly_toturial_wrap .ly_toturial_contents.toturial_view_07 .bottom_contents_area{position:absolute;bottom:28px;}
}
@media all and (min-width:376px) and (max-width:411px) {
    .ly_toturial_wrap .ly_toturial_contents.toturial_view_07 .bottom_contents_area{position:absolute;bottom:39px;}
}
@media all and (min-width:412px) and (max-width:414px) {
    .ly_toturial_wrap .ly_toturial_contents.toturial_view_07 .bottom_contents_area{position:absolute;bottom:36px;}
}

.ly_toturial_wrap .ly_toturial_contents.toturial_view_09 .bottom_contents_area{position:absolute;bottom:46px;}

@media all and (min-width:321px) and (max-width:360px) {
    .ly_toturial_wrap .ly_toturial_contents.toturial_view_09 .bottom_contents_area{position:absolute;bottom:28px;}
}
@media all and (min-width:376px) and (max-width:411px) {
    .ly_toturial_wrap .ly_toturial_contents.toturial_view_09 .bottom_contents_area{position:absolute;bottom:39px;}
}
@media all and (min-width:412px) and (max-width:414px) {
    .ly_toturial_wrap .ly_toturial_contents.toturial_view_09 .bottom_contents_area{position:absolute;bottom:36px;}
}



.ly_toturial_wrap .ly_toturial_contents .step_area{display:flex;align-items:center;justify-content:center; flex-direction:column;}
.ly_toturial_wrap .ly_toturial_contents .step_area img{width:60px;height:8px;margin: auto;}
.ly_toturial_wrap .ly_toturial_contents .btn_toturial_close{z-index:1;position:absolute;right:15px;top:10px;border:none;background:url(../images/img/btn_close.png) no-repeat left top;background-size:100%;width:20px;height:20px;}
.ly_toturial_wrap .ly_toturial_contents .btn_toturial_close:hover{cursor:pointer}
.ly_toturial_wrap .ly_toturial_contents .text_area{text-align:center;margin-top:200px;line-height:180%;}
.ly_toturial_wrap .ly_toturial_contents .text_area .texttype{font-size:24px;color:#fff;}
.ly_toturial_wrap .ly_toturial_contents .text_area .texttype span{color:#fff;}
.ly_toturial_wrap .ly_toturial_contents .text_area .texttype span.maintxt{color:#fff;}
.ly_toturial_wrap .ly_toturial_contents .text_area_02{margin-top:60px;}
.ly_toturial_wrap .ly_toturial_contents .text_area_03{margin-top:20px;}
.ly_toturial_wrap .ly_toturial_contents .text_area_04{margin-top:400px;}
.ly_toturial_wrap .ly_toturial_contents .text_area_05{margin-top:180px;}
.ly_toturial_wrap .ly_toturial_contents .text_area_06{margin-top:100px;}
.ly_toturial_wrap .ly_toturial_contents .text_area_07{margin-top:430px;}
.ly_toturial_wrap .ly_toturial_contents .btn_look_area{margin-top:80px;text-align:center;}
.ly_toturial_wrap .ly_toturial_contents .btn_look_area button{border:none;width:200px;height:45px;background:url(../images/img/btn_look.png) no-repeat left top;background-size:100%;}
.ly_toturial_wrap .ly_toturial_contents .btn_look_area button:hover{cursor:pointer}
.ly_toturial_wrap .ly_toturial_contents .btn_start_area{margin-top:80px;text-align:center;}
.ly_toturial_wrap .ly_toturial_contents .btn_start_area button{border:none;width:200px;height:45px;background:url(../images/img/btn_start_ani.gif) no-repeat left top;background-size:100%;}
.ly_toturial_wrap .ly_toturial_contents .btn_start_area button:hover{cursor:pointer;}
.ly_toturial_wrap .ly_toturial_contents .day_btn_area{position:relative;padding-left:15px;width:115px;height:20px;margin:60px auto 0;text-align:center;color:#fff;font-size:19px;}
.ly_toturial_wrap .ly_toturial_contents .day_btn_area input {position:absolute;left:2px;top:5px;opacity:1;width:15px;height:15px;}
.ly_toturial_wrap .ly_toturial_contents .img_service{position:relative;text-align:center;}
.ly_toturial_wrap .ly_toturial_contents .img_service .spinner_area{position:absolute;left:83px;bottom:-102px;}
.ly_toturial_wrap .ly_toturial_contents .img_service .hand_area{z-index:1;position:absolute;left:98px;bottom:-19px;}
.ly_toturial_wrap .ly_toturial_contents .img_service .hand_area .hand_pointer{width:30px;height:42px;background:url(../images/img/icon_hand.png) no-repeat left top;background-size:100%;}
.ly_toturial_wrap .ly_toturial_contents .img_service img{width:88%;margin-left:-25px;margin-top:24%;}
.ly_toturial_wrap .ly_toturial_contents .img_service img:hover{cursor:pointer;}
.ly_toturial_wrap .ly_toturial_contents .service_slect{position:relative;text-align:center;}
.ly_toturial_wrap .ly_toturial_contents .service_slect img{width:91%;margin-left:-25px;margin-top:23.5%;}
.ly_toturial_wrap .ly_toturial_contents .next_btn_area{position:relative;width:90px;text-align:center;margin:25px auto 0;}
.ly_toturial_wrap .ly_toturial_contents .next_btn_area:hover{cursor:pointer;}
.ly_toturial_wrap .ly_toturial_contents .next_btn_area .spinner_area{position:absolute;right:-6px;bottom:-105px;}
.ly_toturial_wrap .ly_toturial_contents .next_btn_area .hand_area{z-index:1;position:absolute;right:0;bottom:-20px;}
.ly_toturial_wrap .ly_toturial_contents .next_btn_area .hand_area .hand_pointer{width:30px;height:42px;background:url(../images/img/icon_hand.png) no-repeat left top;background-size:100%;}
.ly_toturial_wrap .ly_toturial_contents .next_btn_area .btn_next{background:url(../images/img/btn_next.png) no-repeat left top;border:none;background-size:100%;width:90px;height:45px;}
.ly_toturial_wrap .ly_toturial_contents .btn_select_detail{position:relative;width:90px;text-align:center;margin:25px auto 0;}
.ly_toturial_wrap .ly_toturial_contents .btn_select_detail:hover{cursor:pointer;}
.ly_toturial_wrap .ly_toturial_contents .btn_select_detail .spinner_area{position:absolute;right:-6px;bottom:-120px;}
.ly_toturial_wrap .ly_toturial_contents .btn_select_detail .hand_area{z-index:1;position:absolute;right:0;bottom:-35px;}
.ly_toturial_wrap .ly_toturial_contents .btn_select_detail .hand_area .hand_pointer{width:30px;height:42px;background:url(../images/img/icon_hand.png) no-repeat left top;background-size:100%;}
.ly_toturial_wrap .ly_toturial_contents .btn_select_detail .btn_next{background:url(../images/img/btn_next.png) no-repeat left top;border:none;background-size:100%;width:90px;height:45px;}
.ly_toturial_wrap .ly_toturial_contents .bookmark_area{position:relative;text-align:center;bottom:-10px;}
.ly_toturial_wrap .ly_toturial_contents .bookmark_area .full{width:94.8%;margin-top:4.5%;}
.ly_toturial_wrap .ly_toturial_contents .bookmark_area img:hover{cursor:pointer;}
.ly_toturial_wrap .ly_toturial_contents .bookmark_area .fulldown{width:94.8%;margin-top:17% !important;}
.ly_toturial_wrap .ly_toturial_contents .bookmark_area .spinner_area{position:absolute;left:12px;top:-48px;}
.ly_toturial_wrap .ly_toturial_contents .bookmark_area .hand_area{z-index:1;position:absolute;left:26px;top:77px;}
.ly_toturial_wrap .ly_toturial_contents .bookmark_area .hand_area .hand_pointer{width:30px;height:42px;background:url(../images/img/icon_hand.png) no-repeat left top;background-size:100%;}
.ly_toturial_wrap .ly_toturial_contents .tell_area{position:absolute;right:45px;top:4px;}
.ly_toturial_wrap .ly_toturial_contents .tell_area:hover{cursor:pointer;}
.ly_toturial_wrap .ly_toturial_contents .tell_area .spinner_area{position:absolute;right:-16px;top:-85px;}
.ly_toturial_wrap .ly_toturial_contents .tell_area .hand_area{z-index:1;position:absolute;left:14px;top:34px;}
.ly_toturial_wrap .ly_toturial_contents .tell_area .hand_area .hand_pointer{width:30px;height:42px;background:url(../images/img/icon_hand.png) no-repeat left top;background-size:100%;}
.ly_toturial_wrap .ly_toturial_contents .tell_area img{width:35px}
.ly_toturial_wrap .ly_toturial_contents .question_area{position:relative;text-align:center;}
.ly_toturial_wrap .ly_toturial_contents .question_area:hover{cursor:pointer;}
.ly_toturial_wrap .ly_toturial_contents .question_area img{width:94.8%;margin-top:8.8%;}
.ly_toturial_wrap .ly_toturial_contents .question_area .spinner_area{position:absolute;right:144px;top:-35px;}
.ly_toturial_wrap .ly_toturial_contents .question_area .hand_area{z-index:1;position:absolute;right:149px;top:86px;}
.ly_toturial_wrap .ly_toturial_contents .question_area .hand_area .hand_pointer{width:30px;height:42px;background:url(../images/img/icon_hand.png) no-repeat left top;background-size:100%;}
.ly_toturial_wrap .top-layer { z-index: 900000; }
.ly_toturial_wrap .ly_toturial_contents .ly_toturial_contents_area.product_service{z-index:990000;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/img/bg_02.jpg) no-repeat left top;background-size:100%;}
.ly_toturial_wrap .ly_toturial_contents .ly_toturial_contents_area.product_service01{z-index:990000;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/img/bg_03.jpg) no-repeat left top;background-size:100%;}
.ly_toturial_wrap .ly_toturial_contents .ly_toturial_contents_area.product_service .service_ani_area img{width:95.2%;}
.ly_toturial_wrap .ly_toturial_contents .ly_toturial_contents_area.product_service01 .full_ani_area img{width:94.8%;}
.ly_toturial_wrap .ly_toturial_contents .ly_toturial_contents_area.product_service .service_ani_area{
    position:absolute;
    top:115px;
    opacity:0;
    text-align:center;
    -webkit-animation-name: serviceimg; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2.5s; /* Safari 4.0 - 8.0 */
    animation-name: serviceimg;
    animation-duration: 2.5s;
}
/* Safari 4.0 - 8.0*/
@-webkit-keyframes serviceimg {
    0%  {opacity:0.5}
    25% {opacity:1}
    50% {opacity:1}
    75% {opacity:1}
    100% {opacity:0}
}
/* Standard syntax */
@keyframes serviceimg {
    0%  {opacity:0.5}
    25% {opacity:1}
    50% {opacity:1}
    75% {opacity:1}
    100% {opacity:0}
}

.ly_toturial_wrap .ly_toturial_contents .ly_toturial_contents_area.product_service .text_ani_area{
    position:absolute;
    top:110px;
    text-align:center;
    -webkit-animation-name: textimg; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    animation-name: textimg;
    animation-duration: 3s;

}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes textimg {
    0% {opacity:0}
    25% {opacity:0}
    50% {opacity:0}
    75% {opacity:0}
    100% {opacity:1}
}
/* Standard syntax */
@keyframes textimg {
    0% {opacity:0}
    25% {opacity:0}
    50% {opacity:0}
    75% {opacity:0}
    100% {opacity:1}
}


.ly_toturial_wrap .ly_toturial_contents .ly_toturial_contents_area.product_service .select_ani_area{
    position:absolute;
    top:190px;
    text-align:center;
    -webkit-animation-name: selectimg; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    animation-name: selectimg;
    animation-duration: 3s;

}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes selectimg {
    0% {opacity:0}
    25% {opacity:0}
    50% {opacity:0}
    75% {opacity:0}
    100% {opacity:1}
}
/* Standard syntax */
@keyframes selectimg {
    0% {opacity:0}
    25% {opacity:0}
    50% {opacity:0}
    75% {opacity:0}
    100% {opacity:1}
}


.ly_toturial_wrap .ly_toturial_contents .ly_toturial_contents_area.product_service01 .full_ani_area{
    position:absolute;
    top:355px;
    text-align:center;
    -webkit-animation-name: fullimg; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    animation-name: fullimg;
    animation-duration: 1s;

}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fullimg {
    0%   {top:385px;opacity:0.5;height:0;}
    100% {top:355px;opacity:1;height:100%;}
}
/* Standard syntax */
@keyframes fullimg {
    0%   {top:385px;opacity:0.5;height:0;}
    100% {top:355px;opacity:1;height:100%;}
}

.spinner{width:50px;height:50px;margin: 100px auto;background-color:#fdbb00;border-radius: 100%;-webkit-animation: sk-scaleout 1.3s infinite ease-in-out;animation: sk-scaleout 1.3s infinite ease-in-out;}
@-webkit-keyframes sk-scaleout {
    0% { -webkit-transform: scale(0) }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 1;
    }
}
@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 100% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
          opacity: 0;
      }
}

#chkday { -webkit-appearance: checkbox;}