body{word-break:keep-all;}

/* 서브페이지 키비쥬얼 */
#SUB_KEYVISUAL .gu_sub_top .kv_img_area{background-image: url('../../images/footer/KV_terms.jpg')}


#HEADER #GNB .gnb_inner:before{content:'';position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: rgba(0,0,0,.1);}
#HEADER.m_enter #GNB .gnb_inner .depth1_area{border-bottom: 1px solid rgba(0,0,0,0);}

#SUB_KEYVISUAL .kv_inner {max-width: 1116px; margin: 0 auto; padding: 0 34px;}
#SUB_KEYVISUAL .gu_sub_top{border-bottom:1px solid rgba(0,0,0,.1);}
#SUB_KEYVISUAL .gu_sub_top .sec_inner,#SUB_KEYVISUAL .gu_sub_top .kv_img_area {height: 279px; margin:0 auto;}
#SUB_KEYVISUAL .gu_sub_top h1{left:0; font-size:46px;}
#SUB_KEYVISUAL .gu_sub_top .sec_inner{position:static;}
#SUB_KEYVISUAL .gu_sub_top .kv_img_area:before {background: rgba(255,255,255,1); }
#INDICATOR .indicator_inner a:before {color: rgba(0,0,0,.6);}
#SUB_KEYVISUAL .gu_sub_top h1, #INDICATOR .indicator_inner a{color: #000;}
#INDICATOR{right:33px;}


#TERMS .gu_contents_wrap{padding-top:112px;}
#TERMS .gu_contents_wrap .gu_grid_sm .top_text {font-size: 22px; line-height: 36px; margin-bottom: 140px;}
#TERMS .gu_contents_wrap .gu_grid_sm .block {margin-bottom: 144px;}
#TERMS .gu_contents_wrap .gu_grid_sm .block6 {margin-bottom: 0px;}

#TERMS .gu_contents_wrap .gu_grid_sm .block:last-child {margin-bottom: 184px;}
#TERMS .gu_contents_wrap .gu_grid_sm .block .gu_right_grid{font-size:18px; line-height:32px; color:#444;}

#TERMS .gu_contents_wrap .gu_grid_sm .block0 .gu_right_grid p {margin: 38px 0 36px;  width: 100%; padding: 36px 26px;
background-color:#F7F7F7; color:#444; font-size:16px; box-sizing:border-box;}
#TERMS .gu_contents_wrap .gu_grid_sm .block0 .gu_right_grid p span{display:block; position:relative; padding-left:20px;}
#TERMS .gu_contents_wrap .gu_grid_sm .block0 .gu_right_grid p span:before{content: "1.";
    font-size:16px; position:absolute; top:0px; left:0px;}

#TERMS .gu_contents_wrap .gu_grid_sm .block0 .gu_right_grid p .text_box_list1:before{content:"2.";}
#TERMS .gu_contents_wrap .gu_grid_sm .block0 .gu_right_grid p .text_box_list2:before{content:"3.";}
#TERMS .gu_contents_wrap .gu_grid_sm .block6 .gu_right_grid p {color: #000; margin: 65px 0 120px;}

/* 박스-큰박스-기본 */
#TERMS .gu_btn_big_box {text-align:center; display: block !important; margin-bottom:160px;}





/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px){
    /**********************************************************************************************************************************************************************************************************
       기능
    */

    #SUB_KEYVISUAL, #SUB_KEYVISUAL .gu_sub_top{border-bottom:none;}
    #SUB_KEYVISUAL .gu_sub_top h1{padding: 0 42px; font-size:48px;}
    #SUB_KEYVISUAL .gu_sub_top .sec_inner{border-bottom:1px solid rgba(0,0,0,.1);}
    #SUB_KEYVISUAL .gu_sub_top .sec_inner, #SUB_KEYVISUAL .gu_sub_top .kv_img_area {height: 271px;}
    #SUB_KEYVISUAL .kv_inner {max-width: 1116px; margin: 0 auto; padding: 0 34px; border-bottom:none;border-top:none;}

    #INDICATOR{right:68px;}

}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px){
    /**********************************************************************************************************************************************************************************************************
        기능
    */


    #SUB_KEYVISUAL .gu_sub_top .sec_inner{border-bottom:none;}
    #SUB_KEYVISUAL {margin: 0 16px;}
    #SUB_KEYVISUAL .gu_sub_top{border-bottom:1px solid rgba(0,0,0,.1); }

    #SUB_KEYVISUAL .gu_sub_top h1{font-size: 40px; line-height: 52px; padding:0;}
    #SUB_KEYVISUAL .gu_sub_top .sec_inner, #SUB_KEYVISUAL .gu_sub_top .kv_img_area {height: 183px;}

    #TERMS .gu_contents_wrap{padding-top:64px;}
    #TERMS .gu_contents_wrap .gu_grid_sm .top_text {font-size: 18px; line-height: 29px; margin-bottom: 70px;}

    #TERMS .gu_contents_wrap .gu_grid_sm .block {margin-bottom: 76px;}
    #TERMS .gu_contents_wrap .gu_grid_sm .block .gu_right_grid {font-size:14px; line-height:24px;}
    .gu_btn_arrow a:hover span:before{background-image: url('../../images/common/m_ico_arrow_black_right.png');right:0px}
    #TERMS .gu_contents_wrap .gu_grid_sm .block0 .gu_right_grid p {margin: 19px 0 18px; padding: 18px 13px; font-size: 13px;}
    #TERMS .gu_contents_wrap .gu_grid_sm .block6 .gu_right_grid p {margin: 32px 0 75px;}
    #TERMS .gu_contents_wrap .gu_grid_sm .block6{margin-bottom: 0px;}
    #TERMS .gu_btn_big_box {margin-bottom:106px;}


}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px){
    /**********************************************************************************************************************************************************************************************************
        기능
    */


    #SUB_KEYVISUAL .gu_sub_top{border-bottom:none;}
    #SUB_KEYVISUAL .gu_sub_top h1{font-size: 32px; line-height: 48px;}
    #SUB_KEYVISUAL{border-bottom:1px solid rgba(0,0,0,.1); margin:0 16px; padding:0;}
    #SUB_KEYVISUAL .kv_inner{padding:0; border:none;}
    #SUB_KEYVISUAL .gu_sub_top .sec_inner, #SUB_KEYVISUAL .gu_sub_top .kv_img_area {height: 155px;}


    #TERMS .gu_contents_wrap .gu_grid_sm .top_text {font-size: 18px; line-height: 29px; margin-bottom: 89px;}
    #TERMS .gu_grid .gu_title {font-size:24px; line-height:26px; margin-bottom:24px;}
    #TERMS .gu_contents_wrap .gu_grid_sm .block0 .gu_right_grid p {margin:34px 0 33px; padding: 23px 17px; font-size: 12px;}
    #TERMS .gu_contents_wrap .gu_grid_sm .block {margin-bottom: 68px;}
    #TERMS .gu_contents_wrap .gu_grid_sm .block6 .gu_right_grid p {margin: 34px 0 81px;}
    #TERMS .gu_btn_big_box {margin:0 auto; text-align: center;}
    #TERMS .gu_contents_wrap .gu_grid_sm .block6 {margin-bottom:0px;}
    #TERMS .gu_btn_big_box {margin-bottom:74px;}



}