@import url(nanumgothic.css);
@import url(nanumbarungothic.css);

body {
	width: 100%;
	height: 100%;
	line-height: 1.5;
	font-family: 'Pretendard', sans-serif;
	color: #000;
	font-size: 16px;
	background: #fff
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: bold
}

address,
em {
	font-style: normal
}

input {
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0
}

select {
	font-size: 12px
}

textarea {
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 12px;
	color: #333;
	resize: none
}

.blind {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 0;
	visibility: hidden;
	width: 0;
	height: 0;
	line-height: 0
}

ol,
ul {
	list-style: none
}


.ls0 {
	letter-spacing: 0
}

.pr10 {
	padding-right: 10px;
}

.mr20 {
	margin-right: 20px;
}

.ml20 {
	margin-left: 20px;
}

.pt10 {
	padding-top: 10px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb40 {
	padding-bottom: 40px;
}

.pl50 {
	padding-left: 50px
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.ml520 {
	margin-left: 520px;
}

input,
textarea {
	ime-mode: active;
}

#ol_id,
#ol_pw,
#reg_mb_id,
#reg_mb_password,
#reg_mb_password_re,
#reg_mb_email,
#login_id,
#login_pw {
	ime-mode: inactive;
}

/* 화면낭독기 사용자용 */
#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;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0;
	line-height: 0;
	border: 0 !important;
	overflow: hidden !important
}

/* skipNavi */
#skipNavi {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 5
}

#skipNavi li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 5
}

#skipNavi a {
	display: block;
	width: 1px;
	height: 1px;
	margin-bottom: -1px;
	font-size: 0;
	overflow: hidden
}

#skipNavi a:active,
#skipNavi a:focus {
	width: 100%;
	height: auto;
	padding: 10px 0;
	background: #393939;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	text-align: center
}

/* layout */
body {}

/*#wrap{background:url(images/bg_header.gif) repeat-x 0 93px;}*/
#header {
	position: relative;
	width: 100%;
}

#newsbar {
	position: relative;
	z-index: 9999;
	width: 100%;
	height: 30px;
	background-color: #7b89ce
}

.header_wrap {
	position: relative;
	margin: 0 auto;
	width: 1440px;
	height: 80px;
	background-color: #fff;
	display: flex;
	align-items: center;
	gap: 40px;
	padding: 0 20px;
	/* border-bottom: 1px solid #dcdcdc; */
}

.logo {
	width: 160px;
	margin-right: 20px;
}

.dashboard {
	text-align: center;
	padding-top: 5px;
	color: white;
}

.member .m1 {
	float: left;
}

.member .m1 li {
	margin-bottom: 5px;
}

.member .m1 .id {
	padding-left: 10px;
}

.member .m2 {
	float: left;
	padding: 0 5px
}

.member .m3 {
	float: left;
}

.breadcrumb {
	width: 1440px;
	margin: 10px auto;
}

.mainimg {
	background: url(../img/mainbg.jpg) repeat-x;
	width: 100%;
	height: 310px;
}

.mainimgsub {
	background: url(../img/mainbg.jpg) repeat-x;
	width: 100%;
	height: 80px;
}

.mainimgsub .subtxt {
	color: #FFF;
	font-size: 18px;
	line-height: 80px;
	text-align: center;
	font-family: 'NanumBarunGothic';
}

.mainimgwrap {
	width: 1080px;
	margin: 0 auto;
	position: relative;
	height: 310px;
	overflow: hidden
}

.imgbox {
	width: 220px;
	height: 200px;
	background-color: #22232c;
	color: #FFF;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	letter-spacing: -1px;
}

.imgbox .t1 {
	color: #999;
	font-size: 16px;
	padding-top: 60px;
}

.imgbox .t2 {
	font-size: 24px;
	padding-top: 10px;
}

.imgbox .t3 {
	font-size: 26px;
	font-weight: bold;
	padding-top: 20px;
}

.imgtxt .t4 {
	position: absolute;
	bottom: 0;
	left: 300px;
}

.imgtxt .t5 {
	position: absolute;
	top: 70px;
	right: 50px;
	color: #FFF;
	font-size: 28px;
	line-height: 160%;
	text-align: center;
	font-family: 'NanumBarunGothic';
}

/*로그인*/
.loginbtn {
	background-color: #515150;
	font-size: 12px;
	font-family: dotum;
	color: #ffffff;
	border: 1px solid #333;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding: 0 5px;
	cursor: pointer;
}

.gayipbtn {
	font-size: 11px;
	border: 1px solid #a0a0a0;
	background-color: #f2f3f3;
	padding: 2px;
	width: 60px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
}

.findbtn {
	font-size: 11px;
	border: 1px solid #a0a0a0;
	background-color: #f2f3f3;
	padding: 2px;
	width: 60px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
}

.gayipbtn:hover,
.findbtn:hover {
	text-decoration: none;
}

/*서브탑메뉴*/
.subTopTab ul {}

.subTopTab ul.item li {
	width: 25%;
	margin-top: 10px;
}

.subTopTab ul:after {
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.subTopTab ul li {
	float: left;
}

.subTopTab ul li a {
	display: block;
	height: 49px;
	line-height: 49px;
	border-left: 1px solid #ccc;
	text-decoration: none;
	font-weight: bold
}

.subTopTab ul li a span {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #999;
	font-family: 'NanumBarunGothic';
}

.subTopTab ul li a.active {
	background-color: #8DBAB4;
}

.subTopTab ul li a.active span {
	color: #fff;
}


/*네비게이션*/
.bca {
	margin-bottom: 20px;
	position: absolute;
	top: 20px;
	right: 40px;
}

.bca .breadCrumbs:after {
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.bca .breadCrumbs p {
	float: right;
	color: #999;
}

.bca .breadCrumbs p .rt {
	display: inline-block;
	text-indent: -9999px;
	vertical-align: middle;
	width: 5px;
	height: 9px;
	background: url("../img/link.jpg") center left no-repeat;
	margin-right: 3px;
	margin-left: 3px;
}

/*가정통신문 문자*/
.titleBox {
	background: #fff;
	border: 1px solid #ddd;
	padding: 30px 0 0 0;
	position: relative
}

.titleBox em {
	display: block;
	font-size: 16px;
	color: #333;
	font-family: 'NanumBarunGothicBold';
	text-align: left;
	letter-spacing: -1px;
	padding-bottom: 10px;
	padding-left: 40px;
	font-weight: bold
}

.titleBox p {
	color: #000;
	font-family: 'NanumBarunGothicLight';
	text-align: left;
	margin-top: 15px;
	padding-right: 10px;
	margin-bottom: 10px;
}

.titleBox p span {
	font-size: 16px;
	color: #666;
	font-family: 'NanumBarunGothic';
}

.titleBox .fcr {
	font-size: 16px !important;
	font-family: 'NanumBarunGothic';
	margin-right: 10px;
	padding-left: 25px;
	color: #000
}

.titleBox .n1 {
	background: url(../img/sub2_btn10.gif) no-repeat 0 0;
}

.titleBox .n2 {
	background: url(../img/sub2_btn13.gif) no-repeat 0 0;
}

.titleBox .n3 {
	background: url(../img/sub2_btn15.gif) no-repeat 0 0;
}

/*sms전송*/
.titleBoxsms {
	background: #fff;
	padding: 30px 0 0 0;
	position: relative
}

.titleBoxsms em {
	display: block;
	font-size: 16px;
	color: #333;
	font-family: 'NanumBarunGothicBold';
	text-align: left;
	letter-spacing: -1px;
	padding-bottom: 10px;
	padding-left: 40px;
	font-weight: bold
}

.resendsms {
	padding: 0px 40px 15px 40px;
	overflow: hidden
}

#sms {
	background-color: #fefefe;
	overflow: hidden;
	padding: 0 40px;
}

/*그룹*/
.titlegroup {
	background: #FFf;
	padding: 30px 50px 0 50px;
	position: relative;
	overflow: hidden
}

.titlegroup em {
	display: block;
	font-size: 16px;
	color: #333;
	font-family: 'NanumBarunGothicBold';
	text-align: left;
	letter-spacing: -1px;
	padding-bottom: 10px;
	font-weight: bold;
	float: left
}

.titlegroup .navgroup {
	margin-bottom: 20px;
	color: #999;
	float: right
}

.titlegroup .navgroup .rt {
	display: inline-block;
	text-indent: -9999px;
	vertical-align: middle;
	width: 5px;
	height: 9px;
	background: url("../img/link.jpg") center left no-repeat;
	margin-right: 3px;
	margin-left: 3px;
}

/*핸드폰번호*/
.phonenumber {
	background: #fff;
}

/*핸드폰번호파일*/
.phonenumberfile {
	background: #fff;
	padding: 0 50px 50px;
}

/*使用明细查询*/
.userlist {
	background: #fff;
	padding: 0 50px 50px;
}

/*回复文件관리*/
.doc {
	background: #fff;
	padding: 0 50px 50px;
}

/*调查问卷*/
.survey {
	background: #fff;
	padding: 0 50px 50px;
}

/*회원수정*/
.memberconfirm {
	background: #fff;
	padding: 0 50px 50px;
}

.psearch {
	margin-bottom: 20px;
}

.psearch select,
.psearch input[type="submit"] {
	display: inline-block;
}

.psearch strong {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	padding-right: 10px;
	display: inline-block;
	width: 80px;
}

.psearch .t1 {
	width: 550px;
	height: 120px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	vertical-align: top
}

.psearch .t2 {
	width: 550px;
	height: 30px;
	border: 1px solid #ddd;
	margin-bottom: 10px
}

.psearch .seebtn {
	position: relative;
	top: 5px;
}

.psearch input[type="file"] {
	width: 550px;
	height: 30px;
	background-color: #FFF;
	margin-bottom: 10px;
	font-size: 14px;
}

.psearch .psend {
	text-align: center;
	padding-top: 20px
}

.m20 {
	margin-right: 20px;
}

.psearch .red {
	background: #80B0A9;
	width: 85px;
	height: 40px;
	text-align: center;
	border: none;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}

.psearch .btn_submit {
	background: #80B0A9;
	width: 200px;
	height: 40px;
	text-align: center;
	border: none;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}

.psearch .bot {
	overflow: hidden;
}

.psearch .bot .img {
	float: left;
	padding: 0 20px 0 40px
}

.psearch .bot .txt {
	float: left;
	padding-top: 20px;
}


/*回复文件*/
.graybox {
	padding: 20px 0;
	overflow: hidden;
	margin-bottom: 10px;
	font-size: 14px;
}

.resend {
	padding: 0px 40px 15px 40px;
	margin-bottom: 20px;
	overflow: hidden
}

.resend .t1 {
	width: 450px;
	height: 25px;
	border: 1px solid #ddd;
	margin-bottom: 20px;
	line-height: 25px;
	margin-left: 130px;
}

.resend .info {
	padding-left: 200px;
	font-size: 14px;
	float: left;
	margin-right: 10px;
}

.resend .savebtn {
	float: left
}

.resend .savebtn input[type="checkbox"] {
	position: relative;
	top: 0px;
}

.resend .savebtn label {
	position: relative;
	top: 0px;
	padding-right: 5px
}

.question {
	margin-bottom: 5px;
}

.question .t2 {
	width: 450px;
	height: 25px;
	border: 1px solid #ddd;
	line-height: 25px;
}

.question label {
	margin-left: 85px;
	padding-right: 10px;
	font-weight: bold
}

.question input[type="image"] {
	position: relative;
	top: 5px;
}

.ans1 {
	padding-left: 140px;
	margin-top: 10px;
}

.ans2 {
	padding-left: 140px;
}

.sendbtn {
	text-align: center;
}

.sendbtn input[type="image"] {
	padding: 0 5px;
}

.sendbtn .priviewtxt {
	text-align: center;
	font-size: 16px;
	padding-bottom: 20px;
	color: #666;
	font-weight: bold
}

/*个别通知*/
.go1 .g1 {
	width: 450px;
	height: 25px;
	border: 1px solid #ddd;
	margin-bottom: 20px;
	line-height: 25px;
}

.go1 .listbtn {
	padding-left: 100px;
	margin-top: 5px
}

.go1 label {
	padding-left: 15px;
	margin-right: 5px;
}

.go2 input[type="file"] {
	width: 450px;
	height: 25px;
	border: 1px solid #ddd;
	background-color: #FFF;
	line-height: 25px;
	margin-bottom: 10px;
	font-size: 14px;
}

.go2 label {
	margin-right: 5px;
}

.go3 label {
	padding-left: 40px;
	margin-right: 5px;
}

.go3 input[type="text"] {
	width: 450px;
	height: 25px;
	border: 1px solid #ddd;
	background-color: #FFF;
	line-height: 25px;
	margin-bottom: 10px;
	font-size: 14px;
}

.goimg {
	text-align: center;
}

.sendbtn {
	margin-top: 20px;
}

.wrap_sub #container {
	margin: 0 auto;
	width: 1440px;
}

