@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'; 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: '한돈'; font-weight: 300;}

/* header */
.pt_header{position:relative; z-index: 100;}
.pt_header .content { position: relative; width:1200px;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 .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'; 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;}

.gnb_wrap{display: flex; align-items: center; max-width: 1200px; 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; background-color: #fff; z-index: 100; height: auto;}
.gnb > ul{ display: flex; max-width: 1300px; 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: #000;}
.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: 205%; 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);}
}

.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) {
	.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: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 {width: auto; max-height:28px;margin:0 auto;line-height:0;text-align:center;display:inline;}
	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%; background-color: #fff; z-index: 100;}
	.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;}
	.gnb_open_btn i { line-height: 1.6em; font-size: 2.5rem; color: #333; }
	.mob_gnb_layer { display: none; font-size: 0.6em; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 60; min-width: 280px; background-color: rgba(0,0,0,0.1); }
	.mob_gnb_layer > .cont_box { position: absolute; width: 100%; height: 100%; top: 0; right: -100%; }
	.mob_gnb_head { height: 7.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: 3.75em; }
	.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: 2.125em; 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: 2.4em; 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; }
	.mob_gnb .sub_menu_list { display: none; }
	.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 i { font-size: 3em; }
	.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: 1.8em; }
	.mob_gnb .gnb_menu_list > li > div { padding: 0 0.6em; }
	.mob_gnb .sub_menu_list li a { padding: 0 1em; }
}