@charset "utf-8"; 

html {
	overflow-y: scroll
}

body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",
		"Apple SD Gothic Neo", Arial, sans-serif;
	letter-spacing: -.05em;
	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: 14px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",
		"Apple SD Gothic Neo", Arial, sans-serif
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section {
	display: block
}

ul, dl, dt, dd, ol {
	margin: 0;
	padding: 0;
	list-style: none
}

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

label, input, button, select, img {
	vertical-align: middle;
	font-size: 1em
}

input, button {
	margin: 0;
	padding: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",
		"Apple SD Gothic Neo", Arial, sans-serif;
	font-size: 1rem
}

input[type="submit"] {
	cursor: pointer
}

button {
	cursor: pointer
}

textarea, select {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",
		"Apple SD Gothic Neo", Arial, sans-serif;
	font-size: 14px
}

select {
	margin: 0
}

p {
	margin: 0;
	padding: 0;
	word-break: break-all
}

hr {
	display: none
}

pre {
	overflow-x: scroll;
	font-size: 14px
}

a {
	color: inherit;
	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 .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s 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
}

#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: 14px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	line-height: 3.3em
}

.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
}

html {
	font-size: 4.5px
}

@media all and (min-width: 340px) {
	html {
		font-size: 4.8px
	}
}

@media all and (min-width: 360px) {
	html {
		font-size: 5.14px
	}
}

@media all and (min-width: 380px) {
	html {
		font-size: 5.4px
	}
}

@media all and (min-width: 400px) {
	html {
		font-size: 5.7px
	}
}

@media all and (min-width: 500px) {
	html {
		font-size: 7px
	}
}

@media all and (min-width: 600px) {
	html {
		font-size: 8.5px
	}
}

@media all and (min-width: 700px) {
	html {
		font-size: 9px
	}
}

body {
	-webkit-text-size-adjust: 100%
}

.sr_only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0
}

:focus {
	outline: none !important;
	border: 0
}

button, select, textarea, input[type="text"], input[type="button"],
	input[type="password"], input[type="search"], input[type="number"],
	input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"],
	input[type="submit"] {
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-button-prev::after, .swiper-button-next::after {
	display: none
}

input[type="number"], input[type="date"], input[type="datetime"], input[type="email"],
	input[type="password"], input[type="text"], select, textarea {
	width: 100%;
	height: 6.5rem;
	padding-left: 2rem;
	border-radius: 2px;
	border: 1px solid #e9e9e9;
	font-size: 2.4rem;
	color: #1f1f1f
}

textarea {
	height: 28rem
}

input[type="submit"], input[type="number"], input[type="date"], input[type="datetime"],
	input[type="email"], input[type="password"], input[type="text"], select,
	textarea {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

select::-ms-expand {
	display: none
}

select {
	background: #fff url(/mobile/images/common/icon_sel_arr.png) right 1rem
		center no-repeat;
	background-size: 2.1rem auto
}

.sub_contents * {
	word-break: keep-all
}

.board_view_top *, .table_view *, .form_write *, .faq_list *,
	.board_view_contents *, .layer_pop * {
	word-break: break-all
}

.fc_red {
	color: red !important
}

.relative {
	position: relative
}

.text_left {
	text-align: left !important
}

.text_right {
	text-align: right !important
}

.text_center {
	text-align: center !important
}

.full {
	width: 100%
}

.section_mt {
	margin-top: 7rem
}

.fc_blue {
	color: #647f86 !important
}

.fc_brown {
	color: #af5d58 !important
}

.fc_gray {
	color: #666 !important
}

.fs_30 {
	font-size: 3rem
}

.stitle01 {
	margin-bottom: 3.5rem;
	font-size: 4.2rem;
	line-height: 1.38;
	font-weight: 400
}

.stitle01 strong {
	font-weight: 700
}

.stitle01::before {
	display: block;
	width: 5.1rem;
	height: .5rem;
	margin-bottom: 2.5rem;
	background: #647f86;
	content: ""
}

.stitle01 .small {
	font-size: 3.2rem
}

.stitle01.small {
	font-size: 3.4rem
}

.stitle02 {
	margin-bottom: 3.5rem;
	font-size: 3.2rem
}

.stitle02 strong {
	font-weight: 700;
	font-size: 4.2rem
}

.stitle02 .small {
	font-size: 2.6rem
}

.stitle03 {
	margin-bottom: 3rem;
	position: relative;
	padding-left: 4.1rem;
	font-size: 3.4rem;
	color: #647f86;
	font-weight: 700;
	background: url(/mobile/images/sub/icon_title_star.png) no-repeat 0
		.3rem;
	background-size: 3.7rem auto
}

.stitle03 .small {
	font-size: 2.4rem;
	font-weight: 400
}

.stitle04 {
	position: relative;
	margin-bottom: 2rem;
	padding-left: 3.2rem;
	font-size: 3.2rem;
	color: #232520;
	font-weight: 700
}

.stitle04::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 2.2rem;
	height: 2.2rem;
	margin-top: -1.1rem;
	border-radius: 100%;
	border: .6rem solid #647f86;
	content: ""
}

.stitle05 {
	margin: 5rem 0 2rem;
	font-size: 3rem;
	font-weight: 700
}

.mt_20 {
	margin-top: 2rem !important
}

.mt_30 {
	margin-top: 3rem !important
}

.mt_40 {
	margin-top: 4rem !important
}

.mt_50 {
	margin-top: 5rem !important
}

.mt_60 {
	margin-top: 6rem !important
}

.mt_70 {
	margin-top: 7rem !important
}

.cont_t01 {
	font-size: 2.8rem;
	line-height: 1.428
}

.cont_t02 {
	font-size: 2.4rem;
	line-height: 1.428
}

.cont_t03 {
	font-size: 2.2rem;
	line-height: 1.428
}

.cont_t04 {
	position: relative;
	padding-left: 1.7rem;
	font-size: 2.6rem;
	line-height: 1.428;
	color: #666
}

.cont_t04::before {
	position: absolute;
	top: 1.3rem;
	left: 0;
	width: .6rem;
	height: .6rem;
	border-radius: 100%;
	background: #647f86;
	content: ""
}

.cont_t04 strong {
	color: #232520
}

.cont_t04+.cont_t04 {
	margin-top: 2.2rem
}

.img_box img {
	width: 100%
}

.b_txt {
	font-size: 2.2rem;
	margin-top: .5rem
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%
}

#header .header_top {
	position: relative;
	height: 66px;
	background: #fff
}

