/* 
 * GitHub Repository Phishing Alert Appeal & Project Verification
 이 페이지는 깃허브에서 발생한 피싱 경고 오탐지(False Positive)를 해명하고, 해당 코드가 순수한 학습 및 포트폴리오용임을 증명하기 위해 작성되었습니다.
  This CSS is part of a student project. 
  Any resemblance to real-world commercial sites is purely for design practice.
*/
#wrap {}
#wrap * {
    transition: all 0.3s; /* 크기변형 애니메이션 부드럽게 */
}
/* -------------------------------------------------띠배너 */
.tie_bnr {
    background-color: #000000;
    width: 100%;
    text-align: center;
    padding: 9.25px 0;
}
.tie_bnr a {
    font-size: 0.81rem;
    color: white;
}
/* -------------------------------------------------메인~헤더 */
#wrap {}
#wrap header {
    width: 100%;
    position: sticky; top:0; z-index: 999;
}
#wrap header .sub_bg {
    display: none;
    position: absolute; z-index: 800;
    background-color: #fcfcfc;
    width: 100%; height: 440px;
}
#wrap header .top_bnr {
    display: flex; flex-flow: row nowrap;
    justify-content:space-between; align-items: center;
    height: 48px;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 0 55px;
    position: relative; z-index: 998;
}
#wrap header .top_bnr .bnr_left {
    display: flex; flex-flow: row nowrap;
    justify-content:space-between; align-items:center;
    gap:30px;
}
#wrap header .top_bnr .bnr_left h1 {
    width: 176px; height: 22px;
}
#wrap header .top_bnr .bnr_left h1 .bblogo {}
#wrap header .top_bnr .bnr_left h1 .bblogo img {width: 100%;}
#wrap header .top_bnr .bnr_left .nav {
    display: flex; flex-flow: row nowrap;
    justify-content:space-between; align-items:start;
    font-size: 0.88rem; line-height: 1.2; font-weight: 500;
    gap: 30px;
    position: relative; top:0;
}
#wrap header .top_bnr .bnr_left .nav li {
    text-align:left;
}
#wrap header .top_bnr .bnr_left .nav li .navmain {
    padding: 20px 22px;
}
#wrap header .top_bnr .bnr_left .nav li .navmain:hover {
    border-bottom: 2px solid #E72819;
    color: #E72819;
}
#wrap header .top_bnr .bnr_left .nav li a {
    font-size: 0.88rem; font-weight: 500; line-height: 1.5;
}
#wrap header .top_bnr .bnr_left .nav li .lnb_depth {
    width: max-content;
    display: none; flex-flow: column nowrap;
    text-align:left;
    margin-top: 40px;
    gap:18px;
    position: absolute;
}
#wrap header .top_bnr .bnr_left .nav li .lnb_depth > li {
    margin-left: 22px;
}
#wrap header .top_bnr .bnr_left .nav li .lnb_depth .event_row {
    display: flex;  flex-flow: row nowrap; align-items: end;
}
#wrap header .top_bnr .bnr_left .nav li .lnb_depth li a {}
#wrap header .top_bnr .bnr_left .nav li .lnb_depth li a span {margin-left: 1px; width: 10px;}
#wrap header .top_bnr .bnr_left .nav li .lnb_depth li a span img {width: 100%;
}
#wrap header .top_bnr .bnr_left .nav li .lnb_depth li .lnb_depth_2 {
    display: flex; flex-flow: column nowrap;
    text-align: left;
    gap:13px;
    margin-top: 13px;
}
#wrap header .top_bnr .bnr_left .nav li .lnb_depth li .lnb_depth_2 li {
    margin-left: 15px;
}
#wrap header .top_bnr .bnr_left .nav li .lnb_depth li .lnb_depth_2 li a {
    font-size: 0.75rem; font-weight:300; line-height: 1.5;
}
#wrap header .top_bnr .bnr_left .nav li .lnb_depth li a img {width: 100%;}
/* #wrap header .top_bnr .bnr_left .nav li:nth-child(1) {width: 103px;}
#wrap header .top_bnr .bnr_left .nav li:nth-child(2) {width: 86px;}
#wrap header .top_bnr .bnr_left .nav li:nth-child(3) {width: 98px;}
#wrap header .top_bnr .bnr_left .nav li:nth-child(4) {width: 82px;}
#wrap header .top_bnr .bnr_left .nav li:nth-child(5) {width: 73px;}
#wrap header .top_bnr .bnr_left .nav li:nth-child(6) {width: 68px;} */
#wrap header .top_bnr .bnr_right {
    display: flex; flex-flow: row nowrap;
    justify-content:space-between; align-items:center;
    gap: 15px;
}
#wrap header .top_bnr .bnr_right a {
    font-size: 0.88rem; line-height: 1.2; font-weight: 500;
    height: 18px;
}
#wrap header .top_bnr .bnr_right a:nth-child(1) {width: 18px; height: 18px;}
#wrap header .top_bnr .bnr_right a:nth-child(2) {width: 20px; height: 18px;}
#wrap header .top_bnr .bnr_right a:nth-child(3) {width: 17px; height: 17px;}
#wrap header .top_bnr .bnr_right a:nth-child(4) {width: 19px; height: 19px;}
#wrap header .top_bnr .bnr_right a:nth-child(5) {line-height: 1.2;}
#wrap header .top_bnr .bnr_right a img {width: 100%;}
#wrap header .top_bnr .bnr_short {
    display: none; flex-flow: row nowrap;
    justify-content:space-between; align-items:center;
    text-align: right;
    gap: 15px;
}
#wrap header .top_bnr .bnr_short a {
    display:inline-block; 
}
#wrap header .top_bnr .bnr_short #ham {
    width: 11px;
}

