@CHARSET "UTF-8";

body {
	font-family:'Malgun Gothic';
	background-color: #F2F9FF;
	min-height: 963px;
}

.container-fluid {
	padding: 0px !important;
}

.row h1,.row h2, .row h3, .row h4, .row h5 {
	/* font-weight: bold; */
}  

/* 배경화면 시작 */
.part1_bg {
	background-image: url("/images/p1/01_bg.jpg") !important;
	background: no-repeat;
	width: 1920px;
	height: 1030px;
	background-size: cover;
}
.part1_content_bg {
	background-image: url("/images/p1/01_content_bg.jpg") !important;
	background: no-repeat;
	width: 1920px;
	height: 1030px;
	background-size: cover;
}

/* 배경화면 끝 */

/* 인덱스 시작 */
.p1_index {
	background-image: url("/images/p1/01_index.png") !important;
	min-width: 1144px;
	height: 709px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
/* 인덱스 끝 */

/* 네비 시작 */
.part1_bg .nav {
	background-image: url("/images/p1/01_nav.png") !important;
	background-size: contain;
	background: no-repeat;
	height: 782px;
	background-position: center center;
	top: 115px;
}
/* 네비 끝 */

.save {
	position: relative;
	margin-left: 129px;
	margin-top: 699px;
}

/* 파트2 시작 */
.p2_index {
	background-image: url("/images/p2/02_index.png") !important;
	min-width: 1144px;
	height: 709px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.part2_bg {
	background-image: url("/images/p2/02_bg.jpg") !important;
	background-size: contain;
	background: no-repeat;
	width: 1920px;
	height: 1030px;
}

.part2_content_bg {
	background-image: url("/images/p2/02_content_bg.jpg") !important;
	background: no-repeat;
	width: 1920px;
	height: 1030px;
	background-size: cover;
}

.p2_index_img {
	background-image: url("/images/p2/02_index.png") !important;
	background-size: contain;
	background: no-repeat;
	width: 1097px;
	height: 589px;
	margin-top: 17%;	
}

.part2_bg .nav {
	background-image: url("/images/p2/02_nav.png") !important;
	background-size: contain;
	background: no-repeat;
	height: 782px;
	background-position: center center;
	top: 115px;
}

#p2Form .top_line {
	margin-bottom: 20px;
}

#p2Form .bot_line {
	border-bottom: 1px solid #eee;
	margin-bottom: 4px;
	padding-bottom: 23px;
}

/* 파트2 끝 */


/* 파트3 시작 */
.p3_index {
	background-image: url("/images/p3/03_index.png") !important;
	min-width: 1144px;
	height: 709px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
		
.part3_bg {
	background-image: url("/images/p3/03_bg.jpg") !important;
	background-size: contain;
	background: no-repeat;
	width: 1920px;
	height: 1030px;
}

.p3_index_img {
	background-image: url("/images/p3/03_index.png") !important;
	background-size: contain;
	background: no-repeat;
	width: 1097px;
	height: 589px;
	margin-top: 17%;	
}

.part3_bg .nav {
	background-image: url("/images/p3/03_nav.png") !important;
	background-size: contain;
	background: no-repeat;
	height: 782px;
	background-position: center center;
	top: 115px;
}

.p3_notice {
/* 	background-image: url("/images/p3/03_notice.png") !important;
	background-size: contain;
	background: no-repeat;
	height: 176px;
	background-position: center center; */
	top: 70%;
}

#p3Form h4 {
	font-weight: bold;
}

#p3Form .top_line {
	margin-bottom: 20px;
}

#p3Form .bot_line {
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.part3_bg .radio-tool label {
	width: 140px;
	margin: 5px;
}

#p3Form ::-webkit-input-placeholder { /* Chrome */
		  text-align: right !important;
		  font-weight: bold !important;
		}
#p3Form :-ms-input-placeholder { /* IE 10+ */
		  text-align: right !important;
		  font-weight: bold !important;
		}
#p3Form ::-moz-placeholder { /* Firefox 19+ */
		  text-align: right !important;
		  font-weight: bold !important;
		  opacity: 1;
		}
#p3Form :-moz-placeholder { /* Firefox 4 - 18 */
		  text-align: right !important;
		  font-weight: bold !important;
		  opacity: 1;
		}

.outChk {
	height: 11px;
}

.outText {
	border-right:0px;
	border-top: 0px;
	border-left: 0px;
	text-align: right;
	width: 100px;
}
/* 파트3 끝 */


/* 파트4 시작 */

