@charset "utf-8";
@import url(pretendard_font.css);
@import url(handon_font.css);

/* common */
/* basic-alink */
/* a {color:#fff !important; } */
a:link {
	color: inherit;
}

a:visited {
	color: inherit;
}

a:active {
	color: inherit;
}

a:hover {
	color: inherit;
	font-weight: inherit;
}

* {
	box-sizing: border-box;
	word-break: keep-all;
}

html,
body {
	width: 100%;
	font-family: 'Pretendard';
	font-weight: 400;
	font-size: 18px;
	color: #333 !important;
}

.wrap {
	position: relative;
	width: 100%;
	/* overflow-x: hidden; */
}

.guide {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
}

.point_color {
	color: #f9a019 !important;
}

@media (max-width: 979px) {

	html,
	body {
		font-size: 16px;
	}
}

@media (max-width: 660px) {

	html,
	body {
		font-size: 15px;
	}
}

/* font style */
.handon_ft {
	font-family: 'Pretendard';
	font-weight: 700;
}

/* header */
.pt_header {
	position: relative;
	z-index: 100;
	border-bottom: 1px solid #fff;
	background-color: rgb(0, 137, 242);
}

.pt_header:hover {
	background-color: #fff;
}

.pt_header .content {
	position: relative;
	width: 100vw;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
}

.pt_header .site {
	background-color: #fff;
	border-bottom: 1px solid #d1d1d1;
	padding-top: 6px
}

.pt_header .content .header_tab_cont_wrap {
	background-color: #fbe8b8;
	border-radius: 5em;
	padding: 8px;
	display: flex;
	align-items: center;
	width: 700px;
	margin-bottom: 12px;
}

.pt_header .site .content .header_tab_cont {
	width: 33.33%;
	height: 2.5em;
	border-radius: 5em;
}

.pt_header .site .content .header_tab_cont a {
	filter: grayscale(1);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	background-color: transparent;
	border-radius: 5em;
}

.pt_header .site .content .header_tab_cont.on a {
	background-color: #ffc021;
	filter: grayscale(0);
}

.pt_header .site .content .header_tab_cont .tab_cont_text {
	padding-left: 10px;
	font-weight: 700;
	font-family: 'Pretendard';
	color: #000;
	font-size: 0.95rem;
}

.pt_header .site .content .header_tab_cont img {
	display: block;
	width: 8.125em;
	margin: 0 auto;
}

.pt_header .site .content .header_tab_cont.tab_cont01 img,
.pt_header .site .content .header_tab_cont.tab_cont02 img {
	width: 1.875em;
	margin: 0;
}



.pt_header .site .content div.userInfo {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	font-size: 14px;
	margin-left: auto;
	display: flex;
}

.pt_header .site .content div.userInfo a {
	margin: auto 10px auto 10px
}

.pt_header .site .content div.userInfo a:last-child {
	margin-right: 0;
}

.pt_header .site .content div.userInfo .member_info {
	display: none;
}

body.gnb-open {
	overflow: hidden;
	height: 100%;
	touch-action: none;
}


.gnb_wrap {
	display: flex;
	align-items: center;
	max-width: 90vw;
	margin: 0 auto;
}

.pt_header .logo_wrap {
	width: 20%;
}

.pt_header .logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.pt_header .logo a {
	height: 100%;
	display: inline-flex;
	align-items: center;
}

.gnb {
	width: 80%;
	position: relative;
	z-index: 100;
	height: auto;
}

.gnb>ul {
	display: flex;
	margin: 0 auto;
	width: 92%;
}

.gnb>ul>li {
	width: 16.67%;
	text-align: center;
	position: relative;
}

.gnb>ul>li>a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 4.25em;
	font-size: 1.1rem;
	font-weight: 600;
	color: #fff !important;
}

.gnb>ul>li>a:hover {
	color: #f9a019;
}

.pt_header:hover .gnb>ul>li>a {
	color: #222222 !important;
}

.gnb>ul>li>ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	padding: 9px 0;
	z-index: 1;
}

.gnb>ul>li>ul>li>a {
	display: block;
	font-size: 0.9rem;
	padding: 11px;
	transition: all 0.2s;
}

