@charset "utf-8";


html{overflow-y:scroll}
body{margin:0;padding:0;font-size:0.75em;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img{margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6{font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
ul, dl,dt,dd{margin:0;padding:0;list-style:none}
legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img{vertical-align:middle;font-size:1em}
input, button{margin:0;padding:0;font-size:1em}
input[type="submit"]{cursor:pointer}
button{cursor:pointer}
textarea, select{font-size:1em}
select{margin:0}
p{margin:0;padding:0;word-break:break-all}
hr{display:none}
pre{overflow-x:scroll;font-size:1.1em}
a{color:#000;text-decoration:none}
*, :after, :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input[type=text],input[type=password], textarea{-webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;-ms-transition:all 0.30s ease-in-out;-o-transition:all 0.30s ease-in-out;outline:none}
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus{-webkit-box-shadow:0 0 5px #9ed4ff;-moz-box-shadow:0 0 5px #9ed4ff;box-shadow:0 0 5px #9ed4ff;border:1px solid #558ab7 !important}

.sub_tab_content div.ss_menu {display:none}
.sub_tab_content div.ss_menu:nth-of-type(1) {display:block}
.sub_tab_menu {margin:100px 0 60px}
.sub_tab_menu ul {display:flex;align-items:center;flex-wrap:wrap}
.sub_tab_menu ul li {width:49%;margin-right:2%}
.sub_tab_menu ul li a {display:block;font-size:20px;font-weight:600;line-height:1.5;padding:15px;text-align:center;cursor:pointer;border-radius:10px;border:1px solid #158c50}
.sub_tab_menu ul li a.on {background:#158c50;color:#fff}
.sub_tab_menu ul li:last-child {margin-right:0}

@media (max-width: 1024px) {
.sub_tab_menu {margin:80px 0 50px}
.sub_tab_menu ul li a {font-size:18px;padding:12px}
}

@media (max-width: 768px) {
}

@media (max-width: 425px) {
.sub_tab_menu ul li a {font-size:16px;padding:12px}
.sub_tab_menu {margin:60px 0 40px}
}

.placeholdersjs{color:#aaa !important}
.is-hidden{display:none !important}
.is-visible{display:block !important}
.pc-only{display:none}
.mobile-only{display:block}
.pc1024 {display:block}
.mobile1024 {display:none}
#hd_pop{z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops{position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img{max-width:100%}
.hd_pops_footer{padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after{display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button{padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}
#hd_h1{position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb{border-bottom:1px solid #383838;margin:0 auto}
#tnb:after{display:block;visibility:hidden;clear:both;content:""}
#tnb .inner{margin:0 auto}
.hd_sch_wr{float:left;padding:30px 0;width:445px;margin-left:65px}
#hd_sch h3{position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch{border-radius:30px;overflow:hidden}
#hd_sch #sch_stx{float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff}
#hd_sch #sch_submit{float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px}
#hd_define{float:left}
#hd_define:after{display:block;visibility:hidden;clear:both;content:""}
#hd_define li{float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_define li:last-child{padding-right:0;margin-right:0;border-right:0}
#hd_define li a{display:inline-block;color:#919191}
#hd_define li.active a{color:#fff}
#hd_qnb{float:right;text-align:right}
#hd_qnb:after{display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li{float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_qnb li:last-child{padding-right:0;margin-right:0;border-right:0}
#hd_qnb li span{display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a{display:inline-block;color:#919191}
#hd_qnb .visit .visit-num{display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px}
.hd_login{position:absolute;right:0;top:60px}
.hd_login li{float:left;margin:0 5px;border-left:1px solid #616161;padding-left:10px;line-height:13px}
.hd_login li:first-child{border-left:0}
.hd_login a{color:#fff}
#gnb{position:relative;font-family:var(--sfont);padding-right:15px}
#gnb > h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap{margin:0 auto;position:relative}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb_1dul{font-size:1.1rem;padding:0;zoom:1}
#gnb ul:after{display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli{float:left;line-height:55px;padding:0px;position:relative}
#hd .gnb_1dli .bg{position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('./images/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
#hd .gnb_1da{display:block;padding:0 15px;color:#fff;text-decoration:none;transition:all 0.45s}
#hd .gnb_2dli:first-child{border:0}
#hd .gnb_2dul{display:none;position:absolute;top:calc(100% + 30px);min-width:140px;padding-top:2px}
#hd .gnb_2da{display:block;padding:0 10px;line-height:40px;color:#fff;text-align:center;text-decoration:none;font-size:1rem}
#hd .gnb_2da:focus, .gnb_2da:hover{color:#fff}
#hd .gnb_1dli_over .gnb_2dul{display:block;left:50%;transform:translateX(-50%)}
#hd .gnb_1dli_over2 .gnb_2dul{display:block;right:50%;transform:translateX(50%)}
#aside{float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}
.lt_wr{width:32%}
.lt_wr:nth-child(3n+1){clear:both}
.latest_wr{margin-bottom:20px}
.latest_wr:after{display:block;visibility:hidden;clear:both;content:""}
.latest_top_wr{margin:0 -10px 20px}
.latest_top_wr:after{display:block;visibility:hidden;clear:both;content:""}
#ft{background:#212020;margin:0 auto;text-align:center}
#ft h1{position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr{max-width:1240px;margin:0;padding:40px 0;position:relative;display:inline-block;text-align:left}
#ft_wr:after{display:block;visibility:hidden;clear:both;content:""}
#ft_wr .ft_cnt{width:25%;float:left;padding:0 20px}
#ft_link{text-align:left}
#ft_link a{display:block;color:#fff;line-height:2em;font-weight:bold}
#ft_company h2{font-size:1.2em;margin-bottom:20px}
#ft_company{font-weight:normal;color:#e3e3e3;line-height:2em}
#ft_catch{margin:20px 0 10px}
#ft_copy{text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}
/* #top_btn{position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5);border-radius:8px} */
#top_btn{border: none; outline: none; background: none;}
#top_btn{position:fixed;bottom:20px;right:35px;/*width:50px;*/height:80px;line-height:46px;z-index:100;}
#top_btn img{height: 100%}
/* #top_btn:hover{border-color:var(--mc);background:var(--mc);color:#fff} */
#copymove .win_desc{text-align:center;display:block}
#copymove .tbl_wrap{margin:20px}
#copymove .win_btn{padding:0 20px 20px}
.copymove_current{float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg{background:#f4f4f4}
#hd_login_msg{position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only{display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
#skip_to_container a{z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active{width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}
.img_fix{width:100%;height:auto}
#captcha{display:inline-block;position:relative}
#captcha legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img{height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3{margin:0;padding:0;width:40px;height:40px;border:0;background:url('../img/captcha2.png') no-repeat;vertical-align:middle;overflow:hidden;cursor:pointer;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload{margin:0;padding:0;width:40px;height:40px;border:0;background:url('../img/captcha2.png') no-repeat 0 -40px;vertical-align:middle;overflow:hidden;cursor:pointer;text-indent:-999px;border-radius:3px}
#captcha #captcha_key{margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info{display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha audio{display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img{width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload{position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:url('../img/captcha2.png') no-repeat 0 -40px;vertical-align:middle;overflow:hidden;cursor:pointer;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none}
#captcha.m_captcha #captcha_key{margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info{display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3{width:31px;height:31px;background:url('../img/captcha2.png') no-repeat 0 0;vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}
.cke_sc{margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def{margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after{display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd{float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt{width:20%;font-weight:bold}
.cke_sc_def dd{width:30%}
#bo_v_con ul{display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol{display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li{display:list-item}
a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;-webkit-transition:background-color 0.3s ease-out;-moz-transition:background-color 0.3s ease-out;-o-transition:background-color 0.3s ease-out;transition:background-color 0.3s ease-out}
a.btn01{display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover{text-decoration:none}
button.btn01{display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02{display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover{text-decoration:none}
button.btn02{display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
.btn_confirm{text-align:right}
.btn_submit{border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover{background:#2375eb}
.btn_close{border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close{text-align:center;line-height:50px}
a.btn_cancel{display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel{display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover{background:#aaa}
a.btn_frmline, button.btn_frmline{display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top}
button.btn_frmline{font-size:1em}
a.btn_b01,.btn_b01{display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover{color:#000}
a.btn_b02,.btn_b02{display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover{background:#0025eb}
a.btn_b03, .btn_b03{display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover{background:#ebedf6}
a.btn_b04, .btn_b04{display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover{color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin{display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle}
.btn_admin:hover, a.btn_admin:hover{color:#ff3746}
.tbl_wrap table{width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
.tbl_wrap caption{padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01{margin:0 0 10px}
.tbl_head01 caption{padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th{padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input{vertical-align:top}
.tbl_head01 tfoot th, .tbl_head01 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th{padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td{color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td{background:#fafafa}
.tbl_head01 a:hover{text-decoration:underline}
.tbl_head02{margin:0 0 10px}
.tbl_head02 caption{padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th{padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a{color:#383838}
.tbl_head02 thead th input{vertical-align:top}
.tbl_head02 tfoot th, .tbl_head02 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th{padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td{padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_frm01{margin:0 0 20px}
.tbl_frm01 table{width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th{width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td{padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input{border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.tbl_frm01 textarea{padding:2px 2px 3px}
.frm_input{height:40px}
.full_input{width:100%}
.half_input{width:49.5%}
.twopart_input{width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea{width:100%;height:100px}
.tbl_frm01 a{text-decoration:none}
.tbl_frm01 .frm_file{display:block;margin-bottom:5px}
.tbl_frm01 .frm_info{display:block;padding:0 0 5px;line-height:1.4em}
.frm_info.add_info{margin-top:10px !important;padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:6px;line-height:1.6}
.btn_info_toggle{display:block;margin:5px 0 0 21px;font-size:12px;color:#3f51b5;background:none;border:none;cursor:pointer;text-decoration:underline}
.list_01 ul{border-top:1px solid #ececec}
.list_01 li{border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd){background:#f6f6f6}
.list_01 li:after{display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}
.form_01 h2{font-size:1.167em}
.form_01 li{margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after{display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input{float:left}
.form_01 .margin_input{margin-right:1%}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}
.empty_table{padding:50px 0 !important;text-align:center}
.empty_list{padding:20px 0 !important;color:#666;text-align:center}
.required, textarea.required{background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}
.td_board{width:80px;text-align:center}
.td_category{width:80px;text-align:center}
.td_chk{width:30px;text-align:center}
.td_date{width:60px;text-align:center}
.td_datetime{width:110px;text-align:center}
.td_group{width:80px;text-align:center}
.td_mb_id{width:100px;text-align:center}
.td_mng{width:80px;text-align:center}
.td_name{width:100px;text-align:left}
.td_nick{width:100px;text-align:center}
.td_num{width:50px;text-align:center}
.td_numbig{width:80px;text-align:center}
.td_stat{width:60px;text-align:center}
.txt_active{color:#5d910b}
.txt_done{color:#e8180c}
.txt_expired{color:#ccc}
.txt_rdy{color:#8abc2a}
.new_win{position:relative}
.new_win .tbl_wrap{margin:0 20px}
.new_win #win_title{font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv{font-size:0.75em;line-height:1.2em}
.new_win .win_ul{margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after{display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child{margin-left:0}
.new_win .win_ul li a{display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected{background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#fff;font-weight:bold}
.new_win .win_desc{position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i{font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after{content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info{font-size:0.92em;color:#919191}
.new_win .win_total{float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con{margin:20px 0;padding:20px}
.new_win .new_win_con:after{display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2{margin:20px 0}
.new_win .btn_confirm:after{display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:center}
.new_win .cert_btn{margin-bottom:30px;text-align:center}
.new_win .btn_close{padding:0 20px;height:45px;overflow:hidden;cursor:pointer}
.new_win .btn_submit{padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}
.sch_word{color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}
#validation_check{margin:100px auto;width:500px}
#validation_check h1{margin-bottom:20px;font-size:1.3em}
#validation_check p{margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}
.sv_wrap{position:relative;font-weight:normal}
.sv_wrap .sv{z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before{content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a{display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333}
.sv_on{display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv{display:block}
.pg_wrap{clear:both;float:left;display:inline-block}
.pg_wrap:after{display:block;visibility:hidden;clear:both;content:""}
.pg{text-align:center}
.pg_page, .pg_current{display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover{text-decoration:none}
.pg_page{color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover{background-color:#fafafa}
.pg_start{text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev{text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end{text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next{text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}
.pg_current{display:inline-block;background:var(--mc);border:1px solid var(--mc);color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
#device_change{display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/* 추가 스타일 */
.header{/*background:rgba(0, 0, 0, 0.7)*/;position:fixed;top:0;left:0;width:100%;z-index:999}
#logo{max-width:150px;padding:10px 0;width:20%}
#logo>a{display:block}
#logo>a>img{width:100%;transition:all 0.35s}
.inner{display:flex;align-items:center;justify-content:space-between;height:80px}
.gnb{position:relative}
.gnb-menu{display:grid;grid-template-columns:repeat(5, 1fr);gap:40px;font-weight:500;width:650px;text-align:center}
.gnb-menu li{cursor:pointer;padding:10px 0;color:#fff;position:relative;transition:.3s;font-size:16px}
.gnb-menu li::after{content:"";position:absolute;bottom:-20px;left:0;width:0;height:3px;background:var(--mc);transition:.3s}
.gnb-menu li.active::after,
.gnb-menu li:hover::after{width:100%}
.dropdown{position:absolute;top:100%;left:0;width:100%;background:rgba(0, 0, 0, 0.35);opacity:0;visibility:hidden;transition:.3s;display:flex;align-items:center;justify-content:space-between;z-index:9999}
.dropdown.active{opacity:1;visibility:visible}
.dropdown-inner{display:grid;grid-template-columns:repeat(5, 1fr);gap:40px;padding:10px 0;width:650px;text-align:center}
.dropdown-inner ul li{margin-bottom:10px;color:#fff;font-size:16px;transition:.2s}
.dropdown-inner ul li:hover{color:var(--mc)}
.header_right_btn{display:flex}
.hd_r_btn button{background:none;padding:6px 10px;cursor:pointer;font-size:16px;transition:.3s;color:#fff;border:none;font-weight:700}
.hd_r_btn button i{vertical-align:middle;margin-right:2px}
.hd_r_btn button:hover{border-color:var(--mc);color:var(--mc)}
#hd{position:fixed;width:100%;top:0;left:0;transition:all 0.45s;z-index:9999999999999999999999}
#hd.down{background-color:rgba(0, 0, 0, .75);transition:all 0.45s}
#hd.down .gnb_1da{color:#fff;transition:all 0.45s}
#hd.down .gnb_2dul .gnb_2dul_box{border:none}
#hd_wrapper{display:flex;justify-content:space-between;align-items:center;padding:15px 0}
#hd.down #logo>a>img{filter:brightness(0) invert(1);transition:all 0.35s}
.dropdown_bg{position:absolute;top:100%;width:100%;left:0;height:0;background-color:rgba(0, 0, 0, 0.25);opacity:0;visibility:hidden;transition:all 0.35}
.dropdown_bg.active{opacity:1;visibility:visible}
.submenu_toggle{display:none}
#mobile_menu_btn{display:none;background:none;border:none;font-size:2rem;color:white;cursor:pointer;padding-right:15px}

.hj-header{position:fixed;width:100%;z-index:9999}
.hj-dropdown-bg{position:absolute;top:100%;left:0;width:100%;height:0;background:rgba(15,36,1,0.7);transition:height 0.3s;z-index:1}
.hj-submenu-wrap{position:absolute;top:100%;left:0;width:100%;z-index:2;pointer-events:none}
.hj-submenu{position:absolute;top:20px;opacity:0;transform:translateY(10px);transition:0.25s}
.hj-submenu a{display:block;padding:2px 0;color:#fff;transition:all 0.35s;font-size:18px}
.hj-submenu a:hover{color:var(--mc)}
.hj-submenu.active{opacity:1;transform:translateY(0);pointer-events:auto}

.hj--footer{background:#f5f6f8;font-size:14px;padding:40px 15px 120px}
.hj--footer__top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:25px}
.hj--footer__policies a{margin-right:15px;text-decoration:none;color:#333}
.hj--footer__policies .is-active{color:var(--mc);font-weight:600}
.hj--footer__left{width:20%}
.hj--footer__left p{word-break:keep-all}
.hj--family{position:relative}
.hj--family__btn{padding:8px 12px;border:1px solid #ccc;background:#fff;cursor:pointer; color: var(--mc);}
.hj--family__list{display:none;position:absolute;right:0;top:110%;background:#fff;border:1px solid #ccc;list-style:none;padding:0;margin:0;width:200px}
.hj--family__list li a{display:block;padding:10px;text-decoration:none;color:#333}
.hj--family__list li a:hover{background:#f0f0f0}
.hj--footer__main{display:flex;justify-content:space-between;margin-top:40px}
.hj--footer__logo{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.hj--footer__logo img{max-width:140px}
.hj--footer__menu{display:flex;gap:40px}
.hj--footer__col{display:flex;flex-direction:column}
.hj--footer__col h4{margin-bottom:10px;font-weight:bold}
.hj--footer__col a{text-decoration:none;color:#555;margin-bottom:6px}
.hj--footer__col a:hover{color:var(--mc)}
.hj--footer__right{text-align:right}
.hj--footer__sns a{text-decoration:none;background:var(--sc);color:#fff;padding:6px 8px;border-radius:50%;font-size:16px;aspect-ratio:1/1;width:35px;display:inline-flex;justify-content:center;align-items:center}
.hj--footer__address{margin-top:10px;color:#555;font-size:13px}
.hj--footer__col h4 a{color:#111;text-decoration:none;font-weight:bold}
.hj--footer__sub{list-style:none;padding:0;margin:0}
.hj--footer__sub li{margin-bottom:3px}
.hj--footer__sub a{text-decoration:none;color:#555}
.hj--footer__sub a:hover{color:var(--mc)}
.hj--footer__empty{color:#777}
.htr_wrap{overflow:hidden;background:#0a0d14;color:#fff}
.htr_hero{position:relative;height:100vh;overflow:hidden}
.htr_hero_bg{position:absolute;inset:0;width:100%;height:100%}
.htr_hero_bg img,
.htr_hero_bg video{width:100%;height:100%;object-fit:cover; filter: brightness(0.65)}
.htr_hero_bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.08) 70%,rgba(10,13,20,1) 100%)}
.htr_hero_inner{position:relative;z-index:2;height:100%;display:flex;align-items:center}

.htr_copy{max-width:760px}
.htr_kicker{display:block;margin-bottom:7px;font-size:16px;font-weight:700;letter-spacing:-1px;color:rgba(255,255,255,.82)}
.htr_title{font-size:clamp(32px,6vw,64px);line-height:1.1;font-weight:300;font-family:var(--sfont)}
.htr_desc{margin-top:8px;font-size:24px;line-height:1.35;color:rgba(255,255,255,.84);max-width:620px;word-break:keep-all;letter-spacing:-2px;/*margin-bottom:26px*/}

.htr_sub_hero_inner .htr_kicker.htr_style2{color: #fff; font-size: 24px; letter-spacing: -1.5px;}
.htr_sub_hero_inner .htr_title.htr_style2{font-size:clamp(36px,6vw,60px);font-family: var(--mfont); font-weight: 700; letter-spacing: -6px; line-height: 1.2;}

@media (max-width: 768px) {
    .htr_sub_hero_inner .htr_title.htr_style2 {letter-spacing: -4px;}
}

.htr_scroll{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);z-index:3;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7);width:2px;height:50px;background:rgba(255, 255, 255, 0.5)}
.htr_bridge{position:relative;height:300vh;background:#0a0d14}
.htr_pin{position:sticky;top:0;height:100vh;overflow:hidden}
.htr_next{position:absolute;inset:0;height:100vh;color:#fff;clip-path:inset(18% 8% 0 8% round 36px 36px 0 0);will-change:clip-path, transform}
.htr_next_dim{position:absolute;inset:0;background:#000;opacity:0;z-index:5}
.htr_next_inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:60px}
.htr_next_txt{flex:1}
.htr_next_kicker{display:block;margin-bottom:4px;font-size:14px;font-weight:700;letter-spacing:-1px;color:var(--mc)}
.htr_next_tit{font-size:clamp(36px,4.5vw,72px);line-height:1.08;letter-spacing:-2px;font-weight:400;word-break:keep-all;font-family:var(--sfont)}
.htr_next_desc{margin-top:10px;font-size:18px;line-height:1.35;color:#c9c9c9;max-width:620px;word-break:keep-all;letter-spacing:-2px}
.htr_next_visual{flex:1;border-radius:20px;overflow:hidden;position:relative}
.htr_cards{display:flex;gap:24px;align-items:center;height:100%}
.htr_card{flex:0 0 80%;height:500px;border-radius:20px;background-size:cover;background-position:center center;background-attachment:fixed;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;font-weight:bold;text-align:center;position:relative;overflow:hidden}
.htr_card::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;backdrop-filter:brightness(0.6) blur(3px) grayscale(0.3)}
.htr_stat{padding:18px;border-radius:18px;min-width:60%;z-index:2}
.htr_num{display:block;font-size:140px;font-weight:800;color:#fff;font-family:var(--sfont);letter-spacing:2px;text-shadow:5px 5px 15px rgba(0, 0, 0, 0.6)}
.htr_stat p{font-size:22px;color:#f5f5f5;margin-bottom:10px;letter-spacing:-2px}
.cstx_wrap{position:relative;background:#000;color:#fff;overflow:hidden}
.cstx_stage{position:relative;height:300vh}
.cstx_sticky{position:sticky;top:0;height:100vh;overflow:hidden}
.cstx_scene{position:relative;width:100%;height:100%}
.cstx_bg_dim{position:absolute;inset:0;background:rgba(0,0,0,.28);opacity:0;z-index:2}
.cstx_img{position:absolute;overflow:hidden;left:50%;top:50%;transform:translate(-50%,-50%);width:450px;height:110px;border-radius:999px}
.cstx_img img,
.cstx_img video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.cstx_corner_kr{position:absolute;left:120px;top:60px;font-size:92px;font-weight:400;font-family:var(--sfont)}
.cstx_corner_en{position:absolute;right:110px;bottom:40px;font-size:72px;font-weight:400;font-family:var(--sfont)}
.cstx_center{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);text-align:center;z-index:99;}
.cstx_num{display:block;margin-bottom:8px;font-size:17px;opacity:0;letter-spacing:-0.5px;text-transform:uppercase}
.cstx_title{font-size:100px;opacity:0;transform:translateY(30px);font-family:var(--sfont);font-weight:400;letter-spacing:-5px}
.cstx_desc{margin-top:15px;font-size:18px;opacity:0;transform:translateY(30px);line-height:1.35;letter-spacing:-1px; word-break: keep-all;}
.cstx_btns{display:flex;justify-content:center;gap:20px;margin-top:20px;opacity:0;transform:translateY(30px)}
.cstx_btn{min-width:155px;height:48px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all 0.35s;font-size:18px;letter-spacing:-1px}
.cstx_btn.dark{background:#000;color:#fff}
.cstx_btn.light:hover{background:var(--mc);color:#fff}
.cstx_btn.light{background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255, 255, 255, 0.3);box-shadow:0 8px 32px rgba(0, 0, 0, 0.1),
  inset 0 1px 0 rgba(255, 255, 255, 0.5),
  inset 0 -1px 0 rgba(255, 255, 255, 0.1),
  inset 0 0 0px 0px rgba(255, 255, 255, 0.5),
  -5px -5px 8px rgba(255, 255, 255, 0.35),
  5px 5px 8px rgba(0, 0, 0, 0.3);position:relative;overflow:hidden}
.cstx_btn.light::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.8),
    transparent
  )}
.cstx_btn.light::after{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.8),
    transparent,
    rgba(255, 255, 255, 0.3)
  )}
.esg-section{padding:160px 15px 180px}
.esg-title{text-align:center;margin-bottom:60px}
.esg-title h1{color:#222;font-size:48px;font-family:var(--sfont);font-weight:400}
.esg-title p{margin-top:12px;word-break:keep-all;font-size:18px;letter-spacing:-2px}
.solution-section{display:grid;height:600px;border-radius:20px;overflow:hidden;background:url("/img/esg.jpg") center/cover no-repeat;transition:background .5s ease;grid-template-columns:repeat(4, 1fr)}
.solution-section__item{flex:1;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:flex .45s ease}
.solution-section__item:hover{flex:2.5}
.solution-section__item::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4);transition:.3s}
.solution-section__item:hover::before{background:rgba(0,0,0,.2)}
.solution-section:hover .solution-section__item:not(:hover)::before{backdrop-filter:blur(18px)}
.solution-section__content{position:relative;color:#fff;text-align:center;z-index:2;transition:.3s}
.solution-section__item:hover .solution-section__content{text-align:left;padding-left:40px}
.solution-section__title{font-size:28px;font-weight:700;transition:.3s}
.solution-section:hover .solution-section__item:not(:hover) .solution-section__title{opacity:.6}
.solution-section__detail{margin-top:16px;opacity:0;transform:translateY(20px);font-size:16px;line-height:1.6;transition:.35s ease}
.solution-section__item:hover .solution-section__detail{opacity:1;transform:translateY(0)}
.solution-section__detail span{display:inline-block;margin-top:10px;position:relative}
.solution-section__detail span::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:#fff;transition:.3s}
.solution-section__item:hover .solution-section__detail span::after{width:100%}
.htr_hero2 .htr_hero_bg::after{display:none}
.htr_hero2_inner.htr_hero_inner{max-width:1200px}
.htr_hero2_inner .htr_kicker{display:block;margin-bottom:5px;font-size:16px;font-weight:600;letter-spacing:0;color:rgba(255,255,255,1);text-indent:2px}
.htr_hero2_inner .htr_title{line-height:1.12;letter-spacing:-1.5px}
/*
.htr_hero2_inner .htr_title::after{content:'';display:block;width:100px;height:2px;background-color:var(--mc);margin:10px 0}
*/
.htr_hero2_inner .htr_desc{margin-top:0;font-size:24px;line-height:1.35;color:rgba(255,255,255,1);word-break:keep-all;letter-spacing:-1.5px;font-weight:600}
.hj--numbers-section{height:100vh;background:url('/img/bg-num.jpg') right bottom;display:flex;justify-content:center;align-items:center;flex-direction:column}
.hj--numbers-section.hj--numbers-section-style{position:relative;height:100vh;overflow:hidden;background:none;display:flex;justify-content:center;align-items:center}
.hj--numbers-bg{position:absolute;inset:0;z-index:0}
.hj--numbers-bg video{width:100%;height:100%;object-fit:cover}
.hj--numbers-bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.4)}
.hj--numbers-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
.hj--glass{padding:25px 50px 50px 25px;width:1200px;background:rgba(255, 255, 255, 0.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:36px;border:1px solid rgba(255, 255, 255, 0.3);box-shadow:0 8px 32px rgba(0, 0, 0, 0.1),
inset 0 1px 0 rgba(255, 255, 255, 0.2),
inset 0 -1px 0 rgba(255, 255, 255, 0.1),
inset 0 0 8px 4px rgba(255, 255, 255, 0.25),
-5px -5px 32px rgba(255, 255, 255, 0.55),5px 5px 32px rgba(0, 0, 0, 0.8);position:relative;overflow:hidden}
.hj--glass::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.8),
    transparent
  )}
.hj--glass::after{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.8),
    transparent,
    rgba(255, 255, 255, 0.3)
  )}
.hj--section-title{text-align:center;margin-bottom:53px}
.hj--section-title-bar{width:3px;height:25px;background-color:var(--mc);margin-bottom:10px;display:inline-block}
.hj--section-title__subtitle{font-size:12px;font-weight:600}
.hj--section-title__title{font-size:48px;margin:6px 0 8px;font-family:var(--sfont);font-weight:400;letter-spacing:-1px}
.hj--section-title__desc{font-size:16px;color:#222;letter-spacing:-1.5px}
.hj--stats{display:grid;grid-template-columns:repeat(4, 1fr);justify-content:center;margin:120px 0}
.hj--stat{text-align:center}
.hj--stat h2{font-size:64px;font-family:var(--sfont);font-weight:400;letter-spacing:-1px;color:#fff;text-shadow:5px 5px 12px rgba(0, 0, 0, 0.5)}
.hj--stat p{margin-top:4px;font-size:14px;color:#fff;font-weight:600}
.hj--tabs{display:flex;justify-content:center;gap:10px;margin-bottom:20px}
.hj--tab{padding:10px 20px;border-radius:20px;border:1px solid rgba(255, 255, 255, 0.3);cursor:pointer;transition:0.3s;color:var(--sc);opacity:0.3;font-weight:700;background:rgba(255, 255, 255, 0.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0, 0, 0, 0.1),
inset 0 1px 0 rgba(255, 255, 255, 0.2),
inset 0 -1px 0 rgba(255, 255, 255, 0.1),
inset 0 0 8px 4px rgba(255, 255, 255, 0.25),
-10px -5px 16px rgba(255, 255, 255, 0.45),5px 5px 8px rgba(0, 0, 0, 0.4);position:relative;overflow:hidden}
.hj--tab::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.8),
    transparent
  )}
.hj--tab::after{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.8),
    transparent,
    rgba(255, 255, 255, 0.3)
  )}
.hj--tab:hover,
.hj--tab.hj--is-active{opacity:1}
.hj--small-title{color:rgba(255, 255, 255, 0.6);letter-spacing:-1px}
.hj--small-title h1{font-size:15px;line-height:1}
.hj--small-title p{font-size:11px}
.hj--numbers-section.hj--wwd-section{background:url('/img/bg-gradient2.jpg') right bottom no-repeat;height:auto;padding:120px 15px}
.hj--video{height:600px;border-radius:30px;overflow:hidden;position:relative;border:1px solid rgba(255, 255, 255, 0.3);box-shadow:0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 8px 4px rgba(255, 255, 255, 0.4)}
.hj--video video{width:100%;height:100%;object-fit:cover}
.hj--video .hj--tabs{position:absolute;bottom:30px;left:50%;transform:translate(-50%)}
.hj--video .hj--tab{background:rgba(255, 255, 255, 0.4);opacity:0.6;color:#fff;box-shadow:5px 5px 10px rgba(0, 0, 0, 0.4), -5px -5px 16px rgba(255, 255, 255, 0.75)}
.hj--video .hj--tab:hover,
.hj--video .hj--tab.hj--is-active{opacity:1}
.hj--video-wrap{width:70%;border-radius:20px;overflow:hidden;transition:all 0.6s ease;margin:0 auto}
.hj--video-wrap.is-active{width:100%;max-width:1600px}
.hj--video-cont{text-align:center;font-size:16px;line-height:1.5;letter-spacing:-2px;color:#222;margin-top:70px; word-break: keep-all;}
.hj-section{display:flex;max-width:1200px;margin:-60px auto 100px}
.hj-item{flex:1;display:flex;justify-content:space-between;align-items:center;padding:40px 30px;border-right:1px solid #eee}
.hj-item:last-child{border-right:none}
.hj-item__text h3{font-size:22px;font-weight:600;margin-bottom:12px}
.hj-item__text p{font-size:15px;color:#555;line-height:1.6;margin-bottom:18px}
.hj-item__text a{font-size:14px;color:#000;text-decoration:none;border-bottom:2px solid #000;padding-bottom:3px;transition:0.3s}
.hj-item__text a:hover{opacity:0.6}
.hj-item__icon{width:72px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hj-item__icon img{width:100%;height:auto}
.hj-item:hover .hj-item__icon img{transform:scale(1.12);transition:0.3s}

.htr_hero_inner.htr_sub_hero_inner{justify-content:center}
.htr_sub_hero_inner .htr_copy{text-align:center}
.htr_hero2 .htr_hero_inner.htr_sub_hero_inner{left:50%;transform:translate(-50%,-50%);top: 50%; text-shadow: none;}
.htr_sub_hero_inner .htr_kicker{margin-bottom:8px;font-size:16px}
.htr_sub_hero_inner .htr_bar{content:'';margin:12px 0 4px;display:inline-block;width:50%;height:2px;background:var(--mc)}
.htr_sub_hero_inner .htr_desc{letter-spacing:-2px;margin:0}

.his-bg{background: #f2f5e8;}
.his-bg-w {background: #fff;}
.hj-history{padding:80px 20px;margin-top:-100vh;position:relative;z-index:10;}
.hj-history__title{text-align:center;margin-bottom:60px;font-family:var(--sfont);font-size:54px;font-weight:400;letter-spacing:-0.5px; line-height: 1.2;}
.hj-history__title span{font-size: 58px;}
.hj-history-cont {max-width:800px;margin: 0 auto 30px; text-align: center;font-size:22px;word-break:keep-all;color:var(--sc); letter-spacing: -1.8px; font-weight: 500; line-height: 1.3;}
.hj-history__timeline{position:relative;gap:80px;display:flex;flex-direction:column}
.hj-history__timeline::before{content:"";position:absolute;left:50%;width:1px;height:calc(100% + 30px);background:#222;transform:translateX(-50%)}
.hj-history__item--left{left:0;text-align:right}
.hj-history__item--right{left:50%}
.hj-history__content{background:#fff;padding:25px;border-radius:4px}
.hj-history__content--image{padding:0}
.hj-history__content img{width:100%;display:block}
.hj-history__year{font-size:48px;color:#ccc;margin:0 0 10px}
.hj-history__signature{display:inline-block;margin-top:20px;font-style:italic}
.hj-history__item--row{display:flex;align-items:center;position:relative}
.hj-history__col{width:50%;padding:20px 40px;box-sizing:border-box}
.hj-history__col--text{text-align:right}
.hj-history__col--image img{width:100%;display:block;height:100%;object-fit:cover;border-radius:8px; box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.3);}
.hj-history__item--row:nth-child(even){flex-direction:row-reverse}
.hj-history__item--row:nth-child(even)
.hj-history__col--text{text-align:left}
.hj-history-banner{height:500px;background:url('/img/history-banner.jpg') center/cover no-repeat;overflow:hidden;transition:none;border-bottom-left-radius:20px;border-bottom-right-radius:20px;transform-origin:center center}
.hj-his-year{font-family:var(--hfont);font-size:72px;font-weight:400;letter-spacing:-3px;color:var(--mc)}
.hj-history__col--text h3{margin:15px 0 8px;font-size:22px;word-break:keep-all;color:var(--sc); letter-spacing: -1.8px;}
.hj-history__col--text p{font-size:16px;word-break:keep-all;line-height:1.5; letter-spacing: -1px;}
/* .hj-history__col--text::before{content:'';position:absolute;width:10px;height:10px;transform:translate(50%, -50%);border-radius:50%;background-color:var(--mc);top:calc(100% + 100px);right:0} */
.hj-history__col--image::before{content:'';position:absolute;width:10px;height:10px;transform:translateX(-50%);border-radius:50%;background-color:var(--mc);top:calc(100% + 20px);left:0; z-index: 3;}
/* .hj-history__col--text::after{content:'';position:absolute;width:30%;height:1px;background-color:#222;top:calc(100% + 100px);right:0} */
.hj-history__col--image::after{content:'';position:absolute;width:30%;height:1px;background-color:#222;top:calc(100% + 25px);left:0; z-index: 2;}
/* .hj-history__item--row:nth-child(2n) .hj-history__col--text::before{right:auto;left:0;transform:translate(-50%, -50%)} */
.hj-history__item--row:nth-child(2n) .hj-history__col--image::before{left:auto;right:0;transform:translateX(50%)}
/* .hj-history__item--row:nth-child(2n) .hj-history__col--text::after{right:auto;left:0} */
.hj-history__item--row:nth-child(2n) .hj-history__col--image::after{left:auto;right:0}
.hj-history__col--image{height:400px;position:relative}
.hj-history__col--image.img_none {height: 0;}

.hj--heritage-wrap{position:relative;height:200vh}
.hj--heritage-inner{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;overflow:hidden;justify-content:flex-start;padding-top:160px}
.hj--heritage-title{font-size:60px;width:100%;text-align:left;padding-left:180px;letter-spacing:-5px;font-weight:400;font-family:var(--sfont)}
.hj--heritage-media{width:70%;border-radius:20px;overflow:hidden;position:relative;transform-origin:bottom center;transform:translateY(100px)}
.hj--heritage-media img{width:100%;height:100%;object-fit:cover;display:block}
.hj--heritage-overlay{position:absolute;top:50%;left:200px;transform:translateY(-50%);color:#fff;opacity:0}
.hj--heritage-overlay p{font-size:65px;margin-bottom:5px;letter-spacing:1px;text-indent:5px;font-family:var(--sfont)}
.hj--heritage-overlay h3{font-size:48px;letter-spacing:-4px;line-height:1.2}
.hj--heritage-media::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.4);opacity:0}
.hj--heritage-dim{position:absolute;inset:0;background:rgba(0,0,0,0.5);opacity:0;pointer-events:none}
.hj--sm-family__item--white{background:var(--sc);color:#fff}
.hj--section-title-num.hj--section-title{color:#fff}
.hj--section-title-num .hj--section-title__desc{color:#fff}

.hj-header.header{border-bottom:none;transition:0.3s}
.hj-header.scrolled, .hj-header.open {
    background: rgba(0, 0, 0, .7);
}


.htr_hero_bg>img{width:100%;height:100%}
.htr_scroll::after{content:'';position:absolute;width:100%;height:30%;background-color:var(--mc);bottom:0;left:0;display:inline-block}
.solution-section__detail p{letter-spacing:-2px}
.hj-window-content{position:relative;/*max-width:1920px;min-height:768px;*/box-sizing:border-box;margin:0 auto}
.hj-video-wrap{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.hj-window-content:hover img{filter:brightness(0.2);transition:all 0.35s}
.hj-video-data{position:absolute;width:100%;height:100%}
.hj-video-data img{width:100%;height:100%;object-fit:cover;transition:all 0.35s;filter:brightness(0.5)}
.hj-content-wrap{margin:auto 50px;z-index:10;display: grid; min-height: 800px; grid-template-columns: repeat(5, 1fr);}
.hj-content-data{position:relative;height:100%;overflow:hidden}
/* .hj-title-data{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:5;text-align:center} */
.hj-title-data{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:5;text-align:center;width: 100%; height: 200px}
.hj-en-brand-name{font-size:18px;font-family:'Roboto';color:#fff;opacity:0.4;letter-spacing:-0.5px; text-transform: uppercase;}
.hj-kr-brand-name{margin-top:8px;font-size:32px;color:#fff;font-weight:500;letter-spacing:-2px}
.hj-visual-wrap{position:absolute;top:0;left:0;width:0;height:100%;transition:width 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);background-size:cover;background-position:center}
.hj-content-data:hover .hj-visual-wrap{width:100%}

.hj-cont-haemoro .hj-visual-wrap{background-image:url('/img/view-wrap1_new.jpg')}
.hj-cont-shipbuilding .hj-visual-wrap{background-image:url('/img/view-wrap2.jpg')}
.hj-cont-construction .hj-visual-wrap{background-image:url('/img/view-wrap3.jpg')}
.hj-cont-hyperion .hj-visual-wrap{background-image:url('/img/view-wrap4.jpg')}
.hj-cont-cscenter .hj-visual-wrap{background-image:url('/img/view-wrap5.jpg')}

/* .hj-btn-detail{margin-top:12px;display:block;width:180px;height:50px;border:2px solid #fff;background:rgba(255, 255, 255, 0.2);cursor:pointer;opacity:0;visibility:hidden;transition:all 0.35s;transform:translateY(7px);color:#fff;backdrop-filter:blur(5px);border-radius:5px} */
.hj-btn-detail{display:block;width:180px;height:50px;border:2px solid #fff;background:rgba(255, 255, 255, 0.2);cursor:pointer;opacity:0;visibility:hidden;transition:all 0.35s;transform:translateY(7px);color:#fff;backdrop-filter:blur(5px);border-radius:5px}
.hj-btn-detail{position: absolute; bottom: 0; left: 50%;transform:translate(-50%, 7px);}
.hj-btn-detail span{display:block;padding:0 17px;line-height:46px;font-size:14px}
/* .hj-content-data:hover .hj-btn-detail{opacity:1;transition:all 0.35s;visibility:visible;transform:translateY(0)} */
.hj-content-data:hover .hj-btn-detail{opacity:1;transition:all 0.35s;visibility:visible;transform:translate(-50%, 0)}
.hj-btn-detail:hover{background-color:#fff;color:var(--mc);transition:all 0.35s}
.hj--tab.hj--btn{padding:10px 34px;opacity:1;color:#fff;background:none}
.hj--tab.hj--btn i{font-size:29px;vertical-align:middle}
.hj--tab.hj--btn::before,
.hj--tab.hj--btn::after{display:none}
.htr_hero .htr_hero_slider{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.htr_hero .swiper-wrapper,
.htr_hero .swiper-slide{width:100%;height:100%}
.htr_hero .swiper-slide img,
.htr_hero .swiper-slide video{width:100%;height:100%;object-fit:cover;filter:brightness(0.85)}
.htr_hero .htr_pagination{position:absolute;bottom:40px !important;left:50% !important;transform:translateX(-50%);z-index:3;display:flex;gap:2px;width:auto !important}
.htr_hero .htr_pagination .swiper-pagination-bullet{width:10px;height:10px;background:#fff;opacity:0.7;transition:all .3s ease}
.htr_hero .htr_pagination .swiper-pagination-bullet-active{background:var(--mc);width:25px;height:10px;border-radius:26px; opacity: 1}
.htr_hero1 .htr_hero_inner{position:absolute;z-index:2;top:50%;height:auto;transform:translateY(-50%);left:160px}
.htr_hero2 .htr_hero_slider::after{content:"";position:absolute;inset:0;background:linear-gradient(
    180deg,
    rgba(0,0,0,.08) 0%,
    rgba(0,0,0,.08) 70%,
    rgba(10,13,20,1) 100%
  );z-index:1}
.htr_hero2 .htr_hero_slider{z-index:0}
.htr_hero2 .htr_hero_inner{z-index:2;height:auto;position:absolute;left:155px;top:50%;transform:translateY(-50%);text-shadow: 5px 5px 5px rgba(0, 0, 0, .5);}

@media (max-width: 768px) {
.pc-only{display:block !important}
}

@media (max-width: 768px) {
.mobile-only{display:none !important}
}

/* 서브 폰트 → Noto Sans 변경 */
.font-change {font-family: var(--mfont) !important;font-weight: 900 !important;letter-spacing: -7px !important;}

@media (max-width: 1024px) {
.font-change {letter-spacing: -3px !important;}
}


/* 서브페이지 */
.hj--sub-container {}
.hj--sub-title-wrap {text-align: center;color: #222;}
.hj--sub-title {font-size: 42px;font-weight: 700;margin-bottom: 10px;letter-spacing: -2px; line-height: 1.2;}
.hj--sub-divider {width: 40px;height: 3px;background-color: var(--mc);/*margin: 12px auto 20px;*/ margin: 60px auto 12px;}
.hj--sub-subtitle {font-size: 24px;font-weight: 600;margin-bottom: 14px;letter-spacing: -1.5px}
.hj--sub-description {font-size: 16px;line-height: 1.45;color: #555; letter-spacing: -1px; word-break: keep-all; max-width: 700px; margin: 0 auto;}

.hj--nav-swiper {display: flex;align-items: center;padding: 0 100px;}
.hj--nav-swiper__container {width: 100%;}.hj--nav-swiper .swiper-slide {width: auto;padding: 12px 20px;background: #afc5ad;color: #fff;cursor: pointer;white-space: nowrap;transition: all 0.2s;text-align: center;border-right: 1px solid #fff;font-size: 18px;letter-spacing: -1.5px;}
.hj--nav-swiper .swiper-slide.is-active {background: var(--sc);}
.hj--nav-swiper__arrow {width: 50px;height: 50px;border-radius: 50%;background: #dfebdfad;display: flex;align-items: center;justify-content: center;cursor: pointer;border: 2px solid #ecf3ec;z-index: 10;color: var(--sc);font-size: 24px;backdrop-filter: blur(10px);}
.hj--nav-swiper__arrow.hj--nav-swiper__arrow--prev {transform: translateX(50%)}
.hj--nav-swiper__arrow.hj--nav-swiper__arrow--next {transform: translateX(-50%)}

.hj--slider {max-width: 1100px; width: 100%;/*margin: 120px auto 0;*/ margin: 80px auto 0;}
.hj--slider__title {text-align: center; font-size: 32px; letter-spacing: -1px; line-height: 1.25;}
.hj--slider__cont {text-align: center; font-size: 20px; letter-spacing: -1px; margin-bottom: 60px; margin-top: 10px; line-height: 1.45;}
.hj--slider__main img {width: 100%;border-radius: 10px;}

/* .hj--slider__thumb {margin-top: 10px;} */
.hj--slider__thumb {margin-top: 10px;overflow: hidden;}
.hj--slider__thumb.is-short>.swiper-wrapper {justify-content: center;}
/* .hj--slider__thumb .swiper-slide {width: 150px;height: auto;opacity: 0.5;cursor: pointer;} */
.hj--slider__thumb .swiper-slide {width: 140px;height: auto;opacity: 0.5;cursor: pointer;flex-shrink: 0;}
.hj--slider__thumb .swiper-slide img {width:100%;height: 100%;object-fit: cover;border-radius: 12px;}
.hj--slider__thumb .swiper-slide-thumb-active {opacity: 1;}
.hj--slider__main-wrap {position: relative;}

.hj--slider__nav {position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);pointer-events: none;}
.hj--slider__prev,
.hj--slider__next{position:absolute;pointer-events:all;color:var(--sc) !important;}
.hj--slider__prev {left: -60px !important;}
.hj--slider__next {right: -60px !important;}

.hj--slider-plusimg {position: relative; height: 300px; margin-bottom: 60px;}
.hj--slider-plusimg div {height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.hj--slider-plusimg div img {width: 100%; height: 100%; object-fit: cover; border-radius: 6px;}

@media (max-width: 1024px) {
	.pc1024 {display:none}
	.mobile1024 {display:block}
    .hj--slider__prev,
    .hj--slider__next {display: none !important;}
	.htr_hero2 .mobile1024 {height:100%}
	.htr_hero .htr_hero_slider2 {height:100%}
}
@media (max-width: 768px) {
    .hj--sub-title {font-size: 32px;}
    .hj--slider {margin-top: 60px;}
    .hj--slider__title {font-size: 26px;}

    .hj--slider__thumb>.swiper-wrapper {justify-content:flex-start;}
}


/* 모바일 메뉴 */
#head_mobile {display: none;}
.gnb-toggle {display: none;}
.gnb-toggle{align-items:center;justify-content:center;}

.gnb-toggle button{width:38px;height:38px;border-radius:8px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;transition:all 0.25s ease;}
.gnb-toggle button:active{background:rgba(255,255,255,0.2);transform:scale(0.95);}
.gnb-toggle i{display:flex;align-items:center;justify-content:center;line-height:1;}

@media (max-width: 1024px) {
  .gnb-toggle {display: flex;}
  .header_right_btn {display: none;}
  .gnb {display: none;}
  #head_mobile {display: block;}
}

/* 모바일 서브메뉴 */
#head_mobile {width: 100%;background: #fff;font-size: 15px;height: 100vh;position: fixed;top: 0;left: 0;transform: translateX(105%);transition: transform ease 0.75s;overflow-y: auto; -webkit-overflow-scrolling: touch;}
#head_mobile.active {transform: translateX(0);transition: transform ease 0.75s;}

/* 언어 */
.hj--m-lang {display: flex;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}
.hj--m-lang a {flex: 1;text-align: center;padding: 14px 0;color: #666;}
.hj--m-lang a:not(:last-of-type) {border-right: 1px solid #ddd;}
.hj--m-lang a.active {color: var(--mc);font-weight: bold;}

/* 메뉴 */
.hj--m-menu-item {border-bottom: 1px solid #eee;}
.hj--m-menu-top {display: flex;justify-content: space-between;align-items: center;padding: 16px;cursor: pointer;}
.hj--m-menu-link {font-weight: 500;color: #111;}

/* 화살표 */
.hj--m-menu-toggle {width: 20px;height: 20px;position: relative;border: none;background: none;}
.hj--m-menu-toggle::before {content: '';display: block;width: 8px;height: 8px;border-right: 2px solid #999;border-bottom: 2px solid #999;transform: rotate(45deg);margin: auto;transition: 0.3s;}

/* 열렸을 때 */
.hj--m-menu-item.active .hj--m-menu-top {background: var(--mc);}
.hj--m-menu-item.active .hj--m-menu-link {color: #fff;}
.hj--m-menu-item.active .hj--m-menu-toggle::before {transform: rotate(-135deg);border-color: #fff;}

/* 서브메뉴 */
.hj--m-submenu {display: none;background: #f8f8f8;}
.hj--m-submenu li {border-top: 1px solid #eee;}
.hj--m-submenu a {display: block;padding: 14px 20px;color: #555;}
.hj--m-submenu a:hover {background: #eee;}

.hj--m-top {display: flex;justify-content: space-between;align-items: center;padding: 14px 16px;}
.hj--m-logo {margin: 0;}
.hj--m-logo img {height: 28px;}
.hj--m-close {font-size: 22px;cursor: pointer;}

body.no-scroll {overflow: hidden;height: 100vh;}
.hj--m-menu-goto {background: #f5f5f5;}

/* main : index_history */
.hj--stack-wrap { position:relative; width: 100%; overflow: hidden; background: #fff; }
.hj--stack { position:relative; height:100vh; display:flex; flex-direction: column; align-items:center; justify-content:center; overflow:hidden; }

/* 타이핑 텍스트: 사진 바로 위에 위치하도록 간격 조정 */
.hj--typing-header {
    position: relative; /* absolute에서 relative로 변경하여 컨텐츠 흐름에 맞춤 */
    margin-bottom: 20px; /* 사진과의 간격 최소화 */
    width: 100%;
    text-align: center;
    z-index: 1000;
    pointer-events: none;
}
.hj--typing-target {
    font-size: 40px !important; /* 40px 고정 */
    color: #121212 !important; /* 흰색 고정 */
    font-weight: 600;
    letter-spacing: -1px;
    margin: 0;
    min-height: 1.2em; /* 텍스트가 없을 때도 높이 유지 */
}

.hj--typing-logo {opacity:0;overflow: hidden;}
.hj--card-container { position: relative; width: 800px; height: 450px; z-index: 10; }
.hj--card { 
    position:absolute; 
    top: 10%; 
    left: 50%; 
    transform: translate(-50%, -50%); /* 항상 중앙 기준 배치 */
    width: 100%; 
    height: 100%; 
    border-radius:24px; 
    overflow:hidden; 
    box-shadow: 0 10px 40px rgba(0,0,0,0.5); 
    transform-origin: center center; 
    opacity: 0; 
}
.hj--card img { width:100%; height:100%; object-fit:cover; display:block; }

.hj--hero-content { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; color:#fff; opacity:0; visibility: hidden; z-index: 1100; width: 100%; }

@media (max-width: 768px) {
    .hj--typing-target { font-size: 24px !important; }
    .hj--card-container { width: 320px; height: 400px; }
}
@media (max-width: 600px) {
#logo {width:120px}
.hj--card-container {width: 800px; height: 400px}
}
.hj--card img { width:100%; height:100%; object-fit:cover; display:block; }

/* 기존 텍스트 스타일 (원래 소스 복구) */
.hj--hero-content { 
    position:absolute; 
    top:50%; 
    left:50%; 
    transform:translate(-50%,-50%); 
    text-align:center; 
    color:#fff; 
    opacity:0; 
    visibility: hidden;
    z-index: 100; 
    width: 100%; 
    padding: 0 15px;
}
.hj--hero-content .hj--year { font-size:80px; font-weight:400; font-family: var(--sfont); }
.hj--hero-content h2 { font-size:60px; margin:5px 0 15px; font-weight: 400; font-family: var(--sfont);}
.hj--hero-content span { display:block; margin-bottom:50px; font-size: 24px; letter-spacing: -2px; word-break: keep-all;}
/* main : index_history */

.hj--sub-tab{width:100%;background-color:var(--sc)}
.hj--sub-tab__list{display:flex;/*padding:0 100px*/}
.hj--sub-tab__item{flex:1}
.hj--sub-tab__link{display:block;text-align:center;padding:15px 0;color:#fff;font-weight:500;transition:all 0.2s ease;font-size:18px}
.hj--sub-tab__item:not(:last-child){border-right:1px solid #6a8581}
.hj--sub-tab__link.open{background-color:#fff;color:var(--sc)}

.hj--sub-tab__item {position: relative;}

.hj--submenu {position: absolute;top: 100%;left: 0;width: 100%;background: #fff;display: none;border: 1px solid #ddd;z-index: 10;}
.hj--submenu li a {display: block;padding: 10px;color: #333;font-size: 15px;transition: all 0.2s;}
.hj--submenu li a:hover {background: var(--sc);color: #fff;}
.hj--sub-tab__item.has-submenu:hover .hj--submenu {display: block;}
.hj--sub-tab__item.open .hj--sub-tab__link {background-color: #fff;color: var(--sc);}


/*사업소개 */
/* ============================================================
   COMMON & BASE
   ============================================================ */
#hj--business-1, #hj--business-2 { scroll-margin-top: 150px; }
.hj--business { position: relative; }
.hj--business__inner { width: min(1400px, calc(100% - 48px)); margin: 0 auto; }

/* ============================================================
   ROW & CONTENT LAYOUT
   ============================================================ */
.hj--business__row { display: grid; grid-template-columns: 520px 1fr; gap: 80px; align-items: center; margin-bottom: 280px; }
.hj--business__row:last-child { margin-bottom: 0; }
.hj--business__row--reverse { grid-template-columns: 1fr 520px; }
.hj--business__row--reverse .hj--business__media { order: 2; }
.hj--business__row--reverse .hj--business__content { order: 1; }
.hj--business__media { position: relative; }
.hj--business__media::after { content: ""; position: absolute; top: 28px; left: 28px; width: 100%; height: 100%; z-index: 0; border-radius: 8px; background: linear-gradient(230deg, var(--mc), var(--sc)); }
.hj--business__img { width: 100%; height: 300px; border-radius: 8px; overflow: hidden; position: relative; z-index: 1; box-shadow: 0 24px 30px rgba(0, 0, 0, 0.12);}
.hj--business__img.plus { margin-top: 60px;}
.hj--business__media img { width: 100%; height: 100%; object-fit: cover; }
.hj--business__content { position: relative; }
.hj--business__eyebrow { display: inline-block; margin-bottom: 18px; padding-left: 18px; position: relative; font-size: 13px; font-weight: 700; letter-spacing: 0.18em; color: var(--mc); }
.hj--business__eyebrow::before { content: ""; position: absolute; top: 50%; left: 0; width: 8px; height: 8px; border-radius: 50%; background: var(--mc); transform: translateY(-50%); }
.hj--business__title { margin: 0 0 32px; font-size: clamp(24px, 3vw, 36px); font-weight: 400; line-height: 1.2; letter-spacing: -2px; color: #222; font-family: var(--sfont); word-break: keep-all; }
.hj--business__text { font-size: 18px; line-height: 1.45; letter-spacing: -1px; color: #555; word-break: keep-all; }
.hj--business__text + .hj--business__text { margin-top: 28px; }
.hj--business__row + .hj--business__row { position: relative; }
.hj--business__row + .hj--business__row::before { content: ""; position: absolute; top: -140px; left: 50%; transform: translateX(-50%); width: 1px; height: 60px; background: var(--mc); }

/* ============================================================
   GRID MENU & CARDS
   ============================================================ */
.hj--business__grid { margin-top: 180px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.hj--business__grid.hj--business__grid-2 { grid-template-columns: repeat(2, 1fr); }
.hj--business__card { position: relative; min-height: 360px; padding: 42px 36px; border: 1px solid #e5e5e5; border-radius: 10px; background: #fff; display: flex; flex-direction: column; transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; overflow: hidden; }
.hj--business__card:hover { transform: translateY(-10px); border-color: var(--mc); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); }
.hj--business__card-num { display: inline-block; margin-bottom: 28px; font-size: 14px; font-weight: 700; letter-spacing: 0.12em; color: var(--mc); transition: color 0.4s ease; }
.hj--business__card-title { margin: 0 0 18px; font-size: 30px; font-weight: 400; line-height: 1.2; letter-spacing: -1.5px; color: #222; font-family: var(--sfont); word-break: keep-all; transition: color 0.4s ease; }
.hj--business__card-desc { font-size: 16px; line-height: 1.45; letter-spacing: -1px; color: #666; word-break: keep-all; transition: color 0.4s ease; }
.hj--business__card-arrow { margin-top: auto; font-size: 22px; color: var(--mc); transition: 0.4s ease; }
.hj--business__card:hover .hj--business__card-arrow { transform: translateX(6px); }

/* Card Hover State - Text Colors */
.hj--business__card:hover .hj--business__card-num, 
.hj--business__card:hover .hj--business__card-title, 
.hj--business__card:hover .hj--business__card-desc, 
.hj--business__card:hover .hj--business__card-arrow { color: #fff; }

/* Card Background Layers */
.hj--business__card::after { content: ""; position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 0.4s ease; z-index: 0; }
.hj--business__card::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.45); opacity: 0; transition: opacity 0.4s ease; z-index: 1; }
.hj--business__card:hover::after,
.hj--business__card:hover::before { opacity: 1; }
.hj--business__card > * { position: relative; z-index: 2; }

/* 조선 사업소개 이미지 */
.hj--business__grid_ship .card01::after { background-image: url('/img/ship_business_menu01-1.jpg'); }
.hj--business__grid_ship .card02::after { background-image: url('/img/ship_business_menu02-1.jpg'); }

/* 방산 사업소개 이미지 */
.hj--business__grid_defence .card01::after { background-image: url('/img/ship_business_menu03-1.jpg'); }
.hj--business__grid_defence .card02::after { background-image: url('/img/ship_business_menu04.jpg'); }

/* 건설 사업소개 이미지 */
.hj--business__grid_const .card01::after { background-image: url('/img/const_business_menu01.jpg'); }
.hj--business__grid_const .card02::after { background-image: url('/img/const_business_menu02.jpg'); }
.hj--business__grid_const .card03::after { background-image: url('/img/const_business_menu03.jpg'); }
.hj--business__grid_const .card04::after { background-image: url('/img/const_business_menu04.jpg'); }

/* ============================================================
   RESPONSIVE (MEDIA QUERIES)
   ============================================================ */
@media (max-width: 1200px) {
  .hj--business__row, .hj--business__row--reverse { grid-template-columns: 1fr; gap: 48px; }
  .hj--business__row--reverse .hj--business__media, .hj--business__row--reverse .hj--business__content { order: initial; }
  .hj--business__media { max-width: 720px; }
  .hj--business__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .hj--business { padding: 90px 0; }
  .hj--business__inner { width: calc(100% - 32px); }
  .hj--business__row { gap: 36px; margin-bottom: 90px; }
  .hj--business__title { margin-bottom: 24px; font-size: 24px; }
  .hj--business__text { font-size: 16px; }
  .hj--business__media::after { top: 16px; left: 16px; }
  .hj--business__row + .hj--business__row::before { display: none; }
  .hj--business__grid,
  .hj--business__grid.hj--business__grid-2 { margin-top: 90px; grid-template-columns: 1fr; gap: 18px; }
  .hj--business__card { min-height: auto; padding: 32px 28px; }
  .hj--business__card-title { font-size: 24px; }
  .hj--business__card-desc { font-size: 15px; }
}

/* MRO */
  .hj--mro .hj--business__row {display: block;margin-bottom: 0;}
  .hj--mro .hj--mro-img-title {margin-top: 60px; text-align: center; font-family: var(--sfont); font-weight: 400; font-size: 32px; line-height: 1.2; word-break: keep-all; letter-spacing: -1px;}
  .hj--mro .hj--mro-img-title br {display: none;}
  .hj--mro .hj--business__img {height: auto;}
  .hj--mro .hj--business__content {margin-bottom: 40px;}

  @media (max-width: 768px) {
    .hj--mro .hj--mro-img-title br {display: inline;}
    .hj--mro .hj--mro-img-title {font-size: 24px;}
  }

/* R&D */
/* ============================================================
   COMMON & LAYOUT
   ============================================================ */
.hj--research { position: relative; }
.hj--research img { display: block; width: 100%; }
.hj--research__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 32px; }

/* ============================================================
   CARD COMPONENTS
   ============================================================ */
.hj--research-card { position: relative; padding: 42px; border-radius: 32px; background: #fff; border: 1px solid #e7ebe5; transition: 0.35s ease; height: 100%; }
.hj--research-card:hover { transform: translateY(-6px); border-color: var(--mc); box-shadow: 0 6px 20px rgba(0,0,0,0.08); }

.hj--research-card__head { display: flex; gap: 20px; align-items: flex-start; margin-bottom: 24px; }
.hj--research-card__num { flex-shrink: 0; width: 58px; height: 58px; border-radius: 18px; background: var(--sc2); color: var(--mc); display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 800; }
.hj--research-card__title { font-size: 30px; line-height: 1.2; font-weight: 800; letter-spacing: -1.5px; color: #111; }
.hj--research-card__eng { margin-top: 10px; font-size: 14px; font-weight: 700; letter-spacing: 0.12em; color: var(--mc); word-break: keep-all; }
.hj--research-card__text { margin-bottom: 32px; font-size: 16px; line-height: 1.45; color: #666; letter-spacing: -1px; word-break: keep-all; }

.hj--research-card__image { border-radius: 24px; overflow: hidden; }
.hj--research-card__image img { width: 100%; object-fit: cover; }

.hj--research-card__image.dual { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; background: transparent; }
.hj--research-card__image.dual img { border-radius: 20px; background: #f4f6f2; padding: 8px; }

/* ============================================================
   RESPONSIVE (MEDIA QUERIES)
   ============================================================ */
@media (max-width: 1280px) {
    .hj--research__grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .hj--research-card { padding: 28px; border-radius: 24px; }
    .hj--research-card__head { gap: 16px; }
    .hj--research-card__num { width: 48px; height: 48px; border-radius: 14px; font-size: 15px; }
    .hj--research-card__title { font-size: 24px; }
    .hj--research-card__text { min-height: auto; margin-bottom: 24px; font-size: 15px; }
    .hj--research-card__image.dual { grid-template-columns: 1fr; }
}

@media (max-width: 375px) {
    .hj--research-card__head { flex-direction: column; }
}

/* section#upper_banner */
#upper_banner {width: 100%;height: 450px;background-position: center center;background-repeat: no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;position: relative}
/* #upper_banner::after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);backdrop-filter: brightness(0.5);} */
#upper_banner.business_banner::after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);backdrop-filter: brightness(0.7);}
#upper_banner .banner_title {text-align: center;color: #fff;z-index: 1;padding: 0 15px;font-family: var(--sfont);}
#upper_banner .banner_title>p {font-size: 1.2rem;padding: 0 10px;line-height: 120%;word-break: keep-all;margin-bottom: 5px;
/* margin-top: 5px; - 텍스트가 타이틀 아래일 경우 */}
#upper_banner .banner_title>h1 {font-size: 3rem; font-weight: 400; letter-spacing: -1px;}

/* info */
.hj--info-wrap {padding: 100px 0 300px;}
.hj--info-wrap>h1 {text-align: center; letter-spacing: -5px; font-size: 48px; line-height: 1.25;}
.breadcrumb_wrap {margin: 80px 0; position: relative; z-index: 10;}

.hj--info-items {display: flex;gap: 60px;}
.hj--info-item {flex: 1;text-align: center;}

.hj--info-subtitle {font-size: 32px;line-height: 1.3;letter-spacing: -3px;margin-bottom: 60px;text-align: left;word-break: keep-all;}
.hj--info-subtitle>span { color: var(--mc);}

.hj--info-image {margin-bottom: 30px;width: 100%;position: relative;}
.hj--info-image img {width: 100%;/* max-width: 500px; */border-radius: 8px;display: block;transition: opacity 0.4s ease;opacity: 1;}
.hj--info-image img.hj--fade-out {opacity: 0;}

.hj--info-image>button {border: none; outline: none; background: none;}
.hj--info-image>button {position: absolute; bottom: 30px; right: 30px; width: 50px; height: 50px; color: #fff; background: #666; border-radius: 50%; box-shadow: 5px 5px 10px rgba(0, 0, 0, .5); transition: all 0.35s;}
.hj--info-image>button:hover {background: var(--mc);}
.hj--info-image>button>i {vertical-align: middle;}

.hj--info-subtitle2 {font-size: 32px;color: var(--mc);margin-bottom: 30px;line-height: 1.4;font-family: var(--ifont);text-align: left;letter-spacing: -3px;word-break: keep-all;}

.hj--info-text {font-size: 18px;line-height: 1.4;text-align: justify;margin-bottom: 30px;letter-spacing: -2px;}

.hj--info-sign {text-align: right;}
.hj--info-sign span {display: block;font-size: 18px;line-height: 1.4;margin-bottom: 6px;}
.hj--info-sign img {height: 80px;}

/* esg hero */
.hj--esg-hero {position: relative; height: 100vh; overflow: hidden;}

.hj--esg-hero-card {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; text-align: center; width: 100%;}
.hj--esg-hero-label {color: #fff; margin-bottom: 15px; font-weight: 700; font-size: 28px; letter-spacing: -2px;}
.hj--esg-hero-thumb h2 {font-size: 42px; font-weight: 400; font-family: var(--sfont); letter-spacing: -1px; color: #fff; word-break: keep-all;}

.hj--esg-hero-bg {position: absolute; inset: 0; z-index: 1; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.hj--esg-img-wrap {position: absolute; width: 100vw; height: 100vh; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.3, 0.5); border-top-left-radius: 25%; border-bottom-right-radius: 25%; border-top-right-radius: 24px; border-bottom-left-radius: 24px; filter: brightness(1); overflow: hidden;}
.hj--esg-hero-bg img{
    width:100%;
    height:100%;
    object-fit:cover;

    /* 부모의 찌그러짐 보정 */
    transform:scaleX(calc(0.5 / 0.3));
    transform-origin:center;
}

.hj--esg-hero-content {position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%) translateY(100px); text-align: center; color: white; z-index: 2; opacity: 0; width: 100%; padding: 0 15px;}
.hj--esg-hero-content h2 {font-size: 40px; line-height: 1.2; letter-spacing: -3px; word-break: keep-all;}
.hj--esg-hero-sub {margin-bottom: 20px; opacity: 0.8; font-size: 18px; letter-spacing: 8px; text-transform: uppercase;}

@media (max-width: 1024px) {
  .hj--esg-img-wrap {transform: translate(-50%, -50%) scale(0.6);}
}

@media (max-width: 768px) {
  .hj--esg-hero-thumb h2 {font-size: 32px;}
  .hj--esg-hero-label {font-size: 16px; letter-spacing: -1px;}
  .hj--esg-hero-sub {margin-bottom: 15px; font-size: 14px; letter-spacing: 6px;}
  .hj--esg-hero-content h2 {font-size: 32px; letter-spacing: -2px;}
}

@media (max-width: 425px) {
  .hj--esg-img-wrap {transform: translate(-50%, -50%) scale(0.8, 0.6);}
  .hj--esg-hero-sub {margin-bottom: 10px; font-size: 12px; letter-spacing: 4px;}
  .hj--esg-hero-content h2 {font-size: 26px;}
}

@media (max-width: 375px) {
  .hj--esg-hero-thumb h2 {font-size: 26px; letter-spacing: -1px;}
}

/* esg header */
.hj--esg-header {text-align: center;margin-bottom: 80px;}
.hj--esg-header.mg_little {margin-bottom: 40px;}
.hj--esg-header h2 {font-size: 44px;font-weight: 400;font-family: var(--sfont);letter-spacing: -3px;word-break: keep-all; line-height: 1.2; letter-spacing: -2.5px;}
.hj--esg-header span {color: var(--mc);}
.hj--esg-header p {margin-bottom: 10px;font-size: 18px;letter-spacing: -1px;color: #666;word-break: keep-all;}
.hj--esg-header p.hj--esg-header-desc {line-height: 1.45; font-size: 18px; letter-spacing: -1.5px; word-break: keep-all; text-align: justify; margin-top: 25px;}

.hj--esg-inner {padding: 120px 0;}

/* esg table */
.hj--esg-table {width: 100%;overflow-x: auto;border-top: 3px solid var(--mc);}

.hj--esg-table-title {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 10px}
.hj--esg-table-title>h1 {font-size: 32px; letter-spacing: -2px; word-break: keep-all;}
.hj--esg-table-title>h1>img {display: inline-block; height: 50px; margin-right: 10px;}
.hj--esg-table-title>h1>span {opacity: 0.8; font-size: 24px;}
.hj--esg-table-title>h1>br {display: none;}

.hj--esg-table table {width: 100%;border-collapse: collapse;font-size: 16px;letter-spacing: -1px;word-break: keep-all;line-height: 1.45;}
.hj--esg-table thead th {padding: 16px 18px;font-weight: 600;background: #f3f6f4;color: #111;border-bottom: 1px solid #dcdfe3;}

.hj--esg-table tbody td {padding: 18px;border-bottom: 1px solid #bdbdbd;color: #333;vertical-align: middle;}
.hj--esg-table tbody tr {transition: background 0.2s ease;}
.hj--esg-table tbody tr:hover {background: #f8faf8;}
.hj--esg-table td.is-empty {color: transparent;}

/* .hj--esg-table tbody td {border-right: 5px solid #fff; border-left: 5px solid #fff;} */
.table-border2 {position: relative;}
.table-border2::after {content: ''; position: absolute; width: 70%; background-color: #bdbdbd; height: 1px; z-index: 100; right: 0; bottom: 0;}
.table-border2.w80::after {width: 80%;}
.table-border2.w100::after {width: 100%;}
.table-border2.b-1::after {bottom: -1%}
.table-border2.b-2::after {bottom: -2%}
.table-border2.thead-border::after {background-color: #dcdfe3}
.table-border td {border-right: 5px solid #fff; border-left: 5px solid #fff;}
.td-color {font-weight: 600;color: var(--mc) !important;background: #fafdfb;}
.hj--esg-table tbody td.td-color {border-left: none !important;border-right: none !important;}
.hj--esg-table tbody td:first-of-type {border-left: none !important;}
.hj--esg-table tbody td:last-of-type {border-right: none !important;}

@media (max-width: 768px) {
  .table-border2::after {display: none;}
}

sup {font-size: 10px;}
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.text-just {text-align: justify !important;}
.vertical-top {vertical-align: top !important;}
.break-all {word-break: break-all !important;}

p.title-small {font-size: 13px;color: #666;letter-spacing: -0.5px;}
p.table-comment {font-size: 13px;color: #666;letter-spacing: -0.5px; margin-top: 10px;}
p.table-c-top {font-size: 13px;color: #666;letter-spacing: -0.5px; margin-bottom: 10px;}

.height-150 {height: 150px;}
.height-250 {height: 250px;}

.hj--esg-upgrade-img {max-width: 100%; padding: 15px;}
.hj--esg-upgrade-img.padding-none {padding-left: 0; padding-right: 0;}
.hj--esg-upgrade-img img {width: 100%;}

sub>span.small-num {font-size: smaller;}

/* 공통 텍스트 */
#hj--text {line-height: 1.5;font-size: 18px;letter-spacing: -1px;/*word-break: keep-all;*/text-align: justify;margin-top: 25px;color: #333;}
@media (max-width: 768px) {
  #hj--text {font-size: 16px;}
}

/* 공통 버튼 */
#container .hj--esg-hr__actions {margin-top: 24px;text-align: left;font-weight: 700;letter-spacing: -1px;}
#container .hj--esg-hr__btn {padding: 12px 20px;font-size: 14px;border-radius: 6px;cursor: pointer;transition: all 0.2s ease;display: inline-block;}
#container .hj--esg-hr__btn>i {vertical-align: middle; margin-left: 2px;}
/* #container .hj--esg-hr__btn.primary {background: var(--mc);color: #fff;border: none;}
#container .hj--esg-hr__btn.primary:hover {background: var(--sc);}
#container .hj--esg-hr__btn.outline {background: var(--mc);color: #fff;border: none;}
#container .hj--esg-hr__btn.outline:hover {background: var(--sc);} */
#container .hj--esg-hr__btn.primary {background: #fff ;border: 1px solid var(--mc);color: var(--mc);}
#container .hj--esg-hr__btn.primary:hover {background: var(--mc);color: #fff;}
#container .hj--esg-hr__btn.outline {background: #fff ;border: 1px solid var(--mc);color: var(--mc);}
#container .hj--esg-hr__btn.outline:hover {background: var(--mc);color: #fff;}

#container .hj--esg-hr__btn:not(:first-of-type) {margin-left: 10px;}
@media (max-width: 425px) {
  #container .hj--esg-hr__actions {text-align: center;}
  #container .hj--esg-hr__btn:nth-of-type(n+1) {margin-top: 10px;}
}

/* esg tab menu */
.esg-tab-menu {display: grid;padding: 50px 0;}
.esg-tab {padding: 14px 0;background: #f5f5f5;border: none;border-right: 1px solid #ccc;cursor: pointer;font-size: 16px;transition: all 0.2s ease;display: block;text-align: center;}
.esg-tab:last-child {border-right: none;}
.esg-tab:hover {background: var(--mc);color: #fff;}
.esg-tab.active {background: var(--mc);color: #fff;font-weight: 600;}

.board_title {font-family: var(--sfont); text-align: center; font-size: 32px; font-weight: 400; letter-spacing: -2px;}

/* esg side menu */
/* .esg-side-menu {background: linear-gradient(180deg, var(--mc), var(--sc), var(--sc));padding: 20px 16px;position: sticky !important; top: 150px;border-radius: 12px;margin-top: 60px;} */
/* .esg-side-big {margin-bottom: 10px;display: block;font-size: 22px;font-weight: 700;color: #ffffff;text-decoration: none;padding-bottom: 10px;border-bottom: 2px solid rgba(255,255,255,0.2);padding-left: 10px;letter-spacing: -1px;} */

/* .esg-side-menu a {display: block;text-decoration: none;border-radius: 6px;transition: all 0.25s ease;} */
/* .esg-side-tab {color: var(--sc2);font-size: 18px;padding: 10px 12px;margin-bottom: 6px;letter-spacing: -1px;} */
/* .esg-side-tab:hover {background: #fff;color: var(--mc);transform: translateX(4px);} */
/* .esg-side-tab.active {background: #fff;color: var(--mc); font-weight: 700;} */
/* .esg-side-tab.active::before {content: "";display: inline-block;width: 4px;height: 14px;background: var(--mc);margin-right: 8px;border-radius: 2px;vertical-align: middle;} */

/* esg side menu2 */
.esg-side-menu {position: sticky !important; top: 150px;border-radius: 12px;margin-top: 60px;}
.esg-side-big {margin-bottom: 10px;display: block;font-size: 28px;font-weight: 700;color: var(--sc);text-decoration: none;padding-bottom: 10px;border-bottom: 4px solid var(--mc);padding-left: 10px;letter-spacing: -2px;}

.esg-side-menu a {display: block;text-decoration: none;border-radius: 6px;transition: all 0.25s ease; color: #333;}
.esg-side-tab {color: var(--sc2);font-size: 18px;padding: 10px 12px;margin-bottom: 6px;letter-spacing: -1px; position: relative;}
.esg-side-tab::after {position: absolute; content: ''; bottom: 0; left: 0; width: 0; height: 2px; opacity: 0.5; background-color: var(--sc3); transition: all 0.25s ease;}
.esg-side-tab:hover {background: #fff;color: var(--mc);transform: translateX(4px);}
.esg-side-tab.active {background: #fff;color: var(--mc); font-weight: 700;}
.esg-side-tab:hover::after {width: 100%;}
/* .esg-side-tab.active::before {content: "";display: inline-block;width: 4px;height: 14px;background: var(--mc);margin-right: 8px;border-radius: 2px;vertical-align: middle;} */

/* esg wrap */
.esg-wrap {display: grid; grid-template-columns: 0.3fr 1fr; gap: 50px;}
.esg-tab-menu {display: none;}
  
  @media (max-width: 1440px) {
    .esg-wrap {gap: 25px;}
}
  @media (max-width: 1024px) {
  .esg-wrap {display: block;}
  .esg-side-menu {display: none;}
  .esg-tab-menu {display: grid;}
}

.esg-left-wrap {padding: 100px 0 300px;}

@media (max-width: 1024px) {
  .esg-left-wrap {padding: 60px 15px;}
}

/* accordion */
/* .hj--accordion_wrap {padding: 100px 0 300px;} */
.hj--accordion {width: 100%;border-top: 2px solid #ccc;}
.hj--accordion-item {border-bottom: 1px solid #ddd;}
.hj--accordion-header {padding:25px 15px;background: #fff;cursor: pointer;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd; font-size: 20px; letter-spacing: -2px; font-weight: 700; line-height: 1.2; transition: all 0.3s;}
.hj--accordion-header:hover,
.hj--accordion-header.active {background: #f8faf8; color: var(--mc);}
.hj--accordion-content {display: none;padding: 15px;background: #fff;}
.hj--accordion-icon {transition: transform 0.3s;}
.hj--accordion-header.active .hj--accordion-icon {transform: rotate(180deg);}

/* hj--ul */
.hj--ul-old {font-size: 16px;letter-spacing: -1px;list-style-type: disc;line-height: 1.5;padding-left: 18px; word-break: keep-all;}

.hj--ul {}
.hj--ul>li {font-size: 18px;letter-spacing: -1px;line-height: 1.5;padding-left: 18px; /*word-break: keep-all;text-align: justify;*/ }
table .hj--ul>li {font-size: 16px;}
.hj--ul>li:not(.sub) {padding-left: 12px;position: relative;}
.hj--ul>li:not(.sub)::before {content: "•";position: absolute;left: 0;color: #111;}

.hj--ul-sub {}
.hj--ul-sub>li {color: #555;padding-left: 12px;position: relative;}
.hj--ul-sub>li::before {content: "-";position: absolute;left: 0;}
.hj--ul-sub.hj--ul-sub2>li::before {content: ":";}
.hj--ul-sub.hj--ul-sub-none>li {padding-left: 0;}
.hj--ul-sub.hj--ul-sub-none>li::before {display: none;}

.hj--ul-2row {display: grid; justify-content: space-between; gap: 20px; grid-template-columns: repeat(2, 1fr)}
@media (max-width: 768px) {
  .hj--ul-2row {display: block}
}

/* esg-report */
.hj--report-item {display: flex; align-items: center; justify-content: center; gap: 120px;}
.hj--report-img {width: 480px; overflow: hidden; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.08);}
.hj--report-img img {display: block; height: 100%; width: 100%; object-fit: cover;}
.hj--report-content h2 {font-size: 36px; font-weight: 400; margin-bottom: 20px; letter-spacing: -2px; font-family: var(--sfont); color: var(--mc); word-break: keep-all;}
.hj--report-btn {display: inline-block; padding: 12px 20px; border: 1px solid #ccc; font-size: 14px; transition: 0.3s; border-radius: 4px;}
.hj--report-btn>i {vertical-align: middle; display: inline-block; margin-left: 3px;}
.hj--report-btn:hover {background: var(--mc); color: #fff; border-color: var(--mc);}
.hj--report-divider {height: 1px; background: #e5e5e5; margin: 80px 0;}

@media (max-width: 1024px) {
  .hj--report-item {gap: 60px;}
  .hj--report-divider {margin: 60px 0;}
}

@media (max-width: 768px) {
  .hj--report-item {flex-direction: column; gap: 30px;}
  .hj--report-divider {margin: 30px 0;}
  .hj--report-content {text-align: center;}
}

@media (max-width: 425px) {
  .hj--report-img {width: 100%;}
  .hj--report-content h2 {font-size: 26px; letter-spacing: -2px;}
}

/* PR */
/* concept */
.pr_ci { padding: 100px 15px 200px; }
.hj-pr--title { margin: 0; font-size: 60px; font-weight: 800; line-height: 1; color: var(--mc); }
.hj--business__title.hj-pr-title { text-transform: uppercase; letter-spacing: -1px; }

.hj-pr--hero { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; margin-bottom: 100px; }
.hj-pr--hero-visual { display: flex; flex-direction: column; gap: 40px; }
.hj-pr--flag-wrap { border-radius: 24px; overflow: hidden; background: #f8f8f8; padding: 30px; }
.hj-pr--flag-wrap img { width: 100%; display: block; }
.hj-pr--trigram { display: grid; justify-content: center; grid-template-columns: repeat(4, 1fr);}
.hj-pr--trigram-item { text-align: center; }
.hj-pr--trigram-item img { width: 56px; display: block; margin: 0 auto 12px; opacity: .45; max-width: 100%; }
.hj-pr--trigram-item span { color: #999; font-size: 14px; }
.hj-pr--hero-symbol { display: flex; justify-content: center; align-items: center; padding: 45px; border-radius: 32px; background: var(--sc2); }

.hj-pr--content-grid { display: grid; grid-template-columns: 0.2fr 1fr 1fr; gap: 40px; margin-bottom: 100px; }
.hj-pr--content-block h3 { margin: 0 0 30px; font-size: 24px; font-weight: 800; color: #111; letter-spacing: -0.5px; }
.hj-pr--content-block p { margin: 0 0 18px; font-size: 16px; line-height: 1.45; color: #555; word-break: keep-all; letter-spacing: -1px; }

.hj-pr--color-system { display: grid; grid-template-columns: 1fr; gap: 30px; }
.hj-pr--green { background: var(--mc); }
.hj-pr--darkgreen { background: var(--sc); }
.hj-pr--color-card { display: flex; overflow: hidden; position: relative; border-radius: 24px; }
.hj-pr--color-info { padding: 36px 15px; color: #fff;text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; position: absolute;}
.hj-pr--color-info h4 { margin: 0 0 15px; font-size: 22px; font-weight: 800; letter-spacing: -0.5px; }
.hj-pr--color-info li { font-size: 16px; line-height: 1.45; letter-spacing: -0.5px; }

@media (max-width: 1024px) {
  .hj-pr--color-card {height: 180px;}
  .hj-pr--content-block p {margin-bottom: 0;}
  .hj-pr--hero { grid-template-columns: 1fr; gap: 60px; }
  .hj-pr--content-grid { grid-template-columns: 1fr; gap: 60px; }
  .hj-pr--color-system { grid-template-columns: 1fr; }
  .hj-pr--title { font-size: 44px; }
}
@media (max-width: 425px) {
  .hj-pr--trigram {grid-template-columns: repeat(2, 1fr);}
}

/* overview.php */
.hj-pr--overview-img {margin-bottom: 20px;}
.hj-pr--overview-img img {width: 100%;}


.pc1600 {display:block}
.m1600 {display:none}
.hj--esg-table thead th {width:193px}

@media all and (max-width:1600px) {
.pc1600 {display:none}
.m1600 {display:block}
.hj--esg-table thead th {width:auto}
}