.wrap_sub #container.ceo {
	padding: 48px 0px 18px 0px;
}

.wrap_sub #container:after {
	display: block;
	clear: both;
	content: ''
}

.sub {
	width: 960px;
	margin: 0 auto;
}

.account {
	position: absolute;
	z-index: 999;
	top: 11px;
	right: 0;
}

.account li {
	float: left;
}

.account li a {
	padding-left: 15px;
	color: #464b55;
	font-size: 10px;
	font-family: Tahoma;
	line-height: 1.2
}

.account li a:hover {
	color: #788092;
	text-decoration: none;
}

.account .lang {
	position: relative;
	padding-right: 9px;
	background: url(../img/ico_language_over.gif) no-repeat right 6px;
}

.account .lang.on {
	background: url(../img/ico_language_over.gif) no-repeat right 6px;
	color: #788092;
}

.account .lang.on a {
	color: #788092;
	position: relative;
	padding-left: 12px;
}

.account .lang a {
	padding-left: 12px;
	cursor: pointer
}


.footpsy {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	border-top: 1px solid #b2b2b2;
	padding: 5px 0;
	clear: both;
	box-sizing: border-box
}

.footpsy ul {
	text-align: center;
}

.footpsy ul li {
	border-right: 1px solid #fff;
	padding: 0 15px;
	display: inline;
	font-weight: bold
}

.footpsy ul li:last-child {
	border: none;
}

#footer {
	width: 100%;
	margin: auto;
	background-color: #f5f5f5;
	border-top: 1px solid #dcdcdc;
}

#footer .footer {
	position: relative;
	width: 1440px;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
}

.footer-logo {
	width: 160px;
}

.footer-text {
	color: rgba(110, 110, 114, 1);
}

/* nav_depth  */
/* nav_depth  */
/* .nav{position:absolute;z-index:99;top:36px;left:192px;} */
.nav li a {
	margin: -10px;
	padding: 10px;
	display: inline-block;
	color: #1a1c22;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: -1px;
	line-height: 1.4;
	text-decoration: none;
}

.nav li a .txt_ls {
	letter-spacing: -2px
}

.nav li a:hover .txt_ls {
	letter-spacing: -3px
}

.nav li.on a,
.nav li a:hover {
	color: #5d8882;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -1px;
}

.nav .list01 .nav_depth {
	position: relative;
	z-index: 999;
	margin: 12px 9px 0 -9px;
	padding-top: 2px;
	padding-left: 9px;
	height: 28px;
	width: 304px;
	top: -10px;
	display: none;
	background-color: #88B8B1;
}

.nav .list03 .nav_depth {
	position: relative;
	z-index: 999;
	margin: 12px 9px 0 -9px;
	padding-top: 2px;
	padding-left: 9px;
	height: 28px;
	width: 312px;
	top: -10px;
	display: none;
	background-color: #88B8B1;
	left: -100px
}

.nav .list04 .nav_depth {
	position: relative;
	z-index: 999;
	margin: 12px 9px 0 -9px;
	padding-top: 2px;
	padding-left: 9px;
	height: 28px;
	width: 486px;
	top: -10px;
	display: none;
	background-color: #88B8B1;
	left: -380px
}

.nav_depth.on {
	display: block
}

.nav_depth li {
	float: left;
	padding-bottom: 0px;
	margin-right: 15px;
	padding-left: 10px
}

.nav_depth li a {
	margin: 0px;
	padding: 0px;
	color: #fff !important;
	font-size: 13px;
	line-height: 1.8;
	font-weight: normal !important
}

.nav_depth li a:hover {
	color: #FFFF00 !important;
	text-decoration: none;
	letter-spacing: -1px;
}

.nav {
	display: flex;
	align-items: center;
}

.nav li {
	/* position: absolute; */
}

.navbar .dropdown:hover .dropdown-menu {
	display: block;
	margin-top: 0;
}

.nav-item .nav-link {
	font-size: 16px;
	font-weight: bold;
	color: #000 !important;
	letter-spacing: -1px;
}

.nav-item .nav-link:hover {
	text-decoration: underline !important;
}

.nav-item .dropdown-menu {
	border: unset;
	box-shadow: 2px 3px 6px 0px #bababa;
	border-radius: unset;
}

.nav-item .dropdown-menu a {
	padding: 10px 20px;
}

.nav .list06 {
	width: 135px;
	padding-top: 0
}

.nav .list06>a,
.nav .list06>a:hover {
	letter-spacing: 0
}

.nav .list05 .nav_depth {
	margin-right: 0;
}

.nav_bg {
	display: none;
	position: absolute;
	z-index: 10;
	width: 100%;
	min-width: 940px;
	margin-top: 3px;
	height: 294px;
	background: #fff url(images/bg_header.gif) repeat-x left bottom;
	filter: alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity: 0.95;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.06);
}

.nav_bg.over {
	display: block;
}

.nav_bg_in {
	margin: 0 auto;
	width: 940px;
	overflow: hidden
}

.prd_area {
	padding-left: 0px;
}


