#FOOTER-MENU_NOTIFY .section1 {font-size:18px; line-height:30px; padding-bottom:80px; border-bottom:1px solid rgba(2,2,2,0.1);}
#FOOTER-MENU_NOTIFY .section2 h1 {font-size:32px; line-height: 1; padding:0 0 80px; text-align: center;}
#FOOTER-MENU_NOTIFY .section {padding:80px 0; border-bottom:1px solid rgba(2,2,2,0.1);}
#FOOTER-MENU_NOTIFY .page{display:none;}
#FOOTER-MENU_NOTIFY .page.on{display:block;}
#FOOTER-MENU_NOTIFY .page2 .section{padding-bottom:0;}
#FOOTER-MENU_NOTIFY .page2 .section1{border-bottom:0;}
#FOOTER-MENU_NOTIFY .section.section6{border-bottom:none;}
#FOOTER-MENU_NOTIFY .section .tit {font-size:20px; line-height: 34px; margin-bottom:60px;}
#FOOTER-MENU_NOTIFY .section .desc {font-size:18px; line-height: 30px;}
#FOOTER-MENU_NOTIFY .section:last-child {border-bottom:none;}
#FOOTER-MENU_NOTIFY .section .gu_btn_down {padding:0;}
#FOOTER-MENU_NOTIFY .section .gu_btn_down:hover {color:#e35b0a; background:none;}
#FOOTER-MENU_NOTIFY .section .gu_btn_down:hover span:before {background:url("../../../img/common/icon/ico_down_black_box.png") no-repeat 0 0 / contain}

#FOOTER-MENU_NOTIFY .btn_bottom{text-align: center;margin:0 auto 160px;}
#FOOTER-MENU_NOTIFY .btn_bottom .gu_btn{margin-left:10px;}
#FOOTER-MENU_NOTIFY .btn_bottom .gu_btn:first-child{margin-left:0;}
#FOOTER-MENU_NOTIFY .btn_bottom.page2{margin-top:60px;}
#FOOTER-MENU_NOTIFY .btn_bottom .gu_btn_arrow_right span:before{transition: all 0.3s}
#FOOTER-MENU_NOTIFY .btn_bottom .gu_btn_arrow_right:hover{background-color: #e35b0a;color: #fff;border-color: #e35b0a}
#FOOTER-MENU_NOTIFY .btn_bottom .gu_btn_arrow_right:hover span:before{right: -4px;background-image: url("../../../img/common/ico_arrow_white_right.png")}

.gu_sub_wrapper .gu_sub_contents .contents_inner br {content:none !important;}

/* FORM */
#FOOTER-MENU_NOTIFY .user_list_area{border: 1px solid #ccc;width: 100%;height: 100%;position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#FOOTER-MENU_NOTIFY .user_list_area .user_list_area_info{position: absolute;right: 112px;top: 55px;font-size: 14px;color: #666}
#FOOTER-MENU_NOTIFY .user_list_area > ul{padding: 75px 112px }
#FOOTER-MENU_NOTIFY .user_list_area > ul > li{font-size: 0;margin-top:28px}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li:first-child{margin-top: 0}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li>div{display: inline-block;vertical-align: top;height: 62px;line-height: 62px;}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li>div.input_tit{font-size: 18px;color: #222;width: 152px;}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li>div.input_box{width: calc(100% - 152px);padding-left: 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li .input_tit span.required{font-size:18px;color: #e35b0a;padding-left: 4px;}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li .input_box input{font-size: 18px;width: 100%;height: 62px;line-height: 62px;color: #999;border-bottom: 1px solid #ccc;vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* SUB TITLE */
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.form_sub_title p{font-size:22px; letter-spacing:-1px; padding-top:60px;}

/* USER NAME */
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.name_area .input_box{font-size: 0}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.name_area .input_box input{width: 100%;display: inline-block;vertical-align: top;}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.name_area .input_box input.input_first_name{margin-right: 2%}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.name_area .input_box input.input_surname{margin-left: 2%}