#header .logo {
	position: absolute;
	top: 0;
	left: 4rem;
	z-index: 2;
	height: 66px
}

#header .logo a {
	display: block;
	width: 120px;
	height: 66px;
	background: url(/mobile/images/common/new_logo.jpg) no-repeat center;
	background-size: contain
}

#header .logo img {
	height: 100%
}

#header .btn_menu {
	position: absolute;
	top: 25px;
	right: 4rem;
	width: 19px;
	height: 16px;
	background: url(/mobile/images/common/icon_menu.png) no-repeat center;
	background-size: cover
}

#side_menu {
	overflow: hidden;
	overflow-y: auto;
	position: fixed;
	top: 0;
	right: -100%;
	z-index: 10001;
	width: 85%;
	bottom: 0;
	background: #fff;
	transition: right .4s
}

#side_menu.open {
	right: 0
}

#side_menu .btn_menu_close {
	position: absolute;
	top: 25px;
	right: 4.4rem;
	width: 16px;
	height: 16px;
	background: url(/mobile/images/common/icon_close.png) no-repeat center;
	background-size: cover
}

#gnb {
	border-top: 1px solid #e9e9e9
}

#gnb>ul>li>a {
	display: block;
	position: relative;
	border-bottom: 1px solid #e9e9e9;
	padding-left: 4rem;
	font-size: 3rem;
	color: #666;
	line-height: 3.333
}

#gnb>ul>li>a::after {
	position: absolute;
	top: 50%;
	right: 4.4rem;
	width: 2.6rem;
	height: 1.2rem;
	margin-top: -.6rem;
	background: url(/mobile/images/common/icon_gnb_arr.png) no-repeat;
	background-size: contain;
	content: ""
}

#gnb>ul>li.no_child>a::after {
	display: none
}

#gnb .sub {
	display: none;
	padding: 2rem 0;
	border-bottom: 1px solid #e9e9e9;
	background: #f8f8f8
}

#gnb .sub a {
	display: block;
	position: relative;
	padding-left: 5.8rem;
	font-size: 2.6rem;
	color: #666;
	line-height: 2.08
}

#gnb .sub a::before {
	position: absolute;
	top: .2rem;
	left: 3.6rem;
	content: "-"
}

#gnb>ul>li.on>a {
	font-weight: 700;
	color: #232520
}

#gnb>ul>li.on>a::after {
	background-image: url(/mobile/images/common/icon_gnb_arr_on.png)
}

#gnb .sub li.on a {
	font-weight: 700;
	color: #647f86
}

#gnb .sub li.on a::before {
	left: 3.6rem;
	width: 2rem;
	height: 100%;
	margin-top: -2px;
	background: url(/mobile/images/common/icon_gnb_star.png) no-repeat
		center;
	background-size: contain;
	content: ""
}

.gnb_dimmed_bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.8)
}

#wrapper {
	margin-top: 66px
}

#footer {
	position: relative;
	z-index: 100;
	padding: 4.6rem 4rem 19rem;
	background: #333
}

#footer h2 {
	margin-top: 4.8rem
}

#footer h2 img {
	width: 21rem
}

#footer .etc_link {
	width: 50%;
	overflow: hidden;
	margin: 1.5rem 0
}

#footer .etc_link li+li {
	position: relative;
	margin-top: 0.3em;
}

#footer .etc_link a {
	display: block;
	font-size: 2.6rem;
	color: #fff
}

#footer .f_customer {
	position: absolute;
	top: 14.5rem;
	right: 0;
	width: 34rem;
	text-align: left
}

#footer .f_customer strong {
	display: inline-block;
	font-size: 2.2rem;
	color: #fff
}