/* snb */
.snb {
	box-sizing: border-box;
	text-align: left;
}

.leftbanner {
	background-color: #ffffff;
	padding: 10px 20px 0;
	box-sizing: border-box;
	overflow: hidden;
	float: left;
	width: 218px;
}

.leftbanner ul {
	border-bottom: 1px solid #CCC;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.h2_tit {
	padding: 10px 0;
	;
	font-size: 16px;
	;
	letter-spacing: -1px;
	color: #5d8882;
	text-align: left;
}

.h2_tit a {
	color: #5d8882;
	text-decoration: none
}

.snb_li {
	width: 170px;
}

.snb_li.none {
	border-bottom: none;
	padding-bottom: 0px;
}

.snb_li li a {
	position: relative;
	display: block;
	zoom: 1;
	padding: 5px 0 5px 7px;
	color: #000;
	font-size: 14px;
	height: 15px;
	line-height: 12px;
	text-align: left;
}

.snb_li li.on a {
	margin: 0px 0 0 -1px;
	color: #fff;
	background-color: #006cb8;
	height: 14px;
	border-top: 1px solid #004c82;
	border-left: 1px solid #004c82;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3)
}

.snb_li li a:hover {
	color: #5d8882;
	text-decoration: none
}

.paybtn {
	text-align: center;
	margin-bottom: 20px;
}

.banner1 {
	color: #666f84;
	font-size: 12px;
	line-height: 15px;
	text-align: justify;
	margin-bottom: 10px;
}

.messagbox {
	border: 1px solid #D9D9D9;
	padding: 10px;
	background: #F7F7F7
}

.banner2 {
	overflow: hidden;
	margin-bottom: 10px;
}

.banner2 span {
	float: left;
	color: #036;
	font-weight: bold;
	margin-right: 3px
}

.bn {
	border: 1px solid #CCC;
	float: left;
	width: 100px;
	height: 18px;
}

.btn1 {
	padding-left: 50px;
	margin-bottom: 30px;
}

.btn2 {
	margin-bottom: 20px;
}

.upbtn {
	padding-left: 5px;
	position: relative;
	top: -3px;
}

.listWrap {
	position: relative;
	float: left;
}

.listWrap .listWrapIn {
	overflow: hidden;
}

.listWrap .listWrapIn ul li {
	width: 390px;
	height: 400px;
	float: left;
	border: 1px solid #D4D4D4;
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 10px;
}

.listWrap .listWrapIn ul li:last-child {
	margin-right: 0;
}

.listWrap .listWrapIn ul li a {
	display: block;
	position: relative;
	width: 390px;
	height: 400px;
	text-align: left;
	color: #333;
	background: white;
}

.listWrap .listWrapIn ul li a img {
	display: block;
	width: 390px;
}

.listWrap .listWrapIn ul li a strong {
	display: block;
	padding: 24px 0 20px 30px;
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -.5px;
}

.listWrap .listWrapIn ul li a span {
	display: block;
	padding: 0 30px;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: -1px;
}

.viewtel {
	border: 1px solid #D4D4D4;
	background-color: #FFF;
	font-size: 18px;
	margin-left: 10px;
	background: url(../img/chbgh.png) right no-repeat #FFF;
	text-align: center;
	font-weight: bold;
	padding: 15px 20px;
	line-height: 20px;
	box-sizing: border-box;
	line-height: 155%;
}

.viewtxt2 {
	font-size: 16px;
	color: #000;
}

.viewtxt {
	font-size: 14px;
	color: #999;
}

/*서비스소개*/

.content {
	background-color: #FFFFFF;
	width: 1440px;
	box-sizing: border-box;
	margin: auto;
	min-height: calc(100vh - 186px);
	padding-top: 40px;
}

.contentwrap {
	background: #eeeeee;
	width: 100%;
	padding-bottom: 20px;
}

.titlem1 {
	padding: 30px 50px 0 25px;
	position: relative;
	overflow: hidden
}

.titlem1 em {
	display: block;
	font-size: 16px;
	color: #333;
	font-family: 'Nanum Gothic', sans-serif;
	text-align: left;
	letter-spacing: -1px;
	padding-bottom: 10px;
	font-weight: bold;
	float: left
}

.titlem1 .navgroup {
	margin-bottom: 20px;
	color: #999;
	float: right
}

.titlem1 .navgroup .rt {
	display: inline-block;
	text-indent: -9999px;
	vertical-align: middle;
	width: 5px;
	height: 9px;
	background: url("../img/link.png") center left no-repeat;
	margin-right: 3px;
	margin-left: 3px;
}

.m1con {
	background-color: #FFF;
	width: 640px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 20px 30px;
	line-height: 160%;
	font-size: 14px;
	box-sizing: border-box;
	font-weight: bold
}

.m1con-1 {
	background-color: #FFF;
	width: 650px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 20px 0px;
}

.m1con .img2 li {
	background-color: #EAFEC9;
	margin-bottom: 10px;
	padding: 3px;
}

.m1con .faqtxt {
	font-size: 14px;
	text-align: left;
	padding-left: 25px;
}

.m1con input[type="text"] {
	width: 150px;
	height: 25px;
	border: 1px solid #ddd;
	background-color: #FFF;
	line-height: 25px;
	margin-bottom: 10px;
	font-size: 14px;
}

.m1con input[type="image"] {
	position: relative;
	top: 5px;
}

.m3banner {
	overflow: hidden;
	margin-left: 15px
}

.m3banner li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.m2con {
	background-color: #FFF;
	width: 640px;
	margin: 0 auto;
	margin-bottom: 30px;
	text-align: left;
	padding: 45px;
	box-sizing: border-box;
	background: url(../img/16btn_03.png) no-repeat 450px 60px #fff;
	height: 280px;
	font-size: 14px;
	position: relative;
}

.m2con .blanktxt {
	width: 90px;
	height: 20px;
	border: 1px solid #CCC;
	background-color: #FFF;
	line-height: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	position: absolute;
	top: 40px;
	left: 30px;
}

.m2con .linebox {
	border: none;
	border-bottom: 1px solid #CCC;
}

.m2con .culbtn {
	padding-left: 130px;
	margin-top: 30px;
}

.m2con p {
	padding-left: 85px;
	margin-bottom: 10px;
}

.m7con {
	background-color: #fff;
	width: 640px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 50px;
	padding: 10px;
}

.mfcon {
	background-color: #fff;
	width: 100%;
	text-align: left;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 10px;
}

.m8con {
	background-color: #fff;
	width: 640px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 10px;
	font-size: 13px;
}

.pricetxt {
	text-align: left;
	padding-left: 50px;
	line-height: 170%;
	font-size: 13px;
}

.pricetxt ol {
	list-style: decimal;
}

.m9btn {
	text-align: center;
	margin: 20px 0 0 40px;
}

/*자주하는질문*/
#faq_hhtml {
	clear: both;
	margin-top: 50px;
}

#bo_cate h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#bo_cate ul {
	padding-left: 1px;
	zoom: 1
}

#bo_cate ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#bo_cate li {
	float: left;
	margin-bottom: -1px
}

#bo_cate a {
	display: block;
	position: relative;
	margin-left: -1px;
	padding: 13px 20px;
	width: 90px;
	border: 1px solid #ddd;
	background: #f7f7f7;
	color: #888;
	text-align: center;
	letter-spacing: -0.1em;
	line-height: 1.2em;
	cursor: pointer
}

#bo_cate a:focus,
#bo_cate a:hover,
#bo_cate a:active {
	text-decoration: none
}

#bo_cate #bo_cate_on {
	z-index: 2;
	border-bottom: 0;

	background: #fff;
	color: #565e60;
	font-weight: bold
}

#faq_wrap {
	margin: 0;
	text-align: left;
	border-top: 1px solid #e9e9e9;
}

#faq_wrap h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

.faq_admin {
	text-align: right
}

.faq_admin .btn_admin {
	padding: 7px;
}

#faq_wrap ol {
	margin: 0;
	padding: 0;
	list-style: none
}

#faq_con {
	border: 1px solid #e9e9e9;
	border-top: 0;
	padding: 10px;
	box-sizing: border-box
}

#faq_con h3 a {
	display: block;
	padding: 10px;
	border-top: 1px solid #e9e9e9;
	background: #eeeeee;
	text-decoration: none
}

#faq_con .con_inner {
	padding: 10px;
	line-height: 1.8em
}

#faq_con .con_closer {
	margin: 10px 0 0;
	text-align: right
}

#faq_con .closer_btn {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent
}

.faq_tolist {
	padding: 0 10px;
	text-align: right
}

.faq_img {
	text-align: center
}

#faq_sch {
	text-align: center;
	margin: 25px 10px 35px 10px;
}

#faq_sch .btn_submit {
	padding: 8px 25px;
}

#faq_sch .frm_input {
	margin-left: 25px;
}

#faq_nayo {
	margin: 0 10px 20px 10px;
}

#faq_nayo h3 a {
	padding-left: 40px;
	background-image: url(../img/19pbtn_q.jpg);
	background-position: 10px 7px;
	background-repeat: no-repeat;
}

