/**
	Theme Name:   Worldfunding
	Theme URI:    http://fiscus.tech/
	Author:       Studio Bloom - Webloom team
	Author URI:   http://webloom.us/
	Description:  Fiscus - Worldfunding Theme
	Version:      1.0.02-public
	Tags:         fiscus, worldfunding

	Text Domain:  worldfunding
*/


/**
 * Wordpress Core
 */
.alignnone {  }
.aligncenter,
div.aligncenter {  }
.alignright {  }
.alignleft {  }
a img.alignright {  }
a img.alignnone {  }
a img.alignleft {  }
a img.aligncenter {  }

.wp-caption {  }
.wp-caption.alignnone {  }
.wp-caption.alignleft {  }
.wp-caption.alignright {  }
.wp-caption img {  }
.wp-caption p.wp-caption-text {  }

.gallery-caption {  }

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail { max-width: 100%; height: auto; }

.screen-reader-text { position: absolute !important; clip: rect(1px,1px,1px,1px); height: 1px; width: 1px; white-space: nowrap; overflow: hidden; }
.screen-reader-text:focus { top: 5px; left: 5px; display: block; padding: 15px 23px 14px; clip: auto !important; width: auto; height: auto; font-size: 0.875rem; font-weight: bold; color: #21759b; line-height: normal; text-decoration: none; background-color: #f1f1f1; border-radius: 3px; z-index: 100000;
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
	        box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
}


/**
 * Theme Core
 */
body,
input,
textarea,
button,
select { font-family: 'Nanum Gothic', 'Malgun Gothic', sans-serif; font-size: 16px; color: #30373e; line-height: 1.5; }

table { table-layout: fixed; }

b,
strong { font-weight: 700; }

a { color: #30373e; }
@media all and (min-width: 1024px) {
	a {
		-webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
		        transition: color 0.2s, background-color 0.2s, border-color 0.2s;
	}
	a:hover { color: #ffbf00; }
}

p:first-of-type { margin-top: 0; }
p:last-of-type { margin-bottom: 0; }

.clear { width: 100%; clear: both; }
.clearfix:after { content: ''; display: block; clear: both; }

.container { max-width: 1200px; }

.roboto { font-family: 'Roboto', 'Nanum Gothic', sans-serif; }
.point-color { color: #ffbf00; }

.keep-all { word-break: keep-all; word-wrap: break-word; }

.responsive-table { max-width: 100%; overflow-x: auto; }

.dropdown-wrap { position: relative; }
.dropdown-wrap .dropdown-button { display: inline-block; cursor: pointer; }
.dropdown-wrap .dropdown-button.current {  }

.dropdown-wrap .dropdown-list { display: none; position: absolute; top: 100%; left: 0; z-index: 2; text-align: left; }
.dropdown-wrap .dropdown-list a { display: block; padding: 5px 18px; }
.dropdown-wrap .dropdown-list a.active { color: #ffbf00; }
.dropdown-wrap .dropdown-list a:first-child { padding-top: 10px; }
.dropdown-wrap .dropdown-list a:last-child { padding-bottom: 12px; }


/**
 * Font Awesome 5 스타일
 */
.fas.fa-phone { position: relative; top: -1px;
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}


/**
 * Select2 js 스크립트 스타일
 */
.select-js,
.select2-hidden-accessible { display: none; }

.select2 { display: inline-block; }
.select2-container { z-index: 100; }
.select2-container .select2-selection { display: block; cursor: pointer; }
.select2-container .select2-selection:after { content: ''; display: block; clear: both; }
.select2-container .select2-selection__rendered { display: inline-block; }
.select2-container .select2-selection__arrow { display: inline-block; float: right; }
.select2-container .select2-selection__arrow b:before { content: '\f0d7'; font-family: 'Font Awesome 5 Free'; font-size: 20px; color: #ffbf00; }

.select2-container .select2-dropdown { display: block; }
.select2-container .select2-dropdown .select2-search--hide { display: none; }
.select2-container .select2-dropdown .select2-results { display: block; background-color: #f0f0f0; border: 1px solid #d7d7d7; border-radius: 10px; overflow: hidden;
	-webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.1);
	        box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.select2-container .select2-dropdown .select2-results .select2-results__options { list-style: none; margin: 0; padding: 0; max-height: 400px; overflow-y: auto; }
.select2-container .select2-dropdown .select2-results .select2-results__option { padding: 10px 18px; /*font-size: 20px;*/ font-weight: 400; line-height: 1em; border-radius: 5px; outline: 0; cursor: pointer;
	-webkit-transition: color 0.2s;
	        transition: color 0.2s;
}
.select2-container .select2-dropdown .select2-results .select2-results__option:first-child { padding-top: 17px; }
.select2-container .select2-dropdown .select2-results .select2-results__option:last-child { padding-bottom: 17px; }
.select2-container .select2-dropdown .select2-results .select2-results__option--highlighted { color: #ffbf00; }


/**
 * Shortcode Ultimate 스타일
 */
.su-generator-button { display: none !important; }
.su-lightbox { cursor: pointer; }

.qtip { color: #30373e !important; border-color: #cacaca !important; background-color: #f0f0f0 !important; border-radius: 10px; }
.qtip .qtip-tip { background-color: #f0f0f0 !important; }
.qtip .qtip-titlebar { font-size: 12px !important; font-weight: 500 !important; color: #2f3753 !important; line-height: 1.5 !important; background-color: #f0f0f0!important; }
.qtip .qtip-content { padding-top: 5px; padding-bottom: 5px; font-size: 12px !important; font-weight: 500 !important; color: #2f3753 !important; line-height: 1.5 !important; background-color: #f0f0f0 !important; border-radius: 6px; letter-spacing: -0.2px; }


/**
 * Material 스타일 클릭 효과
 */
.stone { position: relative; overflow: hidden; }
.ripple { position: absolute; width: 0; height: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.4); opacity: 1;
	-webkit-transform: scale(0);
	    -ms-transform: scale(0);
	        transform: scale(0);
}
.rippleEffect {
	-webkit-animation: rippleDrop 0.6s linear;
	        animation: rippleDrop 0.6s linear;
}

@-webkit-keyframes rippleDrop {
	100% { opacity: 0;
		-webkit-transform: scale(2);
		    -ms-transform: scale(2);
		        transform: scale(2);
	}
}
@keyframes rippleDrop {
	100% { opacity: 0;
		-webkit-transform: scale(2);
		    -ms-transform: scale(2);
		        transform: scale(2);
	}
}


/**
 * Input, select 스타일 초기화
 */
input,
select {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}
input::-ms-clear { display: none; }

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

input[type='radio'] {
	-webkit-appearance: radio;
	   -moz-appearance: radio;
	        appearance: radio;
}

.sweet-alert select {
	-webkit-appearance: menulist;
	   -moz-appearance: menulist;
	        appearance: menulist;
}


/**
 * 스크롤 탑 버튼
 */
#scroll-to-top {  }
#scroll-to-top .container { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1000; margin: 0 auto; }
#scroll-to-top a { position: absolute; bottom: 10px; right: -90px; z-index: 10; display: block; width: 35px; height: 35px; font-size: 30px; line-height: 35px; color: #fabf13; text-align: center; border: 1px solid #fabf13; border-radius: 5px;
	-webkit-transition: color 0.2s, background-color 0.2s, transform 0.2s, bottom 0.2s;
	-webkit-transition: color 0.2s, background-color 0.2s, -webkit-transform 0.2s, bottom 0.2s;
	        transition: color 0.2s, background-color 0.2s, -webkit-transform 0.2s, bottom 0.2s;
	        -webkit-transition: color 0.2s, background-color 0.2s, bottom 0.2s, -webkit-transform 0.2s;
	        transition: color 0.2s, background-color 0.2s, bottom 0.2s, -webkit-transform 0.2s;
	        transition: color 0.2s, background-color 0.2s, transform 0.2s, bottom 0.2s;
	        transition: color 0.2s, background-color 0.2s, transform 0.2s, bottom 0.2s, -webkit-transform 0.2s;
	        transition: color 0.2s, background-color 0.2s, transform 0.2s, -webkit-transform 0.2s, bottom 0.2s;

	-webkit-transform: translate3d(0,70px,0);
	    -ms-transform: translate3d(0,70px,0);
	        transform: translate3d(0,70px,0);
}
#scroll-to-top.show a {
	-webkit-transform: translate3d(0,0,0);
	    -ms-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0);
}
@media all and (min-width: 1024px) {
	#scroll-to-top a:hover { background-color: rgba(144,163,181,0.3); }
}
@media all and (max-width: 1400px) {
	#scroll-to-top a { right: -50px; }
}
@media all and (max-width: 1320px) {
	#scroll-to-top a { right: 15px; }
}

/**
 * Wordpress Admin-bar
 */
html #wpadminbar {
	-webkit-transition: transform 0.2s;
	-webkit-transition: -webkit-transform 0.2s;
	        transition: -webkit-transform 0.2s;
	        transition: transform 0.2s;
	        transition: transform 0.2s, -webkit-transform 0.2s;
}
html #wpadminbar.hide {
	-webkit-transform: translate3d(0,-32px,0);
	    -ms-transform: translate3d(0,-32px,0);
	        transform: translate3d(0,-32px,0);
}
@media all and (max-width: 782px) {
	html #wpadminbar {  }
	html #wpadminbar.hide {
		-webkit-transform: translate3d(0,-46px,0);
		    -ms-transform: translate3d(0,-46px,0);
		        transform: translate3d(0,-46px,0);
	}
}
@media all and (max-width: 600px) {
	html #wpadminbar { position: fixed !important; }
}

@media all and (max-width: 767px) {
	body {
		font-size: 14px;
	}
}


/**
 * Header
 */
/*body { padding-top: 100px; }*/
#header { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; background-color: #fff;
	-webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.1);
	        box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.1);

	-webkit-transition: transform 0.2s;
	-webkit-transition: -webkit-transform 0.2s;
	        transition: -webkit-transform 0.2s;
	        transition: transform 0.2s;
	        transition: transform 0.2s, -webkit-transform 0.2s;
}
body.admin-bar #header { top: 32px; }
@media all and (max-width: 782px) {
	body.admin-bar #header { top: 46px; }
}
#header > .outer-wrap {  }
#header > .outer-wrap > .inner-wrap { position: relative; }

#header.hide {
	-webkit-transform: translate3d(0,-100px,0);
	    -ms-transform: translate3d(0,-100px,0);
	        transform: translate3d(0,-100px,0);
}
body.admin-bar #header.hide {
	-webkit-transform: translate3d(0,-132px,0);
	    -ms-transform: translate3d(0,-132px,0);
	        transform: translate3d(0,-132px,0);
}
@media all and (max-width: 782px) {
	body.admin-bar #header.hide {
		-webkit-transform: translate3d(0,-146px,0);
		    -ms-transform: translate3d(0,-146px,0);
		        transform: translate3d(0,-146px,0);
	}
}

#header-logo {  }
#header-logo a {display: table-cell; /*padding-bottom: 10px; height: 100px; */ height: 80px; vertical-align: middle;}
#header-logo img { max-width: 115px; width: 100%; }

#header-menu {  }
#header-menu > ul { margin: 0 -30px; padding: 0; }
#header-menu > ul > li { position: relative; list-style: none; float: left; margin: 0 20px; }
#header-menu > ul > li > a {display: table-cell; padding: 30px 10px 29px; /*padding: 20px 10px 0; height: 100px; font-weight: 700; vertical-align: middle;*/}
#header-menu > ul > li > ul { position: absolute; left: -15px; z-index: 2; margin: 0; padding: 0; width: 120px; background-color: #f0f0f0; border-radius: 10px; opacity: 0; visibility: hidden;
	top: -webkit-calc( 100% - 15px );
	top: calc( 100% - 15px );

	-webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.1);
	        box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.1);

	-webkit-transition: visibility 0.35s, transform 0.3s, opacity 0.35s;
	-webkit-transition: visibility 0.35s, opacity 0.35s, -webkit-transform 0.3s;
	        transition: visibility 0.35s, opacity 0.35s, -webkit-transform 0.3s;
	        transition: visibility 0.35s, transform 0.3s, opacity 0.35s;
	        transition: visibility 0.35s, transform 0.3s, opacity 0.35s, -webkit-transform 0.3s;

	-webkit-transform: scale(0.9);
	    -ms-transform: scale(0.9);
	        transform: scale(0.9);
}
#header-menu > ul > li > ul > li { list-style: none; position: relative; text-align: center; }
#header-menu > ul > li > ul > li:after { content: ''; position: absolute; right: 12px; bottom: 0; left: 12px; margin: 0 auto; height: 1px; background-color: #cacaca; }
#header-menu > ul > li > ul > li:last-child:after { display: none; }

#header-menu > ul > li > ul > li > a { display: block; padding: 11px 9px 13px; font-weight: 700; }
#header-menu > ul > li > ul > li:first-child > a { padding-top: 16px; }
#header-menu > ul > li > ul > li:last-child > a { padding-bottom: 16px; }

#header-menu > ul > li:hover > ul { opacity: 1; visibility: visible;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

#header-system-menu { padding-left: 0; color: #fff; }
#header-system-menu ul { position: absolute; top: 0; right: 0; display: table; margin: 0 auto; /*padding: 28px 30px 31px;*/ padding: 25px 30px 25px; text-align: center; white-space: nowrap; background-color: #30373e; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
#header-system-menu li { position: relative; list-style: none; display: inline-block; }
#header-system-menu li.bell { position: relative; margin-right: 13px; }
#header-system-menu li.bell.new:after { content: ''; position: absolute; top: 1px; right: 0; width: 8px; height: 8px; background-color: #f1585f; border-radius: 50%; }
#header-system-menu li.login { margin-right: 17px; padding-right: 17px; }
#header-system-menu li.login:after { content: ''; position: absolute; top: 2px; right: 0; bottom: 0; margin: auto 0; width: 1px; height: 15px; background-color: #fff; }
#header-system-menu li.username { margin-right: 17px; padding-right: 17px; }
#header-system-menu li.username:after { content: ''; position: absolute; top: 2px; right: 0; bottom: 0; margin: auto 0; width: 1px; height: 15px; background-color: #fff; }
#header-system-menu li a { color: inherit; }
#header-system-menu li b { position: relative; display: inline-block; }
@media all and (min-width: 1024px) {
	#header-system-menu li a:hover { color: #ffbf00; font-weight: 700;}
}

#header-system-menu ul li ul { display: none; }

@media all and (max-width: 1023px) {
	#header-menu { display: none; }
	#header-system-menu { display: none; }
}


/**
 * Mobile Sidebar
 */
#mobile-sidebar-toggle:before,
#mobile-sidebar-toggle:after { content: ''; }
#mobile-sidebar-toggle:before,
#mobile-sidebar-toggle span,
#mobile-sidebar-toggle:after { position: absolute; top: 0; bottom: 0; margin: auto 0; width: 25px; height: 2px; background-color: #30373e; right: 20px; display: none; }
#mobile-sidebar-toggle:before { top: -15px; r.ight: 20px; }
#mobile-sidebar-toggle:after { top: 16px; r.ight: 20px; }

#mobile-sidebar { position: fixed; top: 0; right: -270px; bottom: 0; z-index: 1002; width: 270px; line-height: 1em; background-color: #fff; border-radius: 10px 0 0 10px; overflow-x: hidden; overflow-y: auto;
	-webkit-transition: transform 0.4s;
	-webkit-transition: -webkit-transform 0.4s;
	        transition: -webkit-transform 0.4s;
	        transition: transform 0.4s;
	        transition: transform 0.4s, -webkit-transform 0.4s;
}
body.admin-bar #mobile-sidebar { top: 32px; }
@media all and (max-width: 782px) {
	body.admin-bar #mobile-sidebar { top: 46px; }
}

#mobile-sidebar .system-menu { background-color: #30373e; }
#mobile-sidebar .system-menu ul { margin: 0; padding: 0; }
#mobile-sidebar .system-menu ul:after { content: ''; display: block; clear: both; }
#mobile-sidebar .system-menu li { list-style: none; position: relative; float: left; display: table; width: 50%; text-align: center; }
#mobile-sidebar .system-menu li:first-child:after { content: ''; position: absolute; top: 2px; right: 0; bottom: 0; margin: auto 0; width: 1px; height: 15px; background-color: #fff; }
#mobile-sidebar .system-menu li a { display: table-cell; width: 100%; height: 80px; color: #fff; vertical-align: middle; }
#mobile-sidebar .system-menu li ul { display: none; }
#mobile-sidebar .system-menu li.username {  }
#mobile-sidebar .system-menu li.username b { display: inline-block; max-width: 100px; line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#mobile-sidebar .system-menu li.username span { display: inline-block; line-height: 1.5; overflow: hidden; }

#mobile-sidebar .user-menu { background-color: #f0f0f0; }
#mobile-sidebar .user-menu ul { margin: 0; padding: 20px 30px; }
#mobile-sidebar .user-menu li { list-style: none; padding: 5px 0; font-size: 12px; font-weight: 700; }
#mobile-sidebar .user-menu li a { display: block; padding: 4px 0; }
#mobile-sidebar .user-menu li a i { position: relative; float: right; display: block; width: 14px; text-align: center; }
#mobile-sidebar .user-menu li a i.new {  }
#mobile-sidebar .user-menu li a i.new:after { content: ''; position: absolute; top: -2px; right: -1px; width: 8px; height: 8px; background-color: #f1585f; border-radius: 50%; }

#mobile-sidebar .main-menu { padding: 0 30px 30px; }
#mobile-sidebar .main-menu ul { margin: 0; padding: 0; }
#mobile-sidebar .main-menu > ul {  }
#mobile-sidebar .main-menu > ul > li { border-bottom: 1px solid #f0f0f0; }
#mobile-sidebar .main-menu li { list-style: none; padding: 17px 0; }
#mobile-sidebar .main-menu li a { display: block; padding: 10px 0; font-weight: 700; }
#mobile-sidebar .main-menu li ul { display: none; }
#mobile-sidebar .main-menu li ul li { padding: 2px 10px; }
#mobile-sidebar .main-menu li ul li:first-child { padding-top: 10px; }
#mobile-sidebar .main-menu li ul li:last-child { padding-bottom: 0; }
#mobile-sidebar .main-menu li ul li a { font-weight: 500; }

#mobile-sidebar .main-menu .menu-item-has-children { position: relative; }
#mobile-sidebar .main-menu .menu-item-has-children:after { content: '\f0d7'; font-family: 'Font Awesome 5 Free'; position: absolute; top: 27px; right: 0; z-index: -1; font-weight: 800; color: #fabf13; }
#mobile-sidebar .main-menu .menu-item-has-children.active {  }
#mobile-sidebar .main-menu .menu-item-has-children.active:after {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

#mobile-sidebar-overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; z-index: 1001; width: 100%; background-color: rgba(48,55,62,0.4); }

@media all and (max-width: 1023px) {
	#mobile-sidebar-toggle { display: block; }

	#mobile-sidebar-toggle:before,
	#mobile-sidebar-toggle span,
	#mobile-sidebar-toggle:after { display: block; }
}

html.sidebar-active { overflow: hidden; }
html.sidebar-active #mobile-sidebar {
	-webkit-transform: translate3d(-270px, 0, 0);
	    -ms-transform: translate3d(-270px, 0, 0);
	        transform: translate3d(-270px, 0, 0);
}
@media all and (min-width: 1024px) {
	#mobile-sidebar {
		-webkit-transform: translate3d(0, 0, 0) !important;
		    -ms-transform: translate3d(0, 0, 0) !important;
		        transform: translate3d(0, 0, 0) !important;
	}
	#mobile-sidebar-overlay { display: none !important; }
}



/**
 * Footer
 */
#footer { padding: 50px 0 50px; color: #90a3b5; background-color: #30373e; }
#footer .footer-menu { position: relative; }
#footer .footer-menu a { color: inherit; }

#footer .footer-menu .menu {  }
#footer .footer-menu .menu:after { content: ''; display: block; clear: both; }
#footer .footer-menu .menu ul { margin: 0; padding: 0; }
#footer .footer-menu .menu li { list-style: none; float: left; margin-top: 10px; margin-right: 10px; }
#footer .footer-menu .menu li a { color: #ffbf00; /*font-size: 12px;*/ }
#footer .footer-menu .menu ul li ul { display: none; }
#footer .footer-menu .cs { position: absolute; top: 10px; right: 15px; }
#footer .footer-menu .cs i { font-size: 12px; }
#footer .footer-menu .separator { margin: 15px 0 5px; height: 1px; border: 0; background-color: #6a7682; }

#footer .footer-widget-area { position: relative; }
#footer .footer-widget-area .social-link { position: absolute; top: 5px; right: 0; text-align: right; }
#footer .footer-widget-area .social-link .social {  }
#footer .footer-widget-area .social-link .social a { display: inline-block; margin-right: 5px; padding-top: 9px; width: 35px; height: 35px; /*font-size: 15px;*/ color: #fff; text-align: center; line-height: 1em; /*border: 1px solid #90a3b5;*/ border-radius: 50%; padding: 10px 5px 5px 5px; }
#footer .footer-widget-area .social-link .social a:last-child { margin-right: 0; }

#footer .footer-widget-area .social-link .social a.kakao {background-color: #f8e700;}
#footer .footer-widget-area .social-link .social a.kakao i {color: #431815;}
#footer .footer-widget-area .social-link .social a.naver {background-color: #24a639;}
#footer .footer-widget-area .social-link .social a.facebook {background-color: #2f4e93;}

@media all and (min-width: 1024px) {
	/* #footer .footer-widget-area .social-link .social a:hover { color: #ffbf00; background-color: rgba(144,163,181,0.3); } */
}

#footer .footer-widget-area .widget { margin-top: 20px; }
#footer .footer-widget-area .widget:first-child { margin-top: 0; }
#footer .footer-widget-area .widget .title { margin-bottom: 12px; font-size: 16px; font-weight: 400; }
#footer .footer-widget-area .widget p { margin: 9px 0; }
#footer .footer-widget-area .widget p:first-of-type { margin-top: 0; }
#footer .footer-widget-area .widget p:last-of-type { margin-bottom: 0; }
#footer .footer-widget-area .widget p a { color: inherit; }
#footer .footer-widget-area .widget p i { margin-right: 3px; }
#footer .footer-widget-area .widget p i.fas.fa-phone { font-size: 11px; }

@media all and (min-width: 1024px) {
	#footer .footer-menu a:hover,
	#footer .footer-menu .menu li a:hover,
	#footer .footer-widget-area .widget p a:hover { color: #fff; }
}
@media all and (max-width: 767px) {
	#footer .footer-menu .cs { position: static; margin-top: 10px; font-size: 12px;}
	#footer .footer-widget-area .social-link { position: static; margin-top: 5px; margin-bottom: 20px; text-align: left; }
	#footer .footer-widget-area .widget span { display: block; margin-top: 3px; }
}


/**
 * Page
 */
#page { padding: 110px 0; }
#page #page-header { padding: 30px 0 50px; text-align: center; }
#page #page-header .title { font-size: 30px; line-height: 1em; }

#page #page-body .container .contents-inner { padding: 40px 30px; border: 1px solid #cacaca; border-radius: 10px; line-height: 25px; }
#page #page-body .container .contents-inner h3 { font-size: 18px; color: #30373e; line-height: inherit; }
#page #page-body .container .contents-inner h4 { font-size: 16px; color: #30373e; line-height: inherit; }
#page #page-body .container .contents-inner p { font-size: 14px; color: #30373e; line-height: inherit; }

@media all and (max-width: 767px) {
	#page #page-header .title { font-size: 34px; }
}