.gnb_bg {
	position: absolute;
	top: 100%;
	left: -65%;
	display: none;
	/* background: url(../img/common/header_open_bg.png) no-repeat bottom 1.875em right 4%; */
	background-color: #fff;
	width: 171.4%;
	height: 316px;
	color: #000;
	/* background-size: 13.55%; */
	box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.15);
}

.gnb_bg::after {
	content: "";
	display: block;
	height: 1px;
	background-image: linear-gradient(to right, #f2f2f2 58%, rgba(255, 255, 255, 0) 0%);
	background-position: top;
	background-size: 12px 1px;
	background-repeat: repeat-x;
	box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.15);
}

.gnb>ul>li>ul>li:hover>a {
	color: #f9a019 !important;
}

/* .gnb fix*/
/* .gnb.fixed{position: fixed; top: 0; left: 0; z-index: 100; width: 100%; animation: ani_dropdown .5s cubic-bezier(.215,.61,.355,1); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);}
.gnb.fixed .gnb_bg{width: 100%; left: 0;}
@keyframes ani_dropdown {
  0%{-webkit-transform: translateY(-100%); transform: translateY(-100%);}
  100%{-webkit-transform: translateY(0); transform: translateY(0);}
} */
.gnb>ul>li:hover>ul {
	display: block;
	background-color: #fff;
}

.gnb>ul>li:hover~.gnb_bg {
	display: block;
	background-color: #fff;
}

.pt_header:hover .gnb>ul>li>ul {
	display: block;
	background-color: #fff;
}

.pt_header:hover .gnb_bg {
	display: block;
}



.pt_header .site .content div.userInfo {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	font-size: 14px;
	margin-left: auto;
	display: flex;
}

.pt_header .site .content div.userInfo a {
	margin: auto 10px auto 10px
}

.pt_header .site .content div.userInfo a:last-child {
	margin-right: 0;
}

.pt_header .site .content div.userInfo .member_info {
	display: none;
}

header.pt_header {
	position: relative;
}

header.pt_header .site {
	background-color: #f3f3f3;
	border-bottom: 1px solid #ddd;
	padding-top: 6px
}

/*header.pt_header .site .content div {display:inline-block; margin-bottom:-1px}*/
header.pt_header .site .content div.userInfo {
	display: inline-block;
	margin-top: -6px;
	font-size: 14px;
	padding-left: 38px
}

header.pt_header .site .content div.userInfo a {
	margin: auto 10px auto 10px
}

header.pt_header .logoWp {
	box-shadow: 0px 0px 10px #999;
}

header.pt_header .logoWp .logo {
	width: 91px;
	margin: 0 auto;
}

header.pt_header .logoWp .logo img {
	margin-top: -10px;
}

header.pt_header .combSch {
	width: 210px;
	float: right;
	margin-top: -55px;
}

header.pt_header .combSch button {
	background-color: #a88f7b
}

@media(max-width: 1300px) {
	header.pt_header .site .content div.userInfo {
		right: 10px;
	}

	header.pt_header .site .content div.userInfo a {
		margin: 0 5px;
	}

	/* .pt_header .content .header_tab_cont_wrap {
		width: 600px;
	} */
}


/* footer */
footer.pt_footer {
	height: auto;
	padding: 0;
}

footer.pt_footer .footer_top {
	border-bottom: 1px solid #ccc;
}

footer.pt_footer .footer_top .inner {
	display: flex;
	align-items: center;
}

footer.pt_footer .footer_top .footer_top_tit {
	width: 10%;
	text-align: center;
	color: #fff;
	color: #ccc;
	font-weight: 700;
}

/* 230713 J add */
footer.pt_footer .footer_top ul {
	display: flex;
	align-items: center;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 90%;
}

footer.pt_footer .footer_top ul li {
	width: 25%;
}

footer.pt_footer .footer_top ul li+li {
	border-left: 1px solid #ccc;
}

footer.pt_footer .footer_top ul li a {
	display: block;
	width: 100%;
	height: 3em;
	line-height: 3em;
	font-size: 1.25em;
	font-weight: 700;
	color: #fff !important;
	text-align: center;
}

footer.pt_footer {
	position: relative;
	width: 100%;
	background-color: #494949;
}

footer.pt_footer .footer_bottom {
	display: flex;
	align-items: center;
	padding: 2.25em 0;
}

