/* 2018-12-26 - 현대HY렌탈 */


@charset "utf-8";
@import url("/css/nanumsquare.css");
@import url("/css/reset.css?ver=1");
@import url("/css/basic.css");
@import url("/css/button.css");
@import url("/css/font-awesome.css");
@import url("/css/ionicons.css");

body, div, table, th, td, pre, blockquote, thead, tfoot input, button, textarea, ol, li, ul, dl, dt, dd {
    font-family: 'Noto Sans KR', 'nanumsquare';
}

/*#hd_lg {position: relative;}*/
input[type=radio],
input[type=checkbox] {
    margin-bottom: 1px;
}
.ng{font-family:"Nanum Gothic";}
.ns {
    font-family: 'nanumsquare', '나눔스퀘어';
}


.text_bk{
    color: #000 !important;
}
#hy_tbanner {
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background: url(/img/hy/main/top_banner_bg.jpg);
    overflow: hidden;
}

#hy_tbanner a {
    display: block;
    position: relative;
    width: 1903px;
    margin: 0 auto;
}

#hy_tbanner img {
    width: 100%;
    height: 100px;
}

span.hy_call_list1 {
    position: absolute;
    top: 15px;
    left: 440px;
    font-size: 18px;
}

span.hy_call_list2 {
    position: absolute;
    top: 40px;
    left: 432px;
    font-size: 43px;
    font-weight: 900;
}

span.hy_call_list3 {
    width: 200px;
    text-align: right;
    position: absolute;
    top: 35px;
    left: 300px;
    font-size: 24px;
    font-weight: 900;
}

span.hy_call_list4 {
    width: 290px;
    text-align: left;
    position: absolute;
    top: 25px;
    right: 310px;
    font-size: 37px;
    font-weight: 900;
}

.hy_tbanner_text {
    width: 1200px;
    margin: 0 auto;
    height: 100px;
    position: relative;
}

#hy_tnb {
    width: 100%;
    height: 40px;
    background: transparent;
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 0;
}

/*1.헤더,탑*/

.hy_container{width: 100%; height: auto; margin:0; padding: 0; }
    div#hy_tnb_wrap{width: 100%;height: 50px; position: relative;z-index: 1;}
    div#hy_tnb_wrap > div#hy_tnb_inner{max-width: 1200px; height: 100%; margin:0 auto; padding: 10px 0;box-sizing: border-box;}
    

    /*오른쪽 게시판,즐겨찾기*/
    div#hy_tnb_wrap > div#hy_tnb_inner > ul.hy_fn{width: 50%; float: right;}
    div#hy_tnb_wrap > div#hy_tnb_inner > ul.hy_fn > li{float: right; margin-left: 20px;}
    /*#hy_tnb_inner li:last-child:after {display: none !important;}
    #hy_tnb_inner li:after {width: 1px; height: 9px; margin: 3px 10px 0;background-color: #ddd;display: inline-block; float: left; content: '';}*/
    div#hy_tnb_wrap > div#hy_tnb_inner > ul.hy_fn > li > a{color: #999;font-size: 13px; display: inline; font-family:"junggothic";}
    div#hy_tnb_wrap > div#hy_tnb_inner > ul.hy_fn > li > a > img{width: 15px;}
    div#hy_tnb_wrap > div#hy_tnb_inner > ul.hy_fn > li > a:hover{text-decoration: underline;}
    

    /*검색창*/
    div#hy_tnb_wrap > div#hy_tnb_inner > div.hy_hd_sch{width: 50%; float: left;}
    div#hy_hd_sch .hy_sch_frm {position:relative;}
    div#hy_hd_sch .hy_sch_frm .hy_sch_submit{ width: 30px;height: 30px;color: #231916;font-size: 20px;position: absolute;top: 0; left:33%; transition: 0.2s;}
    
    #hy_hd_sch .hy_sch_frm .hy_sch_stx {
    width: 200px;
    height: 35px;
    font-size: 16px;
    text-align:center;
    border: 0px;
    padding: 0px 10px;
    font-weight: bold;
    line-height: 35px;
    color: #23c6a9;
    background: rgba(200, 200, 200, 0.3);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.hy_sch_stx::placeholder{
    font-size: 16px;
    font-family:"jung160";
    line-height: 35px;
    color: #23c6a9;
    letter-spacing: 1px;
}
.hy_sch_stx::-webkit-input-placeholder{
    font-size: 16px;
    font-family:"jung160";
    line-height: 40px;
    color: #23c6a9;
    letter-spacing: 1px;
}
.hy_sch_stx:-ms-input-placeholder{
    font-size: 16px;
    font-family:"jung160";
    line-height: 35px;
    color: #23c6a9;
    letter-spacing: 1px;
}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {
 /* WebKit browsers */
  color:transparent;
}
input:focus:-moz-placeholder,textarea:focus:-moz-placeholder { 
    /* Mozilla Firefox 4 to 18 */
  color:transparent;
}
 
input:focus::-moz-placeholder,textarea:focus::-moz-placeholder { 
    /* Mozilla Firefox 19+ */
  color:transparent;
}
/*div.hy_hd_number{position: absolute;left:10px; top: 10px; text-align: center;}*/
span.hy_shop_name{display: inline-block;position: absolute; left:25px; top: 40px; font-size: 14px;font-family:"junggothic";font-weight: bold;} 

/*로고 영역*/
div.hy_hdwrap{width: 100%; height:auto; position: relative; top: -20px; z-index: 5;}
div.hy_hdwrap > div#hy_hd_inner{width: 100%;}
div.hy_hdwrap > div#hy_hd_inner > h1.hy_hd_logo{width:190px; height: 87px; margin:0 auto; text-align: center; margin-bottom: 3px; }
div.hy_hdwrap > div#hy_hd_inner > h1.hy_hd_logo >a{}
div.hy_hdwrap > div#hy_hd_inner > h1.hy_hd_logo >a > img{width: 100%;}

/***************************************************************/

