@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@font-face {
 font-family: 'AppleSDGothicNeo';
 	src: url('/fonts/AppleSDGothicNeoL.eot') format('embedded-opentype');
    src: /*url('../fonts/AppleSDGothicNeoL.otf?#iefix'),*/
			url('/fonts/AppleSDGothicNeoL.ttf') format('truetype'),
			local(※), url('/fonts/AppleSDGothicNeoL.woff') format('woff');
    font-weight: 300;
}
@font-face {
 font-family: 'AppleSDGothicNeo';
	src: url('/fonts/AppleSDGothicNeoR.eot') format('embedded-opentype');
    src: /*url('../fonts/AppleSDGothicNeoR.otf?#iefix'),*/
			url('/fonts/AppleSDGothicNeoR.ttf') format('truetype'),
			local(※), url('/fonts/AppleSDGothicNeoR.woff') format('woff');
    font-weight: 400;
}
@font-face {
 font-family: 'AppleSDGothicNeo';
 	src: url('/fonts/AppleSDGothicNeoM.eot');
    src: 	/*url('../fonts/AppleSDGothicNeoM.otf?#iefix') format('embedded-opentype'),*/
			url('/fonts/AppleSDGothicNeoM.ttf') format('truetype'),
			local(※), url('/fonts/AppleSDGothicNeoM.woff') format('woff');
    font-weight: 500;
}
@font-face {
 font-family: 'AppleSDGothicNeo';
    src: url('/fonts/AppleSDGothicNeoB.eot') format('embedded-opentype');
    src: /*url('../fonts/AppleSDGothicNeoB.otf?#iefix'),*/
			url('/fonts/AppleSDGothicNeoB.ttf') format('truetype'),
			local(※), url('/fonts/AppleSDGothicNeoB.woff') format('woff');
    font-weight: 600;
}
@font-face {
 font-family: 'AppleSDGothicNeo';
 	src:url('/fonts/AppleSDGothicNeoEB.eot') format('embedded-opentype');
    src: /*url('../fonts/AppleSDGothicNeoEB.otf?#iefix'),*/
		   url('/fonts/AppleSDGothicNeoEB.ttf') format('truetype'),
	       local(※), url('/fonts/AppleSDGothicNeoEB.woff') format('woff');
    font-weight: 700;
}
@font-face {
 font-family: 'AppleSDGothicNeo';
 	src:url('/fonts/AppleSDGothicNeoH.eot') format('embedded-opentype');
    src: /*url('../fonts/AppleSDGothicNeoH.otf?#iefix'),*/
			url('/fonts/AppleSDGothicNeoH.ttf') format('truetype'),
			local(※), url('/fonts/AppleSDGothicNeoH.woff') format('woff');
    font-weight: 800;
}
/*gmarket*/
@font-face {
 font-family: 'GmarketSans';
    src: url('/fonts/GmarketSansLight.otf');
    src: url('/fonts/GmarketSansLight.otf') format('embedded-opentype');
    src: url('/fonts/GmarketSansTTFLight.ttf') format('truetype');
	src: url('/fonts/GmarketSansTTFLight.eot');
	src:local(※), url('/fonts/GmarketSansTTFLight.woff') format('woff');
    font-weight: 400;
}
@font-face {
 font-family: 'GmarketSans';
    src: url('/fonts/GmarketSansMedium.otf');
    src: url('/fonts/GmarketSansMedium.otf') format('embedded-opentype');
    src: url('/fonts/GmarketSansTTFMedium.ttf') format('truetype');
	src: url('/fonts/GmarketSansTTFMedium.eot');
	src: local(※), url('/fonts/GmarketSansTTFMedium.woff') format('woff');
    font-weight: 500;
}
@font-face {
 font-family: 'GmarketSans';
    src: url('/fonts/GmarketSansBold.otf');
    src: url('/fonts/GmarketSansBold.otf?#iefix') format('embedded-opentype');
    src:url('/fonts/GmarketSansTTFBold.ttf') format('truetype');
	src:url('/fonts/GmarketSansTTFBold.eot');
	src: local(※), url('/fonts/GmarketSansTTFBold.woff') format('woff');
    font-weight: 600;
}

*{
	padding:0;
	margin:0;
	box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6{
	font-weight:500;
}
ul,li,dl,dt,dd,ol{
	list-style:none;
}
a{
	text-decoration:none;
}	
body,a, select{
	font-family:'Roboto','AppleSDGothicNeo',sans-serif !important;
	font-size:14px;
	font-weight:400;
	letter-spacing: -1px;
    font-style: normal;
    line-height: 1.6;
	color:#100f12;
}
.gma{
	font-family:'GmarketSans',sans-serif !important; 
	color:#100f12;
}
#loading {
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #000;
    z-index: 99;
    text-align: center;
    margin-left: -50px;
    margin-top: -50px;
    border-radius: 10px;
    overflow: hidden;
	display:none;
}

#loadingmodal {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: none;
    opacity: 1;
    z-index: 99;
    text-align: center;
}

#loading-image {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    margin-left: -32px;
    margin-top: -32px;
}

#loading-image {
    -webkit-animation: spin 1000ms infinite linear;
    -moz-animation: spin 1000ms infinite linear;
    -ms-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}



@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-ms-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
img{
	border:0;
	vertical-align:top;
}
table{
	border-collapse: collapse;
	width:100%;
}
/*이미지맵*/
img[usemap] {
  border: none;
  height: auto;
  max-width: 100%;
  width: auto;
}
@media (max-width: 991px) {
	img[usemap] {
		  border: none;
		  height: auto !important;
		  max-width: 100%;
		  width: 100% !important;
   }
}
.ellipsis{
	display:block;
	text-overflow:ellipsis; 
	overflow:hidden;
	white-space: nowrap;
	width: 100px;
}
.ellipsis:hover {
    overflow: visible;
    white-space: pre-line;
    word-break: break-word;
}
.ellipsis02 {
	width:90px;
}
.ellipsis03 {
	width:130px;
}
.inner{
	max-width:1200px;
	margin:0 auto;
	padding:0 20px;
}
.width_1 {
	width:90px;
}
.width_2 {
	width:100px;
}
.width_3 {
	width:120px;
}
.width_4 {
	width:150px;
}
.width_5 {
	width:170px;
}
input,input[type="submit"]{
   appearance: none;
   border-radius: 0;
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}
input[type="radio"],
input[type="checkbox"]{
	appearance: auto;
	-webkit-appearance: auto;
}
input:focus,
textarea:focus,
select:focus,
button:focus{ outline: none;}
button,
label{ cursor:pointer}
b{font-weight:600;}