/*fiscus aff plugin merge css start*/
	#mypage-settings-container .recommend { position:relative;overflow:hidden;}
	#mypage-settings-container .recommend-common { margin-bottom: 20px; }
	#mypage-settings-container .recommend-common:last-child { margin-bottom: 0; }
	#mypage-settings-container .recommend-common:after { content: ''; display: block; clear: both; }
	#mypage-settings-container .recommend-common .label { float: left; display: inline-block; padding-top: 2px; width: 140px; font-size: 16px; }
	#mypage-settings-container .recommend-common .value { float: left; }
	#mypage-settings-container .recommend-common .mypage-btn { display: inline-block; height: 30px; font-size: 14px; line-height: 27px; }
	#mypage-settings-container .recommend #my_aff_code { float: left; width: 50%; }
	#mypage-settings-container .recommend #my_aff_code .name { display: inline-block; margin-right: 30px; }
	#mypage-settings-container .recommend #my_aff_code .num { display: inline-block; margin-right: -1px; width: 24px; height: 30px; font-size: 14px; color: #cacaca; text-align: center; line-height: 27px; border: 1px solid #cacaca; }
	#mypage-settings-container .recommend #my_aff_code .num:nth-child(2) { padding-right: 5px; text-align: right; border-radius: 10px 0 0 10px; }
	#mypage-settings-container .recommend #my_aff_code .num:last-of-type { margin-right: 27px; padding-left: 6px; text-align: left; border-radius: 0 10px 10px 0; }
	#mypage-settings-container .recommend #my_aff_code a { display: inline-block; width: 65px; height: 30px; font-size: 14px; color: #30373e; text-align: center; line-height: 30px; border: 1px solid #30373e; border-radius: 10px; }
	#mypage-settings-container .recommend #submit_aff_code { float: right; width: 50%;}
	#mypage-settings-container .recommend #submit_aff_code .name { display: inline-block; }

	#mypage-settings-container .recommend #submit_aff_code #inputAffCode {  max-width: 120px; }
	#mypage-settings-container .recommend #submit_aff_code .pincode-input-container { display: inline-block; margin: 0 27px; }
	#mypage-settings-container .recommend #submit_aff_code a { display: inline-block; width: 65px; height: 30px; font-size: 14px; color: #fff; text-align: center; line-height: 30px; background-color: #30373e; border-radius: 10px; }
	#mypage-settings-container .recommend #submit_aff_code input { position: relative; z-index: 1; display: inline-block; margin-right: -1px; width: 24px; height: 30px; font-size: 14px; color: #30373e; text-align: center; line-height: 27px; background-color: #f0f0f0; border: 1px solid #cacaca; }
	#mypage-settings-container .recommend #submit_aff_code input:first-child { padding-right: 5px; text-align: right; border-radius: 10px 0 0 10px; }
	#mypage-settings-container .recommend #submit_aff_code input:last-of-type { padding-left: 6px; text-align: left; border-radius: 0 10px 10px 0; }
	#mypage-settings-container .recommend #submit_aff_code input:focus { z-index: 2; }
	#mypage-settings-container .recommend #submit_aff_code .pincode-input-container.touch { }
	#mypage-settings-container .recommend #submit_aff_code .pincode-input-container.touch input { width: 116px; border-radius: 10px; }

	/*추천인코드가 있는경우*/
	#mypage-settings-container .recommend #submit_aff_code.has-recommend { width: 50%; }
	#mypage-settings-container .recommend #submit_aff_code.has-recommend .has-recommend-wrap { text-align: right; }
	#mypage-settings-container .recommend #submit_aff_code.has-recommend .has-recommend-wrap:after { content: ""; display: block; clear: both; }
	#mypage-settings-container .recommend #submit_aff_code.has-recommend .has-recommend-wrap .name { margin-right: 30px; }
	#mypage-settings-container .recommend #submit_aff_code.has-recommend .has-recommend-wrap .num { display: inline-block; margin-right: -1px; width: 24px; height: 30px; font-size: 14px; color: #cacaca; text-align: center; line-height: 27px; border: 1px solid #cacaca; }
	#mypage-settings-container .recommend #submit_aff_code.has-recommend .has-recommend-wrap .num:nth-of-type(2) { padding-right: 5px; text-align: right; border-radius: 10px 0 0 10px; }
	#mypage-settings-container .recommend #submit_aff_code.has-recommend .has-recommend-wrap .num:last-of-type { padding-left: 6px; text-align: left; border-radius: 0 10px 10px 0; }

	#mypage-settings-container .recommend #my_aff_code_url { padding-top: 30px; clear: both; }
	#mypage-settings-container .recommend #my_aff_code_url .name { display: inline-block; margin-right: 30px; vertical-align: top; }
	#mypage-settings-container .recommend #my_aff_code_url #myAffCodeUrl { display: inline-block; padding: 0 21px 0 10px; max-width: 490px; width: 100%; height: 30px; font-size: 14px; font-weight: 600; color: #cacaca; line-height: 27px; border: 1px solid #cacaca; border-radius: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	#mypage-settings-container .recommend #my_aff_code_url a { float: right; display: inline-block; width: 65px; height: 30px; font-size: 14px; color: #30373e; text-align: center; line-height: 30px; background-color: #fff; border: 1px solid #30373e; border-radius: 10px; }
	#mypage-settings-container .recommend #my_aff_code_url .value { float: none; margin-left: 140px; }


	@media all and (max-width: 1160px) {
		#mypage-settings-container .recommend-common .label { width: 120px; }
		#mypage-settings-container .recommend #my_aff_code_url .value { margin-left: 120px; }
	}

	@media all and (max-width: 1100px) {
		#mypage-settings-container .recommend #my_aff_code { float: none; width: inherit; }
		#mypage-settings-container .recommend #submit_aff_code { float: none; width: inherit;padding-top: 30px; }
	}
	@media all and (max-width: 1023px){
		#mypage-settings-container .recommend #my_aff_code .name { margin: 0; width: 140px; }
		#mypage-settings-container .recommend #submit_aff_code { margin-top: 20px; padding-top:0;}
		#mypage-settings-container .recommend #submit_aff_code .name { width: 140px; }
		#mypage-settings-container .recommend #submit_aff_code .pincode-input-container { margin: 0 27px 0 0; }
		#mypage-settings-container .recommend #my_aff_code_url { padding-top: 20px; }
		#mypage-settings-container .recommend #my_aff_code_url #myAffCodeUrl { max-width: 450px; }
		#mypage-settings-container .recommend #submit_aff_code.has-recommend .has-recommend-wrap { text-align: left; }
		#mypage-settings-container .recommend #submit_aff_code.has-recommend .has-recommend-wrap .name { margin-right: 0; }
	}
	@media all and (max-width: 767px){
		#mypage-settings-container .recommend #my_aff_code .name { display: block; margin-bottom: 18px; }
		#mypage-settings-container .recommend #submit_aff_code .name { display: block; margin-bottom: 18px; }
		/*#mypage-settings-container .recommend #my_aff_code_url #myAffCodeUrl { margin-top: 15px; }*/
		/*#mypage-settings-container .recommend #my_aff_code_url a { margin-top: 6px; }*/
	}
/*fiscis aff plugin merge css end*/


/**
 * Main
 */
#main { margin-top: 135px; }

#main-invested-status { position: relative; margin: 50px 0; padding: 0; height: 490px; overflow: hidden; }
#main-invested-status > .container {  }
#main-invested-status > .container > .row {  }

/*#main-invested-status .invested-status { margin: 10px 0; }*/
#main-invested-status .invested-status .date { display: inline-block; padding: 7px 10px 6px; font-size: 14px; /*font-weight: 700;*/ line-height: 1em; background-color: #fabf13; border-radius: 5px; }
#main-invested-status .invested-status .title { margin-top: 10px; font-size: 22px; font-weight: 600; }
#main-invested-status .invested-status .total-amount { margin-top: 40px; }
#main-invested-status .invested-status .total-amount .common {  }
#main-invested-status .invested-status .total-amount .common:after { content: ''; display: block; clear: both; }
#main-invested-status .invested-status .total-amount .common .name { float: left; font-size: 18px; /*line-height: 1em;*/ }
#main-invested-status .invested-status .total-amount .common .value { float: right; font-size: 20px; /*line-height: 1em;*/ }
#main-invested-status .invested-status .total-amount .common .value strong { font-size: 20px; font-weight: 800; /*line-height: 1em;*/ }
#main-invested-status .invested-status .total-amount .total-loan { margin-top: 18px; }

#main-invested-status .invested-status .total-percent { margin-top: 25px; background-color: #30373e; border-radius: 10px; padding: 22px 10px 18px 20px; width: 100%;}
#main-invested-status .invested-status .total-percent:after { content: ''; display: block; clear: both; }
#main-invested-status .invested-status .total-percent .common { position: relative; float: left; /*padding: 25px 0 20px;*/ width: 50%; text-align: center; color: #fff; padding: 0;}
#main-invested-status .invested-status .total-percent .common:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; margin: auto 0; width: 1px; height: 50px; background-color: #fff; }
#main-invested-status .invested-status .total-percent .common:last-child:after { display: none; }
#main-invested-status .invested-status .total-percent .common .name { font-size: 14px; line-height: 1em; }
#main-invested-status .invested-status .total-percent .common .value { margin-top: 7px; font-size: 24px; /*font-weight: 700; line-height: 1em;*/ }
#main-invested-status .invested-status .total-percent .common .value .unit { font-size: 16px; }

#main-invested-status .invested-status .slider-arrows { margin-top: 120px; text-align: right; }
#main-invested-status .invested-status .slider-arrows .button { padding: 0; font-size: 50px; line-height: 1.5; background-color: transparent; border: 0; cursor: pointer; outline: none; }
#main-invested-status .invested-status .slider-arrows .prev { margin-right: 24px; }
#main-invested-status .invested-status .slider-arrows .next {  }

#main-invested-status .deal-latest-slider-wrap { padding-right: 0; }

#main-invested-status #deal-latest-slider { position: relative; }
#main-invested-status #deal-latest-slider .item-box { margin: 0 15px; max-width: 370px; width: 100%; outline: none; }
#main-invested-status #deal-latest-slider .item { display: block; margin: 10px 0; color: inherit; border-radius: 10px; background-color: #f0f0f0; overflow: hidden; outline: none;
	-webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
	        box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
#main-invested-status #deal-latest-slider .item-inner { display: block; height: 470px; }

#main-invested-status #deal-latest-slider .item-head { position: relative; padding: 30px 20px; height: 215px; overflow: hidden; text-align: center; }
#main-invested-status #deal-latest-slider .item-head .background-image { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; /*background-color: #90a3b5;*/ background-position: center;
	-webkit-background-size: cover;
	        background-size: cover;

	-webkit-transition: transform 0.5s;
	-webkit-transition: -webkit-transform 0.5s;
	        transition: -webkit-transform 0.5s;
	        transition: transform 0.5s;
	        transition: transform 0.5s, -webkit-transform 0.5s;

	-webkit-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);

	-webkit-filter: blur(8px);
	        filter: blur(8px);
}
#main-invested-status #deal-latest-slider .item-head .background-image .overlay { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: rgba(48,55,62,0.6); }
#main-invested-status #deal-latest-slider .item-head .uid { position: relative; z-index: 2; display: inline-block; padding: 2px 10px 4px; font-size: 16px; color: #30373e; font-weight: 700; line-height: 1em; background-color: #fabf13; border-radius: 10px; }
#main-invested-status #deal-latest-slider .item-head .title { position: relative; z-index: 2; /*margin-top: 20px;*/ font-size: 20px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#main-invested-status #deal-latest-slider .item-head .user-count { position: absolute; bottom: 15px; left: 20px; z-index: 2; font-size: 14px; text-align: left; color: #fff; }
#main-invested-status #deal-latest-slider .item-head .status { position: absolute; right: 20px; bottom: 25px; z-index: 2; color: #fff; }
#main-invested-status #deal-latest-slider .item-head .status.waiting { color: #cacaca; }
#main-invested-status #deal-latest-slider .item-head .status.open { color: #fabf13; }
#main-invested-status #deal-latest-slider .item-head .status.success { color: #fede84; }
#main-invested-status #deal-latest-slider .item-head .status.repaying { color: #8cccd6; }
#main-invested-status #deal-latest-slider .item-head .status.done { color: #a5bacf; }
#main-invested-status #deal-latest-slider .item-head .status.overdue { color: #ff9352; }
#main-invested-status #deal-latest-slider .item-head .status.fail { color: #ff6000; }

@media all and (min-width: 1024px) {
	#main-invested-status #deal-latest-slider .item:hover .item-head .background-image {
		-webkit-transform: scale(1.2);
		    -ms-transform: scale(1.2);
		        transform: scale(1.2);
	}
}

@media all and (max-width: 1023px) {
	#main {margin-top: 100px;}
}



#main-invested-status #deal-latest-slider .item-body { position: relative; }
#main-invested-status #deal-latest-slider .item-body .thumbnail { position: absolute; top: -130px; right: 0; left: 0; z-index: 3; margin: 0 auto; width: 180px; height: 180px; border-radius: 50%; background-color: #30373e; background-color: #30373e; background-image: url('images/favicon.png'); background-position: center; background-repeat: no-repeat;
	-webkit-background-size: cover;
	        background-size: cover;

	-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.32);
	        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.32);
}
#main-invested-status #deal-latest-slider .item-body .thumbnail.blank {
	-webkit-background-size: 69px 69px;
	        background-size: 69px 69px;
}

#main-invested-status #deal-latest-slider .item-body .date { padding-top: 60px; font-size: 14px; /*font-weight: 800;*/ text-align: center; }

#main-invested-status #deal-latest-slider .item-body .progress-bar { margin-top: 27px; padding: 0 18px; }
#main-invested-status #deal-latest-slider .item-body .progress-bar .amount { float: left; }
#main-invested-status #deal-latest-slider .item-body .progress-bar .amount .invested { margin-right: 4px; font-size: 16px; font-weight: 700; }
#main-invested-status #deal-latest-slider .item-body .progress-bar .amount .request { font-size: 14px; }
#main-invested-status #deal-latest-slider .item-body .progress-bar .percent { float: right; margin-top: -21px; font-size: 30px; }
#main-invested-status #deal-latest-slider .item-body .progress-bar .percent .unit { font-size: 20px; }
#main-invested-status #deal-latest-slider .item-body .progress-bar .progress { margin: 5px -18px 0; height: 10px; background-color: #aaa; }
#main-invested-status #deal-latest-slider .item-body .progress-bar .progress .bar { height: 10px;
	background: rgb(254,222,132);
	background: -webkit-linear-gradient(left, rgba(254,222,132,1) 0%,rgba(250,191,19,1) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(254,222,132,1)),to(rgba(250,191,19,1)));
	background: linear-gradient(to right, rgba(254,222,132,1) 0%,rgba(250,191,19,1) 100%);
}

#main-invested-status #deal-latest-slider .item-body .data { margin-top: 30px; }
#main-invested-status #deal-latest-slider .item-body .data:after { content: ''; display: block; clear: both; }
#main-invested-status #deal-latest-slider .item-body .data .common { float: left; width: 33.333%; text-align: center; }
#main-invested-status #deal-latest-slider .item-body .data .common .name { font-size: 14px; line-height: 1em; }
#main-invested-status #deal-latest-slider .item-body .data .common .value { margin-top: 10px; font-size: 20px; font-weight: 700; line-height: 1em; }

#main-invested-status #deal-latest-slider .view-more { padding: 0 50px; font-size: 32px; color: #fff; line-height: 51px; background-color: #fabf13;}
#main-invested-status #deal-latest-slider .view-more .item-inner { padding-top: 150px; }
#main-invested-status #deal-latest-slider .view-more .button { margin-top: 20px; }

#main-invested-status .shadow { position: absolute; top: 0; bottom: 0; z-index: 2; width: 105px; }
#main-invested-status .shadow.before { display: none; left: 0;
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)),color-stop(75%, rgba(255,255,255,0)),to(rgba(255,255,255,0)));
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);
}
#main-invested-status .shadow.after { right: 0;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),color-stop(75%, rgba(255,255,255,1)),to(rgba(255,255,255,1)));
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%);
}

@media all and (max-width: 1023px) {
	#main-invested-status { height: inherit; }
	#main-invested-status .deal-latest-slider-wrap { position: relative; }

	#main-invested-status .shadow.before { display: block; }
}
@media all and (max-width: 767px) {
	/* #main-invested-status { margin-top: 75px; margin-bottom: 110px; } */
	#main-invested-status .invested-status .date { display: table; margin: 0 auto; }
	#main-invested-status .invested-status .title { text-align: center; }
	/*#main-invested-status .invested-status .total-amount .common .name { float: none; width: 100%; }*/
	#main-invested-status .invested-status .total-amount .common .value { float: none; margin-top: 15px; width: 100%; text-align: right; }

	#main-invested-status .invested-status .total-percent { margin-top: 30px; }
	/*#main-invested-status .invested-status .total-percent .common { float: none; width: 100%; }*/
	#main-invested-status .invested-status .total-percent .common:after { top: inherit; right: 20px; height: 0px;
		width: -webkit-calc( 100% - 40px );
		width: calc( 100% - 40px );
	}

	#main-invested-status .invested-status .slider-arrows {display: none;}


	/*#main-invested-status .invested-status .slider-arrows { margin-top: 70px; text-align: center; }*/
    #main-invested-status #deal-latest-slider .slider-arrows { margin-top: 50px; text-align: center; }


    #main-invested-status .deal-latest-slider-wrap { margin-top: 30px; padding-right: 0; padding-left: 0; }

	#main-invested-status #deal-latest-slider .item-inner { height: 508px; }
	#main-invested-status #deal-latest-slider .item-box { max-width: inherit; }
	#main-invested-status #deal-latest-slider .item-head { height: 235px; }
	#main-invested-status #deal-latest-slider .item-head .title { height: 65px; line-height: 30px; white-space: normal; }
	#main-invested-status #deal-latest-slider .item-head .user-count {  }
	#main-invested-status #deal-latest-slider .item-head .user-count span { display: block; }
	#main-invested-status #deal-latest-slider .item-head .status { font-size: 14px; }
	#main-invested-status #deal-latest-slider .item-body { padding-bottom: 30px; }
	#main-invested-status #deal-latest-slider .item-body .thumbnail { width: 180px; height: 180px;  }
	#main-invested-status #deal-latest-slider .item-body .progress-bar .amount { float: left; margin-bottom: 5px; }
	#main-invested-status #deal-latest-slider .item-body .progress-bar .amount .invested { display: block; margin-right: 0; }
	#main-invested-status #deal-latest-slider .item-body .progress-bar .percent { margin-top: 8px; }
	#main-invested-status #deal-latest-slider .item-body .progress-bar .progress { margin-top: 0; }

	#main-invested-status .shadow { display: none; }
	#main-invested-status .shadow.before { display: none; }
}

#main-invested-simulation { padding: 70px 0; font-size: 24px; text-align: center; color: #fff; background-color: #30373e; }
#main-invested-simulation .select-box {  }
#main-invested-simulation .select-box .select2 { display: inline-block; margin: 0; font-size: 20px; font-weight: 700; text-align: left; }
#main-invested-simulation .select-box .select2 .select2-selection { padding: 4px 10px; border-bottom: 1px solid #fff; }
#main-invested-simulation .result-box { margin-top: 30px; }
#main-invested-simulation .result-box .result { font-size: 50px; /*font-weight: 700;*/ }

@media all and (max-width: 767px) {
	#main-invested-simulation { font-size: 20px; }
	#main-invested-simulation .mo-block { display: block; }
	#main-invested-simulation .result-box { margin-top: 40px; font-size: 24px; line-height: 35px; }
	#main-invested-simulation .result-box .result { font-size: 24px; }
}

#main-strength { padding: 110px 0 65px; }
#main-strength .left { font-size: 22px; }
#main-strength .right {  }
#main-strength .right .common { margin-bottom: 45px; }
#main-strength .right .common .title { margin-top: 15px; font-size: 24px; line-height: 1em; }
#main-strength .right .common .value { margin-top: 23px; line-height: 28px; }

@media all and (max-width: 1023px) {
	#main-strength { text-align: center; }
	#main-strength .left { float: none; margin: 0 auto; max-width: 370px; clear: both; }
	#main-strength .right { margin-top: 70px; }
}
@media all and (max-width: 767px) {
	#main-strength .right {  }
	#main-strength .right .col-6 { width: 50%; }
	#main-strength .right .col-6 img {max-width: 80%;}
	#main-strength .right .col-6 .value {font-size: 14px; line-height: 24px;}
}

#main-notification { position: relative; padding: 40px 0; background-color: #fabf13; }
#main-notification > .container { position: relative; }
#main-notification .description { margin-top: -2px; padding-right: 450px; font-size: 26px; }
#main-notification .buttons { position: absolute; top: 0; right: 0; max-width: 400px; text-align: center; }
#main-notification .buttons .button { display: inline-block; padding: 10px 10px 9px; max-width: 170px; width: 100%; font-size: 16px; /*font-weight: 700;*/ line-height: 1em; text-align: center; border: 1px solid #30373e; border-radius: 5px; }
#main-notification .buttons .button.solid { color: #30373e; }
#main-notification .buttons .button.fill { color: #fabf13; background-color: #30373e; }
#main-notification .buttons .button.solid:hover { color: #fabf13; background-color: #30373e; }
#main-notification .buttons .button.fill:hover { color: #30373e; background-color: transparent; }

@media all and (max-width: 1023px) {
	#main-notification { padding-bottom: 50px; }
	#main-notification .description { padding-right: 15px; text-align: center; }
	#main-notification .buttons { position: static; float: none; margin: 0 auto; /*padding-top: 25px;*/ clear: both; }
}
@media all and (max-width: 767px) {
	#main-notification .buttons .sms { margin-top: 30px; }
}


/**
 *Deal List
 */
#deal-list { padding-top: 110px; padding-bottom: 110px; }

#deal-list-header { padding: 50px 0; }
#deal-list-header .title { font-size: 40px; /*font-weight: 700; line-height: 1em;*/ text-align: center; }

@media all and (max-width: 767px) {
	#deal-list-header .title { font-size: 30px; }
}

#deal-list-container .action { margin-bottom: 30px; }
#deal-list-container .action .search { position: relative; }
#deal-list-container .action .search-box { position: relative; max-width: 370px; }
#deal-list-container .action .search-box input { padding: 0 40px 0 20px; width: 100%; height: 40px; /*font-size: 20px;*/ border: 1px solid #cacaca; border-radius: 5px; }
#deal-list-container .action .search-box input:focus {outline: none;s}
#deal-list-container .action .search-box input::-webkit-input-placeholder { color: #cacaca; }
#deal-list-container .action .search-box input::-moz-placeholder { color: #cacaca; }
#deal-list-container .action .search-box input:-ms-input-placeholder { color: #cacaca; }
#deal-list-container .action .search-box input:-moz-placeholder { color: #cacaca; }
#deal-list-container .action .search-box button { position: absolute; top: 0; right: 0; margin: 0; padding: 0; width: 40px; height: 40px; /*font-size: 20px;*/ background-color: transparent; border: 0; line-height: 41px; }
#deal-list-container .action .status { text-align: right; }
#deal-list-container .action .status .select2 { text-align: left; }

#deal-list-container .action .status .select2-container {  }
#deal-list-container .action .status .select2-container .select2-selection { display: block; padding: 0 20px 0 20px; height: 40px; background-color: #f0f0f0; border: 1px solid #d7d7d7; border-radius: 5px; cursor: pointer; }
#deal-list-container .action .status .select2-container .select2-selection:focus {outline: none;}
#deal-list-container .action .status .select2-container .select2-selection__rendered { display: inline-block; /*font-size: 20px;*/ line-height: 40px; color: #30373e; cursor: pointer; }
#deal-list-container .action .status .select2-container .select2-selection__arrow { float: right; display: inline-block; /*margin: 4px 21px 0 0; /*font-size: 19px;*/ }
#deal-list-container .action .status .select2-container .select2-selection__arrow b:before { content: '\f0dd'; font-family: 'Font Awesome 5 Free'; color: #30373e; }
#deal-list-container .action .status .select2-container .select2-selection__placeholder { font-size: 20px; line-height: 46px; color: #30373e; }

#deal-list-container .deal-list {  }
#deal-list-container .deal-list .list-col { margin-bottom: 30px; }

#deal-list-container .item { display: block; color: inherit; border-radius: 10px; background-color: #f0f0f0; overflow: hidden;
	-webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
	        box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
#deal-list-container .item-inner { display: block; height: 470px; }

#deal-list-container .item-head { position: relative; padding: 20px 30px; height: 215px; overflow: hidden; text-align: center; }
#deal-list-container .item-head .background-image { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: #90a3b5; background-position: center;
	-webkit-background-size: cover;
	        background-size: cover;

	-webkit-transition: transform 0.5s;
	-webkit-transition: -webkit-transform 0.5s;
	        transition: -webkit-transform 0.5s;
	        transition: transform 0.5s;
	        transition: transform 0.5s, -webkit-transform 0.5s;

	-webkit-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);

	-webkit-filter: blur(8px);
	        filter: blur(8px);
}
#deal-list-container .item-head .background-image .overlay { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: rgba(48,55,62,0.3); }
#deal-list-container .item-head .uid { position: relative; z-index: 2; display: inline-block; padding: 2px 10px 4px; font-size: 16px; color: #30373e; font-weight: 700; line-height: 1em; background-color: #fabf13; border-radius: 10px; }
#deal-list-container .item-head .title { position: relative; z-index: 2; margin-top: 20px; font-size: 22px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#deal-list-container .item-head .user-count { position: absolute; bottom: 15px; left: 20px; z-index: 2; font-size: 14px; text-align: left; color: #fff; }
#deal-list-container .item-head .status { position: absolute; right: 20px; bottom: 15px; z-index: 2; color: #fff; font-weight: 700; }
#deal-list-container .item-head .status.waiting { color: #cacaca; }
#deal-list-container .item-head .status.open { color: #fabf13; }
#deal-list-container .item-head .status.success { color: #fede84; }
#deal-list-container .item-head .status.repaying { color: #8cccd6; }
#deal-list-container .item-head .status.done { color: #a5bacf; }
#deal-list-container .item-head .status.overdue { color: #ff9352; }
#deal-list-container .item-head .status.fail { color: #ff6000; }

@media all and (min-width: 1024px) {
	#deal-list-container .item:hover .item-head .background-image {
		-webkit-transform: scale(1.2);
		    -ms-transform: scale(1.2);
		        transform: scale(1.2);
	}
}

#deal-list-container .item-body { position: relative; }
#deal-list-container .item-body .thumbnail { position: absolute; top: -130px; right: 0; left: 0; z-index: 3; margin: 0 auto; width: 180px; height: 180px; border-radius: 50%; background-color: #30373e; background-image: url('images/favicon.png'); background-position: center; background-repeat: no-repeat;
	-webkit-background-size: cover;
	        background-size: cover;

	-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.32);
	        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.32);
}
#deal-list-container .item-body .thumbnail.blank {
	-webkit-background-size: 69px 69px;
	        background-size: 69px 69px;
}

#deal-list-container .item-body .date { padding-top: 60px; font-size: 14px; font-weight: 800; text-align: center; }