/*네비게이션 영역*/
a{color: #222;}
div.hy_menu_wrap {
  position: relative;
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  font-family:"junggothic";
  background:#fff;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

    div.hy_manu_con {
        position: relative;
        max-width: 1200px;
        height: 100%;
        margin: 0 auto;
    }

    div.hy_manu_con>button.hy_all_btn {
        position: relative;
        width: 68px;
        height: 100%;
        float: left;
        background: #fff;
        padding-top: 4px;
        transition: all 0.4s;
        box-sizing: border-box;
    }
    div.hy_manu_con>button.hy_all_btn:hover{
      background:#ddd;
    }

    #menu_icon {
      width:100%;
      height: 100%;
      padding: 15px 0;
    }
    #menu_icon > img{
      width:30px;
    }
    
    .all_btn > span{
        display: block;
        width: 45px;
        height: 5px;
        border-radius: 5px;
        background: #ddd;
        margin: 0 auto;
        transition: 0.3s;
    }
    .all_btn:hover > span{
      display: block;
      background: #444;
    }
    .all_btn > span:nth-child(1){
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translateX(-50%);
    }
    .all_btn > span:nth-child(2){
         position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .all_btn > span:nth-child(3){
         position: absolute;
        bottom: 20%;
        left: 50%;
        transform: translateX(-50%);
    }

    /*전체 메뉴*/
    .hy_open_menu{
      display: none;
      position: absolute;
      left:0;
      top: 100%;
      width:100%;
      height: auto;
      background:#fff;
      z-index: 999999;
      border-top: 2px solid #00917A;
      border-left: 1px solid #ddd;
      border-right: 1px solid #ddd;
      border-bottom:  1px solid #ddd;
      padding:20px;
    }
    .hy_all_menu{
      max-width: 1200px;
      height: auto;
      margin:0 auto;
    }

      /*전체메뉴 inner*/
        .hy_menu_wrap > .hy_open_menu > .hy_all_menu > ul{
            width: 100%;
            height: 50%;
            padding: 0 0 0 70px;
            box-sizing: border-box;
        }
        .hy_menu_wrap > .hy_open_menu > .hy_all_menu > ul > li{
            width: 145px !important;
            height: auto;
            float: left;
            margin: 0 20px 20px 0;
            text-align: center;
        }
        .hy_menu_wrap > .hy_open_menu > .hy_all_menu > ul > li:last-child{
            /*padding-left: 70px;*/
            border-right: 0;
            margin-right: 0;
        }
        .hy_menu_wrap > .hy_open_menu > .hy_all_menu > ul > li:last-child a{
          font-size: 14px;
        }
        .hy_menu_wrap > .hy_open_menu > .hy_all_menu ul li a.cate_tit {
            font-size: 18px;
            background: #eee;
            display: block;
            padding:5px 10px;
            width: 100%;
            text-align: left;
        }
        .hy_menu_wrap > .hy_open_menu > .hy_all_menu> ul > li.all_c_box > ul {
            width: 100%;
            padding: 5px;
        }
        .hy_menu_wrap > .hy_open_menu > .hy_all_menu> ul > li.all_c_box > a > ul > li{
            margin: 5px;
        }
        .hy_menu_wrap > .hy_open_menu > .hy_all_menu > ul > li > ul> li{
          text-align: left;
          margin-bottom: 5px;
        }
        .hy_menu_wrap > .hy_open_menu > .hy_all_menu > ul > li > ul> li > a{
            font-size: 14px;
        }
        .hy_menu_wrap > .hy_open_menu > .hy_all_menu > ul > li > ul> li > a:hover{
            color: #00917a;
        }

/*         nav inner*/
   
    ul.hy_gnb{
        width: 1130px;
        height: 100%;
        float: left;
        background: #fff;
    }
    ul.hy_gnb li{
        position: relative;
        width: 16%;
        height: 100%;
        float: left;
        line-height: 60px;
        text-align: center;
        /*transition: all 0.3s;*/
        cursor: pointer;
    }
    
    ul.hy_gnb > li > a{
        color: #222;
        font-weight: 200;
        font-size: 16px;
        text-indent: 10px;
        letter-spacing: 1px;
    }
    ul.hy_gnb li a{display:block; font-family:"Jeju Gothic"; font-size: 16px;}

    ul.hy_gnb > li:hover{      
       background: #c4fff5;
    }
    ul.hy_gnb > li:hover > a{
        font-weight: 400;
    }

    ul.hy_gnb > li:before{
    content:"";
    position: absolute;
    z-index: 1;
    left: 51%;
    right: 50%;
    bottom: 0;
    background: #009380;
    height: 3px;
    -webkit-transition-property: left right;
    transition-property: left right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;

    }
    ul.hy_gnb > li:hover:before{
        left:0;
        right: 0;
    }

    

    .arrow_plus{
      background: url(/img/rentaltime/main/bl_arrow.png) no-repeat center right 10px;
    }

    .hy_gnb ul {
      background: #fff;
      border: 1px solid #ddd;
      /*border-top: 2px solid red;*/
      display: none;
      padding: 20px 0;
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      z-index: 9999;
    }
    .gnb_fixed { position: fixed !important; top: 0px; z-index:999999;/* transition:all 0.5s; */box-shadow:1px 1px 10px 1px #ddd; border:0 !important;}
    .hy_gnb ul li {position: relative;width:100%;float: none; height: 30px; line-height: 30px; text-align: center;}
    .hy_gnb ul li:hover { background: #eee; }
    .hy_gnb ul li ul{width: 100%; position:absolute; left: 100%; top: -1px; padding:0;}
    .hy_gnb ul ul { position:absolute; left: 100%; top: 0; padding:0;}
    .hy_gnb ul ul li {float:left; width: 100%; height: 30px; line-height: 30px;}
    .hy_gnb ul li a {font-size: 14px;}
    .hy_gnb ul li a:hover {color: #00917a;}

    /*ul.gnb > li > ul > li > ul > li:hover > a:after{
    content: url('/img/rentaltime/main/wh_arrow.png');
    vertical-align: middle;
    float: right;
    padding: 8px 3px; 
    }

    /*사은품 카테고리 화살표이미지 제거*/
   /* ul.gnb > li:last-child ul li:hover a:after{
      content: "";
    }

*/

/***************************************************************/




/*navigation inner*/
div.hy_hdwrap > div#hy_hd_inner > div#hy_gnb_inner {width: 100%; height: auto; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
div#hy_hd_inner> div#hy_gnb_inner > div.hy_gnb_li {max-width:1200px; height: 70px; margin:0 auto;  text-align: center; line-height: 65px; transition: all 0.3s; position: relative;}
div#hy_hd_inner > div#hy_gnb_inner > div.hy_gnb_li > ul{max-width:1200px; height: 100%; margin:0 auto; transition: all 0.3s ease-out;}
div.hy_gnb_li > ul > li{
    float: left;
    width: 14.285%;
    height: 100%;
    line-height: 70px;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    transition: 0.3s ease-in;
}
.hy_gnb_li > ul > li > a{display: block; width: 100%; height: 100%; color: #222;font-size: 18px; font-weight: 600; text-decoration: none !important;}
.hy_gnb_li > ul > li:hover > a {color: #00917a;}
.hy_gnb_li > ul > li:hover {background-color: #bbfff3;}
#hy_gnb {
    width: 780px;
    min-width: 780px;
    border-bottom: none;
    height: 53px;
    background: #222;
    transition: all 0.5s;
    position: absolute;
    top: 15px;
    left: 412px;
}


#hy_gnb_inner.subPage {
    background: transparent;
}

#hy_gnb_inner.hy_gnb_fixed {
    position: fixed;
    top: 0;
    height: 100px;
    background: #fff;
    width: 100%;
    height: 80px;
    line-height: 80px;
    margin: 0;
    z-index: 9999 !important;
     box-shadow:1px 1px 10px 1px #999; border:0 !important;
}

#hy_gnb_inner .hy_gnb_li li:before{
    content:"";
    position: absolute;
    z-index: 1;
    left: 51%;
    right: 50%;
    bottom: 0;
    background: #009380;
    height: 3px;
    -webkit-transition-property: left right;
    transition-property: left right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;

}
#hy_gnb_inner .hy_gnb_li li:hover:before{
    left:0;
    right: 0;
}

#hy_gnb_inner.hy_gnb_fixed .hy_gnb_li li a {
    color: #009380;
}

#hy_gnb_inner.hy_gnb_fixed .hy_gnb_li li a:hover {
    color: #009380;
}

#hy_gnb_inner .fa-bars {
    color: #fff;
    margin-left: 20px;
    margin-right: 5px;
}


/*제휴카드 배경 배너*/
    div.hy_card_bg{width: 100%; height: auto; background: url(/img/hy/main/card_bg3.png) no-repeat; background-position: center;}
    div.card_bg_inner{position:relative; max-width: 1200px; height: 500px; margin:0 auto; }
    div.card_bg_inner > p{position: absolute; left:50%; bottom: 60px;  font-size: 28px; color: #134a37; transform: translateX(-50%);}
    div.card_bg_inner > h3{width: 350px; margin: 0 auto; padding-top: 20px;}
    div.card_bg_inner > h3 > img{width: 100%;}
    div.card_bg_inner > p > a{display:block; width:100px; height: 30px;border:1px solid #134a37; color: #134A37;font-family:"jung160";font-size: 20px; line-height: 30px; border-radius: 50px; text-align: center; margin-top: 20px; margin:0 auto; transition: 0.3s;}
    div.card_bg_inner > p > a:hover{background:#134A37; color: #fff;}
/*퀵 메뉴*/
#hy_gnb_inner .fa-angle-down,
#gnb_inner .fa-angle-up {
    color: #fff;
    right: 15px !important;
    line-height: 50px;
}
#qcr_hy {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9999;
    width: 100px;
    margin-left: 630px !important;
    
}

#qcr_hy.list {
    left: 50%;
    width: 100px;
    margin-left: 630px !important;
    position: absolute;
    top: 1.4%;
    z-index: 999;
}

#qcr_hy.view {
    left: 50%;
    width: 100px;
    margin-left: 630px !important;
    position: absolute;
    top: 0%;
    z-index: 9999;
}

#qcr_hy ul {
    /*background: #fff;*/
    border-bottom: 1px solid #ddd;
    margin-top: 15px;
}

#qcr_hy li {
    padding: 0 9px 9px;
    border-width: 0 1px;
    border-style: solid;
    border-color: #ddd;
    text-align: center;
}

#qcr_hy li:first-child {
    padding: 0 !important;
    border: 0 !important;
    margin-top: 0;
}

#qcr_hy .tit {
    width: 100px;
    height: 28px;
    margin-top: 5px !important;
    line-height: 2.3;
    color: #fff;
    background-color: #124734;
}

#qcr_hy li p {
    margin-top: 9px;
}

#qcr_hy button {
    width: 100%;
    margin-bottom: 1px;
    letter-spacing: 0;
}

#qcr_hy .no_item {
    margin: 22px 0 !important;
    color: #ddd !important;
    font-size: 11px;
}

/* HY todaywrap MODIFY */

#hy_today_wrap {
    width: 1200px;
    height: auto;
    margin: 0 auto 50px;
}

#hy_page_wrap {
    width: 1200px;
    margin: 50px auto 0;
    height: 370px !important;
}

.hy_last_title {
    margin-bottom: 50px;
}

#hy_page_wrap h2 {
    text-align: left;
    margin: 10px 0 20px 0;
    padding:0 15px;
    font-size: 18px;
    font-weight: 900;
    color: #333;
}

#hy_page_wrap h2.hy_ns_color {
    color: #231f20;
    text-align: center;
    margin: 10px 0 20px 0;
    font-size: 18px;
    font-weight: 600;
    font-family: '나눔스퀘어';
}

#hy_page_wrap h2.hy_ns_color:after {
    display: block;
    content: '';
    width: 5%;
    margin: 0 auto;
    padding-bottom: 10px;
    border-bottom: 3px solid transparent;
}