#wrap header .top_bnr .bnr_short #ham img {width: 100%;}
#wrap header .top_bnr .bnr_short a:nth-child(1) {width: 18px; height: 18px;
}
#wrap header .top_bnr .bnr_short a:nth-child(2) {width: 18px; height: 18px;}
#wrap header .top_bnr .bnr_short a img {width: 100%;}

#wrap header .top_bnr .bnr_short .m_bg {
    display: none;
    position: fixed; right:0; top:0; z-index: 888;
    width: 100%; height: 100vh;
    background: rgba(49, 49, 49, 0.7);
}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap {
    background:  #fcfcfc;
    position: relative; z-index: 999;
    height: 100vh; max-width:320px; min-width: 160px;
    margin-left: auto; /* 메뉴창 오른쪽 정렬 */
}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .top {
    padding-top: 20px;
    display: flex; flex-flow: row nowrap; gap:10px; align-items: center;
    justify-content: end;
    margin: 0 25px 30px 0;
}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .top a:first-child {line-height: 1.1;}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .top a {line-height: 1.0;}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .top .close_ham {width: 10px; line-height: 0.6;}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .top a img {width: 100%;}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .m_nav {}
header .m_bg .m_side_wrap .user_menu {
    display: flex; flex-flow: row nowrap;
}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .m_nav .nav {}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .m_nav .nav > li {
    display: flex; flex-flow: column nowrap;
    padding: 15px 20px;
    position: relative;
}
/* nav_row: navmain + arrow_btn 가로 정렬 */
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .m_nav .nav > li .nav_row {
    display: flex; flex-flow: row nowrap;
    justify-content: space-between; align-items: center;
}
/* 데스크톱에서는 nav_row를 투명하게 통과시키고, arrow_btn은 숨김 */
#wrap header .top_bnr .bnr_left .nav li .nav_row {
    display: contents;
}
#wrap header .top_bnr .bnr_left .nav li .nav_row .arrow_btn {
    display: none;
}
/* arrow_btn 공통 */
.arrow_btn {
    background: none; border: none; cursor: pointer;
    width: 14px; height: 14px;
    padding: 0; flex-shrink: 0;
}
.arrow_btn img {
    width: 100%; display: block;
    transition: transform 0.3s;
}
.arrow_btn.open img {
    transform: rotate(90deg);
}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .m_nav .nav > li > a {}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .m_nav .nav > li > .lnb_depth {
    text-align: left;
    margin: 20px 0 0 20px;
    height: 0; overflow: hidden;
}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .m_nav .nav > li > .lnb_depth > li {
    padding: 4px 0;
}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .m_nav .nav > li > .lnb_depth .event_row {
    padding: 4px 0;
    display: flex;  flex-flow: row nowrap; align-items: end;
}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .m_nav .nav > li > .lnb_depth .event_row a {line-height: 1.25;}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .m_nav .nav > li > .lnb_depth .event_row span {margin-left: 3px;}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .m_nav .nav > li > .lnb_depth .event_row span img {width: 100%;}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .m_nav .nav > li > .lnb_depth > li > a {
    font-size: 0.95rem; font-weight: 300; line-height: 1.5;
    width: max-content;
    justify-content:flex-end;
}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .m_nav .nav > li > .lnb_depth > li .lnb_depth_2 {
    margin: 5px 0 0 10px;
}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .m_nav .nav > li > .lnb_depth > li .lnb_depth_2 > li {
    display: flex;  flex-flow: row nowrap; align-items:flex-start;
}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .m_nav .nav > li > .lnb_depth > li .lnb_depth_2 > li > a {
    font-size: 0.85rem; font-weight: 300; line-height: 1.5;
    width: 100%;
    justify-content: flex-start;
}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .user_menu {}
#wrap header .top_bnr .bnr_short .m_bg .m_side_wrap .m_nav .nav > li:has(.arrow_btn.open) > .nav_row > .navmain {
    color: #E72819;
}

