@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;
	/* font-family:'Malgun Gothic', dotum, sans-serif; */
	font-family: roboto,'Noto Sans KR',Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,dotum,돋움,sans-serif;
	background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;
	/* font-family:'Malgun Gothic', dotum, sans-serif; */
	font-family: roboto,'Noto Sans KR',Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,dotum,돋움,sans-serif;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;
	/* font-family:'Malgun Gothic', dotum, sans-serif; */
	font-family: roboto,'Noto Sans KR',Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,dotum,돋움,sans-serif;
	font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}
table {border-collapse: collapse;}

textarea, select {
	/* font-family:'Malgun Gothic', dotum, sans-serif; */
	font-family: roboto,'Noto Sans KR',Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,dotum,돋움,sans-serif;
	font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

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

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

input[type='radio'],
input[type='checkbox']
{
    box-sizing: border-box;
    padding: 0;
}

.placeholdersjs {color:#aaa !important}

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {width:100%}

#hd_pop,
#hd_wrapper,
#tnb .inner,
#tnb2 .inner,

#gnb .gnb_wrap,
#container_wr,
#ft_wr {max-width:1400px}
#container_box {max-width:1400px; margin:0 auto;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd {background:#fff; border-bottom:1px solid #eee;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#tnb {margin:0 auto; background:#0050a5; width:100%}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb .inner {margin:0 auto}

#tnb2 {margin:0 auto; border-bottom:1px solid #0050a5; width:100%}
#tnb2:after {display:block;visibility:hidden;clear:both;content:""}
#tnb2 .inner {margin:0 auto}

#hd_wrapper {position:relative;margin:0 auto;height:100px;zoom:1;display:flex;align-items:center;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#hd_wrapper_m {display:none;}

#logo {float:left;}

.hd_sch_wr {float:left;padding:30px 0;width:445px;margin-left:65px}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch {border-radius:30px;overflow:hidden}
#hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff}
#hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px}

#hd_define {float:left}
#hd_define:after {display:block;visibility:hidden;clear:both;content:""}
#hd_define li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_define li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_define li a {display:inline-block;color:#919191}
#hd_define li.active a {color:#fff}


#tnb #hd_qnb {float:right;text-align:right}
#tnb #hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb #hd_qnb li {float:left;font-size:1.3em;line-height:14px; color:#fff; font-weight:bold; position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#tnb #hd_qnb li:not(:last-of-type) {border-right: 1px solid white;}
#tnb #hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0}
#tnb #hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#tnb #hd_qnb li a {display:inline-block;color:#fff}
#tnb #hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px}

#tnb2 #hd_qnb {float:right;text-align:right}
#tnb2 #hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb2 #hd_qnb li {float:left;font-size:1.2em;line-height:14px; color:#000; font-weight:normal; position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#tnb2 #hd_qnb li:not(:last-of-type) {border-right: 1px solid white;}
#tnb2 #hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0}
#tnb2 #hd_qnb li span {margin-top:5px;font-size:0.92em}
#tnb2 #hd_qnb li a {display:inline-block;color:#000}
#tnb2 #hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px}


.hd_login {float: left;  line-height: 53px;  padding-left: 5px;  position: relative;}
.hd_login li {float:left;margin:0 5px;padding-left:5px;line-height:13px}
.hd_login li:first-child {border-left:0}
.hd_login a {color:#fff; font-size:0.85em; padding:5px 20px; background:#59a0e0; border-radius:20px;}


/* 메인메뉴 */
#gnb {position:relative;background:#fff; margin: auto; margin-right: 0;}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative; width:100%;}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb_1dul {float:right; font-size:1.4em;padding:0;zoom:1}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {float:left;line-height:55px;padding:0px;position:relative}
#gnb .gnb_1dli:hover > a {color:#3a8afd;
-webkit-transition:background-color 2s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

.gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('../img/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:block;font-weight:bold;padding:0 20px;color:#080808;text-decoration:none}
.gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px}
.gnb_2dli:first-child {border:0}
.gnb_2dul {display:none;position:absolute;top:54px;min-width:140px;padding-top:2px;width:max-content}
.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0;
-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}
.gnb_2da {display:block;padding:5px 15px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none}
a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out}
.gnb_2da i{font-size: 16px;}
a.gnb_2da:hover span {text-decoration: underline;}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808}
.gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}

#gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
#gnb .gnb_mnal {float:right;padding:0}

#gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
box-shadow:0 2px 5px rgba(0,0,0,0.2)}
#gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
#gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef}
#gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd}
#gnb_all .gnb_al_li li {line-height:2em}
#gnb_all .gnb_al_li li a {color:#555}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}

/* 중간 레이아웃 */
#wrapper {background:#f1f1f1; padding-bottom:50px;}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {
	margin:-100px auto 100px; 
	padding:50px; 
	background:#fff; 
	border-radius:10px; 
	zoom:1;
	box-shadow: 1px 1px 5px 0px rgba(143,143,143,0.75);
	-webkit-box-shadow: 1px 1px 5px 0px rgba(143,143,143,0.75);
	-moz-box-shadow: 1px 1px 5px 0px rgba(143,143,143,0.75);
}
#aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}

#container {position:relative;min-height:300px;height:auto !important;font-size:1em;width:100%;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:2.0em;margin:0 auto;font-weight:bold; text-align:center; }
#container_title span {margin:0 auto 10px;line-height:40px; border-bottom:3px solid #0050a5; padding-bottom:5px;}
#container_subtitle {display:none;font-size:1.2em;margin:0 auto;font-weight:bold; text-align:center; }
#container_subtitle span {color:#4e4e4e;margin:0 auto 10px;line-height:40px; padding-bottom:5px;}