.hy_page_notice {
    height: 175px;
    overflow: hidden;
}

.hy_page_notice ul {
    display: block;
}
.hy_page_notice ul li {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dotted #d6d6d6;
    padding: 0 15px;
}
.hy_page_notice > ul.hy_page_notice_contents > li.dimchae_txt{color: #ff1a28;}
.hy_page_notice > ul.hy_page_notice_contents > li.dimchae_txt > a{color: #ff1a28;}

.hy_page_notice ul li a {
    font-size: 13px;
    float: left;
    height: 30px;
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.hy_page_notice ul li span {
    font-size: 12px;
    float: right;
}


#hy_ticker_02 {
    height: 180px;
}

#hy_ticker_02.ticker {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    /*border-image: linear-gradient(to right,#a0deb9 0%,#80bd94 100%);
    border-top: 2px solid;
    border-image-slice: 1;*/
}
.hy_page_bizimg {
    width: 100%;
    height: 180px;
}

/* HY wrap */

.hy_today_wrap {
    position: relative;
    background: #f4faf6;
}

.hy_color01 {
    color: #939598;
}

.hy_color02 {
    color: #5b585a;
}


#page01_lg {
    width: 570px;
    height: 270px;
    margin: 0 auto;
    background-color: #FFF;
    float: left;
    border: 1px solid #d6d6d6;
    padding: 20px;
}

#page02_lg {
    width: 570px;
    height: 270px;
    margin: 0 auto;
    background-color: #FFF;
    float: right;
    border: 1px solid #d6d6d6;
    padding: 20px;
}

/*케어솔루션 매니저 이미지 영역*/
div.hy_manager_img {
    width: 100%;
    height: auto;
}

div.hy_manager_img>div.manager_wrap {
    position: relative;
    width: 1200px;
    height: 450px;
    margin: 0 auto;
    background: url('/img/lg/main/hy_care_manager.jpg') no-repeat;
}

div.hy_manager_img>div.manager_wrap>p.manager_tit {
    position: absolute;
    left: 190px;
    top: 100px;
    font-size: 36px;
    font-family: "jung160";
    color: #222;
}

div.hy_manager_img>div.manager_wrap>p.manager_txt {
    position: absolute;
    left: 190px;
    top: 180px;
    font-size: 24px;
    font-family: "junggothic";
    font-weight: 400;
    color: #333;
}

/* HY BEST css */
.hy_cont_wrap {
    position: relative;
    width: 100%;
    height: 1000px;
    background: #ffffff;
    padding: 0;
    overflow: hidden;
    margin-bottom: 50px;
}
.tv_prd_wrap{
    max-width: 1200px;
    height: auto;
    margin: 50px auto;
}
.tv_prd_wrap > p{
    padding-top: 180px;
    font-family:"junggothic";
    font-size: 50px;
    letter-spacing: -3px;
}
.tv_prd_wrap > span{
    position: absolute;
    bottom: 40%;
    left:20%;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
}
.tv_prd_wrap > span > a{
    font-weight: bold;
    color: #999;
}
.tv_prd_wrap > img{
    position: absolute;
    right: 25%;
    top:50px;
    width: 30%;
}

