/*===========================================================================================================================================================*/
/*===========================================================================================================================================================*/

/*----- common -----*/
ul, li, dl, dt, dd {list-style: none; padding: 0;}
a:link, a:visited, a:hover, a:focus, a:active {text-decoration: none;}
a:hover {cursor: pointer;}

.body_wrap {border: 1px solid #c5c5c5; z-index: 1100;}


/*----- top -----*/
/* .top_bg {height: 72px; color: white;} */
.top_left_wrap {margin: 18px 0 10px 52px;}
.top_center_wrap {/*text-align: center; margin: 12px; width: 300px; position: relative; left:-80px;*/ }
.top_right_wrap {padding-top: 12px; margin: 8px 44px 16px 0; text-align: right;}
.top_big_title {margin-top: 0px;}
.subject_name {font-size: 16px; margin-top: 13px;}


/*----- submenu -----*/
.submenu_posin_wrap{display: block; position: absolute; z-index: 999;} 
.submenu_wrap {height: 36px; /*border-bottom :solid #bdbdec 1px; background: white;*/ text-align: center;}
.submenu_wrap li {display: inline-block; }
.submenu_top ul li{}
.submenu_bottom ul li{}
.submenu ul {height: 35px;/* padding: 0; margin: 0;*/}
.submenu ul li a {display: block; margin:0; padding: 8px 10px;}
.submenu ul li:hover, .submenu ul li a:hover {font-weight: bold; text-decoration: none;}

/*----- menu_popup----- */
.modal-body .week {padding: 5px; border-bottom: 1px dotted #bebebe; font-weight: bold;}	

	/*----- 러닝맵 -----*/
	.modal-body .week li, .modal-body .week dd {color:#555; font-weight:normal;}
	.modal-body .week li {margin-left: 40px;}
	.modal-body .current {display: inline-block; text-decoration: underline;}

	/*----- 용어사전 -----*/
	.modal-body .week dt, .modal-body .week dd {margin-left: 10px;}

	/*----- 질문하기 ----- */
	.m_iframe {width: 100%; height: 200px; padding: 2px 10px; margin: 15px 0px; line-height: 32px; }
	.modal-body .btn {float: right; margin-left: 5px;}

	/*----- 메뉴설명 -----*/
	.info_wrap {position: relative;}
	.info .close {color: white !important; font-weight: normal !important; filter: alpha(opacity=100) !important; opacity: 1 !important;}

	/*----- 나의학습현황 -----*/
	.pop_wrap {padding: 0; margin: 0; color: #333; font-family: 'Nanum Gothic', serif; font-size: 13px; line-height: 120%;}
	.pop_con li {list-style: square !important;}
	.pinktxt {color: #ed4186; font-weight: bold;}
	.pop_header {height: 37px; background-color: #358fc3; letter-spacing: -1px;}
		.pop_tit1 {float: left; width: 95px; padding: 10px 0 0 25px; color: #fff; font-size: 15px; font-weight: bold;}
		.pop_tit2 {float: left; width: 320px; padding: 10px 0 0 0; color: #bef6ff; font-size: 10pt; font-weight: bold;}
	.pop_con {margin: 15px 30px;}
		.pop_con ul {margin-left: 15px;}
		.pop_con tr {width: 345px;}
		.pop_con table {border-collapse: collapse;}
		.pop_con table td {padding: 3px; border: 1px solid #7a7a7a; text-align: center;}
		.pop_con .tgBg {background-color: #e6f3fb;}
			.fb {font-weight: bold;}
		.pop_tip {font-size: 12px; text-align: center;}
		.pop_bt {text-align: center;}
			.pop_bt_blue {display: inline-block; padding: 4px 25px 6px 25px; color: #fff; border: 1px solid #1c3460; background-color: #1a51a6; font-weight: bold;}
			.pop_bt_blue:hover {background-color: #183f7c;}

/*===========================================================================================================================================================*/
/*===========================================================================================================================================================*/

/*----- content -----*/

	/*----- footer -----*/
	.bottom_left_wrap {}
	/*
	.bottom_center_wrap {margin: -70px 0 13.5px 290px;width:350px;}
	.bottom_center_wrap_ot {margin: 55px 0 13.5px 290px;width:350px;}
	.bottom_center_wrap_2 {margin: 10px 0 13.5px 290px;width:350px;}
	.bottom_center_wrap_3 {margin: -70px 0 13.5px 290px;width:350px;}
	.bottom_center_wrap_4 {margin: -50px 0 13.5px 290px;width:350px;}
	.bottom_center_wrap_5 {margin: -31px 0 13.5px 290px;width:350px;}
	.bottom_center_wrap_7 {margin: -50px 0 13.5px 290px;width:350px;}
	.bottom_center_wrap_8{margin: -50px 0 13.5px 290px;width:350px;}
	.bottom_center_wrap_9 {margin: -50px 0 13.5px 290px;width:350px;}
	*/
	.bottom_center_wrap {margin: -70px 0 13.5px 290px;width:700px;}
	.bottom_center_wrap_ot {margin: 55px 0 13.5px 290px;width:700px;}
	.bottom_center_wrap_2 {margin: 10px 0 13.5px 290px;width:700px;}
	.bottom_center_wrap_3 {margin: -70px 0 13.5px 290px;width:700px;}
	.bottom_center_wrap_4 {margin: -50px 0 13.5px 290px;width:700px;}
	.bottom_center_wrap_5 {margin: -31px 0 13.5px 290px;width:700px;}
	.bottom_center_wrap_7 {margin: -50px 0 13.5px 290px;width:700px;}
	.bottom_center_wrap_8{margin: -70px 0 13.5px 290px;width:700px;}
	.bottom_center_wrap_9 {margin: -50px 0 13.5px 290px;width:700px;}


	.line {float: left;}
	.serch_bt_mg {margin-left: 10px;margin-top:-5px;}
	.w230 {float: left; width: 180px !important;}

	/*----- next button -----*/
	.bottom_right_wrap {float: right; margin: -73px -60px 0px 0px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_02 {float: right; margin: -8px -60px 0px 0px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_03 {float: right; margin:  -95px -60px 0px 0px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_04 {float: right; margin: -75px -60px 0px 0px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_05 {float: right; margin: -57px -47px 0px 0px;/*  background: url('../img/bt_bg.png') no-repeat; */ height: 79px;}
	.bottom_right_wrap_07 {float: right ;margin: -75px -60px 0px 0px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_08 {float: right; margin: -95px -60px 0px 0px; background: url('../img/bt_bg.png') no-repeat; height: 79px;z-index:100000;}
	.bottom_right_wrap_09 {float: right; margin: -75px -60px 0px 0px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_10 {float: right; margin: -75px -85px 0px 0px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_ot {float: right; margin:  31px -50px 0px 0px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}

		.num, .cur_pg, .all_pg, .left_arrow, .right_arrow {display: inline-block; position: relative;}
		.num {font-size: 40px;}
		.cur_pg {margin-left: 2px;}
		.cur_pg2 {margin-left: -20px;}
		.all_pg {margin-right: 7px; color: #333;}
		a.left_arrow, a.right_arrow {width: 50px; height: 50px; top: 10px; left: -10px;}

	.bottom_xs {display: none; text-align: center;}
	.bottom .btn-group {padding: 23px 0px 15px 5px;}
	.step_bt button {border: 1px solid #aaa; background-color: #f1f1f1; color: #626262;}
	.step_bt button:hover {font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), inset 0px -1px 0 rgba(0,0,0,0.2)}


/*-------------- page contents -----------------*/
.pg1_bg { position: absolute; overflow: hidden; z-index: -10; }
.pg2_bg { position: absolute; overflow: hidden; z-index: -10; }
.pg3_bg { position: absolute; overflow: hidden; z-index: -10; }
.pg4_bg { position: absolute; overflow: hidden; z-index: -10; }
.pg5_bg { position: absolute; overflow: hidden; z-index: -10; }
.pg7_bg { position: absolute; overflow: hidden; z-index: -10; }
.pg8_bg { position: absolute; overflow: hidden; z-index: -10; }
.pg9_bg { position: absolute; overflow: hidden; z-index: -10; }
.pg10_bg { position: absolute; overflow: hidden; z-index: -10; }

/*----------------------------- OT -----------------------------*/
.content5 .left {}
	.content5 .ot_profile_mv video{float: left; width: 100%; border-radius: 15px;}
	.content5 .ot_teName {display: inline-block; float: left; width: 100%; height: 38px; padding: 10px; margin: 4px 0; background-color: #ffffff; text-align: center; font-weight: bold;}
	.content5 .ot_teName span {}
	.content5 .ot_profile {float: left; overflow-y: auto;}
	.content5 .ot_profile h5 {font-weight: bold;}

.content5 .right {}
	.content5 .ot_study_goal {float: left; overflow-y: auto; height: 173px;}
	.content5 .ot_c_list {color: #555; float: left; display: block; color: black; font-size: 15px; overflow-y: auto;}


/*-----page common-----*/
.c_bt {clear: both; text-align: left;}
.pink_bt {display: inline-block; font-size: 17px; line-height: 100%;}
.blue_bt {display: inline-block; font-size: 17px; line-height: 100%;}


/*----------------------------- pg1 -----------------------------*/
.content1 .c_title {display: table; font-weight: bold;}
.content1 .c_number, .content1 .c_list {float: left;}
.content1 .c_bt {/* display: block; clear: both; */}


.profile_map{padding-top:30px;}
.profile_00{font-size: 25px; font-weight: bold; position: relative; left: 50px; top: -20px;}

#profile01{position: relative; left: 56px; font-weight: bold;}
.profile02{float: left; background: #fff; font-size: 13px; width: 295px; height: 180px; padding: 10px; border-top: 2px solid #71a4cc; border-left: 2px solid #71a4cc;border-bottom: 2px solid #71a4cc;}
.profile02 li{position: relative; top: -25px; left: 5px;}
.profile03{float: left; background: #fff; font-size: 13px; width: 295px; height: 180px; padding: 10px; border: 2px solid #71a4cc;}
.profile03 li{position: relative; top: -25px; left: 5px;}

.seamo{width:100%; height:0; border-bottom: 50px solid transparent; border-left: 50px solid #c2def4; position: relative; top: -10px; left: -10px;}
.seamof{position: relative; left: -48px; top: 5px; font-weight: bold;}

.bt1{position: relative; top:-62px; left: 25px; color: #fff; font-size: 32px;}

.bt_txt1{font-size:40px; color:gray; font-weight: bold;}
.bt_txt1:hover{font-size:40px; color:black; font-weight: bold;}

.bt_txt1_01{position: relative; top: -68px; left: 110px;}

.bt_txt1 .bt01{background:url(../img/start_btn_normal.png) no-repeat; width:402px; height:78px;}
.bt_txt1 .bt01:hover{background:url(../img/start_btn_click.png) no-repeat; width:402px; height:78px;}
.bt_txt1 .bt02{background:url(../img/start_btn_normal01.png) no-repeat; width:30px; height:38px; position: relative; left: 70px; top: -2px;}
.bt_txt1 .bt02:hover{background:url(../img/start_btn_click01.png) no-repeat; width:30px; height:38px; position: relative; left: 70px; top: -2px;}



/*----------------------------- pg2 -----------------------------*/
.content2 .left {}
.content2 .profile_mv {float: left; width: 100%;}
.content2 .teName {display: inline-block; float: left; width: 100%; height: 23px; padding: 0 10px 2px 10px; margin: 3px 0; text-align: center; font-weight: bold;}
.content2 .teName span {}
.content2 .profile {float: left; overflow-y: auto;}
.content2 .profile h5 {font-weight: bold;}

.content2 .right {}
.content2 .study_goal,.content2 .study_goall,.content2 .study_con {float: left; overflow: hidden;}
.content2 .study_goal {height: 173px;}
.content2 .study_con {height: 247px; margin-top: 10px;}
	.content2 .c_title, .content2 .c_title2 {display: table; font-weight: bold;}
	.content2 .c_list, .content2 .c_list2 {color: #555; float: left;}


/*----------------------------- pg2_1 -----------------------------*/


/*----------------------------- pg3 -----------------------------*/
.bt_save {width: 958px; height: 37px;}
.content3 .c_title {display: block; margin-bottom: 5px; font-size: 23px; font-weight: bold; }
.content3 .c_list {display: block; float: left; height: 45px; color: rgba(95, 57, 105, 1); font-size: 15px; overflow-y: auto;}
.content3 .c_iframe {width: 100%; height: 148px; padding: 0.3% 2%; margin: 18px 0px 22px 0px; background-color: #fff; line-height: 30px; font-size: 15px;}

.c_iframe {	overflow-y: auto; float: left; height: 300px; padding: 0.5% 2%;	margin: 10px 0 15px 0px; color: #555;line-height: 32px;	opacity: 1;	z-index: 0;}
.c_iframe_bg { position: absolute; left: 0; overflow-y: auto; height: 302.5px; background-color: #fff; opacity:.5; z-index: -5;}


/*----------------------------- pg4 -----------------------------*/


/*----------------------------- pg5 -----------------------------*/
.content5 .left {}
	.content5 .profile_mv video{float: left; width: 100%;}
	.content5 .teName {display: inline-block; float: left; width: 100%; height: 38px; padding: 10px; margin: 4px 0; background-color: #ffffff; text-align: center; font-weight: bold;}
	.content5 .teName span {}
	.content5 .profile {float: left; overflow-y: auto;}
	.content5 .profile h5 {font-weight: bold;}

.content5 .right {}
	.content5 .study_goal,.content5 .study_goall, .content5 .study_con {float: left; overflow-y: auto;}
	.content5 .study_goal {height: 173px;}
	.content5 .study_con {height: 247px; margin-top: 10px;}
	.content5 .c_title, .content5 .c_title2 {display: table; font-weight: bold;}
	.content5 .c_list, .content5 .c_list2 {color: #000000; float: left;}

.content5 .c_list_tip {display:block; float:left; width: 100%; margin-bottom: 1%; font-size: 13px; font-weight: bold; overflow-y: auto;}
.content5 .c_title {display: block; margin-bottom: 5px; font-size: 23px; font-weight: bold;}
.content5 .c_list {display: block; float: left; /*height: 45px;*/ color: black; font-size: 15px; overflow-y: auto;}
.content5 .c_iframe {width: 100%; height: 148px; padding: 0.3% 2%; margin: 18px 0px 22px 0px; background-color: #fff; line-height: 30px; font-size: 15px;}


/*----------------------------- pg5_1 -----------------------------*/
.content5_1 .c_list_tip {display:block; float:left; width: 100%; margin-bottom: 1%; font-size: 13px; font-weight: bold; overflow-y: auto;}
.content5_1 .c_title {display: block; margin-bottom: 5px; font-size: 23px; font-weight: bold;}
.content5_1 .c_list {display: block; float: left; height: 45px; color: rgba(95, 57, 105, 1); font-size: 15px; overflow-y: auto;}
.content5_1 .c_iframe {width: 100%; height: 150px; padding: 0.3% 2%; /* margin: 20px 0px 22px 0px; */ background-color: #fff; line-height: 30px; font-size: 15px;}


/*----------------------------- pg6 -----------------------------*/
.content6 .c_title {float: left;}
.content6 .c_list_tip_t3 {padding: 0; margin-top: 15px; float:left;	display:block;}

.content6 .c_title { display: block; margin-bottom: 5px; font-size: 23px; font-weight: bold; }
.content6 > div, .quiz1 > div, .quiz2 > div, .quiz3 > div, .result > div {float: left;}
	.quiz1, .quiz2, .quiz3 {}
	.content6_tit {width: 100%; border-bottom: 1px solid #98bccf;}
	.content6 .c_list_tip_t3 {margin-left: 1%;}
	.content6 .bullet {display: block; float: left; text-align: center;}
	.content6_q {width: 100%; height: 603px; float: left;}
	.q1 {display: block; margin: 3px 0 10px 20px; color: #555;}
	.q1_ex {height: 100%; margin: 10px 0; /* padding: 7px 10px; */ font-size: 14px;}
	.qna_a {display: block; float: left; padding: 5px 10px; color: #555; background-color: #fff; border: 1px solid #bcbcbc; border-radius: 3px; -webkit-transition: box-shadow .2s; transition: box-shadow .2s;}
	.green_bt {float: left;}
	.q1_ex {width: 100%; background-color: #ffffff; opacity: 0.9;}
	.content6_a {display: none; width: 100%;}
	.txt_a1 {margin-right: 2%; color: #ffffff; font-weight: bold; }
	.txt_a2 {display: block; font-weight: bold;}
	.content6 .c_list {display: block; padding: 17px 10px; margin: 10px 0; border: 2px solid #2348b1; background-color: #fafafa; color: #ffffff; overflow-y: auto;margin-top:200px;}
	.content6 .pink_bt, .content6 .blue_bt {float: right;}
	.content6 .blue_bt { margin-left: 4px;}
	#per1, #per2 ,#per3 {margin-top:-30px;}


/*----------------------------- pg7 -----------------------------*/
.content7 .c_title { display: block; margin-bottom: 5px; font-size: 23px; font-weight: bold; }
.content7 .c_title {float: left;}
.content7 .c_list_tip_t6 {padding: 0; margin-top: 15px; float:left;	display:block;}
.content7 .c_list_tip_t3 {padding: 0; margin-top: 15px; float:left;	display:block;}

.c_iframe2 {float: left; height: 350px; padding: 0.5% 2%; margin: 90px 0px 30px 0px; color: black; line-height: 25px; opacity: 0.9;	z-index: 0; background-color: #ffffff;  width:90%; border:2px solid #2348b1;}
.c_iframe3 {float: left; border-radius: 15px; height: 170px; padding: 0.5% 2%; margin: 5px 0px 0px 0px; color: black; line-height: 25px; opacity: 0.9; border: 2px solid #1a3b6c;	z-index: 0; background-color: #ffffff;  width:90%;}
.c_iframe4 {float: left; border-radius: 15px; height: 360px; padding: 0.5% 2%; margin: 78px 0px 0px 0px; color: black; line-height: 25px; opacity: 0.9; border: 2px solid #1a3b6c;	z-index: 0; background-color: #ffffff;  width:90%;}
.c_iframe2_bg {position: absolute; left: 0; overflow-y: auto; height: 302.5px; background-color: #fff; opacity: 0.9; z-index: -5;}


/*----------------------------- pg8 -----------------------------*/
.content8 .c_title {display: table;}
.content8 .c_number {font-weight:bold;}
.content8 .c_next {font-weight:bold;}
.content8 .c_list {display: block; font-weight: bold;}
.content_step {color: #777; -webkit-overflow-scrolling: touch;}
	.content_step .step_wrap {height: 100%;}
	.step_wrap .step, .step_num, .step_list {float: left;}
	.step_list .active {color: white !important;}
	.step_list .next {border-bottom: 1px solid #1653a2; color: #1653a2 !important;}

/*----------------------------- pg9 -----------------------------*/


/*----------------------------- pg10 -----------------------------*/


/*------- VIDEO -------*/

	.audiojs { margin: 15px 0px 20px;background: transparent; box-shadow: none; }
	.audiojs div { display: none; }


/*===========================================================================================================================================================*/
/*===========================================================================================================================================================*/

@media (max-width: 240px) {
	.c_iframe_bg {top: 38px !important;}
	.c_iframe2_bg {top: 38px !important;}

	.content7 .c_list_tip_t3 {display: none;  visibility: hidden;}	
	.submenu_posin_wrap {display: none;  visibility: hidden;}
}

/*===========================================================================================================================================================*/
/*===========================================================================================================================================================*/

@media (max-width: 568px){
	.bottom {display: none !important;}
	.bottom_xs {display: block !important; width: 100%;}

 	.submenu_posin_wrap {display: none;  visibility: hidden;}

   

		/*pg1*/
		.pg1_bg {}

		/*pg2*/
		.pg2_bg {}

		/*pg3*/
		.pg3_bg {}
		.z_img{position: relative; top: 58px; left: 100px;}

		/*pg4*/
		.pg4_bg {}
		.c_list04{position: relative; top:92px; color:darkcyan; background-color: #ffffff; opacity:0.9; padding: 20px; width: 100%; height: 150px; overflow-y: auto; }

		/*pg5*/
		.pg5_bg {}
		.p_box{position: relative; top:50px;}
		.p_box video{width: 100%;/* margin-bottom: 150px;*/}

		/*pg6*/
		.pg6_bg {}
		.content6 {margin-top:-110px;/* margin-top: 44px 0px 0px 28px;*/width:90%;}
		.quiz1, .quiz2, .quiz3 {width: 100%;margin-top:-100px;}
			.content6_tit {height: 40px;}
			.content6 .bullet {font-size: 20px;}
			.content6_q {/*margin: -300px -94px 0px 45px;*/}
			.q1 {margin: 3px 0 10px 30px; font-size: 15px; overflow-y: auto; height: 45px; }
			.q1_ex {height: 200px; /*margin: 46px 0;*/ padding: 7px 10px; font-size: 15px; width: 100%; overflow-y: auto; border: 2px solid #2348b1;}
			.qna_a {width: 71.33%; padding: 3px 5px; height: 30px font-size: 15px;}
			.content6_a {margin-top: 20px;}
			.txt_a1 {float:left;font-size: 15px;}
			.txt_a2 {font-size: 16px; overflow-y: auto; height:40px;line-height:20px; }
			.content6 .c_list {width: 730px; height: 100px; font-size: 15px; line-height: 25px;}
			.content6 .c_list_tip_t3 {font-size: 12px;}
			.content6 .result {height:320px; width: 90%;}


		.content6_m {margin-top:-120px; width: 100%;}
			.m_title {margin: 50px 0 35px 0; font-size:20px; color:#093475;}
			.m_list {height: 250px; width: 100%;  background-color: #ffffff; opacity: 0.9; padding: 10px; border: 2px solid #2348b1;}
			.m_list .box {width: 100%; height: 50px; margin-left: 35px; font-size: 100px;}

		.m_list .bullet {width: 27px; height: 31px; background-size: 100% auto; font-size: 20px;}

		.content6_b {height: 100px; width: 100%;}
			.b_title {position:absolute;top:250px;left:0px;font-size: 14px;color:#093475;}
			.m_list .bullet {margin: -2.5% 0 0 -2%;}

		.content6_m {}
			.m_title {margin: 8% 0 5% 0; font-size: 15px;}
			.m_list .box {width: 90%; height: 80px; margin-left: 4%; font-size: 35px;}
			.m_list .bullet {}



		/*pg7*/
		.pg7_bg {}
		.content7 .c_title {margin-bottom: 0px !important;}
		.content7 .c_list_tip_t3 {width: 100%; margin-top: 0;}
		.c_iframe2_bg {top: 53px;}

		/*pg8*/
		.pg8_bg {}

		/*pg9*/
		.pg9_bg {}

		/*pg10*/
		.pg10_bg {}
}

/*===========================================================================================================================================================*/
/*===========================================================================================================================================================*/

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

	

	/*pg1*/
	.pg1_bg {}

	/*pg2*/
	.pg2_bg {}

	/*pg3*/
	.pg3_bg {}
	.z_img{position: relative; top: 58px; left: 100px;}

	/*pg4*/
	.pg4_bg {}

	/*pg5*/
	.pg5_bg {}
	.p_box{position: relative; top:60px;}
		.p_box video{width: 100%;/* margin-bottom: 70px;*/}

	/*pg6*/
	.pg6_bg {}
		.content6 {margin-top: 60px;/* margin-top: 44px 0px 0px 28px;*/}
		.quiz1, .quiz2, .quiz3 {width: 100%;margin-top:-100px;}
			.content6_tit {height: 40px;}
			.content6 .bullet {font-size: 20px;}
			.content6_q {/*margin: -300px -94px 0px 45px;*/}
			.q1 {margin: 3px 0 10px 30px; font-size: 15px; overflow-y: auto; height: 45px; }
			.q1_ex {height: 200px; /*margin: 46px 0;*/ padding: 7px 10px; font-size: 15px; width: 100%; overflow-y: auto; border: 2px solid #2348b1;}
			.qna_a {width: 500px; padding: 5px 10px; font-size: 15px;}
			.content6_a {margin-top: 20px;}
			.txt_a1 {float:left;font-size: 15px;}
			.txt_a2 {font-size: 16px; overflow-y: auto; height:40px;line-height:20px; }
			.content6 .c_list {width: 100%; height: 100px; font-size: 15px; line-height: 25px;}
			.content6 .c_list_tip_t3 {font-size: 12px;}

		.content6_m {margin-top:-150px;}
			.m_title {margin: 40px 0 10px 0; font-size:20px; color:#093475;}
			.m_list {height: 300px; width: 150%;  background-color: #ffffff; opacity: 0.9; border: 2px solid #2348b1;}
			.m_list .box {width: 90%; height: 100px; margin-left: 6%; font-size: 35px; padding: 10px;}
			.m_list .bullet {width: 27px; height: 25px; background-size: 100% auto; font-size: 20px;}

	.content6_b {}
		.b_title {position:absolute; top:260px; left: 0px; color:#093475;}
		.bt_deco19{margin-top:150px;margin-left:200px;}

	/*pg7*/
	.pg7_bg {}
	.content7 .c_list_tip_t3 {margin-top: 10px; padding-left: 5px;}
	.c_iframe2_bg {top: 42px;}
	.content7 ul li{list-style-type:disc; margin-left:30px;}
	.content7 ol li{list-style-type:lower-alpha; margin-left:30px;}

	/*pg8*/
	.pg8_bg {}

	/*pg9*/
	.pg9_bg {}

	/*pg10*/
	.pg10_bg {}
}

/*===========================================================================================================================================================*/
/*===========================================================================================================================================================*/

@media (min-width: 768px){
    .body_wrap {border: 1px solid #c5c5c5; z-index: 1100;height:743px;}
	.top_center_wrap {}
	.middle {height: 646px;}
	.middle3 {height: auto;}

	.conent_wrap {}
	.submenu ul li {font-size: 13px;}
	.modal {padding-top: 150px !important;}
	.modal-body {height: 410px !important; overflow-y: auto;  -webkit-overflow-scrolling: touch;}
	.m_iframe {height: 300px;}
	.info_wrap {top: -130px; left: -105px; width: 750px; height: 720px;}
	.info_close {position: absolute; width: 70px; height: 35px; margin: 340px 0 0 445px; background-color: #333 !important; font-size: 17px !important;}
	.c_world{position: relative; top: -350px; left:45px; line-height: 25px; color:rgba(76, 76, 124, 1);}


		/*pg1*/
		.content1 .c_title {margin-bottom: 8px; font-size: 48px;}
		.content1 .c_number {font-size:35px; font-weight:bold;}
		.content1 .c_list {font-size:18px;}
		.content1 .c_list .active {font-size: 25px;}
		.content1 .c_list ul {padding-left: 10px; line-height: 200%;}
		.content1 .c_bt {/*margin-top: 74px;*/}
		.start_bt {/*font-size: 25px; margin:-20px 10px 60px -80px; line-height: 100%;*/}

		/*pg2*/
		.pg2_bg {}

		/*pg3*/
		.pg3_bg {}
		.content3 .c_title {padding: 0 5px;}
		.content3 .c_list {padding: 0 5px; font-size: 15px;}
		.content3 .c_iframe {width: 100%; background-position: 0 0; background-repeat: no-repeat; font-size: 15px; line-height: 32px;}

		/*pg4*/
		.pg4_bg {}

		/*pg5*/
		.content5 .c_title {padding: 0 5px;}
		.content5 .c_list_tip {padding: 0 5px; height: 45px;}
		.content5 .c_list {padding: 5px; font-size: 15px;}
		.content5 .c_iframe {width: 100%; background-position: 0 0; background-repeat: no-repeat; font-size: 15px; line-height: 32px;}

		.content5_1 .c_title {padding: 0 5px;}
		.content5_1 .c_list_tip {padding: 0 5px;}
		.content5_1 .c_list {padding: 0 5px; font-size: 15px;}
		.content5_1 .c_iframe {width: 92.5%; background-position: 0 0; background-repeat: no-repeat; font-size: 15px; line-height: 32px;}

		.tip_arrow {position: fixed; width: 0; height: 0; margin-left: 15%; border-width: 9px; border-style: solid;}
		.save_tip {display: inline-block; padding: 5px 7px 7px; margin: 15px 0 0 -130px; font-size: 12px;}

		.c_box08{position: relative; left:80px; top:100px; color:#ffffff; width: 50%;}
		.c_box09{position: relative; left:150px; top:140px; color:#ffffff;}
		.p_box{position: relative; top:70px;}
		.p_box video{width: 100%;}

		.z_box{position: relative; top:16px; left:-24px;}
		.z_box img{position: relative;top: 75px;}



		/*pg6*/
		.pg6_bg {}
		.content6 {margin-top: 60px;/* margin-top: 44px 0px 0px 28px;*/}
		.quiz1, .quiz2, .quiz3 {}
			.content6_tit {height: 40px;}
			.content6 .bullet {font-size: 20px;}
			.content6_q {/*margin: -300px -94px 0px 45px;*/}
			.q1 {margin: 3px 0 10px 30px; font-size: 15px; overflow-y: auto; height: 50px; }
			.q1_ex {height: 120px;  width:800px; overflow-y: auto; margin: 60px 0; padding: 17px 10px; font-size: 18px; border: 2px solid #2348b1;}
			.qna_a {padding: 5px 10px; font-size: 15px;}
			.content6_a {margin-top: 20px;}
			.txt_a1 {float:left;font-size: 15px;}
			.txt_a2 {font-size: 16px; overflow-y: auto; height:40px;line-height:16px; }
			.content6 .c_list {width: 640px; height: 180px; font-size: 18px; line-height: 25px; margin-top:40px;}
			.bt_deco8 , .bt_deco9{margin-top:150px;margin-left:30px;}
			.content6_b .b_title {margin-top:-50px;margin-left:30px;padding:20px 20px;}	 
			.content6 .c_list_tip_t3 {font-size: 12px;}

		.content6_m {margin-top:170px;}
			.m_title {margin: -110px 0 35px 0; font-size:20px; color:#0a5b61;}
			.m_list {height: 200px; width: 750px; background-color: #ffffff; opacity: 0.9;margin-top:-20px; border: 2px solid #2348b1;}
			.m_list .box {width: 90%; height: 100px; font-size: 35px; padding: 20px; margin-left: 20px;}
			.m_list .bullet { width: 23px; height: 25px; background-size: 100% auto; font-size: 15px;}

		.content6_b {}
			.b_title {margin: 20px 0;color:#053354;}
		

		/*pg7*/
		.pg7_bg {}
		.content7 .c_title {padding: 0 5px;}		
		.content7 .c_list {padding: 0 5px; font-size: 15px;}
		.content7 .c_list_tip_t3 {padding: 0 5px; font-size: 12px;}
		.content7 .c_iframe2 {width: 100%; background-position: 0 0; background-repeat: no-repeat; font-size: 15px; line-height: 32px; background-color: #ffffff; opacity: 0.9; border:2px solid #2348b1;}


		/*pg8*/
		.pg8_bg {}
		.content8 {padding: 0; margin-top: 80px;}
		.content8 .c_title {margin-bottom: 20px; font-size:25px;}
		.content8 .c_number {padding: 0 30px; font-size: 22px;}
		.content8 .c_next {font-size: 35px;}
		.content8 .c_list {margin: 0 30px; font-size: 35px;}
		.content8 .c_bt {position: relative; left: 250px; top: -10px; display: inline; float: left;}
		.content8 .c_bt02 {position: relative; left: 220px; top: -50px; display: inline; float: left;}
		.close_bt {font-size: 16px; line-height: 100%;}

		.content_step {height: 140px; padding: 20px 0px; margin: 60px 20px 30px 20px; overflow-y: hidden; overflow-x: scroll; font-size: 15px; line-height: 25px;}
			.content_step .step_wrap {width: 4130px; height: 100%;}
			.step {height: 80px;}
			.step_num {margin: 0 10px 0 15px; font-size: 25px;}
			.step_list ul {padding-right: 30px; border-right: 1px solid #e6e6e6;}


		/*pg9*/
		.pg9_bg {}

		/*pg10*/
		.pg10_bg {}
}

/*===========================================================================================================================================================*/
/*===========================================================================================================================================================*/

@media (max-width: 767px){ 
	.container {width: 100%;}
	.body_wrap {border: none !important;}
	.top_bg {height: 60px;}
	.top_left_wrap {/*margin: 9px 0 7px 15px;*/}
	.top_center_wrap {float:right; margin: -11px 22px 0 0;}
	.top_right_wrap {margin-right: 0;}
	.top_small_title {font-size: 12px;}
	.top_big_title {font-size: 15px;}
	.subject_name {font-size: 15px;}
	.submenu_posin_wrap{display: block; position: absolute; z-index: 999;}
	.submenu_wrap {width: 100%; height: 100%; text-align: center;}
	.submenu_wrap li {display: block;}
	.submenu ul {width: 100%; height: 100%;}
	.submenu li {padding-left: 5px; font-size: 12px;}

	.submenu_top ul li{display: none;}
	.submenu_bottom ul li{display: none;}

	.z_box img{overflow: hidden; background-color: #8eceea;}
	.z_box{background: url(img/03page_box_m.png) no-repeat;}

	.c_box img{overflow: hidden; background-color: #8eceea;}


	.middle, .middle2 {height: auto;}
	.conent_wrap {margin-bottom: auto;}
	.bottom {position: relative;}
	.form-control {height: 26px !important; font-size: 12px !important;}
	.modal {overflow-y: auto; -webkit-overflow-scrolling: touch;}
	.modal-title {font-size: 15px;}
	.modal-body {min-height: 320px; font-size: 13px;}
	.info_img {position: absolute; width: 250px; height: 340px; background-position: 0 0; background-image:url('../img/info_xs.png'); background-repeat: no-repeat;}
	.info_close { position: absolute; width: 75px; height: 30px; padding-left: 10px !important; margin-top: 302px; z-index: 200; background-color: #333 !important; font-size: 15px !important;}
	.bottom_center_wrap2 {float: left; width: 240px;}
	.w230 {float: left; width: 250px !important;}

	/*----- 모바일사이즈도 수정 next button -----*/
	.bottom_right_wrap2 {display: block; /*margin: -70px auto; border:1px solid; */position: relative; top:-48px; background-color:#c2e8fb;}
	.bottom_right_wrap2_ot {display: block;position: relative; top:-30px; background-color:#c2e8fb;}
	.bottom_right_wrap2_2 {display: block;position: relative; top:-30px; background-color:#c2e8fb;}
	.bottom_right_wrap2_3 {display: block;position: relative; top:-10px; background-color:#c2e8fb;}
	.bottom_right_wrap2_4 {display: block; /*margin: -70px auto; border:1px solid; */position: relative; top:-10px; background-color:#c2e8fb;}
	.bottom_right_wrap2_5 {display: block;position: relative; top:-10px; background-color:#c2e8fb;}
	.bottom_right_wrap2_7 {display: block;position: relative; top:-10px; background-color:#c2e8fb;}
	.bottom_right_wrap2_8 {display: block;position: relative; top:-10px; background-color:#c2e8fb;}
	.bottom_right_wrap2_9 {display: block;position: relative; top:-10px; background-color:#c2e8fb;}
	.bottom_right_wrap2_10{display: block;position: relative; top:-10px; background-color:#c2e8fb;}
	/*
	.bottom_right_wrap {float: right; margin: -73px -60px 0px 0px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_02 {float: right; margin: -94px -60px 0px 0px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_03 {float: right; margin:  21px -60px 0px 0px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_04 {float: right; margin: -73px -60px 0px 0px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_05 {float: right; margin: -75px -60px 0px 0px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_07 {float:left; margin: 0px  0px 0px 0px; background: url('../img/bt_bg.png') no-repeat; height: 79px;width:210px;}
	.bottom_right_wrap_08 {float: right; margin: -90px -80px 0px 0px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_09 {float: right; margin: -90px -60px 0px 0px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_10 {float: right; margin: -102px -85px 0px 0px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_ot {float: right; margin:  31px -50px 0px 0px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	*/

		/*OT*/
		.content5 .ot_c_list{font-size: 14px;}

		.content5 .left {padding: 0 5%}
			.ot_profile_mv {width: 100%;}
			.ot_profile {width: 100%; height: 150px; background-color: #ffffff; opacity: 0.9; padding: 20px; margin-top: 35px;}
			.ot_profile p {font-size: 13px;}

		.content5 .right {padding: 5%;}
			.ot_study_goal {float: left; width: 100%; height: 150px; padding: 10px; overflow-y: auto; margin-bottom: 20px; background-color: #ffffff; opacity: 0.9; line-height: 22px}
			.content5 .ot_c_list ul {height: 70px;}

		/*pg1*/
		.content1 {/*margin-top: 70px;*/}
		.content1 .c_title {margin-bottom: 15px; border-bottom: none !important; font-size: 27px; line-height: 120%;}
		.content1 .c_number {font-size: 15px;}
		.content1 .c_list {font-size: 12px;}
		.content1 .c_list .active {margin-bottom: 3px; font-size:15px;}
		.content1 .c_list ul {padding-left: 10px; line-height: 21px;}
		.content1 .c_bt {display: block; /*margin-top:200px; */text-align: left;}
		.start_bt {display: inline-block; /*margin-bottom: 21%;*/ font-size: 16px; line-height: 100%;}

		.c_list01{color:#0f5f42; font-weight: bold; text-indent: 4px;}

		/*pg2*/
		.pg2_bg {}
		.content2 {padding: 0; margin-top: 20px;}
		.content2 .left {padding: 0 5%}
		.content2 .profile_mv {width: 100%;}
		.content2 .profile {width: 100%; height: 150px;}
		.content2 .profile p {font-size: 13px;}

		.content2 .right {padding-top: 30px; padding-left: 80px;}
		.content2 .study_goal {float: left; width: 100%; height: 100%; overflow-y: auto; margin-bottom: 20px;}
		.content2 .study_goall {float: left; width: 100%; height: 100%; overflow-y: auto; margin-bottom: 20px;}
		.content2 .study_con {float: left; width: 100%; height: 100%; overflow-y: auto;}
			.content2 .c_title {font-size: 15px;}
			.content2 .c_title2 {font-size: 15px;}
			.content2 .c_list2 {width: 100%; height:130px; margin-top: 4%; padding: 10px 15px 0 15px; font-size: 13px; line-height: 20px; overflow-y: auto; background-color: #ffffff; opacity: 0.9;}
			.content2 .c_list2 ul {height: 70px;}		

		/*pg3*/
		.pg3_bg {width: 960px; height: 743px;}

		.content3 {/*padding: 0; margin-top: 4%;*/}
		.content3 .c_title {font-size: 20px;}
		.content3 .c_list {font-size: 14px;}
		.content3 .c_iframe {width: 100%; height: 190px; background-color: #fff; font-size: 14px; line-height: 29px;}


		/*pg4*/
		.pg4_bg{}
		.c_box img{position: relative; left: 55px; top: 50px; }		
		.c_list04{position: relative; top:72px; color:#000000; background-color: #ffffff; opacity:0.9; padding: 20px; width: 100%; height: 150px; overflow-y: auto; border: 2px solid #2348b1;}
		.think_text{color:#ffffff; position: relative; top: -55px; left: 25px; padding: 20px; width: 90%; background-color: #8eceea;}
		.content4 #MY_VIDEO_1 {position:relative;top:-60px;width:100%;}
		

		/*pg5*/
		.pg5_bg {width: 960px; height: 743px;}

		.content5 {padding: 0; margin-top: 4%;}
		.content5 .c_list_tip {height: 42px;}
		.content5 .c_bt a {margin-bottom: 7px;}
		.content5 .c_title {font-size: 20px;}
		.content5 .c_iframe {width: 100%; font-size: 14px; line-height: 29px;}
		.content5 .c_iframe {height: 190px; background-color: #fff;}
		.content5 .c_list{font-size: 14px;}

		.content5_1 {padding: 0; margin-top: 2%;}
		.content5_1 .c_list_tip {height: 42px;}
		.content5_1 .c_bt a {margin-bottom:7px; margin-top: 7px;top:-10px;height:44px;}
		.content5_1 .c_title {font-size: 20px;}
		.content5_1 .c_iframe {width: 100%; font-size: 14px; line-height: 10px;}
		.content5_1 .c_iframe {height: 100px; background-color: #fff;}
		.content5_1 .c_list{font-size: 14px;}

		.content5 {padding: 0; margin-top: 20px;}
		.content5 .left {padding: 0 5%}
			.profile_mv {width: 100%;}
			.profile {width: 100%; height: 150px; background-color: #ffffff; opacity: 0.9; padding: 20px; margin-top: 30px; border: 2px solid #2348b1;}
			.profile p {font-size: 13px;}

		.content5 .right {padding: 5%;}
			.study_goall {float: left; width: 100%; height: 150px; padding: 10px; overflow-y: auto; margin-bottom: 20px; background-color: #ffffff; opacity: 0.9; line-height: 22px}
			.study_goal {float: left; width: 100%; height: 150px; padding: 10px; overflow-y: auto; margin-bottom: 20px; background-color: #ffffff; opacity: 0.9; line-height: 22px; border: 2px solid #2348b1;}
			.study_con {float: left; width: 100%; height: 150px; padding: 10px; overflow-y: auto; background-color: #ffffff; opacity: 0.9; border: 2px solid #2348b1;}
			.content5 .c_title {font-size: 18px;}
			.content5 .c_title2 {font-size: 18px;}
			.content5 .c_list2 {width: 100%; margin-top: 1%; line-height: 22px;}
			.content5 .c_list ul {height: 70px;}
			.content5 .c_list2 ul {height: 70px;}
		

		/*pg6*/
		.pg6_bg {}
		.content6 {padding: 0; margin-top: 110px; margin-bottom: 60px;}
		.content6 .c_title {font-size: 20px;}
		.content6 .c_list {font-size: 14px;}

		.quiz1, .quiz2, .quiz3 {width: 90%;}
			.content6_tit {height: 33px;}
			.content6 .bullet {width: 27px; height: 31px; font-size: 18px; background-size: 90%;}
			.content6_q {margin-top: -30px;}
			.q1 {margin: 3px 0 10px 25px; font-size: 14px;}
			.qna_a {width: 53%; height: 30px; padding: 3px 5px; font-size: 14px;}
			.content6_q .green_bt {margin-top: 10px;}
			.txt_a1 {font-size: 15px;}
			.txt_a2 {font-size: 18px;}
			.content6 .c_list {width: 100%; position: relative; top: 0px; height: 200px; padding: 7px 10px; margin: 10px 0; font-size: 14px; line-height: 23px;}
			.content6_a {margin-top: 3%;}
			.bt_deco8 , .bt_deco9{margin-top:150px;margin-left:30px;}
              #per1, #per2 ,#per3 {margin-top:10px;width:120%;}
		.m_list .bullet { width: 23px; height: 27px; background-size: 100% auto; font-size: 15px;}
		.content6 .blue_bt {margin-bottom: 7px;}
		

		/*pg7*/
		.pg7_bg {width: 960px; height:763px;}
		.content7 {/*padding: 0; margin-top: 50px;*/}
		.content7 .c_list_tip_t3 {font-size: 11px;}
		.content7 .c_title {font-size: 20px;}
		.content7 .c_list {font-size: 14px;}
		.content7 .c_iframe2 {width: 100%; font-size: 14px; line-height: 29px;}
		.c_iframe2_bg {left: 0px; width: 100.2%; height: 272px;}

		.c_box07 img{margin-top: 20px; margin-left: 60px; background-color: #8eceea;}
		.c_list07{padding: 20px; color:#000000; background-color: #ffffff; opacity:0.9; width: 100%; height: 100px; overflow-y: auto; border: 2px solid #2348b1;}

		/*pg8*/
		.content8 {padding: 0; margin-top: 30px;}
		.content8 .c_title {margin-bottom: 10px; font-size: 15px;}
		.content8 .c_number {padding-left: 10px; margin-bottom: -5px; font-size: 15px;}
		.content8 .c_next {padding-left: 10px; margin-bottom: -5px; font-size: 15px;}
		.content8 .c_list {margin-top: 2px; padding-left: 10px; font-size: 27px;}
		.content8 .c_bt {margin: 25px 0 8px 0;}
		.content8 .c_bt {position: relative; left: 220px; top: -44px; display: inline; float: left;}
		.content8 .c_bt02 {position: relative; left: 50px; top: -5px; display: inline; float: left;}
		.close_bt {display: inline-block; margin-bottom: 2%; font-size: 16px; line-height: 100%;}

		.content_step {height: 230px; padding: 0px; margin: 8% 5% 0 5%; overflow-x: hidden; overflow-y: scroll; font-size: 12px; line-height: 20px;}
			.content_step .step_wrap {width: 100%; height: 100%;}
			.content_step .step {width: 100%; padding: 10px 0; border-bottom: 1px solid #e6e6e6;}
			.step_num {width: 100%; margin-bottom: 5px; font-size: 20px;}

		.c_box08{position: relative; left:20px; top:30px; color:#ffffff; width: 80%; background-color: #8eceea;}

		/*pg9*/
		.c_box09{position: relative; left:80px; top:40px; color:#ffffff; background-color: #8eceea; width: 100px;}	

		/*pg10*/
		.c_list10{color:#0f5f42; font-size: 30px; padding-left: 20px;}	
		.content8 .c_next{ font-size: 30px;}

}

/*===========================================================================================================================================================*/
/*===========================================================================================================================================================*/

@media (min-width: 768px) and (max-width: 991px){
    .body_wrap {border: 1px solid #c5c5c5; z-index: 1100;height:743px;}
	.container {width: 768px;}
	.top_small_title {font-size: 15px;}
	.submenu_posin_wrap {width: 766px;}
	.middle2 {height:auto;}
	.middle3 {height: 646px;}
	.info_img {width: 960px; height: 720px; background: url('../img/info_sm.png') no-repeat center 0;}

	.submenu_top ul li{position: relative; left: -100px; }
	.submenu_bottom ul li{position: relative; left: -10px;}

		/*----- footer -----*/
	.bottom_left_wrap {}
	.bottom_center_wrap {margin: 23px 0 13.5px -10px;}
	.line {float: left;}
	.serch_bt_mg {margin-left: -5px;}
	.w230 {float: left; width: 190px !important;}

    	/*----- next button -----*/
	.bottom_right_wrap {float: right; margin: -73px -10px 0px -20px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_02 {float: right; margin: 32px -10px 0px -20px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_03 {float: right; margin: -95px -10px 0px -20px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_04 {float: right; margin: -75px -10px 0px -20px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_05 {float: right; margin: 52px -10px 0px -20px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_07 {float: right ;margin: -75px -10px 0px -20px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_08 {float: right; margin: -75px -10px 0px -20px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_09 {float: right; margin: -75px -10px 0px -20px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_10 {float: right; margin: -75px -37px 0px -10px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
	.bottom_right_wrap_ot {float: right; margin:  52px -5px 0px -10px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}

		.num, .cur_pg, .all_pg, .left_arrow, .right_arrow {display: inline-block; position: relative;}
		.num {font-size: 40px;}
		.cur_pg {margin-left: 2px;}
		.cur_pg2 {margin-left: -20px;}
		.all_pg {margin-right: 7px; color: #333;}
		a.left_arrow, a.right_arrow {width: 50px; height: 50px; top: 10px; left: -10px;}


		/*common*/
		.content1 {margin-top: 370px; margin-left: 50px; width: 70%;}
		.logo {width: 190px;}

		/*OT*/
		.content5 .ot_profile {margin: 10px 10px 0 0; width: 290px; height: 227px; background-color: #ffffff; opacity: 0.9; padding: 20px;}
		.content5 .ot_profile p {font-size: 13px;}

		.content5 .ot_study_goal {width: 95%; height: 450px; background-color: #ffffff; opacity: 0.9;}
		.content5 .ot_c_list {width: 90%; line-height: 22px; margin-left: 24px;  font-size: 13px; color: #555; float: left;}
			.content5 .ot_c_list ul {width: 100%; padding: 0 10px 0 32px; line-height: 30px;}

		/*pg1*/
		.pg1_bg {}
		.c_list01{position: relative; left:5px; color:#0f5f42; font-size: 25px;}

		/*pg2*/
		.pg2_bg {}
		.content2 {padding: 0; margin-top: 40px;}
		.content2 .left {padding: 0 10px 0 20px;}
		.content2 .profile_mv {margin-left: 20px; width: 350px;}
		.content2 .teName {width: 300px; margin: 3px 0 3px 30px; }
		.content2 .profile {margin-left: 30px; width: 300px; height: 168px;}
		.content2 .profile p {font-size: 13px;}

		.content2 .right {padding-left: 90px; padding-top: 70px;}
		.content2 .study_goal {background: url('../img/study_goal01.png') no-repeat;}
		.content2 .study_con {background: url('../img/study_con01.png') no-repeat; /*position: relative; top: 30px;*/}
		.content2 .study_goal, .content2 .study_con {width: 614px; height: 150px; margin: 0 0 0 -1.5%; background-color: #ffffff; opacity: 0.9; margin-bottom: 20px;}
		.content2 .c_title, .content2 .c_title2 {margin: 5px 0 3px 0px; font-size: 15px;}
			.content2 .c_list2, .content2 .c_list2 {font-size: 13px; width: 580px; position: relative; left:18px; top:18px; height: 110px; overflow-y: auto;}
			.content2 .c_list2 ul, .content2 .c_list2 ul {width: 650px; margin-top: 5px; padding: 5px 10px; line-height: 25px; overflow-y: auto; border: 1px solid #bcbcbc; background-color: #ffffff;}
			.content2 .c_list2 ul {height: 88px;}
			.content2 .c_list2 ul {height: 138px;}

		/*pg3*/
		.pg3_bg {}
		.content3 {padding: 0; margin-top: 55px;}
		.z_box img{position: relative; left: 100px;}
		.c_iframe2{}
		
		/*pg4*/
		.pg4_bg{}
		.content4{}
		
		.c_box{position: relative; left: 150px; top: 150px; }
		.c_list{/*position: relative; top:-160px; left:-50px; */padding: 100px 70px 100px 20px; color:darkcyan; background-color: #ffffff; opacity:0.9;}		
		.think_text{color:#ffffff; position: relative; top: 105px; left: 165px;}

		.c_list04{position: relative; top:60px; left: -60px; color:#000000; background-color: #ffffff; opacity:0.9; padding: 20px; width: 500px; height: 150px; overflow-y: auto; border: 2px solid #2348b1;}

		/*pg5*/
		.pg5_bg {}
		
		.content5_1 {margin-top: 20px; margin-left: 60px;}
		.content5 {padding: 0; margin-top: 60px; }
		.content5 ol li{list-style-type:decimal; margin-left:15px;}
		.content5 ul li{list-style-type:disc; margin-left:15px;}
		.content5 .left {padding: 0 10px 0 20px; margin-top: 50px;}
		.content5 .profile {margin: 10px 10px 0 0; width: 290px; height: 168px; background-color: #ffffff; opacity: 0.9; padding: 20px; border: 2px solid #2348b1;}
		.content5 .profile p {font-size: 13px;}

		.content5 .right {/*padding-left: 150px; */padding-top: 50px;}
		.content5 .study_goal {width: 95%; height: 390px;}
		.content5 .study_con {width: 95%; height: 180px; /*margin-top: 30px;*/}
		.content5 .study_an {}
		.content5 .c_title, .content5 .c_title2 {margin: 10px 0 15px 7px; font-size: 17px;}
		.content5 .c_list, .content5 .c_list2 {width: 90%; line-height: 22px; margin-left: 24px;  font-size: 13px;}
		.content5 .c_title, .content5 .c_title2 {display: table; font-weight: bold;}
			.content5 .c_list, .content5 .c_list2 {color: #000000; float: left;}
			.content5 .c_list2 {height: 120px;}
			.content5 .c_list ul, .content5 .c_list2 ul {width: 100%; padding: 0 10px 0 32px; line-height: 30px;}
		
		/*pg6*/
		.pg6_bg {}
		

		/*pg7*/
		.pg7_bg {}
		.content7 {padding: 0; margin-top: 75px;}
		.c_iframe2_bg {top: 46px; left: 0px; width: 639px;}

		.c_box07 img{margin-top: 120px; margin-left: 130px;}
		.c_list07{padding: 20px; color:#000000; background-color: #ffffff; opacity:0.9; width: 592px; height: 100px; overflow-y: auto; border: 2px solid #2348b1;}		


		/*pg8*/
		.pg8_bg {}
		.content6 {margin-top: 10px;}
		.content6_q {width: 100%; float: left;}
		.quiz1, .quiz2, .quiz3 {width: 90%;}
		.q1_ex {height: 200px;  width:640px; overflow-y: auto; margin: 46px 0; padding: 7px 10px; font-size: 15px; border: 2px solid #2348b1;}
		.qna_a {margin-top:-30px;width:95%;}
        #per1, #per2 ,#per3 {margin-top:-28px;width:16%; margin-left: 550px;}
		.bt_icon11 {margin-top:-30px;}
		.c_list10{color:#0f5f42; font-size: 35px; position: relative; top: 5px; left: 100px; width: 80%;}
		.m_list {height: 310px; width: 600px; background-color: #ffffff; opacity: 0.9;margin-top:-20px; border: 2px solid #2348b1;}
		.bt_deco8 , .bt_deco9{margin-top:150px;margin-left:30px;}
		.content6_b .b_title {margin-top:-50px;margin-left:-10px;padding:20px 20px;}
        .c_box08{position: relative; left:65px; top:100px; color:#ffffff;}
		/*pg9*/
		.pg9_bg {}

		/*pg10*/
		.pg10_bg {}
}

/*===========================================================================================================================================================*/
/*===========================================================================================================================================================*/

@media (min-width: 992px){
	.bottom_center_wrap {margin: -70px 0 13.5px 290px;width:350px; display: none!important;}
    .body_wrap {border: 1px solid #c5c5c5; z-index: 1100;height:743px;}
	.container {width: 960px;}
	.top_small_title {font-size: 15px;}
	.submenu_posin_wrap {width: 958px;}
	.middle2 {height: 646px;}
	.info_img {width: 960px; height: 720px; background: url('../img/info_md.png') no-repeat center 0;}

		/*common*/
		.logo {width: 190px;}
		.bottom_right_wrap_ot {float: right; margin:  12px -40px 0px -10px; background: url('../img/bt_bg.png') no-repeat; height: 79px;}
		.bottom_center_wrap_ot {margin: 35px 0 13.5px 290px;width:350px;}


		/*OT*/
		.content5 .ot_profile {margin: 10px 10px 0 0; width: 368px; height: 175px; background-color: #ffffff; opacity: 0.9; padding: 20px;}
		.content5 .ot_profile p {font-size: 13px;}

		.content5 .ot_study_goal {width: 95%; height: 455px;}
			.content5 .ot_c_list {width: 90%; line-height: 22px; margin-left: 24px;  font-size: 13px;}
			.content5 .ot_c_list ul {width: 100%; padding: 0 10px 0 32px; line-height: 30px;}

		/*pg1*/
		.pg1_bg {}
		.content1 {margin-top: 70px; margin-left: -15px; width: 70%;}
		.c_list01{position: relative; left:20px; color:#4783ad; font-size: 35px; font-weight:bold;}

		/*pg2*/
		.pg2_bg {}
		.content2 {padding: 0; margin-top: 60px;}
		.content2 ol li{list-style-type:decimal; margin-left:15px;}
		.content2 ul li{list-style-type:disc; margin-left:15px;}
		.content2 .left {padding: 0 10px 0 20px;}
			.content2 .profile {margin: 0 10px 0 10px; width: 358px; height: 200px;}
			.content2 .profile p {font-size: 13px;}

		.content2 .right {padding-left: 150px; padding-top: 50px;}
			.content2 .study_goal {width: 700px; height: 150px;}
			.content2 .study_con {width: 700px; height: 150px; /*margin-top: 30px;*/}
			.content2 .study_an {}
			.content2 .c_title, .content2 .c_title2 {margin: 10px 0 15px 7px; font-size: 17px;}
			.content2 .c_list, .content2 .c_list2 {width: 650px; margin-top: 24px; margin-left: 24px; overflow-y: auto; font-size: 13px;}
			.content2 .c_list2 {height: 120px;}
			.content2 .c_list ul, .content2 .c_list2 ul {width: 100%; padding: 0 10px 0 32px; line-height: 30px;}

		/*pg3*/
		.pg3_bg {}
		.content3 {padding: 0 25px; margin-top: 55px;}
		
		/*pg4*/
		.pg4_bg {}
		.content4 {}
		.c_box{ position: relative; left:-600px; top:150px; }
		.c_list{/*position: relative; top:-140px; */color:darkcyan; background-color: #ffffff; opacity:0.9;}
		.c_list04{position: relative; top:100px; left: 650px; color:#000000; background-color: #ffffff; opacity:0.9; padding: 20px; width: 600px; height: 150px; overflow-y: auto; border: 2px solid #2348b1;}
		.think_text{color:#1a3474; position: relative; top: 150px; left: 205px;}

		/*pg5*/
		.pg5_bg {}
		.content5 {padding: 0 40px; margin-top: -210px;}
		.content5_1 {margin-top: 60px;}

		.content5 {padding: 0; margin-top: 60px;}
		.content5 ol li{list-style-type:decimal; margin-left:15px;}
		.content5 ul li{list-style-type:disc; margin-left:15px;}
		.content5 .left {padding: 0 10px 0 20px; margin-top: 50px;}
		.content5 .profile {margin: 10px 10px 0 0; width: 368px; height: 149px; background-color: #ffffff; opacity: 0.9; padding: 20px; border: 2px solid #2348b1;}
		.content5 .profile p {font-size: 13px;}

		.content5 .right {/*padding-left: 150px; */padding-top: 50px;}
		.content5 .study_goal {width: 95%; height: 430px;}
		.content5 .study_con {width: 95%; height: 200px; /*margin-top: 30px;*/}
		.content5 .study_an {}
			.content5 .c_title, .content5 .c_title2 {margin: 10px 0 15px 7px; font-size: 17px;}
			.content5 .c_list, .content5 .c_list2 {width: 90%; line-height: 22px; margin-left: 24px;  font-size: 13px;}
			.content5 .c_list2 {height: 120px;}
			.content5 .c_list ul, .content5 .c_list2 ul {width: 100%; padding: 0 10px 0 32px; line-height: 30px;}

		/*pg6*/
		.pg6_bg {}
		

		/*pg7*/
		.pg7_bg {}
		.content7 {padding: 0 25px; margin-top: 75px;}
		.content7 ul li{list-style-type:disc; margin-left:30px;}
		.c_iframe2_bg {top: 47px; left: 24px; width: 751px;}

		.c_box07 img{margin-top: 110px; margin-left: 150px;}
		.c_list07{position: relative; top:-40px; padding: 10px; color:#000000; background-color: #ffffff; opacity:0.9; overflow-y: auto; height: 120px; width: 740px; border: 2px solid #2348b1;}

				
		/*pg8*/
		.pg8_bg {}
			.content6 .c_list_bu {position: relative; top:-60px;left:625px;width:82px; }
		.content6 {margin-top: 10px; margin-left:-60px;}
		.content8 {margin-top: 130px;}
		.c_list10{color:0e6479;font-size: 30px; position: relative; top: 10px; left: 60px; width: 80%;}
	    .q1 {width: 722px; }
		.qna_a {width: 700px; margin-top:-38px;}
		.bt_icon11 {margin-top:-30px; margin-left: 110px;}
        	#per1, #per2 ,#per3 {margin-top:-36px; margin-left: 600px;}
		.content6 .c_list {position: relative; top:-10px;width:800px; }
		.m_list {height: 280px; width: 750px; background-color: #ffffff; opacity: 0.9;margin-top:-10px; border: 2px solid #2348b1;}
		.bt_deco8 , .bt_deco9{margin-top:65px;margin-left:20px;}
		.content6_b .b_title {margin-top:-50px;margin-left:30px;padding:20px 20px;}
	

		/*pg9*/
		.pg9_bg {}

		/*pg10*/
		.pg10_bg {}
}

/*===========================================================================================================================================================*/
/*===========================================================================================================================================================*/