.main_cont_box {margin:50px auto; max-width:1400px;}
.main_cont_box .menu_ul {overflow:hidden}
.main_cont_box .menu_ul li {float:left; width:23%; margin-right:2%; border:1px solid #ddd; border-radius:3px; text-align:center;}
.main_cont_box .menu_ul li:hover {border:1px solid #999;}
.main_cont_box .menu_ul li a {display:block; padding:20px; color:#666; font-size:1.2em;}
.main_cont_box .menu_ul li .tit {font-size:1.2em; color:#000; margin-bottom:5px;}
.main_cont_box .menu_ul li:last-child {margin-right:0;}

.main_cont_line{
	border-top: 1px solid #EDEDED;
	width: 80%;
	max-width: 1360px;
	margin: auto;
}

.owl-carousel {
    width: 100%;
    margin: 0 auto;
}

/** mainbanner.20.skin.php start*/
.owl_item2 {
    max-width: 1400px;
    margin: auto;
    display: flex;
    justify-content: flex-end; /* 이미지를 오른쪽으로 정렬 */
    overflow: hidden; /* 이미지가 container를 벗어나지 않도록 */
    position: relative;
}

.owl_item2 .bn_container {
    display: flex;
    flex-direction: row;
    color: #000;
    width: 1400px;
    max-width: 1400px;
    justify-content: center;
    /* margin: auto; */
    position: relative;
}
.owl_item2 .bn_left {
    width: 50%;
    padding-left: 10%;
    font-size: 2em;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.owl_item2 .bn_left p{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 0.7em;
}
.owl_item2 .bn_right {
    width: 50%;
    display: flex;
    justify-content: center;
}
.owl_item2 .perf_circle {
    position: absolute;
    width: 100%; /* 이미지의 가로폭을 container의 100%로 설정 */
    height: 100%; /* 이미지의 높이를 container의 100%로 설정 */
    top: 0;
    right: 0;
    object-fit: cover;
    z-index: 1;
	opacity: 50%
    /* filter: brightness(80%); */
}

.owl_item2 .bn_right img::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.5;
    pointer-events: none;
}
.owl_item2 .bn_right img::after{
    z-index: 2;
}

.owl_item2 .bn_text{
    position: absolute;
    width: 85%;
    height: 100%;
    top: 0;
    right: 0;
    object-fit: cover;
    z-index: 2;
    padding: 100px;
}
.owl_item2 .bn_text h1{
    font-size: 5em;
    margin-bottom: 40px;
}
.owl_item2 .bn_text .hlgt{
    color: #C72020;
}
.owl_item2 .bn_text .hlgt2{
    color: yellow;
}
.owl_item2 .bn_text p{
	width: max-content;
    font-size: 1.8em;
    font-weight: bold;
	padding: 0 5px;
	color: #fff;
	background-color: rgb(70, 70, 70);
}
.owl_item2 .btn_banner{
    border-radius: 30px;
    padding: 10px 20px;
    background-color: #fff;
    font-weight: bold;
    width: fit-content;
    max-width: fit-content;
    border: 0;
    font-size:1.4em;
}
.owl_item2 .btn_flex{
    display: flex;
    justify-content: space-between;
    padding-right: 200px;
    align-items:center;
}
.owl_item2 .btn_flex .left_div, .btn_flex .right_div{
    flex: 1;
    max-width: fit-content;
}
.owl_item2 .btn_flex .line{
    height: 1px;
    flex: 1; /* 1px 고정 너비를 가지도록 함 */
    margin: 0 30px; /* 원하는 여백을 설정 (예시로 10px) */
    background-color: #C72020;
}
/** mainbanner.20.skin.php ends */

/** mainbanner.10.skin.php starts */
.owl_item1 {
    max-width: 1400px;
    margin: auto;
    display: flex;
    justify-content: flex-end; /* 이미지를 오른쪽으로 정렬 */
    overflow: hidden; /* 이미지가 container를 벗어나지 않도록 */
    position: relative;
}
.owl_item1 .bn_container {
    display: flex;
    flex-direction: row;
    color: #fff;
    width: 1400px;
    max-width: 1400px;
    justify-content: center;
    /* margin: auto; */
    position: relative;
}
.owl_item1 .bn_left {
    width: 50%;
    padding-left: 10%;
    font-size: 2em;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.owl_item1 .bn_left p{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 0.7em;
}
.owl_item1 .bn_right {
    width: 50%;
    display: flex;
    justify-content: center;
}
.owl_item1 .perf_circle {
    position: absolute;
    width: 85%; /* 이미지의 가로폭을 container의 80%로 설정 */
    height: 100%; /* 이미지의 높이를 container의 100%로 설정 */
    top: 0;
    right: 0;
    object-fit: cover;
    z-index: 1;
    filter: brightness(40%);
}

.owl_item1 .bn_right img::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.5;
    pointer-events: none;
}
.owl_item1 .bn_right img::after{
    z-index: 2;
}

.owl_item1 .bn_text{
    position: absolute;
    width: 85%;
    height: 100%;
    top: 0;
    right: 0;
    object-fit: cover;
    z-index: 2;
    padding: 100px;
}
.owl_item1 .bn_text h1{
    font-size: 5em;
    margin-bottom: 40px;
}
.owl_item1 .bn_text .hlgt{
    color: #FFCB67;
}
.owl_item1 .bn_text p{
    font-size: 1.4em;
    font-weight: 300;
	word-break: keep-all;
}
.owl_item1 .btn_banner{
    border-radius: 30px;
    padding: 10px 20px;
    background-color: #fff;
    font-weight: bold;
    width: fit-content;
    max-width: fit-content;
    border: 0;
    font-size:1.4em;
}
.owl_item1 .btn_flex{
    display: flex;
    justify-content: space-between;
    padding-right: 10px;
    align-items:center;
}
.owl_item1 .btn_flex .left_div, .btn_flex .right_div{
    flex: 1;
    max-width: fit-content;
}
.owl_item1 .btn_flex .line{
    height: 1px;
    flex: 1; /* 1px 고정 너비를 가지도록 함 */
    margin: 0 30px; /* 원하는 여백을 설정 (예시로 10px) */
    background-color: #ffffff;
}
/** mainbanner.10.skin.php ends */


@media (max-width: 1200px) {
	#hd_pop,
	#hd_wrapper,
	#tnb .inner,
	#tnb2 .inner,

	#gnb .gnb_wrap,
	#container_wr,
	#ft_wr {width:96%;}
	#container_box {width:96%;}
	.main_cont_box ul li a {font-size:1.05em; letter-spacing:-1px; padding:15px;}

}

@media (max-width: 819px) {
	#container {min-height:200px; }
	#container_wr {padding:10px; zoom:1}
	#container_title {font-size:1.4em;}

	#hd_wrapper {display:none; }
	#hd_wrapper_m {display:block;}
	#logo_m {padding:15px 10px 0;height:55px;text-align:center}
	#logo_m img {vertical-align:middle;height:50px;width:auto;}
	/* #gnb_open {position:absolute;top:48px;left:10px;padding:0 10px;height:50px;width:50px;border:0;background-size:70%;color:#000;background:none;font-size:2em} */
	#gnb_open {position:absolute;top:10px;left:10px;height:40px;width:40px;border:0;background-size:70%;color:#000;background:none;font-size:2em}
	#gnb_m {display:none;background:#f3f3f3;position:fixed;top:0;left:0;z-index:99999;width:100%;max-width:400px;height:100%;overflow-y:auto;
	-webkit-box-shadow:0 0 5px rgba(55,55,5,0.4);
	-moz-box-shadow:0 0 5px rgba(55,55,5,0.4);
	box-shadow:0 0 5px rgba(55,55,5,0.4)}
	/* .btn_user {position:absolute; right:20px; top:55px; font-size:2.0em;} */
	.btn_user {position:absolute; right:10px; top:10px; font-size:2.0em; display:none;}
	#gnb_1dul_m {background:#fff; border-top:2px solid #0050a5; border-bottom:1px solid #ccc}
	#gnb_1dul_m a {display:block;color:#000; font-size:1.2em;}
	.gnb_1dli_m {position:relative;line-height:40px; padding-left:15px;border-bottom:1px solid #eee;}
	.gnb_1dli_m::before {content:""; position:absolute; left: 10px;    top: 14px;    width: 10px;    height: 10px;    border-top: 3px solid #0050a5;    border-right: 3px solid #0050a5; transform: rotate(45deg);}
	.gnb_1dli_m button {position:absolute;top:5px;right:0;width:40px;height:40px;overflow:hidden;border:0;font-size:1.2em;background:#fff;background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%;text-indent:-9999px}
	.gnb_1dli_m button.btn_gnb_cl {background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%}
	.gnb_1da_m {padding:5px 20px;border-bottom:1px solid #eee;font-weight:bold;font-size:1.2em;}
	.gnb_2dul_m {display:none;background:#fafafa}
	.gnb_2da_m {padding-left:30px}
	/* #gnb_close {display:block;position:absolute;right:1%;top:1%;z-index:99;font-weight:bold;margin:0;height:40px;width:40px;border:0;color:#000;font-size:2em;background:transparent} */
	#gnb_close {display:block;font-weight:bold;margin:0;height:40px;width:40px;border:0;color:#000;font-size:2em;background:transparent}

	.gnb_2dul {
		display: contents;
		position: absolute;
		top: 54px;
		min-width: 140px;
		padding-top: 2px;
		width: max-content;
	}

	.main_cont_box {margin:30px auto; width:96%;}
	.main_cont_box ul li { width:48%; margin-bottom:20px;}
	.main_cont_box ul li a {font-size:1.0em; letter-spacing:-1px; padding:5px 13px;}
	.main_cont_box ul li img {width:50px;}

	.ol_header{
		padding: 10px;
		border-bottom: 1px solid #dbdbdb;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
}

.sub_bg {
	/* background:#aad3ef;  */
	padding:2rem 0 8rem; 
}

/* .top_wrap {padding:20px 0; margin-bottom:20px; border-bottom:1px solid #eee;} */
.top_wrap {margin-bottom:20px; border-bottom:1px solid #eee; background-color: #ececec; padding: 20px; border-radius: 8px; font-size: 1.3em;}

.row{  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around;}

.tbl_list { 
	flex-grow: 1;
	white-space:nowrap;
	table-layout: fixed;
}
.tbl_list th, .tbl_list td{
	padding: 5px;
	word-break: keep-all;
	width: 15%;
}
.form-group { overflow:hidden; display: flex; }
label { display: inline-block;}
.form-control-label{ font-size: .875rem; font-weight: 600;  color: #525f7f;}
.form-control{ font-size: .875rem; padding:8px; height: calc(1.5em + 1.25rem); transition: all .15s ease-in-out; 
	color: #000; 
	/* color: #8898aa;  */
	border: 1px solid #dee2e6; border-radius: .25rem;  background-color: #fff; background-clip: padding-box; box-shadow: 0 3px 2px rgba(233, 236, 239, .05);}
.form-btn { font-size: .875rem; position: relative; transition: all .15s ease;  letter-spacing: .025em; text-transform: none; will-change: transform; font-weight: 600;
    line-height: 1.5;
    display: inline-block;
    line-height: 1.5;
    display: inline-block;
    padding: 0.45rem 0.45rem;
    /* padding: 0.625rem 1.25rem; */
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    color: #525f7f;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    background-color: transparent;}
.form-btn:hover
{
    transform: translateY(-1px); 
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.active-form-btn{
	border-color: #01264b !important;
	background-color: #01264b !important;
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08) !important;
}
.form-btn2 { font-size: .875rem; position: relative; transition: all .15s ease;  letter-spacing: .025em; text-transform: none; will-change: transform; font-weight: 600;
    line-height: 0.8;
    display: inline-block;
    line-height: 0.8;
    display: inline-block;
    padding: 0.425rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    color: #525f7f;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    background-color: transparent;
	margin:0 5px;}
.form-btn2:hover
{
    transform: translateY(-1px); 
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
}

.custom-control-input { border:1px solid #eee; width: 15px;  height: 15px; vertical-align: text-top; }

.label-h2 {font-weight: bold;}
.custom-control-label {font-size:1.2em; }

/* .form_input_m { width:85%; } */
/* .form_search_m { width:15%; } */


@media (max-width: 819px) {
	.form-group { overflow:hidden; margin-bottom:0px;  }
	.form-btn { padding: 0.625rem 0.8rem;}
	.sub_bg {padding:0.2rem 0 6.7rem; }
	.form_search_m span { display:none;}
	.custom-control-input { width: 13px;  height: 13px;}

}


.collect_box {width:100%; border:1px solid #eee; border-radius:3px;}
.collect_box ul {overflow:hidden}
.collect_box ul li {float:left; padding:12px; font-size:1.2em; border-right:1px solid #eee;}
.collect_box ul li:last-child {border-right:0;}
.collect_box ul li.title{font-weight:bold; background:#f3f3f3; color:#000;}
.collect_box ul li.won {text-align:right; font-weight:bold; color:#085dae;}

.result_box {width:80%; margin:30px auto;}
.result_box .img_box img {max-width:100%;}
.result_box .img_box {vertical-align:top; padding:0 15px;}

.btn-default {color: #fff;  border-color: #085dae;  background-color: #085dae;  box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);}
.btn-default:hover{    color: #fff;    border-color: #172b4d;     background-color: #172b4d;}
.btn-success{    color: #fff;    border-color: #2dce89;    background-color: #2dce89;    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);}
.btn-success:hover{    color: #fff;    border-color: #1bb171;     background-color: #1bb171;}
.btn-info{ color: #fff;  border-color: #11cdef;  background-color: #11cdef;  box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);}
.btn-info:hover{ color: #fff; border-color: #11cdef;  background-color: #11cdef;}
.btn-primary{  color: #fff;   border-color: #5e72e4;   background-color: #5e72e4; box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);}
.btn-primary:hover{  color: #fff; border-color: #5e72e4; background-color: #5e72e4;}
.btn-warn {color: #fff;border-color: #a83256;background-color: #a83256;box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);}
.btn-warn:hover {color: #fff;border-color: #741e38;background-color: #741e38;}
.btn-warn2 {color: #fff;border-color: #474747;background-color: #474747;box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);}
.btn-warn2:hover {color: #fff;border-color: #474747;background-color: #474747;}

@media (max-width: 540px) {
	.btn_m {width:48%; margin-bottom:5px; }
}

.bg1{
	background-color: #f6f9fc;
	border-top: 2px solid #dbdbdb;
	border-bottom: 2px solid #dbdbdb;
}

.text-center {text-align:center !important;}
.width-100 {width:100% !important;}
.width-80 {width:80% !important;}
.width-50 {width:49% !important;}
.tbl {display: block; overflow-x: auto; width: 100%; padding: 20px 0;}
.tbl::-webkit-scrollbar {   height:15px;}
.tbl::-webkit-scrollbar-thumb {background-color: #333; border-radius:8px;}
.tbl::-webkit-scrollbar-track {background-color: #eee; border-radius:8px;}
.tableA{  width: 100%;  margin-bottom: 1rem; color: #525f7f; background-color: transparent; border-bottom: 1px solid #e9ecef;}
.tableA th {color: #535353;  background-color: #f6f9fc;}
.tableA th,.tableA td{ padding: 0.5rem;  vertical-align: middle; border-top: 1px solid #e9ecef; font-size:1.0rem;}
.tableA thead th{ vertical-align: bottom; border-bottom: 2px solid #e9ecef;}
.tableA tbody + tbody{ border-top: 2px solid #e9ecef;}

.over-width {width:170% !important;}
.over-width01 {width:200% !important;}
.over-width02 {width:100% !important;}

@media (max-width: 1100px) {
	.width-50 {width:47% !important;}
}

@media (max-width: 819px) {
	.width-80 {width:100% !important;}
	.over-width {width:350% !important;}
	.over-width01 {width:430% !important;}
	.over-width02 {width:250% !important;}
	.collect_box { margin-top:20px;}
	.collect_box ul li {width:17%; padding:5px 3px; text-align:center;}
	.collect_box ul li.title {float:left; width:20%; display:none;}
	.collect_box ul li.won {float:left; width:33%;}
	.result_box {width:100%; margin:30px auto;}
	.result_box .img_box {padding:10px 0px;}

}

.tableB{  width: 100%; color: #525f7f; background-color: transparent; border: 1px solid #e9ecef;}
.tableB th {color: #535353;  background-color: #f6f9fc;}
.tableB th,.tableB td{ padding: 0.5rem; text-align:center;  vertical-align: middle; border-top: 1px solid #e9ecef; border-left: 1px solid #e9ecef;font-size:1.0rem;}
.tableB thead th{ vertical-align: bottom; border-bottom: 2px solid #e9ecef; text-align:center;}
.tableB tbody + tbody{ border-top: 2px solid #e9ecef;}
.tableB .border-right {border-right:2px solid #a8c7e3;}
.tableB tbody tr:hover{ background-color: #9ed4ff; color: #000;}

.tableC{  width: 100%;  margin-bottom: 1rem; color: #525f7f; background-color: transparent; border-bottom: 1px solid #e9ecef;}
.tableC th {color: #535353;  background-color: #f6f9fc;}
.tableC th,.tableC td{ padding: 0.5rem 0.5rem;  vertical-align: middle; 
	border-top: 1px solid #e9ecef; 
	border-left: 1px solid #e9ecef; 
	border-right: 1px solid #e9ecef; 
	font-size:0.9rem; text-align:center; white-space:nowrap;}
.tableC thead th{ vertical-align: bottom; border-bottom: 2px solid #e9ecef; white-space:nowrap;}
.tableC tbody + tbody{ border-top: 2px solid #e9ecef;}
.tableC tbody tr:hover{ background-color: #9ed4ff; color: #000;}

.align-items-center { align-items: center !important;}

.tabContaier  .tab {overflow:hidden; }
.tabContaier  .tab li { float:left;    text-align:center; background:#eaeaea; margin-right:2px;}
.tabContaier  .tab li a { font-size:14px; color:#3e3e3e; font-weight:600; display:block; padding:10px 20px;}
.tabContaier  .tab li a.active {background:#085dae; color:#FFFFFF; border-bottom:none; }
.tabDetails {width:100%; margin-top:15px; } 
.tabContaier  .tab li .data_pc {display:inline-block;}
.tabContaier  .tab li .data_m {display:none}


@media (min-width: 1025px) {
	.col-xl-auto  {  width: auto;  max-width: 100%; flex: 0 0 auto; }
    .col-xl-1  {  max-width: 8.33333%; flex: 0 0 8.33333%; }
    .col-xl-2  {  max-width: 16.66667%; flex: 0 0 16.66667%; }
    .col-xl-3  {  max-width: 25%; flex: 0 0 25%;}
    .col-xl-4  {  max-width: 33.33333%; flex: 0 0 33.33333%; }
    .col-xl-5  {  max-width: 41.66667%; flex: 0 0 41.66667%; }
    .col-xl-6  {  max-width: 50%; flex: 0 0 50%;}
	.col-xl-6-date  {  max-width: 50%; flex: 0 0 50%;}
    .col-xl-7  {  max-width: 58.33333%; flex: 0 0 58.33333%; }
    .col-xl-8  {  max-width: 66.66667%; flex: 0 0 66.66667%; }
    .col-xl-9  {  max-width: 75%; flex: 0 0 75%;}
	.col-xl-10 {  max-width: 83.33333%; flex: 0 0 83.33333%; }
    .col-xl-11 {  max-width: 91.66667%; flex: 0 0 91.66667%; }
    .col-xl-12 {  max-width: 100%; flex: 0 0 100%;}
	.col-collect-5  {  max-width: 41.66667%; flex: 0 0 41.66667%; }
	.col-collect-2 { max-width: 16.66667%; flex: 0 0 16.66667%;}
}

@media (max-width: 1024px) {
	.col-xl-auto  {  width: auto;  max-width: 100%; flex: 0 0 auto; }
    .col-xl-1  {  max-width: 100%; flex: 0 0 100%; }
    .col-xl-2  {  max-width: 100%; flex: 0 0 100%; }
    .col-xl-3  {  max-width: 100%; flex: 0 0 100%;}
    .col-xl-4  {  max-width: 100%; flex: 0 0 100%; }
    .col-xl-5  {  max-width: 100%; flex: 0 0 100%; }
    .col-xl-6  {  max-width: 100%; flex: 0 0 100%;}
	.col-xl-6-date  {  max-width: 50%; flex: 0 0 50%;}
	.col-xl-6-date .width-50 {width:97% !important;}
    .col-xl-7  {  max-width: 100%; flex: 0 0 100%; }
    .col-xl-8  {  max-width: 100%; flex: 0 0 100%; }
    .col-xl-9  {  max-width: 100%; flex: 0 0 100%;}
	.col-xl-10 {  max-width: 100%; flex: 0 0 100%; }
    .col-xl-11 {  max-width: 100%; flex: 0 0 100%; }
    .col-xl-12 {  max-width: 100%; flex: 0 0 100%;}
	.col-collect-5  {  max-width: 90%; flex: 0 0 90%; }
	.col-collect-2 { max-width: 10%; flex: 0 0 10%;}
	.col-collect-2 button span {display:none;}
	.col-collect-2 .form-btn {padding:0.2rem  0 !important;}

	.tabContaier  .tab li {width:19.5%; margin-right:0.5%;}
	.tabContaier  .tab li a {padding:10px 0px;}
	.tabContaier  .tab li .data_pc {display:none;}
	.tabContaier  .tab li .data_m {display:inline-block}

	.cal_m {display:none}
	.bank_m {width:130px !important; padding:0.625rem 0.8rem  !important;}

	
}


/* Margin Set */
.m1 { margin:auto 1px !important; }
.m2 { margin:auto 2px !important; }
.m3 { margin:auto 3px !important; }
.m4 { margin:auto 4px !important; }
.m5 { margin:auto 5px !important; }
.m6 { margin:auto 6px !important; }
.m7 { margin:auto 7px !important; }
.m8 { margin:auto 8px !important; }
.m9 { margin:auto 9px !important; }
.m10 { margin:auto 10px !important; }
.m15 { margin:auto 15px !important; }
.m20 { margin:auto 20px !important; }
.m25 { margin:auto 25px !important; }
.m30 { margin:auto 30px !important; }
.m35 { margin:auto 35px !important; }
.m40 { margin:auto 40px !important; }
.m45 { margin:auto 45px !important; }
.m50 { margin:auto 50px !important; }
.m55 { margin:auto 55px !important; }
.m60 { margin:auto 60px !important; }
.m65 { margin:auto 65px !important; }
.m70 { margin:auto 70px !important; }
.m75 { margin:auto 75px !important; }
.m80 { margin:auto 80px !important; }
.m85 { margin:auto 85px !important; }
.m90 { margin:auto 90px !important; }
.m95 { margin:auto 95px !important; }
.m100 { margin:auto 100px !important; }

.ml1 { margin-left:1px !important; }
.ml2 { margin-left:2px !important; }
.ml3 { margin-left:3px !important; }
.ml4 { margin-left:4px !important; }
.ml5 { margin-left:5px !important; }
.ml6 { margin-left:6px !important; }
.ml7 { margin-left:7px !important; }
.ml8 { margin-left:8px !important; }
.ml9 { margin-left:9px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.ml55 { margin-left:55px !important; }
.ml60 { margin-left:60px !important; }
.ml65 { margin-left:65px !important; }
.ml70 { margin-left:70px !important; }
.ml75 { margin-left:75px !important; }
.ml80 { margin-left:80px !important; }
.ml85 { margin-left:85px !important; }
.ml90 { margin-left:90px !important; }
.ml95 { margin-left:95px !important; }
.ml100 { margin-left:100px !important; }

.mr1 { margin-right:1px !important; }
.mr2 { margin-right:2px !important; }
.mr3 { margin-right:3px !important; }
.mr4 { margin-right:4px !important; }
.mr5 { margin-right:5px !important; }
.mr6 { margin-right:6px !important; }
.mr7 { margin-right:7px !important; }
.mr8 { margin-right:8px !important; }
.mr9 { margin-right:9px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }
.mr55 { margin-right:55px !important; }
.mr60 { margin-right:60px !important; }
.mr65 { margin-right:65px !important; }
.mr70 { margin-right:70px !important; }
.mr75 { margin-right:75px !important; }
.mr80 { margin-right:80px !important; }
.mr85 { margin-right:85px !important; }
.mr90 { margin-right:90px !important; }
.mr95 { margin-right:95px !important; }
.mr100 { margin-right:100px !important; }
.mr105 { margin-right:105px !important; }

@media (max-width: 819px) {
	.custom-control-label.mr10 {margin-right:0px !important;}
}

.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mb80 { margin-bottom:80px !important; }
.mb90 { margin-bottom:90px !important; }
.mb100 { margin-bottom:100px !important; }

.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
.mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important; }

/* Padding Set */
.pl5 { padding-left:5px !important; }
.pl6 { padding-left:6px !important; }
.pl7 { padding-left:7px !important; }
.pl8 { padding-left:8px !important; }
.pl9 { padding-left:9px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl45 { padding-left:45px !important; }
.pl50 { padding-left:50px !important; }
.pl55 { padding-left:55px !important; }
.pl60 { padding-left:60px !important; }
.pl65 { padding-left:65px !important; }
.pl70 { padding-left:70px !important; }
.pl75 { padding-left:75px !important; }
.pl80 { padding-left:80px !important; }
.pl85 { padding-left:85px !important; }
.pl90 { padding-left:90px !important; }
.pl95 { padding-left:95px !important; }
.pl100 { padding-left:100px !important; }

.pr4 { padding-right:4px !important; }
.pr5 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr45 { padding-right:45px !important; }
.pr50 { padding-right:50px !important; }
.pr55 { padding-right:55px !important; }
.pr60 { padding-right:60px !important; }
.pr65 { padding-right:65px !important; }
.pr70 { padding-right:70px !important; }
.pr75 { padding-right:75px !important; }
.pr80 { padding-right:80px !important; }
.pr85 { padding-right:85px !important; }
.pr90 { padding-right:90px !important; }
.pr95 { padding-right:95px !important; }
.pr100 { padding-right:100px !important; }

.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb12 { padding-bottom:12px !important; }
.pb13 { padding-bottom:13px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:45px !important; }
.pb50 { padding-bottom:50px !important; }
.pb55 { padding-bottom:55px !important; }
.pb60 { padding-bottom:60px !important; }
.pb65 { padding-bottom:65px !important; }
.pb70 { padding-bottom:70px !important; }
.pb75 { padding-bottom:75px !important; }
.pb80 { padding-bottom:80px !important; }
.pb85 { padding-bottom:85px !important; }
.pb90 { padding-bottom:90px !important; }
.pb95 { padding-bottom:95px !important; }
.pb100 { padding-bottom:100px !important; }

.pt3 { padding-top:3px !important; }
.pt5 { padding-top:5px !important; }
.pt7 { padding-top:7px !important; }
.pt10 { padding-top:10px !important; }
.pt12 { padding-top:12px !important; }
.pt13 { padding-top:13px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }
.pt55 { padding-top:55px !important; }
.pt60 { padding-top:60px !important; }
.pt65 { padding-top:65px !important; }
.pt70 { padding-top:70px !important; }
.pt75 { padding-top:75px !important; }
.pt80 { padding-top:80px !important; }
.pt85 { padding-top:85px !important; }
.pt90 { padding-top:90px !important; }
.pt95 { padding-top:95px !important; }
.pt100 { padding-top:100px !important; }

.p1 { padding:1px !important; }
.p5 { padding:5px !important; }
.p10 { padding:10px !important; }
.p15 { padding:15px !important; }
.p20 { padding:20px !important; }
.p25 { padding:25px !important; }
.p30 { padding:30px !important; }
.p35 { padding:35px !important; }
.p40 { padding:40px !important; }
.p45 { padding:45px !important; }
.p50 { padding:50px !important; }
.p60 { padding:60px !important; }
.p70 { padding:70px !important; }
.p80 { padding:80px !important; }

.tl { text-align:left !important; }
.tc { text-align:center !important; }
.tr { text-align:right !important; }

.acc {align-content: center;}

.lt_wr {width:32%}
.lt_wr:nth-child(3n+1) {clear:both}
.latest_wr {margin-bottom:20px}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
.latest_top_wr {margin:0 -10px 20px}
.latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""}

/* 하단 레이아웃 */
#ft {background:#212020;margin:0 auto;text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {max-width:1200px;margin:0 auto;padding:30px 0;position:relative;display:block;text-align:left;overflow:hidden;}
#ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft_wr .ft_cnt {padding:0 20px}
#ft_wr .ft_cnt a {color:#fff;}

#ft_link {text-align:left; width:25%;float:left;}
#ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold}
#ft_company h2 {font-size:1.2em;margin-bottom:20px}
#ft_company {font-weight:normal;color:#e3e3e3;line-height:2em; width:75%;float:left;}
#ft_catch {margin:20px 0 10px}
#ft_copy {text-align:center;max-width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}

@media (max-width: 660px) {
	#ft_wr .ft_cnt {width:100%; text-align:center; padding:0;}
	#ft_wr {padding:20px 0;}
}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.threepart_input {width:30%}
.quarter_input {width:22%}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .cert_btn {margin-bottom:30px;text-align:center}
.new_win .btn_close {padding:0 20px;height:45px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
#pg_div { width: 100%; display: flex; justify-content: space-evenly; padding: 10px 0;}
.pg_wrap {clear:both;float:left;display:inline-block}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

.h30 {height:30px !important}
.lh30 {line-height: 30px !important}
.w10 {width: 10% !important}
.w15 {width: 15% !important}
.w20 {width: 20% !important}
.w25 {width: 25% !important}
.w30 {width: 30% !important}
.w35 {width: 35% !important}
.w40 {width: 40% !important}
.w50 {width: 50% !important}
.mr5 {margin-right: 5px;}
.ml5 {margin-left: 5px;}
.mr10 {margin-right: 10px;}
.ml10 {margin-left: 10px;}
.ma {margin: auto;}
.tal {text-align: left !important;}
.tac {text-align: center !important;}
.tar {text-align: right !important;}

.spinner{
	position:absolute;
	top: 50%;
	left: 0;
	background: #2a2a2ad1;
	width: 100%;
	display:block;
	text-align:center;
	height: 300px;
	color: #FFF;
	transform: translateY(-50%);
	z-index: 1000;
	visibility: hidden;
  }
  
  .spinner p {
	  display:none; 
  }
  
  .overlay{
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	top:0;
	background: rgba(0,0,0,0.5);
	visibility: hidden;
	left: 0;
  }
  
  .loader2,
  .loader2:before,
  .loader2:after {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out;
  }
  .loader2 {
	color: #ffffff;
	font-size: 10px;
	margin: 80px auto;
	position: relative;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
  }
  .loader2:before,
  .loader2:after {
	content: '';
	position: absolute;
	top: 0;
  }
  .loader2:before {
	left: -3.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
  }
  .loader2:after {
	left: 3.5em;
  }
  @-webkit-keyframes load7 {
	0%,
	80%,
	100% {
	  box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
	  box-shadow: 0 2.5em 0 0;
	}
  }
  @keyframes load7 {
	0%,
	80%,
	100% {
	  box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
	  box-shadow: 0 2.5em 0 0;
	}
  }
  
  .show{
	visibility: visible;
  }
  
  .spinner, .overlay{
	  opacity: 0;
	  -webkit-transition: all 0.3s;
	  -moz-transition: all 0.3s;
	  transition: all 0.3s;
  }
  
  .spinner.show, .overlay.show {
	  opacity: 1
  }
  .hidden{
	display: none !important;
  }
  .tax_table{
	  width: 100%;
	  border-collapse: collapse;
  }
  .tax_table th, .tax_table td{
	border: 1px solid #999999;
	padding: 8px;
	font-weight: normal;
  }
  .tax_table th{
	background-color: #f8f8f8;
  }
  .tax_table th.in_hlgt{
	background-color: #ffdbde;
	color: #ef1418;
	font-weight: 700;
	border: 1px solid #f7929c;
  }
  .tax_table th.ex_hlgt{
	background-color: #c6dbf7;
	color: #105dd6;
	font-weight: 700;
	border: 1px solid #c6cbde;
  }
  
  .tax_table th.in{
	background-color: #fff6f7;
	color: #d04b50;
	font-weight: 700;
	border: 1px solid #f79e9c;
  }
  .tax_table th.ex{
	background-color: #f7f7ff;
	color: #4279ad;
	font-weight: 700;
	border: 1px solid #c6cbde;
  }
  .tax_table td.in{
	border: 1px solid #f79e9c;
  }
  .tax_table td.ex{
	border: 1px solid #c6cbde;
  }
  .tax_table input{
	width: 100%;
	box-sizing: border-box;
  }
  .tax_table .btn_input{
	width: 80px;
	margin-left: 5px;
	border: 0px;
	background: linear-gradient(rgb(102, 102, 102), rgb(69, 69, 85));
	color: white;
	border-radius: 3px;
  }
  .borderless{
	border: 1px solid #999;
  }
  .borderless th, .borderless td{
	border-left: none;
    border-right: none;
  }
.tax_type1 {
	padding: 2px 5px;
	  font-size: 0.92em;
	  border-radius: 5px;
	  color: #fff;
	background-color:#000;}
.tax_type2 {
	padding: 2px 5px;
	  font-size: 0.92em;
	  border-radius: 5px;
	  color: #fff;
	background-color:#ef2d13;}
.tax_type3 {
	padding: 2px 5px;
	  font-size: 0.92em;
	  border-radius: 5px;
	  color: #fff;
	background-color:#0bc674;}
.tax_type4 {
	padding: 2px 5px;
	  font-size: 0.92em;
	  border-radius: 5px;
	  color: #fff;
	background-color:#085dae;}
.readonly{
	background-color: #ddd;
	border: 1px solid #a1a1a1;
}
.tbody_disp {
	display: none;
	justify-content: space-between;
}
/* .box{
	flex: 1;
    padding: 20px;
    text-align: center;
	height: 100px;
	font-size: 15px;
	align-items: center;
	justify-content: center;
	display: flex;
	border: 1px solid #ddd;
}
.box:nth-child(2){
	margin: 0 20px;
} */
/* .box{
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
} */

.flex_cont {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: flex-start;
    width: 100%;
    background-color: transparent;
    /* overflow: auto; */
    flex-direction: row;
	position: relative;
}

.flex_cont_guide {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: flex-start;
	width: fit-content;
    background-color: transparent;
    flex-direction: row;
	position: relative;
	background-color: #3082f4;
	color: #e7f6fc;
	padding: 15px 50px;
	font-size: 1.3em;
	margin: auto;
}

.flex_cont .box {
	display: flex;
    margin: 15px;
	width: 40vmin;
	height: 20vmin;
	background: #fff;
	border-radius: 15px;
	/* padding: 0 10px 10px 10px; */
	padding: 10px 15px;
	border: 1px solid #e3e3e3;
	cursor: pointer;
	flex-direction: column;;
	align-items: center; /* 가로 정렬을 중앙에 위치시킴 */
	justify-content: center; /* 세로 정렬을 중앙에 위치시킴 */
	/* height: 20vh; */
}
.box > div{
	display: flex;
	flex: 1;
	text-align: center;
	justify-content: center; /* 세로 정렬을 중앙에 위치시킴 */
}
.box .tit{
	font-size: 1.2em;
	display:flex;
	align-items: center;
}
.box .img{
	width: 100%;
	justify-content: space-between;
	align-items: flex-start;
}
.box .img img{
	width: 30px;
	float: left;
}
.box .desc{
	/* float: left; */
	align-items: flex-start;
	/* align-self: start; */
	text-align: left;
	width: 100%;
	/* font-size: 1.3em; */
	/* line-height: 1.3em; */
}
.hl_ft {
	font-weight: bold;
	/* font-size: 1.2em; */
}
.ls_ft {
	font-weight: normal;
	font-size:1.2em;
}
.alive{
	border: 2px solid #47c2ff !important;
}
.dead{
	border: 2px solid #ff4747 !important;
}
.dead_ft{
	font-weight: bold !important;
	color: #ff4747 !important;
	text-align: center;
	align-self: normal;
}

.flex_cont .box2 {
	display: flex;
    margin-bottom: 15px;
	width: 50vmin;
	height: 30vmin;
	max-width:500px;
	max-height:300px;
	background: #fff;
	border-radius: 3px;
	padding: 20px 25px;
	border: 1px solid #e3e3e3;
	text-align: left;
	flex-direction: column;;
	justify-content: center; /* 세로 정렬을 중앙에 위치시킴 */
	/* align-items: center; */
	/* padding: 0 10px 10px 10px; */
	/* height: 20vh; */
}

.flex_cont .box2 .tit{
	font-weight: bold; 
	font-size: 1.4em;
}
.flex_cont .opt_box{
	display: flex;
	width: 100%;
	border: 1px solid black;
	padding: 15px;
	font-size: 1.1em;
	margin: 10px auto;
	border-radius: 5px;
	cursor: pointer;
}
.flex_cont .opt_box:hover{
	border: 1px solid #5300ec;
	color: #5300ec;
	font-weight: bold;
}

.flex_cont .opt_box .opt_price{
	margin-left: auto;
	font-size: 1.1em;
}

.flex_cont .alert_desc{
	display: flex;
    margin: auto;
	width: 50vmin;
	max-width: 500px;
	/* height: 25vmin; */
	text-align: left;
	flex-direction: column;;
	/* align-items: center; */
	justify-content: center; /* 세로 정렬을 중앙에 위치시킴 */
	color: #8b8b8b;
}

.flex_cont .alert_desc h5{
	margin-bottom: 10px;
	font-size: 1.1em;

}
.flex_cont .alert_desc ul{
	list-style-type: disc;
	list-style-position: inside;
	gap: 6px;
	display: flex;
	flex-direction: column;
}

.red_btn {
	color: #fff;
	background-color: rgb(184, 12, 12);
	border-radius: 30px;
	padding: 0px 10px;
}
.red_btn:hover {
	color: #fff !important;
	background-color: rgb(210, 1, 1);
}

.flex_cont .box3{
	display: flex;
    margin-bottom: 15px;
	width: 50vmin;
	height: 30vmin;
	max-width:500px;
	max-height:300px;
	background: #fff;
	border-radius: 3px;
	padding: 20px 25px;
	border: 1px solid #e3e3e3;
	text-align: left;
	flex-direction: column;;
	justify-content: center; /* 세로 정렬을 중앙에 위치시킴 */
	/* align-items: center; */
	/* padding: 0 10px 10px 10px; */
	/* height: 20vh; */
}

.box3 .input-layout {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    color: #969696;
    /* font-size: 1.4rem; */
    letter-spacing: -0.56px;
    margin-top: 0.8rem;
}
.box3 .input-layout {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	color: #969696;
	/* font-size: 1.4rem; */
	letter-spacing: -0.56px;
	margin-top: 0.8rem;
  }
  .box3 .input-layout:first-child {
	margin-top: 0;
  }
  .box3 .input-layout input {
	margin-left: 0.5rem;
  }
  .box3 .input-layout-name {
	min-width: 6rem;
	display: inline-block;
  }
  .box3 .input-layout-01 {
	width: 100%;
  }
  .box3 .input-layout-04 input {
	width: 40%;
  }
  .box3 input {
	padding: 1rem 0 1rem 1.5rem;
	box-sizing: border-box;
	width: 100%;
	background-color: transparent;
	border-style: solid;
	border-width: 0.5px;
	border-color: #525252;
	box-sizing: border-box;
  }
  .box3 input:focus {
	border-color: #fff;
  }
  .box3 button {
	padding: 1.6rem;
  }
  .flex_cont .btn_confirm{
	display: flex;
    margin-bottom: 15px;
    width: 50vmin;
    max-width: 500px;
    text-align: left;
    justify-content: space-between;
  }

  .flex_cont .btn_confirm .btn_submit, .flex_cont .btn_confirm .btn_close{
	float: left;
    height: 50px !important;
    width: 49.5%;
    font-weight: bold;
    font-size: 1.083em;
  }

	.flex_cont #fregister_chkall {position:relative;width: 50vmin;
		max-width: 500px; text-align:center;background:#f5f7fa;line-height:50px;border:1px solid #e5e9f0;border-radius:3px;margin-bottom:15px}

	.fregister_agree {position:absolute;top:0;right:0}
	.fregister_agree input[type="checkbox"] + label {color:#676e70}
	.fregister_agree input[type="checkbox"] + label:hover {color:#2172f8}
	.fregister_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #999;border-radius:3px}
	.fregister_agree input[type="checkbox"]:checked + label {color:#000}
	.fregister_agree input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
	.fregister_agree.chk_all input[type="checkbox"] + label span {top:18px}

.edu_tit{
	font-size: 1.4em;
    display: flex;
    font-weight: bold;
    align-items: center;
    /* color: #002a64;
    border-bottom: 1px solid #0063ff; */
    color: #C72020;
    border-bottom: 1px solid #C72020;
    grid-column-start: 1;
    grid-column-end: 3;
	justify-content: space-between;
	margin-top: 16px;
}

.edu_tit i{
	margin-right: 6px;
}

.edu_tit div:last-child {
    font-size: 0.8em;
    /* font-weight: normal; */
    text-align: right;
    margin-inline-start: auto;
}

/* .edu_cont{
	padding: 5px;
} */

.edu_cont table{
	width: 100%;
}

#main_daily_sum, #main_b4_menu{
	padding: 20px;
	display: flex;
	width:100%;
}
#main_daily_sum {
	border-radius: 3px;
	border: 1px solid #ddd;
}

#main_b4_menu div{
	/* border: 1px solid #e9ecef; */
	/* margin: calc(10px / 2); */
}
#main_b4_menu div.left{
	flex: 0 0 60%;
	padding-right: 10px;
}
#main_b4_menu h1{
	font-size: 2.4em;
}
#main_b4_menu h3{
	font-size: 1.4em;
	color: #878787;
	font-weight:400;
}
#main_b4_menu div.right{
	/* font-size:1.2em; */
	flex: 1;
	padding-left: 10px;
	text-align: center;
}
#main_b4_menu div.center{
	flex: 1;
	padding-left: 10px;
	text-align: center;
}
#main_b4_menu div.center .desc_text{
	display: flex;
    flex-direction: column;
    align-items: center;
}
#main_b4_menu div.center .desc_text .hlgt_red{
	color: #C00000;
}
#main_b4_menu div.center .desc_text .hlgt_grey{
	color: #4C4C4C;
}
#main_b4_menu div.center .desc_text h2{
	font-size: 2.4em;
}
#main_b4_menu div.center .desc_text h3{
	font-size: 2em;
}
#main_b4_menu div.center .desc_text h5{
	font-size: 1.4em;
}
#main_b4_menu div.center .desc_text .h1_div{
	/* border-bottom: 12px solid #C00000; */
	width: fit-content;
	position: relative;
}
#main_b4_menu div.center .desc_text .h1_div::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 100%;
	height: 12px; /* 테두리의 두께를 지정 */
	background-color: #C00000; /* 테두리의 색상을 지정 */
	z-index: -1;
}
#main_b4_menu div.center .desc_text .h1_div h1{
	font-size: 4em;
}
#main_b4_menu div.center .grid_menu{
	display: grid;
	width:100%;
	padding: 0 20px;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	justify-content:center;
	place-items: center;
	margin: 30px auto;
}

#main_b4_menu div.center .grid_menu .grid_box{
	background: #FFFFFF;
	box-shadow: 0px 3.26067px 16.3033px rgba(154, 154, 154, 0.25);
	border-radius: 12.2275px;
	width: 90%;
	height: 170px;
	text-align: center;
	display: grid;
	justify-items: center;
	align-content: center;
	grid-row-gap: 6px;
}
#main_b4_menu div.center .grid_menu .grid_box .line{
	border:1px solid #C72020;
	width: 70%;
	margin: 10px auto;
}
#main_b4_menu div.center .grid_menu .grid_box img{
	place-self: center;
}
#main_b4_menu div.center .grid_menu .grid_box .tit{
	font-size: 1.4em;
	font-weight:bold;
}
#main_b4_menu div.center .grid_menu .grid_box .desc{
	font-size:1.1em;
}

#main_b4_menu div.center .grid_menu2{
	display: grid;
	width:100%;
	padding: 0 20px;
	grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	justify-content:center;
	place-items: center;
	margin: 30px auto;
}

#main_b4_menu div.center .grid_menu2 .grid_box{
	display: grid;
	background: #FFFFFF;
	box-shadow: 0px 3.26067px 16.3033px rgba(154, 154, 154, 0.25);
	border-radius: 12.2275px;
	width: 80%;
	height: 200px;
	max-height: 200px;
	overflow:hidden;
	grid-auto-flow: column;
	/* text-align: center;
	justify-items: center;
	align-content: center;
	grid-row-gap: 6px; */
}
#main_b4_menu div.center .grid_menu2 .grid_box .desc_text{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	justify-content: center;
	padding-left: 100px;
}
#main_b4_menu div.center .grid_menu2 .grid_box .line{
	border:1px solid #C72020;
	width: 70%;
	margin: 10px auto;
}
#main_b4_menu div.center .grid_menu2 .grid_box img{
	place-self: self-end;
	object-fit: cover;
	height: inherit;
}

#main_b4_menu div.center .grid_menu2 .grid_box .desc_div{
	text-align: left;
}
#main_b4_menu div.center .grid_menu2 .grid_box .tit{
	font-size: 2.4em;
	font-weight:bold;
	margin-bottom: 10px;
}
#main_b4_menu div.center .grid_menu2 .grid_box .desc{
	font-size:1.3em;
}

#main_b4_menu div.center .grid_menu3{
	display: grid;
	width:100%;
	padding: 0 20px;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	justify-content:center;
	place-items: center;
	margin: 30px auto;
}

#main_b4_menu div.center .grid_menu3 .grid_box{
	position: relative;
	display: flex;
	background: #FFFFFF;
	box-shadow: 0px 3.26067px 16.3033px rgba(154, 154, 154, 0.25);
	border-radius: 12.2275px;
	width: 80%;
	height: 200px;
	max-height: 200px;
	overflow:hidden;
	justify-content: center;
	grid-auto-flow: column;
	flex-direction: column;
}
#main_b4_menu div.center .grid_menu3 .grid_box span{
	font-size: 2.5em;
}
#main_b4_menu div.center .grid_menu3 .grid_box b{
	font-size: 1.4em;
	margin: 0 10px;
}
#main_b4_menu div.center .grid_menu3 .grid_box .line{
}
#main_b4_menu div.center .grid_menu3 .grid_box img{
	position: absolute;
    width: 100%; /* 이미지의 가로폭을 container의 80%로 설정 */
    height: 100%; /* 이미지의 높이를 container의 100%로 설정 */
    top: 0;
    right: 0;
    object-fit: cover;
    filter: brightness(60%);
}
#main_b4_menu div.center .grid_menu3 .grid_box span{
	color:#fff;
	z-index:2;
}

#main_b4_menu div.center .grid_menu3 .grid_box .desc_div{
}
#main_b4_menu div.center .grid_menu3 .grid_box .tit{
}
#main_b4_menu div.center .grid_menu3 .grid_box .desc{
}
#main_b4_menu div.right .grid_menu{
	display: grid;
	width:100%;
	padding: 0 20px;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	justify-content:center;
	place-items: center;
	margin-top: 10px;
}

#main_b4_menu div.right .grid_menu .grid_box{
	background: #FFFFFF;
	box-shadow: 0px 3.26067px 16.3033px rgba(154, 154, 154, 0.25);
	border-radius: 12.2275px;
	width: 90%;
	height: 170px;
	text-align: center;
	display: grid;
	justify-items: center;
	align-content: center;
	grid-row-gap: 6px;
}
#main_b4_menu div.right .grid_menu .grid_box .icon{
	padding:18px;
	border-radius:5px;
	background-color: #C72020;
	font-size:2.4em;
	color: #fff;
}
#main_b4_menu div.right .grid_menu .grid_box img{
	place-self: center;
}
#main_b4_menu div.right .grid_menu .grid_box .tit{
	font-size: 1.4em;
	font-weight:bold;
}
#main_b4_menu div.right .grid_menu .grid_box .desc{
	font-size:1.1em;
}

#main_b4_menu #h1_val{
	margin-bottom: 10px;
}
/* #main_daily_sum canvas{
} */
#main_b4_menu #chart{
	width: 100%;
	height: 230px;
}

#main_b4_menu .dotted{
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 2em;
	display: flex;
    align-items: center;
    justify-content: center;
}

#main_daily_sum div.left{
	flex: 0 0 50%;
	padding-right: 10px;
}
#main_daily_sum div.right{
	flex: 1;
	padding-left: 10px;
}
#main_daily_sum h1{
	font-size: 2em;
}

#main_daily_sum #h3_val{
	margin-bottom: 10px;
}

#main_daily_sum h3{
	font-size: 2em;
}

/* #main_daily_sum canvas{
} */
#main_daily_sum #chart1{
	width: 100%;
	height: 298px;
    margin-top: 4px;
}

#main_daily_sum .dotted{
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 2em;
	display: flex;
    align-items: center;
    justify-content: center;
}

#main_daily_sum .dotted2{
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 2em;
	display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
}

#main_graph{
	display: flex;
	position: relative;
}

#result_graph{
	display: flex;
	position: relative;
	justify-content: center;
	height:40vh;
	padding: 15px;
	/* width:80vw */
}