/*삼성 tv 이미지 슬라이더*/
div.tv_img_slide{
    position: relative;
    top: 300px;
    width: 650px;
    height: 280px;
    overflow: hidden;
}
div.tv_img_slide > img{
    width: 100%;
}
p.slide_txt{
    float: right;
    width: 500px;
    margin-top: -100px;
    font-size: 24px;
    text-align: left;
    color: #999;
    font-weight: before;
}
p.slide_txt > span{
    font-size: 16px;
    display: inline-block;
    margin-top: 20px;
    line-height: 30px;
}
.hy_cont_wrap01 {
    width: 100%;
    background: url('/img/hy/main/mainBg1.png');
    background: #fff;
    padding: 30px 0;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hy_cont_wrap02 {
    width: 100%;
    background: url('/img/hy/main/mainBg2.png');
    background: #fff;
    padding: 30px 0;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hy_cont_wrap03 {
    width: 100%;
    background: #fff;
    padding: 30px 0;
    overflow: hidden;
}

.hy_cont_wrap04 {
    width: 100%;
    background: #fff;
    padding: 50px 0;
    overflow: hidden;
}

/*리스트별 타이틀*/
.hy_sec_title {
    width: 1200px;
    margin: 0 auto;
    text-align: center !important;
    height: 50px;
}

.hy_sec_title h2 {
    font-size: 26px;
    text-align: center !important;
    color: #333;
    font-weight: 900;
    margin: 20px 0;
}

.hy_sec_title_en {
    display: block;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    color: #333;
    letter-spacing: 5px;
    padding-top: 10px;
    text-transform: uppercase;
}
..hy_last_title {
    width: 1200px;
    margin: 0px auto;
    text-align: center !important;
    height: 60px;
    line-height: 60px;
}

.hy_last_title h2 {
    font-size: 26px !important;
    text-align: center !important;
    color: #333;
    font-weight: 600 !important;
    margin: 0 auto !important;
}

.hy_last_title h2 span {
    font-size: 26px !important;
    text-align: center !important;
    color: #333;
    font-weight: 900 !important;
    margin: 20px 0;
}

/*케어솔루션 이미지*/
div.care_solution_bg {
    width: 100%;
    height: 500px;
}

div.care_solution_bg>div.care_wrap {
    position: relative;
    width: 1200px;
    height: 450px;
    margin: 25px auto;
    margin-top: 0;
    background: url(/img/lg/main/hy_care_bg.jpg) no-repeat;
}

div.care_solution_bg>div.care_wrap>a {
    width: 100%;
    height: 100%;
}

div.care_solution_bg>div.care_wrap>a>p.care_tit {
    position: absolute;
    left: 190px;
    top: 60px;
    font-size: 36px;
    font-family: "jung160";
    color: #222;
}

div.care_solution_bg>div.care_wrap>a>p.care_txt {
    position: absolute;
    left: 190px;
    top: 140px;
    font-size: 16px;
    font-family: "junggothic";
    font-weight: 300;
    color: #333;
}

div.care_solution_bg>div.care_wrap>a>span.care_btn {
    position: absolute;
    left: 190px;
    top: 220px;
    width: 130px;
    height: 40px;
    border: 1px solid #333;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    font-family: "junggothic";
    font-size: 18px;
    color: #333;
    transition: 0.2s;
}

div.care_solution_bg>div.care_wrap>a>span.care_btn:hover {
    font-weight: 900;
    color: #fff;
    border: 0;
    background-color: #a40033;
}


/*상품군별 리스트*/
.hy_pr_desc_new {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    border-bottom: none;
}

.hy_pr_desc_new ul {
    width: 1200px;
    margin: 10px auto;
}

.hy_pr_desc_new li {
    width: 24%;
    height: auto;
    position: relative;
    float: left;
    margin: 5px 5px;
    padding-bottom: 20px;
    border: 0;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 2px 2px 5px 1px rgba(103, 117, 124, 0.2);
}

.hy_pr_desc_new ul li a {
    text-decoration: none;
}

.hy_pr_desc_new li p {
    width: 100%;
}

.hy_pr_desc_new li:before {
    width: 0;
    height: 0;
    border-top: 1.5px solid;
    border-left: 1.5px solid;
    top: 0;
    left: 0;
}

.hy_pr_desc_new li:after {
    width: 0;
    height: 0;
    border-bottom: 1.5px solid;
    border-right: 1.5px solid;
    bottom: 0;
    right: 0;
}

.hy_pr_desc_new li:before,
.hy_pr_desc_new li:after {
    content: '';
    position: absolute;
    opacity: 0;
    border-image: linear-gradient(to right, #4bceb9 0%, #4bceb9 100%);
    border-image-slice: 1;
    transition: all 0.3s ease-out;
}

.hy_pr_desc_new li:hover:before,
.hy_pr_desc_new li:hover:after {
    width: 100%;
    height: 100%;
    opacity: 1;
}

.hy_pr_desc_new li dl {
    border: 3px solid transparent;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}

.hy_pr_desc_new li dt {
    width: 100%;
    height: auto;
    text-align: center;
}

.hy_pr_desc_new li dt img {
    width: 100%;
    border-radius: 0;
    margin-bottom: 0;
    padding: 3px;
}

.hy_pr_desc_new li .etc {
    display: none;
    border-top: 2px solid #095fcc;
    margin: 20px 0 !important;
}

.hy_pr_desc_new li .hy_name,
.hy_pr_desc_new li .lg_name {
    display: block;
    margin: 0px !important;
    padding: 10px 10px 0px 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-y: hidden;
    font-family: 'Noto Sans KR';
}

.hy_pr_desc_new li .hy_price,
.hy_pr_desc_new li .lg_price {
    display: block;
    margin: 0px !important;
    padding-bottom: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.hy_pr_desc_new li>dl>.hy_btn,
.hy_pr_desc_new li>dl>.lg_btn {
    border-radius: 0;
    display: block;
    text-align: center;
    border: 1px solid #4bceb9;
    width: 50%;
    margin: 0 auto 15px;
    height: 30px;
    line-height: 10px;
    color: #01ccab;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.3s;
    outline: none;
}

.hy_pr_desc_new li>dl>.hy_btn:hover,
.hy_pr_desc_new li>dl>.lg_btn:hover {
    background: #4bceb9;
    border: 1px solid #4bceb9;
    color: #ffffff;
    transition: all 0.3s;
}

.hy_pr_desc_new li>*>.hy_price>strong,
.hy_pr_desc_new li>*>.lg_price>strong {
    color: #ff5340  !important;
    font-weight: 900;
}

.hy_pr_desc_new li .sale {
    display: none;
}

.hy_pr_desc_new li .model {
    text-align: center;
    font-size: 12px;
    padding: 2px 10px;
}

.hy_pr_desc_new li .price s {
    font-size: 13px;
    font-weight: normal;
    color: #999;
    margin-left: 7px;
}

.hy_pr_desc_new li:last-child {
    margin-right: 0;
}

.hy_pr_desc_new li dt {
    background: #ffffff;
    transition: all 0.5s;
    z-index: 1;
}

/*.hy_pr_desc_new li dt:hover {
    background: rgba(18, 167, 157, 0.5);
    transition: all 0.3s;
}*/

.hy_pr_desc_new li>*>.contract {
    overflow: hidden;
    padding: 10px 5px;
    display: none;
}

.hy_pr_desc_new li>*>.contract>p.agreement,
.hy_pr_desc_new li>*>.contract>p.ownership,
.hy_pr_desc_new li>*>.contract>p.cycle {
    margin-left: 5px;
    width: 31.5% !important;
    padding: 7px 3px;
    text-align: center;
    float: left;
    color: #ffffff;
    background: linear-gradient(to right, #12a79d 0%, #10857d 100%);
    font-size: 11px;
    box-shadow: none;
    border-radius: 8px;
}

/* 하단 유의사항 */

.hy_attention {
    width: 1200px;
    padding: 50px 0;
    margin: 0 auto;
}

.hy_attention_title {
    padding-bottom: 20px;
    font-size: 26px;
    font-weight: bold;
    text-align: left;
    color: #231917;
}

ul.hy_attention_info li {
    font-size: 14px;
    line-height: 28px;
    color: #231917;
    letter-spacing: -1px;
    word-wrap: break-word;
    font-family: 'Noto Sans KR';
}

ul.hy_attention_info li:before {
    font-family: FontAwesome;
    content: '\f0da';
    color: #00cc86;
    padding-right: 11px;
}

ul.hy_attention_info li.grayText {
    color: #808080;
    font-size: 12px;
}

ul.hy_attention_info li.grayText::before {
    content: '';
    padding-right: 16px;
}

/*하단 고객센터 섹션*/
.hy_center {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
}

.hy_cen_list ul {
    overflow: hidden;
    text-align: center;
}

.hy_cen_list ul li {
    float: left;
    width: 33.2%;
    text-align: center;
    border-left: 1px solid #e5e5e5;
}

.hy_cen_list ul li:first-child {
    border-left: none;
}

.hy_cen_list ul li h4 {
    font-size: 20px;
    padding-top: 20px;
}

.hy_cen_list ul li strong {
    display: block;
    font-size: 35px;
    font-weight: 900;
    color: #111;
    line-height: 60px;
}

.hy_cen_list ul li span {
    display: block;
    font-size: 15px;
    line-height: 20px;
    color: #000;
}

.hy_cen_list ul li .lgbt_btn01 {
    display: block;
    text-align: center;
    width: 50%;
    margin: 0 auto;
    line-height: 60px;
}

.hy_cen_list ul li .lgbt_btn01 a {
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    background: #562c00;
    padding: 6px 20px;
    color: #fff;
}

.hy_cen_list ul li .lgbt_btn02 {
    display: block;
    text-align: center;
    width: 50%;
    margin: 0 auto;
    line-height: 60px;
}

.hy_cen_list ul li .lgbt_btn02 a {
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    background: #c30045;
    padding: 6px 20px;
    color: #fff;
}

/* HY MAIN SLIDER */

.hy_main_rol_slide {

    margin-bottom: 100px;
    z-index: 1;
}
.hy_main_rol_slide ul {
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    background: #eee;
}

li.cycle-slide {
    width: 100% !important;
    height: auto !important;
}

li.cycle-slide.cycle-sentinel {
    width: 100% !important;
    height: auto !important;
}

li.cycle-slide.cycle-slide-active {
    width: 100% !important;
    height: auto !important;
}

.hy_main_rol_slide {
    overflow: hidden;
    position: relative;
    top: -20px;
}

.hy_main_rol_slide img {
    display: block;
    width: 100%;
    height: auto;
}

a#hy_bt_sl_prev {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 995;
    width: 100px;
    background: linear-gradient(to left, transparent, rgba(35, 31, 32, 0.5));
}

a#hy_bt_sl_next {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 995;
    width: 100px;
    background: linear-gradient(to right, transparent, rgba(35, 31, 32, 0.5));
}

a#hy_bt_sl_prev:hover,
a#hy_bt_sl_next:hover {
    cursor: pointer;
}

.hy_best_wrap {
    width: 1200px;
    margin: 50px auto;
}

.hy_sec_title {
    width: 1200px;
    margin: 0px auto;
    text-align: center !important;
    height: 90px;
    line-height: 90px;
}



/*메인 베스트4*/
div.hy_best{
    width: 100%;
    height: auto;
    background:#eee;
    background:url(/img/hy/main/best_bg.png) no-repeat center;
}
div.hy_best > div.hy_best_inner{
    max-width: 1200px;
    height: 800px;
    position: relative;
    margin:0 auto;
}
div.hy_best > div.hy_best_inner > p.hy_best_title{
    position: absolute;
    left:16px;
    top: 61px;
}
div.hy_best > div.hy_best_inner > p.hy_best_best{
    position: absolute;
    left:16px;
    top: 130px;
}
/*첫번째 베스트 큰*/
div.hy_best > div.hy_best_inner > div.first_best{
    width: 500px;
    height: 350px;
    float: left;
    /*background:#fff;*/
    position: absolute;
    bottom: 100px;
    padding-top: 20px;
    text-align: center;
    cursor: pointer;
}
div.hy_best > div.hy_best_inner > div.first_best > a > img{
    transition: 0.3s;
}
div.hy_best > div.hy_best_inner > div.first_best > a > img:hover {
    transform: scale(1.1);
}
div.hy_best > div.hy_best_inner > div.first_best > a > div.item_info{
    margin-top: 40px;
}
div.hy_best > div.hy_best_inner > div.first_best > a > div.item_info > p.hy_name{
    font-size: 14px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 900;
}
div.hy_best > div.hy_best_inner > div.first_best > a > div.item_info > span.hy_price{
    font-size: 20px;
    font-weight: 900;
    color: #d90010;
    font-family: Nanum Square;

}

div.hy_best > div.hy_best_inner > div.first_best > a > div.item_info > span.hy_price:before{
    content: "월렌탈료 ";
    color: #333;
    font-size: 16px;
    font-family: Nanum Gothic;
}

div.hy_best > div.hy_best_inner > div.first_best > a > div.item_info > span.hy_price:after{
    content: " 원";
    color: #333;
    font-size: 16px;
    font-family: Nanum Gothic;
}
/*나머지 베스트*/
div.hy_best > div.hy_best_inner > ul{
    width: 50%;
    height: 700px;
    position: absolute;
    right:0;
    bottom: 0;
    padding-top: 110px;
}
div.hy_best > div.hy_best_inner > ul > li{
    width: 250px;
    height: auto;
    float: left;
    text-align: center;
    cursor: pointer;
}
div.hy_best > div.hy_best_inner > ul > li:nth-child(1){
    margin-bottom: 30px;
}
div.hy_best > div.hy_best_inner > ul > li:nth-child(2){
    margin-bottom: 30px;
}
div.hy_best > div.hy_best_inner > ul > li > a{
    display: block;
    width: 100%;
    height: 100%;
}
div.hy_best > div.hy_best_inner > ul > li > a > img{
    width: 80%;
    transition: 0.3s;
}
div.hy_best > div.hy_best_inner > ul > li > a > img:hover{
    transform: scale(1.2);
}
div.hy_best > div.hy_best_inner > ul > li > a > div.item_info{
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding: 10px 10px 8px;
}
div.hy_best > div.hy_best_inner > ul > li > a > div.item_info > p.hy_name{
    font-size: 14px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}
div.hy_best > div.hy_best_inner > ul > li > a > div.item_info > span.hy_price{
    font-size: 17px;
    font-weight: bold;
    color: #d90010;
    font-family: Nanum Square;
}

div.hy_best > div.hy_best_inner > ul > li > a > div.item_info > span.hy_price:before{
    content: "월렌탈료 ";
    font-size: 16px;
    color: #333;
    font-family: Nanum Gothic;
}

div.hy_best > div.hy_best_inner > ul > li > a > div.item_info > span.hy_price:before{
    content: "월 ";
    font-size: 16px;
    color: #333;
    font-family: Nanum Gothic;
}

div.hy_best > div.hy_best_inner > ul > li > a > div.item_info > span.hy_price:after{
    content: " 원";
    font-size: 16px;
    color: #333;
    font-family: Nanum Gothic;
}

ul.hy_best_prd {
    background: #fff;
}

.hy_best_prd li a {
    text-decoration: none !important;
    display: block !important;
    width: 100%;
    height: 100%;
}

.hy_best_prd1 {
    width: 330px;
    height: 265px;
    position: relative;
    border: 1px solid #d7d7d7;
    float: left;
    overflow: hidden;
}

.hy_best_prd2 {
    width: 538px;
    height: 265px;
    position: relative;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    float: left;
    overflow: hidden;
}

.hy_best_prd3.right {
    width: 328px;
    height: 531px;
    position: relative;
    border: 1px solid #d7d7d7;
    float: right;
    overflow: hidden;
}

.hy_best_prd4 {
    width: 550px;
    height: 265px;
    position: relative;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    float: left;
    overflow: hidden;
}

.hy_best_prd5 {
    width: 318px;
    height: 265px;
    position: relative;
    border-bottom: 1px solid #d7d7d7;
    float: left;
    overflow: hidden;
}

.hy_best_prd_img1 {
    position: absolute;
    top: 80px;
    left: 85px;
}

.hy_best_prd_img2 {
    position: absolute;
    top: 85px;
    left: 255px;
}

.hy_best_prd_img3 {
    position: absolute;
    top: 225px;
    left: -40px;
}

.hy_best_prd_img4 {
    position: absolute;
    top: 0px;
    left: 270px;
}

.hy_best_prd_img5 {
    position: absolute;
    top: 40px;
    left: 58px;
}

.hy_best_prd_info {
    position: absolute;
    top: 30px;
    left: 20px;
}

p.hy_best_info2 {
    margin-top: 17px;
    margin-bottom: 25px;
}

p.hy_best_info3 {
    line-height: 1.3em;
}

p.hy_best_info1.ns.br {
    font-size: 13px;
    font-weight: 600;
    color: #125fb5;
    border: 0 !important;
}

p.hy_best_info1.ns.jj {
    font-size: 13px;
    font-weight: 600;
    color: #782fa7;
}

p.hy_best_info1.ns.pp {
    font-size: 13px;
    font-weight: 600;
    color: #a72f6a;
}

p.hy_best_info2.ns {
    font-size: 28px;
    font-weight: 400;
    color: #151515;
}

p.hy_best_info3.ns {
    font-size: 14px;
    color: #757575;
}

/*중간 정수기 배너*/
.middle_water {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    height: 600px;
    line-height: 200px;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 50px;
    /*background: url('/img/hy/main/middle_banner.jpg') no-repeat center;*/
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}


.middle_water span.text {
    position: absolute;
    right:46%;
    top: 150px;
    display: inline-block;
    font-size: 34px;
    font-family:"jung160";
    line-height: 1.5em;
    letter-spacing: -0.5px;
    color: #222;
    text-align: right;
    z-index: 1;
}
.middle_water > .mid_water {
    position: absolute;
    right:23%;
    top: 120px;

}
.middle_water > a {
    display: block;
    width: 100%;
    height: 100%;
}


/*미들 배너 영역*/
div.middle_air{
    position: relative;
    width: 100%;
    height: 450px;
    background:url(/img/hy/main/middle_air_banner.jpg) no-repeat center;    
}
div.middle_air > p{
    position: absolute;
    left: 55%;
    top: 150px;
    font-size: 18px;
    display: inline-block;
    font-size: 40px;
    font-family: "jung160";
    line-height: 1.5em;
    letter-spacing: -0.5px;
    color: #222;
    text-align: left;
    z-index: 1;
}
div.middle_air > a{
    display: block;
    width: 100%;
    height: 100%;
}

/*중간 배너 건조기*/
.middle_dry{
    width: 100%;
    height: 400px;
    background:url(/img/hy/main/middle_dry_banner.jpg) no-repeat center;
    position: relative;
}

.middle_dry > p{
    position: absolute;
    left: 31%;
    top: 130px;
    font-size: 18px;
    display: inline-block;
    font-size: 34px;
    font-family: "jung160";
    line-height: 1.5em;
    letter-spacing: -0.5px;
    color: #fff;
    text-align: right;
    z-index: 1;
}
.middle_dry a{
   display: block;
    width: 100%;
    height: 100%;
}

/*배너 프로세스*/
.hy_process_banner{
    max-width: 1200px;
    height: 400px;
    margin:0 auto;
    position: relative;
    background:url(/img/hy/main/process_bg.jpg) no-repeat center;
}
.hy_process_banner > p{
    width: 700px;
    font-size: 40px;
    text-align: center;
    font-family:"Typo_SsangmundongGulimB";
    color: #333;    
    margin: 0 auto;
    padding-top : 60px;
}
.hy_process_banner > p > span{
    color: #1bd4b3;
}
.hy_process_banner > a{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size:18px;
    color: #333;
    font-weight: bold;
    background: rgba(0,0,0,.3);
    cursor: pointer;
    transition: 0.3s;
}
.hy_process_banner > a:hover{
    background: rgba(27,212,179,.6);
    color: #fff;
}

/*추천상품*/
ul.hy_recom_tabs {
    width: 1200px;
    margin: 0 auto;
}

ul.hy_recom_tabs li {
    width: 24.75%;
    height: 45px;
    float: left;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    background: #fbfbfb;
    border: 1px solid #d7d7d7;
    margin: 1px 1px 20px 1px;
    transition: all 0.2s;
    font-weight: normal;
}

ul.hy_recom_tabs li.current {
    display: inherit;
    background: #da004d;
    transition: all 0.2s;
}

ul.hy_recom_tabs li.current span {
    color: #fff;
    line-height: 48px;
}

span.hy_tabs_text {
    margin: 0 20px 5px 20px;
    line-height: 48px;
}

.hy_tab_list_01 {
    background-image: url(/img/lg/main/water.png) !important;
    background-repeat: no-repeat !important;
    margin-left: 10px;
    background-position: 103px 11px !important;
}

.hy_tab_list_01.current {
    background-image: url(/img/lg/main/water_ov.png) !important;
    background-repeat: no-repeat !important;
    background-position: 38% 11px !important;
}

.hy_tab_list_02 {
    background-image: url(/img/lg/main/clean.png) !important;
    background-repeat: no-repeat !important;
    margin-left: 10px;
    background-position: 33% 11px !important;
}

.hy_tab_list_02.current {
    background-image: url(/img/lg/main/clean_ov.png) !important;
    background-repeat: no-repeat !important;
    background-position: 33% 11px !important;
}

.hy_tab_list_03 {
    background-image: url(/img/lg/main/anma.png) !important;
    background-repeat: no-repeat !important;
    margin-left: 10px;
    background-position: 35% 11px !important;
}

.hy_tab_list_03.current {
    background-image: url(/img/lg/main/anma_ov.png) !important;
    background-repeat: no-repeat !important;
    background-position: 35% 11px !important;
}

.hy_tab_list_04 {
    background-image: url(/img/lg/main/life.png) !important;
    background-repeat: no-repeat !important;
    margin-left: 10px;
    background-position: 35% 11px !important;
}

.hy_tab_list_04.current {
    background-image: url(/img/lg/main/life_ov.png) !important;
    background-repeat: no-repeat !important;
    background-position: 35% 11px !important;
}

.recom_tab-content2 {
    display: none;
}

.recom_tab-content2.current {
    display: inherit;
}

.hy_recom_prd {
    width: 1200px;
    height: 100%;
    float: left;
    padding-bottom: 20px;
}

.hy_pr_low {
    width: 1200px !important;
}

.hy_pr_low ul {
    width: 1200px !important;
}

.hy_pr_low ul li {
    width: 24.75%;
    float: left;
    padding: 5px 0px;
    position: relative;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    margin: 1px 1px 20px 1px;
    background: #fff;
}

.hy_pr_low ul li:hover {
    border: 1px solid #da004d;
    box-sizing: border-box;
}

.hy_pr_low ul li a {
    text-decoration: none;
}

.hy_pr_low ul li .hy_name.ng {
    text-align: center;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hy_pr_low li .model {
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 10px;
}

.hy_pr_low ul li .hy_price.ns {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.hy_pr_low ul li .hy_price.ns strong {
    font-size: 22px;
    color: #da004d;
    font-weight: 900;
}

.hy_pr_low ul li .hy_btn {
    border-radius: 0;
    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    width: 60%;
    margin: 0 auto;
    height: 30px;
    line-height: 10px;
    color: #fff;
    background: #da004d;
    margin-bottom: 15px;
}

.hy_pr_low ul li .hy_btn:hover {
    background: #af52c6;
    transition: all 0.3s;
}

.hy_pr_low ul li .etc {
    display: none;
}

.hy_pr_low li dt {
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 20px 0;
}

.hy_pr_low li dt img {
    width: 80%;
    margin-bottom: 5px;
}


/*HY SUBPAGE CATEGORY css*/

.hy_pr_desc {
    width: 1200px !important;
}

.hy_pr_desc ul {
    width: 1200px;
}

.hy_pr_desc li {
    width: 24.2% !important;
    height: auto;
    position: relative;
    float: left;
    margin: 5px 5px;
    padding-bottom: 20px;
    border: 0;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 2px 2px 5px 1px rgba(103, 117, 124, 0.2);
}

.hy_pr_desc li:nth-child(4n) {
    margin-right: 0;
}

.hy_pr_desc ul li a {
    text-decoration: none !important;
}


.hy_pr_desc_new li {
    width: 24%;
    height: auto;
    position: relative;
    float: left;
    margin-right: 8px;

    padding-bottom: 20px;
    border: 0;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 2px 2px 5px 1px rgba(103, 117, 124, 0.2);
}
.hy_pr_desc_new li:last-child{
    margin-right: 0;
}
.hy_pr_desc_new ul li a {
    text-decoration: none;
}

.hy_pr_desc li p {
    width: 100%;
}

.hy_pr_desc li:before {
    width: 0;
    height: 0;
    border-top: 1.5px solid;
    border-left: 1.5px solid;
    top: 0;
    left: 0;
}

.hy_pr_desc li:after {
    width: 0;
    height: 0;
    border-bottom: 1.5px solid;
    border-right: 1.5px solid;
    bottom: 0;
    right: 0;
}

.hy_pr_desc li:before,
.hy_pr_desc li:after {
    content: '';
    position: absolute;
    opacity: 0;
    border-image: linear-gradient(to right, #4bceb9 0%, #4bceb9 100%); /*#4bceb9 0%, #124734 100%*/
    border-image-slice: 1;
    transition: all 0.3s ease-out;
}

.hy_pr_desc li:hover:before,
.hy_pr_desc li:hover:after {
    width: 100%;
    height: 100%;
    opacity: 1;
}

.hy_pr_desc li dl {
    border: 3px solid transparent;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}

.hy_pr_desc li dt {
    width: 100%;
    height: auto;
    text-align: center;
}

.hy_pr_desc li dt img {
    width: 100%;
    height: 100%;
    border-radius: 0;
    margin-bottom: 0;
}

.hy_pr_desc li .etc {
    display: none;
    border-top: 2px solid #095fcc;
    margin: 20px 0 !important;
}

.hy_pr_desc li .hy_name {
    display: block;
    margin: 0px !important;
    padding: 10px 10px 0px 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-y: hidden;
    font-family: 'Noto Sans KR';
}

.hy_pr_desc li .hy_price {
    display: block;
    margin: 0px !important;
    padding-bottom: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.hy_pr_desc li>dl>.btn{
    border-radius: 0;
    display: block;
    text-align: center;
    border: 1px solid #4bceb9;
    width: 50%;
    margin: 0 auto 15px;
    height: 30px;
    line-height: 10px;
    color: #4bceb9;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.3s;
    outline: none;
}

.hy_pr_desc li>dl>.btn:hover{
    background: #4bceb9;
    border: 1px solid #4bceb9;
    color: #ffffff;
    transition: all 0.3s;
}

.hy_pr_desc li>*>.hy_price>strong {
    color: #ff5340 !important;
    font-weight: 900;
}

.hy_pr_desc li .sale {
    display: none;
}

.hy_pr_desc li .model {
    text-align: center;
    font-size: 12px;
    padding: 2px 10px;
}

.hy_pr_desc li .price s {
    font-size: 13px;
    font-weight: normal;
    color: #999;
    margin-left: 7px;
}

.hy_pr_desc li:last-child {
    margin-right: 0;
}

.hy_pr_desc li dt {
    background: #ffffff;
    transition: all 0.5s;
    z-index: 9;
    position: relative;
}

.hy_pr_desc li dt:hover {
    background: rgba(18, 167, 157, 0.5);
    transition: all 0.3s;
}

.hy_pr_desc li>*>.hy_contract {
    overflow: hidden;
    padding: 10px 5px;
    display: none;
}

.hy_pr_desc li>*>.hy_contract>p.agreement,
.hy_pr_desc li>*>.hy_contract>p.ownership,
.hy_pr_desc li>*>.hy_contract>p.cycle {
    margin-left: 5px;
    width: 31.5% !important;
    padding: 7px 3px;
    text-align: center;
    float: left;
    color: #ffffff;
    background: linear-gradient(to right, #12a79d 0%, #10857d 100%);
    font-size: 11px;
    box-shadow: none;
    border-radius: 8px;
}
/*
.hy_pr_desc li dt {
    position: relative;
}

.hy_pr_desc li dt img {
    width: 100%;
    height: 100%;
}

.hy_pr_desc li .etc {
    display: none;
    border-top: 2px solid #095fcc;
    margin: 0px !important;
}

.hy_pr_desc li .name {
    height: 25px;
    margin-top: 7px !important;
    padding: 0px 0;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hy_pr_desc li .price {
    margin: 0px !important;
    padding-bottom: 20px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

.hy_pr_desc li .price strong {
    font-size: 22px;
    color: #da004d;
    font-weight: 900;
}

.hy_pr_desc li .sale {
    display: none;
}

.hy_pr_desc li .model {
    text-align: center;
    font-size: 15px;
    padding: 10px 10px;
    font-weight: 600;
}

.hy_pr_desc li .hy_sub_btn {
    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    width: 50%;
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #da004d;
    margin-bottom: 15px;
}

.hy_sub_desc li dl {
    list-style: none !important;
}

.sub_desc li dt img {
    height: 100%;
}

.hy_sub_desc li:hover .hover_btn {
    display: block;
    transition: all 0.5s;
}
*/
.hy_sub_tree {
    padding: 0px;
    text-align: center;
    margin: 20px 0;
    border: 0px;
}

.hy_sub_tree td {
    width: 19.8%;
    float: left;
    height: 40px;
    box-sizing: border-box;
    font-size: 14px;
    padding-bottom: 0px !important;
    margin-left: 2px;
    margin-bottom: 2px;
    background: #f8f8f8;
    border: 1px solid #ddd;
}

.hy_sub_tree td:first-child {
    margin-left: 0px;
}

.hy_sub_tree td a {
    display: block;
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
    font-weight: 600;
    color: #555;
    font-size: 15px;
}

.hy_sub_tree td a:hover {
    color: #df224f;
}

.hy_contract {
    overflow: hidden;
    padding: 10px 5px;
}

.hy_contract p {
    margin-left: 4px;
    width: 29.3% !important;
    padding: 7px 5px;
    text-align: center;
    float: left;
    background: #fbfbfb;
    font-size: 11px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    border-radius: 3px;
}

/*모달2*/

.hy_close {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 36px;
    line-height: 36px;
}

#big_form_hy {
    width: 515px;
    padding: 0 0 30px 0;
    border-radius: 0px;
    text-align: center;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
}

#big_form_hy h2 {
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    background: #23c6a9;
    color: #ffffff;
    padding: 20px 0;
    margin-bottom: 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#big_form_hy h2 > span {
    font-size: 30px;
    font-weight: 900;
    color: #ffffff;
}

#big_form_hy h2 img {
    width: 23px;
    margin-right: 5px;
}

#big_form_hy span {
    text-align: center;
    font-size: 14px;
    color: #000;
    font-weight: normal;
}

#big_form_hy span > a {
    color: #b13d0f;
    font-weight: 600;
    margin-left: 10px;
}

#big_form_hy #form_box {
    width: 80%;
    margin: 30px auto 0;
    text-align: left;
}

#big_form_hy #form_box table {
    width: 100%;
}
#big_form_hy #form_box table tr td {
    font-size: 12px;
    margin: 10px 0;
    color: #000;
}

