@charset "utf-8";

#CU50 .main-inner .sub_container .ft_contents form#reportForm fieldset .field_contents .required .check-bu {
    font-size: 18px;
    color: #FF6600;
}
#CU50 .main-inner .sub_container .m_desc .bu-mi {
    font-size: 7px;
    margin-right: 4px;
}
#CU50 .table-wrap .t-center {
    text-align: center;
}
.fontHanwha {
    font-family:Hanwha
}
/* 신문고>약관영역 폼 수정*/
#CU50 .consent-field .form_box .table-wrap{border-top: 1px solid #000;}
#CU50 .consent-field .form_box .table-wrap th,
#CU50 .consent-field .form_box .table-wrap td{
    font-size: 16px;
}
#CU50 .consent-field .form_box .table-wrap thead tr th{
    text-align: center;
    font-weight: 400;
    color: #151515;
    padding: 21.5px 20px;
}
#CU50 .consent-field .form_box .table-wrap tbody{
    border-top:1px solid #E5E5E5;
    border-bottom:1px solid #E5E5E5;
}
#CU50 .consent-field .form_box .table-wrap tbody ul li{
    padding-left:24px;
    word-break: keep-all;
}
#CU50 .consent-field .form_box .table-wrap tbody ul li::after{
  content:'•';
  position: absolute;
  left:0;
  top:0;
}
#CU50 .consent-field .form_box .table-wrap tbody tr td{
    min-height: 64px;
    text-align: left;
    font-weight: 300;
    color: #4b4b4b;
    word-break: break-word;
    vertical-align: top;
    padding: 20px;
}
#CU50 .consent-field .form_box:nth-child(1) .table-wrap tbody tr td:first-child{
    text-align: center;
}
#CU50 .consent-field .form_box:nth-child(1) .table-wrap tbody tr:last-child td{
    border-top: 1px solid #E5E5E5;
}
#CU50 .consent-field .form_box .table-wrap .radio-wrap{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
#CU50 .consent-field .form_box .table-wrap .radio-wrap .rd-box{display: flex;align-items: center;gap:14px;}
#CU50 .consent-field .form_box .table-wrap .radio-wrap .rd-box .check_box{
    position: relative;
    margin-top: 0 !important;
}
#CU50 .consent-field .form_box .table-wrap .radio-wrap .rd-box .check_box input[type="radio"]{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    margin: -1px;
    clip-path: inset(50%);
}
#CU50 .consent-field .form_box .table-wrap .radio-wrap .rd-box .check_box .cu_btn{
    position: absolute;
    top: 50%;transform: translateY(-50%);
    left: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #E5E5E5;
    background:none;
}
#CU50 .consent-field .form_box .table-wrap .radio-wrap .rd-box .check_box .cu_txt{
    padding-left: 38px;
}
#CU50 .consent-field .form_box .table-wrap .radio-wrap .rd-box .check_box input[type="radio"]:checked + .cu_btn {
    background: url(../images/common/icon_check_o.svg) no-repeat center center / calc(100% + 2px);
    border:none;
}

#CU50 .consent-field .form_box .table-wrap>p.m_desc{color:#b8b8b8;}
#CU50 .consent-field .form_box .table-wrap>.r-txt{text-align: right;}

@media (max-width: 1023px) {
    #CU50 .consent-field .form_box .table-wrap th,
    #CU50 .consent-field .form_box .table-wrap td{font-size: 12px;}
    #CU50 .consent-field .form_box .table-wrap .radio-wrap .rd-box{gap:1.3672vw}
    #CU50 .consent-field .form_box .table-wrap .radio-wrap .rd-box .check_box .cu_btn{width: 2.5391vw;height: 2.5391vw;}
    #CU50 .consent-field .form_box .table-wrap .radio-wrap .rd-box .check_box .cu_txt{padding-left: 3.7109vw;}
}
@media (max-width: 768px) {
    #CU50 .consent-field .form_box .table-wrap th,
    #CU50 .consent-field .form_box .table-wrap td{font-size: 16px;}
    #CU50 .consent-field .form_box .table-wrap thead tr th,
    #CU50 .consent-field .form_box .table-wrap tbody tr td{padding: 20px 14px;}
    #CU50 .consent-field .form_box .table-wrap tbody ul li{padding-left: 18px;}
    #CU50 .consent-field .form_box .table-wrap .table-box{width: calc(100vw - 40px);overflow: auto;}
    #CU50 .consent-field .form_box .table-wrap .table-box table{width: 700px}
    #CU50 .consent-field .form_box .table-wrap .radio-wrap{flex-direction: column;align-items: initial;}
    #CU50 .consent-field .form_box .table-wrap .radio-wrap .rd-box{justify-content: end;gap: 14px;}
    #CU50 .consent-field .form_box .table-wrap .radio-wrap .rd-box .check_box .cu_btn{ width: 20px;height: 20px; }
    #CU50 .consent-field .form_box .table-wrap .radio-wrap .rd-box .check_box .cu_txt{padding-left:28px;}
    #CU50 .consent-field .form_box .table-wrap .radio-wrap .rd-box .check_box{margin-top: 0 !important;}

    #CU50 .m_popup .pop_inner .pop_contents .pop_foot{justify-content: center;}
}

