/*************** ekt skin ver.3 ***************/

/*top*/
.top_bg {background-color: #a3a3d1;}
.top_title {color: #ffffff;}
.top_big_title {color: #080831;}

/*----- 1´Ü_submenu -----*/
.submenu ul {}
.submenu ul li a {color:rgba(100, 79, 169, 1);}
.submenu ul li a:hover {background-color: #dbdbff; color: #7070ce;}
.submenu_top ul li a{color:#ffffff;} 

	/*menu_popup*/
	.modal-title {color: #b6931b !important;}
	.badge {background-color: #654f47 !important;}

	/*·¯´×¸Ê*/
	.modal-body .current {color: #e46337 !important;}

	/*¸Þ¸ðÀå*/
	.m_iframe {
		border: 1px solid #a1a1a1;
		background-color: #fffbf6;
		color: #a07f72;
	}


/*----- 2´Ü_content -----*/

.bt_deco1:link, .bt_deco2:link, .bt_deco3:link, .bt_deco4:link, .bt_deco5:link,
.bt_deco1:visited, .bt_deco2:visited, .bt_deco3:visited, .bt_deco4:visited, .bt_deco5:visited,
.bt_deco1:hover, .bt_deco2:hover, .bt_deco3:hover, .bt_deco4:hover, .bt_deco5:hover,
.bt_deco1:active, .bt_deco2:active, .bt_deco3:active, .bt_deco4:active, .bt_deco5:active {color: white; text-decoration: none;}
.bt_deco1:hover {background-color: #d69ae3;}
.bt_deco2:hover {background-image: none; background-color: #d69ae3;}
.bt_deco3:hover {background-image: none; background-color: #d69ae3;}
.bt_deco4:hover {background-color: #d69ae3;}
.bt_deco5:hover {background-color: #d69ae3;}

	@media all and (min-width: 200px) {
	.bt_deco1 { /*big size pupple button*/
		display: inline-block;
		border: 3px solid #644faa;
		border-radius: 18px;
		background-color: #ac6ecc;
		background-image: -webkit-linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-image: -moz-linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-image: -ms-linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-image: -o-linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-image: linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-repeat: repeat-x;
		background-size: 100% 50%;
		color: white;
		font-weight: bold;
		text-align: center;
		text-shadow: -1px -1px 1px rgba(0,0,0,0.3);
		box-shadow: inset 0px 1px 0px rgba(172,110,204.2), 0px 2px 5px rgba(90,100,107,0.6)
	}
	.bt_deco2 {  /*small size green button*/
		display: inline-block;
		border: 1px solid #644faa;
		border-radius: 5px;
		background-color: #ac6ecc;
		background-image: -webkit-linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-image: -moz-linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-image: -ms-linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-image: -o-linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-image: linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-repeat: repeat-x;
		background-size: 100%;
		color: white;
		text-align: center;
		text-shadow: -1px -1px 1px rgba(0,0,0,0.3);
		box-shadow: inset 0px 1px 0px rgba(172,110,204.2), 0px 2px 5px rgba(90,100,107,0.6)
	}
	.bt_deco3 { /*small size pupple button*/
		display: inline-block;
		border: 1px solid #644faa;
		border-radius: 5px;
		background-color: #ac6ecc;
		background-image: -webkit-linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-image: -moz-linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-image: -ms-linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-image: -o-linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-image: linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-repeat: repeat-x;
		background-size: 100%;
		color: white;
		text-align: center;
		text-shadow: -1px -1px 1px rgba(0,0,0,0.3);
		box-shadow: inset 0px 1px 0px rgba(172,110,204.2), 0px 2px 5px rgba(90,100,107,0.6)
	}
	.bt_deco4 { /*big size green button*/
		display: inline-block;
		border: 1px solid #644faa;
		border-radius: 5px;
		background-color: #ac6ecc;
		background-image: -webkit-linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-image: -moz-linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-image: -ms-linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-image: -o-linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-image: linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-repeat: repeat-x;
		background-size: 100%;
		color: white;
		text-align: center;
		text-shadow: -1px -1px 1px rgba(0,0,0,0.3);
		box-shadow: inset 0px 1px 0px rgba(172,110,204.2), 0px 2px 5px rgba(90,100,107,0.6)
	}
	.bt_deco5 { /*small size ocher button*/
		display: inline-block;
		border: 1px solid #644faa;
		border-radius: 5px;
		background-color: #ac6ecc;
		background-image: -webkit-linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-image: -moz-linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-image: -ms-linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-image: -o-linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-image: linear-gradient(rgba(172,110,204), rgba(235,110,90,0.8));
		background-repeat: repeat-x;
		background-size: 100%;
		color: white;
		text-align: center;
		text-shadow: -1px -1px 1px rgba(0,0,0,0.3);
		box-shadow: inset 0px 1px 0px rgba(172,110,204.2), 0px 2px 5px rgba(90,100,107,0.6)
	}
}

	/*footer*/
	.bottom_right_wrap {}
		.cur_pg {color: #59629b;}
		.all_pg {color: #a3a3d1;}
		a.left_arrow {background: url('../img/left_arrow.png') no-repeat;}
		a.right_arrow {background: url('../img/right_arrow.png') no-repeat;}
		a:hover.left_arrow {background: url('../img/left_arrow_over.png') no-repeat;}
		a:hover.right_arrow {background: url('../img/right_arrow_over.png') no-repeat;}
	.step_bt button:hover {
		border: 1px solid #46582b;
		background-color: #789946;
		color: #fff;
	}


/*-------------- ÆäÀÌÁöº° contents -----------------*/

/*pg1*/
.content1 .c_title {
	color: #ffffff;
/*	background-color: rgba(250,240,230,0.6);
	background-color: #f8f1e7\9; 투명도 및 불투명 효과 */
}
.content1 .c_number {color: #080831;}
.content1 .c_list {color: #777;}
.content1 .c_list .active {color: #080831;}

/*pg2*/
.content2 .left {}
	.teName {border-bottom: 1px dotted #5e423e;}
	.teName span {color: #ae613b;}
.content2 .right {}
	.content2 .c_title, .content2 .c_title2 {color: #5e423e;}
	.content2 .c_list, .content2 .c_list2 {color: #555;}

/* pg3, pg5, pg6, pg7 common */
.content3 .c_title, .content5 .c_title, .content6 .c_title, .content7 .c_title {color: rgba(164, 162, 209, 1)}
.content3 .c_iframe, .content5 .c_iframe {border: 1px solid #6a6a94; color: #6a6a94;}

/*pg4*/
/*.pg4_img {background: url('../img/pg4_img.png') no-repeat;}*/

/*pg5*/
.content5 .c_list_tip {/*border-bottom: 1px solid #b6a39c;*/ /*color: ##e46337;*/}

/*pg6*/
	.content6_tit {border-bottom: 1px solid #b6a39c;}
	.content6 .bullet {background-image: url('../img/bullet.png'); background-repeat: no-repeat; color: white;}
	.green_bt {}
	.q1_ex {}
	.txt_a2 {color: #688a2c;}

/*pg5, pg6, pg7 common*/
.content5 .c_list_tip, .content6 .c_list_tip_t3, .content7 .c_list_tip_t3, .content7 .c_list_tip_t6 {color:rgba(164, 162, 209, 1);}

/*pg7*/
.pg7_bg {
	background-image: url('../img/pg7_bg.jpg');
	background-repeat: no-repeat;
}
.c_iframe2_bg {border:1px solid #a09ab4;}

/*pg8*/
.content8 .c_title {color:rgba(171, 109, 203, 1)}
.content8 .c_number {
	color: #6666CC;
}
.content8 .c_list {
	display: inline-block;
	color: #6666CC;
	background-color: rgba(250,240,230,0.6);
	background-color: #faf5ef\9;
}
.content_step {}
	.step_num {float: left; color: #d59c2e;}
	.step_list .active {background-color: #765e50;}

/*--------------- Responsive Web -----------------*/

/*--- ~xs size common ---*/
@media (max-width: 767px){

	/*bt*/
	.bt_deco1{padding: 13px 10px;}
	.bt_deco4 {padding: 13px 10px; display: none;}
	.bt_deco2, .bt_deco3,.bt_deco4, .bt_deco5 {padding: 10px;}
	.bt_txt1, .bt_txt9 {margin: 0 25px 0 25px;}
	.bt_txt3, .bt_txt5, .bt_txt6, .bt_txt7, .bt_txt8 {margin: 0 3px 0 30px;}
	.bt_txt2, .bt_txt4{}
	.pink_bt, .blue_bt, .green_bt, .green_bt2 {font-size: 14px; line-height: 100%;}

	/*pg2*/
	.pg2_bg {
		width: 960px; height: 743px;
		background-size: 100% auto;
		background-position: center 0;
		background-image: url('../img/pg2_bg.jpg');
		background-repeat: no-repeat;
	}

	/*pg3*/
	.pg3_bg {
		width: 960px; height: 743px;
		background-image: url('../img/pg2_bg.jpg');
		background-repeat: no-repeat;
	}
	/*p4*/
/*	.pg4_bg{
		width: 960px; height: 743px;
		background-image: url('../img/pg4_bg.jpg');
		background-repeat: no-repeat;
	}*/

	/*pg5*/
	.pg5_bg {
		width: 960px; height: 743px;
		background-image: url('../img/pg2_bg.jpg');
		background-repeat: no-repeat;
	}

	/*pg6*/
	.pg6_bg {
		width: 960px; height: 359px;
		background-position: -130px 0;
		background-image: url('../img/pg2_bg.jpg');
		background-repeat: no-repeat;
	}
	.content6 .blue_bt {margin-bottom: 7px;}

	/*pg7*/
	.pg7_bg {
		width: 960px; height: 743px;
		background-size: 80%;
		background-position: 0 -100px;
		background-image: url('../img/pg2_bg.jpg');
		background-repeat: no-repeat;
	}
	.content7 .c_list_tip_t3 {font-size: 11px;}
	.c_iframe2_bg {left: 0px; width: 100.2%; height: 272px;}

	/*pg8*/
	.pg8_bg {
		width: 960px; height: 510px;
		background-image: url('../img/pg2_bg.jpg');
		background-repeat: no-repeat;
	}
}

/*--- xs: ~568px ---*/
@media (max-width: 568px) {

	/*pg1*/
	.pg1_bg {
		width: 768px; height: 700px;
		background-size: 80% auto;
		background-position: -50px -100px;
		background-image: url('../img/pg1_bg.jpg');
		background-repeat: no-repeat;
	}

	/*pg3*/
	.pg3_bg {background-size: 68%; background-position: -40px 0px;}

	/*pg8*/
	.pg8_bg {
		background-size: 70%;
		background-position: -100px -45px;
	}
}


/*--- xs: 569~767px ---*/
@media (min-width: 569px) and (max-width: 767px) {

	/*pg1*/
	.pg1_bg {
		width: 768px; height: 700px;
		background-size: 100% auto;
		background-position: 0px -80px;
		background-image: url('../img/pg1_bg.jpg');
		background-repeat: no-repeat;
	}

	/*pg3*/
	.pg3_bg {background-size: 80%; background-position: 0 -100px;}

	/*pg5*/
	.pg5_bg {background-size: 80%; background-position: 0 -50px;}

	/*pg8*/
	.pg8_bg {
		background-size: 80%;
		background-position: 0 -70px;
	}
}


/*--- sm size ---*/
@media (min-width: 768px) and (max-width: 991px) {

	/*pg1*/
	.pg1_bg {
		width: 100%; height: 647px;
		background-position: 0 -45px;
		background-image: url('../img/pg1_bg.jpg');
		background-repeat: no-repeat;
	}
}


/*--- md size ---*/
@media (min-width: 992px) {

	/*pg1*/
	.pg1_bg {width:100%; height: 647px; background: url('../img/pg1_bg.jpg') no-repeat;}

	/*pg2*/
	.content2 .right {}
		.study_goal {background: url('../img/study_goal.png') no-repeat;}
		.study_con {background: url('../img/study_con.png') no-repeat;}
		.study_an{background: url('../img/study_an.png') no-repeat;}

	/*pg8*/
	.pg8_bg {
		width:100%; height: 510px;
		background-position: center -70px;
	}
}


/*--- sm & md size common ---*/
@media (min-width: 768px) {

	/*bt*/
	.bt_deco1,.bt_deco4 {padding: 18px;}
	.bt_deco2, .bt_deco3, .bt_deco4, .bt_deco5 {padding: 13px;}
	.bt_txt1, .bt_txt9 {margin: 0 20px 0 20px;}
	.bt_txt2, .bt_txt3, .bt_txt4, .bt_txt5, .bt_txt6, .bt_txt7, .bt_txt8 {}
	.pink_bt, .blue_bt, .green_bt, .green_bt2 {font-size: 17px; line-height: 100%;}
	.pink_bt, .blue_bt, .green_bt, .green_bt2 {font-size: 17px; line-height: 100%;}

	/*pg1*/

	/*pg2*/
	.pg2_bg {
		width: 960px; height: 743px;
		background-position: center -73px;
		background-image: url('../img/pg2_bg.jpg');
		background-repeat: no-repeat;
	}

	/*pg3, pg5, pg7 common*/

	/*pg3*/
	.pg3_bg {
		width: 960px; height: 743px;
		background-position: center -73px;
		background-image: url('../img/pg2_bg.jpg');
		background-repeat: no-repeat;
	}

	/*pg4*/
	.pg4_bg {
		width: 960px; height: 743px;
		background-position: center -73px;
		background-image: url('../img/pg2_bg.jpg');
		background-repeat: no-repeat;
	}

	/*pg5*/
	.pg5_bg {
		width: 960px; height: 743px;
		background-position: center -73px;
		background-image: url('../img/pg2_bg.jpg');
		background-repeat: no-repeat;
	}
	.tip_arrow {border-color: transparent transparent #f7e2b5 transparent;}
	.save_tip {
		background-color: #f7e2b5;
		color: #906830;
	}

	/*pg6*/
	.pg6_bg {
		width:100%; height: 647px;
		background-position: center 0;
		background-image: url('../img/pg2_bg.jpg');
		background-repeat: no-repeat;
	}
	.quiz1, .quiz2, .quiz3 {}
		.q1 {margin: 3px 0 10px 35px !important;}
		.content6 .bullet {width: 32px; height: 31px;}
		.qna_a {height: 45px;}

	/*pg7*/
	.pg7_bg {
		width: 100%; height: 743px;
		background-position: center -73px;
		background-image: url('../img/pg2_bg.jpg');
		background-repeat: no-repeat;
	}

	/*pg8*/
	.pg8_bg {
		width: 100%; height: 743px;
		background-position: center -73px;
		background-image: url('../img/pg2_bg.jpg');
		background-repeat: no-repeat;
	}

	.content8 .c_title {border-bottom:solid 2px rgba(171, 109, 203, 1);}
}


/*bootstrap theme*/
.btn-info {
	background-color: #2dd2e4;
	border: 4px solid #b9bcd7;
	box-shadow: inset 0px 1px 0px #2dd2e4, inset 0px -1px 0px #2dd2e4;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
	background-color: #1397a4;
	box-shadow:inset 0px 1px 5px #836930;
 }
.btn-primary {
	background-color: #634e46;
	border: 1px solid #2dd2e4;
	box-shadow: inset 0px 1px 0px #93847f, inset 0px -1px 0px #41332e;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	background-color: #8a4e37;
	border: 1px solid #7a7a7a;
}