#faq_nayo .con_inner p {
	padding-left: 30px;
}

#faq_nayo .con_inner p:first-of-type {
	background-image: url(../img/19pbtn_a.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.btnT1 {
	background: #63b4ad;
	color: #FFF;
	width: 100px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #4b9e91;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
}

.btnT2 {
	background: #63b4ad;
	color: #FFF;
	padding: 7px 25px;
	border: 1px solid #4b9e91;
	font-weight: bold;
	font-size: 15px;
	cursor: pointer;
}

.btnT3 {
	background: #63b4ad;
	color: #FFF;
	width: 100px;
	border: 1px solid #4b9e91;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
	padding: 5px 0
}

.btnW1 {
	background: #F6F6F6;
	color: #000;
	border: 1px solid #cecfcf;
	font-weight: bold;
	vertical-align: middle;
	font-size: 13px;
	cursor: pointer;
	width: 100px;
	height: 33px;
	line-height: 33px;
}

.btnW2 {
	background: #F6F6F6;
	color: #000;
	border: 1px solid #cecfcf;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
	width: 80px;
	height: 25px;
	line-height: 25px;
	position: relative;
	top: 2px;
}

.btnW3 {
	background: #F6F6F6;
	color: #000;
	border: 1px solid #cecfcf;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
	width: 70px;
	height: 22px;
	line-height: 22px;
	position: relative;
	top: 2px;
}

.btnG1 {
	background: #999;
	color: #fff;
	border: 1px solid #999;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
	width: 60px;
	height: 21px;
	line-height: 21px;
}

.btnG2 {
	background: #999;
	color: #fff;
	border: 1px solid #999;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	padding: 2px 10px;
}


/*회원가입*/
.loginbox {
	background-color: #FFF;
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
	position: relative;
}

.loginbox em {
	display: block;
	font-size: 16px;
	color: #333;
	font-family: 'NanumBarunGothicBold';
	text-align: left;
	letter-spacing: -1px;
	padding-bottom: 10px;
	padding-left: 40px;
	font-weight: bold;
	padding-top: 30px;
}

.loginbox p {
	color: #000;
	font-family: 'NanumBarunGothicLight';
	text-align: left;
	margin-top: 15px;
	padding-right: 10px;
	margin-bottom: 10px;
}

.loginbox p span {
	font-size: 16px;
	color: #666;
	font-family: 'NanumBarunGothic';
}

.loginbox .fcr {
	font-size: 16px !important;
	font-family: 'NanumBarunGothic';
	margin-right: 10px;
	padding-left: 25px;
	color: #000
}


.mbskin {
	padding: 20px 50px;
}


/* 회원가입 약관 */
#fregister {
	text-align: center;
}

#fregister section {
	margin: 0 0 5px;
	padding: 10px 0
}

#fregister h2 {
	margin: 0 0 10px;
	text-align: center;
	font-size: 14px;
}

#fregister textarea {
	display: block;
	margin-bottom: 10px;
	padding: 5px;
	width: 98%;
	height: 150px;
	border: 1px solid #e9e9e9;
	background: #f7f7f7
}

#fregister .fregister_agree {
	padding: 0px;
	text-align: right
}

#fregister .fregister_agree label {
	display: inline-block;
	margin-right: 5px
}

#fregister p {
	color: #e8180c;
	text-align: center
}

#fregister .btn_confirm {
	margin-bottom: 20px
}

/* 회원가입 입력 */

#fregisterform #msg_certify {
	margin: 5px 0 0;
	padding: 5px;
	border: 1px solid #dbecff;
	background: #eaf4ff;
	text-align: center
}

#fregisterform .frm_address {
	margin: 5px 0 0
}

#fregisterform #mb_addr3 {
	display: inline-block;
	margin: 5px 0 0;
	vertical-align: middle
}

#fregisterform #mb_addr_jibeon {
	display: block;
	margin: 5px 0 0
}

/* 회원가입 완료 */
#reg_result {
	padding: 50px 0 0
}

#reg_result #result_email {
	margin: 20px 0;
	padding: 10px 50px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #dde4e9;
	background: #fff;
	line-height: 2em
}

#reg_result #result_email span {
	display: inline-block;
	width: 150px
}

#reg_result #result_email strong {
	color: #e8180c;
	font-size: 1.2em
}

#reg_result #result_coupon {
	margin: 20px 0;
	padding: 10px 50px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #dde4e9;
	background: #fff;
	line-height: 2em
}

#reg_result #result_coupon strong {
	color: #ff3061;
	font-weight: normal
}

#reg_result p {
	font-size: 1.6em;
	line-height: 1.8em
}

#reg_result p strong {
	font-size: 1.2em;
}

#reg_result .btn_confirm {
	margin: 50px 0
}

#register_info {
	padding: 20px 0;
	font-size: 1.2em;
	color: #66C;
	font-weight: bold
}

.btn_submit {
	padding: 7px;
	border: 0;
	background: #ff3061;
	color: #fff;
	letter-spacing: -0.1em;
	cursor: pointer
}

.btn_confirm {
	text-align: center
}

/* 아이디/비밀번호 찾기 */
#find_info {
	text-align: center;
}

#find_info #mb_hp_label {
	display: inline-block;
	margin-left: 10px
}

#find_info #info_fs {
	margin: 15px 0px 15px 0px;
	padding: 0;
	background: #fff;
}

#find_info #info_fs .frm_input {
	width: 70%
}

#find_info p {
	margin: 10px;
	padding: 0 20px;
	line-height: 1.8em;
	font-size: 16px;
	height: 110px;
	text-align: left;
}

#find_info #captcha {
	margin: 0 15px
}

#lost_btn1 {
	margin: 10px;
	padding: 0 25px;
	font-size: 14px;
	height: 40px;
}

#lost_btn2 {
	margin: 10px;
	;
	padding: 0 25px;
	font-size: 14px;
	height: 40px;
	background: #000;
	color: white;
}

/* 로그인 */
#mb_login {
	margin: auto;
	padding: 0;
	width: 400px
}

#mb_login h1 {
	margin: 0 0 20px;
	font-size: 1.3em
}

#mb_login h2 {
	margin: 0
}

#mb_login p {
	padding: 10px 0;
	line-height: 1.5em
}

#mb_login #login_fs {
	position: relative;
	margin: 0;
	padding: 20px 20px 20px 95px;
	border: 1px solid #cfded8;
	border-bottom: 0;
	background: #fff
}

#mb_login #login_fs legend {
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
	overflow: hidden
}

#mb_login #login_fs label {
	letter-spacing: -0.1em
}

#mb_login #login_fs .login_id {
	position: absolute;
	top: 30px;
	left: 95px;
	font-size: 1.2em;
}

#mb_login #login_fs .login_pw {
	position: absolute;
	top: 70px;
	left: 95px;
	font-size: 1.2em;
}

#mb_login #login_fs .frm_input {
	display: block;
	margin: 0 0 5px 80px;
	width: 162px
}

#mb_login #login_fs .btn_submit {
	position: absolute;
	top: 20px;
	right: 145px;
	width: 80px;
	height: 73px
}

#mb_login #login_info {
	margin: 0 0 30px;
	padding: 20px;
	border: 1px solid #cfded8;
	background: #f5f6fa
}

#mb_login #login_info div {
	text-align: right
}

#mb_login_notmb {
	position: relative;
	margin: 0 0 20px;
	padding: 20px;
	border: 1px solid #cfded8;
	background: #fff
}

#mb_login_notmb #guest_privacy {
	margin: 0 0 10px;
	padding: 10px;
	height: 150px;
	border: 1px solid #e9e9e9;
	overflow: auto
}

#mb_login_notmb .btn_confirm {
	padding: 10px 0 0
}

#mb_login_od {
	position: relative;
	margin: 0;
	padding: 20px 20px 20px 95px;
	border: 1px solid #cfded8;
	border-bottom: 0;
	background: #fff
}

#mb_login_od legend {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#mb_login_od label {
	letter-spacing: -0.1em
}

#mb_login_od .od_id {
	position: absolute;
	top: 26px;
	left: 95px
}

#mb_login_od .od_pwd {
	position: absolute;
	top: 52px;
	left: 95px
}

#mb_login_od .frm_input {
	display: block;
	margin: 0 0 5px 80px
}

#mb_login_od .btn_submit {
	position: absolute;
	top: 20px;
	left: 335px;
	width: 52px;
	height: 49px
}

#mb_login_odinfo {
	margin: 0 0 30px;
	padding: 20px;
	border: 1px solid #cfded8;
	background: #f5f6fa
}

#mb_login_odinfo div {
	text-align: right
}



/* 버튼 */
.mbskin {
	clear: both;
}

.mbskin a.btn01 {}

.mbskin a.btn01:focus,
.mbskin .btn01:hover {}

.mbskin a.btn02 {}

.mbskin a.btn02:focus,
.mbskin .btn02:hover {}