/*신규 현력사 모집 공고*/
#FT80 .main-inner .sub_container{
    width: 100%;
    box-sizing: border-box;
    max-width: 1920px;
    padding: 0 6.25vw;
}
#FT80 .main-inner .sub_container .ft_top {
    margin: 3.125vw 0 6.25vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 300;
    font-size: 1.0417vw;
    line-height: 1.68;
    letter-spacing: 0;
    color:#4B4B4B;
}
#FT80 .main-inner .sub_container .ft_contents {width: 100%;}
#FT80 .main-inner .sub_container .ft_contents > ol {display: flex;flex-direction: column;gap: 8.3333vw;}
#FT80 .main-inner .sub_container .ft_contents > ol > li > .m_h8{margin-bottom: 1.8750vw;}
#FT80 .main-inner .sub_container .ft_contents > ol > li[data-index="3"] > .m_h8{margin-bottom: 4.1667vw;}
#FT80 .main-inner .sub_container .ft_contents table{width: 100%;border-top:1px solid #000;}
#FT80 .main-inner .sub_container .ft_contents .schedule-box{
    padding: 2.0833vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 1.6667vw;
    background-color: #f5f5f5;
}
#FT80 .main-inner .sub_container .ft_contents .schedule-box .item .date{
    font-weight: 300;
    font-size: 1.0417vw;
    line-height: 1.68;
    letter-spacing: 0;
    color: #151515;
    margin-top: 8px;
}
#FT80 .main-inner .sub_container .ft_contents .schedule-box .item .date>span{color:#4b4b4b;}
#FT80 .main-inner .sub_container .ft_contents .schedule-box .item .date p{color:#999999;}
#FT80 .main-inner .sub_container .ft_contents .terms-box{border-top:1px solid #000;}
#FT80 .main-inner .sub_container .ft_contents .terms-box>li{
    padding: 2.0833vw;
    display: flex;
    gap:1.6667vw;
    border-bottom:2px solid #E5E5E5;
}
#FT80 .main-inner .sub_container .ft_contents .terms-box > li:nth-child(-n+3) {align-items: center;}
#FT80 .main-inner .sub_container .ft_contents .terms-box>li>.num{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.9167vw;
    height: 2.9167vw;
    font-size: 1.0417vw;
    font-weight: 400;
    line-height: 1.68;
    z-index: 1;
    border:2px solid #E5E5E5;
    border-radius: 50%;
}
#FT80 .main-inner .sub_container .ft_contents .terms-box>li .desc-list{margin-top: 1.0417vw;}
#FT80 .main-inner .sub_container .ft_contents .terms-box>li .desc-list>li{
    position: relative;
    padding-left: 0.6250vw;
    font-weight: 300;
    font-size: 1.0417vw;
    line-height: 1.68;
    letter-spacing: 0;
    color: #4B4B4B;
}
#FT80 .main-inner .sub_container .ft_contents .terms-box>li .desc-list>li:not(:last-child){margin-bottom:8px;}
#FT80 .main-inner .sub_container .ft_contents .terms-box>li .desc-list>li:after{
    content:'';
    position: absolute;
    width: 4px;
    height: 1px;
    background-color: #4B4B4B;
    left:0;
    top:0.7813vw;
}
#FT80 .main-inner .sub_container .ft_contents .email-box{margin: 6.25vw 0;}
#FT80 .main-inner .sub_container .ft_contents .email-box table{margin-top: 1.8750vw;}
#FT80 .main-inner .sub_container .ft_contents .email-box tbody,
#FT80 .main-inner .sub_container .ft_contents .email-box tr,
#FT80 .main-inner .sub_container .ft_contents .email-box td{display: flex;align-items: center;}
#FT80 .main-inner .sub_container .ft_contents .email-box tbody tr{width: 50%;border-bottom:1px solid #e5e5e5;}
#FT80 .main-inner .sub_container .ft_contents .email-box tbody tr:last-child{border-left:1px solid #e5e5e5;}
#FT80 .main-inner .sub_container .ft_contents .email-box tbody td{
    width: 50%;
    padding: 1.8750vw 2.0833vw;
    color:#151515;
    font-weight: 300;
    font-size: 1.0417vw;
    line-height: 1.68;
    letter-spacing: 0;

}
#FT80 .main-inner .sub_container .ft_contents .email-box tbody td span{
    position: relative;
    display: inline-block;
    margin-left: 12px;
    padding-left: 12px;
}
#FT80 .main-inner .sub_container .ft_contents .email-box tbody td span::before{
    content:'';
    position: absolute;
    width: 1px;
    height: 16px;
    background-color: #b8b8b8;
    top:50%;transform: translateY(-50%); left:0;
}
#FT80 .main-inner .sub_container .ft_contents .email-box .desc{margin-top: 1.8750vw;}
#FT80 .main-inner .sub_container .ft_contents .email-box .desc p{
    font-weight: 300;
    font-size: 1.0417vw;
    line-height: 1.68;
    letter-spacing: 0;
    color:#4B4B4B;
}
#FT80 .main-inner .sub_container .ft_contents .email-box .desc p:not(:last-child){margin-bottom:8px;}

#FT80 .main-inner .sub_container .ft_contents .contact-box{position: relative;}
#FT80 .main-inner .sub_container .ft_contents .contact-box thead{background-color: #f5f5f5;}
#FT80 .main-inner .sub_container .ft_contents .contact-box thead th,
#FT80 .main-inner .sub_container .ft_contents .contact-box tbody td{
    text-align: center;
    font-size: 0.9375vw;
    line-height: 1.4;
    letter-spacing: 0;
    padding: 1.9531vw 0;
    border-bottom:1px solid #e5e5e5;
}
#FT80 .main-inner .sub_container .ft_contents .contact-box thead th{font-weight: 400;}
#FT80 .main-inner .sub_container .ft_contents .contact-box tbody td{font-weight: 300;width: calc(100% / 6);}
#FT80 .main-inner .sub_container .ft_contents .contact-box .b-r{border-right:1px solid #e5e5e5;}
#FT80 .main-inner .sub_container .ft_contents .contact-box .swiper-icon{
    opacity: 0;
    transition: opacity .3sease;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    width: 80px;
    height: 80px;
    background: url(/images/common/icon_swiper_mouse.png) no-repeat center center / contain;
    z-index: 10;
    pointer-events: none;
    animation: swiper-ic 2s infinitecubic-bezier(.41,.2,.53,.84);
}
@keyframes swiper-ic{
    0% {left: 45%;}
    50% {left: 55%;}
    100% {left: 45%;}
}