#footer .f_customer em {
	display: inline-block;
	margin-left: 1.2rem;
	font-size: 2.8rem;
	color: #fff;
	font-weight: 700;
	font-style: normal
}

#footer .f_customer span {
	display: block;
	margin-top: 2px;
	font-size: 2.2rem;
	color: #999
}
#footer .f_customer .__email img {
	max-width: 100%;
	max-height: 2.4rem;
}

#footer .address {
	display: inline-block;
	margin-top: 5rem;
	font-size: 2.2rem;
	line-height: 1.59;
	color: #999
}

#footer .address span {
	display: inline-block;
	padding-right: 2rem
}

#footer .copyright {
	margin-top: 2rem
}

#family_site {
	position: absolute;
	top: 4.6rem;
	right: 4rem;
	width: 30rem
}

#family_site>button {
	position: relative;
	z-index: 5;
	width: 100%;
	padding-left: 1.6rem;
	border: 0;
	border-top: 1px solid #333439;
	border-bottom: 1px solid #333439;
	font-size: 2.4rem;
	color: #222;
	font-weight: 700;
	line-height: 6rem;
	text-align: left;
	background: #fff
}

#family_site>button::after {
	position: absolute;
	right: 1.6rem;
	top: 50%;
	width: 2.4rem;
	height: 1.6rem;
	margin-top: -.8rem;
	background: url(/mobile/images/common/icon_family_arr.png) no-repeat
		center;
	background-size: contain;
	content: "";
	transition: all .4s;
	transform: rotate(180deg)
}

#family_site ul {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 6rem;
	padding: 1rem 0;
	border-top: 1px solid #333439;
	background: #fff
}

#family_site ul a {
	display: block;
	padding-left: 1.6rem;
	font-size: 2.2rem;
	line-height: 2
}

#family_site.open>button::after {
	transform: rotate(0deg)
}

#family_site.slide_down ul {
	bottom: auto;
	top: 9rem;
	border-top: 0;
	border-bottom: 1px solid #333439
}

#family_site.slide_down>button:after {
	transform: rotate(0deg)
}

#family_site.slide_down.open>button:after {
	transform: rotate(180deg)
}

#quick {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 800;
}

#quick ul {
	overflow: hidden;
	border-radius: 5rem 5rem 0 0;
	background: #fff;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.75)
}

#quick ul li {
	float: left;
	width: 25%;
	text-align: center
}

#quick ul li+li {
	border-left: 1px solid #ebebeb
}

#quick ul a {
	display: block;
	padding: 2.8rem 0 3rem;
	color: #000;
	font-size: 2.4rem
}

#quick ul a::before {
	display: block;
	width: 5rem;
	height: 5rem;
	margin: 0 auto 1.2rem;
	background: url(/mobile/images/common/icon_quick.png?ver=20220712) no-repeat 0 0;
	background-size: auto 100%;
	content: ""
}

#quick ul li:nth-child(2) a::before {
	background-position: 10% 0
}

#quick ul li:nth-child(3) a::before {
	background-position: 20% 0
}

#quick ul li:nth-child(4) a::before {
	background-position: 31% 0;
	width: 6rem
}

.ptitle {
	margin: 3rem 0 2rem
}

.ptitle h3 {
	font-size: 3.4rem;
	color: #000;
	font-weight: 700
}

.ptitle .stit {
	font-size: 2.2rem;
	color: #999
}

.pop_dimmed_bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: rgba(0, 0, 0, 0.6)
}

.layer_pop * {
	font-family: "Spoqa Han Sans", sans-serif;
	box-sizing: border-box
}

.layer_pop {
	display: none;
	position: absolute;
	top: 100px;
	left: 4rem;
	right: 4rem;
	z-index: 111111110001;
	background: #fff
}

.layer_pop .top {
	position: relative;
	height: 8rem;
	padding-left: 4rem;
	border-bottom: 1px solid #ddd
}

.layer_pop .top h2 {
	display: inline-block;
	margin-right: 15px;
	font-size: 3.4rem;
	color: #000;
	font-weight: 700;
	line-height: 8rem
}

.layer_pop .top span {
	font-size: 15px;
	color: #999
}

.layer_pop .ptab_menu {
	position: absolute;
	top: 0;
	right: 8rem
}

.layer_pop .ptab_menu li {
	float: left;
	border-left: 1px solid #ddd
}

.layer_pop .ptab_menu a {
	display: block;
	width: 15rem;
	font-size: 2.4rem;
	color: #232520;
	line-height: 8rem;
	text-align: center;
	transition: all .4s
}

.layer_pop .ptab_menu li a:hover, .layer_pop .ptab_menu li.on a {
	color: #fff;
	background: #647f86
}

.layer_pop .btn_close {
	position: absolute;
	top: 0;
	right: 0;
	width: 8rem;
	border: 0
}

.layer_pop .btn_close img {
	width: 100%
}

.layer_pop .pbox {
	padding: 4rem
}

.layer_pop .scroll_cont {
	border: 1px solid #ddd;
	height: 15rem;
	overflow-y: auto;
	padding: 2rem;
	font-size: 2.4rem;
	line-height: 1.625;
	color: #666
}