.mbskin .btn_confirm a {
	text-align: center;
	display: inline-block;
	padding: 7px;
	border: 1px solid #3b3c3f;
	background: #4b545e;
	color: #fff;
	text-decoration: none;
	vertical-align: middle
}

.mbskin .btn_confirm a:focus,
.mbskin .btn_confirm a:hover {
	text-decoration: none
}

.mbskin .btn_submit {}

.mbskin button.btn_submit {}

.mbskin fieldset .btn_submit {}

.mbskin .btn_cancel {}

.mbskin button.btn_cancel {}

.mbskin .btn_cancel:focus,
.mbskin .btn_cancel:hover {}

.mbskin a.btn_frmline,
.mbskin button.btn_frmline {}

/* 우편번호검색버튼 등 */
.mbskin button.btn_frmline {}

.mbskin .win_btn {}

/* 새창용 */
.mbskin .win_btn button {}

.mbskin .win_btn input {}

.mbskin .win_btn a {}

.mbskin .win_btn a:focus,
.mbskin .win_btn a:hover {}

/* 게시판용 버튼 */
.mbskin a.btn_b01 {}

.mbskin a.btn_b01:focus,
.mbskin .btn_b01:hover {}

.mbskin a.btn_b02 {}

.mbskin a.btn_b02:focus,
.mbskin .btn_b02:hover {}

.mbskin a.btn_admin {}

/* 관리자 전용 버튼 */
.mbskin a.btn_admin:focus,
.mbskin a.btn_admin:hover {}

/* 기본테이블 */
.mbskin .tbl_head01 {}

.mbskin .tbl_head01 caption {}

.mbskin .tbl_head01 thead th {}

.mbskin .tbl_head01 thead a {}

.mbskin .tbl_head01 thead th input {}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.mbskin .tbl_head01 tfoot th {}

.mbskin .tbl_head01 tfoot td {}

.mbskin .tbl_head01 tbody th {}

.mbskin .tbl_head01 td {}

.mbskin .tbl_head01 a {}

.mbskin td.empty_table {}

/* 폼 테이블 */
.tbl_wrap table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.mbskin table {}

.mbskin caption {}

.mbskin .frm_info {
	color: #66a2c8;
}

.mbskin .frm_file {}

.mbskin .tbl_frm01 {}

.mbskin .tbl_frm01 th {
	width: 200px;
}

.mbskin .tbl_frm01 td {}

.mbskin .tbl_frm01 textarea,
.mb_skin tbl_frm01 .frm_input {}

.mbskin .tbl_frm01 textarea {}

/*
.mbskin .tbl_frm01 #captcha {}
.mbskin .tbl_frm01 #captcha input {}
*/
.mbskin .tbl_frm01 a {}

/* 필수입력 */
.mbskin .required,
.mbskin textarea.required {}

/* 테이블 항목별 정의 */
.mbskin .td_board {}

.mbskin .td_chk {}

.mbskin .td_date {}

.mbskin .td_datetime {}

.mbskin .td_group {}

.mbskin .td_mb_id {}

.mbskin .td_mng {}

.mbskin .td_name {
	width: 60px;
	text-align: left
}

.mbskin .td_nick {}

.mbskin .td_num {}

.mbskin .td_numbig {}

.mbskin .txt_active {}

.mbskin .txt_expired {}

/* 테이블 항목별 정의 */
/* .td_board {width:120px;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:124px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:210px;text-align:center}
.td_mbstat {width:150px;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:90px;text-align:center}
.td_stat {width:60px;text-align:center}
.td_button {width:60px;text-align:center} */

.txt_active {
	color: #5d910b
}

.txt_done {
	color: #e8180c
}

.txt_expired {
	color: #ccc
}

.txt_rdy {
	color: #8abc2a
}

/* 폼 테이블 */

.tbl_frm01 table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

.tbl_frm01 th {
	width: 160px;
	padding: 7px 13px;
	border: 1px solid #e9e9e9;
	border-left: 0;
	background: #f5f8f9;
	text-align: center
}

.tbl_frm01 td {
	padding: 7px 10px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	background: transparent
}

.tbl_frm01 textarea,
.frm_input {
	border: 1px solid #e4eaec;
	background: #f7f7f7;
	color: #000;
	vertical-align: middle;
	line-height: 2em
}



.tbl_frm01 a {
	text-decoration: none
}

.tbl_frm01 .frm_file {
	display: block;
	margin-bottom: 5px
}



/* 캡챠 자동등록(입력)방지 기본 */
#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 {
	width: 100px;
	height: 41px;
	border: 1px solid #e9e9e9
}

#captcha #captcha_mp3 {
	position: absolute;
	top: 0;
	left: 101px;
	;
	margin: 0;
	padding: 0;
	width: 23px;
	height: 22px;
	border: 0;
	background: transparent;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer
}

#captcha #captcha_mp3 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 23px;
	height: 22px;
	background: url('../plugin/kcaptcha/img/sound.gif')
}

#captcha #captcha_reload {
	position: absolute;
	top: 21px;
	left: 101px;
	margin: 0;
	padding: 0;
	width: 23px;
	height: 22px;
	border: 0;
	background: transparent;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer
}

#captcha #captcha_reload span {
	position: absolute;
	top: 0;
	left: 0;
	width: 23px;
	height: 22px;
	background: url('../plugin/kcaptcha/img/reload.gif')
}

#captcha #captcha_key {
	margin: 0 0 0 25px;
	padding: 0 5px;
	width: 70px;
	height: 41px;
	border: 1px solid #b8c9c2;
	background: #f7f7f7;
	font-size: 1.333em;
	font-weight: bold;
	text-align: center;
	line-height: 2.8em;
	vertical-align: top;
}

#captcha #captcha_info {
	display: block;
	margin: 5px 0 0;
	font-size: 0.95em;
	letter-spacing: -0.1em
}

/* 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%
}

#hd_pop {
	z-index: 1000;
	position: relative;
	margin: 0 auto;
	width: 970px;
	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_con {}

.hd_pops_footer {
	padding: 10px 0;
	background: #000;
	color: #fff;
	text-align: right
}

.hd_pops_footer button {
	margin-right: 5px;
	padding: 5px 10px;
	border: 0;
	background: #393939;
	color: #fff
}

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

/* 전체 검색 */
#hd_sch {
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	border: 1px solid #c3c6ca
}

#hd_sch legend {
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
	overflow: hidden
}

#hd_sch #sch_stx {
	padding-left: 5px;
	width: 110px;
	height: 24px;
	border: 0;
	background: #fff;
	line-height: 1.9em !important;
	line-height: 1.6em
}

#hd_sch #sch_submit {
	padding: 0 5px;
	height: 26px;
	border: 0;
	background: #e2e6eb;
	color: #333;
	cursor: pointer
}


/* 새창 기본 스타일 */
.new_win {}

.new_win .tbl_wrap {
	margin: 0 20px
}

.new_win #win_title {
	margin: 0 0 20px;
	padding: 20px;
	border-top: 3px solid #333;
	border-bottom: 1px solid #dde4e9;
	background: #fff;
	font-size: 1.2em
}

.new_win #win_title .sv {
	font-size: 0.75em;
	line-height: 1.2em
}

.new_win .win_ul {
	margin: -20px 0 20px 0;
	padding: 0 20px;
	border-bottom: 1px solid #455255;
	background: #484848;
	list-style: none;
	zoom: 1
}

.new_win .win_ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.new_win .win_ul li {
	float: left;
	margin-left: -1px
}

.new_win .win_ul a {
	display: block;
	padding: 10px 10px 8px;
	border-right: 1px solid #455255;
	border-left: 1px solid #455255;
	color: #fff;
	font-family: dotum;
	font-weight: bold;
	text-decoration: none
}

.new_win .win_desc {
	padding: 20px
}

.new_win .win_btn {
	clear: both;
	padding: 20px;
	text-align: center
}

/* 새창용 */
.new_win .win_btn button {
	display: inline-block;
	padding: 0 10px;
	height: 30px;
	border: 0;
	background: #4b545e;
	color: #fff;
	line-height: 2em;
	cursor: pointer
}

.new_win .win_btn input {
	padding: 0 10px;
	height: 30px;
	line-height: 2em
}

.new_win .win_btn a {
	display: inline-block;
	padding: 0 10px;
	height: 30px;
	background: #4b545e;
	color: #fff;
	vertical-align: middle;
	line-height: 2.4em
}

.new_win .win_btn a:focus,
.new_win .win_btn a:hover {
	text-decoration: none
}

/* 내용관리 */
#ctt {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #e9e9e9
}

.ctt_admin {
	text-align: right
}

#ctt header h1 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#ctt_con {
	padding: 10px 0
}

.ctt_img {
	text-align: center
}

/* 검색결과 색상 */
.sch_word {
	color: #ff3061
}

/* 자바스크립트 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
}

/* 페이징 */
.pg_wrap {
	clear: both;
	margin: 0 0 20px;
	padding: 20px 0 0;
	text-align: center
}

.pg_wrap_sms {
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: center
}

.pg {}