#FT80 .main-inner .sub_container .ft_contents .download-list{
    margin-top: 36px;
    display: flex;
    flex-direction: column;
    gap:40px;
}
#FT80 .main-inner .sub_container .ft_contents .download-list .download-btn{margin-top: 16px;}
#FT80 .main-inner .sub_container .ft_contents .download-list .download-btn .icon::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(1.0416666667vw, 20px);
    height: min(1.0416666667vw, 20px);
    background: url(../../images/common/icon-download-b.svg) no-repeat center /cover;
}


@media (max-width: 768px) {
    
    #FT80 .main-inner .sub_container{padding: 0;}
    #FT80 .main-inner .sub_container .ft_top,
    #FT80 .main-inner .sub_container .ft_contents > ol > li:not([data-index="4"]),
    #FT80 .main-inner .sub_container .ft_contents > ol > li[data-index="4"] > *{padding: 0 20px;}
    #FT80 .main-inner .sub_container .ft_top {
        margin: 20px 0 60px;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.72;
    }
    #FT80 .main-inner .sub_container .ft_top .fontHanwha{font-weight: 500;}
    #FT80 .main-inner .sub_container .ft_top .ft_print{display: none;}
    #FT80 .main-inner .sub_container .ft_contents > ol {gap: 60px;}
    #FT80 .main-inner .sub_container .ft_contents > ol > li > .m_h8{margin-bottom: 28px;}
    #FT80 .main-inner .sub_container .ft_contents > ol > li[data-index="3"] > .m_h8{margin-bottom: 48px;}


    #FT80 .main-inner .sub_container .ft_contents .schedule-box{padding: 24px 20px;gap: 16px;}
    #FT80 .main-inner .sub_container .ft_contents .schedule-box .item .date{font-size: 16px;line-height: 1.72;margin-top: 8px;}

    #FT80 .main-inner .sub_container .ft_contents .terms-box>li{padding: 24px 20px 24px 0;gap:16px;}
    #FT80 .main-inner .sub_container .ft_contents .terms-box>li>.num{
        width: 32px;
        height: 32px;
        font-size: 16px;
        line-height: 1.4;
        border:1.5px solid #E5E5E5;
    }
    #FT80 .main-inner .sub_container .ft_contents .terms-box > li:nth-child(-n+3) {align-items: start;}
    #FT80 .main-inner .sub_container .ft_contents .terms-box>li div{width: calc(100% - 68px); }
    #FT80 .main-inner .sub_container .ft_contents .terms-box>li .desc-list{margin-top:16px;}
    #FT80 .main-inner .sub_container .ft_contents .terms-box>li .desc-list>li{padding-left:9px;font-size: 16px;line-height: 1.72;}
    #FT80 .main-inner .sub_container .ft_contents .terms-box>li .desc-list>li:not(:last-child){margin-bottom:16px;}
    #FT80 .main-inner .sub_container .ft_contents .terms-box>li .desc-list>li:after{top:12px;}

    #FT80 .main-inner .sub_container .ft_contents li[data-index="3"] .m_point{display: inline-block;}
    #FT80 .main-inner .sub_container .ft_contents .email-box{margin: 48px 0;}
    #FT80 .main-inner .sub_container .ft_contents .email-box table{margin-top:28px;}
    #FT80 .main-inner .sub_container .ft_contents .email-box tbody {flex-direction: column;}
    #FT80 .main-inner .sub_container .ft_contents .email-box tbody tr{width: 100%;}
    #FT80 .main-inner .sub_container .ft_contents .email-box tbody tr:last-child{border-left:none;}
    #FT80 .main-inner .sub_container .ft_contents .email-box tbody td{padding:16px 0;font-size: 16px;line-height: 1.4;}
    #FT80 .main-inner .sub_container .ft_contents .email-box tbody td:first-child{padding-left:12px;flex-direction: column;align-items: start;}
    #FT80 .main-inner .sub_container .ft_contents .email-box tbody td span{display:block;margin: 0;padding: 0;color:#4b4b4b;}
    #FT80 .main-inner .sub_container .ft_contents .email-box tbody td span::before{display: none;}

    #FT80 .main-inner .sub_container .ft_contents .email-box .desc{margin-top:28px;}
    #FT80 .main-inner .sub_container .ft_contents .email-box .desc p{font-size: 16px;line-height: 1.72;}
    #FT80 .main-inner .sub_container .ft_contents .email-box .desc p:not(:last-child){margin-bottom:16px;}
    

    #FT80 .main-inner .sub_container .ft_contents .contact-box{overflow: auto;}
    #FT80 .main-inner .sub_container .ft_contents .contact-box table{min-width: 960px;}
    #FT80 .main-inner .sub_container .ft_contents .contact-box thead th,
    #FT80 .main-inner .sub_container .ft_contents .contact-box tbody td{font-size: 14px;line-height: 1.72;padding: 28px 0;}

    #FT80 .main-inner .sub_container .ft_contents .download-list{margin-top: 48px;gap:32px;}
    #FT80 .main-inner .sub_container .ft_contents .download-list .download-btn{margin-top: 16px;}
    #FT80 .main-inner .sub_container .ft_contents .download-list .download-btn .icon::before{width: 16px;height: 16px;}
    }



	/* 퇴직자 제증명 발급 */
	#FT50 form .category_btns .combo_wrap .input_box.on .combo_select.z-11{
	  z-index: 11;
	}
	#FT50 form .category_btns .combo_wrap .input_box.on .combo_select>ul{
	  max-height: min(13.33vw, 256px);
	  overflow-y: auto;
	  display: block;
	  height: 100%;
	}
	@media (min-width: 769px) and (max-width: 1023px) {
	  #FT50 form .category_btns .combo_wrap .input_box .combo_select{
	    top:111%;
	    width: 100%;
	  }
	  #FT50 form .category_btns .combo_wrap {
	    grid-column: 1/3;
	    width: 100%;
	    display: none;
	    margin-top: 0;
	    margin-bottom: 4px
	  }

	  #FT50 form .category_btns .combo_wrap.on {
	      display: grid
	  }

	  #FT50 form .category_btns .combo_wrap .input_box {
	      grid-column: 1/4
	  }
	}
	@media (max-width: 768px) {
	  #FT50 form .category_btns .combo_wrap .input_box.on .combo_select>ul{
	    max-height: 195px;
	  }

	}