.layer_pop .scroll_cont strong {
	font-weight: 700;
	color: #232520
}

.layer_pop .agree_chk {
	margin-top: 3rem
}

.layer_pop .btn_submit {
	margin-top: 3.5rem
}

#inquery_confirm .ptitle {
	margin-top: 0
}

#inquery_pop .pbox {
	display: none
}

#inquery_pop .stitle05 {
	margin-top: 3rem
}

#store_pop {
	position: fixed;
	top: 50% !important;
	transform: translateY(-50%)
}

#store_pop .pbox {
	padding: 4rem
}

#store_pop .tel_cont {
	padding-top: 12rem;
	text-align: center;
	background: url(/mobile/images/common/icon_store_p.jpg) no-repeat center
		top;
	background-size: 10.6rem auto
}

#store_pop .tel_cont .t01 {
	font-size: 2.4rem;
	font-weight: 700;
	color: #000
}

#store_pop .tel_cont .t02 {
	margin-top: 1rem;
	font-size: 3rem;
	font-weight: 700;
	color: #647f86
}

#store_pop .tel_cont .ubtn {
	margin-top: 4rem
}

/*나다움 팝업 {*/
#nbemyself_pop {
	position: fixed;
	top: 50% !important;
	transform: translateY(-50%)
}
#nbemyself_pop h2 img {width: 6em; vertical-align: text-bottom; }
#nbemyself_pop .pbox {
	padding: 4rem 4rem 5rem;
}
#nbemyself_pop .nbe_cont {
	padding-top: 12rem;
	text-align: center;
	background: url(/mobile/images/nbemyself/pop-icon.png) no-repeat center top;
	background-size: 10.6rem auto
}
#nbemyself_pop .nbe_cont .t01 {
	font-size: 2.4rem;
	font-weight: 700;
	color: #000
}
#nbemyself_pop .nbe_cont .t02 {
	margin-top: 1rem;
	font-size: 3rem;
	font-weight: 700;
	color: #647f86;
	 word-break: keep-all;
}
#nbemyself_pop .nbe_cont .ubtn {
	margin-top: 4rem
}
/* } 나다움 팝업*/

#newifplus_pop {
	position: fixed;
	top: 50% !important;
	transform: translateY(-50%)
}

.newifplus_logo {
	width: 70%;
}

#newifplus_pop .pbox {
	padding: 4rem
}

#newifplus_pop .tel_cont {
	padding-top: 12rem;
	text-align: center;
	background: url(/mobile/images/common/newifplus_pop.jpg) no-repeat center
		top;
	background-size: 10.6rem auto
}

#newifplus_pop .tel_cont .t01 {
	font-size: 2.4rem;
	font-weight: 700;
	color: #000
}

#newifplus_pop .tel_cont .t02 {
	margin-top: 1rem;
	font-size: 3rem;
	font-weight: 700;
	color: #647f86
}

#newifplus_pop .tel_cont .ubtn {
	margin-top: 4rem
}

/* 서비스 준비 중 팝업 */
#preparing_pop {
	position: fixed;
	top: 50% !important;
	transform: translateY(-50%)
}
#preparing_pop .top {
    padding-left: 2.8rem;
}
#preparing_pop .pbox {
	padding: 4rem
}

#preparing_pop .tel_cont {
	padding-top: 12rem;
	text-align: center;
	background: url(/mobile/images/common/icon_preparing_p.jpg) no-repeat center
		top;
	background-size: 10.6rem auto
}

#preparing_pop .tel_cont .t02 {
	margin-top: 1rem;
	font-size: 3rem;
	font-weight: 400;
	color: #000000;
}
#preparing_pop .tel_cont .t02 b {
	font-weight: 700;
}
#preparing_pop .tel_cont .ubtn {
	margin-top: 4.5rem
}

/* 이메일무단수집거부 팝업 */
#emailReject_pop {
	position: fixed;
	top: 50% !important;
	transform: translateY(-50%)
}
#emailReject_pop .pbox {
	text-align: center;
	font-size: 2.7rem;
	color: #000;
    line-height: 1.6;
}
#emailReject_pop .t01 {
	word-break: keep-all;
}
#emailReject_pop .t02 {
	display: block;
	margin-top: 3rem;
	font-size: 2.5rem;
	color: #647f86;
}
#emailReject_pop .pbox .btn_close.ubtn { 
	position: static;
	min-width: 16rem;
	margin-top: 4.5rem;
}

.top_rtxt {
	margin-bottom: 2rem;
	text-align: right
}

.top_rtxt .icon_required {
	display: inline-block;
	font-size: 2.4rem
}

.icon_required {
	position: relative;
	padding-left: 2.1rem;
	font-size: 2.6rem;
	background: none;
	text-align: left
}

.icon_required::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: .9rem;
	height: .9rem;
	margin-top: -.5rem;
	border-radius: 100%;
	background: #647f86;
	content: ""
}

.tab_menu {
	display: -ms-flexbox !important;
	display: flex !important;
	margin: 0 -.5rem 2rem
}

.tab_menu li {
	flex: 1;
	padding: 0 .5rem
}

