/*************** skin1 ver.1 ***************/
* {
	
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	
}

/*header*/
.index_bg {background-image:url('../img/skin1/bg_index.jpg');}
.bg_sub01, .bg_sub03 {background-image:url('../img/skin1/bg_sub01.jpg');}
.bg_sub02 {background-image:url('../img/skin1/bg_sub02.jpg');}
.end_bg {background-image:url('../img/skin1/bg_end.jpg');}

.btn-plus, .btn-plus:active {background-color: #277770; background:url('../img/skin1/01_m1_t1.png') no-repeat center; text-indent:-9999px; width:50px;}
.btn-plus:hover {background-color: #277770; }

header .left .qt1, header .left .qt2 {  color: #fff; background-color: #000;  opacity:0.75; filter:alpha(opacity=50); }
header .left .qt1:hover, header .left .qt2:hover {  color: #fff; background-color: #000;  opacity:0.9; filter:alpha(opacity=90); }



header .left .qt1 a, header .left .qt2 a { color:#fff; font-size:16px; font-weight:600; }
header .left .qt1 a:hover,header .left .qt2 a:hover { }






/*footer*/
.first_n {color:#fff; margin-top: 1px;}
.center_n, .last_n {color:#fff; margin-top: 1px;}
.left_arrow a {background-image: url('../img/skin1/01_t4_m1.png'); background-repeat: no-repeat;}
.right_arrow a {background-image: url('../img/skin1/01_t4_m2.png'); background-repeat: no-repeat;}
.left_arrow a:hover {background-image: url('../img/skin1/01_t4_m1_on.png'); background-repeat: no-repeat;}
.right_arrow a:hover {background-image: url('../img/skin1/01_t4_m2_on.png'); background-repeat: no-repeat;}


/*******contents*******/

/*1pg*/
.te {color: #442a09;}
.te .box {background-color: #977549;}
.te .box:hover {background-color: #815e30;}

#main .title .sb .box {background-color: #b2b2b2;}
#main .title .sb .box:hover {background-color: #815e30;}
#main .title .mb {color: #161616;}


/*2pg~6pg*/
#contents .sub_title .itxt, #main .sub_title .itxt {color:#f76244; position: absolute; margin-left: -20px; font-weight:600; font-size:20px;}


/*orientation pg*/
#contents .v_left h3 { font-size:16px; color:#fff; background: #00927a; width: 100%; padding: 8px 20px;}
#contents .v_left .label-vod {background-color:#22968b;}
#contents .v_right h3 {padding-bottom: 4px;   font-size:16px; color:#fff;  background: #f57156; width: 100%; padding: 8px 20px;}

/*2pg*/
#contents .t_left h3 {color:#329b9e; border-bottom: 2px solid #329b9e;}
#contents .t_right .nav-tabs {border-bottom: 1px solid #bfbad3;}
#contents .t_right .nav-tabs > li.active > a,
#contents .t_right .nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {border: 1px solid #bfbad3; color: #22968b;}
#contents .t_right .label-tabs {background-color:#22968b;}
.tabiframe textarea, .tabiframe3 textarea {
	border:1px solid #bfbad3;
	background-color: rgba(245,243,253,0.6);
	background-color: #f9f8fe\9;
	color: #8c83b7;
}

/*4pg*/
.quiz .ctitle {color:#22968b;}
.quiz .etitle {color:#434343;}
.Benefits-type1 li .bullet {background: url('../img/skin1/num.png') no-repeat;}
.Benefits-type1 > li:hover .qTxt {color: #22968b;}
.Benefits-type1 > li:hover .bullet {background: url('../img/skin1/num_over.png') no-repeat;}
.Benefits-type1 .click .qTxt {color: #22968b;}
.Benefits-type1 .click .bullet {background: url('../img/skin1/num_over.png') no-repeat;}



/*2pg ox 추가*/
.checkiframe{}
.quiz .ctitle {color:#22968b;}
.quiz .etitle {color:#434343;}

.quiz.ox .Benefits-type1 li .bullet {background: url('../img/skin1/num.png') no-repeat;}
.quiz.ox .Benefits-type1 > li:hover .qTxt {color: #22968b;}
.quiz.ox .Benefits-type1 > li:hover .bullet {background: url('../img/skin1/num_over.png') no-repeat;}

.quiz.ox .Benefits-type1 .click .qTxt {color: #22968b;}
.quiz.ox .Benefits-type1 .click .bullet {background: url('../img/skin1/num_over.png') no-repeat;}
.bg-read { }

.quiz.ox { 
	clear:both;
}
.item_o .bullet { display:none; }
.item_x .bullet { display:none; }
.item_o .qTxt { text-indent:-9999px; background: url('../img/skin1/img_o.png') no-repeat; width:73px; height:73px; }
.item_x .qTxt { text-indent:-9999px; background: url('../img/skin1/img_x.png') no-repeat; width:73px; height:73px; }

.item_o.click .qTxt { text-indent:-9999px; background: url('../img/skin1/img_o_on.png') no-repeat; width:73px; height:73px; }
.item_x.click .qTxt { text-indent:-9999px; background: url('../img/skin1/img_x_on.png') no-repeat; width:73px; height:73px; }

.quiz.ox .qTxt { float:left; }

.quiz.ox .Benefits-type1 li { width:inherit; float:left; display:inline-block; margin-right:30px; }
/*.quiz.ox span:not(.ctitle) { display:inline-block; }*/
.cnums { display:inline-block; }


.box_h1 .c_info, .box_h2 .c_info { border-bottom:#acc3bf solid 1px; padding:0 10px 10px 10px; margin-bottom:10px;  }
.box_h2 .c_info { font-size:16px; font-weight:bold; padding-left:0px; }
.box_h2 .cnums-container { text-align:left; }
.box_h2 .cnums-container p.mtxt { font-size:16px; font-weight:bold; margin-bottom:5px; }




.cnums-container { text-align:center; letter-spacing:0; }
.quiz .ctitle { text-align:left; color:#333333; font-size:14px; font-weight:500; }
.quiz .ctitle span {margin-right: 5px; font-size:24px; color:#333333; font-weight:600; }

.quiz.qz .cnums-container { text-align:left; }
.quiz.qz .Benefits-type1 li { width:100%; margin-bottom:2px; }
.quiz.qz .Benefits-type1 > li:hover .qTxt { color:#22968b; }





/*5pg*/
#contents .studytab .nav-tabs {border-bottom: 1px solid #bfbad3;}
#contents .studytab .nav-tabs > li.active > a,
#contents .studytab .nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {border: 1px solid #bfbad3; color: #22968b;}
.btn-tab-close {background-color: #22968b; border-color: #655993;}
.btn-tab-close:hover {color: #51428a; background-color: #ddd8f1;}
.studyiframe textarea,
.studyiframe4,
.studyiframe_e1 .term,
.studyiframe_e1 textarea {
	border:1px solid #bfbad3;
	background-color:rgba(245,243,253,.6);
	background-color: #f9f8fe\9;
	color: #8c83b7;
}
#myDictionary {color: #0a7656;}
#myDictionary span{ color: #f76244;}
.termTit {color: #22968b;}

/*6pg*/
#main .end .title{}
	.sb_e{color:#0a7656;}
	.eb_e{color:#f76244;}


/*popup*/
.modal-title {color:#79480b;}
.pop1 .modal-title small {color:#f76244;}
.btn-pop:hover {background-color:#f9f9e7;}

.r_red {background-color:#f76244;}

.learning_map .week { display: table;     border: #663300 solid 1px;   width: 100%; }
.learning_map .week ul { display:inline-block;     border-left: #663300 solid 1px; width: 639px; }
.learning_map .week .m2 {
	display: inline-block;
    width: 40px;
    text-align: center;
	border-right: #663300 solid 1px;
}
.learning_map .week .last { border-bottom:none; }

.learning_map .title .m1, .learning_map .title .m2, .learning_map .title .m3 { display:inline-block; border: #663300 solid 1px; text-align:center; background: url('../img/skin1/learning_t1_m1.png') repeat-x; color:#fff; height:28px; line-height: 1.9;  }
.learning_map .title .m1 { width: 35px; border-right:none; }
.learning_map .title .m2 { width: 40px; border-right:none; }
.learning_map .title .m3 { width: 600px; }



.learning_map .r1 {
    width: 34px;
    border-radius: 0;
    color: #222222;
    float: left;
    height: 77px;
    display: table;
	background-color:#e6e5d1;
	margin:0;
	padding:0;
}
.learning_map .ju {
	vertical-align: middle;
	display:table-cell;

}
.week.last,.week.last .r1 { height:25px; background-color:#f5ebcc; }


.te_name {color: #79480b;}
.btn-green{background-color: #0a7656; border-color: #0a7656;}
.btn-green:hover {background-color: #0f6048;}

.m_iframe {border: 1px solid #c2b79c; background-color: #fdfdf3;}

.prepareBoard a {color: #f76244;}

/*러닝맵*/
.modal-body .week li, .learning_map .week li { border-bottom: #663300 solid 1px; background-color:#e6e5d1; line-height: 1.7; }
.modal-body .current, .learning_map .week li.current, .learning_map .r1.current {background-color: #fff3ce;}

#lm_15 { text-indent: -9999px; }

.nav > li > a:hover {background-color:#f9f9e7;}
.nav-tabs2 > li.active > a,
.nav-tabs2 > li.active > a:hover,
.nav-tabs2 > li.active > a:focus { background-color: #f9f9e7;}


/*bt*/
.p_bt:link, .p_bt:visited, .p_bt:hover, .p_bt:active, .o_bt:link, .o_bt:visited, .o_bt:hover, .o_bt:active {
   color: white; text-decoration: none;


	
}



.p_bt { /*purple button*/
	display: inline-block;
	border: 1px solid #cc313d;
	
	text-align: center;
    line-height: 1.0;
	
    font-weight: 700;
    font-size: 34px;
	letter-spacing:0px;
	padding-right: 10px;
	text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
	
	border-radius: 5px;
/*	
	background-image: -moz-linear-gradient( 90deg, rgb(192,1,16) 0%, rgb(234,43,58) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(192,1,16) 0%, rgb(234,43,58) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(192,1,16) 0%, rgb(234,43,58) 100%);
	box-shadow: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.75);
*/	
	background:url('../img/start_bg_line.gif') repeat-x left center;
}
.p_bt span { background:url('../img/skin1/01_m5_t1.png') no-repeat right 4px; width: 100%;  display: inline-block; }


.p_bt:hover, .p_bt:focus {color: white;
/*
  background-image: -moz-linear-gradient( 90deg, rgb(182,6,19) 0%, rgb(223,47,60) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(182,6,19) 0%, rgb(223,47,60) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(182,6,19) 0%, rgb(223,47,60) 100%);
*/  
  background:url('../img/start_bg_line_on.gif') repeat-x left center;

}



.b_bt { /*blue button*/
	display: inline-block;
	padding: 16px 42px;
	border: 1px solid #3d5fbf;
	border-radius: 2px;
	color: white;
	text-align: center;
    line-height: 1.0;	
    font-weight: 700;
    font-size: 20px;
	letter-spacing:0px;	
	text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);	
	background-image: -moz-linear-gradient( 90deg, rgb(31,69,177) 0%, rgb(92,127,228) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(31,69,177) 0%, rgb(92,127,228) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(31,69,177) 0%, rgb(92,127,228) 100%);
	box-shadow: inset 1px 1px 1px 0px rgba(255, 255, 255, 0.75);	
}

.b_bt span { background:url('../img/skin1/01_m5_t1.png') no-repeat right 4px; width: 100%;  display: inline-block; }


.b_bt:hover, .b_bt:focus {color: white;
  border-radius: 2px;
  background-image: -moz-linear-gradient( 90deg, rgb(45,80,179) 0%, rgb(99,133,230) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(45,80,179) 0%, rgb(99,133,230) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(45,80,179) 0%, rgb(99,133,230) 100%);
}



.b_bt2 { /*blue button*/
	display: inline-block;
    position: relative;
	width: 158px;
	padding-right: 17px;
    border: 1px solid #22968b;
	border-radius: 2px;
	text-align: center;
    line-height: 40px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;     
    background: #13635b;
    box-shadow: inset 1px 1px 1px 0px rgba(255, 255, 255, 0.75);
}   

.b_bt2 span {	
	background:url('../img/skin1/04_m1_t1.png') no-repeat; 
	display:inline-block; 
	width:26px; 
	height:26px; 
	position: absolute; 
	margin-left: 2px; 
	margin-top: 7px; 
}
	
.row.ox .b_bt2 span { background:url('../img/skin1/04_m1_t3.png') no-repeat;}

.b_bt2:hover, .b_bt2:focus {
	color: white;
	background:#22968b;
}

.b_bt2.t2 span { background:url('../img/skin1/04_m1_t3.png') no-repeat; 	display:inline-block; 
	width:26px; 
	height:26px; 
	position: absolute; 
	margin-left: 2px; 
	margin-top: 7px; 
}

.b_bt3 { /*blue button*/
	display: inline-block;
	border: 1px solid #3c84bc;
	color: white;
	text-align: center;
    line-height: 1.0;
	
    font-weight: 700;
    font-size: 16px;
	letter-spacing:0px;
	padding: 10px 20px 10px 35px;
	
	
	border-radius: 5px;
	background:#468ec5;
	box-shadow: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.75);
	

	
	
}
.b_bt3 span { background:url('../img/skin1/07_t1_m1.png') no-repeat; display:inline-block; width:19px; height:19px; position: absolute; margin-top: -3px; margin-left: -22px; }
.b_bt3:hover, .b_bt3:focus {color: white; background:#569bd0; }

.b_bt3.btn-sm { 
	padding: 4px 8px 4px 25px;
    border-radius: 2px;
	font-size:13px;
	display:none;
}



.o_bt2 { /*blue button*/
	display: inline-block;
	border: 1px solid #5c884f;
	color: white;
	text-align: center;
    line-height: 1.0;	
    font-weight: 700;
    font-size: 16px;
	letter-spacing:0px;
	padding: 10px 35px 10px 20px;	
	border-radius: 5px;
	background:#41867b;
	box-shadow: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.75);	
}
.o_bt2 span { 
	background:url('../img/skin1/04_m1_t2.png') no-repeat; 
	display:inline-block; 
	width:26px; 
	height:26px; 
	position: absolute; 
	margin-left: 2px; 
	margin-top: 7px; 
}

.o_bt2:hover, .o_bt2:focus {color: white;
	background:#77a06b;
}


.o_bt:hover:not([disabled]) {color: white; background-color: #e65133;}
.o_bt { /*orange button*/
	display: inline-block;
	width: 158px;
    border: 1px solid #ec5537;
	border-radius: 2px;	
	text-align: center;	
	font-weight: 700;
	font-size: 16px;
	line-height: 28px;
	background-color: #ec5537;
	box-shadow: inset 1px 1px 1px 0px rgba(255, 255, 255, 0.75);
}
.o_bt.disabled { cursor: default; }


.btn-none { 
    padding: 0 10px 0 0px;
    margin: 0;
    font-size: 12px;
    height: 30px;
    width: 45px;
}
.btn-none.last { background:none; }













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

/*--- xs size common ---*/
@media (max-width: 767px){
	.bg_sub01, .bg_sub02, .bg_sub03 {background-image:url('../img/skin1/xs_bg.jpg'); background-repeat: repeat;}
	.end_bg {background-position: center 57%;}
}

/*--- xs2: 569 ~ 767px ---*/
@media (min-width: 569px) and (max-width: 767px){
	.index_bg {background-position: center 50%;}
}

/*--- max-width 960px size ---*/
@media (max-width: 959px) {
	.bd_wrap {border: none;}
}

@media (max-width: 490px) {
	.studyiframe2 .text8 { margin-top:60px; }
	.studyiframe2 .text9 { margin-top:70px; }
}