/* FAQ /ft/ft70/ */
#FT70 .sub_container .sec_inner{max-width:none;width:100%;padding:0}
#FT70 .faq-board{margin-top:min(2.0833333333vw,40px);padding-bottom:min(6.25vw,120px)}
#FT70 .faq-board button{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;appearance:none}
#FT70 .faq-toolbar{display:flex;flex-direction:column;align-items:stretch;width:min(1920px,100%);max-width:1920px;margin:0 auto min(2.6041666667vw,50px);padding:0 min(6.25vw,120px);box-sizing:border-box}
#FT70 .faq-tabs{display:flex;flex-wrap:wrap;align-items:center;column-gap:min(1.6666666667vw,32px);row-gap:0;min-width:0}
#FT70 .faq-board .faq-tab{position:relative;margin:0;padding:0;color:#b8b8b8;font-size:min(1.6666666667vw,32px) !important;font-weight:700;line-height:min(2.6666666667vw,51.2px) !important;letter-spacing:-0.02em}
#FT70 .faq-board .faq-tab.is-active{color:#151515}
#FT70 .faq-search{position:relative;align-self:flex-end;width:min(27.5vw,528px);max-width:100%;margin-top:max(0px,calc(min(3.125vw,60px) - min(1.75vw,33.6px) - min(1.25vw,24px)));padding:min(.625vw,12px) min(1.875vw,36px) min(.625vw,12px) 0;border:0;border-bottom:1px solid #151515;background:transparent;box-sizing:border-box}
#FT70 .faq-search-input{width:100%;height:auto;padding:0;border:0;border-radius:0;background:none;color:#151515;font-weight:300;font-size:min(1.0416666667vw,20px);line-height:min(1.75vw,33.6px);box-sizing:border-box}
#FT70 .faq-search-input::placeholder{color:#b8b8b8}
#FT70 .faq-search-input:focus{outline:none}
#FT70 .faq-search .faq-search-btn{position:absolute;top:50%;right:0;width:min(1.875vw,36px);height:min(1.875vw,36px);padding:min(.3645833333vw,7px);border:0;background:url(/images/common/icon_search.svg) no-repeat center center/calc(100% - min(.3645833333vw,7px)) calc(100% - min(.3645833333vw,7px));transform:translateY(-50%);box-sizing:border-box}
#FT70 .faq-list{border-top:1px solid #e5e5e5}
#FT70 .faq-item{border-bottom:1px solid #e5e5e5}
#FT70 .faq-item[hidden]{display:none}
#FT70 .faq-q-wrap{margin:0;font-size:min(1.25vw,24px) !important;font-weight:400;line-height:min(2vw,38.4px) !important}
#FT70 .faq-board .faq-q-btn{display:flex;align-items:center;gap:10px;width:min(1920px,100%);max-width:1920px;min-height:72px;margin:0 auto;padding:22px min(6.25vw,120px) !important;box-sizing:border-box;text-align:left;font-size:min(1.25vw,24px) !important;line-height:min(2vw,38.4px) !important}
#FT70 .faq-mark{flex:0 0 auto;color:#151515;font-weight:500}
#FT70 .faq-board .faq-q-btn .faq-mark{align-self:flex-start}
#FT70 .faq-q-txt{flex:1 1 auto;color:#151515;font-size:min(1.25vw,24px) !important;font-weight:400;line-height:min(2vw,38.4px) !important;letter-spacing:-0.02em;word-break:keep-all}
#FT70 .faq-arrow{flex:0 0 auto;width:10px;height:10px;margin-right:0;border-right:1.5px solid #151515;border-bottom:1.5px solid #151515;transform:translateY(-2px) rotate(45deg);transition:transform .4s ease}
#FT70 .faq-item.is-open .faq-q-btn .faq-mark{color:#FF6600}
#FT70 .faq-item.is-open .faq-arrow{transform:translateY(3px) rotate(-135deg)}
#FT70 .faq-a{height:0;overflow:hidden;background:#f4f4f4;transition:height .4s ease}
#FT70 .faq-a-row{display:flex;align-items:flex-start;gap:10px;width:min(1920px,100%);max-width:1920px;margin:0 auto;padding:28px min(6.25vw,120px);box-sizing:border-box}
#FT70 .faq-a p{flex:1 1 auto;min-width:0;width:auto;max-width:none;margin:0;padding:0 !important;color:#4b4b4b;font-size:min(1.25vw,24px) !important;font-weight:300;line-height:min(2vw,38.4px) !important;text-indent:0 !important;word-break:keep-all}
#FT70 .faq-a .faq-mark{margin:0;color:#FF6600;font-size:min(1.25vw,24px) !important;line-height:min(2vw,38.4px) !important}
#FT70 .faq-empty{margin:0;padding:72px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;color:#4b4b4b;font-size:18px;font-weight:300;text-align:center}
#FT70 .faq-empty[hidden],#FT70 .faq-paginate[hidden],#FT70 .faq-list[hidden]{display:none}
#FT70 .faq-paginate{display:flex;align-items:center;justify-content:center;width:100%;column-gap:min(3.5416666667vw,68px);margin-top:min(5.625vw,108px)}
#FT70 .faq-nev{display:flex;position:relative;gap:min(1.25vw,24px)}
#FT70 .faq-nev.is-disabled{opacity:30%;pointer-events:none}
#FT70 .faq-board .faq-page-btn{width:min(1.6666666667vw,32px);height:min(1.6666666667vw,32px);transform-origin:center center;background:url(/images/common/icon_arrow_btn.svg) no-repeat center center/contain}
#FT70 .faq-board .faq-page-first,#FT70 .faq-board .faq-page-last{background:url(/images/common/icon_arrow_2x_btn.svg) no-repeat center center/contain}
#FT70 .faq-board .faq-page-first,#FT70 .faq-board .faq-page-prev{transform:rotate(180deg)}
#FT70 .faq-page-box{display:flex;align-items:center;justify-content:center;width:min(11.25vw,216px);gap:0 min(1.0416666667vw,20px)}
#FT70 .faq-num{position:relative;padding:min(.2083333333vw,4px) min(.4166666667vw,8px);color:#151515;background:none;font-size:min(.9375vw,18px) !important;font-weight:300;line-height:min(1.3125vw,25.2px) !important;opacity:30%}
#FT70 .faq-num span{position:relative;display:inline-block}
#FT70 .faq-num span:after{content:"";position:absolute;left:0;bottom:0;width:0%;height:min(.1041666667vw,2px);background:#151515;transition:all .5s ease}
#FT70 .faq-num.is-active{opacity:100%}
#FT70 .faq-num.is-active span:after{width:100%}
#FT70 .faq-q-btn:focus-visible,#FT70 .faq-tab:focus-visible,#FT70 .faq-num:focus-visible,#FT70 .faq-page-btn:focus-visible{outline:2px solid #151515;outline-offset:2px}
@media (max-width:1023px){
  #FT70 .faq-toolbar{padding:0 50px;margin-bottom:44px}
  #FT70 .faq-search{margin-top:0}
  #FT70 .faq-tabs{column-gap:20px}
  #FT70 .faq-board .faq-tab{font-size:20px !important;line-height:1.6 !important}
  #FT70 .faq-search{width:30.4761904762%;padding:8px 24px 8px 0}
  #FT70 .faq-search .faq-search-btn{width:24px;height:24px;padding:4px;background-size:calc(100% - 4px) calc(100% - 4px)}
  #FT70 .faq-search-input{font-size:14px;line-height:1.68}
  #FT70 .faq-q-wrap,#FT70 .faq-board .faq-q-btn,#FT70 .faq-q-txt{font-size:16px !important;line-height:1.6 !important}
  #FT70 .faq-board .faq-q-btn{padding:22px 50px !important}
  #FT70 .faq-a-row{padding:28px 50px}
  #FT70 .faq-a p,#FT70 .faq-a .faq-mark{font-size:16px !important;line-height:1.6 !important}
  #FT70 .faq-paginate{column-gap:40px;margin-top:64px}
  #FT70 .faq-nev{gap:12px}
  #FT70 .faq-board .faq-page-btn{width:20px;height:20px}
  #FT70 .faq-page-box{width:auto;gap:12px}
  #FT70 .faq-num{padding:4px 6px;font-size:14px !important;line-height:1.4 !important}
  #FT70 .faq-num span:after{height:2px}
}
@media (max-width:768px){
  #FT70 .faq-toolbar{padding:0 20px;margin-bottom:40px}
  #FT70 .faq-search{margin-top:20px}
  #FT70 .faq-board .faq-tab{font-size:20px !important;line-height:1.56 !important}
  #FT70 .faq-search{width:100%;padding:12px 28px 12px 0}
  #FT70 .faq-search-input{font-size:16px;line-height:27.52px}
  #FT70 .faq-search .faq-search-btn{width:28px;height:28px;padding:3px;background-size:calc(100% - 3px) calc(100% - 3px)}
  #FT70 .faq-q-wrap,#FT70 .faq-board .faq-q-btn,#FT70 .faq-q-txt{font-size:18px !important;line-height:28.08px !important}
  #FT70 .faq-board .faq-q-btn{min-height:64px;padding:18px 20px !important}
  #FT70 .faq-a-row{padding:22px 20px}
  #FT70 .faq-a p,#FT70 .faq-a .faq-mark{font-size:18px !important;line-height:28.08px !important}
}