#deal-list-container .item-body .progress-bar { margin-top: 27px; padding: 0 18px; }
#deal-list-container .item-body .progress-bar .amount { float: left; }
#deal-list-container .item-body .progress-bar .amount .invested { margin-right: 4px; font-size: 16px; font-weight: 700; }
#deal-list-container .item-body .progress-bar .amount .request { font-size: 14px; }
#deal-list-container .item-body .progress-bar .percent { float: right; margin-top: -21px; font-size: 30px; }
#deal-list-container .item-body .progress-bar .percent .unit { font-size: 20px; }
#deal-list-container .item-body .progress-bar .progress { margin: 5px -18px 0; height: 10px; background-color: #aaa; }
#deal-list-container .item-body .progress-bar .progress .bar { width: 0px; height: 10px;
	background: rgb(254,222,132);
	background: -webkit-linear-gradient(left, rgba(254,222,132,1) 0%,rgba(250,191,19,1) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(254,222,132,1)),to(rgba(250,191,19,1)));
	background: linear-gradient(to right, rgba(254,222,132,1) 0%,rgba(250,191,19,1) 100%);
}

#deal-list-container .item-body .data { margin-top: 30px; }
#deal-list-container .item-body .data:after { content: ''; display: block; clear: both; }
#deal-list-container .item-body .data .common { float: left; width: 33.333%; text-align: center; }
#deal-list-container .item-body .data .common .name { font-size: 14px; line-height: 1em; }
#deal-list-container .item-body .data .common .value { margin-top: 10px; font-size: 20px; font-weight: 700; line-height: 1em; }

#deal-list-container .pagination { display: table; margin: 0 auto; padding-top: 30px; /*font-size: 20px;*/ clear: both; }
#deal-list-container .pagination .current { font-weight: 700; color: #fabf13; }
#deal-list-container .pagination .page-numbers { display: inline-block; margin: 5px 10px; }

@media all and (max-width: 767px) {
	#deal-list-container .action { margin-bottom: 30px; }
	#deal-list-container .action .search-box { max-width: inherit; }
	#deal-list-container .action .status { margin-top: 30px; }
	#deal-list-container .action .status .select2-container { display: block; margin: 0 auto; }

	#deal-list-container .item-inner { height: inherit; }
	#deal-list-container .item-box { max-width: inherit; }
	#deal-list-container .item-head { height: 235px; }
	#deal-list-container .item-head .title { height: 65px; line-height: 30px; white-space: normal; }
	#deal-list-container .item-head .user-count {  }
	#deal-list-container .item-head .user-count span { display: block; }
	#deal-list-container .item-head .status { font-size: 14px; }
	#deal-list-container .item-body { padding-bottom: 30px; }
	#deal-list-container .item-body .thumbnail { top: -85px; width: 110px; height: 110px;  }
	#deal-list-container .item-body .date { padding-top: 40px; }
	#deal-list-container .item-body .progress-bar .amount { float: left; margin-bottom: 5px; }
	#deal-list-container .item-body .progress-bar .amount .invested { display: block; margin-right: 0; }
	#deal-list-container .item-body .progress-bar .percent { margin-top: 8px; }
	#deal-list-container .item-body .progress-bar .progress { margin-top: 0; }
}


/**
 * Deal
 */
#deal {  }

#deal-header { position: relative; color: #fff; text-align: center; overflow: hidden; top: 95px; }
#deal-header .content { position: relative; z-index: 3; padding-top: 67px; padding-bottom: 60px; }
#deal-header .content .status-wrap { font-size: 16px; line-height: 1em; }
#deal-header .content .status-wrap .uid { display: inline-block; margin-right: 5px; padding: 2px 5px 4px; font-weight: 800; color: #30373e; background-color: #fabf13; border-radius: 10px; }
#deal-header .content .status-wrap .status { font-weight: 700; color: #fabf13; font-size:18px }
#deal-header .content .title { padding: 4px 0; font-size: 44px; font-weight: 400; }
#deal-header .content .date-wrap { font-size: 26px; font-weight: 800; }
#deal-header .overlay { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: rgba(48,55,62,0.6); }
#deal-header .background-image { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: #30373e; background-position: center center;
	-webkit-background-size: cover;
	        background-size: cover;

	-webkit-filter: blur(8px);
	        filter: blur(8px);
}
@media all and (max-width: 767px) {
	#deal-header .content .title { padding: 15px 0; font-size: 30px; }
	#deal-header .content .date-wrap { font-size: 16px; }
}

#deal-default-data { padding-top: 110px; }
#deal-default-data #deal-image-slider { position: relative; height: 400px; border-radius: 10px; background-color: #30373e; overflow: hidden; }
#deal-default-data #deal-image-slider .item { height: 400px; background-position: center center;
	-webkit-background-size: cover;
	        background-size: cover;
}
#deal-default-data #deal-image-slider .item:active {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}
#deal-default-data #deal-image-slider .slick-dots { position: absolute; bottom: 10px; left: 0; z-index: 2; margin: 0; padding: 0; width: 100%; text-align: center; }
#deal-default-data #deal-image-slider .slick-dots li { list-style: none; display: inline-block; }
#deal-default-data #deal-image-slider .slick-dots li button { display: inline-block; margin: 0 10px; padding: 0; width: 10px; height: 10px; font-size: 0; line-height: 0; text-indent: 1000px; background-color: transparent; border: 1px solid #fff; border-radius: 50%; overflow: hidden; cursor: pointer; }
#deal-default-data #deal-image-slider .slick-dots li.slick-active {  }
#deal-default-data #deal-image-slider .slick-dots li.slick-active button { background-color: #ffbf00; border-color: #ffbf00; }

@media all and (max-width: 425px) {
	#deal-default-data #deal-image-slider { height: 157px; }
	#deal-default-data #deal-image-slider .item { height: 157px; }
}


#deal-default-data #invest-data { padding: 30px 30px 35px; background-color: #f0f0f0; border-radius: 10px; }
#deal-default-data #invest-data .invested-amount { font-size: 32px; font-weight: 700; }
#deal-default-data #invest-data .request-amount { margin-top: 10px; }
#deal-default-data #invest-data .progress-data { position: relative; margin-top: 31px; }
#deal-default-data #invest-data .progress-data .invested-user {  }
#deal-default-data #invest-data .progress-data .invested-user strong {  }
#deal-default-data #invest-data .progress-data .percent { position: absolute; right: 0; bottom: 15px; font-size: 30px; }
#deal-default-data #invest-data .progress-data .percent span { font-size: 40px; }
#deal-default-data #invest-data .progress-data .progress { margin: 15px -30px 0; height: 10px; background-color: #aaa; }
#deal-default-data #invest-data .progress-data .progress .bar { height: 10px; background-color: #ffbf00; }
#deal-default-data #invest-data .user-data { margin-top: 25px; }
#deal-default-data #invest-data .user-data .common { margin-top: 12px; font-weight: 700; }
#deal-default-data #invest-data .user-data .common:after { content: ''; display: block; clear: both; }
#deal-default-data #invest-data .user-data .label { float: left; }
#deal-default-data #invest-data .user-data .value { float: right; }
#deal-default-data #invest-data .user-data .value span {  }
#deal-default-data #invest-data .user-data .guest { padding: 18px 0; font-weight: 400; text-align: center; }
#deal-default-data #invest-data .user-data .guest a { font-weight: 700; border-bottom: 1px solid; }

#deal-default-data #invest-button { margin-top: 30px; }
#deal-default-data #invest-button a { display: block; padding: 13px 0 15px; font-size: 20px; font-weight: 700; text-align: center; background-color: #ffbf00; border-radius: 10px; }
@media all and (min-width: 1024px) {
	#deal-default-data #invest-button a:hover { color: #ffbf00; background-color: #30373e; }
}
@media all and (max-width: 1023px) {
	#deal-default-data #invest-data { margin-top: 30px; }
}
@media all and (max-width: 424px) {
	#deal-default-data #invest-data .user-data .label { float: none; }
	#deal-default-data #invest-data .user-data .value { float: none; }
}

#deal-default-data #invest-data-2 { margin: 30px 0 0; color: #fff; text-align: center; background-color: #30373e; border-radius: 10px; padding: 15px 10px 10px 10px; }
#deal-default-data #invest-data-2 .common { position: relative; /*padding-top: 30px; padding-bottom: 26px;*/ }
#deal-default-data #invest-data-2 .common:after { content: ''; position: absolute; top: 5px; right: 0; display: block; width: 1px; height: 53px; background-color: #fff; }
#deal-default-data #invest-data-2 .common:last-child:after { display: none; }
#deal-default-data #invest-data-2 .label { font-size: 14px; }
#deal-default-data #invest-data-2 .value { margin-top: 5px; font-size: 24px; }

@media all and (max-width: 1023px) and (min-width: 768px) {
	#deal-default-data #invest-data-2 .date:after { display: none; }
}
@media all and (max-width: 767px) {
	/*#deal-default-data #invest-data-2 .common:after { top: inherit; bottom: 0; left: 0; margin: 0 auto; width: 66px; height: 1px; }*/


	#deal-default-data #invest-data-2 {padding: 20px 15px 20px 25px;}
	#deal-default-data #invest-data-2 .common {padding: 0;}
	#deal-default-data #invest-data-2 .common:nth-child(even) {width: 28%;} /* 짝수 */
	#deal-default-data #invest-data-2 .common:nth-child(odd) {width:22%;} /* 홀수 */
	#deal-default-data #invest-data-2 .common:after { top: 3px; margin: 0 auto; height: 50px; }


	#deal-default-data #invest-data-2 .value {font-size: 16px;}

}

#deal-mobile-sidebar { display: none; }
#deal-mobile-sidebar .rewards { margin-top: 30px; padding: 30px 30px 35px; background-color: #f0f0f0; border-radius: 10px; }
#deal-mobile-sidebar .rewards-title { font-size: 20px; font-weight: 700; }
#deal-mobile-sidebar .rewards-content { margin-top: 25px; }
#deal-mobile-sidebar .rewards-content .name { display: inline-block; margin-top: 30px; padding: 0 8px 2px; font-weight: 400; color: #fff; background-color: #30373e; border-radius: 10px; }
#deal-mobile-sidebar .rewards-content .name strong { font-weight: 800; }
#deal-mobile-sidebar .rewards-content .name:first-child { margin-top: 0; }
#deal-mobile-sidebar .rewards-content .desc { margin: 13px 0 0; padding: 0; }
#deal-mobile-sidebar .rewards-content .desc li { list-style: none; margin-top: 5px; margin-left: 10px; font-weight: 700; }
#deal-mobile-sidebar .rewards-content .desc li:before { content: '\f0da'; font-family: 'Font Awesome 5 Free'; margin-right: 9px; font-weight: 900; color: #fabf13; }
#deal-mobile-sidebar .separator { margin: 40px 0 0; height: 1px; background-color: #cacaca; border: 0; }
#deal-mobile-sidebar .rewards-notice { margin-top: 25px; }
#deal-mobile-sidebar .rewards-notice p { margin: 20px 0; }
#deal-mobile-sidebar .rewards-notice p:first-child { margin-top: 0; }
#deal-mobile-sidebar .rewards-notice p:last-child { margin-bottom: 0; }

@media all and (max-width: 1023px) {
	#deal-mobile-sidebar { display: block; }
}

#mobile-fixed-button { position: fixed; bottom: -50px; left: 0; z-index: 1001; width: 100%;
	-webkit-transition: transform 0.2s;
	-webkit-transition: -webkit-transform 0.2s;
	        transition: -webkit-transform 0.2s;
	        transition: transform 0.2s;
	        transition: transform 0.2s, -webkit-transform 0.2s;
}
#mobile-fixed-button a { display: block; height: 50px; font-size: 20px; font-weight: 700; line-height: 48px; text-align: center; background-color: #fabf13; border-top-left-radius: 10px; border-top-right-radius: 10px; }
#mobile-fixed-button.show {
	-webkit-transform: translate3d(0,-50px,0);
	    -ms-transform: translate3d(0,-50px,0);
	        transform: translate3d(0,-50px,0);
}
@media all and (min-width: 1024px) {
	#mobile-fixed-button { display: none !important; }
}

/* #deal-separator { height: 85px; } */

.deal-content-tabs-wrap { position: relative; z-index: 10; background-color: #fff;
	-webkit-transition: box-shadow 0.2s;
	-webkit-transition: -webkit-box-shadow 0.2s;
	        transition: -webkit-box-shadow 0.2s;
	        transition: box-shadow 0.2s;
	        transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}
.deal-content-tabs-wrap.is_stuck {
	-webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.1);
	        box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
#deal-content-tabs { padding-top: 30px; padding-bottom: 30px; }
#deal-content-tabs .tabs-row { margin: 0; border-radius: 10px; overflow: hidden; }
#deal-content-tabs .tabs-row .common { padding: 0; font-size: 16px; font-weight: bold; text-align: center; background-color: #f0f0f0; overflow: hidden; }
#deal-content-tabs .tabs-row .common:first-child { border-radius: 10px 0 0 10px; }
#deal-content-tabs .tabs-row .common:last-child { border-radius: 0 10px 10px 0; }
#deal-content-tabs .tabs-row a { display: block; padding: 14px 10px 16px; color: inherit; line-height: 1em; }
#deal-content-tabs .tabs-row a.active { font-weight: 700; background-color: #ffbf00; }
#deal-content-tabs-shadow { position: absolute; top: 0; left: 0; display: none; }
#deal-content-tabs-shadow i { position: absolute; top: 25px; right: 0; padding-right: 15px; width: 66px; height: 50px; text-align: right; line-height: 50px;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 74%,rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),color-stop(74%, rgba(255,255,255,1)),to(rgba(255,255,255,1)));
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 74%,rgba(255,255,255,1) 100%);
}
@media all and (min-width: 1024px) {
	#deal-content-tabs .tabs-row a:hover { background-color: #cacaca; }
	#deal-content-tabs .tabs-row a.active:hover { background-color: #ffbf00; }
}
@media all and (max-width: 767px) {
	#deal-content-tabs { overflow-x: auto; }
	#deal-content-tabs .tabs-row { width: 100%; }
	#deal-content-tabs .tabs-row .common { width: 50%; }
	#deal-content-tabs .tabs-row a {  }
	#deal-content-tabs-shadow { display: block; }
	#deal-content-tabs-shadow i {  }
	#deal-content-tabs .tabs-row,
	#deal-content-tabs .tabs-row .common:first-child,
	#deal-content-tabs .tabs-row .common:last-child { border-radius: 0; }
}
@media all and (min-width: 768px) {
	#deal-content-tabs-shadow { display: none !important; }
}

#deal-container { position: relative; /*margin-top: 25px;*/ }
/* #deal-container #deal-content { margin-top: 25px; } */
#deal-container #deal-content .content { overflow: hidden; padding-bottom: 110px; }
#deal-container #deal-content .sidebar { padding: 0 15px; float: right; max-width: 33.333333%; width: 100%; }

#deal-container #deal-content .tab-common { display: none; }
#deal-container #deal-content .tab-common .article { margin-bottom: 50px; }
#deal-container #deal-content .tab-common .article:first-child {margin-top: 30px;}
#deal-container #deal-content .tab-common .article:last-child { margin-bottom: 0; }
#deal-container #deal-content .tab-common .article-title { font-size: 24px; font-weight: 700; line-height: 1em; }
#deal-container #deal-content .tab-common .article-title .num { display: inline-block; margin-right: 10px; /*padding-bottom: 4px;*/ width: 25px; color: #fff; text-align: center; background-color: #fabf13; border-radius: 5px; line-height: 27px; padding-top: 1px; }
#deal-container #deal-content .tab-common .article-content { margin-top: 30px; padding: 25px; border: 1px solid #cacaca; border-radius: 10px; }
#deal-container #deal-content .tab-common .article-content .list { margin: 0; padding: 0; }
#deal-container #deal-content .tab-common .article-content .list li { position: relative; list-style: none; margin-top: 10px; padding-left: 16px; }
#deal-container #deal-content .tab-common .article-content .list li:before { content: ''; position: absolute; top: 9px; left: 0; width: 5px; height: 5px; background-color: #30373e; border-radius: 50%; }
#deal-container #deal-content .tab-common .article-content .list li:first-child { margin-top: 0; }
#deal-container #deal-content .tab-common .article-content .list li strong { display: inline-block; width: 110px; }
#deal-container #deal-content .tab-active { display: block; }

#deal-container #deal-content .tab-common .article-content .document-list { margin: -35px -15px 0; padding: 0; }
#deal-container #deal-content .tab-common .article-content .document-list:after { content: ''; display: block; clear: both; }
#deal-container #deal-content .tab-common .article-content .document-list li { list-style: none; float: left; margin: 30px 15px 0;
	width: -webkit-calc( 50% - 30px );
	width: calc( 50% - 30px );
}
#deal-container #deal-content .tab-common .article-content .document-list li a { display: block; font-size: 20px; padding: 20px 30px; border: 1px solid #cacaca; border-radius: 10px; }
#deal-container #deal-content .tab-common .article-content .document-list li .icon { display: inline-block; margin-right: 15px; width: 38px; height: 29px; background-image: url('images/deal/document-icon.png'); background-repeat: no-repeat; vertical-align: bottom; }

@media all and (max-width: 767px) {
	#deal-container #deal-content .tab-common .article-content .document-list {  }
	#deal-container #deal-content .tab-common .article-content .document-list li { float: none; width: auto; }
	#deal-container #deal-content .tab-common .article-content .document-list li a { font-size: 16px; }
	#deal-container #deal-content .tab-common .article-content .document-list li .text { position: relative; top: -3px; }
}

@media all and (max-width: 767px) {
	#deal-container #deal-content .tab-common .article-content .list li strong { display: block; margin-bottom: 15px; }
}

#deal-container #deal-content #tab1 {  }
#deal-container #deal-content #tab1 .point {  }
#deal-container #deal-content #tab1 .point .article-content {  }
#deal-container #deal-content #tab1 .point .article-content .item { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #cacaca; }
#deal-container #deal-content #tab1 .point .article-content .item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
#deal-container #deal-content #tab1 .point .article-content .item-title { margin-bottom: 25px; font-size: 18px; font-weight: 700; }
#deal-container #deal-content #tab1 .point .article-content .item-title small { display: inline-block; font-size: 16px; font-weight: 400; margin-right: 5px; }
#deal-container #deal-content #tab1 .point .article-content .item-other { margin-top: 25px; }

#deal-container #deal-content #tab1 .collateral {  }
#deal-container #deal-content #tab1 .collateral .content-title { font-size: 20px; font-weight: 700; }
#deal-container #deal-content #tab1 .collateral .amount-data { text-align: center; }
#deal-container #deal-content #tab1 .collateral .amount-data .amount { font-size: 26px; font-weight: 800; }
#deal-container #deal-content #tab1 .collateral .amount-data .note {  }
#deal-container #deal-content #tab1 .collateral .progress-data { margin-top: 20px; }
#deal-container #deal-content #tab1 .collateral .progress-data .before { margin-bottom: 10px; }
#deal-container #deal-content #tab1 .collateral .progress-data .before .line { height: 10px; border: 1px solid #cacaca; border-bottom: 0; border-top-right-radius: 10px; border-top-left-radius: 10px; }
#deal-container #deal-content #tab1 .collateral .progress-data .progress-bar { position: relative; height: 30px; background-color: #f0f0f0; }
#deal-container #deal-content #tab1 .collateral .progress-data .progress-bar .progress {  }
#deal-container #deal-content #tab1 .collateral .progress-data .progress-bar .progress .bar { position: absolute; top: 0; left: 0; height: 30px; }
#deal-container #deal-content #tab1 .collateral .progress-data .progress-bar .progress .bar1 { z-index: 2; background-color: #fede84; }
#deal-container #deal-content #tab1 .collateral .progress-data .progress-bar .progress .bar2 { z-index: 1; background-color: #fabf13; }
#deal-container #deal-content #tab1 .collateral .progress-data .after { margin-top: 10px; text-align: center; }
#deal-container #deal-content #tab1 .collateral .progress-data .after .line { height: 10px; border: 1px solid #cacaca; border-top: 0; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
/*#deal-container #deal-content #tab1 .collateral .progress-data .after .content { font-size: 16px; }*/
#deal-container #deal-content #tab1 .collateral .progress-data .after .ltv { font-size: 16px; padding-bottom: 0;}
#deal-container #deal-content #tab1 .collateral .progress-data .after .ltv strong { font-size: 20px; font-weight: 800; }
#deal-container #deal-content #tab1 .collateral .progress-data .ltv-box { margin-top: 25px; }
#deal-container #deal-content #tab1 .collateral .progress-data .ltv-box ul { margin: 0; padding: 25px 30px; border: 1px solid #cacaca; border-radius: 10px; }
#deal-container #deal-content #tab1 .collateral .progress-data .ltv-box li { list-style: none; margin-top: 13px; }
#deal-container #deal-content #tab1 .collateral .progress-data .ltv-box li:first-child { margin-top: 0; }
#deal-container #deal-content #tab1 .collateral .progress-data .ltv-box li .circle { position: relative; top: 5px; display: inline-block; margin-right: 10px; width: 22px; height: 22px; background-color: #f0f0f0; border-radius: 50%; }
#deal-container #deal-content #tab1 .collateral .progress-data .ltv-box li .name { margin-right: 3px; font-size: 20px; font-weight: 700; }
#deal-container #deal-content #tab1 .collateral .progress-data .ltv-box li .value { position: relative; top: -2px; font-size: 16px; }
#deal-container #deal-content #tab1 .collateral .progress-data .ltv-box li.ltv1 {  }
#deal-container #deal-content #tab1 .collateral .progress-data .ltv-box li.ltv1 .circle { background-color: #fede84; }
#deal-container #deal-content #tab1 .collateral .progress-data .ltv-box li.ltv2 {  }
#deal-container #deal-content #tab1 .collateral .progress-data .ltv-box li.ltv2 .circle { background-color: #fabf13; }
#deal-container #deal-content #tab1 .collateral .progress-data .ltv-box .ltv-desc { margin-top: 15px; }

@media all and (max-width: 767px) {
	#deal-container #deal-content #tab1 .collateral .progress-data .ltv-box li .value { display: block; margin-top: 15px; }
}

#deal-container #deal-content #tab1 .wf-grade {  }
#deal-container #deal-content #tab1 .wf-grade .grade-box {  }
#deal-container #deal-content #tab1 .wf-grade .grade-box .grade { float: left; }
#deal-container #deal-content #tab1 .wf-grade .grade-box .grade .inner-wrap { display: table-cell; padding-bottom: 35px; width: 113px; height: 117px; font-size: 40px; font-weight: 700; text-align: center; vertical-align: middle; background-image: url('images/deal/wf-grade-grade-bg.png'); background-repeat: no-repeat; }
#deal-container #deal-content #tab1 .wf-grade .grade-box .grade-bar { float: left; margin: 25px 0 0 38px;
	width: -webkit-calc( 100% - 113px - 38px );
	width: calc( 100% - 113px - 38px );
}
#deal-container #deal-content #tab1 .wf-grade .grade-box .grade-bar .head-caption {  }
#deal-container #deal-content #tab1 .wf-grade .grade-box .grade-bar .head-caption:after { content: ''; display: block; clear: both; }
#deal-container #deal-content #tab1 .wf-grade .grade-box .grade-bar .head-caption .caption { float: left; width: 20%; }
#deal-container #deal-content #tab1 .wf-grade .grade-box .grade-bar .head-caption .caption.a {  }
#deal-container #deal-content #tab1 .wf-grade .grade-box .grade-bar .head-caption .caption.b { padding-left: 4%; }
#deal-container #deal-content #tab1 .wf-grade .grade-box .grade-bar .head-caption .caption.c { text-align: center; }
#deal-container #deal-content #tab1 .wf-grade .grade-box .grade-bar .head-caption .caption.d { padding-right: 4%; text-align: right; }
#deal-container #deal-content #tab1 .wf-grade .grade-box .grade-bar .head-caption .caption.e { text-align: right; }
#deal-container #deal-content #tab1 .wf-grade .grade-box .grade-bar .bar { margin-top: 5px; height: 11px;
	background: rgb(250,191,19);
	background: -webkit-linear-gradient(left, rgba(250,191,19,1) 0%,rgba(144,163,181,1) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(250,191,19,1)),to(rgba(144,163,181,1)));
	background: linear-gradient(to right, rgba(250,191,19,1) 0%,rgba(144,163,181,1) 100%);
}
#deal-container #deal-content #tab1 .wf-grade .grade-box .grade-bar .foot-caption { margin-top: 5px; }
#deal-container #deal-content #tab1 .wf-grade .grade-box .grade-bar .foot-caption:after { content: ''; display: block; clear: both; }
#deal-container #deal-content #tab1 .wf-grade .grade-box .grade-bar .foot-caption .caption {  }
#deal-container #deal-content #tab1 .wf-grade .grade-box .grade-bar .foot-caption .caption.left { float: left; }
#deal-container #deal-content #tab1 .wf-grade .grade-box .grade-bar .foot-caption .caption.right { float: right; }
#deal-container #deal-content #tab1 .wf-grade .grade-detail { margin-top: 45px; }
#deal-container #deal-content #tab1 .wf-grade .grade-detail .table {  }
#deal-container #deal-content #tab1 .wf-grade .grade-detail .tr { display: table; margin-top: 10px; width: 100%; }
#deal-container #deal-content #tab1 .wf-grade .grade-detail .th { display: table-cell; }
#deal-container #deal-content #tab1 .wf-grade .grade-detail .name { position: relative; width: 103px; }
#deal-container #deal-content #tab1 .wf-grade .grade-detail .name:after {  }
#deal-container #deal-content #tab1 .wf-grade .grade-detail .graph {  }
#deal-container #deal-content #tab1 .wf-grade .grade-detail .desc { padding-left: 50px; width: 320px; }
#deal-container #deal-content #tab1 .wf-grade .grade-detail .td { display: table-cell; }