.date_combo{

}
.date_combo div{
	margin: 5px auto;
}

.cert_container2{
	background-color:#f1f1f1;
	font-size: 1.2em;
	height: 100%;
	min-height:400px;
}

.cert_title{
	border-bottom: 1px solid #073b4c;
	background-color:#073b4c;
	color: #fff;
	font-size: 1.1em;
	line-height: 1.1em;
	padding: 5px;
}
.cert_form{
	padding : 10px;
}
.cert_form h2{
	font-size: 1.2em;
	margin: 10px;
}
.cert_form table{
	width: 100%;
	border-collapse: collapse;
}
.cert_form table th, .cert_form table td{
	padding: 10px;
	text-align: left;
}
.cert_form table tr {
	border-bottom: 1px solid #000; /* 모든 tr에 아래쪽에 1px의 검정 선 추가 */
}
.cert_form table tr:first-child {
	border-top: 2px solid #000; /* 첫 번째 tr에 위쪽에 두꺼운 검정 선 추가 */
}
.cert_form table tr:not(:first-child) {
	border-top: 1px solid #444; /* 나머지 tr에는 연한 검정색의 위쪽 선 추가 */
}

#aft_cert{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#aft_cert i, #aft_cert h2{
	margin-bottom: 10px;
}

.sticky-col {
	position: -webkit-sticky;
	position: sticky;
	background-color: #fff;
}

