﻿@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/* CSS Document */


body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
figure,
figcaption,
div {
	margin: 0;
	padding: 0;
	font-family: "Noto Sans KR", sans-serif;
	box-sizing: border-box;
}

hr.dot {
	height: 60px !important;
	width: 100% !important;
	visibility: visible !important;
	background: url(http://www.cookeyenglish.com/images/content/ico_dot.gif) repeat-x 0 50%;
	border: none
}

#container {
	width: 100%;
}

#content {
	background: url(http://www.cookeyenglish.com/images/sub_b.jpg) no-repeat;
	height: 190px;
}

#contents {
	width: 100%;
	float: left;
	text-align: center;
	min-height: 600px;
	letter-spacing: -0.5px;
}

#contents_in {
	width: 1300px;
	margin: 0 auto;
}

/******************************************************************* [ Page nav ] *******************************************************************/

.page_nav {
	float: left;
	width: 100%;
	height: 22px;
	border-bottom: 1px solid #e44444;
}

.page_r {
	float: right;
}

.page_t {
	width: 960px;
	background: green;
	overflow: hidden;
	margin: 0 auto;
}

.page_t li {
	display: block;
	float: left;
}

#page {
	float: left;
	width: 100%;
	height: 22px;
	border-bottom: 1px solid #71bf76;
	margin-bottom: 60px;
	display: none;
}

#page_r {
	width: 960px;
	background: green;
	margin: 0 auto;
}

#page_t {
	float: right;
	margin-top: 3px;
}

.page_txt li {
	float: left;
	font-size: 12px;
	margin-left: 10px;
}

.page_txt li img {
	padding-left: 10px;
}

.page_b {
	font-weight: 600;
	color: #e44444;
}


/* div.page_nav {width:100%; height:30px; background:url(http://www.cookeyenglish.com/images/common/bg/bg_pagenav.gif) repeat-x 0 0;  overflow:hidden; margin-bottom:60px}
div.page_nav div {width:950px; margin:auto }
div.page_nav ul {float:right; margin-right:-10px}
div.page_nav li { font:11px dotum; color:#444; float:left; height:30px; line-height:30px; padding:0 10px; border-left:1px solid #ddd}
div.page_nav li strong {color:#3369c3 !important; font-weight:normal}
div.page_nav li:first-child {background:url(http://www.cookeyenglish.com/images/common/icon/ico_home.gif) no-repeat 50% 8px; text-indent:-9999px; width:35px; padding:0}
 */



/******************************************************************* [ LNB ] *******************************************************************/

#lnb {
	margin-bottom: 100px;
}

#lnb h2.tit_lnb {
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: 35px;
	height: 58px;
	padding-top: 60px;
	text-shadow: 2px 2px 6px #9f9f9f;
}

#lnb h2.tit_lnb2 {
	color: #444;
	text-align: center;
	font-weight: normal;
	letter-spacing: -0.05em;
	font-size: 26px;
	height: 58px;
}

#lnb ul.lnb_nav {
	font-size: 17px;
	color: #fff;
	font-weight: normal;
	display: none;
	text-align: center;
	background-color: rgba(0, 149, 255, 0.5);
	margin-top: 80px;
	height: 50px;
}

#lnb ul.lnb_nav li {
	/* margin-top:1px; */
	font-weight: 400;
	line-height: 50px;
	display: inline-block;
	padding: 0 20px;
	border-right: 1px solid #fff;
	vertical-align: top;
}

#lnb ul.lnb_nav li:last-child {
	border-right: none;
}

/* #lnb ul.lnb_nav li a{display:block; width:180px; height:45px;} */
#lnb ul.lnb_nav li:first-child {
	margin-top: 0
}

#lnb ul.lnb_nav li:hover {
	background: url(http://www.cookeyenglish.com/images/sub_on.png) no-repeat center bottom;
}

#lnb ul.lnb_nav li.on {
	background: url(http://www.cookeyenglish.com/images/sub_on.png) no-repeat center bottom;
}

#lnb ul.lnb_nav .lnb_remove ul li {
	border-bottom: none;
}

/**** sub ****/

#lnb ul.lnb_sub {
	/* background-color:#4e4e50;  */
	padding: 20px 0 15px 0;
	width: 180px;
	margin-left: -20px;
	overflow: hidden
}

#lnb ul.lnb_sub li {
	border-bottom: none;
	background: url(http://www.cookeyenglish.com/images/common/icon/ico_dot_white.gif) no-repeat 20px 8px;
	padding: 0;
	min-height: 20px;
	font-size: 14px;
	padding-top: 6px;
	padding-left: 45px;
	font-weight: bold;
	color: #57534e;
}

#lnb ul.lnb_sub li:hover {
	background: white url(http://www.cookeyenglish.com/images/common/icon/ico_dot_white.gif) no-repeat 20px 8px;
	padding: 0;
	min-height: 20px;
	font-size: 14px;
	padding-top: 6px;
	padding-left: 45px;
	font-weight: bold;
	color: #a1a1a1;
}

#lnb ul.lnb_sub li.on {
	background: white url(http://www.cookeyenglish.com/images/common/icon/ico_dot_white.gif) no-repeat 20px 8px;
	padding: 0;
	min-height: 20px;
	font-size: 14px;
	padding-top: 6px;
	padding-left: 45px;
	font-weight: bold;
	color: #a1a1a1;
}

/****** 고객센터 ******/

/*.left_customer{margin-top:25px; width:178px; height:132px; text-align:center; background:url(http://www.cookeyenglish.com/images/main/left_customer.gif) no-repeat;}*/
.left_customer {
	margin-top: 10px;
	height: 150px;
	text-align: center;
	border: 3px solid #DADADA;
	background-color: #F4F4F4;
}

.left_customer .cus_ltitle {
	height: 29px;
	text-align: center;
	background-color: #DADADA;
	padding-top: 3px;
}

.left_customer .cus_ltitle_span {
	display: inline-block;
	font-weight: 600;
	color: #242424;
	font-size: 17px;
}

.left_customer .cus_l1 {
	padding-top: 10px;
	font-size: 22px;
	font-weight: 600;
	color: #db3131;
}

.left_customer .cus_l2 {
	font-size: 13px;
	padding-top: 4px;
	line-height: 18px;
}

.left_customer .cus_l2 span {
	color: #fe4545;
	font-weight: 600;
}

/* div.customer {margin-top:5px}
div.customer ul {margin-bottom:7px}
div.customer li {border:1px solid #f5f5f5; background-color:#f5f5f5; height:30px; font-family:'Malgun Gothic','맑은 고딕'; font-size:15px; color:#666; font-weight:bold;width:158px; padding:8px 10px; letter-spacing:-0.04em; line-height:16px}
div.customer li:first-child {background-color:#fff}
div.customer li span.info {font-size:11px; font-weight:normal}
div.customer li strong {color:#3369c3} */


.customer {
	display: none;
}


/* sample_class */
.sample_box1 {
	font-size: 14px;
	height: 40px;
	color: white;
	font-weight: 600;
}

.sample_box1 td {
	border-right: 1px solid white;
	text-align: center;
}

.sample_box2 {
	height: 80px;
	border: 1px solid #bbbbbb;
	border-top: none;
	color: #4d4d4d;
}

.sample_box2 td {
	border-right: 1px solid #bbbbbb;
}

.sample_box img {
	width: 84%;
	height: 66px;
}

.sc_title {
	font-size: 18px;
	font-weight: 600;
	color: #878787;
}

.sc_title span {
	font-size: 14px;
	font-weight: none;
	color: #ff4b4b;
}

/*  */







/******************************************************************* [ title ] *******************************************************************/

/* div.sub_title {width:730px; height:133px; border-bottom:1px solid #ddd; margin-bottom:40px}
div.sub1 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub1.gif) no-repeat 100% 100%; width:730px; height:133px; }
div.sub1_2 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub1_2.gif) no-repeat 100% 100%; width:730px; height:133px; } 나의 성적표
div.sub1_3 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub1_3.gif) no-repeat 100% 100%; width:730px; height:133px; } dear my teacher
div.sub1_4 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub1_4.gif) no-repeat 100% 100%; width:730px; height:133px; } 휴강신청
div.sub1_5 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub1_5.gif) no-repeat 100% 100%; width:730px; height:133px; } 영어일기
div.sub2 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub2.gif) no-repeat 100% 100%; width:730px; height:133px; }
div.sub2_1 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub2_1.gif) no-repeat 100% 100%; width:730px; height:133px; } 강사소개
div.sub3 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub3.gif) no-repeat 100% 100%; width:730px; height:133px; }
div.sub3_4 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub3_4.gif) no-repeat 100% 100%; width:730px; height:133px; } 무료레벨테스트
div.sub3_5 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub3_5.gif) no-repeat 100% 100%; width:730px; height:133px; } 교재(상품)신청
div.sub3_6 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub3_6.gif) no-repeat 100% 100%; width:730px; height:133px; } 교재배송내역
div.sub3_7 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub3_7.gif) no-repeat 100% 100%; width:730px; height:133px; } 수업일정
div.sub4 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub4.gif) no-repeat 100% 100%; width:730px; height:133px; }
div.sub5 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub5.gif) no-repeat 100% 100%; width:730px; height:133px; }
div.sub5_1 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub5_1.gif) no-repeat 100% 100%; width:730px; height:133px; } 수업후기
div.sub6 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub6.gif) no-repeat 100% 100%; width:730px; height:133px; }
div.sub6_2 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub6_2.gif) no-repeat 100% 100%; width:730px; height:133px; } 자주 묻는 질문
div.sub6_3 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub6_3.gif) no-repeat 100% 100%; width:730px; height:133px; } 묻고 답하기
div.sub6_4 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub6_4.gif) no-repeat 100% 100%; width:730px; height:133px; } 화상영어가이드
div.sub6_5 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub6_5.gif) no-repeat 100% 100%; width:730px; height:133px; } 프로그램 다운로드
div.sub6_6 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub6_6.gif) no-repeat 100% 100%; width:730px; height:133px; } 원격지원센터
div.sub7 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub7.gif) no-repeat 100% 100%; width:730px; height:133px; }
div.sub8 {background:url(http://www.cookeyenglish.com/images/content/sub/bg_sub8.gif) no-repeat 100% 100%; width:730px; height:133px; } */




/*  ELP 학습 소개 */
.site_int .highlight {
	background-color: #c0e6ff;
	border-bottom: 0;
}

.site_int .int_first {
	font-size: 22px;
	border-bottom: 0;
}

.elp_img1 {
	margin: 100px auto 200px;
}

.elp_img2 {
	margin: 100px auto 150px;
}



/*  ELP_학습커리큘럼 */
.course {
	margin: 130px auto 30px;
}

.course li {
	width: 210px;
	display: inline-block;
	vertical-align: top;
	margin-right: 62.5px;
	position: relative;
	line-height: 28px;
	font-size: 16px;
}

.course li:last-child {
	margin-right: 0;
}

.course_t {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	line-height: 22px;
	font-size: 16px;
	background-color: #0070c0;
	display: block;
	margin: 0 auto;
	color: #fff;
	position: absolute;
	top: -48px;
	left: 55px;
}

.course_t p {
	padding-top: 30px;
}

.course_one {
	width: 210px;
	height: 210px;
	border-radius: 50%;
	background-color: #ededed;
	display: block;
	line-height: 210px;
	font-size: 25px;
	color: #0070c0;
	font-weight: 600;
	margin-bottom: 25px;
}



.course_bar {
	background-color: #000;
	height: 100px;
	width: 1px;
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -50px;
}