/* -------------------------------------------------메인~섹션별 설정 */
#wrap main {}
#wrap main .section {
    margin: 0 auto;
    padding: 0 50px;
    width: 1420px;
    margin-bottom: 100px;
}
#wrap main .section .title {
    width: 100%;
    display: flex; flex-flow: row nowrap;
    justify-content: space-between; align-items:flex-end;
    padding-bottom: 25px;
}
#wrap main .section .title .title_info {
    display: flex; flex-flow: row nowrap;
    justify-content: space-between; align-items:flex-end;
}
#wrap main .section .title .title_info h1 {
    font-size: 1.69rem; font-weight: 600;
    margin-right: 9px;
}
#wrap main .section .title .title_info p {
    font-size: 1.0rem; font-weight: 300;
}
#wrap main .section .title .more_btn {}
#wrap main .section .container {width: 100%;}
#wrap main * .more_btn u {
    font-size: 0.69rem; font-weight:500;
}
/* -------------------------------------------------footer */
#wrap footer {
    background-color: #000;
    padding-top:45px;
}
#wrap footer * {
    color: #fff;
    font-size: 0.69rem; font-weight: 200; line-height: 1.5;
}
#wrap footer * em {
    font-size: 0.75rem; font-weight:600; line-height: 1.5;
}
#wrap footer .line_zone {
    display: flex; flex-flow: row nowrap;
    justify-content: center; align-items: center;
    gap:150px;
    border-top : 1px solid #fff;
    border-bottom : 1px solid #fff;
}
#wrap footer .line_zone .f_line {
    background-color: #fff;
    width: 1px; height:279px;
}
#wrap footer .line_zone .logozone {}
#wrap footer .line_zone .logozone a {}
#wrap footer .line_zone .logozone a img {width: 100%; height: 86px;}
#wrap footer .line_zone .f_menu {}
#wrap footer .line_zone .f_menu p {}
#wrap footer .line_zone .f_menu p em {}
#wrap footer .line_zone div .f_bundle {
    display: flex; flex-flow: column nowrap;
    width: max-content;
    margin-top: 6px;
}
#wrap footer .line_zone div .f_bundle a {
    padding: 3px 0;
}
#wrap footer .line_zone .f_menu .f_bundle {}
#wrap footer .line_zone .f_menu .f_bundle a {}
#wrap footer .line_zone .f_contact {}
#wrap footer .line_zone .f_contact p {}
#wrap footer .line_zone .f_contact p em {}
#wrap footer .line_zone .f_contact .f_bundle {}
#wrap footer .line_zone .f_contact .f_bundle a {}
#wrap footer .line_zone .f_customer {}
#wrap footer .line_zone .f_customer p {}
#wrap footer .line_zone .f_customer p em {}
#wrap footer .line_zone .f_customer .f_bundle {}
#wrap footer .line_zone .f_customer .f_bundle .c_center {}
#wrap footer .line_zone .f_customer .f_bundle .c_center .center_o {}
#wrap footer .line_zone .f_customer .f_bundle .c_center .center_o dt {}
#wrap footer .line_zone .f_customer .f_bundle .c_center .center_o dt em {}
#wrap footer .line_zone .f_customer .f_bundle .c_center .center_o dd {}
#wrap footer .line_zone .f_customer .f_bundle .c_center .center_o dd p {}
#wrap footer .line_zone .f_customer .f_bundle .c_center .center_m {}
#wrap footer .line_zone .f_customer .f_bundle .c_center .center_m dt {}
#wrap footer .line_zone .f_customer .f_bundle .c_center .center_m dt em {}
#wrap footer .line_zone .f_customer .f_bundle .c_center .center_m dd {}
#wrap footer .line_zone .f_customer .f_bundle .c_center .center_m dd p {}
#wrap footer .line_zone .f_customer .f_bundle .c_cs {}
#wrap footer .line_zone .f_customer .f_bundle .c_cs p {}
#wrap footer .line_zone .f_customer .f_bundle .c_cs p em {}
#wrap footer address {
    margin: 0 auto;
    text-align: center;
    width: 896px;
    padding: 15px 0;
}
#wrap footer address p {}
#wrap footer address p:first-child {
    margin-bottom: 7px;
}