.goal_textbox1 {
	background-image: url("/images/p4/04_textbox.png") !important;
	min-width: 1144px;
	height: 709px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.goal_textbox2 {
	background-image: url("/images/p4/04_textbox2.png") !important;
	min-width: 1144px;
	height: 709px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.goal_textbox3 {
	background-image: url("/images/p4/04_textbox3.jpg") !important;
	min-width: 1144px;
	height: 709px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}


.part4_bg {
	background-image: url("/images/p4/04_bg.jpg") !important;
	background-size: contain;
	background: no-repeat;
	width: 1920px;
	height: 1030px;
}

.p4_index {
	background-image: url("/images/p4/04_index.png") !important;
	min-width: 1144px;
	height: 709px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.p4_index_img {
	background-image: url("/images/p4/04_index.png") !important;
	background-size: contain;
	background: no-repeat;
	width: 1097px;
	height: 589px;
	margin-top: 17%;	
}

.part4_bg .nav {
	background-image: url("/images/p4/04_nav.png") !important;
	background-size: contain;
	background: no-repeat;
	height: 782px;
	background-position: center center;
	top: 115px;
}

.part4_debt {
	background-image: url("/images/p4/04_bg_a.jpg") !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left 104px;
	height: 975px;
}

.part4_travel {
	background-image: url("/images/p4/04_bg_travel.jpg") !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left 104px;
	height: 975px;
}

.part4_marriage {
	background-image: url("/images/p4/04_bg_marriage.jpg") !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left 104px;
	height: 975px;
}

.part4_edu {
	background-image: url("/images/p4/04_bg_edu.jpg") !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left 104px;
	height: 975px;
}

.part4_child {
	background-image: url("/images/p4/04_bg_child.jpg") !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left 104px;
	height: 975px;
}

.part4_house {
	background-image: url("/images/p4/04_bg_house.jpg") !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left 104px;
	height: 975px;
}

.part4_car {
	background-image: url("/images/p4/04_bg_car.jpg") !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left 104px;
	height: 975px;
}

.part4_startup {
	background-image: url("/images/p4/04_bg_startup.jpg") !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left 104px;
	height: 975px;
}

.part4_est {
	background-image: url("/images/p4/04_bg_est.jpg") !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left 104px;
	height: 975px;
}

.part4_self-improvement {
	background-image: url("/images/p4/04_bg_self-improvement.jpg") !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left 104px;
	height: 975px;
}

.part4_etc {
	background-image: url("/images/p4/04_bg_etc.jpg") !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left 104px;
	height: 975px;
}

.part4_retire {
	background-image: url("/images/p4/04_bg_retire.jpg") !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left 104px;
	height: 975px;
}

.part4_rf {
	background-image: url("/images/p4/04_bg_rf.jpg") !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left 104px;
	height: 975px;
}

.hub {
	background-image: url("/images/p4/p4_hub.jpg") !important;
	min-width: 1144px;
	height: 709px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

/* 파트4 끝 */

.end_img {
	background-image: url("/images/end/end.png") !important;
	background-size: contain;
	background: no-repeat;
	width: 1097px;
	height: 589px;
	margin-top: 17%;	
}

.textbox {
	background-image: url("/images/comm/textbox.png") !important;
	min-width: 1144px;
	height: 709px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.textbox1 {
	background-image: url("/images/comm/text_box1.png") !important;
	background: no-repeat;
	height: 709px;
	top:115px;
	background-position: center center;
	background-size: contain;
}

@media only screen and (max-width: 1600px) {
	.textbox1 {
		background-image: url("/images/comm/text_box1.png") !important;
		background: no-repeat;
		height: 709px;
		top:115px;
		background-position: 252px center;
		background-size: contain;
	}
}

/* .textbox1 {
	margin-top: 8%;
	background-image: url("/images/comm/text_box1.png") !important;
	background: no-repeat;
	height: 709px;
	background-position: center center;
	background-size: contain;
} */

.textbox2 {
	background-image: url("/images/comm/text_box2.png") !important;
	background-size: contain;
	background: no-repeat;
	height: 782px;
	top:115px;
	background-position: 164px center;
}

.blackboard {
	background-image: url("/images/comm/blackboard.png") !important;
	background-size: contain;
	background-repeat: no-repeat;
	min-width: 1144px;
	height: 728px;
	background-position: center;
}

.FPM {
	/* background-image: url("/images/comm/FPM.png") !important; */
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	height: 590px;
	/* background-position: 164px center; */
	margin-left: -178px;
	top: 200px;
}
		
.btn-tl {
	padding: 0px; 
	font-size: 16px !important;
}

.btn-wd {
	width: 100% !important;
}

.btn-hwd {
	width: 47% !important;
}

.row-caption {
	margin-top: 25px;
}

.row-caption .square {
	background: red;
	width: 8px;
	height: 8px;
	margin-right: 5px;
	display: inline-block;
}

/* radio-tool 시작 */
.radio-tool input[type="radio"] {
	display: none;
}
.radio-tool label {
	width: 155px;
	margin: 5px;
	font-weight: bold;
	font-size: 18px;
}
.radio-tool input[type="radio"]:checked+label, .radio-tool .btn-primary:hover {
	background-color: #3D4866;
	border-color: #204d74;
}
.radio-tool .btn-primary {
	background-color: #78B7DA;
	border-color: #78B7DA;
}
/* radio-tool 끝 */

/* radio-tool-p4 시작 */
.radio-tool-p4 input[type="radio"], .radio-tool-p4-wd input[type="radio"] {
	display: none;
}
.radio-tool-p4 label {
	font-size: 12px;
	margin: 4px 2px 4px 2px;
	width: 100px;
}
.radio-tool-p4-wd label {
	margin: 5px;
	font-size: 15px;
}
.radio-tool-p4 input[type="radio"]:checked+label, .radio-tool-p4 .btn-default:hover, .radio-tool-p4-wd input[type="radio"]:checked+label, .radio-tool-p4-wd .btn-default:hover, .nxt:hover {
	color: #fff;
	border-color: #3278FA;
	background-color: #3278FA;
}

/* radio-tool-p4 끝 */

.checkbox-tool input[type="checkbox"] {
	display: none;
}

.checkbox-tool label {
	width: 155px;
	margin: 5px;
	font-weight: bold;
	font-size: 18px;
}

#p4Form .checkbox-tool label {
	width: 100%;
	text-align: left;
	font-size: 15px;
}

.checkbox-tool input[type="checkbox"]:checked+label, .checkbox-tool .btn-primary:hover {
	background-color: #3D4866;
	border-color: #204d74;
}

.checkbox-tool .btn-primary {
	background-color: #78B7DA;
	border-color: #78B7DA;
}

/* checkbox-tool-p4 시작 */
.checkbox-tool-p4 input[type="checkbox"] {
	display: none;
}
.checkbox-tool-p4 label {
	color: #8C8C8C;
	border-color: #F8F8F8;
	background-color: #F8F8F8;
}
.checkbox-tool-p4 input[type="checkbox"]:checked+label, .checkbox-tool-p4 .btn-default:hover {
	color: #fff;
	border-color: #50C14E;
	background-color: #50C14E;
}
/* checkbox-tool-p4 끝 */

.checkbox-goal input[type="checkbox"] {
	display: none;
}
.checkbox-goal label {
	color: #333;
	background-color: #fff;
	border-color: #fff;
	width: 100%;
	height: 80px;
	text-align: left;
}
.checkbox-goal input[type="checkbox"]:checked+label, .checkbox-goal .btn-danger:hover {
	color: #333;
	border: 5px solid #78B7DA;
	background-color: #fff;
 }



#p1Form textarea, #p2Form textarea {
	background-color: #eee;
	color: #ff5e00;
	font-weight: bold;
}

.prv_btn img, .nxt_btn img, .save img, .add_btn img, .btn_div img, .del_btn img {
	cursor: pointer;
}

.prv_btn img:hover, .nxt_btn img:hover, .save img:hover .add_btn img:hover, .add_btn:hover {
	opacity: 0.8;
}

.pd0 {
	padding: 0px;
}

.row-mt60 {
	margin-top: 60px;
}

.row-mb40 {
	margin-bottom: 40px;
}

.t35 {
	top: 35px;
}

.t55 {
	top: 55px;
}

.t75 {
	top: 75px;
}

.t105 {
	top: 105px;
}

.t135 {
	top: 135px;
}

.t145 {
	top: 145px;
}

.t195 {
	top: 195px;
}

.t205 {
	top: 205px;
}

.t225 {
	top: 225px;
}

.t235 {
	top: 235px;
	padding-left: 150px;
	padding-right: 150px;
}

.t255 {
	top: 255px;
	padding-left: 150px;
	padding-right: 150px;
}

.t275 {
	top: 275px;
}

.t295 {
	top: 295px;
}

.top_center {
	text-align: center;
}

.pdRow .col-md-2, .pdRow .col-md-3, .pdRow .col-xs-2, .pdRow .col-xs-3, .pdRow .col-xs-1 {
	padding-left: 5px;
	padding-right: 5px;
}

.pdRow2 .col-xs-1, .pdRow2 .col-xs-2, .pdRow2 .col-xs-3 {
	padding-left: 2px;
	padding-right: 2px;
}

.pdRow2 .col-xs-2 {
	width: 17% !important;
}

.pdRow2 .col-xs-3 {
	width: 22% !important;
}

.transparent_auto {
	color: #fff;
	background-color: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	width: auto;
	text-align: center;
	font-style: oblique;
	font-size: 20px;
}
.transparent_auto2 {
	color: #fff;
	background-color: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	width: auto;
	max-width: 830px;
	text-align: center;
	font-style: oblique;
}

.footer {
	background-image: url("/images/comm/footer.png") !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: center center;
	border-top: 1px solid black;
	min-width: 1285px;
	height: 50px;
	bottom: 0px;
	position: fixed;
}

.part4_footer {
	background-image: url("/images/comm/footer.png") !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	min-width: 1285px;
	height: 50px;
	bottom: 0px;
	position: fixed;
}