@charset "utf-8";

    .search_box_wrap2 { width: 100%; height: auto; min-height: 80px; padding: 25px; background-color: #fafcfe; text-align: center; margin-bottom: 30px;}
    .search_box_wrap2 .search{position: relative; display: inline-block; vertical-align: middle; margin-right: -45px; width: calc(100% - 90px); max-width: 580px; height: 65px; padding: 0 70px 0 20px; padding-top: 4px; border-radius: 10px; border-width: 2px; border-style: solid; font-family: 'G-sans', "sans-serif";}
    .search_box_wrap2 input.search::placeholder{font-size: 1.063rem;color: #999;}
    .search_box_wrap2 .btn_sub_search {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-left: -19px;
        width: 60px;
        height: 65px;
        border-radius: 10px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        background-image: url(../image/sub/btn_search.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;

    }

    /* 추천검색어 */
    .search_box_wrap2 .search_word2 {width: 730px; text-align: center;padding-top: 12px; margin: 0 auto;}
    .search_box_wrap2 .search_word2 .title{display: inline-block;vertical-align: middle;margin-right: 23px;width: auto;height: 25px;font-size: 0.938rem;font-weight: normal; color: #003964;}
    .search_box_wrap2 .search_word2 .title img {vertical-align: middle; padding: 0 3px 2px 0;}
    .search_box_wrap2 .search_word2 .con{margin-right: 10px;display: inline-block;vertical-align: middle;padding: 0 20px;width: auto;height: 25px;line-height: 28px;font-size: 0.875rem;border-radius: 20px;}
    .search_box_wrap2 .search_word2 .con.btn_detail{margin-right: 0;color: #fff;font-weight: 200;padding-right: 28px;background-image: url(../image/main/btn_detail.png);background-position: right 17px top 50%;background-repeat: no-repeat;}
    .search_box_wrap2 .search_word2 .word_box2{ color: #666; display: inline-block; vertical-align: middle;padding-right: 20px;width: auto; font-size: 0.938rem;}
    .search_box_wrap2 .search_word2 .keyword{width: 500px; display:inline-flex; white-space:nowrap; overflow: hidden;}

    .btn_detail {color:#6d7c9a; font-family: 'G-sans', "sans-serif"; margin-left: 30px;}
    .btn_detail img {margin-left: 2px;}
    .btn_card {display: inline-block; width: 22px; height: 23px; background: url(../image/main/ico_menu.png) 0% 50% no-repeat;margin: 0px 10px 0 15px;}
    .btn_list {display: inline-block; width: 22px; height: 23px; background: url(../image/main/ico_list.png) 0% 50% no-repeat; margin-top: 0px;}
    .btn_card.on {display: inline-block; width: 22px; height: 23px; background: url(../image/main/ico_menu_on.png) 0% 50% no-repeat;}
    .btn_list.on {display: inline-block; width: 22px; height: 23px; background: url(../image/main/ico_list_on.png) 0% 50% no-repeat;}


 /* guide list wrap -리스트형 */
.guide_list_wrap .guide_list_box{width:100%;height:auto; position: relative;}
.guide_list_wrap .guide_list_box .list_wrap > ul > li {padding-right: 15px;border: 1px solid #e8e8e8; padding:11px 11px; border-radius: 30px; margin-bottom: 22px; position: relative;}

.guide_list_wrap .guide_list_box .guide_list{width: 100%;height: auto;}
.guide_list_wrap .guide_list_box .guide_list:last-of-type{margin-bottom: 0px;}
.guide_list_wrap .guide_list_box .guide_list .img_box{float: left;overflow: hidden;position:relative;width: 245px;height:180px;border-radius: 20px;}
.guide_list_wrap .guide_list_box .guide_list .img_box img{position:absolute; top:50%;left:50%;transform: translate(-50%, -50%); width:100%; height:100%;}

.guide_list_wrap .guide_list_box .guide_list .txt_box{float: left;width: calc(100% - 250px); padding:10px 30px 0 30px;}
.guide_list_wrap .guide_list_box .guide_list .txt_box span {display: inline-block;font-size: 1rem; font-weight: normal; margin-right:5px; vertical-align: top;}
.guide_list_wrap .guide_list_box .red {color: #e74f5c;}
.guide_list_wrap .guide_list_box .blue {color: #3b76ec;}
.guide_list_wrap .guide_list_box .green {color: #11a24c;}
.guide_list_wrap .guide_list_box .yellow {color: #ffa20e;}
.guide_list_wrap .guide_list_box .mint {color: #2ab9bb;}

.guide_list_wrap .guide_list_box .guide_list .txt_box .title{display: inline-flex; align-items: center; width: 95%; height: 50px; line-height: 1.5rem; font-size: 1.25rem;  margin-top: 10px; font-weight: 500;overflow: hidden;text-overflow: ellipsis;}
.guide_list_wrap .guide_list_box .guide_list .txt_box .title2 {min-height:auto;font-size: 20px;margin-top: 5px;/*display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;*/overflow: hidden;text-overflow: ellipsis;}
.guide_list_wrap .guide_list_box .guide_list .txt_box ul.half li{float: left;width: 40%;max-width: 240px;font-size: 0.938rem;color: #666;}
.guide_list_wrap .guide_list_box .bullet_gray_square{padding-left: 12px;background: url(../image/common/bullet_gray_square.png) left 0 top 60% no-repeat;}

.guide_list_wrap .guide_list_box .progress_wrap{width: 100%;max-width: 460px;margin-top: 10px;}
.guide_list_wrap .guide_list_box .progress_wrap .num{float: right;width: auto;padding: 0 5px 0 6px; color: #e53949;font-weight: bold;}
.guide_list_wrap .guide_list_box .progress_wrap .num b{font-size: 1.25rem;}
.guide_list_wrap .guide_list_box .progress_wrap .progress_bar_wrap{float: left;width: calc(100% - 70px);padding-top: 10px;}
.guide_list_wrap .guide_list_box .progress_wrap .progress_bar_wrap .progress_bar{overflow: hidden;position:relative;width: 100%;height: 10px;background-color:#edeff2;border-radius: 10px;}
.guide_list_wrap .guide_list_box .progress_wrap .progress_bar_wrap .progress_bar .bar{position: absolute;width: 54.5%;height: 100%;background-color:#e53949;border-radius: 10px;}
.guide_list_wrap .guide_list_box .guide_list .btn_box{position: absolute; bottom: 12px; right: 50px;}
.guide_list_wrap .guide_list_box .guide_list .btn_box a:first-of-type{margin-bottom: 3px;}
.guide_list_wrap .guide_list_box .guide_list .btn_box .btn {display:inline-block ; width: 82px; height: 28px; line-height: 28px; font-size: 14px;  color: #fff; text-align: center;   border-radius: 6px; background-color: #3c76ed;}
.guide_list_wrap .guide_list_box .guide_list .btn_box .btn .mr5{display:inline-block ; width: 82px; height: 28px; line-height: 28px; font-size: 14px;  color: #fff; text-align: center;   border-radius: 6px; background-color: #848484;}
.guide_list_wrap .guide_list_box .guide_list .btn_box .btn.btn_gray{background:#848484;}
.guide_list_wrap .guide_list_box .guide_list .btn_box a + a{margin-left:5px;}


.guide_list_wrap .guide_list_box .guide_list .txt_box .gray_border_box{display: inline-block;padding: 1px 8px 0 7px;height: 24px;font-size: 13px;border-radius: 30px;border:1px solid #d8d8d8;color: #a8a8a8;margin-right: 4px;}
.guide_list_wrap .guide_list_box .guide_list .txt_box .gray_border_box:last-of-type{margin-right: 4px;}


.guide_list_wrap .guide_list_box .guide_list .txt_box .info_view {display: block; margin-top: 10px; padding-top: 15px;border-top: 1px dashed #d7d7d7;}
.guide_list_wrap .guide_list_box .guide_list .txt_box .info_view .info.icon_check{background-image:url(../image/main/icon_check_ccc_16px.png) ;}
.guide_list_wrap .guide_list_box .guide_list .txt_box .info_view .info.icon_time{background-image:url(../image/main/icon_time_ccc_16px.png) ;}
.guide_list_wrap .guide_list_box .guide_list .txt_box .info_view .info.icon_list{background-image:url(../image/main/icon_list_ccc.png) ;}
.guide_list_wrap .guide_list_box .guide_list .txt_box .info_view .info.icon_edu{background-image:url(../image/main/icon_edu_ccc.png) ;}
.guide_list_wrap .guide_list_box .guide_list .txt_box .info_view .info i{font-style: normal;}
.guide_list_wrap .guide_list_box .guide_list .txt_box .info_view .info i::after{content: ':';display: inline-block; margin: 0 2px 0 2px;}
.guide_list_wrap .guide_list_box .guide_list .txt_box .info_view .info.icon_edu{background-position:0 2px;}

    .guide_list_wrap .guide_list_box .guide_list .txt_box .info_view .info {
        display: inline-block;
        vertical-align: top;
        width: 35%;
        margin-bottom: 10px;
        padding-left: 0;
        height: auto;
        font-size: 15px;
        color: #666;
        background-image: none;
        padding-left: 20px;
        letter-spacing: -1px;
        background-position: 0 50%;
        background-repeat: no-repeat;
    }

    .guide_list_wrap .guide_list_box .guide_list .txt_box .info2{ position: absolute; top:15px; right: 50px; width: 30%; font-size: 15px;color: #999; display: inline-block; text-align: right;}
    .guide_list_wrap .guide_list_box .guide_list .txt_box .info2 b{font-size: 21px;color: #e5394a;font-weight: bold;}

        /*::: list - 강의 만족도 */
        .guide_list_wrap .guide_list_box .guide_list .txt_box .info_view  .star_score{ position: absolute; bottom: 55px; right: 42px; display: flex; align-items: center;}
        .guide_list_wrap .guide_list_box .guide_list .txt_box .info_view  .star_score i {font-style: normal; color: #999; font-size:0.875rem; margin-right:5px;}
        .star_score span {
            display: inline-block;
            width: 78px;
            height: 15px;
            background: url(../image/main/star_score_off.png) no-repeat;
            margin-left: 10px;
        }
        .star_score span.st_off {
            position: relative;
        }
        .star_score span.st_on {
            overflow: hidden;
            position: absolute;
            top: 0;
            left: -10px;
            z-index: 10;
            background: url(../image/main/star_score_on.png) no-repeat;
        }


      /* 하트아이콘2 */
      /* 2022.07.25 ssj - 수정 */
      .guide_list_wrap .guide_list_box .btn_heart_icon3 {position: absolute;z-index: 3; top:20px; left:210px; display: inline-block; width: 30px; height: 30px; background: url(../image/main/btn_icon_heart_off.png) 50% 50% no-repeat;cursor: pointer;transition: .5s; min-height:52px; margin-top:5px;}
      .guide_list_wrap .guide_list_box .btn_heart_icon3.on {background-image: url(../image/main/btn_icon_heart_on.png)}
      .guide_list_wrap .guide_list_box .btn_heart_icon3 img {position:absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);z-index: 1;}



    /* guide list wrap  - 카드형 */
     .guide_list_wrap{width: 100%; height:auto; position: relative;}
     .guide_list_wrap .guide_list_box{text-align: left;}
     .guide_list_wrap .guide_list_box ul{position: relative;width: 100%;height: auto;padding-bottom: 10px;}
     .guide_list_wrap .guide_list_box ul li:nth-child(4n) {margin-right:0px;}


     /* type 01 */
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap {overflow: hidden;float: left;position: relative;width: 232px;height: 330px;margin-bottom:28px;margin-right: 20px;border-radius: 20px;background-color: #fff;transition: .2s;box-shadow: 0px 5px 8px rgba(151, 174, 182, 0.1);;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .thumbnail{overflow: hidden;position:relative;top: 0; left: 0 ;right: 0;height: 150px;z-index: 1;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .thumbnail .btn_heart_icon{position: absolute;z-index: 3;top:10px; right: 10px;display: inline-block;width: 30px;height: 30px; background: url(../image/main/btn_icon_heart_off.png) 50% 50% no-repeat;cursor: pointer;transition: .5s;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .thumbnail .btn_heart_icon.on{background-image: url(../image/main/btn_icon_heart_on.png)}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .thumbnail .overlay_box{opacity:0;position:absolute;top: 0;bottom: 0;left: 0; right: 0;z-index: 2;background-color: rgba(0,0,0,0.4);transition: .2s;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .thumbnail img{position:absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);z-index: 1;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap{overflow: hidden;position:absolute;bottom: 0px;left: 0 ;right: 0;height:auto;z-index: 2;padding:20px 15px 15px;background-color: #fff;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .top{margin-bottom: 8px;cursor:default;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .top>p.red{color: #ff4133;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .top>p.blue{color: #3c76ed;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .top>p.yellow{color: #ffa20e;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .top>p.green{color: #11a24c;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .top>p.mint{color: #2ab9bb;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .top>p{display: inline-block;font-size: 15px;margin-right: 4px;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .top>.gray_border_box{display: inline-block;padding: 1px 8px 0 7px;height: 24px;font-size: 13px;border-radius: 30px;border:1px solid #d8d8d8;color: #a8a8a8;margin-right: 4px;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .top>.gray_border_box:last-of-type{margin-right: 4px;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .title{display: block;font-size: 18px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;/*display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;*/}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .desc{cursor:default;display: block;font-size: 14px;color: #878787;height: 20px;min-height: 80px;overflow: hidden;text-overflow: ellipsis;/*display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;*/ transition: .2s;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .hover_view{display: block;margin-top:10px;padding-top: 10px;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .txt_box{overflow: hidden;height: 140px;transition-property: height;transition: .01s;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .hover_view ol{cursor:default; width: 100%;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .hover_view ol li{float: left;width: 50%;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .hover_view ol li p{font-size: 14px;color: #333;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .hover_view ol li p i{margin-left: 4px;font-style: normal;font-size: 14px;color: #878787;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .hover_view .btn_learning{display: block;height: 34px;line-height: 32px;text-align: center;background-color:#003964;color: #fff;border-radius: 10px;margin-top: 10px;font-size: 14px;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .hover_view .btn_learning span{display: inline-block;padding-left: 20px;background: url(../image/main/btn_learning.png) 0 50% no-repeat;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .txt_box .info{display: block;margin-bottom: 4px;font-size: 15px;color: #878787;height: 20px;padding-left: 24px;background-position: 0 50%;background-repeat: no-repeat;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .txt_box .info i{font-style: normal;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .txt_box .info i::after{content: ':';display: inline-block;margin: 0 3px 0 3px;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .txt_box .info.icon_check{background-image:url(../image/main/icon_check_ccc_16px.png) ;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .txt_box .info.icon_time{background-image:url(../image/main/icon_time_ccc_16px.png) ;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .txt_box .hover_view .btn_learning_apply{float:left;display: block;width:49%;margin-right: 2%;height: 34px;line-height: 32px;text-align: center;background-color:#3c76ed;color: #fff;border-radius: 6px;margin-top: 0px;font-size: 14px;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .txt_box .hover_view .btn_learning_apply span{display: inline-block;padding-left: 20px;background: url(../image/main/icon_check_fff.png) 0 50% no-repeat;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .txt_box .hover_view .btn_learning_detail{float:left;display: block;width:49%;height: 34px;line-height: 32px;text-align: center;background-color:#003964;color: #fff;border-radius: 6px;margin-top: 0px;font-size: 14px;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .txt_box .hover_view .btn_learning_detail span{display: inline-block;padding-left: 20px;background: url(../image/main/icon_list_fff.png) 0 50% no-repeat;}

     /* type 02 */
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 {overflow: hidden;float: left;position: relative;width: 232px;height: 330px; margin-bottom:28px; margin-right: 20px;border-radius: 20px;background-color: #fff;transition: .2s;box-shadow: 0px 5px 8px rgba(151, 174, 182, 0.1);}

     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .thumbnail{overflow: hidden;position:relative;top: 0; left: 0 ;right: 0; height: 150px;z-index: 1;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .thumbnail .btn_heart_icon{position: absolute;z-index: 3;top:10px; right: 10px;display: inline-block;width: 30px;height: 30px; background: url(../image/main/btn_icon_heart_off.png) 50% 50% no-repeat;cursor: pointer;transition: .5s;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .thumbnail .btn_heart_icon.on{background-image: url(../image/main/btn_icon_heart_on.png)}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .thumbnail .overlay_box{opacity:0;position:absolute;top: 0;bottom: 0;left: 0; right: 0;z-index: 2;background-color: rgba(0,0,0,0.4);transition: .2s;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .thumbnail img{position:absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);z-index: 1;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap{overflow: hidden;height:auto;z-index: 2;padding:20px 15px 15px; position: relative;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .top{margin-bottom: 8px;cursor:default;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .top>p.red{color: #ff4133;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .top>p.blue{color: #3c76ed;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .top>p.yellow{color: #ffa20e;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .top>p.green{color: #29c167;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .top>p.mint{color: #2ab9bb;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .top>p{display: inline-block;font-size: 15px;margin-right: 4px;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .top>.gray_border_box{display: inline-block;padding: 1px 8px 0 7px;height: 24px;font-size: 13px;border-radius: 30px;border:1px solid #d8d8d8;color: #a8a8a8;margin-right: 4px;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .top>.gray_border_box:last-of-type{margin-right: 4px;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .title{display: block;font-size: 18px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;/*display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;*/}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .desc{cursor:default;display: block;font-size: 14px;color: #878787;height: 20px;max-height: 80px;min-height: 80px;overflow: hidden;text-overflow: ellipsis;/*display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;*/transition: .2s;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .hover_view{display: block;margin-top:10px;padding-top: 0px; cursor: text;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .txt_box{overflow: hidden;transition-property: height;transition: .3s; cursor: pointer;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .hover_view .btn_learning{display: block;height: 34px;line-height: 32px;text-align: center;background-color:#003964;color: #fff;border-radius: 10px;margin-top: 10px;font-size: 14px;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .hover_view .btn_learning span{display: inline-block;padding-left: 20px;background: url(../image/main/btn_learning.png) 0 50% no-repeat;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .txt_box .info{display: block;margin-bottom: 4px;font-size: 15px;color: #878787;height: 20px;padding-left: 24px;background-position: 0 50%;background-repeat: no-repeat;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .txt_box .info i{font-style: normal;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .txt_box .info i::after{content: ':';display: inline-block;margin: 0 3px 0 3px;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .txt_box .info.icon_check{background-image:url(../image/main/icon_check_ccc_16px.png) ;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .txt_box .info.icon_time{background-image:url(../image/main/icon_time_ccc_16px.png) ;}



     /* 하트아이콘2 */
    .guide_list_card_wrap .btn_heart_icon2,
    .guide_list_card_wrap_2 .btn_heart_icon2 {position: absolute;z-index: 3; top:17px; right:13px; display: inline-block; width: 30px; height: 30px; background: url(../image/main/btn_icon_heart_off.png) 50% 50% no-repeat;cursor: pointer;transition: .5s;}
    .guide_list_card_wrap .btn_heart_icon2.on,
    .guide_list_card_wrap_2 .btn_heart_icon2.on {background-image: url(../image/main/btn_icon_heart_on.png)}
    .guide_list_card_wrap .btn_heart_icon img,
    .guide_list_card_wrap_2 .btn_heart_icon img {position:absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);z-index: 1;}




   /* 상세페이지 */
    .guide_title { font-size: 1.75rem; color: #000;  border-bottom: 2px solid #e8e8e8; padding-bottom: 15px;}
    .guide_title b { font-weight: normal;}
    .guide_title span {display: inline-block; font-size: 1rem; color: #666;}
    .detail_info li{display: inline-block; width: 50%; float: left; position: relative;}
    .detail_info .img_box{float: left;overflow: hidden;position:relative;width: 100%;height:320px;border-radius: 20px;}
    .detail_info .img_box img{position:absolute; top:50%;left:50%;transform: translate(-50%, -50%);}
    .detail_info button {position: absolute; bottom: 10px; right: 10px; cursor: pointer;}
    .detail_info .preview{width: 106px; height: 35px; border-radius: 5px; text-align: center; background-color: #323232; opacity: .9; color: #fff;}
    .detail_info .preview span{ display: block; padding-left: 25px; background: url(../image/sub/ico_preview.png) left 20px top 50% no-repeat;}
    .detail_info table {margin-left:60px; margin-top: 10px;}
    .detail_info table td{height: 35px; color: #666;}
    .detail_info table .red_dot {font-size: 1rem;color: #666; background: url(../image/login/bullet_red_dot.png) 0px 10px no-repeat; padding-left: 10px;}
    .detail_info table .red {color: #e74f5c;}
    .detail_info table .blue {color: #3b76ec;}
    .detail_info table .green {color: #11a24c;}
    .detail_info table .yellow {color: #ffa20e;}
    .detail_info table .mint {color: #2ab9bb;}
    .detail_info table .gray_border_box{display: inline-block;padding: 1px 8px 0 7px;height: 24px;font-size: 13px;border-radius: 30px;border:1px solid #d8d8d8;color: #a8a8a8;margin-left: 5px;}
    .detail_info table i{font-style: normal; color: #e5394a;}
    .detail_info table b{font-style: normal; color: #e5394a; font-size: 1.25rem;}
    .detail_info table img {vertical-align: middle;}
    .detail_info table a {font-weight: normal;}
    .detail_info table .btn_area {padding-top: 15px;}


    .tag { width: 100%; font-family: 'G-sans', "sans-serif"; border-bottom: 1px solid #e8e8e8; margin-bottom: 40px;}
    .tag li { width: 10.8%; height: 50px; display: inline-flex; justify-content: center; align-items: center; color: #999;}
    .tag li:hover { border-bottom: 3px solid #3c76ed; color: #3c76ed;}

    .guide_desc_box {border: 1px solid #e8e8e8;padding: 20px 0px; border-radius: 20px;margin-bottom: 40px; display: flex; align-items: start;}
    .guide_desc_box ol {width: 153px; text-align: center; display: inline-block;}
    .guide_desc_box li p.txt {display: block; color:#333; font-size: 1.125rem; font-family: 'G-sans', "sans-serif"; margin-bottom: 5px; margin-top: 5px;}
    .guide_desc_box .desc {padding: 0 0 0 30px; width: calc(100% - 200px); min-height: 82px; display: inline-flex; align-items: center; color: #666; line-height: 28px; border-left: 1px dotted #e1e1e1;}
    .guide_desc_box .desc .attach {padding-left: 35px; background: url(../image/sub/icon_download_2.png) left 0 top 100% no-repeat;}
    .guide_desc_box .desc i { color: #999; font-style: normal;}
    .guide_desc_box .desc b { color: #333; font-weight: 500;}
    .guide_desc_box .desc b::before {content: ""; background: url(../image/sub/bullet_square.png) left 0 top 50% no-repeat;padding-left: 10px;}
    .guide_desc_box .desc em {font-style: normal; float: right; margin-left: 30px;}
    .guide_desc_box .desc em::before {content: "";  background: url(../image/sub/icon_call.png) left 0 top 50% no-repeat;padding-left: 25px;}
    .guide_desc_box .desc span {}
    .guide_desc_box .desc table td {height: 40px;}

    .guide_desc_box .desc ul {width: 100%;}
    .guide_desc_box .desc dl { width: 100%;}
    .guide_desc_box .desc dt { width: 100px;  color: #333; font-size: 1rem; font-weight: 500; display: inline-block;}
    .guide_desc_box .desc dt::before {content: ""; background: url(../image/sub/bullet_square.png) left 0 top 50% no-repeat;padding-left: 10px;}
    .guide_desc_box .desc dt::after {content: ":";padding-left: 5px; font-size: 0.8rem; font-weight: 800; }
    .guide_desc_box .desc dd:nth-of-type(3) {margin-left: 103px;}
    .guide_desc_box .desc dd { width: calc(50% - 60px); display: inline-flex;}

    /* 상세페이지 - 신청 */
    .guide_round_box2 {border: 1px solid #e8e8e8;  border-radius: 15px; margin-bottom: 40px;}
    .guide_round_box2 li {border-bottom: 1px solid #e8e8e8;padding: 30px 30px 10px 30px;}
    .guide_round_box2 li:last-of-type {border-bottom: none;}
    .guide_round_box3 { width: 100%; border: 1px solid #e8f0ff; background-color: #f6f9fd;  color: #888; font-size: 0.937em; margin-top: 40px; margin-bottom: 40px; padding: 30px 30px;}
    .guide_round_box3 .red_dot { color: #333; font-size: 1.063rem;  padding-left: 15px; background: url(../image/login/bullet_red_dot.png) 0px 50% no-repeat;}
    .guide_round_box3 .sub_txt { margin-bottom: 0px; color: #888; background: none; margin-left: 16px; font-size: 0.937rem; line-height: 25px;}

    /* 상세페이지 - 완료 */
    .guide_txt { width: 100%; text-align: center; font-size: 1.625rem; color: #003964; font-weight: 800;}
    .guide_txt span { font-size: 1.125rem; color: #f92d3c; font-weight: 500;}
    .guide_round_box{padding:80px 0;text-align: center;font-size: 1rem;border: 1px solid #e8e8e8;border-radius: 15px;}
    .guide_round_box img{margin-bottom: 50px;}
    .guide_round_box table p.title{max-width: 800px;margin-bottom: 24px;;text-align:left;font-size: 1.625rem;font-weight: 600; color: #000; font-weight: 500;}
    .guide_round_box p.desc{color:#666;text-align: center;font-size: 1.125rem;}
    .guide_round_box .fin table {margin: 0; display: inline-block; text-align: left;}

    .btn_heart_icon3 {position: absolute;z-index: 3; top:20px; left:210px; display: inline-block; width: 30px; height: 30px; background: url(../image/main/btn_icon_heart_off.png) 50% 50% no-repeat;cursor: pointer;transition: .5s; min-height:52px; margin-top:5px;}


    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .card_over {
      display:none;
      position: absolute;
      left: 0px;
      top: 0px;
      width: 448px;
      height: 332px;
      padding: 4px 4px 10px 4px;
      box-sizing: border-box;
      border-radius: 20px;
      background-color: #ffffff;
      z-index: 5;
      box-shadow: 0px 1px 10px rgb(32 32 36 / 8%);
      transition: .3s;
      overflow: hidden;
    }
    .guide_list_wrap .box_more{display: none;}
    .mob_type02 {margin-top: 20px;}

    /* 웹에서만 마우스오버 작동*/
    @media screen and (min-width: 800px) {

        /* list hover */
        .guide_list_wrap .guide_list_box .list_wrap > ul > li:hover { background-color: #f6f9fd; border: 1px #d8e6ff solid ;}
        /* .guide_list_wrap .guide_list_box .list_wrap > ul > li:hover .btn {background-color:#3c76ed;} */

        /* card hover */
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap:hover {height: 328px;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap:hover .thumbnail .overlay_box{opacity: 1;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap:hover .txt_box_wrap .txt_box{overflow: hidden;height: 261px;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap:hover .txt_box_wrap .desc{/*display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;*/}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap:hover .txt_box_wrap .txt_box .hover_view{display: block;margin-top:10px;padding-top: 10px;border-top: 1px dashed #d7d7d7}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap:hover .txt_box_wrap .txt_box .hover_view .info{display: inline-block;vertical-align: bottom;width: 49%;margin-bottom: 10px;padding-left: 0;height: auto;font-size: 14px;color: #878787;background-image: none;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap:hover .txt_box_wrap .txt_box .hover_view .info i{font-style: normal;font-size: 14px;color: #333;font-weight: bold;display: block;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap:hover .txt_box_wrap .txt_box .hover_view .info i::after{display: none;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap:hover .txt_box_wrap .txt_box .hover_view .info b{font-size: 20px;color: #e63c4d;font-weight: bold;display: inline-block;}

        /* card type 02 :card_over */

        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap:hover .txt_box_wrap .txt_box.type_02{overflow: hidden;height: 295px;}

        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .thumbnail {border-top-left-radius:20px;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover.guide_list_card_wrap_2 {overflow:visible}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over{display: block; transition: 0.15s ease-out;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .thumbnail{overflow: hidden;position:relative;top: 0; left: 0 ;right: 0;  z-index: 1; width: 210px; height:129px; border-radius: 15px; margin: 10px 10px; display: inline-block;}

        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .card_title{display: inline-block; width: 44%; vertical-align: top; margin: 15px 0px 0 5px;}

        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .top>p.red{color: #ff4133;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .top>p.blue{color: #3c76ed;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .top>p.yellow{color: #ffa20e;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .top>p.green{color: #29c167;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .top>p.mint{color: #2ab9bb;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .top>p{display: inline-block;font-size: 15px;margin-right: 4px;}

        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .title {display:inline-block; overflow: hidden; text-overflow: ellipsis; margin-top: 5px; }
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .title b{ display:block; color: #3c76ed; font-size: 17px; font-weight: normal; letter-spacing: -1px;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .title span{color: #333; font-size: 18px; letter-spacing: -1px; font-weight: normal; letter-spacing: -1px; /*display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;*/ overflow: hidden; text-overflow: ellipsis;}


        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .txt_box_wrap { padding: 0px 15px 15px; margin-top: -5px;}

        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .txt_box_wrap .txt_box{overflow: hidden;height: 261px; }

        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .txt_box_wrap .desc{/*display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;*/}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .txt_box_wrap .txt_box .hover_view{display: block;margin-top:10px;padding-top: 10px;border-top: 1px dashed #d7d7d7}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .txt_box_wrap .txt_box .hover_view .info{display: inline-block;vertical-align:bottom; width: 49%;margin-bottom: 10px;padding-left: 0;height: auto;font-size: 15px;color: #666;background-image: none; padding-left: 20px; letter-spacing: -1px;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .txt_box_wrap .txt_box .hover_view .info i{font-style: normal;font-size: 15px;color: #666;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .txt_box_wrap .txt_box .hover_view .info i::after{display: none;}

        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .txt_box_wrap .txt_box .hover_view .info2{width: 49%; font-size: 15px;color: #999; display: inline-block; text-align: right;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .txt_box_wrap .txt_box .hover_view .info2 b{font-size: 21px;color: #e5394a;font-weight: bold;}


        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .txt_box_wrap .txt_box .hover_view .info.icon_check{background-image:url(../image/main/icon_check_ccc_16px.png) ;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .txt_box_wrap .txt_box .hover_view .info.icon_time{background-image:url(../image/main/icon_time_ccc_16px.png) ;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .txt_box_wrap .txt_box .hover_view .info.icon_list{background-image:url(../image/main/icon_list_ccc.png) ;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .txt_box_wrap .txt_box .hover_view .info.icon_edu{background-image:url(../image/main/icon_edu_ccc.png) ;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .txt_box_wrap .txt_box .hover_view .info i{font-style: normal;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .txt_box_wrap .txt_box .hover_view .info i::after{content: ':';display: inline-block; margin: 0 2px 0 2px;}




        /*::: 카드형 - 강의 만족도 */
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .txt_box_wrap .txt_box .hover_view  .star_score{ width: 48%;  display: inline-block;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .txt_box_wrap .txt_box .hover_view  .star_score i {font-style: normal; color: #999; font-size:0.875rem;}
        .star_score span {
            display: inline-block;
            width: 78px;
            height: 15px;
            background: url(../image/main/star_score_off.png) no-repeat;
            margin-left: 10px;
        }
        .star_score span.st_off {
            position: relative;
        }
        .star_score span.st_on {
            overflow: hidden;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 10;
            background: url(../image/main/star_score_on.png) no-repeat;
        }

        /*::: 버튼 영역 */
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .btn_area {position: absolute; bottom: 0; left: 0; width: 448px; height: 41px; display: block;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .btn_area a{cursor:pointer !important;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .btn_area a.btn_learning_apply{float:left;display: block;width:50%;height: 41px;line-height: 41px;text-align: center;background-color:#3c76ed;color: #fff;margin-top: 0px;font-size: 14px;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .btn_area a.btn_learning_apply span{display: inline-block;padding-left: 20px;background: url(../image/main/icon_check_fff.png) 0 50% no-repeat;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .btn_area a.btn_learning_detail{float:right;display: block;width:50%;height: 41px;line-height: 41px;text-align: center;background-color:#003964;color: #fff;margin-top: 0px;font-size: 14px;}
        .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .btn_area a.btn_learning_detail span{display: inline-block;padding-left: 20px;background: url(../image/main/icon_list_fff.png) 0 50% no-repeat;}



    }

    @media screen and (max-width: 800px) {
    /* guide list wrap  - 카드형 */
    .guide_list_wrap{width: 100%; height:auto; position: relative; padding-bottom: 20px;  text-align: center;}

      .search_box_wrap2 {display:block; width: 100%; height: auto; min-height: auto; padding: 10px 15px; background-color: #f7f7f7; text-align: center; margin-bottom: 0px;}
      .search_box_wrap2 .search{position: relative; display: inline-block; vertical-align: middle; margin-right: -45px; width: calc(100% - 80px); max-width: 580px; height: 37px; padding: 0 0 0 10px; padding-top: 0px; border-radius: 5px; border: 1px solid #2b4173; font-family: 'N-sans', "sans-serif"; font-size: 0.875rem;}
      .search_box_wrap2 input.search::placeholder{font-size: 0.875rem;color: #506188;}
      .search_box_wrap2 .btn_sub_search {
          position: relative;
          display: inline-block;
          vertical-align: middle;
          margin-left: -8px;
          width: 50px;
          height: 37px;
          border-radius: 5px;
          background-image: url(../image/sub/icon_search.png);
          background-position: 50% 50%;
          background-repeat: no-repeat;

      }
    .search_box_wrap2 .search_bar input.search{float:left; width:100%; height:50px !important; margin-right:0; padding:5px 60px 0 20px; border-width:1px; border-radius:8px;}
	.search_box_wrap2 .search_bar .btn_main_search{float:left; width:60px; height:50px; margin-left:-61px; background-color:#2b4173 !important; border-radius:8px !important;}
	.search_box_wrap2 .search_bar:after{content:''; display:block; clear:both;}
	.search_box_wrap2 .search_word2{padding-top:10px !important;}
	.mob_cont_pd .search_box_wrap2 .search_word2 .title{margin-right:10px; line-height:25px;}
	.search_box_wrap2 .search_word2 .con{margin-right:0; padding:0 5px; line-height:25px;}

      /* 추천검색어 */
      .btn_detail { width: 68px; height: 37px; line-height: 35px; color:#939393; font-family: 'N-sans', "sans-serif"; font-size: 0.875rem; background-color: #fff; border: 1px solid #989898; border-radius: 5px; margin-left: 7px; display: inline-block; vertical-align:middle;}
      .btn_detail img {display: none;}

      .btn_card {display: inline-block; width: 22px; height: 23px; background: url(../image/main/ico_menu_mob.png) 0% 50% no-repeat;margin: 0px 10px 0 15px;}
      .btn_list {display: inline-block; width: 22px; height: 23px; background: url(../image/main/ico_list_mob.png) 0% 50% no-repeat; margin-top: 0px;}
      .btn_card.on {display: inline-block; width: 22px; height: 23px; background: url(../image/main/ico_menu_on_mob.png) 0% 50% no-repeat;}
      .btn_list.on {display: inline-block; width: 22px; height: 23px; background: url(../image/main/ico_list_on_mob.png) 0% 50% no-repeat;}


      .category_tabs_wrap{padding: 0 0 16px 0;border: 0;margin-bottom: 0px;background-color: #fff;}
      .category_tabs_wrap.web_hide{display: block;}
      .category_tabs_wrap .category_con_wrap{float: none;width: 100%;padding-left: 0px;}
      .category_tabs_wrap .category_con_wrap .top{display: none;}
      .category_tabs_wrap .category_con_wrap .top > p{font-size: 20px;font-weight: 200;}
      .category_tabs_wrap .category_con_wrap .top > .btn_bg_arrow{display: inline-block;height: 35px;line-height: 34px;border-radius: 20px;color: #fff;font-size: 00.938rem;padding: 0px 50px 0px 30px;background-image: url(../image/sub/btn_bg_arrow_02.png);background-position: right 30px top 50%;background-repeat: no-repeat;}

      .category_tabs_wrap .category_con_wrap .category_con{width: 100%;}
      .category_tabs_wrap .category_con_wrap .category_con .box{float: left;width:calc(96% / 5);min-width:auto ; margin-right: 1%;}
      .category_tabs_wrap .category_con_wrap .category_con .box a{display: block;width: 100%;height:auto;padding: 8px 0;text-align: center;border-radius: 20px;}
      .category_tabs_wrap .category_con_wrap .category_con .box a .num{display: block;font-size: 0.696rem; letter-spacing: 0;}
      .category_tabs_wrap .category_con_wrap .category_con .box a .txt{display: block;font-size: 0.875rem; line-height: 1.1;}
      .category_tabs_wrap .category_con_wrap .category_con .box:last-of-type { margin-right: 0;}

      .box.mint a{background-color: #d9f8f8;color: #00b7bd;}
      .box.blue a{background-color: #eff5ff;color: #3c76ed;}
      .box.red a{background-color: #fff1f0;color: #e5394a;}
      .box.green a{background-color: #e8fff1;color: #11a24c;}
      .box.yellow a{background-color: #fff9ec;color: #ffa20e;}
      .box.gray a{background-color: #f3f3f3;color: #999999;}
      .box.all a{background-color: #3c76ed;color: #fff;}

      section.sub .content_wrap .sub_con.padding .category_tabs_wrap{display: block;background-color: #fff;padding: 15px}
      section.sub .content_wrap .sub_con.padding .category_tabs.web_hide{display: block;background-color: #fff;padding: 15px}

      /* switch toggle */
      .switch {padding:0 15px; border-bottom: 5px solid #eeeeee;}
      .switch h5 {display: inline-block;}
      .switch h5.item_title {margin-bottom: 20px;}
      .switch input + label { display: inline-block;  float: right;}

     /* mob_list_top */
      .mob_type02 {margin-top: 0px; background-color: #f7f7f7; padding-top: 10px; padding-bottom: 10px; position: relative; top:-4px}
      .mob_type02 .list_filter {float: left;}

      .guide_list_wrap .guide_list_box { padding: 15px 0 0 0;}
      .guide_list_wrap .guide_list_box ul li:nth-child(4n) {margin-right:0px;}


     /* 카드형 */
     /*  card- type 01 */
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap {overflow: hidden;float: left;position: relative; width:44%; max-width: 170px; min-width: 152px; height: 225px;margin-bottom:15px;margin-right: 0px; margin-left: 15px; border-radius: 14px;background-color: #fff;transition: .2s; box-shadow:none; border: 1px solid #e8e8e8;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .thumbnail{height: 100px;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .thumbnail .btn_heart_icon{position: absolute;z-index: 3;top:10px; right: 10px;display: inline-block;width: 30px;height: 30px; background: url(../image/main/btn_icon_heart_off.png) 50% 50% no-repeat;cursor: pointer;transition: .5s;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .thumbnail .btn_heart_icon.on{background-image: url(../image/main/btn_icon_heart_on.png)}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .thumbnail .overlay_box{opacity:0;position:absolute;top: 0;bottom: 0;left: 0; right: 0;z-index: 2;background-color: rgba(0,0,0,0.4);transition: .2s;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .thumbnail img{position:absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);z-index: 1;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap{overflow: hidden; height: auto; z-index: 2; padding: 5px 5px; position: relative;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .top{margin-bottom: 3px;cursor:default;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .top>p.red{color: #ff4133;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .top>p.blue{color: #3c76ed;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .top>p.yellow{color: #ffa20e;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .top>p.green{color: #11a24c;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .top>p.mint{color: #2ab9bb;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .top>p{display: inline-block; font-size: 12px; margin-right: 2px; overflow: hidden; white-space: nowrap;
      width: 20px; vertical-align: text-bottom;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .top>.gray_border_box{display: inline-block; padding: 0px 5px 0; height: 18px; font-size: 10px;
      border-radius: 20px; border: 1px solid #d8d8d8; color: #a8a8a8; margin-right: 1px;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .top>.gray_border_box:last-of-type{margin-right: 4px;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .title{font-size: 0.937rem; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; /*display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .desc{font-size: 0.75rem; height: 40px; max-height: none; min-height: auto; overflow: hidden; text-overflow: ellipsis; /* display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/ transition: .2s; border-top: 1px dashed #d7d7d7; padding-top: 5px;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .hover_view{display: block;margin-top:10px;padding-top: 10px;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .txt_box{overflow: hidden;height: 140px;transition-property: height;transition: .01s;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .hover_view ol{cursor:default; width: 100%;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .hover_view ol li{float: left;width: 50%;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .hover_view ol li p{font-size: 14px;color: #333;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .hover_view ol li p i{margin-left: 4px;font-style: normal;font-size: 14px;color: #878787;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .hover_view .btn_learning{display: block;height: 34px;line-height: 32px;text-align: center;background-color:#003964;color: #fff;border-radius: 10px;margin-top: 10px;font-size: 14px;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .hover_view .btn_learning span{display: inline-block;padding-left: 20px;background: url(../image/main/btn_learning.png) 0 50% no-repeat;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .txt_box .info{display: block;margin-bottom: 4px;font-size: 15px;color: #878787;height: 20px;padding-left: 24px;background-position: 0 50%;background-repeat: no-repeat;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .txt_box .info i{font-style: normal;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .txt_box .info i::after{content: ':';display: inline-block;margin: 0 3px 0 3px;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .txt_box .info.icon_check{background-image:url(../image/main/icon_check_ccc_16px.png) ;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .txt_box .info.icon_time{background-image:url(../image/main/icon_time_ccc_16px.png) ;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .txt_box .hover_view .btn_learning_apply{float:left;display: block;width:49%;margin-right: 2%;height: 34px;line-height: 32px;text-align: center;background-color:#3c76ed;color: #fff;border-radius: 6px;margin-top: 0px;font-size: 14px;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .txt_box .hover_view .btn_learning_apply span{display: inline-block;padding-left: 20px;background: url(../image/main/icon_check_fff.png) 0 50% no-repeat;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .txt_box .hover_view .btn_learning_detail{float:left;display: block;width:49%;height: 34px;line-height: 32px;text-align: center;background-color:#003964;color: #fff;border-radius: 6px;margin-top: 0px;font-size: 14px;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap .txt_box_wrap .txt_box .hover_view .btn_learning_detail span{display: inline-block;padding-left: 20px;background: url(../image/main/icon_list_fff.png) 0 50% no-repeat;}


     /* card - type 02 */
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 {overflow: hidden;float: left;position: relative; width: 44%; max-width: 170px; min-width: 152px; height: 225px; margin-bottom:15px; margin-right: 0px; margin-left: 15px; border-radius: 14px;background-color: #fff;transition: .2s;box-shadow: none; border: 1px solid #e8e8e8;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .thumbnail{ height: 100px;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .thumbnail .btn_heart_icon{position: absolute;z-index: 3;top:10px; right: 10px;display: inline-block;width: 30px;height: 30px; background: url(../image/main/btn_icon_heart_off.png) 50% 50% no-repeat;cursor: pointer;transition: .5s;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .thumbnail .btn_heart_icon.on{background-image: url(../image/main/btn_icon_heart_on.png)}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .thumbnail .overlay_box{opacity:0;position:absolute;top: 0;bottom: 0;left: 0; right: 0;z-index: 2;background-color: rgba(0,0,0,0.4);transition: .2s;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .thumbnail img{position:absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);z-index: 1;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap{overflow: hidden;height:auto;z-index: 2;padding:5px 5px ; position: relative;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .top{margin-bottom: 3px;cursor:default;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .top>p.red{color: #ff4133;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .top>p.blue{color: #3c76ed;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .top>p.yellow{color: #ffa20e;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .top>p.green{color: #29c167;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .top>p.mint{color: #2ab9bb;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .top>p{display: inline-block; font-size: 12px; margin-right: 2px; overflow: hidden; white-space: nowrap;
      width: 20px; vertical-align: text-bottom;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .top>.gray_border_box{display: inline-block; padding: 0px 5px 0; height: 18px; font-size: 10px;
      border-radius: 20px; border: 1px solid #d8d8d8; color: #a8a8a8; margin-right: 1px;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .top>.gray_border_box:last-of-type{margin-right: 4px;}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .title{display: block;font-size: 0.937rem;margin-bottom: 6px;overflow: hidden;text-overflow: ellipsis;/*display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;*/}
     .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .desc{cursor:default;display: block;font-size: 14px;color: #878787;height: 20px;max-height: 80px;min-height: 80px;overflow: hidden;text-overflow: ellipsis;/*display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;*/transition: .2s;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .hover_view{display: block;margin-top:5px;padding-top: 5px; cursor: text;
      border-top: 1px dashed #d7d7d7;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .txt_box{overflow: hidden;transition-property: height;transition: .3s; cursor: pointer;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .hover_view .btn_learning{display: block;height: 34px;line-height: 32px;text-align: center;background-color:#003964;color: #fff;border-radius: 10px;margin-top: 10px;font-size: 14px;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .hover_view .btn_learning span{display: inline-block;padding-left: 20px;background: url(../image/main/btn_learning.png) 0 50% no-repeat;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .txt_box .info{display: block;margin-bottom: 0px;font-size:0.75rem;color: #878787;height: 18px;padding-left: 14px;background-position: 0 50%;background-repeat: no-repeat;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .txt_box .info i{font-style: normal;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .txt_box .info i::after{content: ':';display: inline-block;margin: 0 3px 0 3px;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .txt_box .info.icon_check{background-image:url(../image/main/icon_check_ccc_mob.png) ;}
    .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .txt_box .info.icon_time{background-image:url(../image/main/icon_time_ccc_mob.png) ;}


   /* 하트아이콘2 */
   .guide_list_card_wrap .btn_heart_icon2,
   .guide_list_card_wrap_2 .btn_heart_icon2 {position: absolute;z-index: 3; top:7px; right:5px; display: inline-block; width: 20px; height: 20px; background: url(../image/main/btn_icon_heart_off.png) 50% 50% no-repeat;cursor: pointer;transition: .5s; background-size: contain;}
   .guide_list_card_wrap .btn_heart_icon2.on,
   .guide_list_card_wrap_2 .btn_heart_icon2.on {background-image: url(../image/main/btn_icon_heart_on.png)}
   .guide_list_card_wrap .btn_heart_icon img,
   .guide_list_card_wrap_2 .btn_heart_icon img {position:absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);z-index: 1;}
   .guide_list_wrap .box_more{display: block; margin:0 15px 20px 15px; height: 30px;background-color: #fff;;text-align: center;border-radius: 20px;box-shadow: 0px 1px 8px rgb(151 174 182 / 35%);}
   .guide_list_wrap .box_more a{display: block; width: 100%;}
   .guide_list_wrap .box_more span{display: inline-block;padding-right: 24px;font-size: 13px;color: #999;line-height: 30px;background: url(../image/main/box_more_bg.png) right 0 top 50% no-repeat;}

 /* 리스트형 */
.guide_list_wrap .guide_list_box.type02{width:100%;height:auto; position: relative; overflow: hidden; padding-top: 0;}
.guide_list_wrap .guide_list_box.type02 ul{position: relative;width: 500%;height: auto;padding-bottom: 0px;}
.guide_list_wrap .guide_list_box{width:100%;height:auto; position: relative;}
.guide_list_wrap .guide_list_box ul{position: relative;width: 100%;height: auto;padding-bottom: 10px;}
.guide_list_wrap .guide_list_box .list_wrap {padding: 0 15px; margin-bottom:initial;}
.guide_list_wrap .guide_list_box .list_wrap > ul > li {border: 1px solid #d8d8d8; padding:0; border-radius: 15px; margin-bottom: 15px; position: relative; overflow: hidden;}

.guide_list_wrap .guide_list_box .guide_list{width: 100%;height: auto;}
.guide_list_wrap .guide_list_box .guide_list:last-of-type{margin-bottom: 0px;}
.guide_list_wrap .guide_list_box .guide_list .img_box{display: none;}

.guide_list_wrap .guide_list_box .guide_list .txt_box{float:none;width: 100%; padding: 15px 15px;}
.guide_list_wrap .guide_list_box .guide_list .txt_box span {display: inline-block; line-height: 20px; font-size:.75rem;  border-radius: 20px; font-weight: normal; margin-right:10px; vertical-align: top;}
.guide_list_wrap .guide_list_box .guide_list .txt_box .mob_box {display: inline-block;}
.guide_list_wrap .guide_list_box .guide_list .red {background-color: #e74f5c; color:#fff; padding: 0 8px; }
.guide_list_wrap .guide_list_box .guide_list .blue {background-color: #3b76ec; color:#fff; padding: 0 8px;}
.guide_list_wrap .guide_list_box .guide_list .green {background-color: #11a24c; color:#fff; padding: 0 8px;}
.guide_list_wrap .guide_list_box .guide_list .yellow {background-color: #ffa20e; color:#fff; padding: 0 8px;}
.guide_list_wrap .guide_list_box .guide_list .mint {background-color: #2ab9bb; color:#fff; padding: 0 8px;}

.guide_list_wrap .guide_list_box .guide_list .txt_box .title{display: inline-flex; align-items: center; width: 100%; height: auto; line-height: 1.2rem; font-size: 0.937rem;  margin-top: 10px; font-weight: 500;}
.guide_list_wrap .guide_list_box .guide_list .txt_box ul.half li{float: left;width: 40%;max-width: 240px;font-size: 0.938rem;color: #666;}
.guide_list_wrap .guide_list_box .bullet_gray_square{padding-left: 12px;background: url(../image/common/bullet_gray_square.png) left 0 top 60% no-repeat;}

.guide_list_wrap .guide_list_box .progress_wrap{width: 100%;max-width: 460px;margin-top: 10px;}
.guide_list_wrap .guide_list_box .progress_wrap .num{float: right;width: auto;padding: 0 5px 0 6px; color: #e53949;font-weight: bold;}
.guide_list_wrap .guide_list_box .progress_wrap .num b{font-size: 1.25rem;}
.guide_list_wrap .guide_list_box .progress_wrap .progress_bar_wrap{float: left;width: calc(100% - 70px);padding-top: 10px;}
.guide_list_wrap .guide_list_box .progress_wrap .progress_bar_wrap .progress_bar{overflow: hidden;position:relative;width: 100%;height: 10px;background-color:#edeff2;border-radius: 10px;}
.guide_list_wrap .guide_list_box .progress_wrap .progress_bar_wrap .progress_bar .bar{position: absolute;width: 54.5%;height: 100%;background-color:#e53949;border-radius: 10px;}
.guide_list_wrap .guide_list_box .guide_list .btn_box{position: relative; bottom: 0px; right: 0px; background-color: #f2f2f2; padding: 10px 40px; text-align: center; margin-top: 20px;}
.guide_list_wrap .guide_list_box .guide_list .btn_box a:first-of-type{margin-bottom: 0px; background-color: #2b4173;}
.guide_list_wrap .guide_list_box .guide_list .btn_box a:last-of-type { background-color: #fff; border: 1px solid #2b4173; color: #2b4173;}
.guide_list_wrap .guide_list_box .guide_list .btn_box .btn {display:inline-block ; width: 48%; height: 30px; line-height:28px; font-size: 0.75rem;  color: #fff; text-align: center;   border-radius: 20px; background-color: #848484;}
.guide_list_wrap .guide_list_box .guide_list .txt_box .gray_border_box{display:none;}
.guide_list_wrap .guide_list_box .guide_list .txt_box .info_view {display: block; margin-top: 0px; padding-top: 12px;border-top:none}
.guide_list_wrap .guide_list_box .guide_list .txt_box .info_view .info.icon_check{background-image:url(../image/main/icon_check_mob.png); background-size: 11px;}
.guide_list_wrap .guide_list_box .guide_list .txt_box .info_view .info.icon_time{background-image:url(../image/main/icon_time_mob.png); background-size: 11px;}
.guide_list_wrap .guide_list_box .guide_list .txt_box .info_view .info.icon_list{background-image:url(../image/main/icon_list_mob.png); background-size: 11px;}
.guide_list_wrap .guide_list_box .guide_list .txt_box .info_view .info.icon_edu{background-image:url(../image/main/icon_edu_mob.png); background-size: 11px;}
.guide_list_wrap .guide_list_box .guide_list .txt_box .info_view .info i{font-style: normal;}
.guide_list_wrap .guide_list_box .guide_list .txt_box .info_view .info i::after{content: ':';display: inline-block; margin: 0 2px 0 2px;}
.guide_list_wrap .guide_list_box .guide_list .txt_box .info_view .info {
        display: inline-block;
        vertical-align: bottom;
        width: 49%;
        margin-bottom: 6px;
        padding-left: 0;
        height: auto;
        font-size: 0.75rem;
        color: #878787;
        background-image: none;
        padding-left: 15px;
        letter-spacing: -1px;
        background-position: 0 50%;
        background-repeat: no-repeat;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}

    .guide_list_wrap .guide_list_box .guide_list .txt_box .info2{position: absolute; top:auto; bottom: 61px; right: 15px; width: 50%; font-size:0.75rem;color: #999; display: inline-block; text-align: right; display: flex; align-items: center; justify-content: right;}
    .guide_list_wrap .guide_list_box .guide_list .txt_box .info2 b{ display: inline-flex; align-items: center; font-size: 1.063rem;color: #e5394a;font-weight: bold; margin-right: 4px;}
    .guide_list_wrap .guide_list_box .guide_list .txt_box .info2 b::before {content: ''; display: inline-block; width: 13px; height: 13px; background-image: url(../image/sub/icon_person.png); background-repeat: no-repeat; background-size: contain; padding-right: 5px;}
    .guide_list_wrap .guide_list_box .guide_list .txt_box .info2 b::after {content: '/';color: #999;font-size:0.75rem; padding: 0 2px 0 5px;}

    /*::: list - 강의 만족도 */
    .guide_list_wrap .guide_list_box .guide_list .txt_box .info_view  .star_score{ position: absolute; bottom: 62px; left: 15px;; display: flex; align-items: center;}
    .guide_list_wrap .guide_list_box .guide_list .txt_box .info_view  .star_score i {font-style: normal; color: #999; font-size:0.75rem;}
    .star_score span {
            display: inline-block;
            width: 50px;
            height: 15px;
            background: url(../image/main/star_score_off.png) no-repeat;
            margin-left: 10px;
            background-size: contain;
        }
    .star_score span.st_off {
            position: relative; margin-top: 4px;
        }
    .star_score span.st_on {
            overflow: hidden;
            position: absolute;
            top: 0;
            left: -10px;
            z-index: 10;
            background: url(../image/main/star_score_on.png) no-repeat;
            background-size: 50px;
        }

    /* 하트아이콘2 */
      .guide_list_wrap .guide_list_box .btn_heart_icon3 {position: absolute;z-index: 3; top:15px; right:15px; left: auto; display: inline-block; width: 20px; height: 20px; background: url(../image/main/btn_icon_heart_off.png) 50% 50% no-repeat;cursor: pointer;transition: .5s; background-size: contain;}
      .guide_list_wrap .guide_list_box .btn_heart_icon3.on {background-image: url(../image/main/btn_icon_heart_on.png)}
      .guide_list_wrap .guide_list_box .btn_heart_icon3 img {position:absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);z-index: 1;}


  /* 상세페이지 */
    .detail_box {background-color: #2b4173; color: #fff; margin: 15px 15px; padding: 15px 15px; border-radius: 10px;}
    .detail_box .top {font-size: 0.75rem;}
    .detail_box .top span {display: inline-block;line-height: 20px;border-radius: 20px; margin-right: 5px;}
    .detail_box .top .round_box{  background-color: #55678f; color: #fff; padding: 0 8px;}
    .detail_box .top .w_box {color: #2b4173; background-color: #fff; padding: 0 8px; font-weight: 800;}
    .detail_box .top .w_box.red {color: #e74f5c; font-weight: 500;}
    .detail_box .top .w_box.blue {color: #3b76ec; font-weight: 500;}
    .detail_box .top .w_box.green {color: #11a24c; font-weight: 500;}
    .detail_box .top .w_box.yellow {color: #ffa20e; font-weight: 500;}
    .detail_box .top .w_box.mint {color: #2ab9bb; font-weight: 500;}


    .guide_title { margin-top: 15px; padding: 0 12px; font-size: 1.423rem; color: #fff;  border-bottom: 1px dashed #95a0b9; padding-bottom: 20px; font-weight: 800; }
    .guide_title b {display: block; font-weight: normal; font-size: 0.936rem;}
    .guide_title b.templete_txt {color: #c0dcff !important;}

    .guide_title span {display: inline-block; font-size: 1rem; color: #666;}
    .detail_info {margin-top: 0px; height: 150px;}
    .detail_info li{display: inline-block; width: 100%; float: left; position: relative;}
    .detail_info .img_box{display: none;}
    .detail_info .img_box img{position:absolute; top:50%;left:50%;transform: translate(-50%, -50%);}
    .detail_info button {position: absolute; bottom: -190px; right: 10px; cursor: pointer;}
    .detail_info .preview{width: 90px; height: 30px; font-size: 0.813rem; border-radius: 5px; text-align: center; border: 1px solid #fff; background-color: #2b4173; opacity: .9; color: #fff;}
    .detail_info .preview span{ display: block; padding-left: 20px; background: url(../image/sub/ico_preview.png) left 12px top 50% no-repeat;}
    .detail_info table { width: 100%; margin: 0px 12px;}
    .detail_info table tbody tr:first-of-type {display: none;}
    .detail_info.fin table tbody tr:nth-child(2) {position: absolute; top: 50px; left: 12px;}
    .detail_info.fin table tbody tr:nth-child(3) {position: absolute; top: 0; left: 12px;}
    .detail_info.fin table tbody tr:nth-child(4) {position: absolute; top: 0px; right: 0px;}
    .detail_info.fin table tbody tr:nth-child(5) {position: absolute; top: 100px; left: 12px;}
    .detail_info.fin table tbody tr:nth-child(6) {position: absolute; top: 50px; right: 0;}
    .detail_info.fin table tbody tr:nth-child(7) {position: absolute; top: 150px; left: 12px;}
    .detail_info.fin table tbody tr:nth-child(8) {position: absolute; top: 100px; right:0;}
    .detail_info table tbody tr:nth-child(9) {display: none;}



    .detail_info table tr {width: 50%; float: left; margin-bottom: 15px;}
    .detail_info table td{ display: block; height: auto; color: #fff; font-size: 0.937rem; white-space: nowrap;}
    .detail_info table .red_dot {color: #cfd2db; background: none; padding-left:0; font-size: 0.75rem;}
    .detail_info table .red {color: #e74f5c;}
    .detail_info table .blue {color: #3b76ec;}
    .detail_info table .green {color: #11a24c;}
    .detail_info table .yellow {color: #ffa20e;}
    .detail_info table .mint {color: #2ab9bb;}
    .detail_info table .gray_border_box{display: inline-block;padding: 1px 8px 0 7px;height: 24px;font-size: 13px;border-radius: 30px;border:1px solid #d8d8d8;color: #a8a8a8;margin-left: 5px;}
    .detail_info table i{font-style: normal; color: #ff919b;}
    .detail_info table b{font-style: normal; color: #ff919b; font-size: 1.063rem;}
    .detail_info table img {vertical-align: middle;}
    .detail_info table a {font-weight: normal;}
    .detail_info table .btn_area {padding-top: 15px;}


    .tag { display: flex; justify-content: space-between; width: 100%; font-family: 'N-sans', "sans-serif"; border-bottom: 1px solid #959595; margin-bottom: 0px; padding: 0 15px;}
    .tag li { width: auto; height: 40px; font-size: 0.813rem; display: inline-flex; align-items: center; font-weight: 800; color: #333;}
    .tag li:nth-child(8) {display: none;}
    .tag li:nth-child(9) {display: none;}
    .tag li:hover { border-bottom: none; color: #333;}
    .tag li span{display: none;}


    .guide_desc_box { border: none; border-bottom: 9px solid #eee;padding: 20px 0px; border-radius:initial;margin-bottom: 0px; display:block; align-items: start;}
    .guide_desc_box ol {width: 100%; text-align: left; display: block;}
    .guide_desc_box ol li:nth-child(1) {padding: 0 15px;}
    .guide_desc_box ol li:nth-child(2) {display: none;}
    .guide_desc_box li p.txt {display: block; color:#333; font-size: 1.25rem; font-weight: 800; font-family: 'N-sans', "sans-serif"; margin-bottom: 5px; margin-top: 5px;}
    .guide_desc_box .desc {padding: 0 15px; width: 100%; min-height: auto; font-size: 0.813rem; display: inline-flex; align-items: start; color: #666; line-height:1.5; border-left:none; }
    .guide_desc_box .desc .attach {padding-left: 15px; background: url(../image/sub/icon_file_mob.png) left 0 top 60% no-repeat; background-size: 11px; color: #333;}
    .guide_desc_box .desc i {display: none;}
    .guide_desc_box .desc b { color: #333; font-weight: 500;}
    .guide_desc_box .desc b::before {content: ""; background: url(../image/sub/bullet_square.png) left 0 top 50% no-repeat;padding-left: 10px; }
    .guide_desc_box .desc em {font-style: normal; float: none; margin-left: 5px;}
    .guide_desc_box .desc em::before {display: none;}
    .guide_desc_box .desc span {min-width: auto; display: inline-block;}
    .guide_desc_box .desc table td {height: 40px;}
    .guide_desc_box .desc ul li:first-child{margin-top: 5px;}
    .guide_desc_box .desc ul li{margin-top: 20px;}
    .guide_desc_box .desc ul li:last-child dd:last-child {border-bottom: none;}
    .guide_desc_box .desc dl { width: 100%;}
    .guide_desc_box .desc dt {color: #2b4173; font-size: 1rem; font-weight: 800;}
    .guide_desc_box .desc dt::before {background: none;}
    .guide_desc_box .desc dt::after {content: none;}
    .guide_desc_box .desc dd { width: 100%; height: 40px; line-height: 40px; background:url(../image/sub/icon_call_mob.png) right 15px top 50% no-repeat; background-size: 25px; font-size: 0.937rem; border-bottom: 1px solid #eee; padding: 0 10px;}
    .guide_desc_box .desc dd:nth-of-type(3) {margin-left: 0px;}

    .detail_box .star_score span {
      display: inline-block;
      width: 70px;
      background: url(../image/main/star_score_off2.png) no-repeat;
      margin-left: 0px;
      background-size: contain;
  }
  .detail_box .star_score span.st_off {
      position: relative; margin-top: 4px;
  }
  .detail_box .star_score span.st_on {
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0px;
      z-index: 10;
      background: url(../image/main/star_score_on2.png) no-repeat;
      background-size: 70px;
  }

      /* 상세페이지 - 신청 */
      .guide_round_box2 {border: 1px solid #e8e8e8;  border-radius: 15px; margin-bottom: 20px;}
      .guide_round_box2 li {border-bottom: 1px solid #e8e8e8; padding: 5px 0;}
      .guide_round_box2 li:last-of-type {border-bottom: none;}
      .guide_round_box3 { width: 100%; border: 1px solid #e8f0ff; background-color: #f6f9fd;  color: #888; font-size:0.937em; margin-top: 20px; margin-bottom: 40px; padding: 30px 30px;}
      .guide_round_box3 .red_dot { color: #333; font-size: 1.063rem;  padding-left: 15px; background: url(../image/login/bullet_red_dot.png) 0px 50% no-repeat;}
      .guide_round_box3 .sub_txt { margin-bottom: 0px; color: #888; background: none; margin-left: 16px; font-size: 0.937rem; line-height: 25px;}

      /* 상세페이지 - 완료 */
      .guide_txt { width: 100%; text-align: center; font-size: 1.625rem; color: #003964; font-weight: 800;}
      .guide_txt span { font-size: 1.125rem; color: #f92d3c; font-weight: 500;}
      .guide_round_box{padding:40px 0;text-align: center;font-size: 1rem;border: 1px solid #e8e8e8;border-radius: 15px;}
      .guide_round_box img{ width: 65%; margin-bottom: 50px;}
      .guide_round_box .detail_info.fin table p.title{max-width: 800px;margin-bottom: 24px;;text-align:left;font-size: 1.625rem;font-weight: 600; color: #000; font-weight: 500;}
      .guide_round_box p.desc{color:#666;text-align: center;font-size: 1.125rem;}
      .guide_round_box .detail_info.fin table td{height: 35px; color: #666;}

     .guide_round_box .detail_info.fin table {margin: 0; display: inline-block; text-align: left;}
     .guide_round_box .detail_info.fin table .red_dot {font-size: 1rem;color: #666; background: url(../image/login/bullet_red_dot.png) 0px 10px no-repeat; padding-left: 10px;}
     .guide_round_box .detail_info.fin table .red {color: #e74f5c;}
     .guide_round_box .detail_info.fin table .blue {color: #3b76ec;}
     .guide_round_box .detail_info.fin table .green {color: #11a24c;}
     .guide_round_box .detail_info.fin table .yellow {color: #ffa20e;}
     .guide_round_box .detail_info.fin table .mint {color: #2ab9bb;}
     .guide_round_box .detail_info.fin table .gray_border_box{display: inline-block;padding: 1px 8px 0 7px;height: 24px;font-size: 13px;border-radius: 30px;border:1px solid #d8d8d8;color: #a8a8a8;margin-left: 5px;}
     .guide_round_box .detail_info.fin table i{font-style: normal; color: #e5394a;}
     .guide_round_box .detail_info.fin table b{font-style: normal; color: #e5394a; font-size: 1.25rem;}
     .guide_round_box .detail_info.fin table img {vertical-align: middle;}
     .guide_round_box .detail_info.fin table a {font-weight: normal;}
     .guide_round_box .detail_info.fin table .btn_area {padding-top: 15px;}


     .detail_info.fin table tbody tr:first-of-type {display: block;}
     .detail_info.fin table tbody tr:nth-child(2) {position: relative; top: auto; left: auto;}
     .detail_info.fin table tbody tr:nth-child(3) {position: relative; top: auto; left: auto;}
     .detail_info.fin table tbody tr:nth-child(4) {position: relative; top: auto; right:auto;}
     .detail_info.fin table tbody tr:nth-child(5) {position: relative; top: auto; left: auto;}
     .detail_info.fin table tbody tr:nth-child(6) {position: relative; top: auto; right: auto;}
     .detail_info.fin table tbody tr:nth-child(7) {position: relative; top: auto; left: auto;}
     .detail_info.fin table tbody tr:nth-child(8) {position: relative; top: auto; right:auto;}
     .detail_info.fin table tbody tr:nth-child(9) {display:block;}



    }

/* 2022.07.25 ssj - CSS 추가 */
.guide_list_wrap .guide_list_box .guide_list .btn_box .btn.btn_blue{color:#fff; background:#3c76ed;}
.guide_list_wrap .guide_list_box .guide_list .txt_box .info2 > b{color:#ff885b;}
.wait_st{font-style:normal; font-size:16px;}
.wait_st b{margin-left:5px; letter-spacing:2px;}
.wait_st b i{color:#ff885b; font-style:normal; font-weight:700;}

/* templete_flat 적용 */
.templete_flat .search_box_wrap2 .search,
.templete_flat .search_box_wrap2 .btn_sub_search,
.templete_flat .guide_list_wrap .guide_list_box .list_wrap > ul > li,
.templete_flat .guide_list_wrap .guide_list_box .guide_list .btn_box .btn,
.templete_flat .guide_list_wrap .guide_list_box .guide_list .txt_box .gray_border_box,
.templete_flat .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .card_over,
.templete_flat .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2 .txt_box_wrap .top>.gray_border_box,
.templete_flat .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2:hover .card_over .thumbnail,
.templete_flat .guide_list_wrap .guide_list_box ul .guide_list_card_wrap_2,
.templete_flat .tab.type_trng > ul.tabbtn li a{border-radius:0;}

/*20250121 검색 핵심어*/
.highlight{position:relative; display:inline-block; font-weight:700; z-index:1; font-style:normal;}
.highlight:before{content:''; display:block; position:absolute; left:0; bottom:2px; width:100%; height:8px; background:#ffe0ab; border-radius:10px; z-index:-1;}

/*20250307 통합검색*/
.main_search_wrap .search_bar input.search{font-size:16px;}
.total_search{margin-bottom:80px;}
.total_search h2{font-size:42px; font-weight:800; text-align:center;}
.total_search .search_box_wrap2{min-height:auto; margin:30px 0 0; padding:0; border:0; background:none;}
.total_search .search_box_wrap2 .search_word2 .con{vertical-align:top; line-height:1.5rem;}
.total_search .total_box{margin-top:70px; text-align:center;}
.total_search .total_box p{color:#333; font-family:'Pretendard'; font-size:30px; font-weight:700; letter-spacing:0;}
.total_search .total_box span{color:#385ccf;}
.total_search .blank_box{margin-top:70px; text-align:center;}
.total_search .blank_box p{display:inline-block; position:relative; padding-left:40px; color:#333; font-family:'Pretendard'; font-size:30px; font-weight:700; letter-spacing:0;}
.total_search .blank_box p:before{content:''; display:block; position:absolute; left:0; top:5px; width:29px; height:29px; background:url(../image/common/ico_blank.png) no-repeat;}
.total_search .tab_list{margin-top:80px;}
.total_search .tab_list .tab{display:flex; justify-content:space-between; align-items:stretch; border-bottom:1px solid #ddd;}
.total_search .tab button{position:relative; width:100%; min-height:100%; padding:0 20px 20px; color:#666; font-family:'Pretendard'; font-size:22px; font-weight:500; text-align:center; letter-spacing:0; background:none; box-sizing:border-box; cursor:pointer;}
.total_search .tab button.active{color:#04376a; font-weight:800;}
.total_search .tab button.active:before{content:''; display:block; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#04376a;}
.total_search .search_content_area{margin-top:80px;}
.total_search .search_body{position:relative; margin:0; border:0;}
.total_search .search_body .search_top{justify-content:space-between; align-items:center; margin-bottom:20px; padding:0; border:0;}
.total_search .search_body .search_top .left{display:flex; align-items:center; gap:15px;}
.total_search .search_body .search_top .tit{padding-left:0;}
.total_search .search_body .search_top .tit:before{display:none;}
.total_search .search_body .search_top .tit{color:#333; font-size:30px; font-weight:800;}
.total_search .search_body .search_top .txt,
.total_search .search_body .search_top .count{color:#385ccf; font-size:18px; font-weight:800;}
.total_search .search_body .search_top .right{}
.total_search .search_body .search_top .right .btn_search_add{display:block; position:relative; padding-right:15px; color:#666; font-size:15px; font-weight:500; letter-spacing:-0.5px;}
.total_search .search_body .search_top .right .btn_search_add:before,
.total_search .search_body .search_top .right .btn_search_add:after{content:''; display:block; position:absolute; top:9px; right:0; width:6px; height:2px; background:#666;}
.total_search .search_body .search_top .right .btn_search_add:before{transform:rotate(45deg);}
.total_search .search_body .search_top .right .btn_search_add:after{top:13px !important; transform:rotate(-45deg);}
.total_search .search_body .search_footer{position:absolute; right:0; top:3px; width:auto; height:auto; margin-bottom:0;}
.total_search .search_body .search_footer a{color:#666; font-size:15px; font-weight:500; letter-spacing:-0.5px;}
.total_search #board .guide_list{margin-bottom:20px; border-bottom:1px solid #e8e8e8;}
.total_search .guide_list_wrap .guide_list_box .guide_list .btn_box .btn.btn_blue{background:#04376a;}
.total_search .no_search{padding:50px 30px; text-align:center; /* background:#f2f6f9; */ box-sizing:border-box;}
.total_search .no_search p{position:relative; padding-top:150px; color:#333; font-family:'Pretendard'; font-size:18px; font-weight:600; letter-spacing:-0.5px;}
.total_search .no_search p:before{content:''; display:block; position:absolute; left:50%; top:0; width:139px; height:130px; background:url(../image/common/ico_no_search.png) no-repeat; transform:translateX(-50%);}
.total_search .btn_go_tab{padding:4px 10px; border:1px solid #aaa; background:#fff; border-radius:5px; box-sizing:border-box; cursor:pointer;}
.total_search .btn_go_tab span{display:block; position:relative; color:#385ccf; font-family:'N-sans', "sans-serif"; font-size:14px; font-weight:500;}
.total_search .no_search_data{display:none; justify-content:center; align-items:center; margin-top:30px; padding:40px; border-radius:20px; border:1px #d8e6ff solid; background:#f6f9fd; box-sizing:border-box;}
.total_search .no_search_data ul{text-align:left;}
.total_search .no_search_data li{position:relative; margin-top:10px; padding-left:10px;}
.total_search .no_search_data li:first-child{margin-top:0;}
.total_search .no_search_data li:before{content:''; display:block; position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:50%; background:#3b76ed;}

@media screen and (max-width:1280px){
	.total_search{max-width:100%; padding:0 30px; box-sizing:border-box;}
	.total_search h2{font-size:38px;}
	.total_search .total_box{margin-top:50px;}
	.total_search .total_box p{font-size:25px;}
	.total_search .blank_box{margin-top:50px;}
	.total_search .blank_box p{padding-left:35px; font-size:25px;}
	.total_search .blank_box p:before{top:2px; width:25px; height:25px; background-size:100%;}
	.total_search .tab_list{margin-top:70px;}
	.total_search .tab button{font-size:20px;}
	.total_search .search_content_area{margin-top:50px;}
	.total_search .search_body .search_top{margin-bottom:15px;}
	.total_search .search_body .search_top .tit{font-size:27px;}
	.total_search .search_body .search_top .txt,
	.total_search .search_body .search_top .count{font-size:16px;}
	.total_search .guide_list_wrap .guide_list_box .list_wrap{margin-bottom:30px;}
	.total_search .no_search p{font-size:17px;}
}
@media screen and (max-width:1024px){
	.main_search_wrap .search_bar input.search{font-size:15px;}
	.total_search{margin-bottom:50px; padding:0 20px;}
	.total_search h2{font-size:30px;}
	.total_search .total_box{margin-top:40px;}
	.total_search .total_box p{font-size:22px;}
	.total_search .blank_box{margin-top:40px;}
	.total_search .blank_box p{padding-left:30px; font-size:22px;}
	.total_search .blank_box p:before{width:22px; height:22px;}
	.total_search .tab_list{margin-top:50px;}
	.total_search .tab button{font-size:18px;}
	.total_search .search_content_area{margin-top:40px;}
	.total_search .search_body .search_top .tit{font-size:24px;}
	.total_search .search_body .search_top li:first-child{margin-right:10px;}
	.total_search .search_body .search_top .txt,
	.total_search .search_body .search_top .count{font-size:15px;}
	.total_search .guide_list_wrap .guide_list_box .list_wrap{margin-bottom:20px;}
	.total_search .search_body .search_footer a{font-size:15px;}
	.total_search .search_body .search_footer .btn_search_add:before,
	.total_search .search_body .search_footer .btn_search_add:after{top:10px;}
	.total_search .no_search p{padding-top:120px; font-size:16px;}
	.total_search .no_search p:before{width:109px; height:100px; background-size:100% 100%;}
	.total_search .search_body .search_top .left{gap:10px;}
	.total_search .btn_go_tab{padding:3px 10px;}
}
@media screen and (max-width:800px){
	.main_search_wrap .search_bar input.search{font-size:14px;}
	.total_search{padding:0;}
	.total_search h2{margin-top:10px; font-size:25px;}
	.total_search .search_box_wrap2{margin:20px 0 0;}
	.total_search .total_box{margin-top:30px;}
	.total_search .total_box p{font-size:18px;}
	.total_search .blank_box{margin-top:30px;}
	.total_search .blank_box p{padding-left:25px; font-size:18px;}
	.total_search .blank_box p:before{width:18px; height:18px;}
	.total_search .tab_list{margin-top:40px;}
	.total_search .tab_list .tab{justify-content:flex-start;}
	.total_search .tab button{width:auto; font-size:17px;}
	.total_search .search_content_area{margin-top:30px;}
	.total_search .search_body .search_top{margin-bottom:0;}
	.total_search .search_body .search_top .tit{font-size:20px;}
	.total_search .search_body#board .list_wrap{margin-top:15px;}
	.total_search .guide_list_wrap .guide_list_box .list_wrap{margin-bottom:0; padding:0;}
	.total_search .guide_list_wrap .guide_list_box .guide_list .txt_box span{border-radius:0;}
	.guide_list_wrap .guide_list_box .guide_list .blue{border-radius:5px;}
	.total_search .no_search p{font-size:15px;}
	.main_search_wrap .search_box .search_bar{width:100%; height:50px; border:1px solid #2b4173; border-radius:8px;}
	.main_search_wrap .search_box .search_bar .input_wrap{width:calc(100% - 50px);}
	.main_search_wrap .search_box .search_bar .input_wrap.focus{border-radius:8px;}
	.main_search_wrap .search_box .search_bar .btn_main_search{height:50px;}
	.main_search_wrap .search_box .search_bar input.search{padding:4px 0 0 15px}
	.total_search .no_search_data{margin-top:20px; padding:20px; border-radius:10px;}
	.total_search .no_search_data li{font-size:14px;}
}
@media screen and (max-width:600px){
	.main_search_wrap .search_bar input.search{font-size:13px;}
	.total_search h2{font-size:20px;}
	.total_search .search_box_wrap2{margin:20px 0 0;}
	.total_search .total_box{margin-top:20px;}
	.total_search .total_box p{font-size:16px;}
	.total_search .blank_box{margin-top:20px;}
	.total_search .blank_box p{padding-left:20px; font-size:16px;}
	.total_search .blank_box p:before{width:16px; height:16px;}
	.total_search .tab_list{margin-top:25px;}
	.total_search .tab button{padding:0 10px 10px; font-size:16px;}
	.total_search .search_content_area{margin-top:20px;}
	.total_search .search_body .search_top .tit{font-size:18px;}
}
@media screen and (max-width:480px){
	.total_search .search_body .search_top{flex-direction:column; align-items:flex-start;}
	.total_search .search_body .search_top .right{width:100%; margin-top:10px; text-align:right;}
	.total_search .tab_list .tab{flex-wrap:wrap; border-bottom:0;}
	.total_search .tab button{width:50%; padding:10px; font-size:15px; border-bottom:1px solid #ddd;}
	.total_search .no_search_data li{font-size:13px;}
	.total_search .no_search_data li:before{top:8px; margin-top:0;}
}