.zero-col{
	width:50px;
	min-width: 50px;
	max-width: 50px;
	left: 0px;
}

.first-col {
	width: 100px;
	min-width: 100px;
	max-width: 100px;
	left: 50px;
}

.second-col {
	width: 100px;
	min-width: 100px;
	max-width: 100px;
	left: 150px;
}

.third-col {
	width: 100px;
	min-width: 100px;
	max-width: 100px;
	left: 250px;
}
.third-col::after{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -3px; /* border 너비만큼 조정 */
    width: 3px; /* border 너비 */
    background-color: #085dae;
}
.blinking{
	-webkit-animation: blink 0.5s ease-in-out infinite alternate;
	-moz-animation: blink 0.5s ease-in-out infinite alternate;
	animation: blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-moz-keyframes blink{
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes blink{
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.mw100{min-width: 100px;}
.mw110{min-width: 110px;}
.mw120{min-width: 120px;}
.mw130{min-width: 130px;}
.mw140{min-width: 140px;}
.mw150{min-width: 150px;}
.mw160{min-width: 160px;}
.mw170{min-width: 170px;}
.mw180{min-width: 180px;}
.mw190{min-width: 190px;}
.mw200{min-width: 200px;}

.btn_banner{
    border-radius: 30px;
    padding: 10px 20px;
    font-weight: bold;
    width: fit-content;
    max-width: fit-content;
    border: 0;
    font-size:1.4em;
}

.cert_content {
	width: 100%;
	text-align: center;
	margin: 50px auto;
  }
  
  .cert_content .table_title h1 {
	font-size: 2rem;
	margin-bottom: 10px;
  }
  .cert_content .table_title h2 {
	font-size: 1.322rem;
	margin-bottom: 10px;
  }
  .cert_content .table_title p {
	font-size: 0.85rem;
  }
  
  .table_content table,
  .table_content th,
  .table_content td
  {
	border: 1px solid #ddd;
	font-size: 0.8rem;
	text-align: center;
  }
  
  .table_content table {
	border-collapse: collapse;
	width: 100%;
	margin-top: 50px;
  }
  .table_content th,
  .table_content td {
	padding: 15px;
  }
  .table_content th a,
  .table_content td a {
	padding: 15px;
  }
  
  #loader_div{
	z-index: 9999998;
	position: absolute;
	width: 100%;
	height: 1000px;
	background-color: rgb(0, 0, 0);
	opacity: 0.6;
	top: 0px;
	left: 0px;
  }
  
  .loader {
	border: 10px solid #f3f3f3;
	border-radius: 50%;
	border-top: 10px solid #3498db;
	width: 60px;
	height: 60px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
	margin:auto;
	position: absolute;
	top: 50%;
	left: 50%;
  }

td.ellip {
    padding: 10px;
    max-width: 150px; /* 원하는 너비로 설정 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.tooltip {
    display: none;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    white-space: normal;
    z-index: 10;
    max-width: 300px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

/* bill_form starts */
.voucher-card-recommend {
    position: relative;
    padding: 0 0 40px;
    overflow: hidden;
}
.voucher-card-item {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 200px;
    margin-bottom: 20px;
    background-color: #f4f5f8;
    border-radius: 8px;
}
.voucher-recommend-img {
    display: block;
    align-self: flex-start;
    width: 100%;
    height: auto;
    -ms-flex-item-align: start;
}
.blind {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}
.voucher-card-recommend .voucher-rcommend-item {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 165px;
    margin-top: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
.voucher-card-recommend .voucher-rcommend-item .card-left {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
    padding: 0;
    margin: 0;
    word-wrap: break-word;
    -webkit-box-flex: 0;
}
.voucher-card-recommend .voucher-rcommend-item .card-right {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-left: 0;
    margin-left: 22px;
    border: 0;
    -webkit-box-flex: 0;
}
.voucher-card-item .card-right {
    -ms-flex: 1;
    flex: 1;
    align-self: center;
    padding-left: 49px;
    border-left: 1px solid rgba(0, 0, 0, .03);
    -webkit-box-flex: 1;
    -ms-flex-item-align: center;
}
.voucher-card-recommend .btn-detail {
    position: absolute;
    top: 50%;
    right: 40px;
    bottom: auto;
    left: auto;
    font-size: 12px;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.voucher-card-item .btn-detail {
    position: absolute;
    bottom: 57px;
    left: 60px;
    -ms-flex: none;
    flex: none;
    font-size: 13px;
    color: #929292;
    background-size: 100% 100%;
    -webkit-box-flex: 0;
}
.voucher-card-recommend .voucher-rcommend-item .name {
    margin-top: 0;
    letter-spacing: -.3px;
}
.voucher-card-recommend .voucher-rcommend-item .desc, .voucher-card-recommend .voucher-rcommend-item .name {
    color: #fff;
}
.voucher-card-recommend .voucher-rcommend-item .desc, .voucher-card-recommend .voucher-rcommend-item .desc {
    color: #fff;
    font-size: 1.2em;
}
.voucher-card-item .name {
    margin-top: 4px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: #000;
}
.voucher-card-item .item .price-box {
    display: inline-block;
    line-height: 1.2;
    word-break: break-all;
}
.voucher-card-recommend .voucher-rcommend-item .price-box .price {
    color: #fff;
}
.voucher-card-item .item .price-box .price em {
    font-size: 20px;
    vertical-align: middle;
}
.voucher-card-item .item .btn-buy {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 60px;
    height: 32px;
    padding: 0 17px;
    margin-left: 20px;
    font-size: 14px;
    line-height: 33px;
    color: #fff;
    text-align: center;
    background-color: #3f3fff;
    border-radius: 22px;
}
.voucher-card-item .item .btn-buy.btn_buy-recommend {
    color: #000;
    background-color: #fff;
}
.voucher-card-recommend .voucher-rcommend-item .btn-buy {
    margin-left: 10px;
}
.btn-buy {
    cursor: pointer;
    background-color: transparent;
    outline: none;
    border: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
em {
    font-style: normal;
}
.btn_imp{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 60px;
    height: 32px;
    padding: 0 17px;
    margin-left: 20px;
    font-size: 14px;
    line-height: 33px;
    color: #000;
    text-align: center;
    background-color: #fff;
    border-radius: 22px;
    border: 0;
}
.pass-notice h3 {
    height: 25px;
    font-size: 14px;
    font-weight: 600;
    color: #222;
}
.pass-notice li {
    position: relative;
    padding-bottom: 7px;
    padding-left: 10px;
    margin-top: 5px;
    font-size: 13px;
    line-height: 1.4;
    color: #777;
    word-break: keep-all;
}
.emColor {
    color: #db2359;
}
.form_01 li{
    margin-bottom: 0;
}

.pass-notice li:before {
    position: absolute;
    top: 6px;
    left: 0;
    width: 3px;
    height: 3px;
    content: "";
    background-color: #d8d8d8;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* bill_form ends */

.bg_danger { color: red; }

/* bill_form 세무대행용 starts */
.bfc-container {
	display: flex;
	gap: 10px;
	width: 100%;
}

.bfc-card {
	height: 160px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	background-color: #f0f0f0;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
}

.bfc-card-small {
	width: calc(25% - 5px);
}

.bfc-card-large {
	width: 50%;
}

.bfc-card-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

.bfc-card-price {
	font-size: 24px;
	color: #333;
	font-weight: 600;
}

.bfc-tax-mark {
	color: #db2359;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	top: -8px;
	margin-left: 2px;
}

.bfc-buy-button {
	background-color: #4A90E2;
	color: white;
	border: none;
	border-radius: 4px;
	padding: 8px 16px;
	font-size: 14px;
	cursor: pointer;
	transition: background-color 0.3s;
	margin-top: 15px;
}

.bfc-buy-button2 {
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 60px;
    height: 32px;
    padding: 0 17px;
    font-size: 14px;
    line-height: 33px;
    color: #000;
    text-align: center;
    background-color: #fff;
    border-radius: 22px;
    border: 0;
}

.bfc-buy-button:hover {
	background-color: #3A7BC8;
}

.bfc-card:nth-child(1) {
	background-color: #FFD1DC;
}

.bfc-card:nth-child(2) {
	background-color: #D1FFDA;
}

.bfc-card:nth-child(3) {
	background-color: #D1E0FF;
}

.bfc-purchase-guide {
	margin-top: 20px;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 20px;
	background-color: #f9f9f9;
	width: 100%;
}

.bfc-guide-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.bfc-guide-content {
	font-size: 14px;
	line-height: 1.6;
	color: #555;
}

.bfc-guide-content p {
	margin: 8px 0;
}

.bfc-guide-contact {
	margin-top: 15px;
	font-weight: bold;
}
/* bill_form 세무대행용 ends */

/* 공지사항 탭 스타일 */
/* 이미 제공된 CSS 파일의 끝에 추가 */

.notice-tabs {
	display: flex;
	margin-top: 10px;
    border-bottom: 2px solid #C72020;
}

.notice-tab {
    padding: 10px 20px;
    cursor: pointer;
    font-size: 1.1em;
    color: #fff;
    background: #a3a0a0;
    /* border: 1px solid #ddd; */
    border-bottom: none;
    margin-right: 5px;
    border-radius: 5px 5px 0 0;
    transition: all 0.3s ease;
}

.notice-tab.active {
    background: #C72020;
    color: #fff;
    font-weight: bold;
}

.notice-tab:hover {
    background: #e0e0e0;
}

.notice-tab.active:hover {
    background: #C72020;
}

.notice-content {
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    min-height: 200px;
}

.notice-tab-content {
    display: none;
}

.notice-tab-content.active {
    display: block;
}

.more-link {
    align-self: flex-end;
    margin-bottom: 10px;
	margin-left: auto;
}

.more-link a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
	font-size: 1.2em;
}

@media (max-width: 819px) {
    .notice-tabs {
        flex-direction: column;
        border-bottom: none;
    }
    
    .notice-tab {
        margin-right: 0;
        margin-bottom: 5px;
        border-radius: 5px;
        border: 1px solid #ddd;
    }
    
    .notice-tab.active {
        border-radius: 5px;
    }
}