.tab_menu a {
	display: block;
	border: 1px solid #647f86;
	border-radius: .5rem;
	font-size: 2.8rem;
	color: #647f86;
	font-weight: 700;
	line-height: 7.8rem;
	text-align: center
}

.tab_menu li a.on, .tab_menu li.on a {
	color: #fff;
	background: #647f86
}

.write_table {
	width: 100%;
	border-top: 1px solid #232520;
	border-collapse: collapse;
	border-spacing: 0
}

.write_table .col01 {
	width: 17rem
}

.write_table td, .write_table th {
	padding: 1.2rem 2.2rem;
	font-size: 2.6rem;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
	box-sizing: border-box
}

.write_table th {
	text-align: left;
	padding-left: 2rem;
	color: #232520;
	font-weight: 700;
	background: #f6f6f6
}

.write_table input[type="text"], .write_table select, .write_table textarea
	{
	width: 100%;
	height: 5rem;
	border: 1px solid #ddd;
	padding: 0;
	padding-left: 1rem;
	border-radius: 3px;
	color: #666;
	background: #fff
}

.write_table textarea {
	height: 10rem;
	padding: 1rem
}

.write_table select, .write_table textarea, .write_table input[type="text"]
	{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.write_table select::-ms-expand {
	display: none
}

.write_table select {
	background: #fff url(/mobile/images/common/icon_sel_arr.png) right
		1.2rem center no-repeat !important;
	background-size: 2.1rem auto !important
}

.write_table .fwrap .fbar {
	line-height: 5rem
}

.fwrap {
	display: -ms-flexbox !important;
	display: flex !important
}

.fwrap p {
	flex: 1
}

.fwrap p+p {
	margin-left: 1rem
}

.fwrap .fbar {
	line-height: 6.5rem;
	padding: 0 .5rem
}

.star {
	color: #ff2525
}

.checkbox {
	display: inline-block;
	overflow: hidden;
	position: relative;
	font-size: 2.6rem;
	line-height: 4rem
}

.checkbox * {
	vertical-align: middle
}

.checkbox input {
	position: absolute;
	left: 0;
	top: 50%;
	width: 3.6rem;
	height: 3.6rem;
	margin-top: -1.8rem;
	opacity: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: 0
}

.checkbox label {
	display: inline-block;
	position: relative;
	padding-left: 5.2rem
}

.checkbox label em {
	color: #999
}

.checkbox label:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 3.6rem;
	height: 3.6rem;
	margin-top: -1.8rem;
	border: 1px solid #ddd;
	border-radius: 2px;
	content: ""
}

.checkbox input:checked+label:before {
	border: 0;
	background: url(/mobile/images/common/icon_checkbox.png) no-repeat
		center;
	background-size: contain
}

.result_pop_List ul {
	border-top: 1px solid #232520
}

.result_pop_List ul li {
	border-bottom: 1px solid #ddd
}

.result_pop_List .btn_list_open {
	position: relative;
	width: 100%;
	padding: 3rem 7rem 2rem 7.5rem;
	text-align: left;
	border: 0;
	background: none
}

.result_pop_List .btn_list_open::after {
	position: absolute;
	top: 50%;
	right: 1.3rem;
	width: 2.2rem;
	height: 1.9rem;
	margin-top: -1rem;
	transform: rotate(180deg);
	background: url(/mobile/images/common/icon_arr.png) no-repeat center;
	background-size: contain;
	content: ""
}

.result_pop_List ul li.on .btn_list_open::after {
	transform: rotate(0deg)
}

.result_pop_List .title {
	display: block;
	margin-bottom: 2rem;
	font-size: 2.6rem;
	font-weight: 400
}

.result_pop_List .q_tit {
	position: absolute;
	left: 1.3rem;
	top: 3rem;
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 100%;
	font-size: 2.4rem;
	color: #fff;
	font-weight: 700;
	line-height: 4.5rem;
	text-align: center;
	background: #647f86
}

.result_pop_List .date {
	font-size: 2.2rem;
	color: #999
}

.result_pop_List .state {
	display: inline-block;
	width: 11rem;
	margin-left: 1rem;
	border-radius: 2rem;
	font-size: 2.2rem;
	color: #647f86;
	line-height: 4rem;
	text-align: center;
	background: #e8eced
}

.result_pop_List .state.end {
	color: #ec1f1f;
	background: #ffe3e3
}
.result_pop_List .btn_del {
	width: 7rem;
	height: 24px;
    border-radius: 4px;
    color: #fff;
    line-height: 4rem;
    background: #a0968d;
    display: inline-block;
    text-align: center;
    font-size: 2.2rem;
    float: right;
    text-align: center;
    background-image: url("../images/common/icon_delete.png");
    background-repeat: no-repeat;
    background-position: center center;
}
.result_pop_List .a_cont {
	display: none;
	padding: 2.5rem;
	border-top: 1px solid #ddd;
	font-size: 2.6rem;
	color: #666;
	line-height: 1.625;
	background: #f7f7f7
}

.result_pop_List .a_cont.user {
	background: #fff
}

.result_pop_List .b_info {
	overflow: hidden;
	margin-top: 2rem;
	font-size: 2.2rem;
	color: #999
}