footer.pt_footer .footer_logo {
	width: 6.875em;
	margin-right: 1.625em;
}

footer.pt_footer .footer_logo a {
	display: block;
}

footer.pt_footer .footer_logo img {
	display: block;
	width: 100%;
	filter: gray;
	-webkit-filter: grayscale(100%);
	opacity: 0.5;
}

footer.pt_footer .terms_wrap {
	display: flex;
	align-items: center;
	color: #fff;
	font-weight: 700;
}

footer.pt_footer .terms_wrap a {
	display: block;
	margin-right: 1.875em;
	color: #fff !important;
}

footer.pt_footer .info_list {
	width: 80%;
	margin-top: 1em;
	display: flex;
	flex-wrap: wrap;
}

footer.pt_footer .info_list .info {
	display: flex;
	align-items: center;
	color: #ccc;
	font-size: 12px;
	line-height: 1.67em;
}

footer.pt_footer .info_list .info span.tit {
	margin-right: 2px;
}

footer.pt_footer .info_list .info::after {
	content: "";
	width: 1px;
	height: 12px;
	background-color: #626262;
	margin: 0 10px;
}

footer.pt_footer .info_list .info:nth-child(3)::after,
footer.pt_footer .info_list .info:last-child::after {
	display: none;
}

footer.pt_footer .footer_related_logo {
	margin-left: auto;
	width: 8.5em;
}

footer.pt_footer .footer_related_logo img {
	display: block;
	width: 100%;
}


/*모바일*/

/* mobile header */
.pt_mobile_header {
	display: none;
}

.pt_header .site .content .header_tab_cont.tab_cont03 img.mobileHeaderLogo {
	display: none;
}

@media(max-width: 1000px) {
	.gnb {
		display: flex;
		justify-content: flex-end;
		padding: 0 10px;
	}

	.gnb>ul {
		margin: 0;
	}

	.gnb>ul>li {
		width: 18%;
	}

	.gnb>ul>li>a {
		font-size: 1em;
	}

	.pt_header .content .header_tab_cont_wrap {
		/* width: 500px; */
	}

	.pt_header .site .content .header_tab_cont .tab_cont_text {
		padding-left: 5px;
		font-size: 14px;
	}

	header.pt_header .site .content div.userInfo a {
		font-size: 13px;
	}
}