.pg_page,
.pg_current {
	display: inline-block;
	padding: 0 8px;
	height: 25px;
	color: #000;
	letter-spacing: 0;
	line-height: 2.2em;
	vertical-align: middle
}

.pg a:focus,
.pg a:hover {
	text-decoration: none
}

.pg_page {
	background: #e4eaec;
	text-decoration: none
}

.pg_start,
.pg_prev {
	background: #fff
}

.pg_end,
.pg_next {
	background: #fff
}

.pg_current {
	display: inline-block;
	margin: 0 4px 0 0;
	background: #333;
	color: #fff;
	font-weight: normal
}

/* 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
}

/* 버튼 */
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: center
}

/* 서식단계 진행 */

.btn_submit {
	padding: 8px;
	border: 0;
	background: #ff3061;
	color: #fff;
	letter-spacing: -0.1em;
	cursor: pointer
}

fieldset .btn_submit {
	padding: 0 7px;
	height: 24px;
	line-height: 1em
}

a.btn_cancel {
	display: inline-block;
	padding: 7px;
	border: 1px solid #ccc;
	background: #fafafa;
	color: #000;
	text-decoration: none;
	vertical-align: middle
}

button.btn_cancel {
	display: inline-block;
	padding: 7px;
	border: 1px solid #ccc;
	background: #fafafa;
	color: #000;
	vertical-align: top;
	text-decoration: none
}

a.btn_frmline,
button.btn_frmline {
	display: inline-block;
	padding: 0 5px;
	height: 24px;
	border: 0;
	background: #333;
	color: #fff;
	letter-spacing: -0.1em;
	text-decoration: none;
	vertical-align: top
}

/* 우편번호검색버튼 등 */
a.btn_frmline {
	line-height: 24px
}

button.btn_frmline {
	font-size: 1em
}

/* 게시판용 버튼 */
a.btn_b01 {
	display: inline-block;
	padding: 7px;
	border: 1px solid #d9ded9;
	background: #f2f5f9;
	color: #000;
	text-decoration: none;
	vertical-align: middle
}

a.btn_b01:focus,
.btn_b01:hover {
	text-decoration: none
}

a.btn_b02 {
	display: inline-block;
	padding: 7px 7px;
	text-decoration: none;
	vertical-align: middle
}

a.btn_b02:focus,
.btn_b02:hover {
	text-decoration: none
}

a.btn_admin {
	display: inline-block;
	padding: 0;
	border: 1px solid green;
	background: green;
	color: #fff;
	text-decoration: none;
	vertical-align: middle
}

/* 관리자 전용 버튼 */
a.btn_admin:focus,
a.btn_admin:hover {
	text-decoration: none
}

/* 댓글 스타일 */
.cnt_cmt {
	display: inline-block;
	margin: 0 0 0 3px;
	font-weight: bold
}

.btn-normal {
	background-color: #1E6388;
	color: white !important;
}

.intro-title {
	background: linear-gradient(to right, #1E6388, #77B8DB);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
	font-size: 28px;
	line-height: 1.2;
}

section {
	margin: auto;
	padding: 60px 20px 0 20px;
}

section#intro {
	width: 70%;
}

section#intro img {
	margin: 10px auto;
	width: 90%;
}

.shadow-sm {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.card-text {
	font-size: 16px;
	line-height: 1.5;
	color: #555;
	margin: 12px auto;
}

.carbon-desc {
	text-align: center;
	line-height: 2;
}

section#features {
	background: rgba(249, 183, 0, 1);
}

section#features .content-body {
	width: 64%;
	margin: auto;
	padding: 20px;
	text-align: center;
}

.feature-grid {
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 20px;
	padding: 10px;
}

.section-title {
	font-size: 48px;
	font-weight: 700;
	color: rgba(75, 46, 32, 1);
}

.section-subtitle {
	font-size: 20px;
	margin-top: 10px;
	font-weight: normal;
	color: rgba(75, 46, 32, 1);
}

.feature-text-sm {
	font-size: 17px;
	line-height: 1.5;
	margin: 12px auto;
	color: rgba(255, 255, 255, 0.7);
}

.feature-text {
	font-size: 24px;
	font-weight: bold;
}

.feature-item {
	background: rgba(75, 46, 32, 1);
	border-radius: 24px;
	color: #fff;
	padding: 20px;
	text-align: center;
}

.feature-item img {
	margin-top: 0;
}

section#reason {
	background: rgba(249, 249, 250, 1);
}

section#reason .content-body {
	margin: auto;
	padding: 20px;
	text-align: center;
	width: 660px;
}

#reason .content-body .card {
	background: rgba(249, 249, 250, 1);
	border-radius: 12px;
	padding: 20px;
	margin-top: 20px;
	text-align: left;
	box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.1);
}

#reason .content-body .card-title {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 10px;
}

section#carbon {
	width: 710px;
	margin: 0 auto;
	padding: 40px 0;
}

.carbon-desc-2 {
	font-size: 10px;
	color: rgba(116, 116, 116, 1);
}

section#register {
	background: linear-gradient(105deg, rgba(19, 32, 48, 1) 20%, rgba(30, 83, 112, 1) 80%, rgba(83, 122, 143, 1));
}

.linear-text {
	background: linear-gradient(to right, rgba(19, 32, 48, 1), rgba(83, 122, 143, 1));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
	line-height: 1.2;
	font-size: 24px;
	display: block;
	padding: 8px 20px;
}

.btn-brown {
	background: rgba(55, 29, 30, 1);
	color: white;
}

.btn-brown-outline {
	background: transparent;
	color: rgba(55, 29, 30, 1);
	border: 1px solid rgba(55, 29, 30, 1);
}

.login-page {
	padding-top: 16%;
}

/* .form-control {
	padding: 12px;
	border-radius: 8px;
} */
.bg-readonly {
	background: #e9ecef !important;
}

.input-group .input-group-text {
	border-right: unset !important;
	border-top-left-radius: 8px !important;
	border-bottom-left-radius: 8px !important;
	background: white;
}

.input-group .form-control {
	border-left: unset !important;
	border-top-right-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
}

input:focus {
	box-shadow: none !important;
	outline: none !important;
	border: 1px solid #dee2e6 !important;
}

.register-form {
	padding: 40px 0;
	width: 450px;
	margin: 0 auto;
}

.divider {
	height: 1px;
	background: #dee2e6;
}

.content-body {
	max-width: 90%;
	margin: auto;
}

.btn.btn-light {
	background-color: #fff;
	border: 1px solid #ced4da;
}

.card {
	border-radius: 8px;
}

.card-header {
	font-weight: bold;
	border-radius: 8px 8px 0 0 !important;
	font-size: 16px;
	padding: 12px 16px;
}

.list-group-item {
	border: 0;
	padding: 8px;
	font-weight: bold;
	font-size: 14px;
}

.list-group-item:last-child {
	border-bottom: 0;
}

.group-list {
	height: 210px;
}

.number-list {
	height: 188px;
}

.number-list li {
	font-size: 12px;
}

.scroll-y {
	overflow-y: auto;
}

.muted {
	color: #6c757d;
	font-size: .9rem;
}

.footer-line {
	padding-top: .75rem;
}

.pill {
	background: #f5f6f8;
	border-radius: 8px;
	padding: .5rem .75rem;
}

.file-upload-area {
	border: 1px solid #dee2e6;
	border-radius: 8px;
	padding: 6px;
	flex-grow: 1 !important;
	display: flex;
	align-items: center;
	gap: 4px;
}

.home-comm-section {
	margin-top: 40px;
}

.survey-section {
	margin-top: 40px;
}

.preview-area-section {
	margin-top: 40px;
}

.preview-area {
	border: 1px solid #dee2e6;
	border-radius: 8px;
	padding: 10px;
	min-height: 80px;
}

.btn:hover {
	opacity: 0.9;
	color: inherit;
}

.auth-panel {
	min-width: 500px;
	text-align: center;
}

.receiver-list .header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: rgba(245, 245, 245, 1);
	padding: 10px 16px;
	border-radius: 0;
	border-top: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
}

.group-body table thead th {
	border-bottom: 1px solid #dee2e6 !important;
	padding: 20px !important;
}

.group-body table td {
	vertical-align: middle !important;
	padding: 12px !important;
}

.group-body table tr:last-child td {
	border-bottom: 1px solid #dee2e6 !important;
}

.modal-sub-title {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
}

.modal-text {
	font-size: 14px;
}

.theme-pagination .page-link {
	color: rgba(30, 30, 30, 1);
}

.theme-pagination .page-link.active {
	color: white;
	background: rgba(55, 29, 30, 1);
}

.school-register {
	border: 1px solid rgba(211, 212, 216, 1);
	border-radius: 8px;
	padding: 20px;
	background: rgba(245, 245, 245, 1);
}

.survey-area {
	border: 1px solid #dee2e6;
	border-radius: 8px;
	padding: 20px;
	min-height: 80px;
	background: rgba(245, 245, 245, 1);
}

.icon-btn {
	width: 60px;
	height: 100%;
}