#big_form_hy #form_box table tr {
    line-height: 30px
}

#big_form_hy #form_box table tr td input {
    line-height: 23px;
    border: 1px solid #ccc;
    background: #fff;
    height: 23px;
    width: 100%;
}

.td_width{width: 70px;}

#big_form_hy #form_box button {
    text-align: center;
    width: 100%;
    height: 35px;
    background: transparent;
    margin-top: 20px;
    border: 1px solid #ff5340;
    color: #ff5340;
    font-weight: normal;
    font-size: 15px;
}

#big_form_hy #form_box button:hover {
    background: #ff5340;
    border:0;
    color: #ffffff;
    transition: all 0.3s;
}

.hy_sub_desc .hy_btn {
    border-radius: 0;
    display: block;
    text-align: center;
    border: 1px solid #0f9781;
    width: 50%;
    margin: 0 auto 15px;
    height: 30px;
    line-height: 10px;
    color: #0f9781;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.3s;
    outline: none;
}

.hy_sub_desc .hy_btn:hover {
    background: #11a298;
    border: 1px solid #11a298;
    color: #ffffff;
    transition: all 0.3s;
}


button.btn.btn-hy.ns.hy_btn.ren_btn_hy.btn_large.marr3 {
    font-weight: 600 !important;
    display: block;
    font-size: 19px !important;
    background: #ffffff;
    color: #00cc86 !important;
    text-decoration: none;
    float: left;
    border: 1px solid #00cc86;
    width: 30%;
    height: 55px;
    line-height: 35px;
    transition: all 0.5s !important;
}