/* Social Hub /media/social/ */
#SOCIAL .social-search{position:relative;width:min(27.5vw,528px);max-width:100%;margin:0 0 min(2.6041666667vw,50px) auto;padding:min(.625vw,12px) min(1.875vw,36px) min(.625vw,12px) 0;border:0;border-bottom:1px solid #151515;background:transparent;box-sizing:border-box}
#SOCIAL .social-search-input{width:100%;height:auto;padding:0;border:0;border-radius:0;background:none;color:#151515;font-weight:300;font-size:min(1.0416666667vw,20px);line-height:min(1.75vw,33.6px);box-sizing:border-box}
#SOCIAL .social-search-input::placeholder{color:#b8b8b8}
#SOCIAL .social-search-input:focus{outline:none}
#SOCIAL .social-search .social-search-btn{position:absolute;top:50%;right:0;width:min(1.875vw,36px);height:min(1.875vw,36px);padding:min(.3645833333vw,7px);border:0;background:url(/images/common/icon_search.svg) no-repeat center center/calc(100% - min(.3645833333vw,7px)) calc(100% - min(.3645833333vw,7px));transform:translateY(-50%);box-sizing:border-box;cursor:pointer}
#SOCIAL .social-board{padding-top:min(2.0833333333vw,40px);padding-bottom:min(6.25vw,120px)}
#SOCIAL .social-board button{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;appearance:none}
#SOCIAL .social-list{margin:0;padding:0;list-style:none;border-top:1px solid #e5e5e5}
#SOCIAL .social-item{border-bottom:1px solid #e5e5e5}
#SOCIAL .social-item[hidden]{display:none}
#SOCIAL .social-card{display:flex;align-items:center;gap:min(2.5vw,48px);padding:min(2.0833333333vw,40px) 0;color:inherit;text-decoration:none}
#SOCIAL .social-thumb{position:relative;flex:0 0 min(27.5vw,528px);width:min(27.5vw,528px);aspect-ratio:132/79;overflow:hidden;background:#f4f4f4;border:1px solid #D7D7D7;box-sizing:border-box}
#SOCIAL a.social-thumb{display:block;color:inherit;text-decoration:none}
#SOCIAL .social-thumb img{width:100%;height:100%;display:block;object-fit:cover}
#SOCIAL .social-body{min-width:0}
#SOCIAL .social-logos{display:flex;align-items:center;gap:8px;margin:0 0 12px}
#SOCIAL .social-logos a{display:block;line-height:0}
#SOCIAL .social-logo{display:block;width:32px;height:32px;margin:0;object-fit:contain}
#SOCIAL .social-copy{display:block;color:inherit;text-decoration:none}
#SOCIAL .social-tit{margin:0 0 12px;color:#151515;font-size:min(1.25vw,24px) !important;font-weight:700;line-height:min(2vw,38.4px) !important;letter-spacing:-0.02em;word-break:keep-all}
#SOCIAL .social-sum{margin:0 0 16px;padding:0 !important;color:#4b4b4b;font-size:min(1.0416666667vw,20px) !important;font-weight:300;line-height:min(1.75vw,33.6px) !important;text-indent:0 !important;word-break:keep-all}
#SOCIAL .social-date{display:block;color:#767676;font-size:14px;font-weight:300;line-height:1.6}
#SOCIAL .social-empty{margin:0;padding:72px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;color:#4b4b4b;font-size:18px;font-weight:300;text-align:center}
#SOCIAL .social-empty[hidden],#SOCIAL .social-paginate[hidden],#SOCIAL .social-list[hidden]{display:none}
#SOCIAL .social-paginate{display:flex;align-items:center;justify-content:center;width:100%;column-gap:min(3.5416666667vw,68px);margin-top:min(5.625vw,108px)}
#SOCIAL .social-nev{display:flex;position:relative;gap:min(1.25vw,24px)}
#SOCIAL .social-nev.is-disabled{opacity:30%;pointer-events:none}
#SOCIAL .social-board .social-page-btn{width:min(1.6666666667vw,32px);height:min(1.6666666667vw,32px);transform-origin:center center;background:url(/images/common/icon_arrow_btn.svg) no-repeat center center/contain}
#SOCIAL .social-board .social-page-first,#SOCIAL .social-board .social-page-last{background:url(/images/common/icon_arrow_2x_btn.svg) no-repeat center center/contain}
#SOCIAL .social-board .social-page-first,#SOCIAL .social-board .social-page-prev{transform:rotate(180deg)}
#SOCIAL .social-page-box{display:flex;align-items:center;justify-content:center;width:min(11.25vw,216px);gap:0 min(1.0416666667vw,20px)}
#SOCIAL .social-num{position:relative;padding:min(.2083333333vw,4px) min(.4166666667vw,8px);color:#151515;background:none;font-size:min(.9375vw,18px) !important;font-weight:300;line-height:min(1.3125vw,25.2px) !important;opacity:30%}
#SOCIAL .social-num span{position:relative;display:inline-block}
#SOCIAL .social-num span:after{content:"";position:absolute;left:0;bottom:0;width:0%;height:min(.1041666667vw,2px);background:#151515;transition:all .5s ease}
#SOCIAL .social-num.is-active{opacity:100%}
#SOCIAL .social-num.is-active span:after{width:100%}
#SOCIAL .social-num:focus-visible,#SOCIAL .social-page-btn:focus-visible,#SOCIAL .social-thumb:focus-visible,#SOCIAL .social-copy:focus-visible,#SOCIAL .social-logos a:focus-visible{outline:2px solid #151515;outline-offset:2px}
@media (max-width:1023px){
  #SOCIAL .social-search{width:30.4761904762%;padding:8px 24px 8px 0}
  #SOCIAL .social-search .social-search-btn{width:24px;height:24px;padding:4px;background-size:calc(100% - 4px) calc(100% - 4px)}
  #SOCIAL .social-search-input{font-size:14px;line-height:1.68}
  #SOCIAL .social-tit{font-size:16px !important;line-height:1.6 !important}
  #SOCIAL .social-sum{font-size:14px !important;line-height:23.52px !important}
  #SOCIAL .social-paginate{column-gap:40px;margin-top:64px}
  #SOCIAL .social-nev{gap:12px}
  #SOCIAL .social-board .social-page-btn{width:20px;height:20px}
  #SOCIAL .social-page-box{width:auto;gap:12px}
  #SOCIAL .social-num{padding:4px 6px;font-size:14px !important;line-height:1.4 !important}
  #SOCIAL .social-num span:after{height:2px}
}
@media (max-width:768px){
  #SOCIAL .social-search{width:100%;margin-bottom:32px;padding:12px 28px 12px 0}
  #SOCIAL .social-search-input{font-size:16px;line-height:27.52px}
  #SOCIAL .social-search .social-search-btn{width:28px;height:28px;padding:3px;background-size:calc(100% - 3px) calc(100% - 3px)}
  #SOCIAL .social-card{flex-direction:column;align-items:stretch;gap:16px;padding:24px 0}
  #SOCIAL .social-thumb{flex-basis:auto;width:100%}
  #SOCIAL .social-tit{font-size:18px !important;line-height:28.08px !important}
  #SOCIAL .social-sum{font-size:16px !important;line-height:27.52px !important}
}