.delivery-history-table td,
.delivery-history-table th {
	vertical-align: middle !important;
	padding: 8px 4px !important;
}

.delivery-history-table tr {
	border-bottom: 1px solid rgba(211, 212, 216, 1) !important;
}

.delivery-history-table tr:first-child {
	border-top: 1px solid rgba(211, 212, 216, 1) !important;
}

.delivery-history-table tr .count-info {
	background: rgba(245, 245, 245, 1) !important;
	border-left: 1px solid rgba(211, 212, 216, 1) !important;
	width: 95px;
}

.delivery-history-table tr .border-left {
	border-left: 1px solid rgba(211, 212, 216, 1) !important;
}

.cursor-pointer {
	cursor: pointer;
}

.kakao-channel-card {
	background: rgba(55, 29, 30, 0.1);
	border-radius: 12px;
	padding: 20px;
}

.channel-semi-title {
	font-size: 17px;
	color: rgba(55, 29, 30, 1);
}

.channel-title {
	font-size: 24px;
	color: rgba(55, 29, 30, 1);
	margin-top: 8px;
	font-weight: 700;
}

.channel-area {
	width: 900px;
	margin: auto;
}

.channel-guide-item {
	list-style: disc;
	margin-left: 20px;
	color: rgba(150, 149, 149, 1);
	margin-top: 12px;
	font-size: 12px;
}

.top-header {
	/* width: 62%; */
	/* background: rgba(144, 144, 144, 1); */
}

.nav-tabs .nav-link {
	color: #626262;
	border-radius: 0;
	padding: 12px;
}

.nav-tabs .nav-link.active {
	background: #8DBAB4;
	color: white;
}

.logo-link {
	font-size: 24px;
	color: #1e6488;
	font-weight: bold;
}

ul.item {
	margin-bottom: 0;
}

.title-area {
	width: 1440px;
	margin: 20px auto 0 auto;
}

.title-area h1 {
	font-size: 24px;
	font-weight: 500;
	width: fit-content;
	background: #8DBAB4;
	margin-bottom: 0;
	padding: 16px 80px;
	color: white;
}

.btn-normal-width {
	min-width: 120px;
}

.page-title {
	font-size: 30px;
	font-weight: 700;
}

/* 컨테이너 느낌(옅은 배경) */
.nav-wrap {
	background: #f6f7f8;
	border-radius: 14px;
	padding: 8px;
	display: inline-block;
}

/* 네비: pill 스타일 + 균등폭 */
.nav-pills.custom .nav-link {
	position: relative;
	border-radius: 10px;
	padding: 10px 16px;
	font-weight: 600;
	color: #222;
	transition: color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.nav-pills.custom .nav-link.active {
	background: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
}

/* 인디케이터(밑줄 대신 투명 보더) */
.nav-pills.custom {
	/* position: relative; */
	gap: 4px;
}

.nav-indicator {
	position: absolute;
	z-index: 0;
	height: calc(100% - 4px);
	top: 2px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
	transition: left .25s ease, width .25s ease;
}

/* 인디케이터를 링크 아래로 보내고 텍스트는 위에 */
.nav-pills.custom .nav-link {
	z-index: 1;
}

/* 탭 콘텐츠 애니메이션 (부트스트랩 fade + 살짝 슬라이드) */
.tab-pane.fade {
	transform: translateY(4px);
	transition: opacity .25s ease, transform .25s ease;
}

.tab-pane.fade.show {
	transform: translateY(0);
}

.pricing-content {
	max-width: 550px;
	margin: 40px auto;
}

.price-table-wrap {
	border: 1px solid white;
	border-radius: 16px;
	background: #fff;
	max-width: 850px;
	margin: 0 auto;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.price-table {
	width: 100%;
	margin-bottom: 0;
	border-collapse: separate;
	border-spacing: 0;
}

/* 상단 헤더 스타일 */
.price-table thead th {
	background-color: #e0e0e0 !important;
	color: #222;
	font-weight: 700;
	text-align: center;
	padding: 18px 4px;
	font-size: 15px;
	vertical-align: middle;
	border-bottom: 1px solid white !important;
	border-left: 1px solid white !important;
}

.price-table thead th small {
	display: block;
	font-size: 0.82em;
	color: #6c757d;
	margin-top: 2px;
	font-weight: 400;
}

/* 좌측 라벨 열 */
.price-table tbody td:first-child {
	background-color: #e0e0e0 !important;
	color: #222;
	font-weight: 600;
	text-align: left;
	padding: 16px 20px;
	font-size: 15px;
	border-right: 1px solid white !important;
	white-space: nowrap;
}

/* 데이터 셀 */
.price-table tbody td {
	text-align: center;
	padding: 18px 12px;
	font-size: 15px;
	font-weight: 600;
	color: #111;
	border-bottom: 1px solid white !important;
}

/* 둥근 모서리 */
.price-table thead th:first-child {
	border-top-left-radius: 16px;
}

.price-table thead th:last-child {
	border-top-right-radius: 16px;
}

.price-table tbody tr:last-child td:first-child {
	border-bottom-left-radius: 16px;
}

.price-table tbody td.td-label {
	text-align: center;
}

/* hover 시 살짝 강조 */
.price-table tbody tr:hover td {
	background-color: #fafafa;
}

.panel {
	border: 1px solid rgba(211, 212, 216, 1);
	border-radius: 14px;
	background: rgba(245, 245, 245, 1);
	padding: 20px 22px;
}

.panel+.panel {
	margin-top: 16px;
}

.panel h5 {
	font-weight: 700;
	color: #2b1d19;
	margin-bottom: 10px;
}

.note li {
	margin-top: 4px;
	list-style: disc;
	font-size: 12px;
	line-height: 1.3;
}

/* 금액 pill */
.btn-check+.btn-amount {
	border: 1px solid #d8d2cd;
	background: #fff;
	color: #3a302c;
	border-radius: 999px;
	padding: 10px 14px;
	font-weight: 600;
	box-shadow: inset 0 0 0 0 transparent;
}

.btn-check:checked+.btn-amount,
.btn-amount:hover {
	border-color: #c6bdb7;
	background: #f5efeb;
}

.amount-group {
	gap: 10px;
	flex-wrap: wrap;
}

/* 다크 브라운 버튼 */
.panel .btn-brown {
	background: #3a2520;
	color: #fff;
	border: none;
}

.btn-brown:hover {
	background: #2f1e1a;
}

.bank-box p {
	margin: 0;
}

.bank-name {
	font-weight: 700;
}

.divider {
	height: 1px;
	background: rgba(211, 212, 216, 1);
	margin: 14px 0;
}

.credit-content {
	margin: 40px auto;
	max-width: 700px;
}

/* 전체 그룹 컨테이너 */
.amount-select-group {
	background: #e9e9e9;
	border-radius: 999px;
	padding: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

/* 기본 라디오 숨기기 */
.amount-select-group input[type="radio"] {
	display: none;
}

/* 라벨 버튼 스타일 */
.amount-select-group label {
	background: transparent;
	color: #222;
	border-radius: 999px;
	padding: 8px;
	font-weight: 600;
	font-size: 14px;
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

/* 체크 상태 */
.amount-select-group input[type="radio"]:checked+label {
	background: #fff;
	color: #000;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

/* 기본 라디오 아이콘 느낌 */
.amount-select-group label::before {
	content: "○";
	font-size: 13px;
	line-height: 1;
	color: #555;
	display: inline-block;
	transform: translateY(-1px);
}

.amount-select-group input[type="radio"]:checked+label::before {
	content: "◎";
	color: #000;
}

/* 상단 잔액 박스 */
.balance-card {
	background: rgba(245, 245, 245, 1);
	border: 1px solid rgba(211, 212, 216, 1);
	border-radius: 12px;
	padding: 18px 20px;
}

.balance-card h6 {
	margin: 0;
	font-weight: 700;
}

.balance-amount {
	font-size: 28px;
	font-weight: 800;
	color: #241915;
}

/* 테이블 */
.log-table {
	width: 100%;
}

.log-table thead th {
	font-weight: 700;
	padding: 12px 10px;
}

.log-table tbody td {
	padding: 14px 10px;
	color: #2a2320;
	vertical-align: middle;
	font-size: 15px;
}

/* 페이징 (갈색 톤) */
.pagination .page-link {
	border: none;
	color: #2d2522;
}

.pagination .page-item.active .page-link {
	background: #3a2520;
	color: #fff;
	border-radius: 10px;
}

.pagination .page-link:focus {
	box-shadow: none;
}

.top-menu li.active {
	background: rgba(144, 144, 144, 1);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
}

.bg-gray {
	background: rgba(245, 245, 245, 1);
}

/* 영역 전체 스타일 (부드러운 테두리) */
.jump-box {
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 6px 10px;
	display: flex;
	align-items: center;
	gap: 8px;
	background: #fff;
	font-size: 14px;
	line-height: 1.2;
}

.jump-text {
	font-size: 14px;
	color: #333;
	border-bottom: 1px solid #ccc;
	padding-bottom: 2px;
	white-space: nowrap;
}

/* 체크박스 크기 맞추기 */
.jump-box .form-check-input {
	width: 18px;
	height: 18px;
}

/* 드롭다운 버튼을 텍스트처럼 보이게 (원본 UI처럼) */
.jump-dropdown-btn {
	padding: 0;
	background: none;
	border: none;
	font-size: 14px;
	color: #333;
	cursor: pointer;
}

.jump-dropdown-btn:focus {
	box-shadow: none !important;
}

/* 드롭다운 화살표 간격 */
.jump-dropdown-btn::after {
	margin-left: 4px;
}

.preview-card {
	background: #fff;
	border-radius: 8px;
	border: 1px solid #e0e0e0;
	padding: 18px 16px;
	max-height: 70vh;
	overflow-y: auto;
}

.preview-header-title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 12px;
}

.preview-survey-title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 16px;
}

.preview-period {
	font-size: 13px;
	color: #666;
	margin-bottom: 8px;
}

.preview-label {
	font-size: 14px;
	margin-bottom: 4px;
	font-weight: 500;
}

.preview-input {
	font-size: 14px;
	padding: 6px 10px;
	height: 34px;
}

.preview-question-title {
	font-size: 14px;
	margin-bottom: 8px;
}

.question-real-title {
	font-size: 16px;
	font-weight: 600;
}

.preview-radio label {
	font-size: 14px;
}

.preview-helper {
	font-size: 12px;
	color: #999;
	margin-top: 4px;
}

.preview-submit-btn {
	background: #4b2b1a;
	border-color: #4b2b1a;
	width: 100%;
	font-size: 14px;
	padding: 8px 0;
}

.colored-toast.swal2-icon-success {
	background-color: #a5dc86 !important;
}

.colored-toast.swal2-icon-error {
	background-color: #f27474 !important;
}

.colored-toast.swal2-icon-warning {
	background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
	background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
	background-color: #87adbd !important;
}

.colored-toast .swal2-title {
	color: white;
}

.colored-toast .swal2-close {
	color: white;
}

.colored-toast .swal2-html-container {
	color: white;
}

.table>tbody {
	vertical-align: middle;
}

.custom-table td,
.custom-table th {
	padding: 12px 8px;
}

.survey-title {
	cursor: pointer;
	user-select: none;
}

.survey-title:hover {
	text-decoration: underline;
}

.input-group.readonly * {
	background-color: #e9ecef !important;
}

.input-group.is-invalid .form-control {
	border-color: #dc3545 !important;
	padding-right: calc(1.5em + .75rem);
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.input-group.is-invalid .input-group-text {
	border-color: #dc3545;
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.register-complete-box {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.table thead th {
	text-align: center;
}

.view-detail {
	cursor: pointer;
	color: rgba(46, 46, 49, 1);
	text-decoration: underline;
}

.chips .btn {
	padding: 4px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
	background: #f8f8f8;
	font-size: 13px;
}

.chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 10px 0;
}

.chip {
	position: relative;
	padding: 4px 10px;
	border-radius: 16px;
	background: #eee;
	font-size: 13px;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}

.chip.active {
	background: #d0e8ff;
}

.chip-del {
	position: absolute;
	top: -4px;
	right: -4px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: none;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
	background: #bbb;
	color: #fff;
	cursor: pointer;
	display: none;
}

.chip:hover .chip-del {
	display: block;
}

.preview-textarea {
	width: 100%;
	border: unset;
	font-size: 14px;
	line-height: 1.4;
}

.preview-textarea:focus {
	outline: none;
	box-shadow: none;

}

.custom-modal-lg {
	min-width: 1200px;
}

.ellipsis {
	white-space: nowrap;
	/* 줄바꿈 X */
	overflow: hidden;
	/* 넘치는 내용 숨김 */
	text-overflow: ellipsis;
	/* ... 표시 */
}

.badge-success {
	background-color: rgba(90, 231, 135, 0.35);
	color: rgba(2, 84, 45, 1);
}

.question-li {
	padding: 8px 12px;
	border-bottom: 1px solid rgba(211, 212, 216, 1);
}

.else-input-list {
	margin-top: 8px;
	max-height: 150px;
	overflow-y: auto;
}

.download-btn {
	background-color: rgba(242, 242, 247, 1);
	border: unset;
	font-size: 14px;
	padding: 6px 12px;
	color: rgba(94, 151, 243, 1);
}

.verify-body span {
	word-wrap: break-word;
}

.address-info {
	display: flex;
	gap: .5rem;
}

.contact-info {
	display: flex;
	gap: .5rem;
}

.link-group {
	text-align: right;
}

.footer-left {
	display: flex;
	align-items: center;
	gap: 12px;
}

table thead th,
table tr td {
	white-space: nowrap;
}

table tr td.space-wrap {
	white-space: inherit;
}

.talk-preview {
	max-width: 320px;
	border-radius: 12px;
	background-color: rgba(180, 197, 215, 1);
}

.group-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.faq-title {
	color: rgba(55, 29, 30, 1);
	font-weight: bold;
}

pre {
	font-size: 1rem;
	margin-bottom: 0;
}

#register_section {
	background: radial-gradient(circle,
			rgba(44, 36, 36, 0.8) 0%,
			rgba(44, 36, 36, 0.9) 20%,
			rgba(0, 0, 0, 1) 100%);
}

.nav-link {
	white-space: nowrap;
}

.rating .star {
	font-size: 1.4rem;
	color: #ddd;
	cursor: pointer;
}

.rating .star.active {
	color: #ffc107;
	/* Bootstrap warning color */
}

#fileName {
	width: 180px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width: 1440px) {
	.header_wrap {
		width: 100%;
		gap: 10px;
		padding: 0;
	}

	.content {
		width: 100%;
	}

	.logo {
		width: 120px;
	}

	#footer .footer {
		width: 100%;
	}
}

@media (max-width: 1024px) {
	.header_wrap {
		width: 100%;
		gap: 10px;
	}

	.content {
		width: 100%;
	}

	section#intro {
		width: 100%;
	}

	.top-menu {
		gap: 1rem !important;
	}

	.link-group {
		text-align: right;
	}

	.footer-left {
		display: block;
	}

	.link-group {
		margin-top: 20px;
		text-align: center;
	}

	#footer .footer {
		width: 100%;
	}

	.channel-area {
		width: 100%;
	}

	.receiver-list .header {
		display: block;
	}

	.receiver-list .header button {
		width: 100%;
		margin-bottom: 8px;
	}
}