#deal-container #deal-content #tab1 .wf-grade .grade-detail .td.name { position: relative; }
#deal-container #deal-content #tab1 .wf-grade .grade-detail .td.name:after { content: ''; position: absolute; top: 5px; right: 30px; display: block; width: 1px; height: 15px; background-color: #cacaca; }
#deal-container #deal-content #tab1 .wf-grade .grade-detail .td.graph { position: relative; }
#deal-container #deal-content #tab1 .wf-grade .grade-detail .td.graph:after { content: ''; position: absolute; top: 5px; right: -28px; display: block; width: 1px; height: 15px; background-color: #cacaca; }
#deal-container #deal-content #tab1 .wf-grade .grade-detail .td.graph .boxs { position: relative; top: -1px; margin: 0 -1px; }
#deal-container #deal-content #tab1 .wf-grade .grade-detail .td.graph .boxs:after { content: ''; display: block; clear: both; }
#deal-container #deal-content #tab1 .wf-grade .grade-detail .td.graph .boxs .block { float: left; margin: 0 1px; height: 10px; background-color: #f0f0f0;
	width: -webkit-calc( 10% - 2px );
	width: calc( 10% - 2px );
}
#deal-container #deal-content #tab1 .wf-grade .grade-detail .td.graph .active-box { position: absolute; top: 0; left: 0; width: 100%; }
#deal-container #deal-content #tab1 .wf-grade .grade-detail .td.graph .active-box .block { background-color: #fabf13; }
#deal-container #deal-content #tab1 .wf-grade .grade-detail .td.desc { padding-left: 50px; width: 320px; }

@media all and (max-width: 767px) {
	#deal-container #deal-content #tab1 .wf-grade .grade-box .grade { float: none; display: table; margin: 0 auto; }
	#deal-container #deal-content #tab1 .wf-grade .grade-box .grade-bar { margin-left: 0; float: none; width: 100%; }

	#deal-container #deal-content #tab1 .wf-grade .grade-detail .thead { display: none; }
	#deal-container #deal-content #tab1 .wf-grade .grade-detail .td { display: block; }
	#deal-container #deal-content #tab1 .wf-grade .grade-detail .td.name:after { display: none; }
	#deal-container #deal-content #tab1 .wf-grade .grade-detail .td.graph { margin-top: 15px; }
	#deal-container #deal-content #tab1 .wf-grade .grade-detail .td.graph:after { display: none; }
	#deal-container #deal-content #tab1 .wf-grade .grade-detail .td.desc { margin-top: 15px; padding-left: 0; width: 100%; }
	#deal-container #deal-content #tab1 .wf-grade .grade-detail .td.desc:after { content: ''; display: block; margin-top: 25px; margin-bottom: 15px; width: 100%; height: 1px; background-color: #cacaca; }
	#deal-container #deal-content #tab1 .wf-grade .grade-detail .tr:last-child .td.desc:after { display: none; }
}


#deal-container #deal-content #tab1 .borrower {  }
#deal-container #deal-content #tab1 .borrower .article-content {  }
#deal-container #deal-content #tab1 .borrower .article-content:after { content: ''; display: block; clear: both; }
#deal-container #deal-content #tab1 .borrower .grade { float: left; }
#deal-container #deal-content #tab1 .borrower .grade .inner-wrap { display: table-cell; padding-bottom: 40px; width: 136px; height: 118px; font-size: 40px; font-weight: 800; text-align: center; vertical-align: middle; background-image: url('images/deal/borrower-grade-bg.png'); background-repeat: no-repeat; }
#deal-container #deal-content #tab1 .borrower .score-box { float: right; margin-top: 20px;
	width: -webkit-calc( 100% - 136px - 50px );
	width: calc( 100% - 136px - 50px );
}
#deal-container #deal-content #tab1 .borrower .score-box .common { position: relative; float: left; width: 33.333%; text-align: center; }
#deal-container #deal-content #tab1 .borrower .score-box .common:after { content: ''; position: absolute; top: 5px; left: 0; display: block; width: 1px; height: 64px; background-color: #cacaca; }
#deal-container #deal-content #tab1 .borrower .score-box .common:first-child:after { display: none; }
#deal-container #deal-content #tab1 .borrower .score-box .common .label {  }
#deal-container #deal-content #tab1 .borrower .score-box .common .value { font-size: 32px; }
#deal-container #deal-content #tab1 .borrower .score-box .service { clear: both; padding-top: 10px; text-align: right; }

@media all and (max-width: 767px) {
	#deal-container #deal-content #tab1 .borrower .grade { float: none; display: table; margin: 0 auto; }
	#deal-container #deal-content #tab1 .borrower .score-box { float: none; width: 100%; }
	#deal-container #deal-content #tab1 .borrower .score-box .common { float: none; width: 100%; }
	#deal-container #deal-content #tab1 .borrower .score-box .common:before { content: ''; display: block; margin: 20px 0; width: 100%; height: 1px; background-color: #cacaca; }
	#deal-container #deal-content #tab1 .borrower .score-box .common:after { display: none; }
	#deal-container #deal-content #tab1 .borrower .score-box .common:first-child:before { display: none; }
	#deal-container #deal-content #tab1 .borrower .score-box .service { padding-top: 20px; text-align: center; }
}

#deal-container #deal-content #tab1 .judge {  }
#deal-container #deal-content #tab1 .judge .article-content {  }
#deal-container #deal-content #tab1 .judge .article-content:after { content: ''; display: block; clear: both; }
#deal-container #deal-content #tab1 .judge .photo { float: left; width: 120px; height: 130px; background-image: url('images/deal/judge-picture.png'); background-repeat: no-repeat; }
#deal-container #deal-content #tab1 .judge .detail-box { float: left; padding-left: 30px;
	width: -webkit-calc( 100% - 120px );
	width: calc( 100% - 120px );
}
#deal-container #deal-content #tab1 .judge .detail-box .judge-info {  }
#deal-container #deal-content #tab1 .judge .detail-box .judge-info:after { content: ''; display: block; clear: both; }
#deal-container #deal-content #tab1 .judge .detail-box .judge-info .name { position: relative; float: left; margin-right: 20px; }
#deal-container #deal-content #tab1 .judge .detail-box .judge-info .name:after { content: ''; position: absolute; top: 6px; right: -10px; display: block; width: 1px; height: 15px; background-color: #cacaca; }
#deal-container #deal-content #tab1 .judge .detail-box .judge-info .name strong { margin-right: 3px; }
#deal-container #deal-content #tab1 .judge .detail-box .judge-info .company { float: left; }
#deal-container #deal-content #tab1 .judge .detail-box .judge-info .company strong { margin-right: 3px; }
#deal-container #deal-content #tab1 .judge .detail-box .judge-content { margin-top: 15px; line-height: 28px; }

@media all and (max-width: 767px) {
	#deal-container #deal-content #tab1 .judge .photo { float: none; }
	#deal-container #deal-content #tab1 .judge .detail-box { float: none; margin-top: 25px; padding-left: 0; width: 100%; }

	#deal-container #deal-content #tab1 .judge .detail-box .judge-info .name { float: none; }
	#deal-container #deal-content #tab1 .judge .detail-box .judge-info .name:after { display: none; }
	#deal-container #deal-content #tab1 .judge .detail-box .judge-info .company { float: none; margin-top: 10px; }
}

#deal-container #deal-content #tab2 {  }

#deal-container #deal-content #tab2 .sale-plan {  }
#deal-container #deal-content #tab2 .sale-plan .article-content { position: relative; }
#deal-container #deal-content #tab2 .sale-plan #sale_plan_table { padding: 0; margin: 0; width: 100%; font-size: 14px; font-weight: 700; text-align: center; border: 0; border-collapse: collapse; table-layout: fixed; }
#deal-container #deal-content #tab2 .sale-plan #sale_plan_table thead {  }
#deal-container #deal-content #tab2 .sale-plan #sale_plan_table thead tr {  }
#deal-container #deal-content #tab2 .sale-plan #sale_plan_table thead th { padding: 10px 0; width: 118px; background-color: #cacaca; border-right: 1px solid #fff; }
#deal-container #deal-content #tab2 .sale-plan #sale_plan_table thead th.sale { width: auto; border-right: 0; }
#deal-container #deal-content #tab2 .sale-plan #sale_plan_table tbody {  }
#deal-container #deal-content #tab2 .sale-plan #sale_plan_table tbody tr {  }
#deal-container #deal-content #tab2 .sale-plan #sale_plan_table tbody td { padding: 10px 0; border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca; }
#deal-container #deal-content #tab2 .sale-plan #sale_plan_table tbody td.space-sale { border-bottom: 0; }
#deal-container #deal-content #tab2 .sale-plan #sale_plan_table tbody td.sale { border-right: 0; }
#deal-container #deal-content #tab2 .sale-plan #sale_plan_table tbody tr:last-child {  }
#deal-container #deal-content #tab2 .sale-plan #sale_plan_table tbody tr:last-child td { border-bottom: 0; }
#deal-container #deal-content #tab2 .sale-plan #sale_plan_table tfoot { font-weight: 700; color: #fff; }
#deal-container #deal-content #tab2 .sale-plan #sale_plan_table tfoot tr {  }
#deal-container #deal-content #tab2 .sale-plan #sale_plan_table tfoot td { padding: 10px 0; background-color: #30373e; }

#deal-container #deal-content #tab2 .sale-plan #sale_plan_table_shadow { position: absolute; top: 10px; right: 0; bottom: 10px; display: none; width: 96px;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 74%,rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),color-stop(74%, rgba(255,255,255,1)),to(rgba(255,255,255,1)));
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 74%,rgba(255,255,255,1) 100%);
}
#deal-container #deal-content #tab2 .sale-plan #sale_plan_table_shadow i { position: absolute; top: 0; right: 15px; bottom: 0; margin: auto 0; height: 16px; }

@media all and (max-width: 767px) {
	#deal-container #deal-content #tab2 .sale-plan #sale_plan_table_shadow { display: block; }
	#deal-container #deal-content #tab2 .sale-plan #sale_plan_table thead th.sale { width: 236px; }
}

#deal-container #deal-content #tab2 .location {  }
#deal-container #deal-content #tab2 .location #google_maps { margin-top: 15px; height: 220px; border: 1px solid #cacaca; border-radius: 10px; }

#deal-container #deal-content #tab2 .build-history {  }
#deal-container #deal-content #tab2 .build-history .article-content { padding: 0; border: 0; border-radius: 0; }

#deal-container #deal-content #tab2 .build-history .process { position: relative; z-index: 2; margin-top: 60px; margin-bottom: 50px; }
#deal-container #deal-content #tab2 .build-history .process ul { display: block; margin: 0 auto; padding: 0%; max-width: 630px; width: 100%; }
#deal-container #deal-content #tab2 .build-history .process ul:after { content: ''; display: block; clear: both; }
#deal-container #deal-content #tab2 .build-history .process li { list-style: none; float: left; width: 33.333%; text-align: center; }
#deal-container #deal-content #tab2 .build-history .process li .step { position: relative; display: block; margin: 0 auto 20px; padding: 2px 0 5px; max-width: 118px; width: 100%; }
#deal-container #deal-content #tab2 .build-history .process li .step a { display: block; color: inherit; cursor: pointer; }
#deal-container #deal-content #tab2 .build-history .process li .step small { display: block; font-size: 20px; font-weight: 700; }
#deal-container #deal-content #tab2 .build-history .process li .icon { display: block; margin: 0 auto; width: 13px; height: 13px; background-color: #f0f0f0; border: 1px solid #cacaca; border-radius: 50%; }
#deal-container #deal-content #tab2 .build-history .process .bar { position: absolute; bottom: 6px; left: 0; z-index: -1; width: 100%; height: 1px; background-color: #cacaca; }

#deal-container #deal-content #tab2 .build-history .process li.active {  }
#deal-container #deal-content #tab2 .build-history .process li.active .step { border: 1px solid #cacaca; border-radius: 10px;
	-webkit-animation-name: build-history-step-bounce;
	        animation-name: build-history-step-bounce;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
	-webkit-animation-duration: 1.5s;
	        animation-duration: 1.5s;
}
#deal-container #deal-content #tab2 .build-history .process li.active .step:after { content: ''; position: absolute; right: 0; bottom: -8px; left: 1px; z-index: 2; margin: 0 auto; width: 8px; height: 8px; background-image: url('images/deal/build-history-step-arrow.png'); }
#deal-container #deal-content #tab2 .build-history .process li.active .icon { background-color: #fabf13; }

@-webkit-keyframes build-history-step-bounce {
	0% { top: -5px; }
	50% { top: 0; }
	100% { top: -5px; }
}

@keyframes build-history-step-bounce {
	0% { top: -5px; }
	50% { top: 0; }
	100% { top: -5px; }
}


#deal-container #deal-content #tab2 .build-history .step-common { margin-bottom: 45px; }
#deal-container #deal-content #tab2 .build-history .step-common:last-child { margin-bottom: 0; }
#deal-container #deal-content #tab2 .build-history .step-common .step-title { position: relative; padding-left: 23px; font-size: 20px; font-weight: 700; }
#deal-container #deal-content #tab2 .build-history .step-common .step-title:before { content: ''; position: absolute; top: 11px; left: 0; z-index: 2; width: 13px; height: 13px; background-color: #f0f0f0; border: 1px solid #cacaca; border-radius: 50%; }
#deal-container #deal-content #tab2 .build-history .step-common .step-title.active:before { background-color: #fabf13; }
#deal-container #deal-content #tab2 .build-history .step-common .step-content { margin-top: 20px; padding: 35px 30px; border: 1px solid #cacaca; border-radius: 10px; }
#deal-container #deal-content #tab2 .build-history .step-common .step-content .document { margin-top: -35px; margin-bottom: 25px; }
#deal-container #deal-content #tab2 .build-history .step-common .step-content .document ul { margin: 0 -15px; padding: 0; }
#deal-container #deal-content #tab2 .build-history .step-common .step-content .document ul:after { content: ''; display: block; clear: both; }
#deal-container #deal-content #tab2 .build-history .step-common .step-content .document li { list-style: none; float: left; margin: 30px 15px 0;
	width: -webkit-calc( 50% - 30px );
	width: calc( 50% - 30px );
}
#deal-container #deal-content #tab2 .build-history .step-common .step-content .document li a { display: block; font-size: 20px; padding: 20px 30px; border: 1px solid #cacaca; border-radius: 10px; }
#deal-container #deal-content #tab2 .build-history .step-common .step-content .document li .icon { display: inline-block; margin-right: 15px; width: 38px; height: 29px; background-image: url('images/deal/document-icon.png'); background-repeat: no-repeat; vertical-align: bottom; }

@media all and (max-width: 767px) {
	#deal-container #deal-content #tab2 .build-history .step-common .step-content .document {  }
	#deal-container #deal-content #tab2 .build-history .step-common .step-content .document li { float: none; width: auto; }
	#deal-container #deal-content #tab2 .build-history .step-common .step-content .document li a { font-size: 16px; }
	#deal-container #deal-content #tab2 .build-history .step-common .step-content .document li .text { position: relative; top: -3px; }
}

#deal-container #deal-content #tab2 .build-history .step1 {  }
#deal-container #deal-content #tab2 .build-history .step1 .progress-bar {margin-top: 40px; }
#deal-container #deal-content #tab2 .build-history .step1 .progress-title { font-size: 20px; font-weight: 700; }
#deal-container #deal-content #tab2 .build-history .step1 .progress {  }
#deal-container #deal-content #tab2 .build-history .step1 .progress-percent { margin-top: 35px; position: relative; width: 100%; }
#deal-container #deal-content #tab2 .build-history .step1 .progress-percent span { position: absolute; bottom: 7px; display: inline-block; margin-left: -25px; width: 50px; text-align: center; }
#deal-container #deal-content #tab2 .build-history .step1 .progress { height: 20px; background-color: #f0f0f0; border-radius: 10px; overflow: hidden; }
#deal-container #deal-content #tab2 .build-history .step1 .progress .bar { height: 20px;
	background: rgb(254,222,132);
	background: -webkit-linear-gradient(left, rgba(254,222,132,1) 0%,rgba(250,191,19,1) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(254,222,132,1)),to(rgba(250,191,19,1)));
	background: linear-gradient(to right, rgba(254,222,132,1) 0%,rgba(250,191,19,1) 100%);
}

#deal-container #deal-content #tab2 .build-history .detail-step { margin-top: 40px; }
#deal-container #deal-content #tab2 .build-history .detail-step .detail { margin-top: 25px; }
#deal-container #deal-content #tab2 .build-history .detail-step .detail-head { position: relative; z-index: 1; }
#deal-container #deal-content #tab2 .build-history .detail-step .detail-head:after { content: ''; position: absolute; top: 5px; right: 0; bottom: 0; left: 0; z-index: 1; margin: auto 0; height: 1px; background-color: #cacaca; }
#deal-container #deal-content #tab2 .build-history .detail-step .detail-head .text { position: relative; z-index: 2; display: inline-block; padding-right: 15px; background-color: #fff; }
#deal-container #deal-content #tab2 .build-history .detail-step .detail-head .text strong { margin-right: 5px; font-size: 20px; }
#deal-container #deal-content #tab2 .build-history .detail-step .detail-body { margin-top: 20px; }
#deal-container #deal-content #tab2 .build-history .detail-step .detail-body .slider { position: relative; z-index: 1; margin: 0 -15px; }
#deal-container #deal-content #tab2 .build-history .detail-step .detail-body .slider .slick-track { margin-left: 0; }
#deal-container #deal-content #tab2 .build-history .detail-step .detail-body .slider .slick-arrow { position: absolute; top: 0; bottom: 0; z-index: 2; margin: 0; padding: 0; font-size: 20px; background-color: transparent; border: 0; cursor: pointer; }
#deal-container #deal-content #tab2 .build-history .detail-step .detail-body .slider .slick-prev { left: 25px; }
#deal-container #deal-content #tab2 .build-history .detail-step .detail-body .slider .slick-next { right: 25px; }
#deal-container #deal-content #tab2 .build-history .detail-step .detail-body .slider .item { position: relative; margin: 0 15px; height: 144px; overflow: hidden; }
#deal-container #deal-content #tab2 .build-history .detail-step .detail-body .slider .item img { position: absolute; top: 0; left: 50%; max-width: 1000%; min-width: 100%; min-height: 100%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}
#deal-container #deal-content #tab2 .build-history .detail-step .detail-body .description { margin-top: 15px; }

#deal-container #deal-content #tab2 .build-history .step2 {  }
#deal-container #deal-content #tab2 .build-history .step2 .step-content .document { margin-top: 0; margin-bottom: 0; }

#deal-container #deal-content #tab2 .build-history-alert { display: table; width: 100%; height: 328px; }
#deal-container #deal-content #tab2 .build-history-alert > .inner-wrap { display: table-cell; padding: 0 30px; width: 100%; height: 100%; font-size: 26px; text-align: center; vertical-align: middle; border: 1px solid #cacaca; border-radius: 10px; }
#deal-container #deal-content #tab2 .build-history-alert a { border-bottom: 1px solid; }

#deal-container #deal-content #tab3 {  }
#deal-container #deal-content #tab3 .document {  }
#deal-container #deal-content #tab3 .document .guest { padding: 110px 0; font-size: 26px; text-align: center; }
#deal-container #deal-content #tab3 .document .guest a { border-bottom: 1px solid; }

#deal-container #deal-content #tab4 {  }
#deal-container #deal-content #tab4 .simulation {  }
#deal-container #deal-content #tab4 .simulation .title-wrap { font-size: 20px; font-weight: 700; }
#deal-container #deal-content #tab4 .simulation .input-box { margin-top: 15px; }
#deal-container #deal-content #tab4 .simulation .input-wrap { position: relative; float: left; margin-right: 20px; width: 200px; height: 50px; }
#deal-container #deal-content #tab4 .simulation .input-wrap input[type='text'] { padding: 0 70px 4px 20px; width: 100%; height: 100%; font-size: 20px; font-weight: 700; line-height: 1em; border: 1px solid #cacaca; border-radius: 10px; }
#deal-container #deal-content #tab4 .simulation .input-wrap .unit { position: absolute; top: 0; right: 20px; z-index: 2; font-size: 20px; font-weight: 700; line-height: 46px; color: #cacaca; }
#deal-container #deal-content #tab4 .simulation .input-box input[type='button'] { display: inline-block; padding: 0 30px; height: 50px; font-size: 20px; font-weight: 700; text-align: center; background-color: #ffbf00; border: 0; border-radius: 10px; cursor: pointer;
	-webkit-transition: color 0.2s, background-color 0.2s;
	        transition: color 0.2s, background-color 0.2s;
}
@media all and (min-width: 1024px) {
	#deal-container #deal-content #tab4 .simulation .input-box input[type='button']:hover { color: #ffbf00; background-color: #30373e; }
}
#deal-container #deal-content #tab4 .simulation .total-result { font-size: 30px; text-align: right; }
#deal-container #deal-content #tab4 .simulation .total-result small { display: block; font-size: 16px; font-weight: 700; }
#deal-container #deal-content #tab4 .simulation .total-result strong {  }
#deal-container #deal-content #tab4 .simulation .result-box { margin-top: 26px; padding-top: 5px; padding-bottom: 40px; text-align: center; background-color: #30373e; border-radius: 10px; }
#deal-container #deal-content #tab4 .simulation .result-box .col-common { position: relative; margin-top: 35px; padding: 0; color: #fff; }
#deal-container #deal-content #tab4 .simulation .result-box .col-common:after { content: ''; position: absolute; top: 5px; right: 0; display: block; width: 1px; height: 57px; background-color: #fff; }
#deal-container #deal-content #tab4 .simulation .result-box .col-common .name { font-weight: 700; }
#deal-container #deal-content #tab4 .simulation .result-box .col-common .value { margin-top: 5px; font-size: 22px; }
#deal-container #deal-content #tab4 .simulation .result-box .col-common .value strong {  }
#deal-container #deal-content #tab4 .simulation .result-box .first {  }
#deal-container #deal-content #tab4 .simulation .result-box .first .col-common:last-child {  }
#deal-container #deal-content #tab4 .simulation .result-box .first .col-common:last-child:after { display: none; }
#deal-container #deal-content #tab4 .simulation .result-box .second {  }
#deal-container #deal-content #tab4 .simulation .result-box .second .col-common:last-child {  }
#deal-container #deal-content #tab4 .simulation .result-box .second .col-common:last-child:after { display: none; }

@media all and (max-width: 767px) {
	#deal-container #deal-content #tab4 .simulation .result-box { margin-top: 50px; padding-bottom: 30px; }
	#deal-container #deal-content #tab4 .simulation .result-box .col-common { padding: 10px 0; }
	#deal-container #deal-content #tab4 .simulation .result-box .col-common:after { top: inherit; right: 0; bottom: -20px; left: 0; margin: 0 auto; height: 1px;
		width: -webkit-calc( 100% - 60px );
		width: calc( 100% - 60px );
	}
	#deal-container #deal-content #tab4 .simulation .result-box .first .col-common:first-child { padding-top: 0; }
	#deal-container #deal-content #tab4 .simulation .result-box .first .col-common:last-child:after { display: block; }
	#deal-container #deal-content #tab4 .simulation .result-box .second .col-common:last-child { padding-bottom: 0; }
}

#deal-container #deal-content #tab4 .month-plan {  }
#deal-container #deal-content #tab4 .month-plan .title-wrap {  }
#deal-container #deal-content #tab4 .month-plan .plan-table { position: relative; margin-top: 15px; }
#deal-container #deal-content #tab4 .month-plan .plan-table table { padding: 0; margin: 0; width: 100%; font-size: 14px; font-weight: 700; text-align: center; border: 0; border-collapse: collapse; table-layout: fixed; }
#deal-container #deal-content #tab4 .month-plan .plan-table thead {  }
#deal-container #deal-content #tab4 .month-plan .plan-table thead tr {  }
#deal-container #deal-content #tab4 .month-plan .plan-table thead th { padding: 10px 0; background-color: #cacaca; border-right: 1px solid #fff; }
#deal-container #deal-content #tab4 .month-plan .plan-table thead th.num { width: 60px; }
#deal-container #deal-content #tab4 .month-plan .plan-table thead th.result { border-right: 0; }
#deal-container #deal-content #tab4 .month-plan .plan-table tbody {  }
#deal-container #deal-content #tab4 .month-plan .plan-table tbody tr {  }
#deal-container #deal-content #tab4 .month-plan .plan-table tbody td { padding: 10px 0; border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca; }
#deal-container #deal-content #tab4 .month-plan .plan-table tbody td.result { border-right: 0; }
#deal-container #deal-content #tab4 .month-plan .plan-table tbody tr:last-child {  }
#deal-container #deal-content #tab4 .month-plan .plan-table tbody tr:last-child td { border-bottom: 0; }
#deal-container #deal-content #tab4 .month-plan .plan-table tfoot { font-weight: 700; color: #fff; }
#deal-container #deal-content #tab4 .month-plan .plan-table tfoot tr {  }
#deal-container #deal-content #tab4 .month-plan .plan-table tfoot td { padding: 10px 0; background-color: #30373e; border-right: 1px solid #fff; }
#deal-container #deal-content #tab4 .month-plan .plan-table tfoot td.result { border-right: 0; }