@media(max-width: 979px) {

	body.gnb-open .main_section01,
	body.gnb-open .guide,
	body.gnb-open .swiper,
	body.gnb-open .swiper-button-prev,
	body.gnb-open .swiper-button-next {
		display: none !important;
	}

	.pt_mobile_header {
		display: block;
		position: relative;
		/* z-index: 100; */
		max-width: 100%;
	}

	.pt_header {
		display: none;
	}

	/* site */
	header.pt_mobile_header .site {
		background-color: #f2ebe5;
	}

	header.pt_mobile_header .site ul {
		overflow: hidden;
		width: 100%;
		display: flex;
		align-items: center;
	}

	header.pt_mobile_header .site li {
		width: 33.33%;
		border-left: 1px solid #d8d2cd;
		border-bottom: 1px solid #d8d2cd;
		background-color: #f2ebe5
	}

	header.pt_mobile_header .site li:first-child {
		border-left: 0
	}

	header.pt_mobile_header .site li a {
		display: block;
		padding: 6px 0
	}

	header.pt_mobile_header .site li.on {
		border-bottom-color: #f8f8f8;
		background-color: #f8f8f8;
	}

	header.pt_mobile_header .site li.on .thumbWp .onImg {
		display: block
	}

	header.pt_mobile_header .site li.on .thumbWp .hoverImg {
		display: none
	}

	header.pt_mobile_header .site li .thumbWp {
		text-align: center
	}

	header.pt_mobile_header .site li .thumbWp .logoB {
		display: inline-block;
		vertical-align: middle;
	}

	header.pt_mobile_header .site li .thumbWp img {
		width: auto;
		max-height: 28px;
		margin: 0 auto;
		line-height: 0;
		text-align: center;
		display: block;
	}

	header.pt_mobile_header .site li .thumbWp .onImg {
		display: none
	}

	header.pt_mobile_header .site li .thumbWp .hoverImg {
		display: block
	}

	header.pt_mobile_header .site li.mall {
		background-color: #f2ebe5
	}

	/* header_btm */
	.header_btm {
		position: relative;
		width: 100%;
		/* z-index: 100; */
		border-bottom: 1px solid #fff;
		background-color: rgb(0, 137, 242);
	}

	.header_btm .header_btm_inner {
		height: 4em;
		width: 92%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		/*background-image: linear-gradient(to right, #f2f2f2 58%, rgba(255,255,255,0) 0%);*/
		background-position: bottom;
		background-size: 12px 1px;
		background-repeat: repeat-x;
	}

	.header_btm .logo {
		width: 12em;
		margin: 0 !important;
	}

	.header_btm .logo a {
		display: block;
		width: 100%;
	}

	.header_btm .logo img {
		display: block;
		width: auto !important;
		height: auto !important;
	}

	/* .header_btm fix */
	.header_btm.fixed {
		position: fixed;
		top: 0;
		left: 0;
		animation: ani_dropdown .5s cubic-bezier(.215, .61, .355, 1);
		box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
	}

	@keyframes ani_dropdown {
		0% {
			-webkit-transform: translateY(-100%);
			transform: translateY(-100%);
		}

		100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}

	/* mob gnb */
	.gnb_open_btn {
		width: auto;
		height: 100%;
		cursor: pointer;
		margin: 0;
		display: block;
	}

	.gnb_open_btn i {
		line-height: 1.6em;
		font-size: 2.5rem;
		color: #fff;
	}

	.mob_gnb_layer {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		z-index: 9999;
		display: none;
	}

	.mob_gnb_layer>.cont_box {
		position: absolute;
		top: 0;
		right: -100%;
		width: 100%;
		height: 100%;
		transition: right 0.3s ease;
		background-color: #fff;
		z-index: 9999;
	}

	.mob_gnb_head {
		height: 5em;
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #777;
		padding: 0 1em 0 3em;
		background-color: #fff;
		border-bottom: 1px solid #d6d6d6;
	}

	.mob_gnb_head .member_menu {
		margin: 0;
	}

	.mob_gnb_head i {
		font-size: 2.5em;
	}

	.mob_gnb_head .menu_list li {
		float: left;
		font-weight: bold;
	}

	.mob_gnb_head .menu_list li a,
	.mob_gnb_head .mob_gnb_btn_area {
		display: flex;
		align-items: center;
		margin: 0;
	}

	.mob_gnb_head .menu_list li span {
		font-size: 2em;
		padding-left: 0.2em;
	}

	.mob_gnb_head .mob_gnb_btn {
		padding: 0 1em;
		cursor: pointer;
	}

	.mob_gnb_head .mob_gnb_btn a {
		display: flex;
	}

	.mob_gnb_body {
		height: calc(100% - 7.5em);
		display: flex;
		position: relative;
	}

	.mob_gnb_body .left_area {
		width: 45%;
		margin: 0;
		background-color: #f9a019;
	}

	.mob_gnb_body .right_area {
		width: 55%;
		margin: 0;
		background-color: #f5f5f5;
	}

	.mob_gnb .gnb_menu_list>li>div,
	.mob_gnb .gnb_menu_list a {
		font-size: 4vw;
		line-height: 2.43em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.mob_gnb .gnb_menu_list .sub_menu_list {
		position: absolute;
		width: 55%;
		height: 100%;
		left: 45%;
		top: 0;
		overflow-y: auto;
	}

	.mob_gnb .gnb_menu_list .sub_menu_list a {
		display: block;
	}

	.mob_gnb .gnb_menu_list>li+li {
		margin-top: 1.56em;
	}

	.mob_gnb .gnb_menu_list>li>div {
		color: #fff;
		background-color: #f9a019;
		padding: 0 1em;
		position: relative;
		z-index: 2;
	}

	.mob_gnb .sub_menu_list {
		display: none;
		position: absolute;
		z-index: 1;
	}

	.mob_gnb .sub_menu_list li {
		border-bottom: 1px solid #d6d6d6;
	}

	.mob_gnb .sub_menu_list li a {
		padding: 0 1.3em;
	}

	.mob_gnb .gnb_menu_list>li.active>div {
		background-color: #fff;
		color: #f9a019;
		font-weight: bold;
		box-shadow: 0 0.3em 0.3em rgba(0, 0, 0, 0.15);
	}

	.mob_gnb .gnb_menu_list>li.active .sub_menu_list {
		display: block;
	}

	.left_area .mob_gnb {
		height: 100%;
		overflow-y: auto;
	}

	.left_area .eng_btn {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 4.7em;
		width: 45%;
		position: absolute;
		left: 0;
		bottom: 2em;
		color: #fff;
	}

	.left_area .eng_btn i {
		font-size: 3.75em;
		padding-top: 1px;
	}

	.left_area .eng_btn span {
		font-size: 1.875em;
		font-weight: bold;
		padding-left: 0.5em;
	}

	.mob_gnb .gnb_menu_list>li+li {
		cursor: pointer
	}

	footer.pt_footer .footer_top ul li a {
		font-size: 1em;
	}

	footer.pt_footer .footer_top .footer_top_tit {
		font-size: 0.9em;
	}
}

@media(max-width: 860px) {
	.pt_header .site .content .header_tab_cont.tab_cont02 .tab_cont_text {
		display: none;
	}

	.pt_header .site .content .header_tab_cont.tab_cont03 img {
		display: none;
	}

	.pt_header .site .content .header_tab_cont.tab_cont03 img.mobileHeaderLogo {
		display: block;
		height: 30px;
		width: auto;
		object-fit: contain;
	}

	.pt_header .site .content .header_tab_cont.tab_cont02 a::after {
		content: "한돈자조금";
		font-weight: 700;
		font-family: 'Pretendard';
		color: #000;
		padding-left: 5px;
		font-size: 14px;
	}

	.pt_header .content .header_tab_cont_wrap {
		width: 50%;
	}

	.gnb>ul {
		max-width: 100%;
		width: 100%;
	}

	.gnb>ul>li {
		width: calc(100% / 6);
	}
}

@media(max-width: 660px) {

	/* footer */
	.guide {
		width: 100%;
	}

	footer.pt_footer .footer_top ul {
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		border: 0;
	}

	footer.pt_footer .footer_top ul li {
		width: 50%;
		border-bottom: 1px solid #fff;
	}

	footer.pt_footer .footer_top ul li a {
		height: 3em;
		line-height: 3em;
		font-size: 1.125em;
	}

	footer.pt_footer .footer_top .footer_top_tit {
		display: none;
	}

	footer.pt_footer .footer_top ul li:nth-child(3) {
		border-left: 0;
		border-bottom: 0;
	}

	footer.pt_footer .footer_top ul li:nth-child(4) {
		border-bottom: 0;
	}

	footer.pt_footer .footer_bottom {
		width: 92%;
		margin: 0 auto;
		padding: 2.25em 0;
		position: realtive;
	}

	footer.pt_footer .footer_logo {
		position: absolute;
		top: 10px;
		max-height: 70px;
	}

	footer.pt_footer .footer_related_logo {
		position: absolute;
		top: 10px;
		right: 4%;
		max-height: 55px;
	}

	footer.pt_footer .footer_logo img,
	footer.pt_footer .footer_related_logo img {
		height: 100%;
		width: auto;
	}

	.footer_info_wrap {
		padding-top: 60px;
	}

	footer.pt_footer .info_list {
		width: 100%;
	}
}

@media(max-width: 400px) {
	footer.pt_footer .info_list {
		flex-flow: column;
	}

	footer.pt_footer .info_list .info::after {
		display: none;
	}

	footer.pt_footer .footer_top ul li a {
		font-size: 15px;
	}
}

@media (max-width: 370px) {
	.mob_gnb_head {
		height: 4em;
	}

	.mob_gnb_head i {
		font-size: 2em;
	}

	.mob_gnb_head .menu_list li span {
		font-size: 1.8em;
	}

	.mob_gnb .gnb_menu_list>li>div,
	.mob_gnb .gnb_menu_list a {
		font-size: 2w
	}

	.mob_gnb .gnb_menu_list>li>div {
		padding: 0 0.6em;
	}

	/* .mob_gnb .gnb_menu_list a { font-size: 2vw;} */
	.mob_gnb .sub_menu_list li a {
		padding: 0 1em;
	}
}