/* 특수선 함종 페이지 제목 위 표기. 글자·간격은 기업안내 작은 제목과 같은 단계. */
[data-path="specialShip"] .top_tit_area:has(.ship-cat){margin-top:calc((min(1.4583333333vw,28px) * 1.3 + 20px) * -1)}
[data-path="specialShip"] .top_tit-inner:has(.ship-cat){padding-top:calc(min(1.4583333333vw,28px) * 1.3 + 20px)}
[data-path="specialShip"] .top_tit-inner > .sub_top_tit{grid-column:1;grid-row:1}
[data-path="specialShip"] .ship-cat{position:absolute;left:0;top:0;margin:0;color:inherit;font-size:min(1.4583333333vw,28px);font-weight:400;line-height:1.3;letter-spacing:-0.02em}
@media (max-width:1023px){
  [data-path="specialShip"] .top_tit_area:has(.ship-cat){margin-top:calc((18px * 1.68 + 24px) * -1)}
  [data-path="specialShip"] .top_tit-inner:has(.ship-cat){padding-top:calc(18px * 1.68 + 24px)}
  [data-path="specialShip"] .ship-cat{font-size:18px;line-height:1.68}
}
@media (max-width:768px){
  [data-path="specialShip"] .top_tit_area:has(.ship-cat){margin-top:calc((14px * 1.4 + 20px) * -1)}
  [data-path="specialShip"] .top_tit-inner:has(.ship-cat){padding-top:calc(14px * 1.4 + 20px)}
  [data-path="specialShip"] .ship-cat{font-size:14px;line-height:1.4}
}
@media (min-width:1024px){
  [data-path="specialShip"] .top_tit_area:has(.ship-cat){margin-top:calc((min(2.45vw,47.04px) + min(2.0833333333vw,40px)) * -1)}
  [data-path="specialShip"] .top_tit-inner:has(.ship-cat){padding-top:calc(min(2.45vw,47.04px) + min(2.0833333333vw,40px))}
  [data-path="specialShip"] .ship-cat{line-height:min(2.45vw,47.04px)}
}

