/* 2025리뉴얼 헤더수정 */
.header {position:fixed; top:0; left:0; right:0; width:100%; min-width:320px; background:transparent; box-sizing:border-box; z-index:2000;}
.header_wrap { position:relative; height:70px; padding:0; background:transparent; transition:all 0.3s ease; overflow:hidden; box-sizing:border-box; box-shadow:0 14px 36px rgba(0, 0, 0, 0);}
.header_wrap .inner{display: flex; justify-content: space-between;}
.header_wrap.open {box-shadow:0 14px 36px rgba(0, 0, 0, 0.06); background:#fff;}
.header_wrap.open:before {opacity:1; transition-delay:0.15s;}
.header_wrap::after {content:""; display:block; position:absolute; top:69px; left:0; right:0; width:100%; height:1px; background-color:rgba(255, 255, 255,0.3);}
.header_wrap.fix::after {content:""; display:block; position:absolute; top:69px; left:0; right:0; width:100%; height:1px; background-color:#e6e6e6;}
.header_wrap.open::after {background-color:#E6E6E6;}

.header_wrap.fix{background:#fff;}


.header_wrap .header_logo {padding-top: 23px;}
.header_wrap .header_logo a{display:block; width: 170px; height: 25px; background:url('../images/logo/kgci_white.svg')center center no-repeat; }
.header_wrap.open .header_logo a,
.header_wrap.fix .header_logo a {background:url('../images/logo/kgci_color.svg')center center no-repeat; }

/* .nav {display:block; position:relative; width:100%; max-width:1180px; margin:0 auto;} */
.header_wrap .nav .gnb {display:flex; justify-content:space-between; position:relative;}
.header_wrap .nav .gnb .mn_l1 {position:relative; width:140px;}
.header_wrap .nav .gnb .mn_l1 .mn_a1 {display:flex; align-items:center; justify-content:center; position:relative; padding:20px 0 20px; border-bottom:2px solid transparent; font-size:18px; font-weight:400; line-height:30px; letter-spacing:-0.5px; color:#fff; transition:all 0.3s ease; font-family:'OnemobileT', sans-serif; box-sizing:border-box;}
.header_wrap.open .nav .gnb .mn_l1 .mn_a1,
.header_wrap.fix .nav .gnb .mn_l1 .mn_a1 {color:#333;}
.header_wrap .nav .gnb .mn_l1 .mn_a1 .img_leaf{width:20px; margin-left: 2px;}
.header_wrap .nav .gnb .mn_l1:hover .mn_a1, 
.header_wrap .nav .gnb .mn_l1 .mn_a1:hover {color:#905CFF; border-color:#905CFF;}
.header_wrap .nav .gnb .depth2 {display:block; position:relative; padding:20px 0 30px; transition:all 0.3s ease; transition-delay:0.1s; box-sizing:border-box;}
.header_wrap .nav .gnb .depth2 .mn_l2 {position:relative; width:100%; text-align:center;}
.header_wrap .nav .gnb .depth2 .mn_l2 + .mn_l2 {margin-top:18px;} 
.header_wrap .nav .gnb .depth2 .mn_l2 .mn_a2 {display:inline-flex; align-items:center; justify-content:center; position:relative; font-size:18px; font-weight:400; line-height:1.4; letter-spacing:-0.06em; color:#444444; transition:all 0.3s ease;}
.header_wrap .nav .gnb .depth2 .mn_l2 .mn_a2 span {font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.05em; color:#444444; transition:all 0.3s ease;}
.header_wrap .nav .gnb .depth2 .mn_l2 .mn_a2:hover span, .nav .gnb .depth2 .mn_l2 .mn_a2:focus span {color:#905CFF;}
.header_wrap .nav .gnb .depth2 .mn_l2 .mn_a2 + .depth3 {margin-top:10px;}


.header_wrap .gnb_admin { font-size: 16px; overflow: hidden; }
.header_wrap .gnb_admin > a {position: relative; display: inline-block; vertical-align: middle; color: #fff; border:1px solid #fff; border-radius: 60px; padding:12px 16px; margin-top:13px; 
  z-index: 1; overflow: hidden;}
.header_wrap.open .gnb_admin > a,
.header_wrap.fix .gnb_admin > a { color: #5f17bc; border:1px solid #5f17bc;} 


 /* 모바일 메뉴 */
.m_header_wrap{display: none;z-index: 9999; width:100%; position:relative; height:70px; margin-top: 65px; background-color: #fff; border-bottom: 1px solid #e6e6e6;}
.m_header_wrap.fix{position: fixed;top:0; margin-top: 0;}
.m_header_wrap .inner{display: flex; justify-content: space-between; width:100%; height:100%; align-items: center; padding:0 20px;} /*250812 수정*/
.m_header_wrap .header_logo a {display:block; width: 170px; height: 25px; background:url('../images/logo/kgci_color.svg')center center no-repeat; }
.m_header_wrap .m_menu {display:block; width: 25px; height: 25px; background:url('../images/menu.svg')center center no-repeat; background-size: 78%; }

.m_header_wrap .wrapper{position:fixed; padding-top:70px; right:-100%; top:0px; width:70%; height:100vh; background-color: #fff;z-index: 9999;}
.m_header_wrap .wrapper.on{right:0;box-shadow: -368px 0px 0px 500px #0000004f;}
.m_header_wrap .wrapper .close{ position:absolute;top:20px; right:20px; width: 30px; height: 30px; background:url('../images/close.svg')center center no-repeat;background-size:20px }
.m_header_wrap .wrapper .m_gnb>li{line-height: 50px; font-size: 16px; color: #555555;}
.m_header_wrap .wrapper .m_gnb>li a{display: block; position: relative; padding-left: 25px;}
.m_header_wrap .wrapper .m_gnb>li .sub{height:0; overflow: hidden; background: #f7f7f7;}
.m_header_wrap .wrapper .m_gnb>li .sub ul{ padding:10px 0;}
.m_header_wrap .wrapper .m_gnb>li .sub ul li{font-style: 14px; line-height: 36px; color:#6e6e73;}
.m_header_wrap .wrapper .m_gnb>li .sub ul li a{display: block; padding-left: 35px; transition:.3s;}

.m_header_wrap .wrapper .admin{
    display: block;
    margin: 25px 20px 50px 20px;
    width: calc(100% - 42px);
    border: 1px solid #e0e0e0;
    line-height: 50px;
    border-radius: 8px;
    text-align: center;
    font-size: 15px;
    background-color: #905CFF;
    color:#fff;
    /* border:1px solid #905CFF;
    color: #905CFF; */
}


.m_header_wrap .wrapper .m_gnb>li a.dept1.viewm::before{
    content: "";
    width: 13px;
    height: 1px;
    background: rgb(163, 163, 163);
    position: absolute;
    top: 25px;
    right: 26px;
    transition: .3s;
    transform: rotate(90deg);
}
.m_header_wrap .wrapper .m_gnb>li a.dept1.viewm.rot::before{ transform: rotate(180deg);}
.m_header_wrap .wrapper .m_gnb>li a.dept1.viewm::after{
    content: "";
    width: 13px;
    height: 1px;
    background: rgb(163, 163, 163);
    position: absolute;
    top: 25px;
    right: 26px;
}


/* 2025리뉴얼 헤더수정 끝 */


 /* 240201 수정 */ 
.subpage_tit { height: 410px; background-position: center; } /* 250812 수정 */
.subpage_tit.admg { margin-top: 70px; } 

.subpage_tit.tech { background-image: url(../images/renewal/tech_bg_pc.png); background-color: transparent; background-size: cover; }
.subpage_tit.cservice { background-image: url(../images/renewal/cust_bg_pc.png); background-color: transparent; background-size: cover; }
.subpage_tit.cservice .txt_wrap p { color: #fff; opacity: .5; }
.subpage_tit.serapply { background-image: url(../images/renewal/servReg_bg_pc.png); background-color: transparent; background-size: cover; }
.subpage_tit.serapply .txt_wrap p { color: #fff; opacity: .5; }
.subpage_tit.service_pay { background-image: url(../images/renewal/servIntro_bg_pc.png); background-color: transparent; background-size: cover; }
.subpage_tit.service_pay .txt_wrap p { color: #fff; opacity: .5; }
.subpage_tit .txt_wrap { padding-top: 195px; }/* 250812 수정 */
.subpage_tit .txt_wrap h2 { color: #fff; font-size: 42px; font-weight: 700; letter-spacing: -2px; }
.subpage_tit .txt_wrap p { color: #fff; opacity: .5; font-size: 17px; letter-spacing: 5px; margin-top: 20px; } 
/* 240201 수정 */

.subpage_tit.term { height: 320px; background-color: #f2f2f2; } /* 250812 수정 */
.subpage_tit.term .txt_wrap { padding-top: 152px; text-align: center; } /* 250812 수정 */
.subpage_tit.term .txt_wrap h2 { font-size: 47px; color: #333; /* 240221 추가 */}

.subpage_tit.term .txt_wrap p { color: #bcbcbc; opacity: 1; /* 240221 추가 */}

/* go to top button */

.float_top { position: fixed; visibility: hidden; opacity: 0; width: 60px; height: 60px; right: 40px; bottom: 40px; z-index: 9; background-image: url(../images/2025/top_btn.png); background-repeat: no-repeat; background-position: center; background-size: 65px; background-color: rgb(185 185 185); border-radius: 50%; transition: all 0.5s; }
.float_top.visib { visibility: visible; transition: all 0.5s; opacity: 1; }
.float_top .topbtn { display: block; height: 100%; border-radius: 50%; }
.float_top:hover { background-color: #905CFF; } 

/* 20231004 추가 */

/* go to kakao chat button */

.float_kakao { position: fixed; visibility: visible; opacity: 1; width: 60px; height: 60px; right: 40px; bottom: 40px; z-index: 10; background-image: url(../images/2025/kakao_btn.png); background-repeat: no-repeat; background-position: center; background-size: 65px; background-color: #FFDA00; border-radius: 50%; transition: all 0.5s; } 

.float_kakao.scldown { bottom: 112px; transition: all 0.5s; }
.float_kakao .topbtn { display: block; height: 100%; border-radius: 50%; } 
/* end 20231004 추가 */

/* 240102 ESG */
.subpage_tit.esg { background: url(../images/renewal/esg_bg_pc.png) no-repeat; /* 240221 수정 */
 background-position: center; height: 410px; background-size: cover; /* 250812 수정 */}
.subpage_tit.esg .txt_wrap { padding-top: 195px; } /* 250812 수정 */
.subpage_tit.esg .txt_wrap h2 { color: #fff; font-size: 48px; font-weight: 700; letter-spacing: -2px; } 
.subpage_tit.esg .txt_wrap .sub { font-size: 18px; letter-spacing: 5px; margin-top: 20px; color: #fff; font-weight: 400; opacity: .5; } 
/* 240102 ESG */

/* footer */
footer { background-color: #252830; } 
footer .ft { position: relative; overflow: hidden; margin-top: 180px; }
.ft .company { font-size: 14px; overflow: hidden; padding-top: 50px; padding-bottom: 60px; } 
.ft .company .company-wrap { display: flex; flex-direction: row-reverse; align-items: center; }
.ft .company .site_wrap::after { display: block; content: ''; clear: both; }
.ft .company .kg_info { float: left; width: calc(100% - 250px); }
.ft .company .kg_info h1 { }
.ft .company .kg_info h1 a { background-image: url(../images/logo/kgci_gray.svg); display: block; width: 135px; height: 60px; }
.ft .company .kg_info .center { color:#fff; padding-top:16px; font-size: 18px; opacity: 0.8; }
.ft .company .kg_info .loc { display: flex; flex-direction:column; gap:28px; line-height: 25px; padding-top: 5px; } /* 20250814 수정 */
.ft .company .kg_info .loc2 { display: flex; flex-direction:row; gap:22px;  }/* 20250814 수정 */
.ft .company .kg_info .loc2 .left {display: flex; flex-direction: column; justify-content: space-between; }/* 20250814 추가 */
.ft .company .kg_info .loc p { color: #bababa; margin-right: 15px; display: inline-block; }
.ft .company .kg_info .loc span.tit { color: #8b8b8b; margin-right: 5px; } 
.ft .company .kg_info .right { color:#8b8b8b; opacity: .8; }
.ft .company .law { color: #fff; display: flex; gap: 15px; }
.ft .company .kg_info .law a { transition: .3s ease-out; }
.ft .company .kg_info .law a:first-child { margin-right: 22px; position: relative; color: #242424; }
.ft .company .kg_info .law a:first-child::after { content: ""; position: absolute; width: 1px; height: 10px; top: 4px; right: -13px; background-color: #cfcfcf; }
.ft .company .kg_info .law a:hover { color: #242424; }
.ft .company .siteconnect { float: right; width: 250px; }
.ft .company .siteconnect .scline { overflow: hidden; border: 1px solid rgba(255, 255, 255,0.5); margin-bottom: 12px; border-radius: 10px; padding: 5px; }
.ft .company .siteconnect .scline:last-child { margin-bottom: 0; }
.ft .company .siteconnect .scline:focus-within { border-color: #b5b5b5; }
.ft .company .siteconnect .scline select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #252830; background-image: url(../images/2025/sc_arrow.svg); background-size: 10px; background-position: 92% 50%; background-repeat: no-repeat; border: 0; width: calc(100% - 60px); float: left; border-radius: 0; color: rgba(255, 255, 255,0.8); font-size: 15px; line-height: 22px; cursor: pointer; padding: 10px; }
.ft .company .siteconnect .scline select option { color: rgba(255, 255, 255,0.8); }
.ft .company .siteconnect .scline select option:disabled { color: #cbcbcb; }
.ft .company .siteconnect .scline select:last-child { margin-bottom: 0; }
.ft .company .siteconnect .scline a.scmove { float: left; width: 60px; background-color: #525252; line-height: 42px; text-align: center; font-size: 14px; color: #fff; border-radius: 10px; }
.ft .company .ftline { width: 100%; height: 1px; background: #E7E7E7; opacity: 0.3; float: left; margin: 25px 0 20px; }  /* 20250814 수정 */
.ft .company .rights_snsban { width: 100%; overflow: hidden; display: flex; justify-content:space-between; } 
.ft .company .rights_snsban .right { color: #bababa; float: left; }
.ft .company .rights_snsban .right span { }
.ft .company .rights_snsban .icon_wrap { float: right; }
.ft .company .rights_snsban .icon_wrap .sns_icn { }
.ft .company .rights_snsban .icon_wrap .sns_icn a { display: inline-block; width: 30px; height: 30px; background-color: #686868; border-radius: 50%; margin-left: 5px; transition: .3s ease-out; cursor: pointer; }
.ft .company .rights_snsban .icon_wrap .sns_icn a:hover { background-color: #999; }
.ft .company .rights_snsban .icon_wrap .sns_icn a.youtube { background-image: url(../images/logo/ft_sns_youtube.svg); background-position: center; background-size: 60%; }
.ft .company .rights_snsban .icon_wrap .sns_icn a.facebook { background-image: url(../images/logo/ft_sns_face.svg); background-position: center; background-size: 33%; }
.ft .company .rights_snsban .icon_wrap .sns_icn a.insta { background-image: url(../images/logo/ft_sns_insta.svg); background-position: center; background-size: 60%; }
.ft .company .rights_snsban .icon_wrap .sns_icn a.blog { background-image: url(../images/logo/ft_sns_blog.svg); background-position: center; background-size: 60%; }
.ft .company .rights_snsban .icon_wrap .sns_icn a.isms { background-image: url(../images/logo/isms.svg); background-position: center; background-size: 100%; background-color: #fff; }
.ft .company .rights_snsban .icon_wrap .sns_icn a.escrow { background-image: url(../images/logo/escrow.svg); background-position: center; background-size: 100%; background-color: #fff; }
/* 250814 수정 */
.ft .company .certi { display: flex; gap: 18px;  text-align: center; } 
.ft .company .certi>div { display:flex; flex-direction: column; gap: 10px; align-items: center; }
.ft .company .certi>div img { width:55px; } 
.ft .company .certi>div span { color:#bababa; line-height: 1.3; font-size: 12px; word-break:keep-all;}
.ft .company .certi>div span br.isms_br{ display: none ;} /* 250903 추가  */ 
/* 250814 수정 */