.result_pop_List .b_info span {
	float: left;
	position: relative
}

.result_pop_List .b_info span+span {
	margin-left: 2rem
}

.result_pop_List .b_info span+span::before {
	position: absolute;
	top: 50%;
	left: -1rem;
	width: 1px;
	height: 1.4rem;
	margin-top: -.7rem;
	background: #ddd;
	content: ""
}

.result_pop_List .paginate {
	margin-top: 3rem;
	font-size: 0;
	text-align: center
}

.board_search {
	margin-bottom: 3rem
}

.board_search .fbox {
	display: -ms-flexbox !important;
	display: flex !important;
	position: relative
}

.board_search .fbox .sel_wrap {
	width: 21rem;
	padding-right: 1rem
}

.board_search .fbox .input_wrap {
	flex: 1
}

.board_search .fbox input, .board_search .fbox select {
	width: 100%;
	height: 8rem;
	padding: 0;
	padding-left: 2rem;
	border: 0;
	border-radius: 5px;
	font-size: 2.6rem;
	color: #647f86;
	background: #f3f5f6
}

.board_search .fbox select {
	padding-right: 5.3rem;
	background: url(/mobile/images/common/icon_sel_arr02.png) no-repeat
		right 2.6rem center #f3f5f6;
	background-size: 2.7rem auto
}

.board_search .fbox input {
	padding-right: 6rem
}

.board_search .fbox .sch_btn {
	position: absolute;
	top: 0;
	right: 2.2rem;
	height: 100%;
	width: 3.5rem;
	border: 0;
	background: url(/mobile/images/common/icon_search.png) no-repeat center;
	background-size: contain
}

.pg_wrap {
	margin: 4rem 0 0;
	text-align: center;
	font-size: 0
}

.pg_wrap * {
	vertical-align: middle
}

.pg_wrap .pg {
	display: inline-block
}

.pg_wrap .pg_page, .pg_wrap .pg_current {
	display: inline-block;
	width: 5rem;
	margin: 0 .5rem;
	border-radius: 3px;
	border: 1px solid #e7e8ec;
	font-size: 2.6rem;
	color: #333;
	line-height: 4.8rem;
	text-align: center;
	background: #fff
}

.pg_wrap .pg_current {
	border-color: #647f86;
	color: #fff;
	background: #647f86;
	font-weight: 400
}

.pg_wrap .pg_start, .pg_wrap .pg_prev, .pg_wrap .pg_next, .pg_wrap .pg_end
	{
	overflow: hidden;
	text-indent: -999px;
	text-align: left;
	background: none;
	background-size: contain
}

.pg_wrap .pg_start {
	background-image: url(/mobile/images/common/btn_first.gif)
}

.pg_wrap .pg_prev {
	background-image: url(/mobile/images/common/btn_prev.gif)
}

.pg_wrap .pg_end {
	background-image: url(/mobile/images/common/btn_end.gif)
}

.pg_wrap .pg_next {
	background-image: url(/mobile/images/common/btn_next.gif)
}

.btn_flex_full {
	margin-top: 4rem
}

.btn_flex_full p {
	display: -ms-flexbox !important;
	display: flex !important
}

.btn_flex_full p+p {
	margin-top: 2rem
}

.btn_flex_full p a {
	flex: 1
}

.btn_flex_full p a+a {
	margin-left: 1rem
}

.btn_area {
	overflow: hidden;
	margin-top: 4rem;
	text-align: center
}

.btn_area p {
	display: inline-block
}

.btn_area .right {
	float: right
}

.btn_area .left {
	float: left
}

.btn_area .ubtn {
	float: left
}

.btn_area .right .ubtn {
	margin-left: 5px
}

.btn_area .left .ubtn {
	margin-right: 5px
}

.ubtn {
	display: inline-block;
	position: relative;
	min-width: 22rem;
	height: 8rem;
	margin: 0 auto;
	line-height: 8rem;
	border-radius: 1rem;
	border: 1px solid #647f86;
	font-size: 2.8rem;
	text-align: center;
	color: #fff;
	font-weight: 400;
	background: #647f86
}

.ubtn.big {
	border-width: 1px;
	line-height: 8rem;
	font-size: 2.6rem;
	font-weight: 700
}

.ubtn.black {
	border-color: #000;
	color: #fff;
	background: #000
}

.ubtn.border {
	color: #647f86;
	background: #fff
}

.ubtn.border_black {
	color: #242424;
	border-color: #242424;
	background: #fff
}

.ubtn.btn_arr {
	padding-right: 56px;
	text-align: left
}

.ubtn.btn_arr i {
	position: absolute;
	right: 22px;
	top: 0
}

.pg_wrap+.btn_area {
	margin-top: 2rem
}

.btn_center {
	text-align: center
}

.news_list {
	border-top: 1px solid #232520
}

.news_list li {
	padding: 3rem 0 4rem 1.5rem;
	border-bottom: 1px solid #e9e9e9
}

.news_list .inbox {
	flex-shrink: 0;
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-align: start !important;
	align-items: flex-start !important;
	position: relative
}