/* 해양 페이지 제목 위 표기. 제목 칸 높이는 늘리지 않고 큰 제목 글자만 아래로 민다. 굵기·줄높이는 기업안내와 같게. */
[data-path="sea"] .top_tit-inner > .sub_top_tit{grid-column:1;grid-row:1;position:relative;top:calc(min(1.4583333333vw,28px) * 1.3 + 20px)}
[data-path="sea"] .sea-cat{position:absolute;left:0;top:0;margin:0;color:inherit;font-size:min(1.4583333333vw,28px);font-weight:400;line-height:1.3;letter-spacing:-0.02em}
@media (max-width:1023px){
  [data-path="sea"] .top_tit-inner > .sub_top_tit{top:calc(18px * 1.68 + 24px)}
  [data-path="sea"] .sea-cat{font-size:18px;line-height:1.68}
}
@media (max-width:768px){
  [data-path="sea"] .sea-cat{position:static;display:block;margin:0 0 20px;font-size:14px;line-height:1.4}
  [data-path="sea"] .top_tit-inner > .sub_top_tit{top:0}
}
@media (min-width:1024px){
  [data-path="sea"] .top_tit-inner > .sub_top_tit{top:calc(min(2.45vw,47.04px) + min(2.0833333333vw,40px))}
  [data-path="sea"] .sea-cat{line-height:min(2.45vw,47.04px)}
}
/* 400 이하에서는 제목 칸 간격을 줄여 사진이 작은 제목까지 덮게 한다. */
@media (max-width:400px){
  [data-path="sea"] .sub_top .top_tit-inner .desc,
  [data-path="specialShip"] .sub_top .top_tit-inner .desc{margin-top:8px}
  [data-path="sea"] .sub_top .top_tit-inner .desc p,
  [data-path="specialShip"] .sub_top .top_tit-inner .desc p{line-height:1.4}
  [data-path="sea"] .sub_top .top_tit-inner .desc .m_btn[line=round],
  [data-path="specialShip"] .sub_top .top_tit-inner .desc .m_btn[line=round]{margin-top:8px}
}
/* 영문 시추설비·신재생에너지 제목이 두 줄이 되면 제목 칸이 커져 사진이 작은 제목에서 멈춘다. 한 줄로 맞춰 국문과 같은 높이로 둔다. */
@media (min-width:1024px){
  html[lang=en] [data-path="sea"].sea-h2 .sub_top_tit{font-size:min(3.75vw,72px)!important;white-space:nowrap}
}
/* 작은 제목의 음수 여백이 사진을 버튼 쪽으로 끌어올리므로, 그 높이만큼 제목 아래 여백을 더해 상선과 같은 간격으로 되돌린다. */
@media (min-width:1024px){
  [data-path="specialShip"] .sub_top .top_tit-inner:has(.ship-cat){padding-bottom:calc(min(25.78125vw,495px) + min(2.45vw,47.04px) + min(2.0833333333vw,40px))}
}
@media (min-width:769px) and (max-width:1023px){
  [data-path="specialShip"] .sub_top .top_tit-inner:has(.ship-cat){padding-bottom:calc(312px + 18px * 1.68 + 24px)}
}
/* 가로 전체(1680px 이상)에서는 제목 아래 여백이 495px에서 멈춘다.
   상선·풍력·플랜트는 스크롤 끝의 흰 칸을 피하도록 상한만 낮춘다.
   해양은 상선과 같은 360px. 특수선은 작은 제목 높이(87.04px)를 더해 버튼과 사진 간격을 상선과 맞춘다. */
