/*-------------------section1-------------------*/
.main_slider-wrap .bx-controls a {
	color: #000
}
/*-------------------section2-------------------*/
.section2-1 {
	background-color: #FFF;
}
/*-------------------section3-------------------*/

/*-------------------section4-------------------*/
.section4 {
	/*background:url(http://www.alivesoft.co.kr/img/bg_white_opa80.png) 0 0 repeat;*/
	background-color: #FFF;
}

.fund-tab li a {
	color: #222
}

.fund-tab li.active a {
	color: #fff;
	font-weight: bold;
	background-color: #38649f;
	border-radius: 100px
}

.fund {
	background-color: #FFF;
	border: 1px solid #dedede;
}

.fund .fund_labal p {
	color: #fff;
	background-color: #38649f
}

.item_hover p {
	color: #38649f
}

.detail_info .item_title {
	color: #fff
}

.detail_info .percent_bar_bg {
	background-color: #dedede
}

.detail_info .percent_bar {
	background-color: #38649f;
}

.detail_info .percent_bar em {
	color: #fff
}
/*-------------------section5-------------------*/
.section5 {
	background-color: #FFF;
}

.news-tab li a {
	background-color: #38649f;
	color: #fff
}

.news-tab li a:hover {
	background-color: #fff;
	color: #38649f;
	border: 1px solid #38649f
}

.news-tab li.active a {
	background-color: #fff;
	color: #38649f;
	border: 1px solid #38649f;
	border-top: 3px solid #38649f
}

.news-wrap-wrap, .sns-wrap-wrap {
	background-color: #FFF;
	border: 1px solid #38649f
}
/*----------BODY----------*/
.section.join_wrap:before, .login_page_wrap:before {
	content: "";
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(http://www.alivesoft.co.kr/img/bgbg.jpg) no-repeat
		center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.join_box li {
	border: 5px solid #fff;
	background-color: #38649f;
}

.join_box li a {
	color: #fff;
}

.title {
	color: #fff;
	text-shadow: 3px 3px 5px #38649f
}

.title_sub {
	color: #fff;
	text-shadow: 3px 3px 5px #38649f
}

.slide_down {
	background-color: #fff;
}

.btn-join {
	background-color: #fc6;
	border-color: #fc6;
	color: #fff
}

.btn-join:hover {
	background-color: #f96;
	border-color: #fc6;
	color: #fff
}

.btn-join.focus, .btn-join:focus {
	color: #fff;
	background-color: #fc6;
	border-color: #fc6;
}

.content-wrapper, .right-side {
	background-color: #eee;
}

.box.box-info {
	border-top-color: #38649f;
}

.btn-info, .btn-address {
	background-color: #38649f;
	border-color: #38649f;
	color: #fff;
}

.btn-info:hover, .btn-address:hover {
	background-color: #fff;
	color: #555;
	border-color: #38649f;
}

.box-header p {
	color: red;
}

.box {
	border-top: 3px solid #38649f;
	background-color: #FFF;
}

.box.joinus {
	background-color: transparent;
}

.box.password-new {
	border-top: 1px solid #f4f4f4
}

.form-group.box_agree .table_agree {
	border: 2px solid #707070;
}

.box_step .step {
	background-color: #fff;
	border: 3px solid #38649f
}

.box_step .step_arrow i {
	color: #38649f;
}

.box_step .step.active {
	border: 3px solid #38649f;
	background-color: #38649f
}

.box_step .step .txt_box {
	color: #38649f
}

.box_step .step .txt_box p {
	color: #38649f;
}

.box_step .step.active .txt_box p {
	color: #fff
}

.box_step .step.active .txt_box span {
	color: #fff
}

.btn-ipin {
	color: #fff;
	background-color: #38649f
}

.btn-ipin:hover {
	background-color: #e2eeff;
	border: 2px solid #eee;
}

.btn-ipin-title {
	background-color: #38649f;
	color: #fff
}

.btn-ipin-title:hover {
	background-color: #38649f;
	color: #fff
}

.input_error {
	border-color: #dd4b39;
}

.input_error_txt {
	color: #dd4b39;
}
/*----------pop-up----------*/
.pop-up p, .pop-up h2, .pop-up strong {
	color: #333
}

.pop-up strong {
	color: red
}
/*-----------------------미디어 쿼리 영역-----------------------*/
@media ( max-width : 320px) {
	.join_box li {
		border: 2px solid #fff
	}
	.title {
		color: #63f
	}
}

@media ( min-width : 321px) and (max-width: 359px) {
	.join_box li {
		border: 2px solid #fff
	}
	.title {
		color: #63f
	}
}

@media ( min-width : 360px) and (max-width: 414px) {
	.join_box li {
		border: 2px solid #fff;
	}
	.title {
		color: #63f
	}
}

@media ( min-width : 415px) and (max-width: 568px) {
	.join_box li {
		border: 2px solid #fff
	}
	.title {
		color: #63f
	}
}

@media ( min-width : 569px) and (max-width: 800px) {
	.join_box li {
		border: 2px solid #fff;
	}
	.title {
		color: #63f
	}
}

@media ( min-width : 801px) and (max-width: 1024px) {
}

@media ( min-width : 1025px) {
}