button.btn.btn-hy.ns.hy_btn.ren_btn_hy.btn_large.marr3:hover {
    background: #00cc86;
    border: 1px solid #00cc86;
    color: #ffffff !important;
    transition: all 0.3s;
}

span.price_color_hy {
    color: #ff5340;
    font-size: 25px;
}

span.price_2 {
    font-size: 15px !important;
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: 170px;
}

span.price_3 {
    font-size: 15px !important;
    font-weight: 600;
    position: absolute;
    top: 35px;
    left: 170px;
}

span.price_4 {font-size: 15px !important; font-weight: 600; position: absolute; top: 70px; left: 170px;}
span.price_color_hy_2 {
    color: #ff5340;
    font-size: 18px !important;
    font-weight: 600;
}

/* HY BOTTOM css */

#hy_ft {
    background: #222;
    width: 100%;
    overflow: hidden;
    /*margin-top:30px;*/
}

.hy_footer {
    color: #ebebeb;
    padding: 20px 0 30px;
    overflow: hidden;
    line-height: 18px;
    text-align: left;
    letter-spacing: 0;
    border: none;
}

.hy_footer span a {
    color: #fff;
    display: inline-block;
}

.hy_fgnb {
    border-top: 1px solid #000;
    border-bottom: 1px solid #2d2d2d;
    height: 40px;
    padding: 0;
    background: #292929;
    overflow: hidden;
}