@media (min-width:1680px){
  [data-path="cs"] .sub_top .top_tit-inner{padding-bottom:360px}
  [data-path="wp"] .sub_top .top_tit-inner{padding-bottom:400px}
  [data-path="pl"] .sub_top .top_tit-inner{padding-bottom:450px}
  [data-path="sea"] .sub_top .top_tit-inner{padding-bottom:360px}
  [data-path="specialShip"] .sub_top .top_tit-inner:has(.ship-cat){padding-bottom:calc(360px + 47.04px + 40px)}
}
/* What we do 사진 위 제목·설명. 설명을 제목과 같은 줄에 두고 첫 글자 높이를 맞춘다. 작은 제목 간격과 사진 위치는 그대로 둔다. */
.WWD-list .sub_top .top_tit-inner .desc{grid-row:1;align-self:start}
@media (min-width:1024px){
  .WWD-list .sub_top .top_tit-inner .desc{margin-top:calc((min(5.6vw,107.52px) - min(2vw,38.4px)) / 2 - (min(4.375vw,84px) - min(1.25vw,24px)) * 0.367)}
  [data-path="sea"] .sub_top .top_tit-inner .desc{margin-top:calc(min(2.45vw,47.04px) + min(2.0833333333vw,40px) + (min(5.6vw,107.52px) - min(2vw,38.4px)) / 2 - (min(4.375vw,84px) - min(1.25vw,24px)) * 0.367)}
  html[lang=en] [data-path="sea"].sea-h2 .sub_top .top_tit-inner .desc{margin-top:calc(min(2.45vw,47.04px) + min(2.0833333333vw,40px) + (min(5.6vw,107.52px) - min(2vw,38.4px)) / 2 - (min(3.75vw,72px) - min(1.25vw,24px)) * 0.367)}
}
@media (min-width:769px) and (max-width:1023px){
  .WWD-list .sub_top .top_tit-inner .desc{margin-top:calc((66.56px - 22px) / 2 - (52px - 15px) * 0.367)}
  [data-path="sea"] .sub_top .top_tit-inner .desc{margin-top:calc(18px * 1.68 + 24px + (66.56px - 22px) / 2 - (52px - 15px) * 0.367)}
}

/* 재무제표 페이지 제목 위 표기. 연결·별도·영문 감사보고서 페이지에만 적용 */
#IN .fi-cat,#CON .fi-cat,#AR .fi-cat{margin:0 0 20px;color:inherit;font-size:min(1.4583333333vw,28px);font-weight:400;line-height:1.3;letter-spacing:-0.02em}
html[lang=ko] #IN .sub_top .sub_top_tit{margin-left:-0.053em}
html[lang=ko] #CON .sub_top .sub_top_tit{margin-left:-0.101em}
@media (max-width:1023px){
  #IN .fi-cat,#CON .fi-cat,#AR .fi-cat{font-size:18px;line-height:1.68;margin-bottom:24px}
}
@media (max-width:768px){
  #IN .fi-cat,#CON .fi-cat,#AR .fi-cat{font-size:14px;line-height:1.4;margin-bottom:20px}
}
@media (min-width:1024px){
  #IN .fi-cat,#CON .fi-cat,#AR .fi-cat{margin-bottom:min(2.0833333333vw,40px);line-height:min(2.45vw,47.04px)}
}

/* 전자공고 목록 제목 위 표기. 공고·사업보고서·감사보고서 페이지에만 적용 */
#ANN .ann-cat,#BR .ann-cat,#AR .ann-cat{margin:0 0 20px;color:inherit;font-size:min(1.4583333333vw,28px);font-weight:400;line-height:1.3;letter-spacing:-0.02em}
@media (max-width:1023px){
  #ANN .ann-cat,#BR .ann-cat,#AR .ann-cat{font-size:18px;line-height:1.68;margin-bottom:24px}
}
@media (max-width:768px){
  #ANN .ann-cat,#BR .ann-cat,#AR .ann-cat{font-size:14px;line-height:1.4;margin-bottom:20px}
}
@media (min-width:1024px){
  #ANN .ann-cat,#BR .ann-cat,#AR .ann-cat{margin-bottom:min(2.0833333333vw,40px);line-height:min(2.45vw,47.04px)}
}

/* 큰 제목 첫 글자가 위 표기보다 안으로 들어간 페이지만 맞춤 */
html[lang=ko] #WWD-DES .sub_top .sub_top_tit,
html[lang=ko] #WWD-FRI .sub_top .sub_top_tit,
html[lang=ko] #WWD-COR .sub_top .sub_top_tit,
html[lang=ko] #WWD-UNM .sub_top .sub_top_tit,
html[lang=ko] #WWD-GS .sub_top .sub_top_tit{margin-left:-0.028em}
html[lang=ko] #WWD-AUX .sub_top .sub_top_tit{margin-left:-0.038em}
html[lang=ko] #WWD-MRO .sub_top .sub_top_tit{margin-left:-0.045em}
html[lang=en] #WWD-DES .sub_top .sub_top_tit,
html[lang=en] #WWD-FRI .sub_top .sub_top_tit,
html[lang=en] #WWD-COR .sub_top .sub_top_tit,
html[lang=en] #WWD-UNM .sub_top .sub_top_tit,
html[lang=en] #WWD-GS .sub_top .sub_top_tit{margin-left:-0.038em}