/* USER E-MAIL */
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.mail_area .input_box{font-size: 0}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.mail_area .input_box .cform{display: inline-block;vertical-align: top}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.mail_area .input_box .input_mail_id{width: 40%}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.mail_area .input_box span.cform{width: 6%;text-align: center;font-size: 20px;color: #222}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.mail_area .input_box .input_mail_domain{width: 54%;}

/* USER INFO */
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.contents_area{margin-top: 42px}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.contents_area .input_box{height: 260px}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.contents_area .input_box textarea{width: 100%;height: 100%;overflow-y: auto;padding: 25px 32px;background: #f5f5f5;font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* UPLOAD FILES */
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area{margin-top: 42px;position: relative;}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area>div{vertical-align: top}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area .input_tit{line-height: 1}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area .input_box{height: 100%}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area .upload_area {position: relative; font-size:0;line-height: 40px}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area .upload_area #file {position: absolute;left: 0;top: 0;display: inline-block;width:90px;height:40px;cursor:pointer;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area .upload_area label {display:inline-block;width: 90px;height: 40px;line-height: 40px;font-size: 14px;text-align: center;margin: 0 auto;border: 1px solid #999;background-color: #fff;cursor:pointer;color:#222;vertical-align: top;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area .upload_area #file:hover+label{background: #e35b0a;color: #fff;border-color:#e35b0a}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area .upload_area .input_file_name {width: calc(100% - 140px);background: #fff; margin-left:20px;border:none; height:40px; font-size:14px;}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area .upload_area .btn_delete {position: absolute; right: 0; top: 50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); display:none;}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area .upload_area .btn_delete span {font-size:16px;color:#999;}
#FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area p.caption {color: #666; margin-top:16px;font-size: 14px;line-height: 1}

/* POPUP */
#FOOTER-MENU_NOTIFY .gu_popup .pop_contents{min-height: 267px;width: 522px;padding: 50px 80px;text-align: center}
#FOOTER-MENU_NOTIFY .gu_popup .pop_contents .pop_cnt_tit{font-size: 22px;line-height: 28px;color:#222}
#FOOTER-MENU_NOTIFY .gu_popup .pop_contents .pop_cnt_desc{font-size: 16px;line-height: 24px;color:#666;margin-top: 10px;}
#FOOTER-MENU_NOTIFY .gu_popup .pop_contents .popup_bottom{margin-top: 35px}

/* AGREE */
#FOOTER-MENU_NOTIFY ul li.agree_area {font-size:inherit;}
#FOOTER-MENU_NOTIFY ul li.agree_area>div {height:auto;}
#FOOTER-MENU_NOTIFY ul li.agree_area .gu_line {margin:60px auto; height:1px;}
#FOOTER-MENU_NOTIFY .agree_area .gu_box_title {margin-bottom:30px;}
#FOOTER-MENU_NOTIFY .agree_area .agree_box_inner {padding:36px 25px 35px 40px;background:#f7f7f7;height:420px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#FOOTER-MENU_NOTIFY .agree_area .agree_box_inner .textarea {height:348px;overflow-y:scroll; padding-right:25px;color:#555;overflow-x:hidden;}
#FOOTER-MENU_NOTIFY .agree_area .agree_box_inner .textarea::-webkit-scrollbar {width: 4px;height: 36px;}
#FOOTER-MENU_NOTIFY .agree_area .agree_box_inner .textarea::-webkit-scrollbar-track {background-color: #f7f7f7;}
#FOOTER-MENU_NOTIFY .agree_area .agree_box_inner .textarea::-webkit-scrollbar-track-piece {background-color: #f7f7f7;}
#FOOTER-MENU_NOTIFY .agree_area .agree_box_inner .textarea::-webkit-scrollbar-thumb {background-color: #a8a8a8;}
#FOOTER-MENU_NOTIFY .agree_area .agree_box_inner .textarea::-webkit-scrollbar-button:start {background-color: #f7f7f7;}
#FOOTER-MENU_NOTIFY .agree_area .agree_box_inner .textarea::-webkit-scrollbar-button:end {background-color: #f7f7f7;}
#FOOTER-MENU_NOTIFY .agree_area .agree_box_inner .textarea strong {display:block;}
#FOOTER-MENU_NOTIFY .agree_area .agree_box_inner .textarea [class*='type_bullet'] li {position:relative; padding-left:10px;}
#FOOTER-MENU_NOTIFY .agree_area .agree_box_inner .textarea [class*='type_bullet'] li:before {content:'-'; position:absolute;left:0;}
#FOOTER-MENU_NOTIFY .agree_area .agree_box_inner .textarea .gu_box_sub_title {margin:20px 0 15px;}
#FOOTER-MENU_NOTIFY .agree_area .agree_desc {padding-top:30px;color:#222;}
#FOOTER-MENU_NOTIFY .agree_area .agree_desc.agree_all {padding-top:40px;}
#FOOTER-MENU_NOTIFY .agree_area .agree_desc > div {display:inline-block; vertical-align:middle;}
#FOOTER-MENU_NOTIFY .agree_area .agree_desc .btn_agree {position:relative;float:right;cursor:pointer;}
#FOOTER-MENU_NOTIFY .agree_area .agree_desc .btn_agree:before {content:''; position:absolute; width:20px;height:20px;left:-30px;top:50%;border:1px solid #c8c8c8; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
#FOOTER-MENU_NOTIFY .agree_area .agree_desc .btn_agree.on:after {content:''; position:absolute; width:12px;height:12px;left:-25px;top:50%;background:#e35b0a; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}


/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
    #FOOTER-MENU_NOTIFY .btn_bottom{margin: 60px auto}
    #FOOTER-MENU_NOTIFY .btn_bottom .gu_btn_arrow_right{opacity: 1}

    #FOOTER-MENU_NOTIFY .user_list_area .user_list_area_info{right: 55px;top: 30px;font-size: 12px;}
    #FOOTER-MENU_NOTIFY .user_list_area > ul{padding: 55px}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li{margin-top: 30px}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li .input_box input{height: 50px;line-height: 50px;font-size: 15px;}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li>div.input_tit{font-size: 15px;width: 128px}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li>div.input_box{width: calc(100% - 128px); margin:0;padding: 0;}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li.name_area .input_box input.input_first_name{width: 44%;margin-right: 2%}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li.name_area .input_box input.input_surname{width: 52%;margin-left: 2%}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li.mail_area .input_box span.cform{font-size: 14px}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li.contents_area .input_box textarea{padding: 25px 20px;font-size: 13px}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area .upload_area #file{width: 112px;}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area .upload_area label{width: 112px;font-size: 12px;}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area p.caption{font-size: 12px;margin-top: 10px}
    #FOOTER-MENU_NOTIFY .user_list_area ul li .input_box .gu_btn {vertical-align:top; bottom: 73px;}
}


/* ================================== Mobile css ================================== */
@media all and (max-width: 766px){
    #FOOTER-MENU_NOTIFY .section {padding:60px 0;}
    #FOOTER-MENU_NOTIFY .section1 {font-size:14px; line-height:24px; padding-top:30px;}
    #FOOTER-MENU_NOTIFY .section2 h1 {font-size:24px; padding-bottom:40px;}
    #FOOTER-MENU_NOTIFY .section .tit {font-size:18px; line-height:26px; margin-bottom:30px;}
    #FOOTER-MENU_NOTIFY .section .desc {font-size:14px; line-height:24px;}
    #FOOTER-MENU_NOTIFY .contents_inner>.section{margin-top: 30px}
    #FOOTER-MENU_NOTIFY .user_list_area .user_list_area_info{right: 20px;top: 38px;}
    #FOOTER-MENU_NOTIFY .user_list_area > ul{padding: 70px 20px 60px}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li{margin-top: 32px}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li>div{display: block;width: 100%;height: 42px;line-height: 42px;}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li>div.input_tit{height: unset;line-height: 1;width: 100%;margin-bottom: 3px;font-size: 14px}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li>div.input_box{font-size: 14px; width:100%;}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li .input_box input{height: 42px;line-height: 42px;font-size: 14px}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li.name_area .input_box input.input_first_name{width: 48%;margin-right: 2%}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li.name_area .input_box input.input_surname{width: 48%;margin-left: 2%}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li.contents_area .input_box{margin-top: 20px}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area .input_box{margin-top: 20px}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area .upload_area #file{width: 90px}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area .upload_area label{width: 90px}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area .upload_area .input_file_name{width: calc(100% - 160px);margin-left: 10px;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area .upload_area .btn_delete{height: 40px}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area .upload_area .btn_delete span{font-size: 13px}
    #FOOTER-MENU_NOTIFY .user_list_area > ul > li.file_area p.caption{margin-top: 20px;line-height: 18px}
    #FOOTER-MENU_NOTIFY .user_list_area ul li .input_box .gu_btn { font-size:12px;width:75px;min-width:75px; top:0; margin-top:1px;}

    .gu_sort_area .gu_sort_name{width: 100%}
    .gu_sort_area .gu_selectbox .gu_selectbox_inner a{font-size: 12px}
    #FOOTER-MENU_NOTIFY .gu_sort_area .gu_selectbox{min-width: 100%}
    #FOOTER-MENU_NOTIFY .gu_popup .pop_contents{width: 90%;padding: 40px 15px;min-height: 100%}
    #FOOTER-MENU_NOTIFY .gu_popup .pop_contents .pop_cnt_tit{font-size: 18px;line-height: 21px}
    #FOOTER-MENU_NOTIFY .gu_popup .pop_contents .pop_cnt_desc{font-size: 13px;line-height: 19px}
    #FOOTER-MENU_NOTIFY .gu_popup .pop_contents .popup_bottom{margin-top: 27px;}
    #FOOTER-MENU_NOTIFY .gu_line {margin:50px auto;}
    #FOOTER-MENU_NOTIFY .agree_area .gu_box_title {font-size:16px; margin-bottom:20px;}
    #FOOTER-MENU_NOTIFY .agree_area .agree_box_inner {padding:30px 10px 30px 20px; height:250px;}
    #FOOTER-MENU_NOTIFY .agree_area .agree_box_inner .textarea {height:178px;}
    #FOOTER-MENU_NOTIFY .agree_area .agree_desc {font-size:14px; line-height:24px; padding-top:12px;}
    #FOOTER-MENU_NOTIFY .agree_area .agree_desc .btn_agree:before {width:16px; height:16px;left:-26px;}
    #FOOTER-MENU_NOTIFY .agree_area .agree_desc .btn_agree.on:after {width:10px; height:10px;left:-22px;}
    #FOOTER-MENU_NOTIFY .btn_bottom .gu_btn {padding: 8px 50px;}
}