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

/* common */
/* basic-alink */
a {
	color: #333 !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', 'Noto Sans KR', Arial, sans-seri;
	font-weight: 400;
	font-size: 18px;
	color: #333 !important;
}

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

.guide {
	/* width: 92%; */
	max-width: 1500px;
	margin: 0 auto;
	padding: 0 20px;
}

.point_color {
	color: #ffc021 !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: '한돈';
	font-weight: 300;
}

/* header */

.pt_header{position:relative; z-index: 100;border-bottom: 1px solid #fff;}
.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 !important;}
.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.8%;
	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 > 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;
}



/* .header_menu fix */
.header_menu.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	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);
	}
}

@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 {
	position: relative;
	width: 100%;
	background-color: #494949;
	overflow: initial;
}

footer.pt_footer .sns_wrap {
	display: flex;
	align-items: center;
	position: absolute;
	top: -2.94em;
	right: 0;
}

footer.pt_footer .sns_wrap .sns {
	display: flex;
	align-items: center;
	margin-left: 10px;
	width: 3.75em;
	height: 3.75em;
}

footer.pt_footer .sns_wrap .sns a {
	display: block;
}

footer.pt_footer .sns_wrap .sns img {
	display: block;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
}

footer.pt_footer .footer_inner {
	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;
	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 {
	color: #ccc;
}

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: 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: 979px) {
	.wrap {
		min-width: 0px;
	}

	.pt_mobile_header {
		display: block;
		max-width: 100%;
	}

	.pt_header {
		display: none;
	}

	/* header */
	/* site */
	header.pt_mobile_header .site {
		background-color: #f2ebe5;
		max-width: 100%;
	}

	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:frist-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 {
		max-height: 28px;
		margin: 0 auto;
		line-height: 0;
		text-align: center;
		display: inline;
		width: auto;
	}

	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;}
	.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: 30% !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);}
	}


	/* header_menu */
	header.pt_mobile_header .header_menu {
		width: 100%;
		height: 4em;
		position: relative;
		z-index: 100;
		background-color: #fff;
		box-shadow: none;
	}

	header.pt_mobile_header .header_menu_inner {
		position: relative;
		width: 92%;
		height: 100%;
		margin: 0 auto;
		display: flex;
		align-items: center;
	}

	header.pt_mobile_header .header_menu .logo {
		width: 1.5em;
		display: flex;
		margin: 0 !important;
	}

	header.pt_mobile_header .header_menu .logo a,
	header.pt_mobile_header .header_menu .logo img {
		display: block;
		margin: 0 !important;
	}

	header.pt_mobile_header .header_menu .logo::before {
		display: none !important;
	}

	/* header_menu fix */
	header.pt_mobile_header .header_menu.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 { position:absolute; top:50%; right:0; transform:translateY(-50%); width:auto; height:100%; cursor:pointer; }
	.gnb_open_btn i { line-height:1.6em; font-size:2.5rem; color:#fff; }
	.mob_gnb_layer { 
		font-size:0.9em; z-index:500; width:100%; min-width:280px; 
		position:fixed; inset:0; display:none; overflow:hidden; 
		background:rgba(0,0,0,0.06);
	}
	.mob_gnb_layer > .cont_box {
		position:absolute; top:0; right:-100%;
		width:100%; height:100%; background:#fff; overflow-y:auto;
		transition:right .3s ease;
	}
	.mob_gnb_layer.is-open { display:block; }
	.mob_gnb_layer.is-open > .cont_box { right:0; }
	.mob_gnb_head { 
		width:100%; height:6.5em; position:relative; 
		display:block; padding:0; border-bottom:1px solid #e9e9e9; background:#fff;
	}
	.mob_gnb_head .member_menu { 
		position:absolute; top:50%; left:0; transform:translateY(-50%); 
		font-size:1.33em; font-weight:bold; display:flex; align-items:center;
	}
	.mob_gnb_head .member_menu a { 
		display:flex; align-items:center; color:rgba(0,0,0,0.5)!important; 
		padding:0 1.15em; font-size:12px;
	}
	.mob_gnb_head .member_menu a i { font-size:1.57em; margin-right:8px; }
	.mob_gnb_head .member_menu a + a { border-left:1px solid #e5e5e5; }
	.mob_gnb_head .mob_gnb_btn_area { 
		position:absolute; top:50%; right:2.5%; transform:translateY(-50%); 
	}
	.mob_gnb_head .mob_gnb_btn_area .mob_gnb_btn,
	.mob_gnb_head .mob_gnb_btn_area .search_icon {
		display:block; float:left; font-size:2em; width:1.9em; text-align:center;
	}
	.mob_gnb_head .mob_gnb_btn_area .mob_gnb_btn { color:#999; }
	.mob_gnb_body { height:auto; display:block; position:relative; }
	.mob_gnb_body .left_area { width:100%; margin:0; background:#fff; }
	.mob_gnb_body .right_area { display:none; }
	.mob_gnb .gnb_menu_list { width:100%; margin-top:1.5em; }
	.mob_gnb .gnb_menu_list > li { position:relative; cursor:pointer; }
	.mob_gnb .gnb_menu_list > li > div {
		position:relative; font-size:2em; font-weight:bold; 
		line-height:2.8em; padding:0 5%; color:#333; background:#fff;
	}
	.mob_gnb .gnb_menu_list > li > div::before,
	.mob_gnb .gnb_menu_list > li > div::after {
		content:""; position:absolute; top:50%; right:5%; transform:translateY(-50%);
		width:0.9em; height:2px; background:#999; transition:opacity .2s ease, background .2s ease, transform .2s ease;
	}
	.mob_gnb .gnb_menu_list > li > div::after {
		transform:translateY(-50%) rotate(90deg); /* 세로 막대 */
	}
	.mob_gnb .gnb_menu_list > li > ul.sub_menu_list { display:none; }
	.mob_gnb .gnb_menu_list > li > ul.sub_menu_list > li {
		font-size:1.4em; line-height:2.8em; border-top:1px solid #f3f3f3;
	}
	.mob_gnb .gnb_menu_list > li > ul.sub_menu_list > li a { 
		display:block; padding:0 5%; color:#333; 
	}
	.mob_gnb .gnb_menu_list > li.active > div,
	.mob_gnb .gnb_menu_list > li.select > div { color:#ffc021; }
	.mob_gnb .gnb_menu_list > li.active > div::after,
	.mob_gnb .gnb_menu_list > li.select > div::after { opacity:0; }
	.mob_gnb .gnb_menu_list > li.active > div::before,
	.mob_gnb .gnb_menu_list > li.select > div::before { background:#ffc021; }
	.mob_gnb .gnb_menu_list > li.active > ul.sub_menu_list,
	.mob_gnb .gnb_menu_list > li.select > ul.sub_menu_list { display:block; }
	.left_area .mob_gnb { height:auto; max-height:calc(100dvh - 6.5em); overflow-y:auto; }
	.mob_gnb .gnb_menu_list > li > div:focus { outline:2px solid #ffc021; outline-offset:2px; }

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

@media(max-width: 600px) {

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

	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 .sns_wrap {
		top: -30px;
	}

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

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

	footer.pt_footer .footer_related_logo {
		position: absolute;
		top: 2.5em;
		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: 90px;
	}

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

@media(max-width: 540px) {
	.pt_footer .sns_wrap .sns img {
		width: 40px;
		height: 40px;
	}

	footer.pt_footer .sns_wrap .sns {
		width: 45px;
		height: 40px;
	}

	footer.pt_footer .sns_wrap {
		top: -15px;
	}
}

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

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

	.mob_gnb_wrap .mob_gnb>ul>li>div {
		font-size: 1.7em;
	}

	.mob_gnb_wrap .mob_gnb>ul>li>ul>li {
		font-size: 1.2em;
	}
}