@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: 1240px; 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;}
/* .pt_header .content { position: relative; z-index: 10; width:1200px;margin:0 auto; display: flex; align-items: center; justify-content: center; }  */
.pt_header .content { position: relative; z-index: 10; width: 100%; max-width:1200px;margin:0 auto; display: flex; align-items: center; justify-content: center; } 
.pt_header .site {background-color:#fff; border-bottom:1px solid #d1d1d1; padding-top:6px}
/* .pt_header .site .content div {display:inline-block; margin-bottom:-1px}
.pt_header .site .content div a{display: block; width: 100%;}
.pt_header .site .content div img{display: block; width: 100%;} */
/* 230828 J add */
.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'; */font-family: 'Pretendard',Arial,sans-serif; 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;}

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}

.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_menu{ width: 100%; height: 100px; box-shadow: 0px 0px 10px 0px rgba(153, 153, 153, 1); position: relative; background-color: #fff;}
.header_menu .guide{ height: 100%; display: flex; align-items: center;}
.header_menu .logo{display: flex; align-items: center;}
.header_menu .logo a{display: block; width: 100%;}
.gnb{margin-left: auto; height: 100%;}
.gnb > ul{display: flex; align-items: center; height: 100%; }
.gnb > ul > li{ position: relative; height: 100%;}
.gnb > ul > li > a{ position: relative; font-size: 1.1rem; font-weight: 600; color: #000; display: flex; align-items: center; width: 100%; height: 100%; padding: 0 1.25em;}
.gnb > ul > li > ul{ display: none; flex-flow: column wrap; position: absolute; top: calc(100% - 20px); left: 50%; transform: translateX(-50%); z-index: 10; background-color: #fff; width: 10.625em; border-radius: 10px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); text-align: center; padding: 1.19em 0;}
.gnb > ul > li > ul > li{width: 100%;}
.gnb > ul > li > ul > li > a{ display: block; width: 100%; color: #000; padding: 10px 0; font-size: 1rem;}
.gnb > ul > li > ul > li:hover > a{color: #ffc021 !important; font-weight: 700;} 

/* .gnb > ul > li:first-child > ul{ height: 16em; width: 21.25em;}
.gnb > ul > li:first-child > ul > li{width: 50%;} */

/* .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_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_wrap */
	.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: #333; }
	.mob_gnb_wrap { font-size: 0.9em; z-index: 500; width: 100%; min-width: 280px; position: fixed; top: 0; bottom: 0; left: 0; display: none; overflow: hidden; background-color: rgba(0, 0, 0, 0.06); }
	.mob_gnb_wrap .mob_gnb { width: 100%; height: 100%; background-color: #fff; position: absolute; right: -100%; overflow-y: auto; }
	.mob_gnb_wrap .mob_gnb .mob_gnb_top { width: 100%; height: 6.5em; position: relative; }
	.mob_gnb_wrap .mob_gnb .mob_gnb_top .user_info_wrap, 
	.mob_gnb_wrap .mob_gnb .mob_gnb_top .right { position: absolute; top: 50%; transform: translateY(-50%); }
	.mob_gnb_wrap .mob_gnb .mob_gnb_top .user_info_wrap { left: 0; font-size: 1.33em; font-weight: bold; }
	.mob_gnb_wrap .mob_gnb .mob_gnb_top .user_info_wrap a { display: flex; align-items: center; color: rgba(0,0,0,0.5) !important; padding: 0 1.15em; font-size: 12px; }
	.mob_gnb_wrap .mob_gnb .mob_gnb_top .user_info_wrap a i{font-size: 1.57em; margin-right: 8px;}
	.mob_gnb_wrap .mob_gnb .mob_gnb_top .user_info_wrap a + a { border-left: 1px solid #e5e5e5; }
	.mob_gnb_wrap .mob_gnb .mob_gnb_top .user_info_wrap a.active { opacity: 1; }
	.mob_gnb_wrap .mob_gnb .mob_gnb_top .right { right: 2.5%; }
	.mob_gnb_wrap .mob_gnb .mob_gnb_top .right .search_icon,
	.mob_gnb_wrap .mob_gnb .mob_gnb_top .right .mob_gnb_btn { display: block; float: left; font-size: 2em; width: 1.9em; }
	.mob_gnb_wrap .mob_gnb .mob_gnb_top .right .search_icon { }
	.mob_gnb_wrap .mob_gnb .mob_gnb_top .right .mob_gnb_btn { color: #999; }
	.mob_gnb_wrap .mob_gnb > ul { width: 100%; margin-top: 1.5em; }
	.mob_gnb_wrap .mob_gnb > ul > li { position:relative; cursor: pointer; }
	.mob_gnb_wrap .mob_gnb > ul > li .mob_menu_more { position: absolute; width: 0.9em; height: 0.9em; top: 46%; right: 5%; transform: translateY(-50%); }
	.mob_gnb_wrap .mob_gnb > ul > li .mob_menu_more span { display: block; width: 100%; height: 2px; background-color: #999; position: absolute; top: 50%; }
	.mob_gnb_wrap .mob_gnb > ul > li .mob_menu_more span:nth-child(2) { opacity: 1; transform: rotate(90deg); }
	.mob_gnb_wrap .mob_gnb > ul > li.select .mob_menu_more span:nth-child(1) { background-color: #ffc021;  }
	.mob_gnb_wrap .mob_gnb > ul > li.select .mob_menu_more span:nth-child(2) { opacity: 0; }
	.mob_gnb_wrap .mob_gnb > ul > li.select > div { color: #ffc021; }
	.mob_gnb_wrap .mob_gnb > ul > li > div { position: relative; font-size: 2em; font-weight: bold; line-height: 2.8em; padding: 0 5%; }
	.mob_gnb_wrap .mob_gnb > ul > li > ul { display: none; }
	.mob_gnb_wrap .mob_gnb > ul > li > ul > li { font-size: 1.4em; line-height: 2.8em; }
	.mob_gnb_wrap .mob_gnb > ul > li > ul > li a { display: block; padding: 0 5%; }
	.mob_gnb_wrap .mob_gnb > ul > li > ul > li.select { color: #ffc021; }

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