#deal-container #deal-content #tab4 .month-plan .description { margin-top: 15px; }
#deal-container #deal-content #tab4 .month-plan .description p { margin-top: 5px; margin-bottom: 0; line-height: 28px; }

#deal-container #deal-content #tab4 .month-plan .plan-table #repay_plan_table_shadow { position: absolute; top: 0; right: 0; bottom: 0; display: none; width: 96px;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 74%,rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),color-stop(74%, rgba(255,255,255,1)),to(rgba(255,255,255,1)));
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 74%,rgba(255,255,255,1) 100%);
}
#deal-container #deal-content #tab4 .month-plan .plan-table #repay_plan_table_shadow i { position: absolute; top: 0; right: 15px; bottom: 0; margin: auto 0; height: 16px; }

@media all and (max-width: 767px) {
	#deal-container #deal-content #tab4 .month-plan .plan-table thead th { width: 103px; }
	#deal-container #deal-content #tab4 .month-plan .plan-table #repay_plan_table_shadow { display: block; }
}

#deal-container #deal-content-sidebar { padding-bottom: 110px; }
#deal-container #deal-content-sidebar .invest-button {  }
#deal-container #deal-content-sidebar .invest-button a { display: block; padding: 13px 0 15px; font-size: 20px; font-weight: 700; text-align: center; background-color: #ffbf00; border-radius: 10px; }
@media all and (min-width: 1024px) {
	#deal-container #deal-content-sidebar .invest-button a:hover { color: #ffbf00; background-color: #30373e; }
}
#deal-container #deal-content-sidebar .rewards { margin-top: 30px; padding: 30px 30px 35px; background-color: #f0f0f0; border-radius: 10px; }
#deal-container #deal-content-sidebar .rewards-title { font-size: 20px; font-weight: 700; }
#deal-container #deal-content-sidebar .rewards-content { margin-top: 25px; }
#deal-container #deal-content-sidebar .rewards-content .name { display: inline-block; /*margin-top: 30px;*/ padding: 4px 8px 2px; font-weight: 400; color: #fff; background-color: #30373e; border-radius: 5px; }
#deal-container #deal-content-sidebar .rewards-content .name strong { font-weight: 800; }
#deal-container #deal-content-sidebar .rewards-content .name:first-child { margin-top: 0; }
#deal-container #deal-content-sidebar .rewards-content .desc { margin: 13px 0 0; padding: 0; }
#deal-container #deal-content-sidebar .rewards-content .desc li { list-style: none; margin-top: 5px; margin-left: 10px; font-weight: 700; }
#deal-container #deal-content-sidebar .rewards-content .desc li:before { content: '\f0da'; font-family: 'Font Awesome 5 Free'; margin-right: 9px; font-weight: 900; color: #fabf13; }
#deal-container #deal-content-sidebar .separator { margin: 40px 0 0; height: 1px; background-color: #cacaca; border: 0; }
#deal-container #deal-content-sidebar .rewards-notice { margin-top: 25px; }
#deal-container #deal-content-sidebar .rewards-notice p { margin: 20px 0; }
#deal-container #deal-content-sidebar .rewards-notice p:first-child { margin-top: 0; }
#deal-container #deal-content-sidebar .rewards-notice p:last-child { margin-bottom: 0; }


/**
 * Loan
 */
#loan { padding-top: 110px; }

#loan-header { padding: 50px 0 70px 0; text-align: center; }
#loan-header .title { font-size: 40px; /*font-weight: 700; line-height: 1em;*/ }

@media all and (max-width: 767px) {
	#loan-header .title { font-size: 30px; }
}

#loan-description { padding-top: 110px; padding-bottom: 110px; font-size: 20px; color: #fff; background-color: #30373e; background-image: url('images/loan/description-section-bg.png'); background-repeat: no-repeat; background-position: center center;
	-webkit-background-size: cover;
	        background-size: cover;
}
#loan-description .title { font-size: 32px; font-weight: 700; }
#loan-description .desc { margin-top: 20px; }
#loan-description .category { margin-top: 10px; }
#loan-description .category:after { content: ''; display: block; clear: both; }
#loan-description .category ul { margin: 0 -15px; padding: 0; }
#loan-description .category li { list-style: none; float: left; margin: 30px 15px 0; padding: 7px 10px 10px; text-align: center; border: 1px solid #fabf13; border-radius: 10px;
	width: -webkit-calc( 20% - 30px );
	width: calc( 20% - 30px );
}

@media all and (max-width: 1023px) {
	#loan-description { text-align: center; }
	#loan-description .desc {  }
	#loan-description .desc span { display: block; }
	#loan-description .category {  }
	#loan-description .category ul { margin: 0 auto; max-width: 500px; }
	#loan-description .category li { float: none; display: inline-block;
		width: -webkit-calc( 50% - 40px );
		width: calc( 50% - 40px );
	}
}

@media all and (max-width: 767px) {
	#loan-description .category ul { max-width: 210px; }
	#loan-description .category li { margin-left: 0; margin-right: 0; width: 100%; }
}

#loan-form { padding-top: 110px; padding-bottom: 110px; background-color: #f0f0f0; }
#loan-form p { margin: 0; }
#loan-form .row-common { margin-top: 30px; }
#loan-form .col-common { position: relative; }

#loan-form .title { margin-bottom: 10px; font-size: 32px; }
#loan-form .label { font-size: 20px; font-weight: 700; line-height: 1em; }
#loan-form .input-box { position: relative; margin-top: 15px; }
#loan-form .input-box .input { display: block; padding: 0 20px 3px; width: 100%; height: 60px; font-size: 20px; background-color: #fff; border: 1px solid #cacaca; border-radius: 10px; }
#loan-form .input-box .input::-webkit-input-placeholder { color: #cacaca; }
#loan-form .input-box .input::-moz-placeholder { color: #cacaca; }
#loan-form .input-box .input:-ms-input-placeholder { color: #cacaca; }
#loan-form .input-box .input:-moz-placeholder { color: #cacaca; }

#loan-form .amount {  }
#loan-form .amount .input { padding-right: 100px; }
#loan-form .amount .unit { position: absolute; top: 0; right: 0; width: 65px; height: 60px; font-size: 20px; line-height: 56px; }

#loan-form .address {  }
#loan-form .address .input { margin-top: 10px; }
#loan-form .address .input[readonly] { background-color: #f5f5f5; cursor: default; }
#loan-form .address #find_address { position: absolute; top: 0; right: 0; }
#loan-form .address #postcode {
	width: -webkit-calc( 100% - 190px );
	width: calc( 100% - 190px );
}

#loan-form .file {  }
#loan-form .file .your-file { display: none; }
#loan-form .file .input-box {  }
#loan-form .file .input-box .input {
	width: -webkit-calc( 100% - 190px );
	width: calc( 100% - 190px );
}
#loan-form .file .btn { position: absolute; top: 0; right: 0; }
#loan-form .file .desc { margin-top: 15px; font-weight: 700; }

#loan-form .submit { text-align: right; }
#loan-form .submit .ajax-loader { position: absolute; top: 0; right: 20px; bottom: 0; margin: auto 0; }

#loan-form .wpcf7-response-output { padding: 15px 10px; font-size: 15px; font-weight: 700; background-color: #fff; }

#loan-form .btn { display: inline-block; margin: 0; padding: 0; max-width: 170px; width: 100%; height: 60px; font-size: 20px; text-align: center; line-height: 54px; background-color: transparent; border: 1px solid; border-radius: 10px; cursor: pointer; }
#loan-form .btn-dark { color: #fff; background-color: #30373e; border-color: #30373e; }
#loan-form .btn-point-color { font-weight: 700; color: #30373e; background-color: #fabf13; border-color: #fabf13; }

@media all and (min-width: 1024px) {
	#loan-form .btn-dark:hover { color: #30373e; background-color: #ffbf00; border-color: #ffbf00; }
	#loan-form .btn-point-color:hover { color: #ffbf00; background-color: #30373e; border-color: #30373e; }
}

@media all and (max-width: 768px) {
	#loan-form .title { text-align: center; }
}
@media all and (max-width: 767px) {
	#loan-form .address #postcode { width: 100%; }
	#loan-form .address #find_address { position: static; display: block; margin: 10px auto 0; }
	#loan-form .file .input-box .input { width: 100%; }
	#loan-form .file .btn { position: static; display: block; margin: 20px auto 0; }
	#loan-form .submit { text-align: center; }
}


/**
 * Company
 */
#company { padding-top: 80px;}
#company > .outer-wrap {  }
#company > .outer-wrap > .inner-wrap {  }

#company .section-title { font-weight: 400; font-size: 30px; /*line-height: 1em;*/ }

#company-catch { background-color: #f0f0f0; }
#company-catch > .outer-wrap { padding: 70px 0 70px; }
#company-catch > .outer-wrap > .inner-wrap {  }
#company-catch .title {  }
#company-catch .title h2 { font-weight: 400; font-size: 40px; /*line-height: 66px;*/ text-align: center; word-spacing: -3px; }
#company-catch .sub { margin-top: 22px; font-size: 16px; text-align: center; line-height: 1em; word-spacing: -1px; }

#company-system { background: url('images/company/system-01.png') no-repeat center center; background-color: #30373e;
	-webkit-background-size: cover;
			background-size: cover;
}
#company-system > .outer-wrap { padding: 70px 0; }
#company-system > .outer-wrap > .inner-wrap {  }
#company-system .system-title { display: block; margin: 0 auto 50px; width: 250px; /*height: 31px;*/ font-size: 18px; /*line-height: 144%;*/ background-color: #ffbf00; border-radius: 10px; text-align: center; padding: 5px 10px; }

#company-process { background-color: #f0f0f0; }
#company-process > .outer-wrap { padding: 110px 0 0; }
#company-process > .outer-wrap > .inner-wrap {  }

#company-process > .outer-wrap > .inner-wrap .responsive-table { width: 100%; }
#company-process table.process-wrap { margin: 45px 0 45px; table-layout: fixed; }
#company-process table tr.row-01,
#company-process table tr.row-03 { height: 50px; }
#company-process table tr.row-02 { height: 30px; }
#company-process table tr td { font-size: 20px; line-height: 1em; text-align: center; }
#company-process table tr td.text { background-color: #dcddde; border: 1px solid #30373e; border-radius: 10px; }
#company-process table tr td.arrow { width: 30px; background-color: transparent; }
#company-process table tr td.arrow .fa-caret-down { display: none; }
#company-process table tr.row-02 td { background-color: transparent; border: 0; }
#company-process table tr.row-03 td.text-mobile { display: none; }

#company-process .desc-wrap {  }
#company-process .desc-wrap .image { display: inline-block; margin-right: 6%; width: 61.5%; height: 300px; background: url('images/company/team.png') no-repeat center top; background-color: transparent; vertical-align: bottom;
	-webkit-background-size: 100% auto;
			background-size: 100% auto;
}
#company-process .desc-wrap .desc { display: inline-block; margin-bottom: 50px; height: auto; vertical-align: bottom; width: 32%; }
#company-process .desc-wrap .desc > .inner-wrap { position: relative; float: right; height: 100%; }
#company-process .desc-wrap .desc .desc-icon { position: absolute; top: 0; bottom: 0; left: -15px; height: 20px; margin: auto 0; }
#company-process .desc-wrap .desc .desc-text { float: right; max-width: 100%; font-size: 20px; word-spacing: -2px; }
#company-process .desc-wrap .desc .desc-icon i { font-size: 20px; }

#company-strength { background: transparent; }
#company-strength > .outer-wrap { padding: 100px 0 100px; }
#company-strength > .outer-wrap > .inner-wrap {  }
#company-strength .title-wrap {  }
#company-strength .title-wrap .sub { margin-top: 10px; font-size: 16px; }
#company-strength .card-wrap {  }
#company-strength .card-wrap .row {  }
#company-strength .card-wrap .row .common {  }
#company-strength .card-wrap .row .common img {  }
#company-strength .card-wrap .row .common .title { margin: 16px 0 20px; font-size: 25px; letter-spacing: 0.2px; }
#company-strength .card-wrap .row .common .value { line-height: 28px; }

#company-ci { background: #30373e; }
#company-ci > .outer-wrap { padding: 110px 0 95px; color: #fff; }
#company-ci > .outer-wrap > .inner-wrap {  }
#company-ci .col-right,
#company-ci .col-left { float: left; }
#company-ci .image {
	-webkit-background-size: contain;
			background-size: contain;
}
#company-ci .title {  }
#company-ci .ci-wrap-01 { float: left; margin-top: 60px; margin-bottom: 35px; width: 100%; }
#company-ci .ci-wrap-01 .col-left.logo { width: 700px; height: 160px; background: url('images/company/ci-01.png') no-repeat center center; }
#company-ci .ci-wrap-01 .col-right.desc { width: 470px; }
#company-ci .ci-wrap-01 .col-right .desc-title { font-size: 26px; line-height: 1em; }
#company-ci .ci-wrap-01 .col-right .desc-text { margin-top: 20px; font-size: 16px; line-height: 28px; }

#company-ci .sub-title { font-weight: 700; font-size: 26px; line-height: 1em; }
#company-ci .ci-wrap-02 { float: left; margin-top: 50px; }
#company-ci .ci-wrap-02 .col-left.col-8 { height: 250px; }
#company-ci .ci-wrap-02 .col-right.col-4 { height: 192px; }

#company-ci .ci-wrap-02 .col-left .image-wrap { float: left; width: 170px; height: 100%; }
#company-ci .ci-wrap-02 .col-left .image-wrap .image { width: 100%; height: 170px; }
#company-ci .ci-wrap-02 .col-left .image-wrap .image-02 { background: url('images/company/ci-02.png') no-repeat center center; }
#company-ci .ci-wrap-02 .col-left .image-wrap .image-03 { background: url('images/company/ci-03.png') no-repeat center center; }
#company-ci .ci-wrap-02 .col-left .image-wrap .image-04 { background: url('images/company/ci-04.png') no-repeat center center; }
#company-ci .ci-wrap-02 .col-left .image-wrap .text { margin-top: 20px; padding: 0 15px; font-size: 20px; text-align: center; }
#company-ci .ci-wrap-02 .col-left .image-wrap .image-04 + .text { padding: 0 30px; }

#company-ci .ci-wrap-02 .col-left .sign,
#company-ci .ci-wrap-02 .col-right .sign { position: relative; float: left; width: 70px; height: 170px; }
#company-ci .ci-wrap-02 .col-right .sign { height: 100%; }
#company-ci .ci-wrap-02 .col-left .sign span,
#company-ci .ci-wrap-02 .col-right .sign span { position: absolute; top: 0; bottom: 0; display: block; margin: auto 0; width: 100%; height: 20px; font-size: 30px; line-height: 0.5; text-align: center;  }

#company-ci .ci-wrap-02 .col-right .sign { width: 110px; }
#company-ci .ci-wrap-02 .col-right .image-05 { float: left; width: 380px; height: 100%; background: url('images/company/ci-05.png') no-repeat center center; }
#company-ci .ci-wrap-02 .col-right .image {
	-webkit-background-size: auto 100%;
			background-size: auto 100%;
}

#company-way {  }
#company-way > .outer-wrap { padding: 110px 0; }
#company-way > .outer-wrap > .inner-wrap {  }
#company-way .way-wrap { margin-top: 70px; height: 330px; }
#company-way .way-wrap .map { float: left; height: 100%; background-color: #30373e; border-radius: 10px; overflow: hidden;
	width: -webkit-calc(100% - 400px);
	width: calc(100% - 400px);
}
#company-way .way-wrap .desc { position: relative; float: left; margin-left: 30px; width: 350px; height: 100%; }
#company-way .way-wrap .desc > .inner-wrap { position: absolute; top: 0; bottom: 0; margin: auto 0; height: 240px; }
#company-way .way-wrap .desc .address {  }
#company-way .way-wrap .desc .address .address-01, #company-way .way-wrap .desc .address .address-02 { font-size: 20px; /*line-height: 39px;*/ }
/* #company-way .way-wrap .desc .address .address-02 { font-size: 20px; line-height: 39px; } */
#company-way .way-wrap .desc .contact { margin-top: 30px; }
#company-way .way-wrap .desc .contact .contact-row { margin-bottom: 15px; height: 1em; font-weight: 700; font-size: 16px; line-height: 1em; }
#company-way .way-wrap .desc .contact .last-contact-row { margin-bottom: 0; }
#company-way .way-wrap .desc .contact .contact-row i { margin-right: 10px; font-size: 16px; vertical-align: middle; }

@media all and (min-width: 1200px) {
	#company-ci .ci-wrap-02 .col-left.col-8 { padding-right: 0; width: 665px; }
	#company-ci .ci-wrap-02 .col-right.col-4 { padding-left: 0; width: 535px; }
}
@media all and (max-width: 1199px) {
	#company-ci .ci-wrap-02 .col-left.col-8 { float: none; margin: 0 auto 20px; width: 680px; }
	#company-ci .ci-wrap-02 .col-right.col-4 { float: none; margin: 0 auto; width: 550px; }
}
@media all and (max-width: 1180px) {
	#company-ci .ci-wrap-01 .col-left.logo {
		width: -webkit-calc(100% - 500px);
		width: calc(100% - 500px);
	}
	#company-process .desc-wrap .image { margin-right: 5%; width: 65%; }
	#company-process .desc-wrap .desc { width: 28%; }
	#company-process .desc-wrap .desc .desc-text { font-size: 16px; }
}

@media all and (max-width: 1023px) {
	#company .section-title { text-align: center; }

	#company-process table tr.row-01,
	#company-process table tr.row-03 { display: block; height: 210px; }
	#company-process table tr.row-02 { display: block; }
	#company-process table tr td { display: block; height: 30px; line-height: 30px; }
	#company-process table tr td.text { position: relative; margin: 0 auto; width: 370px; height: 50px; line-height: 42px; }
	#company-process table tr td.arrow { width: 100%; }
	#company-process table tr td.arrow .fa-caret-right,
	#company-process table tr td.arrow .fa-caret-left { display: none; }
	#company-process table tr td.arrow .fa-caret-down { display: inline; }
	#company-process table tr.row-02 td { display: none; }
	#company-process table tr.row-02 td.last-text { display: block; height: 30px; line-height: 30px; }
	#company-process table tr.row-03 td.text-pc { display: none; }
	#company-process table tr.row-03 td.text-mobile { display: block; }

	#company-strength > .outer-wrap { padding: 105px 0 110px; }
	#company-strength .title-wrap { margin-bottom: 65px; }
	#company-strength .title-wrap .sub { text-align: center; }
	#company-strength .card-wrap .row .common { text-align: center; }

	#company-ci > .outer-wrap { padding: 105px 0 110px; }
	#company-ci h2.col-12 { float: none; }
	#company-ci .ci-wrap-01,
	#company-ci .ci-wrap-02 { float: none; clear: both; }
	#company-ci .ci-wrap-01 { margin-top: 70px; margin-bottom: 40px; }
	#company-ci .ci-wrap-01 .col-left.logo { float: none; margin: 0 auto; width: 650px; height: 123px; }
	#company-ci .ci-wrap-01 .col-right.desc { width: 100%; }
	#company-ci .ci-wrap-01 .col-right .desc-title { margin-top: 65px; margin-bottom: 15px; text-align: center; }
	#company-ci .ci-wrap-01 .col-right .desc-text { width: 470px; margin: 0 auto; text-align: center; }

	#company-ci .sub-title { margin-bottom: 50px; text-align: center; }
	#company-ci .ci-wrap-02 .col-left .image-wrap .text { margin-top: 10px; }

	#company-way .way-wrap { margin-top: 80px; height: auto; }
	#company-way .way-wrap .map { float: none; width: 100%; height: 330px; background-color: #30373e; border-radius: 10px; overflow: hidden; }
	#company-way .way-wrap .desc { position: relative; float: none; margin-left: 0; width: 100%; height: auto; clear: both; }
	#company-way .way-wrap .desc > .inner-wrap { position: relative; height: auto; }
	#company-way .way-wrap .desc .address { margin-top: 30px; text-align: center; }
	#company-way .way-wrap .desc .address .address-02 { display: block; }
	#company-way .way-wrap .desc .contact { margin-top: 30px; text-align: center; }

	#company-way .way-wrap .desc .address { margin-top: 20px; }
	#company-way .way-wrap .desc .contact { margin-top: 20px; }
	#company-way .way-wrap .desc .contact .contact-row { margin-bottom: 16px; }
	#company-way .way-wrap .desc .contact .last-contact-row { margin-bottom: 0; }
}

@media all and (max-width: 990px) {
	#company-process .desc-wrap .image { width: 650px; margin-right: 40px; }
	#company-process .desc-wrap .desc {
		width: -webkit-calc(100% - 700px);
		width: calc(100% - 700px);
	}
}
@media all and (max-width: 860px) {
	#company-process .desc-wrap .image { width: 480px; height: 195px; margin-right: 30px;
		background: url('images/company/team.png') no-repeat center top;
		-webkit-background-size: 100% auto;
		        background-size: 100% auto;
	}
	#company-process .desc-wrap .desc {
		width: -webkit-calc(100% - 520px);
		width: calc(100% - 520px);
	}
}
@media all and (min-width: 768px) {
	#company-strength .card-wrap .row-01 { margin-bottom: 50px; }
}
@media all and (max-width: 767px) {
	#company-catch > .outer-wrap { padding: 100px 0 110px; }
	#company-catch .title h2 { font-size: 30px; line-height: 45px; }
	#company-catch .sub { margin-top: 23px; }

	#company-system .system-title { width: 214px; height: 25px; line-height: 23px; font-size: 16px; }

	#company-process > .outer-wrap { padding: 100px 0 50px; }
	#company-process .title { padding-right: 20px; padding-left: 20px; line-height: 47px; }
	#company-process .desc-wrap .image { display: none; }
	#company-process .desc-wrap .desc { display: none; }

	#company-strength > .outer-wrap { padding: 105px 0 170px; }
	#company-strength .card-wrap .row .common { margin-bottom: 50px; }
	#company-strength .card-wrap .row .common-04 { margin-bottom: 0; }
}

@media all and (max-width: 690px) {
	#company-ci > .outer-wrap { padding: 105px 0 140px; }
	#company-ci .ci-wrap-01 { margin-bottom: 50px; }
	#company-ci .ci-wrap-01 .col-left.logo { width: 100%; }
	#company-ci .ci-wrap-02 .col-left.col-8 { margin-bottom: 0; padding: 0; width: 170px; height: 827px; }
	#company-ci .ci-wrap-02 .col-right.col-4 { width: 100%; height: auto; }

	#company-ci .ci-wrap-01 .col-right .desc-title { margin-top: 65px; margin-bottom: 15px; }
	#company-ci .ci-wrap-01 .col-right .desc-text { max-width: 470px; width: 100%; }

	#company-ci .ci-wrap-02 .col-left .image-wrap { float: none; margin: 0 auto; height: auto; }
	#company-ci .ci-wrap-02 .col-left .image-wrap .text { margin-top: 10px; }
	#company-ci .ci-wrap-02 .col-left .sign,
	#company-ci .ci-wrap-02 .col-right .sign { float: none; width: 100%; height: 70px; clear: both; }
	#company-ci .ci-wrap-02 .col-right .sign { height: 100px; }
	#company-ci .ci-wrap-02 .col-right .image-05 { float: none; margin: 0 auto; width: 290px; height: 150px; clear: both; }
	#company-ci .ci-wrap-02 .col-right .image {
		-webkit-background-size: 100% auto;
				background-size: 100% auto;
	}
}
@media all and (max-width: 410px) {
	#company-process table tr td.text { width: 100%; }
}


/**
 * Guide
 */
#guide {  }
#guide #guide-header { text-align: center; }
#guide #guide-header .title { margin: 110px 0; font-size: 44px; line-height: 1em; font-weight: 600; }

#guide #guide-intro { padding: 110px 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center center; background-color: #30373e; }
#guide #guide-intro .title { margin-bottom: 50px; font-size: 32px; color: #fff; line-height: 48px; font-weight: 400; }
#guide #guide-intro .title .bold { font-weight: 600; }
#guide #guide-intro .full-setp > .inner-wrap { min-height: 239px; background-color: #fff; border-radius: 10px; overflow: hidden; }
#guide #guide-intro .full-setp .full-title { padding: 15px 30px; color: #30373e; font-size: 19px; line-height: 1em; font-weight: 600; letter-spacing: -0.2px; background-color: #fabf13; }
#guide #guide-intro .full-setp .desc { padding: 20px 30px 30px; font-size: 16px; line-height: 28px; }

@media all and (max-width: 1023px) {
	#guide #guide-intro { padding-bottom: 80px; }
	#guide #guide-intro .title { text-align: center; }
	#guide #guide-intro .full-setp { margin-bottom: 30px; }
}
@media all and (max-width: 767px) {
	#guide #guide-header .title { font-size: 32px; }
}

#guide #guide-setp-tab { padding: 110px 0; }
#guide #guide-setp-tab .tab-nav { margin: 0 auto 110px; padding: 0; position: relative; max-width: 486px; width: 100%; font-size: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 10px; overflow: hidden; }
#guide #guide-setp-tab .tab-nav .tabs { position: relative; display: inline-block; width: 50%; height: 50px; font-size: 20px; color: #30373e; font-weight: 400; line-height: 50px; text-align: center; background-color: #f0f0f0; list-style: none; overflow: hidden; cursor: pointer;
	-webkit-transition: background-color 0.2s;
	        transition: background-color 0.2s;
}
#guide #guide-setp-tab .tab-nav .tabs.active { background-color: #cacaca; font-weight: 600; }
@media all and (min-width: 1024px) {
	#guide #guide-setp-tab .tab-nav .tabs:hover { background-color: #cacaca; }
}