.hy_fgnb_wrap {
    width: 1200px;
    margin: 0 auto;
    line-height: 40px;
    font-size: 12px;
}

.hy_fgnb li {
    float: left;
}

.hy_fgnb li:after {
    width: 1px;
    height: 12px;
    margin: 14px 17px 0;
    background: #666;
    display: inline-block;
    float: left;
    content: '';
}

.hy_fgnb ul.hy_f_inner_l > li:first-child:after {
    width: 0px !important;
    display: none;
}

.hy_fgnb li a {
    color: #fff;
}

.hy_fgnb li a:hover {
    color: #c10b3e;
}

.hy_f_inner {
    width: 1200px;
    margin:0 auto;
    font-size: 12px;
}

ul.hy_f_inner_l {
    width: 50%;
    float: left;
    font-size: 12px;
}
ul.hy_f_inner_r {
    width: 50%;
    float: right;
    font-size: 12px;
    text-align: right
}

ul.hy_f_inner_r > li {
    float: right;
}

.hy_footer_logo {
    width: 200px;
    float: right;
    margin-top: 30px;
}
.hy_footer_logo > a{
    width: 100%;
}
.hy_footer_logo > a >img{
    width: 100%;
}

.hy_copy {
    background: #1b1b1b;
    color: #fff;
}

.hy_copy .mart5 p {
    margin: 0 auto;
    width: 1200px;
    letter-spacing: 0.06em;
}

a.btn_ssmall.bx-grey2.marl5.lg {
    color: #fff !important;
}

/*하단왼쪽 팝업레이어*/

.hy_popup_bl_position {
    position: fixed;
    z-index: 999999;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
}

.hy_popup_bl {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 250px;
    height: 250px;
}

.hy_popup_bl .d_winBanner {
    position: absolute;
    left: 0px;
    bottom: 80px;
    width: 420px;
    height: 550px;
    overflow: hidden;
    visibility: hidden;
}

.hy_popup_bl #d_checkBox {
    position: absolute;
    top: 2px;
    right: 36px;
    font-size: 11px;
}

.hy_popup_bl .d_winBanner .d_close {
    position: absolute;
    top: 0;
    right: 20px;
    cursor: pointer;
    color: #333;
}

.hy_popup_bl .d_winBanner .d_close .fa {
    font-size: 15px;
}

.hy_popup_bl img {
    width: 100%;
}

#hy_big_form {
    width: 400px;
    padding: 80px 0;
    margin-left: 10px;
    border-radius: 0px;
    text-align: center;
    background-image: url(/img/lg/common/hy_contact_bg.png);
    background-repeat: no-repeat;
}

#hy_big_form h2 {
    width: 310px;
    margin: 0 auto;
    text-align: center;
    font-size: 26px;
    font-weight: normal;
    color: #fff;
    padding: 6px 0;
}

#hy_big_form h2 img {
    width: 23px;
    margin-right: 5px;
}

#hy_big_form span a {
    text-align: center;
    font-size: 13px;
    color: #fff;
    margin-top: 15px;
    font-weight: normal;
    display: inline;
}

#hy_big_form #form_box {
    width: 80%;
    margin: 10px auto 0;
    text-align: left;
}

#hy_big_form #form_box table {
    width: 100%;
}

#hy_big_form #form_box table tr td {
    font-size: 12px;
    margin: 10px 0;
    font-weight: lighter;
    color: #fff;
    height: 23px;
}

#hy_big_form #form_box table tr {
    line-height: 30px
}

#hy_big_form #form_box table tr td input {
    line-height: 23px;
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
    height: 23px;
}

#hy_big_form span {
    color: #fff;
}

.form_name,
.form_phone,
.form_time {
    width: 180px;
}

input {
    outline-width: 0;
}

#hy_big_form #form_box button {
    width: 100%;
}

#hy_big_form #form_box .hy_bt_btn {
    text-align: center;
    width: 70%;
    margin: 15px auto;
    height: 35px;
    line-height: 35px;
    background: #e2c691;
    color: #000;
    font-weight: 600;
    font-size: 15px;
}

/*하단 케어솔루션 설명*/
div.care_detail {
    width: 100%;
    height: auto;
    font-family: "junggothic";
    text-align: center;
    background-color: #eee;
    padding: 60px 0;
}

div.care_detail>div.care_detail_wrap {
    width: 1200px;
    height: auto;
    margin: 25px auto;
    border-bottom: 1px solid #444;
}

div.care_detail>div.care_detail_wrap h4 {
    width: 100%;
    font-size: 24px;
    color: #333;
    font-weight: 600;
    margin-bottom: 15px;
}

div.care_detail>div.care_detail_wrap>p.care_bottom_txt {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 25px;
}

div.care_detail>div.care_detail_wrap>p.care_bottom_txt>div.care_detail_area {
    width: 100%;
    height: 480px;
}

ul.detail_area_tabs {
    width: 100%;
    height: auto;
    border-top: 1px solid #333;
    border-bottom: 1px solid #eee;
    background: #fff;
}

ul.detail_area_tabs>li {
    width: 16.6666%;
    height: 50px;
    float: left;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
}

ul.detail_area_tabs>li.current {
    border-bottom: 2px solid #da004d;
    display: inherit;
}

div.care_tab_img {
    width: 1200px;
    height: 420px;
    float: left;
}

div.care_tab_img>div.care_img {
    width: 1200px;
    height: 420px;
}

div.care_tab_img>div.care_img>img {
    height: 100%;
}

#sticky-counsel.hy_test {
    height: 90px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    color: #000;
    background-color: #e5fbf4;
    z-index: 9999;
}

.counsel-input .hy_title.test {
    color: #fff;
    display: unset;
    font-size: 14px;
    font-weight: 600;
}

.hy_symbol{
    position: absolute;
    left:-60px;
}
.counsel-input .hy_title.test strong {
    color: #fff;
}

.counsel-input .hy_title.test2 {
    color: #fff;
    display: unset;
    float: left;
    line-height: 2em;
}

.counsel-input .hy_title.test2 strong {
    color: #00917a;
    display: inline;
    font-size: 28px;
    margin-left: -2px;
}

.counsel-input .desc.ns.test {
    color: #fff;
    top: 10px;
}

.counsel-input .desc.ns.test strong {
    color: #fff;
}

.ft_number {
    display: block;
}

.counsel-input.test input[type=text] {
    border: 1px solid #ddd;
}

.counsel-input.test input[type=text]:hover {
    
}

.counsel-input .input-area.test {
    top: -5px;
    left: 370px;
}

p.title_round.test {
    width: 50px;
    height: 50px;
    margin: 0 20px 0 40px;
    float: left;
    border-radius: 50px;
    position: relative;
}

.ct_impor {
    display: inline;
    color: #000;
    position: absolute;
    top: 28px;
    right: 27px;
}

.counsel-input .btn.test {
    width: 100px;
}

.title_round1 {
    display: block;
    position: absolute;
    top: -30px;
    left: 106px;
    font-size: 20px;
    letter-spacing: -0.38em;
    color: #fff;
}