.course_bottom {
	width: 1300px;
	height: 400px;
	background: url(http://www.cookeyenglish.com/images/course_back.jpg) no-repeat;
	margin: 0 auto 150px;
	position: relative;
	margin-top: 150px;
}

.course_bottom p:nth-child(2) {
	font-size: 20px;
	line-height: 35px;
	padding-top: 120px;
	letter-spacing: -1px;
}

.course_bottom p:last-child {
	font-size: 22px;
	line-height: 40px;
	padding-top: 40px;
	font-weight: 600;
	letter-spacing: -1px;
}



/*  ELP_학습 프로그램 */
.flow01 {
	width: 1300px;
	background-color: #ddf1ff;
	padding: 40px 0;
	margin: 70px auto 100px;
}

.flow01_in {
	width: 1050px;
	height: 320px;
	margin: 0 auto;
	background-color: #fff;
	font-size: 0;
	padding: 0 20px;
}

.flow01_in li {
	width: 170px;
	height: 320px;
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
	position: relative;
}

.flow01_in li:after {
	width: 12px;
	height: 24px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -25px;
	background: url(http://www.cookeyenglish.com/images/flow_arrow.png);
	display: block;
	content: "";
}

.flow01_in li:last-child:after {
	background: none;
}

.flow01_in li:last-child {
	margin-right: 0;
}

.flow01_in li div {
	margin-top: 50px;
}

.flow01_in li p:nth-child(2) {
	margin-top: 43px;
	font-size: 18px;
	font-weight: 500;
}

.flow01_in li p:nth-child(3) {
	margin-top: 15px;
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
}

.flow02 {
	width: 1300px;
	height: 350px;
	background: url(http://www.cookeyenglish.com/images/flow02_back.png) no-repeat;
	margin: 70px auto 150px;
}

.flow02_in {
	font-size: 0;
}

.flow02 li {
	width: 260px;
	height: 350px;
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
}

.flow02 li p:nth-child(1) {
	margin-top: 32px;
	font-size: 18px;
	font-weight: 500;
}

.flow02 li p:nth-child(2) {
	margin-top: 75px;
}

.flow02 li p:nth-child(3) {
	margin-top: 30px;
}

/*  쿠키영어특징 실전영어 학습 프로그램 */

h3.tit {
	font-size: 30px;
	color: #000;
	font-weight: 600;
	letter-spacing: -0.05em;
	margin-top: -13px;
}

h3.tit span {
	line-height: 33px;
}

h4.stit {
	font-size: 20px;
	margin-top: 30px;
	font-weight: 500;
	line-height: 33px;
}

h4.stit span {
	color: #000;
}

.site_int {
	font-size: 17px;
	line-height: 33px;
	margin-top: 25px;
}

.site_int span {
	border-bottom: 2.5px solid #0095ff;
}

.sub_c_01 {
	text-indent: -9999px;
	background: url(http://www.cookeyenglish.com/images/subccc_01.jpg) no-repeat center center;
	width: 100%;
	height: 400px;
	margin-top: 80px;
}

.sub_c_02 {
	margin: 100px auto;
	width: 1300px;
	text-align: left;
	position: relative;
}

.sub_c_02 .s02_content {
	width: 840px;
	position: absolute;
	top: 10px;
	right: 0;
	font-size: 0;
}

.sub_c_02 .s02_content li {
	width: 400px;
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
}

.sub_c_02 .s02_content li div {
	line-height: 60px;
	font-weight: bold;
	letter-spacing: -0.5px;
}

.sub_c_02 .s02_content li div span {
	width: 60px;
	height: 60px;
	background-color: #ffd456;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	color: #ffff;
	margin-right: 15px;
}

.sub_c_02 .s02_content li p {
	font-size: 17px;
	letter-spacing: -0.5px;
	color: #8f8f8f;
	margin-top: 20px;
}

.sub_c_02 .s02_content li:nth-child(3),
.sub_c_02 .s02_content li:nth-child(4) {
	margin-top: 115px;
}

.sub_c_02 .s02_content li:nth-child(2),
.sub_c_02 .s02_content li:nth-child(4) {
	margin-left: 40px;
}


.sub_c_03 {
	height: 780px;
	width: 100%;
	background: url(http://www.cookeyenglish.com/images/subccc_02.jpg) no-repeat top center;
	color: #fff;
	padding-top: 60px;
}

.sub_c_03 h3 {
	font-size: 30px;
}

.sub_c_03 p {
	font-size: 20px;
	line-height: 30px;
	margin-top: 20px;
}

.sub_c_03 .process {
	margin-top: 60px;
}



/*  쿠키영어특징 ar vr 영어학습 프로그램 */
.vr01 {
	height: 500px;
	background: url(http://www.cookeyenglish.com/images/arvr01.jpg) no-repeat top center;
	margin: 80px 0 150px;
}

.vr02 {
	height: 471px;
	background: url(http://www.cookeyenglish.com/images/arvr02.jpg) no-repeat top center;
	margin: 80px 0 150px;
}

.vr03 {
	height: 924px;
	background: url(http://www.cookeyenglish.com/images/arvr03.jpg) no-repeat top center;
	margin: 80px 0 0;
}

.vr04 {
	background-color: #000;
	padding: 200px 0;
}

.vr05 {
	margin-top: 200px;
}

.vr06 {
	margin: 150px 0;
}

.vr07 {
	margin: 150px 0 200px;
}



/*  쿠키영어특징 코칭 학습 프로그램 */
.site_intt02 {
	font-size: 17px;
	line-height: 32px;
	margin-top: 25px;
}

.site_intt02 span {
	border-bottom: 0;
	color: #0095ff;
}

.sub_paper {
	margin-top: 80px;
	background: url(http://www.cookeyenglish.com/images/paper_back.png) no-repeat;
	padding: 80px 0;
}

.paper_in {
	width: 1300px;
	margin: 0 auto;
}

.paper_in h3 {
	font-size: 30px;
	margin-bottom: 40px;
}

.paper_number {
	font-size: 0;
}

.paper_number li {
	width: 160px;
	height: 67px;
	background-color: rgba(0, 0, 0, 0.5);
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
	font-size: 20px;
	line-height: 67px;
	color: #fff;
}

.paper_number li p {
	line-height: 35px;
	margin-top: 15px;
	color: #000;
	font-size: 17px;
}

.paper_number li:last-child {
	margin-right: 0;
}

.paper_page {
	margin-top: 187px;
	font-size: 0;
	position: relative;
}

.paper_photo {
	white-space: nowrap;
}

.paper_photo_in {
	width: 1300px;
	overflow-x: scroll;
}

.paper_photo li {
	display: inline-block;
	vertical-align: top;
	margin: 0 27.5px;
	width: 270px;
}

.paper_photo li img {
	width: 100%;
}

.paper_photo li:first-child {}


.paper_page .previous {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.paper_page .next {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}


.sub_teacher {
	padding: 80px 0 100px;
}

.sub_teacher>h3 {
	font-size: 30px;
}

.sub_teacher>p {
	font-size: 17px;
	line-height: 30px;
	margin: 30px 0 75px;
}

.sub_teacher_in {
	width: 1300px;
	margin: 0 auto;
}

.sub_teacher_in:after {
	display: block;
	content: "";
	clear: both
}

.sub_teacher_left {
	float: left;
}

.sub_teacher_left p {
	color: #fff;
	background-color: #8c63f5;
	width: 400px;
	font-size: 22px;
	line-height: 50px;
	border-radius: 25px;
	text-align: center;
	margin: 0 auto 30px;
}

.sub_teacher_video {
	width: 640px;
	height: 360px;
}

.sub_teacher_diary {
	font-size: 0;
	margin-top: 50px;
}

.sub_teacher_diary li {
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
}

.sub_teacher_diary li:last-child {
	margin-right: 0;
}

.sub_teacher_right {
	float: right;
	width: 615px;
	font-size: 0;
}

.sub_teacher_right p {
	color: #000;
	background-color: #ffdd66;
	width: 270px;
	font-size: 22px;
	line-height: 50px;
	border-radius: 25px;
	text-align: center;
	margin: 0 auto 30px;
}

.sub_teacher_right li {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 25px 25px;
}

.sub_teacher_right li:nth-child(odd) {
	margin-left: 0;
}


/*  쿠키영어특징 코칭 학습 프로그램 끝*/

/*  레벨평가 안내*/
.level_button {
	width: 1300px;
	margin: 80px auto 150px;
	font-size: 0;
}

.level_button li {
	width: 600px;
	height: 300px;
	display: inline-block;
	margin-right: 100px;
	background-size: cover;
	overflow: hidden;
}

.level_button .level_p {
	margin-right: 0;
}

.level_button li a {
	color: #000;
	font-size: 25px;
	line-height: 300px;
	font-weight: bold;
	width: 100%;
	height: 100%;
	display: block;
}

.level_button li a:hover {}

.level_button li:hover a {
	transition: transform .35s;
	-o-transform: scale(1.12);
	-moz-transform: scale(1.12);
	-webkit-transform: scale(1.12);

}

.level_button .level_s a {
	background: url(http://www.cookeyenglish.com/images/level_b1.jpg) no-repeat center bottom;
}

.level_button .level_p a {
	background: url(http://www.cookeyenglish.com/images/level_b2.jpg) no-repeat center bottom;
}



h6.stit {
	font-size: 16px;
	color: #505050;
	height: 30px
}

h6.stit_c {
	font-size: 20px;
	color: #505050;
	height: 30px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: -10px
}

p img {
	vertical-align: middle
}

p.sub_txt {
	margin-top: 20px;
	margin-bottom: 50px;
	padding-bottom: 50px;
	font-size: 14px;
	font-weight: 600;
	font-weight: normal;
	color: #666;
	line-height: 22px;
	word-break: keep-all;
	border-bottom: 1px solid #ccc;
}

p.sub_txt span {
	/* background:url(http://www.cookeyenglish.com/images/content/bg_block.gif) repeat-x 0 3px;  */
	color: #fc1f1f;
	font-weight: 600;
	display: inline-block;
	padding-bottom: 1px;
	line-height: 21px;
	letter-spacing: -0.04em
}

p.sub_txt span.under {
	background: none;
	color: #444;
	display: inline-block;
	padding-bottom: 0;
	line-height: 22px;
	text-decoration: underline;
	letter-spacing: 0
}

p.sub_diag {
	margin-bottom: 40px
}

p.point_info {
	height: 30px;
	text-align: right;
	font-size: 12px;
	color: #3369c3;
	line-height: 30px;
	margin-bottom: 25px
}

p.txt {
	color: #444;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.04em;
	margin-bottom: 15px
}

p.txt_ {
	color: #444;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.04em;
	margin-bottom: 15px;
	padding-left: 25px
}

p.txt2 {
	;
	color: #444;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.04em;
	margin-bottom: 22px;
	margin-top: 5px
}

p.txt_title {
	color: #333;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.04em;
	margin-bottom: 3px;
}

p.box_info {
	color: #444;
	font-size: 14px;
	padding-top: 7px
}

p.box_info2 {
	color: #444;
	font-size: 14px;
	padding-top: 7px;
	padding-left: 20px
}

.info {
	color: #444 !important;
	font-size: 12px;
	line-height: 20px
}

div.sub_title+h5.stit {
	margin-top: -5px
}

ol.basic_list2+h5.stit_b {
	margin-top: 33px
}

p.txt+p.txt {
	margin-top: -10px
}

/*  레벨테스트 신청*/
.test_form td {
	text-align: left;
	font-weight: 400;
}


/*  상담신청 */
.adv_3 {
	width: 100%;
	margin-bottom: 250px;
}

.adv_3 p {
	font-size: 23px;
	color: #000;
	font-weight: 500;
	letter-spacing: -1.3px;
	width: 1300px;
	height: 70px;
	background: url(http://www.cookeyenglish.com/images/advice_tt.png) no-repeat;
	margin: 0 auto 60px;
	line-height: 70px;
	color: #fff;
}

.adv_2 {
	margin: 150px 0;
}

.adv_2 h3 {
	font-size: 25px;
}

.adv_2 td {
	text-align: left !important;
	padding: 0 30px;
	font-size: 16px !important;
}

.adv_2 tr:first-child td {
	background: none;
}

.adv_2_t {
	width: 1300px;
	;
	height: 150px;
	background: url(http://www.cookeyenglish.com/images/advice_bb.jpg) no-repeat;
	font-size: 23px;
	line-height: 150px;
	margin: 0 auto 80px;
}

.adv_2 dt {
	height: 60px;
	background: url(http://www.cookeyenglish.com/images/vg_arrow.png) no-repeat right 40px center;
	line-height: 60px;
}

.adv_2 dd {
	background-color: #f8f8f8;
	padding: 20px;
	margin-bottom: 25px;
}

/*  채용정보 */

/**** 채용정보/사업자 ****/
.recruit {
	width: 1300px;
	margin: 70px auto 150px;
	font-size: 0;
}

.recruit li {
	display: inline-block;
	margin-right: 32px;
}

.recruit li:last-child {
	margin-right: 0;
}

.re_process p {
	font-size: 25px;
	font-weight: 500;
	border-bottom: 2px solid #000;
	display: inline;
	padding-bottom: 5px;
}

.re_process img {
	display: block;
	margin: 70px auto 75px;
}


.review_b {
	width: 100%;
	background-color: #f8f8f8;
	padding: 75px;
	margin-bottom: 150px;
}

.re_review {
	width: 1300px;
	margin: 0 auto;
	font-size: 0;
}

.re_review li {
	background: url(http://www.cookeyenglish.com/images/re_box.png) no-repeat;
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	ont-weight: 500;
	width: 630px;
	height: 276px;
	margin-right: 40px;
	padding-top: 100px;
	line-height: 35px;
	position: relative;
}

.re_review li:last-child {
	margin-right: 0;
}

.re_review li span {
	background-color: #fff6a1;
}

.re_review li p {
	position: absolute;
	bottom: 54px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 15px;
	background: url(http://www.cookeyenglish.com/images/re_arrow.png) no-repeat left center;
	padding-left: 20px;
}


.re_benefits>p {
	font-size: 25px;
	font-weight: 500;
	border-bottom: 2px solid #000;
	display: inline;
	padding-bottom: 5px;
}

.re_benefits ul {
	width: 1300px;
	height: 200px;
	border-radius: 30px;
	background: #f1f9ff;
	margin: 70px auto 150px;
}

.re_benefits li {
	display: inline-block;
	width: 400px;
	padding: 80px 40px 0;
	vertical-align: top;
	margin-top: 20px;
}

.re_benefits li:nth-child(1) {
	background: url(http://www.cookeyenglish.com/images/benefits01.png) no-repeat center top;
}

.re_benefits li:nth-child(2) {
	background: url(http://www.cookeyenglish.com/images/benefits02.png) no-repeat center top;
}

.re_benefits li:nth-child(3) {
	background: url(http://www.cookeyenglish.com/images/benefits03.png) no-repeat center top;
}


.re_qa_t {
	font-size: 25px;
	font-weight: 500;
	border-bottom: 2px solid #000;
	display: inline;
	padding-bottom: 5px;
}

.re_qa_tel {
	width: 800px;
	font-size: 20px;
	line-height: 70px;
	background-color: #f6f6f6;
	border-radius: 35px;
	margin: 70px auto 150px;


}

.re_qa_tel span {
	background: url(http://www.cookeyenglish.com/images/re_tel.png) no-repeat left center;
	padding-left: 45px;
	margin-left: 80px;
	color: #0095ff;
	font-weight: 700;
	font-size: 25px;
}

/**** 채용정보/코치 ****/
.coach_think {
	font-size: 18px;
	width: 1300px;
	background: url(http://www.cookeyenglish.com/images/coach_top.png) no-repeat center;
	height: 341px;
	margin: 50px auto 0;
	padding-top: 120px;
}

.coach_think p {
	line-height: 46px;
	background: url(http://www.cookeyenglish.com/images/coach_icon.png) no-repeat left center;
	display: inline-block;
	padding-left: 40px;
}


.coach_photo h3 {
	font-size: 25px;
	margin: 150px auto 50px;
	font-weight: 600;
}

.coach_photo p {
	width: 100%;
	height: 250px;
	background: url(http://www.cookeyenglish.com/images/coach_bg.jpg) no-repeat center;
	padding-top: 100px;
	font-size: 23px;
	font-weight: 500;
	color: #0070c0;
}

.coach_photo p span {
	display: block;
	width: 40px;
	margin: 0 auto 5px;
	height: 4px;
	background-color: #0070c0;
}


.coach_task h3 {
	font-size: 25px;
	font-weight: 600;
	margin: 150px auto 10px;
}

.coach_task ul {
	font-size: 0;
	width: 1300px;
	margin: 50px auto 170px;
}

.coach_task li {
	display: inline-block;
	width: 400px;
	font-size: 18px;
	vertical-align: top;
	margin-right: 50px;
}

.coach_task li:last-child {
	margin-right: 0;
}


.coach_step {
	width: 100%;
	height: 400px;
	background-color: #0070c0;
	padding: 30px 0;
}

.coach_step p {
	font-size: 25px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 48px;
}

.coach_apply {
	width: 1300px;
	height: 400px;
	background-color: #f6f6f6;
	margin: 200px auto 75px;
}

.coach_apply>p {
	font-size: 25px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	display: inline-block;
	margin: 30px 0;
	font-weight: 600;
}

.apply_box {
	width: 1000px;
	height: 270px;
	background-color: #fff;
	margin: 0 auto;
	position: relative;
	font-size: 0;
}

.apply_box li {
	width: 500px;
	display: inline-block;
	vertical-align: top;
	padding: 48px 100px 0 100px;
	text-align: left;
	font-size: 18px;
}

.apply_box li h4 {
	margin-bottom: 30px;
}

.apply_box li p {
	line-height: 25px;
	margin-bottom: 20px;
}

.apply_box:after {
	display: block;
	position: absolute;
	width: 1px;
	height: 200px;
	background-color: #ddd;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.apply_btn {
	width: 300px;
	height: 70px;
	background-color: #0070c0;
	margin: 75px auto 200px;
	display: block;
	font-size: 22px;
	line-height: 70px;
	color: #fff;
}

/**** 채용정보/코치/지원서작성 ****/
.agreebox {
	width: 630px;
	display: inline-block;
	margin-top: 80px;
	vertical-align: top;
}

.agreebox:first-child {
	margin-right: 30px;
}


.apply_c {
	width: 130px;
	height: 50px;
	display: inline-block;
	background-color: #ccc;
	color: #444;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	margin-right: 20px;
}

.apply_ok {
	width: 130px;
	height: 50px;
	display: inline-block;
	background-color: #0070c0;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
}


.coach_after .tbl_basic td {
	text-align: left;
}

/**** 포인트 컬러 ****/

.red {
	color: #ef4942 !important
}

.red2 {
	color: #cc2e2e !important
}

.blue {
	color: #0095ff !important
}

.coment {
	color: #ef4942 !important
}

.black {
	color: #444 !important
}







/******************************************************************* [ table ] *******************************************************************/


/* 원격지원 */

#self_check {
	margin: 50px 0 30px;
}

.self_t {
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: 600;
	color: #0070c0;
}

.self_btn {
	font-size: 15px;
	text-align: center;
	margin-top: 20px;
	color: #ff0000;
}

div.tbl_basic tr .tb_btn {
	/* padding:15px 20px 15px 0; */
	text-align: center;
	width: 120px;
}

div.tbl_basic tr .tb_btn a {
	display: block;
	height: 60px;
	line-height: 60px;
	/* height:100px; */
	background: #0095ff;
	width: 160px;
	font-weight: 500;
	color: white;
	font-size: 16px;
}


.self_control01 {
	font-size: 0;
}

.self_control01 li {
	width: 33.3%;
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	background-color: #f5f5f5;
	border-right: 10px solid #fff;
	padding: 30px 50px;
}

.self_control01 li:last-child {
	border-right: 0;
}

.self_control01 .self_icon01 {
	background: url(http://www.cookeyenglish.com/images/check_icon01.png) no-repeat left top;
	font-size: 20px;
	line-height: 45px;
	text-align: right;
	margin-top: 0;
	border-bottom: 1px solid #000;
	padding-bottom: 25px;
}

.self_control01 .self_icon02 {
	background: url(http://www.cookeyenglish.com/images/check_icon02.png) no-repeat left top;
	font-size: 20px;
	line-height: 45px;
	text-align: right;
	margin-top: 0;
	border-bottom: 1px solid #000;
	padding-bottom: 25px;
}

.self_control01 .self_icon03 {
	background: url(http://www.cookeyenglish.com/images/check_icon03.png) no-repeat left top;
	font-size: 20px;
	line-height: 45px;
	text-align: right;
	margin-top: 0;
	border-bottom: 1px solid #000;
	padding-bottom: 25px;
}

.self_control01 p {
	text-align: left;
	margin-top: 20px;
}

.self_control01 span {
	display: block;
}




.self_control02 h3 {
	font-size: 22px;
	font-weight: 600;
	color: #0070c0;
	margin: 100px 0 20px;
}

.self_control02 span {
	color: #ff0000;
	display: block;
}

.self_control02_top {
	background-color: #f5f5f5;
	padding: 30px 0;
	margin-bottom: 10px;
}

.self_control02_top h3 {
	margin: 20px 0 10px;
}

.self_control02_top p {
	line-height: 25px;
}

.oneto_box {
	font-size: 15px;
	color: #ff0000;
}



/*  */


/* 무료레벨테스트 */
.level_test_t {
	font-size: 14px;
	background: #9c9895;
	color: white;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 10px;
	line-height: 30px;
	letter-spacing: -0.5px;
}

/* .level_test_t span{font-family:'Malgun Gothic','맑은 고딕'; font-size:15px; font-weight:bold; color:white; line-height:26px;} */
.level_test_t a {
	background: #ff4949;
	padding: 5px 10px;
}

/**** tbl_basic ****/

div.tbl_basic {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div.tbl_basic th {
	background-color: #f0f0f0;
	border-top: 1px solid #ccc;
	font-size: 14px;
	color: #444;
	font-weight: normal;
	text-align: center;
	height: 45px
}

div.tbl_basic th.mytitle {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
	color: #33693
}

div.tbl_basic th.title {
	padding-left: 20px;
	text-align: left
}

div.tbl_basic th.title2 {
	padding-left: 50px;
	text-align: left;
	height: 50px;
	padding-bottom: 2px;
}

div.tbl_basic td {
	border-top: 1px solid #ccc;
	color: #444;
	font-size: 14px;
	padding: 20px;
}

div.tbl_basic td input[type="text"] {
	width: 388px;
	height: 23px;
	border: 1px solid #ccc;
	line-height: 23px;
	padding-left: 10px;
	vertical-align: middle;
	font-size: 12px;
	color: #444;
}

div.tbl_basic td input[type="radio"] {
	vertical-align: middle;
	margin-right: 5px;
}

div.tbl_basic td input[type="checkbox"] {
	vertical-align: middle
}

div.tbl_basic td input[disabled="disabled"] {
	background-color: #fff;
	border: none !important;
	border: 0;
	padding-left: 0 !important
}

div.tbl_basic td input.number {
	width: 50px;
	height: 23px;
	border: 1px solid #ccc;
	line-height: 23px;
	padding-left: 10px;
	font-size: 13px;
	color: #444;
}

div.tbl_basic td input.name {
	width: 203px;
	height: 23px;
	border: 1px solid #ccc;
	line-height: 23px;
	padding-left: 10px;
	font-size: 13px;
	color: #444;
}

div.tbl_basic td input.mid {
	width: 103px;
	height: 23px;
	border: 1px solid #ccc;
	line-height: 23px;
	padding-left: 10px;
	font-size: 13px;
	color: #444;
}

div.tbl_basic td select {
	border: 1px solid #ccc;
	font-size: 12px;
	color: #444;
	padding: 3px;
	vertical-align: middle;
	margin: 0 5px;
	outline: 0;
}

div.tbl_basic td select:first-child {
	margin-left: 0;
}

div.tbl_basic td.adress {
	padding: 10px 20px;
}

div.tbl_basic td.adress input.adress {
	margin-top: 8px
}

div.tbl_basic td.adress .tel {
	margin-top: 2px;
}

div.tbl_basic td.adress label.tel {
	line-height: 35px;
}

div.tbl_basic td.adress input {
	vertical-align: middle
}

div.tbl_basic td.pd {
	padding: 10px 20px
}

div.tbl_basic td.percent {
	background: url(http://www.cookeyenglish.com/images/content/bg_percent.gif) no-repeat 0 50%;
	padding-left: 180px;
	font-size: 18px;
	font-weight: bold;
	color: #3369c3
}

/* 현재 나의 진도 */
div.tbl_basic td textarea.board_coment {
	border: 1px solid #ccc;
	width: 800px;
	height: 60px;
	margin: 10px 0;
	font-size: 13px;
	color: #444;
	padding: 20px;
	outline: 0;
}

div.tbl_basic td textarea.board_write {
	border: 1px solid #e4e4e4;
	width: 500px;
	height: 200px;
	margin: 10px 0;
	font-size: 13px;
	color: #444;
	padding: 10px
}



.subject {
	text-align: left !important;
}

.usermm {
	text-align: left !important;
}


/**** tbl_board ****/

div.tbl_board {
	border-top: 3px solid #0095ff;
	margin-bottom: 70px;
}

div.tbl_board th {
	background-color: #f8f8f8;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	font-size: 14px;
	color: #444;
	font-weight: normal;
	height: 45px
}

div.tbl_board th:first-child {
	border-left: none
}

div.tbl_board td {
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	color: #444;
	font-size: 14px;
	text-align: center;
	height: 60px
}

div.tbl_board tr td:first-child {
	border-left: none;
}

div.tbl_board td.line {
	border-left: 1px solid #ddd;
}

div.tbl_board tfoot td {
	border-top: 1px solid #ddd;
	color: #444;
	font-size: 14px;
	text-align: right;
	padding-right: 20px;
	font-weight: bold
}

div.tbl_board select {
	border: 1px solid #bfbfbf;
	font-size: 12px;
	color: #444;
	padding: 3px;
}

div.tbl_board td.book {
	padding-left: 20px;
	text-align: left
}

div.tbl_board td.board_txt {
	text-align: left;
	padding: 40px
}

div.tbl_board td.subject {
	text-align: left;
	padding-left: 20px
}

div.tbl_board td.subject2 {
	text-align: left;
	padding-left: 100px
}

div.tbl_board td.board_txt_view {
	padding: 20px;
	vertical-align: top;
	min-height: 200px
}

div.tbl_board td.board_txt_replay {
	position: relative;
	border: none;
	background: url(http://www.cookeyenglish.com/images/content/ico_dot.gif) repeat-x 0 0;
	padding: 20px;
	text-align: left;
	padding: 20px 20px 15px 90px;
	vertical-align: top
}

div.tbl_board td.pd {
	padding: 10px 20px
}

div.tbl_board+h5.stit {
	margin-top: 30px
}

div.tbl_basic+h5.stit {
	margin-top: 30px
}

div.tbl_board+div.tbl_basic {
	margin-top: 20px
}

div.tbl_basic+div.tbl_board {
	margin-top: 20px
}

div.tbl_basic+div.tbl_basic {
	margin-top: 20px
}

div.tbl_board+h5.stit_student {
	margin: 20px 0;
	font-size: 17px;
	font-weight: 500;
}

div.tbl_board td a:hover {
	text-decoration: underline
}



/* 롤오버 바탕컬러 효과 */
div.tbl_board2 {
	border: 1px solid #ddd;
	color: #444;
	border-top: 0;
}

div.tbl_board2 th {
	background-color: #f8f8f8;
	border-left: 1px solid #ddd;
	border-top: 3px solid #0095ff;
	font-size: 14px;
	color: #444;
	font-weight: 500;
	height: 45px;
}

div.tbl_board2 th:first-child {
	border-left: none
}

div.tbl_board2 td {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font-size: 14px;
	text-align: center;
	height: 60px;
	line-height: 23px;
}

div.tbl_board2 td:first-child {
	border-left: none
}

div.tbl_board2 td.line {
	border-left: 1px solid #ddd;
}

div.tbl_board2 td img {
	vertical-align: middle
}

div.tbl_board2 td.study {
	background-color: #ededed;
	color: #3e3e3e !important;
	font-weight: bold;
	letter-spacing: -0.02em;
}

div.tbl_board2 td.study img {
	margin-top: -3px;
}



.prog_next {
	/* background:green; */
	float: left;
	width: 100%;
}

.prog_next li a {
	display: inline;
	overflow: hidden;
	width: 100%;
	height: 260px;
	/* background:green; */
	display: block;
	color: #838383;
	text-decoration: none;
	font-size: 18px;
	line-height: 24px;
	border-top: 1px solid #27a5e0;
}

.prog_next li img {
	margin-top: 20px;
	margin-bottom: 20px
}

.prog_next .prog_next1 {
	border-top: 5px solid #27a5e0;
}

.prog_next .prog_next4 {
	border-bottom: 1px solid #27a5e0;
}


/* #con_table{position:relative;} */
.op_btn {
	position: absolute;
	left: 50%;
	margin-left: -255px;
}

.op_btn1 a {
	display: block;
	opacity: 1;
	margin-top: 6px;
}

.op_btn2 a {
	display: block;
	opacity: 1;
	margin-top: 1px;
	/* *margin-top:-13px; */
}

.op_btn3 a {
	display: block;
	opacity: 1;
	margin-top: 1px;
	/* *margin-top:-13px; */
}

.op_btn4 a {
	display: block;
	opacity: 1;
	margin-top: 1px;
	/* *margin-top:-13px; */
}






/* tbl_order */

div.tbl_order {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

div.tbl_order thead th {
	background-color: #f1f1f1;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	font-size: 14px;
	color: #444;
	font-weight: normal;
	height: 45px
}

div.tbl_order thead th:first-child {
	border-left: none
}

div.tbl_order tbody td {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	color: #444;
	font-size: 14px;
	text-align: center;
	padding: 20px
}

div.tbl_order tbody td:first-child {
	border-left: none
}

div.tbl_order tbody td select {
	border: 1px solid #bfbfbf;
	font-size: 12px;
	color: #444;
	padding: 3px;
}

div.tbl_order tbody td.goodsname {
	border-left: none;
	color: #3369c3;
	font-size: 16px;
	font-weight: bold;
	text-align: left
}

div.tbl_order tfoot td {
	border-top: 1px solid #ddd;
	color: #444;
	font-size: 14px;
	text-align: right;
	padding: 10px 20px;
	font-weight: bold
}

/* tbl_photo (강사소개) */
div.tbl_photo {
	width: 100%;
	border-top: 2px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	color: #444
}

ul.photo {
	margin-left: -12px;
	overflow: hidden;
	margin-top: 10px
}

ul.photo li {
	float: left;
	margin-left: 12px;
	margin-top: 10px;
	margin-bottom: 3px;
	text-align: center;
	width: 358px;
	font-size: 14px;
	color: #444;
	line-height: 30px
}

/* ul.photo li span.frame {width:358px; height:152px;  margin-bottom:10px} */
ul.photo li span.frame img {
	width: 300px;
	margin-left: 20px;
	margin-right: 20px
}

div.photo_view {
	padding: 0 0 30px 0;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

div.photo_view img {
	width: 600px;
	height: 400px;
}

div.photo_view2 {
	padding: 30px 0 30px 0;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

/**** tbl_search ****/

div.tbl_search {
	border-top: 2px solid #ddd;
	border-bottom: 1px solid #ddd;
}

div.tbl_search td {
	background-color: #f1f1f1;
	font-size: 14px;
	height: 45px;
	text-align: left;
	border-left: 1px solid #ddd;
	padding-left: 15px
}

div.tbl_search td:first-child {
	border-left: none
}

div.tbl_search td input[type="text"] {
	width: 168px;
	height: 23px;
	border: 1px solid #d4d4d4;
	line-height: 23px;
	font: 12px dotum;
	padding-left: 10px;
	vertical-align: middle;
	border-right: none;
}

div.tbl_search td select {
	border: 1px solid #bfbfbf;
	font-size: 12px;
	color: #444;
	padding: 3px;
	vertical-align: middle
}

div.tbl_search td input.btn_search {
	background-color: #555;
	width: 50px;
	height: 25px;
	padding-bottom: 2px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	border: none;
	vertical-align: middle;
	display: inline-block;
}



/**** page ****/

/* div.page {text-align:center; font-size:12px; color:#555; font-family:'dotum','돋움'; margin-top:20px}
div.page strong{ width:20px; height:15px; line-height:14px; display:inline-block;  }
div.page span.num a{ display:inline-block; width:20px; height:15px; }
div.page span.left img{vertical-align:middle; margin:0 2px}
div.page span.right img{vertical-align:middle; margin:0 2px}

div.page+div.t




bl_basic {margin-top:50px} */

/**** 테스트 결과 그래프 ****/

div.tbl_grp {
	width: 615px;
	margin-top: 20px
}

div.tbl_grp th {
	font-size: 14px;
	f;
	color: #444;
	text-align: left;
	font-weight: bold;
	height: 60px
}

div.tbl_grp td {
	text-align: right
}

/**** 코멘트 ****/

div.tbl_coment {
	border-top: 2px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 40px;
	position: relative
}

div.tbl_coment th {
	font-size: 14px;
	color: #444;
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
	height: 45px;
}

div.tbl_coment td {
	border-top: 1px solid #ddd;
	padding: 20px;
	color: #444;
	font-size: 14px;
}

span.bar {
	background-color: #e4e4e4;
	display: inline-block;
	width: 2px;
	height: 12px;
	margin: 0 5px;
	vertical-align: middle
}

a.coment_del {
	float: right;
}

/**** 글보기 단락 ****/
div.board_view {
	font-size: 14px;
	color: #444;
	padding: 50px 0;
	border: 1px solid #ddd;
}

/******************************************************************* [ btn ] *******************************************************************/

div.tbl_basic+div.btn_block {
	margin-top: 30px
}

div.tbl_board+div.btn_block {
	margin-top: 30px
}

div.tbl_order+div.btn_block {
	margin-top: 30px
}

div.rol_box+div.btn_block {
	margin-top: 30px
}

div.board_btn_block_detail+div.tbl_basic {
	margin-top: 40px
}

div.tbl_board td img {
	vertical-align: middle
}

#contentImage {
	width: 80%;
	padding: 50px 0 20px;
}

div.btn_block {
	text-align: center;
	margin-top: 40px;
}

div.btn_block input[type="button"] {
	background-color: #666;
	font-size: 18px;
	color: #fff;
	padding: 14px 25px 16px 25px;
	border: none;
	cursor: pointer;
	letter-spacing: -0.05em;
	margin: 0;
}

div.btn_block a {
	background-color: #666;
	font-size: 18px;
	color: #fff;
	padding: 14px 25px 16px 25px;
	cursor: pointer;
	letter-spacing: -0.05em;
	margin: 50px 0 150px;
	display: inline-block
}

div.btn_block input+a {
	margin-left: 30px
}

a.btn_link {
	display: inline-block;
	background-color: #666;
	width: 90px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	height: 22px;
	padding-top: 3px;
	margin-top: 10px;
	line-height: 18px;
	text-decoration: none !important
}

a.btn_view {
	display: inline-block;
	background-color: #666;
	color: #fff;
	text-align: center;
	font-size: 14px;
	width: 50px;
	height: 18px;
	line-height: 20px;
	padding-bottom: 2px;
	text-decoration: none !important
}

a.btn_basic {
	display: inline-block;
	background-color: #666;
	color: #fff;
	font-size: 14px;
	height: 22px;
	padding: 3px 7px 0 7px;
	text-decoration: none !important
}

a.btn_join {
	display: inline-block;
	background: #666 url(http://www.cookeyenglish.com/images/content/ico_check.gif) no-repeat 95% 8px;
	color: #fff;
	font-size: 14px;
	height: 23px;
	padding: 6px 35px 2px 12px;
	text-decoration: none !important
}

a.btn_id {
	display: inline-block;
	background-color: #666;
	color: #fff;
	text-align: center;
	font-size: 14px;
	width: 70px;
	line-height: 23px;
	margin-left: 4px;
	/*height:22px\9; padding-bottom:1px\9; */
	vertical-align: middle;
}

a.btn_zip {
	display: inline-block;
	background-color: #666;
	color: #fff;
	text-align: center;
	font-size: 14px;
	width: 100px;
	line-height: 23px;
	margin-left: 4px;
	/* height:22px\9; padding-top:1px\9;*/
	vertical-align: middle;
	text-decoration: none !important
}

a.btn_preview {
	display: inline-block;
	background-color: #666;
	color: #fff;
	text-align: center;
	font-size: 12px;
	width: 70px;
	height: 20px;
	line-height: 20px;
	padding-bottom: 2px;
	text-decoration: none !important
}

a.btn_buy {
	display: inline-block;
	background-color: #ef4942;
	color: #fff;
	font-size: 16px;
	height: 27px;
	padding: 3px 25px 0 25px;
	text-decoration: none !important
}

a.btn_redb {
	display: inline-block;
	background-color: #929292;
	color: #fff;
	text-align: center;
	font-size: 12px;
	padding: 10px;
	text-decoration: none !important
}

a.btn_bldb {
	display: inline-block;
	background-color: #0095ff;
	color: #fff;
	text-align: center;
	font-size: 14px;
	padding: 5px;
	text-decoration: none !important
}

a.btn_redbdownload {
	width: 300px;
	display: block;
	background-color: #0070c0;
	font-size: 18px;
	color: #fff;
	padding: 14px 20px 14px 20px;
	cursor: pointer;
	letter-spacing: -0.05em;
	margin: 0 auto;
}

a.btn_LibraryOn {
	width: 300px;
	display: block;
	background-color: brown;
	font-size: 18px;
	color: #fff;
	padding: 14px 20px 14px 20px;
	cursor: pointer;
	letter-spacing: -0.05em;
	margin: 0 auto;
}

a.btn_gray {
	font-size: 12px;
	color: #fff;
	text-align: center;
	background-color: #555;
	display: block;
	height: 19px;
	padding: 1px 10px 0 10px;
	text-decoration: none !important
}

a.btn_blue {
	font-size: 12px;
	color: #fff;
	text-align: center;
	background-color: #3369c3;
	display: block;
	height: 19px;
	padding: 1px 10px 0 10px;
	text-decoration: none !important
}

span.btn_ing {
	display: inline-block;
	background-color: #71cd5c;
	color: #fff;
	text-align: center;
	font-size: 14px;
	width: 50px;
	height: 18px;
	line-height: 18px;
	padding-bottom: 2px
}

span.btn_receipt display:inline-block;
background-color:#1F50B5;
color:#fff;
text-align:center;
font-size:14px;
width:50px;
height:18px;
line-height:18px;
padding-bottom:2px
}

span.btn_end {
	display: inline-block;
	background-color: #f79633;
	color: #fff;
	text-align: center;
	font-size: 14px;
	width: 50px;
	height: 18px;
	line-height: 18px;
	padding-bottom: 2px
}

span.btn_reply {
	display: inline-block;
	background-color: #3369c3;
	color: #fff;
	text-align: center;
	font-size: 14px;
	width: 50px;
	height: 18px;
	line-height: 18px;
	padding-bottom: 2px;
	position: absolute;
	top: 20px;
	left: 20px
}

div.pri {
	margin-top: -5px;
	margin-bottom: 10px
}

a.btn_gray+a.btn_blue {
	margin-top: 7px;
}

a.btn_gray+a.btn_gray {
	margin-top: 7px;
}

a.btn_redb+a.btn_redb {
	margin-left: 10px
}


/**** 게시판 버튼 ****/

div.join_btn_block {
	text-algin: left;
	margin-top: 10px;
	margin-bottom: 25px;
}

div.board_btn_block {
	text-align: right;
	margin-top: -50px
}

div.board_btn_block_detail {
	text-align: right;
	margin: 20px 0 100px;
}

a.btn_write {
	margin-top: 15px;
	text-decoration: none !important;
	display: inline-block;
	background-color: #0095ff;
	width: 70px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	height: 25px;
	padding-top: 5px;
}

a.btn_list {
	text-decoration: none !important;
	display: inline-block;
	background-color: #666;
	width: 70px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	height: 25px;
	padding-top: 5px;
}

a.btn_moddel {
	text-decoration: none !important;
	display: inline-block;
	background-color: #adacac;
	width: 70px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	height: 25px;
	padding-top: 5px;
}

/******************************************************************* [ 기간 검색 ] *******************************************************************/

div.date_search {
	text-align: right;
	font-size: 12px;
	color: #444;
	height: 36px;
	margin: 30px 0 15px;
}

div.date_search input.date {
	width: 150px;
	height: 23px;
	border: 1px solid #d4d4d4;
	text-align: center;
	line-height: 23px;
	vertical-align: middle;
	font-size: 12px;
	color: #444;
	margin-top: 7px;
}

div.date_search input.btn_search {
	background-color: #555;
	width: 50px;
	height: 25px;
	padding-bottom: 2px;
	font-size: 14px;
	color: #fff;
	border: none;
	vertical-align: middle;
	margin-top: 7px;
}

/******************************************************************* [ 게시판 검색 ] *******************************************************************/

div.board_search {
	text-align: right;
	font-size: 12px;
	color: #444;
	height: 47px
}

div.board_search input[type="text"] {
	width: 150px;
	padding-left: 10px;
	height: 23px;
	border: 1px solid #d4d4d4;
	text-align: left;
	line-height: 23px;
	vertical-align: middle;
	font-size: 12px;
	color: #444;
	border-right: none
}

div.board_search input.btn_search {
	background-color: #555;
	width: 50px;
	height: 25px;
	padding-bottom: 2px;
	font-size: 14px;
	color: #fff;
	border: none;
	vertical-align: middle
}

div.board_search select {
	border: 1px solid #bfbfbf;
	font-size: 12px;
	color: #444;
	padding: 3px;
	vertical-align: middle
}

/**************************************************************** [ 성적표 그래프 ] ****************************************************************/

div.leveltest {
	width: 730px;
	height: 517px;
	background: url(http://www.cookeyenglish.com/images/content/bg_leveltest.gif) no-repeat;
	margin-top: 20px
}

div.tbl_level {
	width: 675px;
	margin: auto;
	padding-top: 114px;
}

div.tbl_level th {
	width: 184px;
	height: 65px;
	background: url(http://www.cookeyenglish.com/images/content/bg_test_th.gif) no-repeat;
	font-size: 14px;
	color: #444;
	padding-left: 20px;
	text-align: left
}

div.tbl_level td {
	width: 471px;
	height: 65px;
	background: url(http://www.cookeyenglish.com/images/content/bg_test_td.gif) no-repeat;
	text-align: center
}

div.leveltest2 {
	width: 674px;
	min-height: 352px;
	background: url(http://www.cookeyenglish.com/images/content/bg_note.gif) repeat-y 0 0;
	padding: 0 28px 30px 28px
}

div.leveltest2 div.tbl_basic {
	width: 674px
}

span.foot_line {
	background: url(http://www.cookeyenglish.com/images/content/foot_line.gif) no-repeat 0 0;
	height: 8px;
	width: 730px;
	display: block
}

img.tit_mb {
	margin-bottom: 15px;
	margin-left: -28px
}

/******************************************************************* [ Quick ] *******************************************************************/

/* div.quick { background:url(http://www.cookeyenglish.com/images/common/quick/btn_quick.png) no-repeat 0 0; width:25px; height:217px; position:absolute; top:197px; left:50%; margin-left:515px; cursor:pointer}
div.quick_nav {position:absolute; top:213px; left:50%; margin-left:515px; display:none}
div.quick_nav ul {width:68px; border:1px solid #555}
div.quick_nav li {width:68px;height:74px; border-top:1px solid #999; background-color:#fff; word-break:loose}
div.quick_nav li:first-child {border:none; height:18px}
div.quick_nav li a.nav1 {display:block; background:url(http://www.cookeyenglish.com/images/common/quick/quick_nav1.gif) no-repeat 0 0; width:68px; height:74px; text-indent:-9999px}
div.quick_nav li a.nav2 {display:block; background:url(http://www.cookeyenglish.com/images/common/quick/quick_nav2.gif) no-repeat 0 0; width:68px; height:74px; text-indent:-9999px}
div.quick_nav li a.nav3 {display:block; background:url(http://www.cookeyenglish.com/images/common/quick/quick_nav3.gif) no-repeat 0 0; width:68px; height:74px; text-indent:-9999px}
div.quick_nav li a.nav4 {display:block; background:url(http://www.cookeyenglish.com/images/common/quick/quick_nav4.gif) no-repeat 0 0; width:68px; height:74px; text-indent:-9999px}
div.quick_nav li a.nav5 {display:block; background:url(http://www.cookeyenglish.com/images/common/quick/quick_nav5.gif) no-repeat 0 0; width:68px; height:74px; text-indent:-9999px}
div.quick_nav li a:hover {background-position:0 100%}
 */
/******************************************************************* [ dl box ] *******************************************************************/

dl.step_box {}

dl.step_box dt {
	border: 1px solid #dedede;
	background-color: #f1f1f1;
	width: 728px;
	height: 38px;
	font-size: 18px;
	color: #3369c3;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 36px;
	text-indent: 20px
}

dl.step_box dt span {
	color: #666;
	font-size: 14px;
	font-weight: normal;
	padding-left: 10px
}

dl.step_box dd {
	border: 1px solid #dedede;
	border-top: none;
	padding: 15px 20px;
	font-size: 14px;
	color: #666;
	line-height: 20px;
	letter-spacing: -0.05em
}

dl.step_box dd span {
	display: block;
	width: 100%;
	text-align: right
}

dl.step_box+dl.step_box {
	margin-top: 20px
}

/******************************************************************* [ dl faq ] *******************************************************************/

dl.faq {
	text-align: left;
}

dl.faq dt {
	padding: 10px 30px 15px 50px;
	line-height: 20px;
	font-weight: bold;
	background: url(http://www.cookeyenglish.com/images/content/ico_q.gif) no-repeat 20px 13px;
	cursor: pointer
}

dl.faq dd {
	padding: 10px 30px 15px 50px;
	line-height: 20px;
	background: url(http://www.cookeyenglish.com/images/content/ico_a.gif) no-repeat 0 0;
	display: none
}

/******************************************************************* [ ul step ] *******************************************************************/

ul.step_lecture {
	width: 750px !important;
	margin: 40px auto !important;
	font-size: 0;
}

ul.step_lecture li {
	width: 200px;
	height: 150px;
	display: inline-block;
	padding-right: 50px;
	position: relative;
}

ul.step_lecture li:after {
	content: "";
	position: absolute;
	z-index: 999;
	width: 50px;
	height: 20px;
	right: 0;
	top: 50%;
	transform: translatey(-50%);
	background: url(images/arrow03.png) no-repeat center center;
}

ul.step_lecture li:last-child {
	padding-right: 0;
	width: 150px;
}

ul.step_lecture li:last-child:after {
	display: none;
}

ul.step_lecture li span {
	display: table-cell;
	vertical-align: middle;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	font-size: 18px;
	color: #000;
	font-weight: 400;
	text-align: center;
	background-color: #f5f5f5;
}

ul.step_lecture li span.step1 {
	background-color: #d8d620
}

ul.step_lecture li span.step2 {
	background-color: #71cd5c;
	color: #fff;
}

ul.step_lecture li span.step3 {
	background-color: #eba849
}

ul.step_lecture li span.step4 {
	background-color: #eb7349
}

/******************************************************************* [ ul list ] *******************************************************************/

/**** 교재(상품)신청 ****/

div.product {
	position: relative
}

div.product img.goods {
	position: absolute;
	top: 20px;
	left: 15px;
	width: 120px;
	height: 131px;
}

ul.goods_list {
	border-bottom: 1px solid #ddd;
	padding: 20px 15px 20px 14px;
}

ul.goods_list li {
	font-size: 14px;
	color: #444;
	line-height: 35px;
	padding-left: 140px
}

ul.goods_list li:first-child {
	color: #3369c3;
	font-weight: bold;
	font-size: 16px;
	margin-top: -10px
}

ul.goods_list li select {
	border: 1px solid #bfbfbf;
	font-size: 12px;
	color: #444;
	padding: 3px;
	vertical-align: middle
}

div.btn_goodsblock {
	position: absolute;
	top: 50px;
	right: 15px
}

ul.circle_list {
	margin-bottom: 24px
}

ul.circle_list li {
	background: url(http://www.cookeyenglish.com/images/content/ico_circle.gif) no-repeat 0 10px;
	padding-left: 10px;
	font-size: 14px;
	color: #444;
	line-height: 22px
}

ul.circle_list li img {
	vertical-align: middle
}

ul.circle_list2 {
	margin-bottom: 24px
}

ul.circle_list2 li {
	background: url(http://www.cookeyenglish.com/images/content/ico_circle.gif) no-repeat 0 16px;
	padding-left: 10px;
	font-size: 14px;
	color: #444;
	line-height: 30px;
}

ul.circle_listb {
	margin-bottom: 19px;
	margin-top: -10px
}

ul.circle_listb li {
	background: url(http://www.cookeyenglish.com/images/content/ico_circle_b.gif) no-repeat 0 10px;
	padding-left: 10px;
	font-size: 14px;
	color: #444;
	line-height: 22px;
	font-weight: bold
}


ul.circle_list_tbl {
	padding: 10px 0;
	margin-top: -5px
}

ul.circle_list_tbl li {
	margin-top: 5px;
	background: url(http://www.cookeyenglish.com/images/content/ico_circle.gif) no-repeat 0 10px;
	padding-left: 10px;
	font-size: 14px;
	color: #444;
	line-height: 20px;
	word-break: keep-all
}

ul.circle_list_tbl li img {
	vertical-align: middle
}

/**** 테이블 안에 안내 리스트 ****/

ul.info_list {
	padding: 10px 0 0 0
}

/**** 책 리스트 ****/
div.book_bar {
	height: 300px;
	overflow: hidden;
	background: url(http://www.cookeyenglish.com/images/content/bar_wood.gif) no-repeat 0 227px;
}

ul.book_list3 {
	width: 546px;
	margin: auto
}

ul.book_list3 li {
	width: 160px;
	height: 225px;
	margin-left: 30px;
	text-align: center;
	float: left;
	background-color: #f5f5f5;
	border: 1px solid #d9d9d9;
	position: relative
}

ul.book_list3 li:first-child {
	margin-left: 0
}

ul.book_list3 li span {
	font-size: 14px;
	color: #3369c3;
	font-weight: bold;
	line-height: 33px;
}

ul.book_list3 li a {
	position: absolute;
	bottom: -50px;
	left: 45px
}

ul.book_list3+p.txt_title {
	margin-top: 30px
}

ul.book_list2 {
	width: 384px;
	margin: auto
}

ul.book_list2 li {
	width: 160px;
	height: 225px;
	margin-left: 30px;
	text-align: center;
	float: left;
	background-color: #f5f5f5;
	border: 1px solid #d9d9d9;
	position: relative
}

ul.book_list2 li:first-child {
	margin-left: 0
}

ul.book_list2 li span {
	font-size: 14px;
	color: #3369c3;
	font-weight: bold;
	line-height: 33px;
}

ul.book_list2 li a {
	position: absolute;
	bottom: -50px;
	left: 45px
}

ul.book_list2+p.txt_title {
	margin-top: 30px
}

ul.book_list4 {
	width: 693px;
	margin: auto
}

ul.book_list4 li {
	width: 160px;
	height: 225px;
	margin-left: 15px;
	text-align: center;
	float: left;
	background-color: #f5f5f5;
	border: 1px solid #d9d9d9;
	position: relative
}

ul.book_list4 li:first-child {
	margin-left: 0
}

ul.book_list4 li span {
	font-size: 14px;
	color: #3369c3;
	font-weight: bold;
	line-height: 33px;
}

ul.book_list4 li a {
	position: absolute;
	bottom: -50px;
	left: 45px
}

ul.book_list4+p.txt_title {
	margin-top: 30px
}

div.tbl_board+h6.stit {
	margin-top: 36px
}

.ispeak {
	line-height: 17px !important
}

/******************************************************************* [ ol list ] *******************************************************************/

ol.basic_list {}

ol.basic_list li {
	font-size: 14px;
	color: #444;
	font-weight: bold;
	line-height: 20px
}

ol.basic_list2 {}

ol.basic_list2 li {
	font-size: 14px;
	color: #444;
	line-height: 22px;
	padding-left: 20px
}

ol.basic_list2 li span.blo {
	display: inline-block;
	margin-left: -20px
}

ol.basic_list3 {
	margin-top: -5px
}

/* 프로그램구성 */
ol.basic_list3 li {
	font-size: 14px;
	color: #444;
	font-weight: bold;
	line-height: 24px;
	padding-left: 20px;
	word-break: keep-all;
	margin-top: 5px
}

ol.basic_list3 li span.blo {
	display: inline-block;
	margin-left: -20px
}

div.programe {
	margin-bottom: 40px
}


/**** 교육과정>프로그램소개>소개 ****/
.p_title {
	font-size: 26px;
	color: #197176;
	letter-spacing: 1px;
}

.study_txt {
	font-size: 14px;
	color: #686868;
	margin-top: 15px;
	float: left;
	/* width:800px; */
	/* background:red; */
}

.study_txt li {
	float: left;
	width: 800px;
	margin-top: 25px;
	line-height: 23px;
	clear: both;
	/* background:yellow; */
}

.study_box1 {
	float: left;
	display: block;
	margin-right: 15px;
	width: 20px;
	height: 20px;
	background: #197176;
	text-indent: -1000em;
}

.study_txt1 {
	margin-left: 36px;
}

.study_txt .study_text {
	margin-top: 0;
}

#phonics_box {
	background: #ecfeff;
	float: left;
	width: 100%;
	padding-bottom: 30px;
	margin-top: 50px;
}

#phonics_box p {
	height: 46px;
	background: #197176;
	padding-left: 30px;
	color: white;
	font-size: 22px;
	font-weight: bold;
	line-height: 46px;
}

.phonics_cont {
	margin-top: 30px;
	margin-left: 30px;
	line-height: 20px;
}

.phonics_cont li {
	margin-top: 20px;
}

.ph_con_title {
	/* background:red; */
	display: block;
	font-size: 16px;
	font-weight: bold;
	width: 150px;
	float: left;
}

.ph_con_txt {
	display: block;
	/*background:green; */
	width: 500px;
	margin-left: 150px;
	font-size: 14px;
	/* *margin-top:-20px; */
}

.ph_con_txt1 {
	font-weight: bold;
	color: #0c73e8;
}

.ph_viwe {
	display: block;
	width: 500px;
	margin-left: 170px;
	margin-top: -15px;
	font-size: 14px;
	font-weight: bold;
	color: red;
	/* *margin-top:-20px; */
}



.j_title {
	font-size: 26px;
	color: #f69f17;
	letter-spacing: 1px;
}

.study_txt {
	font-size: 14px;
	color: #686868;
	margin-top: 15px;
	float: left;
	/* width:800px; */
	/* background:red; */
}

.study_txt li {
	float: left;
	width: 800px;
	margin-top: 25px;
	line-height: 23px;
	clear: both;
	/* background:yellow; */
}

.study_box2 {
	float: left;
	display: block;
	margin-right: 15px;
	width: 20px;
	height: 20px;
	background: #f69f17;
	text-indent: -1000em;
}

.study_txt1 {
	margin-left: 36px;
}

.study_txt .study_text {
	margin-top: 0;
}

#junior_box {
	background: #fffbf4;
	float: left;
	width: 100%;
	padding-bottom: 30px;
	margin-top: 50px;
}

#junior_box p {
	height: 46px;
	background: #f69f17;
	padding-left: 30px;
	color: white;
	font-size: 22px;
	font-weight: bold;
	line-height: 46px;
}

.junior_cont {
	margin-top: 30px;
	margin-left: 30px;
	line-height: 20px;
}

.junior_cont li {
	margin-top: 20px;
}

.ju_con_title {
	/* background:red; */
	display: block;
	font-size: 16px;
	font-weight: bold;
	width: 150px;
	float: left;
}

.ju_con_txt {
	display: block;
	/*background:green; */
	width: 500px;
	margin-left: 150px;
	font-size: 14px;
	/* *margin-top:-20px; */
}

.ju_con_txt1 {
	font-weight: bold;
	color: #0c73e8;
}

.ju_viwe {
	display: block;
	width: 500px;
	margin-left: 170px;
	font-size: 14px;
	font-weight: bold;
	color: red;
	/* *margin-top:-20px; */
}



.s_title {
	font-size: 26px;
	color: #fc5151;
	letter-spacing: 1px;
}

.study_txt {
	font-size: 14px;
	color: #686868;
	margin-top: 15px;
	float: left;
	/* width:800px; */
	/* background:red; */
}

.study_txt li {
	float: left;
	width: 800px;
	margin-top: 25px;
	line-height: 23px;
	clear: both;
	/* background:yellow; */
}

.study_box3 {
	float: left;
	display: block;
	margin-right: 15px;
	width: 20px;
	height: 20px;
	background: #fc5151;
	text-indent: -1000em;
}

.study_txt1 {
	margin-left: 36px;
}

.study_txt .study_text {
	margin-top: 0;
}

#senior_box {
	background: #fff9f9;
	float: left;
	width: 100%;
	padding-bottom: 30px;
	margin-top: 50px;
}

#senior_box p {
	height: 46px;
	background: #fc5151;
	padding-left: 30px;
	color: white;
	font-size: 22px;
	font-weight: bold;
	line-height: 46px;
}

.senior_cont {
	margin-top: 30px;
	margin-left: 30px;
	line-height: 20px;
}

.senior_cont li {
	margin-top: 20px;
}

.se_con_title {
	/* background:red; */
	display: block;
	font-size: 16px;
	font-weight: bold;
	width: 150px;
	float: left;
}

.se_con_txt {
	display: block;
	/*background:green; */
	width: 500px;
	margin-left: 150px;
	font-size: 14px;
	/* *margin-top:-20px; */
}

.se_con_txt1 {
	font-weight: bold;
	color: #0c73e8;
}

.se_viwe {
	display: block;
	width: 500px;
	margin-left: 170px;
	font-size: 14px;
	font-weight: bold;
	color: red;
	/* *margin-top:-20px; */
}





ol.pro_list {
	margin-bottom: 35px;
	margin-top: 5px
}

ol.pro_list li {
	font-size: 14px;
	color: #444;
	font-weight: bold;
	margin-top: 20px;
	padding-left: 45px;
	line-height: 22px;
	letter-spacing: -0.04em
}

ol.pro_list li:first-child {
	margin-top: 0
}

ol.pro_list li.n1 {
	background: url(http://www.cookeyenglish.com/images/content/ico_number1.gif) no-repeat 0 6px;
	min-height: 32px
}

ol.pro_list li.n2 {
	background: url(http://www.cookeyenglish.com/images/content/ico_number2.gif) no-repeat 0 6px;
	min-height: 32px
}

ol.pro_list li.n3 {
	background: url(http://www.cookeyenglish.com/images/content/ico_number3.gif) no-repeat 0 6px;
	min-height: 32px
}

ol.pro_list li.n4 {
	background: url(http://www.cookeyenglish.com/images/content/ico_number4.gif) no-repeat 0 6px;
	min-height: 32px
}

/**** 교육과정>프로그램소개>장점 ****/
ol.best_list {
	margin-top: 10px;
	word-break: keep-all;
}

ol.best_list li {
	font-size: 14px;
	color: #444;
	margin-top: 20px;
	line-height: 22px;
}

ol.best_list li:first-child {
	margin-top: 0
}

ol.best_list li.n1 {
	border: 1px solid #a0a909;
	padding: 15px 10px 15px 98px;
	background: url(http://www.cookeyenglish.com/images/content/bg_number1.gif) no-repeat 0 50%
}

ol.best_list li.n2 {
	border: 1px solid #da8d20;
	padding: 15px 10px 15px 98px;
	background: url(http://www.cookeyenglish.com/images/content/bg_number2.gif) no-repeat 0 50%
}

ol.best_list li.n3 {
	border: 1px solid #d8572a;
	padding: 15px 10px 15px 98px;
	background: url(http://www.cookeyenglish.com/images/content/bg_number3.gif) no-repeat 0 50%
}

ol.best_list li.n1 strong {
	color: #a0a909
}

ol.best_list li.n2 strong {
	color: #da8d20
}

ol.best_list li.n3 strong {
	color: #d8572a
}

ol.best_list li.o1 {
	padding: 10px 10px 10px 130px;
	background: url(http://www.cookeyenglish.com/images/content/bg_onumber1.gif) no-repeat 0 0;
	height: 90px;
	line-height: 22px;
	font-weight: normal
}

ol.best_list li.o2 {
	padding: 40px 10px 10px 130px;
	background: url(http://www.cookeyenglish.com/images/content/bg_onumber2.gif) no-repeat 0 0;
	height: 90px;
	line-height: 22px;
	margin-top: 0;
	font-weight: normal
}

ol.best_list li.o1 strong {
	color: #3369c3;
	font-weight: normal
}

ol.best_list li.o2 strong {
	color: #3369c3;
	font-weight: normal
}

/**** 고객지원>화상영어가이드 ****/
ol.guide_list {
	font-size: 15px;
	color: #3369c3;
	font-weight: bold;
	margin-top: 23px;
	line-height: 22px;
	letter-spacing: -0.04em;
	word-break: keep-all;
	padding-bottom: 50px;
}

ol.guide_list li {
	margin-left: 20px;
	margin-top: 50px;
}

ol.guide_list_sub {
	color: #444;
	margin-bottom: 20px;
	margin-left: -20px;
}

ol.guide_list_sub li {
	margin: 0 !important;
	line-height: 22px;
	list-style: none;
}

ol.guide_list+ol.guide_list {
	margin-top: 20px
}

.img_pd {
	padding: 13px 0 13px 0;
	text-align: center
}

.img_pd2 {
	padding: 0;
	text-align: center;
	margin-bottom: -10px
}

.img_pd3 {
	padding: 8px 0 0 0;
	margin-bottom: -30px;
	text-align: center
}

.img_pd4 {
	padding: 0 0 13px 0;
	text-align: center
}

ol.guide_a {
	font-size: 14px;
	color: #cc2e2e;
	font-weight: bold;
	line-height: 20px;
}

ol.guide_a li {
	margin-bottom: 20px;
	margin-left: 0
}

ol.guide_list_sub2 {
	color: #444;
	margin-bottom: 20px;
}

ol.guide_list_sub2 li {
	margin: 0 !important;
	line-height: 22px;
}

ol.guide_list_sub2 li img {
	vertical-align: middle
}

h6.guide_q {
	font-size: 16px;
	color: #000;
	line-height: 50px;
	height: 50px;
	border-bottom: 1px solid #ddd;
	text-align: left;
	padding: 0 30px;
	width: 90%;
	margin: 20px auto;
	background: url(http://www.cookeyenglish.com/images/vg_arrow.png) no-repeat center right 30px;
}

#tab5 .borderno {
	border-bottom: 0;
}

p.txt+ol.guide_list {
	margin-top: -10px
}


/**** 모바일 가이드 ****/
.guide_img {
	margin-bottom: 50px;
}



/******************************************************************* [ agree check ] *******************************************************************/

div.agree_block {
	height: 35px;
	text-align: right;
	font-size: 14px;
	color: #444;
	line-height: 35px;
	margin-bottom: 25px
}

div.agree_block input[type="checkbox"] {
	vertical-align: middle
}

div.agree_block label {
	padding-left: 5px
}

.agree_block span {
	color: #0095ff;
	text-decoration: underline;
}

div.rol_box {
	padding: 15px 20px;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #444;
	height: 400px;
	overflow-y: scroll;
	text-align: left;
}

div.rol_box+h5.stit {
	margin-top: 30px
}

div.agree_block+h5.stit {
	margin: 30px auto;
	font-size: 18px;
}

/* 회원약관 */

.stit {
	margin: 30px auto;
	font-size: 18px;
}

/* 약관 테이블 */
div.tbl_rol {
	margin-top: 10px
}

div.tbl_rol table {
	border: 1px solid #ddd
}

div.tbl_rol th {
	border: 1px solid #ddd;
	padding: 5px;
	background-color: #f2f2f2;
	font-size: 14px
}

div.tbl_rol td {
	border: 1px solid #ddd;
	padding: 5px;
	font-size: 12px;
	word-break: keep-all
}


.scroll_title {
	font-size: 14px;
	color: #ff2626;
	font-weight: bold;
}

.sub_col {
	color: #ff6262;
	font-weight: bold;
}


/******************************************************************* [ Tab] *******************************************************************/

ul.tab {
	height: 120px;
	width: 1300px;
	margin: 50px auto;
	margin-bottom: 30px;
	text-align: center;
	font-size: 0;
	background-color: #f1f9ff;
}

ul.tab li {
	width: 25%;
	height: 120px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	border-right: 2px solid #fff;
	font-size: 17px;
}

ul.tab li:last-child {
	border-right: 0;
}

ul.tab li a {
	display: block;
	text-align: center;
	padding-top: 70px;
}


/**** 화상영어 가이드/ 모바일가이드 / vr 학습 가이드 ****/

ul.tab li.tab_guide1 {
	background: url(http://www.cookeyenglish.com/images/vg_icon01.png) no-repeat center top 30px;
}

ul.tab li.tab_guide2 {
	background: url(http://www.cookeyenglish.com/images/vg_icon02.png) no-repeat center top 25px;
}

ul.tab li.tab_guide3 {
	background: url(http://www.cookeyenglish.com/images/vg_icon03.png) no-repeat center top 30px;
}

ul.tab li.tab_guide4 {
	background: url(http://www.cookeyenglish.com/images/vg_icon04.png) no-repeat center top 32px;
}

ul.tab li.tab_guide6 {
	background-color: #f1f9ff;
	font-size: 20px;
	line-height: 120px;
	width: 50%;
}

ul.tab li.tab_guide7 {
	background-color: #f1f9ff;
	font-size: 20px;
	line-height: 120px;
	width: 50%;
}

ul.tab li.tab_guide6 a {
	padding-top: 0;
}

ul.tab li.tab_guide7 a {
	padding-top: 0;
}

ul.tab li.tab_guide8 {
	background: url(http://www.cookeyenglish.com/images/vg_icon01.png) no-repeat center top 30px;
	width: 50%;
}

ul.tab li.tab_guide9 {
	background: url(http://www.cookeyenglish.com/images/vg_icon05.png) no-repeat center top 32px;
	background-size: 38px auto;
	width: 50%;
}


#tab2 {
	position: relative;
}

.app_left {
	position: absolute;
	left: 150px;
	top: 50%;
	transform: translateY(-50%);
	outline: 0;
}

.app_right {
	position: absolute;
	right: 150px;
	top: 50%;
	transform: translateY(-50%);
	outline: 0;
}

ul.tab>.active {
	border-bottom: 3px solid #0095ff;
}


ul.tab li.tab_hello1 {
	background: url(http://www.cookeyenglish.com/images/content/tab/tab_hello1.gif) no-repeat 0 0;
	width: 152px
}

ul.tab li.tab_hello2 {
	background: url(http://www.cookeyenglish.com/images/content/tab/tab_hello2.gif) no-repeat 0 0;
	width: 152px;
}


div.tab_container {
	clear: both;
	position: relative;
	margin: 70px 0 150px;
}

.page {
	margin-bottom: 150px;
}

/**** 카테고리 텝 ****/

ul.tab_categroy {
	width: 1300px;
	height: 50px;
	margin: 100px 0 50px;
}

ul.tab_categroy li {
	width: 20%;
	float: left;
	background-color: #f1f1f1;
	font-size: 15px;
	line-height: 50px;
	color: #444;
	text-align: center;
	border-left: 1px solid #fff;
	margin-bottom: 20px;
}

ul.tab_categroy li:first-child {
	margin-left: 0
}

ul.tab_categroy li.on {
	background-color: #adacac;
	font-weight: bold;
	color: #fff
}

/**** 아이디비밀번호찾기 ****/

ul.tabs {
	height: 50px;
	width: 1300px;
	margin-bottom: 30px;
}

ul.tabs li {
	width: 200px;
	float: left;
	cursor: pointer;
	background-color: #0070c0;
	color: #fff;
	line-height: 50px;
}

ul.tabs li:first-child {
	margin-right: 20px;
}

ul.tabs li.on {
	background-position: 0 100%
}

.subject #btn1 {
	width: 100px;
	background-color: #adacac;
	color: #fff;
	border: 0;
	margin-left: 10px;
	vertical-align: middle;
	height: 23px !important;
}

.subject #btn2 {
	width: 100px;
	background-color: #adacac;
	color: #fff;
	border: 0;
	margin-left: 10px;
	vertical-align: middle;
	height: 23px !important;
}

/**** 프로그램구성 ****/

ul.tab_basic {
	height: 90px;
	width: 730px;
	background: url(http://www.cookeyenglish.com/images/content/tab/bg_line.gif) repeat-x 0 100%;
	margin-bottom: 30px
}

ul.tab_basic li {
	width: 152px;
	height: 90px;
	float: left;
	cursor: pointer;
}

ul.tab_basic li:first-child {
	width: 152px
}

ul.tab_basic li a {
	display: block;
	text-indent: -9999px
}

ul.tab_basic li a:link {
	width: 152px;
	float: left;
	background-position: 0 0
}

ul.tab_basic li a:visited {
	width: 152px;
	float: left;
	background-position: 0 0
}

ul.tab_basic li.pro1 {
	background: url(http://www.cookeyenglish.com/images/content/tab/tab_pro1.gif) no-repeat 0 0;
	width: 161px !important
}

ul.tab_basic li.pro2 {
	background: url(http://www.cookeyenglish.com/images/content/tab/tab_pro2.gif) no-repeat 0 0;
	width: 161px !important
}

ul.tab_basic li.pro3 {
	background: url(http://www.cookeyenglish.com/images/content/tab/tab_pro3.gif) no-repeat 0 0;
	width: 162px !important
}

ul.tab_basic li.on {
	width: 152px;
	float: left;
	background-position: 0 100%;
}

ul.tab_sub {
	height: 40px;
	width: 730px;
	margin-bottom: 30px;
	border-bottom: 1px solid #a0a909
}

ul.tab_sub li {
	width: 170px;
	height: 40px;
	float: left;
	cursor: pointer;
	font-weight: bold;
	font-size: 14px;
	color: #444;
	text-align: center;
	border: 1px solid #ddd;
	border-left: none;
	line-height: 38px;
	border-bottom: none
}

ul.tab_sub li:first-child {
	border: 1px solid #ddd;
	border-bottom: none
}

ul.tab_sub li a {
	display: block;
	height: 40px
}

ul.tab_sub li a:link {
	width: 170px;
	float: left;
	background-position: 0 0
}

ul.tab_sub li a:visited {
	width: 170px;
	float: left;
	background-position: 0 0
}

ul.tab_sub li.active {
	width: 170px;
	float: left;
	color: #fff;
	background-color: #a0a909;
	border: none;
	height: 40px;
}

ul.tab_sub li.active a:link {
	width: 170px;
	float: left;
	color: #fff;
	background-color: #a0a909;
	border: none;
	height: 40px
}

/******************************************************************* [ popup ] *******************************************************************/

div.popup_wrap {
	width: 100%;
	position: relative;
	box-sizing: border-box;
}

h2.ptit {
	background-color: #0095ff;
	font-size: 18px;
	color: #fff;
	padding-left: 30px;
	font-weight: 500;
	line-height: 45px;
}

h2.ptit span.none {
	font-size: 18px;
	top: 0
}

h2.ptit span {
	font-size: 12px;
	position: relative;
	top: -2px
}

s h2.ptit img {
	vertical-align: middle
}

div.content_popup {
	padding: 30px
}

a.btn_popclose {
	position: absolute;
	top: 14px;
	right: 30px
}

.teacher_choice p {
	margin-bottom: 30px;
}

/**** 버튼 ****/

div.btn_popblock {
	margin-top: 30px;
	text-align: center;
	width: 100%;
}

a.btn_pop {
	background-color: #555;
	width: 90px;
	line-height: 30px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
}

a.btn_pop+a.btn_pop {
	margin-left: 40px
}

/**** 주소상세 레이어****/

div.lay {
	position: relative
}

div.adress_layer {
	display: none;
	position: absolute;
	top: 30px;
	left: -30px;
	z-index: 10;
	width: 245px;
	height: 135px;
	border: 1px solid #e7e7e7;
	text-align: left;
	background-color: #fff
}

div.adress_layer h6 {
	background-color: #3369c3;
	color: #fff;
	padding-left: 20px;
	height: 40px;
	line-height: 40px;
	font-size: 14px
}

div.adress_layer p {
	padding: 15px 20px;
	line-height: 20px
}

div.adress_layer strong {
	font-weight: bold !important;
	color: #444;
	font-size: 14px
}

div.adress_layer a.lay_close {
	position: absolute;
	top: 12px;
	right: 20px
}


div.box_scroll {
	height: 186px;
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden
}

div.popup_wrap input.btn_search {
	margin-left: -1px;
	background-color: #666;
	padding: 0 10px;
	height: 25px;
	padding-bottom: 2px;
	font-size: 14px;
	color: #fff;
	border: none;
	vertical-align: middle;
	display: inline-block;
}

/******************************************************************* [ 달력 ] *******************************************************************/

div.calendar_box {
	width: 730px;
	height: 535px;
	background: url(http://www.cookeyenglish.com/images/content/calendar/bg_calendar.gif) no-repeat;
	margin-top: 20px
}

div.calendar_box div.tit_month {
	height: 47px;
	text-align: center;
	line-height: 47px;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	position: relative
}

div.calendar_box div.tit_month a.prev_month {
	position: absolute;
	top: 13px;
	left: 260px
}

div.calendar_box div.tit_month a.next_month {
	position: absolute;
	top: 13px;
	right: 260px
}

div.calendar_box2 {
	width: 730px;
	height: 390px;
	background: url(http://www.cookeyenglish.com/images/content/calendar/bg_calendar2.gif) no-repeat 0 0
}

div.calendar_box2 ul {
	padding-top: 18px
}

div.calendar_box2 li {
	padding-left: 115px;
	font-size: 13px;
	color: #444;
	line-height: 22px;
	height: 37px;
	padding-top: 13px
}

div.calendar_box2 li.line2 {
	height: 57px;
	padding-top: 13px;
}

div.calendar_box2 li.last {
	padding-top: 11px
}

/**** 달력테이블 ****/

div.tbl_cal {
	width: 707px;
	margin: auto
}

div.tbl_cal th {
	height: 40px;
	font-family: verdana;
	font-size: 12px;
	color: #666;
	text-align: center;
	font-weight: bold;
	background: url(http://www.cookeyenglish.com/images/content/calendar/ico_dot_ver.gif) repeat-y 0 0
}

div.tbl_cal th:first-child {
	color: #f21d52;
	background-image: none
}

div.tbl_cal td {
	color: #666;
	font-family: verdana;
	font-size: 12px;
	border-top: 1px solid #d9d9d9;
	background: url(http://www.cookeyenglish.com/images/content/calendar/ico_dot_ver.gif) repeat-y 0 0;
	empty-cells: show;
	padding: 10px;
	text-align: right;
	height: 50px;
	vertical-align: top
}

div.tbl_cal td:first-child {
	background-image: none;
	color: #f21d52;
}

div.tbl_cal .sat {
	color: #3369c3
}

div.tbl_cal span.ico {
	width: 80px;
	display: inline-block;
	text-align: center;
	margin-top: 10px
}

div.tbl_cal span.ico img {
	vertical-align: middle;
}

div.tbl_cal span.ico img+img {
	margin-left: 5px
}

/**** 수업일정 달력 ****/
div.mystudy_box {
	width: 730px;
	height: 385px;
	overflow: hidden
}

div.calendar_study {
	width: 420px;
	height: 385px;
	background: url(http://www.cookeyenglish.com/images/content/calendar/bg_calendar_study.gif) no-repeat;
	float: left
}

div.calendar_study div.tit_month {
	height: 47px;
	text-align: center;
	line-height: 47px;
	font-family: verdana;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	position: relative
}

div.calendar_study div.tit_month a.prev_month {
	position: absolute;
	top: 13px;
	left: 120px
}

div.calendar_study div.tit_month a.next_month {
	position: absolute;
	top: 13px;
	right: 120px
}

div.tbl_calst {
	width: 385px;
	margin: auto
}

div.tbl_calst th {
	height: 50px;
	font-family: verdana;
	font-size: 12px;
	color: #666;
	text-align: center;
	font-weight: bold;
}

div.tbl_calst th:first-child {
	color: #f21d52;
	background-image: none
}

div.tbl_calst td {
	color: #666;
	font-family: verdana;
	font-size: 12px;
	empty-cells: show;
	padding: 10px;
	text-align: center;
	height: 25px;
}

div.tbl_calst td:first-child {
	color: #f21d52;
}

div.tbl_calst .sat {
	color: #3369c3
}

div.tbl_calst td.studyon {
	background: url(http://www.cookeyenglish.com/images/content/calendar/bg_studyon.gif) no-repeat 50% 50%
}


div.study_memo {
	float: left;
	width: 310px;
	height: 385px;
	background: url(http://www.cookeyenglish.com/images/content/calendar/bg_memo.gif) no-repeat;
	color: #444;
	position: relative
}

div.study_memo p.memo {
	font-size: 14px;
	padding: 10px 20px 0 35px;
	line-height: 20px;
	letter-spacing: -0.03em
}

div.study_memo h5.mtit {
	font-size: 16px;
	color: #444;
	padding-left: 35px;
	padding-top: 20px
}

div.study_memo h5.mtit img {
	vertical-align: middle
}

div.study_memo ul {
	position: absolute;
	top: 260px;
	left: 35px;
}

div.study_memo li {
	font-size: 14px;
	line-height: 20px
}

/******************************************************************* [ 프로그램 다운로드 ] *******************************************************************/

div.down_box {
	width: 1300px;
	overflow: hidden;
	padding-bottom: 60px;
}

div.down_box a {
	float: left !important;
	width: 420px;
	margin-right: 20px;
	border-right: 1px solid #fff;
	box-sizing: border-box;
	padding: 30px 0;
	font-size: 20px;
}

div.down_box a:last-child {
	margin-right: 0;
}

div.down_box {
	margin-bottom: 50px;
}

div.down_box a p:last-child {
	font-size: 14px;
	line-height: 23px;
}

div.down_box a img {
	margin-bottom: 30px;
}

div.down_guide {
	height: 50px;
	width: 600px;
	float: left;
	margin-bottom: 50px;
}

div.down_guide:nth-child(even) {
	float: right;
}

div.down_guide:last-child {
	margin-bottom: 200px;
}

div.down_guide a {
	width: 180px;
	line-height: 40px;
	height: 40px;
	display: block;
	background-color: #f3dd03;
	font-size: 17px;
	font-weight: bold;
	color: #333;
	padding-top: 0;
	cursor: pointer;
	letter-spacing: -0.05em;
	margin: 0;
}

div.down_guide p {
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-align: left;
}

/******************************************************************* [ 원격지원센터 ] *******************************************************************/

/* div.oneto_box {background:url(http://www.cookeyenglish.com/images/content/bg_oneto.gif) no-repeat 100% 4px; margin-top:40px; height:105px; width:730px; font-size:14px;  font-family:'Malgun Gothic','맑은 고딕';  line-height:22px} */
/* div.oneto_box p {font-size:14px; font-family:'Malgun Gothic','맑은 고딕';color:#444; line-height:22px} */

.self_control {
	font-size: 0;
}

.self_control li {
	background: #f6fafe;
	padding-bottom: 15px;
	width: 640px;
	display: inline-block;
	margin-right: 20px;
}

.self_control li:last-child {
	margin-right: 0;
}

.self_control li img {
	width: 100%;
}

.self_control li span {
	display: block;
	font-size: 16px;
	line-height: 26px;
	padding: 15px;
	text-align: left;
}


/******************************************************************* [ 로그인 ] *******************************************************************/
input:focus {
	outline: none;
}

div.login {
	width: 439px;
	height: 358px;
	border: 1px solid #ccc;
	margin: 50px auto 100px;
	position: relative
}

ul.login_input {
	/* padding:120px 11px 0 189px; */
	margin-top: 50px;
}


ul.login_input li {
	width: 357px;
	height: 50px;
	margin: 20px auto;
}

ul.login_input input.input_id {
	font-size: 16px;
	width: 357px;
	height: 50px;
	background: none;
	border: none;
	border-bottom: 1px solid #ccc;
	padding-left: 10px;
}

ul.login_input input.input_pw {
	font-size: 16px;
	width: 357px;
	height: 50px;
	background: none;
	border: none;
	border-bottom: 1px solid #ccc;
	padding-left: 10px;
}

ul.login_input input.input_txt {
	font-size: 16px;
	width: 357px;
	height: 50px;
	background: none;
	border: none;
	border-bottom: 1px solid #ccc;
	padding-left: 10px;
	/* padding-left:10px; */
	/* line-height:27px */
}

ul.login_input input.input_txt2 {
	font-size: 16px;
	width: 357px;
	height: 50px;
	background: none;
	border: none;
	border-bottom: 1px solid #ccc;
	padding-left: 10px;
	/* padding-left:10px; */
	/* line-height:27px */
}

/* ul.login_input input.input_txt {border:1px solid #ccc; border-right:none; width:240px; height:27px;padding-left:10px; font:12px dotum; line-height:27px} */
/* ul.login_input input.input_txt2 {border:1px solid #ccc; border-top:none; border-right:none; width:240px; height:27px; padding-left:10px; font:12px dotum;line-height:27px} */
div.login input.btn_login {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 200px
}

ul.login_btn {
	margin-top: 100px;
	margin-left: 40px;
	/* position:absolute; */
	/* left:189px; top:182px; */
	/* float:left; */
}

ul.login_btn li {
	float: left;
	margin-left: 7px;
	width: 175px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	background-color: #666;
}

ul.login_btn li:first-child {
	margin-left: 0;
}



/* div.login {width:439px; height:358px; background:url(http://www.cookeyenglish.com/images/content/login/bg_login.gif) no-repeat 0 0 ; margin:auto; position:relative}
ul.login_input { padding:120px 11px 0 189px;}
ul.login_input li {}
ul.login_input input.input_id {border:1px solid #ccc; border-right:none; width:249px; height:27px; padding-left:10px; font:12px dotum; background:url(http://www.cookeyenglish.com/images/content/login/bg_id.gif) no-repeat 0 0; line-height:27px}
ul.login_input input.input_pw {border:1px solid #ccc; border-top:none; border-right:none; width:249px; height:27px;  padding-left:10px; font:12px dotum; background:url(http://www.cookeyenglish.com/images/content/login/bg_pw.gif) no-repeat 0 0; line-height:27px}
ul.login_input input.input_txt {border:1px solid #ccc; border-right:none; width:240px; height:27px;padding-left:10px; font:12px dotum; line-height:27px}
ul.login_input input.input_txt2 {border:1px solid #ccc; border-top:none; border-right:none; width:240px; height:27px; padding-left:10px; font:12px dotum;line-height:27px}
div.login input.btn_login {position:absolute; right:41px; top:120px}
ul.login_btn {position:absolute; left:189px; top:182px}
ul.login_btn li{float:left;}
ul.login_btn li:first-child {margin-right:3px} */



/******************************************************************* [ 회원가입 ] *******************************************************************/

p.sub_step {
	margin-bottom: 40px;
	margin-top: 50px;
}

p.sub_step+h5.stit {
	margin-top: -5px
}

/**** 회원가입 유형 ***/

div.join_type {
	width: 1300px;
	border-top: 2px solid #ccc;
	margin: 0 auto;
	font-size: 0;
}

div.join_type>a {
	display: inline-block;
	border: 2px solid #0095ff;
	color: #000;
	width: 625px;
	height: 100px;
	box-sizing: border-box;
	margin-top: 50px;
	font-size: 20px;
	line-height: 27px;
	padding-top: 22px;
}

div.join_type>a:first-child {
	margin-right: 50px;
}


label+input[type="radio"] {
	margin-left: 10px
}

/**** 회원가입 완료 ***/

div.join {
	width: 1300px;
	height: 425px;
	margin: 100px auto 20px;
}

div.join p {
	font-size: 14px;
	color: #444;
	line-height: 20px;
	padding-top: 65px;
	padding-left: 205px
}

div.join p strong {
	color: #444;
	font-size: 16px;
	line-height: 30px
}

/* 아이디비밀번호찾기 결과 */

div.result_box {
	width: 100%;
	border-top: 2px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 50px;
	padding: 20px 0;
	text-align: center
}

div.result_box p {
	color: #444;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 150px;
}

div.result_box1 {
	width: 100%;
	border-top: 2px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 50px;
	padding: 20px 0;
	text-align: center
}

div.result_box1 p {
	color: #444;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 150px;
}

/* 회원탈퇴 */
div.out_box {
	word-break: keep-all;
	border-top: 2px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 20px 20px 10px 20px;
	font-size: 14px;
	color: #444;
	line-height: 18px;
}

div.out_box2 {
	border-top: 2px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 25px;
	font-size: 18px;
	color: #444;
	text-align: center;
	line-height: 18px;
	margin-bottom: 25px
}

div.out_box2 h5 {
	font-size: 18px;
	color: #444;
	font-weight: bold;
	margin-bottom: 10px;
	font-weight: bold;
}

div.out_box2 p {
	color: #444;
	font-size: 14px
}

div.out_box p.pd {
	padding-left: 15px
}

div.out_box p {
	margin-bottom: 10px;
	line-height: 22px;
}

.out_bold {
	font-size: 17px;
	color: #ff0000;
}

/******************************************************************* [ 단계별 교육목표 ] *******************************************************************/

div.lebel1 {
	background: url(http://www.cookeyenglish.com/images/content/bg_level_step1.gif) no-repeat 0 0;
	width: 730px;
	height: 395px
}

div.lebel2 {
	background: url(http://www.cookeyenglish.com/images/content/bg_level_step2.gif) no-repeat 0 0;
	width: 730px;
	height: 310px;
	margin-top: 40px
}

div.lebel3 {
	background: url(http://www.cookeyenglish.com/images/content/bg_level_step3.gif) no-repeat 0 0;
	width: 730px;
	height: 310px
}

div.lebel4 {
	background: url(http://www.cookeyenglish.com/images/content/bg_level_step4.gif) no-repeat 0 0;
	width: 730px;
	height: 310px;
	margin-top: 40px
}

div.lebel5 {
	background: url(http://www.cookeyenglish.com/images/content/bg_level_step5.gif) no-repeat 0 0;
	width: 730px;
	height: 310px;
	margin-top: 40px
}

div.lebel6 {
	background: url(http://www.cookeyenglish.com/images/content/bg_level_step6.gif) no-repeat 0 0;
	width: 730px;
	height: 552px;
	margin-top: 40px
}

/******************************************************************* [ 이용약관 ] *******************************************************************/

div.priv {
	margin-bottom: 130px;
	border: 1px solid #ddd;
	padding: 20px 80px;
	font-size: 16px;
	color: #444;
	line-height: 32px;
	height: 400px;
	overflow-x: hidden;
	overflow-y: scroll;
	text-align: left;
	white-space: pre-line;
}

div.priv strong {
	font-weight: 500;
	font-size: 17px;
}

div.priv span {
	padding: 30px;
	display: block;
	background: #f7f7f7;
	margin-top: 10px;
}




/******************************************************************* [ 사이트맵 ] *******************************************************************/


.stie_map {
	font-size: 0;
	border: 1px solid #ddd;
	padding: 20px;
	margin: 30px 0 150px;
}

.site_box {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	height: 400px;
	font-size: 16px;
	border-right: 1px solid #ddd;
	margin: 50px 0;
}

.site_box:nth-child(4),
.site_box:nth-child(8) {
	border-right: 0;
}

.site_box .site {
	font-size: 22px;
	font-weight: 500;
	color: #0070c0;
	border-bottom: 1px solid #0070c0;
	display: inline-block;
	padding-bottom: 3px;
}

.site_box ul {
	margin-top: 30px;
}

.site_box li {
	margin-bottom: 8px;
}

/******************************************************************* [ 레벨테스트 신청 ] *******************************************************************/

div.level_test {
	width: 1300px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	padding-bottom: 30px
}

div.level_test div.tit_month {
	text-align: center;
	line-height: 60px;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	position: relative;
	margin-top: 10px;
}

div.level_test div.tit_month a.prev_month {
	position: absolute;
	top: 20px;
	left: 230px
}

div.level_test div.tit_month a.next_month {
	position: absolute;
	top: 20px;
	right: 230px
}

/**** 테이블 ****/

div.tbl_testtime {
	width: 710px;
	margin: 5px auto;
}

div.tbl_testtime th {
	border-bottom: 1px solid #ccc;
	background-color: #f0f0f0;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-size: 14px;
	color: #444;
	font-weight: normal;
	height: 45px
}

div.tbl_testtime th:first-child {
	border-left: none
}

div.tbl_testtime td {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	color: #444;
	font-size: 14px;
	text-align: center;
	height: 45px
}

div.tbl_testtime td:first-child {
	border-left: none
}

/******************************************************************* [ 성적표 프린트 ] *******************************************************************/

@media print {
	#header {
		display: none;
	}

	#footer {
		display: none;
	}

	#lnb {
		display: none;
	}

	#contents {
		width: 100%;
		margin: 0
	}

	.page_nav {
		display: none;
	}

	.sub_title {
		display: none
	}

	.board_btn_block_detail {
		display: none
	}
}

/******************************************************************* [ 상품 스크립 ] *******************************************************************/
#galleria {
	height: 294px;
	width: 335px;
	float: left
}

.galleria-container {
	position: relative;
	overflow: hidden;
	background: url(http://www.cookeyenglish.com/images/content/goods/bg_goods.gif) no-repeat
}

.galleria-container img {
	-moz-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}

.galleria-stage {
	position: absolute;
	top: 15px;
	bottom: 60px;
	left: 108px;
	overflow: hidden;
	height: 158px;
	width: 118px;
	border: 1px solid #ddd;
}

.galleria-thumbnails-container {
	height: 80px;
	bottom: 12px;
	position: absolute;
	left: 33px;
	right: 30px;
	z-index: 2;
}

.galleria-carousel .galleria-thumbnails-list {
	width: 270px;
}

.galleria-thumbnails .galleria-image {
	height: 85px;
	width: 68px;
	margin-left: 2px;
	margin-right: 2px;
	float: left;
	cursor: pointer;
}

.galleria-thumbnails .galleria-image img {
	width: 60px !important;
	height: 80px !important
}

.galleria-counter {
	position: absolute;
	bottom: 10px;
	left: 10px;
	text-align: right;
	color: #fff;
	font: normal 11px/1 arial, sans-serif;
	z-index: 2;
}

/*.galleria-loader { background: #fff; width: 20px; height: 20px; position: absolute; top: 10px; right: 10px; z-index: 2; display: none; background: url(classic-loader.gif) no-repeat 2px 2px; }*/
.galleria-info {
	display: none
}

.galleria-info-text {
	display: none;
	background-color: #000;
	padding: 12px;
	display: none;
	/* IE7 */
	zoom: 1;
}

.galleria-info-title {
	font: bold 12px/1.1 arial, sans-serif;
	margin: 0;
	color: #fff;
}

.galleria-info-description {
	font: italic 12px/1.4 georgia, serif;
	margin: 0;
	color: #bbb;
}

.galleria-info-title+.galleria-info-description {
	margin-top: 7px;
}

.galleria-info-close {
	width: 9px;
	height: 9px;
	position: absolute;
	top: 5px;
	right: 5px;
	background-position: -753px -11px;
	opacity: .5;
	filter: alpha(opacity=50);
	cursor: pointer;
	display: none;
}

.galleria-info-close:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.galleria-info-link {
	background-position: -669px -5px;
	opacity: .7;
	filter: alpha(opacity=70);
	position: absolute;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.galleria-info-link:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.galleria-image-nav {
	position: absolute;
	top: 50%;
	margin-top: -62px;
	width: 100%;
	height: 62px;
	left: 0;
}


.galleria-thumb-nav-left {
	background: url(http://www.cookeyenglish.com/images/content/goods/btn_goods_prev.gif) no-repeat 0 0;
	width: 19px;
	height: 19px;
	position: absolute;
	top: 34px;
	left: -20px;
	cursor: pointer;
	z-index: 1
}

.galleria-thumb-nav-left:hover {
	background-position: 0 100%
}

.galleria-thumb-nav-right {
	background: url(http://www.cookeyenglish.com/images/content/goods/btn_goods_next.gif) no-repeat 0 0;
	width: 19px;
	height: 19px;
	position: absolute;
	top: 34px;
	right: -20px;
	cursor: pointer;
	z-index: 1
}

.galleria-thumb-nav-right:hover {
	background-position: 0 100%
}

div.product_detail {
	height: 334px;
	width: 730px;
}

div.product_info {
	width: 365px;
	float: right
}

div.ha_block {
	height: 190px;
	width: 730px;
	overflow: hidden;
	margin-top: 33px
}

div.ha_1 {
	float: left;
	width: 200px
}

div.ha_1+div.ha_1 {
	margin-left: 50px;
	width: 480px
}

/**** 구매정보 테이블 ****/
div.tbl_buy {
	margin-bottom: 30px;
	margin-top: 66px;
	border-bottom: 1px solid #d2d2d2
}

div.tbl_buy th {
	height: 40px;
	border-top: 1px solid #d2d2d2;
	color: #5b5b5b;
	font-size: 16px;
	font-weight: normal;
	padding-left: 50px;
	text-align: left
}

div.tbl_buy td {
	height: 40px;
	border-top: 1px solid #d2d2d2;
	color: #5b5b5b;
	font-size: 16px;
	font-weight: normal;
}

div.tbl_buy td select {
	border: 1px solid #bfbfbf;
	font-size: 12px;
	color: #444;
	padding: 3px;
	vertical-align: middle
}

/******************************************************************* [ 인사말 ] *******************************************************************/
div.hello {
	background: url(http://www.cookeyenglish.com/images/content/bg_hello.jpg) no-repeat 0 0;
	width: 580px;
	height: 720px;
	margin-top: 65px;
	padding: 140px 120px 0 80px
}

div.hello h5 {
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #444;
	margin-bottom: 20px
}

div.hello p {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	color: #444
}

/**** 휴강신청 ****/

div.txt_info {
	margin-bottom: 27px;
	margin-top: -4px
}

div.txt_info ul {
	background: url(http://www.cookeyenglish.com/images/content/txt/tit_info.gif) no-repeat 0 4px
}

div.txt_info li {
	background: url(http://www.cookeyenglish.com/images/content/ico_bluedot.gif) no-repeat 90px 12px;
	padding-left: 100px;
	font-size: 16px;
	color: #444;
	line-height: 22px
}

div.txt_info ul.sub {
	background-image: none;
	padding-top: 5px
}

div.txt_info ul.sub li {
	font-size: 14px;
	background-image: none;
	padding-left: 0
}

div.txt_info_b {
	margin-bottom: 27px;
	margin-top: -4px
}

div.txt_info_b ul {}

div.txt_info_b li {
	background: url(http://www.cookeyenglish.com/images/content/ico_bluedot.gif) no-repeat 0 12px;
	padding-left: 8px;
	font-size: 16px;
	color: #444;
	line-height: 22px
}

div.txt_info_b li span {
	background: url(http://www.cookeyenglish.com/images/content/bg_block.gif) repeat-x 0 3px;
	color: #fff;
	display: inline-block;
	padding-bottom: 1px;
	line-height: 21px
}

div.txt_info+p.sub_txt {
	margin-top: -10px
}



/* 어학연수 */
.site_int1 {
	width: 704px;
	height: 309px;
	background: url(http://www.cookeyenglish.com/images/content/training02_1.jpg) no-repeat;
}

.site_int2 {
	padding: 46px 0 0 30px;
}

.site_int2 li {
	display: block;
	width: 600px;
	margin-top: 15px;
	line-height: 30px;
	color: white;
	font-weight: 600;
	font-size: 19px;
}

.site_int2 li span {
	font-size: 7px;
	float: left;
	display: block;
	margin-right: 10px;
	width: 6px;
	vertical-align: middle;
}

.site_int2 li a:hover {
	color: #48f9ff;
}

/*  */



/* 학습정보 */
#studyinfo_talbe {
	border: none;
	border-bottom: 1px solid #ddd;
	border-top: 3px solid #0095ff;
	margin: 30px 0 150px;
}

#studyinfo_talbe tr th {
	height: 50px;
	border: 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-weight: 500;
}

#studyinfo_talbe tr th:last-child {
	border-right: 0;
}

#studyinfo_talbe tr td {
	height: 50px;
	text-align: center;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	border: 0;
	border-bottom: 1px solid #ddd;
}

.studyinfo_no {
	background: #f8f8f8;
	font-size: 13px;
	color: #444;
}

.stinfo_btn1 a {
	background: #f04941;
	border: 1px solid #ee3d35;
	padding: 5px 10px;
	font-size: 13px;
	color: white;
	font-weight: 500;
}

.stinfo_btn2 span {
	background: #ebb749;
	border: 1px solid #daa32e;
	padding: 5px 10px;
	font-size: 13px;
	color: white;
	font-weight: 500;
}

.stinfo_btn3 a {
	background: #929292;
	border: 1px solid #848585;
	padding: 5px 10px;
	font-size: 13px;
	color: white;
	font-weight: 500;
}

/*  */


/* #42b085  #dbf6ea;*/
/* 영어독서클럽 */
#reading_box {
	float: left;
}

.reading_menu li {
	float: left;
	background: #42b085;
	width: 144px;
	height: 44px;
	text-align: center;
	border-right: 1px solid white;
}

.reading_menu li a {
	display: block;
	background: ;
	width: 144px;
	height: 44px;
	font-size: 18px;
	font-weight: 600;
	color: white;
	line-height: 44px;
}

.reading_menu .reading_btn5 {
	width: 147px;
}

.reading_menu .reading_btn5 a {
	width: 147px;
}

.reading_menu .reding_bar {
	width: 727px;
	height: 30px;
	background: #bab7b5;
}

.reading_menu .reding_bar1 {
	width: 727px;
	height: 30px;
	background: #bab7b5;
}

.rsub_btn {
	overflow: hidden;
	/* display:none; */
	float: right;
	background: red;
}

.rsub_btn li {
	height: 30px;
	width: 100px;
	background: #858483;
	border-right: 1px solid #888888;
}

.rsub_btn li a {
	height: 30px;
	width: 100px;
	font-size: 13px;
	text-align: center;
	line-height: 30px;
}

.rsub_btn .rsub_btn4 {
	border-right: 1px solid white;
}

.rsub1_btn {
	float: left;
	margin-left: 145px;
}


.reding_cont {
	width: 725px;
	/*  min-height:900px; max-height:4150px;  */
	clear: both;
	border: 1px solid #bab7b5;
	border-top: none;
}

.reding_cont li {
	/* min-height:900px; */
	max-height: 4160px;
	/* border:1px solid #858483; */
}

.reding_cont li img {
	margin: 15px 0 15px 15px;
}


#chain {
	float: left;
	margin-top: 30px;
	width: 725px;
}

#chain table {
	border: 1px solid #bab7b5;
}

.chain1 {
	font-size: 13px;
	color: #3f3f3f;
	text-align: left;
	padding-left: 6px;
}

.chain1 tr td {
	height: 30px;
	padding-left: 6px;
	border: 1px solid #5a96c5;
}

.chain1 .ch_t td {
	font-size: 14px;
	padding-left: 0px;
	height: 40px;
	font-weight: 600;
	color: #f0f8ff;
	background: #5a96c5;
	border-right: 1px solid #417ba8;
}

.chain2 td {
	background: #edf7fe;
}


.blog {
	margin-top: 20px;
	height: 50px;
}

.blog tr td {
	border: 1px solid #399c75;
	color: white;
	padding-left: 10px;
}

.add {
	margin-top: 20px;
	height: 64px;
}

.add tr td {
	border: 1px solid #ff5454;
	color: white;
	line-height: 26px;
	padding-left: 10px;
}

/* .rsub_con1{float:left; width:100%;  margin:15px 15px 0 15px; background:url(http://www.cookeyenglish.com/images/content/rsub_img01.jpg) no-repeat; background-size:96%; }
.rsub_con2{float:left; width:100%;  margin:15px 15px 0 15px; background:url(http://www.cookeyenglish.com/images/content/rsub_img02.jpg) no-repeat; background-size:96%; }
.rsub_con3{float:left; width:100%;  margin:15px 15px 0 15px; background:url(http://www.cookeyenglish.com/images/content/rsub_img03.jpg) no-repeat; background-size:96%; }
.rsub_con4{float:left; width:100%;  margin:15px 15px 0 15px; background:url(http://www.cookeyenglish.com/images/content/rsub_img04_1.jpg) no-repeat; background-size:96%; }
.rsub_con5{float:left; width:100%;  margin:15px 15px 0 15px; background:url(http://www.cookeyenglish.com/images/content/rsub_img04_2.jpg) no-repeat; background-size:96%; }
.rsub_con6{float:left; width:100%;  margin:15px 15px 0 15px; background:url(http://www.cookeyenglish.com/images/content/rsub_img04_3.jpg) no-repeat; background-size:96%; }
.rsub_con7{float:left; width:100%;  margin:15px 15px 0 15px; background:url(http://www.cookeyenglish.com/images/content/rsub_img04_4.jpg) no-repeat; background-size:96%; } */
/*  */


/* 테스트 수업 */
#test_box {
	/* background:green;  */
	overflow: hidden;
}

#test_box2 {
	margin-left: 80px;
}

#test_box4 {
	margin-left: 80px;
}

.test_box {
	width: 300px;
	/* background:red; */
	float: left;
}

.tb_btn1 {
	background: #fe8989;
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	color: white;
}

.tb_btn1 a {
	display: block;
	width: 200px;
	height: 40px;
}

.tb_btn2 {
	background: #54c095;
	width: 200px;
	height: 40px;
	margin-top: 6px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	color: white;
}

.tb_btn2 a {
	display: block;
	width: 200px;
	height: 40px;
}

.tb_btn3 {
	background: #9c9895;
	width: 300px;
	height: 40px;
	margin-bottom: 6px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	color: #3f3c3c;
}

.tb_btn3 a {
	display: block;
	width: 300px;
	height: 40px;
}

/*  */


/* 마이페이지 > 상품선택 및 결제 */
.choice1 {
	margin: 100px 0 150px;
	font-size: 0;
}

#choice_box {
	font-size: 18px;
}

#choice_box h3 {
	font-size: 23px;
	margin-bottom: 20px;
}

.choice1 h3 {
	background: url(http://www.cookeyenglish.com/images/c_icon01.png) left top 6px no-repeat;
	padding-left: 50px;
}

.choice1 li {
	width: 600px;
	height: 250px;
	display: inline-block;
	font-size: 17px;
	box-shadow: 0 0 10px 3px #ddd;
	vertical-align: top;
	cursor: pointer;
}

.choice1 li:first-child {
	margin-right: 100px;
	background: url(http://www.cookeyenglish.com/images/choice01_bg1.jpg) no-repeat;
	background-position: left top 8px;
}

.choice1 li p {
	font-size: 20px;
	margin-bottom: 25px;
	background-color: #0095ff;
	padding: 15px 20px;
	color: #fff;
}

.choice1 li span {
	padding-left: 20px;
	font-weight: 500;
	color: #000;
	display: inline-block;
	line-height: 27px;
}

.choice1 li:last-child {
	background: url(http://www.cookeyenglish.com/images/choice01_bg2.jpg) no-repeat;
	background-position: left top 20px;
}

.choice1 .on {
	border: 6px solid #0095ff;
}

.choice1 .on p .check {
	background: url(http://www.cookeyenglish.com/images/choice_check.png) no-repeat;
	height: 22px;
	width: 50px;
	background-position: left 20px top 7px;
}

.choice1 li:hover p {
	font-size: 26px;
}


.choice2 {
	font-size: 0;
	margin-bottom: 150px;
}

.choice2 h3 {
	background: url(http://www.cookeyenglish.com/images/c_icon02.png) left top 6px no-repeat;
	padding-left: 46px;
}

.choice2>div {
	display: inline-block;
	font-size: 0;
	vertical-align: top;
}

.choice2>div:last-child {
	margin-left: 100px;
}

.choice2>div p {
	font-size: 20px;
	margin: 30px 0;
}

.choice2 li {
	width: 180px;
	height: 100px;
	display: inline-block;
	text-align: center;
	border: 1px solid #000;
	font-size: 17px;
	margin-right: 30px;
	box-sizing: border-box;
	line-height: 100px;
}

.choice2>div:last-child li {
	width: 285px;
}

.choice2 li:last-child {
	margin-right: 0;
}

.choice2 .on {
	border: 3px solid #0095ff;
}

.choice3 {
	border-bottom: 1px solid #000;
	padding-bottom: 150px;
}

.choice3 h3 {
	background: url(http://www.cookeyenglish.com/images/c_icon03.png) left top 6px no-repeat;
	padding-left: 44px;
	padding-bottom: 20px;
}

.choice3>div {
	float: left;
	margin-right: 380px;
}

.choice3_right p {
	background: url(http://www.cookeyenglish.com/images/c_icon04.png) left top 6px no-repeat;
	padding-left: 40px;
	margin-bottom: 30px;
	font-size: 23px;
	font-weight: 600;
}

.choice3_right select {
	padding: 0 20px;
}

.choice3:after {
	clear: both;
	content: "";
	display: block;
}



.pay_view {
	border: 1px solid #0070c0;
	margin: 100px 0 200px;
	font-size: 0;
}

.pay_view h3 {
	text-align: center;
	background-color: #0070c0;
	color: #fff;
	line-height: 80px;
	font-weight: 500;
	position: relative;
}

.pay_view .pay_arrow {
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
}

.pay_view ul {
	padding: 30px 50px;
}

.pay_view li {
	border-bottom: 1px solid #ddd;
	line-height: 50px;
	font-size: 18px;
}

.pay_view li:last-child {
	border-bottom: 0;
}

.pay_view p {
	margin-left: 50px;
	padding-left: 30px;
	display: inline-block;
	vertical-align: top;
	width: 870px;
	background-color: #f5f5f5;
	line-height: 80px;
	font-size: 20px;
	margin-bottom: 50px;
	margin-right: 30px;
}

.pay_view .pay_button {
	display: inline-block;
	vertical-align: top;
	line-height: 80px;
	text-align: center;
	width: 300px;
	background-color: #393939;
	color: #fff;
	font-size: 20px;
}



/* 마이페이지 > 수강신청 */
.class01 {
	font-size: 18px;
}

.class01 h3 {
	font-size: 23px;
	margin-bottom: 30px;
	border-bottom: 2px solid #000;
	width: 83px;
	padding-bottom: 5px;
}

.class01_2 p {
	display: inline-block;
	margin-right: 50px;
}

.class01_3 p {
	display: inline-block;
	margin-right: 50px;
}



.class02 {
	font-size: 0;
}

.class02 h3 {
	font-size: 23px;
	margin-bottom: 30px;
	border-bottom: 2px solid #000;
	width: 184px;
	padding-bottom: 5px;
}

.class02>div {
	display: inline-block;
	width: 600px;
	font-size: 18px;
	vertical-align: top;
}

.class02>div:nth-child(3) {
	margin-left: 90px;
	width: 547px;
}

.class03 h3 {
	font-size: 23px;
	margin-bottom: 30px;
	border-bottom: 3px solid #0070c0;
	padding-bottom: 10px;
	padding-left: 46px;
	background: url(http://www.cookeyenglish.com/images/class_icon.png) left top 6px no-repeat;
}

.class03 input {
	margin-right: 10px;
}

.class03 label {
	margin-right: 20px;
}

.class03 th {
	font-size: 18px;
	font-weight: 500;
}

.classorder_btn {
	display: block;
	width: 200px;
	text-align: center;
	line-height: 80px;
	background-color: #0070c0;
	color: #fff;
	font-size: 20px;
	margin: 80px auto 0;
}


/* 마이페이지 > 오늘의 강의 */
.today_calendar {
	margin-bottom: 200px;
	position: relative;
}

.t_class_open {
	position: absolute;
	width: 118px;
	line-height: 40px;
	color: #fff;
	top: 330px;
	left: 600px;
	background-color: #0095ff;
	font-size: 16px;
}

.feedback {
	position: absolute;
	width: 118px;
	line-height: 20px;
	color: #fff;
	top: 330px;
	left: 240px;
	background-color: #929292;
	font-size: 14px;
}

.class_v {
	position: absolute;
	width: 118px;
	line-height: 20px;
	color: #fff;
	top: 356px;
	left: 240px;
	background-color: #71cd5c;
	font-size: 14px;
}

/* 마이페이지 > 온라인 교재보기 */
.online_book {
	text-align: left;
}

.online_book h3 {
	font-size: 23px;
	margin: 80px 0 20px;
}

.class_name li {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	line-height: 44px;
	background-color: #f1f1f1;
	margin-right: 20px;
	font-size: 15px;
	text-align: center;
}

.class_name>ul>li:last-child {
	margin-right: 0;
}

.class_name .on {
	background-color: #0095ff;
	color: #fff;
}

.book_name {
	font-size: 0;
	position: relative;
}

.book_name li {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	line-height: 44px;
	font-size: 15px;
	text-align: center;
	background-color: #f1f1f1;
	margin-right: 20px;
}

.book_name>ul>li:last-child {
	margin-right: 0;
}

.book_name .on p {
	background-color: #0095ff;
	color: #fff;
}


.book_name_sub {
	display: none;
	position: absolute;
	top: 120px;
	left: 0;
	font-size: 0;
	margin-bottom: 50px;
}

.book_name_sub li {
	display: inline-block;
	vertical-align: top;
	background-color: transparent;
	border: 1px solid #ddd;
}

.book_name_sub .on {
	border: 2px solid #0095ff;
}

.book_info {
	text-align: center;
}



/*My Study Page*/

.report00 {
	margin-bottom: 40px;
}

.coin00 {
	vertical-align: middle;
}

.report01 {
	margin-bottom: 40px;
}

.report01_tbl {
	width: 1446px;
	border-spacing: 23px;
	border-collapse: separate;
	margin-left: -23px;

}

.report01_tbl th {
	background-color: #F3F3F3;
	border-radius: 20px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.report01_tbl td {
	background-color: #F3F3F3;
	border-radius: 20px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.report02 {
	background-color: #F3F3F3;
	border-radius: 20px;
	width: 1400px;
	height: 300px;
	margin-bottom: 40px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.report03 {
	background-color: #F3F3F3;
	border-radius: 20px;
	width: 1400px;
	height: 600px;
	margin-bottom: 40px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

/*마이페이지 평가표*/
.mycourse00 {
	position: relative;
}

.mycourse01 {
	background-color: black;
	color: white;
	border-radius: 48px;
	margin: 0 auto;
	width: 80px;
	font-size: 9px;
	position: relative;
}

.mypagett {
	text-align: left;
	margin-left: 50px;
	font-size: 22px;
	font-weight: 700;
	margin-top: 15px;
	vertical-align: top;
}

.mypagett0 {
	text-align: left;
	margin-left: 50px;
	font-size: 14px;
	font-weight: 500;
}

.mypagett1 {
	text-align: left;
	margin-left: 20px;
	margin-top: 15px;
	font-size: 22px;
	font-weight: 700;
	border: 3px red solid;
}

.mypagett2 {
	text-align: left;
	margin-left: 20px;
	font-size: 14px;
	font-weight: 500;
}

.myranking00 {
	background-color: #ebebeb;
	width: 15px;
	height: 150px;
	margin-right: 15px;
	margin-top: 40px;
	border-radius: 30px;
	display: inline-block;
}

.detailrank {
	clear: both;
}

.detailrank ul li {
	width: 80%;
	height: 25px;
	background-color: #cbcbcb;
	border-radius: 20px;
	margin: 15px 0 10px 50px;
	overflow: auto;
}

.detailrank ul li span {
	float: right;
	font-size: 8px;
	margin-right: 5px;
}

.detailrank ul li img {
	float: left;
}

.achivement_wrap {
	height: 1100px;
	text-align: left;
}

.stage_c {
	border-radius: 50%;
	background-color: #cbcbcb;
	width: 47px;
	height: 47px;
	display: inline-block;
	padding: 10px;
	margin-right: 20px;
	color: white;
}

#s_clear_b1 {
	border-radius: 50%;
	background-color: #0095ff;
	width: 47px;
	height: 47px;
	display: inline-block;
	padding: 10px;
	margin-right: 20px;
	color: white;
}

#s_clear_b2 {
	border-radius: 50%;
	background-color: #0095ff;
	width: 47px;
	height: 47px;
	display: inline-block;
	padding: 10px;
	margin-right: 20px;
	color: white;
}

#s_clear_b3 {
	border-radius: 50%;
	background-color: #0095ff;
	;
	width: 47px;
	height: 47px;
	display: inline-block;
	padding: 10px;
	margin-right: 20px;
	color: white;
}

#s_clear_b4 {
	border-radius: 50%;
	background-color: #cbcbcb;
	;
	width: 47px;
	height: 47px;
	display: inline-block;
	padding: 10px;
	margin-right: 20px;
	color: white;
}

#s_clear_b5 {
	border-radius: 50%;
	background-color: #cbcbcb;
	;
	width: 47px;
	height: 47px;
	display: inline-block;
	padding: 10px;
	margin-right: 20px;
	color: white;
}

#s_clear_b6 {
	border-radius: 50%;
	background-color: #cbcbcb;
	;
	width: 47px;
	height: 47px;
	display: inline-block;
	padding: 10px;
	margin-right: 20px;
	color: white;
}

#s_clear_b7 {
	border-radius: 50%;
	background-color: #cbcbcb;
	;
	width: 47px;
	height: 47px;
	display: inline-block;
	padding: 10px;
	margin-right: 20px;
	color: white;
}

#s_clear_b8 {
	border-radius: 50%;
	background-color: #cbcbcb;
	;
	width: 47px;
	height: 47px;
	display: inline-block;
	padding: 10px;
	margin-right: 20px;
	color: white;
}

.achivement_stage {
	margin-bottom: 100px;
}


#book_stage0 {
	width: 560px;
	//height:270px;
	//border:1px red solid;
	margin: 80px auto;

}

#book_stage1 {
	width: 560px;
	//height:270px;
	//border:1px red solid;
	margin: 80px auto;
	color: white;
}

#book_stage2 {
	width: 560px;
	//height:270px;
	//border:1px red solid;
	margin: 80px auto;
}

#book_stage3 {
	width: 560px;
	//height:270px;
	//border:1px red solid;
	margin: 80px auto;
}

#book_stage4 {
	width: 560px;
	//height:270px;
	//border:1px red solid;
	margin: 80px auto;
}

#book_detail0 {
	background-color: #b7b7b7;
	width: 460px;
	height: 120px;
	margin: 30px auto;
	vertical-align: middle;
	padding-top: 30px;
	display: none;
}

#book_detail1 {
	background-color: #b7b7b7;
	width: 460px;
	height: 120px;
	margin: 30px auto;
	vertical-align: middle;
	padding-top: 30px;
	display: none;
}

#book_detail2 {
	background-color: #b7b7b7;
	width: 460px;
	height: 120px;
	margin: 30px auto;
	vertical-align: middle;
	padding-top: 30px;
	display: none;
}

#book_detail3 {
	background-color: #b7b7b7;
	width: 460px;
	height: 120px;
	margin: 30px auto;
	vertical-align: middle;
	padding-top: 30px;
	display: none;
}

#book_detail4 {
	background-color: #b7b7b7;
	width: 460px;
	height: 120px;
	margin: 30px auto;
	vertical-align: middle;
	padding-top: 30px;
	display: none;
}






/*성취*/
#stage_a00 {
	background-color: #b7b7b7;
	width: 450px;
	height: 120px;
	margin: 0 auto;
	vertical-align: middle;
	padding-top: 30px;
	display: none;
}

.stage_a {
	background-color: #b7b7b7;
	width: 450px;
	height: 120px;
	margin: 0 auto;
	vertical-align: middle;
	padding-top: 30px;
}

.stage_a img {
	margin-right: 20px;
	vertical-align: middle;
}

#stage_a01 {
	background-color: #b7b7b7;
	width: 450px;
	height: 120px;
	margin: 0 auto;
	vertical-align: middle;
	padding-top: 30px;
	display: none;
}

#s_btn_b1 {
	background-color: #0095ff;
	cursor: pointer;
	width: 47px;
	height: 15px;
	color: white;
	border-radius: 20px;
	border: 0;
	margin-right: 20px;
	font-size: 10px;
}

#s_btn_b2 {
	background-color: #b7b7b7;
	cursor: pointer;
	width: 47px;
	height: 15px;
	color: black;
	border-radius: 20px;
	border: 0;
	margin-right: 20px;
	font-size: 10px;
}

#s_btn_b3 {
	background-color: #b7b7b7;
	cursor: pointer;
	width: 47px;
	height: 15px;
	color: black;
	border-radius: 20px;
	border: 0;
	margin-right: 20px;
	font-size: 10px;
}

#s_btn_b4 {
	background-color: #b7b7b7;
	cursor: pointer;
	width: 47px;
	color: black;
	border-radius: 20px;
	border: 0;
	margin-right: 20px;
	font-size: 10px;
}

#s_btn_b5 {
	background-color: #b7b7b7;
	cursor: pointer;
	width: 47px;
	color: black;
	border-radius: 20px;
	border: 0;
	margin-right: 20px;
	font-size: 10px;
}

#s_btn_b6 {
	background-color: #b7b7b7;
	cursor: pointer;
	width: 47px;
	color: black;
	border-radius: 20px;
	border: 0;
	margin-right: 20px;
	font-size: 10px;
}

#s_btn_b7 {
	background-color: #b7b7b7;
	cursor: pointer;
	width: 47px;
	color: black;
	border-radius: 20px;
	border: 0;
	margin-right: 20px;
	font-size: 10px;
}

#s_btn_b8 {
	background-color: #b7b7b7;
	cursor: pointer;
	width: 47px;
	color: black;
	border-radius: 20px;
	border: 0;
	margin-right: 20px;
	font-size: 10px;
}

#s_btn_c1 {
	background-color: #cbcbcb;
	cursor: pointer;
	width: 47px;
	height: 15px;
	color: black;
	border-radius: 20px;
	border: 0;
	margin-right: 20px;
	font-size: 10px;
}

#s_btn_c2 {
	background-color: #cbcbcb;
	cursor: pointer;
	width: 47px;
	height: 15px;
	color: black;
	border-radius: 20px;
	border: 0;
	margin-right: 20px;
	font-size: 10px;
}

#s_btn_c3 {
	background-color: #cbcbcb;
	cursor: pointer;
	width: 47px;
	height: 15px;
	color: black;
	border-radius: 20px;
	border: 0;
	margin-right: 20px;
	font-size: 10px;
}

#s_btn_c4 {
	background-color: #cbcbcb;
	cursor: pointer;
	width: 47px;
	height: 15px;
	color: black;
	border-radius: 20px;
	border: 0;
	margin-right: 20px;
	font-size: 10px;
}

#s_btn_c5 {
	background-color: #cbcbcb;
	cursor: pointer;
	width: 47px;
	height: 15px;
	color: black;
	border-radius: 20px;
	border: 0;
	margin-right: 20px;
	font-size: 10px;
}

#s_btn_c6 {
	background-color: #cbcbcb;
	cursor: pointer;
	width: 47px;
	height: 15px;
	color: black;
	border-radius: 20px;
	border: 0;
	margin-right: 20px;
	font-size: 10px;
}

#s_btn_c7 {
	background-color: #cbcbcb;
	cursor: pointer;
	width: 47px;
	height: 15px;
	color: black;
	border-radius: 20px;
	border: 0;
	margin-right: 20px;
	font-size: 10px;
}

#s_btn_c8 {
	background-color: #cbcbcb;
	cursor: pointer;
	width: 47px;
	height: 15px;
	color: black;
	border-radius: 20px;
	border: 0;
	margin-right: 20px;
	font-size: 10px;
}

.myscore_t {
	margin: 20px auto 0;
	border-spacing: 10px;
}

.myscore_t th {
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 20px;
}

.myscore_t td {
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 20px;
}

.AIpercentBar {
	border-radius: 20px;
	height: 10px;
	background: linear-gradient(45deg, #8278FF, #FF2652);
}

/*녹음*/
.myrecord {
	vertical-align: middle;
}

.record_btn00 {
	width: 900px;
	margin: 0 auto;
}

.record_btn00 img {
	margin: 50px 100px 0 100px;
}

.record_btn01 {
	border-radius: 50%;
	width: 120px;
	height: 120px;
	background-color: rgba(103, 56, 191, 0.09);
	vertical-align: middle;
	padding: 30px;
	margin: 0 auto;
	position: relative;
	top: -75px;
	z-index: 2;
}

input.play_record {
	background-color: #0095ff;
	border-radius: 50%;
	cursor: pointer;
	width: 55px;
	height: 55px;
	border: 0;
}

#play_btn {
	position: absolute;
	top: 40px;
	left: 42px;
	cursor: pointer;
}

#pause_btn {
	display: none;
	position: absolute;
	top: 40px;
	left: 38px;
	cursor: pointer;
}

#record_ani {
	border-radius: 50%;
	width: 80px;
	height: 80px;
	background-color: rgba(103, 56, 191, 0.4);
	vertical-align: middle;
	padding: 30px;
	margin: 0 auto;
	position: relative;
	top: -175px;
	z-index: 1;
}

.teacher_comment {
	height: 40px;
	margin: 0 auto;
	border-radius: 0;
}

.teacher_comment td {
	border: 0;
	height: 40px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	border-radius: 0;
}

.teacher_comment tr {
	border: 0;
	height: 40px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	border-radius: 0;
}

.record_file00 {
	width: 470px;
	height: 27px;
	background-color: #cbcbcb;
	border-radius: 30px;
	clear: both;
	margin: 0 auto;
	margin-bottom: 10px;
}

#record_file00 span {
	float: left;
}

#record_file00 img {
	float: right;
}

#record_file01 span {
	float: left;
}

#record_file01 img {
	float: right;
}

#record_file02 span {
	float: left;
}

#record_file02 img {
	float: right;
}

/* 예/복습 프로그램 */
#wrap03 {
	background: #f1f1f1;
}

.whbg {
	background: #fff;
}

.bluebg {
	background: #195fed;
}

.onstudy_info {
	height: 1080px;
}

.onstudy_info_in {
	width: 1300px;
	margin: 0 auto;
	text-align: center;
}

.onstudy_info_in h3 {
	font-size: 40px;
	font-weight: bold;
	padding-top: 126px;
}

.onstudy_info_in p {
	font-size: 20px;
	line-height: 45px;
	font-weight: 400;
	margin-top: 35px;
	font-family: 'Noto Sans KR';
	letter-spacing: -1px;
}

.bluebg h3,
.bluebg p {
	color: #fff;
}

.onstudy_info .top130 {
	padding-top: 130px;
}

.onstudy_info .top100 {
	padding-top: 100px;
}

.onstudy_info .top40 {
	padding-top: 40px;
}

.info_video {
	position: relative;
}

.info_video .info_com {
	text-align: left;
	margin-left: 100px;
	background: url(http://www.cookeyenglish.com/images/content/onstudypg/onst04_1.png) no-repeat center left;
	width: 811px;
	height: 467px;
	overflow: hidden;
}

.info_video .info_com div {
	width: 637px;
	height: 450px;
	margin-top: 15px;
	margin-left: 87px;
	overflow: hidden;
	text-align: center;
}

.info_video .info_com img {
	width: 660px;
	margin-top: -1px;
}

.info_video .info_phone {
	position: absolute;
	top: 400px;
	right: 150px;
	background: url(http://www.cookeyenglish.com/images/content/onstudypg/onst04_2.png) no-repeat center right;
	width: 457px;
	height: 231px;
}

.info_video .info_phone div {
	width: 425px;
	height: 198px;
	margin-top: 16px;
	margin-left: 16px;
	overflow: hidden;
	text-align: center;
	border-radius: 20px;
}

.info_video .info_phone img {
	width: 450px;
}

.pg_download p {
	font-size: 45px;
	font-weight: bold;
	margin-top: 85px;
}

.pg_download ul {
	font-size: 0;
	width: 805px;
	margin: 40px auto 0;
}

.pg_download li:first-child {
	width: 100%;
	display: block;
	margin-right: 0;
	margin-bottom: 10px;
}

.pg_download li {
	width: 49.5%;
	display: inline-block;
	margin-right: 1%;
	font-size: 22px;
	background: #195fed;
	height: 72px;
}

.pg_download li a {
	color: #fff;
	font-weight: bold;
	display: block;
	line-height: 68px;
	padding-top: 4px;
}

.pg_download li:last-child {
	margin-right: 0;
}

/* 예/복습 프로그램 */