/* 해외주식스탁론 */
:root {
  --main-color: rgb(112,48,160);
}
body {
	opacity:0;
	animation-name: fadeIn;
	animation-duration: 0.2s;
	animation-delay:0.2s;
	animation-iteration-count:1;
	animation-timing-function: ease;
	animation-fill-mode: forwards;  
	font-family:'Noto Sans KR';
}
@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

/* header */
body header {display:-ms-flexbox; display:flex; align-items:center; /* position:fixed; top:0; left:0; */ position:-webkit-sticky; position:sticky; top:0; left:0; width:100%; /* min-height:108px; */ padding-top:36px; z-index:11; transition:all 0.2s ease;}
body header.home {background-color:transparent;}
body header .inner {display:-ms-flexbox; display:flex; justify-content:space-between;  align-items:center; width:100%; max-width:1200px; margin:0  auto;}
body header .inner div.nav {display:-ms-flexbox; display:flex; position:static; top:auto; right:auto; bottom:auto; background-color:rgba(0,0,0,0);}
body header .logo {flex:1;}
body header .logo a {display:inline-block;}
body header .logo h1 {display:flex; align-items:center; height:72px;color:#fff;  font-weight:bold;}
body header .logo h1 strong {display:inline-block; min-width:124px; max-width:180px; font-size:24px; line-height:36px;}

body header .inner div.nav ul.gnb {display:-ms-flexbox; display:flex;}
body header .inner div.nav ul.gnb li {display:-ms-flexbox; display:flex; align-items:center; position:relative; font-size:14px;}
body header .inner div.nav ul.gnb li a {position:relative; padding:27px 20px 16px; color:#fff; text-decoration:none; transition:color 0.2s; letter-spacing:-0.05em;}
/* body header .inner div.nav ul.gnb li a.depth1.active::before {content:""; position:absolute; bottom:0; left:0; width:100%; height:4px; background-color:#000; border-radius:1px;} */
body header .inner div.nav ul.gnb li a.depth1 span {color:#000; font-size:20px; line-height:29px;}
body header .inner div.nav ul.gnb li a.depth1.active span {color:var(--main-color); font-weight:bold;}

/* 상단메뉴 추가 수정 */
body header .inner div.nav ul.gnb {position:relative;}
body header .inner div.nav ul.gnb div.itemmenu {display:none; position:absolute; left:0; min-width:100%; padding:28px 0; z-index:10;}
body header .inner div.nav ul.gnb > li:hover .itemmenu {display:block; top:72px; left:50%; background-color:#fff; border:1px solid #ddd; border-radius:2px; transform:translateX(-50%);}
body header .inner div.nav ul.gnb div.itemmenu ul {display:flex; flex-direction:column; align-items:center; gap:20px; padding:0 24px}
body header .inner div.nav ul.gnb div.itemmenu li {display:block !important; width:100%;}
body header .inner div.nav ul.gnb div.itemmenu li a {display:block; word-break:auto-phrase; padding:0; font-size:20px; line-height:29px; text-align:center;}
body header .inner div.nav ul.gnb div.itemmenu li a.current-page {font-weight:bold;}
body header .inner div.nav ul.gnb div.itemmenu li a.current-page span {color:var(--main-color);}
body header .inner div.nav ul.gnb div.itemmenu li a:hover {background-color:#f9f9f9; border-radius:2px; overflow:hidden;}
/* // 상단메뉴 추가 수정 */

/* 국내/해외 */
header .inner {position:relative;}
header .inner div.lang {display:flex; margin:9px 1em 0; transition:opacity 0.2s ease-in-out; overflow:hidden;}
header .inner div.lang a {display:inline-flex; justify-content:center; align-items:center; width:98px; height:48px; background-color:#ddd; text-align:center; text-decoration:none;}
header .inner div.lang a.active {background-color:#2D3138;}
header .inner div.lang a span {display:inline-block; color:#555; font-size:1em; line-height:1em;}
header .inner div.lang a.active span{color:#fff;}

/* body header.active .inner div.lang {opacity:0;} */
body header.mobile .inner div.lang {margin-right:1em;}
@media only screen and (max-width: 786px) {
    header .inner div.lang {position:static; margin:0;}
	header .inner div.lang a {height:40px;}
	header .inner div.lang a span {font-size:14px;}
}
/* // 국내/해외 */

body header.active {padding-top:0; background-color:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.06);}
body header.active li a {color:#000;}
body header.active li a span {color:#000;}
body header.active li a.active::before {background-color:#000;}

body header:not(.home) .logo h1 {color:#000;}
body header:not(.home) ul li a {color:#000;}
body header:not(.home) ul li a.active::before {background-color:#000;}
body header:not(.home) ul li a span {color:#000;}

@media only screen and (max-width:1200px) {
	body header .inner {padding:0 24px;}
}
@media only screen and (max-width:786px) {
	body header.mobile {height:48px; padding:6px 0;}
	body header.mobile h1 {height:36px; padding:0; color:#fff}
	body header.mobile h1 strong {font-size:0.875em; line-height:1.28571em;}
	body header.mobile h1 strong img {width:auto; height:36px;}
	body header.mobile:not(.home) .logo h1 {color:#fff;}
}

@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)){
	body header.active {
		-webkit-backdrop-filter: saturate(180%) blur(20px);
		backdrop-filter: saturate(180%) blur(20px);
		background: var(rgba(251,251,253,0.86));
	}
}


.btn_menu_toggle {display:none;}
.btn_menu_toggle button {position:relative; width:24px; height:24px;}
.btn_menu_toggle button span {font-size:0; display:block; position:absolute; top:50%; left:50%; width:100%; height:2px; background-color:#222; border-radius:2px; transform:translate(-50%,-50%); transition:all 0.2s;}
.btn_menu_toggle button::before,
.btn_menu_toggle button::after {content:""; display:block; position:absolute; left:50%; width:100%; height:2px; background-color:#222; border-radius:2px; transform:translateX(-50%); transition:all 0.2s;}
.btn_menu_toggle button::before {top:10%;}
.btn_menu_toggle button::after {bottom:10%}

body header.aside_on .btn_menu_toggle button span {width:0; opacity:0;}
body header.aside_on .btn_menu_toggle button::before,
body header.aside_on .btn_menu_toggle button::after {top:50%; background-color:#999 !important; transform:translate(-50%, -50%);}
body header.aside_on .btn_menu_toggle button::before {transform:translate(-50%, -50%) rotate(45deg);}
body header.aside_on .btn_menu_toggle button::after {transform:translate(-50%, -50%) rotate(-45deg);}


body header.active .btn_menu_toggle button span,
body header.active .btn_menu_toggle button::before,
body header.active .btn_menu_toggle button::after {background-color:#222;}


@media only screen and (max-width:720px) {
	body header .inner div.nav {display:none;}
}

@media only screen and (max-width:786px) {
	.btn_menu_toggle {display:block;}
	body header .inner div.nav {display:none;}
	body header {height:56px;}
}


div.header {box-sizing:border-box; position:fixed; left:0; width:100%; padding:0 60px; border-bottom:0;}




/* footer_wrap 공통 */
.footer_wrap {}
.footer_wrap div.footer {padding:60px 0; text-align:left; background-color:#2D3138; color:#fff;}
.footer_wrap div.footer .inner {display:flex; justify-content:space-between; flex-wrap:wrap; max-width:1200px; margin:0 auto;}
.footer_wrap div.footer .inner div.info_wrap {display:flex; flex-direction:column; align-items:flex-start; gap:1.75em 1.125em; flex:1;}
.footer_wrap div.footer .inner div.info_wrap div.logo {border-radius:2px;}
.footer_wrap div.footer .inner div.info_wrap div.logo img {position:relative; top:2px; min-width:135px; width:135px; overflow:hidden;}
.footer_wrap div.footer .inner div.info_wrap div.info_list {display:flex; justify-content:space-between; flex:1; gap:0.5em 78px;}
.footer_wrap div.footer .inner div.info_wrap div.info_list div.row_wrap {display:flex; flex-direction:column; gap:0.5em 0;}
.footer_wrap div.footer .inner div.info_wrap div.info_list div.row {display:flex; gap:0 0.75em;}
.footer_wrap div.footer .inner div.info_wrap div.info_list dl {display:flex; gap:0 0.5em; flex-wrap:wrap; font-size:1em; line-height:1.5em; }
.footer_wrap div.footer .inner div.info_wrap div.info_list dl dt {color:#fff; font-weight:normal;}
.footer_wrap div.footer .inner div.info_wrap div.info_list dl dd {color:#999; text-align:left; word-break: break-all;}
.footer_wrap div.footer .inner div.info_wrap div.info_list dl dd a {color:#999; text-decoration:none;}
.footer_wrap div.footer div.copyright {width:100%; max-width:1200px; margin:2em auto 0; color:#fff; font-size:0.875em; font-weight:300;}
@media only screen and (max-width:1200px) {
	.footer_wrap div.footer {padding:20px 24px;}
}
@media only screen and (max-width:1000px) {
	.footer_wrap div.footer .inner .info_list {flex-direction:column;}
}
@media only screen and (max-width:768px) {
    .footer_wrap {/* display:flex; justify-content:center; align-items:center; */ width:100%; background-color:#000;}
    .footer_wrap div.footer .inner div.info_wrap div.logo img {top:0;}

    .footer_wrap div.footer {position:relative; width:1200px; max-width:100%; margin:0 auto; color:#fff;  text-align:center;}
    .footer_wrap div.footer .inner div.info_wrap {flex-direction:column;}
    .footer_wrap div.footer .inner div.info_wrap div.info_list dl {font-size:0.75em;}
    .footer_wrap div.footer div.copyright {font-size:0.75em; text-align:center;}
}
@media only screen and (max-width:500px) {
	.footer_wrap div.footer .inner div.info_wrap div.info_list {gap:0;}
	.footer_wrap div.footer .inner div.info_wrap div.info_list div.row_wrap {gap:0;}
	.footer_wrap div.footer .inner div.info_wrap div.info_list div.row {flex-direction:column;}
}

/* footer 약관 영역 */
.footer_privacy_wrap {background-color:#fff; border-top:1px solid #ddd;}
.footer_privacy_wrap .inner {padding:1.5em 0; max-width:1200px; width:100%; margin:0 auto;}
.footer_privacy_wrap .inner ul {display:flex; gap:1em;}
.footer_privacy_wrap .inner ul li a {display:inline-block; padding:0.25em 0; font-size:1em; line-height:1em; text-decoration:none !important;}
.footer_privacy_wrap .inner ul li a span {display:block; color:#333; line-height:1;}
.footer_privacy_wrap .inner ul li a:hover {text-decoration:underline;}
@media screen and (max-width:1200px) {
    .footer_privacy_wrap .inner {padding:1.25em 1.5em;}
}
@media screen and (max-width:768px) {
    .footer_privacy_wrap .inner {}
    .footer_privacy_wrap .inner ul {flex-wrap:wrap; justify-content:space-between; gap:0.5em; width:100%;}
    .footer_privacy_wrap .inner ul li {width:calc(50% - 0.5em);}
    .footer_privacy_wrap .inner ul li a {font-size:0.875em;}
}
/* // footer 약관 영역 */

/* footer 안내 문구 */
.footer_wrap .footer_alert {background-color:#EEF2F5;}
.footer_wrap .footer_alert div.inner {display:flex; flex-direction:column; gap:20px; width:100%; max-width:1200px; margin:0 auto; padding:40px 0; transition:all 0.2s ease;}
.footer_wrap .footer_alert div.inner p {font-size:1em; line-height:1.75em; word-break:keep-all;}
.footer_wrap .footer_alert div.inner p.em {color:red;}
@media screen and (max-width:1200px) {
    .footer_wrap .footer_alert div.inner {padding:40px 24px;}
}
@media screen and (max-width:768px) {
    .footer_wrap .footer_alert div.inner {gap:10px; padding:20px;}
    .footer_wrap .footer_alert div.inner p {font-size:0.8125em}
}
/* // footer 안내 문구 */

/* footer 하단 정보 영역 */
.footer_other {background-color:#23272e;}
.footer_other .inner {width:100%; max-width:1200px; padding:20px 0; margin:0 auto;}
.footer_other .inner ul {display:flex; justify-content:flex-end; gap:1em;}
.footer_other .inner li a {color:#fff; font-size:0.875em; text-decoration:none; opacity:0.9;}
.footer_other .inner li a span {color:#fff;}
@media screen and (max-width:1200px) {
    .footer_other .inner {padding:20px 24px;}
}
@media screen and (max-width:768px) {
    .footer_other .inner ul {justify-content:center; gap:0.5em;}
    .footer_other .inner li a {font-size:0.75em;}
}
/* // footer 하단 정보 영역 */
/* // footer_wrap 공통 */







/* 햄버거 메뉴 공통 */
.aside {position:fixed; top:0; bottom:0; left:0; z-index:11; background-color: rgba(0, 0, 0, 0); transition: all 0.2s ease;}
.aside .aside_nav_wrap {position:fixed; top:0; bottom:0; right:0; width:70%; background-color: #121212; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); transform: translateX(140%); transition: transform 0.4s ease;}
.aside .aside_nav_wrap nav {display:flex; height:100%; flex-direction: column; justify-content: space-between;}
.aside .aside_nav_wrap nav .nav_section {flex:1; padding:2em 1.5em; overflow-y:auto;}
.aside .aside_nav_wrap nav .nav_section .nav_group {padding:1em 0; color:#fff;}
.aside .aside_nav_wrap nav .nav_section .nav_group a {display:block; padding:0.25em 0; color:#fff; text-decoration:none;}
.aside .aside_nav_wrap nav .nav_section .nav_group + .nav_group {border-top:1px dashed rgba(255,255,255,0.15);}
.aside .aside_nav_wrap nav .nav_section .nav_group.current-parent-item h2 > span {color:#009ddf}

.aside .aside_nav_wrap nav .nav_section h2 a { display:inline-block; color:#000; font-size:1.125em; line-height:1.5em;}
.aside .aside_nav_wrap nav .nav_section h2 + ul {padding-left:1em;}
.aside .aside_nav_wrap nav .nav_section ul li {margin-top: 0.8125em;}
.aside .aside_nav_wrap nav .nav_section ul li + li {margin-top: 0.25em;}
.aside .aside_nav_wrap nav .nav_section ul li a {display:inline-block; color:#222; font-size:0.9375em; line-height:1.42857em;}
.aside .aside_nav_wrap nav .nav_section ul li.current-page-item a {position:relative; margin-bottom:0.5em; padding:0.5em 0.5em 0.5em 1.25em; background-color:rgba(0, 0, 0, 0.5); border-radius:0.25em;}
.aside .aside_nav_wrap nav .nav_section ul li.current-page-item a::before {content:"·"; display:block; position:absolute; top:0; left:0.5em; padding-top:inherit; font-size:inherit; line-height:inherit; font-weight:700;}

.aside .aside_nav_wrap nav .nav_footer {display:none; position:relative; z-index:1;}
.aside .aside_nav_wrap nav .nav_footer ul {display:flex; justify-content:space-between; align-items:center; background-color:#f5f5f5;}
.aside .aside_nav_wrap nav .nav_footer ul li {position:relative; width:100%; padding:1.0625em 0; text-align:center; font-size:0.75em;}
.aside .aside_nav_wrap nav .nav_footer ul li + li {font-weight:500;}
.aside .aside_nav_wrap nav .nav_footer ul li + li a {color:#000;}
.aside .aside_nav_wrap nav .nav_footer ul li a {display:block; line-height:1.5em;}

.aside .aside_nav_wrap .btn_close {position:absolute; top:0; right:0; width:3.75em; height:3.75em; background-size:1.5em; z-index:1;}
.aside .aside_nav_wrap .btn_close button {width:100%; height:100%;}
.aside .aside_nav_wrap .btn_close button::before,
.aside .aside_nav_wrap .btn_close button::after {content:""; display:block; position:absolute; left:50%; top:50%; width:42%; height:2px; background-color: #fff; border-radius:2px;}
.aside .aside_nav_wrap .btn_close button::before {transform:translate(-50%,-50%) rotate(45deg);}
.aside .aside_nav_wrap .btn_close button::after {transform:translate(-50%,-50%) rotate(-45deg);}
.aside .aside_nav_wrap .btn_close span {opacity:0;}

.aside .aside_nav_wrap div.btn-close {position:absolute; top:5px; right:5px; width:48px; height:48px; background-size:1.5em; z-index:1;}
.aside .aside_nav_wrap div.btn-close button {position:relative; width:48px; height:48px;}
.aside .aside_nav_wrap div.btn-close button::before,
.aside .aside_nav_wrap div.btn-close button::after {content:""; position:absolute; top:50%; left:50%; width:60%; height:1.5px; background-color:#fff;}
.aside .aside_nav_wrap div.btn-close button::before {transform:translate(-50%,-50%) rotate(45deg);}
.aside .aside_nav_wrap div.btn-close button::after {transform:translate(-50%,-50%) rotate(-45deg);}
.aside .aside_nav_wrap div.btn-close button span {color:transparent;}

.aside.active {right:0; background-color:rgba(0, 0, 0, 0.55);}
.aside.active .aside_nav_wrap {transform:translateX(0);}


.dim {position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.7); z-index:20;}




div.layer.full {position:fixed; top:50%; left:50%; width:320px; min-height:50vh; max-height:80vh; /* z-index:10000; */ transform:translate(-50%, -50%); background-color:#fff; border:1px solid #333; border-radius:10px; overflow:hidden; z-index:10; /* animation-name:ani_full; animation-duration:0.2s; animation-iteration-count:1; */ }
div.layer.full .layer_content {height:50vh; padding:0 1.5em 1.5em; line-height:1.46666em; font-size:0.9375em; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
div.layer.full header {/* display:flex; align-items:center; justify-content:center; position:-webkit-sticky; position:sticky; */ display:unset; position:relative; top:0; width:100%; height:48px; line-height:48px; background-color:#fff; text-align:center; /* transition:all 0.2s; */}
div.layer.full header div.inner {position:fixed; top:0; left:0; width:100%; height:inherit; z-index:1000;}
div.layer.full header.active div.inner {box-shadow:0px 3px 6px rgba(0,0,0,0.06);}
div.layer.full header h1 {font-size:18px; font-weight:bold;}
div.layer.full .close {/* display:flex; justify-content:center; align-items:center; */ position:fixed; top:0px; right:0px; width:48px; height:48px; /* background-color:#fff; */ border-radius:100%; color:#fff; font-size:0; z-index:2;}
div.layer.full .close button {position:relative; width:100%; height:100%;}
div.layer.full .close button::before,
div.layer.full .close button::after {content:""; display:block; position:absolute; top:50%; left:50%; width:40%; height:2px; background-color:#222;}
div.layer.full .close button::before {transform:translate(-50%,-50%) rotate(45deg)}
div.layer.full .close button::after {transform:translate(-50%,-50%) rotate(-45deg)}
@keyframes ani_full { 0% {transform:scale(0.8); opacity:0;} 100% {transform:scale(1); opacity:1;} }
@media only screen and (min-width:768px) {
	div.layer.full {left:50%; top:50%; width:500px; height:500px; min-height:auto; transform:translate(-50%, -50%); border:1px solid #333; border-radius:10px; overflow:hidden;}
	div.layer.full .layer_content {height:450px; overflow-y:scroll;}
}



/* 도트 구분 */
/* 공통 */
/* slick 도트 */
.slick-slider {position:static;}
.slick-arrow {display:none; position:absolute; top:50%; width:42px; height:42px; transform:translateY(-50%); z-index:100;
	background-repeat:no-repeat; background-position:center; background-size:contain; border-radius:100%; font-size:0;
}


/* 게시판 */

/* 게시판 검색 */
.board_search {display:flex; justify-content:flex-end; align-items:center; gap:10px; padding:10px 0;}
.board_search .select_set {box-sizing:content-box; width:140px; padding:0;}
.board_search .select_set select {}
.board_search div.ipt_wrap {width:auto; border-bottom:1px solid #ddd;}
.board_search div.ipt_wrap div.ipt_set {display:flex; align-items:center; gap:10px; padding-right:10px;}
.board_search div.ipt_wrap div.ipt_set input {height:60px; border:0; font-size:18px;}
.board_search div.ipt_wrap div.ipt_set button.btn_search {display:inline-block; width:24px; height:24px;}
@media screen and (max-width:768px) {
	/* .board_search .select_set {flex:} */
	.board_search .select_set {width:100px}
	.board_search {justify-content:space-between; width:100%;}
	.board_search div.ipt_wrap {flex:1; width:100%; justify-content:flex-end;}
	.board_search div.ipt_wrap div.ipt_set {display:flex; width:100%;}
	.board_search div.ipt_wrap div.ipt_set > div {width:100%;}
	.board_search div.ipt_wrap div.ipt_set input {width:100%; height:40px; font-size:14px;}
}
/* // 게시판 검색 */

/* 게시판 리스트 */
.board_list_wrap {}
.board_list_wrap .board_list_header {background-color:#333; color:#fff;}
.board_list_wrap .board_list_content div.board_item p.tit {text-align:left;}
.board_list_wrap div.board_item {display:flex; justify-content:space-between; align-items:flex-start; gap:1.5em; position:relative; padding:10px; line-height:1.5em; text-align:center;}
.board_list_wrap div.board_item a {flex:1; display:block; color:#111; text-decoration:none;}
.board_list_wrap div.board_item p.tit {flex:1;}
.board_list_wrap div.board_item div.file {width:100px;}
.board_list_wrap div.board_item div.date {width:100px;}
.board_list_wrap div.board_item span.ico_file {display:inline-block; min-width:20px; width:20px; height:20px; background:url('../images/ico_file.png') no-repeat center / contain; color:transparent; white-space:nowrap;}
.board_list_wrap div.board_item button.btn_down {min-width:20px; width:20px; height:20px; background:url('../images/ico_file.png') no-repeat center / contain; color:transparent; white-space:nowrap;}
.board_list .board_item {border-bottom:1px solid #ddd;}
.board_list .board_nodata {padding:50px; text-align:center;}
@media screen and (max-width:786px) {
	.board_list_wrap {font-size:14px;}
	.board_list_wrap .board_list_header {display:none;}
	.board_list_wrap .board_list_content {border-top:1.5px solid #000;}
	.board_list_wrap div.board_item {flex-direction:column; gap:0.5em; padding:1em 0;}
	.board_list_wrap div.board_item p.tit {/* padding-right:3em; */}
	.board_list_wrap div.board_item div.file {display:none; position:absolute; top:1em; right:1em; width:auto; text-align:unset;}
	.board_list_wrap div.board_item div.date {width:auto; color:#999; text-align:unset;}
	.board_list_wrap div.board_item button.btn_down {width:21px; height:21px;}
}
/* // 게시판 리스트 */

/* 게시판 상세 */
.board_view {width:100%; max-width:1200px; margin:0 auto; border-top:2px solid #000; border-bottom:2px solid #ddd;}
.board_view .board_title {border-bottom:2px solid #ddd;}
.board_view .board_title div.inner {display:flex; justify-content:space-between; align-items:flex-start; padding:21.5px 0; padding-left:70px;}
.board_view .board_title div.inner p {flex:1; font-weight:500; font-size:20px;}
.board_view .board_title div.inner span.date {display:block; width:200px; font-size:20px; text-align:center;}
.board_view .board_content {padding:77px 60px; color:#000; font-size:18px; line-height:1.66666em;}

.board_view .board_footer {padding:20px 60px; border-top:1px solid #ddd;}
.board_view .board_footer div.file {display:flex; align-items:center; gap:2em;}
.board_view .board_footer div.file strong {font-size:20px; font-weight:normal;}
.board_view .board_footer div.file button {height:60px; padding:0 2em; border:1px solid #ddd; border-radius:2px; transition:all 0.2s ease;}
/* .board_view .board_footer div.file button:hover {background-color:#000; color:#fff; border-color:transparent;} */
.board_view .board_footer div.file button span {display:inline-block; max-width:300px;}

@media screen and (max-width:786px) {
	.board_view {background-color:#fff; border-radius:3px; border-bottom-width:1px;}
	.board_view .board_title {border-bottom:1px solid #ddd;}
	.board_view .board_title div.inner {display:block; padding:13px 0; }
	.board_view .board_title div.inner p {font-size:0.875em; font-weight:bold;}
	.board_view .board_title div.inner span.date {width:auto; margin-top:0.5em; color:#999999; font-size:0.75em; line-height:1.5em; text-align:left;}
	.board_view .board_content {padding:24px 0; color:#999; font-size:0.875em; line-height:1.57142em;}

	.board_view .board_footer {padding:20px 0; border-top:1px solid #ddd;}
	.board_view .board_footer div.file {display:flex; flex-direction:column; align-items:flex-start; gap:0.75em;}
	.board_view .board_footer div.file strong {font-size:0.875em; font-weight:normal;}
	.board_view .board_footer div.file button {height:auto; padding:1em 1em; border:1px solid #ddd; border-radius:2px; font-size:0.8375em; transition:all 0.2s ease; outline:none;}
	/* .board_view .board_footer div.file button:hover {background-color:inherit; border-color:inherit; color:inherit;} */
	.board_view .board_footer div.file button span {display:inline-block; max-width:300px;}
}
/* // 게시판 상세 */

/* 게시판 목록 보기 */
.board_btn_group {display:flex; justify-content:flex-end; margin-top:2em;}
.board_btn_group button {height:40px; padding:0 24px; background-color:#333; border-radius:1px;}
.board_btn_group button span {color:#fff; font-size:14px;}
@media screen and (max-width:786px) {
	.board_btn_group {margin-top:1em;}
	.board_btn_group button {height:30px;}
}
/* // 게시판 목록 보기 */


/* 공지사항 페이지 */
.pagination_wrap {width:100%; max-width:1200px; margin:0 auto; margin-top:72px; text-align:center;}
.pagination_wrap .pagination {display:flex; justify-content:center; align-items:center; text-align:center;}
.pagination_wrap .pagination a {display:inline-block; margin:0 2px; padding:0 8px; color:black; font-size:20px; line-height:20px; text-decoration:none;}
.pagination_wrap .pagination a.prev {margin:0 4px;}
.pagination_wrap .pagination a.next {margin:0 4px;}
.pagination_wrap .pagination a.active {font-weight:bold;}
.pagination_wrap .pagination a img {display:block; width:36px; height:36px; font-size:0;}
.pagination_wrap button {display:inline-block; width:216px; height:72px; border:1px solid #707070; border-radius:3px; background-color:#fff;}
.pagination_wrap button span {color:#000; font-size:20px; font-weight:400;}
/* .pagination + button {margin-top:20px;}
.pagination_wrap button.btn_more {display:none;}
.pagination_wrap button.btn_prev {display:inline-block; width:216px; height:72px; background-color:transparent; border:1px solid #ddd;}
.pagination_wrap button.btn_prev span {color:#000;} */
@media screen and (max-width:786px) {
	.pagination_wrap {margin-top:20px;}
	.pagination_wrap .pagination {display:flex;}
	.pagination_wrap .pagination a {font-size:0.875em;}
	.pagination_wrap .pagination a img {width:24px; height:24px;}
	.pagination_wrap button {display:block; width:100%; height:48px; border-color:transparent; background-color:#333; color:#fff;}
	.pagination_wrap button span {color:#fff; font-size:14px; font-weight:400;}
	/* .pagination_wrap button {border-radius:3px;}
	.pagination_wrap button.btn_more {display:none;}
	.pagination_wrap button.btn_prev {width:100%; height:48px; background-color:#333; border-color:transparent;}
	.pagination_wrap button.btn_prev span {color:#fff;} */
}
/* // 공지사항 페이지 */



/* 서비스 이용약관, 개인정보 처리방침용 팝업 */
.layer.privacy {position:fixed; top:50%; left:50%; width:100%; max-width:960px; transform:translate(-50%,-50%); background-color:#fff; z-index:11;}
.layer.privacy .layer_header {display:flex; justify-content:space-between; align-items:center; position:relative; background-color:var(--main-color);}
.layer.privacy .layer_header h2 {height:60px; padding:0 24px; color:#fff; font-size:18px; line-height:60px; font-weight:500; text-align:left;}
.layer.privacy .layer_header button.btn_close {position:absolute; top:50%; right:24px; width:36px; height:36px; color:transparent; transform:translateY(-50%);}
.layer.privacy .layer_header button.btn_close span {display:block; width:100%; height:100%; color:transparent;}
.layer.privacy .layer_header button.btn_close::before,
.layer.privacy .layer_header button.btn_close::after {content:""; position:absolute; top:50%; left:50%; width:72%; height:1.5px; background-color:#fff;}
.layer.privacy .layer_header button.btn_close::before {transform:translate(-50%,-50%) rotate(45deg);}
.layer.privacy .layer_header button.btn_close::after {transform:translate(-50%,-50%) rotate(-45deg);}

.layer.privacy .layer_content {display:flex; flex-direction:column; width:100%; height:100%; max-height:70.09259vh; padding:0 0 36px 0; border:1px solid #333; border-top:0 none;}
.layer.privacy .layer_content div.select_wrap {margin:0 36px; background:#f5f5f5 url('../images/ico_arrow_down_s.png') no-repeat center right 6px / 36px;}
.layer.privacy .layer_content div.select_wrap select {width:100%; height:48px; padding:0 20px; background-color:transparent; border:0 none; font-size:0.875em; line-height:2.4em; font-family:'Noto Sans KR';}

.layer.privacy .layer_content .txt_content {margin-top:24px; padding:0 36px 36px; flex:1; color:#555; font-size:18px; line-height:1.66666em; overflow-y:auto; white-space:pre-line;}
.layer.privacy .layer_content div.btn_group {display:flex; justify-content:center; margin-top:40px;}
.layer.privacy .layer_content div.btn_group button {height:72px; width:480px; border-radius:2px; background-color: var(--main-color);}
.layer.privacy .layer_content div.btn_group button span {display:block; color:#fff; font-size:20px; line-height:29px; font-weight:500;}
@media screen and (max-width:786px) {
	.layer.privacy {top:0; left:0; width:100%; height:100vh; transform:unset; z-index:20}
	.layer.privacy .layer_header {justify-content:center;}
	.layer.privacy .layer_header h2 {height:48px; font-size:16px; line-height:48px;}
	.layer.privacy .layer_header button.btn_close {right:11px;}
	.layer.privacy .inner {display:flex; flex-direction:column; justify-content:space-between; width:100%; height:100%;}
	
	.layer.privacy .layer_content {flex:1; height:auto; max-height:unset; padding:0; border:0; overflow-y:auto;}
	.layer.privacy .layer_content div.select_wrap {margin:24px 24px 0;}
	.layer.privacy .layer_content .txt_content {padding:0 24px 24px; font-size:0.875em;}
}
/* // 서비스 이용약관, 개인정보 처리방침용 팝업 */









/* 개인정보보호정책 팝업 */
.layer.privacy_agree {position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.5); transform:unset; touch-action:none; z-index:20;}
.layer.privacy_agree .inner {position:fixed; top:50%; left:50%; width:100%; max-width:960px; transform:translate(-50%,-50%); background-color:#fff; z-index:11;}
.layer.privacy_agree .layer_header {display:flex; justify-content:space-between; align-items:center; position:relative; background-color:#333;}
.layer.privacy_agree .layer_header h2 {height:72px; padding:0 24px; color:#fff; font-size:20px; line-height:72px; text-align:left;}
.layer.privacy_agree button.btn_close {position:absolute; top:34px; right:24px; width:36px; height:36px; color:transparent;}
.layer.privacy_agree button.btn_close::before,
.layer.privacy_agree button.btn_close::after {content:""; position:absolute; top:50%; left:50%; width:60%; height:1.5px; background-color:#333;}
.layer.privacy_agree button.btn_close::before {transform:translate(-50%,-50%) rotate(45deg);}
.layer.privacy_agree button.btn_close::after {transform:translate(-50%,-50%) rotate(-45deg);}

.layer.privacy_agree .layer_content {display:flex; flex-direction:column; width:100%; height:100%; max-height:70.09259vh; padding:30px 0 35px; border:1px solid #333;}

.layer.privacy_agree .layer_content .privacy_agree_wrap {padding:0 36px;}
.layer.privacy_agree .layer_content .privacy_agree_wrap div.tit {color:#000; font-size:24px; line-height:1.5em; font-weight:bold; letter-spacing:-0.05em; word-break:keep-all;}

.layer.privacy_agree .layer_content .checkbox_wrap {display:flex; align-items:center; margin-top:20px;}
.layer.privacy_agree .layer_content .checkbox_wrap input[type="checkbox"] {width:0; height:0; opacity:0;}
.layer.privacy_agree .layer_content .checkbox_wrap span.checkmark {display:inline-block; width:36px; height:36px;}
.layer.privacy_agree .layer_content .checkbox_wrap span.txt {font-size:20px; line-height:29px;}

.layer.privacy_agree .layer_content .txt_content {margin:24px 36px 0; padding:0 36px 36px; flex:1; color:#555; font-size:20px; line-height:1.6; overflow-y:auto; white-space:pre-line; background-color:#f5f5f5;}
.layer.privacy_agree div.btn {margin-top:24px; text-align:center;}
.layer.privacy_agree div.btn button {width:436px; height:72px; border-radius:5px; background-color:#222; color:#fff;}
.layer.privacy_agree div.btn button span {display:block; color:#fff; font-size:24px; line-height:1em; font-weight:500;}
@media screen and (max-width:786px) {
	.layer.privacy_agree {top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.5); transform:unset; z-index:20;}
	.layer.privacy_agree .layer_header h2 {height:48px; font-size:16px; line-height:48px;}
	.layer.privacy_agree button.btn_close {top:16px; right:16px;}

	.layer.privacy_agree .inner {display:flex; flex-direction:column; justify-content:space-between; position:fixed; top:50%; left:50%; width:88.88888vw; height:83vh; margin:0 auto; background-color:#fff; transform:translate(-50%,-50%);}
	
	.layer.privacy_agree .layer_content {flex:1; height:auto; max-height:unset; padding:0; border:0; overflow-y:auto;}

	.layer.privacy_agree .layer_content .privacy_agree_wrap {padding:20px 20px 0 20px;}
	.layer.privacy_agree .layer_content .privacy_agree_wrap div.tit {padding-right:36px; font-size:18px;}
	.layer.privacy_agree .layer_content .checkbox_wrap span.checkmark {display:inline-block; width:24px; height:24px;}
	.layer.privacy_agree .layer_content .checkbox_wrap span.txt {font-size:14px; line-height:24px;}
	
	.layer.privacy_agree .layer_content .txt_content {margin:20px 20px 0 20px; padding:0 24px 24px; font-size:0.875em;}
	.layer.privacy_agree div.btn {margin-top:20px; padding:0 20px 20px;}
	.layer.privacy_agree div.btn button {width:100%; height:48px; border-radius:3px;}
	.layer.privacy_agree div.btn button span {font-size:14px;}
}
/* // 개인정보보호정책 팝업 */





/* alert형 레이어 팝업 */
.layer.alert {position:relative; z-index:11;}
.layer.alert::before {content:""; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); z-index:11;}
.layer.alert div.inner {position:fixed; top:50%; left:50%; width:320px; max-width:320px; border-radius:5px; background-color:#fff; transform:translate(-50%,-50%); box-shadow:0 0 4px rgba(0,0,0,0.2); z-index:12;}
.layer.alert div.layer_content {padding:30px 20px; text-align:center;}
.layer.alert div.layer_content span.icon {display:inline-block; width:50px; height:50px; margin-bottom:10px;}
.layer.alert div.layer_content p.txt {font-size:0.875em; line-height:1.5em;}
.layer.alert .btn_group {display:flex; gap:10px; width:100%; padding:0 20px 20px;}
.layer.alert .btn_group div {width:100%;}
.layer.alert .btn_group button {width:100%; height:40px; border-radius:2px; background-color:#333; color:#fff;}
.layer.alert .btn_group button.btn_next {background-color:var(--main-color);}
.layer.alert .btn_group button.btn_cancel {background-color:#222;}
/* // alert형 레이어 팝업 */



/* 컨텐츠 */
/* 강제 간격 */
hr {display:block; height:60px; margin:0; padding:0; border:0;}
hr.line {height:auto; margin:40px 0; border-top:1px solid #ddd;}
@media screen and (max-width:768px) {
    hr {height:40px;}
    hr.line {margin:20px 0;}
}
/* // 강제 간격 */

/* 기본 타이틀 */
div.title {display:flex; align-items:center; height:84px;}
div.title strong {display:inline-block; font-size:16px; line-height:1em; font-weight:bold;}
@media screen and (max-width:768px) {
    div.title {height:60px;}
    div.title strong {font-size:14px;}
}
/* // 기본 타이틀 */



/* 기본 버튼 */
.btn_group {display:flex; justify-content:space-between; gap:20px; width:100%;}
.btn_group div {width:100%;}
.btn_group div button {width:100%; height:72px; background-color:var(--main-color); border-radius:1px;}
.btn_group div button:disabled {background-color:#989898;}
.btn_group div button span {display:block; color:#fff; font-size:20px; line-height:24px; font-weight:500;}
@media screen and (max-width:768px) {
    .btn_group {font-size:0.875em;}
    .btn_group div button {height:50px;}
    .btn_group div button span {font-size:14px;}
}
/* // 기본 버튼 */


/* 상단 노출 임시 */
.infofofof {background-color:#f9f9f9; font-size:12px;}
.infofofof div.inner {display:flex; justify-content:space-between; align-items:center; width:100%; max-width:1200px; height:60px; margin:0 auto;}
.infofofof div.inner div:first-of-type {display:flex; gap:20px; flex:1;}
.infofofof p {display:inline-block; font-size:14px; line-height:20px;}
.infofofof a {color:#111}
.infofofof div.inner div.tel {color:var(--main-color); font-size:20px; line-height:29px; font-weight:bold;}
@media screen and (max-width:1200px) {
    .infofofof div.inner {padding:10px 24px;}
    .infofofof p {line-height:1.25em;}
}
@media screen and (max-width:768px) {
    .infofofof div.inner div:first-of-type {flex-direction:column; gap:0;}
}
/* // 상단 노출 임시 */


/* layout */
.container_wrap {max-width:1200px; margin:0 auto; padding:100px 0;}
@media screen and (max-width:1200px) {
    .container_wrap {padding:100px 24px;}
}
@media screen and (max-width:768px) {
    .container_wrap {padding:50px 24px;}
}

div.loan_wrap {max-width:800px; margin:0 auto;}

/* loan step wrap */
.loan_step_wrap {padding:0 0 80px;}
.loan_step_wrap ol {display:flex; justify-content:center;}
.loan_step_wrap ol li {position:relative; text-align:center; min-width:85px; color:#555;}
.loan_step_wrap ol li + li {padding-left:100px;}
.loan_step_wrap ol li span.step_icon {display:inline-flex; justify-content:center; align-items:center; position:relative; width:36px; height:36px; border:3px solid #ddd; background-color:#fff; border-radius:100%; color:#ddd; font-size:20px; font-weight:bold; z-index:1;}
.loan_step_wrap ol li div {margin-top:20px;}
.loan_step_wrap ol li div strong,
.loan_step_wrap ol li div span {display:block; font-size:18px; line-height:1.44444em;}
.loan_step_wrap ol li div span {font-weight:400;}
.loan_step_wrap ol li + li::before {content:""; display:block; position:absolute; top:18px; right:0; width:100%; height:3px; background-color:var(--main-color); transform:translate(-36px, -50%); z-index:0;}
.loan_step_wrap ol li.complete,
.loan_step_wrap ol li.active {color:var(--main-color);}
.loan_step_wrap ol li.complete span.step_icon,
.loan_step_wrap ol li.active span.step_icon {font-size:0; color:transparent;}
.loan_step_wrap ol li.complete span.step_icon {background-color:#fff; border-color:var(--main-color);}
.loan_step_wrap ol li.active span.step_icon {border-color:transparent; background-color:var(--main-color);}
.loan_step_wrap ol li.complete span.step_icon::before,
.loan_step_wrap ol li.active span.step_icon::before {content:""; display:block; position:absolute; bottom:47%; left:53%; width:55%; height:30%; border-width:0 0 3px 3px; border-style:solid; transform-origin:0 100%; transform:translate(-20%, 75%) rotate(-45deg);}
.loan_step_wrap ol li.complete span.step_icon::before {border-color:var(--main-color); color: #fff;}
.loan_step_wrap ol li.active span.step_icon::before {color:#fff;}
.loan_step_wrap ol li.active ~ li::before {background-color:#ddd;}
@media screen and (max-width:768px) {
	.loan_step_wrap {display:flex; justify-content:center; width:100%; padding:0 0 50px;}
	.loan_step_wrap ol {flex-wrap:wrap; justify-content:flex-start; gap:10px 20px; width:100%; padding:20px 24px; border-radius:1px; background-color:#f9f9f9;}
	.loan_step_wrap ol li {display:flex; align-items:center; gap:0.5em; width:calc(50% - 10px);}
	.loan_step_wrap ol li div {display:flex; gap:10px; margin:0; padding:0;}
	.loan_step_wrap ol li div strong,
	.loan_step_wrap ol li div span {font-size:14px;}
	.loan_step_wrap ol li span.step_icon {width:20px; height:20px; border-width:1.5px; font-size:14px;}
	.loan_step_wrap ol li + li {padding:0;}
    .loan_step_wrap ol li.complete span.step_icon::before,
    .loan_step_wrap ol li.active span.step_icon::before {border-width:0 0 1.5px 1.5px;}
	.loan_step_wrap ol li + li::before {display:none;}
}
@media screen and (max-width:500px) {
    .loan_step_wrap ol {flex-direction:column;}
    .loan_step_wrap ol li {width:100%;}
}
/* // loan step wrap */



/* loan_tit */
.loan_tit {padding-bottom:2em; font-size:2em; line-height:1.46975em; font-weight:bold; text-align:center; letter-spacing:-0.05em; word-break:keep-all;}
@media screen and (max-width:768px) {
    .loan_tit {font-size:1.5em;}
}
@media screen and (max-width:664px) {
    .loan_tit {font-size:1.125em;}
}
/* // loan_tit */

/* txt_complete */
 .txt_complete {padding:40px 20px; color:var(--main-color); font-size:1.5em; line-height:1.125em; font-weight:bold; text-align:center;}
 @media screen and (max-width:768px) {
    .txt_complete {padding:1.66666em 0.83333em; font-size:1em;}
 }
/* // txt_complete */



/* 약관 동의 */
.agree_wrap {}
.agree_wrap div.chk_all {padding:1em 1.5em; border:1px solid #ddd;}

.agree_wrap ul {margin-top:1.25em;}
.agree_wrap ul + ul {padding-top:1.25em; border-top:1px solid #ddd;}
.agree_wrap ul li {display:flex; justify-content:space-between; align-items:flex-start; gap:0.625em; width:100%; padding:0.625em 1.5em;}
.agree_wrap ul li button {min-width:1.75em; width:1.75em; height:1.75em; background:url('../images/ico_arrow_r.png') no-repeat right center / contain; color:transparent; font-size:inherit; white-space:nowrap; text-decoration:underline; overflow:hidden;}

.agree_wrap input[type="text"] {border:1px solid #ddd;}
.agree_wrap input[type="text"]:optional {background-color: #f7f7f7;} /* 선택옵션 */
.agree_wrap input[type="text"]:required {background-color: #ff0000;} /* 필수옵션 */

.agree_wrap label {display:inline-block; position:relative; padding-left:2.375em; line-height:1.75em; cursor:pointer;}
.agree_wrap label input[type="checkbox"] {position:absolute; width:0; height:0; border:0 none; opacity:0;}
.agree_wrap label input[type="checkbox"] + span.checkmark {content:""; display:inline-block; position:absolute; top:0; left:0; width:1.75em; height:1.75em; background:url('../images/ico_check_on.png') no-repeat left top / contain; border:1px solid #989898; vertical-align:top;}
.agree_wrap label input[type="checkbox"]:checked + span.checkmark {/* border-color:#242424; */ border:0; background-color: #fff; background-image:url('../images/ico_check_s_on.png')}
.agree_wrap label em {margin-left:0.25em; color:#ff0000}
.agree_wrap label span.txt {display:inline-block; line-height:1.75em; word-break:keep-all;}

.agree_wrap li label input[type="checkbox"] + span.checkmark {border:0 none; background-color:#fff;}
.agree_wrap div.chk_all label input[type="checkbox"] + span.checkmark {border-radius:100%;}
.agree_wrap div.chk_all label input[type="checkbox"]:checked + span.checkmark {background-color:#000; background-image:url('../images/ico_check_on.png')}
.agree_wrap div.chk_all label span.txt {font-weight:bold;}

.agree_wrap li label input[type="checkbox"] + span.checkmark {border-radius:100%;}
.agree_wrap li label input[type="checkbox"]:checked + span.checkmark {background-color:#fff;}


@media screen and (max-width:768px) {
    .agree_wrap {font-size:0.875em;}
    .agree_wrap div.chk_all {padding:1em 1.25em;}
    .agree_wrap ul li {padding:0.625em 0 0.625em 1.25em;}
}
/* // 약관 동의 /*


/* 동의 관련 안내 문구 */
ol.agree_txt {padding:20px 24px;}
ol.agree_txt li {}
ol.agree_txt li p {position:relative; padding-left:1.125em; color:#000; line-height:1.75em; word-break:keep-all; letter-spacing:-0.05em;}
ol.agree_txt li p span {position:absolute; top:0; left:0; ;color:inherit; font-size:inherit; line-height:inherit;}
/* // 동의 관련 안내 문구 */



/* 항목 선택 */
.select_group {display:flex; justify-content:flex-start; width:100%; padding:0.5em 0;}
.select_group label {display:flex; justify-content:center; align-items:center; position:relative; width:100%; min-width:20%; height:3.75em; color:#555; cursor:pointer;}
.select_group.multi {flex-wrap:wrap;}
.select_group.multi label {width:25%;}
.select_group label span.checkmark {display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd; background-color:#fff;}
.select_group label input:checked + span.checkmark {background-color:var(--main-color); border-color:transparent; color:#fff;}
.select_group + .form_alert {padding-top:0;}
@media screen and (max-width:768px) {
    .select_group {font-size:0.875em;}
    .select_group label {}
    .select_group label span.checkmark {padding:0 0.5em;}
}
/* // 항목 선택 */



/* 입력폼 */
.btn_set {width:100%; padding:12px 24px;}
.btn_default {width:100%; height:60px; background-color:var(--main-color); color:#fff;}
.form_wrap {}
.form_wrap .row {display:flex; align-items:flex-start; width:100%;}
.form_wrap .row div.tit {min-width:140px; padding:12px 0;}
.form_wrap .row div.tit strong {display:flex; align-items:center; height:60px;}
.form_wrap .row .ipt_form {width:100%;}
.form_wrap .row .ipt_form .ipt_set {display:flex; justify-content:space-between; align-items:center; width:100%; padding:12px 0; border-bottom:1px solid #ddd;}
.form_wrap .row .ipt_form .ipt_set > div {flex:1;}
.form_wrap .row .ipt_form .ipt_set > div p.txt {padding-left:24px; color:#999;}
.form_wrap .row .ipt_form .ipt_set span.txt {display:inline-block; padding-right:2.5em; font-size:inherit; line-height:1em; font-weight:bold;}
.form_wrap .row .ipt_form .ipt_set input {width:100%; padding:0 24px; font-size:inherit}
.form_wrap .row .ipt_form .ipt_set input::placeholder {font-size:1em;}
.form_wrap .row .ipt_form .ipt_set button {position:relative !important; width:auto; padding:0 2em; border-radius:1px;}
.form_wrap .row .ipt_form .ipt_set button.btn_address {width:140px; height:60px; background-color:var(--main-color); color:#fff; font-size:16px; font-weight:500;}
.form_wrap .row .ipt_form span.dash {width:30px; min-width:30px; text-align:center;}
.form_wrap .row .ipt_form input {border:0 none; line-height:60px;}
.form_wrap .row .ipt_form input::placeholder {color:#999; font-size:18px; line-height:inherit;}
.ipt_wrap {display:flex; align-items:center; gap:10px; width:100%;}

.select_set {width:100%; padding:12px 0; border-bottom:1px solid #ddd;}
.select_set select {position:relative; width:100%; height:60px; padding:0 24px; border:0 none; color:#999; font-size:18px; background:url('../images/ico_arrow_u.png') no-repeat right 24px center / 36px 36px;}
.select_set select option {background-color:#fff; color:#000;}
.select_set select.changed {color:#000;}
.select_set select::before {content:""; display:block; position:absolute; top:0; right:0; width:20px; height:20px; background-color:#ff6600;}

@media screen and (max-width:768px) {
    .form_wrap .row {flex-direction:column;}
    .form_wrap .row div.tit strong {height:40px; font-size:0.875em;}
    .form_wrap .row div.tit strong br {display:none;}
    .form_wrap .row .ipt_form .ipt_set {padding:0;}
    .form_wrap .row .ipt_form .ipt_set input {padding:0 10px; font-size:0.875em;}
	.form_wrap .row .ipt_form .ipt_set > div p.txt {padding-left:10px; font-size:0.875em;}
    .form_wrap .row .ipt_form .ipt_set span.txt {font-size:14px; padding-right:0.85714em;}
    .form_wrap .row .ipt_form input {height:40px;}
    .form_wrap .row .ipt_form .ipt_set button.btn_address {height:40px; width:auto; padding:0 2em; font-size:14px;}
    .select_set {padding:0;}
    .select_set select {height:40px; padding:0 10px; font-size:14px;}
}
/* // 입력폼 */


/* 입력폼 관련 안내 문구 */
.form_alert {position:relative; padding:10px 24px;}
.form_alert p {position:relative; color:#555555; font-size:1em; line-height:1.75em;}
.form_alert p.em {color:#FF0000;}
.form_alert p.txt {padding-left:0.6875em;}
.form_alert p.txt span {position:absolute; top:0; left:0; color:inherit; font-size:inherit; line-height:inherit;}
.form_alert button.btn_tooltips {display:inline-flex; align-items:center; height:1.5em; color:#999; font-size:16px;}
.form_alert button.btn_tooltips span {}
.form_alert button.btn_tooltips span.icon {display:inline-flex; width:24px; height:24px;}
.form_alert button.btn_tooltips span.icon img {}
.form_alert button.btn_tooltips span.txt {display:inline-block; color:#999; font-size:16px; line-height:1.5em;}

.layer_tooltips {position:absolute; top:calc(100%); left:24px; width:280px; padding:20px; border:2px solid #707070; background-color:#fff; z-index:1;}
.layer_tooltips strong {display:block; color:#000; font-size:16px; line-height:24px; font-weight:700;}
.layer_tooltips p {margin-top:10px; color:#555555; font-size:14px; line-height:24px; font-weight:400; word-break:keep-all;}
.layer_tooltips button.btn_close {position:absolute; top:20px; right:20px; width:24px; height:24px; overflow:hidden;}
.layer_tooltips button.btn_close span {color:transparent;}
.layer_tooltips button.btn_close::before,
.layer_tooltips button.btn_close::after {content:""; display:block; position: absolute; top:50%; left:50%;; width:80%; height:2px; background-color:#999999;}
.layer_tooltips button.btn_close::before {transform:translate(-50%,-50%) rotate(-45deg);}
.layer_tooltips button.btn_close::after {transform:translate(-50%,-50%) rotate(45deg);}
@media screen and (max-width:768px) {
    .form_alert {padding:8px 0;}
    .form_alert p {font-size:0.875em;}
    .form_alert button.btn_tooltips {font-size:14px;}
    .form_alert button.btn_tooltips span.icon {width:20px; height:20px;}
    .form_alert button.btn_tooltips span.txt {font-size:14px; line-height:1.42857em;}
    
}
/* // 입력폼 관련 안내 문구 */


/* 입력폼 안내 문구 */
.box_alert {padding:1.25em 1.5em; background-color:#f5f5f5; font-size:1em;}
.box_alert div.tit {line-height:1.25em; padding-bottom:0.625em;}
.box_alert div.tit strong {}
.box_alert p {line-height:1.75em;}
.box_alert ul {}
.box_alert ul li p {position:relative; padding-left:1em; color:#000;}
.box_alert ul li p::before {content:"·"; position:absolute; top:0; left:0; color:inherit; font-size:inherit; line-height:inherit;}
.box_alert p.txt a {color:var(--main-color); font-size:inherit; font-weight:bold; text-decoration:none;}
@media screen and (max-width:768px) {
    .box_alert {font-size:0.875em;}
}
/* // 입력폼 안내 문구 */



/* 파일 업로드 */
.file_upload_wrap {width:100%;}
.file_upload_wrap button.btn_add_file {height:3.75em; margin-bottom:0.625em; border-radius:1px; background-color:var(--main-color); color:#fff; font-size:inherit;}
.file_upload_wrap button.btn_add_file span {display:block; padding:1em 2em; color:#fff;}
.file_upload_wrap input.ipt_file {display:none;}

.file_upload_wrap div.file_alert {display:flex; flex-direction:column; gap:0.5em; width:100%; margin-bottom:10px; padding:1em; background-color:#f5f5f5; border-radius:2px;}
.file_upload_wrap div.file_alert p {position:relative; padding-left:1.25em; color:#222; font-size:14px; line-height:1.25em;}
.file_upload_wrap div.file_alert p::before {content:"·"; display:block; position:absolute; top:0; left:0; color:inherit; font-size:inherit; line-height:inherit; font-weight:bold;}

.file_upload_wrap ul.file_list {display:flex; flex-direction:column; gap:0.2625em; width:100%; padding:1.125em 1.5em; border:1px solid #ddd;}
.file_upload_wrap ul.file_list li {display:flex; justify-content:space-between; align-items:flex-start; gap:1.25em; width:100%; }
.file_upload_wrap ul.file_list li p {display:flex; gap:10px; color:#555; font-size:1em; line-height:1.5em;}
.file_upload_wrap ul.file_list li p strong,
.file_upload_wrap ul.file_list li p span {display:block}
.file_upload_wrap ul.file_list li p strong {word-break:break-all;}
.file_upload_wrap ul.file_list li button.btn_del {position:relative; min-width:1.5em; width:1.5em; height:1.5em; color:transparent; font-size:inherit; text-align:center;}
.file_upload_wrap ul.file_list li button.btn_del span {display:block; position:relative; width:1.25em; height:1.25em; border-radius:100%; background-color:#999999; overflow:hidden;}
.file_upload_wrap ul.file_list li button.btn_del span::before,
.file_upload_wrap ul.file_list li button.btn_del span::after {content:""; display:block; position:absolute; top:50%; left:50%; width:57.25%; height:2px; background-color:#fff; transform-origin:50% 50%;}
.file_upload_wrap ul.file_list li button.btn_del span::before {transform:translate(-50%,-50%) rotate(-45deg);}
.file_upload_wrap ul.file_list li button.btn_del span::after {transform:translate(-50%,-50%) rotate(45deg);}
@media screen and (max-width:768px) {
    .file_upload_wrap {font-size:0.875em;}
}
/* // 파일 업로드 */





/* 테이블 */
.table_wrap {overflow:hidden; overflow-x:auto;}
.table_wrap table {width:100%; min-width:800px; border-width:1px 0 0 0; border-style:solid; border-color:#ddd;}
.table_wrap table tr {}
.table_wrap table tr th,
.table_wrap table tr td {padding:11px 20px; font-size:14px; line-height:1.444444em; font-weight:normal;}
.table_wrap table tr th {border-bottom:1px solid #ddd; background-color:#F5F5F5;}
.table_wrap table tr td {border-bottom:1px solid #ddd; background-color:#fff;}
.table_wrap table tr th.tar,
.table_wrap table tr td.tar {text-align:right;}
.table_wrap table tr td.tal,
.table_wrap table tr td.tal {text-align:left;}
.table_wrap table.table_type_01 {text-align:left;}
.table_wrap table.table_type_02 {text-align:center;}
.table_wrap table.table_type_02 tr {}
.table_wrap table.table_type_02 tr th,
.table_wrap table.table_type_02 tr td {font-size:14px;}
.table_wrap table.table_type_02 tr th {background-color:#555555; color:#fff; text-align:center;}
.table_wrap table.table_type_02 tr td {}
/* // 테이블 */

/* 대출 리스트 선택 */
.loan_list_wrap {min-width:800px; max-height:216px; overflow-y:auto;text-align:center;}
.loan_list_wrap .list_header {position:-webkit-sticky; position:sticky; top:0; left:0;}
.loan_list_wrap .list_header .item {background-color:var(--main-color);}
.loan_list_wrap .list_header .item span {color:#fff; text-align:center; font-weight:500;}
.loan_list_wrap .loan_list {}
.loan_list_wrap .item {display:grid; align-items:center; width:100%; height:48px; grid-template-columns:7% 11.625% 20.125% 24% 17.625% auto; border:1px solid #dddddd; border-radius:8px; overflow:hidden;}
.loan_list_wrap .item span.tar {text-align:right; padding-right:20px;}
.loan_list_wrap .item.active {border-color:var(--main-color);}
.loan_list_wrap .loan_list .item {margin-top:8px; cursor:pointer;}
.loan_list_wrap .loan_list .item:hover {background-color:#F5F5F5;}
.loan_list_wrap .loan_list input[type="radio"] {display: none;}
.loan_list_wrap .loan_list input[type="radio"]:checked + div.item {border-color:var(--main-color); background-color:#ebf2fd;}
/* // 대출 리스트 선택 */



/* 상품선택 */
.custom_select {position:relative; padding:12px 0; border-bottom:1px solid #ddd;}
.custom_select div.btn {}
.custom_select div.btn.active + .custom_select_optgroup {display:block;}
.custom_select div.btn button.btn_triger {position:relative; width:100%; height:60px; padding:0 24px; border:0 none; color:#999; font-size:18px; background:url('../images/ico_arrow_u.png') no-repeat right 24px center / 36px 36px; text-align:left;}
.custom_select_optgroup {display:block; margin-top:10px;}
.custom_select_optgroup div.options {display:flex; gap:20px;}
.custom_select_optgroup div.options label {display:flex; gap:10px; position:relative; width:100%; background-color:#fff; line-height:1.5em; cursor:pointer;}
.custom_select_optgroup div.options label input {position:absolute; top:0; left:0; width:0; height:0; opacity:0;}
.custom_select_optgroup div.options label input + span.checkmark {display:inline-block; position:relative; width:26px; height:26px; background-color:#fff; border:1px solid #ddd; border-radius:100%;}
.custom_select_optgroup div.options label input + span.checkmark::before {content:""; display:block; position:absolute; top:50%; left:50%; width:44%; height:44%; background-color:#ddd; border-radius:100%; transform:translate(-50%,-50%);}
.custom_select_optgroup div.options label input ~ span.txt {flex:1; display:block; width:100%; padding:15px; border:1px solid #ddd; border-radius:2px; color:#333; font-size:16px; line-height:1.4em;}
.custom_select_optgroup div.options label input:checked + span.checkmark::before {background-color:var(--main-color);}
.custom_select_optgroup div.options label input:checked ~ span.txt {border:1px solid var(--main-color); color:#333; font-weight:bold;}
.custom_select_optgroup div.options label.active {}
@media screen and (max-width:768px) {
	.custom_select {padding:0;}
	.custom_select div.btn button.btn_triger {height:40px; padding:0 10px; font-size:0.875em;}
	.custom_select_optgroup {margin-bottom:10px;}
	.custom_select_optgroup div.options {flex-direction:column; gap:10px;}
	.custom_select_optgroup div.options label input ~ span.txt {padding:10px; font-size:0.875em;}
}
/* // 상품선택 */

/* // 컨텐츠 */

/* 로딩중 */
.layer_loading .layer_content {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:21; text-align:center;}
.layer_loading .layer_content p.txt {margin-top:1em; color:#fff; text-shadow:0 0 3px rgba(0, 0, 0, 0.4);}
/* HTML: <div class="loader"></div> */
.loader {
	display:inline-block;
	width: 50px;
	height:50px;
	padding: 8px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #fff;
	--_m:
		conic-gradient(#ada7a700 10%,#000),
		linear-gradient(#000 0 0) content-box;
	-webkit-mask: var(--_m);
	mask: var(--_m);
	-webkit-mask-composite: source-out;
	mask-composite: subtract;
	animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}
/* // 로딩중 */


/* 심사 진행중 진행률 */
.layer_progress {}
.layer_progress .layer_content {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:21; text-align:center;}
.layer_progress .layer_content p.txt {text-shadow:0 0 3px rgba(0, 0, 0, 0.4);}
.layer_progress .layer_content div.bar {width:200px; height:20px; border-radius:5px; background-color:#ddd; overflow:hidden; box-shadow:inset 2px 0 4px rgba(0, 0, 0, 0.4);}
.layer_progress .layer_content div.bar span {display:flex; justify-content:center; align-items:center; position:relative; width:0%; max-width:100%; height:20px; background-color:var(--main-color); border-radius:0 5px 5px 0; color:#fff; font-size:12px; transition:width 0.2s ease;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
	animation: progress-bar-stripes 2s linear infinite;
	text-shadow:0 0 3px rgba(0, 0, 0, 0.4);
}
@keyframes progress-bar-stripes {
	0% {background-position: 40px 0;}
	100% {background-position: 0 0;}
}
.layer_progress .layer_content p.txt {margin-top:1em; color:#fff;}
/* // 심사 진행중 진행률 */


/* 메인 비주얼 영역 */
.main_visual_wrap {display:flex; align-items:center; width:100%; margin:100px 0;
	background-image: linear-gradient(90deg, rgba(248, 244, 255, 1) 100%, rgba(231,225,244, 1) 0%);
}
.main_visual_wrap div.inner {position:relative; width:100%; max-width:1200px; margin:0 auto;}
.main_visual_wrap div.inner span.main_bg_txt {position:absolute; bottom:60px; left:60px; width:100%; max-width:62.33333%;}
.main_visual_wrap div.main_visual {display:flex; justify-content:space-between; position:relative; width:100%; margin:0 auto; z-index:1;}
.main_visual_wrap div.main_visual div.txt_wrap {position:relative; width:100%; flex:1; padding:10% 0 0 5%; z-index:1;}
.main_visual_wrap div.main_visual div.txt_wrap div.tit {}
.main_visual_wrap div.main_visual div.txt_wrap div.tit strong {display:block; color:var(--main-color); font-size:48px; line-height:1.5em;}
.main_visual_wrap div.main_visual div.txt_wrap p.txt {margin-top:10px; color:#333; font-size:20px; line-height:1.6em; font-weight:400;}
.main_visual_wrap div.main_visual div.txt_wrap button {height:72px; margin-top:40px; padding:22px 44px; background-color:var(--main-color); border-radius:2px;}
.main_visual_wrap div.main_visual div.txt_wrap button span {color:#fff; font-size:20px; line-height:29px; font-weight:500;}
.main_visual_wrap div.main_visual div.img {display:flex; justify-content: center; align-items: center; width:50%; max-width:600px;}
.main_visual_wrap div.main_visual span.main_bg_txt {}

@media screen and (max-width:1200px) {
    .main_visual_wrap .inner {padding:1.25em 1.5em;}
}
@media screen and (max-width:768px) {
	.main_visual_wrap {margin:40px 0}
	.main_visual_wrap div.main_visual {align-items:center;}
	.main_visual_wrap div.main_visual div.txt_wrap {padding:0}
	.main_visual_wrap div.main_visual div.txt_wrap div.tit strong {font-size:24px;}
	.main_visual_wrap div.main_visual div.txt_wrap p.txt {font-size:16px;}
	.main_visual_wrap div.main_visual div.txt_wrap button {height:50px; margin-top:1em; padding:0 30px; border-radius:4px; box-shadow:inset 0 0 6px rgba(0,0,0,0.16);}
	.main_visual_wrap div.main_visual div.txt_wrap button span {font-size:18px;}
}
@media screen and (max-width:500px) {
	.main_visual_wrap div.inner {padding:3em 1.5em}
	.main_visual_wrap div.main_visual {flex-direction:column;}
	.main_visual_wrap div.main_visual div.txt_wrap div.tit strong {font-size:20px;}
	.main_visual_wrap div.main_visual div.txt_wrap p.txt {font-size:14px;}
	.main_visual_wrap div.main_visual div.txt_wrap button {height:40px; padding:0 20px;}
	.main_visual_wrap div.main_visual div.txt_wrap button span {font-size:16px;}
	.main_visual_wrap div.main_visual div.img {position:absolute; right:-20%; top:50%; transform:translateY(-50%);}
	.main_visual_wrap div.inner span.main_bg_txt {bottom:1em; left:1.5em;}
}
/* // 메인 비주얼 영역 */





/* 동의서 약정서 레이어팝업 */
.layer.agreement {width:100%; max-width:960px; z-index:11;}
.layer.agreement div.dim {display:block; position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.layer.agreement .inner {position:fixed; top:50%; left:50%; min-width:800px; max-width:900px; max-height:round(to-zero, 85vh, 1px); border-radius:4px; background-color:#fff; overflow-y:auto; transform: translate(round(to-zero, -50%, 1px) , round(to-zero, -50%, 1px)); box-shadow:2px 10px 30px rgba(0,0,0,0.16); z-index:40; font-size:14px; line-height:1.5;}
.layer.agreement .agreement_content {position:relative; width:100%; height:100%; max-height:80vh; padding:40px; overflow-y:auto;}
.layer.agreement .agreement_content div.h2 {padding-bottom:2em; font-size:24px; font-weight:bold; letter-spacing:-0.05em; text-align:center;}
.layer.agreement .agreement_content div.h2 label {position:relative;}
.layer.agreement .agreement_content div.h2 label + label {margin-left:0.5em;}
.layer.agreement .agreement_content div.h2 label input {position:absolute; top:0; left:0; width:0; height:0; opacity:0;}
.layer.agreement .agreement_content div.h2 label input + span.checkmark {display:inline-block; position:relative; width:20px; height:20px; background-color:#ddd;}
.layer.agreement .agreement_content div.h2 label input:checked + span.checkmark {background-color:var(--main-color);}
.layer.agreement .agreement_content div.h2 label input:checked + span.checkmark::before {content:""; display:block; position:absolute; bottom:30%; left:50%; width:55%; height:35%; border-width:0 0 2px 2px; border-style:solid; border-color:#fff; transform:rotate(-45deg); transform-origin:0 100%;}
.layer.agreement .agreement_content div.h2 label input:checked ~ span.txt {}
.layer.agreement .agreement_content .to {padding-bottom:1em;}
.layer.agreement .agreement_content .content_box .tit {padding-bottom:0.5em;}
.layer.agreement .agreement_content p.txt {line-height:1.5; word-break:keep-all;}

.layer.agreement .agreement_content button.btn_close {position:fixed; top:30px; right:34px; width:30px; height:30px; border-radius:2px; background-color:rgba(0,0,0,0.16); color:transparent; transform:translateY(-50%);}
.layer.agreement .agreement_content button.btn_close span {display:block; width:100%; height:100%; color:transparent;}
.layer.agreement .agreement_content button.btn_close::before,
.layer.agreement .agreement_content button.btn_close::after {content:""; position:absolute; top:50%; left:50%; widt :72%; height:1.5px; background-color:#fff;}
.layer.agreement .agreement_content button.btn_close::before {transform:translate(-50%,-50%) rotate(45deg);}
.layer.agreement .agreement_content button.btn_close::after {transform:translate(-50%,-50%) rotate(-45deg);}

.layer.agreement .agreement_content .content_box {margin-top:1em;}
.layer.agreement .agreement_content div.btn_group {display:flex; justify-content:center; margin-top:40px;}
.layer.agreement .agreement_content div.btn_group button {height:72px; width:480px; border-radius:2px; background-color: var(--main-color);}
.layer.agreement .agreement_content div.btn_group button span {display:block; color:#fff; font-size:20px; line-height:29px; font-weight:500;}
.layer.agreement .agreement_content table {border-collapse:collapse; font-size:14px; border-spacing:1px; margin-bottom:1em;}
.layer.agreement .agreement_content table th,
.layer.agreement .agreement_content table td {padding:10px; vertical-align: top;}
.layer.agreement .agreement_content table th {border:1px solid #ddd; background-color:#f7f7f7; word-break:keep-all; text-align:left;}
.layer.agreement .agreement_content table td {border:1px solid #ddd; background-color:#fff;}

.layer.agreement .tar {text-align:right;}
.layer.agreement .tac {text-align:center;}
.layer.agreement .agreement_content .sign_wrap {margin-top:2em; text-align:center;}
.layer.agreement .agreement_content .sign_wrap {font-size:20px;}
.layer.agreement .agreement_content strong.state {color:var(--main-color); font-weight:500;}
/* // 동의서 약정서 레이어팝업 */






/* 상품소개 페이지 */
.product_wrap {text-align:center;}
.product_wrap .product_tit {padding-top:60px;}
.product_wrap .product_tit div.tit {color:var(--main-color); font-size:48px; line-height:1.47916em; font-weight:700;}
.product_wrap .product_tit p.txt {max-width:1200px; margin:0 auto; margin-top:20px; padding:20px 30px; border-radius:2em; background-color:#F5F5F5; color:#000; font-size:20px; line-height:1.4em; word-break:keep-all;}
.product_visual {margin-top:40px; padding:60px 0; background-color:#E7E1F4;}
.product_visual div.tit {color:#333; font-size:36px; line-height:1.5em; font-weight:700; word-break:keep-all;}
.product_visual div.tit strong {color:var(--main-color);}
.product_visual .img {width:100%; max-width:1200px; margin:0 auto;}
.product_visual ul {display:flex; justify-content:space-between; gap:3%; width:100%; max-width:1200px; margin:0 auto;}
.product_visual ul li {display:flex; flex-direction:column; gap:10px; width:100%; padding:40px; border-radius:20px; background-color:#fff;}
.product_visual ul li strong.tit {color:#000; font-size:24px; line-height:1.5em; font-weight:700; word-break:keep-all;}
.product_visual ul li p.txt {color:#000; font-size:20px; line-height:1.6em; word-break:keep-all;}
.product_visual button {width:100%; max-width:480px; margin-top:40px; height:4.5em; background-color: var(--main-color); border-radius:2px;}
.product_visual button span {color:#fff; font-size:20px; line-height:1.2em; font-weight:500; text-shadow:0 1px 2px rgba(0,0,0,0.16);}

@media only screen and (max-width:1200px) {
	.product_wrap .product_tit {padding:60px 20px 0;}
	.product_visual {padding:60px 20px;}
}
@media only screen and (max-width:786px) {
	.product_visual {padding:40px 20px;}
	.product_wrap .product_tit {padding-top:30px;}
	.product_wrap .product_tit div.tit {font-size:24px;}
	.product_wrap .product_tit p.txt {padding:1em 1.5em; font-size:16px;}
	.product_visual {margin-top:30px;}
	.product_visual div.tit {font-size:24px;}
	.product_visual ul {flex-direction:column; gap:16px;}
	.product_visual ul li {gap:4px; padding:20px;}
	.product_visual ul li strong.tit {font-size:1.125em;}
	.product_visual ul li p.txt {font-size:0.875em;;}
	.product_visual ul li p.txt br {display: none;}
	.product_visual button {height:50px; margin-top:20px;}
	.product_visual button span {font-size:0.875em;}
}
@media only screen and (max-width:430px) {
	.product_visual ul li {text-align:left;}
}
/* // 상품소개 페이지 */