@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Pretendard:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://cdn.jsdelivr.net/npm/pretendard@1.1.3/dist/web/static/pretendard.css');

.sub-wrap #header {
    background: #000000;
    position: relative;
}

*, ::after, ::before {
    box-sizing: border-box;
}



.navbar li > a, .navbar li > a:focus {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 17px;
    font-size: 17px;
    font-weight: 400;
    color: #ffffff;
    white-space: nowrap;
    transition: 0.3s;
    position: relative;
}

section .btns {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

section .btn {
    font-size: 20px;
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.8);
}

#footer {
    background: #2d2d2d;
    color: #dbdbdb;
    font-size: 14px;
    text-align: center;
    padding: 30px 0;
}
#footer .menu1 a {
    font-size: 0.9rem;
    padding: 0.5rem 0.8rem;
    color: #dbdbdb;
    word-break: keep-all;
    white-space: nowrap;
    font-weight: 200;
}
#sod_fin .sod_left h3{
	border:0px;
	padding:0px;
}

#sod_fin{
	width:100%;
	max-width:1000px;
	display:flex;
	align-items: center;
	flex-direction:column;
	margin:0 auto;
	padding:40px 20px;
	
}
#sod_fin_pay ul{padding:0px;}
#sod_fin_pay li{padding:8px 15px;}
#sod_fin_orderer, #sod_fin_receiver, #sod_fin_dvr{padding:0px;}
#sod_fin_pay{margin:0px; padding:0px; width:auto;border:0px;}
#sod_fin_list{ width:100%; }
#sod_bsk_tot2{border:1px solid #f1f1f1;}

.mmSwiper {
	position: relative;
	overflow: hidden;
}
.mmSwiper .swiper-wrapper {
    list-style: none;
    margin: 0;
    padding: 0;
}

#sod_fin .sod_left td{
	padding:10px 15px;
}
section#main-section {
    position: relative;
    padding: 0;
    overflow: hidden;
    margin: 0px;
}
section#main-section:before {
    content: "";
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

#main {
    position: relative;
    font-family: 'Pretendard';
    padding: 0;
}
	
#header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    transition: all 0.5s;
}

#header .logo img {
    max-height: 86px;
}

.navbar > ul > li {
    position: relative;
    white-space: nowrap;
    margin: 0 12px;
}
.navbar ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
}
.navbar {
    padding: 0;
}
.navbar-mobile > ul {
    border-radius: 20px;
}
.navbar-mobile ul {
    display: block;
    position: absolute;
    top: 55px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    padding: 10px 0;
    background-color: #fff;
    overflow-y: auto;
    transition: 0.3s;
}
.mobile-nav-toggle.bi-list {
    color: #000;
}
.navbar-mobile li > a, .navbar-mobile li > a:focus {
    padding: 10px 20px;
    font-size: 15px;
    color: #282828;
}
.navbar-mobile ul {
    display: block;
    position: absolute;
    top: 55px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    padding: 10px 0;
    background-color: #fff;
    overflow-y: auto;
    transition: 0.3s;
}

.navbar-mobile .mobile-nav-toggle {
    position: absolute;
    top: 15px;
    right: 15px;
}
.mobile-nav-toggle.bi-x {
    color: #fff !important;
}
.navbar-mobile {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(15, 15, 15, 0.9);
    transition: 0.3s;
    z-index: 999;
}

#sod_frm{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.sod_left {
   width:100%;
   margin:0px;
}
.sod_right{
	width:100%;
	padding:0px;
}
#forderform{
	padding:20px;
}
.tbl_head03 td{
	border:0px;
}
#settle_bank{
	border:0px;
}
#hd, #wrapper, #ft{
	width:100%;
	max-width:100%;
	min-width:100%;
}
#ft_wr{
	max-width:100%;
	width:100%;
}
#sod_frm .tbl_frm01 td input{
	width:auto;
}
#sod_frm .tbl_frm01 th, #sod_frm .tbl_frm01 td{
	line-height:25px;
}

input.designed[type=radio]:checked + label:before {
  margin-right:5px;
}
.tbl_frm01 table{
	border:1px solid #f1f1f1;
}
.frm_input{
	height:30px;
}
#sod_frm .tbl_frm01 th{
	background-color:#f1f1f1;
	text-align:center;
    vertical-align: middle !important;	
	width:90px;
}
#sod_frm .tbl_frm01 radio{
	margin-right:2px;
}
#sod_frm_orderer, #sod_frm_taker{
	margin:0px;
	border:0px;
}
#sod_bsk_tot2 li#alrdy{border-bottom:1px solid #f1f1f1 !important;}

#sod_frm div.tbl_frm01, #sod_frm_taker div.tbl_frm01{
	padding:0px !important;
}
@media (min-width: 769px) { /* PC */
    #main-section:last-of-type { display: none; } 
}

  .pc-warning {
    display: block;
  }
  .mobile-warning {
    display: none;
	line-height:20px;
  }

@media (max-width: 768px) {
 .pc-warning {
    display: none;
  }
  .mobile-warning {
    display: block;
  }


	#sit_title{margin-top:10px;}
	.mobile-nav-toggle {
		display: block;
	}
	.mobile-nav-toggle:hover {
        color: #545454;
    }
    #main-section:first-of-type { display: none; } /* 첫 번째 Swiper 숨김 */
	#sit_ov{width:100%;}
	#sit_ov_wrap{
		padding:10px;
	}
   .navbar ul {
        display: none;
	}
	#header .logo img	{
		height:40px;
	}
    #header, .sub-wrap #header {
        position: fixed;
        border: 0;
        padding: 15px 0;
        background: rgba(255, 255, 255, 0.95) !important;
	}	
    .mobile-nav-toggle {
        font-size: 36px;
        font-weight: 600;
    }	
}