/*main_common*/
.left {
    float: left;
}
.right {
    float: right;
}
.clearfix::after {content:"";display:block;clear:both}
.container {
    max-width: 1220px;
    padding: 0 20px;
    margin: 0 auto;
}
/* .all_content {
    display: flex;
    flex-direction: column;
    height: 100vh;
} */
.header {
    /* position: absolute; */
    width: 100%;
    /* z-index: 2; */
    background: #fff;
}
/* .con_wrap {
    flex: 1;
    padding-top: 267px;
} */
.header_wrap {
    padding: 20px 0;
}
.header_license_btn {
    width: 160px;
    height: 40px;
    background: #48e58a;
    background: linear-gradient(270deg, #48e58a, #16C8C5, #48e58a, #16C8C5);
    background: -moz-linear-gradient(270deg, #48e58a, #16C8C5, #48e58a, #16C8C5);
    background: -webkit-linear-gradient(270deg, #48e58a, #16C8C5, #48e58a, #16C8C5);
    background: linear-gradient(270deg, #48e58a, #16C8C5, #48e58a, #16C8C5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#16C8C5', endColorstr='#48e58a', GradientType=1);
    background-size: 600% 600%;
    -webkit-animation: AnimationName 3s ease infinite;
    -moz-animation: AnimationName 3s ease infinite;
    -o-animation: AnimationName 3s ease infinite;
    animation: AnimationName 3s ease infinite;
    font-size: 17px;
    color: #fff !important;
    line-height: 40px;
    text-align: center;
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    border-radius: 100px;
}
.header_license_sale {
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translateX(-5%);
    width: 80px;
    margin-left: -35px;
    background-color: #2f3438;
    color: #fff;
    border-radius: 3px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    animation: motion 0.4s linear 0s infinite alternate;
}
.header_license_sale::after {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #2f3438;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
}
@keyframes AnimationName {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.header_top_wrap {
    border-bottom: 1px solid #E9E9E9;
}
.header_right_mid > div {
    float: left;
}
.header_right_mid > div > a {
    color: #303441;
    font-size: 15px;
    font-weight: 500;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #D9D9D9;
    line-height: 50px;
}
.header_right_mid > div:last-child > a {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
    letter-spacing: -0.5px;
	font-weight: 500;
	padding: 8px 20px;
}
.point_color {
    color: #50AA6F !important;
}
.np_m_color {
    color: #03C85A !important;
}
.gnb_wrap {
    /* background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(../imgs/gnb_bg.jpg) no-repeat center; */
    background: url(../imgs/gnb_bg.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    border: 1px solid #E9E9E9;
}
.gnb_left {
    color: #3F4649;
    width: 50%;
    padding: 20px 35px 20px 0;
	overflow: hidden;
}
.gnb_right {
    width: 50%;
    text-align: right;
    position: relative;
}
.gnb_right img {
    max-width: 100%;
}
/* .gnb_box {
    padding: 50px 0 75px;
} */
.gnb_left div p {
    word-break: keep-all;
}
.gnb_txt01 {
    line-height: 1.4;
    margin-bottom: 10px;
}
.gnb_txt01 > p:first-child {
    font-size: 35px;
    font-weight: 500;
    color: #111111;
    position: relative;
	overflow:hidden;
}
.gnb_txt01 > p:first-child .point_color {
    font-weight: 600;
    letter-spacing: -0.5px;
}
.gnb_txt01 > p:last-child {
    font-size: 20px;
}
.gnb_txt01 > p:last-child .point_color {
    font-weight: 600;
}
.gnb_txt02 {
    font-size: 18px;
}
.gnb_txt02 > p:first-child {
    margin-bottom: 10px;
}
.gnb_txt02 > p:last-child {
    margin-bottom: 15px;
}
.footer {
    background: #fff;
    color: #444;
    /* position: absolute;
    width: 100%;
    bottom: 0; */
}
.footer_right a {
    color: #444;
}
.footer_wrap {
    padding: 15px 0;
}
.footer_info_box01 ul li {
    float: left;
    letter-spacing: -0.05em;
}
.footer_info_box01 ul li::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #444;
    margin: 0 10px;
}
.footer_info_box01 ul li:nth-child(4n)::after {
    display: none;
}
.footer_info_box01 ul li:last-child::after {
    display: none;
}
.footer_info_box01 ul::after {content:"";display:block;clear:both}
.footer_left {
    width: 60%;
}
.footer_right {
    width: 40%;
    display: flex;
    justify-content: right;
}
.footer_right > div {
    padding-left: 45px;
}
.footer_right > div > a {
    font-size: 16px;
    letter-spacing: -0.05em; 
}
.footer_logo {
    margin-bottom: 35px;
}
.footer_info_box02 {
    /* color: rgba(255, 255, 255, 0.7); */
    color: #444;
    letter-spacing: -0.05em;
    /* margin-top: 10px; */
}
.gnb_center {
    position: relative;
    width: 100%;
    bottom: 30px;
}
.gnb_center_box {
    background: #FFFFFF;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    width: calc(25% - 9px);
    float: left;
    margin-right: 12px;
    padding: 15px;
}
.gnb_center_box:last-child {
    margin-right: 0;
}
.center_box {
    float: left;
    width: 50px;
    height: 25px;
    border-radius: 100px;
    text-align: center;
    margin-right: 10px;
    margin-top: 5px;
    line-height: 25px;
}
.all_round {
    border: 1px solid #7EA9FF;
    color: #7EA9FF;
}
.all div:last-child span {
    color: #7EA9FF;
}
.month_round {
    border: 1px solid #16C8C5;
    color: #16C8C5;
}
.month div:last-child span {
    color: #16C8C5;
}
.week_round {
    border: 1px solid #03C85A;
    color: #03C85A;
}
.week div:last-child span {
    color: #03C85A;
}
.today_round {
    border: 1px solid #203D83;
    color: #203D83;
}
.today div:last-child span {
    color: #203D83;
}
.gnb_center_box > div:not(:first-child) {
    font-size: 21px;
    color: #212224;
}
.main_list_tt {
    font-size: 26px;
    color: #212224;
    margin-bottom: 15px;
}
.main_list_tt span {
    color: #8D8D8D;
    font-size: 14px;
    letter-spacing: -0.05em;
}
.main_list_tt img {
    vertical-align: -2px;
    margin-right: 5px;
}
.main_list01 {
    margin-bottom: 40px;
}
.main_list01 table {
    border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;
}
.main_list01 table th {
    background: #4E7BD5;
    border: 1px solid #3E5F9F;
    color: #fff;
    padding: 15px 0;
    font-weight: 300;
    letter-spacing: 0.5px;
    width: 12.5%;
}
.main_list01 table td {
    border-right: 1px solid #E9E9E9;
    text-align: center;
    padding: 14px 0;
    color: #3F4649;
    letter-spacing: -0.5px;
}
.main_list01 table td:first-child {
    font-size: 16px;
}
.main_list01 table td:last-child {
    border-right: 0;
}
.all_list {
    border-bottom: 1px solid #E9E9E9;
}
.today_list {
    border-bottom: 1px solid #E9E9E9;
    background: #F8FAFF;
}
.tt_color {
    color: #4E7BD4 !important;
}
.tab_box ul {
    display: grid;
    grid-template-columns: repeat(13, 1fr);
    border-bottom: 2px solid #03C85A;
}
.tab_box ul li {
    background: #FBFBFB;
    border: 1px solid #ddd;
    /* border-radius: 5px; */
    text-align: center;
    border-left: 0;
}
.tab_box ul li:first-child {
    border-left: 1px solid #ddd;
}
.tab_box ul li.active , .tab_box ul li:hover {
    background: #03C85A;
    border: 1px solid #08AF52;
}
.tab_box ul li.active a, .tab_box ul li a:hover {
    color: #fff;
    font-weight: 500;
}
.tab_box ul li a {
    font-size: 15px;
    display: block;
    width: 100%;
    padding: 10px 5px;
    letter-spacing: -0.5px;
}
.tab_content_wrap > div:not(:first-child) {
    display: none;
}
@keyframes motion {
	0% {margin-top: 0px;}
	100% {margin-top: 3px;}
}
.tab_content table td {
    text-align: center;
    padding: 7px 5px;
    position: relative;
}
/* .tab_content table td:last-child {
	text-align: right;
} */
.tab_content table tr:nth-child(odd) {
    background: #FBFBFB;
}
.new_icon {
    display: inline-block;
    width: 13px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    border-radius: 2px;
    margin-left: 1px;
    vertical-align: -2px;
    background-image: url(/imgs/new_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    animation: blink 1.2s step-end infinite;
}
@keyframes blink {
	0% {opacity: 1;}
	50% {opacity: 0;}
}
.tab_content table {
    border: 1px solid #E9E9E9;
}
.tab_content table th {
    color: #212224;
    font-weight: 400;
    padding: 10px;
    border-bottom: 1px solid #E9E9E9;
    position: relative;
}
.tab_content table th::after {
    content: '';
    display: block;
    background: #C7C7C7;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 13px;
}
.tab_content table th:last-child::after {
    display: none;
}
.bg_box {
    background: #48e58a;
    background: linear-gradient(270deg, #48e58a, #16C8C5, #48e58a, #16C8C5);
    background: -moz-linear-gradient(270deg, #48e58a, #16C8C5, #48e58a, #16C8C5);
    background: -webkit-linear-gradient(270deg, #48e58a, #16C8C5, #48e58a, #16C8C5);
    background: linear-gradient(270deg, #48e58a, #16C8C5, #48e58a, #16C8C5);
}
.phone_num {
    text-align: left !important;
}
.phone_num span {
    border-radius: 50%;
    width: 20px;
    display: inline-block;
    height: 20px;
    margin-right: 2px;
    text-align: center;
}
.phone_num span img {
    vertical-align: -4px;
}
.cs_wrap {
    display: flex;
    justify-content: center;
}
.cs_wrap > div {
    background: #DCDBDB;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin-right: 3px;
    cursor: pointer;
}
.cs_wrap > div > label {
	border-radius: 50%;
    width: 25px;
    height: 25px;
    cursor: pointer;
	display:block;
}
.cs_wrap > div > span {
    display: inline-block;
    width: 100%;
}
.cs_wrap > div:last-child {
    margin-right: 0;
}
.cs_wrap > div > label span {
	vertical-align: -5px;
}
/* .cs_wrap > div:hover, .cs_wrap > div.on {
    background: #48e58a;
    background: linear-gradient(270deg, #48e58a, #16C8C5, #48e58a, #16C8C5);
    background: -moz-linear-gradient(270deg, #48e58a, #16C8C5, #48e58a, #16C8C5);
    background: -webkit-linear-gradient(270deg, #48e58a, #16C8C5, #48e58a, #16C8C5);
    background: linear-gradient(270deg, #48e58a, #16C8C5, #48e58a, #16C8C5);
} */
.cs_wrap > div:first-child:hover, .cs_wrap > div:first-child.on {
    background: linear-gradient(90deg, #F857A6 0%, #FF5858 100%);
}
.cs_wrap > div:first-child input:checked + label {
	background: linear-gradient(90deg, #F857A6 0%, #FF5858 100%);
}

.cs_wrap > div:nth-child(2):hover, .cs_wrap > div:nth-child(2).on {
    background: linear-gradient(90deg, #FC4A1A 0%, #F7B733 100%);
}
.cs_wrap > div:nth-child(2) input:checked + label {
	background: linear-gradient(90deg, #FC4A1A 0%, #F7B733 100%);
}

.cs_wrap > div:nth-child(3):hover, .cs_wrap > div:nth-child(3).on {
    background: linear-gradient(90.99deg, #FFDD00 -2.6%, #FBB034 99.24%);
}
.cs_wrap > div:nth-child(3) input:checked + label {
	background: linear-gradient(90.99deg, #FFDD00 -2.6%, #FBB034 99.24%);
}

.cs_wrap > div:nth-child(4):hover, .cs_wrap > div:nth-child(4).on {
    background: linear-gradient(90deg, #03C85A 0%, #16C8C5 100%);
}
.cs_wrap > div:nth-child(4) input:checked + label {
	background: linear-gradient(90deg, #03C85A 0%, #16C8C5 100%);
}

.cs_wrap > div:nth-child(5):hover, .cs_wrap > div:nth-child(5).on {
    background: linear-gradient(90deg, #8691F8 1.79%, #00AACF 100%);
}
.cs_wrap > div:nth-child(5) input:checked + label {
	background: linear-gradient(90deg, #8691F8 1.79%, #00AACF 100%);
}

.cs_wrap > div:nth-child(6):hover, .cs_wrap > div:nth-child(6).on {
    background: linear-gradient(90deg, #A75CF2 0%, #DC50EE 100%);
}
.cs_wrap > div:nth-child(6) input:checked + label {
	background: linear-gradient(90deg, #A75CF2 0%, #DC50EE 100%);
}

/* .cs_wrap > div > input {
	position: absolute;
    left: 22px;
    top: -10px;
} */


.cs_wrap > div > span > img {
    vertical-align: bottom;
}
/* .tab_content_wrap {
    margin-bottom: 50px;
} */
.memo_input{
    border: 1px solid #EDEDED;
    height: 32px;
    padding: 10px;
    width: 100px;
    color: #8D8D8D;
}
.cs_wrap div.on [data-tooltip-text]:hover {
    position: relative;
}
.cs_wrap div.on [data-tooltip-text]:before {
    display: block;
    border-color: rgb(0,0,0,0) transparent transparent transparent;
}
.cs_wrap div.on [data-tooltip-text]:hover:before {
    content: "";
    display: block;
    border-style: solid;
    border-width: 5px;
    border-color: #484848 transparent transparent transparent;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transition: bottom .5s ease-in-out, opacity .5s ease-in-out;
    -moz-transition: bottom .5s ease-in-out, opacity .5s ease-in-out;
    transition: bottom .5s ease-in-out, opacity .5s ease-in-out;
}
.cs_wrap div.on [data-tooltip-text]:after {
    -webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
    -moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
    transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 7px 12px;
    position: absolute;
    width: auto;
    width: 105px;
    word-wrap: break-word;
    z-index: 10;
    opacity: 0;
    left: -9999px;
    content: attr(data-tooltip-text);
    background: #484848;
    /* background: #fff; */
    /* border: 1px solid #bbb; */
    word-break: keep-all;
}
.cs_wrap div.on [data-tooltip-text]:hover:after {
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
}
.tab_content_tr {
    border-bottom: 1px solid #E9E9E9;
}
.tab_content_tr td:first-child {
	text-align: left;
}
.main_btm {
    margin-bottom: 50px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
}
.main_btm_tt {
    color: #212224;
    font-size: 26px;
    display: flex;
    justify-content: space-between;
}
.board_more_btn {
    border: 1.5px solid #E9E9E9;
    border-radius: 5px;
    height: 35px;
}
.board_more_btn a {
    color: #666;
    font-size: 16px;
    font-weight: 500;
    display: block;
    width: 100%;
    line-height: 35px;
    padding: 0 20px;
}
.main_btm_box {
    border: 1px solid #EDEDED;
    border-radius: 10px;
    padding: 20px;
}
.more_view {
    display: flex;
    justify-content: space-between;
}
.more_view div:first-child {
    color: #3F4649;
    font-size: 15px;
}
.more_view div:last-child a {
    font-size: 15px;
    color: #3F4649;
}
.more_view div:last-child a i {
    color: #3F4649;
    font-weight: 600;
    font-size: 13px;
    margin-left: 5px;
}
.main_box_top {
    margin-bottom: 7px;
    padding-bottom: 5px;
}
/* .faq_box .main_box_top {
    border-bottom: 2px solid #03C85A;
}
.notice_box .main_box_top {
    border-bottom: 2px solid #7EA9FF;
} */
.con_line_tt, .con_line_tt a  {
    /* color: #3F4649; */
	color: #333;
    font-size: 15px;
}
.con_line_tt, .con_line_tt a strong {
    font-weight: 400;
}
.faq_icon i {
    color: #3F4649;
    transform: scaleX(-1);
}
.con_line_date {
    color: #8D8D8D;
    letter-spacing: -0.5px;
    line-height: 24px;
}
.main_box_btm_con {
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 8px;
    padding-bottom: 8px;
}
.main_box_btm_con:nth-child(4) {
	border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.modal_bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 10;
}
.modalbox {
    position: fixed;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    overflow: hidden;
    z-index: 11;
    width: 100%;
    max-width: 500px;
    width: calc(100% - 30px);
    max-height: calc(100vh - 30px);
    overflow-y: auto;
    display: none;
}
.modal_contents {
    background-color: #fff;
    padding: 20px;
}
.close_btn {
    position: absolute;
    right: 20px;
    top: 18px;
    cursor: pointer;
	z-index:2;
}
.close_btn > i {
    font-size: 20px;
    font-weight: 600;
}
.login_modal {
    max-width: 975px;
}
.login_modal_left_img {
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(/imgs/login_modal_bg.jpg) no-repeat center;
    height: 586px;
    position: relative;
}
.login_modal_left_img > a {
    display: block;
}
.login_modal_left_img img {
    max-width: 100%;
}
.login_modal_left_img > img:last-child {
    padding-bottom: 2px;
	display:none;
}
.login_modal_left {
    width: 55%;
}
.login_modal_right {
    width: 45%;
    padding: 20px;
}
.login_tt {
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 20px;
}
.login_input div input{
    border: 1px solid #ECECEC;
    border-radius: 3px;
    /* padding: 15px; */
    width: 100%;
    font-weight: 500;
    font-size: 13px;
	letter-spacing: -0.3px;
    height: 45px;
    padding: 10px 15px;
}
.login_input div:first-child {
    margin-bottom: 12px;
}
.login_input div input::placeholder {
    color: #9F9F9F;
	font-size:
}
.login_condition {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.login_keep_box label span:first-child {
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1px solid #ECECEC;
    border-radius: 3px;
    vertical-align: middle;
    margin-right: 5px;
}
#login_keep:checked + label span:first-child {
    background-color: #03C85A;
    border: 1px solid #08AF52;
    background-image: url('../imgs/join_arrow.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.login_modal_left_txt {
    margin-top: 10px;
    animation: blink-effect 1s step-end;
    position: absolute;
    left: 40px;
    bottom: 25px;
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: -0.9px;
}
.login_modal_left_txt span {
    color: #03C85A;
}
.sns_login_wrap {
    text-align: center;
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.sns_login_tt {
    margin-bottom: 20px;
    font-weight: 500;
}
.sns_login_img a {
    display: block;
    width: 100%;
}
.join_ms_btn {
    border: 1px solid #03C85A;
    border-radius: 3px;
    text-align: center;
}
.join_ms_btn > a {
    color: #03C85A;
    display: block;
    width: 100%;
    padding: 13px 0;
    font-weight: 500;
}
.login_modal .close i {
    font-size: 20px;
}
.ms_join {
    background: #2D939B;
}
.ms_join a span {
	vertical-align: -1px;
}
.sns_login_wrap2 {
    padding-top: 20px;
}
.sns_login_img {
    display: flex;
    align-items: center;
    justify-content: center;
}
.sns_login_box img {
    max-width: 100%;
}
.sns_login_box {
    margin-right: 20px;
}
.google_join {
    margin-right: 0;
}
.google_login {
	margin-right: 0;
}
.login_btn {
    border: 1px solid #08AF52;
    background: #03C85A;
    border-radius: 3px;
    text-align: center;
    margin: 12px 0;
	display: block;
    color: #fff;
    width: 100%;
    padding: 15px 0;
}
.login_btn > a {
    display: block;
    color: #fff;
    width: 100%;
    padding: 15px 0;
}
.login_btm_txt {
    color: #303441;
    font-size: 17px;
    line-height: 1.3;
    margin-bottom: 20px;
}
.login_btm_txt span {
    font-weight: 600;
}
.login_move {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 475px;
    width: 100%;
    background: #fff;
    border-radius: 4px;
}
.login_move_top {
    border: 1px solid #E9E9E9;
    background: #FBFBFB;
    padding: 10px 0;
}
.login_move_top_blank {
    width: 70px;
    display: list-item;
    float: left;
    text-align: right;
}
.login_move_top > div:not(:first-child) {
    float: left;
    width: calc(33.3333% - 70px / 3);
    text-align: center;
}
.login_move_con_wrap {
    /* height: 295px; */
	height: 215px;
    overflow: hidden;
}
.login_move_con li div:not(:first-child) {
    float: left;
    width: calc(33.3333% - 70px / 3);
    text-align: center;
    color: #3F4649;
}
.login_move_con li {
    padding: 10px 0;
    height: 43px;
}
.SlideBox {
    height: 43px;
}
.login_move_con li:nth-child(2n) {
    background: #FBFBFB;
}
.login_move_con li::after {content:"";display:block;clear:both}
.login_move_top_blank > span {
    border: 1px solid #03C85A;
    color: #03C85A;
    border-radius: 20px;
    padding: 4px 15px 1px;
}
.live_txt {
    position: absolute;
    top: -65px;
    right: -20px;
    color: #fff;
    opacity: 0.800000011920929;
    background: #03C85A;
    border-radius: 140px;
    padding: 30px;
    font-size: 20px;
    text-align: center;
    line-height: 1;
    font-weight: 500;
}
.live_txt::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    border-top-color: #03C85A;
    border-bottom: 0;
    border-left: 0;
    margin-left: -26px;
    margin-bottom: -15px;
    transform: rotate(20deg);
}
.no_header {
    
}
.gnb_all {
    display: none;
}
.gnb_con {
    display: block;
}
.join_no_view {
    display: none;
}
.join_no_view + .con_wrap {
    padding-top: 55px;
}
.join_container {
    max-width: 580px;
    padding: 0 20px;
    margin: 0 auto;
}
.join_top_line {
    width: 100%;
    line-height: 3px;
}
.join_top_line01::before {
    content: '';
    display: inline-block;
    width: 50%;
    height: 3px;
    background: #03C85A;
}
.join_top_line01::after {
    content: '';
    display: inline-block;
    width: 50%;
    height: 3px;
    background: #C5C5C5;
}
.join_top {
    text-align: center;
    margin-bottom: 50px;
}
.join_con_tt {
    color: #3F4649;
    font-size: 20px;
    margin-bottom: 55px;
}
.join_con {
    border: 1px solid #E9E9E9;
    border-top: 0;
    padding: 60px;
    margin-bottom: 30px;
}
.join_con_tt span {
    display: block;
}
.join_kind_box {
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
    border-radius: 5px;
    text-align: center;
}
.join_kind_box:last-child {
    margin-bottom: 0;
}
.join_kind_box_last {
    margin-top: 20px;
    background: #F8F8F8;
    height: 60px;
    line-height: 60px;
}
.join_kind_box_last a {
    color: #8D8D8D;
    text-decoration-line: underline;
    font-weight: 500;
    line-height: 60px !important;
}
.join_kind_box a {
    font-size: 15px;
    letter-spacing: -0.6px;
    font-weight: 500;
    display: block;
    width: 100%;
    line-height: 50px;
}
.join_kind_box img {
    vertical-align: middle;
    margin-right: 10px;
}
.naver_join {
    background: #1EC803;
}
.naver_join a, .logo_join a {
    color: #fff;
}
.kakao_join {
    background: #F8DF00;
}
.kakao_join a {
    color: #3D1B1A;
}
.google_join {
    border: 1px solid #8D8D8D;
    background: #FFF;   
}
.logo_join {
    background: #178447;
}
.join_top_line02::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 3px;
    background: #03C85A;
}
.join_form_tt {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
}
.join_form_tt span {
    color: #CB0000;
    margin-left: 3px;
}
.join_form_input{
    margin-bottom: 20px;
}
.join_form_input input{
    border-radius: 5px;
    border: 1px solid var(--unnamed, #E9E9E9);
    background: #FFF;
    width: 100%;
    padding: 0 20px;
    margin-bottom: 10px;
    height: 50px;
}
.join_form_input input:last-child {
    margin-bottom: 0;
}
.join_form_input input::placeholder {
    color: #8D8D8D;
    letter-spacing: -1.3px;
}
.phone_box {
	margin-bottom:5px;
}
.phone_box::after{content:"";display:block;clear:both}
.phone_box input{
    width: calc(100% - 145px) !important;
    float: left;
    margin-right: 5px;
}
.phone_box a {
    display: block;
    width: 140px;
    text-align: center;
    float: left;
    height: 48px;
    line-height: 48px;
    border-radius: 5px;
    color: #fff;
}
.send_num {
    background: #03C85A;
}
.send_conf {
    background: #484848;
}
.phone_box .count {
    text-align: right;
    color: #CB0000;
    display: inline-block;
    width: 100%;
    padding: 0 3px;
    line-height: 1.0;
    font-size: 15px;
    display: none;
}
.join_chk_all label {
    display: block;
    width: 100%;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #E9E9E9;
    text-align: center;
    color: #8D8D8D;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    margin-bottom: 25px;
}
.join_chk_all label .join_arrow_all {
    margin-right: 10px;
}
.join_chk_all label .join_arrow_all i {
    font-weight: 600;
}
.join_arrow_box {
    border: 1px solid #E9E9E9;
    border-radius: 50%;
    background: #fff;
    color: #fff;
    padding: 2px;
    margin-right: 10px;
}
.join_arrow_box i {
    font-size: 17px;
    vertical-align: -2px;
}
.join_terms_tt {
    color: #666;
    font-size: 16px;
}
.join_terms_tt span {
    color: #03C85A;
    font-size: 14px;
}
.view_terms {
    color: #8D8D8D;
    text-decoration-line: underline;
    font-size: 15px;
    width: 25px;
    text-align: right;
    float: right;
    cursor: pointer;
}
.join_chk_sub_box {
    margin-bottom: 8px;
}
.join_chk_sub_box:last-child {
    margin-bottom: 0;
}
.join_chk_all input:checked + label {
    background: #03C85A;
    color: #fff;
    border: 1px solid #03C85A;
}
.join_agree_wrap input:checked + label .join_arrow_box {
    background: #03C85A;
    border: 1px solid #03C85A;
}
.join_btn {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #03C85A;
    text-align: center;
    color: #03C85A;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    margin-top: 25px;
    cursor: pointer;
}
.join_btn.on {
    background: #03C85A;
    color: #fff;
    border: 1px solid #03C85A;
}
.jbtn3_btm_box::after{content:"";display:block;clear:both}
.jbtn3_btm {
    padding-left: 37px;
    margin-top: 7px;
}
.jbtn3_btm .left {
    color: #8D8D8D;
    font-size: 15px;
}
.jbtn3_btm_box {
    margin-bottom: 3px;
}
.terms_wrap {
    padding: 20px;
}
.terms_tt {
    text-align: center;
    margin-bottom: 20px;
}
.terms_tt span {
    font-size: 18px;
    position: relative;
    text-decoration-line: underline;
    text-decoration-color: #03C85A;
}
.terms_con {
    max-height: 400px;
    overflow: auto;
    padding: 10px;
    border: 1px solid #ddd;
}
/* .terms_tt span::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: -5px;
    width: 110%;
    height: 50%;
    background-color: #03C85A;
    z-index: -1;
    opacity: 0.3;
} */
.license_modal {
    max-width: 100%;
    width: calc(100% - 50px);
    background: #F8F8F8;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
.license_sel_wrap {
    box-shadow: 0px 0px 16px -1px rgba(0, 0, 0, 0.20);
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
}
.license_sel_wrap:hover {
    position: relative;
    bottom: 10px;
}
.license_sel_topline {
    background: #03C85A;
    height: 15px;
}
.license_con {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}
.license_modal_wrap {
    padding: 30px;
}
.license_sel_topline02 {
    background: #7EA9FF;
}
.license_sel_con {
    padding: 15px 20px;
    background: #fff;
}
.license_sel_con_tt {
    color: #212224;
    font-size: 23px;
    font-weight: 500;
    border-bottom: 1px solid #E9E9E9;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.license_select_radio input {
    display: none;
}
.circle_dot_in {
    width: 25px;
    height: 25px;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #E9E9E9;
    border-radius: 100px;
    margin: 0 auto;
}
.circle_dot {
    width: 13px;
    height: 13px;
    background-color: #E9E9E9;
    border-radius: 100px;
}
.license_select_radio input:checked + label .circle_dot_in {
    border-color: #03C85A;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.license_select_radio input:checked + label .circle_dot {
    background-color: #03C85A;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.license_sel_con02 .license_select_radio input:checked + label .circle_dot_in {
    border: 1px solid #7EA9FF;
}
.license_sel_con02 .license_select_radio input:checked + label .circle_dot {
    background-color: #7EA9FF;
}
.license_top {
    text-align: center;
    margin-bottom: 30px;
}
.license_tt {
    color: #212224;
    font-size: 25px;
    font-weight: 500;
}
.license_txt {
    color: #8D8D8D;
    font-size: 16px;
    font-weight: 500;
}
.month_tt {
    color: #212224;
    font-size: 18px;
}
.total_price {
    font-size: 16px;
    color: #8D8D8D;
    letter-spacing: -0.7px;
    text-decoration: line-through;
}
/* .total_price::after {
    content: '';
    display: block;
    position: absolute;
    background: #8D8D8D;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90px;
    height: 1px;
} */
.total_price span {
    font-size: 18px;
}
.discount {
    color: #03C85A;
    font-size: 18px;
    font-weight: 400;
    /* animation: blink2 1s ease infinite; */
}
.discount span {
    font-size: 23px;
    font-weight: 500;
    letter-spacing: -0.5px;
    vertical-align: -1px;
}
@keyframes blink2 {
    50% { opacity : 1 }
    70% { opacity : 0 }
    80% { opacity : 1 }
    90% { opacity : 0 }
    100% { opacity : 1 }
}
.license_sel_con02 .discount {
    color: #7EA9FF;
}
.license_select_radio:first-child {
    border-bottom: 1px solid #E9E9E9;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.license_btn_wrap {
    display: flex;
    justify-content: center;
}
.license_btn {
    width: 168px;
    border-radius: 3px;
    font-size: 16px;
    text-align: center;
    margin-right: 10px;
}
.license_btn:last-child {
    margin-right: 0;
}
.license_btn a {
    color: #fff;
    font-size: 18px;
    padding: 10px;
    display: block;
    width: 100%;
}
.license_btn img {
    vertical-align: -3px;
    margin-right: 5px;
}
.license_card {
    border: 1px solid #08AF52;
    background: #03C85A;
}
.license_cash {
    border: 1px solid #4273D2;
    background: #6397FF; 
}
.license_ask {
    border: 1px solid #313131;
    background: #484848;
}

/* 리뉴얼 */

.hamburger {
    /* width: 18px; */
    height: 15px;
    z-index: 11;
    transition: 0.3s;
	cursor:pointer;
}
/* .hamburger.on {
	position:fixed;
	right: 10px;
    top: 10px;
} */
.hamburger span {
    width: 30px;
    height: 2px;
    border-radius: 5px;
    background: #000;
    display: block;
    transition: 0.3s;
    position: relative;
}
.hamburger span:nth-child(1) {
    top: 0;
}
.hamburger span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
}
.hamburger span:nth-child(3) {
    top: 13px;
}
.mb_nav .close_btn {
    /* background: #fff;
    border: 1px solid#eee; */
    height: 30px;
    width: 30px;
    text-align: center;
    right: 0;
    top: 5px;
    color: #fff;
    position: fixed;
	left: 325px;
}
.mb_nav .close_btn i {
    line-height: 30px;
	font-size:25px;
	font-weight:500;
}
.mob_nav_cate_tab_con:not(:first-child) {
	display:none;
}
.mob_nav_cate_tab_con {
    position: relative;
    z-index: 2;
}
.mob_nav_top .left {
	width: 50%;
    padding: 2px 0;
    color: #000;
    font-weight: 500;
}
.mob_nav_top .right {
    width: 50%;
    display: flex;
    gap: 5px;
    text-align: center;
}
.mob_nav_top .right div {
    border: 1px solid #DEDEDE;
    width: 100%;
}
.mob_nav_top .right div a {
    font-size: 13px;
    color: #000;
    font-weight: 500;
    display: block;
    width: 100%;
    padding: 3px 0 0;
}
/* .mob_nav_cate ul li:first-child {
	border-top: 1px solid #E9E9E9;
    text-align: center;
    background: #F2F2F2;
} */
.mob_nav_cate_tab {
	display: flex;
    height: 38px;
    line-height: 38px;
}
.mob_nav_cate_tab > div {
    width: 50%;
    text-align: center;
    font-weight: 500;
    color: #666;
	cursor:pointer;
	background: #f6f6f6;
	border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}
.mob_nav_cate_tab > div:first-child {
	border-right: 1px solid #aaa;
}
.mob_nav_cate_tab > div.chk_on {
	background: #fff;
	border-bottom: 1px solid #E9E9E9;
	color:#000;
}
.mob_nav_cate ul li {
	border-bottom: 1px solid #E9E9E9;
    /* padding: 8px 15px; */
    color: #000;
    font-weight: 500;
    /* height: 38px;
    line-height: 38px; */
	background: #fff;
}
.mob_nav_cate ul li a {
    display: block;
    width: 100%;
    line-height: 38px;
    padding-left: 15px;
	font-weight:500;
	color:#000;
}
.mob_nav_cate ul li a span {
	float: right;
    background: #F2F2F2;
    display: inline-block;
    width: 40px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border-left: 1px solid #E9E9E9;
}
.mob_cate_add ul li {
	border-bottom:0;
	border-top: 1px solid #E9E9E9;
}
.mob_cate_add ul li a {
    line-height: 35px;
}
.mob_cate_add ul li a i {
    vertical-align: -2px;
}
.mob_cate_tt {
	line-height: 38px;
    padding-left: 15px;
    font-weight: 500;
    color: #000;
	cursor:pointer;
}
.mob_cate_tt.on {
	background: #f9f9f9;
	border-top: 1px solid #aaa;
    margin-top: -1px;
    position: relative;
    font-weight: 600;
}
.mob_cate_tt.on span i {
	transform: rotate(180deg);
}
.mob_cate_tt span {
	float: right;
    background: #F2F2F2;
    display: inline-block;
    width: 40px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border-left: 1px solid #E9E9E9;
}
.mob_cate_add {
	display:none;
	background: #f9f9f9 !important;
}
.mob_cate_tt.on + .mob_cate_add {
	border-bottom: 1px solid #aaa;
}
.mob_cate_add li {
	background: #f9f9f9 !important;
}
.mb_nav::-webkit-scrollbar {
    width: 8px;
}
.mb_nav::-webkit-scrollbar-thumb {
    background-color: #9b9a9a;
    /* border-radius: 10px; */
    background-clip: padding-box;
    border: 2px solid transparent;
}
.mb_nav::-webkit-scrollbar-track {
    background-color: #eee;
    /* border-radius: 10px; */
    box-shadow: inset 0px 0px 5px white;
}
.mob_nav_btm {
    padding: 15px;
    /* position: absolute;
    bottom: 0; */
    width: 100%;
    border-top: 1px solid #E9E9E9;
}
.mob_nav_btm01 {
    color: #787878;
    font-size: 19px;
    font-weight: 300;
}
.mob_nav_btm02 a {
    font-size: 30px;
    color: #444;
    font-weight: 400;
}
.mob_nav_btm02 a img {
    vertical-align: -3px;
}
.mob_nav_btm03 {
	color: #787878;
    line-height: 1.7;
}
/* .hamburger.on span:nth-child(1) {
    transform: translate(-50%,-50%) rotate(45deg);
    left: 50%;
    top: 50%;
}
.hamburger.on span:nth-child(2) {
    display: none;
}
.hamburger.on span:nth-child(3) {
    transform: translate(-50%,-50%) rotate(-45deg);
    left: 50%;
    top: 50%;
}
.mb_nav {
    display: none;
}
.mob_nav {
    width: 280px;
    position: fixed;
    top: 0;
    left: -150%;
    height: 100vh;
    z-index: 11;
    background: #F1F1F1;
    padding: 20px;
}
.mb_nav.on .mob_nav {
    left: 0;
    transition: 0.4s;
} */

.mb_nav {
    max-width: 320px;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 11;
	display:none;
	overflow:auto;
}
.mb_nav.on {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.mob_nav {
    padding-bottom: 100px;
}
.mob_nav_top {
	padding:12px 15px;
}
.mob_nav_mid {
    display: flex;
    justify-content: space-around;
    padding: 15px 0;
    border-top: 1px solid #E9E9E9;
}
.mob_nav_mid_box {
    text-align: center;
}
.mob_nav_mid_box a img {
	margin-bottom:5px;
}
.mob_nav_mid_box a div {
	color: #444;
}
.gnb_search {
    /* box-shadow: 2px 1px 20px 0px rgb(22 64 82 / 30%); */
    padding: 10px 15px;
    background-color: #fff;
	max-width: 575px;
    margin: 0 auto 20px;
    border: 1px solid #646464;
}
.gnb_search > form {
    position: relative;
    display: flex;
}
.gnb_search > form > input {
    border: 0;
    width: 100%;
    padding: 5px 0;
}
.gnb_search > form > input::placeholder {
    color: #BFBFBF;
}
.gnb_search form button {
    border: 0;
    border-radius: 7px;
    letter-spacing: 5px;
    background-color: transparent;
    flex: none;
    margin-left: auto;
}
.gnb_search form button span {
    background: url(/imgs/search_icon.png) no-repeat center;
    padding: 5px 10px;
    background-size: contain;
}
.header_mid_con {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    padding: 25px 0;
    position: relative;
}
.header_mid_con > div {
    width: 33.3333%;
}
.logo_box {
    text-align: center;
}
.db_go_box {
    text-align: right;
}
.header_btm_wrap {
    border: 1px solid #E9E9E9;
    box-shadow: 0px 1px 4px 0px #00000020;
}
.header_btm_box {
    overflow: visible;
    position: relative;
    z-index: 2;
}
.header_btm_box ul {
    display: flex;
    justify-content: space-between;
}
.header_btm_box ul li {
    width: auto;
    position: relative;
}
.header_btm_box ul li a {
    color: #333;
    font-size: 15px;
    font-weight: 500;
    display: block;
    width: 100%;
    padding: 10px 0;
	transition: .2s;
	position: relative;
}
.header_btm_box ul li:hover a::after {
	content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #03C85A;
    position: absolute;
    bottom: 0;
}
.header_btm_box ul li:first-child:hover a::after {
	display:none;
}
/* .header_btm_box ul li:hover a {
    transform: scale(1.1);
} */
.header_btm_box ul li:first-child a {
    padding: 10px 15px;
    border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;
}
.header_btm_box ul li:first-child:hover a {
    transform: none;
    background: #03C85A;
    color: #fff;
}

.header_btm_box ul li:last-child a { 
    color: #03C85A;
    font-weight: 400;
}
.header_btm_box ul li:hover .sub_category_wrap {
	display:block;
}
.gnb_left_btm {
    box-shadow: 0px 0px 4px 0px #0000002E;
    border-radius: 10px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    text-align: center;
    padding: 15px 0;
    max-width: 525px;
}
.gnb_left_btm_box {
    color: #212224;
    font-size: 18px;
    position: relative;
}
.gnb_left_btm_box::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 55px;
    background-color: #9C9C9C26;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
}
.gnb_left_btm_txt {
    color: #3F4649;
    margin-top: 10px;
}
.gnb_left_btm_txt span {
	font-weight: 600;
}
.gnb_left_btm_txt01 span {
    color: #7EA9FF;
}
.gnb_left_btm_txt02 span {
    color: #16C8C5;
}
.gnb_left_btm_txt03 span {
    color: #03C85A;
}
.gnb_left_btm_txt04 span {
    color: #203D83;
}
.gnb_txt02 p span {
    position: relative;
    z-index: 1;
    font-weight: 500;
}
.gnb_txt02 p span::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 13px;
    background: #50AA6F;
    position: absolute;
    bottom: 0;
    z-index: -1;
    opacity: 0.3;
}
.top_bg_rader {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    visibility: hidden;
}
.top_bg_rader01 {
    margin-top: -150px;
    left: 165px;
    animation: fadeIn 0.5s ease 0.5s forwards;
}
.top_bg_rader02 {
    right: 59px;
    margin-top: -180px;
    animation: fadeIn 0.5s ease 2s forwards;
}
.top_bg_rader03 {
    right: 130px;
    margin-top: -20px;
    animation: fadeIn 0.5s ease 4s forwards;
}
/* .top_bg_rader.fadeIn {
    animation: fadeIn 0.5s ease forwards;
} */
.top_bg_rader_01 {
    width: 100%;
    height: 100%;
    /* background: rgba(216, 41, 0, 0.1);
    border: 1px solid #da5354; */
    background: rgba(203, 0, 0, 0.05);
    border: 1.21px solid #CB00003A;
    border-radius: 350px;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 1;
    animation: animationWave cubic-bezier(0,.54,.53,1) 3s;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    animation-delay: 0.9s;
    animation-iteration-count: infinite;
}
.top_bg_rader_02 {
    width: 100%;
    height: 100%;
    /* background: rgba(216, 41, 0, 0.09);
    border: 1px solid #da5354; */
    background: rgba(203, 0, 0, 0.05);
    border: 1.21px solid #CB00003A;
    border-radius: 350px;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 1;
    animation: animationWave cubic-bezier(0,.54,.53,1) 3s;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    animation-delay: 1.12s;
    animation-iteration-count: infinite;
}
@keyframes animationWave{
    0% {
        opacity: 0.3;
        transform:  scale(0.70);
    }

    1% {
        
    }

    10% {
        background: rgba(216, 41, 0, 0.2);
    }

    100% {
        transform:  scale(1) ;
        background: rgba(216, 41, 0, 0.1);
        opacity: 0.8;
        
     }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
.main_top_con {
    text-align: center;
    margin: 35px 0 30px;
    position: relative;
}
.main_top_tt {
    color: #333;
    font-size: 25px;
    font-weight: 500;
}
.main_top_tt a {
    color: #333;
    font-size: 25px;
    font-weight: 500;
}
.main_top_txt {
    color: #999;
    font-size: 16px;
}
.new_all_con_box {
    width: 50%;
}
.all_db_wrap > a {
    background: #F8F8F8;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0 8px 20px;
}
.all_db_wrap_con div:first-child {
    color: #353535;
    font-size: 45px;
    font-weight: 500;
    line-height: 45px;
    margin-bottom: 20px;
}
.all_db_wrap_con div:nth-child(2) {
    color: #212224;
    font-size: 20px;
    margin-bottom: 20px;
}
/* .all_db_wrap_con div:last-child {
    border: 1px solid #393939;
    border-radius: 100px;
    width: 135px;
}
.all_db_wrap_con div:last-child a {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #393939;
    font-weight: 500;
    padding: 5px 50px 5px 25px;
} */
.all_db_wrap_con .go_arrow_box::after {
	right:0;
	left:0;
}
.go_arrow_box {
    position: relative;
}
.go_arrow_box::after {
    content: "";
    position: absolute;
    display: block;
    /* width: 20px;
    height: 5px; */
	width:100%;
    height: 20px;
    right: 28px;
	right: 0;
    top: 0;
   /*  border-right: 3px solid #393939;
    border-bottom: 3px solid #393939;
    transform: skew(45deg); */
    transition: all .3s ease;
	background: url(../imgs/go_arrow_img.png) no-repeat;
}
/* .go_arrow_box:hover::after {
    right: 18px;
} */
.all_db_wrap_btm {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3px;
}
.all_db_wrap_btm > div {
    background: #438BCD;
    padding: 10px;
    position: relative;
}
.all_db_wrap_btm > div:nth-child(2) {
    background:#50AA6F;
}
.all_db_wrap_btm_img {
    height: 135px;
}
.all_db_wrap_btm_tt {
    background: #fff;
    text-align: center;
    color: #438BCD;
    font-weight: 500;
    font-size: 22px;
    padding: 3px 0;
}
.all_db_wrap_btm > div:nth-child(2) .all_db_wrap_btm_tt {
    color: #50AA6F;
}
.all_db_wrap_btm > div .go_arrow_box {
    position: absolute;
    top: 0;
    right: 0;
}
.all_db_wrap_btm > div .go_arrow_box::after {
    width: 35px;
    height: 6px;
	top: 13px;
    right: 15px;
    transform: skew(45deg);
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.new_all_con {
    display: flex;
}
.new_all_box_right {
	overflow: hidden;
    position: relative;
}
.new_all_box_right > a {
    display: flex;
	height:100%;
}
.new_all_box_right .swiper-slide a {
    display: block;
    width: 100%;
}
.new_all_box_right .swiper-slide img {
	max-width:100%;
	width:100%;
}
.new_all_box_right_img {
    background: #BCE3CD;
    position: relative;
    width: 347px;
}
.new_all_box_right_img img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
/* .new_all_box_right_txt_box .go_arrow_box {
    border: 1px solid #393939;
    border-radius: 100px;
    width: 135px;
}
.new_all_box_right_txt_box .go_arrow_box a {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #393939;
    font-weight: 500;
    padding: 5px 50px 5px 25px;
} */
.new_all_box_right .go_arrow_box::after {
	left:0;
}
.new_all_box_right_txt_box {
    width: calc(100% - 347px);
    padding: 35px;
}
.new_all_box_right_txt_box > div:first-child {
    color: #50AA6F;
    font-size: 45px;
    font-weight: 500;
    line-height: 45px;
    margin-bottom: 20px;
}
.new_all_box_right_txt_box > div:nth-child(2) {
    color: #212224;
    font-size: 20px;
    margin-bottom: 20px;
    word-break: keep-all;
    line-height: 1.4;
}
.main_list02 .tab_box ul {
    grid-template-columns: repeat(12, 1fr);
}
.main_list03 .tab_box ul {
    grid-template-columns: repeat(9, 1fr);
}
.main_list04 .tab_box ul {
    grid-template-columns: repeat(3, 1fr);
}
.main_list05 .tab_box ul {
    grid-template-columns: repeat(11, 1fr);
}
.main_list06 .tab_box ul {
    grid-template-columns: repeat(14, 1fr);
}
.main_list07 .tab_box ul {
    grid-template-columns: repeat(7, 1fr);
}
.main_list08 .tab_box ul {
    grid-template-columns: repeat(6, 1fr);
}
.main_list09 .tab_box ul {
    grid-template-columns: repeat(8, 1fr);
}
.main_list10 .tab_box ul {
    grid-template-columns: repeat(19, 1fr);
}
.main_list11 .tab_box ul {
    grid-template-columns: repeat(16, 1fr);
}
.main_list11 .tab_box ul li a {
	padding: 10px 0;
}
.main_list12 .tab_box ul {
    grid-template-columns: repeat(4, 1fr);
}

.main_btm_wrap {
    padding: 50px 0;
}
.main_btm_wrap_top a {
    background: #F4F4F4;
    border-radius: 5px;
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
	padding: 0 40px 0 25px;
}
.main_btm_wrap_top > div {
    width: 33.3333%;
}
.main_btm_wrap_top_txt {
    /* text-align: center; */
    color: #353535;
    /* font-size: 25px; */
    line-height: 1.7;
    letter-spacing: -1px;
    padding: 20px 0;
}
.main_btm_wrap_top_txt div:first-child {
    font-size: 23px;
    font-weight: 600;
}
.main_btm_wrap_top_txt div:nth-child(2) {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}
.main_btm_wrap_top_txt span {
    display: block;
}
.buy_btn_box {
    text-align: center;
}
.buy_btn {
    max-width: 185px;
    margin: 0 auto;
    border: 1px solid #fff;
    border-radius: 100px;
}
.buy_btn a {
    color: #fff;
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 10px 0;
}
.main_btm_wrap_btm {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}
.main_btm_wrap_btm > div {
    width: 50%;
    border-radius: 5px;
    /* padding: 15px; */
}
.main_btm_wrap_btm_left {
    background: #50AA6F;
}
.main_btm_wrap_btm_right {
    background: #438BCD;
}
.main_btm_wrap_btm_01 {
    width: 50%;
    padding: 15px;
}
.main_btm_wrap_btm_02 {
    width: 50%;
    text-align: right;
}
/* .main_btm_wrap .go_arrow_box {
    border: 1px solid #393939;
    border-radius: 100px;
    width: 135px;
}
.main_btm_wrap .go_arrow_box a {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #393939;
    font-weight: 500;
    padding: 5px 50px 5px 25px;
} */
.main_btm_wrap_btm_01 div:first-child {
    font-size: 22px;
    color: #353535;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 10px;
}
.main_btm_wrap_btm_01 div:nth-child(2) {
    font-size: 16px;
    color: #353535;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 10px;
}
.main_btm_wrap_btm_01 div:nth-child(2) span {
    display: block;
}
.main_btm_wrap_btm_left img, .main_btm_wrap_btm_right img {
	width:100%;
}
.footer_top {
    border-top: 1px solid #B2B2B2;
    border-bottom: 1px solid #E9E9E9;
}
.footer_top > .container > div {
    float: left;
    margin-right: 30px;
}
.footer_top > .container > div > a {
    display: block;
    width: 100%;
    padding: 10px 0;
    color: #333;
    font-size: 15px;
    font-weight: 500;
}
.list_top_wrap {
    background: #FCFCFD;
    padding-bottom: 35px;
    /* margin-bottom: 35px; */
    border-bottom: 1px solid #E9E9E9;
}
.list_search_tt {
    color: #000;
    font-weight: 400;
    margin-bottom: 5px;
	font-size: 15px;
}
.list_search_tt::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 14px;
    background:#03C85A;
    margin-right: 5px;
    vertical-align: -2px;
}
.list_search_tt_no::before {
	 background:#fff;
}
.list_top {
    padding: 30px 0 10px;
    font-size: 23px;
    font-weight: 500;
    color: #000000;
}
.list_top02 {
	display: flex;
    justify-content: space-between;
}


/* LJH */
.list_table_wrap_txt {
	font-size: 16px;
    display: flex;
    gap: 30px;
    /* letter-spacing: -0.8px; */
    align-items: center;
}
.list_table_wrap_txt div span.db_box_ef {
    animation: blink 1.2s step-end infinite;
    font-size: 18px;
	font-weight: 600;
}
.list_table_wrap_txt div span span.no_c {
	color:#000 !important;
	font-size: 15px;
    animation: none;
}
.list_table_wrap_txt div {
	position: relative;
}

/*.list_table_wrap_txt div:first-child::after {*/
.list_table_wrap_txt div:not(:last-child)::after {
	content: '';
    display: block;
    background: #C7C7C7;
    position: absolute;
    top: 50%;
    right: -17px;
    transform: translateY(-50%);
    width: 1px;
    height: 13px;
}
.list_table_wrap_txt .all_db_box span {
	color:#03C85A;
}
.list_table_wrap_txt .today_db_box span {
	color:#7EA9FF;
}

.list_table_wrap_txt .today_db_box::after {
    content: '';
    display: block;
    background: #C7C7C7;
    position: absolute;
    top: 50%;
    right: 0; /* Adjusted right value */
    transform: translateY(-50%);
    width: 1px;
    height: 13px;
}

.list_table_wrap_txt .total_db_box span {
    //color: #7EA9FF;
}


.list_top img {
    vertical-align: -4px;
    margin-right: 7px;
}
.list_search_con {
    box-shadow: 0px 0px 3px 0px #0000002E;
    border-radius: 5px;
    padding: 24px;
    background: #fff;
}
.list_search_con > div {
    float: left;
    margin-right: 7px;
}
.list_search_con > div:last-child {
    margin-right: 0;
}
.list_search_box input {
    border: 0;
    width: 100%;
    font-size: 13px;
	color: #8D8D8D;
}
.list_search_box input::placeholder {
    color: #8D8D8D;
	font-weight:400;
}
.testinput {
    border: 1px solid #E9E9E9;
    display: flex;
    max-width: 105px;
    border-radius: 5px;
    padding: 5px 10px;
}
.testinput input {
	cursor:pointer;
}
.testinput input::placeholder {
	font-weight: 500;
}
.testinput label img {
    vertical-align: middle;
}
.calender_box {
    display: flex;
    align-items: center;
    gap: 8px;
}
.select_box {
    width: 120px;
    max-width: 100%;
    height: 34.39px;
}
.select_box select {
    width: 100%;
    height: 100%;
    border: 1px solid #E9E9E9;
    border-radius: 5px;
    padding: 5px 10px;
    appearance:none;
    background:url('../imgs/sel_arrow.png') no-repeat right 10px center;
    font-size: 13px;
	cursor:pointer;
	color: #8D8D8D;
	font-weight:500;
}
.list_search_input {
    border: 1px solid #E9E9E9 !important;
    border-radius: 5px;
    padding: 5px 10px;
    height: 34.39px;
}
.list_search_input_box01 {
    width: 110px;
}
.list_search_input_box02 {
    width: 160px;
}
.list_search_btn_wrap {
    display: flex;
    margin-right: 0;
    align-items: end;
    height: 63.38px;
    gap: 5px;
}
.list_search_btn_wrap > div {
    border-radius: 5px;
}
.list_search_btn_wrap > div > a {
    display: block;
    width: 100%;
    padding: 6px 10px;
    color: #fff;
    font-size: 15px;
}
.list_search_btn_wrap > div img {
    margin-right: 5px;
    vertical-align: middle;
}
.list_search_btn_wrap > div:first-child {
    background: #03C85A;
}
.list_search_btn_wrap > div:first-child img {
    width: 15px;
}
.list_search_btn_wrap > div:last-child {
    background-color: #484848;
}
.sub_page_all_wrap {
    padding: 70px 0;
}
.excel_btn_bg {
	background-color: #484848;
}



/* 마이페이지 네비 */
.sub_page_left {
    float: left;
    width: 180px;
}
.sub_page_right {
    float: right;
    width: calc(100% - 215px);
}
.sub_page_con {
    width: 100%;
    /* padding-top: 62px; */
}
.left_memu_box {
    width: 100%;
}
.left_memu_box .menu {
    display: none;
}
.left_memu_box .menu.active {
    display: block;
}
.left_memu_box .menu:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.left_memu_box .menu_a {
    display: block;float: left;
    margin-bottom: 10px;
}
.left_memu_box .menu_a span {
    font-size: 26px;
    color: #3f4649;
    display: inline-block;
    position: relative;top: 0px; left: 0px;
    font-weight: 500;
}
.left_memu_box .menu_a span:after{
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background-image: url(../imgs/company_bar.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: absolute;bottom: -15px; left: 0px;
}
.left_memu_box .sub_menu_wrap {
   width: 100%;
   float: left;
   background-color: #fff;
   /* padding: 10px; */
}
.left_memu_box .sub_menu {
    border-top: 1px solid #E9E9E9;
}
.left_memu_box .sub_menu:first-child {
    border-top: 2px solid #03C85A;
}
.left_memu_box .sub_menu_a {
    height: 48px;
    line-height: 48px;
    display: block;
    width: 100%;
    font-size: 15px;
    color: #858585;
    padding-left: 10px;
    overflow: hidden;
    background-image: url(/imgs/left_memu_box.png);
    background-repeat: no-repeat;
    background-position: 120% center;
}
.left_memu_box .sub_menu.active .sub_menu_a {
    background-position: 95% center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    background-color: #FBFBFB;
    color: #3F4649;
    font-weight: 600;
}
.left_memu_box .sub_menu:hover .sub_menu_a {
    background-position: 95% center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    background-color: #FBFBFB;
    color: #3F4649;
    font-weight: 600;
}
.board_all_wrap {
    width: 100%; padding-bottom: 30px;
}
.board_wrap {
    width: 100%;
	/* max-width: 1080px; */
	margin: 0 auto;
}
.board_con {
    width: 100%; position: relative;top: 0px; left: 0px;
}

.board_list table {
    border: 1px solid #E9E9E9;
    /* border-top: 2px solid #222; */
    background-color: #fff;
}
.board_list th {
    background-color: #FBFBFB;
    border-bottom: 1px solid #ddd;
    text-align: center;
    color: #212224;
    padding: 10px 5px;
    font-weight: 400;
    position: relative;
}
.board_list th::after {
    content: '';
    display: block;
    width: 1px;
    height: 13px;
    background: #C7C7C7;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.board_list th:first-child::after {
    display: none;
}
.board_list td {
    border-bottom: 1px solid #ddd;
    text-align: center;
    color: #3F4649;
    padding: 10px;
}


/* .board_list tr:hover {
    background-color: #f7f7f7;
} */
.td_num {
    width: 60px;
}
.td_hit {
    width: 60px;
}
.td_date {
    width: 120px;
}
.td_cost {
    width: 120px;
}
.td_qty {
    width: 70px;
}
.td_pay_type {
    width: 120px;
}
.td_date_end {
    width: 120px;
}
.td_state {
    width: 80px;
}
.td_name {
    width: 80px;
}
.board_btn_all_wrap {
    width: 100%;
}
.board_btn_wrap {
    width: 100%;
    padding: 10px 0
}
.board_btn_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.board_right_btn {
    float: right;
}

.board_btn_wrap a {
    display: inline-block;
    border: 1px solid #ddd; color: #666;
    background-color: #fff;
    height: 35px; line-height: 35px; width: 100px;
    margin: 0 3px; text-align: center;
    font-size: 15px;
    border-radius: 5px;
}

.board_btn_wrap a.board_btn_write {
    background-color: #03C85A; color: #fff; border-color: #03C85A;
}
.board_btn_wrap a.board_btn_list {
    background-color: #fff;
}
.board_btn_wrap a.board_btn_edit {
    background-color: #ef3333; color: #fff; border-color: #ef3333;
}
.board_btn_wrap a.board_btn_del {
    background-color: #333; color: #fff; border-color: #333;
}

.board_view {
    width: 100%; 
    border: 1px solid #ddd;
    border-top: 2px solid #222;
    background-color: #fff;
}
.board_view_label {
    width: 100%; 
    padding: 10px;
    background-color: #fcfcfd;
    border-bottom: 1px solid #ddd;
}


.board_con .board_view_label {
    text-align: center;
}

.board_view_info {
    background-color: #fff; border-bottom: 1px solid #ddd;
    padding: 10px
}
.board_view_info:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.board_view_info_left {
    float: left;
}
.board_view_info_right {
    float: right;
}
.board_view_info_div  {
    float: left; margin: 3px;
    font-size: 15px;
}
.board_view_info_div b {
    color: #333; padding-left: 10px;
}
.board_view_info_div span {
    color: #333; padding: 0 10px;
}
.board_view_info_div a {
    color: #666; font-size: 13px;
}
.board_view_info_div a:hover {
    color: #e83837
}
.board_view_info_file a {
    color: #03C85A!important
}



.board_view_con {
    padding: 30px 2%; width: 100%;
    min-height: 250px;
    font-size: 15px;
}
.board_reply_date {
     padding: 10px 2%; width: 100%;
    font-size: 15px;
    color: #888
}
.board_reply_date span {
    
    color: #333;
    padding-right: 5px;
}

.board_write table {
    border: 1px solid #ddd;
    border-top: 2px solid #222;
    background-color: #fff;
}
.board_write th {
    background-color: #fcfcfd;
    color: #222;
    padding: 10px 5px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    width: 100px; text-align: center;
    border-right: 1px solid #ddd;
}
.board_write td {
    color: #666;
    padding: 10px 5px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
}

.input_text_wrap input {
    width: 100%;
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
.input_text_wrap2 input {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
.span_req {
    color: #e83837;
}
.textarea_wrap {
    padding: 10px;
}
.textarea_wrap textarea {
    width: 100%!important;
    height: 400px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #eee;
}

.span_state_no {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    border: 1px solid #ddd;
    text-align: center;
    color: #222;
    min-width: 35px;
    background-color: #fff;
    font-size: 13px;
    width: 60px;
    border-radius: 3px;
    font-weight: 500;

}
.span_state_yes {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    border: 1px solid #EFF9EC;
    text-align: center;
    color: #03C85A;
    min-width: 35px;
    background-color: #EFF9EC;
    font-size: 13px;
    width: 60px;
    border-radius: 3px;
    font-weight: 500;
}


.board_view_reply_wrap {
    width: 100%;
    border-top: 1px solid #ddd;
}
.board_view_reply {
    padding: 20px 2% 10px;
    width: 100%;
}
.main_board_line {
    width: 100%;
}
.main_board_line_in {
    font-size: 18px;
    color: #333;
    
}



/* .faq_wrap {width: 100%; border-top: 2px solid #222;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}
.faq_box {border-bottom: 1px solid #eee; width: 100%;font-size:16px;
    line-height: 1.6;
    background-color: #fff;

}
.q_box {display: block; width: 100%; position: relative;top: 0px; left: 0px;
    cursor: pointer;
}
.q_txt {
    padding:15px 60px;
    background-image: url(../imgs/common/faq_q_icon.png);
    background-position: 25px 16px;
    background-repeat: no-repeat;
    color: #222
}
.q_btn {
    position: absolute;top: 0px; bottom: 0px; right: 0px; width: 60px;
    cursor: pointer; 
    background-position: center center;
    background-image: url(../imgs/common/bottom_arr.png);
    background-repeat: no-repeat;
}
.a_box {display: block; width: 100%!important; position: relative;top: 0px; left: 0px;
    background-color: #fff; display: none;
    border-top: 1px solid #eee;
}
.a_box_in {width: 100%;position: relative;top: 0px; left: 0px;}
.a_txt {
    padding:15px 15px 15px 60px;
    background-image: url(../imgs/common/faq_a_icon.png);
    background-position: 25px 16px;
    background-repeat: no-repeat;

}
.faq_box.active .q_btn {
    background-image: url(../imgs/common/top_arr.png);
} */

.faq_con div {
    word-break: keep-all;
}
.faq_tt {
    background: #fff;
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
    color: #565656;
    /* font-size: 25px; */
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}
.faq_tt > span {
    color: #FEDE22;
    font-size: 22px;
    font-weight: 700;
    margin-right: 20px;
    letter-spacing: 0;
}
.faq_tt {
    background: #fff;
}
.faq_con {
    padding: 20px;
    background: #F5F8FF;
    display: none;
}
.a_tt {
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 0;
    /* width: 75px; */
    color: #7EA9FF;
	float:left;
}
.a_txt {
    width: calc(100% - 75px);
    color: #3F4649;
    font-weight: 500;
    letter-spacing: -0.05em;
    font-size: 18px;
    padding-top: 4px;
}
.click_q_view {
    width: 21px;
}
.click_q_view i {
    color: #8D8D8D;
    font-size: 22px;
    vertical-align: bottom;
    transform: rotate(0deg);
    transition: .3s;
}
.faq_tt.on i {
    transform: rotate(180deg);
}
.faq_tt.on + .faq_con {
    border-bottom: 1px solid #eee;
}
.faq_title {
    font-weight: 500;
    width: calc(100% - 21px);
}
.faq_q_box01 {
    width: 75px;
}
.faq_q_box01 span {
    font-size: 23px;
    font-weight: 600;
}
.faq_q_box02 {
    width: calc(100% - 75px);
    line-height: 36.8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.faq_title span {
    color: #03C85A;
}
.buy_find_box02 {
    width: auto;
}
.faq_top_left {
    /* width: calc(100% - 283px); */
	width:120px
}
.find_box_top {
	width:100%;
}
.faq_top_left select {
    padding: 7px;
}
.faq_top_right {
	/* width:273px; */
	width:calc(100% - 130px);
}
.faq_top {
    padding: 20px 0;
    border-top: 1px solid #eee;
}
.faq_wrap {
    border: 1px solid #eee;
    border-bottom: 0;
    margin-bottom: 50px;
}



/*마이페이지*/
.file_myinfo .total_label_all_wrap {
    border-bottom: 2px solid #333;
}
.file_leave .total_label_all_wrap {
    border-bottom: 2px solid #333;
}
.file_leave_01 .total_label_all_wrap {
    border-bottom: 2px solid #333;
}
.file_qna_pw .total_label_all_wrap {
    border-bottom: 2px solid #333;
}
.my_home_all_wrap {
    width: 100%;
    padding-top: 17px;
}
.my_home_wrap {
    width: 100%; max-width: 1080px; margin: 0 auto;
}
.my_home_in {
    width: 100%; padding-bottom: 15px;
}
.my_home_box_wrap {
    width: 100%;
    border: 1px solid #eee;
    padding: 15px 2%;
    background-color: #fcfcfd;
    display: flex;
    align-items: center;
}
.my_home_box_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.my_home_box_left {
    float: left;width:50%; border-right: 1px solid #D9D9D9;
}
.my_home_box_right {
    float: right;width:50%;
}
.my_home_box_in {
    padding: 10px 20px;
    width: 100%; position: relative;top: 0px; left: 0px;
}
.my_home_box_in:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.my_home_box_img {
    float: left;
}
.my_home_box_label_wrap {
    float: left;
}

.my_home_box_img_circle {
    width: 100px; height: 100px;
    background-color: #eaeaea;
    border-radius: 200px;
    background-image: url(/imgs/my_home_box_img_circle.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.my_home_box_txt_wrap {
    width: 100%;
}
.my_home_box_txt_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.my_home_box_txt {
     width: 100%; font-size: 15px;
     padding: 5px 0
}
.my_home_box_txt > div {
    display: inline-block;
}
.my_home_box_txt_label {
    color: #333;
	width:65px;
}
.my_home_box_txt_desc {
    padding-left: 15px;
    color: #888
}
.my_home_box_txt_desc span {
    color: #03C85A
}
.my_home_box_welcome {
    font-size: 18px;
    color: #03C85A;
    font-weight: 600;
}
.my_home_box_txt_info {
    padding-left: 15px;
}
.my_home_box_auth_yes {
    font-size:13px;
    border: 1px solid #03C85A;
    color: #03C85A;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    padding: 0 5px;
    border-radius: 3px;
    font-weight: 500;
}

.my_home_box_label_wrap {
    padding-left: 20px;
    font-size: 20px; color: #333;
    /* padding-top: 12px; */
}

.my_home_box_label span {
    color: #222
}
.my_home_box_edit_wrap {
    padding-top: 5px;
}
.my_home_box_edit_btn {
     font-size:13px; border: 1px solid #ddd;
    color: #666;
    height: 30px; line-height: 30px;
    display: inline-block;
    padding: 0 10px;
    background-color: #fff;
    border-radius: 3px;
}
.total_label_all_wrap {
    width: 100%;
}
.total_label_wrap {
     width: 100%; max-width: 1080px; margin: 0 auto;
     position: relative;top: 0px; left: 0px;
     padding: 10px 0
}
.total_label_wrap:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.total_label {
    float: left;
    font-size: 24px;
    color: #333
}
.total_label_link {
    float: right;
    padding-top: 10px;
}
.total_label_link_btn {
   display: inline-block;
}
.total_label_link_btn span {
    font-size: 16px;
    color: #666;
    position: relative;top: 0px; left: 0px;
    display: inline-block;
    padding-right: 20px;
    background-image: url(/imgs/total_label_link_btn.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.sub_page_right .board_wrap .container {
    padding: 0;
}
.sub_page_right .board_wrap .container .main_btm {
    gap: 30px;
}
.pagenation ul {
    display: flex;
    justify-content: center;
}
.pagenation ul li a, .pagenation ul li span {
    padding: 5px 10px;
    font-size: 15px;
}
.pagenation ul li i {
    color: #212224;
    font-weight: 600;
    font-size: 17px;
}
.double_arrow a i {
    width: 5px;
}
.page_num a, .page_num span {
    color: #8D8D8D;
    font-weight: 500;
}
.chk_page_num {
    color: #212224 !important;
    font-weight: 700 !important;
}
.page_num a:hover {
    background: #F5F5F5;
    border-radius: 3px;
}
.text_align_left {
    text-align: left !important;
}
.btn_con_box {
    border: 1px solid #08AF52;
    background: #03C85A;
    max-width: 135px;
	width:100%;
    height: 37px;
    text-align: center;
    border-radius: 5px;
    margin: 10px 0 30px auto;
	color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 37px;
}
.btn_con_box > a {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 37px;
}
.qna_view_con {
    border-top: 1px solid #303441;
    padding: 10px 0;
}
.qna_a_tt {
    color: #303441;
    font-size: 20px;
    font-weight: 500;
}
.qna_a_tt + .right {
	position: relative;
}
.qna_view_wrap .total_label_wrap {
    padding: 0 0 10px;
}
.qna_view_con_date {
    text-align: right;
    color: #888888;
    font-size: 15px;
}
.qna_view_con_q {
    font-size: 15px;
    color: #858585;
}
.qna_view_con_a {
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
    margin-top: 30px;
    padding: 20px;
    background: #FCFCFC;
}
.qna_view_con_a_info img {
    vertical-align: baseline;
    margin-right: 10px;
}
.admin_tt {
    color: #303441;
    font-size: 17px;
    font-weight: 600;
    margin-right: 10px;
}
.admin_date {
    color: #888;
    letter-spacing: -0.5px;
}
.qna_view_con_a_info {
    margin-bottom: 15px;
}
.qna_view_con_a_box {
    font-size: 15px;
    color: #858585;
}
.qna_write_tt {
    color: #373737;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 7px;
}
.input_form input {
    border: 1px solid #E9E9E9;
    width: 100%;
    padding: 12px 10px;
    border-radius: 5px;
    font-family: 'Roboto','AppleSDGothicNeo',sans-serif !important;
    letter-spacing: -0.5px;
}
.input_form input::placeholder {
    color: #9F9F9F;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Roboto','AppleSDGothicNeo',sans-serif !important;
}
.input_form textarea {
    resize: none;
    border: 1px solid #E9E9E9;
    width: 100%;
    padding: 15px 10px;
    border-radius: 5px;
    height: 150px;
    font-family: 'Roboto','AppleSDGothicNeo',sans-serif !important;
}
.input_form textarea::placeholder {
    color: #9F9F9F;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Roboto','AppleSDGothicNeo',sans-serif !important;
}
.qna_write_box {
    margin-bottom: 15px;
}
.file_add_box {
    border: 1px solid #E9E9E9;
    border-radius: 5px;
    color: #9F9F9F;
    font-size: 15px;
    padding: 15px;
}
.file_add_box img {
    margin-right: 7px;
}
.input_form02 {
    margin-top: 20px;
}
.file_name {
    margin-left: 10px;
    color: #3F4649;
    letter-spacing: -0.5px;
}
.myinfo_change_wrap {
    border-top: 1px solid #E9E9E9;
    padding: 20px 0;
}
.myinfo_change_con {
    max-width: 500px;
    margin: 0 auto;
}
.myinfo_change_tt {
    color: #373737;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 7px;
}
.myinfo_change_tt span {
    color: #E53935;
    font-weight: 500;
    margin-left: 2px;
}
.myinfo_change_box {
    margin-bottom: 10px;
}
.input_form_pw {
    margin-bottom: 5px;
}
.myinfo_change_btn_wrap {
    text-align: center;
    margin-top: 40px;
}
.myinfo_change_btn_wrap div a {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    padding: 13px 0;
}
.myinfo_change_btn {
   background: #03C85A;
   border-radius: 5px;
}
.myinfo_change_btn a {
    color: #fff;
}
.myinfo_change_btn input {
	background: #03C85A;
	border-radius: 5px;
	color: #fff;
	border:0;
	font-size: 16px;
    font-weight: 500;
    padding: 13px 0;
}
.myinfo_delete a {
    color: #3F4649;
    text-decoration: underline;
}
.myinfo_change_wrap .myinfo_change_box:first-child .input_form input {
    background: #F6F6F6;
}
.leave_wrap {
    border-top: 1px solid #E9E9E9;
    padding: 30px 0 50px;
}
.myinfo_leave_btn_wrap {
    display: flex;
    gap: 10px;
    text-align: center;
    margin-top: 25px;
} 
.myinfo_leave_btn_wrap div {
    border-radius: 5px; 
    width: 100%;
}
.myinfo_leave_btn_wrap div:first-child {
    border: 1px solid #E9E9E9;
}
.myinfo_leave_btn_wrap div:last-child {
    background: #03C85A;
}
.myinfo_leave_btn_wrap div a {
    display: block;
    width: 100%;
    padding: 10px 0;
    font-size: 15px;
    font-weight: 600;
}
.myinfo_leave_btn_wrap div:last-child a {
    color: #fff;
}
.myinfo_leave_btn_wrap div:last-child input {
	border:0;
	color: #fff;
	padding: 10px 0;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    background: transparent;
}
.important_box {
    color: #7EA9FF;
    border: 1px solid #7EA9FF;
    border-radius: 15px;
    max-width: 45px;
    margin: 0 auto;
    font-weight: 500;
}
.important_tr_bg {
    background:#F5F8FF;
}

.notice_view_top {
    background: #fff;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}
.notice_view_tt {
    color: #535353;
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 5px;
}
.notice_view_date {
    color: #888;
    font-size: 15px;
    letter-spacing: 0;
    display: flex;
    justify-content: space-between;
}
.notice_view_con {
    background: #fff;
    padding: 25px 0;
    word-break: keep-all;
    color: #6C6C6C;
    font-size: 15px;
}
.notice_view_con > div {
    white-space: pre-line;
}
.notice_view_wrap {
    border-top: 1px solid #303441;
    border-bottom: 1px solid #303441;
    position: relative;
}
.list_go_btn {
    background: #03C85A;
    width: 60px;
    text-align: center;
    margin-left: auto;
    margin-top: 45px;
}
.list_go_btn a {
    display: block;
    width: 100%;
    color: #fff;
    padding: 10px 0 7px;
}
.list_view_wrap + .board_wrap {
    max-width: inherit;
    margin-top: 25px;
}
.sel_pay_box_input select {
    width: 100%;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    padding: 8px;
    font-size: 14px;
}
.sel_pay_box > .left {
	width: 49%;
    margin-right: 2%;
}
.sel_pay_box > .left:last-child {
	margin-right: 0;
}
.sel_pay_box {
    margin-bottom: 20px;
    border-bottom: 1px solid #E9E9E9;
    padding-bottom: 20px;
}
.sel_pay_radio_box {
	border: 1px solid #D7D7D7;
	background: #fff;
	border-radius: 5px;
    font-size: 16px;
    color: #5C5C5C;
    font-weight: 400;
    padding: 10px 0;
	font-weight:500;
    position: relative;
}
.sel_pay_radio_box img {
    margin-right: 5px;
}
.sel_ok {
	display:none;
}
#sel_buy_1:checked + label > div {
    background: #FAFAFA;
	font-weight: 500;
}
#sel_buy_1:checked + label > div .circle_dot_in {
    border: 1px solid #03C85A;
}
#sel_buy_1:checked + label > div .circle_dot {
    background-color: #03C85A;
}
#sel_buy_1:checked + label > div .sel_no {
	display:none;
}
#sel_buy_1:checked + label > div .sel_ok {
	display:inline-block;
}
#sel_buy_3:checked + label > div {
    background: #FAFAFA;
	font-weight: 500;
}
#sel_buy_3:checked + label > div .circle_dot_in {
    border: 1px solid #03C85A;
}
#sel_buy_3:checked + label > div .circle_dot {
    background-color: #03C85A;
}
#sel_buy_3:checked + label > div .sel_no {
	display:none;
}
#sel_buy_3:checked + label > div .sel_ok {
	display:inline-block;
}
.sel_pay_box_input {
    display: flex;
    gap: 7px;
    text-align: center;
}
.sel_pay_box_input > div {
	width: 100%;
}
.buy_modal_top {
    background: linear-gradient(90deg, #03C85A 0%, #16C8C5 100%);
    text-align: center;
    color: #fff;
    padding: 10px 0;
    font-size: 22px;
    letter-spacing: -0.5px;
}
.buy_modal .close_btn {
	top: 17px;
}
.buy_modal_con {
    padding: 10px 20px;
}
.buy_modal_tt {
    font-size: 20px;
    color: #212224;
    width: 180px;
    font-weight: 500;
}
.buy_modal_tt::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 18px;
    background: #03C85A;
    margin-right: 5px;
    vertical-align: -2px;
}
.buy_modal_sel_box {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.buy_modal_select {
    width: 100%;
}
.buy_modal_select select {
    border: 1px solid #E9E9E9;
    border-radius: 5px;
    padding: 10px 5px;
    width: 100%;
}
.sel_buy_txt > div {
    color: #212224;
    font-size: 18px;
}
.sel_buy_txt > div:first-child {
    font-weight: 500;
    border-bottom: 2px dashed #E9E9E9;
    margin: 0 15px 10px;
    padding-bottom: 10px;
}
.sel_buy_txt > div:last-child {
    font-weight: 600;
    letter-spacing: -0.5px;
}
.buy_modal_select_txt {
    text-align: right;
    color: #212224;
    line-height: 32px;
    font-weight: 500;
}
.buy_modal_select_txt span {
    color: #03C85A;
}
#sel_buy_free1:checked + label > div {
    background: #03C85A;
    color: #fff;
    border: 1px solid #03C85A;
}
#sel_buy_free3:checked + label > div:not(.ballon) {
    background: #03C85A;
	font-weight: 500;
    color: #fff;
    border: 1px solid #03C85A;
    font-weight: 400;
}
.sel_buy_free_txt {
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 18px;
}
.buy_modal {
    max-width: 525px;
    border-radius: 5px;
}
.buy_modal_con_wrap {
	padding: 10px 0 5px !important;
	gap: 20px !important;
}
.buy_modal_con_wrap .buy_wrap_con_02_box {
	padding: 10px;
}
.buy_modal_con_wrap .buy_wrap_con_02_tt {
    width: 75px;
    font-size: 14px;
    padding: 3px 0 1px;
}
.buy_modal_con_wrap .buy_wrap_con_02_opt > div:first-child {
    font-size: 18px;
    padding: 5px 0 0;
}
.buy_modal_con_wrap .buy_wrap_con_02_opt_img {
    margin-bottom: 0px;
    height: 60px;
}
.buy_modal_con_wrap .buy_wrap_con_02_opt_img img {
	height:100%;
}
.buy_modal_con_wrap .buy_wrap_con_02_con {
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.buy_modal_con_wrap .con_02_btm_box .right {
	font-size:13px;
}
.buy_modal_mob {
	display: none;
}
.buy_modal .close_btn i {
    color: #fff;
}
.sel_pay_box02 {
    border-bottom: 0;
    margin-bottom: 5px;
}
.buy_modal  .buy_btn_box {
    background: linear-gradient(90deg, #03C85A 0%, #16C8C5 100%);
    border-radius: 100px;
}
.buy_modal  .buy_btn_box a {
    padding: 14px;
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
.ballon {
    position: absolute;
    /* width: 205px; */
    /* height: 40px; */
    left: -13px;
    top: -15px;
    background: #E44040;
    color: white;
    border-radius: 5px;
    padding: 2px 15px 0;
    font-size: 15px;
    font-weight: 400;
    animation: blink 1.2s step-end infinite;
}
.ballon::after {
    border-top: 10px solid #E44040;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 0px solid transparent;
    content: "";
    position: absolute;
    top: 22px;
    left: 50%;
    transform: translateX(-50%);
}
.sel_pay_box_input02 {
    gap: 20px;
    position: relative; 
}
.buy_wrap_top_line {
    background: #C5C5C5;
    max-width: 395px;
    height: 3px;
    position: relative;
}
.buy_wrap_top_line::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 3px;
    background: #03C85A;
}
.buy_wrap_con_top {
    text-align: center;
}
.buy_wrap_con_top_num {
    background: linear-gradient(90deg, #03C85A 0%, #16C8C5 100%);
    width: 28px;
    height: 28px;
    margin: 0 auto;
    color: #fff;
    font-size: 15px;
    line-height: 28px;
}
.buy_wrap_con_top_tt {
    color: #3F4649;
    font-size: 25px;
    font-weight: 500;
}
.buy_wrap_con_top_txt {
    color: #212224;
    font-size: 17px;
}
.buy_wrap_top {
    color: #212224;
    font-size: 24px;
    margin-bottom: 10px;
}
.buy_wrap_top span {
    color: #C5C5C5;
    font-size: 17px;
    margin: 0 5px;
    font-weight: 500;
}
.buy_wrap_top span:first-child {
    margin-left: 25px;
}
.buy_wrap_top span i {
    margin-left: 5px;
    font-size: 15px;
}
.buy_wrap_top_chk {
    color: #03C85A !important;
}
.buy_wrap_con_sel .sel_pay_radio_box {
    display: flex;
    padding: 15px;
    border: 0;
}
.buy_wrap_con_sel .sel_pay_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    border-bottom: 0;
    margin-top: 20px;
}
.buy_wrap_con_sel_txt {
    text-align: left;
    background: #F8F8F8;
    padding: 10px 15px 6px;
    font-size: 14px;
    color: #8D8D8D;
}
.buy_wrap_con_sel_txt span {
    color: #3F4649;
    margin-right: 5px;
    font-weight: 600;
}
.buy_wrap_con_sel_tt {
    color: #212224;
    font-size: 23px;
    font-weight: 500;
    line-height: 28px;
    margin-left: 8px;
}
.point_box {
    background: #E44040;
    font-size: 14px;
    color: #fff;
    border-radius: 100px;
    padding: 3px 10px;
    font-weight: 400;
    vertical-align: text-bottom;
    margin-left: 8px;
}
.buy_wrap_sel_line {
    border: 1px solid #E9E9E9;
    border-radius: 5px;
    overflow: hidden;
}
.buy_wrap_con_sel .sel_pay_box input:checked + label .buy_wrap_sel_line {
    border: 1px solid #03C85A;
}
.buy_wrap_con_sel .sel_pay_box input:checked + label .circle_dot_in {
    border: 1px solid #03C85A;
}
.buy_wrap_con_sel .sel_pay_box input:checked + label .circle_dot {
    background-color: #03C85A;
}
.buy_wrap_con_sel .sel_pay_box input:checked + label .buy_wrap_con_sel_tt {
    color: #03C85A;
}
.buy_wrap_con_sel .sel_pay_box_input:last-child {
    grid-column: 1 / span 2;
}
.point_box02 {
    background: linear-gradient(90deg, #03C85A 0%, #16C8C5 100%);
}
.buy_wrap_sel_free_txt {
    color: #7D7D7D;
    padding: 0 15px 10px;
    text-align: left;
}
.free_con_wrap_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.free_con_wrap span {
    display: inline-block;
    margin-right: 10px;
    width: 93px;
    border-right: 1px solid #ECECEC;
}
.free_con_wrap span:last-child {
    border-right: 0;
}
.free_con_wrap span div {
    color: #3F4649;
    font-size: 16px;
    font-weight: 500;
}
.free_con_wrap span img {
    text-align: center;
}
.buy_wrap_sel_m_wrap .sel_pay_box {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
}
.buy_wrap_sel_m_wrap .sel_pay_box_input:last-child {
    grid-column: auto;
}
.buy_wrap_con_sel02 .sel_pay_radio_box {
    display: block;
    box-shadow: 0px 0px 5px 0px #00000040;
}
.buy_wrap_con_sel02 .sel_pay_box_input input:checked + label .sel_pay_radio_box {
    box-shadow: 0px 0px 5px 0px #03C85A;
}
.buy_wrap_con_sel02 .sel_pay_box_input input:checked + label .sel_pay_radio_box .sel_ok {
	display:inline-block;
}
.buy_wrap_con_sel02 .sel_pay_box_input input:checked + label .sel_pay_radio_box .sel_no {
	display:none;
}
.buy_wrap_con_sel02 .sel_pay_box_input input:checked + label .sel_buy_txt div {
    color: #03C85A;
}
.buy_wrap_con_sel02 .ballon {
    background: #484848;
}
.buy_wrap_con_sel02 .ballon::after {
    border-top: 10px solid #484848;
}
.buy_wrap_con_sel_btn {
    max-width: 240px;
    margin: 40px auto 60px;
    text-align: center;
    background: #03C85A;
    border: 1px solid #08AF52;
    border-radius: 5px;
}
.buy_wrap_con_sel_btn a {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 18px;
    padding: 8px 0;
}
.buy_wrap_con_sel_btn a i {
    margin-right: 8px;
    vertical-align: -2px;
}
.buy_wrap {
    padding-top: 35px;
}
.buy_method_wrap .buy_wrap_top_line::after {
    width: 80%;
}
.buy_method_con {
    margin-top: 40px;
}
.buy_method_con table {
    border: 1px solid #E9E9E9;
}
.buy_method_con table tr:first-child {
    background: #FBFBFB;
    border-bottom: 1px solid #E9E9E9;
}
.buy_method_con table tr:first-child th {
    color: #212224;
    font-weight: 400;
    padding: 8px 5px;
}
.buy_method_con table td {
    text-align: center;
    padding: 8px;
}
.width_1 {
	 width:90px;
}
.width_2 {
    width: 160px;
}
.width_3 {
    width: 200px;
}
.width_4 {
    width: 130px;
}
.width_6 {
    width: 102px;
}
.width_7 {
	width: 130px;
}
.text_align_left {
    text-align: left;
}
.buy_method_con_btm {
    border: 1px solid #E9E9E9;
    border-top: 0;
}
.buy_method_con_btm_tt {
    color: #212224;
    font-size: 18px;
    text-align: center;
    width: 150px;
    background: #FBFBFB;
    border-right: 1px solid #E9E9E9;
    line-height:132px;
}
.buy_method_con_btm_pay {
    width: calc(100% - 150px);
    padding: 15px;
}
.buy_method_con_btm_pay > div {
    float: left;
    width: 160px;
    text-align: center;
    margin-right: 15px;
}
.buy_method_box > img {
    margin-bottom: 5px;
}
.buy_method_box > div {
    color: #8D8D8D;
    font-size: 15px;
    font-weight: 400;
}
.buy_method_total_price {
    text-align: right;
    padding: 30px 0;
    border-bottom: 1px solid #E9E9E9;
    font-size: 18px;
}
.buy_method_total_price span {
    font-size: 23px;
    color: #03C85A;
    margin: 0 5px;
    font-weight: 500;
}
.buy_method_box {
    padding: 15px;
    border: 1px solid #E9E9E9;
    background: #FBFBFB;
    border-radius: 5px;
}
.buy_method_con_btm_pay > div input:checked + label .buy_method_box {
    border: 1px solid #08AF52;
    background: #fff;
}
.buy_method_con_btm_pay > div input:checked + label .buy_method_box .sel_no {
    display: none;
}
.buy_method_con_btm_pay > div input:checked + label .buy_method_box .sel_ok {
    display: inline-block;
}
.buy_method_con_btm_pay > div input:checked + label .buy_method_box > div {
    color: #03C85A;
    font-weight: 500;
}
.buy_ok_wrap .buy_wrap_top_line::after {
    width: 100%;
}
.buy_ok_chk {
    text-align: center;
    padding: 40px 0 0;
}
.buy_ok_chk div {
    margin-top: 20px;
    color: #3F4649;
    font-size: 22px;
    font-weight: 500;
}
.buy_ok_wrap .buy_method_total_price {
    border-bottom: 0;
}
.buy_ok_wrap_btn {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.buy_ok_wrap_btn div {
    border-radius: 3px;
    max-width: 100%;
    text-align: center;
    width: 200px;
}
.buy_ok_wrap_btn div:first-child {
    border: 1px solid #313131;
    background: #484848;
}
.buy_ok_wrap_btn div:last-child {
    border: 1px solid #08AF52;
    background: #03C85A;
}
.buy_ok_wrap_btn div a {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 18px;
    padding: 8px 0;
}
.view_mob {
    display: none;
}
.buy_ok_con {
    margin-bottom: 30px;
}
.pagenation {
    padding: 35px;
}
.list_view_wrap .list_table_wrap {
    margin-bottom: 35px;
}

.find_idpw {
    text-align: center;
    /* margin-top: 5px; */
}
.find_idpw a {
    display: inline;
    width: 100%;
    font-size: 13px;
}
.find_idpw a:hover {
    text-decoration: underline;
}
.find_idpw img {
    margin-right: 5px;
    vertical-align: text-top;
}
.find_top_wrap {
    display: flex;
    justify-content: space-around;
    background: #F7F7F7;
    border: 1px solid #F7F7F7;
    margin-bottom: 20px;
    text-align: center;
}
.find_top_wrap > div {
    padding: 10px 0;
    cursor: pointer;
    color: #9F9F9F;
    font-weight: 500;
    width: 100%;
}
.find_detail_txt {
    border: 1px solid #50AA6F;
    background-color: #fff;
    color: #50AA6F !important;
}
.find_top_tt {
    text-align: center;
    border-bottom: 1px solid #EEE;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.find_top_tt > p:first-child {
    font-size: 18px;
    font-weight: 500;
}
.find_top_tt > p:last-child {
    color: #858585;
    font-weight: 350;
}
.find_top_tt > p:last-child > span {
    display: block;
}
.joinform_box_tt {
    float: left;
    width: 110px;
    font-weight: 500;
    line-height: 37.78px;
}
.joinform_box_tt > div > span {
    color: #C00000;
    margin-left: 3px;
}
.joinform_box_form {
    float: left;
    width: calc(100% - 110px);
}
.joinform_box {
    margin-bottom: 10px;
}
.joinform_box::after {content:"";display:block;clear:both}
.joinform_box_form_top {
    margin-bottom: 4px;
}
.joinform_box_form_top::after {content:"";display:block;clear:both}
.joinform_input_box {
    float: left;
    width: calc(100% - 105px);
}
.joinform_input {
    width: 100%;
    border: 1px solid #EEE;
    border-radius: 3px;
    padding: 10px 8px;        
    font-weight: 500;
    font-size: 12px;
}
/* #m_company_file {
	height:36px;
} */
.joinform_input2 {
    padding: 9px 5px;
}
.joinform_input::placeholder {
    color: #9F9F9F;
    font-weight: 500;
    font-size: 12px;
}
.joinform_input_chk {
    float: right;
    width: 100px;
    border: 1px solid #50AA6F;
    border-radius: 3px;
    text-align: center;
}
.joinform_input_chk > a {
    display: block;
    width: 100%;
    color: #50AA6F;
    font-weight: 500;
    padding: 7px 0 4px;
}
.confirm_num {
    float: left;
    width: calc(100% - 75px);
}
.phone_box1 {
    float: left;
    width: 60px;
    margin-right: 5px;
}
.phone_box2 {
    float: left;
    width: calc(100% - 140px);
    margin-right: 5px;
}
.phone_box3 {
    float: right;
    width: 70px;
}
.joinform_input_chk2 {
    width: 60px;
}
.correct_txt {
    color: #C00000;
    font-size: 13px;
    word-break: keep-all;
}
.correct_txt > span {
    background-color: #C00000;
    border-radius: 50%;
    padding: 0 7px 0 6px;
    color: #fff;
    font-weight: 600;
    margin-right: 5px;
    font-size: 12px;
}
.available {
	color: #03C85A;
    font-size: 13px;
    word-break: keep-all;
    font-weight: 500;
    letter-spacing: -0.8px;
    margin-bottom: 15px;
    line-height: 0.5;
}
.unavailable {
	color: #C00000;
    font-size: 13px;
    word-break: keep-all;
    font-weight: 500;
    letter-spacing: -0.8px;
    margin-bottom: 15px;
    line-height: 0.5;
}
.join_form_input .correct_txt {
	font-size: 13px;
    word-break: keep-all;
    font-weight: 500;
    letter-spacing: -0.8px;
    margin-bottom: 15px;
    line-height: 0.5;
	display:none;
}
.find_modal, .find_modal02 {
    padding: 20px;
}
.modal_logo_box {
    text-align: center;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.modal_logo_box img {
    width: 35%;
}
.next_box {
    display: flex;
    justify-content: space-between;
    text-align: center;
    gap: 10px;
}
.next_box > div {
    border-radius: 3px;
    width: 100%;
}
.next_box > div:first-child {
    background: #ddd;
}
.next_box > div:last-child {
    background: #03C85A;
}
.next_box > div > a {
    display: block;
    width: 100%;
    padding: 9px 0 7px;
    font-weight: 500;
	cursor:pointer;
}
.next_box > div:last-child a {
    color: #fff;
}
.tbl_head01 {
	border-right: 1px solid #ececec;
	border-left: 1px solid #ececec;
}
.btn_bo_user > li {
    width: auto;
    border: 1px solid #08AF52;
    background: #03C85A;
    border-radius: 5px;
    margin-top: 30px;
}
.btn_bo_user > li > a {
	color: #fff;
    font-weight: 400;
    font-size: 17px;
    padding: 0 45px;
    height: 37px;
    line-height: 37px;
}
#bo_w .bo_w_tit #btn_autosave {
	display:none !important;
}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input {
    box-shadow: none;
	border: 1px solid #E9E9E9;
	resize:none;
}
.notice_view_wrap #bo_v_info, #bo_v_atc, .cmt_btn, #bo_btn_top, .bo_v_nb, #bo_v_share {
	display:none;
}
.notice_view_wrap #bo_v_info {
	display:block;
}
#bo_v_top {
    position: absolute;
    top: 10px;
    right: 0;
}
#bo_v_top ul {
	margin:0;
}
#bo_v_top ul li {
	border:0;
	background: transparent;
	margin:0;
}
.tbl_head01 thead th {
    background: #FBFBFB;
    font-weight: 500;
    color: #212224;
}
#faq_wrap li h3 .tit_bg {
    color: #03C85A;
}
.faq_con_q_tt > p, .faq_con_q_tt p span span {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
}
#faq_con .con_inner {
    padding: 15px 20px;
    background: #F5F8FF;
}
#faq_con .con_inner p {
	font-size: 16px;
    font-weight: 500;
    float: left;
    margin-left: 30px;
	width:90%;
}
#faq_con .con_inner .a_tt + p {
	margin-left: 15px;
	line-height: 36.8px;
}
#faq_con .con_inner p br {
	display: none;
}
input:focus {
    outline: none !important;
	box-shadow: none !important;
}
/* textarea:focus {
    outline: none !important;
	border: none !important;
	box-shadow: none !important;
}
*:focus {
    outline: none;
} */
#bo_list .cnt_cmt {
	display:none !important;
}

@keyframes motion {
	0% {margin-top: 0px;}
	100% {margin-top: 10px;}
}
.memoButton {
    border: 0;
    background: #484848;
    color: #fff;
    height: 32px;
    line-height: 32px;
    padding: 0 7px;
    margin-left: -2px;
    border-radius: 3px;
	font-size: 13px;
}
.txt_left {
	text-align:left;
}
.txt_right {
	text-align:right;
}
.typing {
	color: #BFBFBF;
	white-space: nowrap;
    line-height: 32.39px;
}
.gnb_text{
  display: inline; vertical-align: middle;
  border-right: .05em solid black;
  animation:  cursor 0.2s ease infinite;
}
.db_go_box {
    position: absolute;
    right: 0;
}
.db_go_box img {
    animation: motion 0.5s linear 0s infinite alternate;
}
.swiper-pagination-bullet {
    border: 1px solid #D9D9D9;
    background: #fff;
    opacity: 1;
    width: 16px;
    height: 8px;
    border-radius: 100px;
}
.swiper-pagination-bullet-active {
	background: #666;
	border: 1px solid #666;
	width:35px;
}
.swiper-button-prev, .swiper-button-next {
	color: #222;
    background: #fff;
    border-radius: 50%;
    padding: 0 22px;
    opacity: 0.4;
	display:none;
}
.swiper-button-next:after, .swiper-button-prev:after {
	font-size:27px !important;
}
.new_all_box_right:hover .swiper-button-prev, .new_all_box_right:hover .swiper-button-next {
	display:flex;
}
.swiper-button-prev:hover, .swiper-button-next:hover {
	opacity: 0.8;
}
.con_line_mark {
    background: #7ea9ff2e;
    border-radius: 30px;
    color: #7EA9FF;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 600;
    margin-right: 3px;
}
.main_top_db {
	position: absolute;
    right: 0;
    bottom: 0;
}
.db_buy_box {
    background: #03C85A;
    border-radius: 5px;
}
.db_buy_box a {
    color: #fff;
    display: block;
    padding: 4px 8px;
    font-weight: 500;
    font-size: 15px;
}
.buy_keyword {
    /* margin-bottom: 15px; */
    font-size: 16px;
    color: #222;
    letter-spacing: 0;
    box-shadow: 0px 0px 8px 0px #30303026;
    padding: 15px;
    border-radius: 5px;
    margin: 25px 0 0;
}
.buy_keyword_tt {
	font-weight: 600;
    /* margin-right: 15px; */
    letter-spacing: -0.3px;
	margin-bottom: 5px;
}
.all_cate_modal {
    padding: 20px;
    max-width: 1100px;
}
.modal_cate_box_tt {
    font-size: 23px;
    color: #000;
    margin-bottom: 20px;
	font-weight:500;
}
.all_cate_tt {
    float: left;
	width:105px;
    position: relative;

	/* border-bottom: 2px solid #03C85A;
    padding: 0 0 5px 20px; */
}
.all_cate_tt a {
	color: #191919;
    font-size: 18px;
    font-weight: 500;
}
.all_cate_tt::before {
	content: '';
    display: block;
    width: 3px;
    height: 17px;
    background: #03C85A;
    position: absolute;
    left: -7px;
    top: 48%;
    transform: translateY(-50%);
}
.all_cate_tt i {
    font-size: 21px;
    vertical-align: -2px;
    /* margin-left: 5px; */
    position: absolute;
    right: 12px;
    top: 3px;
}
.all_cate_detail {
    float: left;
	width: calc(100% - 105px);
}
.all_cate_detail ul {
    display: flex;
    flex-wrap: wrap;
}
.all_cate_detail li {
	margin-right:20px;
	position:relative;
}
.all_cate_detail li::after {
	content: '';
    display: block;
    background: #E9E9E9;
    position: absolute;
    top: 50%;
    right: -12px;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
}
.all_cate_detail li:last-child::after {
	display:none;
}
.all_cate_detail li a {
	color:#797D8B;
	font-size: 16px;
    font-weight: 500;
    display: block;
    width: 100%;
	padding: 2px 0 2px 10px;
}
/* .all_cate_detail li:hover {
	background: #FAFAFC;
} */
.all_cate_detail li:hover a {
	color:#03C85A;
    font-weight: 600;
}
.all_cate_modal::-webkit-scrollbar {
    width: 8px;
}
.all_cate_modal::-webkit-scrollbar-thumb {
    background-color: #9b9a9a;
    /* border-radius: 10px; */
    background-clip: padding-box;
    border: 2px solid transparent;
}
.all_cate_modal::-webkit-scrollbar-track {
    background-color: #eee;
    /* border-radius: 10px; */
    box-shadow: inset 0px 0px 5px white;
}
.all_cate_box:after {content:"";display:block;clear:both}
.all_cate_box {
    margin-bottom: 15px;
	width: 100%;
}
.all_cate_box_flex {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.all_cate_con {
    display: flex;
    flex-wrap: wrap;
    /* gap: 15px; */
    padding: 0 10px;
}
/* .all_cate_con > div {
    width: calc(20% - 12px);
} */
.header_menu .new_icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); 
    margin-left: 5px;
}
.sub_category_wrap {
    position: absolute;
    left: -50px;
    text-align: left;
    border: 1px #ddd solid;
    background: #fff;
    padding: 10px 15px;
	display:none;
}
.sub_category_con {
    display: table;
}
.sub_category_con ul {
    min-width: 140px;
    display: table-cell;
}
.sub_category_wrap > .sub_category_con > ul > li {
	border-bottom: 1px #eee solid;
}
.sub_category_wrap > .sub_category_con > ul > li:last-child {
	border-bottom: 0;
}
.sub_category_wrap > .sub_category_con > ul > li > a {
	padding: 7px 5px;
    color: #666;
    transition: transform 0.2s;
	border-left:0;
	border-right:0;
    line-height: 1.3;
}
.sub_category_wrap > .sub_category_con > ul > li:hover a {
	transform: none;
	font-weight: 600;
}
.sub_category_wrap > .sub_category_con > ul > li:first-child:hover a {
	background: transparent;
	color:#666;
}
.header_btm_box ul li:hover .sub_category_wrap a::after {
	display:none;
}
.text_ani:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  border-left: 2px solid #ddd;
  animation: animate 8s steps(40) infinite;
}

@keyframes animate{
  40%, 60%{
      left: calc(93% + 1px);
  }

  100%{
      left: 0%;
  }
}


.buy_btm_img a {
	display: block;
	width: 100%;
}
.buy_btm_img a img {
	width:100%;
}
.main_top_db .list_search_btn_wrap {
	height: auto;
}
.main_top_db .list_search_btn_wrap::after {
	display: none !important;
}
.main_top_db .list_search_btn_wrap > div > a {
    padding: 5px 10px;
}
.list_table_wrap_txt02 {
    justify-content: center;
}
.main_top_tt_box {
	display: flex;
    justify-content: center;
    gap: 15px;
    align-items: center;
}
.all_cate_modal .modal_cate_box_tt img {
	width: 20px;
    margin-right: 8px;
    vertical-align: sub;
}
/* .main_top_more_btn {
    background: linear-gradient(0deg, #50aa6fab 0%, #03C85A 100%);
    line-height: 42px;
    padding: 0;
    border: none;
    position: relative;
    height: 30px;
    width: 60px;
    border-radius: 3px;
	overflow: hidden;
}
.main_top_more_btn a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 15px;
    color: #fff;
    line-height: 30px;
}
.main_top_more_btn::before, .main_top_more_btn::after {
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	background: #03C85A;
	box-shadow:
	   -7px -7px 20px 0px rgba(255,255,255,.9),
	   -4px -4px 5px 0px rgba(255,255,255,.9),
	   7px 7px 20px 0px rgba(0,0,0,.2),
	   4px 4px 5px 0px rgba(0,0,0,.3);
	transition: all 0.3s ease;
}
.main_top_more_btn:before{
   height: 0%;
   width: 2px;
}
.main_top_more_btn:after {
  width: 0%;
  height: 2px;
}
.main_top_more_btn:hover{
  color: #03C85A;
  background: transparent;
}
.main_top_more_btn:hover:before {
  height: 100%;
}
.main_top_more_btn:hover:after {
  width: 100%;
}
.main_top_more_btn a:hover {
	color: #000;
    font-weight: 500;
}
.main_top_more_btn a:before,
.main_top_more_btn a:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: #03C85A;
  box-shadow:
   -7px -7px 20px 0px rgba(255,255,255,.9),
   -4px -4px 5px 0px rgba(255,255,255,.9),
   7px 7px 20px 0px rgba(0,0,0,.2),
   4px 4px 5px 0px rgba(0,0,0,.3);
  transition: all 0.3s ease;
}
.main_top_more_btn a:before {
  width: 2px;
  height: 0%;
}
.main_top_more_btn a:after {
  height: 2px;
  width: 0%;
}
.main_top_more_btn a:hover:before {
  height: 100%;
}
.main_top_more_btn a:hover:after {
  width: 100%;
} */


.main_top_more_btn{
	/* flex: 1 1 auto; */
    /* padding: 30px; */
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2); */
    box-shadow: 0 0 20px #eee;
    border-radius: 5px;
	background-image: linear-gradient(to right, #84fab0 0%, #8fd3f4 51%, #84fab0 100%);
    background: linear-gradient(90deg, #03C85A 0%, #16C8C5 100%);
}
.main_top_more_btn a {
	display: block;
	width: 100%;
	padding: 5px 20px;
	color: #fff;
	font-size: 15px;
}
.main_top_more_btn:hover {
	background-position: right center;
}


/* 결제페이지 리뉴얼 */
.buy_wrap_con02 {
    display: flex;
    justify-content: center;
    gap: 30px;
    padding: 50px 0 30px;

}
.buy_wrap_con_02_box {
    width: 320px;
	box-shadow: 0px 0px 5px 0px #00000040;
	border: 1px solid #00000010;
	border-radius:5px;
	padding: 20px;
	display:block;
	position: relative;
}
.buy_wrap_con_02_box.on {
	box-shadow: 0px 0px 5px 0px #03C85A;
	border: 1px solid;
	border-image-source: linear-gradient(90deg, #03C85A 0%, #16C8C5 100%);
}
.buy_wrap_con_02_box.on .buy_wrap_con_02_opt_img .sel_no {
	display:none;
}
.buy_wrap_con_02_box.on .buy_wrap_con_02_opt_img .sel_ok {
	display:inline-block;
}
.buy_wrap_con_02_pay_sel .circle_dot_wrap .circle_dot_in {
    width: 18px;
    height: 18px;
	padding: 4px;
	border: 1px solid #CFCFCF;
}
.buy_wrap_con_02_pay_sel input:checked + label .circle_dot_wrap .circle_dot_in {
    border: 1px solid #03C85A;
}
.buy_wrap_con_02_pay_sel .circle_dot_wrap .circle_dot {
    width: 8px;
    height: 8px;
	background: #CFCFCF;
}
.buy_wrap_con_02_pay_sel input:checked + label .circle_dot_wrap .circle_dot {
    background-color: #03C85A;
}

.con02_pay_sel_box {
	display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #E9E9E9;
    border-radius: 5px;
    padding: 8px 10px;
    color: #222;
    font-size: 16px;
    margin-bottom: 10px;
}
.buy_wrap_con_02_pay_sel input:checked + label .con02_pay_sel_box {
	border: 1px solid #03C85A;
}
.con02_pay_sel_dot {
	display: flex;
    align-items: center;
    gap: 7px;
}
.buy_wrap_con_02_tt {
    border-radius: 100px;
    width: 90px;
    /* margin: 0 auto; */
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    padding: 6px 0;
}
.buy_wrap_con_02_tt01 {
	background: linear-gradient(90deg, #03C85A 0%, #16C8C5 100%);
}
.buy_wrap_con_02_tt02 {
	background: #414141;
}
.buy_wrap_con_02_opt {
	text-align: center;
}
.buy_wrap_con_02_opt > div:first-child {
    font-size: 20px;
    color: #3F4649;
    font-weight: 500;
    padding: 15px 0 0;
}
.buy_wrap_con_02_con > div:first-child {
    border: 1px solid #E9E9E9;
    background: #FAFAFA;
    margin-bottom: 10px;
    padding: 8px 10px;
    font-size: 15px;
    border-radius: 5px;
    color: #333;
    font-weight: 500;
}
.buy_wrap_con_02_box_best .buy_wrap_con_02_con > div:first-child {
	background: transparent;
    border: 0;
    padding: 0;
}
.buy_wrap_con_02_con > div:first-child select {
	border: 1px solid #E9E9E9;
    background: #FAFAFA;
	width:100%;
	padding: 10px 10px;
    font-size: 15px;
    color: #333;
    font-weight: 500;
	border-radius: 5px;
	cursor: pointer;
    font-family: 'Roboto','AppleSDGothicNeo',sans-serif !important;
}
.buy_wrap_con_02_pay_btn {
    background: #8D8D8D;
    border-radius: 3px;
    text-align: center;
}
.buy_wrap_con_02_pay_btn a {
    display: block;
    width: 100%;
    color: #fff;
    padding: 9px 0;
    font-size: 17px;
}
.buy_wrap_con_02_con {
    border-bottom: 1px solid #E9E9E9;
    margin-bottom: 15px;
    padding-bottom: 20px;
}
.con_02_btm_box .left {
	width: 22px;
}
.con_02_btm_box .left i {
    color: #8D8D8D;
    font-weight: 600;
}
.con_02_btm_box .right {
    width: calc(100% - 22px);
    letter-spacing: 0;
    word-break: keep-all;
    padding-right: 5px;
    line-height: 1.3;
    font-weight: 500;
    color: #3F4649;
}
.con_02_btm_box {
    margin-bottom: 10px;
}
.con_02_btm_box:last-child {
	margin-bottom: 0;
}
.buy_wrap_con_02_box.on .buy_wrap_con_02_pay_btn {
	background: linear-gradient(90deg, #03C85A 0%, #16C8C5 100%);
}
.buy_wrap_con_02_box.on .con_02_btm_box .left i {
    color: #03C85A;
}
.buy_wrap_con_02_box .ballon {
	left: auto;
    right: 10px;
	top: -25px;
    padding: 4px 15px 3px;
}
.buy_wrap_con_02_box .ballon::after {
    top: 28px;
}
.con02_pay_sel_box > div:last-child {
	font-weight: 500;
}
.buy_wrap_con_02_opt_img {
	margin-bottom: 10px;
}
.qna_w_btn {
    background: #03C85A;
    border-radius: 5px;
    width: 150px;
    text-align: center;
    margin-left: auto;
}
.qna_w_btn a {
    color: #fff;
    font-size: 18px;
    padding: 8px 0;
    display: block;
    width: 100%;
}
.btn_add {
    display: flex;
    justify-content: end;
    gap: 15px;
}
.btn_add .btn_con_box {
	margin:0;
}
.btn_delete {
    border: 1px solid #414141;
    background: #414141;
    color: #fff;
    border-radius: 5px;
    max-width: 135px;
    width: 100%;
    height: 37px;
    font-size: 16px;
    font-weight: 500;
    line-height: 37px;
}

.message-layer {
	position: absolute !important;
	bottom: 5px !important;
	right: 0 !important;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #ccc;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	z-index: 9999;
	display: none; /* 초기에는 숨겨짐 */
}
.buy_keyword_txt {
    color: #3F4649;
    font-weight: 500;
    font-size: 15px;
    word-break: keep-all;
}
.buy_keyword_txt::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 14px;
    background: #03C85A;
    margin-right: 5px;
    vertical-align: -2px;
}

/* 로딩바 */
.loading{
    width:100%;
    height:100%;
    position:fixed;
    left:0px;
    top:0px;
    background:#fff;
    z-index:1000; /* 이 값으로 레이어의 위치를 조정합니다. */
}
.container2 {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.loading_wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 36;
}
.load_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index:35;
}
.spinner_wrap {
    background: linear-gradient(172.65deg, #03C85A 8.42%, #169DC8 98.95%);
    /* width: 185px; */
    /* height: 185px; */
    /* border-radius: 50%; */
    position: relative;
    width: 185px;
    height: 185px;
    /* background-color: #fff;
    border: 22px solid transparent; */
	border-radius: 50%;
    /* background-image: linear-gradient(#fff, #fff), 
    linear-gradient(172.65deg, #03C85A 8.42%, #169DC8 98.95%); */
    background-origin: border-box;
    background-clip: content-box, border-box;
	animation: spin 1s ease-in-out infinite;
}
.spinner {
    width: 24px;
    height: 24px;
    background: #1DCEC6;
    border-radius: 50%;
    position: absolute;
    top: 75px;
    left: 2px;
}
.spinner_in_box {
    width: 130px;
    height: 130px;
    position: absolute;
    border-radius: 50%;
    background: rgba(0,0,0,0.2);
    text-align: center;
    font-size: 20px;
    line-height: 130px;
    color: #fff;
}
@keyframes spin {
  100% {
	transform: rotate(360deg);
   }
}
.main_top_more_mbtn {
	display:none;
}
.widget_wrap {
    position: fixed;
    bottom: 20px;
    right: 25px;
    z-index: 9;
}
.widget_box {
    position: relative;
    margin-bottom: 25px;
    width: 190px;
	border-radius: 10px;
}
.widget_box.on a, .widget_box.on .live_box {
	display:none;
}
.widget_box.on .mini {
	right:70px;
    z-index: 5;
}
.widget_box.on .x_box {
	display:none;
}
.db_widget.on .mini {
    bottom: 0;
}
.licenses_widget.on .mini {
    top: 15px;
}
.live_widget.on .mini {
	top: -10px;
}

.x_box {
    border: 1px solid #E9E9E9;
    width: 30px;
    height: 30px;
    position: absolute;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    top: -15px;
    right: -15px;
	cursor: pointer;
}
.x_box i {
	vertical-align: -5px;
    font-weight: 500;
    color: #8D8D8D;
}
.mini {
    position: absolute;
    z-index: -1;
    right: -80px;
    height: 55px;
    width: 55px;
    cursor: pointer;
}
.licenses_box {
    display: flex;
	box-shadow: 0px 0px 7px 0px #0000002E;
    border-radius: 10px;
}
.licenses_tt {
    background: #FF2C57;
	width: 40px;
    height: 95px;
    position: relative;
    border-radius: 10px 0 0 10px;
}
.licenses_tt span {
    color: rgba(255,255,255,0.5);
    font-size: 17px;
    font-weight: 100;
    transform: rotate(270deg);
    display: block;
    letter-spacing: 2px;
    height: 40px;
    width: 100%;
    position: absolute;
    bottom: 7px;
    right: -14px;
}
.licenses_con {
    width: calc(100% - 40px);
    text-align: center;
    padding: 17px 0;
    font-weight: 500;
	background: #fff;
    border-radius: 0 10px 10px 0;
}
.licenses_con_top {
    color: #FF2C57;
    font-weight: 600;
    letter-spacing: -0.5px;
    font-size: 20px;
    animation: blink 1.2s step-end infinite;
}
.licenses_con_btm {
    font-size: 18px;
}
.dbwidget_top {
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid #E8E8E8;
}
.dbwidget_icon {
    border: 1px solid #E4E4E4;
    width: 36px;
    height: 36px;
    text-align: center;
    border-radius: 50%;
}
.dbwidget_icon img {
    vertical-align: -webkit-baseline-middle;
}
.dbwidget_txt {
	line-height: 1.4;
}
.dbwidget_txt > div:first-child {
    color: #373737;
    font-size: 15px;
    font-weight: 700;
}
.dbwidget_txt > div:last-child {
    color: #BCBCBC;
    font-size: 12px;
}
.dbwidget_btm {
    padding: 8px;
}
.dbwidget_btm_con {
    background: linear-gradient(104.32deg, #252525 -4.6%, #342A2A 109.1%);
    border-radius: 5px;
	display: flex;
    align-items: end;
    padding: 10px;
    justify-content: space-between;
}
.dbwidget_btm_left > div:first-child {
    color: #03C85A;
    font-weight: 600;
}
.dbwidget_btm_left > div:nth-child(2) {
    color: #fff;
    line-height: 1.3;
    margin-bottom: 3px;
    font-size: 16px;
}
.dbwidget_btm_left > div:last-child {
    color: rgba(255,255,255,0.8);
    font-size: 12px;
    line-height: 1.3;
	font-weight: 100;
}
.dbwidget_btm_right {
    margin-bottom: 10px;
}
.dbwidget_btm_right img {
    width: 32px;
} 
.live_box {
    text-align: center;
}
.live_box_top {
    padding: 10px 0;
}
.live_tt {
    color: #01102D;
    font-size: 16px;
    font-weight: 700;
}
.live_tt img {
	vertical-align: sub;
    margin-right: 3px;
}
.live_call {
    color: #01102D;
    font-weight: 600;
    text-align: left;
    padding: 8px 13px;
    line-height: 1.2;
}
.live_call span {
    display: block;
    font-size: 22px;
}

.live_btm {
    background: linear-gradient(90deg, #2FA66D 0%, #30A69F 100%);
    border-radius: 0 0 10px 10px;
    color: #fff;
    padding: 12px 0;
    font-weight: 100;
    letter-spacing: -0.2px;
    line-height: 1.4;
}
.go_top {
    box-shadow: 0px 0px 9.647058486938477px 0px #00000026;
    background: #212121;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.2;
    font-size: 15px;
	cursor: pointer;
}
.licenses_widget {
	height: 95px;
}
.db_widget {
	height: 193px;
}
.live_widget {
	height: 212px;
}
.dbwidget_box, .live_box {
	box-shadow: 0px 0px 7px 0px #0000002E;
    border-radius: 10px;
	background: #fff;
}
.live_kakao img {
	animation: blink02 1.5s ease infinite;
}
@keyframes blink02 {
	50% {
    opacity:1;
    }
    70% {
    opacity:0;
    }
    80% {
    opacity:1;
    }
    90% {
    opacity:0;
    }
	100% {
    opacity:1;
    }
}
.category_2box .sub_category_con ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 10px;
    min-width: 175px;
}
.social_wrap {
	padding: 25px 0;
}
.cs_view {
	position: relative;
}
.cs_view_q {
    background: #484848;
    border-radius: 50%;
    color: #fff;
    padding: 2px 7px 2px 6px;
    font-size: 12px;
    margin-left: 3px;
	cursor:pointer;
	display:inline;
}
.cs_view_box {
    position: absolute;
    box-shadow: 0px 0px 7px 0px #0000002E;
    width: 165px;
    left: 30px;
    top: 7px;
    background: #fff;
    z-index: 2;
    padding: 8px 10px;
    border-radius: 5px;
    text-align: left;
	display:none;
}
.cs_view_box div {
    margin-bottom: 5px;
}
.cs_view_box div:nth-child(6) {
    margin-bottom: 0;
}
.cs_view_box div img {
    width: 23px;
    margin-right: 5px;
    vertical-align: bottom;
}


.buy_wrap_con_btm {
	max-width: 670px;
    margin: 0 auto 50px;
    background: #eee;
    padding: 20px;
    border-radius: 5px;
    color: #3F4649;
    word-break: keep-all;
    font-weight: 500;
}
.container2 .list_table_wrap {
    max-width: 1220px;
    padding: 0 20px;
    margin: 0 auto 20px;
    width: 100%;
}

/* 회원가입완료 */
.join_ok_wrap {
    max-width: 500px;
    padding: 50px 20px;
    margin: 0 auto;
}
.join_ok_txt {
    color: #212121;
    font-size: 18px;
    font-weight: 500;
    margin: 25px 0;
}
.join_ok_box {
    background: #F8F8F8;
    border-radius: 5px;
    padding: 20px;
}
.join_ok_box p {
    word-break: keep-all;
    font-size: 16px;
    line-height: 1.5 !important;
    color: #666;
    letter-spacing: -0.5px;
}
.join_ok_btn {
	background: #03C85A !important;
    border-radius: 5px;
    width: 300px;
	max-width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 500;
}
.join_ok_pd {
	padding: 0 30px 40px !important;
}
.total_db_date {
    color: #777;
    font-size: 13px !important;
    font-weight: 400;
}
.np_buy_gnb {
	background: url(/imgs/buy_bg.jpg) no-repeat center;
    background-size: cover;
	text-align: center;
    padding: 50px 0;
    border-bottom: 1px solid #E9E9E9;
}
.np_buy_gnb_txt01 {
    font-size: 30px;
    color: #111;
    line-height: 1.4;
}
.np_buy_gnb_txt01 span {
	color: #50AA6F;
    font-weight: 600;
	position: relative;
	z-index: 1;
}
.np_buy_gnb_txt01 span::after {
	content: '';
    display: block;
    width: 100%;
    height: 20px;
    background: #50aa6f29;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.np_buy_gnb_txt02 {
	background: linear-gradient(270deg, #03C85A, #16C8C5, #03c85a, #16C8C5);
    background-size: 500% 600%;
	animation: movebg 3s ease infinite;
    border-radius: 50px;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    padding: 5px 0;
    max-width: 545px;
    margin: 10px auto 30px;
}
.np_buy_gnb_btm .gnb_left_btm {
    margin: 0 auto;
    max-width: 900px;
    background: #fff;
}
@keyframes movebg {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
.c_yel {
	color:#FBDE18;
    font-size: 22px;
    margin: 0 1px;
}
.info_correct.unavailable, .info_correct.available {
    line-height: 1.4;
}

.np_buy_ani a {
    border-radius: 20px;
    font-size: 16px !important;
    /* background: linear-gradient(90deg, #03C85A 0%, #16C8C5 100%); */
	background: linear-gradient(90deg, #8391F6 0.45%, #10A7D4 100.45%);
}
.np_buy_ani span {
  /* color:#03C85A; */
	color:#fff;
	opacity: 0.4;
	transform: translate(-300px, 0) scale(0);
	animation:txtE 1.5s infinite;
}

@keyframes txtE {
  60% {
    transform: translate(20px, 0) scale(1);
    color:#fff;
  }

  80% {
    transform: translate(20px, 0) scale(1);
    color:#fff;
  }

  90% {
    transform: translate(0) scale(1.2);
    color:#7EA9FF;
  }

  100% {
    transform: translate(0) scale(1);
    opacity: 1;
    color:#fff;
  }
}
.np_buy_ani span:nth-of-type(2) {
  animation-delay: .05s;
}
.np_buy_ani span:nth-of-type(3) {
  animation-delay: .15s;
}
.np_buy_ani span:nth-of-type(4) {
  animation-delay: .25s;
}

/* 팝업 */
.event_pop_wrap {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	max-width: 400px;
	width:100%;
    z-index: 12;
    overflow: hidden;
	/* padding:15px; */
}
.event_pop_con {
    position: relative;
    background: #fff;
    border-radius: 40px 40px 16px 16px;
}
.event_pop_con img {
	width:100%;
}
.pop_content_btm_wrap {
    padding: 8px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pop_content_btm_wrap label span:first-child {
    border: 0.86px solid #D0D0D0;
    background: #fff;
	color: #fff;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-right: 3px;
}
.pop_content_btm_wrap input:checked + label span:first-child {
    color: #666;
}
.pop_content_btm_wrap label span:last-child {
	color: #000;
    vertical-align: 2px;
}
.close_btn_box a {
    color: #000;
}
.close_btn_box a i {
    font-weight: 700;
    margin-left: 3px;
}
.pop_bg {
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 11;
}
.re_main_mid .container {
	padding:0;
}
.buy_btn_add {
	display: flex;
    justify-content: center;
    gap: 10px;
}
.buy_wrap_con_02_tt03 {
    background: linear-gradient(90deg, #8391F6 0.45%, #10A7D4 100.45%);
}
.terms03 .terms_con, .terms04 .terms_con, .terms05 .terms_con {
	white-space-collapse: preserve-breaks;
}
.sns_img_box img {
	vertical-align: middle;
}
#bo_v_con {
	font-size: 15px;
}
/* .mob_calender_box {
	display: none;
} */
.list_search_box_2 {
    display: flex;
    gap: 7px;
}

/* TOOLTIP */
[data-tooltip]{position:relative;}
[data-tooltip]:before, [data-tooltip]:after{
	visibility:hidden;
	opacity:0;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	white-space:nowrap;
	transition:all .2s ease;
	font-size:11px;
	font-family:dotum;
	letter-spacing:-1px;
}
[data-tooltip]:before{
	content: attr(data-tooltip);
    height: 70px;
    position: absolute;
    top: -78px;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    background: #50AA6F;
    box-shadow: 0 3px 8px rgba(165, 165, 165, 0.5);
    white-space: pre-wrap;
    width: 145px;
    line-height: 1.4;
}
[data-tooltip]:after{
	content: '';
	border-left:5px solid transparent;
	top:-8px;
	border-right:5px solid transparent;
	border-top:5px solid #50AA6F;
}
[data-tooltip]:not([data-tooltip=""]):hover:before{
	visibility:visible;
	opacity:1;
	top:-78px
}
[data-tooltip]:not([data-tooltip=""]):hover:after{
	visibility:visible;
	opacity:1;
	top:-8px
}

.cs_view_q:has([data-tooltip]) {
	display: inline-block;
	width: 17.67px;
	height: 18px;
	padding: 0;
}
.cs_view_q:has([data-tooltip]) span {
	padding: 2px 7px 2px 6px;
}


/**탭 추가로 추가 css 부분**/
.tab_wrap {
	padding-top: 70px;
}
.tab_list {
    display: flex;
    justify-content: center;
    width: 300px;
    margin: 0 auto 8px;
	/* border: 1px solid #e5e5e5; */
	background-color: #fff;
	box-shadow: 0px 0px 5px 0px #00000040;
	border-radius: 50px;
	overflow: hidden;
}
.tab_list li {
    flex: 1;
    text-align: center;
    line-height: 1;
    padding: 15px 0;
    font-size: 18px;
    cursor: pointer;
	color: #373737;
	border-radius: 50px;
}
.tab_list li:first-child {
    position: relative;
}
.tab_list li.active {
	background: linear-gradient(to right, #03C85A, #16C8C5);
    color: #fff;
}

.tab_con .tab_item {
    display: none;
}
.tab_con .tab_item.active {
    display: block;
}

.tab_list .add_sale {
    position: absolute;
    right: 0;
    background-color: #fff;
    color: #F04393;
    border-radius: 3px;
    font-size: 14px;
    animation: blink 1.2s step-end infinite;
    padding: 5px;
    top: -50%;
	border: 1px solid #F04393;
	transform: translateY(-50%);
	font-weight: 600;
}
.tab_list .add_sale:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border: 1px solid #cc0066;
    width: 10px;
    height: 10px;
    rotate: 45deg;
    transform: translateY(-50%);
    background-color: #fff;
    border-left: 0;
    border-top: 0;
}
@media screen and (max-width: 991px) {
	.tab_wrap {
		padding-top: 30px;
	}
    .tab_list li {
        padding: 12px 0;
        font-size: 16px;
    }
}

/**탭 추가로 추가 css 부분 끝**/

select.selkwd {
	border: 1px solid #E9E9E9;
    background: #FAFAFA;
    width: 100%;
    padding: 10px 10px;
    font-size: 15px;
    color: #333;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Roboto', 'AppleSDGothicNeo', sans-serif !important;
    margin-bottom: 10px;
}