.title_round2 {
    display: block;
    position: absolute;
    top: -30px;
    left: 160px;
    font-size: 20px;
    letter-spacing: -0.38em;
    color: #fff;
}

.hy_title_gr {
    position: absolute;
    top: 15px;
    left: 108px;
}

div.hy_time_txt {
    position: fixed;
    right: 50%;
    bottom: 89px;
    z-index: -1;
    width: 30%;
    height: 28px;
    transform: translateX(50%);
    background: #80bd94;
    color: #fff;
    text-align: center;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

div.hy_time_txt>p {
    width: 100%;
    height: 15px;
    font-size: 16px;
    margin-top: -25px;
    color: #fff;
}

img.hy_official {
    display: block;
    cursor: pointer;
    transition: 0.3s;
}

img.hy_off_img {
    position: absolute;
    top: 265px;
    left: 0;
    display: none;
}

.hy_btn_yellow {
    color: #ffffff;
    background: #dc9a03;
    border: 0;
}

.hy_btn_yellow:hover {
    background: #b47d00;
    cursor: pointer;
}

/*sub_tree*/
.sub_tree.hy { padding:0px; text-align:center; margin:20px 0; border: 0px;}
/*.sub_tree.hy tr { border-top:1px solid #ddd; box-sizing: border-box; }*/
/*.sub_tree.hy tr:first-child { border-top:none; }*/
.sub_tree.hy td { width:19.8%; float:left; height:40px; box-sizing: border-box; font-size:14px; padding-bottom:0px !important; margin-left: 2px; margin-bottom: 2px;
    background: #fff; border:1px solid #ddd; padding: 0;}
.sub_tree.hy td:first-child {margin-left:0px;}
/*.sub_tree td:first-child { border-left:none; }*/
.sub_tree.hy td a { display:block; width:100%; padding:10px 0; box-sizing: border-box; font-weight: 600; color:#555; font-size:15px;}
.sub_tree.hy td a:hover { color: #4BCEB9;}
.sub_tree.hy a span.fc_90 {color: #4BCEB9 !important; }

/*.list1.hy{background-color:#fbfbfb !important}*/

#fsearch2 input.price_bt {
    -moz-box-shadow: inset 0px 0px 11px -8px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666 !important;
    font-size: 11px;
    font-weight: bold;
    padding: 6px 11px;    
}

#fsearch2 input.price_bt:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
    background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
    background-color:#f6f6f6; 
    transition: all 0.5s;
}

#fsearch2 b {
    display: block;
    margin-bottom: -10px;
}

ul.li_ty_tab.mart10 {
    float: right
}

.hy_gnb_li .all_cate_hy {
    position: absolute;
    top: 7px;
    left: -50px;
    z-index: 1000;
}
.hy_gnb_li .all_cate_hy.test .allc_bt, .hy_gnb_li .brand_li .all_br {
    width: 0;
    height: 53px;
    line-height: 53px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    padding: 0;
    display: inline-block;
    float: left;
    cursor: pointer;
    position: relative;
    background: 0;  
}

.hy_gnb_li .fa-bars.test {
    line-height: 56px;
    font-size: 30px;
    margin: 0;
    color: #fff;
    vertical-align: middle;
}

.hy_gnb_li .fa-bars.test:before {
    color: #00927b;
}

.hy_gnb_li .all_cate_hy .con_bx {
    width: 1200px;
    position: absolute;
    top: 63px;
    border-color: #f1f8ff;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    background-color: #fff;
    display: none;
    z-index: 1000;
}
.hy_gnb_li .all_cate_hy .con_bx .oneli {
    width: 975px;
    margin: 20px auto;
}

.hy_gnb_li .all_cate_hy .con_bx .oneli .c_box {
    width: 195px !important;
    margin-left: 0px;
    float: left;
}

.hy_gnb_li .all_cate_hy .con_bx .oneli .c_box .cate_tit {
    height: 45px;
    font-size: 19px;
    line-height: 35px;
    padding: 0 3px;
    padding-top: 7px;
    border-bottom: 1px solid #ccc;
    font-weight: normal;  
    color: #222;
    text-align: left;
    display: block;
}



#hy_page01 {
  width: 540px;
  height: 250px;
  margin: 0 auto;
  background-color: #FFF;
  float: left;
  padding: 20px;
  overflow: hidden;
}

/*#page01:hover {border: 1px solid #0096e4;}*/

#hy_page02 {
  width: 540px;
  height: 250px;
  margin-left:20px;
  background-color: #FFF;
  float: left;
}

#hy_page03 {
    float: right;
}
#hy_page03 ul li {
    margin-top: 15px;
}
#hy_page03 ul li:first-child {
    margin-top: 0;
}

/*#page02:hover {border: 1px solid #0096e4;}*/


/*hy상단 상세내용*/
.hy_view_cont_wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 0 0 20px;
}
.hy_view_cont01 {width: 1200px; margin: 0 auto;}
.hy_view_cont01_title {width: 1200px; height: 110px; text-align: center;}
.hy_view_cont01_title img {margin-top: -26px;}
.hy_view_cont01_title1 {height:120px; font-size: 40px; font-weight: 900; font-family: 'NanumSquare'}
li.hy_view_cont01_title2 {font-size: 23px !important; text-align: center; height: 40px; line-height: 40px;}
.hy_view_cont01 ul li {text-align: center; font-size: 15px; line-height: 1.5em;}

.hy_view_cont02 {width: 1200px; margin: 70px auto;}
.hy_view_cont02 div {color:#fff;}
.hy_view_cont02_title1 {margin-bottom: 30px; text-align: center; font-size: 40px; font-family: 'NanumSquare'; letter-spacing: -0.06em;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#B756B1+0,4500aa+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b756b1+1,4500aa+59 */
background: #23c6a9;
    background: -moz-linear-gradient(left, #0a9782 52%, #231f20 59%, #d99529 66%);
    background: -webkit-linear-gradient(left, #0a9782 52%, #231f20 59%, #d99529 66%);
    background: linear-gradient(to right, #0a9782 52%, #231f20 59%, #d99529 66%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a9782', endColorstr='#d99529',GradientType=1 );
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
-webkit-text-fill-color:transparent;
}

li.hy_view_cont02_title2 {font-size: 20px; font-weight: 600; text-align: center; line-height: 30px;}
li.hy_view_cont02_title2.ns pp {color:#0a9782; font-weight: 900;}
li.hy_view_cont02_title2.ns b {color:#222; font-weight: 900;}
li.hy_view_cont02_title2.ns {color:#222;}
li.hy_view_cont02_title2_wrap2 {text-align: center;}
ul.hy_view_icon_wrap {text-align: center; margin-top: 15px;}
.hy_view_icon_wrap li {display: inline-block; margin-right: 5px;}
.hy_view_icon_wrap li:last-child {margin-right: 0;}
.hy_view_icon_wrap li img {float: left;}
.hy_view_icon_wrap li span {height: 74px; display: inline-block; font-size: 20px; font-weight: 600; padding:10px 15px; color:#009a83;}




/*상품비교하기 영역 시작*/

.hy_pr_desc > ul > li{
    position: relative;
}

.check_compare{
    opacity: 0;
    /*display: none;*/
    position: relative;
    position: absolute;
    left: 50%;
    top:50%;
    width: 100px;
    height: 100px;
    z-index: 99;                
    transform:translate(-50%, -130%);
    cursor: pointer;    
}
.check_compare > a{
    display: block;
}

/*.check_compare:hover,
.check_compare:focus,
.check_compare:active,
.check_compare.active{
  opacity: 1;
}*/

.check_compare > a.btn_check{
    position: absolute;
    right: -15%;
    top: -15%;
    width: 40px;
    height: 40px;
    background: url(/img/rentaltime/sub/btn_check.png) no-repeat center top;
    background-size: contain;
    text-indent: -99999px;
}
.check_compare > a.view_compare{
    width: 100%;
    height: 100%;
    background: url(/img/rentaltime/sub/view_compare.png) no-repeat center top;
    background-size: contain; 
    text-align: center;
    text-indent: -99999px;
}


/*상품비교 팝업*/
.compare_modal{position: relative; left: -25%;top: -50px; overflow: hidden;}
.compare_grid{ width:  90%; margin: 0 auto;}
.compare_grid tr{ }
.compare_grid tr td{width: 240px;line-height: 3em; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; font-family:"Nanum Gothic"; font-size: 14px; word-break: keep-all;}

.compare_grid tr td:first-child{width: 115px; background: #DDE1E6; border-left: 0;}
.compare_grid tr:last-child{ border-bottom: 0;}

.compare_grid tr td a { width:100%; height: 100%; display: inline-block;}
.compare_grid tr td a:hover { background: #C9EDFF; color: #222;}
.compare_prd_img {height: 200px;}
h3.comapre_tit{width: 90%; margin: 0 auto;  padding-top: 20px;background: #fff; color: #222; line-height: 50px; font-size: 30px; text-align: center; border-bottom: 2px solid #222;}

/*상품비교하기 영역 끝*/