#guide #guide-setp-tab .tab-contents {  }
#guide #guide-setp-tab .tab-contents .tab-div { display: none; }
#guide #guide-setp-tab .tab-contents .tab-div.active { display: block; }

#guide #guide-setp-tab .tab-contents .tab-guide { display: none; }
#guide #guide-setp-tab .tab-contents .tab-guide.active { display: block; }
#guide #guide-setp-tab .tab-contents .tab-guide > .row { margin-bottom: 30px; }
#guide #guide-setp-tab .tab-contents .tab-guide .img { border: 1px solid #cacaca; border-radius: 10px; overflow: hidden; }
#guide #guide-setp-tab .tab-contents .tab-guide .description { padding: 20px 40px 0; word-break: keep-all; word-wrap: break-word; }
#guide #guide-setp-tab .tab-contents .tab-guide .description .setp-num { display: inline-block; margin-bottom: 30px; font-size: 32px; line-height: 1em; letter-spacing: -0.2px; font-weight: 900; }
#guide #guide-setp-tab .tab-contents .tab-guide .description .setp-title { margin-bottom: 45px; font-size: 32px; line-height: 48px; font-weight: 400; }
#guide #guide-setp-tab .tab-contents .tab-guide .description .setp-desc { font-size: 16px; line-height: 28px; }
#guide #guide-setp-tab .tab-contents .tab-guide .description .add-note { margin-top: 20px; padding: 20px 30px; font-size: 16px; line-height: 26px; background-color: #f0f0f0; border-radius: 10px; }

@media all and (max-width: 1023px) {
	#guide #guide-setp-tab .tab-contents .tab-guide .description { padding: 30px 0 40px 0; text-align: center; }
}
@media all and (max-width: 768px) {
	#guide #guide-setp-tab .tab-contents .tab-guide .description { margin: 0 auto; max-width: 530px; }
}


/**
 * System - common
 */
#login,
#register { padding: 110px 0; margin-top: 85px; }

.personalize-container { }
.personalize-container > .inner-wrap { margin: 0 auto; max-width: 370px; }