@media (max-width: 991px) {
	.header_wrap {
		height: auto;
		align-items: inherit;
		justify-content: space-between;
		border-bottom: 1px solid #dfdfdf;
	}

	.top-menu {
		margin-top: 20px;
	}

	.member {
		display: none;
	}

	.top-header {
		width: 100%;
	}

	section#intro {
		padding-top: 0px;
	}

	#footer .footer {
		width: 100%;
	}

	section#carbon {
		width: 80%;
	}

	section#intro img {
		width: 100%;
	}

	section#intro .row {
		/* align-items: flex-end; */
	}

	.footer-text {
		font-size: 14px;
	}

	.content-body {
		max-width: 96%;
	}

	.talk-preview {
		margin-top: 20px;
		max-width: 100%;
	}

	.channel-semi-title {
		font-size: 14px;
	}

	.channel-title {
		font-size: 18px;
	}

	.kakao-channel-card {
		padding: 8px;
	}
}

@media (max-width: 767px) {
	.sp-phonePanel {
		border-left: none !important;
		border-top: 1px dashed #787878;
		margin-top: 40px;
		padding-top: 40px;
	}
}

@media (max-width: 576px) {
	.header_wrap {
		padding: 0;
	}

	section {
		padding: 20px;
	}

	.logo {
		width: 120px;
		margin-right: 0;
	}

	section#features .content-body {
		width: 100%;
		padding: 0;
	}

	.feature-grid {
		padding: 0;
	}

	.section-title {
		font-size: 36px;
	}

	.section-subtitle {
		font-size: 20px;
	}

	section#reason .content-body {
		width: 100%;
		padding: 0;
	}

	#footer .footer {
		padding: 0 20px;
	}

	.footer-logo {
		margin: 20px 0 20px 0;
	}

	.card-text {
		text-align: left;
	}

	.address-info {
		display: block;
	}

	.contact-info {
		display: block;
	}

	.address-info span {
		display: none;
	}

	.contact-info span {
		display: none;
	}

	.link-group {
		display: block;
		border-top: 1px solid #dcdcdc;
		padding: 12px;
		text-align: left;
	}

	.link-group a {
		display: block;
		padding-bottom: 8px;
		width: fit-content;
	}

	.channel-semi-title {
		font-size: 20px;
	}

	.channel-title {
		font-size: 32px;
	}

	.sm-w-100 {
		width: 100%;
	}

	.group-footer {
		display: block;
	}

	.group-footer>div {
		width: 100%;
	}

	.group-footer>div button {
		width: 100%;
		margin: 8px 0;
	}

	.register-form {
		width: 94%;
	}
}