.news_list .inbox .img_wrap {
	flex-shrink: 0;
	flex-grow: 0;
	overflow: hidden;
	position: relative;
	width: 21rem;
	margin-left: auto;
	background: #e9e9e9
}

.news_list .inbox .img_wrap::before {
	display: block;
	padding-bottom: 72.72%;
	content: ""
}

.news_list .inbox .img_wrap img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.news_list .inbox .title {
	overflow: hidden;
	display: block;
	position: relative;
	padding-left: 6rem;
	font-size: 3rem;
	font-weight: 700;
	color: #232520;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 4.5rem
}

.news_list .inbox .title::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 4.5rem;
	height: 4.5rem;
	opacity: .3;
	background: url(/mobile/images/common/icon_bell.png) no-repeat 0 center;
	background-size: contain;
	content: ""
}

.news_list .inbox .tcont {
	flex-shrink: 1;
	flex-grow: 1;
	max-width: 100%;
	min-width: 0;
	color: #666;
	font-weight: 400
}

.news_list .inbox .tcont p {
	margin: 2rem 0 2.2rem;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal;
	word-wrap: break-word;
	font-size: 2.6rem;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	height: 8rem;
	line-height: 4rem
}

.news_list .inbox .tcont span {
	display: block;
	margin-top: 0;
	font-size: 2.2rem;
	color: #666
}

.news_list .notice .title::before {
	opacity: 1
}

.faq_list {
	border-top: 1px solid #232520
}

.faq_list li {
	padding: 3rem 1.3rem;
	border-bottom: 1px solid #e9e9e9
}

.faq_list button {
	position: relative;
	width: 100%;
	padding: 0 6rem 0 6.2rem;
	border: 0;
	text-align: left;
	background: #fff
}

.faq_list button::after {
	position: absolute;
	top: 50%;
	right: 1.3rem;
	width: 2.2rem;
	height: 1.9rem;
	margin-top: -1rem;
	background: url(/mobile/images/common/icon_arr.png) no-repeat center;
	background-size: contain;
	content: "";
	transition: all .4s
}

.faq_list .q_tit {
	position: absolute;
	top: 0;
	left: 0;
	width: 4.5rem;
	border-radius: 100%;
	font-size: 2.4rem;
	color: #fff;
	line-height: 4.5rem;
	text-align: center;
	background: #647f86
}

.faq_list .title {
	display: block;
	padding: .6rem 0;
	font-size: 3rem;
	color: #232520;
	font-weight: 700;
	line-height: 1.33
}

.faq_list .a_cont {
	display: none;
	padding-left: 6.2rem;
	padding-top: 2.5rem;
	font-size: 2.6rem;
	color: #666;
	line-height: 1.58
}

.faq_list li.on button::after {
	transform: rotate(180deg)
}

.inquery_list {
	border-top: 1px solid #232520
}

.inquery_list li {
	padding: 3.5rem 1.5rem;
	border-bottom: 1px solid #e9e9e9
}

.inquery_list .top {
	overflow: hidden
}

.inquery_list .state {
	float: left;
	width: 11rem;
	line-height: 4.7rem;
	text-align: center;
	border-radius: 3px;
	font-size: 2.2rem;
	color: #647f86;
	background: #eff2f3
}

.inquery_list .state.end {
	color: #af5d58;
	background: #f7eeee
}

.inquery_list .date {
	float: right;
	font-size: 2.2rem;
	color: #666;
	line-height: 4.7rem
}

.inquery_list .title {
	overflow: hidden;
	margin-top: 2rem;
	font-size: 3rem;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1.03
}

.form_write {
	border-top: 1px solid #232520
}