.personalize-container .personalize-form { padding: 40px 30px; border: 1px solid #cacaca; border-radius: 10px; }
.personalize-container .personalize-form .title { margin-bottom: 20px; font-size: 16px;*/ line-height: 1em; }

.personalize-container .personalize-form form .input-field input { margin-bottom: 10px; padding: 0 20px; width: 100%; height: 40px; border: 1px solid #cacaca; border-radius: 10px; }
.personalize-container .personalize-form form .input-field input:focus { border-color: #fabf13; outline: 0; }
.personalize-container .personalize-form form .input-field input::-webkit-input-placeholder { color: #cacaca; }
.personalize-container .personalize-form form .input-field input::-moz-placeholder { color: #cacaca; }
.personalize-container .personalize-form form .input-field input:-ms-input-placeholder { color: #cacaca; }
.personalize-container .personalize-form form .input-field input:-moz-placeholder { color: #cacaca; }
.personalize-container .personalize-form form .input-field input[type="text"] {  }
.personalize-container .personalize-form form .input-field input[type="password"] { margin-bottom: 30px; }
.personalize-container .personalize-form form .recommend-code input[type="text"] { margin-bottom: 30px; }
.personalize-container .personalize-form form .buttons {  }
.personalize-container .personalize-form form .buttons .btn.join { display: none; }
.personalize-container .personalize-form form .buttons input[type="submit"],
.personalize-container .personalize-form form .buttons input[type="button"] { width: 100%; height: 40px; color: #fff; border: 0; background-color: #30373e; border: 0; border-radius: 10px; cursor: pointer; }
/* .personalize-container .personalize-form form .other { display: none; } */

/* 회원가입 화면 - 동의 문구 */
#register-form div.buttons div {font-size: 12px; margin-top: 5px; color: #9e9e9e;}
#register-form div.buttons div a.consent {color: #9e9e9e;}
#register-form div.buttons div a.consent:hover {color:#ffbf00}


.personalize-container .personalize-form .help-links { margin-top: 10px; text-align: right; }
.personalize-container .personalize-form .help-links a { font-size: 14px; line-height: 1em; }
.personalize-container .personalize-form .help-links a:first-child {  }
.personalize-container .personalize-form .help-links .line { position: relative; top: 2px; display: inline-block; margin: 0 8px; width: 1px; height: 13px; background-color: #30373e; }

.personalize-container .alert-group { margin-bottom: 20px; padding: 25px 30px; background-color: #f0f0f0; border: 1px solid #fabf13; border-radius: 10px; }
.personalize-container .alert-group .alert { font-size: 16px; color: #30373e; line-height: 27px; text-align: center; }


/**
 * System - social login
 */
.personalize-container .social-login-wrap { margin-top: 30px; padding-top: 30px; border-top: 1px solid #cacaca; }
.personalize-container .social-login-wrap .wp-social-login-widget .wp-social-login-connect-with { display: none; }
.personalize-container .social-login-wrap .wp-social-login-widget .wp-social-login-provider-list { padding: 0; }
.personalize-container .social-login-wrap .wp-social-login-widget .wp-social-login-provider-list .wsl-btn { margin-bottom: 10px; }
.personalize-container .social-login-wrap .wp-social-login-widget .wp-social-login-provider-list .wsl-btn:last-child { margin-bottom: 0; }
.personalize-container .social-login-wrap .wp-social-login-widget .wp-social-login-provider-list .wsl-btn a { display: block; border: 1px solid; border-radius: 4px; text-align: center; }
.personalize-container .social-login-wrap .wp-social-login-widget .wp-social-login-provider-list .wsl-btn a:after { content: ""; display: block; clear: both; }
.personalize-container .social-login-wrap .wp-social-login-widget .wp-social-login-provider-list .wsl-btn a .icon { float: left; display: block; width: 48px; height: 41px; line-height: 39px; text-align: center; border-right: 1px solid; }
.personalize-container .social-login-wrap .wp-social-login-widget .wp-social-login-provider-list .wsl-btn a .name { /* padding-left: 48px; */ font-size: 14px; color: #fff; line-height: 39px; }
.personalize-container .social-login-wrap .wp-social-login-widget .wp-social-login-provider-list .wsl-btn a[data-provider="Facebook"] { background-color: #3b579d; border-color: #34487b; }
.personalize-container .social-login-wrap .wp-social-login-widget .wp-social-login-provider-list .wsl-btn a[data-provider="Facebook"] .icon { border-color: #34487b; }
.personalize-container .social-login-wrap .wp-social-login-widget .wp-social-login-provider-list .wsl-btn a[data-provider="Facebook"] .Facebook {  }
.personalize-container .social-login-wrap .wp-social-login-widget .wp-social-login-provider-list .wsl-btn a[data-provider="Naver"] { background-color: #1ec800; border-color: #1eb400; }
.personalize-container .social-login-wrap .wp-social-login-widget .wp-social-login-provider-list .wsl-btn a[data-provider="Naver"] .icon { border-color: #1eb400; }
.personalize-container .social-login-wrap .wp-social-login-widget .wp-social-login-provider-list .wsl-btn a[data-provider="Naver"] .Naver {  }
.personalize-container .social-login-wrap .wp-social-login-widget .wp-social-login-provider-list .wsl-btn a[data-provider="Kakao"] { background-color: #ffeb00; border-color: #ffde00; }
.personalize-container .social-login-wrap .wp-social-login-widget .wp-social-login-provider-list .wsl-btn a[data-provider="Kakao"] .icon { border-color: #ffde00; }
.personalize-container .social-login-wrap .wp-social-login-widget .wp-social-login-provider-list .wsl-btn a[data-provider="Kakao"] .Kakao { color: #3c1e1e; }

@media all and (max-width: 374px) {
	.personalize-container .social-login-wrap .wp-social-login-widget .wp-social-login-provider-list .wsl-btn a .name .join-text { display: none; }
}


/**
 * System - lost, reset password
 */
#password-lost,
#password-reset { padding: 110px 0; }

.personalize-container .personalize-form .desc { padding: 28px 30px; font-size: 14px; line-height: 26px; background-color: #f0f0f0; border-radius: 10px; }

#password-lost #password-lost-container input[type="text"] { margin-bottom: 20px; }
#password-lost #password-lost-container .desc { margin-top: 30px; }

#password-reset #password-reset-container .desc { margin-bottom: 30px; }
#password-reset #password-reset-container input[type="password"] { margin-bottom: 10px; }
#password-reset #password-reset-container .buttons { margin-top: 10px; }


/**
 * System - Register done
 */
#register-done { padding: 110px 0; }
#register-done #register-done-container > .inner-wrap { margin: 0 auto; padding: 40px 30px; max-width: 370px; text-align: center; border: 1px solid #cacaca; border-radius: 10px; }
#register-done #register-done-container > .inner-wrap .title { margin: 60px 0; font-size: 26px; line-height: 39px; font-weight: 400; }
#register-done #register-done-container > .inner-wrap .button { display: block; margin-bottom: 10px; width: 100%; height: 40px; font-size: 16px; line-height: 38px; color: #30373e; text-align: center; border: 1px solid #30373e; border-radius: 10px; }
#register-done #register-done-container > .inner-wrap .button:last-child { margin-bottom: 0; }
#register-done #register-done-container > .inner-wrap .button.user-info { color: #fff; background-color: #30373e; }


/**
 * Mypage - Common
 */
.mypage-common { padding: 110px 0; }
.mypage-common .mypage-header { margin: 50px 0; text-align: center; line-height: 1em; }
.mypage-common .mypage-header .user {  }
.mypage-common .mypage-header .user .alert { position: relative; top: -5px; display: inline-block; }
.mypage-common .mypage-header .user .title { display: inline-block; font-size: 32px; }
.mypage-common .mypage-header .user .title small { margin-left: 8px; font-weight: 400; font-size: 20px; }
.mypage-common .mypage-header .email { padding: 20px 0; }
.mypage-common .mypage-header .social {  }
.mypage-common .mypage-header .social a { display: inline-block; margin: 0 2px; padding-top: 9px; width: 35px; height: 35px; font-size: 16px; color: #90a3b5; text-align: center; border: 1px solid; border-radius: 50%; }

.mypage-common .mypage-header .social a.on {border: none;}
.mypage-common .mypage-header .social .kakao.on { color: #431815; background-color: #f8e700; b.order-color: #30373e;}
.mypage-common .mypage-header .social .naver.on { color: #fff; background-color: #1ec800; b.order-color: #30373e; }
.mypage-common .mypage-header .social .facebook.on { color: #fff; background-color: #3b579d; b.order-color: #30373e; }

.mypage-common .paging { margin-top: 20px; }
.mypage-common .paging ul { display: table; margin: 0 auto; padding: 0; }
.mypage-common .paging li { list-style: none; float: left; margin: 0 13.5px; }
.mypage-common .paging li .page-numbers { display: inline-block; font-size: 20px; }
.mypage-common .paging li .page-numbers.current { color: #ffbf00; }

.mypage-tabs-outer-wrap { position: relative; }
/* #mypage-tabs-wrap { padding-top: 25px; padding-bottom: 25px; } */
#mypage-tabs-wrap .tabs-row { margin: 0; border-radius: 10px; overflow: hidden; }
#mypage-tabs-wrap .tabs-row .common { padding: 0; font-size: 20px; text-align: center; background-color: #f0f0f0; overflow: hidden; }
#mypage-tabs-wrap .tabs-row .common:first-child { border-radius: 10px 0 0 10px; }
#mypage-tabs-wrap .tabs-row .common:last-child { border-radius: 0 10px 10px 0; }
#mypage-tabs-wrap .tabs-row a { display: block; padding: 14px 10px 16px; color: inherit; line-height: 1em; }
#mypage-tabs-wrap .tabs-row a.active { font-weight: 700; background-color: #ffbf00; }
#mypage-tabs-wrap-shadow { position: absolute; top: 0; left: 0; display: none; }
#mypage-tabs-wrap-shadow i { position: absolute; top: 25px; right: 0; padding-right: 15px; width: 66px; height: 50px; text-align: right; line-height: 50px;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 74%,rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),color-stop(74%, rgba(255,255,255,1)),to(rgba(255,255,255,1)));
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 74%,rgba(255,255,255,1) 100%);
}
@media all and (min-width: 1024px) {
	#mypage-tabs-wrap .tabs-row a:hover { background-color: #cacaca; font-weight: 700; }
	#mypage-tabs-wrap .tabs-row a.active:hover { background-color: #ffbf00; }
}
@media all and (max-width: 767px) {
	#mypage-tabs-wrap { overflow-x: auto; padding: 0; }
	/*#mypage-tabs-wrap .tabs-row { padding-right: 15px; width: 750px; }*/
	#mypage-tabs-wrap .tabs-row .common {bordet-radius: 0;}
	#mypage-tabs-wrap .tabs-row .common:nth-child(1),#mypage-tabs-wrap .tabs-row .common:nth-child(2) { width: 23%; }
	#mypage-tabs-wrap .tabs-row .common:nth-child(4) { width: 29%; }

	#mypage-tabs-wrap .tabs-row a { font-size: 12px; padding: 10px 0 10px; }
	#mypage-tabs-wrap-shadow { display: block; }
	#mypage-tabs-wrap-shadow i {  }




	.mypage-common .mypage-header .user .alert { top: -2px; font-size: 14px; }
	.mypage-common .mypage-header .user .title { font-size: 25px; margin-left: 5px; line-height: 1em; }
	.mypage-common .mypage-header .user .title small { font-size: 16px; }
	.mypage-common .mypage-header .email { padding: 20px 0; }
	.mypage-common .mypage-header .social { margin-top: 10px; }
	.mypage-common .mypage-header .social a { padding-top: 7px; width: 30px; height: 30px; font-size: 14px; }

	.mypage-common .mypage-header .social a.on {border: none;}
	.mypage-common .mypage-header .social .kakao.on { color: #431815; background-color: #f8e700; b.order-color: #30373e;}
	.mypage-common .mypage-header .social .naver.on { color: #fff; background-color: #1ec800; b.order-color: #30373e; }
	.mypage-common .mypage-header .social .facebook.on { color: #fff; background-color: #3b579d; b.order-color: #30373e; }


}
@media all and (min-width: 768px) {
	#mypage-tabs-wrap-shadow { display: none !important; }
}

.mypage-container { margin-top: 15px; }

.mypage-box { margin-top: 30px; padding: 25px 30px; border: 1px solid #cacaca; border-radius: 10px; }
.mypage-box-title { font-size: 18px; font-weight: 400; }
.mypage-box-title a { position: relative; top: 3px; float: right; font-size: 16px; }
.mypage-box-title a i { position: relative; right: 0;
	-webkit-transition: right 0.2s;
	        transition: right 0.2s;
}
.mypage-box-title i.fa-question-circle { position: relative; font-size: 16px; }
@media all and (min-width: 1024px) {
	.mypage-box-title a:hover {  }
	.mypage-box-title a:hover i { right: -5px; }
}


.mypage-box-content { margin-top: 25px; }
.mypage-box-content .result { margin-top: 30px; text-align: right; }
.mypage-box-content .result .reload { position: relative; top: -4px; margin-right: 10px; color: #cacaca; }
.mypage-box-content .result strong { font-size: 32px; line-height: 1em; }
.mypage-box-content .result .unit {  }
.mypage-box-content .list-default { margin: 0; padding: 0; }
.mypage-box-content .list-default li { list-style: none; margin-top: 10px; }
.mypage-box-content .list-default li:after { content: ''; display: block; clear: both; }
.mypage-box-content .list-default li:first-child { margin-top: 0; }
.mypage-box-content .list-small { margin: 0; padding: 0; }
.mypage-box-content .list-small li { list-style: none; margin-top: 15px; }
.mypage-box-content .list-small li:after { content: ''; display: block; clear: both; }
.mypage-box-content .list-small li:first-child { margin-top: 0; }
.mypage-box-content .list-small .label { float: left; width: 90px; }
.mypage-box-content .list-small .value { float: left; }
.mypage-box-content .list-justify { margin: 0; padding: 0; }
.mypage-box-content .list-justify li { list-style: none; margin-top: 15px; }
.mypage-box-content .list-justify li:after { content: ''; display: block; clear: both; }
.mypage-box-content .list-justify li:first-child { margin-top: 0; }
.mypage-box-content .list-justify .label { float: left; }
.mypage-box-content .list-justify .value { float: right; }
.mypage-box-content .progress { margin: 15px 0 10px; height: 6px; background-color: #cacaca; border-radius: 10px; overflow: hidden; }
.mypage-box-content .progress .bar { height: 6px;
	background: rgb(254,222,132);
	background: -webkit-linear-gradient(left, rgba(254,222,132,1) 0%,rgba(250,191,19,1) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(254,222,132,1)),to(rgba(250,191,19,1)));
	background: linear-gradient(to right, rgba(254,222,132,1) 0%,rgba(250,191,19,1) 100%);
}

.mypage-box-content .graph-box { position: relative; }
.mypage-box-content .graph-box .graph-wrap { position: relative; float: right; margin-top: 10px; width: 135px; }
.mypage-box-content .graph-box .graph-wrap .percent { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100px; height: 25px; text-align: center; line-height: 22px; }
.mypage-box-content .graph-box .graph-wrap .percent strong {  }
.mypage-box-content .graph-box .graph-wrap .graph { float: right; }
.mypage-box-content .graph-box .graph-wrap .graph canvas { max-width: 135px; max-height: 135px; min-width: 135px; min-height: 135px; }
.mypage-box-content .graph-box .label-wrap { display: table; height: 135px; }
.mypage-box-content .graph-box .label-wrap > .label-inner-wrap { display: table-cell; height: 100%; vertical-align: middle; }
.mypage-box-content .graph-box .label-wrap .label { position: relative; margin: 9px 0; padding-left: 16px; }
.mypage-box-content .graph-box .label-wrap .label:first-child { margin-top: 0; }
.mypage-box-content .graph-box .label-wrap .label:last-child { margin-bottom: 0; }
.mypage-box-content .graph-box .label-wrap .label .color { position: absolute; top: 0; bottom: 0; left: 0; display: block; margin: auto 0; width: 6px; height: 6px; border-radius: 50%; }
.mypage-box-content .graph-box .label-wrap .label .name {  }

.mypage-box.hide-title {  }
.mypage-box.hide-title .mypage-box-content { margin-top: 0; }

@media all and (max-width: 767px) {
	.mypage-box { padding: 15px 20px; }
	.mypage-box-content .result strong { font-size: 24px; }
}


/**
 * Mypage - Dashboard
 */
#mypage-dashboard-container .virtual-account {  }

@media all and (max-width: 767px) {
	#mypage-dashboard-container .virtual-account {  }
	#mypage-dashboard-container .virtual-account .mypage-box-content .list-small .label { float: none; width: auto; }
	#mypage-dashboard-container .virtual-account .mypage-box-content .list-small .value { float: none; margin-top: 6px; font-weight: 700; }
}

/* #mypage-dashboard-container .invested-limit { min-height: 254px; } */
#mypage-dashboard-container .invested-limit .result { margin-top: 10px; }

@media all and (max-width: 767px) {
	#mypage-dashboard-container .invested-limit {  }
	#mypage-dashboard-container .invested-limit .mypage-box-title a { float: none; display: block; margin-top: 8px; }
}

#mypage-dashboard-container .total-repay-balance { min-height: 310px; }
#mypage-dashboard-container .total-repay-balance .total { margin-top: 20px; padding-top: 9px;*/ border-top: 1px solid #cacaca; }
#mypage-dashboard-container .total-repay-balance .total strong { font-size: 32px; line-height: 1em; }
#mypage-dashboard-container .total-repay-balance .total .label { margin-top: 11px; }

@media all and (max-width: 767px) {
	#mypage-dashboard-container .total-repay-balance { min-height: inherit; }
	#mypage-dashboard-container .total-repay-balance .total strong { font-size: 26px; }
	#mypage-dashboard-container .total-repay-balance .total .label { margin-top: 6px; }
}

#mypage-dashboard-container .remainder-balance {  }

@media all and (max-width: 767px) {
	#mypage-dashboard-container .remainder-balance { min-height: inherit; }
}

#mypage-dashboard-container .remainder-balance { min-height: 310px; }
#mypage-dashboard-container .remainder-balance .separator { margin-top: 15px; padding-top: 15px; border-top: 1px solid #cacaca; }

#mypage-dashboard-container .year-return-rate { position: relative; min-height: 264px; }
#mypage-dashboard-container .year-return-rate .toggle-button { position: absolute; top: 30px; right: 30px; font-size: 14px; cursor: pointer; }
#mypage-dashboard-container .year-return-rate .toggle-button:after { content: ''; display: block; clear: both; }
#mypage-dashboard-container .year-return-rate .toggle-button .before { float: left; }
#mypage-dashboard-container .year-return-rate .toggle-button .line { float: left; position: relative; display: block; margin: 7px 5px 0; width: 32px; height: 9px; background-color: #f0f0f0; border-radius: 10px; overflow: hidden; }
#mypage-dashboard-container .year-return-rate .toggle-button .line:before { content: ''; position: absolute; top: 0; left: 0; width: 16px; height: 9px; background-color: #cacaca; border-radius: 10px;
	-webkit-transition: margin 0.2s;
	        transition: margin 0.2s;
}
#mypage-dashboard-container .year-return-rate .toggle-button .after { float: left; }
#mypage-dashboard-container .year-return-rate .toggle-button.after .line:before { margin-left: 16px; }

#mypage-dashboard-container .year-return-rate .graph-box .label-wrap { padding-top: 10px; }

#mypage-dashboard-container .complate-repay { min-height: 264px; }

#mypage-dashboard-container .alert-message { padding-bottom: 0; min-height: 602px; }
#mypage-dashboard-container .alert-message ul { margin: 0; padding: 0; max-height: 521px; overflow-x: hidden; overflow-y: auto; }
#mypage-dashboard-container .alert-message li { list-style: none; margin-bottom: 15px; padding-bottom: 13px; border-bottom: 1px solid #cacaca; }
#mypage-dashboard-container .alert-message li:last-child { margin-bottom: 0; padding-bottom: 25px; border-bottom: 0; }
#mypage-dashboard-container .alert-message li a { display: block; color: #30373e; }
#mypage-dashboard-container .alert-message .data { font-size: 14px; font-weight: 700; color: #90a3b5; }
#mypage-dashboard-container .alert-message .data .category {  }
#mypage-dashboard-container .alert-message .data .date { margin-left: 3px; }
#mypage-dashboard-container .alert-message .title { margin-top: 12px; line-height: 28px; }
#mypage-dashboard-container .alert-message li.done {  }
#mypage-dashboard-container .alert-message li.done a { color: #cacaca; }
#mypage-dashboard-container .alert-message li.done .data { color: #cacaca; }
#mypage-dashboard-container .alert-message li.done .title {  }

#mypage-dashboard-container .alert-message .no-notification { padding-top: 140px; text-align: center; }
#mypage-dashboard-container .alert-message .no-notification .icon { font-size: 44px; color: #cacaca; }
#mypage-dashboard-container .alert-message .no-notification .text { margin-top: 10px; font-size: 20px; }

@media all and (max-width: 767px) {
	#mypage-dashboard-container .alert-message li:last-child { padding-bottom: 20px; }
}


/**
 * Mypage - Investment
 */
#mypage-investment {  }
#mypage-investment-container {  }
#mypage-investment-container .total-invested {  }

/* #mypage-investment-container .detail-invested { padding-left: 15px; padding-right: 15px; } */
#mypage-investment-container .detail-invested .col-common { position: relative; text-align: center; }
#mypage-investment-container .detail-invested .col-common:after { content: ''; position: absolute; top: 12px; right: 0; display: block; width: 1px; height: 61px; background-color: #cacaca; }
#mypage-investment-container .detail-invested .col-common:last-child:after { display: none; }
#mypage-investment-container .detail-invested .col-common .value {  }
#mypage-investment-container .detail-invested .col-common .value strong { font-size: 32px; }
#mypage-investment-container .detail-invested .col-common .label { margin-top: 5px; }
#mypage-investment-container .detail-invested .first {  }
#mypage-investment-container .detail-invested .second { margin-top: 20px; }

@media all and (max-width: 767px) {
	#mypage-investment-container .detail-invested .col-common {/* padding: 10px 0 25px;*/ width: 33%; }
	#mypage-investment-container .detail-invested .col-common:first-child { padding-top: 0; }
	#mypage-investment-container .detail-invested .col-common:last-child { padding-bottom: 0; }
	#mypage-investment-container .detail-invested .col-common:after { /*top: inherit; bottom: 0; left: 0; margin: 0 auto; width: 61px;*/ height: 0px; }
	#mypage-investment-container .detail-invested .col-common .value strong { font-size: 24px; }

	#mypage-investment-container .detail-invested .second { position: relative; /*margin-top: 25px;*/ padding-top: 10px; padding-bottom: 5px; }
	/* #mypage-investment-container .detail-invested .second:before { content: ''; position: absolute; top: 0; right: 0; left: 0; margin: 0 auto; display: block; width: 61px; height: 1px; background-color: #cacaca; } */
}

#mypage-investment-container .invested-history { margin-top: 30px; }
#mypage-investment-container .invested-history-title { font-size: 22px; font-weight: 700; }
/* #mypage-investment-container .invested-history-category { margin-top: 25px; } */
#mypage-investment-container .invested-history-category .button { float: left; display: table; }
#mypage-investment-container .invested-history-category .button a { display: table-cell; width: 185px; height: 40px; font-size: 16px; line-height: 40px; text-align: center; background-color: #f0f0f0; }
@media all and (min-width: 1024px) {
	#mypage-investment-container .invested-history-category .button a:hover { color: inherit; background-color: #cacaca; }
}
#mypage-investment-container .invested-history-category .button a:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
#mypage-investment-container .invested-history-category .button a:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
#mypage-investment-container .invested-history-category .button a.active { font-weight: 700; color: #fff; background-color: #30373e; }
#mypage-investment-container .invested-history-category .status-select { float: right; font-size: 20px; }
#mypage-investment-container .invested-history-category .status-select .dropdown-button { position: relative; display: block; padding: 0 20px; width: 170px; height: 40px; line-height: 40px; background-color: #f0f0f0; border: 1px solid #cacaca; border-radius: 10px; font-size: initial; }
#mypage-investment-container .invested-history-category .status-select .dropdown-button i { position: absolute; top: 15px; right: 20px; line-height: 10px;}
#mypage-investment-container .invested-history-category .status-select .dropdown-list { width: 170px; background-color: #f0f0f0; border: 1px solid #d7d7d7; border-radius: 10px; overflow: hidden;
	-webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.1);
	        box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
#mypage-investment-container .invested-history-category .status-select .dropdown-list a {  }

#mypage-investment-container .total-history {  }
#mypage-investment-container .total-history .paging { margin-top: 65px; }

#mypage-investment-container #history-table {  }
#mypage-investment-container #history-table > .item-wrap {  }
#mypage-investment-container #history-table .item { margin-top: 30px; padding: 30px 28px 0; border: 1px solid #cacaca; border-radius: 10px; }
#mypage-investment-container #history-table .item-head {  }
#mypage-investment-container #history-table .item-head .status { float: left; }
#mypage-investment-container #history-table .item-head .status .uid { display: inline-block; margin-right: 5px; padding: 2px 11px 3px; font-weight: 900; line-height: 1em; background-color: #fabf13; border-radius: 10px; }
#mypage-investment-container #history-table .item-head .status .text { font-size: 20px; font-weight: 700; }
#mypage-investment-container #history-table .item-head .status .text.waiting { color: #cacaca; }
#mypage-investment-container #history-table .item-head .status .text.open { color: #fabf13; }
#mypage-investment-container #history-table .item-head .status .text.success { color: #fede84; }
#mypage-investment-container #history-table .item-head .status .text.repaying { color: #8cccd6; }
#mypage-investment-container #history-table .item-head .status .text.done { color: #a5bacf; }
#mypage-investment-container #history-table .item-head .status .text.overdue { color: #ff9352; }
#mypage-investment-container #history-table .item-head .status .text.fail { color: #ff6000; }

/* 양도함, 양수함 추가 (2018.08.02) */
#mypage-investment-container #history-table .item-head .status .transfer { display: inline-block; margin-left: 6px; padding: 0 7px; height: 28px; border-radius: 10px; border: 1px solid transparent;
	-webkit-transform: translateY(-1px);
	    -ms-transform: translateY(-1px);
	        transform: translateY(-1px);
}
#mypage-investment-container #history-table .item-head .status .transfer-01 { background-color: #f0f0f0; }
#mypage-investment-container #history-table .item-head .status .transfer-02 { border-color: #fabf13; }
#mypage-investment-container #history-table .item-head .status .transfer .cont,
#mypage-investment-container #history-table .item-head .status .transfer .date { font-weight: 400; font-style: normal; font-size: 14px; color: #30373e; line-height: 27px; }
#mypage-investment-container #history-table .item-head .status .transfer .cont { margin-right: 2px; font-weight: 700; }

@media all and (max-width: 767px) {
	#mypage-investment-container #history-table .item-head .status .text { display: inline-block; vertical-align: super;
		-webkit-transform: translateY(-6px);
		    -ms-transform: translateY(-6px);
		        transform: translateY(-6px);
	}
	#mypage-investment-container #history-table .item-head .status .transfer { padding: 7px 6px; height: 43px; vertical-align: sub; }
	#mypage-investment-container #history-table .item-head .status .transfer .cont,
	#mypage-investment-container #history-table .item-head .status .transfer .date { display: block; font-size: 12px; line-height: 1em; }
	#mypage-investment-container #history-table .item-head .status .transfer .date { margin-top: 4px; }
}


#mypage-investment-container #history-table .item-head .more { float: right; width: 45px; height: 43px; font-size: 18px; line-height: 40px; text-align: center; background-color: #f0f0f0; border: 1px solid #cacaca; border-radius: 10px; }
#mypage-investment-container #history-table .item-head .more .dropdown-button {  }
#mypage-investment-container #history-table .item-head .more .dropdown-list { left: 50%; min-width: inherit; /*width: 100px;*/ background-color: #f0f0f0; border: 1px solid #cacaca; border-radius: 10px;
	top: -webkit-calc( 100% + 1px );
	top: calc( 100% + 1px );

	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}
#mypage-investment-container #history-table .item-head .more .dropdown-list a { padding-top: 8px; font-size: 14px; text-align: center; line-height: 1em;  }

#mypage-investment-container #history-table .item-head .more .dropdown-list a.cancel_invest {width: 90px}
#mypage-investment-container #history-table .item-head .more .dropdown-list a.invest_certificate {width: 185px}

@media all and (max-width: 767px) {
	#mypage-investment-container .invested-history-category .status-select .dropdown-button { display: none; }
}

#mypage-investment-container #history-table .item-body { position: relative; margin-top: 5px; margin-bottom: 30px }
#mypage-investment-container #history-table .item-body .title { font-size: 20px; font-weight: 400; }
#mypage-investment-container #history-table .item-body .title .type {  }
#mypage-investment-container #history-table .item-body .title a {  }
#mypage-investment-container #history-table .item-body .data { margin-top: 20px; }
#mypage-investment-container #history-table .item-body .data .data-common { float: left; padding: 0 15px; }
#mypage-investment-container #history-table .item-body .data .data-common:first-child { padding-left: 0; }
#mypage-investment-container #history-table .item-body .data .data-common:last-child { padding-right: 0; }
#mypage-investment-container #history-table .item-body .data .data-common .label {  }
#mypage-investment-container #history-table .item-body .data .data-common .value { font-size: 18px; }
#mypage-investment-container #history-table .item-body .build-history { position: absolute; right: 0; bottom: 0; padding: 12px 20px 15px; max-width: 290px; width: 100%; background-color: #f0f0f0; border: 1px solid #cacaca; border-radius: 10px; }
#mypage-investment-container #history-table .item-body .build-history .head {  }
#mypage-investment-container #history-table .item-body .build-history .head .name {  }
#mypage-investment-container #history-table .item-body .build-history .head .name i { position: relative; }
#mypage-investment-container #history-table .item-body .build-history .head .name i.new {  }
#mypage-investment-container #history-table .item-body .build-history .head .name i.new:after { content: ''; position: absolute; top: -1px; right: -0px; display: block; width: 8px; height: 8px; background-color: #f1585f; border-radius: 50%; }
#mypage-investment-container #history-table .item-body .build-history .head .percent { float: right; }
#mypage-investment-container #history-table .item-body .build-history .progress { margin: 6px 0; height: 6px; background-color: #fff; border-radius: 10px; overflow: hidden; }
#mypage-investment-container #history-table .item-body .build-history .progress .bar { max-width: 100%; height: 6px; background-color: #fabf13; border-radius: 10px; }
#mypage-investment-container #history-table .item-body .build-history .button { font-size: 14px; text-align: right; }
#mypage-investment-container #history-table .item-body .build-history .button a {  }

@media all and (max-width: 1100px) {
	#mypage-investment-container #history-table .item-body .data {  }
	#mypage-investment-container #history-table .item-body .data .data-common .value { font-size: 16px; }
}

@media all and (max-width: 1023px) {
	#mypage-investment-container #history-table .item-body .data .data-common { float: none; margin-top: 10px; padding: 0; }
	#mypage-investment-container #history-table .item-body .data .data-common:first-child { margin-top: 0; }
	#mypage-investment-container #history-table .item-body .data .data-common:after { content: ''; display: block; clear: both; }
	#mypage-investment-container #history-table .item-body .data .data-common .label { float: left; width: 130px; }
	#mypage-investment-container #history-table .item-body .data .data-common .value { float: left; }
}

@media all and (max-width: 767px) {
	#mypage-investment-container #history-table .item-body .data .data-common { font-size: 14px; }
	#mypage-investment-container #history-table .item-body .data .data-common .label { width: 110px; }
	#mypage-investment-container #history-table .item-body .data .data-common .value { font-size: 14px; }
	#mypage-investment-container #history-table .item-body .build-history { position: static; margin-top: 25px; max-width: 100%; }


	#mypage-investment-container #history-table .item-body .title { font-size: 16px; }
}



/* #mypage-investment-container #history-table .item-foot { margin-top: 30px; } */
#mypage-investment-container #history-table .item-foot .button { margin: 0 -29px -1px; background-color: #f0f0f0; border: 1px solid #cacaca; border-radius: 10px; overflow: hidden; }
#mypage-investment-container #history-table .item-foot .button a { float: left; padding: 10px 0 12px; display: block; width: 50%; color: inherit; text-align: center; background-color: #f0f0f0; }
#mypage-investment-container #history-table .item-foot .button a:first-child { border-right: 1px solid #cacaca; }
#mypage-investment-container #history-table .item-foot .button a.active { font-weight: 700; color: #fff; background-color: #30373e; }
#mypage-investment-container #history-table .item-foot .button a.active i {
	-webkit-transform: rotateZ(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotateZ(180deg);
}
#mypage-investment-container #history-table .item-foot .repay-common { display: none; }
#mypage-investment-container #history-table .item-foot .repay-common > .inner-wrap { padding-bottom: 25px; }

#mypage-investment-container #history-table .item-foot .repay-title { padding-top: 45px; font-size: 16px; font-weight: 700; }
#mypage-investment-container #history-table .item-foot .repay-title i { display: none; float: right; margin-top: 5px; }
#mypage-investment-container #history-table .item-foot .repay-content { margin-top: 15px; }

@media all and (max-width: 1023px) {
	#mypage-investment-container #history-table .item-foot .repay-title i { display: block; }
}

#mypage-investment-container #history-table .item-foot .table-common { width: 100%; font-size: 14px; table-layout: auto; border-collapse: collapse; border-top: 1px solid #cacaca; }
#mypage-investment-container #history-table .item-foot .table-common thead {  }
#mypage-investment-container #history-table .item-foot .table-common thead tr {  }
#mypage-investment-container #history-table .item-foot .table-common thead th { padding: 12px 0; font-weight: 400; text-align: center; background-color: #f0f0f0; border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca;
	width: -webkit-calc( 100% / 9 );
	width: calc( 100% / 9 );
}
#mypage-investment-container #history-table .item-foot .table-common thead th:last-child { border-right: 0; }
#mypage-investment-container #history-table .item-foot .table-common thead th.num { width: 5.5%; }
#mypage-investment-container #history-table .item-foot .table-common thead th.date {  }
#mypage-investment-container #history-table .item-foot .table-common thead th.period {  }
#mypage-investment-container #history-table .item-foot .table-common thead th.dist_original {  }
#mypage-investment-container #history-table .item-foot .table-common thead th.return {  }
#mypage-investment-container #history-table .item-foot .table-common thead th.tax1 {  }
#mypage-investment-container #history-table .item-foot .table-common thead th.tax2 {  }
#mypage-investment-container #history-table .item-foot .table-common thead th.payment {  }
#mypage-investment-container #history-table .item-foot .table-common thead th.amount {  }
#mypage-investment-container #history-table .item-foot .table-common tbody {  }
#mypage-investment-container #history-table .item-foot .table-common tbody tr {  }
#mypage-investment-container #history-table .item-foot .table-common tbody td { padding: 12px 0; text-align: center; border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca; }
#mypage-investment-container #history-table .item-foot .table-common tbody td:last-child { border-right: 0; }
#mypage-investment-container #history-table .item-foot .table-common tbody td.num { font-weight: 700; }
#mypage-investment-container #history-table .item-foot .table-common tbody td.date {  }
#mypage-investment-container #history-table .item-foot .table-common tbody td.period {  }
#mypage-investment-container #history-table .item-foot .table-common tbody td.dist_original {  }
#mypage-investment-container #history-table .item-foot .table-common tbody td.return {  }
#mypage-investment-container #history-table .item-foot .table-common tbody td.tax1 {  }
#mypage-investment-container #history-table .item-foot .table-common tbody td.tax2 {  }
#mypage-investment-container #history-table .item-foot .table-common tbody td.payment {  }
#mypage-investment-container #history-table .item-foot .table-common tbody td.amount {  }
#mypage-investment-container #history-table .item-foot .table-common tbody tr.total-row {  }
#mypage-investment-container #history-table .item-foot .table-common tbody tr.total-row td { font-weight: 700; background-color: #f0f0f0; }
#mypage-investment-container #history-table .item-foot .table-common tbody tr.no-data {  }
#mypage-investment-container #history-table .item-foot .table-common tbody tr.no-data td {  }

#mypage-investment-container #history-table .item-foot .mo-table-common { border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; }
#mypage-investment-container #history-table .item-foot .mo-table-common:after { content: ''; display: block; clear: both; }
#mypage-investment-container #history-table .item-foot .mo-table-common .labels { float: left; }
#mypage-investment-container #history-table .item-foot .mo-table-common .labels ul { margin: 0; padding: 0; width: 120px; font-size: 14px; background-color: #f0f0f0; border-right: 1px solid #cacaca; }
#mypage-investment-container #history-table .item-foot .mo-table-common .labels li { list-style: none; padding: 12px 0; text-align: center; line-height: 1em; border-bottom: 1px dashed #cacaca; }
#mypage-investment-container #history-table .item-foot .mo-table-common .labels li:last-child { border-bottom: 0; }
#mypage-investment-container #history-table .item-foot .mo-table-common .labels li.num {  }
#mypage-investment-container #history-table .item-foot .mo-table-common .labels li.date {  }
#mypage-investment-container #history-table .item-foot .mo-table-common .labels li.dist_original {  }
#mypage-investment-container #history-table .item-foot .mo-table-common .labels li.return {  }
#mypage-investment-container #history-table .item-foot .mo-table-common .labels li.tax1 {  }
#mypage-investment-container #history-table .item-foot .mo-table-common .labels li.tax2 {  }
#mypage-investment-container #history-table .item-foot .mo-table-common .labels li.payment {  }
#mypage-investment-container #history-table .item-foot .mo-table-common .labels li.amount {  }
#mypage-investment-container #history-table .item-foot .mo-table-common .content { margin-left: 120px; }
#mypage-investment-container #history-table .item-foot .mo-table-common .content > .inner-wrap { overflow-x: auto; }
#mypage-investment-container #history-table .item-foot .mo-table-common .content ol { display: table-cell; margin: 0; padding: 0; min-width: 120px; font-size: 14px; text-align: center; border-right: 1px solid #cacaca; }
#mypage-investment-container #history-table .item-foot .mo-table-common .content ol:last-child { border-right: 0; }
#mypage-investment-container #history-table .item-foot .mo-table-common .content li { list-style: none; padding: 12px 0; text-align: center; line-height: 1em; border-bottom: 1px dashed #cacaca; }
#mypage-investment-container #history-table .item-foot .mo-table-common .content li:last-child { border-bottom: 0; }
#mypage-investment-container #history-table .item-foot .mo-table-common .content li.num { font-weight: 700; }
#mypage-investment-container #history-table .item-foot .mo-table-common .content li.date {  }
#mypage-investment-container #history-table .item-foot .mo-table-common .content li.dist_original {  }
#mypage-investment-container #history-table .item-foot .mo-table-common .content li.return {  }
#mypage-investment-container #history-table .item-foot .mo-table-common .content li.tax1 {  }
#mypage-investment-container #history-table .item-foot .mo-table-common .content li.tax2 {  }
#mypage-investment-container #history-table .item-foot .mo-table-common .content li.payment {  }
#mypage-investment-container #history-table .item-foot .mo-table-common .content li.amount {  }
#mypage-investment-container #history-table .item-foot .mo-table-common .content ol.total-row { font-weight: 700; }
#mypage-investment-container #history-table .item-foot .mo-table-common .content ol.no-data { display: block; width: 100%; }
#mypage-investment-container #history-table .item-foot .mo-table-common .content ol.no-data li { padding-top: 165px; }

#mypage-investment-container #history-table .item-foot .repay-plan {  }
#mypage-investment-container #history-table .item-foot .repay-plan .repay-title { border-top: 1px solid #cacaca; }
#mypage-investment-container #history-table .item-foot .repay-plan .note { margin-top: 5px; font-size: 14px; line-height: 24px; }

#mypage-investment-container #history-table .item-foot .repay-history {  }
#mypage-investment-container #history-table .item-foot .repay-history .left-repay-amount { margin-top: 15px; text-align: right; }
/* #mypage-investment-container #history-table .item-foot .repay-history .left-repay-amount .name { display: block; } */
#mypage-investment-container #history-table .item-foot .repay-history .left-repay-amount .value {  }
#mypage-investment-container #history-table .item-foot .repay-history .left-repay-amount .value strong { font-size: 26px; }

#mypage-investment-container .monthly-history .repay-calandar { min-height: 316px; }
#mypage-investment-container .monthly-history #monthly-calendar {  }
#mypage-investment-container .monthly-history #monthly-calendar .clndr-controls { position: relative; }
#mypage-investment-container .monthly-history #monthly-calendar .clndr-controls:after { content: ""; display: block; clear: both; }
#mypage-investment-container .monthly-history #monthly-calendar .clndr-controls .month { position: relative; margin-top: -5px; font-size: 20px; font-weight: 400; text-align: center; }
#mypage-investment-container .monthly-history #monthly-calendar .clndr-controls .month .y { position: absolute; top: 10px; right: 0; left: -85px; margin: 0 auto; font-size: 14px; color: #90a3b5; }
#mypage-investment-container .monthly-history #monthly-calendar .clndr-controls .month .m { font-size: 26px; font-weight: 700; }
#mypage-investment-container .monthly-history #monthly-calendar .clndr-controls .btn { position: absolute; top: 11px; margin: 0; width: 20px; height: 20px; font-size: 20px; line-height: 1em; cursor: pointer; }
#mypage-investment-container .monthly-history #monthly-calendar .clndr-controls .clndr-previous-button { left: 0; }
#mypage-investment-container .monthly-history #monthly-calendar .clndr-controls .clndr-next-button { right: 0; }
#mypage-investment-container .monthly-history #monthly-calendar .clndr-grid {  }
#mypage-investment-container .monthly-history #monthly-calendar .clndr-grid .days-of-the-week {  }
#mypage-investment-container .monthly-history #monthly-calendar .clndr-grid .header { margin-bottom: 12px; padding: 12px 0 10px; font-weight: 700; border-bottom: 1px solid #cacaca; }
#mypage-investment-container .monthly-history #monthly-calendar .clndr-grid .header:after { content: ""; display: block; clear: both; }
#mypage-investment-container .monthly-history #monthly-calendar .clndr-grid .header-day { float: left; display: table; text-align: center;
	width: -webkit-calc( 100% / 7 );
	width: calc( 100% / 7 );
}
#mypage-investment-container .monthly-history #monthly-calendar .clndr-grid .header-day > .inner-wrap { display: table-cell; width: 100%; height: 30px; vertical-align: middle; }
#mypage-investment-container .monthly-history #monthly-calendar .clndr-grid .days { width: 100%; }
#mypage-investment-container .monthly-history #monthly-calendar .clndr-grid .days:after { content: ""; display: block; clear: both; }
#mypage-investment-container .monthly-history #monthly-calendar .clndr-grid .days .day { float: left; display: table; text-align: center;
	width: -webkit-calc( 100% / 7 );
	width: calc( 100% / 7 );
}
#mypage-investment-container .monthly-history #monthly-calendar .clndr-grid .days .day > .inner-wrap { display: table-cell; width: 100%; height: 33px; vertical-align: middle; }
#mypage-investment-container .monthly-history #monthly-calendar .clndr-grid .days .day.adjacent-month { color: #90a3b5; }
#mypage-investment-container .monthly-history #monthly-calendar .clndr-grid .days .day.event { position: relative; }
/* #mypage-investment-container .monthly-history #monthly-calendar .clndr-grid .days .day.event > .inner-wrap { color:#f00; font-weight: 800; } */
#mypage-investment-container .monthly-history #monthly-calendar .clndr-grid .days .day.event:before { content: ''; position: absolute; top: 2px; right: 0; left: 0; margin: 0 auto; display: block; width: 5px; height: 5px; background-color: #fabf13; border-radius: 50%; }
#mypage-investment-container .monthly-history #monthly-calendar .clndr-grid .days .day.today { font-weight: 700; }
#mypage-investment-container .monthly-history #monthly-calendar .clndr-grid .days .day.today > .inner-wrap { color:#f00; font-weight: 800; }

@media all and (max-width: 1023px) {
	#mypage-investment-container .monthly-history .repay-calandar { display: none; }
}

#mypage-investment-container .monthly-history .repay-status {  }
#mypage-investment-container .monthly-history .repay-status .dist-count { margin-bottom: 25px; padding-bottom: 30px; border-bottom: 1px solid #cacaca; }
#mypage-investment-container .monthly-history .repay-status .dist-amount {  }
#mypage-investment-container .monthly-history .repay-status .dist-amount .list-justify {  }
#mypage-investment-container .monthly-history .repay-status .dist-amount .list-justify .total { margin-top: 30px; padding-top: 5px; border-top: 1px solid #cacaca; }
#mypage-investment-container .monthly-history .repay-status .dist-amount .list-justify .total .label { padding-top: 18px; }
#mypage-investment-container .monthly-history .repay-status .dist-amount .list-justify .total .value {  }
#mypage-investment-container .monthly-history .repay-status .dist-amount .list-justify .total .value strong { font-size: 32px; }

@media all and (max-width: 1023px) {
	#mypage-investment-container .monthly-history .repay-status { position: relative; }
	#mypage-investment-container .monthly-history .repay-status:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; width: 1px; height: 300px; background-color: #cacaca; }
	#mypage-investment-container .monthly-history .repay-status:after { content: ''; display: block; clear: both; }
	#mypage-investment-container .monthly-history .repay-status .dist-count,
	#mypage-investment-container .monthly-history .repay-status .dist-amount { float: left; width: 50%; }
	#mypage-investment-container .monthly-history .repay-status .dist-count { padding-right: 30px; border-bottom: 0; }
	#mypage-investment-container .monthly-history .repay-status .dist-amount { padding-left: 30px; }
}

@media all and (max-width: 767px) {
	#mypage-investment-container .monthly-history .repay-status:before { display: none; }
	#mypage-investment-container .monthly-history .repay-status .dist-count,
	#mypage-investment-container .monthly-history .repay-status .dist-amount { float: none; width: 100%; }
	#mypage-investment-container .monthly-history .repay-status .dist-count { padding-right: 0; border-bottom: 1px solid #cacaca; }
	#mypage-investment-container .monthly-history .repay-status .dist-amount { padding-left: 0; }

	#mypage-investment-container .monthly-history .repay-status .list-justify {  }
	#mypage-investment-container .monthly-history .repay-status .list-justify .label { float: none; width: auto; }
	#mypage-investment-container .monthly-history .repay-status .list-justify .value { float: none; width: auto; text-align: right; }


	#mypage-investment-container #history-table .item-foot .repay-plan .note { font-size: 12px; }
}

#mypage-investment-container .monthly-history .article {  }
#mypage-investment-container .monthly-history .article .mypage-box { min-height: 876px; }
#mypage-investment-container .monthly-history .article .plan-list { font-size: 14px; width: 100%; border-collapse: collapse; table-layout: fixed; border-bottom: 1px solid #cacaca; }
#mypage-investment-container .monthly-history .article .plan-list > thead {  }
#mypage-investment-container .monthly-history .article .plan-list > thead > tr {  }
#mypage-investment-container .monthly-history .article .plan-list > thead > tr > th { padding: 10px; font-weight: 400; color: #fff; text-align: left; background-color: #30373e; }
#mypage-investment-container .monthly-history .article .plan-list > thead > tr > th:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding-left: 15px;}
#mypage-investment-container .monthly-history .article .plan-list > thead > tr > th:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
#mypage-investment-container .monthly-history .article .plan-list > thead > tr > th.uid { padding-left: 17px; width: 90px; }
#mypage-investment-container .monthly-history .article .plan-list > thead > tr > th.date { width: 15%; }
#mypage-investment-container .monthly-history .article .plan-list > thead > tr > th.name { width: 45%; text-align: center; }
#mypage-investment-container .monthly-history .article .plan-list > thead > tr > th.number { width: 8% }
#mypage-investment-container .monthly-history .article .plan-list > thead > tr > th.amount { width: 15% }
#mypage-investment-container .monthly-history .article .plan-list > thead > tr > th.status { width: 12% }
#mypage-investment-container .monthly-history .article .plan-list > thead > tr > th.toggle { width: 5%; }
#mypage-investment-container .monthly-history .article .plan-list > tbody {  }
#mypage-investment-container .monthly-history .article .plan-list > tbody > tr.item { }
#mypage-investment-container .monthly-history .article .plan-list > tbody > tr.item > td { padding: 25px 0; border-top: 1px solid #cacaca; }
#mypage-investment-container .monthly-history .article .plan-list > tbody > tr.item > td.uid { padding-left: 17px; }
#mypage-investment-container .monthly-history .article .plan-list > tbody > tr.item > td.date {  }
#mypage-investment-container .monthly-history .article .plan-list > tbody > tr.item > td.name {  }
#mypage-investment-container .monthly-history .article .plan-list > tbody > tr.item > td.number {  }
#mypage-investment-container .monthly-history .article .plan-list > tbody > tr.item > td.amount {  }
#mypage-investment-container .monthly-history .article .plan-list > tbody > tr.item > td.status {  }
#mypage-investment-container .monthly-history .article .plan-list > tbody > tr.item > td.toggle {  }
#mypage-investment-container .monthly-history .article .plan-list > tbody > tr.item > td.toggle a.active {  }
#mypage-investment-container .monthly-history .article .plan-list > tbody > tr.item > td.toggle a.active i {
	-webkit-transform: rotateZ(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotateZ(180deg);
}
#mypage-investment-container .monthly-history .article .plan-list > tbody > tr.item:first-child td { border-top: 0; }

#mypage-investment-container .monthly-history .article .plan-list > tbody > tr.detail {  }
#mypage-investment-container .monthly-history .article .plan-list .detail-data { margin-bottom: 30px; width: 100%; border-top: 1px solid #cacaca; border-collapse: collapse; table-layout: fixed; }
#mypage-investment-container .monthly-history .article .plan-list .detail-data thead {  }
#mypage-investment-container .monthly-history .article .plan-list .detail-data thead tr {  }
#mypage-investment-container .monthly-history .article .plan-list .detail-data thead th { padding: 13px 0; font-weight: 400; background-color: #f0f0f0; border-bottom: 1px solid #cacaca; border-right: 1px solid #cacaca;
	width: -webkit-calc( 100% / 6 );
	width: calc( 100% / 6 );
}
#mypage-investment-container .monthly-history .article .plan-list .detail-data thead th:last-child { border-right: 0; }
#mypage-investment-container .monthly-history .article .plan-list .detail-data tbody {  }
#mypage-investment-container .monthly-history .article .plan-list .detail-data tbody tr {  }
#mypage-investment-container .monthly-history .article .plan-list .detail-data tbody td { padding: 13px 0; text-align: center; border-bottom: 1px solid #cacaca; border-right: 1px solid #cacaca; }
#mypage-investment-container .monthly-history .article .plan-list .detail-data tbody td:last-child { border-right: 0; }

@media all and (max-width: 1023px) {
	#mypage-investment-container .monthly-history .article .mypage-box { min-height: inherit; }
}

#mypage-investment-container .monthly-history .article .plan-list-mobile {  }
#mypage-investment-container .monthly-history .article .plan-list-mobile ul { margin: 0; padding: 0; }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item { list-style: none; padding: 20px 15px; font-size: 14px; border-bottom: 1px solid #cacaca; }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-head {  }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-head .uid { display: inline-block; margin-right: 5px; padding: 2px 10px 4px; font-weight: 900; line-height: 1em; background-color: #fabf13; border-radius: 10px; }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-head .status { display: inline-block; padding: 2px 10px 4px; color: #fff; line-height: 1em; background-color: #30373e; border-radius: 10px; }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-head .toggle { float: right; }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-head .toggle.active {  }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-head .toggle.active i {
	-webkit-transform: rotateZ(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotateZ(180deg);
}
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-title { margin-top: 25px; }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-data { margin-top: 25px; }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-data .data-common { margin-top: 15px; }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-data .data-common .label { float: left; width: 95px; }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-data .data-common .value { margin-left: 95px; }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-data-detail { display: none; margin-top: 25px; margin-bottom: 10px; }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-data-detail ul { margin: 0; padding: 0; }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-data-detail li { list-style: none; text-align: center; border-top: 1px solid #cacaca; }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-data-detail li:last-child { border-bottom: 1px solid #cacaca; }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-data-detail li:after { content: ''; display: block; clear: both; }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-data-detail li .label { float: left; padding: 13px 0; width: 50%; background-color: #f0f0f0; border-right: 1px solid #cacaca; }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-data-detail li .value { float: left; padding: 13px 0; width: 50%; }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-data-detail li.dist_original {  }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-data-detail li.return {  }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-data-detail li.tax1 {  }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-data-detail li.tax2 {  }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-data-detail li.payment {  }
#mypage-investment-container .monthly-history .article .plan-list-mobile .item-data-detail li.total-amount {  }

#mypage-investment-container .monthly-history .article .plan-list-mobile li.no-plan { list-style: none; padding: 50px 0 130px; font-size: 14px; text-align: center; }


/**
 * Mypage - Balance
 */
#mypage-balance {  }
#mypage-balance-container {  }
#mypage-balance-container .virtual-account {  }
#mypage-balance-container .virtual-account .list-small {  }
#mypage-balance-container .virtual-account .list-small .label { width: 110px; }
#mypage-balance-container .virtual-account .list-small .total {  }
#mypage-balance-container .virtual-account .list-small .total .label {  }
#mypage-balance-container .virtual-account .list-small .total .value { float: none; text-align: right; }
#mypage-balance-container .virtual-account .list-small .total .value .reload { margin-right: 2px; color: #cacaca; }
#mypage-balance-container .virtual-account .list-small .total .value strong { font-size: 32px; }

#mypage-balance-container .withdraw { position: relative; }
#mypage-balance-container .withdraw .withdraw-box {  }
#mypage-balance-container .withdraw .withdraw-box .title {  }
#mypage-balance-container .withdraw .withdraw-box .input-wrap { margin-top: 12px; }
#mypage-balance-container .withdraw .withdraw-box .input-wrap:after { content: ''; display: block; clear: both; }
#mypage-balance-container .withdraw .withdraw-box .input-box { position: relative; float: left;
	width: -webkit-calc( 100% - 160px );
	width: calc( 100% - 160px );
}
#mypage-balance-container .withdraw .withdraw-box .input-box input { padding: 0 40px 6px 0; width: 100%; height: 40px; font-size: 32px; font-weight: 700; color: #fabf13; text-align: right; background-color: #f0f0f0; border: 1px solid #cacaca; border-radius: 10px; }
#mypage-balance-container .withdraw .withdraw-box .input-box .unit { position: absolute; top: 8px; right: 20px; }
#mypage-balance-container .withdraw .withdraw-box .button-box { float: right; width: 130px; }
#mypage-balance-container .withdraw .withdraw-box .button-box button { width: 100%; height: 40px; color: #fff; background-color: #30373e; border: 0; border-radius: 10px; cursor: pointer;
	-webkit-transition: color 0.2s, background-color 0.2s;
	        transition: color 0.2s, background-color 0.2s;
}
@media all and (min-width: 1024px) {
	#mypage-balance-container .withdraw .withdraw-box .button-box button:hover { color: #30373e; background-color: #fabf13; }
}
#mypage-balance-container .withdraw .list-small { margin-top: 20px; }
#mypage-balance-container .withdraw #withdraw-spinner { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); z-index: 10; }

#mypage-balance-container .balance-history {  }
#mypage-balance-container .balance-history .history-table { font-size: 14px; width: 100%; border-collapse: collapse; border-top: 1px solid #cacaca; table-layout: fixed; }
#mypage-balance-container .balance-history .history-table thead {  }
#mypage-balance-container .balance-history .history-table thead tr {  }
#mypage-balance-container .balance-history .history-table thead th { padding: 13px 20px 14px; font-weight: 400; text-align: left; background-color: #f0f0f0; border-bottom: 1px solid #cacaca; }
#mypage-balance-container .balance-history .history-table thead th.date { width: 185px; }
#mypage-balance-container .balance-history .history-table thead th.title {  }
#mypage-balance-container .balance-history .history-table thead th.change { width: 180px; }
#mypage-balance-container .balance-history .history-table thead th.balance { width: 180px; }
#mypage-balance-container .balance-history .history-table tbody {  }
#mypage-balance-container .balance-history .history-table tbody tr {  }
#mypage-balance-container .balance-history .history-table tbody td { padding: 13px 20px 14px; border-bottom: 1px solid #cacaca; }
#mypage-balance-container .balance-history .history-table tbody td.date {  }
#mypage-balance-container .balance-history .history-table tbody td.title {  }
#mypage-balance-container .balance-history .history-table tbody td.change {  }
#mypage-balance-container .balance-history .history-table tbody td.balnce {  }

#mypage-balance-container .balance-history .history-table tbody tr.no-history {  }
#mypage-balance-container .balance-history .history-table tbody tr.no-history td { text-align: center; }
#mypage-balance-container .balance-history .history-table tbody tr.no-history td a { border-bottom: 1px solid; }

#mypage-balance-container .balance-history .history-table-mobile { font-size: 14px; border-top: 1px solid #cacaca; }
#mypage-balance-container .balance-history .history-table-mobile .history-item { padding: 15px 20px; border-bottom: 1px solid #cacaca; }
#mypage-balance-container .balance-history .history-table-mobile .history-item-date {  }
#mypage-balance-container .balance-history .history-table-mobile .history-item-title { margin-top: 10px; }
#mypage-balance-container .balance-history .history-table-mobile .history-item-title strong { margin-right: 3px; }
#mypage-balance-container .balance-history .history-table-mobile .history-item-data { margin: 20px 0 0; padding: 0; }
#mypage-balance-container .balance-history .history-table-mobile .history-item-data li { list-style: none; margin-top: 10px; }
#mypage-balance-container .balance-history .history-table-mobile .history-item-data li:after { content: ''; display: block; clear: both; }
#mypage-balance-container .balance-history .history-table-mobile .history-item-data .label { float: left; }
#mypage-balance-container .balance-history .history-table-mobile .history-item-data .value { float: right; }


#mypage-balance-container .balance-history .history-table-mobile .no-history { padding: 40px 0; text-align: center; border-bottom: 1px solid #cacaca; }
#mypage-balance-container .balance-history .history-table-mobile .no-history a { border-bottom: 1px solid; }

@media all and (max-width: 767px) {
	#mypage-balance-container .virtual-account .list-small .label { float: none; }
	#mypage-balance-container .virtual-account .list-small .value { float: none; margin-top: 10px; }

	#mypage-balance-container .withdraw {  }
	#mypage-balance-container .withdraw .label { float: none; width: auto; }
	#mypage-balance-container .withdraw .value { float: none; margin-top: 10px; }
	#mypage-balance-container .withdraw .withdraw-box .input-box { float: none; width: 100%; }
	#mypage-balance-container .withdraw .withdraw-box .button-box { float: right; margin-top: 20px; }
	#mypage-balance-container .withdraw .list-small {  }
	#mypage-balance-container .withdraw .list-small .bank { display: block; }
}


/**
 * Mypage - Settings
 */
.mypage-btn { display: inline-block; padding: 0 17px; height: 40px; color: #fff; text-align: center; line-height: 36px; background-color: #30373e; border: 1px solid #30373e; border-radius: 10px; cursor: pointer;
	-webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
	        transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}
.btn-lg {  }
.btn-sm { height: 30px; font-size: 14px; font-weight: 700; line-height: 26px; }

.btn-color-point { color: #30373e; background-color: #fabf13; border-color: #fabf13; }
.btn-color-white { color: #30373e; background-color: #fff; border-color: #30373e; }
@media all and (min-width: 1024px) {
	.mypage-btn:hover { color: #30373e; background-color: #fabf13; border-color: #fabf13; }

	.btn-color-point:hover { color: #fff; background-color: #30373e; border-color: #30373e; }
	.btn-color-white:hover { color: #fff; background-color: #30373e; border-color: #30373e; }
}

.mypage-input { margin: 0; padding: 0 20px 3px; height: 40px; background-color: #f0f0f0; border: 1px solid #cacaca; border-radius: 10px; }
.mypage-input::-webkit-input-placeholder { color: #cacaca; }
.mypage-input::-moz-placeholder { color: #cacaca; }
.mypage-input:-ms-input-placeholder { color: #cacaca; }
.mypage-input:-moz-placeholder { color: #cacaca; }

#mypage-settings {  }
#mypage-settings-container {  }

#mypage-settings-container .default-box { min-height: 300px; }
#mypage-settings-container .default-box .social { margin: 30px 0 0; padding: 0; }
#mypage-settings-container .default-box .social li { list-style: none; }
#mypage-settings-container .default-box .social li:after { content: ''; display: block; clear: both; }
#mypage-settings-container .default-box .social li .label { float: left; padding-top: 5px; width: 120px; }
#mypage-settings-container .default-box .social li .value { float: left;
	width: -webkit-calc( 100% - 120px );
	width: calc( 100% - 120px );
}
#mypage-settings-container .default-box .social li .value a { display: inline-block; margin: 0 2px; padding-top: 4px; width: 35px; height: 35px; font-size: 16px; color: #90a3b5; text-align: center; border: 1px solid; border-radius: 10px; }
#mypage-settings-container .default-box .social li .value .kakao.on { color: #1e1e1e; background-color: #ffcd00; border-color: #30373e; }
#mypage-settings-container .default-box .social li .value .naver.on { color: #fff; background-color: #1ec800; border-color: #30373e; }
#mypage-settings-container .default-box .social li .value .facebook.on { color: #fff; background-color: #3b579d; border-color: #30373e; }

#mypage-settings-container .password-box { min-height: 300px; }
#mypage-settings-container .password-box .list-small {  }
#mypage-settings-container .password-box .list-small li { margin-top: 10px; }
#mypage-settings-container .password-box .list-small .label { width: 125px; }
#mypage-settings-container .password-box .list-small .value {
	width: -webkit-calc( 100% - 125px );
	width: calc( 100% - 125px );
	max-width: 200px;
}
#mypage-settings-container .password-box .list-small .value input { m.argin-top: -7px; width: 100%; }
#mypage-settings-container .password-box .button { margin-top: 15px; text-align: right; }
#mypage-settings-container .password-box .button a { max-width: 180px; width: 100%; }

#mypage-settings-container .notification-box { min-height: 300px; }
#mypage-settings-container .notification-box .list-justify {  }
#mypage-settings-container .notification-box .list-justify .value {  }
#mypage-settings-container .notification-box .list-justify .value label { margin-right: 10px; cursor: pointer; }
#mypage-settings-container .notification-box .list-justify .value label:last-child { margin-right: 0; }
#mypage-settings-container .notification-box .list-justify .value .radio { display: none; }
#mypage-settings-container .notification-box .list-justify .value .icon { position: relative; top: -1px; display: inline-block; width: 20px; height: 20px; font-size: 14px; color: #fff; text-align: center; vertical-align: bottom; border: 1px solid #cacaca; border-radius: 5px;
	-webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
	        transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}
#mypage-settings-container .notification-box .list-justify .value .icon i { position: relative; top: 2px; display: none; }
#mypage-settings-container .notification-box .list-justify .value .radio:checked ~ .icon { background-color: #30373e; border-color: #30373e; }
#mypage-settings-container .notification-box .list-justify .value .radio:checked ~ .icon i { display: block; }
#mypage-settings-container .notification-box .note { margin-top: 26px; font-size: 14px; }
#mypage-settings-container .notification-box .button { margin-top: 27px; text-align: right; }
#mypage-settings-container .notification-box .button a { max-width: 170px; width: 100%; }

#mypage-settings-container .personal-box { min-height: 510px; max-height: 530px;}
#mypage-settings-container .personal-box .no-verify { padding-top: 160px; text-align: center; }
#mypage-settings-container .personal-box .list-small {  }
#mypage-settings-container .personal-box .list-small .label { width: 140px; }
#mypage-settings-container .personal-box .list-small .value { max-width: 400px;
	width: -webkit-calc( 100% - 140px );
	width: calc( 100% - 140px );
}
#mypage-settings-container .personal-box .list-small li.name {  }
#mypage-settings-container .personal-box .list-small li.kssn {  }
#mypage-settings-container .personal-box .list-small li.kssn input { /*margin-right: 10px;*/ width: 120px; /*border: 0; border-bottom: 1px solid #cacaca;*/ }
#mypage-settings-container .personal-box .list-small li.phone {  }
#mypage-settings-container .personal-box .list-small li.address { margin-top: 20px; }
/* #mypage-settings-container .personal-box .list-small li.address .postcode { margin-top: -6px; } */
#mypage-settings-container .personal-box .list-small li.address .postcode input { max-width: 130px; width: 100%; }
#mypage-settings-container .personal-box .list-small li.address .address_1 { margin-top: 20px; }
#mypage-settings-container .personal-box .list-small li.address .address_1 input { margin-top: -10px; width: 100%; }
#mypage-settings-container .personal-box .list-small li.address .address_2 { margin-top: 10px; }
#mypage-settings-container .personal-box .list-small li.address .address_2 input { width: 100%; }
#mypage-settings-container .personal-box .list-small li.address .button { margin-top: 20px; }
#mypage-settings-container .personal-box .list-small li.address .button a,
#mypage-settings-container .withdraw-account-box .button a,
#mypage-settings-container .virtual-account-box .button a  { max-width: 180px; width: 100%; float: right; }

#mypage-settings-container .withdraw-account-box { min-height: 240px; }
#mypage-settings-container .withdraw-account-box .no-verify { padding-top: 40px; font-size: 14px; text-align: center; }
#mypage-settings-container .withdraw-account-box .button { margin-top: 20px; text-align: right; }
#mypage-settings-container .withdraw-account-box .list-small li { margin-top: 15px; }
#mypage-settings-container .withdraw-account-box .list-small .label { width: auto; }
#mypage-settings-container .withdraw-account-box .list-small .value { float: right; /*margin-left: 90px;*/
	width: -webkit-calc( 100% - 90px );
	width: calc( 100% - 90px );
}
#mypage-settings-container .withdraw-account-box .list-small .value select { min-width: 200px; }
#mypage-settings-container .withdraw-account-box .list-small .value .select2-selection { margin-top: -5px; padding: 6px 20px 0; height: 40px; background-color: #f0f0f0; border: 1px solid #cacaca; border-radius: 10px; }
#mypage-settings-container .withdraw-account-box .list-small .value .select2-selection .select2-selection__arrow b:before { position: relative; top: -2px; color: inherit; }
#mypage-settings-container .withdraw-account-box .list-small .value input { margin-top: -5px; width: 100%; }

#mypage-settings-container .virtual-account-box { min-height: 240px; }
#mypage-settings-container .virtual-account-box .no-verify { padding-top: 20px; font-size: 14px; text-align: center; }
#mypage-settings-container .virtual-account-box .list-small {  }
#mypage-settings-container .virtual-account-box .list-small .label { width: 90px; }
#mypage-settings-container .virtual-account-box .list-small .value { float: none; margin-left: 90px;
	width: -webkit-calc( 100% - 90px );
	width: calc( 100% - 90px );
}
#mypage-settings-container .virtual-account-box .list-small .value select { width: 221px; }
#mypage-settings-container .virtual-account-box .list-small .value .select2-selection { margin-top: -5px; padding: 6px 20px 0; height: 40px; background-color: #f0f0f0; border: 1px solid #cacaca; border-radius: 10px; }
#mypage-settings-container .virtual-account-box .list-small .value .select2-selection .select2-selection__arrow b:before { position: relative; top: -2px; color: inherit; }

#mypage-settings-container .virtual-account-box .button { margin-top: 20px; text-align: right; }
#mypage-settings-container .virtual-account-box .button a {  }

#mypage-settings-container .leave-box { padding-left: 28px; padding-right: 28px; font-size: 14px; }

@media all and (max-width: 1023px) {
	#mypage-settings-container .withdraw-account-box { min-height: 230px; }

	#mypage-settings-container .virtual-account-box { min-height: 230px; }
	#mypage-settings-container .virtual-account-box .button { margin-top: 20px; }
}

@media all and (max-width: 767px) {

/* 개인정보 관리 탭 OOO-box 높이값 */
	#mypage-settings-container .default-box,
	#mypage-settings-container .password-box,
	#mypage-settings-container .notification-box,
	#mypage-settings-container .personal-box,
	#mypage-settings-container .withdraw-box,
	#mypage-settings-container .virtual-account-box { min-height: 100%; }

	.mypage-box-title { font-size: 14px; font-weight: 800; }

	/* #mypage-settings-container .default-box .list-small .label { float: none; }
	#mypage-settings-container .default-box .list-small .value { float: none; } */
	#mypage-settings-container .default-box .list-small .label { font-weight: 800; width: 100px; }

	#mypage-settings-container .default-box .social { margin-top: 10px; }
	#mypage-settings-container .default-box .social li .label { f.loat: none; padding-top: 0;  width: 100px;font-weight: 800; line-height: 35px;}
	/* #mypage-settings-container .default-box .social li .value { float: none; margin-top: 5px; } */

	#mypage-settings-container .password-box .list-small .label { f.loat: none; font-weight: 800; line-height: 30px; }
	/* #mypage-settings-container .password-box .list-small .value { float: none; } */
	/* #mypage-settings-container .password-box .list-small .value input { margin-top: 10px; max-width: 169px; } */

	#mypage-settings-container .notification-box .list-justify li { margin-top: 20px; }
	#mypage-settings-container .notification-box .list-justify .label { f.loat: none; width: 100px; font-weight:800; line-heght: 20px; }
	#mypage-settings-container .notification-box .list-justify .value { float: none; margin-top: 10px; }
	#mypage-settings-container .notification-box .list-justify .value label span { line-height: 20px; }

	/* #mypage-settings-container .personal-box .list-small .label { f.loat: none; font-weight: 800; } */
	#mypage-settings-container .personal-box .list-small .value { f.loat: none; margin-top:10px; width: 100%; }
	#mypage-settings-container .personal-box .list-small li.kssn a.mypage-btn { float: right; border-radius: 5px;}


	#mypage-settings-container .personal-box .list-small li.address { margin-top: 15px; }
	#mypage-settings-container .personal-box .list-small li.address label { float: none; }
	#mypage-settings-container .personal-box .list-small li.address value { width: 100%; }
	#mypage-settings-container .personal-box .list-small li.address .postcode { margin-top: 10px; line-height: 40px; }
	#mypage-settings-container .personal-box .list-small li.address .address_1 input, #mypage-settings-container .personal-box .list-small li.address .address_2 input, #mypage-settings-container .personal-box .list-small li.address .postcode input { /*max-width: 100px;*/ font-size: 14px; }
	#mypage-settings-container .personal-box .list-small li.address button { margin-top: 10px; float: right; width: -webkit-calc(100% - 118px); width: calc(100% - 118px); }

	#mypage-settings-container .withdraw-account-box { min-height: 240px; }
	#mypage-settings-container .withdraw-account-box .no-verify { padding-bottom: 100px; }
	#mypage-settings-container .withdraw-account-box .list-small li { margin-top: 20px; }
	/* #mypage-settings-container .withdraw-account-box .list-small .label { float: none; } */
	#mypage-settings-container .withdraw-account-box .list-small .value { f.loat: none; margin: 10px 0 0; width: auto; }
	#mypage-settings-container .withdraw-account-box .list-small .value .select2-selection { margin-top: 10px; }
	#mypage-settings-container .withdraw-account-box .list-small .value input { margin-top: 10px; }

	#mypage-settings-container .virtual-account-box { min-height: 240px; }
	#mypage-settings-container .virtual-account-box .no-verify { padding-bottom: 100px; }
	#mypage-settings-container .virtual-account-box .list-small li { margin-top: 20px; }
	/* #mypage-settings-container .virtual-account-box .list-small .label { float: none; width: auto; } */
	/* #mypage-settings-container .virtual-account-box .list-small .value { float: none; margin: 10px 0 0; width: auto; } */
}


/**
 * Mypage - Notification
 */
#mypage-notification {  }
#mypage-notification-container {  }
#mypage-notification-container .head { margin-top: 15px; }
#mypage-notification-container .head .title { font-size: 22px; font-weight: 700; }

#mypage-notification-container .body {  }
#mypage-notification-container .body .mypage-box {  }
#mypage-notification-container .body .mypage-content {  }
#mypage-notification-container .body .mypage-content table { width: 100%; border-collapse: collapse; border-top: 1px solid #cacaca; }
#mypage-notification-container .body .mypage-content thead {  }
#mypage-notification-container .body .mypage-content thead tr {  }
#mypage-notification-container .body .mypage-content thead th { padding: 13px 28px; text-align: left; background-color: #f0f0f0; border-bottom: 1px solid #cacaca; }
#mypage-notification-container .body .mypage-content thead th.title {  }
#mypage-notification-container .body .mypage-content thead th.date { width: 174px; border-left: 1px solid #cacaca; }
#mypage-notification-container .body .mypage-content tbody {  }
#mypage-notification-container .body .mypage-content tbody tr {  }
#mypage-notification-container .body .mypage-content tbody td { padding: 13px 28px; border-bottom: 1px solid #cacaca; }
#mypage-notification-container .body .mypage-content tbody td.title {  }
#mypage-notification-container .body .mypage-content tbody td.date { border-left: 1px solid #cacaca; }

@media all and (max-width: 767px) {
	#mypage-notification-container .body .mypage-content thead th.date { display: none; }
	#mypage-notification-container .body .mypage-content tbody td.date { display: none; }
}




/* sweet alert */
.sweet-alert {top: 45% !important;}
.sweet-alert .sa-icon {margin: 10px auto !important;}
.sweet-alert h2 { font-size: 22px !important; margin: 10px 0 !important; }
.sweet-alert button { margin-top: 15px !important; padding: 5px 30px !important; }
/* sweet alert */