.form_write .frow {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.form_write .fcol {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-align: start !important;
	align-items: flex-start !important;
	padding: 1.8rem 2.2rem;
	border-bottom: 1px solid #e9e9e9
}

.form_write .fcol .label {
	flex-shrink: 0;
	flex-grow: 0;
	width: 18.5rem;
	padding-left: 2.1rem;
	font-size: 2.6rem;
	color: #232520;
	font-weight: 700;
	line-height: 6.5rem
}

.form_write .fcol .f_input {
	flex: 1
}

.form_write .agree_chk {
	margin-top: 3rem
}

.form_write .fwrap .fbar {
	font-size: 2.4rem;
	line-height: 6.5rem
}

.form_write .f_half {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

.form_write .btn_submit {
	width: 100%;
	margin-top: 3.5rem
}

.f_half {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.f_full {
	-ms-flex: 0 0 100% !important;
	flex: 0 0 100% !important;
	max-width: 100% !important
}

.w_full {
	width: 100% !important
}

.filebox {
	overflow: hidden;
	position: relative;
	height: 6.5rem;
	padding-left: 17rem
}

.filebox input[type="file"] {
	position: absolute;
	top: -10px;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.filebox label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer
}

.filebox label span {
	position: absolute;
	top: 0;
	left: 0;
	width: 15.2rem;
	height: 6.5rem;
	border-radius: 2px;
	font-weight: 700;
	font-size: 2.4rem;
	color: #647f86 !important;
	text-align: center;
	line-height: 6.4rem;
	border: 1px solid #647f86;
	background: #fff;
	content: ""
}

.filebox .upload_name {
	width: 100%;
	border: 0 !important;
	padding: 0;
	font-size: 2.4rem;
	color: #232520;
	background: #fff
}

.filebox+.filebox {
	margin-top: 1rem
}

.privacy_scroll {
	padding: 3rem 3.5rem;
	border: 1px solid #e9e9e9;
	font-size: 2.4rem;
	line-height: 1.625;
	color: #666
}

.privacy_scroll h4 {
	margin-top: 10px;
	color: #232520;
	font-weight: 700
}

.privacy_scroll strong {
	font-weight: 500;
	color: #232520
}

.board_view img {
	max-width: 100%
}

.board_view_top h3 {
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 1.22
}

.board_view_top .date {
	display: block;
	margin-top: 2rem;
	font-size: 2.2rem;
	color: #666
}

.board_view_top .state {
	display: block;
	width: 11rem;
	line-height: 4.7rem;
	text-align: center;
	border-radius: 3px;
	font-size: 2.2rem;
	color: #fff;
	background: #647f86
}

.board_view_top .top {
	overflow: hidden;
	margin-bottom: 3rem
}

.board_view_top .top .state {
	float: left
}

.board_view_top .top .date {
	float: right;
	margin-top: 0;
	line-height: 4.7rem
}

.tab_menu+.board_view_top {
	margin-top: 4rem
}

.file_list {
	margin-top: 2rem
}

.file_list a {
	display: inline-block;
	padding: 1rem 2rem;
	border-radius: 3px;
	font-size: 2.2rem;
	color: #666;
	background: #efefef
}

.board_view_contents {
	margin: 3rem 0 0;
	padding: 4rem 1.5rem 6rem;
	border-top: 1px solid #232520;
	border-bottom: 1px solid #e9e9e9;
	font-size: 2.6rem;
	color: #666;
	line-height: 1.53
}

.table_view {
	width: 100%;
	margin-top: 4rem;
	border-top: 1px solid #232520;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed
}

.table_view th, .table_view td {
	padding: 1.7rem 1rem;
	border-bottom: 1px solid #e9e9e9;
	font-size: 2.6rem;
	color: #666;
	text-align: left;
	line-height: 1.764
}

.table_view th {
	width: 19rem;
	padding-left: 2rem;
	border-right: 1px solid #e9e9e9;
	color: #232520;
	font-weight: 700;
	line-height: 1.4
}

.table_view td {
	padding: 1.7rem 2rem
}

.table_view img {
	max-width: 100%
}

.table_view .q_cont, .table_view .a_cont {
	position: relative;
	padding: 1rem 0
}

.table_view .q_cont .title, .table_view .a_cont .title {
	font-size: 3rem;
	font-weight: 700;
	color: #232520
}

.table_view .a_cont .title {
	color: #647f86
}

.table_view .a_cont .date {
	position: absolute;
	top: .5rem;
	right: 0
}

.table_view .q_cont .cont, .table_view .a_cont .cont {
	margin-top: 2rem;
	line-height: 1.53
}

#identification {
	padding: 8rem;
	text-align: center;
	background: #f3f5f6
}

#identification h3 {
	font-size: 4rem;
	color: #232520;
	font-weight: 700
}

#identification .stxt {
	margin: 1.1rem 0 3.5rem;
	font-size: 2.4rem;
	color: #666
}

#identification .fbox {
	margin: auto
}

#identification input[type="text"] {
	height: 8rem;
	margin-bottom: 1.3rem;
	border-color: #dfe2e3
}

#identification input[type="submit"] {
	width: 100%;
	margin-top: .6rem
}

.no_data {
	border-top: 1px solid #232520;
	border-bottom: 1px solid #e9e9e9;
	font-size: 2.6rem !important;
	text-align: center;
	padding: 10rem !important;
	color: #666
}

#error {
	position: absolute;
	top: 50%;
	left: 5%;
	right: 5%;
	padding-top: 28rem;
	text-align: center;
	transform: translateY(-50%);
	background: url(/mobile/images/error_404.jpg) no-repeat center top;
	background-size: 23.4rem auto
}

#error * {
	word-break: keep-all
}

#error strong {
	font-size: 4.8rem;
	font-weight: 700
}

#error p {
	margin-top: 3.4rem;
	font-size: 2.4rem;
	line-height: 1.545
}

#error a {
	display: block;
	width: 25rem;
	margin: 6rem auto 0
}

#error.t_505 {
	background-image: url(/mobile/images/error_500.jpg)
}

#error .customer {
	display: inline-block;
	margin-top: 3rem;
	padding: .8rem 3.5rem;
	border-radius: 2rem;
	font-size: 2.4rem;
	color: #647f86;
	font-weight: 700;
	background: #ecf4f6
}

#error .customer span {
	display: block;
	padding: 0 1rem
}

.center-link {
	width: 100%;
	padding: 11px 0;
	text-align: center;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	border-radius: 4px;
	background: #242424;
	color: #fff
}

.center-link svg {
	margin-left: 7px
}